@fkui/vue-labs 6.19.1 → 6.20.1

package/dist/cjs/index.cjs.js

@@ -2273,11 +2273,13 @@ const _sfc_main$a = vue.defineComponent({
   extends: vue$1.FTextField,
   mixins: [vue$1.TranslationMixin],
   props: {
+    /* eslint-disable-next-line vue/no-unused-properties -- used by FTextField (extended) */
     formatter: {
       type: Function,
       required: false,
       default: formatNumberToTime
     },
+    /* eslint-disable-next-line vue/no-unused-properties -- used by FTextField (extended) */
     parser: {
       type: Function,
       required: false,
@@ -2736,8 +2738,7 @@ const _sfc_main$9 = /* @__PURE__ */ vue.defineComponent({
   __name: "ITableRow",
   props: {
     renderHeader: {
-      type: Boolean,
-      default: false
+      type: Boolean
     },
     rowKey: {
       default: ""
@@ -2746,16 +2747,13 @@ const _sfc_main$9 = /* @__PURE__ */ vue.defineComponent({
       default: () => void 0
     },
     isTreegrid: {
-      type: Boolean,
-      default: false
+      type: Boolean
     },
     isExpandable: {
-      type: Boolean,
-      default: false
+      type: Boolean
     },
     isExpanded: {
-      type: Boolean,
-      default: false
+      type: Boolean
     }
   },
   emits: ["toggle"],
@@ -2766,23 +2764,23 @@ const _sfc_main$9 = /* @__PURE__ */ vue.defineComponent({
     vue.provide("renderHeader", __props.renderHeader);
     const toggleIcon = vue.computed(() => __props.isExpanded ? "arrow-down" : "arrow-right");
     return (_ctx, _cache) => {
-      return _ctx.renderHeader ? (vue.openBlock(), vue.createElementBlock("tr", _hoisted_1$7, [_ctx.isTreegrid ? (vue.openBlock(), vue.createElementBlock("th", _hoisted_2$3)) : vue.createCommentVNode("", true), _cache[1] || (_cache[1] = vue.createTextVNode()), vue.renderSlot(_ctx.$slots, "default")])) : (vue.openBlock(), vue.createElementBlock("tr", {
+      return __props.renderHeader ? (vue.openBlock(), vue.createElementBlock("tr", _hoisted_1$7, [__props.isTreegrid ? (vue.openBlock(), vue.createElementBlock("th", _hoisted_2$3)) : vue.createCommentVNode("", true), _cache[1] || (_cache[1] = vue.createTextVNode()), vue.renderSlot(_ctx.$slots, "default")])) : (vue.openBlock(), vue.createElementBlock("tr", {
         key: 1,
         class: "table-ng__row",
-        "aria-level": _ctx.ariaLevel
-      }, [_ctx.isTreegrid ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, {
+        "aria-level": __props.ariaLevel
+      }, [__props.isTreegrid ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, {
         key: 0
-      }, [_ctx.isExpandable ? (vue.openBlock(), vue.createElementBlock("td", _hoisted_4$1, [vue.createElementVNode("button", {
+      }, [__props.isExpandable ? (vue.openBlock(), vue.createElementBlock("td", _hoisted_4$1, [vue.createElementVNode("button", {
         "aria-label": "toggle",
         type: "button",
-        class: vue.normalizeClass(["expander", `level-${_ctx.ariaLevel}`]),
-        onClick: _cache[0] || (_cache[0] = ($event) => emit("toggle", _ctx.rowKey))
+        class: vue.normalizeClass(["expander", `level-${__props.ariaLevel}`]),
+        onClick: _cache[0] || (_cache[0] = ($event) => emit("toggle", __props.rowKey))
       }, [vue.createVNode(vue.unref(vue$1.FIcon), {
         class: "button__icon",
         name: toggleIcon.value
       }, null, 8, ["name"])], 2)])) : (vue.openBlock(), vue.createElementBlock("td", {
         key: 1,
-        class: vue.normalizeClass(`level-${_ctx.ariaLevel}`)
+        class: vue.normalizeClass(`level-${__props.ariaLevel}`)
       }, null, 2))], 64)) : vue.createCommentVNode("", true), _cache[2] || (_cache[2] = vue.createTextVNode()), vue.renderSlot(_ctx.$slots, "default")], 8, _hoisted_3$2));
     };
   }
@@ -2809,15 +2807,15 @@ const _sfc_main$8 = /* @__PURE__ */ vue.defineComponent({
       __props.column.update(__props.row, checked, !checked);
     }
     return (_ctx, _cache) => {
-      return _ctx.column.editable(_ctx.row) ? (vue.openBlock(), vue.createElementBlock("td", {
+      return __props.column.editable(__props.row) ? (vue.openBlock(), vue.createElementBlock("td", {
         key: 0,
         class: "table-ng__cell table-ng__cell--checkbox",
         onTableActivateCell: onActivateCell
       }, [vue.createElementVNode("input", {
         ref: "target",
-        checked: _ctx.column.value(_ctx.row),
+        checked: __props.column.value(__props.row),
         type: "checkbox",
-        "aria-label": _ctx.column.header,
+        "aria-label": __props.column.header,
         tabindex: "-1",
         onChange
       }, null, 40, _hoisted_1$6)], 32)) : (vue.openBlock(), vue.createElementBlock("td", {
@@ -2827,9 +2825,9 @@ const _sfc_main$8 = /* @__PURE__ */ vue.defineComponent({
         class: "table-ng__cell table-ng__cell--checkbox",
         onTableActivateCell: onActivateCell
       }, [vue.createElementVNode("input", {
-        checked: _ctx.column.value(_ctx.row),
+        checked: __props.column.value(__props.row),
         type: "checkbox",
-        "aria-label": _ctx.column.header
+        "aria-label": __props.column.header
       }, null, 8, _hoisted_2$2)], 544));
     };
   }
@@ -2861,8 +2859,8 @@ const _sfc_main$7 = /* @__PURE__ */ vue.defineComponent({
       }, [vue.createElementVNode("input", {
         ref: "input",
         type: "radio",
-        checked: _ctx.column.value(_ctx.row),
-        "aria-label": _ctx.column.header,
+        checked: __props.column.value(__props.row),
+        "aria-label": __props.column.header,
         tabindex: "-1",
         onChange
       }, null, 40, _hoisted_1$5)], 32);
@@ -2897,9 +2895,9 @@ const _sfc_main$6 = /* @__PURE__ */ vue.defineComponent({
         ref: "target",
         class: "anchor anchor--block",
         target: "_blank",
-        href: _ctx.column.href,
+        href: __props.column.href,
         tabindex: "-1"
-      }, vue.toDisplayString(_ctx.column.value(_ctx.row)), 9, _hoisted_1$4)], 32)) : (vue.openBlock(), vue.createElementBlock("td", {
+      }, vue.toDisplayString(__props.column.value(__props.row)), 9, _hoisted_1$4)], 32)) : (vue.openBlock(), vue.createElementBlock("td", {
         key: 1,
         ref: "target",
         tabindex: "-1",
@@ -2950,10 +2948,10 @@ const _sfc_main$5 = /* @__PURE__ */ vue.defineComponent({
         type: "button",
         tabindex: "-1",
         onClick: onClickButton
-      }, [_ctx.column.icon ? (vue.openBlock(), vue.createBlock(vue.unref(vue$1.FIcon), {
+      }, [__props.column.icon ? (vue.openBlock(), vue.createBlock(vue.unref(vue$1.FIcon), {
         key: 0,
-        name: _ctx.column.icon
-      }, null, 8, ["name"])) : vue.createCommentVNode("", true), _cache[0] || (_cache[0] = vue.createTextVNode()), vue.createElementVNode("span", _hoisted_1$3, vue.toDisplayString(_ctx.column.value(_ctx.row)), 1)], 512)], 32)) : (vue.openBlock(), vue.createElementBlock("td", {
+        name: __props.column.icon
+      }, null, 8, ["name"])) : vue.createCommentVNode("", true), _cache[0] || (_cache[0] = vue.createTextVNode()), vue.createElementVNode("span", _hoisted_1$3, vue.toDisplayString(__props.column.value(__props.row)), 1)], 512)], 32)) : (vue.openBlock(), vue.createElementBlock("td", {
         key: 1,
         ref: "td",
         tabindex: "-1",
@@ -3121,7 +3119,7 @@ const _sfc_main$4 = /* @__PURE__ */ vue.defineComponent({
       };
     }
     return (_ctx, _cache) => {
-      return _ctx.column.editable(_ctx.row) ? (vue.openBlock(), vue.createElementBlock("td", {
+      return __props.column.editable(__props.row) ? (vue.openBlock(), vue.createElementBlock("td", {
         key: 0,
         ref: "td",
         tabindex: "-1",
@@ -3132,7 +3130,7 @@ const _sfc_main$4 = /* @__PURE__ */ vue.defineComponent({
       }, [vue.createElementVNode("div", _hoisted_1$2, [vue.createElementVNode("span", {
         ref: "view",
         class: "table-ng__editable__text"
-      }, vue.toDisplayString(_ctx.column.value(_ctx.row)), 513), _cache[1] || (_cache[1] = vue.createTextVNode()), vue.withDirectives(vue.createElementVNode("input", {
+      }, vue.toDisplayString(__props.column.value(__props.row)), 513), _cache[1] || (_cache[1] = vue.createTextVNode()), vue.withDirectives(vue.createElementVNode("input", {
         ref: "input",
         "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => model.value = $event),
         class: vue.normalizeClass(inputClasses.value),
@@ -3155,7 +3153,7 @@ const _sfc_main$4 = /* @__PURE__ */ vue.defineComponent({
         tabindex: "-1",
         class: "table-ng__cell table-ng__cell--static",
         onTableActivateCell: onActivateCell
-      }, vue.toDisplayString(_ctx.column.value(_ctx.row)), 545));
+      }, vue.toDisplayString(__props.column.value(__props.row)), 545));
     };
   }
 });
@@ -3338,7 +3336,7 @@ const _sfc_main$3 = /* @__PURE__ */ vue.defineComponent({
       stopEdit2(editRef.value, "escape");
     }
     return (_ctx, _cache) => {
-      return _ctx.column.editable(_ctx.row) ? (vue.openBlock(), vue.createElementBlock("td", {
+      return __props.column.editable(__props.row) ? (vue.openBlock(), vue.createElementBlock("td", {
         key: 0,
         ref: "td",
         class: "table-ng__cell table-ng__cell--select",
@@ -3366,7 +3364,7 @@ const _sfc_main$3 = /* @__PURE__ */ vue.defineComponent({
       }, vue.toDisplayString(viewValue.value), 41, _hoisted_3$1), [[vue.vShow, editing.value]]), _cache[4] || (_cache[4] = vue.createTextVNode()), vue.withDirectives(vue.createVNode(vue.unref(vue$1.IComboboxDropdown), {
         id: "dropdownId",
         "is-open": dropdownIsOpen.value,
-        options: _ctx.column.options,
+        options: __props.column.options,
         "active-option": activeOption.value,
         "active-option-id": vue.unref(activeOptionId),
         "input-node": editRef.value,
@@ -3378,7 +3376,7 @@ const _sfc_main$3 = /* @__PURE__ */ vue.defineComponent({
         tabindex: "-1",
         class: "table-ng__cell table-ng__cell--static",
         onTableActivateCell: onActivateCell
-      }, vue.toDisplayString(_ctx.column.value(_ctx.row)), 545));
+      }, vue.toDisplayString(__props.column.value(__props.row)), 545));
     };
   }
 });
@@ -3403,7 +3401,7 @@ const _sfc_main$2 = /* @__PURE__ */ vue.defineComponent({
         class: "table-ng__cell table-ng__cell--rowheader",
         scope: "row",
         onTableActivateCell: onActivateCell
-      }, vue.toDisplayString(_ctx.column.value(_ctx.row)), 545);
+      }, vue.toDisplayString(__props.column.value(__props.row)), 545);
     };
   }
 });
@@ -3613,9 +3611,9 @@ const _sfc_main$1 = /* @__PURE__ */ vue.defineComponent({
         default: vue.withCtx(() => [vue.createVNode(vue.unref(vue$1.IFlexItem), {
           shrink: ""
         }, {
-          default: vue.withCtx(() => [vue.createTextVNode(vue.toDisplayString(_ctx.column.header), 1)]),
+          default: vue.withCtx(() => [vue.createTextVNode(vue.toDisplayString(__props.column.header), 1)]),
           _: 1
-        }), _cache[0] || (_cache[0] = vue.createTextVNode()), _ctx.sortEnabled ? (vue.openBlock(), vue.createBlock(vue.unref(vue$1.IFlexItem), {
+        }), _cache[0] || (_cache[0] = vue.createTextVNode()), __props.sortEnabled ? (vue.openBlock(), vue.createBlock(vue.unref(vue$1.IFlexItem), {
           key: 0,
           shrink: "",
           align: "center"
@@ -3668,8 +3666,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
       default: () => void 0
     },
     striped: {
-      type: Boolean,
-      default: false
+      type: Boolean
     },
     selectable: {
       default: () => void 0