@npm-questionpro/wick-ui-editor 2.12.0 → 2.13.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/style.css +1 -1
- package/dist/wick-ui-editor/es/index.js +175 -175
- package/package.json +4 -4
package/dist/style.css
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
@import "https://fonts.googleapis.com/css2?family=Fira+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=JetBrains+Mono:ital,wght@0,100..800;1,100..800&family=Montserrat:ital,wght@0,100..900;1,100..900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";._popup_19wkg_1{border-radius:var(--we-radius);box-shadow:var(--we-shadow);color:var(--we-bg);max-width:20rem;z-index:var(--we-z-dropdown);background-color:oklch(45% 0 0);padding-block:.25rem;padding-inline:.5rem;font-size:.625rem;line-height:1.25;overflow:hidden}._container_ggft2_1{flex-grow:1;min-width:0;padding:1rem;overflow:auto}._editor_ggft2_8{--font-size:12px;--line-height:24px;--font-family:"JetBrains Mono",monospace;width:100%;min-width:fit-content;position:relative}._formatBtn_ggft2_18{border-radius:var(--we-radius);cursor:pointer;opacity:.4;height:1.5rem;transition:opacity var(--we-speed) ease-in-out;width:1.5rem;z-index:var(--we-z-control);background:0 0;border:none;justify-content:center;align-items:center;padding:0;font-size:1rem;display:flex;position:absolute;top:.25rem;right:.25rem}._formatBtn_ggft2_18:hover{opacity:1}._formatBtn_ggft2_18:disabled{cursor:not-allowed}._preview_ggft2_46{pointer-events:none;-webkit-user-select:none;user-select:none}._preview_ggft2_46 pre code{font-size:var(--font-size);line-height:var(--line-height);background:0 0;padding:0}._preview_ggft2_46 pre code span{font-family:var(--font-family)!important}._input_ggft2_62{caret-color:var(--we-fg);color:#0000;font-family:var(--font-family);font-size:var(--font-size);line-height:var(--line-height);resize:none;white-space:pre;background:0 0;border:none;outline:none;position:absolute;inset:0;overflow:hidden}._input_ggft2_62:disabled{cursor:not-allowed}._dropdown_sx3z9_1{background-color:var(--we-bg);border:1px solid var(--we-primary);border-radius:var(--we-radius);color:var(--we-fg);z-index:var(--we-z-dropdown);display:flex}._dropdown_sx3z9_1[data-inline]{gap:.25rem;padding:.25rem}._dropdown_sx3z9_1[data-block]{flex-direction:column}._dropdown_sx3z9_1[data-block] ._dropdownItem_sx3z9_17{cursor:pointer;padding:.25rem .5rem;font-size:12px}._dropdown_sx3z9_1[data-block] ._dropdownItem_sx3z9_17:hover{background-color:color-mix(in srgb,var(--we-primary) 5%,transparent)}._dropdownPositioner_sx3z9_29{z-index:var(--we-z-dropdown)}._item_wqnwe_1{border-radius:var(--we-radius);cursor:pointer;height:1.5rem;transition:background-color var(--we-speed) ease-in-out;justify-content:center;align-items:center;width:1.5rem;font-size:1.125rem;line-height:1.75rem;display:flex}._item_wqnwe_1:hover,._item_wqnwe_1[data-active=true]{background-color:oklch(from var(--we-primary) l c h/10%)}._item_wqnwe_1[data-active=true]{color:var(--we-primary)}._item_wqnwe_1 input{width:0;height:0}._wuContentEditor_rsptw_4._wuContentEditor_rsptw_4 img{margin:0!important;display:inline-block!important}._wuContentEditor_rsptw_4._wuContentEditor_rsptw_4 [data-resize-handle]{z-index:var(--we-z-resize-handle)!important;background:#00000080!important;border:1px solid #fffc!important;border-radius:2px!important;position:absolute!important}._wuContentEditor_rsptw_4._wuContentEditor_rsptw_4 [data-resize-handle]:hover{background:#000c!important}._wuContentEditor_rsptw_4._wuContentEditor_rsptw_4 [data-resize-handle][data-resize-handle=bottom-left],._wuContentEditor_rsptw_4._wuContentEditor_rsptw_4 [data-resize-handle][data-resize-handle=bottom-right],._wuContentEditor_rsptw_4._wuContentEditor_rsptw_4 [data-resize-handle][data-resize-handle=top-left],._wuContentEditor_rsptw_4._wuContentEditor_rsptw_4 [data-resize-handle][data-resize-handle=top-right]{width:8px!important;height:8px!important}._wuContentEditor_rsptw_4._wuContentEditor_rsptw_4 [data-resize-handle][data-resize-handle=top-left]{cursor:nwse-resize!important;top:0!important;left:-4px!important}._wuContentEditor_rsptw_4._wuContentEditor_rsptw_4 [data-resize-handle][data-resize-handle=top-right]{cursor:nesw-resize!important;top:-4px!important;right:-4px!important}._wuContentEditor_rsptw_4._wuContentEditor_rsptw_4 [data-resize-handle][data-resize-handle=bottom-left]{cursor:nesw-resize!important;bottom:-4px!important;left:-4px!important}._wuContentEditor_rsptw_4._wuContentEditor_rsptw_4 [data-resize-handle][data-resize-handle=bottom-right]{cursor:nwse-resize!important;bottom:-4px!important;right:-4px!important}._wuContentEditor_rsptw_4._wuContentEditor_rsptw_4 [data-resize-handle][data-resize-handle=bottom],._wuContentEditor_rsptw_4._wuContentEditor_rsptw_4 [data-resize-handle][data-resize-handle=top]{height:6px!important;left:8px!important;right:8px!important}._wuContentEditor_rsptw_4._wuContentEditor_rsptw_4 [data-resize-handle][data-resize-handle=top]{cursor:ns-resize!important;top:-3px!important}._wuContentEditor_rsptw_4._wuContentEditor_rsptw_4 [data-resize-handle][data-resize-handle=bottom]{cursor:ns-resize!important;bottom:-3px!important}._wuContentEditor_rsptw_4._wuContentEditor_rsptw_4 [data-resize-handle][data-resize-handle=left],._wuContentEditor_rsptw_4._wuContentEditor_rsptw_4 [data-resize-handle][data-resize-handle=right]{width:6px!important;top:8px!important;bottom:8px!important}._wuContentEditor_rsptw_4._wuContentEditor_rsptw_4 [data-resize-handle][data-resize-handle=left]{cursor:ew-resize!important;left:-3px!important}._wuContentEditor_rsptw_4._wuContentEditor_rsptw_4 [data-resize-handle][data-resize-handle=right]{cursor:ew-resize!important;right:-3px!important}:scope [data-resize-state=true] [data-resize-wrapper]{border-radius:.125rem;outline:1px solid #00000040}[data-resize-wrapper]{display:inline-block!important}._wuContentEditor_rsptw_4._wuContentEditor_rsptw_4 ol,._wuContentEditor_rsptw_4._wuContentEditor_rsptw_4 ul{all:unset!important;box-sizing:border-box!important;display:revert!important}._wuContentEditor_rsptw_4._wuContentEditor_rsptw_4 ul{list-style-type:disc!important}._wuContentEditor_rsptw_4._wuContentEditor_rsptw_4 ol,._wuContentEditor_rsptw_4._wuContentEditor_rsptw_4 ul{padding-left:32px!important;list-style-position:inside!important}._wuContentEditor_rsptw_4._wuContentEditor_rsptw_4 ol{list-style-type:decimal!important}._wuContentEditor_rsptw_4._wuContentEditor_rsptw_4 li>p{display:inline!important}._wuContentEditor_rsptw_4._wuContentEditor_rsptw_4 ul[data-type=taskList]{padding-left:16px!important;list-style-type:none!important}._wuContentEditor_rsptw_4._wuContentEditor_rsptw_4 ul[data-type=taskList] li{justify-content:flex-start!important;align-items:center!important;gap:8px!important;display:flex!important}._wuContentEditor_rsptw_4._wuContentEditor_rsptw_4 ul[data-type=taskList] li[style*="text-align: center"]{justify-content:center!important}._wuContentEditor_rsptw_4._wuContentEditor_rsptw_4 ul[data-type=taskList] li[style*="text-align: right"]{justify-content:flex-end!important}._wuContentEditor_rsptw_4._wuContentEditor_rsptw_4 ul[data-type=taskList] li label{position:relative!important;top:2px!important}._wuContentEditor_rsptw_4._wuContentEditor_rsptw_4 table{border-collapse:collapse!important;table-layout:fixed!important;width:100%!important;margin:0!important;overflow:hidden!important}._wuContentEditor_rsptw_4._wuContentEditor_rsptw_4 table td,._wuContentEditor_rsptw_4._wuContentEditor_rsptw_4 table th{box-sizing:border-box!important;vertical-align:top!important;border:1px solid #e6e6e6!important;min-width:1em!important;padding:6px 8px!important;position:relative!important}:is(._wuContentEditor_rsptw_4._wuContentEditor_rsptw_4 table td,._wuContentEditor_rsptw_4._wuContentEditor_rsptw_4 table th)>*{margin-bottom:0!important}._wuContentEditor_rsptw_4._wuContentEditor_rsptw_4 table th{text-align:left!important;background-color:#f5f5f5!important;font-weight:700!important}._wuContentEditor_rsptw_4._wuContentEditor_rsptw_4 table ._selectedCell_rsptw_1:after{content:""!important;pointer-events:none!important;z-index:var(--we-z-table-selected-cell)!important;background:green!important;position:absolute!important;inset:0!important}._wuContentEditor_rsptw_4._wuContentEditor_rsptw_4 table ._column-resize-handle_rsptw_1{pointer-events:none!important;background-color:#00f!important;width:4px!important;position:absolute!important;top:0!important;bottom:-2px!important;right:-2px!important}._wuContentEditor_rsptw_4._wuContentEditor_rsptw_4 ._tableWrapper_rsptw_1{scrollbar-color:var(--we-muted) transparent!important;scrollbar-width:thin!important;margin:24px 0!important;overflow-x:auto!important}._wuContentEditor_rsptw_4._wuContentEditor_rsptw_4 ._tableWrapper_rsptw_1::-webkit-scrollbar{width:6px!important;height:6px!important}._wuContentEditor_rsptw_4._wuContentEditor_rsptw_4 ._tableWrapper_rsptw_1::-webkit-scrollbar-track{background:0 0!important}._wuContentEditor_rsptw_4._wuContentEditor_rsptw_4 ._tableWrapper_rsptw_1::-webkit-scrollbar-thumb{background-color:var(--we-muted)!important;border-radius:4px!important}._wuContentEditor_rsptw_4._wuContentEditor_rsptw_4 ._tableWrapper_rsptw_1::-webkit-scrollbar-corner{background:0 0!important}._wuContentEditor_rsptw_4._wuContentEditor_rsptw_4 ._resize-cursor_rsptw_1{cursor:ew-resize!important;cursor:col-resize!important}._wuContentEditor_rsptw_4._wuContentEditor_rsptw_4 a{color:var(--we-primary)!important;cursor:pointer!important;text-underline-offset:2px!important;transition:color var(--we-speed) ease-in-out!important;text-decoration:underline!important}._wuContentEditor_rsptw_4._wuContentEditor_rsptw_4 a:hover{color:var(--we-secondary)!important}._wuContentEditor_rsptw_4._wuContentEditor_rsptw_4 h1{font-size:32px!important;line-height:40px!important}._wuContentEditor_rsptw_4._wuContentEditor_rsptw_4 h1,._wuContentEditor_rsptw_4._wuContentEditor_rsptw_4 h2{font-weight:400!important}._wuContentEditor_rsptw_4._wuContentEditor_rsptw_4 h2{font-size:24px!important}._wuContentEditor_rsptw_4._wuContentEditor_rsptw_4 h2,._wuContentEditor_rsptw_4._wuContentEditor_rsptw_4 h3{line-height:32px!important}._wuContentEditor_rsptw_4._wuContentEditor_rsptw_4 h3{font-size:20px!important}._wuContentEditor_rsptw_4._wuContentEditor_rsptw_4 h3,._wuContentEditor_rsptw_4._wuContentEditor_rsptw_4 h4{font-weight:500!important}._wuContentEditor_rsptw_4._wuContentEditor_rsptw_4 h4{font-size:18px!important;line-height:24px!important}:root{--we-bg:var(--wu-bg,oklch(100% 0 0));--we-fg:var(--wu-fg,oklch(47.8% .0244 255));--we-primary:var(--wu-primary,oklch(61.6% .1696 251.2));--we-primary-fg:var(--wu-primary-fg,oklch(100% 0 0));--we-secondary:var(--wu-secondary,oklch(35.4% .1335 266.3));--we-secondary-fg:var(--wu-secondary-fg,oklch(100% 0 0));--we-accent:var(--wu-accent,oklch(72.3% .1755 56.7));--we-accent-fg:var(--wu-accent-fg,oklch(100% 0 0));--we-muted:var(--wu-muted,oklch(0% 0 0/.06));--we-muted-fg:var(--wu-muted-fg,oklch(68.9% 0 0));--we-error:var(--wu-error,oklch(53.1% .2178 29.2));--we-error-fg:var(--wu-error-fg,oklch(100% 0 0));--we-border:var(--wu-muted,oklch(0% 0 0/.06));--we-radius:var(--wu-radius,.25rem);--we-shadow:var(--wu-shadow,0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a);--we-speed:var(--wu-speed,.3s);--we-z-dropdown:50;--we-z-modal:50;--we-z-resize-handle:9;--we-z-table-selected-cell:2;--we-z-control:10}._wuContentEditor_rsptw_4._wuContentEditor_rsptw_4 code{background-color:var(--we-muted)!important;color:var(--we-secondary)!important;border-radius:2px!important;padding:4px!important;font-family:JetBrains Mono,monospace!important;font-size:.75em!important}._wuContentEditor_rsptw_4._wuContentEditor_rsptw_4 code:after,._wuContentEditor_rsptw_4._wuContentEditor_rsptw_4 code:before{content:""!important}._wuContentEditor_rsptw_4._wuContentEditor_rsptw_4 blockquote{background-color:oklch(from var(--we-primary) l c h/5%)!important;border-left:4px solid oklch(from var(--we-primary) l c h/50%)!important;border-radius:0 8px 8px 0!important;margin:16px 0!important;padding:8px!important;font-style:italic!important}._wuContentEditorRoot_rsptw_4{border:1px solid var(--we-border);border-radius:var(--we-radius);flex-direction:column;min-width:0;min-height:160px;display:flex}._wuContentEditorRoot_rsptw_4 :focus{outline:none}._wuContentEditorRoot_rsptw_4[data-position=bottom]{flex-direction:column-reverse}._wuContentEditorRoot_rsptw_4[data-position=bottom] ._wuContentEditorToolbar_rsptw_19{border-bottom:none;border-top:1px solid var(--we-border);top:auto;bottom:0}._wuContentEditorToolbar_rsptw_19{border-bottom:1px solid var(--we-border);border-top:none;justify-content:flex-start;align-items:center;gap:.25rem;min-width:0;padding:.5rem;display:flex;position:sticky;top:0;overflow-x:auto}._wuContentEditorToolbar_rsptw_19 ._fontSize_rsptw_41{gap:.5rem;display:flex}._wuContentEditorToolbar_rsptw_19 ._fontSize_rsptw_41 input{border:1px solid var(--we-border);border-radius:var(--we-radius);text-align:center;width:2.5rem;height:1.5rem}._wuContentEditorToolbar_rsptw_19 ._fontSize_rsptw_41 input:focus{outline:none}._wuContentEditorTable_rsptw_59{grid-template-columns:repeat(2,1fr);gap:.5rem;display:grid}._wuContentEditor_rsptw_4{flex-grow:1;min-width:0;padding:1rem;overflow:auto}._button_583n5_1{--btn-hue:var(--we-primary);--btn-bg:var(--btn-hue);--btn-text:var(--we-primary-fg);--btn-bg-hover:color-mix(in oklab,var(--btn-hue),#000 18.5%);--btn-hue-60:oklch(from var(--btn-hue) l c h/60%);background-color:var(--btn-bg);border-radius:var(--we-radius);block-size:2rem;color:var(--btn-text);cursor:pointer;min-inline-size:6.5rem;transition:background-color var(--we-speed) ease-in-out,color var(--we-speed) ease-in-out;border:1px solid #0000;justify-content:center;align-items:center;gap:.25rem;padding-block:.375rem;padding-inline:.5rem;font-size:.875rem;line-height:1.15;display:inline-flex}._button_583n5_1:hover:not(:disabled){--btn-bg:var(--btn-bg-hover)}._button_583n5_1:focus{outline:none}._button_583n5_1:focus-visible{outline:2px solid var(--btn-hue-60);outline-offset:2px}._button_583n5_1[data-color=error]{--btn-hue:var(--we-error)}._button_583n5_1[data-variant=secondary]{--btn-bg:transparent;--btn-text:var(--btn-hue)}._button_583n5_1[data-variant=secondary]:hover:not(:disabled){--btn-bg:var(--we-muted);--btn-text:var(--btn-bg-hover)}._button_583n5_1:disabled{--btn-bg:var(--we-muted);--btn-text:var(--we-muted-fg);cursor:not-allowed;pointer-events:none}._button_583n5_1:disabled[data-variant=secondary]{--btn-bg:transparent}._dialog_vbrv2_1{background-color:var(--we-bg);border:2px solid var(--we-primary);border-radius:calc(var(--we-radius)*4);color:var(--we-fg);max-width:calc(100vw - 3rem);min-height:10rem;transition:all var(--we-speed) ease-in-out;width:24rem;z-index:var(--we-z-modal);flex-direction:column;gap:2rem;padding:1.5rem;display:flex;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}._dialog_vbrv2_1[data-ending-style],._dialog_vbrv2_1[data-starting-style]{opacity:0;transform:translate(-50%,-50%)scale(.98)}._backdrop_vbrv2_27{pointer-events:all;min-height:100dvh;transition:all var(--we-speed) ease-in-out;z-index:var(--we-z-modal);background-color:#0003;position:fixed;inset:0}@supports (-webkit-touch-callout:none){._backdrop_vbrv2_27{position:absolute}}._backdrop_vbrv2_27[data-ending-style],._backdrop_vbrv2_27[data-starting-style]{opacity:0}._content_vbrv2_46{flex-direction:column;gap:1rem;display:flex}._footer_vbrv2_52{justify-content:flex-end;align-items:center;gap:.5rem;display:flex}._close_vbrv2_59{border-radius:var(--we-radius);color:var(--we-muted-fg);cursor:pointer;height:1.5rem;transition:color var(--we-speed) ease-in-out;background:0 0;border:none;justify-content:center;align-items:center;width:1.5rem;padding:0;display:flex;position:absolute;top:.75rem;right:.75rem}._close_vbrv2_59:hover{color:var(--we-fg)}._group_56lao_1{flex-direction:column;gap:.25rem;width:100%;display:flex}._label_56lao_8{color:var(--we-fg);font-size:.75rem;font-weight:500}._input_56lao_14{background:var(--we-muted);border:none;border-bottom:1px solid var(--we-border);color:var(--we-fg);height:2rem;transition:border-color var(--we-speed) ease-in-out;border-radius:0;width:100%;padding:0 .5rem;font-size:.75rem;font-weight:400}._input_56lao_14::placeholder{color:var(--we-muted-fg);font-weight:300}._input_56lao_14:hover{border-bottom-color:var(--we-muted-fg)}._input_56lao_14:focus{border-bottom-color:var(--we-primary);outline:none}._input_56lao_14:disabled{color:var(--we-muted-fg);cursor:not-allowed}._input_56lao_14:disabled:hover{border-bottom-color:var(--we-border)}._label_1kiov_1{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:.75rem;width:fit-content;font-size:.8125rem;display:flex}._root_1kiov_11{cursor:pointer;height:.5rem;transition:background-color var(--we-speed) ease-in-out;background-color:oklch(93.1% 0 0);border:none;border-radius:9999px;flex-shrink:0;align-items:center;width:2rem;padding:0;display:inline-flex}._root_1kiov_11[data-checked]{background-color:oklch(88.2% 0 0)}._root_1kiov_11:hover{background-color:var(--we-muted-fg)}._root_1kiov_11:focus-visible{outline:2px solid oklch(from var(--we-primary) l c h/60%);outline-offset:2px}._root_1kiov_11:disabled{cursor:not-allowed;opacity:.5}._thumb_1kiov_44{background-color:var(--we-muted-fg);height:1rem;transition:transform var(--we-speed) ease-in-out,background-color var(--we-speed) ease-in-out;border-radius:9999px;width:1rem;display:block;box-shadow:0 1px 3px #0003}._thumb_1kiov_44[data-checked]{background-color:var(--we-primary);transform:translate(1rem)}
|
|
1
|
+
@import "https://fonts.googleapis.com/css2?family=Fira+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=JetBrains+Mono:ital,wght@0,100..800;1,100..800&family=Montserrat:ital,wght@0,100..900;1,100..900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";._popup_19wkg_1{border-radius:var(--we-radius);box-shadow:var(--we-shadow);color:var(--we-bg);max-width:20rem;z-index:var(--we-z-dropdown);background-color:oklch(45% 0 0);padding-block:.25rem;padding-inline:.5rem;font-size:.625rem;line-height:1.25;overflow:hidden}._container_ggft2_1{flex-grow:1;min-width:0;padding:1rem;overflow:auto}._editor_ggft2_8{--font-size:12px;--line-height:24px;--font-family:"JetBrains Mono",monospace;width:100%;min-width:fit-content;position:relative}._formatBtn_ggft2_18{border-radius:var(--we-radius);cursor:pointer;opacity:.4;height:1.5rem;transition:opacity var(--we-speed) ease-in-out;width:1.5rem;z-index:var(--we-z-control);background:0 0;border:none;justify-content:center;align-items:center;padding:0;font-size:1rem;display:flex;position:absolute;top:.25rem;right:.25rem}._formatBtn_ggft2_18:hover{opacity:1}._formatBtn_ggft2_18:disabled{cursor:not-allowed}._preview_ggft2_46{pointer-events:none;-webkit-user-select:none;user-select:none}._preview_ggft2_46 pre code{font-size:var(--font-size);line-height:var(--line-height);background:0 0;padding:0}._preview_ggft2_46 pre code span{font-family:var(--font-family)!important}._input_ggft2_62{caret-color:var(--we-fg);color:#0000;font-family:var(--font-family);font-size:var(--font-size);line-height:var(--line-height);resize:none;white-space:pre;background:0 0;border:none;outline:none;position:absolute;inset:0;overflow:hidden}._input_ggft2_62:disabled{cursor:not-allowed}._dropdown_sx3z9_1{background-color:var(--we-bg);border:1px solid var(--we-primary);border-radius:var(--we-radius);color:var(--we-fg);z-index:var(--we-z-dropdown);display:flex}._dropdown_sx3z9_1[data-inline]{gap:.25rem;padding:.25rem}._dropdown_sx3z9_1[data-block]{flex-direction:column}._dropdown_sx3z9_1[data-block] ._dropdownItem_sx3z9_17{cursor:pointer;padding:.25rem .5rem;font-size:12px}._dropdown_sx3z9_1[data-block] ._dropdownItem_sx3z9_17:hover{background-color:color-mix(in srgb,var(--we-primary) 5%,transparent)}._dropdownPositioner_sx3z9_29{z-index:var(--we-z-dropdown)}._item_wqnwe_1{border-radius:var(--we-radius);cursor:pointer;height:1.5rem;transition:background-color var(--we-speed) ease-in-out;justify-content:center;align-items:center;width:1.5rem;font-size:1.125rem;line-height:1.75rem;display:flex}._item_wqnwe_1:hover,._item_wqnwe_1[data-active=true]{background-color:oklch(from var(--we-primary) l c h/10%)}._item_wqnwe_1[data-active=true]{color:var(--we-primary)}._item_wqnwe_1 input{width:0;height:0}._wuContentEditor_ufzk4_4._wuContentEditor_ufzk4_4 img{margin:0!important;display:inline-block!important}._wuContentEditor_ufzk4_4._wuContentEditor_ufzk4_4 [data-resize-handle]{z-index:var(--we-z-resize-handle)!important;background:#00000080!important;border:1px solid #fffc!important;border-radius:2px!important;position:absolute!important}._wuContentEditor_ufzk4_4._wuContentEditor_ufzk4_4 [data-resize-handle]:hover{background:#000c!important}._wuContentEditor_ufzk4_4._wuContentEditor_ufzk4_4 [data-resize-handle][data-resize-handle=bottom-left],._wuContentEditor_ufzk4_4._wuContentEditor_ufzk4_4 [data-resize-handle][data-resize-handle=bottom-right],._wuContentEditor_ufzk4_4._wuContentEditor_ufzk4_4 [data-resize-handle][data-resize-handle=top-left],._wuContentEditor_ufzk4_4._wuContentEditor_ufzk4_4 [data-resize-handle][data-resize-handle=top-right]{width:8px!important;height:8px!important}._wuContentEditor_ufzk4_4._wuContentEditor_ufzk4_4 [data-resize-handle][data-resize-handle=top-left]{cursor:nwse-resize!important;top:0!important;left:-4px!important}._wuContentEditor_ufzk4_4._wuContentEditor_ufzk4_4 [data-resize-handle][data-resize-handle=top-right]{cursor:nesw-resize!important;top:-4px!important;right:-4px!important}._wuContentEditor_ufzk4_4._wuContentEditor_ufzk4_4 [data-resize-handle][data-resize-handle=bottom-left]{cursor:nesw-resize!important;bottom:-4px!important;left:-4px!important}._wuContentEditor_ufzk4_4._wuContentEditor_ufzk4_4 [data-resize-handle][data-resize-handle=bottom-right]{cursor:nwse-resize!important;bottom:-4px!important;right:-4px!important}._wuContentEditor_ufzk4_4._wuContentEditor_ufzk4_4 [data-resize-handle][data-resize-handle=bottom],._wuContentEditor_ufzk4_4._wuContentEditor_ufzk4_4 [data-resize-handle][data-resize-handle=top]{height:6px!important;left:8px!important;right:8px!important}._wuContentEditor_ufzk4_4._wuContentEditor_ufzk4_4 [data-resize-handle][data-resize-handle=top]{cursor:ns-resize!important;top:-3px!important}._wuContentEditor_ufzk4_4._wuContentEditor_ufzk4_4 [data-resize-handle][data-resize-handle=bottom]{cursor:ns-resize!important;bottom:-3px!important}._wuContentEditor_ufzk4_4._wuContentEditor_ufzk4_4 [data-resize-handle][data-resize-handle=left],._wuContentEditor_ufzk4_4._wuContentEditor_ufzk4_4 [data-resize-handle][data-resize-handle=right]{width:6px!important;top:8px!important;bottom:8px!important}._wuContentEditor_ufzk4_4._wuContentEditor_ufzk4_4 [data-resize-handle][data-resize-handle=left]{cursor:ew-resize!important;left:-3px!important}._wuContentEditor_ufzk4_4._wuContentEditor_ufzk4_4 [data-resize-handle][data-resize-handle=right]{cursor:ew-resize!important;right:-3px!important}:scope [data-resize-state=true] [data-resize-wrapper]{border-radius:.125rem;outline:1px solid #00000040}[data-resize-wrapper]{display:inline-block!important}._wuContentEditor_ufzk4_4._wuContentEditor_ufzk4_4 ol,._wuContentEditor_ufzk4_4._wuContentEditor_ufzk4_4 ul{all:unset!important;box-sizing:border-box!important;display:revert!important}._wuContentEditor_ufzk4_4._wuContentEditor_ufzk4_4 ul{list-style-type:disc!important}._wuContentEditor_ufzk4_4._wuContentEditor_ufzk4_4 ol,._wuContentEditor_ufzk4_4._wuContentEditor_ufzk4_4 ul{padding-left:32px!important;list-style-position:inside!important}._wuContentEditor_ufzk4_4._wuContentEditor_ufzk4_4 ol{list-style-type:decimal!important}._wuContentEditor_ufzk4_4._wuContentEditor_ufzk4_4 li>p{display:inline!important}._wuContentEditor_ufzk4_4._wuContentEditor_ufzk4_4 ul[data-type=taskList]{padding-left:16px!important;list-style-type:none!important}._wuContentEditor_ufzk4_4._wuContentEditor_ufzk4_4 ul[data-type=taskList] li{justify-content:flex-start!important;align-items:center!important;gap:8px!important;display:flex!important}._wuContentEditor_ufzk4_4._wuContentEditor_ufzk4_4 ul[data-type=taskList] li[style*="text-align: center"]{justify-content:center!important}._wuContentEditor_ufzk4_4._wuContentEditor_ufzk4_4 ul[data-type=taskList] li[style*="text-align: right"]{justify-content:flex-end!important}._wuContentEditor_ufzk4_4._wuContentEditor_ufzk4_4 ul[data-type=taskList] li label{position:relative!important;top:2px!important}._wuContentEditor_ufzk4_4._wuContentEditor_ufzk4_4 table{border-collapse:collapse!important;table-layout:fixed!important;width:100%!important;margin:0!important;overflow:hidden!important}._wuContentEditor_ufzk4_4._wuContentEditor_ufzk4_4 table td,._wuContentEditor_ufzk4_4._wuContentEditor_ufzk4_4 table th{box-sizing:border-box!important;vertical-align:top!important;border:1px solid #e6e6e6!important;min-width:1em!important;padding:6px 8px!important;position:relative!important}:is(._wuContentEditor_ufzk4_4._wuContentEditor_ufzk4_4 table td,._wuContentEditor_ufzk4_4._wuContentEditor_ufzk4_4 table th)>*{margin-bottom:0!important}._wuContentEditor_ufzk4_4._wuContentEditor_ufzk4_4 table th{text-align:left!important;background-color:#f5f5f5!important;font-weight:700!important}._wuContentEditor_ufzk4_4._wuContentEditor_ufzk4_4 table ._selectedCell_ufzk4_1:after{content:""!important;pointer-events:none!important;z-index:var(--we-z-table-selected-cell)!important;background:green!important;position:absolute!important;inset:0!important}._wuContentEditor_ufzk4_4._wuContentEditor_ufzk4_4 table ._column-resize-handle_ufzk4_1{pointer-events:none!important;background-color:#00f!important;width:4px!important;position:absolute!important;top:0!important;bottom:-2px!important;right:-2px!important}._wuContentEditor_ufzk4_4._wuContentEditor_ufzk4_4 ._tableWrapper_ufzk4_1{scrollbar-color:var(--we-muted) transparent!important;scrollbar-width:thin!important;margin:24px 0!important;overflow-x:auto!important}._wuContentEditor_ufzk4_4._wuContentEditor_ufzk4_4 ._tableWrapper_ufzk4_1::-webkit-scrollbar{width:6px!important;height:6px!important}._wuContentEditor_ufzk4_4._wuContentEditor_ufzk4_4 ._tableWrapper_ufzk4_1::-webkit-scrollbar-track{background:0 0!important}._wuContentEditor_ufzk4_4._wuContentEditor_ufzk4_4 ._tableWrapper_ufzk4_1::-webkit-scrollbar-thumb{background-color:var(--we-muted)!important;border-radius:4px!important}._wuContentEditor_ufzk4_4._wuContentEditor_ufzk4_4 ._tableWrapper_ufzk4_1::-webkit-scrollbar-corner{background:0 0!important}._wuContentEditor_ufzk4_4._wuContentEditor_ufzk4_4 ._resize-cursor_ufzk4_1{cursor:ew-resize!important;cursor:col-resize!important}._wuContentEditor_ufzk4_4._wuContentEditor_ufzk4_4 a{color:var(--we-primary)!important;cursor:pointer!important;text-underline-offset:2px!important;transition:color var(--we-speed) ease-in-out!important;text-decoration:underline!important}._wuContentEditor_ufzk4_4._wuContentEditor_ufzk4_4 a:hover{color:var(--we-secondary)!important}._wuContentEditor_ufzk4_4._wuContentEditor_ufzk4_4 h1{font-size:32px!important;line-height:40px!important}._wuContentEditor_ufzk4_4._wuContentEditor_ufzk4_4 h1,._wuContentEditor_ufzk4_4._wuContentEditor_ufzk4_4 h2{font-weight:400!important}._wuContentEditor_ufzk4_4._wuContentEditor_ufzk4_4 h2{font-size:24px!important}._wuContentEditor_ufzk4_4._wuContentEditor_ufzk4_4 h2,._wuContentEditor_ufzk4_4._wuContentEditor_ufzk4_4 h3{line-height:32px!important}._wuContentEditor_ufzk4_4._wuContentEditor_ufzk4_4 h3{font-size:20px!important}._wuContentEditor_ufzk4_4._wuContentEditor_ufzk4_4 h3,._wuContentEditor_ufzk4_4._wuContentEditor_ufzk4_4 h4{font-weight:500!important}._wuContentEditor_ufzk4_4._wuContentEditor_ufzk4_4 h4{font-size:18px!important;line-height:24px!important}:root{--we-bg:var(--wu-bg,oklch(100% 0 0));--we-fg:var(--wu-fg,oklch(47.8% .0244 255));--we-primary:var(--wu-primary,oklch(61.6% .1696 251.2));--we-primary-fg:var(--wu-primary-fg,oklch(100% 0 0));--we-secondary:var(--wu-secondary,oklch(35.4% .1335 266.3));--we-secondary-fg:var(--wu-secondary-fg,oklch(100% 0 0));--we-accent:var(--wu-accent,oklch(72.3% .1755 56.7));--we-accent-fg:var(--wu-accent-fg,oklch(100% 0 0));--we-muted:var(--wu-muted,oklch(0% 0 0/.06));--we-muted-fg:var(--wu-muted-fg,oklch(68.9% 0 0));--we-error:var(--wu-error,oklch(53.1% .2178 29.2));--we-error-fg:var(--wu-error-fg,oklch(100% 0 0));--we-border:var(--wu-muted,oklch(0% 0 0/.06));--we-radius:var(--wu-radius,.25rem);--we-shadow:var(--wu-shadow,0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a);--we-speed:var(--wu-speed,.3s);--we-z-dropdown:50;--we-z-modal:50;--we-z-resize-handle:9;--we-z-table-selected-cell:2;--we-z-control:10}._wuContentEditor_ufzk4_4._wuContentEditor_ufzk4_4 code{background-color:var(--we-muted)!important;color:var(--we-secondary)!important;border-radius:2px!important;padding:4px!important;font-family:JetBrains Mono,monospace!important;font-size:.75em!important}._wuContentEditor_ufzk4_4._wuContentEditor_ufzk4_4 code:after,._wuContentEditor_ufzk4_4._wuContentEditor_ufzk4_4 code:before{content:""!important}._wuContentEditor_ufzk4_4._wuContentEditor_ufzk4_4 blockquote{background-color:oklch(from var(--we-primary) l c h/5%)!important;border-left:4px solid oklch(from var(--we-primary) l c h/50%)!important;border-radius:0 8px 8px 0!important;margin:16px 0!important;padding:8px!important;font-style:italic!important}._wuContentEditorRoot_ufzk4_4{border:1px solid var(--we-border);border-radius:var(--we-radius);flex-direction:column;min-width:0;min-height:160px;display:flex}._wuContentEditorRoot_ufzk4_4 :focus{outline:none}._wuContentEditorRoot_ufzk4_4[data-position=bottom]{flex-direction:column-reverse}._wuContentEditorRoot_ufzk4_4[data-position=bottom] ._wuContentEditorToolbar_ufzk4_19{border-bottom:none;border-top:1px solid var(--we-border);top:auto;bottom:0}._wuContentEditorToolbar_ufzk4_19{border-bottom:1px solid var(--we-border);border-top:none;justify-content:flex-start;align-items:center;gap:.25rem;min-width:0;padding:.5rem;display:flex;position:sticky;top:0;overflow-x:auto}._wuContentEditorToolbar_ufzk4_19 ._fontSize_ufzk4_41{gap:.5rem;display:flex}._wuContentEditorToolbar_ufzk4_19 ._fontSize_ufzk4_41 input{border:1px solid var(--we-border);border-radius:var(--we-radius);text-align:center;width:2.5rem;height:1.5rem}._wuContentEditorToolbar_ufzk4_19 ._fontSize_ufzk4_41 input:focus{outline:none}._wuContentEditorTable_ufzk4_59{grid-template-columns:repeat(2,1fr);gap:.5rem;display:grid}._wuContentEditor_ufzk4_4{flex-direction:column;flex-grow:1;min-width:0;display:flex;overflow:auto}._wuContentEditor_ufzk4_4 [contenteditable]{flex:auto;padding:1rem}._button_583n5_1{--btn-hue:var(--we-primary);--btn-bg:var(--btn-hue);--btn-text:var(--we-primary-fg);--btn-bg-hover:color-mix(in oklab,var(--btn-hue),#000 18.5%);--btn-hue-60:oklch(from var(--btn-hue) l c h/60%);background-color:var(--btn-bg);border-radius:var(--we-radius);block-size:2rem;color:var(--btn-text);cursor:pointer;min-inline-size:6.5rem;transition:background-color var(--we-speed) ease-in-out,color var(--we-speed) ease-in-out;border:1px solid #0000;justify-content:center;align-items:center;gap:.25rem;padding-block:.375rem;padding-inline:.5rem;font-size:.875rem;line-height:1.15;display:inline-flex}._button_583n5_1:hover:not(:disabled){--btn-bg:var(--btn-bg-hover)}._button_583n5_1:focus{outline:none}._button_583n5_1:focus-visible{outline:2px solid var(--btn-hue-60);outline-offset:2px}._button_583n5_1[data-color=error]{--btn-hue:var(--we-error)}._button_583n5_1[data-variant=secondary]{--btn-bg:transparent;--btn-text:var(--btn-hue)}._button_583n5_1[data-variant=secondary]:hover:not(:disabled){--btn-bg:var(--we-muted);--btn-text:var(--btn-bg-hover)}._button_583n5_1:disabled{--btn-bg:var(--we-muted);--btn-text:var(--we-muted-fg);cursor:not-allowed;pointer-events:none}._button_583n5_1:disabled[data-variant=secondary]{--btn-bg:transparent}._dialog_vbrv2_1{background-color:var(--we-bg);border:2px solid var(--we-primary);border-radius:calc(var(--we-radius)*4);color:var(--we-fg);max-width:calc(100vw - 3rem);min-height:10rem;transition:all var(--we-speed) ease-in-out;width:24rem;z-index:var(--we-z-modal);flex-direction:column;gap:2rem;padding:1.5rem;display:flex;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}._dialog_vbrv2_1[data-ending-style],._dialog_vbrv2_1[data-starting-style]{opacity:0;transform:translate(-50%,-50%)scale(.98)}._backdrop_vbrv2_27{pointer-events:all;min-height:100dvh;transition:all var(--we-speed) ease-in-out;z-index:var(--we-z-modal);background-color:#0003;position:fixed;inset:0}@supports (-webkit-touch-callout:none){._backdrop_vbrv2_27{position:absolute}}._backdrop_vbrv2_27[data-ending-style],._backdrop_vbrv2_27[data-starting-style]{opacity:0}._content_vbrv2_46{flex-direction:column;gap:1rem;display:flex}._footer_vbrv2_52{justify-content:flex-end;align-items:center;gap:.5rem;display:flex}._close_vbrv2_59{border-radius:var(--we-radius);color:var(--we-muted-fg);cursor:pointer;height:1.5rem;transition:color var(--we-speed) ease-in-out;background:0 0;border:none;justify-content:center;align-items:center;width:1.5rem;padding:0;display:flex;position:absolute;top:.75rem;right:.75rem}._close_vbrv2_59:hover{color:var(--we-fg)}._group_56lao_1{flex-direction:column;gap:.25rem;width:100%;display:flex}._label_56lao_8{color:var(--we-fg);font-size:.75rem;font-weight:500}._input_56lao_14{background:var(--we-muted);border:none;border-bottom:1px solid var(--we-border);color:var(--we-fg);height:2rem;transition:border-color var(--we-speed) ease-in-out;border-radius:0;width:100%;padding:0 .5rem;font-size:.75rem;font-weight:400}._input_56lao_14::placeholder{color:var(--we-muted-fg);font-weight:300}._input_56lao_14:hover{border-bottom-color:var(--we-muted-fg)}._input_56lao_14:focus{border-bottom-color:var(--we-primary);outline:none}._input_56lao_14:disabled{color:var(--we-muted-fg);cursor:not-allowed}._input_56lao_14:disabled:hover{border-bottom-color:var(--we-border)}._label_1kiov_1{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:.75rem;width:fit-content;font-size:.8125rem;display:flex}._root_1kiov_11{cursor:pointer;height:.5rem;transition:background-color var(--we-speed) ease-in-out;background-color:oklch(93.1% 0 0);border:none;border-radius:9999px;flex-shrink:0;align-items:center;width:2rem;padding:0;display:inline-flex}._root_1kiov_11[data-checked]{background-color:oklch(88.2% 0 0)}._root_1kiov_11:hover{background-color:var(--we-muted-fg)}._root_1kiov_11:focus-visible{outline:2px solid oklch(from var(--we-primary) l c h/60%);outline-offset:2px}._root_1kiov_11:disabled{cursor:not-allowed;opacity:.5}._thumb_1kiov_44{background-color:var(--we-muted-fg);height:1rem;transition:transform var(--we-speed) ease-in-out,background-color var(--we-speed) ease-in-out;border-radius:9999px;width:1rem;display:block;box-shadow:0 1px 3px #0003}._thumb_1kiov_44[data-checked]{background-color:var(--we-primary);transform:translate(1rem)}
|
|
2
2
|
/*$vite$:1*/
|
|
@@ -1,18 +1,18 @@
|
|
|
1
|
-
import { A as fe, C as j, D as ve, E as pe, O as ge, S as K, T as me, _ as Z, a as J, b as be, c as Y, d as Ce, g as G, h as Q, i as X, j as ae, k as V, l as ke, m as ee, n as L, o as te, p as P, r as oe, s as _e, t as
|
|
1
|
+
import { A as fe, C as j, D as ve, E as pe, O as ge, S as K, T as me, _ as Z, a as J, b as be, c as Y, d as Ce, g as G, h as Q, i as X, j as ae, k as V, l as ke, m as ee, n as L, o as te, p as P, r as oe, s as _e, t as z, u as Ae, v as Te, w as ie, x as we, y as ye } from "../../sanitize-BBFSRhAk.js";
|
|
2
2
|
import { EditorContent as Ie, useEditor as Se, useEditorState as g } from "@tiptap/react";
|
|
3
3
|
import u, { useCallback as B, useRef as xe, useState as M } from "react";
|
|
4
4
|
import He from "@tiptap/extension-image";
|
|
5
5
|
import { TaskItem as Fe, TaskList as Le } from "@tiptap/extension-list";
|
|
6
|
-
import
|
|
7
|
-
import
|
|
8
|
-
import { TableKit as
|
|
6
|
+
import ze from "@tiptap/extension-subscript";
|
|
7
|
+
import Re from "@tiptap/extension-superscript";
|
|
8
|
+
import { TableKit as Ee } from "@tiptap/extension-table";
|
|
9
9
|
import Ne from "@tiptap/extension-text-align";
|
|
10
10
|
import { BackgroundColor as Pe, Color as Be, FontFamily as De, FontSize as qe, LineHeight as Me, TextStyle as Oe } from "@tiptap/extension-text-style";
|
|
11
11
|
import $e from "@tiptap/starter-kit";
|
|
12
|
-
import { Fragment as
|
|
13
|
-
import { Menu as
|
|
14
|
-
import { Dialog as
|
|
15
|
-
import { Switch as
|
|
12
|
+
import { Fragment as E, jsx as e, jsxs as p } from "react/jsx-runtime";
|
|
13
|
+
import { Menu as T } from "@base-ui/react/menu";
|
|
14
|
+
import { Dialog as w } from "@base-ui/react/dialog";
|
|
15
|
+
import { Switch as re } from "@base-ui/react/switch";
|
|
16
16
|
var Ue = [
|
|
17
17
|
$e.configure({ link: {
|
|
18
18
|
openOnClick: !1,
|
|
@@ -21,15 +21,15 @@ var Ue = [
|
|
|
21
21
|
protocols: ["http", "https"],
|
|
22
22
|
isAllowedUri: (o, t) => {
|
|
23
23
|
try {
|
|
24
|
-
const
|
|
25
|
-
if (!t.defaultValidate(
|
|
26
|
-
const
|
|
24
|
+
const i = o.includes(":") ? new URL(o) : new URL(`${t.defaultProtocol}://${o}`);
|
|
25
|
+
if (!t.defaultValidate(i.href)) return !1;
|
|
26
|
+
const r = [
|
|
27
27
|
"ftp",
|
|
28
28
|
"file",
|
|
29
29
|
"mailto"
|
|
30
|
-
], n =
|
|
31
|
-
if (
|
|
32
|
-
const l = ["example-phishing.com", "malicious-site.net"], a =
|
|
30
|
+
], n = i.protocol.replace(":", "");
|
|
31
|
+
if (r.includes(n) || !t.protocols.map((c) => typeof c == "string" ? c : c.scheme).includes(n)) return !1;
|
|
32
|
+
const l = ["example-phishing.com", "malicious-site.net"], a = i.hostname;
|
|
33
33
|
return !l.includes(a);
|
|
34
34
|
} catch {
|
|
35
35
|
return !1;
|
|
@@ -37,8 +37,8 @@ var Ue = [
|
|
|
37
37
|
},
|
|
38
38
|
shouldAutoLink: (o) => {
|
|
39
39
|
try {
|
|
40
|
-
const t = o.includes(":") ? new URL(o) : new URL(`https://${o}`),
|
|
41
|
-
return !
|
|
40
|
+
const t = o.includes(":") ? new URL(o) : new URL(`https://${o}`), i = ["example-no-autolink.com", "another-no-autolink.com"], r = t.hostname;
|
|
41
|
+
return !i.includes(r);
|
|
42
42
|
} catch {
|
|
43
43
|
return !1;
|
|
44
44
|
}
|
|
@@ -50,8 +50,8 @@ var Ue = [
|
|
|
50
50
|
"listItem",
|
|
51
51
|
"taskItem"
|
|
52
52
|
] }),
|
|
53
|
-
|
|
54
|
-
|
|
53
|
+
Re.extend({ excludes: "subscript" }),
|
|
54
|
+
ze.extend({ excludes: "superscript" }),
|
|
55
55
|
Oe,
|
|
56
56
|
Be,
|
|
57
57
|
Pe,
|
|
@@ -67,12 +67,12 @@ var Ue = [
|
|
|
67
67
|
},
|
|
68
68
|
inline: !0
|
|
69
69
|
}),
|
|
70
|
-
|
|
71
|
-
], O = u.createContext(null), We = ({ editor: o, children: t, customFonts:
|
|
70
|
+
Ee.configure({ table: { resizable: !0 } })
|
|
71
|
+
], O = u.createContext(null), We = ({ editor: o, children: t, customFonts: i, defaultValues: r, isHtml: n, setIsHtml: l, htmlSourceEnabled: a }) => /* @__PURE__ */ e(O.Provider, {
|
|
72
72
|
value: {
|
|
73
73
|
editor: o,
|
|
74
|
-
customFonts:
|
|
75
|
-
defaultValues:
|
|
74
|
+
customFonts: i,
|
|
75
|
+
defaultValues: r,
|
|
76
76
|
isHtml: n,
|
|
77
77
|
setIsHtml: l,
|
|
78
78
|
htmlSourceEnabled: a
|
|
@@ -86,58 +86,58 @@ var Ue = [
|
|
|
86
86
|
dropdown: je,
|
|
87
87
|
dropdownItem: Ke,
|
|
88
88
|
dropdownPositioner: Ze
|
|
89
|
-
}, Je = "_item_wqnwe_1", Ye = { item: Je }, h = u.forwardRef(function({ Icon: t, children:
|
|
89
|
+
}, Je = "_item_wqnwe_1", Ye = { item: Je }, h = u.forwardRef(function({ Icon: t, children: i, title: r, ...n }, l) {
|
|
90
90
|
return /* @__PURE__ */ e(ae, {
|
|
91
|
-
content:
|
|
91
|
+
content: r,
|
|
92
92
|
children: /* @__PURE__ */ p("button", {
|
|
93
93
|
ref: l,
|
|
94
|
-
"aria-label":
|
|
94
|
+
"aria-label": r,
|
|
95
95
|
...n,
|
|
96
96
|
className: Ye.item,
|
|
97
97
|
children: [
|
|
98
98
|
t,
|
|
99
99
|
" ",
|
|
100
|
-
|
|
100
|
+
i
|
|
101
101
|
]
|
|
102
102
|
})
|
|
103
103
|
});
|
|
104
|
-
}), se = u.forwardRef(({ children: o, ...t },
|
|
105
|
-
ref:
|
|
104
|
+
}), se = u.forwardRef(({ children: o, ...t }, i) => /* @__PURE__ */ e("div", {
|
|
105
|
+
ref: i,
|
|
106
106
|
className: $.dropdown,
|
|
107
107
|
...t,
|
|
108
108
|
children: o
|
|
109
109
|
}));
|
|
110
110
|
se.displayName = "DropdownPopup";
|
|
111
|
-
var ce = u.forwardRef(({ children: o, ...t },
|
|
112
|
-
ref:
|
|
111
|
+
var ce = u.forwardRef(({ children: o, ...t }, i) => /* @__PURE__ */ e("div", {
|
|
112
|
+
ref: i,
|
|
113
113
|
className: $.dropdownItem,
|
|
114
114
|
...t,
|
|
115
115
|
children: o
|
|
116
116
|
}));
|
|
117
117
|
ce.displayName = "DropdownItem";
|
|
118
|
-
function N({ trigger: o, triggerTitle: t, active:
|
|
119
|
-
return /* @__PURE__ */ p(
|
|
118
|
+
function N({ trigger: o, triggerTitle: t, active: i, items: r, align: n = "start", direction: l = "inline" }) {
|
|
119
|
+
return /* @__PURE__ */ p(T.Root, { children: [/* @__PURE__ */ e(T.Trigger, {
|
|
120
120
|
render: /* @__PURE__ */ e(h, {}),
|
|
121
|
-
"data-active":
|
|
121
|
+
"data-active": i,
|
|
122
122
|
title: t,
|
|
123
123
|
children: o
|
|
124
|
-
}), /* @__PURE__ */ e(
|
|
124
|
+
}), /* @__PURE__ */ e(T.Portal, { children: /* @__PURE__ */ e(T.Positioner, {
|
|
125
125
|
align: n,
|
|
126
126
|
sideOffset: 4,
|
|
127
127
|
className: $.dropdownPositioner,
|
|
128
|
-
children: /* @__PURE__ */ e(
|
|
128
|
+
children: /* @__PURE__ */ e(T.Popup, {
|
|
129
129
|
render: /* @__PURE__ */ e(se, {}),
|
|
130
130
|
"data-inline": l === "inline" ? !0 : void 0,
|
|
131
131
|
"data-block": l === "block" ? !0 : void 0,
|
|
132
132
|
finalFocus: !1,
|
|
133
|
-
children:
|
|
133
|
+
children: r.map((a) => l === "block" ? /* @__PURE__ */ e(T.Item, {
|
|
134
134
|
render: /* @__PURE__ */ e(ce, {}),
|
|
135
135
|
title: a.tooltip,
|
|
136
136
|
"data-active": a.active,
|
|
137
137
|
style: a.style,
|
|
138
138
|
onClick: a.event,
|
|
139
139
|
children: a.icon ?? a.label
|
|
140
|
-
}, a.id) : /* @__PURE__ */ e(
|
|
140
|
+
}, a.id) : /* @__PURE__ */ e(T.Item, {
|
|
141
141
|
render: /* @__PURE__ */ e(h, {}),
|
|
142
142
|
"data-active": a.active,
|
|
143
143
|
title: a.tooltip,
|
|
@@ -150,18 +150,18 @@ function N({ trigger: o, triggerTitle: t, active: r, items: i, align: n = "start
|
|
|
150
150
|
var Ge = () => {
|
|
151
151
|
const { editor: o } = f(), t = g({
|
|
152
152
|
editor: o,
|
|
153
|
-
selector: (
|
|
154
|
-
isParagraph:
|
|
155
|
-
isH1:
|
|
156
|
-
isH2:
|
|
157
|
-
isH3:
|
|
158
|
-
isH4:
|
|
159
|
-
isHeading:
|
|
153
|
+
selector: (r) => ({
|
|
154
|
+
isParagraph: r.editor?.isActive("paragraph"),
|
|
155
|
+
isH1: r.editor?.isActive("heading", { level: 1 }),
|
|
156
|
+
isH2: r.editor?.isActive("heading", { level: 2 }),
|
|
157
|
+
isH3: r.editor?.isActive("heading", { level: 3 }),
|
|
158
|
+
isH4: r.editor?.isActive("heading", { level: 4 }),
|
|
159
|
+
isHeading: r.editor?.isActive("heading")
|
|
160
160
|
})
|
|
161
|
-
}),
|
|
161
|
+
}), i = [
|
|
162
162
|
{
|
|
163
163
|
id: "paragraph",
|
|
164
|
-
icon: /* @__PURE__ */ e(
|
|
164
|
+
icon: /* @__PURE__ */ e(ie, {}),
|
|
165
165
|
event: () => o.chain().focus().setParagraph().run(),
|
|
166
166
|
tooltip: "Paragraph",
|
|
167
167
|
active: t.isParagraph
|
|
@@ -196,10 +196,10 @@ var Ge = () => {
|
|
|
196
196
|
}
|
|
197
197
|
];
|
|
198
198
|
return /* @__PURE__ */ e(N, {
|
|
199
|
-
trigger: t.isH1 ? /* @__PURE__ */ e(ee, {}) : t.isH2 ? /* @__PURE__ */ e(Q, {}) : t.isH3 ? /* @__PURE__ */ e(G, {}) : t.isH4 ? /* @__PURE__ */ e(Z, {}) : /* @__PURE__ */ e(
|
|
199
|
+
trigger: t.isH1 ? /* @__PURE__ */ e(ee, {}) : t.isH2 ? /* @__PURE__ */ e(Q, {}) : t.isH3 ? /* @__PURE__ */ e(G, {}) : t.isH4 ? /* @__PURE__ */ e(Z, {}) : /* @__PURE__ */ e(ie, {}),
|
|
200
200
|
triggerTitle: "Block Style",
|
|
201
201
|
active: t.isHeading,
|
|
202
|
-
items:
|
|
202
|
+
items: i
|
|
203
203
|
});
|
|
204
204
|
}, Qe = () => {
|
|
205
205
|
const { editor: o } = f();
|
|
@@ -216,15 +216,15 @@ var Ge = () => {
|
|
|
216
216
|
});
|
|
217
217
|
}, Xe = () => {
|
|
218
218
|
const { editor: o } = f();
|
|
219
|
-
return /* @__PURE__ */ e(
|
|
219
|
+
return /* @__PURE__ */ e(E, { children: [{
|
|
220
220
|
id: "clear",
|
|
221
221
|
icon: /* @__PURE__ */ e(ke, {}),
|
|
222
222
|
event: () => o.chain().focus().clearNodes().unsetAllMarks().run(),
|
|
223
223
|
tooltip: "Clear Formatting"
|
|
224
224
|
}].map((t) => /* @__PURE__ */ e(h, {
|
|
225
225
|
title: t.tooltip,
|
|
226
|
-
onClick: (
|
|
227
|
-
|
|
226
|
+
onClick: (i) => {
|
|
227
|
+
i.preventDefault(), t.event();
|
|
228
228
|
},
|
|
229
229
|
children: t.icon
|
|
230
230
|
}, t.id)) });
|
|
@@ -257,13 +257,13 @@ var Ge = () => {
|
|
|
257
257
|
}, tt = () => {
|
|
258
258
|
const { editor: o } = f(), t = g({
|
|
259
259
|
editor: o,
|
|
260
|
-
selector: (
|
|
261
|
-
isUl:
|
|
262
|
-
isOl:
|
|
263
|
-
isTodo:
|
|
264
|
-
isList:
|
|
260
|
+
selector: (r) => ({
|
|
261
|
+
isUl: r.editor?.isActive("bulletList"),
|
|
262
|
+
isOl: r.editor?.isActive("orderedList"),
|
|
263
|
+
isTodo: r.editor?.isActive("taskList"),
|
|
264
|
+
isList: r.editor?.isActive("bulletList") || r.editor?.isActive("orderedList") || r.editor?.isActive("taskList")
|
|
265
265
|
})
|
|
266
|
-
}),
|
|
266
|
+
}), i = [
|
|
267
267
|
{
|
|
268
268
|
id: "ul",
|
|
269
269
|
icon: /* @__PURE__ */ e(K, {}),
|
|
@@ -290,7 +290,7 @@ var Ge = () => {
|
|
|
290
290
|
trigger: t.isOl ? /* @__PURE__ */ e(j, {}) : t.isTodo ? /* @__PURE__ */ e(Y, {}) : /* @__PURE__ */ e(K, {}),
|
|
291
291
|
triggerTitle: "List Style",
|
|
292
292
|
active: t.isList,
|
|
293
|
-
items:
|
|
293
|
+
items: i
|
|
294
294
|
});
|
|
295
295
|
}, ot = () => {
|
|
296
296
|
const { editor: o } = f();
|
|
@@ -305,7 +305,7 @@ var Ge = () => {
|
|
|
305
305
|
},
|
|
306
306
|
children: /* @__PURE__ */ e(pe, {})
|
|
307
307
|
});
|
|
308
|
-
},
|
|
308
|
+
}, it = () => {
|
|
309
309
|
const { editor: o } = f();
|
|
310
310
|
return /* @__PURE__ */ e(h, {
|
|
311
311
|
title: "Subscript",
|
|
@@ -318,7 +318,7 @@ var Ge = () => {
|
|
|
318
318
|
},
|
|
319
319
|
children: /* @__PURE__ */ e(ve, {})
|
|
320
320
|
});
|
|
321
|
-
},
|
|
321
|
+
}, rt = () => {
|
|
322
322
|
const { editor: o } = f();
|
|
323
323
|
return /* @__PURE__ */ e(h, {
|
|
324
324
|
title: "Superscript",
|
|
@@ -331,35 +331,35 @@ var Ge = () => {
|
|
|
331
331
|
},
|
|
332
332
|
children: /* @__PURE__ */ e(ge, {})
|
|
333
333
|
});
|
|
334
|
-
}, de = ({ glyphPath: o, barPath: t, barColor:
|
|
334
|
+
}, de = ({ glyphPath: o, barPath: t, barColor: i, ...r }) => /* @__PURE__ */ p("svg", {
|
|
335
335
|
xmlns: "http://www.w3.org/2000/svg",
|
|
336
336
|
viewBox: "0 -960 960 960",
|
|
337
337
|
width: "1em",
|
|
338
338
|
height: "1em",
|
|
339
339
|
"aria-hidden": "true",
|
|
340
340
|
focusable: "false",
|
|
341
|
-
...
|
|
341
|
+
...r,
|
|
342
342
|
children: [/* @__PURE__ */ e("path", {
|
|
343
343
|
d: o,
|
|
344
344
|
fill: "currentColor"
|
|
345
345
|
}), /* @__PURE__ */ e("path", {
|
|
346
346
|
d: t,
|
|
347
|
-
fill:
|
|
347
|
+
fill: i || "currentColor"
|
|
348
348
|
})]
|
|
349
349
|
}), nt = "M287-286q-32 0-50.5-26t-7.5-56l165-460q7-20 24-32t38-12h48q21 0 38 12t24 32l167 464q11 29-6.5 53.5T678-286q-20 0-36-12t-22-31l-30-93H376l-32 95q-6 18-21.5 29.5T287-286ZM412-530h138l-68-212h-4l-66 212Z", lt = "M101 0Q79 0 63.5-15.5T48-53v-100q0-22 15.5-37.5T101-206h758q22 0 37.5 15.5T912-153v100q0 22-15.5 37.5T859 0H101Z", at = () => {
|
|
350
|
-
const { editor: o, defaultValues: t } = f(),
|
|
350
|
+
const { editor: o, defaultValues: t } = f(), i = g({
|
|
351
351
|
editor: o,
|
|
352
352
|
selector: ({ editor: n }) => ({ textColor: n.getAttributes("textStyle").color })
|
|
353
|
-
}),
|
|
353
|
+
}), r = u.useRef(null);
|
|
354
354
|
return /* @__PURE__ */ p(h, {
|
|
355
355
|
title: "Text Color",
|
|
356
|
-
onClick: () =>
|
|
356
|
+
onClick: () => r.current?.click(),
|
|
357
357
|
children: [/* @__PURE__ */ e(de, {
|
|
358
358
|
glyphPath: nt,
|
|
359
359
|
barPath: lt,
|
|
360
|
-
barColor:
|
|
360
|
+
barColor: i.textColor
|
|
361
361
|
}), /* @__PURE__ */ e("input", {
|
|
362
|
-
ref:
|
|
362
|
+
ref: r,
|
|
363
363
|
type: "color",
|
|
364
364
|
defaultValue: t?.color ?? "#545E6B",
|
|
365
365
|
onChange: (n) => o.chain().focus().setColor(n.target.value).run()
|
|
@@ -379,19 +379,19 @@ var Ge = () => {
|
|
|
379
379
|
children: /* @__PURE__ */ e(fe, {})
|
|
380
380
|
});
|
|
381
381
|
}, ct = "M123-299v-150q0-11 4-20t12-17l453-451q12-11 26.5-17t29.5-6q15 0 30 5.5t26 17.5l110 111q11 12 17 26.5t6 29.5q0 15-6 29.5T814-714L363-261q-8 8-17 11.5t-20 3.5H176q-22 0-37.5-15.5T123-299ZM647-694l76-76-76-76-76 76 76 76Z", dt = "M178 46q-44 0-75-30.5T72-60q0-45 30.5-75.5T178-166h604q44 0 75 30.5T888-60q0 45-30.5 75.5T782 46H178Z", ut = () => {
|
|
382
|
-
const { editor: o, defaultValues: t } = f(),
|
|
382
|
+
const { editor: o, defaultValues: t } = f(), i = g({
|
|
383
383
|
editor: o,
|
|
384
384
|
selector: ({ editor: n }) => ({ bgColor: n.getAttributes("textStyle").backgroundColor })
|
|
385
|
-
}),
|
|
385
|
+
}), r = u.useRef(null);
|
|
386
386
|
return /* @__PURE__ */ p(h, {
|
|
387
387
|
title: "Background Color",
|
|
388
|
-
onClick: () =>
|
|
388
|
+
onClick: () => r.current?.click(),
|
|
389
389
|
children: [/* @__PURE__ */ e(de, {
|
|
390
390
|
glyphPath: ct,
|
|
391
391
|
barPath: dt,
|
|
392
|
-
barColor:
|
|
392
|
+
barColor: i.bgColor
|
|
393
393
|
}), /* @__PURE__ */ e("input", {
|
|
394
|
-
ref:
|
|
394
|
+
ref: r,
|
|
395
395
|
type: "color",
|
|
396
396
|
defaultValue: t?.bgColor ?? "#fff",
|
|
397
397
|
onChange: (n) => o.chain().focus().setBackgroundColor(n.target.value).run()
|
|
@@ -412,27 +412,27 @@ var Ge = () => {
|
|
|
412
412
|
});
|
|
413
413
|
};
|
|
414
414
|
function ft() {
|
|
415
|
-
const { isHtml: o, setIsHtml: t, htmlSourceEnabled:
|
|
416
|
-
return
|
|
415
|
+
const { isHtml: o, setIsHtml: t, htmlSourceEnabled: i } = f();
|
|
416
|
+
return i ? /* @__PURE__ */ e(h, {
|
|
417
417
|
title: "HTML source",
|
|
418
418
|
"data-active": o,
|
|
419
|
-
onClick: (
|
|
420
|
-
|
|
419
|
+
onClick: (r) => {
|
|
420
|
+
r.preventDefault(), t(!o);
|
|
421
421
|
},
|
|
422
|
-
children: /* @__PURE__ */ e(
|
|
422
|
+
children: /* @__PURE__ */ e(Te, {})
|
|
423
423
|
}) : null;
|
|
424
424
|
}
|
|
425
425
|
var vt = () => {
|
|
426
426
|
const { editor: o } = f(), t = g({
|
|
427
427
|
editor: o,
|
|
428
|
-
selector: (
|
|
429
|
-
isLeft:
|
|
430
|
-
isCenter:
|
|
431
|
-
isRight:
|
|
432
|
-
isJustify:
|
|
433
|
-
isAligned:
|
|
428
|
+
selector: (r) => ({
|
|
429
|
+
isLeft: r.editor?.isActive({ textAlign: "left" }),
|
|
430
|
+
isCenter: r.editor?.isActive({ textAlign: "center" }),
|
|
431
|
+
isRight: r.editor?.isActive({ textAlign: "right" }),
|
|
432
|
+
isJustify: r.editor?.isActive({ textAlign: "justify" }),
|
|
433
|
+
isAligned: r.editor?.isActive({ textAlign: "center" }) || r.editor?.isActive({ textAlign: "right" }) || r.editor?.isActive({ textAlign: "justify" })
|
|
434
434
|
})
|
|
435
|
-
}),
|
|
435
|
+
}), i = [
|
|
436
436
|
{
|
|
437
437
|
id: "left",
|
|
438
438
|
icon: /* @__PURE__ */ e(J, {}),
|
|
@@ -466,65 +466,65 @@ var vt = () => {
|
|
|
466
466
|
trigger: t.isCenter ? /* @__PURE__ */ e(oe, {}) : t.isRight ? /* @__PURE__ */ e(te, {}) : t.isJustify ? /* @__PURE__ */ e(X, {}) : /* @__PURE__ */ e(J, {}),
|
|
467
467
|
triggerTitle: "Text Alignment",
|
|
468
468
|
active: t.isAligned,
|
|
469
|
-
items:
|
|
469
|
+
items: i
|
|
470
470
|
});
|
|
471
|
-
}, pt = "
|
|
471
|
+
}, pt = "_wuContentEditor_ufzk4_4", gt = "_selectedCell_ufzk4_1", mt = "_tableWrapper_ufzk4_1", bt = "_wuContentEditorRoot_ufzk4_4", Ct = "_wuContentEditorToolbar_ufzk4_19", kt = "_fontSize_ufzk4_41", _t = "_wuContentEditorTable_ufzk4_59", H = {
|
|
472
472
|
wuContentEditor: pt,
|
|
473
473
|
selectedCell: gt,
|
|
474
|
-
"column-resize-handle": "_column-resize-
|
|
474
|
+
"column-resize-handle": "_column-resize-handle_ufzk4_1",
|
|
475
475
|
tableWrapper: mt,
|
|
476
|
-
"resize-cursor": "_resize-
|
|
476
|
+
"resize-cursor": "_resize-cursor_ufzk4_1",
|
|
477
477
|
wuContentEditorRoot: bt,
|
|
478
478
|
wuContentEditorToolbar: Ct,
|
|
479
479
|
fontSize: kt,
|
|
480
480
|
wuContentEditorTable: _t
|
|
481
|
-
},
|
|
481
|
+
}, At = [
|
|
482
482
|
"e",
|
|
483
483
|
"E",
|
|
484
484
|
"+",
|
|
485
485
|
"-"
|
|
486
|
-
], ne = 1,
|
|
487
|
-
const { editor: o, defaultValues: t } = f(), [
|
|
486
|
+
], ne = 1, Tt = () => {
|
|
487
|
+
const { editor: o, defaultValues: t } = f(), [i, r] = M(t?.fontSize ?? 16), n = g({
|
|
488
488
|
editor: o,
|
|
489
489
|
selector: (d) => ({ fontSize: d.editor.getAttributes("textStyle").fontSize })
|
|
490
490
|
}), l = (d) => {
|
|
491
491
|
o.chain().focus().setFontSize(d + "px").run();
|
|
492
492
|
}, a = (d) => {
|
|
493
493
|
const s = Math.max(ne, d);
|
|
494
|
-
|
|
494
|
+
r(s), l(s);
|
|
495
495
|
}, c = (d) => {
|
|
496
|
-
|
|
496
|
+
At.includes(d.key) ? d.preventDefault() : d.key === "Enter" && l(i);
|
|
497
497
|
};
|
|
498
498
|
return u.useEffect(() => {
|
|
499
|
-
|
|
499
|
+
r(Number(n.fontSize?.replace("px", "")) || (t?.fontSize ?? 16));
|
|
500
500
|
}, [n.fontSize, t?.fontSize]), /* @__PURE__ */ p("div", {
|
|
501
501
|
className: H.fontSize,
|
|
502
502
|
children: [
|
|
503
503
|
/* @__PURE__ */ e(h, {
|
|
504
504
|
title: "Decrease Font Size",
|
|
505
|
-
onClick: () => a(
|
|
506
|
-
disabled:
|
|
505
|
+
onClick: () => a(i - 1),
|
|
506
|
+
disabled: i <= ne,
|
|
507
507
|
children: "−"
|
|
508
508
|
}),
|
|
509
509
|
/* @__PURE__ */ e("input", {
|
|
510
510
|
type: "number",
|
|
511
511
|
inputMode: "numeric",
|
|
512
512
|
pattern: "[0-9]*",
|
|
513
|
-
value:
|
|
513
|
+
value: i,
|
|
514
514
|
onKeyDown: c,
|
|
515
|
-
onChange: (d) =>
|
|
516
|
-
onBlur: () => l(
|
|
515
|
+
onChange: (d) => r(d.target.valueAsNumber),
|
|
516
|
+
onBlur: () => l(i)
|
|
517
517
|
}),
|
|
518
518
|
/* @__PURE__ */ e(h, {
|
|
519
519
|
title: "Increase Font Size",
|
|
520
|
-
onClick: () => a(
|
|
521
|
-
disabled:
|
|
520
|
+
onClick: () => a(i + 1),
|
|
521
|
+
disabled: i >= 128,
|
|
522
522
|
children: "+"
|
|
523
523
|
})
|
|
524
524
|
]
|
|
525
525
|
});
|
|
526
|
-
},
|
|
527
|
-
const { editor: o, customFonts: t, defaultValues:
|
|
526
|
+
}, wt = () => {
|
|
527
|
+
const { editor: o, customFonts: t, defaultValues: i } = f(), r = g({
|
|
528
528
|
editor: o,
|
|
529
529
|
selector: (d) => ({ currentFontFamily: d.editor.getAttributes("textStyle").fontFamily || "" })
|
|
530
530
|
}), n = [
|
|
@@ -534,10 +534,10 @@ var vt = () => {
|
|
|
534
534
|
"JetBrains Mono",
|
|
535
535
|
"Montserrat",
|
|
536
536
|
...t || []
|
|
537
|
-
], [l, a] = M(
|
|
537
|
+
], [l, a] = M(r.currentFontFamily || i?.fontFamily || n[0]);
|
|
538
538
|
u.useEffect(() => {
|
|
539
|
-
a(
|
|
540
|
-
}, [
|
|
539
|
+
a(r.currentFontFamily?.replace(/"/g, "") || i?.fontFamily || n[0]);
|
|
540
|
+
}, [r.currentFontFamily]);
|
|
541
541
|
const c = n.map((d) => ({
|
|
542
542
|
id: d,
|
|
543
543
|
label: d,
|
|
@@ -554,18 +554,18 @@ var vt = () => {
|
|
|
554
554
|
children: l?.[0]
|
|
555
555
|
}),
|
|
556
556
|
triggerTitle: l || "Font Family",
|
|
557
|
-
active: l !== (
|
|
557
|
+
active: l !== (i?.fontFamily ?? n[0]),
|
|
558
558
|
items: c,
|
|
559
559
|
direction: "block"
|
|
560
560
|
});
|
|
561
|
-
}, yt = "_button_583n5_1", It = { button: yt }, ue = u.forwardRef(function({ children: t, variant:
|
|
561
|
+
}, yt = "_button_583n5_1", It = { button: yt }, ue = u.forwardRef(function({ children: t, variant: i, color: r, icon: n, title: l, ...a }, c) {
|
|
562
562
|
return /* @__PURE__ */ e(ae, {
|
|
563
563
|
content: l,
|
|
564
564
|
children: /* @__PURE__ */ p("button", {
|
|
565
565
|
ref: c,
|
|
566
566
|
className: It.button,
|
|
567
|
-
"data-variant":
|
|
568
|
-
"data-color":
|
|
567
|
+
"data-variant": i,
|
|
568
|
+
"data-color": r,
|
|
569
569
|
"aria-label": l,
|
|
570
570
|
...a,
|
|
571
571
|
children: [n, t]
|
|
@@ -578,24 +578,24 @@ var vt = () => {
|
|
|
578
578
|
footer: Ft,
|
|
579
579
|
close: Lt
|
|
580
580
|
};
|
|
581
|
-
function U({ Trigger: o, children: t, maxWidth:
|
|
581
|
+
function U({ Trigger: o, children: t, maxWidth: i, onOpenChange: r, footer: n }) {
|
|
582
582
|
const l = u.useContext(O), a = u.useCallback((c) => {
|
|
583
|
-
l?.editor.setEditable(!c, !1),
|
|
584
|
-
}, [l,
|
|
585
|
-
return /* @__PURE__ */ p(
|
|
583
|
+
l?.editor.setEditable(!c, !1), r?.(c);
|
|
584
|
+
}, [l, r]);
|
|
585
|
+
return /* @__PURE__ */ p(w.Root, {
|
|
586
586
|
modal: !0,
|
|
587
587
|
onOpenChange: a,
|
|
588
588
|
children: [/* @__PURE__ */ e("span", {
|
|
589
589
|
onClick: (c) => c.stopPropagation(),
|
|
590
|
-
children: /* @__PURE__ */ e(
|
|
591
|
-
}), /* @__PURE__ */ p(
|
|
590
|
+
children: /* @__PURE__ */ e(w.Trigger, { render: o })
|
|
591
|
+
}), /* @__PURE__ */ p(w.Portal, { children: [/* @__PURE__ */ e(w.Backdrop, { className: x.backdrop }), /* @__PURE__ */ p(w.Popup, {
|
|
592
592
|
className: x.dialog,
|
|
593
|
-
style:
|
|
593
|
+
style: i ? { maxWidth: i } : void 0,
|
|
594
594
|
children: [
|
|
595
|
-
/* @__PURE__ */ e(
|
|
595
|
+
/* @__PURE__ */ e(w.Close, {
|
|
596
596
|
className: x.close,
|
|
597
597
|
"aria-label": "Close",
|
|
598
|
-
children: /* @__PURE__ */ e(
|
|
598
|
+
children: /* @__PURE__ */ e(Ae, {
|
|
599
599
|
width: 10,
|
|
600
600
|
height: 10
|
|
601
601
|
})
|
|
@@ -612,23 +612,23 @@ function U({ Trigger: o, children: t, maxWidth: r, onOpenChange: i, footer: n })
|
|
|
612
612
|
})] })]
|
|
613
613
|
});
|
|
614
614
|
}
|
|
615
|
-
function F({ children: o, variant: t, color:
|
|
616
|
-
return /* @__PURE__ */ e(
|
|
615
|
+
function F({ children: o, variant: t, color: i, icon: r, ...n }) {
|
|
616
|
+
return /* @__PURE__ */ e(w.Close, {
|
|
617
617
|
render: /* @__PURE__ */ e(ue, {
|
|
618
618
|
variant: t,
|
|
619
|
-
color:
|
|
620
|
-
icon:
|
|
619
|
+
color: i,
|
|
620
|
+
icon: r
|
|
621
621
|
}),
|
|
622
622
|
...n,
|
|
623
623
|
children: o
|
|
624
624
|
});
|
|
625
625
|
}
|
|
626
|
-
var
|
|
627
|
-
group:
|
|
628
|
-
label:
|
|
629
|
-
input:
|
|
626
|
+
var zt = "_group_56lao_1", Rt = "_label_56lao_8", Et = "_input_56lao_14", D = {
|
|
627
|
+
group: zt,
|
|
628
|
+
label: Rt,
|
|
629
|
+
input: Et
|
|
630
630
|
};
|
|
631
|
-
function
|
|
631
|
+
function R({ label: o, id: t, ...i }) {
|
|
632
632
|
return /* @__PURE__ */ p("div", {
|
|
633
633
|
className: D.group,
|
|
634
634
|
children: [o && /* @__PURE__ */ e("label", {
|
|
@@ -638,7 +638,7 @@ function E({ label: o, id: t, ...r }) {
|
|
|
638
638
|
}), /* @__PURE__ */ e("input", {
|
|
639
639
|
id: t,
|
|
640
640
|
className: D.input,
|
|
641
|
-
...
|
|
641
|
+
...i
|
|
642
642
|
})]
|
|
643
643
|
});
|
|
644
644
|
}
|
|
@@ -649,9 +649,9 @@ var Nt = () => {
|
|
|
649
649
|
isImage: c.editor?.isActive("image"),
|
|
650
650
|
imageAttrs: c.editor?.getAttributes("image")
|
|
651
651
|
})
|
|
652
|
-
}), [
|
|
652
|
+
}), [i, r] = u.useState(t.imageAttrs.src || ""), [n, l] = u.useState(t.imageAttrs.alt || ""), a = () => {
|
|
653
653
|
o.chain().focus().setImage({
|
|
654
|
-
src:
|
|
654
|
+
src: i,
|
|
655
655
|
alt: n
|
|
656
656
|
}).run();
|
|
657
657
|
};
|
|
@@ -662,21 +662,21 @@ var Nt = () => {
|
|
|
662
662
|
children: /* @__PURE__ */ e(ye, {})
|
|
663
663
|
}),
|
|
664
664
|
maxWidth: "400px",
|
|
665
|
-
footer: /* @__PURE__ */ p(
|
|
665
|
+
footer: /* @__PURE__ */ p(E, { children: [/* @__PURE__ */ e(F, {
|
|
666
666
|
variant: "secondary",
|
|
667
667
|
children: "Cancel"
|
|
668
668
|
}), /* @__PURE__ */ e(F, {
|
|
669
669
|
onClick: a,
|
|
670
|
-
disabled: !
|
|
670
|
+
disabled: !i,
|
|
671
671
|
children: "Save"
|
|
672
672
|
})] }),
|
|
673
|
-
children: [/* @__PURE__ */ e(
|
|
673
|
+
children: [/* @__PURE__ */ e(R, {
|
|
674
674
|
label: "Image URL",
|
|
675
675
|
type: "url",
|
|
676
|
-
value:
|
|
677
|
-
onChange: (c) =>
|
|
676
|
+
value: i,
|
|
677
|
+
onChange: (c) => r(c.target.value),
|
|
678
678
|
required: !0
|
|
679
|
-
}), /* @__PURE__ */ e(
|
|
679
|
+
}), /* @__PURE__ */ e(R, {
|
|
680
680
|
label: "Alt Text",
|
|
681
681
|
type: "text",
|
|
682
682
|
value: n,
|
|
@@ -690,8 +690,8 @@ var Nt = () => {
|
|
|
690
690
|
isLink: s.editor?.isActive("link"),
|
|
691
691
|
linkAttrs: s.editor?.getAttributes("link")
|
|
692
692
|
})
|
|
693
|
-
}), [
|
|
694
|
-
const s = a(
|
|
693
|
+
}), [i, r] = u.useState(t.linkAttrs.href || ""), [n, l] = u.useState(t.linkAttrs.alt || ""), a = (s) => !s || s.startsWith("http://") || s.startsWith("https://") ? s : `https://${s}`, c = () => {
|
|
694
|
+
const s = a(i);
|
|
695
695
|
o.chain().focus().insertContent({
|
|
696
696
|
type: "text",
|
|
697
697
|
text: n || s,
|
|
@@ -706,44 +706,44 @@ var Nt = () => {
|
|
|
706
706
|
if (m !== _) b = o.state.doc.textBetween(m, _);
|
|
707
707
|
else {
|
|
708
708
|
const y = S.parent.textContent, I = S.parentOffset;
|
|
709
|
-
let
|
|
710
|
-
for (;
|
|
709
|
+
let A = I, C = I;
|
|
710
|
+
for (; A > 0 && !/\s/.test(y[A - 1]); ) A--;
|
|
711
711
|
for (; C < y.length && !/\s/.test(y[C]); ) C++;
|
|
712
|
-
if (b = y.slice(
|
|
712
|
+
if (b = y.slice(A, C), b) {
|
|
713
713
|
const k = S.start();
|
|
714
714
|
o.commands.setTextSelection({
|
|
715
|
-
from: k +
|
|
715
|
+
from: k + A,
|
|
716
716
|
to: k + C
|
|
717
717
|
});
|
|
718
718
|
}
|
|
719
719
|
}
|
|
720
|
-
|
|
720
|
+
r(s.href || ""), l(b || s.alt || "");
|
|
721
721
|
};
|
|
722
722
|
return /* @__PURE__ */ p(U, {
|
|
723
723
|
Trigger: /* @__PURE__ */ e(h, {
|
|
724
724
|
title: "Link",
|
|
725
725
|
"data-active": t.isLink,
|
|
726
|
-
children: /* @__PURE__ */ e(
|
|
726
|
+
children: /* @__PURE__ */ e(we, {})
|
|
727
727
|
}),
|
|
728
728
|
maxWidth: "400px",
|
|
729
729
|
onOpenChange: (s) => s && d(),
|
|
730
|
-
footer: /* @__PURE__ */ p(
|
|
730
|
+
footer: /* @__PURE__ */ p(E, { children: [t.isLink && /* @__PURE__ */ e(F, {
|
|
731
731
|
color: "error",
|
|
732
732
|
variant: "secondary",
|
|
733
733
|
onClick: () => o.chain().focus().unsetLink().run(),
|
|
734
734
|
children: "Remove"
|
|
735
735
|
}), /* @__PURE__ */ e(F, {
|
|
736
736
|
onClick: c,
|
|
737
|
-
disabled: !
|
|
737
|
+
disabled: !i,
|
|
738
738
|
children: "Save"
|
|
739
739
|
})] }),
|
|
740
|
-
children: [/* @__PURE__ */ e(
|
|
740
|
+
children: [/* @__PURE__ */ e(R, {
|
|
741
741
|
label: "Link",
|
|
742
742
|
type: "url",
|
|
743
|
-
value:
|
|
744
|
-
onChange: (s) =>
|
|
743
|
+
value: i,
|
|
744
|
+
onChange: (s) => r(s.target.value),
|
|
745
745
|
required: !0
|
|
746
|
-
}), /* @__PURE__ */ e(
|
|
746
|
+
}), /* @__PURE__ */ e(R, {
|
|
747
747
|
label: "Text to display",
|
|
748
748
|
type: "text",
|
|
749
749
|
value: n,
|
|
@@ -755,14 +755,14 @@ var Nt = () => {
|
|
|
755
755
|
root: Dt,
|
|
756
756
|
thumb: qt
|
|
757
757
|
};
|
|
758
|
-
function Mt({ checked: o, onCheckedChange: t, label:
|
|
758
|
+
function Mt({ checked: o, onCheckedChange: t, label: i }) {
|
|
759
759
|
return /* @__PURE__ */ p("label", {
|
|
760
760
|
className: q.label,
|
|
761
|
-
children: [/* @__PURE__ */ e("span", { children:
|
|
761
|
+
children: [/* @__PURE__ */ e("span", { children: i }), /* @__PURE__ */ e(re.Root, {
|
|
762
762
|
className: q.root,
|
|
763
763
|
checked: o,
|
|
764
764
|
onCheckedChange: t,
|
|
765
|
-
children: /* @__PURE__ */ e(
|
|
765
|
+
children: /* @__PURE__ */ e(re.Thumb, { className: q.thumb })
|
|
766
766
|
})]
|
|
767
767
|
});
|
|
768
768
|
}
|
|
@@ -773,7 +773,7 @@ var Ot = () => {
|
|
|
773
773
|
isTable: s.editor.isActive("table"),
|
|
774
774
|
tableAttrs: s.editor.getAttributes("table")
|
|
775
775
|
})
|
|
776
|
-
}), [
|
|
776
|
+
}), [i, r] = M(!1), n = xe(null), l = B((s) => {
|
|
777
777
|
n.current && clearTimeout(n.current), n.current = setTimeout(s, 100);
|
|
778
778
|
}, []);
|
|
779
779
|
u.useEffect(() => () => {
|
|
@@ -783,14 +783,14 @@ var Ot = () => {
|
|
|
783
783
|
l(() => o.chain().focus().insertTable({
|
|
784
784
|
rows: 2,
|
|
785
785
|
cols: 4,
|
|
786
|
-
withHeaderRow:
|
|
786
|
+
withHeaderRow: i
|
|
787
787
|
}).run());
|
|
788
788
|
}, [
|
|
789
789
|
o,
|
|
790
|
-
|
|
790
|
+
i,
|
|
791
791
|
l
|
|
792
792
|
]), c = B(() => {
|
|
793
|
-
|
|
793
|
+
r((s) => !s), l(() => o.chain().focus().toggleHeaderRow().run());
|
|
794
794
|
}, [o, l]), d = [
|
|
795
795
|
{
|
|
796
796
|
text: "Column left",
|
|
@@ -838,7 +838,7 @@ var Ot = () => {
|
|
|
838
838
|
children: "Delete Table"
|
|
839
839
|
}),
|
|
840
840
|
children: [/* @__PURE__ */ e(Mt, {
|
|
841
|
-
checked:
|
|
841
|
+
checked: i,
|
|
842
842
|
onCheckedChange: c,
|
|
843
843
|
label: "Title Row"
|
|
844
844
|
}), /* @__PURE__ */ e("div", {
|
|
@@ -858,8 +858,8 @@ var Ot = () => {
|
|
|
858
858
|
});
|
|
859
859
|
}, le = {
|
|
860
860
|
block: /* @__PURE__ */ e(Ge, {}),
|
|
861
|
-
fontFamily: /* @__PURE__ */ e(
|
|
862
|
-
fontSize: /* @__PURE__ */ e(
|
|
861
|
+
fontFamily: /* @__PURE__ */ e(wt, {}),
|
|
862
|
+
fontSize: /* @__PURE__ */ e(Tt, {}),
|
|
863
863
|
bold: /* @__PURE__ */ e(Qe, {}),
|
|
864
864
|
italic: /* @__PURE__ */ e(et, {}),
|
|
865
865
|
underline: /* @__PURE__ */ e(st, {}),
|
|
@@ -872,8 +872,8 @@ var Ot = () => {
|
|
|
872
872
|
link: /* @__PURE__ */ e(Pt, {}),
|
|
873
873
|
table: /* @__PURE__ */ e(Ot, {}),
|
|
874
874
|
blockquote: /* @__PURE__ */ e(ht, {}),
|
|
875
|
-
superscript: /* @__PURE__ */ e(
|
|
876
|
-
subscript: /* @__PURE__ */ e(
|
|
875
|
+
superscript: /* @__PURE__ */ e(rt, {}),
|
|
876
|
+
subscript: /* @__PURE__ */ e(it, {}),
|
|
877
877
|
codeline: /* @__PURE__ */ e(Ve, {}),
|
|
878
878
|
clear: /* @__PURE__ */ e(Xe, {}),
|
|
879
879
|
"|": /* @__PURE__ */ e("div", { style: {
|
|
@@ -911,17 +911,17 @@ var Ot = () => {
|
|
|
911
911
|
"html",
|
|
912
912
|
"clear"
|
|
913
913
|
], Ut = (o) => {
|
|
914
|
-
const { editor: t, customFonts:
|
|
914
|
+
const { editor: t, customFonts: i, defaultValues: r, children: n, items: l = $t, isHtml: a, setIsHtml: c, htmlSourceEnabled: d, ...s } = o;
|
|
915
915
|
return /* @__PURE__ */ e("div", {
|
|
916
916
|
...s,
|
|
917
917
|
children: /* @__PURE__ */ p(We, {
|
|
918
918
|
editor: t,
|
|
919
|
-
customFonts:
|
|
920
|
-
defaultValues:
|
|
919
|
+
customFonts: i,
|
|
920
|
+
defaultValues: r,
|
|
921
921
|
isHtml: a,
|
|
922
922
|
setIsHtml: c,
|
|
923
923
|
htmlSourceEnabled: d,
|
|
924
|
-
children: [l.map((m, _) => /* @__PURE__ */ e(
|
|
924
|
+
children: [l.map((m, _) => /* @__PURE__ */ e(E, { children: a && m !== "html" ? /* @__PURE__ */ e("span", {
|
|
925
925
|
style: {
|
|
926
926
|
pointerEvents: "none",
|
|
927
927
|
opacity: 0.4
|
|
@@ -934,8 +934,8 @@ var Ot = () => {
|
|
|
934
934
|
function Wt(...o) {
|
|
935
935
|
return o.filter(Boolean).join(" ");
|
|
936
936
|
}
|
|
937
|
-
function lo({ defaultValue: o, onUpdate: t, className:
|
|
938
|
-
const [I,
|
|
937
|
+
function lo({ defaultValue: o, onUpdate: t, className: i, toolbarPosition: r = "top", customToolbarChildren: n, toolbarItems: l, hideToolbar: a, readonly: c, autoFocus: d, customFonts: s, htmlSource: m, isHtml: _, setIsHtml: S, defaultValues: b, ...y }) {
|
|
938
|
+
const [I, A] = u.useState((_ ?? !1) && !!m);
|
|
939
939
|
u.useEffect(() => {
|
|
940
940
|
process.env.NODE_ENV !== "production" && _ && !m && console.warn('[WuContentEditor]: `isHtml` has no effect without an `htmlSource` component. Import {WuHtmlSource} from "@npm-questionpro/wick-ui-editor/html" and pass it as `htmlSource`.');
|
|
941
941
|
}, []);
|
|
@@ -943,9 +943,9 @@ function lo({ defaultValue: o, onUpdate: t, className: r, toolbarPosition: i = "
|
|
|
943
943
|
editable: !c,
|
|
944
944
|
autofocus: d ? "end" : !1,
|
|
945
945
|
extensions: Ue,
|
|
946
|
-
content:
|
|
946
|
+
content: z(o || ""),
|
|
947
947
|
onUpdate: ({ editor: v }) => {
|
|
948
|
-
t && t(
|
|
948
|
+
t && t(z(v.getHTML()));
|
|
949
949
|
}
|
|
950
950
|
});
|
|
951
951
|
u.useEffect(() => {
|
|
@@ -954,11 +954,11 @@ function lo({ defaultValue: o, onUpdate: t, className: r, toolbarPosition: i = "
|
|
|
954
954
|
b.fontFamily && v.setFontFamily(b.fontFamily), b.fontSize && v.setFontSize(`${b.fontSize}px`), b.color && v.setColor(b.color), b.bgColor && v.setBackgroundColor(b.bgColor), v.run();
|
|
955
955
|
}, [k]);
|
|
956
956
|
const he = (v) => {
|
|
957
|
-
v ? C.current = k?.getHTML() ?? "" : k?.commands.setContent(
|
|
957
|
+
v ? C.current = k?.getHTML() ?? "" : k?.commands.setContent(z(C.current)), t && t(z(C.current)), A(v), S?.(v);
|
|
958
958
|
};
|
|
959
959
|
return /* @__PURE__ */ p("div", {
|
|
960
|
-
className: Wt(H.wuContentEditorRoot,
|
|
961
|
-
"data-position":
|
|
960
|
+
className: Wt(H.wuContentEditorRoot, i),
|
|
961
|
+
"data-position": r,
|
|
962
962
|
"data-slot": "wu-content-editor-root",
|
|
963
963
|
onClick: (v) => {
|
|
964
964
|
if ((v.ctrlKey || v.metaKey) && v.target instanceof HTMLElement) {
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@npm-questionpro/wick-ui-editor",
|
|
3
|
-
"version": "2.
|
|
3
|
+
"version": "2.13.0",
|
|
4
4
|
"description": "Wick Editor is a powerful and intuitive content editing component built with React. It provides a rich set of features for creating and managing content, making it ideal for applications that require dynamic and interactive content creation.",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"react",
|
|
@@ -46,7 +46,7 @@
|
|
|
46
46
|
"shiki": "^4.0.2"
|
|
47
47
|
},
|
|
48
48
|
"peerDependencies": {
|
|
49
|
-
"@base-ui/react": "^1.
|
|
49
|
+
"@base-ui/react": "^1.6.0",
|
|
50
50
|
"@tiptap/extension-image": "^3.14.0",
|
|
51
51
|
"@tiptap/extension-list": "^3.14.0",
|
|
52
52
|
"@tiptap/extension-subscript": "^3.14.0",
|
|
@@ -62,7 +62,7 @@
|
|
|
62
62
|
"react-dom": ">=18.0.0 <20.0.0"
|
|
63
63
|
},
|
|
64
64
|
"devDependencies": {
|
|
65
|
-
"@base-ui/react": "^1.
|
|
65
|
+
"@base-ui/react": "^1.6.0",
|
|
66
66
|
"@storybook/react-vite": "10.4.6",
|
|
67
67
|
"@testing-library/dom": "^10.4.1",
|
|
68
68
|
"@testing-library/jest-dom": "^6.9.1",
|
|
@@ -99,7 +99,7 @@
|
|
|
99
99
|
"vite-plugin-dts": "^4.5.4",
|
|
100
100
|
"vitest": "^4.1.8",
|
|
101
101
|
"@npm-questionpro/wick-ui-eslint-config": "1.0.0",
|
|
102
|
-
"@npm-questionpro/wick-ui-lib": "2.
|
|
102
|
+
"@npm-questionpro/wick-ui-lib": "2.13.0",
|
|
103
103
|
"@wick-ui/tsconfig": "1.0.0"
|
|
104
104
|
},
|
|
105
105
|
"scripts": {
|