@aquera/nile-elements 1.8.7 → 1.8.8

package/dist/src/nile-side-bar/nile-side-bar.test.js

@@ -0,0 +1,96 @@
+import { expect, fixture, html, oneEvent } from '@open-wc/testing';
+import './nile-side-bar';
+import '../nile-side-bar-expand/nile-side-bar-expand';
+describe('NileSideBar — collapse/expand API', () => {
+    it('1. defaults to expanded (not collapsed) and not overlay', async () => {
+        const el = await fixture(html `<nile-side-bar></nile-side-bar>`);
+        expect(el.collapsed).to.be.false;
+        expect(el.overlay).to.be.false;
+        expect(el.hasAttribute('overlay')).to.be.false;
+    });
+    it('2. collapse() sets collapsed state + reflects attribute', async () => {
+        const el = await fixture(html `<nile-side-bar></nile-side-bar>`);
+        el.collapse();
+        await el.updateComplete;
+        expect(el.collapsed).to.be.true;
+        expect(el.hasAttribute('collapsed')).to.be.true;
+    });
+    it('3. expand() clears collapsed state', async () => {
+        const el = await fixture(html `<nile-side-bar collapsed></nile-side-bar>`);
+        expect(el.collapsed).to.be.true;
+        el.expand();
+        await el.updateComplete;
+        expect(el.collapsed).to.be.false;
+        expect(el.hasAttribute('collapsed')).to.be.false;
+    });
+    it('4. toggle() flips state', async () => {
+        const el = await fixture(html `<nile-side-bar></nile-side-bar>`);
+        el.toggle();
+        await el.updateComplete;
+        expect(el.collapsed).to.be.true;
+        el.toggle();
+        await el.updateComplete;
+        expect(el.collapsed).to.be.false;
+    });
+    it('5. toggle(force) sets an explicit state', async () => {
+        const el = await fixture(html `<nile-side-bar></nile-side-bar>`);
+        el.toggle(false); // already expanded -> no-op
+        await el.updateComplete;
+        expect(el.collapsed).to.be.false;
+        el.toggle(true);
+        await el.updateComplete;
+        expect(el.collapsed).to.be.true;
+    });
+    it('6. emits nile-toggle with new collapsed state', async () => {
+        const el = await fixture(html `<nile-side-bar></nile-side-bar>`);
+        setTimeout(() => el.collapse());
+        const ev = await oneEvent(el, 'nile-toggle');
+        expect(ev.detail.collapsed).to.be.true;
+    });
+    it('7. does NOT emit nile-toggle when state is unchanged', async () => {
+        const el = await fixture(html `<nile-side-bar></nile-side-bar>`);
+        let fired = false;
+        el.addEventListener('nile-toggle', () => { fired = true; });
+        el.expand(); // already expanded
+        await el.updateComplete;
+        expect(fired).to.be.false;
+    });
+    it('8. built-in expand button toggles the sidebar (normal mode)', async () => {
+        const el = await fixture(html `
+      <nile-side-bar>
+        <nile-side-bar-expand slot="expand"></nile-side-bar-expand>
+      </nile-side-bar>
+    `);
+        await el.updateComplete;
+        const expandEl = el.querySelector('nile-side-bar-expand');
+        const btn = expandEl.shadowRoot.querySelector('.expand-btn');
+        let detail;
+        el.addEventListener('nile-toggle', (e) => { detail = e.detail; });
+        btn.click();
+        await el.updateComplete;
+        expect(el.collapsed).to.be.true;
+        expect(detail.collapsed).to.be.true;
+        expect(expandEl.collapsed).to.be.true; // arrow icon state stays in sync
+        btn.click();
+        await el.updateComplete;
+        expect(el.collapsed).to.be.false;
+        expect(expandEl.collapsed).to.be.false;
+    });
+    it('9. overlay attribute is opt-in and reflects', async () => {
+        const el = await fixture(html `<nile-side-bar overlay></nile-side-bar>`);
+        expect(el.overlay).to.be.true;
+        el.overlay = false;
+        await el.updateComplete;
+        expect(el.hasAttribute('overlay')).to.be.false;
+    });
+    it('10. methods work the same with overlay enabled', async () => {
+        const el = await fixture(html `<nile-side-bar overlay></nile-side-bar>`);
+        el.collapse();
+        await el.updateComplete;
+        expect(el.collapsed).to.be.true;
+        el.expand();
+        await el.updateComplete;
+        expect(el.collapsed).to.be.false;
+    });
+});
+//# sourceMappingURL=nile-side-bar.test.js.map

