ngx-print 22.0.0 → 22.1.0

package/.editorconfig

@@ -0,0 +1,13 @@
+# Editor configuration, see https://editorconfig.org
+root = true
+
+[*]
+charset = utf-8
+indent_style = space
+indent_size = 2
+insert_final_newline = true
+trim_trailing_whitespace = true
+
+[*.md]
+max_line_length = off
+trim_trailing_whitespace = false

package/.eslintrc.json

@@ -0,0 +1,50 @@
+{
+  "root": true,
+  "ignorePatterns": ["projects/**/*"],
+  "overrides": [
+    {
+      "files": ["*.ts"],
+      "extends": [
+        "eslint:recommended",
+        "plugin:@typescript-eslint/recommended",
+        "plugin:@angular-eslint/recommended",
+        "plugin:@angular-eslint/template/process-inline-templates",
+        "plugin:prettier/recommended"
+      ],
+      "rules": {
+        "@typescript-eslint/no-unused-vars": "off",
+        "@typescript-eslint/no-explicit-any": "off",
+        "@typescript-eslint/no-unused-expressions": "off",
+        "@angular-eslint/directive-selector": [
+          "off",
+          {
+            "type": "attribute",
+            "prefix": "app",
+            "style": "camelCase"
+          }
+        ],
+        "@angular-eslint/component-selector": [
+          "error",
+          {
+            "type": "element",
+            "prefix": "app",
+            "style": "kebab-case"
+          }
+        ]
+      }
+    },
+    {
+      "files": ["*.html"],
+      "excludedFiles": ["*inline-template-*.component.html"],
+      "extends": ["plugin:@angular-eslint/template/recommended", "plugin:prettier/recommended"],
+      "rules": {
+        "prettier/prettier": [
+          "error",
+          {
+            "parser": "angular"
+          }
+        ]
+      }
+    }
+  ]
+}

package/.github/ISSUE_TEMPLATE/bug_report.md

@@ -0,0 +1,31 @@
+---
+name: Bug report
+about: Create a report to help us improve
+title: ''
+labels: ''
+assignees: ''
+---
+
+**Describe the bug**
+A clear and concise description of what the bug is.
+
+**To Reproduce**
+Steps to reproduce the behavior.
+
+**Expected behavior**
+A clear and concise description of what you expected to happen.
+
+**Screenshots**
+If applicable, add screenshots to help explain your problem.
+
+**Ngx-Print Version**
+Include the current affected version.
+
+**Desktop (please complete the following information):**
+
+- OS: [e.g. iOS]
+- Browser [e.g. chrome, safari]
+- Version [e.g. 22]
+
+**Additional context**
+Add any other context about the problem here.

package/.github/ISSUE_TEMPLATE/feature_request.md

@@ -0,0 +1,19 @@
+---
+name: Feature request
+about: Suggest an idea for this project
+title: ''
+labels: ''
+assignees: ''
+---
+
+**Is your feature request related to a problem? Please describe.**
+A clear and concise description of what the problem is. Ex. I'm always frustrated when [...]
+
+**Describe the solution you'd like**
+A clear and concise description of what you want to happen.
+
+**Describe alternatives you've considered**
+A clear and concise description of any alternative solutions or features you've considered.
+
+**Additional context**
+Add any other context or screenshots about the feature request here.

package/.github/dependabot.yml

@@ -0,0 +1,17 @@
+version: 2
+updates:
+  - package-ecosystem: 'npm'
+    directory: '/'
+    schedule:
+      interval: 'weekly'
+      day: 'monday'
+      time: '10:00'
+      timezone: 'America/New_York'
+    open-pull-requests-limit: 5
+    groups:
+      npm-dependencies:
+        patterns:
+          - '*'
+    ignore:
+      - dependency-name: '*'
+        update-types: ['version-update:semver-major']

package/.github/workflows/PullRequest.yml

