tsv2-library 1.1.0-dev-alpha.22 → 1.1.0-dev-alpha.25

package/dist/src/components/v2/ButtonSelectTree/ButtonSelectTree.vue.d.ts

@@ -127,6 +127,10 @@ export interface ButtonSelectTreeProps {
    * Defines the group tree to showing disposable groups.
    */
   showDisposableGroups?: boolean;
+  /**
+   * The asset quantity already used, to validate the chosen group's available quota.
+   */
+  validateQuota?: { assetQuantity: number };
   /**
    * Defines the tree to be flattened and shows disposable only
    */

package/dist/src/components/v2/DialogSelectTree/DialogSelectTree.vue.d.ts

@@ -51,6 +51,10 @@ export interface SelectTreeDialogProps {
    * Defines the group tree to showing disposable groups.
    */
   showDisposableGroups?: boolean;
+  /**
+   * The asset quantity already used, to validate the chosen group's available quota.
+   */
+  validateQuota?: { assetQuantity: number };
   /**
    * Defines the tree to be flattened and shows disposable only
    */

package/dist/src/components/v2/Tree/Tree.vue.d.ts

@@ -167,6 +167,10 @@ declare class Tree extends ClassComponent<TreeProps, TreeSlots, TreeEmits> {
    * Show disposable group icon.
    */
   showDisposableGroups: boolean;
+  /**
+   * Show group available quota.
+   */
+  showAvailableQuota: boolean;
   /**
    * State where all tree node expanded.
    */

package/dist/tsv2-library.es.js

@@ -28831,7 +28831,7 @@ const _sfc_main$1N = /* @__PURE__ */ defineComponent({
 });
 const _hoisted_1$2d = ["data-ts-original-value"];
 const _hoisted_2$1L = ["contenteditable"];
-const _hoisted_3$O = {
+const _hoisted_3$P = {
   key: 1,
   "aria-label": "invalid-label"
 };
@@ -28999,13 +28999,13 @@ const _sfc_main$1M = /* @__PURE__ */ defineComponent({
           void 0,
           { top: true }
         ]
-      ]) : (openBlock(), createElementBlock("span", _hoisted_3$O, "-"));
+      ]) : (openBlock(), createElementBlock("span", _hoisted_3$P, "-"));
     };
   }
 });
 const _hoisted_1$2c = { class: "flex gap-1 items-center" };
 const _hoisted_2$1K = { class: "flex gap-[0.96px] items-center" };
-const _hoisted_3$N = { class: "flex gap-[1.39px] items-center" };
+const _hoisted_3$O = { class: "flex gap-[1.39px] items-center" };
 const _sfc_main$1L = /* @__PURE__ */ defineComponent({
   __name: "TagType",
   props: {
@@ -29039,7 +29039,7 @@ const _sfc_main$1L = /* @__PURE__ */ defineComponent({
             ])
           }, " RFID ", 2)
         ]),
