@aquera/nile-elements 1.6.7 → 1.6.9

package/dist/nile-dropdown/nile-dropdown.esm.js

@@ -1,4 +1,4 @@
-import{__decorate as t}from"tslib";import{html as i}from"lit";import{query as s,property as e,customElement as n}from"lit/decorators.js";import{s as o}from"./nile-dropdown.css.esm.js";import{s as h,a}from"../internal/animate.esm.js";import{classMap as r}from"lit/directives/class-map.js";import{s as l,g as d}from"../utilities/animation-registry.esm.js";import{g as p}from"../internal/tabbable.esm.js";import{w as c}from"../internal/event.esm.js";import{w as m}from"../internal/watch.esm.js";import{N as u}from"../internal/nile-element.esm.js";import"../nile-popup/nile-popup.esm.js";import{D as f}from"./portal-manager.esm.js";import{V as w}from"../utilities/visibility-manager.esm.js";import"../internal/accessibility/a11y.state.enum.esm.js";import"../internal/accessibility/a11y.property.enum.esm.js";import"../internal/accessibility/role.enum.esm.js";import"../floating-ui.dom-cc9126da.esm.js";import"../nile-popup/nile-popup.css.esm.js";import"./portal-utils.esm.js";let y=class extends u{constructor(){super(...arguments),this.open=!1,this.placement="bottom-start",this.disabled=!1,this.stayOpenOnSelect=!1,this.distance=0,this.noOpenOnClick=!1,this.skidding=0,this.hoist=!1,this.portal=!1,this.enableVisibilityEffect=!1,this.enableTabClose=!1,this.portalManager=null}connectedCallback(){super.connectedCallback(),this.handlePanelSelect=this.handlePanelSelect.bind(this),this.handleKeyDown=this.handleKeyDown.bind(this),this.handleDocumentKeyDown=this.handleDocumentKeyDown.bind(this),this.handleDocumentMouseDown=this.handleDocumentMouseDown.bind(this),this.containingElement||(this.containingElement=this),this.emit("nile-init"),requestAnimationFrame((()=>{this.portal&&!this.portalManager&&(this.portalManager=new f(this))}))}async firstUpdated(t){this.panel.hidden=!this.open,this.open&&(this.addOpenListeners(),this.popup.active=!0),await this.updateComplete;const i=this.trigger.assignedElements({flatten:!0})[0];this.visibilityManager=new w({host:this,target:i||null,enableVisibilityEffect:this.enableVisibilityEffect,enableTabClose:this.enableTabClose,isOpen:()=>this.open,onAnchorOutOfView:()=>{this.hide(),this.emit("nile-visibility-change",{visible:!1,reason:"anchor-out-of-view"})},onDocumentHidden:()=>{this.hide(),this.emit("nile-visibility-change",{visible:!1,reason:"document-hidden"})},emit:(t,i)=>this.emit(`nile-${t}`,i)})}disconnectedCallback(){super.disconnectedCallback(),this.visibilityManager?.cleanup(),this.removeOpenListeners(),this.hide(),this.emit("nile-destroy"),this.portalManager&&(this.portalManager.cleanupPortalAppend(),this.portalManager=null)}focusOnTrigger(){const t=this.trigger.assignedElements({flatten:!0})[0];"function"==typeof t?.focus&&t.focus()}getMenu(){return this.panel.assignedElements({flatten:!0}).find((t=>"nile-menu"===t.tagName.toLowerCase()))}handleKeyDown(t){this.open&&"Escape"===t.key&&(t.stopPropagation(),this.hide(),this.focusOnTrigger())}handleDocumentKeyDown(t){if("Escape"===t.key&&this.open)return t.stopPropagation(),this.focusOnTrigger(),void this.hide();if("Tab"===t.key){if(this.open&&"nile-menu-item"===document.activeElement?.tagName.toLowerCase())return t.preventDefault(),this.hide(),void this.focusOnTrigger();setTimeout((()=>{const t=this.containingElement?.getRootNode()instanceof ShadowRoot?document.activeElement?.shadowRoot?.activeElement:document.activeElement,i=this.containingElement&&t?.closest(this.containingElement.tagName.toLowerCase())===this.containingElement,s=this.portal&&this.portalManager?.portalContainerElement&&(t===this.portalManager.portalContainerElement||t?.closest(".nile-dropdown-portal-append")===this.portalManager.portalContainerElement);i||s||this.hide()}))}}handleDocumentMouseDown(t){const i=t.composedPath(),s=this.containingElement&&i.includes(this.containingElement),e=this.portal&&this.portalManager?.portalContainerElement&&i.includes(this.portalManager.portalContainerElement);s||e||this.hide()}handlePanelSelect(t){const i=t.target;this.stayOpenOnSelect||"nile-menu"!==i.tagName.toLowerCase()?this.stayOpenOnSelect&&"nile-menu"===i.tagName.toLowerCase()&&(this.show(),this.focusOnTrigger()):(this.hide(),this.focusOnTrigger())}handleTriggerClick(){this.noOpenOnClick||(this.open?this.hide():(this.show(),this.focusOnTrigger()))}handleTriggerKeyDown(t){const i=this.getMenu();if(i){const s=i.getAllItems(),e=s[0],n=s[s.length-1];["ArrowDown","ArrowUp","Home","End"].includes(t.key)&&(t.preventDefault(),this.open||this.show(),s.length>0&&this.updateComplete.then((()=>{"ArrowDown"!==t.key&&"Home"!==t.key||(i.setCurrentItem(e),e.focus()),"ArrowUp"!==t.key&&"End"!==t.key||(i.setCurrentItem(n),n.focus())})))}}handleTriggerKeyUp(t){" "===t.key&&t.preventDefault()}handleTriggerSlotChange(){this.updateAccessibleTrigger()}updateAccessibleTrigger(){const t=this.trigger.assignedElements({flatten:!0}).find((t=>p(t).start));let i;if(t){switch(t.tagName.toLowerCase()){case"nile-button":case"nile-icon-button":i=t.button;break;default:i=t}i.setAttribute("aria-haspopup","true"),i.setAttribute("aria-expanded",this.open?"true":"false")}}async show(){if(!this.open)return this.open=!0,c(this,"nile-after-show")}async hide(){if(this.open)return this.open=!1,c(this,"nile-after-hide")}reposition(){this.popup.reposition()}addOpenListeners(){this.panel.addEventListener("nile-select",this.handlePanelSelect),this.panel.addEventListener("keydown",this.handleKeyDown),document.addEventListener("keydown",this.handleDocumentKeyDown),document.addEventListener("mousedown",this.handleDocumentMouseDown)}removeOpenListeners(){this.panel&&(this.panel.removeEventListener("nile-select",this.handlePanelSelect),this.panel.removeEventListener("keydown",this.handleKeyDown)),document.removeEventListener("keydown",this.handleDocumentKeyDown),document.removeEventListener("mousedown",this.handleDocumentMouseDown)}updated(t){super.updated(t),t.has("portal")&&(this.portal&&!this.portalManager?(this.portalManager=new f(this),this.open&&this.portalManager.setupPortalAppend()):!this.portal&&this.portalManager&&(this.portalManager.cleanupPortalAppend(),this.portalManager=null)),t.has("disabled")&&this.updateTriggerDisabledState()}updateTriggerDisabledState(){const t=this.querySelector('[slot="trigger"]');if(!t)return;const i=t.hasAttribute("disabled");(this.disabled||i)&&(t.disabled=!0,this.disabled=!0)}async handleOpenChange(){if(this.visibilityManager?.setup(),this.disabled)this.open=!1;else if(this.updateAccessibleTrigger(),this.open){if(this.emit("nile-show"),this.addOpenListeners(),this.portal&&this.portalManager?this.portalManager.setupPortalAppend():this.portal&&!this.portalManager&&(this.portalManager=new f(this),this.portalManager.setupPortalAppend()),await h(this),!this.portal){this.panel.hidden=!1,this.popup.active=!0;const{keyframes:t,options:i}=d(this,"dropdown.show",{dir:""});await a(this.popup.popup,t,i)}this.emit("nile-after-show")}else{if(this.emit("nile-hide"),this.removeOpenListeners(),this.visibilityManager?.cleanup(),this.portal&&this.portalManager&&this.portalManager.cleanupPortalAppend(),await h(this),!this.portal){const{keyframes:t,options:i}=d(this,"dropdown.hide",{dir:""});await a(this.popup.popup,t,i),this.panel.hidden=!0,this.popup.active=!1}this.emit("nile-after-hide")}}render(){return i`
+import{__decorate as t}from"tslib";import{html as i}from"lit";import{query as s,property as e,customElement as n}from"lit/decorators.js";import{s as o}from"./nile-dropdown.css.esm.js";import{s as h,a}from"../internal/animate.esm.js";import{classMap as r}from"lit/directives/class-map.js";import{s as l,g as d}from"../utilities/animation-registry.esm.js";import{g as p}from"../internal/tabbable.esm.js";import{w as c}from"../internal/event.esm.js";import{w as m}from"../internal/watch.esm.js";import{N as u}from"../internal/nile-element.esm.js";import"../nile-popup/nile-popup.esm.js";import{D as f}from"./portal-manager.esm.js";import{V as w}from"../utilities/visibility-manager.esm.js";import"../internal/accessibility/a11y.state.enum.esm.js";import"../internal/accessibility/a11y.property.enum.esm.js";import"../internal/accessibility/role.enum.esm.js";import"../floating-ui.dom-cc9126da.esm.js";import"../nile-popup/nile-popup.css.esm.js";import"./portal-utils.esm.js";let y=class extends u{constructor(){super(...arguments),this.open=!1,this.placement="bottom-start",this.disabled=!1,this.stayOpenOnSelect=!1,this.distance=0,this.noOpenOnClick=!1,this.skidding=0,this.hoist=!1,this.portal=!1,this.enableVisibilityEffect=!1,this.enableTabClose=!1,this.portalManager=null,this._triggerDisabledByDropdown=!1}connectedCallback(){super.connectedCallback(),this.handlePanelSelect=this.handlePanelSelect.bind(this),this.handleKeyDown=this.handleKeyDown.bind(this),this.handleDocumentKeyDown=this.handleDocumentKeyDown.bind(this),this.handleDocumentMouseDown=this.handleDocumentMouseDown.bind(this),this.containingElement||(this.containingElement=this),this.emit("nile-init"),requestAnimationFrame((()=>{this.portal&&!this.portalManager&&(this.portalManager=new f(this))}))}async firstUpdated(t){this.panel.hidden=!this.open,this.open&&(this.addOpenListeners(),this.popup.active=!0),await this.updateComplete;const i=this.trigger.assignedElements({flatten:!0})[0];this.visibilityManager=new w({host:this,target:i||null,enableVisibilityEffect:this.enableVisibilityEffect,enableTabClose:this.enableTabClose,isOpen:()=>this.open,onAnchorOutOfView:()=>{this.hide(),this.emit("nile-visibility-change",{visible:!1,reason:"anchor-out-of-view"})},onDocumentHidden:()=>{this.hide(),this.emit("nile-visibility-change",{visible:!1,reason:"document-hidden"})},emit:(t,i)=>this.emit(`nile-${t}`,i)})}disconnectedCallback(){super.disconnectedCallback(),this.visibilityManager?.cleanup(),this.removeOpenListeners(),this.hide(),this.emit("nile-destroy"),this.portalManager&&(this.portalManager.cleanupPortalAppend(),this.portalManager=null)}focusOnTrigger(){const t=this.trigger.assignedElements({flatten:!0})[0];"function"==typeof t?.focus&&t.focus()}getMenu(){return this.panel.assignedElements({flatten:!0}).find((t=>"nile-menu"===t.tagName.toLowerCase()))}handleKeyDown(t){this.open&&"Escape"===t.key&&(t.stopPropagation(),this.hide(),this.focusOnTrigger())}handleDocumentKeyDown(t){if("Escape"===t.key&&this.open)return t.stopPropagation(),this.focusOnTrigger(),void this.hide();if("Tab"===t.key){if(this.open&&"nile-menu-item"===document.activeElement?.tagName.toLowerCase())return t.preventDefault(),this.hide(),void this.focusOnTrigger();setTimeout((()=>{const t=this.containingElement?.getRootNode()instanceof ShadowRoot?document.activeElement?.shadowRoot?.activeElement:document.activeElement,i=this.containingElement&&t?.closest(this.containingElement.tagName.toLowerCase())===this.containingElement,s=this.portal&&this.portalManager?.portalContainerElement&&(t===this.portalManager.portalContainerElement||t?.closest(".nile-dropdown-portal-append")===this.portalManager.portalContainerElement);i||s||this.hide()}))}}handleDocumentMouseDown(t){const i=t.composedPath(),s=this.containingElement&&i.includes(this.containingElement),e=this.portal&&this.portalManager?.portalContainerElement&&i.includes(this.portalManager.portalContainerElement);s||e||this.hide()}handlePanelSelect(t){const i=t.target;this.stayOpenOnSelect||"nile-menu"!==i.tagName.toLowerCase()?this.stayOpenOnSelect&&"nile-menu"===i.tagName.toLowerCase()&&(this.show(),this.focusOnTrigger()):(this.hide(),this.focusOnTrigger())}handleTriggerClick(){this.noOpenOnClick||this.disabled||this.isTriggerDisabled()||(this.open?this.hide():(this.show(),this.focusOnTrigger()))}handleTriggerKeyDown(t){const i=this.getMenu();if(i){const s=i.getAllItems(),e=s[0],n=s[s.length-1];["ArrowDown","ArrowUp","Home","End"].includes(t.key)&&(t.preventDefault(),this.open||this.show(),s.length>0&&this.updateComplete.then((()=>{"ArrowDown"!==t.key&&"Home"!==t.key||(i.setCurrentItem(e),e.focus()),"ArrowUp"!==t.key&&"End"!==t.key||(i.setCurrentItem(n),n.focus())})))}}handleTriggerKeyUp(t){" "===t.key&&t.preventDefault()}handleTriggerSlotChange(){this.updateAccessibleTrigger()}isTriggerDisabled(){const t=this.querySelector('[slot="trigger"]');return t?.hasAttribute?.("disabled")}updateAccessibleTrigger(){const t=this.trigger.assignedElements({flatten:!0}).find((t=>p(t).start));let i;if(t){switch(t.tagName.toLowerCase()){case"nile-button":case"nile-icon-button":i=t.button;break;default:i=t}i.setAttribute("aria-haspopup","true"),i.setAttribute("aria-expanded",this.open?"true":"false")}}async show(){if(!(this.open||this.disabled||this.isTriggerDisabled()))return this.open=!0,c(this,"nile-after-show")}async hide(){if(this.open)return this.open=!1,c(this,"nile-after-hide")}reposition(){this.popup.reposition()}addOpenListeners(){this.panel.addEventListener("nile-select",this.handlePanelSelect),this.panel.addEventListener("keydown",this.handleKeyDown),document.addEventListener("keydown",this.handleDocumentKeyDown),document.addEventListener("mousedown",this.handleDocumentMouseDown)}removeOpenListeners(){this.panel&&(this.panel.removeEventListener("nile-select",this.handlePanelSelect),this.panel.removeEventListener("keydown",this.handleKeyDown)),document.removeEventListener("keydown",this.handleDocumentKeyDown),document.removeEventListener("mousedown",this.handleDocumentMouseDown)}updated(t){super.updated(t),t.has("portal")&&(this.portal&&!this.portalManager?(this.portalManager=new f(this),this.open&&this.portalManager.setupPortalAppend()):!this.portal&&this.portalManager&&(this.portalManager.cleanupPortalAppend(),this.portalManager=null)),t.has("disabled")&&(this.disabled&&this.open&&this.hide(),this.updateTriggerDisabledState())}updateTriggerDisabledState(){const t=this.querySelector('[slot="trigger"]');t&&(this.disabled?(t.disabled||(this._triggerDisabledByDropdown=!0),t.disabled=!0):this._triggerDisabledByDropdown&&(t.disabled=!1,this._triggerDisabledByDropdown=!1))}async handleOpenChange(){if(this.visibilityManager?.setup(),this.open&&(this.disabled||this.isTriggerDisabled()))this.open=!1;else if(this.updateAccessibleTrigger(),this.open){if(this.emit("nile-show"),this.addOpenListeners(),this.portal&&this.portalManager?this.portalManager.setupPortalAppend():this.portal&&!this.portalManager&&(this.portalManager=new f(this),this.portalManager.setupPortalAppend()),await h(this),!this.portal){this.panel.hidden=!1,this.popup.active=!0;const{keyframes:t,options:i}=d(this,"dropdown.show",{dir:""});await a(this.popup.popup,t,i)}this.emit("nile-after-show")}else{if(this.emit("nile-hide"),this.removeOpenListeners(),this.visibilityManager?.cleanup(),this.portal&&this.portalManager&&this.portalManager.cleanupPortalAppend(),await h(this),!this.portal){const{keyframes:t,options:i}=d(this,"dropdown.hide",{dir:""});await a(this.popup.popup,t,i),this.panel.hidden=!0,this.popup.active=!1}this.emit("nile-after-hide")}}render(){return i`
       <nile-popup
         part="base"
         id="dropdown"

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

@@ -1,2 +1,2 @@
-System.register(["./nile-inline-sidebar.cjs.js","tslib","lit","lit/decorators.js","./nile-inline-sidebar.css.cjs.js","../internal/nile-element.cjs.js","../internal/accessibility/a11y.state.enum.cjs.js","../internal/accessibility/a11y.property.enum.cjs.js","../internal/accessibility/role.enum.cjs.js"],function(_export,_context){"use strict";return{setters:[function(_nileInlineSidebarCjsJs){_export("NileInlineSidebar",_nileInlineSidebarCjsJs.N);},function(_tslib){},function(_lit){},function(_litDecoratorsJs){},function(_nileInlineSidebarCssCjsJs){},function(_internalNileElementCjsJs){},function(_internalAccessibilityA11yStateEnumCjsJs){},function(_internalAccessibilityA11yPropertyEnumCjsJs){},function(_internalAccessibilityRoleEnumCjsJs){}],execute:function execute(){}};});
+System.register(["./nile-inline-sidebar.cjs.js","tslib","lit","lit/decorators.js","lit/directives/class-map.js","./nile-inline-sidebar.css.cjs.js","../internal/nile-element.cjs.js","../internal/accessibility/a11y.state.enum.cjs.js","../internal/accessibility/a11y.property.enum.cjs.js","../internal/accessibility/role.enum.cjs.js","../internal/drag.cjs.js","../internal/math.cjs.js"],function(_export,_context){"use strict";return{setters:[function(_nileInlineSidebarCjsJs){_export("NileInlineSidebar",_nileInlineSidebarCjsJs.N);},function(_tslib){},function(_lit){},function(_litDecoratorsJs){},function(_litDirectivesClassMapJs){},function(_nileInlineSidebarCssCjsJs){},function(_internalNileElementCjsJs){},function(_internalAccessibilityA11yStateEnumCjsJs){},function(_internalAccessibilityA11yPropertyEnumCjsJs){},function(_internalAccessibilityRoleEnumCjsJs){},function(_internalDragCjsJs){},function(_internalMathCjsJs){}],execute:function execute(){}};});
 //# sourceMappingURL=index.cjs.js.map

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

@@ -1 +1 @@
-export{N as NileInlineSidebar}from"./nile-inline-sidebar.esm.js";import"tslib";import"lit";import"lit/decorators.js";import"./nile-inline-sidebar.css.esm.js";import"../internal/nile-element.esm.js";import"../internal/accessibility/a11y.state.enum.esm.js";import"../internal/accessibility/a11y.property.enum.esm.js";import"../internal/accessibility/role.enum.esm.js";
+export{N as NileInlineSidebar}from"./nile-inline-sidebar.esm.js";import"tslib";import"lit";import"lit/decorators.js";import"lit/directives/class-map.js";import"./nile-inline-sidebar.css.esm.js";import"../internal/nile-element.esm.js";import"../internal/accessibility/a11y.state.enum.esm.js";import"../internal/accessibility/a11y.property.enum.esm.js";import"../internal/accessibility/role.enum.esm.js";import"../internal/drag.esm.js";import"../internal/math.esm.js";

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","../internal/accessibility/a11y.state.enum.cjs.js","../internal/accessibility/a11y.property.enum.cjs.js","../internal/accessibility/role.enum.cjs.js"],function(_export,_context){"use strict";var t,e,i,s,n,l,a,o,_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){a=_nileInlineSidebarCssCjsJs.s;},function(_internalNileElementCjsJs){o=_internalNileElementCjsJs.N;},function(_internalAccessibilityA11yStateEnumCjsJs){},function(_internalAccessibilityA11yPropertyEnumCjsJs){},function(_internalAccessibilityRoleEnumCjsJs){}],execute:function execute(){_export("N",r=/*#__PURE__*/function(_o){function r(){var _this;_classCallCheck(this,r);_this=_callSuper(this,r,arguments),_this.collapsed=!1,_this.fixed=!1,_this.showTooltip=!1,_this.placement="left",_this.activeIndex=-1,_this.handleKeyDown=function(t){if(_this.collapsed)return;var e=_this.focusableItems;if(!e.length)return;var i=_this.sidebarItems.find(function(t){var _this$shadowRoot;return t===document.activeElement||t===((_this$shadowRoot=_this.shadowRoot)===null||_this$shadowRoot===void 0?void 0:_this$shadowRoot.activeElement)||t.matches(":focus-within");}),s=i?e.indexOf(i):-1;var n=null;switch(t.key){case"ArrowDown":n=s<e.length-1?s+1:0;break;case"ArrowUp":n=s>0?s-1:e.length-1;break;case"Home":n=0;break;case"End":n=e.length-1;break;default:return;}t.preventDefault(),null!==n&&e[n]&&_this.focusItem(e[n]);},_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.updateTabIndices(),_this.dispatchEvent(new CustomEvent("nile-change",{detail:{selectedItem:e,index:i},bubbles:!0,composed:!0})),_this.requestUpdate();};return _this;}_inherits(r,_o);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.addEventListener("keydown",this.handleKeyDown),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),this.removeEventListener("keydown",this.handleKeyDown);}},{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()),this.updateTabIndices();}},{key:"focusableItems",get:function get(){return this.sidebarItems.filter(function(t){return!t.hasAttribute("disabled");});}},{key:"updateTabIndices",value:function updateTabIndices(){var _this4=this;var t=this.sidebarItems;if(!t.length)return;var e=this.activeIndex>=0?t[this.activeIndex]:null;t.forEach(function(t){t.hasAttribute("disabled")?t.setAttribute("tabindex","-1"):t===e?t.setAttribute("tabindex","0"):e||t!==_this4.focusableItems[0]?t.setAttribute("tabindex","-1"):t.setAttribute("tabindex","0");});}},{key:"focusItem",value:function focusItem(t){this.sidebarItems.forEach(function(t){return t.setAttribute("tabindex","-1");}),t.setAttribute("tabindex","0"),t.focus();}},{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,_this5=this;if(!((_this$sidebarItems3=this.sidebarItems)!==null&&_this$sidebarItems3!==void 0&&_this$sidebarItems3.length))return null;var t="right"===this.placement?"left":"right";return this.sidebarItems.map(function(i,s){var _i$textContent;var n=i.tooltip,l=i.scrollWidth>i.clientWidth||i.scrollHeight>i.clientHeight,a=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      "])),i.hasAttribute("disabled"),_this5.activeIndex===s,function(){return _this5.handleMenuItemClick(s);},i.textContent);return n||l?e(_templateObject2||(_templateObject2=_taggedTemplateLiteral(["\n            <nile-tooltip\n              content=","\n              hoist\n              placement=","\n            >\n              ","\n            </nile-tooltip>\n          "])),((_i$textContent=i.textContent)===null||_i$textContent===void 0?void 0:_i$textContent.trim())||"",t,a):a;});}},{key:"render",value:function render(){var _this6=this;var t="right"===this.placement,i=t?"menu_open":"menu_close",s=t?"menu_close":"menu_open",n=t?"bottom-end":"bottom-start";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          role=\"navigation\"\n          aria-label=\"Sidebar\"\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=","\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=","></nile-icon>\n                    </nile-button>\n                    <nile-side-bar-action-menu>\n                      ","\n                    </nile-side-bar-action-menu>\n                  </nile-side-bar-action>\n                "])),n,this.toggleCollapse,i,this.menuItemsTemplate):e(_templateObject5||(_templateObject5=_taggedTemplateLiteral(["\n                  <nile-button\n                    class=\"toggle-btn\"\n                    variant=\"tertiary\"\n                    @click=","\n                  >\n                    <nile-icon name=","></nile-icon>\n                  </nile-button>\n                "])),this.toggleCollapse,s),this.collapsed?"display:none;":"",function(){_this6.requestUpdate(),_this6.observeSidebarItems(),_this6.syncActiveFromItems();});}}],[{key:"styles",get:function get(){return[a];}}]);}(o));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([i({type:String,reflect:!0})],r.prototype,"placement",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","lit/directives/class-map.js","./nile-inline-sidebar.css.cjs.js","../internal/nile-element.cjs.js","../internal/drag.cjs.js","../internal/math.cjs.js","../internal/accessibility/a11y.state.enum.cjs.js","../internal/accessibility/a11y.property.enum.cjs.js","../internal/accessibility/role.enum.cjs.js"],function(_export,_context){"use strict";var t,i,e,s,n,a,r,o,l,h,c,d,_templateObject,_templateObject2,_templateObject3,_templateObject4,_templateObject5,_templateObject6,_templateObject7,_templateObject8,b;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.nothing;e=_lit.html;},function(_litDecoratorsJs){s=_litDecoratorsJs.property;n=_litDecoratorsJs.state;a=_litDecoratorsJs.query;r=_litDecoratorsJs.customElement;},function(_litDirectivesClassMapJs){o=_litDirectivesClassMapJs.classMap;},function(_nileInlineSidebarCssCjsJs){l=_nileInlineSidebarCssCjsJs.s;},function(_internalNileElementCjsJs){h=_internalNileElementCjsJs.N;},function(_internalDragCjsJs){c=_internalDragCjsJs.d;},function(_internalMathCjsJs){d=_internalMathCjsJs.c;},function(_internalAccessibilityA11yStateEnumCjsJs){},function(_internalAccessibilityA11yPropertyEnumCjsJs){},function(_internalAccessibilityRoleEnumCjsJs){}],execute:function execute(){_export("N",b=/*#__PURE__*/function(_h){function b(){var _this;_classCallCheck(this,b);_this=_callSuper(this,b,arguments),_this.collapsed=!1,_this.fixed=!1,_this.showTooltip=!1,_this.placement="left",_this.resizable=!1,_this.sidebarWidth=216,_this.minSidebarWidth=120,_this.showToggleBtn=!0,_this.maxSidebarWidth=400,_this.variant="minimal",_this.activeIndex=-1,_this.handleKeyDown=function(t){if(_this.collapsed)return;var i=_this.focusableItems;if(!i.length)return;var e=_this.sidebarItems.find(function(t){var _this$shadowRoot;return t===document.activeElement||t===((_this$shadowRoot=_this.shadowRoot)===null||_this$shadowRoot===void 0?void 0:_this$shadowRoot.activeElement)||t.matches(":focus-within");}),s=e?i.indexOf(e):-1;var n=null;switch(t.key){case"ArrowDown":n=s<i.length-1?s+1:0;break;case"ArrowUp":n=s>0?s-1:i.length-1;break;case"Home":n=0;break;case"End":n=i.length-1;break;default:return;}t.preventDefault(),null!==n&&i[n]&&_this.focusItem(i[n]);},_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.updateTabIndices(),_this.dispatchEvent(new CustomEvent("nile-change",{detail:{selectedItem:i,index:e},bubbles:!0,composed:!0})),_this.requestUpdate();};return _this;}_inherits(b,_h);return _createClass(b,[{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(b,"connectedCallback",this,3)([]),this.addEventListener("nile-click",this.handleItemSelect),this.addEventListener("keydown",this.handleKeyDown),this.mutationObserver=new MutationObserver(function(){return _this2.syncActiveFromItems();});}},{key:"disconnectedCallback",value:function disconnectedCallback(){var _this$mutationObserve;_superPropGet(b,"disconnectedCallback",this,3)([]),(_this$mutationObserve=this.mutationObserver)!==null&&_this$mutationObserve!==void 0&&_this$mutationObserve.disconnect(),this.removeEventListener("nile-click",this.handleItemSelect),this.removeEventListener("keydown",this.handleKeyDown);}},{key:"firstUpdated",value:function firstUpdated(){this.observeSidebarItems(),this.syncActiveFromItems(),this.syncChildSidebarItemVariants(),this.fixed&&(this.collapsed=!1);}},{key:"updated",value:function updated(t){_superPropGet(b,"updated",this,3)([t]),t.has("variant")&&this.syncChildSidebarItemVariants();}},{key:"syncChildSidebarItemVariants",value:function syncChildSidebarItemVariants(){var _this$variant;var t=this.querySelectorAll("nile-inline-sidebar-item"),i=(_this$variant=this.variant)!==null&&_this$variant!==void 0?_this$variant:"minimal";t.forEach(function(t){t.variant=i;});}},{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()),this.updateTabIndices();}},{key:"focusableItems",get:function get(){return this.sidebarItems.filter(function(t){return!t.hasAttribute("disabled");});}},{key:"updateTabIndices",value:function updateTabIndices(){var _this4=this;var t=this.sidebarItems;if(!t.length)return;var i=this.activeIndex>=0?t[this.activeIndex]:null;t.forEach(function(t){t.hasAttribute("disabled")?t.setAttribute("tabindex","-1"):t===i?t.setAttribute("tabindex","0"):i||t!==_this4.focusableItems[0]?t.setAttribute("tabindex","-1"):t.setAttribute("tabindex","0");});}},{key:"focusItem",value:function focusItem(t){this.sidebarItems.forEach(function(t){return t.setAttribute("tabindex","-1");}),t.setAttribute("tabindex","0"),t.focus();}},{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:"handleSeparatorDrag",value:function handleSeparatorDrag(t){var _this5=this;if(!this.resizable||this.collapsed)return;t.cancelable&&t.preventDefault();var i="right"===this.placement;this.style.setProperty("--sidebar-transition","none"),c(this,{onMove:function onMove(t){var e=_this5.getBoundingClientRect();var s;s=i?e.width-t:t,_this5.sidebarWidth=d(s,_this5.minSidebarWidth,_this5.maxSidebarWidth),_this5.emit("nile-sidebar-resize",{width:_this5.sidebarWidth});},onStop:function onStop(){_this5.style.removeProperty("--sidebar-transition");},initialEvent:t});}},{key:"handleSeparatorKeyDown",value:function handleSeparatorKeyDown(t){if(!this.resizable||this.collapsed)return;var i=t.shiftKey?10:1;var e=this.sidebarWidth;switch(t.key){case"ArrowLeft":e-=i;break;case"ArrowRight":e+=i;break;case"Home":e=this.minSidebarWidth;break;case"End":e=this.maxSidebarWidth;break;default:return;}t.preventDefault(),this.sidebarWidth=d(e,this.minSidebarWidth,this.maxSidebarWidth),this.emit("nile-sidebar-resize",{width:this.sidebarWidth});}},{key:"separatorTemplate",get:function get(){return!this.resizable||this.collapsed?i:e(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n      <div\n        class=\"separator\"\n        part=\"separator\"\n        tabindex=\"0\"\n        role=\"separator\"\n        aria-valuenow=","\n        aria-valuemin=","\n        aria-valuemax=","\n        aria-label=\"Resize sidebar\"\n        @keydown=","\n        @mousedown=","\n        @touchstart=","\n      ></div>\n    "])),this.sidebarWidth,this.minSidebarWidth,this.maxSidebarWidth,this.handleSeparatorKeyDown,this.handleSeparatorDrag,this.handleSeparatorDrag);}},{key:"menuItemsTemplate",get:function get(){var _this$sidebarItems3,_this6=this;if(!((_this$sidebarItems3=this.sidebarItems)!==null&&_this$sidebarItems3!==void 0&&_this$sidebarItems3.length))return null;var t="right"===this.placement?"left":"right";return this.sidebarItems.map(function(i,s){var _i$textContent2;var n=i.tooltip,a=i.scrollWidth>i.clientWidth||i.scrollHeight>i.clientHeight,r=e(_templateObject2||(_templateObject2=_taggedTemplateLiteral(["\n        <nile-side-bar-action-menu-item\n          ?disabled=","\n          ?active=","\n          @click=","\n        >\n          ","\n        </nile-side-bar-action-menu-item>\n      "])),i.hasAttribute("disabled"),_this6.activeIndex===s,function(){return _this6.handleMenuItemClick(s);},i.textContent);return n||a?e(_templateObject3||(_templateObject3=_taggedTemplateLiteral(["\n            <nile-tooltip\n              content=","\n              hoist\n              placement=","\n            >\n              ","\n            </nile-tooltip>\n          "])),((_i$textContent2=i.textContent)===null||_i$textContent2===void 0?void 0:_i$textContent2.trim())||"",t,r):r;});}},{key:"render",value:function render(){var _this7=this;var t="right"===this.placement,s=t?"menu_open":"menu_close",n=t?"menu_close":"menu_open",a=t?"bottom-end":"bottom-start",r=this.collapsed?"":"width: ".concat(this.sidebarWidth,"px;");return e(_templateObject4||(_templateObject4=_taggedTemplateLiteral(["\n      <div class=\"sidebar\" part=\"base\" style=",">\n        <div class=\"sidebar-header\" part=\"header\">\n          ","\n        </div>\n\n        <nav\n          class=","\n          role=\"navigation\"\n          aria-label=\"Sidebar\"\n          style=","\n          part=\"nav-items\"\n        >\n          <slot\n            @slotchange=","\n          ></slot>\n        </nav>\n      </div>\n      ","\n    "])),r,this.fixed?null:this.collapsed?e(_templateObject5||(_templateObject5=_taggedTemplateLiteral(["\n                  <nile-side-bar-action\n                    class=\"toggle-action\"\n                    placement=","\n                    hoist\n                    open\n                    triggerDropdown=\"hover\"\n                  >\n                    ","\n                    <nile-side-bar-action-menu>\n                      ","\n                    </nile-side-bar-action-menu>\n                  </nile-side-bar-action>\n                "])),a,this.showToggleBtn?e(_templateObject6||(_templateObject6=_taggedTemplateLiteral(["\n                          <nile-button\n                            slot=\"trigger\"\n                            class=\"toggle-btn\"\n                            variant=\"tertiary\"\n                            @click=","\n                          >\n                            <nile-icon name=","></nile-icon>\n                          </nile-button>\n                        "])),this.toggleCollapse,s):i,this.menuItemsTemplate):e(_templateObject7||(_templateObject7=_taggedTemplateLiteral(["\n                ","\n                "])),this.showToggleBtn?e(_templateObject8||(_templateObject8=_taggedTemplateLiteral([" \n                    <nile-button\n                      class=\"toggle-btn\"\n                      variant=\"tertiary\"\n                      @click=","\n                    >\n                      <nile-icon name=","></nile-icon>\n                    </nile-button>\n                  "])),this.toggleCollapse,n):i),o({"sidebar-nav":!0,"sidebar-nav--rich":"rich"===this.variant}),this.collapsed?"display:none;":"",function(){_this7.requestUpdate(),_this7.observeSidebarItems(),_this7.syncActiveFromItems(),_this7.syncChildSidebarItemVariants();},this.separatorTemplate);}}],[{key:"styles",get:function get(){return[l];}}]);}(h));t([s({type:Boolean,reflect:!0})],b.prototype,"collapsed",void 0),t([s({type:Boolean,reflect:!0,attribute:!0})],b.prototype,"fixed",void 0),t([s({type:Boolean,reflect:!0})],b.prototype,"showTooltip",void 0),t([s({type:String,reflect:!0})],b.prototype,"placement",void 0),t([s({type:Boolean,reflect:!0})],b.prototype,"resizable",void 0),t([s({type:Number,attribute:!0})],b.prototype,"sidebarWidth",void 0),t([s({type:Number,attribute:!0})],b.prototype,"minSidebarWidth",void 0),t([s({type:Boolean,attribute:!0})],b.prototype,"showToggleBtn",void 0),t([s({type:Number,attribute:!0})],b.prototype,"maxSidebarWidth",void 0),t([s({type:String,reflect:!0,attribute:!0})],b.prototype,"variant",void 0),t([n()],b.prototype,"activeIndex",void 0),t([a("slot")],b.prototype,"defaultSlot",void 0),_export("N",b=t([r("nile-inline-sidebar")],b));}};});
 //# 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  /** The side on which the sidebar is placed. */\n  @property({ type: String, reflect: true }) placement: 'left' | 'right' = 'left';\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.addEventListener('keydown', this.handleKeyDown);\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    this.removeEventListener('keydown', this.handleKeyDown);\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    this.updateTabIndices();\n  }\n\n  \n  private get focusableItems(): HTMLElement[] {\n    return this.sidebarItems.filter(\n      item => !item.hasAttribute('disabled')\n    );\n  }\n\n  private updateTabIndices() {\n    const items = this.sidebarItems;\n    if (!items.length) return;\n\n    const focusTarget =\n      this.activeIndex >= 0 ? items[this.activeIndex] : null;\n\n    items.forEach(item => {\n      if (item.hasAttribute('disabled')) {\n        item.setAttribute('tabindex', '-1');\n      } else if (item === focusTarget) {\n        item.setAttribute('tabindex', '0');\n      } else if (!focusTarget && item === this.focusableItems[0]) {\n        item.setAttribute('tabindex', '0');\n      } else {\n        item.setAttribute('tabindex', '-1');\n      }\n    });\n  }\n\n  private focusItem(item: HTMLElement) {\n    const items = this.sidebarItems;\n    items.forEach(el => el.setAttribute('tabindex', '-1'));\n    item.setAttribute('tabindex', '0');\n    item.focus();\n  }\n\n  private handleKeyDown = (event: KeyboardEvent) => {\n    if (this.collapsed) return;\n\n    const focusable = this.focusableItems;\n    if (!focusable.length) return;\n\n    const currentFocus = this.sidebarItems.find(\n      item =>\n        item === document.activeElement ||\n        item === this.shadowRoot?.activeElement ||\n        item.matches(':focus-within')\n    );\n\n    const currentIndex = currentFocus\n      ? focusable.indexOf(currentFocus)\n      : -1;\n\n    let nextIndex: number | null = null;\n\n    switch (event.key) {\n      case 'ArrowDown':\n        nextIndex =\n          currentIndex < focusable.length - 1 ? currentIndex + 1 : 0;\n        break;\n\n      case 'ArrowUp':\n        nextIndex =\n          currentIndex > 0 ? currentIndex - 1 : focusable.length - 1;\n        break;\n\n      case 'Home':\n        nextIndex = 0;\n        break;\n\n      case 'End':\n        nextIndex = focusable.length - 1;\n        break;\n\n      case 'Enter':\n      case ' ':\n        return;\n\n      default:\n        return;\n    }\n\n    event.preventDefault();\n\n    if (nextIndex !== null && focusable[nextIndex]) {\n      this.focusItem(focusable[nextIndex]);\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    this.updateTabIndices();\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    const tooltipPlacement = this.placement === 'right' ? 'left' : 'right';\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-tooltip\n              content=${item.textContent?.trim() || ''}\n              hoist\n              placement=${tooltipPlacement}\n            >\n              ${content}\n            </nile-tooltip>\n          `\n        : content;\n    });\n  }\n  \n  \n  \n\n  public render(): TemplateResult {\n    const isRight = this.placement === 'right';\n    const collapsedIcon = isRight ? 'menu_open' : 'menu_close';\n    const expandedIcon = isRight ? 'menu_close' : 'menu_open';\n    const actionPlacement = isRight ? 'bottom-end' : 'bottom-start';\n\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=${actionPlacement}\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=${collapsedIcon}></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=${expandedIcon}></nile-icon>\n                  </nile-button>\n                `\n            : null}\n        </div>\n\n        <nav\n          class=\"sidebar-nav\"\n          role=\"navigation\"\n          aria-label=\"Sidebar\"\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","_o","r","this","collapsed","fixed","showTooltip","placement","activeIndex","handleKeyDown","event","focusable","focusableItems","length","currentFocus","sidebarItems","find","item","document","activeElement","shadowRoot","matches","currentIndex","indexOf","nextIndex","key","preventDefault","focusItem","handleItemSelect","selectedItem","detail","index","forEach","i","active","updateTabIndices","dispatchEvent","CustomEvent","bubbles","composed","requestUpdate","_this","_inherits","_createClass","get","defaultSlot","assignedElements","flatten","flatMap","el","tagName","toLowerCase","Array","from","querySelectorAll","value","connectedCallback","super","addEventListener","mutationObserver","MutationObserver","syncActiveFromItems","disconnectedCallback","disconnect","removeEventListener","firstUpdated","observeSidebarItems","observe","attributes","attributeFilter","_this$sidebarItems2","findIndex","hasAttribute","filter","_this4","items","focusTarget","setAttribute","focus","toggleCollapse","handleMenuItemClick","text","textContent","trim","href","window","location","_this$sidebarItems3","_this5","tooltipPlacement","map","_i$textContent","shouldShowTooltip","tooltip","isTruncated","scrollWidth","clientWidth","scrollHeight","clientHeight","content","html","_templateObject","_taggedTemplateLiteral","_templateObject2","render","isRight","collapsedIcon","expandedIcon","actionPlacement","_templateObject3","_templateObject4","menuItemsTemplate","_templateObject5","styles","NileElement","__decorate","property","type","Boolean","reflect","prototype","attribute","String","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, nothing, PropertyValues } from 'lit';\nimport { customElement, property, query, state } from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { styles } from './nile-inline-sidebar.css';\nimport NileElement from '../internal/nile-element';\nimport { drag } from '../internal/drag';\nimport { clamp } from '../internal/math';\nimport NileInlineSidebarItem from '../nile-inline-sidebar-item/nile-inline-sidebar-item';\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  /** The side on which the sidebar is placed. */\n  @property({ type: String, reflect: true }) placement: 'left' | 'right' = 'left';\n\n  /** Enables a draggable resize handle on the sidebar's trailing edge. */\n  @property({ type: Boolean, reflect: true }) resizable = false;\n\n  /** Current sidebar width in pixels when resizable is enabled. */\n  @property({ type: Number, attribute: true }) sidebarWidth = 216;\n\n  /** Minimum sidebar width in pixels. */\n  @property({ type: Number, attribute: true }) minSidebarWidth = 120;\n\n  @property({ type: Boolean, attribute: true }) showToggleBtn = true;\n\n  /** Maximum sidebar width in pixels. */\n  @property({ type: Number, attribute: true}) maxSidebarWidth = 400;\n\n  @property({ type: String, reflect: true, attribute: true }) variant?: 'minimal' | 'rich' = 'minimal';\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.addEventListener('keydown', this.handleKeyDown);\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    this.removeEventListener('keydown', this.handleKeyDown);\n  }\n\n  firstUpdated() {\n    this.observeSidebarItems();\n    this.syncActiveFromItems();\n    this.syncChildSidebarItemVariants();\n\n    if (this.fixed) {\n      this.collapsed = false;\n    }\n  }\n\n  updated(changedProperties: PropertyValues) {\n    super.updated(changedProperties);\n    if (changedProperties.has('variant')) {\n      this.syncChildSidebarItemVariants();\n    }\n  }\n\n  /** Pushes sidebar `variant` onto each item (rich vs minimal) so layout stays in sync with slotted content. */\n  private syncChildSidebarItemVariants() {\n    const items = this.querySelectorAll(\n      'nile-inline-sidebar-item',\n    ) as NodeListOf<NileInlineSidebarItem>;\n    const v = this.variant ?? 'minimal';\n    items.forEach(item => {\n      item.variant = v;\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    this.updateTabIndices();\n  }\n\n  \n  private get focusableItems(): HTMLElement[] {\n    return this.sidebarItems.filter(\n      item => !item.hasAttribute('disabled')\n    );\n  }\n\n  private updateTabIndices() {\n    const items = this.sidebarItems;\n    if (!items.length) return;\n\n    const focusTarget =\n      this.activeIndex >= 0 ? items[this.activeIndex] : null;\n\n    items.forEach(item => {\n      if (item.hasAttribute('disabled')) {\n        item.setAttribute('tabindex', '-1');\n      } else if (item === focusTarget) {\n        item.setAttribute('tabindex', '0');\n      } else if (!focusTarget && item === this.focusableItems[0]) {\n        item.setAttribute('tabindex', '0');\n      } else {\n        item.setAttribute('tabindex', '-1');\n      }\n    });\n  }\n\n  private focusItem(item: HTMLElement) {\n    const items = this.sidebarItems;\n    items.forEach(el => el.setAttribute('tabindex', '-1'));\n    item.setAttribute('tabindex', '0');\n    item.focus();\n  }\n\n  private handleKeyDown = (event: KeyboardEvent) => {\n    if (this.collapsed) return;\n\n    const focusable = this.focusableItems;\n    if (!focusable.length) return;\n\n    const currentFocus = this.sidebarItems.find(\n      item =>\n        item === document.activeElement ||\n        item === this.shadowRoot?.activeElement ||\n        item.matches(':focus-within')\n    );\n\n    const currentIndex = currentFocus\n      ? focusable.indexOf(currentFocus)\n      : -1;\n\n    let nextIndex: number | null = null;\n\n    switch (event.key) {\n      case 'ArrowDown':\n        nextIndex =\n          currentIndex < focusable.length - 1 ? currentIndex + 1 : 0;\n        break;\n\n      case 'ArrowUp':\n        nextIndex =\n          currentIndex > 0 ? currentIndex - 1 : focusable.length - 1;\n        break;\n\n      case 'Home':\n        nextIndex = 0;\n        break;\n\n      case 'End':\n        nextIndex = focusable.length - 1;\n        break;\n\n      case 'Enter':\n      case ' ':\n        return;\n\n      default:\n        return;\n    }\n\n    event.preventDefault();\n\n    if (nextIndex !== null && focusable[nextIndex]) {\n      this.focusItem(focusable[nextIndex]);\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    this.updateTabIndices();\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 handleSeparatorDrag(event: PointerEvent) {\n    if (!this.resizable || this.collapsed) return;\n    if (event.cancelable) event.preventDefault();\n\n    const isRight = this.placement === 'right';\n\n    this.style.setProperty('--sidebar-transition', 'none');\n\n    drag(this, {\n      onMove: (x: number) => {\n        const hostRect = this.getBoundingClientRect();\n        let newWidth: number;\n\n        if (isRight) {\n          newWidth = hostRect.width - x;\n        } else {\n          newWidth = x;\n        }\n\n        this.sidebarWidth = clamp(newWidth, this.minSidebarWidth, this.maxSidebarWidth);\n        this.emit('nile-sidebar-resize', { width: this.sidebarWidth });\n      },\n      onStop: () => {\n        this.style.removeProperty('--sidebar-transition');\n      },\n      initialEvent: event,\n    });\n  }\n\n  private handleSeparatorKeyDown(event: KeyboardEvent) {\n    if (!this.resizable || this.collapsed) return;\n\n    const step = event.shiftKey ? 10 : 1;\n    let newWidth = this.sidebarWidth;\n\n    switch (event.key) {\n      case 'ArrowLeft':\n        newWidth -= step;\n        break;\n      case 'ArrowRight':\n        newWidth += step;\n        break;\n      case 'Home':\n        newWidth = this.minSidebarWidth;\n        break;\n      case 'End':\n        newWidth = this.maxSidebarWidth;\n        break;\n      default:\n        return;\n    }\n\n    event.preventDefault();\n    this.sidebarWidth = clamp(newWidth, this.minSidebarWidth, this.maxSidebarWidth);\n    this.emit('nile-sidebar-resize', { width: this.sidebarWidth });\n  }\n\n  private get separatorTemplate() {\n    if (!this.resizable || this.collapsed) return nothing;\n\n    return html`\n      <div\n        class=\"separator\"\n        part=\"separator\"\n        tabindex=\"0\"\n        role=\"separator\"\n        aria-valuenow=${this.sidebarWidth}\n        aria-valuemin=${this.minSidebarWidth}\n        aria-valuemax=${this.maxSidebarWidth}\n        aria-label=\"Resize sidebar\"\n        @keydown=${this.handleSeparatorKeyDown}\n        @mousedown=${this.handleSeparatorDrag}\n        @touchstart=${this.handleSeparatorDrag}\n      ></div>\n    `;\n  }\n\n  private get menuItemsTemplate() {\n    if (!this.sidebarItems?.length) return null;\n\n    const tooltipPlacement = this.placement === 'right' ? 'left' : 'right';\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-tooltip\n              content=${item.textContent?.trim() || ''}\n              hoist\n              placement=${tooltipPlacement}\n            >\n              ${content}\n            </nile-tooltip>\n          `\n        : content;\n    });\n  }\n  \n  \n  \n\n  public render(): TemplateResult {\n    const isRight = this.placement === 'right';\n    const collapsedIcon = isRight ? 'menu_open' : 'menu_close';\n    const expandedIcon = isRight ? 'menu_close' : 'menu_open';\n    const actionPlacement = isRight ? 'bottom-end' : 'bottom-start';\n\n    const sidebarStyle = !this.collapsed\n      ? `width: ${this.sidebarWidth}px;`\n      : '';\n\n    return html`\n      <div class=\"sidebar\" part=\"base\" style=${sidebarStyle}>\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=${actionPlacement}\n                    hoist\n                    open\n                    triggerDropdown=\"hover\"\n                  >\n                    ${this.showToggleBtn\n                      ? html`\n                          <nile-button\n                            slot=\"trigger\"\n                            class=\"toggle-btn\"\n                            variant=\"tertiary\"\n                            @click=${this.toggleCollapse}\n                          >\n                            <nile-icon name=${collapsedIcon}></nile-icon>\n                          </nile-button>\n                        `\n                      : nothing}\n                    <nile-side-bar-action-menu>\n                      ${this.menuItemsTemplate}\n                    </nile-side-bar-action-menu>\n                  </nile-side-bar-action>\n                `\n              : html`\n                ${this.showToggleBtn\n                  ? html` \n                    <nile-button\n                      class=\"toggle-btn\"\n                      variant=\"tertiary\"\n                      @click=${this.toggleCollapse}\n                    >\n                      <nile-icon name=${expandedIcon}></nile-icon>\n                    </nile-button>\n                  `\n                  : nothing}\n                `\n            : null}\n        </div>\n\n        <nav\n          class=${classMap({ 'sidebar-nav': true, 'sidebar-nav--rich': this.variant === 'rich' })}\n          role=\"navigation\"\n          aria-label=\"Sidebar\"\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              this.syncChildSidebarItemVariants();\n            }}\n          ></slot>\n        </nav>\n      </div>\n      ${this.separatorTemplate}\n    `;\n  }\n}\n\nexport default NileInlineSidebar;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nile-inline-sidebar': NileInlineSidebar;\n  }\n}\n"],"names":["NileInlineSidebar","b","this","collapsed","fixed","showTooltip","placement","resizable","sidebarWidth","minSidebarWidth","showToggleBtn","maxSidebarWidth","variant","activeIndex","handleKeyDown","event","focusable","focusableItems","length","currentFocus","sidebarItems","find","item","document","activeElement","shadowRoot","matches","currentIndex","indexOf","nextIndex","key","preventDefault","focusItem","handleItemSelect","selectedItem","detail","index","forEach","i","active","updateTabIndices","dispatchEvent","CustomEvent","bubbles","composed","requestUpdate","_this","_inherits","_h","_createClass","get","defaultSlot","assignedElements","flatten","flatMap","el","tagName","toLowerCase","Array","from","querySelectorAll","value","connectedCallback","super","addEventListener","mutationObserver","MutationObserver","syncActiveFromItems","disconnectedCallback","disconnect","removeEventListener","firstUpdated","observeSidebarItems","syncChildSidebarItemVariants","updated","changedProperties","has","_this$variant","items","v","observe","attributes","attributeFilter","findIndex","hasAttribute","filter","focusTarget","setAttribute","focus","toggleCollapse","handleMenuItemClick","_i$textContent","text","textContent","trim","href","window","location","handleSeparatorDrag","_this5","cancelable","isRight","style","setProperty","drag","onMove","x","hostRect","getBoundingClientRect","newWidth","width","clamp","emit","onStop","removeProperty","initialEvent","handleSeparatorKeyDown","step","shiftKey","nothing","html","_templateObject","_taggedTemplateLiteral","_this$sidebarItems3","_this6","tooltipPlacement","map","_i$textContent2","shouldShowTooltip","tooltip","isTruncated","scrollWidth","clientWidth","scrollHeight","clientHeight","content","_templateObject2","_templateObject3","render","collapsedIcon","expandedIcon","actionPlacement","sidebarStyle","concat","_templateObject4","_templateObject5","_templateObject6","menuItemsTemplate","_templateObject7","_templateObject8","classMap","separatorTemplate","styles","NileElement","__decorate","property","type","Boolean","reflect","prototype","attribute","String","Number","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    color: black;\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  /* 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  :host([placement='right']) .sidebar {\n    border-right: none;\n    border-left: 1px solid var(--nile-colors-neutral-400);\n  }\n\n  :host([placement='right']) .toggle-btn {\n    right: auto;\n    left: -14px;\n  }\n\n  :host([placement='right']) .sidebar-header {\n    justify-content: flex-start;\n  }\n\n  :host([placement='right']) .sidebar-nav {\n    padding-right: 0;\n    padding-left: var(--nile-spacing-xl);\n  }\n"]))));}};});
