npm - @aquera/nile-elements - Versions diffs - 1.3.9-beta-1.3 → 1.3.9-beta-1.4 - Mend

@aquera/nile-elements 1.3.9-beta-1.3 → 1.3.9-beta-1.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (262) hide show

package/dist/src/nile-icon/icons/svg/ng-users-01.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ng-users-01.js","sourceRoot":"","sources":["../../../../../src/nile-icon/icons/svg/ng-users-01.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,eAAe,0lCAA0lC,CAAC","sourcesContent":["/*\n Do not edit directly\n */\n\nexport default \"PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMTguMzMzMyAxNy41VjE1LjgzMzNDMTguMzMzMyAxNC4yODAxIDE3LjI3MSAxMi45NzUxIDE1LjgzMzMgMTIuNjA1TTEyLjkxNjYgMi43NDIzQzE0LjEzODIgMy4yMzY3OSAxNSA0LjQzNDQzIDE1IDUuODMzMzNDMTUgNy4yMzIyNCAxNC4xMzgyIDguNDI5ODggMTIuOTE2NiA4LjkyNDM3TTE0LjE2NjYgMTcuNUMxNC4xNjY2IDE1Ljk0NjkgMTQuMTY2NiAxNS4xNzAzIDEzLjkxMjkgMTQuNTU3N0MxMy41NzQ2IDEzLjc0MSAxMi45MjU3IDEzLjA5MiAxMi4xMDg5IDEyLjc1MzdDMTEuNDk2MyAxMi41IDEwLjcxOTggMTIuNSA5LjE2NjYzIDEyLjVINi42NjY2M0M1LjExMzQ5IDEyLjUgNC4zMzY5MiAxMi41IDMuNzI0MzUgMTIuNzUzN0MyLjkwNzU5IDEzLjA5MiAyLjI1ODY3IDEzLjc0MSAxLjkyMDM2IDE0LjU1NzdDMS42NjY2MyAxNS4xNzAzIDEuNjY2NjMgMTUuOTQ2OSAxLjY2NjYzIDE3LjVNMTEuMjUgNS44MzMzM0MxMS4yNSA3LjY3NDI4IDkuNzU3NTggOS4xNjY2NyA3LjkxNjYzIDkuMTY2NjdDNi4wNzU2OCA5LjE2NjY3IDQuNTgzMjkgNy42NzQyOCA0LjU4MzI5IDUuODMzMzNDNC41ODMyOSAzLjk5MjM4IDYuMDc1NjggMi41IDcuOTE2NjMgMi41QzkuNzU3NTggMi41IDExLjI1IDMuOTkyMzggMTEuMjUgNS44MzMzM1oiIHN0cm9rZT0iYmxhY2siIHN0cm9rZS13aWR0aD0iMS42IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz48L3N2Zz4=\";"]}
1	+ {"version":3,"file":"ng-users-01.js","sourceRoot":"","sources":["../../../../../src/nile-icon/icons/svg/ng-users-01.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,eAAe,0lCAA0lC,CAAC","sourcesContent":["/*\n Do not edit directly\n */\n\nexport default \"PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMTguMzMzNCAxNy41VjE1LjgzMzNDMTguMzMzNCAxNC4yODAxIDE3LjI3MSAxMi45NzUxIDE1LjgzMzQgMTIuNjA1TTEyLjkxNjcgMi43NDIzQzE0LjEzODMgMy4yMzY3OSAxNSA0LjQzNDQzIDE1IDUuODMzMzNDMTUgNy4yMzIyNCAxNC4xMzgzIDguNDI5ODggMTIuOTE2NyA4LjkyNDM3TTE0LjE2NjcgMTcuNUMxNC4xNjY3IDE1Ljk0NjkgMTQuMTY2NyAxNS4xNzAzIDEzLjkxMyAxNC41NTc3QzEzLjU3NDYgMTMuNzQxIDEyLjkyNTcgMTMuMDkyIDEyLjEwOSAxMi43NTM3QzExLjQ5NjQgMTIuNSAxMC43MTk4IDEyLjUgOS4xNjY2OSAxMi41SDYuNjY2NjlDNS4xMTM1NSAxMi41IDQuMzM2OTggMTIuNSAzLjcyNDQxIDEyLjc1MzdDMi45MDc2NSAxMy4wOTIgMi4yNTg3NCAxMy43NDEgMS45MjA0MiAxNC41NTc3QzEuNjY2NjkgMTUuMTcwMyAxLjY2NjY5IDE1Ljk0NjkgMS42NjY2OSAxNy41TTExLjI1IDUuODMzMzNDMTEuMjUgNy42NzQyOCA5Ljc1NzY0IDkuMTY2NjcgNy45MTY2OSA5LjE2NjY3QzYuMDc1NzQgOS4xNjY2NyA0LjU4MzM1IDcuNjc0MjggNC41ODMzNSA1LjgzMzMzQzQuNTgzMzUgMy45OTIzOCA2LjA3NTc0IDIuNSA3LjkxNjY5IDIuNUM5Ljc1NzY0IDIuNSAxMS4yNSAzLjk5MjM4IDExLjI1IDUuODMzMzNaIiBzdHJva2U9IiMxODFEMjciIHN0cm9rZS13aWR0aD0iMS42IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz48L3N2Zz4=\";"]}

package/dist/src/nile-side-bar/nile-side-bar.js CHANGED Viewed

@@ -44,11 +44,11 @@ let NileSideBar = class NileSideBar extends NileElement {
     }
     render() {
         return html `
-      <slot name="header"></slot>
-      <div class="scroll-container">
+      <slot name="header" part="header"></slot>
+      <div class="scroll-container" part="scroll-container">
         <slot></slot>
       </div>
-      <slot name="footer"></slot>
+      <slot name="footer" part="footer"></slot>
     `;
     }
 };