package/dist/src/nile-side-bar/nile-side-bar.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"nile-side-bar.test.js","sourceRoot":"","sources":["../../../src/nile-side-bar/nile-side-bar.test.ts"],"names":[],"mappings":"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","sourcesContent":["import { expect, fixture, html, oneEvent } from '@open-wc/testing';\nimport './nile-side-bar';\nimport '../nile-side-bar-expand/nile-side-bar-expand';\nimport type { NileSideBar } from './nile-side-bar';\n\ndescribe('NileSideBar — collapse/expand API', () => {\n  it('1. defaults to expanded (not collapsed) and not overlay', async () => {\n    const el = await fixture<NileSideBar>(html`<nile-side-bar></nile-side-bar>`);\n    expect(el.collapsed).to.be.false;\n    expect(el.overlay).to.be.false;\n    expect(el.hasAttribute('overlay')).to.be.false;\n  });\n\n  it('2. collapse() sets collapsed state + reflects attribute', async () => {\n    const el = await fixture<NileSideBar>(html`<nile-side-bar></nile-side-bar>`);\n    el.collapse();\n    await el.updateComplete;\n    expect(el.collapsed).to.be.true;\n    expect(el.hasAttribute('collapsed')).to.be.true;\n  });\n\n  it('3. expand() clears collapsed state', async () => {\n    const el = await fixture<NileSideBar>(html`<nile-side-bar collapsed></nile-side-bar>`);\n    expect(el.collapsed).to.be.true;\n    el.expand();\n    await el.updateComplete;\n    expect(el.collapsed).to.be.false;\n    expect(el.hasAttribute('collapsed')).to.be.false;\n  });\n\n  it('4. toggle() flips state', async () => {\n    const el = await fixture<NileSideBar>(html`<nile-side-bar></nile-side-bar>`);\n    el.toggle();\n    await el.updateComplete;\n    expect(el.collapsed).to.be.true;\n    el.toggle();\n    await el.updateComplete;\n    expect(el.collapsed).to.be.false;\n  });\n\n  it('5. toggle(force) sets an explicit state', async () => {\n    const el = await fixture<NileSideBar>(html`<nile-side-bar></nile-side-bar>`);\n    el.toggle(false); // already expanded -> no-op\n    await el.updateComplete;\n    expect(el.collapsed).to.be.false;\n    el.toggle(true);\n    await el.updateComplete;\n    expect(el.collapsed).to.be.true;\n  });\n\n  it('6. emits nile-toggle with new collapsed state', async () => {\n    const el = await fixture<NileSideBar>(html`<nile-side-bar></nile-side-bar>`);\n    setTimeout(() => el.collapse());\n    const ev = await oneEvent(el, 'nile-toggle');\n    expect(ev.detail.collapsed).to.be.true;\n  });\n\n  it('7. does NOT emit nile-toggle when state is unchanged', async () => {\n    const el = await fixture<NileSideBar>(html`<nile-side-bar></nile-side-bar>`);\n    let fired = false;\n    el.addEventListener('nile-toggle', () => { fired = true; });\n    el.expand(); // already expanded\n    await el.updateComplete;\n    expect(fired).to.be.false;\n  });\n\n  it('8. built-in expand button toggles the sidebar (normal mode)', async () => {\n    const el = await fixture<NileSideBar>(html`\n      <nile-side-bar>\n        <nile-side-bar-expand slot=\"expand\"></nile-side-bar-expand>\n      </nile-side-bar>\n    `);\n    await el.updateComplete;\n    const expandEl = el.querySelector('nile-side-bar-expand') as HTMLElement & { collapsed: boolean };\n    const btn = expandEl.shadowRoot!.querySelector('.expand-btn') as HTMLElement;\n\n    let detail: any;\n    el.addEventListener('nile-toggle', (e: Event) => { detail = (e as CustomEvent).detail; });\n\n    btn.click();\n    await el.updateComplete;\n    expect(el.collapsed).to.be.true;\n    expect(detail.collapsed).to.be.true;\n    expect(expandEl.collapsed).to.be.true; // arrow icon state stays in sync\n\n    btn.click();\n    await el.updateComplete;\n    expect(el.collapsed).to.be.false;\n    expect(expandEl.collapsed).to.be.false;\n  });\n\n  it('9. overlay attribute is opt-in and reflects', async () => {\n    const el = await fixture<NileSideBar>(html`<nile-side-bar overlay></nile-side-bar>`);\n    expect(el.overlay).to.be.true;\n    el.overlay = false;\n    await el.updateComplete;\n    expect(el.hasAttribute('overlay')).to.be.false;\n  });\n\n  it('10. methods work the same with overlay enabled', async () => {\n    const el = await fixture<NileSideBar>(html`<nile-side-bar overlay></nile-side-bar>`);\n    el.collapse();\n    await el.updateComplete;\n    expect(el.collapsed).to.be.true;\n    el.expand();\n    await el.updateComplete;\n    expect(el.collapsed).to.be.false;\n  });\n});\n"]}

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

