fds-vue-core 2.0.44 → 2.0.46
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 +22 -3
- package/dist/fds-vue-core.cjs.js.map +1 -1
- package/dist/fds-vue-core.es.js +22 -3
- package/dist/fds-vue-core.es.js.map +1 -1
- package/dist/slot-styles.css +1 -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":"AAiEA,OAAO,EAAY,KAAK,IAAI,EAAE,MAAM,KAAK,CAAA;AACzC,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAA;AAyCnD,KAAK,WAAW,GAAG;IACjB,OAAO,CAAC,EAAE,IAAI,CAAA;IACd,UAAU,CAAC,EAAE,IAAI,CAAA;CAClB,CAAC;AAoFF,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
|
@@ -1902,7 +1902,10 @@ const _sfc_main$o = /* @__PURE__ */ vue.defineComponent({
|
|
|
1902
1902
|
}
|
|
1903
1903
|
});
|
|
1904
1904
|
const _hoisted_1$i = ["id"];
|
|
1905
|
-
const _hoisted_2$c = {
|
|
1905
|
+
const _hoisted_2$c = {
|
|
1906
|
+
key: 0,
|
|
1907
|
+
class: "flex items-start justify-between gap-4"
|
|
1908
|
+
};
|
|
1906
1909
|
const _hoisted_3$8 = { class: "flex items-center gap-3" };
|
|
1907
1910
|
const _hoisted_4$7 = { class: "flex items-start gap-3" };
|
|
1908
1911
|
const _hoisted_5$5 = { class: "mb-0-last-child" };
|
|
@@ -1916,6 +1919,7 @@ const _sfc_main$n = /* @__PURE__ */ vue.defineComponent({
|
|
|
1916
1919
|
},
|
|
1917
1920
|
setup(__props) {
|
|
1918
1921
|
const hasSlot = useHasSlot();
|
|
1922
|
+
const hasHeading = useHasSlot("heading");
|
|
1919
1923
|
const props = __props;
|
|
1920
1924
|
const contentClasses = vue.computed(() => [
|
|
1921
1925
|
"rounded-md p-4 bg-white mb-4",
|
|
@@ -1945,7 +1949,7 @@ const _sfc_main$n = /* @__PURE__ */ vue.defineComponent({
|
|
|
1945
1949
|
class: vue.normalizeClass(contentClasses.value),
|
|
1946
1950
|
style: vue.normalizeStyle(borderLeftStyle.value)
|
|
1947
1951
|
}, [
|
|
1948
|
-
vue.
|
|
1952
|
+
vue.unref(hasHeading) ? (vue.openBlock(), vue.createElementBlock("header", _hoisted_2$c, [
|
|
1949
1953
|
vue.createElementVNode("div", _hoisted_3$8, [
|
|
1950
1954
|
vue.createElementVNode("h3", {
|
|
1951
1955
|
class: vue.normalizeClass(headerClasses.value)
|
|
@@ -1954,7 +1958,7 @@ const _sfc_main$n = /* @__PURE__ */ vue.defineComponent({
|
|
|
1954
1958
|
vue.createElementVNode("div", _hoisted_4$7, [
|
|
1955
1959
|
vue.renderSlot(_ctx.$slots, "headerInfo")
|
|
1956
1960
|
])
|
|
1957
|
-
]),
|
|
1961
|
+
])) : vue.createCommentVNode("", true),
|
|
1958
1962
|
vue.createElementVNode("div", _hoisted_5$5, [
|
|
1959
1963
|
vue.renderSlot(_ctx.$slots, "default")
|
|
1960
1964
|
])
|
|
@@ -3461,6 +3465,7 @@ const _sfc_main$5 = /* @__PURE__ */ vue.defineComponent({
|
|
|
3461
3465
|
const emit = __emit;
|
|
3462
3466
|
const isOpen = vue.ref(props.open);
|
|
3463
3467
|
let cleanupFocusTrap = null;
|
|
3468
|
+
const previouslyFocusedElement = vue.ref(null);
|
|
3464
3469
|
const hasFooterSlot = useHasSlot("modal-footer");
|
|
3465
3470
|
const modalOuterClasses = vue.computed(() => ["fixed top-0 left-0 w-full h-full overflow-auto z-100"]);
|
|
3466
3471
|
const modalInnerClasses = vue.computed(() => [
|
|
@@ -3510,6 +3515,12 @@ const _sfc_main$5 = /* @__PURE__ */ vue.defineComponent({
|
|
|
3510
3515
|
}
|
|
3511
3516
|
isOpen.value = false;
|
|
3512
3517
|
document.getElementsByTagName("html")[0].style.overflow = "auto";
|
|
3518
|
+
vue.nextTick(() => {
|
|
3519
|
+
if (previouslyFocusedElement.value) {
|
|
3520
|
+
previouslyFocusedElement.value.focus();
|
|
3521
|
+
previouslyFocusedElement.value = null;
|
|
3522
|
+
}
|
|
3523
|
+
});
|
|
3513
3524
|
emit("close");
|
|
3514
3525
|
emit("update:open", false);
|
|
3515
3526
|
};
|
|
@@ -3556,6 +3567,7 @@ const _sfc_main$5 = /* @__PURE__ */ vue.defineComponent({
|
|
|
3556
3567
|
(newValue) => {
|
|
3557
3568
|
isOpen.value = newValue;
|
|
3558
3569
|
if (newValue) {
|
|
3570
|
+
previouslyFocusedElement.value = document.activeElement;
|
|
3559
3571
|
if (props.lockScroll) {
|
|
3560
3572
|
document.getElementsByTagName("html")[0].style.overflow = "hidden";
|
|
3561
3573
|
}
|
|
@@ -3566,12 +3578,19 @@ const _sfc_main$5 = /* @__PURE__ */ vue.defineComponent({
|
|
|
3566
3578
|
cleanupFocusTrap();
|
|
3567
3579
|
cleanupFocusTrap = null;
|
|
3568
3580
|
}
|
|
3581
|
+
vue.nextTick(() => {
|
|
3582
|
+
if (previouslyFocusedElement.value) {
|
|
3583
|
+
previouslyFocusedElement.value.focus();
|
|
3584
|
+
previouslyFocusedElement.value = null;
|
|
3585
|
+
}
|
|
3586
|
+
});
|
|
3569
3587
|
}
|
|
3570
3588
|
}
|
|
3571
3589
|
);
|
|
3572
3590
|
vue.onMounted(() => {
|
|
3573
3591
|
document.addEventListener("keydown", handleKeyDown, true);
|
|
3574
3592
|
if (props.open) {
|
|
3593
|
+
previouslyFocusedElement.value = document.activeElement;
|
|
3575
3594
|
if (props.lockScroll) {
|
|
3576
3595
|
document.getElementsByTagName("html")[0].style.overflow = "hidden";
|
|
3577
3596
|
}
|