package/dist/src/nile-side-bar/nile-side-bar.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"nile-side-bar.js","sourceRoot":"","sources":["../../../src/nile-side-bar/nile-side-bar.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;;AAEH,OAAO,EAAE,IAAI,EAAkC,MAAM,KAAK,CAAC;AAC3D,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC5D,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,OAAO,WAAW,MAAM,0BAA0B,CAAC;AAEnD;;;;;;;;GAQG;AAEI,IAAM,WAAW,GAAjB,MAAM,WAAY,SAAQ,WAAW;IAArC;;QACsD,aAAQ,GAAqB,MAAM,CAAC;QAEnC,cAAS,GAAY,KAAK,CAAC;QAE3B,eAAU,GAAY,KAAK,CAAC;QAE5C,UAAK,GAAkB,IAAI,CAAC;QAG5B,mBAAc,GAAkB,IAAI,CAAC;IAiCnF,CAAC;IA/BQ,MAAM,KAAK,MAAM;QACtB,OAAO,CAAC,MAAM,CAAC,CAAC;IAClB,CAAC;IAES,OAAO,CAAC,YAAkC;QAClD,KAAK,CAAC,OAAO,CAAC,YAAY,CAAC,CAAC;QAE5B,IAAI,YAAY,CAAC,GAAG,CAAC,WAAW,CAAC,EAAE,CAAC;YAClC,IAAI,CAAC,gBAAgB,CACnB,0EAA0E,CAC3E,CAAC,OAAO,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,eAAe,CAAC,WAAW,EAAE,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC;QACnE,CAAC;QAED,IAAI,YAAY,CAAC,GAAG,CAAC,OAAO,CAAC,IAAI,IAAI,CAAC,KAAK,KAAK,IAAI,EAAE,CAAC;YACrD,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,iBAAiB,EAAE,GAAG,IAAI,CAAC,KAAK,IAAI,CAAC,CAAC;QAC/D,CAAC;QACD,IAAI,YAAY,CAAC,GAAG,CAAC,gBAAgB,CAAC,IAAI,IAAI,CAAC,cAAc,KAAK,IAAI,EAAE,CAAC;YACvE,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,2BAA2B,EAAE,GAAG,IAAI,CAAC,cAAc,IAAI,CAAC,CAAC;QAClF,CAAC;IACH,CAAC;IAEM,MAAM;QACX,OAAO,IAAI,CAAA;;;;;;KAMV,CAAC;IACJ,CAAC;CAEF,CAAA;AA1C4D;IAA1D,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC;6CAAoC;AAEnC;IAA3D,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC;8CAA2B;AAE3B;IAA3D,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC;+CAA4B;AAE5C;IAA3C,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC;0CAA4B;AAG5B;IAA3C,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC;mDAAqC;AAVtE,WAAW;IADvB,aAAa,CAAC,eAAe,CAAC;GAClB,WAAW,CA2CvB;;AAED,eAAe,WAAW,CAAC","sourcesContent":["/*\n Copyright Aquera Inc 2023\n \n This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n /\n\nimport { html, CSSResultArray, TemplateResult } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\nimport { styles } from './nile-side-bar.css';\nimport NileElement from '../internal/nile-element';\n\n/\n Nile side-bar component.\n \n @tag nile-side-bar\n \n @attr position - Position of the sidebar (\"left\" \| \"right\"). Defaults to \"left\".\n * @attr width - Expanded width of the sidebar (px).\n * @attr collapsed-width - Collapsed width of the sidebar (px).\n */\n@customElement('nile-side-bar')\nexport class NileSideBar extends NileElement {\n @property({ type: String, reflect: true, attribute: true })position: 'left' \| 'right' = 'left';\n\n @property({ type: Boolean, reflect: true, attribute: true })collapsed: boolean = false;\n\n @property({ type: Boolean, reflect: true, attribute: true })fullHeight: boolean = false;\n \n @property({ type: Number, attribute: true })width: number \| null = null;\n\n \n @property({ type: Number, attribute: true })collapsedWidth: number \| null = null;\n\n public static get styles(): CSSResultArray {\n return [styles];\n }\n\n protected updated(changedProps: Map<string, unknown>) {\n super.updated(changedProps);\n\n if (changedProps.has('collapsed')) {\n this.querySelectorAll<NileElement>(\n 'nile-side-bar-footer-item, nile-side-bar-group-item, nile-side-bar-group'\n ).forEach(el => el.toggleAttribute('collapsed', this.collapsed));\n }\n\n if (changedProps.has('width') && this.width !== null) {\n this.style.setProperty('--sidebar-width', `${this.width}px`);\n }\n if (changedProps.has('collapsedWidth') && this.collapsedWidth !== null) {\n this.style.setProperty('--sidebar-collapsed-width', `${this.collapsedWidth}px`);\n }\n }\n\n public render(): TemplateResult {\n return html`\n <slot name=\"header\"></slot>\n <div class=\"scroll-container\">\n <slot></slot>\n </div>\n <slot name=\"footer\"></slot>\n `;\n }\n \n}\n\nexport default NileSideBar;\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'nile-side-bar': NileSideBar;\n }\n}\n"]}
1	+ {"version":3,"file":"nile-side-bar.js","sourceRoot":"","sources":["../../../src/nile-side-bar/nile-side-bar.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;;AAEH,OAAO,EAAE,IAAI,EAAkC,MAAM,KAAK,CAAC;AAC3D,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC5D,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,OAAO,WAAW,MAAM,0BAA0B,CAAC;AAEnD;;;;;;;;GAQG;AAEI,IAAM,WAAW,GAAjB,MAAM,WAAY,SAAQ,WAAW;IAArC;;QACsD,aAAQ,GAAqB,MAAM,CAAC;QAEnC,cAAS,GAAY,KAAK,CAAC;QAE3B,eAAU,GAAY,KAAK,CAAC;QAE5C,UAAK,GAAkB,IAAI,CAAC;QAG5B,mBAAc,GAAkB,IAAI,CAAC;IAiCnF,CAAC;IA/BQ,MAAM,KAAK,MAAM;QACtB,OAAO,CAAC,MAAM,CAAC,CAAC;IAClB,CAAC;IAES,OAAO,CAAC,YAAkC;QAClD,KAAK,CAAC,OAAO,CAAC,YAAY,CAAC,CAAC;QAE5B,IAAI,YAAY,CAAC,GAAG,CAAC,WAAW,CAAC,EAAE,CAAC;YAClC,IAAI,CAAC,gBAAgB,CACnB,0EAA0E,CAC3E,CAAC,OAAO,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,eAAe,CAAC,WAAW,EAAE,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC;QACnE,CAAC;QAED,IAAI,YAAY,CAAC,GAAG,CAAC,OAAO,CAAC,IAAI,IAAI,CAAC,KAAK,KAAK,IAAI,EAAE,CAAC;YACrD,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,iBAAiB,EAAE,GAAG,IAAI,CAAC,KAAK,IAAI,CAAC,CAAC;QAC/D,CAAC;QACD,IAAI,YAAY,CAAC,GAAG,CAAC,gBAAgB,CAAC,IAAI,IAAI,CAAC,cAAc,KAAK,IAAI,EAAE,CAAC;YACvE,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,2BAA2B,EAAE,GAAG,IAAI,CAAC,cAAc,IAAI,CAAC,CAAC;QAClF,CAAC;IACH,CAAC;IAEM,MAAM;QACX,OAAO,IAAI,CAAA;;;;;;KAMV,CAAC;IACJ,CAAC;CAEF,CAAA;AA1C4D;IAA1D,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC;6CAAoC;AAEnC;IAA3D,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC;8CAA2B;AAE3B;IAA3D,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC;+CAA4B;AAE5C;IAA3C,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC;0CAA4B;AAG5B;IAA3C,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC;mDAAqC;AAVtE,WAAW;IADvB,aAAa,CAAC,eAAe,CAAC;GAClB,WAAW,CA2CvB;;AAED,eAAe,WAAW,CAAC","sourcesContent":["/*\n Copyright Aquera Inc 2023\n \n This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n /\n\nimport { html, CSSResultArray, TemplateResult } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\nimport { styles } from './nile-side-bar.css';\nimport NileElement from '../internal/nile-element';\n\n/\n Nile side-bar component.\n \n @tag nile-side-bar\n \n @attr position - Position of the sidebar (\"left\" \| \"right\"). Defaults to \"left\".\n * @attr width - Expanded width of the sidebar (px).\n * @attr collapsed-width - Collapsed width of the sidebar (px).\n */\n@customElement('nile-side-bar')\nexport class NileSideBar extends NileElement {\n @property({ type: String, reflect: true, attribute: true })position: 'left' \| 'right' = 'left';\n\n @property({ type: Boolean, reflect: true, attribute: true })collapsed: boolean = false;\n\n @property({ type: Boolean, reflect: true, attribute: true })fullHeight: boolean = false;\n \n @property({ type: Number, attribute: true })width: number \| null = null;\n\n \n @property({ type: Number, attribute: true })collapsedWidth: number \| null = null;\n\n public static get styles(): CSSResultArray {\n return [styles];\n }\n\n protected updated(changedProps: Map<string, unknown>) {\n super.updated(changedProps);\n\n if (changedProps.has('collapsed')) {\n this.querySelectorAll<NileElement>(\n 'nile-side-bar-footer-item, nile-side-bar-group-item, nile-side-bar-group'\n ).forEach(el => el.toggleAttribute('collapsed', this.collapsed));\n }\n\n if (changedProps.has('width') && this.width !== null) {\n this.style.setProperty('--sidebar-width', `${this.width}px`);\n }\n if (changedProps.has('collapsedWidth') && this.collapsedWidth !== null) {\n this.style.setProperty('--sidebar-collapsed-width', `${this.collapsedWidth}px`);\n }\n }\n\n public render(): TemplateResult {\n return html`\n <slot name=\"header\" part=\"header\"></slot>\n <div class=\"scroll-container\" part=\"scroll-container\">\n <slot></slot>\n </div>\n <slot name=\"footer\" part=\"footer\"></slot>\n `;\n }\n \n}\n\nexport default NileSideBar;\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'nile-side-bar': NileSideBar;\n }\n}\n"]}

package/dist/src/nile-side-bar-expand/nile-side-bar-expand.js CHANGED Viewed

@@ -43,16 +43,16 @@ let NileSideBarExpand = class NileSideBarExpand extends NileElement {
     }
     render() {
         return html `
-      <button class="expand-btn" @click=${this.toggleSidebar}>
+      <button class="expand-btn" part="expand-btn" @click=${this.toggleSidebar}>
         ${this.collapsed
             ? html `
               <nile-lite-tooltip placement="right" hoist content=${this.expandTooltipText}>
-                <span part="icon"><nile-icon name="moveright"></nile-icon></span>
+                <span part="icon"><nile-icon color="var(--nile-colors-dark-500, var(--ng-colors-fg-quaternary-400))" method="var(--nile-svg-method-fill, var(--ng-svg-method-stroke))" size="var(--nile-spacing-14px, var(--ng-spacing-2xl))" name="var(--nile-icon-move-right, var(--ng-icon-chevron-right-double))"></nile-icon></span>
               </nile-lite-tooltip>
             `
             : html `
               <nile-lite-tooltip placement="right" hoist content=${this.collapseTooltipText}>
-                <span part="icon"><nile-icon name="moveleft"></nile-icon></span>
+                <span part="icon"><nile-icon color="var(--nile-colors-dark-500, var(--ng-colors-fg-quaternary-400))" method="var(--nile-svg-method-fill, var(--ng-svg-method-stroke))" size="var(--nile-spacing-14px, var(--ng-spacing-2xl))" name="var(--nile-icon-move-left, var(--ng-icon-chevron-left-double))"></nile-icon></span>
               </nile-lite-tooltip>
             `}
       </button>

package/dist/src/nile-side-bar-expand/nile-side-bar-expand.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"nile-side-bar-expand.js","sourceRoot":"","sources":["../../../src/nile-side-bar-expand/nile-side-bar-expand.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAkC,MAAM,KAAK,CAAC;AAC3D,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC5D,OAAO,EAAE,MAAM,EAAE,MAAM,4BAA4B,CAAC;AACpD,OAAO,WAAW,MAAM,0BAA0B,CAAC;AAEnD;;;;;GAKG;AAEI,IAAM,iBAAiB,GAAvB,MAAM,iBAAkB,SAAQ,WAAW;IAA3C;;QAEL,cAAS,GAAY,KAAK,CAAC;QAC6B,sBAAiB,GAAW,gBAAgB,CAAC;QAC7C,wBAAmB,GAAW,kBAAkB,CAAC;IA8C3G,CAAC;IA5CQ,MAAM,KAAK,MAAM;QACtB,OAAO,CAAC,MAAM,CAAC,CAAC;IAClB,CAAC;IAED,iBAAiB;QACf,KAAK,CAAC,iBAAiB,EAAE,CAAC;QAC1B,wCAAwC;QACxC,MAAM,OAAO,GAAG,IAAI,CAAC,OAAO,CAAC,eAAe,CAAC,CAAC;QAC9C,IAAI,OAAO,EAAE,CAAC;YACZ,IAAI,CAAC,SAAS,GAAG,OAAO,CAAC,YAAY,CAAC,WAAW,CAAC,CAAC;QACrD,CAAC;IACH,CAAC;IAEO,aAAa;QACnB,MAAM,OAAO,GAAG,IAAI,CAAC,OAAO,CAAC,eAAe,CAAC,CAAC;QAC9C,IAAI,CAAC,OAAO;YAAE,OAAO;QAErB,MAAM,WAAW,GAAG,OAAO,CAAC,YAAY,CAAC,WAAW,CAAC,CAAC;QACtD,IAAI,WAAW,EAAE,CAAC;YAChB,OAAO,CAAC,eAAe,CAAC,WAAW,CAAC,CAAC;YACrC,IAAI,CAAC,SAAS,GAAG,KAAK,CAAC;QACzB,CAAC;aAAM,CAAC;YACN,OAAO,CAAC,YAAY,CAAC,WAAW,EAAE,EAAE,CAAC,CAAC;YACtC,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC;QACxB,CAAC;IACH,CAAC;IAEM,MAAM;QACX,OAAO,IAAI,CAAA;~~0CAC2B~~,IAAI,CAAC,aAAa;~~UAClD~~,IAAI,CAAC,SAAS;YACd,CAAC,CAAC,IAAI,CAAA;mEACmD,IAAI,CAAC,iBAAiB;;;aAG5E;YACH,CAAC,CAAC,IAAI,CAAA;mEACmD,IAAI,CAAC,mBAAmB;;;aAG9E;;KAER,CAAC;IACJ,CAAC;CACF,CAAA;AAhDC;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;oDAChB;AAC6B;IAAvD,QAAQ,CAAC,EAAC,IAAI,EAAE,MAAM,EAAE,OAAO,EAAC,IAAI,EAAE,SAAS,EAAC,IAAI,EAAC,CAAC;4DAA8C;AAC7C;IAAvD,QAAQ,CAAC,EAAC,IAAI,EAAE,MAAM,EAAE,OAAO,EAAC,IAAI,EAAE,SAAS,EAAC,IAAI,EAAC,CAAC;8DAAkD;AAJ9F,iBAAiB;IAD7B,aAAa,CAAC,sBAAsB,CAAC;GACzB,iBAAiB,CAkD7B;;AAED,eAAe,iBAAiB,CAAC","sourcesContent":["import { html, CSSResultArray, TemplateResult } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\nimport { styles } from './nile-side-bar-expand.css';\nimport NileElement from '../internal/nile-element';\n\n/*\n Nile side-bar-expand component.\n \n @tag nile-side-bar-expand\n \n /\n@customElement('nile-side-bar-expand')\nexport class NileSideBarExpand extends NileElement {\n @property({ type: Boolean, reflect: true })\n collapsed: boolean = false;\n @property({type: String, reflect:true, attribute:true}) expandTooltipText: string = 'Expand Sidebar';\n @property({type: String, reflect:true, attribute:true}) collapseTooltipText: string = 'Collapse Sidebar';\n\n public static get styles(): CSSResultArray {\n return [styles];\n }\n\n connectedCallback() {\n super.connectedCallback();\n // Sync with parent sidebar if it exists\n const sidebar = this.closest('nile-side-bar');\n if (sidebar) {\n this.collapsed = sidebar.hasAttribute('collapsed');\n }\n }\n\n private toggleSidebar() {\n const sidebar = this.closest('nile-side-bar');\n if (!sidebar) return;\n\n const isCollapsed = sidebar.hasAttribute('collapsed');\n if (isCollapsed) {\n sidebar.removeAttribute('collapsed');\n this.collapsed = false;\n } else {\n sidebar.setAttribute('collapsed', '');\n this.collapsed = true;\n }\n }\n\n public render(): TemplateResult {\n return html`\n <button class=\"expand-btn\" @click=${this.toggleSidebar}>\n ${this.collapsed\n ? html`\n <nile-lite-tooltip placement=\"right\" hoist content=${this.expandTooltipText}>\n <span part=\"icon\"><nile-icon name=\"~~moveright~~\"></nile-icon></span>\n </nile-lite-tooltip>\n `\n : html`\n <nile-lite-tooltip placement=\"right\" hoist content=${this.collapseTooltipText}>\n <span part=\"icon\"><nile-icon name=\"~~moveleft~~\"></nile-icon></span>\n </nile-lite-tooltip>\n `}\n </button>\n `;\n }\n}\n\nexport default NileSideBarExpand;\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'nile-side-bar-expand': NileSideBarExpand;\n }\n}\n"]}
1	+ {"version":3,"file":"nile-side-bar-expand.js","sourceRoot":"","sources":["../../../src/nile-side-bar-expand/nile-side-bar-expand.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAkC,MAAM,KAAK,CAAC;AAC3D,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC5D,OAAO,EAAE,MAAM,EAAE,MAAM,4BAA4B,CAAC;AACpD,OAAO,WAAW,MAAM,0BAA0B,CAAC;AAEnD;;;;;GAKG;AAEI,IAAM,iBAAiB,GAAvB,MAAM,iBAAkB,SAAQ,WAAW;IAA3C;;QAEL,cAAS,GAAY,KAAK,CAAC;QAC6B,sBAAiB,GAAW,gBAAgB,CAAC;QAC7C,wBAAmB,GAAW,kBAAkB,CAAC;IA8C3G,CAAC;IA5CQ,MAAM,KAAK,MAAM;QACtB,OAAO,CAAC,MAAM,CAAC,CAAC;IAClB,CAAC;IAED,iBAAiB;QACf,KAAK,CAAC,iBAAiB,EAAE,CAAC;QAC1B,wCAAwC;QACxC,MAAM,OAAO,GAAG,IAAI,CAAC,OAAO,CAAC,eAAe,CAAC,CAAC;QAC9C,IAAI,OAAO,EAAE,CAAC;YACZ,IAAI,CAAC,SAAS,GAAG,OAAO,CAAC,YAAY,CAAC,WAAW,CAAC,CAAC;QACrD,CAAC;IACH,CAAC;IAEO,aAAa;QACnB,MAAM,OAAO,GAAG,IAAI,CAAC,OAAO,CAAC,eAAe,CAAC,CAAC;QAC9C,IAAI,CAAC,OAAO;YAAE,OAAO;QAErB,MAAM,WAAW,GAAG,OAAO,CAAC,YAAY,CAAC,WAAW,CAAC,CAAC;QACtD,IAAI,WAAW,EAAE,CAAC;YAChB,OAAO,CAAC,eAAe,CAAC,WAAW,CAAC,CAAC;YACrC,IAAI,CAAC,SAAS,GAAG,KAAK,CAAC;QACzB,CAAC;aAAM,CAAC;YACN,OAAO,CAAC,YAAY,CAAC,WAAW,EAAE,EAAE,CAAC,CAAC;YACtC,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC;QACxB,CAAC;IACH,CAAC;IAEM,MAAM;QACX,OAAO,IAAI,CAAA;4DAC6C,IAAI,CAAC,aAAa;UACpE,IAAI,CAAC,SAAS;YACd,CAAC,CAAC,IAAI,CAAA;mEACmD,IAAI,CAAC,iBAAiB;;;aAG5E;YACH,CAAC,CAAC,IAAI,CAAA;mEACmD,IAAI,CAAC,mBAAmB;;;aAG9E;;KAER,CAAC;IACJ,CAAC;CACF,CAAA;AAhDC;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;oDAChB;AAC6B;IAAvD,QAAQ,CAAC,EAAC,IAAI,EAAE,MAAM,EAAE,OAAO,EAAC,IAAI,EAAE,SAAS,EAAC,IAAI,EAAC,CAAC;4DAA8C;AAC7C;IAAvD,QAAQ,CAAC,EAAC,IAAI,EAAE,MAAM,EAAE,OAAO,EAAC,IAAI,EAAE,SAAS,EAAC,IAAI,EAAC,CAAC;8DAAkD;AAJ9F,iBAAiB;IAD7B,aAAa,CAAC,sBAAsB,CAAC;GACzB,iBAAiB,CAkD7B;;AAED,eAAe,iBAAiB,CAAC","sourcesContent":["import { html, CSSResultArray, TemplateResult } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\nimport { styles } from './nile-side-bar-expand.css';\nimport NileElement from '../internal/nile-element';\n\n/*\n Nile side-bar-expand component.\n \n @tag nile-side-bar-expand\n \n /\n@customElement('nile-side-bar-expand')\nexport class NileSideBarExpand extends NileElement {\n @property({ type: Boolean, reflect: true })\n collapsed: boolean = false;\n @property({type: String, reflect:true, attribute:true}) expandTooltipText: string = 'Expand Sidebar';\n @property({type: String, reflect:true, attribute:true}) collapseTooltipText: string = 'Collapse Sidebar';\n\n public static get styles(): CSSResultArray {\n return [styles];\n }\n\n connectedCallback() {\n super.connectedCallback();\n // Sync with parent sidebar if it exists\n const sidebar = this.closest('nile-side-bar');\n if (sidebar) {\n this.collapsed = sidebar.hasAttribute('collapsed');\n }\n }\n\n private toggleSidebar() {\n const sidebar = this.closest('nile-side-bar');\n if (!sidebar) return;\n\n const isCollapsed = sidebar.hasAttribute('collapsed');\n if (isCollapsed) {\n sidebar.removeAttribute('collapsed');\n this.collapsed = false;\n } else {\n sidebar.setAttribute('collapsed', '');\n this.collapsed = true;\n }\n }\n\n public render(): TemplateResult {\n return html`\n <button class=\"expand-btn\" part=\"expand-btn\" @click=${this.toggleSidebar}>\n ${this.collapsed\n ? html`\n <nile-lite-tooltip placement=\"right\" hoist content=${this.expandTooltipText}>\n <span part=\"icon\"><nile-icon color=\"var(--nile-colors-dark-500, var(--ng-colors-fg-quaternary-400))\" method=\"var(--nile-svg-method-fill, var(--ng-svg-method-stroke))\" size=\"var(--nile-spacing-14px, var(--ng-spacing-2xl))\" name=\"var(--nile-icon-move-right, var(--ng-icon-chevron-right-double))\"></nile-icon></span>\n </nile-lite-tooltip>\n `\n : html`\n <nile-lite-tooltip placement=\"right\" hoist content=${this.collapseTooltipText}>\n <span part=\"icon\"><nile-icon color=\"var(--nile-colors-dark-500, var(--ng-colors-fg-quaternary-400))\" method=\"var(--nile-svg-method-fill, var(--ng-svg-method-stroke))\" size=\"var(--nile-spacing-14px, var(--ng-spacing-2xl))\" name=\"var(--nile-icon-move-left, var(--ng-icon-chevron-left-double))\"></nile-icon></span>\n </nile-lite-tooltip>\n `}\n </button>\n `;\n }\n}\n\nexport default NileSideBarExpand;\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'nile-side-bar-expand': NileSideBarExpand;\n }\n}\n"]}

package/dist/src/nile-side-bar-footer-item/nile-side-bar-footer-item.css.js CHANGED Viewed

@@ -8,7 +8,7 @@ export const styles = css `
   .footer-item {
     display: flex;
     align-items: center;
-	justify-content: flex-start;
+	  justify-content: flex-start;
     padding-top: var(--nile-spacing-md, var(--ng-spacing-md));
     padding-bottom: var(--nile-spacing-md, var(--ng-spacing-md));
     padding-left: var(--nile-spacing-lg, var(--ng-spacing-lg));
@@ -68,6 +68,7 @@ export const styles = css `
  :host([type='avatar']) .footer-item {
 border: 1px solid var(--ng-colors-border-secondary);
+min-height: var(--nile-radius-4xl, var(--ng-spacing-7xl));
 }
 :host([type='avatar'][active]) .footer-item {
 background: var(--nile-colors-neutral-400);
@@ -80,6 +81,8 @@ border: none;
 }
   :host([collapsed][type='avatar']) .footer-item {
   padding: 3px;
+  overflow: visible;
+  width: var(--ng-height-46px);
 }

package/dist/src/nile-side-bar-footer-item/nile-side-bar-footer-item.css.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"nile-side-bar-footer-item.css.js","sourceRoot":"","sources":["../../../src/nile-side-bar-footer-item/nile-side-bar-footer-item.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA~~;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA6FxB~~,CAAC;AAEF,eAAe,CAAC,MAAM,CAAC,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`\n :host {\n display: block;\n width: 100%;\n }\n\n .footer-item {\n display: flex;\n align-items: center;\n\~~tjustify~~-content: flex-start;\n padding-top: var(--nile-spacing-md, var(--ng-spacing-md));\n padding-bottom: var(--nile-spacing-md, var(--ng-spacing-md));\n padding-left: var(--nile-spacing-lg, var(--ng-spacing-lg));\n padding-right: var(--nile-spacing-lg, var(--ng-spacing-lg));\n font-size: var(--nile-type-scale-3, var(--ng-font-size-text-sm));\n color: var(--nile-colors-dark-900, var(--ng-colors-text-primary-900))\n cursor: pointer;\n font-family: var(--nile-font-family-serif, var(--ng-font-family-body));\n border-radius: var(--nile-radius-sm, var(--ng-radius-lg));\n transition: background 0.2s ease;\n width: 100%;\n box-sizing: border-box;\n overflow: hidden;\n line-height: 0;\n }\n\n .footer-item:hover {\n background: var(--nile-side-bar-footer-hover-bg, #f3f4f6);\n }\n\n /* left: icon /\n ::slotted([slot='icon']) {\n flex-shrink: 0;\n font-size: 1.25rem;\n margin-right: 0.5rem;\n }\n\n / middle: text /\n ::slotted([slot='text']) {\n flex-grow: 1;\n min-width: 0;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n }\n\n / right: action */\n ::slotted([slot='action']) {\n flex-shrink: 0;\n font-size: 1.25rem;\n color: var(--nile-side-bar-footer-icon-color, #6b7280);\n margin-left: auto;\n }\n\n \n :host([type='support']) .footer-item {\n background: var(--nile-colors-neutral-400);\n height: var(--nile-height-38px, var(--ng-spacing-5xl));\n border-radius: var(--nile-radius-sm, var(--ng-radius-sm));\n\n }\n \n :host(:hover[type='support']) .footer-item {\n background: var(--nile-colors-neutral-500, var(--ng-colors-bg-primary-hover));\n height: var(--nile-height-38px, var(--ng-spacing-5xl));\n }\n\n :host([type='avatar']) .footer-item {\nborder: 1px solid var(--ng-colors-border-secondary);\n}\n:host([type='avatar'][active]) .footer-item {\nbackground: var(--nile-colors-neutral-400);\n}\n\n\n\n:host([collapsed][type='avatar']) .footer-item {\nborder: none;\n}\n :host([collapsed][type='avatar']) .footer-item {\n padding: 3px;\n \n}\n \n:host([collapsed][type='avatar']) ::slotted([slot='text']),\n:host([collapsed][type='avatar']) ::slotted([slot='action']) {\n display: none;\n}\n\n:host([collapsed]) .footer-item{\n height: 38px;\n width: 38px;\n}\n`;\n\nexport default [styles];\n"]}
1	+ {"version":3,"file":"nile-side-bar-footer-item.css.js","sourceRoot":"","sources":["../../../src/nile-side-bar-footer-item/nile-side-bar-footer-item.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgGxB,CAAC;AAEF,eAAe,CAAC,MAAM,CAAC,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`\n :host {\n display: block;\n width: 100%;\n }\n\n .footer-item {\n display: flex;\n align-items: center;\n\t justify-content: flex-start;\n padding-top: var(--nile-spacing-md, var(--ng-spacing-md));\n padding-bottom: var(--nile-spacing-md, var(--ng-spacing-md));\n padding-left: var(--nile-spacing-lg, var(--ng-spacing-lg));\n padding-right: var(--nile-spacing-lg, var(--ng-spacing-lg));\n font-size: var(--nile-type-scale-3, var(--ng-font-size-text-sm));\n color: var(--nile-colors-dark-900, var(--ng-colors-text-primary-900))\n cursor: pointer;\n font-family: var(--nile-font-family-serif, var(--ng-font-family-body));\n border-radius: var(--nile-radius-sm, var(--ng-radius-lg));\n transition: background 0.2s ease;\n width: 100%;\n box-sizing: border-box;\n overflow: hidden;\n line-height: 0;\n }\n\n .footer-item:hover {\n background: var(--nile-side-bar-footer-hover-bg, #f3f4f6);\n }\n\n /* left: icon /\n ::slotted([slot='icon']) {\n flex-shrink: 0;\n font-size: 1.25rem;\n margin-right: 0.5rem;\n }\n\n / middle: text /\n ::slotted([slot='text']) {\n flex-grow: 1;\n min-width: 0;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n }\n\n / right: action */\n ::slotted([slot='action']) {\n flex-shrink: 0;\n font-size: 1.25rem;\n color: var(--nile-side-bar-footer-icon-color, #6b7280);\n margin-left: auto;\n }\n\n \n :host([type='support']) .footer-item {\n background: var(--nile-colors-neutral-400);\n height: var(--nile-height-38px, var(--ng-spacing-5xl));\n border-radius: var(--nile-radius-sm, var(--ng-radius-sm));\n\n }\n \n :host(:hover[type='support']) .footer-item {\n background: var(--nile-colors-neutral-500, var(--ng-colors-bg-primary-hover));\n height: var(--nile-height-38px, var(--ng-spacing-5xl));\n }\n\n :host([type='avatar']) .footer-item {\nborder: 1px solid var(--ng-colors-border-secondary);\nmin-height: var(--nile-radius-4xl, var(--ng-spacing-7xl));\n}\n:host([type='avatar'][active]) .footer-item {\nbackground: var(--nile-colors-neutral-400);\n}\n\n\n\n:host([collapsed][type='avatar']) .footer-item {\nborder: none;\n}\n :host([collapsed][type='avatar']) .footer-item {\n padding: 3px;\n overflow: visible;\n width: var(--ng-height-46px);\n \n}\n \n:host([collapsed][type='avatar']) ::slotted([slot='text']),\n:host([collapsed][type='avatar']) ::slotted([slot='action']) {\n display: none;\n}\n\n:host([collapsed]) .footer-item{\n height: 38px;\n width: 38px;\n}\n`;\n\nexport default [styles];\n"]}

