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
- ._breadcrumbs_n4ipm_1{display:flex;flex-wrap:wrap;gap:4px}._links_n4ipm_7{display:flex;gap:4px}._link_n4ipm_7{color:var(--color-gray-dark);text-decoration:none}._link_n4ipm_7[data-link=true]{color:var(--color-primary);cursor:pointer}._link_n4ipm_7[data-link=true]:hover{color:var(--color-primary-dark)}._link_n4ipm_7[data-color=white]{color:var(--color-white)}._link_n4ipm_7[data-color=white]:hover{color:var(--color-gray-light)}._slash_n4ipm_30{color:var(--color-gray-dark)}._slash_n4ipm_30[data-color=white],.dark ._link_n4ipm_7{color:var(--color-white)}.dark ._link_n4ipm_7:hover{color:var(--color-gray)}
1
+ ._breadcrumbs_n4ipm_1{flex-wrap:wrap;gap:4px;display:flex}._links_n4ipm_7{gap:4px;display:flex}._link_n4ipm_7{color:var(--color-gray-dark);text-decoration:none}._link_n4ipm_7[data-link=true]{color:var(--color-primary);cursor:pointer}._link_n4ipm_7[data-link=true]:hover{color:var(--color-primary-dark)}._link_n4ipm_7[data-color=white]{color:var(--color-white)}._link_n4ipm_7[data-color=white]:hover{color:var(--color-gray-light)}._slash_n4ipm_30{color:var(--color-gray-dark)}._slash_n4ipm_30[data-color=white],.dark ._link_n4ipm_7{color:var(--color-white)}.dark ._link_n4ipm_7:hover{color:var(--color-gray)}
@@ -1,64 +1,62 @@
1
1
  import "./UiBreadcrumbs.css";
