@nightshadeui/core 2.0.18 → 2.1.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/components/Checkbox.vue.d.ts +132 -0
- package/dist/components/InputSelect.vue.d.ts +2 -2
- package/dist/components/InputText.vue.d.ts +2 -2
- package/dist/components/InputTextarea.vue.d.ts +2 -2
- package/dist/components/index.d.ts +2 -1
- package/dist/core.css +1 -1
- package/dist/core.mjs +244 -154
- package/package.json +1 -1
|
@@ -0,0 +1,132 @@
|
|
|
1
|
+
declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
|
|
2
|
+
mark: {
|
|
3
|
+
type: StringConstructor;
|
|
4
|
+
default: string;
|
|
5
|
+
};
|
|
6
|
+
modelValue: {
|
|
7
|
+
type: BooleanConstructor;
|
|
8
|
+
};
|
|
9
|
+
disabled: {
|
|
10
|
+
type: BooleanConstructor;
|
|
11
|
+
};
|
|
12
|
+
kind: {
|
|
13
|
+
type: StringConstructor;
|
|
14
|
+
default: string;
|
|
15
|
+
};
|
|
16
|
+
activeKind: {
|
|
17
|
+
type: StringConstructor;
|
|
18
|
+
};
|
|
19
|
+
size: {
|
|
20
|
+
type: StringConstructor;
|
|
21
|
+
default: string;
|
|
22
|
+
};
|
|
23
|
+
round: {
|
|
24
|
+
type: BooleanConstructor;
|
|
25
|
+
default: boolean;
|
|
26
|
+
};
|
|
27
|
+
flat: {
|
|
28
|
+
type: BooleanConstructor;
|
|
29
|
+
default: boolean;
|
|
30
|
+
};
|
|
31
|
+
outline: {
|
|
32
|
+
type: BooleanConstructor;
|
|
33
|
+
default: boolean;
|
|
34
|
+
};
|
|
35
|
+
forceFocus: {
|
|
36
|
+
type: BooleanConstructor;
|
|
37
|
+
default: boolean;
|
|
38
|
+
};
|
|
39
|
+
forceHover: {
|
|
40
|
+
type: BooleanConstructor;
|
|
41
|
+
default: boolean;
|
|
42
|
+
};
|
|
43
|
+
focusOverrides: {
|
|
44
|
+
type: ObjectConstructor;
|
|
45
|
+
};
|
|
46
|
+
hoverOverrides: {
|
|
47
|
+
type: ObjectConstructor;
|
|
48
|
+
};
|
|
49
|
+
}>, {}, {
|
|
50
|
+
hover: boolean;
|
|
51
|
+
focus: boolean;
|
|
52
|
+
}, {
|
|
53
|
+
isActive(): boolean;
|
|
54
|
+
baseStyle(): {
|
|
55
|
+
kind: string;
|
|
56
|
+
size: string;
|
|
57
|
+
round: boolean;
|
|
58
|
+
outline: boolean;
|
|
59
|
+
flat: boolean;
|
|
60
|
+
};
|
|
61
|
+
effectiveStyle(): {
|
|
62
|
+
kind: string;
|
|
63
|
+
size: string;
|
|
64
|
+
round: boolean;
|
|
65
|
+
outline: boolean;
|
|
66
|
+
flat: boolean;
|
|
67
|
+
};
|
|
68
|
+
}, {
|
|
69
|
+
onChange(ev: any): void;
|
|
70
|
+
}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
|
|
71
|
+
mark: {
|
|
72
|
+
type: StringConstructor;
|
|
73
|
+
default: string;
|
|
74
|
+
};
|
|
75
|
+
modelValue: {
|
|
76
|
+
type: BooleanConstructor;
|
|
77
|
+
};
|
|
78
|
+
disabled: {
|
|
79
|
+
type: BooleanConstructor;
|
|
80
|
+
};
|
|
81
|
+
kind: {
|
|
82
|
+
type: StringConstructor;
|
|
83
|
+
default: string;
|
|
84
|
+
};
|
|
85
|
+
activeKind: {
|
|
86
|
+
type: StringConstructor;
|
|
87
|
+
};
|
|
88
|
+
size: {
|
|
89
|
+
type: StringConstructor;
|
|
90
|
+
default: string;
|
|
91
|
+
};
|
|
92
|
+
round: {
|
|
93
|
+
type: BooleanConstructor;
|
|
94
|
+
default: boolean;
|
|
95
|
+
};
|
|
96
|
+
flat: {
|
|
97
|
+
type: BooleanConstructor;
|
|
98
|
+
default: boolean;
|
|
99
|
+
};
|
|
100
|
+
outline: {
|
|
101
|
+
type: BooleanConstructor;
|
|
102
|
+
default: boolean;
|
|
103
|
+
};
|
|
104
|
+
forceFocus: {
|
|
105
|
+
type: BooleanConstructor;
|
|
106
|
+
default: boolean;
|
|
107
|
+
};
|
|
108
|
+
forceHover: {
|
|
109
|
+
type: BooleanConstructor;
|
|
110
|
+
default: boolean;
|
|
111
|
+
};
|
|
112
|
+
focusOverrides: {
|
|
113
|
+
type: ObjectConstructor;
|
|
114
|
+
};
|
|
115
|
+
hoverOverrides: {
|
|
116
|
+
type: ObjectConstructor;
|
|
117
|
+
};
|
|
118
|
+
}>> & Readonly<{
|
|
119
|
+
"onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
|
|
120
|
+
}>, {
|
|
121
|
+
kind: string;
|
|
122
|
+
size: string;
|
|
123
|
+
flat: boolean;
|
|
124
|
+
outline: boolean;
|
|
125
|
+
round: boolean;
|
|
126
|
+
disabled: boolean;
|
|
127
|
+
forceFocus: boolean;
|
|
128
|
+
forceHover: boolean;
|
|
129
|
+
mark: string;
|
|
130
|
+
modelValue: boolean;
|
|
131
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
|
|
132
|
+
export default _default;
|
|
@@ -10,10 +10,10 @@ declare const _default: import('vue').DefineComponent<{}, {}, {
|
|
|
10
10
|
selectValue(value: any): void;
|
|
11
11
|
getMenuItems(): any;
|
|
12
12
|
show(): void;
|
|
13
|
-
}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("focus" | "
|
|
13
|
+
}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("focus" | "update:modelValue" | "blur")[], "focus" | "update:modelValue" | "blur", import('vue').PublicProps, Readonly<{}> & Readonly<{
|
|
14
|
+
"onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
|
|
14
15
|
onFocus?: ((...args: any[]) => any) | undefined;
|
|
15
16
|
onBlur?: ((...args: any[]) => any) | undefined;
|
|
16
|
-
"onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
|
|
17
17
|
}>, {} | {
|
|
18
18
|
[x: string]: any;
|
|
19
19
|
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {
|
|
2
2
|
onInput(ev: any): void;
|
|
3
|
-
}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("focus" | "
|
|
3
|
+
}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("focus" | "update:modelValue" | "blur" | "input")[], "focus" | "update:modelValue" | "blur" | "input", import('vue').PublicProps, Readonly<{}> & Readonly<{
|
|
4
|
+
"onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
|
|
4
5
|
onFocus?: ((...args: any[]) => any) | undefined;
|
|
5
6
|
onBlur?: ((...args: any[]) => any) | undefined;
|
|
6
|
-
"onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
|
|
7
7
|
onInput?: ((...args: any[]) => any) | undefined;
|
|
8
8
|
}>, {} | {
|
|
9
9
|
[x: string]: any;
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {
|
|
2
2
|
onInput(ev: any): void;
|
|
3
|
-
}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("focus" | "
|
|
3
|
+
}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("focus" | "update:modelValue" | "blur" | "input")[], "focus" | "update:modelValue" | "blur" | "input", import('vue').PublicProps, Readonly<{}> & Readonly<{
|
|
4
|
+
"onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
|
|
4
5
|
onFocus?: ((...args: any[]) => any) | undefined;
|
|
5
6
|
onBlur?: ((...args: any[]) => any) | undefined;
|
|
6
|
-
"onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
|
|
7
7
|
onInput?: ((...args: any[]) => any) | undefined;
|
|
8
8
|
}>, {} | {
|
|
9
9
|
[x: string]: any;
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import { default as Btn } from './Btn.vue';
|
|
2
|
+
import { default as Checkbox } from './Checkbox.vue';
|
|
2
3
|
import { default as Filler } from './Filler.vue';
|
|
3
4
|
import { default as HGroup } from './HGroup.vue';
|
|
4
5
|
import { default as InputBase } from './InputBase.vue';
|
|
@@ -11,4 +12,4 @@ import { default as Tab } from './Tab.vue';
|
|
|
11
12
|
import { default as TabCap } from './TabCap.vue';
|
|
12
13
|
import { default as Toggle } from './Toggle.vue';
|
|
13
14
|
import { default as VGroup } from './VGroup.vue';
|
|
14
|
-
export { Btn, Filler, HGroup, InputBase, InputGroup, InputSelect, InputText, InputTextarea, RouterBtn, Tab, TabCap, Toggle, VGroup, };
|
|
15
|
+
export { Btn, Checkbox, Filler, HGroup, InputBase, InputGroup, InputSelect, InputText, InputTextarea, RouterBtn, Tab, TabCap, Toggle, VGroup, };
|
package/dist/core.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.Btn[data-v-09d29421]{--Btn-size:var(--input-size);--Btn-padding:var(--sp1-5);--Btn-gap:var(--sp);--Btn-font-size:var(--font-size);--Btn-text-color:var(--input-surface-color-text);--Btn-text-shadow:var(--Btn-surface-bottom);--Btn-outline-color:transparent;--Btn-surface:var(--input-surface-color);--Btn-surface-top:var(--input-surface-color-top);--Btn-surface-bottom:var(--input-surface-color-bottom);--Btn-border-size:0;--Btn-border-color:transparent;--Btn-radius:var(--input-radius);--Btn-shadow-color:var(--input-shadow-color);--Btn-gradient-x:50%;--Btn-gradient-y:0%;--Btn-gradient-width:150%;--Btn-gradient-height:150%;appearance:none;z-index:var(--input-z);padding:0 var(--Btn-padding);height:var(--Btn-size);line-height:var(--Btn-size);box-sizing:border-box;justify-content:flex-start;align-items:center;gap:var(--Btn-gap);border:var(--Btn-border-size)solid var(--Btn-border-color);border-radius:var(--Btn-radius);color:var(--Btn-text-color);text-shadow:0 1px 1px var(--Btn-text-shadow);outline:var(--input-outline-size)solid var(--Btn-outline-color);outline-offset:var(--input-outline-offset);background:radial-gradient(var(--Btn-gradient-width)var(--Btn-gradient-height)at var(--Btn-gradient-x)var(--Btn-gradient-y),var(--Btn-surface-top),var(--Btn-surface-bottom));cursor:pointer;-webkit-user-select:none;user-select:none;font-family:inherit;font-size:var(--Btn-font-size);flex-shrink:0;margin:0;transition:color .3s,outline .3s,filter .3s,border-radius .3s;display:inline-flex;position:relative}.Btn[data-v-09d29421]:after{content:"";z-index:1;border-radius:var(--Btn-radius);mix-blend-mode:color-dodge;pointer-events:none;opacity:0;background:#7f7f7f0d;width:100%;height:100%;position:absolute;top:0;left:0}.Label[data-v-09d29421]{line-height:var(--Btn-size);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.Icon[data-v-09d29421]{width:var(--sp2);font-size:var(--Btn-font-size);justify-content:center;align-items:center;display:flex}.Btn-iconPos-right .Icon[data-v-09d29421]{order:100}.Btn[data-v-09d29421]:focus,.Btn[data-v-09d29421]:active,.Btn[data-v-09d29421]:hover{transition:none}.Btn[data-v-09d29421]:not(:disabled):hover:after,.Btn.Btn-force-hover[data-v-09d29421]:after{opacity:1}.Btn[data-v-09d29421]:not(:disabled):focus,.Btn.Btn-force-focus[data-v-09d29421]{z-index:10;--Btn-outline-color:var(--input-focus-light-color);--Btn-border-color:var(--input-focus-medium-color)}.Btn[data-v-09d29421]:not(:disabled):active,.Btn.Btn-force-active[data-v-09d29421]{box-shadow:0 6px 12px var(--shadow-color-light)inset,0 1px 2px var(--shadow-color-medium)inset;padding-top:1px}.Btn-disabled[data-v-09d29421]{opacity:.64;filter:saturate(40%);cursor:not-allowed}.Btn-round[data-v-09d29421]{--Btn-radius:var(--input-radius-full)}.Btn-ghost[data-v-09d29421]{--Btn-surface:transparent;--Btn-surface-top:transparent;--Btn-surface-bottom:transparent;--Btn-text-color:var(--input-text-color);--Btn-text-shadow:none;--Btn-shadow-color:var(--shadow-color-light)}.Btn-outline[data-v-09d29421]{--Btn-border-color:var(--input-border-color);--Btn-border-size:var(--input-border-size)}.Btn-flat[data-v-09d29421]{--Btn-surface-top:var(--Btn-surface);--Btn-surface-bottom:var(--Btn-surface);--Btn-text-shadow:none}.Btn-shadow[data-v-09d29421]{box-shadow:0 1px 1px var(--Btn-shadow-color),0 0 5px -1px var(--shadow-color-light)}.Btn-square[data-v-09d29421]{width:var(--Btn-size);justify-content:center;padding-left:0;padding-right:0}.Btn-block[data-v-09d29421]{flex:auto;justify-content:center;display:flex}.Btn-large[data-v-09d29421]{--Btn-size:var(--input-size-l);--Btn-font-size:var(--font-size-l);--Btn-padding:var(--sp2)}.Btn-small[data-v-09d29421]{--Btn-size:var(--input-size-s);--Btn-font-size:var(--font-size-s);--Btn-padding:var(--sp);--Btn-gap:var(--sp0-5)}.Filler[data-v-a4c89219]{--Filler-color:var(--color-base-200);flex:1;min-width:0;min-height:0}.Filler-dotted[data-v-a4c89219]{border-bottom:2px dotted var(--Filler-color)}.Filler-dashed[data-v-a4c89219]{border-bottom:2px dashed var(--Filler-color)}.Filler-solid[data-v-a4c89219]{border-bottom:2px solid var(--Filler-color)}.HGroup[data-v-4afcf47f]{flex-flow:row;display:flex}.HGroup-align-stretch[data-v-4afcf47f]{align-items:stretch}.HGroup-align-baseline[data-v-4afcf47f]{align-items:baseline}.HGroup-align-center[data-v-4afcf47f]{align-items:center}.HGroup-align-start[data-v-4afcf47f]{align-items:flex-start}.HGroup-align-end[data-v-4afcf47f]{align-items:flex-end}.HGroup-justify-center[data-v-4afcf47f]{justify-content:center}.HGroup-justify-start[data-v-4afcf47f]{justify-content:flex-start}.HGroup-justify-end[data-v-4afcf47f]{justify-content:flex-end}.HGroup-justify-space-around[data-v-4afcf47f]{justify-content:space-around}.HGroup-justify-space-between[data-v-4afcf47f]{justify-content:space-between}.HGroup-gap-xxs[data-v-4afcf47f]{gap:var(--sp-xxs)}.HGroup-gap-xs[data-v-4afcf47f]{gap:var(--sp-xs)}.HGroup-gap-s[data-v-4afcf47f]{gap:var(--sp-s)}.HGroup-gap-m[data-v-4afcf47f]{gap:var(--sp-m)}.HGroup-gap-l[data-v-4afcf47f]{gap:var(--sp-l)}.HGroup-gap-xl[data-v-4afcf47f]{gap:var(--sp-xl)}.HGroup-gap-xxl[data-v-4afcf47f]{gap:var(--sp-xxl)}.HGroup-gap-0[data-v-4afcf47f]{gap:0}.HGroup-gap-0-25[data-v-4afcf47f]{gap:var(--sp0-25)}.HGroup-gap-0-5[data-v-4afcf47f]{gap:var(--sp0-5)}.HGroup-gap-1[data-v-4afcf47f]{gap:var(--sp1)}.HGroup-gap-1-5[data-v-4afcf47f]{gap:var(--sp1-5)}.HGroup-gap-2[data-v-4afcf47f]{gap:var(--sp2)}.HGroup-gap-2-5[data-v-4afcf47f]{gap:var(--sp2-5)}.HGroup-gap-3[data-v-4afcf47f]{gap:var(--sp3)}.HGroup-gap-4[data-v-4afcf47f]{gap:var(--sp4)}.HGroup-gap-5[data-v-4afcf47f]{gap:var(--sp5)}.HGroup-gap-6[data-v-4afcf47f]{gap:var(--sp6)}.HGroup-gap-7[data-v-4afcf47f]{gap:var(--sp7)}.HGroup-gap-8[data-v-4afcf47f]{gap:var(--sp8)}.HGroup-gap-9[data-v-4afcf47f]{gap:var(--sp9)}.HGroup-gap-10[data-v-4afcf47f]{gap:var(--sp10)}.HGroup-gap-12[data-v-4afcf47f]{gap:var(--sp12)}.HGroup-gap-16[data-v-4afcf47f]{gap:var(--sp16)}.HGroup-gap-24[data-v-4afcf47f]{gap:var(--sp24)}.HGroup-gap-32[data-v-4afcf47f]{gap:var(--sp32)}.HGroup-wrap[data-v-4afcf47f]{flex-wrap:wrap}.Tab[data-v-a4bb3614]{--Tab-size:var(--sp3);--Tab-cap-size:var(--sp4);--Tab-surface:var(--color-base-1);--Tab-color:var(--color-text-0);--Tab-shadow-size:.5px;--Tab-shadow-color:var(--shadow-color-medium);--Tab-shadow-offset-x:0;--Tab-shadow-offset-y:0;cursor:pointer;filter:drop-shadow(var(--Tab-shadow-offset-x)var(--Tab-shadow-offset-y)var(--Tab-shadow-size)var(--Tab-shadow-color));display:flex;position:relative}.TabCap[data-v-a4bb3614],.Content[data-v-a4bb3614]{z-index:2;position:relative}.Content[data-v-a4bb3614]{background:var(--Tab-surface);min-width:0;color:var(--Tab-color);align-items:center;display:flex}.TabLabel[data-v-a4bb3614]{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.Tab-h[data-v-a4bb3614]{height:var(--Tab-size);flex-flow:row}.Tab-v[data-v-a4bb3614]{width:var(--Tab-size);flex-flow:column}.Tab-v .Content[data-v-a4bb3614]{writing-mode:vertical-lr;text-orientation:sideways-right;transform-origin:50%;transform:rotate(180deg)}.TabCap[data-v-a4bb3614]{flex:0 0 var(--Tab-cap-size);fill:var(--Tab-surface)}.Tab-h .TabCap[data-v-a4bb3614]{width:var(--Tab-cap-size)}.Tab-v .TabCap[data-v-a4bb3614]{height:var(--Tab-cap-size)}.InputBase[data-v-408c1aa3]{--InputBase-size:var(--input-size);--InputBase-padding:var(--sp1-5);--InputBase-gap:var(--sp);--InputBase-font-size:var(--font-size);--InputBase-text-color:var(--text-color);--InputBase-surface:var(--base-color);--InputBase-outline-color:transparent;--InputBase-outline-size:var(--input-outline-size);--InputBase-outline-offset:var(--input-outline-offset);--InputBase-border-size:var(--input-border-size);--InputBase-border-color:var(--input-border-color);--InputBase-radius:var(--input-radius);--InputBase-label-color:var(--input-label-color);--InputBase-label-font-size:var(--font-size-s);--InputBase-tab-surface-color:var(--input-surface-color-top);--InputBase-tab-text-color:var(--input-surface-color-text);z-index:var(--input-z);outline:0;flex-flow:column;display:flex;position:relative}.Container[data-v-408c1aa3]{z-index:1;box-sizing:border-box;padding:var(--InputBase-padding);align-items:center;gap:var(--InputBase-gap);width:100%;min-height:var(--InputBase-size);color:var(--InputBase-text-color);background:var(--InputBase-surface);outline:var(--InputBase-outline-size)solid var(--InputBase-outline-color);outline-offset:var(--InputBase-outline-offset);border:var(--InputBase-border-size)solid var(--InputBase-border-color);border-radius:var(--InputBase-radius);font-size:var(--InputBase-font-size);transition:color .3s,outline .3s,border-radius .3s,filter .3s;display:flex;position:relative}.InputBase[data-v-408c1aa3]:not(.InputBase-disabled):focus-within,.InputBase.InputBase-force-focus[data-v-408c1aa3]{z-index:10;--InputBase-outline-color:var(--input-focus-light-color);--InputBase-border-color:var(--input-focus-medium-color);--InputBase-label-color:var(--input-focus-medium-color)}.InputBase-disabled .Container[data-v-408c1aa3]{--InputBase-surface:var(--color-base-100);opacity:.6;filter:saturate(40%);cursor:not-allowed}.InputBase-fixed-height .Container[data-v-408c1aa3]{height:var(--InputBase-size)}.InputBase-round[data-v-408c1aa3]{--InputBase-radius:var(--input-radius-round)}.InputBase-shadow .Container[data-v-408c1aa3]{box-shadow:0 0 5px -1px var(--shadow-color-light)inset}.InputBase-small[data-v-408c1aa3]{--InputBase-size:var(--input-size-s);--InputBase-font-size:var(--font-size-s);--InputBase-label-font-size:var(--font-size-xs);--InputBase-padding:var(--sp)}.InputBase-large[data-v-408c1aa3]{--InputBase-size:var(--input-size-l);--InputBase-font-size:var(--font-size-l);--InputBase-padding:var(--sp2)}.Label[data-v-408c1aa3]{font-size:var(--InputBase-label-font-size);max-width:calc(100% - 2*var(--sp2))}.Label.TabLabel[data-v-408c1aa3]{z-index:0;margin:0 var(--sp2);--Tab-surface:var(--InputBase-tab-surface-color);--Tab-color:var(--InputBase-tab-text-color);--Tab-size:calc(.75*var(--InputBase-size));--Tab-cap-size:calc(.75*var(--InputBase-size));align-self:flex-start;position:relative}.Label.TextLabel[data-v-408c1aa3]{margin:0 var(--InputBase-padding);height:var(--sp3);color:var(--InputBase-text-color);white-space:nowrap;text-overflow:ellipsis;line-height:1.5;overflow:hidden}.Label.InlineLabel[data-v-408c1aa3]{z-index:2;margin:0 var(--InputBase-padding);color:var(--InputBase-label-color);white-space:nowrap;text-overflow:ellipsis;padding:0 2px;position:absolute;top:0;left:0;overflow:hidden;transform:translateY(-50%)}.Label.InlineLabel[data-v-408c1aa3]:after{content:"";height:var(--sp);z-index:-1;background:var(--InputBase-surface);position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}.InputGroup[data-v-3d98e109]{flex-flow:row;align-items:end;display:flex}.InputGroup[data-v-3d98e109]>.InputElement:not(:first-child){margin-left:calc(-1*var(--input-border-size));border-start-start-radius:0;border-end-start-radius:0}.InputGroup[data-v-3d98e109]>.InputElement:not(:last-child){border-start-end-radius:0;border-end-end-radius:0}.Icon[data-v-2c4374be]{opacity:.5;width:var(--sp2);padding-right:var(--sphalf);justify-content:center;align-items:center;display:flex}.Value[data-v-2c4374be],.Placeholder[data-v-2c4374be]{line-height:var(--input-size);white-space:nowrap;text-overflow:ellipsis;flex:auto;overflow:hidden}.DropdownIcon[data-v-2c4374be]{color:var(--color-text-2);font-size:var(--font-size-small)}.InputText[data-v-f0bca74d]{--InputBase-padding:var(--sp1-5)}input[data-v-f0bca74d],textarea[data-v-f0bca74d]{-webkit-appearance:none;box-sizing:border-box;-webkit-user-select:text;user-select:text;width:100%;min-width:0;color:inherit;font:inherit;cursor:inherit;background:0 0;border:0;outline:0;flex:1;padding:0}.InputTextarea[data-v-d1f75aa4]{--InputBase-padding:var(--sp1)var(--sp1-5)}input[data-v-d1f75aa4],textarea[data-v-d1f75aa4]{-webkit-appearance:none;box-sizing:border-box;-webkit-user-select:text;user-select:text;width:100%;min-width:0;color:inherit;font:inherit;cursor:inherit;resize:none;background:0 0;border:0;outline:0;flex:1;padding:0}.InputBase[data-v-d1f75aa4] .Container{overflow-y:auto}textarea[data-v-d1f75aa4]{align-self:flex-start}path[data-v-d898255a]{transform-origin:50%;stroke:none}.TabCap-top.TabCap-start path[data-v-d898255a]{transform:scale(1)}.TabCap-top.TabCap-end path[data-v-d898255a]{transform:scaleX(-1)}.TabCap-bottom.TabCap-start path[data-v-d898255a]{transform:scaleY(-1)}.TabCap-bottom.TabCap-end path[data-v-d898255a]{transform:scale(-1)}.TabCap-right.TabCap-start path[data-v-d898255a]{transform:scale(1)rotate(90deg)}.TabCap-right.TabCap-end path[data-v-d898255a]{transform:scaleX(-1)rotate(-90deg)}.TabCap-left.TabCap-start path[data-v-d898255a]{transform:scaleY(-1)rotate(-90deg)}.TabCap-left.TabCap-end path[data-v-d898255a]{transform:scale(-1)rotate(90deg)}.Toggle[data-v-c5f9a677]{--Toggle-size:var(--input-size);--Toggle-width:calc(1.618*var(--Toggle-size));--Toggle-knob-offset:4px;--Toggle-knob-size:calc(var(--Toggle-size) - 2*var(--Toggle-knob-offset));--Toggle-knob-outline-offset:-2px;--Toggle-knob-radius:calc(var(--Toggle-radius) - .5*var(--Toggle-knob-offset));--Toggle-outline-color:transparent;--Toggle-surface:var(--color-base-200);--Toggle-knob-surface:light-dark(var(--color-base-0),var(--color-base-800));--Toggle-border-size:0px;--Toggle-border-color:transparent;--Toggle-radius:var(--input-radius);--Toggle-shadow-color:var(--shadow-color-light);width:var(--Toggle-width);height:var(--Toggle-size);border:var(--Toggle-border-size)solid var(--Toggle-border-color);border-radius:var(--Toggle-radius);background:var(--Toggle-surface);outline:var(--input-outline-size)solid var(--Toggle-outline-color);outline-offset:var(--input-outline-offset);cursor:pointer;-webkit-user-select:none;user-select:none;box-shadow:0 1px 3px var(--Toggle-shadow-color)inset,0 0 5px -1px var(--Toggle-shadow-color)inset;background-clip:border-box;transition:background-color .3s,border-radius .3s;display:block;position:relative}.Toggle input[data-v-c5f9a677]{display:none}.Toggle[data-v-c5f9a677]:before{content:"";width:var(--Toggle-knob-size);height:var(--Toggle-knob-size);border-radius:var(--Toggle-knob-radius);background:var(--Toggle-knob-surface);box-shadow:0 1px 3px var(--Toggle-shadow-color);transform:translate(calc(var(--Toggle-knob-offset) - var(--Toggle-border-size)),-50%);transition:transform .3s,border-radius .3s;position:absolute;top:50%;left:0}.Toggle-knob-outline[data-v-c5f9a677]:before{outline:var(--input-outline-size)solid var(--Toggle-outline-color);outline-offset:var(--input-outline-offset)}.Toggle-disabled[data-v-c5f9a677]{cursor:not-allowed;opacity:.5}.Toggle[data-v-c5f9a677]:not(:disabled):hover,.Toggle.Toggle-force-hover[data-v-c5f9a677]{filter:brightness(.96)}.Toggle[data-v-c5f9a677]:not(:disabled):focus,.Toggle.Toggle-force-focus[data-v-c5f9a677]{z-index:10;--Toggle-outline-color:var(--input-focus-light-color);--Toggle-border-color:var(--input-focus-medium-color)}.Toggle-active[data-v-c5f9a677]{--Toggle-surface:var(--input-surface-color);--Toggle-knob-surface:var(--input-surface-color-text)}.Toggle-active[data-v-c5f9a677]:before{transform:translate(calc(var(--Toggle-width) - var(--Toggle-knob-size) - var(--Toggle-knob-offset) - var(--Toggle-border-size)),-50%)}.Toggle-round[data-v-c5f9a677]{--Toggle-radius:var(--input-radius-full);--Toggle-knob-radius:var(--input-radius-full)}.Toggle-outline[data-v-c5f9a677]{--Toggle-border-color:var(--input-border-color);--Toggle-border-size:var(--input-border-size)}.Toggle-flat[data-v-c5f9a677]{--Toggle-shadow-color:none;box-shadow:none}.Toggle-small[data-v-c5f9a677]{--Toggle-size:var(--input-size-s)}.Toggle-large[data-v-c5f9a677]{--Toggle-size:var(--input-size-l)}.VGroup[data-v-ada4a00f]{flex-flow:column;display:flex}.VGroup-align-stretch[data-v-ada4a00f]{align-items:stretch}.VGroup-align-baseline[data-v-ada4a00f]{align-items:baseline}.VGroup-align-center[data-v-ada4a00f]{align-items:center}.VGroup-align-start[data-v-ada4a00f]{align-items:flex-start}.VGroup-align-end[data-v-ada4a00f]{align-items:flex-end}.VGroup-justify-center[data-v-ada4a00f]{justify-content:center}.VGroup-justify-start[data-v-ada4a00f]{justify-content:flex-start}.VGroup-justify-end[data-v-ada4a00f]{justify-content:flex-end}.VGroup-justify-space-around[data-v-ada4a00f]{justify-content:space-around}.VGroup-justify-space-between[data-v-ada4a00f]{justify-content:space-between}.VGroup-gap-xxs[data-v-ada4a00f]{gap:var(--sp-xxs)}.VGroup-gap-xs[data-v-ada4a00f]{gap:var(--sp-xs)}.VGroup-gap-s[data-v-ada4a00f]{gap:var(--sp-s)}.VGroup-gap-m[data-v-ada4a00f]{gap:var(--sp-m)}.VGroup-gap-l[data-v-ada4a00f]{gap:var(--sp-l)}.VGroup-gap-xl[data-v-ada4a00f]{gap:var(--sp-xl)}.VGroup-gap-xxl[data-v-ada4a00f]{gap:var(--sp-xxl)}.VGroup-gap-0[data-v-ada4a00f]{gap:0}.VGroup-gap-0-25[data-v-ada4a00f]{gap:var(--sp0-25)}.VGroup-gap-0-5[data-v-ada4a00f]{gap:var(--sp0-5)}.VGroup-gap-1[data-v-ada4a00f]{gap:var(--sp1)}.VGroup-gap-1-5[data-v-ada4a00f]{gap:var(--sp1-5)}.VGroup-gap-2[data-v-ada4a00f]{gap:var(--sp2)}.VGroup-gap-2-5[data-v-ada4a00f]{gap:var(--sp2-5)}.VGroup-gap-3[data-v-ada4a00f]{gap:var(--sp3)}.VGroup-gap-4[data-v-ada4a00f]{gap:var(--sp4)}.VGroup-gap-5[data-v-ada4a00f]{gap:var(--sp5)}.VGroup-gap-6[data-v-ada4a00f]{gap:var(--sp6)}.VGroup-gap-7[data-v-ada4a00f]{gap:var(--sp7)}.VGroup-gap-8[data-v-ada4a00f]{gap:var(--sp8)}.VGroup-gap-9[data-v-ada4a00f]{gap:var(--sp9)}.VGroup-gap-10[data-v-ada4a00f]{gap:var(--sp10)}.VGroup-gap-12[data-v-ada4a00f]{gap:var(--sp12)}.VGroup-gap-16[data-v-ada4a00f]{gap:var(--sp16)}.VGroup-gap-24[data-v-ada4a00f]{gap:var(--sp24)}.VGroup-gap-32[data-v-ada4a00f]{gap:var(--sp32)}
|
|
1
|
+
.Btn[data-v-3f3caa50]{--Btn-size:var(--input-size);--Btn-padding:var(--sp1-5);--Btn-gap:var(--sp);--Btn-font-size:var(--font-size);--Btn-text-color:var(--input-surface-color-text);--Btn-text-shadow:var(--Btn-surface-bottom);--Btn-outline-color:transparent;--Btn-surface:var(--input-surface-color);--Btn-surface-top:var(--input-surface-color-top);--Btn-surface-bottom:var(--input-surface-color-bottom);--Btn-border-size:0;--Btn-border-color:transparent;--Btn-radius:var(--input-radius);--Btn-shadow-color:var(--input-shadow-color);--Btn-gradient-x:50%;--Btn-gradient-y:0%;--Btn-gradient-width:150%;--Btn-gradient-height:150%;appearance:none;z-index:var(--input-z);padding:0 var(--Btn-padding);height:var(--Btn-size);line-height:var(--Btn-size);box-sizing:border-box;justify-content:flex-start;align-items:center;gap:var(--Btn-gap);border:var(--Btn-border-size)solid var(--Btn-border-color);border-radius:var(--Btn-radius);color:var(--Btn-text-color);text-shadow:0 1px 1px var(--Btn-text-shadow);outline:var(--input-outline-size)solid var(--Btn-outline-color);outline-offset:var(--input-outline-offset);background:radial-gradient(var(--Btn-gradient-width)var(--Btn-gradient-height)at var(--Btn-gradient-x)var(--Btn-gradient-y),var(--Btn-surface-top),var(--Btn-surface-bottom));cursor:pointer;-webkit-user-select:none;user-select:none;font-family:inherit;font-size:var(--Btn-font-size);flex-shrink:0;margin:0;transition:color .3s,outline .3s,filter .3s,border-radius .3s;display:inline-flex;position:relative}.Btn[data-v-3f3caa50]:after{content:"";z-index:1;border-radius:var(--Btn-radius);mix-blend-mode:color-dodge;pointer-events:none;opacity:0;background:#7f7f7f0d;width:100%;height:100%;position:absolute;top:0;left:0}.Label[data-v-3f3caa50]{line-height:var(--Btn-size);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.Icon[data-v-3f3caa50]{width:var(--sp2);font-size:var(--Btn-font-size);justify-content:center;align-items:center;display:flex}.Btn-iconPos-right .Icon[data-v-3f3caa50]{order:100}.Btn[data-v-3f3caa50]:focus,.Btn[data-v-3f3caa50]:active,.Btn[data-v-3f3caa50]:hover{transition:none}.Btn[data-v-3f3caa50]:not(:disabled):hover:after,.Btn.Btn-force-hover[data-v-3f3caa50]:after{opacity:1}.Btn[data-v-3f3caa50]:not(:disabled):focus,.Btn.Btn-force-focus[data-v-3f3caa50]{z-index:10;--Btn-outline-color:var(--input-focus-light-color);--Btn-border-color:var(--input-focus-medium-color)}.Btn[data-v-3f3caa50]:not(:disabled):active,.Btn.Btn-force-active[data-v-3f3caa50]{box-shadow:0 6px 12px var(--shadow-color-light)inset,0 1px 2px var(--shadow-color-medium)inset;padding-top:1px}.Btn-disabled[data-v-3f3caa50]{opacity:.64;filter:saturate(40%);cursor:not-allowed}.Btn-round[data-v-3f3caa50]{--Btn-radius:var(--input-radius-full)}.Btn-outline[data-v-3f3caa50]{--Btn-border-color:var(--input-border-color);--Btn-border-size:var(--input-border-size)}.Btn-ghost[data-v-3f3caa50]{--Btn-surface:transparent;--Btn-surface-top:transparent;--Btn-surface-bottom:transparent;--Btn-text-color:var(--input-text-color);--Btn-text-shadow:none;--Btn-shadow-color:var(--shadow-color-light);--Btn-border-color:var(--input-text-color)}.Btn-flat[data-v-3f3caa50]{--Btn-surface-top:var(--Btn-surface);--Btn-surface-bottom:var(--Btn-surface);--Btn-text-shadow:none}.Btn-shadow[data-v-3f3caa50]{box-shadow:0 1px 1px var(--Btn-shadow-color),0 0 5px -1px var(--shadow-color-light)}.Btn-square[data-v-3f3caa50]{width:var(--Btn-size);justify-content:center;padding-left:0;padding-right:0}.Btn-block[data-v-3f3caa50]{flex:auto;justify-content:center;display:flex}.Btn-large[data-v-3f3caa50]{--Btn-size:var(--input-size-l);--Btn-font-size:var(--font-size-l);--Btn-padding:var(--sp2)}.Btn-small[data-v-3f3caa50]{--Btn-size:var(--input-size-s);--Btn-font-size:var(--font-size-s);--Btn-padding:var(--sp);--Btn-gap:var(--sp0-5)}.Checkbox[data-v-b1686ab0]{--Checkbox-size:var(--sp3);--Checkbox-outline-color:transparent;--Checkbox-surface:var(--color-base-200);--Checkbox-border-size:0px;--Checkbox-border-color:transparent;--Checkbox-radius:var(--input-radius);--Checkbox-shadow-color:var(--shadow-color-light);--Checkbox-mark-shadow-color:var(--input-surface-color-bottom);width:var(--Checkbox-size);height:var(--Checkbox-size);border:var(--Checkbox-border-size)solid var(--Checkbox-border-color);border-radius:var(--Checkbox-radius);background:var(--Checkbox-surface);outline:var(--input-outline-size)solid var(--Checkbox-outline-color);outline-offset:var(--input-outline-offset);cursor:pointer;-webkit-user-select:none;user-select:none;box-shadow:0 1px 3px var(--Checkbox-shadow-color)inset,0 0 5px -1px var(--Checkbox-shadow-color)inset;background-clip:border-box;justify-content:center;align-items:center;transition:background-color .3s,border-radius .3s;display:inline-flex;position:relative;overflow:hidden}.Checkbox input[data-v-b1686ab0]{display:none}.Checkbox[data-v-b1686ab0]:after{opacity:0;font-size:var(--Checkbox-size);color:var(--input-surface-color-text);text-shadow:0 2px 1px var(--Checkbox-mark-shadow-color);transition:opacity .1s,border-radius .3s}.Checkbox-active[data-v-b1686ab0]:after{opacity:1}.Checkbox-mark-check[data-v-b1686ab0]:after{content:"✓"}.Checkbox-mark-xmark[data-v-b1686ab0]:after{content:"✗"}.Checkbox-mark-dot[data-v-b1686ab0]:after{content:"●"}.Checkbox-mark-knob[data-v-b1686ab0]:after{content:"";width:calc(var(--Checkbox-size) - var(--sp));height:calc(var(--Checkbox-size) - var(--sp));border-radius:calc(var(--Checkbox-radius) - 2px);background:var(--input-surface-color-text);box-shadow:0 1px 3px var(--Checkbox-shadow-color)}.Checkbox-mark-none[data-v-b1686ab0]:after{content:""}.Checkbox-disabled[data-v-b1686ab0]{cursor:not-allowed;opacity:.5}.Checkbox[data-v-b1686ab0]:not(:disabled):hover,.Checkbox.Checkbox-force-hover[data-v-b1686ab0]{filter:brightness(.96)}.Checkbox[data-v-b1686ab0]:not(:disabled):focus,.Checkbox.Checkbox-force-focus[data-v-b1686ab0]{z-index:10;--Checkbox-outline-color:var(--input-focus-light-color);--Checkbox-border-color:var(--input-focus-medium-color)}.Checkbox-active[data-v-b1686ab0]{--Checkbox-surface:var(--input-surface-color)}.Checkbox-round[data-v-b1686ab0]{--Checkbox-radius:var(--input-radius-full)}.Checkbox-outline[data-v-b1686ab0]{--Checkbox-border-color:var(--input-border-color);--Checkbox-border-size:var(--input-border-size)}.Checkbox-flat[data-v-b1686ab0]{--Checkbox-shadow-color:none;--Checkbox-mark-shadow-color:none;box-shadow:none}.Checkbox-small[data-v-b1686ab0]{--Checkbox-size:var(--sp2)}.Checkbox-large[data-v-b1686ab0]{--Checkbox-size:var(--sp4)}.Filler[data-v-a4c89219]{--Filler-color:var(--color-base-200);flex:1;min-width:0;min-height:0}.Filler-dotted[data-v-a4c89219]{border-bottom:2px dotted var(--Filler-color)}.Filler-dashed[data-v-a4c89219]{border-bottom:2px dashed var(--Filler-color)}.Filler-solid[data-v-a4c89219]{border-bottom:2px solid var(--Filler-color)}.HGroup[data-v-4afcf47f]{flex-flow:row;display:flex}.HGroup-align-stretch[data-v-4afcf47f]{align-items:stretch}.HGroup-align-baseline[data-v-4afcf47f]{align-items:baseline}.HGroup-align-center[data-v-4afcf47f]{align-items:center}.HGroup-align-start[data-v-4afcf47f]{align-items:flex-start}.HGroup-align-end[data-v-4afcf47f]{align-items:flex-end}.HGroup-justify-center[data-v-4afcf47f]{justify-content:center}.HGroup-justify-start[data-v-4afcf47f]{justify-content:flex-start}.HGroup-justify-end[data-v-4afcf47f]{justify-content:flex-end}.HGroup-justify-space-around[data-v-4afcf47f]{justify-content:space-around}.HGroup-justify-space-between[data-v-4afcf47f]{justify-content:space-between}.HGroup-gap-xxs[data-v-4afcf47f]{gap:var(--sp-xxs)}.HGroup-gap-xs[data-v-4afcf47f]{gap:var(--sp-xs)}.HGroup-gap-s[data-v-4afcf47f]{gap:var(--sp-s)}.HGroup-gap-m[data-v-4afcf47f]{gap:var(--sp-m)}.HGroup-gap-l[data-v-4afcf47f]{gap:var(--sp-l)}.HGroup-gap-xl[data-v-4afcf47f]{gap:var(--sp-xl)}.HGroup-gap-xxl[data-v-4afcf47f]{gap:var(--sp-xxl)}.HGroup-gap-0[data-v-4afcf47f]{gap:0}.HGroup-gap-0-25[data-v-4afcf47f]{gap:var(--sp0-25)}.HGroup-gap-0-5[data-v-4afcf47f]{gap:var(--sp0-5)}.HGroup-gap-1[data-v-4afcf47f]{gap:var(--sp1)}.HGroup-gap-1-5[data-v-4afcf47f]{gap:var(--sp1-5)}.HGroup-gap-2[data-v-4afcf47f]{gap:var(--sp2)}.HGroup-gap-2-5[data-v-4afcf47f]{gap:var(--sp2-5)}.HGroup-gap-3[data-v-4afcf47f]{gap:var(--sp3)}.HGroup-gap-4[data-v-4afcf47f]{gap:var(--sp4)}.HGroup-gap-5[data-v-4afcf47f]{gap:var(--sp5)}.HGroup-gap-6[data-v-4afcf47f]{gap:var(--sp6)}.HGroup-gap-7[data-v-4afcf47f]{gap:var(--sp7)}.HGroup-gap-8[data-v-4afcf47f]{gap:var(--sp8)}.HGroup-gap-9[data-v-4afcf47f]{gap:var(--sp9)}.HGroup-gap-10[data-v-4afcf47f]{gap:var(--sp10)}.HGroup-gap-12[data-v-4afcf47f]{gap:var(--sp12)}.HGroup-gap-16[data-v-4afcf47f]{gap:var(--sp16)}.HGroup-gap-24[data-v-4afcf47f]{gap:var(--sp24)}.HGroup-gap-32[data-v-4afcf47f]{gap:var(--sp32)}.HGroup-wrap[data-v-4afcf47f]{flex-wrap:wrap}.Tab[data-v-a4bb3614]{--Tab-size:var(--sp3);--Tab-cap-size:var(--sp4);--Tab-surface:var(--color-base-1);--Tab-color:var(--color-text-0);--Tab-shadow-size:.5px;--Tab-shadow-color:var(--shadow-color-medium);--Tab-shadow-offset-x:0;--Tab-shadow-offset-y:0;cursor:pointer;filter:drop-shadow(var(--Tab-shadow-offset-x)var(--Tab-shadow-offset-y)var(--Tab-shadow-size)var(--Tab-shadow-color));display:flex;position:relative}.TabCap[data-v-a4bb3614],.Content[data-v-a4bb3614]{z-index:2;position:relative}.Content[data-v-a4bb3614]{background:var(--Tab-surface);min-width:0;color:var(--Tab-color);align-items:center;display:flex}.TabLabel[data-v-a4bb3614]{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.Tab-h[data-v-a4bb3614]{height:var(--Tab-size);flex-flow:row}.Tab-v[data-v-a4bb3614]{width:var(--Tab-size);flex-flow:column}.Tab-v .Content[data-v-a4bb3614]{writing-mode:vertical-lr;text-orientation:sideways-right;transform-origin:50%;transform:rotate(180deg)}.TabCap[data-v-a4bb3614]{flex:0 0 var(--Tab-cap-size);fill:var(--Tab-surface)}.Tab-h .TabCap[data-v-a4bb3614]{width:var(--Tab-cap-size)}.Tab-v .TabCap[data-v-a4bb3614]{height:var(--Tab-cap-size)}.InputBase[data-v-408c1aa3]{--InputBase-size:var(--input-size);--InputBase-padding:var(--sp1-5);--InputBase-gap:var(--sp);--InputBase-font-size:var(--font-size);--InputBase-text-color:var(--text-color);--InputBase-surface:var(--base-color);--InputBase-outline-color:transparent;--InputBase-outline-size:var(--input-outline-size);--InputBase-outline-offset:var(--input-outline-offset);--InputBase-border-size:var(--input-border-size);--InputBase-border-color:var(--input-border-color);--InputBase-radius:var(--input-radius);--InputBase-label-color:var(--input-label-color);--InputBase-label-font-size:var(--font-size-s);--InputBase-tab-surface-color:var(--input-surface-color-top);--InputBase-tab-text-color:var(--input-surface-color-text);z-index:var(--input-z);outline:0;flex-flow:column;display:flex;position:relative}.Container[data-v-408c1aa3]{z-index:1;box-sizing:border-box;padding:var(--InputBase-padding);align-items:center;gap:var(--InputBase-gap);width:100%;min-height:var(--InputBase-size);color:var(--InputBase-text-color);background:var(--InputBase-surface);outline:var(--InputBase-outline-size)solid var(--InputBase-outline-color);outline-offset:var(--InputBase-outline-offset);border:var(--InputBase-border-size)solid var(--InputBase-border-color);border-radius:var(--InputBase-radius);font-size:var(--InputBase-font-size);transition:color .3s,outline .3s,border-radius .3s,filter .3s;display:flex;position:relative}.InputBase[data-v-408c1aa3]:not(.InputBase-disabled):focus-within,.InputBase.InputBase-force-focus[data-v-408c1aa3]{z-index:10;--InputBase-outline-color:var(--input-focus-light-color);--InputBase-border-color:var(--input-focus-medium-color);--InputBase-label-color:var(--input-focus-medium-color)}.InputBase-disabled .Container[data-v-408c1aa3]{--InputBase-surface:var(--color-base-100);opacity:.6;filter:saturate(40%);cursor:not-allowed}.InputBase-fixed-height .Container[data-v-408c1aa3]{height:var(--InputBase-size)}.InputBase-round[data-v-408c1aa3]{--InputBase-radius:var(--input-radius-round)}.InputBase-shadow .Container[data-v-408c1aa3]{box-shadow:0 0 5px -1px var(--shadow-color-light)inset}.InputBase-small[data-v-408c1aa3]{--InputBase-size:var(--input-size-s);--InputBase-font-size:var(--font-size-s);--InputBase-label-font-size:var(--font-size-xs);--InputBase-padding:var(--sp)}.InputBase-large[data-v-408c1aa3]{--InputBase-size:var(--input-size-l);--InputBase-font-size:var(--font-size-l);--InputBase-padding:var(--sp2)}.Label[data-v-408c1aa3]{font-size:var(--InputBase-label-font-size);max-width:calc(100% - 2*var(--sp2))}.Label.TabLabel[data-v-408c1aa3]{z-index:0;margin:0 var(--sp2);--Tab-surface:var(--InputBase-tab-surface-color);--Tab-color:var(--InputBase-tab-text-color);--Tab-size:calc(.75*var(--InputBase-size));--Tab-cap-size:calc(.75*var(--InputBase-size));align-self:flex-start;position:relative}.Label.TextLabel[data-v-408c1aa3]{margin:0 var(--InputBase-padding);height:var(--sp3);color:var(--InputBase-text-color);white-space:nowrap;text-overflow:ellipsis;line-height:1.5;overflow:hidden}.Label.InlineLabel[data-v-408c1aa3]{z-index:2;margin:0 var(--InputBase-padding);color:var(--InputBase-label-color);white-space:nowrap;text-overflow:ellipsis;padding:0 2px;position:absolute;top:0;left:0;overflow:hidden;transform:translateY(-50%)}.Label.InlineLabel[data-v-408c1aa3]:after{content:"";height:var(--sp);z-index:-1;background:var(--InputBase-surface);position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}.InputGroup[data-v-3d98e109]{flex-flow:row;align-items:end;display:flex}.InputGroup[data-v-3d98e109]>.InputElement:not(:first-child){margin-left:calc(-1*var(--input-border-size));border-start-start-radius:0;border-end-start-radius:0}.InputGroup[data-v-3d98e109]>.InputElement:not(:last-child){border-start-end-radius:0;border-end-end-radius:0}.Icon[data-v-2c4374be]{opacity:.5;width:var(--sp2);padding-right:var(--sphalf);justify-content:center;align-items:center;display:flex}.Value[data-v-2c4374be],.Placeholder[data-v-2c4374be]{line-height:var(--input-size);white-space:nowrap;text-overflow:ellipsis;flex:auto;overflow:hidden}.DropdownIcon[data-v-2c4374be]{color:var(--color-text-2);font-size:var(--font-size-small)}.InputText[data-v-f0bca74d]{--InputBase-padding:var(--sp1-5)}input[data-v-f0bca74d],textarea[data-v-f0bca74d]{-webkit-appearance:none;box-sizing:border-box;-webkit-user-select:text;user-select:text;width:100%;min-width:0;color:inherit;font:inherit;cursor:inherit;background:0 0;border:0;outline:0;flex:1;padding:0}.InputTextarea[data-v-d1f75aa4]{--InputBase-padding:var(--sp1)var(--sp1-5)}input[data-v-d1f75aa4],textarea[data-v-d1f75aa4]{-webkit-appearance:none;box-sizing:border-box;-webkit-user-select:text;user-select:text;width:100%;min-width:0;color:inherit;font:inherit;cursor:inherit;resize:none;background:0 0;border:0;outline:0;flex:1;padding:0}.InputBase[data-v-d1f75aa4] .Container{overflow-y:auto}textarea[data-v-d1f75aa4]{align-self:flex-start}path[data-v-d898255a]{transform-origin:50%;stroke:none}.TabCap-top.TabCap-start path[data-v-d898255a]{transform:scale(1)}.TabCap-top.TabCap-end path[data-v-d898255a]{transform:scaleX(-1)}.TabCap-bottom.TabCap-start path[data-v-d898255a]{transform:scaleY(-1)}.TabCap-bottom.TabCap-end path[data-v-d898255a]{transform:scale(-1)}.TabCap-right.TabCap-start path[data-v-d898255a]{transform:scale(1)rotate(90deg)}.TabCap-right.TabCap-end path[data-v-d898255a]{transform:scaleX(-1)rotate(-90deg)}.TabCap-left.TabCap-start path[data-v-d898255a]{transform:scaleY(-1)rotate(-90deg)}.TabCap-left.TabCap-end path[data-v-d898255a]{transform:scale(-1)rotate(90deg)}.Toggle[data-v-d06c0ba4]{--Toggle-size:var(--input-size);--Toggle-width:calc(1.618*var(--Toggle-size));--Toggle-knob-offset:4px;--Toggle-knob-size:calc(var(--Toggle-size) - 2*var(--Toggle-knob-offset));--Toggle-knob-outline-offset:-2px;--Toggle-knob-radius:calc(var(--Toggle-radius) - .5*var(--Toggle-knob-offset));--Toggle-outline-color:transparent;--Toggle-surface:var(--color-base-200);--Toggle-knob-surface:light-dark(var(--color-base-0),var(--color-base-800));--Toggle-border-size:0px;--Toggle-border-color:transparent;--Toggle-radius:var(--input-radius);--Toggle-shadow-color:var(--shadow-color-light);width:var(--Toggle-width);height:var(--Toggle-size);border:var(--Toggle-border-size)solid var(--Toggle-border-color);border-radius:var(--Toggle-radius);background:var(--Toggle-surface);outline:var(--input-outline-size)solid var(--Toggle-outline-color);outline-offset:var(--input-outline-offset);cursor:pointer;-webkit-user-select:none;user-select:none;box-shadow:0 1px 3px var(--Toggle-shadow-color)inset,0 0 5px -1px var(--Toggle-shadow-color)inset;background-clip:border-box;transition:background-color .3s,border-radius .3s;display:block;position:relative}.Toggle input[data-v-d06c0ba4]{display:none}.Toggle[data-v-d06c0ba4]:before{content:"";width:var(--Toggle-knob-size);height:var(--Toggle-knob-size);border-radius:var(--Toggle-knob-radius);background:var(--Toggle-knob-surface);box-shadow:0 1px 3px var(--Toggle-shadow-color);transform:translate(calc(var(--Toggle-knob-offset) - var(--Toggle-border-size)),-50%);transition:transform .3s,border-radius .3s;position:absolute;top:50%;left:0}.Toggle-disabled[data-v-d06c0ba4]{cursor:not-allowed;opacity:.5}.Toggle[data-v-d06c0ba4]:not(:disabled):hover,.Toggle.Toggle-force-hover[data-v-d06c0ba4]{filter:brightness(.96)}.Toggle[data-v-d06c0ba4]:not(:disabled):focus,.Toggle.Toggle-force-focus[data-v-d06c0ba4]{z-index:10;--Toggle-outline-color:var(--input-focus-light-color);--Toggle-border-color:var(--input-focus-medium-color)}.Toggle-active[data-v-d06c0ba4]{--Toggle-surface:var(--input-surface-color);--Toggle-knob-surface:var(--input-surface-color-text)}.Toggle-active[data-v-d06c0ba4]:before{transform:translate(calc(var(--Toggle-width) - var(--Toggle-knob-size) - var(--Toggle-knob-offset) - var(--Toggle-border-size)),-50%)}.Toggle-round[data-v-d06c0ba4]{--Toggle-radius:var(--input-radius-full);--Toggle-knob-radius:var(--input-radius-full)}.Toggle-outline[data-v-d06c0ba4]{--Toggle-border-color:var(--input-border-color);--Toggle-border-size:var(--input-border-size)}.Toggle-flat[data-v-d06c0ba4]{--Toggle-shadow-color:none;box-shadow:none}.Toggle-small[data-v-d06c0ba4]{--Toggle-size:var(--input-size-s)}.Toggle-large[data-v-d06c0ba4]{--Toggle-size:var(--input-size-l)}.VGroup[data-v-ada4a00f]{flex-flow:column;display:flex}.VGroup-align-stretch[data-v-ada4a00f]{align-items:stretch}.VGroup-align-baseline[data-v-ada4a00f]{align-items:baseline}.VGroup-align-center[data-v-ada4a00f]{align-items:center}.VGroup-align-start[data-v-ada4a00f]{align-items:flex-start}.VGroup-align-end[data-v-ada4a00f]{align-items:flex-end}.VGroup-justify-center[data-v-ada4a00f]{justify-content:center}.VGroup-justify-start[data-v-ada4a00f]{justify-content:flex-start}.VGroup-justify-end[data-v-ada4a00f]{justify-content:flex-end}.VGroup-justify-space-around[data-v-ada4a00f]{justify-content:space-around}.VGroup-justify-space-between[data-v-ada4a00f]{justify-content:space-between}.VGroup-gap-xxs[data-v-ada4a00f]{gap:var(--sp-xxs)}.VGroup-gap-xs[data-v-ada4a00f]{gap:var(--sp-xs)}.VGroup-gap-s[data-v-ada4a00f]{gap:var(--sp-s)}.VGroup-gap-m[data-v-ada4a00f]{gap:var(--sp-m)}.VGroup-gap-l[data-v-ada4a00f]{gap:var(--sp-l)}.VGroup-gap-xl[data-v-ada4a00f]{gap:var(--sp-xl)}.VGroup-gap-xxl[data-v-ada4a00f]{gap:var(--sp-xxl)}.VGroup-gap-0[data-v-ada4a00f]{gap:0}.VGroup-gap-0-25[data-v-ada4a00f]{gap:var(--sp0-25)}.VGroup-gap-0-5[data-v-ada4a00f]{gap:var(--sp0-5)}.VGroup-gap-1[data-v-ada4a00f]{gap:var(--sp1)}.VGroup-gap-1-5[data-v-ada4a00f]{gap:var(--sp1-5)}.VGroup-gap-2[data-v-ada4a00f]{gap:var(--sp2)}.VGroup-gap-2-5[data-v-ada4a00f]{gap:var(--sp2-5)}.VGroup-gap-3[data-v-ada4a00f]{gap:var(--sp3)}.VGroup-gap-4[data-v-ada4a00f]{gap:var(--sp4)}.VGroup-gap-5[data-v-ada4a00f]{gap:var(--sp5)}.VGroup-gap-6[data-v-ada4a00f]{gap:var(--sp6)}.VGroup-gap-7[data-v-ada4a00f]{gap:var(--sp7)}.VGroup-gap-8[data-v-ada4a00f]{gap:var(--sp8)}.VGroup-gap-9[data-v-ada4a00f]{gap:var(--sp9)}.VGroup-gap-10[data-v-ada4a00f]{gap:var(--sp10)}.VGroup-gap-12[data-v-ada4a00f]{gap:var(--sp12)}.VGroup-gap-16[data-v-ada4a00f]{gap:var(--sp16)}.VGroup-gap-24[data-v-ada4a00f]{gap:var(--sp24)}.VGroup-gap-32[data-v-ada4a00f]{gap:var(--sp32)}
|
package/dist/core.mjs
CHANGED
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
import { createBlock as
|
|
1
|
+
import { createBlock as y, openBlock as i, resolveDynamicComponent as _, normalizeClass as c, withCtx as b, renderSlot as u, createElementBlock as d, createCommentVNode as p, toDisplayString as g, createElementVNode as v, resolveComponent as h, createVNode as O, Fragment as x, mergeProps as k } from "vue";
|
|
2
2
|
const f = (t, n) => {
|
|
3
3
|
const e = t.__vccOpts || t;
|
|
4
|
-
for (const [
|
|
5
|
-
e[
|
|
4
|
+
for (const [r, l] of n)
|
|
5
|
+
e[r] = l;
|
|
6
6
|
return e;
|
|
7
|
-
},
|
|
7
|
+
}, T = {
|
|
8
8
|
props: {
|
|
9
9
|
tagName: { type: String, default: "button" },
|
|
10
10
|
href: { type: String },
|
|
@@ -54,28 +54,28 @@ const f = (t, n) => {
|
|
|
54
54
|
baseStyle: t,
|
|
55
55
|
hoverOverrides: n = {},
|
|
56
56
|
activeOverrides: e = {},
|
|
57
|
-
focusOverrides:
|
|
57
|
+
focusOverrides: r = {},
|
|
58
58
|
active: l,
|
|
59
59
|
hover: o,
|
|
60
60
|
focus: s,
|
|
61
61
|
forceActive: a,
|
|
62
|
-
forceHover:
|
|
63
|
-
forceFocus:
|
|
62
|
+
forceHover: S,
|
|
63
|
+
forceFocus: I
|
|
64
64
|
} = this, m = Object.assign({}, t);
|
|
65
|
-
return (l || a) && Object.assign(m, e), (o ||
|
|
65
|
+
return (l || a) && Object.assign(m, e), (o || S) && Object.assign(m, n), (s || I) && Object.assign(m, r), m;
|
|
66
66
|
}
|
|
67
67
|
},
|
|
68
68
|
methods: {
|
|
69
69
|
// TODO add debounce
|
|
70
70
|
}
|
|
71
|
-
},
|
|
71
|
+
}, j = {
|
|
72
72
|
key: 0,
|
|
73
73
|
class: "Label"
|
|
74
74
|
};
|
|
75
|
-
function F(t, n, e,
|
|
76
|
-
return
|
|
75
|
+
function F(t, n, e, r, l, o) {
|
|
76
|
+
return i(), y(_(e.tagName), {
|
|
77
77
|
ref: "button",
|
|
78
|
-
class:
|
|
78
|
+
class: c(["Btn InputElement", [
|
|
79
79
|
`Btn-${o.effectiveStyle.size}`,
|
|
80
80
|
`Btn-${o.effectiveStyle.kind}`,
|
|
81
81
|
`input-kind-${o.effectiveStyle.kind}`,
|
|
@@ -105,17 +105,17 @@ function F(t, n, e, i, l, o) {
|
|
|
105
105
|
onFocusin: n[5] || (n[5] = (s) => l.focus = !0),
|
|
106
106
|
onFocusout: n[6] || (n[6] = (s) => l.focus = !1)
|
|
107
107
|
}, {
|
|
108
|
-
default:
|
|
108
|
+
default: b(() => [
|
|
109
109
|
u(t.$slots, "icon", {
|
|
110
110
|
hover: l.hover,
|
|
111
111
|
blocked: l.blocked
|
|
112
112
|
}, () => [
|
|
113
|
-
e.icon ? (
|
|
113
|
+
e.icon ? (i(), d("i", {
|
|
114
114
|
key: 0,
|
|
115
|
-
class:
|
|
116
|
-
}, null, 2)) :
|
|
115
|
+
class: c([e.icon, "Icon"])
|
|
116
|
+
}, null, 2)) : p("", !0)
|
|
117
117
|
], !0),
|
|
118
|
-
e.label ? (
|
|
118
|
+
e.label ? (i(), d("span", j, g(e.label), 1)) : p("", !0),
|
|
119
119
|
u(t.$slots, "default", {
|
|
120
120
|
hover: l.hover,
|
|
121
121
|
active: l.active,
|
|
@@ -125,19 +125,107 @@ function F(t, n, e, i, l, o) {
|
|
|
125
125
|
_: 3
|
|
126
126
|
}, 40, ["class", "disabled", "title", "href"]);
|
|
127
127
|
}
|
|
128
|
-
const
|
|
128
|
+
const C = /* @__PURE__ */ f(T, [["render", F], ["__scopeId", "data-v-3f3caa50"]]), $ = {
|
|
129
|
+
props: {
|
|
130
|
+
mark: { type: String, default: "check" },
|
|
131
|
+
modelValue: { type: Boolean },
|
|
132
|
+
disabled: { type: Boolean },
|
|
133
|
+
kind: { type: String, default: "base" },
|
|
134
|
+
activeKind: { type: String },
|
|
135
|
+
size: { type: String, default: "normal" },
|
|
136
|
+
round: { type: Boolean, default: !1 },
|
|
137
|
+
flat: { type: Boolean, default: !1 },
|
|
138
|
+
outline: { type: Boolean, default: !1 },
|
|
139
|
+
forceFocus: { type: Boolean, default: !1 },
|
|
140
|
+
forceHover: { type: Boolean, default: !1 },
|
|
141
|
+
focusOverrides: { type: Object },
|
|
142
|
+
hoverOverrides: { type: Object }
|
|
143
|
+
},
|
|
144
|
+
emits: [
|
|
145
|
+
"update:modelValue"
|
|
146
|
+
],
|
|
147
|
+
data() {
|
|
148
|
+
return {
|
|
149
|
+
hover: !1,
|
|
150
|
+
focus: !1
|
|
151
|
+
};
|
|
152
|
+
},
|
|
153
|
+
computed: {
|
|
154
|
+
isActive() {
|
|
155
|
+
return !!this.modelValue;
|
|
156
|
+
},
|
|
157
|
+
baseStyle() {
|
|
158
|
+
return {
|
|
159
|
+
kind: (this.isActive ? this.activeKind : this.kind) ?? this.kind,
|
|
160
|
+
size: this.size,
|
|
161
|
+
round: this.round,
|
|
162
|
+
outline: this.outline,
|
|
163
|
+
flat: this.flat
|
|
164
|
+
};
|
|
165
|
+
},
|
|
166
|
+
effectiveStyle() {
|
|
167
|
+
const {
|
|
168
|
+
baseStyle: t,
|
|
169
|
+
hoverOverrides: n = {},
|
|
170
|
+
focusOverrides: e = {},
|
|
171
|
+
hover: r,
|
|
172
|
+
focus: l,
|
|
173
|
+
forceHover: o,
|
|
174
|
+
forceFocus: s
|
|
175
|
+
} = this, a = Object.assign({}, t);
|
|
176
|
+
return (r || o) && Object.assign(a, n), (l || s) && Object.assign(a, e), a;
|
|
177
|
+
}
|
|
178
|
+
},
|
|
179
|
+
methods: {
|
|
180
|
+
onChange(t) {
|
|
181
|
+
this.$emit("update:modelValue", t.target.checked);
|
|
182
|
+
}
|
|
183
|
+
}
|
|
184
|
+
}, H = ["checked", "disabled"];
|
|
185
|
+
function z(t, n, e, r, l, o) {
|
|
186
|
+
return i(), d("label", {
|
|
187
|
+
class: c(["Checkbox InputElement", [
|
|
188
|
+
`Checkbox-${o.effectiveStyle.kind}`,
|
|
189
|
+
`input-kind-${o.effectiveStyle.kind}`,
|
|
190
|
+
`Checkbox-${o.effectiveStyle.size}`,
|
|
191
|
+
`Checkbox-mark-${e.mark}`,
|
|
192
|
+
{
|
|
193
|
+
"Checkbox-active": !!e.modelValue,
|
|
194
|
+
"Checkbox-outline": o.effectiveStyle.outline,
|
|
195
|
+
"Checkbox-round": o.effectiveStyle.round,
|
|
196
|
+
"Checkbox-flat": o.effectiveStyle.flat,
|
|
197
|
+
"Checkbox-disabled": e.disabled,
|
|
198
|
+
"Checkbox-force-focus": e.forceFocus,
|
|
199
|
+
"Checkbox-force-hover": e.forceHover
|
|
200
|
+
}
|
|
201
|
+
]]),
|
|
202
|
+
tabindex: "0",
|
|
203
|
+
onMouseenter: n[1] || (n[1] = (s) => l.hover = !0),
|
|
204
|
+
onMouseleave: n[2] || (n[2] = (s) => l.hover = !1),
|
|
205
|
+
onFocusin: n[3] || (n[3] = (s) => l.focus = !0),
|
|
206
|
+
onFocusout: n[4] || (n[4] = (s) => l.focus = !1)
|
|
207
|
+
}, [
|
|
208
|
+
v("input", {
|
|
209
|
+
type: "checkbox",
|
|
210
|
+
checked: e.modelValue,
|
|
211
|
+
disabled: e.disabled,
|
|
212
|
+
onChange: n[0] || (n[0] = (...s) => o.onChange && o.onChange(...s))
|
|
213
|
+
}, null, 40, H)
|
|
214
|
+
], 34);
|
|
215
|
+
}
|
|
216
|
+
const N = /* @__PURE__ */ f($, [["render", z], ["__scopeId", "data-v-b1686ab0"]]), M = {
|
|
129
217
|
props: {
|
|
130
218
|
fill: { type: String, default: "none" }
|
|
131
219
|
}
|
|
132
220
|
};
|
|
133
|
-
function
|
|
134
|
-
return
|
|
135
|
-
class:
|
|
221
|
+
function P(t, n, e, r, l, o) {
|
|
222
|
+
return i(), d("div", {
|
|
223
|
+
class: c(["Filler", [
|
|
136
224
|
`Filler-${e.fill}`
|
|
137
225
|
]])
|
|
138
226
|
}, null, 2);
|
|
139
227
|
}
|
|
140
|
-
const
|
|
228
|
+
const G = /* @__PURE__ */ f(M, [["render", P], ["__scopeId", "data-v-a4c89219"]]), A = {
|
|
141
229
|
props: {
|
|
142
230
|
tagName: { type: String, default: "div" },
|
|
143
231
|
align: { type: String, default: "center" },
|
|
@@ -146,9 +234,9 @@ const z = /* @__PURE__ */ f(x, [["render", H], ["__scopeId", "data-v-a4c89219"]]
|
|
|
146
234
|
wrap: { type: Boolean, default: !1 }
|
|
147
235
|
}
|
|
148
236
|
};
|
|
149
|
-
function
|
|
150
|
-
return
|
|
151
|
-
class:
|
|
237
|
+
function L(t, n, e, r, l, o) {
|
|
238
|
+
return i(), y(_(e.tagName), {
|
|
239
|
+
class: c(["HGroup", [
|
|
152
240
|
`HGroup-align-${e.align}`,
|
|
153
241
|
`HGroup-justify-${e.justify}`,
|
|
154
242
|
`HGroup-gap-${e.gap}`,
|
|
@@ -157,13 +245,13 @@ function M(t, n, e, i, l, o) {
|
|
|
157
245
|
}
|
|
158
246
|
]])
|
|
159
247
|
}, {
|
|
160
|
-
default:
|
|
248
|
+
default: b(() => [
|
|
161
249
|
u(t.$slots, "default", {}, void 0, !0)
|
|
162
250
|
]),
|
|
163
251
|
_: 3
|
|
164
252
|
}, 8, ["class"]);
|
|
165
253
|
}
|
|
166
|
-
const
|
|
254
|
+
const D = /* @__PURE__ */ f(A, [["render", L], ["__scopeId", "data-v-4afcf47f"]]), E = {
|
|
167
255
|
props: {
|
|
168
256
|
dir: { type: String, default: "top" },
|
|
169
257
|
label: { type: String }
|
|
@@ -173,11 +261,11 @@ const P = /* @__PURE__ */ f(N, [["render", M], ["__scopeId", "data-v-4afcf47f"]]
|
|
|
173
261
|
return this.dir === "top" || this.dir === "bottom" ? "h" : "v";
|
|
174
262
|
}
|
|
175
263
|
}
|
|
176
|
-
},
|
|
177
|
-
function
|
|
178
|
-
const s =
|
|
179
|
-
return
|
|
180
|
-
class:
|
|
264
|
+
}, R = { class: "Content" }, q = ["title"];
|
|
265
|
+
function K(t, n, e, r, l, o) {
|
|
266
|
+
const s = h("TabCap");
|
|
267
|
+
return i(), d("div", {
|
|
268
|
+
class: c(["Tab", [
|
|
181
269
|
`Tab-${e.dir}`,
|
|
182
270
|
`Tab-${o.orientation}`
|
|
183
271
|
]])
|
|
@@ -187,13 +275,13 @@ function D(t, n, e, i, l, o) {
|
|
|
187
275
|
dir: e.dir,
|
|
188
276
|
type: "start"
|
|
189
277
|
}, null, 8, ["dir"]),
|
|
190
|
-
|
|
278
|
+
v("div", R, [
|
|
191
279
|
u(t.$slots, "default", {}, () => [
|
|
192
|
-
e.label ? (
|
|
280
|
+
e.label ? (i(), d("div", {
|
|
193
281
|
key: 0,
|
|
194
282
|
class: "TabLabel",
|
|
195
283
|
title: e.label
|
|
196
|
-
}, g(e.label), 9,
|
|
284
|
+
}, g(e.label), 9, q)) : p("", !0)
|
|
197
285
|
], !0)
|
|
198
286
|
]),
|
|
199
287
|
O(s, {
|
|
@@ -203,9 +291,9 @@ function D(t, n, e, i, l, o) {
|
|
|
203
291
|
}, null, 8, ["dir"])
|
|
204
292
|
], 2);
|
|
205
293
|
}
|
|
206
|
-
const
|
|
294
|
+
const V = /* @__PURE__ */ f(E, [["render", K], ["__scopeId", "data-v-a4bb3614"]]), Y = {
|
|
207
295
|
components: {
|
|
208
|
-
Tab:
|
|
296
|
+
Tab: V
|
|
209
297
|
},
|
|
210
298
|
props: {
|
|
211
299
|
tagName: { default: "label" },
|
|
@@ -243,25 +331,25 @@ const T = /* @__PURE__ */ f(G, [["render", D], ["__scopeId", "data-v-a4bb3614"]]
|
|
|
243
331
|
baseStyle: t,
|
|
244
332
|
hoverOverrides: n = {},
|
|
245
333
|
focusOverrides: e = {},
|
|
246
|
-
hover:
|
|
334
|
+
hover: r,
|
|
247
335
|
focus: l,
|
|
248
336
|
forceHover: o,
|
|
249
337
|
forceFocus: s
|
|
250
338
|
} = this, a = Object.assign({}, t);
|
|
251
|
-
return (
|
|
339
|
+
return (r || o) && Object.assign(a, n), (l || s) && Object.assign(a, e), a;
|
|
252
340
|
}
|
|
253
341
|
}
|
|
254
|
-
},
|
|
342
|
+
}, J = {
|
|
255
343
|
key: 1,
|
|
256
344
|
class: "Label TextLabel"
|
|
257
|
-
},
|
|
345
|
+
}, Q = {
|
|
258
346
|
key: 2,
|
|
259
347
|
class: "Label InlineLabel"
|
|
260
|
-
},
|
|
261
|
-
function
|
|
262
|
-
const s =
|
|
263
|
-
return
|
|
264
|
-
class:
|
|
348
|
+
}, U = { class: "InputElement Container" };
|
|
349
|
+
function W(t, n, e, r, l, o) {
|
|
350
|
+
const s = h("Tab");
|
|
351
|
+
return i(), y(_(e.tagName), {
|
|
352
|
+
class: c(["InputBase", [
|
|
265
353
|
`InputBase-${o.effectiveStyle.kind}`,
|
|
266
354
|
`input-kind-${o.effectiveStyle.kind}`,
|
|
267
355
|
`InputBase-${o.effectiveStyle.size}`,
|
|
@@ -279,39 +367,39 @@ function Y(t, n, e, i, l, o) {
|
|
|
279
367
|
onFocusin: n[2] || (n[2] = (a) => l.focus = !0),
|
|
280
368
|
onFocusout: n[3] || (n[3] = (a) => l.focus = !1)
|
|
281
369
|
}, {
|
|
282
|
-
default:
|
|
283
|
-
e.label ? (
|
|
284
|
-
e.labelStyle === "tab" ? (
|
|
370
|
+
default: b(() => [
|
|
371
|
+
e.label ? (i(), d(x, { key: 0 }, [
|
|
372
|
+
e.labelStyle === "tab" ? (i(), y(s, {
|
|
285
373
|
key: 0,
|
|
286
374
|
class: "Label TabLabel",
|
|
287
375
|
label: e.label
|
|
288
|
-
}, null, 8, ["label"])) :
|
|
289
|
-
e.labelStyle === "text" ? (
|
|
290
|
-
e.labelStyle === "inline" ? (
|
|
291
|
-
], 64)) :
|
|
292
|
-
|
|
376
|
+
}, null, 8, ["label"])) : p("", !0),
|
|
377
|
+
e.labelStyle === "text" ? (i(), d("div", J, g(e.label), 1)) : p("", !0),
|
|
378
|
+
e.labelStyle === "inline" ? (i(), d("div", Q, g(e.label), 1)) : p("", !0)
|
|
379
|
+
], 64)) : p("", !0),
|
|
380
|
+
v("div", U, [
|
|
293
381
|
u(t.$slots, "default", {}, void 0, !0)
|
|
294
382
|
])
|
|
295
383
|
]),
|
|
296
384
|
_: 3
|
|
297
385
|
}, 40, ["class"]);
|
|
298
386
|
}
|
|
299
|
-
const
|
|
387
|
+
const B = /* @__PURE__ */ f(Y, [["render", W], ["__scopeId", "data-v-408c1aa3"]]), X = {
|
|
300
388
|
props: {
|
|
301
389
|
tagName: { type: String, default: "div" }
|
|
302
390
|
}
|
|
303
391
|
};
|
|
304
|
-
function
|
|
305
|
-
return
|
|
306
|
-
default:
|
|
392
|
+
function Z(t, n, e, r, l, o) {
|
|
393
|
+
return i(), y(_(e.tagName), { class: "InputGroup" }, {
|
|
394
|
+
default: b(() => [
|
|
307
395
|
u(t.$slots, "default", {}, void 0, !0)
|
|
308
396
|
]),
|
|
309
397
|
_: 3
|
|
310
398
|
});
|
|
311
399
|
}
|
|
312
|
-
const
|
|
400
|
+
const ee = /* @__PURE__ */ f(X, [["render", Z], ["__scopeId", "data-v-3d98e109"]]), te = {
|
|
313
401
|
props: {
|
|
314
|
-
...
|
|
402
|
+
...B.props,
|
|
315
403
|
modelValue: {},
|
|
316
404
|
items: { type: Array, default: () => [] },
|
|
317
405
|
placeholder: { type: String },
|
|
@@ -370,55 +458,55 @@ const U = /* @__PURE__ */ f(J, [["render", Q], ["__scopeId", "data-v-3d98e109"]]
|
|
|
370
458
|
this.disabled || (this.menuShown = !0);
|
|
371
459
|
}
|
|
372
460
|
}
|
|
373
|
-
},
|
|
461
|
+
}, ne = {
|
|
374
462
|
key: 1,
|
|
375
463
|
class: "Value"
|
|
376
|
-
},
|
|
464
|
+
}, oe = {
|
|
377
465
|
key: 2,
|
|
378
466
|
class: "Placeholder"
|
|
379
|
-
},
|
|
467
|
+
}, le = {
|
|
380
468
|
ref: "icon",
|
|
381
469
|
class: "DropdownIcon"
|
|
382
470
|
};
|
|
383
|
-
function
|
|
384
|
-
const s =
|
|
385
|
-
return
|
|
471
|
+
function se(t, n, e, r, l, o) {
|
|
472
|
+
const s = h("ContextMenu"), a = h("InputBase");
|
|
473
|
+
return i(), y(a, k({ class: "InputSelect" }, {
|
|
386
474
|
...t.$props
|
|
387
475
|
}, {
|
|
388
476
|
tabindex: "0",
|
|
389
|
-
onClick: n[1] || (n[1] = (
|
|
477
|
+
onClick: n[1] || (n[1] = (S) => o.show())
|
|
390
478
|
}), {
|
|
391
|
-
default:
|
|
479
|
+
default: b(() => [
|
|
392
480
|
u(t.$slots, "before", {}, void 0, !0),
|
|
393
|
-
o.itemIcon ? (
|
|
481
|
+
o.itemIcon ? (i(), d("i", {
|
|
394
482
|
key: 0,
|
|
395
|
-
class:
|
|
396
|
-
}, null, 2)) :
|
|
397
|
-
o.selectedItem ? (
|
|
398
|
-
o.selectedItem ?
|
|
399
|
-
|
|
483
|
+
class: c(["Icon", o.itemIcon])
|
|
484
|
+
}, null, 2)) : p("", !0),
|
|
485
|
+
o.selectedItem ? (i(), d("span", ne, g(o.itemTitle), 1)) : p("", !0),
|
|
486
|
+
o.selectedItem ? p("", !0) : (i(), d("span", oe, g(e.placeholder), 1)),
|
|
487
|
+
v("div", le, [
|
|
400
488
|
u(t.$slots, "iconDropdown", {}, () => [
|
|
401
|
-
|
|
402
|
-
class:
|
|
489
|
+
v("i", {
|
|
490
|
+
class: c(o.iconDropdown)
|
|
403
491
|
}, null, 2)
|
|
404
492
|
], !0)
|
|
405
493
|
], 512),
|
|
406
|
-
!t.disabled && l.menuShown ? (
|
|
494
|
+
!t.disabled && l.menuShown ? (i(), y(s, {
|
|
407
495
|
key: 3,
|
|
408
496
|
anchorRef: "icon",
|
|
409
497
|
items: o.getMenuItems(),
|
|
410
498
|
search: e.search,
|
|
411
499
|
overlayShown: !1,
|
|
412
|
-
onHide: n[0] || (n[0] = (
|
|
413
|
-
}, null, 8, ["items", "search"])) :
|
|
500
|
+
onHide: n[0] || (n[0] = (S) => l.menuShown = !1)
|
|
501
|
+
}, null, 8, ["items", "search"])) : p("", !0),
|
|
414
502
|
u(t.$slots, "after", {}, void 0, !0)
|
|
415
503
|
]),
|
|
416
504
|
_: 3
|
|
417
505
|
}, 16);
|
|
418
506
|
}
|
|
419
|
-
const
|
|
507
|
+
const ae = /* @__PURE__ */ f(te, [["render", se], ["__scopeId", "data-v-2c4374be"]]), ie = {
|
|
420
508
|
props: {
|
|
421
|
-
...
|
|
509
|
+
...B.props,
|
|
422
510
|
modelValue: { type: [String, Number] },
|
|
423
511
|
type: { type: String },
|
|
424
512
|
placeholder: { type: String },
|
|
@@ -442,15 +530,15 @@ const ne = /* @__PURE__ */ f(W, [["render", te], ["__scopeId", "data-v-2c4374be"
|
|
|
442
530
|
this.$emit("update:modelValue", t.target.value);
|
|
443
531
|
}
|
|
444
532
|
}
|
|
445
|
-
},
|
|
446
|
-
function
|
|
447
|
-
const s =
|
|
448
|
-
return
|
|
533
|
+
}, re = ["value", "type", "placeholder", "readonly", "disabled", "min", "max", "step"];
|
|
534
|
+
function ue(t, n, e, r, l, o) {
|
|
535
|
+
const s = h("InputBase");
|
|
536
|
+
return i(), y(s, k({ class: "InputText" }, {
|
|
449
537
|
...t.$props
|
|
450
538
|
}), {
|
|
451
|
-
default:
|
|
539
|
+
default: b(() => [
|
|
452
540
|
u(t.$slots, "before", {}, void 0, !0),
|
|
453
|
-
|
|
541
|
+
v("input", {
|
|
454
542
|
ref: "input",
|
|
455
543
|
value: e.modelValue,
|
|
456
544
|
type: e.type,
|
|
@@ -464,15 +552,15 @@ function se(t, n, e, i, l, o) {
|
|
|
464
552
|
onInput: n[0] || (n[0] = (a) => o.onInput(a)),
|
|
465
553
|
onFocus: n[1] || (n[1] = (a) => t.$emit("focus", a)),
|
|
466
554
|
onBlur: n[2] || (n[2] = (a) => t.$emit("blur", a))
|
|
467
|
-
}, null, 40,
|
|
555
|
+
}, null, 40, re),
|
|
468
556
|
u(t.$slots, "after", {}, void 0, !0)
|
|
469
557
|
]),
|
|
470
558
|
_: 3
|
|
471
559
|
}, 16);
|
|
472
560
|
}
|
|
473
|
-
const
|
|
561
|
+
const de = /* @__PURE__ */ f(ie, [["render", ue], ["__scopeId", "data-v-f0bca74d"]]), fe = {
|
|
474
562
|
props: {
|
|
475
|
-
...
|
|
563
|
+
...B.props,
|
|
476
564
|
modelValue: { type: String },
|
|
477
565
|
placeholder: { type: String },
|
|
478
566
|
rows: { type: Number },
|
|
@@ -505,15 +593,15 @@ const ae = /* @__PURE__ */ f(oe, [["render", se], ["__scopeId", "data-v-f0bca74d
|
|
|
505
593
|
this.$emit("update:modelValue", t.target.value);
|
|
506
594
|
}
|
|
507
595
|
}
|
|
508
|
-
},
|
|
509
|
-
function
|
|
510
|
-
const s =
|
|
511
|
-
return
|
|
596
|
+
}, ce = ["value", "placeholder", "readonly", "disabled", "rows"];
|
|
597
|
+
function pe(t, n, e, r, l, o) {
|
|
598
|
+
const s = h("InputBase");
|
|
599
|
+
return i(), y(s, k({ class: "InputTextarea" }, {
|
|
512
600
|
...t.$props
|
|
513
601
|
}, { fixedHeight: !1 }), {
|
|
514
|
-
default:
|
|
602
|
+
default: b(() => [
|
|
515
603
|
u(t.$slots, "before", {}, void 0, !0),
|
|
516
|
-
|
|
604
|
+
v("textarea", {
|
|
517
605
|
ref: "input",
|
|
518
606
|
value: e.modelValue,
|
|
519
607
|
placeholder: e.placeholder,
|
|
@@ -525,18 +613,18 @@ function ue(t, n, e, i, l, o) {
|
|
|
525
613
|
onInput: n[0] || (n[0] = (a) => o.onInput(a)),
|
|
526
614
|
onFocus: n[1] || (n[1] = (a) => t.$emit("focus", a)),
|
|
527
615
|
onBlur: n[2] || (n[2] = (a) => t.$emit("blur", a))
|
|
528
|
-
}, null, 40,
|
|
616
|
+
}, null, 40, ce),
|
|
529
617
|
u(t.$slots, "after", {}, void 0, !0)
|
|
530
618
|
]),
|
|
531
619
|
_: 3
|
|
532
620
|
}, 16);
|
|
533
621
|
}
|
|
534
|
-
const
|
|
622
|
+
const ye = /* @__PURE__ */ f(fe, [["render", pe], ["__scopeId", "data-v-d1f75aa4"]]), ve = {
|
|
535
623
|
components: {
|
|
536
|
-
Btn:
|
|
624
|
+
Btn: C
|
|
537
625
|
},
|
|
538
626
|
props: {
|
|
539
|
-
...
|
|
627
|
+
...C.props,
|
|
540
628
|
to: { required: !0 },
|
|
541
629
|
baseProps: { type: Object },
|
|
542
630
|
activeProps: { type: Object },
|
|
@@ -553,40 +641,40 @@ const de = /* @__PURE__ */ f(re, [["render", ue], ["__scopeId", "data-v-d1f75aa4
|
|
|
553
641
|
}
|
|
554
642
|
}
|
|
555
643
|
};
|
|
556
|
-
function
|
|
557
|
-
const s =
|
|
558
|
-
return
|
|
644
|
+
function be(t, n, e, r, l, o) {
|
|
645
|
+
const s = h("Btn"), a = h("RouterLink");
|
|
646
|
+
return i(), y(a, {
|
|
559
647
|
to: e.to,
|
|
560
648
|
custom: ""
|
|
561
649
|
}, {
|
|
562
|
-
default:
|
|
563
|
-
O(s,
|
|
650
|
+
default: b(({ href: S, navigate: I, isActive: m, isExactActive: w }) => [
|
|
651
|
+
O(s, k({
|
|
564
652
|
tagName: "a",
|
|
565
|
-
href:
|
|
566
|
-
}, o.actualProps(m,
|
|
653
|
+
href: S
|
|
654
|
+
}, o.actualProps(m, w), { onClick: I }), null, 16, ["href", "onClick"])
|
|
567
655
|
]),
|
|
568
656
|
_: 1
|
|
569
657
|
}, 8, ["to"]);
|
|
570
658
|
}
|
|
571
|
-
const
|
|
659
|
+
const he = /* @__PURE__ */ f(ve, [["render", be]]), me = {
|
|
572
660
|
props: {
|
|
573
661
|
dir: { type: String, default: "top" },
|
|
574
662
|
type: { type: String, default: "start" }
|
|
575
663
|
}
|
|
576
664
|
};
|
|
577
|
-
function
|
|
578
|
-
return
|
|
579
|
-
class:
|
|
665
|
+
function ge(t, n, e, r, l, o) {
|
|
666
|
+
return i(), d("svg", {
|
|
667
|
+
class: c(["TabCap", [
|
|
580
668
|
`TabCap-${e.dir}`,
|
|
581
669
|
`TabCap-${e.type}`
|
|
582
670
|
]]),
|
|
583
671
|
viewBox: "0 0 32 32",
|
|
584
672
|
preserveAspectRatio: "none"
|
|
585
673
|
}, [...n[0] || (n[0] = [
|
|
586
|
-
|
|
674
|
+
v("path", { d: "M0 32 C 16 32 16 0 32 0 L 32 32 z" }, null, -1)
|
|
587
675
|
])], 2);
|
|
588
676
|
}
|
|
589
|
-
const
|
|
677
|
+
const Se = /* @__PURE__ */ f(me, [["render", ge], ["__scopeId", "data-v-d898255a"]]), _e = {
|
|
590
678
|
props: {
|
|
591
679
|
modelValue: { type: Boolean },
|
|
592
680
|
disabled: { type: Boolean },
|
|
@@ -628,12 +716,12 @@ const be = /* @__PURE__ */ f(ye, [["render", ve], ["__scopeId", "data-v-d898255a
|
|
|
628
716
|
baseStyle: t,
|
|
629
717
|
hoverOverrides: n = {},
|
|
630
718
|
focusOverrides: e = {},
|
|
631
|
-
hover:
|
|
719
|
+
hover: r,
|
|
632
720
|
focus: l,
|
|
633
721
|
forceHover: o,
|
|
634
722
|
forceFocus: s
|
|
635
723
|
} = this, a = Object.assign({}, t);
|
|
636
|
-
return (
|
|
724
|
+
return (r || o) && Object.assign(a, n), (l || s) && Object.assign(a, e), a;
|
|
637
725
|
}
|
|
638
726
|
},
|
|
639
727
|
methods: {
|
|
@@ -641,10 +729,10 @@ const be = /* @__PURE__ */ f(ye, [["render", ve], ["__scopeId", "data-v-d898255a
|
|
|
641
729
|
this.$emit("update:modelValue", t.target.checked);
|
|
642
730
|
}
|
|
643
731
|
}
|
|
644
|
-
},
|
|
645
|
-
function
|
|
646
|
-
return
|
|
647
|
-
class:
|
|
732
|
+
}, ke = ["checked", "disabled"];
|
|
733
|
+
function Be(t, n, e, r, l, o) {
|
|
734
|
+
return i(), d("label", {
|
|
735
|
+
class: c(["Toggle InputElement", [
|
|
648
736
|
`Toggle-${o.effectiveStyle.kind}`,
|
|
649
737
|
`input-kind-${o.effectiveStyle.kind}`,
|
|
650
738
|
`Toggle-${o.effectiveStyle.size}`,
|
|
@@ -664,15 +752,15 @@ function ge(t, n, e, i, l, o) {
|
|
|
664
752
|
onFocusin: n[3] || (n[3] = (s) => l.focus = !0),
|
|
665
753
|
onFocusout: n[4] || (n[4] = (s) => l.focus = !1)
|
|
666
754
|
}, [
|
|
667
|
-
|
|
755
|
+
v("input", {
|
|
668
756
|
type: "checkbox",
|
|
669
757
|
checked: e.modelValue,
|
|
670
758
|
disabled: e.disabled,
|
|
671
759
|
onChange: n[0] || (n[0] = (...s) => o.onChange && o.onChange(...s))
|
|
672
|
-
}, null, 40,
|
|
760
|
+
}, null, 40, ke)
|
|
673
761
|
], 34);
|
|
674
762
|
}
|
|
675
|
-
const
|
|
763
|
+
const Ie = /* @__PURE__ */ f(_e, [["render", Be], ["__scopeId", "data-v-d06c0ba4"]]), Oe = {
|
|
676
764
|
props: {
|
|
677
765
|
tagName: { type: String, default: "div" },
|
|
678
766
|
align: { type: String, default: "stretch" },
|
|
@@ -680,49 +768,51 @@ const _e = /* @__PURE__ */ f(he, [["render", ge], ["__scopeId", "data-v-c5f9a677
|
|
|
680
768
|
gap: { type: String, default: "m" }
|
|
681
769
|
}
|
|
682
770
|
};
|
|
683
|
-
function
|
|
684
|
-
return
|
|
685
|
-
class:
|
|
771
|
+
function Ce(t, n, e, r, l, o) {
|
|
772
|
+
return i(), y(_(e.tagName), {
|
|
773
|
+
class: c(["VGroup", [
|
|
686
774
|
`VGroup-align-${e.align}`,
|
|
687
775
|
`VGroup-justify-${e.justify}`,
|
|
688
776
|
`VGroup-gap-${e.gap}`
|
|
689
777
|
]])
|
|
690
778
|
}, {
|
|
691
|
-
default:
|
|
779
|
+
default: b(() => [
|
|
692
780
|
u(t.$slots, "default", {}, void 0, !0)
|
|
693
781
|
]),
|
|
694
782
|
_: 3
|
|
695
783
|
}, 8, ["class"]);
|
|
696
784
|
}
|
|
697
|
-
const
|
|
785
|
+
const Ve = /* @__PURE__ */ f(Oe, [["render", Ce], ["__scopeId", "data-v-ada4a00f"]]), xe = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
|
|
698
786
|
__proto__: null,
|
|
699
|
-
Btn:
|
|
700
|
-
|
|
701
|
-
|
|
702
|
-
|
|
703
|
-
|
|
704
|
-
|
|
705
|
-
|
|
706
|
-
|
|
707
|
-
|
|
708
|
-
|
|
709
|
-
|
|
710
|
-
|
|
711
|
-
|
|
787
|
+
Btn: C,
|
|
788
|
+
Checkbox: N,
|
|
789
|
+
Filler: G,
|
|
790
|
+
HGroup: D,
|
|
791
|
+
InputBase: B,
|
|
792
|
+
InputGroup: ee,
|
|
793
|
+
InputSelect: ae,
|
|
794
|
+
InputText: de,
|
|
795
|
+
InputTextarea: ye,
|
|
796
|
+
RouterBtn: he,
|
|
797
|
+
Tab: V,
|
|
798
|
+
TabCap: Se,
|
|
799
|
+
Toggle: Ie,
|
|
800
|
+
VGroup: Ve
|
|
712
801
|
}, Symbol.toStringTag, { value: "Module" }));
|
|
713
802
|
export {
|
|
714
|
-
|
|
715
|
-
|
|
716
|
-
|
|
717
|
-
|
|
718
|
-
|
|
719
|
-
|
|
720
|
-
ae as
|
|
721
|
-
de as
|
|
722
|
-
|
|
723
|
-
|
|
724
|
-
|
|
725
|
-
|
|
726
|
-
Ie as
|
|
727
|
-
|
|
803
|
+
C as Btn,
|
|
804
|
+
N as Checkbox,
|
|
805
|
+
G as Filler,
|
|
806
|
+
D as HGroup,
|
|
807
|
+
B as InputBase,
|
|
808
|
+
ee as InputGroup,
|
|
809
|
+
ae as InputSelect,
|
|
810
|
+
de as InputText,
|
|
811
|
+
ye as InputTextarea,
|
|
812
|
+
he as RouterBtn,
|
|
813
|
+
V as Tab,
|
|
814
|
+
Se as TabCap,
|
|
815
|
+
Ie as Toggle,
|
|
816
|
+
Ve as VGroup,
|
|
817
|
+
xe as coreComponents
|
|
728
818
|
};
|