website-utilities 1.0.374 → 1.0.376

package/package.json

@@ -1,9 +1,8 @@
 {
   "name": "website-utilities",
-  "version": "1.0.374",
+  "version": "1.0.376",
   "description": "extend your web app",
   "keywords": [
-    "jquery",
     "website",
     "utilities"
   ],
@@ -61,71 +60,61 @@
     "watch": "weboptimizer build --watch"
   },
   "devDependencies": {
-    "@babel/eslint-parser": "^7.28.5",
+    "@babel/eslint-parser": "^7.28.6",
     "@babel/plugin-transform-proto-to-assign": "^7.27.1",
-    "@babel/runtime": "^7.28.4",
-    "@stylistic/eslint-plugin": "^5.6.1",
+    "@babel/runtime": "^7.29.2",
+    "@eslint/js": "^10.0.1",
+    "@stylistic/eslint-plugin": "^5.10.0",
     "@types/ejs": "^3.1.5",
     "@types/html-minifier": "^4.0.6",
-    "@types/jquery": "^3.5.33",
-    "@types/jsdom": "^27.0.0",
-    "@types/node": "^25.0.3",
-    "@typescript-eslint/eslint-plugin": "^8.51.0",
-    "@typescript-eslint/parser": "^8.51.0",
-    "clientnode": "^3.0.1340",
-    "css-loader": "^7.1.2",
-    "cssnano": "^7.1.2",
-    "documentation-website": "^1.0.397",
-    "eslint": "^9.39.2",
+    "@types/jsdom": "^28.0.1",
+    "@types/node": "^25.6.0",
+    "@types/webpack-env": "^1.18.8",
+    "@typescript-eslint/eslint-plugin": "^8.58.2",
+    "@typescript-eslint/parser": "^8.58.2",
+    "@webcomponents/webcomponentsjs": "^2.8.0",
+    "clientnode": "^4.0.1386",
+    "css-loader": "^7.1.4",
+    "cssnano": "^7.1.5",
+    "documentation-website": "^1.0.401",
+    "eslint": "^10.2.0",
     "eslint-config-google": "^0.14.0",
-    "eslint-plugin-jsdoc": "^61.5.0",
-    "internationalisation": "^1.0.346",
-    "jest": "^30.2.0",
-    "jquery": "^3.7.1",
+    "eslint-plugin-jsdoc": "^62.9.0",
+    "jest": "^30.3.0",
     "jsdoc": "^4.0.5",
-    "mini-css-extract-plugin": "^2.9.4",
-    "postcss": "^8.5.6",
+    "mini-css-extract-plugin": "^2.10.2",
+    "postcss": "^8.5.10",
     "postcss-fontpath": "^1.0.0",
     "postcss-import": "^16.1.1",
-    "postcss-loader": "^8.2.0",
-    "postcss-preset-env": "^10.6.0",
+    "postcss-loader": "^8.2.1",
+    "postcss-preset-env": "^11.2.1",
     "postcss-scss": "^4.0.9",
     "postcss-sprites": "^4.2.1",
     "postcss-url": "^10.1.3",
-    "sass": "^1.97.1",
-    "sass-loader": "^16.0.6",
-    "spin.js": "^4.1.2",
+    "prop-types": "^15.8.1",
+    "sass": "^1.99.0",
+    "sass-loader": "^16.0.7",
     "style-loader": "^4.0.0",
-    "stylelint": "^16.26.1",
-    "stylelint-config-standard-scss": "^16.0.0",
-    "typescript-eslint": "^8.51.0",
-    "weboptimizer": "^2.0.1637",
-    "webpack-dev-server": "^5.2.2"
+    "stylelint": "^17.8.0",
+    "stylelint-config-standard-scss": "^17.0.0",
+    "typescript-eslint": "^8.58.2",
+    "web-component-wrapper": "^0.0.558",
+    "weboptimizer": "^3.0.21",
+    "webpack-dev-server": "^5.2.3"
   },
   "peerDependencies": {
     "@babel/runtime": "*",
     "clientnode": "*",
-    "internationalisation": "*",
-    "jquery": "*",
-    "spin.js": "*"
+    "web-component-wrapper": "*"
   },
   "peerDependenciesMeta": {
     "@babel/runtime": {
       "optional": true
-    },
-    "internationalisation": {
-      "optional": true
-    },
-    "jquery": {
-      "optional": true
-    },
-    "spin.js": {
-      "optional": true
     }
   },
   "engines": {
-    "node": ">=20",
-    "npm": ">=10",
+    "node": ">=24",
+    "npm": ">=11",
     "yarn": ">=4"
   },
   "resolutions": {
@@ -168,6 +157,11 @@
         ]
       }
     },
