@piveau/dpi 0.2.0-alpha.1 → 0.2.0-alpha.11

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

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

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

@@ -1,224 +0,0 @@
-import { defineComponent as L, ref as p, toRef as $, computed as f, watch as q, createElementBlock as H, openBlock as k, createElementVNode as a, createVNode as t, toDisplayString as J, unref as i, isRef as C, withCtx as l, createBlock as K, createCommentVNode as M, createTextVNode as A, nextTick as G } from "vue";
-import { FormKit as d } from "@formkit/vue";
-import r from "../../data-provider-interface/components/InputPageStep.vue.js";
-import I from "../../data-provider-interface/components/ProgressSteps.vue.js";
-import { useDpiStepper as z } from "../../data-provider-interface/composables/useDpiStepper.js";
-import Q from "../../data-provider-interface/HappyFlowComponents/ui/BasicInfosStep/ProjectDescriptionStep.vue.js";
-import W from "../../data-provider-interface/HappyFlowComponents/ui/BasicInfosStep/ProjectNameStep.vue.js";
-import X from "../../data-provider-interface/HappyFlowComponents/ui/BasicInfosStep/ProjectOrganisationStep.vue.js";
-import y from "../../data-provider-interface/HappyFlowComponents/ui/ButtonV3.vue.js";
-import Y from "../../data-provider-interface/HappyFlowComponents/ui/Card.vue.js";
-import Z from "../../data-provider-interface/HappyFlowComponents/ui/DpiModalBase.vue.js";
-import ee from "../../data-provider-interface/HappyFlowComponents/ui/Findability/DiscoverabilityStep.vue.js";
-import te from "../../data-provider-interface/HappyFlowComponents/ui/ListBox/Listbox.vue.js";
-import _ from "./DemoStep.vue.js";
-import ne from "./ReviewStepDemo.vue.js";
-const oe = { class: "demo-stepper" }, le = { style: { "margin-bottom": "1rem", padding: "1rem", background: "#f5f5f5", "border-radius": "8px" } }, ie = { style: { display: "flex", "flex-direction": "column", gap: "2.5rem" } }, re = { class: "dev-actions" }, Ce = /* @__PURE__ */ L({
-  __name: "DemoStepper",
-  setup(ae) {
-    const s = p({}), {
-      steps: w,
-      stepList: v,
-      visitedSteps: m,
-      stepPlugin: N,
-      goToNextStep: D,
-      goToPreviousStep: P,
-      current: u,
-      isLast: O,
-      triggerValidationCurrentStep: R,
-      goToStep: T
-    } = z(), B = $(w);
-    function U(n) {
-      var o;
-      const e = (o = B.value) == null ? void 0 : o[n];
-      return e ? e.valid : !1;
-    }
-    const S = f(() => {
-      const n = {};
-      return v.value.forEach((e) => {
-        const g = e.split("/")[0];
-        n[g] || (n[g] = []), n[g].push(e);
-      }), n;
-    });
-    function j(n) {
-      const e = S.value[n] || [];
-      return e.length > 0 && e.every((o) => m.value.includes(o));
-    }
-    f(() => Object.keys(S.value).filter((n) => j(n)));
-    function F() {
-      U(u.value) && D();
-    }
-    async function h() {
-      R(), await G(), O.value ? (console.log("Form submitted", s.value), window.alert(`Form submitted: ${JSON.stringify(s.value)}`)) : F();
-    }
-    const b = p(!1), V = p(0);
-    q(u, (n) => {
-      n === "review" && (b.value = !0, V.value++);
-    });
-    const c = p(!1), E = f(() => v.value.map((n) => ({ id: n, name: n }))), x = f({
-      get() {
-        return { id: u.value, name: u.value };
-      },
-      set(n) {
-        T(n.id);
-      }
-    });
-    return (n, e) => (k(), H("div", oe, [
-      a("div", le, [
-        e[6] || (e[6] = a("strong", null, "Form Values:", -1)),
-        a("pre", null, J(JSON.stringify(s.value, null, 2)), 1)
-      ]),
-      t(I, {
-        checked: i(m),
-        "onUpdate:checked": e[0] || (e[0] = (o) => C(m) ? m.value = o : null),
-        current: i(u),
-        "onUpdate:current": e[1] || (e[1] = (o) => C(u) ? u.value = o : null),
-        steps: i(v) || []
-      }, null, 8, ["checked", "current", "steps"]),
-      t(i(d), {
-        id: "demo-stepper",
-        modelValue: s.value,
-        "onUpdate:modelValue": e[3] || (e[3] = (o) => s.value = o),
-        type: "form",
-        plugins: [i(N)],
-        actions: !1,
-        onSubmit: () => {
-        }
-      }, {
-        default: l(() => [
-          t(r, { name: "auffindbarkeit" }, {
-            default: l(() => [
-              t(_),
-              t(Z, {
-                modelValue: c.value,
-                "onUpdate:modelValue": e[2] || (e[2] = (o) => c.value = o)
-              }, {
-                default: l(() => [
-                  a("div", null, [
-                    t(_)
-                  ])
-                ]),
-                _: 1
-              }, 8, ["modelValue"])
-            ]),
-            _: 1
-          }),
-          t(r, { name: "findability/visibility" }, {
-            default: l(() => [
-              t(ee)
-            ]),
-            _: 1
-          }),
-          t(r, { name: "grundlegende-informationen/name" }, {
-            default: l(() => [
-              t(W)
-            ]),
-            _: 1
-          }),
-          t(r, { name: "grundlegende-informationen/description" }, {
-            default: l(() => [
-              t(Q)
-            ]),
-            _: 1
-          }),
-          t(r, { name: "grundlegende-informationen/organisation" }, {
-            default: l(() => [
-              t(X)
-            ]),
-            _: 1
-          }),
-          t(r, { name: "grundlegende-informationen/discoverability" }, {
-            default: l(() => [
-              t(i(d), {
-                type: "text",
-                label: "Name",
-                name: "name",
-                validation: "required"
-              })
-            ]),
-            _: 1
-          }),
-          t(r, { name: "grundlegende-informationen/essentials" }, {
-            default: l(() => [
-              t(i(d), {
-                type: "text",
-                label: "Mail",
-                name: "mail",
-                validation: "required|email"
-              }),
-              t(i(d), {
-                type: "text",
-                label: "Homepage",
-                name: "homepage",
-                validation: "url"
-              })
-            ]),
-            _: 1
-          }),
-          t(r, { name: "optinale-daten" }, {
-            default: l(() => [
-              t(i(d), {
-                type: "textarea",
-                label: "Description",
-                name: "description"
-              })
-            ]),
-            _: 1
-          }),
-          t(r, { name: "review" }, {
-            default: l(() => [
-              b.value ? (k(), K(ne, {
-                key: V.value,
-                values: s.value
-              }, null, 8, ["values"])) : M("", !0)
-            ]),
-            _: 1
-          })
-        ]),
-        _: 1
-      }, 8, ["modelValue", "plugins"]),
-      e[8] || (e[8] = a("hr", null, null, -1)),
-      t(Y, null, {
-        title: l(() => e[7] || (e[7] = [
-          A(" dev view ", -1)
-        ])),
-        default: l(() => [
-          a("div", ie, [
-            a("div", re, [
-              t(y, {
-                type: "button",
-                variant: "secondary",
-                "button-text": "Open Hologram",
-                onClick: e[4] || (e[4] = (o) => c.value = !0)
-              }),
-              t(y, {
-                type: "button",
-                variant: "secondary",
-                "button-text": "Previous",
-                onClick: i(P)
-              }, null, 8, ["onClick"]),
-              t(y, {
-                type: "button",
-                variant: "secondary",
-                "button-text": "Next",
-                onClick: h
-              })
-            ]),
-            a("div", null, [
-              t(te, {
-                modelValue: x.value,
-                "onUpdate:modelValue": e[5] || (e[5] = (o) => x.value = o),
-                label: "Go to step",
-                options: E.value
-              }, null, 8, ["modelValue", "options"])
-            ])
-          ])
-        ]),
-        _: 1
-      })
-    ]));
-  }
-});
-export {
-  Ce as default
-};

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

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

