sakana-element 2.2.0 → 2.4.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (155) hide show
  1. package/README.md +98 -25
  2. package/dist/es/{Alert-C76ZWSVk.js → Alert-DfLsJvQD.js} +2 -2
  3. package/dist/es/Avatar-Ci4OKsv7.js +9 -0
  4. package/dist/es/{Badge-CoFWwBwv.js → Badge-B4wEToK6.js} +2 -2
  5. package/dist/es/{Breadcrumb-BtrwTVKW.js → Breadcrumb-BFzww8jd.js} +2 -2
  6. package/dist/es/{Button-S_31-UWJ.js → Button-DbFviVWb.js} +3 -3
  7. package/dist/es/{Card-DcW6nHYD.js → Card-ClRqKkc_.js} +2 -2
  8. package/dist/es/ChatBubble-DFEV_lVI.js +9 -0
  9. package/dist/es/Checkbox-l86YI3Fr.js +51 -0
  10. package/dist/es/{Collapse-DsS7M-m3.js → Collapse-B67v6RSE.js} +4 -4
  11. package/dist/es/{ConfigProvider-BgIewHXP.js → ConfigProvider-BCoGbcS5.js} +2 -2
  12. package/dist/es/Diff-BLiniLom.js +64 -0
  13. package/dist/es/Divider-DDSOHv8G.js +9 -0
  14. package/dist/es/Drawer-apeXw6EO.js +40 -0
  15. package/dist/es/Dropdown-By9qIErf.js +104 -0
  16. package/dist/es/{FileInput-BQ59woas.js → FileInput-CZ5jTfB_.js} +3 -3
  17. package/dist/es/Filter-B_1zU4Dq.js +40 -0
  18. package/dist/es/Form-B_XDnSjK.js +123 -0
  19. package/dist/es/{Icon-DpJyuj7c.js → Icon-D6qRB3pq.js} +1 -1
  20. package/dist/es/Indicator-C6Ip4dpP.js +9 -0
  21. package/dist/es/{Input-CiE4bPJN.js → Input-bThwBbNZ.js} +7 -7
  22. package/dist/es/Kbd-DXNjs7at.js +13 -0
  23. package/dist/es/{Link-B9B2APZq.js → Link-08Ee61Fv.js} +1 -1
  24. package/dist/es/{Loading-BW99pE5N.js → Loading-ByI9mjss.js} +13 -13
  25. package/dist/es/Message-CGG-lV5I.js +152 -0
  26. package/dist/es/Notification-B4clKY5h.js +69 -0
  27. package/dist/es/{Overlay-BRDSWspM.js → Overlay-6iPenJB1.js} +1 -1
  28. package/dist/es/Pixelate-A8J7jxDW.js +39 -0
  29. package/dist/es/Popconfirm-gcHGcOTz.js +23 -0
  30. package/dist/es/Progress-DFUBJQ4X.js +12 -0
  31. package/dist/es/Radio-CLBa1XIM.js +33 -0
  32. package/dist/es/Resizable-BWrFr2oj.js +151 -0
  33. package/dist/es/{Select-Dwqv8isB.js → Select-BtLqds1d.js} +20 -20
  34. package/dist/es/Skeleton-CGUQv3nQ.js +15 -0
  35. package/dist/es/{Switch-B1Gnv1tB.js → Switch-CZJ-S77_.js} +3 -3
  36. package/dist/es/Table-lHbxiyGq.js +10 -0
  37. package/dist/es/Tooltip-CdPqNYdn.js +74 -0
  38. package/dist/es/Validator-7ZT_nXDZ.js +40 -0
  39. package/dist/es/hooks-pU4JmsO3.js +171 -0
  40. package/dist/es/index.js +107 -70
  41. package/dist/es/utils-BXICIEsD.js +139 -0
  42. package/dist/es/{vendor-DXmGx29U.js → vendor-DrBJKLFW.js} +254 -210
  43. package/dist/index.css +1 -1
  44. package/dist/theme/Avatar.css +13 -43
  45. package/dist/theme/Badge.css +151 -151
  46. package/dist/theme/Breadcrumb.css +46 -4
  47. package/dist/theme/Button.css +72 -8
  48. package/dist/theme/Card.css +177 -93
  49. package/dist/theme/ChatBubble.css +218 -0
  50. package/dist/theme/Checkbox.css +604 -0
  51. package/dist/theme/Collapse.css +96 -96
  52. package/dist/theme/Diff.css +110 -0
  53. package/dist/theme/Divider.css +150 -0
  54. package/dist/theme/Drawer.css +206 -0
  55. package/dist/theme/Dropdown.css +359 -75
  56. package/dist/theme/FileInput.css +32 -0
  57. package/dist/theme/Filter.css +598 -0
  58. package/dist/theme/Indicator.css +159 -0
  59. package/dist/theme/Input.css +414 -406
  60. package/dist/theme/Kbd.css +104 -0
  61. package/dist/theme/Link.css +22 -3
  62. package/dist/theme/Loading.css +50 -12
  63. package/dist/theme/Message.css +250 -41
  64. package/dist/theme/Notification.css +232 -42
  65. package/dist/theme/Popconfirm.css +23 -7
  66. package/dist/theme/Progress.css +278 -0
  67. package/dist/theme/Radio.css +492 -0
  68. package/dist/theme/Resizable.css +95 -0
  69. package/dist/theme/Select.css +198 -88
  70. package/dist/theme/Skeleton.css +192 -0
  71. package/dist/theme/Switch.css +22 -3
  72. package/dist/theme/Table.css +680 -0
  73. package/dist/theme/Tooltip.css +150 -26
  74. package/dist/theme/Validator.css +25 -0
  75. package/dist/types/components/Avatar/types.d.ts +0 -2
  76. package/dist/types/components/ChatBubble/constants.d.ts +2 -0
  77. package/dist/types/components/ChatBubble/index.d.ts +27 -0
  78. package/dist/types/components/ChatBubble/types.d.ts +10 -0
  79. package/dist/types/components/Checkbox/constants.d.ts +5 -0
  80. package/dist/types/components/Checkbox/index.d.ts +94 -0
  81. package/dist/types/components/Checkbox/types.d.ts +46 -0
  82. package/dist/types/components/Collapse/index.d.ts +5 -5
  83. package/dist/types/components/Diff/constants.d.ts +4 -0
  84. package/dist/types/components/Diff/index.d.ts +67 -0
  85. package/dist/types/components/Diff/types.d.ts +29 -0
  86. package/dist/types/components/Divider/index.d.ts +30 -0
  87. package/dist/types/components/Divider/types.d.ts +10 -0
  88. package/dist/types/components/Drawer/constants.d.ts +1 -0
  89. package/dist/types/components/Drawer/index.d.ts +72 -0
  90. package/dist/types/components/Drawer/types.d.ts +20 -0
  91. package/dist/types/components/Dropdown/index.d.ts +13 -3
  92. package/dist/types/components/Dropdown/types.d.ts +3 -0
  93. package/dist/types/components/Dropdown/useDropdownKeyboard.d.ts +8 -0
  94. package/dist/types/components/FileInput/index.d.ts +5 -5
  95. package/dist/types/components/Filter/constants.d.ts +5 -0
  96. package/dist/types/components/Filter/index.d.ts +59 -0
  97. package/dist/types/components/Filter/types.d.ts +38 -0
  98. package/dist/types/components/Indicator/constants.d.ts +2 -0
  99. package/dist/types/components/Indicator/index.d.ts +28 -0
  100. package/dist/types/components/Indicator/types.d.ts +10 -0
  101. package/dist/types/components/Input/index.d.ts +10 -10
  102. package/dist/types/components/Kbd/constants.d.ts +3 -0
  103. package/dist/types/components/Kbd/index.d.ts +24 -0
  104. package/dist/types/components/Kbd/types.d.ts +10 -0
  105. package/dist/types/components/Message/methods.d.ts +2 -0
  106. package/dist/types/components/Message/types.d.ts +7 -1
  107. package/dist/types/components/MessageBox/types.d.ts +14 -2
  108. package/dist/types/components/Notification/methods.d.ts +3 -0
  109. package/dist/types/components/Notification/types.d.ts +8 -2
  110. package/dist/types/components/Pixelate/constants.d.ts +2 -0
  111. package/dist/types/components/Pixelate/index.d.ts +71 -0
  112. package/dist/types/components/Pixelate/types.d.ts +23 -0
  113. package/dist/types/components/Popconfirm/index.d.ts +18 -9
  114. package/dist/types/components/Popconfirm/types.d.ts +2 -1
  115. package/dist/types/components/Progress/constants.d.ts +2 -0
  116. package/dist/types/components/Progress/index.d.ts +50 -0
  117. package/dist/types/components/Progress/types.d.ts +22 -0
  118. package/dist/types/components/Radio/constants.d.ts +5 -0
  119. package/dist/types/components/Radio/index.d.ts +88 -0
  120. package/dist/types/components/Radio/types.d.ts +43 -0
  121. package/dist/types/components/Resizable/constants.d.ts +3 -0
  122. package/dist/types/components/Resizable/index.d.ts +135 -0
  123. package/dist/types/components/Resizable/types.d.ts +52 -0
  124. package/dist/types/components/Select/index.d.ts +32 -23
  125. package/dist/types/components/Skeleton/index.d.ts +36 -0
  126. package/dist/types/components/Skeleton/types.d.ts +12 -0
  127. package/dist/types/components/Switch/index.d.ts +5 -5
  128. package/dist/types/components/Table/index.d.ts +27 -0
  129. package/dist/types/components/Table/types.d.ts +20 -0
  130. package/dist/types/components/Tooltip/index.d.ts +9 -3
  131. package/dist/types/components/Tooltip/types.d.ts +7 -0
  132. package/dist/types/components/Validator/index.d.ts +52 -0
  133. package/dist/types/components/Validator/types.d.ts +13 -0
  134. package/dist/types/components/index.d.ts +15 -0
  135. package/dist/types/hooks/index.d.ts +3 -1
  136. package/dist/types/hooks/useDraggable.d.ts +7 -0
  137. package/dist/types/hooks/useFocusTrap.d.ts +5 -0
  138. package/dist/types/utils/index.d.ts +2 -0
  139. package/dist/types/utils/instance-management.d.ts +40 -0
  140. package/dist/types/utils/pixelate.d.ts +10 -0
  141. package/dist/types/utils/style.d.ts +1 -0
  142. package/dist/umd/index.css +1 -1
  143. package/dist/umd/index.css.gz +0 -0
  144. package/dist/umd/index.umd.cjs +4 -4
  145. package/dist/umd/index.umd.cjs.gz +0 -0
  146. package/package.json +59 -59
  147. package/dist/es/Avatar-CxsRW-wl.js +0 -9
  148. package/dist/es/Dropdown-GcomGMAI.js +0 -40
  149. package/dist/es/Form-j90EzLXU.js +0 -122
  150. package/dist/es/Message-DCNnTUje.js +0 -123
  151. package/dist/es/Notification-CBzY5904.js +0 -58
  152. package/dist/es/Popconfirm-DF6d2ORS.js +0 -23
  153. package/dist/es/Tooltip-k6gKnMyt.js +0 -74
  154. package/dist/es/hooks-BaG7l8K5.js +0 -116
  155. package/dist/es/utils-bsCscZfS.js +0 -84