package/dist/src/nile-side-bar-footer-text/nile-side-bar-footer-text.css.js CHANGED Viewed

@@ -2,7 +2,7 @@ import { css } from 'lit';
 export const styles = css `
   :host {
     display: block;
-    line-height: 1.2;
+    line-height: 20px;
   }
   .footer-text {
@@ -12,7 +12,7 @@ export const styles = css `
   }
   .main {
-    font-size: var(--nile-type-scale-3, var(--ng-font-size-text-sm));
+    font-size: var(--nile-type-scale-3, var(--ng-font-size-text-md));
     font-weight: var(--nile-font-weight-regular, var(--ng-font-weight-semibold));
     color: var(--nile-colors-dark-900, var(--ng-colors-text-primary-900));
     white-space: nowrap;
@@ -21,7 +21,7 @@ export const styles = css `
   }
   .sub {
-    font-size: var(--nile-type-scale-2, var(--ng-font-size-text-xs));
+    font-size: var(--nile-type-scale-2, var(--ng-font-size-text-sm));
     color: var(--nile-colors-dark-500, var(--ng-colors-text-tertiary-600));
     font-weight: var(--nile-font-weight-regular, var(--ng-font-weight-regular));
     white-space: nowrap;

package/dist/src/nile-side-bar-footer-text/nile-side-bar-footer-text.css.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"nile-side-bar-footer-text.css.js","sourceRoot":"","sources":["../../../src/nile-side-bar-footer-text/nile-side-bar-footer-text.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA6BxB,CAAC;AAEF,eAAe,CAAC,MAAM,CAAC,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`\n :host {\n display: block;\n line-height: ~~1.2~~;\n }\n\n .footer-text {\n display: flex;\n flex-direction: column;\n overflow: hidden;\n }\n\n .main {\n font-size: var(--nile-type-scale-3, var(--ng-font-size-text-sm));\n font-weight: var(--nile-font-weight-regular, var(--ng-font-weight-semibold));\n color: var(--nile-colors-dark-900, var(--ng-colors-text-primary-900));\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n }\n\n .sub {\n font-size: var(--nile-type-scale-2, var(--ng-font-size-text-xs));\n color: var(--nile-colors-dark-500, var(--ng-colors-text-tertiary-600));\n font-weight: var(--nile-font-weight-regular, var(--ng-font-weight-regular));\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n }\n`;\n\nexport default [styles];\n"]}
1	+ {"version":3,"file":"nile-side-bar-footer-text.css.js","sourceRoot":"","sources":["../../../src/nile-side-bar-footer-text/nile-side-bar-footer-text.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA6BxB,CAAC;AAEF,eAAe,CAAC,MAAM,CAAC,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`\n :host {\n display: block;\n line-height: 20px;\n }\n\n .footer-text {\n display: flex;\n flex-direction: column;\n overflow: hidden;\n }\n\n .main {\n font-size: var(--nile-type-scale-3, var(--ng-font-size-text-md));\n font-weight: var(--nile-font-weight-regular, var(--ng-font-weight-semibold));\n color: var(--nile-colors-dark-900, var(--ng-colors-text-primary-900));\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n }\n\n .sub {\n font-size: var(--nile-type-scale-2, var(--ng-font-size-text-sm));\n color: var(--nile-colors-dark-500, var(--ng-colors-text-tertiary-600));\n font-weight: var(--nile-font-weight-regular, var(--ng-font-weight-regular));\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n }\n`;\n\nexport default [styles];\n"]}

package/dist/src/nile-side-bar-footer-text/nile-side-bar-footer-text.js CHANGED Viewed

@@ -30,10 +30,10 @@ let NileSideBarFooterText = class NileSideBarFooterText extends NileElement {
     }
     render() {
         return html `
-      <div class="footer-text">
-        <div class="main">${this.text}</div>
+      <div class="footer-text" part="footer-text">
+        <div class="main" part="main">${this.text}</div>
         ${this.subtext
-            ? html `<div class="sub">${this.subtext}</div>`
+            ? html `<div class="sub" part="sub">${this.subtext}</div>`
             : null}
       </div>
     `;

package/dist/src/nile-side-bar-footer-text/nile-side-bar-footer-text.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"nile-side-bar-footer-text.js","sourceRoot":"","sources":["../../../src/nile-side-bar-footer-text/nile-side-bar-footer-text.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;;AAEH,OAAO,EAAE,IAAI,EAAuC,MAAM,KAAK,CAAC;AAChE,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC5D,OAAO,WAAW,MAAM,0BAA0B,CAAC;AACnD,OAAO,EAAE,MAAM,EAAE,MAAM,iCAAiC,CAAC;AAEzD;;;;;;;GAOG;AAEI,IAAM,qBAAqB,GAA3B,MAAM,qBAAsB,SAAQ,WAAW;IAA/C;;QACL,6BAA6B;QACD,SAAI,GAAW,EAAE,CAAC;QAE9C,gCAAgC;QACJ,YAAO,GAAW,EAAE,CAAC;IAgBnD,CAAC;IAdQ,MAAM,KAAK,MAAM;QACtB,OAAO,CAAC,MAAM,CAAC,CAAC;IAClB,CAAC;IAEM,MAAM;QACX,OAAO,IAAI,CAAA;;~~4BAEa~~,IAAI,CAAC,IAAI;~~UAC3B~~,IAAI,CAAC,OAAO;YACZ,CAAC,CAAC,IAAI,CAAA,~~oBAAoB,~~IAAI,CAAC,OAAO,QAAQ;~~YAC9C~~,CAAC,CAAC,IAAI;;KAEX,CAAC;IACJ,CAAC;CACF,CAAA;AAnB6B;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;mDAAmB;AAGlB;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;sDAAsB;AALtC,qBAAqB;IADjC,aAAa,CAAC,2BAA2B,CAAC;GAC9B,qBAAqB,CAqBjC;;AAED,eAAe,qBAAqB,CAAC","sourcesContent":["/*\n Copyright Aquera Inc 2023\n \n This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n /\n\nimport { html, css, CSSResultArray, TemplateResult } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\nimport NileElement from '../internal/nile-element';\nimport { styles } from './nile-side-bar-footer-text.css';\n\n/\n Nile side-bar-footer-text component.\n \n @tag nile-side-bar-footer-text\n \n @property {string} text - The main text (e.g. user name).\n * @property {string} subtext - The sub text (e.g. organization/role).\n /\n@customElement('nile-side-bar-footer-text')\nexport class NileSideBarFooterText extends NileElement {\n /* Main text (e.g., name) /\n @property({ type: String }) text: string = '';\n\n /* Sub text (e.g., org/role) */\n @property({ type: String }) subtext: string = '';\n\n public static get styles(): CSSResultArray {\n return [styles];\n }\n\n public render(): TemplateResult {\n return html`\n <div class=\"footer-text\">\n <div class=\"main\">${this.text}</div>\n ${this.subtext\n ? html`<div class=\"sub\">${this.subtext}</div>`\n : null}\n </div>\n `;\n }\n}\n\nexport default NileSideBarFooterText;\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'nile-side-bar-footer-text': NileSideBarFooterText;\n }\n}\n"]}
1	+ {"version":3,"file":"nile-side-bar-footer-text.js","sourceRoot":"","sources":["../../../src/nile-side-bar-footer-text/nile-side-bar-footer-text.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;;AAEH,OAAO,EAAE,IAAI,EAAuC,MAAM,KAAK,CAAC;AAChE,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC5D,OAAO,WAAW,MAAM,0BAA0B,CAAC;AACnD,OAAO,EAAE,MAAM,EAAE,MAAM,iCAAiC,CAAC;AAEzD;;;;;;;GAOG;AAEI,IAAM,qBAAqB,GAA3B,MAAM,qBAAsB,SAAQ,WAAW;IAA/C;;QACL,6BAA6B;QACD,SAAI,GAAW,EAAE,CAAC;QAE9C,gCAAgC;QACJ,YAAO,GAAW,EAAE,CAAC;IAgBnD,CAAC;IAdQ,MAAM,KAAK,MAAM;QACtB,OAAO,CAAC,MAAM,CAAC,CAAC;IAClB,CAAC;IAEM,MAAM;QACX,OAAO,IAAI,CAAA;;wCAEyB,IAAI,CAAC,IAAI;UACvC,IAAI,CAAC,OAAO;YACZ,CAAC,CAAC,IAAI,CAAA,+BAA+B,IAAI,CAAC,OAAO,QAAQ;YACzD,CAAC,CAAC,IAAI;;KAEX,CAAC;IACJ,CAAC;CACF,CAAA;AAnB6B;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;mDAAmB;AAGlB;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;sDAAsB;AALtC,qBAAqB;IADjC,aAAa,CAAC,2BAA2B,CAAC;GAC9B,qBAAqB,CAqBjC;;AAED,eAAe,qBAAqB,CAAC","sourcesContent":["/*\n Copyright Aquera Inc 2023\n \n This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n /\n\nimport { html, css, CSSResultArray, TemplateResult } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\nimport NileElement from '../internal/nile-element';\nimport { styles } from './nile-side-bar-footer-text.css';\n\n/\n Nile side-bar-footer-text component.\n \n @tag nile-side-bar-footer-text\n \n @property {string} text - The main text (e.g. user name).\n * @property {string} subtext - The sub text (e.g. organization/role).\n /\n@customElement('nile-side-bar-footer-text')\nexport class NileSideBarFooterText extends NileElement {\n /* Main text (e.g., name) /\n @property({ type: String }) text: string = '';\n\n /* Sub text (e.g., org/role) */\n @property({ type: String }) subtext: string = '';\n\n public static get styles(): CSSResultArray {\n return [styles];\n }\n\n public render(): TemplateResult {\n return html`\n <div class=\"footer-text\" part=\"footer-text\">\n <div class=\"main\" part=\"main\">${this.text}</div>\n ${this.subtext\n ? html`<div class=\"sub\" part=\"sub\">${this.subtext}</div>`\n : null}\n </div>\n `;\n }\n}\n\nexport default NileSideBarFooterText;\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'nile-side-bar-footer-text': NileSideBarFooterText;\n }\n}\n"]}

package/dist/src/nile-side-bar-group/nile-side-bar-group.js CHANGED Viewed

@@ -46,7 +46,7 @@ let NileSideBarGroup = class NileSideBarGroup extends NileElement {
         return html `
       <section
         part="base"
-        class="side-bar-group"
+        class="side-bar-group"
         role="list"
         aria-label=${this.label || 'Sidebar group'}
         ?data-footer=${this.footer}

package/dist/src/nile-side-bar-group/nile-side-bar-group.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"nile-side-bar-group.js","sourceRoot":"","sources":["../../../src/nile-side-bar-group/nile-side-bar-group.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;;AAEH,OAAO,EAAc,IAAI,EAAkC,MAAM,KAAK,CAAC;AACvE,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC5D,OAAO,EAAE,MAAM,EAAE,MAAM,2BAA2B,CAAC;AACnD,OAAO,WAAW,MAAM,0BAA0B,CAAC;AAEnD;;;;;;;;;;GAUG;AAEI,IAAM,gBAAgB,GAAtB,MAAM,gBAAiB,SAAQ,WAAW;IAA1C;;QACL;;WAEG;QACyB,UAAK,GAAW,EAAE,CAAC;QAE/C;;WAEG;QACyC,WAAM,GAAY,KAAK,CAAC;QACzB,YAAO,GAAG,KAAK,CAAC;QA8B3D,gBAAgB;IAClB,CAAC;IA5BC;;;OAGG;IACI,MAAM,KAAK,MAAM;QACtB,OAAO,CAAC,MAAM,CAAC,CAAC;IAClB,CAAC;IAED,oBAAoB;IAEb,MAAM;QACX,OAAO,IAAI,CAAA;;;;;qBAKM,IAAI,CAAC,KAAK,IAAI,eAAe;uBAC3B,IAAI,CAAC,MAAM;;UAExB,IAAI,CAAC,KAAK;YACV,CAAC,CAAC,IAAI,CAAA,yCAAyC,IAAI,CAAC,KAAK,QAAQ;YACjE,CAAC,CAAC,IAAI;;;KAGX,CAAC;IACJ,CAAC;CAGF,CAAA;AArC6B;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;+CAAoB;AAKH;IAA3C,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;gDAAyB;AACzB;IAA1C,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;iDAAgB;AAVhD,gBAAgB;IAD5B,aAAa,CAAC,qBAAqB,CAAC;GACxB,gBAAgB,CAyC5B;;AAED,eAAe,gBAAgB,CAAC","sourcesContent":["/*\n Copyright Aquera Inc 2023\n \n This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n /\n\nimport { LitElement, html, CSSResultArray, TemplateResult } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\nimport { styles } from './nile-side-bar-group.css';\nimport NileElement from '../internal/nile-element';\n\n/\n Nile side-bar-group component.\n \n A logical grouping of sidebar items, optionally with a label and/or footer placement.\n \n @tag nile-side-bar-group\n \n @slot - Default slot for group items (nile-side-bar-group-item)\n * @csspart base - The group container\n * @csspart label - The group label element\n /\n@customElement('nile-side-bar-group')\nexport class NileSideBarGroup extends NileElement {\n /\n Optional label for the group.\n /\n @property({ type: String }) label: string = '';\n\n /\n Marks this group as footer (sticks to bottom of sidebar).\n /\n @property({ type: Boolean, reflect: true }) footer: boolean = false;\n @property({ type: Boolean, reflect: true })divider = false;\n\n\n /\n The styles for nile-side-bar-group\n * @remarks Extendable via super if needed\n /\n public static get styles(): CSSResultArray {\n return [styles];\n }\n\n / #region Render /\n\n public render(): TemplateResult {\n return html`\n <section\n part=\"base\"\n class=\"side-bar-group\"\n role=\"list\"\n aria-label=${this.label \|\| 'Sidebar group'}\n ?data-footer=${this.footer}\n >\n ${this.label\n ? html`<div part=\"label\" class=\"group-label\">${this.label}</div>`\n : null}\n <slot></slot>\n </section>\n `;\n }\n\n / #endregion */\n}\n\nexport default NileSideBarGroup;\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'nile-side-bar-group': NileSideBarGroup;\n }\n}\n"]}
1	+ {"version":3,"file":"nile-side-bar-group.js","sourceRoot":"","sources":["../../../src/nile-side-bar-group/nile-side-bar-group.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;;AAEH,OAAO,EAAc,IAAI,EAAkC,MAAM,KAAK,CAAC;AACvE,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC5D,OAAO,EAAE,MAAM,EAAE,MAAM,2BAA2B,CAAC;AACnD,OAAO,WAAW,MAAM,0BAA0B,CAAC;AAEnD;;;;;;;;;;GAUG;AAEI,IAAM,gBAAgB,GAAtB,MAAM,gBAAiB,SAAQ,WAAW;IAA1C;;QACL;;WAEG;QACyB,UAAK,GAAW,EAAE,CAAC;QAE/C;;WAEG;QACyC,WAAM,GAAY,KAAK,CAAC;QACzB,YAAO,GAAG,KAAK,CAAC;QA8B3D,gBAAgB;IAClB,CAAC;IA5BC;;;OAGG;IACI,MAAM,KAAK,MAAM;QACtB,OAAO,CAAC,MAAM,CAAC,CAAC;IAClB,CAAC;IAED,oBAAoB;IAEb,MAAM;QACX,OAAO,IAAI,CAAA;;;;;qBAKM,IAAI,CAAC,KAAK,IAAI,eAAe;uBAC3B,IAAI,CAAC,MAAM;;UAExB,IAAI,CAAC,KAAK;YACV,CAAC,CAAC,IAAI,CAAA,yCAAyC,IAAI,CAAC,KAAK,QAAQ;YACjE,CAAC,CAAC,IAAI;;;KAGX,CAAC;IACJ,CAAC;CAGF,CAAA;AArC6B;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;+CAAoB;AAKH;IAA3C,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;gDAAyB;AACzB;IAA1C,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;iDAAgB;AAVhD,gBAAgB;IAD5B,aAAa,CAAC,qBAAqB,CAAC;GACxB,gBAAgB,CAyC5B;;AAED,eAAe,gBAAgB,CAAC","sourcesContent":["/*\n Copyright Aquera Inc 2023\n \n This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n /\n\nimport { LitElement, html, CSSResultArray, TemplateResult } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\nimport { styles } from './nile-side-bar-group.css';\nimport NileElement from '../internal/nile-element';\n\n/\n Nile side-bar-group component.\n \n A logical grouping of sidebar items, optionally with a label and/or footer placement.\n \n @tag nile-side-bar-group\n \n @slot - Default slot for group items (nile-side-bar-group-item)\n * @csspart base - The group container\n * @csspart label - The group label element\n /\n@customElement('nile-side-bar-group')\nexport class NileSideBarGroup extends NileElement {\n /\n Optional label for the group.\n /\n @property({ type: String }) label: string = '';\n\n /\n Marks this group as footer (sticks to bottom of sidebar).\n /\n @property({ type: Boolean, reflect: true }) footer: boolean = false;\n @property({ type: Boolean, reflect: true })divider = false;\n\n\n /\n The styles for nile-side-bar-group\n * @remarks Extendable via super if needed\n /\n public static get styles(): CSSResultArray {\n return [styles];\n }\n\n / #region Render /\n\n public render(): TemplateResult {\n return html`\n <section\n part=\"base\"\n class=\"side-bar-group\" \n role=\"list\"\n aria-label=${this.label \|\| 'Sidebar group'}\n ?data-footer=${this.footer}\n >\n ${this.label\n ? html`<div part=\"label\" class=\"group-label\">${this.label}</div>`\n : null}\n <slot></slot>\n </section>\n `;\n }\n\n / #endregion */\n}\n\nexport default NileSideBarGroup;\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'nile-side-bar-group': NileSideBarGroup;\n }\n}\n"]}

package/dist/src/nile-side-bar-group-item/nile-side-bar-group-item.js CHANGED Viewed

@@ -114,9 +114,9 @@ let NileSideBarGroupItem = class NileSideBarGroupItem extends NileElement {
             }}
                 tabindex=${this.disabled ? '-1' : '0'}
               >
