@melodicdev/components 1.3.0 → 1.5.0

package/lib/components/navigation/sidebar/sidebar-group.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"sidebar-group.component.d.ts","sourceRoot":"","sources":["../../../../src/components/navigation/sidebar/sidebar-group.component.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAIpD;;;;;;;;;;;;GAYG;AACH,qBAMa,qBAAsB,YAAW,WAAW;IACxD,UAAU,EAAG,WAAW,CAAC;IAEzB,0BAA0B;IAC1B,KAAK,SAAM;IAEX,8CAA8C;IAC9C,SAAS,UAAS;CAClB"}
+{"version":3,"file":"sidebar-group.component.d.ts","sourceRoot":"","sources":["../../../../src/components/navigation/sidebar/sidebar-group.component.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAIpD;;;;;;;;;;;;GAYG;AACH,qBAMa,qBAAsB,YAAW,WAAW;IACjD,UAAU,EAAG,WAAW,CAAC;IAEhC,0BAA0B;IACnB,KAAK,SAAM;IAElB,8CAA8C;IACvC,SAAS,UAAS;CACzB"}

package/lib/components/navigation/sidebar/sidebar-item.component.d.ts

@@ -22,6 +22,8 @@ export declare class SidebarItemComponent implements IElementRef, OnCreate, OnDe
     elementRef: HTMLElement;
     /** Icon name */
     icon: string;
+    /** Icon format (passed through to ml-icon) */
+    'icon-format': 'fill' | 'thin' | 'light' | 'regular' | 'bold' | '';
     /** Display label */
     label: string;
     /** Unique value identifier */
@@ -45,7 +47,7 @@ export declare class SidebarItemComponent implements IElementRef, OnCreate, OnDe
     /** Indentation level for nested items */
     level: string;
     /** Track slotted children */
-    _hasChildren: boolean;
+    private _hasChildren;
     /** Check if default slot has children */
     get hasChildren(): boolean;
     onCreate(): void;

package/lib/components/navigation/sidebar/sidebar-item.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"sidebar-item.component.d.ts","sourceRoot":"","sources":["../../../../src/components/navigation/sidebar/sidebar-item.component.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AACzE,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAIrD;;;;;;;;;;;;;;;;;GAiBG;AACH,qBAMa,oBAAqB,YAAW,WAAW,EAAE,QAAQ,EAAE,SAAS;IAC5E,UAAU,EAAG,WAAW,CAAC;IAEzB,gBAAgB;IAChB,IAAI,SAAM;IAEV,oBAAoB;IACpB,KAAK,SAAM;IAEX,8BAA8B;IAC9B,KAAK,SAAM;IAEX,qBAAqB;IACrB,IAAI,SAAM;IAEV,+CAA+C;IAC/C,MAAM,UAAS;IAEf,qBAAqB;IACrB,QAAQ,UAAS;IAEjB,iBAAiB;IACjB,KAAK,SAAM;IAEX,0BAA0B;IAC1B,aAAa,EAAE,UAAU,CAAa;IAEtC,oBAAoB;IACpB,QAAQ,UAAS;IAEjB,6BAA6B;IAC7B,QAAQ,UAAS;IAEjB,2DAA2D;IAC3D,SAAS,UAAS;IAElB,yCAAyC;IACzC,KAAK,SAAO;IAEZ,6BAA6B;IAC7B,YAAY,UAAS;IAErB,yCAAyC;IACzC,IAAI,WAAW,IAAI,OAAO,CAEzB;IAED,QAAQ,IAAI,IAAI;IAKhB,SAAS,IAAI,IAAI;IAIjB,oDAAoD;IACpD,gBAAgB,GAAI,OAAO,KAAK,KAAG,IAAI,CAIrC;IAEF,2BAA2B;IAC3B,WAAW,GAAI,OAAO,KAAK,KAAG,IAAI,CAiBhC;CACF"}
+{"version":3,"file":"sidebar-item.component.d.ts","sourceRoot":"","sources":["../../../../src/components/navigation/sidebar/sidebar-item.component.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AACzE,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAIrD;;;;;;;;;;;;;;;;;GAiBG;AACH,qBAMa,oBAAqB,YAAW,WAAW,EAAE,QAAQ,EAAE,SAAS;IACrE,UAAU,EAAG,WAAW,CAAC;IAEhC,gBAAgB;IACT,IAAI,SAAM;IAEjB,8CAA8C;IACvC,aAAa,EAAE,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,SAAS,GAAG,MAAM,GAAG,EAAE,CAAM;IAE/E,oBAAoB;IACb,KAAK,SAAM;IAElB,8BAA8B;IACvB,KAAK,SAAM;IAElB,qBAAqB;IACd,IAAI,SAAM;IAEjB,+CAA+C;IACxC,MAAM,UAAS;IAEtB,qBAAqB;IACd,QAAQ,UAAS;IAExB,iBAAiB;IACV,KAAK,SAAM;IAElB,0BAA0B;IACnB,aAAa,EAAE,UAAU,CAAa;IAE7C,oBAAoB;IACb,QAAQ,UAAS;IAExB,6BAA6B;IACtB,QAAQ,UAAS;IAExB,2DAA2D;IACpD,SAAS,UAAS;IAEzB,yCAAyC;IAClC,KAAK,SAAO;IAEnB,6BAA6B;IAC7B,OAAO,CAAC,YAAY,CAAS;IAE7B,yCAAyC;IACzC,IAAW,WAAW,IAAI,OAAO,CAEhC;IAEM,QAAQ,IAAI,IAAI;IAKhB,SAAS,IAAI,IAAI;IAIxB,oDAAoD;IAC7C,gBAAgB,GAAI,OAAO,KAAK,KAAG,IAAI,CAI5C;IAEF,2BAA2B;IACpB,WAAW,GAAI,OAAO,KAAK,KAAG,IAAI,CAiBvC;CACF"}

package/lib/components/navigation/sidebar/sidebar-item.component.js

@@ -29,6 +29,8 @@ let SidebarItemComponent = class SidebarItemComponent {
     constructor() {
         /** Icon name */
         this.icon = '';
+        /** Icon format (passed through to ml-icon) */
+        this['icon-format'] = '';
         /** Display label */
         this.label = '';
         /** Unique value identifier */
@@ -93,7 +95,7 @@ SidebarItemComponent = __decorate([
         selector: 'ml-sidebar-item',
         template: sidebarItemTemplate,
         styles: sidebarItemStyles,
-        attributes: ['icon', 'label', 'value', 'href', 'active', 'disabled', 'badge', 'badge-color', 'external', 'expanded', 'collapsed', 'level']
+        attributes: ['icon', 'icon-format', 'label', 'value', 'href', 'active', 'disabled', 'badge', 'badge-color', 'external', 'expanded', 'collapsed', 'level']
     })
 ], SidebarItemComponent);
 export { SidebarItemComponent };

package/lib/components/navigation/sidebar/sidebar-item.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"sidebar-item.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/navigation/sidebar/sidebar-item.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,iBAAiB,iDAoJ7B,CAAC"}
+{"version":3,"file":"sidebar-item.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/navigation/sidebar/sidebar-item.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,iBAAiB,iDAkM7B,CAAC"}

package/lib/components/navigation/sidebar/sidebar-item.styles.js

@@ -1,6 +1,52 @@
 import { css } from '@melodicdev/core';
 export const sidebarItemStyles = () => css `
 	:host {
+		/* Item link */
+		--ml-sidebar-item-gap: var(--ml-space-3);
+		--ml-sidebar-item-padding-y: var(--ml-space-2);
+		--ml-sidebar-item-padding-x: var(--ml-space-3);
+		--ml-sidebar-item-radius: var(--ml-radius);
+		--ml-sidebar-item-color: var(--ml-color-text-secondary);
+		--ml-sidebar-item-font-family: var(--ml-font-sans);
+		--ml-sidebar-item-font-size: var(--ml-text-sm);
+		--ml-sidebar-item-font-weight: var(--ml-font-medium);
+		--ml-sidebar-item-line-height: var(--ml-leading-tight);
+		--ml-sidebar-item-transition: var(--ml-duration-150) var(--ml-ease-in-out);
+
+		/* Item hover */
+		--ml-sidebar-item-hover-bg: var(--ml-gray-100);
+		--ml-sidebar-item-hover-color: var(--ml-color-text);
+
+		/* Item focus */
+		--ml-sidebar-item-focus-color: var(--ml-color-primary);
+
+		/* Item active */
+		--ml-sidebar-item-active-bg: var(--ml-color-primary);
+		--ml-sidebar-item-active-color: var(--ml-color-text-inverse);
+		--ml-sidebar-item-active-hover-bg: var(--ml-color-primary-hover);
+
+		/* Item disabled */
+		--ml-sidebar-item-disabled-color: var(--ml-color-text-muted);
+		--ml-sidebar-item-disabled-opacity: 0.6;
+
+		/* Item icon size */
+		--ml-sidebar-item-icon-size: 20px;
+
+		/* Item trailing gap */
+		--ml-sidebar-item-trailing-gap: var(--ml-space-2);
+
+		/* Badge */
+		--ml-sidebar-item-badge-min-size: 20px;
+		--ml-sidebar-item-badge-padding-x: var(--ml-space-1-5);
+		--ml-sidebar-item-badge-radius: var(--ml-radius-full);
+		--ml-sidebar-item-badge-font-size: var(--ml-text-xs);
+		--ml-sidebar-item-badge-font-weight: var(--ml-font-medium);
+		--ml-sidebar-item-badge-bg: var(--ml-color-surface-tertiary);
+		--ml-sidebar-item-badge-color: var(--ml-color-text-secondary);
+
+		/* Chevron transition */
+		--ml-sidebar-item-chevron-transition: var(--ml-duration-200) var(--ml-ease-in-out);
+
 		display: block;
 	}
 
@@ -11,56 +57,56 @@ export const sidebarItemStyles = () => css `
 	.ml-sidebar-item__link {
 		display: flex;
 		align-items: center;
-		gap: var(--ml-space-3);
+		gap: var(--ml-sidebar-item-gap);
 		box-sizing: border-box;
 		width: 100%;
-		padding: var(--ml-space-2) var(--ml-space-3);
-		padding-left: calc(var(--ml-space-3) + (var(--level) * var(--ml-space-5)));
+		padding: var(--ml-sidebar-item-padding-y) var(--ml-sidebar-item-padding-x);
+		padding-left: calc(var(--ml-sidebar-item-padding-x) + (var(--level) * var(--ml-space-5)));
 		border: none;
-		border-radius: var(--ml-radius);
+		border-radius: var(--ml-sidebar-item-radius);
 		background: transparent;
-		color: var(--ml-color-text-secondary);
-		font-family: var(--ml-font-sans);
-		font-size: var(--ml-text-sm);
-		font-weight: var(--ml-font-medium);
-		line-height: var(--ml-leading-tight);
+		color: var(--ml-sidebar-item-color);
+		font-family: var(--ml-sidebar-item-font-family);
+		font-size: var(--ml-sidebar-item-font-size);
+		font-weight: var(--ml-sidebar-item-font-weight);
+		line-height: var(--ml-sidebar-item-line-height);
 		text-align: left;
 		text-decoration: none;
 		cursor: pointer;
 		transition:
-			background-color var(--ml-duration-150) var(--ml-ease-in-out),
-			color var(--ml-duration-150) var(--ml-ease-in-out);
+			background-color var(--ml-sidebar-item-transition),
+			color var(--ml-sidebar-item-transition);
 	}
 
 	.ml-sidebar-item__link:hover:not(.ml-sidebar-item__link--disabled):not(.ml-sidebar-item__link--active) {
-		background-color: var(--ml-gray-100);
-		color: var(--ml-color-text);
+		background-color: var(--ml-sidebar-item-hover-bg);
+		color: var(--ml-sidebar-item-hover-color);
 	}
 
 	.ml-sidebar-item__link:focus-visible {
-		outline: 2px solid var(--ml-color-primary);
+		outline: 2px solid var(--ml-sidebar-item-focus-color);
 		outline-offset: -2px;
 	}
 
 	.ml-sidebar-item__link--active {
-		background-color: var(--ml-color-primary);
-		color: var(--ml-color-text-inverse);
+		background-color: var(--ml-sidebar-item-active-bg);
+		color: var(--ml-sidebar-item-active-color);
 	}
 
 	.ml-sidebar-item__link--active:hover {
-		background-color: var(--ml-color-primary-hover);
-		color: var(--ml-color-text-inverse);
+		background-color: var(--ml-sidebar-item-active-hover-bg);
+		color: var(--ml-sidebar-item-active-color);
 	}
 
 	.ml-sidebar-item__link--disabled {
-		color: var(--ml-color-text-muted);
+		color: var(--ml-sidebar-item-disabled-color);
 		cursor: not-allowed;
-		opacity: 0.6;
+		opacity: var(--ml-sidebar-item-disabled-opacity);
 	}
 
 	.ml-sidebar-item__link--collapsed {
 		justify-content: center;
-		padding: var(--ml-space-2);
+		padding: var(--ml-sidebar-item-padding-y);
 	}
 
 	/* Leading area (icon) */
@@ -69,8 +115,8 @@ export const sidebarItemStyles = () => css `
 		align-items: center;
 		justify-content: center;
 		flex-shrink: 0;
-		width: 20px;
-		height: 20px;
+		width: var(--ml-sidebar-item-icon-size);
+		height: var(--ml-sidebar-item-icon-size);
 		color: inherit;
 	}
 
@@ -90,7 +136,7 @@ export const sidebarItemStyles = () => css `
 	.ml-sidebar-item__trailing {
 		display: flex;
 		align-items: center;
-		gap: var(--ml-space-2);
+		gap: var(--ml-sidebar-item-trailing-gap);
 		flex-shrink: 0;
 	}
 
@@ -103,15 +149,15 @@ export const sidebarItemStyles = () => css `
 		display: inline-flex;
 		align-items: center;
 		justify-content: center;
-		min-width: 20px;
-		height: 20px;
-		padding: 0 var(--ml-space-1-5);
-		border-radius: var(--ml-radius-full);
-		font-size: var(--ml-text-xs);
-		font-weight: var(--ml-font-medium);
+		min-width: var(--ml-sidebar-item-badge-min-size);
+		height: var(--ml-sidebar-item-badge-min-size);
+		padding: 0 var(--ml-sidebar-item-badge-padding-x);
+		border-radius: var(--ml-sidebar-item-badge-radius);
+		font-size: var(--ml-sidebar-item-badge-font-size);
+		font-weight: var(--ml-sidebar-item-badge-font-weight);
 		line-height: 1;
-		background-color: var(--ml-color-surface-tertiary);
-		color: var(--ml-color-text-secondary);
+		background-color: var(--ml-sidebar-item-badge-bg);
+		color: var(--ml-sidebar-item-badge-color);
 	}
 
 	.ml-sidebar-item__badge--primary {
@@ -136,7 +182,7 @@ export const sidebarItemStyles = () => css `
 
 	/* Chevron for expandable items */
 	.ml-sidebar-item__chevron {
-		transition: transform var(--ml-duration-200) var(--ml-ease-in-out);
+		transition: transform var(--ml-sidebar-item-chevron-transition);
 	}
 
 	.ml-sidebar-item__link--expanded .ml-sidebar-item__chevron {

package/lib/components/navigation/sidebar/sidebar-item.template.js

@@ -5,7 +5,7 @@ export function sidebarItemTemplate(c) {
     const content = html `
 		<div class="ml-sidebar-item__leading">
 			<slot name="leading">
-				${when(!!c.icon, () => html `<ml-icon icon=${c.icon} size="sm"></ml-icon>`)}
+				${when(!!c.icon, () => html `<ml-icon icon=${c.icon} size="sm" format=${c['icon-format'] || 'regular'}></ml-icon>`)}
 			</slot>
 		</div>
 		${when(!isCollapsed, () => html `

package/lib/components/navigation/sidebar/sidebar.component.d.ts

@@ -40,8 +40,6 @@ export declare class SidebarComponent implements IElementRef, OnCreate, OnDestro
     navigation: SidebarNavGroup[];
     /** Footer navigation config */
     footerNavigation: SidebarNavItem[];
-    /** Internal tracking of slotted items */
-    _slottedItems: HTMLElement[];
     /** Debounce timer for hover */
     private _hoverTimer;
     /** Bound event handlers */
@@ -58,7 +56,7 @@ export declare class SidebarComponent implements IElementRef, OnCreate, OnDestro
     onRender(): void;
     onDestroy(): void;
     /** Handle slotted items change */
-    handleDefaultSlotChange: (event: Event) => void;
+    handleDefaultSlotChange: () => void;
     /** Handle config item click */
     handleConfigItemClick: (value: string, href?: string) => void;
     /** Handle config submenu toggle */

package/lib/components/navigation/sidebar/sidebar.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"sidebar.component.d.ts","sourceRoot":"","sources":["../../../../src/components/navigation/sidebar/sidebar.component.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,QAAQ,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACnF,OAAO,KAAK,EAAE,cAAc,EAAE,eAAe,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AAI1F;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2BG;AACH,qBAMa,gBAAiB,YAAW,WAAW,EAAE,QAAQ,EAAE,SAAS,EAAE,QAAQ;IAClF,UAAU,EAAG,WAAW,CAAC;IAEzB,qBAAqB;IACrB,OAAO,EAAE,cAAc,CAAa;IAEpC,kCAAkC;IAClC,MAAM,SAAM;IAEZ,yDAAyD;IACzD,SAAS,UAAS;IAElB,yDAAyD;IACzD,UAAU,EAAE,eAAe,EAAE,CAAM;IAEnC,+BAA+B;IAC/B,gBAAgB,EAAE,cAAc,EAAE,CAAM;IAExC,yCAAyC;IACzC,aAAa,EAAE,WAAW,EAAE,CAAM;IAElC,+BAA+B;IAC/B,OAAO,CAAC,WAAW,CAA8C;IAEjE,2BAA2B;IAC3B,OAAO,CAAC,QAAQ,CAAC,gBAAgB,CAA+B;IAChE,OAAO,CAAC,QAAQ,CAAC,iBAAiB,CAAgC;IAClE,OAAO,CAAC,QAAQ,CAAC,iBAAiB,CAAgC;IAElE,uCAAuC;IACvC,IAAI,SAAS,IAAI,OAAO,CAEvB;IAED,wCAAwC;IACxC,IAAI,UAAU,IAAI,OAAO,CAExB;IAED,qCAAqC;IACrC,IAAI,OAAO,IAAI,OAAO,CAErB;IAED,QAAQ,IAAI,IAAI;IAgBhB,QAAQ,IAAI,IAAI;IAIhB,SAAS,IAAI,IAAI;IAUjB,kCAAkC;IAClC,uBAAuB,GAAI,OAAO,KAAK,KAAG,IAAI,CAI5C;IAEF,+BAA+B;IAC/B,qBAAqB,GAAI,OAAO,MAAM,EAAE,OAAO,MAAM,KAAG,IAAI,CAE1D;IAEF,mCAAmC;IACnC,kBAAkB,GAAI,MAAM,cAAc,KAAG,IAAI,CAQ/C;IAEF,0BAA0B;IAC1B,aAAa,GAAI,OAAO,aAAa,KAAG,IAAI,CAmC1C;IAEF,kCAAkC;IAClC,aAAa,cAAqB;IAElC,uBAAuB;IACvB,OAAO,CAAC,YAAY;IAqBpB,8CAA8C;IAC9C,OAAO,CAAC,WAAW;IAKnB,0CAA0C;IAC1C,OAAO,CAAC,YAAY;IASpB,0CAA0C;IAC1C,OAAO,CAAC,YAAY;IASpB,2DAA2D;IAC3D,OAAO,CAAC,gBAAgB;CAexB"}
+{"version":3,"file":"sidebar.component.d.ts","sourceRoot":"","sources":["../../../../src/components/navigation/sidebar/sidebar.component.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,QAAQ,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACnF,OAAO,KAAK,EAAE,cAAc,EAAE,eAAe,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AAI1F;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2BG;AACH,qBAMa,gBAAiB,YAAW,WAAW,EAAE,QAAQ,EAAE,SAAS,EAAE,QAAQ;IAC3E,UAAU,EAAG,WAAW,CAAC;IAEhC,qBAAqB;IACd,OAAO,EAAE,cAAc,CAAa;IAE3C,kCAAkC;IAC3B,MAAM,SAAM;IAEnB,yDAAyD;IAClD,SAAS,UAAS;IAEzB,yDAAyD;IAClD,UAAU,EAAE,eAAe,EAAE,CAAM;IAE1C,+BAA+B;IACxB,gBAAgB,EAAE,cAAc,EAAE,CAAM;IAE/C,+BAA+B;IAC/B,OAAO,CAAC,WAAW,CAA8C;IAEjE,2BAA2B;IAC3B,OAAO,CAAC,QAAQ,CAAC,gBAAgB,CAA+B;IAChE,OAAO,CAAC,QAAQ,CAAC,iBAAiB,CAAgC;IAClE,OAAO,CAAC,QAAQ,CAAC,iBAAiB,CAAgC;IAElE,uCAAuC;IACvC,IAAW,SAAS,IAAI,OAAO,CAE9B;IAED,wCAAwC;IACxC,IAAW,UAAU,IAAI,OAAO,CAE/B;IAED,qCAAqC;IACrC,IAAW,OAAO,IAAI,OAAO,CAE5B;IAEM,QAAQ,IAAI,IAAI;IAgBhB,QAAQ,IAAI,IAAI;IAIhB,SAAS,IAAI,IAAI;IAUxB,kCAAkC;IAC3B,uBAAuB,QAAO,IAAI,CAEvC;IAEF,+BAA+B;IACxB,qBAAqB,GAAI,OAAO,MAAM,EAAE,OAAO,MAAM,KAAG,IAAI,CAEjE;IAEF,mCAAmC;IAC5B,kBAAkB,GAAI,MAAM,cAAc,KAAG,IAAI,CAQtD;IAEF,0BAA0B;IACnB,aAAa,GAAI,OAAO,aAAa,KAAG,IAAI,CAmCjD;IAEF,kCAAkC;IAC3B,aAAa,cAAqB;IAEzC,uBAAuB;IACvB,OAAO,CAAC,YAAY;IAqBpB,8CAA8C;IAC9C,OAAO,CAAC,WAAW;IAKnB,0CAA0C;IAC1C,OAAO,CAAC,YAAY;IASpB,0CAA0C;IAC1C,OAAO,CAAC,YAAY;IASpB,2DAA2D;IAC3D,OAAO,CAAC,gBAAgB;CAexB"}

package/lib/components/navigation/sidebar/sidebar.component.js

@@ -47,8 +47,6 @@ let SidebarComponent = class SidebarComponent {
         this.navigation = [];
         /** Footer navigation config */
         this.footerNavigation = [];
-        /** Internal tracking of slotted items */
-        this._slottedItems = [];
         /** Debounce timer for hover */
         this._hoverTimer = null;
         /** Bound event handlers */
@@ -56,9 +54,7 @@ let SidebarComponent = class SidebarComponent {
         this._handleMouseEnter = this.onMouseEnter.bind(this);
         this._handleMouseLeave = this.onMouseLeave.bind(this);
         /** Handle slotted items change */
-        this.handleDefaultSlotChange = (event) => {
-            const slot = event.target;
-            this._slottedItems = slot.assignedElements({ flatten: true });
+        this.handleDefaultSlotChange = () => {
             this.updateItemStates();
         };
         /** Handle config item click */

package/lib/components/navigation/sidebar/sidebar.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"sidebar.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/navigation/sidebar/sidebar.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,aAAa,iDA8RzB,CAAC"}
+{"version":3,"file":"sidebar.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/navigation/sidebar/sidebar.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,aAAa,iDA2XzB,CAAC"}