portal-design-system 0.0.943 → 0.0.945

package/dist/index.d.ts

@@ -18,5 +18,6 @@ import { default as DataGrid } from './components/DataGrid.vue';
 import { default as Drawer } from './components/overlays/Drawer.vue';
 import { default as Pagination } from './components/Pagination.vue';
 import { default as RadioGroup } from './components/inputs/RadioGroup.vue';
+import { default as DialogHeading } from './components/overlays/Heading.vue';
 export type { LoadOptionBaseType, DxCustomColumn, FilterOptionType, FilterOptionListType, SortOptionType, SortOptionListType } from './types';
-export { Button, Select, Input, Error, Iconsax, IconsaxFont, Badge, Dialog, Icon, Text, Tabs, Dropdown, DurationTimeline, Drawer, DataGrid, Pagination, RadioGroup, useOutsideClick, useWindowScroll, vTooltip };
+export { Button, Select, Input, Error, Iconsax, IconsaxFont, Badge, Dialog, Icon, Text, Tabs, Dropdown, DurationTimeline, Drawer, DialogHeading, DataGrid, Pagination, RadioGroup, useOutsideClick, useWindowScroll, vTooltip };

package/dist/index.js

@@ -2,7 +2,7 @@ var CF = Object.defineProperty;
 var yF = (t, e, i) => e in t ? CF(t, e, { enumerable: !0, configurable: !0, writable: !0, value: i }) : t[e] = i;
 var Ar = (t, e, i) => yF(t, typeof e != "symbol" ? e + "" : e, i);
 import * as xF from "vue";
-import { defineComponent as He, shallowRef as bA, createBlock as Ue, watchEffect as bF, defineAsyncComponent as ky, watch as Ra, openBlock as z, resolveDynamicComponent as gh, unref as de, ref as pt, onMounted as Hn, onUnmounted as fh, h as wc, nextTick as qu, useAttrs as SF, computed as mt, mergeProps as Mg, withCtx as st, createElementBlock as te, Fragment as hi, renderSlot as Lt, createCommentVNode as Be, normalizeClass as et, toDisplayString as vt, normalizeStyle as Ba, createTextVNode as fr, createElementVNode as Me, renderList as Cr, onBeforeUnmount as Fg, mergeModels as Qi, useModel as gi, withDirectives as Dl, vModelText as Vg, resolveComponent as SA, createVNode as Oe, withModifiers as Ol, useSlots as EF, Teleport as Ng, Transition as Jm, resolveDirective as wF, createApp as IF, Comment as TF, toRaw as EA, toRefs as AF, createSlots as DF, normalizeProps as OF, guardReactiveProps as RF, vModelSelect as BF } from "vue";
+import { defineComponent as He, shallowRef as bA, createBlock as Ue, watchEffect as bF, defineAsyncComponent as ky, watch as Ra, openBlock as z, resolveDynamicComponent as gh, unref as de, ref as pt, onMounted as Hn, onUnmounted as fh, h as wc, nextTick as qu, useAttrs as SF, computed as mt, mergeProps as Mg, withCtx as st, createElementBlock as te, Fragment as hi, renderSlot as Rt, createCommentVNode as Be, normalizeClass as et, toDisplayString as vt, normalizeStyle as Ba, createTextVNode as fr, createElementVNode as Me, renderList as Cr, onBeforeUnmount as Fg, mergeModels as Qi, useModel as gi, withDirectives as Dl, vModelText as Vg, resolveComponent as SA, createVNode as Oe, withModifiers as Ol, useSlots as EF, Teleport as Ng, Transition as Jm, resolveDirective as wF, createApp as IF, Comment as TF, toRaw as EA, toRefs as AF, createSlots as DF, normalizeProps as OF, guardReactiveProps as RF, vModelSelect as BF } from "vue";
 const kF = (t, e) => {
   const i = new Array(t.length + e.length);
   for (let r = 0; r < t.length; r++)
@@ -4066,7 +4066,7 @@ const IN = {
             icon: "svg-spinners:180-ring-with-bg",
             class: "text-2xl"
           })) : (z(), te(hi, { key: 1 }, [
-            Lt(a.$slots, "before"),
+            Rt(a.$slots, "before"),
             t.icon ? (z(), Ue(Tc, {
               key: 0,
               name: t.icon,
@@ -4078,7 +4078,7 @@ const IN = {
               key: 1,
               class: et(t.textClassList)
             }, vt(t.text), 3)) : Be("", !0),
-            Lt(a.$slots, "default")
+            Rt(a.$slots, "default")
           ], 64))
         ];
       }),
