@nonoun/native-ui 0.2.8 → 0.2.9

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 (62) hide show
  1. package/dist/components-lean.css +119 -6
  2. package/dist/components.css +119 -6
  3. package/dist/containers/ui-layout-sidebar/ui-layout-sidebar-element.d.ts.map +1 -1
  4. package/dist/core/trait-runtime.d.ts.map +1 -1
  5. package/dist/custom-elements.json +1602 -1602
  6. package/dist/dialog-controller.js +38 -350
  7. package/dist/foundation.css +1 -15
  8. package/dist/{nav/inspector → inspector}/build-inspector.d.ts +2 -2
  9. package/dist/inspector/build-inspector.d.ts.map +1 -0
  10. package/dist/{nav/inspector → inspector}/ds-color-swatch-element.d.ts +1 -1
  11. package/dist/inspector/ds-color-swatch-element.d.ts.map +1 -0
  12. package/dist/inspector/ds-color-swatch.d.ts.map +1 -0
  13. package/dist/{nav/inspector → inspector}/ds-colors-element.d.ts +1 -1
  14. package/dist/inspector/ds-colors-element.d.ts.map +1 -0
  15. package/dist/inspector/ds-colors.d.ts.map +1 -0
  16. package/dist/inspector/ds-inspector-element.d.ts +15 -0
  17. package/dist/inspector/ds-inspector-element.d.ts.map +1 -0
  18. package/dist/inspector/ds-inspector.d.ts +3 -0
  19. package/dist/inspector/ds-inspector.d.ts.map +1 -0
  20. package/dist/{nav/inspector → inspector}/ds-themes-element.d.ts +1 -1
  21. package/dist/inspector/ds-themes-element.d.ts.map +1 -0
  22. package/dist/inspector/ds-themes.d.ts.map +1 -0
  23. package/dist/{nav/inspector → inspector}/ds-variable-element.d.ts +1 -1
  24. package/dist/inspector/ds-variable-element.d.ts.map +1 -0
  25. package/dist/inspector/ds-variable.d.ts.map +1 -0
  26. package/dist/{nav/inspector → inspector}/index.d.ts +1 -0
  27. package/dist/inspector/index.d.ts.map +1 -0
  28. package/dist/inspector.css +1 -1
  29. package/dist/inspector.d.ts +10 -6
  30. package/dist/inspector.d.ts.map +1 -1
  31. package/dist/inspector.js +94 -75
  32. package/dist/kernel.js +185 -186
  33. package/dist/list-navigate-controller.js +457 -0
  34. package/dist/native-ui-lean.css +120 -21
  35. package/dist/native-ui.css +120 -21
  36. package/dist/native-ui.js +7 -7
  37. package/dist/register-all.js +4 -3
  38. package/dist/register-all2.js +20 -19
  39. package/dist/traits/adapters/draggable-adapter.d.ts.map +1 -1
  40. package/dist/traits/drag-controller.d.ts +3 -0
  41. package/dist/traits/drag-controller.d.ts.map +1 -1
  42. package/dist/traits.js +5 -6
  43. package/dist/ui-icon-element.js +391 -4153
  44. package/dist/ui-layout-inspector-element.js +3777 -0
  45. package/dist/uid.js +63 -3
  46. package/package.json +1 -1
  47. package/dist/define.js +0 -62
  48. package/dist/nav/inspector/build-inspector.d.ts.map +0 -1
  49. package/dist/nav/inspector/ds-color-swatch-element.d.ts.map +0 -1
  50. package/dist/nav/inspector/ds-color-swatch.d.ts.map +0 -1
  51. package/dist/nav/inspector/ds-colors-element.d.ts.map +0 -1
  52. package/dist/nav/inspector/ds-colors.d.ts.map +0 -1
  53. package/dist/nav/inspector/ds-themes-element.d.ts.map +0 -1
  54. package/dist/nav/inspector/ds-themes.d.ts.map +0 -1
  55. package/dist/nav/inspector/ds-variable-element.d.ts.map +0 -1
  56. package/dist/nav/inspector/ds-variable.d.ts.map +0 -1
  57. package/dist/nav/inspector/index.d.ts.map +0 -1
  58. package/dist/ui-element.js +0 -133
  59. /package/dist/{nav/inspector → inspector}/ds-color-swatch.d.ts +0 -0
  60. /package/dist/{nav/inspector → inspector}/ds-colors.d.ts +0 -0
  61. /package/dist/{nav/inspector → inspector}/ds-themes.d.ts +0 -0
  62. /package/dist/{nav/inspector → inspector}/ds-variable.d.ts +0 -0
