comand-component-library 4.1.51 → 4.1.53

Sign up to get free protection for your applications and to get access to all the features.
@@ -5883,14 +5883,13 @@ const Dd = /* @__PURE__ */ V(pd, [["render", Fd]]), Md = {
5883
5883
  this.formData.error && e.originalEvent.preventDefault();
5884
5884
  return;
5885
5885
  }
5886
- e.originalEvent.preventDefault(), this.reCaptchaWebsiteKey ? grecaptcha.ready(function() {
5887
- grecaptcha.execute(this.reCaptchaWebsiteKey, { action: "submit" }).then(function(n) {
5888
- this.submitForm(n);
5889
- });
5890
- }) : this.submitForm();
5886
+ e.originalEvent.preventDefault(), console.log("recaptcha available", window.grecaptcha), this.reCaptchaWebsiteKey && window.grecaptcha ? (console.log("recaptcha"), grecaptcha.ready(() => {
5887
+ console.log("recaptcha ready"), grecaptcha.execute(this.reCaptchaWebsiteKey, { action: "submit" }).then((n) => this.submitForm(n)).catch((n) => console.log("recaptcha error", n));
5888
+ })) : this.submitForm();
5891
5889
  },
5892
5890
  submitForm(e) {
5893
5891
  var s;
5892
+ console.log("submitForm", e);
5894
5893
  const n = new FormData();
5895
5894
  e && n.set("recaptchaToken", e);
5896
5895
  const t = Object.keys(this.configuration);
@@ -18439,7 +18438,7 @@ function Xx(e, n, t, s, i, o) {
18439
18438
  ])
18440
18439
  ]));
18441
18440
  }
