comand-component-library 4.1.73 → 4.1.74

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (4) hide show
  1. package/dist/comand-component-library.js +56 -54
  2. package/package.json +1 -1
  3. package/src/ComponentLibrary.vue +2 -2
  4. package/src/components/CmdLoginForm.vue +54 -46
package/dist/comand-component-library.js CHANGED
@@ -9363,36 +9363,44 @@ const Ni = /* @__PURE__ */ P(Rm, [["render", Zm]]), Qm = {
9363
9363
  * forgotPassword: toggles form to send password by email
9364
9364
  * createAccount: creates a link (href/router) which could lead to a register-form
9365
9365
  */
9366
- options: {
9366
+ linkForgotPassword: {
9367
9367
  type: Object,
9368
9368
  default() {
9369
9369
  return {
9370
- forgotPassword: {
9371
- icon: {
9372
- show: !0,
9373
- iconClass: "icon-questionmark-circle",
9374
- tooltip: ""
9375
- },
9376
- text: "Forgot password"
9370
+ icon: {
9371
+ show: !0,
9372
+ iconClass: "icon-questionmark-circle",
9373
+ tooltip: ""
9377
9374
  },
9378
- createAccount: {
9379
- linkType: "href",
9380
- path: "#",
9381
- icon: {
9382
- show: !0,
9383
- iconClass: "icon-register",
9384
- tooltip: ""
9385
- },
9386
- text: "Create new account"
9375
+ text: "Forgot password"
9376
+ };
9377
+ }
9378
+ },
9379
+ linkCreateAccount: {
9380
+ type: Object,
9381
+ default() {
9382
+ return {
9383
+ linkType: "href",
9384
+ path: "#",
9385
+ icon: {
9386
+ show: !0,
9387
+ iconClass: "icon-register",
9388
+ tooltip: ""
9387
9389
  },
9388
- backToLoginForm: {
9389
- icon: {
9390
- show: !0,
9391
- iconClass: "icon-chevron-one-stripe-left",
9392
- tooltip: ""
9393
- },
9394
- text: "Back to login form"
9395
- }
9390
+ text: "Forgot password"
9391
+ };
9392
+ }
9393
+ },
9394
+ linkBackToLoginForm: {
9395
+ type: Object,
9396
+ default() {
9397
+ return {
9398
+ icon: {
9399
+ show: !0,
9400
+ iconClass: "icon-chevron-one-stripe-left",
9401
+ tooltip: ""
9402
+ },
9403
+ text: "Back to login form"
9396
9404
  };
9397
9405
  }
9398
9406
  },
@@ -9566,29 +9574,29 @@ function rh(e, n, t, s, i, o) {
9566
9574
  ], 2),
9567
9575
  H(e.$slots, "login"),
9568
9576
  a("div", $m, [
9569
- t.options.forgotPassword || t.options.createAccount ? (l(), r(S, { key: 0 }, [
9570
- t.options.forgotPassword ? (l(), r("a", {
9577
+ t.linkForgotPassword || t.linkCreateAccount ? (l(), r(S, { key: 0 }, [
9578
+ t.linkForgotPassword ? (l(), r("a", {
9571
9579
  key: 0,
9572
9580
  href: "#",
9573
9581
  onClick: n[4] || (n[4] = T((...D) => o.toggleSendLoginView && o.toggleSendLoginView(...D), ["prevent"]))
9574
9582
  }, [
9575
- (p = t.options.forgotPassword.icon) != null && p.show && ((f = t.options.forgotPassword.icon) != null && f.iconClass) ? (l(), w(u, {
9583
+ (p = t.linkForgotPassword.icon) != null && p.show && ((f = t.linkForgotPassword.icon) != null && f.iconClass) ? (l(), w(u, {
9576
9584
  key: 0,
9577
- iconClass: t.options.forgotPassword.icon.iconClass,
9578
- type: t.options.forgotPassword.icon.iconType,
9579
- title: t.options.forgotPassword.icon.tooltip
9585
+ iconClass: t.linkForgotPassword.icon.iconClass,
9586
+ type: t.linkForgotPassword.icon.iconType,
9587
+ title: t.linkForgotPassword.icon.tooltip
9580
9588
  }, null, 8, ["iconClass", "type", "title"])) : m("", !0),
9581
- t.options.forgotPassword.text ? (l(), r("span", eh, y(t.options.forgotPassword.text), 1)) : m("", !0)
9589
+ t.linkForgotPassword.text ? (l(), r("span", eh, y(t.linkForgotPassword.text), 1)) : m("", !0)
9582
9590
  ])) : m("", !0),
9583
- t.options.createAccount ? (l(), w(g, {
9591
+ t.linkCreateAccount ? (l(), w(g, {
9584
9592
  key: 1,
9585
- linkType: t.options.createAccount.linkType,
9586
- path: t.options.createAccount.path,
9587
- text: t.options.createAccount.text,
9593
+ linkType: t.linkCreateAccount.linkType,
9594
+ path: t.linkCreateAccount.path,
9595
+ text: t.linkCreateAccount.text,
9588
9596
  icon: {
9589
- iconClass: (C = t.options.createAccount.icon) == null ? void 0 : C.iconClass,
9590
- tooltip: (b = t.options.createAccount.icon) == null ? void 0 : b.tooltip,
9591
- position: (L = t.options.createAccount.icon) == null ? void 0 : L.position
9597
+ iconClass: (C = t.linkCreateAccount.icon) == null ? void 0 : C.iconClass,
9598
+ tooltip: (b = t.linkCreateAccount.icon) == null ? void 0 : b.tooltip,
9599
+ position: (L = t.linkCreateAccount.icon) == null ? void 0 : L.position
9592
9600
  }
9593
9601
  }, null, 8, ["linkType", "path", "text", "icon"])) : m("", !0)
9594
9602
  ], 64)) : m("", !0),
@@ -9626,18 +9634,18 @@ function rh(e, n, t, s, i, o) {
9626
9634
  }, o.cmdFormElementSendLoginOptions), null, 16, ["modelValue"]),
9627
9635
  H(e.$slots, "send-login"),
9628
9636
  a("div", oh, [
9629
- t.options.backToLoginForm ? (l(), r("a", {
9637
+ t.linkForgotPassword ? (l(), r("a", {
9630
9638
  key: 0,
9631
9639
  href: "#",
9632
9640
  onClick: n[8] || (n[8] = T((...D) => o.toggleSendLoginView && o.toggleSendLoginView(...D), ["prevent"]))
9633
9641
  }, [
9634
- t.options.backToLoginForm && t.options.backToLoginForm.icon && t.options.backToLoginForm.icon.show && t.options.backToLoginForm.icon.iconClass ? (l(), w(u, {
9642
+ t.linkForgotPassword && t.linkForgotPassword.icon && t.linkForgotPassword.icon.show && t.linkForgotPassword.icon.iconClass ? (l(), w(u, {
9635
9643
  key: 0,
9636
- iconClass: t.options.backToLoginForm.icon.iconClass,
9637
- type: t.options.backToLoginForm.icon.iconType,
9638
- title: t.options.backToLoginForm.icon.tooltip
9644
+ iconClass: t.linkForgotPassword.icon.iconClass,
9645
+ type: t.linkForgotPassword.icon.iconType,
9646
+ title: t.linkForgotPassword.icon.tooltip
9639
9647
  }, null, 8, ["iconClass", "type", "title"])) : m("", !0),
9640
- t.options.backToLoginForm.text ? (l(), r("span", lh, y(t.options.backToLoginForm.text), 1)) : m("", !0)
9648
+ t.linkForgotPassword.text ? (l(), r("span", lh, y(t.linkForgotPassword.text), 1)) : m("", !0)
9641
9649
  ])) : m("", !0),
9642
9650
  o.buttonSendLoginOptions.linkType === "button" ? (l(), r("button", {
9643
9651
  key: 1,
@@ -18560,7 +18568,7 @@ function c1(e, n, t, s, i, o) {
18560
18568
  })
18561
18569
  ], 64);
18562
18570
  }
18563
- 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 = {
18571
+ 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 = {
18564
18572
  prepublishOnly: "npm run build-lib",
18565
18573
  dev: "vite",
18566
18574
  build: "vite build",
@@ -21776,10 +21784,7 @@ function mv(e, n, t, s, i, o) {
21776
21784
  onClick: n[88] || (n[88] = T((x) => o.openSettingsSidebar("CmdLoginForm"), ["prevent"]))
21777
21785
  })
21778
21786
  ]),
21779
- h(M, {
21780
- "use-validation": !0,
21781
- "use-fieldset": !1
21782
- }, {
21787
+ h(M, { "use-fieldset": !1 }, {
21783
21788
  default: k(() => [
21784
21789
  h(A, I({ ref: "CmdLoginForm" }, e.cmdLoginFormSettingsData, {
21785
21790
  modelValue: i.loginData,
@@ -21788,10 +21793,7 @@ function mv(e, n, t, s, i, o) {
21788
21793
  ]),
21789
21794
  _: 1
21790
21795
  }),
21791
- h(M, {
21792
- "use-validation": !0,
21793
- "use-fieldset": !1
21794
- }, {
21796
+ h(M, { "use-fieldset": !1 }, {
21795
21797
  default: k(() => [
21796
21798
  h(A, I({ ref: "CmdLoginForm" }, e.cmdLoginFormSettingsData, {
21797
21799
  orientation: "vertical",
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "comand-component-library",
3
- "version": "4.1.73",
3
+ "version": "4.1.74",
4
4
  "license": "GPL-3.0-only",
5
5
  "author": "CoManD-UI",
6
6
  "private": false,
package/src/ComponentLibrary.vue CHANGED
@@ -1579,10 +1579,10 @@
1579
1579
  <a href="#" class="button small icon-cog" title="Open Component Settings"
1580
1580
  @click.prevent="openSettingsSidebar('CmdLoginForm')"></a>
1581
1581
  </h2>
1582
- <CmdForm :use-validation="true" :use-fieldset="false">
1582
+ <CmdForm :use-fieldset="false">
1583
1583
  <CmdLoginForm ref="CmdLoginForm" v-bind="cmdLoginFormSettingsData" v-model="loginData"/>
1584
1584
  </CmdForm>
1585
- <CmdForm :use-validation="true" :use-fieldset="false">
1585
+ <CmdForm :use-fieldset="false">
1586
1586
  <CmdLoginForm
1587
1587
  ref="CmdLoginForm"
1588
1588
  v-bind="cmdLoginFormSettingsData"
package/src/components/CmdLoginForm.vue CHANGED
@@ -39,31 +39,31 @@
39
39
  <!-- end named slot for login-form -->
40
40
 
41
41
  <div class="option-wrapper flex-container">
42
- <template v-if="options.forgotPassword || options.createAccount">
42
+ <template v-if="linkForgotPassword || linkCreateAccount">
43
43
  <!-- begin link for 'forgot password' -->
44
- <a v-if="options.forgotPassword" href="#" @click.prevent="toggleSendLoginView">
44
+ <a v-if="linkForgotPassword" href="#" @click.prevent="toggleSendLoginView">
45
45
  <!-- begin CmdIcon -->
46
- <CmdIcon v-if="options.forgotPassword.icon?.show && options.forgotPassword.icon?.iconClass"
47
- :iconClass="options.forgotPassword.icon.iconClass"
48
- :type="options.forgotPassword.icon.iconType"
49
- :title="options.forgotPassword.icon.tooltip"
46
+ <CmdIcon v-if="linkForgotPassword.icon?.show && linkForgotPassword.icon?.iconClass"
47
+ :iconClass="linkForgotPassword.icon.iconClass"
48
+ :type="linkForgotPassword.icon.iconType"
49
+ :title="linkForgotPassword.icon.tooltip"
50
50
  />
51
51
  <!-- end CmdIcon -->
52
- <span v-if="options.forgotPassword.text">{{ options.forgotPassword.text }}</span>
52
+ <span v-if="linkForgotPassword.text">{{ linkForgotPassword.text }}</span>
53
53
  </a>
54
54
  <!-- end link for 'forgot password' -->
55
55
 
56
56
  <!-- begin link for 'create account' -->
57
- <template v-if="options.createAccount">
57
+ <template v-if="linkCreateAccount">
58
58
  <!-- begin CmdLink -->
59
59
  <CmdLink
60
- :linkType="options.createAccount.linkType"
61
- :path="options.createAccount.path"
62
- :text="options.createAccount.text"
60
+ :linkType="linkCreateAccount.linkType"
61
+ :path="linkCreateAccount.path"
62
+ :text="linkCreateAccount.text"
63
63
  :icon="{
64
- iconClass: options.createAccount.icon?.iconClass,
65
- tooltip: options.createAccount.icon?.tooltip,
66
- position: options.createAccount.icon?.position
64
+ iconClass: linkCreateAccount.icon?.iconClass,
65
+ tooltip: linkCreateAccount.icon?.tooltip,
66
+ position: linkCreateAccount.icon?.position
67
67
  }"
68
68
  />
69
69
  <!-- end CmdLink -->
@@ -120,17 +120,17 @@
120
120
  <!-- end slot for send-login-form -->
121
121
 
122
122
  <div class="option-wrapper flex-container">
123
- <a v-if="options.backToLoginForm" href="#" @click.prevent="toggleSendLoginView">
123
+ <a v-if="linkForgotPassword" href="#" @click.prevent="toggleSendLoginView">
124
124
  <!-- begin CmdIcon -->
125
125
  <CmdIcon
126
- v-if="options.backToLoginForm && options.backToLoginForm.icon && options.backToLoginForm.icon.show && options.backToLoginForm.icon.iconClass"
127
- :iconClass="options.backToLoginForm.icon.iconClass"
128
- :type="options.backToLoginForm.icon.iconType"
129
- :title="options.backToLoginForm.icon.tooltip"
126
+ v-if="linkForgotPassword && linkForgotPassword.icon && linkForgotPassword.icon.show && linkForgotPassword.icon.iconClass"
127
+ :iconClass="linkForgotPassword.icon.iconClass"
128
+ :type="linkForgotPassword.icon.iconType"
129
+ :title="linkForgotPassword.icon.tooltip"
130
130
  />
131
131
  <!-- end CmdIcon -->
132
- <span v-if="options.backToLoginForm.text">
133
- {{ options.backToLoginForm.text }}
132
+ <span v-if="linkForgotPassword.text">
133
+ {{ linkForgotPassword.text }}
134
134
  </span>
135
135
  </a>
136
136
 
@@ -273,36 +273,44 @@ export default {
273
273
  * forgotPassword: toggles form to send password by email
274
274
  * createAccount: creates a link (href/router) which could lead to a register-form
275
275
  */
276
- options: {
276
+ linkForgotPassword: {
277
277
  type: Object,
278
278
  default() {
279
279
  return {
280
- forgotPassword: {
281
- icon: {
282
- show: true,
283
- iconClass: "icon-questionmark-circle",
284
- tooltip: ""
285
- },
286
- text: "Forgot password"
280
+ icon: {
281
+ show: true,
282
+ iconClass: "icon-questionmark-circle",
283
+ tooltip: ""
287
284
  },
288
- createAccount: {
289
- linkType: "href",
290
- path: "#",
291
- icon: {
292
- show: true,
293
- iconClass: "icon-register",
294
- tooltip: ""
295
- },
296
- text: "Create new account"
285
+ text: "Forgot password"
286
+ }
287
+ }
288
+ },
289
+ linkCreateAccount: {
290
+ type: Object,
291
+ default() {
292
+ return {
293
+ linkType: "href",
294
+ path: "#",
295
+ icon: {
296
+ show: true,
297
+ iconClass: "icon-register",
298
+ tooltip: ""
299
+ },
300
+ text: "Forgot password"
301
+ }
302
+ }
303
+ },
304
+ linkBackToLoginForm: {
305
+ type: Object,
306
+ default() {
307
+ return {
308
+ icon: {
309
+ show: true,
310
+ iconClass: "icon-chevron-one-stripe-left",
311
+ tooltip: ""
297
312
  },
298
- backToLoginForm: {
299
- icon: {
300
- show: true,
301
- iconClass: "icon-chevron-one-stripe-left",
302
- tooltip: ""
303
- },
304
- text: "Back to login form"
305
- }
313
+ text: "Back to login form"
306
314
  }
307
315
  }
308
316
  },