Version bump

Merge pull request #2087 from lentyaevpk/fix/myoffice-numbering-render
fix: added unique numeric id creator to avoid numbering render errors
2023-04-20 00:58:11 +01:00 · 2023-04-19 18:09:42 +01:00 · 2023-04-19 16:51:03 +03:00 · 2023-04-18 15:15:38 +03:00 · 2023-04-05 02:03:30 +01:00 · 2023-04-04 22:43:40 +01:00
667 changed files with 55849 additions and 12161 deletions
--- a/.cspell.json
+++ b/.cspell.json
@ -0,0 +1,71 @@
 // cSpell Settings
 {
    // Version of the setting file.  Always 0.2
    "version": "0.2",
    // language - current active spelling language
    "language": "en_US",
    "dictionaries": [
        "en_US",
        "typescript",
        "softwareTerms",
        "fonts",
        "npm"
    ],
    // words - list of words to be always considered correct
    "words": [
        "Abjad",
        "aiueo",
        "ATLEAST",
        "chosung",
        "clippy",
        "datas",
        "docsify",
        "dolan",
        "falsey",
        "Initializable",
        "iroha",
        "jsonify",
        "jszip",
        "NUMPAGES",
        "odttf",
        "ooxml",
        "panose",
        "rels",
        "rsid",
        "twip",
        "twips",
        "Xmlable",
        "xmlified",
        "xmlify",
        "Xmlifyed"
    ],
    "ignoreRegExpList": [
        "/\"w:.+\"/",
        "/\"s:.+\"/",
        "/\"a:.+\"/",
        "/\"pic:.+\"/",
        "/\"xmlns:.+\"/",
        "/\"vt:.+\"/",
        "/[^\\s]{40,}/",
        "/<xsd:.+/>/",
        "/[A-Z_]+ = \".+\"/",
        "/XmlAttributeComponent<{[^}]+}>/g",
        "/xmlKeys = {[^}]+}/g",
        "/\\.to\\.deep\\.equal\\({[^)]+}\\)/g",
        "\\.to\\.include\\.members\\(\\[[^\\]]+]\\)",
        "/new [a-zA-Z]+\\({[^£]+}\\)/g",
        "/<element name=\"[a-z]+\"/gi",
        "/<attribute name=\"[a-z]+\"/gi"
    ],
    "ignorePaths": [
        "package.json",
        "docs/api"
    ],
    "allowCompoundWords": true,
    // flagWords - list of words to be always considered incorrect
    // This is useful for offensive words and common spelling errors.
    // For example "hte" should be "the"
    "flagWords": [
        "hte"
    ]
 }
--- a/.eslintrc.js
+++ b/.eslintrc.js
@ -0,0 +1,272 @@
 /*
 👋 Hi! This file was autogenerated by tslint-to-eslint-config.
 https://github.com/typescript-eslint/tslint-to-eslint-config
 It represents the closest reasonable ESLint configuration to this
 project's original TSLint configuration.
 We recommend eventually switching this configuration to extend from
 the recommended rulesets in typescript-eslint.
 https://github.com/typescript-eslint/tslint-to-eslint-config/blob/master/docs/FAQs.md
 Happy linting! 💖
 */
 module.exports = {
    extends: "eslint:recommended",
    env: {
        browser: true,
        es6: true,
        node: true,
    },
    parser: "@typescript-eslint/parser",
    parserOptions: {
        project: "tsconfig.json",
        sourceType: "module",
    },
    plugins: [
        "eslint-plugin-import",
        "eslint-plugin-no-null",
        "eslint-plugin-unicorn",
        "eslint-plugin-jsdoc",
        "eslint-plugin-prefer-arrow",
        "@typescript-eslint",
        "functional",
    ],
    root: true,
    rules: {
        "no-undef": "off",
        "no-extra-boolean-cast": "off",
        "no-alert": "error",
        "no-self-compare": "error",
        "no-unreachable-loop": "error",
        "no-template-curly-in-string": "error",
        "no-unused-private-class-members": "error",
        "no-extend-native": "error",
        "no-floating-decimal": "error",
        "no-implied-eval": "error",
        "no-iterator": "error",
        "no-lone-blocks": "error",
        "no-loop-func": "error",
        "no-new-object": "error",
        "no-proto": "error",
        "no-useless-catch": "error",
        "one-var-declaration-per-line": "error",
        "prefer-arrow-callback": "error",
        "prefer-destructuring": "error",
        "prefer-exponentiation-operator": "error",
        "prefer-promise-reject-errors": "error",
        "prefer-regex-literals": "error",
        "prefer-spread": "error",
        "prefer-template": "error",
        "require-await": "error",
        "@typescript-eslint/adjacent-overload-signatures": "error",
        "@typescript-eslint/array-type": [
            "error",
            {
                default: "array",
            },
        ],
        "@typescript-eslint/ban-types": [
            "error",
            {
                types: {
                    Object: {
                        message: "Avoid using the `Object` type. Did you mean `object`?",
                    },
                    Function: {
                        message: "Avoid using the `Function` type. Prefer a specific function type, like `() => void`.",
                    },
                    Boolean: {
                        message: "Avoid using the `Boolean` type. Did you mean `boolean`?",
                    },
                    Number: {
                        message: "Avoid using the `Number` type. Did you mean `number`?",
                    },
                    String: {
                        message: "Avoid using the `String` type. Did you mean `string`?",
                    },
                    Symbol: {
                        message: "Avoid using the `Symbol` type. Did you mean `symbol`?",
                    },
                },
            },
        ],
        "@typescript-eslint/consistent-type-assertions": "error",
        "@typescript-eslint/dot-notation": "error",
        "@typescript-eslint/explicit-function-return-type": [
            "error",
            {
                allowExpressions: true,
                allowTypedFunctionExpressions: true,
                allowHigherOrderFunctions: false,
                allowDirectConstAssertionInArrowFunctions: true,
                allowConciseArrowFunctionExpressionsStartingWithVoid: true,
            },
        ],
        "@typescript-eslint/explicit-member-accessibility": [
            "error",
            {
                accessibility: "explicit",
                overrides: {
                    accessors: "explicit",
                },
            },
        ],
        "@typescript-eslint/explicit-module-boundary-types": [
            "error",
            {
                allowArgumentsExplicitlyTypedAsAny: true,
                allowDirectConstAssertionInArrowFunctions: true,
                allowHigherOrderFunctions: false,
                allowTypedFunctionExpressions: false,
            },
        ],
        "@typescript-eslint/naming-convention": [
            "error",
            {
                selector: ["objectLiteralProperty"],
                leadingUnderscore: "allow",
                format: ["camelCase", "PascalCase"],
                filter: {
                    regex: "(^[a-z]+:.+)|_attr|[0-9]",
                    match: false,
                },
            },
        ],
        "@typescript-eslint/no-empty-function": "error",
        "@typescript-eslint/no-empty-interface": "error",
        "@typescript-eslint/no-explicit-any": "error",
        "@typescript-eslint/no-misused-new": "error",
        "@typescript-eslint/no-namespace": "error",
        "@typescript-eslint/no-parameter-properties": "off",
        "@typescript-eslint/no-require-imports": "error",
        "@typescript-eslint/no-shadow": [
            "error",
            {
                hoist: "all",
            },
        ],
        "@typescript-eslint/no-this-alias": "error",
        "@typescript-eslint/no-unused-expressions": "error",
        "@typescript-eslint/no-use-before-define": "off",
        "@typescript-eslint/no-var-requires": "error",
        "@typescript-eslint/prefer-for-of": "error",
        "@typescript-eslint/prefer-function-type": "error",
        "@typescript-eslint/prefer-namespace-keyword": "error",
        "@typescript-eslint/prefer-readonly": "error",
        "@typescript-eslint/triple-slash-reference": [
            "error",
            {
                path: "always",
                types: "prefer-import",
                lib: "always",
            },
        ],
        "@typescript-eslint/typedef": [
            "error",
            {
                parameter: true,
                propertyDeclaration: true,
            },
        ],
        "@typescript-eslint/unified-signatures": "error",
        "arrow-body-style": "error",
        complexity: "off",
        "consistent-return": "error",
        "constructor-super": "error",
        curly: "error",
        "dot-notation": "off",
        eqeqeq: ["error", "smart"],
        "guard-for-in": "error",
        "id-denylist": ["error", "any", "Number", "number", "String", "string", "Boolean", "boolean", "Undefined", "undefined"],
        "id-match": "error",
        "import/no-default-export": "error",
        "import/no-extraneous-dependencies": "off",
        "import/no-internal-modules": "off",
        "import/order": "error",
        indent: "off",
        "jsdoc/check-alignment": "error",
        "jsdoc/check-indentation": "off",
        "jsdoc/newline-after-description": "error",
        "max-classes-per-file": "off",
        "max-len": "off",
        "new-parens": "error",
        "no-bitwise": "error",
        "no-caller": "error",
        "no-cond-assign": "error",
        "no-console": "error",
        "no-debugger": "error",
        "no-duplicate-case": "error",
        "no-duplicate-imports": "error",
        "no-empty": "error",
        "no-empty-function": "off",
        "no-eval": "error",
        "no-extra-bind": "error",
        "no-fallthrough": "off",
        "no-invalid-this": "off",
        "no-multiple-empty-lines": "error",
        "no-new-func": "error",
        "no-new-wrappers": "error",
        "no-null/no-null": "error",
        "no-param-reassign": "error",
        "no-redeclare": "error",
        "no-return-await": "error",
        "no-sequences": "error",
        "no-shadow": "off",
        "no-sparse-arrays": "error",
        "no-throw-literal": "error",
        "no-trailing-spaces": "error",
        "no-undef-init": "error",
        "no-underscore-dangle": ["error", { allow: ["_attr"] }],
        "no-unsafe-finally": "error",
        "no-unused-expressions": "off",
        "no-unused-labels": "error",
        "no-use-before-define": "off",
        "no-useless-constructor": "error",
        "no-var": "error",
        "object-shorthand": "off",
        "one-var": ["error", "never"],
        "prefer-arrow/prefer-arrow-functions": "error",
        "prefer-const": "error",
        "prefer-object-spread": "error",
        radix: "error",
        "space-in-parens": ["error", "never"],
        "spaced-comment": [
            "error",
            "always",
            {
                markers: ["/"],
            },
        ],
        "unicorn/filename-case": "error",
        "unicorn/prefer-ternary": "error",
        "use-isnan": "error",
        "valid-typeof": "off",
        "functional/immutable-data": [
            "error",
            {
                assumeTypes: true,
                ignoreImmediateMutation: true,
                ignoreAccessorPattern: ["**.root*", "**.numberingReferences*", "**.sections*", "**.properties*"],
            },
        ],
        "functional/prefer-property-signatures": "error",
        "functional/no-mixed-types": "error",
        // TODO: Deprecated. Use prefer-immutable-types and type-declaration-immutability instead
        "functional/prefer-readonly-type": "error",
        // "functional/prefer-immutable-types": "error",
        // "functional/type-declaration-immutability": "error",
        "no-unused-vars": ["error", { argsIgnorePattern: "^[_]+$" }],
    },
    overrides: [
        {
            files: ["*.spec.ts"],
            rules: {
                "@typescript-eslint/no-unused-expressions": "off",
                "@typescript-eslint/dot-notation": "off",
                "prefer-destructuring": "off",
                "@typescript-eslint/explicit-function-return-type": "off",
            },
        },
    ],
 };
--- a/.gitattributes
+++ b/.gitattributes
@ -0,0 +1,2 @@
 # https://prettier.io/docs/en/options.html#end-of-line
 * text=auto eol=lf
--- a/.github/dependabot.yml
+++ b/.github/dependabot.yml
@ -0,0 +1,40 @@
 version: 2
 updates:
 - package-ecosystem: npm
  directory: "/"
  schedule:
    interval: daily
  open-pull-requests-limit: 10
  ignore:
  - dependency-name: "@types/node"
    versions:
    - 14.14.22
    - 14.14.24
    - 14.14.25
    - 14.14.26
    - 14.14.28
    - 14.14.29
    - 14.14.30
    - 15.0.0
  - dependency-name: webpack
    versions:
    - 5.31.2
    - 5.35.0
  - dependency-name: ts-loader
    versions:
    - 9.1.0
  - dependency-name: awesome-typescript-loader
    versions:
    - 5.2.1
  - dependency-name: chai
    versions:
    - 4.2.0
    - 4.3.0
    - 4.3.1
    - 4.3.3
  - dependency-name: replace-in-file
    versions:
    - 6.1.0
  - dependency-name: "@types/chai"
    versions:
    - 4.2.14
--- a/.github/workflows/default.yml
+++ b/.github/workflows/default.yml
@ -15,7 +15,7 @@ jobs:
            - name: Checkout Repo
              uses: actions/checkout@master
            - name: Install Dependencies
-              run: npm ci
+              run: npm ci --force
            - name: Build
              run: npm run build
            - name: Archive Production Artifact
@ -30,9 +30,14 @@ jobs:
            - name: Checkout Repo
              uses: actions/checkout@master
            - name: Install Dependencies
-              run: npm ci
+              run: npm ci --force
            - name: Test
              run: npm run test.coverage
            - name: Codecov
              uses: codecov/codecov-action@v3
              with:
                  fail_ci_if_error: true
                  verbose: true
    lint:
        name: Lint
        runs-on: ubuntu-latest
@ -40,7 +45,7 @@ jobs:
            - name: Checkout Repo
              uses: actions/checkout@master
            - name: Install Dependencies
-              run: npm ci
+              run: npm ci --force
            - name: Lint
              run: npm run lint
    prettier:
@ -50,85 +55,16 @@ jobs:
            - name: Checkout Repo
              uses: actions/checkout@master
            - name: Install Dependencies
-              run: npm ci
+              run: npm ci --force
            - name: Prettier
              run: npm run style
-    demos:
+    cspell:
-        name: Run Demos
+        name: CSpell
        needs: [build]
        runs-on: ubuntu-latest
        steps:
            - name: Checkout Repo
              uses: actions/checkout@master
            - name: Install Dependencies
-              run: npm ci
+              run: npm ci --force
-            - name: Download Artifact
+            - name: Prettier
-              uses: actions/download-artifact@master
+              run: npm run cspell
              with:
                  name: build
                  path: build
            - name: Run demos
              run: |
                  npm run ts-node -- ./demo/1-basic.ts
                  npm run ts-node -- ./demo/2-declaritive-styles.ts
                  npm run ts-node -- ./demo/3-numbering-and-bullet-points.ts
                  npm run ts-node -- ./demo/4-basic-table.ts
                  npm run ts-node -- ./demo/5-images.ts
                  npm run ts-node -- ./demo/6-page-borders.ts
                  npm run ts-node -- ./demo/7-landscape.ts
                  npm run ts-node -- ./demo/8-header-footer.ts
                  npm run ts-node -- ./demo/9-images-in-header-and-footer.ts
                  npm run ts-node -- ./demo/10-my-cv.ts
                  npm run ts-node -- ./demo/11-declaritive-styles-2.ts
                  npm run ts-node -- ./demo/12-scaling-images.ts
                  npm run ts-node -- ./demo/13-xml-styles.ts
                  npm run ts-node -- ./demo/14-page-numbers.ts
                  npm run ts-node -- ./demo/15-page-break-before.ts
                  npm run ts-node -- ./demo/16-multiple-sections.ts
                  npm run ts-node -- ./demo/17-footnotes.ts
                  npm run ts-node -- ./demo/18-image-from-buffer.ts
                  npm run ts-node -- ./demo/19-export-to-base64.ts
                  npm run ts-node -- ./demo/20-table-cell-borders.ts
                  npm run ts-node -- ./demo/21-bookmarks.ts
                  npm run ts-node -- ./demo/22-right-to-left-text.ts
                  npm run ts-node -- ./demo/23-base64-images.ts
                  npm run ts-node -- ./demo/24-images-to-table-cell.ts
                  npm run ts-node -- ./demo/25-table-xml-styles.ts
                  npm run ts-node -- ./demo/26-paragraph-borders.ts
                  npm run ts-node -- ./demo/27-declaritive-styles-3.ts
                  npm run ts-node -- ./demo/28-table-of-contents.ts
                  npm run ts-node -- ./demo/29-numbered-lists.ts
                  npm run ts-node -- ./demo/30-template-document.ts
                  npm run ts-node -- ./demo/31-tables.ts
                  npm run ts-node -- ./demo/32-merge-and-shade-table-cells.ts
                  npm run ts-node -- ./demo/33-sequential-captions.ts
                  npm run ts-node -- ./demo/34-floating-tables.ts
                  npm run ts-node -- ./demo/35-hyperlinks.ts
                  npm run ts-node -- ./demo/36-image-to-table-cell.ts
                  npm run ts-node -- ./demo/37-images-to-header-and-footer.ts
                  npm run ts-node -- ./demo/38-text-wrapping.ts
                  npm run ts-node -- ./demo/39-page-numbers.ts
                  npm run ts-node -- ./demo/40-line-numbers.ts
                  npm run ts-node -- ./demo/41-merge-table-cells-2.ts
                  npm run ts-node -- ./demo/42-restart-page-numbers.ts
                  npm run ts-node -- ./demo/43-images-to-table-cell-2.ts
                  npm run ts-node -- ./demo/44-multiple-columns.ts
                  npm run ts-node -- ./demo/45-highlighting-text.ts
                  npm run ts-node -- ./demo/46-shading-text.ts
                  npm run ts-node -- ./demo/47-number-of-total-pages-section.ts
                  npm run ts-node -- ./demo/48-vertical-align.ts
                  npm run ts-node -- ./demo/49-table-borders.ts
                  npm run ts-node -- ./demo/50-readme-demo.ts
                  npm run ts-node -- ./demo/51-character-styles.ts
                  npm run ts-node -- ./demo/52-japanese.ts
                  npm run ts-node -- ./demo/53-chinese.ts
                  npm run ts-node -- ./demo/54-custom-properties.ts
                  npm run ts-node -- ./demo/55-math.ts
                  npm run ts-node -- ./demo/56-background-color.ts
                  npm run ts-node -- ./demo/57-add-parent-numbered-lists.ts
                  npm run ts-node -- ./demo/58-section-types.ts
                  npm run ts-node -- ./demo/59-header-footer-margins.ts
                  npm run ts-node -- ./demo/60-track-revisions.ts
                  npm run ts-node -- ./demo/61-text-frame.ts
                  npm run ts-node -- ./demo/62-paragraph-spacing.ts
                  npm run ts-node -- ./demo/63-odd-even-header-footer.ts