@@ -0,0 +1,32 @@
+name: Pull Request Checker
+
+on:
+  pull_request:
+    branches:
+      - main
+
+concurrency:
+  group: ${{github.repository_id}}-${{ github.workflow }}-${{ github.ref }}
+  cancel-in-progress: true
+
+jobs:
+  build-npm:
+    runs-on: ubuntu-latest
+
+    steps:
+      - uses: actions/checkout@v4
+
+      - name: Setup Node.js
+        uses: actions/setup-node@v4
+        with:
+          node-version: 24.17.0
+
+      - name: Install npm dependencies
+        run: npm ci
+
+        # Run linting
+      - name: Run lint
+        run: npm run lint
+
+      - name: Run tests
+        run: npm run test

package/.github/workflows/stale.yml

@@ -0,0 +1,25 @@
+name: Mark stale issues and pull requests
+
+on:
+  schedule:
+    - cron: '0 2 * * *'
+  workflow_dispatch:
+
+permissions:
+  issues: write
+  pull-requests: write
+
+jobs:
+  stale:
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/stale@v9
+        with:
+          repo-token: ${{ secrets.GITHUB_TOKEN }}
+          stale-issue-message: 'This issue has been automatically marked as stale due to inactivity. Please comment if you want to keep it open.'
+          stale-pr-message: 'This pull request has been automatically marked as stale due to inactivity.'
+          close-issue-message: 'Closing this issue due to prolonged inactivity.'
+          close-pr-message: 'Closing this pull request due to inactivity.'
+          days-before-stale: 30
+          days-before-close: 7
+          exempt-issue-labels: 'inspecting'

package/.prettierignore

