mhz-ui 1.1.64 → 1.1.66

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.
@@ -5,8 +5,10 @@ interface ILink {
5
5
  interface IProps {
6
6
  links: ILink[];
7
7
  color?: 'white' | 'default';
8
+ ariaLabel?: string;
8
9
  }
9
10
  declare const _default: import('vue').DefineComponent<IProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<IProps> & Readonly<{}>, {
10
11
  color: "white" | "default";
12
+ ariaLabel: string;
11
13
  }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
12
14
  export default _default;
@@ -1,62 +1,64 @@
1
1
  import "./UiBreadcrumbs.css";
2
- import { defineComponent as m, computed as p, createElementBlock as r, openBlock as s, normalizeClass as l, Fragment as u, renderList as d, createBlock as _, createCommentVNode as h, createElementVNode as a, resolveDynamicComponent as k, withCtx as g, toDisplayString as y } from "vue";
3
- import { RouterLink as b } from "vue-router";
4
- import { _ as f } from "../_plugin-vue_export-helper-CHgC5LLL.js";
5
- const B = "default", C = { itemprop: "name" }, L = ["data-color"], $ = ["content"], v = /* @__PURE__ */ m({
2
+ import { defineComponent as m, computed as p, createElementBlock as l, openBlock as s, normalizeClass as a, Fragment as d, renderList as u, createBlock as _, createCommentVNode as h, createElementVNode as n, resolveDynamicComponent as k, withCtx as b, toDisplayString as g } from "vue";
3
+ import { RouterLink as y } from "vue-router";
4
+ import { _ as L } from "../_plugin-vue_export-helper-CHgC5LLL.js";
5
+ const f = "default", B = "Breadcrumb", C = ["aria-label"], $ = { itemprop: "name" }, E = ["data-color"], v = ["content"], A = /* @__PURE__ */ m({
6
6
  __name: "UiBreadcrumbs",
7
7
  props: {
8
8
  links: {},
9
- color: { default: B }
9
+ color: { default: f },
10
+ ariaLabel: { default: B }
10
11
  },
11
12
  setup(i) {
12
- const t = i, c = p(() => window.IS_STORYBOOK ? "a" : b);
13
- return (o, T) => (s(), r("div", {
14
- class: l(o.$style.breadcrumbs),
13
+ const t = i, c = p(() => window.IS_STORYBOOK ? "a" : y);
14
+ return (o, w) => (s(), l("div", {
15
+ class: a(o.$style.breadcrumbs),
16
+ "aria-label": t.ariaLabel,
15
17
  itemscope: "",
16
18
  itemtype: "https://schema.org/BreadcrumbList"
17
19
  }, [
18
- (s(!0), r(u, null, d(t.links, (e, n) => (s(), r("div", {
20
+ (s(!0), l(d, null, u(t.links, (e, r) => (s(), l("div", {
19
21
  key: `${e.title}${e.url}`,
20
- class: l(o.$style.links),
22
+ class: a(o.$style.links),
21
23
  itemprop: "itemListElement",
22
24
  itemscope: "",
23
25
  itemtype: "https://schema.org/ListItem"
24
26
  }, [
25
- (s(), _(k(n === t.links.length - 1 ? "div" : c.value), {
27
+ (s(), _(k(r === t.links.length - 1 ? "div" : c.value), {
26
28
  to: e.url,
27
- class: l(o.$style.link),
28
- "data-link": n !== t.links.length - 1,
29
+ class: a(o.$style.link),
30
+ "data-link": r !== t.links.length - 1,
29
31
  "data-color": t.color,
30
32
  itemid: e.url,
31
33
  itemtype: "https://schema.org/Thing",
32
34
  itemscope: "",
33
35
  itemprop: "item"
34
36
  }, {
35
- default: g(() => [
36
- a("span", C, y(e.title), 1)
37
+ default: b(() => [
38
+ n("span", $, g(e.title), 1)
37
39
  ]),
38
40
  _: 2
39
41
  }, 1032, ["to", "class", "data-link", "data-color", "itemid"])),
40
- n !== t.links.length - 1 ? (s(), r("span", {
42
+ r !== t.links.length - 1 ? (s(), l("span", {
41
43
  key: 0,
42
- class: l(o.$style.slash),
44
+ class: a(o.$style.slash),
43
45
  "data-color": t.color
44
- }, "/", 10, L)) : h("", !0),
45
- a("meta", {
46
+ }, "/", 10, E)) : h("", !0),
47
+ n("meta", {
46
48
  itemprop: "position",
47
- content: (n + 1).toString()
48
- }, null, 8, $)
49
+ content: (r + 1).toString()
50
+ }, null, 8, v)
49
51
  ], 2))), 128))
50
- ], 2));
52
+ ], 10, C));
51
53
  }
52
- }), O = "_breadcrumbs_u5rgn_1", E = "_links_u5rgn_7", S = "_link_u5rgn_7", w = "_slash_u5rgn_30", D = {
54
+ }), O = "_breadcrumbs_u5rgn_1", D = "_links_u5rgn_7", R = "_link_u5rgn_7", S = "_slash_u5rgn_30", T = {
53
55
  breadcrumbs: O,
54
- links: E,
55
- link: S,
56
- slash: w
57
- }, R = {
58
- $style: D
59
- }, M = /* @__PURE__ */ f(v, [["__cssModules", R]]);
56
+ links: D,
57
+ link: R,
58
+ slash: S
59
+ }, U = {
60
+ $style: T
61
+ }, N = /* @__PURE__ */ L(A, [["__cssModules", U]]);
60
62
  export {
61
- M as default
63
+ N as default
62
64
  };
@@ -3,3 +3,4 @@ export declare const LINKS: {
3
3
  title: string;
4
4
  }[];
5
5
  export declare const DEFAULT_COLOR = "default";
6
+ export declare const DEFAULT_ARIA_LABEL = "Breadcrumb";
@@ -7,6 +7,7 @@ interface IProps {
7
7
  isTall?: boolean;
8
8
  isWrap?: boolean;
9
9
  icon?: FunctionalComponent;
10
+ ariaLabel?: string;
10
11
  }
11
12
  declare function __VLS_template(): {
12
13
  attrs: Partial<{}>;
@@ -18,6 +19,7 @@ declare function __VLS_template(): {
18
19
  };
19
20
  type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
20
21
  declare const __VLS_component: import('vue').DefineComponent<IProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<IProps> & Readonly<{}>, {
22
+ ariaLabel: string;
21
23
  type: "submit" | "button";
22
24
  layout: "primary" | "secondary" | "plain" | "accent" | "gradient";
23
25
  icon: FunctionalComponent;
@@ -1,37 +1,40 @@
1
1
  import "./UiButton.css";
2
- import { defineComponent as s, createElementBlock as n, openBlock as a, normalizeClass as l, createBlock as r, createCommentVNode as c, renderSlot as i, resolveDynamicComponent as d } from "vue";
3
- import { _ as p } from "../_plugin-vue_export-helper-CHgC5LLL.js";
4
- const u = "primary", y = "button", _ = void 0, m = ["data-layout", "data-narrow", "data-tall", "data-wrap", "disabled", "type"], b = /* @__PURE__ */ s({
2
+ import { defineComponent as s, createElementBlock as l, 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-narrow", "data-tall", "data-wrap", "disabled", "type", "aria-label", "aria-disabled"], f = /* @__PURE__ */ s({
5
5
  __name: "UiButton",
6
6
  props: {
7
- layout: { default: u },
7
+ layout: { default: p },
8
8
  type: { default: y },
9
9
  isDisabled: { type: Boolean },
10
10
  isNarrow: { type: Boolean },
11
11
  isTall: { type: Boolean },
12
12
  isWrap: { type: Boolean },
13
- icon: { type: [Function, Object], default: _ }
13
+ icon: { type: [Function, Object], default: _ },
14
+ ariaLabel: { default: b }
14
15
  },
15
- setup(e) {
16
- const t = e;
17
- return (o, w) => (a(), n("button", {
18
- class: l(o.$style.button),
16
+ setup(o) {
17
+ const t = o;
18
+ return (a, D) => (e(), l("button", {
19
+ class: n(a.$style.button),
19
20
  "data-layout": t.layout,
20
21
  "data-narrow": t.isNarrow,
21
22
  "data-tall": t.isTall,
22
23
  "data-wrap": t.isWrap,
23
24
  disabled: t.isDisabled,
24
- type: t.type
25
+ type: t.type,
26
+ "aria-label": t.ariaLabel,
27
+ "aria-disabled": t.isDisabled ? "true" : void 0
25
28
  }, [
26
- t.icon ? (a(), r(d(t.icon), { key: 0 })) : c("", !0),
27
- i(o.$slots, "default")
29
+ t.icon ? (e(), r(c(t.icon), { key: 0 })) : i("", !0),
30
+ d(a.$slots, "default")
28
31
  ], 10, m));
29
32
  }
30
- }), f = "_button_x08n7_1", B = {
31
- button: f
32
- }, T = {
33
- $style: B
34
- }, C = /* @__PURE__ */ p(b, [["__cssModules", T]]);
33
+ }), B = "_button_x08n7_1", L = {
34
+ button: B
35
+ }, A = {
36
+ $style: L
37
+ }, U = /* @__PURE__ */ u(f, [["__cssModules", A]]);
35
38
  export {
36
- C as default
39
+ U as default
37
40
  };
@@ -2,3 +2,4 @@ export declare const DEFAULT_LAYOUT = "primary";
2
2
  export declare const DEFAULT_TYPE = "button";
3
3
  export declare const DEFAULT_ICON: undefined;
4
4
  export declare const DEFAULT_SLOT = "Button label";
5
+ export declare const DEFAULT_ARIA_LABEL = "Button";
@@ -11,11 +11,11 @@ interface IProps {
11
11
  isPassword?: boolean;
12
12
  }
13
13
  declare const _default: import('vue').DefineComponent<IProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
14
- "update:modelValue": (value: string | number) => any;
15
14
  toggle: () => any;
15
+ "update:modelValue": (value: string | number) => any;
16
16
  }, string, import('vue').PublicProps, Readonly<IProps> & Readonly<{
17
- "onUpdate:modelValue"?: ((value: string | number) => any) | undefined;
18
17
  onToggle?: (() => any) | undefined;
18
+ "onUpdate:modelValue"?: ((value: string | number) => any) | undefined;
19
19
  }>, {
20
20
  type: "text" | "number" | "email" | "password" | "tel" | "url";
21
21
  modelValue: string | number | boolean | null;
@@ -1 +1 @@
1
- .uiToastBlock{position:fixed;top:64px;right:32px;z-index:9999;display:flex;flex-direction:column;gap:8px;align-items:flex-end}.uiToast{position:relative;display:flex;gap:8px;align-items:flex-start;max-width:360px;padding:16px 32px;border-radius:16px;opacity:0;transition:all .2s}.uiToastIcon{padding-top:2px}.uiToastVisible{opacity:1}.successToast{background-color:var(--color-success-light)}.errorToast{background-color:var(--color-error-light)}.infoToast{background-color:var(--color-primary-light-extra)}
1
+ .uiToastBlock{position:fixed;top:64px;right:32px;z-index:9999;display:flex;flex-direction:column;gap:8px;align-items:flex-end}.uiToast{position:relative;display:flex;gap:8px;align-items:flex-start;max-width:360px;padding:16px 32px;cursor:pointer;border-radius:16px;opacity:0;transition:all .2s}.uiToastIcon{padding-top:2px}.uiToastVisible{opacity:1}.uiToastClose{width:0;height:0;opacity:0}.successToast{background-color:var(--color-success-light)}.errorToast{background-color:var(--color-error-light)}.infoToast{background-color:var(--color-primary-light-extra)}
@@ -1,34 +1,48 @@
1
1
  import "./toast.css";
2
- const s = "data:image/svg+xml,%3csvg%20width='20'%20height='20'%20viewBox='0%200%2020%2020'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M9.3125%202C9.77084%202%2010.2292%202%2010.6875%202C13.5535%202.34656%2015.6942%203.77364%2017.1094%206.28125C17.5963%207.23972%2017.8931%208.25016%2018%209.3125C18%209.77084%2018%2010.2292%2018%2010.6875C17.6081%2013.8208%2015.9831%2016.0552%2013.125%2017.3906C12.338%2017.7124%2011.5255%2017.9155%2010.6875%2018C10.2292%2018%209.77084%2018%209.3125%2018C6.17919%2017.6081%203.94481%2015.9831%202.60938%2013.125C2.28762%2012.338%202.0845%2011.5255%202%2010.6875C2%2010.2292%202%209.77084%202%209.3125C2.3919%206.17919%204.0169%203.94481%206.875%202.60938C7.662%202.28762%208.4745%202.0845%209.3125%202ZM9.625%203.25C12.3817%203.22419%2014.4702%204.38044%2015.8906%206.71875C17.0711%209.00206%2017.0294%2011.2625%2015.7656%2013.5C14.1624%2015.8978%2011.9176%2016.9551%209.03125%2016.6719C6.86497%2016.2952%205.22434%2015.165%204.10938%2013.2812C2.92891%2010.9979%202.97058%208.7375%204.23438%206.5C5.49856%204.54202%207.29544%203.45868%209.625%203.25Z'%20fill='currentColor'%20/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M13.1875%207.03125C13.7187%207.06763%2013.9426%207.34888%2013.8594%207.875C13.8281%207.9375%2013.7969%208%2013.7656%208.0625C12.3229%209.65103%2010.8802%2011.2396%209.4375%2012.8281C9.14862%2013.0189%208.86737%2013.0085%208.59375%2012.7969C7.83944%2012.0113%207.07381%2011.2353%206.29687%2010.4688C6.13744%2010.2778%206.08534%2010.0591%206.14062%209.8125C6.35141%209.36722%206.67953%209.25784%207.125%209.48438C7.76653%2010.1155%208.39672%2010.7561%209.01562%2011.4062C10.2912%209.96403%2011.5881%208.54216%2012.9062%207.14062C12.9987%207.0905%2013.0925%207.05403%2013.1875%207.03125Z'%20fill='currentColor'%20/%3e%3c/g%3e%3c/svg%3e", d = "data:image/svg+xml,%3csvg%20width='20'%20height='20'%20viewBox='0%200%2020%2020'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M9.55115%202.00078C12.774%201.9629%2015.2362%203.29759%2016.9379%206.00484C18.3905%208.75784%2018.3531%2011.4896%2016.8257%2014.2001C15.331%2016.5047%2013.2054%2017.7708%2010.4488%2017.9983C7.22489%2018.0543%204.76264%2016.7258%203.062%2014.013C1.60954%2011.2586%201.64694%208.52684%203.17421%205.81774C4.67655%203.51581%206.80222%202.24349%209.55115%202.00078ZM9.51375%203.2731C12.6106%203.22789%2014.836%204.58752%2016.1899%207.352C17.1948%2010.0081%2016.7833%2012.4155%2014.9557%2014.5743C12.8383%2016.6708%2010.3636%2017.2383%207.53147%2016.2769C5.01443%2015.167%203.5994%2013.2398%203.28641%2010.4954C3.2047%207.72067%204.33298%205.60638%206.67124%204.1525C7.56412%203.66541%208.51165%203.37227%209.51375%203.2731Z'%20fill='currentColor'%20/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M9.77556%206.52874C10.1841%206.44922%2010.4646%206.5989%2010.6171%206.97779C10.642%208.17526%2010.642%209.37274%2010.6171%2010.5702C10.4621%2010.9876%2010.1691%2011.1311%209.73816%2011.0006C9.55403%2010.9135%209.43558%2010.77%209.38284%2010.5702C9.3579%209.37274%209.3579%208.17526%209.38284%206.97779C9.45525%206.77452%209.58616%206.62483%209.77556%206.52874Z'%20fill='currentColor'%20/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M9.85036%2012.0296C10.5737%2012.0361%2010.8917%2012.3979%2010.8041%2013.1148C10.6262%2013.5626%2010.2958%2013.756%209.81296%2013.6949C9.21233%2013.4647%209.03153%2013.0468%209.27064%2012.4413C9.41882%2012.2363%209.61208%2012.0991%209.85036%2012.0296Z'%20fill='currentColor'%20/%3e%3c/g%3e%3c/svg%3e", r = "data:image/svg+xml,%3csvg%20width='20'%20height='20'%20viewBox='0%200%2020%2020'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M18%204.1296C18%206.04729%2018%207.96501%2018%209.8827C17.7844%2010.2991%2017.4615%2010.4103%2017.0312%2010.2164C16.9097%2010.1339%2016.8212%2010.0227%2016.7656%209.8827C16.7646%208.0172%2016.7438%206.15247%2016.7031%204.28853C16.5358%203.66558%2016.1348%203.33184%2015.5%203.2873C11.8333%203.2661%208.16666%203.2661%204.5%203.2873C3.8652%203.33184%203.46416%203.66558%203.29688%204.28853C3.26105%205.75515%203.24543%207.22257%203.25%208.69076C3.25521%2010.0734%203.26042%2011.4561%203.26562%2012.8387C3.34375%2013.5962%203.75521%2014.0148%204.5%2014.0942C5.60416%2014.1048%206.70834%2014.1154%207.8125%2014.126C7.94663%2014.1704%208.056%2014.2498%208.14062%2014.3644C8.69272%2015.0849%209.24478%2015.8053%209.79688%2016.5258C9.90969%2016.7226%2010.0347%2016.7332%2010.1719%2016.5576C10.7448%2015.8053%2011.3177%2015.0531%2011.8906%2014.3008C11.9707%2014.23%2012.0593%2014.1717%2012.1562%2014.126C13.2708%2014.1154%2014.3854%2014.1048%2015.5%2014.0942C16.3411%2013.98%2016.7629%2013.4874%2016.7656%2012.6162C16.9326%2012.2586%2017.2086%2012.1261%2017.5938%2012.2189C17.787%2012.2937%2017.9224%2012.4261%2018%2012.6162C18%2012.8281%2018%2013.04%2018%2013.2519C17.8221%2014.1686%2017.3117%2014.8202%2016.4688%2015.2067C16.2865%2015.2791%2016.099%2015.3321%2015.9062%2015.3656C14.8333%2015.3762%2013.7604%2015.3868%2012.6875%2015.3974C12.1161%2016.1588%2011.5328%2016.911%2010.9375%2017.6541C10.5283%2017.9806%2010.07%2018.0759%209.5625%2017.9402C9.39234%2017.8802%209.23609%2017.7954%209.09375%2017.6859C8.485%2016.9453%207.89125%2016.1931%207.3125%2015.4292C6.23978%2015.3982%205.16688%2015.377%204.09375%2015.3656C3.1869%2015.1955%202.54628%2014.6817%202.17188%2013.824C2.10414%2013.6324%202.04684%2013.4416%202%2013.2519C2%2010.2111%202%207.17038%202%204.1296C2.24438%202.96458%202.9423%202.26001%204.09375%202.01589C8.03125%201.9947%2011.9688%201.9947%2015.9062%202.01589C17.0448%202.27277%2017.7427%202.97734%2018%204.1296Z'%20fill='currentColor'%20/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M9.78125%205.43279C10.4109%205.36868%2010.687%205.65474%2010.6094%206.29099C10.4424%206.64863%2010.1664%206.78108%209.78125%206.6883C9.42963%206.51847%209.29941%206.23771%209.39063%205.84599C9.46416%205.6494%209.59438%205.51168%209.78125%205.43279Z'%20fill='currentColor'%20/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M9.78125%207.62596C10.1663%207.54894%2010.4423%207.68667%2010.6094%208.03916C10.6302%209.33177%2010.6302%2010.6243%2010.6094%2011.9169C10.4006%2012.3366%2010.0828%2012.4479%209.65625%2012.2507C9.53469%2012.1682%209.44616%2012.0569%209.39062%2011.9169C9.36978%2010.6243%209.36978%209.33177%209.39062%208.03916C9.46416%207.84257%209.59438%207.70485%209.78125%207.62596Z'%20fill='currentColor'%20/%3e%3c/g%3e%3c/svg%3e", u = {
3
- success: s,
4
- error: d,
5
- info: r
2
+ const d = "data:image/svg+xml,%3csvg%20width='20'%20height='20'%20viewBox='0%200%2020%2020'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M9.3125%202C9.77084%202%2010.2292%202%2010.6875%202C13.5535%202.34656%2015.6942%203.77364%2017.1094%206.28125C17.5963%207.23972%2017.8931%208.25016%2018%209.3125C18%209.77084%2018%2010.2292%2018%2010.6875C17.6081%2013.8208%2015.9831%2016.0552%2013.125%2017.3906C12.338%2017.7124%2011.5255%2017.9155%2010.6875%2018C10.2292%2018%209.77084%2018%209.3125%2018C6.17919%2017.6081%203.94481%2015.9831%202.60938%2013.125C2.28762%2012.338%202.0845%2011.5255%202%2010.6875C2%2010.2292%202%209.77084%202%209.3125C2.3919%206.17919%204.0169%203.94481%206.875%202.60938C7.662%202.28762%208.4745%202.0845%209.3125%202ZM9.625%203.25C12.3817%203.22419%2014.4702%204.38044%2015.8906%206.71875C17.0711%209.00206%2017.0294%2011.2625%2015.7656%2013.5C14.1624%2015.8978%2011.9176%2016.9551%209.03125%2016.6719C6.86497%2016.2952%205.22434%2015.165%204.10938%2013.2812C2.92891%2010.9979%202.97058%208.7375%204.23438%206.5C5.49856%204.54202%207.29544%203.45868%209.625%203.25Z'%20fill='currentColor'%20/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M13.1875%207.03125C13.7187%207.06763%2013.9426%207.34888%2013.8594%207.875C13.8281%207.9375%2013.7969%208%2013.7656%208.0625C12.3229%209.65103%2010.8802%2011.2396%209.4375%2012.8281C9.14862%2013.0189%208.86737%2013.0085%208.59375%2012.7969C7.83944%2012.0113%207.07381%2011.2353%206.29687%2010.4688C6.13744%2010.2778%206.08534%2010.0591%206.14062%209.8125C6.35141%209.36722%206.67953%209.25784%207.125%209.48438C7.76653%2010.1155%208.39672%2010.7561%209.01562%2011.4062C10.2912%209.96403%2011.5881%208.54216%2012.9062%207.14062C12.9987%207.0905%2013.0925%207.05403%2013.1875%207.03125Z'%20fill='currentColor'%20/%3e%3c/g%3e%3c/svg%3e", a = "data:image/svg+xml,%3csvg%20width='20'%20height='20'%20viewBox='0%200%2020%2020'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M9.55115%202.00078C12.774%201.9629%2015.2362%203.29759%2016.9379%206.00484C18.3905%208.75784%2018.3531%2011.4896%2016.8257%2014.2001C15.331%2016.5047%2013.2054%2017.7708%2010.4488%2017.9983C7.22489%2018.0543%204.76264%2016.7258%203.062%2014.013C1.60954%2011.2586%201.64694%208.52684%203.17421%205.81774C4.67655%203.51581%206.80222%202.24349%209.55115%202.00078ZM9.51375%203.2731C12.6106%203.22789%2014.836%204.58752%2016.1899%207.352C17.1948%2010.0081%2016.7833%2012.4155%2014.9557%2014.5743C12.8383%2016.6708%2010.3636%2017.2383%207.53147%2016.2769C5.01443%2015.167%203.5994%2013.2398%203.28641%2010.4954C3.2047%207.72067%204.33298%205.60638%206.67124%204.1525C7.56412%203.66541%208.51165%203.37227%209.51375%203.2731Z'%20fill='currentColor'%20/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M9.77556%206.52874C10.1841%206.44922%2010.4646%206.5989%2010.6171%206.97779C10.642%208.17526%2010.642%209.37274%2010.6171%2010.5702C10.4621%2010.9876%2010.1691%2011.1311%209.73816%2011.0006C9.55403%2010.9135%209.43558%2010.77%209.38284%2010.5702C9.3579%209.37274%209.3579%208.17526%209.38284%206.97779C9.45525%206.77452%209.58616%206.62483%209.77556%206.52874Z'%20fill='currentColor'%20/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M9.85036%2012.0296C10.5737%2012.0361%2010.8917%2012.3979%2010.8041%2013.1148C10.6262%2013.5626%2010.2958%2013.756%209.81296%2013.6949C9.21233%2013.4647%209.03153%2013.0468%209.27064%2012.4413C9.41882%2012.2363%209.61208%2012.0991%209.85036%2012.0296Z'%20fill='currentColor'%20/%3e%3c/g%3e%3c/svg%3e", u = "data:image/svg+xml,%3csvg%20width='20'%20height='20'%20viewBox='0%200%2020%2020'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M18%204.1296C18%206.04729%2018%207.96501%2018%209.8827C17.7844%2010.2991%2017.4615%2010.4103%2017.0312%2010.2164C16.9097%2010.1339%2016.8212%2010.0227%2016.7656%209.8827C16.7646%208.0172%2016.7438%206.15247%2016.7031%204.28853C16.5358%203.66558%2016.1348%203.33184%2015.5%203.2873C11.8333%203.2661%208.16666%203.2661%204.5%203.2873C3.8652%203.33184%203.46416%203.66558%203.29688%204.28853C3.26105%205.75515%203.24543%207.22257%203.25%208.69076C3.25521%2010.0734%203.26042%2011.4561%203.26562%2012.8387C3.34375%2013.5962%203.75521%2014.0148%204.5%2014.0942C5.60416%2014.1048%206.70834%2014.1154%207.8125%2014.126C7.94663%2014.1704%208.056%2014.2498%208.14062%2014.3644C8.69272%2015.0849%209.24478%2015.8053%209.79688%2016.5258C9.90969%2016.7226%2010.0347%2016.7332%2010.1719%2016.5576C10.7448%2015.8053%2011.3177%2015.0531%2011.8906%2014.3008C11.9707%2014.23%2012.0593%2014.1717%2012.1562%2014.126C13.2708%2014.1154%2014.3854%2014.1048%2015.5%2014.0942C16.3411%2013.98%2016.7629%2013.4874%2016.7656%2012.6162C16.9326%2012.2586%2017.2086%2012.1261%2017.5938%2012.2189C17.787%2012.2937%2017.9224%2012.4261%2018%2012.6162C18%2012.8281%2018%2013.04%2018%2013.2519C17.8221%2014.1686%2017.3117%2014.8202%2016.4688%2015.2067C16.2865%2015.2791%2016.099%2015.3321%2015.9062%2015.3656C14.8333%2015.3762%2013.7604%2015.3868%2012.6875%2015.3974C12.1161%2016.1588%2011.5328%2016.911%2010.9375%2017.6541C10.5283%2017.9806%2010.07%2018.0759%209.5625%2017.9402C9.39234%2017.8802%209.23609%2017.7954%209.09375%2017.6859C8.485%2016.9453%207.89125%2016.1931%207.3125%2015.4292C6.23978%2015.3982%205.16688%2015.377%204.09375%2015.3656C3.1869%2015.1955%202.54628%2014.6817%202.17188%2013.824C2.10414%2013.6324%202.04684%2013.4416%202%2013.2519C2%2010.2111%202%207.17038%202%204.1296C2.24438%202.96458%202.9423%202.26001%204.09375%202.01589C8.03125%201.9947%2011.9688%201.9947%2015.9062%202.01589C17.0448%202.27277%2017.7427%202.97734%2018%204.1296Z'%20fill='currentColor'%20/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M9.78125%205.43279C10.4109%205.36868%2010.687%205.65474%2010.6094%206.29099C10.4424%206.64863%2010.1664%206.78108%209.78125%206.6883C9.42963%206.51847%209.29941%206.23771%209.39063%205.84599C9.46416%205.6494%209.59438%205.51168%209.78125%205.43279Z'%20fill='currentColor'%20/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M9.78125%207.62596C10.1663%207.54894%2010.4423%207.68667%2010.6094%208.03916C10.6302%209.33177%2010.6302%2010.6243%2010.6094%2011.9169C10.4006%2012.3366%2010.0828%2012.4479%209.65625%2012.2507C9.53469%2012.1682%209.44616%2012.0569%209.39062%2011.9169C9.36978%2010.6243%209.36978%209.33177%209.39062%208.03916C9.46416%207.84257%209.59438%207.70485%209.78125%207.62596Z'%20fill='currentColor'%20/%3e%3c/g%3e%3c/svg%3e", m = {
3
+ success: d,
4
+ error: a,
5
+ info: u
6
6
  };
7
- function a(e) {
8
- t("success", e);
7
+ function v(o) {
8
+ n("success", o);
9
9
  }
10
- function v(e) {
11
- t("error", e);
10
+ function g(o) {
11
+ n("error", o);
12
12
  }
13
- function f(e) {
14
- t("info", e);
13
+ function f(o) {
14
+ n("info", o);
15
15
  }
16
- function t(e, i) {
17
- const C = document.body;
18
- if (C && !C.contains(document.querySelector(".uiToastBlock"))) {
19
- const n = document.createElement("div");
20
- n.classList.add("uiToastBlock"), C.append(n);
16
+ function n(o, C) {
17
+ const t = document.body;
18
+ if (t && !t.contains(document.querySelector(".uiToastBlock"))) {
19
+ const l = document.createElement("div");
20
+ l.classList.add("uiToastBlock"), t.append(l);
21
21
  }
22
- const o = document.createElement("div");
23
- o.classList.add("uiToast", `${e}Toast`);
24
- const l = document.createElement("img");
25
- l.classList.add("uiToastIcon"), l.src = u[e], l.width = 20, l.height = 20;
26
- const c = document.createElement("div");
27
- c.innerHTML = i, o.appendChild(l), o.appendChild(c), document.querySelector(".uiToastBlock")?.append(o), setTimeout(() => o.classList.add("uiToastVisible"), 200), setTimeout(() => o.classList.remove("uiToastVisible"), 3800), setTimeout(() => {
28
- o.remove(), C && !C.contains(document.querySelector(".uiToast")) && document.querySelector(".uiToastBlock")?.remove();
29
- }, 4e3);
22
+ const e = document.createElement("div");
23
+ e.classList.add("uiToast", `${o}Toast`);
24
+ const c = document.createElement("img");
25
+ c.classList.add("uiToastIcon"), c.src = m[o], c.width = 20, c.height = 20;
26
+ const s = document.createElement("div");
27
+ s.innerHTML = C, s.classList.add("uiToastMessage"), e.appendChild(c), e.appendChild(s);
28
+ const i = document.createElement("button");
29
+ i.classList.add("uiToastClose"), i.addEventListener("click", () => {
30
+ e.remove(), t && !t.contains(document.querySelector(".uiToast")) && document.querySelector(".uiToastBlock")?.remove();
31
+ }), e.appendChild(i), document.querySelector(".uiToastBlock")?.append(e), setTimeout(() => e.classList.add("uiToastVisible"), 200), setTimeout(() => {
32
+ e.classList.remove("uiToastVisible"), setTimeout(() => {
33
+ e.remove();
34
+ const l = document.querySelectorAll(".uiToast");
35
+ t && l.length === 0 && document.querySelector(".uiToastBlock")?.remove();
36
+ }, 200);
37
+ }, 3800), e.addEventListener("click", (l) => {
38
+ l.target.classList.contains("uiToastClose") || (e.classList.remove("uiToastVisible"), setTimeout(() => {
39
+ e.remove();
40
+ const r = document.querySelectorAll(".uiToast");
41
+ t && r.length === 0 && document.querySelector(".uiToastBlock")?.remove();
42
+ }, 200));
43
+ });
30
44
  }
31
- const g = { success: a, error: v, info: f };
45
+ const h = { success: v, error: g, info: f };
32
46
  export {
33
- g as default
47
+ h as default
34
48
  };
@@ -0,0 +1 @@
1
+ export {};
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "mhz-ui",
3
3
  "description": "Mhz ui kit",
4
- "version": "1.1.64",
4
+ "version": "1.1.66",
5
5
  "author": "Alexandr Dergunov <dergunovs@mail.ru> (https://github.com/dergunovs)",
6
6
  "license": "MIT",
7
7
  "type": "module",
@@ -25,9 +25,9 @@
25
25
  "test:cov": "vitest run --coverage"
26
26
  },
27
27
  "dependencies": {
28
- "@tiptap/pm": "3.0.9",
29
- "@tiptap/starter-kit": "3.0.9",
30
- "@tiptap/vue-3": "3.0.9",
28
+ "@tiptap/pm": "3.1.0",
29
+ "@tiptap/starter-kit": "3.1.0",
30
+ "@tiptap/vue-3": "3.1.0",
31
31
  "@vueform/slider": "2.1.10",
32
32
  "@vueuse/core": "13.6.0",
33
33
  "@vueuse/integrations": "13.6.0",
@@ -41,9 +41,9 @@
41
41
  },
42
42
  "devDependencies": {
43
43
  "@eslint/js": "9.33.0",
44
- "@storybook/addon-docs": "9.1.1",
45
- "@storybook/vue3": "9.1.1",
46
- "@storybook/vue3-vite": "9.1.1",
44
+ "@storybook/addon-docs": "9.1.2",
45
+ "@storybook/vue3": "9.1.2",
46
+ "@storybook/vue3-vite": "9.1.2",
47
47
  "@types/node": "24.2.1",
48
48
  "@vitejs/plugin-vue": "6.0.1",
49
49
  "@vitest/coverage-istanbul": "3.2.4",
@@ -60,16 +60,16 @@
60
60
  "postcss-scss": "4.0.9",
61
61
  "prettier": "3.6.2",
62
62
  "sass-embedded": "1.90.0",
63
- "storybook": "9.1.1",
63
+ "storybook": "9.1.2",
64
64
  "stylelint": "16.23.1",
65
- "stylelint-config-recess-order": "7.1.0",
65
+ "stylelint-config-recess-order": "7.2.0",
66
66
  "stylelint-config-recommended-scss": "16.0.0",
67
67
  "stylelint-config-recommended-vue": "1.6.1",
68
68
  "stylelint-order": "7.0.0",
69
69
  "stylelint-prettier": "5.0.3",
70
70
  "typescript": "5.9.2",
71
- "typescript-eslint": "8.39.0",
72
- "vite": "7.1.1",
71
+ "typescript-eslint": "8.39.1",
72
+ "vite": "7.1.2",
73
73
  "vite-plugin-dts": "4.5.4",
74
74
  "vite-plugin-static-copy": "3.1.1",
75
75
  "vite-svg-loader": "5.1.0",