fds-vue-core 2.1.9 → 2.1.11
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/components.d.ts +5 -3
- package/dist/fds-vue-core.cjs.js +249 -226
- package/dist/fds-vue-core.cjs.js.map +1 -1
- package/dist/fds-vue-core.es.js +249 -226
- package/dist/fds-vue-core.es.js.map +1 -1
- package/package.json +4 -2
- package/src/components/Blocks/FdsBlockLink/FdsBlockLink.vue +7 -0
- package/src/components/Blocks/FdsBlockLink/types.ts +2 -0
- package/src/components/Buttons/ButtonBaseProps.ts +1 -0
- package/src/components/Buttons/FdsButtonCopy/types.ts +1 -0
- package/src/components/Buttons/FdsButtonDownload/FdsButtonDownload.vue +3 -15
- package/src/components/Buttons/FdsButtonDownload/types.ts +20 -0
- package/src/components/Buttons/FdsButtonIcon/FdsButtonIcon.vue +1 -1
- package/src/components/Buttons/FdsButtonIcon/types.ts +1 -0
- package/src/components/Buttons/FdsButtonMinor/FdsButtonMinor.vue +1 -1
- package/src/components/Buttons/FdsButtonPrimary/FdsButtonPrimary.vue +5 -0
- package/src/components/Buttons/FdsButtonSecondary/FdsButtonSecondary.vue +1 -1
- package/src/components/FdsModal/types.ts +1 -0
- package/src/components/FdsPagination/types.ts +3 -0
- package/src/components/FdsSearchSelect/FdsSearchSelect.vue +7 -30
- package/src/components/FdsSearchSelect/types.ts +7 -0
- package/src/components/FdsTreeView/types.ts +4 -1
- package/src/components/Form/FdsCheckbox/types.ts +2 -0
- package/src/components/Form/FdsInput/types.ts +4 -0
- package/src/components/Form/FdsRadio/types.ts +1 -0
- package/src/index.ts +1 -1
- package/src/.DS_Store +0 -0
package/dist/fds-vue-core.cjs.js
CHANGED
|
@@ -564,7 +564,8 @@ const _sfc_main$v = /* @__PURE__ */ vue.defineComponent({
|
|
|
564
564
|
type: { default: "button" },
|
|
565
565
|
ariaLabel: { default: void 0 },
|
|
566
566
|
id: {},
|
|
567
|
-
ariaDisabled: { type: Boolean }
|
|
567
|
+
ariaDisabled: { type: Boolean },
|
|
568
|
+
onClick: {}
|
|
568
569
|
},
|
|
569
570
|
emits: ["click"],
|
|
570
571
|
setup(__props, { emit: __emit }) {
|
|
@@ -575,27 +576,27 @@ const _sfc_main$v = /* @__PURE__ */ vue.defineComponent({
|
|
|
575
576
|
"inline-flex items-center justify-center rounded-md p-[2px] max-w-[48px] max-h-[48px] transition-colors duration-200 fill-blue-500 hover:bg-blue_t-100 active:bg-blue_t-200 focus-visible:outline-dashed focus-visible:outline-2 outline-blue-500",
|
|
576
577
|
props.disabled ? "opacity-20 cursor-not-allowed" : "cursor-pointer"
|
|
577
578
|
]);
|
|
578
|
-
|
|
579
|
+
const onClick = (ev) => {
|
|
579
580
|
if (props.disabled || props.loading) {
|
|
580
581
|
ev.preventDefault();
|
|
581
582
|
return;
|
|
582
583
|
}
|
|
583
584
|
emit("click", ev);
|
|
584
|
-
}
|
|
585
|
+
};
|
|
585
586
|
return (_ctx, _cache) => {
|
|
586
587
|
return vue.openBlock(), vue.createElementBlock("button", {
|
|
587
|
-
id:
|
|
588
|
-
type:
|
|
589
|
-
disabled:
|
|
590
|
-
"aria-label":
|
|
591
|
-
"aria-disabled":
|
|
588
|
+
id: _ctx.id,
|
|
589
|
+
type: _ctx.type,
|
|
590
|
+
disabled: _ctx.disabled,
|
|
591
|
+
"aria-label": _ctx.ariaLabel,
|
|
592
|
+
"aria-disabled": _ctx.ariaDisabled,
|
|
592
593
|
class: vue.normalizeClass(buttonClasses.value),
|
|
593
594
|
onClick
|
|
594
595
|
}, [
|
|
595
|
-
!
|
|
596
|
+
!_ctx.loading ? (vue.openBlock(), vue.createBlock(_sfc_main$w, {
|
|
596
597
|
key: 0,
|
|
597
598
|
size: iconSize.value,
|
|
598
|
-
name:
|
|
599
|
+
name: _ctx.icon
|
|
599
600
|
}, null, 8, ["size", "name"])) : (vue.openBlock(), vue.createBlock(_sfc_main$w, {
|
|
600
601
|
key: 1,
|
|
601
602
|
size: iconSize.value,
|
|
@@ -664,9 +665,9 @@ const _sfc_main$u = /* @__PURE__ */ vue.defineComponent({
|
|
|
664
665
|
}, [
|
|
665
666
|
vue.createElementVNode("div", null, [
|
|
666
667
|
vue.createElementVNode("div", null, [
|
|
667
|
-
|
|
668
|
+
_ctx.label ? (vue.openBlock(), vue.createElementBlock("div", {
|
|
668
669
|
key: 0,
|
|
669
|
-
class: vue.normalizeClass(["font-bold w-full justify-between items-center h-[24px] flex gap-2", { "mb-4": (isExpanded.value || !
|
|
670
|
+
class: vue.normalizeClass(["font-bold w-full justify-between items-center h-[24px] flex gap-2", { "mb-4": (isExpanded.value || !_ctx.collapsable) && vue.unref(hasSlot) }])
|
|
670
671
|
}, [
|
|
671
672
|
vue.createElementVNode("div", _hoisted_2$k, [
|
|
672
673
|
vue.createVNode(_sfc_main$w, {
|
|
@@ -674,10 +675,10 @@ const _sfc_main$u = /* @__PURE__ */ vue.defineComponent({
|
|
|
674
675
|
size: 24,
|
|
675
676
|
class: "fill-yellow-700"
|
|
676
677
|
}),
|
|
677
|
-
vue.createElementVNode("span", null, vue.toDisplayString(
|
|
678
|
+
vue.createElementVNode("span", null, vue.toDisplayString(_ctx.label), 1)
|
|
678
679
|
]),
|
|
679
680
|
vue.createElementVNode("div", _hoisted_3$b, [
|
|
680
|
-
|
|
681
|
+
_ctx.closeable ? (vue.openBlock(), vue.createBlock(_sfc_main$v, {
|
|
681
682
|
key: 0,
|
|
682
683
|
icon: "cross",
|
|
683
684
|
size: 24,
|
|
@@ -685,7 +686,7 @@ const _sfc_main$u = /* @__PURE__ */ vue.defineComponent({
|
|
|
685
686
|
ariaLabel: closeLabel.value,
|
|
686
687
|
class: vue.normalizeClass(["fill-gray-900! hover:bg-gray-100 active:bg-gray-200"])
|
|
687
688
|
}, null, 8, ["ariaLabel"])) : vue.createCommentVNode("", true),
|
|
688
|
-
|
|
689
|
+
_ctx.collapsable ? (vue.openBlock(), vue.createBlock(_sfc_main$v, {
|
|
689
690
|
key: 1,
|
|
690
691
|
icon: "arrowDown",
|
|
691
692
|
size: 24,
|
|
@@ -699,7 +700,7 @@ const _sfc_main$u = /* @__PURE__ */ vue.defineComponent({
|
|
|
699
700
|
}, null, 8, ["ariaLabel", "class"])) : vue.createCommentVNode("", true)
|
|
700
701
|
])
|
|
701
702
|
], 2)) : vue.createCommentVNode("", true),
|
|
702
|
-
isExpanded.value || !
|
|
703
|
+
isExpanded.value || !_ctx.collapsable ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4$a, [
|
|
703
704
|
vue.renderSlot(_ctx.$slots, "default")
|
|
704
705
|
])) : vue.createCommentVNode("", true)
|
|
705
706
|
])
|
|
@@ -752,11 +753,11 @@ const _sfc_main$t = /* @__PURE__ */ vue.defineComponent({
|
|
|
752
753
|
class: vue.normalizeClass(contentClasses.value),
|
|
753
754
|
style: vue.normalizeStyle(borderLeftStyle.value)
|
|
754
755
|
}, [
|
|
755
|
-
|
|
756
|
+
_ctx.heading ? (vue.openBlock(), vue.createElementBlock("header", _hoisted_2$j, [
|
|
756
757
|
vue.createElementVNode("div", _hoisted_3$a, [
|
|
757
758
|
vue.createElementVNode("h3", {
|
|
758
759
|
class: vue.normalizeClass(headerClasses.value)
|
|
759
|
-
}, vue.toDisplayString(
|
|
760
|
+
}, vue.toDisplayString(_ctx.heading), 3)
|
|
760
761
|
]),
|
|
761
762
|
vue.createElementVNode("div", _hoisted_4$9, [
|
|
762
763
|
vue.renderSlot(_ctx.$slots, "headerInfo")
|
|
@@ -819,23 +820,23 @@ const _sfc_main$s = /* @__PURE__ */ vue.defineComponent({
|
|
|
819
820
|
onClick: handleToggle
|
|
820
821
|
}, [
|
|
821
822
|
vue.createElementVNode("span", _hoisted_1$m, [
|
|
822
|
-
|
|
823
|
+
_ctx.preIcon ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_2$i, [
|
|
823
824
|
vue.createVNode(_sfc_main$w, {
|
|
824
|
-
name:
|
|
825
|
+
name: _ctx.preIcon,
|
|
825
826
|
size: 24,
|
|
826
|
-
class: vue.normalizeClass(["fill-blue-500", { "fill-gray-500":
|
|
827
|
+
class: vue.normalizeClass(["fill-blue-500", { "fill-gray-500": _ctx.disabled }])
|
|
827
828
|
}, null, 8, ["name", "class"])
|
|
828
829
|
])) : vue.createCommentVNode("", true),
|
|
829
830
|
vue.createElementVNode("span", _hoisted_3$9, [
|
|
830
831
|
vue.createElementVNode("span", {
|
|
831
|
-
class: vue.normalizeClass(["font-bold font-heading text-lg leading-md", { "text-gray-500":
|
|
832
|
-
}, vue.toDisplayString(
|
|
832
|
+
class: vue.normalizeClass(["font-bold font-heading text-lg leading-md", { "text-gray-500": _ctx.disabled }])
|
|
833
|
+
}, vue.toDisplayString(_ctx.label), 3)
|
|
833
834
|
])
|
|
834
835
|
]),
|
|
835
836
|
vue.createVNode(_sfc_main$w, {
|
|
836
837
|
name: "arrowDown",
|
|
837
838
|
size: 24,
|
|
838
|
-
class: vue.normalizeClass(["ml-4 transition-transform duration-200 fill-blue-500 min-w-6 min-h-6", { "rotate-180": isOpen.value, "fill-gray-500":
|
|
839
|
+
class: vue.normalizeClass(["ml-4 transition-transform duration-200 fill-blue-500 min-w-6 min-h-6", { "rotate-180": isOpen.value, "fill-gray-500": _ctx.disabled }])
|
|
839
840
|
}, null, 8, ["class"])
|
|
840
841
|
], 2),
|
|
841
842
|
vue.withDirectives(vue.createElementVNode("div", {
|
|
@@ -901,16 +902,16 @@ const _sfc_main$r = /* @__PURE__ */ vue.defineComponent({
|
|
|
901
902
|
id: contentBlockId.value,
|
|
902
903
|
class: vue.normalizeClass(contentClasses.value)
|
|
903
904
|
}, [
|
|
904
|
-
|
|
905
|
+
_ctx.size === "large" && _ctx.icon ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$h, [
|
|
905
906
|
vue.createVNode(_sfc_main$w, {
|
|
906
|
-
name:
|
|
907
|
+
name: _ctx.icon,
|
|
907
908
|
size: largeIconSize,
|
|
908
909
|
class: "fill-blue-500"
|
|
909
910
|
}, null, 8, ["name"]),
|
|
910
911
|
vue.createElementVNode("div", _hoisted_3$8, [
|
|
911
|
-
|
|
912
|
+
_ctx.heading ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4$7, [
|
|
912
913
|
vue.createElementVNode("header", _hoisted_5$7, [
|
|
913
|
-
vue.createElementVNode("h3", _hoisted_6$4, vue.toDisplayString(
|
|
914
|
+
vue.createElementVNode("h3", _hoisted_6$4, vue.toDisplayString(_ctx.heading), 1),
|
|
914
915
|
vue.createElementVNode("div", _hoisted_7$4, [
|
|
915
916
|
vue.renderSlot(_ctx.$slots, "headerInfo")
|
|
916
917
|
])
|
|
@@ -921,19 +922,19 @@ const _sfc_main$r = /* @__PURE__ */ vue.defineComponent({
|
|
|
921
922
|
])) : vue.createCommentVNode("", true)
|
|
922
923
|
])
|
|
923
924
|
])) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_9$3, [
|
|
924
|
-
|
|
925
|
+
_ctx.heading ? (vue.openBlock(), vue.createElementBlock("div", {
|
|
925
926
|
key: 0,
|
|
926
927
|
class: vue.normalizeClass({ "mb-4": vue.unref(hasSlot) })
|
|
927
928
|
}, [
|
|
928
929
|
vue.createElementVNode("header", _hoisted_10$1, [
|
|
929
930
|
vue.createElementVNode("div", _hoisted_11$1, [
|
|
930
|
-
|
|
931
|
+
_ctx.icon && _ctx.size === "small" ? (vue.openBlock(), vue.createBlock(_sfc_main$w, {
|
|
931
932
|
key: 0,
|
|
932
|
-
name:
|
|
933
|
+
name: _ctx.icon,
|
|
933
934
|
size: smallIconSize,
|
|
934
935
|
class: "fill-blue-500"
|
|
935
936
|
}, null, 8, ["name"])) : vue.createCommentVNode("", true),
|
|
936
|
-
vue.createElementVNode("h3", _hoisted_12$1, vue.toDisplayString(
|
|
937
|
+
vue.createElementVNode("h3", _hoisted_12$1, vue.toDisplayString(_ctx.heading), 1)
|
|
937
938
|
]),
|
|
938
939
|
vue.createElementVNode("div", _hoisted_13$1, [
|
|
939
940
|
vue.renderSlot(_ctx.$slots, "headerInfo")
|
|
@@ -960,6 +961,7 @@ const _sfc_main$q = /* @__PURE__ */ vue.defineComponent({
|
|
|
960
961
|
__name: "FdsBlockLink",
|
|
961
962
|
props: {
|
|
962
963
|
label: {},
|
|
964
|
+
id: { default: void 0 },
|
|
963
965
|
arrow: { type: Boolean, default: false },
|
|
964
966
|
disabled: { type: Boolean, default: false },
|
|
965
967
|
download: { default: void 0 },
|
|
@@ -968,6 +970,7 @@ const _sfc_main$q = /* @__PURE__ */ vue.defineComponent({
|
|
|
968
970
|
rel: { default: void 0 },
|
|
969
971
|
icon: { default: void 0 },
|
|
970
972
|
interactive: { type: Boolean, default: true },
|
|
973
|
+
dataTestid: { default: void 0 },
|
|
971
974
|
as: { default: "router-link" }
|
|
972
975
|
},
|
|
973
976
|
emits: ["click"],
|
|
@@ -977,6 +980,8 @@ const _sfc_main$q = /* @__PURE__ */ vue.defineComponent({
|
|
|
977
980
|
const hasSlot = useHasSlot();
|
|
978
981
|
const hasStickerSlot = useHasSlot("sticker");
|
|
979
982
|
const emit = __emit;
|
|
983
|
+
const autoId = `fds-block-link-${Math.random().toString(36).slice(2, 9)}`;
|
|
984
|
+
const blockLinkId = vue.computed(() => props.id ?? autoId);
|
|
980
985
|
const innerClasses = vue.computed(() => [
|
|
981
986
|
props.disabled ? "cursor-not-allowed shadow-none hover:border-transparent active:bg-transparent" : "cursor-pointer",
|
|
982
987
|
!props.interactive && "cursor-auto"
|
|
@@ -1024,22 +1029,24 @@ const _sfc_main$q = /* @__PURE__ */ vue.defineComponent({
|
|
|
1024
1029
|
});
|
|
1025
1030
|
return (_ctx, _cache) => {
|
|
1026
1031
|
return vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(componentType.value), vue.mergeProps(componentAttrs.value, {
|
|
1032
|
+
id: blockLinkId.value,
|
|
1027
1033
|
class: ["box-border appearance-none text-left w-full flex items-start bg-white p-[calc(1rem-2px)] mb-3 text-blue-600 shadow-lg shadow-blue-200 rounded-2xl no-underline border-2 border-transparent transition-all duration-200 hover:border-blue-600 hover:border-2 active:border-transparent active:shadow-none active:bg-blue_t-100 focus-visible:border-blue-500 focus-visible:border-dashed focus-visible:outline-0", innerClasses.value],
|
|
1028
|
-
target: componentType.value === "a" ?
|
|
1029
|
-
rel: componentType.value === "a" ?
|
|
1030
|
-
download: componentType.value === "a" ?
|
|
1031
|
-
disabled: componentType.value === "button" ?
|
|
1032
|
-
"aria-disabled":
|
|
1034
|
+
target: componentType.value === "a" ? _ctx.target : void 0,
|
|
1035
|
+
rel: componentType.value === "a" ? _ctx.rel : void 0,
|
|
1036
|
+
download: componentType.value === "a" ? _ctx.download : void 0,
|
|
1037
|
+
disabled: componentType.value === "button" ? _ctx.disabled : void 0,
|
|
1038
|
+
"aria-disabled": _ctx.disabled,
|
|
1033
1039
|
onClick: handleClick,
|
|
1034
|
-
onKeydown: handleKeydown
|
|
1040
|
+
onKeydown: handleKeydown,
|
|
1041
|
+
"data-testid": _ctx.dataTestid
|
|
1035
1042
|
}), {
|
|
1036
1043
|
default: vue.withCtx(() => [
|
|
1037
1044
|
vue.createElementVNode("div", {
|
|
1038
1045
|
class: vue.normalizeClass(["flex w-full flex-1", contentClasses.value])
|
|
1039
1046
|
}, [
|
|
1040
|
-
|
|
1047
|
+
_ctx.icon ? (vue.openBlock(), vue.createBlock(_sfc_main$w, {
|
|
1041
1048
|
key: 0,
|
|
1042
|
-
name:
|
|
1049
|
+
name: _ctx.icon,
|
|
1043
1050
|
size: 24,
|
|
1044
1051
|
class: vue.normalizeClass(["flex items-center justify-center w-6 h-6 fill-blue-500", iconClasses.value])
|
|
1045
1052
|
}, null, 8, ["name", "class"])) : vue.createCommentVNode("", true),
|
|
@@ -1051,7 +1058,7 @@ const _sfc_main$q = /* @__PURE__ */ vue.defineComponent({
|
|
|
1051
1058
|
}, [
|
|
1052
1059
|
vue.createElementVNode("h3", {
|
|
1053
1060
|
class: vue.normalizeClass(["flex-1 font-heading text-lg tracking-normal m-0 leading-md", headerTextClasses.value])
|
|
1054
|
-
}, vue.toDisplayString(
|
|
1061
|
+
}, vue.toDisplayString(_ctx.label), 3)
|
|
1055
1062
|
], 2),
|
|
1056
1063
|
vue.createElementVNode("div", {
|
|
1057
1064
|
class: vue.normalizeClass(slotWrapperClasses.value)
|
|
@@ -1065,7 +1072,7 @@ const _sfc_main$q = /* @__PURE__ */ vue.defineComponent({
|
|
|
1065
1072
|
], 2)
|
|
1066
1073
|
], 2)
|
|
1067
1074
|
], 2),
|
|
1068
|
-
|
|
1075
|
+
_ctx.arrow ? (vue.openBlock(), vue.createBlock(_sfc_main$w, {
|
|
1069
1076
|
key: 0,
|
|
1070
1077
|
name: "arrowRight",
|
|
1071
1078
|
size: 20,
|
|
@@ -1073,7 +1080,7 @@ const _sfc_main$q = /* @__PURE__ */ vue.defineComponent({
|
|
|
1073
1080
|
}, null, 8, ["class"])) : vue.createCommentVNode("", true)
|
|
1074
1081
|
]),
|
|
1075
1082
|
_: 3
|
|
1076
|
-
}, 16, ["class", "target", "rel", "download", "disabled", "aria-disabled"]);
|
|
1083
|
+
}, 16, ["id", "class", "target", "rel", "download", "disabled", "aria-disabled", "data-testid"]);
|
|
1077
1084
|
};
|
|
1078
1085
|
}
|
|
1079
1086
|
});
|
|
@@ -1109,7 +1116,7 @@ const _sfc_main$p = /* @__PURE__ */ vue.defineComponent({
|
|
|
1109
1116
|
return vue.openBlock(), vue.createElementBlock("div", {
|
|
1110
1117
|
class: vue.normalizeClass(wrapperClasses.value),
|
|
1111
1118
|
role: "status",
|
|
1112
|
-
"aria-label":
|
|
1119
|
+
"aria-label": _ctx.label || "Laddar"
|
|
1113
1120
|
}, [
|
|
1114
1121
|
vue.createElementVNode("div", {
|
|
1115
1122
|
class: "relative",
|
|
@@ -1146,10 +1153,10 @@ const _sfc_main$p = /* @__PURE__ */ vue.defineComponent({
|
|
|
1146
1153
|
}, null, -1)
|
|
1147
1154
|
])], 2))
|
|
1148
1155
|
], 4),
|
|
1149
|
-
|
|
1156
|
+
_ctx.label ? (vue.openBlock(), vue.createElementBlock("div", {
|
|
1150
1157
|
key: 0,
|
|
1151
|
-
class: vue.normalizeClass(
|
|
1152
|
-
}, vue.toDisplayString(
|
|
1158
|
+
class: vue.normalizeClass(_ctx.labelPosition === "bottom" ? "font-bold" : "")
|
|
1159
|
+
}, vue.toDisplayString(_ctx.label), 3)) : vue.createCommentVNode("", true)
|
|
1153
1160
|
], 10, _hoisted_1$j);
|
|
1154
1161
|
};
|
|
1155
1162
|
}
|
|
@@ -1177,7 +1184,8 @@ const _sfc_main$o = /* @__PURE__ */ vue.defineComponent({
|
|
|
1177
1184
|
href: { default: void 0 },
|
|
1178
1185
|
target: { default: void 0 },
|
|
1179
1186
|
rel: { default: void 0 },
|
|
1180
|
-
type: { default: "button" }
|
|
1187
|
+
type: { default: "button" },
|
|
1188
|
+
onClick: {}
|
|
1181
1189
|
},
|
|
1182
1190
|
emits: ["click"],
|
|
1183
1191
|
setup(__props, { emit: __emit }) {
|
|
@@ -1203,13 +1211,13 @@ const _sfc_main$o = /* @__PURE__ */ vue.defineComponent({
|
|
|
1203
1211
|
props.textSelection && "select-text"
|
|
1204
1212
|
]);
|
|
1205
1213
|
const iconFillClass2 = vue.computed(() => props.invert ? "fill-white" : "fill-blue-500");
|
|
1206
|
-
|
|
1214
|
+
const onClick = (ev) => {
|
|
1207
1215
|
if (props.disabled || props.loading) {
|
|
1208
1216
|
ev.preventDefault();
|
|
1209
1217
|
return;
|
|
1210
1218
|
}
|
|
1211
1219
|
emit("click", ev);
|
|
1212
|
-
}
|
|
1220
|
+
};
|
|
1213
1221
|
const linkAttrs = vue.computed(() => {
|
|
1214
1222
|
if (props.as === "a") return { href: props.href };
|
|
1215
1223
|
if (props.as === "router-link") return { to: props.href };
|
|
@@ -1222,34 +1230,34 @@ const _sfc_main$o = /* @__PURE__ */ vue.defineComponent({
|
|
|
1222
1230
|
return (_ctx, _cache) => {
|
|
1223
1231
|
return vue.openBlock(), vue.createElementBlock("div", {
|
|
1224
1232
|
class: vue.normalizeClass(rootClasses.value),
|
|
1225
|
-
"aria-disabled":
|
|
1233
|
+
"aria-disabled": _ctx.disabled ? "true" : void 0
|
|
1226
1234
|
}, [
|
|
1227
|
-
(vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(
|
|
1228
|
-
type:
|
|
1229
|
-
disabled:
|
|
1230
|
-
target:
|
|
1231
|
-
rel:
|
|
1235
|
+
(vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.as), vue.mergeProps(componentAttrs.value, {
|
|
1236
|
+
type: _ctx.as === "button" ? _ctx.type : void 0,
|
|
1237
|
+
disabled: _ctx.as === "button" ? _ctx.disabled : void 0,
|
|
1238
|
+
target: _ctx.as === "a" ? _ctx.target : void 0,
|
|
1239
|
+
rel: _ctx.as === "a" ? _ctx.rel : void 0,
|
|
1232
1240
|
class: buttonClasses.value,
|
|
1233
1241
|
onClick
|
|
1234
1242
|
}), {
|
|
1235
1243
|
default: vue.withCtx(() => [
|
|
1236
|
-
|
|
1244
|
+
_ctx.loading ? (vue.openBlock(), vue.createBlock(_sfc_main$p, {
|
|
1237
1245
|
key: 0,
|
|
1238
1246
|
class: "mr-2",
|
|
1239
1247
|
size: "24px",
|
|
1240
1248
|
color: "inherit"
|
|
1241
|
-
})) :
|
|
1249
|
+
})) : _ctx.icon ? (vue.openBlock(), vue.createElementBlock("span", {
|
|
1242
1250
|
key: 1,
|
|
1243
1251
|
class: vue.normalizeClass(iconOrderClasses.value),
|
|
1244
1252
|
"aria-hidden": "true"
|
|
1245
1253
|
}, [
|
|
1246
1254
|
vue.createVNode(_sfc_main$w, {
|
|
1247
1255
|
class: vue.normalizeClass(iconFillClass2.value),
|
|
1248
|
-
name:
|
|
1256
|
+
name: _ctx.icon,
|
|
1249
1257
|
size: 24
|
|
1250
1258
|
}, null, 8, ["class", "name"])
|
|
1251
1259
|
], 2)) : vue.createCommentVNode("", true),
|
|
1252
|
-
vue.createElementVNode("span", _hoisted_2$f, vue.toDisplayString(
|
|
1260
|
+
vue.createElementVNode("span", _hoisted_2$f, vue.toDisplayString(_ctx.text), 1)
|
|
1253
1261
|
]),
|
|
1254
1262
|
_: 1
|
|
1255
1263
|
}, 16, ["type", "disabled", "target", "rel", "class"]))
|
|
@@ -1269,7 +1277,8 @@ const _sfc_main$n = /* @__PURE__ */ vue.defineComponent({
|
|
|
1269
1277
|
label: { default: "Kopiera" },
|
|
1270
1278
|
copiedLabel: { default: "Kopierat!" },
|
|
1271
1279
|
timeoutMs: { default: 800 },
|
|
1272
|
-
disabled: { type: Boolean, default: false }
|
|
1280
|
+
disabled: { type: Boolean, default: false },
|
|
1281
|
+
onClick: {}
|
|
1273
1282
|
},
|
|
1274
1283
|
emits: ["click"],
|
|
1275
1284
|
setup(__props) {
|
|
@@ -1345,19 +1354,13 @@ const _sfc_main$m = /* @__PURE__ */ vue.defineComponent({
|
|
|
1345
1354
|
},
|
|
1346
1355
|
__name: "FdsButtonDownload",
|
|
1347
1356
|
props: {
|
|
1348
|
-
text: {},
|
|
1349
1357
|
loading: { type: Boolean, default: false },
|
|
1350
1358
|
disabled: { type: Boolean, default: false },
|
|
1351
|
-
block: { type: Boolean },
|
|
1352
|
-
state: {},
|
|
1353
1359
|
iconPos: { default: "left" },
|
|
1354
|
-
size: {},
|
|
1355
|
-
textSelection: { type: Boolean },
|
|
1356
1360
|
href: { default: void 0 },
|
|
1357
|
-
|
|
1358
|
-
|
|
1359
|
-
|
|
1360
|
-
downloadOptions: { default: void 0 }
|
|
1361
|
+
downloadOptions: { default: void 0 },
|
|
1362
|
+
text: { default: "" },
|
|
1363
|
+
onClick: {}
|
|
1361
1364
|
},
|
|
1362
1365
|
emits: ["click"],
|
|
1363
1366
|
setup(__props, { emit: __emit }) {
|
|
@@ -1451,7 +1454,7 @@ const _sfc_main$m = /* @__PURE__ */ vue.defineComponent({
|
|
|
1451
1454
|
isDownloading.value = false;
|
|
1452
1455
|
}
|
|
1453
1456
|
}
|
|
1454
|
-
|
|
1457
|
+
const onClick = (ev) => {
|
|
1455
1458
|
if (props.downloadOptions) {
|
|
1456
1459
|
handleDownload(ev);
|
|
1457
1460
|
} else {
|
|
@@ -1461,15 +1464,15 @@ const _sfc_main$m = /* @__PURE__ */ vue.defineComponent({
|
|
|
1461
1464
|
}
|
|
1462
1465
|
emit("click", ev);
|
|
1463
1466
|
}
|
|
1464
|
-
}
|
|
1467
|
+
};
|
|
1465
1468
|
return (_ctx, _cache) => {
|
|
1466
1469
|
return vue.openBlock(), vue.createElementBlock("div", {
|
|
1467
1470
|
class: vue.normalizeClass(rootClasses.value),
|
|
1468
|
-
"aria-disabled":
|
|
1471
|
+
"aria-disabled": _ctx.disabled ? "true" : void 0
|
|
1469
1472
|
}, [
|
|
1470
1473
|
vue.createElementVNode("button", vue.mergeProps(_ctx.$attrs, {
|
|
1471
1474
|
class: buttonClasses.value,
|
|
1472
|
-
disabled:
|
|
1475
|
+
disabled: _ctx.disabled || _ctx.loading || isDownloading.value,
|
|
1473
1476
|
type: "button",
|
|
1474
1477
|
onClick
|
|
1475
1478
|
}), [
|
|
@@ -1483,7 +1486,7 @@ const _sfc_main$m = /* @__PURE__ */ vue.defineComponent({
|
|
|
1483
1486
|
size: 24
|
|
1484
1487
|
}, null, 8, ["class"])
|
|
1485
1488
|
], 2),
|
|
1486
|
-
vue.createTextVNode(" " + vue.toDisplayString(
|
|
1489
|
+
vue.createTextVNode(" " + vue.toDisplayString(_ctx.text), 1)
|
|
1487
1490
|
], 16, _hoisted_2$e)
|
|
1488
1491
|
], 10, _hoisted_1$g);
|
|
1489
1492
|
};
|
|
@@ -1510,7 +1513,8 @@ const _sfc_main$l = /* @__PURE__ */ vue.defineComponent({
|
|
|
1510
1513
|
href: { default: void 0 },
|
|
1511
1514
|
target: {},
|
|
1512
1515
|
rel: {},
|
|
1513
|
-
type: { default: "button" }
|
|
1516
|
+
type: { default: "button" },
|
|
1517
|
+
onClick: {}
|
|
1514
1518
|
},
|
|
1515
1519
|
emits: ["click"],
|
|
1516
1520
|
setup(__props, { emit: __emit }) {
|
|
@@ -1541,6 +1545,10 @@ const _sfc_main$l = /* @__PURE__ */ vue.defineComponent({
|
|
|
1541
1545
|
ev.preventDefault();
|
|
1542
1546
|
return;
|
|
1543
1547
|
}
|
|
1548
|
+
if (props.onClick) {
|
|
1549
|
+
const handlers = Array.isArray(props.onClick) ? props.onClick : [props.onClick];
|
|
1550
|
+
handlers.forEach((handler) => handler(ev));
|
|
1551
|
+
}
|
|
1544
1552
|
emit("click", ev);
|
|
1545
1553
|
}
|
|
1546
1554
|
const linkAttrs = vue.computed(() => {
|
|
@@ -1551,31 +1559,31 @@ const _sfc_main$l = /* @__PURE__ */ vue.defineComponent({
|
|
|
1551
1559
|
return (_ctx, _cache) => {
|
|
1552
1560
|
return vue.openBlock(), vue.createElementBlock("div", {
|
|
1553
1561
|
class: vue.normalizeClass(rootClasses.value),
|
|
1554
|
-
"aria-disabled":
|
|
1562
|
+
"aria-disabled": _ctx.disabled ? "true" : void 0
|
|
1555
1563
|
}, [
|
|
1556
|
-
(vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(
|
|
1557
|
-
type:
|
|
1558
|
-
disabled:
|
|
1564
|
+
(vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.as), vue.mergeProps(linkAttrs.value, {
|
|
1565
|
+
type: _ctx.as === "button" ? _ctx.type : void 0,
|
|
1566
|
+
disabled: _ctx.as === "button" ? _ctx.disabled : void 0,
|
|
1559
1567
|
class: buttonClasses.value,
|
|
1560
1568
|
onClick
|
|
1561
1569
|
}), {
|
|
1562
1570
|
default: vue.withCtx(() => [
|
|
1563
|
-
|
|
1571
|
+
_ctx.loading ? (vue.openBlock(), vue.createBlock(_sfc_main$p, {
|
|
1564
1572
|
key: 0,
|
|
1565
1573
|
size: "24px",
|
|
1566
1574
|
color: "inherit"
|
|
1567
|
-
})) :
|
|
1575
|
+
})) : _ctx.icon ? (vue.openBlock(), vue.createElementBlock("span", {
|
|
1568
1576
|
key: 1,
|
|
1569
1577
|
class: vue.normalizeClass(iconOrderClasses.value),
|
|
1570
1578
|
"aria-hidden": "true"
|
|
1571
1579
|
}, [
|
|
1572
1580
|
vue.createVNode(_sfc_main$w, {
|
|
1573
1581
|
class: vue.normalizeClass(iconFillClass$1),
|
|
1574
|
-
name:
|
|
1582
|
+
name: _ctx.icon,
|
|
1575
1583
|
size: 24
|
|
1576
1584
|
}, null, 8, ["name"])
|
|
1577
1585
|
], 2)) : vue.createCommentVNode("", true),
|
|
1578
|
-
|
|
1586
|
+
_ctx.text ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_2$d, vue.toDisplayString(_ctx.text), 1)) : vue.createCommentVNode("", true)
|
|
1579
1587
|
]),
|
|
1580
1588
|
_: 1
|
|
1581
1589
|
}, 16, ["type", "disabled", "class"]))
|
|
@@ -1604,7 +1612,8 @@ const _sfc_main$k = /* @__PURE__ */ vue.defineComponent({
|
|
|
1604
1612
|
href: { default: void 0 },
|
|
1605
1613
|
target: {},
|
|
1606
1614
|
rel: {},
|
|
1607
|
-
type: { default: "button" }
|
|
1615
|
+
type: { default: "button" },
|
|
1616
|
+
onClick: {}
|
|
1608
1617
|
},
|
|
1609
1618
|
emits: ["click"],
|
|
1610
1619
|
setup(__props, { emit: __emit }) {
|
|
@@ -1630,13 +1639,13 @@ const _sfc_main$k = /* @__PURE__ */ vue.defineComponent({
|
|
|
1630
1639
|
props.textSelection && "select-text",
|
|
1631
1640
|
(props.icon || props.text) && "gap-2"
|
|
1632
1641
|
]);
|
|
1633
|
-
|
|
1642
|
+
const onClick = (ev) => {
|
|
1634
1643
|
if (props.disabled || props.loading) {
|
|
1635
1644
|
ev.preventDefault();
|
|
1636
1645
|
return;
|
|
1637
1646
|
}
|
|
1638
1647
|
emit("click", ev);
|
|
1639
|
-
}
|
|
1648
|
+
};
|
|
1640
1649
|
const linkAttrs = vue.computed(() => {
|
|
1641
1650
|
if (props.as === "a") return { href: props.href };
|
|
1642
1651
|
if (props.as === "router-link") return { to: props.href };
|
|
@@ -1645,31 +1654,31 @@ const _sfc_main$k = /* @__PURE__ */ vue.defineComponent({
|
|
|
1645
1654
|
return (_ctx, _cache) => {
|
|
1646
1655
|
return vue.openBlock(), vue.createElementBlock("div", {
|
|
1647
1656
|
class: vue.normalizeClass(rootClasses.value),
|
|
1648
|
-
"aria-disabled":
|
|
1657
|
+
"aria-disabled": _ctx.disabled ? "true" : void 0
|
|
1649
1658
|
}, [
|
|
1650
|
-
(vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(
|
|
1651
|
-
type:
|
|
1652
|
-
disabled:
|
|
1659
|
+
(vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.as), vue.mergeProps(linkAttrs.value, {
|
|
1660
|
+
type: _ctx.as === "button" ? _ctx.type : void 0,
|
|
1661
|
+
disabled: _ctx.as === "button" ? _ctx.disabled : void 0,
|
|
1653
1662
|
class: buttonClasses.value,
|
|
1654
1663
|
onClick
|
|
1655
1664
|
}), {
|
|
1656
1665
|
default: vue.withCtx(() => [
|
|
1657
|
-
|
|
1666
|
+
_ctx.loading ? (vue.openBlock(), vue.createBlock(_sfc_main$p, {
|
|
1658
1667
|
key: 0,
|
|
1659
1668
|
size: "24px",
|
|
1660
1669
|
color: "inherit"
|
|
1661
|
-
})) :
|
|
1670
|
+
})) : _ctx.icon ? (vue.openBlock(), vue.createElementBlock("span", {
|
|
1662
1671
|
key: 1,
|
|
1663
1672
|
class: vue.normalizeClass(iconOrderClasses.value),
|
|
1664
1673
|
"aria-hidden": "true"
|
|
1665
1674
|
}, [
|
|
1666
1675
|
vue.createVNode(_sfc_main$w, {
|
|
1667
1676
|
class: vue.normalizeClass(iconFillClass),
|
|
1668
|
-
name:
|
|
1677
|
+
name: _ctx.icon,
|
|
1669
1678
|
size: 24
|
|
1670
1679
|
}, null, 8, ["name"])
|
|
1671
1680
|
], 2)) : vue.createCommentVNode("", true),
|
|
1672
|
-
|
|
1681
|
+
_ctx.text ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_2$c, vue.toDisplayString(_ctx.text), 1)) : vue.createCommentVNode("", true)
|
|
1673
1682
|
]),
|
|
1674
1683
|
_: 1
|
|
1675
1684
|
}, 16, ["type", "disabled", "class"]))
|
|
@@ -1691,7 +1700,8 @@ const _sfc_main$j = /* @__PURE__ */ vue.defineComponent({
|
|
|
1691
1700
|
strict: { type: Boolean, default: false },
|
|
1692
1701
|
lockScroll: { type: Boolean, default: false },
|
|
1693
1702
|
info: { default: void 0 },
|
|
1694
|
-
locale: { default: "sv" }
|
|
1703
|
+
locale: { default: "sv" },
|
|
1704
|
+
onClose: {}
|
|
1695
1705
|
},
|
|
1696
1706
|
emits: ["close", "update:open"],
|
|
1697
1707
|
setup(__props, { emit: __emit }) {
|
|
@@ -1868,9 +1878,9 @@ const _sfc_main$j = /* @__PURE__ */ vue.defineComponent({
|
|
|
1868
1878
|
size: 24,
|
|
1869
1879
|
class: vue.normalizeClass(iconClasses.value)
|
|
1870
1880
|
}, null, 8, ["name", "class"])) : vue.createCommentVNode("", true),
|
|
1871
|
-
vue.createTextVNode(" " + vue.toDisplayString(
|
|
1881
|
+
vue.createTextVNode(" " + vue.toDisplayString(_ctx.heading), 1)
|
|
1872
1882
|
], 2),
|
|
1873
|
-
!
|
|
1883
|
+
!_ctx.strict ? (vue.openBlock(), vue.createBlock(_sfc_main$v, {
|
|
1874
1884
|
key: 0,
|
|
1875
1885
|
icon: "cross",
|
|
1876
1886
|
size: 28,
|
|
@@ -5094,7 +5104,11 @@ const _sfc_main$i = /* @__PURE__ */ vue.defineComponent({
|
|
|
5094
5104
|
size: {},
|
|
5095
5105
|
maxlength: {},
|
|
5096
5106
|
mask: { default: void 0 },
|
|
5097
|
-
maskOptions: { default: void 0 }
|
|
5107
|
+
maskOptions: { default: void 0 },
|
|
5108
|
+
modelValue: {},
|
|
5109
|
+
onClearInput: {},
|
|
5110
|
+
onKeyup: {},
|
|
5111
|
+
onInput: {}
|
|
5098
5112
|
}, {
|
|
5099
5113
|
"modelValue": { default: void 0, required: false },
|
|
5100
5114
|
"modelModifiers": {}
|
|
@@ -5203,35 +5217,35 @@ const _sfc_main$i = /* @__PURE__ */ vue.defineComponent({
|
|
|
5203
5217
|
return (_ctx, _cache) => {
|
|
5204
5218
|
return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$c, [
|
|
5205
5219
|
vue.createElementVNode("div", {
|
|
5206
|
-
class: vue.normalizeClass({ "flex flex-row gap-4":
|
|
5220
|
+
class: vue.normalizeClass({ "flex flex-row gap-4": _ctx.labelLeft })
|
|
5207
5221
|
}, [
|
|
5208
5222
|
vue.createElementVNode("div", null, [
|
|
5209
|
-
|
|
5223
|
+
_ctx.label ? (vue.openBlock(), vue.createElementBlock("label", {
|
|
5210
5224
|
key: 0,
|
|
5211
5225
|
for: inputId.value,
|
|
5212
|
-
class: vue.normalizeClass(["block font-bold text-gray-900 cursor-pointer", { "mb-0":
|
|
5213
|
-
}, vue.toDisplayString(
|
|
5214
|
-
|
|
5226
|
+
class: vue.normalizeClass(["block font-bold text-gray-900 cursor-pointer", { "mb-0": _ctx.meta, "mb-1": !_ctx.meta }])
|
|
5227
|
+
}, vue.toDisplayString(_ctx.label), 11, _hoisted_2$a)) : vue.createCommentVNode("", true),
|
|
5228
|
+
_ctx.meta ? (vue.openBlock(), vue.createElementBlock("div", {
|
|
5215
5229
|
key: 1,
|
|
5216
|
-
class: vue.normalizeClass(["font-thin", { "mb-1": !
|
|
5217
|
-
}, vue.toDisplayString(
|
|
5230
|
+
class: vue.normalizeClass(["font-thin", { "mb-1": !_ctx.labelLeft }])
|
|
5231
|
+
}, vue.toDisplayString(_ctx.meta), 3)) : vue.createCommentVNode("", true)
|
|
5218
5232
|
]),
|
|
5219
5233
|
vue.createElementVNode("div", {
|
|
5220
|
-
class: vue.normalizeClass({ "flex-1":
|
|
5234
|
+
class: vue.normalizeClass({ "flex-1": _ctx.labelLeft })
|
|
5221
5235
|
}, [
|
|
5222
5236
|
vue.createElementVNode("div", _hoisted_3$7, [
|
|
5223
5237
|
vue.withDirectives(vue.createElementVNode("input", vue.mergeProps({
|
|
5224
5238
|
ref_key: "inputRef",
|
|
5225
5239
|
ref: inputRef,
|
|
5226
5240
|
id: inputId.value,
|
|
5227
|
-
name:
|
|
5228
|
-
type: isPasswordType.value ? showPassword.value ? "text" : "password" :
|
|
5229
|
-
disabled:
|
|
5230
|
-
required:
|
|
5231
|
-
size:
|
|
5232
|
-
maxlength:
|
|
5241
|
+
name: _ctx.name || void 0,
|
|
5242
|
+
type: isPasswordType.value ? showPassword.value ? "text" : "password" : _ctx.type,
|
|
5243
|
+
disabled: _ctx.disabled,
|
|
5244
|
+
required: _ctx.required,
|
|
5245
|
+
size: _ctx.size,
|
|
5246
|
+
maxlength: _ctx.maxlength,
|
|
5233
5247
|
"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => internalValue.value = $event),
|
|
5234
|
-
"aria-invalid":
|
|
5248
|
+
"aria-invalid": _ctx.valid === "false" ? "true" : void 0,
|
|
5235
5249
|
class: inputClasses.value
|
|
5236
5250
|
}, _ctx.$attrs, {
|
|
5237
5251
|
onInput: _cache[1] || (_cache[1] = ($event) => _ctx.$emit("input", $event))
|
|
@@ -5250,7 +5264,7 @@ const _sfc_main$i = /* @__PURE__ */ vue.defineComponent({
|
|
|
5250
5264
|
key: 1,
|
|
5251
5265
|
name: "bigSuccess"
|
|
5252
5266
|
})) : vue.createCommentVNode("", true),
|
|
5253
|
-
|
|
5267
|
+
_ctx.clearButton && !!internalValue.value && !_ctx.disabled ? (vue.openBlock(), vue.createBlock(_sfc_main$v, {
|
|
5254
5268
|
key: 2,
|
|
5255
5269
|
icon: "cross",
|
|
5256
5270
|
ariaLabel: clearButtonLabel.value,
|
|
@@ -5266,7 +5280,7 @@ const _sfc_main$i = /* @__PURE__ */ vue.defineComponent({
|
|
|
5266
5280
|
])
|
|
5267
5281
|
], 2)
|
|
5268
5282
|
], 2),
|
|
5269
|
-
showInvalidMessage.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_5$6, vue.toDisplayString(
|
|
5283
|
+
showInvalidMessage.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_5$6, vue.toDisplayString(_ctx.invalidMessage), 1)) : vue.createCommentVNode("", true)
|
|
5270
5284
|
]);
|
|
5271
5285
|
};
|
|
5272
5286
|
}
|
|
@@ -5282,7 +5296,8 @@ const _sfc_main$h = /* @__PURE__ */ vue.defineComponent({
|
|
|
5282
5296
|
id: { default: void 0 },
|
|
5283
5297
|
current: {},
|
|
5284
5298
|
max: {},
|
|
5285
|
-
loading: { type: Boolean, default: false }
|
|
5299
|
+
loading: { type: Boolean, default: false },
|
|
5300
|
+
onPaginate: {}
|
|
5286
5301
|
},
|
|
5287
5302
|
emits: ["paginate"],
|
|
5288
5303
|
setup(__props, { emit: __emit }) {
|
|
@@ -5359,7 +5374,7 @@ const _sfc_main$h = /* @__PURE__ */ vue.defineComponent({
|
|
|
5359
5374
|
id: inputId.value
|
|
5360
5375
|
}, [
|
|
5361
5376
|
vue.createElementVNode("div", _hoisted_2$9, [
|
|
5362
|
-
|
|
5377
|
+
_ctx.loading && loadingIndicator.value === "start" ? (vue.openBlock(), vue.createBlock(_sfc_main$p, {
|
|
5363
5378
|
key: 0,
|
|
5364
5379
|
size: "32px",
|
|
5365
5380
|
color: "blue"
|
|
@@ -5367,12 +5382,12 @@ const _sfc_main$h = /* @__PURE__ */ vue.defineComponent({
|
|
|
5367
5382
|
key: 1,
|
|
5368
5383
|
icon: "first",
|
|
5369
5384
|
size: 28,
|
|
5370
|
-
disabled:
|
|
5371
|
-
ariaDisabled:
|
|
5372
|
-
class: vue.normalizeClass([{ "hidden!":
|
|
5385
|
+
disabled: _ctx.current === 1,
|
|
5386
|
+
ariaDisabled: _ctx.current === 1,
|
|
5387
|
+
class: vue.normalizeClass([{ "hidden!": _ctx.current === 1 }, "w-8 h-8 sm:w-12 sm:h-12"]),
|
|
5373
5388
|
onClick: _cache[0] || (_cache[0] = ($event) => handlePagination("start"))
|
|
5374
5389
|
}, null, 8, ["disabled", "ariaDisabled", "class"])),
|
|
5375
|
-
|
|
5390
|
+
_ctx.loading && loadingIndicator.value === "prev" ? (vue.openBlock(), vue.createBlock(_sfc_main$p, {
|
|
5376
5391
|
key: 2,
|
|
5377
5392
|
size: "24px",
|
|
5378
5393
|
color: "blue"
|
|
@@ -5380,14 +5395,14 @@ const _sfc_main$h = /* @__PURE__ */ vue.defineComponent({
|
|
|
5380
5395
|
key: 3,
|
|
5381
5396
|
icon: "arrowLeft",
|
|
5382
5397
|
size: 28,
|
|
5383
|
-
disabled:
|
|
5384
|
-
ariaDisabled:
|
|
5385
|
-
class: vue.normalizeClass([{ "hidden!":
|
|
5398
|
+
disabled: _ctx.current === 1,
|
|
5399
|
+
ariaDisabled: _ctx.current === 1,
|
|
5400
|
+
class: vue.normalizeClass([{ "hidden!": _ctx.current === 1 }, "w-8 h-8 sm:w-12 sm:h-12"]),
|
|
5386
5401
|
onClick: _cache[1] || (_cache[1] = ($event) => handlePagination("prev"))
|
|
5387
5402
|
}, null, 8, ["disabled", "ariaDisabled", "class"]))
|
|
5388
5403
|
]),
|
|
5389
5404
|
vue.createElementVNode("div", _hoisted_3$6, [
|
|
5390
|
-
|
|
5405
|
+
_ctx.loading && loadingIndicator.value === "input" ? (vue.openBlock(), vue.createBlock(_sfc_main$p, {
|
|
5391
5406
|
key: 0,
|
|
5392
5407
|
size: "24px",
|
|
5393
5408
|
color: "blue",
|
|
@@ -5397,16 +5412,16 @@ const _sfc_main$h = /* @__PURE__ */ vue.defineComponent({
|
|
|
5397
5412
|
vue.createVNode(_sfc_main$i, {
|
|
5398
5413
|
value: inputValue.value,
|
|
5399
5414
|
type: "text",
|
|
5400
|
-
size:
|
|
5401
|
-
maxlength:
|
|
5415
|
+
size: _ctx.max.toString().length,
|
|
5416
|
+
maxlength: _ctx.max.toString().length,
|
|
5402
5417
|
onInput: vue.unref(handlePageChange),
|
|
5403
5418
|
class: "mb-0! text-center"
|
|
5404
5419
|
}, null, 8, ["value", "size", "maxlength", "onInput"]),
|
|
5405
|
-
vue.createElementVNode("div", _hoisted_4$5, "/ " + vue.toDisplayString(
|
|
5420
|
+
vue.createElementVNode("div", _hoisted_4$5, "/ " + vue.toDisplayString(_ctx.max), 1)
|
|
5406
5421
|
], 64))
|
|
5407
5422
|
]),
|
|
5408
5423
|
vue.createElementVNode("div", _hoisted_5$5, [
|
|
5409
|
-
|
|
5424
|
+
_ctx.loading && loadingIndicator.value === "next" ? (vue.openBlock(), vue.createBlock(_sfc_main$p, {
|
|
5410
5425
|
key: 0,
|
|
5411
5426
|
size: "24px",
|
|
5412
5427
|
color: "blue"
|
|
@@ -5414,12 +5429,12 @@ const _sfc_main$h = /* @__PURE__ */ vue.defineComponent({
|
|
|
5414
5429
|
key: 1,
|
|
5415
5430
|
icon: "arrowRight",
|
|
5416
5431
|
size: 28,
|
|
5417
|
-
disabled:
|
|
5418
|
-
ariaDisabled:
|
|
5419
|
-
class: vue.normalizeClass([{ "hidden!":
|
|
5432
|
+
disabled: _ctx.current === _ctx.max,
|
|
5433
|
+
ariaDisabled: _ctx.current === _ctx.max,
|
|
5434
|
+
class: vue.normalizeClass([{ "hidden!": _ctx.current === _ctx.max }, "w-8 h-8 sm:w-12 sm:h-12"]),
|
|
5420
5435
|
onClick: _cache[2] || (_cache[2] = ($event) => handlePagination("next"))
|
|
5421
5436
|
}, null, 8, ["disabled", "ariaDisabled", "class"])),
|
|
5422
|
-
|
|
5437
|
+
_ctx.loading && loadingIndicator.value === "end" ? (vue.openBlock(), vue.createBlock(_sfc_main$p, {
|
|
5423
5438
|
key: 2,
|
|
5424
5439
|
size: "24px",
|
|
5425
5440
|
color: "blue"
|
|
@@ -5427,9 +5442,9 @@ const _sfc_main$h = /* @__PURE__ */ vue.defineComponent({
|
|
|
5427
5442
|
key: 3,
|
|
5428
5443
|
icon: "last",
|
|
5429
5444
|
size: 28,
|
|
5430
|
-
disabled:
|
|
5431
|
-
ariaDisabled:
|
|
5432
|
-
class: vue.normalizeClass([{ "hidden!":
|
|
5445
|
+
disabled: _ctx.current === _ctx.max,
|
|
5446
|
+
ariaDisabled: _ctx.current === _ctx.max,
|
|
5447
|
+
class: vue.normalizeClass([{ "hidden!": _ctx.current === _ctx.max }, "w-8 h-8 sm:w-12 sm:h-12"]),
|
|
5433
5448
|
onClick: _cache[3] || (_cache[3] = ($event) => handlePagination("end"))
|
|
5434
5449
|
}, null, 8, ["disabled", "ariaDisabled", "class"]))
|
|
5435
5450
|
])
|
|
@@ -5529,7 +5544,11 @@ const _sfc_main$g = /* @__PURE__ */ vue.defineComponent({
|
|
|
5529
5544
|
marginless: { type: Boolean, default: false },
|
|
5530
5545
|
maxListHeight: { default: void 0 },
|
|
5531
5546
|
locale: { default: "sv" },
|
|
5532
|
-
clearTrigger: { type: Boolean, default: false }
|
|
5547
|
+
clearTrigger: { type: Boolean, default: false },
|
|
5548
|
+
onChange: {},
|
|
5549
|
+
onSearchSelected: {},
|
|
5550
|
+
onPaginate: {},
|
|
5551
|
+
onTotal: {}
|
|
5533
5552
|
},
|
|
5534
5553
|
emits: ["searchSelected", "paginate", "total", "change"],
|
|
5535
5554
|
setup(__props, { emit: __emit }) {
|
|
@@ -5881,14 +5900,14 @@ const _sfc_main$g = /* @__PURE__ */ vue.defineComponent({
|
|
|
5881
5900
|
!singleItemName.value.length ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$8, [
|
|
5882
5901
|
vue.createElementVNode("div", _hoisted_3$5, [
|
|
5883
5902
|
vue.createVNode(_sfc_main$i, {
|
|
5884
|
-
label:
|
|
5885
|
-
meta:
|
|
5886
|
-
labelLeft:
|
|
5903
|
+
label: _ctx.label,
|
|
5904
|
+
meta: _ctx.meta ?? void 0,
|
|
5905
|
+
labelLeft: _ctx.labelLeft,
|
|
5887
5906
|
class: "relative mb-0! w-full!",
|
|
5888
5907
|
valid: valid.value,
|
|
5889
|
-
invalidMessage:
|
|
5890
|
-
disabled:
|
|
5891
|
-
locale:
|
|
5908
|
+
invalidMessage: _ctx.invalidMessage,
|
|
5909
|
+
disabled: _ctx.disabled,
|
|
5910
|
+
locale: _ctx.locale,
|
|
5892
5911
|
type: "search",
|
|
5893
5912
|
value: searchTerm.value,
|
|
5894
5913
|
id: inputId,
|
|
@@ -5898,7 +5917,7 @@ const _sfc_main$g = /* @__PURE__ */ vue.defineComponent({
|
|
|
5898
5917
|
onInput: handleInput,
|
|
5899
5918
|
onClearInput: handleClear
|
|
5900
5919
|
}, null, 8, ["label", "meta", "labelLeft", "valid", "invalidMessage", "disabled", "locale", "value", "clearButton", "mask"]),
|
|
5901
|
-
!
|
|
5920
|
+
!_ctx.disabled && !hasInputValue.value ? (vue.openBlock(), vue.createBlock(_sfc_main$w, {
|
|
5902
5921
|
key: 0,
|
|
5903
5922
|
name: "search",
|
|
5904
5923
|
size: 24,
|
|
@@ -5906,10 +5925,10 @@ const _sfc_main$g = /* @__PURE__ */ vue.defineComponent({
|
|
|
5906
5925
|
})) : vue.createCommentVNode("", true)
|
|
5907
5926
|
])
|
|
5908
5927
|
])) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_4$4, [
|
|
5909
|
-
vue.createElementVNode("div", _hoisted_5$4, vue.toDisplayString(
|
|
5928
|
+
vue.createElementVNode("div", _hoisted_5$4, vue.toDisplayString(_ctx.singleItemLabel), 1),
|
|
5910
5929
|
vue.createElementVNode("div", null, vue.toDisplayString(singleItemName.value), 1)
|
|
5911
5930
|
])),
|
|
5912
|
-
dropdownVisible.value && !singleItemName.value.length && !
|
|
5931
|
+
dropdownVisible.value && !singleItemName.value.length && !_ctx.disabled ? (vue.openBlock(), vue.createElementBlock("div", {
|
|
5913
5932
|
key: 2,
|
|
5914
5933
|
class: vue.normalizeClass(listWrapperClasses.value),
|
|
5915
5934
|
style: vue.normalizeStyle(listWrapperStyle.value),
|
|
@@ -5917,13 +5936,13 @@ const _sfc_main$g = /* @__PURE__ */ vue.defineComponent({
|
|
|
5917
5936
|
"aria-expanded": "false",
|
|
5918
5937
|
"aria-controls": "select-dropdown"
|
|
5919
5938
|
}, [
|
|
5920
|
-
|
|
5939
|
+
_ctx.loading ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_6$3, [
|
|
5921
5940
|
vue.createVNode(_sfc_main$p, {
|
|
5922
5941
|
color: "blue",
|
|
5923
5942
|
size: "48px"
|
|
5924
5943
|
})
|
|
5925
5944
|
])) : displayedItems.value && displayedItems.value.length ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 1 }, [
|
|
5926
|
-
searchTerm.value && searchTerm.value.length ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_7$3, vue.toDisplayString(displayedItems.value.length) + " " + vue.toDisplayString(
|
|
5945
|
+
searchTerm.value && searchTerm.value.length ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_7$3, vue.toDisplayString(displayedItems.value.length) + " " + vue.toDisplayString(_ctx.searchContext.linkWord) + " " + vue.toDisplayString(totalCount.value) + " " + vue.toDisplayString(_ctx.searchContext.context), 1)) : !searchTerm.value.length ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_8$2, vue.toDisplayString(totalCount.value) + " " + vue.toDisplayString(_ctx.searchContext.context), 1)) : vue.createCommentVNode("", true),
|
|
5927
5946
|
vue.createElementVNode("ul", {
|
|
5928
5947
|
class: "block m-0 list-none p-0",
|
|
5929
5948
|
role: "listbox",
|
|
@@ -5962,15 +5981,15 @@ const _sfc_main$g = /* @__PURE__ */ vue.defineComponent({
|
|
|
5962
5981
|
], 42, _hoisted_9$2);
|
|
5963
5982
|
}), 128))
|
|
5964
5983
|
], 32),
|
|
5965
|
-
|
|
5984
|
+
_ctx.page !== void 0 && totalPages.value !== null && totalPages.value > 1 ? (vue.openBlock(), vue.createBlock(_sfc_main$h, {
|
|
5966
5985
|
key: 2,
|
|
5967
|
-
current:
|
|
5986
|
+
current: _ctx.page,
|
|
5968
5987
|
max: totalPages.value,
|
|
5969
5988
|
onPaginate: handlePagination,
|
|
5970
5989
|
class: "my-4! px-2"
|
|
5971
5990
|
}, null, 8, ["current", "max"])) : vue.createCommentVNode("", true)
|
|
5972
|
-
], 64)) : !
|
|
5973
|
-
vue.createElementVNode("li", _hoisted_13, vue.toDisplayString(
|
|
5991
|
+
], 64)) : !_ctx.loading ? (vue.openBlock(), vue.createElementBlock("ul", _hoisted_12, [
|
|
5992
|
+
vue.createElementVNode("li", _hoisted_13, vue.toDisplayString(_ctx.noResultPrompt), 1)
|
|
5974
5993
|
])) : vue.createCommentVNode("", true)
|
|
5975
5994
|
], 6)) : vue.createCommentVNode("", true)
|
|
5976
5995
|
])
|
|
@@ -6011,7 +6030,7 @@ const _sfc_main$f = /* @__PURE__ */ vue.defineComponent({
|
|
|
6011
6030
|
return vue.openBlock(), vue.createElementBlock("span", {
|
|
6012
6031
|
class: vue.normalizeClass(stickerClasses.value)
|
|
6013
6032
|
}, [
|
|
6014
|
-
|
|
6033
|
+
_ctx.bullet ? (vue.openBlock(), vue.createElementBlock("span", {
|
|
6015
6034
|
key: 0,
|
|
6016
6035
|
class: vue.normalizeClass(bulletDotClasses.value)
|
|
6017
6036
|
}, null, 2)) : vue.createCommentVNode("", true),
|
|
@@ -6435,7 +6454,9 @@ const _sfc_main$e = /* @__PURE__ */ vue.defineComponent({
|
|
|
6435
6454
|
value: { default: void 0 },
|
|
6436
6455
|
name: { default: void 0 },
|
|
6437
6456
|
id: { default: void 0 },
|
|
6438
|
-
required: { type: Boolean, default: false }
|
|
6457
|
+
required: { type: Boolean, default: false },
|
|
6458
|
+
modelValue: { type: [Boolean, Array] },
|
|
6459
|
+
onChange: {}
|
|
6439
6460
|
}, {
|
|
6440
6461
|
"modelValue": { type: [Boolean, Array], ...{
|
|
6441
6462
|
default: void 0,
|
|
@@ -6529,26 +6550,26 @@ const _sfc_main$e = /* @__PURE__ */ vue.defineComponent({
|
|
|
6529
6550
|
}, [
|
|
6530
6551
|
vue.createElementVNode("label", vue.mergeProps({
|
|
6531
6552
|
for: inputId.value,
|
|
6532
|
-
class: [innerWrapperClasses.value, { "cursor-not-allowed":
|
|
6553
|
+
class: [innerWrapperClasses.value, { "cursor-not-allowed": _ctx.disabled }]
|
|
6533
6554
|
}, _ctx.$attrs), [
|
|
6534
6555
|
vue.withDirectives(vue.createElementVNode("input", {
|
|
6535
6556
|
id: inputId.value,
|
|
6536
|
-
name:
|
|
6537
|
-
value:
|
|
6557
|
+
name: _ctx.name,
|
|
6558
|
+
value: _ctx.value,
|
|
6538
6559
|
"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => internalChecked.value = $event),
|
|
6539
|
-
disabled:
|
|
6540
|
-
required:
|
|
6560
|
+
disabled: _ctx.disabled,
|
|
6561
|
+
required: _ctx.required,
|
|
6541
6562
|
type: "checkbox",
|
|
6542
6563
|
class: vue.normalizeClass([checkboxClasses.value])
|
|
6543
6564
|
}, null, 10, _hoisted_2$7), [
|
|
6544
6565
|
[vue.vModelCheckbox, internalChecked.value]
|
|
6545
6566
|
]),
|
|
6546
|
-
vue.unref(hasLabelSlot) ||
|
|
6567
|
+
vue.unref(hasLabelSlot) || _ctx.label ? (vue.openBlock(), vue.createElementBlock("span", {
|
|
6547
6568
|
key: 0,
|
|
6548
|
-
class: vue.normalizeClass(["relative inline-block leading-6 pl-1 select-none", { "cursor-not-allowed":
|
|
6569
|
+
class: vue.normalizeClass(["relative inline-block leading-6 pl-1 select-none", { "cursor-not-allowed": _ctx.disabled }])
|
|
6549
6570
|
}, [
|
|
6550
|
-
vue.unref(hasLabelSlot) ? vue.renderSlot(_ctx.$slots, "default", { key: 0 }) :
|
|
6551
|
-
vue.createTextVNode(vue.toDisplayString(
|
|
6571
|
+
vue.unref(hasLabelSlot) ? vue.renderSlot(_ctx.$slots, "default", { key: 0 }) : _ctx.label ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 1 }, [
|
|
6572
|
+
vue.createTextVNode(vue.toDisplayString(_ctx.label), 1)
|
|
6552
6573
|
], 64)) : vue.createCommentVNode("", true)
|
|
6553
6574
|
], 2)) : vue.createCommentVNode("", true)
|
|
6554
6575
|
], 16, _hoisted_1$9)
|
|
@@ -6568,6 +6589,7 @@ const _sfc_main$d = /* @__PURE__ */ vue.defineComponent({
|
|
|
6568
6589
|
name: { default: void 0 },
|
|
6569
6590
|
id: { default: void 0 },
|
|
6570
6591
|
required: { type: Boolean, default: false },
|
|
6592
|
+
modelValue: {},
|
|
6571
6593
|
onKeydown: {},
|
|
6572
6594
|
onBlur: {},
|
|
6573
6595
|
onChange: {}
|
|
@@ -6610,26 +6632,26 @@ const _sfc_main$d = /* @__PURE__ */ vue.defineComponent({
|
|
|
6610
6632
|
}, [
|
|
6611
6633
|
vue.createElementVNode("label", vue.mergeProps({
|
|
6612
6634
|
for: inputId.value,
|
|
6613
|
-
class: [innerWrapperClasses.value, { "cursor-not-allowed":
|
|
6635
|
+
class: [innerWrapperClasses.value, { "cursor-not-allowed": _ctx.disabled }]
|
|
6614
6636
|
}, _ctx.$attrs), [
|
|
6615
6637
|
vue.withDirectives(vue.createElementVNode("input", {
|
|
6616
6638
|
id: inputId.value,
|
|
6617
|
-
name:
|
|
6618
|
-
value:
|
|
6639
|
+
name: _ctx.name,
|
|
6640
|
+
value: _ctx.value,
|
|
6619
6641
|
"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => radioModel.value = $event),
|
|
6620
|
-
disabled:
|
|
6621
|
-
required:
|
|
6642
|
+
disabled: _ctx.disabled,
|
|
6643
|
+
required: _ctx.required,
|
|
6622
6644
|
type: "radio",
|
|
6623
6645
|
class: vue.normalizeClass([inputClasses.value, "m-[2px]"])
|
|
6624
6646
|
}, null, 10, _hoisted_2$6), [
|
|
6625
6647
|
[vue.vModelRadio, radioModel.value]
|
|
6626
6648
|
]),
|
|
6627
|
-
vue.unref(hasLabelSlot) ||
|
|
6649
|
+
vue.unref(hasLabelSlot) || _ctx.label ? (vue.openBlock(), vue.createElementBlock("span", {
|
|
6628
6650
|
key: 0,
|
|
6629
|
-
class: vue.normalizeClass(["relative inline-block leading-6 pl-1 select-none", { "cursor-not-allowed":
|
|
6651
|
+
class: vue.normalizeClass(["relative inline-block leading-6 pl-1 select-none", { "cursor-not-allowed": _ctx.disabled }])
|
|
6630
6652
|
}, [
|
|
6631
|
-
vue.unref(hasLabelSlot) ? vue.renderSlot(_ctx.$slots, "default", { key: 0 }) :
|
|
6632
|
-
vue.createTextVNode(vue.toDisplayString(
|
|
6653
|
+
vue.unref(hasLabelSlot) ? vue.renderSlot(_ctx.$slots, "default", { key: 0 }) : _ctx.label ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 1 }, [
|
|
6654
|
+
vue.createTextVNode(vue.toDisplayString(_ctx.label), 1)
|
|
6633
6655
|
], 64)) : vue.createCommentVNode("", true)
|
|
6634
6656
|
], 2)) : vue.createCommentVNode("", true)
|
|
6635
6657
|
], 16, _hoisted_1$8)
|
|
@@ -6686,7 +6708,8 @@ const _sfc_main$c = /* @__PURE__ */ vue.defineComponent({
|
|
|
6686
6708
|
searchCountTemplate: {},
|
|
6687
6709
|
searchCountTemplateUnfiltered: {},
|
|
6688
6710
|
titleTemplate: {},
|
|
6689
|
-
|
|
6711
|
+
onGetSearchContainerHeight: {},
|
|
6712
|
+
selectedNodes: {}
|
|
6690
6713
|
},
|
|
6691
6714
|
setup(__props) {
|
|
6692
6715
|
const props = __props;
|
|
@@ -6862,21 +6885,21 @@ const _sfc_main$c = /* @__PURE__ */ vue.defineComponent({
|
|
|
6862
6885
|
}, null, 8, ["ariaLabel", "icon"])) : vue.createCommentVNode("", true),
|
|
6863
6886
|
!hasChildrenNodes.value ? (vue.openBlock(), vue.createElementBlock("div", {
|
|
6864
6887
|
key: 1,
|
|
6865
|
-
style: vue.normalizeStyle({ minWidth: `${
|
|
6888
|
+
style: vue.normalizeStyle({ minWidth: `${_ctx.indentation}px` })
|
|
6866
6889
|
}, null, 4)) : vue.createCommentVNode("", true),
|
|
6867
6890
|
vue.createElementVNode("div", _hoisted_2$5, [
|
|
6868
6891
|
vue.createVNode(_sfc_main$e, {
|
|
6869
6892
|
id: `checkbox-${props.nodeId}`,
|
|
6870
6893
|
checked: vue.unref(treeState)?.isNodeSelected(props.nodeId),
|
|
6871
|
-
indeterminate:
|
|
6894
|
+
indeterminate: _ctx.showIndeterminate && (vue.unref(treeState)?.isNodeIndeterminateById(props.nodeId) ?? false),
|
|
6872
6895
|
onChange: _cache[1] || (_cache[1] = ($event) => vue.unref(treeState)?.toggleSelectNode(props.nodeId, props.title, props.data))
|
|
6873
6896
|
}, {
|
|
6874
6897
|
default: vue.withCtx(() => [
|
|
6875
6898
|
vue.createElementVNode("span", null, [
|
|
6876
|
-
shouldHighlightSearch.value &&
|
|
6899
|
+
shouldHighlightSearch.value && _ctx.title ? (vue.openBlock(), vue.createElementBlock("span", {
|
|
6877
6900
|
key: 0,
|
|
6878
|
-
innerHTML: vue.unref(treeState)?.highlightText(
|
|
6879
|
-
}, null, 8, _hoisted_3$4)) : (vue.openBlock(), vue.createElementBlock("span", _hoisted_4$3, vue.toDisplayString(
|
|
6901
|
+
innerHTML: vue.unref(treeState)?.highlightText(_ctx.title, vue.unref(treeState)?.searchTerm?.value)
|
|
6902
|
+
}, null, 8, _hoisted_3$4)) : (vue.openBlock(), vue.createElementBlock("span", _hoisted_4$3, vue.toDisplayString(_ctx.title), 1))
|
|
6880
6903
|
]),
|
|
6881
6904
|
childCount.value !== null ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_5$3, " (+" + vue.toDisplayString(childCount.value) + ")", 1)) : vue.createCommentVNode("", true)
|
|
6882
6905
|
]),
|
|
@@ -6890,7 +6913,7 @@ const _sfc_main$c = /* @__PURE__ */ vue.defineComponent({
|
|
|
6890
6913
|
icon: "more",
|
|
6891
6914
|
size: 24,
|
|
6892
6915
|
onClick: togglePopover,
|
|
6893
|
-
ariaLabel: `Fler val för ${
|
|
6916
|
+
ariaLabel: `Fler val för ${_ctx.title}`,
|
|
6894
6917
|
class: "items-center"
|
|
6895
6918
|
}, null, 8, ["ariaLabel"]),
|
|
6896
6919
|
vue.createVNode(vue.Transition, {
|
|
@@ -6974,17 +6997,17 @@ const _sfc_main$c = /* @__PURE__ */ vue.defineComponent({
|
|
|
6974
6997
|
indentation: props.indentation,
|
|
6975
6998
|
nodeExpandIcon: props.nodeExpandIcon,
|
|
6976
6999
|
nodeCollapseIcon: props.nodeCollapseIcon,
|
|
6977
|
-
showNodeDescription:
|
|
6978
|
-
showChildrenCount:
|
|
6979
|
-
expandChildrenOnSelect:
|
|
6980
|
-
showIndeterminate:
|
|
6981
|
-
showIndeterminateOnlyOnChildrenSelection:
|
|
6982
|
-
expandChildrenOnParentCheck:
|
|
6983
|
-
expandAllChildrenOnParentCheck:
|
|
6984
|
-
searchEnabled:
|
|
6985
|
-
searchExpandNodes:
|
|
6986
|
-
searchMatchParams:
|
|
6987
|
-
searchHighlighting:
|
|
7000
|
+
showNodeDescription: _ctx.showNodeDescription,
|
|
7001
|
+
showChildrenCount: _ctx.showChildrenCount,
|
|
7002
|
+
expandChildrenOnSelect: _ctx.expandChildrenOnSelect,
|
|
7003
|
+
showIndeterminate: _ctx.showIndeterminate,
|
|
7004
|
+
showIndeterminateOnlyOnChildrenSelection: _ctx.showIndeterminateOnlyOnChildrenSelection,
|
|
7005
|
+
expandChildrenOnParentCheck: _ctx.expandChildrenOnParentCheck,
|
|
7006
|
+
expandAllChildrenOnParentCheck: _ctx.expandAllChildrenOnParentCheck,
|
|
7007
|
+
searchEnabled: _ctx.searchEnabled,
|
|
7008
|
+
searchExpandNodes: _ctx.searchExpandNodes,
|
|
7009
|
+
searchMatchParams: _ctx.searchMatchParams,
|
|
7010
|
+
searchHighlighting: _ctx.searchHighlighting,
|
|
6988
7011
|
titleTemplate: props.titleTemplate,
|
|
6989
7012
|
popoverLabels: props.popoverLabels
|
|
6990
7013
|
}, null, 8, ["nodes", "title", "nodeId", "data", "depth", "indentation", "nodeExpandIcon", "nodeCollapseIcon", "showNodeDescription", "showChildrenCount", "expandChildrenOnSelect", "showIndeterminate", "showIndeterminateOnlyOnChildrenSelection", "expandChildrenOnParentCheck", "expandAllChildrenOnParentCheck", "searchEnabled", "searchExpandNodes", "searchMatchParams", "searchHighlighting", "titleTemplate", "popoverLabels"]);
|
|
@@ -7071,9 +7094,9 @@ const _sfc_main$a = /* @__PURE__ */ vue.defineComponent({
|
|
|
7071
7094
|
searchCountTemplate: {},
|
|
7072
7095
|
searchCountTemplateUnfiltered: {},
|
|
7073
7096
|
titleTemplate: { default: "[[title]]" },
|
|
7074
|
-
|
|
7075
|
-
|
|
7076
|
-
|
|
7097
|
+
onGetSearchContainerHeight: {},
|
|
7098
|
+
selectedNodes: {},
|
|
7099
|
+
data: {}
|
|
7077
7100
|
},
|
|
7078
7101
|
emits: ["update:selectedNodes", "getSearchContainerHeight"],
|
|
7079
7102
|
setup(__props, { expose: __expose, emit: __emit }) {
|
|
@@ -7256,12 +7279,12 @@ const _sfc_main$9 = /* @__PURE__ */ vue.defineComponent({
|
|
|
7256
7279
|
ref: contentRef,
|
|
7257
7280
|
class: vue.normalizeClass(["content", { open: isOpen.value }]),
|
|
7258
7281
|
style: vue.normalizeStyle({ maxWidth: `${containerWidth.value}px` })
|
|
7259
|
-
}, vue.toDisplayString(
|
|
7282
|
+
}, vue.toDisplayString(_ctx.content), 7)),
|
|
7260
7283
|
shouldShowButton.value ? (vue.openBlock(), vue.createBlock(_sfc_main$o, {
|
|
7261
7284
|
key: 2,
|
|
7262
7285
|
icon: isOpen.value ? "arrowUp" : "arrowDown",
|
|
7263
7286
|
iconPos: "right",
|
|
7264
|
-
text: isOpen.value ?
|
|
7287
|
+
text: isOpen.value ? _ctx.btnCollapse : _ctx.btnExpand,
|
|
7265
7288
|
onClick: toggleComponent
|
|
7266
7289
|
}, null, 8, ["icon", "text"])) : vue.createCommentVNode("", true)
|
|
7267
7290
|
]);
|
|
@@ -7340,26 +7363,26 @@ const _sfc_main$8 = /* @__PURE__ */ vue.defineComponent({
|
|
|
7340
7363
|
}
|
|
7341
7364
|
return (_ctx, _cache) => {
|
|
7342
7365
|
return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$4, [
|
|
7343
|
-
|
|
7366
|
+
_ctx.label ? (vue.openBlock(), vue.createElementBlock("label", {
|
|
7344
7367
|
key: 0,
|
|
7345
7368
|
for: selectId.value,
|
|
7346
|
-
class: vue.normalizeClass(["block font-bold text-gray-900 cursor-pointer", { "mb-0":
|
|
7347
|
-
}, vue.toDisplayString(
|
|
7348
|
-
|
|
7369
|
+
class: vue.normalizeClass(["block font-bold text-gray-900 cursor-pointer", { "mb-0": _ctx.meta, "mb-1": !_ctx.meta }])
|
|
7370
|
+
}, vue.toDisplayString(_ctx.label), 11, _hoisted_2$3)) : vue.createCommentVNode("", true),
|
|
7371
|
+
_ctx.meta ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$2, vue.toDisplayString(_ctx.meta), 1)) : vue.createCommentVNode("", true),
|
|
7349
7372
|
vue.createElementVNode("div", _hoisted_4$2, [
|
|
7350
7373
|
vue.withDirectives(vue.createElementVNode("select", vue.mergeProps({
|
|
7351
7374
|
id: selectId.value,
|
|
7352
|
-
name:
|
|
7353
|
-
disabled:
|
|
7375
|
+
name: _ctx.name || void 0,
|
|
7376
|
+
disabled: _ctx.disabled,
|
|
7354
7377
|
"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => internalValue.value = $event),
|
|
7355
|
-
"aria-invalid":
|
|
7378
|
+
"aria-invalid": _ctx.valid === "false" ? "true" : void 0,
|
|
7356
7379
|
class: selectClasses.value
|
|
7357
7380
|
}, _ctx.$attrs, {
|
|
7358
7381
|
onChange: handleChange,
|
|
7359
7382
|
onInput: _cache[1] || (_cache[1] = (e) => emit("input", e))
|
|
7360
7383
|
}), [
|
|
7361
|
-
|
|
7362
|
-
!hasDefaultSlot.value &&
|
|
7384
|
+
_ctx.placeholder && !hasDefaultSlot.value ? (vue.openBlock(), vue.createElementBlock("option", _hoisted_6$1, vue.toDisplayString(_ctx.placeholder), 1)) : vue.createCommentVNode("", true),
|
|
7385
|
+
!hasDefaultSlot.value && _ctx.options ? (vue.openBlock(true), vue.createElementBlock(vue.Fragment, { key: 1 }, vue.renderList(_ctx.options, (option) => {
|
|
7363
7386
|
return vue.openBlock(), vue.createElementBlock("option", {
|
|
7364
7387
|
key: option.value,
|
|
7365
7388
|
value: option.value,
|
|
@@ -7374,14 +7397,14 @@ const _sfc_main$8 = /* @__PURE__ */ vue.defineComponent({
|
|
|
7374
7397
|
name: "arrowDown",
|
|
7375
7398
|
size: 24,
|
|
7376
7399
|
class: vue.normalizeClass({
|
|
7377
|
-
"fill-gray-500":
|
|
7378
|
-
"fill-red-500": isInvalid.value && !
|
|
7379
|
-
"fill-blue-500": !
|
|
7400
|
+
"fill-gray-500": _ctx.disabled,
|
|
7401
|
+
"fill-red-500": isInvalid.value && !_ctx.disabled,
|
|
7402
|
+
"fill-blue-500": !_ctx.disabled && !isInvalid.value
|
|
7380
7403
|
})
|
|
7381
7404
|
}, null, 8, ["class"])
|
|
7382
7405
|
])
|
|
7383
7406
|
]),
|
|
7384
|
-
showInvalidMessage.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_9, vue.toDisplayString(
|
|
7407
|
+
showInvalidMessage.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_9, vue.toDisplayString(_ctx.invalidMessage), 1)) : vue.createCommentVNode("", true)
|
|
7385
7408
|
]);
|
|
7386
7409
|
};
|
|
7387
7410
|
}
|
|
@@ -7448,20 +7471,20 @@ const _sfc_main$7 = /* @__PURE__ */ vue.defineComponent({
|
|
|
7448
7471
|
return (_ctx, _cache) => {
|
|
7449
7472
|
return vue.openBlock(), vue.createElementBlock(vue.Fragment, null, [
|
|
7450
7473
|
vue.createElementVNode("div", _hoisted_1$3, [
|
|
7451
|
-
|
|
7474
|
+
_ctx.label ? (vue.openBlock(), vue.createElementBlock("label", {
|
|
7452
7475
|
key: 0,
|
|
7453
7476
|
for: textareaId.value,
|
|
7454
|
-
class: vue.normalizeClass(["block font-bold text-gray-900 cursor-pointer", { "mb-0":
|
|
7455
|
-
}, vue.toDisplayString(
|
|
7456
|
-
|
|
7477
|
+
class: vue.normalizeClass(["block font-bold text-gray-900 cursor-pointer", { "mb-0": _ctx.meta, "mb-1": !_ctx.meta }])
|
|
7478
|
+
}, vue.toDisplayString(_ctx.label), 11, _hoisted_2$2)) : vue.createCommentVNode("", true),
|
|
7479
|
+
_ctx.meta ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$1, vue.toDisplayString(_ctx.meta), 1)) : vue.createCommentVNode("", true),
|
|
7457
7480
|
vue.createElementVNode("div", _hoisted_4$1, [
|
|
7458
7481
|
vue.withDirectives(vue.createElementVNode("textarea", vue.mergeProps({
|
|
7459
7482
|
id: textareaId.value,
|
|
7460
|
-
name:
|
|
7461
|
-
disabled:
|
|
7462
|
-
rows:
|
|
7483
|
+
name: _ctx.name || void 0,
|
|
7484
|
+
disabled: _ctx.disabled,
|
|
7485
|
+
rows: _ctx.rows,
|
|
7463
7486
|
"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => internalValue.value = $event),
|
|
7464
|
-
"aria-invalid":
|
|
7487
|
+
"aria-invalid": _ctx.valid === "false" ? "true" : void 0,
|
|
7465
7488
|
class: inputClasses.value
|
|
7466
7489
|
}, _ctx.$attrs, {
|
|
7467
7490
|
onInput: _cache[1] || (_cache[1] = (e) => emit("input", e))
|
|
@@ -7482,7 +7505,7 @@ const _sfc_main$7 = /* @__PURE__ */ vue.defineComponent({
|
|
|
7482
7505
|
})) : vue.createCommentVNode("", true)
|
|
7483
7506
|
], 2)
|
|
7484
7507
|
]),
|
|
7485
|
-
showInvalidMessage.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_6, vue.toDisplayString(
|
|
7508
|
+
showInvalidMessage.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_6, vue.toDisplayString(_ctx.invalidMessage), 1)) : vue.createCommentVNode("", true)
|
|
7486
7509
|
]),
|
|
7487
7510
|
isValid.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_7, "OK")) : vue.createCommentVNode("", true)
|
|
7488
7511
|
], 64);
|
|
@@ -7543,7 +7566,7 @@ const _sfc_main$5 = /* @__PURE__ */ vue.defineComponent({
|
|
|
7543
7566
|
}, [
|
|
7544
7567
|
vue.unref(hasSlot) ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_2$1, [
|
|
7545
7568
|
vue.renderSlot(_ctx.$slots, "default")
|
|
7546
|
-
])) : (vue.openBlock(), vue.createElementBlock("span", _hoisted_3, vue.toDisplayString(
|
|
7569
|
+
])) : (vue.openBlock(), vue.createElementBlock("span", _hoisted_3, vue.toDisplayString(_ctx.heading), 1)),
|
|
7547
7570
|
vue.createVNode(_sfc_main$w, {
|
|
7548
7571
|
name: iconName.value,
|
|
7549
7572
|
size: "24px",
|
|
@@ -7555,7 +7578,7 @@ const _sfc_main$5 = /* @__PURE__ */ vue.defineComponent({
|
|
|
7555
7578
|
}, [
|
|
7556
7579
|
vue.unref(hasSlot) ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_4, [
|
|
7557
7580
|
vue.renderSlot(_ctx.$slots, "default")
|
|
7558
|
-
])) : (vue.openBlock(), vue.createElementBlock("span", _hoisted_5, vue.toDisplayString(
|
|
7581
|
+
])) : (vue.openBlock(), vue.createElementBlock("span", _hoisted_5, vue.toDisplayString(_ctx.heading), 1))
|
|
7559
7582
|
], 2))
|
|
7560
7583
|
]);
|
|
7561
7584
|
};
|
|
@@ -7678,13 +7701,13 @@ const _sfc_main$3 = /* @__PURE__ */ vue.defineComponent({
|
|
|
7678
7701
|
return (_ctx, _cache) => {
|
|
7679
7702
|
return vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(componentType.value), vue.mergeProps(componentAttrs.value, {
|
|
7680
7703
|
class: buttonClasses.value,
|
|
7681
|
-
disabled: componentType.value === "button" ?
|
|
7682
|
-
"aria-disabled":
|
|
7704
|
+
disabled: componentType.value === "button" ? _ctx.disabled : void 0,
|
|
7705
|
+
"aria-disabled": _ctx.disabled,
|
|
7683
7706
|
"aria-current": isActive.value ? "page" : void 0
|
|
7684
7707
|
}), {
|
|
7685
7708
|
default: vue.withCtx(() => [
|
|
7686
7709
|
vue.renderSlot(_ctx.$slots, "default", {}, () => [
|
|
7687
|
-
vue.createTextVNode(vue.toDisplayString(
|
|
7710
|
+
vue.createTextVNode(vue.toDisplayString(_ctx.label), 1)
|
|
7688
7711
|
])
|
|
7689
7712
|
]),
|
|
7690
7713
|
_: 3
|
|
@@ -7731,11 +7754,11 @@ const _sfc_main$2 = /* @__PURE__ */ vue.defineComponent({
|
|
|
7731
7754
|
return responsiveMap[element];
|
|
7732
7755
|
}
|
|
7733
7756
|
return (_ctx, _cache) => {
|
|
7734
|
-
return vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(
|
|
7757
|
+
return vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.type), {
|
|
7735
7758
|
class: vue.normalizeClass(headingClasses.value)
|
|
7736
7759
|
}, {
|
|
7737
7760
|
default: vue.withCtx(() => [
|
|
7738
|
-
vue.createTextVNode(vue.toDisplayString(
|
|
7761
|
+
vue.createTextVNode(vue.toDisplayString(_ctx.text), 1)
|
|
7739
7762
|
]),
|
|
7740
7763
|
_: 1
|
|
7741
7764
|
}, 8, ["class"]);
|
|
@@ -7785,7 +7808,7 @@ const _sfc_main$1 = /* @__PURE__ */ vue.defineComponent({
|
|
|
7785
7808
|
};
|
|
7786
7809
|
return (_ctx, _cache) => {
|
|
7787
7810
|
return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$1, [
|
|
7788
|
-
|
|
7811
|
+
_ctx.loading ? (vue.openBlock(), vue.createBlock(_sfc_main$p, {
|
|
7789
7812
|
key: 0,
|
|
7790
7813
|
size: "24px",
|
|
7791
7814
|
color: "blue",
|