@aquera/nile-elements 1.3.1-beta-1 → 1.3.1-beta-1.1

package/dist/nile-inline-sidebar/nile-inline-sidebar.cjs.js

@@ -1,2 +1,2 @@
-function _typeof(o){"@babel/helpers - typeof";return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(o){return typeof o;}:function(o){return o&&"function"==typeof Symbol&&o.constructor===Symbol&&o!==Symbol.prototype?"symbol":typeof o;},_typeof(o);}System.register(["tslib","lit","lit/decorators.js","./nile-inline-sidebar.css.cjs.js","../internal/nile-element.cjs.js"],function(_export,_context){"use strict";var t,e,i,s,n,l,o,a,_templateObject,_templateObject2,_templateObject3,_templateObject4,_templateObject5,r;function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}));}function _classCallCheck(a,n){if(!(a instanceof n))throw new TypeError("Cannot call a class as a function");}function _defineProperties(e,r){for(var t=0;t<r.length;t++){var o=r[t];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,_toPropertyKey(o.key),o);}}function _createClass(e,r,t){return r&&_defineProperties(e.prototype,r),t&&_defineProperties(e,t),Object.defineProperty(e,"prototype",{writable:!1}),e;}function _toPropertyKey(t){var i=_toPrimitive(t,"string");return"symbol"==_typeof(i)?i:i+"";}function _toPrimitive(t,r){if("object"!=_typeof(t)||!t)return t;var e=t[Symbol.toPrimitive];if(void 0!==e){var i=e.call(t,r||"default");if("object"!=_typeof(i))return i;throw new TypeError("@@toPrimitive must return a primitive value.");}return("string"===r?String:Number)(t);}function _callSuper(t,o,e){return o=_getPrototypeOf(o),_possibleConstructorReturn(t,_isNativeReflectConstruct()?Reflect.construct(o,e||[],_getPrototypeOf(t).constructor):o.apply(t,e));}function _possibleConstructorReturn(t,e){if(e&&("object"==_typeof(e)||"function"==typeof e))return e;if(void 0!==e)throw new TypeError("Derived constructors may only return object or undefined");return _assertThisInitialized(t);}function _assertThisInitialized(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e;}function _isNativeReflectConstruct(){try{var t=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}));}catch(t){}return(_isNativeReflectConstruct=function _isNativeReflectConstruct(){return!!t;})();}function _superPropGet(t,o,e,r){var p=_get(_getPrototypeOf(1&r?t.prototype:t),o,e);return 2&r&&"function"==typeof p?function(t){return p.apply(e,t);}:p;}function _get(){return _get="undefined"!=typeof Reflect&&Reflect.get?Reflect.get.bind():function(e,t,r){var p=_superPropBase(e,t);if(p){var n=Object.getOwnPropertyDescriptor(p,t);return n.get?n.get.call(arguments.length<3?e:r):n.value;}},_get.apply(null,arguments);}function _superPropBase(t,o){for(;!{}.hasOwnProperty.call(t,o)&&null!==(t=_getPrototypeOf(t)););return t;}function _getPrototypeOf(t){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(t){return t.__proto__||Object.getPrototypeOf(t);},_getPrototypeOf(t);}function _inherits(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),Object.defineProperty(t,"prototype",{writable:!1}),e&&_setPrototypeOf(t,e);}function _setPrototypeOf(t,e){return _setPrototypeOf=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(t,e){return t.__proto__=e,t;},_setPrototypeOf(t,e);}return{setters:[function(_tslib){t=_tslib.__decorate;},function(_lit){e=_lit.html;},function(_litDecoratorsJs){i=_litDecoratorsJs.property;s=_litDecoratorsJs.state;n=_litDecoratorsJs.query;l=_litDecoratorsJs.customElement;},function(_nileInlineSidebarCssCjsJs){o=_nileInlineSidebarCssCjsJs.s;},function(_internalNileElementCjsJs){a=_internalNileElementCjsJs.N;}],execute:function execute(){_export("N",r=/*#__PURE__*/function(_a){function r(){var _this;_classCallCheck(this,r);_this=_callSuper(this,r,arguments),_this.collapsed=!1,_this.fixed=!1,_this.showTooltip=!1,_this.activeIndex=-1,_this.handleItemSelect=function(t){var e=t.detail.item,i=_this.sidebarItems.indexOf(e);_this.sidebarItems.forEach(function(t,e){return t.active=e===i;}),_this.activeIndex=i,_this.dispatchEvent(new CustomEvent("nile-change",{detail:{selectedItem:e,index:i},bubbles:!0,composed:!0})),_this.requestUpdate();};return _this;}_inherits(r,_a);return _createClass(r,[{key:"sidebarItems",get:function get(){if(!this.defaultSlot)return[];return this.defaultSlot.assignedElements({flatten:!0}).flatMap(function(t){return"nile-inline-sidebar-item"===t.tagName.toLowerCase()?[t]:Array.from(t.querySelectorAll("nile-inline-sidebar-item"));});}},{key:"connectedCallback",value:function connectedCallback(){var _this2=this;_superPropGet(r,"connectedCallback",this,3)([]),this.addEventListener("nile-click",this.handleItemSelect),this.mutationObserver=new MutationObserver(function(){return _this2.syncActiveFromItems();});}},{key:"disconnectedCallback",value:function disconnectedCallback(){var _this$mutationObserve;_superPropGet(r,"disconnectedCallback",this,3)([]),(_this$mutationObserve=this.mutationObserver)!==null&&_this$mutationObserve!==void 0&&_this$mutationObserve.disconnect(),this.removeEventListener("nile-click",this.handleItemSelect);}},{key:"firstUpdated",value:function firstUpdated(){this.observeSidebarItems(),this.syncActiveFromItems(),this.fixed&&(this.collapsed=!1);}},{key:"observeSidebarItems",value:function observeSidebarItems(){var _this$sidebarItems,_this3=this;((_this$sidebarItems=this.sidebarItems)===null||_this$sidebarItems===void 0?void 0:_this$sidebarItems.length)&&this.mutationObserver&&this.sidebarItems.forEach(function(t){return _this3.mutationObserver.observe(t,{attributes:!0,attributeFilter:["active"]});});}},{key:"syncActiveFromItems",value:function syncActiveFromItems(){var _this$sidebarItems2;if(!((_this$sidebarItems2=this.sidebarItems)!==null&&_this$sidebarItems2!==void 0&&_this$sidebarItems2.length))return;var t=this.sidebarItems.findIndex(function(t){return t.hasAttribute("active");});-1!==t&&t!==this.activeIndex&&(this.activeIndex=t,this.requestUpdate());}},{key:"toggleCollapse",value:function toggleCollapse(){this.fixed||(this.collapsed=!this.collapsed,this.dispatchEvent(new CustomEvent("nile-toggle",{detail:{collapsed:this.collapsed},bubbles:!0,composed:!0})));}},{key:"handleMenuItemClick",value:function handleMenuItemClick(t){var _e$textContent;var e=this.sidebarItems[t];if(!e||e.hasAttribute("disabled"))return;this.sidebarItems.forEach(function(e,i){return e.active=i===t;}),this.activeIndex=t;var i=((_e$textContent=e.textContent)===null||_e$textContent===void 0?void 0:_e$textContent.trim())||"",s=e.href;this.dispatchEvent(new CustomEvent("nile-click",{detail:{item:e,href:s,text:i},bubbles:!0,composed:!0})),s&&(window.location.href=s),this.requestUpdate();}},{key:"menuItemsTemplate",get:function get(){var _this$sidebarItems3,_this4=this;return(_this$sidebarItems3=this.sidebarItems)!==null&&_this$sidebarItems3!==void 0&&_this$sidebarItems3.length?this.sidebarItems.map(function(t,i){var s=e(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n        <nile-side-bar-action-menu-item\n          ?disabled=","\n          ?active=","\n          @click=","\n        >\n          ","\n        </nile-side-bar-action-menu-item>\n      "])),t.hasAttribute("disabled"),_this4.activeIndex===i,function(){return _this4.handleMenuItemClick(i);},t.textContent);return _this4.showTooltip?e(_templateObject2||(_templateObject2=_taggedTemplateLiteral(["\n            <nile-tooltip content="," hoist placement=\"right\">\n              ","\n            </nile-tooltip>\n          "])),t.textContent,s):s;}):null;}},{key:"render",value:function render(){var _this5=this;return e(_templateObject3||(_templateObject3=_taggedTemplateLiteral(["\n      <div class=\"sidebar\" part=\"base\">\n        <div class=\"sidebar-header\" part=\"header\">\n          ","\n        </div>\n\n        <nav\n          class=\"sidebar-nav\"\n          style=","\n          part=\"nav-items\"\n        >\n          <slot\n            @slotchange=","\n          ></slot>\n        </nav>\n      </div>\n    "])),this.fixed?null:this.collapsed?e(_templateObject4||(_templateObject4=_taggedTemplateLiteral(["\n                  <nile-side-bar-action\n                    class=\"toggle-action\"\n                    placement=\"bottom-start\"\n                    hoist\n                    open\n                    triggerDropdown=\"hover\"\n                  >\n                    <nile-button\n                      slot=\"trigger\"\n                      class=\"toggle-btn\"\n                      variant=\"tertiary\"\n                      @click=","\n                    >\n                      <nile-icon name=\"menu_close\"></nile-icon>\n                    </nile-button>\n                    <nile-side-bar-action-menu>\n                      ","\n                    </nile-side-bar-action-menu>\n                  </nile-side-bar-action>\n                "])),this.toggleCollapse,this.menuItemsTemplate):e(_templateObject5||(_templateObject5=_taggedTemplateLiteral(["\n                  <nile-button\n                    class=\"toggle-btn\"\n                    variant=\"tertiary\"\n                    @click=","\n                  >\n                    <nile-icon name=\"menu_open\"></nile-icon>\n                  </nile-button>\n                "])),this.toggleCollapse),this.collapsed?"display:none;":"",function(){_this5.requestUpdate(),_this5.observeSidebarItems(),_this5.syncActiveFromItems();});}}],[{key:"styles",get:function get(){return[o];}}]);}(a));t([i({type:Boolean,reflect:!0})],r.prototype,"collapsed",void 0),t([i({type:Boolean,reflect:!0,attribute:!0})],r.prototype,"fixed",void 0),t([i({type:Boolean,reflect:!0})],r.prototype,"showTooltip",void 0),t([s()],r.prototype,"activeIndex",void 0),t([n("slot")],r.prototype,"defaultSlot",void 0),_export("N",r=t([l("nile-inline-sidebar")],r));}};});
+function _typeof(o){"@babel/helpers - typeof";return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(o){return typeof o;}:function(o){return o&&"function"==typeof Symbol&&o.constructor===Symbol&&o!==Symbol.prototype?"symbol":typeof o;},_typeof(o);}System.register(["tslib","lit","lit/decorators.js","./nile-inline-sidebar.css.cjs.js","../internal/nile-element.cjs.js"],function(_export,_context){"use strict";var t,i,e,s,n,l,o,a,_templateObject,_templateObject2,_templateObject3,_templateObject4,_templateObject5,r;function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}));}function _classCallCheck(a,n){if(!(a instanceof n))throw new TypeError("Cannot call a class as a function");}function _defineProperties(e,r){for(var t=0;t<r.length;t++){var o=r[t];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,_toPropertyKey(o.key),o);}}function _createClass(e,r,t){return r&&_defineProperties(e.prototype,r),t&&_defineProperties(e,t),Object.defineProperty(e,"prototype",{writable:!1}),e;}function _toPropertyKey(t){var i=_toPrimitive(t,"string");return"symbol"==_typeof(i)?i:i+"";}function _toPrimitive(t,r){if("object"!=_typeof(t)||!t)return t;var e=t[Symbol.toPrimitive];if(void 0!==e){var i=e.call(t,r||"default");if("object"!=_typeof(i))return i;throw new TypeError("@@toPrimitive must return a primitive value.");}return("string"===r?String:Number)(t);}function _callSuper(t,o,e){return o=_getPrototypeOf(o),_possibleConstructorReturn(t,_isNativeReflectConstruct()?Reflect.construct(o,e||[],_getPrototypeOf(t).constructor):o.apply(t,e));}function _possibleConstructorReturn(t,e){if(e&&("object"==_typeof(e)||"function"==typeof e))return e;if(void 0!==e)throw new TypeError("Derived constructors may only return object or undefined");return _assertThisInitialized(t);}function _assertThisInitialized(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e;}function _isNativeReflectConstruct(){try{var t=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}));}catch(t){}return(_isNativeReflectConstruct=function _isNativeReflectConstruct(){return!!t;})();}function _superPropGet(t,o,e,r){var p=_get(_getPrototypeOf(1&r?t.prototype:t),o,e);return 2&r&&"function"==typeof p?function(t){return p.apply(e,t);}:p;}function _get(){return _get="undefined"!=typeof Reflect&&Reflect.get?Reflect.get.bind():function(e,t,r){var p=_superPropBase(e,t);if(p){var n=Object.getOwnPropertyDescriptor(p,t);return n.get?n.get.call(arguments.length<3?e:r):n.value;}},_get.apply(null,arguments);}function _superPropBase(t,o){for(;!{}.hasOwnProperty.call(t,o)&&null!==(t=_getPrototypeOf(t)););return t;}function _getPrototypeOf(t){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(t){return t.__proto__||Object.getPrototypeOf(t);},_getPrototypeOf(t);}function _inherits(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),Object.defineProperty(t,"prototype",{writable:!1}),e&&_setPrototypeOf(t,e);}function _setPrototypeOf(t,e){return _setPrototypeOf=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(t,e){return t.__proto__=e,t;},_setPrototypeOf(t,e);}return{setters:[function(_tslib){t=_tslib.__decorate;},function(_lit){i=_lit.html;},function(_litDecoratorsJs){e=_litDecoratorsJs.property;s=_litDecoratorsJs.state;n=_litDecoratorsJs.query;l=_litDecoratorsJs.customElement;},function(_nileInlineSidebarCssCjsJs){o=_nileInlineSidebarCssCjsJs.s;},function(_internalNileElementCjsJs){a=_internalNileElementCjsJs.N;}],execute:function execute(){_export("N",r=/*#__PURE__*/function(_a){function r(){var _this;_classCallCheck(this,r);_this=_callSuper(this,r,arguments),_this.collapsed=!1,_this.fixed=!1,_this.showTooltip=!1,_this.activeIndex=-1,_this.handleItemSelect=function(t){var i=t.detail.item,e=_this.sidebarItems.indexOf(i);_this.sidebarItems.forEach(function(t,i){return t.active=i===e;}),_this.activeIndex=e,_this.dispatchEvent(new CustomEvent("nile-change",{detail:{selectedItem:i,index:e},bubbles:!0,composed:!0})),_this.requestUpdate();};return _this;}_inherits(r,_a);return _createClass(r,[{key:"sidebarItems",get:function get(){if(!this.defaultSlot)return[];return this.defaultSlot.assignedElements({flatten:!0}).flatMap(function(t){return"nile-inline-sidebar-item"===t.tagName.toLowerCase()?[t]:Array.from(t.querySelectorAll("nile-inline-sidebar-item"));});}},{key:"connectedCallback",value:function connectedCallback(){var _this2=this;_superPropGet(r,"connectedCallback",this,3)([]),this.addEventListener("nile-click",this.handleItemSelect),this.mutationObserver=new MutationObserver(function(){return _this2.syncActiveFromItems();});}},{key:"disconnectedCallback",value:function disconnectedCallback(){var _this$mutationObserve;_superPropGet(r,"disconnectedCallback",this,3)([]),(_this$mutationObserve=this.mutationObserver)!==null&&_this$mutationObserve!==void 0&&_this$mutationObserve.disconnect(),this.removeEventListener("nile-click",this.handleItemSelect);}},{key:"firstUpdated",value:function firstUpdated(){this.observeSidebarItems(),this.syncActiveFromItems(),this.fixed&&(this.collapsed=!1);}},{key:"observeSidebarItems",value:function observeSidebarItems(){var _this$sidebarItems,_this3=this;((_this$sidebarItems=this.sidebarItems)===null||_this$sidebarItems===void 0?void 0:_this$sidebarItems.length)&&this.mutationObserver&&this.sidebarItems.forEach(function(t){return _this3.mutationObserver.observe(t,{attributes:!0,attributeFilter:["active"]});});}},{key:"syncActiveFromItems",value:function syncActiveFromItems(){var _this$sidebarItems2;if(!((_this$sidebarItems2=this.sidebarItems)!==null&&_this$sidebarItems2!==void 0&&_this$sidebarItems2.length))return;var t=this.sidebarItems.findIndex(function(t){return t.hasAttribute("active");});-1!==t&&t!==this.activeIndex&&(this.activeIndex=t,this.requestUpdate());}},{key:"toggleCollapse",value:function toggleCollapse(){this.fixed||(this.collapsed=!this.collapsed,this.dispatchEvent(new CustomEvent("nile-toggle",{detail:{collapsed:this.collapsed},bubbles:!0,composed:!0})));}},{key:"handleMenuItemClick",value:function handleMenuItemClick(t){var _i$textContent;var i=this.sidebarItems[t];if(!i||i.hasAttribute("disabled"))return;this.sidebarItems.forEach(function(i,e){return i.active=e===t;}),this.activeIndex=t;var e=((_i$textContent=i.textContent)===null||_i$textContent===void 0?void 0:_i$textContent.trim())||"",s=i.href;this.dispatchEvent(new CustomEvent("nile-click",{detail:{item:i,href:s,text:e},bubbles:!0,composed:!0})),s&&(window.location.href=s),this.requestUpdate();}},{key:"menuItemsTemplate",get:function get(){var _this$sidebarItems3,_this4=this;return(_this$sidebarItems3=this.sidebarItems)!==null&&_this$sidebarItems3!==void 0&&_this$sidebarItems3.length?this.sidebarItems.map(function(t,e){var _t$textContent;var s=t.tooltip,n=t.scrollWidth>t.clientWidth||t.scrollHeight>t.clientHeight,l=i(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n        <nile-side-bar-action-menu-item\n          ?disabled=","\n          ?active=","\n          @click=","\n        >\n          ","\n        </nile-side-bar-action-menu-item>\n      "])),t.hasAttribute("disabled"),_this4.activeIndex===e,function(){return _this4.handleMenuItemClick(e);},t.textContent);return s||n?i(_templateObject2||(_templateObject2=_taggedTemplateLiteral(["\n            <nile-inline-tooltip\n              content=","\n              hoist\n              placement=\"right\"\n            >\n              ","\n            </nile-inline-tooltip>\n          "])),((_t$textContent=t.textContent)===null||_t$textContent===void 0?void 0:_t$textContent.trim())||"",l):l;}):null;}},{key:"render",value:function render(){var _this5=this;return i(_templateObject3||(_templateObject3=_taggedTemplateLiteral(["\n      <div class=\"sidebar\" part=\"base\">\n        <div class=\"sidebar-header\" part=\"header\">\n          ","\n        </div>\n\n        <nav\n          class=\"sidebar-nav\"\n          style=","\n          part=\"nav-items\"\n        >\n          <slot\n            @slotchange=","\n          ></slot>\n        </nav>\n      </div>\n    "])),this.fixed?null:this.collapsed?i(_templateObject4||(_templateObject4=_taggedTemplateLiteral(["\n                  <nile-side-bar-action\n                    class=\"toggle-action\"\n                    placement=\"bottom-start\"\n                    hoist\n                    open\n                    triggerDropdown=\"hover\"\n                  >\n                    <nile-button\n                      slot=\"trigger\"\n                      class=\"toggle-btn\"\n                      variant=\"tertiary\"\n                      @click=","\n                    >\n                      <nile-icon name=\"menu_close\"></nile-icon>\n                    </nile-button>\n                    <nile-side-bar-action-menu>\n                      ","\n                    </nile-side-bar-action-menu>\n                  </nile-side-bar-action>\n                "])),this.toggleCollapse,this.menuItemsTemplate):i(_templateObject5||(_templateObject5=_taggedTemplateLiteral(["\n                  <nile-button\n                    class=\"toggle-btn\"\n                    variant=\"tertiary\"\n                    @click=","\n                  >\n                    <nile-icon name=\"menu_open\"></nile-icon>\n                  </nile-button>\n                "])),this.toggleCollapse),this.collapsed?"display:none;":"",function(){_this5.requestUpdate(),_this5.observeSidebarItems(),_this5.syncActiveFromItems();});}}],[{key:"styles",get:function get(){return[o];}}]);}(a));t([e({type:Boolean,reflect:!0})],r.prototype,"collapsed",void 0),t([e({type:Boolean,reflect:!0,attribute:!0})],r.prototype,"fixed",void 0),t([e({type:Boolean,reflect:!0})],r.prototype,"showTooltip",void 0),t([s()],r.prototype,"activeIndex",void 0),t([n("slot")],r.prototype,"defaultSlot",void 0),_export("N",r=t([l("nile-inline-sidebar")],r));}};});
 //# sourceMappingURL=nile-inline-sidebar.cjs.js.map