2
- import { defineComponent as m, computed as p, createElementBlock as a, openBlock as s, normalizeClass as n, Fragment as d, renderList as _, createBlock as u, createCommentVNode as h, createElementVNode as r, resolveDynamicComponent as k, withCtx as b, toDisplayString as y } from "vue";
3
- import { RouterLink as L } from "vue-router";
4
- import { _ as f } from "../_plugin-vue_export-helper-CHgC5LLL.js";
5
- const g = "default", B = "Breadcrumb", C = ["aria-label"], $ = { itemprop: "name" }, E = ["data-color"], v = ["content"], A = /* @__PURE__ */ m({
6
- __name: "UiBreadcrumbs",
7
- props: {
8
- links: {},
9
- color: { default: g },
10
- ariaLabel: { default: B }
11
- },
12
- setup(i) {
13
- const t = i, c = p(() => window.IS_STORYBOOK ? "a" : L);
14
- return (o, w) => (s(), a("div", {
15
- class: n(o.$style.breadcrumbs),
16
- "aria-label": t.ariaLabel,
17
- itemscope: "",
18
- itemtype: "https://schema.org/BreadcrumbList"
19
- }, [
20
- (s(!0), a(d, null, _(t.links, (e, l) => (s(), a("div", {
21
- key: `${e.title}${e.url}`,
22
- class: n(o.$style.links),
23
- itemprop: "itemListElement",
24
- itemscope: "",
25
- itemtype: "https://schema.org/ListItem"
26
- }, [
27
- (s(), u(k(l === t.links.length - 1 ? "div" : c.value), {
28
- to: e.url,
29
- class: n(o.$style.link),
30
- "data-link": l !== t.links.length - 1,
31
- "data-color": t.color,
32
- itemid: e.url,
33
- itemtype: "https://schema.org/Thing",
34
- itemscope: "",
35
- itemprop: "item"
36
- }, {
37
- default: b(() => [
38
- r("span", $, y(e.title), 1)
39
- ]),
40
- _: 2
41
- }, 1032, ["to", "class", "data-link", "data-color", "itemid"])),
42
- l !== t.links.length - 1 ? (s(), a("span", {
43
- key: 0,
44
- class: n(o.$style.slash),
45
- "data-color": t.color
46
- }, "/", 10, E)) : h("", !0),
47
- r("meta", {
48
- itemprop: "position",
49
- content: (l + 1).toString()
50
- }, null, 8, v)
51
- ], 2))), 128))
52
- ], 10, C));
53
- }
54
- }), O = "_breadcrumbs_n4ipm_1", D = "_links_n4ipm_7", R = "_link_n4ipm_7", S = "_slash_n4ipm_30", T = {
55
- breadcrumbs: O,
56
- links: D,
57
- link: R,
58
- slash: S
59
- }, U = {
60
- $style: T
61
- }, N = /* @__PURE__ */ f(A, [["__cssModules", U]]);
62
- export {
63
- N as default
64
- };
2
+ import { t as _plugin_vue_export_helper_default } from "../_plugin-vue_export-helper-Bt71PsSa.js";
3
+ import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, defineComponent, normalizeClass, openBlock, renderList, resolveDynamicComponent, toDisplayString, withCtx } from "vue";
4
+ import { RouterLink } from "vue-router";
5
+ var _hoisted_1 = ["aria-label"], _hoisted_2 = { itemprop: "name" }, _hoisted_3 = ["data-color"], _hoisted_4 = ["content"], UiBreadcrumbs_default = /* @__PURE__ */ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
6
+ __name: "UiBreadcrumbs",
7
+ props: {
8
+ links: {},
9
+ color: { default: "default" },
10
+ ariaLabel: { default: "Breadcrumb" }
11
+ },
12
+ setup(e) {
13
+ let r = e, i = computed(() => window.IS_STORYBOOK ? "a" : RouterLink);
14
+ return (e, n) => (openBlock(), createElementBlock("div", {
15
+ class: normalizeClass(e.$style.breadcrumbs),
16
+ "aria-label": r.ariaLabel,
17
+ itemscope: "",
18
+ itemtype: "https://schema.org/BreadcrumbList"
19
+ }, [(openBlock(!0), createElementBlock(Fragment, null, renderList(r.links, (t, n) => (openBlock(), createElementBlock("div", {
20
+ key: `${t.title}${t.url}`,
21
+ class: normalizeClass(e.$style.links),
22
+ itemprop: "itemListElement",
23
+ itemscope: "",
24
+ itemtype: "https://schema.org/ListItem"
25
+ }, [
26
+ (openBlock(), createBlock(resolveDynamicComponent(n === r.links.length - 1 ? "div" : i.value), {
27
+ to: t.url,
28
+ class: normalizeClass(e.$style.link),
29
+ "data-link": n !== r.links.length - 1,
30
+ "data-color": r.color,
31
+ itemid: t.url,
32
+ itemtype: "https://schema.org/Thing",
33
+ itemscope: "",
34
+ itemprop: "item"
35
+ }, {
36
+ default: withCtx(() => [createElementVNode("span", _hoisted_2, toDisplayString(t.title), 1)]),
37
+ _: 2
38
+ }, 1032, [
39
+ "to",
40
+ "class",
41
+ "data-link",
42
+ "data-color",
43
+ "itemid"
44
+ ])),
45
+ n === r.links.length - 1 ? createCommentVNode("", !0) : (openBlock(), createElementBlock("span", {
46
+ key: 0,
47
+ class: normalizeClass(e.$style.slash),
48
+ "data-color": r.color
49
+ }, "/", 10, _hoisted_3)),
50
+ createElementVNode("meta", {
51
+ itemprop: "position",
52
+ content: (n + 1).toString()
53
+ }, null, 8, _hoisted_4)
54
+ ], 2))), 128))], 10, _hoisted_1));
55
+ }
56
+ }), [["__cssModules", { $style: {
57
+ breadcrumbs: "_breadcrumbs_n4ipm_1",
58
+ links: "_links_n4ipm_7",
59
+ link: "_link_n4ipm_7",
60
+ slash: "_slash_n4ipm_30"
61
+ } }]]);
62
+ export { UiBreadcrumbs_default as default };
@@ -1 +1 @@
1
- ._button_gju7c_1{position:relative;display:inline-flex;flex-shrink:0;gap:8px;align-items:center;justify-content:center;height:40px;padding:16px 32px;overflow:hidden;font-size:.875rem;line-height:1.5;color:var(--color-white);white-space:nowrap;text-decoration:none;user-select:none;background:var(--color-primary);border:2px solid var(--color-transparent);border-radius:16px;transition:all .2s}._button_gju7c_1:hover{color:var(--color-white);cursor:pointer;background:var(--color-primary-dark);border-color:var(--color-transparent)}._button_gju7c_1:disabled{color:var(--color-gray-dark-extra);cursor:default;background:var(--color-gray-light-extra)}._button_gju7c_1[data-large-font=true]{font-size:1.125rem}._button_gju7c_1[data-narrow=true]{padding-right:14px;padding-left:14px}._button_gju7c_1[data-tall=true]{padding-top:28px;padding-bottom:28px}._button_gju7c_1[data-wrap=true]{text-align:left;white-space:normal}._button_gju7c_1[data-layout=accent]{background:var(--color-accent)}._button_gju7c_1[data-layout=accent]:hover{background:var(--color-accent-dark)}._button_gju7c_1[data-layout=accent]:disabled{color:var(--color-gray-dark-extra);cursor:default;background:var(--color-gray-light-extra)}._button_gju7c_1[data-layout=gradient]{font-weight:700;background:linear-gradient(340deg,var(--color-accent) 20%,var(--color-accent-light) 96%);border:linear-gradient(340deg,var(--color-accent) 20%,var(--color-accent-light) 96%)}._button_gju7c_1[data-layout=gradient]:hover{filter:hue-rotate(15deg)}._button_gju7c_1[data-layout=secondary]{color:var(--color-primary);background-color:var(--color-transparent);border-color:var(--color-primary)}._button_gju7c_1[data-layout=secondary]:hover{color:var(--color-primary-dark);border-color:var(--color-primary-dark)}._button_gju7c_1[data-layout=secondary]:disabled{color:var(--color-gray-dark-extra);cursor:default;background:var(--color-white);border-color:var(--color-gray-light-extra)}._button_gju7c_1[data-layout=plain]{height:auto;padding:0;font-size:1rem;color:var(--color-primary);background:none;border:none;border-radius:0}._button_gju7c_1[data-layout=plain]:hover{color:var(--color-primary-dark)}._button_gju7c_1[data-layout=plain]:disabled{color:var(--color-gray-dark-extra)}.dark ._button_gju7c_1:disabled{color:var(--color-gray);background:var(--color-gray-dark-extra)}.dark ._button_gju7c_1[data-layout=secondary]{color:var(--color-white);border-color:var(--color-white)}.dark ._button_gju7c_1[data-layout=secondary]:hover{color:var(--color-gray);border-color:var(--color-gray)}.dark ._button_gju7c_1[data-layout=secondary]:disabled{color:var(--color-gray-dark-extra);background:none;border-color:var(--color-gray-dark-extra)}.dark ._button_gju7c_1[data-layout=plain]{color:var(--color-white)}.dark ._button_gju7c_1[data-layout=plain]:hover{color:var(--color-gray)}.dark ._button_gju7c_1[data-layout=plain]:disabled{color:var(--color-gray-dark-extra);background:none}
1
+ ._button_gju7c_1{height:40px;color:var(--color-white);white-space:nowrap;-webkit-user-select:none;user-select:none;background:var(--color-primary);border:2px solid var(--color-transparent);border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;gap:8px;padding:16px 32px;font-size:.875rem;line-height:1.5;text-decoration:none;transition:all .2s;display:inline-flex;position:relative;overflow:hidden}._button_gju7c_1:hover{color:var(--color-white);cursor:pointer;background:var(--color-primary-dark);border-color:var(--color-transparent)}._button_gju7c_1:disabled{color:var(--color-gray-dark-extra);cursor:default;background:var(--color-gray-light-extra)}._button_gju7c_1[data-large-font=true]{font-size:1.125rem}._button_gju7c_1[data-narrow=true]{padding-left:14px;padding-right:14px}._button_gju7c_1[data-tall=true]{padding-top:28px;padding-bottom:28px}._button_gju7c_1[data-wrap=true]{text-align:left;white-space:normal}._button_gju7c_1[data-layout=accent]{background:var(--color-accent)}._button_gju7c_1[data-layout=accent]:hover{background:var(--color-accent-dark)}._button_gju7c_1[data-layout=accent]:disabled{color:var(--color-gray-dark-extra);cursor:default;background:var(--color-gray-light-extra)}._button_gju7c_1[data-layout=gradient]{background:linear-gradient(340deg, var(--color-accent) 20%, var(--color-accent-light) 96%);border:linear-gradient(340deg, var(--color-accent) 20%, var(--color-accent-light) 96%);font-weight:700}._button_gju7c_1[data-layout=gradient]:hover{filter:hue-rotate(15deg)}._button_gju7c_1[data-layout=secondary]{color:var(--color-primary);background-color:var(--color-transparent);border-color:var(--color-primary)}._button_gju7c_1[data-layout=secondary]:hover{color:var(--color-primary-dark);border-color:var(--color-primary-dark)}._button_gju7c_1[data-layout=secondary]:disabled{color:var(--color-gray-dark-extra);cursor:default;background:var(--color-white);border-color:var(--color-gray-light-extra)}._button_gju7c_1[data-layout=plain]{height:auto;color:var(--color-primary);background:0 0;border:none;border-radius:0;padding:0;font-size:1rem}._button_gju7c_1[data-layout=plain]:hover{color:var(--color-primary-dark)}._button_gju7c_1[data-layout=plain]:disabled{color:var(--color-gray-dark-extra)}.dark ._button_gju7c_1:disabled{color:var(--color-gray);background:var(--color-gray-dark-extra)}.dark ._button_gju7c_1[data-layout=secondary]{color:var(--color-white);border-color:var(--color-white)}.dark ._button_gju7c_1[data-layout=secondary]:hover{color:var(--color-gray);border-color:var(--color-gray)}.dark ._button_gju7c_1[data-layout=secondary]:disabled{color:var(--color-gray-dark-extra);border-color:var(--color-gray-dark-extra);background:0 0}.dark ._button_gju7c_1[data-layout=plain]{color:var(--color-white)}.dark ._button_gju7c_1[data-layout=plain]:hover{color:var(--color-gray)}.dark ._button_gju7c_1[data-layout=plain]:disabled{color:var(--color-gray-dark-extra);background:0 0}
@@ -1,42 +1,3 @@
1
1
  import "./UiButton.css";