@@ -0,0 +1,42 @@
+# See http://help.github.com/ignore-files/ for more about ignoring files.
+
+# Compiled output
+/dist
+/tmp
+/out-tsc
+/bazel-out
+
+# Node
+/node_modules
+npm-debug.log
+yarn-error.log
+
+# IDEs and editors
+.idea/
+.project
+.classpath
+.c9/
+*.launch
+.settings/
+*.sublime-workspace
+
+# Visual Studio Code
+.vscode/*
+!.vscode/settings.json
+!.vscode/tasks.json
+!.vscode/launch.json
+!.vscode/extensions.json
+.history/*
+
+# Miscellaneous
+/.angular/cache
+.sass-cache/
+/connect.lock
+/coverage
+/libpeerconnection.log
+testem.log
+/typings
+
+# System files
+.DS_Store
+Thumbs.db

package/.prettierrc.json

@@ -0,0 +1,14 @@
+{
+  "tabWidth": 2,
+  "useTabs": false,
+  "singleQuote": true,
+  "semi": true,
+  "bracketSpacing": true,
+  "arrowParens": "avoid",
+  "trailingComma": "es5",
+  "bracketSameLine": true,
+  "printWidth": 150,
+  "endOfLine": "auto",
+  "htmlWhitespaceSensitivity": "ignore",
+  "quoteProps": "preserve"
+}

package/CHANGELOG.md

@@ -0,0 +1,126 @@
+# 22.0.0 (2026-06-22)
+
+- Support for Angular 22.
+
+# 21.1.0 (2026-01-07)
+
+### New features
+
+- iFrame printing
+
+### New features
+
+- Support for Angular 21.
+
+### Bug fixes
+
+- nullpointer defaultSelected
+
+# 20.1.0 (2025-09-01)
+
+### New features
+
+- Can now use `ngx-print` without nonces for inline script.
+
+### Maintenance
+
+- Updated npm dependencies (multiple Dependabot updates).
+- Removed unsafe inline script.
+
+# 20.0.0 (2025-07-15)
+
+### New features
+
+- Support for Angular 20.
+- Aligned major versions with Angular release versions (library major matches Angular major).
+
+### Maintenance
+
+- Implemented various feature requests and updated npm dependencies.
+
+# 3.1.0 (2025-06-12)
+
+### New features
+
+- Now supports printing on any HTML element, not only button elements.
+- Replaced `document.write` usage with DOM manipulation for rendering print content.
+
+### Bug fixes
+
+- Fixed issues related to printing from specific button elements.
+
+# 3.0.0 (2025-05-21)
+
+### New features
+
+- Support for Angular 19.
+
+# 2.0.0 (2024-12-04)
+
+### New features
+
+- Added support for Content-Security-Policy via nonce injection.
+- Support for Angular 18.
+
+### Contributors
+
+- Contributions by EpicVoyage and Core121.
+
+# 1.5.1 (2024-01-05)
+
+### New features
+
+- Added support for printing canvas contents.
+- Added option to open the print view in a new tab.
+
+### Bug fixes
+
+- Fixed `printTitle` property issue.
+
+### Maintenance
+
+- Documentation updates.
+
+# 1.5.0 (2023-12-03)
+
+- Now supports Angular 17.
+- Added printService.
+
+# 1.4.0 (2023-12-03)
+
+- Now supports Angular 16.
+- Added functionality to handle select form fields.
+- Added standalone support.
+- Added `closeWindow` and `bodyClass` options and fixed tests.
+
+# 1.3.1 (2023-01-04)
+
+### Bug fixes
+
+- Fixed build by allowing the package to run in partial Ivy mode due to npm not supporting full Ivy mode, deprecating
+  v1.3.0.
+
+# 1.3.0 (2022-12-20)
+
+### New features
+
+- Supports `previewOnly` tag, allowing for the print preview to show without the print dialog.
+
+### Dependency Updates
+
+- Angular Ivy support with Angular 15.
+
+# 1.2.1 (2021-05-10)
+
+### Bug fixes
+
+- Working build for non‑beta releases.
+
+# 1.1.0 (2018-12-04)
+
+### New features
+
+- Support styles (
+  CSS) ([#5](https://github.com/selemxmn/ngx-print/issues/5)) ([71cefdf](https://github.com/selemxmn/ngx-print/commit/71cefdf)).
+- Permit a dynamic title of printing window instead of the old static
+  `Print tab` ([2098f3e](https://github.com/selemxmn/ngx-print/commit/2098f3e)).

package/README.md

@@ -102,6 +102,14 @@ export class PrintExampleComponent {}
 
 Here some simple styles were added to every `h1` & `h2` tags within the `div` where `print-section` is tagged to its `id` attribute.
 
+`printStyle` also accepts a raw CSS string, which is injected into the print document's `<style>` tag as-is. This is useful for anything the object form can't express well, such as multiple selectors per rule, media queries, or `!important`:
+
+```html
+<button printStyle="h1, h2 { color: red; } @media print { .no-print { display: none; } }"
+        printSectionId="print-section"
+        ngxPrint>print</button>
+```
+
 - If you would like to use your existing CSS with media print you can add the `useExistingCss` attribute:
 
 ```html
@@ -247,6 +255,9 @@ printDelay: number = 0;
 // Optional: CSS as a key-value pair
 this.printService.printStyle = styleSheet;
 
+// Optional: CSS as a raw string
+this.printService.printStyle = 'h1, h2 { color: red; }';
+
 // Optional: path to a CSS file
 this.printService.styleSheetFile = fileLocation;
 ```

package/_config.yml

@@ -0,0 +1 @@
+theme: jekyll-theme-cayman

package/angular.json

@@ -0,0 +1,132 @@
+{
+  "$schema": "./node_modules/@angular/cli/lib/config/schema.json",
+  "version": 1,
+  "newProjectRoot": "projects",
+  "projects": {
+    "ngx-print": {
+      "root": "",
+      "sourceRoot": "src",
+      "projectType": "library",
+      "prefix": "lib",
+      "architect": {
+        "build": {
+          "builder": "@angular/build:ng-packagr",
+          "options": {
+            "tsConfig": "tsconfig.lib.json",
+            "project": "ng-package.json"
+          },
+          "configurations": {
+            "development": {}
+          }
+        },
+        "test": {
+          "builder": "@angular/build:unit-test"
+        },
+        "lint": {
+          "builder": "@angular-eslint/builder:lint",
+          "options": {
+            "lintFilePatterns": ["src/**/*.ts", "src/**/*.html"]
+          }
+        }
+      }
+    },
+    "demo": {
+      "projectType": "application",
+      "schematics": {
+        "@schematics/angular:component": {
+          "style": "scss"
+        }
+      },
+      "root": "projects/demo",
+      "sourceRoot": "projects/demo/src",
+      "prefix": "app",
+      "architect": {
+        "build": {
+          "builder": "@angular/build:application",
+          "options": {
+            "browser": "projects/demo/src/main.ts",
+            "tsConfig": "projects/demo/tsconfig.app.json",
+            "inlineStyleLanguage": "scss",
+            "assets": [
+              {
+                "glob": "**/*",
+                "input": "projects/demo/public"
+              }
+            ],
+            "styles": [
+              "projects/demo/src/styles.scss"
+            ]
+          },
+          "configurations": {
+            "production": {
+              "budgets": [
+                {
+                  "type": "initial",
+                  "maximumWarning": "500kB",
+                  "maximumError": "1MB"
+                },
+                {
+                  "type": "anyComponentStyle",
+                  "maximumWarning": "4kB",
+                  "maximumError": "8kB"
+                }
+              ],
+              "outputHashing": "all"
+            },
+            "development": {
+              "optimization": false,
+              "extractLicenses": false,
+              "sourceMap": true
+            }
+          },
+          "defaultConfiguration": "production"
+        },
+        "serve": {
+          "builder": "@angular/build:dev-server",
+          "configurations": {
+            "production": {
+              "buildTarget": "demo:build:production"
+            },
+            "development": {
+              "buildTarget": "demo:build:development"
+            }
+          },
+          "defaultConfiguration": "development"
+        },
+        "test": {
+          "builder": "@angular/build:unit-test"
+        }
+      }
+    }
+  },
+  "cli": {
+    "analytics": false,
+    "schematicCollections": ["angular-eslint"]
+  },
+  "schematics": {
+    "@schematics/angular:component": {
+      "type": "component"
+    },
+    "@schematics/angular:directive": {
+      "type": "directive"
+    },
+    "@schematics/angular:service": {
+      "type": "service"
+    },
+    "@schematics/angular:guard": {
+      "typeSeparator": "."
+    },
+    "@schematics/angular:interceptor": {
+      "typeSeparator": "."
+    },
+    "@schematics/angular:module": {
+      "typeSeparator": "."
+    },
+    "@schematics/angular:pipe": {
+      "typeSeparator": "."
+    },
+    "@schematics/angular:resolver": {
+      "typeSeparator": "."
+    }
+  }
+}