package/dist/nile-inline-sidebar/nile-inline-sidebar.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"nile-inline-sidebar.cjs.js","sources":["../../../src/nile-inline-sidebar/nile-inline-sidebar.ts"],"sourcesContent":["/**\n * Copyright Aquera Inc 2025\n *\n * This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { html, CSSResultArray, TemplateResult } from 'lit';\nimport { customElement, property, query, state } from 'lit/decorators.js';\nimport { styles } from './nile-inline-sidebar.css';\nimport NileElement from '../internal/nile-element';\n\n/**\n * Nile inline sidebar component.\n *\n * @tag nile-inline-sidebar\n */\n@customElement('nile-inline-sidebar')\nexport class NileInlineSidebar extends NileElement {\n  @property({ type: Boolean, reflect: true }) collapsed = false;\n\n  @property({ type: Boolean, reflect: true, attribute: true }) fixed = false;\n\n  @property({ type: Boolean, reflect: true }) showTooltip = false;\n\n  @state() private activeIndex: number = -1;\n\n  @query('slot') private defaultSlot!: HTMLSlotElement;\n\n  private mutationObserver?: MutationObserver;\n\n  public static get styles(): CSSResultArray {\n    return [styles];\n  }\n\n  private get sidebarItems(): HTMLElement[] {\n    if (!this.defaultSlot) return [];\n    const assigned = this.defaultSlot.assignedElements({ flatten: true });\n    const items = assigned.flatMap(el =>\n      el.tagName.toLowerCase() === 'nile-inline-sidebar-item'\n        ? [el]\n        : Array.from(el.querySelectorAll('nile-inline-sidebar-item'))\n    );\n    return items as HTMLElement[];\n  }\n\n  connectedCallback() {\n    super.connectedCallback();\n    this.addEventListener('nile-click', this.handleItemSelect);\n    this.mutationObserver = new MutationObserver(() =>\n      this.syncActiveFromItems()\n    );\n  }\n\n  disconnectedCallback() {\n    super.disconnectedCallback();\n    this.mutationObserver?.disconnect();\n    this.removeEventListener('nile-click', this.handleItemSelect);\n  }\n\n  firstUpdated() {\n    this.observeSidebarItems();\n    this.syncActiveFromItems();\n\n    if (this.fixed) {\n      this.collapsed = false;\n    }\n  }\n\n  private observeSidebarItems() {\n    if (!this.sidebarItems?.length || !this.mutationObserver) return;\n    this.sidebarItems.forEach(item =>\n      this.mutationObserver!.observe(item, {\n        attributes: true,\n        attributeFilter: ['active'],\n      })\n    );\n  }\n\n  private syncActiveFromItems() {\n    if (!this.sidebarItems?.length) return;\n    const activeIndex = this.sidebarItems.findIndex(item =>\n      item.hasAttribute('active')\n    );\n    if (activeIndex !== -1 && activeIndex !== this.activeIndex) {\n      this.activeIndex = activeIndex;\n      this.requestUpdate();\n    }\n  }\n\n  private handleItemSelect = (event: CustomEvent) => {\n    const selectedItem = event.detail.item as HTMLElement;\n    const index = this.sidebarItems.indexOf(selectedItem);\n\n    this.sidebarItems.forEach(\n      (item, i) => ((item as any).active = i === index)\n    );\n    this.activeIndex = index;\n\n    this.dispatchEvent(\n      new CustomEvent('nile-change', {\n        detail: { selectedItem, index },\n        bubbles: true,\n        composed: true,\n      })\n    );\n\n    this.requestUpdate();\n  };\n\n  private toggleCollapse() {\n    if (this.fixed) return;\n    this.collapsed = !this.collapsed;\n\n    this.dispatchEvent(\n      new CustomEvent('nile-toggle', {\n        detail: { collapsed: this.collapsed },\n        bubbles: true,\n        composed: true,\n      })\n    );\n  }\n\n  private handleMenuItemClick(index: number) {\n    const selectedItem = this.sidebarItems[index];\n    if (!selectedItem || selectedItem.hasAttribute('disabled')) return;\n\n    this.sidebarItems.forEach(\n      (item, i) => ((item as any).active = i === index)\n    );\n    this.activeIndex = index;\n    const text = selectedItem.textContent?.trim() || '';\n    const href = (selectedItem as any).href;\n    this.dispatchEvent(\n      new CustomEvent('nile-click', {\n        detail: { item: selectedItem, href, text },\n        bubbles: true,\n        composed: true,\n      })\n    );\n\n    if (href) window.location.href = href;\n\n    this.requestUpdate();\n  }\n\n  private get menuItemsTemplate() {\n    if (!this.sidebarItems?.length) return null;\n\n    return this.sidebarItems.map((item, index) => {\n      const content = html`\n        <nile-side-bar-action-menu-item\n          ?disabled=${item.hasAttribute('disabled')}\n          ?active=${this.activeIndex === index}\n          @click=${() => this.handleMenuItemClick(index)}\n        >\n          ${item.textContent}\n        </nile-side-bar-action-menu-item>\n      `;\n\n      return this.showTooltip\n        ? html`\n            <nile-tooltip content=${item.textContent} hoist placement=\"right\">\n              ${content}\n            </nile-tooltip>\n          `\n        : content;\n    });\n  }\n\n  public render(): TemplateResult {\n    return html`\n      <div class=\"sidebar\" part=\"base\">\n        <div class=\"sidebar-header\" part=\"header\">\n          ${!this.fixed\n            ? this.collapsed\n              ? html`\n                  <nile-side-bar-action\n                    class=\"toggle-action\"\n                    placement=\"bottom-start\"\n                    hoist\n                    open\n                    triggerDropdown=\"hover\"\n                  >\n                    <nile-button\n                      slot=\"trigger\"\n                      class=\"toggle-btn\"\n                      variant=\"tertiary\"\n                      @click=${this.toggleCollapse}\n                    >\n                      <nile-icon name=\"menu_close\"></nile-icon>\n                    </nile-button>\n                    <nile-side-bar-action-menu>\n                      ${this.menuItemsTemplate}\n                    </nile-side-bar-action-menu>\n                  </nile-side-bar-action>\n                `\n              : html`\n                  <nile-button\n                    class=\"toggle-btn\"\n                    variant=\"tertiary\"\n                    @click=${this.toggleCollapse}\n                  >\n                    <nile-icon name=\"menu_open\"></nile-icon>\n                  </nile-button>\n                `\n            : null}\n        </div>\n\n        <nav\n          class=\"sidebar-nav\"\n          style=${this.collapsed ? 'display:none;' : ''}\n          part=\"nav-items\"\n        >\n          <slot\n            @slotchange=${() => {\n              this.requestUpdate();\n              this.observeSidebarItems();\n              this.syncActiveFromItems();\n            }}\n          ></slot>\n        </nav>\n      </div>\n    `;\n  }\n}\n\nexport default NileInlineSidebar;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nile-inline-sidebar': NileInlineSidebar;\n  }\n}\n"],"names":["NileInlineSidebar","r","constructor","this","collapsed","fixed","showTooltip","activeIndex","handleItemSelect","event","selectedItem","detail","item","index","sidebarItems","indexOf","forEach","i","active","dispatchEvent","CustomEvent","bubbles","composed","requestUpdate","_this","_inherits","_a","_createClass","key","get","defaultSlot","assignedElements","flatten","flatMap","el","tagName","toLowerCase","Array","from","querySelectorAll","value","connectedCallback","super","addEventListener","mutationObserver","MutationObserver","syncActiveFromItems","disconnectedCallback","disconnect","removeEventListener","firstUpdated","observeSidebarItems","length","observe","attributes","attributeFilter","_this$sidebarItems2","findIndex","hasAttribute","toggleCollapse","handleMenuItemClick","_e$textContent","text","textContent","trim","href","window","location","_this$sidebarItems3","_this4","map","content","html","_templateObject","_taggedTemplateLiteral","_templateObject2","render","_templateObject3","_templateObject4","menuItemsTemplate","_templateObject5","__decorate","styles","NileElement","property","type","Boolean","reflect","prototype","attribute","state","query","customElement"],"mappings":"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"}
+{"version":3,"file":"nile-inline-sidebar.cjs.js","sources":["../../../src/nile-inline-sidebar/nile-inline-sidebar.ts"],"sourcesContent":["/**\n * Copyright Aquera Inc 2025\n *\n * This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { html, CSSResultArray, TemplateResult } from 'lit';\nimport { customElement, property, query, state } from 'lit/decorators.js';\nimport { styles } from './nile-inline-sidebar.css';\nimport NileElement from '../internal/nile-element';\n\n/**\n * Nile inline sidebar component.\n *\n * @tag nile-inline-sidebar\n */\n@customElement('nile-inline-sidebar')\nexport class NileInlineSidebar extends NileElement {\n  @property({ type: Boolean, reflect: true }) collapsed = false;\n\n  @property({ type: Boolean, reflect: true, attribute: true }) fixed = false;\n\n  @property({ type: Boolean, reflect: true }) showTooltip = false;\n\n  @state() private activeIndex: number = -1;\n\n  @query('slot') private defaultSlot!: HTMLSlotElement;\n\n  private mutationObserver?: MutationObserver;\n\n  public static get styles(): CSSResultArray {\n    return [styles];\n  }\n\n  private get sidebarItems(): HTMLElement[] {\n    if (!this.defaultSlot) return [];\n    const assigned = this.defaultSlot.assignedElements({ flatten: true });\n    const items = assigned.flatMap(el =>\n      el.tagName.toLowerCase() === 'nile-inline-sidebar-item'\n        ? [el]\n        : Array.from(el.querySelectorAll('nile-inline-sidebar-item'))\n    );\n    return items as HTMLElement[];\n  }\n\n  connectedCallback() {\n    super.connectedCallback();\n    this.addEventListener('nile-click', this.handleItemSelect);\n    this.mutationObserver = new MutationObserver(() =>\n      this.syncActiveFromItems()\n    );\n  }\n\n  disconnectedCallback() {\n    super.disconnectedCallback();\n    this.mutationObserver?.disconnect();\n    this.removeEventListener('nile-click', this.handleItemSelect);\n  }\n\n  firstUpdated() {\n    this.observeSidebarItems();\n    this.syncActiveFromItems();\n\n    if (this.fixed) {\n      this.collapsed = false;\n    }\n  }\n\n  private observeSidebarItems() {\n    if (!this.sidebarItems?.length || !this.mutationObserver) return;\n    this.sidebarItems.forEach(item =>\n      this.mutationObserver!.observe(item, {\n        attributes: true,\n        attributeFilter: ['active'],\n      })\n    );\n  }\n\n  private syncActiveFromItems() {\n    if (!this.sidebarItems?.length) return;\n    const activeIndex = this.sidebarItems.findIndex(item =>\n      item.hasAttribute('active')\n    );\n    if (activeIndex !== -1 && activeIndex !== this.activeIndex) {\n      this.activeIndex = activeIndex;\n      this.requestUpdate();\n    }\n  }\n\n  private handleItemSelect = (event: CustomEvent) => {\n    const selectedItem = event.detail.item as HTMLElement;\n    const index = this.sidebarItems.indexOf(selectedItem);\n\n    this.sidebarItems.forEach(\n      (item, i) => ((item as any).active = i === index)\n    );\n    this.activeIndex = index;\n\n    this.dispatchEvent(\n      new CustomEvent('nile-change', {\n        detail: { selectedItem, index },\n        bubbles: true,\n        composed: true,\n      })\n    );\n\n    this.requestUpdate();\n  };\n\n  private toggleCollapse() {\n    if (this.fixed) return;\n    this.collapsed = !this.collapsed;\n\n    this.dispatchEvent(\n      new CustomEvent('nile-toggle', {\n        detail: { collapsed: this.collapsed },\n        bubbles: true,\n        composed: true,\n      })\n    );\n  }\n\n  private handleMenuItemClick(index: number) {\n    const selectedItem = this.sidebarItems[index];\n    if (!selectedItem || selectedItem.hasAttribute('disabled')) return;\n\n    this.sidebarItems.forEach(\n      (item, i) => ((item as any).active = i === index)\n    );\n    this.activeIndex = index;\n    const text = selectedItem.textContent?.trim() || '';\n    const href = (selectedItem as any).href;\n    this.dispatchEvent(\n      new CustomEvent('nile-click', {\n        detail: { item: selectedItem, href, text },\n        bubbles: true,\n        composed: true,\n      })\n    );\n\n    if (href) window.location.href = href;\n\n    this.requestUpdate();\n  }\n\n  private get menuItemsTemplate() {\n    if (!this.sidebarItems?.length) return null;\n  \n    return this.sidebarItems.map((item, index) => {\n      const shouldShowTooltip = (item as any).tooltip;\n      const isTruncated =\n        item.scrollWidth > item.clientWidth ||\n        item.scrollHeight > item.clientHeight;\n  \n      const content = html`\n        <nile-side-bar-action-menu-item\n          ?disabled=${item.hasAttribute('disabled')}\n          ?active=${this.activeIndex === index}\n          @click=${() => this.handleMenuItemClick(index)}\n        >\n          ${item.textContent}\n        </nile-side-bar-action-menu-item>\n      `;\n      return shouldShowTooltip || isTruncated\n        ? html`\n            <nile-inline-tooltip\n              content=${item.textContent?.trim() || ''}\n              hoist\n              placement=\"right\"\n            >\n              ${content}\n            </nile-inline-tooltip>\n          `\n        : content;\n    });\n  }\n  \n  \n  \n\n  public render(): TemplateResult {\n    return html`\n      <div class=\"sidebar\" part=\"base\">\n        <div class=\"sidebar-header\" part=\"header\">\n          ${!this.fixed\n            ? this.collapsed\n              ? html`\n                  <nile-side-bar-action\n                    class=\"toggle-action\"\n                    placement=\"bottom-start\"\n                    hoist\n                    open\n                    triggerDropdown=\"hover\"\n                  >\n                    <nile-button\n                      slot=\"trigger\"\n                      class=\"toggle-btn\"\n                      variant=\"tertiary\"\n                      @click=${this.toggleCollapse}\n                    >\n                      <nile-icon name=\"menu_close\"></nile-icon>\n                    </nile-button>\n                    <nile-side-bar-action-menu>\n                      ${this.menuItemsTemplate}\n                    </nile-side-bar-action-menu>\n                  </nile-side-bar-action>\n                `\n              : html`\n                  <nile-button\n                    class=\"toggle-btn\"\n                    variant=\"tertiary\"\n                    @click=${this.toggleCollapse}\n                  >\n                    <nile-icon name=\"menu_open\"></nile-icon>\n                  </nile-button>\n                `\n            : null}\n        </div>\n\n        <nav\n          class=\"sidebar-nav\"\n          style=${this.collapsed ? 'display:none;' : ''}\n          part=\"nav-items\"\n        >\n          <slot\n            @slotchange=${() => {\n              this.requestUpdate();\n              this.observeSidebarItems();\n              this.syncActiveFromItems();\n            }}\n          ></slot>\n        </nav>\n      </div>\n    `;\n  }\n}\n\nexport default NileInlineSidebar;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nile-inline-sidebar': NileInlineSidebar;\n  }\n}\n"],"names":["NileInlineSidebar","r","this","collapsed","fixed","showTooltip","activeIndex","handleItemSelect","event","selectedItem","detail","item","index","sidebarItems","indexOf","forEach","i","active","dispatchEvent","CustomEvent","bubbles","composed","requestUpdate","_this","_inherits","_a","_createClass","key","get","defaultSlot","assignedElements","flatten","flatMap","el","tagName","toLowerCase","Array","from","querySelectorAll","value","connectedCallback","super","addEventListener","mutationObserver","MutationObserver","syncActiveFromItems","disconnectedCallback","disconnect","removeEventListener","firstUpdated","observeSidebarItems","length","observe","attributes","attributeFilter","findIndex","hasAttribute","toggleCollapse","handleMenuItemClick","_i$textContent","text","textContent","trim","href","window","location","_this$sidebarItems3","_this4","map","_t$textContent","shouldShowTooltip","tooltip","isTruncated","scrollWidth","clientWidth","scrollHeight","clientHeight","content","html","_templateObject","_taggedTemplateLiteral","_templateObject2","render","_templateObject3","_templateObject4","menuItemsTemplate","_templateObject5","__decorate","styles","NileElement","property","type","Boolean","reflect","prototype","attribute","state","query","customElement"],"mappings":"wxHAkBaA,CAAAA,uBAAAA,EAAAA,EAAN,SAAAC,EAAA,uEACuCC,KAAAA,CAASC,SAAAA,CAAAA,CAAG,CAEKD,CAAAA,KAAAA,CAAKE,OAAG,CAEzBF,CAAAA,KAAAA,CAAWG,WAAG,CAAA,CAAA,CAAA,CAEzCH,KAAAA,CAAWI,WAAY,CAAA,CAAA,CAAA,CAiEhCJ,KAAAA,CAAAK,gBAAAA,CAAoBC,SAAAA,GAC1B,GAAMC,CAAAA,CAAAA,CAAeD,CAAME,CAAAA,MAAAA,CAAOC,IAC5BC,CAAAA,CAAAA,CAAQV,KAAAA,CAAKW,YAAAA,CAAaC,QAAQL,CAExCP,CAAAA,CAAAA,KAAAA,CAAKW,YAAaE,CAAAA,OAAAA,CAChB,SAACJ,CAAMK,CAAAA,CAAAA,QAAQL,CAAAA,CAAaM,CAAAA,MAAAA,CAASD,IAAMJ,CAE7CV,EAAAA,CAAAA,CAAAA,KAAAA,CAAKI,WAAcM,CAAAA,CAAAA,CAEnBV,KAAAA,CAAKgB,aACH,CAAA,GAAIC,CAAAA,WAAY,CAAA,aAAA,CAAe,CAC7BT,MAAQ,CAAA,CAAED,YAAcG,CAAAA,CAAAA,CAAAA,KAAAA,CAAAA,CAAAA,CAAAA,CACxBQ,SAAS,CACTC,CAAAA,QAAAA,CAAAA,CAAU,CAIdnB,CAAAA,CAAAA,CAAAA,CAAAA,KAAAA,CAAKoB,eAAe,EAiIvB,QAAAC,KAAA,EA7MQC,SAAA,CAAAvB,CAAA,CAAAwB,EAAA,SAAAC,YAAA,CAAAzB,CAAA,GAAA0B,GAAA,gBAAAC,GAAA,CAIP,SAAAA,IAAA,CACE,CAAA,GAAA,CAAK1B,IAAK2B,CAAAA,WAAAA,CAAa,MAAO,EAO9B,CAAA,MANiB3B,KAAK2B,CAAAA,WAAAA,CAAYC,iBAAiB,CAAEC,OAAAA,CAAAA,CAAS,CACvCC,CAAAA,CAAAA,CAAAA,OAAAA,CAAQC,SAAAA,SACA,0BAA7BA,GAAAA,CAAAA,CAAGC,OAAQC,CAAAA,WAAAA,CAAAA,CAAAA,CACP,CAACF,CACDG,CAAAA,CAAAA,KAAAA,CAAMC,IAAKJ,CAAAA,CAAAA,CAAGK,iBAAiB,0BAGtC,CAAA,CAAA,EAAA,CAAA,EAED,GAAAX,GAAA,qBAAAY,KAAA,UAAAC,iBAAAA,CAAAA,CAAAA,KAAAA,MAAAA,MACEC,aAAAA,CAAAA,CAAAA,iCACAvC,IAAAA,CAAKwC,gBAAiB,CAAA,YAAA,CAAcxC,KAAKK,gBACzCL,CAAAA,CAAAA,IAAAA,CAAKyC,gBAAmB,CAAA,GAAIC,CAAAA,iBAAiB,iBAC3C1C,CAAAA,MAAAA,CAAK2C,mBAER,CAAA,CAAA,EAAA,CAAA,EAED,GAAAlB,GAAA,wBAAAY,KAAA,UAAAO,oBAAAA,CAAAA,CACEL,KAAAA,qBAAAA,CAAAA,aAAAA,CAAAA,CAAAA,qCAAAA,qBAAAA,CACAvC,IAAAA,CAAKyC,0DAALzC,qBAAAA,CAAuB6C,UACvB7C,CAAAA,CAAAA,CAAAA,IAAAA,CAAK8C,mBAAoB,CAAA,YAAA,CAAc9C,KAAKK,gBAC7C,CAAA,EAED,GAAAoB,GAAA,gBAAAY,KAAA,UAAAU,YAAAA,CAAAA,CAAAA,CACE/C,KAAKgD,mBACLhD,CAAAA,CAAAA,CAAAA,IAAAA,CAAK2C,mBAED3C,CAAAA,CAAAA,CAAAA,IAAAA,CAAKE,QACPF,IAAKC,CAAAA,SAAAA,CAAAA,CAAY,CAEpB,CAAA,EAEO,GAAAwB,GAAA,uBAAAY,KAAA,UAAAW,mBAAAA,CAAAA,CACDhD,KAAAA,kBAAAA,CAAAA,MAAAA,MAAAA,EAAAA,kBAAAA,KAAAA,CAAKW,YAAcsC,UAAAA,kBAAAA,iBAAnBjD,kBAAAA,CAAmBiD,MAAAA,GAAWjD,IAAKyC,CAAAA,gBAAAA,EACxCzC,IAAKW,CAAAA,YAAAA,CAAaE,QAAQJ,SAAAA,CACxBT,QAAAA,CAAAA,MAAAA,CAAKyC,gBAAkBS,CAAAA,OAAAA,CAAQzC,EAAM,CACnC0C,UAAAA,CAAAA,CAAY,CACZC,CAAAA,eAAAA,CAAiB,CAAC,QAGvB,CAAA,CAAA,CAAA,EAAA,CAAA,EAEO,GAAA3B,GAAA,uBAAAY,KAAA,UAAAM,mBAAAA,CAAAA,CAAAA,KAAAA,mBAAAA,CACN,0BAAK3C,IAAKW,CAAAA,YAAAA,UAAAA,mBAAAA,WAALX,mBAAAA,CAAmBiD,MAAQ,EAAA,OAChC,GAAM7C,CAAAA,CAAcJ,CAAAA,IAAAA,CAAKW,YAAa0C,CAAAA,SAAAA,CAAU5C,SAAAA,SAC9CA,CAAAA,CAAK6C,CAAAA,YAAAA,CAAa,QAEC,CAAA,EAAA,CAAA,CAAA,CAAA,CAAA,GAAjBlD,GAAsBA,CAAgBJ,GAAAA,IAAAA,CAAKI,WAC7CJ,GAAAA,IAAAA,CAAKI,YAAcA,CACnBJ,CAAAA,IAAAA,CAAKoB,aAER,CAAA,CAAA,CAAA,EAsBO,GAAAK,GAAA,kBAAAY,KAAA,UAAAkB,cAAAA,CAAAA,CACFvD,CAAAA,IAAAA,CAAKE,KACTF,GAAAA,IAAAA,CAAKC,WAAaD,IAAKC,CAAAA,SAAAA,CAEvBD,IAAKgB,CAAAA,aAAAA,CACH,GAAIC,CAAAA,WAAY,CAAA,aAAA,CAAe,CAC7BT,MAAAA,CAAQ,CAAEP,SAAWD,CAAAA,IAAAA,CAAKC,SAC1BiB,CAAAA,CAAAA,OAAAA,CAAAA,CAAS,EACTC,QAAU,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAGf,EAEO,GAAAM,GAAA,uBAAAY,KAAA,UAAAmB,mBAAAA,CAAoB9C,CAC1B,CAAA,KAAA+C,cAAA,CAAA,GAAMlD,CAAAA,CAAeP,CAAAA,IAAAA,CAAKW,aAAaD,CACvC,CAAA,CAAA,GAAA,CAAKH,CAAgBA,EAAAA,CAAAA,CAAa+C,YAAa,CAAA,UAAA,CAAA,CAAa,OAE5DtD,IAAAA,CAAKW,aAAaE,OAChB,CAAA,SAACJ,CAAMK,CAAAA,CAAAA,QAAQL,CAAAA,EAAaM,MAASD,CAAAA,CAAAA,GAAMJ,CAE7CV,EAAAA,CAAAA,CAAAA,IAAAA,CAAKI,YAAcM,CACnB,CAAA,GAAMgD,CAAAA,CAAOnD,CAAAA,EAAAA,cAAAA,CAAAA,CAAAA,CAAaoD,oDAAbpD,cAAAA,CAA0BqD,IAAU,CAAA,CAAA,GAAA,EAAA,CAC3CC,CAAQtD,CAAAA,CAAAA,CAAqBsD,KACnC7D,IAAKgB,CAAAA,aAAAA,CACH,GAAIC,CAAAA,WAAAA,CAAY,aAAc,CAC5BT,MAAAA,CAAQ,CAAEC,IAAAA,CAAMF,EAAcsD,IAAMH,CAAAA,CAAAA,CAAAA,IAAAA,CAAAA,CAAAA,CAAAA,CACpCxC,OAAS,CAAA,CAAA,CAAA,CACTC,UAAU,CAIV0C,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,GAAMC,MAAOC,CAAAA,QAAAA,CAASF,KAAOA,CAEjC7D,CAAAA,CAAAA,IAAAA,CAAKoB,aACN,CAAA,CAAA,EAED,GAAAK,GAAA,qBAAAC,GAAA,UAAAA,IAAA,CACE,KAAAsC,mBAAA,CAAAC,MAAA,MAAA,MAAKjE,CAAAA,mBAAAA,KAAKW,CAAAA,YAAAA,UAAAA,mBAAAA,WAALX,mBAAAA,CAAmBiD,OAEjBjD,IAAKW,CAAAA,YAAAA,CAAauD,GAAI,CAAA,SAACzD,EAAMC,CAClC,CAAA,KAAAyD,cAAA,CAAA,GAAMC,CAAAA,CAAqB3D,CAAAA,CAAAA,CAAa4D,QAClCC,CACJ7D,CAAAA,CAAAA,CAAK8D,WAAc9D,CAAAA,CAAAA,CAAK+D,aACxB/D,CAAKgE,CAAAA,YAAAA,CAAehE,CAAKiE,CAAAA,YAAAA,CAErBC,EAAUC,CAAI,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA,oMAEJrE,CAAAA,CAAK6C,YAAa,CAAA,UAAA,CAAA,CACpBtD,MAAAA,CAAKI,WAAgBM,GAAAA,CAAAA,CACtB,iBAAMV,CAAAA,OAAKwD,mBAAoB9C,CAAAA,CAAAA,CAAAA,GAEtCD,CAAKkD,CAAAA,WAAAA,EAGX,MAAOS,CAAAA,CAAAA,EAAqBE,EACxBM,CAAI,CAAAG,gBAAA,GAAAA,gBAAA,CAAAD,sBAAA,+MAEUrE,EAAAA,cAAAA,CAAAA,CAAAA,CAAKkD,oDAALlD,cAAAA,CAAkBmD,IAAU,CAAA,CAAA,GAAA,EAAA,CAIpCe,CAAAA,EAGNA,CAAO,IA3B0B,IA6BxC,EAKM,GAAAlD,GAAA,UAAAY,KAAA,UAAA2C,MAAAA,CAAAA,CAAAA,KAAAA,MAAAA,MACL,MAAOJ,CAAAA,CAAI,CAAAK,gBAAA,GAAAA,gBAAA,CAAAH,sBAAA,iWAGF9E,IAAAA,CAAKE,KAgCJ,CAAA,IAAA,CA/BAF,IAAKC,CAAAA,SAAAA,CACH2E,CAAI,CAAAM,gBAAA,GAAAA,gBAAA,CAAAJ,sBAAA,owBAYW9E,IAAKuD,CAAAA,cAAAA,CAKZvD,IAAKmF,CAAAA,iBAAAA,EAIbP,CAAI,CAAAQ,gBAAA,GAAAA,gBAAA,CAAAN,sBAAA,qSAIS9E,IAAKuD,CAAAA,cAAAA,EAUhBvD,IAAAA,CAAKC,UAAY,eAAkB,CAAA,EAAA,CAI3B,UAAA,CACZD,MAAKoB,CAAAA,aAAAA,CAAAA,CAAAA,CACLpB,MAAKgD,CAAAA,mBAAAA,CAAAA,CAAAA,CACLhD,OAAK2C,mBAAqB,CAAA,CAAA,EAAA,EAMrC,CAxN2C0C,KAAAA,GAAAA,UAAAA,GAAAA,CAYrC,SAAA3D,IAAA,CAAW4D,CAChB,MAAO,CAACA,CACT,CAAA,EAED,MAjBqCC,CAAhC,GACuCF,CAAAA,CAAA,CAA3CG,CAAAA,CAAS,CAAEC,IAAAA,CAAMC,OAASC,CAAAA,OAAAA,CAAAA,CAAS,CAA0B7F,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAA8F,SAAA,CAAA,WAAA,CAAA,IAAA,EAEDP,CAAAA,CAAAA,CAAAA,CAAA,CAA5DG,CAAAA,CAAS,CAAEC,IAAAA,CAAMC,OAASC,CAAAA,OAAAA,CAAAA,CAAS,CAAME,CAAAA,SAAAA,CAAAA,CAAW,CAAsB/F,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAA8F,SAAA,CAAA,OAAA,CAAA,IAAA,EAE/BP,CAAAA,CAAAA,CAAAA,CAAA,CAA3CG,CAAAA,CAAS,CAAEC,IAAMC,CAAAA,OAAAA,CAASC,OAAS,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAA4B7F,CAAA8F,CAAAA,SAAAA,CAAA,aAAA,CAAA,IAAA,EAAA,CAAA,CAE/CP,CAAA,CAAA,CAAhBS,CAAyChG,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAA8F,SAAA,CAAA,aAAA,CAAA,IAAA,EAEnBP,CAAAA,CAAAA,CAAAA,CAAA,CAAtBU,CAAAA,CAAM,MAA8CjG,CAAAA,CAAAA,CAAAA,CAAAA,CAAA8F,SAAA,CAAA,aAAA,CAAA,IAAA,EAT1C9F,CAAAA,CAAAA,OAAAA,KAAAA,CAAAA,CAAiBuF,CAAA,CAAA,CAD7BW,CAAc,CAAA,qBAAA,CAAA,CAAA,CACFlG"}

