oasis-editor 0.0.13 → 0.0.14

package/dist/{OasisEditorApp-DYcAe_1n.js → OasisEditorApp-BtRbOf8l.js}

@@ -1,7 +1,7 @@
 var __defProp = Object.defineProperty;
 var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
 var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
-import { n as normalizeSelection, g as getParagraphs, c as createEditorParagraphFromRuns, a as getParagraphLength, b as createEditorRun, d as getDocumentSections, e as createEditorStyledRun, f as getParagraphText, h as getActiveZone, i as getActiveSectionIndex, p as positionToParagraphOffset, j as paragraphOffsetToPosition, k as clampPosition, l as findParagraphIndex, m as createCollapsedSelection, o as isSelectionCollapsed, q as createEditorParagraph, r as getBlockParagraphs, s as findParagraphTableLocation, t as buildTableCellLayout, u as createEditorTableCell, v as createEditorTable, w as createEditorTableRow, x as underlineStyleToCssDecorationStyle, y as resolveImageSrc, z as createEditorFootnote, A as createFootnoteReferenceRun, B as renumberFootnotes, C as iterateFootnoteReferenceRuns, D as getFootnoteDisplayMarker, E as createSignal, F as createEffect, G as onCleanup, H as buildCanvasLayoutSnapshot, I as on, J as onMount, K as debounce, L as unwrap, M as getDocumentParagraphs, N as getDocumentSectionsCanonical, O as createEditorDocument, P as getPageContentWidth, Q as getDocumentPageSettings, R as getTableCellContentWidthForParagraph, S as resolveResizedDimensions, T as resolveTextBoxRenderHeight, U as resolveEffectiveParagraphStyle, V as resolveEffectiveTextStyleForParagraph, W as iterateEndnoteReferenceRuns, X as JSZip, Y as imageContentTypeDefaults, Z as imageExtensionFromMime, _ as pxToPt$1, $ as buildSegmentTable, a0 as buildCanvasTableLayout, a1 as resolveFloatingObjectRect, a2 as getTextBoxFloatingGeometry, a3 as getPresetPathSegments, a4 as projectBlocksLayout, a5 as textStyleToFontSizePt, a6 as PX_PER_POINT, a7 as DEFAULT_FONT_SIZE_PX, a8 as isDoubleUnderlineStyle, a9 as isWavyUnderlineStyle, aa as underlineStyleLineWidthPx, ab as underlineStyleDashArray, ac as getListLabelInset, ad as getParagraphBorderInsets, ae as normalizeFamily, af as ROBOTO_FONT_FILES, ag as loadFontAsset, ah as OFFICE_COMPAT_FONT_FAMILIES, ai as buildSfnt, aj as defaultFontDecoderRegistry, ak as SfntFontProgram, al as collectPdfFontFamilies, am as projectDocumentLayout, an as getPageHeaderZoneTop, ao as getPageBodyTop, ap as findFootnoteReference, aq as FOOTNOTE_MARKER_GUTTER_PX, ar as resolveImporterForFile, as as createEditorStateFromDocument, at as getDocumentParagraphsCanonical, au as getToolbarStyleState, av as STANDARD_FONT_SIZES_PT, aw as fontSizePxToPt, ax as probeLocalFontFamilies, ay as createInitialEditorState, az as parseFontSizePtToPx, aA as formatFontSizePt, aB as listKindForTag, aC as isParagraphTag, aD as collectInlineRuns, aE as parseParagraphStyle, aF as t, aG as preciseFontModeVersion, aH as isPreciseFontModeEnabled, aI as togglePreciseFontMode, aJ as nextFontSizePt, aK as previousFontSizePt, aL as fontSizePtToPx, aM as createDefaultToolbarPreset, aN as defaultMenuItems, aO as MenuRegistry, aP as createToolbarRegistry, aQ as Editor, aR as resolveCommandRef, aS as commandRefName, aT as InlineShell, aU as BalloonShell, aV as DocumentShell, aW as createMemo, aX as getCaretRectFromSnapshot, aY as getParagraphRectFromSnapshot, aZ as createComponent, a_ as CaretOverlay, a$ as Show, b0 as createRenderEffect, b1 as style, b2 as setAttribute, b3 as setStyleProperty, b4 as memo, b5 as template, b6 as insert, b7 as use, b8 as addEventListener, b9 as Dialog, ba as delegateEvents, bb as className, bc as For, bd as UNDERLINE_STYLE_OPTIONS, be as Tabs, bf as measureParagraphMinContentWidthPx, bg as getEditableBlocksForZone, bh as findParagraphLocation, bi as createSectionBoundaryParagraph, bj as normalizePageSettings, bk as DEFAULT_EDITOR_PAGE_SETTINGS, bl as markStart, bm as markEnd, bn as getParagraphEntries, bo as getParagraphById, bp as PluginUiHost, bq as OasisEditorEditor, br as perfTimer, bs as OasisBrandMark, bt as setPreciseFontPreference, bu as setWelcomeSeen, bv as enablePreciseFontMode, bw as createOasisEditorClient, bx as setLocale, by as startLongTaskObserver, bz as installGlobalReport, bA as applyStoredPreciseFontPreference, bB as getWelcomeSeen, bC as isLocalFontAccessSupported, bD as EDITOR_SCROLL_PADDING_PX, bE as Toolbar, bF as OasisEditorLoading, bG as createEditorLogger, bH as getCachedCanvasImage, bI as registerDomStatsSurface } from "./index-CWev1Jg0.js";
+import { n as normalizeSelection, g as getParagraphs, c as createEditorParagraphFromRuns, a as getParagraphLength, b as createEditorRun, d as getDocumentSections, e as createEditorStyledRun, f as getParagraphText, h as getActiveZone, i as getActiveSectionIndex, p as positionToParagraphOffset, j as paragraphOffsetToPosition, k as clampPosition, l as findParagraphIndex, m as createCollapsedSelection, o as isSelectionCollapsed, q as createEditorParagraph, r as getBlockParagraphs, s as findParagraphTableLocation, t as buildTableCellLayout, u as createEditorTableCell, v as createEditorTable, w as createEditorTableRow, x as underlineStyleToCssDecorationStyle, y as resolveImageSrc, z as createEditorFootnote, A as createFootnoteReferenceRun, B as renumberFootnotes, C as iterateFootnoteReferenceRuns, D as getFootnoteDisplayMarker, E as createSignal, F as createEffect, G as onCleanup, H as buildCanvasLayoutSnapshot, I as on, J as onMount, K as debounce, L as unwrap, M as getDocumentParagraphs, N as getDocumentSectionsCanonical, O as createEditorDocument, P as getPageContentWidth, Q as getDocumentPageSettings, R as getTableCellContentWidthForParagraph, S as resolveResizedDimensions, T as resolveTextBoxRenderHeight, U as resolveEffectiveParagraphStyle, V as resolveEffectiveTextStyleForParagraph, W as iterateEndnoteReferenceRuns, X as JSZip, Y as imageContentTypeDefaults, Z as imageExtensionFromMime, _ as pxToPt$1, $ as buildSegmentTable, a0 as buildCanvasTableLayout, a1 as resolveFloatingObjectRect, a2 as getTextBoxFloatingGeometry, a3 as getPresetPathSegments, a4 as projectBlocksLayout, a5 as textStyleToFontSizePt, a6 as PX_PER_POINT, a7 as DEFAULT_FONT_SIZE_PX, a8 as isDoubleUnderlineStyle, a9 as isWavyUnderlineStyle, aa as underlineStyleLineWidthPx, ab as underlineStyleDashArray, ac as getListLabelInset, ad as getParagraphBorderInsets, ae as normalizeFamily, af as ROBOTO_FONT_FILES, ag as loadFontAsset, ah as OFFICE_COMPAT_FONT_FAMILIES, ai as buildSfnt, aj as defaultFontDecoderRegistry, ak as SfntFontProgram, al as collectPdfFontFamilies, am as projectDocumentLayout, an as getPageHeaderZoneTop, ao as getPageBodyTop, ap as findFootnoteReference, aq as FOOTNOTE_MARKER_GUTTER_PX, ar as resolveImporterForFile, as as createEditorStateFromDocument, at as getDocumentParagraphsCanonical, au as getToolbarStyleState, av as STANDARD_FONT_SIZES_PT, aw as fontSizePxToPt, ax as probeLocalFontFamilies, ay as createInitialEditorState, az as parseFontSizePtToPx, aA as formatFontSizePt, aB as listKindForTag, aC as isParagraphTag, aD as collectInlineRuns, aE as parseParagraphStyle, aF as t, aG as preciseFontModeVersion, aH as isPreciseFontModeEnabled, aI as togglePreciseFontMode, aJ as nextFontSizePt, aK as previousFontSizePt, aL as fontSizePtToPx, aM as createDefaultToolbarPreset, aN as defaultMenuItems, aO as MenuRegistry, aP as createToolbarRegistry, aQ as Editor, aR as resolveCommandRef, aS as commandRefName, aT as InlineShell, aU as BalloonShell, aV as DocumentShell, aW as createMemo, aX as getCaretRectFromSnapshot, aY as getParagraphRectFromSnapshot, aZ as createComponent, a_ as CaretOverlay, a$ as Show, b0 as createRenderEffect, b1 as style, b2 as setAttribute, b3 as setStyleProperty, b4 as memo, b5 as template, b6 as insert, b7 as use, b8 as addEventListener, b9 as Dialog, ba as delegateEvents, bb as className, bc as For, bd as UNDERLINE_STYLE_OPTIONS, be as Tabs, bf as measureParagraphMinContentWidthPx, bg as getEditableBlocksForZone, bh as findParagraphLocation, bi as createSectionBoundaryParagraph, bj as normalizePageSettings, bk as DEFAULT_EDITOR_PAGE_SETTINGS, bl as markStart, bm as markEnd, bn as getParagraphEntries, bo as getParagraphById, bp as PluginUiHost, bq as OasisEditorEditor, br as perfTimer, bs as OasisBrandMark, bt as setPreciseFontPreference, bu as setWelcomeSeen, bv as enablePreciseFontMode, bw as createOasisEditorClient, bx as setLocale, by as startLongTaskObserver, bz as installGlobalReport, bA as applyStoredPreciseFontPreference, bB as getWelcomeSeen, bC as isLocalFontAccessSupported, bD as EDITOR_SCROLL_PADDING_PX, bE as Toolbar, bF as OasisEditorLoading, bG as createEditorLogger, bH as getCachedCanvasImage, bI as registerDomStatsSurface } from "./index-4CDpujGG.js";
 function getSelectedObjectRun(state, predicate) {
   const normalized = normalizeSelection(state);
   if (normalized.isCollapsed || normalized.startIndex !== normalized.endIndex || normalized.endParagraphOffset - normalized.startParagraphOffset !== 1) {
@@ -41131,6 +41131,25 @@ function buildParagraphAndSectionCommands({
       (p) => (paragraph.setIndentHanging(numOrNull(p)), true),
       () => s().indentHanging
     ),
+    setSpecialIndent: actionCommand(
+      "setSpecialIndent",
+      (p) => {
+        const payload = p ?? {};
+        paragraph.setSpecialIndent(
+          payload.kind ?? "none",
+          numOrNull(payload.value)
+        );
+      },
+      () => {
+        const firstLine = Number(s().indentFirstLine);
+        const hanging = Number(s().indentHanging);
+        const kind = Number.isFinite(hanging) && hanging > 0 ? "hanging" : Number.isFinite(firstLine) && firstLine > 0 ? "firstLine" : "none";
+        return {
+          isActive: kind !== "none",
+          value: kind
+        };
+      }
+    ),
     setParagraphShading: valueCommand(
       "setParagraphShading",
       (p) => (paragraph.setShading(p ?? null), true),
@@ -41516,6 +41535,23 @@ function createEditorEssentialsRuntimePlugin(options) {
       "indentHanging",
       value
     ),
+    setSpecialIndent: (kind, value) => {
+      const resolvedValue = value ?? 48;
+      options.applyTransactionalState(
+        (current) => {
+          let next = setParagraphStyle(current, "indentFirstLine", null);
+          next = setParagraphStyle(next, "indentHanging", null);
+          if (kind === "firstLine") {
+            next = setParagraphStyle(next, "indentFirstLine", resolvedValue);
+          } else if (kind === "hanging") {
+            next = setParagraphStyle(next, "indentHanging", resolvedValue);
+          }
+          return next;
+        },
+        { mergeKey: "specialIndent" }
+      );
+      options.focusInput();
+    },
     setShading: (value) => options.commandsController.applyParagraphStyleCommand("shading", value),
     applyBorders: () => {
       const border = {

package/dist/core/commands/builtinCommands.d.ts

@@ -1,2 +1,2 @@
-export declare const OASIS_BUILTIN_COMMANDS: readonly ["selectAll", "insertFootnote", "pastePlainText", "bold", "italic", "underline", "strike", "superscript", "subscript", "link", "unlink", "alignLeft", "alignCenter", "alignRight", "alignJustify", "orderedList", "bulletList", "find", "replace", "toggleTrackChanges", "acceptRevisions", "rejectRevisions", "toggleShowMargins", "toggleShowParagraphMarks", "togglePreciseFonts", "undo", "redo", "pageBreak", "lineBreak", "splitBlock", "setFontFamily", "setFontSize", "increaseFontSize", "decreaseFontSize", "changeTextCase", "clearFormatting", "setColor", "setHighlight", "setTextShading", "setStyleId", "setUnderlineStyle", "documentStyles", "print", "copy", "exportDocx", "exportPdf", "importDocument", "insertImage", "editImageAlt", "insertImageCaption", "outdent", "indent", "togglePageBreakBefore", "toggleKeepWithNext", "setSpacingAfter", "setSpacingBefore", "setIndentLeft", "setIndentRight", "setIndentFirstLine", "setIndentHanging", "setParagraphShading", "applyParagraphBorders", "setLineHeight", "setListFormat", "setListStartAt", "toggleOrientation", "sectionBreakNextPage", "sectionBreakContinuous", "setPageMargins", "tableContext", "tableMerge", "tableSplit", "tableInsertColumnBefore", "tableInsertColumnAfter", "tableDeleteColumn", "tableInsertRowBefore", "tableInsertRowAfter", "tableDeleteRow", "tableCellShading", "tableCellBorders", "tableCellNoBorders", "tableWidth100", "tableAlignLeft", "tableAlignCenter", "tableAlignRight", "tableSetCellWidth", "insertTable"];
+export declare const OASIS_BUILTIN_COMMANDS: readonly ["selectAll", "insertFootnote", "pastePlainText", "bold", "italic", "underline", "strike", "superscript", "subscript", "link", "unlink", "alignLeft", "alignCenter", "alignRight", "alignJustify", "orderedList", "bulletList", "find", "replace", "toggleTrackChanges", "acceptRevisions", "rejectRevisions", "toggleShowMargins", "toggleShowParagraphMarks", "togglePreciseFonts", "undo", "redo", "pageBreak", "lineBreak", "splitBlock", "setFontFamily", "setFontSize", "increaseFontSize", "decreaseFontSize", "changeTextCase", "clearFormatting", "setColor", "setHighlight", "setTextShading", "setStyleId", "setUnderlineStyle", "documentStyles", "print", "copy", "exportDocx", "exportPdf", "importDocument", "insertImage", "editImageAlt", "insertImageCaption", "outdent", "indent", "togglePageBreakBefore", "toggleKeepWithNext", "setSpacingAfter", "setSpacingBefore", "setIndentLeft", "setIndentRight", "setIndentFirstLine", "setIndentHanging", "setSpecialIndent", "setParagraphShading", "applyParagraphBorders", "setLineHeight", "setListFormat", "setListStartAt", "toggleOrientation", "sectionBreakNextPage", "sectionBreakContinuous", "setPageMargins", "tableContext", "tableMerge", "tableSplit", "tableInsertColumnBefore", "tableInsertColumnAfter", "tableDeleteColumn", "tableInsertRowBefore", "tableInsertRowAfter", "tableDeleteRow", "tableCellShading", "tableCellBorders", "tableCellNoBorders", "tableWidth100", "tableAlignLeft", "tableAlignCenter", "tableAlignRight", "tableSetCellWidth", "insertTable"];
 export type OasisBuiltinCommand = (typeof OASIS_BUILTIN_COMMANDS)[number];

package/dist/core/commands/publicCommandTypes.d.ts

@@ -11,6 +11,10 @@ export interface SetFontSizePayload {
 }
 export interface SetPageMarginsPayload extends Partial<EditorPageMargins> {
 }
+export interface SetSpecialIndentPayload {
+    kind: "none" | "firstLine" | "hanging";
+    value?: number | null;
+}
 export interface OasisCommandPayloads {
     selectAll: undefined;
     insertFootnote: undefined;
@@ -72,6 +76,7 @@ export interface OasisCommandPayloads {
     setIndentRight: number | null;
     setIndentFirstLine: number | null;
     setIndentHanging: number | null;
+    setSpecialIndent: SetSpecialIndentPayload;
     setParagraphShading: string | null;
     applyParagraphBorders: undefined;
     setLineHeight: number | null;

package/dist/i18n/locales/en.d.ts

@@ -42,6 +42,10 @@ export declare const en: {
     "toolbar.decreaseIndent": string;
     "toolbar.listFormat": string;
     "toolbar.listStartAt": string;
+    "toolbar.specialIndent": string;
+    "toolbar.specialIndentNone": string;
+    "toolbar.specialIndentFirstLine": string;
+    "toolbar.specialIndentHanging": string;
     "toolbar.formatDecimal": string;
     "toolbar.formatLowerLetter": string;
     "toolbar.formatUpperLetter": string;

package/dist/i18n/locales/pt-BR.d.ts

@@ -42,6 +42,10 @@ export declare const ptBR: {
     "toolbar.decreaseIndent": string;
     "toolbar.listFormat": string;
     "toolbar.listStartAt": string;
+    "toolbar.specialIndent": string;
+    "toolbar.specialIndentNone": string;
+    "toolbar.specialIndentFirstLine": string;
+    "toolbar.specialIndentHanging": string;
     "toolbar.formatDecimal": string;
     "toolbar.formatLowerLetter": string;
     "toolbar.formatUpperLetter": string;

package/dist/{index-CWev1Jg0.js → index-4CDpujGG.js}

@@ -1458,6 +1458,10 @@ const en = {
   "toolbar.decreaseIndent": "Decrease indent (Shift+Tab)",
   "toolbar.listFormat": "Change list numbering format",
   "toolbar.listStartAt": "Start numbering at",
+  "toolbar.specialIndent": "Special Indent",
+  "toolbar.specialIndentNone": "None",
+  "toolbar.specialIndentFirstLine": "First Line",
+  "toolbar.specialIndentHanging": "Hanging",
   "toolbar.formatDecimal": "1, 2, 3",
   "toolbar.formatLowerLetter": "a, b, c",
   "toolbar.formatUpperLetter": "A, B, C",
@@ -1850,6 +1854,10 @@ const ptBR = {
   "toolbar.decreaseIndent": "Diminuir recuo (Shift+Tab)",
   "toolbar.listFormat": "Alterar formato de numeração",
   "toolbar.listStartAt": "Iniciar numeração em",
+  "toolbar.specialIndent": "Recuo especial",
+  "toolbar.specialIndentNone": "Nenhum",
+  "toolbar.specialIndentFirstLine": "Primeira linha",
+  "toolbar.specialIndentHanging": "Deslocamento",
   "toolbar.formatDecimal": "1, 2, 3",
   "toolbar.formatLowerLetter": "a, b, c",
   "toolbar.formatUpperLetter": "A, B, C",
@@ -2310,7 +2318,7 @@ function OasisEditorAppLazy(props = {}) {
     onCleanup(() => {
       cancelled = true;
     });
-    import("./OasisEditorApp-DYcAe_1n.js").then((m) => {
+    import("./OasisEditorApp-BtRbOf8l.js").then((m) => {
       cancelled = true;
       setProgress(1);
       setTimeout(() => setApp(() => m.OasisEditorApp), 180);
@@ -4277,6 +4285,7 @@ const OASIS_BUILTIN_COMMANDS = [
   "setIndentRight",
   "setIndentFirstLine",
   "setIndentHanging",
+  "setSpecialIndent",
   "setParagraphShading",
   "applyParagraphBorders",
   "setLineHeight",
@@ -4347,10 +4356,12 @@ class MenuRegistry {
   }
 }
 const defaultMenuRegistry = new MenuRegistry();
-var _tmpl$$P = /* @__PURE__ */ template(`<svg xmlns=http://www.w3.org/2000/svg width=24 height=24 viewBox="0 0 24 24"fill=none aria-hidden=true><text x=2 y=18 font-family="'Segoe UI', Arial, sans-serif"font-size=14 font-weight=700 fill=currentColor>ab</text><text x=15.5 y=11 font-family="'Segoe UI', Arial, sans-serif"font-size=10 font-weight=700 fill=#c00000>1`), _tmpl$2$w = /* @__PURE__ */ template(`<i>`);
+var _tmpl$$P = /* @__PURE__ */ template(`<svg xmlns=http://www.w3.org/2000/svg width=24 height=24 viewBox="0 0 24 24"fill=none aria-hidden=true><text x=2 y=18 font-family="'Segoe UI', Arial, sans-serif"font-size=14 font-weight=700 fill=currentColor>ab</text><text x=15.5 y=11 font-family="'Segoe UI', Arial, sans-serif"font-size=10 font-weight=700 fill=#c00000>1`), _tmpl$2$w = /* @__PURE__ */ template(`<svg xmlns=http://www.w3.org/2000/svg width=24 height=24 viewBox="0 0 24 24"aria-hidden=true><g fill=currentColor><path d="M3.375 4.875 L7.125 8.625 L3.375 12.375 L2.25 11.25 L4.875 8.625 L2.25 6 Z"></path><rect x=10.125 y=6 width=9 height=1.6875 rx=0.25></rect><rect x=5.625 y=10.875 width=13.5 height=1.6875 rx=0.25></rect><rect x=5.625 y=15.75 width=13.5 height=1.6875 rx=0.25>`), _tmpl$3$k = /* @__PURE__ */ template(`<i>`);
 const FootnoteIcon = () => _tmpl$$P();
+const SpecialIndentFirstLineIcon = () => _tmpl$2$w();
 const CUSTOM_ICONS = {
-  footnote: FootnoteIcon
+  footnote: FootnoteIcon,
+  specialIndentFirstLine: SpecialIndentFirstLineIcon
 };
 function getCustomIcon(name) {
   return name ? CUSTOM_ICONS[name] : void 0;
@@ -4362,9 +4373,9 @@ function ToolIcon(props) {
     },
     get fallback() {
       return (() => {
-        var _el$2 = _tmpl$2$w();
-        createRenderEffect(() => setAttribute(_el$2, "data-lucide", props.name));
-        return _el$2;
+        var _el$3 = _tmpl$3$k();
+        createRenderEffect(() => setAttribute(_el$3, "data-lucide", props.name));
+        return _el$3;
       })();
     },
     children: (render2) => render2()()
@@ -4691,7 +4702,7 @@ const defaultMenuItems = [
   }
 ];
 defaultMenuItems.forEach((item) => defaultMenuRegistry.register(item));
-var _tmpl$$O = /* @__PURE__ */ template(`<div class=oasis-menubar role=menubar>`), _tmpl$2$v = /* @__PURE__ */ template(`<div class=oasis-menubar-dropdown role=menu>`), _tmpl$3$k = /* @__PURE__ */ template(`<div class=oasis-menubar-menu><div class=oasis-menubar-button role=menuitem aria-haspopup=true>`), _tmpl$4$e = /* @__PURE__ */ template(`<div class=oasis-menubar-separator role=separator>`), _tmpl$5$d = /* @__PURE__ */ template(`<span class=oasis-menubar-item-icon aria-hidden=true>`), _tmpl$6$6 = /* @__PURE__ */ template(`<span class=oasis-menubar-shortcut>`), _tmpl$7$3 = /* @__PURE__ */ template(`<i class=oasis-menubar-submenu-icon data-lucide=chevron-right>`), _tmpl$8$2 = /* @__PURE__ */ template(`<div class=oasis-menubar-submenu role=menu>`), _tmpl$9$1 = /* @__PURE__ */ template(`<div class=oasis-menubar-item role=menuitem><span class=oasis-menubar-item-main><span>`);
+var _tmpl$$O = /* @__PURE__ */ template(`<div class=oasis-menubar role=menubar>`), _tmpl$2$v = /* @__PURE__ */ template(`<div class=oasis-menubar-dropdown role=menu>`), _tmpl$3$j = /* @__PURE__ */ template(`<div class=oasis-menubar-menu><div class=oasis-menubar-button role=menuitem aria-haspopup=true>`), _tmpl$4$e = /* @__PURE__ */ template(`<div class=oasis-menubar-separator role=separator>`), _tmpl$5$d = /* @__PURE__ */ template(`<span class=oasis-menubar-item-icon aria-hidden=true>`), _tmpl$6$6 = /* @__PURE__ */ template(`<span class=oasis-menubar-shortcut>`), _tmpl$7$3 = /* @__PURE__ */ template(`<i class=oasis-menubar-submenu-icon data-lucide=chevron-right>`), _tmpl$8$2 = /* @__PURE__ */ template(`<div class=oasis-menubar-submenu role=menu>`), _tmpl$9$1 = /* @__PURE__ */ template(`<div class=oasis-menubar-item role=menuitem><span class=oasis-menubar-item-main><span>`);
 function Menubar(props) {
   const [activeMenu, setActiveMenu] = createSignal(null);
   const menuItems = () => (props.registry ?? defaultMenuRegistry).getItems();
@@ -4764,7 +4775,7 @@ function Menubar(props) {
         return topLevelItems();
       },
       children: (topLevel) => (() => {
-        var _el$2 = _tmpl$3$k(), _el$3 = _el$2.firstChild;
+        var _el$2 = _tmpl$3$j(), _el$3 = _el$2.firstChild;
         _el$2.addEventListener("mouseenter", () => {
           if (activeMenu() && activeMenu() !== topLevel.id) {
             setActiveMenu(topLevel.id);
@@ -16880,7 +16891,7 @@ function getCaretRectFromSnapshot(snapshot, position2, paragraphOffset) {
   );
   return rectFromBox(slot.left, slot.top, 1, slot.height || line.height);
 }
-var _tmpl$$M = /* @__PURE__ */ template(`<span class=oasis-outline-title>`), _tmpl$2$u = /* @__PURE__ */ template(`<div class=oasis-outline-list>`), _tmpl$3$j = /* @__PURE__ */ template(`<div class=oasis-outline-panel><div class=oasis-outline-header><button class=oasis-outline-toggle><i>`), _tmpl$4$d = /* @__PURE__ */ template(`<div class=oasis-outline-empty>`), _tmpl$5$c = /* @__PURE__ */ template(`<div class=oasis-outline-item>`);
+var _tmpl$$M = /* @__PURE__ */ template(`<span class=oasis-outline-title>`), _tmpl$2$u = /* @__PURE__ */ template(`<div class=oasis-outline-list>`), _tmpl$3$i = /* @__PURE__ */ template(`<div class=oasis-outline-panel><div class=oasis-outline-header><button class=oasis-outline-toggle><i>`), _tmpl$4$d = /* @__PURE__ */ template(`<div class=oasis-outline-empty>`), _tmpl$5$c = /* @__PURE__ */ template(`<div class=oasis-outline-item>`);
 function OutlinePanel(props) {
   const [collapsed, setCollapsed] = createSignal(props.defaultCollapsed ?? false);
   const [items, setItems] = createSignal([]);
@@ -16948,7 +16959,7 @@ function OutlinePanel(props) {
     }
   });
   return (() => {
-    var _el$ = _tmpl$3$j(), _el$2 = _el$.firstChild, _el$4 = _el$2.firstChild, _el$5 = _el$4.firstChild;
+    var _el$ = _tmpl$3$i(), _el$2 = _el$.firstChild, _el$4 = _el$2.firstChild, _el$5 = _el$4.firstChild;
     insert(_el$2, createComponent(Show, {
       get when() {
         return !collapsed();
@@ -17445,7 +17456,7 @@ function Popover(props) {
     }
   })];
 }
-var _tmpl$$I = /* @__PURE__ */ template(`<div>`), _tmpl$2$r = /* @__PURE__ */ template(`<div class=oasis-editor-toolbar-dropdown>`), _tmpl$3$i = /* @__PURE__ */ template(`<i>`), _tmpl$4$c = /* @__PURE__ */ template(`<span class=oasis-editor-tool-button-label>`), _tmpl$5$b = /* @__PURE__ */ template(`<i data-lucide=chevron-down class=oasis-editor-dropdown-chevron>`), _tmpl$6$5 = /* @__PURE__ */ template(`<button type=button class="oasis-editor-tool-button oasis-editor-tool-button-dropdown"aria-haspopup=menu>`);
+var _tmpl$$I = /* @__PURE__ */ template(`<div>`), _tmpl$2$r = /* @__PURE__ */ template(`<div class=oasis-editor-toolbar-dropdown>`), _tmpl$3$h = /* @__PURE__ */ template(`<i>`), _tmpl$4$c = /* @__PURE__ */ template(`<span class=oasis-editor-tool-button-label>`), _tmpl$5$b = /* @__PURE__ */ template(`<i data-lucide=chevron-down class=oasis-editor-dropdown-chevron>`), _tmpl$6$5 = /* @__PURE__ */ template(`<button type=button class="oasis-editor-tool-button oasis-editor-tool-button-dropdown"aria-haspopup=menu>`);
 function Menu(props) {
   const [open, setOpen] = createSignal(false);
   const ariaLabel = () => props.tooltip || props.label || "";
@@ -17473,7 +17484,7 @@ function Menu(props) {
             return props.icon;
           },
           get children() {
-            var _el$4 = _tmpl$3$i();
+            var _el$4 = _tmpl$3$h();
             createRenderEffect(() => setAttribute(_el$4, "data-lucide", props.icon));
             return _el$4;
           }
@@ -17639,7 +17650,7 @@ function SplitButton(props) {
   });
 }
 delegateEvents(["click"]);
-var _tmpl$$E = /* @__PURE__ */ template(`<i data-lucide=type>`), _tmpl$2$q = /* @__PURE__ */ template(`<button type=button class=oasis-editor-color-menu-action role=menuitem><span class=oasis-editor-color-menu-action-swatch></span><span>`), _tmpl$3$h = /* @__PURE__ */ template(`<div class=oasis-editor-color-menu-section><div class=oasis-editor-color-menu-heading></div><div class=oasis-editor-color-theme-grid>`), _tmpl$4$b = /* @__PURE__ */ template(`<div class=oasis-editor-color-menu-section><div class=oasis-editor-color-menu-heading></div><div class=oasis-editor-color-standard-grid>`), _tmpl$5$a = /* @__PURE__ */ template(`<button type=button class=oasis-editor-color-menu-action role=menuitem><span class="oasis-editor-color-menu-action-swatch oasis-editor-color-menu-more-swatch"></span><span>`), _tmpl$6$4 = /* @__PURE__ */ template(`<input type=color class=oasis-editor-color-custom-input>`), _tmpl$7$2 = /* @__PURE__ */ template(`<span class=oasis-editor-color-split-icon><i></i><span class=oasis-editor-color-split-indicator>`), _tmpl$8$1 = /* @__PURE__ */ template(`<i data-lucide=slash>`), _tmpl$9 = /* @__PURE__ */ template(`<div class=oasis-editor-color-theme-column>`), _tmpl$0 = /* @__PURE__ */ template(`<button type=button class=oasis-editor-color-swatch>`);
+var _tmpl$$E = /* @__PURE__ */ template(`<i data-lucide=type>`), _tmpl$2$q = /* @__PURE__ */ template(`<button type=button class=oasis-editor-color-menu-action role=menuitem><span class=oasis-editor-color-menu-action-swatch></span><span>`), _tmpl$3$g = /* @__PURE__ */ template(`<div class=oasis-editor-color-menu-section><div class=oasis-editor-color-menu-heading></div><div class=oasis-editor-color-theme-grid>`), _tmpl$4$b = /* @__PURE__ */ template(`<div class=oasis-editor-color-menu-section><div class=oasis-editor-color-menu-heading></div><div class=oasis-editor-color-standard-grid>`), _tmpl$5$a = /* @__PURE__ */ template(`<button type=button class=oasis-editor-color-menu-action role=menuitem><span class="oasis-editor-color-menu-action-swatch oasis-editor-color-menu-more-swatch"></span><span>`), _tmpl$6$4 = /* @__PURE__ */ template(`<input type=color class=oasis-editor-color-custom-input>`), _tmpl$7$2 = /* @__PURE__ */ template(`<span class=oasis-editor-color-split-icon><i></i><span class=oasis-editor-color-split-indicator>`), _tmpl$8$1 = /* @__PURE__ */ template(`<i data-lucide=slash>`), _tmpl$9 = /* @__PURE__ */ template(`<div class=oasis-editor-color-theme-column>`), _tmpl$0 = /* @__PURE__ */ template(`<button type=button class=oasis-editor-color-swatch>`);
 const normalizeColor = (value) => (value == null ? void 0 : value.trim().toLowerCase()) ?? "";
 function ColorPicker(props) {
   const [isOpen, setIsOpen] = createSignal(false);
@@ -17722,7 +17733,7 @@ function ColorPicker(props) {
           return _el$;
         }
       }), (() => {
-        var _el$5 = _tmpl$3$h(), _el$6 = _el$5.firstChild, _el$7 = _el$6.nextSibling;
+        var _el$5 = _tmpl$3$g(), _el$6 = _el$5.firstChild, _el$7 = _el$6.nextSibling;
         insert(_el$6, () => props.themeColorsLabel);
         insert(_el$7, createComponent(For, {
           get each() {
@@ -17827,7 +17838,7 @@ function ColorPicker(props) {
   });
 }
 delegateEvents(["click", "input"]);
-var _tmpl$$D = /* @__PURE__ */ template(`<div class=oasis-editor-table-grid-picker-status>`), _tmpl$2$p = /* @__PURE__ */ template(`<div class=oasis-editor-table-grid-picker-grid>`), _tmpl$3$g = /* @__PURE__ */ template(`<div class=oasis-editor-toolbar-dropdown>`), _tmpl$4$a = /* @__PURE__ */ template(`<button type=button class=oasis-editor-tool-button><i>`), _tmpl$5$9 = /* @__PURE__ */ template(`<button type=button class=oasis-editor-table-grid-picker-cell>`);
+var _tmpl$$D = /* @__PURE__ */ template(`<div class=oasis-editor-table-grid-picker-status>`), _tmpl$2$p = /* @__PURE__ */ template(`<div class=oasis-editor-table-grid-picker-grid>`), _tmpl$3$f = /* @__PURE__ */ template(`<div class=oasis-editor-toolbar-dropdown>`), _tmpl$4$a = /* @__PURE__ */ template(`<button type=button class=oasis-editor-tool-button><i>`), _tmpl$5$9 = /* @__PURE__ */ template(`<button type=button class=oasis-editor-table-grid-picker-cell>`);
 function GridPicker(props) {
   const [isOpen, setIsOpen] = createSignal(false);
   const [hover, setHover] = createSignal({
@@ -17901,7 +17912,7 @@ function GridPicker(props) {
     return h.row === 0 || h.col === 0 ? t("toolbar.table") : `${h.row} × ${h.col}`;
   };
   return (() => {
-    var _el$ = _tmpl$3$g();
+    var _el$ = _tmpl$3$f();
     insert(_el$, createComponent(Popover, {
       get open() {
         return isOpen();
@@ -18039,7 +18050,7 @@ const DEFAULT_PALETTE = {
   standardColors: STANDARD_COLORS,
   allowCustom: true
 };
-var _tmpl$$C = /* @__PURE__ */ template(`<i>`), _tmpl$2$o = /* @__PURE__ */ template(`<option value>`), _tmpl$3$f = /* @__PURE__ */ template(`<option>`);
+var _tmpl$$C = /* @__PURE__ */ template(`<option value>`), _tmpl$2$o = /* @__PURE__ */ template(`<option>`);
 function renderMenuContent(content, api) {
   if (content.kind === "custom") {
     return content.render(api);
@@ -18167,14 +18178,16 @@ function RenderSplit(props) {
     get menuTestId() {
       return memo(() => !!props.item.testId)() ? `${props.item.testId}-dropdown` : void 0;
     },
-    panelClass: "oasis-editor-color-menu",
+    get panelClass() {
+      return props.item.panelClass ?? "oasis-editor-color-menu";
+    },
     panelRole: "menu",
     get mainContent() {
-      return (() => {
-        var _el$ = _tmpl$$C();
-        createRenderEffect(() => setAttribute(_el$, "data-lucide", props.item.iconName));
-        return _el$;
-      })();
+      return memo(() => !!props.item.iconName)() ? createComponent(ToolIcon, {
+        get name() {
+          return props.item.iconName;
+        }
+      }) : [];
     },
     get children() {
       return renderMenuContent(props.item.menu, props.api);
@@ -18210,19 +18223,19 @@ function RenderSelect(props) {
           return props.item.placeholder !== void 0;
         },
         get children() {
-          var _el$2 = _tmpl$2$o();
-          insert(_el$2, () => props.item.placeholder);
-          return _el$2;
+          var _el$ = _tmpl$$C();
+          insert(_el$, () => props.item.placeholder);
+          return _el$;
         }
       }), createComponent(For, {
         get each() {
           return props.item.options(props.api);
         },
         children: (option) => (() => {
-          var _el$3 = _tmpl$3$f();
-          insert(_el$3, () => option.label);
-          createRenderEffect(() => _el$3.value = option.value);
-          return _el$3;
+          var _el$2 = _tmpl$2$o();
+          insert(_el$2, () => option.label);
+          createRenderEffect(() => _el$2.value = option.value);
+          return _el$2;
         })()
       })];
     }
@@ -37367,6 +37380,11 @@ const RIBBON_PLACEMENTS = {
   "editor-toolbar-list-outdent": { tab: "home", group: "paragraph", row: 1 },
   "editor-toolbar-list-indent": { tab: "home", group: "paragraph", row: 1 },
   "editor-toolbar-list-options": { tab: "home", group: "paragraph", row: 1 },
+  "editor-toolbar-special-indent": {
+    tab: "home",
+    group: "paragraph",
+    row: 1
+  },
   "editor-toolbar-line-spacing-control": {
     tab: "home",
     group: "paragraph",
@@ -37808,6 +37826,54 @@ function createDefaultToolbarPreset() {
     id: "editor-toolbar-list-options",
     render: (api) => ListOptionsControl({ api })
   });
+  items.push({
+    type: "split",
+    id: "editor-toolbar-special-indent",
+    testId: "editor-toolbar-special-indent",
+    iconName: "specialIndentFirstLine",
+    tooltipKey: "toolbar.specialIndent",
+    command: { name: "setSpecialIndent", payload: { kind: "firstLine" } },
+    isActive: () => false,
+    panelClass: "oasis-editor-toolbar-dropdown-menu oasis-editor-special-indent-menu",
+    menu: {
+      kind: "items",
+      items: [
+        {
+          type: "button",
+          id: "editor-toolbar-special-indent-none",
+          testId: "editor-toolbar-special-indent-none",
+          iconName: "minus",
+          labelKey: "toolbar.specialIndentNone",
+          tooltipKey: "toolbar.specialIndentNone",
+          command: { name: "setSpecialIndent", payload: { kind: "none" } },
+          wide: true
+        },
+        {
+          type: "button",
+          id: "editor-toolbar-special-indent-first-line",
+          testId: "editor-toolbar-special-indent-first-line",
+          iconName: "list-collapse",
+          labelKey: "toolbar.specialIndentFirstLine",
+          tooltipKey: "toolbar.specialIndentFirstLine",
+          command: {
+            name: "setSpecialIndent",
+            payload: { kind: "firstLine" }
+          },
+          wide: true
+        },
+        {
+          type: "button",
+          id: "editor-toolbar-special-indent-hanging",
+          testId: "editor-toolbar-special-indent-hanging",
+          iconName: "list-indent-increase",
+          labelKey: "toolbar.specialIndentHanging",
+          tooltipKey: "toolbar.specialIndentHanging",
+          command: { name: "setSpecialIndent", payload: { kind: "hanging" } },
+          wide: true
+        }
+      ]
+    }
+  });
   items.push({
     type: "custom",
     id: "editor-toolbar-line-spacing-control",
@@ -37873,6 +37939,7 @@ const OASIS_TOOLBAR_ITEMS = {
   outdent: "editor-toolbar-list-outdent",
   indent: "editor-toolbar-list-indent",
   listOptions: "editor-toolbar-list-options",
+  specialIndent: "editor-toolbar-special-indent",
   lineSpacing: "editor-toolbar-line-spacing-control",
   metrics: "editor-toolbar-metrics",
   table: "editor-toolbar-table",

package/dist/index.d.ts

@@ -15,7 +15,7 @@ export { commandRefName, resolveCommandRef, } from './core/commands/CommandRef.j
 export { createEditorCommandBus } from './core/commands/CommandBus.js';
 export { OASIS_BUILTIN_COMMANDS } from './core/commands/builtinCommands.js';
 export type { OasisBuiltinCommand } from './core/commands/builtinCommands.js';
-export type { CommandPayloadArgs, InsertTablePayload, OasisCommandName, OasisCommandPayloads, OasisCommandResults, SetFontSizePayload, SetPageMarginsPayload, TypedCommandBus, } from './core/commands/publicCommandTypes.js';
+export type { CommandPayloadArgs, InsertTablePayload, OasisCommandName, OasisCommandPayloads, OasisCommandResults, SetFontSizePayload, SetPageMarginsPayload, SetSpecialIndentPayload, TypedCommandBus, } from './core/commands/publicCommandTypes.js';
 export { PluginCollection } from './core/plugins/PluginCollection.js';
 export { mount } from './ui/mount.js';
 export { DocumentShell } from './ui/shells/DocumentShell.js';

package/dist/oasis-editor.js

@@ -1,4 +1,4 @@
-import { aU, bJ, bK, bL, bM, bN, b9, bO, aV, aQ, bP, bQ, bR, aT, bS, aO, bT, bU, bV, bW, bX, bF, bY, bZ, b_, b$, c0, c1, c2, c3, c4, c5, c6, c7, be, c8, bE, c9, bL as bL2, bQ as bQ2, bS as bS2, c0 as c02, c2 as c22, c7 as c72, aS, aM, ca, cb, cc, aP, cd, ce, aR } from "./index-CWev1Jg0.js";
+import { aU, bJ, bK, bL, bM, bN, b9, bO, aV, aQ, bP, bQ, bR, aT, bS, aO, bT, bU, bV, bW, bX, bF, bY, bZ, b_, b$, c0, c1, c2, c3, c4, c5, c6, c7, be, c8, bE, c9, bL as bL2, bQ as bQ2, bS as bS2, c0 as c02, c2 as c22, c7 as c72, aS, aM, ca, cb, cc, aP, cd, ce, aR } from "./index-4CDpujGG.js";
 export {
   aU as BalloonShell,
   bJ as Button,