package/eslint.config.js

@@ -0,0 +1,32 @@
+// @ts-check
+const eslint = require('@eslint/js');
+const tseslint = require('typescript-eslint');
+const angular = require('angular-eslint');
+
+module.exports = tseslint.config(
+  {
+    files: ['**/*.ts'],
+    extends: [
+      eslint.configs.recommended,
+      ...tseslint.configs.recommended,
+      ...tseslint.configs.stylistic,
+      ...angular.configs.tsRecommended,
+    ],
+    processor: angular.processInlineTemplates,
+    rules: {
+      // our project thinks using renaming inputs is ok
+      '@angular-eslint/no-input-rename': 'off',
+    },
+  },
+  {
+    files: ['**/*.html'],
+    extends: [
+      ...angular.configs.templateRecommended,
+      ...angular.configs.templateAccessibility,
+    ],
+    rules: {
+      // our project thinks using negated async pipes is ok
+      '@angular-eslint/template/no-negated-async': 'off',
+    },
+  },
+);

package/ng-package.json

@@ -0,0 +1,7 @@
+{
+  "$schema": "./node_modules/ng-packagr/ng-package.schema.json",
+  "dest": "./dist/ngx-print",
+  "lib": {
+    "entryFile": "src/public_api.ts"
+  }
+}