2
- import { defineComponent as l, createElementBlock as s, openBlock as e, normalizeClass as n, createBlock as r, createCommentVNode as i, renderSlot as d, resolveDynamicComponent as c } from "vue";
3
- import { _ as u } from "../_plugin-vue_export-helper-CHgC5LLL.js";
4
- const p = "primary", y = "button", _ = void 0, b = "Button", m = ["data-layout", "data-large-font", "data-narrow", "data-tall", "data-wrap", "disabled", "type", "aria-label", "aria-disabled"], f = /* @__PURE__ */ l({
5
- __name: "UiButton",
6
- props: {
7
- layout: { default: p },
8
- type: { default: y },
9
- isLargeFont: { type: Boolean },
10
- isDisabled: { type: Boolean },
11
- isNarrow: { type: Boolean },
12
- isTall: { type: Boolean },
13
- isWrap: { type: Boolean },
14
- icon: { type: [Function, Object], default: _ },
15
- ariaLabel: { default: b }
16
- },
17
- setup(o) {
18
- const t = o;
19
- return (a, D) => (e(), s("button", {
20
- class: n(a.$style.button),
21
- "data-layout": t.layout,
22
- "data-large-font": t.isLargeFont,
23
- "data-narrow": t.isNarrow,
24
- "data-tall": t.isTall,
25
- "data-wrap": t.isWrap,
26
- disabled: t.isDisabled,
27
- type: t.type,
28
- "aria-label": t.ariaLabel,
29
- "aria-disabled": t.isDisabled ? "true" : void 0
30
- }, [
31
- t.icon ? (e(), r(c(t.icon), { key: 0 })) : i("", !0),
32
- d(a.$slots, "default")
33
- ], 10, m));
34
- }
35
- }), B = "_button_gju7c_1", L = {
36
- button: B
37
- }, A = {
38
- $style: L
39
- }, F = /* @__PURE__ */ u(f, [["__cssModules", A]]);
40
- export {
41
- F as default
42
- };
2
+ import { t as UiButton_default } from "../UiButton-DkJNVTgF.js";
3
+ export { UiButton_default as default };
@@ -0,0 +1,45 @@
1
+ import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper-Bt71PsSa.js";
2
+ import { createBlock, createCommentVNode, createElementBlock, defineComponent, normalizeClass, openBlock, renderSlot, resolveDynamicComponent } from "vue";
3
+ var _hoisted_1 = [
4
+ "data-layout",
5
+ "data-large-font",
6
+ "data-narrow",
7
+ "data-tall",
8
+ "data-wrap",
9
+ "disabled",
10
+ "type",
11
+ "aria-label",
12
+ "aria-disabled"
13
+ ], UiButton_default = /* @__PURE__ */ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
14
+ __name: "UiButton",
15
+ props: {
16
+ layout: { default: "primary" },
17
+ type: { default: "button" },
18
+ isLargeFont: { type: Boolean },
19
+ isDisabled: { type: Boolean },
20
+ isNarrow: { type: Boolean },
21
+ isTall: { type: Boolean },
22
+ isWrap: { type: Boolean },
23
+ icon: {
24
+ type: [Function, Object],
25
+ default: void 0
26
+ },
27
+ ariaLabel: { default: "Button" }
28
+ },
29
+ setup(e) {
30
+ let t = e;
31
+ return (e, n) => (openBlock(), createElementBlock("button", {
32
+ class: normalizeClass(e.$style.button),
33
+ "data-layout": t.layout,
34
+ "data-large-font": t.isLargeFont,
35
+ "data-narrow": t.isNarrow,
36
+ "data-tall": t.isTall,
37
+ "data-wrap": t.isWrap,
38
+ disabled: t.isDisabled,
39
+ type: t.type,
40
+ "aria-label": t.ariaLabel,
41
+ "aria-disabled": t.isDisabled ? "true" : void 0
42
+ }, [t.icon ? (openBlock(), createBlock(resolveDynamicComponent(t.icon), { key: 0 })) : createCommentVNode("", !0), renderSlot(e.$slots, "default")], 10, _hoisted_1));
43
+ }
44
+ }), [["__cssModules", { $style: { button: "_button_gju7c_1" } }]]);
45
+ export { UiButton_default as t };
@@ -1 +1 @@
1
- ._container_vmc7v_1{display:flex;flex-grow:1;flex-direction:column;gap:4px;width:100%}._options_vmc7v_9{display:flex;height:40px;border:1px solid var(--color-gray);border-radius:16px}._options_vmc7v_9[data-tall=true]{height:52px}._button_vmc7v_19{display:flex;flex-grow:1;align-items:center;justify-content:center;font-size:1rem;color:var(--color-black);cursor:pointer;background-color:var(--color-gray-light);border:none}._button_vmc7v_19:first-child{border-top-left-radius:16px;border-bottom-left-radius:16px}._button_vmc7v_19[data-fill=true]:last-child{border-top-right-radius:16px;border-bottom-right-radius:16px}._button_vmc7v_19[data-current=true]{color:var(--color-white);background-color:var(--color-accent-dark)}._input_vmc7v_43{min-width:60px;max-width:80px;font-size:1rem;text-align:center;outline:none;border:none;border-top-right-radius:16px;border-bottom-right-radius:16px}.dark ._options_vmc7v_9{border:none}.dark ._button_vmc7v_19{background-color:var(--color-gray-dark)}.dark ._button_vmc7v_19[data-current=true]{color:var(--color-white);background-color:var(--color-accent-dark)}.dark ._title_vmc7v_64{color:var(--color-white)}
1
+ ._container_vmc7v_1{flex-direction:column;flex-grow:1;gap:4px;width:100%;display:flex}._options_vmc7v_9{border:1px solid var(--color-gray);border-radius:16px;height:40px;display:flex}._options_vmc7v_9[data-tall=true]{height:52px}._button_vmc7v_19{color:var(--color-black);cursor:pointer;background-color:var(--color-gray-light);border:none;flex-grow:1;justify-content:center;align-items:center;font-size:1rem;display:flex}._button_vmc7v_19:first-child{border-top-left-radius:16px;border-bottom-left-radius:16px}._button_vmc7v_19[data-fill=true]:last-child{border-top-right-radius:16px;border-bottom-right-radius:16px}._button_vmc7v_19[data-current=true]{color:var(--color-white);background-color:var(--color-accent-dark)}._input_vmc7v_43{text-align:center;border:none;border-top-right-radius:16px;border-bottom-right-radius:16px;outline:none;min-width:60px;max-width:80px;font-size:1rem}.dark ._options_vmc7v_9{border:none}.dark ._button_vmc7v_19{background-color:var(--color-gray-dark)}.dark ._button_vmc7v_19[data-current=true]{color:var(--color-white);background-color:var(--color-accent-dark)}.dark ._title_vmc7v_64{color:var(--color-white)}
@@ -1,61 +1,51 @@
1
1
  import "./UiButtongroup.css";
