eco-vue-js 0.11.11 → 0.11.12

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 (57) hide show
  1. package/dist/assets/icons/IconBold.svg.js +24 -0
  2. package/dist/assets/icons/IconCodeBlock.svg.js +32 -0
  3. package/dist/assets/icons/IconCodeInline.svg.js +25 -0
  4. package/dist/assets/icons/IconHeading.svg.js +24 -0
  5. package/dist/assets/icons/IconItalic.svg.js +24 -0
  6. package/dist/assets/icons/IconListBullet.svg.js +31 -0
  7. package/dist/assets/icons/IconListCheckbox.svg.js +24 -0
  8. package/dist/assets/icons/IconListNumbered.svg.js +24 -0
  9. package/dist/assets/icons/IconQuote.svg.js +24 -0
  10. package/dist/assets/icons/IconStrikethrough.svg.js +24 -0
  11. package/dist/components/ClickOutside/WClickOutside.vue.d.ts +6 -0
  12. package/dist/components/ClickOutside/WClickOutside.vue.d.ts.map +1 -1
  13. package/dist/components/ClickOutside/WClickOutside.vue.js +8 -4
  14. package/dist/components/FormAsync/WFormAsyncInput.vue.js +2 -0
  15. package/dist/components/FormAsync/WFormAsyncSelect.vue.js +2 -0
  16. package/dist/components/FormAsync/WFormAsyncSelectInfiniteSingle.vue.js +2 -0
  17. package/dist/components/FormAsync/WFormAsyncSelectSingle.vue.js +2 -0
  18. package/dist/components/FormAsync/WFormAsyncSelectStringified.vue.js +2 -0
  19. package/dist/components/Input/WInput.vue.d.ts.map +1 -1
  20. package/dist/components/Input/WInput.vue.js +16 -3
  21. package/dist/components/Input/WInputAsync.vue.js +2 -0
  22. package/dist/components/Input/WInputDate.vue.js +2 -0
  23. package/dist/components/Input/WInputOptions.vue.js +2 -0
  24. package/dist/components/Input/WInputSuggest.vue.js +2 -0
  25. package/dist/components/Input/WInputToolbarButton.vue.d.ts +11 -0
  26. package/dist/components/Input/WInputToolbarButton.vue.d.ts.map +1 -0
  27. package/dist/components/Input/WInputToolbarButton.vue.js +85 -0
  28. package/dist/components/Input/WInputToolbarButton.vue2.js +5 -0
  29. package/dist/components/Input/components/ContentEditable.vue.d.ts.map +1 -1
  30. package/dist/components/Input/components/ContentEditable.vue2.js +51 -8
  31. package/dist/components/Input/components/InputToolbar.vue.d.ts +27 -0
  32. package/dist/components/Input/components/InputToolbar.vue.d.ts.map +1 -0
  33. package/dist/components/Input/components/InputToolbar.vue.js +5 -0
  34. package/dist/components/Input/components/InputToolbar.vue2.js +39 -0
  35. package/dist/components/Input/components/InputToolbarButton.vue.d.ts +15 -0
  36. package/dist/components/Input/components/InputToolbarButton.vue.d.ts.map +1 -0
  37. package/dist/components/Input/components/InputToolbarButton.vue.js +33 -0
  38. package/dist/components/Input/components/InputToolbarButton.vue2.js +5 -0
  39. package/dist/components/Input/models/toolbarActions.d.ts +4 -0
  40. package/dist/components/Input/models/toolbarActions.d.ts.map +1 -0
  41. package/dist/components/Input/models/toolbarActions.js +80 -0
  42. package/dist/components/Input/types.d.ts +27 -2
  43. package/dist/components/Input/types.d.ts.map +1 -1
  44. package/dist/components/MenuItem/WMenuItem.vue.js +1 -1
  45. package/dist/components/Select/WSelect.vue.js +2 -0
  46. package/dist/components/Select/WSelectAsync.vue.js +2 -0
  47. package/dist/components/Select/WSelectAsyncSingle.vue.js +2 -0
  48. package/dist/components/Select/WSelectSingle.vue.js +2 -0
  49. package/dist/components/Select/WSelectStringified.vue.js +2 -0
  50. package/dist/components/Tooltip/components/TooltipContainer.vue.d.ts +2 -2
  51. package/dist/main.d.ts +12 -1
  52. package/dist/main.d.ts.map +1 -1
  53. package/dist/main.js +94 -82
  54. package/dist/utils/utils.d.ts +4 -0
  55. package/dist/utils/utils.d.ts.map +1 -1
  56. package/dist/utils/utils.js +6 -1
  57. package/package.json +4 -1
