@aquera/nile-elements 1.3.0-beta-1.0 → 1.3.0-beta-1.1

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

@@ -1 +1 @@
-{"version":3,"file":"nile-inline-edit.cjs.js","sources":["../../../src/nile-inline-edit/nile-inline-edit.ts"],"sourcesContent":["/**\n * Copyright Aquera Inc 2023\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 {\n  LitElement,\n  html,\n  CSSResultArray,\n  TemplateResult,\n} from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\nimport { styles } from './nile-inline-edit.css';\nimport NileElement from '../internal/nile-element';\n\n/**\n * Nile inline-edit component.\n *\n * @tag nile-inline-edit\n *\n */\n@customElement('nile-inline-edit')\nexport class NileInlineEdit extends NileElement {\n  /**\n   * The styles for nile-inline-edit\n   * @remarks If you are extending this class you can extend the base styles with super. Eg `return [super(), myCustomStyles]`\n   */\n  public static get styles(): CSSResultArray {\n    return [styles];\n  }\n\n  /** Gives the label to the Inline Edit */\n  @property({ type: String, reflect: true }) label = '';\n\n  /** Gives the Placeholder to the Inline Edit */\n  @property({ type: String, reflect: true }) placeholder = '';\n\n  /** Open prop for displaying default slot in Inline Edit */\n  @property({ type: Boolean, reflect: true }) open = false;\n\n  /** Gives the Value to the Inline Edit */\n  @property({ type: String, reflect: true }) value = '';\n\n  /* #endregion */\n\n  /* #region Methods */\n\n  /**\n   * Render method\n   * @slot This is a slot test\n   */\n\n  private handleClick() {\n    this.open = true;\n  }\n  public render(): TemplateResult {\n    const textInsideContainer = this.value || this.placeholder;\n    return html`\n      <div class=\"inline__edit--label\" part=\"label\">${this.label}</div>\n      ${this.open\n        ? html` <slot class=\"inline__edit--open--container\" part=\"base\"> </slot>`\n        : html` <div class=\"inline__edit--container\" part=\"container\" @click=${this.handleClick}>\n            ${textInsideContainer}\n          </div>`}\n    `;\n  }\n\n  /* #endregion */\n}\n\nexport default NileInlineEdit;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nile-inline-edit': NileInlineEdit;\n  }\n}\n"],"names":["NileInlineEdit","n","this","label","placeholder","open","value","_this","_inherits","_r","_createClass","key","handleClick","render","textInsideContainer","html","_templateObject","_taggedTemplateLiteral","_templateObject2","_templateObject3","__decorate","get","styles","NileElement","property","type","String","reflect","prototype","Boolean","customElement"],"mappings":"0qGAwBaA,CAAAA,uBAAAA,EAAAA,EAAN,SAAAC,EAAA,qEAUsCC,EAAAA,KAAAA,CAAKC,MAAG,EAGRD,CAAAA,KAAAA,CAAWE,WAAG,CAAA,EAAA,CAGbF,KAAAA,CAAIG,IAAAA,CAAAA,CAAG,EAGRH,KAAAA,CAAKI,KAAAA,CAAG,EA2BpD,QAAAC,KAAA,EAzCQC,SAAA,CAAAP,CAAA,CAAAQ,EAAA,SAAAC,YAAA,CAAAT,CAAA,GAAAU,GAAA,eAAAL,KAAA,CAyBC,SAAAM,WAAAA,CAAAA,CACNV,CAAAA,IAAAA,CAAKG,MAAO,CACb,EACM,GAAAM,GAAA,UAAAL,KAAA,UAAAO,MAAAA,CAAAA,CAAAA,CACL,GAAMC,CAAAA,CAAAA,CAAsBZ,KAAKI,KAASJ,EAAAA,IAAAA,CAAKE,WAC/C,CAAA,MAAOW,CAAAA,CAAI,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA,4FACuCf,IAAKC,CAAAA,KAAAA,CACnDD,IAAAA,CAAKG,IACHU,CAAAA,CAAI,CAAAG,gBAAA,GAAAA,gBAAA,CAAAD,sBAAA,8EACJF,CAAI,CAAAI,gBAAA,GAAAA,gBAAA,CAAAF,sBAAA,iHAAiEf,IAAKU,CAAAA,WAAAA,CACtEE,CAAAA,GAGX,CAjC0CM,KAAAA,GAAAA,UAAAA,GAAAA,CALpC,SAAAC,IAAA,CAAWC,CAChB,MAAO,CAACA,CAAAA,CACT,EAuBO,MA9B0BC,CAA7B,GAUsCH,CAAAA,CAAA,CAA1CI,CAAAA,CAAS,CAAEC,IAAAA,CAAMC,OAAQC,OAAS,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAmB3B,CAAA4B,CAAAA,SAAAA,CAAA,OAAA,CAAA,IAAA,EAAA,CAAA,CAGXR,EAAA,CAA1CI,CAAAA,CAAS,CAAEC,IAAAA,CAAMC,MAAQC,CAAAA,OAAAA,CAAAA,CAAS,KAAyB3B,CAAA4B,CAAAA,SAAAA,CAAA,aAAA,CAAA,IAAA,EAAA,CAAA,CAGhBR,CAAA,CAAA,CAA3CI,EAAS,CAAEC,IAAAA,CAAMI,OAASF,CAAAA,OAAAA,CAAAA,CAAS,CAAqB3B,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAA4B,UAAA,MAAA,CAAA,IAAA,EAAA,CAAA,CAGdR,CAAA,CAAA,CAA1CI,CAAS,CAAA,CAAEC,KAAMC,MAAQC,CAAAA,OAAAA,CAAAA,CAAS,CAAmB3B,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAA4B,SAAA,CAAA,OAAA,CAAA,IAAA,EAnB3C5B,CAAAA,CAAAA,OAAAA,KAAAA,CAAAA,CAAcoB,CAAA,CAAA,CAD1BU,CAAc,CAAA,kBAAA,CAAA,CAAA,CACF9B"}
+{"version":3,"file":"nile-inline-edit.cjs.js","sources":["../../../src/nile-inline-edit/nile-inline-edit.ts"],"sourcesContent":["/**\n * Copyright Aquera Inc 2023\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 {\n  LitElement,\n  html,\n  CSSResultArray,\n  TemplateResult,\n} from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\nimport { styles } from './nile-inline-edit.css';\nimport NileElement from '../internal/nile-element';\nimport {\n  getValueFromSlottedElement,\n  getDisplayValue,\n  setSlottedElementValue,\n  updateSlottedElementValue,\n  updateValueFromSlottedElement,\n  handleDocumentFocusIn,\n  handleDocumentMouseDown,\n} from './nile-inline-edit-utils';\n\n/**\n * Nile inline-edit component.\n *\n * @tag nile-inline-edit\n *\n */\n@customElement('nile-inline-edit')\nexport class NileInlineEdit extends NileElement {\n  /**\n   * The styles for nile-inline-edit\n   * @remarks If you are extending this class you can extend the base styles with super. Eg `return [super(), myCustomStyles]`\n   */\n  public static get styles(): CSSResultArray {\n    return [styles];\n  }\n\n  /** Gives the label to the Inline Edit */\n  @property({ type: String, reflect: true }) label = '';\n\n  /** Gives the Placeholder to the Inline Edit */\n  @property({ type: String, reflect: true }) placeholder = '';\n\n  /** Open prop for displaying default slot in Inline Edit */\n  @property({ type: Boolean, reflect: true }) open = false;\n\n  /** Gives the Value to the Inline Edit */\n  @property({ type: String, reflect: true }) value = '';\n\n  /** Maximum length for the placeholder value. Values longer than this will be truncated */\n  @property({ type: Number, attribute: 'max-placeholder-length' }) maxPlaceholderLength: number = 25;\n\n  /* #endregion */\n\n  /* #region Methods */\n\n  /**\n   * Render method\n   * @slot This is a slot test\n   */\n\n  private handleCloseResult(result: { shouldClose: boolean; newValue: string | null }) {\n    if (result.shouldClose) {\n      if (result.newValue !== null) {\n        this.value = result.newValue;\n      }\n      this.open = false;\n    }\n  }\n\n  private handleDocumentFocusInWrapper = (event: FocusEvent) => {\n    const result = handleDocumentFocusIn(event, this, this.open);\n    this.handleCloseResult(result);\n  };\n\n  private handleDocumentMouseDownWrapper = (event: MouseEvent) => {\n    const result = handleDocumentMouseDown(event, this, this.open);\n    this.handleCloseResult(result);\n  };\n\n  connectedCallback() {\n    super.connectedCallback();\n  }\n\n  updated(changedProperties: Map<string, unknown>) {\n    super.updated(changedProperties);\n    \n    if (changedProperties.has('open')) {\n      if (this.open) {\n        updateSlottedElementValue(this.updateComplete, this.shadowRoot, this.value);\n        document.addEventListener('focusin', this.handleDocumentFocusInWrapper, true);\n        document.addEventListener('mousedown', this.handleDocumentMouseDownWrapper, true);\n      } else {\n        document.removeEventListener('focusin', this.handleDocumentFocusInWrapper, true);\n        document.removeEventListener('mousedown', this.handleDocumentMouseDownWrapper, true);\n      }\n    }\n  }\n\n  disconnectedCallback() {\n    super.disconnectedCallback();\n    document.removeEventListener('focusin', this.handleDocumentFocusInWrapper, true);\n    document.removeEventListener('mousedown', this.handleDocumentMouseDownWrapper, true);\n  }\n\n  private handleClick() {\n    this.open = true;\n  }\n  public render(): TemplateResult {\n    // Use truncated value for display, or placeholder if empty\n    const displayValue = getDisplayValue(this.value, this.maxPlaceholderLength);\n    const textInsideContainer = displayValue || this.placeholder;\n    return html`\n      <div class=\"inline__edit--label\" part=\"label\">${this.label}</div>\n      ${this.open\n        ? html` <slot class=\"inline__edit--open--container\" part=\"base\"> </slot>`\n        : html` <div class=\"inline__edit--container\" part=\"container\" @click=${this.handleClick}>\n            ${textInsideContainer}\n          </div>`}\n    `;\n  }\n\n  /* #endregion */\n}\n\nexport default NileInlineEdit;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nile-inline-edit': NileInlineEdit;\n  }\n}\n"],"names":["NileInlineEdit","h","this","label","placeholder","open","value","maxPlaceholderLength","handleDocumentFocusInWrapper","event","result","handleDocumentFocusIn","handleCloseResult","handleDocumentMouseDownWrapper","handleDocumentMouseDown","_this","_inherits","_o","_createClass","key","shouldClose","newValue","connectedCallback","super","updated","changedProperties","has","updateSlottedElementValue","updateComplete","shadowRoot","document","addEventListener","removeEventListener","disconnectedCallback","handleClick","render","textInsideContainer","getDisplayValue","html","_templateObject","_taggedTemplateLiteral","_templateObject2","_templateObject3","get","styles","NileElement","__decorate","property","type","String","reflect","prototype","Boolean","Number","attribute","_export","customElement"],"mappings":"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"}

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

