comand-component-library 4.1.73 → 4.1.74

package/dist/comand-component-library.js

@@ -9363,36 +9363,44 @@ const Ni = /* @__PURE__ */ P(Rm, [["render", Zm]]), Qm = {
      * forgotPassword: toggles form to send password by email
      * createAccount: creates a link (href/router) which could lead to a register-form
      */
-    options: {
+    linkForgotPassword: {
       type: Object,
       default() {
         return {
-          forgotPassword: {
-            icon: {
-              show: !0,
-              iconClass: "icon-questionmark-circle",
-              tooltip: ""
-            },
-            text: "Forgot password"
+          icon: {
+            show: !0,
+            iconClass: "icon-questionmark-circle",
+            tooltip: ""
           },
-          createAccount: {
-            linkType: "href",
-            path: "#",
-            icon: {
-              show: !0,
-              iconClass: "icon-register",
-              tooltip: ""
-            },
-            text: "Create new account"
+          text: "Forgot password"
+        };
+      }
+    },
+    linkCreateAccount: {
+      type: Object,
+      default() {
+        return {
+          linkType: "href",
+          path: "#",
+          icon: {
+            show: !0,
+            iconClass: "icon-register",
+            tooltip: ""
           },
-          backToLoginForm: {
-            icon: {
-              show: !0,
-              iconClass: "icon-chevron-one-stripe-left",
-              tooltip: ""
-            },
-            text: "Back to login form"
-          }
+          text: "Forgot password"
+        };
+      }
+    },
+    linkBackToLoginForm: {
+      type: Object,
+      default() {
+        return {
+          icon: {
+            show: !0,
+            iconClass: "icon-chevron-one-stripe-left",
+            tooltip: ""
+          },
+          text: "Back to login form"
         };
       }
     },
@@ -9566,29 +9574,29 @@ function rh(e, n, t, s, i, o) {
       ], 2),
       H(e.$slots, "login"),
       a("div", $m, [
-        t.options.forgotPassword || t.options.createAccount ? (l(), r(S, { key: 0 }, [
-          t.options.forgotPassword ? (l(), r("a", {
+        t.linkForgotPassword || t.linkCreateAccount ? (l(), r(S, { key: 0 }, [
+          t.linkForgotPassword ? (l(), r("a", {
             key: 0,
             href: "#",
             onClick: n[4] || (n[4] = T((...D) => o.toggleSendLoginView && o.toggleSendLoginView(...D), ["prevent"]))
           }, [
-            (p = t.options.forgotPassword.icon) != null && p.show && ((f = t.options.forgotPassword.icon) != null && f.iconClass) ? (l(), w(u, {
+            (p = t.linkForgotPassword.icon) != null && p.show && ((f = t.linkForgotPassword.icon) != null && f.iconClass) ? (l(), w(u, {
               key: 0,
-              iconClass: t.options.forgotPassword.icon.iconClass,
-              type: t.options.forgotPassword.icon.iconType,
-              title: t.options.forgotPassword.icon.tooltip
+              iconClass: t.linkForgotPassword.icon.iconClass,
+              type: t.linkForgotPassword.icon.iconType,
+              title: t.linkForgotPassword.icon.tooltip
             }, null, 8, ["iconClass", "type", "title"])) : m("", !0),
-            t.options.forgotPassword.text ? (l(), r("span", eh, y(t.options.forgotPassword.text), 1)) : m("", !0)
+            t.linkForgotPassword.text ? (l(), r("span", eh, y(t.linkForgotPassword.text), 1)) : m("", !0)
           ])) : m("", !0),
-          t.options.createAccount ? (l(), w(g, {
+          t.linkCreateAccount ? (l(), w(g, {
             key: 1,
-            linkType: t.options.createAccount.linkType,
-            path: t.options.createAccount.path,
-            text: t.options.createAccount.text,
+            linkType: t.linkCreateAccount.linkType,
+            path: t.linkCreateAccount.path,
+            text: t.linkCreateAccount.text,
             icon: {
-              iconClass: (C = t.options.createAccount.icon) == null ? void 0 : C.iconClass,
-              tooltip: (b = t.options.createAccount.icon) == null ? void 0 : b.tooltip,
-              position: (L = t.options.createAccount.icon) == null ? void 0 : L.position
+              iconClass: (C = t.linkCreateAccount.icon) == null ? void 0 : C.iconClass,
+              tooltip: (b = t.linkCreateAccount.icon) == null ? void 0 : b.tooltip,
+              position: (L = t.linkCreateAccount.icon) == null ? void 0 : L.position
             }
           }, null, 8, ["linkType", "path", "text", "icon"])) : m("", !0)
         ], 64)) : m("", !0),
@@ -9626,18 +9634,18 @@ function rh(e, n, t, s, i, o) {
       }, o.cmdFormElementSendLoginOptions), null, 16, ["modelValue"]),
       H(e.$slots, "send-login"),
       a("div", oh, [
-        t.options.backToLoginForm ? (l(), r("a", {
+        t.linkForgotPassword ? (l(), r("a", {
           key: 0,
           href: "#",
           onClick: n[8] || (n[8] = T((...D) => o.toggleSendLoginView && o.toggleSendLoginView(...D), ["prevent"]))
         }, [
-          t.options.backToLoginForm && t.options.backToLoginForm.icon && t.options.backToLoginForm.icon.show && t.options.backToLoginForm.icon.iconClass ? (l(), w(u, {
+          t.linkForgotPassword && t.linkForgotPassword.icon && t.linkForgotPassword.icon.show && t.linkForgotPassword.icon.iconClass ? (l(), w(u, {
             key: 0,
-            iconClass: t.options.backToLoginForm.icon.iconClass,
-            type: t.options.backToLoginForm.icon.iconType,
-            title: t.options.backToLoginForm.icon.tooltip
+            iconClass: t.linkForgotPassword.icon.iconClass,
+            type: t.linkForgotPassword.icon.iconType,
+            title: t.linkForgotPassword.icon.tooltip
           }, null, 8, ["iconClass", "type", "title"])) : m("", !0),
-          t.options.backToLoginForm.text ? (l(), r("span", lh, y(t.options.backToLoginForm.text), 1)) : m("", !0)
+          t.linkForgotPassword.text ? (l(), r("span", lh, y(t.linkForgotPassword.text), 1)) : m("", !0)
         ])) : m("", !0),
         o.buttonSendLoginOptions.linkType === "button" ? (l(), r("button", {
           key: 1,
@@ -18560,7 +18568,7 @@ function c1(e, n, t, s, i, o) {
     })
   ], 64);
 }
-const bo = /* @__PURE__ */ P(e1, [["render", c1]]), u1 = "comand-component-library", m1 = "4.1.73", h1 = "GPL-3.0-only", p1 = "CoManD-UI", f1 = "module", g1 = {
+const bo = /* @__PURE__ */ P(e1, [["render", c1]]), u1 = "comand-component-library", m1 = "4.1.74", h1 = "GPL-3.0-only", p1 = "CoManD-UI", f1 = "module", g1 = {
   prepublishOnly: "npm run build-lib",
   dev: "vite",
   build: "vite build",
@@ -21776,10 +21784,7 @@ function mv(e, n, t, s, i, o) {
               onClick: n[88] || (n[88] = T((x) => o.openSettingsSidebar("CmdLoginForm"), ["prevent"]))
             })
           ]),
-          h(M, {
-            "use-validation": !0,
-            "use-fieldset": !1
-          }, {
+          h(M, { "use-fieldset": !1 }, {
             default: k(() => [
               h(A, I({ ref: "CmdLoginForm" }, e.cmdLoginFormSettingsData, {
                 modelValue: i.loginData,
@@ -21788,10 +21793,7 @@ function mv(e, n, t, s, i, o) {
             ]),
             _: 1
           }),
-          h(M, {
-            "use-validation": !0,
-            "use-fieldset": !1
-          }, {
+          h(M, { "use-fieldset": !1 }, {
             default: k(() => [
               h(A, I({ ref: "CmdLoginForm" }, e.cmdLoginFormSettingsData, {
                 orientation: "vertical",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "comand-component-library",
-  "version": "4.1.73",
+  "version": "4.1.74",
   "license": "GPL-3.0-only",
   "author": "CoManD-UI",
   "private": false,

package/src/ComponentLibrary.vue

@@ -1579,10 +1579,10 @@
                     <a href="#" class="button small icon-cog" title="Open Component Settings"
                        @click.prevent="openSettingsSidebar('CmdLoginForm')"></a>
                 </h2>
-                <CmdForm :use-validation="true" :use-fieldset="false">
+                <CmdForm :use-fieldset="false">
                     <CmdLoginForm ref="CmdLoginForm" v-bind="cmdLoginFormSettingsData" v-model="loginData"/>
                 </CmdForm>
-                <CmdForm :use-validation="true" :use-fieldset="false">
+                <CmdForm :use-fieldset="false">
                     <CmdLoginForm
                         ref="CmdLoginForm"
                         v-bind="cmdLoginFormSettingsData"

package/src/components/CmdLoginForm.vue

@@ -39,31 +39,31 @@
         <!-- end named slot for login-form -->
 
         <div class="option-wrapper flex-container">
-            <template v-if="options.forgotPassword || options.createAccount">
+            <template v-if="linkForgotPassword || linkCreateAccount">
                 <!-- begin link for 'forgot password' -->
-                <a v-if="options.forgotPassword" href="#" @click.prevent="toggleSendLoginView">
+                <a v-if="linkForgotPassword" href="#" @click.prevent="toggleSendLoginView">
                     <!-- begin CmdIcon -->
-                    <CmdIcon v-if="options.forgotPassword.icon?.show && options.forgotPassword.icon?.iconClass"
-                          :iconClass="options.forgotPassword.icon.iconClass"
-                          :type="options.forgotPassword.icon.iconType"
-                          :title="options.forgotPassword.icon.tooltip"
+                    <CmdIcon v-if="linkForgotPassword.icon?.show && linkForgotPassword.icon?.iconClass"
+                          :iconClass="linkForgotPassword.icon.iconClass"
+                          :type="linkForgotPassword.icon.iconType"
+                          :title="linkForgotPassword.icon.tooltip"
                     />
                     <!-- end CmdIcon -->
-                    <span v-if="options.forgotPassword.text">{{ options.forgotPassword.text }}</span>
+                    <span v-if="linkForgotPassword.text">{{ linkForgotPassword.text }}</span>
                 </a>
                 <!-- end link for 'forgot password' -->
 
                 <!-- begin link for 'create account' -->
-                <template v-if="options.createAccount">
+                <template v-if="linkCreateAccount">
                     <!-- begin CmdLink -->
                     <CmdLink
-                        :linkType="options.createAccount.linkType"
-                        :path="options.createAccount.path"
-                        :text="options.createAccount.text"
+                        :linkType="linkCreateAccount.linkType"
+                        :path="linkCreateAccount.path"
+                        :text="linkCreateAccount.text"
                         :icon="{
-                            iconClass: options.createAccount.icon?.iconClass,
-                            tooltip: options.createAccount.icon?.tooltip,
-                            position: options.createAccount.icon?.position
+                            iconClass: linkCreateAccount.icon?.iconClass,
+                            tooltip: linkCreateAccount.icon?.tooltip,
+                            position: linkCreateAccount.icon?.position
                         }"
                     />
                     <!-- end CmdLink -->
@@ -120,17 +120,17 @@
         <!-- end slot for send-login-form -->
 
         <div class="option-wrapper flex-container">
-            <a v-if="options.backToLoginForm" href="#" @click.prevent="toggleSendLoginView">
+            <a v-if="linkForgotPassword" href="#" @click.prevent="toggleSendLoginView">
                 <!-- begin CmdIcon -->
                 <CmdIcon
-                    v-if="options.backToLoginForm && options.backToLoginForm.icon && options.backToLoginForm.icon.show && options.backToLoginForm.icon.iconClass"
-                    :iconClass="options.backToLoginForm.icon.iconClass"
-                    :type="options.backToLoginForm.icon.iconType"
-                    :title="options.backToLoginForm.icon.tooltip"
+                    v-if="linkForgotPassword && linkForgotPassword.icon && linkForgotPassword.icon.show && linkForgotPassword.icon.iconClass"
+                    :iconClass="linkForgotPassword.icon.iconClass"
+                    :type="linkForgotPassword.icon.iconType"
+                    :title="linkForgotPassword.icon.tooltip"
                 />
                 <!-- end CmdIcon -->
-                <span v-if="options.backToLoginForm.text">
-                  {{ options.backToLoginForm.text }}
+                <span v-if="linkForgotPassword.text">
+                  {{ linkForgotPassword.text }}
                 </span>
             </a>
 
@@ -273,36 +273,44 @@ export default {
          * forgotPassword: toggles form to send password by email
          * createAccount: creates a link (href/router) which could lead to a register-form
          */
-        options: {
+        linkForgotPassword: {
             type: Object,
             default() {
                 return {
-                    forgotPassword: {
-                        icon: {
-                            show: true,
-                            iconClass: "icon-questionmark-circle",
-                            tooltip: ""
-                        },
-                        text: "Forgot password"
+                    icon: {
+                        show: true,
+                        iconClass: "icon-questionmark-circle",
+                        tooltip: ""
                     },
-                    createAccount: {
-                        linkType: "href",
-                        path: "#",
-                        icon: {
-                            show: true,
-                            iconClass: "icon-register",
-                            tooltip: ""
-                        },
-                        text: "Create new account"
+                    text: "Forgot password"
+                }
+            }
+        },
+        linkCreateAccount: {
+            type: Object,
+            default() {
+                return {
+                    linkType: "href",
+                    path: "#",
+                    icon: {
+                        show: true,
+                        iconClass: "icon-register",
+                        tooltip: ""
+                    },
+                    text: "Forgot password"
+                }
+            }
+        },
+        linkBackToLoginForm: {
+            type: Object,
+            default() {
+                return {
+                    icon: {
+                        show: true,
+                        iconClass: "icon-chevron-one-stripe-left",
+                        tooltip: ""
                     },
-                    backToLoginForm: {
-                        icon: {
-                            show: true,
-                            iconClass: "icon-chevron-one-stripe-left",
-                            tooltip: ""
-                        },
-                        text: "Back to login form"
-                    }
+                    text: "Back to login form"
                 }
             }
         },