fds-vue-core 2.0.43 → 2.0.45
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/components/Blocks/FdsBlockContent/FdsBlockContent.vue.d.ts.map +1 -1
- package/dist/components/FdsModal/FdsModal.vue.d.ts.map +1 -1
- package/dist/fds-vue-core.cjs.js +35 -13
- package/dist/fds-vue-core.cjs.js.map +1 -1
- package/dist/fds-vue-core.es.js +35 -13
- package/dist/fds-vue-core.es.js.map +1 -1
- package/dist/slot-styles.css +2 -1
- package/package.json +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FdsBlockContent.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Blocks/FdsBlockContent/FdsBlockContent.vue"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"FdsBlockContent.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Blocks/FdsBlockContent/FdsBlockContent.vue"],"names":[],"mappings":"AAgEA,OAAO,EAAY,KAAK,IAAI,EAAE,MAAM,KAAK,CAAA;AACzC,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAA;AAwCnD,KAAK,WAAW,GAAG;IACjB,OAAO,CAAC,EAAE,IAAI,CAAA;IACd,UAAU,CAAC,EAAE,IAAI,CAAA;CAClB,CAAC;AA+EF,QAAA,MAAM,eAAe;;;;4EAGnB,CAAC;wBACkB,eAAe,CAAC,OAAO,eAAe,EAAE,WAAW,CAAC;AAAzE,wBAA0E;AAY1E,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FdsModal.vue.d.ts","sourceRoot":"","sources":["../../../src/components/FdsModal/FdsModal.vue"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"FdsModal.vue.d.ts","sourceRoot":"","sources":["../../../src/components/FdsModal/FdsModal.vue"],"names":[],"mappings":"AA+PA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AA8V5C,QAAA,IAAI,QAAQ,IAAW,EAAE,QAAQ,IAAY,CAAE;AAC/C,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,GAC7C;IAAE,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,CAAC;AA+BvD,QAAA,MAAM,eAAe;;;;;;;;;;;;;;;;;4EAInB,CAAC;wBACkB,eAAe,CAAC,OAAO,eAAe,EAAE,WAAW,CAAC;AAAzE,wBAA0E;AAY1E,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
|
package/dist/fds-vue-core.cjs.js
CHANGED
|
@@ -1222,7 +1222,7 @@ const _hoisted_2$e = { class: "flex-1 flex" };
|
|
|
1222
1222
|
const _hoisted_3$a = ["innerHTML"];
|
|
1223
1223
|
const _hoisted_4$9 = { key: 1 };
|
|
1224
1224
|
const _hoisted_5$6 = { key: 0 };
|
|
1225
|
-
const _hoisted_6$
|
|
1225
|
+
const _hoisted_6$3 = {
|
|
1226
1226
|
key: 2,
|
|
1227
1227
|
class: "items-center max-h-[28px]"
|
|
1228
1228
|
};
|
|
@@ -1463,7 +1463,7 @@ const _sfc_main$r = /* @__PURE__ */ vue.defineComponent({
|
|
|
1463
1463
|
_: 1
|
|
1464
1464
|
}, 8, ["id", "checked", "indeterminate"])
|
|
1465
1465
|
]),
|
|
1466
|
-
vue.unref(treeState)?.isParentOrChildrenSelected(props.nodeId) && !(vue.unref(treeState)?.isNodeIndeterminateById(props.nodeId) ?? false) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_6$
|
|
1466
|
+
vue.unref(treeState)?.isParentOrChildrenSelected(props.nodeId) && !(vue.unref(treeState)?.isNodeIndeterminateById(props.nodeId) ?? false) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_6$3, [
|
|
1467
1467
|
vue.createVNode(_sfc_main$t, {
|
|
1468
1468
|
ref_key: "triggerRef",
|
|
1469
1469
|
ref: triggerRef,
|
|
@@ -1904,9 +1904,8 @@ const _sfc_main$o = /* @__PURE__ */ vue.defineComponent({
|
|
|
1904
1904
|
const _hoisted_1$i = ["id"];
|
|
1905
1905
|
const _hoisted_2$c = { class: "flex items-start justify-between gap-4" };
|
|
1906
1906
|
const _hoisted_3$8 = { class: "flex items-center gap-3" };
|
|
1907
|
-
const _hoisted_4$7 = { class: "
|
|
1908
|
-
const _hoisted_5$5 = { class: "
|
|
1909
|
-
const _hoisted_6$3 = { class: "mb-0-last-child" };
|
|
1907
|
+
const _hoisted_4$7 = { class: "flex items-start gap-3" };
|
|
1908
|
+
const _hoisted_5$5 = { class: "mb-0-last-child" };
|
|
1910
1909
|
const _sfc_main$n = /* @__PURE__ */ vue.defineComponent({
|
|
1911
1910
|
__name: "FdsBlockContent",
|
|
1912
1911
|
props: {
|
|
@@ -1916,12 +1915,18 @@ const _sfc_main$n = /* @__PURE__ */ vue.defineComponent({
|
|
|
1916
1915
|
id: {}
|
|
1917
1916
|
},
|
|
1918
1917
|
setup(__props) {
|
|
1918
|
+
const hasSlot = useHasSlot();
|
|
1919
1919
|
const props = __props;
|
|
1920
1920
|
const contentClasses = vue.computed(() => [
|
|
1921
|
-
"rounded-md p-4
|
|
1921
|
+
"rounded-md p-4 bg-white mb-4",
|
|
1922
1922
|
props.tight && "pb-2",
|
|
1923
1923
|
props.tight && "p-4!",
|
|
1924
|
-
props.borderLeft && "border-l-4"
|
|
1924
|
+
props.borderLeft && "border-l-4",
|
|
1925
|
+
hasSlot.value ? "pb-6" : "pb-4"
|
|
1926
|
+
]);
|
|
1927
|
+
const headerClasses = vue.computed(() => [
|
|
1928
|
+
"mt-0 mb-4 text-lg font-bold tracking-wide",
|
|
1929
|
+
!hasSlot.value && "mb-0!"
|
|
1925
1930
|
]);
|
|
1926
1931
|
const borderLeftStyle = vue.computed(() => {
|
|
1927
1932
|
if (!props.borderLeft) return {};
|
|
@@ -1942,13 +1947,15 @@ const _sfc_main$n = /* @__PURE__ */ vue.defineComponent({
|
|
|
1942
1947
|
}, [
|
|
1943
1948
|
vue.createElementVNode("header", _hoisted_2$c, [
|
|
1944
1949
|
vue.createElementVNode("div", _hoisted_3$8, [
|
|
1945
|
-
vue.createElementVNode("h3",
|
|
1950
|
+
vue.createElementVNode("h3", {
|
|
1951
|
+
class: vue.normalizeClass(headerClasses.value)
|
|
1952
|
+
}, vue.toDisplayString(_ctx.heading), 3)
|
|
1946
1953
|
]),
|
|
1947
|
-
vue.createElementVNode("div",
|
|
1954
|
+
vue.createElementVNode("div", _hoisted_4$7, [
|
|
1948
1955
|
vue.renderSlot(_ctx.$slots, "headerInfo")
|
|
1949
1956
|
])
|
|
1950
1957
|
]),
|
|
1951
|
-
vue.createElementVNode("div",
|
|
1958
|
+
vue.createElementVNode("div", _hoisted_5$5, [
|
|
1952
1959
|
vue.renderSlot(_ctx.$slots, "default")
|
|
1953
1960
|
])
|
|
1954
1961
|
], 14, _hoisted_1$i);
|
|
@@ -2816,7 +2823,7 @@ const _sfc_main$d = /* @__PURE__ */ vue.defineComponent({
|
|
|
2816
2823
|
emits: ["sort"],
|
|
2817
2824
|
setup(__props) {
|
|
2818
2825
|
const props = __props;
|
|
2819
|
-
const hasSlot =
|
|
2826
|
+
const hasSlot = useHasSlot();
|
|
2820
2827
|
const headerClasses = vue.computed(() => [
|
|
2821
2828
|
"appearance-none p-4 bg-transparent flex items-center border-none text-left w-full bg-transparent text-gray-800 whitespace-nowrap text-base font-bold leading-5 tracking-normal",
|
|
2822
2829
|
props.align === "center" && "text-center justify-center",
|
|
@@ -2831,7 +2838,7 @@ const _sfc_main$d = /* @__PURE__ */ vue.defineComponent({
|
|
|
2831
2838
|
class: vue.normalizeClass(headerClasses.value),
|
|
2832
2839
|
onClick: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("sort"))
|
|
2833
2840
|
}, [
|
|
2834
|
-
hasSlot
|
|
2841
|
+
vue.unref(hasSlot) ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_2$7, [
|
|
2835
2842
|
vue.renderSlot(_ctx.$slots, "default")
|
|
2836
2843
|
])) : (vue.openBlock(), vue.createElementBlock("span", _hoisted_3$4, vue.toDisplayString(_ctx.heading), 1)),
|
|
2837
2844
|
vue.createVNode(_sfc_main$u, {
|
|
@@ -2843,7 +2850,7 @@ const _sfc_main$d = /* @__PURE__ */ vue.defineComponent({
|
|
|
2843
2850
|
key: 1,
|
|
2844
2851
|
class: vue.normalizeClass(headerClasses.value)
|
|
2845
2852
|
}, [
|
|
2846
|
-
hasSlot
|
|
2853
|
+
vue.unref(hasSlot) ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_4$4, [
|
|
2847
2854
|
vue.renderSlot(_ctx.$slots, "default")
|
|
2848
2855
|
])) : (vue.openBlock(), vue.createElementBlock("span", _hoisted_5$2, vue.toDisplayString(_ctx.heading), 1))
|
|
2849
2856
|
], 2))
|
|
@@ -3454,6 +3461,7 @@ const _sfc_main$5 = /* @__PURE__ */ vue.defineComponent({
|
|
|
3454
3461
|
const emit = __emit;
|
|
3455
3462
|
const isOpen = vue.ref(props.open);
|
|
3456
3463
|
let cleanupFocusTrap = null;
|
|
3464
|
+
const previouslyFocusedElement = vue.ref(null);
|
|
3457
3465
|
const hasFooterSlot = useHasSlot("modal-footer");
|
|
3458
3466
|
const modalOuterClasses = vue.computed(() => ["fixed top-0 left-0 w-full h-full overflow-auto z-100"]);
|
|
3459
3467
|
const modalInnerClasses = vue.computed(() => [
|
|
@@ -3503,6 +3511,12 @@ const _sfc_main$5 = /* @__PURE__ */ vue.defineComponent({
|
|
|
3503
3511
|
}
|
|
3504
3512
|
isOpen.value = false;
|
|
3505
3513
|
document.getElementsByTagName("html")[0].style.overflow = "auto";
|
|
3514
|
+
vue.nextTick(() => {
|
|
3515
|
+
if (previouslyFocusedElement.value) {
|
|
3516
|
+
previouslyFocusedElement.value.focus();
|
|
3517
|
+
previouslyFocusedElement.value = null;
|
|
3518
|
+
}
|
|
3519
|
+
});
|
|
3506
3520
|
emit("close");
|
|
3507
3521
|
emit("update:open", false);
|
|
3508
3522
|
};
|
|
@@ -3549,6 +3563,7 @@ const _sfc_main$5 = /* @__PURE__ */ vue.defineComponent({
|
|
|
3549
3563
|
(newValue) => {
|
|
3550
3564
|
isOpen.value = newValue;
|
|
3551
3565
|
if (newValue) {
|
|
3566
|
+
previouslyFocusedElement.value = document.activeElement;
|
|
3552
3567
|
if (props.lockScroll) {
|
|
3553
3568
|
document.getElementsByTagName("html")[0].style.overflow = "hidden";
|
|
3554
3569
|
}
|
|
@@ -3559,12 +3574,19 @@ const _sfc_main$5 = /* @__PURE__ */ vue.defineComponent({
|
|
|
3559
3574
|
cleanupFocusTrap();
|
|
3560
3575
|
cleanupFocusTrap = null;
|
|
3561
3576
|
}
|
|
3577
|
+
vue.nextTick(() => {
|
|
3578
|
+
if (previouslyFocusedElement.value) {
|
|
3579
|
+
previouslyFocusedElement.value.focus();
|
|
3580
|
+
previouslyFocusedElement.value = null;
|
|
3581
|
+
}
|
|
3582
|
+
});
|
|
3562
3583
|
}
|
|
3563
3584
|
}
|
|
3564
3585
|
);
|
|
3565
3586
|
vue.onMounted(() => {
|
|
3566
3587
|
document.addEventListener("keydown", handleKeyDown, true);
|
|
3567
3588
|
if (props.open) {
|
|
3589
|
+
previouslyFocusedElement.value = document.activeElement;
|
|
3568
3590
|
if (props.lockScroll) {
|
|
3569
3591
|
document.getElementsByTagName("html")[0].style.overflow = "hidden";
|
|
3570
3592
|
}
|