@@ -0,0 +1,24 @@
1
+ import { createElementBlock, openBlock, createElementVNode } from 'vue';
2
+
3
+ const _hoisted_1 = {
4
+ width: "20",
5
+ height: "20",
6
+ viewBox: "0 0 24 24",
7
+ fill: "none",
8
+ xmlns: "http://www.w3.org/2000/svg"
9
+ };
10
+
11
+ function render(_ctx, _cache) {
12
+ return (openBlock(), createElementBlock("svg", _hoisted_1, _cache[0] || (_cache[0] = [
13
+ createElementVNode("path", {
14
+ d: "M4.88 4.5c0-1.1.9-2 2-2H12a4.75 4.75 0 0 1 0 9.5H4.88zm0 7.5h9.5a4.75 4.75 0 0 1 0 9.5h-7.5a2 2 0 0 1-2-2z",
15
+ stroke: "currentcolor",
16
+ "stroke-linecap": "round",
17
+ "stroke-linejoin": "round",
18
+ "stroke-width": "1.5"
19
+ }, null, -1)
20
+ ])))
21
+ }
22
+ const IconBold = { render: render };
23
+
24
+ export { IconBold as default, render };
@@ -0,0 +1,32 @@
1
+ import { createElementBlock, openBlock, createElementVNode } from 'vue';
2
+
3
+ const _hoisted_1 = {
4
+ width: "20",
5
+ height: "20",
6
+ viewBox: "0 0 24 24",
7
+ fill: "none",
8
+ xmlns: "http://www.w3.org/2000/svg"
9
+ };
10
+
11
+ function render(_ctx, _cache) {
12
+ return (openBlock(), createElementBlock("svg", _hoisted_1, _cache[0] || (_cache[0] = [
13
+ createElementVNode("path", {
14
+ d: "M9 22h6c5 0 7-2 7-7V9c0-5-2-7-7-7H9C4 2 2 4 2 9v6c0 5 2 7 7 7",
15
+ stroke: "currentcolor",
16
+ "stroke-linecap": "round",
17
+ "stroke-linejoin": "round",
18
+ "stroke-width": "1.5"
19
+ }, null, -1),
20
+ createElementVNode("path", {
21
+ d: "M8 8.57 6 12l2 3.43m8-6.86L18 12l-2 3.43M13 8l-2 8",
22
+ stroke: "currentcolor",
23
+ "stroke-linecap": "round",
24
+ "stroke-linejoin": "round",
25
+ "stroke-miterlimit": "10",
26
+ "stroke-width": "1.5"
27
+ }, null, -1)
28
+ ])))
29
+ }
30
+ const IconCodeBlock = { render: render };
31
+
32
+ export { IconCodeBlock as default, render };
@@ -0,0 +1,25 @@
1
+ import { createElementBlock, openBlock, createElementVNode } from 'vue';
2
+
3
+ const _hoisted_1 = {
4
+ width: "20",
5
+ height: "20",
6
+ viewBox: "0 0 24 24",
7
+ fill: "none",
8
+ xmlns: "http://www.w3.org/2000/svg"
9
+ };
10
+
11
+ function render(_ctx, _cache) {
12
+ return (openBlock(), createElementBlock("svg", _hoisted_1, _cache[0] || (_cache[0] = [
13
+ createElementVNode("path", {
14
+ d: "M5.33 5.13 2 12l3.33 6.87M18.67 5.13 22 12l-3.33 6.87M13.67 4l-3.34 16",
15
+ stroke: "currentcolor",
16
+ "stroke-linecap": "round",
17
+ "stroke-linejoin": "round",
18
+ "stroke-miterlimit": "10",
19
+ "stroke-width": "1.5"
20
+ }, null, -1)
21
+ ])))
22
+ }
23
+ const IconCodeInline = { render: render };
24
+
25
+ export { IconCodeInline as default, render };
@@ -0,0 +1,24 @@
1
+ import { createElementBlock, openBlock, createElementVNode } from 'vue';
2
+
3
+ const _hoisted_1 = {
4
+ width: "20",
5
+ height: "20",
6
+ viewBox: "0 0 24 24",
7
+ fill: "none",
8
+ xmlns: "http://www.w3.org/2000/svg"
9
+ };
10
+
11
+ function render(_ctx, _cache) {
12
+ return (openBlock(), createElementBlock("svg", _hoisted_1, _cache[0] || (_cache[0] = [
13
+ createElementVNode("path", {
14
+ d: "M7 20V4M5 20h4M5 4h4m8 16V4m-2 16h4M15 4h4M7 12h10",
15
+ stroke: "currentcolor",
16
+ "stroke-linecap": "round",
17
+ "stroke-linejoin": "round",
18
+ "stroke-width": "1.5"
19
+ }, null, -1)
20
+ ])))
21
+ }
22
+ const IconHeading = { render: render };
23
+
24
+ export { IconHeading as default, render };
@@ -0,0 +1,24 @@
1
+ import { createElementBlock, openBlock, createElementVNode } from 'vue';
2
+
3
+ const _hoisted_1 = {
4
+ width: "20",
5
+ height: "20",
6
+ viewBox: "0 0 24 24",
7
+ fill: "none",
8
+ xmlns: "http://www.w3.org/2000/svg"
9
+ };
10
+
11
+ function render(_ctx, _cache) {
12
+ return (openBlock(), createElementBlock("svg", _hoisted_1, _cache[0] || (_cache[0] = [
13
+ createElementVNode("path", {
14
+ d: "M9.62 3h9.25M5.12 21h9.25m-.12-18-4.5 18",
15
+ stroke: "currentcolor",
16
+ "stroke-linecap": "round",
17
+ "stroke-linejoin": "round",
18
+ "stroke-width": "1.5"
19
+ }, null, -1)
20
+ ])))
21
+ }
22
+ const IconItalic = { render: render };
23
+
24
+ export { IconItalic as default, render };
@@ -0,0 +1,31 @@
1
+ import { createElementBlock, openBlock, createElementVNode } from 'vue';
2
+
3
+ const _hoisted_1 = {
4
+ width: "20",
5
+ height: "20",
6
+ viewBox: "0 0 24 24",
7
+ fill: "none",
8
+ xmlns: "http://www.w3.org/2000/svg"
9
+ };
10
+
11
+ function render(_ctx, _cache) {
12
+ return (openBlock(), createElementBlock("svg", _hoisted_1, _cache[0] || (_cache[0] = [
13
+ createElementVNode("path", {
14
+ d: "M11 19.5h10m-10-7h10m-10-7h10",
15
+ stroke: "currentcolor",
16
+ "stroke-linecap": "round",
17
+ "stroke-linejoin": "round",
18
+ "stroke-width": "1.5"
19
+ }, null, -1),
20
+ createElementVNode("path", {
21
+ d: "M5 19.5h.02M5 5.5h.02m-.05 7h.02",
22
+ stroke: "currentcolor",
23
+ "stroke-linecap": "round",
24
+ "stroke-linejoin": "round",
25
+ "stroke-width": "3"
26
+ }, null, -1)
27
+ ])))
28
+ }
29
+ const IconListBullet = { render: render };
30
+
31
+ export { IconListBullet as default, render };
@@ -0,0 +1,24 @@
1
+ import { createElementBlock, openBlock, createElementVNode } from 'vue';
2
+
3
+ const _hoisted_1 = {
4
+ width: "20",
5
+ height: "20",
6
+ viewBox: "0 0 24 24",
7
+ fill: "none",
8
+ xmlns: "http://www.w3.org/2000/svg"
9
+ };
10
+
11
+ function render(_ctx, _cache) {
12
+ return (openBlock(), createElementBlock("svg", _hoisted_1, _cache[0] || (_cache[0] = [
13
+ createElementVNode("path", {
14
+ d: "M11 19.5h10m-10-7h10m-10-7h10m-18 7 1 1 3-3M4.8 21.23a1.8 1.8 0 1 0 0-3.6 1.8 1.8 0 0 0 0 3.6m0-14a1.8 1.8 0 1 0 0-3.6 1.8 1.8 0 0 0 0 3.6",
15
+ stroke: "currentcolor",
16
+ "stroke-linecap": "round",
17
+ "stroke-linejoin": "round",
18
+ "stroke-width": "1.5"
19
+ }, null, -1)
20
+ ])))
21
+ }
22
+ const IconListCheckbox = { render: render };
23
+
24
+ export { IconListCheckbox as default, render };
@@ -0,0 +1,24 @@
1
+ import { createElementBlock, openBlock, createElementVNode } from 'vue';
2
+
3
+ const _hoisted_1 = {
4
+ width: "20",
5
+ height: "20",
6
+ viewBox: "0 0 24 24",
7
+ fill: "none",
8
+ xmlns: "http://www.w3.org/2000/svg"
9
+ };
10
+
11
+ function render(_ctx, _cache) {
12
+ return (openBlock(), createElementBlock("svg", _hoisted_1, _cache[0] || (_cache[0] = [
13
+ createElementVNode("path", {
14
+ d: "M11 19.5h10m-10-7h10m-10-7h10M3.5 3H5v6m-1.5 6.5C4 15 4.5 15 5 15c1 0 1.5 1 1.5 2s-.5 2-3 4h3",
15
+ stroke: "currentcolor",
16
+ "stroke-linecap": "round",
17
+ "stroke-linejoin": "round",
18
+ "stroke-width": "1.5"
19
+ }, null, -1)
20
+ ])))
21
+ }
22
+ const IconListNumbered = { render: render };
23
+
24
+ export { IconListNumbered as default, render };
@@ -0,0 +1,24 @@
1
+ import { createElementBlock, openBlock, createElementVNode } from 'vue';
2
+
3
+ const _hoisted_1 = {
4
+ width: "20",
5
+ height: "20",
6
+ viewBox: "0 0 24 24",
7
+ fill: "none",
8
+ xmlns: "http://www.w3.org/2000/svg"
9
+ };
10
+
11
+ function render(_ctx, _cache) {
12
+ return (openBlock(), createElementBlock("svg", _hoisted_1, _cache[0] || (_cache[0] = [
13
+ createElementVNode("path", {
14
+ d: "M11 19.5h10m-10-7h10m-10-7h10M5 21V3",
15
+ stroke: "currentcolor",
16
+ "stroke-linecap": "round",
17
+ "stroke-linejoin": "round",
18
+ "stroke-width": "1.5"
19
+ }, null, -1)
20
+ ])))
21
+ }
22
+ const IconQuote = { render: render };
23
+
24
+ export { IconQuote as default, render };
@@ -0,0 +1,24 @@
1
+ import { createElementBlock, openBlock, createElementVNode } from 'vue';
2
+
3
+ const _hoisted_1 = {
4
+ width: "20",
5
+ height: "20",
6
+ viewBox: "0 0 24 24",
7
+ fill: "none",
8
+ xmlns: "http://www.w3.org/2000/svg"
9
+ };
10
+
11
+ function render(_ctx, _cache) {
12
+ return (openBlock(), createElementBlock("svg", _hoisted_1, _cache[0] || (_cache[0] = [
13
+ createElementVNode("path", {
14
+ d: "M16.8 6c-1.2-1.2-2.4-2.4-4.8-2.4S7.2 4.8 7.2 7.2c0 1.19.59 2.08 1.47 2.83M7.2 18c1.2 1.2 2.4 2.4 4.8 2.4s4.8-1.2 4.8-3.6a3.6 3.6 0 0 0-1.41-2.78M1.2 12h21.6",
15
+ stroke: "currentcolor",
16
+ "stroke-linecap": "round",
17
+ "stroke-linejoin": "round",
18
+ "stroke-width": "1.5"
19
+ }, null, -1)
20
+ ])))
21
+ }
22
+ const IconStrikethrough = { render: render };
23
+
24
+ export { IconStrikethrough as default, render };
@@ -14,8 +14,14 @@ declare function __VLS_template(): {
14
14
  type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
15
15
  declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
16
16
  click: () => any;
17
+ mousedown: (value: MouseEvent) => any;
18
+ mouseenter: (value: MouseEvent) => any;
19
+ mouseleave: (value: MouseEvent) => any;
17
20
  }, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
