@kubex/zinc 1.1.53 → 1.1.54

package/dist/custom-elements.json

@@ -40688,7 +40688,7 @@
   "package": {
     "name": "@kubex/zinc",
     "description": "A collection of web components for building web applications based off of @shoelace-style/Shoelace",
-    "version": "1.1.53",
+    "version": "1.1.54",
     "author": "",
     "license": "MIT"
   }

package/dist/web-types.json

@@ -1,7 +1,7 @@
 {
   "$schema": "https://raw.githubusercontent.com/JetBrains/web-types/master/schema/web-types.json",
   "name": "@kubex/zinc",
-  "version": "1.1.53",
+  "version": "1.1.54",
   "description-markup": "markdown",
   "contributions": {
     "html": {

package/dist/zn.min.js

@@ -1236,7 +1236,7 @@ import{a as _n,b as O1,c as ar,d as c,e as V}from"./chunks/zn.UBLZO6CI.js";var H
           :host {
             --max-width: 100%;
           }
-        </style>${h}`:h}};Ie.styles=T(Zb),c([p({attribute:"full-location"})],Ie.prototype,"fullLocation",2),c([p({attribute:"entity-id"})],Ie.prototype,"entityId",2),c([p({attribute:"entity-id-show",type:Boolean})],Ie.prototype,"entityIdShow",2),c([p({type:Boolean})],Ie.prototype,"transparent",2),c([p()],Ie.prototype,"caption",2),c([p()],Ie.prototype,"icon",2),c([p({type:Array})],Ie.prototype,"navigation",2),c([p({attribute:"full-width",type:Boolean})],Ie.prototype,"fullWidth",2),c([p({attribute:"previous-path"})],Ie.prototype,"previousPath",2),c([p({attribute:"previous-target"})],Ie.prototype,"previousTarget",2),c([p({attribute:"hide-breadcrumb",type:Boolean})],Ie.prototype,"hideBreadcrumb",2),c([K("navigation",{waitUntilFirstUpdate:!0})],Ie.prototype,"updateNav",1);var Nh=Ie;Ie.define("zn-header");var tv=A`@keyframes rotate-gradient{from{--rotate:0deg}to{--rotate:360deg}}:host{text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-transform:none}:host *,:host *::before,:host *::after{box-sizing:border-box;border-width:0;border-style:solid;border-color:rgb(var(--zn-border-color))}[hidden]{display:none !important}.width-container,.form-container,.wide-form-container{height:100%;width:100%;margin:var(--zn-default-margin,0 auto)}.width-container{max-width:var(--zn-container)}.form-container{max-width:var(--zn-container-ph)}.wide-form-container{max-width:var(--zn-container-lg)}@container (width > 1024px){:host{--zn-gutter:16px}}@container (width > 1400px){:host{--zn-gutter:24px}}@container (width > 1500px){:host{--zn-gutter:32px}}:host{display:block;--navbar-active-colour:var(--zn-active-nav-background,var(--zn-page-content-background,var(--zn-page-surface-background,var(--zn-body))))}:host ul.navbar{padding:0;margin-inline:var(--zn-spacing-small)}:host ul.navbar--color-body{background-color:rgb(var(--zn-color-body))}:host([gutter]) ul.navbar{margin:0 calc(var(--zn-gutter,0) + var(--zn-base-gap,0))}:host([hover]){position:absolute;transform:translateY(-100%)}:host([hover]) ul.navbar{position:relative}:host([hover]) ul.navbar li{z-index:2}:host([hover]) ul.navbar::after{z-index:1;content:"";position:absolute;inset:0;border-radius:6px 6px 0 0;background-color:rgb(var(--zn-body))}:host([hover]) ul.navbar::before{z-index:1;content:"";position:absolute;top:-2px;right:-2px;left:-2px;bottom:0;border-radius:10px;backdrop-filter:blur(2px) opacity(0.8)}:host([icon-only]) ul.navbar li{padding:0;width:36px;min-width:36px;justify-content:center}:host([icon-only]) ul.navbar li:hover:not(.active):not(.zn-tb-active):not(.more)::after{display:none}.navbar__container{display:flex;flex-direction:row;position:relative;justify-content:space-between}.navbar{margin:0}:host:not([stacked]) .navbar{margin:0 0 0 calc(var(--zn-gutter,0) + var(--zn-base-gap,0));padding-left:0}:host:not([stacked]) .navbar--flush{padding:0}ul.navbar li{padding-top:0;font-size:var(--zn-text-tab-link-font-size);line-height:var(--zn-text-tab-link-line-height);font-weight:var(--zn-text-tab-link-font-weight);white-space:nowrap;color:var(--zn-text-tab-link-color)}ul.navbar li a{text-decoration:none;color:inherit}:host([baseless]) .navbar__container{border-bottom:none}:host([stacked]){width:unset;height:100%;margin:0 0}:host([stacked]) .navbar__container{border-bottom:none;height:100%}:host([stacked]) ul.navbar.navbar--no-pad li{padding:0 !important}:host([stacked]) ul.navbar{padding:0;margin:0;flex-direction:column;gap:0}:host([stacked]) ul.navbar li{border-bottom:1px solid rgb(var(--zn-border-color));padding:var(--zn-base-px)}:host([stacked]) ul.navbar li.active:before,:host([stacked]) ul.navbar li.zn-tb-active:before{display:none}:host([stacked]) ul.navbar li.zn-tb-active{background-color:rgb(var(--zn-color-navigation))}:host([stacked]) ul.navbar li:hover:before{left:0;right:0}:host([stacked][slot=left]) ul.navbar--border{border-right:1px solid rgb(var(--zn-border-color))}:host([stacked][slot=right]) ul.navbar--border{border-left:1px solid rgb(var(--zn-border-color))}:host([panel]){background:rgb(var(--zn-panel))}:host([icon-bar]) ul.navbar{display:flex;flex-direction:row;gap:5px;padding:5px;border-radius:10px;margin:0;background:rgb(var(--zn-panel));border:1px solid rgb(var(--zn-border-color));flex-basis:100%;min-height:50px}:host([icon-bar]) ul.navbar li{flex-direction:column;border-radius:6px;flex-basis:100%;padding:5px 10px}:host([icon-bar]) ul.navbar li:before{display:none !important}:host([icon-bar]) ul.navbar li.active,:host([icon-bar]) ul.navbar li.zn-tb-active{background:rgba(0,0,0,0.03);color:rgb(var(--zn-primary))}:host([icon-bar]) ul.navbar li:hover{color:rgb(var(--zn-primary))}:host([icon-bar]) .navbar__container{border-bottom:0}.navbar__container--stacked.navbar__container--icon-bar{display:inline}ul.navbar.navbar--stacked.navbar--icon-bar{flex-direction:column;padding:0;gap:0}ul.navbar.navbar--stacked.navbar--icon-bar li{border-radius:0;align-items:flex-start;padding:8px}:host(:not([stacked]):not([icon-bar])) ul.navbar{height:40px;align-self:end}:host(:not([stacked]):not([icon-bar]):not([icon-only])) ul.navbar{min-width:200px}:host([icon-only]:not([stacked]):not([icon-bar])) ul.navbar{height:36px}:host([pad]) ul.navbar{padding:var(--zn-spacing-medium) var(--zn-spacing-medium) 0}:host(:not([stacked])) ul.navbar>li{border-right-width:1px;border-top-width:1px}:host(:not([stacked])) ul.navbar>li:first-of-type{border-left-width:1px;border-top-left-radius:6px}:host(:not([stacked])) ul.navbar>li:last-of-type{border-top-right-radius:6px}:host(:not([stacked])) ul.navbar>li.active,:host(:not([stacked])) ul.navbar>li.zn-tb-active{color:var(--zn-text-tab-link-active-color)}:host(:not([stacked])) ul.navbar>li.last-visible{border-top-right-radius:6px}:host(:not([stacked])) ul.navbar.has-hidden>li.more{border-top-right-radius:6px}:host(:not([stacked])) ul.navbar.more-only>li.more{border-left-width:1px;border-top-left-radius:6px}:host{display:block;width:100%}:host .navbar__container{border-bottom:1px solid rgb(var(--zn-border-color))}:host ul.navbar{display:flex;flex-basis:fit-content;gap:0;list-style:none}:host ul.navbar li.more{display:none}:host ul.navbar.has-hidden li.more{display:flex}:host ul.navbar li.hidden{visibility:hidden;position:absolute;pointer-events:none}:host ul.navbar li .closer{display:none}:host ul.navbar li{-webkit-user-select:none;-moz-user-select:none;user-select:none;font-weight:var(--zn-text-tab-link-font-weight);padding:0 calc(var(--zn-base-px,8px) * 2);background:rgb(var(--zn-color-tab));transition:background-color 100ms ease-in-out;position:relative}:host ul.navbar li:hover{background:rgba(var(--zn-color-tab),0.5)}:host ul.navbar li:hover::after{content:"";position:absolute;inset:0;border-radius:inherit;background:rgb(var(--navbar-active-colour));z-index:-1}:host ul.navbar li{display:flex;align-items:center;justify-content:center;gap:3px;cursor:pointer}:host ul.navbar li zn-icon,:host ul.navbar li zn-tooltip{pointer-events:none}:host ul.navbar li#dropdown-item{flex-grow:1;justify-content:flex-start;padding:0}:host ul.navbar li#dropdown-item zn-dropdown{height:100%}:host ul.navbar li#dropdown-item zn-dropdown zn-button{height:100%}:host ul.navbar li::before{content:"";left:50%;right:50%;bottom:-1px;position:absolute;background-color:rgb(var(--navbar-active-colour));transition:all 300ms ease-in-out;height:1px}:host ul.navbar li:hover:before:not(#dropdown-item){left:-2px;right:-2px}:host ul.navbar li.active,:host ul.navbar li.zn-tb-active{background:rgb(var(--navbar-active-colour));font-size:var(--zn-text-tab-link-active-font-size);line-height:var(--zn-text-tab-link-active-line-height);font-weight:var(--zn-text-tab-link-active-font-weight);color:var(--zn-text-tab-link-active-color)}:host ul.navbar li.active::before,:host ul.navbar li.zn-tb-active::before{left:0;right:0}:host ul.navbar li[closable] .closer{display:block;margin-left:10px;pointer-events:all;opacity:0.8}:host ul.navbar li[closable] .closer:hover{opacity:1}:host([small]){width:unset}:host([small]) ul.navbar{padding:0;gap:0;border-radius:5px}:host([small]) ul.navbar li{border-left:1px solid rgb(var(--zn-border-color));border-radius:0}:host([small]) ul.navbar li:first-of-type{border-left:none}button[popovertarget]{display:flex;justify-content:center;align-items:center}:host([highlight]){margin:0 0}:host([highlight]) .navbar__container{border-bottom-width:1px;border-bottom-style:solid;border-bottom-color:rgb(var(--zn-border-color));height:40px}:host([highlight]):host([dropdown]) li{border-bottom:0}:host([highlight]) ul.navbar{gap:0;overflow:initial}:host([highlight]) ul.navbar li{padding-left:var(--zn-spacing-medium);padding-right:var(--zn-spacing-medium);padding-top:var(--zn-spacing-small);position:relative}:host([highlight]) ul.navbar li:hover::before,:host([highlight]) ul.navbar li::before:not(.active):not(#dropdown-item){display:none}:host([highlight]) ul.navbar li.active{border-right:1px solid rgb(var(--zn-border-color))}:host([highlight]) ul.navbar li.active::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:1px;background-color:rgb(var(--navbar-active-colour))}:host([highlight]) .active{background-color:rgb(var(--navbar-active-colour))}:host([dropdown]) ul.navbar li{border-bottom:1px solid rgb(var(--zn-border-color));border-right:1px solid rgb(var(--zn-border-color));border-right:1px solid rgb(var(--zn-border-color));border-left:0}:host([dropdown]) ul.navbar li.active{border-bottom:0}:host([dropdown]) ul.navbar li:before{display:none}:host([dropdown]) ul.navbar li#dropdown-item{border-right:0}.expandables{flex-grow:0;flex-shrink:0;margin:0;display:flex;gap:var(--zn-spacing-x-small);padding-right:calc(var(--zn-gutter,0) + var(--zn-base-gap,0))}.expandables:empty{display:none}:host ul.navbar li.more{padding:0;width:40px;min-width:40px}:host ul.navbar li.more zn-dropdown,:host ul.navbar li.more zn-button[slot=trigger]{height:100%;width:100%}:host ul.navbar li.more zn-button[slot=trigger] zn-icon{transition:transform 200ms ease-in-out;--icon-color:var(--zn-text-tab-link-color)}:host ul.navbar li.more zn-dropdown[open] zn-button[slot=trigger] zn-icon{transform:rotate(90deg);--icon-color:var(--zn-text-tab-link-active-color)}:host ul.navbar li.more:has(zn-dropdown[open]){background:rgb(var(--zn-panel))}:host ul.navbar li.more:has(zn-dropdown[open])::after{content:"";position:absolute;inset:auto 0 -1px 0;height:1px;border-radius:0;background:rgb(var(--zn-panel));z-index:1}:host ul.navbar li.more zn-button::part(base){height:100%;padding-left:0;padding-right:0;outline:none}:host ul.navbar li.more zn-button::part(base):hover{background-color:transparent}:host ul.navbar li.more ul#extended-menu{--navbar-more-trigger-width:40px;box-shadow:0 4px 8px -4px rgba(33,33,33,0.1);border:1px solid rgb(var(--zn-border-color));border-top:0;border-radius:0 0 var(--zn-border-radius) var(--zn-border-radius);overflow:hidden;position:relative;inset-inline-end:-1px}:host ul.navbar li.more ul#extended-menu::before{content:"";position:absolute;inset:0 calc(var(--navbar-more-trigger-width) - 2px) auto 0;height:1px;background:rgb(var(--zn-border-color));z-index:2}:host ul.navbar li.more ul#extended-menu{background:rgb(var(--zn-panel));display:flex;flex-direction:column;height:auto;width:-moz-fit-content;width:fit-content;min-width:var(--zn-size-spanel);margin:-1px 0 0;padding:1px}:host ul.navbar li.more ul#extended-menu li{justify-content:left;background:rgb(var(--zn-panel));font-size:var(--zn-text-menu-link-font-size);line-height:var(--zn-text-menu-link-line-height);font-weight:var(--zn-text-menu-link-font-weight);color:var(--zn-text-menu-link-color);padding:var(--zn-spacing-small) var(--zn-spacing-medium)}:host ul.navbar li.more ul#extended-menu li:hover{background:linear-gradient(rgba(0,0,0,0.06),rgba(0,0,0,0.06)),rgb(var(--zn-panel))}:host ul.navbar li.more ul#extended-menu li.active,:host ul.navbar li.more ul#extended-menu li.zn-tb-active{font-weight:var(--zn-text-tab-link-font-weight);color:var(--zn-text-tab-link-color)}:host ul.navbar li.more ul#extended-menu li.active::before,:host ul.navbar li.more ul#extended-menu li.zn-tb-active::before{left:0;right:0}`;var WS=200,Nt=class extends C{constructor(){super();this.navigation=[];this.flush=!1;this.gutter=!1;this.dropdown=[];this.manualAddItems=!1;this.isolated=!1;this.storeKey="";this.storeTtl=0;this._preItems=[];this._postItems=[];this._expanding=[];this._openedTabs=[];this._itemsObserver=new Pt(this,{target:null,config:{childList:!0},callback:()=>this._updateVisibility()});this._navItems=null;this._expandable=null;this._extendedMenu=null;this._cloneSources=new WeakMap;this._lightDomClones=new WeakMap;this._navItemsGap=0;this._expandableMargin=0;this._totalItemWidth=0;this._resizeFrame=null;this._expandingActionObserver=new Pt(this,{target:null,config:{attributes:!0,attributeFilter:["open","method","basis"]},callback:()=>this._scheduleResize()});this._scheduleResize=()=>{this._resizeFrame!==null&&cancelAnimationFrame(this._resizeFrame),this._resizeFrame=requestAnimationFrame(()=>{this._resizeFrame=null,this.handleResize()})};this._updateVisibility=()=>{if(this._expanding.length>0){this.style.display="";return}let t=this.itemCount();t===0||t<2&&this.hideOne?this.style.display="none":this.style.display=""};this.handleResize=()=>{if(this._extendedMenu===null||this.iconBar||this.stacked)return;let t=this._resolveAvailableWidth(),r=this._getExpandableWidth(t);if(this._totalItemWidth=this._measureTotalItemWidth(),this._totalItemWidth===0)return;let n=(this._navItems?.querySelectorAll("li.hidden").length||0)>0,a=this._navItems?this._getHorizontalSpacing(this._navItems):0,l=Math.max(t-r,WS)-a;if(!n&&this._totalItemWidth<=l){this._navItems?.classList.toggle("has-hidden",!1),this._syncLastVisibleItem();return}let d=this._getMoreItemWidth(),h=l-d,m=0,f=!1,b=this._navItems?.querySelectorAll(":scope > li")||[];this._extendedMenu.innerHTML="";for(let g of b){if(g.classList.contains("more")||!(g instanceof HTMLElement))continue;let v=this._getItemWidth(g);if(f||v+m>h){let x=g.cloneNode(!0);x.classList.remove("hidden"),this._cloneSources.set(x,g),x.addEventListener("click",()=>{g.click(),(this.shadowRoot?.querySelector("#extended-dropdown")||null)?.hide()}),this._extendedMenu?.appendChild(x),g.classList.add("hidden"),n=!0,f=!0}else g.classList.remove("hidden"),m+=v}this._navItems?.classList.toggle("has-hidden",n&&f),this._syncLastVisibleItem()};this._syncExtendedActive=()=>{let t=this._extendedMenu?.querySelectorAll(":scope > li")||[];for(let r of t){let n=this._cloneSources.get(r);n&&(r.classList.toggle("active",n.classList.contains("active")),r.classList.toggle("zn-tb-active",n.classList.contains("zn-tb-active")))}};this.handleClick=t=>{let r=t.composedPath(),n=this.isolated?"data-tab":"tab",a=r.find(s=>s instanceof HTMLElement&&s.tagName==="LI"&&(s.hasAttribute(n)||s.hasAttribute("tab-uri")));a&&(t.stopPropagation(),this.emit("zn-select",{detail:{item:a}}))};this._resizeController=new Qt(this,{callback:()=>this._scheduleResize()}),new Pt(this,{config:{childList:!0},callback:t=>this._adoptNewLightItems(t)})}appendItem(t){this._appended=[...this._appended||[],t]}_cloneLightItem(t){let r=this._lightDomClones.get(t);if(r)return r;let n=t.cloneNode(!0);return this._cloneSources.set(n,t),this._lightDomClones.set(t,n),n.addEventListener("click",()=>t.click()),n}_syncLightDomItems(){let t=[],r=[];Array.from(this.children).forEach(n=>{if(!(n instanceof HTMLElement)||n.tagName!=="LI")return;let a=this._cloneLightItem(n);n.hasAttribute("suffix")?r.push(a):t.push(a)}),this._preItems=t,this._postItems=r}addExpandingAction(t){this._expanding.includes(t)||(this._expanding=[...this._expanding,t]),t.parentElement!==this&&this.appendChild(t),this.requestUpdate(),this._updateVisibility(),this._observeExpandingAction(t),this._scheduleResize()}_observeExpandingAction(t){this._expandingActionObserver.observe(t),this._resizeController.observe(t)}_adoptNewLightItems(t){for(let r of t)for(let n of Array.from(r.addedNodes))n instanceof Element&&n.tagName==="ZN-EXPANDING-ACTION"&&this.addExpandingAction(n);t.some(r=>Array.from(r.addedNodes).some(n=>n instanceof HTMLLIElement)||Array.from(r.removedNodes).some(n=>n instanceof HTMLLIElement))&&(this._syncLightDomItems(),this.requestUpdate())}connectedCallback(){super.connectedCallback(),this._syncLightDomItems(),this._expanding=Array.from(this.querySelectorAll("zn-expanding-action")),this.masterId||(this.masterId=this.storeKey||Math.floor(Math.random()*1e6).toString()),this.storeKey&&this.storeTtl===0&&(this.storeTtl=300),this._store=new sr(this.localStorage?window.localStorage:window.sessionStorage,"znnav:",this.storeTtl)}itemCount(){return(this._navItems?.querySelectorAll(":scope > li:not(.more):not(#dropdown-item)")||[]).length}_resolveAvailableWidth(){let t=this.parentElement,r=this.offsetWidth||t?.offsetWidth||0;for(;r===0&&t?.parentElement;)t=t.parentElement,r=t.offsetWidth||0;return r}_measureTotalItemWidth(){let t=this._navItems?.querySelectorAll(":scope > li")||[],r=0;for(let n of t)n.classList.contains("more")||!(n instanceof HTMLElement)||(r+=this._getItemWidth(n));return r}_getItemWidth(t){return(t.getBoundingClientRect().width||t.offsetWidth||0)+this._navItemsGap+5}_getHorizontalSpacing(t){let r=getComputedStyle(t);return(parseFloat(r.paddingLeft)||0)+(parseFloat(r.paddingRight)||0)}_getMoreItemWidth(){let t=this._navItems?.querySelector(":scope > li.more");if(!t||!this._navItems)return 0;let r=this._getItemWidth(t);if(r>0)return r;let n=this._navItems.classList.contains("has-hidden");return this._navItems.classList.add("has-hidden"),r=this._getItemWidth(t),this._navItems.classList.toggle("has-hidden",n),r}_syncLastVisibleItem(){let t=this._navItems?.querySelectorAll(":scope > li")||[],r=null;for(let n of t)n.classList.remove("last-visible"),!(n.classList.contains("more")||n.classList.contains("hidden")||n.id==="dropdown-item")&&(r=n);r?.classList.add("last-visible"),this._navItems?.classList.toggle("more-only",!r&&this._navItems.classList.contains("has-hidden"))}_getExpandableWidth(t){let r=this._expandableMargin+(this._expandable?.getBoundingClientRect().width||this._expandable?.offsetWidth||0),n=0;for(let a of this._expanding){if(!(a instanceof HTMLElement))continue;let s=a.method||a.getAttribute("method")||"drop",l=!!(a.open||a.hasAttribute("open"));if(s!=="fill"||!l)continue;let h=a.shadowRoot?.querySelector(".expanding-action--fill")?.getBoundingClientRect().width||0;n=Math.max(n,h,Math.min(t,800))}return Math.max(r,n)}addItem(t,r=!0){let n=t.getAttribute("tab-uri");if(typeof n!="string"||this._openedTabs.includes(n))return;this._openedTabs.push(n);let a=this.shadowRoot?.querySelector("ul"),s=this.shadowRoot?.querySelector('[id="dropdown-item"]');r&&s&&(s.querySelector("zn-dropdown")?.hide(),this._saveTabToStorage({uri:n,title:t.innerText})),s?a?.insertBefore(t,s):a?.appendChild(t),this._updateVisibility()}firstUpdated(t){if(super.firstUpdated(t),this._extendedMenu=this.shadowRoot?.querySelector("#extended-menu")||null,this.shadowRoot?.querySelector("#extended-dropdown")?.addEventListener("zn-show",this._syncExtendedActive),this._expandable=this.shadowRoot?.querySelector(".navbar__container > div.expandables")||null,this._expandable){let r=getComputedStyle(this._expandable);this._expandableMargin=(parseFloat(r.marginLeft)||0)+(parseFloat(r.marginRight)||0),this._resizeController.observe(this._expandable)}if(this._navItems=this.shadowRoot?.querySelector(".navbar__container > ul")||null,this._navItems){let r=getComputedStyle(this._navItems);this._navItemsGap=parseFloat(r.columnGap)||0,this._resizeController.observe(this._navItems),this._navItems.addEventListener("click",n=>{let a=n.target.closest("li[tab-uri]");if(a&&this.storeKey){let s=a.getAttribute("tab-uri");s&&this._store.set(this.storeKey+":active",s)}})}if(this._loadStoredTabs(),this._navItems&&this._itemsObserver.observe(this._navItems),this._expanding.forEach(r=>this._observeExpandingAction(r)),this._updateVisibility(),setTimeout(()=>{this.handleResize()},100),this.dropdown.length>0){let r=this.shadowRoot?.querySelector("zn-menu");r&&r.addEventListener("zn-menu-select",n=>{if(this.manualAddItems)return;if(n.detail.element.hasAttribute("data-path")){let s=document.createElement("li");s.setAttribute("tab-uri",n.detail.element.getAttribute("data-path")),s.innerText=n.detail.value,this.addItem(s,!0),setTimeout(()=>{s.click()},300)}})}}_loadStoredTabs(){if(!this.storeKey||!this._store)return;let t=this._store.get(this.storeKey),r=this._store.get(this.storeKey+":active");if(t)try{let n=JSON.parse(t);Array.isArray(n)&&n.forEach(a=>{if(a.uri&&a.title){let s=document.createElement("li");s.setAttribute("tab-uri",a.uri),s.innerText=a.title,this.addItem(s,!1),r&&a.uri===r&&setTimeout(()=>{s.click()},100)}})}catch(n){console.warn("ZnNavbar: Failed to load stored tabs",n)}}_saveTabToStorage(t){if(!(!this.storeKey||!this._store))try{let r=this._store.get(this.storeKey),n=[];r&&(n=JSON.parse(r)),n.some(a=>a.uri===t.uri)||(n.push(t),this._store.set(this.storeKey,JSON.stringify(n)))}catch(r){console.warn("ZnNavbar: Failed to save tab",r)}}updated(t){super.updated(t),(t.has("hideOne")||t.has("navigation")||t.has("_appended"))&&this._updateVisibility()}render(){return this.navigation||(this.navigation=[]),u`
+        </style>${h}`:h}};Ie.styles=T(Zb),c([p({attribute:"full-location"})],Ie.prototype,"fullLocation",2),c([p({attribute:"entity-id"})],Ie.prototype,"entityId",2),c([p({attribute:"entity-id-show",type:Boolean})],Ie.prototype,"entityIdShow",2),c([p({type:Boolean})],Ie.prototype,"transparent",2),c([p()],Ie.prototype,"caption",2),c([p()],Ie.prototype,"icon",2),c([p({type:Array})],Ie.prototype,"navigation",2),c([p({attribute:"full-width",type:Boolean})],Ie.prototype,"fullWidth",2),c([p({attribute:"previous-path"})],Ie.prototype,"previousPath",2),c([p({attribute:"previous-target"})],Ie.prototype,"previousTarget",2),c([p({attribute:"hide-breadcrumb",type:Boolean})],Ie.prototype,"hideBreadcrumb",2),c([K("navigation",{waitUntilFirstUpdate:!0})],Ie.prototype,"updateNav",1);var Nh=Ie;Ie.define("zn-header");var tv=A`@keyframes rotate-gradient{from{--rotate:0deg}to{--rotate:360deg}}:host{text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-transform:none}:host *,:host *::before,:host *::after{box-sizing:border-box;border-width:0;border-style:solid;border-color:rgb(var(--zn-border-color))}[hidden]{display:none !important}.width-container,.form-container,.wide-form-container{height:100%;width:100%;margin:var(--zn-default-margin,0 auto)}.width-container{max-width:var(--zn-container)}.form-container{max-width:var(--zn-container-ph)}.wide-form-container{max-width:var(--zn-container-lg)}@container (width > 1024px){:host{--zn-gutter:16px}}@container (width > 1400px){:host{--zn-gutter:24px}}@container (width > 1500px){:host{--zn-gutter:32px}}:host{display:block;--navbar-active-colour:var(--zn-active-nav-background,var(--zn-page-content-background,var(--zn-page-surface-background,var(--zn-body))))}:host ul.navbar{padding:0;margin-inline:var(--zn-spacing-small)}:host ul.navbar--color-body{background-color:rgb(var(--zn-color-body))}:host([gutter]) ul.navbar{margin:0 calc(var(--zn-gutter,0) + var(--zn-base-gap,0))}:host([hover]){position:absolute;transform:translateY(-100%)}:host([hover]) ul.navbar{position:relative}:host([hover]) ul.navbar li{z-index:2}:host([hover]) ul.navbar::after{z-index:1;content:"";position:absolute;inset:0;border-radius:6px 6px 0 0;background-color:rgb(var(--zn-body))}:host([hover]) ul.navbar::before{z-index:1;content:"";position:absolute;top:-2px;right:-2px;left:-2px;bottom:0;border-radius:10px;backdrop-filter:blur(2px) opacity(0.8)}:host([icon-only]) ul.navbar li{padding:0;width:36px;min-width:36px;justify-content:center}:host([icon-only]) ul.navbar li:hover:not(.active):not(.zn-tb-active):not(.more)::after{display:none}.navbar__container{display:flex;flex-direction:row;position:relative;justify-content:space-between}.navbar{margin:0}:host:not([stacked]) .navbar{margin:0 0 0 calc(var(--zn-gutter,0) + var(--zn-base-gap,0));padding-left:0}:host:not([stacked]) .navbar--flush{padding:0}ul.navbar li{padding-top:0;font-size:var(--zn-text-tab-link-font-size);line-height:var(--zn-text-tab-link-line-height);font-weight:var(--zn-text-tab-link-font-weight);white-space:nowrap;color:var(--zn-text-tab-link-color)}ul.navbar li a{text-decoration:none;color:inherit}:host([baseless]) .navbar__container{border-bottom:none}:host([stacked]){width:unset;height:100%;margin:0 0}:host([stacked]) .navbar__container{border-bottom:none;height:100%}:host([stacked]) ul.navbar.navbar--no-pad li{padding:0 !important}:host([stacked]) ul.navbar{padding:0;margin:0;flex-direction:column;gap:0}:host([stacked]) ul.navbar li{border-bottom:1px solid rgb(var(--zn-border-color));padding:var(--zn-base-px)}:host([stacked]) ul.navbar li.active:before,:host([stacked]) ul.navbar li.zn-tb-active:before{display:none}:host([stacked]) ul.navbar li.zn-tb-active{background-color:rgb(var(--zn-color-navigation))}:host([stacked]) ul.navbar li:hover:before{left:0;right:0}:host([stacked][slot=left]) ul.navbar--border{border-right:1px solid rgb(var(--zn-border-color))}:host([stacked][slot=right]) ul.navbar--border{border-left:1px solid rgb(var(--zn-border-color))}:host([panel]){background:rgb(var(--zn-panel))}:host([icon-bar]) ul.navbar{display:flex;flex-direction:row;gap:5px;padding:5px;border-radius:10px;margin:0;background:rgb(var(--zn-panel));border:1px solid rgb(var(--zn-border-color));flex-basis:100%;min-height:50px}:host([icon-bar]) ul.navbar li{flex-direction:column;border-radius:6px;flex-basis:100%;padding:5px 10px}:host([icon-bar]) ul.navbar li:before{display:none !important}:host([icon-bar]) ul.navbar li.active,:host([icon-bar]) ul.navbar li.zn-tb-active{background:rgba(0,0,0,0.03);color:rgb(var(--zn-primary))}:host([icon-bar]) ul.navbar li:hover{color:rgb(var(--zn-primary))}:host([icon-bar]) .navbar__container{border-bottom:0}.navbar__container--stacked.navbar__container--icon-bar{display:inline}ul.navbar.navbar--stacked.navbar--icon-bar{flex-direction:column;padding:0;gap:0}ul.navbar.navbar--stacked.navbar--icon-bar li{border-radius:0;align-items:flex-start;padding:8px}:host(:not([stacked]):not([icon-bar])) ul.navbar{height:40px;align-self:end}:host(:not([stacked]):not([icon-bar]):not([icon-only])) ul.navbar{min-width:200px}:host([icon-only]:not([stacked]):not([icon-bar])) ul.navbar{height:36px}:host([pad]) ul.navbar{padding:var(--zn-spacing-medium) var(--zn-spacing-medium) 0}:host(:not([stacked])) ul.navbar>li{border-right-width:1px;border-top-width:1px}:host(:not([stacked])) ul.navbar>li:first-of-type{border-left-width:1px;border-top-left-radius:6px}:host(:not([stacked])) ul.navbar>li:last-of-type{border-top-right-radius:6px}:host(:not([stacked])) ul.navbar>li.active,:host(:not([stacked])) ul.navbar>li.zn-tb-active{color:var(--zn-text-tab-link-active-color)}:host(:not([stacked])) ul.navbar:not(.has-hidden)>li.last-visible{border-top-right-radius:6px}:host(:not([stacked])) ul.navbar.has-hidden>li.more{border-top-right-radius:6px}:host(:not([stacked])) ul.navbar.more-only>li.more{border-left-width:1px;border-top-left-radius:6px}:host{display:block;width:100%}:host .navbar__container{border-bottom:1px solid rgb(var(--zn-border-color))}:host ul.navbar{display:flex;flex-basis:fit-content;gap:0;list-style:none}:host ul.navbar li.more{display:none}:host ul.navbar.has-hidden li.more{display:flex}:host ul.navbar li.hidden{visibility:hidden;position:absolute;pointer-events:none}:host ul.navbar li .closer{display:none}:host ul.navbar li{-webkit-user-select:none;-moz-user-select:none;user-select:none;font-weight:var(--zn-text-tab-link-font-weight);padding:0 calc(var(--zn-base-px,8px) * 2);background:rgb(var(--zn-color-tab));transition:background-color 100ms ease-in-out;position:relative}:host ul.navbar li:hover{background:rgba(var(--zn-color-tab),0.5)}:host ul.navbar li:hover::after{content:"";position:absolute;inset:0;border-radius:inherit;background:rgb(var(--navbar-active-colour));z-index:-1}:host ul.navbar li{display:flex;align-items:center;justify-content:center;gap:3px;cursor:pointer}:host ul.navbar li zn-icon,:host ul.navbar li zn-tooltip{pointer-events:none}:host ul.navbar li#dropdown-item{flex-grow:1;justify-content:flex-start;padding:0}:host ul.navbar li#dropdown-item zn-dropdown{height:100%}:host ul.navbar li#dropdown-item zn-dropdown zn-button{height:100%}:host ul.navbar li::before{content:"";left:50%;right:50%;bottom:-1px;position:absolute;background-color:rgb(var(--navbar-active-colour));transition:all 300ms ease-in-out;height:1px}:host ul.navbar li:hover:before:not(#dropdown-item){left:-2px;right:-2px}:host ul.navbar li.active,:host ul.navbar li.zn-tb-active{background:rgb(var(--navbar-active-colour));font-size:var(--zn-text-tab-link-active-font-size);line-height:var(--zn-text-tab-link-active-line-height);font-weight:var(--zn-text-tab-link-active-font-weight);color:var(--zn-text-tab-link-active-color)}:host ul.navbar li.active::before,:host ul.navbar li.zn-tb-active::before{left:0;right:0}:host ul.navbar li[closable] .closer{display:block;margin-left:10px;pointer-events:all;opacity:0.8}:host ul.navbar li[closable] .closer:hover{opacity:1}:host([small]){width:unset}:host([small]) ul.navbar{padding:0;gap:0;border-radius:5px}:host([small]) ul.navbar li{border-left:1px solid rgb(var(--zn-border-color));border-radius:0}:host([small]) ul.navbar li:first-of-type{border-left:none}button[popovertarget]{display:flex;justify-content:center;align-items:center}:host([highlight]){margin:0 0}:host([highlight]) .navbar__container{border-bottom-width:1px;border-bottom-style:solid;border-bottom-color:rgb(var(--zn-border-color));height:40px}:host([highlight]):host([dropdown]) li{border-bottom:0}:host([highlight]) ul.navbar{gap:0;overflow:initial}:host([highlight]) ul.navbar li{padding-left:var(--zn-spacing-medium);padding-right:var(--zn-spacing-medium);padding-top:var(--zn-spacing-small);position:relative}:host([highlight]) ul.navbar li:hover::before,:host([highlight]) ul.navbar li::before:not(.active):not(#dropdown-item){display:none}:host([highlight]) ul.navbar li.active{border-right:1px solid rgb(var(--zn-border-color))}:host([highlight]) ul.navbar li.active::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:1px;background-color:rgb(var(--navbar-active-colour))}:host([highlight]) .active{background-color:rgb(var(--navbar-active-colour))}:host([dropdown]) ul.navbar li{border-bottom:1px solid rgb(var(--zn-border-color));border-right:1px solid rgb(var(--zn-border-color));border-right:1px solid rgb(var(--zn-border-color));border-left:0}:host([dropdown]) ul.navbar li.active{border-bottom:0}:host([dropdown]) ul.navbar li:before{display:none}:host([dropdown]) ul.navbar li#dropdown-item{border-right:0}.expandables{flex-grow:0;flex-shrink:0;margin:0;display:flex;gap:var(--zn-spacing-x-small);padding-right:calc(var(--zn-gutter,0) + var(--zn-base-gap,0))}.expandables:empty{display:none}:host ul.navbar li.more{padding:0;width:40px;min-width:40px}:host ul.navbar li.more zn-dropdown,:host ul.navbar li.more zn-button[slot=trigger]{height:100%;width:100%}:host ul.navbar li.more zn-button[slot=trigger] zn-icon{transition:transform 200ms ease-in-out;--icon-color:var(--zn-text-tab-link-color)}:host ul.navbar li.more zn-dropdown[open] zn-button[slot=trigger] zn-icon{transform:rotate(90deg);--icon-color:var(--zn-text-tab-link-active-color)}:host ul.navbar li.more:has(zn-dropdown[open]){background:rgb(var(--zn-panel))}:host ul.navbar li.more:has(zn-dropdown[open])::after{content:"";position:absolute;inset:auto 0 -1px 0;height:1px;border-radius:0;background:rgb(var(--zn-panel));z-index:1}:host ul.navbar li.more zn-button::part(base){height:100%;padding-left:0;padding-right:0;outline:none}:host ul.navbar li.more zn-button::part(base):hover{background-color:transparent}:host ul.navbar li.more ul#extended-menu{--navbar-more-trigger-width:40px;box-shadow:0 4px 8px -4px rgba(33,33,33,0.1);border:1px solid rgb(var(--zn-border-color));border-top:0;border-radius:0 0 var(--zn-border-radius) var(--zn-border-radius);overflow:hidden;position:relative;inset-inline-end:-1px}:host ul.navbar li.more ul#extended-menu::before{content:"";position:absolute;inset:0 calc(var(--navbar-more-trigger-width) - 2px) auto 0;height:1px;background:rgb(var(--zn-border-color));z-index:2}:host ul.navbar li.more ul#extended-menu{background:rgb(var(--zn-panel));display:flex;flex-direction:column;height:auto;width:-moz-fit-content;width:fit-content;min-width:var(--zn-size-spanel);margin:-1px 0 0;padding:1px}:host ul.navbar li.more ul#extended-menu li{justify-content:left;background:rgb(var(--zn-panel));font-size:var(--zn-text-menu-link-font-size);line-height:var(--zn-text-menu-link-line-height);font-weight:var(--zn-text-menu-link-font-weight);color:var(--zn-text-menu-link-color);padding:var(--zn-spacing-small) var(--zn-spacing-medium)}:host ul.navbar li.more ul#extended-menu li:hover{background:linear-gradient(rgba(0,0,0,0.06),rgba(0,0,0,0.06)),rgb(var(--zn-panel))}:host ul.navbar li.more ul#extended-menu li.active,:host ul.navbar li.more ul#extended-menu li.zn-tb-active{font-weight:var(--zn-text-tab-link-font-weight);color:var(--zn-text-tab-link-color)}:host ul.navbar li.more ul#extended-menu li.active::before,:host ul.navbar li.more ul#extended-menu li.zn-tb-active::before{left:0;right:0}`;var WS=200,Nt=class extends C{constructor(){super();this.navigation=[];this.flush=!1;this.gutter=!1;this.dropdown=[];this.manualAddItems=!1;this.isolated=!1;this.storeKey="";this.storeTtl=0;this._preItems=[];this._postItems=[];this._expanding=[];this._openedTabs=[];this._itemsObserver=new Pt(this,{target:null,config:{childList:!0},callback:()=>this._updateVisibility()});this._navItems=null;this._expandable=null;this._extendedMenu=null;this._cloneSources=new WeakMap;this._lightDomClones=new WeakMap;this._navItemsGap=0;this._expandableMargin=0;this._totalItemWidth=0;this._resizeFrame=null;this._expandingActionObserver=new Pt(this,{target:null,config:{attributes:!0,attributeFilter:["open","method","basis"]},callback:()=>this._scheduleResize()});this._scheduleResize=()=>{this._resizeFrame!==null&&cancelAnimationFrame(this._resizeFrame),this._resizeFrame=requestAnimationFrame(()=>{this._resizeFrame=null,this.handleResize()})};this._updateVisibility=()=>{if(this._expanding.length>0){this.style.display="";return}let t=this.itemCount();t===0||t<2&&this.hideOne?this.style.display="none":this.style.display=""};this.handleResize=()=>{if(this._extendedMenu===null||this.iconBar||this.stacked)return;let t=this._resolveAvailableWidth(),r=this._getExpandableWidth(t);if(this._totalItemWidth=this._measureTotalItemWidth(),this._totalItemWidth===0)return;let n=(this._navItems?.querySelectorAll("li.hidden").length||0)>0,a=this._navItems?this._getHorizontalSpacing(this._navItems):0,l=Math.max(t-r,WS)-a;if(!n&&this._totalItemWidth<=l){this._navItems?.classList.toggle("has-hidden",!1),this._syncLastVisibleItem();return}let d=this._getMoreItemWidth(),h=l-d,m=0,f=!1,b=this._navItems?.querySelectorAll(":scope > li")||[];this._extendedMenu.innerHTML="";for(let g of b){if(g.classList.contains("more")||!(g instanceof HTMLElement))continue;let v=this._getItemWidth(g);if(f||v+m>h){let x=g.cloneNode(!0);x.classList.remove("hidden"),this._cloneSources.set(x,g),x.addEventListener("click",()=>{g.click(),(this.shadowRoot?.querySelector("#extended-dropdown")||null)?.hide()}),this._extendedMenu?.appendChild(x),g.classList.add("hidden"),n=!0,f=!0}else g.classList.remove("hidden"),m+=v}this._navItems?.classList.toggle("has-hidden",n&&f),this._syncLastVisibleItem()};this._syncExtendedActive=()=>{let t=this._extendedMenu?.querySelectorAll(":scope > li")||[];for(let r of t){let n=this._cloneSources.get(r);n&&(r.classList.toggle("active",n.classList.contains("active")),r.classList.toggle("zn-tb-active",n.classList.contains("zn-tb-active")))}};this.handleClick=t=>{let r=t.composedPath(),n=this.isolated?"data-tab":"tab",a=r.find(s=>s instanceof HTMLElement&&s.tagName==="LI"&&(s.hasAttribute(n)||s.hasAttribute("tab-uri")));a&&(t.stopPropagation(),this.emit("zn-select",{detail:{item:a}}))};this._resizeController=new Qt(this,{callback:()=>this._scheduleResize()}),new Pt(this,{config:{childList:!0},callback:t=>this._adoptNewLightItems(t)})}appendItem(t){this._appended=[...this._appended||[],t]}_cloneLightItem(t){let r=this._lightDomClones.get(t);if(r)return r;let n=t.cloneNode(!0);return this._cloneSources.set(n,t),this._lightDomClones.set(t,n),n.addEventListener("click",()=>t.click()),n}_syncLightDomItems(){let t=[],r=[];Array.from(this.children).forEach(n=>{if(!(n instanceof HTMLElement)||n.tagName!=="LI")return;let a=this._cloneLightItem(n);n.hasAttribute("suffix")?r.push(a):t.push(a)}),this._preItems=t,this._postItems=r}addExpandingAction(t){this._expanding.includes(t)||(this._expanding=[...this._expanding,t]),t.parentElement!==this&&this.appendChild(t),this.requestUpdate(),this._updateVisibility(),this._observeExpandingAction(t),this._scheduleResize()}_observeExpandingAction(t){this._expandingActionObserver.observe(t),this._resizeController.observe(t)}_adoptNewLightItems(t){for(let r of t)for(let n of Array.from(r.addedNodes))n instanceof Element&&n.tagName==="ZN-EXPANDING-ACTION"&&this.addExpandingAction(n);t.some(r=>Array.from(r.addedNodes).some(n=>n instanceof HTMLLIElement)||Array.from(r.removedNodes).some(n=>n instanceof HTMLLIElement))&&(this._syncLightDomItems(),this.requestUpdate())}connectedCallback(){super.connectedCallback(),this._syncLightDomItems(),this._expanding=Array.from(this.querySelectorAll("zn-expanding-action")),this.masterId||(this.masterId=this.storeKey||Math.floor(Math.random()*1e6).toString()),this.storeKey&&this.storeTtl===0&&(this.storeTtl=300),this._store=new sr(this.localStorage?window.localStorage:window.sessionStorage,"znnav:",this.storeTtl)}itemCount(){return(this._navItems?.querySelectorAll(":scope > li:not(.more):not(#dropdown-item)")||[]).length}_resolveAvailableWidth(){let t=this.parentElement,r=this.offsetWidth||t?.offsetWidth||0;for(;r===0&&t?.parentElement;)t=t.parentElement,r=t.offsetWidth||0;return r}_measureTotalItemWidth(){let t=this._navItems?.querySelectorAll(":scope > li")||[],r=0;for(let n of t)n.classList.contains("more")||!(n instanceof HTMLElement)||(r+=this._getItemWidth(n));return r}_getItemWidth(t){return(t.getBoundingClientRect().width||t.offsetWidth||0)+this._navItemsGap+5}_getHorizontalSpacing(t){let r=getComputedStyle(t);return(parseFloat(r.paddingLeft)||0)+(parseFloat(r.paddingRight)||0)}_getMoreItemWidth(){let t=this._navItems?.querySelector(":scope > li.more");if(!t||!this._navItems)return 0;let r=this._getItemWidth(t);if(r>0)return r;let n=this._navItems.classList.contains("has-hidden");return this._navItems.classList.add("has-hidden"),r=this._getItemWidth(t),this._navItems.classList.toggle("has-hidden",n),r}_syncLastVisibleItem(){let t=this._navItems?.querySelectorAll(":scope > li")||[],r=null;for(let n of t)n.classList.remove("last-visible"),!(n.classList.contains("more")||n.classList.contains("hidden")||n.id==="dropdown-item")&&(r=n);r?.classList.add("last-visible"),this._navItems?.classList.toggle("more-only",!r&&this._navItems.classList.contains("has-hidden"))}_getExpandableWidth(t){let r=this._expandableMargin+(this._expandable?.getBoundingClientRect().width||this._expandable?.offsetWidth||0),n=0;for(let a of this._expanding){if(!(a instanceof HTMLElement))continue;let s=a.method||a.getAttribute("method")||"drop",l=!!(a.open||a.hasAttribute("open"));if(s!=="fill"||!l)continue;let h=a.shadowRoot?.querySelector(".expanding-action--fill")?.getBoundingClientRect().width||0;n=Math.max(n,h,Math.min(t,800))}return Math.max(r,n)}addItem(t,r=!0){let n=t.getAttribute("tab-uri");if(typeof n!="string"||this._openedTabs.includes(n))return;this._openedTabs.push(n);let a=this.shadowRoot?.querySelector("ul"),s=this.shadowRoot?.querySelector('[id="dropdown-item"]');r&&s&&(s.querySelector("zn-dropdown")?.hide(),this._saveTabToStorage({uri:n,title:t.innerText})),s?a?.insertBefore(t,s):a?.appendChild(t),this._updateVisibility()}firstUpdated(t){if(super.firstUpdated(t),this._extendedMenu=this.shadowRoot?.querySelector("#extended-menu")||null,this.shadowRoot?.querySelector("#extended-dropdown")?.addEventListener("zn-show",this._syncExtendedActive),this._expandable=this.shadowRoot?.querySelector(".navbar__container > div.expandables")||null,this._expandable){let r=getComputedStyle(this._expandable);this._expandableMargin=(parseFloat(r.marginLeft)||0)+(parseFloat(r.marginRight)||0),this._resizeController.observe(this._expandable)}if(this._navItems=this.shadowRoot?.querySelector(".navbar__container > ul")||null,this._navItems){let r=getComputedStyle(this._navItems);this._navItemsGap=parseFloat(r.columnGap)||0,this._resizeController.observe(this._navItems),this._navItems.addEventListener("click",n=>{let a=n.target.closest("li[tab-uri]");if(a&&this.storeKey){let s=a.getAttribute("tab-uri");s&&this._store.set(this.storeKey+":active",s)}})}if(this._loadStoredTabs(),this._navItems&&this._itemsObserver.observe(this._navItems),this._expanding.forEach(r=>this._observeExpandingAction(r)),this._updateVisibility(),setTimeout(()=>{this.handleResize()},100),this.dropdown.length>0){let r=this.shadowRoot?.querySelector("zn-menu");r&&r.addEventListener("zn-menu-select",n=>{if(this.manualAddItems)return;if(n.detail.element.hasAttribute("data-path")){let s=document.createElement("li");s.setAttribute("tab-uri",n.detail.element.getAttribute("data-path")),s.innerText=n.detail.value,this.addItem(s,!0),setTimeout(()=>{s.click()},300)}})}}_loadStoredTabs(){if(!this.storeKey||!this._store)return;let t=this._store.get(this.storeKey),r=this._store.get(this.storeKey+":active");if(t)try{let n=JSON.parse(t);Array.isArray(n)&&n.forEach(a=>{if(a.uri&&a.title){let s=document.createElement("li");s.setAttribute("tab-uri",a.uri),s.innerText=a.title,this.addItem(s,!1),r&&a.uri===r&&setTimeout(()=>{s.click()},100)}})}catch(n){console.warn("ZnNavbar: Failed to load stored tabs",n)}}_saveTabToStorage(t){if(!(!this.storeKey||!this._store))try{let r=this._store.get(this.storeKey),n=[];r&&(n=JSON.parse(r)),n.some(a=>a.uri===t.uri)||(n.push(t),this._store.set(this.storeKey,JSON.stringify(n)))}catch(r){console.warn("ZnNavbar: Failed to save tab",r)}}updated(t){super.updated(t),(t.has("hideOne")||t.has("navigation")||t.has("_appended"))&&this._updateVisibility()}render(){return this.navigation||(this.navigation=[]),u`
       <div part="container" class="${N({navbar__container:!0,"navbar__container--stacked":this.stacked,"navbar__container--icon-bar":this.iconBar})}">
         <ul @click="${this.handleClick}" part="navbar" class="${N({navbar:!0,"navbar--slim":this.slim,"navbar--border":this.border,"navbar--flush":this.flush,"navbar--no-pad":this.noPad,"navbar--stacked":this.stacked,"navbar--icon-bar":this.iconBar,[`navbar--color-${this.color}`]:!!this.color})}">
           ${this._preItems}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kubex/zinc",
-  "version": "1.1.53",
+  "version": "1.1.54",
   "description": "A collection of web components for building web applications based off of @shoelace-style/Shoelace",
   "keywords": [
     "web components",

package/src/components/navbar/navbar.scss

@@ -279,7 +279,7 @@ ul.navbar.navbar--stacked.navbar--icon-bar {
       }
     }
 
-    > li.last-visible {
+    &:not(.has-hidden) > li.last-visible {
       border-top-right-radius: 6px;
     }