@db-ux/wc-core-components 4.5.3 → 4.5.4

package/dist/web-types.json

@@ -1,7 +1,7 @@
 {
   "$schema": "https://raw.githubusercontent.com/JetBrains/web-types/master/schema/web-types.json",
   "name": "@db-ux/wc-core-components",
-  "version": "4.5.3",
+  "version": "4.5.4",
   "description-markup": "markdown",
   "contributions": {
     "html": {
@@ -3476,15 +3476,15 @@
           "description": "\n---\n\n\n### **Events:**\n - **click**\n\n### **Slots:**\n - **children** - This is a default/unnamed slot\n- **subNavigation** - React-specific property to pass in a slot for sub-navigation",
           "doc-url": "https://design-system.deutschebahn.com/core-web/review/main/components/navigation-item/properties",
           "attributes": [
+            {
+              "name": "id",
+              "value": { "type": "DBNavigationItemProps[\"id\"]" }
+            },
             {
               "name": "sub-navigation-expanded",
               "description": "This is for mobile navigation only, if it is set the sub-navigation is a static overlay",
               "value": { "type": "boolean | string" }
             },
-            {
-              "name": "id",
-              "value": { "type": "DBNavigationItemProps[\"id\"]" }
-            },
             {
               "name": "prop-overrides",
               "value": { "type": "DBNavigationItemProps[\"propOverrides\"]" }
@@ -3557,12 +3557,12 @@
           ],
           "js": {
             "properties": [
+              { "name": "id", "type": "DBNavigationItemProps[\"id\"]" },
               {
                 "name": "subNavigationExpanded",
                 "description": "This is for mobile navigation only, if it is set the sub-navigation is a static overlay",
                 "type": "boolean | string"
               },
-              { "name": "id", "type": "DBNavigationItemProps[\"id\"]" },
               {
                 "name": "propOverrides",
                 "type": "DBNavigationItemProps[\"propOverrides\"]"
@@ -3621,7 +3621,9 @@
               { "name": "hasSubNavigation", "type": "boolean" },
               { "name": "isSubNavigationExpanded", "type": "boolean" },
               { "name": "autoClose", "type": "boolean" },
-              { "name": "navigationItemSafeTriangle" }
+              { "name": "navigationItemSafeTriangle" },
+              { "name": "subNavigationId" },
+              { "name": "subNavigationToggleId" }
             ],
             "events": [
               {
@@ -5737,7 +5739,8 @@
               { "name": "role", "type": "any" },
               { "name": "label", "type": "any" },
               { "name": "href" },
-              { "name": "updateHref" }
+              { "name": "updateHref" },
+              { "name": "handleHrefUpdateEvent" }
             ],
             "events": []
           }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@db-ux/wc-core-components",
-  "version": "4.5.3",
+  "version": "4.5.4",
   "description": "Stencil components for @db-ux/core-components",
   "repository": {
     "type": "git",
@@ -48,7 +48,7 @@
   "web-types": "./dist/web-types.json",
   "customElements": "dist/custom-elements.json",
   "dependencies": {
-    "@db-ux/core-components": "4.5.3",
-    "@db-ux/core-foundations": "4.5.3"
+    "@db-ux/core-components": "4.5.4",
+    "@db-ux/core-foundations": "4.5.4"
   }
 }

package/dist/db-ux/p-58f21c03.entry.js

@@ -1 +0,0 @@
-import{r as i,c as t,h as s,F as a}from"./p-BjIPMjCM.js";import{n as h}from"./p-BdL-nI5y.js";import{d as n,e as o,g as d,c as l}from"./p-xkoBSP8R.js";import{N as e}from"./p-BuBrj57D.js";import"./p-DOPXnIzL.js";const r=class{constructor(s){i(this,s),this.click=t(this,"click"),this.initialized=!1,this.hasAreaPopup=!1,this.hasSubNavigation=!0,this.isSubNavigationExpanded=!1,this.autoClose=!1,this.navigationItemSafeTriangle=void 0}handleNavigationItemClick(i){var t;"A"===(null===(t=null==i?void 0:i.target)||void 0===t?void 0:t.nodeName)&&(this.autoClose=!0,n((()=>{this.autoClose=!1}),1e3))}handleClick(i){this.click&&(i.stopPropagation(),this.click.emit(i)),this.hasAreaPopup&&(this.isSubNavigationExpanded=!0)}handleBackClick(i){i.stopPropagation(),this.isSubNavigationExpanded=!1}enableAttributePassing(i,t){const s=null==i?void 0:i.closest(t);if(i&&s){const t=s.attributes;for(let a=0;a<t.length;a++){const h=t.item(a);if(h&&"data-density"!==h.name&&(h.name.startsWith("data-")||h.name.startsWith("aria-")))i.setAttribute(h.name,h.value),s.removeAttribute(h.name);else if(h&&"data-density"!==h.name&&"class"!==h.name&&"style"===h.name)i.setAttribute(h.name,h.value),s.removeAttribute(h.name);else if(h&&"class"===h.name){const t=h.value.includes("hydrated"),a=h.value.replace("hydrated","").trim(),n=i.getAttribute("class");i.setAttribute(h.name,`${n?`${n} `:""}${a}`),t?s.setAttribute("class","hydrated"):s.removeAttribute(h.name)}}}}watch0Fn(){void 0!==this.subNavigationExpanded&&(this.isSubNavigationExpanded=!!o(this.subNavigationExpanded,"subNavigationExpanded"))}watch0(){this.watch0Fn()}watch1Fn(){var i;if(this.initialized&&this._ref){const t=this._ref.querySelector("menu");t&&((null===(i=t.children)||void 0===i?void 0:i.length)>0?(this.hasAreaPopup=!0,this.navigationItemSafeTriangle||(this.navigationItemSafeTriangle=new e(this._ref,t))):this.hasSubNavigation=!1)}}watch1(){this.watch1Fn()}componentDidLoad(){this.enableAttributePassing(this._ref,"db-navigation-item"),this.initialized=!0,this.watch0Fn(),this.watch1Fn()}render(){var i,t,n;return s("li",{key:"dd524f6e6fa61adfb6d87591d1dbff6ba2e8f4fa",class:l("db-navigation-item",this.className),ref:i=>{this._ref=i},id:null!==(i=this.id)&&void 0!==i?i:null===(t=this.propOverrides)||void 0===t?void 0:t.id,onMouseOver:()=>{var i;return null===(i=this.navigationItemSafeTriangle)||void 0===i?void 0:i.enableFollow()},onMouseLeave:()=>{var i;return null===(i=this.navigationItemSafeTriangle)||void 0===i?void 0:i.disableFollow()},onMouseMove:i=>{var t;return null===(t=this.navigationItemSafeTriangle)||void 0===t?void 0:t.followByMouseEvent(i)},"data-width":this.width,"data-icon":this.icon,"data-show-icon":d(this.showIcon),"data-active":this.active,"data-wrap":d(this.wrap),"aria-disabled":d(this.disabled)},this.hasSubNavigation?null:this.text?this.text:s("slot",null),this.hasSubNavigation?s(a,null,s("button",{class:"db-navigation-item-expand-button","aria-haspopup":this.hasAreaPopup,"aria-expanded":this.isSubNavigationExpanded,disabled:o(this.disabled,"disabled"),onClick:i=>this.handleClick(i)},this.text?this.text:s("slot",null)),s("menu",{class:"db-sub-navigation","data-force-close":this.autoClose,onClick:i=>this.handleNavigationItemClick(i)},this.hasAreaPopup?s("div",{class:"db-mobile-navigation-back"},s("db-button",{icon:"arrow_left",variant:"ghost",id:this.backButtonId,onClick:i=>this.handleBackClick(i)},null!==(n=this.backButtonText)&&void 0!==n?n:h)):null,s("slot",{name:"subNavigation"}))):null)}static get watchers(){return{subNavigationExpanded:[{watch0:0}],initialized:[{watch1:0}],_ref:[{watch1:0}]}}};export{r as db_navigation_item}