@@ -1,6 +1,6 @@
1
- import { f as e, i as t } from "./uid.js";
2
- import { a as n, c as r, d as i, i as a, n as o, o as s, r as c, s as ee, t as l } from "./dialog-controller.js";
3
- import { s as u } from "./ui-element.js";
1
+ import { l as e, s as t } from "./uid.js";
2
+ import { n, r, t as i } from "./dialog-controller.js";
3
+ import { a, c as o, g as s, i as c, n as ee, r as l, t as u } from "./list-navigate-controller.js";
4
4
  function d(n) {
5
5
  let r = e.get(n);
6
6
  return r ? r instanceof t ? {
@@ -20,10 +20,10 @@ function d(n) {
20
20
  dependencyCount: 0
21
21
  };
22
22
  }
23
- function te(e) {
23
+ function f(e) {
24
24
  return typeof e == "object" && !!e && Symbol.toStringTag in e && e[Symbol.toStringTag] === "Signal";
25
25
  }
26
- function f(e) {
26
+ function te(e) {
27
27
  return typeof e == "object" && !!e && Symbol.toStringTag in e && e[Symbol.toStringTag] === "Computed";
28
28
  }
29
29
  /** Enables contiguous range selection via drag or click, dispatching `ui-range-change` and `ui-range-select`. */
@@ -939,20 +939,20 @@ var p = class {
939
939
  this.host = e;
940
940
  }
941
941
  toast(e) {
942
- return i().toastManager.toast(this.host, e);
942
+ return o().toastManager.toast(this.host, e);
943
943
  }
944
944
  dismissToast(e) {
945
- i().toastManager.dismiss(e);
945
+ o().toastManager.dismiss(e);
946
946
  }
947
947
  dismissAllToasts() {
948
- i().toastManager.dismissAll();
948
+ o().toastManager.dismissAll();
949
949
  }
950
950
  destroy() {}
951
951
  };
952
952
  const A = {
953
953
  name: "pressable",
954
954
  create(e, t) {
955
- return new s(e, { disabled: t.disabled === "true" });
955
+ return new a(e, { disabled: t.disabled === "true" });
956
956
  },
957
957
  destroy(e) {
958
958
  e.destroy();
@@ -1084,7 +1084,7 @@ const A = {
1084
1084
  }, z = {
1085
1085
  name: "roving-focusable",
1086
1086
  create(e, t) {
1087
- return new n(e, {
1087
+ return new c(e, {
1088
1088
  selector: t.selector ?? void 0,
1089
1089
  orientation: t.orientation ?? void 0,
1090
1090
  wrap: t.wrap !== "false",
@@ -1100,7 +1100,7 @@ const A = {
1100
1100
  }, B = {
1101
1101
  name: "dismissable",
1102
1102
  create(e) {
1103
- return new a(e);
1103
+ return new l(e);
1104
1104
  },
1105
1105
  destroy(e) {
1106
1106
  e.destroy();
@@ -1116,7 +1116,7 @@ const A = {
1116
1116
  }, H = {
1117
1117
  name: "popoverable",
1118
1118
  create(e) {
1119
- return new c(e);
1119
+ return new ee(e);
1120
1120
  },
1121
1121
  destroy(e) {
1122
1122
  e.destroy();
@@ -1124,7 +1124,7 @@ const A = {
1124
1124
  }, U = {
1125
1125
  name: "list-navigable",
1126
1126
  create(e, t) {
1127
- return new o(e, {
1127
+ return new u(e, {
1128
1128
  itemSelector: t["item-selector"] ?? void 0,
1129
1129
  ariaAttr: t["aria-attr"] ?? void 0,
1130
1130
  autoSync: t["auto-sync"] !== "false",
@@ -1139,7 +1139,7 @@ const A = {
1139
1139
  }, W = {
1140
1140
  name: "dialogable",
1141
1141
  create(e) {
1142
- return new l(e);
1142
+ return new i(e);
1143
1143
  },
1144
1144
  destroy(e) {
1145
1145
  e.destroy();
@@ -1152,14 +1152,15 @@ const A = {
1152
1152
  dropZoneSelector: t["drop-zone-selector"] ?? "",
1153
1153
  axis: t.axis ?? "both",
1154
1154
  mode: t.mode ?? "drop",
1155
- disabled: t.disabled === "true"
1155
+ disabled: t.disabled === "true",
1156
+ animate: t.animate !== "false"
1156
1157
  });
1157
1158
  },
1158
1159
  destroy(e) {
1159
1160
  e.destroy();
1160
1161
  },
1161
1162
  update(e, t) {
1162
- "selector" in t && (e.selector = t.selector), "drop-zone-selector" in t && (e.dropZoneSelector = t["drop-zone-selector"]), "axis" in t && (e.axis = t.axis), "mode" in t && (e.mode = t.mode), "disabled" in t && (e.disabled = t.disabled === "true");
1163
+ "selector" in t && (e.selector = t.selector), "drop-zone-selector" in t && (e.dropZoneSelector = t["drop-zone-selector"]), "axis" in t && (e.axis = t.axis), "mode" in t && (e.mode = t.mode), "disabled" in t && (e.disabled = t.disabled === "true"), "animate" in t && (e.animate = t.animate !== "false");
1163
1164
  }
1164
1165
  }, K = {
1165
1166
  name: "range-selectable",
@@ -1179,7 +1180,7 @@ const A = {
1179
1180
  }, q = {
1180
1181
  name: "resizable",
1181
1182
  create(e, t) {
1182
- return new ee(e, {
1183
+ return new n(e, {
1183
1184
  handleSelector: t["handle-selector"] ?? "",
1184
1185
  axis: t.axis ?? "horizontal",
1185
1186
  min: t.min ? Number(t.min) : void 0,
@@ -1311,6 +1312,6 @@ const A = {
1311
1312
  * Call once at app startup to enable `traits="..."` attribute on UIElement subclasses.
1312
1313
  */
1313
1314
  function ne() {
1314
- u(A), u(j), u(M), u(N), u(P), u(F), u(I), u(L), u(R), u(z), u(B), u(V), u(H), u(U), u(W), u(G), u(K), u(q), u(J), u(Y), u(X), u(Z), u(Q), u($);
1315
+ s(A), s(j), s(M), s(N), s(P), s(F), s(I), s(L), s(R), s(z), s(B), s(V), s(H), s(U), s(W), s(G), s(K), s(q), s(J), s(Y), s(X), s(Z), s(Q), s($);
1315
1316
  }
1316
- export { w as A, m as B, M as C, O as D, k as E, y as F, d as H, v as I, _ as L, S as M, x as N, D as O, b as P, g as R, N as S, A as T, f as U, p as V, te as W, R as _, X as a, F as b, q as c, W as d, U as f, z as g, B as h, Z as i, C as j, T as k, K as l, V as m, $ as n, Y as o, H as p, Q as r, J as s, ne as t, G as u, L as v, j as w, P as x, I as y, h as z };
1317
+ export { w as A, m as B, M as C, O as D, k as E, y as F, d as H, v as I, _ as L, S as M, x as N, D as O, b as P, g as R, N as S, A as T, te as U, p as V, f as W, R as _, X as a, F as b, q as c, W as d, U as f, z as g, B as h, Z as i, C as j, T as k, K as l, V as m, $ as n, Y as o, H as p, Q as r, J as s, ne as t, G as u, L as v, j as w, P as x, I as y, h as z };
@@ -1 +1 @@
1
- {"version":3,"file":"draggable-adapter.d.ts","sourceRoot":"","sources":["../../../src/traits/adapters/draggable-adapter.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,8BAA8B,CAAC;AACjE,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAEvD,eAAO,MAAM,gBAAgB,EAAE,YAAY,CAAC,cAAc,CAmBzD,CAAC"}
1
+ {"version":3,"file":"draggable-adapter.d.ts","sourceRoot":"","sources":["../../../src/traits/adapters/draggable-adapter.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,8BAA8B,CAAC;AACjE,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAEvD,eAAO,MAAM,gBAAgB,EAAE,YAAY,CAAC,cAAc,CAqBzD,CAAC"}
@@ -4,6 +4,8 @@ export interface DragOptions {
4
4
  axis?: 'vertical' | 'horizontal' | 'both';
5
5
  mode?: 'drop' | 'slot' | 'preview';
6
6
  disabled?: boolean;
7
+ /** Enable view-transition animation for preview mode grid reordering (default: true). */
8
+ animate?: boolean;
7
9
  }
8
10
  /** Enables pointer-driven drag-and-drop with drop, slot, or preview reordering. */
9
11
  export declare class DragController {
@@ -14,6 +16,7 @@ export declare class DragController {
14
16
  axis: 'vertical' | 'horizontal' | 'both';
15
17
  mode: 'drop' | 'slot' | 'preview';
16
18
  disabled: boolean;
19
+ animate: boolean;
17
20
  constructor(host: HTMLElement, options: DragOptions);
18
21
  attach(): void;
19
22
  detach(): void;
@@ -1 +1 @@
1
- {"version":3,"file":"drag-controller.d.ts","sourceRoot":"","sources":["../../src/traits/drag-controller.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,WAAW;IAC1B,QAAQ,EAAE,MAAM,CAAC;IACjB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,IAAI,CAAC,EAAE,UAAU,GAAG,YAAY,GAAG,MAAM,CAAC;IAC1C,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,CAAC;IACnC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,mFAAmF;AACnF,qBAAa,cAAc;;IACzB,QAAQ,CAAC,IAAI,EAAE,WAAW,CAAC;IAC3B,QAAQ,EAAE,MAAM,CAAC;IACjB,gBAAgB,EAAE,MAAM,CAAC;IACzB,IAAI,EAAE,UAAU,GAAG,YAAY,GAAG,MAAM,CAAC;IACzC,IAAI,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,CAAC;IAClC,QAAQ,EAAE,OAAO,CAAC;gBAkBN,IAAI,EAAE,WAAW,EAAE,OAAO,EAAE,WAAW;IAUnD,MAAM,IAAI,IAAI;IAQd,MAAM,IAAI,IAAI;IASd,OAAO,IAAI,IAAI;CAkgBhB"}
1
+ {"version":3,"file":"drag-controller.d.ts","sourceRoot":"","sources":["../../src/traits/drag-controller.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,WAAW;IAC1B,QAAQ,EAAE,MAAM,CAAC;IACjB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,IAAI,CAAC,EAAE,UAAU,GAAG,YAAY,GAAG,MAAM,CAAC;IAC1C,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,CAAC;IACnC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,yFAAyF;IACzF,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,mFAAmF;AACnF,qBAAa,cAAc;;IACzB,QAAQ,CAAC,IAAI,EAAE,WAAW,CAAC;IAC3B,QAAQ,EAAE,MAAM,CAAC;IACjB,gBAAgB,EAAE,MAAM,CAAC;IACzB,IAAI,EAAE,UAAU,GAAG,YAAY,GAAG,MAAM,CAAC;IACzC,IAAI,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,CAAC;IAClC,QAAQ,EAAE,OAAO,CAAC;IAClB,OAAO,EAAE,OAAO,CAAC;gBAkBL,IAAI,EAAE,WAAW,EAAE,OAAO,EAAE,WAAW;IAWnD,MAAM,IAAI,IAAI;IAQd,MAAM,IAAI,IAAI;IASd,OAAO,IAAI,IAAI;CAkiBhB"}
package/dist/traits.js CHANGED
@@ -1,6 +1,5 @@
1
- import { n as e, t } from "./uid.js";
2
- import { i as n, n as r, r as i, t as a } from "./define.js";
3
- import { a as o, c as s, d as c, i as l, l as u, n as d, o as f, p, r as m, s as h, t as g, u as _ } from "./dialog-controller.js";
4
- import { A as v, B as y, C as b, D as x, E as S, F as C, H as w, I as T, L as E, M as D, N as O, O as k, P as A, R as j, S as M, T as N, U as P, V as F, W as I, _ as L, a as R, b as z, c as B, d as V, f as H, g as U, h as W, i as G, j as K, k as q, l as J, m as Y, n as X, o as Z, p as Q, r as $, s as ee, t as te, u as ne, v as re, w as ie, x as ae, y as oe, z as se } from "./register-all2.js";
5
- import { a as ce, i as le, n as ue, r as de, s as fe, t as pe } from "./ui-element.js";
6
- export { C as ClipboardController, x as CollapsibleController, O as CopyController, g as DialogController, l as DismissController, u as DismissStack, s as DragController, K as DropZoneController, T as EditController, k as FocusTrapController, A as HoverController, D as IntersectController, d as ListNavigateController, m as PopoverController, f as PressController, F as RangeSelectController, h as ResizeController, o as RovingFocusController, j as SearchController, se as SelectionController, v as SortController, E as SwipeController, S as ToastController, _ as ToastManager, pe as UIElement, q as ValidateController, y as VirtualScrollController, r as batch, G as clippableAdapter, L as collapsibleAdapter, ue as collectTraitOptions, i as computed, b as copyableAdapter, w as debugReactive, a as define, V as dialogableAdapter, W as dismissableAdapter, ne as draggableAdapter, ae as droppableAdapter, X as editableAdapter, e as effect, re as focusTrappableAdapter, le as getRegisteredTraitNames, ce as getTrait, c as getTraitRuntime, ie as hoverableAdapter, M as intersectableAdapter, P as isComputed, I as isSignal, H as listNavigableAdapter, de as parseTraitAttribute, Q as popoverableAdapter, N as pressableAdapter, J as rangeSelectableAdapter, te as registerAllTraits, fe as registerTrait, B as resizableAdapter, U as rovingFocusableAdapter, R as searchableAdapter, Z as selectableAdapter, n as signal, z as sortableAdapter, $ as swipeableAdapter, Y as toastableAdapter, t as uid, p as untrack, oe as validatableAdapter, ee as virtualizableAdapter };
1
+ import { a as e, i as t, n, o as r, r as i, t as a } from "./uid.js";
2
+ import { i as o, n as s, r as c, t as l } from "./dialog-controller.js";
3
+ import { A as u, B as d, C as f, D as p, E as m, F as h, H as g, I as _, L as v, M as y, N as b, O as x, P as S, R as C, S as w, T, U as E, V as D, W as O, _ as k, a as A, b as j, c as M, d as N, f as P, g as F, h as I, i as L, j as R, k as z, l as B, m as V, n as H, o as U, p as W, r as G, s as K, t as q, u as J, v as Y, w as X, x as Z, y as Q, z as $ } from "./register-all2.js";
4
+ import { a as ee, c as te, d as ne, f as re, g as ie, i as ae, m as oe, n as se, o as ce, p as le, r as ue, s as de, t as fe, u as pe } from "./list-navigate-controller.js";
5
+ export { h as ClipboardController, p as CollapsibleController, b as CopyController, l as DialogController, ue as DismissController, ce as DismissStack, c as DragController, R as DropZoneController, _ as EditController, x as FocusTrapController, S as HoverController, y as IntersectController, fe as ListNavigateController, se as PopoverController, ee as PressController, D as RangeSelectController, s as ResizeController, ae as RovingFocusController, C as SearchController, $ as SelectionController, u as SortController, v as SwipeController, m as ToastController, de as ToastManager, pe as UIElement, z as ValidateController, d as VirtualScrollController, i as batch, L as clippableAdapter, k as collapsibleAdapter, ne as collectTraitOptions, e as computed, f as copyableAdapter, g as debugReactive, n as define, N as dialogableAdapter, I as dismissableAdapter, J as draggableAdapter, Z as droppableAdapter, H as editableAdapter, t as effect, Y as focusTrappableAdapter, le as getRegisteredTraitNames, oe as getTrait, te as getTraitRuntime, X as hoverableAdapter, w as intersectableAdapter, E as isComputed, O as isSignal, P as listNavigableAdapter, re as parseTraitAttribute, W as popoverableAdapter, T as pressableAdapter, B as rangeSelectableAdapter, q as registerAllTraits, ie as registerTrait, M as resizableAdapter, F as rovingFocusableAdapter, A as searchableAdapter, U as selectableAdapter, r as signal, j as sortableAdapter, G as swipeableAdapter, V as toastableAdapter, a as uid, o as untrack, Q as validatableAdapter, K as virtualizableAdapter };