Add table borders to table demo

Add image borders (#2472 )
* Add image borders * Fix prettier * Fix spelling * Fix spelling * Finish feature * Update demo * Try and fix demo 14
2023-12-27 20:56:13 +00:00 · 2023-12-27 20:20:45 +00:00 · 2023-12-25 22:29:32 +00:00 · 2023-12-25 15:29:13 +00:00 · 2023-12-25 13:02:00 +00:00 · 2023-12-25 12:44:20 +00:00
418 changed files with 30526 additions and 23491 deletions
--- a/.cspell.json
+++ b/.cspell.json
@ -7,31 +7,36 @@
    "dictionaries": ["en_US", "typescript", "softwareTerms", "fonts", "npm"],
    // words - list of words to be always considered correct
    "words": [
-        "Xmlable",
+        "Abjad",
+        "aiueo",
+        "ATLEAST",
+        "chosung",
+        "clippy",
+        "datas",
+        "docsify",
+        "dolan",
+        "execa",
+        "falsey",
+        "horz",
+        "iife",
+        "Initializable",
+        "iroha",
+        "jsonify",
+        "jszip",
+        "NUMPAGES",
+        "odttf",
+        "ondata",
+        "onfile",
+        "ooxml",
+        "panose",
+        "rels",
+        "rsid",
        "twip",
        "twips",
-        "jsonify",
-        "falsey",
-        "aiueo",
-        "iroha",
-        "aiueo",
-        "iroha",
-        "chosung",
-        "Abjad",
-        "Initializable",
-        "rels",
-        "dolan",
-        "xmlify",
-        "Xmlifyed",
+        "Xmlable",
        "xmlified",
-        "datas",
-        "jszip",
-        "rsid",
-        "NUMPAGES",
-        "ATLEAST",
-        "ooxml",
-        "clippy",
-        "docsify"
+        "xmlify",
+        "Xmlifyed"
    ],
    "ignoreRegExpList": [
        "/\"w:.+\"/",
@ -49,9 +54,10 @@
        "\\.to\\.include\\.members\\(\\[[^\\]]+]\\)",
        "/new [a-zA-Z]+\\({[^£]+}\\)/g",
        "/<element name=\"[a-z]+\"/gi",
-        "/<attribute name=\"[a-z]+\"/gi"
+        "/<attribute name=\"[a-z]+\"/gi",
+        "/key: \".+\"/"
    ],
-    "ignorePaths": ["package.json", "docs/api"],
+    "ignorePaths": ["package.json", "docs/api", "*.docx", "build"],
    "allowCompoundWords": true,
    // flagWords - list of words to be always considered incorrect
    // This is useful for offensive words and common spelling errors.
--- a/.eslintrc.js
+++ b/.eslintrc.js
@ -1,272 +0,0 @@
-/*
-👋 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/.eslintrc.yml
+++ b/.eslintrc.yml
@ -0,0 +1,238 @@
+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"
+    - eslint-plugin-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
+              - UPPER_CASE  # for constants
+          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"
+    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
+        - ignoreImmediateMutation: true
+          ignoreAccessorPattern:
+              - "**.root*"
+              - "**.numberingReferences*"
+              - "**.sections*"
+              - "**.properties*"
+    functional/prefer-property-signatures: error
+    functional/no-mixed-types: error
+    functional/prefer-readonly-type: error
+    no-unused-vars:
+        - error
+        - argsIgnorePattern: ^[_]+$
+ignorePatterns:
+    - vite.config.ts
+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/.github/actions/install-and-build/action.yml
+++ b/.github/actions/install-and-build/action.yml
@ -0,0 +1,12 @@
+name: Install dependencies and build ⚙️
+description: Install dependencies and build
+
+runs:
+    using: composite
+    steps:
+        - name: Install Dependencies
+          shell: bash
+          run: npm ci --force
+        - name: Build
+          shell: bash
+          run: npm run build
--- a/.github/actions/validate-docx/action.yml
+++ b/.github/actions/validate-docx/action.yml
@ -0,0 +1,14 @@
+name: Extract and Validate Document ⚙️
+description: Extract the document and validate the XML against the schema.
+
+runs:
+    using: composite
+    steps:
+        - name: Extract Word Document
+          shell: bash
+          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/dependabot.yml
+++ b/.github/dependabot.yml
@ -5,36 +5,3 @@ updates:
  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
@ -14,10 +14,7 @@ jobs:
        steps:
            - name: Checkout Repo
              uses: actions/checkout@master
-            - name: Install Dependencies
-              run: npm ci --force
-            - name: Build
-              run: npm run build
+            - uses: "./.github/actions/install-and-build"
            - name: Archive Production Artifact
              uses: actions/upload-artifact@master
              with:
@ -32,7 +29,7 @@ jobs:
            - name: Install Dependencies
              run: npm ci --force
            - name: Test
-              run: npm run test.coverage
+              run: npm run test:ci
            - name: Codecov
              uses: codecov/codecov-action@v3
              with:
@ -57,7 +54,7 @@ jobs:
            - name: Install Dependencies
              run: npm ci --force
            - name: Prettier
-              run: npm run style
+              run: npm run prettier
    cspell:
        name: CSpell
        runs-on: ubuntu-latest
--- a/.github/workflows/demos.yml
+++ b/.github/workflows/demos.yml
--- a/.gitignore
+++ b/.gitignore
@ -60,5 +60,5 @@ My Document.docx
 # Temporary folder
 tmp

-# nyc
-.nyc_output
+# Exclude Mac .DS_Store files
+.DS_Store
--- a/.mocharc.json
+++ b/.mocharc.json
@ -1,13 +0,0 @@
-{
-    "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/.nycrc
+++ b/.nycrc
@ -1,25 +0,0 @@
-{
-  "check-coverage": true,
-  "statements": 99.79,
-  "branches": 98.41,
-  "functions": 100,
-  "lines": 99.73,
-  "include": [
-    "src/**/*.ts"
-  ],
-  "exclude": [
-    "src/**/*.spec.ts",
-    "src/import-dotx/import-dotx.ts"
-  ],
-  "reporter": [
-    "lcov",
-    "text",
-    "json"
-  ],
-  "extension": [
-    ".ts"
-  ],
-  "cache": true,
-  "all": true,
-  "sourceMap": true
-}
--- a/.vscode/launch.json
+++ b/.vscode/launch.json
@ -0,0 +1,4 @@
+{
+    "version": "0.2.0",
+    "configurations": []
+}
--- a/.vscode/tasks.json
+++ b/.vscode/tasks.json
@ -2,23 +2,5 @@
    // See https://go.microsoft.com/fwlink/?LinkId=733558
    // for the documentation about the tasks.json format
    "version": "2.0.0",
-    "tasks": [
-        {
-            "type": "typescript",
-            "tsconfig": "tsconfig.json",
-            "option": "watch",
-            "problemMatcher": [
-                "$tsc-watch"
-            ]
-        },
-        {
-            "type": "npm",
-            "script": "ts-node",
-            "problemMatcher": [],
-            "group": {
-                "kind": "build",
-                "isDefault": true
-            }
-        }
-    ]
+    "tasks": []
 }
--- a/README.md
+++ b/README.md
@ -3,7 +3,7 @@
 </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>

 ---
@ -12,7 +12,6 @@
 [![Downloads per month][downloads-image]][downloads-url]
 [![GitHub Action Workflow Status][github-actions-workflow-image]][github-actions-workflow-url]
 [![Known Vulnerabilities][snky-image]][snky-url]
-[![Chat on Gitter][gitter-image]][gitter-url]
 [![PRs Welcome][pr-image]][pr-url]
 [![codecov][codecov-image]][codecov-url]