+    "generic": {
+      "supportedBrowsers": [
+        "browserslist config and supports es6-class"
+      ]
+    },
     "injection": {
       "autoExclude": {
         "paths": {
@@ -184,7 +178,7 @@
             "exclude": {
               "__append__": [
                 {
-                  "__evaluate__": "/^spin\\.js$/"
+                  "__evaluate__": "/(?:^|\\/)web-component-wrapper(?:$|\\/)/"
                 }
               ]
             }
@@ -192,24 +186,31 @@
         }
       }
     },
-    "path": {
-      "source": {
-        "asset": {
-          "font": "fonts/"
-        }
-      },
-      "target": {
-        "asset": {
-          "font": "fonts.compiled/"
-        }
-      }
-    },
     "module": {
       "enforceDeduplication": true,
+      "html": {
+        "options": {
+          "sources": {
+            "urlFilter": {
+              "__evaluate__": "() => false"
+            }
+          }
+        }
+      },
       "optimizer": {
         "babelMinify": {
           "#": "Avoids wrong this binding in some callbacks with class bound closure (e.g. in \"performStartUpEffects -> animate -> always\".",
           "module": null
+        },
+        "htmlMinifier": {
+          "ignoreCustomComments": [
+            {
+              "__evaluate__": "/^\\|?[a-z]{2}[A-Z]{2}:/"
+            },
+            {
+              "__evaluate__": "/^[a-z]{2}[A-Z]{2}$/"
+            }
+          ]
         }
       },
       "preprocessor": {
@@ -219,10 +220,18 @@
               "{loader: 'sass-loader'}"
             ]
           }
-        },
-        "javaScript": {
-          "#": "We have to pre-process \"spin.js\" since it isn't a compatible ECMAScript.",
-          "exclude": "!filePath.endsWith('/spin.js') && isFilePathInDependencies(filePath)"
+        }
+      }
+    },
+    "path": {
+      "source": {
+        "asset": {
+          "font": "fonts/"
+        }
+      },
+      "target": {
+        "asset": {
+          "font": "fonts.compiled/"
         }
       }
     },
@@ -284,6 +293,23 @@
           }
         }
       }
+    },
+    "webpack": {
+      "snapshot": {
+        "unmanagedPaths": [
+          {
+            "__evaluate__": "/^.+?[\\/]node_modules[\\/]clientnode[\\/]/"
+          },
+          {
+            "__evaluate__": "/^.+?[\\/]node_modules[\\/]web-component-wrapper[\\/]/"
+          }
+        ]
+      },
+      "watchOptions": {
+        "ignored": {
+          "__remove__": "**/node_modules"
+        }
+      }
     }
   },
   "packageManager": "yarn@4.12.0+sha512.f45ab632439a67f8bc759bf32ead036a1f413287b9042726b7cc4818b7b49e14e9423ba49b18f9e06ea4941c1ad062385b1d8760a8d5091a1a31e5f6219afca8"

package/readme.md

@@ -91,25 +91,6 @@ after needed dependencies:
 -->
 
 ```HTML
-<script
-    src="https://code.jquery.com/jquery-3.6.0.min.js"
-    integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4="
-    crossorigin="anonymous"
-></script>
-<script
-    src="https://torben.website/clientnode/data/distributionBundle/index.js"
-></script>
-<script
-    src="https://torben.website/internationalisation/data/distributionBundle/index.js"
-></script>
-<!--Inject downloaded file:
-<script src="index.js"></script>
--->
-<!--Or integrate via cdn:-->
-<script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
-<!--Inject downloaded file:-->
-<script src="index.compiled.js"></script>
-<!--Or integrate via cdn:
 <script
     src="https://torben.website/website-utilities/data/distributionBundle/index.js"
 ></script>
@@ -189,25 +170,6 @@ Here you can see the initialisation with all available plugin options:
 -->
 
 ```HTML