-                <slot name="icon"></slot>
-                <slot name="text"></slot>
-                <slot name="trigger"></slot>
+                <slot name="icon" part="icon"></slot>
+                <slot name="text" part="text"></slot>
+                <slot name="trigger" part="trigger"></slot>
               </div>
             `}
       </div>

package/dist/src/nile-side-bar-group-item/nile-side-bar-group-item.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"nile-side-bar-group-item.js","sourceRoot":"","sources":["../../../src/nile-side-bar-group-item/nile-side-bar-group-item.ts"],"names":[],"mappings":"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","sourcesContent":["/*\n Copyright Aquera Inc 2023\n \n This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n /\n\nimport { html, CSSResultArray, TemplateResult } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\nimport { styles } from './nile-side-bar-group-item.css';\nimport NileElement from '../internal/nile-element';\n\n/\n Nile side-bar-group-item component.\n \n @tag nile-side-bar-group-item\n \n @slot icon - Slot for the item icon\n * @slot text - Slot for the item text\n * @slot trigger - Slot for chevron/trigger icons\n * @slot content - Slot for dropdown/popover content\n \n @csspart base - Wrapper for the group item\n * @csspart link - The clickable row (div or anchor)\n * @csspart content - Content container (for dropdown/popover)\n */\n@customElement('nile-side-bar-group-item')\nexport class NileSideBarGroupItem extends NileElement {\n\n @property({ type: String }) href: string \| null = null;\n\n @property({ type: Boolean, reflect: true, attribute: true }) active = false;\n\n @property({ type: String, reflect: true })\n type: 'default' \| 'dropdown' \| 'popover' = 'default';\n\n @property({ type: Boolean, reflect: true }) expanded: boolean = false;\n\n @property({ type: Boolean, reflect: true }) disabled: boolean = false;\n\n public static get styles(): CSSResultArray {\n return [styles];\n }\n\n private toggleExpand() {\n if ((this.type === 'dropdown' \|\| this.type === 'popover') && !this.disabled) {\n this.expanded = !this.expanded;\n }\n }\n\n connectedCallback() {\n super.connectedCallback();\n if (this.href && window.location.pathname === this.href) {\n this.active = true;\n }\n }\n\n private handleSelect(e: Event) {\n if (this.disabled) {\n e.preventDefault();\n e.stopImmediatePropagation();\n return;\n }\n\n if (!this.href) {\n e.preventDefault();\n }\n const parent = this.closest('nile-side-bar');\n if (parent) {\n parent.querySelectorAll<NileSideBarGroupItem>('nile-side-bar-group-item[active]')\n .forEach(item => {\n if (item !== this) {\n item.active = false;\n item.expanded = false; \n }\n });\n }\n \n this.active = true;\n \n if ((this.type === 'dropdown' \|\| this.type === 'popover') && !this.disabled) {\n this.expanded = true;\n }\n this.dispatchEvent(\n new CustomEvent('nile-click', {\n bubbles: true,\n composed: true,\n detail: {\n href: this.href,\n text: this.textContent?.trim() \|\| '',\n type: this.type,\n },\n })\n );\n }\n\n public render(): TemplateResult {\n const interactive = this.type === 'dropdown' \|\| this.type === 'popover';\n\n return html`\n <div\n part=\"base\"\n class=\"group-item ${this.disabled ? 'disabled' : ''}\"\n role=\"listitem\"\n ?data-expanded=${this.expanded}\n aria-disabled=${this.disabled ? 'true' : 'false'}\n >\n ${this.href\n ? html`\n <a\n part=\"link\"\n class=\"item-link\"\n href=${this.href}\n @click=${this.handleSelect}\n tabindex=${this.disabled ? '-1' : '0'}\n >\n <slot name=\"icon\"></slot>\n <slot name=\"text\"></slot>\n <slot name=\"trigger\"></slot>\n </a>\n `\n : html`\n <div\n part=\"link\"\n class=\"item-link\"\n @click=${(e: Event) => {\n this.handleSelect(e);\n if (interactive && !this.disabled) this.toggleExpand();\n }}\n tabindex=${this.disabled ? '-1' : '0'}\n >\n <slot name=\"icon\"></slot>\n <slot name=\"text\"></slot>\n <slot name=\"trigger\"></slot>\n </div>\n `}\n </div>\n\n ${interactive\n ? html`\n <div\n part=\"content\"\n class=\"item-content\"\n role=${this.type === 'dropdown' ? 'menu' : 'dialog'}\n ?hidden=${!this.expanded}\n >\n <slot name=\"content\"></slot>\n </div>\n `\n : null}\n `;\n }\n}\n\nexport default NileSideBarGroupItem;\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'nile-side-bar-group-item': NileSideBarGroupItem;\n }\n}\n"]}
1	+ {"version":3,"file":"nile-side-bar-group-item.js","sourceRoot":"","sources":["../../../src/nile-side-bar-group-item/nile-side-bar-group-item.ts"],"names":[],"mappings":"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","sourcesContent":["/*\n Copyright Aquera Inc 2023\n \n This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n /\n\nimport { html, CSSResultArray, TemplateResult } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\nimport { styles } from './nile-side-bar-group-item.css';\nimport NileElement from '../internal/nile-element';\n\n/\n Nile side-bar-group-item component.\n \n @tag nile-side-bar-group-item\n \n @slot icon - Slot for the item icon\n * @slot text - Slot for the item text\n * @slot trigger - Slot for chevron/trigger icons\n * @slot content - Slot for dropdown/popover content\n \n @csspart base - Wrapper for the group item\n * @csspart link - The clickable row (div or anchor)\n * @csspart content - Content container (for dropdown/popover)\n */\n@customElement('nile-side-bar-group-item')\nexport class NileSideBarGroupItem extends NileElement {\n\n @property({ type: String }) href: string \| null = null;\n\n @property({ type: Boolean, reflect: true, attribute: true }) active = false;\n\n @property({ type: String, reflect: true })\n type: 'default' \| 'dropdown' \| 'popover' = 'default';\n\n @property({ type: Boolean, reflect: true }) expanded: boolean = false;\n\n @property({ type: Boolean, reflect: true }) disabled: boolean = false;\n\n public static get styles(): CSSResultArray {\n return [styles];\n }\n\n private toggleExpand() {\n if ((this.type === 'dropdown' \|\| this.type === 'popover') && !this.disabled) {\n this.expanded = !this.expanded;\n }\n }\n\n connectedCallback() {\n super.connectedCallback();\n if (this.href && window.location.pathname === this.href) {\n this.active = true;\n }\n }\n\n private handleSelect(e: Event) {\n if (this.disabled) {\n e.preventDefault();\n e.stopImmediatePropagation();\n return;\n }\n\n if (!this.href) {\n e.preventDefault();\n }\n const parent = this.closest('nile-side-bar');\n if (parent) {\n parent.querySelectorAll<NileSideBarGroupItem>('nile-side-bar-group-item[active]')\n .forEach(item => {\n if (item !== this) {\n item.active = false;\n item.expanded = false; \n }\n });\n }\n \n this.active = true;\n \n if ((this.type === 'dropdown' \|\| this.type === 'popover') && !this.disabled) {\n this.expanded = true;\n }\n this.dispatchEvent(\n new CustomEvent('nile-click', {\n bubbles: true,\n composed: true,\n detail: {\n href: this.href,\n text: this.textContent?.trim() \|\| '',\n type: this.type,\n },\n })\n );\n }\n\n public render(): TemplateResult {\n const interactive = this.type === 'dropdown' \|\| this.type === 'popover';\n\n return html`\n <div\n part=\"base\"\n class=\"group-item ${this.disabled ? 'disabled' : ''}\"\n role=\"listitem\"\n ?data-expanded=${this.expanded}\n aria-disabled=${this.disabled ? 'true' : 'false'}\n >\n ${this.href\n ? html`\n <a\n part=\"link\"\n class=\"item-link\"\n href=${this.href}\n @click=${this.handleSelect}\n tabindex=${this.disabled ? '-1' : '0'}\n >\n <slot name=\"icon\"></slot>\n <slot name=\"text\"></slot>\n <slot name=\"trigger\"></slot>\n </a>\n `\n : html`\n <div\n part=\"link\"\n class=\"item-link\"\n @click=${(e: Event) => {\n this.handleSelect(e);\n if (interactive && !this.disabled) this.toggleExpand();\n }}\n tabindex=${this.disabled ? '-1' : '0'}\n >\n <slot name=\"icon\" part=\"icon\"></slot>\n <slot name=\"text\" part=\"text\"></slot>\n <slot name=\"trigger\" part=\"trigger\"></slot>\n </div>\n `}\n </div>\n\n ${interactive\n ? html`\n <div\n part=\"content\"\n class=\"item-content\"\n role=${this.type === 'dropdown' ? 'menu' : 'dialog'}\n ?hidden=${!this.expanded}\n >\n <slot name=\"content\"></slot>\n </div>\n `\n : null}\n `;\n }\n}\n\nexport default NileSideBarGroupItem;\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'nile-side-bar-group-item': NileSideBarGroupItem;\n }\n}\n"]}

