@piveau/dpi 0.2.0-alpha.4 → 0.2.0-alpha.6

package/dist/packages/dpi/src/data-provider-interface/components/ProgressSteps.vue2.js

@@ -0,0 +1,149 @@
+import { defineComponent as V, mergeModels as L, computed as d, useModel as b, watch as T, createElementBlock as p, openBlock as o, Fragment as f, renderList as x, withDirectives as u, createElementVNode as r, vModelCheckbox as w, createBlock as C, unref as _, resolveDynamicComponent as F, normalizeClass as z, toDisplayString as E, vShow as k, createVNode as U } from "vue";
+import { PhNumberCircleOne as j, PhNumberCircleTwo as A, PhNumberCircleThree as I, PhNumberCircleFour as R, PhNumberCircleFive as q, PhNumberCircleSix as G, PhNumberCircleSeven as H, PhNumberCircleEight as J, PhNumberCircleNine as K, PhPlusCircle as Q, PhCheckCircle as W, PhCircle as X } from "@phosphor-icons/vue";
+import { looseIndexOf as h } from "@vue/shared";
+const Y = { class: "progress-steps" }, Z = ["value"], $ = { class: "progress-step__headline copy-small-regular" }, ee = { class: "progress-step__headline__icon" }, se = { class: "progress-step__content" }, te = { class: "progress-step__content-line-container" }, re = { class: "progress-steps progress-steps--substep" }, ne = ["value"], le = { class: "progress-step__headline copy-large-regular" }, oe = { class: "progress-step__headline__icon progress-step__headline__icon--substep" }, ie = { class: "progress-step__content" }, ce = { class: "progress-step__content-line-container" }, de = /* @__PURE__ */ V({
+  __name: "ProgressSteps",
+  props: /* @__PURE__ */ L({
+    steps: {},
+    currentStep: {},
+    visitedSteps: { default: () => [] },
+    hideFirst: { type: Boolean, default: !1 }
+  }, {
+    checked: {
+      default: () => []
+    },
+    checkedModifiers: {},
+    current: {
+      default: () => "moo"
+    },
+    currentModifiers: {}
+  }),
+  emits: ["update:checked", "update:current"],
+  setup(v) {
+    const i = v, y = [
+      j,
+      A,
+      I,
+      R,
+      q,
+      G,
+      H,
+      J,
+      K,
+      Q
+    ], N = d(() => {
+      const e = {};
+      return (i.hideFirst ? i.steps.slice(1) : i.steps).forEach((s) => {
+        const l = s.includes("/") ? s.split("/")[0] : s;
+        e[l] || (e[l] = []), e[l].push(s);
+      }), Object.entries(e).map(([s, l]) => ({ name: s, substeps: l }));
+    }), P = d(() => Array.from(new Set(i.steps.map((e) => {
+      var t;
+      return ((t = e == null ? void 0 : e.split("/")) == null ? void 0 : t[0]) || "";
+    }))));
+    function M(e) {
+      return e.includes("/") ? e.split("/")[1] : e;
+    }
+    function S(e) {
+      return !e.includes("/");
+    }
+    const c = b(v, "checked");
+    function B(e) {
+      return h(c.value, e) !== -1;
+    }
+    const a = b(v, "current"), D = d(() => h(i.steps, a.value)), m = d(() => {
+      if (!i.steps || i.steps.length === 0)
+        return "";
+      const e = i.steps[D.value];
+      return (e != null && e.includes("/") ? e == null ? void 0 : e.split("/")[0] : e) || "";
+    });
+    return T(m, (e, t) => {
+      e !== t && c.value.push(t);
+    }), (e, t) => (o(), p("div", Y, [
+      (o(!0), p(f, null, x(N.value, (s, l) => (o(), p("div", {
+        key: s.name,
+        class: "progress-step"
+      }, [
+        u(r("input", {
+          "onUpdate:modelValue": t[0] || (t[0] = (n) => c.value = n),
+          name: "progress-step",
+          type: "checkbox",
+          class: "progress-input progress-input--group",
+          value: s.name
+        }, null, 8, Z), [
+          [w, c.value]
+        ]),
+        r("div", $, [
+          r("div", ee, [
+            _(h)(P.value, s.name) >= _(h)(P.value, m.value) ? (o(), p(f, { key: 0 }, [
+              a.value === s.name ? (o(), C(F(y[l]), {
+                key: 0,
+                size: "24px",
+                color: "currentColor"
+              })) : (o(), C(F(y[l]), {
+                key: 1,
+                size: "24px",
+                color: "currentColor"
+              }))
+            ], 64)) : (o(), C(_(W), {
+              key: 1,
+              size: "24px",
+              color: "#70CC44",
+              weight: "fill"
+            }))
+          ]),
+          r("span", {
+            class: z(["progress-step__headline__span", { "progress-step__headline__span--active": a.value === s.name }])
+          }, E(s.name), 3)
+        ]),
+        r("div", se, [
+          u(r("div", te, t[2] || (t[2] = [
+            r("div", { class: "progress-step__content-line" }, null, -1)
+          ]), 512), [
+            [k, l < N.value.length - 1]
+          ]),
+          u(r("div", re, [
+            (o(!0), p(f, null, x(s.substeps.filter((n) => !S(n)), (n, O) => (o(), p("div", {
+              key: n,
+              class: "progress-step progress-step--substep"
+            }, [
+              u(r("input", {
+                "onUpdate:modelValue": t[1] || (t[1] = (g) => c.value = g),
+                name: "progress-step",
+                type: "checkbox",
+                class: "progress-input",
+                value: n
+              }, null, 8, ne), [
+                [w, c.value]
+              ]),
+              r("div", le, [
+                r("div", oe, [
+                  U(_(X), {
+                    size: "20px",
+                    weight: a.value === n ? "fill" : "regular",
+                    color: B(n) || a.value === n ? "#009FE3" : "currentColor"
+                  }, null, 8, ["weight", "color"])
+                ]),
+                r("span", {
+                  class: z(["", { "progress-step__headline__span--active": a.value === n }])
+                }, E(M(n)), 3)
+              ]),
+              r("div", ie, [
+                u(r("div", ce, t[3] || (t[3] = [
+                  r("div", { class: "progress-step__content-line" }, null, -1)
+                ]), 512), [
+                  [k, O < s.substeps.filter((g) => !S(g)).length - 1]
+                ])
+              ])
+            ]))), 128))
+          ], 512), [
+            [k, m.value === s.name]
+          ])
+        ])
+      ]))), 128))
+    ]));
+  }
+});
+export {
+  de as default
+};