package/dist/stories/components/PartnerCard.vue2.js

@@ -1,32 +0,0 @@
-import { defineComponent as l, createElementBlock as r, openBlock as d, renderSlot as i, createVNode as o, createElementVNode as s, unref as e } from "vue";
-import { FormKit as a } from "@formkit/vue";
-import n from "../../data-provider-interface/HappyFlowComponents/ui/InputField/InputFieldDefinition.js";
-const m = { class: "dpiV3_Card_Tips" }, p = { class: "action-container" }, y = /* @__PURE__ */ l({
-  __name: "PartnerCard",
-  setup(c) {
-    return (t, u) => (d(), r("div", m, [
-      i(t.$slots, "default", {}, () => [
-        o(e(a), {
-          type: e(n),
-          name: "name",
-          "text-label": "Name",
-          validation: "required",
-          "validation-visibility": "live"
-        }, null, 8, ["type"]),
-        o(e(a), {
-          type: e(n),
-          name: "homepage",
-          "text-label": "Homepage",
-          validation: "url",
-          "validation-visibility": "live"
-        }, null, 8, ["type"]),
-        s("div", p, [
-          i(t.$slots, "action", {}, void 0, !0)
-        ])
-      ], !0)
-    ]));
-  }
-});
-export {
-  y as default
-};