18442
- const $x = /* @__PURE__ */ V(Yx, [["render", Xx]]), e1 = {
18441
+ const $x = /* @__PURE__ */ V(Yx, [["render", Xx]]), e_ = {
18443
18442
  name: "PageOverview",
18444
18443
  data() {
18445
18444
  return {
@@ -18450,28 +18449,28 @@ const $x = /* @__PURE__ */ V(Yx, [["render", Xx]]), e1 = {
18450
18449
  listOfSiteLinksData: Wg
18451
18450
  };
18452
18451
  }
18453
- }, t1 = /* @__PURE__ */ a("h2", {
18452
+ }, t_ = /* @__PURE__ */ a("h2", {
18454
18453
  class: "headline-demopage",
18455
18454
  id: "section-contact-information"
18456
18455
  }, [
18457
18456
  /* @__PURE__ */ a("span", null, "Contact Information")
18458
- ], -1), n1 = /* @__PURE__ */ a("h2", {
18457
+ ], -1), n_ = /* @__PURE__ */ a("h2", {
18459
18458
  class: "headline-demopage",
18460
18459
  id: "section-multiple-lists-of-links-downloads"
18461
18460
  }, [
18462
18461
  /* @__PURE__ */ a("span", null, "Multiple Lists of links")
18463
- ], -1), i1 = /* @__PURE__ */ a("h3", { id: "section-multiple-lists-of-links-downloads" }, "Downloads", -1), o1 = /* @__PURE__ */ a("hr", null, null, -1), l1 = /* @__PURE__ */ a("h3", { id: "section-multiple-lists-of-links-sitemap" }, "SiteMap", -1), s1 = /* @__PURE__ */ a("h2", {
18462
+ ], -1), i_ = /* @__PURE__ */ a("h3", { id: "section-multiple-lists-of-links-downloads" }, "Downloads", -1), o_ = /* @__PURE__ */ a("hr", null, null, -1), l_ = /* @__PURE__ */ a("h3", { id: "section-multiple-lists-of-links-sitemap" }, "SiteMap", -1), s_ = /* @__PURE__ */ a("h2", {
18464
18463
  class: "headline-demopage",
18465
18464
  id: "section-multiple-box-wrapper"
18466
18465
  }, [
18467
18466
  /* @__PURE__ */ a("span", null, "Multiple Box Wrapper")
18468
- ], -1), a1 = /* @__PURE__ */ a("h3", { id: "section-multiple-box-wrapper-faqs" }, "FAQs", -1), r1 = /* @__PURE__ */ a("hr", null, null, -1), d1 = /* @__PURE__ */ a("h3", { id: "section-multiple-box-wrapper-team-overview" }, "Team Overview", -1);
18469
- function c1(e, n, t, s, i, o) {
18467
+ ], -1), a_ = /* @__PURE__ */ a("h3", { id: "section-multiple-box-wrapper-faqs" }, "FAQs", -1), r_ = /* @__PURE__ */ a("hr", null, null, -1), d_ = /* @__PURE__ */ a("h3", { id: "section-multiple-box-wrapper-team-overview" }, "Team Overview", -1);
18468
+ function c_(e, n, t, s, i, o) {
18470
18469
  const d = $x, c = yo, u = Jx, g = zx;
18471
18470
  return l(), r(S, null, [
18472
18471
  h(c, null, {
18473
18472
  default: k(() => [
18474
- t1,
18473
+ t_,
18475
18474
  h(d, {
18476
18475
  cmdBasicForm: e.basicForm,
18477
18476
  cmdAddressData: {},
@@ -18487,44 +18486,44 @@ function c1(e, n, t, s, i, o) {
18487
18486
  }),
18488
18487
  h(c, null, {
18489
18488
  default: k(() => [
18490
- n1,
18491
- i1,
18489
+ n_,
18490
+ i_,
18492
18491
  h(u, { segments: i.listOfDownloadsData }, null, 8, ["segments"]),
18493
- o1,
18494
- l1,
18492
+ o_,
18493
+ l_,
18495
18494
  h(u, { segments: i.listOfSiteLinksData }, null, 8, ["segments"])
18496
18495
  ]),
18497
18496
  _: 1
18498
18497
  }),
18499
18498
  h(c, null, {
18500
18499
  default: k(() => [
18501
- s1,
18502
- a1,
18500
+ s_,
18501
+ a_,
18503
18502
  h(g, { segments: i.faqsData }, null, 8, ["segments"]),
18504
- r1,
18505
- d1,
18503
+ r_,
18504
+ d_,
18506
18505
  h(g, { segments: i.boxesTeamOverviewData }, null, 8, ["segments"])
18507
18506
  ]),
18508
18507
  _: 1
18509
18508
  })
18510
18509
  ], 64);
18511
18510
  }
18512
- const bo = /* @__PURE__ */ V(e1, [["render", c1]]), u1 = "comand-component-library", m1 = "4.1.51", h1 = "GPL-3.0-only", p1 = "CoManD-UI", f1 = "module", g1 = {
18511
+ const bo = /* @__PURE__ */ V(e_, [["render", c_]]), u_ = "comand-component-library", m_ = "4.1.53", h_ = "GPL-3.0-only", p_ = "CoManD-UI", f_ = "module", g_ = {
18513
18512
  prepublishOnly: "npm run build-lib",
18514
18513
  dev: "vite",
18515
18514
  build: "vite build",
18516
18515
  "build-lib": "vite build && gulp",
18517
18516
  preview: "vite preview"
18518
- }, y1 = [
18517
+ }, y_ = [
18519
18518
  "dist",
18520
18519
  "src"
18521
- ], b1 = {
18520
+ ], b_ = {
18522
18521
  ".": "./dist/comand-component-library.js",
18523
18522
  "./css.js": "./src/css.js",
18524
18523
  "./style.css": "./dist/style.css",
18525
18524
  "./variables.scss": "./src/assets/styles/variables.scss",
18526
18525
  "./export-data.js": "./src/assets/data/export-data.js"
18527
- }, x1 = {
18526
+ }, x_ = {
18528
18527
  "clickout-event": "^1.1.2",
18529
18528
  "comand-frontend-framework": "^4.1.11",
18530
18529
  "comand-ui-iconfonts": "^1.0.14",
@@ -18533,7 +18532,7 @@ const bo = /* @__PURE__ */ V(e1, [["render", c1]]), u1 = "comand-component-libra
18533
18532
  vue: "^3.2.31",
18534
18533
  "vue-router": "^4.0.12",
18535
18534
  vuex: "^4.0.2"
18536
- }, _1 = {
18535
+ }, __ = {
18537
18536
  "@iconify/vue": "^4.0.0",
18538
18537
  "@vitejs/plugin-vue": "^5.1.1",
18539
18538
  "@vue/test-utils": "^2.0.0-0",
@@ -18543,19 +18542,19 @@ const bo = /* @__PURE__ */ V(e1, [["render", c1]]), u1 = "comand-component-libra
18543
18542
  "unplugin-vue-components": "^0.24.0",
18544
18543
  vite: "^5.4.11",
18545
18544
  "vue-jest": "^5.0.0-0"
18546
- }, C1 = {
18547
- name: u1,
18548
- version: m1,
18549
- license: h1,
18550
- author: p1,
18545
+ }, C_ = {
18546
+ name: u_,
18547
+ version: m_,
18548
+ license: h_,
18549
+ author: p_,
18551
18550
  private: !1,
18552
- type: f1,
18553
- scripts: g1,
18554
- files: y1,
18555
- exports: b1,
18556
- dependencies: x1,
18557
- devDependencies: _1
18558
- }, w1 = {
18551
+ type: f_,
18552
+ scripts: g_,
18553
+ files: y_,
18554
+ exports: b_,
18555
+ dependencies: x_,
18556
+ devDependencies: __
18557
+ }, w_ = {
18559
18558
  data() {
18560
18559
  return {
18561
18560
  cmdAddressDataSettingsData: {
@@ -19420,9 +19419,9 @@ const bo = /* @__PURE__ */ V(e1, [["render", c1]]), u1 = "comand-component-libra
19420
19419
  }
19421
19420
  };
19422
19421
  }
19423
- }, xo = "/media/images/content-images/landscape-medium.jpg", k1 = "/media/images/demo-images/small/landscape-01.jpg", v1 = "/media/images/demo-images/small/landscape-02.jpg", T1 = "/media/images/demo-images/small/landscape-03.jpg", S1 = {
19422
+ }, xo = "/media/images/content-images/landscape-medium.jpg", k_ = "/media/images/demo-images/small/landscape-01.jpg", v_ = "/media/images/demo-images/small/landscape-02.jpg", T_ = "/media/images/demo-images/small/landscape-03.jpg", S_ = {
19424
19423
  name: "App",
19425
- mixins: [w1],
19424
+ mixins: [w_],
19426
19425
  components: {
19427
19426
  PageOverview: bo
19428
19427
  },
@@ -19586,7 +19585,7 @@ const bo = /* @__PURE__ */ V(e1, [["render", c1]]), u1 = "comand-component-libra
19586
19585
  tabsData: Rg,
19587
19586
  thumbnailScrollerImagesData: Ng,
19588
19587
  thumbnailScrollerTextData: Ug,
19589
- packageJson: C1
19588
+ packageJson: C_
19590
19589
  };
19591
19590
  },
19592
19591
  computed: {
@@ -19784,39 +19783,39 @@ const bo = /* @__PURE__ */ V(e1, [["render", c1]]), u1 = "comand-component-libra
19784
19783
  });
19785
19784
  }
19786
19785
  }
19787
- }, O1 = ["id"], L1 = /* @__PURE__ */ a("a", { id: "anchor-back-to-top" }, null, -1), I1 = { for: "select-template" }, B1 = /* @__PURE__ */ a("span", null, "Select template", -1), F1 = /* @__PURE__ */ a("option", { value: "blank" }, "Blank/Unstyled", -1), D1 = /* @__PURE__ */ a("option", { value: "business" }, "Business", -1), M1 = /* @__PURE__ */ a("option", { value: "casual" }, "Casual", -1), V1 = /* @__PURE__ */ a("option", { value: "dating" }, "Dating", -1), P1 = /* @__PURE__ */ a("option", { value: "influencer" }, "Influencer", -1), A1 = [
19788
- F1,
19789
- D1,
19790
- M1,
19791
- V1,
19792
- P1
19793
- ], E1 = /* @__PURE__ */ a("span", null, "Color Scheme", -1), H1 = { class: "input-wrapper" }, q1 = { for: "default-color-scheme" }, R1 = /* @__PURE__ */ a("span", { class: "label-text" }, "Color-Scheme by Browser/OS", -1), N1 = { for: "light-mode" }, U1 = /* @__PURE__ */ a("span", { class: "label-text" }, "Light Mode", -1), j1 = { for: "dark-mode" }, z1 = /* @__PURE__ */ a("span", { class: "label-text" }, "Dark Mode", -1), G1 = ["href", "onClick"], W1 = { class: "box-footer comand-versions" }, K1 = /* @__PURE__ */ a("dt", null, "Frontend-Framework Version:", -1), J1 = /* @__PURE__ */ a("dt", null, "Component-Library Version:", -1), Y1 = { class: "closed-sidebar" }, Z1 = /* @__PURE__ */ a("span", { class: "icon-settings-template" }, null, -1), Q1 = [
19794
- Z1
19795
- ], X1 = /* @__PURE__ */ a("span", { class: "icon-settings-component" }, null, -1), $1 = [
19796
- X1
19797
- ], e_ = /* @__PURE__ */ a("span", { class: "icon-file-settings" }, null, -1), t_ = [
19798
- e_
19799
- ], n_ = /* @__PURE__ */ a("span", null, "Hide sidebar", -1), i_ = [
19800
- n_
19801
- ], o_ = {
19786
+ }, O_ = ["id"], L_ = /* @__PURE__ */ a("a", { id: "anchor-back-to-top" }, null, -1), I_ = { for: "select-template" }, B_ = /* @__PURE__ */ a("span", null, "Select template", -1), F_ = /* @__PURE__ */ a("option", { value: "blank" }, "Blank/Unstyled", -1), D_ = /* @__PURE__ */ a("option", { value: "business" }, "Business", -1), M_ = /* @__PURE__ */ a("option", { value: "casual" }, "Casual", -1), V_ = /* @__PURE__ */ a("option", { value: "dating" }, "Dating", -1), P_ = /* @__PURE__ */ a("option", { value: "influencer" }, "Influencer", -1), A_ = [
19787
+ F_,
19788
+ D_,
19789
+ M_,
19790
+ V_,
19791
+ P_
19792
+ ], E_ = /* @__PURE__ */ a("span", null, "Color Scheme", -1), H_ = { class: "input-wrapper" }, q_ = { for: "default-color-scheme" }, R_ = /* @__PURE__ */ a("span", { class: "label-text" }, "Color-Scheme by Browser/OS", -1), N_ = { for: "light-mode" }, U_ = /* @__PURE__ */ a("span", { class: "label-text" }, "Light Mode", -1), j_ = { for: "dark-mode" }, z_ = /* @__PURE__ */ a("span", { class: "label-text" }, "Dark Mode", -1), G_ = ["href", "onClick"], W_ = { class: "box-footer comand-versions" }, K_ = /* @__PURE__ */ a("dt", null, "Frontend-Framework Version:", -1), J_ = /* @__PURE__ */ a("dt", null, "Component-Library Version:", -1), Y_ = { class: "closed-sidebar" }, Z_ = /* @__PURE__ */ a("span", { class: "icon-settings-template" }, null, -1), Q_ = [
19793
+ Z_
19794
+ ], X_ = /* @__PURE__ */ a("span", { class: "icon-settings-component" }, null, -1), $_ = [
19795
+ X_
19796
+ ], e1 = /* @__PURE__ */ a("span", { class: "icon-file-settings" }, null, -1), t1 = [
19797
+ e1
19798
+ ], n1 = /* @__PURE__ */ a("span", null, "Hide sidebar", -1), i1 = [
19799
+ n1
19800
+ ], o1 = {
19802
19801
  key: 1,
19803
19802
  id: "content"
19804
- }, l_ = /* @__PURE__ */ a("h1", { class: "headline-demopage" }, "Components Overview", -1), s_ = {
19803
+ }, l1 = /* @__PURE__ */ a("h1", { class: "headline-demopage" }, "Components Overview", -1), s1 = {
19805
19804
  class: "headline-demopage",
19806
19805
  id: "section-address-data"
19807
- }, a_ = /* @__PURE__ */ a("span", null, "Address Data", -1), r_ = { class: "flex-container" }, d_ = /* @__PURE__ */ a("h2", {
19806
+ }, a1 = /* @__PURE__ */ a("span", null, "Address Data", -1), r1 = { class: "flex-container" }, d1 = /* @__PURE__ */ a("h2", {
19808
19807
  class: "headline-demopage",
19809
19808
  id: "section-advanced-form-elements"
19810
- }, "Advanced Form Elements", -1), c_ = /* @__PURE__ */ a("h3", null, [
19809
+ }, "Advanced Form Elements", -1), c1 = /* @__PURE__ */ a("h3", null, [
19811
19810
  /* @__PURE__ */ a("span", null, "Form elements status:")
19812
- ], -1), u_ = { class: "flex-container" }, m_ = { class: "list-status" }, h_ = { class: "error" }, p_ = { class: "flex-container" }, f_ = /* @__PURE__ */ a("legend", null, "Legend", -1), g_ = { class: "headline-demopage" }, y_ = /* @__PURE__ */ a("span", null, "Form Element-Component", -1), b_ = { class: "flex-container" }, x_ = { class: "flex-container" }, __ = /* @__PURE__ */ a("h2", null, "Inputfields in Columns", -1), C_ = { class: "flex-container" }, w_ = /* @__PURE__ */ a("span", { innerHTML: "Label with <a href='#'>Link</a> given by slot" }, null, -1), k_ = { class: "flex-container" }, v_ = /* @__PURE__ */ a("hr", null, null, -1), T_ = { class: "headline-demopage" }, S_ = /* @__PURE__ */ a("span", null, "Fake Selects", -1), O_ = { class: "flex-container" }, L_ = /* @__PURE__ */ a("hr", null, null, -1), I_ = /* @__PURE__ */ a("h2", null, "Progress Bar [native]", -1), B_ = /* @__PURE__ */ a("h2", null, "Slider [native]", -1), F_ = /* @__PURE__ */ a("span", { class: "label-text" }, "Single-Slider (with in- and output):", -1), D_ = { class: "flex-container no-flex" }, M_ = {
19811
+ ], -1), u1 = { class: "flex-container" }, m1 = { class: "list-status" }, h1 = { class: "error" }, p1 = { class: "flex-container" }, f1 = /* @__PURE__ */ a("legend", null, "Legend", -1), g1 = { class: "headline-demopage" }, y1 = /* @__PURE__ */ a("span", null, "Form Element-Component", -1), b1 = { class: "flex-container" }, x1 = { class: "flex-container" }, _1 = /* @__PURE__ */ a("h2", null, "Inputfields in Columns", -1), C1 = { class: "flex-container" }, w1 = /* @__PURE__ */ a("span", { innerHTML: "Label with <a href='#'>Link</a> given by slot" }, null, -1), k1 = { class: "flex-container" }, v1 = /* @__PURE__ */ a("hr", null, null, -1), T1 = { class: "headline-demopage" }, S1 = /* @__PURE__ */ a("span", null, "Fake Selects", -1), O1 = { class: "flex-container" }, L1 = /* @__PURE__ */ a("hr", null, null, -1), I1 = /* @__PURE__ */ a("h2", null, "Progress Bar [native]", -1), B1 = /* @__PURE__ */ a("h2", null, "Slider [native]", -1), F1 = /* @__PURE__ */ a("span", { class: "label-text" }, "Single-Slider (with in- and output):", -1), D1 = { class: "flex-container no-flex" }, M1 = {
19813
19812
  class: "inline",
19814
19813
  for: "range-value"
19815
- }, V_ = /* @__PURE__ */ a("span", { class: "label-text" }, [
19814
+ }, V1 = /* @__PURE__ */ a("span", { class: "label-text" }, [
19816
19815
  /* @__PURE__ */ a("span", null, "Range Value:")
19817
- ], -1), P_ = ["disabled"], A_ = { for: "range-slider" }, E_ = /* @__PURE__ */ a("span", { class: "label-text hidden" }, [
19816
+ ], -1), P1 = ["disabled"], A1 = { for: "range-slider" }, E1 = /* @__PURE__ */ a("span", { class: "label-text hidden" }, [
19818
19817
  /* @__PURE__ */ a("span", null, "Range Value")
19819
- ], -1), H_ = ["disabled"], q_ = /* @__PURE__ */ a("hr", null, null, -1), R_ = /* @__PURE__ */ a("h2", null, "Toggle-Switches", -1), N_ = /* @__PURE__ */ a("h3", null, "Switches without switch-labels", -1), U_ = /* @__PURE__ */ a("h3", null, "Switches with switch-labels", -1), j_ = /* @__PURE__ */ a("br", null, null, -1), z_ = /* @__PURE__ */ a("br", null, null, -1), G_ = /* @__PURE__ */ a("h2", null, "Checkboxes and Radiobuttons", -1), W_ = /* @__PURE__ */ a("h3", null, "Checkboxes [native]", -1), K_ = { class: "label inline" }, J_ = /* @__PURE__ */ a("span", { class: "label-text" }, "Label for native checkboxes:", -1), Y_ = { class: "flex-container no-flex" }, Z_ = /* @__PURE__ */ a("a", { href: "#" }, "link", -1), Q_ = /* @__PURE__ */ a("h3", null, "Checkboxes (replaced)", -1), X_ = { class: "label inline" }, $_ = /* @__PURE__ */ a("span", { class: "label-text" }, "Label for Replaced Input-Type-Checkbox:", -1), eC = { class: "flex-container no-flex" }, tC = /* @__PURE__ */ a("h3", null, "Radiobuttons [native]", -1), nC = { class: "label inline" }, iC = /* @__PURE__ */ a("span", { class: "label-text" }, "Label for native radiobuttons:", -1), oC = { class: "flex-container no-flex" }, lC = /* @__PURE__ */ a("h3", null, "Radiobuttons (replaced)", -1), sC = { class: "label inline" }, aC = /* @__PURE__ */ a("span", { class: "label-text" }, "Label for Replaced Input-Type-Radio:", -1), rC = { class: "flex-container no-flex" }, dC = {
19818
+ ], -1), H1 = ["disabled"], q1 = /* @__PURE__ */ a("hr", null, null, -1), R1 = /* @__PURE__ */ a("h2", null, "Toggle-Switches", -1), N1 = /* @__PURE__ */ a("h3", null, "Switches without switch-labels", -1), U1 = /* @__PURE__ */ a("h3", null, "Switches with switch-labels", -1), j1 = /* @__PURE__ */ a("br", null, null, -1), z1 = /* @__PURE__ */ a("br", null, null, -1), G1 = /* @__PURE__ */ a("h2", null, "Checkboxes and Radiobuttons", -1), W1 = /* @__PURE__ */ a("h3", null, "Checkboxes [native]", -1), K1 = { class: "label inline" }, J1 = /* @__PURE__ */ a("span", { class: "label-text" }, "Label for native checkboxes:", -1), Y1 = { class: "flex-container no-flex" }, Z1 = /* @__PURE__ */ a("a", { href: "#" }, "link", -1), Q1 = /* @__PURE__ */ a("h3", null, "Checkboxes (replaced)", -1), X1 = { class: "label inline" }, $1 = /* @__PURE__ */ a("span", { class: "label-text" }, "Label for Replaced Input-Type-Checkbox:", -1), eC = { class: "flex-container no-flex" }, tC = /* @__PURE__ */ a("h3", null, "Radiobuttons [native]", -1), nC = { class: "label inline" }, iC = /* @__PURE__ */ a("span", { class: "label-text" }, "Label for native radiobuttons:", -1), oC = { class: "flex-container no-flex" }, lC = /* @__PURE__ */ a("h3", null, "Radiobuttons (replaced)", -1), sC = { class: "label inline" }, aC = /* @__PURE__ */ a("span", { class: "label-text" }, "Label for Replaced Input-Type-Radio:", -1), rC = { class: "flex-container no-flex" }, dC = {
19820
19819
  class: "headline-demopage",
19821
19820
  id: "section-input-group"
19822
19821
  }, cC = /* @__PURE__ */ a("dt", null, "Selected value:", -1), uC = /* @__PURE__ */ a("h3", null, "Input Groups with Checkboxes/Radiobuttons (toggle-switches)", -1), mC = /* @__PURE__ */ a("dt", null, "Selected value(s):", -1), hC = /* @__PURE__ */ a("dt", null, "Selected value(s):", -1), pC = /* @__PURE__ */ a("dt", null, "Selected value(s):", -1), fC = /* @__PURE__ */ a("dt", null, "Selected value(s):", -1), gC = { class: "flex-container" }, yC = /* @__PURE__ */ a("small", null, "(values will not be submitted with the form!)", -1), bC = { class: "button-wrapper no-flex" }, xC = ["disabled"], _C = /* @__PURE__ */ a("span", { class: "icon-check" }, null, -1), CC = /* @__PURE__ */ a("span", null, "Native submit-button", -1), wC = [
@@ -19864,17 +19863,17 @@ const bo = /* @__PURE__ */ V(e1, [["render", c1]]), u1 = "comand-component-libra
19864
19863
  class: "headline-demopage",
19865
19864
  id: "section-fancybox"
19866
19865
  }, "Fancybox", -1), kw = /* @__PURE__ */ a("h3", null, "FancyBox with text", -1), vw = /* @__PURE__ */ a("h3", null, "FancyBox with large image given by url", -1), Tw = /* @__PURE__ */ a("img", {
19867
- src: k1,
19866
+ src: k_,
19868
19867
  alt: "Alternative text"
19869
19868
  }, null, -1), Sw = [
19870
19869
  Tw
19871
19870
  ], Ow = /* @__PURE__ */ a("h3", null, "FancyBox with large image given by property", -1), Lw = /* @__PURE__ */ a("img", {
19872
- src: v1,
19871
+ src: v_,
19873
19872
  alt: "Alternative text"
19874
19873
  }, null, -1), Iw = [
19875
19874
  Lw
19876
19875
  ], Bw = /* @__PURE__ */ a("h3", null, "FancyBox with image as object give by property", -1), Fw = /* @__PURE__ */ a("img", {
19877
- src: T1,
19876
+ src: T_,
19878
19877
  alt: "Alternative text"
19879
19878
  }, null, -1), Dw = [
19880
19879
  Fw
@@ -19999,7 +19998,7 @@ function mv(e, n, t, s, i, o) {
19999
19998
  class: "page-wrapper",
20000
19999
  id: o.templateId
20001
20000
  }, [
20002
- L1,
20001
+ L_,
20003
20002
  i.showLeftSidebar ? (l(), w(u, {
20004
20003
  key: 0,
20005
20004
  cmdHeadline: { headlineText: "Site Settings", headlineLevel: 3, textAlign: "center" },
@@ -20023,19 +20022,19 @@ function mv(e, n, t, s, i, o) {
20023
20022
  onToggleCollapse: (z) => x.boxToggled(0, z)
20024
20023
  }, {
20025
20024
  body: k(() => [
20026
- a("label", I1, [
20027
- B1,
20025
+ a("label", I_, [
20026
+ B_,
20028
20027
  X(a("select", {
20029
20028
  id: "select-template",
20030
20029
  "onUpdate:modelValue": n[0] || (n[0] = (z) => i.selectedTemplate = z)
20031
- }, A1, 512), [
20030
+ }, A_, 512), [
20032
20031
  [Po, i.selectedTemplate]
20033
20032
  ])
20034
20033
  ]),
20035
20034
  a("div", null, [
20036
- E1,
20037
- a("div", H1, [
20038
- a("label", q1, [
20035
+ E_,
20036
+ a("div", H_, [
20037
+ a("label", q_, [
20039
20038
  X(a("input", {
20040
20039
  type: "radio",
20041
20040
  id: "default-color-scheme",
@@ -20045,9 +20044,9 @@ function mv(e, n, t, s, i, o) {
20045
20044
  }, null, 512), [
20046
20045
  [Dt, i.colorScheme]
20047
20046
  ]),
20048
- R1
20047
+ R_
20049
20048
  ]),
20050
- a("label", N1, [
20049
+ a("label", N_, [
20051
20050
  X(a("input", {
20052
20051
  type: "radio",
20053
20052
  id: "light-mode",
@@ -20057,9 +20056,9 @@ function mv(e, n, t, s, i, o) {
20057
20056
  }, null, 512), [
20058
20057
  [Dt, i.colorScheme]
20059
20058
  ]),
20060
- U1
20059
+ U_
20061
20060
  ]),
20062
- a("label", j1, [
20061
+ a("label", j_, [
20063
20062
  X(a("input", {
20064
20063
  type: "radio",
20065
20064
  id: "dark-mode",
@@ -20069,7 +20068,7 @@ function mv(e, n, t, s, i, o) {
20069
20068
  }, null, 512), [
20070
20069
  [Dt, i.colorScheme]
20071
20070
  ]),
20072
- z1
20071
+ z_
20073
20072
  ])
20074
20073
  ])
20075
20074
  ])
@@ -20094,7 +20093,7 @@ function mv(e, n, t, s, i, o) {
20094
20093
  href: o.sectionName(z),
20095
20094
  onClick: (yv) => o.updateSettingsSidebar(o.componentNameWithPrefix(z)),
20096
20095
  title: "Go to component"
20097
- }, y(o.readableComponentName(z)), 9, G1)
20096
+ }, y(o.readableComponentName(z)), 9, G_)
20098
20097
  ], 2))), 128))
20099
20098
  ])
20100
20099
  ]),
@@ -20156,37 +20155,37 @@ function mv(e, n, t, s, i, o) {
20156
20155
  ]),
20157
20156
  _: 1
20158
20157
  }, 8, ["openBoxesByDefault"]),
20159
- a("dl", W1, [
20160
- K1,
20158
+ a("dl", W_, [
20159
+ K_,
20161
20160
  a("dd", null, y(i.packageJson.dependencies["comand-frontend-framework"].replace("^", "")), 1),
20162
- J1,
20161
+ J_,
20163
20162
  a("dd", null, y(i.packageJson.version), 1)
20164
20163
  ])
20165
20164
  ]),
20166
20165
  closed: k(() => [
20167
- a("div", Y1, [
20166
+ a("div", Y_, [
20168
20167
  a("a", {
20169
20168
  href: "#",
20170
20169
  class: "button primary",
20171
20170
  title: "Open Template Selection",
20172
20171
  onClick: n[9] || (n[9] = T((x) => o.openBox(0), ["prevent"]))
20173
- }, Q1),
20172
+ }, Q_),
20174
20173
  a("a", {
20175
20174
  href: "#",
20176
20175
  class: "button primary",
20177
20176
  title: "Open Components Overview",
20178
20177
  onClick: n[10] || (n[10] = T((x) => o.openBox(1), ["prevent"]))
20179
- }, $1),
20178
+ }, $_),
20180
20179
  a("a", {
20181
20180
  href: "#",
20182
20181
  class: "button primary",
20183
20182
  title: "Open Page-Templates",
20184
20183
  onClick: n[11] || (n[11] = T((x) => o.openBox(2), ["prevent"]))
20185
- }, t_),
20184
+ }, t1),
20186
20185
  a("a", {
20187
20186
  href: "#",
20188
20187
  onClick: n[12] || (n[12] = T((x) => i.showLeftSidebar = !1, ["prevent"]))
20189
- }, i_)
20188
+ }, i1)
20190
20189
  ])
20191
20190
  ]),