18
21
  onClick?: (() => any) | undefined;
22
+ onMousedown?: ((value: MouseEvent) => any) | undefined;
23
+ onMouseenter?: ((value: MouseEvent) => any) | undefined;
24
+ onMouseleave?: ((value: MouseEvent) => any) | undefined;
19
25
  }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
20
26
  element: HTMLDivElement;
21
27
  }, HTMLDivElement>;
@@ -1 +1 @@
1
- {"version":3,"file":"WClickOutside.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/ClickOutside/WClickOutside.vue"],"names":[],"mappings":"AAKA;AAkDA,KAAK,WAAW,GAAG;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,CAAC;AAoCF,iBAAS,cAAc;WA0BT,OAAO,IAA6B;;yBAXrB,GAAG;;;;;;EAgB/B;AASD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;kBASnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAQpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
1
+ {"version":3,"file":"WClickOutside.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/ClickOutside/WClickOutside.vue"],"names":[],"mappings":"AAUA;AA0DA,KAAK,WAAW,GAAG;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,CAAC;AAuCF,iBAAS,cAAc;WAmCT,OAAO,IAA6B;;yBAXrB,GAAG;;;;;;EAgB/B;AASD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;;;kBASnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAQpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
@@ -1,13 +1,12 @@
1
1
  import { defineComponent, useTemplateRef, onMounted, onBeforeUnmount, createElementBlock, openBlock, renderSlot } from 'vue';
