@nonoun/native-ui 0.2.8 → 0.2.10

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 (67) hide show
  1. package/dist/components-lean.css +119 -6
  2. package/dist/components.css +119 -6
  3. package/dist/{ui-icon-element.js → components.js} +1387 -465
  4. package/dist/containers/ui-layout-sidebar/ui-layout-sidebar-element.d.ts.map +1 -1
  5. package/dist/core/trait-runtime.d.ts.map +1 -1
  6. package/dist/{register-all2.js → core.js} +79 -35
  7. package/dist/custom-elements.json +2747 -2747
  8. package/dist/foundation.css +1 -15
  9. package/dist/inspector/build-inspector.d.ts +8 -0
  10. package/dist/inspector/build-inspector.d.ts.map +1 -0
  11. package/dist/inspector/index.d.ts +10 -0
  12. package/dist/inspector/index.d.ts.map +1 -0
  13. package/dist/{nav/inspector/ds-color-swatch-element.d.ts → inspector/native-tokens-color-swatch-element.d.ts} +3 -3
  14. package/dist/inspector/native-tokens-color-swatch-element.d.ts.map +1 -0
  15. package/dist/inspector/native-tokens-color-swatch.d.ts +3 -0
  16. package/dist/inspector/native-tokens-color-swatch.d.ts.map +1 -0
  17. package/dist/{nav/inspector/ds-colors-element.d.ts → inspector/native-tokens-colors-element.d.ts} +4 -4
  18. package/dist/inspector/native-tokens-colors-element.d.ts.map +1 -0
  19. package/dist/inspector/native-tokens-colors.d.ts +4 -0
  20. package/dist/inspector/native-tokens-colors.d.ts.map +1 -0
  21. package/dist/inspector/native-tokens-inspector-element.d.ts +15 -0
  22. package/dist/inspector/native-tokens-inspector-element.d.ts.map +1 -0
  23. package/dist/inspector/native-tokens-inspector.d.ts +3 -0
  24. package/dist/inspector/native-tokens-inspector.d.ts.map +1 -0
  25. package/dist/{nav/inspector/ds-themes-element.d.ts → inspector/native-tokens-themes-element.d.ts} +4 -4
  26. package/dist/inspector/native-tokens-themes-element.d.ts.map +1 -0
  27. package/dist/inspector/native-tokens-themes.d.ts +4 -0
  28. package/dist/inspector/native-tokens-themes.d.ts.map +1 -0
  29. package/dist/{nav/inspector/ds-variable-element.d.ts → inspector/native-tokens-variable-element.d.ts} +4 -4
  30. package/dist/inspector/native-tokens-variable-element.d.ts.map +1 -0
  31. package/dist/inspector/native-tokens-variable.d.ts +4 -0
  32. package/dist/inspector/native-tokens-variable.d.ts.map +1 -0
  33. package/dist/inspector.css +31 -31
  34. package/dist/inspector.d.ts +11 -6
  35. package/dist/inspector.d.ts.map +1 -1
  36. package/dist/inspector.js +123 -105
  37. package/dist/kernel.js +77 -77
  38. package/dist/native-ui-lean.css +120 -21
  39. package/dist/native-ui.css +120 -21
  40. package/dist/native-ui.js +4 -49
  41. package/dist/register-all.js +4 -3
  42. package/dist/traits/adapters/draggable-adapter.d.ts.map +1 -1
  43. package/dist/traits/drag-controller.d.ts +3 -0
  44. package/dist/traits/drag-controller.d.ts.map +1 -1
  45. package/dist/traits.js +3 -6
  46. package/dist/ui-icon.js +56 -0
  47. package/package.json +1 -1
  48. package/dist/define.js +0 -62
  49. package/dist/dialog-controller.js +0 -703
  50. package/dist/nav/inspector/build-inspector.d.ts +0 -8
  51. package/dist/nav/inspector/build-inspector.d.ts.map +0 -1
  52. package/dist/nav/inspector/ds-color-swatch-element.d.ts.map +0 -1
  53. package/dist/nav/inspector/ds-color-swatch.d.ts +0 -3
  54. package/dist/nav/inspector/ds-color-swatch.d.ts.map +0 -1
  55. package/dist/nav/inspector/ds-colors-element.d.ts.map +0 -1
  56. package/dist/nav/inspector/ds-colors.d.ts +0 -4
  57. package/dist/nav/inspector/ds-colors.d.ts.map +0 -1
  58. package/dist/nav/inspector/ds-themes-element.d.ts.map +0 -1
  59. package/dist/nav/inspector/ds-themes.d.ts +0 -4
  60. package/dist/nav/inspector/ds-themes.d.ts.map +0 -1
  61. package/dist/nav/inspector/ds-variable-element.d.ts.map +0 -1
  62. package/dist/nav/inspector/ds-variable.d.ts +0 -4
  63. package/dist/nav/inspector/ds-variable.d.ts.map +0 -1
  64. package/dist/nav/inspector/index.d.ts +0 -9
  65. package/dist/nav/inspector/index.d.ts.map +0 -1
  66. package/dist/ui-element.js +0 -133
  67. package/dist/uid.js +0 -87