@@ -1,116 +0,0 @@
1
- import { isRef as e, watch as t, onMounted as n, onBeforeUnmount as a, unref as o, getCurrentInstance as l, useSlots as r, watchEffect as s, ref as u, inject as c, computed as d, onUnmounted as i } from "vue";
2
- import { f as v, y as f, k as m, z as p, n as h, o as g, a as w } from "./vendor-DXmGx29U.js";
3
- function L(l2, r2, s2) {
4
- e(l2) ? t(l2, ((e2, t2) => {
5
- null == t2 || t2.removeEventListener(r2, s2), null == e2 || e2.addEventListener(r2, s2);
6
- })) : n((() => null == l2 ? void 0 : l2.addEventListener(r2, s2))), a((() => {
7
- var e2;
8
- return null == (e2 = o(l2)) ? void 0 : e2.removeEventListener(r2, s2);
9
- }));
10
- }
11
- function x(e2, t2) {
12
- L(document, "click", ((n2) => {
13
- e2.value && n2.target && (e2.value.contains(n2.target) || t2(n2));
14
- }));
15
- }
16
- const k = (e2, t2) => v(e2, ((e3) => {
17
- f(t2) && t2(e3), e3.children && k(e3.children, t2);
18
- }));
19
- function y() {
20
- var e2, t2;
21
- const n2 = /* @__PURE__ */ new Map(), a2 = l(), o2 = null == (t2 = null == (e2 = r()) ? void 0 : e2.default) ? void 0 : t2.call(e2);
22
- s((() => {
23
- (null == a2 ? void 0 : a2.props.disabled) ? k(o2 ?? [], ((e3) => {
24
- (null == e3 ? void 0 : e3.props) && (n2.set(e3, m(e3.props)), e3.props = p(null == e3 ? void 0 : e3.props, { style: { cursor: "not-allowed", color: "var(--px-text-color-placeholder)" } }));
25
- })) : k(o2 ?? [], ((e3) => {
26
- n2.has(e3) && (e3.props = n2.get(e3));
27
- }));
28
- }));
29
- }
30
- function E(e2, { afterBlur: t2, beforeBlur: n2, afterFocus: a2 } = {}) {
31
- const o2 = l(), { emit: r2 } = o2, s2 = u(), c2 = u(false);
32
- return L(s2, "click", (() => {
33
- var t3;
34
- null == (t3 = e2.value) || t3.focus();
35
- })), { wrapperRef: s2, isFocused: c2, handleFocus: (e3) => {
36
- c2.value || (c2.value = true, r2("focus", e3), null == a2 || a2());
37
- }, handleBlur: (e3) => {
38
- var a3;
39
- f(n2) && n2(e3) || e3.relatedTarget && (null == (a3 = s2.value) ? void 0 : a3.contains(e3.relatedTarget)) || (c2.value = false, r2("blur", e3), null == t2 || t2());
40
- } };
41
- }
42
- const M = { prefix: Math.floor(1e4 * Math.random()), current: 0 };
43
- function b(e2 = "er") {
44
- const t2 = `${e2}-${M.prefix}-${M.current++}`;
45
- return u(t2);
46
- }
47
- const T = { name: "en", el: { select: { loading: "Loading", noMatch: "No matching data", noData: "No data", placeholder: "Select" }, dropdown: { toggleDropdown: "Toggle Dropdown" }, messagebox: { title: "Message", confirm: "OK", cancel: "Cancel", error: "Illegal input", close: "Close this dialog" }, popconfirm: { confirmButtonText: "Yes", cancelButtonText: "No" } } };
48
- function B(e2) {
49
- {
50
- const e3 = c(h, u(g({ locale: T.name, messages: { en: T.el } })));
51
- return d((() => {
52
- return t2 = o(e3), w(t2, "install");
53
- var t2;
54
- }));
55
- }
56
- }
57
- function D(e2) {
58
- const t2 = d((() => e2.getLastBottomOffset())), n2 = d((() => e2.offset + t2.value)), a2 = d((() => n2.value + e2.boxHeight.value));
59
- return { topOffset: n2, bottomOffset: a2 };
60
- }
61
- const I = u(0);
62
- function O(e2 = 2e3) {
63
- const t2 = u(e2), n2 = d((() => I.value + t2.value));
64
- return { initialValue: t2, currentZIndex: n2, nextZIndex: () => (I.value++, n2.value) };
65
- }
66
- function S() {
67
- const e2 = u(false);
68
- let t2 = null, a2 = null;
69
- return n((() => {
70
- "undefined" != typeof window && (t2 = window.matchMedia("(prefers-color-scheme: dark)"), e2.value = t2.matches, a2 = (t3) => {
71
- e2.value = t3.matches;
72
- }, t2.addEventListener ? t2.addEventListener("change", a2) : t2.addListener(a2));
73
- })), i((() => {
74
- t2 && a2 && (t2.removeEventListener ? t2.removeEventListener("change", a2) : t2.removeListener(a2));
75
- })), { prefersDark: e2, prefers: d((() => e2.value ? "dark" : "light")) };
76
- }
77
- const F = "px-theme", N = "px-dark", $ = u("system"), C = u(false);
78
- function Z(e2) {
79
- "undefined" != typeof document && (e2 ? document.documentElement.classList.add(N) : document.documentElement.classList.remove(N));
80
- }
81
- function j(e2) {
82
- return "system" === e2 ? "undefined" != typeof window && window.matchMedia("(prefers-color-scheme: dark)").matches : "dark" === e2;
83
- }
84
- let z = false;
85
- function H() {
86
- if (!z && "undefined" != typeof window) {
87
- !(function() {
88
- if ("undefined" == typeof window) return;
89
- const e4 = localStorage.getItem(F);
90
- e4 && ["light", "dark", "system"].includes(e4) ? $.value = e4 : $.value = "system", C.value = j($.value), Z(C.value);
91
- })(), z = true;
92
- const e3 = window.matchMedia("(prefers-color-scheme: dark)"), t2 = (e4) => {
93
- "system" === $.value && (C.value = e4.matches, Z(C.value));
94
- };
95
- e3.addEventListener ? e3.addEventListener("change", t2) : e3.addListener(t2);
96
- }
97
- const e2 = (e3) => {
98
- $.value = e3, C.value = j(e3), Z(C.value), "undefined" != typeof localStorage && localStorage.setItem(F, e3);
99
- };
100
- return { theme: d((() => $.value)), isDark: d((() => C.value)), setTheme: e2, toggleTheme: () => {
101
- const t2 = C.value ? "light" : "dark";
102
- e2(t2);
103
- } };
104
- }
105
- export {
106
- x as a,
107
- y as b,
108
- E as c,
109
- O as d,
110
- D as e,
111
- L as f,
112
- B as g,
113
- S as h,
114
- H as i,
115
- b as u
116
- };
@@ -1,84 +0,0 @@
1
- import { h as o, d as e, y as r } from "./vendor-DXmGx29U.js";
2
- import { defineComponent as n } from "vue";
3
- function t(o2, e2) {
4
- const r2 = parseInt(o2.replace("#", ""), 16);
5
- return `#${(Math.max(0, (r2 >> 16) - Math.round(2.55 * e2)) << 16 | Math.max(0, (r2 >> 8 & 255) - Math.round(2.55 * e2)) << 8 | Math.max(0, (255 & r2) - Math.round(2.55 * e2))).toString(16).padStart(6, "0")}`;
6
- }
7
- function c(o2, e2) {
8
- const r2 = parseInt(o2.replace("#", ""), 16);
9
- return `#${(Math.min(255, (r2 >> 16) + Math.round(2.55 * e2)) << 16 | Math.min(255, (r2 >> 8 & 255) + Math.round(2.55 * e2)) << 8 | Math.min(255, (255 & r2) + Math.round(2.55 * e2))).toString(16).padStart(6, "0")}`;
10
- }
11
- function a(o2) {
12
- const e2 = parseInt(o2.replace("#", ""), 16);
13
- return (0.299 * (e2 >> 16) + 0.587 * (e2 >> 8 & 255) + 0.114 * (255 & e2)) / 255 > 0.6 ? "#1e1e2e" : "#ffffff";
14
- }
15
- function s(o2) {
16
- return { color: o2, dark: t(o2, 15), light: c(o2, 35), contrast: a(o2), transparent: "transparent" };
17
- }
18
- function i(o2, e2, r2) {
19
- const n2 = {};
20
- for (const [t2, c2] of Object.entries(r2)) n2[`--${e2}-${t2}`] = o2[c2];
21
- return n2;
22
- }
23
- const l = { outline: { "text-color": "color", "bg-color": "transparent", "border-color": "color", "shadow-color": "transparent" }, dash: { "text-color": "color", "bg-color": "light", "border-color": "color", "shadow-color": "transparent" }, default: { "text-color": "contrast", "bg-color": "color", "border-color": "dark", "shadow-color": "dark" } };
24
- function f(o2, e2) {
25
- }
26
- const u = { spinner: "loader", loading: "loader", "eye-slash": "eye-closed", "eye-off": "eye-closed", xmark: "close", x: "close", times: "close", "circle-xmark": "close-box", "x-circle": "close-box", "times-circle": "close-box", error: "close-box", "circle-info": "info-box", "info-circle": "info-box", info: "info-box", "check-circle": "check", "circle-check": "check", success: "check", "circle-exclamation": "warning-box", "exclamation-circle": "warning-box", warning: "warning-box", "angle-down": "chevron-down", "caret-down": "chevron-down", "angle-up": "chevron-up", "caret-up": "chevron-up", "angle-left": "chevron-left", "caret-left": "chevron-left", "angle-right": "chevron-right", "caret-right": "chevron-right", "question-circle": "info-box", "circle-question": "info-box", help: "info-box", question: "info-box", gear: "sliders", cog: "sliders", settings: "sliders", star: "bookmark", "star-solid": "bookmark" };
27
- function d(o2) {
28
- return o2 in u ? u[o2] : o2;
29
- }
30
- const h = /* @__PURE__ */ new Set(["svg", "path", "rect", "circle", "ellipse", "line", "polyline", "polygon", "g", "defs", "clipPath", "mask", "title", "desc", "linearGradient", "radialGradient", "stop", "symbol", "use"]), p = /^on/i, m = /^\s*javascript\s*:/i;
31
- function g(o2) {
32
- if (!o2 || "string" != typeof o2) return "";
33
- if ("undefined" == typeof DOMParser) return "";
34
- const e2 = new DOMParser().parseFromString(o2, "image/svg+xml");
35
- return e2.querySelector("parsererror") ? "" : (b(e2.documentElement), e2.documentElement.outerHTML);
36
- }
37
- function b(o2) {
38
- const e2 = Array.from(o2.children);
39
- for (const o3 of e2) {
40
- const e3 = o3.tagName.toLowerCase();
41
- if (h.has(e3)) {
42
- for (const e4 of Array.from(o3.attributes)) (p.test(e4.name) || "href" === e4.name && m.test(e4.value) || "xlink:href" === e4.name && m.test(e4.value)) && o3.removeAttribute(e4.name);
43
- b(o3);
44
- } else o3.remove();
45
- }
46
- }
47
- const x = /* @__PURE__ */ new Map();
48
- function v(o2) {
49
- for (const [e2, r2] of Object.entries(o2)) x.set(e2, g(r2));
50
- }
51
- function w(o2) {
52
- return x.get(o2);
53
- }
54
- const k = (o2) => (o2.install = (e2) => {
55
- const r2 = o2.name;
56
- e2.component(r2, o2);
57
- }, o2), M = (o2, e2) => (o2.install = (r2) => {
58
- r2.config.globalProperties[e2] = o2;
59
- }, o2);
60
- function y(r2, n2 = "px") {
61
- return r2 ? o(r2) || ((o2) => !!e(o2) && !Number.isNaN(Number(o2)))(r2) ? `${r2}${n2}` : e(r2) ? r2 : void 0 : "";
62
- }
63
- const N = /* @__PURE__ */ new Map([["info", "info-box"], ["success", "check"], ["warning", "warning-box"], ["danger", "close-box"], ["error", "close-box"]]), S = n({ props: { vNode: { type: [String, Object, Function], required: true } }, setup: (o2) => () => r(o2.vNode) ? o2.vNode() : o2.vNode }), O = (o2, e2) => {
64
- const r2 = o2.__vccOpts || o2;
65
- for (const [o3, n2] of e2) r2[o3] = n2;
66
- return r2;
67
- };
68
- export {
69
- S as R,
70
- l as S,
71
- O as _,
72
- d as a,
73
- v as b,
74
- s as c,
75
- f as d,
76
- y as e,
77
- M as f,
78
- w as g,
79
- c as l,
80
- i as r,
81
- g as s,
82
- N as t,
83
- k as w
84
- };