mhz-ui 1.3.21 → 1.3.23

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (59) hide show
  1. package/dist/UiBreadcrumbs/UiBreadcrumbs.css +1 -1
  2. package/dist/UiBreadcrumbs/UiBreadcrumbs.js +61 -63
  3. package/dist/UiButton/UiButton.css +1 -1
  4. package/dist/UiButton/UiButton.js +2 -41
  5. package/dist/UiButton-DkJNVTgF.js +45 -0
  6. package/dist/UiButtongroup/UiButtongroup.css +1 -1
  7. package/dist/UiButtongroup/UiButtongroup.js +50 -60
  8. package/dist/UiCalendar/UiCalendar.css +1 -1
  9. package/dist/UiCalendar/UiCalendar.js +128 -157
  10. package/dist/UiChart/UiChart.css +1 -1
  11. package/dist/UiChart/UiChart.js +7573 -8093
  12. package/dist/UiCheckbox/UiCheckbox.css +1 -1
  13. package/dist/UiCheckbox/UiCheckbox.js +116 -105
  14. package/dist/UiChip/UiChip.css +1 -1
  15. package/dist/UiChip/UiChip.js +48 -56
  16. package/dist/UiClose/UiClose.css +1 -1
  17. package/dist/UiClose/UiClose.js +2 -33
  18. package/dist/UiClose-BQmeCbRi.js +22 -0
  19. package/dist/UiEditor/UiEditor.css +1 -1
  20. package/dist/UiEditor/UiEditor.js +13012 -16496
  21. package/dist/UiField/UiField.css +1 -1
  22. package/dist/UiField/UiField.js +29 -42
  23. package/dist/UiFlex/UiFlex.css +1 -1
  24. package/dist/UiFlex/UiFlex.js +42 -43
  25. package/dist/UiInput/UiInput.css +1 -1
  26. package/dist/UiInput/UiInput.js +2 -125
  27. package/dist/UiInput-DHFttLTG.js +133 -0
  28. package/dist/UiModal/UiModal.css +1 -1
  29. package/dist/UiModal/UiModal.js +74 -106
  30. package/dist/UiPagination/UiPagination.css +1 -1
  31. package/dist/UiPagination/UiPagination.js +50 -58
  32. package/dist/UiRange/UiRange.css +1 -1
  33. package/dist/UiRange/UiRange.js +1384 -918
  34. package/dist/UiSearch/UiSearch.css +1 -1
  35. package/dist/UiSearch/UiSearch.js +118 -143
  36. package/dist/UiSelect/UiSelect.css +1 -1
  37. package/dist/UiSelect/UiSelect.js +167 -171
  38. package/dist/UiSlider/UiSlider.css +1 -1
  39. package/dist/UiSlider/UiSlider.js +41 -56
  40. package/dist/UiSpoiler/UiSpoiler.css +1 -1
  41. package/dist/UiSpoiler/UiSpoiler.js +51 -79
  42. package/dist/UiTable/UiTable.css +1 -1
  43. package/dist/UiTable/UiTable.js +76 -97
  44. package/dist/UiTabs/UiTabs.css +1 -1
  45. package/dist/UiTabs/UiTabs.js +24 -32
  46. package/dist/UiTextarea/UiTextarea.css +1 -1
  47. package/dist/UiTextarea/UiTextarea.js +25 -31
  48. package/dist/UiUpload/UiUpload.css +1 -1
  49. package/dist/UiUpload/UiUpload.js +123 -166
  50. package/dist/_plugin-vue_export-helper-Bt71PsSa.js +6 -0
  51. package/dist/dist-CLA-k87a.js +109 -0
  52. package/dist/locales-DIKIa9I3.js +29 -0
  53. package/dist/stubs/stubs.js +13 -15
  54. package/dist/toast/toast.css +1 -1
  55. package/dist/toast/toast.js +43 -41
  56. package/package.json +29 -29
  57. package/dist/_plugin-vue_export-helper-CHgC5LLL.js +0 -9
  58. package/dist/index-DajWja1y.js +0 -31
  59. package/dist/index-Dvnq-rTV.js +0 -109
