@xwiki/cristal-dsvuetify 0.22.0 → 0.23.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 (52) hide show
  1. package/CHANGELOG.md +17 -0
  2. package/dist/{index-D8yc5V3N.js → index-DuymNdmD.js} +8211 -7780
  3. package/dist/index-DuymNdmD.js.map +1 -0
  4. package/dist/index.es.js +5 -4
  5. package/dist/index.umd.js +10 -9
  6. package/dist/index.umd.js.map +1 -1
  7. package/dist/vue/form/x-form.vue.d.ts +178 -174
  8. package/dist/vue/x-menu-item.vue.d.ts +2 -4
  9. package/dist/vue/x-tree.vue.d.ts +14 -0
  10. package/dist/x-alert-CWUIStcc.js +46 -0
  11. package/dist/{x-alert-DKgk3dOE.js.map → x-alert-CWUIStcc.js.map} +1 -1
  12. package/dist/x-avatar-B5IoAQPQ.js +28 -0
  13. package/dist/{x-avatar-WnkeGyHH.js.map → x-avatar-B5IoAQPQ.js.map} +1 -1
  14. package/dist/x-checkbox-DPBHV522.js +28 -0
  15. package/dist/{x-checkbox-EzA-ce8R.js.map → x-checkbox-DPBHV522.js.map} +1 -1
  16. package/dist/x-dialog-C3nQDBym.js +49 -0
  17. package/dist/{x-dialog-CvZUbP80.js.map → x-dialog-C3nQDBym.js.map} +1 -1
  18. package/dist/{x-file-input-7TdHHaG2.js → x-file-input-BF8IdlrX.js} +13 -13
  19. package/dist/{x-file-input-7TdHHaG2.js.map → x-file-input-BF8IdlrX.js.map} +1 -1
  20. package/dist/{x-form-DrjHf0um.js → x-form-7_KNhAtf.js} +2 -2
  21. package/dist/{x-form-DrjHf0um.js.map → x-form-7_KNhAtf.js.map} +1 -1
  22. package/dist/x-menu-item-Ph5-wwcR.js +26 -0
  23. package/dist/{x-menu-item-CBdOhZc3.js.map → x-menu-item-Ph5-wwcR.js.map} +1 -1
  24. package/dist/{x-navigation-tree-BcW_691Y.js → x-navigation-tree-B5pIL2rS.js} +48 -48
  25. package/dist/{x-navigation-tree-BcW_691Y.js.map → x-navigation-tree-B5pIL2rS.js.map} +1 -1
  26. package/dist/x-navigation-tree-select-BHnoY91T.js +110 -0
  27. package/dist/{x-navigation-tree-select-_13SOFbP.js.map → x-navigation-tree-select-BHnoY91T.js.map} +1 -1
  28. package/dist/{x-select-DnRsSLAX.js → x-select-mVjAXRju.js} +14 -14
  29. package/dist/{x-select-DnRsSLAX.js.map → x-select-mVjAXRju.js.map} +1 -1
  30. package/dist/x-tab-B8YFmNK2.js +22 -0
  31. package/dist/{x-tab-vRrbUjdK.js.map → x-tab-B8YFmNK2.js.map} +1 -1
  32. package/dist/x-tab-panel-B7a_xbQd.js +22 -0
  33. package/dist/{x-tab-panel-DysgiPCz.js.map → x-tab-panel-B7a_xbQd.js.map} +1 -1
  34. package/dist/x-text-field-DTZ5xunG.js +45 -0
  35. package/dist/{x-text-field-BWaRETwR.js.map → x-text-field-DTZ5xunG.js.map} +1 -1
  36. package/dist/x-tree-iloM7Rw9.js +51 -0
  37. package/dist/x-tree-iloM7Rw9.js.map +1 -0
  38. package/package.json +16 -15
  39. package/src/components/vuetifyDesignSystemLoader.ts +1 -0
  40. package/src/vue/css/style.css +1 -0
  41. package/src/vue/x-menu-item.vue +4 -4
  42. package/src/vue/x-tree.vue +81 -0
  43. package/dist/index-D8yc5V3N.js.map +0 -1
  44. package/dist/x-alert-DKgk3dOE.js +0 -46
  45. package/dist/x-avatar-WnkeGyHH.js +0 -28
  46. package/dist/x-checkbox-EzA-ce8R.js +0 -28
  47. package/dist/x-dialog-CvZUbP80.js +0 -49
  48. package/dist/x-menu-item-CBdOhZc3.js +0 -22
  49. package/dist/x-navigation-tree-select-_13SOFbP.js +0 -110
  50. package/dist/x-tab-panel-DysgiPCz.js +0 -22
  51. package/dist/x-tab-vRrbUjdK.js +0 -22
  52. package/dist/x-text-field-BWaRETwR.js +0 -45
