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

package/dist/packages/dpi/src/data-provider-interface/HappyFlowComponents/ui/Card.vue.js

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

package/dist/packages/dpi/src/data-provider-interface/HappyFlowComponents/ui/Card.vue2.js

@@ -0,0 +1,52 @@
+import { defineComponent as p, computed as c, createElementBlock as t, openBlock as o, normalizeClass as l, createCommentVNode as i, createElementVNode as a, renderSlot as s } from "vue";
+const _ = {
+  key: 0,
+  class: "dpiV3_Card_Icon_Title"
+}, u = {
+  key: 1,
+  class: "dpiV3_Card_Info_Text copy-large-semi-bold"
+}, C = { class: "dpiV3_Card_Body" }, m = {
+  key: 0,
+  class: "dpiV3_Card_Icon"
+}, v = { key: 1 }, f = /* @__PURE__ */ p({
+  __name: "Card",
+  props: {
+    variant: { default: "default" },
+    small: { type: Boolean, default: !1 }
+  },
+  setup(r) {
+    const d = r, n = c(() => ({
+      "V3-typography": !0,
+      dpiV3_Card: !0,
+      "dpiV3_Card--small": d.small,
+      "dpiV3_Card--default": d.variant === "default",
+      "dpiV3_Card--error": d.variant === "error"
+    }));
+    return (e, V) => (o(), t("div", {
+      class: l(n.value)
+    }, [
+      e.$slots.title ? (o(), t("div", _, [
+        e.$slots.icon ? s(e.$slots, "icon", { key: 0 }, void 0, !0) : i("", !0),
+        e.$slots.title ? (o(), t("div", u, [
+          s(e.$slots, "title", {}, void 0, !0)
+        ])) : i("", !0)
+      ])) : i("", !0),
+      a("div", C, [
+        e.$slots.icon && !e.$slots.title ? (o(), t("div", m, [
+          s(e.$slots, "icon", {}, void 0, !0)
+        ])) : (o(), t("div", v)),
+        a("div", {
+          class: l(["dpiV3_Card_Content", {
+            "dpiV3_Card_Content--with-icon": e.$slots.icon && e.$slots.title,
+            "dpiV3_Card_Content--with-icon-no-title": e.$slots.icon && !e.$slots.title
+          }])
+        }, [
+          s(e.$slots, "default", {}, void 0, !0)
+        ], 2)
+      ])
+    ], 2));
+  }
+});
+export {
+  f as default
+};

package/dist/{data-provider-interface → packages/dpi/src/data-provider-interface}/HappyFlowComponents/ui/CheckboxV3.vue.js

@@ -1,7 +1,7 @@
 import { ref as r, computed as K, createElementBlock as y, openBlock as c, normalizeClass as v, withDirectives as I, createElementVNode as s, createCommentVNode as l, vModelDynamic as q, withKeys as d, withModifiers as f, createBlock as u, unref as p, toDisplayString as b } from "vue";
 import { PhCheckFat as P, PhMinus as S, PhCircle as B } from "@phosphor-icons/vue";
 /* empty css                */
