@floegence/floe-webapp-core 0.75.0 → 0.76.0

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 (6) hide show
  1. package/dist/components/ui/Charts.d.ts +8 -5
  2. package/dist/components/ui/Charts.js +385 -369
  3. package/dist/components/ui/Settings.js +78 -69
  4. package/dist/styles.css +1 -1
  5. package/dist/ui.css +29 -0
  6. package/package.json +1 -1
package/dist/components/ui/Settings.js CHANGED
@@ -1,25 +1,34 @@
1
- import { insert as n, createComponent as s, effect as v, className as b, setAttribute as h, spread as f, mergeProps as $, template as c } from "solid-js/web";
2
- import { Show as d, splitProps as w, For as m } from "solid-js";
1
+ import { insert as e, createComponent as s, effect as v, className as b, setAttribute as h, spread as f, mergeProps as $, template as o } from "solid-js/web";
2
+ import { Show as d, children as N, splitProps as w, For as m } from "solid-js";
3
3
  import { cn as u } from "../../utils/cn.js";
4
- var x = /* @__PURE__ */ c("<div><aside class=floe-settings-layout__sidebar></aside><div class=floe-settings-layout__mobile></div><div class=floe-settings-layout__content>"), k = /* @__PURE__ */ c("<div class=floe-settings-navigation__search>"), N = /* @__PURE__ */ c("<nav class=floe-settings-navigation><div class=floe-settings-navigation__groups>"), L = /* @__PURE__ */ c("<div class=floe-settings-navigation__group><div class=floe-settings-navigation__label>"), P = /* @__PURE__ */ c("<button><span>"), A = /* @__PURE__ */ c("<h1>"), C = /* @__PURE__ */ c("<p>"), F = /* @__PURE__ */ c("<div class=floe-settings-section__actions>"), R = /* @__PURE__ */ c("<section><header class=floe-settings-section__header><div class=floe-settings-section__heading><div class=floe-settings-section__title></div></div></header><div class=floe-settings-section__body>"), j = /* @__PURE__ */ c("<h2>"), q = /* @__PURE__ */ c("<div>"), z = /* @__PURE__ */ c("<div class=floe-setting-row__control>"), B = /* @__PURE__ */ c("<div class=floe-setting-row__body>"), D = /* @__PURE__ */ c("<div><div class=floe-setting-row__main><div class=floe-setting-row__label><div><div class=floe-setting-row__title>");
5
- function I(t) {
4
+ var k = /* @__PURE__ */ o("<div class=floe-settings-layout__mobile>"), x = /* @__PURE__ */ o("<div><aside class=floe-settings-layout__sidebar></aside><div class=floe-settings-layout__content>"), A = /* @__PURE__ */ o("<div class=floe-settings-navigation__search>"), L = /* @__PURE__ */ o("<nav class=floe-settings-navigation><div class=floe-settings-navigation__groups>"), P = /* @__PURE__ */ o("<div class=floe-settings-navigation__group><div class=floe-settings-navigation__label>"), F = /* @__PURE__ */ o("<button><span>"), R = /* @__PURE__ */ o("<h1>"), C = /* @__PURE__ */ o("<p>"), j = /* @__PURE__ */ o("<div class=floe-settings-section__actions>"), q = /* @__PURE__ */ o("<section><header class=floe-settings-section__header><div class=floe-settings-section__heading><div class=floe-settings-section__title></div></div></header><div class=floe-settings-section__body>"), z = /* @__PURE__ */ o("<h2>"), B = /* @__PURE__ */ o("<div>"), D = /* @__PURE__ */ o("<div class=floe-setting-row__control>"), E = /* @__PURE__ */ o("<div class=floe-setting-row__body>"), G = /* @__PURE__ */ o("<div><div class=floe-setting-row__main><div class=floe-setting-row__label><div><div class=floe-setting-row__title>");
5
+ function K(t) {
6
+ const n = N(() => t.mobileNavigation);
6
7
  return (() => {
7
- var e = x(), o = e.firstChild, i = o.nextSibling, a = i.nextSibling;
8
- return n(o, () => t.sidebar), n(i, () => t.mobileNavigation), n(a, () => t.children), v(() => b(e, u("floe-settings-layout", t.class))), e;
8
+ var c = x(), i = c.firstChild, a = i.nextSibling;
9
+ return e(i, () => t.sidebar), e(c, s(d, {
10
+ get when() {
11
+ return n.toArray().some((g) => g != null && typeof g != "boolean" && g !== "");
12
+ },
13
+ get children() {
14
+ var g = k();
15
+ return e(g, n), g;
16
+ }
17
+ }), a), e(a, () => t.children), v(() => b(c, u("floe-settings-layout", t.class))), c;
9
18
  })();
10
19
  }
11
- function J(t) {
20
+ function M(t) {
12
21
  return (() => {
13
- var e = N(), o = e.firstChild;
14
- return n(e, s(d, {
22
+ var n = L(), c = n.firstChild;
23
+ return e(n, s(d, {
15
24
  get when() {
16
25
  return t.search;
17
26
  },
18
27
  get children() {
19
- var i = k();
20
- return n(i, () => t.search), i;
28
+ var i = A();
29
+ return e(i, () => t.search), i;
21
30
  }
22
- }), o), n(o, s(d, {
31
+ }), c), e(c, s(d, {
23
32
  get when() {
24
33
  return t.groups.some((i) => i.items.length);
25
34
  },
@@ -36,14 +45,14 @@ function J(t) {
36
45
  return i.items.length;
37
46
  },
38
47
  get children() {
39
- var a = L(), _ = a.firstChild;
40
- return n(_, () => i.label), n(a, s(m, {
48
+ var a = P(), g = a.firstChild;
49
+ return e(g, () => i.label), e(a, s(m, {
41
50
  get each() {
42
51
  return i.items;
43
52
  },
44
53
  children: (l) => (() => {
45
- var g = P(), r = g.firstChild;
46
- return f(g, $(() => l.attributes, {
54
+ var _ = F(), r = _.firstChild;
55
+ return f(_, $(() => l.attributes, {
47
56
  type: "button",
48
57
  get class() {
49
58
  return u("floe-settings-navigation__item", l.attributes?.class);
@@ -52,132 +61,132 @@ function J(t) {
52
61
  return t.value === l.id ? "page" : void 0;
53
62
  },
54
63
  onClick: () => t.onChange(l.id)
55
- }), !1, !0), n(g, s(d, {
64
+ }), !1, !0), e(_, s(d, {
56
65
  get when() {
57
66
  return l.icon;
58
67
  },
59
- children: (S) => {
60
- const y = S();
61
- return s(y, {
68
+ children: (y) => {
69
+ const S = y();
70
+ return s(S, {
62
71
  class: "floe-settings-navigation__icon"
63
72
  });
64
73
  }
65
- }), r), n(r, () => l.label), g;
74
+ }), r), e(r, () => l.label), _;
66
75
  })()
67
76
  }), null), v(() => h(a, "data-settings-group", i.id)), a;
68
77
  }
69
78
  })
70
79
  });
71
80
  }
72
- })), v(() => h(e, "aria-label", t.label)), e;
81
+ })), v(() => h(n, "aria-label", t.label)), n;
73
82
  })();
74
83
  }
75
- function K(t) {
76
- const [e, o] = w(t, ["title", "description", "badge", "actions", "variant", "class", "children"]);
84
+ function O(t) {
85
+ const [n, c] = w(t, ["title", "description", "badge", "actions", "variant", "class", "children"]);
77
86
  return (() => {
78
- var i = R(), a = i.firstChild, _ = a.firstChild, l = _.firstChild, g = a.nextSibling;
79
- return f(i, $(o, {
87
+ var i = q(), a = i.firstChild, g = a.firstChild, l = g.firstChild, _ = a.nextSibling;
88
+ return f(i, $(c, {
80
89
  get class() {
81
- return u("floe-settings-section", e.class);
90
+ return u("floe-settings-section", n.class);
82
91
  },
83
92
  get "data-settings-variant"() {
84
- return e.variant ?? "section";
93
+ return n.variant ?? "section";
85
94
  }
86
- }), !1, !0), n(l, s(d, {
95
+ }), !1, !0), e(l, s(d, {
87
96
  get when() {
88
- return e.variant === "page";
97
+ return n.variant === "page";
89
98
  },
90
99
  get fallback() {
91
100
  return (() => {
92
- var r = j();
93
- return n(r, () => e.title), r;
101
+ var r = z();
102
+ return e(r, () => n.title), r;
94
103
  })();
95
104
  },
96
105
  get children() {
97
- var r = A();
98
- return n(r, () => e.title), r;
106
+ var r = R();
107
+ return e(r, () => n.title), r;
99
108
  }
100
- }), null), n(l, () => e.badge, null), n(_, s(d, {
109
+ }), null), e(l, () => n.badge, null), e(g, s(d, {
101
110
  get when() {
102
- return e.description;
111
+ return n.description;
103
112
  },
104
113
  get children() {
105
114
  var r = C();
106
- return n(r, () => e.description), r;
115
+ return e(r, () => n.description), r;
107
116
  }
108
- }), null), n(a, s(d, {
117
+ }), null), e(a, s(d, {
109
118
  get when() {
110
- return e.actions;
119
+ return n.actions;
111
120
  },
112
121
  get children() {
113
- var r = F();
114
- return n(r, () => e.actions), r;
122
+ var r = j();
123
+ return e(r, () => n.actions), r;
115
124
  }
116
- }), null), n(g, () => e.children), i;
125
+ }), null), e(_, () => n.children), i;
117
126
  })();
118
127
  }
119
- function M(t) {
120
- const [e, o] = w(t, ["class", "children"]);
128
+ function Q(t) {
129
+ const [n, c] = w(t, ["class", "children"]);
121
130
  return (() => {
122
- var i = q();
123
- return f(i, $(o, {
131
+ var i = B();
132
+ return f(i, $(c, {
124
133
  get class() {
125
- return u("floe-settings-list", e.class);
134
+ return u("floe-settings-list", n.class);
126
135
  },
127
136
  "data-floe-surface": "card"
128
- }), !1, !0), n(i, () => e.children), i;
137
+ }), !1, !0), e(i, () => n.children), i;
129
138
  })();
130
139
  }
131
- function O(t) {
140
+ function T(t) {
132
141
  return (() => {
133
- var e = D(), o = e.firstChild, i = o.firstChild, a = i.firstChild, _ = a.firstChild;
134
- return n(i, s(d, {
142
+ var n = G(), c = n.firstChild, i = c.firstChild, a = i.firstChild, g = a.firstChild;
143
+ return e(i, s(d, {
135
144
  get when() {
136
145
  return t.icon;
137
146
  },
138
147
  children: (l) => {
139
- const g = l();
140
- return s(g, {
148
+ const _ = l();
149
+ return s(_, {
141
150
  class: "floe-setting-row__icon"
142
151
  });
143
152
  }
144
- }), a), n(_, () => t.title), n(a, s(d, {
153
+ }), a), e(g, () => t.title), e(a, s(d, {
145
154
  get when() {
146
155
  return t.description;
147
156
  },
148
157
  get children() {
149
158
  var l = C();
150
- return n(l, () => t.description), l;
159
+ return e(l, () => t.description), l;
151
160
  }
152
- }), null), n(o, s(d, {
161
+ }), null), e(c, s(d, {
153
162
  get when() {
154
163
  return t.control;
155
164
  },
156
165
  get children() {
157
- var l = z();
158
- return n(l, () => t.control), l;
166
+ var l = D();
167
+ return e(l, () => t.control), l;
159
168
  }
160
- }), null), n(e, s(d, {
169
+ }), null), e(n, s(d, {
161
170
  get when() {
162
171
  return t.children;
163
172
  },
164
173
  get children() {
165
- var l = B();
166
- return n(l, () => t.children), l;
174
+ var l = E();
175
+ return e(l, () => t.children), l;
167
176
  }
168
177
  }), null), v((l) => {
169
- var g = u("floe-setting-row", t.class), r = t.tone ?? "default";
170
- return g !== l.e && b(e, l.e = g), r !== l.t && h(e, "data-tone", l.t = r), l;
178
+ var _ = u("floe-setting-row", t.class), r = t.tone ?? "default";
179
+ return _ !== l.e && b(n, l.e = _), r !== l.t && h(n, "data-tone", l.t = r), l;
171
180
  }, {
172
181
  e: void 0,
173
182
  t: void 0
174
- }), e;
183
+ }), n;
175
184
  })();
176
185
  }
177
186
  export {
178
- O as SettingRow,
179
- I as SettingsLayout,
180
- M as SettingsList,
181
- J as SettingsNavigation,
182
- K as SettingsSection
187
+ T as SettingRow,
188
+ K as SettingsLayout,
189
+ Q as SettingsList,
190
+ M as SettingsNavigation,
191
+ O as SettingsSection
183
192
  };