comand-component-library 4.1.94 → 4.1.96

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 (13) hide show
  1. package/dist/comand-component-library.js +513 -482
  2. package/dist/style.css +1 -1
  3. package/package.json +1 -1
  4. package/src/ComponentLibrary.vue +2 -0
  5. package/src/assets/data/smart-search.json +6 -6
  6. package/src/componentSettingsDataAndControls.vue +9 -1
  7. package/src/components/CmdFormElement.vue +1 -1
  8. package/src/components/CmdInnerLink.vue +1 -1
  9. package/src/components/CmdLink.vue +5 -1
  10. package/src/components/CmdListOfLinksItem.vue +3 -3
  11. package/src/components/CmdSmartSearch.vue +35 -19
  12. package/src/components/CmdTabs.vue +4 -4
  13. package/src/utils/string.js +1 -1
package/dist/comand-component-library.js CHANGED
@@ -6331,7 +6331,7 @@ function Vd(e, t, n, s, i, l) {
6331
6331
  }, null, 10, Dd)) : m("", !0),
6332
6332
  (R = n.image) != null && R.src && (((Y = n.image) == null ? void 0 : Y.position) === "right" || ((Z = n.image) == null ? void 0 : Z.position) === "bottom" || !((Q = n.image) != null && Q.position)) ? (a(), r("img", {
6333
6333
  key: 4,
6334
- src: (oe = e.imag) == null ? void 0 : oe.src,
6334
+ src: (oe = e.img) == null ? void 0 : oe.src,
6335
6335
  alt: (ee = n.image) == null ? void 0 : ee.alt
6336
6336
  }, null, 8, Md)) : m("", !0),
6337
6337
  A(e.$slots, "default")
@@ -6416,6 +6416,10 @@ const Pd = /* @__PURE__ */ M(Ld, [["render", Vd]]), Ad = {
6416
6416
  fancybox: {
6417
6417
  type: Boolean,
6418
6418
  default: !1
6419
+ },
6420
+ image: {
6421
+ type: Object,
6422
+ required: !1
6419
6423
  }
6420
6424
  },
6421
6425
  methods: {
@@ -6437,13 +6441,14 @@ function qd(e, t, n, s, i, l) {
6437
6441
  }, [
6438
6442
  p(d, {
6439
6443
  text: n.text,
6440
- icon: n.icon
6444
+ icon: n.icon,
6445
+ image: n.image
6441
6446
  }, {
6442
6447
  default: k(() => [
6443
6448
  A(e.$slots, "default")
6444
6449
  ]),
6445
6450
  _: 3
6446
- }, 8, ["text", "icon"])
6451
+ }, 8, ["text", "icon", "image"])
6447
6452
  ], 10, Ed)) : n.linkType === "router" ? (a(), v(u, {
6448
6453
  key: 1,
6449
6454
  to: n.path,
@@ -6510,7 +6515,7 @@ const Re = /* @__PURE__ */ M(Ad, [["render", qd]]), Rd = {
6510
6515
  });
6511
6516
  },
6512
6517
  emitClick(e, t) {
6513
- this.$emit("click", { originalEvent: e, linkType: t });
6518
+ this.$emit("click", { originalEvent: e, link: t });
6514
6519
  }
6515
6520
  }
6516
6521
  }, jd = {
@@ -6545,7 +6550,7 @@ function zd(e, t, n, s, i, l) {
6545
6550
  styleAsButton: (F = n.link) == null ? void 0 : F.styleAsButton,
6546
6551
  primaryButton: (B = n.link) == null ? void 0 : B.primaryButton,
6547
6552
  styleAsBox: (D = n.link) == null ? void 0 : D.styleAsBox,
6548
- onClick: t[0] || (t[0] = (P) => l.emitClick(P, e.linkType))
6553
+ onClick: t[0] || (t[0] = (P) => l.emitClick(P, n.link))
6549
6554
  }, null, 8, ["linkType", "text", "path", "target", "icon", "fancybox", "tooltip", "styleAsButton", "primaryButton", "styleAsBox"]),