@@ -31,15 +31,13 @@ let NileSideBarExpand = class NileSideBarExpand extends NileElement {
         const sidebar = this.closest('nile-side-bar');
         if (!sidebar)
             return;
-        const isCollapsed = sidebar.hasAttribute('collapsed');
-        if (isCollapsed) {
-            sidebar.removeAttribute('collapsed');
-            this.collapsed = false;
+        if (typeof sidebar.toggle === 'function') {
+            sidebar.toggle();
         }
         else {
-            sidebar.setAttribute('collapsed', '');
-            this.collapsed = true;
+            sidebar.toggleAttribute('collapsed', !sidebar.hasAttribute('collapsed'));
         }
+        this.collapsed = sidebar.hasAttribute('collapsed');
     }
     render() {
         return html `

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

@@ -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;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"]}
+{"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;IA6C3G,CAAC;IA3CQ,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,CAEpC,CAAC;QACT,IAAI,CAAC,OAAO;YAAE,OAAO;QACrB,IAAI,OAAO,OAAO,CAAC,MAAM,KAAK,UAAU,EAAE,CAAC;YACzC,OAAO,CAAC,MAAM,EAAE,CAAC;QACnB,CAAC;aAAM,CAAC;YACN,OAAO,CAAC,eAAe,CAAC,WAAW,EAAE,CAAC,OAAO,CAAC,YAAY,CAAC,WAAW,CAAC,CAAC,CAAC;QAC3E,CAAC;QACD,IAAI,CAAC,SAAS,GAAG,OAAO,CAAC,YAAY,CAAC,WAAW,CAAC,CAAC;IACrD,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;AA/CC;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,CAiD7B;;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') as\n      | (HTMLElement & { toggle?: (force?: boolean) => void })\n      | null;\n    if (!sidebar) return;\n    if (typeof sidebar.toggle === 'function') {\n      sidebar.toggle();\n    } else {\n      sidebar.toggleAttribute('collapsed', !sidebar.hasAttribute('collapsed'));\n    }\n    this.collapsed = sidebar.hasAttribute('collapsed');\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/version.js

@@ -1,5 +1,5 @@
 // Version utility - placeholders will be replaced during build
-export const NILE_ELEMENTS_VERSION = '1.8.7';
+export const NILE_ELEMENTS_VERSION = '1.8.8';
 export const NILE_VERSION = '1.2.7';
 // Set global versions for runtime access
 if (typeof window !== 'undefined') {

package/dist/src/version.js.map

@@ -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.8.7';\nexport const NILE_VERSION = '1.2.7';\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"]}
+{"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.8.8';\nexport const NILE_VERSION = '1.2.7';\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"]}