@piveau/dpi 0.1.0-beta.9 → 0.2.0-alpha.0

package/dist/{packages/dpi/src/form → form}/FormKitGroup.vue.js

@@ -1,7 +1,7 @@
 import { token as l } from "@formkit/utils";
 import { resolveComponent as m, createElementBlock as s, openBlock as i, Fragment as d, renderList as p, normalizeClass as u, createElementVNode as o, toDisplayString as h, renderSlot as _, createVNode as f } from "vue";
 /* empty css                  */
-import k from "../../../../_virtual/_plugin-vue_export-helper.js";
+import k from "../_virtual/_plugin-vue_export-helper.js";
 const v = {
   props: {
     name: String,

package/dist/{packages/dpi/src/form → form}/Repeatable.vue.js

@@ -1,6 +1,6 @@
 import o from "./Repeatable.vue2.js";
 /* empty css                */
-import t from "../../../../_virtual/_plugin-vue_export-helper.js";
+import t from "../_virtual/_plugin-vue_export-helper.js";
 const r = /* @__PURE__ */ t(o, [["__scopeId", "data-v-49be454c"]]);
 export {
   r as default

package/dist/index.js

@@ -1,62 +1,64 @@
-import { default as vo } from "./packages/dpi/src/form/inputDefinitions.js";
-import t from "./packages/dpi/src/data-provider-interface/components/AutocompleteInput.vue.js";
-import e from "./packages/dpi/src/data-provider-interface/components/ConditionalInput.vue.js";
-import r from "./packages/dpi/src/data-provider-interface/components/DataFetchingComponent.vue.js";
-import m from "./packages/dpi/src/data-provider-interface/components/Dropup.vue.js";
-import i from "./packages/dpi/src/data-provider-interface/components/FileUpload.vue.js";
-import n from "./packages/dpi/src/data-provider-interface/components/InfoSlot.vue.js";
-import p from "./packages/dpi/src/data-provider-interface/components/LanguageSelector.vue.js";
-import a from "./packages/dpi/src/data-provider-interface/components/Navigation.vue.js";
-import { default as Po } from "./packages/dpi/src/data-provider-interface/components/ReviewAndPublishPage.vue.js";
-import f from "./packages/dpi/src/data-provider-interface/components/UniqueIdentifierInput.vue.js";
-import s from "./packages/dpi/src/data-provider-interface/DataProviderInterface.vue.js";
-import u from "./packages/dpi/src/data-provider-interface/DPIMenu.vue.js";
-import { default as wo } from "./packages/dpi/src/data-provider-interface/HappyFlowComponents/ComponentLibrary.vue.js";
-import { default as Oo } from "./packages/dpi/src/data-provider-interface/HappyFlowComponents/DPIHome.vue.js";
-import x from "./packages/dpi/src/data-provider-interface/views/DistributionOverview.vue.js";
-import c from "./packages/dpi/src/data-provider-interface/views/DraftsPage.vue.js";
-import l from "./packages/dpi/src/data-provider-interface/views/InputPage.vue.js";
-import g from "./packages/dpi/src/data-provider-interface/views/LinkedDataViewer.vue.js";
-import d from "./packages/dpi/src/data-provider-interface/views/OverviewPage.vue.js";
-import D from "./packages/dpi/src/data-provider-interface/views/OverviewPage/CatalogueOverview.vue.js";
-import v from "./packages/dpi/src/data-provider-interface/views/OverviewPage/DatasetOverview.vue.js";
-import C from "./packages/dpi/src/data-provider-interface/views/OverviewPage/DistributionOverview.vue.js";
-import P from "./packages/dpi/src/data-provider-interface/views/OverviewPage/PropertyEntry.vue.js";
-import I from "./packages/dpi/src/data-provider-interface/views/UserCataloguesPage.vue.js";
-import w from "./packages/dpi/src/data-provider-interface/views/UserProfilePage.vue.js";
-import { config as Mo } from "./packages/dpi/src/data-provider-interface/config/dpi-spec-config.js";
-import { default as ho } from "./packages/dpi/src/data-provider-interface/store/index.js";
-import { injectionKey as Bo, userConfigShimPlugin as Lo } from "./packages/dpi/src/data-provider-interface/plugins/userConfigShimPlugin.js";
-import { dpiContextKey as Fo, setupDpiContext as To, useDpiContext as _o } from "./packages/dpi/src/data-provider-interface/composables/useDpiContext.js";
-import { useDpiStepper as Ao } from "./packages/dpi/src/data-provider-interface/composables/useDpiStepper.js";
-import { useDpiEditMode as ko, useEditModeInfo as qo } from "./packages/dpi/src/data-provider-interface/composables/useDpiEditMode.js";
-import { useRequestUriName as No } from "./packages/dpi/src/data-provider-interface/composables/useRequestUriName.js";
-import { useFormSchema as $o } from "./packages/dpi/src/data-provider-interface/composables/useFormSchema.js";
-import * as H from "./packages/dpi/src/data-provider-interface/HappyFlowComponents/ui/ButtonV3.vue.js";
-import * as z from "./packages/dpi/src/data-provider-interface/HappyFlowComponents/ui/CheckboxV3.vue.js";
-import * as G from "./packages/dpi/src/data-provider-interface/HappyFlowComponents/ui/Chip.vue.js";
-import * as J from "./packages/dpi/src/data-provider-interface/HappyFlowComponents/ui/CloseOpenButtonV3.vue.js";
-import * as Q from "./packages/dpi/src/data-provider-interface/HappyFlowComponents/ui/CrossOutButton.vue.js";
-import * as W from "./packages/dpi/src/data-provider-interface/HappyFlowComponents/ui/DatasetStatus.vue.js";
-import * as X from "./packages/dpi/src/data-provider-interface/HappyFlowComponents/ui/DpiModalBase.vue.js";
-import * as Y from "./packages/dpi/src/data-provider-interface/HappyFlowComponents/ui/Dropdown.vue.js";
-import * as Z from "./packages/dpi/src/data-provider-interface/HappyFlowComponents/ui/Illustration.vue.js";
-import * as oo from "./packages/dpi/src/data-provider-interface/HappyFlowComponents/ui/InputField.vue.js";
-import * as to from "./packages/dpi/src/data-provider-interface/HappyFlowComponents/ui/InputV3.vue.js";
-import * as eo from "./packages/dpi/src/data-provider-interface/HappyFlowComponents/ui/LogoV3.vue.js";
-import * as ro from "./packages/dpi/src/data-provider-interface/HappyFlowComponents/ui/ModalSimpleV3.vue.js";
-import * as mo from "./packages/dpi/src/data-provider-interface/HappyFlowComponents/ui/ModalV3.vue.js";
-import * as io from "./packages/dpi/src/data-provider-interface/HappyFlowComponents/ui/MoreButton.vue.js";
-import * as no from "./packages/dpi/src/data-provider-interface/HappyFlowComponents/ui/RapModal.vue.js";
-import * as po from "./packages/dpi/src/data-provider-interface/HappyFlowComponents/ui/StateTag.vue.js";
-import * as ao from "./packages/dpi/src/data-provider-interface/HappyFlowComponents/ui/SwitchV3.vue.js";
-import * as fo from "./packages/dpi/src/data-provider-interface/HappyFlowComponents/ui/TableRowV3.vue.js";
-import * as so from "./packages/dpi/src/data-provider-interface/HappyFlowComponents/ui/TextAreaV3.vue.js";
-import * as uo from "./packages/dpi/src/data-provider-interface/HappyFlowComponents/ui/TextButtonLarge.vue.js";
-import * as xo from "./packages/dpi/src/data-provider-interface/HappyFlowComponents/ui/TextButtonSmall.vue.js";
-import * as co from "./packages/dpi/src/data-provider-interface/HappyFlowComponents/ui/Toast.vue.js";
+import { default as vo } from "./form/inputDefinitions.js";
+import t from "./data-provider-interface/components/AutocompleteInput.vue.js";
+import e from "./data-provider-interface/components/ConditionalInput.vue.js";
+import r from "./data-provider-interface/components/DataFetchingComponent.vue.js";
+import m from "./data-provider-interface/components/Dropup.vue.js";
+import i from "./data-provider-interface/components/FileUpload.vue.js";
+import n from "./data-provider-interface/components/InfoSlot.vue.js";
+import p from "./data-provider-interface/components/LanguageSelector.vue.js";
+import a from "./data-provider-interface/components/Navigation.vue.js";
+import { default as Co } from "./data-provider-interface/components/ReviewAndPublishPage.vue.js";
+import f from "./data-provider-interface/components/UniqueIdentifierInput.vue.js";
+import s from "./data-provider-interface/DataProviderInterface.vue.js";
+import u from "./data-provider-interface/DPIMenu.vue.js";
+import { default as wo } from "./data-provider-interface/HappyFlowComponents/ComponentLibrary.vue.js";
+import { default as Oo } from "./data-provider-interface/HappyFlowComponents/DPIHome.vue.js";
+import x from "./data-provider-interface/views/DistributionOverview.vue.js";
+import c from "./data-provider-interface/views/DraftsPage.vue.js";
+import l from "./data-provider-interface/views/InputPage.vue.js";
+import { default as Mo } from "./data-provider-interface/views/InputPageProject.vue.js";
+import g from "./data-provider-interface/views/LinkedDataViewer.vue.js";
+import d from "./data-provider-interface/views/OverviewPage.vue.js";
+import D from "./data-provider-interface/views/OverviewPage/CatalogueOverview.vue.js";
+import v from "./data-provider-interface/views/OverviewPage/DatasetOverview.vue.js";
+import P from "./data-provider-interface/views/OverviewPage/DistributionOverview.vue.js";
+import C from "./data-provider-interface/views/OverviewPage/PropertyEntry.vue.js";
+import I from "./data-provider-interface/views/UserCataloguesPage.vue.js";
+import w from "./data-provider-interface/views/UserProfilePage.vue.js";
+import { default as ho } from "./stories/components/DemoStepper.vue.js";
+import { config as Bo } from "./data-provider-interface/config/dpi-spec-config.js";
+import { default as bo } from "./data-provider-interface/store/index.js";
+import { injectionKey as To, userConfigShimPlugin as _o } from "./data-provider-interface/plugins/userConfigShimPlugin.js";
+import { dpiContextKey as Ao, setupDpiContext as Eo, useDpiContext as jo } from "./data-provider-interface/composables/useDpiContext.js";
+import { useDpiStepper as qo } from "./data-provider-interface/composables/useDpiStepper.js";
+import { useDpiEditMode as No, useEditModeInfo as $o } from "./data-provider-interface/composables/useDpiEditMode.js";
+import { useRequestUriName as zo } from "./data-provider-interface/composables/useRequestUriName.js";
+import { useFormSchema as Jo } from "./data-provider-interface/composables/useFormSchema.js";
+import * as H from "./data-provider-interface/HappyFlowComponents/ui/ButtonV3.vue.js";
+import * as z from "./data-provider-interface/HappyFlowComponents/ui/CheckboxV3.vue.js";
+import * as G from "./data-provider-interface/HappyFlowComponents/ui/Chip.vue.js";
+import * as J from "./data-provider-interface/HappyFlowComponents/ui/CloseOpenButtonV3.vue.js";
+import * as Q from "./data-provider-interface/HappyFlowComponents/ui/CrossOutButton.vue.js";
+import * as W from "./data-provider-interface/HappyFlowComponents/ui/DatasetStatus.vue.js";
+import * as X from "./data-provider-interface/HappyFlowComponents/ui/DpiModalBase.vue.js";
+import * as Y from "./data-provider-interface/HappyFlowComponents/ui/Dropdown.vue.js";
+import * as Z from "./data-provider-interface/HappyFlowComponents/ui/Illustration.vue.js";
+import * as oo from "./data-provider-interface/HappyFlowComponents/ui/InputField.vue.js";
+import * as to from "./data-provider-interface/HappyFlowComponents/ui/InputV3.vue.js";
+import * as eo from "./data-provider-interface/HappyFlowComponents/ui/LogoV3.vue.js";
+import * as ro from "./data-provider-interface/HappyFlowComponents/ui/ModalSimpleV3.vue.js";
+import * as mo from "./data-provider-interface/HappyFlowComponents/ui/ModalV3.vue.js";
+import * as io from "./data-provider-interface/HappyFlowComponents/ui/MoreButton.vue.js";
+import * as no from "./data-provider-interface/HappyFlowComponents/ui/RapModal.vue.js";
+import * as po from "./data-provider-interface/HappyFlowComponents/ui/StateTag.vue.js";
+import * as ao from "./data-provider-interface/HappyFlowComponents/ui/SwitchV3.vue.js";
+import * as fo from "./data-provider-interface/HappyFlowComponents/ui/TableRowV3.vue.js";
+import * as so from "./data-provider-interface/HappyFlowComponents/ui/TextAreaV3.vue.js";
+import * as uo from "./data-provider-interface/HappyFlowComponents/ui/TextButtonLarge.vue.js";
+import * as xo from "./data-provider-interface/HappyFlowComponents/ui/TextButtonSmall.vue.js";
+import * as co from "./data-provider-interface/HappyFlowComponents/ui/Toast.vue.js";
 function lo(o) {
-  o.component("AutocompleteInput", t), o.component("ConditionalInput", e), o.component("DataFetchingComponent", r), o.component("Dropup", m), o.component("FileUpload", i), o.component("InfoSlot", n), o.component("LanguageSelector", p), o.component("Navigation", a), o.component("UniqueIdentifierInput", f), o.component("CatalogueOverview", D), o.component("DatasetOverview", v), o.component("DistributionOverview", C), o.component("PropertyEntry", P), o.component("DistOverview", x), o.component("DraftsPage", c), o.component("InputPage", l), o.component("LinkedDataViewer", g), o.component("OverviewPage", d), o.component("UserCataloguesPage", I), o.component("UserProfilePage", w), o.component("DataProviderInterface", s), o.component("DpiMenu", u);
+  o.component("AutocompleteInput", t), o.component("ConditionalInput", e), o.component("DataFetchingComponent", r), o.component("Dropup", m), o.component("FileUpload", i), o.component("InfoSlot", n), o.component("LanguageSelector", p), o.component("Navigation", a), o.component("UniqueIdentifierInput", f), o.component("CatalogueOverview", D), o.component("DatasetOverview", v), o.component("DistributionOverview", P), o.component("PropertyEntry", C), o.component("DistOverview", x), o.component("DraftsPage", c), o.component("InputPage", l), o.component("LinkedDataViewer", g), o.component("OverviewPage", d), o.component("UserCataloguesPage", I), o.component("UserProfilePage", w), o.component("DataProviderInterface", s), o.component("DpiMenu", u);
 }
 export {
   t as AutocompleteInput,
@@ -73,8 +75,9 @@ export {
   s as DataProviderInterface,
   v as DatasetOverview,
   W as DatasetStatus,
+  ho as DemoStepper,
   x as DistOverview,
-  C as DistributionOverview,
+  P as DistributionOverview,
   u as DpiMenu,
   X as DpiModalBase,
   c as DraftsPage,
@@ -85,6 +88,7 @@ export {
   n as InfoSlot,
   oo as InputField,
   l as InputPage,
+  Mo as InputPageProject,
   to as InputV3,
   p as LanguageSelector,
   g as LinkedDataViewer,
@@ -94,9 +98,9 @@ export {
   io as MoreButton,
   a as Navigation,
   d as OverviewPage,
-  P as PropertyEntry,
+  C as PropertyEntry,
   no as RapModal,
-  Po as ReviewAndPublishPage,
+  Co as ReviewAndPublishPage,
   po as StateTag,
   ao as SwitchV3,
   fo as TableRowV3,
@@ -107,18 +111,18 @@ export {
   f as UniqueIdentifierInput,
   I as UserCataloguesPage,
   w as UserProfilePage,
-  Fo as dpiContextKey,
-  Mo as dpiSpecConfig,
-  Bo as injectionKeyRuntimeConfig,
+  Ao as dpiContextKey,
+  Bo as dpiSpecConfig,
+  To as injectionKeyRuntimeConfig,
   vo as inputDefinitions,
   lo as registerComponents,
-  To as setupDpiContext,
-  ho as store,
-  _o as useDpiContext,
-  ko as useDpiEditMode,
-  Ao as useDpiStepper,
-  qo as useEditModeInfo,
-  $o as useFormSchema,
-  No as useRequestUriName,
-  Lo as userConfigShimPlugin
+  Eo as setupDpiContext,
+  bo as store,
+  jo as useDpiContext,
+  No as useDpiEditMode,
+  qo as useDpiStepper,
+  $o as useEditModeInfo,
+  Jo as useFormSchema,
+  zo as useRequestUriName,
+  _o as userConfigShimPlugin
 };

package/dist/stories/components/DemoStep.vue.js

@@ -0,0 +1,335 @@
+import { ref as p, watch as $, createElementBlock as r, openBlock as i, createElementVNode as l, createVNode as n, unref as a, withCtx as m, Fragment as g, renderList as _, createBlock as U, createCommentVNode as F, withDirectives as w, vModelCheckbox as D, vShow as L } from "vue";
+import { FormKit as o } from "@formkit/vue";
+import T from "../../data-provider-interface/components/StepActionsSection.vue.js";
+import V from "../../data-provider-interface/HappyFlowComponents/ui/Autocomplete/AutocompleteInputDefinition.js";
+import h from "../../data-provider-interface/HappyFlowComponents/ui/ButtonV3.vue.js";
+import E from "../../data-provider-interface/HappyFlowComponents/ui/Chip.vue.js";
+import H from "../../data-provider-interface/HappyFlowComponents/ui/DpiModalBase.vue.js";
+import M from "../../data-provider-interface/HappyFlowComponents/ui/InputField.vue.js";
+import I from "../../data-provider-interface/HappyFlowComponents/ui/InputField/InputFieldDefinition.js";
+import j from "../../data-provider-interface/HappyFlowComponents/ui/ListBox/Listbox.vue.js";
+import P from "./PartnerCard.vue.js";
+/* empty css              */
+import A from "../../_virtual/_plugin-vue_export-helper.js";
+const N = { class: "dpiV3_page V3-typography" }, R = {
+  id: "partners-section",
+  class: "funny-section"
+}, K = { class: "partner-cards-container" }, W = { class: "action-container" }, q = { class: "funny-section" }, G = { class: "start-and-end" }, J = { class: "funny-section" }, Q = {
+  key: 0,
+  class: "d-flex"
+}, X = ["id", "value"], Y = ["for"], Z = { class: "funny-section" }, ee = {
+  key: 0,
+  class: "d-flex"
+}, te = ["id", "value"], le = ["for"], ne = { class: "funny-section" }, ae = { class: "autocomplete-inputs-demo" }, oe = { class: "partner-cards-container" }, ie = { class: "action-container" }, se = { class: "funny-section" }, re = {
+  __name: "DemoStep",
+  setup(ue) {
+    const b = p([{}]), z = p([
+      { id: "option-1", name: "Option 1" },
+      { id: "option-2", name: "Option 2" },
+      { id: "option-3", name: "Option 3" }
+    ]), x = p(), c = p([]);
+    $(x, (d) => {
+      d && d.id && c.value.push(d.id);
+    });
+    const k = p(""), u = p([]);
+    function B(d) {
+      if (d && d.trim()) {
+        const e = d.trim();
+        u.value.includes(e) || u.value.push(e), k.value = "";
+      }
+    }
+    const C = p(!1);
+    return (d, e) => (i(), r("div", N, [
+      e[20] || (e[20] = l("section", { class: "funny-section" }, [
+        l("h4", null, " Fügen Sie optionale Daten hinzu "),
+        l("span", { class: "copy-large-regular" }, "Für viele Projekte sind weitere Informationen vorhanden und für lesende Personen hilfreich. Fügen Sie hier bei Bedarf weitere Informationen hinzu.")
+      ], -1)),
+      l("section", R, [
+        e[11] || (e[11] = l("h5", null, " Partner ", -1)),
+        e[12] || (e[12] = l("span", { class: "copy-large-regular" }, "Wenn Sie mit einem oder mehreren Partnern zusammengearbeitet haben, können Sie diese hier angeben.", -1)),
+        l("div", K, [
+          n(a(o), {
+            modelValue: b.value,
+            "onUpdate:modelValue": e[0] || (e[0] = (t) => b.value = t),
+            type: "list",
+            name: "partners",
+            dynamic: ""
+          }, {
+            default: m(({ items: t, node: s, value: f }) => [
+              (i(!0), r(g, null, _(t, (v, y) => (i(), U(a(o), {
+                key: v,
+                type: "group",
+                index: y
+              }, {
+                default: m(() => [
+                  n(P, null, {
+                    action: m(() => [
+                      n(h, {
+                        "button-text": "Entfernen",
+                        size: "small",
+                        variant: "secondary",
+                        onClick: () => s.input(f.filter((O, S) => S !== y))
+                      }, null, 8, ["onClick"])
+                    ]),
+                    _: 2
+                  }, 1024)
+                ]),
+                _: 2
+              }, 1032, ["index"]))), 128)),
+              l("div", W, [
+                n(h, {
+                  "button-text": "Partner hinzufügen",
+                  size: "small",
+                  variant: "tertiary",
+                  "icon-start": "plus",
+                  onClick: (v) => s.input(f.concat({}))
+                }, null, 8, ["onClick"])
+              ])
+            ]),
+            _: 1
+          }, 8, ["modelValue"])
+        ])
+      ]),
+      l("section", q, [
+        e[13] || (e[13] = l("h5", null, " Projektzeitraum ", -1)),
+        e[14] || (e[14] = l("span", { class: "copy-large-regular" }, "Für Projekte, die noch nicht abgeschlossen sind, können Sie das Enddatum frei lassen.", -1)),
+        l("div", G, [
+          n(a(o), {
+            type: a(I),
+            name: "startDate",
+            "text-label": "Startdatum",
+            "input-type": "date",
+            placeholder: "Enter text here",
+            "tooltip-text": "This is helpful information",
+            "add-on-text": !1,
+            "info-icon": !1,
+            "pre-icon": !1,
+            "show-end-icon": !1,
+            "initial-hint-text": !1
+          }, null, 8, ["type"]),
+          n(a(o), {
+            type: a(I),
+            name: "endDate",
+            "text-label": "Enddatum",
+            "input-type": "date",
+            placeholder: "Enter text here",
+            "tooltip-text": "This is helpful information",
+            "add-on-text": !1,
+            "info-icon": !1,
+            "pre-icon": !1,
+            "show-end-icon": !1,
+            "initial-hint-text": !1
+          }, null, 8, ["type"])
+        ])
+      ]),
+      l("section", J, [
+        e[15] || (e[15] = l("h5", null, "Lorem Ipsum", -1)),
+        e[16] || (e[16] = l("div", null, "Funktionalitäten auswählen ", -1)),
+        n(a(o), {
+          modelValue: c.value,
+          "onUpdate:modelValue": e[1] || (e[1] = (t) => c.value = t),
+          type: "hidden",
+          name: "demoSelectChecked"
+        }, null, 8, ["modelValue"]),
+        x.value ? (i(), r("div", Q, [
+          (i(!0), r(g, null, _(z.value, (t) => (i(), r("div", {
+            key: t.id,
+            class: "label-chip"
+          }, [
+            w(l("input", {
+              id: t.id,
+              "onUpdate:modelValue": e[2] || (e[2] = (s) => c.value = s),
+              class: "label-chip__input",
+              type: "checkbox",
+              value: t.id
+            }, null, 8, X), [
+              [D, c.value]
+            ]),
+            w(l("label", {
+              class: "label-chip__label",
+              for: t.id
+            }, [
+              n(E, {
+                class: "label-chip__inner",
+                text: t.name,
+                data: {
+                  "@value": t.name,
+                  URI: "https://example.com/default"
+                },
+                setup: {
+                  "@type": "select",
+                  "@inTable": !1
+                }
+              }, null, 8, ["text", "data"])
+            ], 8, Y), [
+              [L, c.value.includes(t.id)]
+            ])
+          ]))), 128))
+        ])) : F("", !0),
+        n(j, {
+          modelValue: x.value,
+          "onUpdate:modelValue": e[3] || (e[3] = (t) => x.value = t),
+          options: z.value,
+          label: "Select an option",
+          name: "demo-select"
+        }, null, 8, ["modelValue", "options"])
+      ]),
+      l("section", Z, [
+        e[17] || (e[17] = l("h5", null, "Hardware", -1)),
+        e[18] || (e[18] = l("div", null, "Funktionalitäten nennen", -1)),
+        n(a(o), {
+          modelValue: u.value,
+          "onUpdate:modelValue": e[4] || (e[4] = (t) => u.value = t),
+          type: "hidden",
+          name: "hardwareChecked"
+        }, null, 8, ["modelValue"]),
+        u.value.length > 0 ? (i(), r("div", ee, [
+          (i(!0), r(g, null, _(u.value, (t) => (i(), r("div", {
+            key: t,
+            class: "label-chip"
+          }, [
+            w(l("input", {
+              id: `hardware-${t}`,
+              "onUpdate:modelValue": e[5] || (e[5] = (s) => u.value = s),
+              class: "label-chip__input",
+              type: "checkbox",
+              value: t
+            }, null, 8, te), [
+              [D, u.value]
+            ]),
+            l("label", {
+              class: "label-chip__label",
+              for: `hardware-${t}`
+            }, [
+              n(E, {
+                class: "label-chip__inner",
+                text: t,
+                data: {
+                  "@value": t,
+                  URI: "https://example.com/default"
+                },
+                setup: {
+                  "@type": "selected",
+                  "@icon": "suffix",
+                  "@inTable": !1
+                }
+              }, null, 8, ["text", "data"])
+            ], 8, le)
+          ]))), 128))
+        ])) : F("", !0),
+        n(M, {
+          modelValue: k.value,
+          "onUpdate:modelValue": e[6] || (e[6] = (t) => k.value = t),
+          label: "Hardware",
+          "input-type": "text",
+          placeholder: "Enter text here",
+          "tooltip-text": "This is helpful information",
+          "add-on-text": !1,
+          "info-icon": !1,
+          "pre-icon": !1,
+          "show-end-icon": !1,
+          "initial-hint-text": !1
+        }, null, 8, ["modelValue"]),
+        n(h, {
+          "button-text": "Add Hardware",
+          size: "small",
+          variant: "tertiary",
+          "icon-start": "plus",
+          onClick: e[7] || (e[7] = (t) => B(k.value))
+        })
+      ]),
+      l("section", ne, [
+        e[19] || (e[19] = l("h5", null, "Autocomplete Demo", -1)),
+        l("div", ae, [
+          n(a(o), {
+            type: a(V),
+            name: "category",
+            vocabulary: "data-theme",
+            label: "Categories",
+            placeholder: "Select a category..."
+          }, null, 8, ["type"]),
+          n(a(o), {
+            type: a(V),
+            name: "country",
+            vocabulary: "country",
+            label: "Country",
+            placeholder: "Select a country..."
+          }, null, 8, ["type"]),
+          n(a(o), {
+            type: a(V),
+            name: "language",
+            vocabulary: "language",
+            label: "Language",
+            placeholder: "Select a language..."
+          }, null, 8, ["type"]),
+          n(a(o), {
+            type: a(V),
+            name: "licence",
+            vocabulary: "licence",
+            label: "License",
+            placeholder: "Select a license..."
+          }, null, 8, ["type"])
+        ])
+      ]),
+      l("button", {
+        onClick: e[8] || (e[8] = (t) => C.value = !0)
+      }, " Open Modal "),
+      n(H, {
+        modelValue: C.value,
+        "onUpdate:modelValue": e[10] || (e[10] = (t) => C.value = t)
+      }, {
+        default: m(() => [
+          l("div", oe, [
+            n(a(o), {
+              modelValue: b.value,
+              "onUpdate:modelValue": e[9] || (e[9] = (t) => b.value = t),
+              type: "list",
+              name: "partners",
+              dynamic: ""
+            }, {
+              default: m(({ items: t, node: s, value: f }) => [
+                (i(!0), r(g, null, _(t, (v, y) => (i(), U(a(o), {
+                  key: v,
+                  type: "group",
+                  index: y
+                }, {
+                  default: m(() => [
+                    n(P, null, {
+                      action: m(() => [
+                        n(h, {
+                          "button-text": "Entfernen",
+                          size: "small",
+                          variant: "secondary",
+                          onClick: () => s.input(f.filter((O, S) => S !== y))
+                        }, null, 8, ["onClick"])
+                      ]),
+                      _: 2
+                    }, 1024)
+                  ]),
+                  _: 2
+                }, 1032, ["index"]))), 128)),
+                l("div", ie, [
+                  n(h, {
+                    "button-text": "Partner hinzufügen",
+                    size: "small",
+                    variant: "tertiary",
+                    "icon-start": "plus",
+                    onClick: (v) => s.input(f.concat({}))
+                  }, null, 8, ["onClick"])
+                ])
+              ]),
+              _: 1
+            }, 8, ["modelValue"])
+          ])
+        ]),
+        _: 1
+      }, 8, ["modelValue"]),
+      l("section", se, [
+        n(T, { class: "dev-actions" })
+      ])
+    ]));
+  }
+}, Ve = /* @__PURE__ */ A(re, [["__scopeId", "data-v-4d6b6939"]]);
+export {
+  Ve as default
+};

package/dist/stories/components/DemoStepper.vue.js

@@ -0,0 +1,7 @@
+import o from "./DemoStepper.vue2.js";
+/* empty css                 */
+import t from "../../_virtual/_plugin-vue_export-helper.js";
+const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-0c28ca05"]]);
+export {
+  m as default
+};