@fkui/vue-labs 6.41.0 → 6.42.0

package/dist/cjs/index.cjs.js

@@ -3984,7 +3984,7 @@ const _hoisted_3$3 = ["aria-expanded", "aria-controls", "aria-activedescendant",
 const _hoisted_4$3 = {
   class: "table-ng__editable__text"
 };
-const _hoisted_5$2 = {
+const _hoisted_5$3 = {
   key: 1,
   tabindex: "-1",
   class: "table-ng__cell table-ng__cell--static"
@@ -4162,7 +4162,7 @@ const _sfc_main$5 = /* @__PURE__ */ vue.defineComponent({
         "input-node": editRef.value,
         onSelect: selectDropdownOption,
         onClose: onDropdownClose
-      }, null, 8, ["id", "is-open", "options", "active-option", "active-option-id", "input-node"]), [[vue.vShow, editing.value]])], 32)) : (vue.openBlock(), vue.createElementBlock("td", _hoisted_5$2, vue.toDisplayString(__props.column.selected(__props.row)), 1));
+      }, null, 8, ["id", "is-open", "options", "active-option", "active-option-id", "input-node"]), [[vue.vShow, editing.value]])], 32)) : (vue.openBlock(), vue.createElementBlock("td", _hoisted_5$3, vue.toDisplayString(__props.column.selected(__props.row)), 1));
     };
   }
 });
@@ -4220,6 +4220,10 @@ const _hoisted_3$2 = {
   class: "sr-only"
 };
 const _hoisted_4$2 = ["id", "aria-label", "aria-hidden"];
+const _hoisted_5$2 = {
+  ref: "arrowAnchor",
+  "aria-hidden": "true"
+};
 const _sfc_main$4 = /* @__PURE__ */ vue.defineComponent({
   __name: "ITableText",
   props: {
@@ -4312,6 +4316,7 @@ const _sfc_main$4 = /* @__PURE__ */ vue.defineComponent({
     });
     const tdElement = vue.useTemplateRef("td");
     const inputElement = vue.useTemplateRef("input");
+    const arrowAnchorElement = vue.useTemplateRef("arrowAnchor");
     const {
       stopEdit: stopEdit2
     } = useStartStopEdit();
@@ -4389,20 +4394,20 @@ const _sfc_main$4 = /* @__PURE__ */ vue.defineComponent({
     });
     vue.watchEffect(() => {
       if (hasError.value) {
-        var _tdElement$value, _inputElement$value;
+        var _tdElement$value, _arrowAnchorElement$v;
         emit("onError", {
           anchor: (_tdElement$value = tdElement.value) !== null && _tdElement$value !== void 0 ? _tdElement$value : void 0,
-          arrowAnchor: (_inputElement$value = inputElement.value) !== null && _inputElement$value !== void 0 ? _inputElement$value : void 0,
+          arrowAnchor: (_arrowAnchorElement$v = arrowAnchorElement.value) !== null && _arrowAnchorElement$v !== void 0 ? _arrowAnchorElement$v : void 0,
           message: validity.value.validationMessage,
           hasFocus: focused.value,
           hasHover: isHovered.value,
           inEdit: inEdit.value
         });
       } else {
-        var _tdElement$value2, _inputElement$value2;
+        var _tdElement$value2, _arrowAnchorElement$v2;
         emit("closeError", {
           anchor: (_tdElement$value2 = tdElement.value) !== null && _tdElement$value2 !== void 0 ? _tdElement$value2 : void 0,
-          arrowAnchor: (_inputElement$value2 = inputElement.value) !== null && _inputElement$value2 !== void 0 ? _inputElement$value2 : void 0,
+          arrowAnchor: (_arrowAnchorElement$v2 = arrowAnchorElement.value) !== null && _arrowAnchorElement$v2 !== void 0 ? _arrowAnchorElement$v2 : void 0,
           message: validity.value.validationMessage,
           hasFocus: focused.value,
           hasHover: isHovered.value,
@@ -4595,11 +4600,11 @@ const _sfc_main$4 = /* @__PURE__ */ vue.defineComponent({
         "aria-hidden": !inEdit.value,
         onValidity,
         onPendingValidity
-      }), null, 16, _hoisted_4$2), [[vue.vModelText, viewValue.value]])], 2), _cache[4] || (_cache[4] = vue.createTextVNode()), vue.createVNode(vue.unref(vue$1.IPopupError), {
+      }), null, 16, _hoisted_4$2), [[vue.vModelText, viewValue.value]]), _cache[4] || (_cache[4] = vue.createTextVNode()), vue.createElementVNode("span", _hoisted_5$2, null, 512)], 2), _cache[5] || (_cache[5] = vue.createTextVNode()), vue.createVNode(vue.unref(vue$1.IPopupError), {
         anchor: tdElement.value,
         "is-open": openPopupError.value,
         "error-message": validity.value.validationMessage,
-        "arrow-anchor": inputElement.value,
+        "arrow-anchor": arrowAnchorElement.value,
         layout: "f-table"
       }, null, 8, ["anchor", "is-open", "error-message", "arrow-anchor"])], 42, _hoisted_1$3)) : (vue.openBlock(), vue.createElementBlock("td", {
         key: 1,
@@ -5253,9 +5258,6 @@ const _sfc_main$3 = /* @__PURE__ */ vue.defineComponent({
     keyAttribute: {
       default: () => void 0
     },
-    expandableAttribute: {
-      default: () => void 0
-    },
     rowClass: {
       type: Function,
       default: void 0
@@ -5286,9 +5288,12 @@ const _sfc_main$3 = /* @__PURE__ */ vue.defineComponent({
     } = vue$1.useSlotUtils();
     const tableRef = vue.useTemplateRef("table");
     const expandedKeys = vue.ref(/* @__PURE__ */ new Set());
-    const keyedRows = vue.computed(() => vue$1.setItemIdentifiers(__props.rows, __props.keyAttribute, __props.expandableAttribute));
-    const metaRows = vue.computed(() => getMetaRows(keyedRows.value, expandedKeys.value, __props.expandableAttribute));
-    const isTreegrid = vue.computed(() => Boolean(__props.expandableAttribute));
+    const expandableAttribute = vue.computed(() => {
+      return vue$1.getDatasetMetadata(__props.rows).nestedAttribute;
+    });
+    const keyedRows = vue.computed(() => vue$1.setItemIdentifiers(__props.rows, __props.keyAttribute, expandableAttribute.value));
+    const metaRows = vue.computed(() => getMetaRows(keyedRows.value, expandedKeys.value, expandableAttribute.value));
+    const isTreegrid = vue.computed(() => Boolean(expandableAttribute.value));
     const role = vue.computed(() => isTreegrid.value ? "treegrid" : "grid");
     const hasCaption = vue.computed(() => {
       return hasSlot("caption", {}, {
@@ -5304,7 +5309,7 @@ const _sfc_main$3 = /* @__PURE__ */ vue.defineComponent({
         return footerRow;
       }
       const headerRow = 1;
-      const bodyRows = getBodyRowCount(keyedRows.value, __props.expandableAttribute);
+      const bodyRows = getBodyRowCount(keyedRows.value, expandableAttribute.value);
       return bodyRows + headerRow + footerRow;
     });
     const fullColspan = vue.computed(() => {