@r74tech/docusaurus-plugin-panzoom 2.0.0 → 2.2.0

package/CHANGELOG.md

@@ -1,3 +1,18 @@
+# [2.2.0](https://github.com/r74tech/docusaurus-plugin-panzoom/compare/v2.1.0...v2.2.0) (2025-07-12)
+
+
+### Features
+
+* add Prettier and ESLint to documentation website ([33dd381](https://github.com/r74tech/docusaurus-plugin-panzoom/commit/33dd381ae478260cade8f15e8c69670c75628905))
+
+# [2.1.0](https://github.com/r74tech/docusaurus-plugin-panzoom/compare/v2.0.0...v2.1.0) (2025-04-14)
+
+
+### Features
+
+* add Docusaurus documentation and CI workflows ([5d0ed86](https://github.com/r74tech/docusaurus-plugin-panzoom/commit/5d0ed86e2b5447c533fb4b15c220d32f176c9528))
+* add support for excludeClass option ([246d378](https://github.com/r74tech/docusaurus-plugin-panzoom/commit/246d378f33c4f24c5a2cde22ba55a14daa65b217))
+
 # [2.0.0](https://github.com/r74tech/docusaurus-plugin-panzoom/compare/v1.0.1...v2.0.0) (2025-04-09)
 
 

package/README.md

@@ -44,6 +44,11 @@ themeConfig: {
     // Default: 1000
     timeout: 1000,
     
+    // Add this class to any element within the Panzoom element that you want to exclude from Panzoom handling.
+    // That element's children will also be excluded. e.g. links and buttons that should not propagate the click event.
+    // Default: 'panzoom-exclude'
+    excludeClass: 'panzoom-exclude',
+    
     // You can also pass any options supported by @panzoom/panzoom
     // See: https://github.com/timmywil/panzoom for available options
   }

package/dist/PanZoom.js

@@ -7,7 +7,7 @@ const panzoom_1 = __importDefault(require("@panzoom/panzoom"));
 const config = require('@generated/docusaurus.config').default;
 const { themeConfig } = config;
 const { zoom } = themeConfig;
-const { selectors = ['div.mermaid[data-processed="true"]', 'div.docusaurus-mermaid-container', '.drawio'], wrap = true, timeout = 1000, ...panZoomConfig } = zoom;
+const { selectors = ['div.mermaid[data-processed="true"]', 'div.docusaurus-mermaid-container', '.drawio'], wrap = true, timeout = 1000, excludeClass = 'panzoom-exclude', ...panZoomConfig } = zoom;
 /**
  * Main work method to zoom the set of elements.  You can pass in global options to the pan zoom component
  * as well as control whether the items will be wrapped.
@@ -19,7 +19,7 @@ const zoomElements = (selectors) => {
         foundElements.push(...document.querySelectorAll(selector));
     });
     foundElements.forEach((element) => {
-        const instance = (0, panzoom_1.default)(element, panZoomConfig);
+        const instance = (0, panzoom_1.default)(element, { excludeClass, ...panZoomConfig });
         if (wrap) {
             const wrapper = document.createElement('div');
             wrapper.setAttribute('style', "overflow: hidden");

package/dist/PanZoomPlugin.js

@@ -28,6 +28,7 @@ const panZoomValidator = utils_validation_1.Joi.object({
         selectors: utils_validation_1.Joi.array(),
         wrap: utils_validation_1.Joi.boolean(),
         timeout: utils_validation_1.Joi.number(),
+        excludeClass: utils_validation_1.Joi.string(),
     })
 });
 /**

package/dist/PanzoomPluginOptions.d.ts

@@ -21,4 +21,11 @@ export type PanZoomPluginOptions = PanzoomOptions & {
      * The default is 1000
      */
     timeout?: number;
+    /**
+     * Add this class to any element within the Panzoom element that you want to exclude from Panzoom handling.
+     * That element's children will also be excluded. e.g. links and buttons that should not propagate the click event.
+     *
+     * default: 'panzoom-exclude'
+     */
+    excludeClass?: string;
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@r74tech/docusaurus-plugin-panzoom",
-  "version": "2.0.0",
+  "version": "2.2.0",
   "description": "A plugin to enable the panzoom component on SVG and other elements",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",