@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.
- package/dist/{nui-app-panel/nui-app-panel-element.d.ts → app-panel/app-panel-element.d.ts} +3 -3
- package/dist/app-panel/app-panel-element.d.ts.map +1 -0
- package/dist/custom-elements.json +75 -75
- package/dist/index.d.ts +8 -8
- package/dist/index.d.ts.map +1 -1
- package/dist/{nui-app.css → native-app.css} +170 -133
- package/dist/{nui-app.js → native-app.js} +32 -32
- package/dist/{nui-sidebar/nui-sidebar-element.d.ts → sidebar/sidebar-element.d.ts} +3 -3
- package/dist/sidebar/sidebar-element.d.ts.map +1 -0
- package/dist/{nui-sidebar/nui-sidebar-group-element.d.ts → sidebar/sidebar-group-element.d.ts} +4 -4
- package/dist/sidebar/sidebar-group-element.d.ts.map +1 -0
- package/dist/sidebar/sidebar-group-header-element.d.ts +7 -0
- package/dist/sidebar/sidebar-group-header-element.d.ts.map +1 -0
- package/dist/sidebar/sidebar-item-element.d.ts +10 -0
- package/dist/sidebar/sidebar-item-element.d.ts.map +1 -0
- package/dist/{nui-sidebar/nui-sidebar-nav-element.d.ts → sidebar/sidebar-nav-element.d.ts} +4 -4
- package/dist/sidebar/sidebar-nav-element.d.ts.map +1 -0
- package/dist/{nui-sidebar/nui-sidebar-nav-item-element.d.ts → sidebar/sidebar-nav-item-element.d.ts} +4 -4
- package/dist/sidebar/sidebar-nav-item-element.d.ts.map +1 -0
- package/package.json +1 -1
- package/dist/nui-app-panel/nui-app-panel-element.d.ts.map +0 -1
- package/dist/nui-sidebar/nui-sidebar-element.d.ts.map +0 -1
- package/dist/nui-sidebar/nui-sidebar-group-element.d.ts.map +0 -1
- package/dist/nui-sidebar/nui-sidebar-group-header-element.d.ts +0 -7
- package/dist/nui-sidebar/nui-sidebar-group-header-element.d.ts.map +0 -1
- package/dist/nui-sidebar/nui-sidebar-item-element.d.ts +0 -10
- package/dist/nui-sidebar/nui-sidebar-item-element.d.ts.map +0 -1
- package/dist/nui-sidebar/nui-sidebar-nav-element.d.ts.map +0 -1
- package/dist/nui-sidebar/nui-sidebar-nav-item-element.d.ts.map +0 -1
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
import { ListNavigateController as e,
|
|
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
|
|
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
|
|
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("
|
|
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("
|
|
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"),
|
|
151
|
-
for (
|
|
152
|
-
e.insertBefore(
|
|
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
|
|
161
|
-
|
|
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 >
|
|
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("--
|
|
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
|
|
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 >
|
|
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("
|
|
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("
|
|
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("
|
|
218
|
+
let e = this.closest("n-sidebar-group");
|
|
219
219
|
e && e.setAttribute("aria-labelledby", this.id);
|
|
220
|
-
let t = this.querySelector(":scope >
|
|
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
|
|
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("
|
|
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("
|
|
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("
|
|
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?.("
|
|
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("
|
|
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("--
|
|
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 >
|
|
300
|
-
e && (this.#e = new
|
|
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("
|
|
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("
|
|
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
|
|
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("
|
|
336
|
-
export { v as
|
|
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 {
|
|
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
|
|
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=
|
|
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"}
|
package/dist/{nui-sidebar/nui-sidebar-group-element.d.ts → sidebar/sidebar-group-element.d.ts}
RENAMED
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
import {
|
|
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
|
|
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
|
|
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=
|
|
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 {
|
|
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
|
|
6
|
+
* @fires native:change - Fired when selection changes with `{ value, label }` detail
|
|
7
7
|
*/
|
|
8
|
-
export declare class
|
|
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=
|
|
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"}
|
package/dist/{nui-sidebar/nui-sidebar-nav-item-element.d.ts → sidebar/sidebar-nav-item-element.d.ts}
RENAMED
|
@@ -1,12 +1,12 @@
|
|
|
1
|
-
import {
|
|
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
|
|
7
|
+
* @fires native:select - Fired on click with `{ value, label }` detail
|
|
8
8
|
*/
|
|
9
|
-
export declare class
|
|
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=
|
|
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 +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"}
|