@ -88,6 +87,7 @@ Read the contribution guidelines [here](https://docx.js.org/#/contribution-guide
 [<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!

@ -106,8 +106,6 @@ Made with 💖
 [github-actions-workflow-url]: https://github.com/dolanmiu/docx/actions
 [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
-[gitter-url]: https://gitter.im/docx-lib/Lobby
 [pr-image]: https://img.shields.io/badge/PRs-welcome-brightgreen.svg
 [pr-url]: http://makeapullrequest.com
 [codecov-image]: https://codecov.io/gh/dolanmiu/docx/branch/master/graph/badge.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, Tab, TextRun } from "../build";
+import { Document, Packer, Paragraph, Tab, TextRun } from "docx";

 const doc = new Document({
    sections: [
--- 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, Tab, TabStopPosition, TabStopType, TextRun } from "../build";
+import { AlignmentType, Document, HeadingLevel, Packer, Paragraph, Tab, TabStopPosition, TabStopType, TextRun } from "docx";

 // tslint:disable:no-shadowed-variable

--- a/demo/11-declaritive-styles-2.ts
+++ b/demo/11-declaritive-styles-2.ts
@ -1,5 +1,5 @@
 // Setting styles with JavaScript configuration
-// Import from 'docx' rather than '../build' if you install from npm
+
 import * as fs from "fs";
 import {
    AlignmentType,
@ -16,7 +16,7 @@ import {
    TabStopPosition,
    UnderlineType,
    LevelFormat,
-} from "../build";
+} from "docx";

 const table = new Table({
    rows: [
--- a/demo/12-scaling-images.ts
+++ b/demo/12-scaling-images.ts
@ -1,7 +1,7 @@
 // Scaling images
-// Import from 'docx' rather than '../build' if you install from npm
+
 import * as fs from "fs";
-import { Document, ImageRun, Packer, Paragraph } from "../build";
+import { Document, ImageRun, Packer, Paragraph } from "docx";

 const doc = new Document({
    sections: [
--- a/demo/13-xml-styles.ts
+++ b/demo/13-xml-styles.ts
@ -1,7 +1,7 @@
 // This example shows 3 styles using XML styles
-// Import from 'docx' rather than '../build' if you install from npm
+
 import * as fs from "fs";
-import { Document, HeadingLevel, Packer, Paragraph } from "../build";
+import { Document, HeadingLevel, Packer, Paragraph } from "docx";

 const styles = fs.readFileSync("./demo/assets/custom-styles.xml", "utf-8");
 const doc = new Document({
--- a/demo/14-page-numbers.ts
+++ b/demo/14-page-numbers.ts
@ -1,7 +1,143 @@
 // 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, Paragraph, TextRun } from "../build";
+import { AlignmentType, Document, Footer, Header, Packer, PageBreak, PageNumber, Paragraph, TextRun } from "docx";
+
+// cspell: disable
+const createLoremIpsumParagraphs = () => [
+    new Paragraph(
+        "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam accumsan condimentum elit ut placerat. Integer vitae justo est. Quisque tempus augue eu diam pulvinar aliquam. Pellentesque neque sem, posuere eget augue pretium, feugiat mattis diam. Mauris libero arcu, elementum sit amet nunc sed, vestibulum posuere sapien. Nullam",
+    ),
+
+    new Paragraph(
+        "ultrices efficitur magna et commodo. Morbi vitae dolor vulputate, dapibus ipsum in, finibus enim. Aliquam dapibus tellus libero. Nullam nulla eros, ullamcorper eu risus at, luctus aliquet nunc. Nunc dictum turpis eu quam suscipit porta. In rutrum scelerisque nunc in consectetur. Pellentesque ut nibh eget neque congue auctor. Nunc dapibus massa elit, vel cursus metus condimentum et. Nunc venenatis dolor eu lobortis fringilla. Nulla sed risus id lectus scelerisque sollicitudin. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.",
+    ),
+
+    new Paragraph(
+        "Nulla lobortis et purus convallis ullamcorper. Nunc scelerisque, urna eu vestibulum feugiat, orci turpis pulvinar odio, vitae faucibus elit tortor et urna. Curabitur eros mauris, mollis a vestibulum nec, vestibulum sed velit. Nam semper metus ut felis ultricies rutrum. Cras hendrerit eros vel placerat vulputate. Proin placerat ",
+    ),
+    new Paragraph(
+        "mollis lacus a ultricies. Mauris vel turpis vitae purus suscipit dignissim. Donec egestas molestie libero in suscipit. Aenean auctor tellus convallis eros porttitor, id vehicula risus commodo. Sed accumsan turpis elit, eget molestie tortor efficitur eget. Aliquam ut lectus quis augue pellentesque tincidunt id id quam. Maecenas auctor, lorem eu ornare tempor, lacus metus ultrices turpis, nec feugiat nibh purus id justo.",
+    ),
+
+    new Paragraph(
+        "Sed semper feugiat ante, sit amet accumsan lorem vulputate vel. Morbi interdum, mauris sit amet efficitur mattis, nunc sapien tempor ante, eget maximus ipsum arcu quis dolor. Suspendisse id consequat justo, quis sollicitudin nisi. Duis euismod, velit non faucibus placerat, eros sem fermentum lectus, ut egestas nisi ipsum eget mi. ",
+    ),
+    new Paragraph(
+        "Donec vitae mollis libero. Etiam magna leo, auctor sit amet nibh sit amet, interdum finibus nunc. Quisque a pellentesque velit, a laoreet ante.",
+    ),
+
+    new Paragraph(
+        "Quisque fringilla orci quis dui facilisis, quis auctor urna cursus. Mauris eget justo lacus. Integer placerat, leo vitae ullamcorper varius, nulla mauris gravida massa, ac dignissim odio erat eu ante. Duis non dui semper, eleifend neque nec, ultricies ligula. Sed nec sem nec dolor ultrices finibus. Praesent rutrum iaculis mollis. ",
+    ),
+    new Paragraph(
+        "Fusce accumsan dui tortor, quis feugiat urna efficitur sed. Fusce viverra tristique lacinia. Sed nec faucibus ipsum, vel pulvinar ligula. Curabitur ut viverra nisl. Nulla nisi tortor, imperdiet et ipsum sit amet, egestas lacinia leo. Quisque interdum mauris non nunc egestas tempor a vehicula diam. Vestibulum convallis quam sit amet tincidunt posuere. Mauris velit sem, fermentum a diam sit amet, pulvinar iaculis lectus. In dolor turpis, cursus id libero sit amet, aliquet ullamcorper urna. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.",
+    ),
+
+    new Paragraph(
+        "Etiam tincidunt euismod nisi, ut dignissim neque blandit sit amet. Etiam vel velit rhoncus, tincidunt diam quis, dignissim felis. Integer dolor urna, rutrum vitae ultricies ut, sagittis quis felis. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Donec pharetra aliquam augue. Donec ",
+    ),
+    new Paragraph(
+        "imperdiet placerat augue, nec consequat leo placerat a. Mauris accumsan ornare massa vitae volutpat. Sed commodo purus ac fringilla ultricies. Donec quis urna hendrerit dolor efficitur sollicitudin. Pellentesque diam arcu, dapibus a nisl pretium, auctor lobortis augue.",
+    ),
+
+    new Paragraph(
+        "Aliquam libero lorem, scelerisque a volutpat ac, venenatis eu nisl. Maecenas turpis diam, consequat eget elementum eget, venenatis at lacus. In maximus erat magna, ut hendrerit erat malesuada vel. Suspendisse iaculis, lacus posuere convallis gravida, nisi purus blandit nunc, imperdiet tempor nunc turpis et sapien. Duis euismod id ",
+    ),
+    new Paragraph(
+        "ligula ac laoreet. Ut facilisis massa quis turpis imperdiet, eu ornare lorem placerat. Vestibulum pharetra feugiat eleifend. Quisque ornare pretium urna, lacinia aliquam eros placerat et. Integer sit amet auctor ipsum. Morbi imperdiet dictum ex sed lacinia. Curabitur interdum mattis nunc non vestibulum. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Pellentesque odio libero, viverra ac quam eleifend, dignissim euismod nibh. Etiam sit amet semper ante. Morbi in tellus lacinia, bibendum dolor quis, viverra nisi. Proin condimentum purus ipsum, et accumsan sapien finibus ac.",
+    ),
+
+    new Paragraph(
+        "Maecenas congue in leo id faucibus. Etiam porta dapibus ultricies. Nunc ac volutpat magna. Nam pretium dolor ac ultrices tincidunt. Vestibulum pharetra elit vitae lacus pharetra euismod. Pellentesque fringilla lacus ac neque varius sagittis. Mauris tincidunt rutrum velit. Etiam pretium est vitae lacus ultricies, vitae viverra ",
+    ),
+    new Paragraph(
+        "turpis auctor. Nulla at lectus pellentesque enim dapibus aliquet eleifend et quam. Suspendisse cursus sed velit et lobortis. Integer sed facilisis ligula, ultrices molestie neque. Nulla porta mauris vitae quam consequat, eget fringilla enim luctus. Integer vitae rhoncus nibh, ac ornare ligula. Sed sed placerat libero. Suspendisse laoreet erat lacus, et lacinia nibh maximus in. Maecenas vitae enim at urna gravida euismod.",
+    ),
+
+    new Paragraph(
+        "Interdum et malesuada fames ac ante ipsum primis in faucibus. Nullam lacinia lobortis tortor mollis venenatis. Sed sodales iaculis justo in rhoncus. Proin orci sapien, fermentum nec eleifend in, tristique vel mi. Donec vitae ornare justo, sed rhoncus nibh. Quisque a interdum est, in scelerisque odio. Ut luctus eget ex non ",
+    ),
+    new Paragraph(
+        "fringilla. Morbi nec iaculis nisi. Donec porta libero ac ex sollicitudin, vitae interdum erat faucibus. Donec ornare, arcu ullamcorper pretium euismod, nibh nisi consectetur justo, ac aliquet sem eros non nibh. Nulla vitae elementum arcu. Aenean ut consectetur dui. Donec posuere condimentum velit ac hendrerit. Sed aliquet aliquet mi, sed rutrum justo ultrices eget.",
+    ),
+
+    new Paragraph(
+        "Donec volutpat libero dui, ac bibendum nunc eleifend a. Fusce ultricies ligula non sollicitudin lobortis. Integer sit amet elit sapien. Morbi rhoncus bibendum nibh et facilisis. Etiam consectetur elementum sem non elementum. Nunc rutrum sagittis ipsum non sodales. Orci varius natoque penatibus et magnis dis parturient montes, ",
+    ),
+    new Paragraph(
+        "nascetur ridiculus mus. Quisque porttitor nulla ultrices mollis porta. Cras non metus sed quam rutrum ultricies. Curabitur aliquet in sem eget auctor. Ut sodales quis leo bibendum venenatis. Etiam pellentesque eros ut metus dignissim commodo. Aliquam vitae sem gravida, convallis ipsum at, imperdiet tellus. Pellentesque consectetur odio sit amet sapien vestibulum aliquam nec id libero. Proin a maximus felis. Aenean molestie vulputate massa, eu eleifend sem consequat id.",
+    ),
+
+    new Paragraph(
+        "Etiam quis ante nec leo faucibus dignissim eu at mi. Nam nec ligula nec sapien rhoncus faucibus. Fusce vestibulum orci libero, vel commodo est congue iaculis. In hac habitasse platea dictumst. Sed lacinia magna eu arcu commodo pretium. Fusce id elementum enim. Mauris tristique tortor dolor, at pretium magna tempor nec. Vivamus non ",
+    ),
+    new Paragraph(
+        "dui sit amet odio porttitor tincidunt. Nam pulvinar aliquet tortor tristique tempor. Duis finibus tincidunt elit, at viverra justo sagittis in. Morbi pellentesque gravida mi, in pulvinar metus molestie at. Fusce bibendum eleifend sapien a fermentum. Nam efficitur tellus dignissim, vehicula tortor ac, tristique enim. Aliquam pretium dui interdum varius elementum. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Donec a finibus elit.",
+    ),
+
+    new Paragraph(
+        "Phasellus cursus tortor at justo bibendum aliquam. Sed nec hendrerit nibh, eu finibus tortor. Aenean sit amet dui rutrum, sollicitudin justo eu, condimentum ipsum. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Maecenas dictum neque lacus, vel posuere eros pretium nec. Morbi ac ante at ",
+    ),
+    new Paragraph(
+        "ex semper ultricies ac quis augue. In hac habitasse platea dictumst. Mauris laoreet porta nisl. Sed augue lorem, aliquet in volutpat ut, rhoncus eget nibh. Sed rhoncus arcu diam, accumsan rhoncus sem iaculis ac. Duis dolor magna, semper et tellus non, condimentum volutpat nisi. Donec eget metus eget elit eleifend vestibulum et ut purus.",
+    ),
+
+    new Paragraph(
+        "Nam a dui accumsan, efficitur ex at, commodo eros. Pellentesque sit amet nunc ac odio egestas suscipit id sodales ligula. Duis non mi vitae mi mollis fringilla at sit amet sem. Morbi laoreet mattis dolor sit amet tincidunt. Aliquam erat volutpat. Pellentesque porta sem odio, at lobortis quam commodo vitae. Curabitur ut urna dolor.",
+    ),
+
+    new Paragraph(
+        "Nulla vitae pretium ex. Nulla facilisi. Vestibulum placerat odio eget enim ultrices, et imperdiet tellus consequat. Sed dignissim, erat ut dignissim interdum, dui mi rhoncus nunc, id rhoncus turpis nunc eu risus. Mauris leo orci, euismod sit amet velit ac, condimentum dictum dui. Cras cursus dolor augue, et vestibulum lorem ",
+    ),
+    new Paragraph(
+        "fringilla in. Nulla fermentum odio vehicula justo placerat, et aliquet velit vulputate. Sed aliquam auctor dictum. Phasellus sit amet sollicitudin elit. Cras eget gravida ex. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Duis tortor erat, ornare id feugiat eget, pellentesque at lectus. Sed vitae nisi ullamcorper, tincidunt augue vitae, accumsan ligula. Curabitur ut lobortis lacus, imperdiet placerat arcu.",
+    ),
+
+    new Paragraph(
+        "Sed vestibulum tempor nulla vel dignissim. Phasellus imperdiet, dolor nec mollis tempor, nulla nibh pretium nibh, nec elementum lacus neque in sapien. Nam et eleifend lorem. Nam pretium molestie enim quis porta. Proin eu pharetra enim. Etiam a velit eget augue congue tempor. Interdum et malesuada fames ac ante ipsum primis in ",
+    ),
+    new Paragraph("faucibus. Sed urna tellus, euismod ac pharetra nec, ultrices vel nisi."),
+
+    new Paragraph(
+        "Phasellus at arcu eget tellus mattis ultricies non quis urna. Vestibulum non eros fringilla, porttitor massa id, ornare metus. Quisque lacinia, massa a ornare vulputate, ex lectus ullamcorper ligula, eget facilisis mi turpis at dolor. Curabitur posuere elementum enim, non placerat tortor tincidunt sit amet. Pellentesque habitant ",
+    ),
+    new Paragraph(
+        "morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nam fermentum ut felis et dapibus. Ut consectetur finibus bibendum. Phasellus semper sapien neque, nec consequat nibh convallis et. Nunc nec egestas enim. Nulla facilisi.",
+    ),
+
+    new Paragraph(
+        "Quisque sed nibh sed lorem placerat ornare sed nec sapien. Morbi et risus vitae magna varius varius eget at leo. Curabitur a eleifend elit. Mauris augue nulla, convallis vel ante in, consequat feugiat orci. Donec sagittis risus nibh, eget porta purus faucibus non. Curabitur ultrices, ex et placerat rutrum, velit odio accumsan ",
+    ),
+    new Paragraph(
+        "nulla, et elementum mi leo in velit. Pellentesque auctor egestas ultricies. In viverra est a mauris sollicitudin, a laoreet augue cursus. Vestibulum non sollicitudin massa. Curabitur ac tellus metus. Pellentesque hendrerit dolor sed mi vestibulum imperdiet. Nulla vitae odio ultrices, tempor enim sed, vestibulum eros. Cras libero ex, malesuada nec porttitor sit amet, efficitur sit amet ligula.",
+    ),
+
+    new Paragraph(
+        "Morbi pellentesque tempus felis, id iaculis quam euismod non. Sed scelerisque id massa eu elementum. Vestibulum id malesuada arcu. Maecenas eget placerat sem, at consectetur orci. Nullam interdum erat urna, ac rhoncus odio feugiat sed. Morbi rutrum auctor sem eget pulvinar. Suspendisse egestas tempor volutpat.",
+    ),
+
+    new Paragraph(
+        "Vivamus euismod, sem eget molestie rhoncus, metus dui laoreet lacus, et lobortis est metus ut felis. Aenean imperdiet lacus nunc, vitae molestie orci ultrices nec. Cras egestas maximus diam, vitae efficitur nisl luctus imperdiet. Nulla pellentesque sodales ante, nec facilisis turpis. Vivamus at hendrerit enim, ac dictum lorem. Cras ",
+    ),
+    new Paragraph(
+        "congue accumsan dui, non pretium sem auctor quis. Nunc a mauris vehicula, elementum ex vitae, sollicitudin eros. Nunc non sapien vitae justo sodales condimentum. Praesent nisl felis, tristique ac odio at, rhoncus porttitor orci. Morbi egestas placerat iaculis.",
+    ),
+    new Paragraph(
+        "Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. In at lorem nec neque faucibus ultricies ut in ipsum.",
+    ),
+    new Paragraph(
+        "Suspendisse fermentum feugiat augue eu convallis. Maecenas eros velit, efficitur sit amet posuere sed, tristique sit amet nisi. Donec vel convallis justo, id tempor neque. Nunc pulvinar maximus nulla, vitae congue lacus cursus ut. Morbi at mollis est, a vehicula nisi. Cras venenatis nibh vel massa interdum commodo. Nulla mattis ",
+    ),
+    new Paragraph(
+        "neque sed sem bibendum, iaculis hendrerit neque fringilla. Sed a lobortis orci. Morbi in est sed libero vestibulum semper. Suspendisse potenti. Aliquam pretium erat tellus, in suscipit lorem aliquet iaculis. Aenean ac viverra ipsum. Sed at diam luctus, pharetra lorem vel, aliquam magna. Donec mollis orci eget enim efficitur ultricies. Proin neque diam, dignissim euismod ex vel, sollicitudin sodales sapien.",
+    ),
+
+    new Paragraph(
+        "Sed a egestas nunc, a ullamcorper est. Aenean vulputate fringilla justo non vestibulum. Donec ac dolor in nisl finibus tristique. Donec sed turpis at felis congue porttitor sed sit amet metus. In in ex nulla. Donec sodales vel velit ut congue. Nullam vitae egestas purus. Vivamus non mi consequat, molestie enim nec, hendrerit mi.",
+    ),
+];
+// cspell: enable

 const doc = new Document({
    sections: [
@ -45,7 +181,20 @@ const doc = new Document({
                            children: [
                                new TextRun("My Title "),
                                new TextRun({
-                                    children: ["Footer - Page ", PageNumber.CURRENT],
+                                    children: ["Footer - Page ", PageNumber.CURRENT, " of ", PageNumber.TOTAL_PAGES],
+                                }),
+                            ],
+                        }),
+                        new Paragraph({
+                            alignment: AlignmentType.RIGHT,
+                            children: [
+                                new TextRun({
+                                    children: [
+                                        "Footer - Page in section ",
+                                        PageNumber.CURRENT_SECTION,
+                                        " of ",
+                                        PageNumber.TOTAL_PAGES_IN_SECTION,
+                                    ],
                                }),
                            ],
                        }),
@ -70,6 +219,96 @@ const doc = new Document({
                    children: [new TextRun("First Page"), new PageBreak()],
                }),
                new Paragraph("Second Page"),
+                ...createLoremIpsumParagraphs(),
+                new Paragraph({
+                    children: [new TextRun("Next Page"), new PageBreak()],
+                }),
+                ...createLoremIpsumParagraphs(),
+            ],
+        },
+        {
+            properties: {
+                titlePage: true,
+            },
+            headers: {
+                default: new Header({
+                    children: [
+                        new Paragraph({
+                            alignment: AlignmentType.RIGHT,
+                            children: [
+                                new TextRun("My Title "),
+                                new TextRun({
+                                    children: ["Page ", PageNumber.CURRENT],
+                                }),
+                            ],
+                        }),
+                    ],
+                }),
+                first: new Header({
+                    children: [
+                        new Paragraph({
+                            alignment: AlignmentType.RIGHT,
+                            children: [
+                                new TextRun("First Page Header "),
+                                new TextRun({
+                                    children: ["Page ", PageNumber.CURRENT],
+                                }),
+                            ],
+                        }),
+                    ],
+                }),
+            },
+            footers: {
+                default: new Footer({
+                    children: [
+                        new Paragraph({
+                            alignment: AlignmentType.RIGHT,
+                            children: [
+                                new TextRun("My Title "),
+                                new TextRun({
+                                    children: ["Footer - Page ", PageNumber.CURRENT, " of ", PageNumber.TOTAL_PAGES],
+                                }),
+                            ],
+                        }),
+                        new Paragraph({
+                            alignment: AlignmentType.RIGHT,
+                            children: [
+                                new TextRun({
+                                    children: [
+                                        "Footer - Page in section ",
+                                        PageNumber.CURRENT_SECTION,
+                                        " of ",
+                                        PageNumber.TOTAL_PAGES_IN_SECTION,
+                                    ],
+                                }),
+                            ],
+                        }),
+                    ],
+                }),
+                first: new Footer({
+                    children: [
+                        new Paragraph({
+                            alignment: AlignmentType.RIGHT,
+                            children: [
+                                new TextRun("First Page Footer "),
+                                new TextRun({
+                                    children: ["Page ", PageNumber.CURRENT],
+                                }),
+                            ],
+                        }),
+                    ],
+                }),
+            },
+            children: [
+                new Paragraph({
+                    children: [new TextRun("First Page"), new PageBreak()],
+                }),
+                new Paragraph("Second Page"),
+                ...createLoremIpsumParagraphs(),
+                new Paragraph({
+                    children: [new TextRun("Next Page"), new PageBreak()],
+                }),
+                ...createLoremIpsumParagraphs(),
            ],
        },
    ],
--- a/demo/15-page-break-before.ts
+++ b/demo/15-page-break-before.ts
@ -1,7 +1,7 @@
 // Page break before example
-// Import from 'docx' rather than '../build' if you install from npm
+
 import * as fs from "fs";
-import { Document, Packer, Paragraph } from "../build";
+import { Document, Packer, Paragraph } from "docx";

 const doc = new Document({
    sections: [
--- 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, NumberFormat, PageOrientation, Paragraph, TextRun } from "../build";
+import { Document, Footer, Header, Packer, PageNumber, NumberFormat, PageOrientation, Paragraph, TextRun } from "docx";

 const doc = new Document({
    sections: [
--- a/demo/17-footnotes.ts
+++ b/demo/17-footnotes.ts
@ -1,7 +1,7 @@
 // Footnotes
-// Import from 'docx' rather than '../build' if you install from npm
+
 import * as fs from "fs";
-import { Document, FootnoteReferenceRun, Packer, Paragraph, TextRun } from "../build";
+import { Document, FootnoteReferenceRun, Packer, Paragraph, TextRun } from "docx";

 const doc = new Document({
    footnotes: {
--- a/demo/18-image-from-buffer.ts
+++ b/demo/18-image-from-buffer.ts
@ -1,7 +1,7 @@
 // Insert image from a buffer
-// Import from 'docx' rather than '../build' if you install from npm
+
 import * as fs from "fs";
-import { Document, ImageRun, Packer, Paragraph } from "../build";
+import { Document, ImageRun, Packer, Paragraph } from "docx";

 const imageBase64Data = `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`;

--- 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, Tab, TextRun } from "../build";
+import { Document, Packer, Paragraph, Tab, TextRun } from "docx";

 const doc = new Document({
    sections: [
--- a/demo/2-declaritive-styles.ts
+++ b/demo/2-declaritive-styles.ts
@ -1,17 +1,7 @@
 // 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 {
-    AlignmentType,
-    convertInchesToTwip,
-    Document,
-    HeadingLevel,
-    LevelFormat,
-    Packer,
-    Paragraph,
-    TextRun,
-    UnderlineType,
-} from "../build";
+import { AlignmentType, convertInchesToTwip, Document, HeadingLevel, LevelFormat, Packer, Paragraph, TextRun, UnderlineType } from "docx";

 const doc = new Document({
    creator: "Clippy",
@ -53,6 +43,15 @@ const doc = new Document({
                    color: "#FF0000",
                },
            },
+            document: {
+                run: {
+                    size: "11pt",
+                    font: "Calibri",
+                },
+                paragraph: {
+                    alignment: AlignmentType.RIGHT,
+                },
+            },
        },
        paragraphStyles: [
            {
--- a/demo/20-table-cell-borders.ts
+++ b/demo/20-table-cell-borders.ts
@ -1,7 +1,7 @@
 // Add custom borders to table cell
-// Import from 'docx' rather than '../build' if you install from npm
+
 import * as fs from "fs";
-import { BorderStyle, Document, Packer, Paragraph, Table, TableCell, TableRow } from "../build";
+import { BorderStyle, Document, Packer, Paragraph, Table, TableCell, TableRow } from "docx";

 const doc = new Document({
    sections: [
--- a/demo/21-bookmarks.ts
+++ b/demo/21-bookmarks.ts
@ -1,18 +1,7 @@
 // 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,
-    PageReference,
-} from "../build";
+import { Bookmark, Document, Footer, HeadingLevel, InternalHyperlink, Packer, PageBreak, Paragraph, TextRun, PageReference } from "docx";

 const LOREM_IPSUM =
    /* cspell:disable-next-line */
--- a/demo/22-right-to-left-text.ts
+++ b/demo/22-right-to-left-text.ts
@ -1,7 +1,7 @@
 // This demo shows right to left for special languages
-// Import from 'docx' rather than '../build' if you install from npm
+
 import * as fs from "fs";
-import { Document, Packer, Paragraph, Table, TableCell, TableRow, TextRun } from "../build";
+import { Document, Packer, Paragraph, Table, TableCell, TableRow, TextRun } from "docx";

 const doc = new Document({
    sections: [
--- a/demo/23-base64-images.ts
+++ b/demo/23-base64-images.ts
@ -1,7 +1,7 @@
 // This demo adds an image to the Media cache, and then insert to the document afterwards
-// Import from 'docx' rather than '../build' if you install from npm
+
 import * as fs from "fs";
-import { Document, ImageRun, Packer, Paragraph, TextRun } from "../build";
+import { Document, ImageRun, Packer, Paragraph, TextRun } from "docx";

 const imageBase64Data = `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`;

--- a/demo/24-images-to-table-cell.ts
+++ b/demo/24-images-to-table-cell.ts
@ -1,7 +1,7 @@
 // Add image to table cell
-// Import from 'docx' rather than '../build' if you install from npm
+
 import * as fs from "fs";
-import { Document, ImageRun, Packer, Paragraph, Table, TableCell, TableRow } from "../build";
+import { Document, ImageRun, Packer, Paragraph, Table, TableCell, TableRow } from "docx";

 const doc = new Document({
    sections: [
--- a/demo/25-table-xml-styles.ts
+++ b/demo/25-table-xml-styles.ts
@ -1,7 +1,7 @@
 // Example of how you would create a table and add data to it
-// Import from 'docx' rather than '../build' if you install from npm
+
 import * as fs from "fs";
-import { Document, Packer, Paragraph, Table, TableCell, TableRow, WidthType } from "../build";
+import { Document, Packer, Paragraph, Table, TableCell, TableRow, WidthType } from "docx";

 const styles = fs.readFileSync("./demo/assets/custom-styles.xml", "utf-8");

--- 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 { BorderStyle, Document, Packer, Paragraph, TextRun } from "../build";
+import { BorderStyle, Document, Packer, Paragraph, TextRun } from "docx";

 const doc = new Document({
    sections: [
@ -25,6 +25,17 @@ const doc = new Document({
                        },
                    },
                }),
+                new Paragraph({
+                    text: "",
+                    border: {
+                        top: {
+                            color: "auto",
+                            space: 1,
+                            style: BorderStyle.SINGLE,
+                            size: 6,
+                        },
+                    },
+                }),
                new Paragraph({
                    children: [
                        new TextRun({
--- a/demo/27-declaritive-styles-3.ts
+++ b/demo/27-declaritive-styles-3.ts
@ -1,7 +1,7 @@
 // Custom styles using JavaScript configuration
-// Import from 'docx' rather than '../build' if you install from npm
+
 import * as fs from "fs";
-import { Document, convertInchesToTwip, HeadingLevel, Packer, Paragraph, UnderlineType } from "../build";
+import { Document, convertInchesToTwip, HeadingLevel, Packer, Paragraph, UnderlineType } from "docx";

 const doc = new Document({
    styles: {
--- a/demo/28-table-of-contents.ts
+++ b/demo/28-table-of-contents.ts
@ -1,7 +1,7 @@
 // Table of contents
-// Import from 'docx' rather than '../build' if you install from npm
+
 import * as fs from "fs";
-import { File, HeadingLevel, Packer, Paragraph, StyleLevel, TableOfContents } from "../build";
+import { File, HeadingLevel, Packer, Paragraph, StyleLevel, TableOfContents } from "docx";

 // WordprocessingML docs for TableOfContents can be found here:
 // http://officeopenxml.com/WPtableOfContents.php
--- a/demo/29-numbered-lists.ts
+++ b/demo/29-numbered-lists.ts
@ -1,8 +1,8 @@
 // Numbered lists
 // The lists can also be restarted by specifying the instance number
-// 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, HeadingLevel, LevelFormat, Packer, Paragraph } from "docx";

 const doc = new Document({
    numbering: {
--- 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, Footer, Header, HeadingLevel, LevelFormat, Packer, Paragraph } from "../build";
+import { AlignmentType, convertInchesToTwip, Document, Footer, Header, HeadingLevel, LevelFormat, Packer, Paragraph } from "docx";

 const doc = new Document({
    numbering: {
--- 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
@ -1,7 +1,7 @@
 // Example of how you would create a table and add data to it
-// 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 } from "../build";
+import { BorderStyle, Document, HeadingLevel, Packer, Paragraph, Table, TableCell, TableRow, VerticalAlign, TextDirection } from "docx";

 const doc = new Document({
    sections: [
@ -67,6 +67,173 @@ const doc = new Document({
                        }),
                    ],
                }),
+                new Paragraph("Table with borders"),
+                new Table({
+                    rows: [
+                        new TableRow({
+                            children: [
+                                new TableCell({
+                                    borders: {
+                                        top: {
+                                            style: BorderStyle.DASH_SMALL_GAP,
+                                            size: 1,
+                                            color: "000000",
+                                        },
+                                        bottom: {
+                                            style: BorderStyle.DASH_SMALL_GAP,
+                                            size: 1,
+                                            color: "000000",
+                                        },
+                                        left: {
+                                            style: BorderStyle.DASH_SMALL_GAP,
+                                            size: 1,
+                                            color: "000000",
+                                        },
+                                        right: {
+                                            style: BorderStyle.DASH_SMALL_GAP,
+                                            size: 1,
+                                            color: "000000",
+                                        },
+                                    },
+                                    children: [new Paragraph("Dash small gap border")],
+                                }),
+                                new TableCell({
+                                    borders: {
+                                        top: {
+                                            style: BorderStyle.DASH_SMALL_GAP,
+                                            size: 1,
+                                            color: "000000",
+                                        },
+                                        bottom: {
+                                            style: BorderStyle.DASH_SMALL_GAP,
+                                            size: 1,
+                                            color: "000000",
+                                        },
+                                        left: {
+                                            style: BorderStyle.DASH_SMALL_GAP,
+                                            size: 1,
+                                            color: "000000",
+                                        },
+                                        right: {
+                                            style: BorderStyle.DASH_SMALL_GAP,
+                                            size: 1,
+                                            color: "000000",
+                                        },
+                                    },
+                                    children: [new Paragraph("Dash small gap border")],
+                                }),
+                            ],
+                        }),
+                        new TableRow({
+                            children: [
+                                new TableCell({
+                                    borders: {
+                                        top: {
+                                            style: BorderStyle.DOUBLE,
+                                            size: 1,
+                                            color: "ff0000",
+                                        },
+                                        bottom: {
+                                            style: BorderStyle.DOUBLE,
+                                            size: 1,
+                                            color: "ff0000",
+                                        },
+                                        left: {
+                                            style: BorderStyle.DOUBLE,
+                                            size: 1,
+                                            color: "ff0000",
+                                        },
+                                        right: {
+                                            style: BorderStyle.DOUBLE,
+                                            size: 1,
+                                            color: "ff0000",
+                                        },
+                                    },
+                                    children: [new Paragraph("Double border")],
+                                }),
+                                new TableCell({
+                                    borders: {
+                                        top: {
+                                            style: BorderStyle.DOUBLE,
+                                            size: 1,
+                                            color: "ff0000",
+                                        },
+                                        bottom: {
+                                            style: BorderStyle.DOUBLE,
+                                            size: 1,
+                                            color: "ff0000",
+                                        },
+                                        left: {
+                                            style: BorderStyle.DOUBLE,
+                                            size: 1,
+                                            color: "ff0000",
+                                        },
+                                        right: {
+                                            style: BorderStyle.DOUBLE,
+                                            size: 1,
+                                            color: "ff0000",
+                                        },
+                                    },
+                                    children: [new Paragraph("Double border")],
+                                }),
+                            ],
+                        }),
+                        new TableRow({
+                            children: [
+                                new TableCell({
+                                    borders: {
+                                        top: {
+                                            style: BorderStyle.NONE,
+                                            size: 0,
+                                            color: "ffffff",
+                                        },
+                                        bottom: {
+                                            style: BorderStyle.NONE,
+                                            size: 0,
+                                            color: "ffffff",
+                                        },
+                                        left: {
+                                            style: BorderStyle.NONE,
+                                            size: 0,
+                                            color: "ffffff",
+                                        },
+                                        right: {
+                                            style: BorderStyle.NONE,
+                                            size: 0,
+                                            color: "ffffff",
+                                        },
+                                    },
+                                    children: [new Paragraph("Should have no border")],
+                                }),
+                                new TableCell({
+                                    borders: {
+                                        top: {
+                                            style: BorderStyle.NONE,
+                                            size: 0,
+                                            color: "ffffff",
+                                        },
+                                        bottom: {
+                                            style: BorderStyle.NONE,
+                                            size: 0,
+                                            color: "ffffff",
+                                        },
+                                        left: {
+                                            style: BorderStyle.NONE,
+                                            size: 0,
+                                            color: "ffffff",
+                                        },
+                                        right: {
+                                            style: BorderStyle.NONE,
+                                            size: 0,
+                                            color: "ffffff",
+                                        },
+                                    },
+                                    children: [new Paragraph("Should have no border")],
+                                }),
+                            ],
+                        }),
+                    ],
+                }),
            ],
        },
    ],
--- a/demo/32-merge-and-shade-table-cells.ts
+++ b/demo/32-merge-and-shade-table-cells.ts
@ -1,6 +1,6 @@
 // Example of how you would merge cells together (Rows and Columns) and apply shading
 // Also includes an example on how to center tables
-// Import from 'docx' rather than '../build' if you install from npm
+
 import * as fs from "fs";
 import {
    AlignmentType,
@ -15,7 +15,7 @@ import {
    TableCell,
    TableRow,
    WidthType,
-} from "../build";
+} from "docx";

 const table = new Table({
    rows: [
--- a/demo/33-sequential-captions.ts
+++ b/demo/33-sequential-captions.ts
@ -1,7 +1,7 @@
 // Sequential Captions
-// Import from 'docx' rather than '../build' if you install from npm
+
 import * as fs from "fs";
-import { Document, Packer, Paragraph, SequentialIdentifier, TextRun } from "../build";
+import { Document, Packer, Paragraph, SequentialIdentifier, TextRun } from "docx";

 const doc = new Document({
    sections: [
--- a/demo/34-floating-tables.ts
+++ b/demo/34-floating-tables.ts
@ -1,5 +1,5 @@
 // Example of how you would create a table with float positions
-// Import from 'docx' rather than '../build' if you install from npm
+
 import * as fs from "fs";
 import {
    Document,
@ -14,7 +14,7 @@ import {
    TableLayoutType,
    TableRow,
    WidthType,
-} from "../build";
+} from "docx";

 const table = new Table({
    rows: [
--- a/demo/35-hyperlinks.ts
+++ b/demo/35-hyperlinks.ts
@ -1,9 +1,21 @@
 // Example on how to add hyperlinks to websites
-// Import from 'docx' rather than '../build' if you install from npm
+
 import * as fs from "fs";
-import { Document, ExternalHyperlink, Footer, FootnoteReferenceRun, ImageRun, Packer, Paragraph, TextRun } from "../build";
+import { Document, ExternalHyperlink, Footer, FootnoteReferenceRun, ImageRun, Packer, Paragraph, TextRun } from "docx";

 const doc = new Document({
+    styles: {
+        default: {
+            hyperlink: {
+                run: {
+                    color: "FF0000",
+                    underline: {
+                        color: "0000FF",
+                    },
+                },
+            },
+        },
+    },
    footnotes: {
        1: {
            children: [
--- a/demo/36-image-to-table-cell.ts
+++ b/demo/36-image-to-table-cell.ts
@ -1,7 +1,7 @@
 // Add image to table cell in a header and body
-// Import from 'docx' rather than '../build' if you install from npm
+
 import * as fs from "fs";
-import { Document, Header, ImageRun, Packer, Paragraph, Table, TableCell, TableRow } from "../build";
+import { Document, Header, ImageRun, Packer, Paragraph, Table, TableCell, TableRow } from "docx";

 const table = new Table({
    rows: [
--- a/demo/37-images-to-header-and-footer.ts
+++ b/demo/37-images-to-header-and-footer.ts
@ -1,7 +1,7 @@
 // Add images to header and footer
-// Import from 'docx' rather than '../build' if you install from npm
+
 import * as fs from "fs";
-import { Document, Header, ImageRun, Packer, Paragraph } from "../build";
+import { Document, Header, ImageRun, Packer, Paragraph } from "docx";

 const doc = new Document({
    sections: [
--- a/demo/38-text-wrapping.ts
+++ b/demo/38-text-wrapping.ts
@ -1,8 +1,8 @@
 // Example of how to "wrap" text around an image
-// Import from 'docx' rather than '../build' if you install from npm
+
 import * as fs from "fs";
-// import { Document, Packer, Paragraph } from "../build";
-import { Document, ImageRun, Packer, Paragraph, TextWrappingSide, TextWrappingType } from "../build";
+// import { Document, Packer, Paragraph } from "docx";
+import { Document, ImageRun, Packer, Paragraph, TextWrappingSide, TextWrappingType } from "docx";

 const doc = new Document({
    sections: [
--- 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, NumberFormat, Paragraph, TextRun } from "../build";
+import { AlignmentType, Document, Footer, Header, Packer, PageBreak, PageNumber, NumberFormat, Paragraph, TextRun } from "docx";

 const doc = new Document({
    sections: [
--- a/demo/4-basic-table.ts
+++ b/demo/4-basic-table.ts
@ -1,7 +1,7 @@
 // Example of how you would create a table and add data to it
-// Import from 'docx' rather than '../build' if you install from npm
+
 import * as fs from "fs";
-import { Document, Packer, Paragraph, Table, TableCell, TableRow, WidthType } from "../build";
+import { Document, Packer, Paragraph, Table, TableCell, TableRow, WidthType } from "docx";

 const table = new Table({
    columnWidths: [3505, 5505],
--- a/demo/40-line-numbers.ts
+++ b/demo/40-line-numbers.ts
@ -1,7 +1,7 @@
 // Example demonstrating line numbers.
-// Import from 'docx' rather than '../build' if you install from npm
+
 import * as fs from "fs";
-import { Document, HeadingLevel, LineNumberRestartFormat, Packer, Paragraph } from "../build";
+import { Document, HeadingLevel, LineNumberRestartFormat, Packer, Paragraph } from "docx";

 const doc = new Document({
    sections: [
--- a/demo/41-merge-table-cells-2.ts
+++ b/demo/41-merge-table-cells-2.ts
@ -1,7 +1,7 @@
 // Multiple cells merging in the same table - Rows and Columns
-// 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, Packer, Paragraph, Table, TableCell, TableRow } from "docx";

 const table = new Table({
    rows: [
--- a/demo/42-restart-page-numbers.ts
+++ b/demo/42-restart-page-numbers.ts
@ -1,7 +1,7 @@
 // Page numbers - Start from 0 on a new section
-// Import from 'docx' rather than '../build' if you install from npm
+
 import * as fs from "fs";
-import { AlignmentType, Document, Header, Packer, PageBreak, PageNumber, PageNumberSeparator, Paragraph, TextRun } from "../build";
+import { AlignmentType, Document, Header, Packer, PageBreak, PageNumber, PageNumberSeparator, Paragraph, TextRun } from "docx";

 const doc = new Document({
    sections: [
--- a/demo/43-images-to-table-cell-2.ts
+++ b/demo/43-images-to-table-cell-2.ts
@ -1,7 +1,7 @@
 // Add image to table cell
-// Import from 'docx' rather than '../build' if you install from npm
+
 import * as fs from "fs";
-import { Document, ImageRun, Packer, Paragraph, Table, TableCell, TableRow, WidthType } from "../build";
+import { Document, ImageRun, Packer, Paragraph, Table, TableCell, TableRow, WidthType } from "docx";

 const imageBase64Data = `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`;

--- a/demo/44-multiple-columns.ts
+++ b/demo/44-multiple-columns.ts
@ -1,7 +1,7 @@
 // Sections with multiple columns
-// Import from 'docx' rather than '../build' if you install from npm
+
 import * as fs from "fs";
-import { Document, Packer, Paragraph } from "../build";
+import { Document, Packer, Paragraph } from "docx";

 const doc = new Document({
    sections: [
--- a/demo/45-highlighting-text.ts
+++ b/demo/45-highlighting-text.ts
@ -1,7 +1,7 @@
 // Highlighting text
-// Import from 'docx' rather than '../build' if you install from npm
+
 import * as fs from "fs";
-import { AlignmentType, Document, Header, Packer, Paragraph, TextRun } from "../build";
+import { AlignmentType, Document, Header, Packer, Paragraph, TextRun } from "docx";

 const doc = new Document({
    sections: [
--- a/demo/46-shading-text.ts
+++ b/demo/46-shading-text.ts
@ -1,7 +1,7 @@
 // Shading text
-// Import from 'docx' rather than '../build' if you install from npm
+
 import * as fs from "fs";
-import { AlignmentType, Document, Header, Packer, Paragraph, ShadingType, TextRun } from "../build";
+import { AlignmentType, Document, Header, Packer, Paragraph, ShadingType, TextRun } from "docx";

 const doc = new Document({
    sections: [
--- 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, NumberFormat, Paragraph, TextRun } from "../build";
+import { AlignmentType, Document, Footer, Header, Packer, PageBreak, PageNumber, NumberFormat, Paragraph, TextRun } from "docx";

 const header = new Header({
    children: [
--- a/demo/48-vertical-align.ts
+++ b/demo/48-vertical-align.ts
@ -1,7 +1,7 @@
 // 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, VerticalAlign, TextRun, Tab } from "../build";
+import { Document, Packer, Paragraph, VerticalAlign, TextRun, Tab } from "docx";

 const doc = new Document({
    sections: [
--- a/demo/49-table-borders.ts
+++ b/demo/49-table-borders.ts
@ -1,5 +1,5 @@
 // Add custom borders and no-borders to the table itself
-// Import from 'docx' rather than '../build' if you install from npm
+
 import * as fs from "fs";
 import {
    BorderStyle,
@ -13,7 +13,7 @@ import {
    TableRow,
    TextDirection,
    VerticalAlign,
-} from "../build";
+} from "docx";

 const table = new Table({
    rows: [
--- a/demo/5-images.ts
+++ b/demo/5-images.ts
@ -1,7 +1,8 @@
 // Example of how to add images to the document - You can use Buffers, UInt8Arrays or Base64 strings
-// Import from 'docx' rather than '../build' if you install from npm
+
 import * as fs from "fs";
 import {
+    convertMillimetersToTwip,
    Document,
    HorizontalPositionAlign,
    HorizontalPositionRelativeFrom,
@ -10,7 +11,7 @@ import {
    Paragraph,
    VerticalPositionAlign,
    VerticalPositionRelativeFrom,
-} from "../build";
+} from "docx";

 const doc = new Document({
    sections: [
@ -41,6 +42,11 @@ const doc = new Document({
                                width: 100,
                                height: 100,
                            },
+                            outline: {
+                                type: "solidFill",
+                                solidFillType: "rgb",
+                                value: "FF0000",
+                            },
                        }),
                    ],
                }),
@ -55,6 +61,12 @@ const doc = new Document({
                                    vertical: true,
                                },
                            },
+                            outline: {
+                                type: "solidFill",
+                                solidFillType: "rgb",
+                                value: "0000FF",
+                                width: convertMillimetersToTwip(600),
+                            },
                        }),
                    ],
                }),
--- a/demo/50-readme-demo.ts
+++ b/demo/50-readme-demo.ts
@ -1,7 +1,7 @@
 // The demo on the README.md
-// Import from 'docx' rather than '../build' if you install from npm
+
 import * as fs from "fs";
-import { Document, HeadingLevel, ImageRun, Packer, Paragraph, Table, TableCell, TableRow, VerticalAlign } from "../build";
+import { Document, HeadingLevel, ImageRun, Packer, Paragraph, Table, TableCell, TableRow, VerticalAlign } from "docx";

 const table = new Table({
    rows: [
--- a/demo/51-character-styles.ts
+++ b/demo/51-character-styles.ts
@ -1,7 +1,7 @@
 // Custom character styles using JavaScript configuration
-// 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, TextRun } from "docx";

 const doc = new Document({
    styles: {
--- a/demo/52-japanese.ts
+++ b/demo/52-japanese.ts
@ -1,7 +1,7 @@
 // Japanese text - Need to use a Japanese font
-// Import from 'docx' rather than '../build' if you install from npm
+
 import * as fs from "fs";
-import { Document, HeadingLevel, Packer, Paragraph } from "../build";
+import { Document, HeadingLevel, Packer, Paragraph } from "docx";

 const doc = new Document({
    styles: {
--- a/demo/53-chinese.ts
+++ b/demo/53-chinese.ts
@ -5,9 +5,8 @@

 // Note that if the OS have not install `KaiTi` font, this demo doesn't work.

-// 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, TextRun } from "docx";

 const doc = new Document({
    styles: {
--- a/demo/54-custom-properties.ts
+++ b/demo/54-custom-properties.ts
@ -3,9 +3,8 @@
 // to the document in Word after the document has been generated. Standard properties (such as creator, title
 // and subject) cover typical use cases, but sometimes custom properties are required.

-// Import from 'docx' rather than '../build' if you install from npm
 import * as fs from "fs";
-import { Document, Packer } from "../build";
+import { Document, Packer } from "docx";

 const doc = new Document(
    // Standard properties
--- a/demo/55-math.ts
+++ b/demo/55-math.ts
@ -1,5 +1,5 @@
 // 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,
@ -21,7 +21,7 @@ import {
    Packer,
    Paragraph,
    TextRun,
-} from "../build";
+} from "docx";

 const doc = new Document({
    sections: [
--- 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, Tab, TextRun } from "../build";
+import { Document, Packer, Paragraph, Tab, TextRun } from "docx";

 const doc = new Document({
    background: {
--- a/demo/57-add-parent-numbered-lists.ts
+++ b/demo/57-add-parent-numbered-lists.ts
@ -1,7 +1,7 @@
 // Numbered lists - Add parent number in sub number
-// 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, HeadingLevel, LevelFormat, Packer, Paragraph } from "docx";

 const doc = new Document({
    numbering: {
--- a/demo/58-section-types.ts
+++ b/demo/58-section-types.ts
@ -1,7 +1,7 @@
 // Usage of different Section Types
-// Import from 'docx' rather than '../build' if you install from npm
+
 import * as fs from "fs";
-import { Document, Packer, Paragraph, TextRun, SectionType } from "../build";
+import { Document, Packer, Paragraph, TextRun, SectionType } from "docx";

 const doc = new Document({
    sections: [
--- a/demo/59-header-footer-margins.ts
+++ b/demo/59-header-footer-margins.ts
@ -1,7 +1,7 @@
 // Move + offset header and footer
-// Import from 'docx' rather than '../build' if you install from npm
+
 import * as fs from "fs";
-import { Document, Footer, Header, Packer, Paragraph } from "../build";
+import { Document, Footer, Header, Packer, Paragraph } from "docx";

 const doc = new Document({
    sections: [
--- 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, Tab, TextRun } from "../build";
+import { Document, HeadingLevel, Packer, Paragraph, Tab, TextRun } from "docx";

 const doc = new Document({
    sections: [
--- a/demo/60-track-revisions.ts
+++ b/demo/60-track-revisions.ts
@ -1,5 +1,5 @@
 // Track Revisions aka. "Track Changes"
-// Import from 'docx' rather than '../build' if you install from npm
+
 import * as fs from "fs";
 import {
    AlignmentType,
@ -14,7 +14,7 @@ import {
    ShadingType,
    Tab,
    TextRun,
-} from "../build";
+} from "docx";

 /*
    For reference, see
--- a/demo/61-text-frame.ts
+++ b/demo/61-text-frame.ts
@ -1,5 +1,5 @@
 // Text Frame (Text Box) example
-// Import from 'docx' rather than '../build' if you install from npm
+
 import * as fs from "fs";
 import {
    BorderStyle,
@ -11,7 +11,7 @@ import {
    Tab,
    TextRun,
    VerticalPositionAlign,
-} from "../build";
+} from "docx";

 const doc = new Document({
    sections: [
--- a/demo/62-paragraph-spacing.ts
+++ b/demo/62-paragraph-spacing.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, LineRuleType, Packer, Paragraph, TextRun } from "../build";
+import { Document, LineRuleType, Packer, Paragraph, TextRun } from "docx";

 const doc = new Document({
    sections: [
--- a/demo/63-odd-even-header-footer.ts
+++ b/demo/63-odd-even-header-footer.ts
@ -1,7 +1,7 @@
 // Move + offset header and footer
-// Import from 'docx' rather than '../build' if you install from npm
+
 import * as fs from "fs";
-import { Document, Footer, Header, Packer, PageBreak, Paragraph, TextRun } from "../build";
+import { Document, Footer, Header, Packer, PageBreak, Paragraph, TextRun } from "docx";

 const doc = new Document({
    evenAndOddHeaderAndFooters: true,
--- a/demo/64-complex-numbering-text.ts
+++ b/demo/64-complex-numbering-text.ts
@ -1,7 +1,7 @@
 // Numbered lists - With complex number text
-// Import from 'docx' rather than '../build' if you install from npm
+
 import * as fs from "fs";
-import { Document, Packer, Paragraph, LevelFormat } from "../build";
+import { Document, Packer, Paragraph, LevelFormat } from "docx";

 const doc = new Document({
    numbering: {
@ -107,5 +107,5 @@ const doc = new Document({

 // Used to export the file into a .docx file
 Packer.toBuffer(doc).then((buffer) => {
-    fs.writeFileSync("6-numbering.docx", buffer);
+    fs.writeFileSync("My Document.docx", buffer);
 });
--- a/demo/65-page-sizes.ts
+++ b/demo/65-page-sizes.ts
@ -1,8 +1,8 @@
 // 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";
+import { convertMillimetersToTwip, Document, Packer, PageOrientation, Paragraph } from "docx";

 const doc = new Document({
    sections: [
--- a/demo/66-fields.ts
+++ b/demo/66-fields.ts
@ -1,7 +1,7 @@
 // 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";
+import { Bookmark, Document, Packer, Paragraph, SimpleField, TextRun } from "docx";

 const doc = new Document({
    creator: "Me",
--- a/demo/67-column-break.ts
+++ b/demo/67-column-break.ts
@ -1,7 +1,7 @@
 // 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";
+import { Document, Packer, Paragraph, ColumnBreak, TextRun } from "docx";

 const doc = new Document({
    sections: [
--- a/demo/68-numbering-instances-and-starting-number.ts
+++ b/demo/68-numbering-instances-and-starting-number.ts
@ -1,5 +1,5 @@
 import * as fs from "fs";
-import { Document, Packer, Paragraph, LevelFormat } from "../build";
+import { Document, Packer, Paragraph, LevelFormat } from "docx";

 const doc = new Document({
    numbering: {
--- a/demo/69-different-width-columns.ts
+++ b/demo/69-different-width-columns.ts
@ -1,7 +1,7 @@
 // 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";
+import { Column, Document, Packer, Paragraph } from "docx";

 const doc = new Document({
    sections: [
--- a/demo/7-landscape.ts
+++ b/demo/7-landscape.ts
@ -1,7 +1,7 @@
 // Example of how to set the document to landscape
-// Import from 'docx' rather than '../build' if you install from npm
+
 import * as fs from "fs";
-import { Document, Packer, PageOrientation, Paragraph } from "../build";
+import { Document, Packer, PageOrientation, Paragraph } from "docx";

 const doc = new Document({
    sections: [
--- a/demo/70-line-numbers-suppression.ts
+++ b/demo/70-line-numbers-suppression.ts
@ -1,7 +1,7 @@
 // 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";
+import { Document, HeadingLevel, LineNumberRestartFormat, Packer, Paragraph } from "docx";

 const doc = new Document({
    sections: [
--- a/demo/71-page-borders-2.ts
+++ b/demo/71-page-borders-2.ts
@ -1,7 +1,7 @@
 // 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";
+import { Document, Packer, TextRun, Paragraph, BorderStyle, PageBorderDisplay, PageBorderOffsetFrom, PageBorderZOrder } from "docx";

 const doc = new Document({
    sections: [
--- a/demo/72-word-wrap.ts
+++ b/demo/72-word-wrap.ts
@ -1,7 +1,7 @@
 // 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";
+import { Document, Packer, Paragraph, TextRun } from "docx";

 const doc = new Document({
    sections: [
--- a/demo/73-comments.ts
+++ b/demo/73-comments.ts
@ -1,11 +1,87 @@
 // 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";
+import { Document, Packer, Paragraph, TextRun, CommentRangeStart, CommentRangeEnd, CommentReference } from "docx";

 const doc = new Document({
    comments: {
-        children: [{ id: 0, author: "Ray Chen", date: new Date(), text: "comment text content" }],
+        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: [
        {
@ -26,6 +102,32 @@ const doc = new Document({
                        }),
                    ],
                }),
+                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,
+                        }),
+                    ],
+                }),
            ],
        },
    ],
--- a/demo/74-nodejs-stream.ts
+++ b/demo/74-nodejs-stream.ts
@ -1,7 +1,7 @@
 // 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";
+import { Document, Packer, Paragraph, Tab, TextRun } from "docx";

 const doc = new Document({
    sections: [
--- a/demo/75-tab-stops.ts
+++ b/demo/75-tab-stops.ts
@ -1,23 +1,24 @@
 // 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";
+import { Document, HeadingLevel, Packer, Paragraph, TabStopPosition, TabStopType, TextRun } from "docx";

 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
+    // 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 }];
+    { type: TabStopType.RIGHT, position: columnWidth * 2 },
+    { type: TabStopType.RIGHT, position: columnWidth * 3 },
+    { type: TabStopType.RIGHT, position: TabStopPosition.MAX },
+];
+const twoTabStops = [{ type: TabStopType.RIGHT, position: TabStopPosition.MAX }];

 const doc = new Document({
+    defaultTabStop: 0,
    sections: [
        {
            properties: {},
--- a/demo/76-compatibility.ts
+++ b/demo/76-compatibility.ts
@ -1,7 +1,7 @@
 // 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";
+import { Document, Packer, Paragraph, TextRun } from "docx";

 const doc = new Document({
    compatibility: {
--- a/demo/77-side-by-side-tables.ts
+++ b/demo/77-side-by-side-tables.ts
@ -1,7 +1,7 @@
 // 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";
+import { Document, Packer, Paragraph, Table, TableBorders, TableCell, TableRow, WidthType } from "docx";

 const table1 = new Table({
    columnWidths: [3505, 5505],
--- a/demo/78-thai-distributed.ts
+++ b/demo/78-thai-distributed.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 { AlignmentType, Document, Packer, Paragraph, TextRun } from "../build";
+import { AlignmentType, Document, Packer, Paragraph, TextRun } from "docx";

 const doc = new Document({
    sections: [
--- a/demo/79-table-from-data-source.ts
+++ b/demo/79-table-from-data-source.ts
@ -1,5 +1,5 @@
 // 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,
@ -13,7 +13,7 @@ import {
    TextDirection,
    TextRun,
    WidthType,
-} from "../build";
+} from "docx";

 interface StockPrice {
    readonly date: Date;
--- a/demo/8-header-footer.ts
+++ b/demo/8-header-footer.ts
@ -1,7 +1,7 @@
 // Add text to header and footer
-// Import from 'docx' rather than '../build' if you install from npm
+
 import * as fs from "fs";
-import { Document, Footer, Header, Packer, Paragraph } from "../build";
+import { Document, Footer, Header, Packer, Paragraph } from "docx";

 const doc = new Document({
    sections: [
--- a/demo/80-thai-distributed.ts
+++ b/demo/80-thai-distributed.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 { AlignmentType, convertMillimetersToTwip, Document, Packer, Paragraph, TextRun } from "../build";
+import { AlignmentType, convertMillimetersToTwip, Document, Packer, Paragraph, TextRun } from "docx";

 const doc = new Document({
    styles: {
--- a/demo/81-continuous-header.ts
+++ b/demo/81-continuous-header.ts
@ -1,7 +1,7 @@
 // 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";
+import { Document, Footer, Header, Packer, Paragraph, SectionType, TextRun } from "docx";

 const doc = new Document({
    creator: "Creator",
--- a/demo/82-new-headers-new-section.ts
+++ b/demo/82-new-headers-new-section.ts
@ -1,7 +1,7 @@
 // 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";
+import { Document, Footer, Header, Packer, Paragraph, TextRun } from "docx";

 const doc = new Document({
    creator: "Creator",
--- a/demo/83-setting-languages.ts
+++ b/demo/83-setting-languages.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 } from "../build";
+import { Document, Packer, Paragraph } from "docx";

 const doc = new Document({
    styles: {
--- a/demo/84-positional-tabs.ts
+++ b/demo/84-positional-tabs.ts
@ -1,17 +1,16 @@
 // 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";
+} from "docx";

 const doc = new Document({
    sections: [
--- a/demo/85-template-document.ts
+++ b/demo/85-template-document.ts
@ -0,0 +1,155 @@
+// Patch a document with patches
+
+import * as fs from "fs";
+import {
+    ExternalHyperlink,
+    HeadingLevel,
+    ImageRun,
+    Paragraph,
+    patchDocument,
+    PatchType,
+    Table,
+    TableCell,
+    TableRow,
+    TextDirection,
+    TextRun,
+    VerticalAlign,
+} from "docx";
+
+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 * as fs from "fs";
+import { Document, Packer, Paragraph, TextRun } from "docx";
+
+const doc = new Document({
+    sections: [
+        {
+            children: [
+                new Paragraph({
+                    children: [new TextRun("{{template}}")],
+                }),
+            ],
+        },
+    ],
+});
+
+Packer.toBuffer(doc).then((buffer) => {
+    fs.writeFileSync("My Document.docx", buffer);
+});
--- a/Show More
+++ b/Show More