package/dist/nile-inline-sidebar/nile-inline-sidebar.css.cjs.js

@@ -1,2 +1,2 @@
-System.register(["lit"],function(_export,_context){"use strict";var i,_templateObject,e;function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}));}return{setters:[function(_lit){i=_lit.css;}],execute:function execute(){_export("s",e=i(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n  :host {\n    display: block;\n    height: 100%;\n  }\n  .sidebar {\n    display: flex;\n    flex-direction: column;\n    height: 100%;\n    background: white;\n    border-right: 1px solid var(--nile-colors-neutral-400);\n    transition: width 0.3s ease;\n    position: relative;\n  }\n  .toggle-btn {\n    position: absolute;\n    top: var(--nile-spacing-2xl);\n    right: -14px;\n    z-index: 10;\n  }\n\n  nile-button.toggle-btn::part(base) {\n    width: 30px;\n    height: 30px;\n  }\n  :host(:not([collapsed])) .sidebar {\n    width: 216px;\n  }\n  :host([collapsed]) .sidebar {\n    width: 0px;\n  }\n  :host([collapsed]) .sidebar-nav {\n    display: none;\n  }\n  .sidebar-header {\n    display: flex;\n    justify-content: flex-end;\n  }\n  .sidebar-nav {\n    display: flex;\n    flex-direction: column;\n    gap: var(--nile-spacing-xs);\n    padding-right: var(--nile-spacing-xl);\n    padding-top: var(--nile-spacing-2xl);\n    padding-bottom: var(--nile-spacing-2xl);\n  }\n\n  nile-side-bar-action-menu {\n    width: fit-content;\n    max-width: 400px;\n    min-width: 200px;\n  }\n\n  nile-side-bar-action-menu::part(menu__items-wrapper) {\n    width: 100%;\n    max-width: 400px;\n    padding-top: var(--nile-spacing-lg);\n    padding-bottom: var(--nile-spacing-lg);\n  }\n\n  nile-side-bar-action-menu-item::part(base) {\n    width: 100%;\n    margin-left: 0;\n    margin-right: 0;\n    border-radius: 0;\n  }\n\n  nile-side-bar-action-menu-item::part(label) {\n    display: block;\n    width: 100%;\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n  }\n\n  /* Transition for sidebar button when it is closed and opened */\n  nile-side-bar-action::part(panel),\n  nile-side-bar-action-menu {\n    opacity: 0;\n    pointer-events: none;\n    transition: opacity 0.2s ease-in;\n    transition-delay: 50ms;\n  }\n\n  nile-side-bar-action:hover::part(panel),\n  nile-side-bar-action:hover nile-side-bar-action-menu {\n    opacity: 1;\n    pointer-events: auto;\n    transition-delay: 0ms;\n  }\n"]))));}};});
+System.register(["lit"],function(_export,_context){"use strict";var i,_templateObject,e;function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}));}return{setters:[function(_lit){i=_lit.css;}],execute:function execute(){_export("s",e=i(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n  :host {\n    display: block;\n    height: 100%;\n  }\n  .sidebar {\n    display: flex;\n    flex-direction: column;\n    height: 100%;\n    background: white;\n    border-right: 1px solid var(--nile-colors-neutral-400);\n    transition: width 0.3s ease;\n    position: relative;\n  }\n  .toggle-btn {\n    position: absolute;\n    top: var(--nile-spacing-2xl);\n    right: -14px;\n    z-index: 10;\n  }\n\n  nile-button.toggle-btn::part(base) {\n    width: 30px;\n    height: 30px;\n  }\n  :host(:not([collapsed])) .sidebar {\n    width: 216px;\n  }\n  :host([collapsed]) .sidebar {\n    width: 0px;\n  }\n  :host([collapsed]) .sidebar-nav {\n    display: none;\n  }\n  .sidebar-header {\n    display: flex;\n    justify-content: flex-end;\n  }\n  .sidebar-nav {\n    display: flex;\n    flex-direction: column;\n    gap: var(--nile-spacing-xs);\n    padding-right: var(--nile-spacing-xl);\n    padding-top: var(--nile-spacing-3xl);\n    padding-bottom: var(--nile-spacing-3xl);\n  }\n\n  nile-side-bar-action-menu {\n    width: fit-content;\n    max-width: 400px;\n    min-width: 200px;\n  }\n\n  nile-side-bar-action-menu::part(menu__items-wrapper) {\n    width: 100%;\n    max-width: 400px;\n    padding-top: var(--nile-spacing-lg);\n    padding-bottom: var(--nile-spacing-lg);\n  }\n\n  nile-side-bar-action-menu-item::part(base) {\n    width: 100%;\n    margin-left: 0;\n    margin-right: 0;\n    border-radius: 0;\n    color: black;\n  }\n\n\n  nile-side-bar-action-menu-item[active]::part(base):hover {\n    background: var(--nile-colors-primary-100);\n    color: black;\n  }\n\n  nile-side-bar-action-menu-item::part(label) {\n    display: block;\n    width: 100%;\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n\n  }\n\n  /* Transition for sidebar button when it is closed and opened */\n  nile-side-bar-action::part(panel),\n  nile-side-bar-action-menu {\n    opacity: 0;\n    pointer-events: none;\n    transition: opacity 0.2s ease-in;\n    transition-delay: 50ms;\n  }\n\n  nile-side-bar-action:hover::part(panel),\n  nile-side-bar-action:hover nile-side-bar-action-menu {\n    opacity: 1;\n    pointer-events: auto;\n    transition-delay: 0ms;\n  }\n"]))));}};});
 //# sourceMappingURL=nile-inline-sidebar.css.cjs.js.map

package/dist/nile-inline-sidebar/nile-inline-sidebar.css.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"nile-inline-sidebar.css.cjs.js","sources":["../../../src/nile-inline-sidebar/nile-inline-sidebar.css.ts"],"sourcesContent":["/**\n * Copyright Aquera Inc 2025\n *\n * This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { css } from 'lit';\n\nexport const styles = css`\n  :host {\n    display: block;\n    height: 100%;\n  }\n  .sidebar {\n    display: flex;\n    flex-direction: column;\n    height: 100%;\n    background: white;\n    border-right: 1px solid var(--nile-colors-neutral-400);\n    transition: width 0.3s ease;\n    position: relative;\n  }\n  .toggle-btn {\n    position: absolute;\n    top: var(--nile-spacing-2xl);\n    right: -14px;\n    z-index: 10;\n  }\n\n  nile-button.toggle-btn::part(base) {\n    width: 30px;\n    height: 30px;\n  }\n  :host(:not([collapsed])) .sidebar {\n    width: 216px;\n  }\n  :host([collapsed]) .sidebar {\n    width: 0px;\n  }\n  :host([collapsed]) .sidebar-nav {\n    display: none;\n  }\n  .sidebar-header {\n    display: flex;\n    justify-content: flex-end;\n  }\n  .sidebar-nav {\n    display: flex;\n    flex-direction: column;\n    gap: var(--nile-spacing-xs);\n    padding-right: var(--nile-spacing-xl);\n    padding-top: var(--nile-spacing-2xl);\n    padding-bottom: var(--nile-spacing-2xl);\n  }\n\n  nile-side-bar-action-menu {\n    width: fit-content;\n    max-width: 400px;\n    min-width: 200px;\n  }\n\n  nile-side-bar-action-menu::part(menu__items-wrapper) {\n    width: 100%;\n    max-width: 400px;\n    padding-top: var(--nile-spacing-lg);\n    padding-bottom: var(--nile-spacing-lg);\n  }\n\n  nile-side-bar-action-menu-item::part(base) {\n    width: 100%;\n    margin-left: 0;\n    margin-right: 0;\n    border-radius: 0;\n  }\n\n  nile-side-bar-action-menu-item::part(label) {\n    display: block;\n    width: 100%;\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n  }\n\n  /* Transition for sidebar button when it is closed and opened */\n  nile-side-bar-action::part(panel),\n  nile-side-bar-action-menu {\n    opacity: 0;\n    pointer-events: none;\n    transition: opacity 0.2s ease-in;\n    transition-delay: 50ms;\n  }\n\n  nile-side-bar-action:hover::part(panel),\n  nile-side-bar-action:hover nile-side-bar-action-menu {\n    opacity: 1;\n    pointer-events: auto;\n    transition-delay: 0ms;\n  }\n`;\n"],"names":["styles","css","_templateObject","_taggedTemplateLiteral"],"mappings":"oTASaA,CAAAA,CAASC,CAAG,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA"}
+{"version":3,"file":"nile-inline-sidebar.css.cjs.js","sources":["../../../src/nile-inline-sidebar/nile-inline-sidebar.css.ts"],"sourcesContent":["/**\n * Copyright Aquera Inc 2025\n *\n * This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { css } from 'lit';\n\nexport const styles = css`\n  :host {\n    display: block;\n    height: 100%;\n  }\n  .sidebar {\n    display: flex;\n    flex-direction: column;\n    height: 100%;\n    background: white;\n    border-right: 1px solid var(--nile-colors-neutral-400);\n    transition: width 0.3s ease;\n    position: relative;\n  }\n  .toggle-btn {\n    position: absolute;\n    top: var(--nile-spacing-2xl);\n    right: -14px;\n    z-index: 10;\n  }\n\n  nile-button.toggle-btn::part(base) {\n    width: 30px;\n    height: 30px;\n  }\n  :host(:not([collapsed])) .sidebar {\n    width: 216px;\n  }\n  :host([collapsed]) .sidebar {\n    width: 0px;\n  }\n  :host([collapsed]) .sidebar-nav {\n    display: none;\n  }\n  .sidebar-header {\n    display: flex;\n    justify-content: flex-end;\n  }\n  .sidebar-nav {\n    display: flex;\n    flex-direction: column;\n    gap: var(--nile-spacing-xs);\n    padding-right: var(--nile-spacing-xl);\n    padding-top: var(--nile-spacing-3xl);\n    padding-bottom: var(--nile-spacing-3xl);\n  }\n\n  nile-side-bar-action-menu {\n    width: fit-content;\n    max-width: 400px;\n    min-width: 200px;\n  }\n\n  nile-side-bar-action-menu::part(menu__items-wrapper) {\n    width: 100%;\n    max-width: 400px;\n    padding-top: var(--nile-spacing-lg);\n    padding-bottom: var(--nile-spacing-lg);\n  }\n\n  nile-side-bar-action-menu-item::part(base) {\n    width: 100%;\n    margin-left: 0;\n    margin-right: 0;\n    border-radius: 0;\n    color: black;\n  }\n\n\n  nile-side-bar-action-menu-item[active]::part(base):hover {\n    background: var(--nile-colors-primary-100);\n    color: black;\n  }\n\n  nile-side-bar-action-menu-item::part(label) {\n    display: block;\n    width: 100%;\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n\n  }\n\n  /* Transition for sidebar button when it is closed and opened */\n  nile-side-bar-action::part(panel),\n  nile-side-bar-action-menu {\n    opacity: 0;\n    pointer-events: none;\n    transition: opacity 0.2s ease-in;\n    transition-delay: 50ms;\n  }\n\n  nile-side-bar-action:hover::part(panel),\n  nile-side-bar-action:hover nile-side-bar-action-menu {\n    opacity: 1;\n    pointer-events: auto;\n    transition-delay: 0ms;\n  }\n`;\n"],"names":["styles","css","_templateObject","_taggedTemplateLiteral"],"mappings":"oTASaA,CAAAA,CAASC,CAAG,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA"}

package/dist/nile-inline-sidebar/nile-inline-sidebar.css.esm.js

@@ -41,8 +41,8 @@ import{css as i}from"lit";const e=i`
     flex-direction: column;
     gap: var(--nile-spacing-xs);
     padding-right: var(--nile-spacing-xl);
-    padding-top: var(--nile-spacing-2xl);
-    padding-bottom: var(--nile-spacing-2xl);
+    padding-top: var(--nile-spacing-3xl);
+    padding-bottom: var(--nile-spacing-3xl);
   }
 
   nile-side-bar-action-menu {
@@ -63,6 +63,13 @@ import{css as i}from"lit";const e=i`
     margin-left: 0;
     margin-right: 0;
     border-radius: 0;
+    color: black;
+  }
+
+
+  nile-side-bar-action-menu-item[active]::part(base):hover {
+    background: var(--nile-colors-primary-100);
+    color: black;
   }
 
   nile-side-bar-action-menu-item::part(label) {
@@ -71,6 +78,7 @@ import{css as i}from"lit";const e=i`
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;
+
   }
 
   /* Transition for sidebar button when it is closed and opened */

package/dist/nile-inline-sidebar/nile-inline-sidebar.esm.js

@@ -1,4 +1,4 @@
-import{__decorate as t}from"tslib";import{html as e}from"lit";import{property as i,state as s,query as n,customElement as l}from"lit/decorators.js";import{s as o}from"./nile-inline-sidebar.css.esm.js";import{N as a}from"../internal/nile-element.esm.js";let r=class extends a{constructor(){super(...arguments),this.collapsed=!1,this.fixed=!1,this.showTooltip=!1,this.activeIndex=-1,this.handleItemSelect=t=>{const e=t.detail.item,i=this.sidebarItems.indexOf(e);this.sidebarItems.forEach(((t,e)=>t.active=e===i)),this.activeIndex=i,this.dispatchEvent(new CustomEvent("nile-change",{detail:{selectedItem:e,index:i},bubbles:!0,composed:!0})),this.requestUpdate()}}static get styles(){return[o]}get sidebarItems(){if(!this.defaultSlot)return[];return this.defaultSlot.assignedElements({flatten:!0}).flatMap((t=>"nile-inline-sidebar-item"===t.tagName.toLowerCase()?[t]:Array.from(t.querySelectorAll("nile-inline-sidebar-item"))))}connectedCallback(){super.connectedCallback(),this.addEventListener("nile-click",this.handleItemSelect),this.mutationObserver=new MutationObserver((()=>this.syncActiveFromItems()))}disconnectedCallback(){super.disconnectedCallback(),this.mutationObserver?.disconnect(),this.removeEventListener("nile-click",this.handleItemSelect)}firstUpdated(){this.observeSidebarItems(),this.syncActiveFromItems(),this.fixed&&(this.collapsed=!1)}observeSidebarItems(){this.sidebarItems?.length&&this.mutationObserver&&this.sidebarItems.forEach((t=>this.mutationObserver.observe(t,{attributes:!0,attributeFilter:["active"]})))}syncActiveFromItems(){if(!this.sidebarItems?.length)return;const t=this.sidebarItems.findIndex((t=>t.hasAttribute("active")));-1!==t&&t!==this.activeIndex&&(this.activeIndex=t,this.requestUpdate())}toggleCollapse(){this.fixed||(this.collapsed=!this.collapsed,this.dispatchEvent(new CustomEvent("nile-toggle",{detail:{collapsed:this.collapsed},bubbles:!0,composed:!0})))}handleMenuItemClick(t){const e=this.sidebarItems[t];if(!e||e.hasAttribute("disabled"))return;this.sidebarItems.forEach(((e,i)=>e.active=i===t)),this.activeIndex=t;const i=e.textContent?.trim()||"",s=e.href;this.dispatchEvent(new CustomEvent("nile-click",{detail:{item:e,href:s,text:i},bubbles:!0,composed:!0})),s&&(window.location.href=s),this.requestUpdate()}get menuItemsTemplate(){return this.sidebarItems?.length?this.sidebarItems.map(((t,i)=>{const s=e`
+import{__decorate as t}from"tslib";import{html as e}from"lit";import{property as i,state as s,query as n,customElement as l}from"lit/decorators.js";import{s as o}from"./nile-inline-sidebar.css.esm.js";import{N as a}from"../internal/nile-element.esm.js";let r=class extends a{constructor(){super(...arguments),this.collapsed=!1,this.fixed=!1,this.showTooltip=!1,this.activeIndex=-1,this.handleItemSelect=t=>{const e=t.detail.item,i=this.sidebarItems.indexOf(e);this.sidebarItems.forEach(((t,e)=>t.active=e===i)),this.activeIndex=i,this.dispatchEvent(new CustomEvent("nile-change",{detail:{selectedItem:e,index:i},bubbles:!0,composed:!0})),this.requestUpdate()}}static get styles(){return[o]}get sidebarItems(){if(!this.defaultSlot)return[];return this.defaultSlot.assignedElements({flatten:!0}).flatMap((t=>"nile-inline-sidebar-item"===t.tagName.toLowerCase()?[t]:Array.from(t.querySelectorAll("nile-inline-sidebar-item"))))}connectedCallback(){super.connectedCallback(),this.addEventListener("nile-click",this.handleItemSelect),this.mutationObserver=new MutationObserver((()=>this.syncActiveFromItems()))}disconnectedCallback(){super.disconnectedCallback(),this.mutationObserver?.disconnect(),this.removeEventListener("nile-click",this.handleItemSelect)}firstUpdated(){this.observeSidebarItems(),this.syncActiveFromItems(),this.fixed&&(this.collapsed=!1)}observeSidebarItems(){this.sidebarItems?.length&&this.mutationObserver&&this.sidebarItems.forEach((t=>this.mutationObserver.observe(t,{attributes:!0,attributeFilter:["active"]})))}syncActiveFromItems(){if(!this.sidebarItems?.length)return;const t=this.sidebarItems.findIndex((t=>t.hasAttribute("active")));-1!==t&&t!==this.activeIndex&&(this.activeIndex=t,this.requestUpdate())}toggleCollapse(){this.fixed||(this.collapsed=!this.collapsed,this.dispatchEvent(new CustomEvent("nile-toggle",{detail:{collapsed:this.collapsed},bubbles:!0,composed:!0})))}handleMenuItemClick(t){const e=this.sidebarItems[t];if(!e||e.hasAttribute("disabled"))return;this.sidebarItems.forEach(((e,i)=>e.active=i===t)),this.activeIndex=t;const i=e.textContent?.trim()||"",s=e.href;this.dispatchEvent(new CustomEvent("nile-click",{detail:{item:e,href:s,text:i},bubbles:!0,composed:!0})),s&&(window.location.href=s),this.requestUpdate()}get menuItemsTemplate(){return this.sidebarItems?.length?this.sidebarItems.map(((t,i)=>{const s=t.tooltip,n=t.scrollWidth>t.clientWidth||t.scrollHeight>t.clientHeight,l=e`
         <nile-side-bar-action-menu-item
           ?disabled=${t.hasAttribute("disabled")}
           ?active=${this.activeIndex===i}
@@ -6,11 +6,15 @@ import{__decorate as t}from"tslib";import{html as e}from"lit";import{property as
         >
           ${t.textContent}
         </nile-side-bar-action-menu-item>
-      `;return this.showTooltip?e`
-            <nile-tooltip content=${t.textContent} hoist placement="right">
-              ${s}
-            </nile-tooltip>
-          `:s})):null}render(){return e`
+      `;return s||n?e`
+            <nile-inline-tooltip
+              content=${t.textContent?.trim()||""}
+              hoist
+              placement="right"
+            >
+              ${l}
+            </nile-inline-tooltip>
+          `:l})):null}render(){return e`
       <div class="sidebar" part="base">
         <div class="sidebar-header" part="header">
           ${this.fixed?null:this.collapsed?e`

package/dist/nile-inline-sidebar-item/nile-inline-sidebar-item.cjs.js

@@ -1,2 +1,2 @@
-function _typeof(o){"@babel/helpers - typeof";return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(o){return typeof o;}:function(o){return o&&"function"==typeof Symbol&&o.constructor===Symbol&&o!==Symbol.prototype?"symbol":typeof o;},_typeof(o);}System.register(["tslib","lit","lit/decorators.js","./nile-inline-sidebar-item.css.cjs.js","../internal/nile-element.cjs.js"],function(_export,_context){"use strict";var i,t,e,s,l,r,_templateObject,_templateObject2,_templateObject3,o;function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}));}function _classCallCheck(a,n){if(!(a instanceof n))throw new TypeError("Cannot call a class as a function");}function _defineProperties(e,r){for(var t=0;t<r.length;t++){var o=r[t];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,_toPropertyKey(o.key),o);}}function _createClass(e,r,t){return r&&_defineProperties(e.prototype,r),t&&_defineProperties(e,t),Object.defineProperty(e,"prototype",{writable:!1}),e;}function _toPropertyKey(t){var i=_toPrimitive(t,"string");return"symbol"==_typeof(i)?i:i+"";}function _toPrimitive(t,r){if("object"!=_typeof(t)||!t)return t;var e=t[Symbol.toPrimitive];if(void 0!==e){var i=e.call(t,r||"default");if("object"!=_typeof(i))return i;throw new TypeError("@@toPrimitive must return a primitive value.");}return("string"===r?String:Number)(t);}function _callSuper(t,o,e){return o=_getPrototypeOf(o),_possibleConstructorReturn(t,_isNativeReflectConstruct()?Reflect.construct(o,e||[],_getPrototypeOf(t).constructor):o.apply(t,e));}function _possibleConstructorReturn(t,e){if(e&&("object"==_typeof(e)||"function"==typeof e))return e;if(void 0!==e)throw new TypeError("Derived constructors may only return object or undefined");return _assertThisInitialized(t);}function _assertThisInitialized(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e;}function _isNativeReflectConstruct(){try{var t=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}));}catch(t){}return(_isNativeReflectConstruct=function _isNativeReflectConstruct(){return!!t;})();}function _getPrototypeOf(t){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(t){return t.__proto__||Object.getPrototypeOf(t);},_getPrototypeOf(t);}function _inherits(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),Object.defineProperty(t,"prototype",{writable:!1}),e&&_setPrototypeOf(t,e);}function _setPrototypeOf(t,e){return _setPrototypeOf=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(t,e){return t.__proto__=e,t;},_setPrototypeOf(t,e);}return{setters:[function(_tslib){i=_tslib.__decorate;},function(_lit){t=_lit.html;},function(_litDecoratorsJs){e=_litDecoratorsJs.property;s=_litDecoratorsJs.customElement;},function(_nileInlineSidebarItemCssCjsJs){l=_nileInlineSidebarItemCssCjsJs.s;},function(_internalNileElementCjsJs){r=_internalNileElementCjsJs.N;}],execute:function execute(){_export("N",o=/*#__PURE__*/function(_r){function o(){var _this;_classCallCheck(this,o);_this=_callSuper(this,o,arguments),_this.active=!1,_this.disabled=!1;return _this;}_inherits(o,_r);return _createClass(o,[{key:"handleClick",value:function handleClick(i){var _this2=this,_this$textContent;if(this.disabled)return i.preventDefault(),void i.stopPropagation();var t=this.closest("nile-inline-sidebar");if(t){t.querySelectorAll("nile-inline-sidebar-item").forEach(function(i){return i.active=i===_this2;});}var e=((_this$textContent=this.textContent)===null||_this$textContent===void 0?void 0:_this$textContent.trim())||"";this.dispatchEvent(new CustomEvent("nile-click",{detail:{item:this,href:this.href,text:e},bubbles:!0,composed:!0})),this.href&&(window.location.href=this.href);}},{key:"render",value:function render(){return t(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n      <div class=\"item\" @click="," role=\"button\" tabindex=\"0\">\n        ","\n      </div>\n    "])),this.handleClick,this.href?t(_templateObject2||(_templateObject2=_taggedTemplateLiteral(["<a href="," @click=","><slot></slot></a>"])),this.href,function(i){return i.preventDefault();}):t(_templateObject3||(_templateObject3=_taggedTemplateLiteral(["<slot></slot>"]))));}}],[{key:"styles",get:function get(){return[l];}}]);}(r));i([e({type:Boolean,reflect:!0})],o.prototype,"active",void 0),i([e({type:Boolean,reflect:!0})],o.prototype,"disabled",void 0),i([e({type:String})],o.prototype,"href",void 0),_export("N",o=i([s("nile-inline-sidebar-item")],o));}};});
+function _typeof(o){"@babel/helpers - typeof";return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(o){return typeof o;}:function(o){return o&&"function"==typeof Symbol&&o.constructor===Symbol&&o!==Symbol.prototype?"symbol":typeof o;},_typeof(o);}System.register(["tslib","lit","lit/decorators.js","./nile-inline-sidebar-item.css.cjs.js","../internal/nile-element.cjs.js"],function(_export,_context){"use strict";var i,t,e,s,o,l,_templateObject,_templateObject2,_templateObject3,r;function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}));}function _classCallCheck(a,n){if(!(a instanceof n))throw new TypeError("Cannot call a class as a function");}function _defineProperties(e,r){for(var t=0;t<r.length;t++){var o=r[t];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,_toPropertyKey(o.key),o);}}function _createClass(e,r,t){return r&&_defineProperties(e.prototype,r),t&&_defineProperties(e,t),Object.defineProperty(e,"prototype",{writable:!1}),e;}function _toPropertyKey(t){var i=_toPrimitive(t,"string");return"symbol"==_typeof(i)?i:i+"";}function _toPrimitive(t,r){if("object"!=_typeof(t)||!t)return t;var e=t[Symbol.toPrimitive];if(void 0!==e){var i=e.call(t,r||"default");if("object"!=_typeof(i))return i;throw new TypeError("@@toPrimitive must return a primitive value.");}return("string"===r?String:Number)(t);}function _callSuper(t,o,e){return o=_getPrototypeOf(o),_possibleConstructorReturn(t,_isNativeReflectConstruct()?Reflect.construct(o,e||[],_getPrototypeOf(t).constructor):o.apply(t,e));}function _possibleConstructorReturn(t,e){if(e&&("object"==_typeof(e)||"function"==typeof e))return e;if(void 0!==e)throw new TypeError("Derived constructors may only return object or undefined");return _assertThisInitialized(t);}function _assertThisInitialized(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e;}function _isNativeReflectConstruct(){try{var t=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}));}catch(t){}return(_isNativeReflectConstruct=function _isNativeReflectConstruct(){return!!t;})();}function _getPrototypeOf(t){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(t){return t.__proto__||Object.getPrototypeOf(t);},_getPrototypeOf(t);}function _inherits(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),Object.defineProperty(t,"prototype",{writable:!1}),e&&_setPrototypeOf(t,e);}function _setPrototypeOf(t,e){return _setPrototypeOf=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(t,e){return t.__proto__=e,t;},_setPrototypeOf(t,e);}return{setters:[function(_tslib){i=_tslib.__decorate;},function(_lit){t=_lit.html;},function(_litDecoratorsJs){e=_litDecoratorsJs.property;s=_litDecoratorsJs.customElement;},function(_nileInlineSidebarItemCssCjsJs){o=_nileInlineSidebarItemCssCjsJs.s;},function(_internalNileElementCjsJs){l=_internalNileElementCjsJs.N;}],execute:function execute(){_export("N",r=/*#__PURE__*/function(_l){function r(){var _this;_classCallCheck(this,r);_this=_callSuper(this,r,arguments),_this.active=!1,_this.disabled=!1,_this.tooltip=!1;return _this;}_inherits(r,_l);return _createClass(r,[{key:"handleClick",value:function handleClick(i){var _this2=this,_this$textContent;if(this.disabled)return i.preventDefault(),void i.stopPropagation();var t=this.closest("nile-inline-sidebar");if(t){t.querySelectorAll("nile-inline-sidebar-item").forEach(function(i){return i.active=i===_this2;});}var e=((_this$textContent=this.textContent)===null||_this$textContent===void 0?void 0:_this$textContent.trim())||"";this.dispatchEvent(new CustomEvent("nile-click",{detail:{item:this,href:this.href,text:e},bubbles:!0,composed:!0})),this.href&&(window.location.href=this.href);}},{key:"render",value:function render(){return t(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n      <div class=\"item\" @click="," role=\"button\" tabindex=\"0\">\n        ","\n      </div>\n    "])),this.handleClick,this.href?t(_templateObject2||(_templateObject2=_taggedTemplateLiteral(["<a href="," @click=","><slot></slot></a>"])),this.href,function(i){return i.preventDefault();}):t(_templateObject3||(_templateObject3=_taggedTemplateLiteral(["<slot></slot>"]))));}}],[{key:"styles",get:function get(){return[o];}}]);}(l));i([e({type:Boolean,reflect:!0})],r.prototype,"active",void 0),i([e({type:Boolean,reflect:!0})],r.prototype,"disabled",void 0),i([e({type:String})],r.prototype,"href",void 0),i([e({type:Boolean,reflect:!0})],r.prototype,"tooltip",void 0),_export("N",r=i([s("nile-inline-sidebar-item")],r));}};});
 //# sourceMappingURL=nile-inline-sidebar-item.cjs.js.map

