comand-component-library 4.0.75 → 4.0.77

package/dist/comand-component-library.js

@@ -5492,6 +5492,13 @@ const Hx = /* @__PURE__ */ P(zd, [["render", au]]), ru = {
       type: String,
       required: !1
     },
+    /**
+     * legend for form
+     *
+     * useFieldset-property must be activated
+     *
+     * @requiredForAccessiblity: true
+     */
     legend: {
       type: Object,
       default() {
@@ -5681,13 +5688,14 @@ function pu(e, n, t, s, o, i) {
   const l = X, r = ie, d = md;
   return a(), c("div", cu, [
     t.cmdHeadline ? (a(), x(l, j(B({ key: 0 }, t.cmdHeadline)), null, 16)) : m("", !0),
-    O(d, {
+    O(d, B({
       onSubmit: i.onSubmit,
-      novalidate: "novalidate",
+      novalidate: "novalidate"
+    }, t.cmdForm, {
       legend: t.legend,
       submitButton: t.submitButton,
       formAction: t.formAction
-    }, {
+    }), {
       default: q(() => {
         var u, f, h, C, g, b, S, _, L, E, F, D, W, I, A, G, Y, K, de, ue, me, fe, ee, R, we, ze, We, Ge, Je, le, vi, Ti, Si, Oi, Ii, Ei, Li, Fi, Mi, Bi;
         return [
@@ -5899,7 +5907,7 @@ function pu(e, n, t, s, o, i) {
         ];
       }),
       _: 3
-    }, 8, ["onSubmit", "legend", "submitButton", "formAction"])
+    }, 16, ["onSubmit", "legend", "submitButton", "formAction"])
   ]);
 }
 const gu = /* @__PURE__ */ P(ru, [["render", pu]]), yu = {
@@ -6373,7 +6381,7 @@ const cs = /* @__PURE__ */ P(Mu, [["render", Vu]]), Ru = {
       default: !1
     },
     /**
-     * set boyType to show different types of boxes/contents
+     * set type to show different types of boxes/contents
      *
      * @allowedValues: content, product, user
      * @affectsStyling: true
@@ -6640,7 +6648,7 @@ const cs = /* @__PURE__ */ P(Mu, [["render", Vu]]), Ru = {
   }
 }, Zi = () => {
   zo((e) => ({
-    ac58ed54: e.cutoffTextLines
+    ae9cb9d6: e.cutoffTextLines
   }));
 }, Xi = li.setup;
 li.setup = Xi ? (e, n) => (Zi(), Xi(e, n)) : Zi;
@@ -12107,6 +12115,13 @@ const s_ = /* @__PURE__ */ P(Zg, [["render", ey]]), ty = {
     };
   },
   props: {
+    /**
+     * activate if transition for hiding message-box should be used
+     */
+    useTransition: {
+      type: Boolean,
+      default: !0
+    },
     /**
      * validation-status for the message-box
      *
@@ -12188,7 +12203,9 @@ const s_ = /* @__PURE__ */ P(Zg, [["render", ey]]), ty = {
 }, ny = ["role", "aria-labelledby"], iy = ["title"];
 function oy(e, n, t, s, o, i) {
   const l = J, r = X;
-  return a(), x(Me, { name: "fade" }, {
+  return a(), x(Me, {
+    name: t.useTransition ? "fade" : null
+  }, {
     default: q(() => [
       o.showSystemMessage ? (a(), c("div", {
         key: 0,
@@ -12218,7 +12235,7 @@ function oy(e, n, t, s, o, i) {
       ], 10, ny)) : m("", !0)
     ]),
     _: 3
-  });
+  }, 8, ["name"]);
 }
 const sy = /* @__PURE__ */ P(ty, [["render", oy]]), ly = {
   name: "CmdTable",
@@ -12230,6 +12247,13 @@ const sy = /* @__PURE__ */ P(ty, [["render", oy]]), ly = {
     };
   },
   props: {
+    /**
+     * activate if transition for hiding collapsible table-data should be used
+     */
+    useTransition: {
+      type: Boolean,
+      default: !0
+    },
     /**
      * table data (incl. caption, thead, tbody)
      */
@@ -12426,7 +12450,9 @@ function my(e, n, t, s, o, i) {
             (a(!0), c(k, null, H(t.tableData.thead, (C, g) => (a(), c("th", { key: g }, y(C), 1))), 128))
           ])
         ]),
-        O(Me, { name: "fade" }, {
+        O(Me, {
+          name: t.useTransition ? "fade" : null
+        }, {
           default: q(() => [
             ye(p("tbody", dy, [
               (a(!0), c(k, null, H(t.tableData.tbody, (C, g) => (a(), c("tr", {
@@ -12443,8 +12469,10 @@ function my(e, n, t, s, o, i) {
             ])
           ]),
           _: 1
-        }),
-        O(Me, { name: "fade" }, {
+        }, 8, ["name"]),
+        O(Me, {
+          name: t.useTransition ? "fade" : null
+        }, {
           default: q(() => [
             t.tableData.tfoot && t.tableData.tfoot.length && o.showTableData ? (a(), c("tfoot", uy, [
               p("tr", null, [
@@ -12456,7 +12484,7 @@ function my(e, n, t, s, o, i) {
             ])) : m("", !0)
           ]),
           _: 1
-        })
+        }, 8, ["name"])
       ], 2),
       t.showSlideButtons ? (a(), x(r, {
         key: 1,
@@ -12732,7 +12760,8 @@ function Fy(e, n, t, s, o, i) {
       t.htmlContent ? (a(), c("div", {
         key: 1,
         innerHTML: t.htmlContent
-      }, null, 8, Sy)) : m("", !0)
+      }, null, 8, Sy)) : m("", !0),
+      V(e.$slots, "default")
     ], 2),
     e.editModeContext ? (a(), x(d, {
       key: 2,
@@ -14695,6 +14724,13 @@ const r0 = {
     this.resetForm.comment = this.presetComment, this.resetForm.allowDrop = this.allowDrop, this.resetForm.listOfFiles = JSON.parse(JSON.stringify(this.listOfFiles)), this.resetForm.systemMessages = this.systemMessages, this.resetForm.systemMessageStatus = this.systemMessageStatus;
   },
   props: {
+    /**
+     * activate if transition for hiding list of file extensions
+     */
+    useTransition: {
+      type: Boolean,
+      default: !0
+    },
     /**
      * toggle visibility of total upload (number of files, total size, total progress
      */
@@ -15390,7 +15426,9 @@ function q0(e, n, t, s, o, i) {
                   type: o.showListOfFileExtensions ? t.iconInvisible.iconType : t.iconVisible.iconType
                 }, null, 8, ["iconClass", "type"])
               ], 8, O0),
-              O(Me, { name: "fade" }, {
+              O(Me, {
+                name: t.useTransition ? "fade" : null
+              }, {
                 default: q(() => [
                   o.showListOfFileExtensions ? (a(), c("ul", I0, [
                     (a(!0), c(k, null, H(t.allowedFileExtensions, (f, h) => (a(), c("li", {
@@ -15400,7 +15438,7 @@ function q0(e, n, t, s, o, i) {
                   ])) : m("", !0)
                 ]),
                 _: 1
-              })
+              }, 8, ["name"])
             ])
           ])
         ]),