package/dist/src/nile-side-bar-group-item-icon/nile-side-bar-group-item-icon.d.ts CHANGED Viewed

@@ -25,6 +25,8 @@ export declare class NileSideBarGroupItemIcon extends NileElement {
      * Tooltip text (auto-synced from sibling text if available)
      */
     tooltip: string;
+    method: string;
+    size: string;
     private sidebar;
     static get styles(): CSSResultArray;
     connectedCallback(): void;

package/dist/src/nile-side-bar-group-item-icon/nile-side-bar-group-item-icon.js CHANGED Viewed

@@ -30,6 +30,8 @@ let NileSideBarGroupItemIcon = class NileSideBarGroupItemIcon extends NileElemen
          * Tooltip text (auto-synced from sibling text if available)
          */
         this.tooltip = '';
+        this.method = 'fill';
+        this.size = '14';
         this.sidebar = null;
     }
     static get styles() {
@@ -63,14 +65,14 @@ let NileSideBarGroupItemIcon = class NileSideBarGroupItemIcon extends NileElemen
             return html `
         <nile-tooltip distance="18" content=${text} placement="right" >
           <slot>
-            ${this.icon ? html `<nile-icon size="14" color="var(--nile-colors-dark-900,var(--ng-colors-fg-quaternary-400))" name=${this.icon}></nile-icon>` : null}
+            ${this.icon ? html `<nile-icon size=${this.size}  color="var(--nile-colors-dark-900,var(--ng-colors-fg-quaternary-400))" name=${this.icon} method=${this.method}></nile-icon>` : null}
           </slot>
         </nile-tooltip>
       `;
         }
         return html `
       <slot>
-        ${this.icon ? html `<nile-icon color="var(--nile-colors-dark-900,var(--ng-colors-fg-quaternary-400))" size="14" name=${this.icon}></nile-icon>` : null}
+        ${this.icon ? html `<nile-icon size=${this.size} color="var(--nile-colors-dark-900,var(--ng-colors-fg-quaternary-400))" size="14" name=${this.icon} method=${this.method}></nile-icon>` : null}
       </slot>
     `;
     }
