@piveau/dpi 0.1.0-beta.5

package/dist/data-provider-interface/HappyFlowComponents/ComponentLibrary.vue.js

@@ -0,0 +1,1052 @@
+import I from "./ServiceDPIHome.vue.js";
+import B from "./FAQDPIHome.vue.js";
+import P from "./HomeTable.vue.js";
+import S from "./ConsultingDPI.vue.js";
+import D from "./CommunityDPI.vue.js";
+import z from "./BlogDPIHome.vue.js";
+import E from "./ui/Chip.vue.js";
+import M from "./ui/ButtonV3.vue.js";
+import k from "./ui/InputV3.vue.js";
+import C from "./ui/Dropdown.vue.js";
+import L from "./ui/CheckboxV3.vue.js";
+import V from "./ui/CrossOutButton.vue.js";
+import H from "./ui/MoreButton.vue.js";
+import G from "./ui/TextButtonSmall.vue.js";
+import O from "./ui/SwitchV3.vue.js";
+import F from "./ui/LogoV3.vue.js";
+import U from "./ui/StateTag.vue.js";
+import R from "./ui/Toast.vue.js";
+import A from "./ui/TextButtonLarge.vue.js";
+import c from "jquery";
+import W from "./ui/InputField.vue.js";
+import K from "./ui/TextAreaV3.vue.js";
+import N from "./ui/DatasetStatus.vue.js";
+import $ from "./ui/Illustration.vue.js";
+import Q from "./ui/CloseOpenButtonV3.vue.js";
+import { resolveComponent as i, createElementBlock as q, openBlock as J, Fragment as j, createElementVNode as e, createVNode as s } from "vue";
+/* empty css                      */
+import X from "../../_virtual/_plugin-vue_export-helper.js";
+const Y = {
+  name: "DPI-Home",
+  components: {
+    HomeTable: P,
+    FAQDPIHome: B,
+    ServiceDPIHome: I,
+    ConsultingDPI: S,
+    CommunityDPI: D,
+    BlogDPIHome: z,
+    Chip: E,
+    ButtonV3: M,
+    InputV3: k,
+    Dropdown: C,
+    CheckboxV3: L,
+    CrossOutButton: V,
+    MoreButton: H,
+    TextButtonSmall: G,
+    SwitchV3: O,
+    LogoV3: F,
+    Toast: R,
+    StateTag: U,
+    TextButtonLarge: A,
+    InputField: W,
+    CloseOpenButtonV3: Q,
+    TextAreaV3: K,
+    DatasetStatus: N,
+    Illustration: $
+  },
+  mounted() {
+    c(".tooltipToggle").tooltip();
+  },
+  beforeUnmount() {
+    c(".tooltipToggle").tooltip("dispose");
+  },
+  methods: {
+    onButtonClick() {
+      console.log("ButtonV3 clicked!");
+    }
+  }
+}, Z = { class: "homeWrapper" }, _ = { class: "m-3" }, tt = { class: "preview m-3" }, et = { class: "preview m-3" }, st = { class: "preview m-5" }, lt = { class: "preview m-5" }, it = { class: "preview m-3" }, nt = { class: "preview m-3" }, ot = { class: "preview m-3" }, at = { class: "preview m-3" }, rt = { class: "preview m-3" }, dt = { class: "preview m-3" }, ut = { class: "preview m-3" }, mt = { class: "preview m-3" }, pt = { class: "preview m-3" }, ft = { class: "preview m-3" }, vt = { class: "preview m-3" }, bt = { class: "preview m-3" }, gt = { class: "preview m-3" }, ct = { class: "preview m-3" }, xt = { class: "preview m-3" }, Tt = { class: "preview m-3" }, wt = { class: "preview m-3" }, yt = { class: "preview m-3" }, ht = { class: "preview m-3" }, It = { class: "preview m-3 d-block" }, Bt = { class: "buttonPreview m-3" }, Pt = { class: "preview m-3" }, St = { class: "preview m-3" }, Dt = { class: "preview m-3" }, zt = { class: "preview m-3" }, Et = { class: "buttonPreview m-3" }, Mt = { class: "buttonPreview m-3" }, kt = { class: "buttonPreview m-3" }, Ct = { class: "buttonPreview m-3" }, Lt = { class: "buttonPreview m-3" }, Vt = { class: "buttonPreview m-3" }, Ht = { class: "buttonPreview m-3" }, Gt = { class: "buttonPreview m-3" }, Ot = { class: "buttonPreview m-3" }, Ft = { class: "buttonPreview m-3" }, Ut = { class: "buttonPreview m-3" }, Rt = { class: "buttonPreview m-3" }, At = { class: "buttonPreview m-3" }, Wt = { class: "buttonPreview m-3" }, Kt = { class: "buttonPreview m-3" }, Nt = { class: "buttonPreview m-3" }, $t = { class: "buttonPreview m-3" }, Qt = { class: "buttonPreview m-3" }, qt = { class: "buttonPreview m-3" }, Jt = { class: "buttonPreview m-3" }, jt = { class: "buttonPreview m-3" }, Xt = { class: "buttonPreview m-3" }, Yt = { class: "buttonPreview m-3" }, Zt = { class: "buttonPreview m-3" }, _t = { class: "buttonPreview m-3" }, te = { class: "buttonPreview m-3" }, ee = { class: "buttonPreview m-3" }, se = { class: "buttonPreview m-3" }, le = { class: "buttonPreview m-3" }, ie = { class: "buttonPreview m-3" }, ne = { class: "buttonPreview m-3" }, oe = { class: "buttonPreview m-3" }, ae = { class: "buttonPreview m-3" }, re = { class: "buttonPreview m-3" }, de = { class: "buttonPreview m-3" }, ue = { class: "buttonPreview m-3" }, me = { class: "buttonPreview m-3" }, pe = { class: "buttonPreview m-3" }, fe = { class: "buttonPreview m-3" }, ve = { class: "buttonPreview m-3" }, be = { class: "buttonPreview m-3" };
+function ge(ce, t, xe, Te, we, x) {
+  const r = i("Chip"), T = i("DatasetStatus"), b = i("Illustration"), n = i("InputField"), v = i("TextAreaV3"), l = i("ButtonV3"), u = i("Dropdown"), d = i("CheckboxV3"), f = i("Toast"), w = i("CrossOutButton"), y = i("MoreButton"), g = i("CloseOpenButtonV3"), m = i("TextButtonSmall"), p = i("TextButtonLarge"), o = i("SwitchV3"), h = i("LogoV3"), a = i("StateTag");
+  return J(), q(j, null, [
+    t[101] || (t[101] = e("link", {
+      rel: "preconnect",
+      href: "https://fonts.googleapis.com"
+    }, null, -1)),
+    t[102] || (t[102] = e("link", {
+      rel: "preconnect",
+      href: "https://fonts.gstatic.com",
+      crossorigin: ""
+    }, null, -1)),
+    t[103] || (t[103] = e("link", {
+      href: "https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap",
+      rel: "stylesheet"
+    }, null, -1)),
+    e("div", Z, [
+      t[100] || (t[100] = e("header", { class: "d-flex align-items-center" }, [
+        e("div", { class: "DPIHeadL" }, [
+          e("img", {
+            class: "w-50",
+            src: "https://equalengineers.com/wp-content/uploads/2024/04/dummy-logo-5b.png",
+            alt: "dpiLogo"
+          })
+        ]),
+        e("div", { class: "DPIHeadR" }, [
+          e("button", null, "Datensätze"),
+          e("button", null, "FAQ")
+        ])
+      ], -1)),
+      e("main", null, [
+        e("div", _, [
+          t[61] || (t[61] = e("h1", null, "Review Area for Components", -1)),
+          t[62] || (t[62] = e("hr", null, null, -1)),
+          e("div", tt, [
+            t[0] || (t[0] = e("h4", { class: "m-3" }, "Chip:", -1)),
+            s(r, {
+              class: "",
+              text: "Chip Static",
+              data: { "@value": "Chip Static", URI: "https://Uri.com" },
+              setup: {
+                "@type": "static",
+                "@inTable": !1,
+                "@icon": "suffix",
+                "@search": !0
+              }
+            }),
+            s(r, {
+              class: "",
+              text: "Leading Icon",
+              data: { "@value": "Chip Unselected", URI: "https://Uri.com" },
+              setup: {
+                "@type": "select",
+                "@icon": "prefix",
+                "@inTable": !1
+              }
+            }),
+            s(r, {
+              class: "",
+              text: "Trailing Icon",
+              data: { "@value": "Chip with cross", URI: "https://Uri.com" },
+              setup: {
+                "@type": "select",
+                "@icon": "suffix",
+                "@inTable": !1,
+                "@selected": !0
+              }
+            }),
+            s(r, {
+              class: "",
+              text: "Disabled",
+              data: { "@value": "Chip with cross", URI: "https://Uri.com" },
+              setup: { "@type": "disabled", "@inTable": !1 }
+            }),
+            s(r, {
+              class: "",
+              text: "Disabled selected",
+              data: { "@value": "Chip with cross", URI: "https://Uri.com" },
+              setup: {
+                "@type": "disabled",
+                "@inTable": !1,
+                "@selected": !0
+              }
+            }),
+            s(r, {
+              class: "",
+              text: "In Table",
+              data: { "@value": "Chip in Table", URI: "https://Uri.com" },
+              setup: {
+                "@type": "static",
+                "@inTable": !0,
+                "@icon": "prefix",
+                "@search": !0
+              }
+            }),
+            s(r, {
+              class: "",
+              text: "In Table",
+              data: { "@value": "Chip in Table", URI: "https://Uri.com" },
+              setup: {
+                "@type": "static",
+                "@inTable": !0,
+                "@icon": "suffix",
+                "@search": !0
+              }
+            })
+          ]),
+          t[63] || (t[63] = e("hr", null, null, -1)),
+          e("div", et, [
+            t[1] || (t[1] = e("h4", { class: "m-3" }, "Dataset status", -1)),
+            s(T, {
+              timestamp: "01 Jan 2025",
+              statuses: [
+                { label: "Veröffentlicht", state: "published" },
+                { label: "Entwurf", state: "draft" }
+              ]
+            })
+          ]),
+          t[64] || (t[64] = e("hr", null, null, -1)),
+          t[65] || (t[65] = e("h3", { class: "m-4" }, "Illustration", -1)),
+          e("div", st, [
+            t[2] || (t[2] = e("h4", { class: "m-5" }, "Illustration celebrate:", -1)),
+            s(b, { illustrationName: "celebrate" })
+          ]),
+          e("div", lt, [
+            t[3] || (t[3] = e("h4", { class: "m-5" }, "Illustration start:", -1)),
+            s(b, { illustrationName: "start" })
+          ]),
+          t[66] || (t[66] = e("hr", null, null, -1)),
+          t[67] || (t[67] = e("h3", { class: "m-4" }, "Input field", -1)),
+          e("div", it, [
+            t[4] || (t[4] = e("h4", { class: "m-3" }, "Input field all:", -1)),
+            s(n, {
+              defaultInput: !1,
+              addOnText: !1,
+              class: "m-5",
+              eraseable: !0,
+              datePicker: !0,
+              infoIcon: !0
+            })
+          ]),
+          e("div", nt, [
+            t[5] || (t[5] = e("h4", { class: "m-3" }, "Input field:", -1)),
+            s(n, {
+              addOnText: !1,
+              class: "m-5",
+              datePicker: !1,
+              infoIcon: !1
+            })
+          ]),
+          e("div", ot, [
+            t[6] || (t[6] = e("h4", { class: "m-3" }, "Input field leading text:", -1)),
+            s(n, {
+              addOnText: !0,
+              class: "m-5",
+              datePicker: !1,
+              infoIcon: !1
+            })
+          ]),
+          e("div", at, [
+            t[7] || (t[7] = e("h4", { class: "m-3" }, "Input field trailing text:", -1)),
+            s(n, {
+              addOnText: !0,
+              trailingText: !0,
+              class: "m-5",
+              datePicker: !1,
+              infoIcon: !1
+            })
+          ]),
+          e("div", rt, [
+            t[8] || (t[8] = e("h4", { class: "m-3" }, "Input field disabled:", -1)),
+            s(n, {
+              isDisabled: !0,
+              addOnText: !1,
+              class: "m-5",
+              datePicker: !1,
+              infoIcon: !1
+            })
+          ]),
+          e("div", dt, [
+            t[9] || (t[9] = e("h4", { class: "m-3" }, "Input field leading text disabled:", -1)),
+            s(n, {
+              isDisabled: !0,
+              addOnText: !0,
+              class: "m-5",
+              datePicker: !1,
+              infoIcon: !1
+            })
+          ]),
+          e("div", ut, [
+            t[10] || (t[10] = e("h4", { class: "m-3" }, "Input field trailing text disabled:", -1)),
+            s(n, {
+              isDisabled: !0,
+              addOnText: !0,
+              trailingText: !0,
+              class: "m-5",
+              datePicker: !1,
+              infoIcon: !1
+            })
+          ]),
+          e("div", mt, [
+            t[11] || (t[11] = e("h4", { class: "m-3" }, "Input field error:", -1)),
+            s(n, {
+              showError: !0,
+              addOnText: !1,
+              class: "m-5",
+              datePicker: !1,
+              infoIcon: !1
+            })
+          ]),
+          e("div", pt, [
+            t[12] || (t[12] = e("h4", { class: "m-3" }, "Input field leading text error:", -1)),
+            s(n, {
+              showError: !0,
+              addOnText: !0,
+              class: "m-5",
+              datePicker: !1,
+              infoIcon: !1
+            })
+          ]),
+          e("div", ft, [
+            t[13] || (t[13] = e("h4", { class: "m-3" }, "Input field trailing text error:", -1)),
+            s(n, {
+              showError: !0,
+              addOnText: !0,
+              trailingText: !0,
+              class: "m-5",
+              datePicker: !1,
+              infoIcon: !1
+            })
+          ]),
+          e("div", vt, [
+            t[14] || (t[14] = e("h4", { class: "m-3" }, "Text area:", -1)),
+            s(v, {
+              showError: !1,
+              class: "m-5"
+            })
+          ]),
+          e("div", bt, [
+            t[15] || (t[15] = e("h4", { class: "m-3" }, "Text area disabled:", -1)),
+            s(v, {
+              isDisabled: !0,
+              showError: !1,
+              class: "m-5"
+            })
+          ]),
+          e("div", gt, [
+            t[16] || (t[16] = e("h4", { class: "m-3" }, "Text area error:", -1)),
+            s(v, {
+              showError: !0,
+              class: "m-5"
+            })
+          ]),
+          t[68] || (t[68] = e("hr", null, null, -1)),
+          e("div", ct, [
+            t[17] || (t[17] = e("h4", { class: "m-3" }, "Button with tooltip:", -1)),
+            s(l, {
+              size: "medium",
+              iconStart: "MagnifyingGlass",
+              variant: "secondary",
+              class: "tooltipToggle",
+              "data-toggle": "tooltip",
+              title: "Look at me, I'm Mr Tooltip!"
+            })
+          ]),
+          t[69] || (t[69] = e("hr", null, null, -1)),
+          e("div", xt, [
+            t[18] || (t[18] = e("h4", { class: "m-3" }, "Textbutton mit Dropdown:", -1)),
+            s(u, {
+              buttonText: "Dropdown",
+              type: "textButtonSmall",
+              text: {
+                placeholder: "URL Input",
+                property: "Label",
+                support: "This is a supporting message"
+              },
+              data: [
+                { "@value": "Eintrag 1", selected: !1 },
+                { "@value": "Eintrag 2", selected: !1 },
+                { "@value": "Eintrag 3", selected: !1 }
+              ]
+            }),
+            s(u, {
+              buttonText: "Dropdown Multi",
+              type: "textButtonSmall",
+              text: {
+                placeholder: "URL Input",
+                property: "Label",
+                support: "This is a supporting message"
+              },
+              data: [
+                {
+                  "Header 1": [
+                    { "@value": "Eintrag 1", selected: !1 },
+                    { "@value": "Eintrag 2", selected: !1 },
+                    { "@value": "Eintrag 3", selected: !1 }
+                  ]
+                },
+                {
+                  "Header 2": [{ "@value": "Eintrag 1", selected: !1 }]
+                },
+                {
+                  "Header 3": [
+                    { "@value": "Eintrag 1", selected: !1 },
+                    { "@value": "Eintrag 2", selected: !1 },
+                    { "@value": "Eintrag 3", selected: !1 }
+                  ]
+                }
+              ],
+              multi: "true"
+            })
+          ]),
+          e("div", Tt, [
+            t[19] || (t[19] = e("h4", { class: "m-3" }, "Dropdown inside input field:", -1)),
+            s(u, {
+              dropdownWidth: "large",
+              type: "inputField",
+              inputFieldProps: {
+                addOnText: !1,
+                initialHintText: !1,
+                datePicker: !1,
+                infoIcon: !1,
+                preIcon: !1,
+                label: "HVD-Kategorie Test",
+                dropdown_dpiV3: !0,
+                placeholder: "TEST,  HVD-Kategorie",
+                inputFieldSize: "large"
+              },
+              data: [
+                { "@value": "Eintrag 1", selected: !1 },
+                { "@value": "Eintrag 2", selected: !1 },
+                { "@value": "Eintrag 3", selected: !1 },
+                { "@value": "Eintrag 4", selected: !1 },
+                { "@value": "Eintrag 5", selected: !1 },
+                { "@value": "Eintrag 6", selected: !1 }
+              ]
+            })
+          ]),
+          e("div", wt, [
+            t[20] || (t[20] = e("h4", { class: "m-3" }, "Dropdown inside input field disabled:", -1)),
+            s(u, {
+              dropdownWidth: "large",
+              type: "inputField",
+              isDisabled: "true",
+              inputFieldProps: {
+                isDisabled: !0,
+                addOnText: !1,
+                initialHintText: !1,
+                datePicker: !1,
+                infoIcon: !1,
+                preIcon: !1,
+                label: "HVD-Kategorie",
+                dropdown_dpiV3: !0,
+                placeholder: "Wählen Sie eine HVD-Kategorie",
+                inputFieldSize: "large"
+              },
+              data: [{ "@value": "Eintrag 1", selected: !1 }]
+            })
+          ]),
+          e("div", yt, [
+            t[21] || (t[21] = e("h4", { class: "m-3" }, "Dropdown inside input field multi:", -1)),
+            s(u, {
+              dropdownWidth: "large",
+              type: "inputField",
+              inputFieldProps: {
+                addOnText: !1,
+                initialHintText: !1,
+                datePicker: !1,
+                infoIcon: !1,
+                preIcon: !1,
+                label: "HVD-Kategorie",
+                dropdown_dpiV3: !0,
+                placeholder: "Wählen Sie eine HVD-Kategorie",
+                inputFieldSize: "large"
+              },
+              data: [
+                {
+                  "Header 1": [
+                    { "@value": "Header 1 Eintrag 1", selected: !1 },
+                    { "@value": "Header 1 Eintrag 2", selected: !1 },
+                    { "@value": "Header 1 Eintrag 3", selected: !1 }
+                  ]
+                },
+                {
+                  "Header 2": [{ "@value": "Header 2 Eintrag 1", selected: !1 }]
+                },
+                {
+                  "Header 3": [
+                    { "@value": "Header 3 Eintrag 1", selected: !1 },
+                    { "@value": "Header 3 Eintrag 2", selected: !1 },
+                    { "@value": "Header 3 Eintrag 3", selected: !1 }
+                  ]
+                }
+              ],
+              multi: "true"
+            })
+          ]),
+          t[70] || (t[70] = e("hr", null, null, -1)),
+          e("div", ht, [
+            t[22] || (t[22] = e("h4", { class: "m-3" }, "Checkboxes:", -1)),
+            s(d, {
+              class: "mx-3",
+              type: "checkbox",
+              data: [],
+              state: "idle"
+            }),
+            s(d, {
+              class: "mx-3",
+              type: "radio",
+              data: [],
+              state: "neutral"
+            }),
+            s(d, {
+              class: "mx-3",
+              type: "radio",
+              text: { label: "Label (disabled State)", subtext: "" },
+              data: [],
+              state: "disabled"
+            }),
+            s(d, {
+              class: "mx-3",
+              type: "checkbox",
+              text: { label: "Label (disabled State)", subtext: "" },
+              data: [],
+              state: "disabled"
+            }),
+            s(d, {
+              class: "mx-3",
+              type: "checkbox",
+              text: { label: "Label", subtext: "Subtext" },
+              data: [],
+              state: "checked"
+            }),
+            s(d, {
+              class: "mx-3",
+              type: "radio",
+              text: { label: "Label", subtext: "Subtext" },
+              data: [],
+              state: "checked"
+            })
+          ]),
+          t[71] || (t[71] = e("hr", null, null, -1)),
+          e("div", It, [
+            t[23] || (t[23] = e("h4", { class: "m-3" }, "Toast:", -1)),
+            s(f, {
+              type: "error",
+              text: { value: "Fehler" },
+              class: "mb-3"
+            }),
+            s(f, {
+              type: "warning",
+              text: { value: "Warnung" },
+              class: "mb-3"
+            }),
+            s(f, {
+              type: "info",
+              text: { value: "Info" },
+              class: "mb-3"
+            }),
+            s(f, {
+              type: "success",
+              text: { value: "Erfolg" },
+              class: "mb-3"
+            })
+          ]),
+          t[72] || (t[72] = e("hr", null, null, -1)),
+          t[73] || (t[73] = e("h3", { class: "m-4" }, "Primary button:", -1)),
+          e("div", Bt, [
+            t[24] || (t[24] = e("h4", { class: "m-3" }, "Active:", -1)),
+            s(l, {
+              onClick: x.onButtonClick,
+              buttonText: "Button Small",
+              size: "small"
+            }, null, 8, ["onClick"]),
+            s(l, {
+              buttonText: "Button Medium",
+              size: "medium"
+            }),
+            s(l, {
+              buttonText: "Button Large",
+              size: "large"
+            })
+          ]),
+          e("div", Pt, [
+            t[25] || (t[25] = e("h4", { class: "m-3" }, "Leading icon:", -1)),
+            s(l, {
+              buttonText: "Button Small",
+              size: "small",
+              iconStart: "MagnifyingGlass"
+            }),
+            s(l, {
+              buttonText: "Button Medium",
+              size: "medium",
+              iconStart: "MagnifyingGlass"
+            }),
+            s(l, {
+              buttonText: "Button Large",
+              size: "large",
+              iconStart: "MagnifyingGlass"
+            })
+          ]),
+          e("div", St, [
+            t[26] || (t[26] = e("h4", { class: "m-3" }, "Trailing icon:", -1)),
+            s(l, {
+              buttonText: "Button Small",
+              size: "small",
+              iconEnd: "MagnifyingGlass"
+            }),
+            s(l, {
+              buttonText: "Button Medium",
+              size: "medium",
+              iconEnd: "MagnifyingGlass"
+            }),
+            s(l, {
+              buttonText: "Button Large",
+              size: "large",
+              iconEnd: "MagnifyingGlass"
+            })
+          ]),
+          e("div", Dt, [
+            t[27] || (t[27] = e("h4", { class: "m-3" }, "Icon only:", -1)),
+            s(l, {
+              class: "mx-3",
+              size: "small",
+              iconStart: "MagnifyingGlass"
+            }),
+            s(l, {
+              class: "mx-3",
+              size: "medium",
+              iconStart: "MagnifyingGlass"
+            }),
+            s(l, {
+              class: "mx-3",
+              size: "large",
+              iconStart: "MagnifyingGlass"
+            })
+          ]),
+          e("div", zt, [
+            t[28] || (t[28] = e("h4", { class: "m-3" }, "Disabled:", -1)),
+            s(l, {
+              buttonText: "Button Small",
+              size: "small",
+              disabled: ""
+            }),
+            s(l, {
+              buttonText: "Button Medium",
+              size: "medium",
+              disabled: ""
+            }),
+            s(l, {
+              buttonText: "Button Large",
+              size: "large",
+              disabled: ""
+            })
+          ]),
+          t[74] || (t[74] = e("hr", null, null, -1)),
+          t[75] || (t[75] = e("h3", { class: "m-4" }, "Secondary button:", -1)),
+          e("div", Et, [
+            t[29] || (t[29] = e("h4", { class: "m-3" }, "Active:", -1)),
+            s(l, {
+              buttonText: "Button Small",
+              size: "small",
+              variant: "secondary"
+            }),
+            s(l, {
+              buttonText: "Button Medium",
+              size: "medium",
+              variant: "secondary"
+            }),
+            s(l, {
+              buttonText: "Button Large",
+              size: "large",
+              variant: "secondary"
+            })
+          ]),
+          e("div", Mt, [
+            t[30] || (t[30] = e("h4", { class: "m-3" }, "Leading icon:", -1)),
+            s(l, {
+              buttonText: "Button Small",
+              size: "small",
+              iconStart: "MagnifyingGlass",
+              variant: "secondary"
+            }),
+            s(l, {
+              buttonText: "Button Medium",
+              size: "medium",
+              iconStart: "MagnifyingGlass",
+              variant: "secondary"
+            }),
+            s(l, {
+              buttonText: "Button Large",
+              size: "large",
+              iconStart: "MagnifyingGlass",
+              variant: "secondary"
+            })
+          ]),
+          e("div", kt, [
+            t[31] || (t[31] = e("h4", { class: "m-3" }, "Trailing icon:", -1)),
+            s(l, {
+              buttonText: "Button Small",
+              size: "small",
+              iconEnd: "MagnifyingGlass",
+              variant: "secondary"
+            }),
+            s(l, {
+              buttonText: "Button Medium",
+              size: "medium",
+              iconEnd: "MagnifyingGlass",
+              variant: "secondary"
+            }),
+            s(l, {
+              buttonText: "Button Large",
+              size: "large",
+              iconEnd: "MagnifyingGlass",
+              variant: "secondary"
+            })
+          ]),
+          e("div", Ct, [
+            t[32] || (t[32] = e("h4", { class: "m-3" }, "Icon only:", -1)),
+            s(l, {
+              size: "small",
+              iconStart: "MagnifyingGlass",
+              variant: "secondary"
+            }),
+            s(l, {
+              size: "medium",
+              iconStart: "MagnifyingGlass",
+              variant: "secondary"
+            }),
+            s(l, {
+              size: "large",
+              iconStart: "MagnifyingGlass",
+              variant: "secondary"
+            })
+          ]),
+          e("div", Lt, [
+            t[33] || (t[33] = e("h4", { class: "m-3" }, "Disabled:", -1)),
+            s(l, {
+              buttonText: "Button Small",
+              size: "small",
+              disabled: "",
+              variant: "secondary"
+            }),
+            s(l, {
+              buttonText: "Button Medium",
+              size: "medium",
+              disabled: "",
+              variant: "secondary"
+            }),
+            s(l, {
+              buttonText: "Button Large",
+              size: "large",
+              disabled: "",
+              variant: "secondary"
+            })
+          ]),
+          t[76] || (t[76] = e("hr", null, null, -1)),
+          t[77] || (t[77] = e("h3", { class: "m-4" }, "Tertiary button:", -1)),
+          e("div", Vt, [
+            t[34] || (t[34] = e("h4", { class: "m-3" }, "Active:", -1)),
+            s(l, {
+              buttonText: "Button Small",
+              size: "small",
+              variant: "tertiary"
+            }),
+            s(l, {
+              buttonText: "Button Medium",
+              size: "medium",
+              variant: "tertiary"
+            }),
+            s(l, {
+              buttonText: "Button Large",
+              size: "large",
+              variant: "tertiary"
+            })
+          ]),
+          e("div", Ht, [
+            t[35] || (t[35] = e("h4", { class: "m-3" }, "Leading icon:", -1)),
+            s(l, {
+              buttonText: "Button Small",
+              size: "small",
+              iconStart: "MagnifyingGlass",
+              variant: "tertiary"
+            }),
+            s(l, {
+              buttonText: "Button Medium",
+              size: "medium",
+              iconStart: "MagnifyingGlass",
+              variant: "tertiary"
+            }),
+            s(l, {
+              buttonText: "Button Large",
+              size: "large",
+              iconStart: "MagnifyingGlass",
+              variant: "tertiary"
+            })
+          ]),
+          e("div", Gt, [
+            t[36] || (t[36] = e("h4", { class: "m-3" }, "Trailing icon:", -1)),
+            s(l, {
+              buttonText: "Button Small",
+              size: "small",
+              iconEnd: "MagnifyingGlass",
+              variant: "tertiary"
+            }),
+            s(l, {
+              buttonText: "Button Medium",
+              size: "medium",
+              iconEnd: "MagnifyingGlass",
+              variant: "tertiary"
+            }),
+            s(l, {
+              buttonText: "Button Large",
+              size: "large",
+              iconEnd: "MagnifyingGlass",
+              variant: "tertiary"
+            })
+          ]),
+          e("div", Ot, [
+            t[37] || (t[37] = e("h4", { class: "m-3" }, "Icon only:", -1)),
+            s(l, {
+              size: "small",
+              iconStart: "MagnifyingGlass",
+              variant: "tertiary"
+            }),
+            s(l, {
+              size: "medium",
+              iconStart: "MagnifyingGlass",
+              variant: "tertiary"
+            }),
+            s(l, {
+              size: "large",
+              iconStart: "MagnifyingGlass",
+              variant: "tertiary"
+            })
+          ]),
+          e("div", Ft, [
+            t[38] || (t[38] = e("h4", { class: "m-3" }, "Disabled:", -1)),
+            s(l, {
+              buttonText: "Button Small",
+              size: "small",
+              disabled: "",
+              variant: "tertiary"
+            }),
+            s(l, {
+              buttonText: "Button Medium",
+              size: "medium",
+              disabled: "",
+              variant: "tertiary"
+            }),
+            s(l, {
+              buttonText: "Button Large",
+              size: "large",
+              disabled: "",
+              variant: "tertiary"
+            })
+          ]),
+          t[78] || (t[78] = e("hr", null, null, -1)),
+          e("div", Ut, [
+            t[39] || (t[39] = e("h4", { class: "m-3" }, "Cross out button:", -1)),
+            s(w)
+          ]),
+          t[79] || (t[79] = e("hr", null, null, -1)),
+          e("div", Rt, [
+            t[40] || (t[40] = e("h4", { class: "m-3" }, "More button:", -1)),
+            s(y)
+          ]),
+          t[80] || (t[80] = e("hr", null, null, -1)),
+          e("div", At, [
+            t[41] || (t[41] = e("h4", { class: "m-3" }, "Open Close button:", -1)),
+            s(g, { expanded: !0 })
+          ]),
+          t[81] || (t[81] = e("hr", null, null, -1)),
+          e("div", Wt, [
+            t[42] || (t[42] = e("h4", { class: "m-3" }, "Open Close button:", -1)),
+            s(g, { expanded: !1 })
+          ]),
+          t[82] || (t[82] = e("hr", null, null, -1)),
+          t[83] || (t[83] = e("h3", { class: "m-4" }, "Text button small", -1)),
+          e("div", Kt, [
+            t[43] || (t[43] = e("h4", { class: "m-3" }, "Active:", -1)),
+            s(m, { buttonText: "löschen" })
+          ]),
+          e("div", Nt, [
+            t[44] || (t[44] = e("h4", { class: "m-3" }, "Leading icon:", -1)),
+            s(m, {
+              buttonText: "löschen",
+              iconStart: "DeleteBlue"
+            })
+          ]),
+          e("div", $t, [
+            t[45] || (t[45] = e("h4", { class: "m-3" }, "Trailing icon:", -1)),
+            s(m, {
+              buttonText: "löschen",
+              iconEnd: "DeleteBlue"
+            })
+          ]),
+          e("div", Qt, [
+            t[46] || (t[46] = e("h4", { class: "m-3" }, "Icon only:", -1)),
+            s(m, { iconStart: "DeleteBlue" })
+          ]),
+          e("div", qt, [
+            t[47] || (t[47] = e("h4", { class: "m-3" }, "Disabled:", -1)),
+            s(m, {
+              buttonText: "löschen",
+              iconStart: "DeleteBlue",
+              disabled: ""
+            })
+          ]),
+          t[84] || (t[84] = e("hr", null, null, -1)),
+          t[85] || (t[85] = e("h3", { class: "m-4" }, "Text button large", -1)),
+          e("div", Jt, [
+            t[48] || (t[48] = e("h4", { class: "m-3" }, "Active:", -1)),
+            s(p, { buttonText: "löschen" })
+          ]),
+          e("div", jt, [
+            t[49] || (t[49] = e("h4", { class: "m-3" }, "Leading icon:", -1)),
+            s(p, {
+              buttonText: "löschen",
+              iconStart: "DeleteBlue"
+            })
+          ]),
+          e("div", Xt, [
+            t[50] || (t[50] = e("h4", { class: "m-3" }, "Trailing icon:", -1)),
+            s(p, {
+              buttonText: "löschen",
+              iconEnd: "DeleteBlue"
+            })
+          ]),
+          e("div", Yt, [
+            t[51] || (t[51] = e("h4", { class: "m-3" }, "Icon only:", -1)),
+            s(p, { iconStart: "DeleteBlue" })
+          ]),
+          e("div", Zt, [
+            t[52] || (t[52] = e("h4", { class: "m-3" }, "Disabled:", -1)),
+            s(p, {
+              buttonText: "löschen",
+              iconStart: "DeleteBlue",
+              disabled: ""
+            })
+          ]),
+          t[86] || (t[86] = e("hr", null, null, -1)),
+          t[87] || (t[87] = e("h3", { class: "m-4" }, "Switch:", -1)),
+          e("div", _t, [
+            t[53] || (t[53] = e("h4", { class: "m-3" }, "Without icon default on:", -1)),
+            s(o, {
+              hasIcon: !1,
+              defaultChecked: !0,
+              disabled: !1
+            })
+          ]),
+          e("div", te, [
+            t[54] || (t[54] = e("h4", { class: "m-3" }, "With icon default on:", -1)),
+            s(o, {
+              hasIcon: !0,
+              defaultChecked: !0,
+              disabled: !1
+            })
+          ]),
+          e("div", ee, [
+            t[55] || (t[55] = e("h4", { class: "m-3" }, "Without icon default off:", -1)),
+            s(o, {
+              hasIcon: !1,
+              defaultChecked: !1,
+              disabled: !1
+            })
+          ]),
+          e("div", se, [
+            t[56] || (t[56] = e("h4", { class: "m-3" }, "With icon default off:", -1)),
+            s(o, {
+              hasIcon: !0,
+              defaultChecked: !1,
+              disabled: !1
+            })
+          ]),
+          e("div", le, [
+            t[57] || (t[57] = e("h4", { class: "m-3" }, "Disabled without icon, on:", -1)),
+            s(o, {
+              hasIcon: !1,
+              defaultChecked: !0,
+              disabled: !0
+            })
+          ]),
+          e("div", ie, [
+            t[58] || (t[58] = e("h4", { class: "m-3" }, "Disabled with icon, on:", -1)),
+            s(o, {
+              hasIcon: !0,
+              defaultChecked: !0,
+              disabled: !0
+            })
+          ]),
+          e("div", ne, [
+            t[59] || (t[59] = e("h4", { class: "m-3" }, "Disabled with icon, off:", -1)),
+            s(o, {
+              hasIcon: !0,
+              defaultChecked: !1,
+              disabled: !0
+            })
+          ]),
+          e("div", oe, [
+            t[60] || (t[60] = e("h4", { class: "m-3" }, "Disabled without icon, off:", -1)),
+            s(o, {
+              hasIcon: !1,
+              defaultChecked: !1,
+              disabled: !0
+            })
+          ])
+        ]),
+        t[97] || (t[97] = e("hr", null, null, -1)),
+        e("div", ae, [
+          t[88] || (t[88] = e("h4", { class: "m-3" }, "Logo:", -1)),
+          s(h)
+        ]),
+        t[98] || (t[98] = e("hr", null, null, -1)),
+        t[99] || (t[99] = e("h3", { class: "m-4" }, "Tag:", -1)),
+        e("div", re, [
+          t[89] || (t[89] = e("h4", { class: "m-3" }, "Published (for table):", -1)),
+          s(a, {
+            label: "Veröffentlicht",
+            state: "published"
+          })
+        ]),
+        e("div", de, [
+          t[90] || (t[90] = e("h4", { class: "m-3" }, "Draft (for table):", -1)),
+          s(a, {
+            label: "Entwurf",
+            state: "draft"
+          })
+        ]),
+        e("div", ue, [
+          t[91] || (t[91] = e("h4", { class: "m-3" }, "Error (for table):", -1)),
+          s(a, {
+            label: "Fehler",
+            state: "error"
+          })
+        ]),
+        e("div", me, [
+          t[92] || (t[92] = e("h4", { class: "m-3" }, "Published (for page):", -1)),
+          s(a, {
+            label: "Veröffentlicht",
+            state: "published",
+            size: "page"
+          })
+        ]),
+        e("div", pe, [
+          t[93] || (t[93] = e("h4", { class: "m-3" }, "Draft (for page):", -1)),
+          s(a, {
+            label: "Entwurf",
+            state: "draft",
+            size: "page"
+          })
+        ]),
+        e("div", fe, [
+          t[94] || (t[94] = e("h4", { class: "m-3" }, "Error (for page):", -1)),
+          s(a, {
+            label: "Fehler",
+            state: "error",
+            size: "page"
+          })
+        ]),
+        e("div", ve, [
+          t[95] || (t[95] = e("h4", { class: "m-3" }, "HVD:", -1)),
+          s(a, {
+            label: "HVD",
+            state: "hvd",
+            size: "page"
+          })
+        ]),
+        e("div", be, [
+          t[96] || (t[96] = e("h4", { class: "m-3" }, "Geopolitical:", -1)),
+          s(a, {
+            label: "GEMEINDEVERBÄNDE",
+            state: "geopolitical",
+            size: "page"
+          })
+        ])
+      ])
+    ])
+  ], 64);
+}
+const je = /* @__PURE__ */ X(Y, [["render", ge]]);
+export {
+  je as default
+};