@@ -1 +1 @@
1
- ._checkbox_4f2xv_1{position:relative;display:flex;flex-direction:row-reverse;gap:8px;width:fit-content;cursor:pointer;user-select:none}._checkbox_4f2xv_1[data-switcher=true]{gap:6px}._checkbox_4f2xv_1:hover ._fake_4f2xv_13{border-color:var(--color-primary)}._checkbox_4f2xv_1:hover ._fake_4f2xv_13[data-switcher=true]{background-color:var(--color-gray-dark);border:none}._checkbox_4f2xv_1:hover ._fake_4f2xv_13[data-disabled=true]:not([data-switcher=true]){border-color:var(--color-gray)}._checkbox_4f2xv_1:hover ._input_4f2xv_23:checked+._fake_4f2xv_13{background-color:var(--color-primary-dark);border-color:var(--color-primary-dark)}._checkbox_4f2xv_1:hover ._input_4f2xv_23:checked+._fake_4f2xv_13[data-disabled=true][data-switcher=true]{background-color:var(--color-gray)}._checkbox_4f2xv_1:hover ._input_4f2xv_23:checked+._fake_4f2xv_13[data-disabled=true]:not([data-switcher=true]){background-color:var(--color-gray);border-color:var(--color-gray)}._checkbox_4f2xv_1[data-disabled=true]{color:var(--color-gray-dark)}._input_4f2xv_23{position:absolute;z-index:1;appearance:none;border:none}._input_4f2xv_23:checked+._fake_4f2xv_13{position:relative;background-color:var(--color-primary);border-color:var(--color-primary)}._input_4f2xv_23:checked+._fake_4f2xv_13 ._line_4f2xv_49{position:absolute;height:2px;background-color:var(--color-white);border-radius:2px}._input_4f2xv_23:checked+._fake_4f2xv_13 ._leftLine_4f2xv_55{top:55%;left:10%;width:40%;transform:rotate(45deg)}._input_4f2xv_23:checked+._fake_4f2xv_13 ._rightLine_4f2xv_61{top:45%;left:30%;width:65%;transform:rotate(-45deg)}._input_4f2xv_23:checked+._fake_4f2xv_13[data-switcher=true]:before{transform:translate(12px)}._fake_4f2xv_13{z-index:0;flex-shrink:0;width:20px;height:20px;margin-top:2px;cursor:pointer;outline:none;border:1px solid var(--color-gray-dark);border-radius:4px}._fake_4f2xv_13:focus{width:20px;height:20px;outline:auto}._fake_4f2xv_13[data-switcher=true]{position:relative;width:32px;height:20px;background-color:var(--color-gray);border:none;border-radius:16px;transition:all .3s}._fake_4f2xv_13[data-switcher=true]:before{position:absolute;top:4px;left:4px;width:12px;height:12px;content:"";background-color:var(--color-white);border-radius:50%;transition:all .2s}._fake_4f2xv_13[data-disabled=true]:not([data-switcher=true]){background-color:var(--color-gray);border-color:var(--color-gray)}._fake_4f2xv_13[data-disabled=true]:not([data-switcher=true]):focus{outline:none}._fake_4f2xv_13[data-disabled=true][data-switcher=true]{background-color:var(--color-gray);border-color:var(--color-gray)}._fake_4f2xv_13[data-disabled=true][data-switcher=true]:focus{outline:none}._fake_4f2xv_13[data-error=true]{border-color:var(--color-error)}._labelSub_4f2xv_125{font-size:.875rem;color:var(--color-gray-dark-extra)}._required_4f2xv_130{color:var(--color-error)}.dark ._label_4f2xv_125{color:var(--color-white)}.dark ._labelSub_4f2xv_125{color:var(--color-gray)}.dark ._input_4f2xv_23:checked+._fake_4f2xv_13{background-color:var(--color-primary)}.dark ._fake_4f2xv_13[data-switcher=true]{background-color:var(--color-gray-dark)}
1
+ ._checkbox_4f2xv_1{cursor:pointer;-webkit-user-select:none;user-select:none;flex-direction:row-reverse;gap:8px;width:-moz-fit-content;width:fit-content;display:flex;position:relative}._checkbox_4f2xv_1[data-switcher=true]{gap:6px}._checkbox_4f2xv_1:hover ._fake_4f2xv_13{border-color:var(--color-primary)}._checkbox_4f2xv_1:hover ._fake_4f2xv_13[data-switcher=true]{background-color:var(--color-gray-dark);border:none}._checkbox_4f2xv_1:hover ._fake_4f2xv_13[data-disabled=true]:not([data-switcher=true]){border-color:var(--color-gray)}._checkbox_4f2xv_1:hover ._input_4f2xv_23:checked+._fake_4f2xv_13{background-color:var(--color-primary-dark);border-color:var(--color-primary-dark)}._checkbox_4f2xv_1:hover ._input_4f2xv_23:checked+._fake_4f2xv_13[data-disabled=true][data-switcher=true]{background-color:var(--color-gray)}._checkbox_4f2xv_1:hover ._input_4f2xv_23:checked+._fake_4f2xv_13[data-disabled=true]:not([data-switcher=true]){background-color:var(--color-gray);border-color:var(--color-gray)}._checkbox_4f2xv_1[data-disabled=true]{color:var(--color-gray-dark)}._input_4f2xv_23{z-index:1;appearance:none;border:none;position:absolute}._input_4f2xv_23:checked+._fake_4f2xv_13{background-color:var(--color-primary);border-color:var(--color-primary);position:relative}._input_4f2xv_23:checked+._fake_4f2xv_13 ._line_4f2xv_49{background-color:var(--color-white);border-radius:2px;height:2px;position:absolute}._input_4f2xv_23:checked+._fake_4f2xv_13 ._leftLine_4f2xv_55{width:40%;top:55%;left:10%;transform:rotate(45deg)}._input_4f2xv_23:checked+._fake_4f2xv_13 ._rightLine_4f2xv_61{width:65%;top:45%;left:30%;transform:rotate(-45deg)}._input_4f2xv_23:checked+._fake_4f2xv_13[data-switcher=true]:before{transform:translate(12px)}._fake_4f2xv_13{z-index:0;cursor:pointer;border:1px solid var(--color-gray-dark);border-radius:4px;outline:none;flex-shrink:0;width:20px;height:20px;margin-top:2px}._fake_4f2xv_13:focus{outline:auto;width:20px;height:20px}._fake_4f2xv_13[data-switcher=true]{background-color:var(--color-gray);border:none;border-radius:16px;width:32px;height:20px;transition:all .3s;position:relative}._fake_4f2xv_13[data-switcher=true]:before{content:"";background-color:var(--color-white);border-radius:50%;width:12px;height:12px;transition:all .2s;position:absolute;top:4px;left:4px}._fake_4f2xv_13[data-disabled=true]:not([data-switcher=true]){background-color:var(--color-gray);border-color:var(--color-gray)}._fake_4f2xv_13[data-disabled=true]:not([data-switcher=true]):focus{outline:none}._fake_4f2xv_13[data-disabled=true][data-switcher=true]{background-color:var(--color-gray);border-color:var(--color-gray)}._fake_4f2xv_13[data-disabled=true][data-switcher=true]:focus{outline:none}._fake_4f2xv_13[data-error=true]{border-color:var(--color-error)}._labelSub_4f2xv_125{color:var(--color-gray-dark-extra);font-size:.875rem}._required_4f2xv_130{color:var(--color-error)}.dark ._label_4f2xv_125{color:var(--color-white)}.dark ._labelSub_4f2xv_125{color:var(--color-gray)}.dark ._input_4f2xv_23:checked+._fake_4f2xv_13{background-color:var(--color-primary)}.dark ._fake_4f2xv_13[data-switcher=true]{background-color:var(--color-gray-dark)}
@@ -1,106 +1,117 @@
1
1
  import "./UiCheckbox.css";