2
2
  import { isClientSide, hasParent } from '../../utils/utils.js';
3
3
 
4
- const _hoisted_1 = { ref: "element" };
5
4
  const _sfc_main = /* @__PURE__ */ defineComponent({
6
5
  __name: "WClickOutside",
7
6
  props: {
8
7
  noFilter: { type: Boolean }
9
8
  },
10
- emits: ["click"],
9
+ emits: ["click", "mouseenter", "mouseleave", "mousedown"],
11
10
  setup(__props, { emit: __emit }) {
12
11
  const props = __props;
13
12
  const emit = __emit;
@@ -31,9 +30,14 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
31
30
  document.removeEventListener("contextmenu", clickListener);
32
31
  });
33
32
  return (_ctx, _cache) => {
34
- return openBlock(), createElementBlock("div", _hoisted_1, [
33
+ return openBlock(), createElementBlock("div", {
34
+ ref: "element",
35
+ onMouseenter: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("mouseenter", $event)),
36
+ onMouseleave: _cache[1] || (_cache[1] = ($event) => _ctx.$emit("mouseleave", $event)),
37
+ onMousedown: _cache[2] || (_cache[2] = ($event) => _ctx.$emit("mousedown", $event))
38
+ }, [
35
39
  renderSlot(_ctx.$slots, "default")
36
- ], 512);
40
+ ], 544);
37
41
  };
