@knime/jsonforms 1.21.9 → 1.21.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.
- package/CHANGELOG.md +25 -0
- package/dist/{AnyOfTwinlist-C0gjxeQW.js → AnyOfTwinlist-okh3acrL.js} +1 -1
- package/dist/{CheckboxControl-CS6iXHnF.js → CheckboxControl-WvUWHssa.js} +1 -1
- package/dist/{CheckboxesControl-CPKIkyWt.js → CheckboxesControl-FdF0BBj6.js} +2 -2
- package/dist/{ColorControl-DeSwgyjS.js → ColorControl-DoojVQVN.js} +1 -1
- package/dist/{ColorPreviewControl-CntI0nTL.js → ColorPreviewControl-BbltK_sQ.js} +1 -1
- package/dist/{ComboBoxControl-DBYnBkC4.js → ComboBoxControl-CUld4KT6.js} +2 -2
- package/dist/{DateControl-Cx_CwvNB.js → DateControl-BY2P3mI9.js} +1 -1
- package/dist/{DateTimeControl-BJsDzufC.js → DateTimeControl-y0PRMQPw.js} +1 -1
- package/dist/{DateTimeFormatPickerControl-C80v1qfK.js → DateTimeFormatPickerControl-DIKJ38Cu.js} +1 -1
- package/dist/{DateTimeFormatPickerWithTypeControl-Dt-FKtYV.js → DateTimeFormatPickerWithTypeControl-BxT897aw.js} +4 -4
- package/dist/{DropdownControl-D_BnA4-1.js → DropdownControl-C5lnjQYg.js} +2 -2
- package/dist/ExecutorCoresControl-CfgW_CAA.js +38 -0
- package/dist/ExecutorMemoryControl-DQ5K142Z.js +34 -0
- package/dist/{FileUploadControl-D42rjpJg.js → FileUploadControl-BHA9VMk6.js} +2 -2
- package/dist/{GridSelectionControl-BJk8-yiM.js → GridSelectionControl-_y030flL.js} +1 -1
- package/dist/{HorizontalLayout-DwdPdBTW.js → HorizontalLayout-aR7lYnE1.js} +1 -1
- package/dist/{IntegerControl-D8OzxbRA.js → IntegerControl-BiWKa6qP.js} +1 -1
- package/dist/{IntervalControl-Drljrv-b.js → IntervalControl-VJCTzAIh.js} +4 -4
- package/dist/{LinkControl-BvBBTFCs.js → LinkControl-CloaPEeg.js} +1 -1
- package/dist/{LoadingDropdown.vue_vue_type_script_setup_true_lang-BLSG6Lpo.js → LoadingDropdown.vue_vue_type_script_setup_true_lang-CIHUkMU_.js} +1 -1
- package/dist/{ManualTwinlistControl-By0Hur_m.js → ManualTwinlistControl-C8duERky.js} +3 -3
- package/dist/{MultiSelectListBoxControl-nmvLP18g.js → MultiSelectListBoxControl-BVd9aG_L.js} +3 -3
- package/dist/{MultimodeTwinlistControl-yCdeWH2E.js → MultimodeTwinlistControl-Cpn3Obqv.js} +1 -1
- package/dist/{MultimodeTwinlistControl.vue_vue_type_script_setup_true_lang-DdIxzjaQ.js → MultimodeTwinlistControl.vue_vue_type_script_setup_true_lang-BWDpSwd8.js} +3 -3
- package/dist/{NameFilter-D1TMJydD.js → NameFilter-DiGEe3xM.js} +1 -1
- package/dist/{NumberControl-uLMOLEbg.js → NumberControl-CLqg9R1h.js} +1 -1
- package/dist/{NumberControlBase.vue_vue_type_script_setup_true_lang-VVQDBYw7.js → NumberControlBase.vue_vue_type_script_setup_true_lang-BmD_chMa.js} +2 -2
- package/dist/{OneOfDropdown-CDwwxb3h.js → OneOfDropdown-C-uZgb2n.js} +1 -1
- package/dist/{RadioButtonsWithDescriptionControl-5M_6G7Qk.js → RadioButtonsWithDescriptionControl-B-7qAPKi.js} +4 -4
- package/dist/RadioControl-1uSlBli9.js +20 -0
- package/dist/RadioControlBase.vue_vue_type_script_setup_true_lang-D9p-74CQ.js +52 -0
- package/dist/ResourceControlBase-Dc_hzlRC.js +69 -0
- package/dist/{RichTextControl-D9QD2_uO.js → RichTextControl-DP_G9eeL.js} +2092 -2006
- package/dist/{SectionHeading-BaLPd-bo.js → SectionHeading-DXTZxEqf.js} +1 -1
- package/dist/{SectionLayout-DY27pAtG.js → SectionLayout-7ccuUrYw.js} +3 -3
- package/dist/{SettingsSubPanel-C-ulWns9.js → SettingsSubPanel-x2JfGeo0.js} +1 -1
- package/dist/{SettingsSubPanelLayout-82gMWhpv.js → SettingsSubPanelLayout-yLYlXH0u.js} +4 -4
- package/dist/{SimpleButtonControl--7FF9sX7.js → SimpleButtonControl-CDWXL2xf.js} +1 -1
- package/dist/{SimpleButtonControl.vue_vue_type_style_index_0_scoped_17a4a240_lang-DiQR7rXG.js → SimpleButtonControl.vue_vue_type_style_index_0_scoped_17a4a240_lang-BDEWXlve.js} +11036 -10934
- package/dist/{SimpleTwinlistControl-P4KEYOq0.js → SimpleTwinlistControl-BNCs9d3G.js} +2 -2
- package/dist/{SingleSelectControl-C_ZKkV5m.js → SingleSelectControl-C6_AaIOD.js} +2 -2
- package/dist/{SingleSelectListBoxControl-oMWH0vEE.js → SingleSelectListBoxControl-SaXGIZu1.js} +3 -3
- package/dist/{SortListControl-4v3T2j_9.js → SortListControl-CE-fFPEt.js} +1 -1
- package/dist/{StyledListItem-D3LSfgGV.js → StyledListItem-CVxAhfg9.js} +1 -1
- package/dist/{TeamAndSpacesControl-CH5ImByy.js → TeamAndSpacesControl-BbnSrDDM.js} +1 -1
- package/dist/TeamResourceControl-BzK-poDQ.js +34 -0
- package/dist/{TextAreaControl-CrsZSU_f.js → TextAreaControl-CV31xMV2.js} +1 -1
- package/dist/{TextControl-B0ag-3Pv.js → TextControl-Cd8b0ciV.js} +1 -1
- package/dist/{TextControl.vue_vue_type_script_setup_true_lang-CVSXAICR.js → TextControl.vue_vue_type_script_setup_true_lang-Dy33yTWA.js} +2 -2
- package/dist/{TimeControl-Bt5OcjBc.js → TimeControl-BVtkHiqK.js} +1 -1
- package/dist/{TimePartInput-CvwAzDuY.js → TimePartInput-BXq9OsnT.js} +1 -1
- package/dist/{TimeframesControl-BE3LFgyl.js → TimeframesControl-Cj7ecpdC.js} +2 -2
- package/dist/{Tooltip-UlemzxdS.js → Tooltip-ClY9sTfM.js} +1 -1
- package/dist/{TwinlistControlBase.vue_vue_type_script_setup_true_lang-B5lCsIOD.js → TwinlistControlBase.vue_vue_type_script_setup_true_lang-CEd5Mao3.js} +2 -2
- package/dist/{TypedStringFilter-ry7fTUTx.js → TypedStringFilter-NxkEmoJG.js} +1 -1
- package/dist/{ValueSwitch-BXaDBm2C.js → ValueSwitch-CZZKbbiG.js} +1 -1
- package/dist/{ValueSwitchControl-aVx7pUi9.js → ValueSwitchControl-DSQYeBjc.js} +1 -1
- package/dist/{VerticalLayout-Bv-LJOZ0.js → VerticalLayout-B0nfyfhR.js} +2 -2
- package/dist/{VerticalLayoutBase-BQc4FVh8.js → VerticalLayoutBase-CsDLPDdW.js} +1 -1
- package/dist/{ZonedDateTimeControl-6MUvXzd3.js → ZonedDateTimeControl-CuS1pIG-.js} +2 -2
- package/dist/{_Uint8Array-C_ozLuQF.js → _Uint8Array-CZYa_ni2.js} +1 -1
- package/dist/{_baseIteratee-Bd_FINlb.js → _baseIteratee-BHa5eKgU.js} +3 -3
- package/dist/floating-ui.vue-Bk6u3tWN.js +1060 -0
- package/dist/knime-jsonforms.css +1 -1
- package/dist/knime-jsonforms.js +7 -7
- package/dist/{localTimeUtils-DBMwKtLh.js → localTimeUtils-BKrpWptT.js} +5 -5
- package/dist/src/layoutComponents/simpleArrayLayout/SimpleArrayLayoutItemControls.vue.d.ts +3 -0
- package/dist/src/uiComponents/resourceControls/ResourceControlBase.vue.d.ts +5 -17
- package/dist/src/uiComponents/richTextControl/RichTextControl.vue.d.ts +3 -5
- package/dist/testing.js +2603 -2590
- package/dist/{toString-C-CNeuJl.js → toString-CLKrIkFV.js} +1 -1
- package/dist/{useBuiltinValidations-BBVoXg9m.js → useBuiltinValidations-DiMyBW0e.js} +1 -1
- package/dist/useDropdownNavigation-EOwf_fL0.js +946 -0
- package/dist/{usePossibleValues-B-W6u-1T.js → usePossibleValues--Oc7RF2X.js} +1 -1
- package/dist/{useUnknownValuesInTwinlist-BbwGcno5.js → useUnknownValuesInTwinlist-Tb5xfKVI.js} +1 -1
- package/package.json +6 -6
- package/dist/ExecutorCoresControl-BnglyGMR.js +0 -44
- package/dist/ExecutorMemoryControl-CRATGs9C.js +0 -41
- package/dist/RadioControl-C73s-icb.js +0 -24
- package/dist/RadioControlBase.vue_vue_type_script_setup_true_lang-BScekfhl.js +0 -53
- package/dist/ResourceControlBase-Bqq1PAX_.js +0 -159
- package/dist/TeamResourceControl-BFMuyWnk.js +0 -38
- package/dist/floating-ui.vue-Fx4CxKut.js +0 -1057
- package/dist/src/uiComponents/resourceControls/SmallDonutChart.vue.d.ts +0 -20
- package/dist/useDropdownNavigation-2Yhk7zes.js +0 -821
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { computed as l } from "vue";
|
|
2
|
-
import { u as d } from "./SimpleButtonControl.vue_vue_type_style_index_0_scoped_17a4a240_lang-
|
|
2
|
+
import { u as d } from "./SimpleButtonControl.vue_vue_type_style_index_0_scoped_17a4a240_lang-BDEWXlve.js";
|
|
3
3
|
const t = (s, e) => {
|
|
4
4
|
const u = l(() => s.value.uischema), o = d(u, "possibleValues");
|
|
5
5
|
return { possibleValues: l(() => u.value.providedOptions?.includes("possibleValues") ? o.value : u.value.options?.possibleValues ?? (typeof e?.defaultOnNonProvided > "u" ? [] : e?.defaultOnNonProvided)) };
|
package/dist/{useUnknownValuesInTwinlist-BbwGcno5.js → useUnknownValuesInTwinlist-Tb5xfKVI.js}
RENAMED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { ref as v, watch as m } from "vue";
|
|
2
2
|
import { g as S, a as g } from "./index-Blg1O3Fz.js";
|
|
3
|
-
import "./SimpleButtonControl.vue_vue_type_style_index_0_scoped_17a4a240_lang-
|
|
3
|
+
import "./SimpleButtonControl.vue_vue_type_style_index_0_scoped_17a4a240_lang-BDEWXlve.js";
|
|
4
4
|
const w = ({
|
|
5
5
|
knownValuesSide: s,
|
|
6
6
|
possibleValueIds: l,
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@knime/jsonforms",
|
|
3
|
-
"version": "1.21.
|
|
3
|
+
"version": "1.21.12",
|
|
4
4
|
"description": "Internal JSON Forms integration for frontend KNIME projects",
|
|
5
5
|
"repository": {
|
|
6
6
|
"type": "git",
|
|
@@ -16,14 +16,14 @@
|
|
|
16
16
|
"@jsonforms/core": "3.4.0",
|
|
17
17
|
"@jsonforms/vue": "3.4.0",
|
|
18
18
|
"@jsonforms/vue-vanilla": "3.4.0",
|
|
19
|
-
"@knime/kds-components": "0.23.
|
|
19
|
+
"@knime/kds-components": "0.23.2",
|
|
20
20
|
"ajv": "8.18.0",
|
|
21
21
|
"date-fns": "2.30.0",
|
|
22
22
|
"focus-trap-vue": "4.0.3",
|
|
23
23
|
"tabbable": "6.2.0",
|
|
24
24
|
"uuid": "13.0.0",
|
|
25
|
-
"@knime/components": "1.46.
|
|
26
|
-
"@knime/rich-text-editor": "1.8.
|
|
25
|
+
"@knime/components": "1.46.5",
|
|
26
|
+
"@knime/rich-text-editor": "1.8.22",
|
|
27
27
|
"@knime/styles": "1.15.1",
|
|
28
28
|
"@knime/utils": "1.11.0"
|
|
29
29
|
},
|
|
@@ -36,12 +36,12 @@
|
|
|
36
36
|
"@vitejs/plugin-vue": "^6.0.1",
|
|
37
37
|
"@vue/test-utils": "2.4.6",
|
|
38
38
|
"consola": "3.4.2",
|
|
39
|
-
"lodash-es": "4.
|
|
39
|
+
"lodash-es": "4.18.1",
|
|
40
40
|
"modern-normalize": "3.0.1",
|
|
41
41
|
"postcss": "8.5.6",
|
|
42
42
|
"type-fest": "4.26.1",
|
|
43
43
|
"typescript": "^5.9.3",
|
|
44
|
-
"v-calendar": "git://github.com/knime/v-calendar.git#048477f",
|
|
44
|
+
"v-calendar": "git://github.com/knime-oss/v-calendar.git#048477f",
|
|
45
45
|
"vite": "^7.3.1",
|
|
46
46
|
"vite-plugin-dts": "4.5.4",
|
|
47
47
|
"vite-svg-loader": "5.1.0",
|
|
@@ -1,44 +0,0 @@
|
|
|
1
|
-
import { defineComponent as h, computed as o, openBlock as m, createBlock as v, normalizeProps as _, guardReactiveProps as f, withCtx as x, createElementVNode as t, toDisplayString as a } from "vue";
|
|
2
|
-
import { R as C } from "./ResourceControlBase-Bqq1PAX_.js";
|
|
3
|
-
import { _ as y } from "./SimpleButtonControl.vue_vue_type_style_index_0_scoped_17a4a240_lang-DiQR7rXG.js";
|
|
4
|
-
const g = { class: "info-container" }, V = { class: "chart-title" }, b = { class: "chart-description" }, B = /* @__PURE__ */ h({
|
|
5
|
-
__name: "ExecutorCoresControl",
|
|
6
|
-
props: {
|
|
7
|
-
control: {},
|
|
8
|
-
handleChange: { type: Function },
|
|
9
|
-
changeValue: { type: Function },
|
|
10
|
-
disabled: { type: Boolean },
|
|
11
|
-
isValid: { type: Boolean },
|
|
12
|
-
onRegisterValidation: { type: Function },
|
|
13
|
-
labelForId: {}
|
|
14
|
-
},
|
|
15
|
-
setup(c) {
|
|
16
|
-
const e = c, i = o(
|
|
17
|
-
() => e.control.uischema.options?.donutTitle || ""
|
|
18
|
-
), l = o(
|
|
19
|
-
() => e.control.uischema.options?.currentUsage ?? 0
|
|
20
|
-
), n = o(
|
|
21
|
-
() => e.control.schema.secondaryValue || 0
|
|
22
|
-
), s = o(
|
|
23
|
-
() => e.control.uischema.options?.donutMax ?? 1 / 0
|
|
24
|
-
), r = o(
|
|
25
|
-
() => s.value === -1 ? "unlimited" : s.value
|
|
26
|
-
), u = o(
|
|
27
|
-
() => e.control.uischema.options?.isSharedContext ?? !1
|
|
28
|
-
), d = o(() => l.value + n.value), p = o(
|
|
29
|
-
() => `This execution context will use ${n.value} vCore tokens. In total, ${d.value} of ${r.value} vCore tokens available ${u.value ? "from the license" : "for this team"} will be used.`
|
|
30
|
-
);
|
|
31
|
-
return (k, F) => (m(), v(C, _(f(e)), {
|
|
32
|
-
"donut-info": x(() => [
|
|
33
|
-
t("div", g, [
|
|
34
|
-
t("div", V, a(i.value), 1),
|
|
35
|
-
t("div", b, a(p.value), 1)
|
|
36
|
-
])
|
|
37
|
-
]),
|
|
38
|
-
_: 1
|
|
39
|
-
}, 16));
|
|
40
|
-
}
|
|
41
|
-
}), $ = /* @__PURE__ */ y(B, [["__scopeId", "data-v-58b92dd1"]]);
|
|
42
|
-
export {
|
|
43
|
-
$ as default
|
|
44
|
-
};
|
|
@@ -1,41 +0,0 @@
|
|
|
1
|
-
import { defineComponent as d, computed as o, openBlock as p, createBlock as m, normalizeProps as _, guardReactiveProps as h, withCtx as f, createElementVNode as e, toDisplayString as a } from "vue";
|
|
2
|
-
import { R as v } from "./ResourceControlBase-Bqq1PAX_.js";
|
|
3
|
-
import { _ as x } from "./SimpleButtonControl.vue_vue_type_style_index_0_scoped_17a4a240_lang-DiQR7rXG.js";
|
|
4
|
-
const y = { class: "info-container" }, B = { class: "chart-title" }, g = { class: "chart-description" }, C = /* @__PURE__ */ d({
|
|
5
|
-
__name: "ExecutorMemoryControl",
|
|
6
|
-
props: {
|
|
7
|
-
control: {},
|
|
8
|
-
handleChange: { type: Function },
|
|
9
|
-
changeValue: { type: Function },
|
|
10
|
-
disabled: { type: Boolean },
|
|
11
|
-
isValid: { type: Boolean },
|
|
12
|
-
onRegisterValidation: { type: Function },
|
|
13
|
-
labelForId: {}
|
|
14
|
-
},
|
|
15
|
-
setup(s) {
|
|
16
|
-
const t = s, n = o(
|
|
17
|
-
() => t.control.schema.secondaryValue || 0
|
|
18
|
-
), c = o(
|
|
19
|
-
() => t.control.uischema.options?.donutTitle || ""
|
|
20
|
-
), i = o(
|
|
21
|
-
() => t.control.uischema.options?.currentUsage ?? 0
|
|
22
|
-
), r = o(
|
|
23
|
-
() => t.control.uischema.options?.donutMax ?? 1 / 0
|
|
24
|
-
), l = o(() => n.value + i.value), u = o(
|
|
25
|
-
() => `This execution context will use a maximum of ${n.value} GB RAM.
|
|
26
|
-
In total, ${l.value} GB of ${r.value} GB available for this team will be used.`
|
|
27
|
-
);
|
|
28
|
-
return (V, b) => (p(), m(v, _(h(t)), {
|
|
29
|
-
"donut-info": f(() => [
|
|
30
|
-
e("div", y, [
|
|
31
|
-
e("div", B, a(c.value), 1),
|
|
32
|
-
e("div", g, a(u.value), 1)
|
|
33
|
-
])
|
|
34
|
-
]),
|
|
35
|
-
_: 1
|
|
36
|
-
}, 16));
|
|
37
|
-
}
|
|
38
|
-
}), I = /* @__PURE__ */ x(C, [["__scopeId", "data-v-515b606e"]]);
|
|
39
|
-
export {
|
|
40
|
-
I as default
|
|
41
|
-
};
|
|
@@ -1,24 +0,0 @@
|
|
|
1
|
-
import { defineComponent as e, openBlock as n, createBlock as t, mergeProps as a } from "vue";
|
|
2
|
-
import { _ as r } from "./RadioControlBase.vue_vue_type_script_setup_true_lang-BScekfhl.js";
|
|
3
|
-
import { _ as p } from "./SimpleButtonControl.vue_vue_type_style_index_0_scoped_17a4a240_lang-DiQR7rXG.js";
|
|
4
|
-
const i = /* @__PURE__ */ e({
|
|
5
|
-
__name: "RadioControl",
|
|
6
|
-
props: {
|
|
7
|
-
control: {},
|
|
8
|
-
handleChange: { type: Function },
|
|
9
|
-
changeValue: { type: Function },
|
|
10
|
-
disabled: { type: Boolean },
|
|
11
|
-
isValid: { type: Boolean },
|
|
12
|
-
onRegisterValidation: { type: Function },
|
|
13
|
-
labelForId: {}
|
|
14
|
-
},
|
|
15
|
-
setup(s) {
|
|
16
|
-
return (o, l) => (n(), t(r, a(o.$props, {
|
|
17
|
-
type: "radio",
|
|
18
|
-
class: "radio"
|
|
19
|
-
}), null, 16));
|
|
20
|
-
}
|
|
21
|
-
}), m = /* @__PURE__ */ p(i, [["__scopeId", "data-v-6720fee0"]]);
|
|
22
|
-
export {
|
|
23
|
-
m as default
|
|
24
|
-
};
|
|
@@ -1,53 +0,0 @@
|
|
|
1
|
-
import { defineComponent as r, computed as d, ref as p, toRef as b, onMounted as v, openBlock as t, createElementBlock as V, Fragment as f, createBlock as i, unref as s, createCommentVNode as h } from "vue";
|
|
2
|
-
import { ac as y, ad as g } from "./SimpleButtonControl.vue_vue_type_style_index_0_scoped_17a4a240_lang-DiQR7rXG.js";
|
|
3
|
-
import { o as B } from "./index-Blg1O3Fz.js";
|
|
4
|
-
import { u as F } from "./usePossibleValues-B-W6u-1T.js";
|
|
5
|
-
const U = /* @__PURE__ */ r({
|
|
6
|
-
__name: "RadioControlBase",
|
|
7
|
-
props: {
|
|
8
|
-
control: {},
|
|
9
|
-
handleChange: { type: Function },
|
|
10
|
-
changeValue: { type: Function },
|
|
11
|
-
disabled: { type: Boolean },
|
|
12
|
-
isValid: { type: Boolean },
|
|
13
|
-
onRegisterValidation: { type: Function },
|
|
14
|
-
labelForId: {},
|
|
15
|
-
type: {}
|
|
16
|
-
},
|
|
17
|
-
setup(e) {
|
|
18
|
-
const a = e, u = d(() => a.control.uischema.options?.radioLayout), c = (l) => ({
|
|
19
|
-
id: l.id,
|
|
20
|
-
text: l.text,
|
|
21
|
-
...l.disabled ? { disabled: !0 } : {}
|
|
22
|
-
}), n = p(null), { possibleValues: m } = F(b(a, "control"), {
|
|
23
|
-
defaultOnNonProvided: null
|
|
24
|
-
}), o = d(
|
|
25
|
-
() => (m.value ?? n.value)?.map(c)
|
|
26
|
-
);
|
|
27
|
-
return v(() => {
|
|
28
|
-
n.value = a.control?.schema?.oneOf ? a.control.schema.oneOf.map(B) : null;
|
|
29
|
-
}), (l, k) => o.value ? (t(), V(f, { key: 0 }, [
|
|
30
|
-
a.type === "valueSwitch" ? (t(), i(s(y), {
|
|
31
|
-
key: 0,
|
|
32
|
-
id: e.labelForId,
|
|
33
|
-
"possible-values": o.value,
|
|
34
|
-
disabled: e.disabled,
|
|
35
|
-
"model-value": e.control.data,
|
|
36
|
-
size: "small",
|
|
37
|
-
variant: "muted",
|
|
38
|
-
"onUpdate:modelValue": e.changeValue
|
|
39
|
-
}, null, 8, ["id", "possible-values", "disabled", "model-value", "onUpdate:modelValue"])) : (t(), i(s(g), {
|
|
40
|
-
key: 1,
|
|
41
|
-
id: e.labelForId,
|
|
42
|
-
"possible-values": o.value,
|
|
43
|
-
alignment: u.value,
|
|
44
|
-
disabled: e.disabled,
|
|
45
|
-
"model-value": e.control.data,
|
|
46
|
-
"onUpdate:modelValue": e.changeValue
|
|
47
|
-
}, null, 8, ["id", "possible-values", "alignment", "disabled", "model-value", "onUpdate:modelValue"]))
|
|
48
|
-
], 64)) : h("", !0);
|
|
49
|
-
}
|
|
50
|
-
});
|
|
51
|
-
export {
|
|
52
|
-
U as _
|
|
53
|
-
};
|
|
@@ -1,159 +0,0 @@
|
|
|
1
|
-
import { defineComponent as B, computed as e, openBlock as s, createElementBlock as u, createElementVNode as h, normalizeClass as w, createCommentVNode as M, createBlock as D, resolveDynamicComponent as F, withCtx as T, createVNode as b, unref as _, renderSlot as S } from "vue";
|
|
2
|
-
import { _ as C, a4 as $ } from "./SimpleButtonControl.vue_vue_type_style_index_0_scoped_17a4a240_lang-DiQR7rXG.js";
|
|
3
|
-
import { T as O } from "./Tooltip-UlemzxdS.js";
|
|
4
|
-
const R = { class: "donut-container" }, N = ["viewBox"], I = ["r"], L = ["r"], U = ["viewBox"], E = ["r", "stroke-width"], W = ["r", "stroke-width", "stroke-dasharray", "stroke-dashoffset", "transform"], K = ["r", "stroke-width", "stroke-dasharray", "stroke-dashoffset", "transform"], z = 0.5, o = 22, g = 10, A = /* @__PURE__ */ B({
|
|
5
|
-
__name: "SmallDonutChart",
|
|
6
|
-
props: {
|
|
7
|
-
value: {},
|
|
8
|
-
secondaryValue: { default: 0 },
|
|
9
|
-
maxValue: {},
|
|
10
|
-
acceptValuesLargerThanMax: { type: Boolean, default: !1 },
|
|
11
|
-
animate: { type: Boolean, default: !0 }
|
|
12
|
-
},
|
|
13
|
-
setup(a) {
|
|
14
|
-
const t = e(() => {
|
|
15
|
-
const n = Math.max(0, a.value);
|
|
16
|
-
return a.acceptValuesLargerThanMax ? n : Math.min(n, a.maxValue);
|
|
17
|
-
}), f = e(() => {
|
|
18
|
-
const n = Math.max(0, a.secondaryValue + t.value);
|
|
19
|
-
return a.acceptValuesLargerThanMax ? n : Math.min(n, a.maxValue);
|
|
20
|
-
}), c = e(() => o - g), x = e(
|
|
21
|
-
// to account for rendering inaccuracies the background stroke is slightly smaller than the wedge stroke
|
|
22
|
-
() => c.value - z
|
|
23
|
-
), r = e(() => o - c.value / 2), i = e(() => 2 * o), d = e(() => `0 0 ${i.value} ${i.value}`), l = e(() => 2 * Math.PI * r.value), m = (n) => {
|
|
24
|
-
if (a.maxValue <= 0 || !Number.isFinite(a.maxValue))
|
|
25
|
-
return l.value;
|
|
26
|
-
const V = Math.min(
|
|
27
|
-
n / a.maxValue * l.value,
|
|
28
|
-
l.value
|
|
29
|
-
);
|
|
30
|
-
return Math.max(l.value - V, 0);
|
|
31
|
-
}, y = e(
|
|
32
|
-
() => m(t.value)
|
|
33
|
-
), k = e(
|
|
34
|
-
() => m(f.value)
|
|
35
|
-
), v = e(() => `rotate(-90, ${o}, ${o})`), p = e(() => !Number.isFinite(a.maxValue));
|
|
36
|
-
return (n, V) => (s(), u("div", R, [
|
|
37
|
-
p.value ? (s(), u("svg", {
|
|
38
|
-
key: 0,
|
|
39
|
-
viewBox: d.value,
|
|
40
|
-
class: "donut-chart"
|
|
41
|
-
}, [
|
|
42
|
-
h("circle", {
|
|
43
|
-
class: "disabled-circle",
|
|
44
|
-
cx: o,
|
|
45
|
-
cy: o,
|
|
46
|
-
r: o - 0.5,
|
|
47
|
-
"stroke-width": "1",
|
|
48
|
-
fill: "transparent"
|
|
49
|
-
}, null, 8, I),
|
|
50
|
-
h("circle", {
|
|
51
|
-
class: "disabled-inner-circle",
|
|
52
|
-
cx: o,
|
|
53
|
-
cy: o,
|
|
54
|
-
r: g + 0.5,
|
|
55
|
-
"stroke-width": "1",
|
|
56
|
-
fill: "transparent"
|
|
57
|
-
}, null, 8, L)
|
|
58
|
-
], 8, N)) : (s(), u("svg", {
|
|
59
|
-
key: 1,
|
|
60
|
-
viewBox: d.value,
|
|
61
|
-
class: "donut-chart"
|
|
62
|
-
}, [
|
|
63
|
-
h("circle", {
|
|
64
|
-
class: "background-circle",
|
|
65
|
-
cx: o,
|
|
66
|
-
cy: o,
|
|
67
|
-
r: r.value,
|
|
68
|
-
"stroke-width": x.value,
|
|
69
|
-
fill: "transparent"
|
|
70
|
-
}, null, 8, E),
|
|
71
|
-
a.secondaryValue ? (s(), u("circle", {
|
|
72
|
-
key: 0,
|
|
73
|
-
class: w(["value-wedge", "secondary-segment", { animate: a.animate }]),
|
|
74
|
-
cx: o,
|
|
75
|
-
cy: o,
|
|
76
|
-
r: r.value,
|
|
77
|
-
"stroke-width": c.value,
|
|
78
|
-
"stroke-dasharray": l.value,
|
|
79
|
-
"stroke-dashoffset": k.value,
|
|
80
|
-
fill: "transparent",
|
|
81
|
-
transform: v.value
|
|
82
|
-
}, null, 10, W)) : M("", !0),
|
|
83
|
-
h("circle", {
|
|
84
|
-
class: w(["value-wedge", "primary-segment", { animate: a.animate }]),
|
|
85
|
-
cx: o,
|
|
86
|
-
cy: o,
|
|
87
|
-
r: r.value,
|
|
88
|
-
"stroke-width": c.value,
|
|
89
|
-
"stroke-dasharray": l.value,
|
|
90
|
-
"stroke-dashoffset": y.value,
|
|
91
|
-
fill: "transparent",
|
|
92
|
-
transform: v.value
|
|
93
|
-
}, null, 10, K)
|
|
94
|
-
], 8, U))
|
|
95
|
-
]));
|
|
96
|
-
}
|
|
97
|
-
}), G = /* @__PURE__ */ C(A, [["__scopeId", "data-v-f344a6aa"]]), P = {
|
|
98
|
-
key: 0,
|
|
99
|
-
class: "chart"
|
|
100
|
-
}, j = /* @__PURE__ */ B({
|
|
101
|
-
__name: "ResourceControlBase",
|
|
102
|
-
props: {
|
|
103
|
-
control: {},
|
|
104
|
-
handleChange: { type: Function },
|
|
105
|
-
changeValue: { type: Function },
|
|
106
|
-
disabled: { type: Boolean },
|
|
107
|
-
isValid: { type: Boolean },
|
|
108
|
-
onRegisterValidation: { type: Function },
|
|
109
|
-
labelForId: {}
|
|
110
|
-
},
|
|
111
|
-
setup(a) {
|
|
112
|
-
const t = a, f = e(
|
|
113
|
-
() => t.control.uischema.options?.modelMax ?? !1
|
|
114
|
-
), c = e(
|
|
115
|
-
// if currentUsage is supplied the donut chart should use that since the data will model something else (e.g. the maximum usage)
|
|
116
|
-
() => t.control.uischema.options?.currentUsage ?? t.control.data
|
|
117
|
-
), x = e(
|
|
118
|
-
() => t.control.schema.secondaryValue ?? 0
|
|
119
|
-
), r = e(
|
|
120
|
-
() => f.value ? t.control.data : t.control.uischema.options?.donutMax ?? t.control.schema.maximum
|
|
121
|
-
), i = e(
|
|
122
|
-
() => t.control.uischema.options?.disabledTooltip || ""
|
|
123
|
-
), d = e(() => t.disabled && i.value ? O : "div"), l = e(() => t.control.uischema.options?.animate ?? !0), m = e(
|
|
124
|
-
() => t.control.uischema.options?.showDonut ?? !0
|
|
125
|
-
), y = e(() => t.control.schema.minimum ?? 0), k = e(() => t.control.schema.maximum ?? 1 / 0), v = e(() => t.control.uischema.options?.step ?? 1), p = e(() => t.control.uischema.options?.unit ?? "");
|
|
126
|
-
return (n, V) => (s(), u("div", null, [
|
|
127
|
-
(s(), D(F(d.value), {
|
|
128
|
-
text: i.value,
|
|
129
|
-
class: "input-wrapper"
|
|
130
|
-
}, {
|
|
131
|
-
default: T(() => [
|
|
132
|
-
b(_($), {
|
|
133
|
-
ariaLabel: a.control.label,
|
|
134
|
-
"model-value": a.control.data,
|
|
135
|
-
min: y.value,
|
|
136
|
-
max: k.value,
|
|
137
|
-
step: v.value,
|
|
138
|
-
unit: p.value,
|
|
139
|
-
disabled: a.disabled,
|
|
140
|
-
"onUpdate:modelValue": a.changeValue
|
|
141
|
-
}, null, 8, ["ariaLabel", "model-value", "min", "max", "step", "unit", "disabled", "onUpdate:modelValue"]),
|
|
142
|
-
m.value ? (s(), u("div", P, [
|
|
143
|
-
b(G, {
|
|
144
|
-
value: c.value,
|
|
145
|
-
"secondary-value": x.value,
|
|
146
|
-
"max-value": r.value,
|
|
147
|
-
animate: l.value
|
|
148
|
-
}, null, 8, ["value", "secondary-value", "max-value", "animate"]),
|
|
149
|
-
S(n.$slots, "donut-info", {}, void 0, !0)
|
|
150
|
-
])) : M("", !0)
|
|
151
|
-
]),
|
|
152
|
-
_: 3
|
|
153
|
-
}, 8, ["text"]))
|
|
154
|
-
]));
|
|
155
|
-
}
|
|
156
|
-
}), Q = /* @__PURE__ */ C(j, [["__scopeId", "data-v-fc148f36"]]);
|
|
157
|
-
export {
|
|
158
|
-
Q as R
|
|
159
|
-
};
|
|
@@ -1,38 +0,0 @@
|
|
|
1
|
-
import { defineComponent as l, computed as t, openBlock as d, createBlock as u, normalizeProps as p, guardReactiveProps as m, withCtx as _, createElementVNode as e, toDisplayString as n } from "vue";
|
|
2
|
-
import { R as h } from "./ResourceControlBase-Bqq1PAX_.js";
|
|
3
|
-
import { _ as f } from "./SimpleButtonControl.vue_vue_type_style_index_0_scoped_17a4a240_lang-DiQR7rXG.js";
|
|
4
|
-
const v = { class: "info-container" }, x = { class: "chart-title" }, g = { class: "chart-description" }, y = /* @__PURE__ */ l({
|
|
5
|
-
__name: "TeamResourceControl",
|
|
6
|
-
props: {
|
|
7
|
-
control: {},
|
|
8
|
-
handleChange: { type: Function },
|
|
9
|
-
changeValue: { type: Function },
|
|
10
|
-
disabled: { type: Boolean },
|
|
11
|
-
isValid: { type: Boolean },
|
|
12
|
-
onRegisterValidation: { type: Function },
|
|
13
|
-
labelForId: {}
|
|
14
|
-
},
|
|
15
|
-
setup(a) {
|
|
16
|
-
const o = a, c = t(
|
|
17
|
-
() => o.control.uischema.options?.donutTitle || ""
|
|
18
|
-
), s = t(
|
|
19
|
-
() => o.control.uischema.options?.donutText || ""
|
|
20
|
-
), r = t(
|
|
21
|
-
() => o.control.uischema.options?.currentUsage ?? 0
|
|
22
|
-
), i = t(
|
|
23
|
-
() => o.control.data === -1 ? "unlimited" : o.control.data
|
|
24
|
-
);
|
|
25
|
-
return (C, R) => (d(), u(h, p(m(o)), {
|
|
26
|
-
"donut-info": _(() => [
|
|
27
|
-
e("div", v, [
|
|
28
|
-
e("div", x, n(c.value), 1),
|
|
29
|
-
e("div", g, n(`${r.value} of ${i.value} ${s.value}`), 1)
|
|
30
|
-
])
|
|
31
|
-
]),
|
|
32
|
-
_: 1
|
|
33
|
-
}, 16));
|
|
34
|
-
}
|
|
35
|
-
}), V = /* @__PURE__ */ f(y, [["__scopeId", "data-v-2658cbca"]]);
|
|
36
|
-
export {
|
|
37
|
-
V as default
|
|
38
|
-
};
|