@vaadin/side-nav - npm Package Compare versions

Comparing version 24.4.0-alpha17 to 24.4.0-alpha18

package.json

 {
   "name": "@vaadin/side-nav",
-  "version": "24.4.0-alpha17",
+  "version": "24.4.0-alpha18",
   "publishConfig": {
@@ -38,7 +38,7 @@ "access": "public"
     "@open-wc/dedupe-mixin": "^1.3.0",
-    "@vaadin/a11y-base": "24.4.0-alpha17",
-    "@vaadin/component-base": "24.4.0-alpha17",
-    "@vaadin/vaadin-lumo-styles": "24.4.0-alpha17",
-    "@vaadin/vaadin-material-styles": "24.4.0-alpha17",
-    "@vaadin/vaadin-themable-mixin": "24.4.0-alpha17",
+    "@vaadin/a11y-base": "24.4.0-alpha18",
+    "@vaadin/component-base": "24.4.0-alpha18",
+    "@vaadin/vaadin-lumo-styles": "24.4.0-alpha18",
+    "@vaadin/vaadin-material-styles": "24.4.0-alpha18",
+    "@vaadin/vaadin-themable-mixin": "24.4.0-alpha18",
     "lit": "^3.0.0"
@@ -56,3 +56,3 @@ },
   ],
-  "gitHead": "eb6b4dac66be1c0ddc77757bed5f84a6d355e5cf"
+  "gitHead": "7d675c61eaa32ef50c07de7b2fea19ff437b6b90"
 }

README.md

@@ -7,3 +7,3 @@ # @vaadin/side-nav
 
-[![npm version](https://badgen.net/npm/v/@vaadin/vaadin-side-nav)](https://www.npmjs.com/package/@vaadin/vaadin-side-nav)
+[![npm version](https://badgen.net/npm/v/@vaadin/side-nav)](https://www.npmjs.com/package/@vaadin/side-nav)
 
@@ -10,0 +10,0 @@ ```html

src/vaadin-side-nav-item.d.ts

@@ -113,2 +113,12 @@ /**
 
+  /**
+   * Whether to exclude the item from client-side routing. When enabled,
+   * this causes the item to behave like a regular anchor, causing a full
+   * page reload. This only works with supported routers, such as the one
+   * provided in Vaadin apps, or when using the side nav `onNavigate` hook.
+   *
+   * @attr {boolean} router-ignore
+   */
+  routerIgnore: boolean;
+
   addEventListener<K extends keyof SideNavItemEventMap>(
@@ -115,0 +125,0 @@ type: K,

src/vaadin-side-nav-item.js

@@ -140,2 +140,16 @@ /**
       target: String,
+
+      /**
+       * Whether to exclude the item from client-side routing. When enabled,
+       * this causes the item to behave like a regular anchor, causing a full
+       * page reload. This only works with supported routers, such as the one
+       * provided in Vaadin apps, or when using the side nav `onNavigate` hook.
+       *
+       * @type {boolean}
+       * @attr {boolean} router-ignore
+       */
+      routerIgnore: {
+        type: Boolean,
+        value: false,
+      },
     };
@@ -218,2 +232,3 @@ }
           target="${ifDefined(this.target)}"
+          ?router-ignore="${this.routerIgnore}"
           part="link"
@@ -220,0 +235,0 @@ aria-current="${this.current ? 'page' : 'false'}"

src/vaadin-side-nav.js

@@ -290,2 +290,7 @@ /**
 
+    if (item.routerIgnore) {
+      // Allow default action when client-side routing is ignored
+      return;
+    }
+
     // Call the onNavigate callback
@@ -292,0 +297,0 @@ const result = this.onNavigate({

web-types.json

 {
   "$schema": "https://json.schemastore.org/web-types",
   "name": "@vaadin/side-nav",
-  "version": "24.4.0-alpha17",
+  "version": "24.4.0-alpha18",
   "description-markup": "markdown",
@@ -56,2 +56,11 @@ "contributions": {
             {
+              "name": "router-ignore",
+              "description": "Whether to exclude the item from client-side routing. When enabled,\nthis causes the item to behave like a regular anchor, causing a full\npage reload. This only works with supported routers, such as the one\nprovided in Vaadin apps, or when using the side nav `onNavigate` hook.",
+              "value": {
+                "type": [
+                  "boolean"
+                ]
+              }
+            },
+            {
               "name": "theme",
@@ -129,2 +138,11 @@ "description": "The theme variants to apply to the component.",
                 }
+              },
+              {
+                "name": "routerIgnore",
+                "description": "Whether to exclude the item from client-side routing. When enabled,\nthis causes the item to behave like a regular anchor, causing a full\npage reload. This only works with supported routers, such as the one\nprovided in Vaadin apps, or when using the side nav `onNavigate` hook.",
+                "value": {
+                  "type": [
+                    "boolean"
+                  ]
+                }
               }
@@ -131,0 +149,0 @@ ],

web-types.lit.json

 {
   "$schema": "https://json.schemastore.org/web-types",
   "name": "@vaadin/side-nav",
-  "version": "24.4.0-alpha17",
+  "version": "24.4.0-alpha18",
   "description-markup": "markdown",
@@ -37,2 +37,9 @@ "framework": "lit",
             {
+              "name": "?routerIgnore",
+              "description": "Whether to exclude the item from client-side routing. When enabled,\nthis causes the item to behave like a regular anchor, causing a full\npage reload. This only works with supported routers, such as the one\nprovided in Vaadin apps, or when using the side nav `onNavigate` hook.",
+              "value": {
+                "kind": "expression"
+              }
+            },
+            {
               "name": ".i18n",
@@ -39,0 +46,0 @@ "description": "The object used to localize this component.\n\nTo change the default localization, replace the entire\n`i18n` object with a custom one.\n\nThe object has the following structure and default values:\n```\n{\n  toggle: 'Toggle child items'\n}\n```",

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

86054

increased by2.95%

Lines of code

1948

increased by2.74%

Dependency changes

• + Added@vaadin/a11y-base@24.4.0-alpha18(transitive)

• + Added@vaadin/component-base@24.4.0-alpha18(transitive)

• + Added@vaadin/icon@24.4.0-alpha18(transitive)

• + Added@vaadin/vaadin-lumo-styles@24.4.0-alpha18(transitive)

• + Added@vaadin/vaadin-material-styles@24.4.0-alpha18(transitive)

• + Added@vaadin/vaadin-themable-mixin@24.4.0-alpha18(transitive)

• - Removed@vaadin/a11y-base@24.4.0-alpha17(transitive)

• - Removed@vaadin/component-base@24.4.0-alpha17(transitive)

• - Removed@vaadin/icon@24.4.0-alpha17(transitive)

• - Removed@vaadin/vaadin-lumo-styles@24.4.0-alpha17(transitive)

• - Removed@vaadin/vaadin-material-styles@24.4.0-alpha17(transitive)

• - Removed@vaadin/vaadin-themable-mixin@24.4.0-alpha17(transitive)

• Updated@vaadin/a11y-base@24.4.0-alpha18

• Updated@vaadin/component-base@24.4.0-alpha18

• Updated@vaadin/vaadin-lumo-styles@24.4.0-alpha18

• Updated@vaadin/vaadin-material-styles@24.4.0-alpha18

• Updated@vaadin/vaadin-themable-mixin@24.4.0-alpha18