--- a/.github/workflows/demos.yml
+++ b/.github/workflows/demos.yml
@ -0,0 +1,799 @@
 name: Demos
 on:
    push:
        branches:
            - master
    pull_request:
        branches:
            - master
 jobs:
    build:
        name: Build
        runs-on: ubuntu-latest
        steps:
            - name: Checkout Repo
              uses: actions/checkout@master
            - name: Install Dependencies
              run: npm ci --force
            - name: Build
              run: npm run build
            - name: Archive Production Artifact
              uses: actions/upload-artifact@master
              with:
                  name: build
                  path: build
    demos:
        name: Run Demos and Validate
        needs: [build]
        runs-on: ubuntu-latest
        steps:
            - name: Checkout Repo
              uses: actions/checkout@master
            - name: Install Dependencies
              run: npm ci --force
            - name: Download Artifact
              uses: actions/download-artifact@master
              with:
                  name: build
                  path: build
            - name: Run Demo
              run: npm run ts-node -- ./demo/1-basic.ts
            - name: Extract Word Document
              run: npm run extract
            - name: Validate XML
              uses: ChristophWurst/xmllint-action@v1
              with:
                  xml-file: build/extracted-doc/word/document.xml
                  xml-schema-file: ooxml-schemas/microsoft/wml-2010.xsd
            - name: Run Demo
              run: npm run ts-node -- ./demo/2-declaritive-styles.ts
            - name: Extract Word Document
              run: npm run extract
            - name: Validate XML
              uses: ChristophWurst/xmllint-action@v1
              with:
                  xml-file: build/extracted-doc/word/document.xml
                  xml-schema-file: ooxml-schemas/microsoft/wml-2010.xsd
            - name: Run Demo
              run: npm run ts-node -- ./demo/3-numbering-and-bullet-points.ts
            - name: Extract Word Document
              run: npm run extract
            - name: Validate XML
              uses: ChristophWurst/xmllint-action@v1
              with:
                  xml-file: build/extracted-doc/word/document.xml
                  xml-schema-file: ooxml-schemas/microsoft/wml-2010.xsd
            - name: Run Demo
              run: npm run ts-node -- ./demo/4-basic-table.ts
            - name: Extract Word Document
              run: npm run extract
            - name: Validate XML
              uses: ChristophWurst/xmllint-action@v1
              with:
                  xml-file: build/extracted-doc/word/document.xml
                  xml-schema-file: ooxml-schemas/microsoft/wml-2010.xsd
            - name: Run Demo
              run: npm run ts-node -- ./demo/5-images.ts
            - name: Extract Word Document
              run: npm run extract
            - name: Validate XML
              uses: ChristophWurst/xmllint-action@v1
              with:
                  xml-file: build/extracted-doc/word/document.xml
                  xml-schema-file: ooxml-schemas/microsoft/wml-2010.xsd
            - name: Run Demo
              run: npm run ts-node -- ./demo/6-page-borders.ts
            - name: Extract Word Document
              run: npm run extract
            - name: Validate XML
              uses: ChristophWurst/xmllint-action@v1
              with:
                  xml-file: build/extracted-doc/word/document.xml
                  xml-schema-file: ooxml-schemas/microsoft/wml-2010.xsd
            - name: Run Demo
              run: npm run ts-node -- ./demo/7-landscape.ts
            - name: Extract Word Document
              run: npm run extract
            - name: Validate XML
              uses: ChristophWurst/xmllint-action@v1
              with:
                  xml-file: build/extracted-doc/word/document.xml
                  xml-schema-file: ooxml-schemas/microsoft/wml-2010.xsd
            - name: Run Demo
              run: npm run ts-node -- ./demo/8-header-footer.ts
            - name: Extract Word Document
              run: npm run extract
            - name: Validate XML
              uses: ChristophWurst/xmllint-action@v1
              with:
                  xml-file: build/extracted-doc/word/document.xml
                  xml-schema-file: ooxml-schemas/microsoft/wml-2010.xsd
            - name: Run Demo
              run: npm run ts-node -- ./demo/9-images-in-header-and-footer.ts
            - name: Extract Word Document
              run: npm run extract
            - name: Validate XML
              uses: ChristophWurst/xmllint-action@v1
              with:
                  xml-file: build/extracted-doc/word/document.xml
                  xml-schema-file: ooxml-schemas/microsoft/wml-2010.xsd
            - name: Run Demo
              run: npm run ts-node -- ./demo/10-my-cv.ts
            - name: Extract Word Document
              run: npm run extract
            - name: Validate XML
              uses: ChristophWurst/xmllint-action@v1
              with:
                  xml-file: build/extracted-doc/word/document.xml
                  xml-schema-file: ooxml-schemas/microsoft/wml-2010.xsd
            - name: Run Demo
              run: npm run ts-node -- ./demo/11-declaritive-styles-2.ts
            - name: Extract Word Document
              run: npm run extract
            - name: Validate XML
              uses: ChristophWurst/xmllint-action@v1
              with:
                  xml-file: build/extracted-doc/word/document.xml
                  xml-schema-file: ooxml-schemas/microsoft/wml-2010.xsd
            - name: Run Demo
              run: npm run ts-node -- ./demo/12-scaling-images.ts
            - name: Extract Word Document
              run: npm run extract
            - name: Validate XML
              uses: ChristophWurst/xmllint-action@v1
              with:
                  xml-file: build/extracted-doc/word/document.xml
                  xml-schema-file: ooxml-schemas/microsoft/wml-2010.xsd
            - name: Run Demo
              run: npm run ts-node -- ./demo/13-xml-styles.ts
            - name: Extract Word Document
              run: npm run extract
            - name: Validate XML
              uses: ChristophWurst/xmllint-action@v1
              with:
                  xml-file: build/extracted-doc/word/document.xml
                  xml-schema-file: ooxml-schemas/microsoft/wml-2010.xsd
            - name: Run Demo
              run: npm run ts-node -- ./demo/14-page-numbers.ts
            - name: Extract Word Document
              run: npm run extract
            - name: Validate XML
              uses: ChristophWurst/xmllint-action@v1
              with:
                  xml-file: build/extracted-doc/word/document.xml
                  xml-schema-file: ooxml-schemas/microsoft/wml-2010.xsd
            - name: Run Demo
              run: npm run ts-node -- ./demo/15-page-break-before.ts
            - name: Extract Word Document
              run: npm run extract
            - name: Validate XML
              uses: ChristophWurst/xmllint-action@v1
              with:
                  xml-file: build/extracted-doc/word/document.xml
                  xml-schema-file: ooxml-schemas/microsoft/wml-2010.xsd
            - name: Run Demo
              run: npm run ts-node -- ./demo/16-multiple-sections.ts
            - name: Extract Word Document
              run: npm run extract
            - name: Validate XML
              uses: ChristophWurst/xmllint-action@v1
              with:
                  xml-file: build/extracted-doc/word/document.xml
                  xml-schema-file: ooxml-schemas/microsoft/wml-2010.xsd
            - name: Run Demo
              run: npm run ts-node -- ./demo/17-footnotes.ts
            - name: Extract Word Document
              run: npm run extract
            # element r: Schemas validity error : Element '{http://schemas.openxmlformats.org/wordprocessingml/2006/main}r': This element is not expected.
            # - name: Validate XML
            #   uses: ChristophWurst/xmllint-action@v1
            #   with:
            #     xml-file: build/extracted-doc/word/document.xml
            #     xml-schema-file: ooxml-schemas/microsoft/wml-2010.xsd
            - name: Run Demo
              run: npm run ts-node -- ./demo/18-image-from-buffer.ts
            - name: Extract Word Document
              run: npm run extract
            - name: Validate XML
              uses: ChristophWurst/xmllint-action@v1
              with:
                  xml-file: build/extracted-doc/word/document.xml
                  xml-schema-file: ooxml-schemas/microsoft/wml-2010.xsd
            - name: Run Demo
              run: npm run ts-node -- ./demo/19-export-to-base64.ts
            # Base 64 No longer works, abruptly. Node issue?
            # - name: Extract Word Document
            #   run: npm run extract
            # - name: Validate XML
            #   uses: ChristophWurst/xmllint-action@v1
            #   with:
            #       xml-file: build/extracted-doc/word/document.xml
            #       xml-schema-file: ooxml-schemas/microsoft/wml-2010.xsd
            - name: Run Demo
              run: npm run ts-node -- ./demo/20-table-cell-borders.ts
            - name: Extract Word Document
              run: npm run extract
            - name: Validate XML
              uses: ChristophWurst/xmllint-action@v1
              with:
                  xml-file: build/extracted-doc/word/document.xml
                  xml-schema-file: ooxml-schemas/microsoft/wml-2010.xsd
            - name: Run Demo
              run: npm run ts-node -- ./demo/21-bookmarks.ts
            - name: Extract Word Document
              run: npm run extract
            # Bad ID - need numeric ID
            # - name: Validate XML
            #   uses: ChristophWurst/xmllint-action@v1
            #   with:
            #     xml-file: build/extracted-doc/word/document.xml
            #     xml-schema-file: ooxml-schemas/microsoft/wml-2010.xsd
            - name: Run Demo
              run: npm run ts-node -- ./demo/22-right-to-left-text.ts
            - name: Extract Word Document
              run: npm run extract
            - name: Validate XML
              uses: ChristophWurst/xmllint-action@v1
              with:
                  xml-file: build/extracted-doc/word/document.xml
                  xml-schema-file: ooxml-schemas/microsoft/wml-2010.xsd
            - name: Run Demo
              run: npm run ts-node -- ./demo/23-base64-images.ts
            - name: Extract Word Document
              run: npm run extract
            - name: Validate XML
              uses: ChristophWurst/xmllint-action@v1
              with:
                  xml-file: build/extracted-doc/word/document.xml
                  xml-schema-file: ooxml-schemas/microsoft/wml-2010.xsd
            - name: Run Demo
              run: npm run ts-node -- ./demo/24-images-to-table-cell.ts
            - name: Extract Word Document
              run: npm run extract
            - name: Validate XML
              uses: ChristophWurst/xmllint-action@v1
              with:
                  xml-file: build/extracted-doc/word/document.xml
                  xml-schema-file: ooxml-schemas/microsoft/wml-2010.xsd
            - name: Run Demo
              run: npm run ts-node -- ./demo/25-table-xml-styles.ts
            - name: Extract Word Document
              run: npm run extract
            - name: Validate XML
              uses: ChristophWurst/xmllint-action@v1
              with:
                  xml-file: build/extracted-doc/word/document.xml
                  xml-schema-file: ooxml-schemas/microsoft/wml-2010.xsd
            - name: Run Demo
              run: npm run ts-node -- ./demo/26-paragraph-borders.ts
            - name: Extract Word Document
              run: npm run extract
            - name: Validate XML
              uses: ChristophWurst/xmllint-action@v1
              with:
                  xml-file: build/extracted-doc/word/document.xml
                  xml-schema-file: ooxml-schemas/microsoft/wml-2010.xsd
            - name: Run Demo
              run: npm run ts-node -- ./demo/27-declaritive-styles-3.ts
            - name: Extract Word Document
              run: npm run extract
            - name: Validate XML
              uses: ChristophWurst/xmllint-action@v1
              with:
                  xml-file: build/extracted-doc/word/document.xml
                  xml-schema-file: ooxml-schemas/microsoft/wml-2010.xsd
            - name: Run Demo
              run: npm run ts-node -- ./demo/28-table-of-contents.ts
            - name: Extract Word Document
              run: npm run extract
            - name: Validate XML
              uses: ChristophWurst/xmllint-action@v1
              with:
                  xml-file: build/extracted-doc/word/document.xml
                  xml-schema-file: ooxml-schemas/microsoft/wml-2010.xsd
            - name: Run Demo
              run: npm run ts-node -- ./demo/29-numbered-lists.ts
            - name: Extract Word Document
              run: npm run extract
            - name: Validate XML
              uses: ChristophWurst/xmllint-action@v1
              with:
                  xml-file: build/extracted-doc/word/document.xml
                  xml-schema-file: ooxml-schemas/microsoft/wml-2010.xsd
            - name: Run Demo
              run: npm run ts-node -- ./demo/31-tables.ts
            - name: Extract Word Document
              run: npm run extract
            - name: Validate XML
              uses: ChristophWurst/xmllint-action@v1
              with:
                  xml-file: build/extracted-doc/word/document.xml
                  xml-schema-file: ooxml-schemas/microsoft/wml-2010.xsd
            - name: Run Demo
              run: npm run ts-node -- ./demo/32-merge-and-shade-table-cells.ts
            - name: Extract Word Document
              run: npm run extract
            - name: Validate XML
              uses: ChristophWurst/xmllint-action@v1
              with:
                  xml-file: build/extracted-doc/word/document.xml
                  xml-schema-file: ooxml-schemas/microsoft/wml-2010.xsd
            - name: Run Demo
              run: npm run ts-node -- ./demo/33-sequential-captions.ts
            - name: Extract Word Document
              run: npm run extract
            - name: Validate XML
              uses: ChristophWurst/xmllint-action@v1
              with:
                  xml-file: build/extracted-doc/word/document.xml
                  xml-schema-file: ooxml-schemas/microsoft/wml-2010.xsd
            - name: Run Demo
              run: npm run ts-node -- ./demo/34-floating-tables.ts
            - name: Extract Word Document
              run: npm run extract
            # element tblpPr: Schemas validity error : Element '{http://schemas.openxmlformats.org/wordprocessingml/2006/main}tblpPr', attribute 'overlap': The attribute 'overlap' is not allowed.
            # element tblpPr: Schemas validity error : Element '{http://schemas.openxmlformats.org/wordprocessingml/2006/main}tblpPr': Element content is not allowed, because the content type is empty.
            # - name: Validate XML
            #   uses: ChristophWurst/xmllint-action@v1
            #   with:
            #     xml-file: build/extracted-doc/word/document.xml
            #     xml-schema-file: ooxml-schemas/microsoft/wml-2010.xsd
            - name: Run Demo
              run: npm run ts-node -- ./demo/35-hyperlinks.ts
            - name: Extract Word Document
              run: npm run extract
            - name: Validate XML
              uses: ChristophWurst/xmllint-action@v1
              with:
                  xml-file: build/extracted-doc/word/document.xml
                  xml-schema-file: ooxml-schemas/microsoft/wml-2010.xsd
            - name: Run Demo
              run: npm run ts-node -- ./demo/36-image-to-table-cell.ts
            - name: Extract Word Document
              run: npm run extract
            - name: Validate XML
              uses: ChristophWurst/xmllint-action@v1
              with:
                  xml-file: build/extracted-doc/word/document.xml
                  xml-schema-file: ooxml-schemas/microsoft/wml-2010.xsd
            - name: Run Demo
              run: npm run ts-node -- ./demo/37-images-to-header-and-footer.ts
            - name: Extract Word Document
              run: npm run extract
            - name: Validate XML
              uses: ChristophWurst/xmllint-action@v1
              with:
                  xml-file: build/extracted-doc/word/document.xml
                  xml-schema-file: ooxml-schemas/microsoft/wml-2010.xsd
            - name: Run Demo
              run: npm run ts-node -- ./demo/38-text-wrapping.ts
            - name: Extract Word Document
              run: npm run extract
            - name: Validate XML
              uses: ChristophWurst/xmllint-action@v1
              with:
                  xml-file: build/extracted-doc/word/document.xml
                  xml-schema-file: ooxml-schemas/microsoft/wml-2010.xsd
            - name: Run Demo
              run: npm run ts-node -- ./demo/39-page-numbers.ts
            - name: Extract Word Document
              run: npm run extract
            - name: Validate XML
              uses: ChristophWurst/xmllint-action@v1
              with:
                  xml-file: build/extracted-doc/word/document.xml
                  xml-schema-file: ooxml-schemas/microsoft/wml-2010.xsd
            - name: Run Demo
              run: npm run ts-node -- ./demo/40-line-numbers.ts
            - name: Extract Word Document
              run: npm run extract
            - name: Validate XML
              uses: ChristophWurst/xmllint-action@v1
              with:
                  xml-file: build/extracted-doc/word/document.xml
                  xml-schema-file: ooxml-schemas/microsoft/wml-2010.xsd
            - name: Run Demo
              run: npm run ts-node -- ./demo/41-merge-table-cells-2.ts
            - name: Extract Word Document
              run: npm run extract
            - name: Validate XML
              uses: ChristophWurst/xmllint-action@v1
              with:
                  xml-file: build/extracted-doc/word/document.xml
                  xml-schema-file: ooxml-schemas/microsoft/wml-2010.xsd
            - name: Run Demo
              run: npm run ts-node -- ./demo/42-restart-page-numbers.ts
            - name: Extract Word Document
              run: npm run extract
            - name: Validate XML
              uses: ChristophWurst/xmllint-action@v1
              with:
                  xml-file: build/extracted-doc/word/document.xml
                  xml-schema-file: ooxml-schemas/microsoft/wml-2010.xsd
            - name: Run Demo
              run: npm run ts-node -- ./demo/43-images-to-table-cell-2.ts
            - name: Extract Word Document
              run: npm run extract
            - name: Validate XML
              uses: ChristophWurst/xmllint-action@v1
              with:
                  xml-file: build/extracted-doc/word/document.xml
                  xml-schema-file: ooxml-schemas/microsoft/wml-2010.xsd
            - name: Run Demo
              run: npm run ts-node -- ./demo/44-multiple-columns.ts
            - name: Extract Word Document
              run: npm run extract
            - name: Validate XML
              uses: ChristophWurst/xmllint-action@v1
              with:
                  xml-file: build/extracted-doc/word/document.xml
                  xml-schema-file: ooxml-schemas/microsoft/wml-2010.xsd
            - name: Run Demo
              run: npm run ts-node -- ./demo/45-highlighting-text.ts
            - name: Extract Word Document
              run: npm run extract
            - name: Validate XML
              uses: ChristophWurst/xmllint-action@v1
              with:
                  xml-file: build/extracted-doc/word/document.xml
                  xml-schema-file: ooxml-schemas/microsoft/wml-2010.xsd
            - name: Run Demo
              run: npm run ts-node -- ./demo/46-shading-text.ts
            - name: Extract Word Document
              run: npm run extract
            - name: Validate XML
              uses: ChristophWurst/xmllint-action@v1
              with:
                  xml-file: build/extracted-doc/word/document.xml
                  xml-schema-file: ooxml-schemas/microsoft/wml-2010.xsd
            - name: Run Demo
              run: npm run ts-node -- ./demo/47-number-of-total-pages-section.ts
            - name: Extract Word Document
              run: npm run extract
            - name: Validate XML
              uses: ChristophWurst/xmllint-action@v1
              with:
                  xml-file: build/extracted-doc/word/document.xml
                  xml-schema-file: ooxml-schemas/microsoft/wml-2010.xsd
            - name: Run Demo
              run: npm run ts-node -- ./demo/48-vertical-align.ts
            - name: Extract Word Document
              run: npm run extract
            - name: Validate XML
              uses: ChristophWurst/xmllint-action@v1
              with:
                  xml-file: build/extracted-doc/word/document.xml
                  xml-schema-file: ooxml-schemas/microsoft/wml-2010.xsd
            - name: Run Demo
              run: npm run ts-node -- ./demo/49-table-borders.ts
            - name: Extract Word Document
              run: npm run extract
            - name: Validate XML
              uses: ChristophWurst/xmllint-action@v1
              with:
                  xml-file: build/extracted-doc/word/document.xml
                  xml-schema-file: ooxml-schemas/microsoft/wml-2010.xsd
            - name: Run Demo
              run: npm run ts-node -- ./demo/50-readme-demo.ts
            - name: Extract Word Document
              run: npm run extract
            - name: Validate XML
              uses: ChristophWurst/xmllint-action@v1
              with:
                  xml-file: build/extracted-doc/word/document.xml
                  xml-schema-file: ooxml-schemas/microsoft/wml-2010.xsd
            - name: Run Demo
              run: npm run ts-node -- ./demo/51-character-styles.ts
            - name: Extract Word Document
              run: npm run extract
            - name: Validate XML
              uses: ChristophWurst/xmllint-action@v1
              with:
                  xml-file: build/extracted-doc/word/document.xml
                  xml-schema-file: ooxml-schemas/microsoft/wml-2010.xsd
            - name: Run Demo
              run: npm run ts-node -- ./demo/52-japanese.ts
            - name: Extract Word Document
              run: npm run extract
            - name: Validate XML
              uses: ChristophWurst/xmllint-action@v1
              with:
                  xml-file: build/extracted-doc/word/document.xml
                  xml-schema-file: ooxml-schemas/microsoft/wml-2010.xsd
            - name: Run Demo
              run: npm run ts-node -- ./demo/53-chinese.ts
            - name: Extract Word Document
              run: npm run extract
            - name: Validate XML
              uses: ChristophWurst/xmllint-action@v1
              with:
                  xml-file: build/extracted-doc/word/document.xml
                  xml-schema-file: ooxml-schemas/microsoft/wml-2010.xsd
            - name: Run Demo
              run: npm run ts-node -- ./demo/54-custom-properties.ts
            - name: Extract Word Document
              run: npm run extract
            - name: Validate XML
              uses: ChristophWurst/xmllint-action@v1
              with:
                  xml-file: build/extracted-doc/word/document.xml
                  xml-schema-file: ooxml-schemas/microsoft/wml-2010.xsd
            - name: Run Demo
              run: npm run ts-node -- ./demo/55-math.ts
            - name: Extract Word Document
              run: npm run extract
            #: element subHide: Schemas validity error : Element '{http://schemas.openxmlformats.org/officeDocument/2006/math}subHide': This element is not expected. Expected is ( {http://schemas.openxmlformats.org/officeDocument/2006/math}ctrlPr ).
            #: element e: Schemas validity error : Element '{http://schemas.openxmlformats.org/officeDocument/2006/math}e': This element is not expected. Expected is ( {http://schemas.openxmlformats.org/officeDocument/2006/math}sub ).
            #: element e: Schemas validity error : Element '{http://schemas.openxmlformats.org/officeDocument/2006/math}e': This element is not expected. Expected is ( {http://schemas.openxmlformats.org/officeDocument/2006/math}sup ).
            #: element e: Schemas validity error : Element '{http://schemas.openxmlformats.org/officeDocument/2006/math}e': This element is not expected. Expected is ( {http://schemas.openxmlformats.org/officeDocument/2006/math}sub ).
            # - name: Validate XML
            #   uses: ChristophWurst/xmllint-action@v1
            #   with:
            #     xml-file: build/extracted-doc/word/document.xml
            #     xml-schema-file: ooxml-schemas/microsoft/wml-2010.xsd
            - name: Run Demo
              run: npm run ts-node -- ./demo/56-background-color.ts
            - name: Extract Word Document
              run: npm run extract
            - name: Validate XML
              uses: ChristophWurst/xmllint-action@v1
              with:
                  xml-file: build/extracted-doc/word/document.xml
                  xml-schema-file: ooxml-schemas/microsoft/wml-2010.xsd
            - name: Run Demo
              run: npm run ts-node -- ./demo/57-add-parent-numbered-lists.ts
            - name: Extract Word Document
              run: npm run extract
            - name: Validate XML
              uses: ChristophWurst/xmllint-action@v1
              with:
                  xml-file: build/extracted-doc/word/document.xml
                  xml-schema-file: ooxml-schemas/microsoft/wml-2010.xsd
            - name: Run Demo
              run: npm run ts-node -- ./demo/58-section-types.ts
            - name: Extract Word Document
              run: npm run extract
            - name: Validate XML
              uses: ChristophWurst/xmllint-action@v1
              with:
                  xml-file: build/extracted-doc/word/document.xml
                  xml-schema-file: ooxml-schemas/microsoft/wml-2010.xsd
            - name: Run Demo
              run: npm run ts-node -- ./demo/59-header-footer-margins.ts
            - name: Extract Word Document
              run: npm run extract
            - name: Validate XML
              uses: ChristophWurst/xmllint-action@v1
              with:
                  xml-file: build/extracted-doc/word/document.xml
                  xml-schema-file: ooxml-schemas/microsoft/wml-2010.xsd
            - name: Run Demo
              run: npm run ts-node -- ./demo/60-track-revisions.ts
            - name: Extract Word Document
              run: npm run extract
            # element r: Schemas validity error : Element '{http://schemas.openxmlformats.org/wordprocessingml/2006/main}r': This element is not expected.
            # - name: Validate XML
            #   uses: ChristophWurst/xmllint-action@v1
            #   with:
            #     xml-file: build/extracted-doc/word/document.xml
            #     xml-schema-file: ooxml-schemas/microsoft/wml-2010.xsd
            - name: Run Demo
              run: npm run ts-node -- ./demo/61-text-frame.ts
            - name: Extract Word Document
              run: npm run extract
            # element left: Schemas validity error : Element '{http://schemas.openxmlformats.org/wordprocessingml/2006/main}left': This element is not expected. Expected is one of ( {http://schemas.openxmlformats.org/wordprocessingml/2006/main}right, {http://schemas.openxmlformats.org/wordprocessingml/2006/main}between, {http://schemas.openxmlformats.org/wordprocessingml/2006/main}bar ).
            # - name: Validate XML
            #   uses: ChristophWurst/xmllint-action@v1
            #   with:
            #     xml-file: build/extracted-doc/word/document.xml
            #     xml-schema-file: ooxml-schemas/microsoft/wml-2010.xsd
            - name: Run Demo
              run: npm run ts-node -- ./demo/62-paragraph-spacing.ts
            - name: Extract Word Document
              run: npm run extract
            - name: Validate XML
              uses: ChristophWurst/xmllint-action@v1
              with:
                  xml-file: build/extracted-doc/word/document.xml
                  xml-schema-file: ooxml-schemas/microsoft/wml-2010.xsd
            - name: Run Demo
              run: npm run ts-node -- ./demo/63-odd-even-header-footer.ts
            - name: Extract Word Document
              run: npm run extract
            - name: Validate XML
              uses: ChristophWurst/xmllint-action@v1
              with:
                  xml-file: build/extracted-doc/word/document.xml
                  xml-schema-file: ooxml-schemas/microsoft/wml-2010.xsd
            - name: Run Demo
              run: npm run ts-node -- ./demo/64-complex-numbering-text.ts
            - name: Extract Word Document
              run: npm run extract
            - name: Validate XML
              uses: ChristophWurst/xmllint-action@v1
              with:
                  xml-file: build/extracted-doc/word/document.xml
                  xml-schema-file: ooxml-schemas/microsoft/wml-2010.xsd
            - name: Run Demo
              run: npm run ts-node -- ./demo/65-page-sizes.ts
            - name: Extract Word Document
              run: npm run extract
            - name: Validate XML
              uses: ChristophWurst/xmllint-action@v1
              with:
                  xml-file: build/extracted-doc/word/document.xml
                  xml-schema-file: ooxml-schemas/microsoft/wml-2010.xsd
            - name: Run Demo
              run: npm run ts-node -- ./demo/66-fields.ts
            - name: Extract Word Document
              run: npm run extract
            # element bookmarkStart: Schemas validity error : Element '{http://schemas.openxmlformats.org/wordprocessingml/2006/main}bookmarkStart', attribute '{http://schemas.openxmlformats.org/wordprocessingml/2006/main}id': '-irrswq-ln94j4fdgdjxs' is not a valid value of the atomic type '{http://schemas.openxmlformats.org/wordprocessingml/2006/main}ST_DecimalNumber'.
            # element bookmarkEnd: Schemas validity error : Element '{http://schemas.openxmlformats.org/wordprocessingml/2006/main}bookmarkEnd', attribute '{http://schemas.openxmlformats.org/wordprocessingml/2006/main}id': '-irrswq-ln94j4fdgdjxs' is not a valid value of the atomic type '{http://schemas.openxmlformats.org/wordprocessingml/2006/main}ST_DecimalNumber'.
            # - name: Validate XML
            #   uses: ChristophWurst/xmllint-action@v1
            #   with:
            #     xml-file: build/extracted-doc/word/document.xml
            #     xml-schema-file: ooxml-schemas/microsoft/wml-2010.xsd
            - name: Run Demo
              run: npm run ts-node -- ./demo/67-column-break.ts
            - name: Extract Word Document
              run: npm run extract
            - name: Validate XML
              uses: ChristophWurst/xmllint-action@v1
              with:
                  xml-file: build/extracted-doc/word/document.xml
                  xml-schema-file: ooxml-schemas/microsoft/wml-2010.xsd
            - name: Run Demo
              run: npm run ts-node -- ./demo/68-numbering-instances-and-starting-number.ts
            - name: Extract Word Document
              run: npm run extract
            - name: Validate XML
              uses: ChristophWurst/xmllint-action@v1
              with:
                  xml-file: build/extracted-doc/word/document.xml
                  xml-schema-file: ooxml-schemas/microsoft/wml-2010.xsd
            - name: Run Demo
              run: npm run ts-node -- ./demo/69-different-width-columns.ts
            - name: Extract Word Document
              run: npm run extract
            - name: Validate XML
              uses: ChristophWurst/xmllint-action@v1
              with:
                  xml-file: build/extracted-doc/word/document.xml
                  xml-schema-file: ooxml-schemas/microsoft/wml-2010.xsd
            - name: Run Demo
              run: npm run ts-node -- ./demo/70-line-numbers-suppression.ts
            - name: Extract Word Document
              run: npm run extract
            - name: Validate XML
              uses: ChristophWurst/xmllint-action@v1
              with:
                  xml-file: build/extracted-doc/word/document.xml
                  xml-schema-file: ooxml-schemas/microsoft/wml-2010.xsd
            - name: Run Demo
              run: npm run ts-node -- ./demo/71-page-borders-2.ts
            - name: Extract Word Document
              run: npm run extract
            - name: Validate XML
              uses: ChristophWurst/xmllint-action@v1
              with:
                  xml-file: build/extracted-doc/word/document.xml
                  xml-schema-file: ooxml-schemas/microsoft/wml-2010.xsd
            - name: Run Demo
              run: npm run ts-node -- ./demo/72-word-wrap.ts
            - name: Extract Word Document
              run: npm run extract
            - name: Validate XML
              uses: ChristophWurst/xmllint-action@v1
              with:
                  xml-file: build/extracted-doc/word/document.xml
                  xml-schema-file: ooxml-schemas/microsoft/wml-2010.xsd
            - name: Run Demo
              run: npm run ts-node -- ./demo/73-comments.ts
            - name: Extract Word Document
              run: npm run extract
            - name: Validate XML
              uses: ChristophWurst/xmllint-action@v1
              with:
                  xml-file: build/extracted-doc/word/document.xml
                  xml-schema-file: ooxml-schemas/microsoft/wml-2010.xsd
            - name: Run Demo
              run: npm run ts-node -- ./demo/73-comments.ts
            - name: Extract Word Document
              run: npm run extract
            - name: Validate XML
              uses: ChristophWurst/xmllint-action@v1
              with:
                  xml-file: build/extracted-doc/word/document.xml
                  xml-schema-file: ooxml-schemas/microsoft/wml-2010.xsd
            # - name: Run Demo
            #   run: npm run ts-node -- ./demo/75-tab-stops.ts
            # - name: Extract Word Document
            #   run: npm run extract
            # - name: Validate XML
            #   uses: ChristophWurst/xmllint-action@v1
            #   with:
            #       xml-file: build/extracted-doc/word/document.xml
            #       xml-schema-file: ooxml-schemas/microsoft/wml-2010.xsd
            - name: Run Demo
              run: npm run ts-node -- ./demo/76-compatibility.ts
            - name: Extract Word Document
              run: npm run extract
            - name: Validate XML
              uses: ChristophWurst/xmllint-action@v1
              with:
                  xml-file: build/extracted-doc/word/document.xml
                  xml-schema-file: ooxml-schemas/microsoft/wml-2010.xsd
            - name: Run Demo
              run: npm run ts-node -- ./demo/77-side-by-side-tables.ts
            - name: Extract Word Document
              run: npm run extract
            - name: Validate XML
              uses: ChristophWurst/xmllint-action@v1
              with:
                  xml-file: build/extracted-doc/word/document.xml
                  xml-schema-file: ooxml-schemas/microsoft/wml-2010.xsd
            - name: Run Demo
              run: npm run ts-node -- ./demo/78-thai-distributed.ts
            - name: Extract Word Document
              run: npm run extract
            - name: Validate XML
              uses: ChristophWurst/xmllint-action@v1
              with:
                  xml-file: build/extracted-doc/word/document.xml
                  xml-schema-file: ooxml-schemas/microsoft/wml-2010.xsd
            - name: Run Demo
              run: npm run ts-node -- ./demo/79-table-from-data-source.ts
            - name: Extract Word Document
              run: npm run extract
            - name: Validate XML
              uses: ChristophWurst/xmllint-action@v1
              with:
                  xml-file: build/extracted-doc/word/document.xml
                  xml-schema-file: ooxml-schemas/microsoft/wml-2010.xsd
            - name: Run Demo
              run: npm run ts-node -- ./demo/80-thai-distributed.ts
            - name: Extract Word Document
              run: npm run extract
            - name: Validate XML
              uses: ChristophWurst/xmllint-action@v1
              with:
                  xml-file: build/extracted-doc/word/document.xml
                  xml-schema-file: ooxml-schemas/microsoft/wml-2010.xsd
            - name: Run Demo
              run: npm run ts-node -- ./demo/81-continuous-header.ts
            - name: Extract Word Document
              run: npm run extract
            - name: Validate XML
              uses: ChristophWurst/xmllint-action@v1
              with:
                  xml-file: build/extracted-doc/word/document.xml
                  xml-schema-file: ooxml-schemas/microsoft/wml-2010.xsd
            - name: Run Demo
              run: npm run ts-node -- ./demo/82-new-headers-new-section.ts
            - name: Extract Word Document
              run: npm run extract
            - name: Validate XML
              uses: ChristophWurst/xmllint-action@v1
              with:
                  xml-file: build/extracted-doc/word/document.xml
                  xml-schema-file: ooxml-schemas/microsoft/wml-2010.xsd
            - name: Run Demo
              run: npm run ts-node -- ./demo/83-setting-languages.ts
            - name: Extract Word Document
              run: npm run extract
            - name: Validate XML
              uses: ChristophWurst/xmllint-action@v1
              with:
                  xml-file: build/extracted-doc/word/document.xml
                  xml-schema-file: ooxml-schemas/microsoft/wml-2010.xsd
            - name: Run Demo
              run: npm run ts-node -- ./demo/84-positional-tabs.ts
            - name: Extract Word Document
              run: npm run extract
            - name: Validate XML
              uses: ChristophWurst/xmllint-action@v1
              with:
                  xml-file: build/extracted-doc/word/document.xml
                  xml-schema-file: ooxml-schemas/microsoft/wml-2010.xsd
--- a/.github/workflows/github-pages.yml
+++ b/.github/workflows/github-pages.yml
@ -0,0 +1,43 @@
 name: Github Pages
 on:
    push:
        branches:
            - master
 jobs:
    build:
        name: Build
        runs-on: ubuntu-latest
        steps:
            - name: Checkout Repo
              uses: actions/checkout@master
            - name: Install Dependencies
              run: npm ci --force
            - name: Build 🔧
              run: |
                  npm run typedoc
                  echo "docx.js.org" > docs/.nojekyll
                  echo "docx.js.org" > docs/CNAME
            - name: Archive Production Artifact
              uses: actions/upload-artifact@master
              with:
                  name: docs
                  path: docs
    deploy:
        needs: [build]
        runs-on: ubuntu-latest
        steps:
            - name: Checkout Repo 🛎️
              uses: actions/checkout@master
            - name: Install Dependencies
              run: npm ci --force
            - name: Download Artifact
              uses: actions/download-artifact@master
              with:
                  name: docs
                  path: docs
            - name: Deploy 🚀
              uses: JamesIves/github-pages-deploy-action@4.1.5
              with:
                  branch: gh-pages
                  folder: docs
--- a/.github/workflows/remove-old-artifacts.yml
+++ b/.github/workflows/remove-old-artifacts.yml
@ -0,0 +1,26 @@
 name: Remove old artifacts
 on:
  schedule:
    # Every day at 1am
    - cron: "0 1 * * *"
  workflow_dispatch:
    inputs:
      logLevel:
        description: "Log level"
        required: true
        default: "warning"
 jobs:
  remove-old-artifacts:
    runs-on: ubuntu-latest
    timeout-minutes: 10
    steps:
      - name: Remove old artifacts
        uses: c-hive/gha-remove-artifacts@v1
        with:
          age: "1 week"
          # Optional inputs
          # skip-tags: true
          # skip-recent: 5
--- a/.mocharc.json
+++ b/.mocharc.json
@ -0,0 +1,13 @@
 {
    "diff": true,
    "spec": "src/**/*.ts",
    "extension": ["ts"],
    "package": "./package.json",
    "reporter": "spec",
    "slow": "75",
    "timeout": "2000",
    "ui": "bdd",
    "watch-files": ["src/**/*.ts"],
    "watch-ignore": ["build", "demo"],
    "require": ["mocha.env", "ts-node/register", "tsconfig-paths/register"]
 }
--- a/.npmignore
+++ b/.npmignore
@ -41,3 +41,6 @@ build-tests
 # docs
 docs
 # src
 src
--- a/.npmrc
+++ b/.npmrc
@ -0,0 +1 @@
 registry=https://registry.npmjs.org/
--- a/.nycrc
+++ b/.nycrc
@ -1,9 +1,9 @@
 {
  "check-coverage": true,
-  "lines": 98.86,
+  "statements": 99.87,
-  "functions": 97.86,
+  "branches": 98.21,
-  "branches": 95.86,
+  "functions": 100,
-  "statements": 98.86,
+  "lines": 99.86,
  "include": [
    "src/**/*.ts"
  ],
@ -21,6 +21,5 @@
  ],
  "cache": true,
  "all": true,
  "instrument": false,
  "sourceMap": true
 }
--- a/.travis.yml
+++ b/.travis.yml
@ -1,63 +0,0 @@
 language: node_js
 node_js:
  - 10
 install:
  - npm install
  - npm install -g codecov
 script:
  - npm run lint
  - npm run test.coverage
  - npm run style
  - npm run build
  - npm run ts-node -- ./demo/1-basic.ts
 #   - npm run e2e "My Document.docx"
  - npm run ts-node -- ./demo/2-declaritive-styles.ts
  - npm run ts-node -- ./demo/3-numbering-and-bullet-points.ts
  - npm run ts-node -- ./demo/4-basic-table.ts
  - npm run ts-node -- ./demo/5-images.ts
  - npm run ts-node -- ./demo/6-page-borders.ts
  - npm run ts-node -- ./demo/7-landscape.ts
  - npm run ts-node -- ./demo/8-header-footer.ts
  - npm run ts-node -- ./demo/9-images-in-header-and-footer.ts
  - npm run ts-node -- ./demo/10-my-cv.ts
 #   - npm run e2e "My Document.docx"
  - npm run ts-node -- ./demo/11-declaritive-styles-2.ts
  - npm run ts-node -- ./demo/12-scaling-images.ts
  - npm run ts-node -- ./demo/13-xml-styles.ts
  - npm run ts-node -- ./demo/14-page-numbers.ts
  - npm run ts-node -- ./demo/15-page-break-before.ts
  - npm run ts-node -- ./demo/16-multiple-sections.ts
  - npm run ts-node -- ./demo/17-footnotes.ts
  - npm run ts-node -- ./demo/18-image-from-buffer.ts
  - npm run ts-node -- ./demo/19-export-to-base64.ts
  - npm run ts-node -- ./demo/20-table-cell-borders.ts
  - npm run ts-node -- ./demo/21-bookmarks.ts
  - npm run ts-node -- ./demo/22-right-to-left-text.ts
  - npm run ts-node -- ./demo/23-base64-images.ts
  - npm run ts-node -- ./demo/24-images-to-table-cell.ts
 #   - npm run ts-node -- ./demo/demo25.ts
  - npm run ts-node -- ./demo/26-paragraph-borders.ts
  - npm run ts-node -- ./demo/27-declaritive-styles-3.ts
  - npm run ts-node -- ./demo/28-table-of-contents.ts
  - npm run ts-node -- ./demo/29-numbered-lists.ts
  - npm run ts-node -- ./demo/30-template-document.ts
  - npm run ts-node -- ./demo/31-tables.ts
  - npm run ts-node -- ./demo/32-merge-and-shade-table-cells.ts
 #   - npm run e2e "My Document.docx" // Need to fix
  - npm run ts-node -- ./demo/33-sequential-captions.ts
  - npm run ts-node -- ./demo/34-floating-tables.ts
 after_failure:
  - "cat /home/travis/builds/dolanmiu/docx/npm-debug.log"
 after_success:
  - npm run typedoc
  - echo "docx.js.org" > docs/.nojekyll
  - echo "docx.js.org" > docs/CNAME
  - codecov
 deploy:
  provider: pages
  skip-cleanup: true
  github-token: $GITHUB_TOKEN
  keep-history: true
  local-dir: docs
  on:
    branch: master