38
42
  }
39
43
  });
@@ -35,6 +35,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
35
35
  noWrap: { type: Boolean },
36
36
  textTransparent: { type: Boolean },
37
37
  textParts: {},
38
+ rich: { type: Boolean },
39
+ toolbarActions: {},
38
40
  title: {},
39
41
  titleIcon: {},
40
42
  description: {},
@@ -45,6 +45,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
45
45
  noWrap: { type: Boolean },
46
46
  textTransparent: { type: Boolean },
47
47
  textParts: {},
48
+ rich: { type: Boolean },
49
+ toolbarActions: {},
48
50
  title: {},
49
51
  titleIcon: {},
50
52
  description: {},
@@ -50,6 +50,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
50
50
  noWrap: { type: Boolean },
51
51
  textTransparent: { type: Boolean },
52
52
  textParts: {},
53
+ rich: { type: Boolean },
54
+ toolbarActions: {},
53
55
  title: {},
54
56
  titleIcon: {},
55
57
  description: {},
@@ -46,6 +46,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
46
46
  noWrap: { type: Boolean },
47
47
  textTransparent: { type: Boolean },
48
48
  textParts: {},
49
+ rich: { type: Boolean },
50
+ toolbarActions: {},
49
51
  title: {},
50
52
  titleIcon: {},
51
53
  description: {},
@@ -46,6 +46,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
46
46
  noWrap: { type: Boolean },
47
47
  textTransparent: { type: Boolean },
48
48
  textParts: {},
49
+ rich: { type: Boolean },
50
+ toolbarActions: {},
49
51
  title: {},
50
52
  titleIcon: {},
51
53
  description: {},
