@knime/kds-components 0.13.1 → 0.14.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/forms/_helper/InfoPopover/KdsInfoToggleButton.vue.d.ts.map +1 -1
- package/dist/forms/_helper/List/KdsListItem/KdsListItem.vue.d.ts +5 -2
- package/dist/forms/_helper/List/KdsListItem/KdsListItem.vue.d.ts.map +1 -1
- package/dist/forms/_helper/List/KdsListItem/enums.d.ts +6 -0
- package/dist/forms/_helper/List/KdsListItem/enums.d.ts.map +1 -0
- package/dist/forms/_helper/List/KdsListItem/types.d.ts +11 -2
- package/dist/forms/_helper/List/KdsListItem/types.d.ts.map +1 -1
- package/dist/forms/_helper/List/ListContainer/KdsListContainer.vue.d.ts +17 -0
- package/dist/forms/_helper/List/ListContainer/KdsListContainer.vue.d.ts.map +1 -0
- package/dist/forms/_helper/List/ListContainer/index.d.ts +3 -0
- package/dist/forms/_helper/List/ListContainer/index.d.ts.map +1 -0
- package/dist/forms/_helper/List/ListContainer/types.d.ts +39 -0
- package/dist/forms/_helper/List/ListContainer/types.d.ts.map +1 -0
- package/dist/forms/_helper/List/ListItemAccessory/ListItemAccessory.vue.d.ts +2 -2
- package/dist/forms/_helper/List/ListItemAccessory/ListItemAccessory.vue.d.ts.map +1 -1
- package/dist/forms/_helper/List/ListItemAccessory/enums.d.ts +7 -0
- package/dist/forms/_helper/List/ListItemAccessory/enums.d.ts.map +1 -0
- package/dist/forms/_helper/List/ListItemAccessory/types.d.ts +2 -0
- package/dist/forms/_helper/List/ListItemAccessory/types.d.ts.map +1 -1
- package/dist/forms/_helper/VariablePopover/KdsVariableToggleButton.vue.d.ts.map +1 -1
- package/dist/forms/inputs/BaseInput.vue.d.ts +7 -0
- package/dist/forms/inputs/BaseInput.vue.d.ts.map +1 -1
- package/dist/forms/inputs/ColorInput/ColorPicker.vue.d.ts +13 -0
- package/dist/forms/inputs/ColorInput/ColorPicker.vue.d.ts.map +1 -0
- package/dist/forms/inputs/ColorInput/KdsColorInput.vue.d.ts +98 -0
- package/dist/forms/inputs/ColorInput/KdsColorInput.vue.d.ts.map +1 -0
- package/dist/forms/inputs/ColorInput/colorUtils.d.ts +21 -0
- package/dist/forms/inputs/ColorInput/colorUtils.d.ts.map +1 -0
- package/dist/forms/inputs/ColorInput/index.d.ts +2 -0
- package/dist/forms/inputs/ColorInput/index.d.ts.map +1 -0
- package/dist/forms/inputs/ColorInput/useColorInputValidationOnFocusOut.d.ts +5 -0
- package/dist/forms/inputs/ColorInput/useColorInputValidationOnFocusOut.d.ts.map +1 -0
- package/dist/forms/inputs/ColorInput/usePointerHandler.d.ts +7 -0
- package/dist/forms/inputs/ColorInput/usePointerHandler.d.ts.map +1 -0
- package/dist/forms/inputs/index.d.ts +1 -0
- package/dist/forms/inputs/index.d.ts.map +1 -1
- package/dist/forms/inputs/types.d.ts +1 -0
- package/dist/forms/inputs/types.d.ts.map +1 -1
- package/dist/index.css +191 -120
- package/dist/index.js +798 -237
- package/dist/index.js.map +1 -1
- package/dist/overlays/Modal/KdsModal.vue.d.ts +1 -1
- package/dist/stop-Cgmy2iPY.js +22 -0
- package/dist/stop-Cgmy2iPY.js.map +1 -0
- package/package.json +4 -4
package/dist/index.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { defineComponent, ref, watch, computed, openBlock, createElementBlock, normalizeClass, createElementVNode, toDisplayString, shallowRef, toRef, unref, createBlock, resolveDynamicComponent, createCommentVNode, normalizeStyle, useTemplateRef, withCtx, renderSlot, mergeProps, h, useSlots, getCurrentInstance, useModel, mergeModels, createVNode, defineAsyncComponent, useId, Fragment, renderList, onBeforeUpdate, nextTick, withModifiers, normalizeProps, guardReactiveProps, withDirectives, vModelText,
|
|
1
|
+
import { defineComponent, ref, watch, computed, openBlock, createElementBlock, normalizeClass, createElementVNode, toDisplayString, shallowRef, toRef, unref, createBlock, resolveDynamicComponent, createCommentVNode, normalizeStyle, useTemplateRef, withCtx, renderSlot, mergeProps, h, useSlots, getCurrentInstance, useModel, mergeModels, createVNode, defineAsyncComponent, useId, Fragment, renderList, onBeforeUpdate, nextTick, watchEffect, withModifiers, normalizeProps, guardReactiveProps, withDirectives, vModelText, createTextVNode, useCssVars, mergeDefaults, createSlots } from 'vue';
|
|
2
2
|
import { useLocalStorage, useDark, usePreferredDark, useResizeObserver, useMutationObserver, useElementSize } 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$s = ["role", "title", "aria-hidden", "aria-label"];
|
|
13
|
+
const _hoisted_2$c = ["src"];
|
|
14
|
+
const _hoisted_3$7 = {
|
|
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$D = /* @__PURE__ */ defineComponent({
|
|
20
20
|
__name: "KdsAvatar",
|
|
21
21
|
props: {
|
|
22
22
|
initials: {},
|
|
@@ -59,10 +59,10 @@ const _sfc_main$B = /* @__PURE__ */ defineComponent({
|
|
|
59
59
|
alt: "",
|
|
60
60
|
"aria-hidden": "true",
|
|
61
61
|
onError: onImageError
|
|
62
|
-
}, null, 40, _hoisted_2$
|
|
62
|
+
}, null, 40, _hoisted_2$c)) : (openBlock(), createElementBlock("div", _hoisted_3$7, [
|
|
63
63
|
createElementVNode("span", null, toDisplayString(displayedInitials.value), 1)
|
|
64
64
|
]))
|
|
65
|
-
], 10, _hoisted_1$
|
|
65
|
+
], 10, _hoisted_1$s);
|
|
66
66
|
};
|
|
67
67
|
}
|
|
68
68
|
});
|
|
@@ -75,7 +75,7 @@ const _export_sfc = (sfc, props) => {
|
|
|
75
75
|
return target;
|
|
76
76
|
};
|
|
77
77
|
|
|
78
|
-
const KdsAvatar = /* @__PURE__ */ _export_sfc(_sfc_main$
|
|
78
|
+
const KdsAvatar = /* @__PURE__ */ _export_sfc(_sfc_main$D, [["__scopeId", "data-v-d6a313f1"]]);
|
|
79
79
|
|
|
80
80
|
const __variableDynamicImportRuntimeHelper = (glob$1, path$13, segs) => {
|
|
81
81
|
const v = glob$1[path$13];
|
|
@@ -99,7 +99,7 @@ const useIcon = ({
|
|
|
99
99
|
return;
|
|
100
100
|
}
|
|
101
101
|
try {
|
|
102
|
-
const module = await __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/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/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/color-picker.svg": () => import('./color-picker-k6GkGnF5.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-database.svg": () => import('./db-database-DYNQa14y.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-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/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/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/pending-changes.svg": () => import('./pending-changes-BvFdyKn8.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/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/strikethrough.svg": () => import('./strikethrough-DG4Ejxqk.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/team.svg": () => import('./team-CtZLwOou.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/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);
|
|
102
|
+
const module = await __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/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/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/color-picker.svg": () => import('./color-picker-k6GkGnF5.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-database.svg": () => import('./db-database-DYNQa14y.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-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/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/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/pending-changes.svg": () => import('./pending-changes-BvFdyKn8.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/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/team.svg": () => import('./team-CtZLwOou.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/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);
|
|
103
103
|
iconCache.set(newName, module.default);
|
|
104
104
|
iconComponent.value = module.default;
|
|
105
105
|
} catch (_error) {
|
|
@@ -111,7 +111,7 @@ const useIcon = ({
|
|
|
111
111
|
return iconComponent;
|
|
112
112
|
};
|
|
113
113
|
|
|
114
|
-
const _sfc_main$
|
|
114
|
+
const _sfc_main$C = /* @__PURE__ */ defineComponent({
|
|
115
115
|
__name: "KdsIcon",
|
|
116
116
|
props: {
|
|
117
117
|
name: {},
|
|
@@ -136,7 +136,7 @@ const _sfc_main$A = /* @__PURE__ */ defineComponent({
|
|
|
136
136
|
}
|
|
137
137
|
});
|
|
138
138
|
|
|
139
|
-
const KdsIcon = /* @__PURE__ */ _export_sfc(_sfc_main$
|
|
139
|
+
const KdsIcon = /* @__PURE__ */ _export_sfc(_sfc_main$C, [["__scopeId", "data-v-3a57d423"]]);
|
|
140
140
|
|
|
141
141
|
const ID_TO_ICON_MAP = {
|
|
142
142
|
// Flow Variables
|
|
@@ -365,6 +365,7 @@ const iconNames = [
|
|
|
365
365
|
"space-private",
|
|
366
366
|
"space",
|
|
367
367
|
"stepwise-execution",
|
|
368
|
+
"stop",
|
|
368
369
|
"strikethrough",
|
|
369
370
|
"team",
|
|
370
371
|
"text",
|
|
@@ -461,8 +462,8 @@ const kdsDataTypeSize = {
|
|
|
461
462
|
};
|
|
462
463
|
const kdsDataTypeSizes = Object.values(kdsDataTypeSize);
|
|
463
464
|
|
|
464
|
-
const _hoisted_1$
|
|
465
|
-
const _sfc_main$
|
|
465
|
+
const _hoisted_1$r = ["title"];
|
|
466
|
+
const _sfc_main$B = /* @__PURE__ */ defineComponent({
|
|
466
467
|
__name: "KdsDataType",
|
|
467
468
|
props: {
|
|
468
469
|
iconName: { default: "unknown-datatype" },
|
|
@@ -502,12 +503,12 @@ const _sfc_main$z = /* @__PURE__ */ defineComponent({
|
|
|
502
503
|
"aria-hidden": "true",
|
|
503
504
|
focusable: "false"
|
|
504
505
|
}, null, 8, ["class"]))
|
|
505
|
-
], 10, _hoisted_1$
|
|
506
|
+
], 10, _hoisted_1$r);
|
|
506
507
|
};
|
|
507
508
|
}
|
|
508
509
|
});
|
|
509
510
|
|
|
510
|
-
const KdsDataType = /* @__PURE__ */ _export_sfc(_sfc_main$
|
|
511
|
+
const KdsDataType = /* @__PURE__ */ _export_sfc(_sfc_main$B, [["__scopeId", "data-v-d7166d18"]]);
|
|
511
512
|
|
|
512
513
|
const kdsBadgeVariant = {
|
|
513
514
|
NEUTRAL: "neutral",
|
|
@@ -524,8 +525,8 @@ const kdsBadgeSize = {
|
|
|
524
525
|
};
|
|
525
526
|
const kdsBadgeSizes = Object.values(kdsBadgeSize);
|
|
526
527
|
|
|
527
|
-
const _hoisted_1$
|
|
528
|
-
const _sfc_main$
|
|
528
|
+
const _hoisted_1$q = { class: "label-wrapper" };
|
|
529
|
+
const _sfc_main$A = /* @__PURE__ */ defineComponent({
|
|
529
530
|
__name: "KdsBadge",
|
|
530
531
|
props: {
|
|
531
532
|
label: {},
|
|
@@ -547,13 +548,13 @@ const _sfc_main$y = /* @__PURE__ */ defineComponent({
|
|
|
547
548
|
name: __props.icon,
|
|
548
549
|
size: sizeToIconSize[__props.size]
|
|
549
550
|
}, null, 8, ["name", "size"])) : createCommentVNode("", true),
|
|
550
|
-
createElementVNode("span", _hoisted_1$
|
|
551
|
+
createElementVNode("span", _hoisted_1$q, toDisplayString(__props.label), 1)
|
|
551
552
|
], 2);
|
|
552
553
|
};
|
|
553
554
|
}
|
|
554
555
|
});
|
|
555
556
|
|
|
556
|
-
const KdsBadge = /* @__PURE__ */ _export_sfc(_sfc_main$
|
|
557
|
+
const KdsBadge = /* @__PURE__ */ _export_sfc(_sfc_main$A, [["__scopeId", "data-v-5c6c74a8"]]);
|
|
557
558
|
|
|
558
559
|
const kdsColorSwatchType = {
|
|
559
560
|
LEARNER: "learner",
|
|
@@ -572,8 +573,8 @@ const kdsColorSwatchSize = {
|
|
|
572
573
|
};
|
|
573
574
|
const kdsColorSwatchSizes = Object.values(kdsColorSwatchSize);
|
|
574
575
|
|
|
575
|
-
const _hoisted_1$
|
|
576
|
-
const _sfc_main$
|
|
576
|
+
const _hoisted_1$p = ["role", "title", "aria-hidden", "aria-label"];
|
|
577
|
+
const _sfc_main$z = /* @__PURE__ */ defineComponent({
|
|
577
578
|
__name: "KdsColorSwatch",
|
|
578
579
|
props: {
|
|
579
580
|
color: {},
|
|
@@ -608,12 +609,12 @@ const _sfc_main$x = /* @__PURE__ */ defineComponent({
|
|
|
608
609
|
style: normalizeStyle({ backgroundColor: backgroundColor.value }),
|
|
609
610
|
"aria-hidden": hasTitle.value ? void 0 : "true",
|
|
610
611
|
"aria-label": hasTitle.value ? accessibleTitle.value : void 0
|
|
611
|
-
}, null, 14, _hoisted_1$
|
|
612
|
+
}, null, 14, _hoisted_1$p);
|
|
612
613
|
};
|
|
613
614
|
}
|
|
614
615
|
});
|
|
615
616
|
|
|
616
|
-
const KdsColorSwatch = /* @__PURE__ */ _export_sfc(_sfc_main$
|
|
617
|
+
const KdsColorSwatch = /* @__PURE__ */ _export_sfc(_sfc_main$z, [["__scopeId", "data-v-bdb3dd24"]]);
|
|
617
618
|
|
|
618
619
|
const kdsDarkModeType = {
|
|
619
620
|
LIGHT: "light",
|
|
@@ -733,9 +734,9 @@ function useKdsIsTruncated(elementRef) {
|
|
|
733
734
|
return { isTruncated };
|
|
734
735
|
}
|
|
735
736
|
|
|
736
|
-
const _hoisted_1$
|
|
737
|
-
const _hoisted_2$
|
|
738
|
-
const _sfc_main$
|
|
737
|
+
const _hoisted_1$o = ["title", "aria-label"];
|
|
738
|
+
const _hoisted_2$b = ["title"];
|
|
739
|
+
const _sfc_main$y = /* @__PURE__ */ defineComponent({
|
|
739
740
|
__name: "KdsLiveStatus",
|
|
740
741
|
props: {
|
|
741
742
|
status: { default: "red" },
|
|
@@ -764,13 +765,13 @@ const _sfc_main$w = /* @__PURE__ */ defineComponent({
|
|
|
764
765
|
ref: labelEl,
|
|
765
766
|
class: "label",
|
|
766
767
|
title: unref(isTruncated) ? props.label : void 0
|
|
767
|
-
}, toDisplayString(props.label), 9, _hoisted_2$
|
|
768
|
-
], 10, _hoisted_1$
|
|
768
|
+
}, toDisplayString(props.label), 9, _hoisted_2$b)) : createCommentVNode("", true)
|
|
769
|
+
], 10, _hoisted_1$o);
|
|
769
770
|
};
|
|
770
771
|
}
|
|
771
772
|
});
|
|
772
773
|
|
|
773
|
-
const KdsLiveStatus = /* @__PURE__ */ _export_sfc(_sfc_main$
|
|
774
|
+
const KdsLiveStatus = /* @__PURE__ */ _export_sfc(_sfc_main$y, [["__scopeId", "data-v-4dec8e94"]]);
|
|
774
775
|
|
|
775
776
|
const kdsLiveStatusStatus = {
|
|
776
777
|
RED: "red",
|
|
@@ -786,8 +787,8 @@ const kdsLiveStatusSize = {
|
|
|
786
787
|
};
|
|
787
788
|
const kdsLiveStatusSizes = Object.values(kdsLiveStatusSize);
|
|
788
789
|
|
|
789
|
-
const _hoisted_1$
|
|
790
|
-
const _sfc_main$
|
|
790
|
+
const _hoisted_1$n = ["data-style"];
|
|
791
|
+
const _sfc_main$x = /* @__PURE__ */ defineComponent({
|
|
791
792
|
__name: "KdsLoadingSpinner",
|
|
792
793
|
props: {
|
|
793
794
|
size: { default: "medium" },
|
|
@@ -812,12 +813,12 @@ const _sfc_main$v = /* @__PURE__ */ defineComponent({
|
|
|
812
813
|
cy: "60",
|
|
813
814
|
r: "50"
|
|
814
815
|
}, null, -1)
|
|
815
|
-
])], 10, _hoisted_1$
|
|
816
|
+
])], 10, _hoisted_1$n);
|
|
816
817
|
};
|
|
817
818
|
}
|
|
818
819
|
});
|
|
819
820
|
|
|
820
|
-
const KdsLoadingSpinner = /* @__PURE__ */ _export_sfc(_sfc_main$
|
|
821
|
+
const KdsLoadingSpinner = /* @__PURE__ */ _export_sfc(_sfc_main$x, [["__scopeId", "data-v-74bb7c3d"]]);
|
|
821
822
|
|
|
822
823
|
const kdsLoadingSpinnerVariant = {
|
|
823
824
|
ON_PRIMARY: "onPrimary",
|
|
@@ -827,11 +828,11 @@ const kdsLoadingSpinnerVariants = Object.values(
|
|
|
827
828
|
kdsLoadingSpinnerVariant
|
|
828
829
|
);
|
|
829
830
|
|
|
830
|
-
const _hoisted_1$
|
|
831
|
+
const _hoisted_1$m = {
|
|
831
832
|
key: 0,
|
|
832
833
|
class: "label"
|
|
833
834
|
};
|
|
834
|
-
const _sfc_main$
|
|
835
|
+
const _sfc_main$w = /* @__PURE__ */ defineComponent({
|
|
835
836
|
__name: "BaseButton",
|
|
836
837
|
props: {
|
|
837
838
|
size: { default: "medium" },
|
|
@@ -890,7 +891,7 @@ const _sfc_main$u = /* @__PURE__ */ defineComponent({
|
|
|
890
891
|
size: iconSize.value
|
|
891
892
|
}, null, 8, ["name", "size"])) : createCommentVNode("", true)
|
|
892
893
|
], true),
|
|
893
|
-
props.label ? (openBlock(), createElementBlock("span", _hoisted_1$
|
|
894
|
+
props.label ? (openBlock(), createElementBlock("span", _hoisted_1$m, toDisplayString(props.label), 1)) : createCommentVNode("", true),
|
|
894
895
|
props.trailingIcon && props.label ? (openBlock(), createBlock(KdsIcon, {
|
|
895
896
|
key: 1,
|
|
896
897
|
name: props.trailingIcon,
|
|
@@ -903,9 +904,9 @@ const _sfc_main$u = /* @__PURE__ */ defineComponent({
|
|
|
903
904
|
}
|
|
904
905
|
});
|
|
905
906
|
|
|
906
|
-
const BaseButton = /* @__PURE__ */ _export_sfc(_sfc_main$
|
|
907
|
+
const BaseButton = /* @__PURE__ */ _export_sfc(_sfc_main$w, [["__scopeId", "data-v-b0f9559f"]]);
|
|
907
908
|
|
|
908
|
-
const _sfc_main$
|
|
909
|
+
const _sfc_main$v = /* @__PURE__ */ defineComponent({
|
|
909
910
|
__name: "KdsButton",
|
|
910
911
|
props: {
|
|
911
912
|
size: {},
|
|
@@ -958,7 +959,7 @@ const resolveNuxtLinkComponent = () => {
|
|
|
958
959
|
return fallbackComponent;
|
|
959
960
|
};
|
|
960
961
|
|
|
961
|
-
const _sfc_main$
|
|
962
|
+
const _sfc_main$u = /* @__PURE__ */ defineComponent({
|
|
962
963
|
__name: "KdsLinkButton",
|
|
963
964
|
props: {
|
|
964
965
|
size: {},
|
|
@@ -994,7 +995,7 @@ const _sfc_main$s = /* @__PURE__ */ defineComponent({
|
|
|
994
995
|
}
|
|
995
996
|
});
|
|
996
997
|
|
|
997
|
-
const _sfc_main$
|
|
998
|
+
const _sfc_main$t = /* @__PURE__ */ defineComponent({
|
|
998
999
|
__name: "KdsToggleButton",
|
|
999
1000
|
props: /* @__PURE__ */ mergeModels({
|
|
1000
1001
|
size: {},
|
|
@@ -1029,9 +1030,9 @@ const kdsToggleButtonVariant = {
|
|
|
1029
1030
|
};
|
|
1030
1031
|
const kdsToggleButtonVariants = Object.values(kdsToggleButtonVariant);
|
|
1031
1032
|
|
|
1032
|
-
const _hoisted_1$
|
|
1033
|
-
const _hoisted_2$
|
|
1034
|
-
const _sfc_main$
|
|
1033
|
+
const _hoisted_1$l = ["data-visible"];
|
|
1034
|
+
const _hoisted_2$a = ["data-visible"];
|
|
1035
|
+
const _sfc_main$s = /* @__PURE__ */ defineComponent({
|
|
1035
1036
|
__name: "KdsProgressButton",
|
|
1036
1037
|
props: /* @__PURE__ */ mergeModels({
|
|
1037
1038
|
size: { default: "medium" },
|
|
@@ -1094,7 +1095,7 @@ const _sfc_main$q = /* @__PURE__ */ defineComponent({
|
|
|
1094
1095
|
name: props.leadingIcon,
|
|
1095
1096
|
size: iconSize.value
|
|
1096
1097
|
}, null, 8, ["name", "size"])
|
|
1097
|
-
], 8, _hoisted_1$
|
|
1098
|
+
], 8, _hoisted_1$l),
|
|
1098
1099
|
createElementVNode("span", {
|
|
1099
1100
|
class: "spinner",
|
|
1100
1101
|
"data-visible": state.value === "progress"
|
|
@@ -1103,7 +1104,7 @@ const _sfc_main$q = /* @__PURE__ */ defineComponent({
|
|
|
1103
1104
|
size: iconSize.value,
|
|
1104
1105
|
variant: props.variant === "filled" ? "onPrimary" : "onSurface"
|
|
1105
1106
|
}, null, 8, ["size", "variant"])
|
|
1106
|
-
], 8, _hoisted_2$
|
|
1107
|
+
], 8, _hoisted_2$a)
|
|
1107
1108
|
], 2)
|
|
1108
1109
|
]),
|
|
1109
1110
|
_: 1
|
|
@@ -1112,7 +1113,7 @@ const _sfc_main$q = /* @__PURE__ */ defineComponent({
|
|
|
1112
1113
|
}
|
|
1113
1114
|
});
|
|
1114
1115
|
|
|
1115
|
-
const KdsProgressButton = /* @__PURE__ */ _export_sfc(_sfc_main$
|
|
1116
|
+
const KdsProgressButton = /* @__PURE__ */ _export_sfc(_sfc_main$s, [["__scopeId", "data-v-ec08a9ba"]]);
|
|
1116
1117
|
|
|
1117
1118
|
const kdsProgressButtonState = {
|
|
1118
1119
|
DEFAULT: "default",
|
|
@@ -1136,9 +1137,9 @@ const kdsButtonVariant = {
|
|
|
1136
1137
|
};
|
|
1137
1138
|
const kdsButtonVariants = Object.values(kdsButtonVariant);
|
|
1138
1139
|
|
|
1139
|
-
const _hoisted_1$
|
|
1140
|
-
const _hoisted_2$
|
|
1141
|
-
const _sfc_main$
|
|
1140
|
+
const _hoisted_1$k = { class: "kds-label-wrapper" };
|
|
1141
|
+
const _hoisted_2$9 = ["id", "for", "title"];
|
|
1142
|
+
const _sfc_main$r = /* @__PURE__ */ defineComponent({
|
|
1142
1143
|
__name: "KdsLabel",
|
|
1143
1144
|
props: {
|
|
1144
1145
|
label: {},
|
|
@@ -1155,7 +1156,7 @@ const _sfc_main$p = /* @__PURE__ */ defineComponent({
|
|
|
1155
1156
|
const labelEl = useTemplateRef("labelEl");
|
|
1156
1157
|
const { isTruncated } = useKdsIsTruncated(labelEl);
|
|
1157
1158
|
return (_ctx, _cache) => {
|
|
1158
|
-
return openBlock(), createElementBlock("div", _hoisted_1$
|
|
1159
|
+
return openBlock(), createElementBlock("div", _hoisted_1$k, [
|
|
1159
1160
|
createElementVNode("label", {
|
|
1160
1161
|
id: props.id,
|
|
1161
1162
|
ref_key: "labelEl",
|
|
@@ -1163,7 +1164,7 @@ const _sfc_main$p = /* @__PURE__ */ defineComponent({
|
|
|
1163
1164
|
for: props.for,
|
|
1164
1165
|
class: "label",
|
|
1165
1166
|
title: unref(isTruncated) ? props.label : void 0
|
|
1166
|
-
}, toDisplayString(props.label), 9, _hoisted_2$
|
|
1167
|
+
}, toDisplayString(props.label), 9, _hoisted_2$9),
|
|
1167
1168
|
props.description ? (openBlock(), createBlock(unref(KdsInfoToggleButton), {
|
|
1168
1169
|
key: 0,
|
|
1169
1170
|
content: props.description,
|
|
@@ -1174,11 +1175,11 @@ const _sfc_main$p = /* @__PURE__ */ defineComponent({
|
|
|
1174
1175
|
}
|
|
1175
1176
|
});
|
|
1176
1177
|
|
|
1177
|
-
const KdsLabel = /* @__PURE__ */ _export_sfc(_sfc_main$
|
|
1178
|
+
const KdsLabel = /* @__PURE__ */ _export_sfc(_sfc_main$r, [["__scopeId", "data-v-1a5dc1ba"]]);
|
|
1178
1179
|
|
|
1179
|
-
const _hoisted_1$
|
|
1180
|
-
const _hoisted_2$
|
|
1181
|
-
const _sfc_main$
|
|
1180
|
+
const _hoisted_1$j = ["id"];
|
|
1181
|
+
const _hoisted_2$8 = { class: "subtext-text" };
|
|
1182
|
+
const _sfc_main$q = /* @__PURE__ */ defineComponent({
|
|
1182
1183
|
__name: "KdsSubText",
|
|
1183
1184
|
props: {
|
|
1184
1185
|
id: {},
|
|
@@ -1209,27 +1210,27 @@ const _sfc_main$o = /* @__PURE__ */ defineComponent({
|
|
|
1209
1210
|
variant: "onSurface",
|
|
1210
1211
|
"aria-hidden": "true"
|
|
1211
1212
|
})) : createCommentVNode("", true),
|
|
1212
|
-
createElementVNode("span", _hoisted_2$
|
|
1213
|
-
], 10, _hoisted_1$
|
|
1213
|
+
createElementVNode("span", _hoisted_2$8, toDisplayString(props.subText), 1)
|
|
1214
|
+
], 10, _hoisted_1$j)) : createCommentVNode("", true);
|
|
1214
1215
|
};
|
|
1215
1216
|
}
|
|
1216
1217
|
});
|
|
1217
1218
|
|
|
1218
|
-
const KdsSubText = /* @__PURE__ */ _export_sfc(_sfc_main$
|
|
1219
|
+
const KdsSubText = /* @__PURE__ */ _export_sfc(_sfc_main$q, [["__scopeId", "data-v-df9a85a4"]]);
|
|
1219
1220
|
|
|
1220
|
-
const _hoisted_1$
|
|
1221
|
-
const _hoisted_2$
|
|
1222
|
-
const _hoisted_3$
|
|
1221
|
+
const _hoisted_1$i = ["disabled", "title", "aria-label", "aria-checked", "aria-describedby", "aria-invalid"];
|
|
1222
|
+
const _hoisted_2$7 = { class: "control" };
|
|
1223
|
+
const _hoisted_3$6 = {
|
|
1223
1224
|
key: 0,
|
|
1224
1225
|
class: "content"
|
|
1225
1226
|
};
|
|
1226
1227
|
const _hoisted_4$4 = { class: "label" };
|
|
1227
1228
|
const _hoisted_5$2 = ["id"];
|
|
1228
|
-
const _hoisted_6$
|
|
1229
|
+
const _hoisted_6$2 = {
|
|
1229
1230
|
key: 0,
|
|
1230
1231
|
class: "subtext-wrapper"
|
|
1231
1232
|
};
|
|
1232
|
-
const _sfc_main$
|
|
1233
|
+
const _sfc_main$p = /* @__PURE__ */ defineComponent({
|
|
1233
1234
|
__name: "BaseCheckbox",
|
|
1234
1235
|
props: /* @__PURE__ */ mergeModels({
|
|
1235
1236
|
disabled: { type: Boolean, default: false },
|
|
@@ -1302,7 +1303,7 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
|
|
|
1302
1303
|
role: "checkbox",
|
|
1303
1304
|
onClick: handleClick
|
|
1304
1305
|
}, [
|
|
1305
|
-
createElementVNode("div", _hoisted_2$
|
|
1306
|
+
createElementVNode("div", _hoisted_2$7, [
|
|
1306
1307
|
icon.value ? (openBlock(), createBlock(KdsIcon, {
|
|
1307
1308
|
key: 0,
|
|
1308
1309
|
name: icon.value,
|
|
@@ -1310,7 +1311,7 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
|
|
|
1310
1311
|
size: "xsmall"
|
|
1311
1312
|
}, null, 8, ["name"])) : createCommentVNode("", true)
|
|
1312
1313
|
]),
|
|
1313
|
-
props.label || props.helperText ? (openBlock(), createElementBlock("div", _hoisted_3$
|
|
1314
|
+
props.label || props.helperText ? (openBlock(), createElementBlock("div", _hoisted_3$6, [
|
|
1314
1315
|
createElementVNode("div", _hoisted_4$4, toDisplayString(props.label), 1),
|
|
1315
1316
|
props.helperText ? (openBlock(), createElementBlock("div", {
|
|
1316
1317
|
key: 0,
|
|
@@ -1318,8 +1319,8 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
|
|
|
1318
1319
|
class: "helper-text"
|
|
1319
1320
|
}, toDisplayString(props.helperText), 9, _hoisted_5$2)) : createCommentVNode("", true)
|
|
1320
1321
|
])) : createCommentVNode("", true)
|
|
1321
|
-
], 10, _hoisted_1$
|
|
1322
|
-
props.subText || props.preserveSubTextSpace ? (openBlock(), createElementBlock("div", _hoisted_6$
|
|
1322
|
+
], 10, _hoisted_1$i),
|
|
1323
|
+
props.subText || props.preserveSubTextSpace ? (openBlock(), createElementBlock("div", _hoisted_6$2, [
|
|
1323
1324
|
createVNode(KdsSubText, {
|
|
1324
1325
|
id: unref(descriptionId),
|
|
1325
1326
|
"sub-text": props.subText,
|
|
@@ -1332,9 +1333,9 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
|
|
|
1332
1333
|
}
|
|
1333
1334
|
});
|
|
1334
1335
|
|
|
1335
|
-
const BaseCheckbox = /* @__PURE__ */ _export_sfc(_sfc_main$
|
|
1336
|
+
const BaseCheckbox = /* @__PURE__ */ _export_sfc(_sfc_main$p, [["__scopeId", "data-v-32f17780"]]);
|
|
1336
1337
|
|
|
1337
|
-
const _sfc_main$
|
|
1338
|
+
const _sfc_main$o = /* @__PURE__ */ defineComponent({
|
|
1338
1339
|
__name: "KdsCheckbox",
|
|
1339
1340
|
props: /* @__PURE__ */ mergeModels({
|
|
1340
1341
|
disabled: { type: Boolean, default: false },
|
|
@@ -1366,8 +1367,8 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent({
|
|
|
1366
1367
|
}
|
|
1367
1368
|
});
|
|
1368
1369
|
|
|
1369
|
-
const _hoisted_1$
|
|
1370
|
-
const _sfc_main$
|
|
1370
|
+
const _hoisted_1$h = ["id", "aria-labelledby", "aria-describedby"];
|
|
1371
|
+
const _sfc_main$n = /* @__PURE__ */ defineComponent({
|
|
1371
1372
|
__name: "KdsCheckboxGroup",
|
|
1372
1373
|
props: /* @__PURE__ */ mergeModels({
|
|
1373
1374
|
id: {},
|
|
@@ -1451,12 +1452,12 @@ const _sfc_main$l = /* @__PURE__ */ defineComponent({
|
|
|
1451
1452
|
"preserve-sub-text-space": props.preserveSubTextSpace,
|
|
1452
1453
|
error: hasError.value
|
|
1453
1454
|
}, null, 8, ["id", "sub-text", "preserve-sub-text-space", "error"])
|
|
1454
|
-
], 8, _hoisted_1$
|
|
1455
|
+
], 8, _hoisted_1$h);
|
|
1455
1456
|
};
|
|
1456
1457
|
}
|
|
1457
1458
|
});
|
|
1458
1459
|
|
|
1459
|
-
const KdsCheckboxGroup = /* @__PURE__ */ _export_sfc(_sfc_main$
|
|
1460
|
+
const KdsCheckboxGroup = /* @__PURE__ */ _export_sfc(_sfc_main$n, [["__scopeId", "data-v-c38eeda5"]]);
|
|
1460
1461
|
|
|
1461
1462
|
const kdsCheckboxGroupAlignment = {
|
|
1462
1463
|
VERTICAL: "vertical",
|
|
@@ -1472,9 +1473,9 @@ const kdsCheckboxValue = {
|
|
|
1472
1473
|
};
|
|
1473
1474
|
const kdsCheckboxValues = Object.values(kdsCheckboxValue);
|
|
1474
1475
|
|
|
1475
|
-
const _hoisted_1$
|
|
1476
|
-
const _hoisted_2$
|
|
1477
|
-
const _hoisted_3$
|
|
1476
|
+
const _hoisted_1$g = ["aria-checked", "aria-describedby", "aria-invalid", "disabled"];
|
|
1477
|
+
const _hoisted_2$6 = { class: "control" };
|
|
1478
|
+
const _hoisted_3$5 = {
|
|
1478
1479
|
key: 0,
|
|
1479
1480
|
class: "dot",
|
|
1480
1481
|
viewBox: "0 0 2 2",
|
|
@@ -1483,8 +1484,8 @@ const _hoisted_3$4 = {
|
|
|
1483
1484
|
};
|
|
1484
1485
|
const _hoisted_4$3 = { class: "content" };
|
|
1485
1486
|
const _hoisted_5$1 = { class: "label" };
|
|
1486
|
-
const _hoisted_6 = ["id"];
|
|
1487
|
-
const _sfc_main$
|
|
1487
|
+
const _hoisted_6$1 = ["id"];
|
|
1488
|
+
const _sfc_main$m = /* @__PURE__ */ defineComponent({
|
|
1488
1489
|
__name: "KdsRadioButton",
|
|
1489
1490
|
props: /* @__PURE__ */ mergeModels({
|
|
1490
1491
|
text: {},
|
|
@@ -1524,8 +1525,8 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent({
|
|
|
1524
1525
|
type: "button",
|
|
1525
1526
|
onClick: handleClick
|
|
1526
1527
|
}, [
|
|
1527
|
-
createElementVNode("div", _hoisted_2$
|
|
1528
|
-
modelValue.value ? (openBlock(), createElementBlock("svg", _hoisted_3$
|
|
1528
|
+
createElementVNode("div", _hoisted_2$6, [
|
|
1529
|
+
modelValue.value ? (openBlock(), createElementBlock("svg", _hoisted_3$5, [..._cache[0] || (_cache[0] = [
|
|
1529
1530
|
createElementVNode("circle", {
|
|
1530
1531
|
cx: "1",
|
|
1531
1532
|
cy: "1",
|
|
@@ -1539,14 +1540,14 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent({
|
|
|
1539
1540
|
key: 0,
|
|
1540
1541
|
id: `${unref(id)}-helper`,
|
|
1541
1542
|
class: "helper-text"
|
|
1542
|
-
}, toDisplayString(props.helperText), 9, _hoisted_6)) : createCommentVNode("", true)
|
|
1543
|
+
}, toDisplayString(props.helperText), 9, _hoisted_6$1)) : createCommentVNode("", true)
|
|
1543
1544
|
])
|
|
1544
|
-
], 10, _hoisted_1$
|
|
1545
|
+
], 10, _hoisted_1$g);
|
|
1545
1546
|
};
|
|
1546
1547
|
}
|
|
1547
1548
|
});
|
|
1548
1549
|
|
|
1549
|
-
const KdsRadioButton = /* @__PURE__ */ _export_sfc(_sfc_main$
|
|
1550
|
+
const KdsRadioButton = /* @__PURE__ */ _export_sfc(_sfc_main$m, [["__scopeId", "data-v-27c361e4"]]);
|
|
1550
1551
|
|
|
1551
1552
|
const useRadioSelection = ({
|
|
1552
1553
|
selectedId,
|
|
@@ -1668,8 +1669,8 @@ const useRadioSelection = ({
|
|
|
1668
1669
|
};
|
|
1669
1670
|
};
|
|
1670
1671
|
|
|
1671
|
-
const _hoisted_1$
|
|
1672
|
-
const _sfc_main$
|
|
1672
|
+
const _hoisted_1$f = ["id", "aria-labelledby", "aria-describedby"];
|
|
1673
|
+
const _sfc_main$l = /* @__PURE__ */ defineComponent({
|
|
1673
1674
|
__name: "KdsRadioButtonGroup",
|
|
1674
1675
|
props: /* @__PURE__ */ mergeModels({
|
|
1675
1676
|
id: {},
|
|
@@ -1748,15 +1749,15 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
|
|
|
1748
1749
|
"preserve-sub-text-space": props.preserveSubTextSpace,
|
|
1749
1750
|
error: unref(hasError)
|
|
1750
1751
|
}, null, 8, ["id", "sub-text", "preserve-sub-text-space", "error"])
|
|
1751
|
-
], 8, _hoisted_1$
|
|
1752
|
+
], 8, _hoisted_1$f);
|
|
1752
1753
|
};
|
|
1753
1754
|
}
|
|
1754
1755
|
});
|
|
1755
1756
|
|
|
1756
|
-
const KdsRadioButtonGroup = /* @__PURE__ */ _export_sfc(_sfc_main$
|
|
1757
|
+
const KdsRadioButtonGroup = /* @__PURE__ */ _export_sfc(_sfc_main$l, [["__scopeId", "data-v-9cc4dcdd"]]);
|
|
1757
1758
|
|
|
1758
|
-
const _hoisted_1$
|
|
1759
|
-
const _sfc_main$
|
|
1759
|
+
const _hoisted_1$e = ["aria-checked", "aria-label", "disabled", "tabindex", "title"];
|
|
1760
|
+
const _sfc_main$k = /* @__PURE__ */ defineComponent({
|
|
1760
1761
|
__name: "ValueSwitchItem",
|
|
1761
1762
|
props: {
|
|
1762
1763
|
selected: { type: Boolean },
|
|
@@ -1806,12 +1807,12 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
|
|
|
1806
1807
|
name: props.trailingIcon,
|
|
1807
1808
|
size: props.size
|
|
1808
1809
|
}, null, 8, ["name", "size"])) : createCommentVNode("", true)
|
|
1809
|
-
], 10, _hoisted_1$
|
|
1810
|
+
], 10, _hoisted_1$e);
|
|
1810
1811
|
};
|
|
1811
1812
|
}
|
|
1812
1813
|
});
|
|
1813
1814
|
|
|
1814
|
-
const ValueSwitchItem = /* @__PURE__ */ _export_sfc(_sfc_main$
|
|
1815
|
+
const ValueSwitchItem = /* @__PURE__ */ _export_sfc(_sfc_main$k, [["__scopeId", "data-v-93f3f577"]]);
|
|
1815
1816
|
|
|
1816
1817
|
const useValueSwitchIconHiding = ({
|
|
1817
1818
|
width,
|
|
@@ -1862,8 +1863,8 @@ const useValueSwitchIconHiding = ({
|
|
|
1862
1863
|
};
|
|
1863
1864
|
};
|
|
1864
1865
|
|
|
1865
|
-
const _hoisted_1$
|
|
1866
|
-
const _sfc_main$
|
|
1866
|
+
const _hoisted_1$d = ["id", "aria-invalid", "aria-labelledby", "aria-describedby"];
|
|
1867
|
+
const _sfc_main$j = /* @__PURE__ */ defineComponent({
|
|
1867
1868
|
__name: "KdsValueSwitch",
|
|
1868
1869
|
props: /* @__PURE__ */ mergeModels({
|
|
1869
1870
|
id: {},
|
|
@@ -1956,12 +1957,12 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
|
|
|
1956
1957
|
"preserve-sub-text-space": props.preserveSubTextSpace,
|
|
1957
1958
|
error: props.error
|
|
1958
1959
|
}, null, 8, ["id", "sub-text", "preserve-sub-text-space", "error"])
|
|
1959
|
-
], 10, _hoisted_1$
|
|
1960
|
+
], 10, _hoisted_1$d);
|
|
1960
1961
|
};
|
|
1961
1962
|
}
|
|
1962
1963
|
});
|
|
1963
1964
|
|
|
1964
|
-
const KdsValueSwitch = /* @__PURE__ */ _export_sfc(_sfc_main$
|
|
1965
|
+
const KdsValueSwitch = /* @__PURE__ */ _export_sfc(_sfc_main$j, [["__scopeId", "data-v-666d4c10"]]);
|
|
1965
1966
|
|
|
1966
1967
|
const kdsRadioButtonGroupAlignment = {
|
|
1967
1968
|
VERTICAL: "vertical",
|
|
@@ -1981,7 +1982,62 @@ const kdsValueSwitchVariant = {
|
|
|
1981
1982
|
};
|
|
1982
1983
|
const kdsValueSwitchVariants = Object.values(kdsValueSwitchVariant);
|
|
1983
1984
|
|
|
1984
|
-
const
|
|
1985
|
+
const _hoisted_1$c = ["id", "role", "aria-label"];
|
|
1986
|
+
const _hoisted_2$5 = {
|
|
1987
|
+
key: 0,
|
|
1988
|
+
class: "kds-popover-default-content"
|
|
1989
|
+
};
|
|
1990
|
+
const _sfc_main$i = /* @__PURE__ */ defineComponent({
|
|
1991
|
+
__name: "KdsPopover",
|
|
1992
|
+
props: /* @__PURE__ */ mergeModels({
|
|
1993
|
+
placement: { default: "bottom-left" },
|
|
1994
|
+
role: { default: "dialog" },
|
|
1995
|
+
fullWidth: { type: Boolean, default: false },
|
|
1996
|
+
popoverAriaLabel: {},
|
|
1997
|
+
content: {}
|
|
1998
|
+
}, {
|
|
1999
|
+
"modelValue": { type: Boolean, ...{ default: false } },
|
|
2000
|
+
"modelModifiers": {}
|
|
2001
|
+
}),
|
|
2002
|
+
emits: ["update:modelValue"],
|
|
2003
|
+
setup(__props, { expose: __expose }) {
|
|
2004
|
+
const props = __props;
|
|
2005
|
+
const open = useModel(__props, "modelValue");
|
|
2006
|
+
const popoverEl = useTemplateRef("popoverEl");
|
|
2007
|
+
const popoverId = useId();
|
|
2008
|
+
const anchorName = `--anchor-${popoverId}`;
|
|
2009
|
+
watchEffect(() => {
|
|
2010
|
+
if (open.value) {
|
|
2011
|
+
popoverEl.value?.showPopover?.();
|
|
2012
|
+
} else {
|
|
2013
|
+
popoverEl.value?.hidePopover?.();
|
|
2014
|
+
}
|
|
2015
|
+
});
|
|
2016
|
+
const anchorStyle = { "anchor-name": anchorName };
|
|
2017
|
+
__expose({ anchorStyle, popoverId });
|
|
2018
|
+
return (_ctx, _cache) => {
|
|
2019
|
+
return openBlock(), createElementBlock("div", {
|
|
2020
|
+
id: unref(popoverId),
|
|
2021
|
+
ref_key: "popoverEl",
|
|
2022
|
+
ref: popoverEl,
|
|
2023
|
+
class: normalizeClass(["kds-popover", ["floating", props.placement, { "full-width": props.fullWidth }]]),
|
|
2024
|
+
popover: "auto",
|
|
2025
|
+
style: normalizeStyle({ "position-anchor": anchorName }),
|
|
2026
|
+
role: props.role,
|
|
2027
|
+
"aria-label": props.popoverAriaLabel,
|
|
2028
|
+
onToggle: _cache[0] || (_cache[0] = ($event) => open.value = $event.newState === "open")
|
|
2029
|
+
}, [
|
|
2030
|
+
open.value ? renderSlot(_ctx.$slots, "default", { key: 0 }, () => [
|
|
2031
|
+
props.content?.trim().length ? (openBlock(), createElementBlock("div", _hoisted_2$5, toDisplayString(props.content), 1)) : createCommentVNode("", true)
|
|
2032
|
+
], true) : createCommentVNode("", true)
|
|
2033
|
+
], 46, _hoisted_1$c);
|
|
2034
|
+
};
|
|
2035
|
+
}
|
|
2036
|
+
});
|
|
2037
|
+
|
|
2038
|
+
const KdsPopover = /* @__PURE__ */ _export_sfc(_sfc_main$i, [["__scopeId", "data-v-9125d023"]]);
|
|
2039
|
+
|
|
2040
|
+
const _sfc_main$h = /* @__PURE__ */ defineComponent({
|
|
1985
2041
|
__name: "BaseFormFieldWrapper",
|
|
1986
2042
|
props: {
|
|
1987
2043
|
id: {},
|
|
@@ -2033,23 +2089,27 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
|
|
|
2033
2089
|
}
|
|
2034
2090
|
});
|
|
2035
2091
|
|
|
2036
|
-
const BaseFormFieldWrapper = /* @__PURE__ */ _export_sfc(_sfc_main$
|
|
2092
|
+
const BaseFormFieldWrapper = /* @__PURE__ */ _export_sfc(_sfc_main$h, [["__scopeId", "data-v-5d99c134"]]);
|
|
2037
2093
|
|
|
2038
2094
|
const _hoisted_1$b = {
|
|
2039
2095
|
key: 0,
|
|
2040
2096
|
class: "icon-wrapper leading"
|
|
2041
2097
|
};
|
|
2042
|
-
const _hoisted_2$4 =
|
|
2043
|
-
|
|
2044
|
-
|
|
2045
|
-
key: 3,
|
|
2046
|
-
class: "trailing-slot"
|
|
2098
|
+
const _hoisted_2$4 = {
|
|
2099
|
+
key: 1,
|
|
2100
|
+
class: "leading-slot"
|
|
2047
2101
|
};
|
|
2102
|
+
const _hoisted_3$4 = ["id", "value", "type", "inputmode", "placeholder", "disabled", "readonly", "required", "name", "autocomplete", "min", "max", "step", "aria-label", "aria-labelledby", "aria-describedby", "aria-invalid", "role", "aria-valuenow", "aria-valuemin", "aria-valuemax", "aria-valuetext", "aria-activedescendant"];
|
|
2103
|
+
const _hoisted_4$2 = ["aria-disabled"];
|
|
2048
2104
|
const _hoisted_5 = {
|
|
2049
2105
|
key: 4,
|
|
2106
|
+
class: "trailing-slot"
|
|
2107
|
+
};
|
|
2108
|
+
const _hoisted_6 = {
|
|
2109
|
+
key: 5,
|
|
2050
2110
|
class: "icon-wrapper trailing"
|
|
2051
2111
|
};
|
|
2052
|
-
const _sfc_main$
|
|
2112
|
+
const _sfc_main$g = /* @__PURE__ */ defineComponent({
|
|
2053
2113
|
__name: "BaseInput",
|
|
2054
2114
|
props: /* @__PURE__ */ mergeModels({
|
|
2055
2115
|
id: {},
|
|
@@ -2075,6 +2135,7 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
|
|
|
2075
2135
|
ariaValuemin: { default: void 0 },
|
|
2076
2136
|
ariaValuemax: { default: void 0 },
|
|
2077
2137
|
ariaValuetext: { default: void 0 },
|
|
2138
|
+
ariaActivedescendant: { default: void 0 },
|
|
2078
2139
|
unit: { default: void 0 },
|
|
2079
2140
|
inputmode: { default: void 0 },
|
|
2080
2141
|
clearable: { type: Boolean, default: false }
|
|
@@ -2131,6 +2192,9 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
|
|
|
2131
2192
|
name: props.leadingIcon
|
|
2132
2193
|
}, null, 8, ["name"])) : createCommentVNode("", true)
|
|
2133
2194
|
])) : createCommentVNode("", true),
|
|
2195
|
+
_ctx.$slots.leading ? (openBlock(), createElementBlock("div", _hoisted_2$4, [
|
|
2196
|
+
renderSlot(_ctx.$slots, "leading", {}, void 0, true)
|
|
2197
|
+
])) : createCommentVNode("", true),
|
|
2134
2198
|
createElementVNode("input", {
|
|
2135
2199
|
id: props.id,
|
|
2136
2200
|
ref: "input",
|
|
@@ -2155,24 +2219,25 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
|
|
|
2155
2219
|
"aria-valuemin": props.ariaValuemin,
|
|
2156
2220
|
"aria-valuemax": props.ariaValuemax,
|
|
2157
2221
|
"aria-valuetext": props.ariaValuetext,
|
|
2222
|
+
"aria-activedescendant": props.ariaActivedescendant,
|
|
2158
2223
|
class: normalizeClass({ "input-field": true, "has-value": hasValue.value }),
|
|
2159
2224
|
onInput: handleInput,
|
|
2160
2225
|
onFocus: _cache[0] || (_cache[0] = ($event) => emit("focus", $event)),
|
|
2161
2226
|
onBlur: _cache[1] || (_cache[1] = ($event) => emit("blur", $event)),
|
|
2162
2227
|
onKeydown: _cache[2] || (_cache[2] = ($event) => emit("keydown", $event)),
|
|
2163
2228
|
onClick: _cache[3] || (_cache[3] = ($event) => emit("click", $event))
|
|
2164
|
-
}, null, 42,
|
|
2229
|
+
}, null, 42, _hoisted_3$4),
|
|
2165
2230
|
props.unit ? (openBlock(), createElementBlock("span", {
|
|
2166
|
-
key:
|
|
2231
|
+
key: 2,
|
|
2167
2232
|
class: normalizeClass({
|
|
2168
2233
|
unit: true,
|
|
2169
2234
|
placeholder: showUnitPlaceholder.value,
|
|
2170
2235
|
disabled: props.disabled
|
|
2171
2236
|
}),
|
|
2172
2237
|
"aria-disabled": props.disabled || void 0
|
|
2173
|
-
}, toDisplayString(props.unit), 11,
|
|
2174
|
-
props.clearable && hasValue.value && !props.disabled && !props.readonly ? (openBlock(), createBlock(_sfc_main$
|
|
2175
|
-
key:
|
|
2238
|
+
}, toDisplayString(props.unit), 11, _hoisted_4$2)) : createCommentVNode("", true),
|
|
2239
|
+
props.clearable && hasValue.value && !props.disabled && !props.readonly ? (openBlock(), createBlock(_sfc_main$v, {
|
|
2240
|
+
key: 3,
|
|
2176
2241
|
class: "clear-button",
|
|
2177
2242
|
type: "button",
|
|
2178
2243
|
size: "xsmall",
|
|
@@ -2182,10 +2247,10 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
|
|
|
2182
2247
|
title: "Clear",
|
|
2183
2248
|
onClick: withModifiers(clearAndFocusInput, ["stop"])
|
|
2184
2249
|
})) : createCommentVNode("", true),
|
|
2185
|
-
_ctx.$slots.trailing ? (openBlock(), createElementBlock("div",
|
|
2250
|
+
_ctx.$slots.trailing ? (openBlock(), createElementBlock("div", _hoisted_5, [
|
|
2186
2251
|
renderSlot(_ctx.$slots, "trailing", {}, void 0, true)
|
|
2187
2252
|
])) : createCommentVNode("", true),
|
|
2188
|
-
props.trailingIcon ? (openBlock(), createElementBlock("div",
|
|
2253
|
+
props.trailingIcon ? (openBlock(), createElementBlock("div", _hoisted_6, [
|
|
2189
2254
|
createVNode(KdsIcon, {
|
|
2190
2255
|
name: props.trailingIcon
|
|
2191
2256
|
}, null, 8, ["name"])
|
|
@@ -2195,7 +2260,612 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
|
|
|
2195
2260
|
}
|
|
2196
2261
|
});
|
|
2197
2262
|
|
|
2198
|
-
const BaseInput = /* @__PURE__ */ _export_sfc(_sfc_main$
|
|
2263
|
+
const BaseInput = /* @__PURE__ */ _export_sfc(_sfc_main$g, [["__scopeId", "data-v-44072f2e"]]);
|
|
2264
|
+
|
|
2265
|
+
const _sfc_main$f = /* @__PURE__ */ defineComponent({
|
|
2266
|
+
__name: "KdsTextInput",
|
|
2267
|
+
props: /* @__PURE__ */ mergeModels({
|
|
2268
|
+
description: {},
|
|
2269
|
+
label: {},
|
|
2270
|
+
ariaLabel: {},
|
|
2271
|
+
id: {},
|
|
2272
|
+
subText: {},
|
|
2273
|
+
error: { type: Boolean, default: false },
|
|
2274
|
+
validating: { type: Boolean, default: false },
|
|
2275
|
+
preserveSubTextSpace: { type: Boolean, default: false },
|
|
2276
|
+
placeholder: {},
|
|
2277
|
+
disabled: { type: Boolean, default: false },
|
|
2278
|
+
readonly: { type: Boolean, default: false },
|
|
2279
|
+
required: { type: Boolean, default: false },
|
|
2280
|
+
name: {},
|
|
2281
|
+
autocomplete: {}
|
|
2282
|
+
}, {
|
|
2283
|
+
"modelValue": { default: "" },
|
|
2284
|
+
"modelModifiers": {}
|
|
2285
|
+
}),
|
|
2286
|
+
emits: ["update:modelValue"],
|
|
2287
|
+
setup(__props, { expose: __expose }) {
|
|
2288
|
+
const props = __props;
|
|
2289
|
+
const modelValue = useModel(__props, "modelValue");
|
|
2290
|
+
const baseInput = useTemplateRef("baseInput");
|
|
2291
|
+
__expose({
|
|
2292
|
+
focus: () => baseInput.value?.focus()
|
|
2293
|
+
});
|
|
2294
|
+
return (_ctx, _cache) => {
|
|
2295
|
+
return openBlock(), createBlock(BaseFormFieldWrapper, normalizeProps(guardReactiveProps(props)), {
|
|
2296
|
+
default: withCtx((slotProps) => [
|
|
2297
|
+
createVNode(BaseInput, mergeProps({
|
|
2298
|
+
ref_key: "baseInput",
|
|
2299
|
+
ref: baseInput
|
|
2300
|
+
}, slotProps, {
|
|
2301
|
+
modelValue: modelValue.value,
|
|
2302
|
+
"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => modelValue.value = $event),
|
|
2303
|
+
type: "text",
|
|
2304
|
+
placeholder: props.placeholder,
|
|
2305
|
+
disabled: props.disabled,
|
|
2306
|
+
readonly: props.readonly,
|
|
2307
|
+
required: props.required,
|
|
2308
|
+
error: props.error,
|
|
2309
|
+
name: props.name,
|
|
2310
|
+
autocomplete: props.autocomplete
|
|
2311
|
+
}), null, 16, ["modelValue", "placeholder", "disabled", "readonly", "required", "error", "name", "autocomplete"])
|
|
2312
|
+
]),
|
|
2313
|
+
_: 1
|
|
2314
|
+
}, 16);
|
|
2315
|
+
};
|
|
2316
|
+
}
|
|
2317
|
+
});
|
|
2318
|
+
|
|
2319
|
+
const HEX_RADIX = 16;
|
|
2320
|
+
const RGB_MAX = 255;
|
|
2321
|
+
const HUE_MAX_DEG$1 = 360;
|
|
2322
|
+
const HUE_SECTOR_DEG = 60;
|
|
2323
|
+
const HUE_SECTOR_COUNT = 6;
|
|
2324
|
+
const HUE_OFFSET_FOR_MAX_G = 2;
|
|
2325
|
+
const HUE_OFFSET_FOR_MAX_B = 4;
|
|
2326
|
+
const HUE_SECTOR_INDEX_2 = 2;
|
|
2327
|
+
const HUE_SECTOR_INDEX_3 = 3;
|
|
2328
|
+
const HUE_SECTOR_INDEX_4 = 4;
|
|
2329
|
+
const HUE_SECTOR_INDEX_5 = 5;
|
|
2330
|
+
const HEX_PAIR_LENGTH = 2;
|
|
2331
|
+
const HEX_RED_START = 1;
|
|
2332
|
+
const HEX_GREEN_START = HEX_RED_START + HEX_PAIR_LENGTH;
|
|
2333
|
+
const HEX_BLUE_START = HEX_GREEN_START + HEX_PAIR_LENGTH;
|
|
2334
|
+
const clamp = (value, min, max) => Math.min(max, Math.max(min, value));
|
|
2335
|
+
const round = (value) => Math.round(value);
|
|
2336
|
+
const padHex = (value) => value.toString(HEX_RADIX).padStart(2, "0");
|
|
2337
|
+
const normalizeHexColor = (value) => {
|
|
2338
|
+
const trimmed = value.trim();
|
|
2339
|
+
if (trimmed.length === 0) {
|
|
2340
|
+
return null;
|
|
2341
|
+
}
|
|
2342
|
+
const withoutHash = trimmed.startsWith("#") ? trimmed.slice(1) : trimmed;
|
|
2343
|
+
if (/^[0-9a-fA-F]{3}$/.test(withoutHash)) {
|
|
2344
|
+
const [r, g, b] = withoutHash.split("");
|
|
2345
|
+
return `#${r}${r}${g}${g}${b}${b}`.toUpperCase();
|
|
2346
|
+
}
|
|
2347
|
+
if (/^[0-9a-fA-F]{6}$/.test(withoutHash)) {
|
|
2348
|
+
return `#${withoutHash}`.toUpperCase();
|
|
2349
|
+
}
|
|
2350
|
+
return null;
|
|
2351
|
+
};
|
|
2352
|
+
const hexToRgb = (hex) => {
|
|
2353
|
+
const normalized = normalizeHexColor(hex);
|
|
2354
|
+
if (!normalized) {
|
|
2355
|
+
return null;
|
|
2356
|
+
}
|
|
2357
|
+
const r = Number.parseInt(
|
|
2358
|
+
normalized.slice(HEX_RED_START, HEX_RED_START + HEX_PAIR_LENGTH),
|
|
2359
|
+
HEX_RADIX
|
|
2360
|
+
);
|
|
2361
|
+
const g = Number.parseInt(
|
|
2362
|
+
normalized.slice(HEX_GREEN_START, HEX_GREEN_START + HEX_PAIR_LENGTH),
|
|
2363
|
+
HEX_RADIX
|
|
2364
|
+
);
|
|
2365
|
+
const b = Number.parseInt(
|
|
2366
|
+
normalized.slice(HEX_BLUE_START, HEX_BLUE_START + HEX_PAIR_LENGTH),
|
|
2367
|
+
HEX_RADIX
|
|
2368
|
+
);
|
|
2369
|
+
return { r, g, b };
|
|
2370
|
+
};
|
|
2371
|
+
const rgbToHex = ({ r, g, b }) => {
|
|
2372
|
+
const rr = clamp(round(r), 0, RGB_MAX);
|
|
2373
|
+
const gg = clamp(round(g), 0, RGB_MAX);
|
|
2374
|
+
const bb = clamp(round(b), 0, RGB_MAX);
|
|
2375
|
+
return `#${padHex(rr)}${padHex(gg)}${padHex(bb)}`.toUpperCase();
|
|
2376
|
+
};
|
|
2377
|
+
const rgbToHsv = ({ r, g, b }) => {
|
|
2378
|
+
const rr = clamp(r / RGB_MAX, 0, 1);
|
|
2379
|
+
const gg = clamp(g / RGB_MAX, 0, 1);
|
|
2380
|
+
const bb = clamp(b / RGB_MAX, 0, 1);
|
|
2381
|
+
const max = Math.max(rr, gg, bb);
|
|
2382
|
+
const min = Math.min(rr, gg, bb);
|
|
2383
|
+
const delta = max - min;
|
|
2384
|
+
const v = max;
|
|
2385
|
+
const s = max === 0 ? 0 : delta / max;
|
|
2386
|
+
let h = 0;
|
|
2387
|
+
if (delta !== 0) {
|
|
2388
|
+
if (max === rr) {
|
|
2389
|
+
h = (gg - bb) / delta % HUE_SECTOR_COUNT;
|
|
2390
|
+
} else if (max === gg) {
|
|
2391
|
+
h = (bb - rr) / delta + HUE_OFFSET_FOR_MAX_G;
|
|
2392
|
+
} else {
|
|
2393
|
+
h = (rr - gg) / delta + HUE_OFFSET_FOR_MAX_B;
|
|
2394
|
+
}
|
|
2395
|
+
h *= HUE_SECTOR_DEG;
|
|
2396
|
+
if (h < 0) {
|
|
2397
|
+
h += HUE_MAX_DEG$1;
|
|
2398
|
+
}
|
|
2399
|
+
}
|
|
2400
|
+
return { h, s, v };
|
|
2401
|
+
};
|
|
2402
|
+
const hsvToRgb = ({ h, s, v }) => {
|
|
2403
|
+
const hh = (h % HUE_MAX_DEG$1 + HUE_MAX_DEG$1) % HUE_MAX_DEG$1;
|
|
2404
|
+
const ss = clamp(s, 0, 1);
|
|
2405
|
+
const vv = clamp(v, 0, 1);
|
|
2406
|
+
const c = vv * ss;
|
|
2407
|
+
const x = c * (1 - Math.abs(hh / HUE_SECTOR_DEG % 2 - 1));
|
|
2408
|
+
const m = vv - c;
|
|
2409
|
+
let rPrime = 0;
|
|
2410
|
+
let gPrime = 0;
|
|
2411
|
+
let bPrime = 0;
|
|
2412
|
+
if (hh < HUE_SECTOR_DEG) {
|
|
2413
|
+
rPrime = c;
|
|
2414
|
+
gPrime = x;
|
|
2415
|
+
} else if (hh < HUE_SECTOR_INDEX_2 * HUE_SECTOR_DEG) {
|
|
2416
|
+
rPrime = x;
|
|
2417
|
+
gPrime = c;
|
|
2418
|
+
} else if (hh < HUE_SECTOR_INDEX_3 * HUE_SECTOR_DEG) {
|
|
2419
|
+
gPrime = c;
|
|
2420
|
+
bPrime = x;
|
|
2421
|
+
} else if (hh < HUE_SECTOR_INDEX_4 * HUE_SECTOR_DEG) {
|
|
2422
|
+
gPrime = x;
|
|
2423
|
+
bPrime = c;
|
|
2424
|
+
} else if (hh < HUE_SECTOR_INDEX_5 * HUE_SECTOR_DEG) {
|
|
2425
|
+
rPrime = x;
|
|
2426
|
+
bPrime = c;
|
|
2427
|
+
} else {
|
|
2428
|
+
rPrime = c;
|
|
2429
|
+
bPrime = x;
|
|
2430
|
+
}
|
|
2431
|
+
return {
|
|
2432
|
+
r: round((rPrime + m) * RGB_MAX),
|
|
2433
|
+
g: round((gPrime + m) * RGB_MAX),
|
|
2434
|
+
b: round((bPrime + m) * RGB_MAX)
|
|
2435
|
+
};
|
|
2436
|
+
};
|
|
2437
|
+
const hsvToHex = (hsv) => rgbToHex(hsvToRgb(hsv));
|
|
2438
|
+
|
|
2439
|
+
const usePointerHandler = (updateFromEvent) => {
|
|
2440
|
+
const activePointerId = ref(null);
|
|
2441
|
+
const onPointerDown = (event) => {
|
|
2442
|
+
if (event.button !== 0) {
|
|
2443
|
+
return;
|
|
2444
|
+
}
|
|
2445
|
+
const target = event.currentTarget;
|
|
2446
|
+
if (!(target instanceof HTMLElement)) {
|
|
2447
|
+
return;
|
|
2448
|
+
}
|
|
2449
|
+
activePointerId.value = event.pointerId;
|
|
2450
|
+
target.setPointerCapture(event.pointerId);
|
|
2451
|
+
updateFromEvent(event);
|
|
2452
|
+
};
|
|
2453
|
+
const onPointerMove = (event) => {
|
|
2454
|
+
if (activePointerId.value !== event.pointerId) {
|
|
2455
|
+
return;
|
|
2456
|
+
}
|
|
2457
|
+
updateFromEvent(event);
|
|
2458
|
+
};
|
|
2459
|
+
const endPointerInteraction = (event) => {
|
|
2460
|
+
if (activePointerId.value !== event.pointerId) {
|
|
2461
|
+
return;
|
|
2462
|
+
}
|
|
2463
|
+
const target = event.currentTarget;
|
|
2464
|
+
if (target instanceof HTMLElement && target.hasPointerCapture(event.pointerId)) {
|
|
2465
|
+
target.releasePointerCapture(event.pointerId);
|
|
2466
|
+
}
|
|
2467
|
+
activePointerId.value = null;
|
|
2468
|
+
};
|
|
2469
|
+
return {
|
|
2470
|
+
activePointerId,
|
|
2471
|
+
onPointerDown,
|
|
2472
|
+
onPointerMove,
|
|
2473
|
+
onPointerUp: endPointerInteraction
|
|
2474
|
+
};
|
|
2475
|
+
};
|
|
2476
|
+
|
|
2477
|
+
const _hoisted_1$a = { class: "kds-color-picker" };
|
|
2478
|
+
const _hoisted_2$3 = ["aria-valuetext"];
|
|
2479
|
+
const _hoisted_3$3 = ["aria-valuenow", "aria-valuetext"];
|
|
2480
|
+
const DEFAULT_HUE_DEG = 270;
|
|
2481
|
+
const DEFAULT_SATURATION = 0.8;
|
|
2482
|
+
const DEFAULT_VALUE = 0.9;
|
|
2483
|
+
const HUE_MAX_DEG = 360;
|
|
2484
|
+
const HUE_MAX_EXCLUSIVE_DEG = 359.999;
|
|
2485
|
+
const PERCENT = 100;
|
|
2486
|
+
const KEYBOARD_STEP = 0.01;
|
|
2487
|
+
const KEYBOARD_LARGE_STEP = 0.1;
|
|
2488
|
+
const HUE_KEYBOARD_STEP_DEG = 1;
|
|
2489
|
+
const HUE_KEYBOARD_LARGE_STEP_DEG = 10;
|
|
2490
|
+
const TO_BOTTOM_GRADIENT = "linear-gradient(to bottom, transparent, black)";
|
|
2491
|
+
const _sfc_main$e = /* @__PURE__ */ defineComponent({
|
|
2492
|
+
__name: "ColorPicker",
|
|
2493
|
+
props: {
|
|
2494
|
+
"modelValue": { default: "" },
|
|
2495
|
+
"modelModifiers": {}
|
|
2496
|
+
},
|
|
2497
|
+
emits: ["update:modelValue"],
|
|
2498
|
+
setup(__props) {
|
|
2499
|
+
const modelValue = useModel(__props, "modelValue");
|
|
2500
|
+
const colorspaceEl = ref(null);
|
|
2501
|
+
const hueEl = ref(null);
|
|
2502
|
+
const hue = ref(DEFAULT_HUE_DEG);
|
|
2503
|
+
const saturation = ref(DEFAULT_SATURATION);
|
|
2504
|
+
const value = ref(DEFAULT_VALUE);
|
|
2505
|
+
const hasPendingInternalModelUpdate = ref(false);
|
|
2506
|
+
const syncFromModelValue = (next) => {
|
|
2507
|
+
const rgb = hexToRgb(next);
|
|
2508
|
+
if (!rgb) {
|
|
2509
|
+
return;
|
|
2510
|
+
}
|
|
2511
|
+
const hsv = rgbToHsv(rgb);
|
|
2512
|
+
hue.value = hsv.h;
|
|
2513
|
+
saturation.value = hsv.s;
|
|
2514
|
+
value.value = hsv.v;
|
|
2515
|
+
};
|
|
2516
|
+
watch(
|
|
2517
|
+
() => modelValue.value,
|
|
2518
|
+
(next) => {
|
|
2519
|
+
if (hasPendingInternalModelUpdate.value) {
|
|
2520
|
+
hasPendingInternalModelUpdate.value = false;
|
|
2521
|
+
return;
|
|
2522
|
+
}
|
|
2523
|
+
syncFromModelValue(next);
|
|
2524
|
+
},
|
|
2525
|
+
{ immediate: true }
|
|
2526
|
+
);
|
|
2527
|
+
const currentHex = computed(
|
|
2528
|
+
() => hsvToHex({
|
|
2529
|
+
h: hue.value,
|
|
2530
|
+
s: saturation.value,
|
|
2531
|
+
v: value.value
|
|
2532
|
+
})
|
|
2533
|
+
);
|
|
2534
|
+
const hueRgb = computed(() => hsvToRgb({ h: hue.value, s: 1, v: 1 }));
|
|
2535
|
+
const colorspaceBackground = computed(() => {
|
|
2536
|
+
const { r, g, b } = hueRgb.value;
|
|
2537
|
+
return {
|
|
2538
|
+
background: `${TO_BOTTOM_GRADIENT}, linear-gradient(to right, white, rgb(${r}, ${g}, ${b}))`
|
|
2539
|
+
};
|
|
2540
|
+
});
|
|
2541
|
+
const colorspaceHandleStyle = computed(() => ({
|
|
2542
|
+
left: `${saturation.value * 100}%`,
|
|
2543
|
+
top: `${(1 - value.value) * 100}%`
|
|
2544
|
+
}));
|
|
2545
|
+
const hueHandleStyle = computed(() => ({
|
|
2546
|
+
left: `${hue.value / HUE_MAX_DEG * PERCENT}%`
|
|
2547
|
+
}));
|
|
2548
|
+
const setModelValueFromHsv = () => {
|
|
2549
|
+
hasPendingInternalModelUpdate.value = true;
|
|
2550
|
+
modelValue.value = currentHex.value;
|
|
2551
|
+
};
|
|
2552
|
+
const updateFromColorspaceEvent = (event) => {
|
|
2553
|
+
const el = colorspaceEl.value;
|
|
2554
|
+
if (!el) {
|
|
2555
|
+
return;
|
|
2556
|
+
}
|
|
2557
|
+
const rect = el.getBoundingClientRect();
|
|
2558
|
+
const x = (event.clientX - rect.left) / rect.width;
|
|
2559
|
+
const y = (event.clientY - rect.top) / rect.height;
|
|
2560
|
+
saturation.value = Math.min(1, Math.max(0, x));
|
|
2561
|
+
value.value = 1 - Math.min(1, Math.max(0, y));
|
|
2562
|
+
setModelValueFromHsv();
|
|
2563
|
+
};
|
|
2564
|
+
const updateFromHueEvent = (event) => {
|
|
2565
|
+
const el = hueEl.value;
|
|
2566
|
+
if (!el) {
|
|
2567
|
+
return;
|
|
2568
|
+
}
|
|
2569
|
+
const rect = el.getBoundingClientRect();
|
|
2570
|
+
const x = (event.clientX - rect.left) / rect.width;
|
|
2571
|
+
hue.value = Math.min(HUE_MAX_EXCLUSIVE_DEG, Math.max(0, x * HUE_MAX_DEG));
|
|
2572
|
+
setModelValueFromHsv();
|
|
2573
|
+
};
|
|
2574
|
+
const {
|
|
2575
|
+
onPointerDown: onColorspacePointerDown,
|
|
2576
|
+
onPointerMove: onColorspacePointerMove,
|
|
2577
|
+
onPointerUp: onColorspacePointerUp
|
|
2578
|
+
} = usePointerHandler(updateFromColorspaceEvent);
|
|
2579
|
+
const {
|
|
2580
|
+
onPointerDown: onHuePointerDown,
|
|
2581
|
+
onPointerMove: onHuePointerMove,
|
|
2582
|
+
onPointerUp: onHuePointerUp
|
|
2583
|
+
} = usePointerHandler(updateFromHueEvent);
|
|
2584
|
+
const updateFromTextValue = (next) => {
|
|
2585
|
+
modelValue.value = next;
|
|
2586
|
+
const normalized = normalizeHexColor(next);
|
|
2587
|
+
if (normalized) {
|
|
2588
|
+
syncFromModelValue(normalized);
|
|
2589
|
+
}
|
|
2590
|
+
};
|
|
2591
|
+
const saturationPercent = computed(
|
|
2592
|
+
() => Math.round(saturation.value * PERCENT)
|
|
2593
|
+
);
|
|
2594
|
+
const valuePercent = computed(() => Math.round(value.value * PERCENT));
|
|
2595
|
+
const colorspaceValueText = computed(
|
|
2596
|
+
() => `Saturation ${saturationPercent.value} percent, brightness ${valuePercent.value} percent`
|
|
2597
|
+
);
|
|
2598
|
+
const hueValueText = computed(() => `${Math.round(hue.value)} degrees`);
|
|
2599
|
+
const onColorspaceKeyDown = (event) => {
|
|
2600
|
+
const step = event.shiftKey ? KEYBOARD_LARGE_STEP : KEYBOARD_STEP;
|
|
2601
|
+
let handled = true;
|
|
2602
|
+
switch (event.key) {
|
|
2603
|
+
case "ArrowLeft":
|
|
2604
|
+
saturation.value = clamp(saturation.value - step, 0, 1);
|
|
2605
|
+
break;
|
|
2606
|
+
case "ArrowRight":
|
|
2607
|
+
saturation.value = clamp(saturation.value + step, 0, 1);
|
|
2608
|
+
break;
|
|
2609
|
+
case "ArrowUp":
|
|
2610
|
+
value.value = clamp(value.value + step, 0, 1);
|
|
2611
|
+
break;
|
|
2612
|
+
case "ArrowDown":
|
|
2613
|
+
value.value = clamp(value.value - step, 0, 1);
|
|
2614
|
+
break;
|
|
2615
|
+
default:
|
|
2616
|
+
handled = false;
|
|
2617
|
+
}
|
|
2618
|
+
if (handled) {
|
|
2619
|
+
event.preventDefault();
|
|
2620
|
+
setModelValueFromHsv();
|
|
2621
|
+
}
|
|
2622
|
+
};
|
|
2623
|
+
const onHueKeyDown = (event) => {
|
|
2624
|
+
const step = event.shiftKey ? HUE_KEYBOARD_LARGE_STEP_DEG : HUE_KEYBOARD_STEP_DEG;
|
|
2625
|
+
let handled = true;
|
|
2626
|
+
switch (event.key) {
|
|
2627
|
+
case "ArrowLeft":
|
|
2628
|
+
hue.value = clamp(hue.value - step, 0, HUE_MAX_EXCLUSIVE_DEG);
|
|
2629
|
+
break;
|
|
2630
|
+
case "ArrowRight":
|
|
2631
|
+
hue.value = clamp(hue.value + step, 0, HUE_MAX_EXCLUSIVE_DEG);
|
|
2632
|
+
break;
|
|
2633
|
+
default:
|
|
2634
|
+
handled = false;
|
|
2635
|
+
}
|
|
2636
|
+
if (handled) {
|
|
2637
|
+
event.preventDefault();
|
|
2638
|
+
setModelValueFromHsv();
|
|
2639
|
+
}
|
|
2640
|
+
};
|
|
2641
|
+
return (_ctx, _cache) => {
|
|
2642
|
+
return openBlock(), createElementBlock("div", _hoisted_1$a, [
|
|
2643
|
+
createElementVNode("div", {
|
|
2644
|
+
ref_key: "colorspaceEl",
|
|
2645
|
+
ref: colorspaceEl,
|
|
2646
|
+
class: "colorspace",
|
|
2647
|
+
role: "slider",
|
|
2648
|
+
"aria-label": "Color selection",
|
|
2649
|
+
"aria-roledescription": "2D color slider",
|
|
2650
|
+
"aria-valuetext": colorspaceValueText.value,
|
|
2651
|
+
style: normalizeStyle(colorspaceBackground.value),
|
|
2652
|
+
tabindex: "0",
|
|
2653
|
+
onPointerdown: _cache[0] || (_cache[0] = withModifiers(
|
|
2654
|
+
//@ts-ignore
|
|
2655
|
+
(...args) => unref(onColorspacePointerDown) && unref(onColorspacePointerDown)(...args),
|
|
2656
|
+
["prevent"]
|
|
2657
|
+
)),
|
|
2658
|
+
onPointermove: _cache[1] || (_cache[1] = withModifiers(
|
|
2659
|
+
//@ts-ignore
|
|
2660
|
+
(...args) => unref(onColorspacePointerMove) && unref(onColorspacePointerMove)(...args),
|
|
2661
|
+
["prevent"]
|
|
2662
|
+
)),
|
|
2663
|
+
onPointerup: _cache[2] || (_cache[2] = //@ts-ignore
|
|
2664
|
+
(...args) => unref(onColorspacePointerUp) && unref(onColorspacePointerUp)(...args)),
|
|
2665
|
+
onPointercancel: _cache[3] || (_cache[3] = //@ts-ignore
|
|
2666
|
+
(...args) => unref(onColorspacePointerUp) && unref(onColorspacePointerUp)(...args)),
|
|
2667
|
+
onKeydown: onColorspaceKeyDown
|
|
2668
|
+
}, [
|
|
2669
|
+
createElementVNode("div", {
|
|
2670
|
+
class: "handle",
|
|
2671
|
+
style: normalizeStyle(colorspaceHandleStyle.value)
|
|
2672
|
+
}, null, 4)
|
|
2673
|
+
], 44, _hoisted_2$3),
|
|
2674
|
+
createElementVNode("div", {
|
|
2675
|
+
ref_key: "hueEl",
|
|
2676
|
+
ref: hueEl,
|
|
2677
|
+
class: "hue",
|
|
2678
|
+
role: "slider",
|
|
2679
|
+
"aria-label": "Hue",
|
|
2680
|
+
"aria-valuenow": Math.round(hue.value),
|
|
2681
|
+
"aria-valuemin": "0",
|
|
2682
|
+
"aria-valuemax": HUE_MAX_DEG,
|
|
2683
|
+
"aria-valuetext": hueValueText.value,
|
|
2684
|
+
tabindex: "0",
|
|
2685
|
+
onPointerdown: _cache[4] || (_cache[4] = withModifiers(
|
|
2686
|
+
//@ts-ignore
|
|
2687
|
+
(...args) => unref(onHuePointerDown) && unref(onHuePointerDown)(...args),
|
|
2688
|
+
["prevent"]
|
|
2689
|
+
)),
|
|
2690
|
+
onPointermove: _cache[5] || (_cache[5] = withModifiers(
|
|
2691
|
+
//@ts-ignore
|
|
2692
|
+
(...args) => unref(onHuePointerMove) && unref(onHuePointerMove)(...args),
|
|
2693
|
+
["prevent"]
|
|
2694
|
+
)),
|
|
2695
|
+
onPointerup: _cache[6] || (_cache[6] = //@ts-ignore
|
|
2696
|
+
(...args) => unref(onHuePointerUp) && unref(onHuePointerUp)(...args)),
|
|
2697
|
+
onPointercancel: _cache[7] || (_cache[7] = //@ts-ignore
|
|
2698
|
+
(...args) => unref(onHuePointerUp) && unref(onHuePointerUp)(...args)),
|
|
2699
|
+
onKeydown: onHueKeyDown
|
|
2700
|
+
}, [
|
|
2701
|
+
createElementVNode("div", {
|
|
2702
|
+
class: "handle",
|
|
2703
|
+
style: normalizeStyle(hueHandleStyle.value)
|
|
2704
|
+
}, null, 4)
|
|
2705
|
+
], 40, _hoisted_3$3),
|
|
2706
|
+
createVNode(_sfc_main$f, {
|
|
2707
|
+
"model-value": modelValue.value,
|
|
2708
|
+
"aria-label": "Color hex value",
|
|
2709
|
+
placeholder: "#FFFFFF",
|
|
2710
|
+
"onUpdate:modelValue": updateFromTextValue
|
|
2711
|
+
}, null, 8, ["model-value"])
|
|
2712
|
+
]);
|
|
2713
|
+
};
|
|
2714
|
+
}
|
|
2715
|
+
});
|
|
2716
|
+
|
|
2717
|
+
const ColorPicker = /* @__PURE__ */ _export_sfc(_sfc_main$e, [["__scopeId", "data-v-180fafdd"]]);
|
|
2718
|
+
|
|
2719
|
+
const HEX_LENGTH_1 = 1;
|
|
2720
|
+
const HEX_LENGTH_2 = 2;
|
|
2721
|
+
const HEX_LENGTH_3 = 3;
|
|
2722
|
+
const HEX_LENGTH_4 = 4;
|
|
2723
|
+
const HEX_LENGTH_6 = 6;
|
|
2724
|
+
const normalize = (value, fallbackValue) => {
|
|
2725
|
+
const trimmed = value.trim();
|
|
2726
|
+
if (trimmed.length === 0) {
|
|
2727
|
+
return fallbackValue;
|
|
2728
|
+
}
|
|
2729
|
+
const withoutHash = trimmed.startsWith("#") ? trimmed.slice(1) : trimmed;
|
|
2730
|
+
if (!/^[0-9a-fA-F]+$/.test(withoutHash)) {
|
|
2731
|
+
return fallbackValue;
|
|
2732
|
+
}
|
|
2733
|
+
if (withoutHash.length === HEX_LENGTH_1) {
|
|
2734
|
+
return `#${withoutHash.repeat(HEX_LENGTH_6)}`.toUpperCase();
|
|
2735
|
+
}
|
|
2736
|
+
if (withoutHash.length === HEX_LENGTH_2) {
|
|
2737
|
+
return `#${withoutHash.repeat(HEX_LENGTH_3)}`.toUpperCase();
|
|
2738
|
+
}
|
|
2739
|
+
if (withoutHash.length === HEX_LENGTH_3 || withoutHash.length === HEX_LENGTH_4) {
|
|
2740
|
+
const [r, g, b] = withoutHash;
|
|
2741
|
+
return `#${r}${r}${g}${g}${b}${b}`.toUpperCase();
|
|
2742
|
+
}
|
|
2743
|
+
if (withoutHash.length === HEX_LENGTH_6) {
|
|
2744
|
+
return `#${withoutHash}`.toUpperCase();
|
|
2745
|
+
}
|
|
2746
|
+
return fallbackValue;
|
|
2747
|
+
};
|
|
2748
|
+
const useColorInputValidationOnFocusOut = (modelValue) => {
|
|
2749
|
+
const lastValidHexColor = ref("");
|
|
2750
|
+
watch(
|
|
2751
|
+
modelValue,
|
|
2752
|
+
(value) => {
|
|
2753
|
+
const withoutHash = value.startsWith("#") ? value.slice(1) : value;
|
|
2754
|
+
if (/^[0-9a-fA-F]{6}$/.test(withoutHash)) {
|
|
2755
|
+
lastValidHexColor.value = `#${withoutHash.toUpperCase()}`;
|
|
2756
|
+
}
|
|
2757
|
+
},
|
|
2758
|
+
{ immediate: true }
|
|
2759
|
+
);
|
|
2760
|
+
const handleFocusOut = (event) => {
|
|
2761
|
+
const currentTarget = event.currentTarget;
|
|
2762
|
+
if (!(currentTarget instanceof HTMLElement)) {
|
|
2763
|
+
return;
|
|
2764
|
+
}
|
|
2765
|
+
const nextFocusedElement = event.relatedTarget;
|
|
2766
|
+
if (nextFocusedElement instanceof Node && currentTarget.contains(nextFocusedElement)) {
|
|
2767
|
+
return;
|
|
2768
|
+
}
|
|
2769
|
+
const normalized = normalize(modelValue.value, lastValidHexColor.value);
|
|
2770
|
+
if (normalized !== void 0) {
|
|
2771
|
+
modelValue.value = normalized;
|
|
2772
|
+
}
|
|
2773
|
+
};
|
|
2774
|
+
return { handleFocusOut };
|
|
2775
|
+
};
|
|
2776
|
+
|
|
2777
|
+
const _sfc_main$d = /* @__PURE__ */ defineComponent({
|
|
2778
|
+
__name: "KdsColorInput",
|
|
2779
|
+
props: /* @__PURE__ */ mergeModels({
|
|
2780
|
+
description: {},
|
|
2781
|
+
label: {},
|
|
2782
|
+
ariaLabel: {},
|
|
2783
|
+
id: {},
|
|
2784
|
+
subText: {},
|
|
2785
|
+
error: { type: Boolean, default: false },
|
|
2786
|
+
validating: { type: Boolean, default: false },
|
|
2787
|
+
preserveSubTextSpace: { type: Boolean, default: false },
|
|
2788
|
+
placeholder: { default: "#FFFFFF" },
|
|
2789
|
+
disabled: { type: Boolean, default: false },
|
|
2790
|
+
name: { default: void 0 },
|
|
2791
|
+
autocomplete: { default: void 0 }
|
|
2792
|
+
}, {
|
|
2793
|
+
"modelValue": { default: "" },
|
|
2794
|
+
"modelModifiers": {}
|
|
2795
|
+
}),
|
|
2796
|
+
emits: ["update:modelValue"],
|
|
2797
|
+
setup(__props) {
|
|
2798
|
+
const props = __props;
|
|
2799
|
+
const modelValue = useModel(__props, "modelValue");
|
|
2800
|
+
const open = ref(false);
|
|
2801
|
+
const popoverEl = useTemplateRef("popoverEl");
|
|
2802
|
+
const swatchColor = computed(
|
|
2803
|
+
() => normalizeHexColor(modelValue.value) ?? "#FFFFFF"
|
|
2804
|
+
);
|
|
2805
|
+
const { handleFocusOut } = useColorInputValidationOnFocusOut(modelValue);
|
|
2806
|
+
return (_ctx, _cache) => {
|
|
2807
|
+
return openBlock(), createBlock(BaseFormFieldWrapper, normalizeProps(guardReactiveProps(props)), {
|
|
2808
|
+
default: withCtx((slotProps) => [
|
|
2809
|
+
createElementVNode("div", {
|
|
2810
|
+
style: normalizeStyle(popoverEl.value?.anchorStyle),
|
|
2811
|
+
onFocusout: _cache[4] || (_cache[4] = //@ts-ignore
|
|
2812
|
+
(...args) => unref(handleFocusOut) && unref(handleFocusOut)(...args))
|
|
2813
|
+
}, [
|
|
2814
|
+
createVNode(BaseInput, mergeProps(slotProps, {
|
|
2815
|
+
modelValue: modelValue.value,
|
|
2816
|
+
"onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => modelValue.value = $event),
|
|
2817
|
+
placeholder: props.placeholder,
|
|
2818
|
+
disabled: props.disabled,
|
|
2819
|
+
error: props.error,
|
|
2820
|
+
name: props.name,
|
|
2821
|
+
autocomplete: props.autocomplete
|
|
2822
|
+
}), {
|
|
2823
|
+
leading: withCtx(() => [
|
|
2824
|
+
createVNode(KdsColorSwatch, {
|
|
2825
|
+
size: "large",
|
|
2826
|
+
color: swatchColor.value,
|
|
2827
|
+
"aria-hidden": true
|
|
2828
|
+
}, null, 8, ["color"])
|
|
2829
|
+
]),
|
|
2830
|
+
trailing: withCtx(() => [
|
|
2831
|
+
createVNode(unref(_sfc_main$t), {
|
|
2832
|
+
modelValue: open.value,
|
|
2833
|
+
"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => open.value = $event),
|
|
2834
|
+
size: "xsmall",
|
|
2835
|
+
variant: "outlined",
|
|
2836
|
+
"leading-icon": "color-picker",
|
|
2837
|
+
"aria-label": "Open color picker",
|
|
2838
|
+
"aria-controls": popoverEl.value?.popoverId,
|
|
2839
|
+
"aria-haspopup": "dialog",
|
|
2840
|
+
disabled: props.disabled,
|
|
2841
|
+
title: open.value ? "Close color picker" : "Open color picker"
|
|
2842
|
+
}, null, 8, ["modelValue", "aria-controls", "disabled", "title"])
|
|
2843
|
+
]),
|
|
2844
|
+
_: 1
|
|
2845
|
+
}, 16, ["modelValue", "placeholder", "disabled", "error", "name", "autocomplete"]),
|
|
2846
|
+
createVNode(KdsPopover, {
|
|
2847
|
+
ref_key: "popoverEl",
|
|
2848
|
+
ref: popoverEl,
|
|
2849
|
+
modelValue: open.value,
|
|
2850
|
+
"onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => open.value = $event),
|
|
2851
|
+
placement: "bottom-right",
|
|
2852
|
+
"popover-aria-label": "Color picker"
|
|
2853
|
+
}, {
|
|
2854
|
+
default: withCtx(() => [
|
|
2855
|
+
createVNode(ColorPicker, {
|
|
2856
|
+
modelValue: modelValue.value,
|
|
2857
|
+
"onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => modelValue.value = $event)
|
|
2858
|
+
}, null, 8, ["modelValue"])
|
|
2859
|
+
]),
|
|
2860
|
+
_: 1
|
|
2861
|
+
}, 8, ["modelValue"])
|
|
2862
|
+
], 36)
|
|
2863
|
+
]),
|
|
2864
|
+
_: 1
|
|
2865
|
+
}, 16);
|
|
2866
|
+
};
|
|
2867
|
+
}
|
|
2868
|
+
});
|
|
2199
2869
|
|
|
2200
2870
|
const additionalGroupSeparators = [" ", " ", " "];
|
|
2201
2871
|
const decimalSeparatorSample = 1.1;
|
|
@@ -2319,7 +2989,7 @@ const createKdsNumberParser = (params) => {
|
|
|
2319
2989
|
};
|
|
2320
2990
|
};
|
|
2321
2991
|
|
|
2322
|
-
const _sfc_main$
|
|
2992
|
+
const _sfc_main$c = /* @__PURE__ */ defineComponent({
|
|
2323
2993
|
__name: "KdsNumberInput",
|
|
2324
2994
|
props: /* @__PURE__ */ mergeModels({
|
|
2325
2995
|
description: {},
|
|
@@ -2478,7 +3148,7 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
|
|
|
2478
3148
|
onBlur: handleBlur
|
|
2479
3149
|
}), {
|
|
2480
3150
|
trailing: withCtx(() => [
|
|
2481
|
-
createVNode(_sfc_main$
|
|
3151
|
+
createVNode(_sfc_main$v, {
|
|
2482
3152
|
type: "button",
|
|
2483
3153
|
size: "xsmall",
|
|
2484
3154
|
variant: "outlined",
|
|
@@ -2487,7 +3157,7 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
|
|
|
2487
3157
|
disabled: !canDecrease.value,
|
|
2488
3158
|
onClick: _cache[0] || (_cache[0] = ($event) => adjustByStep(-1))
|
|
2489
3159
|
}, null, 8, ["aria-label", "disabled"]),
|
|
2490
|
-
createVNode(_sfc_main$
|
|
3160
|
+
createVNode(_sfc_main$v, {
|
|
2491
3161
|
type: "button",
|
|
2492
3162
|
size: "xsmall",
|
|
2493
3163
|
variant: "outlined",
|
|
@@ -2593,7 +3263,7 @@ const parseRegexToPatternInputValue = (regex, options) => {
|
|
|
2593
3263
|
return wildcard ?? body;
|
|
2594
3264
|
};
|
|
2595
3265
|
|
|
2596
|
-
const _sfc_main$
|
|
3266
|
+
const _sfc_main$b = /* @__PURE__ */ defineComponent({
|
|
2597
3267
|
__name: "KdsPatternInput",
|
|
2598
3268
|
props: /* @__PURE__ */ mergeModels({
|
|
2599
3269
|
description: {},
|
|
@@ -2677,7 +3347,7 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
|
|
|
2677
3347
|
clearable: ""
|
|
2678
3348
|
}), {
|
|
2679
3349
|
trailing: withCtx(() => [
|
|
2680
|
-
createVNode(_sfc_main$
|
|
3350
|
+
createVNode(_sfc_main$t, {
|
|
2681
3351
|
modelValue: caseSensitive.value,
|
|
2682
3352
|
"onUpdate:modelValue": [
|
|
2683
3353
|
_cache[0] || (_cache[0] = ($event) => caseSensitive.value = $event),
|
|
@@ -2690,7 +3360,7 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
|
|
|
2690
3360
|
"aria-label": caseSensitiveAriaLabel.value,
|
|
2691
3361
|
disabled: props.disabled || props.readonly
|
|
2692
3362
|
}, null, 8, ["modelValue", "title", "aria-label", "disabled"]),
|
|
2693
|
-
createVNode(_sfc_main$
|
|
3363
|
+
createVNode(_sfc_main$t, {
|
|
2694
3364
|
modelValue: excludeMatches.value,
|
|
2695
3365
|
"onUpdate:modelValue": [
|
|
2696
3366
|
_cache[1] || (_cache[1] = ($event) => excludeMatches.value = $event),
|
|
@@ -2703,7 +3373,7 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
|
|
|
2703
3373
|
"aria-label": excludeMatchesAriaLabel.value,
|
|
2704
3374
|
disabled: props.disabled || props.readonly
|
|
2705
3375
|
}, null, 8, ["modelValue", "title", "aria-label", "disabled"]),
|
|
2706
|
-
createVNode(_sfc_main$
|
|
3376
|
+
createVNode(_sfc_main$t, {
|
|
2707
3377
|
modelValue: useRegex.value,
|
|
2708
3378
|
"onUpdate:modelValue": [
|
|
2709
3379
|
_cache[2] || (_cache[2] = ($event) => useRegex.value = $event),
|
|
@@ -2726,7 +3396,7 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
|
|
|
2726
3396
|
}
|
|
2727
3397
|
});
|
|
2728
3398
|
|
|
2729
|
-
const _sfc_main$
|
|
3399
|
+
const _sfc_main$a = /* @__PURE__ */ defineComponent({
|
|
2730
3400
|
__name: "KdsSearchInput",
|
|
2731
3401
|
props: /* @__PURE__ */ mergeModels({
|
|
2732
3402
|
description: {},
|
|
@@ -2782,62 +3452,8 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
|
|
|
2782
3452
|
}
|
|
2783
3453
|
});
|
|
2784
3454
|
|
|
2785
|
-
const
|
|
2786
|
-
|
|
2787
|
-
props: /* @__PURE__ */ mergeModels({
|
|
2788
|
-
description: {},
|
|
2789
|
-
label: {},
|
|
2790
|
-
ariaLabel: {},
|
|
2791
|
-
id: {},
|
|
2792
|
-
subText: {},
|
|
2793
|
-
error: { type: Boolean, default: false },
|
|
2794
|
-
validating: { type: Boolean, default: false },
|
|
2795
|
-
preserveSubTextSpace: { type: Boolean, default: false },
|
|
2796
|
-
placeholder: {},
|
|
2797
|
-
disabled: { type: Boolean, default: false },
|
|
2798
|
-
readonly: { type: Boolean, default: false },
|
|
2799
|
-
required: { type: Boolean, default: false },
|
|
2800
|
-
name: {},
|
|
2801
|
-
autocomplete: {}
|
|
2802
|
-
}, {
|
|
2803
|
-
"modelValue": { default: "" },
|
|
2804
|
-
"modelModifiers": {}
|
|
2805
|
-
}),
|
|
2806
|
-
emits: ["update:modelValue"],
|
|
2807
|
-
setup(__props, { expose: __expose }) {
|
|
2808
|
-
const props = __props;
|
|
2809
|
-
const modelValue = useModel(__props, "modelValue");
|
|
2810
|
-
const baseInput = useTemplateRef("baseInput");
|
|
2811
|
-
__expose({
|
|
2812
|
-
focus: () => baseInput.value?.focus()
|
|
2813
|
-
});
|
|
2814
|
-
return (_ctx, _cache) => {
|
|
2815
|
-
return openBlock(), createBlock(BaseFormFieldWrapper, normalizeProps(guardReactiveProps(props)), {
|
|
2816
|
-
default: withCtx((slotProps) => [
|
|
2817
|
-
createVNode(BaseInput, mergeProps({
|
|
2818
|
-
ref_key: "baseInput",
|
|
2819
|
-
ref: baseInput
|
|
2820
|
-
}, slotProps, {
|
|
2821
|
-
modelValue: modelValue.value,
|
|
2822
|
-
"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => modelValue.value = $event),
|
|
2823
|
-
type: "text",
|
|
2824
|
-
placeholder: props.placeholder,
|
|
2825
|
-
disabled: props.disabled,
|
|
2826
|
-
readonly: props.readonly,
|
|
2827
|
-
required: props.required,
|
|
2828
|
-
error: props.error,
|
|
2829
|
-
name: props.name,
|
|
2830
|
-
autocomplete: props.autocomplete
|
|
2831
|
-
}), null, 16, ["modelValue", "placeholder", "disabled", "readonly", "required", "error", "name", "autocomplete"])
|
|
2832
|
-
]),
|
|
2833
|
-
_: 1
|
|
2834
|
-
}, 16);
|
|
2835
|
-
};
|
|
2836
|
-
}
|
|
2837
|
-
});
|
|
2838
|
-
|
|
2839
|
-
const _hoisted_1$a = ["rows", "placeholder", "disabled", "readonly", "required", "name", "autocomplete"];
|
|
2840
|
-
const _sfc_main$a = /* @__PURE__ */ defineComponent({
|
|
3455
|
+
const _hoisted_1$9 = ["rows", "placeholder", "disabled", "readonly", "required", "name", "autocomplete"];
|
|
3456
|
+
const _sfc_main$9 = /* @__PURE__ */ defineComponent({
|
|
2841
3457
|
__name: "KdsTextarea",
|
|
2842
3458
|
props: /* @__PURE__ */ mergeModels({
|
|
2843
3459
|
description: {},
|
|
@@ -2900,7 +3516,7 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
|
|
|
2900
3516
|
required: props.required,
|
|
2901
3517
|
name: props.name,
|
|
2902
3518
|
autocomplete: props.autocomplete
|
|
2903
|
-
}), null, 16, _hoisted_1$
|
|
3519
|
+
}), null, 16, _hoisted_1$9), [
|
|
2904
3520
|
[vModelText, modelValue.value]
|
|
2905
3521
|
])
|
|
2906
3522
|
]),
|
|
@@ -2910,62 +3526,7 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
|
|
|
2910
3526
|
}
|
|
2911
3527
|
});
|
|
2912
3528
|
|
|
2913
|
-
const KdsTextarea = /* @__PURE__ */ _export_sfc(_sfc_main$
|
|
2914
|
-
|
|
2915
|
-
const _hoisted_1$9 = ["id", "role", "aria-label"];
|
|
2916
|
-
const _hoisted_2$3 = {
|
|
2917
|
-
key: 0,
|
|
2918
|
-
class: "kds-popover-default-content"
|
|
2919
|
-
};
|
|
2920
|
-
const _sfc_main$9 = /* @__PURE__ */ defineComponent({
|
|
2921
|
-
__name: "KdsPopover",
|
|
2922
|
-
props: /* @__PURE__ */ mergeModels({
|
|
2923
|
-
placement: { default: "bottom-left" },
|
|
2924
|
-
role: { default: "dialog" },
|
|
2925
|
-
fullWidth: { type: Boolean, default: false },
|
|
2926
|
-
popoverAriaLabel: {},
|
|
2927
|
-
content: {}
|
|
2928
|
-
}, {
|
|
2929
|
-
"modelValue": { type: Boolean, ...{ default: false } },
|
|
2930
|
-
"modelModifiers": {}
|
|
2931
|
-
}),
|
|
2932
|
-
emits: ["update:modelValue"],
|
|
2933
|
-
setup(__props, { expose: __expose }) {
|
|
2934
|
-
const props = __props;
|
|
2935
|
-
const open = useModel(__props, "modelValue");
|
|
2936
|
-
const popoverEl = useTemplateRef("popoverEl");
|
|
2937
|
-
const popoverId = useId();
|
|
2938
|
-
const anchorName = `--anchor-${popoverId}`;
|
|
2939
|
-
watchEffect(() => {
|
|
2940
|
-
if (open.value) {
|
|
2941
|
-
popoverEl.value?.showPopover?.();
|
|
2942
|
-
} else {
|
|
2943
|
-
popoverEl.value?.hidePopover?.();
|
|
2944
|
-
}
|
|
2945
|
-
});
|
|
2946
|
-
const anchorStyle = { "anchor-name": anchorName };
|
|
2947
|
-
__expose({ anchorStyle, popoverId });
|
|
2948
|
-
return (_ctx, _cache) => {
|
|
2949
|
-
return openBlock(), createElementBlock("div", {
|
|
2950
|
-
id: unref(popoverId),
|
|
2951
|
-
ref_key: "popoverEl",
|
|
2952
|
-
ref: popoverEl,
|
|
2953
|
-
class: normalizeClass(["kds-popover", ["floating", props.placement, { "full-width": props.fullWidth }]]),
|
|
2954
|
-
popover: "auto",
|
|
2955
|
-
style: normalizeStyle({ "position-anchor": anchorName }),
|
|
2956
|
-
role: props.role,
|
|
2957
|
-
"aria-label": props.popoverAriaLabel,
|
|
2958
|
-
onToggle: _cache[0] || (_cache[0] = ($event) => open.value = $event.newState === "open")
|
|
2959
|
-
}, [
|
|
2960
|
-
open.value ? renderSlot(_ctx.$slots, "default", { key: 0 }, () => [
|
|
2961
|
-
props.content?.trim().length ? (openBlock(), createElementBlock("div", _hoisted_2$3, toDisplayString(props.content), 1)) : createCommentVNode("", true)
|
|
2962
|
-
], true) : createCommentVNode("", true)
|
|
2963
|
-
], 46, _hoisted_1$9);
|
|
2964
|
-
};
|
|
2965
|
-
}
|
|
2966
|
-
});
|
|
2967
|
-
|
|
2968
|
-
const KdsPopover = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["__scopeId", "data-v-9125d023"]]);
|
|
3529
|
+
const KdsTextarea = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["__scopeId", "data-v-2e4d2d42"]]);
|
|
2969
3530
|
|
|
2970
3531
|
const _hoisted_1$8 = { class: "kds-info-popover-content" };
|
|
2971
3532
|
const _sfc_main$8 = /* @__PURE__ */ defineComponent({
|
|
@@ -3227,7 +3788,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
|
|
|
3227
3788
|
() => props.button && "to" in props.button && props.button.to !== void 0
|
|
3228
3789
|
);
|
|
3229
3790
|
const buttonComponent = computed(
|
|
3230
|
-
() => isLinkButton.value ? _sfc_main$
|
|
3791
|
+
() => isLinkButton.value ? _sfc_main$u : _sfc_main$v
|
|
3231
3792
|
);
|
|
3232
3793
|
return (_ctx, _cache) => {
|
|
3233
3794
|
return openBlock(), createElementBlock("div", _hoisted_1$4, [
|
|
@@ -3380,7 +3941,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
|
|
|
3380
3941
|
size: "medium"
|
|
3381
3942
|
}, null, 8, ["name"])) : createCommentVNode("", true),
|
|
3382
3943
|
createElementVNode("div", _hoisted_2$1, toDisplayString(props.title), 1),
|
|
3383
|
-
createVNode(_sfc_main$
|
|
3944
|
+
createVNode(_sfc_main$v, {
|
|
3384
3945
|
"leading-icon": "x-close",
|
|
3385
3946
|
variant: "transparent",
|
|
3386
3947
|
size: "medium",
|
|
@@ -3653,7 +4214,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
3653
4214
|
unref(internal).isTemplateBasedConfirm(unref(config).value) ? (openBlock(), createBlock(resolveDynamicComponent(unref(config).value.component), { key: 0 })) : (openBlock(), createElementBlock("div", _hoisted_1, [
|
|
3654
4215
|
createElementVNode("div", _hoisted_2, toDisplayString(unref(config).value.message), 1),
|
|
3655
4216
|
unref(config).value.doNotAskAgain ? (openBlock(), createElementBlock("div", _hoisted_3, [
|
|
3656
|
-
createVNode(_sfc_main$
|
|
4217
|
+
createVNode(_sfc_main$o, {
|
|
3657
4218
|
modelValue: askAgain.value,
|
|
3658
4219
|
"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => askAgain.value = $event),
|
|
3659
4220
|
label: unref(config).value.doNotAskAgain.label,
|
|
@@ -3668,7 +4229,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
3668
4229
|
name: "footer",
|
|
3669
4230
|
fn: withCtx(() => [
|
|
3670
4231
|
(openBlock(true), createElementBlock(Fragment, null, renderList(unref(config).value.buttons, (button, index) => {
|
|
3671
|
-
return openBlock(), createBlock(_sfc_main$
|
|
4232
|
+
return openBlock(), createBlock(_sfc_main$v, {
|
|
3672
4233
|
key: index,
|
|
3673
4234
|
destructive: button.destructive,
|
|
3674
4235
|
autofocus: button.autofocus,
|
|
@@ -3700,5 +4261,5 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
3700
4261
|
|
|
3701
4262
|
const KdsDynamicModalProvider = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-67e036b5"]]);
|
|
3702
4263
|
|
|
3703
|
-
export { KdsAvatar, KdsBadge, _sfc_main$
|
|
4264
|
+
export { KdsAvatar, KdsBadge, _sfc_main$v as KdsButton, KdsCardClickable, _sfc_main$o as KdsCheckbox, KdsCheckboxGroup, _sfc_main$d as KdsColorInput, KdsColorSwatch, KdsDataType, KdsDynamicModalProvider, KdsEmptyState, KdsIcon, KdsInfoToggleButton, KdsLabel, _sfc_main$u as KdsLinkButton, KdsLiveStatus, KdsLoadingSpinner, KdsModal, KdsModalLayout, _sfc_main$c as KdsNumberInput, _sfc_main$b as KdsPatternInput, KdsProgressButton, KdsRadioButton, KdsRadioButtonGroup, _sfc_main$a as KdsSearchInput, KdsSubText, _sfc_main$f as KdsTextInput, KdsTextarea, _sfc_main$t as KdsToggleButton, 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, kdsIconName, iconNames as kdsIconNames, kdsIconSize, kdsIconSizes, kdsLiveStatusSize, kdsLiveStatusSizes, kdsLiveStatusStatus, kdsLiveStatusStatuses, kdsLoadingSpinnerVariant, kdsLoadingSpinnerVariants, kdsModalClosedBy, kdsModalClosedByOptions, kdsModalHeight, kdsModalHeightSizes, kdsModalVariant, kdsModalVariants, kdsModalWidth, kdsModalWidthSizes, kdsProgressButtonState, kdsProgressButtonStates, kdsRadioButtonGroupAlignment, kdsRadioButtonGroupAlignments, kdsToggleButtonVariant, kdsToggleButtonVariants, kdsTypeIconName, typeIconNames as kdsTypeIconNames, kdsValueSwitchSize, kdsValueSwitchSizes, kdsValueSwitchVariant, kdsValueSwitchVariants, useKdsDarkMode, useKdsDynamicModal, useKdsIsTruncated, useKdsLegacyMode };
|
|
3704
4265
|
//# sourceMappingURL=index.js.map
|