@profitliga/ui 2.0.2 → 2.0.3
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/v2/Combobox/Combobox.css +1 -1
- package/dist/components/v2/Combobox/Combobox.types.d.ts +14 -0
- package/dist/components/v2/Combobox/Combobox.vue.d.ts +3 -2
- package/dist/components/v2/Combobox/Combobox.vue.js +1 -1
- package/dist/components/v2/Combobox/Combobox.vue2.js +300 -255
- package/dist/components/v2/Divider/Divider.css +1 -1
- package/dist/components/v2/Divider/Divider.vue.js +2 -2
- package/dist/components/v2/Input/Input.css +1 -1
- package/dist/components/v2/Input/Input.vue.js +2 -2
- package/dist/components/v2/Input/Input.vue2.js +113 -107
- package/dist/components/v2/Select/Select.css +1 -1
- package/dist/components/v2/Select/Select.vue.js +1 -1
- package/dist/components/v2/Select/Select.vue2.js +107 -101
- package/package.json +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
.divider-v2[data-v-
|
|
1
|
+
.divider-v2[data-v-c13dce29]{--divider-color:var(--theme-neutral-250);--divider-thickness:1px;--divider-spacing:0rem;--divider-align-length:1.5rem;align-items:center;gap:.75rem;display:flex}.divider-v2--spacing-small[data-v-c13dce29]{--divider-spacing:.5rem}.divider-v2--spacing-medium[data-v-c13dce29]{--divider-spacing:1rem}.divider-v2--spacing-large[data-v-c13dce29]{--divider-spacing:1.5rem}.divider-v2__content[data-v-c13dce29]{color:var(--theme-neutral-text-caption);flex-shrink:0;font-size:.75rem;font-weight:400;line-height:1rem}.divider-v2__line[data-v-c13dce29]{flex:auto}.divider-v2--dashed[data-v-c13dce29]{--divider-style:dashed}.divider-v2--dotted[data-v-c13dce29]{--divider-style:dotted}.divider-v2--horizontal[data-v-c13dce29]{width:100%;margin-block:var(--divider-spacing)}.divider-v2--horizontal.divider-v2--plain[data-v-c13dce29],.divider-v2--horizontal .divider-v2__line[data-v-c13dce29]{border-block-start:var(--divider-thickness) var(--divider-style,solid) var(--divider-color)}.divider-v2--horizontal.divider-v2--start .divider-v2__line[data-v-c13dce29]:first-child,.divider-v2--horizontal.divider-v2--end .divider-v2__line[data-v-c13dce29]:last-child{flex:0 0 var(--divider-align-length)}.divider-v2--vertical[data-v-c13dce29]{min-height:100%;margin-inline:var(--divider-spacing);flex-direction:column;align-self:stretch}.divider-v2--vertical.divider-v2--plain[data-v-c13dce29],.divider-v2--vertical .divider-v2__line[data-v-c13dce29]{border-inline-start:var(--divider-thickness) var(--divider-style,solid) var(--divider-color)}.divider-v2--vertical.divider-v2--start .divider-v2__line[data-v-c13dce29]:first-child,.divider-v2--vertical.divider-v2--end .divider-v2__line[data-v-c13dce29]:last-child{flex:0 0 var(--divider-align-length)}
|
|
@@ -2,7 +2,7 @@ import './Divider.css';
|
|
|
2
2
|
import o from "./Divider.vue2.js";
|
|
3
3
|
/* empty css */
|
|
4
4
|
import r from "../../../_virtual/_plugin-vue_export-helper.js";
|
|
5
|
-
const
|
|
5
|
+
const i = /* @__PURE__ */ r(o, [["__scopeId", "data-v-c13dce29"]]);
|
|
6
6
|
export {
|
|
7
|
-
|
|
7
|
+
i as default
|
|
8
8
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.input-field[data-v-
|
|
1
|
+
.input-field[data-v-b6defdd2]{--field-height:2.5rem;--field-radius:.5rem;--field-padding-x:.5rem;--field-padding-y:.25rem;--field-font-size:.875rem;--field-line-height:1.25rem;--field-label-font-size:.875rem;--field-label-line-height:1rem;--field-icon-size:1rem;--field-chip-padding-x:.75rem;--field-chip-font-size:.875rem;--field-chip-icon-size:1rem;--field-border-color:var(--theme-neutral-border-default);--field-text-color:var(--theme-neutral-text-body);--field-placeholder-color:var(--theme-neutral-550);--field-label-color:var(--theme-neutral-text-title);--field-support-color:var(--theme-neutral-text-caption);--field-icon-color:var(--theme-neutral-icon-caption);flex-direction:column;justify-content:center;align-items:flex-start;width:100%;display:flex;position:relative}.input-field__label[data-v-b6defdd2]{width:100%;font-weight:400;font-size:var(--field-label-font-size);line-height:var(--field-label-line-height);color:var(--field-label-color);overflow-wrap:break-word;align-items:center;gap:.125rem;padding:.375rem .6875rem .375rem .5rem;display:flex}.input-field__required[data-v-b6defdd2]{color:var(--theme-error-500);flex-shrink:0}.input-field__control[data-v-b6defdd2]{width:100%;min-height:var(--field-height);padding:var(--field-padding-y) var(--field-padding-x);background-color:var(--theme-neutral-0);border:.0625rem solid var(--field-border-color);border-radius:var(--field-radius);transition:border-color var(--animation-duration-fast) ease;align-items:center;display:flex}.input-field__field[data-v-b6defdd2]{width:100%;min-width:0;font-family:inherit;font-weight:400;font-size:var(--field-font-size);line-height:var(--field-line-height);color:var(--field-text-color);background-color:#0000;border:none;outline:none;flex:auto}@media (max-width:1009.98px){.input-field__field[data-v-b6defdd2]{font-size:1rem}}.input-field__field[data-v-b6defdd2]::placeholder{color:var(--field-placeholder-color)}.input-field__field[data-v-b6defdd2]:disabled{cursor:not-allowed;-webkit-text-fill-color:var(--field-text-color);opacity:1}.input-field__field--multiline[data-v-b6defdd2]{resize:vertical;min-height:var(--field-line-height);padding:0;display:block;overflow:auto}.input-field__icon[data-v-b6defdd2]{width:1.375rem;height:1.125rem;color:var(--field-icon-color);flex-shrink:0;align-items:center;gap:.25rem;display:flex}.input-field__icon[data-v-b6defdd2] svg{width:var(--field-icon-size);height:var(--field-icon-size)}.input-field__icon--left[data-v-b6defdd2]{justify-content:flex-start}.input-field__icon--right[data-v-b6defdd2]{justify-content:flex-end;width:auto;min-width:1.375rem}.input-field__action[data-v-b6defdd2]{cursor:pointer;color:inherit;transition:color var(--animation-duration-fast) ease;background-color:#0000;border:none;justify-content:center;align-items:center;padding:0;display:flex}.input-field__action[data-v-b6defdd2]:hover:not(:disabled){color:var(--theme-primary-500)}.input-field__action[data-v-b6defdd2]:disabled{cursor:not-allowed}.input-field__action[data-v-b6defdd2]:focus-visible{outline:.125rem solid var(--theme-primary-500);outline-offset:.125rem;border-radius:.25rem}.input-field__footer[data-v-b6defdd2]{pointer-events:none;justify-content:center;align-items:center;gap:.625rem;padding:.25rem .6875rem .25rem .5rem;display:flex;position:absolute;top:100%;left:0;right:0}.input-field__support[data-v-b6defdd2]{min-width:0;color:var(--field-support-color);overflow-wrap:break-word;flex:auto;font-size:.625rem;font-weight:400;line-height:normal}.input-field__counter[data-v-b6defdd2]{text-align:right;white-space:nowrap;color:var(--theme-neutral-550);flex-shrink:0;margin-left:auto;font-size:.625rem;font-weight:400;line-height:normal}.input-field--size-small[data-v-b6defdd2]{--field-height:2.25rem;--field-label-font-size:.75rem;--field-chip-padding-x:.5rem;--field-chip-font-size:.75rem;--field-chip-icon-size:.875rem}.input-field--size-large[data-v-b6defdd2]{--field-height:2.75rem;--field-radius:.75rem;--field-padding-y:.5rem;--field-font-size:1rem;--field-line-height:1.5rem;--field-label-font-size:1rem;--field-label-line-height:1.25rem;--field-icon-size:1.125rem;--field-chip-padding-x:1rem}.input-field--with-control-start[data-v-b6defdd2]{--field-padding-x:.25rem;--field-padding-y:.25rem}.input-field--with-control-start .input-field__control[data-v-b6defdd2]{gap:.5rem;padding-right:.75rem}.input-field--type-limit[data-v-b6defdd2]{--field-padding-y:.5rem}.input-field--type-limit .input-field__control[data-v-b6defdd2]{align-items:stretch}.input-field--type-limit .input-field__icon[data-v-b6defdd2]{align-items:flex-end}.input-field:not(.input-field--error):not(.input-field--disabled) .input-field__control[data-v-b6defdd2]:hover{--field-border-color:var(--theme-primary-300)}.input-field:not(.input-field--error):not(.input-field--disabled) .input-field__control[data-v-b6defdd2]:focus-within{--field-border-color:var(--theme-primary-500)}.input-field--error[data-v-b6defdd2]{--field-border-color:var(--theme-error-500);--field-label-color:var(--theme-error-500);--field-support-color:var(--theme-error-500)}.input-field--disabled[data-v-b6defdd2]{--field-border-color:var(--theme-neutral-border-disabled);--field-text-color:var(--theme-neutral-400);--field-placeholder-color:var(--theme-neutral-400);--field-label-color:var(--theme-neutral-400);--field-support-color:var(--theme-neutral-400);--field-icon-color:var(--theme-neutral-400)}.input-field--disabled .input-field__control[data-v-b6defdd2]{cursor:not-allowed}
|
|
@@ -2,7 +2,7 @@ import './Input.css';
|
|
|
2
2
|
import o from "./Input.vue2.js";
|
|
3
3
|
/* empty css */
|
|
4
4
|
import t from "../../../_virtual/_plugin-vue_export-helper.js";
|
|
5
|
-
const
|
|
5
|
+
const f = /* @__PURE__ */ t(o, [["__scopeId", "data-v-b6defdd2"]]);
|
|
6
6
|
export {
|
|
7
|
-
|
|
7
|
+
f as default
|
|
8
8
|
};
|
|
@@ -1,13 +1,13 @@
|
|
|
1
|
-
import { defineComponent as
|
|
2
|
-
import { X as
|
|
3
|
-
import { useTestId as
|
|
4
|
-
const
|
|
1
|
+
import { defineComponent as Z, useModel as _, useSlots as ee, useAttrs as le, computed as a, useId as te, useTemplateRef as ae, ref as oe, openBlock as i, createElementBlock as d, mergeProps as u, unref as s, renderSlot as m, createTextVNode as N, toDisplayString as g, createCommentVNode as f, createElementVNode as ie, withDirectives as P, vModelText as se, withKeys as de, vModelDynamic as ue, createVNode as re, createBlock as R, mergeModels as z } from "vue";
|
|
2
|
+
import { X as ne, EyeOff as fe, Eye as ve } from "@lucide/vue";
|
|
3
|
+
import { useTestId as ce } from "../shared/useTestId.util.js";
|
|
4
|
+
const pe = ["for"], be = ["id", "name", "rows", "placeholder", "disabled", "readonly", "required", "maxlength", "aria-label", "aria-invalid", "aria-describedby"], ye = ["id", "type", "name", "placeholder", "disabled", "readonly", "required", "maxlength", "autocomplete", "inputmode", "aria-label", "aria-invalid", "aria-describedby"], me = ["aria-label"], he = ["aria-label", "aria-pressed", "disabled"], ge = {
|
|
5
5
|
key: 1,
|
|
6
6
|
class: "input-field__footer"
|
|
7
|
-
},
|
|
7
|
+
}, ke = ["id"], Ce = /* @__PURE__ */ Z({
|
|
8
8
|
inheritAttrs: !1,
|
|
9
9
|
__name: "Input",
|
|
10
|
-
props: /* @__PURE__ */
|
|
10
|
+
props: /* @__PURE__ */ z({
|
|
11
11
|
type: { default: "default" },
|
|
12
12
|
size: { default: "default" },
|
|
13
13
|
nativeType: { default: "text" },
|
|
@@ -32,165 +32,171 @@ const ne = ["for"], fe = ["id", "name", "rows", "placeholder", "disabled", "read
|
|
|
32
32
|
modelValue: { default: "" },
|
|
33
33
|
modelModifiers: {}
|
|
34
34
|
}),
|
|
35
|
-
emits: /* @__PURE__ */
|
|
36
|
-
setup(
|
|
37
|
-
const e =
|
|
35
|
+
emits: /* @__PURE__ */ z(["input", "change", "focus", "blur", "enter", "clear"], ["update:modelValue"]),
|
|
36
|
+
setup(o, { expose: D, emit: F }) {
|
|
37
|
+
const e = o, r = F, c = _(o, "modelValue"), y = ee(), n = ce(() => e.testId), k = le(), K = a(() => ({
|
|
38
|
+
class: k.class,
|
|
39
|
+
style: k.style
|
|
40
|
+
})), C = a(() => {
|
|
41
|
+
const { class: b, style: l, ...t } = k;
|
|
42
|
+
return t;
|
|
43
|
+
}), V = te(), v = ae(
|
|
38
44
|
"fieldRef"
|
|
39
|
-
),
|
|
40
|
-
() => e.type === "clearable" &&
|
|
41
|
-
),
|
|
42
|
-
() => !!
|
|
43
|
-
),
|
|
44
|
-
() => !!(
|
|
45
|
-
),
|
|
46
|
-
() =>
|
|
47
|
-
),
|
|
48
|
-
() =>
|
|
49
|
-
),
|
|
45
|
+
), p = oe(!1), x = a(() => e.id ?? `${V}-field`), q = a(() => `${V}-support`), w = a(() => e.type === "password"), T = a(() => e.type === "limit"), h = a(() => e.error), I = a(() => h.value ? e.errorMessage ?? e.supportText : e.supportText), L = a(() => c.value?.length ?? 0), U = a(() => w.value ? p.value ? "text" : "password" : e.nativeType), $ = a(() => !!(e.label || y.label)), O = a(() => !!y.prefix), X = a(() => !!y["control-start"]), M = a(() => $.value ? e.ariaLabel : e.ariaLabel ?? e.placeholder), S = a(
|
|
46
|
+
() => e.type === "clearable" && L.value > 0 && !e.disabled && !e.readonly
|
|
47
|
+
), j = a(
|
|
48
|
+
() => !!y.suffix || w.value || S.value
|
|
49
|
+
), A = a(() => e.maxlength === void 0 ? !1 : e.showCount ?? T.value), B = a(
|
|
50
|
+
() => !!(I.value || y.support)
|
|
51
|
+
), G = a(() => B.value || A.value), E = a(
|
|
52
|
+
() => B.value ? q.value : void 0
|
|
53
|
+
), H = a(() => "Очистить поле"), J = a(
|
|
54
|
+
() => p.value ? "Скрыть пароль" : "Показать пароль"
|
|
55
|
+
), Q = a(() => [
|
|
50
56
|
"input-field",
|
|
51
57
|
`input-field--size-${e.size}`,
|
|
52
58
|
`input-field--type-${e.type}`,
|
|
53
59
|
{
|
|
54
|
-
"input-field--with-control-start":
|
|
60
|
+
"input-field--with-control-start": X.value,
|
|
55
61
|
"input-field--error": h.value,
|
|
56
62
|
"input-field--disabled": e.disabled,
|
|
57
63
|
"input-field--readonly": e.readonly
|
|
58
64
|
}
|
|
59
|
-
]),
|
|
60
|
-
e.disabled || e.readonly || (c.value = "",
|
|
61
|
-
},
|
|
62
|
-
e.disabled || (
|
|
65
|
+
]), W = () => {
|
|
66
|
+
e.disabled || e.readonly || (c.value = "", r("clear"), v.value?.focus());
|
|
67
|
+
}, Y = () => {
|
|
68
|
+
e.disabled || (p.value = !p.value);
|
|
63
69
|
};
|
|
64
|
-
return
|
|
70
|
+
return D({
|
|
65
71
|
el: v,
|
|
66
72
|
focus: () => v.value?.focus(),
|
|
67
73
|
blur: () => v.value?.blur(),
|
|
68
74
|
select: () => v.value?.select()
|
|
69
|
-
}), (
|
|
70
|
-
|
|
75
|
+
}), (b, l) => (i(), d("div", u({ class: Q.value }, { ...K.value, ...s(n)("root") }), [
|
|
76
|
+
$.value ? (i(), d("label", u({
|
|
71
77
|
key: 0,
|
|
72
78
|
class: "input-field__label",
|
|
73
|
-
for:
|
|
74
|
-
},
|
|
75
|
-
|
|
76
|
-
|
|
79
|
+
for: x.value
|
|
80
|
+
}, s(n)("label")), [
|
|
81
|
+
m(b.$slots, "label", {}, () => [
|
|
82
|
+
N(g(o.label), 1)
|
|
77
83
|
], !0),
|
|
78
|
-
|
|
84
|
+
o.required ? (i(), d("span", u({
|
|
79
85
|
key: 0,
|
|
80
86
|
class: "input-field__required",
|
|
81
87
|
"aria-hidden": "true"
|
|
82
|
-
},
|
|
83
|
-
], 16,
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
88
|
+
}, s(n)("required")), "*", 16)) : f("", !0)
|
|
89
|
+
], 16, pe)) : f("", !0),
|
|
90
|
+
ie("div", u({ class: "input-field__control" }, s(n)("control")), [
|
|
91
|
+
m(b.$slots, "control-start", {}, void 0, !0),
|
|
92
|
+
O.value ? (i(), d("span", u({
|
|
87
93
|
key: 0,
|
|
88
94
|
class: "input-field__icon input-field__icon--left",
|
|
89
95
|
"aria-hidden": "true"
|
|
90
|
-
},
|
|
91
|
-
|
|
96
|
+
}, s(n)("prefix")), [
|
|
97
|
+
m(b.$slots, "prefix", {}, void 0, !0)
|
|
92
98
|
], 16)) : f("", !0),
|
|
93
|
-
|
|
99
|
+
T.value ? P((i(), d("textarea", u({
|
|
94
100
|
key: 1,
|
|
95
|
-
id:
|
|
101
|
+
id: x.value,
|
|
96
102
|
ref_key: "fieldRef",
|
|
97
103
|
ref: v,
|
|
98
|
-
"onUpdate:modelValue": l[0] || (l[0] = (
|
|
104
|
+
"onUpdate:modelValue": l[0] || (l[0] = (t) => c.value = t),
|
|
99
105
|
class: "input-field__field input-field__field--multiline",
|
|
100
|
-
name:
|
|
101
|
-
rows:
|
|
102
|
-
placeholder:
|
|
103
|
-
disabled:
|
|
104
|
-
readonly:
|
|
105
|
-
required:
|
|
106
|
-
maxlength:
|
|
107
|
-
"aria-label":
|
|
106
|
+
name: o.name,
|
|
107
|
+
rows: o.rows,
|
|
108
|
+
placeholder: o.placeholder,
|
|
109
|
+
disabled: o.disabled,
|
|
110
|
+
readonly: o.readonly,
|
|
111
|
+
required: o.required,
|
|
112
|
+
maxlength: o.maxlength,
|
|
113
|
+
"aria-label": M.value,
|
|
108
114
|
"aria-invalid": h.value || void 0,
|
|
109
|
-
"aria-describedby":
|
|
110
|
-
},
|
|
111
|
-
onInput: l[1] || (l[1] = (
|
|
112
|
-
onChange: l[2] || (l[2] = (
|
|
113
|
-
onFocus: l[3] || (l[3] = (
|
|
114
|
-
onBlur: l[4] || (l[4] = (
|
|
115
|
-
}), null, 16,
|
|
116
|
-
[
|
|
117
|
-
]) :
|
|
115
|
+
"aria-describedby": E.value
|
|
116
|
+
}, C.value, {
|
|
117
|
+
onInput: l[1] || (l[1] = (t) => r("input", t)),
|
|
118
|
+
onChange: l[2] || (l[2] = (t) => r("change", t)),
|
|
119
|
+
onFocus: l[3] || (l[3] = (t) => r("focus", t)),
|
|
120
|
+
onBlur: l[4] || (l[4] = (t) => r("blur", t))
|
|
121
|
+
}), null, 16, be)), [
|
|
122
|
+
[se, c.value]
|
|
123
|
+
]) : P((i(), d("input", u({
|
|
118
124
|
key: 2,
|
|
119
|
-
id:
|
|
125
|
+
id: x.value,
|
|
120
126
|
ref_key: "fieldRef",
|
|
121
127
|
ref: v,
|
|
122
|
-
"onUpdate:modelValue": l[5] || (l[5] = (
|
|
128
|
+
"onUpdate:modelValue": l[5] || (l[5] = (t) => c.value = t),
|
|
123
129
|
class: "input-field__field",
|
|
124
|
-
type:
|
|
125
|
-
name:
|
|
126
|
-
placeholder:
|
|
127
|
-
disabled:
|
|
128
|
-
readonly:
|
|
129
|
-
required:
|
|
130
|
-
maxlength:
|
|
131
|
-
autocomplete:
|
|
132
|
-
inputmode:
|
|
133
|
-
"aria-label":
|
|
130
|
+
type: U.value,
|
|
131
|
+
name: o.name,
|
|
132
|
+
placeholder: o.placeholder,
|
|
133
|
+
disabled: o.disabled,
|
|
134
|
+
readonly: o.readonly,
|
|
135
|
+
required: o.required,
|
|
136
|
+
maxlength: o.maxlength,
|
|
137
|
+
autocomplete: o.autocomplete,
|
|
138
|
+
inputmode: o.inputmode,
|
|
139
|
+
"aria-label": M.value,
|
|
134
140
|
"aria-invalid": h.value || void 0,
|
|
135
|
-
"aria-describedby":
|
|
136
|
-
},
|
|
137
|
-
onInput: l[6] || (l[6] = (
|
|
138
|
-
onChange: l[7] || (l[7] = (
|
|
139
|
-
onFocus: l[8] || (l[8] = (
|
|
140
|
-
onBlur: l[9] || (l[9] = (
|
|
141
|
-
onKeydown: l[10] || (l[10] =
|
|
142
|
-
}), null, 16,
|
|
143
|
-
[
|
|
141
|
+
"aria-describedby": E.value
|
|
142
|
+
}, C.value, {
|
|
143
|
+
onInput: l[6] || (l[6] = (t) => r("input", t)),
|
|
144
|
+
onChange: l[7] || (l[7] = (t) => r("change", t)),
|
|
145
|
+
onFocus: l[8] || (l[8] = (t) => r("focus", t)),
|
|
146
|
+
onBlur: l[9] || (l[9] = (t) => r("blur", t)),
|
|
147
|
+
onKeydown: l[10] || (l[10] = de((t) => r("enter", t), ["enter"]))
|
|
148
|
+
}), null, 16, ye)), [
|
|
149
|
+
[ue, c.value]
|
|
144
150
|
]),
|
|
145
|
-
|
|
151
|
+
j.value ? (i(), d("span", u({
|
|
146
152
|
key: 3,
|
|
147
153
|
class: "input-field__icon input-field__icon--right"
|
|
148
|
-
},
|
|
149
|
-
|
|
150
|
-
|
|
154
|
+
}, s(n)("suffix")), [
|
|
155
|
+
m(b.$slots, "suffix", {}, void 0, !0),
|
|
156
|
+
S.value ? (i(), d("button", u({
|
|
151
157
|
key: 0,
|
|
152
158
|
type: "button",
|
|
153
159
|
class: "input-field__action",
|
|
154
|
-
"aria-label":
|
|
155
|
-
},
|
|
156
|
-
|
|
157
|
-
], 16,
|
|
158
|
-
|
|
160
|
+
"aria-label": H.value
|
|
161
|
+
}, s(n)("clear"), { onClick: W }), [
|
|
162
|
+
re(s(ne), { "stroke-width": 2 })
|
|
163
|
+
], 16, me)) : f("", !0),
|
|
164
|
+
w.value ? (i(), d("button", u({
|
|
159
165
|
key: 1,
|
|
160
166
|
type: "button",
|
|
161
167
|
class: "input-field__action",
|
|
162
|
-
"aria-label":
|
|
163
|
-
"aria-pressed":
|
|
164
|
-
disabled:
|
|
165
|
-
},
|
|
166
|
-
|
|
168
|
+
"aria-label": J.value,
|
|
169
|
+
"aria-pressed": p.value,
|
|
170
|
+
disabled: o.disabled
|
|
171
|
+
}, s(n)("password-toggle"), { onClick: Y }), [
|
|
172
|
+
p.value ? (i(), R(s(fe), {
|
|
167
173
|
key: 0,
|
|
168
174
|
"stroke-width": 2
|
|
169
|
-
})) : (i(),
|
|
175
|
+
})) : (i(), R(s(ve), {
|
|
170
176
|
key: 1,
|
|
171
177
|
"stroke-width": 2
|
|
172
178
|
}))
|
|
173
|
-
], 16,
|
|
179
|
+
], 16, he)) : f("", !0)
|
|
174
180
|
], 16)) : f("", !0)
|
|
175
181
|
], 16),
|
|
176
|
-
|
|
177
|
-
|
|
182
|
+
G.value ? (i(), d("div", ge, [
|
|
183
|
+
B.value ? (i(), d("p", u({
|
|
178
184
|
key: 0,
|
|
179
|
-
id:
|
|
185
|
+
id: q.value,
|
|
180
186
|
class: "input-field__support"
|
|
181
|
-
},
|
|
182
|
-
|
|
183
|
-
|
|
187
|
+
}, s(n)("support")), [
|
|
188
|
+
m(b.$slots, "support", {}, () => [
|
|
189
|
+
N(g(I.value), 1)
|
|
184
190
|
], !0)
|
|
185
|
-
], 16,
|
|
186
|
-
|
|
191
|
+
], 16, ke)) : f("", !0),
|
|
192
|
+
A.value ? (i(), d("p", u({
|
|
187
193
|
key: 1,
|
|
188
194
|
class: "input-field__counter"
|
|
189
|
-
},
|
|
195
|
+
}, s(n)("counter")), g(L.value) + " / " + g(o.maxlength), 17)) : f("", !0)
|
|
190
196
|
])) : f("", !0)
|
|
191
197
|
], 16));
|
|
192
198
|
}
|
|
193
199
|
});
|
|
194
200
|
export {
|
|
195
|
-
|
|
201
|
+
Ce as default
|
|
196
202
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.select[data-v-
|
|
1
|
+
.select[data-v-ec306731]{--select-field-height:2.5rem;--select-field-radius:.5rem;--select-font-size:.875rem;--select-line-height:1.25rem;--select-label-font-size:.875rem;--select-label-line-height:1rem;--select-border-color:var(--theme-neutral-border-default);flex-direction:column;display:flex}.select--small[data-v-ec306731]{--select-field-height:2.25rem;--select-label-font-size:.75rem}.select--large[data-v-ec306731]{--select-field-height:2.75rem;--select-field-radius:.75rem;--select-font-size:1rem;--select-line-height:1.5rem;--select-label-font-size:1rem;--select-label-line-height:1.25rem}.select__label[data-v-ec306731]{font-weight:400;font-size:var(--select-label-font-size);line-height:var(--select-label-line-height);color:var(--theme-neutral-text-title);cursor:pointer;padding:.375rem .5rem}.select__field[data-v-ec306731]{min-height:var(--select-field-height);background-color:var(--theme-neutral-0);border:.0625rem solid var(--select-border-color);border-radius:var(--select-field-radius);transition:border-color var(--animation-duration-fast) ease;align-items:center;gap:.25rem;padding:.25rem .5rem;display:flex;position:relative}.select[data-v-ec306731] .popover-trigger{position:absolute;inset:0}.select__trigger[data-v-ec306731]{border-radius:inherit;cursor:pointer;background:0 0;border:none;width:100%;height:100%;padding:0}.select__trigger[data-v-ec306731]:disabled{cursor:not-allowed}.select__content[data-v-ec306731]{z-index:1;pointer-events:none;flex:auto;align-items:center;gap:.25rem;min-width:0;display:flex;position:relative}.select__chips[data-v-ec306731]{flex:0 auto;align-items:center;gap:.25rem;min-width:0;display:flex;overflow:hidden}.select__value[data-v-ec306731],.select__placeholder[data-v-ec306731]{min-width:0;font-weight:400;font-size:var(--select-font-size);line-height:var(--select-line-height);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.select__value[data-v-ec306731]{color:var(--theme-neutral-text-body)}.select__placeholder[data-v-ec306731]{color:var(--theme-neutral-550)}.select__chip[data-v-ec306731]{max-width:100%;height:1.125rem;color:var(--theme-neutral-text-subtitle);background-color:var(--theme-neutral-surface-icon);border-radius:.375rem;flex-shrink:0;align-items:center;gap:.5rem;padding:0 .375rem;font-size:.75rem;font-weight:400;line-height:1rem;display:flex}.select__chip-label[data-v-ec306731]{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.select__chip-remove[data-v-ec306731]{color:var(--theme-neutral-icon-caption);cursor:pointer;pointer-events:auto;transition:color var(--animation-duration-fast) ease;background:0 0;border:none;align-items:center;margin:0;padding:0;display:flex}.select__chip-remove[data-v-ec306731]:hover:not(:disabled){color:var(--theme-neutral-text-body)}.select__chip-remove[data-v-ec306731]:focus-visible{outline:.125rem solid var(--theme-primary-500);outline-offset:.125rem}.select__chip-remove[data-v-ec306731]:disabled{cursor:not-allowed}.select__chip-icon[data-v-ec306731],.select__chip-avatar[data-v-ec306731]{flex-shrink:0;width:.75rem;height:.75rem}.select__chip-avatar[data-v-ec306731]{object-fit:cover;border-radius:50%}.select__chip--measured[data-v-ec306731]{visibility:hidden;pointer-events:none;position:absolute;top:0;left:-9999px}.select__chip--counter[data-v-ec306731]{color:var(--theme-neutral-text-caption);flex-shrink:0}.select__arrow[data-v-ec306731]{width:1.125rem;height:1.125rem;color:var(--theme-neutral-text-body);pointer-events:none;transition:transform var(--animation-duration-fast) ease;flex-shrink:0}.select__message[data-v-ec306731]{color:var(--theme-neutral-text-body);margin:0;padding:.25rem .5rem;font-size:.625rem;font-weight:400;line-height:1.2}.select[data-v-ec306731]:hover:not(.select--disabled){--select-border-color:var(--theme-primary-300)}.select--open[data-v-ec306731],.select--open[data-v-ec306731]:hover{--select-border-color:var(--theme-primary-500)}.select--open .select__arrow[data-v-ec306731]{transform:rotate(180deg)}.select--invalid[data-v-ec306731]{--select-border-color:var(--theme-error-500)}.select--invalid .select__label[data-v-ec306731],.select--invalid .select__message[data-v-ec306731]{color:var(--theme-error-500)}.select--invalid[data-v-ec306731]:hover:not(.select--disabled){--select-border-color:var(--theme-error-500)}.select--disabled[data-v-ec306731]{--select-border-color:var(--theme-neutral-border-disabled)}.select--disabled .select__label[data-v-ec306731],.select--disabled .select__value[data-v-ec306731],.select--disabled .select__placeholder[data-v-ec306731],.select--disabled .select__message[data-v-ec306731],.select--disabled .select__arrow[data-v-ec306731]{color:var(--theme-neutral-text-disabled)}.select--disabled .select__label[data-v-ec306731]{cursor:not-allowed}.select__field[data-v-ec306731]:has(.select__trigger:focus-visible){outline:.125rem solid var(--theme-primary-500);outline-offset:.125rem}.select-list[data-v-ec306731]{outline:none;flex-direction:column;gap:.5rem;max-height:15rem;padding:.5rem;display:flex;overflow-y:auto}.select-list__option[data-v-ec306731]{width:100%;min-height:2rem;color:var(--theme-neutral-text-title);text-align:left;cursor:pointer;transition:background-color var(--animation-duration-fast) ease;background-color:#0000;border-radius:.5rem;flex-shrink:0;align-items:flex-start;gap:.5rem;padding:.375rem .5rem;font-size:.875rem;font-weight:400;line-height:1.25rem;display:flex}.select-list__option[data-v-ec306731]:hover:not(.select-list__option--disabled),.select-list__option--active[data-v-ec306731]{background-color:var(--theme-secondary-50)}.select-list__option--disabled[data-v-ec306731]{cursor:not-allowed;opacity:.5}.select-list__label[data-v-ec306731]{white-space:nowrap;text-overflow:ellipsis;flex:auto;min-width:0;overflow:hidden}.select-list__empty[data-v-ec306731]{color:var(--theme-neutral-text-caption);margin:0;padding:.25rem .5rem;font-size:.875rem;line-height:1.25rem}
|
|
@@ -2,7 +2,7 @@ import './Select.css';
|
|
|
2
2
|
import o from "./Select.vue2.js";
|
|
3
3
|
/* empty css */
|
|
4
4
|
import t from "../../../_virtual/_plugin-vue_export-helper.js";
|
|
5
|
-
const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-
|
|
5
|
+
const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-ec306731"]]);
|
|
6
6
|
export {
|
|
7
7
|
m as default
|
|
8
8
|
};
|