@@ -4119,9 +4119,9 @@ const IN = {
         borderColor: t.color + "33"
       })
     }, [
-      Lt(r.$slots, "before"),
+      Rt(r.$slots, "before"),
       fr(" " + vt(t.text) + " ", 1),
-      Lt(r.$slots, "after")
+      Rt(r.$slots, "after")
     ], 6));
   }
 }), AN = { key: 0 }, DN = { class: "list-disc list-inside grid gap-0.5 text-xs mt-2 text-red-400" }, ON = /* @__PURE__ */ He({
@@ -6867,7 +6867,7 @@ const BN = { class: "app-flex items-center gap-2 w-18 absolute h-12 start-0" },
       for: t.forId,
       class: et(i.value)
     }, [
-      Lt(r.$slots, "default", {}, () => [
+      Rt(r.$slots, "default", {}, () => [
         fr(vt(t.label), 1),
         t.required ? (z(), te("span", MN, "*")) : Be("", !0)
       ])
@@ -6939,7 +6939,7 @@ const BN = { class: "app-flex items-center gap-2 w-18 absolute h-12 start-0" },
             class: n.value,
             error: !!((v = t.errors) != null && v.length)
           }, s.$attrs), null, 16, ["value", "id", "type", "placeholder", "class", "error"])),
