@nonoun/native-app 0.2.0 → 0.2.1

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 (29) hide show
  1. package/dist/{nui-app-panel/nui-app-panel-element.d.ts → app-panel/app-panel-element.d.ts} +3 -3
  2. package/dist/app-panel/app-panel-element.d.ts.map +1 -0
  3. package/dist/custom-elements.json +75 -75
  4. package/dist/index.d.ts +8 -8
  5. package/dist/index.d.ts.map +1 -1
  6. package/dist/{nui-app.css → native-app.css} +170 -133
  7. package/dist/{nui-app.js → native-app.js} +32 -32
  8. package/dist/{nui-sidebar/nui-sidebar-element.d.ts → sidebar/sidebar-element.d.ts} +3 -3
  9. package/dist/sidebar/sidebar-element.d.ts.map +1 -0
  10. package/dist/{nui-sidebar/nui-sidebar-group-element.d.ts → sidebar/sidebar-group-element.d.ts} +4 -4
  11. package/dist/sidebar/sidebar-group-element.d.ts.map +1 -0
  12. package/dist/sidebar/sidebar-group-header-element.d.ts +7 -0
  13. package/dist/sidebar/sidebar-group-header-element.d.ts.map +1 -0
  14. package/dist/sidebar/sidebar-item-element.d.ts +10 -0
  15. package/dist/sidebar/sidebar-item-element.d.ts.map +1 -0
  16. package/dist/{nui-sidebar/nui-sidebar-nav-element.d.ts → sidebar/sidebar-nav-element.d.ts} +4 -4
  17. package/dist/sidebar/sidebar-nav-element.d.ts.map +1 -0
  18. package/dist/{nui-sidebar/nui-sidebar-nav-item-element.d.ts → sidebar/sidebar-nav-item-element.d.ts} +4 -4
  19. package/dist/sidebar/sidebar-nav-item-element.d.ts.map +1 -0
  20. package/package.json +1 -1
  21. package/dist/nui-app-panel/nui-app-panel-element.d.ts.map +0 -1
  22. package/dist/nui-sidebar/nui-sidebar-element.d.ts.map +0 -1
  23. package/dist/nui-sidebar/nui-sidebar-group-element.d.ts.map +0 -1
  24. package/dist/nui-sidebar/nui-sidebar-group-header-element.d.ts +0 -7
  25. package/dist/nui-sidebar/nui-sidebar-group-header-element.d.ts.map +0 -1
  26. package/dist/nui-sidebar/nui-sidebar-item-element.d.ts +0 -10
  27. package/dist/nui-sidebar/nui-sidebar-item-element.d.ts.map +0 -1
  28. package/dist/nui-sidebar/nui-sidebar-nav-element.d.ts.map +0 -1
  29. package/dist/nui-sidebar/nui-sidebar-nav-item-element.d.ts.map +0 -1
@@ -1,9 +1,9 @@
1
- import { ListNavigateController as e, PopoverController as t, ResizeController as n, UIElement as r, UIListbox as i, UIOption as a, createDisabledEffect as o, define as s, prop as c, signal as l, syncProp as u, uid as d } from "@nonoun/native-ui";
1
+ import { ListNavigateController as e, NListbox as t, NOption as n, NativeElement as r, PopoverController as i, ResizeController as a, createDisabledEffect as o, define as s, prop as c, signal as l, syncProp as u, uid as d } from "@nonoun/native-ui";
2
2
  /**
3
3
  * Sidebar navigation with roving focus and selection indicator.
4
4
  * @attr {string} value - Currently selected nav item value
5
5
  * @attr {boolean} disabled - Disables all nav items
6
- * @fires ui-change - Fired when selection changes with `{ value, label }` detail
6
+ * @fires native:change - Fired when selection changes with `{ value, label }` detail
7
7
  */