package/dist/{data-provider-interface → packages/dpi/src/data-provider-interface}/components/PublisherPage.vue.js

@@ -3,7 +3,7 @@ import _ from "../HappyFlowComponents/ui/InputField.vue.js";
 import T from "../HappyFlowComponents/ui/TextButtonSmall.vue.js";
 import { PhWarning as h } from "@phosphor-icons/vue";
 /* empty css                   */
-import B from "../../_virtual/_plugin-vue_export-helper.js";
+import B from "../../../../../_virtual/_plugin-vue_export-helper.js";
 import { useEditModeInfo as W } from "../composables/useDpiEditMode.js";
 const C = { class: "dpiV3InnerComponentWrap" }, O = { class: "copy-large-regular" }, R = { class: "dpiV3AutoCompleteWrap" }, A = { class: "firstRow" }, D = { class: "secondRow" }, F = { class: "copy-small-regular" }, N = { class: "input-container" }, U = {
   key: 0,

package/dist/{data-provider-interface → packages/dpi/src/data-provider-interface}/components/ReviewAndPublishPage.vue.js

@@ -16,7 +16,7 @@ import E from "../HappyFlowComponents/ui/TextButtonSmall.vue.js";
 /* empty css                             */
 /* empty css                              */
 /* empty css                          */
-import Me from "../../_virtual/_plugin-vue_export-helper.js";
+import Me from "../../../../../_virtual/_plugin-vue_export-helper.js";
 import { useDpiContext as Te } from "../composables/useDpiContext.js";
 const He = { key: 0 }, ze = {
   key: 1,

package/dist/{data-provider-interface → packages/dpi/src/data-provider-interface}/components/SpatialInput.vue.js

@@ -8,7 +8,7 @@ import { useTed as ge } from "../../composables/useTed.js";
 import { useAutocomplete as be } from "../composables/aucotomplete.js";
 import { useRequestUriName as Ie } from "../composables/useRequestUriName.js";
 /* empty css                  */
-import ke from "../../_virtual/_plugin-vue_export-helper.js";
+import ke from "../../../../../_virtual/_plugin-vue_export-helper.js";
 import { useDpiContext as Ce } from "../composables/useDpiContext.js";
 const xe = { class: "d-flex flex-column w-100 spatialWrap" }, we = {
   key: 0,

package/dist/packages/dpi/src/data-provider-interface/components/StepActionsSection.vue.js

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

package/dist/packages/dpi/src/data-provider-interface/components/StepActionsSection.vue2.js

@@ -0,0 +1,140 @@
+import { defineComponent as P, inject as B, ref as p, watch as z, toRef as E, computed as F, createElementBlock as c, openBlock as r, createElementVNode as d, createBlock as M, createCommentVNode as _, renderSlot as g, createVNode as i, normalizeStyle as I, withDirectives as x, vShow as y, withCtx as f, Fragment as A, renderList as D, toDisplayString as L, createTextVNode as R, unref as $, nextTick as K } from "vue";
+import { getNode as W, isNode as j } from "@formkit/core";
+import { getValidationMessages as J } from "@formkit/validation";
+import { PhExclamationMark as O } from "@phosphor-icons/vue";
+import { useFormValues as Z } from "../composables/useDpiFormValues.js";
+import v from "../HappyFlowComponents/ui/ButtonV3.vue.js";
+import q from "../HappyFlowComponents/ui/Card.vue.js";
+import { dpiStepperKey as G } from "../utils/injectionKeys.js";
+const H = { class: "step-actions-container" }, Q = { class: "step-actions" }, U = { class: "step-actions__prev-and-next" }, X = { class: "validation-errors" }, le = /* @__PURE__ */ P({
+  __name: "StepActionsSection",
+  props: {
+    hideCancel: { type: Boolean, default: !1 },
+    hidePrevious: { type: Boolean, default: !1 },
+    hideNext: { type: Boolean, default: !1 },
+    hideValidationSummary: { type: Boolean, default: !1 },
+    cancelText: { default: "Abbrechen" },
+    previousText: { default: "Zurück" },
+    nextText: { default: "Weiter" },
+    nextVariant: { default: "primary" }
+  },
+  setup(Y) {
+    const { formValues: C } = Z(), e = B(G);
+    e || console.warn("dpiStepper is not provided. Please use StepActionsSection inside InputPage");
+    function S(t) {
+      return t !== void 0;
+    }
+    const s = p(!1), a = p([]);
+    function V(t) {
+      if (!t)
+        return;
+      const n = J(t);
+      !n || n.size === 0 || (a.value = [...n.entries()].flatMap(([o, k]) => k.map((w) => String(w.value))));
+    }
+    e && z(e.activeStep, () => {
+      a.value.splice(0, a.value.length), s.value = !1;
+    });
+    const N = E(e == null ? void 0 : e.steps);
+    function m(t) {
+      var o;
+      const n = (o = N.value) == null ? void 0 : o[t];
+      return n ? n.valid : !1;
+    }
+    function T() {
+      m((e == null ? void 0 : e.activeStep.value) || "") && (e == null || e.goToNextStep());
+    }
+    function h() {
+      window.alert("WIP");
+    }
+    function l() {
+      e == null || e.goToPreviousStep();
+    }
+    const b = F(() => e != null && e.activeStep.value ? W(e == null ? void 0 : e.activeStep.value) : null);
+    async function u() {
+      if (!S(e))
+        return;
+      e.triggerValidationCurrentStep(), await K();
+      const t = b.value;
+      if (t ? !m((e == null ? void 0 : e.activeStep.value) || "") : !1) {
+        if (!j(t)) {
+          console.error("Current step node is not a FormKitNode", t);
+          return;
+        }
+        V(t), s.value = !0;
+      }
+      e != null && e.isLast.value ? window.alert(`Form submitted: ${JSON.stringify(C.value, null, 2)}`) : T();
+    }
+    return (t, n) => (r(), c("div", H, [
+      d("div", Q, [
+        g(t.$slots, "default", {
+          handleCancel: h,
+          handlePrevious: l,
+          handleSubmit: u
+        }, () => [
+          i(v, {
+            style: I({ opacity: t.hideCancel ? 0 : 1 }),
+            variant: "tertiary",
+            size: "large",
+            type: "button",
+            "button-text": t.cancelText,
+            onClick: h
+          }, null, 8, ["style", "button-text"]),
+          d("div", U, [
+            g(t.$slots, "prev-and-next", {
+              hidePrevious: t.hidePrevious,
+              hideNext: t.hideNext,
+              previousText: t.previousText,
+              nextText: t.nextText,
+              handlePrevious: l,
+              handleSubmit: u
+            }, () => [
+              x(i(v, {
+                variant: "secondary",
+                size: "large",
+                type: "button",
+                "button-text": t.previousText,
+                "icon-start": "CaretLeft",
+                onClick: l
+              }, null, 8, ["button-text"]), [
+                [y, !t.hidePrevious]
+              ]),
+              x(i(v, {
+                size: "large",
+                variant: t.nextVariant,
+                type: "button",
+                "button-text": t.nextText,
+                "icon-end": "CaretRight",
+                onClick: u
+              }, null, 8, ["variant", "button-text"]), [
+                [y, !t.hideNext]
+              ])
+            ], !0)
+          ])
+        ], !0)
+      ]),
+      s.value && a.value.length ? (r(), M(q, {
+        key: 0,
+        variant: "error"
+      }, {
+        icon: f(() => [
+          i($(O), {
+            size: 32,
+            color: "currentColor"
+          })
+        ]),
+        title: f(() => n[0] || (n[0] = [
+          R(" Bitte korrigieren Sie die folgenden Fehler ", -1)
+        ])),
+        default: f(() => [
+          d("ul", X, [
+            (r(!0), c(A, null, D(a.value, (o) => (r(), c("li", { key: o }, L(o), 1))), 128))
+          ])
+        ]),
+        _: 1
+      })) : _("", !0)
+    ]));
+  }
+});
+export {
+  le as default
+};

package/dist/{data-provider-interface → packages/dpi/src/data-provider-interface}/components/TempResPage.vue.js

@@ -5,7 +5,7 @@ import E from "../HappyFlowComponents/ui/ButtonV3.vue.js";
 import { useI18n as L } from "vue-i18n";
 import { getNode as p } from "@formkit/core";
 /* empty css                 */
-import W from "../../_virtual/_plugin-vue_export-helper.js";
+import W from "../../../../../_virtual/_plugin-vue_export-helper.js";
 const q = { key: 0 }, G = {
   key: 1,
   class: "copy-large-regular"

package/dist/{data-provider-interface → packages/dpi/src/data-provider-interface}/components/TitelPage.vue.js

@@ -5,7 +5,7 @@ import { useI18n as _ } from "vue-i18n";
 import h from "../HappyFlowComponents/ui/InputField.vue.js";
 import { PhWarning as v } from "@phosphor-icons/vue";
 /* empty css               */
-import I from "../../_virtual/_plugin-vue_export-helper.js";
+import I from "../../../../../_virtual/_plugin-vue_export-helper.js";
 import { useEditModeInfo as V } from "../composables/useDpiEditMode.js";
 const E = { class: "V3-typography dpiV3_Frame_3841" }, T = { class: "copy-large-regular" }, y = {
   key: 0,

package/dist/{data-provider-interface → packages/dpi/src/data-provider-interface}/components/UpdateDate.vue.js

@@ -2,7 +2,7 @@ import { ref as d, createElementBlock as u, openBlock as p, createElementVNode a
 import { PhWarning as D } from "@phosphor-icons/vue";
 import V from "../HappyFlowComponents/ui/InputField.vue.js";
 /* empty css                */
-import w from "../../_virtual/_plugin-vue_export-helper.js";
+import w from "../../../../../_virtual/_plugin-vue_export-helper.js";
 import { useEditModeInfo as S } from "../composables/useDpiEditMode.js";
 const y = { class: "V3-typography" }, I = { class: "dpiV3InnerComponentWrap" }, b = { class: "copy-large-regular" }, M = { class: "input-container" }, T = {
   key: 0,

package/dist/{data-provider-interface → packages/dpi/src/data-provider-interface}/components/dpiV3Description.vue.js

@@ -2,7 +2,7 @@ import { ref as f, createElementBlock as o, openBlock as r, createElementVNode a
 import h from "../HappyFlowComponents/ui/TextAreaV3.vue.js";
 import { PhWarning as V } from "@phosphor-icons/vue";
 /* empty css                      */
-import v from "../../_virtual/_plugin-vue_export-helper.js";
+import v from "../../../../../_virtual/_plugin-vue_export-helper.js";
 import { useEditModeInfo as _ } from "../composables/useDpiEditMode.js";
 const E = { class: "dpiV3InnerComponentWrap" }, I = { class: "copy-large-regular" }, b = {
   key: 0,

package/dist/packages/dpi/src/data-provider-interface/utils/formatDate.js

@@ -0,0 +1,20 @@
+function c(e) {
+  const t = new Date(e), n = [
+    "Jan",
+    "Feb",
+    "Mär",
+    "Apr",
+    "Mai",
+    "Jun",
+    "Jul",
+    "Aug",
+    "Sep",
+    "Okt",
+    "Nov",
+    "Dez"
+  ], o = t.getDate(), a = n[t.getMonth()], r = t.getFullYear();
+  return `${o} ${a} ${r}`;
+}
+export {
+  c as formatDate
+};

package/dist/{data-provider-interface → packages/dpi/src/data-provider-interface}/utils/useSteps.js

@@ -1,14 +1,14 @@
-import { ref as s, reactive as p, watch as f, toRef as v } from "vue";
-import { getNode as g, createMessage as m } from "@formkit/core";
+import { getNode as p, createMessage as f } from "@formkit/core";
+import { ref as s, reactive as v, watch as g, toRef as m } from "vue";
 function y() {
-  const r = s(""), a = p({});
+  const r = s(""), a = v({});
   let u = s([]);
   const i = s([]);
   function n(t) {
-    const e = g(t);
+    const e = p(t);
     e !== void 0 && e.walk((c) => {
       c.store.set(
-        m({
+        f({
           key: "submitted",
           value: !0,
           visible: !1
@@ -24,12 +24,12 @@ function y() {
       n(t);
     });
   }
-  return f(r, (t, e) => {
+  return g(r, (t, e) => {
     e && !i.value.includes(e) && i.value.push(e), o();
   }), { visitedSteps: i, activeStep: r, steps: a, subSteps: u, stepPlugin: (t) => {
     if (t.props.type == "group")
       return a[t.name] = a[t.name] || {}, t.on("created", () => {
-        const e = v(t.context.state, "valid");
+        const e = m(t.context.state, "valid");
         a[t.name].valid = e;
       }), t.on("count:blocking", ({ payload: e }) => {
         a[t.name].blockingCount = e;

package/dist/{data-provider-interface → packages/dpi/src/data-provider-interface}/views/DistributionOverview.vue.js

@@ -4,7 +4,7 @@ import { mapActions as v, mapGetters as p } from "vuex";
 import { truncate as g } from "../../utils/helpers.js";
 import { createElementBlock as l, openBlock as d, createElementVNode as e, createCommentVNode as n, toDisplayString as o, Fragment as f, renderList as D, createTextVNode as y } from "vue";
 /* empty css                          */
-import $ from "../../_virtual/_plugin-vue_export-helper.js";
+import $ from "../../../../../_virtual/_plugin-vue_export-helper.js";
 const _ = {
   props: ["distributionOverviewPage"],
   data() {

package/dist/{data-provider-interface → packages/dpi/src/data-provider-interface}/views/DraftsPage.vue.js

@@ -4,7 +4,7 @@ import k from "../../widgets/AppLink.vue.js";
 import { useRuntimeEnv as v } from "../../composables/useRuntimeEnv.js";
 import { resolveComponent as b, createElementBlock as f, openBlock as g, createElementVNode as t, createVNode as d, toDisplayString as o, Fragment as w, renderList as $, withCtx as i, createTextVNode as P } from "vue";
 /* empty css                */
-import I from "../../_virtual/_plugin-vue_export-helper.js";
+import I from "../../../../../_virtual/_plugin-vue_export-helper.js";
 const C = {
   props: [],
   components: {

package/dist/{data-provider-interface → packages/dpi/src/data-provider-interface}/views/InputPage.vue.js

@@ -36,7 +36,7 @@ import Ie from "./PropertyChooser.vue.js";
 /* empty css                             */
 /* empty css                              */
 /* empty css               */
-import Te from "../../_virtual/_plugin-vue_export-helper.js";
+import Te from "../../../../../_virtual/_plugin-vue_export-helper.js";
 import { useDpiContext as Le } from "../composables/useDpiContext.js";
 import { useEditModeInfo as Pe } from "../composables/useDpiEditMode.js";
 import { useFormSchema as we } from "../composables/useFormSchema.js";