+System.register(["lit"],function(_export,_context){"use strict";var e,_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){e=_lit.css;}],execute:function execute(){_export("s",r=e(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n  :host {\n    display: flex;\n    height: 100%;\n\n    --separator-width: 1px;\n    --separator-hit-area: 12px;\n    --separator-color: var(--nile-colors-neutral-400, var(--ng-colors-border-neutral));\n  }\n  .sidebar {\n    display: flex;\n    flex-direction: column;\n    height: 100%;\n    background: var(--nile-colors-white-base, var(--ng-colors-bg-primary));\n    border-right: 1px solid var(--nile-colors-neutral-400, var(--ng-colors-border-neutral));\n    transition: var(--sidebar-transition, width 0.3s ease);\n    position: relative;\n  }\n  .toggle-btn {\n    position: absolute;\n    top: var(--nile-spacing-2xl, var(--ng-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  nile-button.toggle-btn::part(base) {\n    border-color: var(--nile-colors-neutral-500, var(--ng-colors-border-primary));\n  }\n  :host(:not([collapsed]):not([resizable])) .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, var(--ng-spacing-xs));\n    padding-right: var(--nile-spacing-xl, var(--ng-spacing-xl));\n    padding-top: var(--nile-spacing-3xl, var(--ng-spacing-3xl));\n    padding-bottom: var(--nile-spacing-3xl, var(--ng-spacing-3xl));\n  }\n  .sidebar-nav--rich {\n    padding-right: 0px;\n  }\n\n  /* Resizable separator */\n  .separator {\n    flex: 0 0 var(--separator-width);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    background-color: var(--separator-color);\n    cursor: col-resize;\n    position: relative;\n    z-index: 1;\n    user-select: none;\n    touch-action: none;\n  }\n\n  .separator:focus {\n    outline: none;\n  }\n\n  .separator:focus-visible {\n    background-color: var(--nile-colors-blue-500, var(--ng-componentcolors-utility-brand-50));\n  }\n\n  .separator::after {\n    content: '';\n    position: absolute;\n    height: 100%;\n    left: calc(var(--separator-hit-area) / -2 + var(--separator-width) / 2);\n    width: var(--separator-hit-area);\n  }\n\n  :host([resizable]:not([collapsed])) .sidebar {\n    border-right: none;\n  }\n\n  :host([resizable][placement='right']:not([collapsed])) .sidebar {\n    border-left: none;\n  }\n\n  :host([collapsed]) .separator {\n    display: none;\n  }\n\n  :host([placement='right']) .separator {\n    order: -1;\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, var(--ng-spacing-lg));\n    padding-bottom: var(--nile-spacing-lg, var(--ng-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: var(--nile-colors-dark-900, var(--ng-colors-text-primary-900));\n  }\n\n  nile-side-bar-action-menu-item[active]::part(base):hover {\n    background: var(--nile-colors-primary-100, var(--ng-colors-bg-brand-secondary));\n    color: var(--nile-colors-dark-900, var(--ng-colors-text-primary-900));\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  :host([placement='right']) .sidebar {\n    border-right: none;\n    border-left: 1px solid var(--nile-colors-neutral-400, var(--ng-colors-border-neutral));\n    order: 0;\n  }\n\n  :host([placement='right']) .toggle-btn {\n    right: auto;\n    left: -14px;\n  }\n\n  :host([placement='right']) .sidebar-header {\n    justify-content: flex-start;\n  }\n\n  :host([placement='right']) .sidebar-nav {\n    padding-right: 0;\n    padding-left: var(--nile-spacing-xl, var(--ng-spacing-xl));\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    color: black;\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  /* 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  :host([placement='right']) .sidebar {\n    border-right: none;\n    border-left: 1px solid var(--nile-colors-neutral-400);\n  }\n\n  :host([placement='right']) .toggle-btn {\n    right: auto;\n    left: -14px;\n  }\n\n  :host([placement='right']) .sidebar-header {\n    justify-content: flex-start;\n  }\n\n  :host([placement='right']) .sidebar-nav {\n    padding-right: 0;\n    padding-left: var(--nile-spacing-xl);\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\n/** Enterprise (`--nile-*`) primary, NxtGen (`--ng-*`) fallback. */\nexport const styles = css`\n  :host {\n    display: flex;\n    height: 100%;\n\n    --separator-width: 1px;\n    --separator-hit-area: 12px;\n    --separator-color: var(--nile-colors-neutral-400, var(--ng-colors-border-neutral));\n  }\n  .sidebar {\n    display: flex;\n    flex-direction: column;\n    height: 100%;\n    background: var(--nile-colors-white-base, var(--ng-colors-bg-primary));\n    border-right: 1px solid var(--nile-colors-neutral-400, var(--ng-colors-border-neutral));\n    transition: var(--sidebar-transition, width 0.3s ease);\n    position: relative;\n  }\n  .toggle-btn {\n    position: absolute;\n    top: var(--nile-spacing-2xl, var(--ng-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  nile-button.toggle-btn::part(base) {\n    border-color: var(--nile-colors-neutral-500, var(--ng-colors-border-primary));\n  }\n  :host(:not([collapsed]):not([resizable])) .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, var(--ng-spacing-xs));\n    padding-right: var(--nile-spacing-xl, var(--ng-spacing-xl));\n    padding-top: var(--nile-spacing-3xl, var(--ng-spacing-3xl));\n    padding-bottom: var(--nile-spacing-3xl, var(--ng-spacing-3xl));\n  }\n  .sidebar-nav--rich {\n    padding-right: 0px;\n  }\n\n  /* Resizable separator */\n  .separator {\n    flex: 0 0 var(--separator-width);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    background-color: var(--separator-color);\n    cursor: col-resize;\n    position: relative;\n    z-index: 1;\n    user-select: none;\n    touch-action: none;\n  }\n\n  .separator:focus {\n    outline: none;\n  }\n\n  .separator:focus-visible {\n    background-color: var(--nile-colors-blue-500, var(--ng-componentcolors-utility-brand-50));\n  }\n\n  .separator::after {\n    content: '';\n    position: absolute;\n    height: 100%;\n    left: calc(var(--separator-hit-area) / -2 + var(--separator-width) / 2);\n    width: var(--separator-hit-area);\n  }\n\n  :host([resizable]:not([collapsed])) .sidebar {\n    border-right: none;\n  }\n\n  :host([resizable][placement='right']:not([collapsed])) .sidebar {\n    border-left: none;\n  }\n\n  :host([collapsed]) .separator {\n    display: none;\n  }\n\n  :host([placement='right']) .separator {\n    order: -1;\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, var(--ng-spacing-lg));\n    padding-bottom: var(--nile-spacing-lg, var(--ng-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: var(--nile-colors-dark-900, var(--ng-colors-text-primary-900));\n  }\n\n  nile-side-bar-action-menu-item[active]::part(base):hover {\n    background: var(--nile-colors-primary-100, var(--ng-colors-bg-brand-secondary));\n    color: var(--nile-colors-dark-900, var(--ng-colors-text-primary-900));\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  :host([placement='right']) .sidebar {\n    border-right: none;\n    border-left: 1px solid var(--nile-colors-neutral-400, var(--ng-colors-border-neutral));\n    order: 0;\n  }\n\n  :host([placement='right']) .toggle-btn {\n    right: auto;\n    left: -14px;\n  }\n\n  :host([placement='right']) .sidebar-header {\n    justify-content: flex-start;\n  }\n\n  :host([placement='right']) .sidebar-nav {\n    padding-right: 0;\n    padding-left: var(--nile-spacing-xl, var(--ng-spacing-xl));\n  }\n`;\n"],"names":["styles","css","_templateObject","_taggedTemplateLiteral"],"mappings":"oTAUaA,CAAAA,CAASC,CAAG,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA"}

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

@@ -1,20 +1,24 @@
-import{css as i}from"lit";const e=i`
+import{css as e}from"lit";const r=e`
   :host {
-    display: block;
+    display: flex;
     height: 100%;
+
+    --separator-width: 1px;
+    --separator-hit-area: 12px;
+    --separator-color: var(--nile-colors-neutral-400, var(--ng-colors-border-neutral));
   }
   .sidebar {
     display: flex;
     flex-direction: column;
     height: 100%;
-    background: white;
-    border-right: 1px solid var(--nile-colors-neutral-400);
-    transition: width 0.3s ease;
+    background: var(--nile-colors-white-base, var(--ng-colors-bg-primary));
+    border-right: 1px solid var(--nile-colors-neutral-400, var(--ng-colors-border-neutral));
+    transition: var(--sidebar-transition, width 0.3s ease);
     position: relative;
   }
   .toggle-btn {
     position: absolute;
-    top: var(--nile-spacing-2xl);
+    top: var(--nile-spacing-2xl, var(--ng-spacing-2xl));
     right: -14px;
     z-index: 10;
   }
@@ -23,7 +27,10 @@ import{css as i}from"lit";const e=i`
     width: 30px;
     height: 30px;
   }
-  :host(:not([collapsed])) .sidebar {
+  nile-button.toggle-btn::part(base) {
+    border-color: var(--nile-colors-neutral-500, var(--ng-colors-border-primary));
+  }
+  :host(:not([collapsed]):not([resizable])) .sidebar {
     width: 216px;
   }
   :host([collapsed]) .sidebar {
@@ -39,10 +46,59 @@ import{css as i}from"lit";const e=i`
   .sidebar-nav {
     display: flex;
     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);
+    gap: var(--nile-spacing-xs, var(--ng-spacing-xs));
+    padding-right: var(--nile-spacing-xl, var(--ng-spacing-xl));
+    padding-top: var(--nile-spacing-3xl, var(--ng-spacing-3xl));
+    padding-bottom: var(--nile-spacing-3xl, var(--ng-spacing-3xl));
+  }
+  .sidebar-nav--rich {
+    padding-right: 0px;
+  }
+
+  /* Resizable separator */
+  .separator {
+    flex: 0 0 var(--separator-width);
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    background-color: var(--separator-color);
+    cursor: col-resize;
+    position: relative;
+    z-index: 1;
+    user-select: none;
+    touch-action: none;
+  }
+
+  .separator:focus {
+    outline: none;
+  }
+
+  .separator:focus-visible {
+    background-color: var(--nile-colors-blue-500, var(--ng-componentcolors-utility-brand-50));
+  }
+
+  .separator::after {
+    content: '';
+    position: absolute;
+    height: 100%;
+    left: calc(var(--separator-hit-area) / -2 + var(--separator-width) / 2);
+    width: var(--separator-hit-area);
+  }
+
+  :host([resizable]:not([collapsed])) .sidebar {
+    border-right: none;
+  }
+
+  :host([resizable][placement='right']:not([collapsed])) .sidebar {
+    border-left: none;
+  }
+
+  :host([collapsed]) .separator {
+    display: none;
+  }
+
+  :host([placement='right']) .separator {
+    order: -1;
   }
 
   nile-side-bar-action-menu {
@@ -54,8 +110,8 @@ import{css as i}from"lit";const e=i`
   nile-side-bar-action-menu::part(menu__items-wrapper) {
     width: 100%;
     max-width: 400px;
-    padding-top: var(--nile-spacing-lg);
-    padding-bottom: var(--nile-spacing-lg);
+    padding-top: var(--nile-spacing-lg, var(--ng-spacing-lg));
+    padding-bottom: var(--nile-spacing-lg, var(--ng-spacing-lg));
   }
 
   nile-side-bar-action-menu-item::part(base) {
@@ -63,12 +119,12 @@ import{css as i}from"lit";const e=i`
     margin-left: 0;
     margin-right: 0;
     border-radius: 0;
-    color: black;
+    color: var(--nile-colors-dark-900, var(--ng-colors-text-primary-900));
   }
 
   nile-side-bar-action-menu-item[active]::part(base):hover {
-    background: var(--nile-colors-primary-100);
-    color: black;
+    background: var(--nile-colors-primary-100, var(--ng-colors-bg-brand-secondary));
+    color: var(--nile-colors-dark-900, var(--ng-colors-text-primary-900));
   }
 
   nile-side-bar-action-menu-item::part(label) {
@@ -97,7 +153,8 @@ import{css as i}from"lit";const e=i`
 
   :host([placement='right']) .sidebar {
     border-right: none;
-    border-left: 1px solid var(--nile-colors-neutral-400);
+    border-left: 1px solid var(--nile-colors-neutral-400, var(--ng-colors-border-neutral));
+    order: 0;
   }
 
   :host([placement='right']) .toggle-btn {
@@ -111,6 +168,6 @@ import{css as i}from"lit";const e=i`
 
   :host([placement='right']) .sidebar-nav {
     padding-right: 0;
-    padding-left: var(--nile-spacing-xl);
+    padding-left: var(--nile-spacing-xl, var(--ng-spacing-xl));
   }
-`;export{e as s};
+`;export{r as s};

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

@@ -1,4 +1,18 @@
-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 a}from"./nile-inline-sidebar.css.esm.js";import{N as o}from"../internal/nile-element.esm.js";import"../internal/accessibility/a11y.state.enum.esm.js";import"../internal/accessibility/a11y.property.enum.esm.js";import"../internal/accessibility/role.enum.esm.js";let r=class extends o{constructor(){super(...arguments),this.collapsed=!1,this.fixed=!1,this.showTooltip=!1,this.placement="left",this.activeIndex=-1,this.handleKeyDown=t=>{if(this.collapsed)return;const e=this.focusableItems;if(!e.length)return;const i=this.sidebarItems.find((t=>t===document.activeElement||t===this.shadowRoot?.activeElement||t.matches(":focus-within"))),s=i?e.indexOf(i):-1;let n=null;switch(t.key){case"ArrowDown":n=s<e.length-1?s+1:0;break;case"ArrowUp":n=s>0?s-1:e.length-1;break;case"Home":n=0;break;case"End":n=e.length-1;break;default:return}t.preventDefault(),null!==n&&e[n]&&this.focusItem(e[n])},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.updateTabIndices(),this.dispatchEvent(new CustomEvent("nile-change",{detail:{selectedItem:e,index:i},bubbles:!0,composed:!0})),this.requestUpdate()}}static get styles(){return[a]}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.addEventListener("keydown",this.handleKeyDown),this.mutationObserver=new MutationObserver((()=>this.syncActiveFromItems()))}disconnectedCallback(){super.disconnectedCallback(),this.mutationObserver?.disconnect(),this.removeEventListener("nile-click",this.handleItemSelect),this.removeEventListener("keydown",this.handleKeyDown)}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()),this.updateTabIndices()}get focusableItems(){return this.sidebarItems.filter((t=>!t.hasAttribute("disabled")))}updateTabIndices(){const t=this.sidebarItems;if(!t.length)return;const e=this.activeIndex>=0?t[this.activeIndex]:null;t.forEach((t=>{t.hasAttribute("disabled")?t.setAttribute("tabindex","-1"):t===e?t.setAttribute("tabindex","0"):e||t!==this.focusableItems[0]?t.setAttribute("tabindex","-1"):t.setAttribute("tabindex","0")}))}focusItem(t){this.sidebarItems.forEach((t=>t.setAttribute("tabindex","-1"))),t.setAttribute("tabindex","0"),t.focus()}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(){if(!this.sidebarItems?.length)return null;const t="right"===this.placement?"left":"right";return this.sidebarItems.map(((i,s)=>{const n=i.tooltip,l=i.scrollWidth>i.clientWidth||i.scrollHeight>i.clientHeight,a=e`
+import{__decorate as t}from"tslib";import{nothing as i,html as e}from"lit";import{property as s,state as n,query as a,customElement as r}from"lit/decorators.js";import{classMap as o}from"lit/directives/class-map.js";import{s as l}from"./nile-inline-sidebar.css.esm.js";import{N as h}from"../internal/nile-element.esm.js";import{d}from"../internal/drag.esm.js";import{c}from"../internal/math.esm.js";import"../internal/accessibility/a11y.state.enum.esm.js";import"../internal/accessibility/a11y.property.enum.esm.js";import"../internal/accessibility/role.enum.esm.js";let b=class extends h{constructor(){super(...arguments),this.collapsed=!1,this.fixed=!1,this.showTooltip=!1,this.placement="left",this.resizable=!1,this.sidebarWidth=216,this.minSidebarWidth=120,this.showToggleBtn=!0,this.maxSidebarWidth=400,this.variant="minimal",this.activeIndex=-1,this.handleKeyDown=t=>{if(this.collapsed)return;const i=this.focusableItems;if(!i.length)return;const e=this.sidebarItems.find((t=>t===document.activeElement||t===this.shadowRoot?.activeElement||t.matches(":focus-within"))),s=e?i.indexOf(e):-1;let n=null;switch(t.key){case"ArrowDown":n=s<i.length-1?s+1:0;break;case"ArrowUp":n=s>0?s-1:i.length-1;break;case"Home":n=0;break;case"End":n=i.length-1;break;default:return}t.preventDefault(),null!==n&&i[n]&&this.focusItem(i[n])},this.handleItemSelect=t=>{const i=t.detail.item,e=this.sidebarItems.indexOf(i);this.sidebarItems.forEach(((t,i)=>t.active=i===e)),this.activeIndex=e,this.updateTabIndices(),this.dispatchEvent(new CustomEvent("nile-change",{detail:{selectedItem:i,index:e},bubbles:!0,composed:!0})),this.requestUpdate()}}static get styles(){return[l]}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.addEventListener("keydown",this.handleKeyDown),this.mutationObserver=new MutationObserver((()=>this.syncActiveFromItems()))}disconnectedCallback(){super.disconnectedCallback(),this.mutationObserver?.disconnect(),this.removeEventListener("nile-click",this.handleItemSelect),this.removeEventListener("keydown",this.handleKeyDown)}firstUpdated(){this.observeSidebarItems(),this.syncActiveFromItems(),this.syncChildSidebarItemVariants(),this.fixed&&(this.collapsed=!1)}updated(t){super.updated(t),t.has("variant")&&this.syncChildSidebarItemVariants()}syncChildSidebarItemVariants(){const t=this.querySelectorAll("nile-inline-sidebar-item"),i=this.variant??"minimal";t.forEach((t=>{t.variant=i}))}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()),this.updateTabIndices()}get focusableItems(){return this.sidebarItems.filter((t=>!t.hasAttribute("disabled")))}updateTabIndices(){const t=this.sidebarItems;if(!t.length)return;const i=this.activeIndex>=0?t[this.activeIndex]:null;t.forEach((t=>{t.hasAttribute("disabled")?t.setAttribute("tabindex","-1"):t===i?t.setAttribute("tabindex","0"):i||t!==this.focusableItems[0]?t.setAttribute("tabindex","-1"):t.setAttribute("tabindex","0")}))}focusItem(t){this.sidebarItems.forEach((t=>t.setAttribute("tabindex","-1"))),t.setAttribute("tabindex","0"),t.focus()}toggleCollapse(){this.fixed||(this.collapsed=!this.collapsed,this.dispatchEvent(new CustomEvent("nile-toggle",{detail:{collapsed:this.collapsed},bubbles:!0,composed:!0})))}handleMenuItemClick(t){const i=this.sidebarItems[t];if(!i||i.hasAttribute("disabled"))return;this.sidebarItems.forEach(((i,e)=>i.active=e===t)),this.activeIndex=t;const e=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()}handleSeparatorDrag(t){if(!this.resizable||this.collapsed)return;t.cancelable&&t.preventDefault();const i="right"===this.placement;this.style.setProperty("--sidebar-transition","none"),d(this,{onMove:t=>{const e=this.getBoundingClientRect();let s;s=i?e.width-t:t,this.sidebarWidth=c(s,this.minSidebarWidth,this.maxSidebarWidth),this.emit("nile-sidebar-resize",{width:this.sidebarWidth})},onStop:()=>{this.style.removeProperty("--sidebar-transition")},initialEvent:t})}handleSeparatorKeyDown(t){if(!this.resizable||this.collapsed)return;const i=t.shiftKey?10:1;let e=this.sidebarWidth;switch(t.key){case"ArrowLeft":e-=i;break;case"ArrowRight":e+=i;break;case"Home":e=this.minSidebarWidth;break;case"End":e=this.maxSidebarWidth;break;default:return}t.preventDefault(),this.sidebarWidth=c(e,this.minSidebarWidth,this.maxSidebarWidth),this.emit("nile-sidebar-resize",{width:this.sidebarWidth})}get separatorTemplate(){return!this.resizable||this.collapsed?i:e`
+      <div
+        class="separator"
+        part="separator"
+        tabindex="0"
+        role="separator"
+        aria-valuenow=${this.sidebarWidth}
+        aria-valuemin=${this.minSidebarWidth}
+        aria-valuemax=${this.maxSidebarWidth}
+        aria-label="Resize sidebar"
+        @keydown=${this.handleSeparatorKeyDown}
+        @mousedown=${this.handleSeparatorDrag}
+        @touchstart=${this.handleSeparatorDrag}
+      ></div>
+    `}get menuItemsTemplate(){if(!this.sidebarItems?.length)return null;const t="right"===this.placement?"left":"right";return this.sidebarItems.map(((i,s)=>{const n=i.tooltip,a=i.scrollWidth>i.clientWidth||i.scrollHeight>i.clientHeight,r=e`
         <nile-side-bar-action-menu-item
           ?disabled=${i.hasAttribute("disabled")}
           ?active=${this.activeIndex===s}
@@ -6,58 +20,63 @@ import{__decorate as t}from"tslib";import{html as e}from"lit";import{property as
         >
           ${i.textContent}
         </nile-side-bar-action-menu-item>
-      `;return n||l?e`
+      `;return n||a?e`
             <nile-tooltip
               content=${i.textContent?.trim()||""}
               hoist
               placement=${t}
             >
-              ${a}
+              ${r}
             </nile-tooltip>
-          `:a}))}render(){const t="right"===this.placement,i=t?"menu_open":"menu_close",s=t?"menu_close":"menu_open",n=t?"bottom-end":"bottom-start";return e`
-      <div class="sidebar" part="base">
+          `:r}))}render(){const t="right"===this.placement,s=t?"menu_open":"menu_close",n=t?"menu_close":"menu_open",a=t?"bottom-end":"bottom-start",r=this.collapsed?"":`width: ${this.sidebarWidth}px;`;return e`
+      <div class="sidebar" part="base" style=${r}>
         <div class="sidebar-header" part="header">
           ${this.fixed?null:this.collapsed?e`
                   <nile-side-bar-action
                     class="toggle-action"
-                    placement=${n}
+                    placement=${a}
                     hoist
                     open
                     triggerDropdown="hover"
                   >
+                    ${this.showToggleBtn?e`
+                          <nile-button
+                            slot="trigger"
+                            class="toggle-btn"
+                            variant="tertiary"
+                            @click=${this.toggleCollapse}
+                          >
+                            <nile-icon name=${s}></nile-icon>
+                          </nile-button>
+                        `:i}
+                    <nile-side-bar-action-menu>
+                      ${this.menuItemsTemplate}
+                    </nile-side-bar-action-menu>
+                  </nile-side-bar-action>
+                `:e`
+                ${this.showToggleBtn?e` 
                     <nile-button
-                      slot="trigger"
                       class="toggle-btn"
                       variant="tertiary"
                       @click=${this.toggleCollapse}
                     >
-                      <nile-icon name=${i}></nile-icon>
+                      <nile-icon name=${n}></nile-icon>
                     </nile-button>
-                    <nile-side-bar-action-menu>
-                      ${this.menuItemsTemplate}
-                    </nile-side-bar-action-menu>
-                  </nile-side-bar-action>
-                `:e`
-                  <nile-button
-                    class="toggle-btn"
-                    variant="tertiary"
-                    @click=${this.toggleCollapse}
-                  >
-                    <nile-icon name=${s}></nile-icon>
-                  </nile-button>
+                  `:i}
                 `}
         </div>
 
         <nav
-          class="sidebar-nav"
+          class=${o({"sidebar-nav":!0,"sidebar-nav--rich":"rich"===this.variant})}
           role="navigation"
           aria-label="Sidebar"
           style=${this.collapsed?"display:none;":""}
           part="nav-items"
         >
           <slot
-            @slotchange=${()=>{this.requestUpdate(),this.observeSidebarItems(),this.syncActiveFromItems()}}
+            @slotchange=${()=>{this.requestUpdate(),this.observeSidebarItems(),this.syncActiveFromItems(),this.syncChildSidebarItemVariants()}}
           ></slot>
         </nav>
       </div>
-    `}};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([i({type:String,reflect:!0})],r.prototype,"placement",void 0),t([s()],r.prototype,"activeIndex",void 0),t([n("slot")],r.prototype,"defaultSlot",void 0),r=t([l("nile-inline-sidebar")],r);export{r as N};
+      ${this.separatorTemplate}
+    `}};t([s({type:Boolean,reflect:!0})],b.prototype,"collapsed",void 0),t([s({type:Boolean,reflect:!0,attribute:!0})],b.prototype,"fixed",void 0),t([s({type:Boolean,reflect:!0})],b.prototype,"showTooltip",void 0),t([s({type:String,reflect:!0})],b.prototype,"placement",void 0),t([s({type:Boolean,reflect:!0})],b.prototype,"resizable",void 0),t([s({type:Number,attribute:!0})],b.prototype,"sidebarWidth",void 0),t([s({type:Number,attribute:!0})],b.prototype,"minSidebarWidth",void 0),t([s({type:Boolean,attribute:!0})],b.prototype,"showToggleBtn",void 0),t([s({type:Number,attribute:!0})],b.prototype,"maxSidebarWidth",void 0),t([s({type:String,reflect:!0,attribute:!0})],b.prototype,"variant",void 0),t([n()],b.prototype,"activeIndex",void 0),t([a("slot")],b.prototype,"defaultSlot",void 0),b=t([r("nile-inline-sidebar")],b);export{b as N};

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

@@ -1,2 +1,2 @@
-System.register(["lit"],function(_export,_context){"use strict";var e,_templateObject,i;function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}));}return{setters:[function(_lit){e=_lit.css;}],execute:function execute(){_export("s",i=e(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n:host {\n  display: block;\n}\n\n.group {\n  display: flex;\n  flex-direction: column;\n  gap: var(--nile-spacing-xs);\n}\n\n\n:host([divider=\"false\"]) .group {\n  border-bottom: none;\n  margin-bottom: 0;\n  padding-bottom: 0;\n}\n\n.group-label {\n  font-size: var(--nile-type-scale-3);\n  font-weight: var(--nile-font-weight-semibold);\n  text-transform: uppercase;\n  color:   var(--nile-colors-neutral-500);  \n  margin: var(--nile-spacing-xs) 0 var(--nile-spacing-xs) var(--nile-spacing-md);\n  letter-spacing: 0.05em;\n}\n\n.group-items {\n  display: flex;\n  flex-direction: column;\n  gap: var(--nile-spacing-xs);\n}\n"]))));}};});
+System.register(["lit"],function(_export,_context){"use strict";var n,_templateObject,a;function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}));}return{setters:[function(_lit){n=_lit.css;}],execute:function execute(){_export("s",a=n(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n:host {\n  display: block;\n}\n\n.group {\n  display: flex;\n  flex-direction: column;\n  gap: var(--nile-spacing-xs, var(--ng-spacing-xs));\n}\n\n:host([divider=\"false\"]) .group {\n  border-bottom: none;\n  margin-bottom: 0;\n  padding-bottom: 0;\n}\n\n.group-label {\n  font-size: var(--nile-type-scale-3, var(--ng-font-size-text-sm));\n  font-weight: var(--nile-font-weight-semibold, var(--ng-font-weight-semibold));\n  text-transform: uppercase;\n  color: var(--nile-colors-neutral-500, var(--ng-colors-text-disabled));\n  margin: var(--nile-spacing-xs, var(--ng-spacing-xs)) 0 var(--nile-spacing-xs, var(--ng-spacing-xs)) var(--nile-spacing-md, var(--ng-spacing-md));\n  letter-spacing: 0.05em;\n}\n\n.group-items {\n  display: flex;\n  flex-direction: column;\n  gap: var(--nile-spacing-xs, var(--ng-spacing-xs));\n}\n"]))));}};});
 //# sourceMappingURL=nile-inline-sidebar-group.css.cjs.js.map