package/dist/nile-inline-sidebar-item/nile-inline-sidebar-item.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"nile-inline-sidebar-item.cjs.js","sources":["../../../src/nile-inline-sidebar-item/nile-inline-sidebar-item.ts"],"sourcesContent":["/**\n * Copyright Aquera Inc 2025\n *\n * This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { html, CSSResultArray, TemplateResult } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\nimport { styles } from './nile-inline-sidebar-item.css';\nimport NileElement from '../internal/nile-element';\n\n/**\n * Nile inline sidebar item.\n *\n * @tag nile-inlinesidebar-item\n *\n * @attr active - Marks the item as active (selected).\n * @attr disabled - Marks the item as disabled (non-interactive).\n * @attr href - Optional URL to navigate to when the item is clicked.\n *\n * @slot - Default slot for the item text or content.\n *\n * @fires nile-select - Emitted when the item is clicked (not disabled).\n *   detail: { item: this, href?: string }\n */\n@customElement('nile-inline-sidebar-item')\nexport class NileInlineSidebarItem extends NileElement {\n  @property({ type: Boolean, reflect: true }) active = false;\n  @property({ type: Boolean, reflect: true }) disabled = false;\n  @property({ type: String }) href?: string;\n\n  public static get styles(): CSSResultArray {\n    return [styles];\n  }\n\n  private handleClick(e: Event) {\n    if (this.disabled) {\n      e.preventDefault();\n      e.stopPropagation();\n      return;\n    }\n  \n    const parent = this.closest('nile-inline-sidebar');\n    if (parent) {\n      const allItems = parent.querySelectorAll('nile-inline-sidebar-item');\n      allItems.forEach((item) => (item as NileInlineSidebarItem).active = item === this);\n    }\n  \n    const text = this.textContent?.trim() || '';\n  \n    this.dispatchEvent(\n      new CustomEvent('nile-click', {\n        detail: { item: this, href: this.href, text },\n        bubbles: true,\n        composed: true,\n      }),\n    );\n  \n    if (this.href) {\n      window.location.href = this.href;\n    }\n  }\n  \n\n  public render(): TemplateResult {\n    return html`\n      <div class=\"item\" @click=${this.handleClick} role=\"button\" tabindex=\"0\">\n        ${this.href\n          ? html`<a href=${this.href} @click=${(e: Event) => e.preventDefault()}><slot></slot></a>`\n          : html`<slot></slot>`}\n      </div>\n    `;\n  }\n}\n\nexport default NileInlineSidebarItem;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nile-inline-sidebar-item': NileInlineSidebarItem;\n  }\n}\n"],"names":["NileInlineSidebarItem","_r","o","constructor","this","active","disabled","_this","_inherits","_createClass","key","value","handleClick","e","preventDefault","stopPropagation","parent","closest","querySelectorAll","forEach","item","text","textContent","trim","dispatchEvent","CustomEvent","detail","href","bubbles","composed","window","location","render","html","_templateObject","_taggedTemplateLiteral","_templateObject2","_templateObject3","get","styles","NileElement","__decorate","property","type","Boolean","reflect","prototype","String","customElement"],"mappings":"gsGA2BaA,CAAN,uBAAAC,EAAA,EAAA,SAAAC,EAAA,CAAAC,KAAAA,KAAAA,CAAAA,eAAAA,MAAAA,CAAAA,mCACuCC,EAAAA,KAAAA,CAAMC,QAAG,CACTD,CAAAA,KAAAA,CAAQE,UAAG,CA6CxD,QAAAC,KAAA,EA1CQC,SAAA,CAAAN,CAAA,CAAAD,EAAA,SAAAQ,YAAA,CAAAP,CAAA,GAAAQ,GAAA,eAAAC,KAAA,CAIC,SAAAC,WAAAA,CAAYC,CAAAA,CAAAA,KAAAA,MAAAA,MAAAA,iBAAAA,CAClB,GAAIT,IAAKE,CAAAA,QAAAA,CAGP,MAFAO,CAAAA,CAAEC,CAAAA,cAAAA,CAAAA,CAAAA,CAAAA,IACFD,CAAAA,EAAEE,eAIJ,CAAA,CAAA,CAAA,GAAMC,CAAAA,CAASZ,CAAAA,IAAAA,CAAKa,OAAQ,CAAA,qBAAA,CAAA,CAC5B,GAAID,CAAQ,CAAA,CACOA,EAAOE,gBAAiB,CAAA,0BAAA,CAAA,CAChCC,QAASC,SAAAA,CAAUA,QAAAA,CAAAA,CAAAA,CAA+Bf,OAASe,CAAShB,GAAAA,MAAAA,EAAAA,CAC9E,EAED,GAAMiB,CAAAA,CAAAA,CAAOjB,EAAAA,iBAAAA,MAAKkB,WAAaC,UAAAA,iBAAAA,iBAAlBnB,iBAAAA,CAAkBmB,IAAAA,CAAAA,CAAAA,GAAU,GAEzCnB,IAAKoB,CAAAA,aAAAA,CACH,GAAIC,CAAAA,WAAAA,CAAY,YAAc,CAAA,CAC5BC,OAAQ,CAAEN,IAAAA,CAAMhB,KAAMuB,IAAMvB,CAAAA,IAAAA,CAAKuB,KAAMN,IACvCO,CAAAA,CAAAA,CAAAA,CAAAA,OAAAA,CAAAA,CAAS,EACTC,QAAU,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAIVzB,KAAKuB,IACPG,GAAAA,MAAAA,CAAOC,SAASJ,IAAOvB,CAAAA,IAAAA,CAAKuB,KAE/B,EAGM,GAAAjB,GAAA,UAAAC,KAAA,UAAAqB,MAAAA,CAAAA,CACL,CAAA,MAAOC,CAAAA,CAAI,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA,+GACkB/B,IAAKQ,CAAAA,WAAAA,CAC5BR,IAAKuB,CAAAA,IAAAA,CACHM,CAAI,CAAAG,gBAAA,GAAAA,gBAAA,CAAAD,sBAAA,gDAAW/B,IAAAA,CAAKuB,KAAgBd,SAAAA,CAAaA,QAAAA,CAAAA,CAAAA,CAAEC,oBACnDmB,CAAI,CAAAI,gBAAA,GAAAA,gBAAA,CAAAF,sBAAA,qBAAA,EAGb,CAAA,KAAAzB,GAAA,UAAA4B,GAAA,CAzCM,SAAAA,IAAA,CACL,CAAA,MAAO,CAACC,CACT,CAAA,EAEO,MATiCC,IACGC,EAAA,CAA3CC,CAAAA,CAAS,CAAEC,IAAAA,CAAMC,QAASC,OAAS,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAuB7C,CAAA8C,CAAAA,SAAAA,CAAA,aAAA,EACfL,CAAAA,CAAAA,CAAAA,CAAA,CAA3CC,CAAS,CAAA,CAAEC,KAAMC,OAASC,CAAAA,OAAAA,CAAAA,CAAS,CAAyB7C,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAA8C,UAAA,UAAA,CAAA,IAAA,EAAA,CAAA,CACjCL,EAAA,CAA3BC,CAAAA,CAAS,CAAEC,IAAMI,CAAAA,MAAAA,CAAAA,CAAAA,CAAAA,CAAwB/C,CAAA8C,CAAAA,SAAAA,CAAA,WAAA,EAH/B9C,CAAAA,CAAAA,OAAAA,KAAAA,CAAAA,CAAqByC,EAAA,CADjCO,CAAAA,CAAc,6BACFhD"}
+{"version":3,"file":"nile-inline-sidebar-item.cjs.js","sources":["../../../src/nile-inline-sidebar-item/nile-inline-sidebar-item.ts"],"sourcesContent":["/**\n * Copyright Aquera Inc 2025\n *\n * This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { html, CSSResultArray, TemplateResult } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\nimport { styles } from './nile-inline-sidebar-item.css';\nimport NileElement from '../internal/nile-element';\n\n/**\n * Nile inline sidebar item.\n *\n * @tag nile-inlinesidebar-item\n *\n * @attr active - Marks the item as active (selected).\n * @attr disabled - Marks the item as disabled (non-interactive).\n * @attr href - Optional URL to navigate to when the item is clicked.\n *\n * @slot - Default slot for the item text or content.\n *\n * @fires nile-select - Emitted when the item is clicked (not disabled).\n *   detail: { item: this, href?: string }\n */\n@customElement('nile-inline-sidebar-item')\nexport class NileInlineSidebarItem extends NileElement {\n  @property({ type: Boolean, reflect: true }) active = false;\n  @property({ type: Boolean, reflect: true }) disabled = false;\n  @property({ type: String }) href?: string;\n  @property({ type: Boolean, reflect: true }) tooltip = false;\n\n  public static get styles(): CSSResultArray {\n    return [styles];\n  }\n\n  private handleClick(e: Event) {\n    if (this.disabled) {\n      e.preventDefault();\n      e.stopPropagation();\n      return;\n    }\n  \n    const parent = this.closest('nile-inline-sidebar');\n    if (parent) {\n      const allItems = parent.querySelectorAll('nile-inline-sidebar-item');\n      allItems.forEach((item) => (item as NileInlineSidebarItem).active = item === this);\n    }\n  \n    const text = this.textContent?.trim() || '';\n  \n    this.dispatchEvent(\n      new CustomEvent('nile-click', {\n        detail: { item: this, href: this.href, text },\n        bubbles: true,\n        composed: true,\n      }),\n    );\n  \n    if (this.href) {\n      window.location.href = this.href;\n    }\n  }\n  \n\n  public render(): TemplateResult {\n    return html`\n      <div class=\"item\" @click=${this.handleClick} role=\"button\" tabindex=\"0\">\n        ${this.href\n          ? html`<a href=${this.href} @click=${(e: Event) => e.preventDefault()}><slot></slot></a>`\n          : html`<slot></slot>`}\n      </div>\n    `;\n  }\n}\n\nexport default NileInlineSidebarItem;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nile-inline-sidebar-item': NileInlineSidebarItem;\n  }\n}\n"],"names":["NileInlineSidebarItem","_l","r","constructor","this","active","disabled","tooltip","_this","_inherits","_createClass","key","value","handleClick","e","preventDefault","stopPropagation","parent","closest","querySelectorAll","forEach","item","text","textContent","trim","dispatchEvent","CustomEvent","detail","href","bubbles","composed","window","location","render","html","_templateObject","_taggedTemplateLiteral","_templateObject2","_templateObject3","__decorate","get","styles","NileElement","property","type","Boolean","reflect","prototype","String","_export","customElement"],"mappings":"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"}