2
- import { defineComponent as h, ref as _, createElementBlock as t, openBlock as a, normalizeClass as s, withModifiers as k, createCommentVNode as i, createElementVNode as o, toDisplayString as d, withKeys as m } from "vue";
3
- import { _ as v } from "../_plugin-vue_export-helper-CHgC5LLL.js";
4
- const c = !1, u = "", S = ["data-disabled", "data-switcher"], w = ["value", "checked", "disabled"], $ = ["data-switcher", "data-disabled", "data-error"], L = /* @__PURE__ */ h({
5
- __name: "UiCheckbox",
6
- props: {
7
- initialValue: { type: [Boolean, String, Number], default: c },
8
- modelValue: { type: [Boolean, String, Number], default: c },
9
- label: { default: u },
10
- labelSub: { default: u },
11
- labelSwitcher: { default: u },
12
- error: { type: [String, Boolean], default: !1 },
13
- isRequired: { type: Boolean },
14
- isDisabled: { type: Boolean },
15
- isSwitcher: { type: Boolean }
16
- },
17
- emits: ["update:modelValue"],
18
- setup(b, { emit: f }) {
19
- const e = b, p = f, n = _();
20
- function y() {
21
- if (n.value) {
22
- const l = n.value.checked ? e.initialValue || !0 : !1;
23
- p("update:modelValue", l);
24
- }
25
- }
26
- return (l, r) => (a(), t("label", {
27
- onClick: r[1] || (r[1] = k(() => {
28
- }, ["stop"])),
29
- "data-disabled": e.isDisabled,
30
- class: s(l.$style.checkbox),
31
- "data-switcher": e.isSwitcher
32
- }, [
33
- e.error ? (a(), t("span", {
34
- key: 0,
35
- class: s(l.$style.required)
36
- }, d(e.error), 3)) : i("", !0),
37
- e.label ? (a(), t("span", {
38
- key: 1,
39
- class: s(l.$style.label)
40
- }, [
41
- o("span", null, d(e.label), 1),
42
- e.labelSub ? (a(), t("span", {
43
- key: 0,
44
- class: s(l.$style.labelSub)
45
- }, d(e.labelSub), 3)) : i("", !0),
46
- e.isRequired ? (a(), t("span", {
47
- key: 1,
48
- class: s(l.$style.required)
49
- }, "*", 2)) : i("", !0)
50
- ], 2)) : i("", !0),
51
- o("input", {
52
- onChange: y,
53
- type: "checkbox",
54
- ref_key: "checkbox",
55
- ref: n,
56
- value: e.initialValue,
57
- checked: !!e.modelValue,
58
- disabled: e.isDisabled,
59
- class: s(l.$style.input),
60
- tabindex: "-1"
61
- }, null, 42, w),
62
- o("div", {
63
- onKeydown: r[0] || (r[0] = m((N) => n.value?.click(), ["space"])),
64
- "data-switcher": e.isSwitcher,
65
- "data-disabled": e.isDisabled,
66
- "data-error": !!e.error,
67
- class: s(l.$style.fake),
68
- tabindex: "0"
69
- }, [
70
- e.isSwitcher ? i("", !0) : (a(), t("div", {
71
- key: 0,
72
- class: s([l.$style.line, l.$style.leftLine])
73
- }, null, 2)),
74
- e.isSwitcher ? i("", !0) : (a(), t("div", {
75
- key: 1,
76
- class: s([l.$style.line, l.$style.rightLine])
77
- }, null, 2))
78
- ], 42, $),
79
- e.labelSwitcher ? (a(), t("span", {
80
- key: 2,
81
- class: s(l.$style.label)
82
- }, [
83
- o("span", null, d(e.labelSwitcher), 1),
84
- e.isRequired ? (a(), t("span", {
85
- key: 0,
86
- class: s(l.$style.required)
87
- }, "*", 2)) : i("", !0)
88
- ], 2)) : i("", !0)
89
- ], 10, S));
90
- }
91
- }), g = "_checkbox_4f2xv_1", x = "_fake_4f2xv_13", V = "_input_4f2xv_23", q = "_line_4f2xv_49", B = "_leftLine_4f2xv_55", C = "_rightLine_4f2xv_61", D = "_labelSub_4f2xv_125", E = "_required_4f2xv_130", U = "_label_4f2xv_125", A = {
92
- checkbox: g,
93
- fake: x,
94
- input: V,
95
- line: q,
96
- leftLine: B,
97
- rightLine: C,
98
- labelSub: D,
99
- required: E,
100
- label: U
101
- }, M = {
102
- $style: A
103
- }, K = /* @__PURE__ */ v(L, [["__cssModules", M]]);
104
- export {
105
- K as default
106
- };
2
+ import { t as _plugin_vue_export_helper_default } from "../_plugin-vue_export-helper-Bt71PsSa.js";
3
+ import { createCommentVNode, createElementBlock, createElementVNode, defineComponent, normalizeClass, openBlock, ref, toDisplayString, withKeys, withModifiers } from "vue";
4
+ var _hoisted_1 = ["data-disabled", "data-switcher"], _hoisted_2 = [
5
+ "value",
6
+ "checked",
7
+ "disabled"
8
+ ], _hoisted_3 = [
9
+ "data-switcher",
10
+ "data-disabled",
11
+ "data-error"
12
+ ], UiCheckbox_default = /* @__PURE__ */ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
13
+ __name: "UiCheckbox",
14
+ props: {
15
+ initialValue: {
16
+ type: [
17
+ Boolean,
18
+ String,
19
+ Number
20
+ ],
21
+ default: !1
22
+ },
23
+ modelValue: {
24
+ type: [
25
+ Boolean,
26
+ String,
27
+ Number
28
+ ],
29
+ default: !1
30
+ },
31
+ label: { default: "" },
32
+ labelSub: { default: "" },
33
+ labelSwitcher: { default: "" },
34
+ error: {
35
+ type: [String, Boolean],
36
+ default: !1
37
+ },
38
+ isRequired: { type: Boolean },
39
+ isDisabled: { type: Boolean },
40
+ isSwitcher: { type: Boolean }
41
+ },
42
+ emits: ["update:modelValue"],
43
+ setup(e, { emit: t }) {
44
+ let n = e, r = t, i = ref();
45
+ function a() {
46
+ i.value && r("update:modelValue", i.value.checked ? n.initialValue || !0 : !1);
47
+ }
48
+ return (e, t) => (openBlock(), createElementBlock("label", {
49
+ onClick: t[1] ||= withModifiers(() => {}, ["stop"]),
50
+ "data-disabled": n.isDisabled,
51
+ class: normalizeClass(e.$style.checkbox),
52
+ "data-switcher": n.isSwitcher
53
+ }, [
54
+ n.error ? (openBlock(), createElementBlock("span", {
55
+ key: 0,
56
+ class: normalizeClass(e.$style.required)
57
+ }, toDisplayString(n.error), 3)) : createCommentVNode("", !0),
58
+ n.label ? (openBlock(), createElementBlock("span", {
59
+ key: 1,
60
+ class: normalizeClass(e.$style.label)
61
+ }, [
62
+ createElementVNode("span", null, toDisplayString(n.label), 1),
63
+ n.labelSub ? (openBlock(), createElementBlock("span", {
64
+ key: 0,
65
+ class: normalizeClass(e.$style.labelSub)
66
+ }, toDisplayString(n.labelSub), 3)) : createCommentVNode("", !0),
67
+ n.isRequired ? (openBlock(), createElementBlock("span", {
68
+ key: 1,
69
+ class: normalizeClass(e.$style.required)
70
+ }, "*", 2)) : createCommentVNode("", !0)
71
+ ], 2)) : createCommentVNode("", !0),
72
+ createElementVNode("input", {
73
+ onChange: a,
74
+ type: "checkbox",
75
+ ref_key: "checkbox",
76
+ ref: i,
77
+ value: n.initialValue,
78
+ checked: !!n.modelValue,
79
+ disabled: n.isDisabled,
80
+ class: normalizeClass(e.$style.input),
81
+ tabindex: "-1"
82
+ }, null, 42, _hoisted_2),
83
+ createElementVNode("div", {
84
+ onKeydown: t[0] ||= withKeys((e) => i.value?.click(), ["space"]),
85
+ "data-switcher": n.isSwitcher,
86
+ "data-disabled": n.isDisabled,
87
+ "data-error": !!n.error,
88
+ class: normalizeClass(e.$style.fake),
89
+ tabindex: "0"
90
+ }, [n.isSwitcher ? createCommentVNode("", !0) : (openBlock(), createElementBlock("div", {
91
+ key: 0,
92
+ class: normalizeClass([e.$style.line, e.$style.leftLine])
93
+ }, null, 2)), n.isSwitcher ? createCommentVNode("", !0) : (openBlock(), createElementBlock("div", {
94
+ key: 1,
95
+ class: normalizeClass([e.$style.line, e.$style.rightLine])
96
+ }, null, 2))], 42, _hoisted_3),
97
+ n.labelSwitcher ? (openBlock(), createElementBlock("span", {
98
+ key: 2,
99
+ class: normalizeClass(e.$style.label)
100
+ }, [createElementVNode("span", null, toDisplayString(n.labelSwitcher), 1), n.isRequired ? (openBlock(), createElementBlock("span", {
101
+ key: 0,
102
+ class: normalizeClass(e.$style.required)
103
+ }, "*", 2)) : createCommentVNode("", !0)], 2)) : createCommentVNode("", !0)
104
+ ], 10, _hoisted_1));
105
+ }
106
+ }), [["__cssModules", { $style: {
107
+ checkbox: "_checkbox_4f2xv_1",
108
+ fake: "_fake_4f2xv_13",
109
+ input: "_input_4f2xv_23",
110
+ line: "_line_4f2xv_49",
111
+ leftLine: "_leftLine_4f2xv_55",
112
+ rightLine: "_rightLine_4f2xv_61",
113
+ labelSub: "_labelSub_4f2xv_125",
114
+ required: "_required_4f2xv_130",
115
+ label: "_label_4f2xv_125"
116
+ } }]]);
117
+ export { UiCheckbox_default as default };
@@ -1 +1 @@
1
- ._chip_1rxqs_1{display:flex;flex-wrap:wrap;gap:4px;align-items:center;min-height:30px;padding:4px 8px 3px;font-size:.875rem;color:var(--color-black);background-color:var(--color-gray-light);border-bottom:1px solid var(--color-gray-dark);border-radius:8px}._chip_1rxqs_1[data-type=success]{color:var(--color-success-dark)}._chip_1rxqs_1[data-type=error]{color:var(--color-error-dark)}._edit_1rxqs_21{display:flex;align-items:center;justify-content:center;width:22px;height:22px;padding:0;color:var(--color-black);cursor:pointer;-webkit-user-select:none;user-select:none;background:none;border:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}.dark ._chip_1rxqs_1{background-color:var(--color-gray-dark);border-bottom:1px solid var(--color-gray-dark-extra)}
1
+ ._chip_1rxqs_1{min-height:30px;color:var(--color-black);background-color:var(--color-gray-light);border-bottom:1px solid var(--color-gray-dark);border-radius:8px;flex-wrap:wrap;align-items:center;gap:4px;padding:4px 8px 3px;font-size:.875rem;display:flex}._chip_1rxqs_1[data-type=success]{color:var(--color-success-dark)}._chip_1rxqs_1[data-type=error]{color:var(--color-error-dark)}._edit_1rxqs_21{width:22px;height:22px;color:var(--color-black);cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:flex}.dark ._chip_1rxqs_1{background-color:var(--color-gray-dark);border-bottom:1px solid var(--color-gray-dark-extra)}
@@ -1,59 +1,51 @@
1
1
  import "./UiChip.css";
