comand-component-library 4.2.85 → 4.2.87

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 (6) hide show
  1. package/dist/comand-component-library.css +1 -1
  2. package/dist/comand-component-library.js +300 -289
  3. package/package.json +2 -2
  4. package/src/ComponentLibrary.vue +5 -1
  5. package/src/components/CmdForm.vue +9 -3
  6. package/src/components/CmdFormElement.vue +10 -2
package/dist/comand-component-library.js CHANGED
@@ -4890,7 +4890,7 @@ const ve = /* @__PURE__ */ B(Tr, [["render", Or]]), Lr = {
4890
4890
  deep: !0
4891
4891
  }
4892
4892
  }
4893
- }, Ir = ["action", "data-use-validation", "novalidate", "method"], Br = { class: "flex-container" }, Dr = {
4893
+ }, Ir = ["action", "data-use-validation", "novalidate", "method"], Br = { class: "flex-container flex-direction-column" }, Dr = {
4894
4894
  key: 2,
4895
4895
  class: "flex-container"
4896
4896
  }, Fr = {
@@ -20853,7 +20853,7 @@ const Dx = /* @__PURE__ */ B(Ix, [["render", Bx]]), Fx = [
20853
20853
  text: "Zimbabwe",
20854
20854
  value: "zw"
20855
20855
  }
20856
- ], JC = "comand-component-library", ZC = "4.2.85", QC = "GPL-3.0-only", XC = "CoManD-UI", $C = "module", e1 = { prepublishOnly: "npm run build-lib", dev: "vite", build: "vite build", "build-lib": "vite build && gulp", preview: "vite preview" }, t1 = ["dist", "src"], n1 = { ".": "./dist/comand-component-library.js", "./css.js": "./src/css.js", "./comand-component-library.css": "./dist/comand-component-library.css", "./variables.scss": "./src/assets/styles/variables.scss", "./export-example-data.js": "./src/assets/data/export-example-data.js", "./countries.json": "./src/assets/lists-of-data/countries.json", "./currencies.json": "./src/assets/lists-of-data/currencies.json", "./dial-codes.json": "./src/assets/lists-of-data/dial-codes.json", "./us-cities.json": "./src/assets/lists-of-data/us-cities.json" }, i1 = { "clickout-event": "^1.1.2", "comand-frontend-framework": "^4.3.21", "comand-ui-iconfonts": "^1.0.19", "core-js": "^3.20.1", prismjs: "^1.27.0", vue: "^3.5.25", "vue-router": "^4.0.12", vuex: "^4.0.2" }, l1 = { "@iconify/vue": "^4.0.0", "@vitejs/plugin-vue": "^6.0.2", "@vue/test-utils": "^2.0.0-0", axios: "^1.7.2", gulp: "^4.0.2", sass: "^1.54.9", "unplugin-vue-components": "^0.24.0", vite: "^7.2.4", "vue-jest": "^5.0.0-0" }, o1 = {
20856
+ ], JC = "comand-component-library", ZC = "4.2.87", QC = "GPL-3.0-only", XC = "CoManD-UI", $C = "module", e1 = { prepublishOnly: "npm run build-lib", dev: "vite", build: "vite build", "build-lib": "vite build && gulp", preview: "vite preview" }, t1 = ["dist", "src"], n1 = { ".": "./dist/comand-component-library.js", "./css.js": "./src/css.js", "./comand-component-library.css": "./dist/comand-component-library.css", "./variables.scss": "./src/assets/styles/variables.scss", "./export-example-data.js": "./src/assets/data/export-example-data.js", "./countries.json": "./src/assets/lists-of-data/countries.json", "./currencies.json": "./src/assets/lists-of-data/currencies.json", "./dial-codes.json": "./src/assets/lists-of-data/dial-codes.json", "./us-cities.json": "./src/assets/lists-of-data/us-cities.json" }, i1 = { "clickout-event": "^1.1.2", "comand-frontend-framework": "^4.3.23", "comand-ui-iconfonts": "^1.0.19", "core-js": "^3.20.1", prismjs: "^1.27.0", vue: "^3.5.25", "vue-router": "^4.0.12", vuex: "^4.0.2" }, l1 = { "@iconify/vue": "^4.0.0", "@vitejs/plugin-vue": "^6.0.2", "@vue/test-utils": "^2.0.0-0", axios: "^1.7.2", gulp: "^4.0.2", sass: "^1.54.9", "unplugin-vue-components": "^0.24.0", vite: "^7.2.4", "vue-jest": "^5.0.0-0" }, o1 = {
20857
20857
  name: JC,
20858
20858
  version: ZC,
20859
20859
  license: QC,
@@ -22512,7 +22512,7 @@ function ak(e, t, n, s, i, l) {
22512
22512
  class: "page-wrapper",
22513
22513
  id: l.templateId
22514
22514
  }, [
22515
- t[331] || (t[331] = o("a", { id: "anchor-back-to-top" }, null, -1)),
22515
+ t[332] || (t[332] = o("a", { id: "anchor-back-to-top" }, null, -1)),
22516
22516
  i.showLeftSidebar ? (a(), x(u, {
22517
22517
  key: 0,
22518
22518
  cmdHeadline: { headlineText: "Site Settings", headlineLevel: 3, textAlign: "center" },
@@ -22537,11 +22537,11 @@ function ak(e, t, n, s, i, l) {
22537
22537
  }, {
22538
22538
  body: C(() => [
22539
22539
  o("label", p1, [
22540
- t[134] || (t[134] = o("span", null, "Select template", -1)),
22540
+ t[135] || (t[135] = o("span", null, "Select template", -1)),
22541
22541
  W(o("select", {
22542
22542
  id: "select-template",
22543
22543
  "onUpdate:modelValue": t[0] || (t[0] = (M) => i.selectedTemplate = M)
22544
- }, [...t[133] || (t[133] = [
22544
+ }, [...t[134] || (t[134] = [
22545
22545
  o("option", { value: "blank" }, "Blank/Unstyled", -1),
22546
22546
  o("option", { value: "material-web" }, "Material-Web", -1),
22547
22547
  o("option", { value: "tailwind" }, "Tailwind", -1)
@@ -22550,7 +22550,7 @@ function ak(e, t, n, s, i, l) {
22550
22550
  ])
22551
22551
  ]),
22552
22552
  o("div", null, [
22553
- t[138] || (t[138] = o("span", null, "Color Scheme", -1)),
22553
+ t[139] || (t[139] = o("span", null, "Color Scheme", -1)),
22554
22554
  o("div", f1, [
22555
22555
  o("label", h1, [
22556
22556
  W(o("input", {
@@ -22562,7 +22562,7 @@ function ak(e, t, n, s, i, l) {
22562
22562
  }, null, 512), [
22563
22563
  [ct, i.colorScheme]
22564
22564
  ]),
22565
- t[135] || (t[135] = o("span", { class: "label-text" }, "Color-Scheme by Browser/OS", -1))
22565
+ t[136] || (t[136] = o("span", { class: "label-text" }, "Color-Scheme by Browser/OS", -1))
22566
22566
  ]),
22567
22567
  o("label", g1, [
22568
22568
  W(o("input", {
@@ -22574,7 +22574,7 @@ function ak(e, t, n, s, i, l) {
22574
22574
  }, null, 512), [
22575
22575
  [ct, i.colorScheme]
22576
22576
  ]),
22577
- t[136] || (t[136] = o("span", { class: "label-text" }, "Light Mode", -1))
22577
+ t[137] || (t[137] = o("span", { class: "label-text" }, "Light Mode", -1))
22578
22578
  ]),
22579
22579
  o("label", y1, [
22580
22580
  W(o("input", {
@@ -22586,7 +22586,7 @@ function ak(e, t, n, s, i, l) {
22586
22586
  }, null, 512), [
22587
22587
  [ct, i.colorScheme]
22588
22588
  ]),
22589
- t[137] || (t[137] = o("span", { class: "label-text" }, "Dark Mode", -1))
22589
+ t[138] || (t[138] = o("span", { class: "label-text" }, "Dark Mode", -1))
22590
22590
  ])
22591
22591
  ])
22592
22592
  ])
@@ -22633,7 +22633,7 @@ function ak(e, t, n, s, i, l) {
22633
22633
  }, " Contact Information ")
22634
22634
  ]),
22635
22635
  o("li", null, [
22636
- t[139] || (t[139] = D(" Multiple Lists Of Links ", -1)),
22636
+ t[140] || (t[140] = D(" Multiple Lists Of Links ", -1)),
22637
22637
  o("ul", null, [
22638
22638
  o("li", null, [
22639
22639
  o("a", {
@@ -22650,7 +22650,7 @@ function ak(e, t, n, s, i, l) {
22650
22650
  ])
22651
22651
  ]),
22652
22652
  o("li", null, [
22653
- t[140] || (t[140] = D(" Multiple Box Wrapper ", -1)),
22653
+ t[141] || (t[141] = D(" Multiple Box Wrapper ", -1)),
22654
22654
  o("ul", null, [
22655
22655
  o("li", null, [
22656
22656
  o("a", {
@@ -22674,9 +22674,9 @@ function ak(e, t, n, s, i, l) {
22674
22674
  _: 1
22675
22675
  }, 8, ["openBoxesByDefault"]),
22676
22676
  o("dl", x1, [
22677
- t[141] || (t[141] = o("dt", null, "Frontend-Framework Version:", -1)),
22677
+ t[142] || (t[142] = o("dt", null, "Frontend-Framework Version:", -1)),
22678
22678
  o("dd", null, y(i.packageJson.dependencies["comand-frontend-framework"].replace("^", "")), 1),
22679
- t[142] || (t[142] = o("dt", null, "Component-Library Version:", -1)),
22679
+ t[143] || (t[143] = o("dt", null, "Component-Library Version:", -1)),
22680
22680
  o("dd", null, y(i.packageJson.version), 1)
22681
22681
  ])
22682
22682
  ]),
@@ -22687,7 +22687,7 @@ function ak(e, t, n, s, i, l) {
22687
22687
  class: "button primary",
22688
22688
  title: "Open Template Selection",
22689
22689
  onClick: t[9] || (t[9] = w((g) => l.openBox(0), ["prevent"]))
22690
- }, [...t[143] || (t[143] = [
22690
+ }, [...t[144] || (t[144] = [
22691
22691
  o("span", { class: "icon-settings-template" }, null, -1)
22692
22692
  ])]),
22693
22693
  o("a", {
@@ -22695,7 +22695,7 @@ function ak(e, t, n, s, i, l) {
22695
22695
  class: "button primary",
22696
22696
  title: "Open Components Overview",
22697
22697
  onClick: t[10] || (t[10] = w((g) => l.openBox(1), ["prevent"]))
22698
- }, [...t[144] || (t[144] = [
22698
+ }, [...t[145] || (t[145] = [
22699
22699
  o("span", { class: "icon-settings-component" }, null, -1)
22700
22700
  ])]),
22701
22701
  o("a", {
@@ -22703,13 +22703,13 @@ function ak(e, t, n, s, i, l) {
22703
22703
  class: "button primary",
22704
22704
  title: "Open Page-Templates",
22705
22705
  onClick: t[11] || (t[11] = w((g) => l.openBox(2), ["prevent"]))
22706
- }, [...t[145] || (t[145] = [
22706
+ }, [...t[146] || (t[146] = [
22707
22707
  o("span", { class: "icon-file-settings" }, null, -1)
22708
22708
  ])]),
22709
22709
  o("a", {
22710
22710
  href: "#",
22711
22711
  onClick: t[12] || (t[12] = w((g) => i.showLeftSidebar = !1, ["prevent"]))
22712
- }, [...t[146] || (t[146] = [
22712
+ }, [...t[147] || (t[147] = [
22713
22713
  o("span", null, "Hide sidebar", -1)
22714
22714
  ])])
22715
22715
  ])
@@ -22731,7 +22731,7 @@ function ak(e, t, n, s, i, l) {
22731
22731
  }),
22732
22732
  i.componentView ? (a(), r("main", v1, [
22733
22733
  f(k, null, {
22734
- default: C(() => [...t[147] || (t[147] = [
22734
+ default: C(() => [...t[148] || (t[148] = [
22735
22735
  o("h1", { class: "headline-demopage" }, "Components Overview", -1)
22736
22736
  ])]),
22737
22737
  _: 1
@@ -22739,7 +22739,7 @@ function ak(e, t, n, s, i, l) {
22739
22739
  f(k, null, {
22740
22740
  default: C(() => [
22741
22741
  o("h2", k1, [
22742
- t[148] || (t[148] = o("span", null, "Address Data", -1)),
22742
+ t[149] || (t[149] = o("span", null, "Address Data", -1)),
22743
22743
  o("a", {
22744
22744
  href: "#",
22745
22745
  class: "button small icon-cog",
@@ -22758,11 +22758,11 @@ function ak(e, t, n, s, i, l) {
22758
22758
  }),
22759
22759
  f(k, null, {
22760
22760
  default: C(() => [
22761
- t[188] || (t[188] = o("h2", {
22761
+ t[189] || (t[189] = o("h2", {
22762
22762
  class: "headline-demopage",
22763
22763
  id: "section-advanced-form-elements"
22764
22764
  }, "Advanced Form Elements", -1)),
22765
- t[189] || (t[189] = o("h3", null, [
22765
+ t[190] || (t[190] = o("h3", null, [
22766
22766
  o("span", null, "Form elements status:")
22767
22767
  ], -1)),
22768
22768
  o("div", T1, [
@@ -22829,9 +22829,9 @@ function ak(e, t, n, s, i, l) {
22829
22829
  }, {
22830
22830
  default: C(() => [
22831
22831
  o("fieldset", O1, [
22832
- t[168] || (t[168] = o("legend", null, "Legend", -1)),
22832
+ t[169] || (t[169] = o("legend", null, "Legend", -1)),
22833
22833
  o("h2", L1, [
22834
- t[149] || (t[149] = o("span", null, "Form Element-Component", -1)),
22834
+ t[150] || (t[150] = o("span", null, "Form Element-Component", -1)),
22835
22835
  o("a", {
22836
22836
  href: "#",
22837
22837
  class: "button small icon-cog",
@@ -22877,7 +22877,7 @@ function ak(e, t, n, s, i, l) {
22877
22877
  tooltipText: "This is a tooltip"
22878
22878
  }, { useCustomTooltip: !1 }), null, 16, ["status", "disabled"])
22879
22879
  ]),
22880
- t[169] || (t[169] = o("h3", null, "Inputfields in Columns", -1)),
22880
+ t[170] || (t[170] = o("h3", null, "Inputfields in Columns", -1)),
22881
22881
  o("div", D1, [
22882
22882
  f(O, {
22883
22883
  element: "input",
@@ -22891,7 +22891,7 @@ function ak(e, t, n, s, i, l) {
22891
22891
  status: i.validationStatus,
22892
22892
  disabled: i.disabledStatus
22893
22893
  }, {
22894
- labeltext: C(() => [...t[150] || (t[150] = [
22894
+ labeltext: C(() => [...t[151] || (t[151] = [
22895
22895
  o("span", { innerHTML: "Label with <a href='#'>Link</a> given by slot" }, null, -1)
22896
22896
  ])]),
22897
22897
  _: 1
@@ -23013,7 +23013,7 @@ function ak(e, t, n, s, i, l) {
23013
23013
  status: i.validationStatus,
23014
23014
  disabled: i.disabledStatus
23015
23015
  }, null, 8, ["modelValue", "status", "disabled"]),
23016
- t[170] || (t[170] = o("h3", null, "Searchfields", -1)),
23016
+ t[171] || (t[171] = o("h3", null, "Searchfields", -1)),
23017
23017
  o("div", M1, [
23018
23018
  f(O, {
23019
23019
  element: "input",
@@ -23055,7 +23055,7 @@ function ak(e, t, n, s, i, l) {
23055
23055
  disabled: i.disabledStatus
23056
23056
  }, null, 8, ["listOfRecommendations", "cmdFormElement", "modelValue", "disabled"])
23057
23057
  ]),
23058
- t[171] || (t[171] = o("h3", null, "Textarea", -1)),
23058
+ t[172] || (t[172] = o("h3", null, "Textarea", -1)),
23059
23059
  f(O, {
23060
23060
  element: "textarea",
23061
23061
  labelText: "Label for textarea:",
@@ -23069,9 +23069,9 @@ function ak(e, t, n, s, i, l) {
23069
23069
  status: i.validationStatus,
23070
23070
  disabled: i.disabledStatus
23071
23071
  }, null, 8, ["modelValue", "status", "disabled"]),
23072
- t[172] || (t[172] = o("hr", null, null, -1)),
23072
+ t[173] || (t[173] = o("hr", null, null, -1)),
23073
23073
  o("h3", P1, [
23074
- t[151] || (t[151] = o("span", null, "Fake Selects", -1)),
23074
+ t[152] || (t[152] = o("span", null, "Fake Selects", -1)),
23075
23075
  o("a", {
23076
23076
  href: "#",
23077
23077
  class: "button small icon-cog",
@@ -23144,21 +23144,21 @@ function ak(e, t, n, s, i, l) {
23144
23144
  type: "color"
23145
23145
  }, null, 8, ["status", "disabled", "selectData", "modelValue"])
23146
23146
  ]),
23147
- t[173] || (t[173] = o("hr", null, null, -1)),
23148
- t[174] || (t[174] = o("h2", null, "Progress Bar [native]", -1)),
23147
+ t[174] || (t[174] = o("hr", null, null, -1)),
23148
+ t[175] || (t[175] = o("h2", null, "Progress Bar [native]", -1)),
23149
23149
  f(N, {
23150
23150
  labelText: "Progress Bar (with optional output):",
23151
23151
  id: "progress-bar2",
23152
23152
  max: "100"
23153
23153
  }),
23154
- t[175] || (t[175] = o("h2", null, "Slider [native]", -1)),
23154
+ t[176] || (t[176] = o("h2", null, "Slider [native]", -1)),
23155
23155
  o("div", {
23156
23156
  class: b(["label", i.validationStatus])
23157
23157
  }, [
23158
- t[154] || (t[154] = o("span", { class: "label-text" }, "Single-Slider (with in- and output):", -1)),
23158
+ t[155] || (t[155] = o("span", { class: "label-text" }, "Single-Slider (with in- and output):", -1)),
23159
23159
  o("span", A1, [
23160
23160
  o("label", E1, [
23161
- t[152] || (t[152] = o("span", { class: "label-text" }, [
23161
+ t[153] || (t[153] = o("span", { class: "label-text" }, [
23162
23162
  o("span", null, "Range Value:")
23163
23163
  ], -1)),
23164
23164
  W(o("input", {
@@ -23174,7 +23174,7 @@ function ak(e, t, n, s, i, l) {
23174
23174
  ])
23175
23175
  ]),
23176
23176
  o("label", q1, [
23177
- t[153] || (t[153] = o("span", { class: "label-text hidden" }, [
23177
+ t[154] || (t[154] = o("span", { class: "label-text hidden" }, [
23178
23178
  o("span", null, "Range Value")
23179
23179
  ], -1)),
23180
23180
  W(o("input", {
@@ -23191,16 +23191,27 @@ function ak(e, t, n, s, i, l) {
23191
23191
  ])
23192
23192
  ])
23193
23193
  ], 2),
23194
- t[176] || (t[176] = o("hr", null, null, -1)),
23195
- t[177] || (t[177] = o("h2", null, "Toggle-Switches", -1)),
23196
- t[178] || (t[178] = o("h3", null, "Switches without switch-labels", -1)),
23194
+ t[177] || (t[177] = o("hr", null, null, -1)),
23195
+ t[178] || (t[178] = o("h2", null, "Toggle-Switches", -1)),
23196
+ t[179] || (t[179] = o("h3", null, "Switches without switch-labels", -1)),
23197
23197
  f(O, {
23198
23198
  element: "input",
23199
23199
  type: "checkbox",
23200
23200
  id: "toggle-switch-checkbox",
23201
23201
  modelValue: i.switchButtonCheckboxToggleSwitch,
23202
23202
  "onUpdate:modelValue": t[45] || (t[45] = (g) => i.switchButtonCheckboxToggleSwitch = g),
23203
- labelText: "Labeltext for Toggle-Switch without Switch-Label",
23203
+ labelText: "Labeltext for Toggle-Switch without Switch-Label (not required)",
23204
+ toggleSwitch: !0,
23205
+ status: i.validationStatus,
23206
+ disabled: i.disabledStatus
23207
+ }, null, 8, ["modelValue", "status", "disabled"]),
23208
+ f(O, {
23209
+ element: "input",
23210
+ type: "checkbox",
23211
+ id: "toggle-switch-checkbox-required",
23212
+ modelValue: i.switchButtonCheckboxToggleSwitch,
23213
+ "onUpdate:modelValue": t[46] || (t[46] = (g) => i.switchButtonCheckboxToggleSwitch = g),
23214
+ labelText: "Labeltext for Toggle-Switch without Switch-Label (required)",
23204
23215
  toggleSwitch: !0,
23205
23216
  status: i.validationStatus,
23206
23217
  disabled: i.disabledStatus,
@@ -23211,20 +23222,20 @@ function ak(e, t, n, s, i, l) {
23211
23222
  type: "checkbox",
23212
23223
  id: "toggle-switch-checkbox-colored",
23213
23224
  modelValue: i.switchButtonCheckboxToggleSwitchColored,
23214
- "onUpdate:modelValue": t[46] || (t[46] = (g) => i.switchButtonCheckboxToggleSwitchColored = g),
23225
+ "onUpdate:modelValue": t[47] || (t[47] = (g) => i.switchButtonCheckboxToggleSwitchColored = g),
23215
23226
  labelText: "Labeltext for colored Toggle-Switch without Switch-Label",
23216
23227
  toggleSwitch: !0,
23217
23228
  colored: !0,
23218
23229
  status: i.validationStatus,
23219
23230
  disabled: i.disabledStatus
23220
23231
  }, null, 8, ["modelValue", "status", "disabled"]),
23221
- t[179] || (t[179] = o("h3", null, "Switches with switch-labels", -1)),
23232
+ t[180] || (t[180] = o("h3", null, "Switches with switch-labels", -1)),
23222
23233
  f(O, {
23223
23234
  element: "input",
23224
23235
  type: "checkbox",
23225
23236
  id: "toggle-switch-checkbox-switch-label",
23226
23237
  modelValue: i.switchButtonCheckbox,
23227
- "onUpdate:modelValue": t[47] || (t[47] = (g) => i.switchButtonCheckbox = g),
23238
+ "onUpdate:modelValue": t[48] || (t[48] = (g) => i.switchButtonCheckbox = g),
23228
23239
  labelText: "Labeltext for Toggle-Switch with Switch-Label",
23229
23240
  inputValue: "checkbox1",
23230
23241
  onLabel: "Label on",
@@ -23238,7 +23249,7 @@ function ak(e, t, n, s, i, l) {
23238
23249
  type: "checkbox",
23239
23250
  id: "toggle-switch-checkbox-switch-label-colored",
23240
23251
  modelValue: i.switchButtonCheckbox,
23241
- "onUpdate:modelValue": t[48] || (t[48] = (g) => i.switchButtonCheckbox = g),
23252
+ "onUpdate:modelValue": t[49] || (t[49] = (g) => i.switchButtonCheckbox = g),
23242
23253
  inputValue: "checkbox2",
23243
23254
  labelText: "Labeltext for Toggle-Switch (Checkbox, colored)",
23244
23255
  onLabel: "Label on",
@@ -23254,7 +23265,7 @@ function ak(e, t, n, s, i, l) {
23254
23265
  name: "radiogroup",
23255
23266
  id: "toggle-switch-radio1",
23256
23267
  modelValue: i.switchButtonRadio,
23257
- "onUpdate:modelValue": t[49] || (t[49] = (g) => i.switchButtonRadio = g),
23268
+ "onUpdate:modelValue": t[50] || (t[50] = (g) => i.switchButtonRadio = g),
23258
23269
  onLabel: "Label on",
23259
23270
  offLabel: "Label off",
23260
23271
  colored: !0,
@@ -23270,7 +23281,7 @@ function ak(e, t, n, s, i, l) {
23270
23281
  name: "radiogroup",
23271
23282
  id: "toggle-switch-radio2",
23272
23283
  modelValue: i.switchButtonRadio,
23273
- "onUpdate:modelValue": t[50] || (t[50] = (g) => i.switchButtonRadio = g),
23284
+ "onUpdate:modelValue": t[51] || (t[51] = (g) => i.switchButtonRadio = g),
23274
23285
  onLabel: "Label on",
23275
23286
  offLabel: "Label off",
23276
23287
  colored: !0,
@@ -23287,21 +23298,21 @@ function ak(e, t, n, s, i, l) {
23287
23298
  required: "required",
23288
23299
  id: "checkbox-required-with-boolean",
23289
23300
  modelValue: i.checkboxRequiredValue,
23290
- "onUpdate:modelValue": t[51] || (t[51] = (g) => i.checkboxRequiredValue = g),
23301
+ "onUpdate:modelValue": t[52] || (t[52] = (g) => i.checkboxRequiredValue = g),
23291
23302
  status: i.validationStatus,
23292
23303
  disabled: i.disabledStatus
23293
23304
  }, null, 8, ["modelValue", "status", "disabled"]),
23294
23305
  o("p", null, [
23295
23306
  D(" checkbox (required) with boolean: " + y(i.checkboxRequiredValue), 1),
23296
- t[155] || (t[155] = o("br", null, null, -1)),
23297
- D(" checkbox with boolean: " + y(i.checkboxValue), 1),
23298
23307
  t[156] || (t[156] = o("br", null, null, -1)),
23308
+ D(" checkbox with boolean: " + y(i.checkboxValue), 1),
23309
+ t[157] || (t[157] = o("br", null, null, -1)),
23299
23310
  D(" checkboxes with values: " + y(i.checkboxValues), 1)
23300
23311
  ]),
23301
- t[180] || (t[180] = o("h2", null, "Checkboxes and Radiobuttons", -1)),
23302
- t[181] || (t[181] = o("h3", null, "Checkboxes [native]", -1)),
23312
+ t[181] || (t[181] = o("h2", null, "Checkboxes and Radiobuttons", -1)),
23313
+ t[182] || (t[182] = o("h3", null, "Checkboxes [native]", -1)),
23303
23314
  o("div", j1, [
23304
- t[158] || (t[158] = o("span", { class: "label-text" }, "Label for native checkboxes:", -1)),
23315
+ t[159] || (t[159] = o("span", { class: "label-text" }, "Label for native checkboxes:", -1)),
23305
23316
  o("div", U1, [
23306
23317
  f(O, {
23307
23318
  element: "input",
@@ -23309,7 +23320,7 @@ function ak(e, t, n, s, i, l) {
23309
23320
  type: "checkbox",
23310
23321
  id: "checkbox-with-boolean",
23311
23322
  modelValue: i.checkboxValue,
23312
- "onUpdate:modelValue": t[52] || (t[52] = (g) => i.checkboxValue = g),
23323
+ "onUpdate:modelValue": t[53] || (t[53] = (g) => i.checkboxValue = g),
23313
23324
  status: i.validationStatus,
23314
23325
  disabled: i.disabledStatus
23315
23326
  }, null, 8, ["modelValue", "status", "disabled"]),
@@ -23317,7 +23328,7 @@ function ak(e, t, n, s, i, l) {
23317
23328
  element: "input",
23318
23329
  labelText: "Label for checkbox with value",
23319
23330
  modelValue: i.checkboxValues,
23320
- "onUpdate:modelValue": t[53] || (t[53] = (g) => i.checkboxValues = g),
23331
+ "onUpdate:modelValue": t[54] || (t[54] = (g) => i.checkboxValues = g),
23321
23332
  inputValue: "checkboxValue1",
23322
23333
  type: "checkbox",
23323
23334
  id: "checkbox-with-value-1",
@@ -23328,7 +23339,7 @@ function ak(e, t, n, s, i, l) {
23328
23339
  element: "input",
23329
23340
  labelText: "Label for checkbox with value",
23330
23341
  modelValue: i.checkboxValues,
23331
- "onUpdate:modelValue": t[54] || (t[54] = (g) => i.checkboxValues = g),
23342
+ "onUpdate:modelValue": t[55] || (t[55] = (g) => i.checkboxValues = g),
23332
23343
  inputValue: "checkboxValue2",
23333
23344
  type: "checkbox",
23334
23345
  id: "checkbox-with-value-2",
@@ -23338,14 +23349,14 @@ function ak(e, t, n, s, i, l) {
23338
23349
  f(O, {
23339
23350
  element: "input",
23340
23351
  modelValue: i.checkboxValues,
23341
- "onUpdate:modelValue": t[55] || (t[55] = (g) => i.checkboxValues = g),
23352
+ "onUpdate:modelValue": t[56] || (t[56] = (g) => i.checkboxValues = g),
23342
23353
  inputValue: "checkboxValue3",
23343
23354
  type: "checkbox",
23344
23355
  id: "checkbox-with-value-3",
23345
23356
  status: i.validationStatus,
23346
23357
  disabled: i.disabledStatus
23347
23358
  }, {
23348
- labeltext: C(() => [...t[157] || (t[157] = [
23359
+ labeltext: C(() => [...t[158] || (t[158] = [
23349
23360
  D(" Labeltext with ", -1),
23350
23361
  o("a", { href: "#" }, "link", -1),
23351
23362
  D(" given by slot ", -1)
@@ -23354,9 +23365,9 @@ function ak(e, t, n, s, i, l) {
23354
23365
  }, 8, ["modelValue", "status", "disabled"])
23355
23366
  ])
23356
23367
  ]),
23357
- t[182] || (t[182] = o("h3", null, "Checkboxes (replaced)", -1)),
23368
+ t[183] || (t[183] = o("h3", null, "Checkboxes (replaced)", -1)),
23358
23369
  o("div", N1, [
23359
- t[159] || (t[159] = o("span", { class: "label-text" }, "Label for Replaced Input-Type-Checkbox:", -1)),
23370
+ t[160] || (t[160] = o("span", { class: "label-text" }, "Label for Replaced Input-Type-Checkbox:", -1)),
23360
23371
  o("div", z1, [
23361
23372
  f(O, {
23362
23373
  element: "input",
@@ -23365,7 +23376,7 @@ function ak(e, t, n, s, i, l) {
23365
23376
  replaceInputType: !0,
23366
23377
  id: "inputfield9",
23367
23378
  modelValue: i.replacedCheckboxValue,
23368
- "onUpdate:modelValue": t[56] || (t[56] = (g) => i.replacedCheckboxValue = g),
23379
+ "onUpdate:modelValue": t[57] || (t[57] = (g) => i.replacedCheckboxValue = g),
23369
23380
  inputValue: "checkboxValue1",
23370
23381
  status: i.validationStatus,
23371
23382
  disabled: i.disabledStatus
@@ -23374,7 +23385,7 @@ function ak(e, t, n, s, i, l) {
23374
23385
  element: "input",
23375
23386
  labelText: "Label for replaced checkbox",
23376
23387
  modelValue: i.replacedCheckboxValue,
23377
- "onUpdate:modelValue": t[57] || (t[57] = (g) => i.replacedCheckboxValue = g),
23388
+ "onUpdate:modelValue": t[58] || (t[58] = (g) => i.replacedCheckboxValue = g),
23378
23389
  inputValue: "checkboxValue2",
23379
23390
  type: "checkbox",
23380
23391
  replaceInputType: !0,
@@ -23384,9 +23395,9 @@ function ak(e, t, n, s, i, l) {
23384
23395
  }, null, 8, ["modelValue", "status", "disabled"])
23385
23396
  ])
23386
23397
  ]),
23387
- t[183] || (t[183] = o("h3", null, "Radiobuttons [native]", -1)),
23398
+ t[184] || (t[184] = o("h3", null, "Radiobuttons [native]", -1)),
23388
23399
  o("div", W1, [
23389
- t[160] || (t[160] = o("span", { class: "label-text" }, "Label for native radiobuttons:", -1)),
23400
+ t[161] || (t[161] = o("span", { class: "label-text" }, "Label for native radiobuttons:", -1)),
23390
23401
  o("div", G1, [
23391
23402
  f(O, {
23392
23403
  element: "input",
@@ -23396,7 +23407,7 @@ function ak(e, t, n, s, i, l) {
23396
23407
  name: "radiogroup",
23397
23408
  inputValue: "radiobuttonValue1",
23398
23409
  modelValue: i.radiobuttonValue,
23399
- "onUpdate:modelValue": t[58] || (t[58] = (g) => i.radiobuttonValue = g),
23410
+ "onUpdate:modelValue": t[59] || (t[59] = (g) => i.radiobuttonValue = g),
23400
23411
  status: i.validationStatus,
23401
23412
  disabled: i.disabledStatus
23402
23413
  }, null, 8, ["modelValue", "status", "disabled"]),
@@ -23408,16 +23419,16 @@ function ak(e, t, n, s, i, l) {
23408
23419
  name: "radiogroup",
23409
23420
  inputValue: "radiobuttonValue2",
23410
23421
  modelValue: i.radiobuttonValue,
23411
- "onUpdate:modelValue": t[59] || (t[59] = (g) => i.radiobuttonValue = g),
23422
+ "onUpdate:modelValue": t[60] || (t[60] = (g) => i.radiobuttonValue = g),
23412
23423
  status: i.validationStatus,
23413
23424
  disabled: i.disabledStatus
23414
23425
  }, null, 8, ["modelValue", "status", "disabled"])
23415
23426
  ])
23416
23427
  ]),
23417
23428
  o("p", null, " Radiobuttons with values: " + y(i.radiobuttonValue), 1),
23418
- t[184] || (t[184] = o("h3", null, "Radiobuttons (replaced)", -1)),
23429
+ t[185] || (t[185] = o("h3", null, "Radiobuttons (replaced)", -1)),
23419
23430
  o("div", K1, [
23420
- t[161] || (t[161] = o("span", { class: "label-text" }, "Label for Replaced Input-Type-Radio:", -1)),
23431
+ t[162] || (t[162] = o("span", { class: "label-text" }, "Label for Replaced Input-Type-Radio:", -1)),
23421
23432
  o("div", Y1, [
23422
23433
  f(O, {
23423
23434
  element: "input",
@@ -23428,7 +23439,7 @@ function ak(e, t, n, s, i, l) {
23428
23439
  name: "replaced-radiogroup",
23429
23440
  inputValue: "radiobuttonValue1",
23430
23441
  modelValue: i.replacedRadiobuttonValue,
23431
- "onUpdate:modelValue": t[60] || (t[60] = (g) => i.replacedRadiobuttonValue = g),
23442
+ "onUpdate:modelValue": t[61] || (t[61] = (g) => i.replacedRadiobuttonValue = g),
23432
23443
  status: i.validationStatus,
23433
23444
  disabled: i.disabledStatus
23434
23445
  }, null, 8, ["modelValue", "status", "disabled"]),
@@ -23441,40 +23452,40 @@ function ak(e, t, n, s, i, l) {
23441
23452
  name: "replaced-radiogroup",
23442
23453
  inputValue: "radiobuttonValue2",
23443
23454
  modelValue: i.replacedRadiobuttonValue,
23444
- "onUpdate:modelValue": t[61] || (t[61] = (g) => i.replacedRadiobuttonValue = g),
23455
+ "onUpdate:modelValue": t[62] || (t[62] = (g) => i.replacedRadiobuttonValue = g),
23445
23456
  status: i.validationStatus,
23446
23457
  disabled: i.disabledStatus
23447
23458
  }, null, 8, ["modelValue", "status", "disabled"])
23448
23459
  ])
23449
23460
  ]),
23450
23461
  o("h3", J1, [
23451
- t[162] || (t[162] = D(" Input-Group ", -1)),
23462
+ t[163] || (t[163] = D(" Input-Group ", -1)),
23452
23463
  o("a", {
23453
23464
  href: "#",
23454
23465
  class: "button small icon-cog",
23455
23466
  title: "Open Component Settings",
23456
- onClick: t[62] || (t[62] = w((g) => l.openSettingsSidebar("CmdInputGroup"), ["prevent"]))
23467
+ onClick: t[63] || (t[63] = w((g) => l.openSettingsSidebar("CmdInputGroup"), ["prevent"]))
23457
23468
  })
23458
23469
  ]),
23459
23470
  f(j, S({ ref: "CmdInputGroup" }, e.cmdInputGroupSettingsData, {
23460
23471
  labelText: "Grouplabel for radio-group given by property:",
23461
23472
  inputElements: l.idForReplacedInputsInInputGroup("radio-group"),
23462
23473
  modelValue: i.inputGroup,
23463
- "onUpdate:modelValue": t[63] || (t[63] = (g) => i.inputGroup = g)
23474
+ "onUpdate:modelValue": t[64] || (t[64] = (g) => i.inputGroup = g)
23464
23475
  }), null, 16, ["inputElements", "modelValue"]),
23465
23476
  o("dl", null, [
23466
- t[163] || (t[163] = o("dt", null, "Selected value:", -1)),
23477
+ t[164] || (t[164] = o("dt", null, "Selected value:", -1)),
23467
23478
  o("dd", null, [
23468
23479
  o("output", null, y(i.inputGroup), 1)
23469
23480
  ])
23470
23481
  ]),
23471
- t[185] || (t[185] = o("h3", null, "Input Groups with Checkboxes/Radiobuttons (toggle-switches)", -1)),
23482
+ t[186] || (t[186] = o("h3", null, "Input Groups with Checkboxes/Radiobuttons (toggle-switches)", -1)),
23472
23483
  f(j, {
23473
23484
  labelText: "Grouplabel for checkbox-group styled as toggle-switches (colored):",
23474
23485
  inputElements: l.idForReplacedInputsInInputGroup("checkbox-group-toggle-switch"),
23475
23486
  inputTypes: "checkbox",
23476
23487
  modelValue: i.inputGroupValueToggleSwitchCheckbox,
23477
- "onUpdate:modelValue": t[64] || (t[64] = (g) => i.inputGroupValueToggleSwitchCheckbox = g),
23488
+ "onUpdate:modelValue": t[65] || (t[65] = (g) => i.inputGroupValueToggleSwitchCheckbox = g),
23478
23489
  toggleSwitches: !0,
23479
23490
  colored: !0,
23480
23491
  required: "required",
@@ -23482,7 +23493,7 @@ function ak(e, t, n, s, i, l) {
23482
23493
  disabled: i.disabledStatus
23483
23494
  }, null, 8, ["inputElements", "modelValue", "status", "disabled"]),
23484
23495
  o("dl", null, [
23485
- t[164] || (t[164] = o("dt", null, "Selected value(s):", -1)),
23496
+ t[165] || (t[165] = o("dt", null, "Selected value(s):", -1)),
23486
23497
  o("dd", null, [
23487
23498
  o("output", null, y(i.inputGroupValueToggleSwitchCheckbox), 1)
23488
23499
  ])
@@ -23492,14 +23503,14 @@ function ak(e, t, n, s, i, l) {
23492
23503
  inputElements: l.idForReplacedInputsInInputGroup("radio-group-toggle-switch"),
23493
23504
  inputTypes: "radio",
23494
23505
  modelValue: i.inputGroupValueToggleSwitchRadio,
23495
- "onUpdate:modelValue": t[65] || (t[65] = (g) => i.inputGroupValueToggleSwitchRadio = g),
23506
+ "onUpdate:modelValue": t[66] || (t[66] = (g) => i.inputGroupValueToggleSwitchRadio = g),
23496
23507
  toggleSwitches: !0,
23497
23508
  required: "required",
23498
23509
  status: i.validationStatus,
23499
23510
  disabled: i.disabledStatus
23500
23511
  }, null, 8, ["inputElements", "modelValue", "status", "disabled"]),
23501
23512
  o("dl", null, [
23502
- t[165] || (t[165] = o("dt", null, "Selected value(s):", -1)),
23513
+ t[166] || (t[166] = o("dt", null, "Selected value(s):", -1)),
23503
23514
  o("dd", null, [
23504
23515
  o("output", null, y(i.inputGroupValueToggleSwitchRadio), 1)
23505
23516
  ])
@@ -23510,12 +23521,12 @@ function ak(e, t, n, s, i, l) {
23510
23521
  inputTypes: "radio",
23511
23522
  multipleSwitch: !0,
23512
23523
  modelValue: i.inputGroupValue3,
23513
- "onUpdate:modelValue": t[66] || (t[66] = (g) => i.inputGroupValue3 = g),
23524
+ "onUpdate:modelValue": t[67] || (t[67] = (g) => i.inputGroupValue3 = g),
23514
23525
  status: i.validationStatus,
23515
23526
  disabled: i.disabledStatus
23516
23527
  }, null, 8, ["inputElements", "modelValue", "status", "disabled"]),
23517
23528
  o("dl", null, [
23518
- t[166] || (t[166] = o("dt", null, "Selected value(s):", -1)),
23529
+ t[167] || (t[167] = o("dt", null, "Selected value(s):", -1)),
23519
23530
  o("dd", null, [
23520
23531
  o("output", null, y(i.inputGroupValue3), 1)
23521
23532
  ])
@@ -23527,20 +23538,20 @@ function ak(e, t, n, s, i, l) {
23527
23538
  multipleSwitch: !0,
23528
23539
  required: !0,
23529
23540
  modelValue: i.inputGroupValue4,
23530
- "onUpdate:modelValue": t[67] || (t[67] = (g) => i.inputGroupValue4 = g),
23541
+ "onUpdate:modelValue": t[68] || (t[68] = (g) => i.inputGroupValue4 = g),
23531
23542
  stretchHorizontally: !0,
23532
23543
  status: i.validationStatus,
23533
23544
  disabled: i.disabledStatus
23534
23545
  }, null, 8, ["inputElements", "modelValue", "status", "disabled"]),
23535
23546
  o("dl", null, [
23536
- t[167] || (t[167] = o("dt", null, "Selected value(s):", -1)),
23547
+ t[168] || (t[168] = o("dt", null, "Selected value(s):", -1)),
23537
23548
  o("dd", null, [
23538
23549
  o("output", null, y(i.inputGroupValue4), 1)
23539
23550
  ])
23540
23551
  ])
23541
23552
  ]),
23542
23553
  o("div", Z1, [
23543
- t[187] || (t[187] = o("small", null, "(values will not be submitted with the form!)", -1)),
23554
+ t[188] || (t[188] = o("small", null, "(values will not be submitted with the form!)", -1)),
23544
23555
  o("div", Q1, [
23545
23556
  f(O, {
23546
23557
  element: "button",
@@ -23554,7 +23565,7 @@ function ak(e, t, n, s, i, l) {
23554
23565
  class: "button",
23555
23566
  type: "submit",
23556
23567
  disabled: i.disabledStatus
23557
- }, [...t[186] || (t[186] = [
23568
+ }, [...t[187] || (t[187] = [
23558
23569
  o("span", { class: "icon-check" }, null, -1),
23559
23570
  o("span", null, "Native submit-button", -1)
23560
23571
  ])], 8, X1)
@@ -23573,12 +23584,12 @@ function ak(e, t, n, s, i, l) {
23573
23584
  f(k, null, {
23574
23585
  default: C(() => [
23575
23586
  o("h2", $1, [
23576
- t[190] || (t[190] = o("span", null, "Bank Account Data", -1)),
23587
+ t[191] || (t[191] = o("span", null, "Bank Account Data", -1)),
23577
23588
  o("a", {
23578
23589
  href: "#",
23579
23590
  class: "button small icon-cog",
23580
23591
  title: "Open Component Settings",
23581
- onClick: t[68] || (t[68] = w((g) => l.openSettingsSidebar("CmdBankAccountData"), ["prevent"]))
23592
+ onClick: t[69] || (t[69] = w((g) => l.openSettingsSidebar("CmdBankAccountData"), ["prevent"]))
23582
23593
  })
23583
23594
  ]),
23584
23595
  f(H, S({ "account-data": i.bankAccountData }, e.cmdBankAccountDataSettingsData, { ref: "CmdBankAccountData" }), null, 16, ["account-data"])
@@ -23588,12 +23599,12 @@ function ak(e, t, n, s, i, l) {
23588
23599
  f(k, null, {
23589
23600
  default: C(() => [
23590
23601
  o("h2", ev, [
23591
- t[191] || (t[191] = o("span", null, "Basic Form", -1)),
23602
+ t[192] || (t[192] = o("span", null, "Basic Form", -1)),
23592
23603
  o("a", {
23593
23604
  href: "#",
23594
23605
  class: "button small icon-cog",
23595
23606
  title: "Open Component Settings",
23596
- onClick: t[69] || (t[69] = w((g) => l.openSettingsSidebar("CmdBasicForm"), ["prevent"]))
23607
+ onClick: t[70] || (t[70] = w((g) => l.openSettingsSidebar("CmdBasicForm"), ["prevent"]))
23597
23608
  })
23598
23609
  ]),
23599
23610
  f(z, {
@@ -23609,9 +23620,9 @@ function ak(e, t, n, s, i, l) {
23609
23620
  }
23610
23621
  }, null, 512),
23611
23622
  o("dl", null, [
23612
- t[192] || (t[192] = o("dt", null, "originalEvent", -1)),
23623
+ t[193] || (t[193] = o("dt", null, "originalEvent", -1)),
23613
23624
  o("dd", null, y(i.basicFormData.originalEvent), 1),
23614
- t[193] || (t[193] = o("dt", null, "formdata", -1)),
23625
+ t[194] || (t[194] = o("dt", null, "formdata", -1)),
23615
23626
  o("dd", null, y(i.basicFormData.formData), 1)
23616
23627
  ])
23617
23628
  ]),
@@ -23619,14 +23630,14 @@ function ak(e, t, n, s, i, l) {
23619
23630
  }),
23620
23631
  f(k, { anchorId: "section-boxes" }, {
23621
23632
  default: C(() => [
23622
- t[212] || (t[212] = o("h2", { class: "headline-demopage" }, "Boxes", -1)),
23633
+ t[213] || (t[213] = o("h2", { class: "headline-demopage" }, "Boxes", -1)),
23623
23634
  o("h3", tv, [
23624
- t[194] || (t[194] = o("span", null, "Default Box", -1)),
23635
+ t[195] || (t[195] = o("span", null, "Default Box", -1)),
23625
23636
  o("a", {
23626
23637
  href: "#",
23627
23638
  class: "button small icon-cog",
23628
23639
  title: "Open Component Settings",
23629
- onClick: t[70] || (t[70] = w((g) => l.openSettingsSidebar("CmdBox"), ["prevent"]))
23640
+ onClick: t[71] || (t[71] = w((g) => l.openSettingsSidebar("CmdBox"), ["prevent"]))
23630
23641
  })
23631
23642
  ]),
23632
23643
  f(d, S({ ref: "CmdBox" }, e.cmdBoxSettingsData, {
@@ -23635,17 +23646,17 @@ function ak(e, t, n, s, i, l) {
23635
23646
  "cmd-headline": { headlineText: "Headline for box", headlineLevel: 4 },
23636
23647
  stretchVertically: !0
23637
23648
  }), {
23638
- header: C(() => [...t[195] || (t[195] = [
23649
+ header: C(() => [...t[196] || (t[196] = [
23639
23650
  o("h4", null, " Texts given by slots ", -1)
23640
23651
  ])]),
23641
- body: C(() => [...t[196] || (t[196] = [
23652
+ body: C(() => [...t[197] || (t[197] = [
23642
23653
  o("p", null, " This content with paragraphs inside is placed inside the box-body. ", -1),
23643
23654
  o("p", null, [
23644
23655
  o("strong", null, "Header, Content/Body and Footer of this box are given by slots.")
23645
23656
  ], -1),
23646
23657
  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)
23647
23658
  ])]),
23648
- footer: C(() => [...t[197] || (t[197] = [
23659
+ footer: C(() => [...t[198] || (t[198] = [
23649
23660
  o("p", null, " Footer content ", -1)
23650
23661
  ])]),
23651
23662
  _: 1
@@ -23675,7 +23686,7 @@ function ak(e, t, n, s, i, l) {
23675
23686
  useSlots: ["body"],
23676
23687
  "cutoff-text-lines": 4
23677
23688
  }, {
23678
- body: C(() => [...t[198] || (t[198] = [
23689
+ body: C(() => [...t[199] || (t[199] = [
23679
23690
  D(" 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. ", -1)
23680
23691
  ])]),
23681
23692
  _: 1
@@ -23684,17 +23695,17 @@ function ak(e, t, n, s, i, l) {
23684
23695
  useSlots: ["header", "body", "footer"],
23685
23696
  allowContentToScroll: !0
23686
23697
  }, {
23687
- header: C(() => [...t[199] || (t[199] = [
23698
+ header: C(() => [...t[200] || (t[200] = [
23688
23699
  o("h4", null, " Texts given by slots ", -1)
23689
23700
  ])]),
23690
- body: C(() => [...t[200] || (t[200] = [
23701
+ body: C(() => [...t[201] || (t[201] = [
23691
23702
  o("p", null, " This content with paragraphs inside is placed inside the box-body. ", -1),
23692
23703
  o("p", null, [
23693
23704
  o("strong", null, "Header, Content/Body and Footer of this box are given by slots.")
23694
23705
  ], -1),
23695
23706
  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)
23696
23707
  ])]),
23697
- footer: C(() => [...t[201] || (t[201] = [
23708
+ footer: C(() => [...t[202] || (t[202] = [
23698
23709
  o("p", null, " Footer content ", -1)
23699
23710
  ])]),
23700
23711
  _: 1
@@ -23704,7 +23715,7 @@ function ak(e, t, n, s, i, l) {
23704
23715
  useBoxBodyPadding: !1,
23705
23716
  collapsible: !0
23706
23717
  }, {
23707
- header: C(() => [...t[202] || (t[202] = [
23718
+ header: C(() => [...t[203] || (t[203] = [
23708
23719
  o("h4", null, " Box with inputs ", -1)
23709
23720
  ])]),
23710
23721
  body: C(() => [
@@ -23728,7 +23739,7 @@ function ak(e, t, n, s, i, l) {
23728
23739
  _: 1
23729
23740
  })
23730
23741
  ]),
23731
- footer: C(() => [...t[203] || (t[203] = [
23742
+ footer: C(() => [...t[204] || (t[204] = [
23732
23743
  o("p", null, " footer content ", -1)
23733
23744
  ])]),
23734
23745
  _: 1
@@ -23737,7 +23748,7 @@ function ak(e, t, n, s, i, l) {
23737
23748
  useSlots: ["header", "body"],
23738
23749
  useBoxBodyPadding: !1
23739
23750
  }, {
23740
- header: C(() => [...t[204] || (t[204] = [
23751
+ header: C(() => [...t[205] || (t[205] = [
23741
23752
  o("h4", null, " Box with links ", -1)
23742
23753
  ])]),
23743
23754
  body: C(() => [
@@ -23745,34 +23756,34 @@ function ak(e, t, n, s, i, l) {
23745
23756
  o("li", null, [
23746
23757
  o("a", {
23747
23758
  href: "#",
23748
- onClick: t[71] || (t[71] = w(() => {
23759
+ onClick: t[72] || (t[72] = w(() => {
23749
23760
  }, ["prevent"]))
23750
23761
  }, "Link name 1")
23751
23762
  ]),
23752
23763
  o("li", null, [
23753
23764
  o("a", {
23754
23765
  href: "#",
23755
- onClick: t[72] || (t[72] = w(() => {
23766
+ onClick: t[73] || (t[73] = w(() => {
23756
23767
  }, ["prevent"]))
23757
23768
  }, "Link name 2")
23758
23769
  ]),
23759
23770
  o("li", null, [
23760
23771
  o("a", {
23761
23772
  href: "#",
23762
- onClick: t[73] || (t[73] = w(() => {
23773
+ onClick: t[74] || (t[74] = w(() => {
23763
23774
  }, ["prevent"]))
23764
23775
  }, "Link name 3")
23765
23776
  ]),
23766
23777
  o("li", null, [
23767
23778
  o("a", {
23768
23779
  href: "#",
23769
- onClick: t[74] || (t[74] = w(() => {
23780
+ onClick: t[75] || (t[75] = w(() => {
23770
23781
  }, ["prevent"]))
23771
23782
  }, "Link name 4")
23772
23783
  ])
23773
23784
  ])
23774
23785
  ]),
23775
- footer: C(() => [...t[205] || (t[205] = [
23786
+ footer: C(() => [...t[206] || (t[206] = [
23776
23787
  o("p", null, " footer content ", -1)
23777
23788
  ])]),
23778
23789
  _: 1
@@ -23783,10 +23794,10 @@ function ak(e, t, n, s, i, l) {
23783
23794
  cmdHeadline: { headlineText: "Collapsible box", headlineLevel: 4 },
23784
23795
  collapsible: !0
23785
23796
  }, {
23786
- header: C(() => [...t[206] || (t[206] = [
23797
+ header: C(() => [...t[207] || (t[207] = [
23787
23798
  o("h4", null, " Collapsible box with image ", -1)
23788
23799
  ])]),
23789
- body: C(() => [...t[207] || (t[207] = [
23800
+ body: C(() => [...t[208] || (t[208] = [
23790
23801
  o("img", {
23791
23802
  src: Gn,
23792
23803
  alt: "Alternative text"
@@ -23798,10 +23809,10 @@ function ak(e, t, n, s, i, l) {
23798
23809
  useSlots: ["header", "body", "footer"],
23799
23810
  useBoxBodyPadding: !1
23800
23811
  }, {
23801
- header: C(() => [...t[208] || (t[208] = [
23812
+ header: C(() => [...t[209] || (t[209] = [
23802
23813
  o("h4", null, " Box with image, content and link ", -1)
23803
23814
  ])]),
23804
- body: C(() => [...t[209] || (t[209] = [
23815
+ body: C(() => [...t[210] || (t[210] = [
23805
23816
  o("img", {
23806
23817
  src: Gn,
23807
23818
  alt: "Alternative text"
@@ -23811,7 +23822,7 @@ function ak(e, t, n, s, i, l) {
23811
23822
  o("p", null, "Image, custom-headline and this text for the component are given by slot")
23812
23823
  ], -1)
23813
23824
  ])]),
23814
- footer: C(() => [...t[210] || (t[210] = [
23825
+ footer: C(() => [...t[211] || (t[211] = [
23815
23826
  o("p", null, [
23816
23827
  o("a", { href: "#" }, "Read more…")
23817
23828
  ], -1)
@@ -23844,7 +23855,7 @@ function ak(e, t, n, s, i, l) {
23844
23855
  ]),
23845
23856
  _: 1
23846
23857
  }),
23847
- t[213] || (t[213] = o("h3", null, "Product boxes", -1)),
23858
+ t[214] || (t[214] = o("h3", null, "Product boxes", -1)),
23848
23859
  f(c, {
23849
23860
  boxesPerRow: [5, 2, 1],
23850
23861
  useRowViewAsDefault: !0,
@@ -23861,7 +23872,7 @@ function ak(e, t, n, s, i, l) {
23861
23872
  ]),
23862
23873
  _: 1
23863
23874
  }),
23864
- t[214] || (t[214] = o("h3", null, "User boxes", -1)),
23875
+ t[215] || (t[215] = o("h3", null, "User boxes", -1)),
23865
23876
  f(c, {
23866
23877
  boxesPerRow: [5, 2, 1],
23867
23878
  useRowViewAsDefault: !0,
@@ -23879,12 +23890,12 @@ function ak(e, t, n, s, i, l) {
23879
23890
  _: 1
23880
23891
  }),
23881
23892
  o("h3", null, [
23882
- t[211] || (t[211] = o("span", null, "Boxes in BoxWrapper (collapsible)", -1)),
23893
+ t[212] || (t[212] = o("span", null, "Boxes in BoxWrapper (collapsible)", -1)),
23883
23894
  o("a", {
23884
23895
  href: "#",
23885
23896
  class: "button small icon-cog",
23886
23897
  title: "Open Component Settings",
23887
- onClick: t[75] || (t[75] = w((g) => l.openSettingsSidebar("CmdBoxWrapper"), ["prevent"]))
23898
+ onClick: t[76] || (t[76] = w((g) => l.openSettingsSidebar("CmdBoxWrapper"), ["prevent"]))
23888
23899
  })
23889
23900
  ]),
23890
23901
  f(c, {
@@ -23921,12 +23932,12 @@ function ak(e, t, n, s, i, l) {
23921
23932
  f(k, { "inner-component": "div" }, {
23922
23933
  default: C(() => [
23923
23934
  o("h2", iv, [
23924
- t[215] || (t[215] = o("span", null, "Breadcrumbs", -1)),
23935
+ t[216] || (t[216] = o("span", null, "Breadcrumbs", -1)),
23925
23936
  o("a", {
23926
23937
  href: "#",
23927
23938
  class: "button small icon-cog",
23928
23939
  title: "Open Component Settings",
23929
- onClick: t[76] || (t[76] = w((g) => l.openSettingsSidebar("CmdBreadcrumbs"), ["prevent"]))
23940
+ onClick: t[77] || (t[77] = w((g) => l.openSettingsSidebar("CmdBreadcrumbs"), ["prevent"]))
23930
23941
  })
23931
23942
  ]),
23932
23943
  f(se, S({
@@ -23940,12 +23951,12 @@ function ak(e, t, n, s, i, l) {
23940
23951
  f(k, null, {
23941
23952
  default: C(() => [
23942
23953
  o("h2", lv, [
23943
- t[216] || (t[216] = o("span", null, "Code Output", -1)),
23954
+ t[217] || (t[217] = o("span", null, "Code Output", -1)),
23944
23955
  o("a", {
23945
23956
  href: "#",
23946
23957
  class: "button small icon-cog",
23947
23958
  title: "Open Component Settings",
23948
- onClick: t[77] || (t[77] = w((g) => l.openSettingsSidebar("CmdCodeOutput"), ["prevent"]))
23959
+ onClick: t[78] || (t[78] = w((g) => l.openSettingsSidebar("CmdCodeOutput"), ["prevent"]))
23949
23960
  })
23950
23961
  ]),
23951
23962
  f(ke, S({ ref: "CmdCodeOutput" }, e.cmdCodeOutputSettingsData), {
@@ -23960,12 +23971,12 @@ function ak(e, t, n, s, i, l) {
23960
23971
  f(k, null, {
23961
23972
  default: C(() => [
23962
23973
  o("h2", ov, [
23963
- t[217] || (t[217] = o("span", null, "Company Logo", -1)),
23974
+ t[218] || (t[218] = o("span", null, "Company Logo", -1)),
23964
23975
  o("a", {
23965
23976
  href: "#",
23966
23977
  class: "button small icon-cog",
23967
23978
  title: "Open Component Settings",
23968
- onClick: t[78] || (t[78] = w((g) => l.openSettingsSidebar("CmdCompanyLogo"), ["prevent"]))
23979
+ onClick: t[79] || (t[79] = w((g) => l.openSettingsSidebar("CmdCompanyLogo"), ["prevent"]))
23969
23980
  })
23970
23981
  ]),
23971
23982
  f(p, S({
@@ -23978,27 +23989,27 @@ function ak(e, t, n, s, i, l) {
23978
23989
  f(k, null, {
23979
23990
  default: C(() => [
23980
23991
  o("h2", av, [
23981
- t[218] || (t[218] = o("span", null, "Containers", -1)),
23992
+ t[219] || (t[219] = o("span", null, "Containers", -1)),
23982
23993
  o("a", {
23983
23994
  href: "#",
23984
23995
  class: "button small icon-cog",
23985
23996
  title: "Open Component Settings",
23986
- onClick: t[79] || (t[79] = w((g) => l.openSettingsSidebar("CmdContainer"), ["prevent"]))
23997
+ onClick: t[80] || (t[80] = w((g) => l.openSettingsSidebar("CmdContainer"), ["prevent"]))
23987
23998
  })
23988
23999
  ]),
23989
- t[223] || (t[223] = o("h3", null, 'Container (type "default")', -1)),
24000
+ t[224] || (t[224] = o("h3", null, 'Container (type "default")', -1)),
23990
24001
  f($, S({
23991
24002
  style: { border: "1px dashed var(--color-gray-30)" },
23992
24003
  ref: "CmdContainer"
23993
24004
  }, e.cmdContainerSettingsData), {
23994
- default: C(() => [...t[219] || (t[219] = [
24005
+ default: C(() => [...t[220] || (t[220] = [
23995
24006
  o("p", null, "Slot-content", -1),
23996
24007
  o("p", null, "Slot-content", -1),
23997
24008
  o("p", null, "Slot-content", -1)
23998
24009
  ])]),
23999
24010
  _: 1
24000
24011
  }, 16),
24001
- t[224] || (t[224] = o("h3", null, 'Container (type "flex", horizontal)', -1)),
24012
+ t[225] || (t[225] = o("h3", null, 'Container (type "flex", horizontal)', -1)),
24002
24013
  f($, S({
24003
24014
  style: { border: "1px dashed var(--color-gray-30)" },
24004
24015
  ref: "CmdContainer"
@@ -24006,14 +24017,14 @@ function ak(e, t, n, s, i, l) {
24006
24017
  containerType: "flex",
24007
24018
  contentOrientation: "horizontal"
24008
24019
  }), {
24009
- default: C(() => [...t[220] || (t[220] = [
24020
+ default: C(() => [...t[221] || (t[221] = [
24010
24021
  o("p", null, "Slot-content", -1),
24011
24022
  o("p", null, "Slot-content", -1),
24012
24023
  o("p", null, "Slot-content", -1)
24013
24024
  ])]),
24014
24025
  _: 1
24015
24026
  }, 16),
24016
- t[225] || (t[225] = o("h3", null, 'Container (type "flex", vertical)', -1)),
24027
+ t[226] || (t[226] = o("h3", null, 'Container (type "flex", vertical)', -1)),
24017
24028
  f($, S({
24018
24029
  style: { border: "1px dashed var(--color-gray-30)" },
24019
24030
  ref: "CmdContainer"
@@ -24021,19 +24032,19 @@ function ak(e, t, n, s, i, l) {
24021
24032
  containerType: "flex",
24022
24033
  contentOrientation: "vertical"
24023
24034
  }), {
24024
- default: C(() => [...t[221] || (t[221] = [
24035
+ default: C(() => [...t[222] || (t[222] = [
24025
24036
  o("p", null, "Slot-content", -1),
24026
24037
  o("p", null, "Slot-content", -1),
24027
24038
  o("p", null, "Slot-content", -1)
24028
24039
  ])]),
24029
24040
  _: 1
24030
24041
  }, 16),
24031
- t[226] || (t[226] = o("h3", null, "Container with horizontal slots", -1)),
24042
+ t[227] || (t[227] = o("h3", null, "Container with horizontal slots", -1)),
24032
24043
  f($, S({
24033
24044
  style: { border: "1px dashed var(--color-gray-30)" },
24034
24045
  ref: "CmdContainer"
24035
24046
  }, e.cmdContainerSettingsData, { containerType: "grid" }), {
24036
- default: C(() => [...t[222] || (t[222] = [
24047
+ default: C(() => [...t[223] || (t[223] = [
24037
24048
  o("p", null, "Slot-content", -1),
24038
24049
  o("p", null, "Slot-content", -1),
24039
24050
  o("p", null, "Slot-content", -1),
@@ -24048,15 +24059,15 @@ function ak(e, t, n, s, i, l) {
24048
24059
  }),
24049
24060
  f(k, null, {
24050
24061
  default: C(() => [
24051
- t[228] || (t[228] = o("h2", {
24062
+ t[229] || (t[229] = o("h2", {
24052
24063
  class: "headline-demopage",
24053
24064
  id: "section-cookie-disclaimer"
24054
24065
  }, "Cookie Disclaimer", -1)),
24055
24066
  o("a", {
24056
24067
  class: "button",
24057
24068
  href: "#",
24058
- onClick: t[80] || (t[80] = w((g) => i.fancyBoxCookieDisclaimer = !0, ["prevent"]))
24059
- }, [...t[227] || (t[227] = [
24069
+ onClick: t[81] || (t[81] = w((g) => i.fancyBoxCookieDisclaimer = !0, ["prevent"]))
24070
+ }, [...t[228] || (t[228] = [
24060
24071
  o("span", null, "Open Cookie Disclaimer", -1)
24061
24072
  ])])
24062
24073
  ]),
@@ -24064,11 +24075,11 @@ function ak(e, t, n, s, i, l) {
24064
24075
  }),
24065
24076
  f(k, null, {
24066
24077
  default: C(() => [
24067
- t[229] || (t[229] = o("h2", {
24078
+ t[230] || (t[230] = o("h2", {
24068
24079
  class: "headline-demopage",
24069
24080
  id: "section-forms"
24070
24081
  }, "Forms", -1)),
24071
- t[230] || (t[230] = o("h3", null, "Form elements given by data", -1)),
24082
+ t[231] || (t[231] = o("h3", null, "Form elements given by data", -1)),
24072
24083
  f(Y, {
24073
24084
  useFieldset: !0,
24074
24085
  useSlot: !1,
@@ -24077,9 +24088,9 @@ function ak(e, t, n, s, i, l) {
24077
24088
  formElements: i.formElementsData,
24078
24089
  onSubmit: l.doConsoleLog,
24079
24090
  modelValue: i.cmdFormData,
24080
- "onUpdate:modelValue": t[81] || (t[81] = (g) => i.cmdFormData = g)
24091
+ "onUpdate:modelValue": t[82] || (t[82] = (g) => i.cmdFormData = g)
24081
24092
  }, null, 8, ["formElements", "onSubmit", "modelValue"]),
24082
- t[231] || (t[231] = o("h3", null, "Form elements given by slot", -1)),
24093
+ t[232] || (t[232] = o("h3", null, "Form elements given by slot", -1)),
24083
24094
  f(Y, {
24084
24095
  "use-fieldset": !0,
24085
24096
  id: "form-component",
@@ -24117,50 +24128,50 @@ function ak(e, t, n, s, i, l) {
24117
24128
  }),
24118
24129
  f(k, null, {
24119
24130
  default: C(() => [
24120
- t[235] || (t[235] = o("h2", {
24131
+ t[236] || (t[236] = o("h2", {
24121
24132
  class: "headline-demopage",
24122
24133
  id: "section-fancybox"
24123
24134
  }, "Fancybox", -1)),
24124
- t[236] || (t[236] = o("h3", null, "FancyBox with text", -1)),
24135
+ t[237] || (t[237] = o("h3", null, "FancyBox with text", -1)),
24125
24136
  o("a", {
24126
24137
  href: "#",
24127
- onClick: t[82] || (t[82] = w((g) => l.showFancyBox("text", "Some text", "FancyBox with text"), ["prevent"]))
24138
+ onClick: t[83] || (t[83] = w((g) => l.showFancyBox("text", "Some text", "FancyBox with text"), ["prevent"]))
24128
24139
  }, "Open FancyBox with text"),
24129
- t[237] || (t[237] = o("h3", null, "FancyBox with large image given by url", -1)),
24140
+ t[238] || (t[238] = o("h3", null, "FancyBox with large image given by url", -1)),
24130
24141
  o("a", {
24131
24142
  href: "#",
24132
- onClick: t[83] || (t[83] = w((g) => l.showFancyBox("url", "/media/images/demo-images/large/landscape-01.jpg", "FancyBox with large image given by url"), ["prevent"])),
24143
+ onClick: t[84] || (t[84] = w((g) => l.showFancyBox("url", "/media/images/demo-images/large/landscape-01.jpg", "FancyBox with large image given by url"), ["prevent"])),
24133
24144
  title: "Open FancyBox with large image given by url",
24134
24145
  style: { "align-self": "flex-start" }
24135
- }, [...t[232] || (t[232] = [
24146
+ }, [...t[233] || (t[233] = [
24136
24147
  o("img", {
24137
24148
  src: r1,
24138
24149
  alt: "Alternative text"
24139
24150
  }, null, -1)
24140
24151
  ])]),
24141
- t[238] || (t[238] = o("h3", null, "FancyBox with large image given by property", -1)),
24152
+ t[239] || (t[239] = o("h3", null, "FancyBox with large image given by property", -1)),
24142
24153
  o("a", {
24143
24154
  href: "#",
24144
- onClick: t[84] || (t[84] = w((g) => l.showFancyBox("image", { large: "/media/images/demo-images/large/landscape-02.jpg" }, "FancyBox with large image given by property"), ["prevent"])),
24155
+ onClick: t[85] || (t[85] = w((g) => l.showFancyBox("image", { large: "/media/images/demo-images/large/landscape-02.jpg" }, "FancyBox with large image given by property"), ["prevent"])),
24145
24156
  title: "Open FancyBox with large image given by property",
24146
24157
  style: { "align-self": "flex-start" }
24147
- }, [...t[233] || (t[233] = [
24158
+ }, [...t[234] || (t[234] = [
24148
24159
  o("img", {
24149
24160
  src: d1,
24150
24161
  alt: "Alternative text"
24151
24162
  }, null, -1)
24152
24163
  ])]),
24153
- t[239] || (t[239] = o("h3", null, "FancyBox with image as object give by property", -1)),
24164
+ t[240] || (t[240] = o("h3", null, "FancyBox with image as object give by property", -1)),
24154
24165
  o("a", {
24155
24166
  href: "#",
24156
- onClick: t[85] || (t[85] = w((g) => l.showFancyBox("image", {
24167
+ onClick: t[86] || (t[86] = w((g) => l.showFancyBox("image", {
24157
24168
  small: "/media/images/demo-images/medium/landscape-03.jpg",
24158
24169
  medium: "/media/images/demo-images/medium/landscape-03.jpg",
24159
24170
  large: "/media/images/demo-images/large/landscape-03.jpg"
24160
24171
  }, "FancyBox with large image given by property"), ["prevent"])),
24161
24172
  title: "Open FancyBox with large image given by property",
24162
24173
  style: { "align-self": "flex-start" }
24163
- }, [...t[234] || (t[234] = [
24174
+ }, [...t[235] || (t[235] = [
24164
24175
  o("img", {
24165
24176
  src: u1,
24166
24177
  alt: "Alternative text"
@@ -24171,18 +24182,18 @@ function ak(e, t, n, s, i, l) {
24171
24182
  }),
24172
24183
  f(k, null, {
24173
24184
  default: C(() => [
24174
- t[242] || (t[242] = o("h2", {
24185
+ t[243] || (t[243] = o("h2", {
24175
24186
  class: "headline-demopage",
24176
24187
  id: "section-flexible-scroll-container"
24177
24188
  }, "Flexible Scroll-Container", -1)),
24178
24189
  f(dl, { style: { border: "1px dashed var(--color-gray-30)" } }, {
24179
- "fixed-wrapper": C(() => [...t[240] || (t[240] = [
24190
+ "fixed-wrapper": C(() => [...t[241] || (t[241] = [
24180
24191
  o("div", {
24181
24192
  class: "default-padding",
24182
24193
  style: { border: "1px dashed var(--color-gray-30)" }
24183
24194
  }, " Fixed content ", -1)
24184
24195
  ])]),
24185
- "scroll-wrapper": C(() => [...t[241] || (t[241] = [
24196
+ "scroll-wrapper": C(() => [...t[242] || (t[242] = [
24186
24197
  o("div", {
24187
24198
  class: "default-padding",
24188
24199
  style: { border: "1px dashed var(--color-gray-30)" }
@@ -24222,7 +24233,7 @@ function ak(e, t, n, s, i, l) {
24222
24233
  }),
24223
24234
  f(k, null, {
24224
24235
  default: C(() => [
24225
- t[243] || (t[243] = o("h2", {
24236
+ t[244] || (t[244] = o("h2", {
24226
24237
  class: "headline-demopage",
24227
24238
  id: "section-google-maps"
24228
24239
  }, "Google Maps™", -1)),
@@ -24235,12 +24246,12 @@ function ak(e, t, n, s, i, l) {
24235
24246
  f(k, null, {
24236
24247
  default: C(() => [
24237
24248
  o("h2", sv, [
24238
- t[244] || (t[244] = o("span", null, "Headlines", -1)),
24249
+ t[245] || (t[245] = o("span", null, "Headlines", -1)),
24239
24250
  o("a", {
24240
24251
  href: "#",
24241
24252
  class: "button small icon-cog",
24242
24253
  title: "Open Component Settings",
24243
- onClick: t[86] || (t[86] = w((g) => l.openSettingsSidebar("CmdHeadline"), ["prevent"]))
24254
+ onClick: t[87] || (t[87] = w((g) => l.openSettingsSidebar("CmdHeadline"), ["prevent"]))
24244
24255
  })
24245
24256
  ]),
24246
24257
  f(Re, S({ ref: "CmdHeadline" }, e.cmdHeadlineSettingsData), null, 16),
@@ -24258,7 +24269,7 @@ function ak(e, t, n, s, i, l) {
24258
24269
  ref: "CmdHeadline",
24259
24270
  headlineLevel: "3"
24260
24271
  }, {
24261
- default: C(() => [...t[245] || (t[245] = [
24272
+ default: C(() => [...t[246] || (t[246] = [
24262
24273
  D(" Headline text", -1),
24263
24274
  o("br", null, null, -1),
24264
24275
  D(" with html-content given by slot ", -1)
@@ -24270,29 +24281,29 @@ function ak(e, t, n, s, i, l) {
24270
24281
  }),
24271
24282
  f(k, null, {
24272
24283
  default: C(() => [
24273
- t[251] || (t[251] = o("h2", {
24284
+ t[252] || (t[252] = o("h2", {
24274
24285
  class: "headline-demopage",
24275
24286
  id: "section-icons"
24276
24287
  }, "Icons", -1)),
24277
24288
  o("ul", null, [
24278
24289
  o("li", null, [
24279
- t[246] || (t[246] = o("span", null, "Icon from local iconfont", -1)),
24290
+ t[247] || (t[247] = o("span", null, "Icon from local iconfont", -1)),
24280
24291
  f(Le, { iconClass: "icon-home" })
24281
24292
  ]),
24282
24293
  o("li", null, [
24283
- t[247] || (t[247] = o("span", null, "Icon from iconify-api (icomoon-font)", -1)),
24294
+ t[248] || (t[248] = o("span", null, "Icon from iconify-api (icomoon-font)", -1)),
24284
24295
  f(Le, { iconClass: "icomoon-free:home" })
24285
24296
  ]),
24286
24297
  o("li", null, [
24287
- t[248] || (t[248] = o("span", null, "Icon from iconify-api (bootstrap-font)", -1)),
24298
+ t[249] || (t[249] = o("span", null, "Icon from iconify-api (bootstrap-font)", -1)),
24288
24299
  f(Le, { iconClass: "bi:house-fill" })
24289
24300
  ]),
24290
24301
  o("li", null, [
24291
- t[249] || (t[249] = o("span", null, "Icon from iconify-api (material-design-font)", -1)),
24302
+ t[250] || (t[250] = o("span", null, "Icon from iconify-api (material-design-font)", -1)),
24292
24303
  f(Le, { iconClass: "mdi:home" })
24293
24304
  ]),
24294
24305
  o("li", null, [
24295
- t[250] || (t[250] = o("span", null, "Icon from iconify-api (font-awesome-solid-font)", -1)),
24306
+ t[251] || (t[251] = o("span", null, "Icon from iconify-api (font-awesome-solid-font)", -1)),
24296
24307
  f(Le, { iconClass: "fa6-solid:house-chimney" })
24297
24308
  ])
24298
24309
  ])
@@ -24302,12 +24313,12 @@ function ak(e, t, n, s, i, l) {
24302
24313
  f(k, null, {
24303
24314
  default: C(() => [
24304
24315
  o("h2", rv, [
24305
- t[252] || (t[252] = o("span", null, "Image", -1)),
24316
+ t[253] || (t[253] = o("span", null, "Image", -1)),
24306
24317
  o("a", {
24307
24318
  href: "#",
24308
24319
  class: "button small icon-cog",
24309
24320
  title: "Open Component Settings",
24310
- onClick: t[87] || (t[87] = w((g) => l.openSettingsSidebar("CmdImage"), ["prevent"]))
24321
+ onClick: t[88] || (t[88] = w((g) => l.openSettingsSidebar("CmdImage"), ["prevent"]))
24311
24322
  })
24312
24323
  ]),
24313
24324
  o("div", dv, [
@@ -24327,12 +24338,12 @@ function ak(e, t, n, s, i, l) {
24327
24338
  f(k, null, {
24328
24339
  default: C(() => [
24329
24340
  o("h2", uv, [
24330
- t[253] || (t[253] = o("span", null, "Image-Gallery", -1)),
24341
+ t[254] || (t[254] = o("span", null, "Image-Gallery", -1)),
24331
24342
  o("a", {
24332
24343
  href: "#",
24333
24344
  class: "button small icon-cog",
24334
24345
  title: "Open Component Settings",
24335
- onClick: t[88] || (t[88] = w((g) => l.openSettingsSidebar("CmdImageGallery"), ["prevent"]))
24346
+ onClick: t[89] || (t[89] = w((g) => l.openSettingsSidebar("CmdImageGallery"), ["prevent"]))
24336
24347
  })
24337
24348
  ]),
24338
24349
  f(cl, S({
@@ -24344,7 +24355,7 @@ function ak(e, t, n, s, i, l) {
24344
24355
  }),
24345
24356
  f(k, null, {
24346
24357
  default: C(() => [
24347
- t[254] || (t[254] = o("h2", {
24358
+ t[255] || (t[255] = o("h2", {
24348
24359
  class: "headline-demopage",
24349
24360
  id: "section-image-zoom"
24350
24361
  }, " Image-Zoom ", -1)),
@@ -24358,12 +24369,12 @@ function ak(e, t, n, s, i, l) {
24358
24369
  f(k, null, {
24359
24370
  default: C(() => [
24360
24371
  o("h2", cv, [
24361
- t[255] || (t[255] = o("span", null, "Link", -1)),
24372
+ t[256] || (t[256] = o("span", null, "Link", -1)),
24362
24373
  o("a", {
24363
24374
  href: "#",
24364
24375
  class: "button small icon-cog",
24365
24376
  title: "Open Component Settings",
24366
- onClick: t[89] || (t[89] = w((g) => l.openSettingsSidebar("CmdLink"), ["prevent"]))
24377
+ onClick: t[90] || (t[90] = w((g) => l.openSettingsSidebar("CmdLink"), ["prevent"]))
24367
24378
  })
24368
24379
  ]),
24369
24380
  f(ee, S({
@@ -24415,7 +24426,7 @@ function ak(e, t, n, s, i, l) {
24415
24426
  text: "Add link",
24416
24427
  primaryButton: !0,
24417
24428
  icon: { iconClass: "icon-link", position: "right" },
24418
- onClick: t[90] || (t[90] = (g) => i.showCmdLink = !0)
24429
+ onClick: t[91] || (t[91] = (g) => i.showCmdLink = !0)
24419
24430
  }),
24420
24431
  i.showCmdLink ? (a(), x(ee, {
24421
24432
  key: 0,
@@ -24426,11 +24437,11 @@ function ak(e, t, n, s, i, l) {
24426
24437
  icon: { iconClass: "icon-chevron-one-stripe-right", position: "right", tooltip: "Tooltip for hyperlink" }
24427
24438
  })) : m("", !0),
24428
24439
  o("dl", mv, [
24429
- t[256] || (t[256] = o("dt", null, "Event:", -1)),
24440
+ t[257] || (t[257] = o("dt", null, "Event:", -1)),
24430
24441
  o("dd", null, y(i.outputCmdLink?.event?.originalEvent.originalEvent), 1),
24431
- t[257] || (t[257] = o("dt", null, "Target:", -1)),
24442
+ t[258] || (t[258] = o("dt", null, "Target:", -1)),
24432
24443
  o("dd", null, y(i.outputCmdLink?.event?.originalEvent.target), 1),
24433
- t[258] || (t[258] = o("dt", null, "LinkType:", -1)),
24444
+ t[259] || (t[259] = o("dt", null, "LinkType:", -1)),
24434
24445
  o("dd", null, y(i.outputCmdLink?.event?.originalEvent.linkType), 1)
24435
24446
  ])
24436
24447
  ]),
@@ -24439,12 +24450,12 @@ function ak(e, t, n, s, i, l) {
24439
24450
  f(k, null, {
24440
24451
  default: C(() => [
24441
24452
  o("h2", pv, [
24442
- t[259] || (t[259] = o("span", null, "List", -1)),
24453
+ t[260] || (t[260] = o("span", null, "List", -1)),
24443
24454
  o("a", {
24444
24455
  href: "#",
24445
24456
  class: "button small icon-cog",
24446
24457
  title: "Open Component Settings",
24447
- onClick: t[91] || (t[91] = w((g) => l.openSettingsSidebar("CmdList"), ["prevent"]))
24458
+ onClick: t[92] || (t[92] = w((g) => l.openSettingsSidebar("CmdList"), ["prevent"]))
24448
24459
  })
24449
24460
  ]),
24450
24461
  f(h, S({
@@ -24456,11 +24467,11 @@ function ak(e, t, n, s, i, l) {
24456
24467
  onClick: l.cmdLinkOutput
24457
24468
  }), null, 16, ["items", "onClick"]),
24458
24469
  o("dl", fv, [
24459
- t[260] || (t[260] = o("dt", null, "Event:", -1)),
24470
+ t[261] || (t[261] = o("dt", null, "Event:", -1)),
24460
24471
  o("dd", null, y(i.outputCmdLink?.event?.originalEvent), 1),
24461
- t[261] || (t[261] = o("dt", null, "Target:", -1)),
24472
+ t[262] || (t[262] = o("dt", null, "Target:", -1)),
24462
24473
  o("dd", null, y(i.outputCmdLink?.event?.originalEvent.target), 1),
24463
- t[262] || (t[262] = o("dt", null, "LinkType:", -1)),
24474
+ t[263] || (t[263] = o("dt", null, "LinkType:", -1)),
24464
24475
  o("dd", null, y(i.outputCmdLink?.event?.linkType), 1)
24465
24476
  ]),
24466
24477
  f(h, {
@@ -24498,7 +24509,7 @@ function ak(e, t, n, s, i, l) {
24498
24509
  highlightLevel: "tertiary"
24499
24510
  }, null, 8, ["items"])
24500
24511
  ]),
24501
- t[263] || (t[263] = o("h3", null, "Description Lists", -1)),
24512
+ t[264] || (t[264] = o("h3", null, "Description Lists", -1)),
24502
24513
  o("div", gv, [
24503
24514
  f(h, {
24504
24515
  listType: "description",
@@ -24523,19 +24534,19 @@ function ak(e, t, n, s, i, l) {
24523
24534
  f(k, null, {
24524
24535
  default: C(() => [
24525
24536
  o("h2", yv, [
24526
- t[264] || (t[264] = o("span", null, "Login Form", -1)),
24537
+ t[265] || (t[265] = o("span", null, "Login Form", -1)),
24527
24538
  o("a", {
24528
24539
  href: "#",
24529
24540
  class: "button small icon-cog",
24530
24541
  title: "Open Component Settings",
24531
- onClick: t[92] || (t[92] = w((g) => l.openSettingsSidebar("CmdLoginForm"), ["prevent"]))
24542
+ onClick: t[93] || (t[93] = w((g) => l.openSettingsSidebar("CmdLoginForm"), ["prevent"]))
24532
24543
  })
24533
24544
  ]),
24534
24545
  f(Y, { "use-fieldset": !1 }, {
24535
24546
  default: C(() => [
24536
24547
  f(pl, S({ ref: "CmdLoginForm" }, e.cmdLoginFormSettingsData, {
24537
24548
  modelValue: i.loginData,
24538
- "onUpdate:modelValue": t[93] || (t[93] = (g) => i.loginData = g)
24549
+ "onUpdate:modelValue": t[94] || (t[94] = (g) => i.loginData = g)
24539
24550
  }), null, 16, ["modelValue"])
24540
24551
  ]),
24541
24552
  _: 1
@@ -24546,7 +24557,7 @@ function ak(e, t, n, s, i, l) {
24546
24557
  }),
24547
24558
  f(k, null, {
24548
24559
  default: C(() => [
24549
- t[265] || (t[265] = o("h2", {
24560
+ t[266] || (t[266] = o("h2", {
24550
24561
  class: "headline-demopage",
24551
24562
  id: "section-mail-tool"
24552
24563
  }, [
@@ -24563,12 +24574,12 @@ function ak(e, t, n, s, i, l) {
24563
24574
  f(k, null, {
24564
24575
  default: C(() => [
24565
24576
  o("h2", bv, [
24566
- t[266] || (t[266] = o("span", null, "Main Navigation", -1)),
24577
+ t[267] || (t[267] = o("span", null, "Main Navigation", -1)),
24567
24578
  o("a", {
24568
24579
  href: "#",
24569
24580
  class: "button small icon-cog",
24570
24581
  title: "Open Component Settings",
24571
- onClick: t[94] || (t[94] = w((g) => l.openSettingsSidebar("CmdMainNavigation"), ["prevent"]))
24582
+ onClick: t[95] || (t[95] = w((g) => l.openSettingsSidebar("CmdMainNavigation"), ["prevent"]))
24572
24583
  })
24573
24584
  ]),
24574
24585
  f(hl, S({ ref: "CmdMainNavigation" }, e.cmdMainNavigationSettingsData, { navigationEntries: l.navigationDataModified }), null, 16, ["navigationEntries"]),
@@ -24579,27 +24590,27 @@ function ak(e, t, n, s, i, l) {
24579
24590
  f(k, null, {
24580
24591
  default: C(() => [
24581
24592
  o("h2", xv, [
24582
- t[267] || (t[267] = o("span", null, "Multistepform-Progressbar", -1)),
24593
+ t[268] || (t[268] = o("span", null, "Multistepform-Progressbar", -1)),
24583
24594
  o("a", {
24584
24595
  href: "#",
24585
24596
  class: "button small icon-cog",
24586
24597
  title: "Open Component Settings",
24587
- onClick: t[95] || (t[95] = w((g) => l.openSettingsSidebar("CmdMultistepFormProgressBar"), ["prevent"]))
24598
+ onClick: t[96] || (t[96] = w((g) => l.openSettingsSidebar("CmdMultistepFormProgressBar"), ["prevent"]))
24588
24599
  })
24589
24600
  ]),
24590
- t[268] || (t[268] = o("h3", null, "Steps with icons", -1)),
24601
+ t[269] || (t[269] = o("h3", null, "Steps with icons", -1)),
24591
24602
  f(ln, S({
24592
24603
  ref: "CmdMultistepFormProgressBar",
24593
24604
  multisteps: i.multistepsData.withIcon
24594
24605
  }, e.cmdMultistepFormProgressBarSettingsData, {
24595
- onClick: t[96] || (t[96] = (g) => i.showPageMultistep = g.index + 1)
24606
+ onClick: t[97] || (t[97] = (g) => i.showPageMultistep = g.index + 1)
24596
24607
  }), null, 16, ["multisteps"]),
24597
- t[269] || (t[269] = o("h3", null, "Router", -1)),
24608
+ t[270] || (t[270] = o("h3", null, "Router", -1)),
24598
24609
  f(ln, S({
24599
24610
  ref: "CmdMultistepFormProgressBar",
24600
24611
  multisteps: i.multistepsData.router
24601
24612
  }, e.cmdMultistepFormProgressBarSettingsData, {
24602
- onClick: t[97] || (t[97] = (g) => i.showPageMultistep = g.index + 1)
24613
+ onClick: t[98] || (t[98] = (g) => i.showPageMultistep = g.index + 1)
24603
24614
  }), null, 16, ["multisteps"]),
24604
24615
  o("div", null, [
24605
24616
  o("p", null, "Page " + y(i.showPageMultistep), 1)
@@ -24610,18 +24621,18 @@ function ak(e, t, n, s, i, l) {
24610
24621
  f(k, null, {
24611
24622
  default: C(() => [
24612
24623
  o("h2", Cv, [
24613
- t[270] || (t[270] = o("span", null, "Multistepform-Wrapper", -1)),
24624
+ t[271] || (t[271] = o("span", null, "Multistepform-Wrapper", -1)),
24614
24625
  o("a", {
24615
24626
  href: "#",
24616
24627
  class: "button small icon-cog",
24617
24628
  title: "Open Component Settings",
24618
- onClick: t[98] || (t[98] = w((g) => l.openSettingsSidebar("CmdMultistepFormWrapper"), ["prevent"]))
24629
+ onClick: t[99] || (t[99] = w((g) => l.openSettingsSidebar("CmdMultistepFormWrapper"), ["prevent"]))
24619
24630
  })
24620
24631
  ]),
24621
- t[283] || (t[283] = o("h3", null, "Data provided by property", -1)),
24632
+ t[284] || (t[284] = o("h3", null, "Data provided by property", -1)),
24622
24633
  f(on, null, {
24623
24634
  "page-1": C((g) => [
24624
- t[271] || (t[271] = o("h3", null, "Page 1 - all fields required", -1)),
24635
+ t[272] || (t[272] = o("h3", null, "Page 1 - all fields required", -1)),
24625
24636
  f(Y, {
24626
24637
  formElements: i.multistepFormWrapperPage1Data,
24627
24638
  useSlot: !1,
@@ -24634,14 +24645,14 @@ function ak(e, t, n, s, i, l) {
24634
24645
  href: "#",
24635
24646
  onClick: w((M) => g.setErrorOnPage("This is an error!"), ["prevent"])
24636
24647
  }, "Set Error", 8, vv),
24637
- t[272] || (t[272] = o("br", null, null, -1)),
24648
+ t[273] || (t[273] = o("br", null, null, -1)),
24638
24649
  o("a", {
24639
24650
  href: "#",
24640
24651
  onClick: w(g.removeErrorOnPage, ["prevent"])
24641
24652
  }, "Remove Error", 8, kv)
24642
24653
  ]),
24643
24654
  "page-2": C((g) => [
24644
- t[273] || (t[273] = o("h3", null, "Page 2 - 2/2 fields required (in slot)", -1)),
24655
+ t[274] || (t[274] = o("h3", null, "Page 2 - 2/2 fields required (in slot)", -1)),
24645
24656
  f(Y, {
24646
24657
  submitButton: { show: !1 },
24647
24658
  cmdHeadline: { headlineText: "Form-Elements in Slot", headlineLevel: 3 }
@@ -24680,7 +24691,7 @@ function ak(e, t, n, s, i, l) {
24680
24691
  }, "Set Error", 8, wv)
24681
24692
  ]),
24682
24693
  "page-3": C((g) => [
24683
- t[274] || (t[274] = o("h3", null, "Page 3 - no fields required", -1)),
24694
+ t[275] || (t[275] = o("h3", null, "Page 3 - no fields required", -1)),
24684
24695
  f(Y, {
24685
24696
  onValidationStatusChange: (M) => l.toggleSystemMessage(M, g),
24686
24697
  submitButton: { show: !1 },
@@ -24724,14 +24735,14 @@ function ak(e, t, n, s, i, l) {
24724
24735
  }, 1032, ["onValidationStatusChange", "modelValue", "onUpdate:modelValue"])
24725
24736
  ]),
24726
24737
  "page-4": C((g) => [
24727
- t[276] || (t[276] = o("h3", null, "Page 4", -1)),
24738
+ t[277] || (t[277] = o("h3", null, "Page 4", -1)),
24728
24739
  f(Y, {
24729
24740
  cmdHeadline: { headlineText: "Confirmation", headlineLevel: 3 },
24730
24741
  submitButton: { disabled: g.atleastOneStepWithError },
24731
24742
  cancelButton: { show: !1 }
24732
24743
  }, {
24733
24744
  default: C(() => [
24734
- t[275] || (t[275] = o("p", null, "Please confirm that all data ou provided is legit.", -1)),
24745
+ t[276] || (t[276] = o("p", null, "Please confirm that all data ou provided is legit.", -1)),
24735
24746
  f(O, {
24736
24747
  element: "input",
24737
24748
  type: "checkbox",
@@ -24749,14 +24760,14 @@ function ak(e, t, n, s, i, l) {
24749
24760
  D(" props.atleastOneStepWithError: " + y(g.atleastOneStepWithError), 1)
24750
24761
  ]),
24751
24762
  default: C(() => [
24752
- t[277] || (t[277] = o("template", null, [
24763
+ t[278] || (t[278] = o("template", null, [
24753
24764
  o("h3", null, "Page 5 - Confirmation"),
24754
24765
  o("p", null, "Thank you for sending your request!")
24755
24766
  ], -1))
24756
24767
  ]),
24757
24768
  _: 1
24758
24769
  }),
24759
- t[284] || (t[284] = o("h3", null, "Data provided by slot", -1)),
24770
+ t[285] || (t[285] = o("h3", null, "Data provided by slot", -1)),
24760
24771
  f(on, null, {
24761
24772
  "progress-bar": C((g) => [
24762
24773
  o("ul", Sv, [
@@ -24769,7 +24780,7 @@ function ak(e, t, n, s, i, l) {
24769
24780
  ])
24770
24781
  ]),
24771
24782
  "page-1": C((g) => [
24772
- t[278] || (t[278] = D(" Content Page 1 ", -1)),
24783
+ t[279] || (t[279] = D(" Content Page 1 ", -1)),
24773
24784
  g.hasError ? (a(), r("span", Ov, "Error")) : m("", !0),
24774
24785
  o("a", {
24775
24786
  href: "#",
@@ -24777,7 +24788,7 @@ function ak(e, t, n, s, i, l) {
24777
24788
  }, "Set Error", 8, Lv)
24778
24789
  ]),
24779
24790
  "page-2": C((g) => [
24780
- t[279] || (t[279] = D(" Content Page 2 ", -1)),
24791
+ t[280] || (t[280] = D(" Content Page 2 ", -1)),
24781
24792
  g.hasError ? (a(), r("span", Iv, "Error")) : m("", !0),
24782
24793
  o("a", {
24783
24794
  href: "#",
@@ -24785,15 +24796,15 @@ function ak(e, t, n, s, i, l) {
24785
24796
  }, "Set Error", 8, Bv)
24786
24797
  ]),
24787
24798
  "page-3": C((g) => [
24788
- t[280] || (t[280] = D(" Content Page 3 ", -1)),
24799
+ t[281] || (t[281] = D(" Content Page 3 ", -1)),
24789
24800
  g.hasError ? (a(), r("span", Dv, "Error")) : m("", !0)
24790
24801
  ]),
24791
24802
  "page-4": C((g) => [
24792
- t[281] || (t[281] = D(" Content Page 4 ", -1)),
24803
+ t[282] || (t[282] = D(" Content Page 4 ", -1)),
24793
24804
  g.hasError ? (a(), r("span", Fv, "Error")) : m("", !0)
24794
24805
  ]),
24795
24806
  "page-5": C((g) => [
24796
- t[282] || (t[282] = D(" Content Page 5 ", -1)),
24807
+ t[283] || (t[283] = D(" Content Page 5 ", -1)),
24797
24808
  g.hasError ? (a(), r("span", Mv, "Error")) : m("", !0)
24798
24809
  ]),
24799
24810
  pagination: C((g) => [
@@ -24841,19 +24852,19 @@ function ak(e, t, n, s, i, l) {
24841
24852
  f(k, null, {
24842
24853
  default: C(() => [
24843
24854
  o("h2", Vv, [
24844
- t[285] || (t[285] = o("span", null, "Newsletter Subscription", -1)),
24855
+ t[286] || (t[286] = o("span", null, "Newsletter Subscription", -1)),
24845
24856
  o("a", {
24846
24857
  href: "#",
24847
24858
  class: "button small icon-cog",
24848
24859
  title: "Open Component Settings",
24849
- onClick: t[99] || (t[99] = w((g) => l.openSettingsSidebar("CmdNewsletterSubscription"), ["prevent"]))
24860
+ onClick: t[100] || (t[100] = w((g) => l.openSettingsSidebar("CmdNewsletterSubscription"), ["prevent"]))
24850
24861
  })
24851
24862
  ]),
24852
24863
  f(Y, { "use-fieldset": !1 }, {
24853
24864
  default: C(() => [
24854
24865
  f(yl, S({ ref: "CmdNewsletterSubscription" }, e.cmdNewsletterSubscriptionSettingsData, {
24855
24866
  modelValue: i.newsletter,
24856
- "onUpdate:modelValue": t[100] || (t[100] = (g) => i.newsletter = g),
24867
+ "onUpdate:modelValue": t[101] || (t[101] = (g) => i.newsletter = g),
24857
24868
  onButtonClick: l.submitNewsletterRegistration
24858
24869
  }), null, 16, ["modelValue", "onButtonClick"])
24859
24870
  ]),
@@ -24865,12 +24876,12 @@ function ak(e, t, n, s, i, l) {
24865
24876
  f(k, null, {
24866
24877
  default: C(() => [
24867
24878
  o("h2", Av, [
24868
- t[286] || (t[286] = o("span", null, "Opening Hours", -1)),
24879
+ t[287] || (t[287] = o("span", null, "Opening Hours", -1)),
24869
24880
  o("a", {
24870
24881
  href: "#",
24871
24882
  class: "button small icon-cog",
24872
24883
  title: "Open Component Settings",
24873
- onClick: t[101] || (t[101] = w((g) => l.openSettingsSidebar("CmdOpeningHours"), ["prevent"]))
24884
+ onClick: t[102] || (t[102] = w((g) => l.openSettingsSidebar("CmdOpeningHours"), ["prevent"]))
24874
24885
  })
24875
24886
  ]),
24876
24887
  f(bl, S({ ref: "CmdOpeningHours" }, e.cmdOpeningHoursSettingsData, {
@@ -24884,19 +24895,19 @@ function ak(e, t, n, s, i, l) {
24884
24895
  f(k, null, {
24885
24896
  default: C(() => [
24886
24897
  o("h2", Ev, [
24887
- t[287] || (t[287] = o("span", null, "Page Footer", -1)),
24898
+ t[288] || (t[288] = o("span", null, "Page Footer", -1)),
24888
24899
  o("a", {
24889
24900
  href: "#",
24890
24901
  class: "button small icon-cog",
24891
24902
  title: "Open Component Settings",
24892
- onClick: t[102] || (t[102] = w((g) => l.openSettingsSidebar("CmdPageFooter"), ["prevent"]))
24903
+ onClick: t[103] || (t[103] = w((g) => l.openSettingsSidebar("CmdPageFooter"), ["prevent"]))
24893
24904
  })
24894
24905
  ]),
24895
24906
  f(xl, S({ ref: "CmdPageFooter" }, e.cmdPageFooterSettingsData, {
24896
24907
  "button-print-view": { text: "Print this page" },
24897
24908
  cmdSocialNetworks: i.socialNetworksData
24898
24909
  }), {
24899
- default: C(() => [...t[288] || (t[288] = [
24910
+ default: C(() => [...t[289] || (t[289] = [
24900
24911
  o("button", {
24901
24912
  class: "button primary",
24902
24913
  title: "Button given by slot"
@@ -24913,12 +24924,12 @@ function ak(e, t, n, s, i, l) {
24913
24924
  f(k, null, {
24914
24925
  default: C(() => [
24915
24926
  o("h2", Hv, [
24916
- t[289] || (t[289] = o("span", null, "Page Header", -1)),
24927
+ t[290] || (t[290] = o("span", null, "Page Header", -1)),
24917
24928
  o("a", {
24918
24929
  href: "#",
24919
24930
  class: "button small icon-cog",
24920
24931
  title: "Open Component Settings",
24921
- onClick: t[103] || (t[103] = w((g) => l.openSettingsSidebar("CmdPageHeader"), ["prevent"]))
24932
+ onClick: t[104] || (t[104] = w((g) => l.openSettingsSidebar("CmdPageHeader"), ["prevent"]))
24922
24933
  })
24923
24934
  ]),
24924
24935
  f(Cl, {
@@ -24926,7 +24937,7 @@ function ak(e, t, n, s, i, l) {
24926
24937
  cmdBreadcrumbs: i.breadcrumbsData,
24927
24938
  cmdHeadline: { headlineText: "Main headline for page", headlineLevel: 1 }
24928
24939
  }, {
24929
- default: C(() => [...t[290] || (t[290] = [
24940
+ default: C(() => [...t[291] || (t[291] = [
24930
24941
  o("a", {
24931
24942
  href: "#",
24932
24943
  title: "Link given by slot"
@@ -24943,19 +24954,19 @@ function ak(e, t, n, s, i, l) {
24943
24954
  f(k, null, {
24944
24955
  default: C(() => [
24945
24956
  o("h2", qv, [
24946
- t[291] || (t[291] = o("span", null, "Pagination", -1)),
24957
+ t[292] || (t[292] = o("span", null, "Pagination", -1)),
24947
24958
  o("a", {
24948
24959
  href: "#",
24949
24960
  class: "button small icon-cog",
24950
24961
  title: "Open Component Settings",
24951
- onClick: t[104] || (t[104] = w((g) => l.openSettingsSidebar("CmdPagination"), ["prevent"]))
24962
+ onClick: t[105] || (t[105] = w((g) => l.openSettingsSidebar("CmdPagination"), ["prevent"]))
24952
24963
  })
24953
24964
  ]),
24954
24965
  o("div", null, [
24955
24966
  o("p", null, "Page " + y(i.showPagePager), 1)
24956
24967
  ]),
24957
24968
  f(vl, S({ ref: "CmdPagination" }, e.cmdPaginationSettingsData, {
24958
- onClick: t[105] || (t[105] = (g) => i.showPagePager = g)
24969
+ onClick: t[106] || (t[106] = (g) => i.showPagePager = g)
24959
24970
  }), null, 16)
24960
24971
  ]),
24961
24972
  _: 1
@@ -24963,12 +24974,12 @@ function ak(e, t, n, s, i, l) {
24963
24974
  f(k, null, {
24964
24975
  default: C(() => [
24965
24976
  o("h2", Rv, [
24966
- t[292] || (t[292] = o("span", null, "Paragraph", -1)),
24977
+ t[293] || (t[293] = o("span", null, "Paragraph", -1)),
24967
24978
  o("a", {
24968
24979
  href: "#",
24969
24980
  class: "button small icon-cog",
24970
24981
  title: "Open Component Settings",
24971
- onClick: t[106] || (t[106] = w((g) => l.openSettingsSidebar("CmdParagraph"), ["prevent"]))
24982
+ onClick: t[107] || (t[107] = w((g) => l.openSettingsSidebar("CmdParagraph"), ["prevent"]))
24972
24983
  })
24973
24984
  ]),
24974
24985
  f(kl, S({ ref: "CmdParagraph" }, e.cmdParagraphSettingsData), null, 16)
@@ -24978,33 +24989,33 @@ function ak(e, t, n, s, i, l) {
24978
24989
  f(k, null, {
24979
24990
  default: C(() => [
24980
24991
  o("h2", jv, [
24981
- t[293] || (t[293] = o("span", null, "Section", -1)),
24992
+ t[294] || (t[294] = o("span", null, "Section", -1)),
24982
24993
  o("a", {
24983
24994
  href: "#",
24984
24995
  class: "button small icon-cog",
24985
24996
  title: "Open Component Settings",
24986
- onClick: t[107] || (t[107] = w((g) => l.openSettingsSidebar("CmdSection"), ["prevent"]))
24997
+ onClick: t[108] || (t[108] = w((g) => l.openSettingsSidebar("CmdSection"), ["prevent"]))
24987
24998
  })
24988
24999
  ]),
24989
- t[296] || (t[296] = o("h3", null, "Section with content provided by properties", -1)),
25000
+ t[297] || (t[297] = o("h3", null, "Section with content provided by properties", -1)),
24990
25001
  f(rt, {
24991
25002
  cmdHeadline: { headlineText: "Headline for section provided by property", headlineLevel: 4 },
24992
25003
  content: "Content for section provided by property."
24993
25004
  }),
24994
- t[297] || (t[297] = o("h3", null, "Section with content provided by slot", -1)),
25005
+ t[298] || (t[298] = o("h3", null, "Section with content provided by slot", -1)),
24995
25006
  f(rt, { useSlot: !0 }, {
24996
- default: C(() => [...t[294] || (t[294] = [
25007
+ default: C(() => [...t[295] || (t[295] = [
24997
25008
  o("h4", null, "Headline for section provided by slot", -1),
24998
25009
  o("p", null, "Content for section provided by slot.", -1)
24999
25010
  ])]),
25000
25011
  _: 1
25001
25012
  }),
25002
- t[298] || (t[298] = o("h3", null, "Section styled as box", -1)),
25013
+ t[299] || (t[299] = o("h3", null, "Section styled as box", -1)),
25003
25014
  f(rt, {
25004
25015
  useSlot: !0,
25005
25016
  styleAsBox: !0
25006
25017
  }, {
25007
- default: C(() => [...t[295] || (t[295] = [
25018
+ default: C(() => [...t[296] || (t[296] = [
25008
25019
  o("h4", null, "Headline for section styled as box", -1),
25009
25020
  o("p", null, "Content for section styled as box.", -1)
25010
25021
  ])]),
@@ -25015,7 +25026,7 @@ function ak(e, t, n, s, i, l) {
25015
25026
  }),
25016
25027
  f(k, null, {
25017
25028
  default: C(() => [
25018
- t[299] || (t[299] = o("h2", {
25029
+ t[300] || (t[300] = o("h2", {
25019
25030
  class: "headline-demopage",
25020
25031
  id: "section-site-footer"
25021
25032
  }, "Site Footer", -1)),
@@ -25037,12 +25048,12 @@ function ak(e, t, n, s, i, l) {
25037
25048
  f(k, null, {
25038
25049
  default: C(() => [
25039
25050
  o("h2", Uv, [
25040
- t[300] || (t[300] = o("span", null, "Site Header", -1)),
25051
+ t[301] || (t[301] = o("span", null, "Site Header", -1)),
25041
25052
  o("a", {
25042
25053
  href: "#",
25043
25054
  class: "button small icon-cog",
25044
25055
  title: "Open Component Settings",
25045
- onClick: t[108] || (t[108] = w((g) => l.openSettingsSidebar("CmdSiteHeader"), ["prevent"]))
25056
+ onClick: t[109] || (t[109] = w((g) => l.openSettingsSidebar("CmdSiteHeader"), ["prevent"]))
25046
25057
  })
25047
25058
  ]),
25048
25059
  f(v, S({ ref: "CmdSiteHeader" }, e.cmdSiteHeaderSettingsData, { cmdCompanyLogo: i.companyLogoData }), {
@@ -25061,23 +25072,23 @@ function ak(e, t, n, s, i, l) {
25061
25072
  f(k, null, {
25062
25073
  default: C(() => [
25063
25074
  o("h2", Nv, [
25064
- t[301] || (t[301] = o("span", null, "Site Search", -1)),
25075
+ t[302] || (t[302] = o("span", null, "Site Search", -1)),
25065
25076
  o("a", {
25066
25077
  href: "#",
25067
25078
  class: "button small icon-cog",
25068
25079
  title: "Open Component Settings",
25069
- onClick: t[109] || (t[109] = w((g) => l.openSettingsSidebar("CmdSiteSearch"), ["prevent"]))
25080
+ onClick: t[110] || (t[110] = w((g) => l.openSettingsSidebar("CmdSiteSearch"), ["prevent"]))
25070
25081
  })
25071
25082
  ]),
25072
25083
  f(wl, S({ ref: "CmdSiteSearch" }, e.cmdSiteSearchSettingsData, {
25073
25084
  modelValueInput1: i.siteSearchInput1,
25074
- "onUpdate:modelValueInput1": t[110] || (t[110] = (g) => i.siteSearchInput1 = g),
25085
+ "onUpdate:modelValueInput1": t[111] || (t[111] = (g) => i.siteSearchInput1 = g),
25075
25086
  modelValueInput2: i.siteSearchInput2,
25076
- "onUpdate:modelValueInput2": t[111] || (t[111] = (g) => i.siteSearchInput2 = g),
25087
+ "onUpdate:modelValueInput2": t[112] || (t[112] = (g) => i.siteSearchInput2 = g),
25077
25088
  modelValueRadius: i.radius,
25078
- "onUpdate:modelValueRadius": t[112] || (t[112] = (g) => i.radius = g),
25089
+ "onUpdate:modelValueRadius": t[113] || (t[113] = (g) => i.radius = g),
25079
25090
  modelValueSearchFilters: i.filters,
25080
- "onUpdate:modelValueSearchFilters": t[113] || (t[113] = (g) => i.filters = g),
25091
+ "onUpdate:modelValueSearchFilters": t[114] || (t[114] = (g) => i.filters = g),
25081
25092
  onSearch: l.siteSearchOutput,
25082
25093
  cmdFakeSelect: i.siteSearchFilters
25083
25094
  }), null, 16, ["modelValueInput1", "modelValueInput2", "modelValueRadius", "modelValueSearchFilters", "onSearch", "cmdFakeSelect"])
@@ -25087,16 +25098,16 @@ function ak(e, t, n, s, i, l) {
25087
25098
  f(k, null, {
25088
25099
  default: C(() => [
25089
25100
  o("h2", zv, [
25090
- t[302] || (t[302] = o("span", null, "Slideshow", -1)),
25101
+ t[303] || (t[303] = o("span", null, "Slideshow", -1)),
25091
25102
  o("a", {
25092
25103
  href: "#",
25093
25104
  class: "button small icon-cog",
25094
25105
  title: "Open Component Settings",
25095
- onClick: t[114] || (t[114] = w((g) => l.openSettingsSidebar("CmdSlideshow"), ["prevent"]))
25106
+ onClick: t[115] || (t[115] = w((g) => l.openSettingsSidebar("CmdSlideshow"), ["prevent"]))
25096
25107
  })
25097
25108
  ]),
25098
25109
  f(Tl, S({ ref: "CmdSlideshow" }, e.cmdSlideshowSettingsData, { "slideshow-items": i.slideshowData }), {
25099
- default: C(() => [...t[303] || (t[303] = [
25110
+ default: C(() => [...t[304] || (t[304] = [
25100
25111
  D(" Slot-Content ", -1)
25101
25112
  ])]),
25102
25113
  _: 1
@@ -25107,25 +25118,25 @@ function ak(e, t, n, s, i, l) {
25107
25118
  f(k, null, {
25108
25119
  default: C(() => [
25109
25120
  o("h2", Wv, [
25110
- t[304] || (t[304] = o("span", null, "Smart Search", -1)),
25121
+ t[305] || (t[305] = o("span", null, "Smart Search", -1)),
25111
25122
  o("a", {
25112
25123
  href: "#",
25113
25124
  class: "button small icon-cog",
25114
25125
  title: "Open Component Settings",
25115
- onClick: t[115] || (t[115] = w((g) => l.openSettingsSidebar("CmdSmartSearch"), ["prevent"]))
25126
+ onClick: t[116] || (t[116] = w((g) => l.openSettingsSidebar("CmdSmartSearch"), ["prevent"]))
25116
25127
  })
25117
25128
  ]),
25118
25129
  D(" smartSearchString: " + y(i.smartSearchString) + " ", 1),
25119
25130
  f(V, S({ ref: "CmdSmartSearch" }, e.smartSearchSettingsData, {
25120
25131
  listOfRecommendations: i.smartSearchData.listOfRecommendations,
25121
25132
  modelValue: i.smartSearchString,
25122
- "onUpdate:modelValue": t[116] || (t[116] = (g) => i.smartSearchString = g)
25133
+ "onUpdate:modelValue": t[117] || (t[117] = (g) => i.smartSearchString = g)
25123
25134
  }), null, 16, ["listOfRecommendations", "modelValue"]),
25124
25135
  D(" smartSearchObject: " + y(i.smartSearchObject) + " ", 1),
25125
25136
  f(V, S({ ref: "CmdSmartSearch" }, e.smartSearchSettingsData, {
25126
25137
  listOfRecommendations: i.smartSearchData.listOfRecommendations,
25127
25138
  modelValue: i.smartSearchObject,
25128
- "onUpdate:modelValue": t[117] || (t[117] = (g) => i.smartSearchObject = g)
25139
+ "onUpdate:modelValue": t[118] || (t[118] = (g) => i.smartSearchObject = g)
25129
25140
  }), null, 16, ["listOfRecommendations", "modelValue"])
25130
25141
  ]),
25131
25142
  _: 1
@@ -25133,12 +25144,12 @@ function ak(e, t, n, s, i, l) {
25133
25144
  f(k, null, {
25134
25145
  default: C(() => [
25135
25146
  o("h2", Gv, [
25136
- t[305] || (t[305] = o("span", null, "Social Networks", -1)),
25147
+ t[306] || (t[306] = o("span", null, "Social Networks", -1)),
25137
25148
  o("a", {
25138
25149
  href: "#",
25139
25150
  class: "button small icon-cog",
25140
25151
  title: "Open Component Settings",
25141
- onClick: t[118] || (t[118] = w((g) => l.openSettingsSidebar("CmdSocialNetworks"), ["prevent"]))
25152
+ onClick: t[119] || (t[119] = w((g) => l.openSettingsSidebar("CmdSocialNetworks"), ["prevent"]))
25142
25153
  })
25143
25154
  ]),
25144
25155
  f(Sl, S({ ref: "CmdSocialNetworks" }, { ...e.cmdSocialNetworksSettingsData, ...i.socialNetworksData }), null, 16)
@@ -25147,7 +25158,7 @@ function ak(e, t, n, s, i, l) {
25147
25158
  }),
25148
25159
  f(k, null, {
25149
25160
  default: C(() => [
25150
- t[306] || (t[306] = o("h2", {
25161
+ t[307] || (t[307] = o("h2", {
25151
25162
  class: "headline-demopage",
25152
25163
  id: "section-switch-language"
25153
25164
  }, "Switch Language", -1)),
@@ -25163,12 +25174,12 @@ function ak(e, t, n, s, i, l) {
25163
25174
  f(k, null, {
25164
25175
  default: C(() => [
25165
25176
  o("h2", Kv, [
25166
- t[307] || (t[307] = o("span", null, "System Message", -1)),
25177
+ t[308] || (t[308] = o("span", null, "System Message", -1)),
25167
25178
  o("a", {
25168
25179
  href: "#",
25169
25180
  class: "button small icon-cog",
25170
25181
  title: "Open Component Settings",
25171
- onClick: t[119] || (t[119] = w((g) => l.openSettingsSidebar("CmdSystemMessage"), ["prevent"]))
25182
+ onClick: t[120] || (t[120] = w((g) => l.openSettingsSidebar("CmdSystemMessage"), ["prevent"]))
25172
25183
  })
25173
25184
  ]),
25174
25185
  f(sn, S({ ref: "CmdSystemMessage" }, e.cmdSystemMessageSettingsData, { iconClose: { iconClass: "icon-error-circle", show: !0 } }), null, 16),
@@ -25176,7 +25187,7 @@ function ak(e, t, n, s, i, l) {
25176
25187
  validationStatus: "warning",
25177
25188
  iconClose: { show: !1 }
25178
25189
  }, {
25179
- default: C(() => [...t[308] || (t[308] = [
25190
+ default: C(() => [...t[309] || (t[309] = [
25180
25191
  o("p", null, "This is a system message with slot-content. (that cannot be closed)", -1)
25181
25192
  ])]),
25182
25193
  _: 1
@@ -25187,17 +25198,17 @@ function ak(e, t, n, s, i, l) {
25187
25198
  f(k, null, {
25188
25199
  default: C(() => [
25189
25200
  o("h2", Yv, [
25190
- t[309] || (t[309] = o("span", null, "Tables", -1)),
25201
+ t[310] || (t[310] = o("span", null, "Tables", -1)),
25191
25202
  o("a", {
25192
25203
  href: "#",
25193
25204
  class: "button small icon-cog",
25194
25205
  title: "Open Component Settings",
25195
- onClick: t[120] || (t[120] = w((g) => l.openSettingsSidebar("CmdTable"), ["prevent"]))
25206
+ onClick: t[121] || (t[121] = w((g) => l.openSettingsSidebar("CmdTable"), ["prevent"]))
25196
25207
  })
25197
25208
  ]),
25198
- t[310] || (t[310] = o("h3", null, "Table as wide as its content (with caption)", -1)),
25209
+ t[311] || (t[311] = o("h3", null, "Table as wide as its content (with caption)", -1)),
25199
25210
  f(rn, S({ ref: "CmdTable" }, e.cmdTableSettingsData, { "table-data": i.tableDataLarge }), null, 16, ["table-data"]),
25200
- t[311] || (t[311] = o("h3", null, "Table as wide as possible", -1)),
25211
+ t[312] || (t[312] = o("h3", null, "Table as wide as possible", -1)),
25201
25212
  f(rn, {
25202
25213
  collapsible: !0,
25203
25214
  fullWidthOnDefault: !1,
@@ -25210,24 +25221,24 @@ function ak(e, t, n, s, i, l) {
25210
25221
  f(k, null, {
25211
25222
  default: C(() => [
25212
25223
  o("h2", Jv, [
25213
- t[312] || (t[312] = o("span", null, "Tabs", -1)),
25224
+ t[313] || (t[313] = o("span", null, "Tabs", -1)),
25214
25225
  o("a", {
25215
25226
  href: "#",
25216
25227
  class: "button small icon-cog",
25217
25228
  title: "Open Component Settings",
25218
- onClick: t[121] || (t[121] = w((g) => l.openSettingsSidebar("CmdTabs"), ["prevent"]))
25229
+ onClick: t[122] || (t[122] = w((g) => l.openSettingsSidebar("CmdTabs"), ["prevent"]))
25219
25230
  })
25220
25231
  ]),
25221
25232
  f(Ol, S({ ref: "CmdTabs" }, e.cmdTabsSettingsData, { tabs: i.tabsData }), {
25222
- "tab-content-0": C(() => [...t[313] || (t[313] = [
25233
+ "tab-content-0": C(() => [...t[314] || (t[314] = [
25223
25234
  o("h4", null, "Tab 1 headline", -1),
25224
25235
  o("p", null, "Slot-Content Tab 1", -1)
25225
25236
  ])]),
25226
- "tab-content-1": C(() => [...t[314] || (t[314] = [
25237
+ "tab-content-1": C(() => [...t[315] || (t[315] = [
25227
25238
  o("h4", null, "Tab 2 headline", -1),
25228
25239
  o("p", null, "Slot-Content Tab 2", -1)
25229
25240
  ])]),
25230
- "tab-content-2": C(() => [...t[315] || (t[315] = [
25241
+ "tab-content-2": C(() => [...t[316] || (t[316] = [
25231
25242
  o("h4", null, "Tab 3 headline", -1),
25232
25243
  o("p", null, "Slot-Content Tab 3", -1)
25233
25244
  ])]),
@@ -25239,12 +25250,12 @@ function ak(e, t, n, s, i, l) {
25239
25250
  f(k, null, {
25240
25251
  default: C(() => [
25241
25252
  o("h2", Zv, [
25242
- t[316] || (t[316] = o("span", null, "Tag", -1)),
25253
+ t[317] || (t[317] = o("span", null, "Tag", -1)),
25243
25254
  o("a", {
25244
25255
  href: "#",
25245
25256
  class: "button small icon-cog",
25246
25257
  title: "Open Component Settings",
25247
- onClick: t[122] || (t[122] = w((g) => l.openSettingsSidebar("CmdTag"), ["prevent"]))
25258
+ onClick: t[123] || (t[123] = w((g) => l.openSettingsSidebar("CmdTag"), ["prevent"]))
25248
25259
  })
25249
25260
  ]),
25250
25261
  f(Ll, S({ ref: "CmdTag" }, e.cmdTagSettingsData), null, 16)
@@ -25254,12 +25265,12 @@ function ak(e, t, n, s, i, l) {
25254
25265
  f(k, null, {
25255
25266
  default: C(() => [
25256
25267
  o("h2", Qv, [
25257
- t[317] || (t[317] = o("span", null, "Text-Image-Block", -1)),
25268
+ t[318] || (t[318] = o("span", null, "Text-Image-Block", -1)),
25258
25269
  o("a", {
25259
25270
  href: "#",
25260
25271
  class: "button small icon-cog",
25261
25272
  title: "Open Component Settings",
25262
- onClick: t[123] || (t[123] = w((g) => l.openSettingsSidebar("CmdTextImageBlock"), ["prevent"]))
25273
+ onClick: t[124] || (t[124] = w((g) => l.openSettingsSidebar("CmdTextImageBlock"), ["prevent"]))
25263
25274
  })
25264
25275
  ]),
25265
25276
  o("div", Xv, [
@@ -25308,12 +25319,12 @@ function ak(e, t, n, s, i, l) {
25308
25319
  f(k, null, {
25309
25320
  default: C(() => [
25310
25321
  o("h2", $v, [
25311
- t[318] || (t[318] = o("span", null, "Thumbnail-Scroller", -1)),
25322
+ t[319] || (t[319] = o("span", null, "Thumbnail-Scroller", -1)),
25312
25323
  o("a", {
25313
25324
  href: "#",
25314
25325
  class: "button small icon-cog",
25315
25326
  title: "Open Component Settings",
25316
- onClick: t[124] || (t[124] = w((g) => l.openSettingsSidebar("CmdThumbnailScroller"), ["prevent"]))
25327
+ onClick: t[125] || (t[125] = w((g) => l.openSettingsSidebar("CmdThumbnailScroller"), ["prevent"]))
25317
25328
  })
25318
25329
  ]),
25319
25330
  o("p", null, " date (YMD/default): " + y(l.formatDate("2025-01-28", "", "-")), 1),
@@ -25329,12 +25340,12 @@ function ak(e, t, n, s, i, l) {
25329
25340
  f(k, null, {
25330
25341
  default: C(() => [
25331
25342
  o("h2", tk, [
25332
- t[319] || (t[319] = o("span", null, "Toggle Dark-Mode", -1)),
25343
+ t[320] || (t[320] = o("span", null, "Toggle Dark-Mode", -1)),
25333
25344
  o("a", {
25334
25345
  href: "#",
25335
25346
  class: "button small icon-cog",
25336
25347
  title: "Open Component Settings",
25337
- onClick: t[125] || (t[125] = w((g) => l.openSettingsSidebar("CmdToggleDarkMode"), ["prevent"]))
25348
+ onClick: t[126] || (t[126] = w((g) => l.openSettingsSidebar("CmdToggleDarkMode"), ["prevent"]))
25338
25349
  })
25339
25350
  ]),
25340
25351
  f(Bl, S({ ref: "CmdToggleDarkMode" }, e.cmdToggleDarkModeSettingsData), null, 16)
@@ -25344,32 +25355,32 @@ function ak(e, t, n, s, i, l) {
25344
25355
  f(k, null, {
25345
25356
  default: C(() => [
25346
25357
  o("h2", nk, [
25347
- t[320] || (t[320] = o("span", null, "Tooltip", -1)),
25358
+ t[321] || (t[321] = o("span", null, "Tooltip", -1)),
25348
25359
  o("a", {
25349
25360
  href: "#",
25350
25361
  class: "button small icon-cog",
25351
25362
  title: "Open Component Settings",
25352
- onClick: t[126] || (t[126] = w((g) => l.openSettingsSidebar("CmdTooltip"), ["prevent"]))
25363
+ onClick: t[127] || (t[127] = w((g) => l.openSettingsSidebar("CmdTooltip"), ["prevent"]))
25353
25364
  })
25354
25365
  ]),
25355
25366
  o("p", null, [
25356
25367
  o("a", {
25357
25368
  href: "#",
25358
- onClick: t[127] || (t[127] = w(() => {
25369
+ onClick: t[128] || (t[128] = w(() => {
25359
25370
  }, ["prevent"])),
25360
25371
  id: "show-on-hover"
25361
25372
  }, "Show tooltip on hover!"),
25362
- t[321] || (t[321] = o("br", null, null, -1)),
25373
+ t[322] || (t[322] = o("br", null, null, -1)),
25363
25374
  o("a", {
25364
25375
  href: "#",
25365
- onClick: t[128] || (t[128] = w(() => {
25376
+ onClick: t[129] || (t[129] = w(() => {
25366
25377
  }, ["prevent"])),
25367
25378
  id: "show-with-delay"
25368
25379
  }, "Show tooltip on hover with delay!"),
25369
- t[322] || (t[322] = o("br", null, null, -1)),
25380
+ t[323] || (t[323] = o("br", null, null, -1)),
25370
25381
  o("a", {
25371
25382
  href: "#",
25372
- onClick: t[129] || (t[129] = w(() => {
25383
+ onClick: t[130] || (t[130] = w(() => {
25373
25384
  }, ["prevent"])),
25374
25385
  id: "show-on-click",
25375
25386
  title: "Native tooltip"
@@ -25379,7 +25390,7 @@ function ak(e, t, n, s, i, l) {
25379
25390
  ref: "CmdTooltip",
25380
25391
  "related-id": "show-on-hover"
25381
25392
  }, e.cmdTooltipSettingsData), {
25382
- default: C(() => [...t[323] || (t[323] = [
25393
+ default: C(() => [...t[324] || (t[324] = [
25383
25394
  D(" Tooltip on hover ", -1)
25384
25395
  ])]),
25385
25396
  _: 1
@@ -25388,7 +25399,7 @@ function ak(e, t, n, s, i, l) {
25388
25399
  "delay-to-show-tooltip": 2e3,
25389
25400
  "related-id": "show-with-delay"
25390
25401
  }, {
25391
- default: C(() => [...t[324] || (t[324] = [
25402
+ default: C(() => [...t[325] || (t[325] = [
25392
25403
  D(" Tooltip on hover with delay ", -1)
25393
25404
  ])]),
25394
25405
  _: 1
@@ -25398,7 +25409,7 @@ function ak(e, t, n, s, i, l) {
25398
25409
  "toggle-visibility-by-click": !0,
25399
25410
  allowEscapeKey: !0
25400
25411
  }, {
25401
- default: C(() => [...t[325] || (t[325] = [
25412
+ default: C(() => [...t[326] || (t[326] = [
25402
25413
  D(" Tooltip on click ", -1)
25403
25414
  ])]),
25404
25415
  _: 1
@@ -25409,12 +25420,12 @@ function ak(e, t, n, s, i, l) {
25409
25420
  f(k, null, {
25410
25421
  default: C(() => [
25411
25422
  o("h2", ik, [
25412
- t[326] || (t[326] = o("span", null, "Upload-Form", -1)),
25423
+ t[327] || (t[327] = o("span", null, "Upload-Form", -1)),
25413
25424
  o("a", {
25414
25425
  href: "#",
25415
25426
  class: "button small icon-cog",
25416
25427
  title: "Open Component Settings",
25417
- onClick: t[130] || (t[130] = w((g) => l.openSettingsSidebar("CmdUploadForm"), ["prevent"]))
25428
+ onClick: t[131] || (t[131] = w((g) => l.openSettingsSidebar("CmdUploadForm"), ["prevent"]))
25418
25429
  })
25419
25430
  ]),
25420
25431
  f(Dl, S({ ref: "CmdUploadForm" }, e.cmdUploadFormSettingsData), null, 16)
@@ -25424,19 +25435,19 @@ function ak(e, t, n, s, i, l) {
25424
25435
  f(k, null, {
25425
25436
  default: C(() => [
25426
25437
  o("h2", lk, [
25427
- t[327] || (t[327] = o("span", null, "Width Limitation Wrapper", -1)),
25438
+ t[328] || (t[328] = o("span", null, "Width Limitation Wrapper", -1)),
25428
25439
  o("a", {
25429
25440
  href: "#",
25430
25441
  class: "button small icon-cog",
25431
25442
  title: "Open Component Settings",
25432
- onClick: t[131] || (t[131] = w((g) => l.openSettingsSidebar("CmdWidthLimitationWrapper"), ["prevent"]))
25443
+ onClick: t[132] || (t[132] = w((g) => l.openSettingsSidebar("CmdWidthLimitationWrapper"), ["prevent"]))
25433
25444
  })
25434
25445
  ]),
25435
25446
  f(k, S({
25436
25447
  style: { border: "1px dashed var(--color-gray-30)" },
25437
25448
  ref: "CmdWidthLimitationWrapper"
25438
25449
  }, e.cmdWidthLimitationWrapperSettingsData), {
25439
- default: C(() => [...t[328] || (t[328] = [
25450
+ default: C(() => [...t[329] || (t[329] = [
25440
25451
  o("p", null, "Slot-content", -1),
25441
25452
  o("p", null, "Slot-content", -1),
25442
25453
  o("p", null, "Slot-content", -1)
@@ -25448,7 +25459,7 @@ function ak(e, t, n, s, i, l) {
25448
25459
  })
25449
25460
  ])) : (a(), r("main", ok, [
25450
25461
  f(k, null, {
25451
- default: C(() => [...t[329] || (t[329] = [
25462
+ default: C(() => [...t[330] || (t[330] = [
25452
25463
  o("h1", { class: "headline-demopage" }, "Page Overview", -1)
25453
25464
  ])]),
25454
25465
  _: 1
@@ -25456,7 +25467,7 @@ function ak(e, t, n, s, i, l) {
25456
25467
  f(Fl)
25457
25468
  ])),
25458
25469
  f(an, null, {
25459
- default: C(() => [...t[330] || (t[330] = [
25470
+ default: C(() => [...t[331] || (t[331] = [
25460
25471
  D(" Slot-Content for Site-Footer ", -1)
25461
25472
  ])]),
25462
25473
  _: 1
@@ -25474,7 +25485,7 @@ function ak(e, t, n, s, i, l) {
25474
25485
  cookieOptions: i.cookieDisclaimerData,
25475
25486
  onCloseCookieDisclaimer: l.closeCookieDisclaimer,
25476
25487
  modelValue: i.acceptedCookies,
25477
- "onUpdate:modelValue": t[132] || (t[132] = (g) => i.acceptedCookies = g),
25488
+ "onUpdate:modelValue": t[133] || (t[133] = (g) => i.acceptedCookies = g),
25478
25489
  cmdHeadlineCookieDisclaimer: { show: !1 },
25479
25490
  privacyText: "By browsing this website you accept the usage and saving of anonymous data!"
25480
25491
  }, null, 8, ["cookieOptions", "onCloseCookieDisclaimer", "modelValue"])