@w5-ui/wc 0.4.0 → 0.5.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.
- package/dist/index.js +565 -344
- package/dist/index.js.map +1 -1
- package/package.json +5 -5
package/dist/index.js
CHANGED
|
@@ -1000,7 +1000,7 @@ class Batch {
|
|
|
1000
1000
|
}
|
|
1001
1001
|
}
|
|
1002
1002
|
}
|
|
1003
|
-
if (batch.#roots.length > 0) {
|
|
1003
|
+
if (batch.#roots.length > 0 && !batch.#decrement_queued) {
|
|
1004
1004
|
batch.apply();
|
|
1005
1005
|
for (var root2 of batch.#roots) {
|
|
1006
1006
|
batch.#traverse(root2, [], []);
|
|
@@ -3198,7 +3198,10 @@ function get(signal) {
|
|
|
3198
3198
|
}
|
|
3199
3199
|
}
|
|
3200
3200
|
} else {
|
|
3201
|
-
|
|
3201
|
+
active_reaction.deps ??= [];
|
|
3202
|
+
if (!includes.call(active_reaction.deps, signal)) {
|
|
3203
|
+
active_reaction.deps.push(signal);
|
|
3204
|
+
}
|
|
3202
3205
|
var reactions = signal.reactions;
|
|
3203
3206
|
if (reactions === null) {
|
|
3204
3207
|
signal.reactions = [active_reaction];
|
|
@@ -5848,9 +5851,9 @@ function create_custom_element(Component, props_definition, slots, exports, shad
|
|
|
5848
5851
|
Class;
|
|
5849
5852
|
return Class;
|
|
5850
5853
|
}
|
|
5851
|
-
var root$
|
|
5854
|
+
var root$2H = /* @__PURE__ */ from_html(`<div class="flex flex-col"><!></div>`);
|
|
5852
5855
|
function Accordion($$anchor, $$props) {
|
|
5853
|
-
var div = root$
|
|
5856
|
+
var div = root$2H();
|
|
5854
5857
|
var node = child(div);
|
|
5855
5858
|
snippet(node, () => $$props.children ?? noop);
|
|
5856
5859
|
reset(div);
|
|
@@ -5867,6 +5870,93 @@ function Accordion_wc($$anchor, $$props) {
|
|
|
5867
5870
|
});
|
|
5868
5871
|
}
|
|
5869
5872
|
customElements.define("uni-accordion", create_custom_element(Accordion_wc, {}, ["default"], [], { mode: "open" }));
|
|
5873
|
+
var root_1$2b = /* @__PURE__ */ from_html(`<div role="region"><div class="pb-2.5"><!></div></div>`);
|
|
5874
|
+
var root$2G = /* @__PURE__ */ from_html(`<div class="border-b border-border-1 last:border-b-0"><h3 class="m-0"><button type="button" class="flex w-full cursor-pointer items-center justify-between gap-2.5 border-0 bg-transparent py-2.5 text-left text-13 font-medium leading-[1.4] text-text-1 transition-colors duration-100 hover:text-text-link focus-visible:rounded-sm focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-brand-05"><span> </span> <svg viewBox="0 0 16 16" fill="none" aria-hidden="true"><path d="M4 6l4 4 4-4" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></button></h3> <!></div>`);
|
|
5875
|
+
function AccordionItem($$anchor, $$props) {
|
|
5876
|
+
push($$props, true);
|
|
5877
|
+
let defaultOpen = prop($$props, "defaultOpen", 3, false);
|
|
5878
|
+
let open = /* @__PURE__ */ state(proxy(defaultOpen()));
|
|
5879
|
+
const uid2 = Math.random().toString(36).slice(2, 9);
|
|
5880
|
+
const btnId = `acc-btn-${uid2}`;
|
|
5881
|
+
const panelId = `acc-panel-${uid2}`;
|
|
5882
|
+
var div = root$2G();
|
|
5883
|
+
var h3 = child(div);
|
|
5884
|
+
var button = child(h3);
|
|
5885
|
+
var span = child(button);
|
|
5886
|
+
var text2 = child(span, true);
|
|
5887
|
+
reset(span);
|
|
5888
|
+
var svg = sibling(span, 2);
|
|
5889
|
+
reset(button);
|
|
5890
|
+
reset(h3);
|
|
5891
|
+
var node = sibling(h3, 2);
|
|
5892
|
+
{
|
|
5893
|
+
var consequent = ($$anchor2) => {
|
|
5894
|
+
var div_1 = root_1$2b();
|
|
5895
|
+
var div_2 = child(div_1);
|
|
5896
|
+
var node_1 = child(div_2);
|
|
5897
|
+
snippet(node_1, () => $$props.children ?? noop);
|
|
5898
|
+
reset(div_2);
|
|
5899
|
+
reset(div_1);
|
|
5900
|
+
template_effect(() => {
|
|
5901
|
+
set_attribute(div_1, "id", panelId);
|
|
5902
|
+
set_attribute(div_1, "aria-labelledby", btnId);
|
|
5903
|
+
});
|
|
5904
|
+
append($$anchor2, div_1);
|
|
5905
|
+
};
|
|
5906
|
+
if_block(node, ($$render) => {
|
|
5907
|
+
if (get(open)) $$render(consequent);
|
|
5908
|
+
});
|
|
5909
|
+
}
|
|
5910
|
+
reset(div);
|
|
5911
|
+
template_effect(() => {
|
|
5912
|
+
set_attribute(button, "id", btnId);
|
|
5913
|
+
set_attribute(button, "aria-expanded", get(open));
|
|
5914
|
+
set_attribute(button, "aria-controls", panelId);
|
|
5915
|
+
set_text(text2, $$props.title);
|
|
5916
|
+
set_class(svg, 0, `h-3.5 w-3.5 shrink-0 text-text-4 transition-transform duration-200 motion-reduce:transition-none ${get(open) ? "rotate-180" : ""}`);
|
|
5917
|
+
});
|
|
5918
|
+
delegated("click", button, () => set(open, !get(open)));
|
|
5919
|
+
append($$anchor, div);
|
|
5920
|
+
pop();
|
|
5921
|
+
}
|
|
5922
|
+
delegate(["click"]);
|
|
5923
|
+
function AccordionItem_wc($$anchor, $$props) {
|
|
5924
|
+
push($$props, true);
|
|
5925
|
+
let title = prop($$props, "title", 7, void 0), defaultOpen = prop($$props, "defaultOpen", 7, false);
|
|
5926
|
+
var $$exports = {
|
|
5927
|
+
get title() {
|
|
5928
|
+
return title();
|
|
5929
|
+
},
|
|
5930
|
+
set title($$value = void 0) {
|
|
5931
|
+
title($$value);
|
|
5932
|
+
flushSync();
|
|
5933
|
+
},
|
|
5934
|
+
get defaultOpen() {
|
|
5935
|
+
return defaultOpen();
|
|
5936
|
+
},
|
|
5937
|
+
set defaultOpen($$value = false) {
|
|
5938
|
+
defaultOpen($$value);
|
|
5939
|
+
flushSync();
|
|
5940
|
+
}
|
|
5941
|
+
};
|
|
5942
|
+
AccordionItem($$anchor, {
|
|
5943
|
+
get title() {
|
|
5944
|
+
return title();
|
|
5945
|
+
},
|
|
5946
|
+
get defaultOpen() {
|
|
5947
|
+
return defaultOpen();
|
|
5948
|
+
},
|
|
5949
|
+
children: ($$anchor2, $$slotProps) => {
|
|
5950
|
+
var fragment_1 = comment();
|
|
5951
|
+
var node = first_child(fragment_1);
|
|
5952
|
+
slot(node, $$props, "default", {});
|
|
5953
|
+
append($$anchor2, fragment_1);
|
|
5954
|
+
},
|
|
5955
|
+
$$slots: { default: true }
|
|
5956
|
+
});
|
|
5957
|
+
return pop($$exports);
|
|
5958
|
+
}
|
|
5959
|
+
customElements.define("uni-accordion-item", create_custom_element(AccordionItem_wc, { title: {}, defaultOpen: {} }, ["default"], [], { mode: "open" }));
|
|
5870
5960
|
let counter$t = 0;
|
|
5871
5961
|
var root_2$1M = /* @__PURE__ */ from_html(`<li role="menuitem" class="flex cursor-pointer items-center whitespace-nowrap rounded-[5px] px-2.5 py-1.5 text-13 text-text-2 outline-none hover:bg-row-active hover:text-text-1 data-[active=true]:bg-row-active data-[active=true]:text-text-1 data-[danger=true]:text-status-danger data-[danger=true]:hover:bg-status-danger/10 aria-disabled:cursor-not-allowed aria-disabled:opacity-40"> </li>`);
|
|
5872
5962
|
var root_1$2a = /* @__PURE__ */ from_html(`<ul role="menu" class="absolute right-0 top-[calc(100%+4px)] z-[9100] m-0 min-w-[148px] list-none rounded-lg border border-border-3 bg-bg-2 p-1 shadow-[0_8px_24px_rgba(0,0,0,0.5)]"></ul>`);
|
|
@@ -8051,7 +8141,7 @@ customElements.define("uni-box-plot", create_custom_element(BoxPlot_wc, { series
|
|
|
8051
8141
|
var root_2$1C = /* @__PURE__ */ from_html(`<span aria-current="page" class="font-medium text-text-2"> </span>`);
|
|
8052
8142
|
var root_3$13 = /* @__PURE__ */ from_html(`<a class="cursor-pointer text-text-4 no-underline transition-colors duration-100 hover:text-text-2 focus-visible:rounded-sm focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-brand-05"> </a>`);
|
|
8053
8143
|
var root_4$T = /* @__PURE__ */ from_html(`<button type="button" class="cursor-pointer border-0 bg-transparent p-0 font-[inherit] text-text-4 transition-colors duration-100 hover:text-text-2 focus-visible:rounded-sm focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-brand-05"> </button>`);
|
|
8054
|
-
var root_5$
|
|
8144
|
+
var root_5$x = /* @__PURE__ */ from_html(`<span class="select-none text-border-3" aria-hidden="true">/</span>`);
|
|
8055
8145
|
var root_1$1_ = /* @__PURE__ */ from_html(`<li class="flex items-center gap-1.5"><!> <!></li>`);
|
|
8056
8146
|
var root$2p = /* @__PURE__ */ from_html(`<nav aria-label="Breadcrumb"><ol class="m-0 flex flex-wrap items-center gap-x-1.5 gap-y-0.5 p-0 text-12 [list-style:none]"></ol></nav>`);
|
|
8057
8147
|
function Breadcrumb($$anchor, $$props) {
|
|
@@ -8098,7 +8188,7 @@ function Breadcrumb($$anchor, $$props) {
|
|
|
8098
8188
|
var node_1 = sibling(node, 2);
|
|
8099
8189
|
{
|
|
8100
8190
|
var consequent_2 = ($$anchor3) => {
|
|
8101
|
-
var span_1 = root_5$
|
|
8191
|
+
var span_1 = root_5$x();
|
|
8102
8192
|
append($$anchor3, span_1);
|
|
8103
8193
|
};
|
|
8104
8194
|
if_block(node_1, ($$render) => {
|
|
@@ -9207,7 +9297,7 @@ var root_1$1V = /* @__PURE__ */ from_svg(`<svg class="mt-px h-4 w-4 shrink-0" vi
|
|
|
9207
9297
|
var root_2$1w = /* @__PURE__ */ from_svg(`<svg class="mt-px h-4 w-4 shrink-0" viewBox="0 0 16 16" fill="currentColor" aria-hidden="true"><path fill-rule="evenodd" d="M8 1a7 7 0 1 0 0 14A7 7 0 0 0 8 1Zm3.78 5.47-4.25 4.5a.75.75 0 0 1-1.06.03L4.72 9.22a.75.75 0 1 1 1.06-1.06l1.22 1.22 3.72-3.94a.75.75 0 1 1 1.06 1.03Z"></path></svg>`);
|
|
9208
9298
|
var root_3$10 = /* @__PURE__ */ from_svg(`<svg class="mt-px h-4 w-4 shrink-0" viewBox="0 0 16 16" fill="currentColor" aria-hidden="true"><path fill-rule="evenodd" d="M8.9 1.6a1 1 0 0 0-1.8 0L.6 13a1 1 0 0 0 .9 1.5h13a1 1 0 0 0 .9-1.5L8.9 1.6ZM7.25 6.5a.75.75 0 1 1 1.5 0v3a.75.75 0 0 1-1.5 0v-3Zm.75 6a.75.75 0 1 1 0-1.5.75.75 0 0 1 0 1.5Z"></path></svg>`);
|
|
9209
9299
|
var root_4$Q = /* @__PURE__ */ from_svg(`<svg class="mt-px h-4 w-4 shrink-0" viewBox="0 0 16 16" fill="currentColor" aria-hidden="true"><path fill-rule="evenodd" d="M8 1a7 7 0 1 0 0 14A7 7 0 0 0 8 1ZM5.97 5.97a.75.75 0 0 1 1.06 0L8 6.94l.97-.97a.75.75 0 1 1 1.06 1.06L9.06 8l.97.97a.75.75 0 0 1-1.06 1.06L8 9.06l-.97.97a.75.75 0 0 1-1.06-1.06L6.94 8l-.97-.97a.75.75 0 0 1 0-1.06Z"></path></svg>`);
|
|
9210
|
-
var root_5$
|
|
9300
|
+
var root_5$w = /* @__PURE__ */ from_svg(`<svg class="mt-px h-4 w-4 shrink-0" viewBox="0 0 16 16" fill="currentColor" aria-hidden="true"><path d="M8 1a5 5 0 0 1 3 9.01V11H5v-.99A5 5 0 0 1 8 1Zm-1 12h2v1.5a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5V13Z"></path></svg>`);
|
|
9211
9301
|
var root_6$g = /* @__PURE__ */ from_html(`<div> </div>`);
|
|
9212
9302
|
var root$2h = /* @__PURE__ */ from_html(`<div role="note"><!> <div class="flex-1"><!> <div><!></div></div></div>`);
|
|
9213
9303
|
function Callout($$anchor, $$props) {
|
|
@@ -9246,7 +9336,7 @@ function Callout($$anchor, $$props) {
|
|
|
9246
9336
|
append($$anchor2, svg_3);
|
|
9247
9337
|
};
|
|
9248
9338
|
var alternate = ($$anchor2) => {
|
|
9249
|
-
var svg_4 = root_5$
|
|
9339
|
+
var svg_4 = root_5$w();
|
|
9250
9340
|
append($$anchor2, svg_4);
|
|
9251
9341
|
};
|
|
9252
9342
|
if_block(node, ($$render) => {
|
|
@@ -10900,7 +10990,7 @@ customElements.define("uni-column-toggle", create_custom_element(ColumnToggle_wc
|
|
|
10900
10990
|
let counter$p = 0;
|
|
10901
10991
|
var root_1$1M = /* @__PURE__ */ from_html(`<label class="sr-only"> </label>`);
|
|
10902
10992
|
var root_3$W = /* @__PURE__ */ from_html(`<li class="list-none p-2.5 text-center text-13 text-text-4">No results</li>`);
|
|
10903
|
-
var root_5$
|
|
10993
|
+
var root_5$v = /* @__PURE__ */ from_html(`<li role="option" class="flex cursor-pointer items-center rounded-[5px] px-2.5 py-1.5 text-13 text-text-2 hover:bg-row-active hover:text-text-1 data-[active=true]:bg-row-active data-[active=true]:text-text-1 aria-selected:font-medium aria-selected:text-brand-05"> </li>`);
|
|
10904
10994
|
var root_2$1o = /* @__PURE__ */ from_html(`<ul role="listbox" class="absolute left-0 top-[calc(100%+4px)] z-[9000] m-0 max-h-60 min-w-full list-none overflow-y-auto rounded-lg border border-border-3 bg-bg-2 p-1 shadow-[0_8px_24px_rgba(0,0,0,0.5)]"><!></ul>`);
|
|
10905
10995
|
var root$26 = /* @__PURE__ */ from_html(`<div><!> <div class="relative flex items-center"><input role="combobox" aria-autocomplete="list" autocomplete="off" spellcheck="false" class="box-border h-[34px] w-full rounded-md border border-border-2 bg-bg-page py-0 pl-3 pr-9 text-13 leading-none text-text-1 transition-colors duration-100 hover:border-border-3 focus:border-brand-05 focus:outline-none focus:shadow-[0_0_0_2px_rgba(0,111,255,0.2)] disabled:cursor-not-allowed disabled:opacity-40"/> <button type="button" aria-hidden="true" class="absolute right-2 flex cursor-pointer items-center border-0 bg-transparent p-0.5 leading-none text-text-4"><svg viewBox="0 0 16 16" aria-hidden="true" focusable="false"><path d="M4 6l4 4 4-4" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none"></path></svg></button></div> <!></div>`);
|
|
10906
10996
|
function Combobox($$anchor, $$props) {
|
|
@@ -11017,7 +11107,7 @@ function Combobox($$anchor, $$props) {
|
|
|
11017
11107
|
var fragment = comment();
|
|
11018
11108
|
var node_3 = first_child(fragment);
|
|
11019
11109
|
each(node_3, 19, () => get(filtered), (opt) => opt.value, ($$anchor4, opt, idx) => {
|
|
11020
|
-
var li_1 = root_5$
|
|
11110
|
+
var li_1 = root_5$v();
|
|
11021
11111
|
var text_1 = child(li_1, true);
|
|
11022
11112
|
reset(li_1);
|
|
11023
11113
|
template_effect(() => {
|
|
@@ -11217,7 +11307,7 @@ function Kbd($$anchor, $$props) {
|
|
|
11217
11307
|
pop();
|
|
11218
11308
|
}
|
|
11219
11309
|
var root_2$1m = /* @__PURE__ */ from_html(`<li class="list-none p-6 text-center text-13 text-text-4"> </li>`);
|
|
11220
|
-
var root_5$
|
|
11310
|
+
var root_5$u = /* @__PURE__ */ from_html(`<div class="px-2.5 pb-1 pt-2 text-[10px] font-semibold uppercase tracking-[0.06em] text-text-4"> </div>`);
|
|
11221
11311
|
var root_7$b = /* @__PURE__ */ from_html(`<span class="ml-auto shrink-0"><!></span>`);
|
|
11222
11312
|
var root_6$f = /* @__PURE__ */ from_html(`<div role="option" class="flex cursor-pointer list-none items-center gap-2.5 rounded-md px-2.5 py-2 text-13 text-text-2 outline-none data-[active=true]:bg-brand-05/15 data-[active=true]:text-text-1"> <!></div>`);
|
|
11223
11313
|
var root_4$L = /* @__PURE__ */ from_html(`<li role="presentation"><!> <!></li>`);
|
|
@@ -11306,7 +11396,7 @@ function CommandPalette($$anchor, $$props) {
|
|
|
11306
11396
|
var node_3 = child(li_1);
|
|
11307
11397
|
{
|
|
11308
11398
|
var consequent_1 = ($$anchor5) => {
|
|
11309
|
-
var div_3 = root_5$
|
|
11399
|
+
var div_3 = root_5$u();
|
|
11310
11400
|
var text_1 = child(div_3, true);
|
|
11311
11401
|
reset(div_3);
|
|
11312
11402
|
template_effect(() => set_text(text_1, group()));
|
|
@@ -11651,11 +11741,62 @@ customElements.define("uni-confirm-dialog", create_custom_element(
|
|
|
11651
11741
|
[],
|
|
11652
11742
|
{ mode: "open" }
|
|
11653
11743
|
));
|
|
11744
|
+
var root_1$1I = /* @__PURE__ */ from_html(`<span aria-hidden="true"></span>`);
|
|
11745
|
+
var root$23 = /* @__PURE__ */ from_html(`<span><!> <!></span>`);
|
|
11746
|
+
function Pill($$anchor, $$props) {
|
|
11747
|
+
let variant = prop($$props, "variant", 3, "neutral"), showDot = prop($$props, "showDot", 3, true), className = prop($$props, "class", 3, ""), style = prop($$props, "style", 3, "");
|
|
11748
|
+
const PILL = {
|
|
11749
|
+
success: "bg-status-success/14 text-status-success",
|
|
11750
|
+
warn: "bg-status-warning/14 text-status-warning",
|
|
11751
|
+
danger: "bg-status-danger/14 text-status-danger",
|
|
11752
|
+
info: "bg-status-info/14 text-status-info",
|
|
11753
|
+
neutral: "bg-row-active text-text-2"
|
|
11754
|
+
};
|
|
11755
|
+
const DOT = {
|
|
11756
|
+
success: "bg-status-success",
|
|
11757
|
+
warn: "bg-status-warning",
|
|
11758
|
+
danger: "bg-status-danger",
|
|
11759
|
+
info: "bg-status-info",
|
|
11760
|
+
neutral: "bg-status-neutral"
|
|
11761
|
+
};
|
|
11762
|
+
let pillClass = /* @__PURE__ */ user_derived(() => `inline-flex items-center gap-1.5 rounded-full px-2 py-0.5 text-[11px] font-medium leading-[1.4] ${PILL[variant()]} ${className()}`);
|
|
11763
|
+
var span = root$23();
|
|
11764
|
+
var node = child(span);
|
|
11765
|
+
{
|
|
11766
|
+
var consequent = ($$anchor2) => {
|
|
11767
|
+
var span_1 = root_1$1I();
|
|
11768
|
+
template_effect(() => set_class(span_1, 1, `h-1.5 w-1.5 rounded-full ${DOT[variant()] ?? ""}`));
|
|
11769
|
+
append($$anchor2, span_1);
|
|
11770
|
+
};
|
|
11771
|
+
if_block(node, ($$render) => {
|
|
11772
|
+
if (showDot()) $$render(consequent);
|
|
11773
|
+
});
|
|
11774
|
+
}
|
|
11775
|
+
var node_1 = sibling(node, 2);
|
|
11776
|
+
snippet(node_1, () => $$props.children ?? noop);
|
|
11777
|
+
reset(span);
|
|
11778
|
+
template_effect(() => {
|
|
11779
|
+
set_class(span, 1, clsx(get(pillClass)));
|
|
11780
|
+
set_style(span, style());
|
|
11781
|
+
});
|
|
11782
|
+
append($$anchor, span);
|
|
11783
|
+
}
|
|
11654
11784
|
var root_3$V = /* @__PURE__ */ from_html(`<li role="separator" class="my-1 h-px bg-row-active"></li>`);
|
|
11655
|
-
var
|
|
11656
|
-
var
|
|
11785
|
+
var root_5$t = /* @__PURE__ */ from_html(` <!> `, 1);
|
|
11786
|
+
var root_4$K = /* @__PURE__ */ from_html(`<li role="menuitem" class="flex cursor-pointer items-center whitespace-nowrap rounded-[5px] px-3 py-1.5 text-13 text-text-2 outline-none hover:bg-row-active hover:text-text-1 data-[active=true]:bg-row-active data-[active=true]:text-text-1 data-[danger=true]:text-status-danger data-[danger=true]:hover:bg-status-danger/10 data-[warning=true]:text-status-warning data-[warning=true]:hover:bg-status-warning/10 data-[success=true]:text-status-success data-[success=true]:hover:bg-status-success/10 aria-disabled:cursor-not-allowed aria-disabled:opacity-40"><!></li>`);
|
|
11787
|
+
var root_1$1H = /* @__PURE__ */ from_html(`<ul role="menu" class="fixed z-[9200] m-0 min-w-[168px] list-none rounded-lg border border-border-3 bg-bg-2 p-1 shadow-[0_8px_24px_rgba(0,0,0,0.5)] focus:outline-none"></ul>`);
|
|
11657
11788
|
function ContextMenu($$anchor, $$props) {
|
|
11658
11789
|
push($$props, true);
|
|
11790
|
+
const PILL_SLOT = "{pill}";
|
|
11791
|
+
function pillParts(entry) {
|
|
11792
|
+
if (entry.pill === void 0) return null;
|
|
11793
|
+
const idx = entry.label.indexOf(PILL_SLOT);
|
|
11794
|
+
if (idx === -1) return null;
|
|
11795
|
+
return {
|
|
11796
|
+
before: entry.label.slice(0, idx),
|
|
11797
|
+
after: entry.label.slice(idx + PILL_SLOT.length)
|
|
11798
|
+
};
|
|
11799
|
+
}
|
|
11659
11800
|
let items = prop($$props, "items", 19, () => []), x = prop($$props, "x", 3, 0), y = prop($$props, "y", 3, 0), open = prop($$props, "open", 3, false), label = prop($$props, "label", 3, "Context menu");
|
|
11660
11801
|
let menuEl = /* @__PURE__ */ state(void 0);
|
|
11661
11802
|
let activeIdx = /* @__PURE__ */ state(0);
|
|
@@ -11720,8 +11861,8 @@ function ContextMenu($$anchor, $$props) {
|
|
|
11720
11861
|
var fragment = comment();
|
|
11721
11862
|
var node = first_child(fragment);
|
|
11722
11863
|
{
|
|
11723
|
-
var
|
|
11724
|
-
var ul = root_1$
|
|
11864
|
+
var consequent_2 = ($$anchor2) => {
|
|
11865
|
+
var ul = root_1$1H();
|
|
11725
11866
|
set_attribute(ul, "tabindex", -1);
|
|
11726
11867
|
each(ul, 21, items, index, ($$anchor3, entry) => {
|
|
11727
11868
|
var fragment_1 = comment();
|
|
@@ -11731,17 +11872,59 @@ function ContextMenu($$anchor, $$props) {
|
|
|
11731
11872
|
var li = root_3$V();
|
|
11732
11873
|
append($$anchor4, li);
|
|
11733
11874
|
};
|
|
11734
|
-
var
|
|
11875
|
+
var alternate_1 = ($$anchor4) => {
|
|
11735
11876
|
var li_1 = root_4$K();
|
|
11736
11877
|
set_attribute(li_1, "tabindex", -1);
|
|
11737
|
-
var
|
|
11878
|
+
var node_2 = child(li_1);
|
|
11879
|
+
{
|
|
11880
|
+
var consequent_1 = ($$anchor5) => {
|
|
11881
|
+
const parts = /* @__PURE__ */ user_derived(() => pillParts(get(entry)));
|
|
11882
|
+
var fragment_2 = root_5$t();
|
|
11883
|
+
var text$1 = first_child(fragment_2, true);
|
|
11884
|
+
var node_3 = sibling(text$1);
|
|
11885
|
+
{
|
|
11886
|
+
let $0 = /* @__PURE__ */ user_derived(() => get(entry).pill?.variant ?? "neutral");
|
|
11887
|
+
Pill(node_3, {
|
|
11888
|
+
get variant() {
|
|
11889
|
+
return get($0);
|
|
11890
|
+
},
|
|
11891
|
+
showDot: false,
|
|
11892
|
+
class: "mx-0.5 !px-1.5 !py-0 text-[10px] font-semibold leading-[1]",
|
|
11893
|
+
children: ($$anchor6, $$slotProps) => {
|
|
11894
|
+
next();
|
|
11895
|
+
var text_1 = text();
|
|
11896
|
+
template_effect(() => set_text(text_1, get(entry).pill?.text));
|
|
11897
|
+
append($$anchor6, text_1);
|
|
11898
|
+
},
|
|
11899
|
+
$$slots: { default: true }
|
|
11900
|
+
});
|
|
11901
|
+
}
|
|
11902
|
+
var text_2 = sibling(node_3, 1, true);
|
|
11903
|
+
template_effect(() => {
|
|
11904
|
+
set_text(text$1, get(parts)?.before);
|
|
11905
|
+
set_text(text_2, get(parts)?.after);
|
|
11906
|
+
});
|
|
11907
|
+
append($$anchor5, fragment_2);
|
|
11908
|
+
};
|
|
11909
|
+
var d = /* @__PURE__ */ user_derived(() => pillParts(get(entry)));
|
|
11910
|
+
var alternate = ($$anchor5) => {
|
|
11911
|
+
var text_3 = text();
|
|
11912
|
+
template_effect(() => set_text(text_3, get(entry).label));
|
|
11913
|
+
append($$anchor5, text_3);
|
|
11914
|
+
};
|
|
11915
|
+
if_block(node_2, ($$render) => {
|
|
11916
|
+
if (get(d)) $$render(consequent_1);
|
|
11917
|
+
else $$render(alternate, -1);
|
|
11918
|
+
});
|
|
11919
|
+
}
|
|
11738
11920
|
reset(li_1);
|
|
11739
11921
|
template_effect(
|
|
11740
11922
|
($0) => {
|
|
11741
11923
|
set_attribute(li_1, "aria-disabled", get(entry).disabled || void 0);
|
|
11742
11924
|
set_attribute(li_1, "data-active", $0);
|
|
11743
11925
|
set_attribute(li_1, "data-danger", get(entry).danger || void 0);
|
|
11744
|
-
|
|
11926
|
+
set_attribute(li_1, "data-warning", get(entry).warning || void 0);
|
|
11927
|
+
set_attribute(li_1, "data-success", get(entry).success || void 0);
|
|
11745
11928
|
},
|
|
11746
11929
|
[
|
|
11747
11930
|
() => actionIndex(get(entry)) === get(activeIdx) ? "true" : void 0
|
|
@@ -11758,7 +11941,7 @@ function ContextMenu($$anchor, $$props) {
|
|
|
11758
11941
|
};
|
|
11759
11942
|
if_block(node_1, ($$render) => {
|
|
11760
11943
|
if ("separator" in get(entry)) $$render(consequent);
|
|
11761
|
-
else $$render(
|
|
11944
|
+
else $$render(alternate_1, -1);
|
|
11762
11945
|
});
|
|
11763
11946
|
}
|
|
11764
11947
|
append($$anchor3, fragment_1);
|
|
@@ -11773,7 +11956,7 @@ function ContextMenu($$anchor, $$props) {
|
|
|
11773
11956
|
append($$anchor2, ul);
|
|
11774
11957
|
};
|
|
11775
11958
|
if_block(node, ($$render) => {
|
|
11776
|
-
if (open()) $$render(
|
|
11959
|
+
if (open()) $$render(consequent_2);
|
|
11777
11960
|
});
|
|
11778
11961
|
}
|
|
11779
11962
|
append($$anchor, fragment);
|
|
@@ -11848,8 +12031,8 @@ function ContextMenu_wc($$anchor, $$props) {
|
|
|
11848
12031
|
}
|
|
11849
12032
|
customElements.define("uni-context-menu", create_custom_element(ContextMenu_wc, { items: {}, x: {}, y: {}, open: {}, label: {} }, ["default"], [], { mode: "open" }));
|
|
11850
12033
|
let counter$o = 0;
|
|
11851
|
-
var root_1$
|
|
11852
|
-
var root$
|
|
12034
|
+
var root_1$1G = /* @__PURE__ */ from_html(`<div role="dialog"><div class="border-b border-border-1 px-3.5 pb-2 pt-2.5 text-12 font-semibold text-text-2"> </div> <div class="px-3.5 py-2.5 text-12 leading-[1.5] text-text-3"> </div></div>`);
|
|
12035
|
+
var root$22 = /* @__PURE__ */ from_html(`<span class="relative inline-flex items-center"><button type="button" aria-label="Help" aria-haspopup="dialog" class="inline-flex h-4 w-4 shrink-0 cursor-pointer items-center justify-center rounded-full border border-border-3 bg-transparent p-0 text-[10px] font-bold leading-none text-text-4 transition-[border-color,color] duration-100 hover:border-text-3 hover:text-text-1 focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-brand-05">?</button> <!></span>`);
|
|
11853
12036
|
function ContextualHelp($$anchor, $$props) {
|
|
11854
12037
|
push($$props, true);
|
|
11855
12038
|
let placement = prop($$props, "placement", 3, "top");
|
|
@@ -11889,13 +12072,13 @@ function ContextualHelp($$anchor, $$props) {
|
|
|
11889
12072
|
top: "bottom-[calc(100%+8px)] left-1/2 -translate-x-1/2",
|
|
11890
12073
|
bottom: "top-[calc(100%+8px)] left-1/2 -translate-x-1/2"
|
|
11891
12074
|
};
|
|
11892
|
-
var span = root$
|
|
12075
|
+
var span = root$22();
|
|
11893
12076
|
var button = child(span);
|
|
11894
12077
|
bind_this(button, ($$value) => set(triggerEl, $$value), () => get(triggerEl));
|
|
11895
12078
|
var node = sibling(button, 2);
|
|
11896
12079
|
{
|
|
11897
12080
|
var consequent = ($$anchor2) => {
|
|
11898
|
-
var div = root_1$
|
|
12081
|
+
var div = root_1$1G();
|
|
11899
12082
|
set_attribute(div, "tabindex", -1);
|
|
11900
12083
|
var div_1 = child(div);
|
|
11901
12084
|
var text2 = child(div_1, true);
|
|
@@ -11977,7 +12160,7 @@ var root_2$1l = /* @__PURE__ */ from_svg(`<line stroke="rgba(255,255,255,0.06)"
|
|
|
11977
12160
|
var root_3$U = /* @__PURE__ */ from_svg(`<circle r="1.5" opacity="0.2"></circle>`);
|
|
11978
12161
|
var root_5$s = /* @__PURE__ */ from_svg(`<line stroke-linecap="round"></line>`);
|
|
11979
12162
|
var root_6$e = /* @__PURE__ */ from_svg(`<text fill="#6E7079" font-size="8" text-anchor="middle" font-family="inherit"> </text>`);
|
|
11980
|
-
var root_1$
|
|
12163
|
+
var root_1$1F = /* @__PURE__ */ from_html(`<div role="img" style="width:100%;"><svg style="width:100%;height:auto;display:block;" aria-hidden="true" focusable="false"><!><!><!><!></svg></div>`);
|
|
11981
12164
|
function ContourPlot($$anchor, $$props) {
|
|
11982
12165
|
push($$props, true);
|
|
11983
12166
|
let points = prop($$props, "points", 19, () => []), xRange = prop($$props, "xRange", 3, void 0), yRange = prop($$props, "yRange", 3, void 0), height = prop($$props, "height", 3, 200), bandwidth = prop($$props, "bandwidth", 3, 3.5), color = prop($$props, "color", 3, "#006FFF"), ariaLabel = prop($$props, "ariaLabel", 3, "Contour plot");
|
|
@@ -12114,7 +12297,7 @@ function ContourPlot($$anchor, $$props) {
|
|
|
12114
12297
|
var node = first_child(fragment);
|
|
12115
12298
|
{
|
|
12116
12299
|
var consequent = ($$anchor2) => {
|
|
12117
|
-
var div = root_1$
|
|
12300
|
+
var div = root_1$1F();
|
|
12118
12301
|
var svg = child(div);
|
|
12119
12302
|
var node_1 = child(svg);
|
|
12120
12303
|
each(node_1, 17, () => get(yTicks), index, ($$anchor3, v) => {
|
|
@@ -12305,9 +12488,9 @@ customElements.define("uni-contour-plot", create_custom_element(
|
|
|
12305
12488
|
[],
|
|
12306
12489
|
{ mode: "open" }
|
|
12307
12490
|
));
|
|
12308
|
-
var root_1$
|
|
12491
|
+
var root_1$1E = /* @__PURE__ */ from_svg(`<svg viewBox="0 0 14 14" width="14" height="14" fill="none" aria-hidden="true" focusable="false"><path d="M2.5 7.5l3.5 3.5L12 3" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg>`);
|
|
12309
12492
|
var root_2$1k = /* @__PURE__ */ from_svg(`<svg viewBox="0 0 14 14" width="14" height="14" fill="none" aria-hidden="true" focusable="false"><rect x="4" y="1" width="9" height="10" rx="1.5" stroke="currentColor" stroke-width="1.5"></rect><rect x="1" y="4" width="9" height="10" rx="1.5" stroke="currentColor" stroke-width="1.5"></rect></svg>`);
|
|
12310
|
-
var root$
|
|
12493
|
+
var root$21 = /* @__PURE__ */ from_html(`<button type="button" class="inline-flex h-[22px] w-[22px] shrink-0 cursor-pointer items-center justify-center rounded border-0 bg-transparent text-text-4 transition-[color,background-color] duration-100 hover:bg-row-hover hover:text-text-1 focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-brand-05 data-[copied=true]:text-status-success data-[copied=true]:hover:bg-status-success/10"><!></button>`);
|
|
12311
12494
|
function CopyButton($$anchor, $$props) {
|
|
12312
12495
|
push($$props, true);
|
|
12313
12496
|
let label = prop($$props, "label", 3, "Copy");
|
|
@@ -12325,11 +12508,11 @@ function CopyButton($$anchor, $$props) {
|
|
|
12325
12508
|
);
|
|
12326
12509
|
});
|
|
12327
12510
|
}
|
|
12328
|
-
var button = root$
|
|
12511
|
+
var button = root$21();
|
|
12329
12512
|
var node = child(button);
|
|
12330
12513
|
{
|
|
12331
12514
|
var consequent = ($$anchor2) => {
|
|
12332
|
-
var svg = root_1$
|
|
12515
|
+
var svg = root_1$1E();
|
|
12333
12516
|
append($$anchor2, svg);
|
|
12334
12517
|
};
|
|
12335
12518
|
var alternate = ($$anchor2) => {
|
|
@@ -12388,10 +12571,10 @@ function CopyButton_wc($$anchor, $$props) {
|
|
|
12388
12571
|
return pop($$exports);
|
|
12389
12572
|
}
|
|
12390
12573
|
customElements.define("uni-copy-button", create_custom_element(CopyButton_wc, { text: {}, label: {} }, ["default"], [], { mode: "open" }));
|
|
12391
|
-
var root_1$
|
|
12574
|
+
var root_1$1D = /* @__PURE__ */ from_svg(`<text text-anchor="middle" font-size="9" fill="#A4A7B5" font-family="inherit"> </text>`);
|
|
12392
12575
|
var root_2$1j = /* @__PURE__ */ from_svg(`<text text-anchor="end" dominant-baseline="middle" font-size="9" fill="#A4A7B5" font-family="inherit"> </text>`);
|
|
12393
12576
|
var root_4$J = /* @__PURE__ */ from_svg(`<g><rect rx="3"></rect><text text-anchor="middle" dominant-baseline="middle" font-size="10" font-family="inherit"> </text></g>`);
|
|
12394
|
-
var root$
|
|
12577
|
+
var root$20 = /* @__PURE__ */ from_html(`<div role="img" style="width:100%;"><svg style="width:100%;height:auto;display:block;" aria-hidden="true" focusable="false"><!><!><!></svg></div>`);
|
|
12395
12578
|
function CorrelationMatrix($$anchor, $$props) {
|
|
12396
12579
|
push($$props, true);
|
|
12397
12580
|
let labels = prop($$props, "labels", 19, () => []), data = prop($$props, "data", 19, () => []), cellSize = prop($$props, "cellSize", 3, 52), ariaLabel = prop($$props, "ariaLabel", 3, "Correlation matrix");
|
|
@@ -12416,11 +12599,11 @@ function CorrelationMatrix($$anchor, $$props) {
|
|
|
12416
12599
|
let n = /* @__PURE__ */ user_derived(() => labels().length);
|
|
12417
12600
|
let svgW = /* @__PURE__ */ user_derived(() => LABEL_W + get(n) * cellSize());
|
|
12418
12601
|
let svgH = /* @__PURE__ */ user_derived(() => LABEL_H + get(n) * cellSize());
|
|
12419
|
-
var div = root$
|
|
12602
|
+
var div = root$20();
|
|
12420
12603
|
var svg = child(div);
|
|
12421
12604
|
var node = child(svg);
|
|
12422
12605
|
each(node, 17, labels, index, ($$anchor2, label, j) => {
|
|
12423
|
-
var text2 = root_1$
|
|
12606
|
+
var text2 = root_1$1D();
|
|
12424
12607
|
set_attribute(text2, "y", LABEL_H - 4);
|
|
12425
12608
|
var text_1 = child(text2, true);
|
|
12426
12609
|
reset(text2);
|
|
@@ -12544,7 +12727,7 @@ function CorrelationMatrix_wc($$anchor, $$props) {
|
|
|
12544
12727
|
return pop($$exports);
|
|
12545
12728
|
}
|
|
12546
12729
|
customElements.define("uni-correlation-matrix", create_custom_element(CorrelationMatrix_wc, { labels: {}, data: {}, cellSize: {}, ariaLabel: {} }, ["default"], [], { mode: "open" }));
|
|
12547
|
-
var root$
|
|
12730
|
+
var root$1$ = /* @__PURE__ */ from_html(`<span><span aria-hidden="true"> </span> <span class="sr-only"> </span></span>`);
|
|
12548
12731
|
function CountUp($$anchor, $$props) {
|
|
12549
12732
|
push($$props, true);
|
|
12550
12733
|
let from = prop($$props, "from", 3, 0), duration = prop($$props, "duration", 3, 1200), decimals = prop($$props, "decimals", 3, 0), prefix = prop($$props, "prefix", 3, ""), suffix = prop($$props, "suffix", 3, ""), separator = prop($$props, "separator", 3, ","), klass = prop($$props, "class", 3, "");
|
|
@@ -12580,7 +12763,7 @@ function CountUp($$anchor, $$props) {
|
|
|
12580
12763
|
onDestroy(() => {
|
|
12581
12764
|
if (rafId) cancelAnimationFrame(rafId);
|
|
12582
12765
|
});
|
|
12583
|
-
var span = root$
|
|
12766
|
+
var span = root$1$();
|
|
12584
12767
|
var span_1 = child(span);
|
|
12585
12768
|
var text2 = child(span_1, true);
|
|
12586
12769
|
reset(span_1);
|
|
@@ -12713,7 +12896,7 @@ var root_3$T = /* @__PURE__ */ from_svg(`<line stroke="rgba(255,255,255,0.18)" s
|
|
|
12713
12896
|
var root_4$I = /* @__PURE__ */ from_svg(`<path fill="none" stroke-width="2" stroke-linejoin="round"></path>`);
|
|
12714
12897
|
var root_5$r = /* @__PURE__ */ from_svg(`<text text-anchor="end" fill="#6E7079" font-size="9" font-family="inherit"> </text>`);
|
|
12715
12898
|
var root_6$d = /* @__PURE__ */ from_svg(`<text text-anchor="middle" fill="#6E7079" font-size="9" font-family="inherit"> </text>`);
|
|
12716
|
-
var root_1$
|
|
12899
|
+
var root_1$1C = /* @__PURE__ */ from_html(`<div role="img" style="line-height:0;"><svg width="100%" aria-hidden="true" focusable="false"><!><!><!><!><!></svg></div>`);
|
|
12717
12900
|
function CumulativeDistribution($$anchor, $$props) {
|
|
12718
12901
|
push($$props, true);
|
|
12719
12902
|
let series = prop($$props, "series", 19, () => []), guides = prop($$props, "guides", 19, () => [50, 95]), height = prop($$props, "height", 3, 160), unit = prop($$props, "unit", 3, ""), ariaLabel = prop($$props, "ariaLabel", 3, "Cumulative distribution chart");
|
|
@@ -12755,7 +12938,7 @@ function CumulativeDistribution($$anchor, $$props) {
|
|
|
12755
12938
|
var node = first_child(fragment);
|
|
12756
12939
|
{
|
|
12757
12940
|
var consequent = ($$anchor2) => {
|
|
12758
|
-
var div = root_1$
|
|
12941
|
+
var div = root_1$1C();
|
|
12759
12942
|
var svg = child(div);
|
|
12760
12943
|
var node_1 = child(svg);
|
|
12761
12944
|
each(node_1, 17, () => get(yTicks), (t) => t.label, ($$anchor3, t) => {
|
|
@@ -12941,12 +13124,12 @@ function buildGrid$1(year, month) {
|
|
|
12941
13124
|
}
|
|
12942
13125
|
return grid;
|
|
12943
13126
|
}
|
|
12944
|
-
var root_1$
|
|
13127
|
+
var root_1$1B = /* @__PURE__ */ from_svg(`<svg width="14" height="14" viewBox="0 0 14 14" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><rect x="1" y="2" width="12" height="11" rx="1.5"></rect><path d="M1 6h12M4 1v2M10 1v2"></path></svg> `, 1);
|
|
12945
13128
|
var root_3$S = /* @__PURE__ */ from_html(`<th scope="col" class="p-0 text-center text-11 font-semibold uppercase tracking-[0.05em] text-text-4"> </th>`);
|
|
12946
13129
|
var root_5$q = /* @__PURE__ */ from_html(`<td role="gridcell" class="p-0"><button type="button"> </button></td>`);
|
|
12947
13130
|
var root_4$H = /* @__PURE__ */ from_html(`<tr></tr>`);
|
|
12948
13131
|
var root_2$1h = /* @__PURE__ */ from_html(`<div role="dialog" aria-modal="true" class="absolute left-0 top-[calc(100%+4px)] z-[9100] rounded-lg border border-border-3 bg-bg-2 p-2 shadow-[0_8px_24px_rgba(0,0,0,0.5)]"><div class="flex items-center justify-between px-1 py-1"><button type="button" class="inline-flex h-7 w-7 cursor-pointer items-center justify-center rounded border-0 bg-transparent text-text-4 hover:bg-row-hover hover:text-text-1 focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-brand-05" aria-label="Previous month"><svg width="8" height="12" viewBox="0 0 8 12" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><path d="M7 1L2 6l5 5"></path></svg></button> <span class="text-13 font-medium text-text-1" aria-live="polite"> </span> <button type="button" class="inline-flex h-7 w-7 cursor-pointer items-center justify-center rounded border-0 bg-transparent text-text-4 hover:bg-row-hover hover:text-text-1 focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-brand-05" aria-label="Next month"><svg width="8" height="12" viewBox="0 0 8 12" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><path d="M1 1l5 5-5 5"></path></svg></button></div> <table role="grid" class="mt-1 border-collapse"><thead><tr></tr></thead><tbody></tbody></table></div>`);
|
|
12949
|
-
var root$
|
|
13132
|
+
var root$1_ = /* @__PURE__ */ from_html(`<div class="relative inline-block"><!> <!></div>`);
|
|
12950
13133
|
function DatePicker($$anchor, $$props) {
|
|
12951
13134
|
push($$props, true);
|
|
12952
13135
|
let value = prop($$props, "value", 3, null), placeholder = prop($$props, "placeholder", 3, "Pick a date"), disabled = prop($$props, "disabled", 3, false);
|
|
@@ -13057,7 +13240,7 @@ function DatePicker($$anchor, $$props) {
|
|
|
13057
13240
|
if (isSelected) cls += " bg-brand-05 text-white hover:bg-brand-06";
|
|
13058
13241
|
return cls;
|
|
13059
13242
|
}
|
|
13060
|
-
var div = root$
|
|
13243
|
+
var div = root$1_();
|
|
13061
13244
|
var node = child(div);
|
|
13062
13245
|
{
|
|
13063
13246
|
let $0 = /* @__PURE__ */ user_derived(() => get(open) ? calId : void 0);
|
|
@@ -13075,7 +13258,7 @@ function DatePicker($$anchor, $$props) {
|
|
|
13075
13258
|
},
|
|
13076
13259
|
onclick: () => get(open) ? closeCal() : openCal(),
|
|
13077
13260
|
children: ($$anchor2, $$slotProps) => {
|
|
13078
|
-
var fragment = root_1$
|
|
13261
|
+
var fragment = root_1$1B();
|
|
13079
13262
|
var text2 = sibling(first_child(fragment), 1, true);
|
|
13080
13263
|
template_effect(($02) => set_text(text2, $02), [() => value() ? formatDate$1(value()) : placeholder()]);
|
|
13081
13264
|
append($$anchor2, fragment);
|
|
@@ -13260,7 +13443,7 @@ function buildGrid(year, month) {
|
|
|
13260
13443
|
}
|
|
13261
13444
|
return grid;
|
|
13262
13445
|
}
|
|
13263
|
-
var root_1$
|
|
13446
|
+
var root_1$1A = /* @__PURE__ */ from_svg(`<svg width="14" height="14" viewBox="0 0 14 14" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><rect x="1" y="2" width="12" height="11" rx="1.5"></rect><path d="M1 6h12M4 1v2M10 1v2"></path></svg> `, 1);
|
|
13264
13447
|
var root_3$R = /* @__PURE__ */ from_html(`<th scope="col" class="p-0 text-center text-11 font-semibold uppercase tracking-[0.05em] text-text-4"> </th>`);
|
|
13265
13448
|
var root_5$p = /* @__PURE__ */ from_html(`<td role="gridcell" class="p-0"><button type="button"> </button></td>`);
|
|
13266
13449
|
var root_4$G = /* @__PURE__ */ from_html(`<tr></tr>`);
|
|
@@ -13269,7 +13452,7 @@ var root_8$8 = /* @__PURE__ */ from_html(`<td role="gridcell" class="p-0"><butto
|
|
|
13269
13452
|
var root_7$a = /* @__PURE__ */ from_html(`<tr></tr>`);
|
|
13270
13453
|
var root_9$5 = /* @__PURE__ */ from_html(`<p class="mt-2 px-1 text-12 text-status-info" aria-live="polite">Pick the end date</p>`);
|
|
13271
13454
|
var root_2$1g = /* @__PURE__ */ from_html(`<div role="dialog" aria-modal="true" aria-label="Select date range" class="absolute left-0 top-[calc(100%+4px)] z-[9100] rounded-lg border border-border-3 bg-bg-2 p-2 shadow-[0_8px_24px_rgba(0,0,0,0.5)]"><div class="flex gap-3"><div><div class="flex items-center justify-between px-1 py-1"><button type="button" aria-label="Previous month"><svg width="8" height="12" viewBox="0 0 8 12" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><path d="M7 1L2 6l5 5"></path></svg></button> <span class="text-13 font-medium text-text-1" aria-live="polite"> </span> <span class="inline-block w-7" aria-hidden="true"></span></div> <table role="grid" class="mt-1 border-collapse"><thead><tr></tr></thead><tbody></tbody></table></div> <div><div class="flex items-center justify-between px-1 py-1"><span class="inline-block w-7" aria-hidden="true"></span> <span class="text-13 font-medium text-text-1" aria-live="polite"> </span> <button type="button" aria-label="Next month"><svg width="8" height="12" viewBox="0 0 8 12" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><path d="M1 1l5 5-5 5"></path></svg></button></div> <table role="grid" class="mt-1 border-collapse"><thead><tr></tr></thead><tbody></tbody></table></div></div> <!></div>`);
|
|
13272
|
-
var root$
|
|
13455
|
+
var root$1Z = /* @__PURE__ */ from_html(`<div class="relative inline-block"><!> <!></div>`);
|
|
13273
13456
|
function DateRangePicker($$anchor, $$props) {
|
|
13274
13457
|
push($$props, true);
|
|
13275
13458
|
let value = prop($$props, "value", 19, () => ({ start: null, end: null })), placeholder = prop($$props, "placeholder", 3, "Select date range"), disabled = prop($$props, "disabled", 3, false);
|
|
@@ -13350,7 +13533,7 @@ function DateRangePicker($$anchor, $$props) {
|
|
|
13350
13533
|
return cls;
|
|
13351
13534
|
}
|
|
13352
13535
|
const NAV_BTN = "inline-flex h-7 w-7 cursor-pointer items-center justify-center rounded border-0 bg-transparent text-text-4 hover:bg-row-hover hover:text-text-1 focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-brand-05";
|
|
13353
|
-
var div = root$
|
|
13536
|
+
var div = root$1Z();
|
|
13354
13537
|
var node = child(div);
|
|
13355
13538
|
{
|
|
13356
13539
|
let $0 = /* @__PURE__ */ user_derived(() => get(open) ? dlgId : void 0);
|
|
@@ -13373,7 +13556,7 @@ function DateRangePicker($$anchor, $$props) {
|
|
|
13373
13556
|
} else set(open, true);
|
|
13374
13557
|
},
|
|
13375
13558
|
children: ($$anchor2, $$slotProps) => {
|
|
13376
|
-
var fragment = root_1$
|
|
13559
|
+
var fragment = root_1$1A();
|
|
13377
13560
|
var text2 = sibling(first_child(fragment), 1, true);
|
|
13378
13561
|
template_effect(($02) => set_text(text2, $02), [() => formatRange() ?? placeholder()]);
|
|
13379
13562
|
append($$anchor2, fragment);
|
|
@@ -13620,13 +13803,13 @@ function DateRangePicker_wc($$anchor, $$props) {
|
|
|
13620
13803
|
return pop($$exports);
|
|
13621
13804
|
}
|
|
13622
13805
|
customElements.define("uni-date-range-picker", create_custom_element(DateRangePicker_wc, { value: {}, placeholder: {}, disabled: {} }, ["default"], [], { mode: "open" }));
|
|
13623
|
-
var root$
|
|
13806
|
+
var root$1Y = /* @__PURE__ */ from_html(`<span class="sr-only">Trend:</span> <span><!></span>`, 1);
|
|
13624
13807
|
function Delta($$anchor, $$props) {
|
|
13625
13808
|
push($$props, true);
|
|
13626
13809
|
let className = prop($$props, "class", 3, "");
|
|
13627
13810
|
let deltaClass = /* @__PURE__ */ user_derived(() => $$props.dir === "flat" ? "" : `delta-${$$props.dir}`);
|
|
13628
13811
|
let merged = /* @__PURE__ */ user_derived(() => `${get(deltaClass)} ${className()}`.trim());
|
|
13629
|
-
var fragment = root$
|
|
13812
|
+
var fragment = root$1Y();
|
|
13630
13813
|
var span = sibling(first_child(fragment), 2);
|
|
13631
13814
|
var node = child(span);
|
|
13632
13815
|
snippet(node, () => $$props.children ?? noop);
|
|
@@ -13677,7 +13860,7 @@ var root_4$F = /* @__PURE__ */ from_svg(`<text fill="#C8CDD9" font-size="10" fon
|
|
|
13677
13860
|
var root_5$o = /* @__PURE__ */ from_svg(`<text fill="#8B909E" font-size="9" font-family="inherit"> </text>`);
|
|
13678
13861
|
var root_6$b = /* @__PURE__ */ from_svg(`<text fill="#8B909E" font-size="9" font-family="inherit" text-anchor="middle"> </text>`);
|
|
13679
13862
|
var root_3$Q = /* @__PURE__ */ from_svg(`<circle></circle><!>`, 1);
|
|
13680
|
-
var root_1$
|
|
13863
|
+
var root_1$1z = /* @__PURE__ */ from_html(`<div role="img" style="width:100%;overflow-x:auto"><svg aria-hidden="true" focusable="false"><!><!></svg></div>`);
|
|
13681
13864
|
function Dendrogram($$anchor, $$props) {
|
|
13682
13865
|
const CHILD_COLORS = [
|
|
13683
13866
|
"#006FFF",
|
|
@@ -13757,7 +13940,7 @@ function Dendrogram($$anchor, $$props) {
|
|
|
13757
13940
|
}
|
|
13758
13941
|
let colWidth = prop($$props, "colWidth", 3, 130), rowHeight = prop($$props, "rowHeight", 3, 28), ariaLabel = prop($$props, "ariaLabel", 3, "Dendrogram");
|
|
13759
13942
|
let $$d = /* @__PURE__ */ user_derived(() => compute($$props.root, colWidth(), rowHeight())), svgW = /* @__PURE__ */ user_derived(() => get($$d).svgW), svgH = /* @__PURE__ */ user_derived(() => get($$d).svgH), nodes = /* @__PURE__ */ user_derived(() => get($$d).nodes), links = /* @__PURE__ */ user_derived(() => get($$d).links);
|
|
13760
|
-
var div = root_1$
|
|
13943
|
+
var div = root_1$1z();
|
|
13761
13944
|
var svg = child(div);
|
|
13762
13945
|
var node = child(svg);
|
|
13763
13946
|
each(node, 17, () => get(links), index, ($$anchor2, $$item) => {
|
|
@@ -13888,10 +14071,10 @@ function Dendrogram_wc($$anchor, $$props) {
|
|
|
13888
14071
|
return pop($$exports);
|
|
13889
14072
|
}
|
|
13890
14073
|
customElements.define("uni-dendrogram", create_custom_element(Dendrogram_wc, { root: {}, colWidth: {}, rowHeight: {}, ariaLabel: {} }, ["default"], [], { mode: "open" }));
|
|
13891
|
-
var root$
|
|
14074
|
+
var root$1X = /* @__PURE__ */ from_html(`<h1><!></h1>`);
|
|
13892
14075
|
function Display1($$anchor, $$props) {
|
|
13893
14076
|
let className = prop($$props, "class", 3, "");
|
|
13894
|
-
var h1 = root$
|
|
14077
|
+
var h1 = root$1X();
|
|
13895
14078
|
var node = child(h1);
|
|
13896
14079
|
snippet(node, () => $$props.children ?? noop);
|
|
13897
14080
|
reset(h1);
|
|
@@ -13925,10 +14108,10 @@ function Display1_wc($$anchor, $$props) {
|
|
|
13925
14108
|
return pop($$exports);
|
|
13926
14109
|
}
|
|
13927
14110
|
customElements.define("uni-display1", create_custom_element(Display1_wc, { class: {} }, ["default"], [], { mode: "open" }));
|
|
13928
|
-
var root$
|
|
14111
|
+
var root$1W = /* @__PURE__ */ from_html(`<h1><!></h1>`);
|
|
13929
14112
|
function Display2($$anchor, $$props) {
|
|
13930
14113
|
let className = prop($$props, "class", 3, "");
|
|
13931
|
-
var h1 = root$
|
|
14114
|
+
var h1 = root$1W();
|
|
13932
14115
|
var node = child(h1);
|
|
13933
14116
|
snippet(node, () => $$props.children ?? noop);
|
|
13934
14117
|
reset(h1);
|
|
@@ -13962,8 +14145,8 @@ function Display2_wc($$anchor, $$props) {
|
|
|
13962
14145
|
return pop($$exports);
|
|
13963
14146
|
}
|
|
13964
14147
|
customElements.define("uni-display2", create_custom_element(Display2_wc, { class: {} }, ["default"], [], { mode: "open" }));
|
|
13965
|
-
var root_1$
|
|
13966
|
-
var root$
|
|
14148
|
+
var root_1$1y = /* @__PURE__ */ from_svg(`<circle fill="none" stroke-width="10" stroke-linecap="round"></circle>`);
|
|
14149
|
+
var root$1V = /* @__PURE__ */ from_html(`<div role="img"><svg aria-hidden="true" focusable="false" style="transform:rotate(-90deg);"><circle fill="none" stroke-width="10"></circle><!></svg> <div aria-hidden="true" style="position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;"><div style="font-size:20px;font-weight:600;letter-spacing:-0.01em;font-variant-numeric:tabular-nums;"> </div> <div style="font-size:10px;color:#6E7079;"> </div></div></div>`);
|
|
13967
14150
|
function Donut($$anchor, $$props) {
|
|
13968
14151
|
push($$props, true);
|
|
13969
14152
|
let size = prop($$props, "size", 3, 96), segments = prop($$props, "segments", 19, () => []), trackColor = prop($$props, "trackColor", 3, "rgba(255,255,255,0.06)"), ariaLabel = prop($$props, "ariaLabel", 3, void 0);
|
|
@@ -13982,12 +14165,12 @@ function Donut($$anchor, $$props) {
|
|
|
13982
14165
|
return { ...seg, offset, rotate };
|
|
13983
14166
|
});
|
|
13984
14167
|
})());
|
|
13985
|
-
var div = root$
|
|
14168
|
+
var div = root$1V();
|
|
13986
14169
|
var svg = child(div);
|
|
13987
14170
|
var circle = child(svg);
|
|
13988
14171
|
var node = sibling(circle);
|
|
13989
14172
|
each(node, 17, () => get(arcs), (a) => a.label, ($$anchor2, a) => {
|
|
13990
|
-
var circle_1 = root_1$
|
|
14173
|
+
var circle_1 = root_1$1y();
|
|
13991
14174
|
template_effect(() => {
|
|
13992
14175
|
set_attribute(circle_1, "cx", size() / 2);
|
|
13993
14176
|
set_attribute(circle_1, "cy", size() / 2);
|
|
@@ -14114,13 +14297,13 @@ customElements.define("uni-donut", create_custom_element(
|
|
|
14114
14297
|
[],
|
|
14115
14298
|
{ mode: "open" }
|
|
14116
14299
|
));
|
|
14117
|
-
var root_1$
|
|
14300
|
+
var root_1$1x = /* @__PURE__ */ from_svg(`<g><line stroke="rgba(255,255,255,0.06)" stroke-width="1"></line><text fill="#6E7079" font-size="9" text-anchor="middle" font-family="inherit"> </text></g>`);
|
|
14118
14301
|
var root_3$P = /* @__PURE__ */ from_svg(`<line stroke-width="1.5" opacity="0.35"></line><circle fill="none" stroke="#A4A7B5" stroke-width="1.5"></circle>`, 1);
|
|
14119
14302
|
var root_2$1e = /* @__PURE__ */ from_svg(`<g><text fill="#A4A7B5" font-size="10" text-anchor="end" font-family="inherit"> </text><line stroke="rgba(255,255,255,0.06)" stroke-width="1"></line><!><circle></circle><text fill="#A4A7B5" font-size="9" font-family="inherit"> </text></g>`);
|
|
14120
14303
|
var root_5$n = /* @__PURE__ */ from_svg(`<circle r="4" fill="#006FFF"></circle><text fill="#A4A7B5" font-size="9" font-family="inherit"> </text>`, 1);
|
|
14121
14304
|
var root_6$a = /* @__PURE__ */ from_svg(`<circle r="3" fill="none" stroke="#A4A7B5" stroke-width="1.5"></circle><text fill="#A4A7B5" font-size="9" font-family="inherit"> </text>`, 1);
|
|
14122
14305
|
var root_4$E = /* @__PURE__ */ from_svg(`<!><!>`, 1);
|
|
14123
|
-
var root$
|
|
14306
|
+
var root$1U = /* @__PURE__ */ from_html(`<div role="img" style="width:100%;"><svg style="width:100%;height:auto;display:block;" aria-hidden="true" focusable="false"><!><!><!></svg></div>`);
|
|
14124
14307
|
function DotPlot($$anchor, $$props) {
|
|
14125
14308
|
push($$props, true);
|
|
14126
14309
|
let items = prop($$props, "items", 19, () => []), min = prop($$props, "min", 3, 0), max = prop($$props, "max", 3, void 0), unit = prop($$props, "unit", 3, ""), valueLegend = prop($$props, "valueLegend", 3, void 0), compareLegend = prop($$props, "compareLegend", 3, void 0), ariaLabel = prop($$props, "ariaLabel", 3, "Dot plot");
|
|
@@ -14147,11 +14330,11 @@ function DotPlot($$anchor, $$props) {
|
|
|
14147
14330
|
function fmtTick(t) {
|
|
14148
14331
|
return (Number.isInteger(t) ? t : t.toFixed(1)) + unit();
|
|
14149
14332
|
}
|
|
14150
|
-
var div = root$
|
|
14333
|
+
var div = root$1U();
|
|
14151
14334
|
var svg = child(div);
|
|
14152
14335
|
var node = child(svg);
|
|
14153
14336
|
each(node, 17, () => get(ticks), index, ($$anchor2, t) => {
|
|
14154
|
-
var g = root_1$
|
|
14337
|
+
var g = root_1$1x();
|
|
14155
14338
|
var line = child(g);
|
|
14156
14339
|
set_attribute(line, "y1", PAD_T);
|
|
14157
14340
|
var text2 = sibling(line);
|
|
@@ -14400,7 +14583,7 @@ customElements.define("uni-dot-plot", create_custom_element(
|
|
|
14400
14583
|
[],
|
|
14401
14584
|
{ mode: "open" }
|
|
14402
14585
|
));
|
|
14403
|
-
var root$
|
|
14586
|
+
var root$1T = /* @__PURE__ */ from_html(`<div aria-hidden="true" role="presentation"></div> <div role="dialog" aria-modal="true" tabindex="-1"><div class="flex shrink-0 items-center justify-between border-b border-border-1 px-5 py-4"><h2 class="m-0 text-16 font-semibold"> </h2> <!></div> <div class="flex-1 overflow-y-auto px-5 py-4"><!></div></div>`, 1);
|
|
14404
14587
|
function Drawer($$anchor, $$props) {
|
|
14405
14588
|
push($$props, true);
|
|
14406
14589
|
let open = prop($$props, "open", 15, false);
|
|
@@ -14444,7 +14627,7 @@ function Drawer($$anchor, $$props) {
|
|
|
14444
14627
|
f.focus();
|
|
14445
14628
|
}
|
|
14446
14629
|
}
|
|
14447
|
-
var fragment = root$
|
|
14630
|
+
var fragment = root$1T();
|
|
14448
14631
|
event("keydown", $window, onKeydown);
|
|
14449
14632
|
var div = first_child(fragment);
|
|
14450
14633
|
var div_1 = sibling(div, 2);
|
|
@@ -14518,14 +14701,14 @@ function Drawer_wc($$anchor, $$props) {
|
|
|
14518
14701
|
return pop($$exports);
|
|
14519
14702
|
}
|
|
14520
14703
|
customElements.define("uni-drawer", create_custom_element(Drawer_wc, { open: {}, title: {} }, ["default"], [], { mode: "open" }));
|
|
14521
|
-
var root_1$
|
|
14704
|
+
var root_1$1w = /* @__PURE__ */ from_svg(`<line stroke="rgba(255,255,255,0.06)" stroke-width="1"></line>`);
|
|
14522
14705
|
var root_2$1d = /* @__PURE__ */ from_svg(`<text text-anchor="end" font-size="9" font-family="inherit" fill-opacity="0.8"> </text>`);
|
|
14523
14706
|
var root_3$O = /* @__PURE__ */ from_svg(`<text text-anchor="start" font-size="9" font-family="inherit" fill-opacity="0.8"> </text>`);
|
|
14524
14707
|
var root_4$D = /* @__PURE__ */ from_svg(`<rect fill-opacity="0.75" rx="2"></rect>`);
|
|
14525
14708
|
var root_5$m = /* @__PURE__ */ from_svg(`<path fill-opacity="0.12"></path>`);
|
|
14526
14709
|
var root_6$9 = /* @__PURE__ */ from_svg(`<path fill="none" stroke-width="2" stroke-linejoin="round" stroke-linecap="round"></path>`);
|
|
14527
14710
|
var root_7$9 = /* @__PURE__ */ from_svg(`<text text-anchor="middle" fill="#6E7079" font-size="9" font-family="inherit"> </text>`);
|
|
14528
|
-
var root$
|
|
14711
|
+
var root$1S = /* @__PURE__ */ from_html(`<div role="img" style="width:100%;"><svg style="width:100%;height:auto;display:block;" aria-hidden="true" focusable="false"><!><!><!><!><!><!><!></svg> <div style="display:flex;gap:16px;justify-content:center;font-size:11px;color:#A4A7B5;margin-top:4px;"><span style="display:flex;align-items:center;gap:4px;"><span></span> </span> <span style="display:flex;align-items:center;gap:4px;"><span></span> </span></div></div>`);
|
|
14529
14712
|
function DualAxisChart($$anchor, $$props) {
|
|
14530
14713
|
push($$props, true);
|
|
14531
14714
|
let labels = prop($$props, "labels", 19, () => []), height = prop($$props, "height", 3, 160), ariaLabel = prop($$props, "ariaLabel", 3, "Dual axis chart");
|
|
@@ -14563,11 +14746,11 @@ function DualAxisChart($$anchor, $$props) {
|
|
|
14563
14746
|
let linePoints = /* @__PURE__ */ user_derived(() => $$props.line.values.map((v, i) => `${(PAD.l + (get(n) > 1 ? i / (get(n) - 1) * get(chartW) : get(chartW) / 2)).toFixed(1)},${(PAD.t + get(chartH) - (v - get(lineMin)) / get(lineRange) * get(chartH)).toFixed(1)}`));
|
|
14564
14747
|
let linePath = /* @__PURE__ */ user_derived(() => get(linePoints).length ? `M ${get(linePoints).join(" L ")}` : "");
|
|
14565
14748
|
let lineArea = /* @__PURE__ */ user_derived(() => get(linePoints).length ? `M ${PAD.l.toFixed(1)},${get(bot).toFixed(1)} L ${get(linePoints).join(" L ")} L ${(PAD.l + (get(n) > 1 ? get(chartW) : 0)).toFixed(1)},${get(bot).toFixed(1)} Z` : "");
|
|
14566
|
-
var div = root$
|
|
14749
|
+
var div = root$1S();
|
|
14567
14750
|
var svg = child(div);
|
|
14568
14751
|
var node = child(svg);
|
|
14569
14752
|
each(node, 17, () => get(gridLines), index, ($$anchor2, y) => {
|
|
14570
|
-
var line_1 = root_1$
|
|
14753
|
+
var line_1 = root_1$1w();
|
|
14571
14754
|
template_effect(() => {
|
|
14572
14755
|
set_attribute(line_1, "x1", PAD.l);
|
|
14573
14756
|
set_attribute(line_1, "y1", get(y));
|
|
@@ -14747,9 +14930,9 @@ function DualAxisChart_wc($$anchor, $$props) {
|
|
|
14747
14930
|
return pop($$exports);
|
|
14748
14931
|
}
|
|
14749
14932
|
customElements.define("uni-dual-axis-chart", create_custom_element(DualAxisChart_wc, { bars: {}, line: {}, labels: {}, height: {}, ariaLabel: {} }, ["default"], [], { mode: "open" }));
|
|
14750
|
-
var root_1$
|
|
14933
|
+
var root_1$1v = /* @__PURE__ */ from_svg(`<line stroke="rgba(255,255,255,0.06)" stroke-width="1"></line><text fill="#6E7079" font-size="9" text-anchor="middle" font-family="inherit"> </text>`, 1);
|
|
14751
14934
|
var root_2$1c = /* @__PURE__ */ from_svg(`<text fill="#A4A7B5" font-size="10" text-anchor="end" font-family="inherit"> </text><line stroke-width="2" opacity="0.4"></line><circle fill="#13131A" stroke-width="1.5"></circle><circle></circle>`, 1);
|
|
14752
|
-
var root$
|
|
14935
|
+
var root$1R = /* @__PURE__ */ from_html(`<div role="img" style="width:100%;"><svg style="width:100%;height:auto;display:block;" aria-hidden="true" focusable="false"><!><!></svg></div>`);
|
|
14753
14936
|
function DumbbellChart($$anchor, $$props) {
|
|
14754
14937
|
push($$props, true);
|
|
14755
14938
|
let items = prop($$props, "items", 19, () => []), unit = prop($$props, "unit", 3, ""), color = prop($$props, "color", 3, "#006FFF"), ariaLabel = prop($$props, "ariaLabel", 3, "Dumbbell chart");
|
|
@@ -14771,11 +14954,11 @@ function DumbbellChart($$anchor, $$props) {
|
|
|
14771
14954
|
return LABEL_W + (v - get(minVal)) / get(range) * TRACK_W;
|
|
14772
14955
|
}
|
|
14773
14956
|
let ticks = /* @__PURE__ */ user_derived(() => Array.from({ length: TICKS + 1 }, (_, i) => Math.round(get(minVal) + i / TICKS * get(range))));
|
|
14774
|
-
var div = root$
|
|
14957
|
+
var div = root$1R();
|
|
14775
14958
|
var svg = child(div);
|
|
14776
14959
|
var node = child(svg);
|
|
14777
14960
|
each(node, 17, () => get(ticks), index, ($$anchor2, t) => {
|
|
14778
|
-
var fragment = root_1$
|
|
14961
|
+
var fragment = root_1$1v();
|
|
14779
14962
|
var line = first_child(fragment);
|
|
14780
14963
|
set_attribute(line, "y1", PAD_T);
|
|
14781
14964
|
var text2 = sibling(line);
|
|
@@ -14894,10 +15077,10 @@ function DumbbellChart_wc($$anchor, $$props) {
|
|
|
14894
15077
|
}
|
|
14895
15078
|
customElements.define("uni-dumbbell-chart", create_custom_element(DumbbellChart_wc, { items: {}, unit: {}, color: {}, ariaLabel: {} }, ["default"], [], { mode: "open" }));
|
|
14896
15079
|
let counter$l = 0;
|
|
14897
|
-
var root_1$
|
|
15080
|
+
var root_1$1u = /* @__PURE__ */ from_html(`<label class="text-12 text-text-4"> </label>`);
|
|
14898
15081
|
var root_3$N = /* @__PURE__ */ from_html(`<span aria-hidden="true" class="select-none text-13 leading-none text-text-4">:</span>`);
|
|
14899
15082
|
var root_2$1b = /* @__PURE__ */ from_html(`<input type="text" inputmode="numeric" pattern="[0-9]*" role="spinbutton"/> <!>`, 1);
|
|
14900
|
-
var root$
|
|
15083
|
+
var root$1Q = /* @__PURE__ */ from_html(`<div><!> <div role="group" class="inline-flex h-[34px] items-center gap-0.5 rounded-md border border-border-2 bg-bg-page px-2 transition-colors duration-100 focus-within:border-brand-05 data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-40"></div></div>`);
|
|
14901
15084
|
function DurationInput($$anchor, $$props) {
|
|
14902
15085
|
push($$props, true);
|
|
14903
15086
|
let label = prop($$props, "label", 3, void 0), value = prop($$props, "value", 15, 0), maxHours = prop($$props, "maxHours", 3, 99), disabled = prop($$props, "disabled", 3, false), className = prop($$props, "class", 3, "");
|
|
@@ -14963,11 +15146,11 @@ function DurationInput($$anchor, $$props) {
|
|
|
14963
15146
|
let fieldVals = /* @__PURE__ */ user_derived(() => [get(hours), get(minutes), get(seconds)]);
|
|
14964
15147
|
let fieldMaxes = /* @__PURE__ */ user_derived(() => [maxHours(), 59, 59]);
|
|
14965
15148
|
const FIELD_CLS = "w-9 border-0 bg-transparent p-0 text-center font-mono text-13 text-text-1 outline-none";
|
|
14966
|
-
var div = root$
|
|
15149
|
+
var div = root$1Q();
|
|
14967
15150
|
var node = child(div);
|
|
14968
15151
|
{
|
|
14969
15152
|
var consequent = ($$anchor2) => {
|
|
14970
|
-
var label_1 = root_1$
|
|
15153
|
+
var label_1 = root_1$1u();
|
|
14971
15154
|
var text2 = child(label_1, true);
|
|
14972
15155
|
reset(label_1);
|
|
14973
15156
|
template_effect(() => {
|
|
@@ -15099,19 +15282,19 @@ function DurationInput_wc($$anchor, $$props) {
|
|
|
15099
15282
|
return pop($$exports);
|
|
15100
15283
|
}
|
|
15101
15284
|
customElements.define("uni-duration-input", create_custom_element(DurationInput_wc, { label: {}, value: {}, maxHours: {}, disabled: {}, class: {} }, ["default"], [], { mode: "open" }));
|
|
15102
|
-
var root_1$
|
|
15285
|
+
var root_1$1t = /* @__PURE__ */ from_html(`<p class="m-0 max-w-[280px] text-12 leading-[1.5] text-text-4"> </p>`);
|
|
15103
15286
|
var root_2$1a = /* @__PURE__ */ from_html(`<div class="mt-1.5"><!></div>`);
|
|
15104
|
-
var root$
|
|
15287
|
+
var root$1P = /* @__PURE__ */ from_html(`<div role="status" aria-live="polite"><svg class="h-12 w-12 shrink-0 text-border-3" viewBox="0 0 48 48" fill="none" aria-hidden="true" focusable="false"><rect x="6" y="11" width="36" height="28" rx="4" stroke="currentColor" stroke-width="1.5"></rect><path d="M6 30h10l3 5h10l3-5h10" stroke="currentColor" stroke-width="1.5" stroke-linejoin="round"></path><path d="M15 20h18M15 25h12" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" opacity=".4"></path></svg> <p class="m-0 text-14 font-medium text-text-3"> </p> <!> <!></div>`);
|
|
15105
15288
|
function EmptyState($$anchor, $$props) {
|
|
15106
15289
|
let description = prop($$props, "description", 3, void 0), className = prop($$props, "class", 3, "");
|
|
15107
|
-
var div = root$
|
|
15290
|
+
var div = root$1P();
|
|
15108
15291
|
var p = sibling(child(div), 2);
|
|
15109
15292
|
var text2 = child(p, true);
|
|
15110
15293
|
reset(p);
|
|
15111
15294
|
var node = sibling(p, 2);
|
|
15112
15295
|
{
|
|
15113
15296
|
var consequent = ($$anchor2) => {
|
|
15114
|
-
var p_1 = root_1$
|
|
15297
|
+
var p_1 = root_1$1t();
|
|
15115
15298
|
var text_1 = child(p_1, true);
|
|
15116
15299
|
reset(p_1);
|
|
15117
15300
|
template_effect(() => set_text(text_1, description()));
|
|
@@ -15191,7 +15374,7 @@ customElements.define("uni-empty-state", create_custom_element(EmptyState_wc, {
|
|
|
15191
15374
|
var root_2$19 = /* @__PURE__ */ from_svg(`<line stroke="rgba(255,255,255,0.06)" stroke-width="1"></line><text fill="#6E7079" font-size="8" text-anchor="end" font-family="inherit"> </text>`, 1);
|
|
15192
15375
|
var root_3$M = /* @__PURE__ */ from_svg(`<path opacity="0.12"></path><path fill="none" stroke-width="1.5" stroke-linejoin="round" stroke-linecap="round"></path>`, 1);
|
|
15193
15376
|
var root_4$C = /* @__PURE__ */ from_svg(`<text fill="#6E7079" font-size="9" text-anchor="middle" font-family="inherit"> </text>`);
|
|
15194
|
-
var root_1$
|
|
15377
|
+
var root_1$1s = /* @__PURE__ */ from_html(`<div role="img" style="width:100%;"><svg style="width:100%;height:auto;display:block;" aria-hidden="true" focusable="false"><!><!><!></svg></div>`);
|
|
15195
15378
|
function ErrorBandChart($$anchor, $$props) {
|
|
15196
15379
|
push($$props, true);
|
|
15197
15380
|
let series = prop($$props, "series", 19, () => []), xLabels = prop($$props, "xLabels", 19, () => []), yRange = prop($$props, "yRange", 3, void 0), height = prop($$props, "height", 3, 180), unit = prop($$props, "unit", 3, ""), ariaLabel = prop($$props, "ariaLabel", 3, "Error band chart");
|
|
@@ -15226,7 +15409,7 @@ function ErrorBandChart($$anchor, $$props) {
|
|
|
15226
15409
|
var node = first_child(fragment);
|
|
15227
15410
|
{
|
|
15228
15411
|
var consequent = ($$anchor2) => {
|
|
15229
|
-
var div = root_1$
|
|
15412
|
+
var div = root_1$1s();
|
|
15230
15413
|
var svg = child(div);
|
|
15231
15414
|
var node_1 = child(svg);
|
|
15232
15415
|
each(node_1, 17, () => get(yTicks), index, ($$anchor3, v) => {
|
|
@@ -15390,13 +15573,13 @@ customElements.define("uni-error-band-chart", create_custom_element(
|
|
|
15390
15573
|
[],
|
|
15391
15574
|
{ mode: "open" }
|
|
15392
15575
|
));
|
|
15393
|
-
var root$
|
|
15576
|
+
var root$1O = /* @__PURE__ */ from_html(`<tbody><tr><td class="w-8 px-1"><button type="button" class="inline-flex h-6 w-6 cursor-pointer items-center justify-center rounded border-0 bg-transparent p-0 text-text-4 transition-colors duration-100 hover:text-text-2 focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-brand-05"><svg viewBox="0 0 10 6" fill="none" aria-hidden="true"><path d="M1 1l4 4 4-4" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></button></td><!></tr><tr><td class="border-b border-border-1 bg-divider pb-3 pl-9 pr-3 pt-2"><!></td></tr></tbody>`);
|
|
15394
15577
|
function ExpandableRow($$anchor, $$props) {
|
|
15395
15578
|
push($$props, true);
|
|
15396
15579
|
let defaultExpanded = prop($$props, "defaultExpanded", 3, false);
|
|
15397
15580
|
let open = /* @__PURE__ */ state(proxy(defaultExpanded()));
|
|
15398
15581
|
const detailId = `exp-${Math.random().toString(36).slice(2, 9)}`;
|
|
15399
|
-
var tbody = root$
|
|
15582
|
+
var tbody = root$1O();
|
|
15400
15583
|
var tr = child(tbody);
|
|
15401
15584
|
var td = child(tr);
|
|
15402
15585
|
var button = child(td);
|
|
@@ -15465,10 +15648,10 @@ function ExpandableRow_wc($$anchor, $$props) {
|
|
|
15465
15648
|
return pop($$exports);
|
|
15466
15649
|
}
|
|
15467
15650
|
customElements.define("uni-expandable-row", create_custom_element(ExpandableRow_wc, { colSpan: {}, defaultExpanded: {} }, ["default"], [], { mode: "open" }));
|
|
15468
|
-
var root$
|
|
15651
|
+
var root$1N = /* @__PURE__ */ from_html(`<span><!></span>`);
|
|
15469
15652
|
function Eyebrow($$anchor, $$props) {
|
|
15470
15653
|
let className = prop($$props, "class", 3, "");
|
|
15471
|
-
var span = root$
|
|
15654
|
+
var span = root$1N();
|
|
15472
15655
|
var node = child(span);
|
|
15473
15656
|
snippet(node, () => $$props.children ?? noop);
|
|
15474
15657
|
reset(span);
|
|
@@ -15503,11 +15686,11 @@ function Eyebrow_wc($$anchor, $$props) {
|
|
|
15503
15686
|
}
|
|
15504
15687
|
customElements.define("uni-eyebrow", create_custom_element(Eyebrow_wc, { class: {} }, ["default"], [], { mode: "open" }));
|
|
15505
15688
|
let counter$k = 0;
|
|
15506
|
-
var root_1$
|
|
15689
|
+
var root_1$1r = /* @__PURE__ */ from_html(`<span class="text-status-danger" aria-hidden="true">*</span>`);
|
|
15507
15690
|
var root_2$18 = /* @__PURE__ */ from_html(`<div class="text-12 text-text-3"> </div>`);
|
|
15508
15691
|
var root_4$B = /* @__PURE__ */ from_html(`<input class="h-[34px] w-full rounded-md border border-border-2 bg-bg-page px-3 text-13 text-text-1 outline-none transition-[border-color] duration-100 focus:border-brand-05 focus:[box-shadow:0_0_0_2px_rgba(0,111,255,0.2)] aria-[invalid='true']:border-status-danger aria-[invalid='true']:focus:[box-shadow:0_0_0_2px_rgba(240,58,58,0.12)]"/>`);
|
|
15509
15692
|
var root_5$l = /* @__PURE__ */ from_html(`<div class="text-12 text-status-danger" role="alert"> </div>`);
|
|
15510
|
-
var root$
|
|
15693
|
+
var root$1M = /* @__PURE__ */ from_html(`<div class="mb-3 flex flex-col gap-1.5"><label class="text-12 font-medium text-text-3"> <!></label> <!> <!> <!></div>`);
|
|
15511
15694
|
function Field($$anchor, $$props) {
|
|
15512
15695
|
push($$props, true);
|
|
15513
15696
|
let value = prop($$props, "value", 15, ""), id = prop($$props, "id", 3, void 0), error = prop($$props, "error", 3, void 0), required = prop($$props, "required", 3, false), hint = prop($$props, "hint", 3, void 0);
|
|
@@ -15515,13 +15698,13 @@ function Field($$anchor, $$props) {
|
|
|
15515
15698
|
let errorId = /* @__PURE__ */ user_derived(() => error() ? `${inputId}-error` : void 0);
|
|
15516
15699
|
let hintId = /* @__PURE__ */ user_derived(() => hint() ? `${inputId}-hint` : void 0);
|
|
15517
15700
|
let describedBy = /* @__PURE__ */ user_derived(() => [get(hintId), get(errorId)].filter(Boolean).join(" ") || void 0);
|
|
15518
|
-
var div = root$
|
|
15701
|
+
var div = root$1M();
|
|
15519
15702
|
var label_1 = child(div);
|
|
15520
15703
|
var text2 = child(label_1, true);
|
|
15521
15704
|
var node = sibling(text2);
|
|
15522
15705
|
{
|
|
15523
15706
|
var consequent = ($$anchor2) => {
|
|
15524
|
-
var span = root_1$
|
|
15707
|
+
var span = root_1$1r();
|
|
15525
15708
|
append($$anchor2, span);
|
|
15526
15709
|
};
|
|
15527
15710
|
if_block(node, ($$render) => {
|
|
@@ -15684,10 +15867,10 @@ customElements.define("uni-field", create_custom_element(
|
|
|
15684
15867
|
[],
|
|
15685
15868
|
{ mode: "open" }
|
|
15686
15869
|
));
|
|
15687
|
-
var root$
|
|
15870
|
+
var root$1L = /* @__PURE__ */ from_html(`<div><!></div>`);
|
|
15688
15871
|
function FieldStack($$anchor, $$props) {
|
|
15689
15872
|
let className = prop($$props, "class", 3, "");
|
|
15690
|
-
var div = root$
|
|
15873
|
+
var div = root$1L();
|
|
15691
15874
|
var node = child(div);
|
|
15692
15875
|
snippet(node, () => $$props.children ?? noop);
|
|
15693
15876
|
reset(div);
|
|
@@ -15721,10 +15904,10 @@ function FieldStack_wc($$anchor, $$props) {
|
|
|
15721
15904
|
return pop($$exports);
|
|
15722
15905
|
}
|
|
15723
15906
|
customElements.define("uni-field-stack", create_custom_element(FieldStack_wc, { class: {} }, ["default"], [], { mode: "open" }));
|
|
15724
|
-
var root_1$
|
|
15907
|
+
var root_1$1q = /* @__PURE__ */ from_svg(`<path d="M5 13l4 4L19 7" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none"></path>`);
|
|
15725
15908
|
var root_2$17 = /* @__PURE__ */ from_svg(`<path d="M12 15V3m0 0L8 7m4-4 4 4" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none"></path><path d="M3 15v4a2 2 0 002 2h14a2 2 0 002-2v-4" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" fill="none"></path>`, 1);
|
|
15726
15909
|
var root_3$L = /* @__PURE__ */ from_html(`<p class="m-0 mt-1 text-11 text-text-4"> </p>`);
|
|
15727
|
-
var root$
|
|
15910
|
+
var root$1K = /* @__PURE__ */ from_html(`<div role="button" class="flex cursor-pointer select-none flex-col items-center justify-center gap-2.5 rounded-[10px] border-[1.5px] border-dashed border-border-3 bg-divider p-6 text-center transition-[border-color,background-color] duration-100 hover:border-text-3 data-[drag=true]:border-brand-05 data-[drag=true]:bg-brand-05/[0.08] data-[done=true]:border-status-success data-[done=true]:bg-status-success/[0.08] data-[disabled=true]:cursor-not-allowed data-[disabled=true]:opacity-40 focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-brand-05"><input type="file" class="sr-only"/> <svg class="h-7 w-7 shrink-0 text-text-4" viewBox="0 0 24 24" aria-hidden="true" focusable="false"><!></svg> <div><span class="block text-13 text-text-2"> </span> <!></div></div>`);
|
|
15728
15911
|
function FileUpload($$anchor, $$props) {
|
|
15729
15912
|
push($$props, true);
|
|
15730
15913
|
let label = prop($$props, "label", 3, "Upload file"), hint = prop($$props, "hint", 3, void 0), accept = prop($$props, "accept", 3, void 0), multiple = prop($$props, "multiple", 3, false), disabled = prop($$props, "disabled", 3, false);
|
|
@@ -15764,7 +15947,7 @@ function FileUpload($$anchor, $$props) {
|
|
|
15764
15947
|
if (!disabled()) get(inputEl)?.click();
|
|
15765
15948
|
}
|
|
15766
15949
|
}
|
|
15767
|
-
var div = root$
|
|
15950
|
+
var div = root$1K();
|
|
15768
15951
|
var input = child(div);
|
|
15769
15952
|
set_attribute(input, "tabindex", -1);
|
|
15770
15953
|
bind_this(input, ($$value) => set(inputEl, $$value), () => get(inputEl));
|
|
@@ -15772,7 +15955,7 @@ function FileUpload($$anchor, $$props) {
|
|
|
15772
15955
|
var node = child(svg);
|
|
15773
15956
|
{
|
|
15774
15957
|
var consequent = ($$anchor2) => {
|
|
15775
|
-
var path = root_1$
|
|
15958
|
+
var path = root_1$1q();
|
|
15776
15959
|
append($$anchor2, path);
|
|
15777
15960
|
};
|
|
15778
15961
|
var alternate = ($$anchor2) => {
|
|
@@ -15920,7 +16103,7 @@ function defaultOp(type) {
|
|
|
15920
16103
|
return opsFor(type)[0];
|
|
15921
16104
|
}
|
|
15922
16105
|
var root_2$16 = /* @__PURE__ */ from_html(`<button type="button" class="cursor-pointer border-0 bg-transparent px-2.5 py-0.5 text-11 font-bold uppercase tracking-[0.06em] text-text-4 hover:bg-row-active hover:text-text-1 aria-pressed:bg-brand-05/[0.18] aria-pressed:text-status-info focus-visible:outline-2 focus-visible:outline-offset-[-2px] focus-visible:outline-brand-05"> </button>`);
|
|
15923
|
-
var root_1$
|
|
16106
|
+
var root_1$1p = /* @__PURE__ */ from_html(`<span class="text-13 text-text-4">Match</span> <div class="flex overflow-hidden rounded border border-border-2" role="group" aria-label="Conjunction"></div> <span class="text-13 text-text-4">conditions</span>`, 1);
|
|
15924
16107
|
var root_3$K = /* @__PURE__ */ from_html(`<button type="button" aria-label="Clear all filters" class="cursor-pointer border-0 bg-transparent px-1.5 py-1 text-12 leading-none text-text-4 hover:text-text-1 focus-visible:rounded-sm focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-brand-05">Clear</button>`);
|
|
15925
16108
|
var root_6$8 = /* @__PURE__ */ from_html(`<option> </option>`);
|
|
15926
16109
|
var root_7$8 = /* @__PURE__ */ from_html(`<option> </option>`);
|
|
@@ -15929,7 +16112,7 @@ var root_8$7 = /* @__PURE__ */ from_html(`<select><option>Any</option><!></selec
|
|
|
15929
16112
|
var root_10$3 = /* @__PURE__ */ from_html(`<input placeholder="Value…"/>`);
|
|
15930
16113
|
var root_5$k = /* @__PURE__ */ from_html(`<li class="flex items-center gap-1.5"><label class="sr-only"></label> <select></select> <label class="sr-only"></label> <select></select> <label class="sr-only"></label> <!> <button type="button" class="flex h-[26px] w-[26px] shrink-0 cursor-pointer items-center justify-center rounded-md border-0 bg-transparent text-text-4 hover:bg-status-danger/10 hover:text-status-danger focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-brand-05"><svg viewBox="0 0 12 12" width="10" height="10" aria-hidden="true" fill="currentColor"><path d="M1 1l10 10M11 1L1 11" stroke="currentColor" stroke-width="1.8" stroke-linecap="round"></path></svg></button></li>`);
|
|
15931
16114
|
var root_4$A = /* @__PURE__ */ from_html(`<ul class="m-0 flex list-none flex-col gap-1 p-0" aria-label="Filter rules"></ul>`);
|
|
15932
|
-
var root$
|
|
16115
|
+
var root$1J = /* @__PURE__ */ from_html(`<div class="flex flex-col gap-1.5" role="group"><div class="flex min-h-8 flex-wrap items-center gap-2"><span class="mr-1 text-12 font-semibold uppercase tracking-[0.05em] text-text-3">Filters</span> <!> <button type="button" aria-label="Add filter rule" class="ml-auto cursor-pointer rounded border border-dashed border-border-3 bg-transparent px-2.5 py-1 text-12 leading-none text-brand-05 hover:border-brand-05 hover:bg-brand-05/[0.08] focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-brand-05">+ Add rule</button> <!></div> <!></div>`);
|
|
15933
16116
|
function FilterBuilder($$anchor, $$props) {
|
|
15934
16117
|
push($$props, true);
|
|
15935
16118
|
let fields = prop($$props, "fields", 19, () => []), value = prop($$props, "value", 19, () => []), conjunction = prop($$props, "conjunction", 3, "and"), ariaLabel = prop($$props, "ariaLabel", 3, "Filter builder");
|
|
@@ -15966,12 +16149,12 @@ function FilterBuilder($$anchor, $$props) {
|
|
|
15966
16149
|
const SELECT_CHEVRON = `background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%236E7079' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center;`;
|
|
15967
16150
|
const SELECT_CLS = "h-[30px] cursor-pointer appearance-none rounded border border-border-2 bg-row-active px-2 pr-6 text-13 leading-none text-text-1 outline-none transition-colors duration-100 hover:border-border-3 focus:border-brand-05";
|
|
15968
16151
|
const INPUT_CLS = "h-[30px] min-w-[140px] flex-1 rounded border border-border-2 bg-row-active px-2 text-13 leading-none text-text-1 outline-none transition-colors duration-100 placeholder:text-text-4 hover:border-border-3 focus:border-brand-05";
|
|
15969
|
-
var div = root$
|
|
16152
|
+
var div = root$1J();
|
|
15970
16153
|
var div_1 = child(div);
|
|
15971
16154
|
var node = sibling(child(div_1), 2);
|
|
15972
16155
|
{
|
|
15973
16156
|
var consequent = ($$anchor2) => {
|
|
15974
|
-
var fragment = root_1$
|
|
16157
|
+
var fragment = root_1$1p();
|
|
15975
16158
|
var div_2 = sibling(first_child(fragment), 2);
|
|
15976
16159
|
each(div_2, 21, () => CONJUNCTIONS, index, ($$anchor3, c) => {
|
|
15977
16160
|
var button = root_2$16();
|
|
@@ -16380,7 +16563,7 @@ function FlameGraph_wc($$anchor, $$props) {
|
|
|
16380
16563
|
customElements.define("uni-flame-graph", create_custom_element(FlameGraph_wc, { root: {}, height: {}, ariaLabel: {} }, ["default"], [], { mode: "open" }));
|
|
16381
16564
|
var root_3$J = /* @__PURE__ */ from_svg(`<line stroke="rgba(255,255,255,0.12)" stroke-width="1.5"></line>`);
|
|
16382
16565
|
var root_4$y = /* @__PURE__ */ from_svg(`<g><circle fill-opacity="0.85"></circle><text fill="#A4A7B5" font-size="8" text-anchor="middle" font-family="inherit"> </text></g>`);
|
|
16383
|
-
var root_1$
|
|
16566
|
+
var root_1$1o = /* @__PURE__ */ from_html(`<div role="img" style="width:100%;"><svg style="width:100%;height:auto;display:block;" aria-hidden="true" focusable="false"><!><!></svg></div>`);
|
|
16384
16567
|
function ForceGraph($$anchor, $$props) {
|
|
16385
16568
|
push($$props, true);
|
|
16386
16569
|
let nodes = prop($$props, "nodes", 19, () => []), links = prop($$props, "links", 19, () => []), height = prop($$props, "height", 3, 260), ariaLabel = prop($$props, "ariaLabel", 3, "Force-directed network graph");
|
|
@@ -16451,7 +16634,7 @@ function ForceGraph($$anchor, $$props) {
|
|
|
16451
16634
|
var node = first_child(fragment);
|
|
16452
16635
|
{
|
|
16453
16636
|
var consequent_1 = ($$anchor2) => {
|
|
16454
|
-
var div = root_1$
|
|
16637
|
+
var div = root_1$1o();
|
|
16455
16638
|
var svg = child(div);
|
|
16456
16639
|
var node_1 = child(svg);
|
|
16457
16640
|
each(node_1, 17, links, index, ($$anchor3, l) => {
|
|
@@ -16569,10 +16752,10 @@ function ForceGraph_wc($$anchor, $$props) {
|
|
|
16569
16752
|
return pop($$exports);
|
|
16570
16753
|
}
|
|
16571
16754
|
customElements.define("uni-force-graph", create_custom_element(ForceGraph_wc, { nodes: {}, links: {}, height: {}, ariaLabel: {} }, ["default"], [], { mode: "open" }));
|
|
16572
|
-
var root$
|
|
16755
|
+
var root$1I = /* @__PURE__ */ from_html(`<div><!></div>`);
|
|
16573
16756
|
function FormActions($$anchor, $$props) {
|
|
16574
16757
|
let className = prop($$props, "class", 3, "");
|
|
16575
|
-
var div = root$
|
|
16758
|
+
var div = root$1I();
|
|
16576
16759
|
var node = child(div);
|
|
16577
16760
|
snippet(node, () => $$props.children ?? noop);
|
|
16578
16761
|
reset(div);
|
|
@@ -16606,10 +16789,10 @@ function FormActions_wc($$anchor, $$props) {
|
|
|
16606
16789
|
return pop($$exports);
|
|
16607
16790
|
}
|
|
16608
16791
|
customElements.define("uni-form-actions", create_custom_element(FormActions_wc, { class: {} }, ["default"], [], { mode: "open" }));
|
|
16609
|
-
var root$
|
|
16792
|
+
var root$1H = /* @__PURE__ */ from_html(`<div><!></div>`);
|
|
16610
16793
|
function FormRow($$anchor, $$props) {
|
|
16611
16794
|
let className = prop($$props, "class", 3, "");
|
|
16612
|
-
var div = root$
|
|
16795
|
+
var div = root$1H();
|
|
16613
16796
|
var node = child(div);
|
|
16614
16797
|
snippet(node, () => $$props.children ?? noop);
|
|
16615
16798
|
reset(div);
|
|
@@ -16643,8 +16826,8 @@ function FormRow_wc($$anchor, $$props) {
|
|
|
16643
16826
|
return pop($$exports);
|
|
16644
16827
|
}
|
|
16645
16828
|
customElements.define("uni-form-row", create_custom_element(FormRow_wc, { class: {} }, ["default"], [], { mode: "open" }));
|
|
16646
|
-
var root_1$
|
|
16647
|
-
var root$
|
|
16829
|
+
var root_1$1n = /* @__PURE__ */ from_svg(`<polygon fill-opacity="0.75"></polygon><text text-anchor="middle" dominant-baseline="central" fill="rgba(255,255,255,0.9)" font-size="10" font-family="inherit" font-weight="500"> </text>`, 1);
|
|
16830
|
+
var root$1G = /* @__PURE__ */ from_html(`<div role="img" style="width:100%;"><svg style="width:100%;height:auto;display:block;" aria-hidden="true" focusable="false"></svg></div>`);
|
|
16648
16831
|
function FunnelChart($$anchor, $$props) {
|
|
16649
16832
|
push($$props, true);
|
|
16650
16833
|
let segments = prop($$props, "segments", 19, () => []), height = prop($$props, "height", 3, 160), ariaLabel = prop($$props, "ariaLabel", 3, "Funnel chart");
|
|
@@ -16673,10 +16856,10 @@ function FunnelChart($$anchor, $$props) {
|
|
|
16673
16856
|
cy: ((y0 + y1) / 2).toFixed(1)
|
|
16674
16857
|
};
|
|
16675
16858
|
}));
|
|
16676
|
-
var div = root$
|
|
16859
|
+
var div = root$1G();
|
|
16677
16860
|
var svg = child(div);
|
|
16678
16861
|
each(svg, 21, () => get(shapes), index, ($$anchor2, s) => {
|
|
16679
|
-
var fragment = root_1$
|
|
16862
|
+
var fragment = root_1$1n();
|
|
16680
16863
|
var polygon = first_child(fragment);
|
|
16681
16864
|
var text2 = sibling(polygon);
|
|
16682
16865
|
var text_1 = child(text2);
|
|
@@ -16746,9 +16929,9 @@ function FunnelChart_wc($$anchor, $$props) {
|
|
|
16746
16929
|
return pop($$exports);
|
|
16747
16930
|
}
|
|
16748
16931
|
customElements.define("uni-funnel-chart", create_custom_element(FunnelChart_wc, { segments: {}, height: {}, ariaLabel: {} }, ["default"], [], { mode: "open" }));
|
|
16749
|
-
var root_1$
|
|
16932
|
+
var root_1$1m = /* @__PURE__ */ from_svg(`<line stroke="rgba(255,255,255,0.06)" stroke-width="1"></line><text fill="#6E7079" font-size="9" text-anchor="middle" font-family="inherit"> </text>`, 1);
|
|
16750
16933
|
var root_2$14 = /* @__PURE__ */ from_svg(`<text fill="#A4A7B5" font-size="10" text-anchor="end" font-family="inherit"> </text><rect rx="3" opacity="0.85"></rect>`, 1);
|
|
16751
|
-
var root$
|
|
16934
|
+
var root$1F = /* @__PURE__ */ from_html(`<div role="img" style="width:100%;"><svg style="width:100%;height:auto;display:block;" aria-hidden="true" focusable="false"><!><!></svg></div>`);
|
|
16752
16935
|
function GanttChart($$anchor, $$props) {
|
|
16753
16936
|
push($$props, true);
|
|
16754
16937
|
let tasks = prop($$props, "tasks", 19, () => []), xLabels = prop($$props, "xLabels", 19, () => []), ariaLabel = prop($$props, "ariaLabel", 3, "Gantt chart");
|
|
@@ -16765,13 +16948,13 @@ function GanttChart($$anchor, $$props) {
|
|
|
16765
16948
|
function tx(v) {
|
|
16766
16949
|
return LABEL_W + v * TRACK_W;
|
|
16767
16950
|
}
|
|
16768
|
-
var div = root$
|
|
16951
|
+
var div = root$1F();
|
|
16769
16952
|
var svg = child(div);
|
|
16770
16953
|
var node = child(svg);
|
|
16771
16954
|
each(node, 17, () => get(ticks), index, ($$anchor2, $$item) => {
|
|
16772
16955
|
let x = () => get($$item).x;
|
|
16773
16956
|
let lbl = () => get($$item).lbl;
|
|
16774
|
-
var fragment = root_1$
|
|
16957
|
+
var fragment = root_1$1m();
|
|
16775
16958
|
var line = first_child(fragment);
|
|
16776
16959
|
set_attribute(line, "y1", PAD_T);
|
|
16777
16960
|
var text2 = sibling(line);
|
|
@@ -16867,7 +17050,7 @@ function GanttChart_wc($$anchor, $$props) {
|
|
|
16867
17050
|
return pop($$exports);
|
|
16868
17051
|
}
|
|
16869
17052
|
customElements.define("uni-gantt-chart", create_custom_element(GanttChart_wc, { tasks: {}, xLabels: {}, ariaLabel: {} }, ["default"], [], { mode: "open" }));
|
|
16870
|
-
var root$
|
|
17053
|
+
var root$1E = /* @__PURE__ */ from_html(`<div role="meter" style="display:inline-flex;flex-direction:column;align-items:center;"><svg aria-hidden="true" focusable="false"><path fill="none" stroke="rgba(255,255,255,0.08)" stroke-linecap="round"></path><path fill="none" stroke-linecap="round"></path><text text-anchor="middle" fill="#fff"> </text><text text-anchor="middle" fill="#6E7079"> </text></svg></div>`);
|
|
16871
17054
|
function Gauge($$anchor, $$props) {
|
|
16872
17055
|
let value = prop($$props, "value", 3, 0), label = prop($$props, "label", 3, ""), color = prop($$props, "color", 3, "#006FFF"), size = prop($$props, "size", 3, 120), ariaLabel = prop($$props, "ariaLabel", 3, void 0);
|
|
16873
17056
|
const sw = 10;
|
|
@@ -16881,7 +17064,7 @@ function Gauge($$anchor, $$props) {
|
|
|
16881
17064
|
let valY = /* @__PURE__ */ user_derived(() => get(cy) + Math.round(size() * 0.06));
|
|
16882
17065
|
let lblY = /* @__PURE__ */ user_derived(() => get(valY) + Math.round(size() * 0.13) + 2);
|
|
16883
17066
|
let a11yLabel = /* @__PURE__ */ user_derived(() => ariaLabel() ?? `${label()} ${value()}%`);
|
|
16884
|
-
var div = root$
|
|
17067
|
+
var div = root$1E();
|
|
16885
17068
|
set_attribute(div, "aria-valuemin", 0);
|
|
16886
17069
|
set_attribute(div, "aria-valuemax", 100);
|
|
16887
17070
|
var svg = child(div);
|
|
@@ -16991,10 +17174,10 @@ function Gauge_wc($$anchor, $$props) {
|
|
|
16991
17174
|
return pop($$exports);
|
|
16992
17175
|
}
|
|
16993
17176
|
customElements.define("uni-gauge", create_custom_element(Gauge_wc, { value: {}, label: {}, color: {}, size: {}, ariaLabel: {} }, ["default"], [], { mode: "open" }));
|
|
16994
|
-
var root$
|
|
17177
|
+
var root$1D = /* @__PURE__ */ from_html(`<div><!></div>`);
|
|
16995
17178
|
function Grid($$anchor, $$props) {
|
|
16996
17179
|
let className = prop($$props, "class", 3, "");
|
|
16997
|
-
var div = root$
|
|
17180
|
+
var div = root$1D();
|
|
16998
17181
|
var node = child(div);
|
|
16999
17182
|
snippet(node, () => $$props.children ?? noop);
|
|
17000
17183
|
reset(div);
|
|
@@ -17037,8 +17220,8 @@ var root_9$3 = /* @__PURE__ */ from_html(`<div class="truncate text-11 text-text
|
|
|
17037
17220
|
var root_10$2 = /* @__PURE__ */ from_html(`<span class="shrink-0 text-11 text-text-4 tabular-nums"> </span>`);
|
|
17038
17221
|
var root_7$7 = /* @__PURE__ */ from_html(`<li class="flex items-center gap-2 rounded px-2 py-1.5 text-13 hover:bg-divider"><!> <div class="min-w-0 flex-1"><div class="truncate text-text-2"> </div> <!></div> <!></li>`);
|
|
17039
17222
|
var root_6$7 = /* @__PURE__ */ from_html(`<ul class="m-0 flex list-none flex-col gap-0.5 p-0 pl-4" role="list"></ul>`);
|
|
17040
|
-
var root_1$
|
|
17041
|
-
var root$
|
|
17223
|
+
var root_1$1l = /* @__PURE__ */ from_html(`<div class="flex flex-col gap-0.5"><!> <!></div>`);
|
|
17224
|
+
var root$1C = /* @__PURE__ */ from_html(`<div class="flex flex-col gap-1.5"></div>`);
|
|
17042
17225
|
function GroupedList($$anchor, $$props) {
|
|
17043
17226
|
push($$props, true);
|
|
17044
17227
|
let collapsible = prop($$props, "collapsible", 3, true), ariaLabel = prop($$props, "ariaLabel", 3, "Grouped list");
|
|
@@ -17057,11 +17240,11 @@ function GroupedList($$anchor, $$props) {
|
|
|
17057
17240
|
}
|
|
17058
17241
|
const HEADER_CLS = "flex w-full items-center gap-2 rounded-md border border-border-1 bg-divider px-3 py-2 text-13 text-text-1";
|
|
17059
17242
|
const HEADER_BTN = HEADER_CLS + " cursor-pointer hover:bg-row-hover focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-brand-05";
|
|
17060
|
-
var div = root$
|
|
17243
|
+
var div = root$1C();
|
|
17061
17244
|
each(div, 21, () => $$props.groups, index, ($$anchor2, group, gi) => {
|
|
17062
17245
|
const isOpen = /* @__PURE__ */ user_derived(() => get(open)[gi]);
|
|
17063
17246
|
const panelId = /* @__PURE__ */ user_derived(() => `${uid2}-gl-${gi}`);
|
|
17064
|
-
var div_1 = root_1$
|
|
17247
|
+
var div_1 = root_1$1l();
|
|
17065
17248
|
var node = child(div_1);
|
|
17066
17249
|
{
|
|
17067
17250
|
var consequent_1 = ($$anchor3) => {
|
|
@@ -17247,10 +17430,10 @@ function GroupedList_wc($$anchor, $$props) {
|
|
|
17247
17430
|
return pop($$exports);
|
|
17248
17431
|
}
|
|
17249
17432
|
customElements.define("uni-grouped-list", create_custom_element(GroupedList_wc, { groups: {}, collapsible: {}, ariaLabel: {} }, ["default"], [], { mode: "open" }));
|
|
17250
|
-
var root$
|
|
17433
|
+
var root$1B = /* @__PURE__ */ from_html(`<h1><!></h1>`);
|
|
17251
17434
|
function H1($$anchor, $$props) {
|
|
17252
17435
|
let className = prop($$props, "class", 3, "");
|
|
17253
|
-
var h1 = root$
|
|
17436
|
+
var h1 = root$1B();
|
|
17254
17437
|
var node = child(h1);
|
|
17255
17438
|
snippet(node, () => $$props.children ?? noop);
|
|
17256
17439
|
reset(h1);
|
|
@@ -17284,10 +17467,10 @@ function H1_wc($$anchor, $$props) {
|
|
|
17284
17467
|
return pop($$exports);
|
|
17285
17468
|
}
|
|
17286
17469
|
customElements.define("uni-h1", create_custom_element(H1_wc, { class: {} }, ["default"], [], { mode: "open" }));
|
|
17287
|
-
var root$
|
|
17470
|
+
var root$1A = /* @__PURE__ */ from_html(`<h2><!></h2>`);
|
|
17288
17471
|
function H2($$anchor, $$props) {
|
|
17289
17472
|
let className = prop($$props, "class", 3, "");
|
|
17290
|
-
var h2 = root$
|
|
17473
|
+
var h2 = root$1A();
|
|
17291
17474
|
var node = child(h2);
|
|
17292
17475
|
snippet(node, () => $$props.children ?? noop);
|
|
17293
17476
|
reset(h2);
|
|
@@ -17321,10 +17504,10 @@ function H2_wc($$anchor, $$props) {
|
|
|
17321
17504
|
return pop($$exports);
|
|
17322
17505
|
}
|
|
17323
17506
|
customElements.define("uni-h2", create_custom_element(H2_wc, { class: {} }, ["default"], [], { mode: "open" }));
|
|
17324
|
-
var root$
|
|
17507
|
+
var root$1z = /* @__PURE__ */ from_html(`<h3><!></h3>`);
|
|
17325
17508
|
function H3($$anchor, $$props) {
|
|
17326
17509
|
let className = prop($$props, "class", 3, "");
|
|
17327
|
-
var h3 = root$
|
|
17510
|
+
var h3 = root$1z();
|
|
17328
17511
|
var node = child(h3);
|
|
17329
17512
|
snippet(node, () => $$props.children ?? noop);
|
|
17330
17513
|
reset(h3);
|
|
@@ -17358,10 +17541,10 @@ function H3_wc($$anchor, $$props) {
|
|
|
17358
17541
|
return pop($$exports);
|
|
17359
17542
|
}
|
|
17360
17543
|
customElements.define("uni-h3", create_custom_element(H3_wc, { class: {} }, ["default"], [], { mode: "open" }));
|
|
17361
|
-
var root$
|
|
17544
|
+
var root$1y = /* @__PURE__ */ from_html(`<h4><!></h4>`);
|
|
17362
17545
|
function H4($$anchor, $$props) {
|
|
17363
17546
|
let className = prop($$props, "class", 3, "");
|
|
17364
|
-
var h4 = root$
|
|
17547
|
+
var h4 = root$1y();
|
|
17365
17548
|
var node = child(h4);
|
|
17366
17549
|
snippet(node, () => $$props.children ?? noop);
|
|
17367
17550
|
reset(h4);
|
|
@@ -17395,11 +17578,11 @@ function H4_wc($$anchor, $$props) {
|
|
|
17395
17578
|
return pop($$exports);
|
|
17396
17579
|
}
|
|
17397
17580
|
customElements.define("uni-h4", create_custom_element(H4_wc, { class: {} }, ["default"], [], { mode: "open" }));
|
|
17398
|
-
var root$
|
|
17581
|
+
var root$1x = /* @__PURE__ */ from_html(`<div class="h-1 overflow-hidden rounded-sm bg-row-active" role="progressbar"><div class="h-full bg-gradient-to-r from-brand-05 to-brand-06"></div></div>`);
|
|
17399
17582
|
function HealthBar($$anchor, $$props) {
|
|
17400
17583
|
let fillStyle = prop($$props, "fillStyle", 3, ""), label = prop($$props, "label", 3, void 0), valueText = prop($$props, "valueText", 3, void 0);
|
|
17401
17584
|
let clamped = /* @__PURE__ */ user_derived(() => Math.max(0, Math.min(100, $$props.value)));
|
|
17402
|
-
var div = root$
|
|
17585
|
+
var div = root$1x();
|
|
17403
17586
|
set_attribute(div, "aria-valuemin", 0);
|
|
17404
17587
|
set_attribute(div, "aria-valuemax", 100);
|
|
17405
17588
|
var div_1 = child(div);
|
|
@@ -17472,9 +17655,9 @@ function HealthBar_wc($$anchor, $$props) {
|
|
|
17472
17655
|
return pop($$exports);
|
|
17473
17656
|
}
|
|
17474
17657
|
customElements.define("uni-health-bar", create_custom_element(HealthBar_wc, { value: {}, fillStyle: {}, label: {}, valueText: {} }, ["default"], [], { mode: "open" }));
|
|
17475
|
-
var root_1$
|
|
17658
|
+
var root_1$1k = /* @__PURE__ */ from_svg(`<rect></rect>`);
|
|
17476
17659
|
var root_2$12 = /* @__PURE__ */ from_svg(`<text text-anchor="middle" fill="#6E7079" font-size="9"> </text>`);
|
|
17477
|
-
var root$
|
|
17660
|
+
var root$1w = /* @__PURE__ */ from_html(`<div role="img" style="width:100%;"><svg style="width:100%;height:auto;display:block;" aria-hidden="true" focusable="false"><!><!></svg></div>`);
|
|
17478
17661
|
function HeatMap($$anchor, $$props) {
|
|
17479
17662
|
push($$props, true);
|
|
17480
17663
|
let data = prop($$props, "data", 19, () => []), colors = prop($$props, "colors", 19, () => [
|
|
@@ -17520,11 +17703,11 @@ function HeatMap($$anchor, $$props) {
|
|
|
17520
17703
|
x: (PAD_BASE.l + (xLabels().length > 1 ? i / (xLabels().length - 1) * get(chartW) : get(chartW) / 2)).toFixed(1),
|
|
17521
17704
|
y: height() - 2
|
|
17522
17705
|
})));
|
|
17523
|
-
var div = root$
|
|
17706
|
+
var div = root$1w();
|
|
17524
17707
|
var svg = child(div);
|
|
17525
17708
|
var node = child(svg);
|
|
17526
17709
|
each(node, 17, () => get(rects), (r2) => r2.key, ($$anchor2, r2) => {
|
|
17527
|
-
var rect = root_1$
|
|
17710
|
+
var rect = root_1$1k();
|
|
17528
17711
|
template_effect(() => {
|
|
17529
17712
|
set_attribute(rect, "x", get(r2).x);
|
|
17530
17713
|
set_attribute(rect, "y", get(r2).y);
|
|
@@ -17665,7 +17848,7 @@ customElements.define("uni-heat-map", create_custom_element(
|
|
|
17665
17848
|
var root_2$11 = /* @__PURE__ */ from_svg(`<line stroke="rgba(255,255,255,0.06)" stroke-width="1"></line><text fill="#6E7079" font-size="8" text-anchor="end" font-family="inherit"> </text>`, 1);
|
|
17666
17849
|
var root_4$w = /* @__PURE__ */ from_svg(`<path stroke="rgba(0,111,255,0.2)" stroke-width="0.5"></path>`);
|
|
17667
17850
|
var root_5$h = /* @__PURE__ */ from_svg(`<text fill="#6E7079" font-size="8" text-anchor="middle" font-family="inherit"> </text>`);
|
|
17668
|
-
var root_1$
|
|
17851
|
+
var root_1$1j = /* @__PURE__ */ from_html(`<div role="img" style="width:100%;"><svg style="width:100%;height:auto;display:block;" aria-hidden="true" focusable="false"><!><!><!></svg></div>`);
|
|
17669
17852
|
function HexbinChart($$anchor, $$props) {
|
|
17670
17853
|
push($$props, true);
|
|
17671
17854
|
let points = prop($$props, "points", 19, () => []), xRange = prop($$props, "xRange", 3, void 0), yRange = prop($$props, "yRange", 3, void 0), height = prop($$props, "height", 3, 200), hexRadius = prop($$props, "hexRadius", 3, 10), ariaLabel = prop($$props, "ariaLabel", 3, "Hexbin chart");
|
|
@@ -17732,7 +17915,7 @@ function HexbinChart($$anchor, $$props) {
|
|
|
17732
17915
|
var node = first_child(fragment);
|
|
17733
17916
|
{
|
|
17734
17917
|
var consequent_1 = ($$anchor2) => {
|
|
17735
|
-
var div = root_1$
|
|
17918
|
+
var div = root_1$1j();
|
|
17736
17919
|
var svg = child(div);
|
|
17737
17920
|
var node_1 = child(svg);
|
|
17738
17921
|
each(node_1, 17, () => get(yTicks), index, ($$anchor3, v) => {
|
|
@@ -17912,10 +18095,10 @@ customElements.define("uni-hexbin-chart", create_custom_element(
|
|
|
17912
18095
|
[],
|
|
17913
18096
|
{ mode: "open" }
|
|
17914
18097
|
));
|
|
17915
|
-
var root_1$
|
|
18098
|
+
var root_1$1i = /* @__PURE__ */ from_svg(`<g><line stroke="rgba(255,255,255,0.06)" stroke-width="1"></line><text fill="#6E7079" font-size="9" text-anchor="end" font-family="inherit"> </text></g>`);
|
|
17916
18099
|
var root_2$10 = /* @__PURE__ */ from_svg(`<rect opacity="0.85"></rect>`);
|
|
17917
18100
|
var root_3$H = /* @__PURE__ */ from_svg(`<text fill="#6E7079" font-size="9" text-anchor="middle" font-family="inherit"> </text>`);
|
|
17918
|
-
var root$
|
|
18101
|
+
var root$1v = /* @__PURE__ */ from_html(`<div role="img" style="width:100%;"><svg style="width:100%;height:auto;display:block;" aria-hidden="true" focusable="false"><!><!><line stroke="rgba(255,255,255,0.12)" stroke-width="1"></line><!></svg></div>`);
|
|
17919
18102
|
function Histogram($$anchor, $$props) {
|
|
17920
18103
|
push($$props, true);
|
|
17921
18104
|
let bins = prop($$props, "bins", 19, () => []), height = prop($$props, "height", 3, 160), color = prop($$props, "color", 3, "#006FFF"), xUnit = prop($$props, "xUnit", 3, ""), ariaLabel = prop($$props, "ariaLabel", 3, "Histogram");
|
|
@@ -17949,12 +18132,12 @@ function Histogram($$anchor, $$props) {
|
|
|
17949
18132
|
function by(count) {
|
|
17950
18133
|
return PAD_T + get(PLOT_H) - bh(count);
|
|
17951
18134
|
}
|
|
17952
|
-
var div = root$
|
|
18135
|
+
var div = root$1v();
|
|
17953
18136
|
var svg = child(div);
|
|
17954
18137
|
var node = child(svg);
|
|
17955
18138
|
each(node, 17, () => get(yTicks), index, ($$anchor2, tick2) => {
|
|
17956
18139
|
const ty = /* @__PURE__ */ user_derived(() => PAD_T + get(PLOT_H) - get(tick2) / get(maxCount) * get(PLOT_H));
|
|
17957
|
-
var g = root_1$
|
|
18140
|
+
var g = root_1$1i();
|
|
17958
18141
|
var line = child(g);
|
|
17959
18142
|
set_attribute(line, "x1", PAD_L);
|
|
17960
18143
|
set_attribute(line, "x2", PAD_L + get(PLOT_W));
|
|
@@ -18086,7 +18269,7 @@ customElements.define("uni-histogram", create_custom_element(Histogram_wc, { bin
|
|
|
18086
18269
|
var root_3$G = /* @__PURE__ */ from_svg(`<rect rx="1"></rect>`);
|
|
18087
18270
|
var root_2$$ = /* @__PURE__ */ from_svg(`<text text-anchor="end" fill="#C8C9D0" font-size="9" font-family="inherit"> </text><rect fill="rgba(255,255,255,0.04)" rx="2"></rect><!>`, 1);
|
|
18088
18271
|
var root_4$v = /* @__PURE__ */ from_svg(`<text fill="#6E7079" font-size="8" font-family="inherit"> </text>`);
|
|
18089
|
-
var root_1$
|
|
18272
|
+
var root_1$1h = /* @__PURE__ */ from_html(`<div role="img" style="width:100%;"><svg style="width:100%;height:auto;display:block;" aria-hidden="true" focusable="false"><!><!></svg></div>`);
|
|
18090
18273
|
function HorizonChart($$anchor, $$props) {
|
|
18091
18274
|
push($$props, true);
|
|
18092
18275
|
let series = prop($$props, "series", 19, () => []), xLabels = prop($$props, "xLabels", 3, void 0), bands = prop($$props, "bands", 3, 3), ariaLabel = prop($$props, "ariaLabel", 3, "Horizon chart");
|
|
@@ -18134,7 +18317,7 @@ function HorizonChart($$anchor, $$props) {
|
|
|
18134
18317
|
var node = first_child(fragment);
|
|
18135
18318
|
{
|
|
18136
18319
|
var consequent = ($$anchor2) => {
|
|
18137
|
-
var div = root_1$
|
|
18320
|
+
var div = root_1$1h();
|
|
18138
18321
|
var svg = child(div);
|
|
18139
18322
|
var node_1 = child(svg);
|
|
18140
18323
|
each(node_1, 17, () => get(rows), index, ($$anchor3, row) => {
|
|
@@ -18253,8 +18436,8 @@ function HorizonChart_wc($$anchor, $$props) {
|
|
|
18253
18436
|
}
|
|
18254
18437
|
customElements.define("uni-horizon-chart", create_custom_element(HorizonChart_wc, { series: {}, xLabels: {}, bands: {}, ariaLabel: {} }, ["default"], [], { mode: "open" }));
|
|
18255
18438
|
let counter$i = 0;
|
|
18256
|
-
var root_1$
|
|
18257
|
-
var root$
|
|
18439
|
+
var root_1$1g = /* @__PURE__ */ from_html(`<div role="tooltip"><!></div>`);
|
|
18440
|
+
var root$1u = /* @__PURE__ */ from_html(`<div role="group"><div class="block"><!></div> <!></div>`);
|
|
18258
18441
|
function HoverCard($$anchor, $$props) {
|
|
18259
18442
|
push($$props, true);
|
|
18260
18443
|
let placement = prop($$props, "placement", 3, "bottom"), delay = prop($$props, "delay", 3, 300), className = prop($$props, "class", 3, "");
|
|
@@ -18283,7 +18466,7 @@ function HoverCard($$anchor, $$props) {
|
|
|
18283
18466
|
left: "right-[calc(100%+6px)] top-0",
|
|
18284
18467
|
right: "left-[calc(100%+6px)] top-0"
|
|
18285
18468
|
};
|
|
18286
|
-
var div = root$
|
|
18469
|
+
var div = root$1u();
|
|
18287
18470
|
var div_1 = child(div);
|
|
18288
18471
|
var node = child(div_1);
|
|
18289
18472
|
snippet(node, () => $$props.trigger ?? noop);
|
|
@@ -18291,7 +18474,7 @@ function HoverCard($$anchor, $$props) {
|
|
|
18291
18474
|
var node_1 = sibling(div_1, 2);
|
|
18292
18475
|
{
|
|
18293
18476
|
var consequent = ($$anchor2) => {
|
|
18294
|
-
var div_2 = root_1$
|
|
18477
|
+
var div_2 = root_1$1g();
|
|
18295
18478
|
var node_2 = child(div_2);
|
|
18296
18479
|
snippet(node_2, () => $$props.content ?? noop);
|
|
18297
18480
|
reset(div_2);
|
|
@@ -18366,10 +18549,10 @@ function HoverCard_wc($$anchor, $$props) {
|
|
|
18366
18549
|
}
|
|
18367
18550
|
customElements.define("uni-hover-card", create_custom_element(HoverCard_wc, { placement: {}, delay: {}, class: {} }, ["default"], [], { mode: "open" }));
|
|
18368
18551
|
let counter$h = 0;
|
|
18369
|
-
var root_1$
|
|
18552
|
+
var root_1$1f = /* @__PURE__ */ from_html(`<label class="text-12 text-text-4"> </label>`);
|
|
18370
18553
|
var root_3$F = /* @__PURE__ */ from_html(`<span aria-hidden="true" class="select-none text-13 leading-none text-text-4">.</span>`);
|
|
18371
18554
|
var root_2$_ = /* @__PURE__ */ from_html(`<input type="text" inputmode="numeric" pattern="[0-9]*" role="spinbutton"/> <!>`, 1);
|
|
18372
|
-
var root$
|
|
18555
|
+
var root$1t = /* @__PURE__ */ from_html(`<div><!> <div role="group" class="inline-flex h-[34px] items-center gap-0.5 rounded-md border border-border-2 bg-bg-page px-2 transition-colors duration-100 focus-within:border-brand-05 data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-40"></div></div>`);
|
|
18373
18556
|
function IPInput($$anchor, $$props) {
|
|
18374
18557
|
push($$props, true);
|
|
18375
18558
|
let label = prop($$props, "label", 3, void 0), value = prop($$props, "value", 15, "0.0.0.0"), disabled = prop($$props, "disabled", 3, false), className = prop($$props, "class", 3, "");
|
|
@@ -18437,11 +18620,11 @@ function IPInput($$anchor, $$props) {
|
|
|
18437
18620
|
}
|
|
18438
18621
|
}
|
|
18439
18622
|
const OCTET_CLS = "w-9 border-0 bg-transparent p-0 text-center font-mono text-13 text-text-1 outline-none [appearance:textfield] [&::-webkit-inner-spin-button]:m-0 [&::-webkit-inner-spin-button]:appearance-none [&::-webkit-outer-spin-button]:m-0 [&::-webkit-outer-spin-button]:appearance-none";
|
|
18440
|
-
var div = root$
|
|
18623
|
+
var div = root$1t();
|
|
18441
18624
|
var node = child(div);
|
|
18442
18625
|
{
|
|
18443
18626
|
var consequent = ($$anchor2) => {
|
|
18444
|
-
var label_1 = root_1$
|
|
18627
|
+
var label_1 = root_1$1f();
|
|
18445
18628
|
var text_1 = child(label_1, true);
|
|
18446
18629
|
reset(label_1);
|
|
18447
18630
|
template_effect(() => {
|
|
@@ -18782,7 +18965,7 @@ function IconButton_wc($$anchor, $$props) {
|
|
|
18782
18965
|
return pop($$exports);
|
|
18783
18966
|
}
|
|
18784
18967
|
customElements.define("uni-icon-button", create_custom_element(IconButton_wc, { title: {}, type: {}, class: {}, style: {} }, ["default"], [], { mode: "open" }));
|
|
18785
|
-
var root_1$
|
|
18968
|
+
var root_1$1e = /* @__PURE__ */ from_html(`<span class="inline-flex items-center gap-1"><input class="min-w-[80px] max-w-[200px] rounded-[5px] border border-brand-05/50 bg-row-active px-[7px] py-0.5 text-13 leading-none text-text-1 outline-none focus:border-brand-05 focus:bg-brand-05/[0.08]"/> <button type="button" aria-label="Save" class="inline-flex cursor-pointer items-center rounded border-0 bg-transparent px-1 py-0.5 text-status-success transition-[color,background-color] duration-100 hover:bg-status-success/15 focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-brand-05"><svg viewBox="0 0 14 14" width="12" height="12" fill="none" aria-hidden="true" focusable="false"><path d="M2.5 7.5l3.5 3.5L12 3" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></button> <button type="button" aria-label="Cancel" class="inline-flex cursor-pointer items-center rounded border-0 bg-transparent px-1 py-0.5 text-text-4 transition-[color,background-color] duration-100 hover:bg-row-active hover:text-text-2 focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-brand-05"><svg viewBox="0 0 14 14" width="12" height="12" fill="none" aria-hidden="true" focusable="false"><path d="M3 3l8 8M11 3l-8 8" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"></path></svg></button></span>`);
|
|
18786
18969
|
var root_2$Y = /* @__PURE__ */ from_html(`<span class="group/ie inline-flex items-center gap-1"><span class="text-13 text-text-1"> </span> <button type="button" class="inline-flex cursor-pointer items-center rounded border-0 bg-transparent px-1 py-0.5 text-text-4 opacity-0 transition-[opacity,color] duration-100 hover:text-text-2 focus-visible:opacity-100 focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-brand-05 group-hover/ie:opacity-100"><svg viewBox="0 0 14 14" width="12" height="12" fill="none" aria-hidden="true" focusable="false"><path d="M9.5 2l2.5 2.5-8 8H1.5v-2.5l8-8z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></button></span>`);
|
|
18787
18970
|
function InlineEdit($$anchor, $$props) {
|
|
18788
18971
|
push($$props, true);
|
|
@@ -18824,7 +19007,7 @@ function InlineEdit($$anchor, $$props) {
|
|
|
18824
19007
|
var node = first_child(fragment);
|
|
18825
19008
|
{
|
|
18826
19009
|
var consequent = ($$anchor2) => {
|
|
18827
|
-
var span = root_1$
|
|
19010
|
+
var span = root_1$1e();
|
|
18828
19011
|
var input = child(span);
|
|
18829
19012
|
remove_input_defaults(input);
|
|
18830
19013
|
bind_this(input, ($$value) => set(inputEl, $$value), () => get(inputEl));
|
|
@@ -18912,7 +19095,7 @@ function InlineEdit_wc($$anchor, $$props) {
|
|
|
18912
19095
|
return pop($$exports);
|
|
18913
19096
|
}
|
|
18914
19097
|
customElements.define("uni-inline-edit", create_custom_element(InlineEdit_wc, { value: {}, label: {}, placeholder: {} }, ["default"], [], { mode: "open" }));
|
|
18915
|
-
var root_1$
|
|
19098
|
+
var root_1$1d = /* @__PURE__ */ from_html(`<input type="text"/>`);
|
|
18916
19099
|
var root_2$X = /* @__PURE__ */ from_html(`<input type="password"/>`);
|
|
18917
19100
|
var root_3$E = /* @__PURE__ */ from_html(`<input type="number"/>`);
|
|
18918
19101
|
var root_4$t = /* @__PURE__ */ from_html(`<input/>`);
|
|
@@ -18923,7 +19106,7 @@ function Input($$anchor, $$props) {
|
|
|
18923
19106
|
var node = first_child(fragment);
|
|
18924
19107
|
{
|
|
18925
19108
|
var consequent = ($$anchor2) => {
|
|
18926
|
-
var input = root_1$
|
|
19109
|
+
var input = root_1$1d();
|
|
18927
19110
|
remove_input_defaults(input);
|
|
18928
19111
|
template_effect(() => {
|
|
18929
19112
|
set_class(input, 1, `h-[34px] w-full rounded-md border border-border-2 bg-bg-page px-3 text-13 text-text-1 outline-none transition-[border-color] duration-100 focus:border-brand-05 focus:[box-shadow:0_0_0_2px_rgba(0,111,255,0.2)] aria-[invalid='true']:border-status-danger aria-[invalid='true']:focus:[box-shadow:0_0_0_2px_rgba(240,58,58,0.12)] ${className() ?? ""}`);
|
|
@@ -19093,16 +19276,16 @@ function Input_wc($$anchor, $$props) {
|
|
|
19093
19276
|
return pop($$exports);
|
|
19094
19277
|
}
|
|
19095
19278
|
customElements.define("uni-input", create_custom_element(Input_wc, { value: {}, placeholder: {}, type: {}, class: {}, style: {} }, ["default"], [], { mode: "open" }));
|
|
19096
|
-
var root_1$
|
|
19279
|
+
var root_1$1c = /* @__PURE__ */ from_html(`<span class="flex shrink-0 select-none items-center whitespace-nowrap rounded-l-md border border-r-0 border-border-2 bg-row-active px-2.5 text-13 text-text-4"> </span>`);
|
|
19097
19280
|
var root_2$W = /* @__PURE__ */ from_html(`<span class="flex shrink-0 select-none items-center whitespace-nowrap rounded-r-md border border-l-0 border-border-2 bg-row-active px-2.5 text-13 text-text-4"> </span>`);
|
|
19098
|
-
var root$
|
|
19281
|
+
var root$1s = /* @__PURE__ */ from_html(`<div><!> <!> <!></div>`);
|
|
19099
19282
|
function InputGroup($$anchor, $$props) {
|
|
19100
19283
|
let prefix = prop($$props, "prefix", 3, void 0), suffix = prop($$props, "suffix", 3, void 0);
|
|
19101
|
-
var div = root$
|
|
19284
|
+
var div = root$1s();
|
|
19102
19285
|
var node = child(div);
|
|
19103
19286
|
{
|
|
19104
19287
|
var consequent = ($$anchor2) => {
|
|
19105
|
-
var span = root_1$
|
|
19288
|
+
var span = root_1$1c();
|
|
19106
19289
|
var text2 = child(span, true);
|
|
19107
19290
|
reset(span);
|
|
19108
19291
|
template_effect(() => set_text(text2, prefix()));
|
|
@@ -19176,7 +19359,7 @@ var root_3$D = /* @__PURE__ */ from_html(`<span>null</span>`);
|
|
|
19176
19359
|
var root_4$s = /* @__PURE__ */ from_html(`<span> </span>`);
|
|
19177
19360
|
var root_5$f = /* @__PURE__ */ from_html(`<span> </span>`);
|
|
19178
19361
|
var root_6$6 = /* @__PURE__ */ from_html(`<span> </span>`);
|
|
19179
|
-
var root_1$
|
|
19362
|
+
var root_1$1b = /* @__PURE__ */ from_html(`<div role="treeitem" aria-selected="false" class="px-3 py-px"><!> <!></div>`);
|
|
19180
19363
|
var root_8$5 = /* @__PURE__ */ from_html(`<span> </span><span>:</span>`, 1);
|
|
19181
19364
|
var root_9$2 = /* @__PURE__ */ from_html(`<span> </span><span> </span>`, 1);
|
|
19182
19365
|
var root_10$1 = /* @__PURE__ */ from_html(`<div role="group" class="block"><!> <div class="px-3 py-px"><span> </span></div></div>`);
|
|
@@ -19205,7 +19388,7 @@ function JsonViewerNode_1($$anchor, $$props) {
|
|
|
19205
19388
|
var node = first_child(fragment);
|
|
19206
19389
|
{
|
|
19207
19390
|
var consequent_4 = ($$anchor2) => {
|
|
19208
|
-
var div = root_1$
|
|
19391
|
+
var div = root_1$1b();
|
|
19209
19392
|
let styles;
|
|
19210
19393
|
var node_1 = child(div);
|
|
19211
19394
|
{
|
|
@@ -19386,11 +19569,11 @@ function JsonViewerNode_1($$anchor, $$props) {
|
|
|
19386
19569
|
pop();
|
|
19387
19570
|
}
|
|
19388
19571
|
delegate(["click"]);
|
|
19389
|
-
var root_1$
|
|
19572
|
+
var root_1$1a = /* @__PURE__ */ from_html(`<div class="overflow-auto rounded-md border border-border-1 bg-bg-page py-2 font-mono text-12 leading-[1.8]" role="tree"><!></div>`);
|
|
19390
19573
|
function JsonViewer($$anchor, $$props) {
|
|
19391
19574
|
let label = prop($$props, "label", 3, "JSON viewer"), defaultExpanded = prop($$props, "defaultExpanded", 3, true), maxDepth = prop($$props, "maxDepth", 3, 3);
|
|
19392
19575
|
let root2 = /* @__PURE__ */ user_derived(() => $$props.data);
|
|
19393
|
-
var div = root_1$
|
|
19576
|
+
var div = root_1$1a();
|
|
19394
19577
|
var node = child(div);
|
|
19395
19578
|
JsonViewerNode_1(node, {
|
|
19396
19579
|
get v() {
|
|
@@ -19532,16 +19715,16 @@ function JsonViewerNode_wc($$anchor, $$props) {
|
|
|
19532
19715
|
return pop($$exports);
|
|
19533
19716
|
}
|
|
19534
19717
|
customElements.define("uni-json-viewer-node", create_custom_element(JsonViewerNode_wc, { v: {}, k: {}, depth: {}, maxDepth: {}, startOpen: {} }, ["default"], [], { mode: "open" }));
|
|
19535
|
-
var root_1$
|
|
19718
|
+
var root_1$19 = /* @__PURE__ */ from_html(`<caption class="sr-only"> </caption>`);
|
|
19536
19719
|
var root_2$U = /* @__PURE__ */ from_html(`<tr class="border-b border-border-1 last:border-b-0"><th scope="row" class="w-2/5 whitespace-nowrap py-1.5 pr-3 text-left align-top font-medium text-text-3"> </th><td class="py-1.5 align-top text-text-1 break-words"> </td></tr>`);
|
|
19537
|
-
var root$
|
|
19720
|
+
var root$1r = /* @__PURE__ */ from_html(`<table class="w-full border-collapse text-13"><!><tbody></tbody></table>`);
|
|
19538
19721
|
function KVTable($$anchor, $$props) {
|
|
19539
19722
|
let rows = prop($$props, "rows", 19, () => []), caption = prop($$props, "caption", 3, void 0);
|
|
19540
|
-
var table = root$
|
|
19723
|
+
var table = root$1r();
|
|
19541
19724
|
var node = child(table);
|
|
19542
19725
|
{
|
|
19543
19726
|
var consequent = ($$anchor2) => {
|
|
19544
|
-
var caption_1 = root_1$
|
|
19727
|
+
var caption_1 = root_1$19();
|
|
19545
19728
|
var text2 = child(caption_1, true);
|
|
19546
19729
|
reset(caption_1);
|
|
19547
19730
|
template_effect(() => set_text(text2, caption()));
|
|
@@ -19617,8 +19800,8 @@ var root_4$r = /* @__PURE__ */ from_html(`<span class="text-12 text-text-3"> </s
|
|
|
19617
19800
|
var root_5$e = /* @__PURE__ */ from_html(`<span class="text-11 text-text-4"> </span>`);
|
|
19618
19801
|
var root_3$C = /* @__PURE__ */ from_html(`<li><button type="button" class="flex w-full cursor-grab flex-col items-start gap-0.5 rounded-md border border-border-1 bg-bg-1 p-2 text-left active:cursor-grabbing hover:border-border-3 data-[grabbed=true]:border-brand-05 data-[grabbed=true]:bg-brand-05/[0.08] focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-brand-05"><span class="text-13 font-medium text-text-1"> </span> <!> <!></button></li>`);
|
|
19619
19802
|
var root_6$5 = /* @__PURE__ */ from_html(`<li class="rounded-md border border-dashed border-border-1 p-3 text-center text-11 text-text-4" role="note">Empty</li>`);
|
|
19620
|
-
var root_1$
|
|
19621
|
-
var root$
|
|
19803
|
+
var root_1$18 = /* @__PURE__ */ from_html(`<div role="listitem" class="flex min-w-[240px] flex-1 flex-col gap-2 rounded-lg border border-border-1 bg-divider p-2 data-[over=true]:border-brand-05/40 data-[over=true]:bg-brand-05/[0.04]"><div class="flex items-center gap-2 px-1 pt-0.5"><!> <span class="flex-1 text-12 font-semibold uppercase tracking-[0.05em] text-text-3"> </span> <span class="rounded bg-row-active px-1.5 py-0.5 text-11 text-text-4 tabular-nums"> </span></div> <ul class="m-0 flex list-none flex-col gap-1.5 p-0"><!> <!></ul></div>`);
|
|
19804
|
+
var root$1q = /* @__PURE__ */ from_html(`<div role="region"><span role="status" aria-live="assertive" aria-atomic="true" class="sr-only"> </span> <div class="flex gap-3 overflow-x-auto" role="list"></div></div>`);
|
|
19622
19805
|
function KanbanBoard($$anchor, $$props) {
|
|
19623
19806
|
push($$props, true);
|
|
19624
19807
|
let onCardMove = prop($$props, "onCardMove", 3, void 0), ariaLabel = prop($$props, "ariaLabel", 3, "Kanban board");
|
|
@@ -19688,13 +19871,13 @@ function KanbanBoard($$anchor, $$props) {
|
|
|
19688
19871
|
set(dragSrc, null);
|
|
19689
19872
|
set(dragOverCol, null);
|
|
19690
19873
|
}
|
|
19691
|
-
var div = root$
|
|
19874
|
+
var div = root$1q();
|
|
19692
19875
|
var span = child(div);
|
|
19693
19876
|
var text2 = child(span, true);
|
|
19694
19877
|
reset(span);
|
|
19695
19878
|
var div_1 = sibling(span, 2);
|
|
19696
19879
|
each(div_1, 21, () => $$props.columns, (col) => col.id, ($$anchor2, col) => {
|
|
19697
|
-
var div_2 = root_1$
|
|
19880
|
+
var div_2 = root_1$18();
|
|
19698
19881
|
var div_3 = child(div_2);
|
|
19699
19882
|
var node = child(div_3);
|
|
19700
19883
|
{
|
|
@@ -19879,10 +20062,10 @@ function Kbd_wc($$anchor, $$props) {
|
|
|
19879
20062
|
return pop($$exports);
|
|
19880
20063
|
}
|
|
19881
20064
|
customElements.define("uni-kbd", create_custom_element(Kbd_wc, { keys: {}, class: {} }, ["default"], [], { mode: "open" }));
|
|
19882
|
-
var root$
|
|
20065
|
+
var root$1p = /* @__PURE__ */ from_html(`<span><!></span>`);
|
|
19883
20066
|
function Label($$anchor, $$props) {
|
|
19884
20067
|
let className = prop($$props, "class", 3, "");
|
|
19885
|
-
var span = root$
|
|
20068
|
+
var span = root$1p();
|
|
19886
20069
|
var node = child(span);
|
|
19887
20070
|
snippet(node, () => $$props.children ?? noop);
|
|
19888
20071
|
reset(span);
|
|
@@ -19916,11 +20099,11 @@ function Label_wc($$anchor, $$props) {
|
|
|
19916
20099
|
return pop($$exports);
|
|
19917
20100
|
}
|
|
19918
20101
|
customElements.define("uni-label", create_custom_element(Label_wc, { class: {} }, ["default"], [], { mode: "open" }));
|
|
19919
|
-
var root_1$
|
|
20102
|
+
var root_1$17 = /* @__PURE__ */ from_svg(`<line stroke="rgba(255,255,255,0.06)" stroke-width="1"></line>`);
|
|
19920
20103
|
var root_2$S = /* @__PURE__ */ from_svg(`<path fill-opacity="0.1"></path>`);
|
|
19921
20104
|
var root_3$B = /* @__PURE__ */ from_svg(`<path fill="none" stroke-width="2" stroke-linejoin="round" stroke-linecap="round"></path>`);
|
|
19922
20105
|
var root_5$d = /* @__PURE__ */ from_svg(`<text text-anchor="middle" fill="#6E7079" font-size="9"> </text>`);
|
|
19923
|
-
var root$
|
|
20106
|
+
var root$1o = /* @__PURE__ */ from_html(`<div role="img" style="width:100%;"><svg style="width:100%;height:auto;display:block;" aria-hidden="true" focusable="false"><!><!><!><!></svg></div>`);
|
|
19924
20107
|
function LineChart($$anchor, $$props) {
|
|
19925
20108
|
push($$props, true);
|
|
19926
20109
|
let series = prop($$props, "series", 19, () => []), labels = prop($$props, "labels", 19, () => []), height = prop($$props, "height", 3, 160), ariaLabel = prop($$props, "ariaLabel", 3, "Line chart");
|
|
@@ -19953,11 +20136,11 @@ function LineChart($$anchor, $$props) {
|
|
|
19953
20136
|
d: `M ${toX(0).toFixed(1)},${bot} L ${pts.join(" L ")} L ${toX(get(n) - 1).toFixed(1)},${bot} Z`
|
|
19954
20137
|
};
|
|
19955
20138
|
}));
|
|
19956
|
-
var div = root$
|
|
20139
|
+
var div = root$1o();
|
|
19957
20140
|
var svg = child(div);
|
|
19958
20141
|
var node = child(svg);
|
|
19959
20142
|
each(node, 17, () => get(gridLines), index, ($$anchor2, y) => {
|
|
19960
|
-
var line = root_1$
|
|
20143
|
+
var line = root_1$17();
|
|
19961
20144
|
template_effect(() => {
|
|
19962
20145
|
set_attribute(line, "x1", PAD.l);
|
|
19963
20146
|
set_attribute(line, "y1", get(y));
|
|
@@ -20073,8 +20256,8 @@ function LineChart_wc($$anchor, $$props) {
|
|
|
20073
20256
|
return pop($$exports);
|
|
20074
20257
|
}
|
|
20075
20258
|
customElements.define("uni-line-chart", create_custom_element(LineChart_wc, { series: {}, labels: {}, height: {}, ariaLabel: {} }, ["default"], [], { mode: "open" }));
|
|
20076
|
-
var root_1$
|
|
20077
|
-
var root$
|
|
20259
|
+
var root_1$16 = /* @__PURE__ */ from_html(`<tr class="border-b border-divider last:border-b-0 hover:bg-divider"><td class="whitespace-nowrap py-1 pl-3 pr-2"><span><span class="inline-block h-1.5 w-1.5 rounded-full" aria-hidden="true"></span> </span></td><td class="whitespace-nowrap px-2 py-1 text-text-4"> </td><td class="whitespace-nowrap px-2 py-1 text-text-4 tabular-nums"> </td><td class="whitespace-nowrap px-2 py-1 text-text-2"> </td><td class="whitespace-nowrap px-2 py-1 text-text-2"> </td><td class="px-2 py-1 pr-3 text-text-3"> </td></tr>`);
|
|
20260
|
+
var root$1n = /* @__PURE__ */ from_html(`<div><div class="flex items-center justify-between border-b border-border-1 px-3 py-1.5 text-12 text-text-4"><span class="tabular-nums"> </span> <button type="button" class="inline-flex h-6 cursor-pointer items-center rounded border border-border-2 bg-transparent px-2 text-12 text-text-3 transition-colors duration-100 hover:bg-row-hover hover:text-text-1 data-[on=true]:border-brand-05 data-[on=true]:bg-brand-05/[0.10] data-[on=true]:text-brand-05 focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-brand-05">Follow</button></div> <div role="log" aria-live="polite" class="overflow-auto"><table class="w-full border-collapse font-mono text-12"><caption class="sr-only"> </caption><thead class="sr-only"><tr><th scope="col">Severity</th><th scope="col">Source</th><th scope="col">Time</th><th scope="col">Event</th><th scope="col">Subject</th><th scope="col">Detail</th></tr></thead><tbody></tbody></table></div></div>`);
|
|
20078
20261
|
function LogViewer($$anchor, $$props) {
|
|
20079
20262
|
push($$props, true);
|
|
20080
20263
|
let entries = prop($$props, "entries", 19, () => []), height = prop($$props, "height", 3, 360), defaultFollow = prop($$props, "defaultFollow", 3, true), ariaLabel = prop($$props, "ariaLabel", 3, "Log entries"), className = prop($$props, "className", 3, "");
|
|
@@ -20096,7 +20279,7 @@ function LogViewer($$anchor, $$props) {
|
|
|
20096
20279
|
void entries().length;
|
|
20097
20280
|
if (get(follow) && get(bodyEl)) get(bodyEl).scrollTop = get(bodyEl).scrollHeight;
|
|
20098
20281
|
});
|
|
20099
|
-
var div = root$
|
|
20282
|
+
var div = root$1n();
|
|
20100
20283
|
var div_1 = child(div);
|
|
20101
20284
|
var span = child(div_1);
|
|
20102
20285
|
var text2 = child(span);
|
|
@@ -20110,7 +20293,7 @@ function LogViewer($$anchor, $$props) {
|
|
|
20110
20293
|
reset(caption);
|
|
20111
20294
|
var tbody = sibling(caption, 2);
|
|
20112
20295
|
each(tbody, 23, entries, (e, i) => e.id ?? i, ($$anchor2, e) => {
|
|
20113
|
-
var tr = root_1$
|
|
20296
|
+
var tr = root_1$16();
|
|
20114
20297
|
var td = child(tr);
|
|
20115
20298
|
var span_1 = child(td);
|
|
20116
20299
|
var span_2 = child(span_1);
|
|
@@ -20245,9 +20428,9 @@ customElements.define("uni-log-viewer", create_custom_element(
|
|
|
20245
20428
|
[],
|
|
20246
20429
|
{ mode: "open" }
|
|
20247
20430
|
));
|
|
20248
|
-
var root_1$
|
|
20431
|
+
var root_1$15 = /* @__PURE__ */ from_svg(`<g><line stroke="rgba(255,255,255,0.06)" stroke-width="1"></line><text fill="#6E7079" font-size="9" text-anchor="middle" font-family="inherit"> </text></g>`);
|
|
20249
20432
|
var root_2$R = /* @__PURE__ */ from_svg(`<g><text fill="#A4A7B5" font-size="10" text-anchor="end" font-family="inherit"> </text><line stroke-width="1.5" opacity="0.5"></line><circle></circle><text fill="#A4A7B5" font-size="9" font-family="inherit"> </text></g>`);
|
|
20250
|
-
var root$
|
|
20433
|
+
var root$1m = /* @__PURE__ */ from_html(`<div role="img" style="width:100%;"><svg style="width:100%;height:auto;display:block;" aria-hidden="true" focusable="false"><!><!></svg></div>`);
|
|
20251
20434
|
function LollipopChart($$anchor, $$props) {
|
|
20252
20435
|
push($$props, true);
|
|
20253
20436
|
let items = prop($$props, "items", 19, () => []), unit = prop($$props, "unit", 3, ""), color = prop($$props, "color", 3, "#006FFF"), ariaLabel = prop($$props, "ariaLabel", 3, "Lollipop chart");
|
|
@@ -20267,11 +20450,11 @@ function LollipopChart($$anchor, $$props) {
|
|
|
20267
20450
|
function tx(v) {
|
|
20268
20451
|
return LABEL_W + v / get(maxVal) * TRACK_W;
|
|
20269
20452
|
}
|
|
20270
|
-
var div = root$
|
|
20453
|
+
var div = root$1m();
|
|
20271
20454
|
var svg = child(div);
|
|
20272
20455
|
var node = child(svg);
|
|
20273
20456
|
each(node, 17, () => get(ticks), index, ($$anchor2, t) => {
|
|
20274
|
-
var g = root_1$
|
|
20457
|
+
var g = root_1$15();
|
|
20275
20458
|
var line = child(g);
|
|
20276
20459
|
set_attribute(line, "y1", PAD_T);
|
|
20277
20460
|
var text2 = sibling(line);
|
|
@@ -20392,10 +20575,10 @@ function LollipopChart_wc($$anchor, $$props) {
|
|
|
20392
20575
|
}
|
|
20393
20576
|
customElements.define("uni-lollipop-chart", create_custom_element(LollipopChart_wc, { items: {}, unit: {}, color: {}, ariaLabel: {} }, ["default"], [], { mode: "open" }));
|
|
20394
20577
|
let counter$g = 0;
|
|
20395
|
-
var root_1$
|
|
20578
|
+
var root_1$14 = /* @__PURE__ */ from_html(`<label class="text-12 text-text-4"> </label>`);
|
|
20396
20579
|
var root_3$A = /* @__PURE__ */ from_html(`<span aria-hidden="true" class="select-none text-13 leading-none text-text-4">:</span>`);
|
|
20397
20580
|
var root_2$Q = /* @__PURE__ */ from_html(`<input type="text" inputmode="text"/> <!>`, 1);
|
|
20398
|
-
var root$
|
|
20581
|
+
var root$1l = /* @__PURE__ */ from_html(`<div><!> <div role="group" class="inline-flex h-[34px] items-center gap-0.5 rounded-md border border-border-2 bg-bg-page px-2 transition-colors duration-100 focus-within:border-brand-05 data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-40"></div></div>`);
|
|
20399
20582
|
function MACInput($$anchor, $$props) {
|
|
20400
20583
|
push($$props, true);
|
|
20401
20584
|
let label = prop($$props, "label", 3, void 0), value = prop($$props, "value", 15, "00:00:00:00:00:00"), disabled = prop($$props, "disabled", 3, false), className = prop($$props, "class", 3, "");
|
|
@@ -20462,11 +20645,11 @@ function MACInput($$anchor, $$props) {
|
|
|
20462
20645
|
}
|
|
20463
20646
|
}
|
|
20464
20647
|
const PAIR_CLS = "w-6 border-0 bg-transparent p-0 text-center font-mono text-13 uppercase text-text-1 outline-none";
|
|
20465
|
-
var div = root$
|
|
20648
|
+
var div = root$1l();
|
|
20466
20649
|
var node = child(div);
|
|
20467
20650
|
{
|
|
20468
20651
|
var consequent = ($$anchor2) => {
|
|
20469
|
-
var label_1 = root_1$
|
|
20652
|
+
var label_1 = root_1$14();
|
|
20470
20653
|
var text_1 = child(label_1, true);
|
|
20471
20654
|
reset(label_1);
|
|
20472
20655
|
template_effect(() => {
|
|
@@ -20577,10 +20760,10 @@ function MACInput_wc($$anchor, $$props) {
|
|
|
20577
20760
|
return pop($$exports);
|
|
20578
20761
|
}
|
|
20579
20762
|
customElements.define("uni-macinput", create_custom_element(MACInput_wc, { label: {}, value: {}, disabled: {}, class: {} }, ["default"], [], { mode: "open" }));
|
|
20580
|
-
var root$
|
|
20763
|
+
var root$1k = /* @__PURE__ */ from_html(`<span><!></span>`);
|
|
20581
20764
|
function Mac($$anchor, $$props) {
|
|
20582
20765
|
let className = prop($$props, "class", 3, "");
|
|
20583
|
-
var span = root$
|
|
20766
|
+
var span = root$1k();
|
|
20584
20767
|
var node = child(span);
|
|
20585
20768
|
snippet(node, () => $$props.children ?? noop);
|
|
20586
20769
|
reset(span);
|
|
@@ -20618,7 +20801,7 @@ var root_3$z = /* @__PURE__ */ from_svg(`<text text-anchor="middle" fill="#A4A7B
|
|
|
20618
20801
|
var root_6$4 = /* @__PURE__ */ from_svg(`<text text-anchor="middle" fill="#fff" font-family="inherit"> </text>`);
|
|
20619
20802
|
var root_5$c = /* @__PURE__ */ from_svg(`<g><rect></rect><!></g>`);
|
|
20620
20803
|
var root_7$5 = /* @__PURE__ */ from_svg(`<line stroke="rgba(255,255,255,0.12)"></line>`);
|
|
20621
|
-
var root_1$
|
|
20804
|
+
var root_1$13 = /* @__PURE__ */ from_html(`<div role="img" style="width:100%;"><svg style="width:100%;height:auto;display:block;" aria-hidden="true" focusable="false"><!><!><!></svg></div>`);
|
|
20622
20805
|
function MarimekkoChart($$anchor, $$props) {
|
|
20623
20806
|
push($$props, true);
|
|
20624
20807
|
let height = prop($$props, "height", 3, 160), ariaLabel = prop($$props, "ariaLabel", 3, "Marimekko chart");
|
|
@@ -20667,7 +20850,7 @@ function MarimekkoChart($$anchor, $$props) {
|
|
|
20667
20850
|
var node = first_child(fragment);
|
|
20668
20851
|
{
|
|
20669
20852
|
var consequent_3 = ($$anchor2) => {
|
|
20670
|
-
var div = root_1$
|
|
20853
|
+
var div = root_1$13();
|
|
20671
20854
|
var svg = child(div);
|
|
20672
20855
|
var node_1 = child(svg);
|
|
20673
20856
|
each(node_1, 17, () => get(layout).headers, index, ($$anchor3, h) => {
|
|
@@ -20824,11 +21007,11 @@ function MarimekkoChart_wc($$anchor, $$props) {
|
|
|
20824
21007
|
return pop($$exports);
|
|
20825
21008
|
}
|
|
20826
21009
|
customElements.define("uni-marimekko-chart", create_custom_element(MarimekkoChart_wc, { columns: {}, height: {}, ariaLabel: {} }, ["default"], [], { mode: "open" }));
|
|
20827
|
-
var root_1$
|
|
21010
|
+
var root_1$12 = /* @__PURE__ */ from_svg(`<text fill="#A4A7B5" font-size="10" text-anchor="end" font-family="inherit"> </text>`);
|
|
20828
21011
|
var root_2$P = /* @__PURE__ */ from_svg(`<text fill="#A4A7B5" font-size="10" text-anchor="end" font-family="inherit"> </text>`);
|
|
20829
21012
|
var root_5$b = /* @__PURE__ */ from_svg(`<text font-size="9" text-anchor="middle" font-family="inherit"> </text>`);
|
|
20830
21013
|
var root_4$q = /* @__PURE__ */ from_svg(`<rect rx="3"></rect><!>`, 1);
|
|
20831
|
-
var root$
|
|
21014
|
+
var root$1j = /* @__PURE__ */ from_html(`<div role="img" style="width:100%;"><svg style="width:100%;height:auto;display:block;" aria-hidden="true" focusable="false"><!><!><!></svg></div>`);
|
|
20832
21015
|
function MatrixChart($$anchor, $$props) {
|
|
20833
21016
|
push($$props, true);
|
|
20834
21017
|
let rows = prop($$props, "rows", 19, () => []), cols = prop($$props, "cols", 19, () => []), values = prop($$props, "values", 19, () => []), unit = prop($$props, "unit", 3, ""), ariaLabel = prop($$props, "ariaLabel", 3, "Matrix chart");
|
|
@@ -20847,12 +21030,12 @@ function MatrixChart($$anchor, $$props) {
|
|
|
20847
21030
|
let max = /* @__PURE__ */ user_derived(() => Math.max(...get(allVals), 1));
|
|
20848
21031
|
let W = /* @__PURE__ */ user_derived(() => LEFT + cols().length * CELL);
|
|
20849
21032
|
let H = /* @__PURE__ */ user_derived(() => TOP + rows().length * CELL);
|
|
20850
|
-
var div = root$
|
|
21033
|
+
var div = root$1j();
|
|
20851
21034
|
var svg = child(div);
|
|
20852
21035
|
var node = child(svg);
|
|
20853
21036
|
each(node, 17, cols, index, ($$anchor2, col, ci) => {
|
|
20854
21037
|
const cx = /* @__PURE__ */ user_derived(() => LEFT + ci * CELL + CELL / 2);
|
|
20855
|
-
var text2 = root_1$
|
|
21038
|
+
var text2 = root_1$12();
|
|
20856
21039
|
set_attribute(text2, "y", TOP - 8);
|
|
20857
21040
|
var text_1 = child(text2, true);
|
|
20858
21041
|
reset(text2);
|
|
@@ -21004,8 +21187,8 @@ let counter$f = 0;
|
|
|
21004
21187
|
var root_4$p = /* @__PURE__ */ from_html(`<li role="separator" aria-hidden="true" class="my-[3px] h-px list-none bg-row-active"></li>`);
|
|
21005
21188
|
var root_5$a = /* @__PURE__ */ from_html(`<li role="menuitem" class="flex cursor-pointer select-none items-center whitespace-nowrap rounded px-2.5 py-1.5 text-13 text-text-3 transition-colors duration-75 hover:bg-row-active hover:text-text-1 data-[active=true]:bg-row-active data-[active=true]:text-text-1 aria-disabled:cursor-default aria-disabled:text-white/25 aria-disabled:pointer-events-none"> </li>`);
|
|
21006
21189
|
var root_2$O = /* @__PURE__ */ from_html(`<ul role="menu" class="absolute left-0 top-[calc(100%+2px)] z-[200] m-0 min-w-[180px] list-none rounded-md border border-border-3 bg-bg-2 p-1 shadow-[0_8px_24px_rgba(0,0,0,0.4)]"></ul>`);
|
|
21007
|
-
var root_1$
|
|
21008
|
-
var root$
|
|
21190
|
+
var root_1$11 = /* @__PURE__ */ from_html(`<div class="relative"><button type="button" role="menuitem" aria-haspopup="menu" class="inline-flex cursor-pointer items-center rounded border-0 bg-transparent px-2.5 py-1.5 text-13 leading-none text-text-3 transition-[background-color,color] duration-100 hover:bg-row-active hover:text-text-1 focus-visible:outline-2 focus-visible:outline-offset-[1px] focus-visible:outline-brand-05 data-[open=true]:bg-row-active data-[open=true]:text-text-1"> </button> <!></div>`);
|
|
21191
|
+
var root$1i = /* @__PURE__ */ from_html(`<div role="menubar"></div>`);
|
|
21009
21192
|
function Menubar($$anchor, $$props) {
|
|
21010
21193
|
push($$props, true);
|
|
21011
21194
|
let menus = prop($$props, "menus", 19, () => []), label = prop($$props, "label", 3, "Menu"), klass = prop($$props, "class", 3, "");
|
|
@@ -21091,12 +21274,12 @@ function Menubar($$anchor, $$props) {
|
|
|
21091
21274
|
}
|
|
21092
21275
|
onMount(() => document.addEventListener("mousedown", handleOutside));
|
|
21093
21276
|
onDestroy(() => document.removeEventListener("mousedown", handleOutside));
|
|
21094
|
-
var div = root$
|
|
21277
|
+
var div = root$1i();
|
|
21095
21278
|
each(div, 23, menus, (menu) => menu.id, ($$anchor2, menu, idx) => {
|
|
21096
21279
|
const isOpen = /* @__PURE__ */ user_derived(() => get(openIdx) === get(idx));
|
|
21097
21280
|
const menuId = /* @__PURE__ */ user_derived(() => `${uid2}-menu-${get(idx)}`);
|
|
21098
21281
|
const elig = /* @__PURE__ */ user_derived(() => get(menu).items.filter((i) => !i.separator && !i.disabled));
|
|
21099
|
-
var div_1 = root_1$
|
|
21282
|
+
var div_1 = root_1$11();
|
|
21100
21283
|
var button = child(div_1);
|
|
21101
21284
|
var text2 = child(button, true);
|
|
21102
21285
|
reset(button);
|
|
@@ -21226,8 +21409,8 @@ function Menubar_wc($$anchor, $$props) {
|
|
|
21226
21409
|
customElements.define("uni-menubar", create_custom_element(Menubar_wc, { menus: {}, label: {}, class: {} }, ["default"], [], { mode: "open" }));
|
|
21227
21410
|
var root_2$N = /* @__PURE__ */ from_svg(`<text fill="rgba(255,255,255,0.55)" font-size="9" text-anchor="start" font-family="inherit"> </text>`);
|
|
21228
21411
|
var root_3$y = /* @__PURE__ */ from_svg(`<text fill="rgba(255,255,255,0.55)" font-size="9" text-anchor="end" font-family="inherit"> </text>`);
|
|
21229
|
-
var root_1$
|
|
21230
|
-
var root$
|
|
21412
|
+
var root_1$10 = /* @__PURE__ */ from_svg(`<g><rect opacity="0.85" rx="2"></rect><rect opacity="0.85" rx="2"></rect><text fill="#CDD0DB" font-size="10" text-anchor="middle" font-family="inherit"> </text><!><!></g>`);
|
|
21413
|
+
var root$1h = /* @__PURE__ */ from_html(`<div role="img" style="width:100%;"><svg style="width:100%;height:auto;display:block;" aria-hidden="true" focusable="false"><text fill="#6E7079" font-size="9" text-anchor="end" font-family="inherit"> </text><text fill="#6E7079" font-size="9" text-anchor="start" font-family="inherit"> </text><line stroke="rgba(255,255,255,0.12)" stroke-width="1"></line><!></svg></div>`);
|
|
21231
21414
|
function MirroredBarChart($$anchor, $$props) {
|
|
21232
21415
|
push($$props, true);
|
|
21233
21416
|
let items = prop($$props, "items", 19, () => []), leftLabel = prop($$props, "leftLabel", 3, "Download"), rightLabel = prop($$props, "rightLabel", 3, "Upload"), leftColor = prop($$props, "leftColor", 3, "#006FFF"), rightColor = prop($$props, "rightColor", 3, "#00C8C8"), unit = prop($$props, "unit", 3, ""), ariaLabel = prop($$props, "ariaLabel", 3, "Mirrored bar chart");
|
|
@@ -21243,7 +21426,7 @@ function MirroredBarChart($$anchor, $$props) {
|
|
|
21243
21426
|
function bw(val) {
|
|
21244
21427
|
return val / get(maxVal) * HALF_W;
|
|
21245
21428
|
}
|
|
21246
|
-
var div = root$
|
|
21429
|
+
var div = root$1h();
|
|
21247
21430
|
var svg = child(div);
|
|
21248
21431
|
var text2 = child(svg);
|
|
21249
21432
|
set_attribute(text2, "x", CX - LABEL_W / 2 - 6);
|
|
@@ -21267,7 +21450,7 @@ function MirroredBarChart($$anchor, $$props) {
|
|
|
21267
21450
|
const by = /* @__PURE__ */ user_derived(() => get(y) + 4);
|
|
21268
21451
|
const lw = /* @__PURE__ */ user_derived(() => bw(get(item).left));
|
|
21269
21452
|
const rw = /* @__PURE__ */ user_derived(() => bw(get(item).right));
|
|
21270
|
-
var g = root_1$
|
|
21453
|
+
var g = root_1$10();
|
|
21271
21454
|
var rect = child(g);
|
|
21272
21455
|
set_attribute(rect, "height", get(bh));
|
|
21273
21456
|
var rect_1 = sibling(rect);
|
|
@@ -21439,10 +21622,17 @@ customElements.define("uni-mirrored-bar-chart", create_custom_element(
|
|
|
21439
21622
|
{ mode: "open" }
|
|
21440
21623
|
));
|
|
21441
21624
|
var root_2$M = /* @__PURE__ */ from_html(`<div class="flex justify-end gap-2 border-t border-border-1 bg-bg-0 px-5 py-3.5"><!></div>`);
|
|
21442
|
-
var root$
|
|
21625
|
+
var root$1g = /* @__PURE__ */ from_html(`<div role="presentation"><div role="dialog" aria-modal="true" tabindex="-1"><div class="flex items-center justify-between border-b border-border-1 px-5 py-4"><h2 class="m-0 text-16 font-semibold"> </h2> <!></div> <div class="px-5 py-4"><!></div> <!></div></div>`);
|
|
21443
21626
|
function Modal($$anchor, $$props) {
|
|
21444
21627
|
push($$props, true);
|
|
21445
|
-
let open = prop($$props, "open", 15, false);
|
|
21628
|
+
let open = prop($$props, "open", 15, false), size = prop($$props, "size", 3, "md");
|
|
21629
|
+
const SIZE = {
|
|
21630
|
+
sm: "w-[400px]",
|
|
21631
|
+
md: "w-[520px]",
|
|
21632
|
+
lg: "w-[720px]",
|
|
21633
|
+
xl: "w-[960px]",
|
|
21634
|
+
"2xl": "w-[1200px]"
|
|
21635
|
+
};
|
|
21446
21636
|
const titleId = `modal-title-${Math.random().toString(36).slice(2, 9)}`;
|
|
21447
21637
|
const FOCUSABLE = 'a[href],button:not([disabled]),input:not([disabled]),select:not([disabled]),textarea:not([disabled]),[tabindex]:not([tabindex="-1"])';
|
|
21448
21638
|
let modalEl = /* @__PURE__ */ state(void 0);
|
|
@@ -21493,7 +21683,7 @@ function Modal($$anchor, $$props) {
|
|
|
21493
21683
|
f.focus();
|
|
21494
21684
|
}
|
|
21495
21685
|
}
|
|
21496
|
-
var div = root$
|
|
21686
|
+
var div = root$1g();
|
|
21497
21687
|
event("keydown", $window, onKeydown);
|
|
21498
21688
|
var div_1 = child(div);
|
|
21499
21689
|
var div_2 = child(div_1);
|
|
@@ -21533,6 +21723,7 @@ function Modal($$anchor, $$props) {
|
|
|
21533
21723
|
template_effect(() => {
|
|
21534
21724
|
set_class(div, 1, `fixed inset-0 z-[60] items-center justify-center bg-black/55 backdrop-blur-lg
|
|
21535
21725
|
${open() ? "flex" : "hidden"}`);
|
|
21726
|
+
set_class(div_1, 1, `${SIZE[size()] ?? ""} max-w-[90vw] overflow-hidden rounded-xl border border-border-2 bg-bg-1 shadow-modal`);
|
|
21536
21727
|
set_attribute(div_1, "aria-labelledby", titleId);
|
|
21537
21728
|
set_attribute(h2, "id", titleId);
|
|
21538
21729
|
set_text(text2, $$props.title);
|
|
@@ -21548,7 +21739,7 @@ function Modal($$anchor, $$props) {
|
|
|
21548
21739
|
delegate(["mousedown", "click"]);
|
|
21549
21740
|
function Modal_wc($$anchor, $$props) {
|
|
21550
21741
|
push($$props, true);
|
|
21551
|
-
let open = prop($$props, "open", 7, false), title = prop($$props, "title", 7, void 0);
|
|
21742
|
+
let open = prop($$props, "open", 7, false), title = prop($$props, "title", 7, void 0), size = prop($$props, "size", 7, "md");
|
|
21552
21743
|
var $$exports = {
|
|
21553
21744
|
get open() {
|
|
21554
21745
|
return open();
|
|
@@ -21563,6 +21754,13 @@ function Modal_wc($$anchor, $$props) {
|
|
|
21563
21754
|
set title($$value = void 0) {
|
|
21564
21755
|
title($$value);
|
|
21565
21756
|
flushSync();
|
|
21757
|
+
},
|
|
21758
|
+
get size() {
|
|
21759
|
+
return size();
|
|
21760
|
+
},
|
|
21761
|
+
set size($$value = "md") {
|
|
21762
|
+
size($$value);
|
|
21763
|
+
flushSync();
|
|
21566
21764
|
}
|
|
21567
21765
|
};
|
|
21568
21766
|
Modal($$anchor, {
|
|
@@ -21572,6 +21770,9 @@ function Modal_wc($$anchor, $$props) {
|
|
|
21572
21770
|
get title() {
|
|
21573
21771
|
return title();
|
|
21574
21772
|
},
|
|
21773
|
+
get size() {
|
|
21774
|
+
return size();
|
|
21775
|
+
},
|
|
21575
21776
|
children: ($$anchor2, $$slotProps) => {
|
|
21576
21777
|
var fragment_1 = comment();
|
|
21577
21778
|
var node = first_child(fragment_1);
|
|
@@ -21582,11 +21783,11 @@ function Modal_wc($$anchor, $$props) {
|
|
|
21582
21783
|
});
|
|
21583
21784
|
return pop($$exports);
|
|
21584
21785
|
}
|
|
21585
|
-
customElements.define("uni-modal", create_custom_element(Modal_wc, { open: {}, title: {} }, ["default"], [], { mode: "open" }));
|
|
21586
|
-
var root$
|
|
21786
|
+
customElements.define("uni-modal", create_custom_element(Modal_wc, { open: {}, title: {}, size: {} }, ["default"], [], { mode: "open" }));
|
|
21787
|
+
var root$1f = /* @__PURE__ */ from_html(`<span><!></span>`);
|
|
21587
21788
|
function Mono($$anchor, $$props) {
|
|
21588
21789
|
let className = prop($$props, "class", 3, "");
|
|
21589
|
-
var span = root$
|
|
21790
|
+
var span = root$1f();
|
|
21590
21791
|
var node = child(span);
|
|
21591
21792
|
snippet(node, () => $$props.children ?? noop);
|
|
21592
21793
|
reset(span);
|
|
@@ -21621,13 +21822,13 @@ function Mono_wc($$anchor, $$props) {
|
|
|
21621
21822
|
}
|
|
21622
21823
|
customElements.define("uni-mono", create_custom_element(Mono_wc, { class: {} }, ["default"], [], { mode: "open" }));
|
|
21623
21824
|
let counter$e = 0;
|
|
21624
|
-
var root_1
|
|
21825
|
+
var root_1$$ = /* @__PURE__ */ from_html(`<label class="sr-only"> </label>`);
|
|
21625
21826
|
var root_3$x = /* @__PURE__ */ from_html(`<span class="inline-flex h-6 items-center gap-1 whitespace-nowrap rounded-full border border-brand-05/25 bg-brand-05/[0.14] pl-2.5 pr-1 text-12 font-medium text-status-info"><span class="leading-none"> </span> <button type="button" class="inline-flex h-[18px] w-[18px] shrink-0 cursor-pointer items-center justify-center rounded-full border-0 bg-transparent p-0 text-status-info transition-colors duration-100 hover:bg-brand-05/25 hover:text-text-1 focus-visible:outline-2 focus-visible:outline-offset-1 focus-visible:outline-brand-05"><svg viewBox="0 0 10 10" width="10" height="10" fill="none" aria-hidden="true" focusable="false"><path d="M2 2l6 6M8 2l-6 6" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"></path></svg></button></span>`);
|
|
21626
21827
|
var root_5$9 = /* @__PURE__ */ from_html(`<li class="list-none p-2.5 text-center text-13 text-text-4">No results</li>`);
|
|
21627
21828
|
var root_8$4 = /* @__PURE__ */ from_svg(`<svg viewBox="0 0 12 12" width="12" height="12" fill="none" aria-hidden="true"><path d="M2 6l3 3 5-5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg>`);
|
|
21628
21829
|
var root_7$4 = /* @__PURE__ */ from_html(`<li role="option" class="flex cursor-pointer items-center gap-2 rounded-[5px] px-2.5 py-1.5 text-13 text-text-2 hover:bg-row-active hover:text-text-1 data-[active=true]:bg-row-active data-[active=true]:text-text-1"><span aria-hidden="true"><!></span> </li>`);
|
|
21629
21830
|
var root_4$o = /* @__PURE__ */ from_html(`<ul role="listbox" aria-multiselectable="true" class="absolute left-0 top-[calc(100%+4px)] z-[9000] m-0 max-h-60 min-w-full list-none overflow-y-auto rounded-lg border border-border-3 bg-bg-2 p-1 shadow-[0_8px_24px_rgba(0,0,0,0.5)]"><!></ul>`);
|
|
21630
|
-
var root$
|
|
21831
|
+
var root$1e = /* @__PURE__ */ from_html(`<div><!> <div class="relative flex min-h-[34px] cursor-text flex-wrap items-center gap-1 rounded-md border border-border-2 bg-bg-page py-[3px] pl-2 pr-9 transition-colors duration-100 hover:border-border-3 data-[open=true]:border-brand-05 data-[open=true]:shadow-[0_0_0_2px_rgba(0,111,255,0.2)]"><!> <input role="combobox" aria-autocomplete="list" autocomplete="off" spellcheck="false" class="h-6 min-w-[80px] flex-1 border-0 bg-transparent px-1 text-13 leading-none text-text-1 outline-none placeholder:text-text-4"/> <button type="button" aria-hidden="true" class="absolute right-2 flex cursor-pointer items-center border-0 bg-transparent p-0.5 leading-none text-text-4"><svg viewBox="0 0 16 16" aria-hidden="true" focusable="false"><path d="M4 6l4 4 4-4" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none"></path></svg></button></div> <!></div>`);
|
|
21631
21832
|
function MultiSelect($$anchor, $$props) {
|
|
21632
21833
|
push($$props, true);
|
|
21633
21834
|
let options = prop($$props, "options", 19, () => []), value = prop($$props, "value", 19, () => []), label = prop($$props, "label", 3, void 0), placeholder = prop($$props, "placeholder", 3, "Select…"), id = prop($$props, "id", 3, void 0), disabled = prop($$props, "disabled", 3, false), className = prop($$props, "class", 3, "");
|
|
@@ -21700,11 +21901,11 @@ function MultiSelect($$anchor, $$props) {
|
|
|
21700
21901
|
}
|
|
21701
21902
|
onMount(() => document.addEventListener("mousedown", handleOutside));
|
|
21702
21903
|
onDestroy(() => document.removeEventListener("mousedown", handleOutside));
|
|
21703
|
-
var div = root$
|
|
21904
|
+
var div = root$1e();
|
|
21704
21905
|
var node = child(div);
|
|
21705
21906
|
{
|
|
21706
21907
|
var consequent = ($$anchor2) => {
|
|
21707
|
-
var label_1 = root_1
|
|
21908
|
+
var label_1 = root_1$$();
|
|
21708
21909
|
var text2 = child(label_1, true);
|
|
21709
21910
|
reset(label_1);
|
|
21710
21911
|
template_effect(() => {
|
|
@@ -21959,10 +22160,10 @@ customElements.define("uni-multi-select", create_custom_element(
|
|
|
21959
22160
|
[],
|
|
21960
22161
|
{ mode: "open" }
|
|
21961
22162
|
));
|
|
21962
|
-
var root$
|
|
22163
|
+
var root$1d = /* @__PURE__ */ from_html(`<span><!></span>`);
|
|
21963
22164
|
function Muted($$anchor, $$props) {
|
|
21964
22165
|
let className = prop($$props, "class", 3, "");
|
|
21965
|
-
var span = root$
|
|
22166
|
+
var span = root$1d();
|
|
21966
22167
|
var node = child(span);
|
|
21967
22168
|
snippet(node, () => $$props.children ?? noop);
|
|
21968
22169
|
reset(span);
|
|
@@ -21996,15 +22197,15 @@ function Muted_wc($$anchor, $$props) {
|
|
|
21996
22197
|
return pop($$exports);
|
|
21997
22198
|
}
|
|
21998
22199
|
customElements.define("uni-muted", create_custom_element(Muted_wc, { class: {} }, ["default"], [], { mode: "open" }));
|
|
21999
|
-
var root_1
|
|
22000
|
-
var root$
|
|
22200
|
+
var root_1$_ = /* @__PURE__ */ from_html(`<span><!></span>`);
|
|
22201
|
+
var root$1c = /* @__PURE__ */ from_html(`<div><!> <!></div>`);
|
|
22001
22202
|
function NameCell($$anchor, $$props) {
|
|
22002
22203
|
let className = prop($$props, "class", 3, ""), thumbClass = prop($$props, "thumbClass", 3, "");
|
|
22003
|
-
var div = root$
|
|
22204
|
+
var div = root$1c();
|
|
22004
22205
|
var node = child(div);
|
|
22005
22206
|
{
|
|
22006
22207
|
var consequent = ($$anchor2) => {
|
|
22007
|
-
var span = root_1
|
|
22208
|
+
var span = root_1$_();
|
|
22008
22209
|
var node_1 = child(span);
|
|
22009
22210
|
snippet(node_1, () => $$props.thumb);
|
|
22010
22211
|
reset(span);
|
|
@@ -22061,7 +22262,7 @@ customElements.define("uni-name-cell", create_custom_element(NameCell_wc, { clas
|
|
|
22061
22262
|
var root_2$L = /* @__PURE__ */ from_svg(`<circle fill="none" stroke="rgba(255,255,255,0.06)" stroke-width="1"></circle>`);
|
|
22062
22263
|
var root_4$n = /* @__PURE__ */ from_svg(`<text fill="#6E7079" font-size="8" text-anchor="middle" dominant-baseline="middle" font-family="inherit"> </text>`);
|
|
22063
22264
|
var root_3$w = /* @__PURE__ */ from_svg(`<path></path><!>`, 1);
|
|
22064
|
-
var root_1$
|
|
22265
|
+
var root_1$Z = /* @__PURE__ */ from_html(`<div role="img" style="width:100%;"><svg style="width:100%;height:auto;display:block;" aria-hidden="true" focusable="false"><!><!><circle fill="#13131A" stroke="rgba(255,255,255,0.1)" stroke-width="1"></circle></svg></div>`);
|
|
22065
22266
|
function NightingaleChart($$anchor, $$props) {
|
|
22066
22267
|
push($$props, true);
|
|
22067
22268
|
let segments = prop($$props, "segments", 19, () => []), color = prop($$props, "color", 3, "#006FFF"), ariaLabel = prop($$props, "ariaLabel", 3, "Nightingale chart");
|
|
@@ -22101,7 +22302,7 @@ function NightingaleChart($$anchor, $$props) {
|
|
|
22101
22302
|
var node = first_child(fragment);
|
|
22102
22303
|
{
|
|
22103
22304
|
var consequent_1 = ($$anchor2) => {
|
|
22104
|
-
var div = root_1$
|
|
22305
|
+
var div = root_1$Z();
|
|
22105
22306
|
var svg = child(div);
|
|
22106
22307
|
set_attribute(svg, "viewBox", "0 0 280 280");
|
|
22107
22308
|
var node_1 = child(svg);
|
|
@@ -22206,10 +22407,10 @@ function NightingaleChart_wc($$anchor, $$props) {
|
|
|
22206
22407
|
return pop($$exports);
|
|
22207
22408
|
}
|
|
22208
22409
|
customElements.define("uni-nightingale-chart", create_custom_element(NightingaleChart_wc, { segments: {}, color: {}, ariaLabel: {} }, ["default"], [], { mode: "open" }));
|
|
22209
|
-
var root$
|
|
22410
|
+
var root$1b = /* @__PURE__ */ from_html(`<span aria-hidden="true"></span>`);
|
|
22210
22411
|
function NotifDot($$anchor, $$props) {
|
|
22211
22412
|
let className = prop($$props, "class", 3, "");
|
|
22212
|
-
var span = root$
|
|
22413
|
+
var span = root$1b();
|
|
22213
22414
|
template_effect(() => set_class(span, 1, `topbar-notif-dot ${className() ?? ""}`));
|
|
22214
22415
|
append($$anchor, span);
|
|
22215
22416
|
}
|
|
@@ -22240,14 +22441,14 @@ function NotifDot_wc($$anchor, $$props) {
|
|
|
22240
22441
|
return pop($$exports);
|
|
22241
22442
|
}
|
|
22242
22443
|
customElements.define("uni-notif-dot", create_custom_element(NotifDot_wc, { class: {} }, ["default"], [], { mode: "open" }));
|
|
22243
|
-
var root_1$
|
|
22444
|
+
var root_1$Y = /* @__PURE__ */ from_html(`<span class="inline-flex h-5 min-w-[20px] items-center justify-center rounded-full bg-brand-05 px-1.5 text-11 font-bold text-white tabular-nums"> </span>`);
|
|
22244
22445
|
var root_2$K = /* @__PURE__ */ from_html(`<button type="button" class="cursor-pointer rounded border-0 bg-transparent px-1.5 py-0.5 text-11 text-brand-05 hover:text-status-info focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-brand-05">Mark all read</button>`);
|
|
22245
22446
|
var root_3$v = /* @__PURE__ */ from_html(`<button type="button" role="tab" class="cursor-pointer rounded border border-border-2 bg-transparent px-2.5 py-0.5 text-11 text-text-3 hover:bg-row-hover hover:text-text-1 data-[active=true]:border-brand-05 data-[active=true]:bg-brand-05/[0.10] data-[active=true]:text-brand-05 focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-brand-05"> </button>`);
|
|
22246
22447
|
var root_4$m = /* @__PURE__ */ from_html(`<div class="p-6 text-center text-13 text-text-4">No notifications</div>`);
|
|
22247
22448
|
var root_7$3 = /* @__PURE__ */ from_html(`<p class="m-0 mt-0.5 text-12 text-text-3"> </p>`);
|
|
22248
22449
|
var root_8$3 = /* @__PURE__ */ from_html(`<button type="button" title="Mark as read" class="inline-flex h-6 w-6 shrink-0 cursor-pointer items-center justify-center rounded border-0 bg-transparent text-status-success hover:bg-status-success/10 focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-brand-05">✓</button>`);
|
|
22249
22450
|
var root_6$3 = /* @__PURE__ */ from_html(`<div class="flex items-start gap-2 border-b border-border-1 px-4 py-3 last:border-b-0 data-[read=true]:opacity-60"><span class="mt-1.5 inline-block h-2 w-2 shrink-0 rounded-full" aria-hidden="true"></span> <div class="min-w-0 flex-1"><div class="flex items-baseline justify-between gap-2"><span class="truncate text-13 font-medium text-text-1"> </span> <span class="shrink-0 text-11 text-text-4 tabular-nums"> </span></div> <!> <span class="mt-1 inline-block rounded bg-row-active px-1.5 py-0.5 text-[10px] uppercase tracking-[0.05em] text-text-4"> </span></div> <!></div>`);
|
|
22250
|
-
var root$
|
|
22451
|
+
var root$1a = /* @__PURE__ */ from_html(`<div class="fixed inset-0 z-[9100] hidden bg-black/45 backdrop-blur-sm data-[open=true]:block" aria-hidden="true"></div> <div class="fixed right-0 top-0 z-[9200] flex h-full w-[380px] max-w-[90vw] translate-x-full flex-col overflow-hidden border-l border-border-1 bg-bg-1 shadow-[0_0_40px_rgba(0,0,0,0.6)] transition-transform duration-200 data-[open=true]:translate-x-0 motion-reduce:transition-none" role="dialog" aria-modal="true"><div class="border-b border-border-1 px-4 py-3"><div class="flex items-center justify-between gap-2"><h2 class="m-0 flex items-center gap-2 text-15 font-semibold text-text-1">Notifications <!></h2> <div class="flex items-center gap-1.5"><!> <button type="button" aria-label="Close notifications" class="inline-flex h-7 w-7 cursor-pointer items-center justify-center rounded border-0 bg-transparent text-text-4 hover:bg-row-hover hover:text-text-1 focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-brand-05"><svg width="16" height="16" viewBox="0 0 16 16" fill="currentColor" aria-hidden="true"><path d="M3.72 3.72a.75.75 0 0 1 1.06 0L8 6.94l3.22-3.22a.75.75 0 1 1 1.06 1.06L9.06 8l3.22 3.22a.75.75 0 1 1-1.06 1.06L8 9.06l-3.22 3.22a.75.75 0 0 1-1.06-1.06L6.94 8 3.72 4.78a.75.75 0 0 1 0-1.06z"></path></svg></button></div></div> <div class="mt-2 flex gap-1" role="tablist" aria-label="Filter by type"></div></div> <div class="flex-1 overflow-y-auto" role="log" aria-live="polite" aria-label="Notifications" aria-relevant="additions"><!></div></div>`, 1);
|
|
22251
22452
|
function NotificationPanel($$anchor, $$props) {
|
|
22252
22453
|
push($$props, true);
|
|
22253
22454
|
let open = prop($$props, "open", 11, false), notifications = prop($$props, "notifications", 19, () => []), onClose = prop($$props, "onClose", 3, () => {
|
|
@@ -22316,7 +22517,7 @@ function NotificationPanel($$anchor, $$props) {
|
|
|
22316
22517
|
window.removeEventListener("keydown", trapFocus);
|
|
22317
22518
|
});
|
|
22318
22519
|
let titleId = "np-title-" + Math.random().toString(36).slice(2);
|
|
22319
|
-
var fragment = root$
|
|
22520
|
+
var fragment = root$1a();
|
|
22320
22521
|
var div = first_child(fragment);
|
|
22321
22522
|
var div_1 = sibling(div, 2);
|
|
22322
22523
|
set_attribute(div_1, "tabindex", -1);
|
|
@@ -22326,7 +22527,7 @@ function NotificationPanel($$anchor, $$props) {
|
|
|
22326
22527
|
var node = sibling(child(h2));
|
|
22327
22528
|
{
|
|
22328
22529
|
var consequent = ($$anchor2) => {
|
|
22329
|
-
var span = root_1$
|
|
22530
|
+
var span = root_1$Y();
|
|
22330
22531
|
var text2 = child(span, true);
|
|
22331
22532
|
reset(span);
|
|
22332
22533
|
template_effect(() => {
|
|
@@ -22497,9 +22698,9 @@ function NotificationPanel_wc($$anchor, $$props) {
|
|
|
22497
22698
|
}
|
|
22498
22699
|
customElements.define("uni-notification-panel", create_custom_element(NotificationPanel_wc, { open: {}, notifications: {} }, ["default"], [], { mode: "open" }));
|
|
22499
22700
|
let counter$d = 0;
|
|
22500
|
-
var root_1$
|
|
22701
|
+
var root_1$X = /* @__PURE__ */ from_html(`<label class="text-12 text-text-4"> </label>`);
|
|
22501
22702
|
var root_2$J = /* @__PURE__ */ from_html(`<span aria-hidden="true" class="flex items-center whitespace-nowrap pl-0.5 pr-2 text-12 text-text-4"> </span>`);
|
|
22502
|
-
var root$
|
|
22703
|
+
var root$19 = /* @__PURE__ */ from_html(`<div><!> <div class="inline-flex h-[34px] items-stretch overflow-hidden rounded-md border border-border-2 bg-bg-page transition-colors duration-100 focus-within:border-brand-05"><button type="button" aria-label="Decrement">−</button> <input type="number" role="spinbutton" class="w-[6ch] min-w-[40px] border-0 bg-transparent px-1 text-center text-13 text-text-1 outline-none [appearance:textfield] [-moz-appearance:textfield] [&::-webkit-outer-spin-button]:m-0 [&::-webkit-outer-spin-button]:appearance-none [&::-webkit-inner-spin-button]:m-0 [&::-webkit-inner-spin-button]:appearance-none"/> <!> <button type="button" aria-label="Increment">+</button></div></div>`);
|
|
22503
22704
|
function NumberInput($$anchor, $$props) {
|
|
22504
22705
|
push($$props, true);
|
|
22505
22706
|
let label = prop($$props, "label", 3, void 0), value = prop($$props, "value", 15, 0), min = prop($$props, "min", 3, void 0), max = prop($$props, "max", 3, void 0), step = prop($$props, "step", 3, 1), suffix = prop($$props, "suffix", 3, void 0), disabled = prop($$props, "disabled", 3, false), id = prop($$props, "id", 3, void 0), className = prop($$props, "class", 3, "");
|
|
@@ -22543,11 +22744,11 @@ function NumberInput($$anchor, $$props) {
|
|
|
22543
22744
|
let canDecrement = /* @__PURE__ */ user_derived(() => !disabled() && (min() === void 0 || value() > min()));
|
|
22544
22745
|
let canIncrement = /* @__PURE__ */ user_derived(() => !disabled() && (max() === void 0 || value() < max()));
|
|
22545
22746
|
const BTN_CLS = "inline-flex h-full w-[30px] shrink-0 cursor-pointer items-center justify-center border-0 bg-transparent text-base text-text-4 transition-[background-color,color] duration-100 hover:bg-row-hover hover:text-text-1 disabled:cursor-not-allowed disabled:opacity-40 focus-visible:outline-2 focus-visible:outline-offset-[-2px] focus-visible:outline-brand-05";
|
|
22546
|
-
var div = root$
|
|
22747
|
+
var div = root$19();
|
|
22547
22748
|
var node = child(div);
|
|
22548
22749
|
{
|
|
22549
22750
|
var consequent = ($$anchor2) => {
|
|
22550
|
-
var label_1 = root_1$
|
|
22751
|
+
var label_1 = root_1$X();
|
|
22551
22752
|
var text2 = child(label_1, true);
|
|
22552
22753
|
reset(label_1);
|
|
22553
22754
|
template_effect(() => {
|
|
@@ -22728,10 +22929,10 @@ customElements.define("uni-number-input", create_custom_element(
|
|
|
22728
22929
|
{ mode: "open" }
|
|
22729
22930
|
));
|
|
22730
22931
|
let counter$c = 0;
|
|
22731
|
-
var root_1$
|
|
22932
|
+
var root_1$W = /* @__PURE__ */ from_html(`<label class="text-12 text-text-4"> </label>`);
|
|
22732
22933
|
var root_3$u = /* @__PURE__ */ from_html(`<span aria-hidden="true" class="select-none text-13 text-text-4">–</span>`);
|
|
22733
22934
|
var root_2$I = /* @__PURE__ */ from_html(`<!> <input type="text" inputmode="numeric" pattern="[0-9]*"/>`, 1);
|
|
22734
|
-
var root$
|
|
22935
|
+
var root$18 = /* @__PURE__ */ from_html(`<div><!> <div role="group" class="inline-flex items-center gap-1.5 data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-40"></div></div>`);
|
|
22735
22936
|
function OTPInput($$anchor, $$props) {
|
|
22736
22937
|
push($$props, true);
|
|
22737
22938
|
let label = prop($$props, "label", 3, void 0), length = prop($$props, "length", 3, 6), value = prop($$props, "value", 15, ""), disabled = prop($$props, "disabled", 3, false), className = prop($$props, "class", 3, "");
|
|
@@ -22785,11 +22986,11 @@ function OTPInput($$anchor, $$props) {
|
|
|
22785
22986
|
setTimeout(() => focusAt(Math.min(text2.length, length() - 1)), 0);
|
|
22786
22987
|
}
|
|
22787
22988
|
const DIGIT_CLS = "h-9 w-9 rounded-md border border-border-2 bg-bg-page text-center font-mono text-15 text-text-1 outline-none transition-colors duration-100 focus:border-brand-05 focus:shadow-[0_0_0_2px_rgba(0,111,255,0.2)]";
|
|
22788
|
-
var div = root$
|
|
22989
|
+
var div = root$18();
|
|
22789
22990
|
var node = child(div);
|
|
22790
22991
|
{
|
|
22791
22992
|
var consequent = ($$anchor2) => {
|
|
22792
|
-
var label_1 = root_1$
|
|
22993
|
+
var label_1 = root_1$W();
|
|
22793
22994
|
var text_1 = child(label_1, true);
|
|
22794
22995
|
reset(label_1);
|
|
22795
22996
|
template_effect(() => {
|
|
@@ -22911,18 +23112,18 @@ function OTPInput_wc($$anchor, $$props) {
|
|
|
22911
23112
|
return pop($$exports);
|
|
22912
23113
|
}
|
|
22913
23114
|
customElements.define("uni-otpinput", create_custom_element(OTPInput_wc, { label: {}, length: {}, value: {}, disabled: {}, class: {} }, ["default"], [], { mode: "open" }));
|
|
22914
|
-
var root_1$
|
|
22915
|
-
var root$
|
|
23115
|
+
var root_1$V = /* @__PURE__ */ from_html(`<div class="ph-actions"><!></div>`);
|
|
23116
|
+
var root$17 = /* @__PURE__ */ from_html(`<div><h2 class="ph-title"> </h2> <!></div>`);
|
|
22916
23117
|
function PageHeader($$anchor, $$props) {
|
|
22917
23118
|
let sticky = prop($$props, "sticky", 3, true), className = prop($$props, "class", 3, "");
|
|
22918
|
-
var div = root$
|
|
23119
|
+
var div = root$17();
|
|
22919
23120
|
var h2 = child(div);
|
|
22920
23121
|
var text2 = child(h2, true);
|
|
22921
23122
|
reset(h2);
|
|
22922
23123
|
var node = sibling(h2, 2);
|
|
22923
23124
|
{
|
|
22924
23125
|
var consequent = ($$anchor2) => {
|
|
22925
|
-
var div_1 = root_1$
|
|
23126
|
+
var div_1 = root_1$V();
|
|
22926
23127
|
var node_1 = child(div_1);
|
|
22927
23128
|
snippet(node_1, () => $$props.actions ?? noop);
|
|
22928
23129
|
reset(div_1);
|
|
@@ -22989,7 +23190,7 @@ function PageHeader_wc($$anchor, $$props) {
|
|
|
22989
23190
|
customElements.define("uni-page-header", create_custom_element(PageHeader_wc, { title: {}, sticky: {}, class: {} }, ["default"], [], { mode: "open" }));
|
|
22990
23191
|
var root_3$t = /* @__PURE__ */ from_html(`<span aria-hidden="true" class="inline-flex h-[30px] min-w-[30px] items-center justify-center text-13 text-text-4">…</span>`);
|
|
22991
23192
|
var root_4$l = /* @__PURE__ */ from_html(`<button type="button"> </button>`);
|
|
22992
|
-
var root_1$
|
|
23193
|
+
var root_1$U = /* @__PURE__ */ from_html(`<nav class="flex items-center gap-0.5" aria-label="Pagination"><button type="button" aria-label="Previous page">‹</button> <!> <button type="button" aria-label="Next page">›</button></nav>`);
|
|
22993
23194
|
function Pagination($$anchor, $$props) {
|
|
22994
23195
|
push($$props, true);
|
|
22995
23196
|
let page = prop($$props, "page", 3, 1), pageSize = prop($$props, "pageSize", 3, 10), total = prop($$props, "total", 3, 0);
|
|
@@ -23015,7 +23216,7 @@ function Pagination($$anchor, $$props) {
|
|
|
23015
23216
|
var node = first_child(fragment);
|
|
23016
23217
|
{
|
|
23017
23218
|
var consequent_1 = ($$anchor2) => {
|
|
23018
|
-
var nav = root_1$
|
|
23219
|
+
var nav = root_1$U();
|
|
23019
23220
|
var button = child(nav);
|
|
23020
23221
|
set_class(button, 1, clsx(BTN_BASE));
|
|
23021
23222
|
var node_1 = sibling(button, 2);
|
|
@@ -23115,9 +23316,9 @@ function Pagination_wc($$anchor, $$props) {
|
|
|
23115
23316
|
customElements.define("uni-pagination", create_custom_element(Pagination_wc, { page: {}, pageSize: {}, total: {} }, ["default"], [], { mode: "open" }));
|
|
23116
23317
|
var root_2$H = /* @__PURE__ */ from_svg(`<text fill="#6E7079" font-size="7" text-anchor="middle" font-family="inherit"> </text>`);
|
|
23117
23318
|
var root_3$s = /* @__PURE__ */ from_svg(`<line stroke="rgba(255,255,255,0.25)" stroke-width="1"></line><text fill="#6E7079" font-size="7" text-anchor="end" font-family="inherit"> </text>`, 1);
|
|
23118
|
-
var root_1$
|
|
23319
|
+
var root_1$T = /* @__PURE__ */ from_svg(`<line stroke="rgba(255,255,255,0.2)" stroke-width="1"></line><text fill="#A4A7B5" font-size="8" text-anchor="middle" font-family="inherit"> </text><!><!>`, 1);
|
|
23119
23320
|
var root_4$k = /* @__PURE__ */ from_svg(`<path fill="none" stroke-width="1.5" opacity="0.75"></path>`);
|
|
23120
|
-
var root$
|
|
23321
|
+
var root$16 = /* @__PURE__ */ from_html(`<div role="img" style="width:100%;"><svg style="width:100%;height:auto;display:block;" aria-hidden="true" focusable="false"><!><!></svg></div>`);
|
|
23121
23322
|
function ParallelCoordinates($$anchor, $$props) {
|
|
23122
23323
|
push($$props, true);
|
|
23123
23324
|
const COLORS = [
|
|
@@ -23166,14 +23367,14 @@ function ParallelCoordinates($$anchor, $$props) {
|
|
|
23166
23367
|
});
|
|
23167
23368
|
return { axis, x, ticks };
|
|
23168
23369
|
}));
|
|
23169
|
-
var div = root$
|
|
23370
|
+
var div = root$16();
|
|
23170
23371
|
var svg = child(div);
|
|
23171
23372
|
var node = child(svg);
|
|
23172
23373
|
each(node, 17, () => get(axisData), ({ axis, x, ticks }) => axis.label, ($$anchor2, $$item) => {
|
|
23173
23374
|
let axis = () => get($$item).axis;
|
|
23174
23375
|
let x = () => get($$item).x;
|
|
23175
23376
|
let ticks = () => get($$item).ticks;
|
|
23176
|
-
var fragment = root_1$
|
|
23377
|
+
var fragment = root_1$T();
|
|
23177
23378
|
var line = first_child(fragment);
|
|
23178
23379
|
set_attribute(line, "y1", PAD_T);
|
|
23179
23380
|
var text2 = sibling(line);
|
|
@@ -23304,12 +23505,12 @@ function ParallelCoordinates_wc($$anchor, $$props) {
|
|
|
23304
23505
|
return pop($$exports);
|
|
23305
23506
|
}
|
|
23306
23507
|
customElements.define("uni-parallel-coordinates", create_custom_element(ParallelCoordinates_wc, { axes: {}, series: {}, height: {}, ariaLabel: {} }, ["default"], [], { mode: "open" }));
|
|
23307
|
-
var root_1$
|
|
23508
|
+
var root_1$S = /* @__PURE__ */ from_svg(`<line stroke="rgba(255,255,255,0.06)" stroke-width="1"></line>`);
|
|
23308
23509
|
var root_2$G = /* @__PURE__ */ from_svg(`<rect fill-opacity="0.85" rx="2"></rect>`);
|
|
23309
23510
|
var root_3$r = /* @__PURE__ */ from_svg(`<line stroke="rgba(255,255,255,0.3)" stroke-width="1" stroke-dasharray="4 3"></line>`);
|
|
23310
23511
|
var root_4$j = /* @__PURE__ */ from_svg(`<text fill="#6E7079" font-size="8"> </text>`);
|
|
23311
23512
|
var root_5$8 = /* @__PURE__ */ from_svg(`<text text-anchor="middle" fill="#6E7079" font-size="9"> </text>`);
|
|
23312
|
-
var root$
|
|
23513
|
+
var root$15 = /* @__PURE__ */ from_html(`<div role="img" style="width:100%;"><svg style="width:100%;height:auto;display:block;" aria-hidden="true" focusable="false"><!><!><!><polyline fill="none" stroke-width="1.5" stroke-linejoin="round"></polyline><!><!></svg></div>`);
|
|
23313
23514
|
function ParetoChart($$anchor, $$props) {
|
|
23314
23515
|
push($$props, true);
|
|
23315
23516
|
let items = prop($$props, "items", 19, () => []), height = prop($$props, "height", 3, 160), ariaLabel = prop($$props, "ariaLabel", 3, "Pareto chart"), barColor = prop($$props, "barColor", 3, "#006FFF"), lineColor = prop($$props, "lineColor", 3, "#F5A623"), threshold = prop($$props, "threshold", 3, 0.8);
|
|
@@ -23355,11 +23556,11 @@ function ParetoChart($$anchor, $$props) {
|
|
|
23355
23556
|
label: `${pct}%`,
|
|
23356
23557
|
y: (PAD.t + (1 - pct / 100) * get(chartH) + 3).toFixed(1)
|
|
23357
23558
|
})));
|
|
23358
|
-
var div = root$
|
|
23559
|
+
var div = root$15();
|
|
23359
23560
|
var svg = child(div);
|
|
23360
23561
|
var node = child(svg);
|
|
23361
23562
|
each(node, 17, () => get(gridLines), index, ($$anchor2, y) => {
|
|
23362
|
-
var line = root_1$
|
|
23563
|
+
var line = root_1$S();
|
|
23363
23564
|
template_effect(() => {
|
|
23364
23565
|
set_attribute(line, "x1", PAD.l);
|
|
23365
23566
|
set_attribute(line, "y1", get(y));
|
|
@@ -23529,10 +23730,10 @@ customElements.define("uni-pareto-chart", create_custom_element(
|
|
|
23529
23730
|
{ mode: "open" }
|
|
23530
23731
|
));
|
|
23531
23732
|
let counter$b = 0;
|
|
23532
|
-
var root_1$
|
|
23733
|
+
var root_1$R = /* @__PURE__ */ from_html(`<label class="text-12 text-text-4"> </label>`);
|
|
23533
23734
|
var root_2$F = /* @__PURE__ */ from_svg(`<svg width="16" height="16" viewBox="0 0 16 16" fill="none" aria-hidden="true" focusable="false"><path d="M2 2l12 12M6.5 6.6A2 2 0 0 0 9.4 9.5M4.2 4.3C2.7 5.3 1.5 7 1.5 8s2.2 4.5 6.5 4.5c1.3 0 2.4-.3 3.3-.8M7 3.6C7.3 3.5 7.7 3.5 8 3.5c4.3 0 6.5 3.5 6.5 4.5 0 .6-.6 1.7-1.7 2.7" stroke="currentColor" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round"></path></svg>`);
|
|
23534
23735
|
var root_3$q = /* @__PURE__ */ from_svg(`<svg width="16" height="16" viewBox="0 0 16 16" fill="none" aria-hidden="true" focusable="false"><path d="M1 8s2.5-5 7-5 7 5 7 5-2.5 5-7 5-7-5-7-5z" stroke="currentColor" stroke-width="1.25" stroke-linejoin="round"></path><circle cx="8" cy="8" r="2" stroke="currentColor" stroke-width="1.25"></circle></svg>`);
|
|
23535
|
-
var root$
|
|
23736
|
+
var root$14 = /* @__PURE__ */ from_html(`<div><!> <div class="flex h-[34px] items-stretch overflow-hidden rounded-md border border-border-2 bg-bg-page transition-colors duration-100 focus-within:border-brand-05 data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-40"><input class="min-w-0 flex-1 border-0 bg-transparent px-3 text-13 text-text-1 outline-none placeholder:text-text-4"/> <button type="button" class="inline-flex h-full w-9 shrink-0 cursor-pointer items-center justify-center border-0 border-l border-l-white/[0.08] bg-transparent text-text-4 transition-colors duration-100 hover:bg-row-hover hover:text-text-1 focus-visible:outline-2 focus-visible:outline-offset-[-2px] focus-visible:outline-brand-05"><!></button></div></div>`);
|
|
23536
23737
|
function PasswordInput($$anchor, $$props) {
|
|
23537
23738
|
push($$props, true);
|
|
23538
23739
|
let label = prop($$props, "label", 3, void 0), value = prop($$props, "value", 15, ""), placeholder = prop($$props, "placeholder", 3, void 0), disabled = prop($$props, "disabled", 3, false), autocomplete = prop($$props, "autocomplete", 3, "current-password"), className = prop($$props, "class", 3, "");
|
|
@@ -23542,11 +23743,11 @@ function PasswordInput($$anchor, $$props) {
|
|
|
23542
23743
|
value(e.target.value);
|
|
23543
23744
|
$$props.onchange?.(value());
|
|
23544
23745
|
}
|
|
23545
|
-
var div = root$
|
|
23746
|
+
var div = root$14();
|
|
23546
23747
|
var node = child(div);
|
|
23547
23748
|
{
|
|
23548
23749
|
var consequent = ($$anchor2) => {
|
|
23549
|
-
var label_1 = root_1$
|
|
23750
|
+
var label_1 = root_1$R();
|
|
23550
23751
|
var text2 = child(label_1, true);
|
|
23551
23752
|
reset(label_1);
|
|
23552
23753
|
template_effect(() => {
|
|
@@ -23690,10 +23891,10 @@ customElements.define("uni-password-input", create_custom_element(
|
|
|
23690
23891
|
[],
|
|
23691
23892
|
{ mode: "open" }
|
|
23692
23893
|
));
|
|
23693
|
-
var root_1$
|
|
23894
|
+
var root_1$Q = /* @__PURE__ */ from_svg(`<path stroke="#1a1d2b" stroke-width="1.5"></path>`);
|
|
23694
23895
|
var root_3$p = /* @__PURE__ */ from_svg(`<text fill="#fff" font-size="9" text-anchor="middle" dominant-baseline="middle" font-family="inherit" font-weight="600"> </text>`);
|
|
23695
23896
|
var root_4$i = /* @__PURE__ */ from_svg(`<g><rect width="8" height="8" rx="2"></rect><text fill="#A4A7B5" font-size="9" font-family="inherit"> </text></g>`);
|
|
23696
|
-
var root$
|
|
23897
|
+
var root$13 = /* @__PURE__ */ from_html(`<div role="img" style="width:100%;"><svg style="width:100%;height:auto;display:block;" aria-hidden="true" focusable="false"><!><!><!></svg></div>`);
|
|
23697
23898
|
function PieChart($$anchor, $$props) {
|
|
23698
23899
|
push($$props, true);
|
|
23699
23900
|
let slices = prop($$props, "slices", 19, () => []), size = prop($$props, "size", 3, 140), ariaLabel = prop($$props, "ariaLabel", 3, "Pie chart");
|
|
@@ -23740,11 +23941,11 @@ function PieChart($$anchor, $$props) {
|
|
|
23740
23941
|
}
|
|
23741
23942
|
return result;
|
|
23742
23943
|
})());
|
|
23743
|
-
var div = root$
|
|
23944
|
+
var div = root$13();
|
|
23744
23945
|
var svg = child(div);
|
|
23745
23946
|
var node = child(svg);
|
|
23746
23947
|
each(node, 17, () => get(segments), index, ($$anchor2, seg) => {
|
|
23747
|
-
var path = root_1$
|
|
23948
|
+
var path = root_1$Q();
|
|
23748
23949
|
template_effect(() => {
|
|
23749
23950
|
set_attribute(path, "d", get(seg).path);
|
|
23750
23951
|
set_attribute(path, "fill", get(seg).color);
|
|
@@ -23863,46 +24064,6 @@ function PieChart_wc($$anchor, $$props) {
|
|
|
23863
24064
|
return pop($$exports);
|
|
23864
24065
|
}
|
|
23865
24066
|
customElements.define("uni-pie-chart", create_custom_element(PieChart_wc, { slices: {}, size: {}, ariaLabel: {} }, ["default"], [], { mode: "open" }));
|
|
23866
|
-
var root_1$Q = /* @__PURE__ */ from_html(`<span aria-hidden="true"></span>`);
|
|
23867
|
-
var root$13 = /* @__PURE__ */ from_html(`<span><!> <!></span>`);
|
|
23868
|
-
function Pill($$anchor, $$props) {
|
|
23869
|
-
let variant = prop($$props, "variant", 3, "neutral"), showDot = prop($$props, "showDot", 3, true), className = prop($$props, "class", 3, ""), style = prop($$props, "style", 3, "");
|
|
23870
|
-
const PILL = {
|
|
23871
|
-
success: "bg-status-success/14 text-status-success",
|
|
23872
|
-
warn: "bg-status-warning/14 text-status-warning",
|
|
23873
|
-
danger: "bg-status-danger/14 text-status-danger",
|
|
23874
|
-
info: "bg-status-info/14 text-status-info",
|
|
23875
|
-
neutral: "bg-row-active text-text-2"
|
|
23876
|
-
};
|
|
23877
|
-
const DOT = {
|
|
23878
|
-
success: "bg-status-success",
|
|
23879
|
-
warn: "bg-status-warning",
|
|
23880
|
-
danger: "bg-status-danger",
|
|
23881
|
-
info: "bg-status-info",
|
|
23882
|
-
neutral: "bg-status-neutral"
|
|
23883
|
-
};
|
|
23884
|
-
let pillClass = /* @__PURE__ */ user_derived(() => `inline-flex items-center gap-1.5 rounded-full px-2 py-0.5 text-[11px] font-medium leading-[1.4] ${PILL[variant()]} ${className()}`);
|
|
23885
|
-
var span = root$13();
|
|
23886
|
-
var node = child(span);
|
|
23887
|
-
{
|
|
23888
|
-
var consequent = ($$anchor2) => {
|
|
23889
|
-
var span_1 = root_1$Q();
|
|
23890
|
-
template_effect(() => set_class(span_1, 1, `h-1.5 w-1.5 rounded-full ${DOT[variant()] ?? ""}`));
|
|
23891
|
-
append($$anchor2, span_1);
|
|
23892
|
-
};
|
|
23893
|
-
if_block(node, ($$render) => {
|
|
23894
|
-
if (showDot()) $$render(consequent);
|
|
23895
|
-
});
|
|
23896
|
-
}
|
|
23897
|
-
var node_1 = sibling(node, 2);
|
|
23898
|
-
snippet(node_1, () => $$props.children ?? noop);
|
|
23899
|
-
reset(span);
|
|
23900
|
-
template_effect(() => {
|
|
23901
|
-
set_class(span, 1, clsx(get(pillClass)));
|
|
23902
|
-
set_style(span, style());
|
|
23903
|
-
});
|
|
23904
|
-
append($$anchor, span);
|
|
23905
|
-
}
|
|
23906
24067
|
function Pill_wc($$anchor, $$props) {
|
|
23907
24068
|
push($$props, true);
|
|
23908
24069
|
let variant = prop($$props, "variant", 7, "neutral"), showDot = prop($$props, "showDot", 7, true), className = prop($$props, "class", 7, ""), style = prop($$props, "style", 7, "");
|
|
@@ -24185,6 +24346,37 @@ const portal = (node, target = "body") => {
|
|
|
24185
24346
|
}
|
|
24186
24347
|
};
|
|
24187
24348
|
};
|
|
24349
|
+
const computePanelPosition = (input) => {
|
|
24350
|
+
const {
|
|
24351
|
+
triggerRect,
|
|
24352
|
+
panelWidth,
|
|
24353
|
+
panelHeight,
|
|
24354
|
+
viewportWidth,
|
|
24355
|
+
viewportHeight,
|
|
24356
|
+
placement,
|
|
24357
|
+
margin,
|
|
24358
|
+
offset
|
|
24359
|
+
} = input;
|
|
24360
|
+
let left;
|
|
24361
|
+
if (placement === "bottom-start") {
|
|
24362
|
+
left = triggerRect.left;
|
|
24363
|
+
} else if (placement === "bottom-end") {
|
|
24364
|
+
left = triggerRect.right - panelWidth;
|
|
24365
|
+
} else {
|
|
24366
|
+
left = triggerRect.left + triggerRect.width / 2 - panelWidth / 2;
|
|
24367
|
+
}
|
|
24368
|
+
left = Math.max(margin, Math.min(left, viewportWidth - panelWidth - margin));
|
|
24369
|
+
const spaceBelow = viewportHeight - triggerRect.bottom - margin;
|
|
24370
|
+
const spaceAbove = triggerRect.top - margin;
|
|
24371
|
+
const fitsBelow = panelHeight + offset <= spaceBelow;
|
|
24372
|
+
let top;
|
|
24373
|
+
if (fitsBelow || spaceBelow >= spaceAbove) {
|
|
24374
|
+
top = triggerRect.bottom + offset;
|
|
24375
|
+
} else {
|
|
24376
|
+
top = Math.max(margin, triggerRect.top - offset - panelHeight);
|
|
24377
|
+
}
|
|
24378
|
+
return { top, left };
|
|
24379
|
+
};
|
|
24188
24380
|
let counter$a = 0;
|
|
24189
24381
|
var root_5$7 = /* @__PURE__ */ from_html(`<div class="border-b border-border-1 px-3.5 pb-2 pt-2.5 text-11 font-semibold uppercase tracking-[0.06em] text-text-4"> </div>`);
|
|
24190
24382
|
var root_4$g = /* @__PURE__ */ from_html(`<div role="dialog" class="fixed z-[9100] min-w-[200px] max-w-[320px] rounded-[10px] border border-border-3 bg-bg-2 shadow-[0_8px_32px_rgba(0,0,0,0.5)] focus:outline-none"><!> <div class="flex flex-col gap-2.5 px-3.5 py-3"><!></div></div>`);
|
|
@@ -24203,16 +24395,24 @@ function Popover($$anchor, $$props) {
|
|
|
24203
24395
|
function recomputePosition() {
|
|
24204
24396
|
if (!get(triggerEl) || !get(panelEl)) return;
|
|
24205
24397
|
const tr = get(triggerEl).getBoundingClientRect();
|
|
24206
|
-
const
|
|
24207
|
-
|
|
24208
|
-
|
|
24209
|
-
|
|
24210
|
-
|
|
24211
|
-
|
|
24212
|
-
|
|
24213
|
-
|
|
24398
|
+
const { top, left } = computePanelPosition({
|
|
24399
|
+
triggerRect: {
|
|
24400
|
+
top: tr.top,
|
|
24401
|
+
bottom: tr.bottom,
|
|
24402
|
+
left: tr.left,
|
|
24403
|
+
right: tr.right,
|
|
24404
|
+
width: tr.width
|
|
24405
|
+
},
|
|
24406
|
+
panelWidth: get(panelEl).offsetWidth,
|
|
24407
|
+
panelHeight: get(panelEl).offsetHeight,
|
|
24408
|
+
viewportWidth: window.innerWidth,
|
|
24409
|
+
viewportHeight: window.innerHeight,
|
|
24410
|
+
placement: placement(),
|
|
24411
|
+
margin: 8,
|
|
24412
|
+
offset: 6
|
|
24413
|
+
});
|
|
24414
|
+
set(panelTop, top, true);
|
|
24214
24415
|
set(panelLeft, left, true);
|
|
24215
|
-
set(panelTop, tr.bottom + offset);
|
|
24216
24416
|
}
|
|
24217
24417
|
async function toggle() {
|
|
24218
24418
|
if (!open()) {
|
|
@@ -32186,10 +32386,10 @@ function HelpIcon($$anchor, $$props) {
|
|
|
32186
32386
|
});
|
|
32187
32387
|
append($$anchor, svg);
|
|
32188
32388
|
}
|
|
32189
|
-
var root_2$7 = /* @__PURE__ */ from_html(`<span aria-hidden="true"><img alt="" width="24" height="24" class="h-full w-full object-cover"/></span>`);
|
|
32389
|
+
var root_2$7 = /* @__PURE__ */ from_html(`<span class="relative inline-flex h-6 w-6 items-center justify-center"><span data-testid="site-logo-glow" aria-hidden="true" class="pointer-events-none absolute -inset-1.5 rounded-full transition-opacity duration-300"></span> <span aria-hidden="true"><img alt="" width="24" height="24" class="h-full w-full object-cover"/></span></span>`);
|
|
32190
32390
|
var root_3$6 = /* @__PURE__ */ from_html(`<span><span></span></span>`);
|
|
32191
32391
|
var root_1$a = /* @__PURE__ */ from_html(`<button type="button" class="flex cursor-pointer items-center gap-2 rounded-md px-2.5 py-1.5 hover:bg-row-hover focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-brand-05" aria-haspopup="menu"><!> <span class="text-13 font-medium text-text-1" aria-hidden="true"> </span> <!></button>`);
|
|
32192
|
-
var root_5$2 = /* @__PURE__ */ from_html(`<span aria-hidden="true"><img alt="" width="24" height="24" class="h-full w-full object-cover"/></span>`);
|
|
32392
|
+
var root_5$2 = /* @__PURE__ */ from_html(`<span class="relative inline-flex h-6 w-6 items-center justify-center"><span data-testid="site-logo-glow" aria-hidden="true" class="pointer-events-none absolute -inset-1.5 rounded-full transition-opacity duration-300"></span> <span aria-hidden="true"><img alt="" width="24" height="24" class="h-full w-full object-cover"/></span></span>`);
|
|
32193
32393
|
var root_6 = /* @__PURE__ */ from_html(`<span><span></span></span>`);
|
|
32194
32394
|
var root_4$5 = /* @__PURE__ */ from_html(`<div class="flex items-center gap-2 px-2.5 py-1.5" role="presentation"><!> <span class="text-13 font-medium text-text-1"> </span></div>`);
|
|
32195
32395
|
var root_7$1 = /* @__PURE__ */ from_html(`<button type="button"><img alt="" width="24" height="24"/> <span class="mt-0.5 text-[10px] font-medium leading-none"> </span></button>`);
|
|
@@ -32230,6 +32430,18 @@ function Topbar($$anchor, $$props) {
|
|
|
32230
32430
|
let ringWrapClass = /* @__PURE__ */ user_derived(() => `inline-flex h-[18px] w-[18px] items-center justify-center rounded-full ${RING_BG[status()]}`);
|
|
32231
32431
|
let ringDotClass = /* @__PURE__ */ user_derived(() => `h-2 w-2 rounded-full ${RING_DOT[status()]}`);
|
|
32232
32432
|
let logoRingClass = /* @__PURE__ */ user_derived(() => `inline-flex h-6 w-6 items-center justify-center overflow-hidden rounded-full ring-2 ring-inset ${LOGO_RING[status()]}`);
|
|
32433
|
+
const GLOW_TOKEN = {
|
|
32434
|
+
ok: "--status-success",
|
|
32435
|
+
warn: "--status-warning",
|
|
32436
|
+
danger: "--status-danger",
|
|
32437
|
+
neutral: null
|
|
32438
|
+
};
|
|
32439
|
+
let logoGlowStyle = /* @__PURE__ */ user_derived(() => {
|
|
32440
|
+
const token = GLOW_TOKEN[status()];
|
|
32441
|
+
if (token === null) return "opacity: 0;";
|
|
32442
|
+
const colour = `var(${token})`;
|
|
32443
|
+
return `background: radial-gradient(closest-side, ${colour}, transparent); opacity: 0.85; filter: blur(5px);`;
|
|
32444
|
+
});
|
|
32233
32445
|
var $$exports = { DEFAULT_APPS: DEFAULT_APPS2 };
|
|
32234
32446
|
var header = root$c();
|
|
32235
32447
|
var node = child(header);
|
|
@@ -32240,11 +32452,15 @@ function Topbar($$anchor, $$props) {
|
|
|
32240
32452
|
{
|
|
32241
32453
|
var consequent = ($$anchor3) => {
|
|
32242
32454
|
var span = root_2$7();
|
|
32243
|
-
var
|
|
32455
|
+
var span_1 = child(span);
|
|
32456
|
+
var span_2 = sibling(span_1, 2);
|
|
32457
|
+
var img = child(span_2);
|
|
32458
|
+
reset(span_2);
|
|
32244
32459
|
reset(span);
|
|
32245
32460
|
template_effect(
|
|
32246
32461
|
($0) => {
|
|
32247
|
-
|
|
32462
|
+
set_style(span_1, get(logoGlowStyle));
|
|
32463
|
+
set_class(span_2, 1, `relative ${get(logoRingClass)}`);
|
|
32248
32464
|
set_attribute(img, "src", $0);
|
|
32249
32465
|
},
|
|
32250
32466
|
[() => resolveLogo($$props.siteLogo)]
|
|
@@ -32252,24 +32468,24 @@ function Topbar($$anchor, $$props) {
|
|
|
32252
32468
|
append($$anchor3, span);
|
|
32253
32469
|
};
|
|
32254
32470
|
var alternate = ($$anchor3) => {
|
|
32255
|
-
var
|
|
32256
|
-
var
|
|
32257
|
-
reset(
|
|
32471
|
+
var span_3 = root_3$6();
|
|
32472
|
+
var span_4 = child(span_3);
|
|
32473
|
+
reset(span_3);
|
|
32258
32474
|
template_effect(() => {
|
|
32259
|
-
set_class(
|
|
32260
|
-
set_class(
|
|
32475
|
+
set_class(span_3, 1, clsx(get(ringWrapClass)));
|
|
32476
|
+
set_class(span_4, 1, clsx(get(ringDotClass)));
|
|
32261
32477
|
});
|
|
32262
|
-
append($$anchor3,
|
|
32478
|
+
append($$anchor3, span_3);
|
|
32263
32479
|
};
|
|
32264
32480
|
if_block(node_1, ($$render) => {
|
|
32265
32481
|
if ($$props.siteLogo !== void 0) $$render(consequent);
|
|
32266
32482
|
else $$render(alternate, -1);
|
|
32267
32483
|
});
|
|
32268
32484
|
}
|
|
32269
|
-
var
|
|
32270
|
-
var text2 = child(
|
|
32271
|
-
reset(
|
|
32272
|
-
var node_2 = sibling(
|
|
32485
|
+
var span_5 = sibling(node_1, 2);
|
|
32486
|
+
var text2 = child(span_5, true);
|
|
32487
|
+
reset(span_5);
|
|
32488
|
+
var node_2 = sibling(span_5, 2);
|
|
32273
32489
|
CaretIcon(node_2, { class: "h-3.5 w-3.5 text-text-3" });
|
|
32274
32490
|
reset(button);
|
|
32275
32491
|
template_effect(() => {
|
|
@@ -32284,36 +32500,40 @@ function Topbar($$anchor, $$props) {
|
|
|
32284
32500
|
var node_3 = child(div);
|
|
32285
32501
|
{
|
|
32286
32502
|
var consequent_2 = ($$anchor3) => {
|
|
32287
|
-
var
|
|
32288
|
-
var
|
|
32289
|
-
|
|
32503
|
+
var span_6 = root_5$2();
|
|
32504
|
+
var span_7 = child(span_6);
|
|
32505
|
+
var span_8 = sibling(span_7, 2);
|
|
32506
|
+
var img_1 = child(span_8);
|
|
32507
|
+
reset(span_8);
|
|
32508
|
+
reset(span_6);
|
|
32290
32509
|
template_effect(
|
|
32291
32510
|
($0) => {
|
|
32292
|
-
|
|
32511
|
+
set_style(span_7, get(logoGlowStyle));
|
|
32512
|
+
set_class(span_8, 1, `relative ${get(logoRingClass)}`);
|
|
32293
32513
|
set_attribute(img_1, "src", $0);
|
|
32294
32514
|
},
|
|
32295
32515
|
[() => resolveLogo($$props.siteLogo)]
|
|
32296
32516
|
);
|
|
32297
|
-
append($$anchor3,
|
|
32517
|
+
append($$anchor3, span_6);
|
|
32298
32518
|
};
|
|
32299
32519
|
var alternate_1 = ($$anchor3) => {
|
|
32300
|
-
var
|
|
32301
|
-
var
|
|
32302
|
-
reset(
|
|
32520
|
+
var span_9 = root_6();
|
|
32521
|
+
var span_10 = child(span_9);
|
|
32522
|
+
reset(span_9);
|
|
32303
32523
|
template_effect(() => {
|
|
32304
|
-
set_class(
|
|
32305
|
-
set_class(
|
|
32524
|
+
set_class(span_9, 1, clsx(get(ringWrapClass)));
|
|
32525
|
+
set_class(span_10, 1, clsx(get(ringDotClass)));
|
|
32306
32526
|
});
|
|
32307
|
-
append($$anchor3,
|
|
32527
|
+
append($$anchor3, span_9);
|
|
32308
32528
|
};
|
|
32309
32529
|
if_block(node_3, ($$render) => {
|
|
32310
32530
|
if ($$props.siteLogo !== void 0) $$render(consequent_2);
|
|
32311
32531
|
else $$render(alternate_1, -1);
|
|
32312
32532
|
});
|
|
32313
32533
|
}
|
|
32314
|
-
var
|
|
32315
|
-
var text_1 = child(
|
|
32316
|
-
reset(
|
|
32534
|
+
var span_11 = sibling(node_3, 2);
|
|
32535
|
+
var text_1 = child(span_11, true);
|
|
32536
|
+
reset(span_11);
|
|
32317
32537
|
reset(div);
|
|
32318
32538
|
template_effect(() => {
|
|
32319
32539
|
set_attribute(div, "title", `${$$props.siteName} — status: ${status()}`);
|
|
@@ -32330,9 +32550,9 @@ function Topbar($$anchor, $$props) {
|
|
|
32330
32550
|
each(nav, 21, apps, (a) => a.id, ($$anchor2, a) => {
|
|
32331
32551
|
var button_1 = root_7$1();
|
|
32332
32552
|
var img_2 = child(button_1);
|
|
32333
|
-
var
|
|
32334
|
-
var text_2 = child(
|
|
32335
|
-
reset(
|
|
32553
|
+
var span_12 = sibling(img_2, 2);
|
|
32554
|
+
var text_2 = child(span_12, true);
|
|
32555
|
+
reset(span_12);
|
|
32336
32556
|
reset(button_1);
|
|
32337
32557
|
template_effect(
|
|
32338
32558
|
($0) => {
|
|
@@ -32398,8 +32618,8 @@ function Topbar($$anchor, $$props) {
|
|
|
32398
32618
|
var node_10 = sibling(node_9, 2);
|
|
32399
32619
|
{
|
|
32400
32620
|
var consequent_4 = ($$anchor4) => {
|
|
32401
|
-
var
|
|
32402
|
-
append($$anchor4,
|
|
32621
|
+
var span_13 = root_13();
|
|
32622
|
+
append($$anchor4, span_13);
|
|
32403
32623
|
};
|
|
32404
32624
|
if_block(node_10, ($$render) => {
|
|
32405
32625
|
if (notificationCount() > 0) $$render(consequent_4);
|
|
@@ -34668,6 +34888,7 @@ function WordCloud_wc($$anchor, $$props) {
|
|
|
34668
34888
|
customElements.define("uni-word-cloud", create_custom_element(WordCloud_wc, { items: {}, height: {}, ariaLabel: {} }, ["default"], [], { mode: "open" }));
|
|
34669
34889
|
const REGISTERED_TAGS = [
|
|
34670
34890
|
"uni-accordion",
|
|
34891
|
+
"uni-accordion-item",
|
|
34671
34892
|
"uni-action-menu",
|
|
34672
34893
|
"uni-activity-feed",
|
|
34673
34894
|
"uni-alert",
|