20192
20191
  _: 1
@@ -20204,17 +20203,17 @@ function mv(e, n, t, s, i, o) {
20204
20203
  ]),
20205
20204
  _: 1
20206
20205
  }),
20207
- i.componentView ? (l(), r("main", o_, [
20206
+ i.componentView ? (l(), r("main", o1, [
20208
20207
  h(C, null, {
20209
20208
  default: k(() => [
20210
- l_
20209
+ l1
20211
20210
  ]),
20212
20211
  _: 1
20213
20212
  }),
20214
20213
  h(C, null, {
20215
20214
  default: k(() => [
20216
- a("h2", s_, [
20217
- a_,
20215
+ a("h2", s1, [
20216
+ a1,
20218
20217
  a("a", {
20219
20218
  href: "#",
20220
20219
  class: "button small icon-cog",
@@ -20222,7 +20221,7 @@ function mv(e, n, t, s, i, o) {
20222
20221
  onClick: n[13] || (n[13] = T((x) => o.openSettingsSidebar("CmdAddressData"), ["prevent"]))
20223
20222
  })
20224
20223
  ]),
20225
- a("div", r_, [
20224
+ a("div", r1, [
20226
20225
  h(b, I({
20227
20226
  ref: "CmdAddressData",
20228
20227
  addressData: i.addressData
@@ -20233,10 +20232,10 @@ function mv(e, n, t, s, i, o) {
20233
20232
  }),
20234
20233
  h(C, null, {
20235
20234
  default: k(() => [
20236
- d_,
20237
- c_,
20238
- a("div", u_, [
20239
- a("ul", m_, [
20235
+ d1,
20236
+ c1,
20237
+ a("div", u1, [
20238
+ a("ul", m1, [
20240
20239
  a("li", null, [
20241
20240
  a("a", {
20242
20241
  href: "#",
@@ -20245,7 +20244,7 @@ function mv(e, n, t, s, i, o) {
20245
20244
  id: "status-default"
20246
20245
  }, " Default ", 2)
20247
20246
  ]),
20248
- a("li", h_, [
20247
+ a("li", h1, [
20249
20248
  a("a", {
20250
20249
  href: "#",
20251
20250
  onClick: n[15] || (n[15] = T((x) => o.setStatus("error", !1), ["prevent"])),
@@ -20298,10 +20297,10 @@ function mv(e, n, t, s, i, o) {
20298
20297
  novalidate: "novalidate"
20299
20298
  }, {
20300
20299
  default: k(() => [
20301
- a("fieldset", p_, [
20302
- f_,
20303
- a("h2", g_, [
20304
- y_,
20300
+ a("fieldset", p1, [
20301
+ f1,
20302
+ a("h2", g1, [
20303
+ y1,
20305
20304
  a("a", {
20306
20305
  href: "#",
20307
20306
  class: "button small icon-cog",
@@ -20313,7 +20312,7 @@ function mv(e, n, t, s, i, o) {
20313
20312
  status: i.validationStatus,
20314
20313
  disabled: i.disabledStatus
20315
20314
  }), null, 16, ["status", "disabled"]),
20316
- a("div", b_, [
20315
+ a("div", b1, [
20317
20316
  h(v, {
20318
20317
  labelText: "Input for datalist:",
20319
20318
  element: "input",
@@ -20325,7 +20324,7 @@ function mv(e, n, t, s, i, o) {
20325
20324
  tooltipText: "This is a tooltip"
20326
20325
  }, null, 8, ["status", "disabled", "datalist"])
20327
20326
  ]),
20328
- a("div", x_, [
20327
+ a("div", x1, [
20329
20328
  h(v, I({
20330
20329
  labelText: "Input (type search (without search-button)):",
20331
20330
  element: "input",
@@ -20347,8 +20346,8 @@ function mv(e, n, t, s, i, o) {
20347
20346
  tooltipText: "This is a tooltip"
20348
20347
  }, { useCustomTooltip: !1 }), null, 16, ["status", "disabled"])
20349
20348
  ]),
20350
- __,
20351
- a("div", C_, [
20349
+ _1,
20350
+ a("div", C1, [
20352
20351
  h(v, {
20353
20352
  element: "input",
20354
20353
  type: "text",
@@ -20362,7 +20361,7 @@ function mv(e, n, t, s, i, o) {
20362
20361
  disabled: i.disabledStatus
20363
20362
  }, {
20364
20363
  labeltext: k(() => [
20365
- w_
20364
+ w1
20366
20365
  ]),
20367
20366
  _: 1
20368
20367
  }, 8, ["modelValue", "status", "disabled"]),
@@ -20394,7 +20393,7 @@ function mv(e, n, t, s, i, o) {
20394
20393
  disabled: i.disabledStatus
20395
20394
  }, null, 8, ["modelValue", "status", "disabled"])
20396
20395
  ]),
20397
- a("div", k_, [
20396
+ a("div", k1, [
20398
20397
  h(v, {
20399
20398
  labelText: "Label for emailfield (with icon):",
20400
20399
  element: "input",
@@ -20505,9 +20504,9 @@ function mv(e, n, t, s, i, o) {
20505
20504
  status: i.validationStatus,
20506
20505
  disabled: i.disabledStatus
20507
20506
  }, null, 8, ["modelValue", "status", "disabled"]),
20508
- v_,
20509
- a("h3", T_, [
20510
- S_,
20507
+ v1,
20508
+ a("h3", T1, [
20509
+ S1,
20511
20510
  a("a", {
20512
20511
  href: "#",
20513
20512
  class: "button small icon-cog",
@@ -20515,7 +20514,7 @@ function mv(e, n, t, s, i, o) {
20515
20514
  onClick: n[33] || (n[33] = T((x) => o.openSettingsSidebar("CmdFakeSelect"), ["prevent"]))
20516
20515
  })
20517
20516
  ]),
20518
- a("div", O_, [
20517
+ a("div", O1, [
20519
20518
  h(B, I({ ref: "CmdFakeSelect" }, e.cmdFakeSelectSettingsData, {
20520
20519
  selectData: i.fakeSelectOptionsData,
20521
20520
  modelValue: i.fakeSelectDefault,
@@ -20567,21 +20566,21 @@ function mv(e, n, t, s, i, o) {
20567
20566
  type: "color"
20568
20567
  }, null, 8, ["status", "disabled", "selectData", "modelValue"])
20569
20568
  ]),
20570
- L_,
20571
- I_,
20569
+ L1,
20570
+ I1,
20572
20571
  h(F, {
20573
20572
  labelText: "Progress Bar (with optional output):",
20574
20573
  id: "progress-bar2",
20575
20574
  max: "100"
20576
20575
  }),
20577
- B_,
20576
+ B1,
20578
20577
  a("div", {
20579
20578
  class: _(["label", i.validationStatus])
20580
20579
  }, [
20581
- F_,
20582
- a("span", D_, [
20583
- a("label", M_, [
20584
- V_,
20580
+ F1,
20581
+ a("span", D1, [
20582
+ a("label", M1, [
20583
+ V1,
20585
20584
  X(a("input", {
20586
20585
  type: "number",
20587
20586
  class: _(i.validationStatus),
@@ -20590,12 +20589,12 @@ function mv(e, n, t, s, i, o) {
20590
20589
  min: "0",
20591
20590
  max: "100",
20592
20591
  id: "range-value"
20593
- }, null, 10, P_), [
20592
+ }, null, 10, P1), [
20594
20593
  [Nt, i.rangeValue]
20595
20594
  ])
20596
20595
  ]),
20597
- a("label", A_, [
20598
- E_,
20596
+ a("label", A1, [
20597
+ E1,
20599
20598
  X(a("input", {
20600
20599
  type: "range",
20601
20600
  class: "range-slider",
@@ -20604,15 +20603,15 @@ function mv(e, n, t, s, i, o) {
20604
20603
  disabled: i.disabledStatus,
20605
20604
  min: "0",
20606
20605
  max: "100"
20607
- }, null, 8, H_), [
20606
+ }, null, 8, H1), [
20608
20607
  [Nt, i.rangeValue]
20609
20608
  ])
20610
20609
  ])
20611
20610
  ])
20612
20611
  ], 2),
20613
- q_,
20614
- R_,
20615
- N_,
20612
+ q1,
20613
+ R1,
20614
+ N1,
20616
20615
  h(v, {
20617
20616
  element: "input",
20618
20617
  type: "checkbox",
@@ -20637,7 +20636,7 @@ function mv(e, n, t, s, i, o) {
20637
20636
  status: i.validationStatus,
20638
20637
  disabled: i.disabledStatus
20639
20638
  }, null, 8, ["modelValue", "status", "disabled"]),
20640
- U_,
20639
+ U1,
20641
20640
  h(v, {
20642
20641
  element: "input",
20643
20642
  type: "checkbox",
@@ -20712,16 +20711,16 @@ function mv(e, n, t, s, i, o) {
20712
20711
  }, null, 8, ["modelValue", "status", "disabled"]),
20713
20712
  a("p", null, [
20714
20713
  E(" checkbox (required) with boolean: " + y(i.checkboxRequiredValue), 1),
20715
- j_,
20714
+ j1,
20716
20715
  E(" checkbox with boolean: " + y(i.checkboxValue), 1),
20717
- z_,
20716
+ z1,
20718
20717
  E(" checkboxes with values: " + y(i.checkboxValues), 1)
20719
20718
  ]),
20720
- G_,
20721
- W_,
20722
- a("div", K_, [
20723
- J_,
20724
- a("div", Y_, [
20719
+ G1,
20720
+ W1,
20721
+ a("div", K1, [
20722
+ J1,
20723
+ a("div", Y1, [
20725
20724
  h(v, {
20726
20725
  element: "input",
20727
20726
  labelText: "Label for checkbox with boolean",
@@ -20766,16 +20765,16 @@ function mv(e, n, t, s, i, o) {
20766
20765
  }, {
20767
20766
  labeltext: k(() => [
20768
20767
  E(" Labeltext with "),
20769
- Z_,
20768
+ Z1,
20770
20769
  E(" given by slot ")
20771
20770
  ]),
20772
20771
  _: 1
20773
20772
  }, 8, ["modelValue", "status", "disabled"])
20774
20773
  ])
20775
20774
  ]),
20776
- Q_,
20777
- a("div", X_, [
20778
- $_,
20775
+ Q1,
20776
+ a("div", X1, [
20777
+ $1,
20779
20778
  a("div", eC, [
20780
20779
  h(v, {
20781
20780
  element: "input",
@@ -22338,11 +22337,11 @@ function mv(e, n, t, s, i, o) {
22338
22337
  ]),
22339
22338
  _: 1
22340
22339
  }, 8, ["openSidebar", "onToggleSidebar"])) : m("", !0)
22341
- ], 8, O1)), [
22340
+ ], 8, O_)), [
22342
22341
  [Lo]
22343
22342
  ]);
22344
22343
  }
22345
- const _v = /* @__PURE__ */ V(S1, [["render", mv]]), Cv = {
22344
+ const _v = /* @__PURE__ */ V(S_, [["render", mv]]), Cv = {
22346
22345
  // el = real dom-element
22347
22346
  mounted(e) {
22348
22347
  if (e.tagName === "INPUT" || e.tagName === "SELECT" || e.tagName === "TEXTAREA" || e.tagName === "A")
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "comand-component-library",
3
- "version": "4.1.51",
3
+ "version": "4.1.53",
4
4
  "license": "GPL-3.0-only",
5
5
  "author": "CoManD-UI",
6
6
  "private": false,
@@ -497,17 +497,19 @@ export default {
497
497
  // prevent original levent form CmdForm (to avoid submit and reload)
498
498
  event.originalEvent.preventDefault()
499
499
 
500
- if(this.reCaptchaWebsiteKey) {
501
- grecaptcha.ready(function() {
502
- grecaptcha.execute(this.reCaptchaWebsiteKey, {action: 'submit'}).then(function(token) {
503
- this.submitForm(token)
504
- })
500
+ console.log("recaptcha available", window.grecaptcha)
501
+ if(this.reCaptchaWebsiteKey && window.grecaptcha) {
502
+ console.log("recaptcha")
503
+ grecaptcha.ready(() => {
504
+ console.log("recaptcha ready")
505
+ grecaptcha.execute(this.reCaptchaWebsiteKey, {action: "submit"}).then(token => this.submitForm(token)).catch(error => console.log("recaptcha error", error))
505
506
  })
506
507
  } else {
507
508
  this.submitForm()
508
509
  }
509
510
  },
510
511
  submitForm(token) {
512
+ console.log("submitForm", token);
511
513
  // custom submit of form-data
512
514
  const customSubmitFormData = new FormData()
513
515