@@ -81,6 +83,12 @@ __decorate([
 __decorate([
     property({ type: String })
 ], NileSideBarGroupItemIcon.prototype, "tooltip", void 0);
+__decorate([
+    property({ type: String })
+], NileSideBarGroupItemIcon.prototype, "method", void 0);
+__decorate([
+    property({ type: String })
+], NileSideBarGroupItemIcon.prototype, "size", void 0);
 NileSideBarGroupItemIcon = __decorate([
     customElement('nile-side-bar-group-item-icon')
 ], NileSideBarGroupItemIcon);

package/dist/src/nile-side-bar-group-item-icon/nile-side-bar-group-item-icon.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"nile-side-bar-group-item-icon.js","sourceRoot":"","sources":["../../../src/nile-side-bar-group-item-icon/nile-side-bar-group-item-icon.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;;AAEH,OAAO,EAAE,IAAI,EAAkC,MAAM,KAAK,CAAC;AAC3D,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC5D,OAAO,EAAE,MAAM,EAAE,MAAM,qCAAqC,CAAC;AAC7D,OAAO,WAAW,MAAM,0BAA0B,CAAC;AAGnD;;;;;;;;;GASG;AAEI,IAAM,wBAAwB,GAA9B,MAAM,wBAAyB,SAAQ,WAAW;IAAlD;;QACL;;WAEG;QAEH,SAAI,GAAW,EAAE,CAAC;QAElB;;WAEG;QAEH,YAAO,GAAW,EAAE,CAAC;~~QAEb~~,YAAO,GAAuB,IAAI,CAAC;IAmD7C,CAAC;IAjDQ,MAAM,KAAK,MAAM;QACtB,OAAO,CAAC,MAAM,CAAC,CAAC;IAClB,CAAC;IAED,iBAAiB;QAClB,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,MAAM,CAAC,EAAE,CAAC;YAChC,IAAI,CAAC,YAAY,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;QACjC,CAAC;QAEA,KAAK,CAAC,iBAAiB,EAAE,CAAC;QAC1B,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC,OAAO,CAAC,eAAe,CAAuB,CAAC;QACnE,IAAI,IAAI,CAAC,OAAO,EAAE,CAAC;YACjB,MAAM,QAAQ,GAAG,IAAI,gBAAgB,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,aAAa,EAAE,CAAC,CAAC;YAClE,QAAQ,CAAC,OAAO,CAAC,IAAI,CAAC,OAAO,EAAE,EAAE,UAAU,EAAE,IAAI,EAAE,eAAe,EAAE,CAAC,WAAW,CAAC,EAAE,CAAC,CAAC;YACpF,IAAY,CAAC,SAAS,GAAG,QAAQ,CAAC;QACrC,CAAC;IACH,CAAC;IAED,oBAAoB;QAClB,KAAK,CAAC,oBAAoB,EAAE,CAAC;QAC5B,IAAY,CAAC,SAAS,EAAE,UAAU,EAAE,CAAC;IACxC,CAAC;IAEO,cAAc;QACpB,MAAM,MAAM,GAAG,IAAI,CAAC,aAAa,CAAC;QAClC,MAAM,MAAM,GAAG,MAAM,EAAE,aAAa,CAAC,+BAA+B,CAAC,CAAC;QACtE,OAAO,MAAM,EAAE,WAAW,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC;IAC3C,CAAC;IAEM,MAAM;QACX,MAAM,WAAW,GAAG,CAAC,CAAC,IAAI,CAAC,OAAO,EAAE,SAAS,CAAC;QAC9C,MAAM,IAAI,GAAG,IAAI,CAAC,OAAO,IAAI,IAAI,CAAC,cAAc,EAAE,CAAC;QAEnD,IAAI,WAAW,IAAI,IAAI,EAAE,CAAC;YACxB,OAAO,IAAI,CAAA;8CAC6B,IAAI;;cAEpC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAA,~~oGAAoG~~,IAAI,CAAC,IAAI,eAAe,CAAC,CAAC,CAAC,IAAI;;;~~OAG1J~~,CAAC;QACJ,CAAC;QAED,OAAO,IAAI,CAAA;;UAEL,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAA,~~oGAAoG~~,IAAI,CAAC,IAAI,eAAe,CAAC,CAAC,CAAC,IAAI;;~~KAExJ~~,CAAC;IACJ,CAAC;CACF,CAAA;~~AA3DC~~;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;sDACxB;AAMlB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;yDACN;~~AAXV~~,wBAAwB;IADpC,aAAa,CAAC,+BAA+B,CAAC;GAClC,wBAAwB,~~CAgEpC~~;;AAED,eAAe,wBAAwB,CAAC","sourcesContent":["/*\n Copyright Aquera Inc 2023\n \n This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n /\n\nimport { html, CSSResultArray, TemplateResult } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\nimport { styles } from './nile-side-bar-group-item-icon.css';\nimport NileElement from '../internal/nile-element';\nimport type { NileSideBar } from '../nile-side-bar/nile-side-bar';\n\n/\n Nile side-bar-group-item-icon component.\n \n @tag nile-side-bar-group-item-icon\n \n @attr icon - The name of the icon to render inside <nile-icon>\n * @attr tooltip - Tooltip text shown when sidebar is collapsed\n \n @slot - Optional slot to override the icon completely\n /\n@customElement('nile-side-bar-group-item-icon')\nexport class NileSideBarGroupItemIcon extends NileElement {\n /\n Name of the icon (passed to <nile-icon name=\"\">)\n /\n @property({ type: String, reflect: true })\n icon: string = '';\n\n /\n Tooltip text (auto-synced from sibling text if available)\n */\n @property({ type: String })\n tooltip: string = '';\n\n private sidebar: NileSideBar \| null = null;\n\n public static get styles(): CSSResultArray {\n return [styles];\n }\n\n connectedCallback(): void {\n\tif (!this.hasAttribute('slot')) {\n\t\tthis.setAttribute('slot', 'icon');\n\t }\n\t \n super.connectedCallback();\n this.sidebar = this.closest('nile-side-bar') as NileSideBar \| null;\n if (this.sidebar) {\n const observer = new MutationObserver(() => this.requestUpdate());\n observer.observe(this.sidebar, { attributes: true, attributeFilter: ['collapsed'] });\n (this as any)._observer = observer;\n }\n }\n\n disconnectedCallback(): void {\n super.disconnectedCallback();\n (this as any)._observer?.disconnect();\n }\n\n private getSiblingText(): string {\n const parent = this.parentElement;\n const textEl = parent?.querySelector('nile-side-bar-group-item-text');\n return textEl?.textContent?.trim() ?? '';\n }\n\n public render(): TemplateResult {\n const isCollapsed = !!this.sidebar?.collapsed;\n const text = this.tooltip \|\| this.getSiblingText();\n\n if (isCollapsed && text) {\n return html`\n <nile-tooltip distance=\"18\" content=${text} placement=\"right\" >\n <slot>\n ${this.icon ? html`<nile-icon size~~=\"14\"~~ color=\"var(--nile-colors-dark-900,var(--ng-colors-fg-quaternary-400))\" name=${this.icon}></nile-icon>` : null}\n </slot>\n </nile-tooltip>\n `;\n }\n\n return html`\n <slot>\n ${this.icon ? html`<nile-icon color=\"var(--nile-colors-dark-900,var(--ng-colors-fg-quaternary-400))\" size=\"14\" name=${this.icon}></nile-icon>` : null}\n </slot>\n `;\n }\n}\n\nexport default NileSideBarGroupItemIcon;\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'nile-side-bar-group-item-icon': NileSideBarGroupItemIcon;\n }\n}\n"]}
1	+ {"version":3,"file":"nile-side-bar-group-item-icon.js","sourceRoot":"","sources":["../../../src/nile-side-bar-group-item-icon/nile-side-bar-group-item-icon.ts"],"names":[],"mappings":"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","sourcesContent":["/*\n Copyright Aquera Inc 2023\n \n This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n /\n\nimport { html, CSSResultArray, TemplateResult } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\nimport { styles } from './nile-side-bar-group-item-icon.css';\nimport NileElement from '../internal/nile-element';\nimport type { NileSideBar } from '../nile-side-bar/nile-side-bar';\n\n/\n Nile side-bar-group-item-icon component.\n \n @tag nile-side-bar-group-item-icon\n \n @attr icon - The name of the icon to render inside <nile-icon>\n * @attr tooltip - Tooltip text shown when sidebar is collapsed\n \n @slot - Optional slot to override the icon completely\n /\n@customElement('nile-side-bar-group-item-icon')\nexport class NileSideBarGroupItemIcon extends NileElement {\n /\n Name of the icon (passed to <nile-icon name=\"\">)\n /\n @property({ type: String, reflect: true })\n icon: string = '';\n\n /\n Tooltip text (auto-synced from sibling text if available)\n */\n @property({ type: String })\n tooltip: string = '';\n\n @property({ type: String })\n method: string = 'fill';\n\n @property({ type: String })\n size: string = '14';\n\n private sidebar: NileSideBar \| null = null;\n\n public static get styles(): CSSResultArray {\n return [styles];\n }\n\n connectedCallback(): void {\n\tif (!this.hasAttribute('slot')) {\n\t\tthis.setAttribute('slot', 'icon');\n\t }\n\t \n super.connectedCallback();\n this.sidebar = this.closest('nile-side-bar') as NileSideBar \| null;\n if (this.sidebar) {\n const observer = new MutationObserver(() => this.requestUpdate());\n observer.observe(this.sidebar, { attributes: true, attributeFilter: ['collapsed'] });\n (this as any)._observer = observer;\n }\n }\n\n disconnectedCallback(): void {\n super.disconnectedCallback();\n (this as any)._observer?.disconnect();\n }\n\n private getSiblingText(): string {\n const parent = this.parentElement;\n const textEl = parent?.querySelector('nile-side-bar-group-item-text');\n return textEl?.textContent?.trim() ?? '';\n }\n\n public render(): TemplateResult {\n const isCollapsed = !!this.sidebar?.collapsed;\n const text = this.tooltip \|\| this.getSiblingText();\n\n if (isCollapsed && text) {\n return html`\n <nile-tooltip distance=\"18\" content=${text} placement=\"right\" >\n <slot>\n ${this.icon ? html`<nile-icon size=${this.size} color=\"var(--nile-colors-dark-900,var(--ng-colors-fg-quaternary-400))\" name=${this.icon} method=${this.method}></nile-icon>` : null}\n </slot>\n </nile-tooltip>\n `;\n }\n\n return html`\n <slot>\n ${this.icon ? html`<nile-icon size=${this.size} color=\"var(--nile-colors-dark-900,var(--ng-colors-fg-quaternary-400))\" size=\"14\" name=${this.icon} method=${this.method}></nile-icon>` : null}\n </slot>\n `;\n }\n}\n\nexport default NileSideBarGroupItemIcon;\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'nile-side-bar-group-item-icon': NileSideBarGroupItemIcon;\n }\n}\n"]}

package/dist/src/nile-side-bar-header/nile-side-bar-header.js CHANGED Viewed

@@ -31,9 +31,9 @@ let NileSideBarHeader = class NileSideBarHeader extends NileElement {
      */
     render() {
         return html `
-		  <div class="header-content">
-      <slot name="logo"></slot>
-      <slot name="expand"></slot>
+		  <div class="header-content" part="header-content">
+      <slot name="logo" part="logo"></slot>
+      <slot name="expand" part="expand"></slot>
     </div>
 			`;
     }

package/dist/src/nile-side-bar-header/nile-side-bar-header.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"nile-side-bar-header.js","sourceRoot":"","sources":["../../../src/nile-side-bar-header/nile-side-bar-header.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;;AAEH,OAAO,EAAa,IAAI,EAAiC,MAAM,KAAK,CAAC;AACrE,OAAO,EAAE,aAAa,EAAW,MAAM,mBAAmB,CAAC;AAC3D,OAAO,EAAC,MAAM,EAAC,MAAM,4BAA4B,CAAC;AAClD,OAAO,WAAW,MAAM,0BAA0B,CAAC;AAGnD;;;;;GAKG;AAEI,IAAM,iBAAiB,GAAvB,MAAM,iBAAkB,SAAQ,WAAW;IAEjD;;;OAGG;IACI,MAAM,KAAK,MAAM;QACvB,OAAO,CAAC,MAAM,CAAC,CAAC;IACjB,CAAC;IAED,gBAAgB;IAEhB,qBAAqB;IAErB;;;OAGG;IACI,MAAM;QACZ,OAAO,IAAI,CAAA;;;;;IAKT,CAAC;IACJ,CAAC;CAGD,CAAA;AA5BY,iBAAiB;IAD7B,aAAa,CAAC,sBAAsB,CAAC;GACzB,iBAAiB,CA4B7B;;AAED,eAAe,iBAAiB,CAAC","sourcesContent":["/*\n Copyright Aquera Inc 2023\n \n This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n /\n\nimport {LitElement, html, CSSResultArray, TemplateResult} from 'lit';\nimport { customElement, property} from 'lit/decorators.js';\nimport {styles} from './nile-side-bar-header.css';\nimport NileElement from '../internal/nile-element';\n\n\n/\n Nile side-bar-header component.\n \n @tag nile-side-bar-header\n \n /\n@customElement('nile-side-bar-header')\nexport class NileSideBarHeader extends NileElement {\n\n\t/*\n\t The styles for nile-side-bar-header\n\t * @remarks If you are extending this class you can extend the base styles with super. Eg `return [super(), myCustomStyles]`\n\t /\n\tpublic static get styles(): CSSResultArray {\n\t\treturn [styles];\n\t}\n\n\t/ #endregion /\n\n\t/ #region Methods /\n\n\t/\n\t Render method\n\t * @slot This is a slot test\n\t /\n\tpublic render(): TemplateResult {\n\t\treturn html`\n\t\t <div class=\"header-content\">\n <slot name=\"logo\"></slot>\n <slot name=\"expand\"></slot>\n </div>\n\t\t\t`;\n\t}\n\n\t/ #endregion */\n}\n\nexport default NileSideBarHeader;\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'nile-side-bar-header': NileSideBarHeader;\n }\n}"]}
1	+ {"version":3,"file":"nile-side-bar-header.js","sourceRoot":"","sources":["../../../src/nile-side-bar-header/nile-side-bar-header.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;;AAEH,OAAO,EAAa,IAAI,EAAiC,MAAM,KAAK,CAAC;AACrE,OAAO,EAAE,aAAa,EAAW,MAAM,mBAAmB,CAAC;AAC3D,OAAO,EAAC,MAAM,EAAC,MAAM,4BAA4B,CAAC;AAClD,OAAO,WAAW,MAAM,0BAA0B,CAAC;AAGnD;;;;;GAKG;AAEI,IAAM,iBAAiB,GAAvB,MAAM,iBAAkB,SAAQ,WAAW;IAEjD;;;OAGG;IACI,MAAM,KAAK,MAAM;QACvB,OAAO,CAAC,MAAM,CAAC,CAAC;IACjB,CAAC;IAED,gBAAgB;IAEhB,qBAAqB;IAErB;;;OAGG;IACI,MAAM;QACZ,OAAO,IAAI,CAAA;;;;;IAKT,CAAC;IACJ,CAAC;CAGD,CAAA;AA5BY,iBAAiB;IAD7B,aAAa,CAAC,sBAAsB,CAAC;GACzB,iBAAiB,CA4B7B;;AAED,eAAe,iBAAiB,CAAC","sourcesContent":["/*\n Copyright Aquera Inc 2023\n \n This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n /\n\nimport {LitElement, html, CSSResultArray, TemplateResult} from 'lit';\nimport { customElement, property} from 'lit/decorators.js';\nimport {styles} from './nile-side-bar-header.css';\nimport NileElement from '../internal/nile-element';\n\n\n/\n Nile side-bar-header component.\n \n @tag nile-side-bar-header\n \n /\n@customElement('nile-side-bar-header')\nexport class NileSideBarHeader extends NileElement {\n\n\t/*\n\t The styles for nile-side-bar-header\n\t * @remarks If you are extending this class you can extend the base styles with super. Eg `return [super(), myCustomStyles]`\n\t /\n\tpublic static get styles(): CSSResultArray {\n\t\treturn [styles];\n\t}\n\n\t/ #endregion /\n\n\t/ #region Methods /\n\n\t/\n\t Render method\n\t * @slot This is a slot test\n\t /\n\tpublic render(): TemplateResult {\n\t\treturn html`\n\t\t <div class=\"header-content\" part=\"header-content\">\n <slot name=\"logo\" part=\"logo\"></slot>\n <slot name=\"expand\" part=\"expand\"></slot>\n </div>\n\t\t\t`;\n\t}\n\n\t/ #endregion */\n}\n\nexport default NileSideBarHeader;\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'nile-side-bar-header': NileSideBarHeader;\n }\n}"]}

package/dist/src/version.js CHANGED Viewed

@@ -1,6 +1,6 @@
 // Version utility - placeholders will be replaced during build
-export const NILE_ELEMENTS_VERSION = '1.3.9-beta-1.3';
-export const NILE_VERSION = '1.1.4-beta-1.0';
+export const NILE_ELEMENTS_VERSION = '1.3.9-beta-1.4';
+export const NILE_VERSION = '1.1.3-beta-1.1';
 // Set global versions for runtime access
 if (typeof window !== 'undefined') {
     window.nileElementsVersion = NILE_ELEMENTS_VERSION;

package/dist/src/version.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"version.js","sourceRoot":"","sources":["../../src/version.ts"],"names":[],"mappings":"AAAA,+DAA+D;AAC/D,MAAM,CAAC,MAAM,qBAAqB,GAAG,2BAA2B,CAAC;AACjE,MAAM,CAAC,MAAM,YAAY,GAAG,kBAAkB,CAAC;AAE/C,yCAAyC;AACzC,IAAI,OAAO,MAAM,KAAK,WAAW,EAAE,CAAC;IACjC,MAAc,CAAC,mBAAmB,GAAG,qBAAqB,CAAC;IAC3D,MAAc,CAAC,WAAW,GAAG,YAAY,CAAC;IAC3C,MAAM,CAAC,OAAO,GAAG,MAAM,CAAC,OAAO,IAAI,EAAE,GAAG,EAAE,EAAE,QAAQ,EAAE,YAAY,EAAE,EAAE,CAAC;AACzE,CAAC","sourcesContent":["// Version utility - placeholders will be replaced during build\nexport const NILE_ELEMENTS_VERSION = '1.3.9-beta-1.3';\nexport const NILE_VERSION = '1.1.4-beta-1.0';\n\n// Set global versions for runtime access\nif (typeof window !== 'undefined') {\n (window as any).nileElementsVersion = NILE_ELEMENTS_VERSION;\n (window as any).nileVersion = NILE_VERSION;\n window.process = window.process \|\| { env: { NODE_ENV: 'production' } };\n}\n"]}
1	+ {"version":3,"file":"version.js","sourceRoot":"","sources":["../../src/version.ts"],"names":[],"mappings":"AAAA,+DAA+D;AAC/D,MAAM,CAAC,MAAM,qBAAqB,GAAG,2BAA2B,CAAC;AACjE,MAAM,CAAC,MAAM,YAAY,GAAG,kBAAkB,CAAC;AAE/C,yCAAyC;AACzC,IAAI,OAAO,MAAM,KAAK,WAAW,EAAE,CAAC;IACjC,MAAc,CAAC,mBAAmB,GAAG,qBAAqB,CAAC;IAC3D,MAAc,CAAC,WAAW,GAAG,YAAY,CAAC;IAC3C,MAAM,CAAC,OAAO,GAAG,MAAM,CAAC,OAAO,IAAI,EAAE,GAAG,EAAE,EAAE,QAAQ,EAAE,YAAY,EAAE,EAAE,CAAC;AACzE,CAAC","sourcesContent":["// Version utility - placeholders will be replaced during build\nexport const NILE_ELEMENTS_VERSION = '1.3.9-beta-1.4';\nexport const NILE_VERSION = '1.1.3-beta-1.1';\n\n// Set global versions for runtime access\nif (typeof window !== 'undefined') {\n (window as any).nileElementsVersion = NILE_ELEMENTS_VERSION;\n (window as any).nileVersion = NILE_VERSION;\n window.process = window.process \|\| { env: { NODE_ENV: 'production' } };\n}\n"]}