2
- import { defineComponent as d, createElementBlock as s, openBlock as l, normalizeClass as o, createElementVNode as u, toDisplayString as r, createCommentVNode as _, Fragment as y, renderList as v } from "vue";
3
- import { _ as b } from "../_plugin-vue_export-helper-CHgC5LLL.js";
4
- const f = ["data-tall"], V = ["onClick", "data-current", "data-fill"], $ = ["value"], g = /* @__PURE__ */ d({
5
- __name: "UiButtongroup",
6
- props: {
7
- modelValue: {},
8
- options: {},
9
- title: {},
10
- isTall: { type: Boolean },
11
- isInput: { type: Boolean }
12
- },
13
- emits: ["update:modelValue"],
14
- setup(c, { emit: p }) {
15
- const e = c, m = p;
16
- function a(t) {
17
- m("update:modelValue", typeof t == "number" ? t : Number(t.target.value));
18
- }
19
- return (t, i) => (l(), s("div", {
20
- class: o(t.$style.container)
21
- }, [
22
- u("label", {
23
- class: o(t.$style.title)
24
- }, r(e.title), 3),
25
- u("div", {
26
- class: o(t.$style.options),
27
- "data-tall": e.isTall
28
- }, [
29
- (l(!0), s(y, null, v(e.options, (n) => (l(), s("button", {
30
- key: n,
31
- onClick: (M) => a(n),
32
- type: "button",
33
- class: o(t.$style.button),
34
- "data-current": e.modelValue === n,
35
- "data-fill": !e.isInput
36
- }, r(n), 11, V))), 128)),
37
- e.isInput ? (l(), s("input", {
38
- key: 0,
39
- type: "number",
40
- class: o(t.$style.input),
41
- value: e.modelValue,
42
- onChange: i[0] || (i[0] = (n) => a(n)),
43
- step: "1",
44
- min: "1",
45
- max: "60"
46
- }, null, 42, $)) : _("", !0)
47
- ], 10, f)
48
- ], 2));
49
- }
50
- }), k = "_container_vmc7v_1", B = "_options_vmc7v_9", C = "_button_vmc7v_19", h = "_input_vmc7v_43", I = "_title_vmc7v_64", N = {
51
- container: k,
52
- options: B,
53
- button: C,
54
- input: h,
55
- title: I
56
- }, E = {
57
- $style: N
58
- }, z = /* @__PURE__ */ b(g, [["__cssModules", E]]);
59
- export {
60
- z as default
61
- };
2
+ import { t as _plugin_vue_export_helper_default } from "../_plugin-vue_export-helper-Bt71PsSa.js";
3
+ import { Fragment, createCommentVNode, createElementBlock, createElementVNode, defineComponent, normalizeClass, openBlock, renderList, toDisplayString } from "vue";
4
+ var _hoisted_1 = ["data-tall"], _hoisted_2 = [
5
+ "onClick",
6
+ "data-current",
7
+ "data-fill"
8
+ ], _hoisted_3 = ["value"], UiButtongroup_default = /* @__PURE__ */ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
9
+ __name: "UiButtongroup",
10
+ props: {
11
+ modelValue: {},
12
+ options: {},
13
+ title: {},
14
+ isTall: { type: Boolean },
15
+ isInput: { type: Boolean }
16
+ },
17
+ emits: ["update:modelValue"],
18
+ setup(e, { emit: n }) {
19
+ let r = e, i = n;
20
+ function a(e) {
21
+ i("update:modelValue", typeof e == "number" ? e : Number(e.target.value));
22
+ }
23
+ return (e, n) => (openBlock(), createElementBlock("div", { class: normalizeClass(e.$style.container) }, [createElementVNode("label", { class: normalizeClass(e.$style.title) }, toDisplayString(r.title), 3), createElementVNode("div", {
24
+ class: normalizeClass(e.$style.options),
25
+ "data-tall": r.isTall
26
+ }, [(openBlock(!0), createElementBlock(Fragment, null, renderList(r.options, (t) => (openBlock(), createElementBlock("button", {
27
+ key: t,
28
+ onClick: (e) => a(t),
29
+ type: "button",
30
+ class: normalizeClass(e.$style.button),
31
+ "data-current": r.modelValue === t,
32
+ "data-fill": !r.isInput
33
+ }, toDisplayString(t), 11, _hoisted_2))), 128)), r.isInput ? (openBlock(), createElementBlock("input", {
34
+ key: 0,
35
+ type: "number",
36
+ class: normalizeClass(e.$style.input),
37
+ value: r.modelValue,
38
+ onChange: n[0] ||= (e) => a(e),
39
+ step: "1",
40
+ min: "1",
41
+ max: "60"
42
+ }, null, 42, _hoisted_3)) : createCommentVNode("", !0)], 10, _hoisted_1)], 2));
43
+ }
44
+ }), [["__cssModules", { $style: {
45
+ container: "_container_vmc7v_1",
46
+ options: "_options_vmc7v_9",
47
+ button: "_button_vmc7v_19",
48
+ input: "_input_vmc7v_43",
49
+ title: "_title_vmc7v_64"
50
+ } }]]);
51
+ export { UiButtongroup_default as default };
@@ -1 +1 @@
1
- ._container_6dq6w_1{width:100%;overflow:hidden;border:1px solid var(--color-gray);border-radius:8px}._container_6dq6w_1 ._titleBar_6dq6w_7{display:flex;align-items:center;justify-content:space-between;height:40px;padding:8px;font-weight:700;background-color:var(--color-gray-light-extra);border-bottom:1px solid var(--color-gray);border-top-left-radius:8px;border-top-right-radius:8px}._container_6dq6w_1 ._titleBar_6dq6w_7 ._navButton_6dq6w_19{padding:0 8px;font-size:1.25rem;cursor:pointer;background:none;border:none}._container_6dq6w_1 ._headings_6dq6w_26{display:grid;grid-template-columns:repeat(7,1fr);height:37px;border-bottom:1px solid var(--color-gray)}._container_6dq6w_1 ._headings_6dq6w_26 ._weekday_6dq6w_32{display:flex;align-items:center;justify-content:center;text-transform:capitalize}._container_6dq6w_1 ._body_6dq6w_38{display:grid;grid-template-columns:repeat(7,1fr);grid-auto-rows:minmax(72px,auto);gap:0}._container_6dq6w_1 ._cell_6dq6w_44{display:flex;flex-direction:column;gap:2px;align-items:center;justify-content:flex-start;min-height:72px;padding:2px;background-color:var(--color-white);box-shadow:0 0 0 .2px var(--color-gray) inset}._container_6dq6w_1 ._cell_6dq6w_44._today_6dq6w_55 ._cellDate_6dq6w_55{font-weight:700}._container_6dq6w_1 ._cell_6dq6w_44[data-choose=true]{cursor:pointer}._container_6dq6w_1 ._cell_6dq6w_44._outOfRange_6dq6w_61{cursor:not-allowed}._container_6dq6w_1 ._cell_6dq6w_44._outOfRange_6dq6w_61 ._cellDate_6dq6w_55{color:var(--color-gray)}._container_6dq6w_1 ._cellDate_6dq6w_55{display:flex;align-items:center;justify-content:center}._container_6dq6w_1 ._cellEvents_6dq6w_72{display:flex;flex-direction:column;gap:4px;align-items:center;justify-content:flex-start;max-height:calc(100% - 24px);padding-bottom:6px}._container_6dq6w_1 ._event_6dq6w_81{display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;cursor:pointer;-webkit-user-select:none;user-select:none;border:none;border-radius:12px;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}._container_6dq6w_1 ._title_6dq6w_7{display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-size:1.125rem;font-weight:700;line-height:1;color:var(--color-gray-light)}.dark ._container_6dq6w_1{border-color:var(--color-gray-dark-extra)}.dark ._container_6dq6w_1 ._header_6dq6w_111{color:var(--color-white);background-color:var(--color-primary-dark);border-bottom-color:var(--color-gray-dark-extra)}.dark ._container_6dq6w_1 ._header_6dq6w_111 ._titleBar_6dq6w_7{background-color:var(--color-primary-dark);border-bottom-color:var(--color-gray-dark-extra)}.dark ._container_6dq6w_1 ._header_6dq6w_111 ._navButton_6dq6w_19{color:var(--color-gray-dark)}.dark ._container_6dq6w_1 ._header_6dq6w_111 ._headings_6dq6w_26{color:var(--color-white);background-color:var(--color-black);border-right:1px solid var(--color-gray-dark-extra);border-bottom:none;border-left:1px solid var(--color-gray-dark-extra)}.dark ._container_6dq6w_1 ._cell_6dq6w_44{background-color:var(--color-black);box-shadow:0 0 0 .2px var(--color-gray-dark) inset}.dark ._container_6dq6w_1 ._cell_6dq6w_44 ._cellDate_6dq6w_55{color:var(--color-white)}.dark ._container_6dq6w_1 ._cell_6dq6w_44._outOfRange_6dq6w_61 ._cellDate_6dq6w_55{color:var(--color-gray-dark)}
1
+ ._container_6dq6w_1{border:1px solid var(--color-gray);border-radius:8px;width:100%;overflow:hidden}._container_6dq6w_1 ._titleBar_6dq6w_7{background-color:var(--color-gray-light-extra);border-bottom:1px solid var(--color-gray);border-top-left-radius:8px;border-top-right-radius:8px;justify-content:space-between;align-items:center;height:40px;padding:8px;font-weight:700;display:flex}._container_6dq6w_1 ._titleBar_6dq6w_7 ._navButton_6dq6w_19{cursor:pointer;background:0 0;border:none;padding:0 8px;font-size:1.25rem}._container_6dq6w_1 ._headings_6dq6w_26{border-bottom:1px solid var(--color-gray);grid-template-columns:repeat(7,1fr);height:37px;display:grid}._container_6dq6w_1 ._headings_6dq6w_26 ._weekday_6dq6w_32{text-transform:capitalize;justify-content:center;align-items:center;display:flex}._container_6dq6w_1 ._body_6dq6w_38{grid-template-columns:repeat(7,1fr);grid-auto-rows:minmax(72px,auto);gap:0;display:grid}._container_6dq6w_1 ._cell_6dq6w_44{background-color:var(--color-white);min-height:72px;box-shadow:0 0 0 .2px var(--color-gray) inset;flex-direction:column;justify-content:flex-start;align-items:center;gap:2px;padding:2px;display:flex}._container_6dq6w_1 ._cell_6dq6w_44._today_6dq6w_55 ._cellDate_6dq6w_55{font-weight:700}._container_6dq6w_1 ._cell_6dq6w_44[data-choose=true]{cursor:pointer}._container_6dq6w_1 ._cell_6dq6w_44._outOfRange_6dq6w_61{cursor:not-allowed}._container_6dq6w_1 ._cell_6dq6w_44._outOfRange_6dq6w_61 ._cellDate_6dq6w_55{color:var(--color-gray)}._container_6dq6w_1 ._cellDate_6dq6w_55{justify-content:center;align-items:center;display:flex}._container_6dq6w_1 ._cellEvents_6dq6w_72{flex-direction:column;justify-content:flex-start;align-items:center;gap:4px;max-height:calc(100% - 24px);padding-bottom:6px;display:flex}._container_6dq6w_1 ._event_6dq6w_81{cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;border:none;border-radius:12px;justify-content:center;align-items:center;width:36px;height:36px;padding:0;display:flex}._container_6dq6w_1 ._title_6dq6w_7{width:100%;height:100%;color:var(--color-gray-light);justify-content:center;align-items:center;font-size:1.125rem;font-weight:700;line-height:1;display:flex}.dark ._container_6dq6w_1{border-color:var(--color-gray-dark-extra)}.dark ._container_6dq6w_1 ._header_6dq6w_111{color:var(--color-white);background-color:var(--color-primary-dark);border-bottom-color:var(--color-gray-dark-extra)}.dark ._container_6dq6w_1 ._header_6dq6w_111 ._titleBar_6dq6w_7{background-color:var(--color-primary-dark);border-bottom-color:var(--color-gray-dark-extra)}.dark ._container_6dq6w_1 ._header_6dq6w_111 ._navButton_6dq6w_19{color:var(--color-gray-dark)}.dark ._container_6dq6w_1 ._header_6dq6w_111 ._headings_6dq6w_26{color:var(--color-white);background-color:var(--color-black);border-right:1px solid var(--color-gray-dark-extra);border-bottom:none;border-left:1px solid var(--color-gray-dark-extra)}.dark ._container_6dq6w_1 ._cell_6dq6w_44{background-color:var(--color-black);box-shadow:0 0 0 .2px var(--color-gray-dark) inset}.dark ._container_6dq6w_1 ._cell_6dq6w_44 ._cellDate_6dq6w_55{color:var(--color-white)}.dark ._container_6dq6w_1 ._cell_6dq6w_44._outOfRange_6dq6w_61 ._cellDate_6dq6w_55{color:var(--color-gray-dark)}