package/package.json

@@ -1,44 +1,60 @@
-{
-  "name": "ngx-print",
-  "version": "22.0.0",
-  "description": "Plug n' Play Angular directive to print your stuff",
-  "author": "https://github.com/ngx-print/ngx-print/graphs/contributors",
-  "repository": {
-    "type": "git",
-    "url": "git+https://github.com/ngx-print/ngx-print.git"
-  },
-  "license": "MIT",
-  "bugs": {
-    "url": "https://github.com/ngx-print/ngx-print/issues"
-  },
-  "homepage": "https://github.com/ngx-print/ngx-print#readme",
-  "keywords": [
-    "print",
-    "angular",
-    "library",
-    "ng-print",
-    "ngx-print",
-    "directive",
-    "dependency",
-    "angular-print"
-  ],
-  "peerDependencies": {
-    "rxjs": "^7.4.0"
-  },
-  "module": "fesm2022/ngx-print.mjs",
-  "typings": "types/ngx-print.d.ts",
-  "exports": {
-    "./package.json": {
-      "default": "./package.json"
-    },
-    ".": {
-      "types": "./types/ngx-print.d.ts",
-      "default": "./fesm2022/ngx-print.mjs"
-    }
-  },
-  "sideEffects": false,
-  "type": "module",
-  "dependencies": {
-    "tslib": "^2.3.0"
-  }
-}
+{
+  "name": "ngx-print",
+  "version": "22.1.0",
+  "description": "Plug n' Play Angular directive to print your stuff",
+  "author": "https://github.com/ngx-print/ngx-print/graphs/contributors",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/ngx-print/ngx-print.git"
+  },
+  "license": "MIT",
+  "bugs": {
+    "url": "https://github.com/ngx-print/ngx-print/issues"
+  },
+  "homepage": "https://github.com/ngx-print/ngx-print#readme",
+  "keywords": [
+    "print",
+    "angular",
+    "library",
+    "ng-print",
+    "ngx-print",
+    "directive",
+    "dependency",
+    "angular-print"
+  ],
+  "scripts": {
+    "ng": "ng",
+    "build": "ng build ngx-print",
+    "test": "ng test ngx-print --no-watch --coverage --no-progress",
+    "serve:demo": "ng serve demo",
+    "lint": "ng lint"
+  },
+  "devDependencies": {
+    "@angular/build": "^22.0.3",
+    "@angular/cli": "^22.0.3",
+    "@angular/common": "^22.0.2",
+    "@angular/compiler": "^22.0.2",
+    "@angular/compiler-cli": "^22.0.2",
+    "@angular/core": "^22.0.2",
+    "@angular/forms": "^22.0.2",
+    "@angular/localize": "^22.0.2",
+    "@angular/platform-browser": "^22.0.2",
+    "@angular/router": "^22.0.2",
+    "@eslint/js": "^10.0.1",
+    "@types/node": "^24.13.2",
+    "@vitest/coverage-v8": "^4.1.9",
+    "angular-eslint": "22.0.0",
+    "eslint": "^10.3.0",
+    "eslint-config-prettier": "^10.1.8",
+    "eslint-plugin-prettier": "^5.5.6",
+    "jsdom": "^29.1.1",
+    "ng-packagr": "^22.0.0",
+    "prettier": "^3.8.4",
+    "typescript": "~6.0.3",
+    "typescript-eslint": "8.62.0",
+    "vitest": "^4.0.8"
+  },
+  "peerDependencies": {
+    "rxjs": "^7.4.0"
+  }
+}