-          Lt(s.$slots, "prefix", {}, void 0, !0),
+          Rt(s.$slots, "prefix", {}, void 0, !0),
           t.type === "password" ? (z(), te("div", {
             key: 2,
             role: "button",
@@ -7089,7 +7089,7 @@ const BN = { class: "app-flex items-center gap-2 w-18 absolute h-12 start-0" },
           onKeydown: u,
           tabindex: "1"
         }, [
-          de(i).toggleButton ? Lt(I.$slots, "toggleButton", { key: 0 }, void 0, !0) : (z(), te("div", {
+          de(i).toggleButton ? Rt(I.$slots, "toggleButton", { key: 0 }, void 0, !0) : (z(), te("div", {
             key: 1,
             class: et([[S.value, { disabled: t.disabled }], "app-flex items-center justify-between h-12 select"]),
             error: !!((L = t.errors) != null && L.length)
@@ -7153,7 +7153,7 @@ const BN = { class: "app-flex items-center gap-2 w-18 absolute h-12 start-0" },
                 (ae = x.value) != null && ae.length ? (z(!0), te(hi, { key: 0 }, Cr(x.value, (ce, ge) => (z(), te(hi, {
                   key: R(ce)
                 }, [
-                  de(i).option ? Lt(I.$slots, "option", {
+                  de(i).option ? Rt(I.$slots, "option", {
                     key: 0,
                     option: ce,
                     isActive: _(ce),
@@ -7223,7 +7223,7 @@ const sme = /* @__PURE__ */ He({
             class: et(r.value),
             onClick: Ol(a, ["self"])
           }, [
-            Lt(n.$slots, "default")
+            Rt(n.$slots, "default")
           ], 2)) : Be("", !0)
         ]),
         _: 3
@@ -7258,7 +7258,7 @@ const sme = /* @__PURE__ */ He({
           key: 1,
           class: "html-content",
           innerHTML: t.htmlContent
-        }, null, 8, XN)) : Lt(n.$slots, "default", { key: 0 })
+        }, null, 8, XN)) : Rt(n.$slots, "default", { key: 0 })
       ]),
       _: 3
     }, 8, ["class"]));
@@ -8485,7 +8485,7 @@ const dme = {
         id: `tab-${d.value}`,
         class: "relative"
       }, [
-        Lt(s.$slots, "item", {
+        Rt(s.$slots, "item", {
           item: d,
           isActive: u === i.value
         })
@@ -14953,7 +14953,7 @@ var Ji = we.inherit({
   }
 }), Zo = function(t) {
   return t === 0 ? 0 : t / Math.abs(t);
-}, Pt = function(t, e, i) {
+}, Lt = function(t, e, i) {
   var r = !e && e !== 0, a = !i && i !== 0;
   return r && (e = a ? t : Math.min(t, i)), a && (i = r ? t : Math.max(t, e)), Math.min(Math.max(t, e), i);
 }, Kr = function(t, e, i) {
@@ -15505,7 +15505,7 @@ function JG(t, e) {
       return "";
     var r = YG(t), a = 1 / i === 1 / 0, n = i > 0 || a, o = r[n ? 0 : 1], s = QG(o), l = [o.substr(0, s), o.substr(s + 1)], d = hb(l[1]), u = d + cb(l[1]);
     XG(o) && (i = DO(i, qG)), n || (i = -i);
-    var c = hb(l[0]), h = cb(l[0]) || e.unlimitedIntegerDigits ? void 0 : c, v = Math.floor(i).toString().length, m = Pt(u, 0, KG - v), _ = jG(l[0]).reverse(), C = UO(i, m < 0 ? 0 : m).split("."), x = pb(kp(C[0]), c, h), S = pb(C[1], d, u);
+    var c = hb(l[0]), h = cb(l[0]) || e.unlimitedIntegerDigits ? void 0 : c, v = Math.floor(i).toString().length, m = Lt(u, 0, KG - v), _ = jG(l[0]).reverse(), C = UO(i, m < 0 ? 0 : m).split("."), x = pb(kp(C[0]), c, h), S = pb(C[1], d, u);
     x = ZG(x, _, e.thousandsSeparator);
     var R = kp(vb(kp(l[0]), x)), I = u ? vb(l[1], S) : "", D = R + (I.match(/\d/) ? e.decimalSeparator : "") + I;
     return D;
@@ -26369,7 +26369,7 @@ var YS = "dxNativeScrollable", hv = "dx-scrollable-native", Zj = "dx-scrollable-
   inProgress() {
     return !(this._stopped || this._finished);
   }
-}), uB = "dxSimulatedScrollable", t3 = "dxScrollableStrategy", au = "".concat(uB, "Cursor"), pv = "".concat(uB, "Keyboard"), vv = "dx-scrollable-simulated", i3 = "dx-scrollable-scrollbars-alwaysvisible", r3 = "dx-scrollable-scrollbar", ar = "vertical", Bt = "horizontal", Yc = 0.92, cB = 0.5, hB = 1, a3 = Math.round(1e3 / 60), n3 = 40, o3 = 500, s3 = hB / 5, l3 = 400, d3 = l3 / a3, u3 = (1 - Yc ** d3) / (1 - Yc), Br = {
+}), uB = "dxSimulatedScrollable", t3 = "dxScrollableStrategy", au = "".concat(uB, "Cursor"), pv = "".concat(uB, "Keyboard"), vv = "dx-scrollable-simulated", i3 = "dx-scrollable-scrollbars-alwaysvisible", r3 = "dx-scrollable-scrollbar", ar = "vertical", kt = "horizontal", Yc = 0.92, cB = 0.5, hB = 1, a3 = Math.round(1e3 / 60), n3 = 40, o3 = 500, s3 = hB / 5, l3 = 400, d3 = l3 / a3, u3 = (1 - Yc ** d3) / (1 - Yc), Br = {
   PAGE_UP: "pageUp",
   PAGE_DOWN: "pageDown",
   END: "end",
@@ -26410,7 +26410,7 @@ var YS = "dxNativeScrollable", hv = "dx-scrollable-native", Zj = "dx-scrollable-
     this._initOptions(t), this._initAnimators(), this._initScrollbar();
   },
   _initOptions(t) {
-    this._location = 0, this._topReached = !1, this._bottomReached = !1, this._axis = t.direction === Bt ? "x" : "y", this._prop = t.direction === Bt ? "left" : "top", this._dimension = t.direction === Bt ? "width" : "height", this._scrollProp = t.direction === Bt ? "scrollLeft" : "scrollTop", b(t, (e, i) => {
+    this._location = 0, this._topReached = !1, this._bottomReached = !1, this._axis = t.direction === kt ? "x" : "y", this._prop = t.direction === kt ? "left" : "top", this._dimension = t.direction === kt ? "width" : "height", this._scrollProp = t.direction === kt ? "scrollLeft" : "scrollTop", b(t, (e, i) => {
       this["_".concat(e)] = i;
     });
   },
@@ -26633,7 +26633,7 @@ var YS = "dxNativeScrollable", hv = "dx-scrollable-native", Zj = "dx-scrollable-
     this._$element.addClass(vv), this._createScrollers(), this.option("useKeyboard") && this._$container.prop("tabIndex", 0), this._attachKeyboardHandler(), this._attachCursorHandlers();
   },
   _createScrollers() {
-    this._scrollers = {}, this._isDirection(Bt) && this._createScroller(Bt), this._isDirection(ar) && this._createScroller(ar), this._$element.toggleClass(i3, this.option("showScrollbar") === "always");
+    this._scrollers = {}, this._isDirection(kt) && this._createScroller(kt), this._isDirection(ar) && this._createScroller(ar), this._$element.toggleClass(i3, this.option("showScrollbar") === "always");
   },
   _createScroller(t) {
     this._scrollers[t] = new vB(this._scrollerOptions(t));
@@ -26685,7 +26685,7 @@ var YS = "dxNativeScrollable", hv = "dx-scrollable-native", Zj = "dx-scrollable-
     return !!t.closest(this._$element).length;
   },
   _prepareDirections(t) {
-    t = t || !1, this._validDirections = {}, this._validDirections[Bt] = t, this._validDirections[ar] = t;
+    t = t || !1, this._validDirections = {}, this._validDirections[kt] = t, this._validDirections[ar] = t;
   },
   _eachScroller(t) {
     t = t.bind(this), b(this._scrollers, (e, i) => {
@@ -26709,7 +26709,7 @@ var YS = "dxNativeScrollable", hv = "dx-scrollable-native", Zj = "dx-scrollable-
     this._saveActive(), t.preventDefault && t.preventDefault(), this._adjustDistance(t, t.delta), this._eventForUserAction = t, this._eventHandler("move", t.delta);
   },
   _adjustDistance(t, e) {
-    e.x *= this._validDirections[Bt], e.y *= this._validDirections[ar];
+    e.x *= this._validDirections[kt], e.y *= this._validDirections[ar];
     var i = this._tryGetDevicePixelRatio();
     i && Kt(t.originalEvent) && (e.x = Math.round(e.x / i * 100) / 100, e.y = Math.round(e.y / i * 100) / 100);
   },
@@ -26793,7 +26793,7 @@ var YS = "dxNativeScrollable", hv = "dx-scrollable-native", Zj = "dx-scrollable-
     r[e] = t * -a(this._$container), this.scrollBy(r);
   },
   _dimensionByProp: (t) => t === "left" ? "width" : "height",
-  _getPropByDirection: (t) => t === Bt ? "left" : "top",
+  _getPropByDirection: (t) => t === kt ? "left" : "top",
   _scrollToHome() {
     var t = this._wheelProp(), e = {};
     e[t] = 0, this._component.scrollTo(e);
@@ -26880,14 +26880,14 @@ var YS = "dxNativeScrollable", hv = "dx-scrollable-native", Zj = "dx-scrollable-
     }));
   },
   _allowedDirections() {
-    var t = this.option("bounceEnabled"), e = this._scrollers[ar], i = this._scrollers[Bt];
+    var t = this.option("bounceEnabled"), e = this._scrollers[ar], i = this._scrollers[kt];
     return {
       vertical: e && (e._minOffset < 0 || t),
       horizontal: i && (i._minOffset < 0 || t)
     };
   },
   _updateBounds() {
-    this._scrollers[Bt] && this._scrollers[Bt]._updateBounds();
+    this._scrollers[kt] && this._scrollers[kt]._updateBounds();
   },
   _isHorizontalAndRtlEnabled() {
     return this.option("rtlEnabled") && this.option("direction") !== ar;
@@ -26915,7 +26915,7 @@ var YS = "dxNativeScrollable", hv = "dx-scrollable-native", Zj = "dx-scrollable-
   },
   _getWindowDevicePixelRatio: () => Q() ? ee().devicePixelRatio : 1,
   scrollBy(t) {
-    var e = this._scrollers[ar], i = this._scrollers[Bt];
+    var e = this._scrollers[ar], i = this._scrollers[kt];
     e && (t.top = e._boundLocation(t.top + e._location) - e._location), i && (t.left = i._boundLocation(t.left + i._location) - i._location), this._prepareDirections(!0), this._startAction(), this._eventHandler("scrollBy", {
       x: t.left,
       y: t.top
@@ -26937,16 +26937,16 @@ var YS = "dxNativeScrollable", hv = "dx-scrollable-native", Zj = "dx-scrollable-
     return Kt(t) ? this._wheelDirection(t) : this._allowedDirection();
   },
   _wheelProp() {
-    return this._wheelDirection() === Bt ? "left" : "top";
+    return this._wheelDirection() === kt ? "left" : "top";
   },
   _wheelDirection(t) {
     switch (this.option("direction")) {
-      case Bt:
-        return Bt;
+      case kt:
+        return kt;
       case ar:
         return ar;
       default:
-        return t && t.shiftKey ? Bt : ar;
+        return t && t.shiftKey ? kt : ar;
     }
   },
   dispose() {
@@ -37754,14 +37754,14 @@ var Qh = "dxResizable", Q9 = "dx-resizable", J9 = "dx-resizable-resizing", pu =
       maxHeight: o
     } = this.option(), s = () => i.width + e.x, l = () => i.height + e.y, d = (m) => e[m] === this._fitIntoArea(m, e[m]), u = () => Kr(s(), r, n) && d("x"), c = () => Kr(l(), a, o) && d("y");
     if (!u()) {
-      var h = this._fitIntoArea("x", Pt(s(), r, n) - i.width);
+      var h = this._fitIntoArea("x", Lt(s(), r, n) - i.width);
       e = {
         x: h,
         y: this._proportionate("y", h)
       };
     }
     if (!c()) {
-      var v = this._fitIntoArea("y", Pt(l(), a, o) - i.height);
+      var v = this._fitIntoArea("y", Lt(l(), a, o) - i.height);
       e = {
         x: this._proportionate("x", v),
         y: v
@@ -37783,8 +37783,8 @@ var Qh = "dxResizable", Q9 = "dx-resizable", J9 = "dx-resizable-resizing", pu =
       maxHeight: s
     } = this.option();
     return {
-      x: Pt(r.width + e, a, o) - r.width,
-      y: Pt(r.height + i, n, s) - r.height
+      x: Lt(r.width + e, a, o) - r.width,
+      y: Lt(r.height + i, n, s) - r.height
     };
   },
   _getDeltaByOffset(t) {
@@ -37930,10 +37930,10 @@ var Qh = "dxResizable", Q9 = "dx-resizable", J9 = "dx-resizable-resizing", pu =
     }), this._toggleResizingClass(!1);
   },
   _renderWidth(t) {
-    this.option("width", Pt(t, this.option("minWidth"), this.option("maxWidth")));
+    this.option("width", Lt(t, this.option("minWidth"), this.option("maxWidth")));
   },
   _renderHeight(t) {
-    this.option("height", Pt(t, this.option("minHeight"), this.option("maxHeight")));
+    this.option("height", Lt(t, this.option("minHeight"), this.option("maxHeight")));
   },
   _optionChanged(t) {
     switch (t.name) {
@@ -38047,8 +38047,8 @@ class l8 {
   _fitOffsetIntoAllowedRange(e, i) {
     var r = this._getAllowedOffsets();
     return {
-      top: Pt(e, -r.top, r.bottom),
-      left: Pt(i, -r.left, r.right)
+      top: Lt(e, -r.top, r.bottom),
+      left: Lt(i, -r.left, r.right)
     };
   }
   _getContainerDimensions() {
@@ -42898,12 +42898,12 @@ class Fn extends T7 {
 }
 ve("dxCheckBox", Fn);
 Fn.defaultOptions = rQ;
-var bi = "dx-treeview", Gt = "".concat(bi, "-node"), Lr = "".concat(Gt, "-container"), Wv = "".concat(Gt, "-loadindicator"), ma = "".concat(Gt, "-container-opened"), Ns = "".concat(Gt, "-is-leaf"), kt = "".concat(bi, "-item"), aQ = "".concat(kt, "-with-checkbox"), nQ = "".concat(kt, "-with-custom-expander-icon"), oQ = "".concat(bi, "-custom-expander-icon-item-container"), sQ = "".concat(kt, "-without-checkbox"), lQ = "".concat(kt, "-data"), Hs = "".concat(bi, "-toggle-item-visibility"), zv = "".concat(bi, "-custom-collapse-icon"), Gv = "".concat(bi, "-custom-expand-icon"), dQ = "".concat(bi, "-loadindicator"), uQ = "".concat(bi, "-loadindicator-wrapper"), WE = "".concat(bi, "-toggle-item-visibility-opened"), bu = "".concat(bi, "-select-all-item"), zE = "dx-state-invisible", $s = "dx-state-disabled", cQ = "dx-state-selected", Uv = "dxTreeView_expand", Su = "data-item-id", hQ = "dx-item-url", GE = "dx-checkbox", pQ = "dx-checkbox-icon", vQ = "".concat(bi, "-root-node"), mQ = "".concat(bi, "-expander-icon-stub"), _Q = fk.inherit({
+var bi = "dx-treeview", Gt = "".concat(bi, "-node"), Lr = "".concat(Gt, "-container"), Wv = "".concat(Gt, "-loadindicator"), ma = "".concat(Gt, "-container-opened"), Ns = "".concat(Gt, "-is-leaf"), Pt = "".concat(bi, "-item"), aQ = "".concat(Pt, "-with-checkbox"), nQ = "".concat(Pt, "-with-custom-expander-icon"), oQ = "".concat(bi, "-custom-expander-icon-item-container"), sQ = "".concat(Pt, "-without-checkbox"), lQ = "".concat(Pt, "-data"), Hs = "".concat(bi, "-toggle-item-visibility"), zv = "".concat(bi, "-custom-collapse-icon"), Gv = "".concat(bi, "-custom-expand-icon"), dQ = "".concat(bi, "-loadindicator"), uQ = "".concat(bi, "-loadindicator-wrapper"), WE = "".concat(bi, "-toggle-item-visibility-opened"), bu = "".concat(bi, "-select-all-item"), zE = "dx-state-invisible", $s = "dx-state-disabled", cQ = "dx-state-selected", Uv = "dxTreeView_expand", Su = "data-item-id", hQ = "dx-item-url", GE = "dx-checkbox", pQ = "dx-checkbox-icon", vQ = "".concat(bi, "-root-node"), mQ = "".concat(bi, "-expander-icon-stub"), _Q = fk.inherit({
   _supportedKeys(t) {
     var e = (a) => {
       var n = p(this.option("focusedElement"));
       if (n.length) {
-        a.target = n, a.currentTarget = n, this._itemClickHandler(a, n.children(".".concat(kt)));
+        a.target = n, a.currentTarget = n, this._itemClickHandler(a, n.children(".".concat(Pt)));
         var o = this._getEventNameByOption(this.option("expandEvent")), s = o === k(fe, Uv);
         s && this._expandEventHandler(a);
       }
@@ -42912,14 +42912,14 @@ var bi = "dx-treeview", Gt = "".concat(bi, "-node"), Lr = "".concat(Gt, "-contai
       var n = p(this.option("focusedElement")), o = this._getCheckBoxInstance(n);
       if (!o.option("disabled")) {
         var s = o.option("value");
-        this._updateItemSelection(!s, n.find(".".concat(kt)).get(0), !0);
+        this._updateItemSelection(!s, n.find(".".concat(Pt)).get(0), !0);
       }
     }, r = function(a, n) {
       if (this.option("expandAllEnabled")) {
         n.preventDefault();
         var o = p(this.option("focusedElement"));
         if (o.length) {
-          var s = this._getItemData(o.find(".".concat(kt)));
+          var s = this._getItemData(o.find(".".concat(Pt)));
           this._toggleExpandedNestedItems([s], a);
         }
       }
@@ -42948,7 +42948,7 @@ var bi = "dx-treeview", Gt = "".concat(bi, "-node"), Lr = "".concat(Gt, "-contai
     var r = this.$element().get(0).querySelector("[".concat(Su, '="').concat(i, '"]'));
     return p(r);
   },
-  _activeStateUnit: ".".concat(kt),
+  _activeStateUnit: ".".concat(Pt),
   _widgetClass: () => bi,
   _getDefaultOptions() {
     var t = y(this.callBase(), {
@@ -43232,7 +43232,7 @@ var bi = "dx-treeview", Gt = "".concat(bi, "-node"), Lr = "".concat(Gt, "-contai
   _renderNodeContainer(t) {
     var e = p("<ul>").addClass(Lr);
     if (this.setAria("role", "group", e), t && t.length) {
-      var i = this._getItemData(t.children(".".concat(kt)));
+      var i = this._getItemData(t.children(".".concat(Pt)));
       this._expandedGetter(i) && e.addClass(ma), e.appendTo(t);
     }
     return e;
@@ -43383,7 +43383,7 @@ var bi = "dx-treeview", Gt = "".concat(bi, "-node"), Lr = "".concat(Gt, "-contai
     var e = t.children(".".concat(Lr));
     return e.not(":empty").length;
   },
-  _getItem: (t) => t.children(".".concat(kt)).eq(0),
+  _getItem: (t) => t.children(".".concat(Pt)).eq(0),
   _createLoadIndicator(t) {
     var e = this._getItem(t);
     this._createComponent(p("<div>").addClass(Wv), mi, {}).$element().appendTo(e);
@@ -43559,7 +43559,7 @@ var bi = "dx-treeview", Gt = "".concat(bi, "-node"), Lr = "".concat(Gt, "-contai
     t.toggleClass(cQ, !!e);
   },
   _toggleNodeDisabledState(t, e) {
-    var i = this._getNodeElement(t), r = i.find(".".concat(kt)).eq(0);
+    var i = this._getNodeElement(t), r = i.find(".".concat(Pt)).eq(0);
     if (this._dataAdapter.toggleNodeDisabledState(t.internalFields.key, e), r.toggleClass($s, !!e), this._showCheckboxes()) {
       var a = this._getCheckBoxInstance(i);
       a.option("disabled", !!e);
@@ -43647,7 +43647,7 @@ var bi = "dx-treeview", Gt = "".concat(bi, "-node"), Lr = "".concat(Gt, "-contai
     }
   },
   _itemEventHandlerImpl(t, e, i) {
-    var r = p(t).closest(".".concat(Gt)).children(".".concat(kt));
+    var r = p(t).closest(".".concat(Gt)).children(".".concat(Pt));
     return e(y(this._extendActionArgs(r), i));
   },
   _itemContextMenuHandler(t) {
@@ -43662,7 +43662,7 @@ var bi = "dx-treeview", Gt = "".concat(bi, "-node"), Lr = "".concat(Gt, "-contai
       node: this._dataAdapter.getPublicNode(i)
     });
   },
-  _itemClass: () => kt,
+  _itemClass: () => Pt,
   _itemDataKey: () => lQ,
   _attachClickEvent() {
     var t = this._itemContainer();
@@ -43712,7 +43712,7 @@ var bi = "dx-treeview", Gt = "".concat(bi, "-node"), Lr = "".concat(Gt, "-contai
   _updateSelectionToFirstItem(t, e) {
     for (var i = e; i >= 0; ) {
       var r = p(t[i]);
-      this._updateItemSelection(!0, r.find(".".concat(kt)).get(0)), i--;
+      this._updateItemSelection(!0, r.find(".".concat(Pt)).get(0)), i--;
     }
   },
   _updateSelectionToLastItem(t, e) {
@@ -43720,7 +43720,7 @@ var bi = "dx-treeview", Gt = "".concat(bi, "-node"), Lr = "".concat(Gt, "-contai
       length: i
     } = t, r = e; r < i; ) {
       var a = p(t[r]);
-      this._updateItemSelection(!0, a.find(".".concat(kt)).get(0)), r++;
+      this._updateItemSelection(!0, a.find(".".concat(Pt)).get(0)), r++;
     }
   },
   focus() {
@@ -43753,7 +43753,7 @@ var bi = "dx-treeview", Gt = "".concat(bi, "-node"), Lr = "".concat(Gt, "-contai
     }
   },
   _findNonDisabledNodes: (t) => t.not((function() {
-    return p(this).children(".".concat(kt)).hasClass($s);
+    return p(this).children(".".concat(Pt)).hasClass($s);
   })),
   _moveFocus(t, e) {
     var i = this.option("rtlEnabled") ? "right" : "left", r = this.option("rtlEnabled") ? "left" : "right";
@@ -43793,7 +43793,7 @@ var bi = "dx-treeview", Gt = "".concat(bi, "-node"), Lr = "".concat(Gt, "-contai
           this.callBase.apply(this, arguments);
       }
   },
-  _getNodeItemElement: (t) => t.find(".".concat(kt)).get(0),
+  _getNodeItemElement: (t) => t.find(".".concat(Pt)).get(0),
   _nodeElements() {
     return this.$element().find(".".concat(Gt)).not(":hidden");
   },
@@ -45845,7 +45845,7 @@ var pJ = Math, vJ = "dx-numberbox", mJ = ["tab", "del", "backspace", "leftArrow"
   },
   _parseValue(t) {
     var e = parseFloat(t);
-    return isNaN(e) ? null : Pt(e, this.option("min"), this.option("max"));
+    return isNaN(e) ? null : Lt(e, this.option("min"), this.option("max"));
   },
   _clearValue() {
     this._inputIsInvalid() && (this._input().val(""), this._validateValue()), this.callBase();
@@ -45954,8 +45954,8 @@ var bJ = function(t, e, i) {
 function Sa(t, e, i) {
   t = _n(t, 0);
   var r = ih(e, i), a = {
-    start: Pt(t.start, r.start, r.end),
-    end: Pt(t.end, r.start, r.end)
+    start: Lt(t.start, r.start, r.end),
+    end: Lt(t.end, r.start, r.end)
   };
   return a;
 }
@@ -46312,7 +46312,7 @@ var SJ = function(t, e, i) {
         this._parsedValue = e;
         return;
       }
-      this._parsedValue = Pt(e, this.option("min"), this.option("max"));
+      this._parsedValue = Lt(e, this.option("min"), this.option("max"));
     }
   },
   _valueChangeEventHandler(t) {
@@ -52311,12 +52311,12 @@ var zte = ee(), Gte = rp.inherit({
     this.callBase(), t === null && this._applyInternalValidation(null);
   }
 }), Mw = (t) => t.getMonth() + 1, Fw = (t, e) => {
-  var i = t.getDate(), r = Xl("M", t), a = Pt(parseInt(e), r.min, r.max);
+  var i = t.getDate(), r = Xl("M", t), a = Lt(parseInt(e), r.min, r.max);
   t.setMonth(a - 1, 1);
   var {
     min: n,
     max: o
-  } = Xl("dM", t), s = Pt(i, n, o);
+  } = Xl("dM", t), s = Lt(i, n, o);
   t.setDate(s);
 }, iie = {
   a: (t) => t.getHours() < 12 ? 0 : 1,
@@ -52654,7 +52654,7 @@ var zte = ee(), Gte = rp.inherit({
     var t = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : 0;
     if (!(!this.option("text") || this._disposed)) {
       t && (this._initialMaskValue = new Date(this._maskValue));
-      var e = Pt(this._activePartIndex + t, 0, this._dateParts.length - 1);
+      var e = Lt(this._activePartIndex + t, 0, this._dateParts.length - 1);
       if (this._dateParts[e].isStub) {
         var i = e === 0 && t < 0 || e === this._dateParts.length - 1 && t > 0;
         if (!i) {
@@ -52686,7 +52686,7 @@ var zte = ee(), Gte = rp.inherit({
   _setActivePartValue(t, e) {
     e = e || this._maskValue;
     var i = this._getActivePartProp("setter"), r = this._getActivePartLimits();
-    t = Kr(t, r.min, r.max) ? t : t % 10, t = this._addLeadingZeroes(Pt(t, r.min, r.max)), V(i) ? i(e, t) : e[i](t), this._renderDisplayText(this._getDisplayedText(e)), this._renderDateParts();
+    t = Kr(t, r.min, r.max) ? t : t % 10, t = this._addLeadingZeroes(Lt(t, r.min, r.max)), V(i) ? i(e, t) : e[i](t), this._renderDisplayText(this._getDisplayedText(e)), this._renderDateParts();
   },
   _getActivePartProp(t) {
     if (!(!this._dateParts || !this._dateParts[this._activePartIndex]))
@@ -65623,7 +65623,7 @@ var Sde = ["accessKey", "activeStateEnabled", "className", "dataSource", "defaul
     componentProps: e,
     templateNames: ["dropDownButtonTemplate", "groupTemplate", "itemTemplate"]
   }, i)));
-}, Rt = Object.create(Object.prototype, A(Object.getOwnPropertyDescriptors(nt), Object.getOwnPropertyDescriptors({
+}, Bt = Object.create(Object.prototype, A(Object.getOwnPropertyDescriptors(nt), Object.getOwnPropertyDescriptors({
   placeholder: "",
   hoverStateEnabled: !0,
   searchEnabled: !1,
@@ -65631,64 +65631,64 @@ var Sde = ["accessKey", "activeStateEnabled", "className", "dataSource", "defaul
   isReactComponentWrapper: !0
 }))), wde = {
   get placeholder() {
-    return Rt.placeholder;
+    return Bt.placeholder;
   },
   get hoverStateEnabled() {
     return zo.hoverStateEnabled;
   },
   get searchEnabled() {
-    return Rt.searchEnabled;
+    return Bt.searchEnabled;
   },
   get defaultValue() {
-    return Rt.defaultValue;
+    return Bt.defaultValue;
   },
   get readOnly() {
-    return Rt.readOnly;
+    return Bt.readOnly;
   },
   get name() {
-    return Rt.name;
+    return Bt.name;
   },
   get validationError() {
-    return Rt.validationError;
+    return Bt.validationError;
   },
   get validationErrors() {
-    return Rt.validationErrors;
+    return Bt.validationErrors;
   },
   get validationMessageMode() {
-    return Rt.validationMessageMode;
+    return Bt.validationMessageMode;
   },
   get validationMessagePosition() {
-    return Rt.validationMessagePosition;
+    return Bt.validationMessagePosition;
   },
   get validationStatus() {
-    return Rt.validationStatus;
+    return Bt.validationStatus;
   },
   get isValid() {
-    return Rt.isValid;
+    return Bt.isValid;
   },
   get isDirty() {
-    return Rt.isDirty;
+    return Bt.isDirty;
   },
   get inputAttr() {
-    return Rt.inputAttr;
+    return Bt.inputAttr;
   },
   get className() {
-    return Rt.className;
+    return Bt.className;
   },
   get activeStateEnabled() {
     return zo.activeStateEnabled;
   },
   get disabled() {
-    return Rt.disabled;
+    return Bt.disabled;
   },
   get focusStateEnabled() {
     return zo.focusStateEnabled;
   },
   get tabIndex() {
-    return Rt.tabIndex;
+    return Bt.tabIndex;
   },
   get visible() {
-    return Rt.visible;
+    return Bt.visible;
   },
   get label() {
     return hh.label;
@@ -77128,10 +77128,10 @@ const Vve = { class: "w-full relative" }, Sme = /* @__PURE__ */ He({
           })
         ]),
         createButton: st(() => [
-          Lt(L.$slots, "createButton")
+          Rt(L.$slots, "createButton")
         ]),
         toolbarLeft: st(() => [
-          Lt(L.$slots, "toolbarLeft")
+          Rt(L.$slots, "toolbarLeft")
         ]),
         customColumnChooser: st(() => [
           Oe(Vo, {
@@ -77145,7 +77145,7 @@ const Vve = { class: "w-full relative" }, Sme = /* @__PURE__ */ He({
           })
         ]),
         toolbarRight: st(() => [
-          Lt(L.$slots, "toolbarRight")
+          Rt(L.$slots, "toolbarRight")
         ]),
         default: st(() => [
           Oe(de(nF), {
@@ -77263,13 +77263,13 @@ const Vve = { class: "w-full relative" }, Sme = /* @__PURE__ */ He({
         Cr(S.value.filter((F) => F.template), (F) => ({
           name: F.template,
           fn: st((K) => [
-            Lt(L.$slots, F.template, OF(RF(K)))
+            Rt(L.$slots, F.template, OF(RF(K)))
           ])
         }))
       ]), 1032, ["class", "data-source", "word-wrap-enabled", "remote-operations", "key-expr"])) : Be("", !0)
     ]));
   }
-}), Nve = { class: "h-24 app-flex items-center justify-between px-6 border-b border-base-neutral-100" }, Hve = { class: "app-flex gap-4 items-center" }, $ve = /* @__PURE__ */ He({
+}), Nve = { class: "h-24 min-h-24 app-flex items-center justify-between px-6 border-b border-base-neutral-100" }, Hve = { class: "app-flex gap-4 items-center" }, $ve = /* @__PURE__ */ He({
   __name: "Heading",
   props: {
     title: {},
@@ -77301,7 +77301,8 @@ const Vve = { class: "w-full relative" }, Sme = /* @__PURE__ */ He({
           ]),
           _: 1
         })
-      ])
+      ]),
+      Rt(a.$slots, "header-end")
     ]));
   }
 }), Wve = {
@@ -77360,11 +77361,11 @@ const Vve = { class: "w-full relative" }, Sme = /* @__PURE__ */ He({
                 onClose: a
               }, {
                 default: st(() => [
-                  Lt(n.$slots, "header-end")
+                  Rt(n.$slots, "header-end")
                 ]),
                 _: 3
               }, 8, ["title", "back-url"]),
-              Lt(n.$slots, "default")
+              Rt(n.$slots, "default")
             ], 6)
           ])) : Be("", !0)
         ]),
@@ -77590,6 +77591,7 @@ export {
   Vo as Button,
   Sme as DataGrid,
   sme as Dialog,
+  $ve as DialogHeading,
   Eme as Drawer,
   cme as Dropdown,
   hme as DurationTimeline,