--- a/.vscode/extensions.json
+++ b/.vscode/extensions.json
@ -0,0 +1,3 @@
 {
    "recommendations": ["streetsidesoftware.code-spell-checker", "dbaeumer.vscode-eslint"]
 }
--- a/.vscode/launch.json
+++ b/.vscode/launch.json
@ -0,0 +1,18 @@
 {
    "version": "0.2.0",
    "configurations": [
        {
            "name": "Run Demo",
            "type": "node",
            "request": "launch",
            "runtimeArgs": [
                "-r",
                "${workspaceFolder}/node_modules/ts-node/register",
                "-r",
                "${workspaceFolder}/node_modules/tsconfig-paths/register"
            ],
            "cwd": "${workspaceRoot}",
            "program": "${workspaceFolder}/demo/85-template-document.ts"
        }
    ]
 }
--- a/README.md
+++ b/README.md
@ -1,18 +1,16 @@
 <p align="center">
-    <img alt="clippy the assistant" src="https://i.imgur.com/37uBGhO.gif">
+    <img src="./logo/logo-animate.svg" width="100%" height="300" alt="clippy the assistant">
 </p>
 <p align="center">
-    Easily generate .docx files with JS/TS. Works for Node and on the Browser.
+    Easily generate and modify .docx files with JS/TS. Works for Node and on the Browser.
 </p>
 ---
 [![NPM version][npm-image]][npm-url]
 [![Downloads per month][downloads-image]][downloads-url]
 [![Build Status][travis-image]][travis-url]
 [![GitHub Action Workflow Status][github-actions-workflow-image]][github-actions-workflow-url]
 [![Dependency Status][daviddm-image]][daviddm-url]
 [![Known Vulnerabilities][snky-image]][snky-url]
 [![Chat on Gitter][gitter-image]][gitter-url]
 [![PRs Welcome][pr-image]][pr-url]
@ -28,21 +26,22 @@
 Here are examples of `docx` being used with basic `HTML/JS` in a browser environment:
-*   https://codepen.io/dolanmiu/pen/RwNeObg
+-   https://codepen.io/dolanmiu/pen/RwNeObg
-*   https://jsfiddle.net/dolanmiu/onadx1gu/
+-   https://jsfiddle.net/dolanmiu/onadx1gu/
-Here is an example of `docx` working in `Angular`:
+Here are examples of `docx` working in `Angular`:
-*   https://stackblitz.com/edit/angular-docx
+-   https://stackblitz.com/edit/angular-docx
 -   https://stackblitz.com/edit/angular-wmd6k3
-Here is an example of `docx` working in `React`:
+Here are examples of `docx` working in `React`:
-*   https://stackblitz.com/edit/react-docx
+-   https://stackblitz.com/edit/react-docx
-*   https://stackblitz.com/edit/react-docx-images (adding images to Word Document)
+-   https://stackblitz.com/edit/react-docx-images (adding images to Word Document)
 Here is an example of `docx` working in `Vue.js`:
-*   https://stackblitz.com/edit/vuejs-docx
+-   https://stackblitz.com/edit/vuejs-docx
 ## Node