@@ -1 +1 @@
1
- {"version":3,"file":"WInput.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Input/WInput.vue"],"names":[],"mappings":"AAqOA;AAwdA,OAAO,KAAK,EAAC,UAAU,EAAE,aAAa,EAAC,MAAM,SAAS,CAAA;yBAYrC,IAAI,SAAS,SAAS,GAAG,MAAM,EAC/C,aAAa,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,EAC9D,YAAY,mBAAmB,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC,EAC3G,eAAe,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC,EACjE;WAurBO,mBAAmB,CAAC,oCAAkE,CAAC,4BAA2B;oBACzG,OAAO,KAAK,EAAE,gBAAgB;qBAxkB7B,IAAI;oBAOL,IAAI;+BA2DS,aAAa;+BACb,MAAM,aAAa,MAAM;;;;;;;MAqgBc,GAAG,IAAI;WACpE,GAAG;;uBA1DgB,GAAG;0BACA,GAAG;wBACJ,GAAG;;;YAEH,GAAG;;mCAjdF,aAAa;YAgdb,GAAG;;;YAEJ,GAAG;uBACJ,GAAG;wBACF,GAAG;uBACJ,GAAG;uBACH,GAAG;wBACF,GAAG;;;YArnB1B,oBAAoB,SAAS,4CAAa,SAAS,GAAG,IAAI;YAC1D,gBAAgB,SAAS,aAAa,GAAG,IAAI;YAC7C,aAAa,SAAS,aAAa,GAAG,IAAI;YAC1C,eAAe,SAAS,aAAa,GAAG,IAAI;YAC5C,iBAAiB,SAAS,aAAa,GAAG,IAAI;YAC9C,oBAAoB,SAAS,aAAa,GAAG,IAAI;YACjD,aAAa,GAAG,IAAI;YACpB,OAAO,SAAS,UAAU,GAAG,SAAS,GAAG,IAAI;YAC7C,MAAM,SAAS,UAAU,GAAG,IAAI;YAChC,OAAO,SAAS,UAAU,GAAG,IAAI;YACjC,WAAW,SAAS,UAAU,GAAG,IAAI;YACrC,cAAc,SAAS,UAAU,GAAG,IAAI;YACxC,cAAc,SAAS,KAAK,GAAG,IAAI;YACnC,OAAO,GAAG,IAAI;;EA4pBhB,KACQ,OAAO,KAAK,EAAE,KAAK,GAAG;IAAE,KAAK,CAAC,EAAE,OAAO,CAAC,OAAO,WAAW,CAAC,CAAA;CAAE;AAlsBzE,wBAksB4E;AAC5E,KAAK,mBAAmB,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}
1
+ {"version":3,"file":"WInput.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Input/WInput.vue"],"names":[],"mappings":"AA4OA;AAieA,OAAO,KAAK,EAAC,UAAU,EAAE,aAAa,EAAC,MAAM,SAAS,CAAA;yBAYrC,IAAI,SAAS,SAAS,GAAG,MAAM,EAC/C,aAAa,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,EAC9D,YAAY,mBAAmB,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC,EAC3G,eAAe,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC,EACjE;WAgtBO,mBAAmB,CAAC,oCAAkE,CAAC,4BAA2B;oBACzG,OAAO,KAAK,EAAE,gBAAgB;qBA/lB7B,IAAI;oBAOL,IAAI;+BA2DS,aAAa;+BACb,MAAM,aAAa,MAAM;;;;;;;MA4hBc,GAAG,IAAI;WACpE,GAAG;;uBA3DgB,GAAG;0BACA,GAAG;wBACJ,GAAG;;;YAEH,GAAG;;mCAveF,aAAa;YAseb,GAAG;;;YAEJ,GAAG;uBACJ,GAAG;wBACF,GAAG;uBACJ,GAAG;uBACH,GAAG;wBACF,GAAG;;;YA3oB1B,oBAAoB,SAAS,4CAAa,SAAS,GAAG,IAAI;YAC1D,gBAAgB,SAAS,aAAa,GAAG,IAAI;YAC7C,aAAa,SAAS,aAAa,GAAG,IAAI;YAC1C,eAAe,SAAS,aAAa,GAAG,IAAI;YAC5C,iBAAiB,SAAS,aAAa,GAAG,IAAI;YAC9C,oBAAoB,SAAS,aAAa,GAAG,IAAI;YACjD,aAAa,GAAG,IAAI;YACpB,OAAO,SAAS,UAAU,GAAG,SAAS,GAAG,IAAI;YAC7C,MAAM,SAAS,UAAU,GAAG,IAAI;YAChC,OAAO,SAAS,UAAU,GAAG,IAAI;YACjC,WAAW,SAAS,UAAU,GAAG,IAAI;YACrC,cAAc,SAAS,UAAU,GAAG,IAAI;YACxC,cAAc,SAAS,KAAK,GAAG,IAAI;YACnC,OAAO,GAAG,IAAI;;EAmrBhB,KACQ,OAAO,KAAK,EAAE,KAAK,GAAG;IAAE,KAAK,CAAC,EAAE,OAAO,CAAC,OAAO,WAAW,CAAC,CAAA;CAAE;AA3tBzE,wBA2tB4E;AAC5E,KAAK,mBAAmB,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}
@@ -38,6 +38,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
38
38
  noWrap: { type: Boolean },
39
39
  textTransparent: { type: Boolean },
40
40
  textParts: {},
41
+ rich: { type: Boolean },
42
+ toolbarActions: {},
41
43
  title: {},
42
44
  titleIcon: {},
43
45
  description: {},
@@ -62,6 +64,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
62
64
  },
63
65
  emits: ["update:model-value", "keypress:enter", "keypress:up", "keypress:down", "keypress:delete", "keypress:backspace", "click:clear", "focus", "blur", "click", "mousedown", "click:suffix", "select:input", "paste"],
64
66
  setup(__props, { expose: __expose, emit: __emit }) {
67
+ const InputToolbar = defineAsyncComponent(() => import('./components/InputToolbar.vue.js'));
65
68
  const ContentEditable = defineAsyncComponent(() => import('./components/ContentEditable.vue.js'));
66
69
  const props = __props;
67
70
  const emit = __emit;
@@ -266,9 +269,19 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
266
269
  }]),
267
270
  onClick: focus
