fix: bug with numbering outside wrapper

VolodymyrBaydalka · Sep 12, 2022 · 75a7612 · 75a7612
1 parent bf51a7c
commit 75a7612
Show file tree

Hide file tree

Showing 6 changed files with 11 additions and 8 deletions.
diff --git a/dist/docx-preview.js b/dist/docx-preview.js
diff --git a/dist/docx-preview.js.map b/dist/docx-preview.js.map
diff --git a/dist/docx-preview.min.js b/dist/docx-preview.min.js
diff --git a/dist/docx-preview.min.js.map b/dist/docx-preview.min.js.map
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "docx-preview",
-  "version": "0.1.12",
+  "version": "0.1.13",
   "license": "Apache-2.0",
   "keywords": [
     "word",

diff --git a/src/html-renderer.ts b/src/html-renderer.ts
@@ -36,6 +36,7 @@ type CellVerticalMergeType = Record<number, HTMLTableCellElement>;
 export class HtmlRenderer {
 
 	className: string = "docx";
+	rootSelector: string;
 	document: WordDocument;
 	options: Options;
 	styleMap: Record<string, IDomStyle> = {};
@@ -63,6 +64,7 @@ export class HtmlRenderer {
 		this.document = document;
 		this.options = options;
 		this.className = options.className;
+		this.rootSelector = options.inWrapper ? `.${this.className}-wrapper` : ':root';
 		this.styleMap = null;
 
 		styleContainer = styleContainer || bodyContainer;
@@ -541,7 +543,7 @@ section.${c}>article { margin-bottom: auto; }
 				}, num.bullet.style);
 
 				this.document.loadNumberingImage(num.bullet.src).then(data => {
-					var text = `.${this.className}-wrapper { ${valiable}: url(${data}) }`;
+					var text = `${this.rootSelector} { ${valiable}: url(${data}) }`;
 					styleContainer.appendChild(createStyleElement(text));
 				});
 			}
@@ -576,7 +578,7 @@ section.${c}>article { margin-bottom: auto; }
 		}
 
 		if (rootCounters.length > 0) {
-			styleText += this.styleToString(`.${this.className}-wrapper`, {
+			styleText += this.styleToString(this.rootSelector, {
 				"counter-reset": rootCounters.join(" ")
 			});
 		}