package/dist/nile-inline-sidebar-item/nile-inline-sidebar-item.css.cjs.js

@@ -1,2 +1,2 @@
-System.register(["lit"],function(_export,_context){"use strict";var o,_templateObject,e;function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}));}return{setters:[function(_lit){o=_lit.css;}],execute:function execute(){_export("s",e=o(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n:host {\n  display: block;\n  font-family: var(--nile-font-family-sans-serif);\n  font-size: var(--nile-type-scale-3);\n  color: var(--nile-colors-dark-900);\n  cursor: pointer;\n  user-select: none;\n}\n\n.item {\n  padding: var(--nile-spacing-lg) var(--nile-spacing-md);\n  border-radius: var(--nile-radius-sm);\n  transition: background 0.2s, color 0.2s;\n}\n\n \n:host(:not([disabled])) .item:hover {\n  background: var(--nile-colors-neutral-400);\n}\n\n \n:host([active]) .item {\n  background: var(--nile-colors-primary-100);\n  font-weight: 500;\n}\n\n \n:host([disabled]) {\n  color:   var(--nile-colors-neutral-500);  \n  cursor: not-allowed;\n}\n\n:host([disabled]) .item {\n  pointer-events: none;\n}\na {\n    color: inherit;\n    text-decoration: none;\n    display: block;\n    width: 100%;\n    height: 100%;\n  }\n\n  a:visited,\n  a:hover,\n  a:active,\n  a:focus {\n    color: inherit;\n    text-decoration: none;\n  }\n\n"]))));}};});
+System.register(["lit"],function(_export,_context){"use strict";var o,_templateObject,r;function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}));}return{setters:[function(_lit){o=_lit.css;}],execute:function execute(){_export("s",r=o(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n:host {\n  display: block;\n  font-family: var(--nile-font-family-sans-serif);\n  font-size: var(--nile-type-scale-3);\n  color: var(--nile-colors-dark-900);\n  cursor: pointer;\n  user-select: none;\n}\n\n.item {\n  padding: var(--nile-spacing-lg) var(--nile-spacing-md);\n  border-radius: var(--nile-radius-sm);\n  transition: background 0.2s, color 0.2s;\n}\n\n \n:host(:not([disabled])) .item:hover {\n  background: var(--nile-colors-neutral-400);\n}\n\n \n:host([active]) .item {\n  background: var(--nile-colors-primary-100);\n  font-weight: 500;\n}\n\n:host([active]) .item:hover {\n  background: var(--nile-colors-primary-100);\n}\n\n \n:host([disabled]) {\n  color:   var(--nile-colors-neutral-500);  \n  cursor: not-allowed;\n}\n\n:host([disabled]) .item {\n  pointer-events: none;\n}\na {\n    color: inherit;\n    text-decoration: none;\n    display: block;\n    width: 100%;\n    height: 100%;\n  }\n\n  a:visited,\n  a:hover,\n  a:active,\n  a:focus {\n    color: inherit;\n    text-decoration: none;\n  }\n\n \n\n"]))));}};});
 //# sourceMappingURL=nile-inline-sidebar-item.css.cjs.js.map

package/dist/nile-inline-sidebar-item/nile-inline-sidebar-item.css.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"nile-inline-sidebar-item.css.cjs.js","sources":["../../../src/nile-inline-sidebar-item/nile-inline-sidebar-item.css.ts"],"sourcesContent":["/**\n* Copyright Aquera Inc 2025\n*\n* This source code is licensed under the BSD-3-Clause license found in the\n* LICENSE file in the root directory of this source tree.\n*/\n\nimport { css } from 'lit';\n\n/**\n * InlinesidebarItem CSS\n */\nexport const styles = css`\n:host {\n  display: block;\n  font-family: var(--nile-font-family-sans-serif);\n  font-size: var(--nile-type-scale-3);\n  color: var(--nile-colors-dark-900);\n  cursor: pointer;\n  user-select: none;\n}\n\n.item {\n  padding: var(--nile-spacing-lg) var(--nile-spacing-md);\n  border-radius: var(--nile-radius-sm);\n  transition: background 0.2s, color 0.2s;\n}\n\n \n:host(:not([disabled])) .item:hover {\n  background: var(--nile-colors-neutral-400);\n}\n\n \n:host([active]) .item {\n  background: var(--nile-colors-primary-100);\n  font-weight: 500;\n}\n\n \n:host([disabled]) {\n  color:   var(--nile-colors-neutral-500);  \n  cursor: not-allowed;\n}\n\n:host([disabled]) .item {\n  pointer-events: none;\n}\na {\n    color: inherit;\n    text-decoration: none;\n    display: block;\n    width: 100%;\n    height: 100%;\n  }\n\n  a:visited,\n  a:hover,\n  a:active,\n  a:focus {\n    color: inherit;\n    text-decoration: none;\n  }\n\n`;\n"],"names":["styles","css","_templateObject","_taggedTemplateLiteral"],"mappings":"oTAYaA,CAAAA,CAASC,CAAG,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA"}
+{"version":3,"file":"nile-inline-sidebar-item.css.cjs.js","sources":["../../../src/nile-inline-sidebar-item/nile-inline-sidebar-item.css.ts"],"sourcesContent":["/**\n* Copyright Aquera Inc 2025\n*\n* This source code is licensed under the BSD-3-Clause license found in the\n* LICENSE file in the root directory of this source tree.\n*/\n\nimport { css } from 'lit';\n\n/**\n * InlinesidebarItem CSS\n */\nexport const styles = css`\n:host {\n  display: block;\n  font-family: var(--nile-font-family-sans-serif);\n  font-size: var(--nile-type-scale-3);\n  color: var(--nile-colors-dark-900);\n  cursor: pointer;\n  user-select: none;\n}\n\n.item {\n  padding: var(--nile-spacing-lg) var(--nile-spacing-md);\n  border-radius: var(--nile-radius-sm);\n  transition: background 0.2s, color 0.2s;\n}\n\n \n:host(:not([disabled])) .item:hover {\n  background: var(--nile-colors-neutral-400);\n}\n\n \n:host([active]) .item {\n  background: var(--nile-colors-primary-100);\n  font-weight: 500;\n}\n\n:host([active]) .item:hover {\n  background: var(--nile-colors-primary-100);\n}\n\n \n:host([disabled]) {\n  color:   var(--nile-colors-neutral-500);  \n  cursor: not-allowed;\n}\n\n:host([disabled]) .item {\n  pointer-events: none;\n}\na {\n    color: inherit;\n    text-decoration: none;\n    display: block;\n    width: 100%;\n    height: 100%;\n  }\n\n  a:visited,\n  a:hover,\n  a:active,\n  a:focus {\n    color: inherit;\n    text-decoration: none;\n  }\n\n \n\n`;\n"],"names":["styles","css","_templateObject","_taggedTemplateLiteral"],"mappings":"oTAYaA,CAAAA,CAASC,CAAG,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA"}

package/dist/nile-inline-sidebar-item/nile-inline-sidebar-item.css.esm.js

@@ -1,4 +1,4 @@
-import{css as o}from"lit";const e=o`
+import{css as o}from"lit";const r=o`
 :host {
   display: block;
   font-family: var(--nile-font-family-sans-serif);
@@ -25,6 +25,10 @@ import{css as o}from"lit";const e=o`
   font-weight: 500;
 }
 
+:host([active]) .item:hover {
+  background: var(--nile-colors-primary-100);
+}
+
  
 :host([disabled]) {
   color:   var(--nile-colors-neutral-500);  
@@ -50,4 +54,6 @@ a {
     text-decoration: none;
   }
 
-`;export{e as s};
+ 
+
+`;export{r as s};

package/dist/nile-inline-sidebar-item/nile-inline-sidebar-item.esm.js

@@ -1,5 +1,5 @@
-import{__decorate as i}from"tslib";import{html as t}from"lit";import{property as e,customElement as s}from"lit/decorators.js";import{s as l}from"./nile-inline-sidebar-item.css.esm.js";import{N as r}from"../internal/nile-element.esm.js";let o=class extends r{constructor(){super(...arguments),this.active=!1,this.disabled=!1}static get styles(){return[l]}handleClick(i){if(this.disabled)return i.preventDefault(),void i.stopPropagation();const t=this.closest("nile-inline-sidebar");if(t){t.querySelectorAll("nile-inline-sidebar-item").forEach((i=>i.active=i===this))}const e=this.textContent?.trim()||"";this.dispatchEvent(new CustomEvent("nile-click",{detail:{item:this,href:this.href,text:e},bubbles:!0,composed:!0})),this.href&&(window.location.href=this.href)}render(){return t`
+import{__decorate as i}from"tslib";import{html as t}from"lit";import{property as e,customElement as s}from"lit/decorators.js";import{s as o}from"./nile-inline-sidebar-item.css.esm.js";import{N as l}from"../internal/nile-element.esm.js";let r=class extends l{constructor(){super(...arguments),this.active=!1,this.disabled=!1,this.tooltip=!1}static get styles(){return[o]}handleClick(i){if(this.disabled)return i.preventDefault(),void i.stopPropagation();const t=this.closest("nile-inline-sidebar");if(t){t.querySelectorAll("nile-inline-sidebar-item").forEach((i=>i.active=i===this))}const e=this.textContent?.trim()||"";this.dispatchEvent(new CustomEvent("nile-click",{detail:{item:this,href:this.href,text:e},bubbles:!0,composed:!0})),this.href&&(window.location.href=this.href)}render(){return t`
       <div class="item" @click=${this.handleClick} role="button" tabindex="0">
         ${this.href?t`<a href=${this.href} @click=${i=>i.preventDefault()}><slot></slot></a>`:t`<slot></slot>`}
       </div>
-    `}};i([e({type:Boolean,reflect:!0})],o.prototype,"active",void 0),i([e({type:Boolean,reflect:!0})],o.prototype,"disabled",void 0),i([e({type:String})],o.prototype,"href",void 0),o=i([s("nile-inline-sidebar-item")],o);export{o as N};
+    `}};i([e({type:Boolean,reflect:!0})],r.prototype,"active",void 0),i([e({type:Boolean,reflect:!0})],r.prototype,"disabled",void 0),i([e({type:String})],r.prototype,"href",void 0),i([e({type:Boolean,reflect:!0})],r.prototype,"tooltip",void 0),r=i([s("nile-inline-sidebar-item")],r);export{r as N};