268
271
  }, [
269
- renderSlot(_ctx.$slots, "toolbar", normalizeProps(guardReactiveProps({ wrapSelection }))),
270
- _ctx.icon ? (openBlock(), createElementBlock("div", {
272
+ _ctx.textarea && (_ctx.rich || _ctx.toolbarActions || _ctx.$slots.toolbar) ? (openBlock(), createBlock(unref(InputToolbar), {
271
273
  key: 0,
274
+ list: _ctx.toolbarActions,
275
+ rich: _ctx.rich === true,
276
+ onWrapSelection: wrapSelection
277
+ }, {
278
+ default: withCtx(() => [
279
+ renderSlot(_ctx.$slots, "toolbar", normalizeProps(guardReactiveProps({ wrapSelection })))
280
+ ]),
281
+ _: 3
282
+ }, 8, ["list", "rich"])) : createCommentVNode("", true),
283
+ _ctx.icon ? (openBlock(), createElementBlock("div", {
284
+ key: 1,
272
285
  class: normalizeClass(["flex h-full w-[--w-input-height,2.75rem] select-none items-center justify-center", {
273
286
  "text-description": !focused,
274
287
  "text-primary dark:text-primary-dark": focused
@@ -362,7 +375,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
362
375
  ], 2)
363
376
  ], 2),
364
377
  !_ctx.seamless || focused ? (openBlock(), createBlock(_sfc_main$2, {
365
- key: 1,
378
+ key: 2,
366
379
  "model-value": _ctx.modelValue,
367
380
  loading: _ctx.loading,
368
381
  "allow-clear": _ctx.allowClear && _ctx.modelValue !== "",
@@ -45,6 +45,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
45
45
  noWrap: { type: Boolean },
46
46
  textTransparent: { type: Boolean },
47
47
  textParts: {},
48
+ rich: { type: Boolean },
49
+ toolbarActions: {},
48
50
  title: {},
49
51
  titleIcon: {},
50
52
  description: {},
@@ -41,6 +41,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
41
41
  noWrap: { type: Boolean },
42
42
  textTransparent: { type: Boolean },
43
43
  textParts: {},
44
+ rich: { type: Boolean },
45
+ toolbarActions: {},
44
46
  title: {},
45
47
  titleIcon: {},
46
48
  description: {},
@@ -47,6 +47,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
47
47
  noWrap: { type: Boolean },
48
48
  textTransparent: { type: Boolean },
49
49
  textParts: {},
50
+ rich: { type: Boolean },
51
+ toolbarActions: {},
50
52
  title: {},
51
53
  titleIcon: {},
52
54
  description: {},
@@ -44,6 +44,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
44
44
  noWrap: { type: Boolean },
45
45
  textTransparent: { type: Boolean },
46
46
  textParts: {},
47
+ rich: { type: Boolean },
48
+ toolbarActions: {},
47
49
  title: {},
48
50
  titleIcon: {},
49
51
  description: {},
@@ -0,0 +1,11 @@
1
+ import { ToolbarAction, WrapSelection } from './types';
2
+ type __VLS_Props = {
3
+ action: ToolbarAction;
4
+ };
5
+ declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
6
+ "wrap-selection": (value: WrapSelection) => any;
7
+ }, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
8
+ "onWrap-selection"?: ((value: WrapSelection) => any) | undefined;
9
+ }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
10
+ export default _default;
11
+ //# sourceMappingURL=WInputToolbarButton.vue.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"WInputToolbarButton.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Input/WInputToolbarButton.vue"],"names":[],"mappings":"AA4CA;AA4FA,OAAO,KAAK,EAAC,aAAa,EAAE,aAAa,EAAC,MAAM,0BAA0B,CAAA;AAY1E,KAAK,WAAW,GAAG;IACjB,MAAM,EAAE,aAAa,CAAA;CACtB,CAAC;;;;;;AAoNF,wBAOG"}
@@ -0,0 +1,85 @@
1
+ import { defineComponent, ref, createBlock, openBlock, unref, withCtx, createVNode, withModifiers, createElementBlock, Fragment, renderList, createTextVNode, resolveDynamicComponent, toDisplayString } from 'vue';
2
+ import _sfc_main$2 from '../ClickOutside/WClickOutside.vue.js';
3
+ import _sfc_main$1 from '../DropdownMenu/WDropdownMenu.vue.js';
4
+ import _sfc_main$3 from '../MenuItem/WMenuItem.vue.js';
5
+ import { HorizontalAlign } from '../../utils/HorizontalAlign.js';
6
+ import _sfc_main$4 from './components/InputToolbarButton.vue.js';
7
+
8
+ const _sfc_main = /* @__PURE__ */ defineComponent({
9
+ __name: "WInputToolbarButton",
10
+ props: {
11
+ action: {}
12
+ },
13
+ emits: ["wrap-selection"],
14
+ setup(__props) {
15
+ const isOpen = ref(false);
16
+ let timeout = null;
17
+ const enter = () => {
18
+ if (timeout) {
19
+ clearTimeout(timeout);
20
+ timeout = null;
21
+ }
22
+ isOpen.value = true;
23
+ };
24
+ const leave = () => {
25
+ if (timeout) {
26
+ clearTimeout(timeout);
27
+ timeout = null;
28
+ }
29
+ timeout = setTimeout(() => {
30
+ isOpen.value = false;
31
+ timeout = null;
32
+ });
33
+ };
34
+ return (_ctx, _cache) => {
35
+ return Array.isArray(_ctx.action.value) ? (openBlock(), createBlock(_sfc_main$1, {
36
+ key: 0,
37
+ "is-open": isOpen.value,
38
+ "horizontal-align": unref(HorizontalAlign).CENTER,
39
+ top: ""
40
+ }, {
41
+ toggle: withCtx(() => [
42
+ createVNode(_sfc_main$4, {
43
+ action: _ctx.action,
44
+ onClick: _cache[0] || (_cache[0] = ($event) => isOpen.value ? leave : enter),
45
+ onMouseenter: enter,
46
+ onMouseleave: leave
47
+ }, null, 8, ["action"])
48
+ ]),
49
+ content: withCtx(() => [
50
+ createVNode(_sfc_main$2, {
51
+ class: "bg-default dark:bg-default-dark max-h-80 overflow-y-auto overscroll-y-contain rounded-xl text-start text-xs font-semibold shadow-md dark:border dark:border-solid dark:border-gray-800",
52
+ onClick: leave,
53
+ onMouseenter: enter,
54
+ onMouseleave: leave,
55
+ onMousedown: _cache[1] || (_cache[1] = withModifiers(() => {
56
+ }, ["prevent"]))
57
+ }, {
58
+ default: withCtx(() => [
59
+ (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.action.value, (item, index) => {
60
+ return openBlock(), createBlock(_sfc_main$3, {
61
+ key: index,
62
+ onClick: ($event) => _ctx.$emit("wrap-selection", item.value)
63
+ }, {
64
+ default: withCtx(() => [
65
+ (openBlock(), createBlock(resolveDynamicComponent(item.icon))),
66
+ createTextVNode(" " + toDisplayString(item.title), 1)
67
+ ]),
68
+ _: 2
69
+ }, 1032, ["onClick"]);
70
+ }), 128))
71
+ ]),
72
+ _: 1
73
+ })
74
+ ]),
75
+ _: 1
76
+ }, 8, ["is-open", "horizontal-align"])) : (openBlock(), createBlock(_sfc_main$4, {
77
+ key: 1,
78
+ action: _ctx.action,
79
+ onClick: _cache[2] || (_cache[2] = ($event) => _ctx.$emit("wrap-selection", _ctx.action.value))
80
+ }, null, 8, ["action"]));
81
+ };
82
+ }
83
+ });
84
+
85
+ export { _sfc_main as default };
@@ -0,0 +1,5 @@
1
+ import _sfc_main from './WInputToolbarButton.vue.js';
2
+
3
+
4
+
5
+ export { _sfc_main as default };
@@ -1 +1 @@
1
- {"version":3,"file":"ContentEditable.vue.d.ts","sourceRoot":"","sources":["../../../../../src/components/Input/components/ContentEditable.vue"],"names":[],"mappings":"AAiBA;AA+RA,OAAO,KAAK,EAAC,QAAQ,EAAE,aAAa,EAAC,MAAM,UAAU,CAAA;AAIrD,KAAK,WAAW,GAAG;IACjB,KAAK,EAAE,MAAM,CAAA;IACb,WAAW,EAAE,MAAM,CAAA;IACnB,SAAS,EAAE,MAAM,CAAA;IACjB,SAAS,EAAE,QAAQ,EAAE,GAAG,SAAS,CAAA;CAClC,CAAC;;;;2BAsN4B,aAAa,KAAG,IAAI;2BAnBpB,MAAM,aAAa,MAAM;;;;;;;;;;;;;;;;;;;AA2IvD,wBAUG"}
1
+ {"version":3,"file":"ContentEditable.vue.d.ts","sourceRoot":"","sources":["../../../../../src/components/Input/components/ContentEditable.vue"],"names":[],"mappings":"AAiBA;AAwVA,OAAO,KAAK,EAAC,QAAQ,EAAG,aAAa,EAAC,MAAM,UAAU,CAAA;AAQtD,KAAK,WAAW,GAAG;IACjB,KAAK,EAAE,MAAM,CAAA;IACb,WAAW,EAAE,MAAM,CAAA;IACnB,SAAS,EAAE,MAAM,CAAA;IACjB,SAAS,EAAE,QAAQ,EAAE,GAAG,SAAS,CAAA;CAClC,CAAC;;;;2BAsN4B,aAAa,KAAG,IAAI;2BAnBpB,MAAM,aAAa,MAAM;;;;;;;;;;;;;;;;;;;AAgMvD,wBAUG"}