@@ -1,8 +0,0 @@
1
- import './ds-variable.ts';
2
- import './ds-colors.ts';
3
- import './ds-color-swatch.ts';
4
- import './ds-themes.ts';
5
- import '../../components/ui-range/ui-range.ts';
6
- import '../../components/ui-combobox/ui-combobox.ts';
7
- export declare function buildInspector(container: HTMLElement): void;
8
- //# sourceMappingURL=build-inspector.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"build-inspector.d.ts","sourceRoot":"","sources":["../../../src/nav/inspector/build-inspector.ts"],"names":[],"mappings":"AACA,OAAO,kBAAkB,CAAC;AAC1B,OAAO,gBAAgB,CAAC;AACxB,OAAO,sBAAsB,CAAC;AAC9B,OAAO,gBAAgB,CAAC;AAGxB,OAAO,uCAAuC,CAAC;AAC/C,OAAO,6CAA6C,CAAC;AA4ErD,wBAAgB,cAAc,CAAC,SAAS,EAAE,WAAW,GAAG,IAAI,CAiI3D"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"ds-color-swatch-element.d.ts","sourceRoot":"","sources":["../../../src/nav/inspector/ds-color-swatch-element.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,0BAA0B,CAAC;AAoJrD,qBAAa,aAAc,SAAQ,SAAS;;IAC1C,MAAM,CAAC,kBAAkB,WAAqB;IAM9C,IAAI,KAAK,IAAI,MAAM,CAA6C;IAChE,IAAI,KAAK,CAAC,GAAG,EAAE,MAAM,EAAsC;IAE3D,IAAI,IAAI,IAAI,MAAM,CAA4C;IAC9D,IAAI,IAAI,CAAC,GAAG,EAAE,MAAM,EAAqC;IAEzD,wBAAwB,CAAC,IAAI,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,GAAG,IAAI,EAAE,GAAG,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI;IAapF,KAAK,IAAI,IAAI;IAqCb,QAAQ,IAAI,IAAI;IAUhB,gEAAgE;IAChE,OAAO,IAAI,IAAI;CAsEhB"}
@@ -1,3 +0,0 @@
1
- import { DSColorSwatch } from './ds-color-swatch-element.ts';
2
- export { DSColorSwatch };
3
- //# sourceMappingURL=ds-color-swatch.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"ds-color-swatch.d.ts","sourceRoot":"","sources":["../../../src/nav/inspector/ds-color-swatch.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,MAAM,8BAA8B,CAAC;AAI7D,OAAO,EAAE,aAAa,EAAE,CAAC"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"ds-colors-element.d.ts","sourceRoot":"","sources":["../../../src/nav/inspector/ds-colors-element.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,0BAA0B,CAAC;AAGrD,MAAM,WAAW,YAAY;IAC3B,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;CACf;AAED,qBAAa,QAAS,SAAQ,SAAS;;IACrC,MAAM,CAAC,kBAAkB,WAAY;IAIrC,wBAAwB,CAAC,IAAI,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,GAAG,IAAI,EAAE,GAAG,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI;IAQpF,KAAK,IAAI,IAAI;IAab,QAAQ,IAAI,IAAI;IAWhB,OAAO,IAAI,IAAI;CAuBhB"}
@@ -1,4 +0,0 @@
1
- import { DSColors } from './ds-colors-element.ts';
2
- export { DSColors };
3
- export type { DSColorEntry } from './ds-colors-element.ts';
4
- //# sourceMappingURL=ds-colors.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"ds-colors.d.ts","sourceRoot":"","sources":["../../../src/nav/inspector/ds-colors.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAC;AAIlD,OAAO,EAAE,QAAQ,EAAE,CAAC;AACpB,YAAY,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAC"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"ds-themes-element.d.ts","sourceRoot":"","sources":["../../../src/nav/inspector/ds-themes-element.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,0BAA0B,CAAC;AAErD,MAAM,WAAW,YAAY;IAC3B,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;CACf;AAeD,qBAAa,QAAS,SAAQ,SAAS;;IACrC,MAAM,CAAC,kBAAkB,WAAY;IAIrC,wBAAwB,CAAC,IAAI,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,GAAG,IAAI,EAAE,GAAG,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI;IAQpF,KAAK,IAAI,IAAI;IASb,QAAQ,IAAI,IAAI;CA+CjB"}
@@ -1,4 +0,0 @@
1
- import { DSThemes } from './ds-themes-element.ts';
2
- export { DSThemes };
3
- export type { DSThemeEntry } from './ds-themes-element.ts';
4
- //# sourceMappingURL=ds-themes.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"ds-themes.d.ts","sourceRoot":"","sources":["../../../src/nav/inspector/ds-themes.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAC;AAIlD,OAAO,EAAE,QAAQ,EAAE,CAAC;AACpB,YAAY,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAC"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"ds-variable-element.d.ts","sourceRoot":"","sources":["../../../src/nav/inspector/ds-variable-element.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,0BAA0B,CAAC;AAErD,MAAM,WAAW,cAAc;IAC7B,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,QAAQ,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,MAAM,CAAC;CACd;AAED,qBAAa,UAAW,SAAQ,SAAS;;IACvC,MAAM,CAAC,kBAAkB,WAAY;IAMrC,wBAAwB,CAAC,IAAI,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,GAAG,IAAI,EAAE,GAAG,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI;IAQpF,KAAK,IAAI,IAAI;IAWb,QAAQ,IAAI,IAAI;IAYhB,IAAI,IAAI,IAAI;CA8Db"}
@@ -1,4 +0,0 @@
1
- import { DSVariable } from './ds-variable-element.ts';
2
- export { DSVariable };
3
- export type { DSVariableData } from './ds-variable-element.ts';
4
- //# sourceMappingURL=ds-variable.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"ds-variable.d.ts","sourceRoot":"","sources":["../../../src/nav/inspector/ds-variable.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AAItD,OAAO,EAAE,UAAU,EAAE,CAAC;AACtB,YAAY,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAC"}
@@ -1,9 +0,0 @@
1
- export { DSColorSwatch } from './ds-color-swatch-element.ts';
2
- export { DSColors } from './ds-colors-element.ts';
3
- export type { DSColorEntry } from './ds-colors-element.ts';
4
- export { DSVariable } from './ds-variable-element.ts';
5
- export type { DSVariableData } from './ds-variable-element.ts';
6
- export { DSThemes } from './ds-themes-element.ts';
7
- export type { DSThemeEntry } from './ds-themes-element.ts';
8
- export { buildInspector } from './build-inspector.ts';
9
- //# sourceMappingURL=index.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/nav/inspector/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,8BAA8B,CAAC;AAC7D,OAAO,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAC;AAClD,YAAY,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAC;AAC3D,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AACtD,YAAY,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAC;AAC/D,OAAO,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAC;AAClD,YAAY,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAC;AAC3D,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC"}
@@ -1,133 +0,0 @@
1
- import { n as e } from "./uid.js";
2
- var t = /* @__PURE__ */ new Map(), n = /* @__PURE__ */ new Set();
3
- function r(e) {
4
- if (t.has(e.name)) {
5
- console.warn(`[native-ui] Trait "${e.name}" is already registered.`);
6
- return;
7
- }
8
- t.set(e.name, e);
9
- for (let t of n) t(e.name);
10
- }
11
- /** Subscribe to trait registration events. Returns unsubscribe function. */
12
- function i(e) {
13
- return n.add(e), () => n.delete(e);
14
- }
15
- function a(e) {
16
- return t.get(e);
17
- }
18
- function o() {
19
- return new Set(t.keys());
20
- }
21
- /**
22
- * Parse a namespaced trait attribute like "draggable-axis" into
23
- * { trait: "draggable", key: "axis" }. Returns null if the attribute
24
- * doesn't match any registered trait name prefix.
25
- */
26
- function s(e) {
27
- let t = o();
28
- for (let n of t) if (e.startsWith(n + "-")) return {
29
- trait: n,
30
- key: e.slice(n.length + 1)
31
- };
32
- return null;
33
- }
34
- /**
35
- * Collect all `{traitName}-*` attributes from an element for a given trait.
36
- * Returns a plain object mapping option keys to string values.
37
- *
38
- * Example: element has `draggable-axis="x"` and `draggable-mode="slot"`
39
- * → collectTraitOptions(el, 'draggable') returns { axis: 'x', mode: 'slot' }
40
- */
41
- function c(e, t) {
42
- let n = t + "-", r = {};
43
- for (let t of e.attributes) t.name.startsWith(n) && (r[t.name.slice(n.length)] = t.value);
44
- return r;
45
- }
46
- /** Base custom element class with reactive effect lifecycle, child deferral, and trait protocol. */
47
- var l = class extends HTMLElement {
48
- #e = [];
49
- #t = /* @__PURE__ */ new Map();
50
- #n = null;
51
- #r = /* @__PURE__ */ new Set();
52
- #i = null;
53
- #a = !1;
54
- #o = null;
55
- /** Resolves after setup() and any deferChildren microtask have completed. */
56
- ready = new Promise((e) => {
57
- this.#o = e;
58
- });
59
- addEffect(t) {
60
- this.#e.push(e(t));
61
- }
62
- connectedCallback() {
63
- if (this.#a) return;
64
- this.#a = !0, this.setup();
65
- let e = this.getAttribute("traits");
66
- e !== null && this.#s(e), queueMicrotask(() => this.#o?.());
67
- }
68
- disconnectedCallback() {
69
- this.#a = !1, this.#l(), this.#n?.disconnect(), this.#n = null, this.#i?.(), this.#i = null, this.#r.clear(), this.teardown();
70
- for (let e of this.#e) e();
71
- this.#e = [];
72
- }
73
- setup() {}
74
- teardown() {}
75
- deferChildren(e) {
76
- this.firstChild ? e() : queueMicrotask(() => {
77
- this.isConnected && e();
78
- });
79
- }
80
- attributeChangedCallback(e, t, n) {}
81
- /**
82
- * Get a trait controller instance by name.
83
- * Returns null if no controller with that name is active.
84
- */
85
- getTraitController(e) {
86
- return this.#t.get(e) ?? null;
87
- }
88
- #s(e) {
89
- this.#c(e), this.#n = new MutationObserver((e) => {
90
- for (let t of e) if (t.attributeName === "traits") this.#c(this.getAttribute("traits") ?? "");
91
- else if (t.attributeName) {
92
- let e = s(t.attributeName);
93
- if (e) {
94
- let t = a(e.trait), n = this.#t.get(e.trait);
95
- t && n && t.update && t.update(n, c(this, e.trait));
96
- }
97
- }
98
- }), this.#n.observe(this, { attributes: !0 });
99
- }
100
- #c(e) {
101
- let t = new Set(e.split(/\s+/).filter(Boolean));
102
- for (let [e, n] of this.#t) if (!t.has(e)) {
103
- let t = a(e);
104
- t && t.destroy(n), this.#t.delete(e);
105
- }
106
- this.#r.clear();
107
- for (let e of t) {
108
- if (this.#t.has(e)) continue;
109
- let t = a(e);
110
- if (!t) {
111
- this.#r.add(e);
112
- continue;
113
- }
114
- for (let [n] of this.#t) if (a(n)?.conflicts?.includes(e) || t.conflicts?.includes(n)) {
115
- let t = `[native-ui] Trait conflict: "${e}" and "${n}" are incompatible.`;
116
- console.warn(t);
117
- }
118
- let n = c(this, e), r = t.create(this, n);
119
- this.#t.set(e, r);
120
- }
121
- this.#r.size > 0 && !this.#i ? this.#i = i((e) => {
122
- this.#r.has(e) && (this.#r.delete(e), this.#c(this.getAttribute("traits") ?? ""), this.#r.size === 0 && (this.#i?.(), this.#i = null));
123
- }) : this.#r.size === 0 && this.#i && (this.#i(), this.#i = null);
124
- }
125
- #l() {
126
- for (let [e, t] of this.#t) {
127
- let n = a(e);
128
- n && n.destroy(t);
129
- }
130
- this.#t.clear();
131
- }
132
- };
133
- export { a, o as i, c as n, i as o, s as r, r as s, l as t };
package/dist/uid.js DELETED
@@ -1,87 +0,0 @@
1
- var e = null, t = 0, n = /* @__PURE__ */ new Set();
2
- const r = /* @__PURE__ */ new WeakMap(), i = /* @__PURE__ */ new Set();
3
- function a() {
4
- return e;
5
- }
6
- function o(t) {
7
- e = t;
8
- }
9
- function s() {
10
- return t;
11
- }
12
- function c() {
13
- t++;
14
- }
15
- function l() {
16
- t--;
17
- }
18
- var u = class {
19
- _value;
20
- _subs = /* @__PURE__ */ new Set();
21
- constructor(e) {
22
- this._value = e;
23
- }
24
- }, d = class e {
25
- _subs = /* @__PURE__ */ new Set();
26
- _deps = /* @__PURE__ */ new Set();
27
- _fn;
28
- _value = void 0;
29
- _dirty = !0;
30
- constructor(e) {
31
- this._fn = e;
32
- }
33
- _notify() {
34
- if (!this._dirty) {
35
- this._dirty = !0;
36
- for (let r of [...this._subs]) r instanceof e ? r._notify() : t > 0 ? n.add(r) : g(r);
37
- }
38
- }
39
- }, f = class {
40
- _deps = /* @__PURE__ */ new Set();
41
- _fn;
42
- _disposed = !1;
43
- _running = !1;
44
- constructor(e) {
45
- this._fn = e;
46
- }
47
- };
48
- function p(t) {
49
- e !== null && (t._subs.add(e), e._deps.add(t));
50
- }
51
- function m(e) {
52
- for (let t of e._deps) t._subs.delete(e);
53
- e._deps.clear();
54
- }
55
- function h(e) {
56
- for (let r of [...e._subs]) r instanceof d ? r._notify() : t > 0 ? n.add(r) : g(r);
57
- }
58
- function g(t) {
59
- if (t._disposed || t._running) return;
60
- m(t);
61
- let n = e;
62
- e = t, t._running = !0;
63
- try {
64
- t._fn();
65
- } finally {
66
- e = n, t._running = !1;
67
- }
68
- }
69
- function _() {
70
- let e = 0;
71
- for (; n.size > 0;) {
72
- if (++e > 100) throw Error("Reactive flush limit exceeded (100 iterations). Possible infinite loop.");
73
- let t = [...n];
74
- n.clear();
75
- for (let e of t) g(e);
76
- }
77
- }
78
- function v(e) {
79
- let t = new f(e);
80
- return g(t), () => {
81
- t._disposed || (t._disposed = !0, m(t));
82
- };
83
- }
84
- function y(e = "ui") {
85
- return `${e}-${crypto.randomUUID().slice(0, 8)}`;
86
- }
87
- export { m as a, _ as c, c as d, r as f, p as h, u as i, a as l, o as m, v as n, i as o, h as p, d as r, l as s, y as t, s as u };