tsv2-library 1.0.61-alpha.119 → 1.0.61-alpha.120

package/dist/tsv2-library.es.js

@@ -51812,7 +51812,10 @@ async function readConfig(tableId, defaultColumns) {
   }
   return defaultColumns;
 }
-const _hoisted_1$15 = /* @__PURE__ */ createElementVNode("p", { class: "text-body-medium text-general-400 dark:text-general-400 leading-4" }, " Select up to 20 table columns to display in the list. Drag and drop to rearrange the order and click the pin to freeze up to 3 columns. ", -1);
+const _hoisted_1$15 = {
+  key: 0,
+  class: "text-body-medium text-general-400 dark:text-general-400 leading-4"
+};
 const _hoisted_2$N = {
   class: "flex flex-col gap-3",
   "data-ts-section": "customreporttable"
@@ -51841,7 +51844,6 @@ const _sfc_main$14 = /* @__PURE__ */ defineComponent({
     const customColumnConfig = computed(
       () => ({
         ...props.customColumnProps,
-        maxColumn: 20,
         type: "flat",
         visibleColumns: void 0
       })
@@ -51899,7 +51901,7 @@ const _sfc_main$14 = /* @__PURE__ */ defineComponent({
           ];
         }),
         default: withCtx(() => [
-          _hoisted_1$15,
+          _ctx.customColumnProps.maxColumn ? (openBlock(), createElementBlock("p", _hoisted_1$15, " Select up to " + toDisplayString$1(_ctx.customColumnProps.maxColumn) + " table columns to display in the list. Drag and drop to rearrange the order and click the pin to freeze up to 3 columns. ", 1)) : createCommentVNode("", true),
           createElementVNode("div", _hoisted_2$N, [
             createVNode(_sfc_main$13, mergeProps(customColumnConfig.value, {
               ref_key: "customColumn",
@@ -52073,10 +52075,11 @@ const _sfc_main$13 = /* @__PURE__ */ defineComponent({
       return document.getElementById(visibilityMenuId.value);
     };
     const isSelectAble = (item3) => {
-      if (!hasReachMaxColumn.value)
+      const hasReachMinColumn = filteredVisibleColumn.value.length <= 1;
+      if (!hasReachMaxColumn.value && !hasReachMinColumn)
         return true;
       const isChecked2 = columnVisibilityModel.value.findIndex((c) => c.field === item3.field) > 0;
-      return hasReachMaxColumn.value && isChecked2;
+      return hasReachMaxColumn.value && isChecked2 || hasReachMinColumn && !isChecked2;
     };
     const saveColumnSetup = (columns2) => {
       columnReorderData.value = columns2;
@@ -52246,19 +52249,22 @@ const _sfc_main$13 = /* @__PURE__ */ defineComponent({
                   }, ["stop"])),
                   "onUpdate:modelValue": (event2) => {
                     item3.visible = !!event2;
+                    if (item3.visible === false && item3.pinned)
+                      togglePin(item3);
                     updateVisibleColumnsModel();
                     setColumnVisibilityConfig();
                   }
                 }, null, 8, ["aria-label", "disabled", "label", "model-value", "selectable", "onUpdate:modelValue"]),
-                _ctx.type === "flat" ? (openBlock(), createBlock(_sfc_main$1y, {
+                _ctx.type === "flat" && !(isMaxPinnedColumns.value && !item3.pinned) ? (openBlock(), createBlock(_sfc_main$1y, {
                   key: 0,
                   class: normalizeClass([
                     "w-[18px] h-[18px] shrink-0",
                     {
                       "invisible": item3.dragable === false,
                       "!text-general-200": !item3.pinned,
+                      "hover:!text-primary-500": !item3.pinned,
                       "!text-primary-500": item3.pinned,
-                      "!cursor-not-allowed": isMaxPinnedColumns.value && !item3.pinned || !isSelectAble(item3)
+                      "!cursor-not-allowed": !isSelectAble(item3)
                     }
                   ]),
                   icon: item3.pinned ? "pushpin-fill" : "pushpin-2-line",
@@ -53213,6 +53219,7 @@ const _sfc_main$12 = /* @__PURE__ */ defineComponent({
           "visible-columns": visibleColumns.value,
           "onUpdate:visibleColumns": _cache[6] || (_cache[6] = ($event) => visibleColumns.value = $event),
           "default-columns": _ctx.columns.filter((col) => col.visible !== false),
+          "max-column": 20,
           "table-data": props.data ?? currentPageTableData.value,
           "table-id": dataTableID.value,
           "table-key": props.dataKey,