-        createElementVNode("div", _hoisted_3$N, [
+        createElementVNode("div", _hoisted_3$O, [
           (openBlock(), createBlock(_sfc_main$1O, {
             key: (_b = props.qr) == null ? void 0 : _b.toString(),
             class: normalizeClass(["text-[10px]", { "!text-general-200": !isActive(props.qr) }]),
@@ -29984,7 +29984,7 @@ function _toPrimitive$k(t, r) {
 }
 var _hoisted_1$24 = ["aria-label"];
 var _hoisted_2$1D = ["aria-modal"];
-var _hoisted_3$M = ["aria-label"];
+var _hoisted_3$N = ["aria-label"];
 var _hoisted_4$y = ["aria-label"];
 var _hoisted_5$r = ["disabled", "aria-label"];
 var _hoisted_6$l = ["disabled", "aria-label"];
@@ -30052,7 +30052,7 @@ function render$_(_ctx, _cache, $props, $setup, $data, $options) {
         "data-pc-group-section": "action"
       }), [renderSlot(_ctx.$slots, "refresh", {}, function() {
         return [createVNode(_component_RefreshIcon, normalizeProps(guardReactiveProps(_ctx.ptm("rotateRightIcon"))), null, 16)];
-      })], 16, _hoisted_3$M), createElementVNode("button", mergeProps({
+      })], 16, _hoisted_3$N), createElementVNode("button", mergeProps({
         "class": _ctx.cx("rotateLeftButton"),
         onClick: _cache[3] || (_cache[3] = function() {
           return $options.rotateLeft && $options.rotateLeft.apply($options, arguments);
@@ -30196,7 +30196,7 @@ function computedAsync(evaluationCallback, initialState, optionsOrRef) {
 }
 const _hoisted_1$23 = ["src"];
 const _hoisted_2$1C = ["alt", "src"];
-const _hoisted_3$L = ["alt", "src"];
+const _hoisted_3$M = ["alt", "src"];
 const _hoisted_4$x = ["alt", "src", "onClick"];
 const _sfc_main$1J = /* @__PURE__ */ defineComponent({
   __name: "Image",
@@ -30387,7 +30387,7 @@ const _sfc_main$1J = /* @__PURE__ */ defineComponent({
                   src: resolvedGallerySrcs.value[index2],
                   style: normalizeStyle(slotProps.style),
                   "data-ts-section": "image-gallery"
-                }, null, 12, _hoisted_3$L)), [
+                }, null, 12, _hoisted_3$M)), [
                   [vShow, index2 === currentGalleryImage.value]
                 ]);
               }), 128)),
@@ -30973,7 +30973,7 @@ const TransactionAPIs = {
 };
 const _hoisted_1$22 = { class: "w-full flex items-center justify-between pr-4" };
 const _hoisted_2$1B = { class: "flex gap-3 items-center" };
-const _hoisted_3$K = /* @__PURE__ */ createElementVNode("span", { class: "text-sm font-bold" }, "Transfer Log", -1);
+const _hoisted_3$L = /* @__PURE__ */ createElementVNode("span", { class: "text-sm font-bold" }, "Transfer Log", -1);
 const _hoisted_4$w = { class: "flex gap-1 items-center" };
 const _hoisted_5$q = { class: "text-xs font-medium" };
 const _hoisted_6$k = { class: "flex items-center gap-2" };
@@ -31167,7 +31167,7 @@ const _sfc_main$1I = /* @__PURE__ */ defineComponent({
           return [
             createElementVNode("div", _hoisted_1$22, [
               createElementVNode("div", _hoisted_2$1B, [
-                _hoisted_3$K,
+                _hoisted_3$L,
                 createElementVNode("div", _hoisted_4$w, [
                   createElementVNode("span", _hoisted_5$q, toDisplayString$1(((_a = detail.value) == null ? void 0 : _a.transactionId) ?? "-"), 1),
                   createVNode(unref(_sfc_main$1t), {
@@ -31303,7 +31303,7 @@ const AssetDamageServices = {
 };
 const _hoisted_1$21 = { class: "w-full flex items-center justify-between" };
 const _hoisted_2$1A = /* @__PURE__ */ createElementVNode("h1", { class: "text-sm font-bold" }, "Damage Log", -1);
-const _hoisted_3$J = { class: "flex items-center gap-2" };
+const _hoisted_3$K = { class: "flex items-center gap-2" };
 const _hoisted_4$v = ["disabled"];
 const _hoisted_5$p = ["disabled"];
 const _hoisted_6$j = { class: "items-center flex gap-2" };
@@ -31453,7 +31453,7 @@ const _sfc_main$1H = /* @__PURE__ */ defineComponent({
         header: withCtx(() => [
           createElementVNode("div", _hoisted_1$21, [
             _hoisted_2$1A,
-            createElementVNode("div", _hoisted_3$J, [
+            createElementVNode("div", _hoisted_3$K, [
               createElementVNode("button", {
                 class: normalizeClass([currentIdIndex.value === 0 ? "text-general-100" : "text-primary", "text-xs font-medium"]),
                 disabled: currentIdIndex.value === 0,
@@ -31555,7 +31555,7 @@ const AssetMissingServices = {
 };
 const _hoisted_1$20 = { class: "w-full flex items-center justify-between" };
 const _hoisted_2$1z = /* @__PURE__ */ createElementVNode("h1", { class: "text-sm font-bold" }, "Missing Log", -1);
-const _hoisted_3$I = { class: "flex items-center gap-2" };
+const _hoisted_3$J = { class: "flex items-center gap-2" };
 const _hoisted_4$u = ["disabled"];
 const _hoisted_5$o = ["disabled"];
 const _hoisted_6$i = { class: "flex items-start gap-[18px]" };
@@ -31722,7 +31722,7 @@ const _sfc_main$1G = /* @__PURE__ */ defineComponent({
         header: withCtx(() => [
           createElementVNode("div", _hoisted_1$20, [
             _hoisted_2$1z,
-            createElementVNode("div", _hoisted_3$I, [
+            createElementVNode("div", _hoisted_3$J, [
               createElementVNode("button", {
                 class: normalizeClass([currentIdIndex.value === 0 ? "text-general-100" : "text-primary", "text-xs font-medium"]),
                 disabled: currentIdIndex.value === 0,
@@ -31878,7 +31878,7 @@ const _sfc_main$1F = /* @__PURE__ */ defineComponent({
 });
 const _hoisted_1$1$ = { class: "flex justify-between gap-[18px] dark:text-general-100" };
 const _hoisted_2$1y = { class: "w-full flex flex-col gap-[6px]" };
-const _hoisted_3$H = { class: "" };
+const _hoisted_3$I = { class: "" };
 const _hoisted_4$t = { class: "flex justify-between" };
 const _hoisted_5$n = { class: "text-[16px] font-bold leading-[19.12px]" };
 const _hoisted_6$h = ["href"];
@@ -32041,7 +32041,7 @@ const _sfc_main$1E = /* @__PURE__ */ defineComponent({
           thumbnail: defaultImage.value.thumbnail
         }, null, 8, ["preview", "thumbnail"]),
         createElementVNode("div", _hoisted_2$1y, [
-          createElementVNode("div", _hoisted_3$H, [
+          createElementVNode("div", _hoisted_3$I, [
             createElementVNode("div", _hoisted_4$t, [
               createElementVNode("div", _hoisted_5$n, toDisplayString$1(nameWithSequence.value), 1),
               unref(hasAccessToAssetDetail)() ? (openBlock(), createElementBlock("a", {
@@ -32143,7 +32143,7 @@ const _hoisted_2$1w = {
   class: "text-body-medium flex items-center justify-between",
   "data-ts-section": "title"
 };
-const _hoisted_3$G = {
+const _hoisted_3$H = {
   class: "flex flex-col gap-2",
   "data-ts-section": "approvers-list"
 };
@@ -32201,7 +32201,7 @@ const _sfc_main$1C = /* @__PURE__ */ defineComponent({
                   severity: "success"
                 })) : createCommentVNode("", true)
               ]),
-              createElementVNode("ul", _hoisted_3$G, [
+              createElementVNode("ul", _hoisted_3$H, [
                 (openBlock(true), createElementBlock(Fragment, null, renderList(approval.approvers, (approver) => {
                   return openBlock(), createElementBlock("li", {
                     key: approver.user._id,
@@ -32230,7 +32230,7 @@ const _hoisted_1$1Y = {
   "data-ts-section": "root"
 };
 const _hoisted_2$1v = /* @__PURE__ */ createElementVNode("span", null, "Approver:", -1);
-const _hoisted_3$F = {
+const _hoisted_3$G = {
   key: 0,
   "data-ts-section": "approvedate"
 };
@@ -32259,7 +32259,7 @@ const _sfc_main$1B = /* @__PURE__ */ defineComponent({
           user: (_b = firstApprover.value) == null ? void 0 : _b.user,
           class: "gap-1"
         }, null, 8, ["show-icon", "user"]),
-        ((_c = firstApprover.value) == null ? void 0 : _c.approvedAt) ? (openBlock(), createElementBlock("span", _hoisted_3$F, toDisplayString$1(unref(formatDate)(firstApprover.value.approvedAt, true)), 1)) : createCommentVNode("", true),
+        ((_c = firstApprover.value) == null ? void 0 : _c.approvedAt) ? (openBlock(), createElementBlock("span", _hoisted_3$G, toDisplayString$1(unref(formatDate)(firstApprover.value.approvedAt, true)), 1)) : createCommentVNode("", true),
         ((_d = _ctx.approvals) == null ? void 0 : _d.length) ? (openBlock(), createElementBlock("span", {
           key: 1,
           onClick: _cache[0] || (_cache[0] = ($event) => showAprovalListDialog.value = true),
@@ -32873,7 +32873,7 @@ function _toPrimitive$j(t, r) {
 }
 var _hoisted_1$1V = ["aria-labelledby", "aria-modal"];
 var _hoisted_2$1s = ["id"];
-var _hoisted_3$E = ["autofocus", "tabindex"];
+var _hoisted_3$F = ["autofocus", "tabindex"];
 var _hoisted_4$r = ["autofocus", "aria-label"];
 function render$X(_ctx, _cache, $props, $setup, $data, $options) {
   var _component_Portal = resolveComponent("Portal");
@@ -32960,7 +32960,7 @@ function render$X(_ctx, _cache, $props, $setup, $data, $options) {
             return [(openBlock(), createBlock(resolveDynamicComponent($options.maximizeIconComponent), mergeProps({
               "class": [_ctx.cx("maximizableIcon"), $data.maximized ? _ctx.minimizeIcon : _ctx.maximizeIcon]
             }, _ctx.ptm("maximizableIcon")), null, 16, ["class"]))];
-          })], 16, _hoisted_3$E)), [[_directive_ripple]]) : createCommentVNode("", true), _ctx.closable ? withDirectives((openBlock(), createElementBlock("button", mergeProps({
+          })], 16, _hoisted_3$F)), [[_directive_ripple]]) : createCommentVNode("", true), _ctx.closable ? withDirectives((openBlock(), createElementBlock("button", mergeProps({
             key: 1,
             ref: $options.closeButtonRef,
             autofocus: $data.focusableClose,
@@ -33213,7 +33213,7 @@ const _hoisted_1$1T = {
   "data-ts-name": "breadcrumb"
 };
 const _hoisted_2$1q = ["href", "title", "onClick"];
-const _hoisted_3$D = {
+const _hoisted_3$E = {
   key: 0,
   textContent: ">",
   class: "text-[0.875rem] w-[0.5625rem]",
@@ -33246,7 +33246,7 @@ const _sfc_main$1y = /* @__PURE__ */ defineComponent({
                 createTextVNode(toDisplayString$1(menu.name), 1)
               ], 64))
             ], 2),
-            index2 != lastIndex.value ? (openBlock(), createElementBlock("span", _hoisted_3$D)) : createCommentVNode("", true)
+            index2 != lastIndex.value ? (openBlock(), createElementBlock("span", _hoisted_3$E)) : createCommentVNode("", true)
           ], 64);
         }), 128))
       ]);
@@ -33969,7 +33969,7 @@ var script$Y = {
 };
 var _hoisted_1$1S = ["id"];
 var _hoisted_2$1p = ["id", "tabindex", "aria-activedescendant", "aria-label", "aria-labelledby"];
-var _hoisted_3$C = ["id"];
+var _hoisted_3$D = ["id"];
 function render$W(_ctx, _cache, $props, $setup, $data, $options) {
   var _component_PVMenuitem = resolveComponent("PVMenuitem");
   var _component_Portal = resolveComponent("Portal");
@@ -34029,7 +34029,7 @@ function render$W(_ctx, _cache, $props, $setup, $data, $options) {
               item: item3
             }, function() {
               return [createTextVNode(toDisplayString$1($options.label(item3)), 1)];
-            })], 16, _hoisted_3$C)) : createCommentVNode("", true), (openBlock(true), createElementBlock(Fragment, null, renderList(item3.items, function(child, j2) {
+            })], 16, _hoisted_3$D)) : createCommentVNode("", true), (openBlock(true), createElementBlock(Fragment, null, renderList(item3.items, function(child, j2) {
               return openBlock(), createElementBlock(Fragment, {
                 key: child.label + i + "_" + j2
               }, [$options.visible(child) && !child.separator ? (openBlock(), createBlock(_component_PVMenuitem, {
@@ -34399,11 +34399,11 @@ var _hoisted_2$1n = /* @__PURE__ */ createElementVNode("path", {
   d: "M6.99996 8.78801C6.84143 8.78594 6.68997 8.72204 6.57787 8.60993C6.46576 8.49782 6.40186 8.34637 6.39979 8.18784V5.38703C6.39979 5.22786 6.46302 5.0752 6.57557 4.96265C6.68813 4.85009 6.84078 4.78686 6.99996 4.78686C7.15914 4.78686 7.31179 4.85009 7.42435 4.96265C7.5369 5.0752 7.60013 5.22786 7.60013 5.38703V8.18784C7.59806 8.34637 7.53416 8.49782 7.42205 8.60993C7.30995 8.72204 7.15849 8.78594 6.99996 8.78801Z",
   fill: "currentColor"
 }, null, -1);
-var _hoisted_3$B = /* @__PURE__ */ createElementVNode("path", {
+var _hoisted_3$C = /* @__PURE__ */ createElementVNode("path", {
   d: "M6.99996 11.1887C6.84143 11.1866 6.68997 11.1227 6.57787 11.0106C6.46576 10.8985 6.40186 10.7471 6.39979 10.5885V10.1884C6.39979 10.0292 6.46302 9.87658 6.57557 9.76403C6.68813 9.65147 6.84078 9.58824 6.99996 9.58824C7.15914 9.58824 7.31179 9.65147 7.42435 9.76403C7.5369 9.87658 7.60013 10.0292 7.60013 10.1884V10.5885C7.59806 10.7471 7.53416 10.8985 7.42205 11.0106C7.30995 11.1227 7.15849 11.1866 6.99996 11.1887Z",
   fill: "currentColor"
 }, null, -1);
-var _hoisted_4$q = [_hoisted_1$1P, _hoisted_2$1n, _hoisted_3$B];
+var _hoisted_4$q = [_hoisted_1$1P, _hoisted_2$1n, _hoisted_3$C];
 function render$U(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("svg", mergeProps({
     width: "14",
@@ -37531,7 +37531,7 @@ function _toPrimitive$f(t, r) {
 }
 var _hoisted_1$1F = ["id"];
 var _hoisted_2$1f = ["id", "value", "placeholder", "tabindex", "disabled", "aria-label", "aria-labelledby", "aria-expanded", "aria-controls", "aria-activedescendant", "aria-invalid"];
-var _hoisted_3$A = ["id", "tabindex", "aria-label", "aria-labelledby", "aria-expanded", "aria-controls", "aria-activedescendant", "aria-disabled"];
+var _hoisted_3$B = ["id", "tabindex", "aria-label", "aria-labelledby", "aria-expanded", "aria-controls", "aria-activedescendant", "aria-disabled"];
 var _hoisted_4$p = ["value", "placeholder", "aria-owns", "aria-activedescendant"];
 var _hoisted_5$m = ["id", "aria-label"];
 var _hoisted_6$g = ["id"];
@@ -37611,7 +37611,7 @@ function render$L(_ctx, _cache, $props, $setup, $data, $options) {
     placeholder: _ctx.placeholder
   }, function() {
     return [createTextVNode(toDisplayString$1($options.label === "p-emptylabel" ? " " : $options.label || "empty"), 1)];
-  })], 16, _hoisted_3$A)), _ctx.showClear && _ctx.modelValue != null ? renderSlot(_ctx.$slots, "clearicon", {
+  })], 16, _hoisted_3$B)), _ctx.showClear && _ctx.modelValue != null ? renderSlot(_ctx.$slots, "clearicon", {
     key: 2,
     "class": normalizeClass(_ctx.cx("clearIcon")),
     onClick: $options.onClearClick,
@@ -38328,7 +38328,7 @@ const _hoisted_2$1c = {
   class: "flex items-center w-full justify-between",
   "data-ts-section": "content"
 };
-const _hoisted_3$z = {
+const _hoisted_3$A = {
   key: 0,
   class: "font-bold",
   "data-ts-section": "title"
@@ -38394,7 +38394,7 @@ const _sfc_main$1l = /* @__PURE__ */ defineComponent({
                 ]),
                 "data-ts-section": "messagewrapper"
               }, [
-                _ctx.title ? (openBlock(), createElementBlock("span", _hoisted_3$z, toDisplayString$1(props.title), 1)) : createCommentVNode("", true),
+                _ctx.title ? (openBlock(), createElementBlock("span", _hoisted_3$A, toDisplayString$1(props.title), 1)) : createCommentVNode("", true),
                 createElementVNode("span", _hoisted_4$o, toDisplayString$1(props.loading ? `${props.message}...` : props.message), 1)
               ], 2),
               _ctx.removable ? (openBlock(), createBlock(_sfc_main$1N, {
@@ -38877,7 +38877,7 @@ const _hoisted_2$1b = {
   key: 0,
   "data-ts-section": "dialog-confirm-lists"
 };
-const _hoisted_3$y = { "data-ts-section": "dialog-body" };
+const _hoisted_3$z = { "data-ts-section": "dialog-body" };
 const _sfc_main$1j = /* @__PURE__ */ defineComponent({
   __name: "DialogConfirm",
   props: {
@@ -38972,7 +38972,7 @@ const _sfc_main$1j = /* @__PURE__ */ defineComponent({
             }), 128))
           ])) : createCommentVNode("", true),
           renderSlot(_ctx.$slots, "body", { items: _ctx.lists }, () => [
-            createElementVNode("p", _hoisted_3$y, toDisplayString$1(_ctx.body), 1)
+            createElementVNode("p", _hoisted_3$z, toDisplayString$1(_ctx.body), 1)
           ])
         ]),
         footer: withCtx(() => [
@@ -39004,7 +39004,7 @@ const _sfc_main$1j = /* @__PURE__ */ defineComponent({
 });
 const _hoisted_1$1A = { class: "flex gap-2 items-center" };
 const _hoisted_2$1a = { class: "flex gap-0.5 items-center leading-4" };
-const _hoisted_3$x = { class: "flex gap-5 items-center" };
+const _hoisted_3$y = { class: "flex gap-5 items-center" };
 const _hoisted_4$n = {
   key: 1,
   class: "text-xs font-medium leading-[16.39px] tracking-[0.02em]"
@@ -39454,7 +39454,7 @@ const _sfc_main$1i = /* @__PURE__ */ defineComponent({
                     ], 64))
                   ])
                 ]),
-                createElementVNode("section", _hoisted_3$x, [
+                createElementVNode("section", _hoisted_3$y, [
                   createTextVNode(" do not leave this page "),
                   createVNode(_sfc_main$1N, {
                     onClick: _cache[1] || (_cache[1] = ($event) => stopScan(true)),
@@ -41982,6 +41982,10 @@ const _sfc_main$1d = /* @__PURE__ */ defineComponent({
 });
 const _hoisted_1$1o = ["data-exact-node-disabled", "data-node-all-is-disabled", "data-node-disabled", "data-node-has-children", "data-node-key", "data-node-selected"];
 const _hoisted_2$12 = {
+  key: 0,
+  class: "text-[9px] leading-3"
+};
+const _hoisted_3$x = {
   "aria-hidden": "true",
   class: "flex items-center justify-start gap-2 px-4 py-1.5 hover:bg-surface-50 text-xs no-underline overflow-hidden cursor-pointer select-none",
   "data-pc-section": "action",
@@ -42029,6 +42033,7 @@ const _sfc_main$1c = /* @__PURE__ */ defineComponent({
     const isExpandedAll = ref(false);
     const expandedKeys2 = ref({ "0": true });
     const showDisposableGroups = ref(false);
+    const showAvailableQuota = ref(false);
     const selectedKeysModel = computed({
       get: () => props.selectedKeys ?? {},
       set: (keys2) => {
@@ -42398,6 +42403,7 @@ const _sfc_main$1c = /* @__PURE__ */ defineComponent({
       treeNodes,
       isLoading,
       showDisposableGroups,
+      showAvailableQuota,
       isExpandedAll,
       collapseAll,
       expandAll,
@@ -42457,8 +42463,11 @@ const _sfc_main$1c = /* @__PURE__ */ defineComponent({
                 "data-node-has-children": !!((_f = node2.children) == null ? void 0 : _f.length),
                 "data-node-key": node2.key,
                 "data-node-selected": isNodeChecked(node2.key),
-                class: "grow text-body-medium break-all"
-              }, toDisplayString$1(node2.name), 9, _hoisted_1$1o),
+                class: "flex flex-col grow text-body-medium break-all"
+              }, [
+                createElementVNode("span", null, toDisplayString$1(node2.name), 1),
+                showAvailableQuota.value && node2.fixedAssetQuota && node2.key != "0" ? (openBlock(), createElementBlock("span", _hoisted_2$12, " Available Quota: " + toDisplayString$1(node2.fixedAssetQuota.available), 1)) : createCommentVNode("", true)
+              ], 8, _hoisted_1$1o),
               node2.isDisposable && showDisposableGroups.value ? (openBlock(), createBlock(_sfc_main$1O, {
                 key: 0,
                 class: "!text-general-200 w-4 h-4 p-1",
@@ -42495,7 +42504,7 @@ const _sfc_main$1c = /* @__PURE__ */ defineComponent({
           "data-ts-section": "tree-node-menus"
         }, {
           item: withCtx(({ item: item3 }) => [
-            createElementVNode("a", _hoisted_2$12, [
+            createElementVNode("a", _hoisted_3$x, [
               createVNode(_sfc_main$1O, {
                 icon: item3.icon,
                 severity: item3.danger ? "danger" : void 0
@@ -42545,6 +42554,7 @@ const _sfc_main$1b = /* @__PURE__ */ defineComponent({
     exactDisableKey: {},
     readonly: { type: Boolean },
     showDisposableGroups: { type: Boolean },
+    validateQuota: {},
     flattenDisposableNode: { type: Boolean },
     excludedKeys: {},
     hidden: { type: Boolean },
@@ -42569,10 +42579,18 @@ const _sfc_main$1b = /* @__PURE__ */ defineComponent({
         return props.header;
       return props.type === "Group" ? "Select Group" : "Select Category";
     });
+    const validateSelection = computed(
+      () => !props.allowEmptySelection || !!props.validateQuota
+    );
     const onButtonSelectClicked = (close4 = true) => {
+      var _a, _b;
       selectedTreeKeys.value = temporarySelectedTreeKeys.value;
       selectedNode.value = temporarySelectedNode.value;
       if (Object.keys(selectedTreeKeys.value ?? {}).length) {
+        if (props.validateQuota && props.validateQuota.assetQuantity > ((_b = (_a = selectedNode.value) == null ? void 0 : _a.fixedAssetQuota) == null ? void 0 : _b.available)) {
+          invalidSelectionMessage.value = "Group quota is exceeded";
+          return;
+        }
         emit("select", {
           keys: selectedTreeKeys.value,
           selectedNodes: selectedTreeNodes.value,
@@ -42606,9 +42624,13 @@ const _sfc_main$1b = /* @__PURE__ */ defineComponent({
     watch(
       treeComponent,
       (tree) => {
-        if (tree && props.showDisposableGroups) {
-          tree.showDisposableGroups = true;
-          selectDisposableOnly.value = true;
+        if (tree) {
+          if (props.showDisposableGroups) {
+            tree.showDisposableGroups = true;
+            selectDisposableOnly.value = true;
+          }
+          if (props.validateQuota)
+            tree.showAvailableQuota = true;
         }
       },
       { deep: true }
@@ -42648,8 +42670,8 @@ const _sfc_main$1b = /* @__PURE__ */ defineComponent({
           footer: {
             class: [
               {
-                "flex justify-end items-center gap-1": _ctx.allowEmptySelection,
-                "flex justify-end items-end flex-col gap-1": !_ctx.allowEmptySelection
+                "flex justify-end items-center gap-1": !validateSelection.value,
+                "flex justify-end items-end flex-col gap-1": validateSelection.value
               }
             ]
           }
@@ -42723,7 +42745,7 @@ const _sfc_main$1b = /* @__PURE__ */ defineComponent({
             renderSlot(_ctx.$slots, "footer", {}, () => {
               var _a;
               return [
-                !_ctx.allowEmptySelection ? withDirectives((openBlock(), createBlock(_sfc_main$1p, {
+                validateSelection.value ? withDirectives((openBlock(), createBlock(_sfc_main$1p, {
                   key: 0,
                   format: false,
                   message: invalidSelectionMessage.value
@@ -42786,6 +42808,7 @@ const _sfc_main$1a = /* @__PURE__ */ defineComponent({
     btnWidth: {},
     readonly: { type: Boolean },
     showDisposableGroups: { type: Boolean },
+    validateQuota: {},
     flattenDisposableNode: { type: Boolean },
     excludedKeys: {},
     singleEditable: { type: Boolean, default: true },
@@ -42985,9 +43008,10 @@ const _sfc_main$1a = /* @__PURE__ */ defineComponent({
           "selection-mode": props.selectionMode,
           "show-disposable-groups": props.showDisposableGroups,
           type: props.type,
+          "validate-quota": props.validateQuota,
           onHide: _cache[1] || (_cache[1] = ($event) => _ctx.$emit("dialogHidden")),
           onSelect: setTreeSelection
-        }, null, 8, ["visible", "allow-empty-selection", "auto-select-all", "disable-keys", "disable-node-all", "disable-sub-children", "exact-disable-key", "excluded-keys", "flatten-disposable-node", "group-params", "header", "hidden", "keys", "readonly", "required-manager-permission", "selection-mode", "show-disposable-groups", "type"]))
+        }, null, 8, ["visible", "allow-empty-selection", "auto-select-all", "disable-keys", "disable-node-all", "disable-sub-children", "exact-disable-key", "excluded-keys", "flatten-disposable-node", "group-params", "header", "hidden", "keys", "readonly", "required-manager-permission", "selection-mode", "show-disposable-groups", "type", "validate-quota"]))
       ], 64);
     };
   }