@ -50,15 +49,15 @@ Press `endpoint` on the `RunKit` website:
 ![RunKit Instructions](https://user-images.githubusercontent.com/2917613/38582539-f84311b6-3d07-11e8-90db-5885ae02c3c4.png)
-*   https://runkit.com/dolanmiu/docx-demo1 - Simple paragraph and text
+-   https://runkit.com/dolanmiu/docx-demo1 - Simple paragraph and text
-*   https://runkit.com/dolanmiu/docx-demo2 - Advanced Paragraphs and text
+-   https://runkit.com/dolanmiu/docx-demo2 - Advanced Paragraphs and text
-*   https://runkit.com/dolanmiu/docx-demo3 - Bullet points
+-   https://runkit.com/dolanmiu/docx-demo3 - Bullet points
-*   https://runkit.com/dolanmiu/docx-demo4 - Simple table
+-   https://runkit.com/dolanmiu/docx-demo4 - Simple table
-*   https://runkit.com/dolanmiu/docx-demo5 - Images
+-   https://runkit.com/dolanmiu/docx-demo5 - Images
-*   https://runkit.com/dolanmiu/docx-demo6 - Margins
+-   https://runkit.com/dolanmiu/docx-demo6 - Margins
-*   https://runkit.com/dolanmiu/docx-demo7 - Landscape
+-   https://runkit.com/dolanmiu/docx-demo7 - Landscape
-*   https://runkit.com/dolanmiu/docx-demo8 - Header and Footer
+-   https://runkit.com/dolanmiu/docx-demo8 - Header and Footer
-*   https://runkit.com/dolanmiu/docx-demo10 - **My CV generated with docx**
+-   https://runkit.com/dolanmiu/docx-demo10 - **My CV generated with docx**
 More [here](https://github.com/dolanmiu/docx/tree/master/demo)
@ -86,9 +85,10 @@ Read the contribution guidelines [here](https://docx.js.org/#/contribution-guide
 [<img src="https://i.imgur.com/QEZXU5b.png" alt="drawing" height="50"/>](https://www.beekast.com/)
 [<img src="https://i.imgur.com/XVU6aoi.png" alt="drawing" height="50"/>](https://herraizsoto.com/)
 [<img src="https://i.imgur.com/fn1xccG.png" alt="drawing" height="50"/>](http://www.ativer.com.br/)
-[<img src="https://i.imgur.com/cmykN7c.png" alt="drawing" />](https://www.arity.co/)
+[<img src="https://i.imgur.com/cmykN7c.png" alt="drawing"/>](https://www.arity.co/)
 [<img src="https://i.imgur.com/PXo25um.png" alt="drawing" height="50"/>](https://www.circadianrisk.com/)
-
+[<img src="https://i.imgur.com/AKGhtlh.png" alt="drawing"/>](https://lexense.com/)
 [<img src="https://i.imgur.com/9tqJaHw.png" alt="drawing" height="50"/>](https://novelpad.co/)
 ...and many more!
@ -103,12 +103,8 @@ Made with 💖
 [npm-url]: https://npmjs.org/package/docx
 [downloads-image]: https://img.shields.io/npm/dm/docx.svg
 [downloads-url]: https://npmjs.org/package/docx
 [travis-image]: https://travis-ci.org/dolanmiu/docx.svg?branch=master
 [travis-url]: https://travis-ci.org/dolanmiu/docx
 [github-actions-workflow-image]: https://github.com/dolanmiu/docx/workflows/Default/badge.svg
 [github-actions-workflow-url]: https://github.com/dolanmiu/docx/actions
 [daviddm-image]: https://david-dm.org/dolanmiu/docx.svg?theme=shields.io
 [daviddm-url]: https://david-dm.org/dolanmiu/docx
 [snky-image]: https://snyk.io/test/github/dolanmiu/docx/badge.svg
 [snky-url]: https://snyk.io/test/github/dolanmiu/docx
 [gitter-image]: https://badges.gitter.im/dolanmiu/docx.svg
--- a/demo/1-basic.ts
+++ b/demo/1-basic.ts
@ -1,7 +1,7 @@
 // Simple example to add text to a document
 // Import from 'docx' rather than '../build' if you install from npm
 import * as fs from "fs";
-import { Document, Packer, Paragraph, TextRun } from "../build";
+import { Document, Packer, Paragraph, Tab, TextRun } from "../build";
 const doc = new Document({
    sections: [
@ -14,9 +14,10 @@ const doc = new Document({
                        new TextRun({
                            text: "Foo Bar",
                            bold: true,
                            size: 40,
                        }),
                        new TextRun({
-                            text: "\tGithub is the best",
+                            children: [new Tab(), "Github is the best"],
                            bold: true,
                        }),
                    ],
--- a/demo/10-my-cv.ts
+++ b/demo/10-my-cv.ts
@ -1,7 +1,7 @@
 // Generate a CV
 // Import from 'docx' rather than '../build' if you install from npm
 import * as fs from "fs";
-import { AlignmentType, Document, HeadingLevel, Packer, Paragraph, TabStopPosition, TabStopType, TextRun } from "../build";
+import { AlignmentType, Document, HeadingLevel, Packer, Paragraph, Tab, TabStopPosition, TabStopType, TextRun } from "../build";
 // tslint:disable:no-shadowed-variable
@ -9,7 +9,46 @@ const PHONE_NUMBER = "07534563401";
 const PROFILE_URL = "https://www.linkedin.com/in/dolan1";
 const EMAIL = "docx@com";
-const experiences = [
+interface Experience {
    readonly isCurrent: boolean;
    readonly summary: string;
    readonly title: string;
    readonly startDate: {
        readonly month: number;
        readonly year: number;
    };
    readonly endDate?: {
        readonly month: number;
        readonly year: number;
    };
    readonly company: {
        readonly name: string;
    };
 }
 interface Education {
    readonly degree: string;
    readonly fieldOfStudy: string;
    readonly notes: string;
    readonly schoolName: string;
    readonly startDate: {
        readonly year: number;
    };
    readonly endDate: {
        readonly year: number;
    };
 }
 interface Skill {
    readonly name: string;
 }
 interface Achievement {
    readonly issuer: string;
    readonly name: string;
 }
 const experiences: Experience[] = [
    {
        isCurrent: true,
        summary: "Full-stack developer working with Angular and Java. Working for the iShares platform",
@ -25,7 +64,7 @@ const experiences = [
    {
        isCurrent: false,
        summary:
-            "Full-stack developer working with Angular, Node and TypeScript. Working for the iShares platform. Emphasis on Dev-ops and developing the continous integration pipeline.",
+            "Full-stack developer working with Angular, Node and TypeScript. Working for the iShares platform. Emphasis on Dev-ops and developing the continuous integration pipeline.",
        title: "Software Developer",
        endDate: {
            month: 11,
@ -59,6 +98,7 @@ const experiences = [
    {
        isCurrent: false,
        summary:
            // cspell:disable-next-line
            "Develop web commerce platforms for various high profile clients.\n\nCreated a log analysis web application with the Play Framework in Java, incorporating Test Driven Development. It asynchronously uploads and processes large (2 GB) log files, and outputs meaningful results in context with the problem. \n\nAnalysis  and  development  of  the payment system infrastructure and user accounts section to be used by several clients of the company such as Waitrose, Tally Weijl, DJ Sports, Debenhams, Ann Summers, John Lewis and others.\n\nTechnologies used include WebSphere Commerce, Java, JavaScript and JSP.",
        title: "Java Developer",
        endDate: {
@ -75,12 +115,11 @@ const experiences = [
    },
 ];
-const education = [
+const education: Education[] = [
    {
        degree: "Master of Science (MSc)",
        fieldOfStudy: "Computer Science",
-        notes:
+        notes: "Exam Results: 1st Class with Distinction, Dissertation: 1st Class with Distinction\n\nRelevant Courses: Java and C# Programming, Software Engineering, Artificial Intelligence, \nComputational Photography, Algorithms, Architecture and Hardware.\n\nCreated a Windows 8 game in JavaScript for the dissertation. \n\nCreated an award-winning 3D stereoscopic game in C# using XNA.",
            "Exam Results: 1st Class with Distinction, Dissertation: 1st Class with Distinction\n\nRelevant Courses: Java and C# Programming, Software Engineering, Artificial Intelligence, \nComputational Photography, Algorithmics, Architecture and Hardware.\n\nCreated a Windows 8 game in JavaScript for the dissertation. \n\nCreated an award-winning 3D stereoscopic game in C# using XNA.",
        schoolName: "University College London",
        startDate: {
            year: 2012,
@ -92,8 +131,7 @@ const education = [
    {
        degree: "Bachelor of Engineering (BEng)",
        fieldOfStudy: "Material Science and Engineering",
-        notes:
+        notes: "Exam Results: 2:1, Dissertation: 1st Class with Distinction\n\nRelevant courses: C Programming, Mathematics and Business for Engineers.",
            "Exam Results: 2:1, Dissertation: 1st Class with Distinction\n\nRelevant courses: C Programming, Mathematics and Business for Engineers.",
        schoolName: "Imperial College London",
        startDate: {
            year: 2009,
@ -104,7 +142,7 @@ const education = [
    },
 ];
-const skills = [
+const skills: Skill[] = [
    {
        name: "Angular",
    },
@ -119,7 +157,7 @@ const skills = [
    },
 ];
-const achievements = [
+const achievements: Achievement[] = [
    {
        issuer: "Oracle",
        name: "Oracle Certified Expert",
@ -128,7 +166,7 @@ const achievements = [
 class DocumentCreator {
    // tslint:disable-next-line: typedef
-    public create([experiences, educations, skills, achivements]): Document {
+    public create([experiences, educations, skills, achievements]: [Experience[], Education[], Skill[], Achievement[]]): Document {
        const document = new Document({
            sections: [
                {
@ -184,7 +222,7 @@ class DocumentCreator {
                        this.createSubHeading("Skills"),
                        this.createSkillList(skills),
                        this.createSubHeading("Achievements"),
-                        ...this.createAchivementsList(achivements),
+                        ...this.createAchievementsList(achievements),
                        this.createSubHeading("Interests"),
                        this.createInterests("Programming, Technology, Music Production, Web Design, 3D Modelling, Dancing."),
                        this.createHeading("References"),
@ -193,8 +231,7 @@ class DocumentCreator {
                        ),
                        new Paragraph("More references upon request"),
                        new Paragraph({
-                            text:
+                            text: "This CV was generated in real-time based on my Linked-In profile from my personal website www.dolan.bio.",
                                "This CV was generated in real-time based on my Linked-In profile from my personal website www.dolan.bio.",
                            alignment: AlignmentType.CENTER,
                        }),
                    ],
@ -247,7 +284,7 @@ class DocumentCreator {
                    bold: true,
                }),
                new TextRun({
-                    text: `\t${dateText}`,
+                    children: [new Tab(), dateText],
                    bold: true,
                }),
            ],
@ -282,8 +319,8 @@ class DocumentCreator {
    }
    // tslint:disable-next-line:no-any
-    public createAchivementsList(achivements: any[]): Paragraph[] {
+    public createAchievementsList(achievements: any[]): Paragraph[] {
-        return achivements.map(
+        return achievements.map(
            (achievement) =>
                new Paragraph({
                    text: achievement.name,
--- a/demo/11-declaritive-styles-2.ts
+++ b/demo/11-declaritive-styles-2.ts
@ -15,6 +15,7 @@ import {
    TableRow,
    TabStopPosition,
    UnderlineType,
    LevelFormat,
 } from "../build";
 const table = new Table({
@ -51,6 +52,21 @@ const table = new Table({
 });
 const doc = new Document({
    numbering: {
        config: [
            {
                reference: "ref1",
                levels: [
                    {
                        level: 0,
                        format: LevelFormat.DECIMAL,
                        text: "%1)",
                        start: 50,
                    },
                ],
            },
        ],
    },
    styles: {
        default: {
            heading1: {
@ -155,6 +171,28 @@ const doc = new Document({
                    spacing: { line: 276, before: 20 * 72 * 0.1, after: 20 * 72 * 0.05 },
                },
            },
            {
                id: "numberedPara",
                name: "Numbered Para",
                basedOn: "Normal",
                next: "Normal",
                quickFormat: true,
                run: {
                    font: "Calibri",
                    size: 26,
                    bold: true,
                },
                paragraph: {
                    spacing: { line: 276, before: 20 * 72 * 0.1, after: 20 * 72 * 0.05 },
                    rightTabStop: TabStopPosition.MAX,
                    leftTabStop: 453.543307087,
                    numbering: {
                        reference: "ref1",
                        instance: 0,
                        level: 0,
                    },
                },
            },
        ],
    },
    sections: [
@ -260,6 +298,14 @@ const doc = new Document({
                    text: "Test 2",
                    style: "normalPara2",
                }),
                new Paragraph({
                    text: "Numbered paragraph that has numbering attached to custom styles",
                    style: "numberedPara",
                }),
                new Paragraph({
                    text: "Numbered para would show up in the styles pane at Word",
                    style: "numberedPara",
                }),
            ],
        },
    ],
--- a/demo/16-multiple-sections.ts
+++ b/demo/16-multiple-sections.ts
@ -1,7 +1,7 @@
 // Multiple sections and headers
 // Import from 'docx' rather than '../build' if you install from npm
 import * as fs from "fs";
-import { Document, Footer, Header, Packer, PageNumber, PageNumberFormat, PageOrientation, Paragraph, TextRun } from "../build";
+import { Document, Footer, Header, Packer, PageNumber, NumberFormat, PageOrientation, Paragraph, TextRun } from "../build";
 const doc = new Document({
    sections: [
@ -13,7 +13,7 @@ const doc = new Document({
                page: {
                    pageNumbers: {
                        start: 1,
-                        formatType: PageNumberFormat.DECIMAL,
+                        formatType: NumberFormat.DECIMAL,
                    },
                },
            },
@ -38,7 +38,7 @@ const doc = new Document({
                    },
                    pageNumbers: {
                        start: 1,
-                        formatType: PageNumberFormat.DECIMAL,
+                        formatType: NumberFormat.DECIMAL,
                    },
                },
            },
@ -85,7 +85,7 @@ const doc = new Document({
                        orientation: PageOrientation.PORTRAIT,
                    },
                    pageNumbers: {
-                        formatType: PageNumberFormat.UPPER_ROMAN,
+                        formatType: NumberFormat.UPPER_ROMAN,
                    },
                },
            },
@ -116,7 +116,7 @@ const doc = new Document({
                    },
                    pageNumbers: {
                        start: 25,
-                        formatType: PageNumberFormat.DECIMAL,
+                        formatType: NumberFormat.DECIMAL,
                    },
                },
            },
--- a/demo/17-footnotes.ts
+++ b/demo/17-footnotes.ts
@ -18,10 +18,15 @@ const doc = new Document({
                new Paragraph({
                    children: [
                        new TextRun({
-                            children: ["Hello", new FootnoteReferenceRun(1)],
+                            children: ["Hello"],
                        }),
                        new FootnoteReferenceRun(1),
                        new TextRun({
-                            children: [" World!", new FootnoteReferenceRun(2)],
+                            children: [" World!"],
                        }),
                        new FootnoteReferenceRun(2),
                        new TextRun({
                            children: [" GitHub!"],
                        }),
                    ],
                }),
@ -35,15 +40,17 @@ const doc = new Document({
                new Paragraph({
                    children: [
                        new TextRun({
-                            children: ["Hello", new FootnoteReferenceRun(4)],
+                            children: ["Hello"],
                        }),
                        new FootnoteReferenceRun(4),
                        new TextRun({
-                            children: [" World!", new FootnoteReferenceRun(5)],
+                            children: [" World!"],
                        }),
                        new FootnoteReferenceRun(5),
                    ],
                }),
                new Paragraph({
-                    children: [new TextRun("Hello World"), new FootnoteReferenceRun(6)],
+                    children: [new TextRun("Hello World Again"), new FootnoteReferenceRun(6)],
                }),
            ],
        },
--- a/demo/19-export-to-base64.ts
+++ b/demo/19-export-to-base64.ts
@ -1,7 +1,7 @@
 // Export to base64 string - Useful in a browser environment.
 // Import from 'docx' rather than '../build' if you install from npm
 import * as fs from "fs";
-import { Document, Packer, Paragraph, TextRun } from "../build";
+import { Document, Packer, Paragraph, Tab, TextRun } from "../build";
 const doc = new Document({
    sections: [
@ -15,7 +15,7 @@ const doc = new Document({
                            bold: true,
                        }),
                        new TextRun({
-                            text: "\tBar",
+                            children: [new Tab(), "Bar"],
                            bold: true,
                        }),
                    ],
--- a/demo/2-declaritive-styles.ts
+++ b/demo/2-declaritive-styles.ts
@ -1,4 +1,4 @@
-// Example on how to customise the look at feel using Styles
+// Example on how to customize the look at feel using Styles
 // Import from 'docx' rather than '../build' if you install from npm
 import * as fs from "fs";
 import {
@ -24,7 +24,7 @@ const doc = new Document({
                    size: 28,
                    bold: true,
                    italics: true,
-                    color: "red",
+                    color: "FF0000",
                },
                paragraph: {
                    spacing: {
@ -82,6 +82,32 @@ const doc = new Document({
                    spacing: { line: 276, before: 20 * 72 * 0.1, after: 20 * 72 * 0.05 },
                },
            },
            {
                id: "strikeUnderline",
                name: "Strike Underline",
                basedOn: "Normal",
                quickFormat: true,
                run: {
                    strike: true,
                    underline: {
                        type: UnderlineType.SINGLE,
                    },
                },
            },
        ],
        characterStyles: [
            {
                id: "strikeUnderlineCharacter",
                name: "Strike Underline",
                basedOn: "Normal",
                quickFormat: true,
                run: {
                    strike: true,
                    underline: {
                        type: UnderlineType.SINGLE,
                    },
                },
            },
        ],
    },
    numbering: {
@ -169,6 +195,14 @@ const doc = new Document({
                        new TextRun({
                            text: "and back to normal.",
                        }),
                        new TextRun({
                            text: "This text will be invisible!",
                            vanish: true,
                        }),
                        new TextRun({
                            text: "This text will be VERY invisible! Word processors cannot override this!",
                            specVanish: true,
                        }),
                    ],
                }),
                new Paragraph({
@ -182,6 +216,49 @@ const doc = new Document({
                        }),
                    ],
                }),
                new Paragraph({
                    style: "strikeUnderline",
                    children: [
                        new TextRun({
                            text: "Underline and Strike",
                        }),
                        new TextRun({
                            text: " Override Underline ",
                            underline: {
                                type: UnderlineType.NONE,
                            },
                        }),
                        new TextRun({
                            text: "Strike and Underline",
                        }),
                    ],
                }),
                new Paragraph({
                    children: [
                        new TextRun({
                            text: "Hello World ",
                        }),
                        new TextRun({
                            style: "strikeUnderlineCharacter",
                            text: "Underline and Strike",
                        }),
                        new TextRun({
                            text: " Another Hello World",
                        }),
                        new TextRun({
                            scale: 50,
                            text: " Scaled text",
                        }),
                    ],
                }),
                new Paragraph({
                    scale: 200,
                    children: [
                        new TextRun({
                            text: "Scaled paragraph",
                        }),
                    ],
                }),
            ],
        },
    ],
--- a/demo/20-table-cell-borders.ts
+++ b/demo/20-table-cell-borders.ts
@ -36,17 +36,17 @@ const doc = new Document({
                                        top: {
                                            style: BorderStyle.DASH_DOT_STROKED,
                                            size: 3,
-                                            color: "red",
+                                            color: "FF0000",
                                        },
                                        bottom: {
                                            style: BorderStyle.DOUBLE,
                                            size: 3,
-                                            color: "blue",
+                                            color: "0000FF",
                                        },
                                        left: {
                                            style: BorderStyle.DASH_DOT_STROKED,
                                            size: 3,
-                                            color: "green",
+                                            color: "00FF00",
                                        },
                                        right: {
                                            style: BorderStyle.DASH_DOT_STROKED,
--- a/demo/21-bookmarks.ts
+++ b/demo/21-bookmarks.ts
@ -1,9 +1,21 @@
 // This demo shows how to create bookmarks then link to them with internal hyperlinks
 // Import from 'docx' rather than '../build' if you install from npm
 import * as fs from "fs";
-import { Bookmark, Document, Footer, HeadingLevel, InternalHyperlink, Packer, PageBreak, Paragraph, TextRun } from "../build";
+import {
    Bookmark,
    Document,
    Footer,
    HeadingLevel,
    InternalHyperlink,
    Packer,
    PageBreak,
    Paragraph,
    TextRun,
    PageReference,
 } from "../build";
 const LOREM_IPSUM =
    /* cspell:disable-next-line */
    "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam mi velit, convallis convallis scelerisque nec, faucibus nec leo. Phasellus at posuere mauris, tempus dignissim velit. Integer et tortor dolor. Duis auctor efficitur mattis. Vivamus ut metus accumsan tellus auctor sollicitudin venenatis et nibh. Cras quis massa ac metus fringilla venenatis. Proin rutrum mauris purus, ut suscipit magna consectetur id. Integer consectetur sollicitudin ante, vitae faucibus neque efficitur in. Praesent ultricies nibh lectus. Mauris pharetra id odio eget iaculis. Duis dictum, risus id pellentesque rutrum, lorem quam malesuada massa, quis ullamcorper turpis urna a diam. Cras vulputate metus vel massa porta ullamcorper. Etiam porta condimentum nulla nec tristique. Sed nulla urna, pharetra non tortor sed, sollicitudin molestie diam. Maecenas enim leo, feugiat eget vehicula id, sollicitudin vitae ante.";
 const doc = new Document({
@ -18,10 +30,12 @@ const doc = new Document({
                        new Paragraph({
                            children: [
                                new InternalHyperlink({
-                                    child: new TextRun({
+                                    children: [
                                        new TextRun({
                                            text: "Click here!",
                                            style: "Hyperlink",
                                        }),
                                    ],
                                    anchor: "myAnchorId",
                                }),
                            ],
@ -47,14 +61,24 @@ const doc = new Document({
                new Paragraph({
                    children: [
                        new InternalHyperlink({
-                            child: new TextRun({
+                            children: [
-                                text: "Anchor Text",
+                                new TextRun({
                                    text: "Styled",
                                    bold: true,
                                    style: "Hyperlink",
                                }),
                                new TextRun({
                                    text: " Anchor Text",
                                    style: "Hyperlink",
                                }),
                            ],
                            anchor: "myAnchorId",
                        }),
                    ],
                }),
                new Paragraph({
                    children: [new TextRun("The bookmark can be seen on page "), new PageReference("myAnchorId")],
                }),
            ],
        },
    ],
--- a/demo/26-paragraph-borders.ts
+++ b/demo/26-paragraph-borders.ts
@ -1,7 +1,7 @@
 // Creates two paragraphs, one with a border and one without
 // Import from 'docx' rather than '../build' if you install from npm
 import * as fs from "fs";
-import { Document, Packer, Paragraph } from "../build";
+import { BorderStyle, Document, Packer, Paragraph, TextRun } from "../build";
 const doc = new Document({
    sections: [
@ -14,17 +14,47 @@ const doc = new Document({
                        top: {
                            color: "auto",
                            space: 1,
-                            value: "single",
+                            style: BorderStyle.SINGLE,
                            size: 6,
                        },
                        bottom: {
                            color: "auto",
                            space: 1,
-                            value: "single",
+                            style: BorderStyle.SINGLE,
                            size: 6,
                        },
                    },
                }),
                new Paragraph({
                    text: "",
                    border: {
                        top: {
                            color: "auto",
                            space: 1,
                            style: BorderStyle.SINGLE,
                            size: 6,
                        },
                    },
                }),
                new Paragraph({
                    children: [
                        new TextRun({
                            text: "This will ",
                        }),
                        new TextRun({
                            text: "have a border.",
                            border: {
                                color: "auto",
                                space: 1,
                                style: BorderStyle.SINGLE,
                                size: 6,
                            },
                        }),
                        new TextRun({
                            text: " This will not.",
                        }),
                    ],
                }),
            ],
        },
    ],
--- a/demo/28-table-of-contents.ts
+++ b/demo/28-table-of-contents.ts
@ -9,6 +9,9 @@ import { File, HeadingLevel, Packer, Paragraph, StyleLevel, TableOfContents } fr
 // Let's define the properties for generate a TOC for heading 1-5 and MySpectacularStyle,
 // making the entries be hyperlinks for the paragraph
 const doc = new File({
    features: {
        updateFields: true,
    },
    styles: {
        paragraphStyles: [
            {
--- a/demo/3-numbering-and-bullet-points.ts
+++ b/demo/3-numbering-and-bullet-points.ts
@ -1,7 +1,7 @@
 // Numbering and bullet points example
 // Import from 'docx' rather than '../build' if you install from npm
 import * as fs from "fs";
-import { AlignmentType, convertInchesToTwip, Document, HeadingLevel, LevelFormat, Packer, Paragraph } from "../build";
+import { AlignmentType, convertInchesToTwip, Document, Footer, Header, HeadingLevel, LevelFormat, Packer, Paragraph } from "../build";
 const doc = new Document({
    numbering: {
@ -119,6 +119,46 @@ const doc = new Document({
    },
    sections: [
        {
            headers: {
                default: new Header({
                    children: [
                        new Paragraph({
                            text: "Hey you",
                            numbering: {
                                reference: "my-crazy-numbering",
                                level: 0,
                            },
                        }),
                        new Paragraph({
                            text: "What's up fam",
                            numbering: {
                                reference: "my-crazy-numbering",
                                level: 1,
                            },
                        }),
                    ],
                }),
            },
            footers: {
                default: new Footer({
                    children: [
                        new Paragraph({
                            text: "Hey you",
                            numbering: {
                                reference: "my-crazy-numbering",
                                level: 0,
                            },
                        }),
                        new Paragraph({
                            text: "What's up fam",
                            numbering: {
                                reference: "my-crazy-numbering",
                                level: 1,
                            },
                        }),
                    ],
                }),
            },
            children: [
                new Paragraph({
                    text: "Hey you",
--- a/demo/30-template-document.ts
+++ b/demo/30-template-document.ts
@ -1,35 +0,0 @@
 // Example on how to use a template document
 // Import from 'docx' rather than '../build' if you install from npm
 import * as fs from "fs";
 import { Document, ImportDotx, Packer, Paragraph } from "../build";
 const importDotx = new ImportDotx();
 const filePath = "./demo/dotx/template.dotx";
 fs.readFile(filePath, (err, data) => {
    if (err) {
        throw new Error(`Failed to read file ${filePath}.`);
    }
    importDotx.extract(data).then((templateDocument) => {
        const doc = new Document(
            {
                sections: [
                    {
                        properties: {
                            titlePage: templateDocument.titlePageIsDefined,
                        },
                        children: [new Paragraph("Hello World")],
                    },
                ],
            },
            {
                template: templateDocument,
            },
        );
        Packer.toBuffer(doc).then((buffer) => {
            fs.writeFileSync("My Document.docx", buffer);
        });
    });
 });
--- a/demo/31-tables.ts
+++ b/demo/31-tables.ts
@ -34,8 +34,7 @@ const doc = new Document({
                                new TableCell({
                                    children: [
                                        new Paragraph({
-                                            text:
+                                            text: "Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah",
                                                "Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah",
                                            heading: HeadingLevel.HEADING_1,
                                        }),
                                    ],
--- a/demo/32-merge-and-shade-table-cells.ts
+++ b/demo/32-merge-and-shade-table-cells.ts
@ -98,7 +98,7 @@ const table3 = new Table({
                    children: [new Paragraph("Bar1")],
                    shading: {
                        fill: "b79c2f",
-                        val: ShadingType.REVERSE_DIAGONAL_STRIPE,
+                        type: ShadingType.REVERSE_DIAGONAL_STRIPE,
                        color: "auto",
                    },
                }),
@ -106,7 +106,7 @@ const table3 = new Table({
                    children: [new Paragraph("Bar2")],
                    shading: {
                        fill: "42c5f4",
-                        val: ShadingType.PERCENT_95,
+                        type: ShadingType.PERCENT_95,
                        color: "auto",
                    },
                }),
@ -114,7 +114,7 @@ const table3 = new Table({
                    children: [new Paragraph("Bar3")],
                    shading: {
                        fill: "880aa8",
-                        val: ShadingType.PERCENT_10,
+                        type: ShadingType.PERCENT_10,
                        color: "e2df0b",
                    },
                }),
@ -122,7 +122,7 @@ const table3 = new Table({
                    children: [new Paragraph("Bar4")],
                    shading: {
                        fill: "FF0000",
-                        val: ShadingType.CLEAR,
+                        type: ShadingType.CLEAR,
                        color: "auto",
                    },
                }),
@ -224,22 +224,22 @@ const borders = {
    top: {
        style: BorderStyle.DASH_SMALL_GAP,
        size: 1,
-        color: "red",
+        color: "FF0000",
    },
    bottom: {
        style: BorderStyle.DASH_SMALL_GAP,
        size: 1,
-        color: "red",
+        color: "FF0000",
    },
    left: {
        style: BorderStyle.DASH_SMALL_GAP,
        size: 1,
-        color: "red",
+        color: "FF0000",
    },
    right: {
        style: BorderStyle.DASH_SMALL_GAP,
        size: 1,
-        color: "red",
+        color: "FF0000",
    },
 };
--- a/demo/35-hyperlinks.ts
+++ b/demo/35-hyperlinks.ts
@ -11,10 +11,12 @@ const doc = new Document({
                    children: [
                        new TextRun("Click here for the "),
                        new ExternalHyperlink({
-                            child: new TextRun({
+                            children: [
                                new TextRun({
                                    text: "Footnotes external hyperlink",
                                    style: "Hyperlink",
                                }),
                            ],
                            link: "http://www.example.com",
                        }),
                    ],
@ -31,10 +33,12 @@ const doc = new Document({
                            children: [
                                new TextRun("Click here for the "),
                                new ExternalHyperlink({
-                                    child: new TextRun({
+                                    children: [
                                        new TextRun({
                                            text: "Footer external hyperlink",
                                            style: "Hyperlink",
                                        }),
                                    ],
                                    link: "http://www.example.com",
                                }),
                            ],
@ -49,10 +53,12 @@ const doc = new Document({
                            children: [
                                new TextRun("Click here for the "),
                                new ExternalHyperlink({
-                                    child: new TextRun({
+                                    children: [
                                        new TextRun({
                                            text: "Header external hyperlink",
                                            style: "Hyperlink",
                                        }),
                                    ],
                                    link: "http://www.google.com",
                                }),
                            ],
@ -64,10 +70,12 @@ const doc = new Document({
                new Paragraph({
                    children: [
                        new ExternalHyperlink({
-                            child: new TextRun({
+                            children: [
                                new TextRun({
                                    text: "Anchor Text",
                                    style: "Hyperlink",
                                }),
                            ],
                            link: "http://www.example.com",
                        }),
                        new FootnoteReferenceRun(1),
@ -76,24 +84,63 @@ const doc = new Document({
                new Paragraph({
                    children: [
                        new ExternalHyperlink({
-                            child: new ImageRun({
+                            children: [
                                new ImageRun({
                                    data: fs.readFileSync("./demo/images/image1.jpeg"),
                                    transformation: {
                                        width: 100,
                                        height: 100,
                                    },
                                }),
                            ],
                            link: "http://www.google.com",
                        }),
                        new ExternalHyperlink({
-                            child: new TextRun({
+                            children: [
                                new TextRun({
                                    text: "BBC News Link",
                                    style: "Hyperlink",
                                }),
                            ],
                            link: "https://www.bbc.co.uk/news",
                        }),
                    ],
                }),
                new Paragraph({
                    children: [
                        new TextRun({
                            text: "This is a hyperlink with formatting: ",
                        }),
                        new ExternalHyperlink({
                            children: [
                                new TextRun({
                                    text: "A ",
                                    style: "Hyperlink",
                                }),
                                new TextRun({
                                    text: "single ",
                                    bold: true,
                                    style: "Hyperlink",
                                }),
                                new TextRun({
                                    text: "link",
                                    doubleStrike: true,
                                    style: "Hyperlink",
                                }),
                                new TextRun({
                                    text: "1",
                                    superScript: true,
                                    style: "Hyperlink",
                                }),
                                new TextRun({
                                    text: "!",
                                    style: "Hyperlink",
                                }),
                            ],
                            link: "http://www.example.com",
                        }),
                    ],
                }),
            ],
        },
    ],
--- a/demo/39-page-numbers.ts
+++ b/demo/39-page-numbers.ts
@ -1,7 +1,7 @@
 // Example how to display page numbers
 // Import from 'docx' rather than '../build' if you install from npm
 import * as fs from "fs";
-import { AlignmentType, Document, Footer, Header, Packer, PageBreak, PageNumber, PageNumberFormat, Paragraph, TextRun } from "../build";
+import { AlignmentType, Document, Footer, Header, Packer, PageBreak, PageNumber, NumberFormat, Paragraph, TextRun } from "../build";
 const doc = new Document({
    sections: [
@ -10,7 +10,7 @@ const doc = new Document({
                page: {
                    pageNumbers: {
                        start: 1,
-                        formatType: PageNumberFormat.DECIMAL,
+                        formatType: NumberFormat.DECIMAL,
                    },
                },
            },
--- a/demo/43-images-to-table-cell-2.ts
+++ b/demo/43-images-to-table-cell-2.ts
@ -1,9 +1,15 @@
 // Add image to table cell
 // Import from 'docx' rather than '../build' if you install from npm
 import * as fs from "fs";
-import { Document, Packer, Paragraph, Table, TableCell, TableRow } from "../build";
+import { Document, ImageRun, Packer, Paragraph, Table, TableCell, TableRow, WidthType } from "../build";
 const imageBase64Data = `iVBORw0KGgoAAAANSUhEUgAAAIAAAACACAMAAAD04JH5AAACzVBMVEUAAAAAAAAAAAAAAAA/AD8zMzMqKiokJCQfHx8cHBwZGRkuFxcqFSonJyckJCQiIiIfHx8eHh4cHBwoGhomGSYkJCQhISEfHx8eHh4nHR0lHBwkGyQjIyMiIiIgICAfHx8mHh4lHh4kHR0jHCMiGyIhISEgICAfHx8lHx8kHh4jHR0hHCEhISEgICAlHx8kHx8jHh4jHh4iHSIhHCEhISElICAkHx8jHx8jHh4iHh4iHSIhHSElICAkICAjHx8jHx8iHh4iHh4hHiEhHSEkICAjHx8iHx8iHx8hHh4hHiEkHSEjHSAjHx8iHx8iHx8hHh4kHiEkHiEjHSAiHx8hHx8hHh4kHiEjHiAjHSAiHx8iHx8hHx8kHh4jHiEjHiAjHiAiICAiHx8kHx8jHh4jHiEjHiAiHiAiHSAiHx8jHx8jHx8jHiAiHiAiHiAiHSAiHx8jHx8jHx8iHiAiHiAiHiAjHx8jHx8jHx8jHx8iHiAiHiAiHiAjHx8jHx8jHx8iHx8iHSAiHiAjHiAjHx8jHx8hHx8iHx8iHyAiHiAjHiAjHiAjHh4hHx8iHx8iHx8iHyAjHSAjHiAjHiAjHh4hHx8iHx8iHx8jHyAjHiAhHh4iHx8iHx8jHyAjHSAjHSAhHiAhHh4iHx8iHx8jHx8jHyAjHSAjHSAiHh4iHh4jHx8jHx8jHyAjHyAhHSAhHSAiHh4iHh4jHx8jHx8jHyAhHyAhHSAiHSAiHh4jHh4jHx8jHx8jHyAhHyAhHSAiHSAjHR4jHh4jHx8jHx8hHyAhHyAiHSAjHSAjHR4jHh4jHx8hHx8hHyAhHyAiHyAjHSAjHR4jHR4hHh4hHx8hHyAiHyAjHyAjHSAjHR4jHR4hHh4hHx8hHyAjHyAjHyAjHSAjHR4hHR4hHR4hHx8iHyAjHyAjHyAjHSAhHR4hHR4hHR4hHx8jHyAjHyAjHyAjHyC9S2xeAAAA7nRSTlMAAQIDBAUGBwgJCgsMDQ4PEBESExQVFxgZGhscHR4fICEiIyQlJicoKSorLS4vMDEyMzQ1Njc4OTo7PD0+P0BBQkNERUZISUpLTE1OUFFSU1RVVllaW1xdXmBhYmNkZWZnaGprbG1ub3Byc3R1dnd4eXp8fn+AgYKDhIWGiImKi4yNj5CRkpOUlZaXmJmam5ydnp+goaKjpKaoqqusra6vsLGys7S1tri5uru8vb6/wMHCw8TFxsfIycrLzM3Oz9DR0tPU1dbX2Nna29zd3t/g4eLj5OXm5+jp6uvs7e7v8PHy8/T19vf4+fr7/P3+fkZpVQAABcBJREFUGBntwftjlQMcBvDnnLNL22qzJjWlKLHFVogyty3SiFq6EZliqZGyhnSxsLlMRahYoZKRFcul5dKFCatYqWZaNKvWtrPz/A2+7/b27qRzec/lPfvl/XxgMplMJpPJZDKZAtA9HJ3ppnIez0KnSdtC0RCNznHdJrbrh85wdSlVVRaEXuoGamYi5K5430HNiTiEWHKJg05eRWgNfKeV7RxbqUhGKPV/207VupQ8is0IoX5vtFC18SqEHaK4GyHTZ2kzVR8PBTCO4oANIZL4ShNVZcOhKKeYg9DoWdhI1ec3os2VFI0JCIUez5+i6st0qJZRrEAIJCw+QdW223BG/EmKwTBc/IJ/qfp2FDrkUnwFo8U9dZyqnaPhxLqfYjyM1S3vb6p+GGOBszsojoTDSDFz6qj66R4LzvYJxVMwUNRjf1H1ywQr/megg2RzLximy8waqvbda8M5iijegVEiHjlM1W/3h+FcXesphsMY4dMOUnUgOxyuPEzxPQwRNvV3qg5Nj4BreyimwADWe/dRVTMjEm6MoGLzGwtystL6RyOY3qSqdlYU3FpLZw1VW0sK5943MvUCKwJ1noNtjs6Ohge76Zq9ZkfpigU5WWkDYuCfbs1U5HWFR8/Qq4a9W0uK5k4ZmdrTCl8spGIePLPlbqqsc1Afe83O0hULc8alDYiBd7ZyitYMeBfR55rR2fOKP6ioPk2dGvZ+UVI0d8rtqT2tcCexlqK2F3wRn5Q+YVbBqrLKOupkr9lZujAOrmS0UpTb4JeIPkNHZ+cXr6uoPk2vyuBSPhWLEKj45PQJuQWryyqP0Z14uGLdROHIRNBEXDR09EP5r62rOHCazhrD4VKPwxTH+sIA3ZPTJ+YuWV22n+IruHFDC8X2CBjnPoolcGc2FYUwzmsUWXDHsoGKLBhmN0VvuBVfTVE/AAbpaid5CB4MbaLY1QXGuIViLTyZQcVyGGMuxWPwaA0Vk2GI9RRp8Ci2iuLkIBjhT5LNUfAspZFiTwyC72KK7+DNg1SsRvCNp3gZXq2k4iEEXSHFJHgVXUlxejCCbTvFAHiXdIJiXxyCK7KJ5FHoMZGK9xBcwyg2QpdlVMxEUM2iyIMuXXZQNF+HswxMsSAAJRQjoE//eoqDCXBSTO6f1xd+O0iyNRY6jaWi1ALNYCocZROj4JdEikroVkjFk9DcStXxpdfCD2MoXodu4RUU9ptxxmXssOfxnvDVcxRTod9FxyhqLoAqis5aPhwTDp9spRgEH2Q6KLbYoKqlaKTm6Isp0C/sJMnjFvhiERXPQvUNRe9p29lhR04CdBpC8Sl8YiuncIxEuzUUg4Dkgj+paVozygY9plPMh28SaymO9kabAopREGF3vt9MzeFFl8G7lRSZ8FFGK8XX4VA8QjEd7XrM3M0OXz8YCy+qKBLgq3wqnofiTorF0Ax56Rg1J1elW+BBAsVe+My6iYq7IK6keBdOIseV2qn5Pb8f3MqkWAXf9ThM8c8lAOIotuFsF875lRrH5klRcG0+xcPwQ1oLxfeRAP4heQTnGL78X2rqlw2DK59SXAV/zKaiGMAuko5InCt68mcOan5+ohf+z1pP8lQY/GHZQMV4YD3FpXDp4qerqbF/lBWBswyi+AL+ia+maLgcRRQj4IYlY/UpauqKBsPJAxQF8NM1TRQ/RudSPAD34rK3scOuR8/HGcspxsJfOVS8NZbiGXiUtPgINU3v3WFDmx8pEuG3EiqKKVbCC1vm2iZqap5LAtCtleQf8F9sFYWDohzeJczYyQ4V2bEZFGsQgJRGqqqhS2phHTWn9lDkIhBTqWqxQZ+IsRvtdHY9AvI2VX2hW68nfqGmuQsCEl3JdjfCF8OW1bPdtwhQ0gm2mQzfRE3a7KCYj0BNZJs8+Kxf/r6WtTEI2FIqlsMfFgRB5A6KUnSe/vUkX0AnuvUIt8SjM1m6wWQymUwmk8lkMgXRf5vi8rLQxtUhAAAAAElFTkSuQmCC`;
 const table = new Table({
    width: {
        size: 8640,
        type: WidthType.DXA,
    },
    rows: [
        new TableRow({
            children: [
@ -17,7 +23,19 @@ const table = new Table({
                    children: [],
                }),
                new TableCell({
-                    children: [],
+                    children: [
                        new Paragraph({
                            children: [
                                new ImageRun({
                                    data: Buffer.from(imageBase64Data, "base64"),
                                    transformation: {
                                        width: 100,
                                        height: 100,
                                    },
                                }),
                            ],
                        }),
                    ],
                }),
            ],
        }),
@ -27,7 +45,19 @@ const table = new Table({
                    children: [],
                }),
                new TableCell({
-                    children: [],
+                    children: [
                        new Paragraph({
                            children: [
                                new ImageRun({
                                    data: fs.readFileSync("./demo/images/image1.jpeg"),
                                    transformation: {
                                        width: 100,
                                        height: 100,
                                    },
                                }),
                            ],
                        }),
                    ],
                }),
                new TableCell({
                    children: [],
--- a/demo/45-highlighting-text.ts
+++ b/demo/45-highlighting-text.ts
@ -14,7 +14,7 @@ const doc = new Document({
                            children: [
                                new TextRun({
                                    text: "Hello World",
-                                    color: "red",
+                                    color: "FF0000",
                                    bold: true,
                                    size: 24,
                                    font: {
--- a/demo/46-shading-text.ts
+++ b/demo/46-shading-text.ts
@ -14,7 +14,7 @@ const doc = new Document({
                            children: [
                                new TextRun({
                                    text: "Hello World",
-                                    color: "red",
+                                    color: "FF0000",
                                    bold: true,
                                    size: 24,
                                    font: {
--- a/demo/47-number-of-total-pages-section.ts
+++ b/demo/47-number-of-total-pages-section.ts
@ -1,7 +1,7 @@
 // Multiple sections with total number of pages in each section
 // Import from 'docx' rather than '../build' if you install from npm
 import * as fs from "fs";
-import { AlignmentType, Document, Footer, Header, Packer, PageBreak, PageNumber, PageNumberFormat, Paragraph, TextRun } from "../build";
+import { AlignmentType, Document, Footer, Header, Packer, PageBreak, PageNumber, NumberFormat, Paragraph, TextRun } from "../build";
 const header = new Header({
    children: [
@ -31,7 +31,7 @@ const doc = new Document({
                page: {
                    pageNumbers: {
                        start: 1,
-                        formatType: PageNumberFormat.DECIMAL,
+                        formatType: NumberFormat.DECIMAL,
                    },
                },
            },
@ -52,7 +52,7 @@ const doc = new Document({
                page: {
                    pageNumbers: {
                        start: 1,
-                        formatType: PageNumberFormat.DECIMAL,
+                        formatType: NumberFormat.DECIMAL,
                    },
                },
            },
--- a/demo/48-vertical-align.ts
+++ b/demo/48-vertical-align.ts
@ -1,13 +1,13 @@
 // Example of making content of section vertically aligned
 // Import from 'docx' rather than '../build' if you install from npm
 import * as fs from "fs";
-import { Document, Packer, Paragraph, SectionVerticalAlignValue, TextRun } from "../build";
+import { Document, Packer, Paragraph, VerticalAlign, TextRun, Tab } from "../build";
 const doc = new Document({
    sections: [
        {
            properties: {
-                verticalAlign: SectionVerticalAlignValue.CENTER,
+                verticalAlign: VerticalAlign.CENTER,
            },
            children: [
                new Paragraph({
@ -18,7 +18,7 @@ const doc = new Document({
                            bold: true,
                        }),
                        new TextRun({
-                            text: "\tGithub is the best",
+                            children: [new Tab(), "Github is the best"],
                            bold: true,
                        }),
                    ],
--- a/demo/49-table-borders.ts
+++ b/demo/49-table-borders.ts
@ -24,22 +24,22 @@ const table = new Table({
                        top: {
                            style: BorderStyle.DASH_SMALL_GAP,
                            size: 1,
-                            color: "red",
+                            color: "ff0000",
                        },
                        bottom: {
                            style: BorderStyle.DASH_SMALL_GAP,
                            size: 1,
-                            color: "red",
+                            color: "ff0000",
                        },
                        left: {
                            style: BorderStyle.DASH_SMALL_GAP,
                            size: 1,
-                            color: "red",
+                            color: "ff0000",
                        },
                        right: {
                            style: BorderStyle.DASH_SMALL_GAP,
                            size: 1,
-                            color: "red",
+                            color: "ff0000",
                        },
                    },
                    children: [new Paragraph("Hello")],
@ -123,8 +123,7 @@ const noBorderTable = new Table({
                new TableCell({
                    children: [
                        new Paragraph({
-                            text:
+                            text: "Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah",
                                "Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah",
                            heading: HeadingLevel.HEADING_1,
                        }),
                    ],
--- a/demo/5-images.ts
+++ b/demo/5-images.ts
@ -25,6 +25,11 @@ const doc = new Document({
                                width: 100,
                                height: 100,
                            },
                            altText: {
                                title: "This is an ultimate title",
                                description: "This is an ultimate image",
                                name: "My Ultimate Image",
                            },
                        }),
                    ],
                }),
--- a/demo/51-character-styles.ts
+++ b/demo/51-character-styles.ts
@ -43,8 +43,7 @@ const doc = new Document({
                            style: "strong",
                        }),
                        new TextRun({
-                            text:
+                            text: " - Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.",
                                " - Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.",
                        }),
                    ],
                }),
--- a/demo/55-math.ts
+++ b/demo/55-math.ts
@ -16,6 +16,7 @@ import {
    MathSubScript,
    MathSubSuperScript,
    MathSum,
    MathIntegral,
    MathSuperScript,
    Packer,
    Paragraph,
@ -90,6 +91,35 @@ const doc = new Document({
                        }),
                    ],
                }),
                new Paragraph({
                    children: [
                        new Math({
                            children: [
                                new MathIntegral({
                                    children: [new MathRun("test")],
                                }),
                                new MathIntegral({
                                    children: [
                                        new MathSuperScript({
                                            children: [new MathRun("e")],
                                            superScript: [new MathRun("2")],
                                        }),
                                    ],
                                    subScript: [new MathRun("i")],
                                }),
                                new MathIntegral({
                                    children: [
                                        new MathRadical({
                                            children: [new MathRun("i")],
                                        }),
                                    ],
                                    subScript: [new MathRun("i")],
                                    superScript: [new MathRun("10")],
                                }),
                            ],
                        }),
                    ],
                }),
                new Paragraph({
                    children: [
                        new Math({
--- a/demo/56-background-color.ts
+++ b/demo/56-background-color.ts
@ -1,7 +1,7 @@
 // Change background colour of whole document
 // Import from 'docx' rather than '../build' if you install from npm
 import * as fs from "fs";
-import { Document, Packer, Paragraph, TextRun } from "../build";
+import { Document, Packer, Paragraph, Tab, TextRun } from "../build";
 const doc = new Document({
    background: {
@ -19,7 +19,7 @@ const doc = new Document({
                            bold: true,
                        }),
                        new TextRun({
-                            text: "\tGithub is the best",
+                            children: [new Tab(), "Github is the best"],
                            bold: true,
                        }),
                    ],
--- a/demo/6-page-borders.ts
+++ b/demo/6-page-borders.ts
@ -1,7 +1,7 @@
 // Example of how to change page borders
 // Import from 'docx' rather than '../build' if you install from npm
 import * as fs from "fs";
-import { Document, HeadingLevel, Packer, Paragraph, TextRun } from "../build";
+import { Document, HeadingLevel, Packer, Paragraph, Tab, TextRun } from "../build";
 const doc = new Document({
    sections: [
@ -25,7 +25,7 @@ const doc = new Document({
                            bold: true,
                        }),
                        new TextRun({
-                            text: "\tGithub is the best",
+                            children: [new Tab(), "Github is the best"],
                            bold: true,
                        }),
                    ],
--- a/demo/60-track-revisions.ts
+++ b/demo/60-track-revisions.ts
@ -12,6 +12,7 @@ import {
    PageNumber,
    Paragraph,
    ShadingType,
    Tab,
    TextRun,
 } from "../build";
@ -20,10 +21,12 @@ import {
    - https://docs.microsoft.com/en-us/dotnet/api/documentformat.openxml.wordprocessing.insertedrun
    - https://docs.microsoft.com/en-us/dotnet/api/documentformat.openxml.wordprocessing.deletedrun
-    The method `addTrackRevisions()` adds an element `<w:trackRevisions />` to the `settings.xml` file. This specifies that the application shall track *new* revisions made to the existing document.
+    The setting `features: { trackRevisions: true }` adds an element `<w:trackRevisions />` to the `settings.xml` file.
    This specifies that the application shall track *new* revisions made to the existing document.
    See also https://docs.microsoft.com/en-us/dotnet/api/documentformat.openxml.wordprocessing.trackrevisions
-    Note that this setting enables to track *new changes* after teh file is generated, so this example will still show inserted and deleted text runs when you remove it.
+    Note that this setting enables to track *new changes* after teh file is generated, so this example will still
    show inserted and deleted text runs when you remove it.
 */
 const paragraph = new Paragraph({
@ -85,7 +88,7 @@ const doc = new Document({
                        new DeletedTextRun({
                            break: 1,
                            text: "in order",
-                            color: "red",
+                            color: "ff0000",
                            bold: true,
                            size: 24,
                            font: {
@ -109,7 +112,17 @@ const doc = new Document({
                        }),
                        new TextRun({
                            bold: true,
-                            children: ["\tuse Inserted and Deleted TextRuns.", new FootnoteReferenceRun(1)],
+                            children: [new Tab(), "use Inserted and Deleted TextRuns.", new FootnoteReferenceRun(1)],
                        }),
                        new TextRun({
                            bold: true,
                            text: "And some style changes",
                            revision: {
                                id: 4,
                                author: "Firstname Lastname",
                                date: "2020-10-06T09:05:00Z",
                                bold: false,
                            },
                        }),
                    ],
                }),
--- a/demo/61-text-frame.ts
+++ b/demo/61-text-frame.ts
@ -1,7 +1,17 @@
 // Text Frame (Text Box) example
 // Import from 'docx' rather than '../build' if you install from npm
 import * as fs from "fs";
-import { Document, FrameAnchorType, HorizontalPositionAlign, Packer, Paragraph, TextRun, VerticalPositionAlign } from "../build";
+import {
    BorderStyle,
    Document,
    FrameAnchorType,
    HorizontalPositionAlign,
    Packer,
    Paragraph,
    Tab,
    TextRun,
    VerticalPositionAlign,
 } from "../build";
 const doc = new Document({
    sections: [
@ -29,25 +39,25 @@ const doc = new Document({
                        top: {
                            color: "auto",
                            space: 1,
-                            value: "single",
+                            style: BorderStyle.SINGLE,
                            size: 6,
                        },
                        bottom: {
                            color: "auto",
                            space: 1,
-                            value: "single",
+                            style: BorderStyle.SINGLE,
                            size: 6,
                        },
                        left: {
                            color: "auto",
                            space: 1,
-                            value: "single",
+                            style: BorderStyle.SINGLE,
                            size: 6,
                        },
                        right: {
                            color: "auto",
                            space: 1,
-                            value: "single",
+                            style: BorderStyle.SINGLE,
                            size: 6,
                        },
                    },
@ -58,7 +68,7 @@ const doc = new Document({
                            bold: true,
                        }),
                        new TextRun({
-                            text: "\tGithub is the best",
+                            children: [new Tab(), "Github is the best"],
                            bold: true,
                        }),
                    ],
--- a/demo/65-page-sizes.ts
+++ b/demo/65-page-sizes.ts
@ -0,0 +1,38 @@
 // Example of how to set the document page sizes
 // Reference from https://papersizes.io/a/a3
 // Import from 'docx' rather than '../build' if you install from npm
 import * as fs from "fs";
 import { convertMillimetersToTwip, Document, Packer, PageOrientation, Paragraph } from "../build";
 const doc = new Document({
    sections: [
        {
            properties: {
                page: {
                    size: {
                        orientation: PageOrientation.LANDSCAPE,
                        height: convertMillimetersToTwip(210),
                        width: convertMillimetersToTwip(148),
                    },
                },
            },
            children: [new Paragraph("Hello World")],
        },
        {
            properties: {
                page: {
                    size: {
                        orientation: PageOrientation.PORTRAIT,
                        height: convertMillimetersToTwip(420),
                        width: convertMillimetersToTwip(297),
                    },
                },
            },
            children: [new Paragraph("Hello World")],
        },
    ],
 });
 Packer.toBuffer(doc).then((buffer) => {
    fs.writeFileSync("My Document.docx", buffer);
 });
--- a/demo/66-fields.ts
+++ b/demo/66-fields.ts
@ -0,0 +1,43 @@
 // Use fields to include dynamic text
 // Import from 'docx' rather than '../build' if you install from npm
 import * as fs from "fs";
 import { Bookmark, Document, Packer, Paragraph, SimpleField, TextRun } from "../build";
 const doc = new Document({
    creator: "Me",
    sections: [
        {
            properties: {},
            children: [
                new Paragraph({
                    children: [
                        new TextRun("This document is called "),
                        new SimpleField("FILENAME", "My Document.docx"),
                        new TextRun(", was created on "),
                        new SimpleField('CREATEDATE  \\@ "d MMMM yyyy"'),
                        new TextRun(" by "),
                        new SimpleField("AUTHOR"),
                    ],
                }),
                new Paragraph({
                    children: [
                        new TextRun("The document has "),
                        new SimpleField("NUMWORDS", "34"),
                        new TextRun(" words and if you'd print it "),
                        new Bookmark({
                            id: "TimesPrinted",
                            children: [new TextRun("42")],
                        }),
                        new TextRun(" times two-sided, you would need "),
                        new SimpleField("=INT((TimesPrinted+1)/2)"),
                        new TextRun(" sheets of paper."),
                    ],
                }),
            ],
        },
    ],
 });
 Packer.toBuffer(doc).then((buffer) => {
    fs.writeFileSync("My Document.docx", buffer);
 });
--- a/demo/67-column-break.ts
+++ b/demo/67-column-break.ts
@ -0,0 +1,30 @@
 // Section with 2 columns including a column break
 // Import from 'docx' rather than '../build' if you install from npm
 import * as fs from "fs";
 import { Document, Packer, Paragraph, ColumnBreak, TextRun } from "../build";
 const doc = new Document({
    sections: [
        {
            properties: {
                column: {
                    space: 708,
                    count: 2,
                },
            },
            children: [
                new Paragraph({
                    children: [
                        new TextRun("This text will be in the first column."),
                        new ColumnBreak(),
                        new TextRun("This text will be in the second column."),
                    ],
                }),
            ],
        },
    ],
 });
 Packer.toBuffer(doc).then((buffer) => {
    fs.writeFileSync("My Document.docx", buffer);
 });
--- a/demo/68-numbering-instances-and-starting-number.ts
+++ b/demo/68-numbering-instances-and-starting-number.ts
@ -0,0 +1,88 @@
 import * as fs from "fs";
 import { Document, Packer, Paragraph, LevelFormat } from "../build";
 const doc = new Document({
    numbering: {
        config: [
            {
                reference: "ref1",
                levels: [
                    {
                        level: 0,
                        format: LevelFormat.DECIMAL,
                        text: "%1",
                        start: 10,
                    },
                ],
            },
            {
                reference: "ref2",
                levels: [
                    {
                        level: 0,
                        format: LevelFormat.DECIMAL,
                        text: "%1",
                    },
                ],
            },
        ],
    },
    sections: [
        {
            children: [
                new Paragraph({
                    text: "REF1 - inst:0 - lvl:0",
                    numbering: {
                        reference: "ref1",
                        instance: 0,
                        level: 0,
                    },
                }),
                new Paragraph({
                    text: "REF1 - inst:0 - lvl:0",
                    numbering: {
                        reference: "ref1",
                        instance: 0,
                        level: 0,
                    },
                }),
                new Paragraph({
                    text: "REF1 - inst:1 - lvl:0",
                    numbering: {
                        reference: "ref1",
                        instance: 1,
                        level: 0,
                    },
                }),
                new Paragraph({
                    text: "REF1 - inst:1 - lvl:0",
                    numbering: {
                        reference: "ref1",
                        instance: 1,
                        level: 0,
                    },
                }),
                new Paragraph({
                    text: "REF2 - inst:0 - lvl:0",
                    numbering: {
                        reference: "ref2",
                        instance: 1,
                        level: 0,
                    },
                }),
                new Paragraph({
                    text: "REF2 - inst:0 - lvl:0",
                    numbering: {
                        reference: "ref2",
                        instance: 1,
                        level: 0,
                    },
                }),
            ],
        },
    ],
 });
 Packer.toBuffer(doc).then((buffer) => {
    fs.writeFileSync("My Document.docx", buffer);
 });
--- a/demo/69-different-width-columns.ts
+++ b/demo/69-different-width-columns.ts
@ -0,0 +1,31 @@
 // Sections with multiple columns
 // Import from 'docx' rather than '../build' if you install from npm
 import * as fs from "fs";
 import { Column, Document, Packer, Paragraph } from "../build";
 const doc = new Document({
    sections: [
        {
            properties: {
                column: {
                    count: 2,
                    space: 720,
                    equalWidth: false,
                    children: [new Column({ width: 2880, space: 720 }), new Column({ width: 5760 })],
                },
            },
            children: [
                new Paragraph(
                    "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.",
                ),
                new Paragraph(
                    "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.",
                ),
            ],
        },
    ],
 });
 Packer.toBuffer(doc).then((buffer) => {
    fs.writeFileSync("My Document.docx", buffer);
 });
--- a/demo/70-line-numbers-suppression.ts
+++ b/demo/70-line-numbers-suppression.ts
@ -0,0 +1,37 @@
 // Example demonstrating line numbers with suppression.
 // Import from 'docx' rather than '../build' if you install from npm
 import * as fs from "fs";
 import { Document, HeadingLevel, LineNumberRestartFormat, Packer, Paragraph } from "../build";
 const doc = new Document({
    sections: [
        {
            properties: {
                lineNumbers: {
                    countBy: 1,
                    restart: LineNumberRestartFormat.CONTINUOUS,
                },
            },
            children: [
                new Paragraph({
                    text: "Hello",
                    heading: HeadingLevel.HEADING_1,
                }),
                new Paragraph(
                    "Himenaeos duis luctus nullam fermentum lobortis potenti vivamus non dis, sed facilisis ultricies scelerisque aenean risus hac senectus. Adipiscing id venenatis justo ante gravida placerat, ac curabitur dis pellentesque proin bibendum risus, aliquam porta taciti vulputate primis. Tortor ipsum fermentum quam vel convallis primis nisl praesent tincidunt, lobortis quisque felis vitae condimentum class ut sem nam, aenean potenti pretium ac amet lacinia himenaeos mi. Aliquam nisl turpis hendrerit est morbi malesuada, augue interdum mus inceptos curabitur tristique, parturient feugiat sodales nulla facilisi. Aliquam non pulvinar purus nulla ex integer, velit faucibus vitae at bibendum quam, risus elit aenean adipiscing posuere.",
                ),
                new Paragraph({
                    text: "Enim mollit nostrud ut dolor eiusmod id sit occaecat dolore culpa amet. Veniam dolor consequat dolor labore ullamco laborum dolore eiusmod qui adipisicing. Elit nulla cupidatat et magna. Id eiusmod tempor non laborum ipsum. Veniam et aliqua excepteur duis officia enim elit excepteur fugiat duis. Sit sunt ullamco non dolor est qui deserunt consequat magna. Esse pariatur esse dolor ut excepteur dolor nisi nisi non est cupidatat mollit.",
                    suppressLineNumbers: true,
                }),
                new Paragraph(
                    "Sed laoreet id mattis egestas nam mollis elit lacinia convallis dui tincidunt ultricies habitant, pharetra per maximus interdum neque tempor risus efficitur morbi imperdiet senectus. Lectus laoreet senectus finibus inceptos donec potenti fermentum, ultrices eleifend odio suscipit magnis tellus maximus nibh, ac sit nullam eget felis himenaeos. Diam class sem magnis aenean commodo faucibus id proin mi, nullam sodales nec mus parturient ornare ad inceptos velit hendrerit, bibendum placerat eleifend integer facilisis urna dictumst suspendisse.",
                ),
            ],
        },
    ],
 });
 Packer.toBuffer(doc).then((buffer) => {
    fs.writeFileSync("My Document.docx", buffer);
 });
--- a/demo/71-page-borders-2.ts
+++ b/demo/71-page-borders-2.ts
@ -0,0 +1,63 @@
 // Example demonstrating page borders with style, colors and size
 // Import from 'docx' rather than '../build' if you install from npm
 import * as fs from "fs";
 import { Document, Packer, TextRun, Paragraph, BorderStyle, PageBorderDisplay, PageBorderOffsetFrom, PageBorderZOrder } from "../build";
 const doc = new Document({
    sections: [
        {
            properties: {
                page: {
                    borders: {
                        pageBorderBottom: {
                            style: BorderStyle.SINGLE,
                            size: 2 * 8, //2pt;
                            color: "000000",
                        },
                        pageBorderLeft: {
                            style: BorderStyle.SINGLE,
                            size: 1 * 8, //1pt;
                            color: "000000",
                        },
                        pageBorderRight: {
                            style: BorderStyle.SINGLE,
                            size: 1 * 8, //1pt;
                            color: "FF00AA",
                        },
                        pageBorderTop: {
                            style: BorderStyle.SINGLE,
                            size: 1 * 8, //1pt;
                            color: "000000",
                        },
                        pageBorders: {
                            display: PageBorderDisplay.ALL_PAGES,
                            offsetFrom: PageBorderOffsetFrom.TEXT,
                            zOrder: PageBorderZOrder.FRONT,
                        },
                    },
                },
            },
            children: [
                new Paragraph({
                    children: [
                        new TextRun({
                            text: `Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.`,
                        }),
                    ],
                }),
                new Paragraph({
                    children: [
                        new TextRun({
                            text: `Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.`,
                        }),
                    ],
                }),
            ],
        },
    ],
 });
 // Used to export the file into a .docx file
 Packer.toBuffer(doc).then((buffer) => {
    fs.writeFileSync("My Document.docx", buffer);
 });
--- a/demo/72-word-wrap.ts
+++ b/demo/72-word-wrap.ts
@ -0,0 +1,55 @@
 // Example on how to preserve word wrap text. Works with all languages.
 // Import from 'docx' rather than '../build' if you install from npm
 import * as fs from "fs";
 import { Document, Packer, Paragraph, TextRun, SpaceType } from "../build";
 const doc = new Document({
    sections: [
        {
            children: [
                new Paragraph({
                    wordWrap: true,
                    children: [
                        new TextRun("我今天遛狗去公园"),
                        new TextRun({
                            text: "456435234523456435564745673456345456435234523456435564745673456345456435234523456435564745673456345456435234523456435564745673456345456435234523456435564745673456345",
                        }),
                    ],
                }),
                new Paragraph({
                    wordWrap: true,
                    children: [
                        new TextRun(
                            "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua",
                        ),
                        new TextRun({
                            text: "456435234523456435564745673456345456435234523456435564745673456345456435234523456435564745673456345456435234523456435564745673456345456435234523456435564745673456345",
                        }),
                    ],
                }),
                new Paragraph({
                    children: [
                        new TextRun("我今天遛狗去公园"),
                        new TextRun({
                            text: "456435234523456435564745673456345456435234523456435564745673456345456435234523456435564745673456345456435234523456435564745673456345456435234523456435564745673456345",
                        }),
                    ],
                }),
                new Paragraph({
                    children: [
                        new TextRun(
                            "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua",
                        ),
                        new TextRun({
                            text: "456435234523456435564745673456345456435234523456435564745673456345456435234523456435564745673456345456435234523456435564745673456345456435234523456435564745673456345",
                        }),
                    ],
                }),
            ],
        },
    ],
 });
 Packer.toBuffer(doc).then((buffer) => {
    fs.writeFileSync("My Document.docx", buffer);
 });
--- a/demo/73-comments.ts
+++ b/demo/73-comments.ts
@ -0,0 +1,138 @@
 // Simple example to add comments to a document
 // Import from 'docx' rather than '../build' if you install from npm
 import * as fs from "fs";
 import { Document, Packer, Paragraph, TextRun, CommentRangeStart, CommentRangeEnd, CommentReference } from "../build";
 const doc = new Document({
    comments: {
        children: [
            {
                id: 0,
                author: "Ray Chen",
                date: new Date(),
                children: [
                    new Paragraph({
                        children: [
                            new TextRun({
                                text: "some initial text content",
                            }),
                        ],
                    }),
                    new Paragraph({
                        children: [
                            new TextRun({
                                text: "comment text content",
                            }),
                            new TextRun({ text: "", break: 1 }),
                            new TextRun({
                                text: "More text here",
                                bold: true,
                            }),
                        ],
                    }),
                ],
            },
            {
                id: 1,
                author: "Bob Ross",
                date: new Date(),
                children: [
                    new Paragraph({
                        children: [
                            new TextRun({
                                text: "Some initial text content",
                            }),
                        ],
                    }),
                    new Paragraph({
                        children: [
                            new TextRun({
                                text: "comment text content",
                            }),
                        ],
                    }),
                ],
            },
            {
                id: 2,
                author: "John Doe",
                date: new Date(),
                children: [
                    new Paragraph({
                        children: [
                            new TextRun({
                                text: "Hello World",
                            }),
                        ],
                    }),
                ],
            },
            {
                id: 3,
                author: "Beatriz",
                date: new Date(),
                children: [
                    new Paragraph({
                        children: [
                            new TextRun({
                                text: "Another reply",
                            }),
                        ],
                    }),
                ],
            },
        ],
    },
    sections: [
        {
            properties: {},
            children: [
                new Paragraph({
                    children: [
                        new TextRun("Hello World"),
                        new CommentRangeStart(0),
                        new TextRun({
                            text: "Foo Bar",
                            bold: true,
                        }),
                        new CommentRangeEnd(0),
                        new TextRun({
                            children: [new CommentReference(0)],
                            bold: true,
                        }),
                    ],
                }),
                new Paragraph({
                    children: [
                        new CommentRangeStart(1),
                        new CommentRangeStart(2),
                        new CommentRangeStart(3),
                        new TextRun({
                            text: "Some text which need commenting",
                            bold: true,
                        }),
                        new CommentRangeEnd(1),
                        new TextRun({
                            children: [new CommentReference(1)],
                            bold: true,
                        }),
                        new CommentRangeEnd(2),
                        new TextRun({
                            children: [new CommentReference(2)],
                            bold: true,
                        }),
                        new CommentRangeEnd(3),
                        new TextRun({
                            children: [new CommentReference(3)],
                            bold: true,
                        }),
                    ],
                }),
            ],
        },
    ],
 });
 Packer.toBuffer(doc).then((buffer) => {
    fs.writeFileSync("My Document.docx", buffer);
 });
--- a/demo/74-nodejs-stream.ts
+++ b/demo/74-nodejs-stream.ts
@ -0,0 +1,30 @@
 // Exporting the document as a stream
 // Import from 'docx' rather than '../build' if you install from npm
 import * as fs from "fs";
 import { Document, Packer, Paragraph, Tab, TextRun } from "../build";
 const doc = new Document({
    sections: [
        {
            properties: {},
            children: [
                new Paragraph({
                    children: [
                        new TextRun("Hello World"),
                        new TextRun({
                            text: "Foo Bar",
                            bold: true,
                        }),
                        new TextRun({
                            children: [new Tab(), "Github is the best"],
                            bold: true,
                        }),
                    ],
                }),
            ],
        },
    ],
 });
 const stream = Packer.toStream(doc);
 stream.pipe(fs.createWriteStream("My Document.docx"));
--- a/demo/75-tab-stops.ts
+++ b/demo/75-tab-stops.ts
@ -0,0 +1,80 @@
 // Example of using tab stops
 // Import from 'docx' rather than '../build' if you install from npm
 import * as fs from "fs";
 import { Document, HeadingLevel, Packer, Paragraph, TabStopPosition, TabStopType, TextRun } from "../build";
 const columnWidth = TabStopPosition.MAX / 4;
 const receiptTabStops = [
        // no need to define first left tab column
        // the right aligned tab column position should point to the end of column
        // i.e. in this case
        // (end position of 1st) + (end position of current)
        // columnWidth + columnWidth = columnWidth * 2
        { type: TabStopType.RIGHT, position: columnWidth * 2 },
        { type: TabStopType.RIGHT, position: columnWidth * 3 },
        { type: TabStopType.RIGHT, position: TabStopPosition.MAX },
    ],
    twoTabStops = [{ type: TabStopType.RIGHT, position: TabStopPosition.MAX }];
 const doc = new Document({
    sections: [
        {
            properties: {},
            children: [
                new Paragraph({
                    heading: HeadingLevel.HEADING_1,
                    children: [new TextRun("Receipt 001")],
                }),
                new Paragraph({
                    tabStops: twoTabStops,
                    children: [
                        new TextRun({
                            text: "To Bob.\tBy Alice.",
                            bold: true,
                        }),
                    ],
                }),
                new Paragraph({
                    tabStops: twoTabStops,
                    children: [new TextRun("Foo Inc\tBar Inc")],
                }),
                new Paragraph({ text: "" }),
                new Paragraph({
                    tabStops: receiptTabStops,
                    children: [
                        new TextRun({
                            text: "Item\tPrice\tQuantity\tSub-total",
                            bold: true,
                        }),
                    ],
                }),
                new Paragraph({
                    tabStops: receiptTabStops,
                    text: "Item 3\t10\t5\t50",
                }),
                new Paragraph({
                    tabStops: receiptTabStops,
                    text: "Item 3\t10\t5\t50",
                }),
                new Paragraph({
                    tabStops: receiptTabStops,
                    text: "Item 3\t10\t5\t50",
                }),
                new Paragraph({
                    tabStops: receiptTabStops,
                    children: [
                        new TextRun({
                            text: "\t\t\tTotal: 200",
                            bold: true,
                        }),
                    ],
                }),
            ],
        },
    ],
 });
 const stream = Packer.toStream(doc);
 stream.pipe(fs.createWriteStream("My Document.docx"));
--- a/demo/76-compatibility.ts
+++ b/demo/76-compatibility.ts
@ -0,0 +1,87 @@
 // Add compatibility options
 // Import from 'docx' rather than '../build' if you install from npm
 import * as fs from "fs";
 import { Document, Packer, Paragraph, TextRun } from "../build";
 const doc = new Document({
    compatibility: {
        useSingleBorderforContiguousCells: true,
        wordPerfectJustification: true,
        noTabStopForHangingIndent: true,
        noLeading: true,
        spaceForUnderline: true,
        noColumnBalance: true,
        balanceSingleByteDoubleByteWidth: true,
        noExtraLineSpacing: true,
        doNotLeaveBackslashAlone: true,
        underlineTrailingSpaces: true,
        doNotExpandShiftReturn: true,
        spacingInWholePoints: true,
        lineWrapLikeWord6: true,
        printBodyTextBeforeHeader: true,
        printColorsBlack: true,
        spaceWidth: true,
        showBreaksInFrames: true,
        subFontBySize: true,
        suppressBottomSpacing: true,
        suppressTopSpacing: true,
        suppressSpacingAtTopOfPage: true,
        suppressTopSpacingWP: true,
        suppressSpBfAfterPgBrk: true,
        swapBordersFacingPages: true,
        convertMailMergeEsc: true,
        truncateFontHeightsLikeWP6: true,
        macWordSmallCaps: true,
        usePrinterMetrics: true,
        doNotSuppressParagraphBorders: true,
        wrapTrailSpaces: true,
        footnoteLayoutLikeWW8: true,
        shapeLayoutLikeWW8: true,
        alignTablesRowByRow: true,
        forgetLastTabAlignment: true,
        adjustLineHeightInTable: true,
        autoSpaceLikeWord95: true,
        noSpaceRaiseLower: true,
        doNotUseHTMLParagraphAutoSpacing: true,
        layoutRawTableWidth: true,
        layoutTableRowsApart: true,
        useWord97LineBreakRules: true,
        doNotBreakWrappedTables: true,
        doNotSnapToGridInCell: true,
        selectFieldWithFirstOrLastCharacter: true,
        applyBreakingRules: true,
        doNotWrapTextWithPunctuation: true,
        doNotUseEastAsianBreakRules: true,
        useWord2002TableStyleRules: true,
        growAutofit: true,
        useFELayout: true,
        useNormalStyleForList: true,
        doNotUseIndentAsNumberingTabStop: true,
        useAlternateEastAsianLineBreakRules: true,
        allowSpaceOfSameStyleInTable: true,
        doNotSuppressIndentation: true,
        doNotAutofitConstrainedTables: true,
        autofitToFirstFixedWidthCell: true,
        underlineTabInNumberingList: true,
        displayHangulFixedWidth: true,
        splitPgBreakAndParaMark: true,
        doNotVerticallyAlignCellWithSp: true,
        doNotBreakConstrainedForcedTable: true,
        ignoreVerticalAlignmentInTextboxes: true,
        useAnsiKerningPairs: true,
        cachedColumnBalance: true,
    },
    sections: [
        {
            children: [
                new Paragraph({
                    children: [new TextRun("Hello World")],
                }),
            ],
        },
    ],
 });
 Packer.toBuffer(doc).then((buffer) => {
    fs.writeFileSync("My Document.docx", buffer);
 });
--- a/demo/77-side-by-side-tables.ts
+++ b/demo/77-side-by-side-tables.ts
@ -0,0 +1,116 @@
 // Exporting the document as a stream
 // Import from 'docx' rather than '../build' if you install from npm
 import * as fs from "fs";
 import { Document, Packer, Paragraph, Table, TableBorders, TableCell, TableRow, WidthType } from "../build";
 const table1 = new Table({
    columnWidths: [3505, 5505],
    rows: [
        new TableRow({
            children: [
                new TableCell({
                    width: {
                        size: 3505,
                        type: WidthType.DXA,
                    },
                    children: [new Paragraph("Hello")],
                }),
                new TableCell({
                    width: {
                        size: 5505,
                        type: WidthType.DXA,
                    },
                    children: [],
                }),
            ],
        }),
        new TableRow({
            children: [
                new TableCell({
                    width: {
                        size: 3505,
                        type: WidthType.DXA,
                    },
                    children: [],
                }),
                new TableCell({
                    width: {
                        size: 5505,
                        type: WidthType.DXA,
                    },
                    children: [new Paragraph("World")],
                }),
            ],
        }),
    ],
 });
 const table2 = new Table({
    columnWidths: [3505, 5505],
    rows: [
        new TableRow({
            children: [
                new TableCell({
                    width: {
                        size: 3505,
                        type: WidthType.DXA,
                    },
                    children: [new Paragraph("Foo")],
                }),
                new TableCell({
                    width: {
                        size: 5505,
                        type: WidthType.DXA,
                    },
                    children: [],
                }),
            ],
        }),
        new TableRow({
            children: [
                new TableCell({
                    width: {
                        size: 3505,
                        type: WidthType.DXA,
                    },
                    children: [],
                }),
                new TableCell({
                    width: {
                        size: 5505,
                        type: WidthType.DXA,
                    },
                    children: [new Paragraph("Bar")],
                }),
            ],
        }),
    ],
 });
 const noBorderTable = new Table({
    borders: TableBorders.NONE,
    rows: [
        new TableRow({
            children: [
                new TableCell({
                    children: [table1],
                }),
                new TableCell({
                    children: [table2],
                }),
            ],
        }),
    ],
 });
 const doc = new Document({
    sections: [
        {
            properties: {},
            children: [noBorderTable],
        },
    ],
 });
 const stream = Packer.toStream(doc);
 stream.pipe(fs.createWriteStream("My Document.docx"));
--- a/demo/78-thai-distributed.ts
+++ b/demo/78-thai-distributed.ts
@ -0,0 +1,27 @@
 // Simple example to add text to a document
 // Import from 'docx' rather than '../build' if you install from npm
 import * as fs from "fs";
 import { AlignmentType, Document, Packer, Paragraph, TextRun } from "../build";
 const doc = new Document({
    sections: [
        {
            properties: {},
            children: [
                new Paragraph({
                    alignment: AlignmentType.THAI_DISTRIBUTE,
                    children: [
                        new TextRun({
                            text: "บริษัท บิสกิด จำกัด (บริษัทฯ) ได้จดทะเบียนจัดตั้งขึ้นเป็นบริษัทจำกัดตามประมวลกฎหมายแพ่งและพาณิชย์ของประเทศไทย เมื่อวันที่ 30 พฤษภาคม 2561 ทะเบียนนิติบุคคลเลขที่ 0845561005665",
                            size: 36,
                        }),
                    ],
                }),
            ],
        },
    ],
 });
 Packer.toBuffer(doc).then((buffer) => {
    fs.writeFileSync("My Document.docx", buffer);
 });
--- a/demo/79-table-from-data-source.ts
+++ b/demo/79-table-from-data-source.ts
@ -0,0 +1,193 @@
 // Example of how you would create a table and add data to it from a data source
 // Import from 'docx' rather than '../build' if you install from npm
 import * as fs from "fs";
 import {
    Document,
    HeadingLevel,
    Packer,
    Paragraph,
    Table,
    TableCell,
    TableRow,
    VerticalAlign,
    TextDirection,
    TextRun,
    WidthType,
 } from "../build";
 interface StockPrice {
    readonly date: Date;
    readonly ticker: string;
    readonly price: number;
 }
 const DATA: StockPrice[] = [
    {
        date: new Date("2007-08-28"),
        ticker: "Apple",
        price: 18.12,
    },
    {
        date: new Date("2007-08-29"),
        ticker: "Apple",
        price: 19.15,
    },
    {
        date: new Date("2007-08-30"),
        ticker: "Apple",
        price: 19.46,
    },
    {
        date: new Date("2007-08-31"),
        ticker: "Apple",
        price: 19.78,
    },
    {
        date: new Date("2007-09-04"),
        ticker: "Apple",
        price: 20.59,
    },
    {
        date: new Date("2007-09-05"),
        ticker: "Apple",
        price: 19.54,
    },
    {
        date: new Date("2007-09-06"),
        ticker: "Apple",
        price: 19.29,
    },
    {
        date: new Date("2007-09-07"),
        ticker: "Apple",
        price: 18.82,
    },
    {
        date: new Date("2007-09-10"),
        ticker: "Apple",
        price: 19.53,
    },
    {
        date: new Date("2007-09-11"),
        ticker: "Apple",
        price: 19.36,
    },
    {
        date: new Date("2007-09-12"),
        ticker: "Apple",
        price: 19.55,
    },
    {
        date: new Date("2007-09-13"),
        ticker: "Apple",
        price: 19.6,
    },
    {
        date: new Date("2007-09-14"),
        ticker: "Apple",
        price: 19.83,
    },
    {
        date: new Date("2007-09-17"),
        ticker: "Apple",
        price: 19.77,
    },
 ];
 const generateRows = (prices: StockPrice[]): TableRow[] =>
    prices.map(
        ({ date, ticker, price }) =>
            new TableRow({
                children: [
                    new TableCell({
                        children: [new Paragraph(date.toString())],
                        verticalAlign: VerticalAlign.CENTER,
                        textDirection: TextDirection.LEFT_TO_RIGHT_TOP_TO_BOTTOM,
                    }),
                    new TableCell({
                        children: [new Paragraph(ticker)],
                        verticalAlign: VerticalAlign.CENTER,
                        textDirection: TextDirection.LEFT_TO_RIGHT_TOP_TO_BOTTOM,
                    }),
                    new TableCell({
                        children: [new Paragraph(price.toString())],
                        verticalAlign: VerticalAlign.CENTER,
                        textDirection: TextDirection.TOP_TO_BOTTOM_RIGHT_TO_LEFT,
                    }),
                ],
            }),
    );
 const doc = new Document({
    sections: [
        {
            children: [
                new Table({
                    width: {
                        size: 9070,
                        type: WidthType.DXA,
                    },
                    rows: [
                        new TableRow({
                            children: [
                                new TableCell({
                                    children: [
                                        new Paragraph({
                                            heading: HeadingLevel.HEADING_2,
                                            children: [
                                                new TextRun({
                                                    text: "Date",
                                                    bold: true,
                                                    size: 40,
                                                }),
                                            ],
                                        }),
                                    ],
                                    verticalAlign: VerticalAlign.CENTER,
                                    textDirection: TextDirection.LEFT_TO_RIGHT_TOP_TO_BOTTOM,
                                }),
                                new TableCell({
                                    children: [
                                        new Paragraph({
                                            heading: HeadingLevel.HEADING_2,
                                            children: [
                                                new TextRun({
                                                    text: "Ticker",
                                                    bold: true,
                                                    size: 40,
                                                }),
                                            ],
                                        }),
                                    ],
                                    verticalAlign: VerticalAlign.CENTER,
                                    textDirection: TextDirection.LEFT_TO_RIGHT_TOP_TO_BOTTOM,
                                }),
                                new TableCell({
                                    children: [
                                        new Paragraph({
                                            heading: HeadingLevel.HEADING_2,
                                            children: [
                                                new TextRun({
                                                    text: "Price",
                                                    bold: true,
                                                    size: 40,
                                                }),
                                            ],
                                        }),
                                    ],
                                    verticalAlign: VerticalAlign.CENTER,
                                    textDirection: TextDirection.TOP_TO_BOTTOM_RIGHT_TO_LEFT,
                                }),
                            ],
                        }),
                        ...generateRows(DATA),
                    ],
                }),
            ],
        },
    ],
 });
 Packer.toBuffer(doc).then((buffer) => {
    fs.writeFileSync("My Document.docx", buffer);
 });
--- a/demo/80-thai-distributed.ts
+++ b/demo/80-thai-distributed.ts
@ -0,0 +1,49 @@
 // Simple example to add text to a document
 // Import from 'docx' rather than '../build' if you install from npm
 import * as fs from "fs";
 import { AlignmentType, convertMillimetersToTwip, Document, Packer, Paragraph, TextRun } from "../build";
 const doc = new Document({
    styles: {
        paragraphStyles: [
            {
                id: "test",
                name: "Test",
                basedOn: "Normal",
                next: "Normal",
                paragraph: {
                    indent: { left: convertMillimetersToTwip(6.4) },
                },
            },
        ],
    },
    sections: [
        {
            properties: {
                page: {
                    margin: {
                        top: 0,
                        right: convertMillimetersToTwip(24),
                        bottom: convertMillimetersToTwip(24),
                        left: convertMillimetersToTwip(24),
                    },
                },
            },
            children: [
                new Paragraph({
                    alignment: AlignmentType.THAI_DISTRIBUTE,
                    children: [
                        new TextRun({
                            text: "บริษัทฯ มีเงินสด 41,985.00 บาท และ 25,855.66 บาทตามลำดับ เงินสดทั้งจำนวนอยู่ในความดูแลและรับผิดชอบของกรรมการ บริษัทฯบันทึกการรับชำระเงินและการจ่ายชำระเงินผ่านบัญชีเงินสดเพียงเท่านั้น ซึ่งอาจกระทบต่อความถูกต้องครบถ้วนของการบันทึกบัญชี ทั้งนี้ขึ้นอยู่กับระบบการควบคุมภายในของบริษัท",
                            size: 28,
                        }),
                    ],
                }),
            ],
        },
    ],
 });
 Packer.toBuffer(doc).then((buffer) => {
    fs.writeFileSync("My Document.docx", buffer);
 });
--- a/demo/81-continuous-header.ts
+++ b/demo/81-continuous-header.ts
@ -0,0 +1,148 @@
 // Example of a continuous header
 // Import from 'docx' rather than '../build' if you install from npm
 import * as fs from "fs";
 import { Document, Footer, Header, Packer, Paragraph, SectionType, Tab, TextRun } from "../build";
 const doc = new Document({
    creator: "Creator",
    title: "Title",
    sections: [
        {
            properties: { titlePage: true },
            headers: {
                first: new Header({
                    children: [
                        new Paragraph({
                            children: [
                                new TextRun({
                                    text: "HEADER PAGE ONE",
                                }),
                            ],
                        }),
                    ],
                }),
                default: new Header({
                    children: [
                        new Paragraph({
                            children: [
                                new TextRun({
                                    text: "HEADER PAGE TWO AND FOLLOWING PAGES",
                                }),
                            ],
                        }),
                    ],
                }),
            },
            footers: {
                first: new Footer({
                    children: [
                        new Paragraph({
                            children: [
                                new TextRun({
                                    text: "FOOTER PAGE ONE",
                                }),
                            ],
                        }),
                    ],
                }),
                default: new Footer({
                    children: [
                        new Paragraph({
                            children: [
                                new TextRun({
                                    text: "FOOTER PAGE TWO AND FOLLOWING PAGES",
                                }),
                            ],
                        }),
                    ],
                }),
            },
            children: [
                new Paragraph({
                    children: [
                        new TextRun({
                            text: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ac suscipit orci, in lobortis risus. Nulla vehicula rutrum finibus. Nullam consequat, magna in vehicula commodo, enim massa consectetur nisl, sit amet rutrum nunc ante vel lorem. Sed sit amet scelerisque velit. Proin non quam eget mauris aliquet posuere a sed orci. Proin posuere ante suscipit neque dignissim hendrerit. Pellentesque eget dapibus metus. Donec at mollis mauris. Vestibulum sit amet scelerisque nulla. Vivamus ipsum erat, tempor sed volutpat non, molestie at odio. Vivamus lectus ligula, finibus at mattis vitae, euismod sed tellus. Etiam neque massa, faucibus a fringilla nec, mollis at ex. Aliquam eget nibh tortor. Sed ut viverra libero. Nulla facilisis bibendum quam eget porttitor.",
                        }),
                    ],
                }),
                new Paragraph({
                    children: [
                        new TextRun({
                            text: "Sed eget nunc ac turpis facilisis volutpat. Duis eget arcu vitae neque porta hendrerit. Proin vel ante nulla. Duis congue efficitur dui. Suspendisse potenti. Aliquam aliquam nibh eu ipsum sagittis efficitur. Quisque sagittis metus dui, vitae suscipit tortor sollicitudin at. Suspendisse convallis, sem ac ornare condimentum, odio ipsum dapibus justo, a aliquam risus massa ut enim. Mauris vel placerat nibh. Ut iaculis vitae nibh at elementum. Quisque hendrerit et magna vitae mollis. Duis dictum euismod leo, at cursus risus sodales sed.",
                        }),
                    ],
                }),
                new Paragraph({
                    children: [
                        new TextRun({
                            text: "Sed gravida commodo felis, at aliquet risus volutpat ut. Nam nec ex eleifend tellus sodales volutpat nec ac nibh. Vestibulum pretium, leo vitae lobortis accumsan, urna libero euismod ante, consequat aliquam enim risus id nisl. Donec sagittis, justo eu luctus posuere, leo purus pellentesque turpis, eget volutpat mi leo vitae lacus. Etiam ante ante, posuere at augue non, lacinia ornare purus. Praesent vitae velit in enim congue maximus. Vivamus tincidunt fringilla neque. Curabitur fermentum justo nec sapien porttitor, ac ullamcorper nisi imperdiet. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Sed non orci vel eros egestas eleifend sit amet a diam. Duis mattis at ligula quis faucibus. Donec elementum lacus velit, a vehicula nunc gravida a. Phasellus eget nunc vehicula, varius velit a, maximus velit. Sed a suscipit nisi, non hendrerit felis. Proin mattis facilisis massa, quis elementum neque fringilla non.",
                        }),
                    ],
                }),
                new Paragraph({
                    children: [
                        new TextRun({
                            text: "Sed gravida commodo felis, at aliquet risus volutpat ut. Nam nec ex eleifend tellus sodales volutpat nec ac nibh. Vestibulum pretium, leo vitae lobortis accumsan, urna libero euismod ante, consequat aliquam enim risus id nisl. Donec sagittis, justo eu luctus posuere, leo purus pellentesque turpis, eget volutpat mi leo vitae lacus. Etiam ante ante, posuere at augue non, lacinia ornare purus. Praesent vitae velit in enim congue maximus. Vivamus tincidunt fringilla neque. Curabitur fermentum justo nec sapien porttitor, ac ullamcorper nisi imperdiet. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Sed non orci vel eros egestas eleifend sit amet a diam. Duis mattis at ligula quis faucibus. Donec elementum lacus velit, a vehicula nunc gravida a. Phasellus eget nunc vehicula, varius velit a, maximus velit. Sed a suscipit nisi, non hendrerit felis. Proin mattis facilisis massa, quis elementum neque fringilla non.",
                        }),
                    ],
                }),
                new Paragraph({
                    spacing: {
                        after: 500,
                    },
                    children: [
                        new TextRun({
                            text: "The first section ends after this paragraph.",
                        }),
                    ],
                }),
            ],
        },
        {
            properties: {
                type: SectionType.CONTINUOUS,
            },
            children: [
                new Paragraph({
                    children: [
                        new TextRun({
                            text: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ac suscipit orci, in lobortis risus. Nulla vehicula rutrum finibus. Nullam consequat, magna in vehicula commodo, enim massa consectetur nisl, sit amet rutrum nunc ante vel lorem. Sed sit amet scelerisque velit. Proin non quam eget mauris aliquet posuere a sed orci. Proin posuere ante suscipit neque dignissim hendrerit. Pellentesque eget dapibus metus. Donec at mollis mauris. Vestibulum sit amet scelerisque nulla. Vivamus ipsum erat, tempor sed volutpat non, molestie at odio. Vivamus lectus ligula, finibus at mattis vitae, euismod sed tellus. Etiam neque massa, faucibus a fringilla nec, mollis at ex. Aliquam eget nibh tortor. Sed ut viverra libero. Nulla facilisis bibendum quam eget porttitor.",
                        }),
                    ],
                }),
                new Paragraph({
                    children: [
                        new TextRun({
                            text: "Sed eget nunc ac turpis facilisis volutpat. Duis eget arcu vitae neque porta hendrerit. Proin vel ante nulla. Duis congue efficitur dui. Suspendisse potenti. Aliquam aliquam nibh eu ipsum sagittis efficitur. Quisque sagittis metus dui, vitae suscipit tortor sollicitudin at. Suspendisse convallis, sem ac ornare condimentum, odio ipsum dapibus justo, a aliquam risus massa ut enim. Mauris vel placerat nibh. Ut iaculis vitae nibh at elementum. Quisque hendrerit et magna vitae mollis. Duis dictum euismod leo, at cursus risus sodales sed.",
                        }),
                    ],
                }),
                new Paragraph({
                    children: [
                        new TextRun({
                            text: "Sed gravida commodo felis, at aliquet risus volutpat ut. Nam nec ex eleifend tellus sodales volutpat nec ac nibh. Vestibulum pretium, leo vitae lobortis accumsan, urna libero euismod ante, consequat aliquam enim risus id nisl. Donec sagittis, justo eu luctus posuere, leo purus pellentesque turpis, eget volutpat mi leo vitae lacus. Etiam ante ante, posuere at augue non, lacinia ornare purus. Praesent vitae velit in enim congue maximus. Vivamus tincidunt fringilla neque. Curabitur fermentum justo nec sapien porttitor, ac ullamcorper nisi imperdiet. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Sed non orci vel eros egestas eleifend sit amet a diam. Duis mattis at ligula quis faucibus. Donec elementum lacus velit, a vehicula nunc gravida a. Phasellus eget nunc vehicula, varius velit a, maximus velit. Sed a suscipit nisi, non hendrerit felis. Proin mattis facilisis massa, quis elementum neque fringilla non.",
                        }),
                    ],
                }),
                new Paragraph({
                    children: [
                        new TextRun({
                            text: "Sed gravida commodo felis, at aliquet risus volutpat ut. Nam nec ex eleifend tellus sodales volutpat nec ac nibh. Vestibulum pretium, leo vitae lobortis accumsan, urna libero euismod ante, consequat aliquam enim risus id nisl. Donec sagittis, justo eu luctus posuere, leo purus pellentesque turpis, eget volutpat mi leo vitae lacus. Etiam ante ante, posuere at augue non, lacinia ornare purus. Praesent vitae velit in enim congue maximus. Vivamus tincidunt fringilla neque. Curabitur fermentum justo nec sapien porttitor, ac ullamcorper nisi imperdiet. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Sed non orci vel eros egestas eleifend sit amet a diam. Duis mattis at ligula quis faucibus. Donec elementum lacus velit, a vehicula nunc gravida a. Phasellus eget nunc vehicula, varius velit a, maximus velit. Sed a suscipit nisi, non hendrerit felis. Proin mattis facilisis massa, quis elementum neque fringilla non.",
                        }),
                    ],
                }),
                new Paragraph({
                    children: [
                        new TextRun({
                            text: "The second section starts with the headline above. Move cursor to the end of this text and press enter until next page is generated in continuous section break mode.",
                        }),
                    ],
                }),
            ],
        },
    ],
 });
 Packer.toBuffer(doc).then((buffer) => {
    fs.writeFileSync("My Document.docx", buffer);
 });
--- a/demo/82-new-headers-new-section.ts
+++ b/demo/82-new-headers-new-section.ts
@ -0,0 +1,148 @@
 // Example of using headers and footers in a new section
 // Import from 'docx' rather than '../build' if you install from npm
 import * as fs from "fs";
 import { Document, Footer, Header, Packer, Paragraph, SectionType, Tab, TextRun } from "../build";
 const doc = new Document({
    creator: "Creator",
    title: "Title",
    sections: [
        {
            headers: {
                default: new Header({
                    children: [
                        new Paragraph({
                            children: [
                                new TextRun({
                                    text: "HEADER PAGE ONE",
                                }),
                            ],
                        }),
                    ],
                }),
            },
            footers: {
                default: new Footer({
                    children: [
                        new Paragraph({
                            children: [
                                new TextRun({
                                    text: "FOOTER PAGE ONE",
                                }),
                            ],
                        }),
                    ],
                }),
            },
            children: [
                new Paragraph({
                    children: [
                        new TextRun({
                            text: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ac suscipit orci, in lobortis risus. Nulla vehicula rutrum finibus. Nullam consequat, magna in vehicula commodo, enim massa consectetur nisl, sit amet rutrum nunc ante vel lorem. Sed sit amet scelerisque velit. Proin non quam eget mauris aliquet posuere a sed orci. Proin posuere ante suscipit neque dignissim hendrerit. Pellentesque eget dapibus metus. Donec at mollis mauris. Vestibulum sit amet scelerisque nulla. Vivamus ipsum erat, tempor sed volutpat non, molestie at odio. Vivamus lectus ligula, finibus at mattis vitae, euismod sed tellus. Etiam neque massa, faucibus a fringilla nec, mollis at ex. Aliquam eget nibh tortor. Sed ut viverra libero. Nulla facilisis bibendum quam eget porttitor.",
                        }),
                    ],
                }),
                new Paragraph({
                    children: [
                        new TextRun({
                            text: "Sed eget nunc ac turpis facilisis volutpat. Duis eget arcu vitae neque porta hendrerit. Proin vel ante nulla. Duis congue efficitur dui. Suspendisse potenti. Aliquam aliquam nibh eu ipsum sagittis efficitur. Quisque sagittis metus dui, vitae suscipit tortor sollicitudin at. Suspendisse convallis, sem ac ornare condimentum, odio ipsum dapibus justo, a aliquam risus massa ut enim. Mauris vel placerat nibh. Ut iaculis vitae nibh at elementum. Quisque hendrerit et magna vitae mollis. Duis dictum euismod leo, at cursus risus sodales sed.",
                        }),
                    ],
                }),
                new Paragraph({
                    children: [
                        new TextRun({
                            text: "Sed gravida commodo felis, at aliquet risus volutpat ut. Nam nec ex eleifend tellus sodales volutpat nec ac nibh. Vestibulum pretium, leo vitae lobortis accumsan, urna libero euismod ante, consequat aliquam enim risus id nisl. Donec sagittis, justo eu luctus posuere, leo purus pellentesque turpis, eget volutpat mi leo vitae lacus. Etiam ante ante, posuere at augue non, lacinia ornare purus. Praesent vitae velit in enim congue maximus. Vivamus tincidunt fringilla neque. Curabitur fermentum justo nec sapien porttitor, ac ullamcorper nisi imperdiet. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Sed non orci vel eros egestas eleifend sit amet a diam. Duis mattis at ligula quis faucibus. Donec elementum lacus velit, a vehicula nunc gravida a. Phasellus eget nunc vehicula, varius velit a, maximus velit. Sed a suscipit nisi, non hendrerit felis. Proin mattis facilisis massa, quis elementum neque fringilla non.",
                        }),
                    ],
                }),
                new Paragraph({
                    children: [
                        new TextRun({
                            text: "Sed gravida commodo felis, at aliquet risus volutpat ut. Nam nec ex eleifend tellus sodales volutpat nec ac nibh. Vestibulum pretium, leo vitae lobortis accumsan, urna libero euismod ante, consequat aliquam enim risus id nisl. Donec sagittis, justo eu luctus posuere, leo purus pellentesque turpis, eget volutpat mi leo vitae lacus. Etiam ante ante, posuere at augue non, lacinia ornare purus. Praesent vitae velit in enim congue maximus. Vivamus tincidunt fringilla neque. Curabitur fermentum justo nec sapien porttitor, ac ullamcorper nisi imperdiet. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Sed non orci vel eros egestas eleifend sit amet a diam. Duis mattis at ligula quis faucibus. Donec elementum lacus velit, a vehicula nunc gravida a. Phasellus eget nunc vehicula, varius velit a, maximus velit. Sed a suscipit nisi, non hendrerit felis. Proin mattis facilisis massa, quis elementum neque fringilla non.",
                        }),
                    ],
                }),
                new Paragraph({
                    spacing: {
                        after: 500,
                    },
                    children: [
                        new TextRun({
                            text: "The first section ends after this paragraph.",
                        }),
                    ],
                }),
            ],
        },
        {
            headers: {
                default: new Header({
                    children: [
                        new Paragraph({
                            children: [
                                new TextRun({
                                    text: "HEADER PAGE TWO AND FOLLOWING PAGES",
                                }),
                            ],
                        }),
                    ],
                }),
            },
            footers: {
                default: new Footer({
                    children: [
                        new Paragraph({
                            children: [
                                new TextRun({
                                    text: "FOOTER PAGE TWO AND FOLLOWING PAGES",
                                }),
                            ],
                        }),
                    ],
                }),
            },
            children: [
                new Paragraph({
                    children: [
                        new TextRun({
                            text: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ac suscipit orci, in lobortis risus. Nulla vehicula rutrum finibus. Nullam consequat, magna in vehicula commodo, enim massa consectetur nisl, sit amet rutrum nunc ante vel lorem. Sed sit amet scelerisque velit. Proin non quam eget mauris aliquet posuere a sed orci. Proin posuere ante suscipit neque dignissim hendrerit. Pellentesque eget dapibus metus. Donec at mollis mauris. Vestibulum sit amet scelerisque nulla. Vivamus ipsum erat, tempor sed volutpat non, molestie at odio. Vivamus lectus ligula, finibus at mattis vitae, euismod sed tellus. Etiam neque massa, faucibus a fringilla nec, mollis at ex. Aliquam eget nibh tortor. Sed ut viverra libero. Nulla facilisis bibendum quam eget porttitor.",
                        }),
                    ],
                }),
                new Paragraph({
                    children: [
                        new TextRun({
                            text: "Sed eget nunc ac turpis facilisis volutpat. Duis eget arcu vitae neque porta hendrerit. Proin vel ante nulla. Duis congue efficitur dui. Suspendisse potenti. Aliquam aliquam nibh eu ipsum sagittis efficitur. Quisque sagittis metus dui, vitae suscipit tortor sollicitudin at. Suspendisse convallis, sem ac ornare condimentum, odio ipsum dapibus justo, a aliquam risus massa ut enim. Mauris vel placerat nibh. Ut iaculis vitae nibh at elementum. Quisque hendrerit et magna vitae mollis. Duis dictum euismod leo, at cursus risus sodales sed.",
                        }),
                    ],
                }),
                new Paragraph({
                    children: [
                        new TextRun({
                            text: "Sed gravida commodo felis, at aliquet risus volutpat ut. Nam nec ex eleifend tellus sodales volutpat nec ac nibh. Vestibulum pretium, leo vitae lobortis accumsan, urna libero euismod ante, consequat aliquam enim risus id nisl. Donec sagittis, justo eu luctus posuere, leo purus pellentesque turpis, eget volutpat mi leo vitae lacus. Etiam ante ante, posuere at augue non, lacinia ornare purus. Praesent vitae velit in enim congue maximus. Vivamus tincidunt fringilla neque. Curabitur fermentum justo nec sapien porttitor, ac ullamcorper nisi imperdiet. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Sed non orci vel eros egestas eleifend sit amet a diam. Duis mattis at ligula quis faucibus. Donec elementum lacus velit, a vehicula nunc gravida a. Phasellus eget nunc vehicula, varius velit a, maximus velit. Sed a suscipit nisi, non hendrerit felis. Proin mattis facilisis massa, quis elementum neque fringilla non.",
                        }),
                    ],
                }),
                new Paragraph({
                    children: [
                        new TextRun({
                            text: "Sed gravida commodo felis, at aliquet risus volutpat ut. Nam nec ex eleifend tellus sodales volutpat nec ac nibh. Vestibulum pretium, leo vitae lobortis accumsan, urna libero euismod ante, consequat aliquam enim risus id nisl. Donec sagittis, justo eu luctus posuere, leo purus pellentesque turpis, eget volutpat mi leo vitae lacus. Etiam ante ante, posuere at augue non, lacinia ornare purus. Praesent vitae velit in enim congue maximus. Vivamus tincidunt fringilla neque. Curabitur fermentum justo nec sapien porttitor, ac ullamcorper nisi imperdiet. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Sed non orci vel eros egestas eleifend sit amet a diam. Duis mattis at ligula quis faucibus. Donec elementum lacus velit, a vehicula nunc gravida a. Phasellus eget nunc vehicula, varius velit a, maximus velit. Sed a suscipit nisi, non hendrerit felis. Proin mattis facilisis massa, quis elementum neque fringilla non.",
                        }),
                    ],
                }),
                new Paragraph({
                    children: [
                        new TextRun({
                            text: "The second section starts with the headline above. Move cursor to the end of this text and press enter until next page is generated in continuous section break mode.",
                        }),
                    ],
                }),
            ],
        },
    ],
 });
 Packer.toBuffer(doc).then((buffer) => {
    fs.writeFileSync("My Document.docx", buffer);
 });
--- a/demo/83-setting-languages.ts
+++ b/demo/83-setting-languages.ts
@ -0,0 +1,69 @@
 // Simple example to add text to a document
 // Import from 'docx' rather than '../build' if you install from npm
 import * as fs from "fs";
 import { Document, Packer, Paragraph } from "../build";
 const doc = new Document({
    styles: {
        default: {
            document: {
                run: {
                    color: "ff0000",
                    language: {
                        value: "es-ES",
                    },
                },
            },
        },
        paragraphStyles: [
            {
                id: "frenchNormal",
                name: "French Normal",
                basedOn: "Normal",
                next: "Normal",
                run: {
                    color: "999999",
                    italics: true,
                    language: {
                        value: "fr-FR",
                    },
                },
            },
            {
                id: "koreanNormal",
                name: "Korean Normal",
                basedOn: "Normal",
                next: "Normal",
                run: {
                    color: "0000ff",
                    bold: true,
                    language: {
                        value: "ko-KR",
                    },
                },
            },
        ],
    },
    sections: [
        {
            properties: {},
            children: [
                new Paragraph({
                    text: "Yo vivo en Granada, una ciudad pequeña que tiene monumentos muy importantes como la Alhambra. Aquí la comida es deliciosa y son famosos el gazpacho, el rebujito y el salmorejo.",
                }),
                new Paragraph({
                    text: "Toute personne a droit à l'éducation. L'éducation doit être gratuite, au moins en ce qui concerne l'enseignement élémentaire et fondamental. L'enseignement élémentaire est obligatoire. L'enseignement technique et professionnel doit être généralisé; l'accès aux études supérieures doit être ouvert en pleine égalité à tous en fonction de leur mérite.",
                    style: "frenchNormal",
                }),
                new Paragraph({
                    text: "대법관은 대법원장의 제청으로 국회의 동의를 얻어 대통령이 임명한다. 강화조약. 국가는 국민 모두의 생산 및 생활의 기반이 되는 국토의 효율적이고 균형있는 이용·개발과 보전을 위하여 법률이 정하는 바에 의하여 그에 관한 필요한 제한과 의무를 과할 수 있다, 국가는 청원에 대하여 심사할 의무를 진다.",
                    style: "koreanNormal",
                }),
            ],
        },
    ],
 });
 Packer.toBuffer(doc).then((buffer) => {
    fs.writeFileSync("My Document.docx", buffer);
 });
--- a/demo/84-positional-tabs.ts
+++ b/demo/84-positional-tabs.ts
@ -0,0 +1,60 @@
 // Simple example apply positional tabs to a document
 // Import from 'docx' rather than '../build' if you install from npm
 import * as fs from "fs";
 import {
    Document,
    Packer,
    Paragraph,
    PositionalTab,
    Tab,
    TextRun,
    PositionalTabAlignment,
    PositionalTabRelativeTo,
    PositionalTabLeader,
 } from "../build";
 const doc = new Document({
    sections: [
        {
            properties: {},
            children: [
                new Paragraph({
                    children: [
                        new TextRun("Full name"),
                        new TextRun({
                            children: [
                                new PositionalTab({
                                    alignment: PositionalTabAlignment.RIGHT,
                                    relativeTo: PositionalTabRelativeTo.MARGIN,
                                    leader: PositionalTabLeader.DOT,
                                }),
                                "John Doe",
                            ],
                            bold: true,
                        }),
                    ],
                }),
                new Paragraph({
                    children: [
                        new TextRun("Hello World"),
                        new TextRun({
                            children: [
                                new PositionalTab({
                                    alignment: PositionalTabAlignment.CENTER,
                                    relativeTo: PositionalTabRelativeTo.INDENT,
                                    leader: PositionalTabLeader.HYPHEN,
                                }),
                                "Foo bar",
                            ],
                            bold: true,
                        }),
                    ],
                }),
            ],
        },
    ],
 });
 Packer.toBuffer(doc).then((buffer) => {
    fs.writeFileSync("My Document.docx", buffer);
 });
--- a/demo/85-template-document.ts
+++ b/demo/85-template-document.ts
@ -0,0 +1,155 @@
 // Patch a document with patches
 // Import from 'docx' rather than '../build' if you install from npm
 import * as fs from "fs";
 import {
    ExternalHyperlink,
    HeadingLevel,
    ImageRun,
    Paragraph,
    patchDocument,
    PatchType,
    Table,
    TableCell,
    TableRow,
    TextDirection,
    TextRun,
    VerticalAlign,
 } from "../build";
 patchDocument(fs.readFileSync("demo/assets/simple-template.docx"), {
    patches: {
        name: {
            type: PatchType.PARAGRAPH,
            children: [new TextRun("Sir. "), new TextRun("John Doe"), new TextRun("(The Conqueror)")],
        },
        table_heading_1: {
            type: PatchType.PARAGRAPH,
            children: [new TextRun("Heading wow!")],
        },
        item_1: {
            type: PatchType.PARAGRAPH,
            children: [
                new TextRun("#657"),
                new ExternalHyperlink({
                    children: [
                        new TextRun({
                            text: "BBC News Link",
                        }),
                    ],
                    link: "https://www.bbc.co.uk/news",
                }),
            ],
        },
        paragraph_replace: {
            type: PatchType.DOCUMENT,
            children: [
                new Paragraph("Lorem ipsum paragraph"),
                new Paragraph("Another paragraph"),
                new Paragraph({
                    children: [
                        new TextRun("This is a "),
                        new ExternalHyperlink({
                            children: [
                                new TextRun({
                                    text: "Google Link",
                                }),
                            ],
                            link: "https://www.google.co.uk",
                        }),
                        new ImageRun({ data: fs.readFileSync("./demo/images/dog.png"), transformation: { width: 100, height: 100 } }),
                    ],
                }),
            ],
        },
        header_adjective: {
            type: PatchType.PARAGRAPH,
            children: [new TextRun("Delightful Header")],
        },
        footer_text: {
            type: PatchType.PARAGRAPH,
            children: [
                new TextRun("replaced just as"),
                new TextRun(" well"),
                new ExternalHyperlink({
                    children: [
                        new TextRun({
                            text: "BBC News Link",
                        }),
                    ],
                    link: "https://www.bbc.co.uk/news",
                }),
            ],
        },
        image_test: {
            type: PatchType.PARAGRAPH,
            children: [new ImageRun({ data: fs.readFileSync("./demo/images/image1.jpeg"), transformation: { width: 100, height: 100 } })],
        },
        table: {
            type: PatchType.DOCUMENT,
            children: [
                new Table({
                    rows: [
                        new TableRow({
                            children: [
                                new TableCell({
                                    children: [new Paragraph({}), new Paragraph({})],
                                    verticalAlign: VerticalAlign.CENTER,
                                }),
                                new TableCell({
                                    children: [new Paragraph({}), new Paragraph({})],
                                    verticalAlign: VerticalAlign.CENTER,
                                }),
                                new TableCell({
                                    children: [new Paragraph({ text: "bottom to top" }), new Paragraph({})],
                                    textDirection: TextDirection.BOTTOM_TO_TOP_LEFT_TO_RIGHT,
                                }),
                                new TableCell({
                                    children: [new Paragraph({ text: "top to bottom" }), new Paragraph({})],
                                    textDirection: TextDirection.TOP_TO_BOTTOM_RIGHT_TO_LEFT,
                                }),
                            ],
                        }),
                        new TableRow({
                            children: [
                                new TableCell({
                                    children: [
                                        new Paragraph({
                                            text: "Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah",
                                            heading: HeadingLevel.HEADING_1,
                                        }),
                                    ],
                                }),
                                new TableCell({
                                    children: [
                                        new Paragraph({
                                            text: "This text should be in the middle of the cell",
                                        }),
                                    ],
                                    verticalAlign: VerticalAlign.CENTER,
                                }),
                                new TableCell({
                                    children: [
                                        new Paragraph({
                                            text: "Text above should be vertical from bottom to top",
                                        }),
                                    ],
                                    verticalAlign: VerticalAlign.CENTER,
                                }),
                                new TableCell({
                                    children: [
                                        new Paragraph({
                                            text: "Text above should be vertical from top to bottom",
                                        }),
                                    ],
                                    verticalAlign: VerticalAlign.CENTER,
                                }),
                            ],
                        }),
                    ],
                }),
            ],
        },
    },
 }).then((doc) => {
    fs.writeFileSync("My Document.docx", doc);
 });
--- a/demo/86-generate-template.ts
+++ b/demo/86-generate-template.ts
@ -0,0 +1,20 @@
 // Generate a template document
 // Import from 'docx' rather than '../build' if you install from npm
 import * as fs from "fs";
 import { Document, Packer, Paragraph, TextRun } from "../build";
 const doc = new Document({
    sections: [
        {
            children: [
                new Paragraph({
                    children: [new TextRun("{{template}}")],
                }),
            ],
        },
    ],
 });
 Packer.toBuffer(doc).then((buffer) => {
    fs.writeFileSync("My Document.docx", buffer);
 });
--- a/demo/87-template-document.ts
+++ b/demo/87-template-document.ts
@ -0,0 +1,15 @@
 // Patch a document with patches
 // Import from 'docx' rather than '../build' if you install from npm
 import * as fs from "fs";
 import { patchDocument, PatchType, TextRun } from "../build";
 patchDocument(fs.readFileSync("demo/assets/simple-template-2.docx"), {
    patches: {
        name: {
            type: PatchType.PARAGRAPH,
            children: [new TextRun("Max")],
        },
    },
 }).then((doc) => {
    fs.writeFileSync("My Document.docx", doc);
 });
--- a/demo/88-template-document.ts
+++ b/demo/88-template-document.ts
@ -0,0 +1,31 @@
 // Patch a document with patches
 // Import from 'docx' rather than '../build' if you install from npm
 import * as fs from "fs";
 import { IPatch, patchDocument, PatchType, TextRun } from "../build";
 export const font = "Trebuchet MS";
 export const getPatches = (fields: { [key: string]: string }) => {
    const patches: { [key: string]: IPatch } = {};
    for (const field in fields) {
        patches[field] = {
            type: PatchType.PARAGRAPH,
            children: [new TextRun({ text: fields[field], font })],
        };
    }
    return patches;
 };
 const patches = getPatches({
    name: "Mr",
    table_heading_1: "John",
    item_1: "Doe",
    paragraph_replace: "Lorem ipsum paragraph",
 });
 patchDocument(fs.readFileSync("demo/assets/simple-template.docx"), {
    patches,
 }).then((doc) => {
    fs.writeFileSync("My Document.docx", doc);
 });
--- a/demo/89-template-document.ts
+++ b/demo/89-template-document.ts
@ -0,0 +1,29 @@
 // Patch a document with patches
 // Import from 'docx' rather than '../build' if you install from npm
 import * as fs from "fs";
 import { IPatch, patchDocument, PatchType, TextRun } from "../build";
 export const font = "Trebuchet MS";
 export const getPatches = (fields: { [key: string]: string }) => {
    const patches: { [key: string]: IPatch } = {};
    for (const field in fields) {
        patches[field] = {
            type: PatchType.PARAGRAPH,
            children: [new TextRun({ text: fields[field], font })],
        };
    }
    return patches;
 };
 const patches = getPatches({
    salutation: "Mr.",
    "first-name": "John",
 });
 patchDocument(fs.readFileSync("demo/assets/simple-template-3.docx"), {
    patches,
 }).then((doc) => {
    fs.writeFileSync("My Document.docx", doc);
 });
--- a/demo/assets/generated-template.docx
+++ b/demo/assets/generated-template.docx
--- a/demo/assets/simple-template-2.docx
+++ b/demo/assets/simple-template-2.docx
--- a/demo/assets/simple-template-3.docx
+++ b/demo/assets/simple-template-3.docx
--- a/demo/assets/simple-template.docx
+++ b/demo/assets/simple-template.docx
--- a/demo/browser-demo.html
+++ b/demo/browser-demo.html
@ -12,9 +12,7 @@
        <script>
            function generate() {
-                const doc = new docx.Document();
+                const doc = new docx.Document({
                const doc = new Document({
                    sections: [
                        {
                            children: [
@ -26,7 +24,7 @@
                                            bold: true,
                                        }),
                                        new docx.TextRun({
-                                            text: "\tGithub is the best",
+                                            children: [new docx.Tab(), "Github is the best"],
                                            bold: true,
                                        }),
                                    ],
--- a/demo/index.ts
+++ b/demo/index.ts
@ -1,7 +1,7 @@
 // tslint:disable:no-console
-import * as fs from "fs";
+import fs from "fs";
-import * as prompt from "prompt";
+import prompt from "prompt";
-import * as shelljs from "shelljs";
+import shelljs from "shelljs";
 console.log("What demo do you wish to run? (Enter a number)");
@ -17,8 +17,8 @@ const schema = {
 prompt.start();
-prompt.get(schema, (_, result) => {
+prompt.get(schema as any, (_, result) => {
-    const demoNumber = result.number;
+    const demoNumber = result.number as string;
    const files = fs.readdirSync("./demo").filter((fn) => fn.startsWith(demoNumber));
    if (files.length === 0) {
--- a/docs/README.md
+++ b/docs/README.md
@ -27,7 +27,8 @@ import { Document, Packer, Paragraph, TextRun } from "docx";
 // Documents contain sections, you can have multiple sections per document, go here to learn more about sections
 // This simple example will only contain one section
 const doc = new Document({
-    sections: [{
+    sections: [
        {
            properties: {},
            children: [
                new Paragraph({
@ -44,7 +45,8 @@ const doc = new Document({
                    ],
                }),
            ],
-    }];
+        },
    ],
 });
 // Used to export the file into a .docx file
@ -56,6 +58,7 @@ Packer.toBuffer(doc).then((buffer) => {
 ```
 <p align="center">
 <!-- cspell:disable-next-line -->
    <img alt="clippy the assistant" src="./clippy.png">
 </p>
--- a/docs/_coverpage.md
+++ b/docs/_coverpage.md
@ -1,10 +1,10 @@
 <img src="https://i.imgur.com/37uBGhO.gif" alt="drawing" style="width:200px;"/>
-> Easily generate .docx files with JS/TS. Works for Node and on the Browser. :100:
+> Easily generate and modify .docx files with JS/TS. Works for Node and on the Browser. :100:
 -   Simple, declarative API
-   60+ usage examples
+-   80+ usage examples
-   Battle tested, mature, 98%+ coverage
+-   Battle tested, mature, 99.9%+ coverage
 [GitHub](https://github.com/dolanmiu/docx)
 [Get Started](#Welcome)
--- a/docs/_sidebar.md
+++ b/docs/_sidebar.md
@ -1,36 +1,49 @@
-* [Getting Started](/)
+-   [Getting Started](/)
-* [Examples](https://github.com/dolanmiu/docx/tree/master/demo)
+-   Examples
-* API
+    -   [Demos](https://github.com/dolanmiu/docx/tree/master/demo)
-    * [Documentation](https://docx.js.org/api/)
+-   API
-* Usage
+    -   [Documentation](https://docx.js.org/api/)
-	* [Document](usage/document.md)
+-   Usage
    * [Sections](usage/sections.md)
 	* [Paragraph](usage/paragraph.md)
 	* [Text](usage/text.md)
 	* [Image](usage/images.md)
 	* [Headers & Footers](usage/headers-and-footers.md)
 	* [Bullet Points](usage/bullet-points.md)
    * [Numbering](usage/numbering.md)
    * [Tables](usage/tables.md)
 	* [Tab Stops](usage/tab-stops.md)
    * [Table of Contents](usage/table-of-contents.md)
    * [Page Numbers](usage/page-numbers.md)
    * [Change Tracking](usage/change-tracking.md)
    * [Math](usage/math.md)
    * [Text Frames](usage/text-frames.md)
 	* Styling
        * [Styling with JS](usage/styling-with-js.md)
        * [Styling with XML](usage/styling-with-xml.md)
 * Exporting
-    * [Packers](usage/packers.md)
+    -   [Document](usage/document.md)
-* Utility
+    -   [Sections](usage/sections.md)
    -   [Paragraph](usage/paragraph.md)
        -   [Text Frames](usage/text-frames.md)
        -   [Symbols](usage/symbols.md)
    -   [Text](usage/text.md)
    -   [Images](usage/images.md)
    -   [Headers & Footers](usage/headers-and-footers.md)
    -   [Bullet Points](usage/bullet-points.md)
    -   [Hyperlinks](usage/hyperlinks.md)
    -   [Numbering](usage/numbering.md)
    -   [Tables](usage/tables.md)
    -   [Tabs](usage/tabs.md)
    -   [Table of Contents](usage/table-of-contents.md)
    -   [Page Numbers](usage/page-numbers.md)
    -   [Change Tracking](usage/change-tracking.md)
    -   [Math](usage/math.md)
    -   [Comments](usage/comments.md)
    -   [Footnotes](usage/footnotes.md)
    -   [Fields](usage/fields.md)
    -   Styling
        -   [Styling with JS](usage/styling-with-js.md)
        -   [Styling with XML](usage/styling-with-xml.md)
-    * [Convenience functions](usage/convenience-functions.md)
+-   Exporting
-* [Contribution Guidelines](contribution-guidelines.md)
+    -   [Packers](usage/packers.md)
 -   Modifying Existing Documents
    -   [Patcher](usage/patcher.md)
 -   Utility
    -   [Convenience functions](usage/convenience-functions.md)
 -   [Contribution Guidelines](contribution-guidelines.md)
--- a/docs/contribution-guidelines.md
+++ b/docs/contribution-guidelines.md
@ -1,18 +1,28 @@
 # Contribution Guidelines
-   Include documentation reference(s) at the top of each file:
+-   Include documentation reference(s) at the top of each file as a comment. For example:
    ```ts
    // http://officeopenxml.com/WPdocument.php
    ```
    <!-- cSpell:ignore datypic -->
    It can be a link to `officeopenxml.com` or `datypic.com` etc.
    It could also be a reference to the official ECMA-376 standard: https://www.ecma-international.org/publications-and-standards/standards/ecma-376/
 -   Include a portion of the schema as a comment for cross reference. For example:
    ```ts
    // <xsd:element name="tbl" type="CT_Tbl" minOccurs="0" maxOccurs="1"/>
    ```
 -   Follow Prettier standards, and consider using the [Prettier VSCode](https://marketplace.visualstudio.com/items?itemName=esbenp.prettier-vscode) plugin.
-   Follow the `TSLint` rules
+-   Follow the `ESLint` rules
 ## Always think about the user
-Put yourself in their position, and imagine how they would feel about your feature you wrote.
+Put yourself in their position, and imagine how they would feel about the feature you wrote.
 1. Is it easy to use?
 2. Has it been documented well?
@ -26,13 +36,15 @@ Please write good commit messages when making a commit: https://chris.beams.io/p
 **Do not:**
 <!-- cspell:disable -->
 ```
 c // What?
-rtl // Adding acryonyms without explaining anything else is not helpful
+rtl // Adding acronyms without explaining anything else is not helpful
 works! // Glad its working, but the message is not helpful
 demo updated // Getting better, but capitalize the first letter
 Unesesary coment removed // Make sure to use correct spelling
 ```
 <!-- cspell:enable -->
 **Do**
@ -42,9 +54,9 @@ Unesesary coment removed // Make sure to use correct spelling
    public float(tableFloatOptions: ITableFloatOptions): Table
 ```
-## Delcariative API
+## Declarative API
-Make sure the API is declarative, so no _method calling_ or _mutation_. This is a design decision, consistent with the rest of the project. There are benefits to delcariative code over other styles of code, explained here: https://dzone.com/articles/why-declarative-coding-makes-you-a-better-programm
+Make sure the API is declarative, so no _method calling_ or _mutation_. This is a design decision, consistent with the rest of the project. There are benefits to declarative code over other styles of code, explained here: https://dzone.com/articles/why-declarative-coding-makes-you-a-better-programm
 **Do not:**
--- a/docs/index.html
+++ b/docs/index.html
@ -16,6 +16,7 @@
    <body>
        <div id="app"></div>
        <script src="//cdn.jsdelivr.net/npm/docsify-plugin-carbon@1/index.min.js"></script>
        <script>
            window.$docsify = {
                name: "docx",
@ -24,6 +25,12 @@
                subMaxLevel: 2,
                search: "auto",
                coverpage: true,
                plugins: [
                    // Change to your Carbon property ID
                    // cSpell:disable
                    DocsifyCarbon.create("CEAIP237", "docx"),
                    // cSpell:enable
                ],
            };
        </script>
        <script src="//unpkg.com/docsify/lib/docsify.min.js"></script>
@ -31,6 +38,7 @@
        <script src="https://unpkg.com/docsify-copy-code@2"></script>
        <script src="//unpkg.com/docsify/lib/plugins/search.min.js"></script>
        <script src="//unpkg.com/prismjs/components/prism-typescript.min.js"></script>
        <script src="https://unpkg.com/docsify-sign-off-sheet@1.0.0/dist/index.iife.js"></script>
        <script src="//cdn.jsdelivr.net/npm/docsify-darklight-theme@latest/dist/index.min.js" type="text/javascript"></script>
    </body>
 </html>
--- a/docs/usage/bullet-points.md
+++ b/docs/usage/bullet-points.md
@ -12,7 +12,7 @@ const doc = new Document({
            new Paragraph({
                text: "Bullet points",
                bullet: {
-                level: 0 //How deep you want the bullet to be
+                    level: 0 // How deep you want the bullet to be. Maximum level is 9
                }
            }),
            new Paragraph({
--- a/docs/usage/change-tracking.md
+++ b/docs/usage/change-tracking.md
@ -27,7 +27,7 @@ const paragraph = new Paragraph({
 });
 ```
-Note that for a `InsertedTextRun` and `DeletedTextRun`, it is not possible to simply call it with only a text as in `new TextRun("some text")`, since the additonal fields for change tracking need to be provided. Similar to a normal `TextRun` you can add additional text properties.
+Note that for a `InsertedTextRun` and `DeletedTextRun`, it is not possible to simply call it with only a text as in `new TextRun("some text")`, since the additional fields for change tracking need to be provided. Similar to a normal `TextRun` you can add additional text properties.
 ```ts
 import { Paragraph, TextRun, InsertedTextRun, DeletedTextRun } from "docx";
@ -37,7 +37,7 @@ const paragraph = new Paragraph({
        new TextRun("This is a simple demo"),
        new DeletedTextRun({
            text: "with a deletion.",
-            color: "red",
+            color: "ff0000",
            bold: true,
            size: 24,
            id: 0,
@ -48,7 +48,7 @@ const paragraph = new Paragraph({
 });
 ```
-In addtion to marking text as inserted or deleted, change tracking can also be added via the document settings. This will enable new changes to be tracked as well.
+In addition to marking text as inserted or deleted, change tracking can also be added via the document settings. This will enable new changes to be tracked as well.
 ```ts
 import { Document } from "docx";
@ -59,3 +59,18 @@ const doc = new Document({
    },
 });
 ```
 If you want to express a style changes, you can add a `revision` to a `TextRun` which need to include all previous style attributes.
 ```ts
 new TextRun({
    bold: true,
    text: "This text is now bold and was previously not",
    revision: {
        id: 1,
        author: "Firstname Lastname",
        date: "2020-10-06T09:05:00Z",
        bold: false,
    }
 }).break()
 ````
--- a/docs/usage/comments.md
+++ b/docs/usage/comments.md
@ -0,0 +1,17 @@
 # Comments
 !> Comments requires an understanding of [Sections](usage/sections.md) and [Paragraphs](usage/paragraph.md).
 ## Intro
 To add comments in `docx`, a `comments` block is specified in the `Document`. This block defines all the comments in your document. Each comment has an `id`, which you then reference later.
 In the spot you want to add a comment, you simply add a `CommentRangeStart` and a `CommentRangeEnd` to specify where the comment starts and ends.
 Alternatively, you can use `CommentReference` to specify a comment at a specific singular point.
 ### Example
 [Example](https://raw.githubusercontent.com/dolanmiu/docx/master/demo/73-comments.ts ':include')
 _Source: https://github.com/dolanmiu/docx/blob/master/demo/73-comments.ts_
--- a/docs/usage/document.md
+++ b/docs/usage/document.md
@ -22,20 +22,19 @@ const doc = new docx.Document({
 ### Full list of options:
-
+-   creator
-* creator
+-   description
-* description
+-   title
-* title
+-   subject
-* subject
+-   keywords
-* keywords
+-   lastModifiedBy
-* lastModifiedBy
+-   revision
-* revision
+-   externalStyles
-* externalStyles
+-   styles
-* styles
+-   numbering
-* numbering
+-   footnotes
-* footnotes
+-   hyperlinks
-* hyperlinks
+-   background
 * background
 ### Change background color of Document
@ -55,3 +54,87 @@ You can mix and match whatever properties you want, or provide no properties.
 Various parts of the API require positioning arguments. The units are "20ths of a point" from the [OOXML](http://officeopenxml.com/index.php) specification.
 See [Lars Corneliussen's blog post](https://startbigthinksmall.wordpress.com/2010/01/04/points-inches-and-emus-measuring-units-in-office-open-xml/) for more information and how to convert units.
 ## Compatibility
 Compatibility Settings are optional settings used to preserve visual fidelity of documents created in earlier word processing applications. Some of these settings provide ability for specific behaviors, described in detail below; and others simply instruct applications to mimic the behavior of an existing word processing application.
 ```ts
 const doc = new docx.Document({
    compatibility: {
        version: 15,
        doNotExpandShiftReturn: true,
    },
 });
 ```
 ### Compatibility Options
 | Property                            | Type      | Notes    | Possible Values              |
 | ----------------------------------- | --------- | -------- | ---------------------------- |
 | version                             | `number`  | Optional | `15`, `16`, `17`             |
 | useSingleBorderforContiguousCells   | `boolean` | Optional | `true`, `false`, `undefined` |
 | wordPerfectJustification            | `boolean` | Optional | `true`, `false`, `undefined` |
 | noTabStopForHangingIndent           | `boolean` | Optional | `true`, `false`, `undefined` |
 | noLeading                           | `boolean` | Optional | `true`, `false`, `undefined` |
 | spaceForUnderline                   | `boolean` | Optional | `true`, `false`, `undefined` |
 | noColumnBalance                     | `boolean` | Optional | `true`, `false`, `undefined` |
 | balanceSingleByteDoubleByteWidth    | `boolean` | Optional | `true`, `false`, `undefined` |
 | noExtraLineSpacing                  | `boolean` | Optional | `true`, `false`, `undefined` |
 | doNotLeaveBackslashAlone            | `boolean` | Optional | `true`, `false`, `undefined` |
 | underlineTrailingSpaces             | `boolean` | Optional | `true`, `false`, `undefined` |
 | doNotExpandShiftReturn              | `boolean` | Optional | `true`, `false`, `undefined` |
 | spacingInWholePoints                | `boolean` | Optional | `true`, `false`, `undefined` |
 | lineWrapLikeWord6                   | `boolean` | Optional | `true`, `false`, `undefined` |
 | printBodyTextBeforeHeader           | `boolean` | Optional | `true`, `false`, `undefined` |
 | printColorsBlack                    | `boolean` | Optional | `true`, `false`, `undefined` |
 | spaceWidth                          | `boolean` | Optional | `true`, `false`, `undefined` |
 | showBreaksInFrames                  | `boolean` | Optional | `true`, `false`, `undefined` |
 | subFontBySize                       | `boolean` | Optional | `true`, `false`, `undefined` |
 | suppressBottomSpacing               | `boolean` | Optional | `true`, `false`, `undefined` |
 | suppressTopSpacing                  | `boolean` | Optional | `true`, `false`, `undefined` |
 | suppressSpacingAtTopOfPage          | `boolean` | Optional | `true`, `false`, `undefined` |
 | suppressTopSpacingWP                | `boolean` | Optional | `true`, `false`, `undefined` |
 | suppressSpBfAfterPgBrk              | `boolean` | Optional | `true`, `false`, `undefined` |
 | swapBordersFacingPages              | `boolean` | Optional | `true`, `false`, `undefined` |
 | convertMailMergeEsc                 | `boolean` | Optional | `true`, `false`, `undefined` |
 | truncateFontHeightsLikeWP6          | `boolean` | Optional | `true`, `false`, `undefined` |
 | macWordSmallCaps                    | `boolean` | Optional | `true`, `false`, `undefined` |
 | usePrinterMetrics                   | `boolean` | Optional | `true`, `false`, `undefined` |
 | doNotSuppressParagraphBorders       | `boolean` | Optional | `true`, `false`, `undefined` |
 | wrapTrailSpaces                     | `boolean` | Optional | `true`, `false`, `undefined` |
 | footnoteLayoutLikeWW8               | `boolean` | Optional | `true`, `false`, `undefined` |
 | shapeLayoutLikeWW8                  | `boolean` | Optional | `true`, `false`, `undefined` |
 | alignTablesRowByRow                 | `boolean` | Optional | `true`, `false`, `undefined` |
 | forgetLastTabAlignment              | `boolean` | Optional | `true`, `false`, `undefined` |
 | adjustLineHeightInTable             | `boolean` | Optional | `true`, `false`, `undefined` |
 | autoSpaceLikeWord95                 | `boolean` | Optional | `true`, `false`, `undefined` |
 | noSpaceRaiseLower                   | `boolean` | Optional | `true`, `false`, `undefined` |
 | doNotUseHTMLParagraphAutoSpacing    | `boolean` | Optional | `true`, `false`, `undefined` |
 | layoutRawTableWidth                 | `boolean` | Optional | `true`, `false`, `undefined` |
 | layoutTableRowsApart                | `boolean` | Optional | `true`, `false`, `undefined` |
 | useWord97LineBreakRules             | `boolean` | Optional | `true`, `false`, `undefined` |
 | doNotBreakWrappedTables             | `boolean` | Optional | `true`, `false`, `undefined` |
 | doNotSnapToGridInCell               | `boolean` | Optional | `true`, `false`, `undefined` |
 | selectFieldWithFirstOrLastCharacter | `boolean` | Optional | `true`, `false`, `undefined` |
 | applyBreakingRules                  | `boolean` | Optional | `true`, `false`, `undefined` |
 | doNotWrapTextWithPunctuation        | `boolean` | Optional | `true`, `false`, `undefined` |
 | doNotUseEastAsianBreakRules         | `boolean` | Optional | `true`, `false`, `undefined` |
 | useWord2002TableStyleRules          | `boolean` | Optional | `true`, `false`, `undefined` |
 | growAutofit                         | `boolean` | Optional | `true`, `false`, `undefined` |
 | useFELayout                         | `boolean` | Optional | `true`, `false`, `undefined` |
 | useNormalStyleForList               | `boolean` | Optional | `true`, `false`, `undefined` |
 | doNotUseIndentAsNumberingTabStop    | `boolean` | Optional | `true`, `false`, `undefined` |
 | useAlternateEastAsianLineBreakRules | `boolean` | Optional | `true`, `false`, `undefined` |
 | allowSpaceOfSameStyleInTable        | `boolean` | Optional | `true`, `false`, `undefined` |
 | doNotSuppressIndentation            | `boolean` | Optional | `true`, `false`, `undefined` |
 | doNotAutofitConstrainedTables       | `boolean` | Optional | `true`, `false`, `undefined` |
 | autofitToFirstFixedWidthCell        | `boolean` | Optional | `true`, `false`, `undefined` |
 | underlineTabInNumberingList         | `boolean` | Optional | `true`, `false`, `undefined` |
 | displayHangulFixedWidth             | `boolean` | Optional | `true`, `false`, `undefined` |
 | splitPgBreakAndParaMark             | `boolean` | Optional | `true`, `false`, `undefined` |
 | doNotVerticallyAlignCellWithSp      | `boolean` | Optional | `true`, `false`, `undefined` |
 | doNotBreakConstrainedForcedTable    | `boolean` | Optional | `true`, `false`, `undefined` |
 | ignoreVerticalAlignmentInTextboxes  | `boolean` | Optional | `true`, `false`, `undefined` |
 | useAnsiKerningPairs                 | `boolean` | Optional | `true`, `false`, `undefined` |
 | cachedColumnBalance                 | `boolean` | Optional | `true`, `false`, `undefined` |
--- a/docs/usage/fields.md
+++ b/docs/usage/fields.md
@ -0,0 +1,73 @@
 # Fields
 Fields are pieces of dynamic text that you can include in your document. Often used fields are page numbers or references, but you can also include document properties like the author name or last saved date.
 ## Simple fields
 There are very complicated fields like the table of contents, but in many cases the whole field just has the same properties (like formatting). In those cases, you can use simple fields.
 Word uses field codes to identify what the result of the field should be. You can find these field codes by adding a field in a document (`Insert -> Quick Parts -> Field...`) and clicking the 'Field codes'-button. Some examples include:
 Field type  | Example         | Description
 ----------- | --------------- | ---------------------------------------------------------
 = (Formula) | `=2*21`         | Calculates the result of a formula. You can also use bookmarks as variables, see below.
 Author      | `AUTHOR`        | Includes the author mentioned in the document properties.
 CreateDate  | `CREATEDATE`    | Date the document was created.
 Date        | `DATE`          | Today's date.
 FileName    | `FILENAME \p`   | The name of the document. Add `\p` for the complete path.
 Info        | `INFO NumWords` | Data from the document properties, e.g. the number of words in the document.
 NumPages    | `NUMPAGES`      | Number of pages in the document.
 UserName    | `USERNAME`      | Your user name from the Office personalization settings.
 Fields can be added as a child of a paragraph:
 ```ts
 const paragraph = new Paragraph({
    children: [new TextRun("This document was created by: "), new SimpleField("AUTHOR")],
 });
 ```
 Fields can contain a cached value that gives the word processor a text to show without having to calculate all fields. The cached value can be updated by selecting the field and pressing F9. A cached value can be passed in as the second argument to the constructor.
 ```ts
 const paragraph = new Paragraph({
    children: [new TextRun("This document was created by: "), new SimpleField("AUTHOR", "Richard Brodie")],
 });
 ```
 ### Formulas
 One type of field is the formula that can be used to do some basic calculations. This can be done with static values, e.g. `12 + 34`, but a value from a bookmark can also be used in a calculation. This can be seen in the following example:
 ```ts
 const paragraph = new Paragraph({
    children: [
        new TextRun("Value one is: "),
        new Bookmark({ id: "One", children: [new TextRun("451")]}),
        new TextRun(". The second value is: "),
        new Bookmark({ id: "Two", children: [new TextRun("886")]}),
        new TextRun(". The sum of these values is: "),
        new SimpleField("=One+Two"),
    ],
 });
 ```
 ### Mail merge fields
 Fields are often used in a mail merge where a template document is created and data from another source (Excel or a database) is inserted in the document.
 A convenience class was added to add these mail merge fields to the document easily. You can add these to a paragraph like any other field and only have to supply the name of the field in your data set:
 ```ts
 const paragraph = new Paragraph({
    children: [new TextRun("Your score was "), new SimpleMailMergeField("Score"), new TextRun(" of 100 points")],
 });
 ```
 This code is equivalent to:
 ```ts
 const paragraph = new Paragraph({
    children: [new TextRun("Your score was "), new SimpleField("MERGEFIELD Score", "«Score»"), new TextRun(" of 100 points")],
 });
 ```
--- a/docs/usage/footnotes.md
+++ b/docs/usage/footnotes.md
@ -0,0 +1,42 @@
 # Footnotes
 !> Footnotes requires an understanding of [Sections](usage/sections.md).
 Use footnotes and endnotes to explain, comment on, or provide references to something in a document. Usually, footnotes appear at the bottom of the page.
 ## Example
 ```ts
 const doc = new Document({
    footnotes: {
        1: { children: [new Paragraph("Foo"), new Paragraph("Bar")] },
        2: { children: [new Paragraph("Test")] },
    },
    sections: [
        {
            children: [
                new Paragraph({
                    children: [
                        new TextRun({
                            children: ["Hello"],
                        }),
                        new FootnoteReferenceRun(1),
                        new TextRun({
                            children: [" World!"],
                        }),
                        new FootnoteReferenceRun(2),
                    ],
                }),
            ],
        },
    ],
 });
 ```
 ## Usage
 Footnotes requires an entry into the `footnotes` array in the `Document` constructor, and a `FootnoteReferenceRun` in the `Paragraph` constructor.
 `footnotes` is an object of number to `Footnote` objects. The number is the reference number, and the `Footnote` object is the content of the footnote. The `Footnote` object has a `children` property, which is an array of `Paragraph` objects.
 `FootnoteReferenceRun` is a `Run` object, which are added to `Paragraph`s. It takes a number as a parameter, which is the reference number of the footnote.
--- a/docs/usage/headers-and-footers.md
+++ b/docs/usage/headers-and-footers.md
@ -8,24 +8,24 @@ Every Section has a sections which you can define its Headers and Footers:
 const doc = new Document({
    sections: [{
        headers: {
-            default: new Header({ // The standard default header
+            default: new Header({ // The standard default header on every page or header on odd pages when the 'Different Odd & Even Pages' option is activated
                children: [],
            }),
-            first: new Header({ // The first header
+            first: new Header({ // The header on first page when the 'Different First Page' option is activated
                children: [],
            }),
-            even: new Header({ // The header on every other page
+            even: new Header({ // The header on even pages when the 'Different Odd & Even Pages' option is activated
                children: [],
            }),
        },
        footers: {
-            default: new Footer({ // The standard default footer
+            default: new Footer({ // The standard default footer on every page or footer on odd pages when the 'Different Odd & Even Pages' option is activated
                children: [],
            }),
-            first: new Footer({ // The first footer
+            first: new Footer({ // The footer on first page when the 'Different First Page' option is activated
                children: [],
            }),
-            even: new Footer({ // The footer on every other page
+            even: new Footer({ // The footer on even pages when the 'Different Odd & Even Pages' option is activated
                children: [],
            }),
        },
@ -42,6 +42,17 @@ Example showing basic header and footer
 _Source: https://github.com/dolanmiu/docx/blob/master/demo/8-header-footer.ts_
 ## Different First Page
 To specify `'Different First Page'`, set `titlePage: true` in the sections array as shown below.
 ```
 sections: [
        {
          properties: {
            titlePage: true,
 ```
 ## Multiple Headers and Footers
 More headers and footers can be accomplished by creating more `Section`. New headers and footers can be set per `Section`
--- a/docs/usage/hyperlinks.md
+++ b/docs/usage/hyperlinks.md
@ -1,47 +1,98 @@
 # Hyperlinks
 !> Hyperlinks require an understanding of [Paragraphs](usage/paragraph.md) and [Text](usage/text.md).
 There are two types of hyperlinks: internal (pointing to a bookmark inside the document) and external (pointing to an external url).
 ## Internal
-To create an internal hyperlink you need first to create a bookmark (the paragraph that will be the destination of the hyperlink) with `doc.createBookmark(anchor, text)`.
+To create an internal hyperlink you need first to create a `Bookmark`, which contains the content that will be the destination of the hyperlink.
-A bookmark is composed of an anchor (an identifier) and the text displayed. After creating a bookmark just add it to a paragraph with `paragraph.addBookmark(bookmark)`
+A bookmark is composed of an anchor (an identifier) and the text displayed. After creating a bookmark just add it to a paragraph. For example, creating a bookmarked heading:
 For example:
 ```ts
-const paragraph = this.doc.createParagraph();
+const chapter1 = new Paragraph({
-const bookmark = this.doc.createBookmark('anchorForChapter1', 'This is chapter1');
+    heading: HeadingLevel.HEADING_1,
-paragraph.addBookmark(bookmark);
+    children: [
        new Bookmark({
            id: "anchorForChapter1",
            children: [
                new TextRun("Chapter 1"),
            ],
        }),
    ],
 })
 ```
-Then you can create an hyperlink pointing to that bookmark with `doc.createInternalHyperLink(anchor,text)`:
+Then you can create an hyperlink pointing to that bookmark with an `InternalHyperLink`:
 ```ts
-const paragraph = this.doc.createParagraph();
+const link = new InternalHyperlink({
-const link = this.doc.createInternalHyperLink('anchorForChapter1', 'This is a link to chapter1');
+    children: [
-paragraph.addHyperLink(link);
+        new TextRun({
            text: "See Chapter 1",
            style: "Hyperlink",
        }),
    ],
    anchor: "anchorForChapter1",
 })
 ```
 You can also get the page number of the bookmark by creating a page reference to it:
 ```ts
 const paragraph = new Paragraph({
    children: [
        new TextRun("Chapter 1 can be seen on page "),
        new PageReference("anchorForChapter1"),
    ],
 });
 ```
 ## External
-To create an external hyperlink you just need to specify the url and the text of the link, then add it to a paragraph with `doc.createHyperlink(url, text)`:
+To create an external hyperlink you just need to specify the url and the text of the link, then add it to a paragraph:
 ```ts
-const paragraph = this.doc.createParagraph();
+const paragraph = new Paragraph({
-const link = this.doc.createHyperlink('https://docx.js.org', 'This is an external link');
+    children: [
-paragraph.addHyperLink(link);
+        new ExternalHyperlink({
            children: [
                new TextRun({
                    text: "This is an external link!",
                    style: "Hyperlink",
                }),
            ],
            link: "https://docx.js.org",
        }),
    ],
 });
 ```
-## Styling an hyperlink
+## Styling hyperlinks
-It is possible to set the style of the text of an hyperlink. This can be done applying run formatting on `TextRun` property of the hyperlink.
+It is possible to set the style of the text of both internal and external hyperlinks. This can be done applying run formatting on any of the `TextRun` children of the hyperlink. Use the `style: "Hyperlink"` property to show the default link styles, which can be combined with any other style.
 Example:
 ```ts
-const link = this.doc.createHyperlink('https://docx.js.org', 'This is an external link');
+const styledLink = new ExternalHyperlink({
-link.TextRun.bold().italics()
+    children: [
        new TextRun({
            text: "This is a ",
            style: "Hyperlink",
        }),
        new TextRun({
            text: "bold",
            bold: true,
            style: "Hyperlink",
        }),
        new TextRun({
            text: " link!",
            style: "Hyperlink",
        }),
    ],
    link: "https://docx.js.org",
 });
 ```
--- a/docs/usage/images.md
+++ b/docs/usage/images.md
@ -78,7 +78,7 @@ const doc = new Document({
 > Positioning is the method on how to place the image on the document
-![Word Image Positiong](https://user-images.githubusercontent.com/34742290/41765548-b0946302-7604-11e8-96f9-166a9f0b8f39.png)
+![Word Image Positioning](https://user-images.githubusercontent.com/34742290/41765548-b0946302-7604-11e8-96f9-166a9f0b8f39.png)
 Three types of image positioning is supported:
@ -89,7 +89,7 @@ By default, images are exported as `Inline` elements.
 ### Usage
-Pass `options` into the `[POSITION_OPTIONS]` metioned in the [Intro above](#Intro).
+Pass `options` into the `[POSITION_OPTIONS]` mentioned in the [Intro above](#Intro).
 ## Floating
@ -252,13 +252,36 @@ const image = new ImageRun({
 });
 ```
 ## Alternative Text
 Specifies common non-visual DrawingML properties. A name, title and description for a picture can be specified.
 ```ts
 const image = new ImageRun({
    data: fs.readFileSync("./demo/images/pizza.gif"),
    altText: {
        title: "This is an ultimate title",
        description: "This is an ultimate image",
        name: "My Ultimate Image",
    },
 });
 ```
 ### Options
 | Property    | Type     | Notes    | Possible Values                      |
 | ----------- | -------- | -------- | ------------------------------------ |
 | name        | `string` | Required | `Specimen A`                         |
 | title       | `string` | Required | `My awesome title of my image`       |
 | description | `string` | Required | `My awesome description of my image` |
 ## Examples
 ### Add image to the document
 Importing Images from file system path
-[Example](https://raw.githubusercontent.com/dolanmiu/docx/master/demo/5-images.ts ':include')
+[Example](https://raw.githubusercontent.com/dolanmiu/docx/master/demo/5-images.ts ":include")
 _Source: https://github.com/dolanmiu/docx/blob/master/demo/5-images.ts_
@ -266,7 +289,7 @@ _Source: https://github.com/dolanmiu/docx/blob/master/demo/5-images.ts_
 Example showing how to add image to headers and footers
-[Example](https://raw.githubusercontent.com/dolanmiu/docx/master/demo/9-images-in-header-and-footer.ts ':include')
+[Example](https://raw.githubusercontent.com/dolanmiu/docx/master/demo/9-images-in-header-and-footer.ts ":include")
 _Source: https://github.com/dolanmiu/docx/blob/master/demo/9-images-in-header-and-footer.ts_
@ -274,6 +297,6 @@ _Source: https://github.com/dolanmiu/docx/blob/master/demo/9-images-in-header-an
 Example showing how to float images on top of text and optimally give a `margin`
-[Example](https://raw.githubusercontent.com/dolanmiu/docx/master/demo/38-text-wrapping.ts ':include')
+[Example](https://raw.githubusercontent.com/dolanmiu/docx/master/demo/38-text-wrapping.ts ":include")
 _Source: https://github.com/dolanmiu/docx/blob/master/demo/38-text-wrapping.ts_
--- a/docs/usage/math.md
+++ b/docs/usage/math.md
@ -6,7 +6,7 @@
 1.  To add math, create a `Math` object
 2.  Add `MathComponents` inside `Math`
-3.  `MathComponents` can have nested `MathComponents` inside. e.g. A fraction where the numerator is a square root, and the demoninator as another fraction. More on `MathComponents` below
+3.  `MathComponents` can have nested `MathComponents` inside. e.g. A fraction where the numerator is a square root, and the denominator as another fraction. More on `MathComponents` below
 4.  Make sure to add the `Math` object inside a `Paragraph`
 ## Example
@ -61,7 +61,7 @@ new Math({
 ### Math Fraction
-`MathFractions` require a `numerator` and a `demoninator`, which are both a list of `MathComponents`
+`MathFractions` require a `numerator` and a `denominator`, which are both a list of `MathComponents`
 #### Example
--- a/docs/usage/numbering.md
+++ b/docs/usage/numbering.md
@ -23,7 +23,7 @@ those bullets/numbering. An abstract numbering system defines how
 bullets/numbers are to be shown for lists, including any sublists that
 may be used. Thus each abstract definition includes a series of
 _levels_ which form a sequence starting at 0 indicating the top-level
-list look and increasing from there to descibe the sublists, then
+list look and increasing from there to describe the sublists, then
 sub-sublists, etc. Each level includes the following properties:
 *   **level**: This is its 0-based index in the definition stack
@ -37,12 +37,12 @@ sub-sublists, etc. Each level includes the following properties:
    numbers from each numbering level before this one. Thus a level
    text of `%d)` with a number format of `lowerLetter` would result in
    the sequence "a)", "b)", ...
-*   and a few others, which you can see in the OXML spec section 17.9.6
+*   and a few others, which you can see in the OOXML spec section 17.9.6
-## Document-level bullets/numbering defintions (concrete)
+## Document-level bullets/numbering definitions (concrete)
 Concrete definitions are sort of like concrete subclasses of the
-abstract defintions. They indicate their parent and are allowed to
+abstract definitions. They indicate their parent and are allowed to
 override certain level definitions. Thus two lists that differ only in
 how sub-sub-lists are to be displayed can share the same abstract
 numbering definition and have slightly different concrete definitions.
@ -86,3 +86,34 @@ topLevelP.setNumbering(concrete, 0);
 subP.setNumbering(concrete, 1);
 subSubP.setNumbering(concrete, 2);
 ```
 ## Unindent numbering 
 Default:1.  test
 After:1.test
 Use default numbering have indent,If you want unindent numbering
 How to custom number see the demo:
 https://runkit.com/dolanmiu/docx-demo3
 ```ts
 enum LevelSuffix {
    NOTHING = "nothing",
    SPACE = "space",
    TAB = "tab"
 }
 // custom numbering 
 const levels=[
 {
    level: 0,
    format: "decimal",
    text: "%1.",
    alignment: AlignmentType.START,
    suffix: LevelSuffix.NOTHING,    // Cancel intent
 }]
 ```
--- a/docs/usage/page-numbers.md
+++ b/docs/usage/page-numbers.md
@ -5,35 +5,49 @@
 ?> **Note:** This feature only works on Headers and Footers
 ```ts
-doc.Header.createParagraph().addRun(new TextRun("Page Number: ").pageNumber()).addRun(new TextRun("to ").numberOfTotalPages());
+new Paragraph({
    children: [
        new TextRun({
            children: ["Page #: ", PageNumber.CURRENT],
        })
    ]
 })
 ```
 ## Current page number
 To get the current page number, call the `.pageNumber()` method on a `TextRun`. Then add the newly created `TextRun` into a paragraph
 ```ts
-pageNumber();
+PageNumber.CURRENT
 ```
 For example:
 ```ts
-const currentPageRun = new TextRun("Current Page Number: ").pageNumber();
+new Paragraph({
-paragraph.addRun(currentPageRun);
+    children: [
        new TextRun({
            children: ["Page Number ", PageNumber.CURRENT],
        })
    ]
 })
 ```
 ## Total number of pages
 ```ts
-numberOfTotalPages();
+PageNumber.TOTAL_PAGES
 ```
 For example:
 ```ts
-const lastPage = new TextRun("Total Page Number: ").numberOfTotalPages();
+new Paragraph({
-paragraph.addRun(lastPage);
+    children: [
        new TextRun({
            children: ["Total Pages Number: ", PageNumber.TOTAL_PAGES],
        })
    ]
 })
 ```
@ -42,17 +56,14 @@ paragraph.addRun(lastPage);
 You can combine the two to get "Page 2 of 10" effect:
 ```ts
-const currentPageRun = new TextRun("Page ").pageNumber();
+new Paragraph({
-const lastPage = new TextRun("of ").numberOfTotalPages();
+    children: [
-
+        new TextRun("My awesome text here for my university dissertation. ")
-paragraph.addRun(currentPageRun);
+        new TextRun({
-paragraph.addRun(lastPage);
+            children: ["Page ", PageNumber.CURRENT, " of ", PageNumber.TOTAL_PAGES],
-```
+        })
-
+    ]
-Or:
+})
 ```ts
 doc.Header.createParagraph().addRun(new TextRun("Page ").pageNumber()).addRun(new TextRun("of ").numberOfTotalPages());
 ```
 ## Examples
--- a/docs/usage/paragraph.md
+++ b/docs/usage/paragraph.md
@ -1,8 +1,8 @@
 # Paragraph
-> Everything (text, images, graphs etc) in OpenXML is organised in paragraphs.
+> Everything (text, images, graphs etc) in OpenXML is organized in paragraphs.
-!> Paragraphs requires an understanding of [Sections](sections.md).
+!> Paragraphs requires an understanding of [Sections](usage/sections.md).
 You can create `Paragraphs` in the following ways:
@ -16,7 +16,7 @@ const paragraph = new Paragraph("Short hand Hello World");
 ### Children Method
-This method is useful for adding different [text](text.md) with different styles, [symbols](symbols.md), or adding [images](images.md) inline.
+This method is useful for adding different [text](usage/text.md) with different styles, [symbols](usage/symbols.md), or adding [images](usage/images.md) inline.
 ```ts
 const paragraph = new Paragraph({
@ -42,7 +42,7 @@ const doc = new Document({
 });
 ```
-Or the preferred convension, define the paragraph inside the section and remove the usage of variables:
+Or the preferred convention, define the paragraph inside the section and remove the usage of variables:
 ```ts
 const doc = new Document({
@ -61,13 +61,13 @@ const doc = new Document({
 This is the list of options for a paragraph. A detailed explanation is below:
 | Property                       | Type                                                                                                                | Mandatory? | Possible Values                                                                                                                                             |
-| ------------------------------ | ------------------------------------------------------------------------------------------------------------------- | ---------- | ---------------------------------------------------------------------------------------------------------- |
+| ------------------------------ | ------------------------------------------------------------------------------------------------------------------- | ---------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------- |
 | [text](#text)                  | `string`                                                                                                            | Optional   |                                                                                                                                                             |
 | [heading](#heading)            | `HeadingLevel`                                                                                                      | Optional   | `HEADING_1`, `HEADING_2`, `HEADING_3`, `HEADING_4`, `HEADING_5`, `HEADING_6`, `TITLE`                                                                       |
 | [border](#border)              | `IBorderOptions`                                                                                                    | Optional   | `top`, `bottom`, `left`, `right`. Each of these are of type IBorderPropertyOptions. Click here for Example                                                  |
 | [spacing](#spacing)            | `ISpacingProperties`                                                                                                | Optional   | See below for ISpacingProperties                                                                                                                            |
 | [outlineLevel](#outline-level) | `number`                                                                                                            | Optional   |                                                                                                                                                             |
-| alignment                      | `AlignmentType`                                                                                                     | Optional   |                                                                                                            |
+| alignment                      | `AlignmentType`                                                                                                     | Optional   | `START`, `CENTER`, `END`, `BOTH`, `MEDIUM_KASHIDA`, `DISTRIBUTE`, `NUM_TAB`, `HIGH_KASHIDA`, `LOW_KASHIDA`, `THAI_DISTRIBUTE`, `LEFT`, `RIGHT`, `JUSTIFIED` |
 | heading                        | `HeadingLevel`                                                                                                      | Optional   |                                                                                                                                                             |
 | bidirectional                  | `boolean`                                                                                                           | Optional   |                                                                                                                                                             |
 | thematicBreak                  | `boolean`                                                                                                           | Optional   |                                                                                                                                                             |
@ -111,7 +111,7 @@ const paragraph = new Paragraph({
 ## Border
-Add borders to a `Paragraph`. Good for making the `Paragraph` stand out
+Add borders to a `Paragraph`. Good for making the `Paragraph` stand out. Border top and border bottom can be used as a horizontal rule (also known as horizontal line).
 #### IBorderPropertyOptions
@ -121,7 +121,7 @@ Add borders to a `Paragraph`. Good for making the `Paragraph` stand out
 | -------- | -------- | -------- |
 | color    | `string` | Required |
 | space    | `number` | Required |
-| value    | `string` | Required |
+| style    | `string` | Required |
 | size     | `number` | Required |
 **Example:**
@ -135,13 +135,13 @@ const paragraph = new Paragraph({
        top: {
            color: "auto",
            space: 1,
-            value: "single",
+            style: "single",
            size: 6,
        },
        bottom: {
            color: "auto",
            space: 1,
-            value: "single",
+            style: "single",
            size: 6,
        },
    },
@ -180,12 +180,14 @@ Adding spacing between paragraphs
 ### ISpacingProperties
-| Property | Type           | Notes    |
+| Property | Type           | Notes    | Possible Values                        |
-| -------- | -------------- | -------- |
+| -------- | -------------- | -------- | -------------------------------------- |
-| after    | `number`       | Optional |
+| after    | `number`       | Optional |                                        |
-| before   | `number`       | Optional |
+| before   | `number`       | Optional |                                        |
-| line     | `number`       | Optional |
+| line     | `number`       | Optional |                                        |
-| lineRule | `LineRuleType` | Optional |
+| lineRule | `LineRuleType` | Optional | `AT_LEAST`, `EXACTLY`, `EXACT`, `AUTO` |
 Note: The `lineRule` property has different values depending on the version of Word you are using. The `EXACTLY` value is only available in Word 2016 and above. Use `EXACT` for greater support, including LibreOffice etc. Read this issue for more information: https://github.com/dolanmiu/docx/issues/1773.
 **Example:**
@ -303,4 +305,12 @@ Example: https://github.com/dolanmiu/docx/blob/master/demo/15-page-break-before.
 ## Page break control
-Paragraphs have `.keepLines()` and `.keepNext()` methods that allow restricting page breaks within and between paragraphs. See [this Microsoft article](https://support.office.com/en-us/article/Keep-lines-and-paragraphs-together-d72af534-926f-4c4b-830a-abfc2daa3bfa) for more details)
+Paragraphs have `keepLines` and `keepNext` properties that allow restricting page breaks within and between paragraphs. See [this Microsoft article](https://support.office.com/en-us/article/Keep-lines-and-paragraphs-together-d72af534-926f-4c4b-830a-abfc2daa3bfa) for more details.
 ```ts
 const paragraph = new Paragraph({
    text: "Stay on the same page",
    keepLines: true,
    keepNext: true,
 });
 ```
--- a/docs/usage/patcher.md
+++ b/docs/usage/patcher.md
@ -0,0 +1,94 @@
 # Patcher
 The patcher allows you to modify existing documents, and add new content to them.
 !> The Patcher requires an understanding of [Paragraphs](usage/paragraph.md).
 ---
 ## Usage
 ```ts
 import * as fs from "fs";
 import { patchDocument } from "docx";
 patchDocument(fs.readFileSync("My Document.docx"), {
    patches: {
        // Patches here
    },
 });
 ```
 ## Patches
 The patcher takes in a `patches` object, which is a map of `string` to `Patch`:
 ```ts
 interface Patch {
    type: PatchType;
    children: FileChild[] | ParagraphChild[];
 }
 ```
 | Property | Type                              | Notes    | Possible Values                                                                                                                      |
 | -------- | --------------------------------- | -------- | ------------------------------------------------------------------------------------------------------------------------------------ |
 | type     | `PatchType`                       | Required | `DOCUMENT`, `PARAGRAPH`                                                                                                              |
 | children | `FileChild[] or ParagraphChild[]` | Required | The contents to replace with. A `FileChild` is a `Paragraph` or `Table`, whereas a `ParagraphChild` is typical `Paragraph` children. |
 ### How to patch existing document
 1. Open your existing word document in your favorite Word Processor
 2. Write tags in the document where you want to patch in a mustache style notation. For example, `{{my_patch}}` and `{{my_second_patch}}`.
 3. Run the patcher with the patches as a key value pair.
 ## Example
 ### Word Document
 ![Word Document screenshot](https://i.imgur.com/ybkvw6Z.png)
 ### Patcher
 ?> Notice how there is no handlebar notation in the key.
 The patch can be as simple as a string, or as complex as a table. Images, hyperlinks, and other complex elements within the `docx` library are also supported.
 ```ts
 patchDocument(fs.readFileSync("My Document.docx"), {
    patches: {
        my_patch: {
            type: PatchType.PARAGRAPH,
            children: [new TextRun("Sir. "), new TextRun("John Doe"), new TextRun("(The Conqueror)")],
        },
        my_second_patch: {
            type: PatchType.DOCUMENT,
            children: [
                new Paragraph("Lorem ipsum paragraph"),
                new Paragraph("Another paragraph"),
                new Paragraph({
                    children: [
                        new TextRun("This is a "),
                        new ExternalHyperlink({
                            children: [
                                new TextRun({
                                    text: "Google Link",
                                }),
                            ],
                            link: "https://www.google.co.uk",
                        }),
                        new ImageRun({ data: fs.readFileSync("./demo/images/dog.png"), transformation: { width: 100, height: 100 } }),
                    ],
                }),
            ],
        },
    },
 });
 ```
 ---
 ## Demo
 _Source: https://github.com/dolanmiu/docx/blob/master/demo/85-template-document.ts_
 [Example](https://raw.githubusercontent.com/dolanmiu/docx/master/demo/85-template-document.ts ":include :type=code typescript")
--- a/docs/usage/styling-with-js.md
+++ b/docs/usage/styling-with-js.md
@ -146,7 +146,7 @@ const doc = new Document({
 });
 ```
-**Note**: If you are using the `.headingX` or `.title` methods of paragraphs, you must make sure to define `HeadingX` or `Title` styles for these. Otherwise they'll show up unstyled :(. If you are using the `.bullet` or `.setNumbering` methods, you need to define a `ListParagraph` style or the numbers may not show up.
+**Note**: If you are using the `.headingX` or `.title` methods of paragraphs, you must make sure to define `HeadingX` or `Title` styles for these. Otherwise they'll show up un-styled :(. If you are using the `.bullet` or `.setNumbering` methods, you need to define a `ListParagraph` style or the numbers may not show up.
 ### Document defaults
@ -199,7 +199,7 @@ For these properties, the rules state the following conflict resolution in case
 ## Examples
-### Declaritive styles
+### Declarative styles
 Importing Images from file system path
--- a/docs/usage/styling-with-xml.md
+++ b/docs/usage/styling-with-xml.md
@ -3,7 +3,7 @@
 ## Setup
 1.  Create a new word document in Microsoft Word
-2.  Customise the styles on the Ribbon Bar.
+2.  Customize the styles on the Ribbon Bar.
    For example, modify the `Normal`, `Heading 1`, `Heading 2` like so:
    ![image](https://user-images.githubusercontent.com/2917613/41195113-65edebfa-6c1f-11e8-97b4-77de2d60044a.png)
--- a/docs/usage/symbols.md
+++ b/docs/usage/symbols.md
@ -1,8 +1,8 @@
 # Symbol Runs
-!> SymbolRuns require an understanding of [Paragraphs](paragraph.md).
+!> SymbolRuns require an understanding of [Paragraphs](usage/paragraph.md).
-You can add multiple `symbol runs` in `Paragraphs` along with [text runs](text.md) using the Paragraph's `children` property.
+You can add multiple `symbol runs` in `Paragraphs` along with [text runs](usage/text.md) using the Paragraph's `children` property.
 ```ts
 import { Paragraph, TextRun, SymbolRun } from "docx";
@ -50,4 +50,4 @@ const symbol = new SymbolRun({
 });
 ```
-See the [text run](text.md) documentation for more info.
+See the [text run](usage/text.md) documentation for more info.
--- a/docs/usage/tab-stops.md
+++ b/docs/usage/tab-stops.md
@ -1,121 +0,0 @@
 # Tab Stops
 > Tab stops are useful, if you are unclear of what they are, [here is a link explaining](https://en.wikipedia.org/wiki/Tab_stop). It enables side by side text which is nicely laid out without the need for tables, or constantly pressing space bar.
 !> **Note**: The unit of measurement for a tab stop is in [DXA](https://stackoverflow.com/questions/14360183/default-wordml-unit-measurement-pixel-or-point-or-inches)
 ![Word 2013 Tabs](http://www.teachucomp.com/wp-content/uploads/blog-4-22-2015-UsingTabStopsInWord-1024x577.png "Word 2013 Tab Stops")
 Simply call the relevant methods on the paragraph listed below. Then just add a `tab()` method call to a text object. Adding multiple `tabStops` will mean you would have to chain `tab()` until the desired `tabStop` is selected. Example is shown below.
 ## Example
 ```ts
 const paragraph = new Paragraph({
    children: [new TextRun("Hey everyone").bold(), new TextRun(\t"11th November 1999")],
    tabStops: [
        {
            type: TabStopType.RIGHT,
            position: TabStopPosition.MAX,
        },
    ],
 });
 ```
 The example above will create a left aligned text, and a right aligned text on the same line. The laymans approach to this problem would be to either use text boxes or tables. Not ideal!
 ```ts
 const paragraph = new Paragraph({
    children: [new TextRun("Second tab stop here I come!")],
    tabStops: [
        {
            type: TabStopType.RIGHT,
            position: TabStopPosition.MAX,
        },
        {
            type: TabStopType.LEFT,
            position: 1000,
        },
    ],
 });
 ```
 The above shows the use of two tab stops, and how to select/use it.
 You can add multiple tab stops of the same `type` too.
 ```ts
 const paragraph = new Paragraph({
    children: [new TextRun("Multiple tab stops!")],
    tabStops: [
        {
            type: TabStopType.RIGHT,
            position: TabStopPosition.MAX,
        },
        {
            type: TabStopType.RIGHT,
            position: 1000,
        },
    ],
 });
 ```
 ## Left Tab Stop
 ```ts
 const paragraph = new Paragraph({
    tabStops: [
        {
            type: TabStopType.LEFT,
            position: 2268,
        },
    ],
 });
 ```
 2268 is the distance from the left side.
 ## Center Tab Stop
 ```ts
 const paragraph = new Paragraph({
    tabStops: [
        {
            type: TabStopType.CENTER,
            position: 2268,
        },
    ],
 });
 ```
 2268 is the distance from the center.
 ## Right Tab Stop
 ```ts
 const paragraph = new Paragraph({
    tabStops: [
        {
            type: TabStopType.RIGHT,
            position: 2268,
        },
    ],
 });
 ```
 2268 is the distance fro0oum the left side.
 ## Max Right Tab Stop
 ```ts
 const paragraph = new Paragraph({
    tabStops: [
        {
            type: TabStopType.RIGHT,
            position: TabStopPosition.MAX,
        },
    ],
 });
 ```
 This will create a tab stop on the very edge of the right hand side. Handy for right aligning and left aligning text on the same line.
--- a/Show More
+++ b/Show More
		`@ -0,0 +1,2 @@`
							`# https://prettier.io/docs/en/options.html#end-of-line`
							`* text=auto eol=lf`