-<script
-    src="https://code.jquery.com/jquery-3.6.0.min.js"
-    integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4="
-    crossorigin="anonymous"
-></script>
-<script
-    src="https://torben.website/clientnode/data/distributionBundle/index.js"
-></script>
-<script
-    src="https://torben.website/internationalisation/data/distributionBundle/index.js"
-></script>
-<!--Inject downloaded file:
-<script src="index.js"></script>
--->
-<!--Or integrate via cdn:-->
-<script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
-<!--Inject downloaded file:-->
-<script src="index.compiled.js"></script>
-<!--Or integrate via cdn:
 <script
     src="https://torben.website/website-utilities/data/distributionBundle/index.js"
 ></script>

package/type.d.ts

@@ -1,76 +1,28 @@
-import { DomNodes as BaseDomNodes, FirstParameter, Mapping, Options as BaseOptions, ProcedureFunction, $T } from 'clientnode';
-import { Options as InternationalisationOptions } from 'internationalisation/type';
-import { SpinnerOptions } from 'spin.js';
-import WebsiteUtilities from './index';
-export type WebsiteUtilitiesFunction = ((..._parameters: Array<unknown>) => unknown) & {
-    class: typeof WebsiteUtilities;
-};
-declare global {
-    interface JQueryStatic {
-        WebsiteUtilities: WebsiteUtilitiesFunction;
-    }
-    const dataLayer: Array<unknown>;
-}
-export type DomNodes<Type = string> = BaseDomNodes<Type> & {
-    mediaQueryIndicator: Type;
-    scrollToTopButton: Type;
-    startUpAnimationClassPrefix: Type;
-    top: Type;
-    windowLoadingCover: Type;
-    windowLoadingSpinner: Type;
-};
 export interface DefaultOptions {
-    activateLanguageSupport: boolean;
     additionalPageLoadingTimeInMilliseconds: number;
     domain: string;
-    domNodes: DomNodes;
-    domNodeSelectorInfix: null | string;
-    domNodeSelectorPrefix: string;
     initialSectionName: string;
     knownScrollEventNames: Array<string>;
-    language: Partial<InternationalisationOptions>;
     mediaQueryClassNameIndicator: Array<Array<string>>;
-    name: string;
-    onChangeMediaQueryMode: ProcedureFunction;
-    onChangeToExtraSmallMode: ProcedureFunction;
-    onChangeToLargeMode: ProcedureFunction;
-    onChangeToMediumMode: ProcedureFunction;
-    onChangeToSmallMode: ProcedureFunction;
-    onStartUpAnimationComplete: ProcedureFunction;
-    onSwitchSection: ProcedureFunction;
-    onViewportMovesAwayFromTop: ProcedureFunction;
-    onViewportMovesToTop: ProcedureFunction;
-    scrollToTop: {
-        button: {
-            hideAnimationOptions: JQuery.EffectsOptions<HTMLElement>;
-            showAnimationOptions: JQuery.EffectsOptions<HTMLElement>;
-            slideDistanceInPixel: number;
-        };
-        options: JQuery.EffectsOptions<HTMLElement>;
+    selectors: {
+        top: string;
+        scrollToTopButtons: string;
+        startUpAnimationClassPrefix: string;
+        windowLoadingCover: string;
     };
     startUpAnimationElementDelayInMilliseconds: number;
-    startUpHide: Mapping<number | string>;
-    startUpShowAnimation: FirstParameter<$T['animate']>;
-    switchToManualScrollingIndicator: (event: JQuery.Event) => boolean;
-    tracking?: {
-        buttonClick?: (this: WebsiteUtilities, $link: $T<HTMLButtonElement>, event: JQuery.Event) => void;
-        linkClick?: (this: WebsiteUtilities, $link: $T<HTMLLinkElement>, event: JQuery.Event) => void;
-        sectionSwitch?: (this: WebsiteUtilities, sectionName: string) => void;
-        track: (item: TrackingItem) => void;
-    };
-    windowLoadingCoverHideAnimation: FirstParameter<$T['animate']>;
-    windowLoadingSpinner: SpinnerOptions;
+    tracking: boolean;
     windowLoadedTimeoutAfterDocLoadedInMSec: number;
 }
-export type Options = BaseOptions & DefaultOptions;
+export type Options = DefaultOptions;
 export interface TrackingItem {
-    context: string;
+    context?: string;
     event: string;
     eventType: string;
     icon?: string;
     label: string;
     reference: string;
     subject: string;
-    value: number;
+    value?: number;
     userInteraction: boolean;
 }