8
8
  var f = class extends r {
9
9
  static observedAttributes = ["value", "disabled"];
@@ -36,11 +36,11 @@ var f = class extends r {
36
36
  }
37
37
  setup() {
38
38
  super.setup(), this.#n = new e(this, {
39
- itemSelector: ":scope nui-sidebar-nav-item:not([disabled])",
39
+ itemSelector: ":scope n-sidebar-nav-item:not([disabled])",
40
40
  orientation: "vertical",
41
41
  ariaAttr: "aria-current",
42
42
  onChildSelect: (e) => {
43
- this.#n.listValue.value = e.value, this.setAttribute("value", e.value), this.dispatchEvent(new CustomEvent("ui-change", {
43
+ this.#n.listValue.value = e.value, this.setAttribute("value", e.value), this.dispatchEvent(new CustomEvent("native:change", {
44
44
  bubbles: !0,
45
45
  composed: !0,
46
46
  cancelable: !0,
@@ -111,7 +111,7 @@ var f = class extends r {
111
111
  this.removeEventListener("click", this.#i), super.teardown();
112
112
  }
113
113
  #i = () => {
114
- this.disabled || this.dispatchEvent(new CustomEvent("ui-select", {
114
+ this.disabled || this.dispatchEvent(new CustomEvent("native:select", {
115
115
  bubbles: !0,
116
116
  composed: !0,
117
117
  detail: {
@@ -147,9 +147,9 @@ var f = class extends r {
147
147
  }
148
148
  setup() {
149
149
  super.setup();
150
- let e = document.createElement("details"), n = document.createElement("summary"), r = this.querySelector(":scope > nui-sidebar-group-header");
151
- for (r && n.appendChild(r); this.firstChild;) e.appendChild(this.firstChild);
152
- e.insertBefore(n, e.firstChild), this.appendChild(e), this.#t = e, this.addEffect(() => {
150
+ let e = document.createElement("details"), t = document.createElement("summary"), n = this.querySelector(":scope > n-sidebar-group-header");
151
+ for (n && t.appendChild(n); this.firstChild;) e.appendChild(this.firstChild);
152
+ e.insertBefore(t, e.firstChild), this.appendChild(e), this.#t = e, this.addEffect(() => {
153
153
  let e = this.#e.value;
154
154
  this.#t && (this.#t.open = e);
155
155
  }), e.addEventListener("toggle", this.#c), this.#r = new MutationObserver(() => this.#s()), this.#r.observe(e, {
@@ -157,15 +157,15 @@ var f = class extends r {
157
157
  attributes: !0,
158
158
  attributeFilter: ["aria-current"]
159
159
  }), this.#s();
160
- let i = document.createElement("ui-listbox");
161
- i.setAttribute("popover", "manual"), i.className = "nav-group-flyout", this.appendChild(i), this.#i = i, this.#a = new t(this), this.#a.wirePopover(this, i), i.addEventListener("ui-select", this.#u), i.addEventListener("ui-change", this.#d), this.addEventListener("ui-dismiss", this.#l);
160
+ let r = document.createElement("n-listbox");
161
+ r.setAttribute("popover", "manual"), r.className = "nav-group-flyout", this.appendChild(r), this.#i = r, this.#a = new i(this), this.#a.wirePopover(this, r), r.addEventListener("native:select", this.#u), r.addEventListener("native:change", this.#d), this.addEventListener("native:dismiss", this.#l);
162
162
  }
163
163
  teardown() {
164
164
  this.closeFlyout(), this.#a?.destroy(), this.#a = null, this.#i?.remove(), this.#i = null, this.#r?.disconnect(), this.#r = null, this.#t?.removeEventListener("toggle", this.#c), this.#t = null, super.teardown();
165
165
  }
166
166
  #s() {
167
167
  if (!this.#t) return;
168
- let e = this.#t.querySelectorAll(":scope > nui-sidebar-nav-item"), t = -1;
168
+ let e = this.#t.querySelectorAll(":scope > n-sidebar-nav-item"), t = -1;
169
169
  for (let n = 0; n < e.length; n++) if (e[n].hasAttribute("aria-current")) {
170
170
  t = n;
171
171
  break;
@@ -174,24 +174,24 @@ var f = class extends r {
174
174
  this.#n.states.delete("has-selection");
175
175
  return;
176
176
  }
177
- this.style.setProperty("--_indicator-index", `${t}`), this.#n.states.add("has-selection");
177
+ this.style.setProperty("--n-indicator-index", `${t}`), this.#n.states.add("has-selection");
178
178
  }
179
179
  #c = () => {
180
180
  if (!this.#t) return;
181
181
  let e = this.#t.open;
182
182
  this.#e.value = e, this.toggleAttribute("open", e);
183
183
  };
184
- /** Stamp ui-option elements from child nav-items, open the flyout popover. */
184
+ /** Stamp n-option elements from child nav-items, open the flyout popover. */
185
185
  openFlyout() {
186
186
  if (!this.#t || !this.#i) return;
187
187
  this.#i.innerHTML = "";
188
- let e = this.#t.querySelectorAll(":scope > nui-sidebar-nav-item"), t = !0;
188
+ let e = this.#t.querySelectorAll(":scope > n-sidebar-nav-item"), t = !0;
189
189
  for (let n of e) {
190
- let e = n.getAttribute("value") ?? "", r = n.getAttribute("label") || n.textContent?.trim() || "", i = n.hasAttribute("aria-disabled"), a = document.createElement("ui-option");
190
+ let e = n.getAttribute("value") ?? "", r = n.getAttribute("label") || n.textContent?.trim() || "", i = n.hasAttribute("aria-disabled"), a = document.createElement("n-option");
191
191
  a.setAttribute("value", e), a.textContent = r, n.hasAttribute("aria-current") && a.setAttribute("selected", ""), i && a.setAttribute("disabled", ""), i || (a.setAttribute("tabindex", t ? "0" : "-1"), t = !1), this.#i.appendChild(a);
192
192
  }
193
193
  this.#o = !0, this.#a?.syncPopover(!0), queueMicrotask(() => {
194
- (this.#i?.querySelector("ui-option:not([disabled])"))?.focus();
194
+ (this.#i?.querySelector("n-option:not([disabled])"))?.focus();
195
195
  });
196
196
  }
197
197
  /** Clear the flyout and close the popover. Returns focus to the summary. */
@@ -215,9 +215,9 @@ var f = class extends r {
215
215
  }
216
216
  setup() {
217
217
  super.setup(), this.id ||= d("ngh");
218
- let e = this.closest("nui-sidebar-group");
218
+ let e = this.closest("n-sidebar-group");
219
219
  e && e.setAttribute("aria-labelledby", this.id);
220
- let t = this.querySelector(":scope > ui-icon");
220
+ let t = this.querySelector(":scope > n-icon");
221
221
  if (t) {
222
222
  let e = document.createElement("span");
223
223
  e.className = "icon-well", this.insertBefore(e, t), e.appendChild(t);
@@ -235,15 +235,15 @@ var f = class extends r {
235
235
  setup() {
236
236
  super.setup();
237
237
  let e = this.querySelector(":scope > [slot=\"sidebar\"]");
238
- e?.querySelector(".layout-resize-handle") && (this.#e = new n(e, {
238
+ e?.querySelector(".layout-resize-handle") && (this.#e = new a(e, {
239
239
  handleSelector: ".layout-resize-handle",
240
240
  axis: "horizontal",
241
241
  min: 160,
242
242
  max: 400
243
- })), e && this.#s(e), queueMicrotask(() => this.#i()), this.addEventListener("ui-dismiss", this.#o), this.dataset.ready = "";
243
+ })), e && this.#s(e), queueMicrotask(() => this.#i()), this.addEventListener("native:dismiss", this.#o), this.dataset.ready = "";
244
244
  }
245
245
  teardown() {
246
- this.removeEventListener("ui-dismiss", this.#o), this.#a(), this.#n = null, this.#t?.disconnect(), this.#t = null, this.#e?.destroy(), this.#e = null, super.teardown();
246
+ this.removeEventListener("native:dismiss", this.#o), this.#a(), this.#n = null, this.#t?.disconnect(), this.#t = null, this.#e?.destroy(), this.#e = null, super.teardown();
247
247
  }
248
248
  /** Attach or detach summary click interception based on collapsed state. */
249
249
  #i() {
@@ -251,7 +251,7 @@ var f = class extends r {
251
251
  this.#n?.flyoutOpen && this.#n.closeFlyout(), this.#n = null;
252
252
  return;
253
253
  }
254
- let e = this.querySelectorAll("nui-sidebar-group");
254
+ let e = this.querySelectorAll("n-sidebar-group");
255
255
  for (let t of e) {
256
256
  let e = t.querySelector(":scope > details > summary");
257
257
  if (!e) continue;
@@ -272,17 +272,17 @@ var f = class extends r {
272
272
  /** When a group closes its flyout internally (dismiss, option select),
273
273
  * clear our active reference so we stay in sync. */
274
274
  #o = (e) => {
275
- let t = e.target?.closest?.("nui-sidebar-group");
275
+ let t = e.target?.closest?.("n-sidebar-group");
276
276
  t && t === this.#n && (this.#n = null);
277
277
  };
278
278
  /** Watch header/footer size changes and sync CSS custom properties + data
279
279
  * attributes so content gets correct padding offsets and fade masks. */
280
280
  #s(e) {
281
- let t = e.querySelector("nui-sidebar-header"), n = e.querySelector("nui-sidebar-footer"), r = e.querySelector("nui-sidebar-content");
281
+ let t = e.querySelector("n-sidebar-header"), n = e.querySelector("n-sidebar-footer"), r = e.querySelector("n-sidebar-content");
282
282
  if (!r) return;
283
283
  let i = () => {
284
284
  let i = t ? t.offsetHeight : 0, a = n ? n.offsetHeight : 0;
285
- e.style.setProperty("--_sidebar-header-height", `${i}px`), e.style.setProperty("--_sidebar-footer-height", `${a}px`), t ? r.dataset.hasHeader = "" : delete r.dataset.hasHeader, n ? r.dataset.hasFooter = "" : delete r.dataset.hasFooter;
285
+ e.style.setProperty("--n-sidebar-header-height", `${i}px`), e.style.setProperty("--n-sidebar-footer-height", `${a}px`), t ? r.dataset.hasHeader = "" : delete r.dataset.hasHeader, n ? r.dataset.hasFooter = "" : delete r.dataset.hasFooter;
286
286
  };
287
287
  i();
288
288
  let a = [];
@@ -296,14 +296,14 @@ var f = class extends r {
296
296
  #t = !1;
297
297
  setup() {
298
298
  super.setup();
299
- let e = this.querySelector(":scope > ui-listbox[popover]");
300
- e && (this.#e = new t(this), this.#e.wirePopover(this, e), this.addEventListener("click", this.#n), this.addEventListener("ui-dismiss", this.#r));
299
+ let e = this.querySelector(":scope > n-listbox[popover]");
300
+ e && (this.#e = new i(this), this.#e.wirePopover(this, e), this.addEventListener("click", this.#n), this.addEventListener("native:dismiss", this.#r));
301
301
  }
302
302
  teardown() {
303
- this.removeEventListener("click", this.#n), this.removeEventListener("ui-dismiss", this.#r), this.#e?.destroy(), this.#e = null, this.#t = !1, super.teardown();
303
+ this.removeEventListener("click", this.#n), this.removeEventListener("native:dismiss", this.#r), this.#e?.destroy(), this.#e = null, this.#t = !1, super.teardown();
304
304
  }
305
305
  #n = (e) => {
306
- e.target.closest("ui-listbox") || (this.#t = !this.#t, this.#e?.syncPopover(this.#t));
306
+ e.target.closest("n-listbox") || (this.#t = !this.#t, this.#e?.syncPopover(this.#t));
307
307
  };
308
308
  #r = () => {
309
309
  this.#t = !1, this.#e?.syncPopover(!1);
@@ -320,7 +320,7 @@ var f = class extends r {
320
320
  this.open = !this.open;
321
321
  }
322
322
  setup() {
323
- super.setup(), this.hasAttribute("aside") && this.querySelector(".layout-resize-handle") && (this.#e = new n(this, {
323
+ super.setup(), this.hasAttribute("aside") && this.querySelector(".layout-resize-handle") && (this.#e = new a(this, {
324
324
  handleSelector: ".layout-resize-handle",
325
325
  axis: "horizontal",
326
326
  min: 280,
@@ -332,5 +332,5 @@ var f = class extends r {
332
332
  this.#e?.destroy(), this.#e = null, super.teardown();
333
333
  }
334
334
  };
335
- s("nui-sidebar-nav-item", p), s("nui-sidebar-group-header", h), s("nui-sidebar-group", m), s("nui-sidebar-nav", f), s("nui-sidebar-item", _), s("nui-sidebar", g), s("nui-app-panel", v), s("ui-listbox", i), s("ui-option", a);
336
- export { v as NuiAppPanel, g as NuiSidebar, m as NuiSidebarGroup, h as NuiSidebarGroupHeader, _ as NuiSidebarItem, f as NuiSidebarNav, p as NuiSidebarNavItem };
335
+ s("n-sidebar-nav-item", p), s("n-sidebar-group-header", h), s("n-sidebar-group", m), s("n-sidebar-nav", f), s("n-sidebar-item", _), s("n-sidebar", g), s("n-app-panel", v), s("n-listbox", t), s("n-option", n);
336
+ export { v as NAppPanel, g as NSidebar, m as NSidebarGroup, h as NSidebarGroupHeader, _ as NSidebarItem, f as NSidebarNav, p as NSidebarNavItem };
@@ -1,11 +1,11 @@
1
- import { UIElement } from '@nonoun/native-ui';
1
+ import { NativeElement } from '@nonoun/native-ui';
2
2
  /** Full-page layout with a resizable sidebar aside and content column.
3
3
  * Coordinates nav-group flyout popovers when the sidebar is collapsed. */
4
- export declare class NuiSidebar extends UIElement {
4
+ export declare class NSidebar extends NativeElement {
5
5
  #private;
6
6
  static observedAttributes: string[];
7
7
  attributeChangedCallback(name: string, old: string | null, val: string | null): void;
8
8
  setup(): void;
9
9
  teardown(): void;
10
10
  }
11
- //# sourceMappingURL=nui-sidebar-element.d.ts.map
11
+ //# sourceMappingURL=sidebar-element.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"sidebar-element.d.ts","sourceRoot":"","sources":["../../src/sidebar/sidebar-element.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAoB,MAAM,mBAAmB,CAAC;AAGpE;2EAC2E;AAC3E,qBAAa,QAAS,SAAQ,aAAa;;IACzC,MAAM,CAAC,kBAAkB,WAAiB;IAS1C,wBAAwB,CAAC,IAAI,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,GAAG,IAAI,EAAE,GAAG,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI;IASpF,KAAK,IAAI,IAAI;IAmCb,QAAQ,IAAI,IAAI;CAoGjB"}
@@ -1,11 +1,11 @@
1
- import { UIElement } from '@nonoun/native-ui';
1
+ import { NativeElement } from '@nonoun/native-ui';
2
2
  /**
3
3
  * Collapsible group of navigation items using native details/summary.
4
4
  * Exposes `openFlyout()` / `closeFlyout()` for collapsed-sidebar mode —
5
5
  * the sidebar layout coordinator decides *when* to call them.
6
6
  * @attr {boolean} open - Whether the group is expanded
7
7
  */
8
- export declare class NuiSidebarGroup extends UIElement {
8
+ export declare class NSidebarGroup extends NativeElement {
9
9
  #private;
10
10
  static observedAttributes: string[];
11
11
  constructor();
@@ -16,9 +16,9 @@ export declare class NuiSidebarGroup extends UIElement {
16
16
  attributeChangedCallback(name: string, old: string | null, val: string | null): void;
17
17
  setup(): void;
18
18
  teardown(): void;
19
- /** Stamp ui-option elements from child nav-items, open the flyout popover. */
19
+ /** Stamp n-option elements from child nav-items, open the flyout popover. */
20
20
  openFlyout(): void;
21
21
  /** Clear the flyout and close the popover. Returns focus to the summary. */
22
22
  closeFlyout(): void;
23
23
  }
24
- //# sourceMappingURL=nui-sidebar-group-element.d.ts.map
24
+ //# sourceMappingURL=sidebar-group-element.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"sidebar-group-element.d.ts","sourceRoot":"","sources":["../../src/sidebar/sidebar-group-element.ts"],"names":[],"mappings":"AAAA,OAAO,EAAU,aAAa,EAAqB,MAAM,mBAAmB,CAAC;AAE7E;;;;;GAKG;AACH,qBAAa,aAAc,SAAQ,aAAa;;IAC9C,MAAM,CAAC,kBAAkB,WAAY;;IAkBrC,oDAAoD;IACpD,IAAI,UAAU,IAAI,OAAO,CAExB;IAED,IAAI,IAAI,IAAI,OAAO,CAElB;IAED,IAAI,IAAI,CAAC,GAAG,EAAE,OAAO,EAGpB;IAED,wBAAwB,CAAC,IAAI,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,GAAG,IAAI,EAAE,GAAG,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI;IAQpF,KAAK,IAAI,IAAI;IAmEb,QAAQ,IAAI,IAAI;IA2ChB,6EAA6E;IAC7E,UAAU,IAAI,IAAI;IAuClB,4EAA4E;IAC5E,WAAW,IAAI,IAAI;CA+BpB"}
@@ -0,0 +1,7 @@
1
+ import { NativeElement } from '@nonoun/native-ui';
2
+ /** Non-interactive heading label for a navigation group. */
3
+ export declare class NSidebarGroupHeader extends NativeElement {
4
+ constructor();
5
+ setup(): void;
6
+ }
7
+ //# sourceMappingURL=sidebar-group-header-element.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"sidebar-group-header-element.d.ts","sourceRoot":"","sources":["../../src/sidebar/sidebar-group-header-element.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAO,MAAM,mBAAmB,CAAC;AAEvD,4DAA4D;AAC5D,qBAAa,mBAAoB,SAAQ,aAAa;;IAOpD,KAAK,IAAI,IAAI;CAgBd"}
@@ -0,0 +1,10 @@
1
+ import { NativeElement } from '@nonoun/native-ui';
2
+ /** Generic sidebar row wrapper. Passive by default — provides inline padding for
3
+ * arbitrary content (buttons, links, custom elements). When a child
4
+ * `n-listbox[popover]` is present, wires PopoverController for click-to-toggle. */
5
+ export declare class NSidebarItem extends NativeElement {
6
+ #private;
7
+ setup(): void;
8
+ teardown(): void;
9
+ }
10
+ //# sourceMappingURL=sidebar-item-element.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"sidebar-item-element.d.ts","sourceRoot":"","sources":["../../src/sidebar/sidebar-item-element.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAqB,MAAM,mBAAmB,CAAC;AAErE;;oFAEoF;AACpF,qBAAa,YAAa,SAAQ,aAAa;;IAI7C,KAAK,IAAI,IAAI;IAYb,QAAQ,IAAI,IAAI;CAmBjB"}
@@ -1,11 +1,11 @@
1
- import { UIElement } from '@nonoun/native-ui';
1
+ import { NativeElement } from '@nonoun/native-ui';
2
2
  /**
3
3
  * Sidebar navigation with roving focus and selection indicator.
4
4
  * @attr {string} value - Currently selected nav item value
5
5
  * @attr {boolean} disabled - Disables all nav items
6
- * @fires ui-change - Fired when selection changes with `{ value, label }` detail
6
+ * @fires native:change - Fired when selection changes with `{ value, label }` detail
7
7
  */
8
- export declare class NuiSidebarNav extends UIElement {
8
+ export declare class NSidebarNav extends NativeElement {
9
9
  #private;
10
10
  static observedAttributes: string[];
11
11
  constructor();
@@ -17,4 +17,4 @@ export declare class NuiSidebarNav extends UIElement {
17
17
  setup(): void;
18
18
  teardown(): void;
19
19
  }
20
- //# sourceMappingURL=nui-sidebar-nav-element.d.ts.map
20
+ //# sourceMappingURL=sidebar-nav-element.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"sidebar-nav-element.d.ts","sourceRoot":"","sources":["../../src/sidebar/sidebar-nav-element.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAgE,MAAM,mBAAmB,CAAC;AAGhH;;;;;GAKG;AACH,qBAAa,WAAY,SAAQ,aAAa;;IAC5C,MAAM,CAAC,kBAAkB,WAAyB;;IAalD,IAAI,KAAK,IAAI,MAAM,GAAG,IAAI,CAA+C;IAEzE,IAAI,KAAK,CAAC,GAAG,EAAE,MAAM,GAAG,IAAI,EAO3B;IAED,IAAI,QAAQ,IAAI,OAAO,CAAiC;IACxD,IAAI,QAAQ,CAAC,GAAG,EAAE,OAAO,EAA8B;IAEvD,wBAAwB,CAAC,IAAI,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,GAAG,IAAI,EAAE,GAAG,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI;IAYpF,KAAK,IAAI,IAAI;IAoCb,QAAQ,IAAI,IAAI;CAIjB"}
@@ -1,12 +1,12 @@
1
- import { UIElement } from '@nonoun/native-ui';
1
+ import { NativeElement } from '@nonoun/native-ui';
2
2
  /**
3
3
  * Selectable navigation item within a nav component.
4
4
  * @attr {string} value - Item value emitted on selection
5
5
  * @attr {boolean} disabled - Disables this item
6
6
  * @attr {string} label - Display label (falls back to text content)
7
- * @fires ui-select - Fired on click with `{ value, label }` detail
7
+ * @fires native:select - Fired on click with `{ value, label }` detail
8
8
  */
9
- export declare class NuiSidebarNavItem extends UIElement {
9
+ export declare class NSidebarNavItem extends NativeElement {
10
10
  #private;
11
11
  static observedAttributes: string[];
12
12
  constructor();
@@ -20,4 +20,4 @@ export declare class NuiSidebarNavItem extends UIElement {
20
20
  setup(): void;
21
21
  teardown(): void;
22
22
  }
23
- //# sourceMappingURL=nui-sidebar-nav-item-element.d.ts.map
23
+ //# sourceMappingURL=sidebar-nav-item-element.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"sidebar-nav-item-element.d.ts","sourceRoot":"","sources":["../../src/sidebar/sidebar-nav-item-element.ts"],"names":[],"mappings":"AAAA,OAAO,EAAU,aAAa,EAAwC,MAAM,mBAAmB,CAAC;AAGhG;;;;;;GAMG;AACH,qBAAa,eAAgB,SAAQ,aAAa;;IAChD,MAAM,CAAC,kBAAkB,WAAkC;;IAc3D,IAAI,KAAK,IAAI,MAAM,CAElB;IAED,IAAI,KAAK,CAAC,GAAG,EAAE,MAAM,EAKpB;IAED,IAAI,QAAQ,IAAI,OAAO,CAAiC;IACxD,IAAI,QAAQ,CAAC,GAAG,EAAE,OAAO,EAA8B;IAEvD,IAAI,KAAK,IAAI,MAAM,CAElB;IAED,IAAI,KAAK,CAAC,GAAG,EAAE,MAAM,EASpB;IAED,wBAAwB,CAAC,IAAI,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,GAAG,IAAI,EAAE,GAAG,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI;IAiBpF,KAAK,IAAI,IAAI;IAQb,QAAQ,IAAI,IAAI;CAajB"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@nonoun/native-app",
3
- "version": "0.2.0",
3
+ "version": "0.2.1",
4
4
  "description": "Application layout and navigation components for @nonoun/native-ui",
5
5
  "license": "MIT",
6
6
  "type": "module",
@@ -1 +0,0 @@
1
- {"version":3,"file":"nui-app-panel-element.d.ts","sourceRoot":"","sources":["../../src/nui-app-panel/nui-app-panel-element.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAoB,MAAM,mBAAmB,CAAC;AAEhE;;;;;;;;;GASG;AACH,qBAAa,WAAY,SAAQ,SAAS;;IAGxC,IAAI,IAAI,IAAI,OAAO,CAAsC;IACzD,IAAI,IAAI,CAAC,GAAG,EAAE,OAAO,EAAwC;IAE7D,MAAM,IAAI,IAAI;IAEd,KAAK,IAAI,IAAI;IAcb,QAAQ,IAAI,IAAI;CAKjB"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"nui-sidebar-element.d.ts","sourceRoot":"","sources":["../../src/nui-sidebar/nui-sidebar-element.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAoB,MAAM,mBAAmB,CAAC;AAGhE;2EAC2E;AAC3E,qBAAa,UAAW,SAAQ,SAAS;;IACvC,MAAM,CAAC,kBAAkB,WAAiB;IAS1C,wBAAwB,CAAC,IAAI,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,GAAG,IAAI,EAAE,GAAG,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI;IASpF,KAAK,IAAI,IAAI;IAmCb,QAAQ,IAAI,IAAI;CAoGjB"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"nui-sidebar-group-element.d.ts","sourceRoot":"","sources":["../../src/nui-sidebar/nui-sidebar-group-element.ts"],"names":[],"mappings":"AAAA,OAAO,EAAU,SAAS,EAAqB,MAAM,mBAAmB,CAAC;AAEzE;;;;;GAKG;AACH,qBAAa,eAAgB,SAAQ,SAAS;;IAC5C,MAAM,CAAC,kBAAkB,WAAY;;IAkBrC,oDAAoD;IACpD,IAAI,UAAU,IAAI,OAAO,CAExB;IAED,IAAI,IAAI,IAAI,OAAO,CAElB;IAED,IAAI,IAAI,CAAC,GAAG,EAAE,OAAO,EAGpB;IAED,wBAAwB,CAAC,IAAI,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,GAAG,IAAI,EAAE,GAAG,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI;IAQpF,KAAK,IAAI,IAAI;IAmEb,QAAQ,IAAI,IAAI;IA2ChB,8EAA8E;IAC9E,UAAU,IAAI,IAAI;IAuClB,4EAA4E;IAC5E,WAAW,IAAI,IAAI;CA+BpB"}
@@ -1,7 +0,0 @@
1
- import { UIElement } from '@nonoun/native-ui';
2
- /** Non-interactive heading label for a navigation group. */
3
- export declare class NuiSidebarGroupHeader extends UIElement {
4
- constructor();
5
- setup(): void;
6
- }
7
- //# sourceMappingURL=nui-sidebar-group-header-element.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"nui-sidebar-group-header-element.d.ts","sourceRoot":"","sources":["../../src/nui-sidebar/nui-sidebar-group-header-element.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAO,MAAM,mBAAmB,CAAC;AAEnD,4DAA4D;AAC5D,qBAAa,qBAAsB,SAAQ,SAAS;;IAOlD,KAAK,IAAI,IAAI;CAgBd"}
@@ -1,10 +0,0 @@
1
- import { UIElement } from '@nonoun/native-ui';
2
- /** Generic sidebar row wrapper. Passive by default — provides inline padding for
3
- * arbitrary content (buttons, links, custom elements). When a child
4
- * `ui-listbox[popover]` is present, wires PopoverController for click-to-toggle. */
5
- export declare class NuiSidebarItem extends UIElement {
6
- #private;
7
- setup(): void;
8
- teardown(): void;
9
- }
10
- //# sourceMappingURL=nui-sidebar-item-element.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"nui-sidebar-item-element.d.ts","sourceRoot":"","sources":["../../src/nui-sidebar/nui-sidebar-item-element.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAqB,MAAM,mBAAmB,CAAC;AAEjE;;qFAEqF;AACrF,qBAAa,cAAe,SAAQ,SAAS;;IAI3C,KAAK,IAAI,IAAI;IAYb,QAAQ,IAAI,IAAI;CAmBjB"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"nui-sidebar-nav-element.d.ts","sourceRoot":"","sources":["../../src/nui-sidebar/nui-sidebar-nav-element.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAgE,MAAM,mBAAmB,CAAC;AAG5G;;;;;GAKG;AACH,qBAAa,aAAc,SAAQ,SAAS;;IAC1C,MAAM,CAAC,kBAAkB,WAAyB;;IAalD,IAAI,KAAK,IAAI,MAAM,GAAG,IAAI,CAA+C;IAEzE,IAAI,KAAK,CAAC,GAAG,EAAE,MAAM,GAAG,IAAI,EAO3B;IAED,IAAI,QAAQ,IAAI,OAAO,CAAiC;IACxD,IAAI,QAAQ,CAAC,GAAG,EAAE,OAAO,EAA8B;IAEvD,wBAAwB,CAAC,IAAI,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,GAAG,IAAI,EAAE,GAAG,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI;IAYpF,KAAK,IAAI,IAAI;IAoCb,QAAQ,IAAI,IAAI;CAIjB"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"nui-sidebar-nav-item-element.d.ts","sourceRoot":"","sources":["../../src/nui-sidebar/nui-sidebar-nav-item-element.ts"],"names":[],"mappings":"AAAA,OAAO,EAAU,SAAS,EAAwC,MAAM,mBAAmB,CAAC;AAG5F;;;;;;GAMG;AACH,qBAAa,iBAAkB,SAAQ,SAAS;;IAC9C,MAAM,CAAC,kBAAkB,WAAkC;;IAc3D,IAAI,KAAK,IAAI,MAAM,CAElB;IAED,IAAI,KAAK,CAAC,GAAG,EAAE,MAAM,EAKpB;IAED,IAAI,QAAQ,IAAI,OAAO,CAAiC;IACxD,IAAI,QAAQ,CAAC,GAAG,EAAE,OAAO,EAA8B;IAEvD,IAAI,KAAK,IAAI,MAAM,CAElB;IAED,IAAI,KAAK,CAAC,GAAG,EAAE,MAAM,EASpB;IAED,wBAAwB,CAAC,IAAI,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,GAAG,IAAI,EAAE,GAAG,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI;IAiBpF,KAAK,IAAI,IAAI;IAQb,QAAQ,IAAI,IAAI;CAajB"}