6550
6555
  (U = (V = n.link) == null ? void 0 : V.children) != null && U.length ? (a(), r("ul", Nd, [
6551
6556
  (a(!0), r(_, null, q((G = n.link) == null ? void 0 : G.children, (P, R) => (a(), v(u, {
@@ -15251,7 +15256,7 @@ const Rg = {
15251
15256
  name: "CmdTabs",
15252
15257
  data() {
15253
15258
  return {
15254
- showTab: this.activeTab
15259
+ showTab: this.defaultActiveTab
15255
15260
  };
15256
15261
  },
15257
15262
  emits: ["active-tab"],
@@ -15287,7 +15292,7 @@ const Rg = {
15287
15292
  /**
15288
15293
  * set default active/shown tab
15289
15294
  */
15290
- activeTab: {
15295
+ defaultActiveTab: {
15291
15296
  type: Number,
15292
15297
  default: 0
15293
15298
  },
@@ -15305,8 +15310,8 @@ const Rg = {
15305
15310
  }
15306
15311
  },
15307
15312
  watch: {
15308
- activeTab() {
15309
- this.showTab = this.activeTab;
15313
+ defaultActiveTab() {
15314
+ this.showTab = this.defaultActiveTab;
15310
15315
  }
15311
15316
  }
15312
15317
  }, jg = { class: "cmd-tabs" }, Ng = ["onClick", "title"], Ug = { key: 1 }, zg = {
@@ -18737,7 +18742,7 @@ const Sl = /* @__PURE__ */ M(_x, [["render", Ox]]), Lx = {
18737
18742
  };
18738
18743
  }
18739
18744
  };
18740
- function Cv(e = !1) {
18745
+ function xv(e = !1) {
18741
18746
  return e ? (/* @__PURE__ */ new Date()).toISOString() : (/* @__PURE__ */ new Date()).toISOString().split("T")[0];
18742
18747
  }
18743
18748
  function _l(e, t = "dmy", n = ".") {
@@ -19359,8 +19364,9 @@ const u1 = /* @__PURE__ */ M(s1, [["render", d1]]), c1 = {
19359
19364
  name: "CmdSmartSearch",
19360
19365
  data() {
19361
19366
  return {
19362
- showListOfRecommmendations: !1,
19363
- searchTerm: ""
19367
+ showListOfRecommendations: !1,
19368
+ searchTerm: "",
19369
+ item: {}
19364
19370
  };
19365
19371
  },
19366
19372
  props: {
@@ -19368,8 +19374,8 @@ const u1 = /* @__PURE__ */ M(s1, [["render", d1]]), c1 = {
19368
19374
  * set default v-model (must be named modelValue in Vue3)
19369
19375
  */
19370
19376
  modelValue: {
19371
- type: [String, Number],
19372
- default: ""
19377
+ type: Object,
19378
+ required: !1
19373
19379
  },
19374
19380
  /**
19375
19381
  * provide list for recommendations shown below search-field
@@ -19398,40 +19404,52 @@ const u1 = /* @__PURE__ */ M(s1, [["render", d1]]), c1 = {
19398
19404
  },
19399
19405
  methods: {
19400
19406
  showRecommendations() {
19401
- this.showListOfRecommmendations = !0;
19407
+ this.item = {}, this.$emit("update:modelValue", { itemId: "", displayValue: "" }), this.showListOfRecommendations = !0;
19402
19408
  },
19403
19409
  optionSelected(e) {
19404
- e.originalEvent.preventDefault(), this.showListOfRecommmendations = !1, console.log("event", e), this.searchTerm = e.target.value, this.$emit("update:modelValue", this.searchTerm);
19410
+ this.searchTerm = e.displayValue, this.showListOfRecommendations = !1, this.$emit("update:modelValue", { itemId: e.id, displayValue: e.displayValue });
19411
+ },
19412
+ linkItem(e) {
19413
+ return {
19414
+ ...e,
19415
+ text: e.displayValue
19416
+ };
19405
19417
  }
19406
19418
  },
19407
19419
  watch: {
19408
19420
  searchTerm() {
19409
- this.searchTerm.length ? this.showRecommendations() : this.showListOfRecommmendations = !1;
19421
+ this.searchTerm.length || (this.showListOfRecommendations = !1);
19410
19422
  }
19411
19423
  }
19412
- }, m1 = { class: "cmd-smart-search" }, p1 = {
19424
+ }, m1 = {
19413
19425
  key: 0,
19414
19426
  class: "list-of-recommendations no-list-items"
19415
19427
  };
19416
- function f1(e, t, n, s, i, l) {
19428
+ function p1(e, t, n, s, i, l) {
19417
19429
  const d = ie, u = Re;
19418
- return a(), r("div", m1, [
19430
+ return a(), r("div", {
19431
+ class: x(["cmd-smart-search", { open: i.showListOfRecommendations }])
19432
+ }, [
19419
19433
  p(d, I({
19420
19434
  element: "input",
19421
19435
  type: "search"
19422
19436
  }, l.cmdFormElementOptions, {
19423
19437
  modelValue: i.searchTerm,
19424
- "onUpdate:modelValue": t[0] || (t[0] = (c) => i.searchTerm = c),
19425
- onInput: l.showRecommendations
19426
- }), null, 16, ["modelValue", "onInput"]),
19427
- i.showListOfRecommmendations ? (a(), r("ul", p1, [
19438
+ "onUpdate:modelValue": [
19439
+ t[0] || (t[0] = (c) => i.searchTerm = c),
19440
+ l.showRecommendations
19441
+ ]
19442
+ }), null, 16, ["modelValue", "onUpdate:modelValue"]),
19443
+ i.showListOfRecommendations ? (a(), r("ul", m1, [
19428
19444
  (a(!0), r(_, null, q(n.listOfRecommendations, (c, h) => (a(), r("li", { key: h }, [
19429
- p(u, I({ ref_for: !0 }, c, { onClick: l.optionSelected }), null, 16, ["onClick"])
19445
+ p(u, I({ ref_for: !0 }, l.linkItem(c), {
19446
+ onClick: (f) => l.optionSelected(c)
19447
+ }), null, 16, ["onClick"])
19430
19448
  ]))), 128))
19431
19449
  ])) : m("", !0)
19432
- ]);
19450
+ ], 2);
19433
19451
  }
19434
- const h1 = /* @__PURE__ */ M(c1, [["render", f1]]), g1 = [
19452
+ const f1 = /* @__PURE__ */ M(c1, [["render", p1]]), h1 = [
19435
19453
  {
19436
19454
  id: 1,
19437
19455
  cmdImage: {
@@ -19454,7 +19472,7 @@ const h1 = /* @__PURE__ */ M(c1, [["render", f1]]), g1 = [
19454
19472
  isoDate: "2025-02-20",
19455
19473
  time: "21:08"
19456
19474
  }
19457
- ], y1 = [
19475
+ ], g1 = [
19458
19476
  {
19459
19477
  id: 3,
19460
19478
  cmdImage: {
@@ -19477,37 +19495,37 @@ const h1 = /* @__PURE__ */ M(c1, [["render", f1]]), g1 = [
19477
19495
  isoDate: "2025-02-21",
19478
19496
  time: "15:55"
19479
19497
  }
19480
- ], b1 = {
19481
- inbox: g1,
19482
- outbox: y1
19483
- }, x1 = [
19498
+ ], y1 = {
19499
+ inbox: h1,
19500
+ outbox: g1
19501
+ }, b1 = [
19484
19502
  {
19485
- linkType: "href",
19486
- text: "Option #1",
19503
+ id: 1,
19504
+ displayValue: "Option #1",
19487
19505
  icon: {
19488
19506
  iconClass: "icon-home"
19489
19507
  }
19490
19508
  },
19491
19509
  {
19492
- linkType: "href",
19493
- text: "Option #2",
19510
+ id: 2,
19511
+ displayValue: "Option #2",
19494
19512
  icon: {
19495
19513
  iconClass: "icon-company"
19496
19514
  }
19497
19515
  },
19498
19516
  {
19499
- linkType: "href",
19500
- text: "Option #3",
19517
+ id: 3,
19518
+ displayValue: "Option #3",
19501
19519
  icon: {
19502
19520
  iconClass: "icon-globe"
19503
19521
  }
19504
19522
  }
19505
- ], C1 = {
19523
+ ], x1 = {
19506
19524
  labelText: "Label for inputfield (search) with smart-search:"
19507
- }, v1 = {
19508
- listOfRecommendations: x1,
19509
- cmdFormElement: C1
19510
- }, w1 = [
19525
+ }, C1 = {
19526
+ listOfRecommendations: b1,
19527
+ cmdFormElement: x1
19528
+ }, v1 = [
19511
19529
  {
19512
19530
  text: "Afghanistan",
19513
19531
  value: "af"
@@ -20288,23 +20306,23 @@ const h1 = /* @__PURE__ */ M(c1, [["render", f1]]), g1 = [
20288
20306
  text: "Zimbabwe",
20289
20307
  value: "zw"
20290
20308
  }
20291
- ], k1 = "comand-component-library", T1 = "4.1.94", S1 = "GPL-3.0-only", _1 = "CoManD-UI", O1 = "module", L1 = {
20309
+ ], w1 = "comand-component-library", k1 = "4.1.96", T1 = "GPL-3.0-only", S1 = "CoManD-UI", _1 = "module", O1 = {
20292
20310
  prepublishOnly: "npm run build-lib",
20293
20311
  dev: "vite",
20294
20312
  build: "vite build",
20295
20313
  "build-lib": "vite build && gulp",
20296
20314
  preview: "vite preview"
20297
- }, I1 = [
20315
+ }, L1 = [
20298
20316
  "dist",
20299
20317
  "src"
20300
- ], B1 = {
20318
+ ], I1 = {
20301
20319
  ".": "./dist/comand-component-library.js",
20302
20320
  "./css.js": "./src/css.js",
20303
20321
  "./style.css": "./dist/style.css",
20304
20322
  "./export-data.js": "./src/assets/data/export-data.js",
20305
20323
  "./all-countries.json": "./src/assets/data/all-countries.json",
20306
20324
  "./all-currencies.json": "./src/assets/data/all-currencies.json"
20307
- }, F1 = {
20325
+ }, B1 = {
20308
20326
  "clickout-event": "^1.1.2",
20309
20327
  "comand-frontend-framework": "^4.1.35",
20310
20328
  "comand-ui-iconfonts": "^1.0.19",
@@ -20313,7 +20331,7 @@ const h1 = /* @__PURE__ */ M(c1, [["render", f1]]), g1 = [
20313
20331
  vue: "^3.2.31",
20314
20332
  "vue-router": "^4.0.12",
20315
20333
  vuex: "^4.0.2"
20316
- }, D1 = {
20334
+ }, F1 = {
20317
20335
  "@iconify/vue": "^4.0.0",
20318
20336
  "@vitejs/plugin-vue": "^5.1.1",
20319
20337
  "@vue/test-utils": "^2.0.0-0",
@@ -20323,19 +20341,19 @@ const h1 = /* @__PURE__ */ M(c1, [["render", f1]]), g1 = [
20323
20341
  "unplugin-vue-components": "^0.24.0",
20324
20342
  vite: "^5.4.11",
20325
20343
  "vue-jest": "^5.0.0-0"
20326
- }, M1 = {
20327
- name: k1,
20328
- version: T1,
20329
- license: S1,
20330
- author: _1,
20344
+ }, D1 = {
20345
+ name: w1,
20346
+ version: k1,
20347
+ license: T1,
20348
+ author: S1,
20331
20349
  private: !1,
20332
- type: O1,
20333
- scripts: L1,
20334
- files: I1,
20335
- exports: B1,
20336
- dependencies: F1,
20337
- devDependencies: D1
20338
- }, V1 = {
20350
+ type: _1,
20351
+ scripts: O1,
20352
+ files: L1,
20353
+ exports: I1,
20354
+ dependencies: B1,
20355
+ devDependencies: F1
20356
+ }, M1 = {
20339
20357
  data() {
20340
20358
  return {
20341
20359
  cmdAddressDataSettingsData: {
@@ -20842,6 +20860,10 @@ const h1 = /* @__PURE__ */ M(c1, [["render", f1]]), g1 = [
20842
20860
  },
20843
20861
  cmdNewsletterSubscriptionSettingsData: {
20844
20862
  buttonType: "submit",
20863
+ legend: {
20864
+ show: !0,
20865
+ text: "Stay up-to-date"
20866
+ },
20845
20867
  cmdInputGroup: {
20846
20868
  inputElements: [
20847
20869
  {
@@ -20944,7 +20966,11 @@ const h1 = /* @__PURE__ */ M(c1, [["render", f1]]), g1 = [
20944
20966
  ]
20945
20967
  },
20946
20968
  cmdSiteSearchSettingsData: {
20947
- useFilters: !0
20969
+ useFilters: !0,
20970
+ legend: {
20971
+ show: !0,
20972
+ text: "Search"
20973
+ }
20948
20974
  },
20949
20975
  cmdSlideshowSettingsData: {
20950
20976
  useSlot: !1,
@@ -21207,9 +21233,9 @@ const h1 = /* @__PURE__ */ M(c1, [["render", f1]]), g1 = [
21207
21233
  }
21208
21234
  };
21209
21235
  }
21210
- }, fi = "/media/images/content-images/landscape-medium.jpg", P1 = "/media/images/demo-images/small/landscape-01.jpg", A1 = "/media/images/demo-images/small/landscape-02.jpg", E1 = "/media/images/demo-images/small/landscape-03.jpg", H1 = {
21236
+ }, fi = "/media/images/content-images/landscape-medium.jpg", V1 = "/media/images/demo-images/small/landscape-01.jpg", P1 = "/media/images/demo-images/small/landscape-02.jpg", A1 = "/media/images/demo-images/small/landscape-03.jpg", E1 = {
21211
21237
  name: "App",
21212
- mixins: [V1],
21238
+ mixins: [M1],
21213
21239
  components: {
21214
21240
  PageOverview: Sl
21215
21241
  },
@@ -21221,6 +21247,7 @@ const h1 = /* @__PURE__ */ M(c1, [["render", f1]]), g1 = [
21221
21247
  },
21222
21248
  data() {
21223
21249
  return {
21250
+ smartSearch: {},
21224
21251
  selectedLanguage: "none",
21225
21252
  fancyBoxCookieDisclaimer: !1,
21226
21253
  componentNameForContainer: "CmdHeadline",
@@ -21370,20 +21397,20 @@ const h1 = /* @__PURE__ */ M(c1, [["render", f1]]), g1 = [
21370
21397
  languagesData: $i,
21371
21398
  listOfLinksData: Nh,
21372
21399
  multistepsData: Zh,
21373
- mailToolData: b1,
21400
+ mailToolData: y1,
21374
21401
  navigationData: Xi,
21375
21402
  openingHoursData: Qh,
21376
21403
  selectOptionsData: Xh,
21377
21404
  slideshowData: $h,
21378
- smartSearchData: v1,
21405
+ smartSearchData: C1,
21379
21406
  socialNetworksData: ng,
21380
21407
  tableDataSmall: fg,
21381
21408
  tableDataLarge: dg,
21382
21409
  tabsData: hg,
21383
21410
  thumbnailScrollerImagesData: gg,
21384
21411
  thumbnailScrollerTextData: yg,
21385
- allCountriesData: w1,
21386
- packageJson: M1
21412
+ allCountriesData: v1,
21413
+ packageJson: D1
21387
21414
  };
21388
21415
  },
21389
21416
  mounted() {
@@ -21588,125 +21615,125 @@ const h1 = /* @__PURE__ */ M(c1, [["render", f1]]), g1 = [
21588
21615
  });
21589
21616
  }
21590
21617
  }
21591
- }, q1 = ["id"], R1 = { for: "select-template" }, j1 = { class: "input-wrapper" }, N1 = { for: "default-color-scheme" }, U1 = { for: "light-mode" }, z1 = { for: "dark-mode" }, G1 = ["href", "onClick"], W1 = { class: "box-footer comand-versions" }, K1 = { class: "closed-sidebar" }, Y1 = {
21618
+ }, H1 = ["id"], q1 = { for: "select-template" }, R1 = { class: "input-wrapper" }, j1 = { for: "default-color-scheme" }, N1 = { for: "light-mode" }, U1 = { for: "dark-mode" }, z1 = ["href", "onClick"], G1 = { class: "box-footer comand-versions" }, W1 = { class: "closed-sidebar" }, K1 = {
21592
21619
  key: 1,
21593
21620
  id: "content"
21594
- }, J1 = {
21621
+ }, Y1 = {
21595
21622
  class: "headline-demopage",
21596
21623
  id: "section-address-data"
21597
- }, Z1 = { class: "flex-container" }, Q1 = { class: "flex-container" }, X1 = { class: "list-status" }, $1 = { class: "error" }, eC = { class: "flex-container" }, tC = { class: "headline-demopage" }, nC = { class: "flex-container" }, iC = { class: "flex-container" }, lC = { class: "flex-container" }, oC = { class: "flex-container" }, aC = { class: "flex-container" }, sC = { class: "headline-demopage" }, rC = { class: "flex-container" }, dC = { class: "flex-container no-flex" }, uC = {
21624
+ }, J1 = { class: "flex-container" }, Z1 = { class: "flex-container" }, Q1 = { class: "list-status" }, X1 = { class: "error" }, $1 = { class: "flex-container" }, eC = { class: "headline-demopage" }, tC = { class: "flex-container" }, nC = { class: "flex-container" }, iC = { class: "flex-container" }, lC = { class: "flex-container" }, oC = { class: "flex-container" }, aC = { class: "headline-demopage" }, sC = { class: "flex-container" }, rC = { class: "flex-container no-flex" }, dC = {
21598
21625
  class: "inline",
21599
21626
  for: "range-value"
21600
- }, cC = ["disabled"], mC = { for: "range-slider" }, pC = ["disabled"], fC = { class: "label inline" }, hC = { class: "flex-container no-flex" }, gC = { class: "label inline" }, yC = { class: "flex-container no-flex" }, bC = { class: "label inline" }, xC = { class: "flex-container no-flex" }, CC = { class: "label inline" }, vC = { class: "flex-container no-flex" }, wC = {
21627
+ }, uC = ["disabled"], cC = { for: "range-slider" }, mC = ["disabled"], pC = { class: "label inline" }, fC = { class: "flex-container no-flex" }, hC = { class: "label inline" }, gC = { class: "flex-container no-flex" }, yC = { class: "label inline" }, bC = { class: "flex-container no-flex" }, xC = { class: "label inline" }, CC = { class: "flex-container no-flex" }, vC = {
21601
21628
  class: "headline-demopage",
21602
21629
  id: "section-input-group"
21603
- }, kC = { class: "flex-container" }, TC = { class: "button-wrapper no-flex" }, SC = ["disabled"], _C = {
21630
+ }, wC = { class: "flex-container" }, kC = { class: "button-wrapper no-flex" }, TC = ["disabled"], SC = {
21604
21631
  class: "headline-demopage",
21605
21632
  id: "section-bank-account-data"
21606
- }, OC = {
21633
+ }, _C = {
21607
21634
  class: "headline-demopage",
21608
21635
  id: "section-basic-form"
21609
- }, LC = { class: "headline-demopage" }, IC = { class: "navigation" }, BC = { class: "grid-container-create-columns" }, FC = {
21636
+ }, OC = { class: "headline-demopage" }, LC = { class: "navigation" }, IC = { class: "grid-container-create-columns" }, BC = {
21610
21637
  class: "headline-demopage",
21611
21638
  id: "section-breadcrumbs"
21612
- }, DC = {
21639
+ }, FC = {
21613
21640
  class: "headline-demopage",
21614
21641
  id: "section-company-logo"
21615
- }, MC = {
21642
+ }, DC = {
21616
21643
  class: "headline-demopage",
21617
21644
  id: "section-container"
21618
- }, VC = {
21645
+ }, MC = {
21619
21646
  class: "headline-demopage",
21620
21647
  id: "section-headlines"
21621
- }, PC = {
21648
+ }, VC = {
21622
21649
  class: "headline-demopage",
21623
21650
  id: "section-image"
21624
- }, AC = { class: "flex-container" }, EC = {
21651
+ }, PC = { class: "flex-container" }, AC = {
21625
21652
  class: "headline-demopage",
21626
21653
  id: "section-image-gallery"
21627
- }, HC = {
21654
+ }, EC = {
21628
21655
  class: "headline-demopage",
21629
21656
  id: "section-link"
21630
- }, qC = { class: "output" }, RC = {
21657
+ }, HC = { class: "output" }, qC = {
21631
21658
  class: "headline-demopage",
21632
21659
  id: "section-list-of-links"
21633
- }, jC = { class: "output" }, NC = {
21660
+ }, RC = { class: "output" }, jC = {
21634
21661
  class: "headline-demopage",
21635
21662
  id: "section-list-of-images"
21636
- }, UC = {
21663
+ }, NC = {
21637
21664
  class: "headline-demopage",
21638
21665
  id: "section-login-form"
21639
- }, zC = {
21666
+ }, UC = {
21640
21667
  class: "headline-demopage",
21641
21668
  id: "section-main-navigation"
21642
- }, GC = {
21669
+ }, zC = {
21643
21670
  class: "headline-demopage",
21644
21671
  id: "section-multistep-form-progress-bar"
21645
- }, WC = {
21672
+ }, GC = {
21646
21673
  class: "headline-demopage",
21647
21674
  id: "section-newsletter-subscription"
21648
- }, KC = {
21675
+ }, WC = {
21649
21676
  class: "headline-demopage",
21650
21677
  id: "section-opening-hours"
21651
- }, YC = {
21678
+ }, KC = {
21652
21679
  class: "headline-demopage",
21653
21680
  id: "section-page-footer"
21654
- }, JC = {
21681
+ }, YC = {
21655
21682
  class: "headline-demopage",
21656
21683
  id: "section-page-header"
21657
- }, ZC = {
21684
+ }, JC = {
21658
21685
  class: "headline-demopage",
21659
21686
  id: "section-pagination"
21660
- }, QC = {
21687
+ }, ZC = {
21661
21688
  class: "headline-demopage",
21662
21689
  id: "section-site-header"
21663
- }, XC = {
21690
+ }, QC = {
21664
21691
  class: "headline-demopage",
21665
21692
  id: "section-site-search"
21666
- }, $C = {
21693
+ }, XC = {
21667
21694
  class: "headline-demopage",
21668
21695
  id: "section-slideshow"
21669
- }, ev = {
21696
+ }, $C = {
21670
21697
  class: "headline-demopage",
21671
21698
  id: "section-social-networks"
21672
- }, tv = {
21699
+ }, ev = {
21673
21700
  class: "headline-demopage",
21674
21701
  id: "section-system-message"
21675
- }, nv = {
21702
+ }, tv = {
21676
21703
  class: "headline-demopage",
21677
21704
  id: "section-tables"
21678
- }, iv = {
21705
+ }, nv = {
21679
21706
  class: "headline-demopage",
21680
21707
  id: "section-tabs"
21681
- }, lv = {
21708
+ }, iv = {
21682
21709
  class: "headline-demopage",
21683
21710
  id: "section-text-image-block"
21684
- }, ov = { class: "flex-container" }, av = {
21711
+ }, lv = { class: "flex-container" }, ov = {
21685
21712
  class: "headline-demopage",
21686
21713
  id: "section-thumbnail-scroller"
21687
- }, sv = { class: "inline-size" }, rv = {
21714
+ }, av = { class: "inline-size" }, sv = {
21688
21715
  class: "headline-demopage",
21689
21716
  id: "section-toggle-dark-mode"
21690
- }, dv = {
21717
+ }, rv = {
21691
21718
  class: "headline-demopage",
21692
21719
  id: "section-tooltip"
21693
- }, uv = {
21720
+ }, dv = {
21694
21721
  class: "headline-demopage",
21695
21722
  id: "section-upload-form"
21696
- }, cv = {
21723
+ }, uv = {
21697
21724
  class: "headline-demopage",
21698
21725
  id: "section-width-limitation-wrapper"
21699
- }, mv = {
21726
+ }, cv = {
21700
21727
  key: 2,
21701
21728
  id: "content"
21702
21729
  };
21703
- function pv(e, t, n, s, i, l) {
21704
- const d = wn, u = Ri, c = Vf, h = Cn, f = Ni, g = Nf, w = Tl, b = Pi, O = zi, T = ie, F = h1, B = Ui, D = Of, V = Yi, U = Ai, G = sr, P = fr, R = qi, Y = ji, Z = nc, Q = em, oe = Ki, ee = J, le = W, re = ge, me = ym, E = km, X = Re, te = u1, Ce = Wm, Le = a1, Ie = Ji, Be = we("router-view"), Fe = cp, De = gp, ke = Np, de = hf, at = Cf, st = ef, We = Hf, rt = Xf, dt = oh, ut = Zi, ct = Lg, K = Ne, In = qg, Ll = el, Vt = Qg, Il = Ei, Bl = ty, Pt = Mi, Fl = ox, Dl = Sl, Ml = _c, Vl = wc, Pl = xd, Al = mx, El = Ul("fancybox");
21730
+ function mv(e, t, n, s, i, l) {
21731
+ const d = wn, u = Ri, c = Vf, h = Cn, f = Ni, g = Nf, w = Tl, b = Pi, O = zi, T = ie, F = f1, B = Ui, D = Of, V = Yi, U = Ai, G = sr, P = fr, R = qi, Y = ji, Z = nc, Q = em, oe = Ki, ee = J, le = W, re = ge, me = ym, E = km, X = Re, te = u1, Ce = Wm, Le = a1, Ie = Ji, Be = we("router-view"), Fe = cp, De = gp, ke = Np, de = hf, at = Cf, st = ef, We = Hf, rt = Xf, dt = oh, ut = Zi, ct = Lg, K = Ne, In = qg, Ll = el, Vt = Qg, Il = Ei, Bl = ty, Pt = Mi, Fl = ox, Dl = Sl, Ml = _c, Vl = wc, Pl = xd, Al = mx, El = Ul("fancybox");
21705
21732
  return ne((a(), r("div", {
21706
21733
  class: "page-wrapper",
21707
21734
  id: l.templateId
21708
21735
  }, [
21709
- t[294] || (t[294] = o("a", { id: "anchor-back-to-top" }, null, -1)),
21736
+ t[295] || (t[295] = o("a", { id: "anchor-back-to-top" }, null, -1)),
21710
21737
  i.showLeftSidebar ? (a(), v(c, {
21711
21738
  key: 0,
21712
21739
  cmdHeadline: { headlineText: "Site Settings", headlineLevel: 3, textAlign: "center" },
@@ -21730,12 +21757,12 @@ function pv(e, t, n, s, i, l) {
21730
21757
  onToggleCollapse: (z) => C.boxToggled(0, z)
21731
21758
  }, {
21732
21759
  body: k(() => [
21733
- o("label", R1, [
21734
- t[124] || (t[124] = o("span", null, "Select template", -1)),
21760
+ o("label", q1, [
21761
+ t[125] || (t[125] = o("span", null, "Select template", -1)),
21735
21762
  ne(o("select", {
21736
21763
  id: "select-template",
21737
21764
  "onUpdate:modelValue": t[0] || (t[0] = (z) => i.selectedTemplate = z)
21738
- }, t[123] || (t[123] = [
21765
+ }, t[124] || (t[124] = [
21739
21766
  o("option", { value: "blank" }, "Blank/Unstyled", -1),
21740
21767
  o("option", { value: "business" }, "Business", -1),
21741
21768
  o("option", { value: "casual" }, "Casual", -1),
@@ -21746,9 +21773,9 @@ function pv(e, t, n, s, i, l) {
21746
21773
  ])
21747
21774
  ]),
21748
21775
  o("div", null, [
21749
- t[128] || (t[128] = o("span", null, "Color Scheme", -1)),
21750
- o("div", j1, [
21751
- o("label", N1, [
21776
+ t[129] || (t[129] = o("span", null, "Color Scheme", -1)),
21777
+ o("div", R1, [
21778
+ o("label", j1, [
21752
21779
  ne(o("input", {
21753
21780
  type: "radio",
21754
21781
  id: "default-color-scheme",
@@ -21758,9 +21785,9 @@ function pv(e, t, n, s, i, l) {
21758
21785
  }, null, 512), [
21759
21786
  [At, i.colorScheme]
21760
21787
  ]),
21761
- t[125] || (t[125] = o("span", { class: "label-text" }, "Color-Scheme by Browser/OS", -1))
21788
+ t[126] || (t[126] = o("span", { class: "label-text" }, "Color-Scheme by Browser/OS", -1))
21762
21789
  ]),
21763
- o("label", U1, [
21790
+ o("label", N1, [
21764
21791
  ne(o("input", {
21765
21792
  type: "radio",
21766
21793
  id: "light-mode",
@@ -21770,9 +21797,9 @@ function pv(e, t, n, s, i, l) {
21770
21797
  }, null, 512), [
21771
21798
  [At, i.colorScheme]
21772
21799
  ]),
21773
- t[126] || (t[126] = o("span", { class: "label-text" }, "Light Mode", -1))
21800
+ t[127] || (t[127] = o("span", { class: "label-text" }, "Light Mode", -1))
21774
21801
  ]),
21775
- o("label", z1, [
21802
+ o("label", U1, [
21776
21803
  ne(o("input", {
21777
21804
  type: "radio",
21778
21805
  id: "dark-mode",
@@ -21782,7 +21809,7 @@ function pv(e, t, n, s, i, l) {
21782
21809
  }, null, 512), [
21783
21810
  [At, i.colorScheme]
21784
21811
  ]),
21785
- t[127] || (t[127] = o("span", { class: "label-text" }, "Dark Mode", -1))
21812
+ t[128] || (t[128] = o("span", { class: "label-text" }, "Dark Mode", -1))
21786
21813
  ])
21787
21814
  ])
21788
21815
  ])
@@ -21807,7 +21834,7 @@ function pv(e, t, n, s, i, l) {
21807
21834
  href: l.sectionName(z),
21808
21835
  onClick: (je) => l.updateSettingsSidebar(l.componentNameWithPrefix(z)),
21809
21836
  title: "Go to component"
21810
- }, y(l.readableComponentName(z)), 9, G1)
21837
+ }, y(l.readableComponentName(z)), 9, z1)
21811
21838
  ], 2))), 128))
21812
21839
  ])
21813
21840
  ]),
@@ -21829,7 +21856,7 @@ function pv(e, t, n, s, i, l) {
21829
21856
  }, " Contact Information ")
21830
21857
  ]),
21831
21858
  o("li", null, [
21832
- t[129] || (t[129] = H(" Multiple Lists Of Links ")),
21859
+ t[130] || (t[130] = H(" Multiple Lists Of Links ")),
21833
21860
  o("ul", null, [
21834
21861
  o("li", null, [
21835
21862
  o("a", {
@@ -21846,7 +21873,7 @@ function pv(e, t, n, s, i, l) {
21846
21873
  ])
21847
21874
  ]),
21848
21875
  o("li", null, [
21849
- t[130] || (t[130] = H(" Multiple Box Wrapper ")),
21876
+ t[131] || (t[131] = H(" Multiple Box Wrapper ")),
21850
21877
  o("ul", null, [
21851
21878
  o("li", null, [
21852
21879
  o("a", {
@@ -21869,21 +21896,21 @@ function pv(e, t, n, s, i, l) {
21869
21896
  ]),
21870
21897
  _: 1
21871
21898
  }, 8, ["openBoxesByDefault"]),
21872
- o("dl", W1, [
21873
- t[131] || (t[131] = o("dt", null, "Frontend-Framework Version:", -1)),
21899
+ o("dl", G1, [
21900
+ t[132] || (t[132] = o("dt", null, "Frontend-Framework Version:", -1)),
21874
21901
  o("dd", null, y(i.packageJson.dependencies["comand-frontend-framework"].replace("^", "")), 1),
21875
- t[132] || (t[132] = o("dt", null, "Component-Library Version:", -1)),
21902
+ t[133] || (t[133] = o("dt", null, "Component-Library Version:", -1)),
21876
21903
  o("dd", null, y(i.packageJson.version), 1)
21877
21904
  ])
21878
21905
  ]),
21879
21906
  closed: k(() => [
21880
- o("div", K1, [
21907
+ o("div", W1, [
21881
21908
  o("a", {
21882
21909
  href: "#",
21883
21910
  class: "button primary",
21884
21911
  title: "Open Template Selection",
21885
21912
  onClick: t[9] || (t[9] = S((C) => l.openBox(0), ["prevent"]))
21886
- }, t[133] || (t[133] = [
21913
+ }, t[134] || (t[134] = [
21887
21914
  o("span", { class: "icon-settings-template" }, null, -1)
21888
21915
  ])),
21889
21916
  o("a", {
@@ -21891,7 +21918,7 @@ function pv(e, t, n, s, i, l) {
21891
21918
  class: "button primary",
21892
21919
  title: "Open Components Overview",
21893
21920
  onClick: t[10] || (t[10] = S((C) => l.openBox(1), ["prevent"]))
21894
- }, t[134] || (t[134] = [
21921
+ }, t[135] || (t[135] = [
21895
21922
  o("span", { class: "icon-settings-component" }, null, -1)
21896
21923
  ])),
21897
21924
  o("a", {
@@ -21899,13 +21926,13 @@ function pv(e, t, n, s, i, l) {
21899
21926
  class: "button primary",
21900
21927
  title: "Open Page-Templates",
21901
21928
  onClick: t[11] || (t[11] = S((C) => l.openBox(2), ["prevent"]))
21902
- }, t[135] || (t[135] = [
21929
+ }, t[136] || (t[136] = [
21903
21930
  o("span", { class: "icon-file-settings" }, null, -1)
21904
21931
  ])),
21905
21932
  o("a", {
21906
21933
  href: "#",
21907
21934
  onClick: t[12] || (t[12] = S((C) => i.showLeftSidebar = !1, ["prevent"]))
21908
- }, t[136] || (t[136] = [
21935
+ }, t[137] || (t[137] = [
21909
21936
  o("span", null, "Hide sidebar", -1)
21910
21937
  ]))
21911
21938
  ])
@@ -21925,17 +21952,17 @@ function pv(e, t, n, s, i, l) {
21925
21952
  ]),
21926
21953
  _: 1
21927
21954
  }),
21928
- i.componentView ? (a(), r("main", Y1, [
21955
+ i.componentView ? (a(), r("main", K1, [
21929
21956
  p(w, null, {
21930
- default: k(() => t[137] || (t[137] = [
21957
+ default: k(() => t[138] || (t[138] = [
21931
21958
  o("h1", { class: "headline-demopage" }, "Components Overview", -1)
21932
21959
  ])),
21933
21960
  _: 1
21934
21961
  }),
21935
21962
  p(w, null, {
21936
21963
  default: k(() => [
21937
- o("h2", J1, [
21938
- t[138] || (t[138] = o("span", null, "Address Data", -1)),
21964
+ o("h2", Y1, [
21965
+ t[139] || (t[139] = o("span", null, "Address Data", -1)),
21939
21966
  o("a", {
21940
21967
  href: "#",
21941
21968
  class: "button small icon-cog",
@@ -21943,7 +21970,7 @@ function pv(e, t, n, s, i, l) {
21943
21970
  onClick: t[13] || (t[13] = S((C) => l.openSettingsSidebar("CmdAddressData"), ["prevent"]))
21944
21971
  })
21945
21972
  ]),
21946
- o("div", Z1, [
21973
+ o("div", J1, [
21947
21974
  p(b, I({
21948
21975
  ref: "CmdAddressData",
21949
21976
  addressData: i.addressData
@@ -21954,15 +21981,15 @@ function pv(e, t, n, s, i, l) {
21954
21981
  }),
21955
21982
  p(w, null, {
21956
21983
  default: k(() => [
21957
- t[178] || (t[178] = o("h2", {
21984
+ t[179] || (t[179] = o("h2", {
21958
21985
  class: "headline-demopage",
21959
21986
  id: "section-advanced-form-elements"
21960
21987
  }, "Advanced Form Elements", -1)),
21961
- t[179] || (t[179] = o("h3", null, [
21988
+ t[180] || (t[180] = o("h3", null, [
21962
21989
  o("span", null, "Form elements status:")
21963
21990
  ], -1)),
21964
- o("div", Q1, [
21965
- o("ul", X1, [
21991
+ o("div", Z1, [
21992
+ o("ul", Q1, [
21966
21993
  o("li", null, [
21967
21994
  o("a", {
21968
21995
  href: "#",
@@ -21971,7 +21998,7 @@ function pv(e, t, n, s, i, l) {
21971
21998
  id: "status-default"
21972
21999
  }, " Default ", 2)
21973
22000
  ]),
21974
- o("li", $1, [
22001
+ o("li", X1, [
21975
22002
  o("a", {
21976
22003
  href: "#",
21977
22004
  onClick: t[15] || (t[15] = S((C) => l.setStatus("error", !1), ["prevent"])),
@@ -22024,10 +22051,10 @@ function pv(e, t, n, s, i, l) {
22024
22051
  novalidate: "novalidate"
22025
22052
  }, {
22026
22053
  default: k(() => [
22027
- o("fieldset", eC, [
22028
- t[158] || (t[158] = o("legend", null, "Legend", -1)),
22029
- o("h2", tC, [
22030
- t[139] || (t[139] = o("span", null, "Form Element-Component", -1)),
22054
+ o("fieldset", $1, [
22055
+ t[159] || (t[159] = o("legend", null, "Legend", -1)),
22056
+ o("h2", eC, [
22057
+ t[140] || (t[140] = o("span", null, "Form Element-Component", -1)),
22031
22058
  o("a", {
22032
22059
  href: "#",
22033
22060
  class: "button small icon-cog",
@@ -22039,7 +22066,7 @@ function pv(e, t, n, s, i, l) {
22039
22066
  status: i.validationStatus,
22040
22067
  disabled: i.disabledStatus
22041
22068
  }), null, 16, ["status", "disabled"]),
22042
- o("div", nC, [
22069
+ o("div", tC, [
22043
22070
  p(T, {
22044
22071
  labelText: "Input for datalist:",
22045
22072
  element: "input",
@@ -22051,7 +22078,7 @@ function pv(e, t, n, s, i, l) {
22051
22078
  tooltipText: "This is a tooltip"
22052
22079
  }, null, 8, ["status", "disabled", "datalist"])
22053
22080
  ]),
22054
- o("div", iC, [
22081
+ o("div", nC, [
22055
22082
  p(T, I({
22056
22083
  labelText: "Input (type search (without search-button)):",
22057
22084
  element: "input",
@@ -22073,8 +22100,8 @@ function pv(e, t, n, s, i, l) {
22073
22100
  tooltipText: "This is a tooltip"
22074
22101
  }, { useCustomTooltip: !1 }), null, 16, ["status", "disabled"])
22075
22102
  ]),
22076
- t[159] || (t[159] = o("h3", null, "Inputfields in Columns", -1)),
22077
- o("div", lC, [
22103
+ t[160] || (t[160] = o("h3", null, "Inputfields in Columns", -1)),
22104
+ o("div", iC, [
22078
22105
  p(T, {
22079
22106
  element: "input",
22080
22107
  type: "text",
@@ -22087,7 +22114,7 @@ function pv(e, t, n, s, i, l) {
22087
22114
  status: i.validationStatus,
22088
22115
  disabled: i.disabledStatus
22089
22116
  }, {
22090
- labeltext: k(() => t[140] || (t[140] = [
22117
+ labeltext: k(() => t[141] || (t[141] = [
22091
22118
  o("span", { innerHTML: "Label with <a href='#'>Link</a> given by slot" }, null, -1)
22092
22119
  ])),
22093
22120
  _: 1
@@ -22120,7 +22147,7 @@ function pv(e, t, n, s, i, l) {
22120
22147
  disabled: i.disabledStatus
22121
22148
  }, null, 8, ["modelValue", "status", "disabled"])
22122
22149
  ]),
22123
- o("div", oC, [
22150
+ o("div", lC, [
22124
22151
  p(T, {
22125
22152
  labelText: "Label for emailfield (with icon):",
22126
22153
  element: "input",
@@ -22193,8 +22220,8 @@ function pv(e, t, n, s, i, l) {
22193
22220
  status: i.validationStatus,
22194
22221
  disabled: i.disabledStatus
22195
22222
  }, null, 8, ["modelValue", "status", "disabled"]),
22196
- t[160] || (t[160] = o("h3", null, "Searchfields", -1)),
22197
- o("div", aC, [
22223
+ t[161] || (t[161] = o("h3", null, "Searchfields", -1)),
22224
+ o("div", oC, [
22198
22225
  p(T, {
22199
22226
  element: "input",
22200
22227
  labelText: "Label for inputfield (search) without search-button:",
@@ -22218,9 +22245,13 @@ function pv(e, t, n, s, i, l) {
22218
22245
  status: i.validationStatus,
22219
22246
  disabled: i.disabledStatus
22220
22247
  }, null, 8, ["modelValue", "status", "disabled"]),
22221
- p(F, I(i.smartSearchData, { disabled: i.disabledStatus }), null, 16, ["disabled"])
22248
+ p(F, I(i.smartSearchData, {
22249
+ modelValue: i.smartSearch,
22250
+ "onUpdate:modelValue": t[32] || (t[32] = (C) => i.smartSearch = C),
22251
+ disabled: i.disabledStatus
22252
+ }), null, 16, ["modelValue", "disabled"])
22222
22253
  ]),
22223
- t[161] || (t[161] = o("h3", null, "Textarea", -1)),
22254
+ t[162] || (t[162] = o("h3", null, "Textarea", -1)),
22224
22255
  p(T, {
22225
22256
  element: "textarea",
22226
22257
  labelText: "Label for textarea:",
@@ -22230,25 +22261,25 @@ function pv(e, t, n, s, i, l) {
22230
22261
  placeholder: "Type in your message",
22231
22262
  required: !0,
22232
22263
  modelValue: i.textarea,
22233
- "onUpdate:modelValue": t[32] || (t[32] = (C) => i.textarea = C),
22264
+ "onUpdate:modelValue": t[33] || (t[33] = (C) => i.textarea = C),
22234
22265
  status: i.validationStatus,
22235
22266
  disabled: i.disabledStatus
22236
22267
  }, null, 8, ["modelValue", "status", "disabled"]),
22237
- t[162] || (t[162] = o("hr", null, null, -1)),
22238
- o("h3", sC, [
22239
- t[141] || (t[141] = o("span", null, "Fake Selects", -1)),
22268
+ t[163] || (t[163] = o("hr", null, null, -1)),
22269
+ o("h3", aC, [
22270
+ t[142] || (t[142] = o("span", null, "Fake Selects", -1)),
22240
22271
  o("a", {
22241
22272
  href: "#",
22242
22273
  class: "button small icon-cog",
22243
22274
  title: "Open Component Settings",
22244
- onClick: t[33] || (t[33] = S((C) => l.openSettingsSidebar("CmdFakeSelect"), ["prevent"]))
22275
+ onClick: t[34] || (t[34] = S((C) => l.openSettingsSidebar("CmdFakeSelect"), ["prevent"]))
22245
22276
  })
22246
22277
  ]),
22247
- o("div", rC, [
22278
+ o("div", sC, [
22248
22279
  p(B, I({ ref: "CmdFakeSelect" }, e.cmdFakeSelectSettingsData, {
22249
22280
  selectData: i.fakeSelectOptionsData,
22250
22281
  modelValue: i.fakeSelectDefault,
22251
- "onUpdate:modelValue": t[34] || (t[34] = (C) => i.fakeSelectDefault = C)
22282
+ "onUpdate:modelValue": t[35] || (t[35] = (C) => i.fakeSelectDefault = C)
22252
22283
  }), null, 16, ["selectData", "modelValue"]),
22253
22284
  p(B, {
22254
22285
  labelText: "Selectbox with checkboxes:",
@@ -22256,7 +22287,7 @@ function pv(e, t, n, s, i, l) {
22256
22287
  disabled: i.disabledStatus,
22257
22288
  selectData: i.fakeSelectOptionsData,
22258
22289
  modelValue: i.fakeSelectCheckbox,
22259
- "onUpdate:modelValue": t[35] || (t[35] = (C) => i.fakeSelectCheckbox = C),
22290
+ "onUpdate:modelValue": t[36] || (t[36] = (C) => i.fakeSelectCheckbox = C),
22260
22291
  defaultOptionName: "Options:",
22261
22292
  required: !0,
22262
22293
  id: "selectbox-with-checkboxes",
@@ -22269,7 +22300,7 @@ function pv(e, t, n, s, i, l) {
22269
22300
  disabled: i.disabledStatus,
22270
22301
  selectData: i.fakeSelectFilterOptionsData,
22271
22302
  modelValue: i.fakeSelectFilters,
22272
- "onUpdate:modelValue": t[36] || (t[36] = (C) => i.fakeSelectFilters = C),
22303
+ "onUpdate:modelValue": t[37] || (t[37] = (C) => i.fakeSelectFilters = C),
22273
22304
  defaultOptionName: "Filters:",
22274
22305
  id: "selectbox-with-filters",
22275
22306
  type: "checkboxOptions",
@@ -22281,7 +22312,7 @@ function pv(e, t, n, s, i, l) {
22281
22312
  disabled: i.disabledStatus,
22282
22313
  selectData: i.fakeSelectCountriesData,
22283
22314
  modelValue: i.selectedCountryWithFlag,
22284
- "onUpdate:modelValue": t[37] || (t[37] = (C) => i.selectedCountryWithFlag = C),
22315
+ "onUpdate:modelValue": t[38] || (t[38] = (C) => i.selectedCountryWithFlag = C),
22285
22316
  defaultOptionName: "Select country:",
22286
22317
  type: "country"
22287
22318
  }, null, 8, ["status", "disabled", "selectData", "modelValue"]),
@@ -22292,7 +22323,7 @@ function pv(e, t, n, s, i, l) {
22292
22323
  disabled: i.disabledStatus,
22293
22324
  selectOptions: i.allCountriesData,
22294
22325
  modelValue: i.selectedCountry,
22295
- "onUpdate:modelValue": t[38] || (t[38] = (C) => i.selectedCountry = C),
22326
+ "onUpdate:modelValue": t[39] || (t[39] = (C) => i.selectedCountry = C),
22296
22327
  groupSelectOptionsByInitialLetters: !0,
22297
22328
  "max-height": "10rem",
22298
22329
  defaultOptionName: "Select country:"
@@ -22303,67 +22334,67 @@ function pv(e, t, n, s, i, l) {
22303
22334
  disabled: i.disabledStatus,
22304
22335
  selectData: i.fakeSelectColorsData,
22305
22336
  modelValue: i.selectedColor,
22306
- "onUpdate:modelValue": t[39] || (t[39] = (C) => i.selectedColor = C),
22337
+ "onUpdate:modelValue": t[40] || (t[40] = (C) => i.selectedColor = C),
22307
22338
  required: "required",
22308
22339
  type: "color"
22309
22340
  }, null, 8, ["status", "disabled", "selectData", "modelValue"])
22310
22341
  ]),
22311
- t[163] || (t[163] = o("hr", null, null, -1)),
22312
- t[164] || (t[164] = o("h2", null, "Progress Bar [native]", -1)),
22342
+ t[164] || (t[164] = o("hr", null, null, -1)),
22343
+ t[165] || (t[165] = o("h2", null, "Progress Bar [native]", -1)),
22313
22344
  p(D, {
22314
22345
  labelText: "Progress Bar (with optional output):",
22315
22346
  id: "progress-bar2",
22316
22347
  max: "100"
22317
22348
  }),
22318
- t[165] || (t[165] = o("h2", null, "Slider [native]", -1)),
22349
+ t[166] || (t[166] = o("h2", null, "Slider [native]", -1)),
22319
22350
  o("div", {
22320
22351
  class: x(["label", i.validationStatus])
22321
22352
  }, [
22322
- t[144] || (t[144] = o("span", { class: "label-text" }, "Single-Slider (with in- and output):", -1)),
22323
- o("span", dC, [
22324
- o("label", uC, [
22325
- t[142] || (t[142] = o("span", { class: "label-text" }, [
22353
+ t[145] || (t[145] = o("span", { class: "label-text" }, "Single-Slider (with in- and output):", -1)),
22354
+ o("span", rC, [
22355
+ o("label", dC, [
22356
+ t[143] || (t[143] = o("span", { class: "label-text" }, [
22326
22357
  o("span", null, "Range Value:")
22327
22358
  ], -1)),
22328
22359
  ne(o("input", {
22329
22360
  type: "number",
22330
22361
  class: x(i.validationStatus),
22331
- "onUpdate:modelValue": t[40] || (t[40] = (C) => i.rangeValue = C),
22362
+ "onUpdate:modelValue": t[41] || (t[41] = (C) => i.rangeValue = C),
22332
22363
  disabled: i.disabledStatus,
22333
22364
  min: "0",
22334
22365
  max: "100",
22335
22366
  id: "range-value"
22336
- }, null, 10, cC), [
22367
+ }, null, 10, uC), [
22337
22368
  [Gt, i.rangeValue]
22338
22369
  ])
22339
22370
  ]),
22340
- o("label", mC, [
22341
- t[143] || (t[143] = o("span", { class: "label-text hidden" }, [
22371
+ o("label", cC, [
22372
+ t[144] || (t[144] = o("span", { class: "label-text hidden" }, [
22342
22373
  o("span", null, "Range Value")
22343
22374
  ], -1)),
22344
22375
  ne(o("input", {
22345
22376
  type: "range",
22346
22377
  class: "range-slider",
22347
22378
  id: "range-slider",
22348
- "onUpdate:modelValue": t[41] || (t[41] = (C) => i.rangeValue = C),
22379
+ "onUpdate:modelValue": t[42] || (t[42] = (C) => i.rangeValue = C),
22349
22380
  disabled: i.disabledStatus,
22350
22381
  min: "0",
22351
22382
  max: "100"
22352
- }, null, 8, pC), [
22383
+ }, null, 8, mC), [
22353
22384
  [Gt, i.rangeValue]
22354
22385
  ])
22355
22386
  ])
22356
22387
  ])
22357
22388
  ], 2),
22358
- t[166] || (t[166] = o("hr", null, null, -1)),
22359
- t[167] || (t[167] = o("h2", null, "Toggle-Switches", -1)),
22360
- t[168] || (t[168] = o("h3", null, "Switches without switch-labels", -1)),
22389
+ t[167] || (t[167] = o("hr", null, null, -1)),
22390
+ t[168] || (t[168] = o("h2", null, "Toggle-Switches", -1)),
22391
+ t[169] || (t[169] = o("h3", null, "Switches without switch-labels", -1)),
22361
22392
  p(T, {
22362
22393
  element: "input",
22363
22394
  type: "checkbox",
22364
22395
  id: "toggle-switch-checkbox",
22365
22396
  modelValue: i.switchButtonCheckboxToggleSwitch,
22366
- "onUpdate:modelValue": t[42] || (t[42] = (C) => i.switchButtonCheckboxToggleSwitch = C),
22397
+ "onUpdate:modelValue": t[43] || (t[43] = (C) => i.switchButtonCheckboxToggleSwitch = C),
22367
22398
  labelText: "Labeltext for Toggle-Switch without Switch-Label",
22368
22399
  toggleSwitch: !0,
22369
22400
  status: i.validationStatus,
@@ -22375,20 +22406,20 @@ function pv(e, t, n, s, i, l) {
22375
22406
  type: "checkbox",
22376
22407
  id: "toggle-switch-checkbox-colored",
22377
22408
  modelValue: i.switchButtonCheckboxToggleSwitchColored,
22378
- "onUpdate:modelValue": t[43] || (t[43] = (C) => i.switchButtonCheckboxToggleSwitchColored = C),
22409
+ "onUpdate:modelValue": t[44] || (t[44] = (C) => i.switchButtonCheckboxToggleSwitchColored = C),
22379
22410
  labelText: "Labeltext for colored Toggle-Switch without Switch-Label",
22380
22411
  toggleSwitch: !0,
22381
22412
  colored: !0,
22382
22413
  status: i.validationStatus,
22383
22414
  disabled: i.disabledStatus
22384
22415
  }, null, 8, ["modelValue", "status", "disabled"]),
22385
- t[169] || (t[169] = o("h3", null, "Switches with switch-labels", -1)),
22416
+ t[170] || (t[170] = o("h3", null, "Switches with switch-labels", -1)),
22386
22417
  p(T, {
22387
22418
  element: "input",
22388
22419
  type: "checkbox",
22389
22420
  id: "toggle-switch-checkbox-switch-label",
22390
22421
  modelValue: i.switchButtonCheckbox,
22391
- "onUpdate:modelValue": t[44] || (t[44] = (C) => i.switchButtonCheckbox = C),
22422
+ "onUpdate:modelValue": t[45] || (t[45] = (C) => i.switchButtonCheckbox = C),
22392
22423
  labelText: "Labeltext for Toggle-Switch with Switch-Label",
22393
22424
  inputValue: "checkbox1",
22394
22425
  onLabel: "Label on",
@@ -22402,7 +22433,7 @@ function pv(e, t, n, s, i, l) {
22402
22433
  type: "checkbox",
22403
22434
  id: "toggle-switch-checkbox-switch-label-colored",
22404
22435
  modelValue: i.switchButtonCheckbox,
22405
- "onUpdate:modelValue": t[45] || (t[45] = (C) => i.switchButtonCheckbox = C),
22436
+ "onUpdate:modelValue": t[46] || (t[46] = (C) => i.switchButtonCheckbox = C),
22406
22437
  inputValue: "checkbox2",
22407
22438
  labelText: "Labeltext for Toggle-Switch (Checkbox, colored)",
22408
22439
  onLabel: "Label on",
@@ -22418,7 +22449,7 @@ function pv(e, t, n, s, i, l) {
22418
22449
  name: "radiogroup",
22419
22450
  id: "toggle-switch-radio1",
22420
22451
  modelValue: i.switchButtonRadio,
22421
- "onUpdate:modelValue": t[46] || (t[46] = (C) => i.switchButtonRadio = C),
22452
+ "onUpdate:modelValue": t[47] || (t[47] = (C) => i.switchButtonRadio = C),
22422
22453
  onLabel: "Label on",
22423
22454
  offLabel: "Label off",
22424
22455
  colored: !0,
@@ -22434,7 +22465,7 @@ function pv(e, t, n, s, i, l) {
22434
22465
  name: "radiogroup",
22435
22466
  id: "toggle-switch-radio2",
22436
22467
  modelValue: i.switchButtonRadio,
22437
- "onUpdate:modelValue": t[47] || (t[47] = (C) => i.switchButtonRadio = C),
22468
+ "onUpdate:modelValue": t[48] || (t[48] = (C) => i.switchButtonRadio = C),
22438
22469
  onLabel: "Label on",
22439
22470
  offLabel: "Label off",
22440
22471
  colored: !0,
@@ -22451,29 +22482,29 @@ function pv(e, t, n, s, i, l) {
22451
22482
  required: "required",
22452
22483
  id: "checkbox-required-with-boolean",
22453
22484
  modelValue: i.checkboxRequiredValue,
22454
- "onUpdate:modelValue": t[48] || (t[48] = (C) => i.checkboxRequiredValue = C),
22485
+ "onUpdate:modelValue": t[49] || (t[49] = (C) => i.checkboxRequiredValue = C),
22455
22486
  status: i.validationStatus,
22456
22487
  disabled: i.disabledStatus
22457
22488
  }, null, 8, ["modelValue", "status", "disabled"]),
22458
22489
  o("p", null, [
22459
22490
  H(" checkbox (required) with boolean: " + y(i.checkboxRequiredValue), 1),
22460
- t[145] || (t[145] = o("br", null, null, -1)),
22461
- H(" checkbox with boolean: " + y(i.checkboxValue), 1),
22462
22491
  t[146] || (t[146] = o("br", null, null, -1)),
22492
+ H(" checkbox with boolean: " + y(i.checkboxValue), 1),
22493
+ t[147] || (t[147] = o("br", null, null, -1)),
22463
22494
  H(" checkboxes with values: " + y(i.checkboxValues), 1)
22464
22495
  ]),
22465
- t[170] || (t[170] = o("h2", null, "Checkboxes and Radiobuttons", -1)),
22466
- t[171] || (t[171] = o("h3", null, "Checkboxes [native]", -1)),
22467
- o("div", fC, [
22468
- t[148] || (t[148] = o("span", { class: "label-text" }, "Label for native checkboxes:", -1)),
22469
- o("div", hC, [
22496
+ t[171] || (t[171] = o("h2", null, "Checkboxes and Radiobuttons", -1)),
22497
+ t[172] || (t[172] = o("h3", null, "Checkboxes [native]", -1)),
22498
+ o("div", pC, [
22499
+ t[149] || (t[149] = o("span", { class: "label-text" }, "Label for native checkboxes:", -1)),
22500
+ o("div", fC, [
22470
22501
  p(T, {
22471
22502
  element: "input",
22472
22503
  labelText: "Label for checkbox with boolean",
22473
22504
  type: "checkbox",
22474
22505
  id: "checkbox-with-boolean",
22475
22506
  modelValue: i.checkboxValue,
22476
- "onUpdate:modelValue": t[49] || (t[49] = (C) => i.checkboxValue = C),
22507
+ "onUpdate:modelValue": t[50] || (t[50] = (C) => i.checkboxValue = C),
22477
22508
  status: i.validationStatus,
22478
22509
  disabled: i.disabledStatus
22479
22510
  }, null, 8, ["modelValue", "status", "disabled"]),
@@ -22481,7 +22512,7 @@ function pv(e, t, n, s, i, l) {
22481
22512
  element: "input",
22482
22513
  labelText: "Label for checkbox with value",
22483
22514
  modelValue: i.checkboxValues,
22484
- "onUpdate:modelValue": t[50] || (t[50] = (C) => i.checkboxValues = C),
22515
+ "onUpdate:modelValue": t[51] || (t[51] = (C) => i.checkboxValues = C),
22485
22516
  inputValue: "checkboxValue1",
22486
22517
  type: "checkbox",
22487
22518
  id: "checkbox-with-value-1",
@@ -22492,7 +22523,7 @@ function pv(e, t, n, s, i, l) {
22492
22523
  element: "input",
22493
22524
  labelText: "Label for checkbox with value",
22494
22525
  modelValue: i.checkboxValues,
22495
- "onUpdate:modelValue": t[51] || (t[51] = (C) => i.checkboxValues = C),
22526
+ "onUpdate:modelValue": t[52] || (t[52] = (C) => i.checkboxValues = C),
22496
22527
  inputValue: "checkboxValue2",
22497
22528
  type: "checkbox",
22498
22529
  id: "checkbox-with-value-2",
@@ -22502,14 +22533,14 @@ function pv(e, t, n, s, i, l) {
22502
22533
  p(T, {
22503
22534
  element: "input",
22504
22535
  modelValue: i.checkboxValues,
22505
- "onUpdate:modelValue": t[52] || (t[52] = (C) => i.checkboxValues = C),
22536
+ "onUpdate:modelValue": t[53] || (t[53] = (C) => i.checkboxValues = C),
22506
22537
  inputValue: "checkboxValue3",
22507
22538
  type: "checkbox",
22508
22539
  id: "checkbox-with-value-3",
22509
22540
  status: i.validationStatus,
22510
22541
  disabled: i.disabledStatus
22511
22542
  }, {
22512
- labeltext: k(() => t[147] || (t[147] = [
22543
+ labeltext: k(() => t[148] || (t[148] = [
22513
22544
  H(" Labeltext with "),
22514
22545
  o("a", { href: "#" }, "link", -1),
22515
22546
  H(" given by slot ")
@@ -22518,10 +22549,10 @@ function pv(e, t, n, s, i, l) {
22518
22549
  }, 8, ["modelValue", "status", "disabled"])
22519
22550
  ])
22520
22551
  ]),
22521
- t[172] || (t[172] = o("h3", null, "Checkboxes (replaced)", -1)),
22522
- o("div", gC, [
22523
- t[149] || (t[149] = o("span", { class: "label-text" }, "Label for Replaced Input-Type-Checkbox:", -1)),
22524
- o("div", yC, [
22552
+ t[173] || (t[173] = o("h3", null, "Checkboxes (replaced)", -1)),
22553
+ o("div", hC, [
22554
+ t[150] || (t[150] = o("span", { class: "label-text" }, "Label for Replaced Input-Type-Checkbox:", -1)),
22555
+ o("div", gC, [
22525
22556
  p(T, {
22526
22557
  element: "input",
22527
22558
  labelText: "Label for replaced checkbox",
@@ -22529,7 +22560,7 @@ function pv(e, t, n, s, i, l) {
22529
22560
  replaceInputType: !0,
22530
22561
  id: "inputfield9",
22531
22562
  modelValue: i.replacedCheckboxValue,
22532
- "onUpdate:modelValue": t[53] || (t[53] = (C) => i.replacedCheckboxValue = C),
22563
+ "onUpdate:modelValue": t[54] || (t[54] = (C) => i.replacedCheckboxValue = C),
22533
22564
  inputValue: "checkboxValue1",
22534
22565
  status: i.validationStatus,
22535
22566
  disabled: i.disabledStatus
@@ -22538,7 +22569,7 @@ function pv(e, t, n, s, i, l) {
22538
22569
  element: "input",
22539
22570
  labelText: "Label for replaced checkbox",
22540
22571
  modelValue: i.replacedCheckboxValue,
22541
- "onUpdate:modelValue": t[54] || (t[54] = (C) => i.replacedCheckboxValue = C),
22572
+ "onUpdate:modelValue": t[55] || (t[55] = (C) => i.replacedCheckboxValue = C),
22542
22573
  inputValue: "checkboxValue2",
22543
22574
  type: "checkbox",
22544
22575
  replaceInputType: !0,
@@ -22548,10 +22579,10 @@ function pv(e, t, n, s, i, l) {
22548
22579
  }, null, 8, ["modelValue", "status", "disabled"])
22549
22580
  ])
22550
22581
  ]),
22551
- t[173] || (t[173] = o("h3", null, "Radiobuttons [native]", -1)),
22552
- o("div", bC, [
22553
- t[150] || (t[150] = o("span", { class: "label-text" }, "Label for native radiobuttons:", -1)),
22554
- o("div", xC, [
22582
+ t[174] || (t[174] = o("h3", null, "Radiobuttons [native]", -1)),
22583
+ o("div", yC, [
22584
+ t[151] || (t[151] = o("span", { class: "label-text" }, "Label for native radiobuttons:", -1)),
22585
+ o("div", bC, [
22555
22586
  p(T, {
22556
22587
  element: "input",
22557
22588
  labelText: "Label for native radiobutton",
@@ -22560,7 +22591,7 @@ function pv(e, t, n, s, i, l) {
22560
22591
  name: "radiogroup",
22561
22592
  inputValue: "radiobuttonValue1",
22562
22593
  modelValue: i.radiobuttonValue,
22563
- "onUpdate:modelValue": t[55] || (t[55] = (C) => i.radiobuttonValue = C),
22594
+ "onUpdate:modelValue": t[56] || (t[56] = (C) => i.radiobuttonValue = C),
22564
22595
  status: i.validationStatus,
22565
22596
  disabled: i.disabledStatus
22566
22597
  }, null, 8, ["modelValue", "status", "disabled"]),
@@ -22572,17 +22603,17 @@ function pv(e, t, n, s, i, l) {
22572
22603
  name: "radiogroup",
22573
22604
  inputValue: "radiobuttonValue2",
22574
22605
  modelValue: i.radiobuttonValue,
22575
- "onUpdate:modelValue": t[56] || (t[56] = (C) => i.radiobuttonValue = C),
22606
+ "onUpdate:modelValue": t[57] || (t[57] = (C) => i.radiobuttonValue = C),
22576
22607
  status: i.validationStatus,
22577
22608
  disabled: i.disabledStatus
22578
22609
  }, null, 8, ["modelValue", "status", "disabled"])
22579
22610
  ])
22580
22611
  ]),
22581
22612
  o("p", null, " Radiobuttons with values: " + y(i.radiobuttonValue), 1),
22582
- t[174] || (t[174] = o("h3", null, "Radiobuttons (replaced)", -1)),
22583
- o("div", CC, [
22584
- t[151] || (t[151] = o("span", { class: "label-text" }, "Label for Replaced Input-Type-Radio:", -1)),
22585
- o("div", vC, [
22613
+ t[175] || (t[175] = o("h3", null, "Radiobuttons (replaced)", -1)),
22614
+ o("div", xC, [
22615
+ t[152] || (t[152] = o("span", { class: "label-text" }, "Label for Replaced Input-Type-Radio:", -1)),
22616
+ o("div", CC, [
22586
22617
  p(T, {
22587
22618
  element: "input",
22588
22619
  labelText: "Label for replaced radiobutton",
@@ -22592,7 +22623,7 @@ function pv(e, t, n, s, i, l) {
22592
22623
  name: "replaced-radiogroup",
22593
22624
  inputValue: "radiobuttonValue1",
22594
22625
  modelValue: i.replacedRadiobuttonValue,
22595
- "onUpdate:modelValue": t[57] || (t[57] = (C) => i.replacedRadiobuttonValue = C),
22626
+ "onUpdate:modelValue": t[58] || (t[58] = (C) => i.replacedRadiobuttonValue = C),
22596
22627
  status: i.validationStatus,
22597
22628
  disabled: i.disabledStatus
22598
22629
  }, null, 8, ["modelValue", "status", "disabled"]),
@@ -22605,26 +22636,26 @@ function pv(e, t, n, s, i, l) {
22605
22636
  name: "replaced-radiogroup",
22606
22637
  inputValue: "radiobuttonValue2",
22607
22638
  modelValue: i.replacedRadiobuttonValue,
22608
- "onUpdate:modelValue": t[58] || (t[58] = (C) => i.replacedRadiobuttonValue = C),
22639
+ "onUpdate:modelValue": t[59] || (t[59] = (C) => i.replacedRadiobuttonValue = C),
22609
22640
  status: i.validationStatus,
22610
22641
  disabled: i.disabledStatus
22611
22642
  }, null, 8, ["modelValue", "status", "disabled"])
22612
22643
  ])
22613
22644
  ]),
22614
- o("h3", wC, [
22615
- t[152] || (t[152] = H(" Input-Group ")),
22645
+ o("h3", vC, [
22646
+ t[153] || (t[153] = H(" Input-Group ")),
22616
22647
  o("a", {
22617
22648
  href: "#",
22618
22649
  class: "button small icon-cog",
22619
22650
  title: "Open Component Settings",
22620
- onClick: t[59] || (t[59] = S((C) => l.openSettingsSidebar("CmdInputGroup"), ["prevent"]))
22651
+ onClick: t[60] || (t[60] = S((C) => l.openSettingsSidebar("CmdInputGroup"), ["prevent"]))
22621
22652
  })
22622
22653
  ]),
22623
22654
  p(V, I({ ref: "CmdInputGroup" }, e.cmdInputGroupSettingsData, {
22624
22655
  labelText: "Grouplabel for radio-group given by property:",
22625
22656
  inputElements: l.idForReplacedInputsInInputGroup("radio-group"),
22626
22657
  modelValue: i.inputGroup,
22627
- "onUpdate:modelValue": t[62] || (t[62] = (C) => i.inputGroup = C)
22658
+ "onUpdate:modelValue": t[63] || (t[63] = (C) => i.inputGroup = C)
22628
22659
  }), {
22629
22660
  default: k(() => [
22630
22661
  p(T, {
@@ -22635,7 +22666,7 @@ function pv(e, t, n, s, i, l) {
22635
22666
  name: "radiogroup2",
22636
22667
  inputValue: "radiobuttonValue1",
22637
22668
  modelValue: i.inputGroup,
22638
- "onUpdate:modelValue": t[60] || (t[60] = (C) => i.inputGroup = C),
22669
+ "onUpdate:modelValue": t[61] || (t[61] = (C) => i.inputGroup = C),
22639
22670
  status: i.validationStatus,
22640
22671
  disabled: i.disabledStatus
22641
22672
  }, null, 8, ["modelValue", "status", "disabled"]),
@@ -22647,7 +22678,7 @@ function pv(e, t, n, s, i, l) {
22647
22678
  name: "radiogroup2",
22648
22679
  inputValue: "radiobuttonValue2",
22649
22680
  modelValue: i.inputGroup,
22650
- "onUpdate:modelValue": t[61] || (t[61] = (C) => i.inputGroup = C),
22681
+ "onUpdate:modelValue": t[62] || (t[62] = (C) => i.inputGroup = C),
22651
22682
  status: i.validationStatus,
22652
22683
  disabled: i.disabledStatus
22653
22684
  }, null, 8, ["modelValue", "status", "disabled"])
@@ -22655,18 +22686,18 @@ function pv(e, t, n, s, i, l) {
22655
22686
  _: 1
22656
22687
  }, 16, ["inputElements", "modelValue"]),
22657
22688
  o("dl", null, [
22658
- t[153] || (t[153] = o("dt", null, "Selected value:", -1)),
22689
+ t[154] || (t[154] = o("dt", null, "Selected value:", -1)),
22659
22690
  o("dd", null, [
22660
22691
  o("output", null, y(i.inputGroup), 1)
22661
22692
  ])
22662
22693
  ]),
22663
- t[175] || (t[175] = o("h3", null, "Input Groups with Checkboxes/Radiobuttons (toggle-switches)", -1)),
22694
+ t[176] || (t[176] = o("h3", null, "Input Groups with Checkboxes/Radiobuttons (toggle-switches)", -1)),
22664
22695
  p(V, {
22665
22696
  labelText: "Grouplabel for checkbox-group styled as toggle-switches (colored):",
22666
22697
  inputElements: l.idForReplacedInputsInInputGroup("checkbox-group-toggle-switch"),
22667
22698
  inputTypes: "checkbox",
22668
22699
  modelValue: i.inputGroupValueToggleSwitchCheckbox,
22669
- "onUpdate:modelValue": t[63] || (t[63] = (C) => i.inputGroupValueToggleSwitchCheckbox = C),
22700
+ "onUpdate:modelValue": t[64] || (t[64] = (C) => i.inputGroupValueToggleSwitchCheckbox = C),
22670
22701
  toggleSwitches: !0,
22671
22702
  colored: !0,
22672
22703
  required: "required",
@@ -22674,7 +22705,7 @@ function pv(e, t, n, s, i, l) {
22674
22705
  disabled: i.disabledStatus
22675
22706
  }, null, 8, ["inputElements", "modelValue", "status", "disabled"]),
22676
22707
  o("dl", null, [
22677
- t[154] || (t[154] = o("dt", null, "Selected value(s):", -1)),
22708
+ t[155] || (t[155] = o("dt", null, "Selected value(s):", -1)),
22678
22709
  o("dd", null, [
22679
22710
  o("output", null, y(i.inputGroupValueToggleSwitchCheckbox), 1)
22680
22711
  ])
@@ -22684,14 +22715,14 @@ function pv(e, t, n, s, i, l) {
22684
22715
  inputElements: l.idForReplacedInputsInInputGroup("radio-group-toggle-switch"),
22685
22716
  inputTypes: "radio",
22686
22717
  modelValue: i.inputGroupValueToggleSwitchRadio,
22687
- "onUpdate:modelValue": t[64] || (t[64] = (C) => i.inputGroupValueToggleSwitchRadio = C),
22718
+ "onUpdate:modelValue": t[65] || (t[65] = (C) => i.inputGroupValueToggleSwitchRadio = C),
22688
22719
  toggleSwitches: !0,
22689
22720
  required: "required",
22690
22721
  status: i.validationStatus,
22691
22722
  disabled: i.disabledStatus
22692
22723
  }, null, 8, ["inputElements", "modelValue", "status", "disabled"]),
22693
22724
  o("dl", null, [
22694
- t[155] || (t[155] = o("dt", null, "Selected value(s):", -1)),
22725
+ t[156] || (t[156] = o("dt", null, "Selected value(s):", -1)),
22695
22726
  o("dd", null, [
22696
22727
  o("output", null, y(i.inputGroupValueToggleSwitchRadio), 1)
22697
22728
  ])
@@ -22702,12 +22733,12 @@ function pv(e, t, n, s, i, l) {
22702
22733
  inputTypes: "radio",
22703
22734
  multipleSwitch: !0,
22704
22735
  modelValue: i.inputGroupValue3,
22705
- "onUpdate:modelValue": t[65] || (t[65] = (C) => i.inputGroupValue3 = C),
22736
+ "onUpdate:modelValue": t[66] || (t[66] = (C) => i.inputGroupValue3 = C),
22706
22737
  status: i.validationStatus,
22707
22738
  disabled: i.disabledStatus
22708
22739
  }, null, 8, ["inputElements", "modelValue", "status", "disabled"]),
22709
22740
  o("dl", null, [
22710
- t[156] || (t[156] = o("dt", null, "Selected value(s):", -1)),
22741
+ t[157] || (t[157] = o("dt", null, "Selected value(s):", -1)),
22711
22742
  o("dd", null, [
22712
22743
  o("output", null, y(i.inputGroupValue3), 1)
22713
22744
  ])
@@ -22719,21 +22750,21 @@ function pv(e, t, n, s, i, l) {
22719
22750
  multipleSwitch: !0,
22720
22751
  required: !0,
22721
22752
  modelValue: i.inputGroupValue4,
22722
- "onUpdate:modelValue": t[66] || (t[66] = (C) => i.inputGroupValue4 = C),
22753
+ "onUpdate:modelValue": t[67] || (t[67] = (C) => i.inputGroupValue4 = C),
22723
22754
  stretchHorizontally: !0,
22724
22755
  status: i.validationStatus,
22725
22756
  disabled: i.disabledStatus
22726
22757
  }, null, 8, ["inputElements", "modelValue", "status", "disabled"]),
22727
22758
  o("dl", null, [
22728
- t[157] || (t[157] = o("dt", null, "Selected value(s):", -1)),
22759
+ t[158] || (t[158] = o("dt", null, "Selected value(s):", -1)),
22729
22760
  o("dd", null, [
22730
22761
  o("output", null, y(i.inputGroupValue4), 1)
22731
22762
  ])
22732
22763
  ])
22733
22764
  ]),
22734
- o("div", kC, [
22735
- t[177] || (t[177] = o("small", null, "(values will not be submitted with the form!)", -1)),
22736
- o("div", TC, [
22765
+ o("div", wC, [
22766
+ t[178] || (t[178] = o("small", null, "(values will not be submitted with the form!)", -1)),
22767
+ o("div", kC, [
22737
22768
  p(T, {
22738
22769
  element: "button",
22739
22770
  nativeButton: { text: "Submit-button from component" },
@@ -22746,10 +22777,10 @@ function pv(e, t, n, s, i, l) {
22746
22777
  class: "button",
22747
22778
  type: "submit",
22748
22779
  disabled: i.disabledStatus
22749
- }, t[176] || (t[176] = [
22780
+ }, t[177] || (t[177] = [
22750
22781
  o("span", { class: "icon-check" }, null, -1),
22751
22782
  o("span", null, "Native submit-button", -1)
22752
- ]), 8, SC)
22783
+ ]), 8, TC)
22753
22784
  ])
22754
22785
  ])
22755
22786
  ]),
@@ -22764,13 +22795,13 @@ function pv(e, t, n, s, i, l) {
22764
22795
  }),
22765
22796
  p(w, null, {
22766
22797
  default: k(() => [
22767
- o("h2", _C, [
22768
- t[180] || (t[180] = o("span", null, "Bank Account Data", -1)),
22798
+ o("h2", SC, [
22799
+ t[181] || (t[181] = o("span", null, "Bank Account Data", -1)),
22769
22800
  o("a", {
22770
22801
  href: "#",
22771
22802
  class: "button small icon-cog",
22772
22803
  title: "Open Component Settings",
22773
- onClick: t[67] || (t[67] = S((C) => l.openSettingsSidebar("CmdBankAccountData"), ["prevent"]))
22804
+ onClick: t[68] || (t[68] = S((C) => l.openSettingsSidebar("CmdBankAccountData"), ["prevent"]))
22774
22805
  })
22775
22806
  ]),
22776
22807
  p(P, I({ "account-data": i.bankAccountData }, e.cmdBankAccountDataSettingsData, { ref: "CmdBankAccountData" }), null, 16, ["account-data"])
@@ -22779,13 +22810,13 @@ function pv(e, t, n, s, i, l) {
22779
22810
  }),
22780
22811
  p(w, null, {
22781
22812
  default: k(() => [
22782
- o("h2", OC, [
22783
- t[181] || (t[181] = o("span", null, "Basic Form", -1)),
22813
+ o("h2", _C, [
22814
+ t[182] || (t[182] = o("span", null, "Basic Form", -1)),
22784
22815
  o("a", {
22785
22816
  href: "#",
22786
22817
  class: "button small icon-cog",
22787
22818
  title: "Open Component Settings",
22788
- onClick: t[68] || (t[68] = S((C) => l.openSettingsSidebar("CmdBasicForm"), ["prevent"]))
22819
+ onClick: t[69] || (t[69] = S((C) => l.openSettingsSidebar("CmdBasicForm"), ["prevent"]))
22789
22820
  })
22790
22821
  ]),
22791
22822
  p(R, {
@@ -22801,9 +22832,9 @@ function pv(e, t, n, s, i, l) {
22801
22832
  }
22802
22833
  }, null, 512),
22803
22834
  o("dl", null, [
22804
- t[182] || (t[182] = o("dt", null, "originalEvent", -1)),
22835
+ t[183] || (t[183] = o("dt", null, "originalEvent", -1)),
22805
22836
  o("dd", null, y(i.basicFormData.originalEvent), 1),
22806
- t[183] || (t[183] = o("dt", null, "formdata", -1)),
22837
+ t[184] || (t[184] = o("dt", null, "formdata", -1)),
22807
22838
  o("dd", null, y(i.basicFormData.formData), 1)
22808
22839
  ])
22809
22840
  ]),
@@ -22811,14 +22842,14 @@ function pv(e, t, n, s, i, l) {
22811
22842
  }),
22812
22843
  p(w, { anchorId: "section-boxes" }, {
22813
22844
  default: k(() => [
22814
- t[202] || (t[202] = o("h2", { class: "headline-demopage" }, "Boxes", -1)),
22815
- o("h3", LC, [
22816
- t[184] || (t[184] = o("span", null, "Default Box", -1)),
22845
+ t[203] || (t[203] = o("h2", { class: "headline-demopage" }, "Boxes", -1)),
22846
+ o("h3", OC, [
22847
+ t[185] || (t[185] = o("span", null, "Default Box", -1)),
22817
22848
  o("a", {
22818
22849
  href: "#",
22819
22850
  class: "button small icon-cog",
22820
22851
  title: "Open Component Settings",
22821
- onClick: t[69] || (t[69] = S((C) => l.openSettingsSidebar("CmdBox"), ["prevent"]))
22852
+ onClick: t[70] || (t[70] = S((C) => l.openSettingsSidebar("CmdBox"), ["prevent"]))
22822
22853
  })
22823
22854
  ]),
22824
22855
  p(d, I({ ref: "CmdBox" }, e.cmdBoxSettingsData, {
@@ -22827,17 +22858,17 @@ function pv(e, t, n, s, i, l) {
22827
22858
  "cmd-headline": { headlineText: "Headline for box", headlineLevel: 4 },
22828
22859
  stretchVertically: !0
22829
22860
  }), {
22830
- header: k(() => t[185] || (t[185] = [
22861
+ header: k(() => t[186] || (t[186] = [
22831
22862
  o("h4", null, " Texts given by slots ", -1)
22832
22863
  ])),
22833
- body: k(() => t[186] || (t[186] = [
22864
+ body: k(() => t[187] || (t[187] = [
22834
22865
  o("p", null, " This content with paragraphs inside is placed inside the box-body. ", -1),
22835
22866
  o("p", null, [
22836
22867
  o("strong", null, "Header, Content/Body and Footer of this box are given by slots.")
22837
22868
  ], -1),
22838
22869
  o("p", null, "Additionally 'allowContentToScroll' is active, which enables (as far as a max-height is defined) the content of this box to scroll", -1)
22839
22870
  ])),
22840
- footer: k(() => t[187] || (t[187] = [
22871
+ footer: k(() => t[188] || (t[188] = [
22841
22872
  o("p", null, " Footer content ", -1)
22842
22873
  ])),
22843
22874
  _: 1
@@ -22867,7 +22898,7 @@ function pv(e, t, n, s, i, l) {
22867
22898
  useSlots: ["body"],
22868
22899
  "cutoff-text-lines": 4
22869
22900
  }, {
22870
- body: k(() => t[188] || (t[188] = [
22901
+ body: k(() => t[189] || (t[189] = [
22871
22902
  H(" This is a long text that is cutoff after a specific number of lines that can be defined by the property 'cutoffTextLines' and be toggled by a link below. ")
22872
22903
  ])),
22873
22904
  _: 1
@@ -22876,17 +22907,17 @@ function pv(e, t, n, s, i, l) {
22876
22907
  useSlots: ["header", "body", "footer"],
22877
22908
  allowContentToScroll: !0
22878
22909
  }, {
22879
- header: k(() => t[189] || (t[189] = [
22910
+ header: k(() => t[190] || (t[190] = [
22880
22911
  o("h4", null, " Texts given by slots ", -1)
22881
22912
  ])),
22882
- body: k(() => t[190] || (t[190] = [
22913
+ body: k(() => t[191] || (t[191] = [
22883
22914
  o("p", null, " This content with paragraphs inside is placed inside the box-body. ", -1),
22884
22915
  o("p", null, [
22885
22916
  o("strong", null, "Header, Content/Body and Footer of this box are given by slots.")
22886
22917
  ], -1),
22887
22918
  o("p", null, "Additionally 'allowContentToScroll' is active, which enables (as far as a max-height is defined) the content of this box to scroll", -1)
22888
22919
  ])),
22889
- footer: k(() => t[191] || (t[191] = [
22920
+ footer: k(() => t[192] || (t[192] = [
22890
22921
  o("p", null, " Footer content ", -1)
22891
22922
  ])),
22892
22923
  _: 1
@@ -22896,7 +22927,7 @@ function pv(e, t, n, s, i, l) {
22896
22927
  useBoxBodyPadding: !1,
22897
22928
  collapsible: !0
22898
22929
  }, {
22899
- header: k(() => t[192] || (t[192] = [
22930
+ header: k(() => t[193] || (t[193] = [
22900
22931
  o("h4", null, " Box with inputs ", -1)
22901
22932
  ])),
22902
22933
  body: k(() => [
@@ -22920,7 +22951,7 @@ function pv(e, t, n, s, i, l) {
22920
22951
  _: 1
22921
22952
  })
22922
22953
  ]),
22923
- footer: k(() => t[193] || (t[193] = [
22954
+ footer: k(() => t[194] || (t[194] = [
22924
22955
  o("p", null, " footer content ", -1)
22925
22956
  ])),
22926
22957
  _: 1
@@ -22929,42 +22960,42 @@ function pv(e, t, n, s, i, l) {
22929
22960
  useSlots: ["header", "body"],
22930
22961
  useBoxBodyPadding: !1
22931
22962
  }, {
22932
- header: k(() => t[194] || (t[194] = [
22963
+ header: k(() => t[195] || (t[195] = [
22933
22964
  o("h4", null, " Box with links ", -1)
22934
22965
  ])),
22935
22966
  body: k(() => [
22936
- o("ul", IC, [
22967
+ o("ul", LC, [
22937
22968
  o("li", null, [
22938
22969
  o("a", {
22939
22970
  href: "#",
22940
- onClick: t[70] || (t[70] = S(() => {
22971
+ onClick: t[71] || (t[71] = S(() => {
22941
22972
  }, ["prevent"]))
22942
22973
  }, "Link name 1")
22943
22974
  ]),
22944
22975
  o("li", null, [
22945
22976
  o("a", {
22946
22977
  href: "#",
22947
- onClick: t[71] || (t[71] = S(() => {
22978
+ onClick: t[72] || (t[72] = S(() => {
22948
22979
  }, ["prevent"]))
22949
22980
  }, "Link name 2")
22950
22981
  ]),
22951
22982
  o("li", null, [
22952
22983
  o("a", {
22953
22984
  href: "#",
22954
- onClick: t[72] || (t[72] = S(() => {
22985
+ onClick: t[73] || (t[73] = S(() => {
22955
22986
  }, ["prevent"]))
22956
22987
  }, "Link name 3")
22957
22988
  ]),
22958
22989
  o("li", null, [
22959
22990
  o("a", {
22960
22991
  href: "#",
22961
- onClick: t[73] || (t[73] = S(() => {
22992
+ onClick: t[74] || (t[74] = S(() => {
22962
22993
  }, ["prevent"]))
22963
22994
  }, "Link name 4")
22964
22995
  ])
22965
22996
  ])
22966
22997
  ]),
22967
- footer: k(() => t[195] || (t[195] = [
22998
+ footer: k(() => t[196] || (t[196] = [
22968
22999
  o("p", null, " footer content ", -1)
22969
23000
  ])),
22970
23001
  _: 1
@@ -22975,10 +23006,10 @@ function pv(e, t, n, s, i, l) {
22975
23006
  cmdHeadline: { headlineText: "Collapsible box", headlineLevel: 4 },
22976
23007
  collapsible: !0
22977
23008
  }, {
22978
- header: k(() => t[196] || (t[196] = [
23009
+ header: k(() => t[197] || (t[197] = [
22979
23010
  o("h4", null, " Collapsible box with image ", -1)
22980
23011
  ])),
22981
- body: k(() => t[197] || (t[197] = [
23012
+ body: k(() => t[198] || (t[198] = [
22982
23013
  o("img", {
22983
23014
  src: fi,
22984
23015
  alt: "Alternative text"
@@ -22990,10 +23021,10 @@ function pv(e, t, n, s, i, l) {
22990
23021
  useSlots: ["header", "body", "footer"],
22991
23022
  useBoxBodyPadding: !1
22992
23023
  }, {
22993
- header: k(() => t[198] || (t[198] = [
23024
+ header: k(() => t[199] || (t[199] = [
22994
23025
  o("h4", null, " Box with image, content and link ", -1)
22995
23026
  ])),
22996
- body: k(() => t[199] || (t[199] = [
23027
+ body: k(() => t[200] || (t[200] = [
22997
23028
  o("img", {
22998
23029
  src: fi,
22999
23030
  alt: "Alternative text"
@@ -23003,7 +23034,7 @@ function pv(e, t, n, s, i, l) {
23003
23034
  o("p", null, "Image, custom-headline and this text for the component are given by slot")
23004
23035
  ], -1)
23005
23036
  ])),
23006
- footer: k(() => t[200] || (t[200] = [
23037
+ footer: k(() => t[201] || (t[201] = [
23007
23038
  o("p", null, [
23008
23039
  o("a", { href: "#" }, "Read more…")
23009
23040
  ], -1)
@@ -23036,8 +23067,8 @@ function pv(e, t, n, s, i, l) {
23036
23067
  ]),
23037
23068
  _: 1
23038
23069
  }),
23039
- t[203] || (t[203] = o("h3", null, "Product boxes", -1)),
23040
- o("div", BC, [
23070
+ t[204] || (t[204] = o("h3", null, "Product boxes", -1)),
23071
+ o("div", IC, [
23041
23072
  (a(!0), r(_, null, q(i.boxProductData, (C, z) => (a(), r("div", {
23042
23073
  class: "grid-small-item",
23043
23074
  key: z
@@ -23049,7 +23080,7 @@ function pv(e, t, n, s, i, l) {
23049
23080
  }, null, 8, ["product"])
23050
23081
  ]))), 128))
23051
23082
  ]),
23052
- t[204] || (t[204] = o("h3", null, "User boxes", -1)),
23083
+ t[205] || (t[205] = o("h3", null, "User boxes", -1)),
23053
23084
  p(u, {
23054
23085
  boxesPerRow: [5, 2, 1],
23055
23086
  useRowViewAsDefault: !0,
@@ -23067,12 +23098,12 @@ function pv(e, t, n, s, i, l) {
23067
23098
  _: 1
23068
23099
  }),
23069
23100
  o("h3", null, [
23070
- t[201] || (t[201] = o("span", null, "Boxes in BoxWrapper (collapsible)", -1)),
23101
+ t[202] || (t[202] = o("span", null, "Boxes in BoxWrapper (collapsible)", -1)),
23071
23102
  o("a", {
23072
23103
  href: "#",
23073
23104
  class: "button small icon-cog",
23074
23105
  title: "Open Component Settings",
23075
- onClick: t[74] || (t[74] = S((C) => l.openSettingsSidebar("CmdBoxWrapper"), ["prevent"]))
23106
+ onClick: t[75] || (t[75] = S((C) => l.openSettingsSidebar("CmdBoxWrapper"), ["prevent"]))
23076
23107
  })
23077
23108
  ]),
23078
23109
  p(u, {
@@ -23108,13 +23139,13 @@ function pv(e, t, n, s, i, l) {
23108
23139
  }),
23109
23140
  p(w, { "inner-component": "div" }, {
23110
23141
  default: k(() => [
23111
- o("h2", FC, [
23112
- t[205] || (t[205] = o("span", null, "Breadcrumbs", -1)),
23142
+ o("h2", BC, [
23143
+ t[206] || (t[206] = o("span", null, "Breadcrumbs", -1)),
23113
23144
  o("a", {
23114
23145
  href: "#",
23115
23146
  class: "button small icon-cog",
23116
23147
  title: "Open Component Settings",
23117
- onClick: t[75] || (t[75] = S((C) => l.openSettingsSidebar("CmdBreadcrumbs"), ["prevent"]))
23148
+ onClick: t[76] || (t[76] = S((C) => l.openSettingsSidebar("CmdBreadcrumbs"), ["prevent"]))
23118
23149
  })
23119
23150
  ]),
23120
23151
  p(Y, I({
@@ -23127,13 +23158,13 @@ function pv(e, t, n, s, i, l) {
23127
23158
  }),
23128
23159
  p(w, null, {
23129
23160
  default: k(() => [
23130
- o("h2", DC, [
23131
- t[206] || (t[206] = o("span", null, "Company Logo", -1)),
23161
+ o("h2", FC, [
23162
+ t[207] || (t[207] = o("span", null, "Company Logo", -1)),
23132
23163
  o("a", {
23133
23164
  href: "#",
23134
23165
  class: "button small icon-cog",
23135
23166
  title: "Open Component Settings",
23136
- onClick: t[76] || (t[76] = S((C) => l.openSettingsSidebar("CmdCompanyLogo"), ["prevent"]))
23167
+ onClick: t[77] || (t[77] = S((C) => l.openSettingsSidebar("CmdCompanyLogo"), ["prevent"]))
23137
23168
  })
23138
23169
  ]),
23139
23170
  p(f, I({
@@ -23145,21 +23176,21 @@ function pv(e, t, n, s, i, l) {
23145
23176
  }),
23146
23177
  p(w, null, {
23147
23178
  default: k(() => [
23148
- o("h2", MC, [
23149
- t[207] || (t[207] = o("span", null, "Container", -1)),
23179
+ o("h2", DC, [
23180
+ t[208] || (t[208] = o("span", null, "Container", -1)),
23150
23181
  o("a", {
23151
23182
  href: "#",
23152
23183
  class: "button small icon-cog",
23153
23184
  title: "Open Component Settings",
23154
- onClick: t[77] || (t[77] = S((C) => l.openSettingsSidebar("CmdContainer"), ["prevent"]))
23185
+ onClick: t[78] || (t[78] = S((C) => l.openSettingsSidebar("CmdContainer"), ["prevent"]))
23155
23186
  })
23156
23187
  ]),
23157
- t[209] || (t[209] = o("h3", null, "Default Container", -1)),
23188
+ t[210] || (t[210] = o("h3", null, "Default Container", -1)),
23158
23189
  p(Z, I({
23159
23190
  style: { border: "1px dotted gray" },
23160
23191
  ref: "CmdContainer"
23161
23192
  }, e.cmdContainerSettingsData), null, 16),
23162
- t[210] || (t[210] = o("h3", null, "Container with default-text", -1)),
23193
+ t[211] || (t[211] = o("h3", null, "Container with default-text", -1)),
23163
23194
  p(Z, {
23164
23195
  style: { border: "1px dotted gray" },
23165
23196
  ref: "CmdContainer",
@@ -23167,19 +23198,19 @@ function pv(e, t, n, s, i, l) {
23167
23198
  containerType: "flex",
23168
23199
  contentOrientation: "horizontal"
23169
23200
  }, null, 512),
23170
- t[211] || (t[211] = o("h3", null, "Container with vertical slots", -1)),
23201
+ t[212] || (t[212] = o("h3", null, "Container with vertical slots", -1)),
23171
23202
  p(Z, I({
23172
23203
  style: { border: "1px dotted gray" },
23173
23204
  ref: "CmdContainer"
23174
23205
  }, e.cmdContainerSettingsData), {
23175
- default: k(() => t[208] || (t[208] = [
23206
+ default: k(() => t[209] || (t[209] = [
23176
23207
  o("p", null, "Slot-content", -1),
23177
23208
  o("p", null, "Slot-content", -1),
23178
23209
  o("p", null, "Slot-content", -1)
23179
23210
  ])),
23180
23211
  _: 1
23181
23212
  }, 16),
23182
- t[212] || (t[212] = o("h3", null, "Container with horizontal slots", -1)),
23213
+ t[213] || (t[213] = o("h3", null, "Container with horizontal slots", -1)),
23183
23214
  p(Z, I({
23184
23215
  style: { border: "1px dotted gray" },
23185
23216
  ref: "CmdContainer"
@@ -23204,15 +23235,15 @@ function pv(e, t, n, s, i, l) {
23204
23235
  }),
23205
23236
  p(w, null, {
23206
23237
  default: k(() => [
23207
- t[214] || (t[214] = o("h2", {
23238
+ t[215] || (t[215] = o("h2", {
23208
23239
  class: "headline-demopage",
23209
23240
  id: "section-cookie-disclaimer"
23210
23241
  }, "Cookie Disclaimer", -1)),
23211
23242
  o("a", {
23212
23243
  class: "button",
23213
23244
  href: "#",
23214
- onClick: t[78] || (t[78] = S((C) => i.fancyBoxCookieDisclaimer = !0, ["prevent"]))
23215
- }, t[213] || (t[213] = [
23245
+ onClick: t[79] || (t[79] = S((C) => i.fancyBoxCookieDisclaimer = !0, ["prevent"]))
23246
+ }, t[214] || (t[214] = [
23216
23247
  o("span", null, "Open Cookie Disclaimer", -1)
23217
23248
  ]))
23218
23249
  ]),
@@ -23220,11 +23251,11 @@ function pv(e, t, n, s, i, l) {
23220
23251
  }),
23221
23252
  p(w, null, {
23222
23253
  default: k(() => [
23223
- t[215] || (t[215] = o("h2", {
23254
+ t[216] || (t[216] = o("h2", {
23224
23255
  class: "headline-demopage",
23225
23256
  id: "section-forms"
23226
23257
  }, "Forms", -1)),
23227
- t[216] || (t[216] = o("h3", null, "Form elements given by data", -1)),
23258
+ t[217] || (t[217] = o("h3", null, "Form elements given by data", -1)),
23228
23259
  p(U, {
23229
23260
  useFieldset: !0,
23230
23261
  useSlot: !1,
@@ -23233,7 +23264,7 @@ function pv(e, t, n, s, i, l) {
23233
23264
  formElements: i.formElementsData,
23234
23265
  onSubmit: l.doConsoleLog
23235
23266
  }, null, 8, ["formElements", "onSubmit"]),
23236
- t[217] || (t[217] = o("h3", null, "Form elements given by slot", -1)),
23267
+ t[218] || (t[218] = o("h3", null, "Form elements given by slot", -1)),
23237
23268
  p(U, {
23238
23269
  "use-fieldset": !0,
23239
23270
  id: "form-component",
@@ -23271,52 +23302,52 @@ function pv(e, t, n, s, i, l) {
23271
23302
  }),
23272
23303
  p(w, null, {
23273
23304
  default: k(() => [
23274
- t[221] || (t[221] = o("h2", {
23305
+ t[222] || (t[222] = o("h2", {
23275
23306
  class: "headline-demopage",
23276
23307
  id: "section-fancybox"
23277
23308
  }, "Fancybox", -1)),
23278
- t[222] || (t[222] = o("h3", null, "FancyBox with text", -1)),
23309
+ t[223] || (t[223] = o("h3", null, "FancyBox with text", -1)),
23279
23310
  o("a", {
23280
23311
  href: "#",
23281
- onClick: t[79] || (t[79] = S((C) => l.showFancyBox("text", "Some text", "FancyBox with text"), ["prevent"]))
23312
+ onClick: t[80] || (t[80] = S((C) => l.showFancyBox("text", "Some text", "FancyBox with text"), ["prevent"]))
23282
23313
  }, "Open FancyBox with text"),
23283
- t[223] || (t[223] = o("h3", null, "FancyBox with large image given by url", -1)),
23314
+ t[224] || (t[224] = o("h3", null, "FancyBox with large image given by url", -1)),
23284
23315
  o("a", {
23285
23316
  href: "#",
23286
- onClick: t[80] || (t[80] = S((C) => l.showFancyBox("url", "/media/images/demo-images/large/landscape-01.jpg", "FancyBox with large image given by url"), ["prevent"])),
23317
+ onClick: t[81] || (t[81] = S((C) => l.showFancyBox("url", "/media/images/demo-images/large/landscape-01.jpg", "FancyBox with large image given by url"), ["prevent"])),
23287
23318
  title: "Open FancyBox with large image given by url",
23288
23319
  style: { "align-self": "flex-start" }
23289
- }, t[218] || (t[218] = [
23320
+ }, t[219] || (t[219] = [
23290
23321
  o("img", {
23291
- src: P1,
23322
+ src: V1,
23292
23323
  alt: "Alternative text"
23293
23324
  }, null, -1)
23294
23325
  ])),
23295
- t[224] || (t[224] = o("h3", null, "FancyBox with large image given by property", -1)),
23326
+ t[225] || (t[225] = o("h3", null, "FancyBox with large image given by property", -1)),
23296
23327
  o("a", {
23297
23328
  href: "#",
23298
- onClick: t[81] || (t[81] = S((C) => l.showFancyBox("image", { large: "/media/images/demo-images/large/landscape-02.jpg" }, "FancyBox with large image given by property"), ["prevent"])),
23329
+ onClick: t[82] || (t[82] = S((C) => l.showFancyBox("image", { large: "/media/images/demo-images/large/landscape-02.jpg" }, "FancyBox with large image given by property"), ["prevent"])),
23299
23330
  title: "Open FancyBox with large image given by property",
23300
23331
  style: { "align-self": "flex-start" }
23301
- }, t[219] || (t[219] = [
23332
+ }, t[220] || (t[220] = [
23302
23333
  o("img", {
23303
- src: A1,
23334
+ src: P1,
23304
23335
  alt: "Alternative text"
23305
23336
  }, null, -1)
23306
23337
  ])),
23307
- t[225] || (t[225] = o("h3", null, "FancyBox with image as object give by property", -1)),
23338
+ t[226] || (t[226] = o("h3", null, "FancyBox with image as object give by property", -1)),
23308
23339
  o("a", {
23309
23340
  href: "#",
23310
- onClick: t[82] || (t[82] = S((C) => l.showFancyBox("image", {
23341
+ onClick: t[83] || (t[83] = S((C) => l.showFancyBox("image", {
23311
23342
  small: "/media/images/demo-images/medium/landscape-03.jpg",
23312
23343
  medium: "/media/images/demo-images/medium/landscape-03.jpg",
23313
23344
  large: "/media/images/demo-images/large/landscape-03.jpg"
23314
23345
  }, "FancyBox with large image given by property"), ["prevent"])),
23315
23346
  title: "Open FancyBox with large image given by property",
23316
23347
  style: { "align-self": "flex-start" }
23317
- }, t[220] || (t[220] = [
23348
+ }, t[221] || (t[221] = [
23318
23349
  o("img", {
23319
- src: E1,
23350
+ src: A1,
23320
23351
  alt: "Alternative text"
23321
23352
  }, null, -1)
23322
23353
  ]))
@@ -23325,18 +23356,18 @@ function pv(e, t, n, s, i, l) {
23325
23356
  }),
23326
23357
  p(w, null, {
23327
23358
  default: k(() => [
23328
- t[228] || (t[228] = o("h2", {
23359
+ t[229] || (t[229] = o("h2", {
23329
23360
  class: "headline-demopage",
23330
23361
  id: "section-flexible-scroll-container"
23331
23362
  }, "Flexible Scroll-Container", -1)),
23332
23363
  p(Q, { style: { border: "1px dotted gray" } }, {
23333
- "fixed-wrapper": k(() => t[226] || (t[226] = [
23364
+ "fixed-wrapper": k(() => t[227] || (t[227] = [
23334
23365
  o("div", {
23335
23366
  class: "default-padding",
23336
23367
  style: { border: "1px dotted gray" }
23337
23368
  }, " Fixed content ", -1)
23338
23369
  ])),
23339
- "scroll-wrapper": k(() => t[227] || (t[227] = [
23370
+ "scroll-wrapper": k(() => t[228] || (t[228] = [
23340
23371
  o("div", {
23341
23372
  class: "default-padding",
23342
23373
  style: { border: "1px dotted gray" }
@@ -23376,7 +23407,7 @@ function pv(e, t, n, s, i, l) {
23376
23407
  }),
23377
23408
  p(w, null, {
23378
23409
  default: k(() => [
23379
- t[229] || (t[229] = o("h2", {
23410
+ t[230] || (t[230] = o("h2", {
23380
23411
  class: "headline-demopage",
23381
23412
  id: "section-google-maps"
23382
23413
  }, "Google Maps™", -1)),
@@ -23388,13 +23419,13 @@ function pv(e, t, n, s, i, l) {
23388
23419
  }),
23389
23420
  p(w, null, {
23390
23421
  default: k(() => [
23391
- o("h2", VC, [
23392
- t[230] || (t[230] = o("span", null, "Headlines", -1)),
23422
+ o("h2", MC, [
23423
+ t[231] || (t[231] = o("span", null, "Headlines", -1)),
23393
23424
  o("a", {
23394
23425
  href: "#",
23395
23426
  class: "button small icon-cog",
23396
23427
  title: "Open Component Settings",
23397
- onClick: t[83] || (t[83] = S((C) => l.openSettingsSidebar("CmdHeadline"), ["prevent"]))
23428
+ onClick: t[84] || (t[84] = S((C) => l.openSettingsSidebar("CmdHeadline"), ["prevent"]))
23398
23429
  })
23399
23430
  ]),
23400
23431
  p(ee, I({ ref: "CmdHeadline" }, e.cmdHeadlineSettingsData), null, 16),
@@ -23408,7 +23439,7 @@ function pv(e, t, n, s, i, l) {
23408
23439
  ref: "CmdHeadline",
23409
23440
  headlineLevel: "3"
23410
23441
  }, {
23411
- default: k(() => t[231] || (t[231] = [
23442
+ default: k(() => t[232] || (t[232] = [
23412
23443
  H(" Headline text"),
23413
23444
  o("br", null, null, -1),
23414
23445
  H(" with html given by slot ")
@@ -23420,29 +23451,29 @@ function pv(e, t, n, s, i, l) {
23420
23451
  }),
23421
23452
  p(w, null, {
23422
23453
  default: k(() => [
23423
- t[237] || (t[237] = o("h2", {
23454
+ t[238] || (t[238] = o("h2", {
23424
23455
  class: "headline-demopage",
23425
23456
  id: "section-icons"
23426
23457
  }, "Icons", -1)),
23427
23458
  o("ul", null, [
23428
23459
  o("li", null, [
23429
- t[232] || (t[232] = o("span", null, "Icon from local iconfont", -1)),
23460
+ t[233] || (t[233] = o("span", null, "Icon from local iconfont", -1)),
23430
23461
  p(le, { iconClass: "icon-home" })
23431
23462
  ]),
23432
23463
  o("li", null, [
23433
- t[233] || (t[233] = o("span", null, "Icon from iconify-api (icomoon-font)", -1)),
23464
+ t[234] || (t[234] = o("span", null, "Icon from iconify-api (icomoon-font)", -1)),
23434
23465
  p(le, { iconClass: "icomoon-free:home" })
23435
23466
  ]),
23436
23467
  o("li", null, [
23437
- t[234] || (t[234] = o("span", null, "Icon from iconify-api (bootstrap-font)", -1)),
23468
+ t[235] || (t[235] = o("span", null, "Icon from iconify-api (bootstrap-font)", -1)),
23438
23469
  p(le, { iconClass: "bi:house-fill" })
23439
23470
  ]),
23440
23471
  o("li", null, [
23441
- t[235] || (t[235] = o("span", null, "Icon from iconify-api (material-design-font)", -1)),
23472
+ t[236] || (t[236] = o("span", null, "Icon from iconify-api (material-design-font)", -1)),
23442
23473
  p(le, { iconClass: "mdi:home" })
23443
23474
  ]),
23444
23475
  o("li", null, [
23445
- t[236] || (t[236] = o("span", null, "Icon from iconify-api (font-awesome-solid-font)", -1)),
23476
+ t[237] || (t[237] = o("span", null, "Icon from iconify-api (font-awesome-solid-font)", -1)),
23446
23477
  p(le, { iconClass: "fa6-solid:house-chimney" })
23447
23478
  ])
23448
23479
  ])
@@ -23451,16 +23482,16 @@ function pv(e, t, n, s, i, l) {
23451
23482
  }),
23452
23483
  p(w, null, {
23453
23484
  default: k(() => [
23454
- o("h2", PC, [
23455
- t[238] || (t[238] = o("span", null, "Image", -1)),
23485
+ o("h2", VC, [
23486
+ t[239] || (t[239] = o("span", null, "Image", -1)),
23456
23487
  o("a", {
23457
23488
  href: "#",
23458
23489
  class: "button small icon-cog",
23459
23490
  title: "Open Component Settings",
23460
- onClick: t[84] || (t[84] = S((C) => l.openSettingsSidebar("CmdImage"), ["prevent"]))
23491
+ onClick: t[85] || (t[85] = S((C) => l.openSettingsSidebar("CmdImage"), ["prevent"]))
23461
23492
  })
23462
23493
  ]),
23463
- o("div", AC, [
23494
+ o("div", PC, [
23464
23495
  p(re, I({
23465
23496
  ref: "CmdImage",
23466
23497
  image: i.imageData[0].image,
@@ -23476,13 +23507,13 @@ function pv(e, t, n, s, i, l) {
23476
23507
  }),
23477
23508
  p(w, null, {
23478
23509
  default: k(() => [
23479
- o("h2", EC, [
23480
- t[239] || (t[239] = o("span", null, "Image-Gallery", -1)),
23510
+ o("h2", AC, [
23511
+ t[240] || (t[240] = o("span", null, "Image-Gallery", -1)),
23481
23512
  o("a", {
23482
23513
  href: "#",
23483
23514
  class: "button small icon-cog",
23484
23515
  title: "Open Component Settings",
23485
- onClick: t[85] || (t[85] = S((C) => l.openSettingsSidebar("CmdImageGallery"), ["prevent"]))
23516
+ onClick: t[86] || (t[86] = S((C) => l.openSettingsSidebar("CmdImageGallery"), ["prevent"]))
23486
23517
  })
23487
23518
  ]),
23488
23519
  p(me, I({
@@ -23494,7 +23525,7 @@ function pv(e, t, n, s, i, l) {
23494
23525
  }),
23495
23526
  p(w, null, {
23496
23527
  default: k(() => [
23497
- t[240] || (t[240] = o("h2", {
23528
+ t[241] || (t[241] = o("h2", {
23498
23529
  class: "headline-demopage",
23499
23530
  id: "section-image-zoom"
23500
23531
  }, " Image-Zoom ", -1)),
@@ -23509,13 +23540,13 @@ function pv(e, t, n, s, i, l) {
23509
23540
  default: k(() => {
23510
23541
  var C, z, ve, je, Ke, Ye;
23511
23542
  return [
23512
- o("h2", HC, [
23513
- t[241] || (t[241] = o("span", null, "Link", -1)),
23543
+ o("h2", EC, [
23544
+ t[242] || (t[242] = o("span", null, "Link", -1)),
23514
23545
  o("a", {
23515
23546
  href: "#",
23516
23547
  class: "button small icon-cog",
23517
23548
  title: "Open Component Settings",
23518
- onClick: t[86] || (t[86] = S((Bn) => l.openSettingsSidebar("CmdLink"), ["prevent"]))
23549
+ onClick: t[87] || (t[87] = S((Bn) => l.openSettingsSidebar("CmdLink"), ["prevent"]))
23519
23550
  })
23520
23551
  ]),
23521
23552
  p(X, I({
@@ -23543,8 +23574,8 @@ function pv(e, t, n, s, i, l) {
23543
23574
  icon: { iconClass: "icon-home", position: "top", tooltip: "Tooltip for hyperlink" }
23544
23575
  }), null, 16),
23545
23576
  o("button", {
23546
- onClick: t[87] || (t[87] = (Bn) => i.showCmdLink = !0)
23547
- }, t[242] || (t[242] = [
23577
+ onClick: t[88] || (t[88] = (Bn) => i.showCmdLink = !0)
23578
+ }, t[243] || (t[243] = [
23548
23579
  o("span", null, "Add link", -1)
23549
23580
  ])),
23550
23581
  i.showCmdLink ? (a(), v(X, {
@@ -23555,12 +23586,12 @@ function pv(e, t, n, s, i, l) {
23555
23586
  fancybox: !0,
23556
23587
  icon: { iconClass: "icon-chevron-one-stripe-right", position: "right", tooltip: "Tooltip for hyperlink" }
23557
23588
  })) : m("", !0),
23558
- o("dl", qC, [
23559
- t[243] || (t[243] = o("dt", null, "Event:", -1)),
23589
+ o("dl", HC, [
23590
+ t[244] || (t[244] = o("dt", null, "Event:", -1)),
23560
23591
  o("dd", null, y((z = (C = i.outputCmdLink) == null ? void 0 : C.event) == null ? void 0 : z.originalEvent.originalEvent), 1),
23561
- t[244] || (t[244] = o("dt", null, "Target:", -1)),
23592
+ t[245] || (t[245] = o("dt", null, "Target:", -1)),
23562
23593
  o("dd", null, y((je = (ve = i.outputCmdLink) == null ? void 0 : ve.event) == null ? void 0 : je.originalEvent.target), 1),
23563
- t[245] || (t[245] = o("dt", null, "LinkType:", -1)),
23594
+ t[246] || (t[246] = o("dt", null, "LinkType:", -1)),
23564
23595
  o("dd", null, y((Ye = (Ke = i.outputCmdLink) == null ? void 0 : Ke.event) == null ? void 0 : Ye.originalEvent.linkType), 1)
23565
23596
  ])
23566
23597
  ];
@@ -23571,25 +23602,25 @@ function pv(e, t, n, s, i, l) {
23571
23602
  default: k(() => {
23572
23603
  var C, z, ve, je, Ke, Ye;
23573
23604
  return [
23574
- o("h2", RC, [
23575
- t[246] || (t[246] = o("span", null, "List Of Links", -1)),
23605
+ o("h2", qC, [
23606
+ t[247] || (t[247] = o("span", null, "List Of Links", -1)),
23576
23607
  o("a", {
23577
23608
  href: "#",
23578
23609
  class: "button small icon-cog",
23579
23610
  title: "Open Component Settings",
23580
- onClick: t[88] || (t[88] = S((Bn) => l.openSettingsSidebar("CmdListOfLinks"), ["prevent"]))
23611
+ onClick: t[89] || (t[89] = S((Bn) => l.openSettingsSidebar("CmdListOfLinks"), ["prevent"]))
23581
23612
  })
23582
23613
  ]),
23583
23614
  p(h, I({ ref: "CmdListOfLinks" }, e.cmdListOfLinksSettingsData, {
23584
23615
  links: i.listOfLinksData,
23585
23616
  onClick: l.cmdLinkOutput
23586
23617
  }), null, 16, ["links", "onClick"]),
23587
- o("dl", jC, [
23588
- t[247] || (t[247] = o("dt", null, "Event:", -1)),
23618
+ o("dl", RC, [
23619
+ t[248] || (t[248] = o("dt", null, "Event:", -1)),
23589
23620
  o("dd", null, y((z = (C = i.outputCmdLink) == null ? void 0 : C.event) == null ? void 0 : z.originalEvent), 1),
23590
- t[248] || (t[248] = o("dt", null, "Target:", -1)),
23621
+ t[249] || (t[249] = o("dt", null, "Target:", -1)),
23591
23622
  o("dd", null, y((je = (ve = i.outputCmdLink) == null ? void 0 : ve.event) == null ? void 0 : je.originalEvent.target), 1),
23592
- t[249] || (t[249] = o("dt", null, "LinkType:", -1)),
23623
+ t[250] || (t[250] = o("dt", null, "LinkType:", -1)),
23593
23624
  o("dd", null, y((Ye = (Ke = i.outputCmdLink) == null ? void 0 : Ke.event) == null ? void 0 : Ye.linkType), 1)
23594
23625
  ])
23595
23626
  ];
@@ -23598,13 +23629,13 @@ function pv(e, t, n, s, i, l) {
23598
23629
  }),
23599
23630
  p(w, null, {
23600
23631
  default: k(() => [
23601
- o("h2", NC, [
23602
- t[250] || (t[250] = o("span", null, "List Of Images", -1)),
23632
+ o("h2", jC, [
23633
+ t[251] || (t[251] = o("span", null, "List Of Images", -1)),
23603
23634
  o("a", {
23604
23635
  href: "#",
23605
23636
  class: "button small icon-cog",
23606
23637
  title: "Open Component Settings",
23607
- onClick: t[89] || (t[89] = S((C) => l.openSettingsSidebar("CmdListOfImages"), ["prevent"]))
23638
+ onClick: t[90] || (t[90] = S((C) => l.openSettingsSidebar("CmdListOfImages"), ["prevent"]))
23608
23639
  })
23609
23640
  ]),
23610
23641
  p(te, I({ ref: "CmdListOfImages" }, e.cmdListOfImagesSettingsData, { images: i.imageGalleryData }), null, 16, ["images"])
@@ -23613,20 +23644,20 @@ function pv(e, t, n, s, i, l) {
23613
23644
  }),
23614
23645
  p(w, null, {
23615
23646
  default: k(() => [
23616
- o("h2", UC, [
23617
- t[251] || (t[251] = o("span", null, "Login Form", -1)),
23647
+ o("h2", NC, [
23648
+ t[252] || (t[252] = o("span", null, "Login Form", -1)),
23618
23649
  o("a", {
23619
23650
  href: "#",
23620
23651
  class: "button small icon-cog",
23621
23652
  title: "Open Component Settings",
23622
- onClick: t[90] || (t[90] = S((C) => l.openSettingsSidebar("CmdLoginForm"), ["prevent"]))
23653
+ onClick: t[91] || (t[91] = S((C) => l.openSettingsSidebar("CmdLoginForm"), ["prevent"]))
23623
23654
  })
23624
23655
  ]),
23625
23656
  p(U, { "use-fieldset": !1 }, {
23626
23657
  default: k(() => [
23627
23658
  p(Ce, I({ ref: "CmdLoginForm" }, e.cmdLoginFormSettingsData, {
23628
23659
  modelValue: i.loginData,
23629
- "onUpdate:modelValue": t[91] || (t[91] = (C) => i.loginData = C)
23660
+ "onUpdate:modelValue": t[92] || (t[92] = (C) => i.loginData = C)
23630
23661
  }), null, 16, ["modelValue"])
23631
23662
  ]),
23632
23663
  _: 1
@@ -23637,7 +23668,7 @@ function pv(e, t, n, s, i, l) {
23637
23668
  }),
23638
23669
  p(w, null, {
23639
23670
  default: k(() => [
23640
- t[252] || (t[252] = o("h2", {
23671
+ t[253] || (t[253] = o("h2", {
23641
23672
  class: "headline-demopage",
23642
23673
  id: "section-mail-tool"
23643
23674
  }, [
@@ -23653,13 +23684,13 @@ function pv(e, t, n, s, i, l) {
23653
23684
  }),
23654
23685
  p(w, null, {
23655
23686
  default: k(() => [
23656
- o("h2", zC, [
23657
- t[253] || (t[253] = o("span", null, "Main Navigation", -1)),
23687
+ o("h2", UC, [
23688
+ t[254] || (t[254] = o("span", null, "Main Navigation", -1)),
23658
23689
  o("a", {
23659
23690
  href: "#",
23660
23691
  class: "button small icon-cog",
23661
23692
  title: "Open Component Settings",
23662
- onClick: t[92] || (t[92] = S((C) => l.openSettingsSidebar("CmdMainNavigation"), ["prevent"]))
23693
+ onClick: t[93] || (t[93] = S((C) => l.openSettingsSidebar("CmdMainNavigation"), ["prevent"]))
23663
23694
  })
23664
23695
  ]),
23665
23696
  p(Ie, I({ ref: "CmdMainNavigation" }, e.cmdMainNavigationSettingsData, { navigationEntries: l.navigationDataModified }), null, 16, ["navigationEntries"]),
@@ -23669,21 +23700,21 @@ function pv(e, t, n, s, i, l) {
23669
23700
  }),
23670
23701
  p(w, null, {
23671
23702
  default: k(() => [
23672
- o("h2", GC, [
23673
- t[254] || (t[254] = o("span", null, "Multistepform-Progressbar", -1)),
23703
+ o("h2", zC, [
23704
+ t[255] || (t[255] = o("span", null, "Multistepform-Progressbar", -1)),
23674
23705
  o("a", {
23675
23706
  href: "#",
23676
23707
  class: "button small icon-cog",
23677
23708
  title: "Open Component Settings",
23678
- onClick: t[93] || (t[93] = S((C) => l.openSettingsSidebar("CmdMultistepFormProgressBar"), ["prevent"]))
23709
+ onClick: t[94] || (t[94] = S((C) => l.openSettingsSidebar("CmdMultistepFormProgressBar"), ["prevent"]))
23679
23710
  })
23680
23711
  ]),
23681
- t[255] || (t[255] = o("h3", null, "Steps with icons", -1)),
23712
+ t[256] || (t[256] = o("h3", null, "Steps with icons", -1)),
23682
23713
  p(Fe, I({
23683
23714
  ref: "CmdMultistepFormProgressBar",
23684
23715
  multisteps: i.multistepsData.withIcon
23685
23716
  }, e.cmdMultistepFormProgressBarSettingsData, {
23686
- onClick: t[94] || (t[94] = (C) => i.showPageMultistep = C.index + 1)
23717
+ onClick: t[95] || (t[95] = (C) => i.showPageMultistep = C.index + 1)
23687
23718
  }), null, 16, ["multisteps"]),
23688
23719
  o("div", null, [
23689
23720
  o("p", null, "Page " + y(i.showPageMultistep), 1)
@@ -23693,20 +23724,20 @@ function pv(e, t, n, s, i, l) {
23693
23724
  }),
23694
23725
  p(w, null, {
23695
23726
  default: k(() => [
23696
- o("h2", WC, [
23697
- t[256] || (t[256] = o("span", null, "Newsletter Subscription", -1)),
23727
+ o("h2", GC, [
23728
+ t[257] || (t[257] = o("span", null, "Newsletter Subscription", -1)),
23698
23729
  o("a", {
23699
23730
  href: "#",
23700
23731
  class: "button small icon-cog",
23701
23732
  title: "Open Component Settings",
23702
- onClick: t[95] || (t[95] = S((C) => l.openSettingsSidebar("CmdNewsletterSubscription"), ["prevent"]))
23733
+ onClick: t[96] || (t[96] = S((C) => l.openSettingsSidebar("CmdNewsletterSubscription"), ["prevent"]))
23703
23734
  })
23704
23735
  ]),
23705
23736
  p(U, { "use-fieldset": !1 }, {
23706
23737
  default: k(() => [
23707
23738
  p(De, I({ ref: "CmdNewsletterSubscription" }, e.cmdNewsletterSubscriptionSettingsData, {
23708
23739
  modelValue: i.newsletter,
23709
- "onUpdate:modelValue": t[96] || (t[96] = (C) => i.newsletter = C),
23740
+ "onUpdate:modelValue": t[97] || (t[97] = (C) => i.newsletter = C),
23710
23741
  onButtonClick: l.submitNewsletterRegistration
23711
23742
  }), null, 16, ["modelValue", "onButtonClick"])
23712
23743
  ]),
@@ -23717,13 +23748,13 @@ function pv(e, t, n, s, i, l) {
23717
23748
  }),
23718
23749
  p(w, null, {
23719
23750
  default: k(() => [
23720
- o("h2", KC, [
23721
- t[257] || (t[257] = o("span", null, "Opening Hours", -1)),
23751
+ o("h2", WC, [
23752
+ t[258] || (t[258] = o("span", null, "Opening Hours", -1)),
23722
23753
  o("a", {
23723
23754
  href: "#",
23724
23755
  class: "button small icon-cog",
23725
23756
  title: "Open Component Settings",
23726
- onClick: t[97] || (t[97] = S((C) => l.openSettingsSidebar("CmdOpeningHours"), ["prevent"]))
23757
+ onClick: t[98] || (t[98] = S((C) => l.openSettingsSidebar("CmdOpeningHours"), ["prevent"]))
23727
23758
  })
23728
23759
  ]),
23729
23760
  p(ke, I({ ref: "CmdOpeningHours" }, e.cmdOpeningHoursSettingsData, {
@@ -23742,20 +23773,20 @@ function pv(e, t, n, s, i, l) {
23742
23773
  }),
23743
23774
  p(w, null, {
23744
23775
  default: k(() => [
23745
- o("h2", YC, [
23746
- t[258] || (t[258] = o("span", null, "Page Footer", -1)),
23776
+ o("h2", KC, [
23777
+ t[259] || (t[259] = o("span", null, "Page Footer", -1)),
23747
23778
  o("a", {
23748
23779
  href: "#",
23749
23780
  class: "button small icon-cog",
23750
23781
  title: "Open Component Settings",
23751
- onClick: t[98] || (t[98] = S((C) => l.openSettingsSidebar("CmdPageFooter"), ["prevent"]))
23782
+ onClick: t[99] || (t[99] = S((C) => l.openSettingsSidebar("CmdPageFooter"), ["prevent"]))
23752
23783
  })
23753
23784
  ]),
23754
23785
  p(de, I({ ref: "CmdPageFooter" }, e.cmdPageFooterSettingsData, {
23755
23786
  "button-print-view": { text: "Print this page" },
23756
23787
  cmdSocialNetworks: i.socialNetworksData
23757
23788
  }), {
23758
- default: k(() => t[259] || (t[259] = [
23789
+ default: k(() => t[260] || (t[260] = [
23759
23790
  o("button", {
23760
23791
  class: "button primary",
23761
23792
  title: "Button given by slot"
@@ -23771,13 +23802,13 @@ function pv(e, t, n, s, i, l) {
23771
23802
  }),
23772
23803
  p(w, null, {
23773
23804
  default: k(() => [
23774
- o("h2", JC, [
23775
- t[260] || (t[260] = o("span", null, "Page Header", -1)),
23805
+ o("h2", YC, [
23806
+ t[261] || (t[261] = o("span", null, "Page Header", -1)),
23776
23807
  o("a", {
23777
23808
  href: "#",
23778
23809
  class: "button small icon-cog",
23779
23810
  title: "Open Component Settings",
23780
- onClick: t[99] || (t[99] = S((C) => l.openSettingsSidebar("CmdPageHeader"), ["prevent"]))
23811
+ onClick: t[100] || (t[100] = S((C) => l.openSettingsSidebar("CmdPageHeader"), ["prevent"]))
23781
23812
  })
23782
23813
  ]),
23783
23814
  p(at, {
@@ -23785,7 +23816,7 @@ function pv(e, t, n, s, i, l) {
23785
23816
  cmdBreadcrumbs: i.breadcrumbsData,
23786
23817
  cmdHeadline: { headlineText: "Main headline for page", headlineLevel: 1 }
23787
23818
  }, {
23788
- default: k(() => t[261] || (t[261] = [
23819
+ default: k(() => t[262] || (t[262] = [
23789
23820
  o("a", {
23790
23821
  href: "#",
23791
23822
  title: "Link given by slot"
@@ -23801,32 +23832,32 @@ function pv(e, t, n, s, i, l) {
23801
23832
  }),
23802
23833
  p(w, null, {
23803
23834
  default: k(() => [
23804
- o("h2", ZC, [
23805
- t[262] || (t[262] = o("span", null, "Pagination", -1)),
23835
+ o("h2", JC, [
23836
+ t[263] || (t[263] = o("span", null, "Pagination", -1)),
23806
23837
  o("a", {
23807
23838
  href: "#",
23808
23839
  class: "button small icon-cog",
23809
23840
  title: "Open Component Settings",
23810
- onClick: t[100] || (t[100] = S((C) => l.openSettingsSidebar("CmdPagination"), ["prevent"]))
23841
+ onClick: t[101] || (t[101] = S((C) => l.openSettingsSidebar("CmdPagination"), ["prevent"]))
23811
23842
  })
23812
23843
  ]),
23813
23844
  o("div", null, [
23814
23845
  o("p", null, "Page " + y(i.showPagePager), 1)
23815
23846
  ]),
23816
23847
  p(st, I({ ref: "CmdPagination" }, e.cmdPaginationSettingsData, {
23817
- onClick: t[101] || (t[101] = (C) => i.showPagePager = C)
23848
+ onClick: t[102] || (t[102] = (C) => i.showPagePager = C)
23818
23849
  }), null, 16)
23819
23850
  ]),
23820
23851
  _: 1
23821
23852
  }),
23822
23853
  p(w, null, {
23823
23854
  default: k(() => [
23824
- t[264] || (t[264] = o("h2", {
23855
+ t[265] || (t[265] = o("h2", {
23825
23856
  class: "headline-demopage",
23826
23857
  id: "section-site-footer"
23827
23858
  }, "Site Footer", -1)),
23828
23859
  p(We, null, {
23829
- default: k(() => t[263] || (t[263] = [
23860
+ default: k(() => t[264] || (t[264] = [
23830
23861
  H(" Slotcontent ")
23831
23862
  ])),
23832
23863
  _: 1
@@ -23836,13 +23867,13 @@ function pv(e, t, n, s, i, l) {
23836
23867
  }),
23837
23868
  p(w, null, {
23838
23869
  default: k(() => [
23839
- o("h2", QC, [
23840
- t[265] || (t[265] = o("span", null, "Site Header", -1)),
23870
+ o("h2", ZC, [
23871
+ t[266] || (t[266] = o("span", null, "Site Header", -1)),
23841
23872
  o("a", {
23842
23873
  href: "#",
23843
23874
  class: "button small icon-cog",
23844
23875
  title: "Open Component Settings",
23845
- onClick: t[102] || (t[102] = S((C) => l.openSettingsSidebar("CmdSiteHeader"), ["prevent"]))
23876
+ onClick: t[103] || (t[103] = S((C) => l.openSettingsSidebar("CmdSiteHeader"), ["prevent"]))
23846
23877
  })
23847
23878
  ]),
23848
23879
  p(g, I({ ref: "CmdSiteHeader" }, e.cmdSiteHeaderSettingsData, { cmdCompanyLogo: i.companyLogoData }), {
@@ -23860,24 +23891,24 @@ function pv(e, t, n, s, i, l) {
23860
23891
  }),
23861
23892
  p(w, null, {
23862
23893
  default: k(() => [
23863
- o("h2", XC, [
23864
- t[266] || (t[266] = o("span", null, "Site Search", -1)),
23894
+ o("h2", QC, [
23895
+ t[267] || (t[267] = o("span", null, "Site Search", -1)),
23865
23896
  o("a", {
23866
23897
  href: "#",
23867
23898
  class: "button small icon-cog",
23868
23899
  title: "Open Component Settings",
23869
- onClick: t[103] || (t[103] = S((C) => l.openSettingsSidebar("CmdSiteSearch"), ["prevent"]))
23900
+ onClick: t[104] || (t[104] = S((C) => l.openSettingsSidebar("CmdSiteSearch"), ["prevent"]))
23870
23901
  })
23871
23902
  ]),
23872
23903
  p(rt, I({ ref: "CmdSiteSearch" }, e.cmdSiteSearchSettingsData, {
23873
23904
  modelValueInput1: i.siteSearchInput1,
23874
- "onUpdate:modelValueInput1": t[104] || (t[104] = (C) => i.siteSearchInput1 = C),
23905
+ "onUpdate:modelValueInput1": t[105] || (t[105] = (C) => i.siteSearchInput1 = C),
23875
23906
  modelValueInput2: i.siteSearchInput2,
23876
- "onUpdate:modelValueInput2": t[105] || (t[105] = (C) => i.siteSearchInput2 = C),
23907
+ "onUpdate:modelValueInput2": t[106] || (t[106] = (C) => i.siteSearchInput2 = C),
23877
23908
  modelValueRadius: i.radius,
23878
- "onUpdate:modelValueRadius": t[106] || (t[106] = (C) => i.radius = C),
23909
+ "onUpdate:modelValueRadius": t[107] || (t[107] = (C) => i.radius = C),
23879
23910
  modelValueSearchFilters: i.filters,
23880
- "onUpdate:modelValueSearchFilters": t[107] || (t[107] = (C) => i.filters = C),
23911
+ "onUpdate:modelValueSearchFilters": t[108] || (t[108] = (C) => i.filters = C),
23881
23912
  onSearch: l.siteSearchOutput,
23882
23913
  cmdFakeSelect: i.siteSearchFilters
23883
23914
  }), null, 16, ["modelValueInput1", "modelValueInput2", "modelValueRadius", "modelValueSearchFilters", "onSearch", "cmdFakeSelect"])
@@ -23886,17 +23917,17 @@ function pv(e, t, n, s, i, l) {
23886
23917
  }),
23887
23918
  p(w, null, {
23888
23919
  default: k(() => [
23889
- o("h2", $C, [
23890
- t[267] || (t[267] = o("span", null, "Slideshow", -1)),
23920
+ o("h2", XC, [
23921
+ t[268] || (t[268] = o("span", null, "Slideshow", -1)),
23891
23922
  o("a", {
23892
23923
  href: "#",
23893
23924
  class: "button small icon-cog",
23894
23925
  title: "Open Component Settings",
23895
- onClick: t[108] || (t[108] = S((C) => l.openSettingsSidebar("CmdSlideshow"), ["prevent"]))
23926
+ onClick: t[109] || (t[109] = S((C) => l.openSettingsSidebar("CmdSlideshow"), ["prevent"]))
23896
23927
  })
23897
23928
  ]),
23898
23929
  p(dt, I({ ref: "CmdSlideshow" }, e.cmdSlideshowSettingsData, { "slideshow-items": i.slideshowData }), {
23899
- default: k(() => t[268] || (t[268] = [
23930
+ default: k(() => t[269] || (t[269] = [
23900
23931
  H("Slot-Content ")
23901
23932
  ])),
23902
23933
  _: 1
@@ -23906,13 +23937,13 @@ function pv(e, t, n, s, i, l) {
23906
23937
  }),
23907
23938
  p(w, null, {
23908
23939
  default: k(() => [
23909
- o("h2", ev, [
23910
- t[269] || (t[269] = o("span", null, "Social Networks", -1)),
23940
+ o("h2", $C, [
23941
+ t[270] || (t[270] = o("span", null, "Social Networks", -1)),
23911
23942
  o("a", {
23912
23943
  href: "#",
23913
23944
  class: "button small icon-cog",
23914
23945
  title: "Open Component Settings",
23915
- onClick: t[109] || (t[109] = S((C) => l.openSettingsSidebar("CmdSocialNetworks"), ["prevent"]))
23946
+ onClick: t[110] || (t[110] = S((C) => l.openSettingsSidebar("CmdSocialNetworks"), ["prevent"]))
23916
23947
  })
23917
23948
  ]),
23918
23949
  p(ut, I({ ref: "CmdSocialNetworks" }, { ...e.cmdSocialNetworksSettingsData, ...i.socialNetworksData }), null, 16)
@@ -23921,7 +23952,7 @@ function pv(e, t, n, s, i, l) {
23921
23952
  }),
23922
23953
  p(w, null, {
23923
23954
  default: k(() => [
23924
- t[270] || (t[270] = o("h2", {
23955
+ t[271] || (t[271] = o("h2", {
23925
23956
  class: "headline-demopage",
23926
23957
  id: "section-switch-language"
23927
23958
  }, "Switch Language", -1)),
@@ -23935,17 +23966,17 @@ function pv(e, t, n, s, i, l) {
23935
23966
  }),
23936
23967
  p(w, null, {
23937
23968
  default: k(() => [
23938
- o("h2", tv, [
23939
- t[271] || (t[271] = o("span", null, "System Message", -1)),
23969
+ o("h2", ev, [
23970
+ t[272] || (t[272] = o("span", null, "System Message", -1)),
23940
23971
  o("a", {
23941
23972
  href: "#",
23942
23973
  class: "button small icon-cog",
23943
23974
  title: "Open Component Settings",
23944
- onClick: t[110] || (t[110] = S((C) => l.openSettingsSidebar("CmdSystemMessage"), ["prevent"]))
23975
+ onClick: t[111] || (t[111] = S((C) => l.openSettingsSidebar("CmdSystemMessage"), ["prevent"]))
23945
23976
  })
23946
23977
  ]),
23947
23978
  p(K, I({ ref: "CmdSystemMessage" }, e.cmdSystemMessageSettingsData, { iconMessage: { iconClass: "icon-error-circle", show: !0 } }), {
23948
- default: k(() => t[272] || (t[272] = [
23979
+ default: k(() => t[273] || (t[273] = [
23949
23980
  o("ul", null, [
23950
23981
  o("li", null, "Error #1"),
23951
23982
  o("li", null, "Error #2"),
@@ -23959,18 +23990,18 @@ function pv(e, t, n, s, i, l) {
23959
23990
  }),
23960
23991
  p(w, null, {
23961
23992
  default: k(() => [
23962
- o("h2", nv, [
23963
- t[273] || (t[273] = o("span", null, "Tables", -1)),
23993
+ o("h2", tv, [
23994
+ t[274] || (t[274] = o("span", null, "Tables", -1)),
23964
23995
  o("a", {
23965
23996
  href: "#",
23966
23997
  class: "button small icon-cog",
23967
23998
  title: "Open Component Settings",
23968
- onClick: t[111] || (t[111] = S((C) => l.openSettingsSidebar("CmdTable"), ["prevent"]))
23999
+ onClick: t[112] || (t[112] = S((C) => l.openSettingsSidebar("CmdTable"), ["prevent"]))
23969
24000
  })
23970
24001
  ]),
23971
- t[274] || (t[274] = o("h3", null, "Table as wide as its content (with caption)", -1)),
24002
+ t[275] || (t[275] = o("h3", null, "Table as wide as its content (with caption)", -1)),
23972
24003
  p(In, I({ ref: "CmdTable" }, e.cmdTableSettingsData, { "table-data": i.tableDataLarge }), null, 16, ["table-data"]),
23973
- t[275] || (t[275] = o("h3", null, "Table as wide as possible", -1)),
24004
+ t[276] || (t[276] = o("h3", null, "Table as wide as possible", -1)),
23974
24005
  p(In, {
23975
24006
  collapsible: !0,
23976
24007
  fullWidthOnDefault: !1,
@@ -23982,25 +24013,25 @@ function pv(e, t, n, s, i, l) {
23982
24013
  }),
23983
24014
  p(w, null, {
23984
24015
  default: k(() => [
23985
- o("h2", iv, [
23986
- t[276] || (t[276] = o("span", null, "Tabs", -1)),
24016
+ o("h2", nv, [
24017
+ t[277] || (t[277] = o("span", null, "Tabs", -1)),
23987
24018
  o("a", {
23988
24019
  href: "#",
23989
24020
  class: "button small icon-cog",
23990
24021
  title: "Open Component Settings",
23991
- onClick: t[112] || (t[112] = S((C) => l.openSettingsSidebar("CmdTabs"), ["prevent"]))
24022
+ onClick: t[113] || (t[113] = S((C) => l.openSettingsSidebar("CmdTabs"), ["prevent"]))
23992
24023
  })
23993
24024
  ]),
23994
24025
  p(Ll, I({ ref: "CmdTabs" }, e.cmdTabsSettingsData, { tabs: i.tabsData }), {
23995
- "tab-content-0": k(() => t[277] || (t[277] = [
24026
+ "tab-content-0": k(() => t[278] || (t[278] = [
23996
24027
  o("h4", null, "Tab 1 headline", -1),
23997
24028
  o("p", null, "Slot-Content Tab 1", -1)
23998
24029
  ])),
23999
- "tab-content-1": k(() => t[278] || (t[278] = [
24030
+ "tab-content-1": k(() => t[279] || (t[279] = [
24000
24031
  o("h4", null, "Tab 2 headline", -1),
24001
24032
  o("p", null, "Slot-Content Tab 2", -1)
24002
24033
  ])),
24003
- "tab-content-2": k(() => t[279] || (t[279] = [
24034
+ "tab-content-2": k(() => t[280] || (t[280] = [
24004
24035
  o("h4", null, "Tab 3 headline", -1),
24005
24036
  o("p", null, "Slot-Content Tab 3", -1)
24006
24037
  ])),
@@ -24011,16 +24042,16 @@ function pv(e, t, n, s, i, l) {
24011
24042
  }),
24012
24043
  p(w, null, {
24013
24044
  default: k(() => [
24014
- o("h2", lv, [
24015
- t[280] || (t[280] = o("span", null, "Text-Image-Block", -1)),
24045
+ o("h2", iv, [
24046
+ t[281] || (t[281] = o("span", null, "Text-Image-Block", -1)),
24016
24047
  o("a", {
24017
24048
  href: "#",
24018
24049
  class: "button small icon-cog",
24019
24050
  title: "Open Component Settings",
24020
- onClick: t[113] || (t[113] = S((C) => l.openSettingsSidebar("CmdTextImageBlock"), ["prevent"]))
24051
+ onClick: t[114] || (t[114] = S((C) => l.openSettingsSidebar("CmdTextImageBlock"), ["prevent"]))
24021
24052
  })
24022
24053
  ]),
24023
- o("div", ov, [
24054
+ o("div", lv, [
24024
24055
  p(Vt, {
24025
24056
  cmdHeadline: { headlineText: "Text-Image-Block (with html-text)", headlineLevel: 3 },
24026
24057
  htmlContent: "<p>This text is given as html-text and show below an optional image.</p>"
@@ -24065,20 +24096,20 @@ function pv(e, t, n, s, i, l) {
24065
24096
  }),
24066
24097
  p(w, null, {
24067
24098
  default: k(() => [
24068
- o("h2", av, [
24069
- t[281] || (t[281] = o("span", null, "Thumbnail-Scroller", -1)),
24099
+ o("h2", ov, [
24100
+ t[282] || (t[282] = o("span", null, "Thumbnail-Scroller", -1)),
24070
24101
  o("a", {
24071
24102
  href: "#",
24072
24103
  class: "button small icon-cog",
24073
24104
  title: "Open Component Settings",
24074
- onClick: t[114] || (t[114] = S((C) => l.openSettingsSidebar("CmdThumbnailScroller"), ["prevent"]))
24105
+ onClick: t[115] || (t[115] = S((C) => l.openSettingsSidebar("CmdThumbnailScroller"), ["prevent"]))
24075
24106
  })
24076
24107
  ]),
24077
24108
  o("p", null, " date (YMD/default): " + y(l.formatDate("2025-01-28", "", "-")), 1),
24078
24109
  o("p", null, " date (DMY): " + y(l.formatDate("2025-01-28", "dmy")), 1),
24079
24110
  o("p", null, " date (MDY): " + y(l.formatDate("2025-01-28", "mdy", "/")), 1),
24080
24111
  o("p", null, " date (invalid)): " + y(l.formatDate("invalid")), 1),
24081
- o("div", sv, [
24112
+ o("div", av, [
24082
24113
  p(Il, I({ ref: "CmdThumbnailScroller" }, e.cmdThumbnailScrollerSettingsData, { thumbnailScrollerItems: l.thumbnailScrollerData }), null, 16, ["thumbnailScrollerItems"])
24083
24114
  ])
24084
24115
  ]),
@@ -24086,13 +24117,13 @@ function pv(e, t, n, s, i, l) {
24086
24117
  }),
24087
24118
  p(w, null, {
24088
24119
  default: k(() => [
24089
- o("h2", rv, [
24090
- t[282] || (t[282] = o("span", null, "Toggle Dark-Mode", -1)),
24120
+ o("h2", sv, [
24121
+ t[283] || (t[283] = o("span", null, "Toggle Dark-Mode", -1)),
24091
24122
  o("a", {
24092
24123
  href: "#",
24093
24124
  class: "button small icon-cog",
24094
24125
  title: "Open Component Settings",
24095
- onClick: t[115] || (t[115] = S((C) => l.openSettingsSidebar("CmdToggleDarkMode"), ["prevent"]))
24126
+ onClick: t[116] || (t[116] = S((C) => l.openSettingsSidebar("CmdToggleDarkMode"), ["prevent"]))
24096
24127
  })
24097
24128
  ]),
24098
24129
  p(Bl, I({ ref: "CmdToggleDarkMode" }, e.cmdToggleDarkModeSettingsData), null, 16)
@@ -24101,33 +24132,33 @@ function pv(e, t, n, s, i, l) {
24101
24132
  }),
24102
24133
  p(w, null, {
24103
24134
  default: k(() => [
24104
- o("h2", dv, [
24105
- t[283] || (t[283] = o("span", null, "Tooltip", -1)),
24135
+ o("h2", rv, [
24136
+ t[284] || (t[284] = o("span", null, "Tooltip", -1)),
24106
24137
  o("a", {
24107
24138
  href: "#",
24108
24139
  class: "button small icon-cog",
24109
24140
  title: "Open Component Settings",
24110
- onClick: t[116] || (t[116] = S((C) => l.openSettingsSidebar("CmdTooltip"), ["prevent"]))
24141
+ onClick: t[117] || (t[117] = S((C) => l.openSettingsSidebar("CmdTooltip"), ["prevent"]))
24111
24142
  })
24112
24143
  ]),
24113
24144
  o("p", null, [
24114
24145
  o("a", {
24115
24146
  href: "#",
24116
- onClick: t[117] || (t[117] = S(() => {
24147
+ onClick: t[118] || (t[118] = S(() => {
24117
24148
  }, ["prevent"])),
24118
24149
  id: "show-on-hover"
24119
24150
  }, "Show tooltip on hover!"),
24120
- t[284] || (t[284] = o("br", null, null, -1)),
24151
+ t[285] || (t[285] = o("br", null, null, -1)),
24121
24152
  o("a", {
24122
24153
  href: "#",
24123
- onClick: t[118] || (t[118] = S(() => {
24154
+ onClick: t[119] || (t[119] = S(() => {
24124
24155
  }, ["prevent"])),
24125
24156
  id: "show-with-delay"
24126
24157
  }, "Show tooltip on hover with delay!"),
24127
- t[285] || (t[285] = o("br", null, null, -1)),
24158
+ t[286] || (t[286] = o("br", null, null, -1)),
24128
24159
  o("a", {
24129
24160
  href: "#",
24130
- onClick: t[119] || (t[119] = S(() => {
24161
+ onClick: t[120] || (t[120] = S(() => {
24131
24162
  }, ["prevent"])),
24132
24163
  id: "show-on-click",
24133
24164
  title: "Native tooltip"
@@ -24137,7 +24168,7 @@ function pv(e, t, n, s, i, l) {
24137
24168
  ref: "CmdTooltip",
24138
24169
  "related-id": "show-on-hover"
24139
24170
  }, e.cmdTooltipSettingsData), {
24140
- default: k(() => t[286] || (t[286] = [
24171
+ default: k(() => t[287] || (t[287] = [
24141
24172
  H(" Tooltip on hover ")
24142
24173
  ])),
24143
24174
  _: 1
@@ -24146,7 +24177,7 @@ function pv(e, t, n, s, i, l) {
24146
24177
  "delay-to-show-tooltip": 2e3,
24147
24178
  "related-id": "show-with-delay"
24148
24179
  }, {
24149
- default: k(() => t[287] || (t[287] = [
24180
+ default: k(() => t[288] || (t[288] = [
24150
24181
  H(" Tooltip on hover with delay ")
24151
24182
  ])),
24152
24183
  _: 1
@@ -24156,7 +24187,7 @@ function pv(e, t, n, s, i, l) {
24156
24187
  "toggle-visibility-by-click": !0,
24157
24188
  allowEscapeKey: !0
24158
24189
  }, {
24159
- default: k(() => t[288] || (t[288] = [
24190
+ default: k(() => t[289] || (t[289] = [
24160
24191
  H(" Tooltip on click ")
24161
24192
  ])),
24162
24193
  _: 1
@@ -24166,13 +24197,13 @@ function pv(e, t, n, s, i, l) {
24166
24197
  }),
24167
24198
  p(w, null, {
24168
24199
  default: k(() => [
24169
- o("h2", uv, [
24170
- t[289] || (t[289] = o("span", null, "Upload-Form", -1)),
24200
+ o("h2", dv, [
24201
+ t[290] || (t[290] = o("span", null, "Upload-Form", -1)),
24171
24202
  o("a", {
24172
24203
  href: "#",
24173
24204
  class: "button small icon-cog",
24174
24205
  title: "Open Component Settings",
24175
- onClick: t[120] || (t[120] = S((C) => l.openSettingsSidebar("CmdUploadForm"), ["prevent"]))
24206
+ onClick: t[121] || (t[121] = S((C) => l.openSettingsSidebar("CmdUploadForm"), ["prevent"]))
24176
24207
  })
24177
24208
  ]),
24178
24209
  p(Fl, I({ ref: "CmdUploadForm" }, e.cmdUploadFormSettingsData), null, 16)
@@ -24181,20 +24212,20 @@ function pv(e, t, n, s, i, l) {
24181
24212
  }),
24182
24213
  p(w, null, {
24183
24214
  default: k(() => [
24184
- o("h2", cv, [
24185
- t[290] || (t[290] = o("span", null, "Width Limitation Wrapper", -1)),
24215
+ o("h2", uv, [
24216
+ t[291] || (t[291] = o("span", null, "Width Limitation Wrapper", -1)),
24186
24217
  o("a", {
24187
24218
  href: "#",
24188
24219
  class: "button small icon-cog",
24189
24220
  title: "Open Component Settings",
24190
- onClick: t[121] || (t[121] = S((C) => l.openSettingsSidebar("CmdWidthLimitationWrapper"), ["prevent"]))
24221
+ onClick: t[122] || (t[122] = S((C) => l.openSettingsSidebar("CmdWidthLimitationWrapper"), ["prevent"]))
24191
24222
  })
24192
24223
  ]),
24193
24224
  p(w, I({
24194
24225
  style: { border: "1px dotted gray" },
24195
24226
  ref: "CmdWidthLimitationWrapper"
24196
24227
  }, e.cmdWidthLimitationWrapperSettingsData), {
24197
- default: k(() => t[291] || (t[291] = [
24228
+ default: k(() => t[292] || (t[292] = [
24198
24229
  o("p", null, "Slot-content", -1),
24199
24230
  o("p", null, "Slot-content", -1),
24200
24231
  o("p", null, "Slot-content", -1)
@@ -24204,9 +24235,9 @@ function pv(e, t, n, s, i, l) {
24204
24235
  ]),
24205
24236
  _: 1
24206
24237
  })
24207
- ])) : (a(), r("main", mv, [
24238
+ ])) : (a(), r("main", cv, [
24208
24239
  p(w, null, {
24209
- default: k(() => t[292] || (t[292] = [
24240
+ default: k(() => t[293] || (t[293] = [
24210
24241
  o("h1", { class: "headline-demopage" }, "Page Overview", -1)
24211
24242
  ])),
24212
24243
  _: 1
@@ -24214,7 +24245,7 @@ function pv(e, t, n, s, i, l) {
24214
24245
  p(Dl)
24215
24246
  ])),
24216
24247
  p(We, null, {
24217
- default: k(() => t[293] || (t[293] = [
24248
+ default: k(() => t[294] || (t[294] = [
24218
24249
  H(" Slot-Content for Site-Footer ")
24219
24250
  ])),
24220
24251
  _: 1
@@ -24232,7 +24263,7 @@ function pv(e, t, n, s, i, l) {
24232
24263
  cookieOptions: i.cookieDisclaimerData,
24233
24264
  onCloseCookieDisclaimer: l.closeCookieDisclaimer,
24234
24265
  modelValue: i.acceptedCookies,
24235
- "onUpdate:modelValue": t[122] || (t[122] = (C) => i.acceptedCookies = C),
24266
+ "onUpdate:modelValue": t[123] || (t[123] = (C) => i.acceptedCookies = C),
24236
24267
  cmdHeadlineCookieDisclaimer: { show: !1 },
24237
24268
  privacyText: "By browsing this website you accept the usage and saving of anonymous data!"
24238
24269
  }, null, 8, ["cookieOptions", "onCloseCookieDisclaimer", "modelValue"])
@@ -24257,11 +24288,11 @@ function pv(e, t, n, s, i, l) {
24257
24288
  ]),
24258
24289
  _: 1
24259
24290
  }, 8, ["openSidebar", "onToggleSidebar"])) : m("", !0)
24260
- ], 8, q1)), [
24291
+ ], 8, H1)), [
24261
24292
  [El]
24262
24293
  ]);
24263
24294
  }
24264
- const vv = /* @__PURE__ */ M(H1, [["render", pv]]), wv = {
24295
+ const Cv = /* @__PURE__ */ M(E1, [["render", mv]]), vv = {
24265
24296
  // el = real dom-element
24266
24297
  mounted(e) {
24267
24298
  if (e.tagName === "INPUT" || e.tagName === "SELECT" || e.tagName === "TEXTAREA" || e.tagName === "A")
@@ -24271,7 +24302,7 @@ const vv = /* @__PURE__ */ M(H1, [["render", pv]]), wv = {
24271
24302
  t ? t.focus() : console.warn("No input-element for focus-directive on element " + e.tagName + " found!");
24272
24303
  }
24273
24304
  }
24274
- }, kv = {
24305
+ }, wv = {
24275
24306
  // el = real dom-element
24276
24307
  // binding.value = value of v-directive
24277
24308
  mounted(e, t) {
@@ -24287,8 +24318,8 @@ function Ol(e) {
24287
24318
  n.preventDefault(), be({ url: e[t].href });
24288
24319
  }), e[t].dataset.cmdFancyBoxHandlerRegistered = "true");
24289
24320
  }
24290
- const pt = new MutationObserver(fv);
24291
- function fv(e) {
24321
+ const pt = new MutationObserver(pv);
24322
+ function pv(e) {
24292
24323
  const t = [];
24293
24324
  for (let n = 0; n < e.length; n++)
24294
24325
  if (e[n].type === "attributes")
@@ -24299,7 +24330,7 @@ function fv(e) {
24299
24330
  }
24300
24331
  t.length > 0 && Ol(t);
24301
24332
  }
24302
- const Tv = (e) => {
24333
+ const kv = (e) => {
24303
24334
  const t = e.querySelectorAll(".fancybox");
24304
24335
  Ol(t), pt == null || pt.disconnect(), pt.observe(e, {
24305
24336
  subtree: !0,
@@ -24311,16 +24342,16 @@ const Tv = (e) => {
24311
24342
  characterData: !1
24312
24343
  });
24313
24344
  };
24314
- function Sv(e) {
24345
+ function Tv(e) {
24315
24346
  return e ? e.slice(0, 1).toUpperCase() + e.slice(1) : "";
24316
24347
  }
24317
- function _v(e) {
24348
+ function Sv(e) {
24318
24349
  return e ? e.charAt(0).toLowerCase() + e.slice(1) : "";
24319
24350
  }
24320
- function Ov(...e) {
24321
- return e.join(" ");
24351
+ function _v(...e) {
24352
+ return e.join(" ").trim();
24322
24353
  }
24323
- function Lv() {
24354
+ function Ov() {
24324
24355
  const e = {};
24325
24356
  Gl(s);
24326
24357
  function t(i = "defaultSequence") {
@@ -24335,19 +24366,19 @@ function Lv() {
24335
24366
  }
24336
24367
  return { nextSequenceValue: t, currentSequenceValue: n, resetSequence: s };
24337
24368
  }
24338
- function hv(e, t, n) {
24369
+ function fv(e, t, n) {
24339
24370
  Wl(() => e.addEventListener(t, n)), Kl(() => e.removeEventListener(t, n));
24340
24371
  }
24341
24372
  function rn(e) {
24342
24373
  return e.offsetParent ? e.offsetTop + rn(e.offsetParent) : e.offsetTop;
24343
24374
  }
24344
- function gv(e) {
24375
+ function hv(e) {
24345
24376
  return e instanceof NodeList ? Array.from(e) : Array.isArray(e) ? e : [];
24346
24377
  }
24347
- function yv(e, t) {
24378
+ function gv(e, t) {
24348
24379
  if (!t.length) {
24349
24380
  const n = e();
24350
- gv(n).map((s, i) => {
24381
+ hv(n).map((s, i) => {
24351
24382
  const l = {
24352
24383
  offsetTop: rn(s)
24353
24384
  };
@@ -24355,16 +24386,16 @@ function yv(e, t) {
24355
24386
  }).forEach((s) => t.push(s));
24356
24387
  }
24357
24388
  }
24358
- function Iv(e, t = 0) {
24389
+ function Lv(e, t = 0) {
24359
24390
  const n = [], s = Yl({
24360
24391
  activeItem: t,
24361
24392
  reset() {
24362
24393
  this.activeItem = 0, n.length = 0;
24363
24394
  }
24364
24395
  });
24365
- return hv(window, "scroll", () => {
24396
+ return fv(window, "scroll", () => {
24366
24397
  const i = window.scrollY;
24367
- yv(e, n);
24398
+ gv(e, n);
24368
24399
  for (let l = 0, d = n.length; l < d; l++)
24369
24400
  if (i < n[l].offsetTop + n[l].height / 2) {
24370
24401
  s.activeItem = l;
@@ -24425,27 +24456,27 @@ export {
24425
24456
  Mi as CmdTooltip,
24426
24457
  ox as CmdUploadForm,
24427
24458
  Tl as CmdWidthLimitationWrapper,
24428
- vv as ComponentLibrary,
24459
+ Cv as ComponentLibrary,
24429
24460
  Sx as ContactInformation,
24430
- Tv as DirFancybox,
24431
- wv as DirFocus,
24432
- kv as DirTelephone,
24461
+ kv as DirFancybox,
24462
+ vv as DirFocus,
24463
+ wv as DirTelephone,
24433
24464
  qe as EditComponentWrapper,
24434
24465
  ce as I18n,
24435
24466
  gx as MultipleBoxWrapper,
24436
24467
  Cx as MultipleListsOfLinks,
24437
- Sv as capitalizeFirstLetter,
24468
+ Tv as capitalizeFirstLetter,
24438
24469
  Vi as createHtmlId,
24439
24470
  nt as createUuid,
24440
- Cv as currentDate,
24471
+ xv as currentDate,
24441
24472
  _l as formatDate,
24442
24473
  Ix as formatTime,
24443
- Ov as fullName,
24474
+ _v as fullName,
24444
24475
  Wi as getCookieDisclaimerCookie,
24445
24476
  Xe as getFileExtension,
24446
- _v as lowercaseFirstLetter,
24477
+ Sv as lowercaseFirstLetter,
24447
24478
  be as openFancyBox,
24448
24479
  rm as setCookieDisclaimerCookie,
24449
- Iv as useScrollspy,
24450
- Lv as useSequence
24480
+ Lv as useScrollspy,
24481
+ Ov as useSequence
24451
24482
  };