@knime/jsonforms 1.19.0 → 1.19.2
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 +14 -0
- package/dist/{AnyOfTwinlist-8N9_ROs5.js → AnyOfTwinlist-DbIxFGCg.js} +1 -1
- package/dist/{Button-BlwS9yuo.js → Button-DPBuV8Ju.js} +1 -1
- package/dist/{Checkbox-YP8cEunz.js → Checkbox-DHrRt49x.js} +1 -1
- package/dist/{CheckboxControl-DLPB1JyP.js → CheckboxControl-D0b--DXW.js} +1 -1
- package/dist/{CheckboxesControl-jutmpEyo.js → CheckboxesControl-D2UmK0cM.js} +2 -2
- package/dist/{ColorControl-DF9yZFO7.js → ColorControl-BWQGbfC0.js} +1 -1
- package/dist/{ComboBoxControl-D2_FZmcY.js → ComboBoxControl-CL4v2Sgq.js} +3 -3
- package/dist/{DateControl-DWES743u.js → DateControl-BwCKXxzH.js} +1 -1
- package/dist/{DateTimeControl-0L1sO9_r.js → DateTimeControl-DIHNi8gS.js} +1 -1
- package/dist/{DateTimeFormatInput-BDY7TFj7.js → DateTimeFormatInput-BjdyxUQY.js} +3 -3
- package/dist/{DateTimeFormatPickerControl-B1hYIzhH.js → DateTimeFormatPickerControl-CV6pc2KZ.js} +2 -2
- package/dist/{DateTimeFormatPickerWithTypeControl-CvXU3-gx.js → DateTimeFormatPickerWithTypeControl-DyGt-WGp.js} +3 -3
- package/dist/{Dropdown-Cfw0EPio.js → Dropdown-DlCk3K9Y.js} +2 -2
- package/dist/DropdownControl-DIr6VLc6.js +41 -0
- package/dist/{HorizontalLayout-DP3cYs1M.js → HorizontalLayout-y52FdHPr.js} +1 -1
- package/dist/{IntegerControl-2UfeexxJ.js → IntegerControl-Bk-MII8Z.js} +1 -1
- package/dist/{IntervalControl-Hxza00MC.js → IntervalControl-C7rHNjU3.js} +2 -2
- package/dist/Label-4eQvTocI.js +218 -0
- package/dist/LoadingDropdown.vue_vue_type_script_setup_true_lang-BohYhBbA.js +48 -0
- package/dist/{LoadingIcon-vXOEpL-N.js → LoadingIcon-Br99Lv_8.js} +1 -1
- package/dist/{ManualTwinlistControl-CSQyz025.js → ManualTwinlistControl-Cymjfy5p.js} +4 -4
- package/dist/{MultiSelectListBoxControl-CDD_0uwK.js → MultiSelectListBoxControl-xAD6kXMK.js} +2 -2
- package/dist/{MultimodeTwinlistControl-BC2wu5IN.js → MultimodeTwinlistControl-BumsqGUV.js} +11 -11
- package/dist/{MultimodeTwinlistControl.vue_vue_type_style_index_0_scoped_0aa76d2b_lang-D1c_IW_Z.js → MultimodeTwinlistControl.vue_vue_type_style_index_0_scoped_0aa76d2b_lang-KKPjcj4X.js} +2 -2
- package/dist/{MultiselectListBox-Dpd-_fEp.js → MultiselectListBox-ZX6212Yu.js} +2 -2
- package/dist/{NameFilter-DTvObQKn.js → NameFilter-FSgsA62B.js} +1 -1
- package/dist/{NumberControl--5wUVIwB.js → NumberControl-BqoqHwEO.js} +1 -1
- package/dist/{NumberControlBase.vue_vue_type_script_setup_true_lang-BE2viQpy.js → NumberControlBase.vue_vue_type_script_setup_true_lang-BncdSveV.js} +2 -2
- package/dist/{OneOfDropdown-C06xyucr.js → OneOfDropdown-B_2tiTwi.js} +1 -1
- package/dist/{RadioControl-PDlvyuwY.js → RadioControl-BFhCpO9D.js} +2 -2
- package/dist/{RadioControlBase.vue_vue_type_script_setup_true_lang-BUgsN2F5.js → RadioControlBase.vue_vue_type_script_setup_true_lang-CaIHPPJ6.js} +2 -2
- package/dist/{RichTextControl-BoNZN7wg.js → RichTextControl-CdhHDOWn.js} +11 -12
- package/dist/{SectionHeading-BVirAo_u.js → SectionHeading-DZCr2UJ-.js} +1 -1
- package/dist/SectionHeading.vue_vue_type_style_index_0_scoped_2310b6b8_lang-BYoCo820.js +18542 -0
- package/dist/{SectionLayout-D8nRLEi8.js → SectionLayout-C-8MnV5C.js} +3 -3
- package/dist/{SettingsSubPanel-Dr4E6fLu.js → SettingsSubPanel-DLmH_M05.js} +1 -1
- package/dist/{SettingsSubPanelLayout-C5_HeLtb.js → SettingsSubPanelLayout-BYZgAnN7.js} +4 -4
- package/dist/{SimpleButtonControl-DA5R6Hqb.js → SimpleButtonControl-CdMqbvzO.js} +2 -2
- package/dist/{SimpleTwinlistControl-DH6tARXr.js → SimpleTwinlistControl-BCZ8bawe.js} +2 -2
- package/dist/{SingleSelectControl-D8N91t_W.js → SingleSelectControl-Dej4aS7t.js} +22 -21
- package/dist/{SingleSelectListBoxControl-tq3BZIjR.js → SingleSelectListBoxControl-BfJjjRQn.js} +3 -3
- package/dist/{SortListControl-p1eZHoPi.js → SortListControl-BzZCSfie.js} +5 -5
- package/dist/{StyledListItem-Bjbm8PWH.js → StyledListItem-BSq6JKC8.js} +1 -1
- package/dist/{TextAreaControl-DNP6m73U.js → TextAreaControl-jzV7HC6S.js} +1 -1
- package/dist/{TextControl-DWQh2c9J.js → TextControl-1b_uj1FP.js} +1 -1
- package/dist/{TextControl.vue_vue_type_script_setup_true_lang-BBMLWP_P.js → TextControl.vue_vue_type_script_setup_true_lang-BoZDe5bd.js} +2 -2
- package/dist/{TimeControl-DVRUzU2K.js → TimeControl-BYogu7kA.js} +1 -1
- package/dist/{TwinlistControlBase-D-jrBzVO.js → TwinlistControlBase-Bd5_Uuq-.js} +3 -3
- package/dist/{TwinlistLoadingInfo-BOt-Tw38.js → TwinlistLoadingInfo-3TeV4Gdp.js} +13 -14
- package/dist/{TypedStringFilter-CrwDAjLc.js → TypedStringFilter-CU8Og0OV.js} +1 -1
- package/dist/{ValueSwitch-DrzW4E7s.js → ValueSwitch-DjDuJdNN.js} +1 -1
- package/dist/{ValueSwitchControl-CeBFIqJI.js → ValueSwitchControl-D1saOV7r.js} +1 -1
- package/dist/{VerticalLayout-CEDAj1TV.js → VerticalLayout-g5Won-Pb.js} +2 -2
- package/dist/{VerticalLayoutBase-DOhe_AJD.js → VerticalLayoutBase-CGb9hUYx.js} +1 -1
- package/dist/{ZonedDateTimeControl-BJH2KwND.js → ZonedDateTimeControl-CtgGTCQc.js} +3 -3
- package/dist/{_baseEach-CgPrFUFU.js → _baseEach-GM1_9gpl.js} +2 -2
- package/dist/{_baseIteratee-dsEmUz-M.js → _baseIteratee-CHnCehKu.js} +3 -3
- package/dist/{_getTag-BOcul3cI.js → _getTag-D-KT4MkB.js} +1 -1
- package/dist/knime-jsonforms.css +1 -1
- package/dist/knime-jsonforms.js +7 -7
- package/dist/{localTimeUtils-wdKO5CDb.js → localTimeUtils-5E_obOH5.js} +6 -6
- package/dist/src/uiComponents/ColorControl.vue.d.ts +1 -1
- package/dist/src/uiComponents/loading/LoadingDropdown.vue.d.ts +5 -1
- package/dist/src/uiComponents/loading/types/LoadingDropdownProps.d.ts +1 -0
- package/dist/testing.js +2 -2
- package/dist/{toString-BcH7XIOl.js → toString-D64mIKfx.js} +1 -1
- package/dist/{useBuiltinValidations-BwHkydob.js → useBuiltinValidations-V_W_S2ya.js} +1 -1
- package/dist/{usePossibleValues-DxL1Sx6O.js → usePossibleValues-CcLAFNOh.js} +1 -1
- package/package.json +5 -5
- package/dist/DropdownControl-D_R8HS6H.js +0 -44
- package/dist/InputField-Bnyo6bWR.js +0 -148
- package/dist/Label-r9424CUy.js +0 -75
- package/dist/LoadingDropdown-CBvR7YLy.js +0 -74
- package/dist/SectionHeading.vue_vue_type_style_index_0_scoped_2310b6b8_lang-BQCvcmqS.js +0 -17950
package/dist/knime-jsonforms.js
CHANGED
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
import { defineComponent as c, ref as v, onMounted as N, openBlock as l, createElementBlock as F, createElementVNode as L, createCommentVNode as $, provide as A, computed as i, watch as _, createBlock as g, Suspense as I, withCtx as f, createVNode as h, renderSlot as b, unref as k, mergeProps as B, nextTick as O } from "vue";
|
|
2
|
-
import { _ as w, p as J, F as M, s as R, U as V, i as U, a as z } from "./SectionHeading.vue_vue_type_style_index_0_scoped_2310b6b8_lang-
|
|
3
|
-
import { E as ne, L as le, c as ie, b as ce, d as de, e as ue, f as me, g as pe, h as fe, j as he, l as ve, k as ge, m as De, n as ye, o as Pe, t as xe, u as Se, w as _e } from "./SectionHeading.vue_vue_type_style_index_0_scoped_2310b6b8_lang-
|
|
4
|
-
import { default as Ce } from "./SimpleButtonControl-
|
|
5
|
-
import { _ as Le } from "./TextControl.vue_vue_type_script_setup_true_lang-
|
|
6
|
-
import { V as we } from "./VerticalLayoutBase-
|
|
7
|
-
import { S as Ee } from "./SectionHeading-
|
|
8
|
-
import { S as Ne } from "./SettingsSubPanel-
|
|
2
|
+
import { _ as w, p as J, F as M, s as R, U as V, i as U, a as z } from "./SectionHeading.vue_vue_type_style_index_0_scoped_2310b6b8_lang-BYoCo820.js";
|
|
3
|
+
import { E as ne, L as le, c as ie, b as ce, d as de, e as ue, f as me, g as pe, h as fe, j as he, l as ve, k as ge, m as De, n as ye, o as Pe, t as xe, u as Se, w as _e } from "./SectionHeading.vue_vue_type_style_index_0_scoped_2310b6b8_lang-BYoCo820.js";
|
|
4
|
+
import { default as Ce } from "./SimpleButtonControl-CdMqbvzO.js";
|
|
5
|
+
import { _ as Le } from "./TextControl.vue_vue_type_script_setup_true_lang-BoZDe5bd.js";
|
|
6
|
+
import { V as we } from "./VerticalLayoutBase-CGb9hUYx.js";
|
|
7
|
+
import { S as Ee } from "./SectionHeading-DZCr2UJ-.js";
|
|
8
|
+
import { S as Ne } from "./SettingsSubPanel-DLmH_M05.js";
|
|
9
9
|
const G = {
|
|
10
10
|
key: 0,
|
|
11
11
|
class: "loading-dialog skeleton-wrapper"
|
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
import { resolveComponent as Ve, openBlock as x, createElementBlock as A, normalizeClass as oe, createElementVNode as q, createCommentVNode as ie, withModifiers as Wt, createVNode as V, reactive as za, computed as T, defineComponent as $e, ref as De, watch as Ue, onMounted as Rn, onUnmounted as Ga, toRefs as ql, nextTick as gr, useAttrs as jl, unref as P, createBlock as Pe, resolveDynamicComponent as Za, normalizeProps as br, mergeProps as Pt, renderSlot as Mr, inject as Cr, toRef as Dn, withCtx as Me, toDisplayString as He, Fragment as xe, renderList as Ke, normalizeStyle as Dr, withKeys as Cn, withDirectives as Bs, watchEffect as zs, provide as Or, guardReactiveProps as $a, createTextVNode as Ka, isRef as lr, Transition as Gs, resolveDirective as Vl, toHandlers as Zs } from "vue";
|
|
2
2
|
import { c as Bl } from "./popper-LGjf7Wza.js";
|
|
3
|
-
import { _ as Ks, N as qn, O as zl } from "./SectionHeading.vue_vue_type_style_index_0_scoped_2310b6b8_lang-
|
|
4
|
-
import { D as Gl } from "./Dropdown-
|
|
3
|
+
import { _ as Ks, N as qn, O as zl } from "./SectionHeading.vue_vue_type_style_index_0_scoped_2310b6b8_lang-BYoCo820.js";
|
|
4
|
+
import { D as Gl } from "./Dropdown-DlCk3K9Y.js";
|
|
5
5
|
import { A as Zl } from "./arrow-dropdown-DMFBPPcK.js";
|
|
6
6
|
/* empty css */
|
|
7
|
-
import { a as Kl } from "./toString-
|
|
8
|
-
import { b as Xl } from "./_baseIteratee-
|
|
9
|
-
import { b as Ql } from "./_baseEach-
|
|
10
|
-
import { c as Jl } from "./_getTag-
|
|
7
|
+
import { a as Kl } from "./toString-D64mIKfx.js";
|
|
8
|
+
import { b as Xl } from "./_baseIteratee-CHnCehKu.js";
|
|
9
|
+
import { b as Ql } from "./_baseEach-GM1_9gpl.js";
|
|
10
|
+
import { c as Jl } from "./_getTag-D-KT4MkB.js";
|
|
11
11
|
import { i as ec } from "./isArray-WzO_os3q.js";
|
|
12
12
|
function st(e) {
|
|
13
13
|
"@babel/helpers - typeof";
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import { VueControlPropsForLabelContent } from '../higherOrderComponents';
|
|
2
2
|
type __VLS_Props = VueControlPropsForLabelContent<string | null>;
|
|
3
|
-
declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {},
|
|
3
|
+
declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
4
4
|
export default _default;
|
|
@@ -1,3 +1,7 @@
|
|
|
1
1
|
import { LoadingDropdownProps } from './types/LoadingDropdownProps';
|
|
2
|
-
declare const _default: import('vue').DefineComponent<LoadingDropdownProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
2
|
+
declare const _default: import('vue').DefineComponent<LoadingDropdownProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
3
|
+
"update:modelValue": (value: string) => any;
|
|
4
|
+
}, string, import('vue').PublicProps, Readonly<LoadingDropdownProps> & Readonly<{
|
|
5
|
+
"onUpdate:modelValue"?: ((value: string) => any) | undefined;
|
|
6
|
+
}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
3
7
|
export default _default;
|
package/dist/testing.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import * as th from "vue";
|
|
2
2
|
import { ssrUtils as Pi, initDirectivesForSSR as U_, nextTick as ho, defineComponent as fi, computed as Cr, h as wn, shallowReactive as W_, reactive as z_, ref as nh, createApp as K_, transformVNodeArgs as G_, setDevtoolsHook as H_, isRef as X_, TransitionGroup as Y_, Transition as J_, BaseTransition as Q_ } from "vue";
|
|
3
|
-
import { q as Z_, r as em, e as tm } from "./SectionHeading.vue_vue_type_style_index_0_scoped_2310b6b8_lang-
|
|
4
|
-
import { b as nm } from "./_baseIteratee-
|
|
3
|
+
import { q as Z_, r as em, e as tm } from "./SectionHeading.vue_vue_type_style_index_0_scoped_2310b6b8_lang-BYoCo820.js";
|
|
4
|
+
import { b as nm } from "./_baseIteratee-CHnCehKu.js";
|
|
5
5
|
function rm(e, t) {
|
|
6
6
|
return e > t;
|
|
7
7
|
}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { q as g, S as s } from "./SectionHeading.vue_vue_type_style_index_0_scoped_2310b6b8_lang-
|
|
1
|
+
import { q as g, S as s } from "./SectionHeading.vue_vue_type_style_index_0_scoped_2310b6b8_lang-BYoCo820.js";
|
|
2
2
|
import { i as l } from "./isArray-WzO_os3q.js";
|
|
3
3
|
function p(r, t) {
|
|
4
4
|
for (var n = -1, i = r == null ? 0 : r.length, o = Array(i); ++n < i; )
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { onUnmounted as u, toRef as p, computed as d } from "vue";
|
|
2
|
-
import { u as f } from "./SectionHeading.vue_vue_type_style_index_0_scoped_2310b6b8_lang-
|
|
2
|
+
import { u as f } from "./SectionHeading.vue_vue_type_style_index_0_scoped_2310b6b8_lang-BYoCo820.js";
|
|
3
3
|
const h = (t = {}) => t.validation || null, m = (t) => t.replace(/^validation\./, ""), v = (t) => {
|
|
4
4
|
const a = (t.providedOptions ?? []).filter(
|
|
5
5
|
(e) => e.startsWith("validation.")
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { computed as l } from "vue";
|
|
2
|
-
import { u as d } from "./SectionHeading.vue_vue_type_style_index_0_scoped_2310b6b8_lang-
|
|
2
|
+
import { u as d } from "./SectionHeading.vue_vue_type_style_index_0_scoped_2310b6b8_lang-BYoCo820.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/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@knime/jsonforms",
|
|
3
|
-
"version": "1.19.
|
|
3
|
+
"version": "1.19.2",
|
|
4
4
|
"description": "Internal JSON Forms integration for frontend KNIME projects",
|
|
5
5
|
"repository": {
|
|
6
6
|
"type": "git",
|
|
@@ -16,15 +16,15 @@
|
|
|
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.
|
|
19
|
+
"@knime/kds-components": "0.16.0",
|
|
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.45.8",
|
|
26
25
|
"@knime/styles": "1.15.0",
|
|
27
|
-
"@knime/rich-text-editor": "1.8.
|
|
26
|
+
"@knime/rich-text-editor": "1.8.15",
|
|
27
|
+
"@knime/components": "1.45.9",
|
|
28
28
|
"@knime/utils": "1.10.1"
|
|
29
29
|
},
|
|
30
30
|
"peerDependencies": {
|
|
@@ -41,7 +41,7 @@
|
|
|
41
41
|
"postcss": "8.5.6",
|
|
42
42
|
"type-fest": "4.26.1",
|
|
43
43
|
"typescript": "^5.9.3",
|
|
44
|
-
"v-calendar": "knime/v-calendar#048477f",
|
|
44
|
+
"v-calendar": "git://github.com/knime/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 s, toRef as c, computed as n, openBlock as d, createBlock as t, unref as i } from "vue";
|
|
2
|
-
import { u as m } from "./usePossibleValues-DxL1Sx6O.js";
|
|
3
|
-
import { L as r } from "./LoadingDropdown-CBvR7YLy.js";
|
|
4
|
-
import { I as b } from "./InputField-Bnyo6bWR.js";
|
|
5
|
-
const p = /* @__PURE__ */ s({
|
|
6
|
-
__name: "DropdownControl",
|
|
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
|
-
},
|
|
16
|
-
setup(e) {
|
|
17
|
-
const a = e, { possibleValues: l } = m(c(a, "control")), o = n(() => a.control.uischema?.options?.allowNewValue), u = n(
|
|
18
|
-
() => o.value && l.value !== null && l.value.length === 0
|
|
19
|
-
);
|
|
20
|
-
return (v, V) => u.value ? (d(), t(i(b), {
|
|
21
|
-
key: 0,
|
|
22
|
-
id: e.labelForId,
|
|
23
|
-
disabled: e.disabled,
|
|
24
|
-
"model-value": e.control.data,
|
|
25
|
-
"is-valid": e.isValid,
|
|
26
|
-
compact: "",
|
|
27
|
-
"onUpdate:modelValue": e.changeValue
|
|
28
|
-
}, null, 8, ["id", "disabled", "model-value", "is-valid", "onUpdate:modelValue"])) : (d(), t(r, {
|
|
29
|
-
key: 1,
|
|
30
|
-
id: e.labelForId ?? "",
|
|
31
|
-
ariaLabel: e.control.label,
|
|
32
|
-
disabled: e.disabled,
|
|
33
|
-
"model-value": e.control.data ?? "",
|
|
34
|
-
"possible-values": i(l),
|
|
35
|
-
"is-valid": e.isValid,
|
|
36
|
-
"allow-new-value": o.value,
|
|
37
|
-
compact: "",
|
|
38
|
-
"onUpdate:modelValue": e.changeValue
|
|
39
|
-
}, null, 8, ["id", "ariaLabel", "disabled", "model-value", "possible-values", "is-valid", "allow-new-value", "onUpdate:modelValue"]));
|
|
40
|
-
}
|
|
41
|
-
});
|
|
42
|
-
export {
|
|
43
|
-
p as default
|
|
44
|
-
};
|
|
@@ -1,148 +0,0 @@
|
|
|
1
|
-
/* empty css */
|
|
2
|
-
import { openBlock as i, createElementBlock as s, normalizeClass as r, renderSlot as u, createCommentVNode as o, createElementVNode as d, mergeProps as f } from "vue";
|
|
3
|
-
import { _ as p } from "./SectionHeading.vue_vue_type_style_index_0_scoped_2310b6b8_lang-BQCvcmqS.js";
|
|
4
|
-
const c = {
|
|
5
|
-
name: "InputField",
|
|
6
|
-
props: {
|
|
7
|
-
modelValue: {
|
|
8
|
-
default: "",
|
|
9
|
-
type: [Number, String, null]
|
|
10
|
-
},
|
|
11
|
-
id: {
|
|
12
|
-
type: [String, null],
|
|
13
|
-
default: null
|
|
14
|
-
},
|
|
15
|
-
name: {
|
|
16
|
-
type: String,
|
|
17
|
-
default: null
|
|
18
|
-
},
|
|
19
|
-
/**
|
|
20
|
-
* Sets the error styling, validity needs to be controlled by the parent component to be flexible
|
|
21
|
-
*/
|
|
22
|
-
isValid: {
|
|
23
|
-
default: !0,
|
|
24
|
-
type: Boolean
|
|
25
|
-
},
|
|
26
|
-
type: {
|
|
27
|
-
default: "text",
|
|
28
|
-
type: String
|
|
29
|
-
},
|
|
30
|
-
pattern: {
|
|
31
|
-
default: null,
|
|
32
|
-
type: String
|
|
33
|
-
},
|
|
34
|
-
placeholder: {
|
|
35
|
-
default: null,
|
|
36
|
-
type: String
|
|
37
|
-
},
|
|
38
|
-
autocomplete: {
|
|
39
|
-
default: null,
|
|
40
|
-
type: String
|
|
41
|
-
},
|
|
42
|
-
autofocus: {
|
|
43
|
-
default: !1,
|
|
44
|
-
type: Boolean
|
|
45
|
-
},
|
|
46
|
-
focusOnMount: {
|
|
47
|
-
default: !1,
|
|
48
|
-
type: Boolean
|
|
49
|
-
},
|
|
50
|
-
inputClasses: {
|
|
51
|
-
default: "",
|
|
52
|
-
type: String
|
|
53
|
-
},
|
|
54
|
-
disabled: {
|
|
55
|
-
default: !1,
|
|
56
|
-
type: Boolean
|
|
57
|
-
},
|
|
58
|
-
ariaActivedescendant: {
|
|
59
|
-
type: String,
|
|
60
|
-
default: null
|
|
61
|
-
},
|
|
62
|
-
ariaOwns: {
|
|
63
|
-
type: String,
|
|
64
|
-
default: null
|
|
65
|
-
},
|
|
66
|
-
compact: {
|
|
67
|
-
type: Boolean,
|
|
68
|
-
default: !1
|
|
69
|
-
}
|
|
70
|
-
},
|
|
71
|
-
emits: ["update:modelValue", "focus", "keyup", "keypress", "keydown"],
|
|
72
|
-
computed: {
|
|
73
|
-
hasLeftIcon() {
|
|
74
|
-
return this.$slots.icon && this.$slots.icon().length;
|
|
75
|
-
},
|
|
76
|
-
hasRightIcon() {
|
|
77
|
-
return this.$slots.iconRight && this.$slots.iconRight().length;
|
|
78
|
-
},
|
|
79
|
-
inputClassList() {
|
|
80
|
-
let e = this.inputClasses;
|
|
81
|
-
return this.hasLeftIcon && (e += " with-icon"), this.hasRightIcon && (e += " with-icon-right"), this.isValid || (e += " invalid"), e;
|
|
82
|
-
}
|
|
83
|
-
},
|
|
84
|
-
mounted() {
|
|
85
|
-
this.focusOnMount && this.focus();
|
|
86
|
-
},
|
|
87
|
-
methods: {
|
|
88
|
-
getValue() {
|
|
89
|
-
return this.$refs.input.value;
|
|
90
|
-
},
|
|
91
|
-
onInput() {
|
|
92
|
-
this.$emit("update:modelValue", this.getValue());
|
|
93
|
-
},
|
|
94
|
-
focus() {
|
|
95
|
-
this.$refs.input.focus();
|
|
96
|
-
},
|
|
97
|
-
/*
|
|
98
|
-
* checks if value matches the provided pattern
|
|
99
|
-
*/
|
|
100
|
-
validate() {
|
|
101
|
-
let e = !0, t = null;
|
|
102
|
-
return typeof this.getValue() > "u" ? (e = !1, t = "Invalid input") : this.pattern && this.$refs.input.validity.patternMismatch && (e = !1, t = "Input does not match the expected pattern"), { isValid: e, errorMessage: t };
|
|
103
|
-
}
|
|
104
|
-
}
|
|
105
|
-
}, m = {
|
|
106
|
-
key: 0,
|
|
107
|
-
class: "icon"
|
|
108
|
-
}, h = ["id", "name", "value", "type", "pattern", "placeholder", "autofocus", "aria-activedescendant", "aria-owns", "autocomplete", "disabled"], y = {
|
|
109
|
-
key: 1,
|
|
110
|
-
class: "icon icon-right"
|
|
111
|
-
};
|
|
112
|
-
function g(e, t, n, v, I, l) {
|
|
113
|
-
return i(), s("div", {
|
|
114
|
-
class: r(["input-wrapper", { compact: n.compact }])
|
|
115
|
-
}, [
|
|
116
|
-
l.hasLeftIcon ? (i(), s("div", m, [
|
|
117
|
-
u(e.$slots, "icon")
|
|
118
|
-
])) : o("", !0),
|
|
119
|
-
d("input", f(e.$attrs, {
|
|
120
|
-
id: n.id,
|
|
121
|
-
ref: "input",
|
|
122
|
-
name: n.name,
|
|
123
|
-
value: n.modelValue,
|
|
124
|
-
class: l.inputClassList,
|
|
125
|
-
type: n.type,
|
|
126
|
-
pattern: n.pattern,
|
|
127
|
-
placeholder: n.placeholder,
|
|
128
|
-
autofocus: n.autofocus,
|
|
129
|
-
"aria-activedescendant": n.ariaActivedescendant,
|
|
130
|
-
"aria-owns": n.ariaOwns,
|
|
131
|
-
autocomplete: n.autocomplete,
|
|
132
|
-
disabled: n.disabled,
|
|
133
|
-
onInput: t[0] || (t[0] = (...a) => l.onInput && l.onInput(...a)),
|
|
134
|
-
onFocus: t[1] || (t[1] = (a) => e.$emit("focus", a)),
|
|
135
|
-
onKeyup: t[2] || (t[2] = (a) => e.$emit("keyup", a)),
|
|
136
|
-
onKeypress: t[3] || (t[3] = (a) => e.$emit("keypress", a)),
|
|
137
|
-
onKeydown: t[4] || (t[4] = (a) => e.$emit("keydown", a))
|
|
138
|
-
}), null, 16, h),
|
|
139
|
-
l.hasRightIcon ? (i(), s("div", y, [
|
|
140
|
-
u(e.$slots, "iconRight")
|
|
141
|
-
])) : o("", !0),
|
|
142
|
-
t[5] || (t[5] = d("span", { class: "invalid-marker" }, null, -1))
|
|
143
|
-
], 2);
|
|
144
|
-
}
|
|
145
|
-
const w = /* @__PURE__ */ p(c, [["render", g], ["__scopeId", "data-v-e4e1a696"]]);
|
|
146
|
-
export {
|
|
147
|
-
w as I
|
|
148
|
-
};
|
package/dist/Label-r9424CUy.js
DELETED
|
@@ -1,75 +0,0 @@
|
|
|
1
|
-
import { openBlock as l, createElementBlock as a, toDisplayString as o, normalizeClass as n, createCommentVNode as d, renderSlot as s } from "vue";
|
|
2
|
-
import { _ as i, M as u } from "./SectionHeading.vue_vue_type_style_index_0_scoped_2310b6b8_lang-BQCvcmqS.js";
|
|
3
|
-
const c = {
|
|
4
|
-
name: "Label",
|
|
5
|
-
inject: {
|
|
6
|
-
largeLabels: {
|
|
7
|
-
// provided e.g. by Fieldset.vue
|
|
8
|
-
default: !1
|
|
9
|
-
}
|
|
10
|
-
},
|
|
11
|
-
props: {
|
|
12
|
-
generateId: {
|
|
13
|
-
type: Boolean,
|
|
14
|
-
default: !0
|
|
15
|
-
},
|
|
16
|
-
idPrefix: {
|
|
17
|
-
type: String,
|
|
18
|
-
default: "comp"
|
|
19
|
-
},
|
|
20
|
-
text: {
|
|
21
|
-
default: "",
|
|
22
|
-
type: String
|
|
23
|
-
},
|
|
24
|
-
/**
|
|
25
|
-
* smaller font size and margin
|
|
26
|
-
*/
|
|
27
|
-
large: {
|
|
28
|
-
type: Boolean,
|
|
29
|
-
default: !1
|
|
30
|
-
},
|
|
31
|
-
/**
|
|
32
|
-
* Whether to show the label or only its content.
|
|
33
|
-
*/
|
|
34
|
-
active: {
|
|
35
|
-
type: Boolean,
|
|
36
|
-
default: !0
|
|
37
|
-
}
|
|
38
|
-
},
|
|
39
|
-
emits: ["labelForId"],
|
|
40
|
-
data() {
|
|
41
|
-
return {
|
|
42
|
-
labelForId: u()
|
|
43
|
-
};
|
|
44
|
-
},
|
|
45
|
-
computed: {
|
|
46
|
-
labelFor() {
|
|
47
|
-
return this.generateId ? `${this.idPrefix}-${this.labelForId}` : null;
|
|
48
|
-
},
|
|
49
|
-
labelId() {
|
|
50
|
-
return this.generateId ? `label-${this.labelFor}` : null;
|
|
51
|
-
},
|
|
52
|
-
isLarge() {
|
|
53
|
-
return this.large || this.largeLabels;
|
|
54
|
-
}
|
|
55
|
-
},
|
|
56
|
-
mounted() {
|
|
57
|
-
this.$emit("labelForId", this.labelFor);
|
|
58
|
-
}
|
|
59
|
-
}, f = { class: "label-wrapper" }, b = ["id", "for", "textContent"];
|
|
60
|
-
function m(r, p, t, _, g, e) {
|
|
61
|
-
return l(), a("div", f, [
|
|
62
|
-
t.active ? (l(), a("label", {
|
|
63
|
-
key: 0,
|
|
64
|
-
id: e.labelId,
|
|
65
|
-
for: e.labelFor,
|
|
66
|
-
class: n(["label-text", { large: e.isLarge }]),
|
|
67
|
-
textContent: o(t.text)
|
|
68
|
-
}, null, 10, b)) : d("", !0),
|
|
69
|
-
s(r.$slots, "default", { labelForId: e.labelFor }, void 0, !0)
|
|
70
|
-
]);
|
|
71
|
-
}
|
|
72
|
-
const F = /* @__PURE__ */ i(c, [["render", m], ["__scopeId", "data-v-9887bcbf"]]);
|
|
73
|
-
export {
|
|
74
|
-
F as L
|
|
75
|
-
};
|
|
@@ -1,74 +0,0 @@
|
|
|
1
|
-
import { defineComponent as k, computed as s, openBlock as o, createBlock as r, unref as n, mergeProps as I, withCtx as y, createCommentVNode as b, createElementBlock as p, normalizeClass as N, Fragment as i, createVNode as L, createElementVNode as V, toDisplayString as d, createTextVNode as T } from "vue";
|
|
2
|
-
import { Y as f, _ as w } from "./SectionHeading.vue_vue_type_style_index_0_scoped_2310b6b8_lang-BQCvcmqS.js";
|
|
3
|
-
import { D as B } from "./Dropdown-Cfw0EPio.js";
|
|
4
|
-
import { L as C } from "./LoadingIcon-vXOEpL-N.js";
|
|
5
|
-
const D = /* @__PURE__ */ k({
|
|
6
|
-
__name: "LoadingDropdown",
|
|
7
|
-
props: {
|
|
8
|
-
possibleValues: {},
|
|
9
|
-
modelValue: {},
|
|
10
|
-
id: {},
|
|
11
|
-
ariaLabel: {},
|
|
12
|
-
disabled: { type: Boolean }
|
|
13
|
-
},
|
|
14
|
-
setup(v) {
|
|
15
|
-
const l = v, u = s(() => {
|
|
16
|
-
const { possibleValues: e } = l;
|
|
17
|
-
return e === null ? "Loading" : e.length > 0 ? "No value selected" : "No values present";
|
|
18
|
-
}), x = s(() => l.possibleValues === null ? "" : l.modelValue), _ = s(
|
|
19
|
-
() => l.possibleValues?.some((e) => e.type !== void 0)
|
|
20
|
-
), g = s(
|
|
21
|
-
() => l.disabled || l.possibleValues === null || l.possibleValues.length === 0
|
|
22
|
-
), c = s(() => l.possibleValues === null ? [] : _.value ? l.possibleValues.map((e) => ({
|
|
23
|
-
...e,
|
|
24
|
-
slotData: {
|
|
25
|
-
text: e.text,
|
|
26
|
-
...e.type && { typeId: e.type.id, typeText: e.type.text }
|
|
27
|
-
}
|
|
28
|
-
})) : l.possibleValues);
|
|
29
|
-
return (e, z) => (o(), r(n(B), I({ ...e.$props, ...e.$attrs }, {
|
|
30
|
-
"model-value": x.value,
|
|
31
|
-
disabled: g.value,
|
|
32
|
-
"possible-values": c.value ?? [],
|
|
33
|
-
placeholder: u.value,
|
|
34
|
-
compact: ""
|
|
35
|
-
}), {
|
|
36
|
-
option: y(({ slotData: t, selectedValue: m, isMissing: a, expanded: h } = {
|
|
37
|
-
slotData: {}
|
|
38
|
-
}) => [
|
|
39
|
-
h || m !== "" || a ? (o(), p("div", {
|
|
40
|
-
key: 0,
|
|
41
|
-
class: N([
|
|
42
|
-
"data-type-entry",
|
|
43
|
-
{ missing: a, "with-type": a || t.typeId }
|
|
44
|
-
])
|
|
45
|
-
}, [
|
|
46
|
-
a ? (o(), p(i, { key: 0 }, [
|
|
47
|
-
L(n(f), { size: "small" }),
|
|
48
|
-
V("span", null, "(MISSING) " + d(m), 1)
|
|
49
|
-
], 64)) : (o(), p(i, { key: 1 }, [
|
|
50
|
-
t.typeId ? (o(), r(n(f), {
|
|
51
|
-
key: 0,
|
|
52
|
-
"icon-name": t.typeId,
|
|
53
|
-
"icon-title": t.typeText,
|
|
54
|
-
size: "small"
|
|
55
|
-
}, null, 8, ["icon-name", "icon-title"])) : b("", !0),
|
|
56
|
-
V("span", null, d(t.text), 1)
|
|
57
|
-
], 64))
|
|
58
|
-
], 2)) : (o(), p(i, { key: 1 }, [
|
|
59
|
-
T(d(u.value), 1)
|
|
60
|
-
], 64))
|
|
61
|
-
]),
|
|
62
|
-
"icon-right": y(() => [
|
|
63
|
-
c.value === null ? (o(), r(n(C), {
|
|
64
|
-
key: 0,
|
|
65
|
-
class: "loading-icon"
|
|
66
|
-
})) : b("", !0)
|
|
67
|
-
]),
|
|
68
|
-
_: 1
|
|
69
|
-
}, 16, ["model-value", "disabled", "possible-values", "placeholder"]));
|
|
70
|
-
}
|
|
71
|
-
}), $ = /* @__PURE__ */ w(D, [["__scopeId", "data-v-1e1c47f1"]]);
|
|
72
|
-
export {
|
|
73
|
-
$ as L
|
|
74
|
-
};
|