@@ -1,6 +1,6 @@
-import{__decorate as e}from"tslib";import{html as t}from"lit";import{property as i,customElement as s}from"lit/decorators.js";import{s as l}from"./nile-inline-edit.css.esm.js";import{N as r}from"../internal/nile-element.esm.js";let n=class extends r{constructor(){super(...arguments),this.label="",this.placeholder="",this.open=!1,this.value=""}static get styles(){return[l]}handleClick(){this.open=!0}render(){const e=this.value||this.placeholder;return t`
+import{__decorate as t}from"tslib";import{html as e}from"lit";import{property as i,customElement as s}from"lit/decorators.js";import{s as n}from"./nile-inline-edit.css.esm.js";import{N as o}from"../internal/nile-element.esm.js";import{h as l,a as r,u as a,g as c}from"./nile-inline-edit-utils.esm.js";let h=class extends o{constructor(){super(...arguments),this.label="",this.placeholder="",this.open=!1,this.value="",this.maxPlaceholderLength=25,this.handleDocumentFocusInWrapper=t=>{const e=l(t,this,this.open);this.handleCloseResult(e)},this.handleDocumentMouseDownWrapper=t=>{const e=r(t,this,this.open);this.handleCloseResult(e)}}static get styles(){return[n]}handleCloseResult(t){t.shouldClose&&(null!==t.newValue&&(this.value=t.newValue),this.open=!1)}connectedCallback(){super.connectedCallback()}updated(t){super.updated(t),t.has("open")&&(this.open?(a(this.updateComplete,this.shadowRoot,this.value),document.addEventListener("focusin",this.handleDocumentFocusInWrapper,!0),document.addEventListener("mousedown",this.handleDocumentMouseDownWrapper,!0)):(document.removeEventListener("focusin",this.handleDocumentFocusInWrapper,!0),document.removeEventListener("mousedown",this.handleDocumentMouseDownWrapper,!0)))}disconnectedCallback(){super.disconnectedCallback(),document.removeEventListener("focusin",this.handleDocumentFocusInWrapper,!0),document.removeEventListener("mousedown",this.handleDocumentMouseDownWrapper,!0)}handleClick(){this.open=!0}render(){const t=c(this.value,this.maxPlaceholderLength)||this.placeholder;return e`
       <div class="inline__edit--label" part="label">${this.label}</div>
-      ${this.open?t` <slot class="inline__edit--open--container" part="base"> </slot>`:t` <div class="inline__edit--container" part="container" @click=${this.handleClick}>
-            ${e}
+      ${this.open?e` <slot class="inline__edit--open--container" part="base"> </slot>`:e` <div class="inline__edit--container" part="container" @click=${this.handleClick}>
+            ${t}
           </div>`}
-    `}};e([i({type:String,reflect:!0})],n.prototype,"label",void 0),e([i({type:String,reflect:!0})],n.prototype,"placeholder",void 0),e([i({type:Boolean,reflect:!0})],n.prototype,"open",void 0),e([i({type:String,reflect:!0})],n.prototype,"value",void 0),n=e([s("nile-inline-edit")],n);export{n as N};
+    `}};t([i({type:String,reflect:!0})],h.prototype,"label",void 0),t([i({type:String,reflect:!0})],h.prototype,"placeholder",void 0),t([i({type:Boolean,reflect:!0})],h.prototype,"open",void 0),t([i({type:String,reflect:!0})],h.prototype,"value",void 0),t([i({type:Number,attribute:"max-placeholder-length"})],h.prototype,"maxPlaceholderLength",void 0),h=t([s("nile-inline-edit")],h);export{h as N};

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,console.log("[Sidebar] Toggled collapse →",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 _t$textContent;var s=t.tooltip,n=t.scrollWidth>t.clientWidth||t.scrollHeight>t.clientHeight,l=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 s||n?e(_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 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,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,console.log("[Sidebar] Toggled collapse →",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));}};});
 //# 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    console.log('[Sidebar] Toggled collapse →', 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","_a","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","_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","console","log","handleMenuItemClick","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":"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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    console.log('[Sidebar] Toggled collapse →', 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","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","console","log","handleMenuItemClick","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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"}

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-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  }\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-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"]))));}};});
 //# 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-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  }\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-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"}

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-3xl);
-    padding-bottom: var(--nile-spacing-3xl);
+    padding-top: var(--nile-spacing-2xl);
+    padding-bottom: var(--nile-spacing-2xl);
   }
 
   nile-side-bar-action-menu {

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,console.log("[Sidebar] Toggled collapse →",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`
+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,console.log("[Sidebar] Toggled collapse →",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`
         <nile-side-bar-action-menu-item
           ?disabled=${t.hasAttribute("disabled")}
           ?active=${this.activeIndex===i}
@@ -6,15 +6,11 @@ import{__decorate as t}from"tslib";import{html as e}from"lit";import{property as
         >
           ${t.textContent}
         </nile-side-bar-action-menu-item>
-      `;return s||n?e`
-            <nile-inline-tooltip
-              content=${t.textContent?.trim()||""}
-              hoist
-              placement="right"
-            >
-              ${l}
-            </nile-inline-tooltip>
-          `:l})):null}render(){return e`
+      `;return this.showTooltip?e`
+            <nile-tooltip content=${t.textContent} hoist placement="right">
+              ${s}
+            </nile-tooltip>
+          `:s})):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,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));}};});
+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));}};});
 //# 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  @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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"}
+{"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"}

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 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`
+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`
       <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})],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};
+    `}};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};