@@ -1,46 +0,0 @@
1
- import { defineComponent as d, resolveComponent as n, createBlock as a, openBlock as t, withCtx as r, createElementBlock as l, createCommentVNode as s, renderSlot as m, Fragment as _, renderList as u, createTextVNode as f, toDisplayString as i } from "vue";
2
- import { _ as b } from "./_plugin-vue_export-helper-CHgC5LLL.js";
3
- const k = { key: 0 }, y = { key: 1 }, v = /* @__PURE__ */ d({
4
- __name: "x-alert",
5
- props: {
6
- title: {},
7
- type: {},
8
- description: {},
9
- actions: {},
10
- closable: { type: Boolean },
11
- details: {}
12
- },
13
- setup(C) {
14
- return (e, h) => {
15
- const p = n("x-btn"), c = n("v-alert");
16
- return t(), a(c, {
17
- closable: e.closable,
18
- title: e.title,
19
- type: e.type,
20
- text: e.description
21
- }, {
22
- default: r(() => [
23
- (t(!0), l(_, null, u(e.actions, (o) => (t(), a(p, {
24
- key: o.name,
25
- size: "small",
26
- variant: "text",
27
- onClick: o.callback
28
- }, {
29
- default: r(() => [
30
- f(i(o.name), 1)
31
- ]),
32
- _: 2
33
- }, 1032, ["onClick"]))), 128)),
34
- e.details ? (t(), l("br", k)) : s("", !0),
35
- e.details ? (t(), l("small", y, i(e.details), 1)) : s("", !0),
36
- m(e.$slots, "default", {}, void 0, !0)
37
- ]),
38
- _: 3
39
- }, 8, ["closable", "title", "type", "text"]);
40
- };
41
- }
42
- }), g = /* @__PURE__ */ b(v, [["__scopeId", "data-v-3b5794fd"]]);
43
- export {
44
- g as default
45
- };
46
- //# sourceMappingURL=x-alert-DKgk3dOE.js.map
@@ -1,28 +0,0 @@
1
- import { defineComponent as r, resolveComponent as n, createBlock as o, openBlock as a, withCtx as m, createElementBlock as i, toDisplayString as p } from "vue";
2
- const c = { key: 1 }, g = /* @__PURE__ */ r({
3
- __name: "x-avatar",
4
- props: {
5
- image: {},
6
- size: {},
7
- name: {}
8
- },
9
- setup(l) {
10
- return (e, _) => {
11
- const t = n("v-img"), s = n("v-avatar");
12
- return a(), o(s, { size: e.size }, {
13
- default: m(() => [
14
- e.image ? (a(), o(t, {
15
- key: 0,
16
- alt: e.name,
17
- src: e.image
18
- }, null, 8, ["alt", "src"])) : (a(), i("span", c, p(e.name), 1))
19
- ]),
20
- _: 1
21
- }, 8, ["size"]);
22
- };
23
- }
24
- });
25
- export {
26
- g as default
27
- };
28
- //# sourceMappingURL=x-avatar-WnkeGyHH.js.map
@@ -1,28 +0,0 @@
1
- import { defineComponent as d, mergeModels as s, useModel as u, createBlock as n, openBlock as t, unref as p } from "vue";
2
- import { d as r } from "./index-D8yc5V3N.js";
3
- const V = /* @__PURE__ */ d({
4
- __name: "x-checkbox",
5
- props: /* @__PURE__ */ s({
6
- label: {},
7
- help: {},
8
- modelValue: { type: Boolean }
9
- }, {
10
- modelValue: { type: [Boolean, null] },
11
- modelModifiers: {}
12
- }),
13
- emits: ["update:modelValue"],
14
- setup(a) {
15
- const e = u(a, "modelValue");
16
- return (l, o) => (t(), n(p(r), {
17
- modelValue: e.value,
18
- "onUpdate:modelValue": o[0] || (o[0] = (m) => e.value = m),
19
- label: l.label,
20
- messages: l.help,
21
- density: "compact"
22
- }, null, 8, ["modelValue", "label", "messages"]));
23
- }
24
- });
25
- export {
26
- V as default
27
- };
28
- //# sourceMappingURL=x-checkbox-EzA-ce8R.js.map
@@ -1,49 +0,0 @@
1
- import { defineComponent as p, resolveComponent as o, createBlock as r, openBlock as n, withCtx as e, createVNode as d, createCommentVNode as v, renderSlot as a, createElementVNode as m, normalizeProps as u, guardReactiveProps as f } from "vue";
2
- import { _ as h } from "./_plugin-vue_export-helper-CHgC5LLL.js";
3
- const w = /* @__PURE__ */ p({
4
- __name: "x-dialog",
5
- props: {
6
- title: {},
7
- width: {}
8
- },
9
- setup(g) {
10
- return (t, C) => {
11
- const c = o("v-card-text"), l = o("v-card-actions"), s = o("v-card"), i = o("v-dialog");
12
- return n(), r(i, {
13
- width: t.width,
14
- attach: "#view",
15
- scrollable: ""
16
- }, {
17
- activator: e(({ props: _ }) => [
18
- m("span", u(f(_)), [
19
- a(t.$slots, "activator", {}, void 0, !0)
20
- ], 16)
21
- ]),
22
- default: e(() => [
23
- d(s, { title: t.title }, {
24
- default: e(() => [
25
- d(c, null, {
26
- default: e(() => [
27
- a(t.$slots, "default", {}, void 0, !0)
28
- ]),
29
- _: 3
30
- }),
31
- t.$slots.footer ? (n(), r(l, { key: 0 }, {
32
- default: e(() => [
33
- a(t.$slots, "footer", {}, void 0, !0)
34
- ]),
35
- _: 3
36
- })) : v("", !0)
37
- ]),
38
- _: 3
39
- }, 8, ["title"])
40
- ]),
41
- _: 3
42
- }, 8, ["width"]);
43
- };
44
- }
45
- }), N = /* @__PURE__ */ h(w, [["__scopeId", "data-v-9e36865e"]]);
46
- export {
47
- N as default
48
- };
49
- //# sourceMappingURL=x-dialog-CvZUbP80.js.map
@@ -1,22 +0,0 @@
1
- import { defineComponent as o, resolveComponent as n, createBlock as l, openBlock as r, withCtx as a, renderSlot as s } from "vue";
2
- const _ = /* @__PURE__ */ o({
3
- __name: "x-menu-item",
4
- props: {
5
- value: {}
6
- },
7
- setup(m) {
8
- return (e, p) => {
9
- const t = n("v-list-item");
10
- return r(), l(t, { value: e.value }, {
11
- default: a(() => [
12
- s(e.$slots, "default")
13
- ]),
14
- _: 3
15
- }, 8, ["value"]);
16
- };
17
- }
18
- });
19
- export {
20
- _ as default
21
- };
22
- //# sourceMappingURL=x-menu-item-CBdOhZc3.js.map
@@ -1,110 +0,0 @@
1
- import { defineComponent as w, mergeModels as C, inject as D, useModel as X, ref as v, onMounted as k, resolveComponent as i, createElementBlock as x, openBlock as B, Fragment as H, createVNode as l, unref as o, withCtx as n, createTextVNode as h, toDisplayString as y, mergeDefaults as N } from "vue";
2
- import { t as M } from "./translations-BVK9UR9x.js";
3
- import S from "./x-breadcrumb-DiDfmxr5.js";
4
- import { EntityType as E, SpaceReference as I } from "@xwiki/cristal-model-api";
5
- import { useI18n as A } from "vue-i18n";
6
- import { a as F } from "./index-D8yc5V3N.js";
7
- import { _ as j } from "./_plugin-vue_export-helper-CHgC5LLL.js";
8
- const z = {
9
- includeTerminals: !1
10
- }, L = /* @__PURE__ */ w({
11
- __name: "x-navigation-tree-select",
12
- props: /* @__PURE__ */ C(/* @__PURE__ */ N({
13
- label: {},
14
- help: {},
15
- currentPageReference: {},
16
- modelValue: {},
17
- includeTerminals: { type: Boolean }
18
- }, z), {
19
- modelValue: {},
20
- modelModifiers: {}
21
- }),
22
- emits: ["update:modelValue"],
23
- setup(f) {
24
- const p = D("cristal"), c = p.getContainer().get("PageHierarchyResolverProvider").get(), _ = p.getContainer().get("ModelReferenceHandlerProvider").get(), { t: s } = A({
25
- messages: M
26
- }), u = f, d = X(f, "modelValue"), m = v(!1), a = v([]);
27
- let t;
28
- k(async () => {
29
- t = u.currentPageReference, d.value = u.currentPageReference.space, a.value = await c.getPageHierarchy(
30
- u.currentPageReference.space,
31
- !1
32
- );
33
- });
34
- async function P(e) {
35
- e.location.type == E.SPACE ? e.location.names.length > 0 ? (t = _.createDocumentReference(
36
- e.location.names[e.location.names.length - 1],
37
- new I(
38
- e.location.wiki,
39
- ...e.location.names.slice(0, -1)
40
- )
41
- ), a.value = await c.getPageHierarchy(
42
- t,
43
- !1
44
- )) : (t = void 0, a.value = [{ label: e.label, pageId: "", url: e.url }]) : (t = e.location, a.value = await c.getPageHierarchy(
45
- t,
46
- !1
47
- )), d.value = e.location;
48
- }
49
- return (e, r) => {
50
- const b = i("x-btn"), T = i("XNavigationTree"), V = i("XBtn"), R = i("XDialog");
51
- return B(), x(H, null, [
52
- l(o(F), {
53
- label: e.label,
54
- hint: e.help,
55
- "persistent-hint": e.help !== void 0,
56
- active: a.value.length > 0,
57
- readonly: ""
58
- }, {
59
- default: n(() => [
60
- l(S, { items: a.value }, null, 8, ["items"])
61
- ]),
62
- _: 1
63
- }, 8, ["label", "hint", "persistent-hint", "active"]),
64
- l(R, {
65
- modelValue: m.value,
66
- "onUpdate:modelValue": r[1] || (r[1] = (g) => m.value = g),
67
- width: "auto",
68
- title: o(s)("vuetify.tree.select.location.label")
69
- }, {
70
- activator: n(() => [
71
- l(b, {
72
- id: "change-page-location-button",
73
- size: "small",
74
- color: "secondary"
75
- }, {
76
- default: n(() => [
77
- h(y(o(s)("vuetify.tree.select.location.label")), 1)
78
- ]),
79
- _: 1
80
- })
81
- ]),
82
- default: n(() => [
83
- l(T, {
84
- "current-page-reference": o(t),
85
- "click-action": P,
86
- "include-terminals": e.includeTerminals,
87
- "show-root-node": ""
88
- }, null, 8, ["current-page-reference", "include-terminals"])
89
- ]),
90
- footer: n(() => [
91
- l(V, {
92
- variant: "primary",
93
- onClick: r[0] || (r[0] = (g) => m.value = !1)
94
- }, {
95
- default: n(() => [
96
- h(y(o(s)("vuetify.tree.select.location.select")), 1)
97
- ]),
98
- _: 1
99
- })
100
- ]),
101
- _: 1
102
- }, 8, ["modelValue", "title"])
103
- ], 64);
104
- };
105
- }
106
- }), Q = /* @__PURE__ */ j(L, [["__scopeId", "data-v-09118322"]]);
107
- export {
108
- Q as default
109
- };
110
- //# sourceMappingURL=x-navigation-tree-select-_13SOFbP.js.map
@@ -1,22 +0,0 @@
1
- import { defineComponent as o, resolveComponent as n, createBlock as a, openBlock as r, withCtx as p, renderSlot as s } from "vue";
2
- const m = /* @__PURE__ */ o({
3
- __name: "x-tab-panel",
4
- props: {
5
- tabId: {}
6
- },
7
- setup(_) {
8
- return (e, l) => {
9
- const t = n("v-tabs-window-item");
10
- return r(), a(t, { value: e.tabId }, {
11
- default: p(() => [
12
- s(e.$slots, "default")
13
- ]),
14
- _: 3
15
- }, 8, ["value"]);
16
- };
17
- }
18
- });
19
- export {
20
- m as default
21
- };
22
- //# sourceMappingURL=x-tab-panel-DysgiPCz.js.map
@@ -1,22 +0,0 @@
1
- import { defineComponent as o, resolveComponent as a, createBlock as n, openBlock as r, withCtx as p, renderSlot as l } from "vue";
2
- const u = /* @__PURE__ */ o({
3
- __name: "x-tab",
4
- props: {
5
- tabId: {}
6
- },
7
- setup(s) {
8
- return (e, _) => {
9
- const t = a("v-tab");
10
- return r(), n(t, { value: e.tabId }, {
11
- default: p(() => [
12
- l(e.$slots, "default")
13
- ]),
14
- _: 3
15
- }, 8, ["value"]);
16
- };
17
- }
18
- });
19
- export {
20
- u as default
21
- };
22
- //# sourceMappingURL=x-tab-vRrbUjdK.js.map
@@ -1,45 +0,0 @@
1
- import { defineComponent as s, mergeModels as m, useModel as p, computed as i, createBlock as d, openBlock as f, unref as y } from "vue";
2
- import { t as V } from "./translations-BVK9UR9x.js";
3
- import { useI18n as c } from "vue-i18n";
4
- import { a as h } from "./index-D8yc5V3N.js";
5
- const g = /* @__PURE__ */ s({
6
- __name: "x-text-field",
7
- props: /* @__PURE__ */ m({
8
- name: {},
9
- label: {},
10
- required: { type: Boolean },
11
- autofocus: { type: Boolean },
12
- modelValue: {},
13
- help: {},
14
- readonly: { type: Boolean },
15
- type: {}
16
- }, {
17
- modelValue: {},
18
- modelModifiers: {}
19
- }),
20
- emits: ["update:modelValue"],
21
- setup(t) {
22
- const { t: a } = c({
23
- messages: V
24
- }), n = t, l = p(t, "modelValue"), u = i(() => {
25
- const e = [];
26
- return n.required && e.push((o) => o ? !0 : a("vuetify.text.input.mandatory")), e;
27
- });
28
- return (e, o) => (f(), d(y(h), {
29
- modelValue: l.value,
30
- "onUpdate:modelValue": o[0] || (o[0] = (r) => l.value = r),
31
- label: e.label,
32
- name: e.name,
33
- autofocus: e.autofocus,
34
- hint: e.help,
35
- "persistent-hint": e.help !== void 0,
36
- rules: u.value,
37
- readonly: e.readonly,
38
- type: e.type ?? "text"
39
- }, null, 8, ["modelValue", "label", "name", "autofocus", "hint", "persistent-hint", "rules", "readonly", "type"]));
40
- }
41
- });
42
- export {
43
- g as default
44
- };
45
- //# sourceMappingURL=x-text-field-BWaRETwR.js.map