tsv2-library 1.0.61-alpha.112 → 1.0.61-alpha.113

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

@@ -122,6 +122,12 @@ export interface DialogFormProps extends FormProps {
    * The severity will determine the dialog icons and color scheme.
    */
   severity?: 'success' | 'danger' | 'primary';
+  maskClass?: string | string[];
+  /**
+   * Whether to automatically manage layering.
+   * @defaultValue true
+   */
+  autoZIndex?: boolean | undefined;
 }
 
 export interface ConfirmSlots {

package/dist/tsv2-library.es.js

@@ -66118,6 +66118,8 @@ const _sfc_main$y = /* @__PURE__ */ defineComponent({
     contentClass: {},
     headerIcon: {},
     severity: {},
+    maskClass: {},
+    autoZIndex: { type: Boolean, default: true },
     columnPerRow: { default: 1 },
     buttonsTemplate: {},
     validateOnSave: { type: Boolean },
@@ -66190,14 +66192,22 @@ const _sfc_main$y = /* @__PURE__ */ defineComponent({
     };
     __expose({ form, clearField });
     return (_ctx, _cache) => {
+      var _a;
       return openBlock(), createBlock(unref(script$13), {
         ref_key: "dialogForm",
         ref: dialogForm,
+        "auto-z-index": props.autoZIndex,
         class: normalizeClass(props.class),
         closable: _ctx.closable,
         draggable: false,
         header: _ctx.header,
         pt: {
+          mask: {
+            class: [
+              ...(_a = unref(DialogPreset)) == null ? void 0 : _a.mask({ props: { modal: true } }).class,
+              ...Array.isArray(_ctx.$props.maskClass) ? _ctx.$props.maskClass : [_ctx.$props.maskClass]
+            ]
+          },
           root: {
             class: [
               ...unref(DialogPreset).root({ state: {} }).class,
@@ -66259,11 +66269,11 @@ const _sfc_main$y = /* @__PURE__ */ defineComponent({
           })
         ]),
         footer: withCtx(() => {
-          var _a;
+          var _a2;
           return [
             visibilityStayCheckbox.value ? (openBlock(), createBlock(_sfc_main$15, {
               key: 0,
-              "model-value": (_a = form.value) == null ? void 0 : _a.stayAfterSubmit,
+              "model-value": (_a2 = form.value) == null ? void 0 : _a2.stayAfterSubmit,
               "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => form.value && (form.value.stayAfterSubmit = $event)),
               label: "Stay on this form after submitting"
             }, null, 8, ["model-value"])) : createCommentVNode("", true),
@@ -66323,7 +66333,7 @@ const _sfc_main$y = /* @__PURE__ */ defineComponent({
           })
         ]),
         _: 3
-      }, 8, ["class", "closable", "header", "pt", "visible"]);
+      }, 8, ["auto-z-index", "class", "closable", "header", "pt", "visible"]);
     };
   }
 });