@thangph2146/lexical-editor 0.0.7 → 0.0.11

package/dist/editor-x/editor.js

@@ -5083,19 +5083,7 @@ function ContentEditable({
         !isReadOnlyOrReview && "min-h-72 px-8 py-4",
         className
       ),
-      "aria-placeholder": placeholder,
-      "aria-label": placeholder || "Editor n\u1ED9i dung",
-      placeholder: /* @__PURE__ */ jsx(
-        "div",
-        {
-          className: cn(
-            placeholderClassName,
-            "text-muted-foreground pointer-events-none select-none",
-            placeholderDefaults && !isReadOnlyOrReview && "absolute top-0 left-0 overflow-hidden px-8 py-[18px] text-ellipsis"
-          ),
-          children: placeholder
-        }
-      )
+      "aria-label": "Editor n\u1ED9i dung"
     }
   );
 }
@@ -9953,7 +9941,7 @@ function LayoutPlugin() {
           values: {
             template: parentContainer.getTemplateColumns(),
             itemBackgroundColor: extractStyleValue(style, "background-color") ?? "#ffffff",
-            itemPaddingXPx: paddingValues && paddingValues.length > 1 ? paddingValues[1] : paddingValues?.[0] ?? 12,
+            itemPaddingXPx: paddingValues?.[1] ?? paddingValues?.[0] ?? 12,
             itemPaddingYPx: paddingValues?.[0] ?? 12,
             itemBorderRadiusPx: borderRadiusValues?.[0] ?? 8
           }
@@ -28768,10 +28756,16 @@ function FontColorModalContent({
     /* @__PURE__ */ jsx(ColorPickerRoot, { inline: true, value: color, onValueChange: setColor, children: /* @__PURE__ */ jsxs(ColorPickerContent, { className: "editor-w-full editor-border-0 editor-shadow-none editor-p-0", children: [
       /* @__PURE__ */ jsx(ColorPickerArea, { className: "editor-h-40 editor-w-full editor-rounded-md" }),
       /* @__PURE__ */ jsxs(Flex, { direction: "column", gap: 3, className: "editor-mt-3", children: [
-        /* @__PURE__ */ jsxs(Flex, { direction: "column", gap: 2, children: [
-          /* @__PURE__ */ jsx(ColorPickerHueSlider, { className: "editor-w-full" }),
-          /* @__PURE__ */ jsx(ColorPickerAlphaSlider, { className: "editor-w-full" }),
-          /* @__PURE__ */ jsx(ColorPickerInput, { className: "editor-w-full" })
+        /* @__PURE__ */ jsxs(Flex, { align: "center", gap: 2, children: [
+          /* @__PURE__ */ jsx(ColorPickerEyeDropper, {}),
+          /* @__PURE__ */ jsxs(Flex, { direction: "column", gap: 2, className: "editor-flex-1", children: [
+            /* @__PURE__ */ jsx(ColorPickerHueSlider, { className: "editor-w-full" }),
+            /* @__PURE__ */ jsx(ColorPickerAlphaSlider, { className: "editor-w-full" })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxs(Flex, { align: "center", gap: 2, children: [
+          /* @__PURE__ */ jsx(ColorPickerFormatSelect, {}),
+          /* @__PURE__ */ jsx(ColorPickerInput, {})
         ] }),
         /* @__PURE__ */ jsx(ColorPickerPresets, {})
       ] })
@@ -28802,10 +28796,16 @@ function BgColorModalContent({
     /* @__PURE__ */ jsx(ColorPickerRoot, { inline: true, value: color, onValueChange: setColor, children: /* @__PURE__ */ jsxs(ColorPickerContent, { className: "editor-w-full editor-border-0 editor-shadow-none editor-p-0", children: [
       /* @__PURE__ */ jsx(ColorPickerArea, { className: "editor-h-40 editor-w-full editor-rounded-md" }),
       /* @__PURE__ */ jsxs(Flex, { direction: "column", gap: 3, className: "editor-mt-3", children: [
-        /* @__PURE__ */ jsxs(Flex, { direction: "column", gap: 2, children: [
-          /* @__PURE__ */ jsx(ColorPickerHueSlider, { className: "editor-w-full" }),
-          /* @__PURE__ */ jsx(ColorPickerAlphaSlider, { className: "editor-w-full" }),
-          /* @__PURE__ */ jsx(ColorPickerInput, { className: "editor-w-full" })
+        /* @__PURE__ */ jsxs(Flex, { align: "center", gap: 2, children: [
+          /* @__PURE__ */ jsx(ColorPickerEyeDropper, {}),
+          /* @__PURE__ */ jsxs(Flex, { direction: "column", gap: 2, className: "editor-flex-1", children: [
+            /* @__PURE__ */ jsx(ColorPickerHueSlider, { className: "editor-w-full" }),
+            /* @__PURE__ */ jsx(ColorPickerAlphaSlider, { className: "editor-w-full" })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxs(Flex, { align: "center", gap: 2, children: [
+          /* @__PURE__ */ jsx(ColorPickerFormatSelect, {}),
+          /* @__PURE__ */ jsx(ColorPickerInput, {})
         ] }),
         /* @__PURE__ */ jsx(ColorPickerPresets, {})
       ] })
@@ -33049,11 +33049,13 @@ function Plugins({
           contentEditable: /* @__PURE__ */ jsx("div", { className: cn("editor-relative-full"), children: /* @__PURE__ */ jsx("div", { className: cn("editor-relative-full"), ref: onRef, children: /* @__PURE__ */ jsx(
             ContentEditable,
             {
-              placeholder: readOnly ? "" : placeholder,
+              placeholder: "",
               className: cn(
                 "editor-content-editable",
                 readOnly && "editor-content-editable--readonly"
-              )
+              ),
+              placeholderClassName: "editor-placeholder",
+              placeholderDefaults: false
             }
           ) }) }),
           ErrorBoundary: LexicalErrorBoundary,