fix(ref: no-ref): updage ng 19

Author: andriikamaldinov1

.stylelintignore

@@ -3,7 +3,6 @@
 /tmp
 /out-tsc
 /bazel-out
-/src/styles.scss
 
 # Node
 /node_modules

.stylelintrc.json

@@ -1,7 +1,7 @@
 {
     "extends": ["stylelint-config-recommended-scss"],
     "customSyntax": "postcss-scss",
-    "plugins": ["stylelint-prettier"],
+    "plugins": ["stylelint-scss", "stylelint-prettier"],
     "rules": {
         "no-empty-source": null,
         "scss/comment-no-empty": null,
@@ -12,6 +12,12 @@
             {
                 "ignoreTypes": ["/^mat-/", "markdown", ":host", ":root"]
             }
+        ],
+        "scss/at-rule-no-unknown": [
+            true,
+            {
+                "ignoreAtRules": ["tailwind"]
+            }
         ]
     }
 }

CHANGELOG.md

@@ -1,3 +1,9 @@
+# 19.0.0(2024-11-21)
+
+### Feature
+
+-   update ng 19.x
+
 # 18.0.4(2024-10-25)
 
 ### Feature

bun.lockb

@@ -1,6 +1,6 @@
 {
     "name": "ngx-loader-indicator",
-    "version": "18.0.4",
+    "version": "19.0.0",
     "description": "The best directive without wrapping your element to additional component",
     "license": "MIT",
     "keywords": [
@@ -36,63 +36,66 @@
         "url": "https://github.com/JsDaddy/ngx-loader-indicator.git"
     },
     "dependencies": {
-        "@angular/animations": "18.2.9",
-        "@angular/common": "18.2.9",
-        "@angular/compiler": "18.2.9",
-        "@angular/core": "18.2.9",
-        "@angular/forms": "18.2.9",
-        "@angular/platform-browser": "18.2.9",
-        "@angular/platform-browser-dynamic": "18.2.9",
-        "@angular/router": "^18.2.9",
-        "core-js": "3.38.1",
+        "@angular/animations": "19.0.0",
+        "@angular/common": "19.0.0",
+        "@angular/compiler": "19.0.0",
+        "@angular/core": "19.0.0",
+        "@angular/forms": "19.0.0",
+        "@angular/platform-browser": "19.0.0",
+        "@angular/platform-browser-dynamic": "19.0.0",
+        "@angular/router": "^19.0.0",
+        "core-js": "3.39.0",
         "highlight.js": "^11.10.0",
         "ngx-highlightjs": "^12.0.0",
         "rxjs": "7.8.1"
     },
     "devDependencies": {
-        "@angular-devkit/build-angular": "18.2.10",
-        "@angular-eslint/builder": "18.4.0",
-        "@angular-eslint/eslint-plugin": "18.4.0",
-        "@angular-eslint/eslint-plugin-template": "18.4.0",
-        "@angular-eslint/schematics": "18.4.0",
-        "@angular-eslint/template-parser": "18.4.0",
-        "@angular/cli": "18.2.10",
-        "@angular/compiler-cli": "18.2.9",
-        "@angular/language-service": "18.2.9",
-        "@commitlint/cli": "19.5.0",
-        "@commitlint/config-conventional": "19.5.0",
+        "@angular-devkit/build-angular": "19.0.0",
+        "@angular-eslint/builder": "18.4.1",
+        "@angular-eslint/eslint-plugin": "18.4.1",
+        "@angular-eslint/eslint-plugin-template": "18.4.1",
+        "@angular-eslint/schematics": "18.4.1",
+        "@angular-eslint/template-parser": "18.4.1",
+        "@angular/cli": "19.0.0",
+        "@angular/compiler-cli": "19.0.0",
+        "@angular/language-service": "19.0.0",
+        "@commitlint/cli": "19.6.0",
+        "@commitlint/config-conventional": "19.6.0",
         "@types/jasmine": "5.1.4",
         "@types/jasminewd2": "2.0.13",
-        "@types/node": "22.7.9",
-        "@typescript-eslint/eslint-plugin": "8.11.0",
+        "@types/node": "22.9.1",
+        "@typescript-eslint/eslint-plugin": "8.15.0",
         "@web/test-runner": "^0.19.0",
-        "angular-eslint": "^18.4.0",
-        "eslint": "9.13.0",
+        "angular-eslint": "^18.4.1",
+        "eslint": "9.15.0",
         "eslint-config-prettier": "9.1.0",
         "eslint-plugin-import": "2.31.0",
         "eslint-plugin-json": "4.0.1",
         "eslint-plugin-prettier": "5.2.1",
         "jasmine-core": "5.4.0",
         "jasmine-spec-reporter": "7.0.0",
         "lint-staged": "15.2.10",
-        "ng-packagr": "18.2.1",
-        "npm-check-updates": "^17.1.6",
-        "postcss-scss": "4.0.9",
+        "ng-packagr": "19.0.0",
+        "npm-check-updates": "^17.1.11",
         "prettier": "3.3.3",
-        "puppeteer": "23.6.0",
-        "semantic-release": "24.1.3",
+        "puppeteer": "23.9.0",
+        "semantic-release": "24.2.0",
         "semantic-release-export-data": "1.1.0",
-        "snyk": "^1.1294.0",
+        "snyk": "^1.1294.1",
         "stylelint": "16.10.0",
         "stylelint-config-prettier": "9.0.5",
         "stylelint-config-recommended-scss": "14.1.0",
         "stylelint-prettier": "5.0.2",
         "ts-node": "10.9.2",
         "type-coverage": "^2.29.7",
-        "typescript": "5.4.5",
-        "typescript-eslint": "^8.11.0",
-        "tailwindcss": "^3.4.14",
-        "bun-types": "^1.1.33"
+        "typescript": "5.6.3",
+        "typescript-eslint": "^8.15.0",
+        "tailwindcss": "^3.4.15",
+        "bun-types": "^1.1.36",
+        "postcss": "8.4.49",
+        "postcss-nesting": "13.0.1",
+        "cssnano": "7.0.6",
+        "postcss-scss": "4.0.9"
     },
     "typeCoverage": {
         "atLeast": 98,

package.json

@@ -0,0 +1,8 @@
+module.exports = {
+    plugins: {
+        'postcss-nesting': {},
+        tailwindcss: {},
+        autoprefixer: {},
+        cssnano: { preset: 'default' },
+    },
+};

postcss.config.js

@@ -1,6 +1,6 @@
 {
     "name": "ngx-loader-indicator",
-    "version": "18.0.4",
+    "version": "19.0.0",
     "description": "The best directive without wrapping your element to additional component",
     "license": "MIT",
     "keywords": [

projects/ngx-loader-indicator-lib/package.json

@@ -1,3 +1,5 @@
+@use './libraries/styles/scroll-bar';
+
 @tailwind base;
 @tailwind components;
 @tailwind utilities;

src/libraries

@@ -32,10 +32,12 @@
             "@libraries/*": ["./src/libraries/*"]
         },
         "skipLibCheck": true,
-        "noImplicitAny": true
+        "noImplicitAny": true,
+        "isolatedModules": true
     },
     "angularCompilerOptions": {
         "enableI18nLegacyMessageIdFormat": false,
+        "strictStandalone": true,
         "strictInjectionParameters": true,
         "strictInputAccessModifiers": true,
         "strictTemplates": true,
@@ -44,7 +46,8 @@
         "extendedDiagnostics": {
             "checks": {
                 "invalidBananaInBox": "error",
-                "nullishCoalescingNotNullable": "warning"
+                "nullishCoalescingNotNullable": "warning",
+                "unusedStandaloneImports": "suppress"
             },
             "defaultCategory": "suppress"
         }