-import D from "../../../_virtual/_plugin-vue_export-helper.js";
+import D from "../../../../../../_virtual/_plugin-vue_export-helper.js";
 const M = ["type", "disabled", "checked"], E = ["tabindex", "onKeydown"], N = {
   key: 0,
   class: "dpiV3_labelWrap"

package/dist/packages/dpi/src/data-provider-interface/HappyFlowComponents/ui/Chip.vue.js

@@ -0,0 +1,111 @@
+import { useAttrs as C, ref as f, computed as S, createElementBlock as F, createCommentVNode as c, openBlock as n, normalizeClass as M, createBlock as d, resolveDynamicComponent as P, mergeProps as D, withModifiers as T, unref as r, withCtx as W, createElementVNode as w, toDisplayString as N } from "vue";
+import { PhMagnifyingGlass as m, PhX as V } from "@phosphor-icons/vue";
+import { useVModel as j } from "@vueuse/core";
+/* empty css          */
+import q from "../../../../../../_virtual/_plugin-vue_export-helper.js";
+const A = ["title"], E = { class: "dpiV3_chipBody-text" }, G = {
+  __name: "Chip",
+  props: {
+    text: {
+      type: String,
+      default: ""
+    },
+    setup: {
+      type: Object,
+      required: !0
+    },
+    data: {
+      type: Object,
+      required: !0
+    },
+    as: {
+      type: String,
+      default: "button"
+    },
+    selectValue: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  emits: ["click", "selection-change", "update:selectValue"],
+  setup(e, { emit: b }) {
+    const t = e, h = b, v = C(), u = f(), i = j(t, "selectValue", h, {
+      defaultValue: t.setup["@selected"],
+      passive: !0
+    }), y = f(), o = f("16px");
+    function k(s) {
+    }
+    function x(s, l) {
+      if (s != "disabled" && s != "default" && s != "static" && (u.value.children[0].classList.toggle("dpiV3_chipSelected"), i.value = !i.value, h("click", t.data), h("selection-change", {
+        selected: i.value,
+        data: t.data
+      }), i.value))
+        for (let a = 0; a < u.value.children[0].children.length; a++)
+          u.value.children[0].children[a].tagName === "IMG" && !y.value && (i.value ? u.value.children[0].children[a].src = X : u.value.children[0].children[a].src = XB);
+    }
+    t.setup["@type"] === "selected" && (i.value = !0), t.setup["@search"] && (y.value = !0);
+    const p = f(!1);
+    function g(s) {
+      p.value = !0;
+    }
+    function B() {
+      p.value = !1;
+    }
+    const z = S(() => t.as === "button" ? {
+      type: "button",
+      ...v
+    } : v);
+    return (s, l) => typeof e.text < "u" ? (n(), F("div", {
+      key: 0,
+      ref_key: "chipWrap",
+      ref: u,
+      class: M(["dpiV3_chipBorder", { dpiV3_focusBorder: p.value, dpiV3_inTableWrap: e.setup["@inTable"], dpiV3_inRaPFindability_outer: e.setup["@rapfindability"] }]),
+      title: e.text,
+      onClick: k
+    }, [
+      (n(), d(P(e.as), D(z.value, {
+        class: ["dpiV3_chipBody", {
+          dpiV3_chipUnselected: e.setup["@type"] === "select",
+          dpiV3_chipSelected: r(i),
+          dpiV3_chipDefault: e.setup["@type"] === "default",
+          dpiV3_chipDisabled: e.setup["@type"] === "disabled",
+          dpiV3_specialFocus: p.value,
+          dpiV3_inTable: e.setup["@inTable"],
+          dpiV3_chipStatic: e.setup["@type"] === "static",
+          dpiV3_inFindability: e.setup["@findability"],
+          dpiV3_inRaPFindability: e.setup["@rapfindability"]
+        }],
+        disabled: e.setup["@type"] === "disabled" || e.setup["@type"] === "static",
+        onClick: l[0] || (l[0] = (a) => x(e.setup["@type"])),
+        onMousedown: l[1] || (l[1] = T(() => {
+        }, ["prevent"])),
+        onFocus: l[2] || (l[2] = (a) => g()),
+        onBlur: B
+      }), {
+        default: W(() => [
+          e.setup["@search"] && e.setup["@icon"] === "prefix" ? (n(), d(r(m), {
+            key: 0,
+            size: o.value
+          }, null, 8, ["size"])) : c("", !0),
+          !e.setup["@search"] && e.setup["@icon"] === "prefix" ? (n(), d(r(V), {
+            key: 1,
+            size: o.value
+          }, null, 8, ["size"])) : c("", !0),
+          w("span", E, N(e.text), 1),
+          !e.setup["@search"] && e.setup["@icon"] === "suffix" ? (n(), d(r(V), {
+            key: 2,
+            size: o.value
+          }, null, 8, ["size"])) : c("", !0),
+          e.setup["@search"] && e.setup["@icon"] === "suffix" ? (n(), d(r(m), {
+            key: 3,
+            size: o.value
+          }, null, 8, ["size"])) : c("", !0)
+        ]),
+        _: 1
+      }, 16, ["class", "disabled"]))
+    ], 10, A)) : c("", !0);
+  }
+}, U = /* @__PURE__ */ q(G, [["__scopeId", "data-v-c0f41940"]]);
+export {
+  U as default
+};

package/dist/packages/dpi/src/data-provider-interface/HappyFlowComponents/ui/ChipToggleList/ChipToggleList.vue.js

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

package/dist/packages/dpi/src/data-provider-interface/HappyFlowComponents/ui/ChipToggleList/ChipToggleList.vue2.js

@@ -0,0 +1,68 @@
+import { defineComponent as v, mergeModels as f, useModel as h, computed as x, createElementBlock as s, openBlock as c, Fragment as k, renderList as C, withDirectives as V, createElementVNode as u, vModelCheckbox as _, createVNode as b } from "vue";
+import { looseIndexOf as n } from "@vue/shared";
+import g from "../Chip.vue.js";
+const y = { class: "chip-toggle-list" }, I = ["id", "value"], M = ["for", "onClick"], B = /* @__PURE__ */ v({
+  __name: "ChipToggleList",
+  props: /* @__PURE__ */ f({
+    options: {}
+  }, {
+    modelValue: {
+      default: () => []
+    },
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(i) {
+    const r = i, t = h(i, "modelValue");
+    function o(l) {
+      return n(t.value, l) !== -1;
+    }
+    function m(l) {
+      n(t.value, l.id) !== -1 ? t.value = t.value.filter((e) => e !== l.id) : t.value = [...t.value, l.id];
+    }
+    const p = x(() => r.options.map((l) => ({
+      ...l,
+      selected: o(l.id)
+    })));
+    return (l, a) => (c(), s("div", y, [
+      (c(!0), s(k, null, C(p.value, (e) => (c(), s("div", {
+        key: e.id,
+        class: "chip-item"
+      }, [
+        V(u("input", {
+          id: `chip-${e.id}`,
+          "onUpdate:modelValue": a[0] || (a[0] = (d) => t.value = d),
+          class: "chip-checkbox",
+          type: "checkbox",
+          value: e.id
+        }, null, 8, I), [
+          [_, t.value]
+        ]),
+        u("label", {
+          class: "chip-label",
+          for: `chip-${e.id}`,
+          onClick: (d) => m(e)
+        }, [
+          b(g, {
+            "select-value": e.selected,
+            "onUpdate:selectValue": (d) => e.selected = d,
+            text: e.name,
+            data: {
+              "@value": e.id,
+              URI: "https://example.com/default"
+            },
+            setup: {
+              "@type": "select",
+              "@inTable": !1,
+              "@findability": !0,
+              "@selected": e.selected
+            }
+          }, null, 8, ["select-value", "onUpdate:selectValue", "text", "data", "setup"])
+        ], 8, M)
+      ]))), 128))
+    ]));
+  }
+});
+export {
+  B as default
+};

package/dist/{data-provider-interface → packages/dpi/src/data-provider-interface}/HappyFlowComponents/ui/CloseOpenButtonV3.vue.js

@@ -1,13 +1,13 @@
 /* empty css                                */
-import { PhCaretUp as c, PhCaretDown as a } from "@phosphor-icons/vue";
-import { resolveComponent as u, createElementBlock as f, openBlock as s, withKeys as r, normalizeClass as C, withModifiers as k, createBlock as p, createCommentVNode as m } from "vue";
+import { PhCaretUp as c, PhCaretDown as f } from "@phosphor-icons/vue";
+import { resolveComponent as u, createElementBlock as a, openBlock as s, withKeys as r, normalizeClass as C, withModifiers as k, createBlock as p, createCommentVNode as m } from "vue";
 /* empty css                       */
-import w from "../../../_virtual/_plugin-vue_export-helper.js";
+import w from "../../../../../../_virtual/_plugin-vue_export-helper.js";
 const x = {
   name: "CloseOpenButtonV3",
   emits: ["click"],
   components: {
-    PhCaretDown: a,
+    PhCaretDown: f,
     PhCaretUp: c
   },
   data() {
@@ -31,9 +31,10 @@ const x = {
     }
   }
 };
-function B(i, e, l, F, o, n) {
-  const d = u("PhCaretDown"), v = u("PhCaretUp");
-  return s(), f("button", {
+function y(i, e, l, B, o, n) {
+  const v = u("PhCaretDown"), d = u("PhCaretUp");
+  return s(), a("button", {
+    type: "button",
     tabindex: "0",
     onMousedown: e[0] || (e[0] = (...t) => n.removeFocus && n.removeFocus(...t)),
     class: C(["dpiV3_open-close-button", [{ dpiV3_activeState: o.isActive }]]),
@@ -49,19 +50,19 @@ function B(i, e, l, F, o, n) {
       e[7] || (e[7] = r((t) => o.isActive = !1, ["space"]))
     ]
   }, [
-    l.expanded ? m("", !0) : (s(), p(d, {
+    l.expanded ? m("", !0) : (s(), p(v, {
       key: 0,
       color: "var(--neutral-60, #3D4952)",
       size: 32
     })),
-    l.expanded ? (s(), p(v, {
+    l.expanded ? (s(), p(d, {
       key: 1,
       color: "var(--neutral-60, #3D4952)",
       size: 32
     })) : m("", !0)
   ], 34);
 }
-const b = /* @__PURE__ */ w(x, [["render", B], ["__scopeId", "data-v-d10a315d"]]);
+const V = /* @__PURE__ */ w(x, [["render", y], ["__scopeId", "data-v-fb00123e"]]);
 export {
-  b as default
+  V as default
 };

package/dist/{data-provider-interface → packages/dpi/src/data-provider-interface}/HappyFlowComponents/ui/CrossOutButton.vue.js

@@ -2,7 +2,7 @@
 import { PhX as l } from "@phosphor-icons/vue";
 import { resolveComponent as p, createElementBlock as m, openBlock as v, withKeys as n, normalizeClass as d, withModifiers as f, createVNode as c } from "vue";
 /* empty css                    */
-import k from "../../../_virtual/_plugin-vue_export-helper.js";
+import k from "../../../../../../_virtual/_plugin-vue_export-helper.js";
 const C = {
   name: "CrossOutButton",
   components: {

package/dist/packages/dpi/src/data-provider-interface/HappyFlowComponents/ui/DataCollection/BasicInformationStep.vue.js

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

package/dist/packages/dpi/src/data-provider-interface/HappyFlowComponents/ui/DataCollection/BasicInformationStep.vue2.js

@@ -0,0 +1,190 @@
+import { defineComponent as B, ref as g, computed as D, inject as L, createElementBlock as _, openBlock as s, createElementVNode as t, createVNode as n, createTextVNode as p, unref as o, withCtx as i, Fragment as P, renderList as I, createBlock as m, createCommentVNode as b } from "vue";
+import { FormKit as v } from "@formkit/vue";
+import { PhLightbulb as z } from "@phosphor-icons/vue";
+import N from "../../../../stories/components/LinkCard.vue.js";
+import T from "../../../components/StepActionsSection.vue.js";
+import a from "../ButtonV3.vue.js";
+import S from "../Card.vue.js";
+import W from "../TextArea/TextAreaDefinition.js";
+import { dpiStepperKey as E } from "../../../utils/injectionKeys.js";
+const F = { class: "dpiV3_page V3-typography" }, K = { class: "funny-section" }, M = { class: "funny-section" }, R = {
+  id: "partners-section",
+  class: "funny-section"
+}, Z = { class: "partner-cards-container" }, $ = { class: "action-container" }, j = { class: "step-actions__prev-and-next" }, A = { class: "actions" }, G = { class: "funny-section" }, U = 1e3, ie = /* @__PURE__ */ B({
+  __name: "BasicInformationStep",
+  setup(O) {
+    const f = g(""), k = g([]);
+    g([]);
+    const w = D(() => {
+      var h;
+      return ((h = f.value) == null ? void 0 : h.length) || 0;
+    }), y = L(E);
+    function C() {
+      if (!y) {
+        console.warn("dpiStepper is not provided");
+        return;
+      }
+      y.goTo("2. Datenverarbeitung/Grundlegende Informationen");
+    }
+    return (h, e) => (s(), _("div", F, [
+      e[8] || (e[8] = t("section", { class: "funny-section" }, [
+        t("div", { class: "funny-flex" }, [
+          t("h4", null, "Beschreiben Sie den Prozessschritt zur Datenerfassung"),
+          t("span", { class: "copy-large-regular" }, [
+            p(" Teilen Sie im Schritt der "),
+            t("strong", null, "Datenerfassung"),
+            p(" mit anderen Kommunen, wie Sie relevante Daten, wie etwa Verwaltungs- oder Sensordaten, erhoben haben. ")
+          ])
+        ])
+      ], -1)),
+      t("section", K, [
+        n(o(v), {
+          id: "Beschreibung",
+          modelValue: f.value,
+          "onUpdate:modelValue": e[0] || (e[0] = (r) => f.value = r),
+          class: "budgetArea",
+          label: "Beschreibung",
+          type: o(W),
+          name: "description",
+          "text-label": "Beschreibung",
+          placeholder: "Beschreiben Sie kurz Ihr Vorgehen, Ziel und Ergebnis des Prozessschritts.",
+          validation: "length:0,1000",
+          "validation-visibility": "live",
+          hint: "true",
+          help: `${w.value} von ${U} Zeichen`,
+          "count-hint": !0
+        }, null, 8, ["modelValue", "type", "help"])
+      ]),
+      t("section", M, [
+        n(S, { variant: "default" }, {
+          icon: i(() => [
+            n(o(z), {
+              size: 32,
+              color: "#009fe3"
+            })
+          ]),
+          title: i(() => e[2] || (e[2] = [
+            p(" Beispiel ", -1)
+          ])),
+          default: i(() => [
+            e[3] || (e[3] = t("p", null, " Zur Überwachung der aktuellen Wasserstände wurden moderne Pegelsensoren an ausgewählten Messpunkten entlang der Gewässer installiert. Die erfassten Messdaten werden in festgelegten Intervallen automatisch an das zentrale IT-System der Stadt übertragen und dort gespeichert. ", -1))
+          ]),
+          _: 1,
+          __: [3]
+        })
+      ]),
+      t("section", R, [
+        e[4] || (e[4] = t("h5", null, " Weiterführende Links (optional) ", -1)),
+        e[5] || (e[5] = t("span", { class: "copy-large-regular further-links-text" }, "Fügen Sie hier Links zu Dokumenten hinzu, die weitere Informationen zur Vorgehensweise in diesem Prozessschritt enthalten, wie etwa einzuhaltende Richtlinien oder Standardarbeitsanweisungen.", -1)),
+        t("div", Z, [
+          n(o(v), {
+            modelValue: k.value,
+            "onUpdate:modelValue": e[1] || (e[1] = (r) => k.value = r),
+            type: "list",
+            name: "links",
+            dynamic: ""
+          }, {
+            default: i(({ items: r, node: l, value: u }) => [
+              (s(!0), _(P, null, I(r, (d, c) => (s(), m(o(v), {
+                key: d,
+                type: "group",
+                index: c
+              }, {
+                default: i(() => [
+                  n(N, null, {
+                    action: i(() => [
+                      n(a, {
+                        "button-text": "Löschen",
+                        size: "small",
+                        variant: "tertiary",
+                        "icon-start": "trash",
+                        onClick: () => l.input(u.filter((x, V) => V !== c))
+                      }, null, 8, ["onClick"])
+                    ]),
+                    _: 2
+                  }, 1024)
+                ]),
+                _: 2
+              }, 1032, ["index"]))), 128)),
+              t("div", $, [
+                n(a, {
+                  "button-text": "Link hinzufügen",
+                  size: "medium",
+                  variant: "tertiary",
+                  "icon-start": "plus",
+                  onClick: (d) => l.input(u.concat({}))
+                }, null, 8, ["onClick"])
+              ])
+            ]),
+            _: 1
+          }, 8, ["modelValue"])
+        ])
+      ]),
+      n(T, {
+        classList: "step-container",
+        "next-text": "Weiter zu Software"
+      }, {
+        "prev-and-next": i(({
+          hidePrevious: r,
+          hideNext: l,
+          previousText: u,
+          nextText: d,
+          handlePrevious: c,
+          handleSubmit: x
+        }) => [
+          t("div", j, [
+            t("div", A, [
+              r ? b("", !0) : (s(), m(a, {
+                key: 0,
+                variant: "secondary",
+                size: "large",
+                "button-text": u,
+                "icon-start": "CaretLeft",
+                onClick: c
+              }, null, 8, ["button-text", "onClick"])),
+              r ? b("", !0) : (s(), m(a, {
+                key: 1,
+                variant: "secondary",
+                size: "large",
+                onClick: C,
+                "button-text": "Weiter ohne Datenerfassung",
+                "icon-end": "CaretRight"
+              }))
+            ]),
+            l ? b("", !0) : (s(), m(a, {
+              key: 0,
+              variant: "primary",
+              size: "large",
+              "button-text": d,
+              "icon-end": "CaretRight",
+              class: "next-button",
+              onClick: x
+            }, null, 8, ["button-text", "onClick"]))
+          ])
+        ]),
+        _: 1
+      }),
+      t("section", G, [
+        n(S, { variant: "default" }, {
+          icon: i(() => [
+            n(o(z), {
+              size: 32,
+              color: "#009fe3"
+            })
+          ]),
+          title: i(() => e[6] || (e[6] = [
+            p(" Vorsicht! ", -1)
+          ])),
+          default: i(() => [
+            e[7] || (e[7] = t("p", null, ' Sind Sie sicher, dass Sie den technischen Prozessschritt "Datenerfassung" überspringen wollen? Pro Projekt muss mindestens ein technischer Prozessschritt beschrieben werden. ', -1))
+          ]),
+          _: 1,
+          __: [7]
+        })
+      ])
+    ]));
+  }
+});
+export {
+  ie as default
+};

package/dist/packages/dpi/src/data-provider-interface/HappyFlowComponents/ui/DataProcessing/BasicInformationStep.vue.js

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