2
- import { createElementBlock as n, openBlock as o, createElementVNode as c, defineComponent as m, normalizeClass as r, renderSlot as h, createCommentVNode as d, createBlock as u, createVNode as _, unref as f } from "vue";
3
- import y from "../UiClose/UiClose.js";
4
- import { _ as C } from "../_plugin-vue_export-helper-CHgC5LLL.js";
5
- const k = {
6
- xmlns: "http://www.w3.org/2000/svg",
7
- width: "800",
8
- height: "800",
9
- fill: "currentColor",
10
- viewBox: "0 0 24 24"
2
+ import { t as _plugin_vue_export_helper_default } from "../_plugin-vue_export-helper-Bt71PsSa.js";
3
+ import { t as UiClose_default } from "../UiClose-BQmeCbRi.js";
4
+ import { createBlock, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, normalizeClass, openBlock, renderSlot, unref } from "vue";
5
+ var _hoisted_1$1 = {
6
+ xmlns: "http://www.w3.org/2000/svg",
7
+ width: "800",
8
+ height: "800",
9
+ fill: "currentColor",
10
+ viewBox: "0 0 24 24"
11
11
  };
12
- function w(a, e) {
13
- return o(), n("svg", k, [...e[0] || (e[0] = [
14
- c("path", { d: "M23 4a1 1 0 0 1-1 1h-3a1 1 0 0 1 0-2h3a1 1 0 0 1 1 1M2 3h8.184a3 3 0 1 1 0 2H2a1 1 0 0 1 0-2m10 1a1 1 0 1 0 1-1 1 1 0 0 0-1 1M1 12a1 1 0 0 1 1-1h4.184a3 3 0 1 1 0 2H2a1 1 0 0 1-1-1m7 0a1 1 0 1 0 1-1 1 1 0 0 0-1 1m14-1h-7a1 1 0 0 0 0 2h7a1 1 0 0 0 0-2m0 8h-5a1 1 0 0 0 0 2h5a1 1 0 0 0 0-2M1 20a1 1 0 0 1 1-1h6.184a3 3 0 1 1 0 2H2a1 1 0 0 1-1-1m9 0a1 1 0 1 0 1-1 1 1 0 0 0-1 1" }, null, -1)
15
- ])]);
12
+ function render(e, t) {
13
+ return openBlock(), createElementBlock("svg", _hoisted_1$1, [...t[0] ||= [createElementVNode("path", { d: "M23 4a1 1 0 0 1-1 1h-3a1 1 0 0 1 0-2h3a1 1 0 0 1 1 1M2 3h8.184a3 3 0 1 1 0 2H2a1 1 0 0 1 0-2m10 1a1 1 0 1 0 1-1 1 1 0 0 0-1 1M1 12a1 1 0 0 1 1-1h4.184a3 3 0 1 1 0 2H2a1 1 0 0 1-1-1m7 0a1 1 0 1 0 1-1 1 1 0 0 0-1 1m14-1h-7a1 1 0 0 0 0 2h7a1 1 0 0 0 0-2m0 8h-5a1 1 0 0 0 0 2h5a1 1 0 0 0 0-2M1 20a1 1 0 0 1 1-1h6.184a3 3 0 1 1 0 2H2a1 1 0 0 1-1-1m9 0a1 1 0 1 0 1-1 1 1 0 0 0-1 1" }, null, -1)]]);
16
14
  }
17
- const E = { render: w }, $ = "default", v = ["data-type"], B = /* @__PURE__ */ m({
18
- __name: "UiChip",
19
- props: {
20
- type: { default: $ },
21
- isEdit: { type: Boolean },
22
- isDelete: { type: Boolean }
23
- },
24
- emits: ["edit", "delete"],
25
- setup(a, { emit: e }) {
26
- const s = a, l = e;
27
- return (i, t) => (o(), n("div", {
28
- class: r(i.$style.chip),
29
- "data-type": s.type
30
- }, [
31
- h(i.$slots, "default"),
32
- s.isEdit ? (o(), n("button", {
33
- key: 0,
34
- onClick: t[0] || (t[0] = (p) => l("edit")),
35
- type: "button",
36
- class: r(i.$style.edit)
37
- }, [
38
- _(f(E), {
39
- width: "18",
40
- height: "18"
41
- })
42
- ], 2)) : d("", !0),
43
- s.isDelete ? (o(), u(y, {
44
- key: 1,
45
- onClick: t[1] || (t[1] = (p) => l("delete")),
46
- isSmall: "",
47
- isDelete: ""
48
- })) : d("", !0)
49
- ], 10, v));
50
- }
51
- }), M = "_chip_1rxqs_1", g = "_edit_1rxqs_21", x = {
52
- chip: M,
53
- edit: g
54
- }, D = {
55
- $style: x
56
- }, V = /* @__PURE__ */ C(B, [["__cssModules", D]]);
57
- export {
58
- V as default
59
- };
15
+ var edit_default = { render }, _hoisted_1 = ["data-type"], UiChip_default = /* @__PURE__ */ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
16
+ __name: "UiChip",
17
+ props: {
18
+ type: { default: "default" },
19
+ isEdit: { type: Boolean },
20
+ isDelete: { type: Boolean }
21
+ },
22
+ emits: ["edit", "delete"],
23
+ setup(e, { emit: n }) {
24
+ let r = e, i = n;
25
+ return (e, n) => (openBlock(), createElementBlock("div", {
26
+ class: normalizeClass(e.$style.chip),
27
+ "data-type": r.type
28
+ }, [
29
+ renderSlot(e.$slots, "default"),
30
+ r.isEdit ? (openBlock(), createElementBlock("button", {
31
+ key: 0,
32
+ onClick: n[0] ||= (e) => i("edit"),
33
+ type: "button",
34
+ class: normalizeClass(e.$style.edit)
35
+ }, [createVNode(unref(edit_default), {
36
+ width: "18",
37
+ height: "18"
38
+ })], 2)) : createCommentVNode("", !0),
39
+ r.isDelete ? (openBlock(), createBlock(UiClose_default, {
40
+ key: 1,
41
+ onClick: n[1] ||= (e) => i("delete"),
42
+ isSmall: "",
43
+ isDelete: ""
44
+ })) : createCommentVNode("", !0)
45
+ ], 10, _hoisted_1));
46
+ }
47
+ }), [["__cssModules", { $style: {
48
+ chip: "_chip_1rxqs_1",
49
+ edit: "_edit_1rxqs_21"
50
+ } }]]);
51
+ export { UiChip_default as default };
@@ -1 +1 @@
1
- ._close_qse0c_1{position:relative;width:36px;height:36px;color:var(--color-white);cursor:pointer;outline:none;background-color:var(--color-gray-dark);border:none;border-radius:50%}._close_qse0c_1[data-delete=true]{background-color:var(--color-error)}._close_qse0c_1[data-delete=true]:hover{background-color:var(--color-error-dark)}._close_qse0c_1[data-small=true]{width:22px;height:22px}._close_qse0c_1[data-small=true] ._line_qse0c_22{left:6px;width:10px;height:1px;border-radius:2px}._close_qse0c_1 ._line_qse0c_22{position:absolute;left:9px;width:18px;height:2px;background-color:var(--color-white);border-radius:4px;rotate:45deg}._close_qse0c_1 ._line_qse0c_22:last-child{rotate:135deg}._close_qse0c_1:hover,.dark ._close_qse0c_1{background-color:var(--color-gray-dark-extra)}.dark ._close_qse0c_1[data-delete=true]{background-color:var(--color-error-dark)}
1
+ ._close_qse0c_1{width:36px;height:36px;color:var(--color-white);cursor:pointer;background-color:var(--color-gray-dark);border:none;border-radius:50%;outline:none;position:relative}._close_qse0c_1[data-delete=true]{background-color:var(--color-error)}._close_qse0c_1[data-delete=true]:hover{background-color:var(--color-error-dark)}._close_qse0c_1[data-small=true]{width:22px;height:22px}._close_qse0c_1[data-small=true] ._line_qse0c_22{border-radius:2px;width:10px;height:1px;left:6px}._close_qse0c_1 ._line_qse0c_22{background-color:var(--color-white);border-radius:4px;width:18px;height:2px;position:absolute;left:9px;rotate:45deg}._close_qse0c_1 ._line_qse0c_22:last-child{rotate:135deg}._close_qse0c_1:hover,.dark ._close_qse0c_1{background-color:var(--color-gray-dark-extra)}.dark ._close_qse0c_1[data-delete=true]{background-color:var(--color-error-dark)}
@@ -1,34 +1,3 @@
1
1
  import "./UiClose.css";
