oasis-editor 0.0.153 → 0.0.155

package/dist/{OasisEditorApp-DjlntWNK.js → OasisEditorApp-BfdBu3ui.js}

@@ -1,7 +1,7 @@
 var __defProp = Object.defineProperty;
 var __defNormalProp = (obj, key2, value) => key2 in obj ? __defProp(obj, key2, { enumerable: true, configurable: true, writable: true, value }) : obj[key2] = value;
 var __publicField = (obj, key2, value) => __defNormalProp(obj, typeof key2 !== "symbol" ? key2 + "" : key2, value);
-import { E as EMPTY_PROJECTION_CONTEXT, d as domTextMeasurer, g as getProjectedParagraphBlockHeight, e as estimateTableBlockHeight, p as projectParagraphLayout, a as getPageBodyBottom, b as getPageBodyTop, c as getPageContentWidth, F as FOOTNOTE_MARKER_GUTTER_PX, f as getParagraphText, h as getBlockParagraphs, i as getRunFootnoteReference, l as listReferencedEndnotes, j as getFootnoteDisplayMarker, k as createProjectionContext, m as getDocumentSections, n as getRunField, o as projectBlocksLayout, q as assertNever, r as cloneRun, s as createSignal, t as createEditorStateFromDocument, u as createInitialEditorState, S as STANDARD_FONT_SIZES_PT, v as fontSizePxToPt, w as probeLocalFontFamilies, x as createEditorParagraphFromRuns, y as isInlineObjectRun, z as stylesEqual, A as cloneStyle, B as createEditorStyledRun, C as cloneParagraphList, D as cloneParagraph, G as getParagraphLength, H as getActiveZone, I as getActiveSectionIndex, J as getParagraphs, K as normalizeSelection, L as positionToParagraphOffset, M as cloneParagraphs, N as paragraphOffsetToPosition, O as findParagraphIndex, P as createCollapsedSelection, Q as isSelectionCollapsed, R as MATH_OBJECT_REPLACEMENT, T as setValueStyle, U as setBooleanStyle, V as parseFontSizePtToPx, W as formatFontSizePt, X as setParagraphStyleValue, Y as createEditorParagraph, Z as cloneBlocks, _ as resolveDefaultParagraphStyleId, $ as findParagraphTablePathLocation, a0 as findParagraphLocation, a1 as resolveTablePath, a2 as buildTableCellLayout, a3 as PT_PER_PX, a4 as createEditorTableCell, a5 as createEditorTableRow, a6 as createEditorTable, a7 as clampPosition, a8 as PX_PER_POINT, a9 as underlineStyleToCssDecorationStyle, aa as resolveImageSrc, ab as listKindForTag, ac as isParagraphTag, ad as collectInlineRuns, ae as parseParagraphStyle, af as getRunImage, ag as InlineShell, ah as BalloonShell, ai as DocumentShell, aj as findParagraphTableLocation, ak as createMemo, al as getCaretRectFromSnapshot, am as getParagraphRectFromSnapshot, an as createComponent, ao as CaretOverlay, ap as Show, aq as createRenderEffect, ar as style, as as setStyleProperty, at as setAttribute, au as memo, av as template, aw as Button, ax as useI18n, ay as createEffect, az as TextField, aA as Dialog, aB as insert, aC as className, aD as Grid, aE as SelectField, aF as StatusText, aG as ColorField, aH as UNDERLINE_STYLE_OPTIONS, aI as Stack, aJ as For, aK as ToggleChip, aL as FormField, aM as Checkbox, aN as FieldGroup, aO as Tabs, aP as NumberField, aQ as parseNumber, aR as createStore, aS as reconcile, aT as RadioGroup, aU as Radio$1, aV as TextAreaField, aW as COMMON_SYMBOLS, aX as getRecentSymbols, aY as SYMBOL_CATEGORIES, aZ as rememberSymbol, a_ as delegateEvents, a$ as EMPTY_EDITOR_MATH_EXPRESSION, b0 as serializeLinearMath, b1 as parseLinearMath, b2 as Text, b3 as SurfaceButton, b4 as onMount, b5 as onCleanup, b6 as CheckIcon, b7 as use, b8 as PluginUiHost, b9 as OasisEditorEditor, ba as OasisBrandMark, bb as setPreciseFontPreference, bc as setWelcomeSeen, bd as enablePreciseFontMode, be as WORD_NS$6, bf as XMLSerializer, bg as DOMParser, bh as WORD14_NS, bi as mergeNestedExtensionMarkup, bj as resolveOpcRelationships, bk as parseOpcRelationships, bl as JSZip, bm as normalizeOpcPartPath, bn as OPC_CONTENT_TYPES_PATH, bo as getOpcRelationshipOwnerPath, bp as serializeOpcRelationships, bq as OPC_ROOT_RELATIONSHIPS_PATH, br as hashDocxPartBytes, bs as parseOpcContentTypes, bt as serializeOpcContentTypes, bu as mergeParagraphPropertiesXmlSource, bv as setEditorRunOoxmlSource, bw as mergeRunOoxmlSourceIntoGeneratedXml, bx as mergeTableCellPropertiesXmlSource, by as mergeTableRowPropertiesXmlSource, bz as mergeTablePropertiesXmlSource, bA as exportEditorDocumentToDocxBlob, bB as exportEditorDocumentToDocx, bC as pxToPt$1, bD as resolveFloatingObjectRect, bE as getTextBoxFloatingGeometry, bF as getPresetPathSegments, bG as buildListLabels, bH as lineDashPatternPt, bI as DEFAULT_FONT_SIZE_PX, bJ as resolveGradientAxis, bK as isDoubleUnderlineStyle, bL as isWavyUnderlineStyle, bM as underlineStyleLineWidthPx, bN as WAVY_UNDERLINE_WAVELENGTH_PX, bO as WAVY_UNDERLINE_AMPLITUDE_PX, bP as DOUBLE_UNDERLINE_OFFSET_PX, bQ as underlineStyleDashArray, bR as resolveEffectiveParagraphStyle, bS as EMPHASIS_GLYPH, bT as parseHexColorToRgb255, bU as rgb255ToHex, bV as getImageFloatingGeometry, bW as resolveEffectiveTextStyleForParagraph, bX as textStyleToFontSizePt, bY as mathDisplayText, bZ as TEXT_BASELINE_RATIO, b_ as resolveTextAlignmentBaselineOffset, b$ as resolveRenderedTextChar, c0 as resolveOpenTypeFeatureTags, c1 as isLowercaseSmallCapsChar, c2 as resolveDecorationLineY, c3 as DOUBLE_STRIKE_OFFSET_PX, c4 as resolveListLabel, c5 as getListLabelInset, c6 as getAlignedListLabelInset, c7 as getParagraphBorderInsets, c8 as buildSegmentTable, c9 as buildCanvasTableLayout, ca as resolveCanvasTableWidth, cb as resolveFloatingTableRect, cc as paragraphBetweenBorderMatches, cd as normalizeFamily, ce as ROBOTO_FONT_FILES, cf as loadFontAsset, cg as getRemotePdfFontFaces, ch as OFFICE_COMPAT_FONT_FAMILIES, ci as BinaryReader, cj as buildSfnt, ck as defaultFontDecoderRegistry, cl as SfntFontProgram, cm as zlibSync, cn as renumberImageCaptionsInDocument, co as collectPdfFontFamilies, cp as outlineFrom, cq as getPageHeaderZoneTop, cr as getPageColumnRects, cs as findFootnoteReference, ct as resolveImporterForFile, cu as roundTo, cv as getDocumentSectionsCanonical, cw as getDocumentParagraphsCanonical, cx as getDocumentParagraphs, cy as getImageCaptionText, cz as isImageCaptionParagraph, cA as updateImageCaptionParagraph, cB as createImageCaptionParagraph, cC as renumberImageCaptionParagraphs, cD as getCaptionSelectionOffset, cE as PX_PER_CM, cF as getDocumentPageSettings, cG as getTableCellContentWidthForParagraph, cH as layoutMetricsEpoch, cI as bumpLayoutMetricsEpoch, cJ as createCanvasLayoutSnapshotProvider, cK as on, cL as debounce, cM as unwrap, cN as perfTimer, cO as prepareDocumentFonts, cP as getRunTextBox, cQ as EMU_PER_PX, cR as createEditorDocument, cS as resolveResizedDimensions, cT as axisSignForDirection, cU as clamp$1, cV as MIN_RESIZE_SIZE_PX, cW as resolveTextBoxRenderHeight, cX as getToolbarStyleState, cY as VERTICAL_HIT_WEIGHT, cZ as getCachedCanvasImage, c_ as measureParagraphMinContentWidthPx, c$ as createSectionBoundaryParagraph, d0 as normalizePageSettings, d1 as DEFAULT_EDITOR_PAGE_SETTINGS, d2 as markStart, d3 as markEnd, d4 as getParagraphEntries, d5 as getParagraphById, d6 as createEditorFootnote, d7 as createFootnoteReferenceRun, d8 as renumberFootnotes, d9 as iterateFootnoteReferenceRuns, da as preciseFontModeVersion, db as isPreciseFontModeEnabled, dc as getRunFieldChar, dd as getRunFieldInstruction, de as getHeadingLevel, df as createEditorRun, dg as TWIPS_PER_INCH, dh as PX_PER_INCH, di as togglePreciseFontMode, dj as nextFontSizePt, dk as previousFontSizePt, dl as fontSizePtToPx, dm as resolveNamedTextStyle, dn as resolveNamedTableStyle, dp as resolveEffectiveTableStyle, dq as createDefaultToolbarPreset, dr as MenuRegistry, ds as createToolbarRegistry, dt as Editor, du as resolveCommandRef, dv as commandRefName, dw as createOasisEditorClient, dx as createEditorZoom, dy as startLongTaskObserver, dz as installGlobalReport, dA as applyStoredPreciseFontPreference, dB as getWelcomeSeen, dC as isLocalFontAccessSupported, dD as EDITOR_SCROLL_PADDING_PX, dE as Toolbar, dF as OasisEditorLoading, dG as I18nProvider, dH as createTranslator, dI as registerDomStatsSurface, dJ as createEditorLogger } from "./index-D_-RY5pS.js";
+import { E as EMPTY_PROJECTION_CONTEXT, d as domTextMeasurer, g as getProjectedParagraphBlockHeight, e as estimateTableBlockHeight, p as projectParagraphLayout, a as getPageBodyBottom, b as getPageBodyTop, c as getPageContentWidth, F as FOOTNOTE_MARKER_GUTTER_PX, f as getParagraphText, h as getBlockParagraphs, i as getRunFootnoteReference, l as listReferencedEndnotes, j as getFootnoteDisplayMarker, k as createProjectionContext, m as getDocumentSections, n as getRunField, o as projectBlocksLayout, q as assertNever, r as cloneRun, s as createSignal, t as createEditorStateFromDocument, u as createInitialEditorState, S as STANDARD_FONT_SIZES_PT, v as fontSizePxToPt, w as probeLocalFontFamilies, x as createEditorParagraphFromRuns, y as isInlineObjectRun, z as stylesEqual, A as cloneStyle, B as createEditorStyledRun, C as cloneParagraphList, D as cloneParagraph, G as getParagraphLength, H as getActiveZone, I as getActiveSectionIndex, J as getParagraphs, K as normalizeSelection, L as positionToParagraphOffset, M as cloneParagraphs, N as paragraphOffsetToPosition, O as findParagraphIndex, P as createCollapsedSelection, Q as isSelectionCollapsed, R as MATH_OBJECT_REPLACEMENT, T as setValueStyle, U as setBooleanStyle, V as parseFontSizePtToPx, W as formatFontSizePt, X as setParagraphStyleValue, Y as createEditorParagraph, Z as cloneBlocks, _ as resolveDefaultParagraphStyleId, $ as findParagraphTablePathLocation, a0 as findParagraphLocation, a1 as resolveTablePath, a2 as buildTableCellLayout, a3 as PT_PER_PX, a4 as createEditorTableCell, a5 as createEditorTableRow, a6 as createEditorTable, a7 as clampPosition, a8 as PX_PER_POINT, a9 as underlineStyleToCssDecorationStyle, aa as resolveImageSrc, ab as listKindForTag, ac as isParagraphTag, ad as collectInlineRuns, ae as parseParagraphStyle, af as getRunImage, ag as InlineShell, ah as BalloonShell, ai as DocumentShell, aj as findParagraphTableLocation, ak as createMemo, al as getCaretRectFromSnapshot, am as getParagraphRectFromSnapshot, an as createComponent, ao as CaretOverlay, ap as Show, aq as createRenderEffect, ar as style, as as setStyleProperty, at as setAttribute, au as memo, av as template, aw as Button, ax as useI18n, ay as createEffect, az as TextField, aA as Dialog, aB as insert, aC as className, aD as Grid, aE as SelectField, aF as StatusText, aG as ColorField, aH as UNDERLINE_STYLE_OPTIONS, aI as Stack, aJ as For, aK as ToggleChip, aL as FormField, aM as Checkbox, aN as FieldGroup, aO as Tabs, aP as NumberField, aQ as parseNumber, aR as createStore, aS as reconcile, aT as RadioGroup, aU as Radio$1, aV as TextAreaField, aW as COMMON_SYMBOLS, aX as getRecentSymbols, aY as SYMBOL_CATEGORIES, aZ as rememberSymbol, a_ as delegateEvents, a$ as EMPTY_EDITOR_MATH_EXPRESSION, b0 as serializeLinearMath, b1 as parseLinearMath, b2 as Text, b3 as SurfaceButton, b4 as onMount, b5 as onCleanup, b6 as CheckIcon, b7 as use, b8 as PluginUiHost, b9 as OasisEditorEditor, ba as OasisBrandMark, bb as setPreciseFontPreference, bc as setWelcomeSeen, bd as enablePreciseFontMode, be as WORD_NS$6, bf as XMLSerializer, bg as DOMParser, bh as WORD14_NS, bi as mergeNestedExtensionMarkup, bj as resolveOpcRelationships, bk as parseOpcRelationships, bl as JSZip, bm as normalizeOpcPartPath, bn as OPC_CONTENT_TYPES_PATH, bo as getOpcRelationshipOwnerPath, bp as serializeOpcRelationships, bq as OPC_ROOT_RELATIONSHIPS_PATH, br as hashDocxPartBytes, bs as parseOpcContentTypes, bt as serializeOpcContentTypes, bu as mergeParagraphPropertiesXmlSource, bv as setEditorRunOoxmlSource, bw as mergeRunOoxmlSourceIntoGeneratedXml, bx as mergeTableCellPropertiesXmlSource, by as mergeTableRowPropertiesXmlSource, bz as mergeTablePropertiesXmlSource, bA as exportEditorDocumentToDocxBlob, bB as exportEditorDocumentToDocx, bC as pxToPt$1, bD as resolveFloatingObjectRect, bE as getTextBoxFloatingGeometry, bF as getPresetPathSegments, bG as buildListLabels, bH as lineDashPatternPt, bI as DEFAULT_FONT_SIZE_PX, bJ as resolveGradientAxis, bK as isDoubleUnderlineStyle, bL as isWavyUnderlineStyle, bM as underlineStyleLineWidthPx, bN as WAVY_UNDERLINE_WAVELENGTH_PX, bO as WAVY_UNDERLINE_AMPLITUDE_PX, bP as DOUBLE_UNDERLINE_OFFSET_PX, bQ as underlineStyleDashArray, bR as resolveEffectiveParagraphStyle, bS as EMPHASIS_GLYPH, bT as parseHexColorToRgb255, bU as rgb255ToHex, bV as getImageFloatingGeometry, bW as resolveEffectiveTextStyleForParagraph, bX as textStyleToFontSizePt, bY as mathDisplayText, bZ as TEXT_BASELINE_RATIO, b_ as resolveTextAlignmentBaselineOffset, b$ as resolveRenderedTextChar, c0 as resolveOpenTypeFeatureTags, c1 as isLowercaseSmallCapsChar, c2 as resolveDecorationLineY, c3 as DOUBLE_STRIKE_OFFSET_PX, c4 as resolveListLabel, c5 as getListLabelInset, c6 as getAlignedListLabelInset, c7 as getParagraphBorderInsets, c8 as buildSegmentTable, c9 as buildCanvasTableLayout, ca as resolveCanvasTableWidth, cb as resolveFloatingTableRect, cc as paragraphBetweenBorderMatches, cd as normalizeFamily, ce as ROBOTO_FONT_FILES, cf as loadFontAsset, cg as getRemotePdfFontFaces, ch as OFFICE_COMPAT_FONT_FAMILIES, ci as BinaryReader, cj as buildSfnt, ck as defaultFontDecoderRegistry, cl as SfntFontProgram, cm as zlibSync, cn as renumberImageCaptionsInDocument, co as collectPdfFontFamilies, cp as outlineFrom, cq as getPageHeaderZoneTop, cr as getPageColumnRects, cs as findFootnoteReference, ct as resolveImporterForFile, cu as roundTo, cv as getDocumentSectionsCanonical, cw as getDocumentParagraphsCanonical, cx as getDocumentParagraphs, cy as getImageCaptionText, cz as isImageCaptionParagraph, cA as updateImageCaptionParagraph, cB as createImageCaptionParagraph, cC as renumberImageCaptionParagraphs, cD as getCaptionSelectionOffset, cE as PX_PER_CM, cF as getDocumentPageSettings, cG as getTableCellContentWidthForParagraph, cH as layoutMetricsEpoch, cI as bumpLayoutMetricsEpoch, cJ as createCanvasLayoutSnapshotProvider, cK as on, cL as debounce, cM as unwrap, cN as perfTimer, cO as prepareDocumentFonts, cP as getRunTextBox, cQ as EMU_PER_PX, cR as createEditorDocument, cS as resolveResizedDimensions, cT as axisSignForDirection, cU as clamp$1, cV as MIN_RESIZE_SIZE_PX, cW as resolveTextBoxRenderHeight, cX as getToolbarStyleState, cY as VERTICAL_HIT_WEIGHT, cZ as getCachedCanvasImage, c_ as measureParagraphMinContentWidthPx, c$ as createSectionBoundaryParagraph, d0 as normalizePageSettings, d1 as DEFAULT_EDITOR_PAGE_SETTINGS, d2 as markStart, d3 as markEnd, d4 as getParagraphEntries, d5 as getParagraphById, d6 as createEditorFootnote, d7 as createFootnoteReferenceRun, d8 as renumberFootnotes, d9 as iterateFootnoteReferenceRuns, da as preciseFontModeVersion, db as isPreciseFontModeEnabled, dc as getRunFieldChar, dd as getRunFieldInstruction, de as getHeadingLevel, df as createEditorRun, dg as TWIPS_PER_INCH, dh as PX_PER_INCH, di as togglePreciseFontMode, dj as nextFontSizePt, dk as previousFontSizePt, dl as fontSizePtToPx, dm as resolveNamedTextStyle, dn as resolveNamedTableStyle, dp as resolveEffectiveTableStyle, dq as createDefaultToolbarPreset, dr as MenuRegistry, ds as createToolbarRegistry, dt as Editor, du as resolveCommandRef, dv as commandRefName, dw as createOasisEditorClient, dx as createEditorZoom, dy as startLongTaskObserver, dz as installGlobalReport, dA as applyStoredPreciseFontPreference, dB as getWelcomeSeen, dC as isLocalFontAccessSupported, dD as EDITOR_SCROLL_PADDING_PX, dE as Toolbar, dF as OasisEditorLoading, dG as I18nProvider, dH as createTranslator, dI as registerDomStatsSurface, dJ as createEditorLogger } from "./index-DQLjp1z0.js";
 function projectHeaderFooterBlocksWithDependencies(blocks, deps, context = {}) {
   const {
     pageIndex,
@@ -353,7 +353,7 @@ function calculateTotalPages(context, projectHeaderFooterVariant) {
 }
 function projectAllPages(context, totalPages, projectHeaderFooterVariant, reservedHeightByPageIndex) {
   const allPages = [];
-  for (const section of context.sections) {
+  for (const [sectionIndex, section] of context.sections.entries()) {
     const contentWidth = getPageContentWidth(section.pageSettings);
     const sectionHeaderBlocks = projectTallestHeaderVariant(
       section,
@@ -392,6 +392,7 @@ function projectAllPages(context, totalPages, projectHeaderFooterVariant, reserv
       allPages.pop();
     }
     for (const page of sectionPages) {
+      page.sectionIndex = sectionIndex;
       const pageIndexInSection = page.index - sectionPageOffset;
       const pageContentWidth = getPageContentWidth(page.pageSettings);
       const headerBlocks = projectHeaderFooterVariant(
@@ -29002,6 +29003,7 @@ function insertSectionBreakAtSelection(state, breakType) {
     id: newSectionId,
     blocks: [secondParagraph, ...afterBlocks],
     pageSettings: { ...section.pageSettings },
+    pageBorder: section.pageBorder ? { ...section.pageBorder } : section.pageBorder,
     header: section.header ? cloneBlocks(section.header) : void 0,
     footer: section.footer ? cloneBlocks(section.footer) : void 0,
     breakType
@@ -42247,14 +42249,86 @@ async function drawBlockList(writer, pageIndex, blocks, document2, originX, orig
     cursorY += Math.max(0, block.estimatedHeight);
   }
 }
-function drawPageBackground(writer, pageIndex, width, height) {
+async function drawPageBackground(writer, pageIndex, width, height, design, pageBorder, document2) {
   writer.drawRect(pageIndex, {
     x: 0,
     y: 0,
     width,
     height,
-    fill: "#ffffff"
+    fill: (design == null ? void 0 : design.pageColor) || "#ffffff"
   });
+  if (pageBorder) {
+    const d = pageBorder.distance ?? 12;
+    const dashArray = pageBorder.style === "dashed" ? [6, 4] : pageBorder.style === "dotted" ? [1, 3] : void 0;
+    writer.drawRect(pageIndex, {
+      x: d,
+      y: d,
+      width: width - 2 * d,
+      height: height - 2 * d,
+      fill: void 0,
+      stroke: pageBorder.color,
+      lineWidth: pageBorder.width,
+      ...dashArray ? { dashArray } : {}
+    });
+    if (pageBorder.style === "double") {
+      const inner = d + pageBorder.width * 2;
+      writer.drawRect(pageIndex, {
+        x: inner,
+        y: inner,
+        width: width - 2 * inner,
+        height: height - 2 * inner,
+        stroke: pageBorder.color,
+        lineWidth: pageBorder.width
+      });
+    }
+  }
+  const watermark = design == null ? void 0 : design.watermark;
+  if ((watermark == null ? void 0 : watermark.kind) === "text" && watermark.text) {
+    writer.saveGraphicsState(pageIndex);
+    writer.rotateAbout(
+      pageIndex,
+      width / 2,
+      height / 2,
+      watermark.rotation ?? -45
+    );
+    writer.setOpacity(pageIndex, watermark.opacity ?? 0.25);
+    writer.drawText(pageIndex, {
+      x: width / 2,
+      y: height / 2,
+      text: watermark.text,
+      fontSize: watermark.fontSize ?? 48,
+      color: watermark.color ?? "#94a3b8"
+    });
+    writer.restoreGraphicsState(pageIndex);
+  } else if ((watermark == null ? void 0 : watermark.kind) === "image" && watermark.src && document2) {
+    const image = {
+      src: watermark.src,
+      width: 360,
+      height: 180
+    };
+    const resourceName = await registerPdfImageRun(writer, document2, image);
+    if (resourceName) {
+      const scale = watermark.scale ?? 1;
+      const imageWidth = image.width * scale;
+      const imageHeight = image.height * scale;
+      writer.saveGraphicsState(pageIndex);
+      writer.rotateAbout(
+        pageIndex,
+        width / 2,
+        height / 2,
+        watermark.rotation ?? -45
+      );
+      writer.setOpacity(pageIndex, watermark.opacity ?? 0.25);
+      writer.drawImage(pageIndex, {
+        resourceName,
+        x: (width - imageWidth) / 2,
+        y: (height - imageHeight) / 2,
+        width: imageWidth,
+        height: imageHeight
+      });
+      writer.restoreGraphicsState(pageIndex);
+    }
+  }
 }
 const BASE14_HELVETICA_FACES = [
   {
@@ -42775,6 +42849,13 @@ class PdfContentStream {
   restoreGraphicsState() {
     this.page.commands.push("Q");
   }
+  setOpacity(opacity) {
+    var _a;
+    const clamped = Math.max(0, Math.min(1, opacity));
+    const name2 = `GSOpacity${Math.round(clamped * 100)}`;
+    ((_a = this.page).graphicsStateOpacities ?? (_a.graphicsStateOpacities = /* @__PURE__ */ new Map())).set(name2, clamped);
+    this.page.commands.push(`/${name2} gs`);
+  }
   // Concatenates a clockwise rotation (in degrees, matching the canvas/editor
   // convention) about a top-left-origin point onto the current CTM. Must sit
   // inside a saveGraphicsState/restoreGraphicsState pair.
@@ -44530,6 +44611,7 @@ function countOutlineDescendants(node) {
   );
 }
 function serializePdfDocument(pages, fonts, images, shadings, namedDestinations = [], outlineItems = [], documentInfo) {
+  var _a;
   const objects = [];
   const addObject = (body) => {
     const id = objects.length + 1;
@@ -44541,6 +44623,19 @@ function serializePdfDocument(pages, fonts, images, shadings, namedDestinations
   const { resourceXml: fontResourceXml } = fonts.buildFontObjects(addObject);
   const imageObjectIds = images.buildImageObjects(addObject);
   const shadingObjectIds = shadings.buildShadingObjects(addObject);
+  const graphicsStateObjectIds = /* @__PURE__ */ new Map();
+  for (const page of pages) {
+    for (const [name2, opacity] of page.graphicsStateOpacities ?? []) {
+      if (!graphicsStateObjectIds.has(name2)) {
+        graphicsStateObjectIds.set(
+          name2,
+          addObject(
+            `<< /Type /ExtGState /ca ${formatNumber(opacity)} /CA ${formatNumber(opacity)} >>`
+          )
+        );
+      }
+    }
+  }
   const pageObjectIds = [];
   for (const page of pages) {
     const stream = `${page.commands.join("\n")}
@@ -44556,6 +44651,10 @@ function serializePdfDocument(pages, fonts, images, shadings, namedDestinations
       return objectId ? `/${resourceName} ${objectId} 0 R` : "";
     }).filter(Boolean).join(" ");
     const shadingResourceDictXml = shadingResourceXml ? ` /Shading << ${shadingResourceXml} >>` : "";
+    const graphicsStateResourceXml = Array.from(
+      ((_a = page.graphicsStateOpacities) == null ? void 0 : _a.keys()) ?? []
+    ).map((name2) => `/${name2} ${graphicsStateObjectIds.get(name2)} 0 R`).join(" ");
+    const graphicsStateDictXml = graphicsStateResourceXml ? ` /ExtGState << ${graphicsStateResourceXml} >>` : "";
     const annotationObjectIds = page.annotations.map((annotation) => {
       const x1 = annotation.x;
       const x2 = annotation.x + annotation.width;
@@ -44579,7 +44678,7 @@ function serializePdfDocument(pages, fonts, images, shadings, namedDestinations
         "<< /Type /Page",
         `/Parent ${pagesObjectId} 0 R`,
         `/MediaBox [0 0 ${formatNumber(page.width)} ${formatNumber(page.height)}]`,
-        `/Resources << /Font << ${fontResourceXml} >>${xObjectResourceXml}${shadingResourceDictXml} >>`,
+        `/Resources << /Font << ${fontResourceXml} >>${xObjectResourceXml}${shadingResourceDictXml}${graphicsStateDictXml} >>`,
         `/Contents ${contentObjectId} 0 R${annotsXml}`,
         ">>"
       ].join("\n")
@@ -44730,7 +44829,8 @@ class OasisPdfWriter {
       commands: [],
       imageResourceNames: /* @__PURE__ */ new Set(),
       shadingResourceNames: /* @__PURE__ */ new Set(),
-      annotations: []
+      annotations: [],
+      graphicsStateOpacities: /* @__PURE__ */ new Map()
     };
     this.pages.push(page);
     this.streams.push(
@@ -44761,6 +44861,10 @@ class OasisPdfWriter {
     var _a;
     (_a = this.streams[pageIndex]) == null ? void 0 : _a.restoreGraphicsState();
   }
+  setOpacity(pageIndex, opacity) {
+    var _a;
+    (_a = this.streams[pageIndex]) == null ? void 0 : _a.setOpacity(opacity);
+  }
   rotateAbout(pageIndex, centerX, centerY, degrees) {
     var _a;
     (_a = this.streams[pageIndex]) == null ? void 0 : _a.rotateAbout(centerX, centerY, degrees);
@@ -44902,6 +45006,7 @@ function registerBookmarkDestinations(writer, pageIndex, originX, bookmarkNamesB
   };
 }
 async function exportEditorDocumentToPdf(document2) {
+  var _a, _b;
   document2 = renumberImageCaptionsInDocument(document2);
   const fontRegistry = new PdfFontRegistry();
   const fontFamilies = collectPdfFontFamilies(document2);
@@ -44928,7 +45033,15 @@ async function exportEditorDocumentToPdf(document2) {
     const width = Math.max(1, pxToPt$1(page.pageSettings.width));
     const height = Math.max(1, pxToPt$1(page.pageSettings.height));
     const pageIndex = writer.addPage({ width, height });
-    drawPageBackground(writer, pageIndex, width, height);
+    await drawPageBackground(
+      writer,
+      pageIndex,
+      width,
+      height,
+      document2.design,
+      (_b = (_a = document2.sections) == null ? void 0 : _a[page.sectionIndex ?? 0]) == null ? void 0 : _b.pageBorder,
+      document2
+    );
     const originX = page.pageSettings.margins.left + page.pageSettings.margins.gutter;
     const contentWidth = getPageContentWidth(page.pageSettings);
     await drawBlockList(
@@ -45038,7 +45151,15 @@ async function exportEditorDocumentToPdf(document2) {
   }
   if (writer.getPageCount() === 0) {
     const pageIndex = writer.addPage({ width: 612, height: 792 });
-    drawPageBackground(writer, pageIndex, 612, 792);
+    await drawPageBackground(
+      writer,
+      pageIndex,
+      612,
+      792,
+      document2.design,
+      void 0,
+      document2
+    );
   }
   return writer.toArrayBuffer();
 }
@@ -55215,6 +55336,230 @@ function createEditorKeyboardBinding(deps) {
   };
   return { handleKeyDown };
 }
+const THEME_VALUES = {
+  oasis: { color: "#0f766e", heading: "#115e59", body: "#1f2937" },
+  office: { color: "#4472c4", heading: "#2f5597", body: "#1f2937" },
+  facet: { color: "#8064a2", heading: "#604a7b", body: "#262626" },
+  integral: { color: "#70ad47", heading: "#548235", body: "#1f2937" },
+  ion: { color: "#ed7d31", heading: "#c55a11", body: "#262626" },
+  retrospect: { color: "#5b9bd5", heading: "#2f75b5", body: "#1f2937" }
+};
+const COLOR_VALUES = {
+  oasis: { color: "#0f766e", heading: "#115e59" },
+  office: { color: "#4472c4", heading: "#2f5597" },
+  monochrome: { color: "#374151", heading: "#111827" },
+  warm: { color: "#c2410c", heading: "#9a3412" }
+};
+const FONT_VALUES = {
+  aptos: ["Aptos, sans-serif", "Aptos Display, sans-serif"],
+  calibri: ["Calibri, sans-serif", "Calibri Light, sans-serif"],
+  georgia: ["Georgia, serif", "Georgia, serif"],
+  garamond: ["Garamond, serif", "Garamond, serif"]
+};
+function updateSemanticStyles(state, theme) {
+  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k;
+  const values = THEME_VALUES[theme];
+  const styles = state.document.styles ?? {};
+  const nextStyles = Object.fromEntries(
+    Object.entries(styles).map(([id, style2]) => {
+      if (!/^(normal|title|subtitle|heading[1-9]|quote|intensequote)$/i.test(id))
+        return [id, style2];
+      const isHeading = /^heading[1-9]$/i.test(id) || /title|quote/i.test(id);
+      return [
+        id,
+        {
+          ...style2,
+          textStyle: {
+            ...style2.textStyle ?? {},
+            color: isHeading ? values.heading : values.body,
+            ...isHeading ? { fontFamily: "Aptos Display, sans-serif" } : { fontFamily: "Aptos, sans-serif" }
+          }
+        }
+      ];
+    })
+  );
+  return {
+    ...state,
+    document: {
+      ...state.document,
+      design: {
+        ...state.document.design ?? {},
+        themeId: theme,
+        colorSchemeId: theme,
+        themeData: {
+          ...((_a = state.document.design) == null ? void 0 : _a.themeData) ?? {},
+          sourceXml: void 0,
+          colors: {
+            ...((_c = (_b = state.document.design) == null ? void 0 : _b.themeData) == null ? void 0 : _c.colors) ?? {},
+            accent1: values.color,
+            accent2: values.heading,
+            dk2: values.body
+          },
+          fonts: {
+            ...((_e = (_d = state.document.design) == null ? void 0 : _d.themeData) == null ? void 0 : _e.fonts) ?? {},
+            major: {
+              ...((_h = (_g = (_f = state.document.design) == null ? void 0 : _f.themeData) == null ? void 0 : _g.fonts) == null ? void 0 : _h.major) ?? {},
+              majorHAnsi: "Aptos Display"
+            },
+            minor: {
+              ...((_k = (_j = (_i = state.document.design) == null ? void 0 : _i.themeData) == null ? void 0 : _j.fonts) == null ? void 0 : _k.minor) ?? {},
+              minorHAnsi: "Aptos"
+            }
+          }
+        }
+      },
+      styles: nextStyles
+    }
+  };
+}
+function setDocumentDesign(state, patch) {
+  const design = { ...state.document.design ?? {}, ...patch };
+  return { ...state, document: { ...state.document, design } };
+}
+function setDocumentFontScheme(state, value) {
+  var _a, _b, _c, _d, _e, _f, _g, _h, _i;
+  const [body, heading] = FONT_VALUES[value] ?? FONT_VALUES.aptos;
+  const styles = Object.fromEntries(
+    Object.entries(state.document.styles ?? {}).map(([id, style2]) => {
+      if (!/^(normal|title|subtitle|heading[1-9]|quote|intensequote)$/i.test(id))
+        return [id, style2];
+      return [
+        id,
+        {
+          ...style2,
+          textStyle: {
+            ...style2.textStyle ?? {},
+            fontFamily: /^heading|title|quote/i.test(id) ? heading : body
+          }
+        }
+      ];
+    })
+  );
+  return {
+    ...state,
+    document: {
+      ...state.document,
+      design: {
+        ...state.document.design ?? {},
+        fontSchemeId: value,
+        themeData: {
+          ...((_a = state.document.design) == null ? void 0 : _a.themeData) ?? {},
+          sourceXml: void 0,
+          fonts: {
+            ...((_c = (_b = state.document.design) == null ? void 0 : _b.themeData) == null ? void 0 : _c.fonts) ?? {},
+            major: {
+              ...((_f = (_e = (_d = state.document.design) == null ? void 0 : _d.themeData) == null ? void 0 : _e.fonts) == null ? void 0 : _f.major) ?? {},
+              majorHAnsi: heading.split(",")[0].trim()
+            },
+            minor: {
+              ...((_i = (_h = (_g = state.document.design) == null ? void 0 : _g.themeData) == null ? void 0 : _h.fonts) == null ? void 0 : _i.minor) ?? {},
+              minorHAnsi: body.split(",")[0].trim()
+            }
+          }
+        }
+      },
+      styles
+    }
+  };
+}
+function setDocumentParagraphSpacing(state, value) {
+  const spacing = {
+    compact: [0, 4],
+    tight: [0, 6],
+    open: [0, 10],
+    relaxed: [4, 12]
+  };
+  const [before, after] = spacing[value] ?? spacing.open;
+  const styles = Object.fromEntries(
+    Object.entries(state.document.styles ?? {}).map(([id, style2]) => {
+      if (!/^(normal|title|subtitle|heading[1-9]|quote|intensequote)$/i.test(id))
+        return [id, style2];
+      return [
+        id,
+        {
+          ...style2,
+          paragraphStyle: {
+            ...style2.paragraphStyle ?? {},
+            spacingBefore: before,
+            spacingAfter: after
+          }
+        }
+      ];
+    })
+  );
+  return {
+    ...state,
+    document: {
+      ...state.document,
+      design: { ...state.document.design ?? {}, paragraphSpacingId: value },
+      styles
+    }
+  };
+}
+function applyDocumentTheme(state, theme) {
+  return updateSemanticStyles(state, theme);
+}
+function setDocumentColorScheme(state, value) {
+  var _a, _b, _c;
+  const colors = COLOR_VALUES[value] ?? COLOR_VALUES.oasis;
+  const styles = Object.fromEntries(
+    Object.entries(state.document.styles ?? {}).map(([id, style2]) => {
+      if (!/^(normal|title|subtitle|heading[1-9]|quote|intensequote)$/i.test(id))
+        return [id, style2];
+      const heading = /^heading[1-9]$/i.test(id) || /title|quote/i.test(id);
+      return [
+        id,
+        {
+          ...style2,
+          textStyle: {
+            ...style2.textStyle ?? {},
+            color: heading ? colors.heading : colors.color
+          }
+        }
+      ];
+    })
+  );
+  return {
+    ...state,
+    document: {
+      ...state.document,
+      styles,
+      design: {
+        ...state.document.design ?? {},
+        colorSchemeId: value,
+        themeData: {
+          ...((_a = state.document.design) == null ? void 0 : _a.themeData) ?? {},
+          sourceXml: void 0,
+          colors: {
+            ...((_c = (_b = state.document.design) == null ? void 0 : _b.themeData) == null ? void 0 : _c.colors) ?? {},
+            accent1: colors.color,
+            accent2: colors.heading
+          }
+        }
+      }
+    }
+  };
+}
+function setDocumentPageColor(state, color) {
+  return setDocumentDesign(state, { pageColor: color });
+}
+function setDocumentWatermark(state, watermark) {
+  return setDocumentDesign(state, { watermark });
+}
+function setDocumentPageBorder(state, border) {
+  const sections = (state.document.sections ?? []).map((section) => ({
+    ...section,
+    pageBorder: border
+  }));
+  return {
+    ...state,
+    document: {
+      ...state.document,
+      sections,
+      design: { ...state.document.design ?? {} }
+    }
+  };
+}
 function connectEditorClientHost(controller, deps) {
   const snapshot = () => deps.cloneState(deps.getStateSnapshot());
   controller.connectHost({
@@ -55228,7 +55573,20 @@ function connectEditorClientHost(controller, deps) {
     },
     applyTransactionalState: deps.applyTransactionalState,
     resetDocument: () => {
-      deps.applyState(createInitialEditorState());
+      var _a;
+      let next = createInitialEditorState();
+      try {
+        const raw = (_a = globalThis.localStorage) == null ? void 0 : _a.getItem("oasis-design-default");
+        if (raw) {
+          const design = JSON.parse(
+            raw
+          );
+          if (design.themeId) next = applyDocumentTheme(next, design.themeId);
+          next = setDocumentDesign(next, design);
+        }
+      } catch {
+      }
+      deps.applyState(next);
       deps.resetEditorChromeState();
       deps.focusInput();
     },
@@ -56012,6 +56370,78 @@ function buildTableCommands({
     })
   };
 }
+function buildDesignCommands({
+  design,
+  actionCommand
+}) {
+  return {
+    applyDocumentTheme: actionCommand(
+      "applyDocumentTheme",
+      (p) => design.applyTheme(String(p)),
+      () => {
+        var _a;
+        return { value: (_a = design.getDesign()) == null ? void 0 : _a.themeId };
+      }
+    ),
+    setDocumentColorScheme: actionCommand(
+      "setDocumentColorScheme",
+      (p) => design.setColorScheme(String(p)),
+      () => {
+        var _a;
+        return { value: (_a = design.getDesign()) == null ? void 0 : _a.colorSchemeId };
+      }
+    ),
+    setDocumentFontScheme: actionCommand(
+      "setDocumentFontScheme",
+      (p) => design.setFontScheme(String(p)),
+      () => {
+        var _a;
+        return { value: (_a = design.getDesign()) == null ? void 0 : _a.fontSchemeId };
+      }
+    ),
+    setDocumentParagraphSpacing: actionCommand(
+      "setDocumentParagraphSpacing",
+      (p) => design.setParagraphSpacing(String(p)),
+      () => {
+        var _a;
+        return { value: (_a = design.getDesign()) == null ? void 0 : _a.paragraphSpacingId };
+      }
+    ),
+    setDocumentEffects: actionCommand(
+      "setDocumentEffects",
+      (p) => design.setEffects(String(p)),
+      () => {
+        var _a;
+        return { value: (_a = design.getDesign()) == null ? void 0 : _a.effectsId };
+      }
+    ),
+    setDocumentPageColor: actionCommand(
+      "setDocumentPageColor",
+      (p) => design.setPageColor(p ?? null),
+      () => {
+        var _a;
+        return { value: (_a = design.getDesign()) == null ? void 0 : _a.pageColor };
+      }
+    ),
+    setDocumentWatermark: actionCommand(
+      "setDocumentWatermark",
+      (p) => design.setWatermark(p ?? null),
+      () => {
+        var _a;
+        return { value: (_a = design.getDesign()) == null ? void 0 : _a.watermark };
+      }
+    ),
+    setDocumentPageBorder: actionCommand(
+      "setDocumentPageBorder",
+      (p) => design.setPageBorder(p ?? null),
+      () => ({ value: design.getPageBorder() })
+    ),
+    setDocumentDesignDefault: actionCommand(
+      "setDocumentDesignDefault",
+      () => design.setDefault()
+    )
+  };
+}
 function createEssentialsPlugin(deps) {
   const command = createCommandBuilder(deps.gate.isCommandEnabled);
   const valueCommand = createValueCommandBuilder(deps.gate.isCommandEnabled);
@@ -56050,6 +56480,10 @@ function createEssentialsPlugin(deps) {
         gate: deps.gate,
         table: deps.table,
         actionCommand
+      }),
+      ...buildDesignCommands({
+        design: deps.design,
+        actionCommand
       })
     }
   };
@@ -56442,17 +56876,31 @@ const SHAPE_DEFAULT_HEIGHT = 100;
 const SHAPE_DEFAULT_FILL = "#4472C4";
 const SHAPE_DEFAULT_BORDER_COLOR = "#2F528F";
 const SHAPE_DEFAULT_BORDER_WIDTH_PT = 1;
+function shapeColorsForDesign(state) {
+  var _a;
+  switch ((_a = state.document.design) == null ? void 0 : _a.effectsId) {
+    case "flat":
+      return { fill: "#e2e8f0", border: "#64748b" };
+    case "intense":
+      return { fill: "#0f766e", border: "#115e59" };
+    case "moderate":
+      return { fill: "#5b9bd5", border: "#2f75b5" };
+    default:
+      return { fill: SHAPE_DEFAULT_FILL, border: SHAPE_DEFAULT_BORDER_COLOR };
+  }
+}
 function insertShapeAtSelection(state, preset) {
   const collapsedState = isSelectionCollapsed(state.selection) ? state : deleteSelectionRange(state);
   const { paragraph, index, offset } = getFocusParagraph(collapsedState);
+  const shapeColors = shapeColorsForDesign(collapsedState);
   const textBox = {
     width: SHAPE_DEFAULT_WIDTH,
     height: SHAPE_DEFAULT_HEIGHT,
     blocks: [createEditorParagraph("")],
     shape: {
       preset,
-      fill: SHAPE_DEFAULT_FILL,
-      borderColor: SHAPE_DEFAULT_BORDER_COLOR,
+      fill: shapeColors.fill,
+      borderColor: shapeColors.border,
       borderWidthPt: SHAPE_DEFAULT_BORDER_WIDTH_PT
     },
     floating: wrapPresetToFloating(void 0, "front")
@@ -56957,6 +57405,46 @@ function buildEssentialsTable(options) {
     insert: (rows, cols) => options.tableOps.insertTableCommand(rows, cols)
   };
 }
+const DEFAULT_DESIGN_KEY = "oasis-design-default";
+function buildEssentialsDesign(options) {
+  const apply = (producer) => options.applyTransactionalState(producer);
+  return {
+    applyTheme: (theme) => apply((state) => applyDocumentTheme(state, theme)),
+    setColorScheme: (value) => apply((state) => setDocumentColorScheme(state, value)),
+    setFontScheme: (value) => apply((state) => setDocumentFontScheme(state, value)),
+    setParagraphSpacing: (value) => apply((state) => setDocumentParagraphSpacing(state, value)),
+    setEffects: (value) => apply(
+      (state) => {
+        var _a;
+        return setDocumentDesign(state, {
+          effectsId: value,
+          themeData: {
+            ...((_a = state.document.design) == null ? void 0 : _a.themeData) ?? {},
+            sourceXml: void 0,
+            effectsXml: void 0
+          }
+        });
+      }
+    ),
+    setPageColor: (value) => apply((state) => setDocumentPageColor(state, value)),
+    setWatermark: (value) => apply((state) => setDocumentWatermark(state, value)),
+    setPageBorder: (value) => apply((state) => setDocumentPageBorder(state, value)),
+    setDefault: () => {
+      var _a;
+      const design = options.state().document.design;
+      if (design)
+        (_a = globalThis.localStorage) == null ? void 0 : _a.setItem(
+          DEFAULT_DESIGN_KEY,
+          JSON.stringify(design)
+        );
+    },
+    getDesign: () => options.state().document.design,
+    getPageBorder: () => {
+      var _a, _b;
+      return (_b = (_a = options.state().document.sections) == null ? void 0 : _a.find((section) => section.pageBorder)) == null ? void 0 : _b.pageBorder;
+    }
+  };
+}
 function createEditorEssentialsRuntimePlugin(options) {
   return createEssentialsPlugin({
     gate: buildEssentialsGate(options),
@@ -56970,7 +57458,8 @@ function createEditorEssentialsRuntimePlugin(options) {
     browser: buildEssentialsBrowser(),
     paragraph: buildEssentialsParagraph(options),
     section: buildEssentialsSection(options),
-    table: buildEssentialsTable(options)
+    table: buildEssentialsTable(options),
+    design: buildEssentialsDesign(options)
   });
 }
 const defaultMenuItems = [