@knime/kds-components 0.28.5 → 0.28.8
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/dist/auto-configure-BU7AIhL7.js +23 -0
- package/dist/auto-configure-BU7AIhL7.js.map +1 -0
- package/dist/index.css +207 -71
- package/dist/index.js +926 -566
- package/dist/index.js.map +1 -1
- package/dist/src/accessories/Icon/useIcon.d.ts.map +1 -1
- package/dist/src/buttons/KdsMenuButton/types.d.ts +1 -1
- package/dist/src/buttons/KdsMenuButton/types.d.ts.map +1 -1
- package/dist/src/containers/ListItem/KdsListItem/enums.d.ts +2 -1
- package/dist/src/containers/ListItem/KdsListItem/enums.d.ts.map +1 -1
- package/dist/src/containers/ListItem/KdsListItem/types.d.ts +8 -1
- package/dist/src/containers/ListItem/KdsListItem/types.d.ts.map +1 -1
- package/dist/src/containers/MenuContainer/KdsMenuContainer.vue.d.ts.map +1 -1
- package/dist/src/containers/MenuContainer/KdsMenuItem.vue.d.ts +6 -2
- package/dist/src/containers/MenuContainer/KdsMenuItem.vue.d.ts.map +1 -1
- package/dist/src/containers/MenuContainer/types.d.ts +70 -12
- package/dist/src/containers/MenuContainer/types.d.ts.map +1 -1
- package/dist/src/containers/index.d.ts +1 -1
- package/dist/src/containers/index.d.ts.map +1 -1
- package/dist/src/forms/inputs/BaseInput.vue.d.ts +1 -1
- package/dist/src/forms/inputs/BaseInput.vue.d.ts.map +1 -1
- package/dist/src/forms/inputs/DateInput/KdsDateInput.vue.d.ts +3 -3
- package/dist/src/forms/inputs/DateInput/KdsDateInput.vue.d.ts.map +1 -1
- package/dist/src/forms/inputs/IntervalInput/KdsIntervalInput.vue.d.ts +2 -2
- package/dist/src/forms/inputs/NumberInput/KdsNumberInput.vue.d.ts +3 -3
- package/dist/src/forms/inputs/NumberInput/KdsNumberInput.vue.d.ts.map +1 -1
- package/dist/src/forms/inputs/PasswordInput/KdsPasswordInput.vue.d.ts +3 -3
- package/dist/src/forms/inputs/PasswordInput/KdsPasswordInput.vue.d.ts.map +1 -1
- package/dist/src/forms/inputs/PatternInput/KdsPatternInput.vue.d.ts +3 -3
- package/dist/src/forms/inputs/PatternInput/KdsPatternInput.vue.d.ts.map +1 -1
- package/dist/src/forms/inputs/SearchInput/KdsSearchInput.vue.d.ts +3 -3
- package/dist/src/forms/inputs/SearchInput/KdsSearchInput.vue.d.ts.map +1 -1
- package/dist/src/forms/inputs/TextInput/KdsTextInput.vue.d.ts +3 -3
- package/dist/src/forms/inputs/TextInput/KdsTextInput.vue.d.ts.map +1 -1
- package/dist/src/forms/inputs/Textarea/KdsTextarea.vue.d.ts +1 -1
- package/dist/src/forms/inputs/Textarea/KdsTextarea.vue.d.ts.map +1 -1
- package/dist/src/forms/inputs/TimeInput/KdsTimeInput.vue.d.ts +15 -15
- package/dist/src/forms/inputs/TimeInput/KdsTimeInput.vue.d.ts.map +1 -1
- package/dist/src/forms/inputs/TimeInput/TimePicker.vue.d.ts +12 -12
- package/dist/src/forms/inputs/TimeInput/TimePicker.vue.d.ts.map +1 -1
- package/dist/src/forms/inputs/UsernameInput/KdsUsernameInput.vue.d.ts +3 -3
- package/dist/src/forms/inputs/UsernameInput/KdsUsernameInput.vue.d.ts.map +1 -1
- package/dist/src/forms/selects/Dropdown/DropdownContainer.vue.d.ts +2 -2
- package/dist/src/forms/selects/Dropdown/KdsDropdown.vue.d.ts +2 -2
- package/dist/src/forms/selects/Dropdown/KdsMultiSelectDropdown.vue.d.ts +2 -2
- package/dist/src/forms/selects/Dropdown/MultiSelectDropdownContainer.vue.d.ts +2 -2
- package/dist/src/forms/types.d.ts +1 -1
- package/dist/src/forms/types.d.ts.map +1 -1
- package/dist/src/layouts/Breadcrumb/BreadcrumbItem.vue.d.ts +8 -0
- package/dist/src/layouts/Breadcrumb/BreadcrumbItem.vue.d.ts.map +1 -0
- package/dist/src/layouts/Breadcrumb/KdsBreadcrumb.vue.d.ts +6 -0
- package/dist/src/layouts/Breadcrumb/KdsBreadcrumb.vue.d.ts.map +1 -0
- package/dist/src/layouts/Breadcrumb/index.d.ts +3 -0
- package/dist/src/layouts/Breadcrumb/index.d.ts.map +1 -0
- package/dist/src/layouts/Breadcrumb/types.d.ts +61 -0
- package/dist/src/layouts/Breadcrumb/types.d.ts.map +1 -0
- package/dist/src/layouts/Breadcrumb/useBreadcrumbAdaptiveLayout.d.ts +30 -0
- package/dist/src/layouts/Breadcrumb/useBreadcrumbAdaptiveLayout.d.ts.map +1 -0
- package/dist/src/layouts/index.d.ts +2 -0
- package/dist/src/layouts/index.d.ts.map +1 -1
- package/dist/src/overlays/Modal/KdsModal.vue.d.ts +1 -1
- package/package.json +2 -2
package/dist/index.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { defineComponent, createPropsRestProxy, ref, watch, computed, openBlock, createElementBlock, normalizeClass, createElementVNode, toDisplayString, Fragment, renderList, createBlock, normalizeStyle, createCommentVNode, shallowRef, readonly, toRef, unref, resolveDynamicComponent, useTemplateRef, createVNode, withCtx, renderSlot, mergeProps, h as h$1, useSlots, getCurrentInstance, useModel, mergeModels, onMounted, onUnmounted, nextTick, useId, watchEffect, useAttrs, withKeys,
|
|
1
|
+
import { defineComponent, createPropsRestProxy, ref, watch, computed, openBlock, createElementBlock, normalizeClass, createElementVNode, toDisplayString, Fragment, renderList, createBlock, normalizeStyle, createCommentVNode, shallowRef, markRaw, readonly, toRef, unref, resolveDynamicComponent, useTemplateRef, createVNode, withCtx, renderSlot, mergeProps, h as h$1, useSlots, getCurrentInstance, useModel, mergeModels, onMounted, onUnmounted, nextTick, useId, withModifiers, watchEffect, useAttrs, withKeys, useCssVars, normalizeProps, withDirectives, vShow, defineAsyncComponent, onBeforeUpdate, onBeforeUnmount, isRef, vModelText, createTextVNode, createSlots, guardReactiveProps } from 'vue';
|
|
2
2
|
import { useLocalStorage, useDark, usePreferredDark, useResizeObserver, useMutationObserver, useElementSize, useMousePressed, useVirtualList, useTemplateRefsList } from '@vueuse/core';
|
|
3
3
|
|
|
4
4
|
import './index.css';const kdsAvatarSize = {
|
|
@@ -9,14 +9,14 @@ import './index.css';const kdsAvatarSize = {
|
|
|
9
9
|
};
|
|
10
10
|
const kdsAvatarSizes = Object.values(kdsAvatarSize);
|
|
11
11
|
|
|
12
|
-
const _hoisted_1$
|
|
13
|
-
const _hoisted_2$
|
|
14
|
-
const _hoisted_3$
|
|
12
|
+
const _hoisted_1$10 = ["role", "title", "aria-hidden", "aria-label", "data-color"];
|
|
13
|
+
const _hoisted_2$C = ["src"];
|
|
14
|
+
const _hoisted_3$t = {
|
|
15
15
|
key: 1,
|
|
16
16
|
class: "kds-avatar-initials",
|
|
17
17
|
"aria-hidden": "true"
|
|
18
18
|
};
|
|
19
|
-
const _sfc_main$
|
|
19
|
+
const _sfc_main$1z = /* @__PURE__ */ defineComponent({
|
|
20
20
|
__name: "KdsAvatar",
|
|
21
21
|
props: {
|
|
22
22
|
initials: {},
|
|
@@ -80,10 +80,10 @@ const _sfc_main$1x = /* @__PURE__ */ defineComponent({
|
|
|
80
80
|
alt: "",
|
|
81
81
|
"aria-hidden": "true",
|
|
82
82
|
onError: onImageError
|
|
83
|
-
}, null, 40, _hoisted_2$
|
|
83
|
+
}, null, 40, _hoisted_2$C)) : (openBlock(), createElementBlock("div", _hoisted_3$t, [
|
|
84
84
|
createElementVNode("span", null, toDisplayString(displayedInitials.value), 1)
|
|
85
85
|
]))
|
|
86
|
-
], 10, _hoisted_1$
|
|
86
|
+
], 10, _hoisted_1$10);
|
|
87
87
|
};
|
|
88
88
|
}
|
|
89
89
|
});
|
|
@@ -96,16 +96,16 @@ const _export_sfc = (sfc, props) => {
|
|
|
96
96
|
return target;
|
|
97
97
|
};
|
|
98
98
|
|
|
99
|
-
const KdsAvatar = /* @__PURE__ */ _export_sfc(_sfc_main$
|
|
99
|
+
const KdsAvatar = /* @__PURE__ */ _export_sfc(_sfc_main$1z, [["__scopeId", "data-v-9e1a5abe"]]);
|
|
100
100
|
|
|
101
|
-
const _hoisted_1
|
|
102
|
-
const _hoisted_2$
|
|
103
|
-
const _hoisted_3$
|
|
101
|
+
const _hoisted_1$$ = ["aria-label"];
|
|
102
|
+
const _hoisted_2$B = { class: "avatars" };
|
|
103
|
+
const _hoisted_3$s = {
|
|
104
104
|
key: 0,
|
|
105
105
|
class: "more-count",
|
|
106
106
|
"aria-hidden": "true"
|
|
107
107
|
};
|
|
108
|
-
const _sfc_main$
|
|
108
|
+
const _sfc_main$1y = /* @__PURE__ */ defineComponent({
|
|
109
109
|
__name: "KdsAvatarCounter",
|
|
110
110
|
props: {
|
|
111
111
|
moreCount: { default: 0 },
|
|
@@ -125,7 +125,7 @@ const _sfc_main$1w = /* @__PURE__ */ defineComponent({
|
|
|
125
125
|
role: "group",
|
|
126
126
|
"aria-label": ariaLabel.value
|
|
127
127
|
}, [
|
|
128
|
-
createElementVNode("div", _hoisted_2$
|
|
128
|
+
createElementVNode("div", _hoisted_2$B, [
|
|
129
129
|
(openBlock(true), createElementBlock(Fragment, null, renderList(__props.avatars, (avatar, index) => {
|
|
130
130
|
return openBlock(), createBlock(KdsAvatar, {
|
|
131
131
|
key: index,
|
|
@@ -139,13 +139,13 @@ const _sfc_main$1w = /* @__PURE__ */ defineComponent({
|
|
|
139
139
|
}, null, 8, ["style", "size", "initials", "title", "src"]);
|
|
140
140
|
}), 128))
|
|
141
141
|
]),
|
|
142
|
-
__props.moreCount > 0 ? (openBlock(), createElementBlock("div", _hoisted_3$
|
|
143
|
-
], 8, _hoisted_1
|
|
142
|
+
__props.moreCount > 0 ? (openBlock(), createElementBlock("div", _hoisted_3$s, " +" + toDisplayString(__props.moreCount), 1)) : createCommentVNode("", true)
|
|
143
|
+
], 8, _hoisted_1$$);
|
|
144
144
|
};
|
|
145
145
|
}
|
|
146
146
|
});
|
|
147
147
|
|
|
148
|
-
const KdsAvatarCounter = /* @__PURE__ */ _export_sfc(_sfc_main$
|
|
148
|
+
const KdsAvatarCounter = /* @__PURE__ */ _export_sfc(_sfc_main$1y, [["__scopeId", "data-v-1aef516d"]]);
|
|
149
149
|
|
|
150
150
|
const __variableDynamicImportRuntimeHelper = (glob$1, path$13, segs) => {
|
|
151
151
|
const v = glob$1[path$13];
|
|
@@ -171,12 +171,13 @@ function useIcon({
|
|
|
171
171
|
return;
|
|
172
172
|
}
|
|
173
173
|
status.value = "loading";
|
|
174
|
-
__variableDynamicImportRuntimeHelper((/* #__PURE__ */ Object.assign({"../../../node_modules/@knime/kds-styles/dist/img/icons/add-user.svg": () => import('./add-user-BBT39sTb.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/ai-general.svg": () => import('./ai-general-xv5Ym88e.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/annotation-mode.svg": () => import('./annotation-mode-C0YL12XP.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/arrow-down.svg": () => import('./arrow-down-D8Q9vZG_.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/arrow-up.svg": () => import('./arrow-up-DJlZjTYZ.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/arrows-expand.svg": () => import('./arrows-expand-eXIczgyQ.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/arrows-move.svg": () => import('./arrows-move-CDiEl6Ry.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/arrows-order.svg": () => import('./arrows-order-DMoJXS-I.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/back.svg": () => import('./back-D1kA9zuH.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/bold.svg": () => import('./bold-C8dRggXe.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/calendar.svg": () => import('./calendar-B6v1nLjF.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/case-sensitive.svg": () => import('./case-sensitive-CHP-__99.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/cell-renderer.svg": () => import('./cell-renderer-DGnkQWTq.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/center-aligned.svg": () => import('./center-aligned--zRFP8Lf.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/checkmark.svg": () => import('./checkmark-DOn23D5R.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/chevron-down.svg": () => import('./chevron-down-BsSG_C_8.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/chevron-left-double.svg": () => import('./chevron-left-double-D-EEhZoy.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/chevron-left.svg": () => import('./chevron-left-BKFnSetN.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/chevron-right-double.svg": () => import('./chevron-right-double-BgfwXKBg.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/chevron-right.svg": () => import('./chevron-right-CozOeJxa.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/chevron-up.svg": () => import('./chevron-up-FA-c_L5N.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/circle-error.svg": () => import('./circle-error-CwUp2gKh.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/circle-info.svg": () => import('./circle-info-CcCjmOUH.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/circle-question.svg": () => import('./circle-question-TFLpel6L.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/circle-success.svg": () => import('./circle-success-CGkhxpZE.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/circle-unchecked.svg": () => import('./circle-unchecked-DOoOn6iz.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/cloud-download.svg": () => import('./cloud-download-CstHUDZv.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/cloud-knime.svg": () => import('./cloud-knime-CpZfWe3J.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/cloud-pending-changes.svg": () => import('./cloud-pending-changes-CWBUkOnb.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/cloud-synced.svg": () => import('./cloud-synced-DlT_4y5Q.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/cloud-upload.svg": () => import('./cloud-upload-DQvu_3cc.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/cloud-workflow.svg": () => import('./cloud-workflow-Bo_4KHLP.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/code-block.svg": () => import('./code-block-DrOaCM3g.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/collection.svg": () => import('./collection-BBXRVj4b.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/color-picker.svg": () => import('./color-picker-k6GkGnF5.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/column-width.svg": () => import('./column-width-Cjb-6nqI.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/comment.svg": () => import('./comment-DL9ZR-vM.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/component.svg": () => import('./component-BArrSsoi.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/connection.svg": () => import('./connection-cIDhN_bU.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/copy.svg": () => import('./copy-DAYm6-mo.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/cursor.svg": () => import('./cursor-DSIjd7yc.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/data-app.svg": () => import('./data-app-BHCZS7qU.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/data-value-view.svg": () => import('./data-value-view-DZAfZGqs.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/date-time.svg": () => import('./date-time-C3cmSAQm.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/db-browse.svg": () => import('./db-browse-BJj19qUq.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/db-database.svg": () => import('./db-database-CyCrPzu-.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/db-fetch.svg": () => import('./db-fetch-CJMHzQp5.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/db-schema.svg": () => import('./db-schema-C4gtYXvd.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/db-table-view.svg": () => import('./db-table-view-CcF1plGQ.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/db-table.svg": () => import('./db-table-DifKATf6.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/deploy.svg": () => import('./deploy-Dr6jEhZU.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/detect.svg": () => import('./detect-DkQik2ep.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/divider.svg": () => import('./divider-Bhqt1kvt.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/duration.svg": () => import('./duration-Dfp9ox2I.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/edit.svg": () => import('./edit-Bg040TR4.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/education.svg": () => import('./education-CsB0t7AG.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/error-panel.svg": () => import('./error-panel-BCvYjM5m.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/execute-all.svg": () => import('./execute-all-JZlJ6VtK.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/execute.svg": () => import('./execute-CDtz4PKy.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/expand-panel.svg": () => import('./expand-panel-C0-YqxWN.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/extension-community.svg": () => import('./extension-community-BL7uY2lh.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/extension.svg": () => import('./extension-DV2OG2b-.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/external-link.svg": () => import('./external-link-D6c_uzZp.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/eye.svg": () => import('./eye-DIQBS75n.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/file-export.svg": () => import('./file-export-Cm5xiHIP.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/file-text.svg": () => import('./file-text-DCIkmzWQ.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/file.svg": () => import('./file-D-fzxVWf.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/filter.svg": () => import('./filter-BCzsHR5o.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/flow-variable-default.svg": () => import('./flow-variable-default-D8YRzPWl.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/flow-variable-in-out.svg": () => import('./flow-variable-in-out-v434yDUG.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/flow-variable-in.svg": () => import('./flow-variable-in-BiO5ppkU.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/flow-variable-out.svg": () => import('./flow-variable-out-BuATVHTL.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/folder-plus.svg": () => import('./folder-plus-0Z-aPAxX.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/folder-search.svg": () => import('./folder-search-DDOYg0f6.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/folder-workflow.svg": () => import('./folder-workflow-hjaE8p-i.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/folder.svg": () => import('./folder-xz8Bw1k6.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/forum.svg": () => import('./forum-CunE8Bpo.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/function-catalog.svg": () => import('./function-catalog-CRXmv7AG.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/hide-eye.svg": () => import('./hide-eye-BrIKmBWt.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/home.svg": () => import('./home-CW06ROg3.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/import.svg": () => import('./import-Bjz9KZM-.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/info.svg": () => import('./info-C8GezBIf.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/interval.svg": () => import('./interval-CzQaVMPH.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/italic.svg": () => import('./italic-B6SY7x6N.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/key.svg": () => import('./key-9hybjORk.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/layout-editor.svg": () => import('./layout-editor-At6vQ3aU.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/left-aligned.svg": () => import('./left-aligned-C90MrNJd.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/like.svg": () => import('./like-BwC1fMTh.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/limit.svg": () => import('./limit-D84DMtQW.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/link.svg": () => import('./link-DH0XmQMp.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/linked-metanode.svg": () => import('./linked-metanode-ojS3JQJp.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/list-bulletpoint.svg": () => import('./list-bulletpoint-BLPnukaY.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/list-number.svg": () => import('./list-number-C47JfmdB.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/list-thumbs.svg": () => import('./list-thumbs-F5ICnK4Z.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/list.svg": () => import('./list-CQmzxqnp.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/local-filesystem.svg": () => import('./local-filesystem-fyrwOsG5.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/lock.svg": () => import('./lock-B9qCq8wW.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/menu.svg": () => import('./menu-BSS_QnZi.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/metanode.svg": () => import('./metanode-BOoscDpe.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/mini-map.svg": () => import('./mini-map-DKez_1T0.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/minimize-dialog.svg": () => import('./minimize-dialog-CsKInFjQ.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/minimize-side-panel.svg": () => import('./minimize-side-panel-DOe27uOi.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/minus.svg": () => import('./minus-CUOnFK-_.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/more-actions.svg": () => import('./more-actions-r1Ai1cv8.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/node-stack.svg": () => import('./node-stack-B2-NOdn1.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/nodes-align-horiz.svg": () => import('./nodes-align-horiz-BNN1SQyE.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/nodes-align-vert.svg": () => import('./nodes-align-vert-JG8gmWk5.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/open-in-new-window.svg": () => import('./open-in-new-window-BAU_-IMl.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/pan-mode.svg": () => import('./pan-mode-CGVZU5HB.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/parameter.svg": () => import('./parameter-D3NI1oyc.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/path-separator.svg": () => import('./path-separator-DRnUilGA.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/pending-changes.svg": () => import('./pending-changes-BvFdyKn8.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/pin.svg": () => import('./pin-B6vKBZDp.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/placeholder.svg": () => import('./placeholder-CIq-OFkj.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/plus.svg": () => import('./plus-BGcbvgG4.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/python.svg": () => import('./python-Bn3ET_9Z.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/quote.svg": () => import('./quote-BhPMewQl.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/re-execution.svg": () => import('./re-execution-CPa8UUdU.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/redo.svg": () => import('./redo-BjctXrq6.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/regex.svg": () => import('./regex-CErlWJQW.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/reload.svg": () => import('./reload-CDm_DDdP.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/rename.svg": () => import('./rename-Cyk_xng4.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/replace.svg": () => import('./replace-9aOLtKuD.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/reset-all.svg": () => import('./reset-all-Buf5y-HV.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/resume-execution.svg": () => import('./resume-execution-CRqaKZqz.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/right-aligned.svg": () => import('./right-aligned-2BkZ58o-.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/rocket.svg": () => import('./rocket-Bs46VoUh.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/save-as.svg": () => import('./save-as-CTnCvHfQ.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/save.svg": () => import('./save-B7DzWjxS.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/schedule.svg": () => import('./schedule-DuSqromp.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/search.svg": () => import('./search-gykfARpE.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/secret-store.svg": () => import('./secret-store-_ZlpQRjr.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/selected-cancel.svg": () => import('./selected-cancel-CS3Gep56.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/selected-execution.svg": () => import('./selected-execution-BJxjtKXq.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/selected-reset.svg": () => import('./selected-reset-SMx6XDk5.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/send.svg": () => import('./send-G2BlBsxu.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/server-rack-workflow.svg": () => import('./server-rack-workflow-CBhKbyGY.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/service.svg": () => import('./service-9hAt2V0T.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/settings.svg": () => import('./settings-BLMTAq-1.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/share.svg": () => import('./share-BIrWLTtn.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/shortcuts.svg": () => import('./shortcuts-fbNZWoSf.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/sort-ascending.svg": () => import('./sort-ascending-DNyV4Drg.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/sort-descending.svg": () => import('./sort-descending-BdIGPn-9.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/space-local.svg": () => import('./space-local-D4kTqwrB.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/space-private.svg": () => import('./space-private-D06CTwvE.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/space.svg": () => import('./space-fMpb-o4-.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/stepwise-execution.svg": () => import('./stepwise-execution-C1mAO3z_.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/stop.svg": () => import('./stop-Cgmy2iPY.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/strikethrough.svg": () => import('./strikethrough-DG4Ejxqk.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/table-statistics.svg": () => import('./table-statistics-y-P6EXGX.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/tag.svg": () => import('./tag-_fZiuJaC.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/team.svg": () => import('./team-CtZLwOou.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/template-gallery.svg": () => import('./template-gallery-BtXi4GHd.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/text.svg": () => import('./text-DFu-L62Z.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/textstyles.svg": () => import('./textstyles-j0GQtKYE.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/thumbs-down.svg": () => import('./thumbs-down-CiozrdIW.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/thumbs-up.svg": () => import('./thumbs-up-E4uRtjhi.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/time.svg": () => import('./time-DU80J5X8.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/to-bottom.svg": () => import('./to-bottom-B8wat1Dk.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/to-top.svg": () => import('./to-top-CCAfU4xz.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/trash.svg": () => import('./trash-Dq5FHwNO.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/trigger.svg": () => import('./trigger-Qns9VYQG.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/underline.svg": () => import('./underline-CDZcVZHB.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/undo.svg": () => import('./undo-CnghWcXK.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/unlink.svg": () => import('./unlink-CL0kTZX2.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/usage.svg": () => import('./usage-827uIQyn.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/user.svg": () => import('./user-DTq28OjK.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/version.svg": () => import('./version-CSTTEeam.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/view-cards.svg": () => import('./view-cards-DS0Cpf95.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/warning.svg": () => import('./warning-CJC1Oij-.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/workflow.svg": () => import('./workflow-n50o8jCH.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/x-close.svg": () => import('./x-close-D-oEO9N9.js'),"../../../node_modules/@knime/kds-styles/dist/img/type-icons/audio-datatype.svg": () => import('./audio-datatype-DyzJTMxb.js'),"../../../node_modules/@knime/kds-styles/dist/img/type-icons/binary-object-datatype.svg": () => import('./binary-object-datatype-DHZPEEoV.js'),"../../../node_modules/@knime/kds-styles/dist/img/type-icons/bit-byte-vector-datatype.svg": () => import('./bit-byte-vector-datatype-XJ0yjm_4.js'),"../../../node_modules/@knime/kds-styles/dist/img/type-icons/boolean-datatype.svg": () => import('./boolean-datatype-B0SBV35e.js'),"../../../node_modules/@knime/kds-styles/dist/img/type-icons/collection-list-datatype.svg": () => import('./collection-list-datatype-DDLoFog9.js'),"../../../node_modules/@knime/kds-styles/dist/img/type-icons/collection-set-datatype.svg": () => import('./collection-set-datatype-QGQHiErr.js'),"../../../node_modules/@knime/kds-styles/dist/img/type-icons/date-datatype.svg": () => import('./date-datatype-DX2o-Qoi.js'),"../../../node_modules/@knime/kds-styles/dist/img/type-icons/date-time-local-datatype.svg": () => import('./date-time-local-datatype-BRveWl93.js'),"../../../node_modules/@knime/kds-styles/dist/img/type-icons/date-time-zoned-datatype.svg": () => import('./date-time-zoned-datatype-CvUpjzJk.js'),"../../../node_modules/@knime/kds-styles/dist/img/type-icons/default-extension-datatype.svg": () => import('./default-extension-datatype-C7jbGM5d.js'),"../../../node_modules/@knime/kds-styles/dist/img/type-icons/document-datatype.svg": () => import('./document-datatype-CmWsp5e8.js'),"../../../node_modules/@knime/kds-styles/dist/img/type-icons/duration-date-based-datatype.svg": () => import('./duration-date-based-datatype-ZMMDq_rT.js'),"../../../node_modules/@knime/kds-styles/dist/img/type-icons/duration-time-based-datatype.svg": () => import('./duration-time-based-datatype-DWj4ALsB.js'),"../../../node_modules/@knime/kds-styles/dist/img/type-icons/geo-datatype.svg": () => import('./geo-datatype-CTQgQTql.js'),"../../../node_modules/@knime/kds-styles/dist/img/type-icons/helm-datatype.svg": () => import('./helm-datatype-XIlHXQBP.js'),"../../../node_modules/@knime/kds-styles/dist/img/type-icons/image-png-datatype.svg": () => import('./image-png-datatype-CtnGTQlX.js'),"../../../node_modules/@knime/kds-styles/dist/img/type-icons/image-svg-datatype.svg": () => import('./image-svg-datatype-DgySAOGM.js'),"../../../node_modules/@knime/kds-styles/dist/img/type-icons/json-datatype.svg": () => import('./json-datatype-DgHr_Q8U.js'),"../../../node_modules/@knime/kds-styles/dist/img/type-icons/labeling-datatype.svg": () => import('./labeling-datatype-CGG_DguN.js'),"../../../node_modules/@knime/kds-styles/dist/img/type-icons/linear-notation-molecule.svg": () => import('./linear-notation-molecule-CepA_vEp.js'),"../../../node_modules/@knime/kds-styles/dist/img/type-icons/message-datatype.svg": () => import('./message-datatype-Ds55YGMQ.js'),"../../../node_modules/@knime/kds-styles/dist/img/type-icons/microscope.svg": () => import('./microscope-CPwlykKH.js'),"../../../node_modules/@knime/kds-styles/dist/img/type-icons/model-pmml-datatype.svg": () => import('./model-pmml-datatype-kXlL8AWg.js'),"../../../node_modules/@knime/kds-styles/dist/img/type-icons/molecule.svg": () => import('./molecule-CT71Yhf1.js'),"../../../node_modules/@knime/kds-styles/dist/img/type-icons/number-double-datatype.svg": () => import('./number-double-datatype-B6nc4th6.js'),"../../../node_modules/@knime/kds-styles/dist/img/type-icons/number-double-vector-datatype.svg": () => import('./number-double-vector-datatype-D3rzzxjM.js'),"../../../node_modules/@knime/kds-styles/dist/img/type-icons/number-integer-datatype.svg": () => import('./number-integer-datatype-BWoQkZ03.js'),"../../../node_modules/@knime/kds-styles/dist/img/type-icons/path-datatype.svg": () => import('./path-datatype-BD3D-7dL.js'),"../../../node_modules/@knime/kds-styles/dist/img/type-icons/string-datatype.svg": () => import('./string-datatype-CHI_qvxE.js'),"../../../node_modules/@knime/kds-styles/dist/img/type-icons/string-vector-datatype.svg": () => import('./string-vector-datatype-DhgtZI8f.js'),"../../../node_modules/@knime/kds-styles/dist/img/type-icons/subgraph-datatype.svg": () => import('./subgraph-datatype-BHBSS1-Z.js'),"../../../node_modules/@knime/kds-styles/dist/img/type-icons/term-datatype.svg": () => import('./term-datatype-CRrmVXQx.js'),"../../../node_modules/@knime/kds-styles/dist/img/type-icons/test-tube.svg": () => import('./test-tube-BsB8mbus.js'),"../../../node_modules/@knime/kds-styles/dist/img/type-icons/time-datatype.svg": () => import('./time-datatype-CBnmuYLa.js'),"../../../node_modules/@knime/kds-styles/dist/img/type-icons/tool-datatype.svg": () => import('./tool-datatype-l6cMJHHd.js'),"../../../node_modules/@knime/kds-styles/dist/img/type-icons/unknown-datatype.svg": () => import('./unknown-datatype-BEY7muOy.js'),"../../../node_modules/@knime/kds-styles/dist/img/type-icons/uri-datatype.svg": () => import('./uri-datatype-CJhmCZiq.js'),"../../../node_modules/@knime/kds-styles/dist/img/type-icons/variable-boolean.svg": () => import('./variable-boolean-BzyG4BGV.js'),"../../../node_modules/@knime/kds-styles/dist/img/type-icons/variable-collection-boolean.svg": () => import('./variable-collection-boolean-nWAd6a7R.js'),"../../../node_modules/@knime/kds-styles/dist/img/type-icons/variable-collection-double.svg": () => import('./variable-collection-double-h0sMrPKC.js'),"../../../node_modules/@knime/kds-styles/dist/img/type-icons/variable-collection-integer.svg": () => import('./variable-collection-integer-BZEs4wch.js'),"../../../node_modules/@knime/kds-styles/dist/img/type-icons/variable-collection-string.svg": () => import('./variable-collection-string-BPIuxyHK.js'),"../../../node_modules/@knime/kds-styles/dist/img/type-icons/variable-conda-environment.svg": () => import('./variable-conda-environment-DZ5kqmc5.js'),"../../../node_modules/@knime/kds-styles/dist/img/type-icons/variable-credential.svg": () => import('./variable-credential-D32ztDmY.js'),"../../../node_modules/@knime/kds-styles/dist/img/type-icons/variable-integer.svg": () => import('./variable-integer-CtoE3pq3.js'),"../../../node_modules/@knime/kds-styles/dist/img/type-icons/variable-number-double.svg": () => import('./variable-number-double-D5CGjCM8.js'),"../../../node_modules/@knime/kds-styles/dist/img/type-icons/variable-path.svg": () => import('./variable-path-Dyuv7RmO.js'),"../../../node_modules/@knime/kds-styles/dist/img/type-icons/variable-string.svg": () => import('./variable-string-JWu8Gafe.js'),"../../../node_modules/@knime/kds-styles/dist/img/type-icons/variable-unknown.svg": () => import('./variable-unknown-DYSdcnPs.js'),"../../../node_modules/@knime/kds-styles/dist/img/type-icons/xml-datatype.svg": () => import('./xml-datatype-BlUTXDpw.js')})), `../../../node_modules/@knime/kds-styles/dist/img/${folder}/${newName}.svg`, 10).then((module) => {
|
|
175
|
-
|
|
174
|
+
__variableDynamicImportRuntimeHelper((/* #__PURE__ */ Object.assign({"../../../node_modules/@knime/kds-styles/dist/img/icons/add-user.svg": () => import('./add-user-BBT39sTb.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/ai-general.svg": () => import('./ai-general-xv5Ym88e.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/annotation-mode.svg": () => import('./annotation-mode-C0YL12XP.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/arrow-down.svg": () => import('./arrow-down-D8Q9vZG_.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/arrow-up.svg": () => import('./arrow-up-DJlZjTYZ.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/arrows-expand.svg": () => import('./arrows-expand-eXIczgyQ.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/arrows-move.svg": () => import('./arrows-move-CDiEl6Ry.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/arrows-order.svg": () => import('./arrows-order-DMoJXS-I.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/auto-configure.svg": () => import('./auto-configure-BU7AIhL7.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/back.svg": () => import('./back-D1kA9zuH.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/bold.svg": () => import('./bold-C8dRggXe.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/calendar.svg": () => import('./calendar-B6v1nLjF.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/case-sensitive.svg": () => import('./case-sensitive-CHP-__99.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/cell-renderer.svg": () => import('./cell-renderer-DGnkQWTq.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/center-aligned.svg": () => import('./center-aligned--zRFP8Lf.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/checkmark.svg": () => import('./checkmark-DOn23D5R.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/chevron-down.svg": () => import('./chevron-down-BsSG_C_8.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/chevron-left-double.svg": () => import('./chevron-left-double-D-EEhZoy.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/chevron-left.svg": () => import('./chevron-left-BKFnSetN.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/chevron-right-double.svg": () => import('./chevron-right-double-BgfwXKBg.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/chevron-right.svg": () => import('./chevron-right-CozOeJxa.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/chevron-up.svg": () => import('./chevron-up-FA-c_L5N.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/circle-error.svg": () => import('./circle-error-CwUp2gKh.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/circle-info.svg": () => import('./circle-info-CcCjmOUH.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/circle-question.svg": () => import('./circle-question-TFLpel6L.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/circle-success.svg": () => import('./circle-success-CGkhxpZE.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/circle-unchecked.svg": () => import('./circle-unchecked-DOoOn6iz.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/cloud-download.svg": () => import('./cloud-download-CstHUDZv.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/cloud-knime.svg": () => import('./cloud-knime-CpZfWe3J.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/cloud-pending-changes.svg": () => import('./cloud-pending-changes-CWBUkOnb.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/cloud-synced.svg": () => import('./cloud-synced-DlT_4y5Q.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/cloud-upload.svg": () => import('./cloud-upload-DQvu_3cc.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/cloud-workflow.svg": () => import('./cloud-workflow-Bo_4KHLP.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/code-block.svg": () => import('./code-block-DrOaCM3g.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/collection.svg": () => import('./collection-BBXRVj4b.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/color-picker.svg": () => import('./color-picker-k6GkGnF5.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/column-width.svg": () => import('./column-width-Cjb-6nqI.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/comment.svg": () => import('./comment-DL9ZR-vM.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/component.svg": () => import('./component-BArrSsoi.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/connection.svg": () => import('./connection-cIDhN_bU.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/copy.svg": () => import('./copy-DAYm6-mo.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/cursor.svg": () => import('./cursor-DSIjd7yc.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/data-app.svg": () => import('./data-app-BHCZS7qU.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/data-value-view.svg": () => import('./data-value-view-DZAfZGqs.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/date-time.svg": () => import('./date-time-C3cmSAQm.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/db-browse.svg": () => import('./db-browse-BJj19qUq.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/db-database.svg": () => import('./db-database-CyCrPzu-.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/db-fetch.svg": () => import('./db-fetch-CJMHzQp5.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/db-schema.svg": () => import('./db-schema-C4gtYXvd.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/db-table-view.svg": () => import('./db-table-view-CcF1plGQ.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/db-table.svg": () => import('./db-table-DifKATf6.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/deploy.svg": () => import('./deploy-Dr6jEhZU.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/detect.svg": () => import('./detect-DkQik2ep.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/divider.svg": () => import('./divider-Bhqt1kvt.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/duration.svg": () => import('./duration-Dfp9ox2I.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/edit.svg": () => import('./edit-Bg040TR4.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/education.svg": () => import('./education-CsB0t7AG.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/error-panel.svg": () => import('./error-panel-BCvYjM5m.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/execute-all.svg": () => import('./execute-all-JZlJ6VtK.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/execute.svg": () => import('./execute-CDtz4PKy.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/expand-panel.svg": () => import('./expand-panel-C0-YqxWN.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/extension-community.svg": () => import('./extension-community-BL7uY2lh.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/extension.svg": () => import('./extension-DV2OG2b-.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/external-link.svg": () => import('./external-link-D6c_uzZp.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/eye.svg": () => import('./eye-DIQBS75n.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/file-export.svg": () => import('./file-export-Cm5xiHIP.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/file-text.svg": () => import('./file-text-DCIkmzWQ.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/file.svg": () => import('./file-D-fzxVWf.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/filter.svg": () => import('./filter-BCzsHR5o.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/flow-variable-default.svg": () => import('./flow-variable-default-D8YRzPWl.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/flow-variable-in-out.svg": () => import('./flow-variable-in-out-v434yDUG.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/flow-variable-in.svg": () => import('./flow-variable-in-BiO5ppkU.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/flow-variable-out.svg": () => import('./flow-variable-out-BuATVHTL.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/folder-plus.svg": () => import('./folder-plus-0Z-aPAxX.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/folder-search.svg": () => import('./folder-search-DDOYg0f6.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/folder-workflow.svg": () => import('./folder-workflow-hjaE8p-i.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/folder.svg": () => import('./folder-xz8Bw1k6.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/forum.svg": () => import('./forum-CunE8Bpo.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/function-catalog.svg": () => import('./function-catalog-CRXmv7AG.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/hide-eye.svg": () => import('./hide-eye-BrIKmBWt.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/home.svg": () => import('./home-CW06ROg3.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/import.svg": () => import('./import-Bjz9KZM-.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/info.svg": () => import('./info-C8GezBIf.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/interval.svg": () => import('./interval-CzQaVMPH.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/italic.svg": () => import('./italic-B6SY7x6N.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/key.svg": () => import('./key-9hybjORk.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/layout-editor.svg": () => import('./layout-editor-At6vQ3aU.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/left-aligned.svg": () => import('./left-aligned-C90MrNJd.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/like.svg": () => import('./like-BwC1fMTh.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/limit.svg": () => import('./limit-D84DMtQW.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/link.svg": () => import('./link-DH0XmQMp.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/linked-metanode.svg": () => import('./linked-metanode-ojS3JQJp.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/list-bulletpoint.svg": () => import('./list-bulletpoint-BLPnukaY.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/list-number.svg": () => import('./list-number-C47JfmdB.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/list-thumbs.svg": () => import('./list-thumbs-F5ICnK4Z.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/list.svg": () => import('./list-CQmzxqnp.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/local-filesystem.svg": () => import('./local-filesystem-fyrwOsG5.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/lock.svg": () => import('./lock-B9qCq8wW.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/menu.svg": () => import('./menu-BSS_QnZi.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/metanode.svg": () => import('./metanode-BOoscDpe.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/mini-map.svg": () => import('./mini-map-DKez_1T0.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/minimize-dialog.svg": () => import('./minimize-dialog-CsKInFjQ.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/minimize-side-panel.svg": () => import('./minimize-side-panel-DOe27uOi.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/minus.svg": () => import('./minus-CUOnFK-_.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/more-actions.svg": () => import('./more-actions-r1Ai1cv8.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/node-stack.svg": () => import('./node-stack-B2-NOdn1.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/nodes-align-horiz.svg": () => import('./nodes-align-horiz-BNN1SQyE.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/nodes-align-vert.svg": () => import('./nodes-align-vert-JG8gmWk5.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/open-in-new-window.svg": () => import('./open-in-new-window-BAU_-IMl.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/pan-mode.svg": () => import('./pan-mode-CGVZU5HB.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/parameter.svg": () => import('./parameter-D3NI1oyc.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/path-separator.svg": () => import('./path-separator-DRnUilGA.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/pending-changes.svg": () => import('./pending-changes-BvFdyKn8.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/pin.svg": () => import('./pin-B6vKBZDp.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/placeholder.svg": () => import('./placeholder-CIq-OFkj.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/plus.svg": () => import('./plus-BGcbvgG4.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/python.svg": () => import('./python-Bn3ET_9Z.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/quote.svg": () => import('./quote-BhPMewQl.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/re-execution.svg": () => import('./re-execution-CPa8UUdU.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/redo.svg": () => import('./redo-BjctXrq6.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/regex.svg": () => import('./regex-CErlWJQW.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/reload.svg": () => import('./reload-CDm_DDdP.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/rename.svg": () => import('./rename-Cyk_xng4.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/replace.svg": () => import('./replace-9aOLtKuD.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/reset-all.svg": () => import('./reset-all-Buf5y-HV.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/resume-execution.svg": () => import('./resume-execution-CRqaKZqz.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/right-aligned.svg": () => import('./right-aligned-2BkZ58o-.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/rocket.svg": () => import('./rocket-Bs46VoUh.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/save-as.svg": () => import('./save-as-CTnCvHfQ.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/save.svg": () => import('./save-B7DzWjxS.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/schedule.svg": () => import('./schedule-DuSqromp.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/search.svg": () => import('./search-gykfARpE.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/secret-store.svg": () => import('./secret-store-_ZlpQRjr.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/selected-cancel.svg": () => import('./selected-cancel-CS3Gep56.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/selected-execution.svg": () => import('./selected-execution-BJxjtKXq.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/selected-reset.svg": () => import('./selected-reset-SMx6XDk5.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/send.svg": () => import('./send-G2BlBsxu.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/server-rack-workflow.svg": () => import('./server-rack-workflow-CBhKbyGY.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/service.svg": () => import('./service-9hAt2V0T.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/settings.svg": () => import('./settings-BLMTAq-1.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/share.svg": () => import('./share-BIrWLTtn.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/shortcuts.svg": () => import('./shortcuts-fbNZWoSf.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/sort-ascending.svg": () => import('./sort-ascending-DNyV4Drg.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/sort-descending.svg": () => import('./sort-descending-BdIGPn-9.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/space-local.svg": () => import('./space-local-D4kTqwrB.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/space-private.svg": () => import('./space-private-D06CTwvE.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/space.svg": () => import('./space-fMpb-o4-.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/stepwise-execution.svg": () => import('./stepwise-execution-C1mAO3z_.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/stop.svg": () => import('./stop-Cgmy2iPY.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/strikethrough.svg": () => import('./strikethrough-DG4Ejxqk.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/table-statistics.svg": () => import('./table-statistics-y-P6EXGX.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/tag.svg": () => import('./tag-_fZiuJaC.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/team.svg": () => import('./team-CtZLwOou.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/template-gallery.svg": () => import('./template-gallery-BtXi4GHd.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/text.svg": () => import('./text-DFu-L62Z.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/textstyles.svg": () => import('./textstyles-j0GQtKYE.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/thumbs-down.svg": () => import('./thumbs-down-CiozrdIW.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/thumbs-up.svg": () => import('./thumbs-up-E4uRtjhi.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/time.svg": () => import('./time-DU80J5X8.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/to-bottom.svg": () => import('./to-bottom-B8wat1Dk.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/to-top.svg": () => import('./to-top-CCAfU4xz.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/trash.svg": () => import('./trash-Dq5FHwNO.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/trigger.svg": () => import('./trigger-Qns9VYQG.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/underline.svg": () => import('./underline-CDZcVZHB.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/undo.svg": () => import('./undo-CnghWcXK.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/unlink.svg": () => import('./unlink-CL0kTZX2.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/usage.svg": () => import('./usage-827uIQyn.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/user.svg": () => import('./user-DTq28OjK.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/version.svg": () => import('./version-CSTTEeam.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/view-cards.svg": () => import('./view-cards-DS0Cpf95.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/warning.svg": () => import('./warning-CJC1Oij-.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/workflow.svg": () => import('./workflow-n50o8jCH.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/x-close.svg": () => import('./x-close-D-oEO9N9.js'),"../../../node_modules/@knime/kds-styles/dist/img/type-icons/audio-datatype.svg": () => import('./audio-datatype-DyzJTMxb.js'),"../../../node_modules/@knime/kds-styles/dist/img/type-icons/binary-object-datatype.svg": () => import('./binary-object-datatype-DHZPEEoV.js'),"../../../node_modules/@knime/kds-styles/dist/img/type-icons/bit-byte-vector-datatype.svg": () => import('./bit-byte-vector-datatype-XJ0yjm_4.js'),"../../../node_modules/@knime/kds-styles/dist/img/type-icons/boolean-datatype.svg": () => import('./boolean-datatype-B0SBV35e.js'),"../../../node_modules/@knime/kds-styles/dist/img/type-icons/collection-list-datatype.svg": () => import('./collection-list-datatype-DDLoFog9.js'),"../../../node_modules/@knime/kds-styles/dist/img/type-icons/collection-set-datatype.svg": () => import('./collection-set-datatype-QGQHiErr.js'),"../../../node_modules/@knime/kds-styles/dist/img/type-icons/date-datatype.svg": () => import('./date-datatype-DX2o-Qoi.js'),"../../../node_modules/@knime/kds-styles/dist/img/type-icons/date-time-local-datatype.svg": () => import('./date-time-local-datatype-BRveWl93.js'),"../../../node_modules/@knime/kds-styles/dist/img/type-icons/date-time-zoned-datatype.svg": () => import('./date-time-zoned-datatype-CvUpjzJk.js'),"../../../node_modules/@knime/kds-styles/dist/img/type-icons/default-extension-datatype.svg": () => import('./default-extension-datatype-C7jbGM5d.js'),"../../../node_modules/@knime/kds-styles/dist/img/type-icons/document-datatype.svg": () => import('./document-datatype-CmWsp5e8.js'),"../../../node_modules/@knime/kds-styles/dist/img/type-icons/duration-date-based-datatype.svg": () => import('./duration-date-based-datatype-ZMMDq_rT.js'),"../../../node_modules/@knime/kds-styles/dist/img/type-icons/duration-time-based-datatype.svg": () => import('./duration-time-based-datatype-DWj4ALsB.js'),"../../../node_modules/@knime/kds-styles/dist/img/type-icons/geo-datatype.svg": () => import('./geo-datatype-CTQgQTql.js'),"../../../node_modules/@knime/kds-styles/dist/img/type-icons/helm-datatype.svg": () => import('./helm-datatype-XIlHXQBP.js'),"../../../node_modules/@knime/kds-styles/dist/img/type-icons/image-png-datatype.svg": () => import('./image-png-datatype-CtnGTQlX.js'),"../../../node_modules/@knime/kds-styles/dist/img/type-icons/image-svg-datatype.svg": () => import('./image-svg-datatype-DgySAOGM.js'),"../../../node_modules/@knime/kds-styles/dist/img/type-icons/json-datatype.svg": () => import('./json-datatype-DgHr_Q8U.js'),"../../../node_modules/@knime/kds-styles/dist/img/type-icons/labeling-datatype.svg": () => import('./labeling-datatype-CGG_DguN.js'),"../../../node_modules/@knime/kds-styles/dist/img/type-icons/linear-notation-molecule.svg": () => import('./linear-notation-molecule-CepA_vEp.js'),"../../../node_modules/@knime/kds-styles/dist/img/type-icons/message-datatype.svg": () => import('./message-datatype-Ds55YGMQ.js'),"../../../node_modules/@knime/kds-styles/dist/img/type-icons/microscope.svg": () => import('./microscope-CPwlykKH.js'),"../../../node_modules/@knime/kds-styles/dist/img/type-icons/model-pmml-datatype.svg": () => import('./model-pmml-datatype-kXlL8AWg.js'),"../../../node_modules/@knime/kds-styles/dist/img/type-icons/molecule.svg": () => import('./molecule-CT71Yhf1.js'),"../../../node_modules/@knime/kds-styles/dist/img/type-icons/number-double-datatype.svg": () => import('./number-double-datatype-B6nc4th6.js'),"../../../node_modules/@knime/kds-styles/dist/img/type-icons/number-double-vector-datatype.svg": () => import('./number-double-vector-datatype-D3rzzxjM.js'),"../../../node_modules/@knime/kds-styles/dist/img/type-icons/number-integer-datatype.svg": () => import('./number-integer-datatype-BWoQkZ03.js'),"../../../node_modules/@knime/kds-styles/dist/img/type-icons/path-datatype.svg": () => import('./path-datatype-BD3D-7dL.js'),"../../../node_modules/@knime/kds-styles/dist/img/type-icons/string-datatype.svg": () => import('./string-datatype-CHI_qvxE.js'),"../../../node_modules/@knime/kds-styles/dist/img/type-icons/string-vector-datatype.svg": () => import('./string-vector-datatype-DhgtZI8f.js'),"../../../node_modules/@knime/kds-styles/dist/img/type-icons/subgraph-datatype.svg": () => import('./subgraph-datatype-BHBSS1-Z.js'),"../../../node_modules/@knime/kds-styles/dist/img/type-icons/term-datatype.svg": () => import('./term-datatype-CRrmVXQx.js'),"../../../node_modules/@knime/kds-styles/dist/img/type-icons/test-tube.svg": () => import('./test-tube-BsB8mbus.js'),"../../../node_modules/@knime/kds-styles/dist/img/type-icons/time-datatype.svg": () => import('./time-datatype-CBnmuYLa.js'),"../../../node_modules/@knime/kds-styles/dist/img/type-icons/tool-datatype.svg": () => import('./tool-datatype-l6cMJHHd.js'),"../../../node_modules/@knime/kds-styles/dist/img/type-icons/unknown-datatype.svg": () => import('./unknown-datatype-BEY7muOy.js'),"../../../node_modules/@knime/kds-styles/dist/img/type-icons/uri-datatype.svg": () => import('./uri-datatype-CJhmCZiq.js'),"../../../node_modules/@knime/kds-styles/dist/img/type-icons/variable-boolean.svg": () => import('./variable-boolean-BzyG4BGV.js'),"../../../node_modules/@knime/kds-styles/dist/img/type-icons/variable-collection-boolean.svg": () => import('./variable-collection-boolean-nWAd6a7R.js'),"../../../node_modules/@knime/kds-styles/dist/img/type-icons/variable-collection-double.svg": () => import('./variable-collection-double-h0sMrPKC.js'),"../../../node_modules/@knime/kds-styles/dist/img/type-icons/variable-collection-integer.svg": () => import('./variable-collection-integer-BZEs4wch.js'),"../../../node_modules/@knime/kds-styles/dist/img/type-icons/variable-collection-string.svg": () => import('./variable-collection-string-BPIuxyHK.js'),"../../../node_modules/@knime/kds-styles/dist/img/type-icons/variable-conda-environment.svg": () => import('./variable-conda-environment-DZ5kqmc5.js'),"../../../node_modules/@knime/kds-styles/dist/img/type-icons/variable-credential.svg": () => import('./variable-credential-D32ztDmY.js'),"../../../node_modules/@knime/kds-styles/dist/img/type-icons/variable-integer.svg": () => import('./variable-integer-CtoE3pq3.js'),"../../../node_modules/@knime/kds-styles/dist/img/type-icons/variable-number-double.svg": () => import('./variable-number-double-D5CGjCM8.js'),"../../../node_modules/@knime/kds-styles/dist/img/type-icons/variable-path.svg": () => import('./variable-path-Dyuv7RmO.js'),"../../../node_modules/@knime/kds-styles/dist/img/type-icons/variable-string.svg": () => import('./variable-string-JWu8Gafe.js'),"../../../node_modules/@knime/kds-styles/dist/img/type-icons/variable-unknown.svg": () => import('./variable-unknown-DYSdcnPs.js'),"../../../node_modules/@knime/kds-styles/dist/img/type-icons/xml-datatype.svg": () => import('./xml-datatype-BlUTXDpw.js')})), `../../../node_modules/@knime/kds-styles/dist/img/${folder}/${newName}.svg`, 10).then((module) => {
|
|
175
|
+
const component = markRaw(module.default);
|
|
176
|
+
iconCache.set(newName, component);
|
|
176
177
|
if (name.value !== newName) {
|
|
177
178
|
return;
|
|
178
179
|
}
|
|
179
|
-
iconComponent.value =
|
|
180
|
+
iconComponent.value = component;
|
|
180
181
|
status.value = "loaded";
|
|
181
182
|
}).catch((error) => {
|
|
182
183
|
if (error.name === "AbortError") {
|
|
@@ -201,7 +202,7 @@ function useIcon({
|
|
|
201
202
|
};
|
|
202
203
|
}
|
|
203
204
|
|
|
204
|
-
const _sfc_main$
|
|
205
|
+
const _sfc_main$1x = /* @__PURE__ */ defineComponent({
|
|
205
206
|
__name: "KdsIcon",
|
|
206
207
|
props: {
|
|
207
208
|
name: {},
|
|
@@ -231,7 +232,7 @@ const _sfc_main$1v = /* @__PURE__ */ defineComponent({
|
|
|
231
232
|
}
|
|
232
233
|
});
|
|
233
234
|
|
|
234
|
-
const KdsIcon = /* @__PURE__ */ _export_sfc(_sfc_main$
|
|
235
|
+
const KdsIcon = /* @__PURE__ */ _export_sfc(_sfc_main$1x, [["__scopeId", "data-v-bff4f419"]]);
|
|
235
236
|
|
|
236
237
|
const ID_TO_ICON_MAP = {
|
|
237
238
|
// Flow Variables
|
|
@@ -333,6 +334,7 @@ const iconNames = [
|
|
|
333
334
|
"arrows-expand",
|
|
334
335
|
"arrows-move",
|
|
335
336
|
"arrows-order",
|
|
337
|
+
"auto-configure",
|
|
336
338
|
"back",
|
|
337
339
|
"bold",
|
|
338
340
|
"calendar",
|
|
@@ -573,8 +575,8 @@ const kdsDataTypeSize = {
|
|
|
573
575
|
};
|
|
574
576
|
const kdsDataTypeSizes = Object.values(kdsDataTypeSize);
|
|
575
577
|
|
|
576
|
-
const _hoisted_1$
|
|
577
|
-
const _sfc_main$
|
|
578
|
+
const _hoisted_1$_ = ["title"];
|
|
579
|
+
const _sfc_main$1w = /* @__PURE__ */ defineComponent({
|
|
578
580
|
__name: "KdsDataType",
|
|
579
581
|
props: {
|
|
580
582
|
iconName: { default: "unknown-datatype" },
|
|
@@ -615,12 +617,12 @@ const _sfc_main$1u = /* @__PURE__ */ defineComponent({
|
|
|
615
617
|
"aria-hidden": "true",
|
|
616
618
|
focusable: "false"
|
|
617
619
|
}, null, 8, ["class"]))
|
|
618
|
-
], 10, _hoisted_1$
|
|
620
|
+
], 10, _hoisted_1$_);
|
|
619
621
|
};
|
|
620
622
|
}
|
|
621
623
|
});
|
|
622
624
|
|
|
623
|
-
const KdsDataType = /* @__PURE__ */ _export_sfc(_sfc_main$
|
|
625
|
+
const KdsDataType = /* @__PURE__ */ _export_sfc(_sfc_main$1w, [["__scopeId", "data-v-38e9537f"]]);
|
|
624
626
|
|
|
625
627
|
const kdsBadgeVariant = {
|
|
626
628
|
NEUTRAL: "neutral",
|
|
@@ -637,8 +639,8 @@ const kdsBadgeSize = {
|
|
|
637
639
|
};
|
|
638
640
|
const kdsBadgeSizes = Object.values(kdsBadgeSize);
|
|
639
641
|
|
|
640
|
-
const _hoisted_1$
|
|
641
|
-
const _sfc_main$
|
|
642
|
+
const _hoisted_1$Z = { class: "label-wrapper" };
|
|
643
|
+
const _sfc_main$1v = /* @__PURE__ */ defineComponent({
|
|
642
644
|
__name: "KdsBadge",
|
|
643
645
|
props: {
|
|
644
646
|
label: {},
|
|
@@ -660,13 +662,13 @@ const _sfc_main$1t = /* @__PURE__ */ defineComponent({
|
|
|
660
662
|
name: __props.leadingIcon,
|
|
661
663
|
size: sizeToIconSize[__props.size]
|
|
662
664
|
}, null, 8, ["name", "size"])) : createCommentVNode("", true),
|
|
663
|
-
createElementVNode("span", _hoisted_1$
|
|
665
|
+
createElementVNode("span", _hoisted_1$Z, toDisplayString(__props.label), 1)
|
|
664
666
|
], 2);
|
|
665
667
|
};
|
|
666
668
|
}
|
|
667
669
|
});
|
|
668
670
|
|
|
669
|
-
const KdsBadge = /* @__PURE__ */ _export_sfc(_sfc_main$
|
|
671
|
+
const KdsBadge = /* @__PURE__ */ _export_sfc(_sfc_main$1v, [["__scopeId", "data-v-df64f7cf"]]);
|
|
670
672
|
|
|
671
673
|
const kdsColorSwatchType = {
|
|
672
674
|
LEARNER: "learner",
|
|
@@ -685,14 +687,14 @@ const kdsColorSwatchSize = {
|
|
|
685
687
|
};
|
|
686
688
|
const kdsColorSwatchSizes = Object.values(kdsColorSwatchSize);
|
|
687
689
|
|
|
688
|
-
const _hoisted_1$
|
|
690
|
+
const _hoisted_1$Y = ["role", "title", "aria-hidden", "aria-label"];
|
|
689
691
|
const RGBA_SHORT_HEX_LENGTH = 4;
|
|
690
692
|
const RGBA_LONG_HEX_LENGTH = 8;
|
|
691
693
|
const ALPHA_NIBBLE_INDEX = 3;
|
|
692
694
|
const ALPHA_BYTE_START = 6;
|
|
693
695
|
const RGB_SHORT_HEX_LENGTH = 3;
|
|
694
696
|
const RGB_LONG_HEX_LENGTH = 6;
|
|
695
|
-
const _sfc_main$
|
|
697
|
+
const _sfc_main$1u = /* @__PURE__ */ defineComponent({
|
|
696
698
|
__name: "KdsColorSwatch",
|
|
697
699
|
props: {
|
|
698
700
|
color: {},
|
|
@@ -767,12 +769,12 @@ const _sfc_main$1s = /* @__PURE__ */ defineComponent({
|
|
|
767
769
|
style: normalizeStyle(swatchStyle.value),
|
|
768
770
|
"aria-hidden": hasTitle.value ? void 0 : "true",
|
|
769
771
|
"aria-label": hasTitle.value ? accessibleTitle.value : void 0
|
|
770
|
-
}, null, 14, _hoisted_1$
|
|
772
|
+
}, null, 14, _hoisted_1$Y);
|
|
771
773
|
};
|
|
772
774
|
}
|
|
773
775
|
});
|
|
774
776
|
|
|
775
|
-
const KdsColorSwatch = /* @__PURE__ */ _export_sfc(_sfc_main$
|
|
777
|
+
const KdsColorSwatch = /* @__PURE__ */ _export_sfc(_sfc_main$1u, [["__scopeId", "data-v-91e0130d"]]);
|
|
776
778
|
|
|
777
779
|
const kdsDarkModeType = {
|
|
778
780
|
LIGHT: "light",
|
|
@@ -892,9 +894,9 @@ function useKdsIsTruncated(elementRef) {
|
|
|
892
894
|
return { isTruncated };
|
|
893
895
|
}
|
|
894
896
|
|
|
895
|
-
const _hoisted_1$
|
|
896
|
-
const _hoisted_2$
|
|
897
|
-
const _sfc_main$
|
|
897
|
+
const _hoisted_1$X = ["title", "aria-label"];
|
|
898
|
+
const _hoisted_2$A = ["title"];
|
|
899
|
+
const _sfc_main$1t = /* @__PURE__ */ defineComponent({
|
|
898
900
|
__name: "KdsLiveStatus",
|
|
899
901
|
props: {
|
|
900
902
|
status: { default: "red" },
|
|
@@ -923,13 +925,13 @@ const _sfc_main$1r = /* @__PURE__ */ defineComponent({
|
|
|
923
925
|
ref: labelEl,
|
|
924
926
|
class: "label",
|
|
925
927
|
title: unref(isTruncated) ? __props.label : void 0
|
|
926
|
-
}, toDisplayString(__props.label), 9, _hoisted_2$
|
|
927
|
-
], 10, _hoisted_1$
|
|
928
|
+
}, toDisplayString(__props.label), 9, _hoisted_2$A)) : createCommentVNode("", true)
|
|
929
|
+
], 10, _hoisted_1$X);
|
|
928
930
|
};
|
|
929
931
|
}
|
|
930
932
|
});
|
|
931
933
|
|
|
932
|
-
const KdsLiveStatus = /* @__PURE__ */ _export_sfc(_sfc_main$
|
|
934
|
+
const KdsLiveStatus = /* @__PURE__ */ _export_sfc(_sfc_main$1t, [["__scopeId", "data-v-01555495"]]);
|
|
933
935
|
|
|
934
936
|
const kdsLiveStatusStatus = {
|
|
935
937
|
RED: "red",
|
|
@@ -945,8 +947,8 @@ const kdsLiveStatusSize = {
|
|
|
945
947
|
};
|
|
946
948
|
const kdsLiveStatusSizes = Object.values(kdsLiveStatusSize);
|
|
947
949
|
|
|
948
|
-
const _hoisted_1$
|
|
949
|
-
const _sfc_main$
|
|
950
|
+
const _hoisted_1$W = ["data-style"];
|
|
951
|
+
const _sfc_main$1s = /* @__PURE__ */ defineComponent({
|
|
950
952
|
__name: "KdsLoadingSpinner",
|
|
951
953
|
props: {
|
|
952
954
|
size: { default: "medium" },
|
|
@@ -971,12 +973,12 @@ const _sfc_main$1q = /* @__PURE__ */ defineComponent({
|
|
|
971
973
|
cy: "60",
|
|
972
974
|
r: "50"
|
|
973
975
|
}, null, -1)
|
|
974
|
-
])], 10, _hoisted_1$
|
|
976
|
+
])], 10, _hoisted_1$W);
|
|
975
977
|
};
|
|
976
978
|
}
|
|
977
979
|
});
|
|
978
980
|
|
|
979
|
-
const KdsLoadingSpinner = /* @__PURE__ */ _export_sfc(_sfc_main$
|
|
981
|
+
const KdsLoadingSpinner = /* @__PURE__ */ _export_sfc(_sfc_main$1s, [["__scopeId", "data-v-54835dc0"]]);
|
|
980
982
|
|
|
981
983
|
const kdsLoadingSpinnerVariant = {
|
|
982
984
|
ON_PRIMARY: "onPrimary",
|
|
@@ -986,14 +988,14 @@ const kdsLoadingSpinnerVariants = Object.values(
|
|
|
986
988
|
kdsLoadingSpinnerVariant
|
|
987
989
|
);
|
|
988
990
|
|
|
989
|
-
const _hoisted_1$
|
|
990
|
-
const _hoisted_2$
|
|
991
|
-
const _hoisted_3$
|
|
992
|
-
const _hoisted_4$
|
|
991
|
+
const _hoisted_1$V = ["role"];
|
|
992
|
+
const _hoisted_2$z = { class: "header" };
|
|
993
|
+
const _hoisted_3$r = { class: "headline" };
|
|
994
|
+
const _hoisted_4$n = {
|
|
993
995
|
key: 0,
|
|
994
996
|
class: "body"
|
|
995
997
|
};
|
|
996
|
-
const _sfc_main$
|
|
998
|
+
const _sfc_main$1r = /* @__PURE__ */ defineComponent({
|
|
997
999
|
__name: "KdsInlineMessage",
|
|
998
1000
|
props: {
|
|
999
1001
|
headline: {},
|
|
@@ -1024,21 +1026,21 @@ const _sfc_main$1p = /* @__PURE__ */ defineComponent({
|
|
|
1024
1026
|
class: normalizeClass(classes.value),
|
|
1025
1027
|
role: role.value
|
|
1026
1028
|
}, [
|
|
1027
|
-
createElementVNode("div", _hoisted_2$
|
|
1029
|
+
createElementVNode("div", _hoisted_2$z, [
|
|
1028
1030
|
createVNode(KdsIcon, {
|
|
1029
1031
|
class: "icon",
|
|
1030
1032
|
name: iconName.value,
|
|
1031
1033
|
size: "small"
|
|
1032
1034
|
}, null, 8, ["name"]),
|
|
1033
|
-
createElementVNode("div", _hoisted_3$
|
|
1035
|
+
createElementVNode("div", _hoisted_3$r, toDisplayString(props.headline), 1)
|
|
1034
1036
|
]),
|
|
1035
|
-
props.description ? (openBlock(), createElementBlock("div", _hoisted_4$
|
|
1036
|
-
], 10, _hoisted_1$
|
|
1037
|
+
props.description ? (openBlock(), createElementBlock("div", _hoisted_4$n, toDisplayString(props.description), 1)) : createCommentVNode("", true)
|
|
1038
|
+
], 10, _hoisted_1$V);
|
|
1037
1039
|
};
|
|
1038
1040
|
}
|
|
1039
1041
|
});
|
|
1040
1042
|
|
|
1041
|
-
const KdsInlineMessage = /* @__PURE__ */ _export_sfc(_sfc_main$
|
|
1043
|
+
const KdsInlineMessage = /* @__PURE__ */ _export_sfc(_sfc_main$1r, [["__scopeId", "data-v-af14056f"]]);
|
|
1042
1044
|
|
|
1043
1045
|
const kdsInlineMessageVariant = {
|
|
1044
1046
|
ERROR: "error",
|
|
@@ -1048,11 +1050,11 @@ const kdsInlineMessageVariant = {
|
|
|
1048
1050
|
};
|
|
1049
1051
|
const kdsInlineMessageVariants = Object.values(kdsInlineMessageVariant);
|
|
1050
1052
|
|
|
1051
|
-
const _hoisted_1$
|
|
1052
|
-
const _hoisted_2$
|
|
1053
|
-
const _hoisted_3$
|
|
1054
|
-
const _hoisted_4$
|
|
1055
|
-
const _hoisted_5$
|
|
1053
|
+
const _hoisted_1$U = { class: "donut-container" };
|
|
1054
|
+
const _hoisted_2$y = ["height", "width", "viewBox"];
|
|
1055
|
+
const _hoisted_3$q = ["r", "stroke-width"];
|
|
1056
|
+
const _hoisted_4$m = ["r", "stroke-width", "stroke-dasharray", "stroke-dashoffset", "transform"];
|
|
1057
|
+
const _hoisted_5$c = ["r", "stroke-width", "stroke-dasharray", "stroke-dashoffset", "transform"];
|
|
1056
1058
|
const _hoisted_6$a = {
|
|
1057
1059
|
key: 0,
|
|
1058
1060
|
class: "donut-text"
|
|
@@ -1064,7 +1066,7 @@ const _hoisted_8$3 = {
|
|
|
1064
1066
|
};
|
|
1065
1067
|
const radius = 22;
|
|
1066
1068
|
const innerRadius = 10;
|
|
1067
|
-
const _sfc_main$
|
|
1069
|
+
const _sfc_main$1q = /* @__PURE__ */ defineComponent({
|
|
1068
1070
|
__name: "KdsDonutChart",
|
|
1069
1071
|
props: {
|
|
1070
1072
|
value: {},
|
|
@@ -1108,7 +1110,7 @@ const _sfc_main$1o = /* @__PURE__ */ defineComponent({
|
|
|
1108
1110
|
const transformWedge = computed(() => `rotate(-90, ${radius}, ${radius})`);
|
|
1109
1111
|
const disabled = computed(() => !Number.isFinite(__props.maxValue));
|
|
1110
1112
|
return (_ctx, _cache) => {
|
|
1111
|
-
return openBlock(), createElementBlock("div", _hoisted_1$
|
|
1113
|
+
return openBlock(), createElementBlock("div", _hoisted_1$U, [
|
|
1112
1114
|
(openBlock(), createElementBlock("svg", {
|
|
1113
1115
|
height: diameter.value,
|
|
1114
1116
|
width: diameter.value,
|
|
@@ -1122,7 +1124,7 @@ const _sfc_main$1o = /* @__PURE__ */ defineComponent({
|
|
|
1122
1124
|
r: r.value,
|
|
1123
1125
|
"stroke-width": strokeWidth.value,
|
|
1124
1126
|
fill: "transparent"
|
|
1125
|
-
}, null, 8, _hoisted_3$
|
|
1127
|
+
}, null, 8, _hoisted_3$q),
|
|
1126
1128
|
__props.secondaryValue && !disabled.value ? (openBlock(), createElementBlock("circle", {
|
|
1127
1129
|
key: 0,
|
|
1128
1130
|
class: normalizeClass(["value-wedge", "secondary-circle", { animate: __props.animate }]),
|
|
@@ -1134,7 +1136,7 @@ const _sfc_main$1o = /* @__PURE__ */ defineComponent({
|
|
|
1134
1136
|
"stroke-dashoffset": secondaryStrokeDashOffset.value,
|
|
1135
1137
|
fill: "transparent",
|
|
1136
1138
|
transform: transformWedge.value
|
|
1137
|
-
}, null, 10, _hoisted_4$
|
|
1139
|
+
}, null, 10, _hoisted_4$m)) : createCommentVNode("", true),
|
|
1138
1140
|
!disabled.value ? (openBlock(), createElementBlock("circle", {
|
|
1139
1141
|
key: 1,
|
|
1140
1142
|
class: normalizeClass(["value-wedge", "primary-circle", { animate: __props.animate }]),
|
|
@@ -1146,8 +1148,8 @@ const _sfc_main$1o = /* @__PURE__ */ defineComponent({
|
|
|
1146
1148
|
"stroke-dashoffset": strokeDashOffset.value,
|
|
1147
1149
|
fill: "transparent",
|
|
1148
1150
|
transform: transformWedge.value
|
|
1149
|
-
}, null, 10, _hoisted_5$
|
|
1150
|
-
], 8, _hoisted_2$
|
|
1151
|
+
}, null, 10, _hoisted_5$c)) : createCommentVNode("", true)
|
|
1152
|
+
], 8, _hoisted_2$y)),
|
|
1151
1153
|
__props.title ? (openBlock(), createElementBlock("div", _hoisted_6$a, [
|
|
1152
1154
|
createElementVNode("div", _hoisted_7$3, toDisplayString(__props.title), 1),
|
|
1153
1155
|
__props.subText ? (openBlock(), createElementBlock("div", _hoisted_8$3, toDisplayString(__props.subText), 1)) : createCommentVNode("", true)
|
|
@@ -1157,22 +1159,22 @@ const _sfc_main$1o = /* @__PURE__ */ defineComponent({
|
|
|
1157
1159
|
}
|
|
1158
1160
|
});
|
|
1159
1161
|
|
|
1160
|
-
const KdsDonutChart = /* @__PURE__ */ _export_sfc(_sfc_main$
|
|
1162
|
+
const KdsDonutChart = /* @__PURE__ */ _export_sfc(_sfc_main$1q, [["__scopeId", "data-v-f5faf61c"]]);
|
|
1161
1163
|
|
|
1162
|
-
const _sfc_main$
|
|
1164
|
+
const _sfc_main$1p = { };
|
|
1163
1165
|
|
|
1164
|
-
const _hoisted_1$
|
|
1166
|
+
const _hoisted_1$T = { class: "kds-divider" };
|
|
1165
1167
|
|
|
1166
1168
|
function _sfc_render(_ctx, _cache) {
|
|
1167
|
-
return (openBlock(), createElementBlock("hr", _hoisted_1$
|
|
1169
|
+
return (openBlock(), createElementBlock("hr", _hoisted_1$T))
|
|
1168
1170
|
}
|
|
1169
|
-
const KdsDivider = /*#__PURE__*/_export_sfc(_sfc_main$
|
|
1171
|
+
const KdsDivider = /*#__PURE__*/_export_sfc(_sfc_main$1p, [['render',_sfc_render],['__scopeId',"data-v-4d059bd3"]]);
|
|
1170
1172
|
|
|
1171
|
-
const _hoisted_1$
|
|
1173
|
+
const _hoisted_1$S = {
|
|
1172
1174
|
key: 0,
|
|
1173
1175
|
class: "label"
|
|
1174
1176
|
};
|
|
1175
|
-
const _sfc_main$
|
|
1177
|
+
const _sfc_main$1o = /* @__PURE__ */ defineComponent({
|
|
1176
1178
|
__name: "BaseButton",
|
|
1177
1179
|
props: {
|
|
1178
1180
|
dataTestId: {},
|
|
@@ -1236,7 +1238,7 @@ const _sfc_main$1m = /* @__PURE__ */ defineComponent({
|
|
|
1236
1238
|
size: iconSize.value
|
|
1237
1239
|
}, null, 8, ["name", "size"])) : createCommentVNode("", true)
|
|
1238
1240
|
], true),
|
|
1239
|
-
props.label ? (openBlock(), createElementBlock("span", _hoisted_1$
|
|
1241
|
+
props.label ? (openBlock(), createElementBlock("span", _hoisted_1$S, toDisplayString(props.label), 1)) : createCommentVNode("", true),
|
|
1240
1242
|
props.trailingIcon && props.label ? (openBlock(), createBlock(KdsIcon, {
|
|
1241
1243
|
key: 1,
|
|
1242
1244
|
name: props.trailingIcon,
|
|
@@ -1249,9 +1251,9 @@ const _sfc_main$1m = /* @__PURE__ */ defineComponent({
|
|
|
1249
1251
|
}
|
|
1250
1252
|
});
|
|
1251
1253
|
|
|
1252
|
-
const BaseButton = /* @__PURE__ */ _export_sfc(_sfc_main$
|
|
1254
|
+
const BaseButton = /* @__PURE__ */ _export_sfc(_sfc_main$1o, [["__scopeId", "data-v-190ac311"]]);
|
|
1253
1255
|
|
|
1254
|
-
const _sfc_main$
|
|
1256
|
+
const _sfc_main$1n = /* @__PURE__ */ defineComponent({
|
|
1255
1257
|
__name: "KdsButton",
|
|
1256
1258
|
props: {
|
|
1257
1259
|
dataTestId: {},
|
|
@@ -1317,7 +1319,7 @@ function isExternalUrl(url) {
|
|
|
1317
1319
|
return true;
|
|
1318
1320
|
}
|
|
1319
1321
|
|
|
1320
|
-
const _sfc_main$
|
|
1322
|
+
const _sfc_main$1m = /* @__PURE__ */ defineComponent({
|
|
1321
1323
|
__name: "KdsLinkButton",
|
|
1322
1324
|
props: {
|
|
1323
1325
|
dataTestId: {},
|
|
@@ -1547,12 +1549,12 @@ function prettyBytes(number, options) {
|
|
|
1547
1549
|
return applyFixedWidth(result, options.fixedWidth);
|
|
1548
1550
|
}
|
|
1549
1551
|
|
|
1550
|
-
const _hoisted_1$
|
|
1551
|
-
const _hoisted_2$
|
|
1552
|
+
const _hoisted_1$R = { class: "label" };
|
|
1553
|
+
const _hoisted_2$x = {
|
|
1552
1554
|
key: 1,
|
|
1553
1555
|
class: "file-size"
|
|
1554
1556
|
};
|
|
1555
|
-
const _sfc_main$
|
|
1557
|
+
const _sfc_main$1l = /* @__PURE__ */ defineComponent({
|
|
1556
1558
|
__name: "KdsLink",
|
|
1557
1559
|
props: {
|
|
1558
1560
|
to: {},
|
|
@@ -1642,13 +1644,13 @@ const _sfc_main$1j = /* @__PURE__ */ defineComponent({
|
|
|
1642
1644
|
onClick
|
|
1643
1645
|
}, {
|
|
1644
1646
|
default: withCtx(() => [
|
|
1645
|
-
createElementVNode("span", _hoisted_1$
|
|
1647
|
+
createElementVNode("span", _hoisted_1$R, toDisplayString(__props.label), 1),
|
|
1646
1648
|
variant.value === "external" ? (openBlock(), createBlock(KdsIcon, {
|
|
1647
1649
|
key: 0,
|
|
1648
1650
|
name: "external-link",
|
|
1649
1651
|
size: "xsmall"
|
|
1650
1652
|
})) : createCommentVNode("", true),
|
|
1651
|
-
normalizedFileSize.value ? (openBlock(), createElementBlock("span", _hoisted_2$
|
|
1653
|
+
normalizedFileSize.value ? (openBlock(), createElementBlock("span", _hoisted_2$x, toDisplayString(normalizedFileSize.value), 1)) : createCommentVNode("", true)
|
|
1652
1654
|
]),
|
|
1653
1655
|
_: 1
|
|
1654
1656
|
}, 8, ["class", "to", "download", "target", "rel", "title", "aria-disabled"]);
|
|
@@ -1656,9 +1658,9 @@ const _sfc_main$1j = /* @__PURE__ */ defineComponent({
|
|
|
1656
1658
|
}
|
|
1657
1659
|
});
|
|
1658
1660
|
|
|
1659
|
-
const KdsLink = /* @__PURE__ */ _export_sfc(_sfc_main$
|
|
1661
|
+
const KdsLink = /* @__PURE__ */ _export_sfc(_sfc_main$1l, [["__scopeId", "data-v-56e748a8"]]);
|
|
1660
1662
|
|
|
1661
|
-
const _sfc_main$
|
|
1663
|
+
const _sfc_main$1k = /* @__PURE__ */ defineComponent({
|
|
1662
1664
|
__name: "KdsToggleButton",
|
|
1663
1665
|
props: /* @__PURE__ */ mergeModels({
|
|
1664
1666
|
dataTestId: {},
|
|
@@ -1695,9 +1697,9 @@ const kdsToggleButtonVariant = {
|
|
|
1695
1697
|
};
|
|
1696
1698
|
const kdsToggleButtonVariants = Object.values(kdsToggleButtonVariant);
|
|
1697
1699
|
|
|
1698
|
-
const _hoisted_1$
|
|
1699
|
-
const _hoisted_2$
|
|
1700
|
-
const _sfc_main$
|
|
1700
|
+
const _hoisted_1$Q = ["data-visible"];
|
|
1701
|
+
const _hoisted_2$w = ["data-visible"];
|
|
1702
|
+
const _sfc_main$1j = /* @__PURE__ */ defineComponent({
|
|
1701
1703
|
__name: "KdsProgressButton",
|
|
1702
1704
|
props: /* @__PURE__ */ mergeModels({
|
|
1703
1705
|
dataTestId: {},
|
|
@@ -1759,7 +1761,7 @@ const _sfc_main$1h = /* @__PURE__ */ defineComponent({
|
|
|
1759
1761
|
name: props.leadingIcon,
|
|
1760
1762
|
size: iconSize.value
|
|
1761
1763
|
}, null, 8, ["name", "size"])
|
|
1762
|
-
], 8, _hoisted_1$
|
|
1764
|
+
], 8, _hoisted_1$Q),
|
|
1763
1765
|
createElementVNode("span", {
|
|
1764
1766
|
class: "spinner",
|
|
1765
1767
|
"data-visible": state.value === "progress"
|
|
@@ -1768,7 +1770,7 @@ const _sfc_main$1h = /* @__PURE__ */ defineComponent({
|
|
|
1768
1770
|
size: iconSize.value,
|
|
1769
1771
|
variant: __props.variant === "filled" ? "onPrimary" : "onSurface"
|
|
1770
1772
|
}, null, 8, ["size", "variant"])
|
|
1771
|
-
], 8, _hoisted_2$
|
|
1773
|
+
], 8, _hoisted_2$w)
|
|
1772
1774
|
], 2)
|
|
1773
1775
|
]),
|
|
1774
1776
|
_: 1
|
|
@@ -1777,7 +1779,7 @@ const _sfc_main$1h = /* @__PURE__ */ defineComponent({
|
|
|
1777
1779
|
}
|
|
1778
1780
|
});
|
|
1779
1781
|
|
|
1780
|
-
const KdsProgressButton = /* @__PURE__ */ _export_sfc(_sfc_main$
|
|
1782
|
+
const KdsProgressButton = /* @__PURE__ */ _export_sfc(_sfc_main$1j, [["__scopeId", "data-v-d38d7ade"]]);
|
|
1781
1783
|
|
|
1782
1784
|
const kdsProgressButtonState = {
|
|
1783
1785
|
DEFAULT: "default",
|
|
@@ -2001,7 +2003,7 @@ const useStableItemIds = (options) => {
|
|
|
2001
2003
|
return { itemsWithPrefix, idPrefix, toUnprefixedId };
|
|
2002
2004
|
};
|
|
2003
2005
|
|
|
2004
|
-
const _sfc_main$
|
|
2006
|
+
const _sfc_main$1i = /* @__PURE__ */ defineComponent({
|
|
2005
2007
|
__name: "ListItemAccessory",
|
|
2006
2008
|
props: {
|
|
2007
2009
|
accessory: {},
|
|
@@ -2047,14 +2049,14 @@ const kdsListItemAccessorySize = {
|
|
|
2047
2049
|
LARGE: "large"
|
|
2048
2050
|
};
|
|
2049
2051
|
|
|
2050
|
-
const _hoisted_1$
|
|
2051
|
-
const _hoisted_2$
|
|
2052
|
+
const _hoisted_1$P = ["id", "role", "aria-selected", "aria-disabled"];
|
|
2053
|
+
const _hoisted_2$v = {
|
|
2052
2054
|
key: 0,
|
|
2053
2055
|
class: "accessory"
|
|
2054
2056
|
};
|
|
2055
|
-
const _hoisted_3$
|
|
2056
|
-
const _hoisted_4$
|
|
2057
|
-
const _hoisted_5$
|
|
2057
|
+
const _hoisted_3$p = { class: "content" };
|
|
2058
|
+
const _hoisted_4$l = ["title"];
|
|
2059
|
+
const _hoisted_5$b = {
|
|
2058
2060
|
key: 0,
|
|
2059
2061
|
class: "prefix"
|
|
2060
2062
|
};
|
|
@@ -2068,7 +2070,7 @@ const _hoisted_9$2 = {
|
|
|
2068
2070
|
key: 3,
|
|
2069
2071
|
class: "trailing-item-reserve-space"
|
|
2070
2072
|
};
|
|
2071
|
-
const _sfc_main$
|
|
2073
|
+
const _sfc_main$1h = /* @__PURE__ */ defineComponent({
|
|
2072
2074
|
__name: "KdsListItem",
|
|
2073
2075
|
props: {
|
|
2074
2076
|
id: {},
|
|
@@ -2113,7 +2115,7 @@ const _sfc_main$1f = /* @__PURE__ */ defineComponent({
|
|
|
2113
2115
|
id: props.id,
|
|
2114
2116
|
role: __props.role,
|
|
2115
2117
|
"aria-selected": __props.role === "option" ? __props.selected : void 0,
|
|
2116
|
-
"aria-disabled": __props.disabled,
|
|
2118
|
+
"aria-disabled": __props.role === "presentation" ? void 0 : __props.disabled,
|
|
2117
2119
|
class: normalizeClass([
|
|
2118
2120
|
"kds-list-item",
|
|
2119
2121
|
__props.variant,
|
|
@@ -2126,25 +2128,25 @@ const _sfc_main$1f = /* @__PURE__ */ defineComponent({
|
|
|
2126
2128
|
]),
|
|
2127
2129
|
onClick
|
|
2128
2130
|
}, [
|
|
2129
|
-
props.accessory ? (openBlock(), createElementBlock("span", _hoisted_2$
|
|
2130
|
-
createVNode(_sfc_main$
|
|
2131
|
+
props.accessory ? (openBlock(), createElementBlock("span", _hoisted_2$v, [
|
|
2132
|
+
createVNode(_sfc_main$1i, {
|
|
2131
2133
|
accessory: props.accessory,
|
|
2132
2134
|
size: accessorySize.value,
|
|
2133
2135
|
disabled: __props.disabled
|
|
2134
2136
|
}, null, 8, ["accessory", "size", "disabled"])
|
|
2135
2137
|
])) : createCommentVNode("", true),
|
|
2136
|
-
createElementVNode("span", _hoisted_3$
|
|
2138
|
+
createElementVNode("span", _hoisted_3$p, [
|
|
2137
2139
|
createElementVNode("span", {
|
|
2138
2140
|
ref_key: "labelEl",
|
|
2139
2141
|
ref: labelEl,
|
|
2140
2142
|
class: "label",
|
|
2141
2143
|
title: unref(isLabelTruncated) ? props.text : void 0
|
|
2142
2144
|
}, [
|
|
2143
|
-
__props.missing ? (openBlock(), createElementBlock("span", _hoisted_5$
|
|
2145
|
+
__props.missing ? (openBlock(), createElementBlock("span", _hoisted_5$b, "(Missing) ")) : createCommentVNode("", true),
|
|
2144
2146
|
createElementVNode("span", {
|
|
2145
2147
|
class: normalizeClass({ special: __props.special })
|
|
2146
2148
|
}, toDisplayString(props.text), 3)
|
|
2147
|
-
], 8, _hoisted_4$
|
|
2149
|
+
], 8, _hoisted_4$l),
|
|
2148
2150
|
props.subText ? (openBlock(), createElementBlock("span", {
|
|
2149
2151
|
key: 0,
|
|
2150
2152
|
ref_key: "subtextEl",
|
|
@@ -2167,20 +2169,20 @@ const _sfc_main$1f = /* @__PURE__ */ defineComponent({
|
|
|
2167
2169
|
}, null, 8, ["name"])) : createCommentVNode("", true),
|
|
2168
2170
|
!props.shortcut && !props.trailingIcon && !props.badge ? (openBlock(), createElementBlock("span", _hoisted_9$2)) : createCommentVNode("", true)
|
|
2169
2171
|
])
|
|
2170
|
-
], 10, _hoisted_1$
|
|
2172
|
+
], 10, _hoisted_1$P);
|
|
2171
2173
|
};
|
|
2172
2174
|
}
|
|
2173
2175
|
});
|
|
2174
2176
|
|
|
2175
|
-
const KdsListItem = /* @__PURE__ */ _export_sfc(_sfc_main$
|
|
2177
|
+
const KdsListItem = /* @__PURE__ */ _export_sfc(_sfc_main$1h, [["__scopeId", "data-v-a3d6c86f"]]);
|
|
2176
2178
|
|
|
2177
|
-
const _hoisted_1$
|
|
2178
|
-
const _hoisted_2$
|
|
2179
|
+
const _hoisted_1$O = { class: "kds-list-item-section-title" };
|
|
2180
|
+
const _hoisted_2$u = {
|
|
2179
2181
|
key: 0,
|
|
2180
2182
|
class: "icon"
|
|
2181
2183
|
};
|
|
2182
|
-
const _hoisted_3$
|
|
2183
|
-
const _sfc_main$
|
|
2184
|
+
const _hoisted_3$o = ["title"];
|
|
2185
|
+
const _sfc_main$1g = /* @__PURE__ */ defineComponent({
|
|
2184
2186
|
__name: "ListItemSectionTitle",
|
|
2185
2187
|
props: {
|
|
2186
2188
|
label: {},
|
|
@@ -2191,8 +2193,8 @@ const _sfc_main$1e = /* @__PURE__ */ defineComponent({
|
|
|
2191
2193
|
const labelEl = useTemplateRef("labelEl");
|
|
2192
2194
|
const { isTruncated } = useKdsIsTruncated(labelEl);
|
|
2193
2195
|
return (_ctx, _cache) => {
|
|
2194
|
-
return openBlock(), createElementBlock("div", _hoisted_1$
|
|
2195
|
-
props.leadingIcon ? (openBlock(), createElementBlock("span", _hoisted_2$
|
|
2196
|
+
return openBlock(), createElementBlock("div", _hoisted_1$O, [
|
|
2197
|
+
props.leadingIcon ? (openBlock(), createElementBlock("span", _hoisted_2$u, [
|
|
2196
2198
|
createVNode(KdsIcon, {
|
|
2197
2199
|
name: props.leadingIcon,
|
|
2198
2200
|
size: "small"
|
|
@@ -2203,15 +2205,15 @@ const _sfc_main$1e = /* @__PURE__ */ defineComponent({
|
|
|
2203
2205
|
ref: labelEl,
|
|
2204
2206
|
class: "label",
|
|
2205
2207
|
title: unref(isTruncated) ? props.label : void 0
|
|
2206
|
-
}, toDisplayString(props.label), 9, _hoisted_3$
|
|
2208
|
+
}, toDisplayString(props.label), 9, _hoisted_3$o)
|
|
2207
2209
|
]);
|
|
2208
2210
|
};
|
|
2209
2211
|
}
|
|
2210
2212
|
});
|
|
2211
2213
|
|
|
2212
|
-
const ListItemSectionTitle = /* @__PURE__ */ _export_sfc(_sfc_main$
|
|
2214
|
+
const ListItemSectionTitle = /* @__PURE__ */ _export_sfc(_sfc_main$1g, [["__scopeId", "data-v-5eeb1226"]]);
|
|
2213
2215
|
|
|
2214
|
-
const _sfc_main$
|
|
2216
|
+
const _sfc_main$1f = /* @__PURE__ */ defineComponent({
|
|
2215
2217
|
__name: "KdsMenuItem",
|
|
2216
2218
|
props: {
|
|
2217
2219
|
item: {},
|
|
@@ -2220,7 +2222,70 @@ const _sfc_main$1d = /* @__PURE__ */ defineComponent({
|
|
|
2220
2222
|
variant: {}
|
|
2221
2223
|
},
|
|
2222
2224
|
emits: ["click"],
|
|
2223
|
-
setup(__props) {
|
|
2225
|
+
setup(__props, { expose: __expose }) {
|
|
2226
|
+
const props = __props;
|
|
2227
|
+
const linkEl = useTemplateRef(
|
|
2228
|
+
"linkEl"
|
|
2229
|
+
);
|
|
2230
|
+
__expose({
|
|
2231
|
+
clickLink: () => {
|
|
2232
|
+
if (typeof props.item.to !== "string" || props.item.disabled) {
|
|
2233
|
+
return;
|
|
2234
|
+
}
|
|
2235
|
+
const ref = linkEl.value;
|
|
2236
|
+
if (!ref) {
|
|
2237
|
+
return;
|
|
2238
|
+
}
|
|
2239
|
+
const el = ref instanceof HTMLElement ? ref : ref.$el;
|
|
2240
|
+
el?.click();
|
|
2241
|
+
}
|
|
2242
|
+
});
|
|
2243
|
+
const isLink = computed(() => typeof props.item.to === "string");
|
|
2244
|
+
const isExternal = computed(
|
|
2245
|
+
() => typeof props.item.to === "string" && isExternalUrl(props.item.to)
|
|
2246
|
+
);
|
|
2247
|
+
const linkComponent = computed(() => {
|
|
2248
|
+
if (props.item.disabled) {
|
|
2249
|
+
return "span";
|
|
2250
|
+
}
|
|
2251
|
+
return resolveNuxtLinkComponent();
|
|
2252
|
+
});
|
|
2253
|
+
const effectiveTarget = computed(() => {
|
|
2254
|
+
if (!isLink.value) {
|
|
2255
|
+
return void 0;
|
|
2256
|
+
}
|
|
2257
|
+
const target = props.item.target;
|
|
2258
|
+
return target ?? (isExternal.value ? "_blank" : void 0);
|
|
2259
|
+
});
|
|
2260
|
+
const effectiveRel = computed(() => {
|
|
2261
|
+
if (!isLink.value) {
|
|
2262
|
+
return void 0;
|
|
2263
|
+
}
|
|
2264
|
+
const rel = props.item.rel;
|
|
2265
|
+
if (effectiveTarget.value !== "_blank") {
|
|
2266
|
+
return rel ?? void 0;
|
|
2267
|
+
}
|
|
2268
|
+
if (!rel) {
|
|
2269
|
+
return "noopener noreferrer";
|
|
2270
|
+
}
|
|
2271
|
+
const relTokens = rel.split(/\s+/).filter(Boolean);
|
|
2272
|
+
if (!relTokens.includes("noopener")) {
|
|
2273
|
+
relTokens.push("noopener");
|
|
2274
|
+
}
|
|
2275
|
+
if (!relTokens.includes("noreferrer")) {
|
|
2276
|
+
relTokens.push("noreferrer");
|
|
2277
|
+
}
|
|
2278
|
+
return relTokens.join(" ");
|
|
2279
|
+
});
|
|
2280
|
+
const effectiveTrailingIcon = computed(() => {
|
|
2281
|
+
if (isExternal.value && !props.item.shortcut && !props.item.badge) {
|
|
2282
|
+
return "external-link";
|
|
2283
|
+
}
|
|
2284
|
+
return void 0;
|
|
2285
|
+
});
|
|
2286
|
+
const effectiveTo = computed(
|
|
2287
|
+
() => props.item.disabled ? void 0 : props.item.to
|
|
2288
|
+
);
|
|
2224
2289
|
return (_ctx, _cache) => {
|
|
2225
2290
|
return openBlock(), createElementBlock(Fragment, null, [
|
|
2226
2291
|
__props.item.sectionHeadline ? (openBlock(), createBlock(unref(ListItemSectionTitle), mergeProps({
|
|
@@ -2229,9 +2294,42 @@ const _sfc_main$1d = /* @__PURE__ */ defineComponent({
|
|
|
2229
2294
|
"leading-icon": __props.item.sectionHeadlineIcon,
|
|
2230
2295
|
role: "presentation",
|
|
2231
2296
|
"aria-hidden": "true"
|
|
2232
|
-
}, _ctx.$attrs), null, 16, ["label", "leading-icon"])) : (openBlock(), createBlock(
|
|
2297
|
+
}, _ctx.$attrs), null, 16, ["label", "leading-icon"])) : isLink.value ? (openBlock(), createBlock(resolveDynamicComponent(linkComponent.value), {
|
|
2233
2298
|
key: 1,
|
|
2234
2299
|
id: __props.item.id,
|
|
2300
|
+
ref_key: "linkEl",
|
|
2301
|
+
ref: linkEl,
|
|
2302
|
+
to: effectiveTo.value,
|
|
2303
|
+
download: __props.item.disabled ? void 0 : __props.item.download,
|
|
2304
|
+
target: effectiveTarget.value,
|
|
2305
|
+
rel: effectiveRel.value,
|
|
2306
|
+
"aria-disabled": __props.item.disabled ? "true" : void 0,
|
|
2307
|
+
tabindex: "-1",
|
|
2308
|
+
role: "menuitem",
|
|
2309
|
+
class: "kds-menu-item-link",
|
|
2310
|
+
onMousedown: _cache[0] || (_cache[0] = withModifiers(() => {
|
|
2311
|
+
}, ["prevent"])),
|
|
2312
|
+
onClick: _cache[1] || (_cache[1] = ($event) => !__props.item.disabled && _ctx.$emit("click", $event))
|
|
2313
|
+
}, {
|
|
2314
|
+
default: withCtx(() => [
|
|
2315
|
+
createVNode(unref(KdsListItem), mergeProps({
|
|
2316
|
+
id: `${__props.item.id}-content`,
|
|
2317
|
+
accessory: __props.item.accessory,
|
|
2318
|
+
text: __props.item.text,
|
|
2319
|
+
"sub-text": __props.item.subText,
|
|
2320
|
+
disabled: __props.item.disabled,
|
|
2321
|
+
active: __props.activeId === __props.item.id,
|
|
2322
|
+
variant: __props.variant,
|
|
2323
|
+
badge: __props.item.badge,
|
|
2324
|
+
shortcut: __props.item.shortcut,
|
|
2325
|
+
"trailing-icon": effectiveTrailingIcon.value,
|
|
2326
|
+
role: "presentation"
|
|
2327
|
+
}, _ctx.$attrs), null, 16, ["id", "accessory", "text", "sub-text", "disabled", "active", "variant", "badge", "shortcut", "trailing-icon"])
|
|
2328
|
+
]),
|
|
2329
|
+
_: 1
|
|
2330
|
+
}, 40, ["id", "to", "download", "target", "rel", "aria-disabled"])) : (openBlock(), createBlock(unref(KdsListItem), mergeProps({
|
|
2331
|
+
key: 2,
|
|
2332
|
+
id: __props.item.id,
|
|
2235
2333
|
accessory: __props.item.accessory,
|
|
2236
2334
|
text: __props.item.text,
|
|
2237
2335
|
"sub-text": __props.item.subText,
|
|
@@ -2242,10 +2340,10 @@ const _sfc_main$1d = /* @__PURE__ */ defineComponent({
|
|
|
2242
2340
|
shortcut: __props.item.shortcut,
|
|
2243
2341
|
role: "menuitem"
|
|
2244
2342
|
}, _ctx.$attrs, {
|
|
2245
|
-
onClick: _cache[
|
|
2343
|
+
onClick: _cache[2] || (_cache[2] = ($event) => !__props.item.disabled && _ctx.$emit("click", $event))
|
|
2246
2344
|
}), null, 16, ["id", "accessory", "text", "sub-text", "disabled", "active", "variant", "badge", "shortcut"])),
|
|
2247
2345
|
__props.item.separator && !__props.isLast ? (openBlock(), createBlock(unref(KdsDivider), {
|
|
2248
|
-
key:
|
|
2346
|
+
key: 3,
|
|
2249
2347
|
class: "kds-list-item-divider",
|
|
2250
2348
|
role: "presentation",
|
|
2251
2349
|
"aria-hidden": "true"
|
|
@@ -2255,8 +2353,10 @@ const _sfc_main$1d = /* @__PURE__ */ defineComponent({
|
|
|
2255
2353
|
}
|
|
2256
2354
|
});
|
|
2257
2355
|
|
|
2258
|
-
const
|
|
2259
|
-
|
|
2356
|
+
const KdsMenuItem = /* @__PURE__ */ _export_sfc(_sfc_main$1f, [["__scopeId", "data-v-00c46d78"]]);
|
|
2357
|
+
|
|
2358
|
+
const _hoisted_1$N = ["id", "aria-label", "aria-activedescendant"];
|
|
2359
|
+
const _sfc_main$1e = /* @__PURE__ */ defineComponent({
|
|
2260
2360
|
__name: "KdsMenuContainer",
|
|
2261
2361
|
props: {
|
|
2262
2362
|
id: {},
|
|
@@ -2279,8 +2379,18 @@ const _sfc_main$1c = /* @__PURE__ */ defineComponent({
|
|
|
2279
2379
|
const enabledItems = computed(
|
|
2280
2380
|
() => selectableItems.value.filter((item) => !item.disabled)
|
|
2281
2381
|
);
|
|
2382
|
+
const containerEl = useTemplateRef("containerEl");
|
|
2383
|
+
const itemRefs = ref([]);
|
|
2384
|
+
const setItemRef = (el, index) => {
|
|
2385
|
+
if (el) {
|
|
2386
|
+
itemRefs.value[index] = el;
|
|
2387
|
+
}
|
|
2388
|
+
};
|
|
2282
2389
|
const handleItemInteraction = (item, event) => {
|
|
2283
2390
|
const id = toUnprefixedId(item?.id);
|
|
2391
|
+
if (!id) {
|
|
2392
|
+
return;
|
|
2393
|
+
}
|
|
2284
2394
|
const originalItem = props.items.find((i) => i.id === id);
|
|
2285
2395
|
try {
|
|
2286
2396
|
originalItem?.handler?.(originalItem, event);
|
|
@@ -2289,7 +2399,19 @@ const _sfc_main$1c = /* @__PURE__ */ defineComponent({
|
|
|
2289
2399
|
}
|
|
2290
2400
|
emit("itemClick", id);
|
|
2291
2401
|
};
|
|
2292
|
-
const
|
|
2402
|
+
const onKeyboardActivate = (item, event) => {
|
|
2403
|
+
const id = toUnprefixedId(item?.id);
|
|
2404
|
+
if (!id) {
|
|
2405
|
+
return;
|
|
2406
|
+
}
|
|
2407
|
+
const originalItem = props.items.find((i) => i.id === id);
|
|
2408
|
+
if (originalItem?.to && !originalItem.disabled) {
|
|
2409
|
+
const idx = itemsWithPrefix.value.findIndex((i) => i.id === item?.id);
|
|
2410
|
+
itemRefs.value?.[idx]?.clickLink();
|
|
2411
|
+
return;
|
|
2412
|
+
}
|
|
2413
|
+
handleItemInteraction(item, event);
|
|
2414
|
+
};
|
|
2293
2415
|
const { activeId } = useListItemKeyboardNav({
|
|
2294
2416
|
containerEl,
|
|
2295
2417
|
enabledItems,
|
|
@@ -2297,10 +2419,10 @@ const _sfc_main$1c = /* @__PURE__ */ defineComponent({
|
|
|
2297
2419
|
itemFocusStrategy: __props.itemFocusStrategy,
|
|
2298
2420
|
triggers: {
|
|
2299
2421
|
onEnter: (_activeId, item, event) => {
|
|
2300
|
-
|
|
2422
|
+
onKeyboardActivate(item, event);
|
|
2301
2423
|
},
|
|
2302
2424
|
onSpace: (_activeId, item, event) => {
|
|
2303
|
-
|
|
2425
|
+
onKeyboardActivate(item, event);
|
|
2304
2426
|
}
|
|
2305
2427
|
}
|
|
2306
2428
|
});
|
|
@@ -2326,8 +2448,10 @@ const _sfc_main$1c = /* @__PURE__ */ defineComponent({
|
|
|
2326
2448
|
"aria-activedescendant": unref(activeId)
|
|
2327
2449
|
}, [
|
|
2328
2450
|
(openBlock(true), createElementBlock(Fragment, null, renderList(unref(itemsWithPrefix), (item, index) => {
|
|
2329
|
-
return openBlock(), createBlock(
|
|
2451
|
+
return openBlock(), createBlock(KdsMenuItem, {
|
|
2330
2452
|
key: item.id,
|
|
2453
|
+
ref_for: true,
|
|
2454
|
+
ref: (el) => setItemRef(el, index),
|
|
2331
2455
|
item,
|
|
2332
2456
|
"is-last": index === unref(itemsWithPrefix).length - 1,
|
|
2333
2457
|
"active-id": unref(activeId),
|
|
@@ -2335,12 +2459,12 @@ const _sfc_main$1c = /* @__PURE__ */ defineComponent({
|
|
|
2335
2459
|
onClick: ($event) => handleItemInteraction(item, $event)
|
|
2336
2460
|
}, null, 8, ["item", "is-last", "active-id", "variant", "onClick"]);
|
|
2337
2461
|
}), 128))
|
|
2338
|
-
], 12, _hoisted_1$
|
|
2462
|
+
], 12, _hoisted_1$N);
|
|
2339
2463
|
};
|
|
2340
2464
|
}
|
|
2341
2465
|
});
|
|
2342
2466
|
|
|
2343
|
-
const KdsMenuContainer = /* @__PURE__ */ _export_sfc(_sfc_main$
|
|
2467
|
+
const KdsMenuContainer = /* @__PURE__ */ _export_sfc(_sfc_main$1e, [["__scopeId", "data-v-cce3fc40"]]);
|
|
2344
2468
|
|
|
2345
2469
|
const kdsPopoverPlacement = {
|
|
2346
2470
|
CUSTOM: "custom"
|
|
@@ -2348,12 +2472,12 @@ const kdsPopoverPlacement = {
|
|
|
2348
2472
|
const kdsPopoverType = {
|
|
2349
2473
|
AUTO: "auto"};
|
|
2350
2474
|
|
|
2351
|
-
const _hoisted_1$
|
|
2352
|
-
const _hoisted_2$
|
|
2475
|
+
const _hoisted_1$M = ["id", "popover", "role"];
|
|
2476
|
+
const _hoisted_2$t = {
|
|
2353
2477
|
key: 0,
|
|
2354
2478
|
class: "kds-popover-default-content"
|
|
2355
2479
|
};
|
|
2356
|
-
const _sfc_main$
|
|
2480
|
+
const _sfc_main$1d = /* @__PURE__ */ defineComponent({
|
|
2357
2481
|
__name: "KdsPopover",
|
|
2358
2482
|
props: /* @__PURE__ */ mergeModels({
|
|
2359
2483
|
role: {},
|
|
@@ -2411,21 +2535,21 @@ const _sfc_main$1b = /* @__PURE__ */ defineComponent({
|
|
|
2411
2535
|
onToggle
|
|
2412
2536
|
}, [
|
|
2413
2537
|
renderSlot(_ctx.$slots, "default", {}, () => [
|
|
2414
|
-
props.content?.trim().length ? (openBlock(), createElementBlock("div", _hoisted_2$
|
|
2538
|
+
props.content?.trim().length ? (openBlock(), createElementBlock("div", _hoisted_2$t, toDisplayString(props.content), 1)) : createCommentVNode("", true)
|
|
2415
2539
|
], true)
|
|
2416
|
-
], 46, _hoisted_1$
|
|
2540
|
+
], 46, _hoisted_1$M);
|
|
2417
2541
|
};
|
|
2418
2542
|
}
|
|
2419
2543
|
});
|
|
2420
2544
|
|
|
2421
|
-
const KdsPopover = /* @__PURE__ */ _export_sfc(_sfc_main$
|
|
2545
|
+
const KdsPopover = /* @__PURE__ */ _export_sfc(_sfc_main$1d, [["__scopeId", "data-v-1e5f9d24"]]);
|
|
2422
2546
|
|
|
2423
2547
|
const KdsPopover$1 = /*#__PURE__*/Object.freeze(/*#__PURE__*/Object.defineProperty({
|
|
2424
2548
|
__proto__: null,
|
|
2425
2549
|
default: KdsPopover
|
|
2426
2550
|
}, Symbol.toStringTag, { value: 'Module' }));
|
|
2427
2551
|
|
|
2428
|
-
const _sfc_main$
|
|
2552
|
+
const _sfc_main$1c = /* @__PURE__ */ defineComponent({
|
|
2429
2553
|
...{
|
|
2430
2554
|
inheritAttrs: false
|
|
2431
2555
|
},
|
|
@@ -2476,7 +2600,7 @@ const _sfc_main$1a = /* @__PURE__ */ defineComponent({
|
|
|
2476
2600
|
__expose({ menuButtonEl });
|
|
2477
2601
|
return (_ctx, _cache) => {
|
|
2478
2602
|
return openBlock(), createElementBlock(Fragment, null, [
|
|
2479
|
-
createVNode(_sfc_main$
|
|
2603
|
+
createVNode(_sfc_main$1k, mergeProps({
|
|
2480
2604
|
ref: "menuButton",
|
|
2481
2605
|
modelValue: isMenuOpen.value,
|
|
2482
2606
|
"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => isMenuOpen.value = $event)
|
|
@@ -2509,7 +2633,7 @@ const _sfc_main$1a = /* @__PURE__ */ defineComponent({
|
|
|
2509
2633
|
}
|
|
2510
2634
|
});
|
|
2511
2635
|
|
|
2512
|
-
const _sfc_main$
|
|
2636
|
+
const _sfc_main$1b = /* @__PURE__ */ defineComponent({
|
|
2513
2637
|
__name: "KdsSplitButton",
|
|
2514
2638
|
props: {
|
|
2515
2639
|
dataTestId: {},
|
|
@@ -2597,7 +2721,7 @@ const _sfc_main$19 = /* @__PURE__ */ defineComponent({
|
|
|
2597
2721
|
}
|
|
2598
2722
|
});
|
|
2599
2723
|
|
|
2600
|
-
const KdsSplitButton = /* @__PURE__ */ _export_sfc(_sfc_main$
|
|
2724
|
+
const KdsSplitButton = /* @__PURE__ */ _export_sfc(_sfc_main$1b, [["__scopeId", "data-v-8f48b87a"]]);
|
|
2601
2725
|
|
|
2602
2726
|
const kdsButtonSize = {
|
|
2603
2727
|
XSMALL: "xsmall",
|
|
@@ -2613,17 +2737,17 @@ const kdsButtonVariant = {
|
|
|
2613
2737
|
};
|
|
2614
2738
|
const kdsButtonVariants = Object.values(kdsButtonVariant);
|
|
2615
2739
|
|
|
2616
|
-
const _hoisted_1$
|
|
2617
|
-
const _hoisted_2$
|
|
2618
|
-
const _hoisted_3$
|
|
2740
|
+
const _hoisted_1$L = ["aria-disabled"];
|
|
2741
|
+
const _hoisted_2$s = { class: "kds-empty-state-headline" };
|
|
2742
|
+
const _hoisted_3$n = {
|
|
2619
2743
|
key: 1,
|
|
2620
2744
|
class: "kds-empty-state-description"
|
|
2621
2745
|
};
|
|
2622
|
-
const _hoisted_4$
|
|
2746
|
+
const _hoisted_4$k = {
|
|
2623
2747
|
key: 2,
|
|
2624
2748
|
class: "kds-empty-state-action"
|
|
2625
2749
|
};
|
|
2626
|
-
const _sfc_main$
|
|
2750
|
+
const _sfc_main$1a = /* @__PURE__ */ defineComponent({
|
|
2627
2751
|
__name: "KdsEmptyState",
|
|
2628
2752
|
props: {
|
|
2629
2753
|
headline: {},
|
|
@@ -2641,13 +2765,13 @@ const _sfc_main$18 = /* @__PURE__ */ defineComponent({
|
|
|
2641
2765
|
() => props.button && "to" in props.button && props.button.to !== void 0
|
|
2642
2766
|
);
|
|
2643
2767
|
const buttonComponent = computed(
|
|
2644
|
-
() => isLinkButton.value ? _sfc_main$
|
|
2768
|
+
() => isLinkButton.value ? _sfc_main$1m : _sfc_main$1n
|
|
2645
2769
|
);
|
|
2646
2770
|
const isSecondaryLinkButton = computed(
|
|
2647
2771
|
() => props.secondaryButton && "to" in props.secondaryButton && props.secondaryButton.to !== void 0
|
|
2648
2772
|
);
|
|
2649
2773
|
const secondaryButtonComponent = computed(
|
|
2650
|
-
() => isSecondaryLinkButton.value ? _sfc_main$
|
|
2774
|
+
() => isSecondaryLinkButton.value ? _sfc_main$1m : _sfc_main$1n
|
|
2651
2775
|
);
|
|
2652
2776
|
return (_ctx, _cache) => {
|
|
2653
2777
|
return openBlock(), createElementBlock("div", {
|
|
@@ -2661,9 +2785,9 @@ const _sfc_main$18 = /* @__PURE__ */ defineComponent({
|
|
|
2661
2785
|
variant: "onSurface",
|
|
2662
2786
|
"aria-hidden": "true"
|
|
2663
2787
|
})) : createCommentVNode("", true),
|
|
2664
|
-
createElementVNode("p", _hoisted_2$
|
|
2665
|
-
props.description ? (openBlock(), createElementBlock("p", _hoisted_3$
|
|
2666
|
-
props.button ? (openBlock(), createElementBlock("div", _hoisted_4$
|
|
2788
|
+
createElementVNode("p", _hoisted_2$s, toDisplayString(props.headline), 1),
|
|
2789
|
+
props.description ? (openBlock(), createElementBlock("p", _hoisted_3$n, toDisplayString(props.description), 1)) : createCommentVNode("", true),
|
|
2790
|
+
props.button ? (openBlock(), createElementBlock("div", _hoisted_4$k, [
|
|
2667
2791
|
(openBlock(), createBlock(resolveDynamicComponent(buttonComponent.value), mergeProps(props.button, {
|
|
2668
2792
|
disabled: props.button?.disabled || __props.disabled,
|
|
2669
2793
|
onClick: _cache[0] || (_cache[0] = ($event) => !__props.disabled && emit("buttonClick", $event))
|
|
@@ -2673,16 +2797,16 @@ const _sfc_main$18 = /* @__PURE__ */ defineComponent({
|
|
|
2673
2797
|
onClick: _cache[1] || (_cache[1] = ($event) => !__props.disabled && emit("secondaryButtonClick", $event))
|
|
2674
2798
|
}), null, 16, ["disabled"])) : createCommentVNode("", true)
|
|
2675
2799
|
])) : createCommentVNode("", true)
|
|
2676
|
-
], 10, _hoisted_1$
|
|
2800
|
+
], 10, _hoisted_1$L);
|
|
2677
2801
|
};
|
|
2678
2802
|
}
|
|
2679
2803
|
});
|
|
2680
2804
|
|
|
2681
|
-
const KdsEmptyState = /* @__PURE__ */ _export_sfc(_sfc_main$
|
|
2805
|
+
const KdsEmptyState = /* @__PURE__ */ _export_sfc(_sfc_main$1a, [["__scopeId", "data-v-e913660a"]]);
|
|
2682
2806
|
|
|
2683
|
-
const _hoisted_1$
|
|
2807
|
+
const _hoisted_1$K = ["aria-busy", "aria-label", "aria-activedescendant", "tabindex"];
|
|
2684
2808
|
const loadingStateText = "Loading entries";
|
|
2685
|
-
const _sfc_main$
|
|
2809
|
+
const _sfc_main$19 = /* @__PURE__ */ defineComponent({
|
|
2686
2810
|
__name: "KdsListContainer",
|
|
2687
2811
|
props: {
|
|
2688
2812
|
possibleValues: {},
|
|
@@ -2805,19 +2929,19 @@ const _sfc_main$17 = /* @__PURE__ */ defineComponent({
|
|
|
2805
2929
|
"loading-spinner": __props.loading
|
|
2806
2930
|
}, null, 8, ["headline", "loading-spinner"])
|
|
2807
2931
|
])) : createCommentVNode("", true)
|
|
2808
|
-
], 16, _hoisted_1$
|
|
2932
|
+
], 16, _hoisted_1$K);
|
|
2809
2933
|
};
|
|
2810
2934
|
}
|
|
2811
2935
|
});
|
|
2812
2936
|
|
|
2813
|
-
const KdsListContainer = /* @__PURE__ */ _export_sfc(_sfc_main$
|
|
2937
|
+
const KdsListContainer = /* @__PURE__ */ _export_sfc(_sfc_main$19, [["__scopeId", "data-v-118706ad"]]);
|
|
2814
2938
|
|
|
2815
2939
|
const KdsListContainer$1 = /*#__PURE__*/Object.freeze(/*#__PURE__*/Object.defineProperty({
|
|
2816
2940
|
__proto__: null,
|
|
2817
2941
|
default: KdsListContainer
|
|
2818
2942
|
}, Symbol.toStringTag, { value: 'Module' }));
|
|
2819
2943
|
|
|
2820
|
-
const _sfc_main$
|
|
2944
|
+
const _sfc_main$18 = /* @__PURE__ */ defineComponent({
|
|
2821
2945
|
...{ inheritAttrs: false },
|
|
2822
2946
|
__name: "KdsMenu",
|
|
2823
2947
|
props: {
|
|
@@ -2906,7 +3030,7 @@ const _sfc_main$16 = /* @__PURE__ */ defineComponent({
|
|
|
2906
3030
|
}
|
|
2907
3031
|
});
|
|
2908
3032
|
|
|
2909
|
-
const _sfc_main$
|
|
3033
|
+
const _sfc_main$17 = /* @__PURE__ */ defineComponent({
|
|
2910
3034
|
...{ inheritAttrs: false },
|
|
2911
3035
|
__name: "KdsContextMenu",
|
|
2912
3036
|
props: /* @__PURE__ */ mergeModels({
|
|
@@ -2966,14 +3090,14 @@ const _sfc_main$15 = /* @__PURE__ */ defineComponent({
|
|
|
2966
3090
|
}
|
|
2967
3091
|
});
|
|
2968
3092
|
|
|
2969
|
-
const _hoisted_1$
|
|
2970
|
-
const _hoisted_2$
|
|
2971
|
-
const _hoisted_3$
|
|
2972
|
-
const _hoisted_4$
|
|
2973
|
-
const _hoisted_5$
|
|
3093
|
+
const _hoisted_1$J = { class: "kds-preview-list" };
|
|
3094
|
+
const _hoisted_2$r = { class: "kds-preview-list-title-row" };
|
|
3095
|
+
const _hoisted_3$m = { class: "kds-preview-list-content" };
|
|
3096
|
+
const _hoisted_4$j = { class: "kds-preview-list-headline" };
|
|
3097
|
+
const _hoisted_5$a = ["aria-label"];
|
|
2974
3098
|
const _hoisted_6$8 = { class: "kds-preview-list-show-hide" };
|
|
2975
3099
|
const DEFAULT_MAX_VISIBLE_ITEMS = 6;
|
|
2976
|
-
const _sfc_main$
|
|
3100
|
+
const _sfc_main$16 = /* @__PURE__ */ defineComponent({
|
|
2977
3101
|
__name: "KdsPreviewList",
|
|
2978
3102
|
props: /* @__PURE__ */ mergeModels({
|
|
2979
3103
|
headline: {},
|
|
@@ -3007,8 +3131,8 @@ const _sfc_main$14 = /* @__PURE__ */ defineComponent({
|
|
|
3007
3131
|
})
|
|
3008
3132
|
);
|
|
3009
3133
|
return (_ctx, _cache) => {
|
|
3010
|
-
return openBlock(), createElementBlock("section", _hoisted_1$
|
|
3011
|
-
createElementVNode("header", _hoisted_2$
|
|
3134
|
+
return openBlock(), createElementBlock("section", _hoisted_1$J, [
|
|
3135
|
+
createElementVNode("header", _hoisted_2$r, [
|
|
3012
3136
|
__props.loading && !expanded.value ? (openBlock(), createBlock(KdsLoadingSpinner, {
|
|
3013
3137
|
key: 0,
|
|
3014
3138
|
size: "small",
|
|
@@ -3018,10 +3142,10 @@ const _sfc_main$14 = /* @__PURE__ */ defineComponent({
|
|
|
3018
3142
|
name: __props.leadingIcon,
|
|
3019
3143
|
size: "small"
|
|
3020
3144
|
}, null, 8, ["name"])) : createCommentVNode("", true),
|
|
3021
|
-
createElementVNode("div", _hoisted_3$
|
|
3022
|
-
createElementVNode("span", _hoisted_4$
|
|
3145
|
+
createElementVNode("div", _hoisted_3$m, [
|
|
3146
|
+
createElementVNode("span", _hoisted_4$j, toDisplayString(props.headline), 1)
|
|
3023
3147
|
]),
|
|
3024
|
-
__props.trailingButton ? (openBlock(), createBlock(_sfc_main$
|
|
3148
|
+
__props.trailingButton ? (openBlock(), createBlock(_sfc_main$1n, normalizeProps(mergeProps({ key: 2 }, trailingButtonProps.value)), null, 16)) : createCommentVNode("", true)
|
|
3025
3149
|
]),
|
|
3026
3150
|
withDirectives(createElementVNode("div", {
|
|
3027
3151
|
id: bodyId,
|
|
@@ -3054,12 +3178,12 @@ const _sfc_main$14 = /* @__PURE__ */ defineComponent({
|
|
|
3054
3178
|
}, ["stop"]))
|
|
3055
3179
|
}, null, 8, ["id", "text", "accessory"]);
|
|
3056
3180
|
}), 128))
|
|
3057
|
-
], 8, _hoisted_5$
|
|
3181
|
+
], 8, _hoisted_5$a)) : createCommentVNode("", true)
|
|
3058
3182
|
], 512), [
|
|
3059
3183
|
[vShow, expanded.value]
|
|
3060
3184
|
]),
|
|
3061
3185
|
createElementVNode("footer", _hoisted_6$8, [
|
|
3062
|
-
createVNode(_sfc_main$
|
|
3186
|
+
createVNode(_sfc_main$1n, {
|
|
3063
3187
|
class: "kds-preview-list-toggle",
|
|
3064
3188
|
label: expanded.value ? "Hide all" : "Show all",
|
|
3065
3189
|
"trailing-icon": expanded.value ? "chevron-up" : "chevron-down",
|
|
@@ -3075,11 +3199,11 @@ const _sfc_main$14 = /* @__PURE__ */ defineComponent({
|
|
|
3075
3199
|
}
|
|
3076
3200
|
});
|
|
3077
3201
|
|
|
3078
|
-
const KdsPreviewList = /* @__PURE__ */ _export_sfc(_sfc_main$
|
|
3202
|
+
const KdsPreviewList = /* @__PURE__ */ _export_sfc(_sfc_main$16, [["__scopeId", "data-v-a11103f6"]]);
|
|
3079
3203
|
|
|
3080
|
-
const _hoisted_1$
|
|
3081
|
-
const _hoisted_2$
|
|
3082
|
-
const _sfc_main$
|
|
3204
|
+
const _hoisted_1$I = { class: "kds-label-wrapper" };
|
|
3205
|
+
const _hoisted_2$q = ["id", "for", "title"];
|
|
3206
|
+
const _sfc_main$15 = /* @__PURE__ */ defineComponent({
|
|
3083
3207
|
__name: "KdsLabel",
|
|
3084
3208
|
props: {
|
|
3085
3209
|
label: {},
|
|
@@ -3096,7 +3220,7 @@ const _sfc_main$13 = /* @__PURE__ */ defineComponent({
|
|
|
3096
3220
|
const labelEl = useTemplateRef("labelEl");
|
|
3097
3221
|
const { isTruncated } = useKdsIsTruncated(labelEl);
|
|
3098
3222
|
return (_ctx, _cache) => {
|
|
3099
|
-
return openBlock(), createElementBlock("div", _hoisted_1$
|
|
3223
|
+
return openBlock(), createElementBlock("div", _hoisted_1$I, [
|
|
3100
3224
|
createElementVNode("label", {
|
|
3101
3225
|
id: props.id,
|
|
3102
3226
|
ref_key: "labelEl",
|
|
@@ -3104,7 +3228,7 @@ const _sfc_main$13 = /* @__PURE__ */ defineComponent({
|
|
|
3104
3228
|
for: props.for,
|
|
3105
3229
|
class: "label",
|
|
3106
3230
|
title: unref(isTruncated) ? props.label : void 0
|
|
3107
|
-
}, toDisplayString(props.label), 9, _hoisted_2$
|
|
3231
|
+
}, toDisplayString(props.label), 9, _hoisted_2$q),
|
|
3108
3232
|
props.description ? (openBlock(), createBlock(unref(KdsInfoToggleButton), {
|
|
3109
3233
|
key: 0,
|
|
3110
3234
|
content: props.description,
|
|
@@ -3115,11 +3239,11 @@ const _sfc_main$13 = /* @__PURE__ */ defineComponent({
|
|
|
3115
3239
|
}
|
|
3116
3240
|
});
|
|
3117
3241
|
|
|
3118
|
-
const KdsLabel = /* @__PURE__ */ _export_sfc(_sfc_main$
|
|
3242
|
+
const KdsLabel = /* @__PURE__ */ _export_sfc(_sfc_main$15, [["__scopeId", "data-v-efe3313e"]]);
|
|
3119
3243
|
|
|
3120
|
-
const _hoisted_1$
|
|
3121
|
-
const _hoisted_2$
|
|
3122
|
-
const _sfc_main$
|
|
3244
|
+
const _hoisted_1$H = ["id"];
|
|
3245
|
+
const _hoisted_2$p = { class: "subtext-text" };
|
|
3246
|
+
const _sfc_main$14 = /* @__PURE__ */ defineComponent({
|
|
3123
3247
|
__name: "KdsSubText",
|
|
3124
3248
|
props: {
|
|
3125
3249
|
id: {},
|
|
@@ -3150,27 +3274,27 @@ const _sfc_main$12 = /* @__PURE__ */ defineComponent({
|
|
|
3150
3274
|
variant: "onSurface",
|
|
3151
3275
|
"aria-hidden": "true"
|
|
3152
3276
|
})) : createCommentVNode("", true),
|
|
3153
|
-
createElementVNode("span", _hoisted_2$
|
|
3154
|
-
], 10, _hoisted_1$
|
|
3277
|
+
createElementVNode("span", _hoisted_2$p, toDisplayString(props.subText), 1)
|
|
3278
|
+
], 10, _hoisted_1$H)) : createCommentVNode("", true);
|
|
3155
3279
|
};
|
|
3156
3280
|
}
|
|
3157
3281
|
});
|
|
3158
3282
|
|
|
3159
|
-
const KdsSubText = /* @__PURE__ */ _export_sfc(_sfc_main$
|
|
3283
|
+
const KdsSubText = /* @__PURE__ */ _export_sfc(_sfc_main$14, [["__scopeId", "data-v-2e6ba10c"]]);
|
|
3160
3284
|
|
|
3161
|
-
const _hoisted_1$
|
|
3162
|
-
const _hoisted_2$
|
|
3163
|
-
const _hoisted_3$
|
|
3285
|
+
const _hoisted_1$G = ["disabled", "title", "aria-label", "aria-checked", "aria-describedby", "aria-invalid"];
|
|
3286
|
+
const _hoisted_2$o = { class: "control" };
|
|
3287
|
+
const _hoisted_3$l = {
|
|
3164
3288
|
key: 0,
|
|
3165
3289
|
class: "content"
|
|
3166
3290
|
};
|
|
3167
|
-
const _hoisted_4$
|
|
3168
|
-
const _hoisted_5$
|
|
3291
|
+
const _hoisted_4$i = { class: "label" };
|
|
3292
|
+
const _hoisted_5$9 = ["id"];
|
|
3169
3293
|
const _hoisted_6$7 = {
|
|
3170
3294
|
key: 0,
|
|
3171
3295
|
class: "subtext-wrapper"
|
|
3172
3296
|
};
|
|
3173
|
-
const _sfc_main$
|
|
3297
|
+
const _sfc_main$13 = /* @__PURE__ */ defineComponent({
|
|
3174
3298
|
__name: "BaseCheckbox",
|
|
3175
3299
|
props: /* @__PURE__ */ mergeModels({
|
|
3176
3300
|
disabled: { type: Boolean, default: false },
|
|
@@ -3243,7 +3367,7 @@ const _sfc_main$11 = /* @__PURE__ */ defineComponent({
|
|
|
3243
3367
|
role: "checkbox",
|
|
3244
3368
|
onClick: handleClick
|
|
3245
3369
|
}, [
|
|
3246
|
-
createElementVNode("div", _hoisted_2$
|
|
3370
|
+
createElementVNode("div", _hoisted_2$o, [
|
|
3247
3371
|
icon.value ? (openBlock(), createBlock(KdsIcon, {
|
|
3248
3372
|
key: 0,
|
|
3249
3373
|
name: icon.value,
|
|
@@ -3251,15 +3375,15 @@ const _sfc_main$11 = /* @__PURE__ */ defineComponent({
|
|
|
3251
3375
|
size: "xsmall"
|
|
3252
3376
|
}, null, 8, ["name"])) : createCommentVNode("", true)
|
|
3253
3377
|
]),
|
|
3254
|
-
props.label || props.helperText ? (openBlock(), createElementBlock("div", _hoisted_3$
|
|
3255
|
-
createElementVNode("div", _hoisted_4$
|
|
3378
|
+
props.label || props.helperText ? (openBlock(), createElementBlock("div", _hoisted_3$l, [
|
|
3379
|
+
createElementVNode("div", _hoisted_4$i, toDisplayString(props.label), 1),
|
|
3256
3380
|
props.helperText ? (openBlock(), createElementBlock("div", {
|
|
3257
3381
|
key: 0,
|
|
3258
3382
|
id: unref(helperId),
|
|
3259
3383
|
class: "helper-text"
|
|
3260
|
-
}, toDisplayString(props.helperText), 9, _hoisted_5$
|
|
3384
|
+
}, toDisplayString(props.helperText), 9, _hoisted_5$9)) : createCommentVNode("", true)
|
|
3261
3385
|
])) : createCommentVNode("", true)
|
|
3262
|
-
], 10, _hoisted_1$
|
|
3386
|
+
], 10, _hoisted_1$G),
|
|
3263
3387
|
props.subText || props.preserveSubTextSpace ? (openBlock(), createElementBlock("div", _hoisted_6$7, [
|
|
3264
3388
|
createVNode(KdsSubText, {
|
|
3265
3389
|
id: unref(descriptionId),
|
|
@@ -3273,9 +3397,9 @@ const _sfc_main$11 = /* @__PURE__ */ defineComponent({
|
|
|
3273
3397
|
}
|
|
3274
3398
|
});
|
|
3275
3399
|
|
|
3276
|
-
const BaseCheckbox = /* @__PURE__ */ _export_sfc(_sfc_main$
|
|
3400
|
+
const BaseCheckbox = /* @__PURE__ */ _export_sfc(_sfc_main$13, [["__scopeId", "data-v-7bfc5667"]]);
|
|
3277
3401
|
|
|
3278
|
-
const _sfc_main$
|
|
3402
|
+
const _sfc_main$12 = /* @__PURE__ */ defineComponent({
|
|
3279
3403
|
__name: "KdsCheckbox",
|
|
3280
3404
|
props: /* @__PURE__ */ mergeModels({
|
|
3281
3405
|
disabled: { type: Boolean, default: false },
|
|
@@ -3305,11 +3429,11 @@ const _sfc_main$10 = /* @__PURE__ */ defineComponent({
|
|
|
3305
3429
|
}
|
|
3306
3430
|
});
|
|
3307
3431
|
|
|
3308
|
-
const _hoisted_1$
|
|
3309
|
-
const _hoisted_2$
|
|
3310
|
-
const _hoisted_3$
|
|
3311
|
-
const _hoisted_4$
|
|
3312
|
-
const _sfc_main
|
|
3432
|
+
const _hoisted_1$F = ["id", "role", "aria-label", "aria-labelledby", "aria-describedby"];
|
|
3433
|
+
const _hoisted_2$n = ["id"];
|
|
3434
|
+
const _hoisted_3$k = ["title"];
|
|
3435
|
+
const _hoisted_4$h = { class: "kds-fieldset-content" };
|
|
3436
|
+
const _sfc_main$11 = /* @__PURE__ */ defineComponent({
|
|
3313
3437
|
__name: "BaseFieldsetWrapper",
|
|
3314
3438
|
props: {
|
|
3315
3439
|
id: {},
|
|
@@ -3355,14 +3479,14 @@ const _sfc_main$$ = /* @__PURE__ */ defineComponent({
|
|
|
3355
3479
|
ref: legendTextEl,
|
|
3356
3480
|
class: "legend-text",
|
|
3357
3481
|
title: unref(isTruncated) ? props.label : void 0
|
|
3358
|
-
}, toDisplayString(props.label), 9, _hoisted_3$
|
|
3482
|
+
}, toDisplayString(props.label), 9, _hoisted_3$k),
|
|
3359
3483
|
props.description ? (openBlock(), createBlock(unref(KdsInfoToggleButton), {
|
|
3360
3484
|
key: 0,
|
|
3361
3485
|
content: props.description,
|
|
3362
3486
|
hidden: !isHovered.value
|
|
3363
3487
|
}, null, 8, ["content", "hidden"])) : createCommentVNode("", true)
|
|
3364
|
-
], 8, _hoisted_2$
|
|
3365
|
-
createElementVNode("div", _hoisted_4$
|
|
3488
|
+
], 8, _hoisted_2$n)) : createCommentVNode("", true),
|
|
3489
|
+
createElementVNode("div", _hoisted_4$h, [
|
|
3366
3490
|
renderSlot(_ctx.$slots, "default", {}, void 0, true)
|
|
3367
3491
|
]),
|
|
3368
3492
|
createVNode(KdsSubText, {
|
|
@@ -3372,14 +3496,14 @@ const _sfc_main$$ = /* @__PURE__ */ defineComponent({
|
|
|
3372
3496
|
validating: props.validating,
|
|
3373
3497
|
"preserve-sub-text-space": props.preserveSubTextSpace
|
|
3374
3498
|
}, null, 8, ["id", "sub-text", "error", "validating", "preserve-sub-text-space"])
|
|
3375
|
-
], 40, _hoisted_1$
|
|
3499
|
+
], 40, _hoisted_1$F);
|
|
3376
3500
|
};
|
|
3377
3501
|
}
|
|
3378
3502
|
});
|
|
3379
3503
|
|
|
3380
|
-
const BaseFieldsetWrapper = /* @__PURE__ */ _export_sfc(_sfc_main
|
|
3504
|
+
const BaseFieldsetWrapper = /* @__PURE__ */ _export_sfc(_sfc_main$11, [["__scopeId", "data-v-a44731da"]]);
|
|
3381
3505
|
|
|
3382
|
-
const _sfc_main$
|
|
3506
|
+
const _sfc_main$10 = /* @__PURE__ */ defineComponent({
|
|
3383
3507
|
__name: "KdsCheckboxGroup",
|
|
3384
3508
|
props: /* @__PURE__ */ mergeModels({
|
|
3385
3509
|
id: {},
|
|
@@ -3458,7 +3582,7 @@ const _sfc_main$_ = /* @__PURE__ */ defineComponent({
|
|
|
3458
3582
|
}
|
|
3459
3583
|
});
|
|
3460
3584
|
|
|
3461
|
-
const KdsCheckboxGroup = /* @__PURE__ */ _export_sfc(_sfc_main$
|
|
3585
|
+
const KdsCheckboxGroup = /* @__PURE__ */ _export_sfc(_sfc_main$10, [["__scopeId", "data-v-c6536296"]]);
|
|
3462
3586
|
|
|
3463
3587
|
const kdsCheckboxGroupAlignment = {
|
|
3464
3588
|
VERTICAL: "vertical",
|
|
@@ -3474,19 +3598,19 @@ const kdsCheckboxValue = {
|
|
|
3474
3598
|
};
|
|
3475
3599
|
const kdsCheckboxValues = Object.values(kdsCheckboxValue);
|
|
3476
3600
|
|
|
3477
|
-
const _hoisted_1$
|
|
3478
|
-
const _hoisted_2$
|
|
3479
|
-
const _hoisted_3$
|
|
3601
|
+
const _hoisted_1$E = ["aria-checked", "aria-describedby", "aria-invalid", "disabled"];
|
|
3602
|
+
const _hoisted_2$m = { class: "control" };
|
|
3603
|
+
const _hoisted_3$j = {
|
|
3480
3604
|
key: 0,
|
|
3481
3605
|
class: "dot",
|
|
3482
3606
|
viewBox: "0 0 2 2",
|
|
3483
3607
|
"aria-hidden": "true",
|
|
3484
3608
|
focusable: "false"
|
|
3485
3609
|
};
|
|
3486
|
-
const _hoisted_4$
|
|
3487
|
-
const _hoisted_5$
|
|
3610
|
+
const _hoisted_4$g = { class: "content" };
|
|
3611
|
+
const _hoisted_5$8 = { class: "label" };
|
|
3488
3612
|
const _hoisted_6$6 = ["id"];
|
|
3489
|
-
const _sfc_main
|
|
3613
|
+
const _sfc_main$$ = /* @__PURE__ */ defineComponent({
|
|
3490
3614
|
__name: "KdsRadioButton",
|
|
3491
3615
|
props: /* @__PURE__ */ mergeModels({
|
|
3492
3616
|
text: {},
|
|
@@ -3526,8 +3650,8 @@ const _sfc_main$Z = /* @__PURE__ */ defineComponent({
|
|
|
3526
3650
|
type: "button",
|
|
3527
3651
|
onClick: handleClick
|
|
3528
3652
|
}, [
|
|
3529
|
-
createElementVNode("div", _hoisted_2$
|
|
3530
|
-
modelValue.value ? (openBlock(), createElementBlock("svg", _hoisted_3$
|
|
3653
|
+
createElementVNode("div", _hoisted_2$m, [
|
|
3654
|
+
modelValue.value ? (openBlock(), createElementBlock("svg", _hoisted_3$j, [..._cache[0] || (_cache[0] = [
|
|
3531
3655
|
createElementVNode("circle", {
|
|
3532
3656
|
cx: "1",
|
|
3533
3657
|
cy: "1",
|
|
@@ -3535,20 +3659,20 @@ const _sfc_main$Z = /* @__PURE__ */ defineComponent({
|
|
|
3535
3659
|
}, null, -1)
|
|
3536
3660
|
])])) : createCommentVNode("", true)
|
|
3537
3661
|
]),
|
|
3538
|
-
createElementVNode("div", _hoisted_4$
|
|
3539
|
-
createElementVNode("div", _hoisted_5$
|
|
3662
|
+
createElementVNode("div", _hoisted_4$g, [
|
|
3663
|
+
createElementVNode("div", _hoisted_5$8, toDisplayString(props.text), 1),
|
|
3540
3664
|
props.helperText ? (openBlock(), createElementBlock("div", {
|
|
3541
3665
|
key: 0,
|
|
3542
3666
|
id: `${unref(id)}-helper`,
|
|
3543
3667
|
class: "helper-text"
|
|
3544
3668
|
}, toDisplayString(props.helperText), 9, _hoisted_6$6)) : createCommentVNode("", true)
|
|
3545
3669
|
])
|
|
3546
|
-
], 10, _hoisted_1$
|
|
3670
|
+
], 10, _hoisted_1$E);
|
|
3547
3671
|
};
|
|
3548
3672
|
}
|
|
3549
3673
|
});
|
|
3550
3674
|
|
|
3551
|
-
const KdsRadioButton = /* @__PURE__ */ _export_sfc(_sfc_main
|
|
3675
|
+
const KdsRadioButton = /* @__PURE__ */ _export_sfc(_sfc_main$$, [["__scopeId", "data-v-f4f6392a"]]);
|
|
3552
3676
|
|
|
3553
3677
|
const useRadioSelection = ({
|
|
3554
3678
|
selectedId,
|
|
@@ -3670,7 +3794,7 @@ const useRadioSelection = ({
|
|
|
3670
3794
|
};
|
|
3671
3795
|
};
|
|
3672
3796
|
|
|
3673
|
-
const _sfc_main$
|
|
3797
|
+
const _sfc_main$_ = /* @__PURE__ */ defineComponent({
|
|
3674
3798
|
__name: "KdsRadioButtonGroup",
|
|
3675
3799
|
props: /* @__PURE__ */ mergeModels({
|
|
3676
3800
|
id: {},
|
|
@@ -3745,10 +3869,10 @@ const _sfc_main$Y = /* @__PURE__ */ defineComponent({
|
|
|
3745
3869
|
}
|
|
3746
3870
|
});
|
|
3747
3871
|
|
|
3748
|
-
const KdsRadioButtonGroup = /* @__PURE__ */ _export_sfc(_sfc_main$
|
|
3872
|
+
const KdsRadioButtonGroup = /* @__PURE__ */ _export_sfc(_sfc_main$_, [["__scopeId", "data-v-d78ed4a2"]]);
|
|
3749
3873
|
|
|
3750
|
-
const _hoisted_1$
|
|
3751
|
-
const _sfc_main$
|
|
3874
|
+
const _hoisted_1$D = ["aria-checked", "aria-label", "disabled", "tabindex", "title"];
|
|
3875
|
+
const _sfc_main$Z = /* @__PURE__ */ defineComponent({
|
|
3752
3876
|
__name: "ValueSwitchItem",
|
|
3753
3877
|
props: {
|
|
3754
3878
|
selected: { type: Boolean },
|
|
@@ -3798,12 +3922,12 @@ const _sfc_main$X = /* @__PURE__ */ defineComponent({
|
|
|
3798
3922
|
name: props.trailingIcon,
|
|
3799
3923
|
size: __props.size
|
|
3800
3924
|
}, null, 8, ["name", "size"])) : createCommentVNode("", true)
|
|
3801
|
-
], 10, _hoisted_1$
|
|
3925
|
+
], 10, _hoisted_1$D);
|
|
3802
3926
|
};
|
|
3803
3927
|
}
|
|
3804
3928
|
});
|
|
3805
3929
|
|
|
3806
|
-
const ValueSwitchItem = /* @__PURE__ */ _export_sfc(_sfc_main$
|
|
3930
|
+
const ValueSwitchItem = /* @__PURE__ */ _export_sfc(_sfc_main$Z, [["__scopeId", "data-v-5c6f0f1f"]]);
|
|
3807
3931
|
|
|
3808
3932
|
const useValueSwitchIconHiding = ({
|
|
3809
3933
|
width,
|
|
@@ -3854,7 +3978,7 @@ const useValueSwitchIconHiding = ({
|
|
|
3854
3978
|
};
|
|
3855
3979
|
};
|
|
3856
3980
|
|
|
3857
|
-
const _sfc_main$
|
|
3981
|
+
const _sfc_main$Y = /* @__PURE__ */ defineComponent({
|
|
3858
3982
|
__name: "KdsValueSwitch",
|
|
3859
3983
|
props: /* @__PURE__ */ mergeModels({
|
|
3860
3984
|
id: {},
|
|
@@ -3943,7 +4067,7 @@ const _sfc_main$W = /* @__PURE__ */ defineComponent({
|
|
|
3943
4067
|
}
|
|
3944
4068
|
});
|
|
3945
4069
|
|
|
3946
|
-
const KdsValueSwitch = /* @__PURE__ */ _export_sfc(_sfc_main$
|
|
4070
|
+
const KdsValueSwitch = /* @__PURE__ */ _export_sfc(_sfc_main$Y, [["__scopeId", "data-v-f6d51795"]]);
|
|
3947
4071
|
|
|
3948
4072
|
const kdsRadioButtonGroupAlignment = {
|
|
3949
4073
|
VERTICAL: "vertical",
|
|
@@ -3963,7 +4087,7 @@ const kdsValueSwitchVariant = {
|
|
|
3963
4087
|
};
|
|
3964
4088
|
const kdsValueSwitchVariants = Object.values(kdsValueSwitchVariant);
|
|
3965
4089
|
|
|
3966
|
-
const _sfc_main$
|
|
4090
|
+
const _sfc_main$X = /* @__PURE__ */ defineComponent({
|
|
3967
4091
|
__name: "BaseFormFieldWrapper",
|
|
3968
4092
|
props: {
|
|
3969
4093
|
id: {},
|
|
@@ -4015,7 +4139,7 @@ const _sfc_main$V = /* @__PURE__ */ defineComponent({
|
|
|
4015
4139
|
}
|
|
4016
4140
|
});
|
|
4017
4141
|
|
|
4018
|
-
const BaseFormFieldWrapper = /* @__PURE__ */ _export_sfc(_sfc_main$
|
|
4142
|
+
const BaseFormFieldWrapper = /* @__PURE__ */ _export_sfc(_sfc_main$X, [["__scopeId", "data-v-5d99c134"]]);
|
|
4019
4143
|
|
|
4020
4144
|
const MIN_SEGMENT_INDEX = 0;
|
|
4021
4145
|
const LARGE_STEP = 10;
|
|
@@ -4695,17 +4819,17 @@ const useInputSegments = (modelValue, getInputElement, configRef) => {
|
|
|
4695
4819
|
};
|
|
4696
4820
|
};
|
|
4697
4821
|
|
|
4698
|
-
const _hoisted_1$
|
|
4822
|
+
const _hoisted_1$C = {
|
|
4699
4823
|
key: 0,
|
|
4700
4824
|
class: "icon-wrapper leading"
|
|
4701
4825
|
};
|
|
4702
|
-
const _hoisted_2$
|
|
4826
|
+
const _hoisted_2$l = {
|
|
4703
4827
|
key: 1,
|
|
4704
4828
|
class: "leading-slot"
|
|
4705
4829
|
};
|
|
4706
|
-
const _hoisted_3$
|
|
4707
|
-
const _hoisted_4$
|
|
4708
|
-
const _hoisted_5$
|
|
4830
|
+
const _hoisted_3$i = ["id", "value", "type", "inputmode", "placeholder", "disabled", "autocomplete", "min", "max", "step", "aria-label", "aria-labelledby", "aria-describedby", "aria-invalid", "role", "pattern", "aria-valuenow", "aria-valuemin", "aria-valuemax", "aria-valuetext", "aria-activedescendant", "aria-haspopup", "aria-controls", "aria-expanded", "aria-autocomplete"];
|
|
4831
|
+
const _hoisted_4$f = ["aria-disabled"];
|
|
4832
|
+
const _hoisted_5$7 = {
|
|
4709
4833
|
key: 4,
|
|
4710
4834
|
class: "trailing-slot"
|
|
4711
4835
|
};
|
|
@@ -4713,7 +4837,7 @@ const _hoisted_6$5 = {
|
|
|
4713
4837
|
key: 5,
|
|
4714
4838
|
class: "icon-wrapper trailing"
|
|
4715
4839
|
};
|
|
4716
|
-
const _sfc_main$
|
|
4840
|
+
const _sfc_main$W = /* @__PURE__ */ defineComponent({
|
|
4717
4841
|
__name: "BaseInput",
|
|
4718
4842
|
props: /* @__PURE__ */ mergeModels({
|
|
4719
4843
|
id: {},
|
|
@@ -4836,8 +4960,8 @@ const _sfc_main$U = /* @__PURE__ */ defineComponent({
|
|
|
4836
4960
|
const handleInputDragEnd = (event) => {
|
|
4837
4961
|
handleDragEnd(event);
|
|
4838
4962
|
};
|
|
4839
|
-
const focusInput = () => {
|
|
4840
|
-
inputRef.value?.focus();
|
|
4963
|
+
const focusInput = (options) => {
|
|
4964
|
+
inputRef.value?.focus(options);
|
|
4841
4965
|
};
|
|
4842
4966
|
const clearAndFocusInput = () => {
|
|
4843
4967
|
modelValue.value = "";
|
|
@@ -4864,13 +4988,13 @@ const _sfc_main$U = /* @__PURE__ */ defineComponent({
|
|
|
4864
4988
|
}),
|
|
4865
4989
|
onClick: handleContainerClick
|
|
4866
4990
|
}, [
|
|
4867
|
-
props.leadingIcon ? (openBlock(), createElementBlock("div", _hoisted_1$
|
|
4991
|
+
props.leadingIcon ? (openBlock(), createElementBlock("div", _hoisted_1$C, [
|
|
4868
4992
|
props.leadingIcon ? (openBlock(), createBlock(KdsIcon, {
|
|
4869
4993
|
key: 0,
|
|
4870
4994
|
name: props.leadingIcon
|
|
4871
4995
|
}, null, 8, ["name"])) : createCommentVNode("", true)
|
|
4872
4996
|
])) : createCommentVNode("", true),
|
|
4873
|
-
_ctx.$slots.leading ? (openBlock(), createElementBlock("div", _hoisted_2$
|
|
4997
|
+
_ctx.$slots.leading ? (openBlock(), createElementBlock("div", _hoisted_2$l, [
|
|
4874
4998
|
renderSlot(_ctx.$slots, "leading", {}, void 0, true)
|
|
4875
4999
|
])) : createCommentVNode("", true),
|
|
4876
5000
|
createElementVNode("input", {
|
|
@@ -4915,7 +5039,7 @@ const _sfc_main$U = /* @__PURE__ */ defineComponent({
|
|
|
4915
5039
|
onCut: handleInputCut,
|
|
4916
5040
|
onDrop: handleInputDrop,
|
|
4917
5041
|
onDragend: handleInputDragEnd
|
|
4918
|
-
}, null, 42, _hoisted_3$
|
|
5042
|
+
}, null, 42, _hoisted_3$i),
|
|
4919
5043
|
props.unit ? (openBlock(), createElementBlock("span", {
|
|
4920
5044
|
key: 2,
|
|
4921
5045
|
class: normalizeClass({
|
|
@@ -4924,8 +5048,8 @@ const _sfc_main$U = /* @__PURE__ */ defineComponent({
|
|
|
4924
5048
|
disabled: __props.disabled
|
|
4925
5049
|
}),
|
|
4926
5050
|
"aria-disabled": __props.disabled || void 0
|
|
4927
|
-
}, toDisplayString(props.unit), 11, _hoisted_4$
|
|
4928
|
-
__props.clearable && hasValue.value && !__props.disabled ? (openBlock(), createBlock(_sfc_main$
|
|
5051
|
+
}, toDisplayString(props.unit), 11, _hoisted_4$f)) : createCommentVNode("", true),
|
|
5052
|
+
__props.clearable && hasValue.value && !__props.disabled ? (openBlock(), createBlock(_sfc_main$1n, {
|
|
4929
5053
|
key: 3,
|
|
4930
5054
|
class: "clear-button",
|
|
4931
5055
|
size: "xsmall",
|
|
@@ -4935,7 +5059,7 @@ const _sfc_main$U = /* @__PURE__ */ defineComponent({
|
|
|
4935
5059
|
title: "Clear",
|
|
4936
5060
|
onClick: withModifiers(clearAndFocusInput, ["stop"])
|
|
4937
5061
|
})) : createCommentVNode("", true),
|
|
4938
|
-
_ctx.$slots.trailing ? (openBlock(), createElementBlock("div", _hoisted_5$
|
|
5062
|
+
_ctx.$slots.trailing ? (openBlock(), createElementBlock("div", _hoisted_5$7, [
|
|
4939
5063
|
renderSlot(_ctx.$slots, "trailing", {}, void 0, true)
|
|
4940
5064
|
])) : createCommentVNode("", true),
|
|
4941
5065
|
props.trailingIcon ? (openBlock(), createElementBlock("div", _hoisted_6$5, [
|
|
@@ -4948,7 +5072,7 @@ const _sfc_main$U = /* @__PURE__ */ defineComponent({
|
|
|
4948
5072
|
}
|
|
4949
5073
|
});
|
|
4950
5074
|
|
|
4951
|
-
const BaseInput = /* @__PURE__ */ _export_sfc(_sfc_main$
|
|
5075
|
+
const BaseInput = /* @__PURE__ */ _export_sfc(_sfc_main$W, [["__scopeId", "data-v-93daa14e"]]);
|
|
4952
5076
|
|
|
4953
5077
|
const usePointerHandler = (updateFromEvent) => {
|
|
4954
5078
|
const activePointerId = ref(null);
|
|
@@ -5121,7 +5245,7 @@ const createKdsNumberParser = (params) => {
|
|
|
5121
5245
|
|
|
5122
5246
|
const REPEAT_INITIAL_DELAY_MS = 400;
|
|
5123
5247
|
const REPEAT_INTERVAL_MS = 100;
|
|
5124
|
-
const _sfc_main$
|
|
5248
|
+
const _sfc_main$V = /* @__PURE__ */ defineComponent({
|
|
5125
5249
|
__name: "KdsNumberInput",
|
|
5126
5250
|
props: /* @__PURE__ */ mergeModels({
|
|
5127
5251
|
description: {},
|
|
@@ -5275,7 +5399,7 @@ const _sfc_main$T = /* @__PURE__ */ defineComponent({
|
|
|
5275
5399
|
adjustByStep(direction);
|
|
5276
5400
|
};
|
|
5277
5401
|
__expose({
|
|
5278
|
-
focus: () => baseInput.value?.focus()
|
|
5402
|
+
focus: (options) => baseInput.value?.focus(options)
|
|
5279
5403
|
});
|
|
5280
5404
|
return (_ctx, _cache) => {
|
|
5281
5405
|
return openBlock(), createBlock(BaseFormFieldWrapper, mergeProps(props, {
|
|
@@ -5307,7 +5431,7 @@ const _sfc_main$T = /* @__PURE__ */ defineComponent({
|
|
|
5307
5431
|
onBlur: handleBlur
|
|
5308
5432
|
}), {
|
|
5309
5433
|
trailing: withCtx(() => [
|
|
5310
|
-
createVNode(_sfc_main$
|
|
5434
|
+
createVNode(_sfc_main$1n, {
|
|
5311
5435
|
size: "xsmall",
|
|
5312
5436
|
variant: "outlined",
|
|
5313
5437
|
"leading-icon": "minus",
|
|
@@ -5319,7 +5443,7 @@ const _sfc_main$T = /* @__PURE__ */ defineComponent({
|
|
|
5319
5443
|
onPointerleave: stopRepeating,
|
|
5320
5444
|
onPointercancel: stopRepeating
|
|
5321
5445
|
}, null, 8, ["ariaLabel", "disabled"]),
|
|
5322
|
-
createVNode(_sfc_main$
|
|
5446
|
+
createVNode(_sfc_main$1n, {
|
|
5323
5447
|
size: "xsmall",
|
|
5324
5448
|
variant: "outlined",
|
|
5325
5449
|
"leading-icon": "plus",
|
|
@@ -5341,7 +5465,7 @@ const _sfc_main$T = /* @__PURE__ */ defineComponent({
|
|
|
5341
5465
|
}
|
|
5342
5466
|
});
|
|
5343
5467
|
|
|
5344
|
-
const _sfc_main$
|
|
5468
|
+
const _sfc_main$U = /* @__PURE__ */ defineComponent({
|
|
5345
5469
|
__name: "KdsTextInput",
|
|
5346
5470
|
props: /* @__PURE__ */ mergeModels({
|
|
5347
5471
|
description: {},
|
|
@@ -5444,7 +5568,7 @@ const _sfc_main$S = /* @__PURE__ */ defineComponent({
|
|
|
5444
5568
|
};
|
|
5445
5569
|
const suggestionId = useId();
|
|
5446
5570
|
__expose({
|
|
5447
|
-
focus: () => baseInput.value?.focus()
|
|
5571
|
+
focus: (options) => baseInput.value?.focus(options)
|
|
5448
5572
|
});
|
|
5449
5573
|
return (_ctx, _cache) => {
|
|
5450
5574
|
return openBlock(), createBlock(BaseFormFieldWrapper, {
|
|
@@ -5511,7 +5635,7 @@ const _sfc_main$S = /* @__PURE__ */ defineComponent({
|
|
|
5511
5635
|
}
|
|
5512
5636
|
});
|
|
5513
5637
|
|
|
5514
|
-
const KdsTextInput = /* @__PURE__ */ _export_sfc(_sfc_main$
|
|
5638
|
+
const KdsTextInput = /* @__PURE__ */ _export_sfc(_sfc_main$U, [["__scopeId", "data-v-83f45d15"]]);
|
|
5515
5639
|
|
|
5516
5640
|
const HEX_RADIX = 16;
|
|
5517
5641
|
const RGB_MAX = 255;
|
|
@@ -5658,8 +5782,8 @@ const removeAlphaFromHexInput = (next) => {
|
|
|
5658
5782
|
return next;
|
|
5659
5783
|
};
|
|
5660
5784
|
|
|
5661
|
-
const _hoisted_1$
|
|
5662
|
-
const _sfc_main$
|
|
5785
|
+
const _hoisted_1$B = ["aria-label", "aria-valuenow", "aria-valuemin", "aria-valuemax", "aria-valuetext"];
|
|
5786
|
+
const _sfc_main$T = /* @__PURE__ */ defineComponent({
|
|
5663
5787
|
__name: "ColorPickerSlider",
|
|
5664
5788
|
props: /* @__PURE__ */ mergeModels({
|
|
5665
5789
|
label: {},
|
|
@@ -5743,16 +5867,16 @@ const _sfc_main$R = /* @__PURE__ */ defineComponent({
|
|
|
5743
5867
|
onKeydown: onKeyDown
|
|
5744
5868
|
}, [..._cache[5] || (_cache[5] = [
|
|
5745
5869
|
createElementVNode("div", { class: "handle" }, null, -1)
|
|
5746
|
-
])], 40, _hoisted_1$
|
|
5870
|
+
])], 40, _hoisted_1$B);
|
|
5747
5871
|
};
|
|
5748
5872
|
}
|
|
5749
5873
|
});
|
|
5750
5874
|
|
|
5751
|
-
const ColorPickerSlider = /* @__PURE__ */ _export_sfc(_sfc_main$
|
|
5875
|
+
const ColorPickerSlider = /* @__PURE__ */ _export_sfc(_sfc_main$T, [["__scopeId", "data-v-f4be2bd4"]]);
|
|
5752
5876
|
|
|
5753
|
-
const _hoisted_1$
|
|
5754
|
-
const _hoisted_2$
|
|
5755
|
-
const _hoisted_3$
|
|
5877
|
+
const _hoisted_1$A = { class: "kds-color-picker" };
|
|
5878
|
+
const _hoisted_2$k = ["aria-valuetext"];
|
|
5879
|
+
const _hoisted_3$h = { class: "value-inputs" };
|
|
5756
5880
|
const DEFAULT_HUE_DEG = 270;
|
|
5757
5881
|
const DEFAULT_SATURATION = 0.8;
|
|
5758
5882
|
const DEFAULT_VALUE = 0.9;
|
|
@@ -5766,7 +5890,7 @@ const KEYBOARD_LARGE_STEP = 0.1;
|
|
|
5766
5890
|
const HUE_KEYBOARD_STEP_DEG = 1;
|
|
5767
5891
|
const HUE_KEYBOARD_LARGE_STEP_DEG = 10;
|
|
5768
5892
|
const TO_BOTTOM_GRADIENT = "linear-gradient(to bottom, transparent, black)";
|
|
5769
|
-
const _sfc_main$
|
|
5893
|
+
const _sfc_main$S = /* @__PURE__ */ defineComponent({
|
|
5770
5894
|
__name: "ColorPicker",
|
|
5771
5895
|
props: {
|
|
5772
5896
|
"modelValue": { default: "" },
|
|
@@ -5914,7 +6038,7 @@ const _sfc_main$Q = /* @__PURE__ */ defineComponent({
|
|
|
5914
6038
|
}
|
|
5915
6039
|
};
|
|
5916
6040
|
return (_ctx, _cache) => {
|
|
5917
|
-
return openBlock(), createElementBlock("div", _hoisted_1$
|
|
6041
|
+
return openBlock(), createElementBlock("div", _hoisted_1$A, [
|
|
5918
6042
|
createElementVNode("div", {
|
|
5919
6043
|
ref_key: "colorspaceEl",
|
|
5920
6044
|
ref: colorspaceEl,
|
|
@@ -5942,7 +6066,7 @@ const _sfc_main$Q = /* @__PURE__ */ defineComponent({
|
|
|
5942
6066
|
class: "handle",
|
|
5943
6067
|
style: normalizeStyle(colorspaceHandleStyle.value)
|
|
5944
6068
|
}, null, 4)
|
|
5945
|
-
], 44, _hoisted_2$
|
|
6069
|
+
], 44, _hoisted_2$k),
|
|
5946
6070
|
createVNode(ColorPickerSlider, {
|
|
5947
6071
|
modelValue: hue.value,
|
|
5948
6072
|
"onUpdate:modelValue": [
|
|
@@ -5977,7 +6101,7 @@ const _sfc_main$Q = /* @__PURE__ */ defineComponent({
|
|
|
5977
6101
|
step: KEYBOARD_STEP,
|
|
5978
6102
|
"large-step": KEYBOARD_LARGE_STEP
|
|
5979
6103
|
}, null, 8, ["modelValue", "value-now", "value-text"]),
|
|
5980
|
-
createElementVNode("div", _hoisted_3$
|
|
6104
|
+
createElementVNode("div", _hoisted_3$h, [
|
|
5981
6105
|
createVNode(KdsTextInput, {
|
|
5982
6106
|
"model-value": hexInputValue.value,
|
|
5983
6107
|
ariaLabel: "Color hex value",
|
|
@@ -5985,7 +6109,7 @@ const _sfc_main$Q = /* @__PURE__ */ defineComponent({
|
|
|
5985
6109
|
"onUpdate:modelValue": updateFromTextValue,
|
|
5986
6110
|
onFocusout: onHexInputFocusOut
|
|
5987
6111
|
}, null, 8, ["model-value"]),
|
|
5988
|
-
createVNode(_sfc_main$
|
|
6112
|
+
createVNode(_sfc_main$V, {
|
|
5989
6113
|
"model-value": alphaPercent.value,
|
|
5990
6114
|
ariaLabel: "Alpha percentage",
|
|
5991
6115
|
min: 0,
|
|
@@ -6000,7 +6124,7 @@ const _sfc_main$Q = /* @__PURE__ */ defineComponent({
|
|
|
6000
6124
|
}
|
|
6001
6125
|
});
|
|
6002
6126
|
|
|
6003
|
-
const ColorPicker = /* @__PURE__ */ _export_sfc(_sfc_main$
|
|
6127
|
+
const ColorPicker = /* @__PURE__ */ _export_sfc(_sfc_main$S, [["__scopeId", "data-v-2daeaa68"]]);
|
|
6004
6128
|
|
|
6005
6129
|
const HEX_LENGTH_1 = 1;
|
|
6006
6130
|
const HEX_LENGTH_2 = 2;
|
|
@@ -6074,7 +6198,7 @@ const useColorInputValidationOnFocusOut = (modelValue) => {
|
|
|
6074
6198
|
return { handleFocusOut };
|
|
6075
6199
|
};
|
|
6076
6200
|
|
|
6077
|
-
const _sfc_main$
|
|
6201
|
+
const _sfc_main$R = /* @__PURE__ */ defineComponent({
|
|
6078
6202
|
__name: "KdsColorInput",
|
|
6079
6203
|
props: /* @__PURE__ */ mergeModels({
|
|
6080
6204
|
description: {},
|
|
@@ -6137,7 +6261,7 @@ const _sfc_main$P = /* @__PURE__ */ defineComponent({
|
|
|
6137
6261
|
}, null, 8, ["color", "style"])
|
|
6138
6262
|
]),
|
|
6139
6263
|
trailing: withCtx(() => [
|
|
6140
|
-
createVNode(unref(_sfc_main$
|
|
6264
|
+
createVNode(unref(_sfc_main$1k), {
|
|
6141
6265
|
modelValue: open.value,
|
|
6142
6266
|
"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => open.value = $event),
|
|
6143
6267
|
size: "xsmall",
|
|
@@ -6177,7 +6301,7 @@ const _sfc_main$P = /* @__PURE__ */ defineComponent({
|
|
|
6177
6301
|
}
|
|
6178
6302
|
});
|
|
6179
6303
|
|
|
6180
|
-
const _sfc_main$
|
|
6304
|
+
const _sfc_main$Q = /* @__PURE__ */ defineComponent({
|
|
6181
6305
|
__name: "KdsPasswordInput",
|
|
6182
6306
|
props: /* @__PURE__ */ mergeModels({
|
|
6183
6307
|
description: {},
|
|
@@ -6214,7 +6338,7 @@ const _sfc_main$O = /* @__PURE__ */ defineComponent({
|
|
|
6214
6338
|
}
|
|
6215
6339
|
};
|
|
6216
6340
|
__expose({
|
|
6217
|
-
focus: () => input.value?.focus()
|
|
6341
|
+
focus: (options) => input.value?.focus(options)
|
|
6218
6342
|
});
|
|
6219
6343
|
return (_ctx, _cache) => {
|
|
6220
6344
|
return openBlock(), createBlock(BaseFormFieldWrapper, mergeProps(props, {
|
|
@@ -6238,7 +6362,7 @@ const _sfc_main$O = /* @__PURE__ */ defineComponent({
|
|
|
6238
6362
|
onBlur: handleBlur
|
|
6239
6363
|
}), {
|
|
6240
6364
|
trailing: withCtx(() => [
|
|
6241
|
-
__props.showVisibilityToggle ? (openBlock(), createBlock(_sfc_main$
|
|
6365
|
+
__props.showVisibilityToggle ? (openBlock(), createBlock(_sfc_main$1k, {
|
|
6242
6366
|
key: 0,
|
|
6243
6367
|
modelValue: showValue.value,
|
|
6244
6368
|
"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => showValue.value = $event),
|
|
@@ -6278,7 +6402,7 @@ const kdsPasswordInputAutocompletes = Object.values(
|
|
|
6278
6402
|
kdsPasswordInputAutocomplete
|
|
6279
6403
|
);
|
|
6280
6404
|
|
|
6281
|
-
const _sfc_main$
|
|
6405
|
+
const _sfc_main$P = /* @__PURE__ */ defineComponent({
|
|
6282
6406
|
__name: "KdsUsernameInput",
|
|
6283
6407
|
props: /* @__PURE__ */ mergeModels({
|
|
6284
6408
|
description: {},
|
|
@@ -6302,7 +6426,7 @@ const _sfc_main$N = /* @__PURE__ */ defineComponent({
|
|
|
6302
6426
|
const modelValue = useModel(__props, "modelValue");
|
|
6303
6427
|
const baseInput = useTemplateRef("baseInput");
|
|
6304
6428
|
__expose({
|
|
6305
|
-
focus: () => baseInput.value?.focus()
|
|
6429
|
+
focus: (options) => baseInput.value?.focus(options)
|
|
6306
6430
|
});
|
|
6307
6431
|
return (_ctx, _cache) => {
|
|
6308
6432
|
return openBlock(), createBlock(BaseFormFieldWrapper, mergeProps(props, {
|
|
@@ -10289,17 +10413,17 @@ const sn = /*@__PURE__*/ new WeakMap, cn = /*@__PURE__*/ sn.get.bind(sn), un = /
|
|
|
10289
10413
|
DateTimeFormat: Xn
|
|
10290
10414
|
}));
|
|
10291
10415
|
|
|
10292
|
-
const _hoisted_1$
|
|
10416
|
+
const _hoisted_1$z = {
|
|
10293
10417
|
role: "row",
|
|
10294
10418
|
class: "kds-date-picker-header-row"
|
|
10295
10419
|
};
|
|
10296
|
-
const _hoisted_2$
|
|
10297
|
-
const _hoisted_3$
|
|
10298
|
-
const _hoisted_4$
|
|
10420
|
+
const _hoisted_2$j = ["aria-label"];
|
|
10421
|
+
const _hoisted_3$g = { class: "kds-date-picker-day-grid" };
|
|
10422
|
+
const _hoisted_4$e = ["aria-selected", "aria-disabled", "aria-label", "disabled", "tabindex", "onClick", "onFocus"];
|
|
10299
10423
|
const REFERENCE_YEAR$2 = 2024;
|
|
10300
10424
|
const DAYS_PER_WEEK = 7;
|
|
10301
10425
|
const TOTAL_CELLS = 42;
|
|
10302
|
-
const _sfc_main$
|
|
10426
|
+
const _sfc_main$O = /* @__PURE__ */ defineComponent({
|
|
10303
10427
|
__name: "DatePickerDayGrid",
|
|
10304
10428
|
props: {
|
|
10305
10429
|
modelValue: {},
|
|
@@ -10594,17 +10718,17 @@ const _sfc_main$M = /* @__PURE__ */ defineComponent({
|
|
|
10594
10718
|
role: "grid",
|
|
10595
10719
|
"aria-label": "Calendar"
|
|
10596
10720
|
}, [
|
|
10597
|
-
createElementVNode("div", _hoisted_1$
|
|
10721
|
+
createElementVNode("div", _hoisted_1$z, [
|
|
10598
10722
|
(openBlock(true), createElementBlock(Fragment, null, renderList(unref(DAY_LABELS), (day, i) => {
|
|
10599
10723
|
return openBlock(), createElementBlock("div", {
|
|
10600
10724
|
key: day,
|
|
10601
10725
|
role: "columnheader",
|
|
10602
10726
|
"aria-label": unref(DAY_FULL_LABELS)[i],
|
|
10603
10727
|
class: "kds-date-picker-weekday"
|
|
10604
|
-
}, toDisplayString(day), 9, _hoisted_2$
|
|
10728
|
+
}, toDisplayString(day), 9, _hoisted_2$j);
|
|
10605
10729
|
}), 128))
|
|
10606
10730
|
]),
|
|
10607
|
-
createElementVNode("div", _hoisted_3$
|
|
10731
|
+
createElementVNode("div", _hoisted_3$g, [
|
|
10608
10732
|
(openBlock(true), createElementBlock(Fragment, null, renderList(weeks.value, (week, wi) => {
|
|
10609
10733
|
return openBlock(), createElementBlock("div", {
|
|
10610
10734
|
key: wi,
|
|
@@ -10633,7 +10757,7 @@ const _sfc_main$M = /* @__PURE__ */ defineComponent({
|
|
|
10633
10757
|
onClick: ($event) => selectDate(day),
|
|
10634
10758
|
onKeydown: onDayKeydown,
|
|
10635
10759
|
onFocus: ($event) => onDayFocus(day)
|
|
10636
|
-
}, toDisplayString(day.day), 43, _hoisted_4$
|
|
10760
|
+
}, toDisplayString(day.day), 43, _hoisted_4$e);
|
|
10637
10761
|
}), 128))
|
|
10638
10762
|
]);
|
|
10639
10763
|
}), 128))
|
|
@@ -10643,13 +10767,13 @@ const _sfc_main$M = /* @__PURE__ */ defineComponent({
|
|
|
10643
10767
|
}
|
|
10644
10768
|
});
|
|
10645
10769
|
|
|
10646
|
-
const DatePickerDayGrid = /* @__PURE__ */ _export_sfc(_sfc_main$
|
|
10770
|
+
const DatePickerDayGrid = /* @__PURE__ */ _export_sfc(_sfc_main$O, [["__scopeId", "data-v-51807b35"]]);
|
|
10647
10771
|
|
|
10648
|
-
const _hoisted_1$
|
|
10772
|
+
const _hoisted_1$y = ["aria-selected", "aria-disabled", "aria-label", "disabled", "tabindex", "onClick", "onKeydown", "onFocus"];
|
|
10649
10773
|
const REFERENCE_YEAR$1 = 2024;
|
|
10650
10774
|
const MONTHS_PER_YEAR$1 = 12;
|
|
10651
10775
|
const MONTH_GRID_COLS = 3;
|
|
10652
|
-
const _sfc_main$
|
|
10776
|
+
const _sfc_main$N = /* @__PURE__ */ defineComponent({
|
|
10653
10777
|
__name: "DatePickerMonthGrid",
|
|
10654
10778
|
props: {
|
|
10655
10779
|
modelValue: {},
|
|
@@ -10839,7 +10963,7 @@ const _sfc_main$L = /* @__PURE__ */ defineComponent({
|
|
|
10839
10963
|
onClick: ($event) => selectMonth(cell.month),
|
|
10840
10964
|
onKeydown: ($event) => onKeydown($event, cell.month),
|
|
10841
10965
|
onFocus: ($event) => focusedCell.value = cell.month
|
|
10842
|
-
}, toDisplayString(cell.label), 43, _hoisted_1$
|
|
10966
|
+
}, toDisplayString(cell.label), 43, _hoisted_1$y);
|
|
10843
10967
|
}), 128))
|
|
10844
10968
|
]);
|
|
10845
10969
|
}), 128))
|
|
@@ -10848,12 +10972,12 @@ const _sfc_main$L = /* @__PURE__ */ defineComponent({
|
|
|
10848
10972
|
}
|
|
10849
10973
|
});
|
|
10850
10974
|
|
|
10851
|
-
const DatePickerMonthGrid = /* @__PURE__ */ _export_sfc(_sfc_main$
|
|
10975
|
+
const DatePickerMonthGrid = /* @__PURE__ */ _export_sfc(_sfc_main$N, [["__scopeId", "data-v-63d96e84"]]);
|
|
10852
10976
|
|
|
10853
|
-
const _hoisted_1$
|
|
10977
|
+
const _hoisted_1$x = ["aria-selected", "aria-disabled", "aria-label", "disabled", "tabindex", "onClick", "onKeydown", "onFocus"];
|
|
10854
10978
|
const YEAR_PAGE_SIZE$1 = 15;
|
|
10855
10979
|
const YEAR_GRID_COLS = 3;
|
|
10856
|
-
const _sfc_main$
|
|
10980
|
+
const _sfc_main$M = /* @__PURE__ */ defineComponent({
|
|
10857
10981
|
__name: "DatePickerYearGrid",
|
|
10858
10982
|
props: {
|
|
10859
10983
|
modelValue: {},
|
|
@@ -11011,7 +11135,7 @@ const _sfc_main$K = /* @__PURE__ */ defineComponent({
|
|
|
11011
11135
|
onClick: ($event) => selectYear(cell.year),
|
|
11012
11136
|
onKeydown: ($event) => onKeydown($event, cell.year),
|
|
11013
11137
|
onFocus: ($event) => focusedCell.value = cell.year
|
|
11014
|
-
}, toDisplayString(cell.label), 43, _hoisted_1$
|
|
11138
|
+
}, toDisplayString(cell.label), 43, _hoisted_1$x);
|
|
11015
11139
|
}), 128))
|
|
11016
11140
|
]);
|
|
11017
11141
|
}), 128))
|
|
@@ -11020,22 +11144,22 @@ const _sfc_main$K = /* @__PURE__ */ defineComponent({
|
|
|
11020
11144
|
}
|
|
11021
11145
|
});
|
|
11022
11146
|
|
|
11023
|
-
const DatePickerYearGrid = /* @__PURE__ */ _export_sfc(_sfc_main$
|
|
11147
|
+
const DatePickerYearGrid = /* @__PURE__ */ _export_sfc(_sfc_main$M, [["__scopeId", "data-v-270d55b9"]]);
|
|
11024
11148
|
|
|
11025
|
-
const _hoisted_1$
|
|
11026
|
-
const _hoisted_2$
|
|
11027
|
-
const _hoisted_3$
|
|
11028
|
-
const _hoisted_4$
|
|
11149
|
+
const _hoisted_1$w = { class: "kds-date-picker" };
|
|
11150
|
+
const _hoisted_2$i = { class: "kds-date-picker-header" };
|
|
11151
|
+
const _hoisted_3$f = { class: "kds-date-picker-nav-block" };
|
|
11152
|
+
const _hoisted_4$d = {
|
|
11029
11153
|
key: 1,
|
|
11030
11154
|
class: "kds-date-picker-header-static-label",
|
|
11031
11155
|
"aria-live": "polite"
|
|
11032
11156
|
};
|
|
11033
|
-
const _hoisted_5$
|
|
11157
|
+
const _hoisted_5$6 = { class: "kds-date-picker-nav-block" };
|
|
11034
11158
|
const _hoisted_6$4 = { class: "kds-date-picker-body" };
|
|
11035
11159
|
const MONTHS_PER_YEAR = 12;
|
|
11036
11160
|
const YEAR_PAGE_SIZE = 15;
|
|
11037
11161
|
const REFERENCE_YEAR = 2024;
|
|
11038
|
-
const _sfc_main$
|
|
11162
|
+
const _sfc_main$L = /* @__PURE__ */ defineComponent({
|
|
11039
11163
|
__name: "KdsDatePicker",
|
|
11040
11164
|
props: /* @__PURE__ */ mergeModels({
|
|
11041
11165
|
minDate: {},
|
|
@@ -11231,10 +11355,10 @@ const _sfc_main$J = /* @__PURE__ */ defineComponent({
|
|
|
11231
11355
|
});
|
|
11232
11356
|
__expose({ focus });
|
|
11233
11357
|
return (_ctx, _cache) => {
|
|
11234
|
-
return openBlock(), createElementBlock("div", _hoisted_1$
|
|
11235
|
-
createElementVNode("div", _hoisted_2$
|
|
11236
|
-
createElementVNode("div", _hoisted_3$
|
|
11237
|
-
view.value === "day" ? (openBlock(), createBlock(_sfc_main$
|
|
11358
|
+
return openBlock(), createElementBlock("div", _hoisted_1$w, [
|
|
11359
|
+
createElementVNode("div", _hoisted_2$i, [
|
|
11360
|
+
createElementVNode("div", _hoisted_3$f, [
|
|
11361
|
+
view.value === "day" ? (openBlock(), createBlock(_sfc_main$1n, {
|
|
11238
11362
|
key: 0,
|
|
11239
11363
|
variant: "transparent",
|
|
11240
11364
|
size: "small",
|
|
@@ -11243,7 +11367,7 @@ const _sfc_main$J = /* @__PURE__ */ defineComponent({
|
|
|
11243
11367
|
disabled: prevYearDisabled.value,
|
|
11244
11368
|
onClick: onPrevYear
|
|
11245
11369
|
}, null, 8, ["disabled"])) : createCommentVNode("", true),
|
|
11246
|
-
createVNode(_sfc_main$
|
|
11370
|
+
createVNode(_sfc_main$1n, {
|
|
11247
11371
|
variant: "transparent",
|
|
11248
11372
|
size: "small",
|
|
11249
11373
|
"leading-icon": "chevron-left",
|
|
@@ -11252,16 +11376,16 @@ const _sfc_main$J = /* @__PURE__ */ defineComponent({
|
|
|
11252
11376
|
onClick: onPrev
|
|
11253
11377
|
}, null, 8, ["ariaLabel", "disabled"])
|
|
11254
11378
|
]),
|
|
11255
|
-
view.value !== "year" ? (openBlock(), createBlock(_sfc_main$
|
|
11379
|
+
view.value !== "year" ? (openBlock(), createBlock(_sfc_main$1n, {
|
|
11256
11380
|
key: 0,
|
|
11257
11381
|
class: "kds-date-picker-header-label",
|
|
11258
11382
|
variant: "transparent",
|
|
11259
11383
|
size: "small",
|
|
11260
11384
|
label: headerLabel.value,
|
|
11261
11385
|
onClick: onHeaderLabelClick
|
|
11262
|
-
}, null, 8, ["label"])) : (openBlock(), createElementBlock("div", _hoisted_4$
|
|
11263
|
-
createElementVNode("div", _hoisted_5$
|
|
11264
|
-
createVNode(_sfc_main$
|
|
11386
|
+
}, null, 8, ["label"])) : (openBlock(), createElementBlock("div", _hoisted_4$d, toDisplayString(headerLabel.value), 1)),
|
|
11387
|
+
createElementVNode("div", _hoisted_5$6, [
|
|
11388
|
+
createVNode(_sfc_main$1n, {
|
|
11265
11389
|
variant: "transparent",
|
|
11266
11390
|
size: "small",
|
|
11267
11391
|
"leading-icon": "chevron-right",
|
|
@@ -11269,7 +11393,7 @@ const _sfc_main$J = /* @__PURE__ */ defineComponent({
|
|
|
11269
11393
|
disabled: nextDisabled.value,
|
|
11270
11394
|
onClick: onNext
|
|
11271
11395
|
}, null, 8, ["ariaLabel", "disabled"]),
|
|
11272
|
-
view.value === "day" ? (openBlock(), createBlock(_sfc_main$
|
|
11396
|
+
view.value === "day" ? (openBlock(), createBlock(_sfc_main$1n, {
|
|
11273
11397
|
key: 0,
|
|
11274
11398
|
variant: "transparent",
|
|
11275
11399
|
size: "small",
|
|
@@ -11321,7 +11445,7 @@ const _sfc_main$J = /* @__PURE__ */ defineComponent({
|
|
|
11321
11445
|
}
|
|
11322
11446
|
});
|
|
11323
11447
|
|
|
11324
|
-
const KdsDatePicker = /* @__PURE__ */ _export_sfc(_sfc_main$
|
|
11448
|
+
const KdsDatePicker = /* @__PURE__ */ _export_sfc(_sfc_main$L, [["__scopeId", "data-v-e46d7e18"]]);
|
|
11325
11449
|
|
|
11326
11450
|
const YEAR_END_INDEX = 4;
|
|
11327
11451
|
const MONTH_START_INDEX = 4;
|
|
@@ -11424,7 +11548,7 @@ const useDateInputMask = (modelValue) => {
|
|
|
11424
11548
|
|
|
11425
11549
|
const incompleteDateMessage = "Invalid date format. Please provide year (YYYY), month (MM), and day (DD).";
|
|
11426
11550
|
const MONTH_NAME_SAMPLE_YEAR = 2001;
|
|
11427
|
-
const _sfc_main$
|
|
11551
|
+
const _sfc_main$K = /* @__PURE__ */ defineComponent({
|
|
11428
11552
|
__name: "KdsDateInput",
|
|
11429
11553
|
props: /* @__PURE__ */ mergeModels({
|
|
11430
11554
|
description: {},
|
|
@@ -11528,7 +11652,7 @@ const _sfc_main$I = /* @__PURE__ */ defineComponent({
|
|
|
11528
11652
|
}
|
|
11529
11653
|
});
|
|
11530
11654
|
__expose({
|
|
11531
|
-
focus: () => baseInput.value?.focus()
|
|
11655
|
+
focus: (options) => baseInput.value?.focus(options)
|
|
11532
11656
|
});
|
|
11533
11657
|
return (_ctx, _cache) => {
|
|
11534
11658
|
return openBlock(), createBlock(BaseFormFieldWrapper, mergeProps(_ctx.$props, {
|
|
@@ -11553,7 +11677,7 @@ const _sfc_main$I = /* @__PURE__ */ defineComponent({
|
|
|
11553
11677
|
onBlur: onTextInputBlur
|
|
11554
11678
|
}), {
|
|
11555
11679
|
trailing: withCtx(() => [
|
|
11556
|
-
createVNode(_sfc_main$
|
|
11680
|
+
createVNode(_sfc_main$1k, {
|
|
11557
11681
|
modelValue: popoverIsVisible.value,
|
|
11558
11682
|
"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => popoverIsVisible.value = $event),
|
|
11559
11683
|
size: "xsmall",
|
|
@@ -11602,8 +11726,8 @@ const _sfc_main$I = /* @__PURE__ */ defineComponent({
|
|
|
11602
11726
|
}
|
|
11603
11727
|
});
|
|
11604
11728
|
|
|
11605
|
-
const _hoisted_1$
|
|
11606
|
-
const _sfc_main$
|
|
11729
|
+
const _hoisted_1$v = { class: "kds-date-time-format-popover" };
|
|
11730
|
+
const _sfc_main$J = /* @__PURE__ */ defineComponent({
|
|
11607
11731
|
__name: "DateTimeFormatPopover",
|
|
11608
11732
|
props: /* @__PURE__ */ mergeModels({
|
|
11609
11733
|
allDefaultFormats: {},
|
|
@@ -11741,7 +11865,7 @@ const _sfc_main$H = /* @__PURE__ */ defineComponent({
|
|
|
11741
11865
|
}));
|
|
11742
11866
|
});
|
|
11743
11867
|
return (_ctx, _cache) => {
|
|
11744
|
-
return openBlock(), createElementBlock("div", _hoisted_1$
|
|
11868
|
+
return openBlock(), createElementBlock("div", _hoisted_1$v, [
|
|
11745
11869
|
modeOptions.value.length > 1 ? (openBlock(), createBlock(KdsValueSwitch, {
|
|
11746
11870
|
key: 0,
|
|
11747
11871
|
"model-value": effectiveSelectedMode.value,
|
|
@@ -11773,9 +11897,9 @@ const _sfc_main$H = /* @__PURE__ */ defineComponent({
|
|
|
11773
11897
|
}
|
|
11774
11898
|
});
|
|
11775
11899
|
|
|
11776
|
-
const DateTimeFormatPopover = /* @__PURE__ */ _export_sfc(_sfc_main$
|
|
11900
|
+
const DateTimeFormatPopover = /* @__PURE__ */ _export_sfc(_sfc_main$J, [["__scopeId", "data-v-8c697d02"]]);
|
|
11777
11901
|
|
|
11778
|
-
const _sfc_main$
|
|
11902
|
+
const _sfc_main$I = /* @__PURE__ */ defineComponent({
|
|
11779
11903
|
__name: "KdsDateTimeFormatInput",
|
|
11780
11904
|
props: /* @__PURE__ */ mergeModels({
|
|
11781
11905
|
description: {},
|
|
@@ -11822,7 +11946,7 @@ const _sfc_main$G = /* @__PURE__ */ defineComponent({
|
|
|
11822
11946
|
autocomplete: props.autocomplete
|
|
11823
11947
|
}), {
|
|
11824
11948
|
trailing: withCtx(() => [
|
|
11825
|
-
createVNode(unref(_sfc_main$
|
|
11949
|
+
createVNode(unref(_sfc_main$1k), {
|
|
11826
11950
|
modelValue: open.value,
|
|
11827
11951
|
"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => open.value = $event),
|
|
11828
11952
|
size: "xsmall",
|
|
@@ -11908,7 +12032,7 @@ const buildRegexFromPatternInput = (input, options) => {
|
|
|
11908
12032
|
return `^(?!.*${withCase}).*$`;
|
|
11909
12033
|
};
|
|
11910
12034
|
|
|
11911
|
-
const _sfc_main$
|
|
12035
|
+
const _sfc_main$H = /* @__PURE__ */ defineComponent({
|
|
11912
12036
|
__name: "KdsPatternInput",
|
|
11913
12037
|
props: /* @__PURE__ */ mergeModels({
|
|
11914
12038
|
description: {},
|
|
@@ -11967,7 +12091,7 @@ const _sfc_main$F = /* @__PURE__ */ defineComponent({
|
|
|
11967
12091
|
);
|
|
11968
12092
|
const baseInput = useTemplateRef("baseInput");
|
|
11969
12093
|
__expose({
|
|
11970
|
-
focus: () => baseInput.value?.focus()
|
|
12094
|
+
focus: (options) => baseInput.value?.focus(options)
|
|
11971
12095
|
});
|
|
11972
12096
|
return (_ctx, _cache) => {
|
|
11973
12097
|
return openBlock(), createBlock(BaseFormFieldWrapper, mergeProps(props, {
|
|
@@ -11991,7 +12115,7 @@ const _sfc_main$F = /* @__PURE__ */ defineComponent({
|
|
|
11991
12115
|
clearable: ""
|
|
11992
12116
|
}), {
|
|
11993
12117
|
trailing: withCtx(() => [
|
|
11994
|
-
createVNode(_sfc_main$
|
|
12118
|
+
createVNode(_sfc_main$1k, {
|
|
11995
12119
|
modelValue: caseSensitive.value,
|
|
11996
12120
|
"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => caseSensitive.value = $event),
|
|
11997
12121
|
size: "xsmall",
|
|
@@ -12001,7 +12125,7 @@ const _sfc_main$F = /* @__PURE__ */ defineComponent({
|
|
|
12001
12125
|
ariaLabel: "Case sensitivity",
|
|
12002
12126
|
disabled: __props.disabled
|
|
12003
12127
|
}, null, 8, ["modelValue", "title", "disabled"]),
|
|
12004
|
-
createVNode(_sfc_main$
|
|
12128
|
+
createVNode(_sfc_main$1k, {
|
|
12005
12129
|
modelValue: excludeMatches.value,
|
|
12006
12130
|
"onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => excludeMatches.value = $event),
|
|
12007
12131
|
size: "xsmall",
|
|
@@ -12011,7 +12135,7 @@ const _sfc_main$F = /* @__PURE__ */ defineComponent({
|
|
|
12011
12135
|
ariaLabel: "Exclude matches",
|
|
12012
12136
|
disabled: __props.disabled
|
|
12013
12137
|
}, null, 8, ["modelValue", "title", "disabled"]),
|
|
12014
|
-
createVNode(_sfc_main$
|
|
12138
|
+
createVNode(_sfc_main$1k, {
|
|
12015
12139
|
modelValue: useRegex.value,
|
|
12016
12140
|
"onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => useRegex.value = $event),
|
|
12017
12141
|
size: "xsmall",
|
|
@@ -12031,7 +12155,7 @@ const _sfc_main$F = /* @__PURE__ */ defineComponent({
|
|
|
12031
12155
|
}
|
|
12032
12156
|
});
|
|
12033
12157
|
|
|
12034
|
-
const _sfc_main$
|
|
12158
|
+
const _sfc_main$G = /* @__PURE__ */ defineComponent({
|
|
12035
12159
|
__name: "KdsSearchInput",
|
|
12036
12160
|
props: /* @__PURE__ */ mergeModels({
|
|
12037
12161
|
description: {},
|
|
@@ -12108,7 +12232,7 @@ const _sfc_main$E = /* @__PURE__ */ defineComponent({
|
|
|
12108
12232
|
emit("resultClick", itemId);
|
|
12109
12233
|
};
|
|
12110
12234
|
__expose({
|
|
12111
|
-
focus: () => baseInput.value?.focus()
|
|
12235
|
+
focus: (options) => baseInput.value?.focus(options)
|
|
12112
12236
|
});
|
|
12113
12237
|
return (_ctx, _cache) => {
|
|
12114
12238
|
return openBlock(), createBlock(BaseFormFieldWrapper, {
|
|
@@ -12184,11 +12308,11 @@ const _sfc_main$E = /* @__PURE__ */ defineComponent({
|
|
|
12184
12308
|
}
|
|
12185
12309
|
});
|
|
12186
12310
|
|
|
12187
|
-
const KdsSearchInput = /* @__PURE__ */ _export_sfc(_sfc_main$
|
|
12311
|
+
const KdsSearchInput = /* @__PURE__ */ _export_sfc(_sfc_main$G, [["__scopeId", "data-v-aec3e3d0"]]);
|
|
12188
12312
|
|
|
12189
|
-
const _hoisted_1$
|
|
12313
|
+
const _hoisted_1$u = ["rows", "placeholder", "disabled", "autocomplete"];
|
|
12190
12314
|
const DEFAULT_ROWS = 3;
|
|
12191
|
-
const _sfc_main$
|
|
12315
|
+
const _sfc_main$F = /* @__PURE__ */ defineComponent({
|
|
12192
12316
|
__name: "KdsTextarea",
|
|
12193
12317
|
props: /* @__PURE__ */ mergeModels({
|
|
12194
12318
|
description: {},
|
|
@@ -12234,8 +12358,8 @@ const _sfc_main$D = /* @__PURE__ */ defineComponent({
|
|
|
12234
12358
|
useResizeObserver(textareaElement, resize);
|
|
12235
12359
|
watch(modelValue, resize, { immediate: true });
|
|
12236
12360
|
__expose({
|
|
12237
|
-
focus: () => {
|
|
12238
|
-
textareaElement.value?.focus();
|
|
12361
|
+
focus: (options) => {
|
|
12362
|
+
textareaElement.value?.focus(options);
|
|
12239
12363
|
}
|
|
12240
12364
|
});
|
|
12241
12365
|
return (_ctx, _cache) => {
|
|
@@ -12254,7 +12378,7 @@ const _sfc_main$D = /* @__PURE__ */ defineComponent({
|
|
|
12254
12378
|
placeholder: __props.placeholder,
|
|
12255
12379
|
disabled: __props.disabled,
|
|
12256
12380
|
autocomplete: props.autocomplete
|
|
12257
|
-
}), null, 16, _hoisted_1$
|
|
12381
|
+
}), null, 16, _hoisted_1$u), [
|
|
12258
12382
|
[vModelText, modelValue.value]
|
|
12259
12383
|
])
|
|
12260
12384
|
]),
|
|
@@ -12264,16 +12388,16 @@ const _sfc_main$D = /* @__PURE__ */ defineComponent({
|
|
|
12264
12388
|
}
|
|
12265
12389
|
});
|
|
12266
12390
|
|
|
12267
|
-
const KdsTextarea = /* @__PURE__ */ _export_sfc(_sfc_main$
|
|
12391
|
+
const KdsTextarea = /* @__PURE__ */ _export_sfc(_sfc_main$F, [["__scopeId", "data-v-36211819"]]);
|
|
12268
12392
|
|
|
12269
|
-
const _hoisted_1$
|
|
12270
|
-
const _hoisted_2$
|
|
12271
|
-
const _hoisted_3$
|
|
12272
|
-
const _hoisted_4$
|
|
12393
|
+
const _hoisted_1$t = { class: "kds-time-picker" };
|
|
12394
|
+
const _hoisted_2$h = { class: "kds-time-picker-fields" };
|
|
12395
|
+
const _hoisted_3$e = { class: "kds-time-picker-fields" };
|
|
12396
|
+
const _hoisted_4$c = {
|
|
12273
12397
|
key: 0,
|
|
12274
12398
|
class: "kds-time-picker-fields"
|
|
12275
12399
|
};
|
|
12276
|
-
const _hoisted_5$
|
|
12400
|
+
const _hoisted_5$5 = {
|
|
12277
12401
|
key: 1,
|
|
12278
12402
|
class: "kds-time-picker-actions"
|
|
12279
12403
|
};
|
|
@@ -12285,7 +12409,7 @@ const MAX_HOUR = 23;
|
|
|
12285
12409
|
const MAX_MINUTE = 59;
|
|
12286
12410
|
const MAX_SECOND = 59;
|
|
12287
12411
|
const MAX_MILLISECOND = 999;
|
|
12288
|
-
const _sfc_main$
|
|
12412
|
+
const _sfc_main$E = /* @__PURE__ */ defineComponent({
|
|
12289
12413
|
__name: "TimePicker",
|
|
12290
12414
|
props: /* @__PURE__ */ mergeModels({
|
|
12291
12415
|
maxGranularity: {}
|
|
@@ -12371,9 +12495,9 @@ const _sfc_main$C = /* @__PURE__ */ defineComponent({
|
|
|
12371
12495
|
};
|
|
12372
12496
|
__expose({ focus });
|
|
12373
12497
|
return (_ctx, _cache) => {
|
|
12374
|
-
return openBlock(), createElementBlock("div", _hoisted_1$
|
|
12375
|
-
createElementVNode("div", _hoisted_2$
|
|
12376
|
-
createVNode(_sfc_main$
|
|
12498
|
+
return openBlock(), createElementBlock("div", _hoisted_1$t, [
|
|
12499
|
+
createElementVNode("div", _hoisted_2$h, [
|
|
12500
|
+
createVNode(_sfc_main$V, {
|
|
12377
12501
|
ref: "hourInput",
|
|
12378
12502
|
modelValue: hour.value,
|
|
12379
12503
|
"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => hour.value = $event),
|
|
@@ -12383,7 +12507,7 @@ const _sfc_main$C = /* @__PURE__ */ defineComponent({
|
|
|
12383
12507
|
max: MAX_HOUR,
|
|
12384
12508
|
step: 1
|
|
12385
12509
|
}, null, 8, ["modelValue"]),
|
|
12386
|
-
createVNode(_sfc_main$
|
|
12510
|
+
createVNode(_sfc_main$V, {
|
|
12387
12511
|
modelValue: minute.value,
|
|
12388
12512
|
"onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => minute.value = $event),
|
|
12389
12513
|
class: "kds-time-picker-field",
|
|
@@ -12398,8 +12522,8 @@ const _sfc_main$C = /* @__PURE__ */ defineComponent({
|
|
|
12398
12522
|
class: "kds-time-picker-divider"
|
|
12399
12523
|
})) : createCommentVNode("", true),
|
|
12400
12524
|
showSecondInput.value ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [
|
|
12401
|
-
createElementVNode("div", _hoisted_3$
|
|
12402
|
-
createVNode(_sfc_main$
|
|
12525
|
+
createElementVNode("div", _hoisted_3$e, [
|
|
12526
|
+
createVNode(_sfc_main$V, {
|
|
12403
12527
|
ref: "secondInput",
|
|
12404
12528
|
modelValue: second.value,
|
|
12405
12529
|
"onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => second.value = $event),
|
|
@@ -12409,7 +12533,7 @@ const _sfc_main$C = /* @__PURE__ */ defineComponent({
|
|
|
12409
12533
|
max: MAX_SECOND,
|
|
12410
12534
|
step: 1
|
|
12411
12535
|
}, null, 8, ["modelValue"]),
|
|
12412
|
-
createVNode(_sfc_main$
|
|
12536
|
+
createVNode(_sfc_main$1n, {
|
|
12413
12537
|
class: "kds-time-picker-field-trash",
|
|
12414
12538
|
variant: "transparent",
|
|
12415
12539
|
"leading-icon": "trash",
|
|
@@ -12418,8 +12542,8 @@ const _sfc_main$C = /* @__PURE__ */ defineComponent({
|
|
|
12418
12542
|
onClick: removeSeconds
|
|
12419
12543
|
})
|
|
12420
12544
|
]),
|
|
12421
|
-
showMillisecondInput.value ? (openBlock(), createElementBlock("div", _hoisted_4$
|
|
12422
|
-
createVNode(_sfc_main$
|
|
12545
|
+
showMillisecondInput.value ? (openBlock(), createElementBlock("div", _hoisted_4$c, [
|
|
12546
|
+
createVNode(_sfc_main$V, {
|
|
12423
12547
|
ref: "millisecondInput",
|
|
12424
12548
|
modelValue: millisecond.value,
|
|
12425
12549
|
"onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => millisecond.value = $event),
|
|
@@ -12432,7 +12556,7 @@ const _sfc_main$C = /* @__PURE__ */ defineComponent({
|
|
|
12432
12556
|
max: MAX_MILLISECOND,
|
|
12433
12557
|
step: 1
|
|
12434
12558
|
}, null, 8, ["modelValue"]),
|
|
12435
|
-
createVNode(_sfc_main$
|
|
12559
|
+
createVNode(_sfc_main$1n, {
|
|
12436
12560
|
class: "kds-time-picker-field-trash",
|
|
12437
12561
|
variant: "transparent",
|
|
12438
12562
|
"leading-icon": "trash",
|
|
@@ -12440,8 +12564,8 @@ const _sfc_main$C = /* @__PURE__ */ defineComponent({
|
|
|
12440
12564
|
title: "Remove milliseconds",
|
|
12441
12565
|
onClick: removeMilliseconds
|
|
12442
12566
|
})
|
|
12443
|
-
])) : __props.maxGranularity === "millisecond" ? (openBlock(), createElementBlock("div", _hoisted_5$
|
|
12444
|
-
createVNode(_sfc_main$
|
|
12567
|
+
])) : __props.maxGranularity === "millisecond" ? (openBlock(), createElementBlock("div", _hoisted_5$5, [
|
|
12568
|
+
createVNode(_sfc_main$1n, {
|
|
12445
12569
|
variant: "outlined",
|
|
12446
12570
|
size: "small",
|
|
12447
12571
|
"leading-icon": "plus",
|
|
@@ -12450,7 +12574,7 @@ const _sfc_main$C = /* @__PURE__ */ defineComponent({
|
|
|
12450
12574
|
})
|
|
12451
12575
|
])) : createCommentVNode("", true)
|
|
12452
12576
|
], 64)) : __props.maxGranularity !== "minute" ? (openBlock(), createElementBlock("div", _hoisted_6$3, [
|
|
12453
|
-
createVNode(_sfc_main$
|
|
12577
|
+
createVNode(_sfc_main$1n, {
|
|
12454
12578
|
variant: "outlined",
|
|
12455
12579
|
size: "small",
|
|
12456
12580
|
"leading-icon": "plus",
|
|
@@ -12463,7 +12587,7 @@ const _sfc_main$C = /* @__PURE__ */ defineComponent({
|
|
|
12463
12587
|
}
|
|
12464
12588
|
});
|
|
12465
12589
|
|
|
12466
|
-
const TimePicker = /* @__PURE__ */ _export_sfc(_sfc_main$
|
|
12590
|
+
const TimePicker = /* @__PURE__ */ _export_sfc(_sfc_main$E, [["__scopeId", "data-v-c2bc1234"]]);
|
|
12467
12591
|
|
|
12468
12592
|
const HOURS_END_INDEX = 2;
|
|
12469
12593
|
const MINUTES_START_INDEX = 2;
|
|
@@ -12673,7 +12797,7 @@ const useTimeInputMask = (modelValue, granularityRef) => {
|
|
|
12673
12797
|
};
|
|
12674
12798
|
|
|
12675
12799
|
const invalidTimeMessage = "The entered time is invalid.";
|
|
12676
|
-
const _sfc_main$
|
|
12800
|
+
const _sfc_main$D = /* @__PURE__ */ defineComponent({
|
|
12677
12801
|
__name: "KdsTimeInput",
|
|
12678
12802
|
props: /* @__PURE__ */ mergeModels({
|
|
12679
12803
|
description: {},
|
|
@@ -12763,7 +12887,7 @@ const _sfc_main$B = /* @__PURE__ */ defineComponent({
|
|
|
12763
12887
|
}
|
|
12764
12888
|
});
|
|
12765
12889
|
__expose({
|
|
12766
|
-
focus: () => baseInput.value?.focus()
|
|
12890
|
+
focus: (options) => baseInput.value?.focus(options)
|
|
12767
12891
|
});
|
|
12768
12892
|
return (_ctx, _cache) => {
|
|
12769
12893
|
return openBlock(), createBlock(BaseFormFieldWrapper, mergeProps(_ctx.$props, {
|
|
@@ -12788,7 +12912,7 @@ const _sfc_main$B = /* @__PURE__ */ defineComponent({
|
|
|
12788
12912
|
onBlur: onTextInputBlur
|
|
12789
12913
|
}), {
|
|
12790
12914
|
trailing: withCtx(() => [
|
|
12791
|
-
createVNode(_sfc_main$
|
|
12915
|
+
createVNode(_sfc_main$1k, {
|
|
12792
12916
|
modelValue: popoverIsVisible.value,
|
|
12793
12917
|
"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => popoverIsVisible.value = $event),
|
|
12794
12918
|
size: "xsmall",
|
|
@@ -13050,11 +13174,11 @@ const stripInactiveFields = (duration, usedFormat) => {
|
|
|
13050
13174
|
};
|
|
13051
13175
|
const toTitleCase = (key) => key.charAt(0).toUpperCase() + key.slice(1).toLowerCase();
|
|
13052
13176
|
|
|
13053
|
-
const _hoisted_1$
|
|
13054
|
-
const _hoisted_2$
|
|
13055
|
-
const _hoisted_3$
|
|
13056
|
-
const _hoisted_4$
|
|
13057
|
-
const _sfc_main$
|
|
13177
|
+
const _hoisted_1$s = { class: "kds-interval-popover" };
|
|
13178
|
+
const _hoisted_2$g = { class: "kds-interval-popover-header" };
|
|
13179
|
+
const _hoisted_3$d = { class: "kds-interval-popover-content" };
|
|
13180
|
+
const _hoisted_4$b = { class: "kds-interval-popover-grid" };
|
|
13181
|
+
const _sfc_main$C = /* @__PURE__ */ defineComponent({
|
|
13058
13182
|
__name: "IntervalInputPopover",
|
|
13059
13183
|
props: /* @__PURE__ */ mergeModels({
|
|
13060
13184
|
format: {},
|
|
@@ -13148,8 +13272,8 @@ const _sfc_main$A = /* @__PURE__ */ defineComponent({
|
|
|
13148
13272
|
}
|
|
13149
13273
|
});
|
|
13150
13274
|
return (_ctx, _cache) => {
|
|
13151
|
-
return openBlock(), createElementBlock("div", _hoisted_1$
|
|
13152
|
-
createElementVNode("div", _hoisted_2$
|
|
13275
|
+
return openBlock(), createElementBlock("div", _hoisted_1$s, [
|
|
13276
|
+
createElementVNode("div", _hoisted_2$g, [
|
|
13153
13277
|
_cache[2] || (_cache[2] = createElementVNode("span", { class: "kds-interval-popover-title" }, "Interval value", -1)),
|
|
13154
13278
|
props.format === unref(kdsIntervalInputFormat).DATE_OR_TIME ? (openBlock(), createBlock(unref(KdsValueSwitch), {
|
|
13155
13279
|
key: 0,
|
|
@@ -13161,7 +13285,7 @@ const _sfc_main$A = /* @__PURE__ */ defineComponent({
|
|
|
13161
13285
|
}, null, 8, ["modelValue"])) : createCommentVNode("", true)
|
|
13162
13286
|
]),
|
|
13163
13287
|
_cache[3] || (_cache[3] = createElementVNode("div", { class: "kds-interval-popover-divider" }, null, -1)),
|
|
13164
|
-
createElementVNode("div", _hoisted_3$
|
|
13288
|
+
createElementVNode("div", _hoisted_3$d, [
|
|
13165
13289
|
props.allowDescending ? (openBlock(), createBlock(unref(KdsValueSwitch), {
|
|
13166
13290
|
key: 0,
|
|
13167
13291
|
modelValue: direction.value,
|
|
@@ -13171,9 +13295,9 @@ const _sfc_main$A = /* @__PURE__ */ defineComponent({
|
|
|
13171
13295
|
variant: "muted",
|
|
13172
13296
|
"possible-values": directionOptions
|
|
13173
13297
|
}, null, 8, ["modelValue"])) : createCommentVNode("", true),
|
|
13174
|
-
createElementVNode("div", _hoisted_4$
|
|
13298
|
+
createElementVNode("div", _hoisted_4$b, [
|
|
13175
13299
|
mode.value === unref(kdsIntervalInputFormat).DATE ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList(unref(periodNumericKeys), (key) => {
|
|
13176
|
-
return openBlock(), createBlock(unref(_sfc_main$
|
|
13300
|
+
return openBlock(), createBlock(unref(_sfc_main$V), {
|
|
13177
13301
|
key,
|
|
13178
13302
|
"model-value": activeFields.value[key],
|
|
13179
13303
|
label: fieldLabels[key] ?? unref(toTitleCase)(key),
|
|
@@ -13183,7 +13307,7 @@ const _sfc_main$A = /* @__PURE__ */ defineComponent({
|
|
|
13183
13307
|
"onUpdate:modelValue": ($event) => updateField(key, $event)
|
|
13184
13308
|
}, null, 8, ["model-value", "label", "max", "onUpdate:modelValue"]);
|
|
13185
13309
|
}), 128)) : (openBlock(true), createElementBlock(Fragment, { key: 1 }, renderList(unref(durationNumericKeys), (key) => {
|
|
13186
|
-
return openBlock(), createBlock(unref(_sfc_main$
|
|
13310
|
+
return openBlock(), createBlock(unref(_sfc_main$V), {
|
|
13187
13311
|
key,
|
|
13188
13312
|
"model-value": activeFields.value[key],
|
|
13189
13313
|
label: fieldLabels[key] ?? unref(toTitleCase)(key),
|
|
@@ -13200,9 +13324,9 @@ const _sfc_main$A = /* @__PURE__ */ defineComponent({
|
|
|
13200
13324
|
}
|
|
13201
13325
|
});
|
|
13202
13326
|
|
|
13203
|
-
const IntervalInputPopover = /* @__PURE__ */ _export_sfc(_sfc_main$
|
|
13327
|
+
const IntervalInputPopover = /* @__PURE__ */ _export_sfc(_sfc_main$C, [["__scopeId", "data-v-02541fd1"]]);
|
|
13204
13328
|
|
|
13205
|
-
const _sfc_main$
|
|
13329
|
+
const _sfc_main$B = /* @__PURE__ */ defineComponent({
|
|
13206
13330
|
__name: "KdsIntervalInput",
|
|
13207
13331
|
props: /* @__PURE__ */ mergeModels({
|
|
13208
13332
|
description: {},
|
|
@@ -13364,7 +13488,7 @@ const _sfc_main$z = /* @__PURE__ */ defineComponent({
|
|
|
13364
13488
|
onKeydown: withKeys(withModifiers(commitTypedInput, ["prevent"]), ["enter"])
|
|
13365
13489
|
}), {
|
|
13366
13490
|
trailing: withCtx(() => [
|
|
13367
|
-
createVNode(unref(_sfc_main$
|
|
13491
|
+
createVNode(unref(_sfc_main$1k), {
|
|
13368
13492
|
modelValue: isPopoverOpen.value,
|
|
13369
13493
|
"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => isPopoverOpen.value = $event),
|
|
13370
13494
|
size: "xsmall",
|
|
@@ -13412,18 +13536,18 @@ const _sfc_main$z = /* @__PURE__ */ defineComponent({
|
|
|
13412
13536
|
}
|
|
13413
13537
|
});
|
|
13414
13538
|
|
|
13415
|
-
const _hoisted_1$
|
|
13416
|
-
const _hoisted_2$
|
|
13539
|
+
const _hoisted_1$r = ["id", "aria-expanded", "aria-labelledby", "aria-describedby", "aria-label", "aria-invalid", "aria-controls", "disabled"];
|
|
13540
|
+
const _hoisted_2$f = {
|
|
13417
13541
|
key: 0,
|
|
13418
13542
|
class: "leading",
|
|
13419
13543
|
"aria-hidden": "true"
|
|
13420
13544
|
};
|
|
13421
|
-
const _hoisted_3$
|
|
13422
|
-
const _hoisted_4$
|
|
13545
|
+
const _hoisted_3$c = ["id"];
|
|
13546
|
+
const _hoisted_4$a = {
|
|
13423
13547
|
class: "trailing",
|
|
13424
13548
|
"aria-hidden": "true"
|
|
13425
13549
|
};
|
|
13426
|
-
const _sfc_main$
|
|
13550
|
+
const _sfc_main$A = /* @__PURE__ */ defineComponent({
|
|
13427
13551
|
__name: "BaseDropdown",
|
|
13428
13552
|
props: /* @__PURE__ */ mergeModels({
|
|
13429
13553
|
text: {},
|
|
@@ -13495,8 +13619,8 @@ const _sfc_main$y = /* @__PURE__ */ defineComponent({
|
|
|
13495
13619
|
onClick: _cache[0] || (_cache[0] = ($event) => !__props.disabled && emit("click")),
|
|
13496
13620
|
onKeydown
|
|
13497
13621
|
}, [
|
|
13498
|
-
props.accessory ? (openBlock(), createElementBlock("span", _hoisted_2$
|
|
13499
|
-
createVNode(_sfc_main$
|
|
13622
|
+
props.accessory ? (openBlock(), createElementBlock("span", _hoisted_2$f, [
|
|
13623
|
+
createVNode(_sfc_main$1i, {
|
|
13500
13624
|
accessory: props.accessory,
|
|
13501
13625
|
size: "medium"
|
|
13502
13626
|
}, null, 8, ["accessory"])
|
|
@@ -13507,28 +13631,28 @@ const _sfc_main$y = /* @__PURE__ */ defineComponent({
|
|
|
13507
13631
|
placeholder: !props.text && !__props.disabled,
|
|
13508
13632
|
missing: __props.missing
|
|
13509
13633
|
}])
|
|
13510
|
-
}, toDisplayString(props.text ?? props.placeholder), 11, _hoisted_3$
|
|
13511
|
-
createElementVNode("span", _hoisted_4$
|
|
13634
|
+
}, toDisplayString(props.text ?? props.placeholder), 11, _hoisted_3$c),
|
|
13635
|
+
createElementVNode("span", _hoisted_4$a, [
|
|
13512
13636
|
createVNode(KdsIcon, {
|
|
13513
13637
|
name: open.value ? "chevron-up" : "chevron-down",
|
|
13514
13638
|
size: "small"
|
|
13515
13639
|
}, null, 8, ["name"])
|
|
13516
13640
|
])
|
|
13517
|
-
], 42, _hoisted_1$
|
|
13641
|
+
], 42, _hoisted_1$r);
|
|
13518
13642
|
};
|
|
13519
13643
|
}
|
|
13520
13644
|
});
|
|
13521
13645
|
|
|
13522
|
-
const BaseDropdown = /* @__PURE__ */ _export_sfc(_sfc_main$
|
|
13646
|
+
const BaseDropdown = /* @__PURE__ */ _export_sfc(_sfc_main$A, [["__scopeId", "data-v-0f4de8fb"]]);
|
|
13523
13647
|
|
|
13524
13648
|
const DROPDOWN_SEARCH_THRESHOLD = 12;
|
|
13525
13649
|
|
|
13526
|
-
const _hoisted_1$
|
|
13527
|
-
const _hoisted_2$
|
|
13650
|
+
const _hoisted_1$q = { class: "kds-dropdown-container" };
|
|
13651
|
+
const _hoisted_2$e = {
|
|
13528
13652
|
key: 0,
|
|
13529
13653
|
class: "kds-dropdown-container-sticky-top"
|
|
13530
13654
|
};
|
|
13531
|
-
const _sfc_main$
|
|
13655
|
+
const _sfc_main$z = /* @__PURE__ */ defineComponent({
|
|
13532
13656
|
__name: "DropdownContainer",
|
|
13533
13657
|
props: /* @__PURE__ */ mergeModels({
|
|
13534
13658
|
emptyText: {},
|
|
@@ -13612,8 +13736,8 @@ const _sfc_main$x = /* @__PURE__ */ defineComponent({
|
|
|
13612
13736
|
}
|
|
13613
13737
|
});
|
|
13614
13738
|
return (_ctx, _cache) => {
|
|
13615
|
-
return openBlock(), createElementBlock("div", _hoisted_1$
|
|
13616
|
-
searchable.value ? (openBlock(), createElementBlock("div", _hoisted_2$
|
|
13739
|
+
return openBlock(), createElementBlock("div", _hoisted_1$q, [
|
|
13740
|
+
searchable.value ? (openBlock(), createElementBlock("div", _hoisted_2$e, [
|
|
13617
13741
|
createVNode(BaseInput, {
|
|
13618
13742
|
ref_key: "searchEl",
|
|
13619
13743
|
ref: searchEl,
|
|
@@ -13645,9 +13769,9 @@ const _sfc_main$x = /* @__PURE__ */ defineComponent({
|
|
|
13645
13769
|
}
|
|
13646
13770
|
});
|
|
13647
13771
|
|
|
13648
|
-
const DropdownContainer = /* @__PURE__ */ _export_sfc(_sfc_main$
|
|
13772
|
+
const DropdownContainer = /* @__PURE__ */ _export_sfc(_sfc_main$z, [["__scopeId", "data-v-cdb20fd2"]]);
|
|
13649
13773
|
|
|
13650
|
-
const _sfc_main$
|
|
13774
|
+
const _sfc_main$y = /* @__PURE__ */ defineComponent({
|
|
13651
13775
|
__name: "KdsDropdown",
|
|
13652
13776
|
props: /* @__PURE__ */ mergeModels({
|
|
13653
13777
|
placeholder: { default: "Select" },
|
|
@@ -13740,9 +13864,9 @@ const _sfc_main$w = /* @__PURE__ */ defineComponent({
|
|
|
13740
13864
|
}
|
|
13741
13865
|
});
|
|
13742
13866
|
|
|
13743
|
-
const _hoisted_1$
|
|
13744
|
-
const _hoisted_2$
|
|
13745
|
-
const _sfc_main$
|
|
13867
|
+
const _hoisted_1$p = ["disabled"];
|
|
13868
|
+
const _hoisted_2$d = ["title"];
|
|
13869
|
+
const _sfc_main$x = /* @__PURE__ */ defineComponent({
|
|
13746
13870
|
__name: "KdsListItemButton",
|
|
13747
13871
|
props: {
|
|
13748
13872
|
label: {},
|
|
@@ -13772,24 +13896,24 @@ const _sfc_main$v = /* @__PURE__ */ defineComponent({
|
|
|
13772
13896
|
ref: labelEl,
|
|
13773
13897
|
class: "label",
|
|
13774
13898
|
title: unref(isLabelTruncated) ? props.label : void 0
|
|
13775
|
-
}, toDisplayString(props.label), 9, _hoisted_2$
|
|
13776
|
-
], 8, _hoisted_1$
|
|
13899
|
+
}, toDisplayString(props.label), 9, _hoisted_2$d)
|
|
13900
|
+
], 8, _hoisted_1$p);
|
|
13777
13901
|
};
|
|
13778
13902
|
}
|
|
13779
13903
|
});
|
|
13780
13904
|
|
|
13781
|
-
const KdsListItemButton = /* @__PURE__ */ _export_sfc(_sfc_main$
|
|
13905
|
+
const KdsListItemButton = /* @__PURE__ */ _export_sfc(_sfc_main$x, [["__scopeId", "data-v-21fb5571"]]);
|
|
13782
13906
|
|
|
13783
|
-
const _hoisted_1$
|
|
13784
|
-
const _hoisted_2$
|
|
13907
|
+
const _hoisted_1$o = { class: "kds-multi-select-dropdown-options" };
|
|
13908
|
+
const _hoisted_2$c = {
|
|
13785
13909
|
key: 0,
|
|
13786
13910
|
class: "kds-multi-select-dropdown-search"
|
|
13787
13911
|
};
|
|
13788
|
-
const _hoisted_3$
|
|
13912
|
+
const _hoisted_3$b = {
|
|
13789
13913
|
key: 1,
|
|
13790
13914
|
class: "kds-multi-select-dropdown-footer"
|
|
13791
13915
|
};
|
|
13792
|
-
const _sfc_main$
|
|
13916
|
+
const _sfc_main$w = /* @__PURE__ */ defineComponent({
|
|
13793
13917
|
__name: "MultiSelectDropdownContainer",
|
|
13794
13918
|
props: /* @__PURE__ */ mergeModels({
|
|
13795
13919
|
emptyText: {},
|
|
@@ -13912,8 +14036,8 @@ const _sfc_main$u = /* @__PURE__ */ defineComponent({
|
|
|
13912
14036
|
}
|
|
13913
14037
|
});
|
|
13914
14038
|
return (_ctx, _cache) => {
|
|
13915
|
-
return openBlock(), createElementBlock("div", _hoisted_1$
|
|
13916
|
-
searchable.value ? (openBlock(), createElementBlock("div", _hoisted_2$
|
|
14039
|
+
return openBlock(), createElementBlock("div", _hoisted_1$o, [
|
|
14040
|
+
searchable.value ? (openBlock(), createElementBlock("div", _hoisted_2$c, [
|
|
13917
14041
|
createVNode(BaseInput, {
|
|
13918
14042
|
ref_key: "searchEl",
|
|
13919
14043
|
ref: searchEl,
|
|
@@ -13942,7 +14066,7 @@ const _sfc_main$u = /* @__PURE__ */ defineComponent({
|
|
|
13942
14066
|
"aria-label": "Dropdown options",
|
|
13943
14067
|
onItemClick: _cache[4] || (_cache[4] = ($event) => $event !== void 0 && onItemClick($event))
|
|
13944
14068
|
}, null, 8, ["class", "possible-values", "loading", "empty-text", "controlled-externally"]),
|
|
13945
|
-
!__props.loading && visibleEnabledIds.value.length > 0 ? (openBlock(), createElementBlock("div", _hoisted_3$
|
|
14069
|
+
!__props.loading && visibleEnabledIds.value.length > 0 ? (openBlock(), createElementBlock("div", _hoisted_3$b, [
|
|
13946
14070
|
createVNode(unref(KdsListItemButton), {
|
|
13947
14071
|
label: anyVisibleSelected.value ? "Clear all" : "Select all",
|
|
13948
14072
|
"leading-icon": anyVisibleSelected.value ? "trash" : "checkmark",
|
|
@@ -13955,9 +14079,9 @@ const _sfc_main$u = /* @__PURE__ */ defineComponent({
|
|
|
13955
14079
|
}
|
|
13956
14080
|
});
|
|
13957
14081
|
|
|
13958
|
-
const MultiSelectDropdownContainer = /* @__PURE__ */ _export_sfc(_sfc_main$
|
|
14082
|
+
const MultiSelectDropdownContainer = /* @__PURE__ */ _export_sfc(_sfc_main$w, [["__scopeId", "data-v-68fe366f"]]);
|
|
13959
14083
|
|
|
13960
|
-
const _sfc_main$
|
|
14084
|
+
const _sfc_main$v = /* @__PURE__ */ defineComponent({
|
|
13961
14085
|
__name: "KdsMultiSelectDropdown",
|
|
13962
14086
|
props: /* @__PURE__ */ mergeModels({
|
|
13963
14087
|
placeholder: { default: "Select" },
|
|
@@ -14084,9 +14208,9 @@ const kdsDimensionComponentHeight20x = 320;
|
|
|
14084
14208
|
const kdsSpacingContainer0p10x = 1;
|
|
14085
14209
|
const kdsSpacingContainer0p25x = 4;
|
|
14086
14210
|
|
|
14087
|
-
const _hoisted_1$
|
|
14088
|
-
const _hoisted_2$
|
|
14089
|
-
const _sfc_main$
|
|
14211
|
+
const _hoisted_1$n = { class: "kds-resize-handle-area" };
|
|
14212
|
+
const _hoisted_2$b = ["aria-label"];
|
|
14213
|
+
const _sfc_main$u = /* @__PURE__ */ defineComponent({
|
|
14090
14214
|
__name: "ResizeHandle",
|
|
14091
14215
|
props: {
|
|
14092
14216
|
numberOfHandles: { default: 1 },
|
|
@@ -14108,7 +14232,7 @@ const _sfc_main$s = /* @__PURE__ */ defineComponent({
|
|
|
14108
14232
|
return `calc((100% - ${n - 1} * ${gap}) / ${2 * n})`;
|
|
14109
14233
|
});
|
|
14110
14234
|
return (_ctx, _cache) => {
|
|
14111
|
-
return openBlock(), createElementBlock("div", _hoisted_1$
|
|
14235
|
+
return openBlock(), createElementBlock("div", _hoisted_1$n, [
|
|
14112
14236
|
(openBlock(true), createElementBlock(Fragment, null, renderList(normalizedNumberOfHandles.value, (i) => {
|
|
14113
14237
|
return openBlock(), createElementBlock("button", {
|
|
14114
14238
|
key: i,
|
|
@@ -14117,22 +14241,22 @@ const _sfc_main$s = /* @__PURE__ */ defineComponent({
|
|
|
14117
14241
|
type: "button"
|
|
14118
14242
|
}, [..._cache[0] || (_cache[0] = [
|
|
14119
14243
|
createElementVNode("span", { class: "kds-resize-handle-line" }, null, -1)
|
|
14120
|
-
])], 8, _hoisted_2$
|
|
14244
|
+
])], 8, _hoisted_2$b);
|
|
14121
14245
|
}), 128))
|
|
14122
14246
|
]);
|
|
14123
14247
|
};
|
|
14124
14248
|
}
|
|
14125
14249
|
});
|
|
14126
14250
|
|
|
14127
|
-
const ResizeHandle = /* @__PURE__ */ _export_sfc(_sfc_main$
|
|
14251
|
+
const ResizeHandle = /* @__PURE__ */ _export_sfc(_sfc_main$u, [["__scopeId", "data-v-df3803d4"]]);
|
|
14128
14252
|
|
|
14129
|
-
const _hoisted_1$
|
|
14253
|
+
const _hoisted_1$m = {
|
|
14130
14254
|
ref: "content",
|
|
14131
14255
|
class: "kds-resize-container-content"
|
|
14132
14256
|
};
|
|
14133
14257
|
const DEFAULT_INITIAL_HEIGHT = 200;
|
|
14134
14258
|
const KEYBOARD_RESIZE_STEP = 10;
|
|
14135
|
-
const _sfc_main$
|
|
14259
|
+
const _sfc_main$t = /* @__PURE__ */ defineComponent({
|
|
14136
14260
|
__name: "KdsResizeContainer",
|
|
14137
14261
|
props: {
|
|
14138
14262
|
height: { default: () => DEFAULT_INITIAL_HEIGHT },
|
|
@@ -14195,7 +14319,7 @@ const _sfc_main$r = /* @__PURE__ */ defineComponent({
|
|
|
14195
14319
|
return openBlock(), createElementBlock("div", {
|
|
14196
14320
|
class: normalizeClass(["kds-resize-container", { dragging: unref(activePointerId) !== null }])
|
|
14197
14321
|
}, [
|
|
14198
|
-
createElementVNode("div", _hoisted_1$
|
|
14322
|
+
createElementVNode("div", _hoisted_1$m, [
|
|
14199
14323
|
renderSlot(_ctx.$slots, "default", { contentStyle: contentStyle.value }, void 0, true)
|
|
14200
14324
|
], 512),
|
|
14201
14325
|
createVNode(ResizeHandle, {
|
|
@@ -14213,7 +14337,7 @@ const _sfc_main$r = /* @__PURE__ */ defineComponent({
|
|
|
14213
14337
|
}
|
|
14214
14338
|
});
|
|
14215
14339
|
|
|
14216
|
-
const KdsResizeContainer = /* @__PURE__ */ _export_sfc(_sfc_main$
|
|
14340
|
+
const KdsResizeContainer = /* @__PURE__ */ _export_sfc(_sfc_main$t, [["__scopeId", "data-v-46b33b01"]]);
|
|
14217
14341
|
|
|
14218
14342
|
const CLICK_META_KEY_TIMEOUT = 250;
|
|
14219
14343
|
const useMultiSelectListBoxSelection = ({
|
|
@@ -14505,17 +14629,17 @@ const useMultiSelectListBoxSelection = ({
|
|
|
14505
14629
|
};
|
|
14506
14630
|
};
|
|
14507
14631
|
|
|
14508
|
-
const _hoisted_1$
|
|
14509
|
-
const _hoisted_2$
|
|
14510
|
-
const _hoisted_3$
|
|
14632
|
+
const _hoisted_1$l = ["id", "tabindex", "aria-labelledby", "aria-describedby", "aria-label", "aria-invalid", "aria-activedescendant", "aria-disabled", "onKeydown"];
|
|
14633
|
+
const _hoisted_2$a = { class: "kds-multiselect-list-box-content-grid" };
|
|
14634
|
+
const _hoisted_3$a = {
|
|
14511
14635
|
key: 0,
|
|
14512
14636
|
class: "kds-multiselect-sticky-bottom"
|
|
14513
14637
|
};
|
|
14514
|
-
const _hoisted_4$
|
|
14638
|
+
const _hoisted_4$9 = {
|
|
14515
14639
|
key: 0,
|
|
14516
14640
|
class: "kds-multiselect-empty"
|
|
14517
14641
|
};
|
|
14518
|
-
const _sfc_main$
|
|
14642
|
+
const _sfc_main$s = /* @__PURE__ */ defineComponent({
|
|
14519
14643
|
__name: "KdsMultiSelectListBox",
|
|
14520
14644
|
props: /* @__PURE__ */ mergeModels({
|
|
14521
14645
|
description: {},
|
|
@@ -14768,7 +14892,7 @@ const _sfc_main$q = /* @__PURE__ */ defineComponent({
|
|
|
14768
14892
|
onBlur: _cache[17] || (_cache[17] = //@ts-ignore
|
|
14769
14893
|
(...args) => unref(onBlur) && unref(onBlur)(...args))
|
|
14770
14894
|
}), [
|
|
14771
|
-
createElementVNode("div", _hoisted_2$
|
|
14895
|
+
createElementVNode("div", _hoisted_2$a, [
|
|
14772
14896
|
createElementVNode("div", mergeProps({ class: "kds-multiselect-list-box-content" }, unref(wrapperProps)), [
|
|
14773
14897
|
(openBlock(true), createElementBlock(Fragment, null, renderList(unref(virtualList), ({ data: item, index }) => {
|
|
14774
14898
|
return openBlock(), createBlock(unref(KdsListItem), {
|
|
@@ -14795,7 +14919,7 @@ const _sfc_main$q = /* @__PURE__ */ defineComponent({
|
|
|
14795
14919
|
}, null, 8, ["id", "class", "text", "accessory", "missing", "special", "data-option-index", "selected", "disabled", "active", "trailing-icon", "onDblclick", "onClick"]);
|
|
14796
14920
|
}), 128))
|
|
14797
14921
|
], 16),
|
|
14798
|
-
visibleBottomValue.value ? (openBlock(), createElementBlock("div", _hoisted_3$
|
|
14922
|
+
visibleBottomValue.value ? (openBlock(), createElementBlock("div", _hoisted_3$a, [
|
|
14799
14923
|
createVNode(unref(KdsListItem), {
|
|
14800
14924
|
id: generateOptionId(visibleBottomValue.value.id),
|
|
14801
14925
|
text: visibleBottomValue.value.text,
|
|
@@ -14815,8 +14939,8 @@ const _sfc_main$q = /* @__PURE__ */ defineComponent({
|
|
|
14815
14939
|
}, null, 8, ["id", "text", "accessory", "missing", "data-option-index", "selected", "disabled", "active", "trailing-icon"])
|
|
14816
14940
|
])) : createCommentVNode("", true)
|
|
14817
14941
|
])
|
|
14818
|
-
], 16, _hoisted_1$
|
|
14819
|
-
visiblePossibleValues.value.length === 0 && !visibleBottomValue.value ? (openBlock(), createElementBlock("div", _hoisted_4$
|
|
14942
|
+
], 16, _hoisted_1$l),
|
|
14943
|
+
visiblePossibleValues.value.length === 0 && !visibleBottomValue.value ? (openBlock(), createElementBlock("div", _hoisted_4$9, [
|
|
14820
14944
|
createVNode(KdsEmptyState, {
|
|
14821
14945
|
headline: __props.loading ? "Loading data…" : __props.emptyStateLabel,
|
|
14822
14946
|
"loading-spinner": __props.loading,
|
|
@@ -14834,16 +14958,16 @@ const _sfc_main$q = /* @__PURE__ */ defineComponent({
|
|
|
14834
14958
|
}
|
|
14835
14959
|
});
|
|
14836
14960
|
|
|
14837
|
-
const KdsMultiSelectListBox = /* @__PURE__ */ _export_sfc(_sfc_main$
|
|
14961
|
+
const KdsMultiSelectListBox = /* @__PURE__ */ _export_sfc(_sfc_main$s, [["__scopeId", "data-v-2c5e2dda"]]);
|
|
14838
14962
|
|
|
14839
|
-
const _hoisted_1$
|
|
14840
|
-
const _hoisted_2$
|
|
14841
|
-
const _hoisted_3$
|
|
14842
|
-
const _hoisted_4$
|
|
14963
|
+
const _hoisted_1$k = { class: "kds-list-column" };
|
|
14964
|
+
const _hoisted_2$9 = { class: "kds-list-header" };
|
|
14965
|
+
const _hoisted_3$9 = { class: "kds-list-label" };
|
|
14966
|
+
const _hoisted_4$8 = {
|
|
14843
14967
|
key: 0,
|
|
14844
14968
|
class: "kds-list-count"
|
|
14845
14969
|
};
|
|
14846
|
-
const _hoisted_5$
|
|
14970
|
+
const _hoisted_5$4 = { class: "kds-button-column" };
|
|
14847
14971
|
const _hoisted_6$2 = { class: "kds-list-column" };
|
|
14848
14972
|
const _hoisted_7$1 = { class: "kds-list-header" };
|
|
14849
14973
|
const _hoisted_8$1 = { class: "kds-list-label" };
|
|
@@ -14852,7 +14976,7 @@ const _hoisted_9$1 = {
|
|
|
14852
14976
|
class: "kds-list-count"
|
|
14853
14977
|
};
|
|
14854
14978
|
const UNKNOWN_VALUE_ID = "__unknown-value-option__";
|
|
14855
|
-
const _sfc_main$
|
|
14979
|
+
const _sfc_main$r = /* @__PURE__ */ defineComponent({
|
|
14856
14980
|
__name: "TwinListBody",
|
|
14857
14981
|
props: /* @__PURE__ */ mergeModels({
|
|
14858
14982
|
disabled: { type: Boolean, default: false },
|
|
@@ -15026,10 +15150,10 @@ const _sfc_main$p = /* @__PURE__ */ defineComponent({
|
|
|
15026
15150
|
class: "kds-twin-list-body",
|
|
15027
15151
|
style: normalizeStyle(contentStyle)
|
|
15028
15152
|
}, [
|
|
15029
|
-
createElementVNode("div", _hoisted_1$
|
|
15030
|
-
createElementVNode("div", _hoisted_2$
|
|
15031
|
-
createElementVNode("span", _hoisted_3$
|
|
15032
|
-
!__props.loading && __props.searchTerm ? (openBlock(), createElementBlock("span", _hoisted_4$
|
|
15153
|
+
createElementVNode("div", _hoisted_1$k, [
|
|
15154
|
+
createElementVNode("div", _hoisted_2$9, [
|
|
15155
|
+
createElementVNode("span", _hoisted_3$9, toDisplayString(__props.excludeLabel), 1),
|
|
15156
|
+
!__props.loading && __props.searchTerm ? (openBlock(), createElementBlock("span", _hoisted_4$8, toDisplayString(leftOptions.value.length) + " of " + toDisplayString(excludedItems.value.length), 1)) : createCommentVNode("", true)
|
|
15033
15157
|
]),
|
|
15034
15158
|
createVNode(unref(KdsMultiSelectListBox), {
|
|
15035
15159
|
modelValue: leftSelected.value,
|
|
@@ -15048,8 +15172,8 @@ const _sfc_main$p = /* @__PURE__ */ defineComponent({
|
|
|
15048
15172
|
onKeyEnter: moveRight
|
|
15049
15173
|
}, null, 8, ["modelValue", "possible-values", "ariaLabel", "disabled", "error", "loading", "empty-state-label", "bottom-value"])
|
|
15050
15174
|
]),
|
|
15051
|
-
createElementVNode("div", _hoisted_5$
|
|
15052
|
-
createVNode(unref(_sfc_main$
|
|
15175
|
+
createElementVNode("div", _hoisted_5$4, [
|
|
15176
|
+
createVNode(unref(_sfc_main$1n), {
|
|
15053
15177
|
"leading-icon": "chevron-right",
|
|
15054
15178
|
ariaLabel: "Move selected values right",
|
|
15055
15179
|
title: "Move selected values right",
|
|
@@ -15058,7 +15182,7 @@ const _sfc_main$p = /* @__PURE__ */ defineComponent({
|
|
|
15058
15182
|
disabled: effectiveDisabled.value || leftSelected.value.length === 0,
|
|
15059
15183
|
onClick: _cache[2] || (_cache[2] = ($event) => moveRight(leftSelected.value))
|
|
15060
15184
|
}, null, 8, ["disabled"]),
|
|
15061
|
-
createVNode(unref(_sfc_main$
|
|
15185
|
+
createVNode(unref(_sfc_main$1n), {
|
|
15062
15186
|
"leading-icon": "chevron-right-double",
|
|
15063
15187
|
ariaLabel: "Move all values right",
|
|
15064
15188
|
title: "Move all values right",
|
|
@@ -15070,7 +15194,7 @@ const _sfc_main$p = /* @__PURE__ */ defineComponent({
|
|
|
15070
15194
|
...showUnknownValues.value && !modelValue.value.includeUnknownValues ? [UNKNOWN_VALUE_ID] : []
|
|
15071
15195
|
]))
|
|
15072
15196
|
}, null, 8, ["disabled"]),
|
|
15073
|
-
createVNode(unref(_sfc_main$
|
|
15197
|
+
createVNode(unref(_sfc_main$1n), {
|
|
15074
15198
|
"leading-icon": "chevron-left",
|
|
15075
15199
|
ariaLabel: "Move selected values left",
|
|
15076
15200
|
title: "Move selected values left",
|
|
@@ -15079,7 +15203,7 @@ const _sfc_main$p = /* @__PURE__ */ defineComponent({
|
|
|
15079
15203
|
disabled: effectiveDisabled.value || rightSelected.value.length === 0,
|
|
15080
15204
|
onClick: _cache[4] || (_cache[4] = ($event) => moveLeft(rightSelected.value))
|
|
15081
15205
|
}, null, 8, ["disabled"]),
|
|
15082
|
-
createVNode(unref(_sfc_main$
|
|
15206
|
+
createVNode(unref(_sfc_main$1n), {
|
|
15083
15207
|
"leading-icon": "chevron-left-double",
|
|
15084
15208
|
ariaLabel: "Move all values left",
|
|
15085
15209
|
title: "Move all values left",
|
|
@@ -15122,7 +15246,7 @@ const _sfc_main$p = /* @__PURE__ */ defineComponent({
|
|
|
15122
15246
|
}
|
|
15123
15247
|
});
|
|
15124
15248
|
|
|
15125
|
-
const TwinListBody = /* @__PURE__ */ _export_sfc(_sfc_main$
|
|
15249
|
+
const TwinListBody = /* @__PURE__ */ _export_sfc(_sfc_main$r, [["__scopeId", "data-v-11062d8e"]]);
|
|
15126
15250
|
|
|
15127
15251
|
const kdsTwinListSearchMode = {
|
|
15128
15252
|
MANUAL: "manual",
|
|
@@ -15131,7 +15255,7 @@ const kdsTwinListSearchMode = {
|
|
|
15131
15255
|
};
|
|
15132
15256
|
const kdsTwinListSearchModes = Object.values(kdsTwinListSearchMode);
|
|
15133
15257
|
|
|
15134
|
-
const _sfc_main$
|
|
15258
|
+
const _sfc_main$q = /* @__PURE__ */ defineComponent({
|
|
15135
15259
|
__name: "TwinListHeader",
|
|
15136
15260
|
props: /* @__PURE__ */ mergeModels({
|
|
15137
15261
|
filterTypes: { default: () => void 0 },
|
|
@@ -15207,7 +15331,7 @@ const _sfc_main$o = /* @__PURE__ */ defineComponent({
|
|
|
15207
15331
|
ariaLabel: "Search values",
|
|
15208
15332
|
placeholder: "Search",
|
|
15209
15333
|
disabled: __props.disabled
|
|
15210
|
-
}, null, 8, ["modelValue", "disabled"])) : mode.value === unref(kdsTwinListSearchMode).PATTERN ? (openBlock(), createBlock(unref(_sfc_main$
|
|
15334
|
+
}, null, 8, ["modelValue", "disabled"])) : mode.value === unref(kdsTwinListSearchMode).PATTERN ? (openBlock(), createBlock(unref(_sfc_main$H), {
|
|
15211
15335
|
key: 2,
|
|
15212
15336
|
modelValue: pattern.value,
|
|
15213
15337
|
"onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => pattern.value = $event),
|
|
@@ -15221,7 +15345,7 @@ const _sfc_main$o = /* @__PURE__ */ defineComponent({
|
|
|
15221
15345
|
placeholder: "Pattern",
|
|
15222
15346
|
disabled: __props.disabled,
|
|
15223
15347
|
"onUpdate:regex": _cache[6] || (_cache[6] = ($event) => emit("update:regex", $event))
|
|
15224
|
-
}, null, 8, ["modelValue", "case-sensitive", "exclude-matches", "use-regex", "disabled"])) : (openBlock(), createBlock(unref(_sfc_main$
|
|
15348
|
+
}, null, 8, ["modelValue", "case-sensitive", "exclude-matches", "use-regex", "disabled"])) : (openBlock(), createBlock(unref(_sfc_main$v), {
|
|
15225
15349
|
key: 3,
|
|
15226
15350
|
modelValue: selectedTypes.value,
|
|
15227
15351
|
"onUpdate:modelValue": _cache[7] || (_cache[7] = ($event) => selectedTypes.value = $event),
|
|
@@ -15235,8 +15359,8 @@ const _sfc_main$o = /* @__PURE__ */ defineComponent({
|
|
|
15235
15359
|
}
|
|
15236
15360
|
});
|
|
15237
15361
|
|
|
15238
|
-
const _hoisted_1$
|
|
15239
|
-
const _sfc_main$
|
|
15362
|
+
const _hoisted_1$j = { class: "kds-twin-list" };
|
|
15363
|
+
const _sfc_main$p = /* @__PURE__ */ defineComponent({
|
|
15240
15364
|
__name: "KdsTwinList",
|
|
15241
15365
|
props: /* @__PURE__ */ mergeModels({
|
|
15242
15366
|
description: {},
|
|
@@ -15367,8 +15491,8 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
|
|
|
15367
15491
|
"preserve-sub-text-space": __props.preserveSubTextSpace
|
|
15368
15492
|
}, {
|
|
15369
15493
|
default: withCtx(() => [
|
|
15370
|
-
createElementVNode("div", _hoisted_1$
|
|
15371
|
-
createVNode(_sfc_main$
|
|
15494
|
+
createElementVNode("div", _hoisted_1$j, [
|
|
15495
|
+
createVNode(_sfc_main$q, {
|
|
15372
15496
|
mode: mode.value,
|
|
15373
15497
|
"onUpdate:mode": _cache[0] || (_cache[0] = ($event) => mode.value = $event),
|
|
15374
15498
|
pattern: pattern.value,
|
|
@@ -15409,7 +15533,7 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
|
|
|
15409
15533
|
}
|
|
15410
15534
|
});
|
|
15411
15535
|
|
|
15412
|
-
const KdsTwinList = /* @__PURE__ */ _export_sfc(_sfc_main$
|
|
15536
|
+
const KdsTwinList = /* @__PURE__ */ _export_sfc(_sfc_main$p, [["__scopeId", "data-v-1a9327b5"]]);
|
|
15413
15537
|
|
|
15414
15538
|
const useSortableListBoxReorder = ({
|
|
15415
15539
|
orderedIds,
|
|
@@ -15468,11 +15592,11 @@ const useSortableListBoxReorder = ({
|
|
|
15468
15592
|
};
|
|
15469
15593
|
};
|
|
15470
15594
|
|
|
15471
|
-
const _hoisted_1$
|
|
15472
|
-
const _hoisted_2$
|
|
15473
|
-
const _hoisted_3$
|
|
15474
|
-
const _hoisted_4$
|
|
15475
|
-
const _sfc_main$
|
|
15595
|
+
const _hoisted_1$i = { class: "kds-sortable-list-box-wrapper" };
|
|
15596
|
+
const _hoisted_2$8 = { class: "kds-sortable-top-buttons" };
|
|
15597
|
+
const _hoisted_3$8 = { class: "kds-sortable-top-buttons-left" };
|
|
15598
|
+
const _hoisted_4$7 = { class: "kds-sortable-footer-buttons" };
|
|
15599
|
+
const _sfc_main$o = /* @__PURE__ */ defineComponent({
|
|
15476
15600
|
__name: "KdsSortableListBox",
|
|
15477
15601
|
props: /* @__PURE__ */ mergeModels({
|
|
15478
15602
|
possibleValues: {},
|
|
@@ -15529,10 +15653,10 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent({
|
|
|
15529
15653
|
"preserve-sub-text-space": __props.preserveSubTextSpace
|
|
15530
15654
|
}), {
|
|
15531
15655
|
default: withCtx(() => [
|
|
15532
|
-
createElementVNode("div", _hoisted_1$
|
|
15533
|
-
createElementVNode("div", _hoisted_2$
|
|
15534
|
-
createElementVNode("div", _hoisted_3$
|
|
15535
|
-
createVNode(_sfc_main$
|
|
15656
|
+
createElementVNode("div", _hoisted_1$i, [
|
|
15657
|
+
createElementVNode("div", _hoisted_2$8, [
|
|
15658
|
+
createElementVNode("div", _hoisted_3$8, [
|
|
15659
|
+
createVNode(_sfc_main$1n, {
|
|
15536
15660
|
size: "small",
|
|
15537
15661
|
variant: "transparent",
|
|
15538
15662
|
"leading-icon": "sort-descending",
|
|
@@ -15540,7 +15664,7 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent({
|
|
|
15540
15664
|
disabled: __props.disabled,
|
|
15541
15665
|
onClick: _cache[0] || (_cache[0] = ($event) => applyReorder(unref(sortByText)(true, optionLookup.value)))
|
|
15542
15666
|
}, null, 8, ["disabled"]),
|
|
15543
|
-
createVNode(_sfc_main$
|
|
15667
|
+
createVNode(_sfc_main$1n, {
|
|
15544
15668
|
size: "small",
|
|
15545
15669
|
variant: "transparent",
|
|
15546
15670
|
"leading-icon": "sort-ascending",
|
|
@@ -15549,7 +15673,7 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent({
|
|
|
15549
15673
|
onClick: _cache[1] || (_cache[1] = ($event) => applyReorder(unref(sortByText)(false, optionLookup.value)))
|
|
15550
15674
|
}, null, 8, ["disabled"])
|
|
15551
15675
|
]),
|
|
15552
|
-
createVNode(_sfc_main$
|
|
15676
|
+
createVNode(_sfc_main$1n, {
|
|
15553
15677
|
size: "small",
|
|
15554
15678
|
variant: "transparent",
|
|
15555
15679
|
destructive: "",
|
|
@@ -15570,8 +15694,8 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent({
|
|
|
15570
15694
|
ariaLabel: formFieldProps.label ?? formFieldProps.ariaLabel ?? ""
|
|
15571
15695
|
/* fallback only for TS */
|
|
15572
15696
|
}, null, 8, ["modelValue", "possible-values", "disabled", "error", "ariaLabel"]),
|
|
15573
|
-
createElementVNode("div", _hoisted_4$
|
|
15574
|
-
createVNode(_sfc_main$
|
|
15697
|
+
createElementVNode("div", _hoisted_4$7, [
|
|
15698
|
+
createVNode(_sfc_main$1n, {
|
|
15575
15699
|
size: "small",
|
|
15576
15700
|
variant: "transparent",
|
|
15577
15701
|
"leading-icon": "to-top",
|
|
@@ -15580,7 +15704,7 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent({
|
|
|
15580
15704
|
disabled: __props.disabled || !unref(canMoveUp),
|
|
15581
15705
|
onClick: moveToTop
|
|
15582
15706
|
}, null, 8, ["disabled"]),
|
|
15583
|
-
createVNode(_sfc_main$
|
|
15707
|
+
createVNode(_sfc_main$1n, {
|
|
15584
15708
|
size: "small",
|
|
15585
15709
|
variant: "transparent",
|
|
15586
15710
|
"leading-icon": "to-bottom",
|
|
@@ -15589,7 +15713,7 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent({
|
|
|
15589
15713
|
disabled: __props.disabled || !unref(canMoveDown),
|
|
15590
15714
|
onClick: moveToBottom
|
|
15591
15715
|
}, null, 8, ["disabled"]),
|
|
15592
|
-
createVNode(_sfc_main$
|
|
15716
|
+
createVNode(_sfc_main$1n, {
|
|
15593
15717
|
size: "small",
|
|
15594
15718
|
variant: "transparent",
|
|
15595
15719
|
"leading-icon": "arrow-up",
|
|
@@ -15598,7 +15722,7 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent({
|
|
|
15598
15722
|
disabled: __props.disabled || !unref(canMoveUp),
|
|
15599
15723
|
onClick: moveUp
|
|
15600
15724
|
}, null, 8, ["disabled"]),
|
|
15601
|
-
createVNode(_sfc_main$
|
|
15725
|
+
createVNode(_sfc_main$1n, {
|
|
15602
15726
|
size: "small",
|
|
15603
15727
|
variant: "transparent",
|
|
15604
15728
|
"leading-icon": "arrow-down",
|
|
@@ -15616,10 +15740,10 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent({
|
|
|
15616
15740
|
}
|
|
15617
15741
|
});
|
|
15618
15742
|
|
|
15619
|
-
const KdsSortableListBox = /* @__PURE__ */ _export_sfc(_sfc_main$
|
|
15743
|
+
const KdsSortableListBox = /* @__PURE__ */ _export_sfc(_sfc_main$o, [["__scopeId", "data-v-ee7b63e2"]]);
|
|
15620
15744
|
|
|
15621
|
-
const _hoisted_1$
|
|
15622
|
-
const _sfc_main$
|
|
15745
|
+
const _hoisted_1$h = { class: "kds-info-popover-content" };
|
|
15746
|
+
const _sfc_main$n = /* @__PURE__ */ defineComponent({
|
|
15623
15747
|
__name: "InfoPopover",
|
|
15624
15748
|
props: {
|
|
15625
15749
|
content: {}
|
|
@@ -15627,7 +15751,7 @@ const _sfc_main$l = /* @__PURE__ */ defineComponent({
|
|
|
15627
15751
|
setup(__props) {
|
|
15628
15752
|
const props = __props;
|
|
15629
15753
|
return (_ctx, _cache) => {
|
|
15630
|
-
return openBlock(), createElementBlock("div", _hoisted_1$
|
|
15754
|
+
return openBlock(), createElementBlock("div", _hoisted_1$h, [
|
|
15631
15755
|
renderSlot(_ctx.$slots, "default", {}, () => [
|
|
15632
15756
|
createTextVNode(toDisplayString(props.content), 1)
|
|
15633
15757
|
], true)
|
|
@@ -15636,11 +15760,11 @@ const _sfc_main$l = /* @__PURE__ */ defineComponent({
|
|
|
15636
15760
|
}
|
|
15637
15761
|
});
|
|
15638
15762
|
|
|
15639
|
-
const InfoPopover = /* @__PURE__ */ _export_sfc(_sfc_main$
|
|
15763
|
+
const InfoPopover = /* @__PURE__ */ _export_sfc(_sfc_main$n, [["__scopeId", "data-v-951f2a2b"]]);
|
|
15640
15764
|
|
|
15641
|
-
const _hoisted_1$
|
|
15765
|
+
const _hoisted_1$g = ["aria-pressed", "aria-expanded", "aria-controls"];
|
|
15642
15766
|
const TITLE = "Click for more information";
|
|
15643
|
-
const _sfc_main$
|
|
15767
|
+
const _sfc_main$m = /* @__PURE__ */ defineComponent({
|
|
15644
15768
|
__name: "KdsInfoToggleButton",
|
|
15645
15769
|
props: /* @__PURE__ */ mergeModels({
|
|
15646
15770
|
content: {},
|
|
@@ -15682,7 +15806,7 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent({
|
|
|
15682
15806
|
name: "circle-question",
|
|
15683
15807
|
size: "small"
|
|
15684
15808
|
})
|
|
15685
|
-
], 16, _hoisted_1$
|
|
15809
|
+
], 16, _hoisted_1$g),
|
|
15686
15810
|
createVNode(KdsPopover, {
|
|
15687
15811
|
ref_key: "popoverEl",
|
|
15688
15812
|
ref: popoverEl,
|
|
@@ -15709,18 +15833,18 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent({
|
|
|
15709
15833
|
}
|
|
15710
15834
|
});
|
|
15711
15835
|
|
|
15712
|
-
const KdsInfoToggleButton = /* @__PURE__ */ _export_sfc(_sfc_main$
|
|
15836
|
+
const KdsInfoToggleButton = /* @__PURE__ */ _export_sfc(_sfc_main$m, [["__scopeId", "data-v-2e9ef96a"]]);
|
|
15713
15837
|
|
|
15714
15838
|
const KdsInfoToggleButton$1 = /*#__PURE__*/Object.freeze(/*#__PURE__*/Object.defineProperty({
|
|
15715
15839
|
__proto__: null,
|
|
15716
15840
|
default: KdsInfoToggleButton
|
|
15717
15841
|
}, Symbol.toStringTag, { value: 'Module' }));
|
|
15718
15842
|
|
|
15719
|
-
const _hoisted_1$
|
|
15843
|
+
const _hoisted_1$f = {
|
|
15720
15844
|
class: "kds-variable-popover",
|
|
15721
15845
|
tabindex: "0"
|
|
15722
15846
|
};
|
|
15723
|
-
const _sfc_main$
|
|
15847
|
+
const _sfc_main$l = /* @__PURE__ */ defineComponent({
|
|
15724
15848
|
__name: "VariablePopover",
|
|
15725
15849
|
props: {
|
|
15726
15850
|
content: {}
|
|
@@ -15728,7 +15852,7 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
|
|
|
15728
15852
|
setup(__props) {
|
|
15729
15853
|
const props = __props;
|
|
15730
15854
|
return (_ctx, _cache) => {
|
|
15731
|
-
return openBlock(), createElementBlock("div", _hoisted_1$
|
|
15855
|
+
return openBlock(), createElementBlock("div", _hoisted_1$f, [
|
|
15732
15856
|
renderSlot(_ctx.$slots, "default", {}, () => [
|
|
15733
15857
|
createTextVNode(toDisplayString(props.content), 1)
|
|
15734
15858
|
], true)
|
|
@@ -15737,10 +15861,10 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
|
|
|
15737
15861
|
}
|
|
15738
15862
|
});
|
|
15739
15863
|
|
|
15740
|
-
const VariablePopover = /* @__PURE__ */ _export_sfc(_sfc_main$
|
|
15864
|
+
const VariablePopover = /* @__PURE__ */ _export_sfc(_sfc_main$l, [["__scopeId", "data-v-8a0c56d0"]]);
|
|
15741
15865
|
|
|
15742
|
-
const _hoisted_1$
|
|
15743
|
-
const _sfc_main$
|
|
15866
|
+
const _hoisted_1$e = ["title", "aria-label", "aria-pressed", "aria-expanded", "aria-controls"];
|
|
15867
|
+
const _sfc_main$k = /* @__PURE__ */ defineComponent({
|
|
15744
15868
|
__name: "KdsVariableToggleButton",
|
|
15745
15869
|
props: /* @__PURE__ */ mergeModels({
|
|
15746
15870
|
content: {},
|
|
@@ -15829,7 +15953,7 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
|
|
|
15829
15953
|
name: iconName.value,
|
|
15830
15954
|
size: "small"
|
|
15831
15955
|
}, null, 8, ["name"])
|
|
15832
|
-
], 16, _hoisted_1$
|
|
15956
|
+
], 16, _hoisted_1$e),
|
|
15833
15957
|
createVNode(KdsPopover, {
|
|
15834
15958
|
ref_key: "popoverEl",
|
|
15835
15959
|
ref: popoverEl,
|
|
@@ -15857,15 +15981,15 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
|
|
|
15857
15981
|
}
|
|
15858
15982
|
});
|
|
15859
15983
|
|
|
15860
|
-
const KdsVariableToggleButton = /* @__PURE__ */ _export_sfc(_sfc_main$
|
|
15984
|
+
const KdsVariableToggleButton = /* @__PURE__ */ _export_sfc(_sfc_main$k, [["__scopeId", "data-v-b6d29842"]]);
|
|
15861
15985
|
|
|
15862
|
-
const _hoisted_1$
|
|
15863
|
-
const _hoisted_2$
|
|
15864
|
-
const _hoisted_3$
|
|
15865
|
-
const _hoisted_4$
|
|
15866
|
-
const _hoisted_5$
|
|
15986
|
+
const _hoisted_1$d = { class: "kds-accordion" };
|
|
15987
|
+
const _hoisted_2$7 = ["name", "open", "onToggle"];
|
|
15988
|
+
const _hoisted_3$7 = ["aria-disabled", "tabindex", "onClick", "onKeydown"];
|
|
15989
|
+
const _hoisted_4$6 = { class: "kds-accordion-headline-container" };
|
|
15990
|
+
const _hoisted_5$3 = { class: "kds-accordion-headline" };
|
|
15867
15991
|
const _hoisted_6$1 = { class: "kds-accordion-content" };
|
|
15868
|
-
const _sfc_main$
|
|
15992
|
+
const _sfc_main$j = /* @__PURE__ */ defineComponent({
|
|
15869
15993
|
__name: "KdsAccordion",
|
|
15870
15994
|
props: /* @__PURE__ */ mergeModels({
|
|
15871
15995
|
items: {},
|
|
@@ -15990,7 +16114,7 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
|
|
|
15990
16114
|
() => __props.singleExpand ? `kds-accordion-${accordionId}` : void 0
|
|
15991
16115
|
);
|
|
15992
16116
|
return (_ctx, _cache) => {
|
|
15993
|
-
return openBlock(), createElementBlock("div", _hoisted_1$
|
|
16117
|
+
return openBlock(), createElementBlock("div", _hoisted_1$d, [
|
|
15994
16118
|
(openBlock(true), createElementBlock(Fragment, null, renderList(__props.items, (item) => {
|
|
15995
16119
|
return openBlock(), createElementBlock("details", {
|
|
15996
16120
|
key: item.id,
|
|
@@ -16008,56 +16132,56 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
|
|
|
16008
16132
|
onClick: ($event) => onSummaryClick($event, item),
|
|
16009
16133
|
onKeydown: ($event) => handleTriggerKeydown($event, item)
|
|
16010
16134
|
}, [
|
|
16011
|
-
createElementVNode("span", _hoisted_4$
|
|
16135
|
+
createElementVNode("span", _hoisted_4$6, [
|
|
16012
16136
|
item.leadingIcon ? (openBlock(), createBlock(KdsIcon, {
|
|
16013
16137
|
key: 0,
|
|
16014
16138
|
name: item.leadingIcon,
|
|
16015
16139
|
size: "small",
|
|
16016
16140
|
disabled: item.disabled
|
|
16017
16141
|
}, null, 8, ["name", "disabled"])) : createCommentVNode("", true),
|
|
16018
|
-
createElementVNode("span", _hoisted_5$
|
|
16142
|
+
createElementVNode("span", _hoisted_5$3, toDisplayString(item.headline), 1)
|
|
16019
16143
|
]),
|
|
16020
16144
|
createVNode(KdsIcon, {
|
|
16021
16145
|
name: isItemExpanded(item.id) ? "chevron-up" : "chevron-down",
|
|
16022
16146
|
size: "small"
|
|
16023
16147
|
}, null, 8, ["name"])
|
|
16024
|
-
], 40, _hoisted_3$
|
|
16148
|
+
], 40, _hoisted_3$7),
|
|
16025
16149
|
createElementVNode("div", _hoisted_6$1, [
|
|
16026
16150
|
renderSlot(_ctx.$slots, item.id, { item }, void 0, true)
|
|
16027
16151
|
])
|
|
16028
|
-
], 40, _hoisted_2$
|
|
16152
|
+
], 40, _hoisted_2$7);
|
|
16029
16153
|
}), 128))
|
|
16030
16154
|
]);
|
|
16031
16155
|
};
|
|
16032
16156
|
}
|
|
16033
16157
|
});
|
|
16034
16158
|
|
|
16035
|
-
const KdsAccordion = /* @__PURE__ */ _export_sfc(_sfc_main$
|
|
16159
|
+
const KdsAccordion = /* @__PURE__ */ _export_sfc(_sfc_main$j, [["__scopeId", "data-v-0beea165"]]);
|
|
16036
16160
|
|
|
16037
|
-
const _hoisted_1$
|
|
16038
|
-
const _hoisted_2$
|
|
16161
|
+
const _hoisted_1$c = { class: "kds-card-header" };
|
|
16162
|
+
const _hoisted_2$6 = {
|
|
16039
16163
|
key: 0,
|
|
16040
16164
|
class: "accessory"
|
|
16041
16165
|
};
|
|
16042
|
-
const _hoisted_3$
|
|
16043
|
-
const _hoisted_4$
|
|
16166
|
+
const _hoisted_3$6 = { key: 1 };
|
|
16167
|
+
const _hoisted_4$5 = {
|
|
16044
16168
|
key: 2,
|
|
16045
16169
|
class: "actions",
|
|
16046
16170
|
"data-kds-card-secondary-action": ""
|
|
16047
16171
|
};
|
|
16048
|
-
const _sfc_main$
|
|
16172
|
+
const _sfc_main$i = /* @__PURE__ */ defineComponent({
|
|
16049
16173
|
__name: "CardHeader",
|
|
16050
16174
|
props: {
|
|
16051
16175
|
headline: {}
|
|
16052
16176
|
},
|
|
16053
16177
|
setup(__props) {
|
|
16054
16178
|
return (_ctx, _cache) => {
|
|
16055
|
-
return openBlock(), createElementBlock("div", _hoisted_1$
|
|
16056
|
-
_ctx.$slots.accessory ? (openBlock(), createElementBlock("div", _hoisted_2$
|
|
16179
|
+
return openBlock(), createElementBlock("div", _hoisted_1$c, [
|
|
16180
|
+
_ctx.$slots.accessory ? (openBlock(), createElementBlock("div", _hoisted_2$6, [
|
|
16057
16181
|
renderSlot(_ctx.$slots, "accessory", {}, void 0, true)
|
|
16058
16182
|
])) : createCommentVNode("", true),
|
|
16059
|
-
__props.headline ? (openBlock(), createElementBlock("h6", _hoisted_3$
|
|
16060
|
-
_ctx.$slots.actions ? (openBlock(), createElementBlock("div", _hoisted_4$
|
|
16183
|
+
__props.headline ? (openBlock(), createElementBlock("h6", _hoisted_3$6, toDisplayString(__props.headline), 1)) : createCommentVNode("", true),
|
|
16184
|
+
_ctx.$slots.actions ? (openBlock(), createElementBlock("div", _hoisted_4$5, [
|
|
16061
16185
|
renderSlot(_ctx.$slots, "actions", {}, void 0, true)
|
|
16062
16186
|
])) : createCommentVNode("", true)
|
|
16063
16187
|
]);
|
|
@@ -16065,9 +16189,9 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
|
|
|
16065
16189
|
}
|
|
16066
16190
|
});
|
|
16067
16191
|
|
|
16068
|
-
const CardHeader = /* @__PURE__ */ _export_sfc(_sfc_main$
|
|
16192
|
+
const CardHeader = /* @__PURE__ */ _export_sfc(_sfc_main$i, [["__scopeId", "data-v-09093cc0"]]);
|
|
16069
16193
|
|
|
16070
|
-
const _sfc_main$
|
|
16194
|
+
const _sfc_main$h = /* @__PURE__ */ defineComponent({
|
|
16071
16195
|
__name: "BaseCard",
|
|
16072
16196
|
props: {
|
|
16073
16197
|
variant: {},
|
|
@@ -16106,9 +16230,9 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
|
|
|
16106
16230
|
}
|
|
16107
16231
|
});
|
|
16108
16232
|
|
|
16109
|
-
const BaseCard = /* @__PURE__ */ _export_sfc(_sfc_main$
|
|
16233
|
+
const BaseCard = /* @__PURE__ */ _export_sfc(_sfc_main$h, [["__scopeId", "data-v-a1aff6d6"]]);
|
|
16110
16234
|
|
|
16111
|
-
const _sfc_main$
|
|
16235
|
+
const _sfc_main$g = /* @__PURE__ */ defineComponent({
|
|
16112
16236
|
__name: "KdsCard",
|
|
16113
16237
|
props: {
|
|
16114
16238
|
variant: { default: "outlined" },
|
|
@@ -16145,8 +16269,8 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
|
|
|
16145
16269
|
}
|
|
16146
16270
|
});
|
|
16147
16271
|
|
|
16148
|
-
const _hoisted_1$
|
|
16149
|
-
const _sfc_main$
|
|
16272
|
+
const _hoisted_1$b = ["aria-label", "aria-labelledby", "disabled"];
|
|
16273
|
+
const _sfc_main$f = /* @__PURE__ */ defineComponent({
|
|
16150
16274
|
__name: "KdsClickableCard",
|
|
16151
16275
|
props: {
|
|
16152
16276
|
variant: { default: "filled" },
|
|
@@ -16179,7 +16303,7 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
|
|
|
16179
16303
|
disabled: __props.disabled,
|
|
16180
16304
|
"data-kds-card-primary-action": "",
|
|
16181
16305
|
onClick
|
|
16182
|
-
}, null, 8, _hoisted_1$
|
|
16306
|
+
}, null, 8, _hoisted_1$b)
|
|
16183
16307
|
]),
|
|
16184
16308
|
default: withCtx(() => [
|
|
16185
16309
|
renderSlot(_ctx.$slots, "default", {}, void 0, true)
|
|
@@ -16205,9 +16329,9 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
|
|
|
16205
16329
|
}
|
|
16206
16330
|
});
|
|
16207
16331
|
|
|
16208
|
-
const KdsClickableCard = /* @__PURE__ */ _export_sfc(_sfc_main$
|
|
16332
|
+
const KdsClickableCard = /* @__PURE__ */ _export_sfc(_sfc_main$f, [["__scopeId", "data-v-04004cbf"]]);
|
|
16209
16333
|
|
|
16210
|
-
const _sfc_main$
|
|
16334
|
+
const _sfc_main$e = /* @__PURE__ */ defineComponent({
|
|
16211
16335
|
__name: "KdsLinkCard",
|
|
16212
16336
|
props: {
|
|
16213
16337
|
variant: { default: "filled" },
|
|
@@ -16271,10 +16395,10 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
|
|
|
16271
16395
|
}
|
|
16272
16396
|
});
|
|
16273
16397
|
|
|
16274
|
-
const KdsLinkCard = /* @__PURE__ */ _export_sfc(_sfc_main$
|
|
16398
|
+
const KdsLinkCard = /* @__PURE__ */ _export_sfc(_sfc_main$e, [["__scopeId", "data-v-1696fd9e"]]);
|
|
16275
16399
|
|
|
16276
|
-
const _hoisted_1$
|
|
16277
|
-
const _sfc_main$
|
|
16400
|
+
const _hoisted_1$a = ["aria-label", "aria-labelledby", "disabled", "aria-pressed"];
|
|
16401
|
+
const _sfc_main$d = /* @__PURE__ */ defineComponent({
|
|
16278
16402
|
__name: "KdsSelectableCard",
|
|
16279
16403
|
props: /* @__PURE__ */ mergeModels({
|
|
16280
16404
|
variant: { default: "filled" },
|
|
@@ -16312,7 +16436,7 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
|
|
|
16312
16436
|
"aria-pressed": modelValue.value,
|
|
16313
16437
|
"data-kds-card-primary-action": "",
|
|
16314
16438
|
onClick
|
|
16315
|
-
}, null, 8, _hoisted_1$
|
|
16439
|
+
}, null, 8, _hoisted_1$a)
|
|
16316
16440
|
]),
|
|
16317
16441
|
default: withCtx(() => [
|
|
16318
16442
|
renderSlot(_ctx.$slots, "default", {}, void 0, true)
|
|
@@ -16338,7 +16462,7 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
|
|
|
16338
16462
|
}
|
|
16339
16463
|
});
|
|
16340
16464
|
|
|
16341
|
-
const KdsSelectableCard = /* @__PURE__ */ _export_sfc(_sfc_main$
|
|
16465
|
+
const KdsSelectableCard = /* @__PURE__ */ _export_sfc(_sfc_main$d, [["__scopeId", "data-v-af9b9bf6"]]);
|
|
16342
16466
|
|
|
16343
16467
|
const kdsCardVariant = {
|
|
16344
16468
|
FILLED: "filled",
|
|
@@ -16359,17 +16483,17 @@ const kdsPanelBodyVariant = {
|
|
|
16359
16483
|
};
|
|
16360
16484
|
const kdsPanelBodyVariants = Object.values(kdsPanelBodyVariant);
|
|
16361
16485
|
|
|
16362
|
-
const _hoisted_1$
|
|
16363
|
-
const _hoisted_2$
|
|
16486
|
+
const _hoisted_1$9 = { class: "kds-panel" };
|
|
16487
|
+
const _hoisted_2$5 = {
|
|
16364
16488
|
key: 0,
|
|
16365
16489
|
class: "kds-panel-header"
|
|
16366
16490
|
};
|
|
16367
|
-
const _hoisted_3$
|
|
16368
|
-
const _hoisted_4$
|
|
16491
|
+
const _hoisted_3$5 = ["id"];
|
|
16492
|
+
const _hoisted_4$4 = {
|
|
16369
16493
|
key: 0,
|
|
16370
16494
|
class: "kds-panel-headline-text"
|
|
16371
16495
|
};
|
|
16372
|
-
const _hoisted_5$
|
|
16496
|
+
const _hoisted_5$2 = {
|
|
16373
16497
|
key: 1,
|
|
16374
16498
|
class: "kds-panel-header-trailing"
|
|
16375
16499
|
};
|
|
@@ -16380,7 +16504,7 @@ const _hoisted_7 = {
|
|
|
16380
16504
|
};
|
|
16381
16505
|
const _hoisted_8 = { class: "kds-panel-footer-leading" };
|
|
16382
16506
|
const _hoisted_9 = { class: "kds-panel-footer-trailing" };
|
|
16383
|
-
const _sfc_main$
|
|
16507
|
+
const _sfc_main$c = /* @__PURE__ */ defineComponent({
|
|
16384
16508
|
__name: "KdsPanel",
|
|
16385
16509
|
props: {
|
|
16386
16510
|
headline: {},
|
|
@@ -16412,37 +16536,37 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
|
|
|
16412
16536
|
() => isBodyKeyboardFocusable.value && !bodyAriaLabel.value ? slotHeadlineId.value : void 0
|
|
16413
16537
|
);
|
|
16414
16538
|
return (_ctx, _cache) => {
|
|
16415
|
-
return openBlock(), createElementBlock("div", _hoisted_1$
|
|
16416
|
-
hasHeader.value ? (openBlock(), createElementBlock("div", _hoisted_2$
|
|
16539
|
+
return openBlock(), createElementBlock("div", _hoisted_1$9, [
|
|
16540
|
+
hasHeader.value ? (openBlock(), createElementBlock("div", _hoisted_2$5, [
|
|
16417
16541
|
__props.headline ? (openBlock(), createElementBlock("div", {
|
|
16418
16542
|
key: 0,
|
|
16419
16543
|
id: unref(headlineId),
|
|
16420
16544
|
class: "kds-panel-headline"
|
|
16421
16545
|
}, [
|
|
16422
|
-
typeof __props.headline === "string" ? (openBlock(), createElementBlock("h6", _hoisted_4$
|
|
16546
|
+
typeof __props.headline === "string" ? (openBlock(), createElementBlock("h6", _hoisted_4$4, toDisplayString(__props.headline), 1)) : __props.headline.type === "button" ? (openBlock(), createBlock(_sfc_main$1n, mergeProps({ key: 1 }, __props.headline.props, {
|
|
16423
16547
|
size: "small",
|
|
16424
16548
|
onClick: __props.headline.onClick
|
|
16425
|
-
}), null, 16, ["onClick"])) : __props.headline.type === "menuButton" ? (openBlock(), createBlock(_sfc_main$
|
|
16549
|
+
}), null, 16, ["onClick"])) : __props.headline.type === "menuButton" ? (openBlock(), createBlock(_sfc_main$1c, mergeProps({ key: 2 }, __props.headline.props, {
|
|
16426
16550
|
size: "small",
|
|
16427
16551
|
onItemClick: __props.headline.onItemClick
|
|
16428
16552
|
}), null, 16, ["onItemClick"])) : createCommentVNode("", true)
|
|
16429
|
-
], 8, _hoisted_3$
|
|
16430
|
-
__props.headlineTrailingActions?.length ? (openBlock(), createElementBlock("div", _hoisted_5$
|
|
16553
|
+
], 8, _hoisted_3$5)) : createCommentVNode("", true),
|
|
16554
|
+
__props.headlineTrailingActions?.length ? (openBlock(), createElementBlock("div", _hoisted_5$2, [
|
|
16431
16555
|
(openBlock(true), createElementBlock(Fragment, null, renderList(__props.headlineTrailingActions, (action, index) => {
|
|
16432
16556
|
return openBlock(), createElementBlock(Fragment, { key: index }, [
|
|
16433
|
-
action.type === "button" ? (openBlock(), createBlock(_sfc_main$
|
|
16557
|
+
action.type === "button" ? (openBlock(), createBlock(_sfc_main$1n, mergeProps({
|
|
16434
16558
|
key: 0,
|
|
16435
16559
|
ref_for: true
|
|
16436
16560
|
}, action.props, {
|
|
16437
16561
|
size: "small",
|
|
16438
16562
|
onClick: action.onClick
|
|
16439
|
-
}), null, 16, ["onClick"])) : action.type === "toggleButton" ? (openBlock(), createBlock(_sfc_main$
|
|
16563
|
+
}), null, 16, ["onClick"])) : action.type === "toggleButton" ? (openBlock(), createBlock(_sfc_main$1k, mergeProps({
|
|
16440
16564
|
key: 1,
|
|
16441
16565
|
ref_for: true
|
|
16442
16566
|
}, action.props, {
|
|
16443
16567
|
size: "small",
|
|
16444
16568
|
"onUpdate:modelValue": action.onUpdateModelValue
|
|
16445
|
-
}), null, 16, ["onUpdate:modelValue"])) : action.type === "menuButton" ? (openBlock(), createBlock(_sfc_main$
|
|
16569
|
+
}), null, 16, ["onUpdate:modelValue"])) : action.type === "menuButton" ? (openBlock(), createBlock(_sfc_main$1c, mergeProps({
|
|
16446
16570
|
key: 2,
|
|
16447
16571
|
ref_for: true
|
|
16448
16572
|
}, action.props, {
|
|
@@ -16471,7 +16595,7 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
|
|
|
16471
16595
|
__props.footerLeadingActions?.length || __props.footerTrailingActions?.length ? (openBlock(), createElementBlock("div", _hoisted_7, [
|
|
16472
16596
|
createElementVNode("div", _hoisted_8, [
|
|
16473
16597
|
(openBlock(true), createElementBlock(Fragment, null, renderList(__props.footerLeadingActions, (action, index) => {
|
|
16474
|
-
return openBlock(), createBlock(_sfc_main$
|
|
16598
|
+
return openBlock(), createBlock(_sfc_main$1n, mergeProps({
|
|
16475
16599
|
key: `leading-${index}`
|
|
16476
16600
|
}, { ref_for: true }, action.props, {
|
|
16477
16601
|
onClick: action.onClick
|
|
@@ -16480,7 +16604,7 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
|
|
|
16480
16604
|
]),
|
|
16481
16605
|
createElementVNode("div", _hoisted_9, [
|
|
16482
16606
|
(openBlock(true), createElementBlock(Fragment, null, renderList(__props.footerTrailingActions, (action, index) => {
|
|
16483
|
-
return openBlock(), createBlock(_sfc_main$
|
|
16607
|
+
return openBlock(), createBlock(_sfc_main$1n, mergeProps({
|
|
16484
16608
|
key: `trailing-${index}`
|
|
16485
16609
|
}, { ref_for: true }, action.props, {
|
|
16486
16610
|
onClick: action.onClick
|
|
@@ -16493,9 +16617,9 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
|
|
|
16493
16617
|
}
|
|
16494
16618
|
});
|
|
16495
16619
|
|
|
16496
|
-
const KdsPanel = /* @__PURE__ */ _export_sfc(_sfc_main$
|
|
16620
|
+
const KdsPanel = /* @__PURE__ */ _export_sfc(_sfc_main$c, [["__scopeId", "data-v-d3124a50"]]);
|
|
16497
16621
|
|
|
16498
|
-
const _sfc_main$
|
|
16622
|
+
const _sfc_main$b = /* @__PURE__ */ defineComponent({
|
|
16499
16623
|
__name: "TabBarItemAccessory",
|
|
16500
16624
|
props: {
|
|
16501
16625
|
accessory: {},
|
|
@@ -16625,15 +16749,15 @@ const useTabBarAdaptiveLayout = ({
|
|
|
16625
16749
|
};
|
|
16626
16750
|
};
|
|
16627
16751
|
|
|
16628
|
-
const _hoisted_1$
|
|
16629
|
-
const _hoisted_2$
|
|
16630
|
-
const _hoisted_3$
|
|
16631
|
-
const _hoisted_4$
|
|
16752
|
+
const _hoisted_1$8 = { class: "kds-tab-bar-wrapper" };
|
|
16753
|
+
const _hoisted_2$4 = ["id", "title", "aria-selected", "aria-controls", "tabindex", "disabled", "onClick", "onKeydown"];
|
|
16754
|
+
const _hoisted_3$4 = { class: "kds-tab-label" };
|
|
16755
|
+
const _hoisted_4$3 = {
|
|
16632
16756
|
key: 1,
|
|
16633
16757
|
class: "kds-tab-indicator"
|
|
16634
16758
|
};
|
|
16635
16759
|
const MIN_TAB_WIDTH_TOKEN = "--kds-dimension-component-width-4x";
|
|
16636
|
-
const _sfc_main$
|
|
16760
|
+
const _sfc_main$a = /* @__PURE__ */ defineComponent({
|
|
16637
16761
|
__name: "KdsTabBar",
|
|
16638
16762
|
props: /* @__PURE__ */ mergeModels({
|
|
16639
16763
|
tabs: {},
|
|
@@ -16757,7 +16881,7 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
|
|
|
16757
16881
|
{ immediate: true }
|
|
16758
16882
|
);
|
|
16759
16883
|
return (_ctx, _cache) => {
|
|
16760
|
-
return openBlock(), createElementBlock("div", _hoisted_1$
|
|
16884
|
+
return openBlock(), createElementBlock("div", _hoisted_1$8, [
|
|
16761
16885
|
createElementVNode("div", {
|
|
16762
16886
|
ref_key: "availableWidthContainer",
|
|
16763
16887
|
ref: availableWidthContainer,
|
|
@@ -16787,15 +16911,15 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
|
|
|
16787
16911
|
onClick: ($event) => selectTab(tab),
|
|
16788
16912
|
onKeydown: ($event) => handleKeydown($event, tab)
|
|
16789
16913
|
}, [
|
|
16790
|
-
tab.accessory && !(tab.accessory.type === "icon" && unref(shouldHideIcons)) ? (openBlock(), createBlock(_sfc_main$
|
|
16914
|
+
tab.accessory && !(tab.accessory.type === "icon" && unref(shouldHideIcons)) ? (openBlock(), createBlock(_sfc_main$b, {
|
|
16791
16915
|
key: 0,
|
|
16792
16916
|
accessory: tab.accessory,
|
|
16793
16917
|
"icon-size": __props.size === "large" ? "large" : "medium",
|
|
16794
16918
|
disabled: isTabDisabled(tab)
|
|
16795
16919
|
}, null, 8, ["accessory", "icon-size", "disabled"])) : createCommentVNode("", true),
|
|
16796
|
-
createElementVNode("span", _hoisted_3$
|
|
16797
|
-
modelValue.value === tab.value ? (openBlock(), createElementBlock("span", _hoisted_4$
|
|
16798
|
-
], 42, _hoisted_2$
|
|
16920
|
+
createElementVNode("span", _hoisted_3$4, toDisplayString(tab.label), 1),
|
|
16921
|
+
modelValue.value === tab.value ? (openBlock(), createElementBlock("span", _hoisted_4$3)) : createCommentVNode("", true)
|
|
16922
|
+
], 42, _hoisted_2$4);
|
|
16799
16923
|
}), 128))
|
|
16800
16924
|
], 2)
|
|
16801
16925
|
]);
|
|
@@ -16803,7 +16927,7 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
|
|
|
16803
16927
|
}
|
|
16804
16928
|
});
|
|
16805
16929
|
|
|
16806
|
-
const KdsTabBar = /* @__PURE__ */ _export_sfc(_sfc_main$
|
|
16930
|
+
const KdsTabBar = /* @__PURE__ */ _export_sfc(_sfc_main$a, [["__scopeId", "data-v-91f95f5f"]]);
|
|
16807
16931
|
|
|
16808
16932
|
const kdsTabBarSize = {
|
|
16809
16933
|
SMALL: "small",
|
|
@@ -16811,7 +16935,7 @@ const kdsTabBarSize = {
|
|
|
16811
16935
|
};
|
|
16812
16936
|
const kdsTabBarSizes = Object.values(kdsTabBarSize);
|
|
16813
16937
|
|
|
16814
|
-
const _sfc_main$
|
|
16938
|
+
const _sfc_main$9 = /* @__PURE__ */ defineComponent({
|
|
16815
16939
|
__name: "LoadingSkeletonItem",
|
|
16816
16940
|
props: {
|
|
16817
16941
|
shape: { default: "text" }
|
|
@@ -16826,24 +16950,24 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
|
|
|
16826
16950
|
}
|
|
16827
16951
|
});
|
|
16828
16952
|
|
|
16829
|
-
const LoadingSkeletonItem = /* @__PURE__ */ _export_sfc(_sfc_main$
|
|
16953
|
+
const LoadingSkeletonItem = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["__scopeId", "data-v-86829b28"]]);
|
|
16830
16954
|
|
|
16831
|
-
const _hoisted_1$
|
|
16955
|
+
const _hoisted_1$7 = {
|
|
16832
16956
|
key: 0,
|
|
16833
16957
|
class: "kds-loading-skeleton",
|
|
16834
16958
|
"aria-busy": "true"
|
|
16835
16959
|
};
|
|
16836
|
-
const _hoisted_2$
|
|
16960
|
+
const _hoisted_2$3 = {
|
|
16837
16961
|
key: 0,
|
|
16838
16962
|
class: "kds-loading-skeleton-headline-with-paragraph"
|
|
16839
16963
|
};
|
|
16840
|
-
const _hoisted_3$
|
|
16841
|
-
const _hoisted_4$
|
|
16964
|
+
const _hoisted_3$3 = { class: "kds-loading-skeleton-paragraph-lines" };
|
|
16965
|
+
const _hoisted_4$2 = {
|
|
16842
16966
|
key: 1,
|
|
16843
16967
|
class: "kds-loading-skeleton-input-with-label"
|
|
16844
16968
|
};
|
|
16845
|
-
const _hoisted_5 = { class: "kds-loading-skeleton-list-item-text" };
|
|
16846
|
-
const _sfc_main$
|
|
16969
|
+
const _hoisted_5$1 = { class: "kds-loading-skeleton-list-item-text" };
|
|
16970
|
+
const _sfc_main$8 = /* @__PURE__ */ defineComponent({
|
|
16847
16971
|
__name: "KdsLoadingSkeleton",
|
|
16848
16972
|
props: {
|
|
16849
16973
|
variant: { default: "text" },
|
|
@@ -16856,22 +16980,22 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
|
|
|
16856
16980
|
"v59c08829": _ctx.repeatGap
|
|
16857
16981
|
}));
|
|
16858
16982
|
return (_ctx, _cache) => {
|
|
16859
|
-
return __props.loading ? (openBlock(), createElementBlock("div", _hoisted_1$
|
|
16983
|
+
return __props.loading ? (openBlock(), createElementBlock("div", _hoisted_1$7, [
|
|
16860
16984
|
(openBlock(true), createElementBlock(Fragment, null, renderList(__props.repeat, (index) => {
|
|
16861
16985
|
return openBlock(), createElementBlock(Fragment, {
|
|
16862
16986
|
key: `skeleton-${index}`
|
|
16863
16987
|
}, [
|
|
16864
|
-
__props.variant === "headline-with-paragraph" ? (openBlock(), createElementBlock("div", _hoisted_2$
|
|
16988
|
+
__props.variant === "headline-with-paragraph" ? (openBlock(), createElementBlock("div", _hoisted_2$3, [
|
|
16865
16989
|
createVNode(LoadingSkeletonItem, {
|
|
16866
16990
|
shape: "text",
|
|
16867
16991
|
class: "headline"
|
|
16868
16992
|
}),
|
|
16869
|
-
createElementVNode("div", _hoisted_3$
|
|
16993
|
+
createElementVNode("div", _hoisted_3$3, [
|
|
16870
16994
|
createVNode(LoadingSkeletonItem, { shape: "text" }),
|
|
16871
16995
|
createVNode(LoadingSkeletonItem, { shape: "text" }),
|
|
16872
16996
|
createVNode(LoadingSkeletonItem, { shape: "text" })
|
|
16873
16997
|
])
|
|
16874
|
-
])) : __props.variant === "input-with-label" ? (openBlock(), createElementBlock("div", _hoisted_4$
|
|
16998
|
+
])) : __props.variant === "input-with-label" ? (openBlock(), createElementBlock("div", _hoisted_4$2, [
|
|
16875
16999
|
createVNode(LoadingSkeletonItem, {
|
|
16876
17000
|
shape: "label",
|
|
16877
17001
|
class: "label"
|
|
@@ -16891,7 +17015,7 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
|
|
|
16891
17015
|
createVNode(LoadingSkeletonItem, {
|
|
16892
17016
|
shape: __props.variant.startsWith("list-item-large") ? "icon-large" : "icon-small"
|
|
16893
17017
|
}, null, 8, ["shape"]),
|
|
16894
|
-
createElementVNode("div", _hoisted_5, [
|
|
17018
|
+
createElementVNode("div", _hoisted_5$1, [
|
|
16895
17019
|
createVNode(LoadingSkeletonItem, { shape: "text" }),
|
|
16896
17020
|
__props.variant.endsWith("subtext") ? (openBlock(), createBlock(LoadingSkeletonItem, {
|
|
16897
17021
|
key: 0,
|
|
@@ -16911,7 +17035,7 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
|
|
|
16911
17035
|
}
|
|
16912
17036
|
});
|
|
16913
17037
|
|
|
16914
|
-
const KdsLoadingSkeleton = /* @__PURE__ */ _export_sfc(_sfc_main$
|
|
17038
|
+
const KdsLoadingSkeleton = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["__scopeId", "data-v-e6597718"]]);
|
|
16915
17039
|
|
|
16916
17040
|
const loadingSkeletonItemShape = {
|
|
16917
17041
|
TEXT: "text",
|
|
@@ -16938,7 +17062,7 @@ const kdsLoadingSkeletonVariants = Object.values(
|
|
|
16938
17062
|
kdsLoadingSkeletonVariant
|
|
16939
17063
|
);
|
|
16940
17064
|
|
|
16941
|
-
const _sfc_main$
|
|
17065
|
+
const _sfc_main$7 = /* @__PURE__ */ defineComponent({
|
|
16942
17066
|
__name: "KdsNavItem",
|
|
16943
17067
|
props: {
|
|
16944
17068
|
label: {},
|
|
@@ -17031,7 +17155,7 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
|
|
|
17031
17155
|
disabled: __props.disabled
|
|
17032
17156
|
}, null, 8, ["name", "disabled"])) : createCommentVNode("", true),
|
|
17033
17157
|
__props.badge ? (openBlock(), createBlock(unref(KdsBadge), mergeProps({ key: 1 }, __props.badge, { size: "xxsmall" }), null, 16)) : createCommentVNode("", true),
|
|
17034
|
-
__props.trailingButton ? (openBlock(), createBlock(unref(_sfc_main$
|
|
17158
|
+
__props.trailingButton ? (openBlock(), createBlock(unref(_sfc_main$1n), mergeProps({ key: 2 }, __props.trailingButton, {
|
|
17035
17159
|
size: "xsmall",
|
|
17036
17160
|
onClick: onButtonClick
|
|
17037
17161
|
}), null, 16)) : createCommentVNode("", true)
|
|
@@ -17041,10 +17165,10 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
|
|
|
17041
17165
|
}
|
|
17042
17166
|
});
|
|
17043
17167
|
|
|
17044
|
-
const KdsNavItem = /* @__PURE__ */ _export_sfc(_sfc_main$
|
|
17168
|
+
const KdsNavItem = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["__scopeId", "data-v-17711664"]]);
|
|
17045
17169
|
|
|
17046
|
-
const _hoisted_1$
|
|
17047
|
-
const _sfc_main$
|
|
17170
|
+
const _hoisted_1$6 = ["aria-label"];
|
|
17171
|
+
const _sfc_main$6 = /* @__PURE__ */ defineComponent({
|
|
17048
17172
|
__name: "KdsNavigation",
|
|
17049
17173
|
props: /* @__PURE__ */ mergeModels({
|
|
17050
17174
|
ariaLabel: {},
|
|
@@ -17085,12 +17209,248 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
|
|
|
17085
17209
|
})) : createCommentVNode("", true)
|
|
17086
17210
|
]);
|
|
17087
17211
|
}), 128))
|
|
17088
|
-
], 8, _hoisted_1$
|
|
17212
|
+
], 8, _hoisted_1$6);
|
|
17213
|
+
};
|
|
17214
|
+
}
|
|
17215
|
+
});
|
|
17216
|
+
|
|
17217
|
+
const KdsNavigation = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["__scopeId", "data-v-6cc9519f"]]);
|
|
17218
|
+
|
|
17219
|
+
const _hoisted_1$5 = {
|
|
17220
|
+
key: 1,
|
|
17221
|
+
class: "breadcrumb-label"
|
|
17222
|
+
};
|
|
17223
|
+
const _hoisted_2$2 = ["aria-label", "aria-current", "title"];
|
|
17224
|
+
const _hoisted_3$2 = {
|
|
17225
|
+
key: 1,
|
|
17226
|
+
class: "breadcrumb-label"
|
|
17227
|
+
};
|
|
17228
|
+
const _hoisted_4$1 = ["aria-label", "aria-current", "title"];
|
|
17229
|
+
const _hoisted_5 = {
|
|
17230
|
+
key: 1,
|
|
17231
|
+
class: "breadcrumb-label"
|
|
17232
|
+
};
|
|
17233
|
+
const _sfc_main$5 = /* @__PURE__ */ defineComponent({
|
|
17234
|
+
__name: "BreadcrumbItem",
|
|
17235
|
+
props: {
|
|
17236
|
+
item: {},
|
|
17237
|
+
isCurrentItem: { type: Boolean }
|
|
17238
|
+
},
|
|
17239
|
+
emits: ["itemClick"],
|
|
17240
|
+
setup(__props, { emit: __emit }) {
|
|
17241
|
+
const emit = __emit;
|
|
17242
|
+
const linkComponent = resolveNuxtLinkComponent();
|
|
17243
|
+
const isLinkItem = computed(
|
|
17244
|
+
() => !__props.isCurrentItem && "to" in __props.item && Boolean(__props.item.to)
|
|
17245
|
+
);
|
|
17246
|
+
const isButtonItem = computed(
|
|
17247
|
+
() => !__props.isCurrentItem && "handler" in __props.item && Boolean(__props.item.handler)
|
|
17248
|
+
);
|
|
17249
|
+
const onItemClick = () => {
|
|
17250
|
+
if ("handler" in __props.item && __props.item.handler) {
|
|
17251
|
+
emit("itemClick", __props.item);
|
|
17252
|
+
}
|
|
17253
|
+
};
|
|
17254
|
+
return (_ctx, _cache) => {
|
|
17255
|
+
return isLinkItem.value ? (openBlock(), createBlock(resolveDynamicComponent(unref(linkComponent)), {
|
|
17256
|
+
key: 0,
|
|
17257
|
+
class: "kds-breadcrumb-item",
|
|
17258
|
+
to: __props.item.to,
|
|
17259
|
+
"aria-label": __props.item.ariaLabel,
|
|
17260
|
+
"aria-current": __props.isCurrentItem ? "page" : void 0,
|
|
17261
|
+
title: __props.item.title
|
|
17262
|
+
}, {
|
|
17263
|
+
default: withCtx(() => [
|
|
17264
|
+
__props.item.leadingIcon ? (openBlock(), createBlock(unref(KdsIcon), {
|
|
17265
|
+
key: 0,
|
|
17266
|
+
name: __props.item.leadingIcon,
|
|
17267
|
+
class: "breadcrumb-icon"
|
|
17268
|
+
}, null, 8, ["name"])) : createCommentVNode("", true),
|
|
17269
|
+
__props.item.text ? (openBlock(), createElementBlock("span", _hoisted_1$5, toDisplayString(__props.item.text), 1)) : createCommentVNode("", true)
|
|
17270
|
+
]),
|
|
17271
|
+
_: 1
|
|
17272
|
+
}, 8, ["to", "aria-label", "aria-current", "title"])) : isButtonItem.value ? (openBlock(), createElementBlock("button", {
|
|
17273
|
+
key: 1,
|
|
17274
|
+
type: "button",
|
|
17275
|
+
class: "kds-breadcrumb-item",
|
|
17276
|
+
"aria-label": __props.item.ariaLabel,
|
|
17277
|
+
"aria-current": __props.isCurrentItem ? "page" : void 0,
|
|
17278
|
+
title: __props.item.title,
|
|
17279
|
+
onClick: onItemClick
|
|
17280
|
+
}, [
|
|
17281
|
+
__props.item.leadingIcon ? (openBlock(), createBlock(unref(KdsIcon), {
|
|
17282
|
+
key: 0,
|
|
17283
|
+
name: __props.item.leadingIcon,
|
|
17284
|
+
class: "breadcrumb-icon"
|
|
17285
|
+
}, null, 8, ["name"])) : createCommentVNode("", true),
|
|
17286
|
+
__props.item.text ? (openBlock(), createElementBlock("span", _hoisted_3$2, toDisplayString(__props.item.text), 1)) : createCommentVNode("", true)
|
|
17287
|
+
], 8, _hoisted_2$2)) : (openBlock(), createElementBlock("span", {
|
|
17288
|
+
key: 2,
|
|
17289
|
+
class: "kds-breadcrumb-item",
|
|
17290
|
+
"aria-label": __props.item.ariaLabel,
|
|
17291
|
+
"aria-current": __props.isCurrentItem ? "page" : void 0,
|
|
17292
|
+
title: __props.item.title
|
|
17293
|
+
}, [
|
|
17294
|
+
__props.item.leadingIcon ? (openBlock(), createBlock(unref(KdsIcon), {
|
|
17295
|
+
key: 0,
|
|
17296
|
+
name: __props.item.leadingIcon,
|
|
17297
|
+
class: "breadcrumb-icon"
|
|
17298
|
+
}, null, 8, ["name"])) : createCommentVNode("", true),
|
|
17299
|
+
__props.item.text ? (openBlock(), createElementBlock("span", _hoisted_5, toDisplayString(__props.item.text), 1)) : createCommentVNode("", true)
|
|
17300
|
+
], 8, _hoisted_4$1));
|
|
17301
|
+
};
|
|
17302
|
+
}
|
|
17303
|
+
});
|
|
17304
|
+
|
|
17305
|
+
const BreadcrumbItem = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["__scopeId", "data-v-fd7537fc"]]);
|
|
17306
|
+
|
|
17307
|
+
const useBreadcrumbAdaptiveLayout = (listRef, itemRefs, itemsSource) => {
|
|
17308
|
+
const { width: listWidth } = useElementSize(listRef);
|
|
17309
|
+
const updateLayout = async () => {
|
|
17310
|
+
if (globalThis.window === void 0) {
|
|
17311
|
+
return;
|
|
17312
|
+
}
|
|
17313
|
+
await nextTick();
|
|
17314
|
+
await new Promise(
|
|
17315
|
+
(resolve) => requestAnimationFrame(() => resolve())
|
|
17316
|
+
);
|
|
17317
|
+
const els = itemRefs.value;
|
|
17318
|
+
const ol = listRef.value;
|
|
17319
|
+
if (els.length === 0 || !ol) {
|
|
17320
|
+
return;
|
|
17321
|
+
}
|
|
17322
|
+
const olStyle = getComputedStyle(ol);
|
|
17323
|
+
const cw = ol.clientWidth - Number.parseFloat(olStyle.paddingLeft) - Number.parseFloat(olStyle.paddingRight);
|
|
17324
|
+
if (cw <= 0) {
|
|
17325
|
+
return;
|
|
17326
|
+
}
|
|
17327
|
+
for (const el of els) {
|
|
17328
|
+
el.style.removeProperty("--kds-bc-max-width");
|
|
17329
|
+
}
|
|
17330
|
+
const floorWidths = els.map(
|
|
17331
|
+
(el) => Number.parseFloat(getComputedStyle(el).minWidth)
|
|
17332
|
+
);
|
|
17333
|
+
const naturalWidths = els.map((el) => el.getBoundingClientRect().width);
|
|
17334
|
+
const total = naturalWidths.reduce((sum, w) => sum + w, 0);
|
|
17335
|
+
if (total <= cw) {
|
|
17336
|
+
for (let i = 0; i < els.length; i++) {
|
|
17337
|
+
els[i].style.setProperty(
|
|
17338
|
+
"--kds-bc-natural-width",
|
|
17339
|
+
`${naturalWidths[i]}px`
|
|
17340
|
+
);
|
|
17341
|
+
}
|
|
17342
|
+
return;
|
|
17343
|
+
}
|
|
17344
|
+
const shrinkable = naturalWidths.map(
|
|
17345
|
+
(w, i) => Math.max(0, w - floorWidths[i])
|
|
17346
|
+
);
|
|
17347
|
+
const finalWidths = [...naturalWidths];
|
|
17348
|
+
let excess = total - cw;
|
|
17349
|
+
const distribute = (indices) => {
|
|
17350
|
+
if (excess <= 0 || indices.length === 0) {
|
|
17351
|
+
return;
|
|
17352
|
+
}
|
|
17353
|
+
const capacity = indices.reduce((sum, i) => sum + shrinkable[i], 0);
|
|
17354
|
+
if (capacity <= 0) {
|
|
17355
|
+
return;
|
|
17356
|
+
}
|
|
17357
|
+
if (excess >= capacity) {
|
|
17358
|
+
for (const i of indices) {
|
|
17359
|
+
finalWidths[i] = naturalWidths[i] - shrinkable[i];
|
|
17360
|
+
}
|
|
17361
|
+
excess -= capacity;
|
|
17362
|
+
} else {
|
|
17363
|
+
for (const i of indices) {
|
|
17364
|
+
const portion = shrinkable[i] / capacity * excess;
|
|
17365
|
+
finalWidths[i] = naturalWidths[i] - portion;
|
|
17366
|
+
}
|
|
17367
|
+
excess = 0;
|
|
17368
|
+
}
|
|
17369
|
+
};
|
|
17370
|
+
const n = els.length;
|
|
17371
|
+
const middle = [];
|
|
17372
|
+
for (let i = 1; i < n - 1; i++) {
|
|
17373
|
+
middle.push(i);
|
|
17374
|
+
}
|
|
17375
|
+
distribute(middle);
|
|
17376
|
+
if (n >= 1) {
|
|
17377
|
+
distribute([0]);
|
|
17378
|
+
}
|
|
17379
|
+
if (n >= 2) {
|
|
17380
|
+
distribute([n - 1]);
|
|
17381
|
+
}
|
|
17382
|
+
const SUBPIXEL_TOLERANCE = 0.5;
|
|
17383
|
+
for (let i = 0; i < n; i++) {
|
|
17384
|
+
els[i].style.setProperty(
|
|
17385
|
+
"--kds-bc-natural-width",
|
|
17386
|
+
`${naturalWidths[i]}px`
|
|
17387
|
+
);
|
|
17388
|
+
if (finalWidths[i] < naturalWidths[i] - SUBPIXEL_TOLERANCE) {
|
|
17389
|
+
els[i].style.setProperty(
|
|
17390
|
+
"--kds-bc-max-width",
|
|
17391
|
+
`${Math.max(finalWidths[i], floorWidths[i])}px`
|
|
17392
|
+
);
|
|
17393
|
+
} else {
|
|
17394
|
+
els[i].style.removeProperty("--kds-bc-max-width");
|
|
17395
|
+
}
|
|
17396
|
+
}
|
|
17397
|
+
};
|
|
17398
|
+
watch([listWidth, itemsSource], () => updateLayout(), {
|
|
17399
|
+
immediate: true,
|
|
17400
|
+
deep: true
|
|
17401
|
+
});
|
|
17402
|
+
};
|
|
17403
|
+
|
|
17404
|
+
const _hoisted_1$4 = ["aria-label"];
|
|
17405
|
+
const _sfc_main$4 = /* @__PURE__ */ defineComponent({
|
|
17406
|
+
__name: "KdsBreadcrumb",
|
|
17407
|
+
props: {
|
|
17408
|
+
items: {},
|
|
17409
|
+
ariaLabel: { default: () => void 0 }
|
|
17410
|
+
},
|
|
17411
|
+
setup(__props) {
|
|
17412
|
+
const rightMostItemIndex = computed(() => __props.items.length - 1);
|
|
17413
|
+
const isCurrentItem = (index) => index === rightMostItemIndex.value;
|
|
17414
|
+
const listRef = useTemplateRef("listRef");
|
|
17415
|
+
const itemRefs = useTemplateRefsList();
|
|
17416
|
+
useBreadcrumbAdaptiveLayout(listRef, itemRefs, () => __props.items);
|
|
17417
|
+
return (_ctx, _cache) => {
|
|
17418
|
+
return __props.items.length ? (openBlock(), createElementBlock("nav", {
|
|
17419
|
+
key: 0,
|
|
17420
|
+
"aria-label": __props.ariaLabel ?? "Breadcrumb"
|
|
17421
|
+
}, [
|
|
17422
|
+
createElementVNode("ol", {
|
|
17423
|
+
ref_key: "listRef",
|
|
17424
|
+
ref: listRef
|
|
17425
|
+
}, [
|
|
17426
|
+
(openBlock(true), createElementBlock(Fragment, null, renderList(__props.items, (breadcrumbItem, i) => {
|
|
17427
|
+
return openBlock(), createElementBlock("li", {
|
|
17428
|
+
key: `${breadcrumbItem.to ?? breadcrumbItem.text ?? "breadcrumb-item"}-${i}`,
|
|
17429
|
+
ref_for: true,
|
|
17430
|
+
ref: unref(itemRefs).set,
|
|
17431
|
+
class: normalizeClass({ current: isCurrentItem(i) })
|
|
17432
|
+
}, [
|
|
17433
|
+
createVNode(BreadcrumbItem, {
|
|
17434
|
+
item: breadcrumbItem,
|
|
17435
|
+
"is-current-item": isCurrentItem(i),
|
|
17436
|
+
onItemClick: ($event) => breadcrumbItem.handler?.($event)
|
|
17437
|
+
}, null, 8, ["item", "is-current-item", "onItemClick"]),
|
|
17438
|
+
i !== rightMostItemIndex.value ? (openBlock(), createBlock(unref(KdsIcon), {
|
|
17439
|
+
key: 0,
|
|
17440
|
+
name: "path-separator",
|
|
17441
|
+
size: "small",
|
|
17442
|
+
class: "path-separator",
|
|
17443
|
+
"aria-hidden": "true"
|
|
17444
|
+
})) : createCommentVNode("", true)
|
|
17445
|
+
], 2);
|
|
17446
|
+
}), 128))
|
|
17447
|
+
], 512)
|
|
17448
|
+
], 8, _hoisted_1$4)) : createCommentVNode("", true);
|
|
17089
17449
|
};
|
|
17090
17450
|
}
|
|
17091
17451
|
});
|
|
17092
17452
|
|
|
17093
|
-
const
|
|
17453
|
+
const KdsBreadcrumb = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["__scopeId", "data-v-e93667af"]]);
|
|
17094
17454
|
|
|
17095
17455
|
const createUnwrappedPromise = () => {
|
|
17096
17456
|
let resolve = () => {
|
|
@@ -17170,7 +17530,7 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
|
|
|
17170
17530
|
size: "medium"
|
|
17171
17531
|
}, null, 8, ["name"])) : createCommentVNode("", true),
|
|
17172
17532
|
createElementVNode("div", _hoisted_2$1, toDisplayString(__props.headline), 1),
|
|
17173
|
-
createVNode(_sfc_main$
|
|
17533
|
+
createVNode(_sfc_main$1n, {
|
|
17174
17534
|
"leading-icon": "x-close",
|
|
17175
17535
|
variant: "transparent",
|
|
17176
17536
|
size: "medium",
|
|
@@ -17443,7 +17803,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
|
|
|
17443
17803
|
unref(internal).isTemplateBasedConfirm(unref(config).value) ? (openBlock(), createBlock(resolveDynamicComponent(unref(config).value.component), { key: 0 })) : (openBlock(), createElementBlock("div", _hoisted_1$1, [
|
|
17444
17804
|
createElementVNode("div", _hoisted_2, toDisplayString(unref(config).value.message), 1),
|
|
17445
17805
|
unref(config).value.doNotAskAgain ? (openBlock(), createElementBlock("div", _hoisted_3, [
|
|
17446
|
-
createVNode(_sfc_main$
|
|
17806
|
+
createVNode(_sfc_main$12, {
|
|
17447
17807
|
modelValue: askAgain.value,
|
|
17448
17808
|
"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => askAgain.value = $event),
|
|
17449
17809
|
label: unref(config).value.doNotAskAgain.label,
|
|
@@ -17458,7 +17818,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
|
|
|
17458
17818
|
name: "footer",
|
|
17459
17819
|
fn: withCtx(() => [
|
|
17460
17820
|
(openBlock(true), createElementBlock(Fragment, null, renderList(unref(config).value.buttons, (button, index) => {
|
|
17461
|
-
return openBlock(), createBlock(_sfc_main$
|
|
17821
|
+
return openBlock(), createBlock(_sfc_main$1n, {
|
|
17462
17822
|
key: index,
|
|
17463
17823
|
destructive: button.destructive,
|
|
17464
17824
|
autofocus: button.autofocus,
|
|
@@ -17586,7 +17946,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
17586
17946
|
return openBlock(), createElementBlock(Fragment, null, [
|
|
17587
17947
|
createElementVNode("div", _hoisted_1, [
|
|
17588
17948
|
(openBlock(true), createElementBlock(Fragment, null, renderList(__props.buttons, (button) => {
|
|
17589
|
-
return openBlock(), createBlock(_sfc_main$
|
|
17949
|
+
return openBlock(), createBlock(_sfc_main$1n, {
|
|
17590
17950
|
ref_for: true,
|
|
17591
17951
|
ref: "measureButton",
|
|
17592
17952
|
key: button.id,
|
|
@@ -17595,7 +17955,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
17595
17955
|
"leading-icon": button.leadingIcon
|
|
17596
17956
|
}, null, 8, ["label", "variant", "leading-icon"]);
|
|
17597
17957
|
}), 128)),
|
|
17598
|
-
createVNode(_sfc_main$
|
|
17958
|
+
createVNode(_sfc_main$1c, {
|
|
17599
17959
|
ref: "measureMenuButton",
|
|
17600
17960
|
"leading-icon": "more-actions",
|
|
17601
17961
|
ariaLabel: "More actions",
|
|
@@ -17606,7 +17966,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
17606
17966
|
class: ["kds-button-group", __props.alignment]
|
|
17607
17967
|
}), [
|
|
17608
17968
|
(openBlock(true), createElementBlock(Fragment, null, renderList(visibleButtons.value, (button) => {
|
|
17609
|
-
return openBlock(), createBlock(_sfc_main$
|
|
17969
|
+
return openBlock(), createBlock(_sfc_main$1n, {
|
|
17610
17970
|
key: button.id,
|
|
17611
17971
|
label: button.label,
|
|
17612
17972
|
variant: button.variant ?? "outlined",
|
|
@@ -17617,7 +17977,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
17617
17977
|
onClick: ($event) => emit("buttonClick", button.id)
|
|
17618
17978
|
}, null, 8, ["label", "variant", "disabled", "leading-icon", "destructive", "title", "onClick"]);
|
|
17619
17979
|
}), 128)),
|
|
17620
|
-
overflowButtons.value.length ? (openBlock(), createBlock(_sfc_main$
|
|
17980
|
+
overflowButtons.value.length ? (openBlock(), createBlock(_sfc_main$1c, {
|
|
17621
17981
|
key: 0,
|
|
17622
17982
|
"leading-icon": "more-actions",
|
|
17623
17983
|
ariaLabel: "More actions",
|
|
@@ -17641,5 +18001,5 @@ const kdsResponsiveButtonGroupAlignments = Object.values(
|
|
|
17641
18001
|
kdsResponsiveButtonGroupAlignment
|
|
17642
18002
|
);
|
|
17643
18003
|
|
|
17644
|
-
export { KdsAccordion, KdsAvatar, KdsAvatarCounter, KdsBadge, _sfc_main$
|
|
18004
|
+
export { KdsAccordion, KdsAvatar, KdsAvatarCounter, KdsBadge, KdsBreadcrumb, _sfc_main$1n as KdsButton, _sfc_main$g as KdsCard, _sfc_main$12 as KdsCheckbox, KdsCheckboxGroup, KdsClickableCard, _sfc_main$R as KdsColorInput, KdsColorSwatch, _sfc_main$17 as KdsContextMenu, KdsDataType, _sfc_main$K as KdsDateInput, _sfc_main$I as KdsDateTimeFormatInput, KdsDivider, KdsDonutChart, _sfc_main$y as KdsDropdown, KdsDynamicModalProvider, KdsEmptyState, KdsIcon, KdsInfoToggleButton, KdsInlineMessage, _sfc_main$B as KdsIntervalInput, KdsLabel, KdsLink, _sfc_main$1m as KdsLinkButton, KdsLinkCard, KdsListContainer, KdsLiveStatus, KdsLoadingSkeleton, KdsLoadingSpinner, _sfc_main$18 as KdsMenu, _sfc_main$1c as KdsMenuButton, KdsModal, KdsModalLayout, _sfc_main$v as KdsMultiSelectDropdown, KdsNavItem, KdsNavigation, _sfc_main$V as KdsNumberInput, KdsPanel, _sfc_main$Q as KdsPasswordInput, _sfc_main$H as KdsPatternInput, KdsPreviewList, KdsProgressButton, KdsRadioButton, KdsRadioButtonGroup, KdsResponsiveButtonGroup, KdsSearchInput, KdsSelectableCard, KdsSortableListBox, KdsSplitButton, KdsSubText, KdsTabBar, KdsTextInput, KdsTextarea, _sfc_main$D as KdsTimeInput, _sfc_main$1k as KdsToggleButton, KdsTwinList, _sfc_main$P as KdsUsernameInput, KdsValueSwitch, KdsVariableToggleButton, kdsAvatarSize, kdsAvatarSizes, kdsBadgeSize, kdsBadgeSizes, kdsBadgeVariant, kdsBadgeVariants, kdsButtonSize, kdsButtonSizes, kdsButtonVariant, kdsButtonVariants, kdsCardVariant, kdsCardVariants, kdsCheckboxGroupAlignment, kdsCheckboxGroupAlignments, kdsCheckboxValue, kdsCheckboxValues, kdsColorSwatchSize, kdsColorSwatchSizes, kdsColorSwatchType, kdsColorSwatchTypes, kdsDarkModeType, kdsDarkModeTypes, kdsDataTypeSize, kdsDataTypeSizes, kdsDateFormatCategories, kdsDateFormatCategory, kdsIconName, iconNames as kdsIconNames, kdsIconSize, kdsIconSizes, kdsInlineMessageVariant, kdsInlineMessageVariants, kdsIntervalDirectionalities, kdsIntervalDirectionality, kdsIntervalInputFormat, kdsIntervalInputFormats, kdsLiveStatusSize, kdsLiveStatusSizes, kdsLiveStatusStatus, kdsLiveStatusStatuses, kdsLoadingSkeletonVariant, kdsLoadingSkeletonVariants, kdsLoadingSpinnerVariant, kdsLoadingSpinnerVariants, kdsModalClosedBy, kdsModalClosedByOptions, kdsModalHeight, kdsModalHeightSizes, kdsModalVariant, kdsModalVariants, kdsModalWidth, kdsModalWidthSizes, kdsPanelBodyOverflow, kdsPanelBodyOverflows, kdsPanelBodyVariant, kdsPanelBodyVariants, kdsPasswordInputAutocomplete, kdsPasswordInputAutocompletes, kdsPasswordInputVariant, kdsPasswordInputVariants, kdsProgressButtonState, kdsProgressButtonStates, kdsRadioButtonGroupAlignment, kdsRadioButtonGroupAlignments, kdsResponsiveButtonGroupAlignment, kdsResponsiveButtonGroupAlignments, kdsTabBarSize, kdsTabBarSizes, kdsTemporalType, kdsTemporalTypes, kdsTimeInputGranularities, kdsTimeInputGranularity, kdsToggleButtonVariant, kdsToggleButtonVariants, kdsTwinListSearchMode, kdsTwinListSearchModes, kdsTypeIconName, typeIconNames as kdsTypeIconNames, kdsUsernameInputAutocomplete, kdsUsernameInputAutocompletes, kdsValueSwitchSize, kdsValueSwitchSizes, kdsValueSwitchVariant, kdsValueSwitchVariants, useKdsDarkMode, useKdsDynamicModal, useKdsIsTruncated, useKdsLegacyMode };
|
|
17645
18005
|
//# sourceMappingURL=index.js.map
|