2
- import { defineComponent as n, createElementBlock as a, openBlock as c, normalizeClass as s, createElementVNode as t } from "vue";
3
- import { _ as i } from "../_plugin-vue_export-helper-CHgC5LLL.js";
4
- const _ = ["data-small", "data-delete"], r = /* @__PURE__ */ n({
5
- __name: "UiClose",
6
- props: {
7
- isSmall: { type: Boolean },
8
- isDelete: { type: Boolean }
9
- },
10
- setup(o) {
11
- const l = o;
12
- return (e, y) => (c(), a("button", {
13
- class: s(e.$style.close),
14
- type: "button",
15
- "data-small": l.isSmall,
16
- "data-delete": l.isDelete
17
- }, [
18
- t("div", {
19
- class: s(e.$style.line)
20
- }, null, 2),
21
- t("div", {
22
- class: s(e.$style.line)
23
- }, null, 2)
24
- ], 10, _));
25
- }
26
- }), d = "_close_qse0c_1", m = "_line_qse0c_22", p = {
27
- close: d,
28
- line: m
29
- }, u = {
30
- $style: p
31
- }, C = /* @__PURE__ */ i(r, [["__cssModules", u]]);
32
- export {
33
- C as default
34
- };
2
+ import { t as UiClose_default } from "../UiClose-BQmeCbRi.js";
3
+ export { UiClose_default as default };
@@ -0,0 +1,22 @@
1
+ import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper-Bt71PsSa.js";
2
+ import { createElementBlock, createElementVNode, defineComponent, normalizeClass, openBlock } from "vue";
3
+ var _hoisted_1 = ["data-small", "data-delete"], UiClose_default = /* @__PURE__ */ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
4
+ __name: "UiClose",
5
+ props: {
6
+ isSmall: { type: Boolean },
7
+ isDelete: { type: Boolean }
8
+ },
9
+ setup(e) {
10
+ let t = e;
11
+ return (e, n) => (openBlock(), createElementBlock("button", {
12
+ class: normalizeClass(e.$style.close),
13
+ type: "button",
14
+ "data-small": t.isSmall,
15
+ "data-delete": t.isDelete
16
+ }, [createElementVNode("div", { class: normalizeClass(e.$style.line) }, null, 2), createElementVNode("div", { class: normalizeClass(e.$style.line) }, null, 2)], 10, _hoisted_1));
17
+ }
18
+ }), [["__cssModules", { $style: {
19
+ close: "_close_qse0c_1",
20
+ line: "_line_qse0c_22"
21
+ } }]]);
22
+ export { UiClose_default as t };
@@ -1 +1 @@
1
- ._container_85du8_1{display:flex;flex-direction:column;width:100%;border:1px solid var(--color-gray);border-radius:16px}._container_85du8_1:focus-within{border:1px solid var(--color-primary)}._container_85du8_1:hover{cursor:text}._container_85du8_1:hover:not(:focus-within){border:1px solid var(--color-gray-dark-extra)}._actions_85du8_18{display:flex;gap:4px;padding:4px;border-bottom:1px solid var(--color-gray)}._action_85du8_18{display:flex;align-items:center;justify-content:center;min-width:32px;padding:8px;font-weight:700;cursor:pointer;background-color:var(--color-transparent);border:none;border-radius:8px}._action_85du8_18:hover{background-color:var(--color-primary-light)}._editor_85du8_41{padding:8px 16px;font-size:1rem;outline:none}._editor_85du8_41 .ProseMirror{outline:none}.dark ._container_85du8_1{background-color:var(--color-gray-dark);border:1px solid var(--color-gray-dark-extra)}.dark ._editor_85du8_41{color:var(--color-black)}
1
+ ._container_85du8_1{border:1px solid var(--color-gray);border-radius:16px;flex-direction:column;width:100%;display:flex}._container_85du8_1:focus-within{border:1px solid var(--color-primary)}._container_85du8_1:hover{cursor:text}._container_85du8_1:hover:not(:focus-within){border:1px solid var(--color-gray-dark-extra)}._actions_85du8_18{border-bottom:1px solid var(--color-gray);gap:4px;padding:4px;display:flex}._action_85du8_18{cursor:pointer;background-color:var(--color-transparent);border:none;border-radius:8px;justify-content:center;align-items:center;min-width:32px;padding:8px;font-weight:700;display:flex}._action_85du8_18:hover{background-color:var(--color-primary-light)}._editor_85du8_41{outline:none;padding:8px 16px;font-size:1rem}._editor_85du8_41 .ProseMirror{outline:none}.dark ._container_85du8_1{background-color:var(--color-gray-dark);border:1px solid var(--color-gray-dark-extra)}.dark ._editor_85du8_41{color:var(--color-black)}