@piveau/dpi 0.1.0-beta.10

package/dist/data-provider-interface/HappyFlowComponents/ui/SectionItems/HVDSwitch.vue.js

@@ -0,0 +1,69 @@
+import { ref as o, createElementBlock as g, openBlock as b, Fragment as h, createElementVNode as s, createVNode as n, unref as d, toDisplayString as V, getCurrentInstance as w } from "vue";
+import _ from "../SwitchV3.vue.js";
+import y from "../Dropdown.vue.js";
+import { getHvdCategories as S } from "../../services/dpiV3_apis.js";
+import "@formkit/core";
+import { useFormValues as C } from "../../../composables/useDpiFormValues.js";
+/* empty css               */
+const D = { class: "dpiV3_findabilitySwitchWrapper" }, k = { class: "dpiV3_Switch_Label copy-large-semi-bold" }, W = {
+  __name: "HVDSwitch",
+  props: {
+    context: Object
+  },
+  setup(H) {
+    const { formValues: c } = C(), l = o(!1);
+    let i = o([{ isValid: !0 }]);
+    const r = o([]), p = o([]), u = (e) => {
+      i.value[0].isValid = !1, l.value = !e, console.log(l);
+    }, f = async () => {
+      try {
+        const e = w().appContext.app.config.globalProperties.$env, t = await S(e.api.baseUrl);
+        p.value = t, r.value = t.map((a) => ({
+          label: a.pref_label.de,
+          uri: a.resource,
+          "@value": a.pref_label.de,
+          selected: !1
+          // oder eine andere Eigenschaft, die du binden möchtest
+        }));
+      } catch (e) {
+        console.error("Error in component:", e), error.value = e;
+      }
+    }, m = (e) => {
+      const t = r.value.find((v) => v.label === e.target.innerHTML), a = c.value.Discoverability;
+      a[Object.keys(a)[1]] = [{ isValid: !0, label: t.label, uri: t.uri }];
+    };
+    return f(), (e, t) => (b(), g(h, null, [
+      s("div", D, [
+        n(_, {
+          onSwitchToggled: t[0] || (t[0] = (a) => d(i)[0].isValid === !0 ? u(l.value) : (d(i)[0].isValid = !0, l.value = !l.value)),
+          hasIcon: !1,
+          defaultChecked: !1,
+          disabled: !1
+        }),
+        s("div", k, V(e.$t("message.dataupload.datasets.hvdPage.switch-label")), 1)
+      ]),
+      n(y, {
+        dropdownWidth: "large",
+        isDisabled: !l.value,
+        type: "inputField",
+        inputFieldProps: {
+          isDisabled: !l.value,
+          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: r.value,
+        onClick: t[1] || (t[1] = (a) => m(a))
+      }, null, 8, ["isDisabled", "inputFieldProps", "data"])
+    ], 64));
+  }
+};
+export {
+  W as default
+};

package/dist/data-provider-interface/HappyFlowComponents/ui/StateTag.vue.js

@@ -0,0 +1,64 @@
+/* empty css                                */
+/* empty css                                 */
+import { createElementBlock as e, openBlock as s, normalizeClass as o, createCommentVNode as a, createElementVNode as i, toDisplayString as c } from "vue";
+import l from "../img/Ellipse2Published.svg.js";
+import m from "../img/Ellipse2Warning.svg.js";
+import n from "../img/Ellipse2Error.svg.js";
+/* empty css              */
+import _ from "../../../_virtual/_plugin-vue_export-helper.js";
+const d = {
+  name: "StateTag",
+  props: {
+    label: {
+      type: String,
+      required: !0
+    },
+    state: {
+      type: String,
+      required: !0
+      // "published", "draft", "error", "hvd", "geopolitical"
+    },
+    size: {
+      type: String,
+      default: "table"
+      // "table", "page", or other custom sizes
+    }
+  },
+  computed: {
+    stateClass() {
+      return `state-tag--${this.state}`;
+    },
+    sizeClass() {
+      return `state-tag--${this.size}`;
+    }
+  }
+}, p = {
+  key: 0,
+  class: "dot",
+  src: l,
+  alt: ""
+}, u = {
+  key: 1,
+  class: "dot",
+  src: m,
+  alt: ""
+}, f = {
+  key: 2,
+  class: "dot",
+  src: n,
+  alt: ""
+}, g = { class: "label" };
+function h(y, C, t, S, b, r) {
+  return s(), e("div", {
+    class: o(["state-tag", [r.stateClass, r.sizeClass]])
+  }, [
+    t.state === "published" ? (s(), e("img", p)) : a("", !0),
+    t.state === "draft" ? (s(), e("img", u)) : a("", !0),
+    t.state === "error" ? (s(), e("img", f)) : a("", !0),
+    i("span", g, c(t.label), 1)
+  ], 2);
+}
+const T = /* @__PURE__ */ _(d, [["render", h], ["__scopeId", "data-v-acd8463a"]]);
+export {
+  T as default
+};

package/dist/data-provider-interface/HappyFlowComponents/ui/SwitchV3.vue.js

@@ -0,0 +1,195 @@
+/* empty css                                */
+import { PhCheck as C, PhX as v } from "@phosphor-icons/vue";
+import { resolveComponent as p, createElementBlock as f, openBlock as a, withDirectives as y, createElementVNode as o, vModelCheckbox as g, normalizeStyle as c, createCommentVNode as d, normalizeClass as k, createBlock as h } from "vue";
+/* empty css              */
+import m from "../../../_virtual/_plugin-vue_export-helper.js";
+const b = {
+  name: "SwitchV3",
+  components: {
+    PhX: v,
+    PhCheck: C
+  },
+  data() {
+    return {
+      isChecked: this.defaultChecked,
+      circleColor: "var(--neutral-0, #ffffff)",
+      sliderBackgroundColor: "var(--neutral-20, #e6e7e9)",
+      hoverCircleColor: "",
+      showHoverCircle: !1,
+      leftHoverCircle: "16px",
+      topHoverCircle: "-4px",
+      zHoverCircle: "-1",
+      stateLock: !1,
+      sliderPadding: "0 6px",
+      circlePadding: "12px",
+      circleHeight: "2px",
+      circleWidth: "2px",
+      sliderBorder: "",
+      circleOpacity: "",
+      blue60: "",
+      neutral10: "",
+      neutral30: "",
+      interactionType: null,
+      // mouse or keyboard
+      pressedState: !1,
+      sliderOnHoverState: !1
+    };
+  },
+  props: {
+    defaultChecked: {
+      type: Boolean,
+      default: !1
+    },
+    disabled: {
+      type: Boolean,
+      default: !1
+    },
+    hasIcon: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  methods: {
+    emitSwitchState() {
+      this.$emit("switch-toggled", this.isChecked);
+    },
+    handleFocus() {
+      this.updateHoverStyles();
+    },
+    handleBlur() {
+      this.interactionType === "keyboard" && (this.sliderOnHoverState = !1, this.resetStyles());
+    },
+    handleKeydown(l) {
+      this.interactionType = "keyboard", (l.key === "Enter" || l.key === " " || l.key === "Spacebar") && (l.preventDefault(), this.handlePressState());
+    },
+    handleKeyup(l) {
+      this.interactionType = "keyboard", this.pressedState = !1, l.key === "Tab" ? (l.preventDefault(), this.updateHoverStyles()) : (l.key === "Enter" || l.key === " " || l.key === "Spacebar") && (l.preventDefault(), this.pressedState = !1, this.isChecked = !this.isChecked, this.emitSwitchState(), setTimeout(() => {
+        this.updateHoverStyles();
+      }, 10));
+    },
+    handleMouseDown() {
+      this.disabled || this.stateLock || (this.interactionType = "mouse", this.handlePressState());
+    },
+    handlePressState() {
+      this.pressedState = !0, this.circlePadding = "14px", this.isChecked ? (this.sliderPadding = "0px 2px", this.hoverCircleColor = "var( --state-layer-primary-opacity-12)") : (this.sliderPadding = "0px 10px 0px 0px", this.hoverCircleColor = "var( --state-layer-on-surface-opacity-12)", this.hasIcon || (this.leftHoverCircle = "-6px"));
+    },
+    handleMouseUp() {
+      this.pressedState = !1, !(this.disabled || this.stateLock) && (this.sliderOnHoverState ? setTimeout(() => {
+        this.updateHoverStyles();
+      }, 10) : this.resetStyles());
+    },
+    onHover() {
+      if (this.sliderOnHoverState = !0, !this.pressedState) {
+        if (this.stateLock || this.disabled) return;
+        this.showHoverCircle = !0, this.updateHoverStyles();
+      }
+    },
+    onLeave() {
+      this.sliderOnHoverState = !1, !(this.stateLock || this.disabled) && (this.showHoverCircle = !1, this.resetStyles());
+    },
+    resetStyles() {
+      this.showHoverCircle = !1, this.pressedState = !1, this.isChecked ? (this.circleColor = "var(--neutral-0, #ffffff)", this.sliderBackgroundColor = "var(--blue-60, #009fe3)", this.circlePadding = "12px", this.sliderPadding = "0 var(--Spacing-1, 4px)") : (this.circleColor = "var(--neutral-60, #687178)", this.sliderBackgroundColor = "var(--neutral-20, #e6e7e9)", this.circlePadding = "8px", this.sliderPadding = "0 6px", this.hasIcon && (this.circlePadding = "12px", this.sliderPadding = "0 2px"));
+    },
+    updateHoverStyles() {
+      this.showHoverCircle = !0, this.isChecked ? (this.circlePadding = "12px", this.sliderPadding = "0 var(--Spacing-1, 4px)", this.circleColor = "var(--blue-20, rgba(0, 159, 227, 0.2))", this.interactionType === "mouse" ? this.hoverCircleColor = "var(--state-layer-primary-opacity-8, rgba(0, 159, 227, 0.08))" : this.hoverCircleColor = "var(--state-layer-primary-opacity-12, rgba(0, 159, 227, 0.12))", this.leftHoverCircle = "16px", this.topHoverCircle = "-4px", this.sliderBackgroundColor = "var(--blue-60, #009fe3)", this.zHoverCircle = "-1") : (this.circlePadding = "8px", this.sliderPadding = "0 6px", this.circleColor = "var(--neutral-60, #687178)", this.interactionType === "mouse" ? this.hoverCircleColor = "var(--state-layer-on-surface-opacity-8, rgba(11, 26, 37, 0.08))" : this.hoverCircleColor = "var(--state-layer-on-surface-opacity-12, rgba(11, 26, 37, 0.12))", this.leftHoverCircle = "-6px", this.topHoverCircle = "-6px", this.sliderBackgroundColor = "var(--neutral-0, #ffffff)", this.circleColor = "var(--neutral-80)", this.zHoverCircle = "100", this.hasIcon && (this.circlePadding = "12px", this.sliderPadding = "0 2px", this.leftHoverCircle = "-6px", this.topHoverCircle = "-6px"));
+    }
+  },
+  mounted() {
+    this.blue60 = getComputedStyle(document.documentElement).getPropertyValue("--blue-60").trim(), this.neutral10 = getComputedStyle(document.documentElement).getPropertyValue("--neutral-10").trim(), this.neutral30 = getComputedStyle(document.documentElement).getPropertyValue("--neutral-30").trim(), this.defaultChecked ? (this.isChecked = !0, this.circleColor = "var(--neutral-0, #ffffff)", this.sliderBackgroundColor = "var(--blue-60, #009fe3)", this.sliderPadding = "0 var(--Spacing-1, 4px)") : (this.isChecked = !1, this.circleColor = "var(--neutral-60, #687178)", this.sliderBackgroundColor = "var(--neutral-20, #e6e7e9)", this.circlePadding = "8px", this.hasIcon && (this.circlePadding = "12px", this.sliderPadding = "0 2px")), this.disabled && (this.circleColor = "var(--neutral-5, #d9d9d9)", this.sliderBackgroundColor = "var(--neutral-30, #f0f0f0)", this.sliderBorder = "var(--neutral-30)", this.isChecked || (this.circleColor = "var(--neutral-60, #d9d9d9)", this.sliderBackgroundColor = "var(--neutral-10)", this.sliderBorder = "2px solid var(--neutral-30, #D5D7DA)", this.circleOpacity = "0.38"));
+  }
+}, x = ["disabled"], S = { class: "dpiV3_phosphor-icon-wrapper" }, H = { class: "dpiV3_phosphor-icon-wrapper" }, P = { class: "dpiV3_phosphor-icon-wrapper" }, w = { class: "dpiV3_phosphor-icon-wrapper" };
+function B(l, i, s, V, e, t) {
+  const n = p("PhCheck"), u = p("PhX");
+  return a(), f("label", {
+    style: { "margin-bottom": "0px !important" },
+    class: "dpiV3_switch",
+    onMousedown: i[6] || (i[6] = (...r) => t.handleMouseDown && t.handleMouseDown(...r)),
+    onMouseup: i[7] || (i[7] = (...r) => t.handleMouseUp && t.handleMouseUp(...r)),
+    onMouseover: i[8] || (i[8] = (...r) => t.onHover && t.onHover(...r)),
+    onMouseleave: i[9] || (i[9] = (...r) => t.onLeave && t.onLeave(...r))
+  }, [
+    y(o("input", {
+      tabindex: "0",
+      type: "checkbox",
+      "onUpdate:modelValue": i[0] || (i[0] = (r) => e.isChecked = r),
+      disabled: s.disabled,
+      onChange: i[1] || (i[1] = (...r) => t.emitSwitchState && t.emitSwitchState(...r)),
+      onKeydown: i[2] || (i[2] = (...r) => t.handleKeydown && t.handleKeydown(...r)),
+      onKeyup: i[3] || (i[3] = (...r) => t.handleKeyup && t.handleKeyup(...r)),
+      onFocus: i[4] || (i[4] = (...r) => t.handleFocus && t.handleFocus(...r)),
+      onBlur: i[5] || (i[5] = (...r) => t.handleBlur && t.handleBlur(...r))
+    }, null, 40, x), [
+      [g, e.isChecked]
+    ]),
+    o("span", {
+      class: "dpiV3_slider",
+      style: c({
+        backgroundColor: e.sliderBackgroundColor,
+        padding: e.sliderPadding,
+        border: e.sliderBorder
+      })
+    }, [
+      !s.disabled && e.showHoverCircle ? (a(), f("span", {
+        key: 0,
+        class: "dpiV3_hover-circle",
+        style: c({
+          backgroundColor: e.hoverCircleColor,
+          left: e.leftHoverCircle,
+          top: e.topHoverCircle,
+          "z-index": e.zHoverCircle
+        })
+      }, null, 4)) : d("", !0),
+      o("span", {
+        class: k(["dpiV3_icon-wrapper", {
+          "icon-present": s.hasIcon,
+          "icon-absent": !s.hasIcon,
+          active: e.isChecked
+        }]),
+        style: c({
+          backgroundColor: e.circleColor,
+          padding: e.circlePadding,
+          height: e.circleHeight,
+          width: e.circleWidth,
+          opacity: e.circleOpacity
+        })
+      }, [
+        o("div", S, [
+          e.isChecked && s.hasIcon && !s.disabled ? (a(), h(n, {
+            key: 0,
+            size: 16,
+            color: e.blue60,
+            weight: "bold"
+          }, null, 8, ["color"])) : d("", !0)
+        ]),
+        o("div", H, [
+          !e.isChecked && s.hasIcon && !s.disabled ? (a(), h(u, {
+            key: 0,
+            size: "16px",
+            weight: "bold",
+            color: e.neutral10
+          }, null, 8, ["color"])) : d("", !0)
+        ]),
+        o("div", P, [
+          !e.isChecked && s.hasIcon && s.disabled ? (a(), h(u, {
+            key: 0,
+            size: "16px",
+            weight: "bold",
+            color: e.neutral30
+          }, null, 8, ["color"])) : d("", !0)
+        ]),
+        o("div", w, [
+          e.isChecked && s.hasIcon && s.disabled ? (a(), h(n, {
+            key: 0,
+            size: 16,
+            color: e.neutral30,
+            weight: "bold"
+          }, null, 8, ["color"])) : d("", !0)
+        ])
+      ], 6)
+    ], 4)
+  ], 32);
+}
+const T = /* @__PURE__ */ m(b, [["render", B], ["__scopeId", "data-v-2b848e11"]]);
+export {
+  T as default
+};

package/dist/data-provider-interface/HappyFlowComponents/ui/TableRowV3.vue.js

@@ -0,0 +1,210 @@
+import { ref as u, watch as $, createElementBlock as N, openBlock as c, Fragment as H, createElementVNode as o, createBlock as m, createCommentVNode as g, withKeys as v, normalizeClass as L, withModifiers as b, unref as n, toDisplayString as x, isRef as T } from "vue";
+import _ from "./StateTag.vue.js";
+import j from "./Dropdown.vue.js";
+import q from "./ModalSimpleV3.vue.js";
+import F from "./Toast.vue.js";
+import { useStore as J } from "vuex";
+import { useRouter as O } from "vue-router";
+import { useDpiUtils as W } from "../../composables/useDpiUtils.js";
+/* empty css                */
+import G from "../../../_virtual/_plugin-vue_export-helper.js";
+import { useDpiContext as S } from "../../composables/useDpiContext.js";
+const P = { class: "dpiV3_tableRowInner" }, Q = { class: "dpiV3_TableRowDescContainer" }, X = { class: "dpiV3_dsDesc" }, Y = { class: "dpiV3_TableRowStatus" }, Z = { class: "dpiV3_TableRowUpdated" }, ee = { class: "dpiV3_TableRowButtonWrap" }, te = {
+  __name: "TableRowV3",
+  props: {
+    text: {
+      type: String,
+      required: !0
+    },
+    draft: {
+      type: Boolean
+    },
+    date: {
+      type: Object,
+      required: !0
+    },
+    fromDraft: Boolean,
+    id: String,
+    catalogue: String,
+    dataset: Object
+  },
+  setup(z) {
+    const h = J();
+    O();
+    let r = u(!1), l = u(!1), f = u(!1), i = u({}), d = u({}), D = u({ edit: { fromDraft: !1 } });
+    S() && (D = S());
+    const s = z, { toEditMode: R } = W(), B = () => {
+      const t = s.draft, e = s.catalogue, a = s.id || s.dataset.id || s.catalogue.id;
+      R({ id: a, catalogId: e, isDraft: t, locale: "de" });
+    }, C = (t, e, a, U) => {
+      console.log(s.dataset), h.dispatch("auth/putDatasetToDraft", { id: t, catalog: e, title: a, description: U });
+    }, M = (t, e) => {
+      h.dispatch("auth/deleteUserDraftById", { id: t, catalog: e });
+    }, E = (t, e) => {
+      h.dispatch("auth/publishUserDraftById", { id: t, catalog: e });
+    }, I = () => {
+      f.value = !1, setTimeout(() => {
+        l.value = !1;
+      }, 2e3);
+    };
+    $(l, (t) => {
+      t && setTimeout(() => {
+        f.value || (l.value = !1);
+      }, 2e3);
+    });
+    const A = () => s.draft ? [
+      { "@value": "Bearbeiten", selected: !1 },
+      { "@value": "Veröffentlichen", selected: !1 },
+      { "@value": "Löschen", selected: !1 }
+    ] : [
+      { "@value": "Bearbeiten", selected: !1 },
+      { "@value": "Veröffentlichung aufheben", selected: !1 },
+      { "@value": "Löschen", selected: !1 }
+    ], K = (t) => {
+      switch (t) {
+        case "publishDataset":
+          E(s.id, s.catalogue), console.log("Datensatz wird veröffentlicht"), l.value = !0, d.value = {
+            type: "success",
+            text: "Der Datensatz wurde veröffentlicht",
+            button: "Ansehen",
+            action: "goToDataset"
+          };
+          break;
+        case "deleteDataset":
+          M(s.id, s.catalogue), l.value = !0, d.value = {
+            type: "success",
+            text: "Der Datensatz wurde erfolgreich gelöscht",
+            button: "Rückgängig machen",
+            action: "revertDeletion"
+          };
+          break;
+        case "setToDraft":
+          C(
+            s.dataset.id,
+            s.dataset.catalog.id,
+            s.dataset.title,
+            s.dataset.description
+          ), l.value = !0, d.value = {
+            type: "success",
+            text: "Der Datensatz wurde erfolgreich zu einem Entwurf zurückgesetzt",
+            button: "Rückgängig machen",
+            action: "revertToDraft"
+          };
+      }
+    }, w = (t) => {
+      let e = "";
+      switch (typeof t == "string" ? e = t : e = t.target.innerText, e) {
+        case "Bearbeiten":
+          B();
+          break;
+        case "Veröffentlichen":
+          i.value = {
+            button: "Veröffentlichen",
+            header: "Datensatz veröffentlichen",
+            text: "Sind Sie sicher, dass Sie diesen Datensatz veröffentlichen möchten?",
+            action: "publishDataset"
+          }, r.value = !0;
+          break;
+        case "Löschen":
+          i.value = {
+            button: "Ja, löschen",
+            header: "Datensatz endgültig löschen",
+            text: "Möchten Sie diesen Datensatz wirklich endgültig löschen? Diese Aktion kann nicht rückgängig gemacht werden. Alle damit verbundenen Daten werden entfernt.",
+            action: "deleteDataset"
+          }, r.value = !0;
+          break;
+        case "Veröffentlichung aufheben":
+          i.value = {
+            button: "Ja",
+            header: "Veröffentlichung aufheben",
+            text: "Sind Sie sicher, dass Sie diesen Datensatz zu einem Entwurf zurücksetzen möchten?",
+            action: "setToDraft"
+          }, r.value = !0;
+          break;
+      }
+    };
+    let p = u(!1);
+    const V = (t, e) => {
+      e ? p.value = !0 : p.value = !1;
+    }, k = (t) => {
+      t.target.className != "dpiV3_more-button dpiV3_activeState" && (p.value = !0);
+    }, y = (t) => {
+      t.target.className != "dpiV3_more-button dpiV3_activeState" && (p.value = !1);
+    };
+    return (t, e) => (c(), N(H, null, [
+      o("button", {
+        class: L(["dpiV3_tableRowWrapper", {
+          dpiV3_pressedTableRow: n(p),
+          tRowInDraft: s.fromDraft
+        }]),
+        onKeydown: [
+          e[3] || (e[3] = v(b((a) => k(a), ["prevent"]), ["space"])),
+          e[4] || (e[4] = v(b((a) => k(a), ["prevent"]), ["enter"]))
+        ],
+        onKeyup: [
+          e[5] || (e[5] = v((a) => y(a), ["space"])),
+          e[6] || (e[6] = v((a) => y(a), ["enter"]))
+        ]
+      }, [
+        o("div", P, [
+          o("div", {
+            class: "dpiV3_tableRowContent",
+            onMousedown: e[0] || (e[0] = b((a) => V(a, !0), ["prevent"])),
+            onMouseup: e[1] || (e[1] = b((a) => V(a, !1), ["prevent"])),
+            onClick: e[2] || (e[2] = (a) => w("Bearbeiten"))
+          }, [
+            o("div", Q, [
+              o("span", X, x(s.text), 1)
+            ]),
+            o("div", Y, [
+              s.draft ? (c(), m(_, {
+                key: 1,
+                label: "Entwurf",
+                state: "draft"
+              })) : (c(), m(_, {
+                key: 0,
+                label: "Veröffentlicht",
+                state: "published"
+              })),
+              o("span", Z, " Updated am: " + x(s.date), 1)
+            ])
+          ], 32),
+          o("div", ee, [
+            n(D).edit.fromDraft ? g("", !0) : (c(), m(j, {
+              key: 0,
+              onClick: w,
+              type: "moreButton",
+              alignment: "right",
+              text: {
+                support: "This is a supporting message"
+              },
+              data: A()
+            }, null, 8, ["data"]))
+          ])
+        ])
+      ], 34),
+      n(r) ? (c(), m(q, {
+        key: 0,
+        buttons: n(i).button,
+        headerText: n(i).header,
+        text: n(i).text,
+        onClose: e[7] || (e[7] = (a) => T(r) ? r.value = !1 : r = !1),
+        action: n(i).action,
+        onActionHandling: e[8] || (e[8] = (a) => K(a))
+      }, null, 8, ["buttons", "headerText", "text", "action"])) : g("", !0),
+      n(l) ? (c(), m(F, {
+        key: 1,
+        type: n(d).type,
+        text: n(d).text,
+        class: "dpiV3_tableToast",
+        button: n(d).button,
+        action: n(d).action,
+        onMouseenter: e[9] || (e[9] = (a) => T(f) ? f.value = !0 : f = !0),
+        onMouseleave: I
+      }, null, 8, ["type", "text", "button", "action"])) : g("", !0)
+    ], 64));
+  }
+}, pe = /* @__PURE__ */ G(te, [["__scopeId", "data-v-6f8807e5"]]);
+export {
+  pe as default
+};

package/dist/data-provider-interface/HappyFlowComponents/ui/TextAreaV3.vue.js

@@ -0,0 +1,115 @@
+import { ref as l, watch as h, createElementBlock as x, openBlock as c, createElementVNode as a, createCommentVNode as b, createBlock as M, toDisplayString as T, normalizeStyle as C, normalizeClass as m, unref as s, withDirectives as S, vModelText as A } from "vue";
+/* empty css                                */
+/* empty css                                 */
+import L from "./TextButtonSmall.vue.js";
+/* empty css                */
+import z from "../../../_virtual/_plugin-vue_export-helper.js";
+const N = { class: "dpiV3_input-field V3-typography" }, R = { class: "dpiV3_InputFieldBase" }, j = { class: "dpiV3_InputWithLabel" }, O = { class: "dpiV3_Top" }, U = { class: "dpiV3_Label" }, W = { class: "dpiV3_label copy-small-regular" }, q = ["disabled", "placeholder"], G = {
+  key: 0,
+  class: "dpiV3_hintText copy-small-regular"
+}, H = {
+  __name: "TextAreaV3",
+  props: {
+    text: {
+      type: Object,
+      default: () => {
+      }
+    },
+    isDisabled: {
+      type: Boolean,
+      default: !1
+    },
+    showError: {
+      type: Boolean,
+      default: !1
+    },
+    label: {},
+    placeholder: {},
+    hint: {},
+    modelValue: { type: String, default: "" },
+    showDeleteButton: { type: Boolean, default: !1 }
+  },
+  emits: ["update:modelValue", "deleteClicked"],
+  setup(e, { emit: V }) {
+    let o = l(!1), p = l(!1);
+    const _ = l(null);
+    let y = l(!1), t = l("inset 0 0 0 1px var(--neutral-30, #687178)"), n = l(!1), v = l(!1);
+    const d = e, u = l(d.modelValue), f = V;
+    h(
+      () => d.modelValue,
+      (i) => {
+        u.value = i;
+      }
+    ), h(u, (i) => {
+      f("update:modelValue", i);
+    });
+    const w = () => {
+      f("deleteClicked");
+    }, B = () => {
+      y.value = !1, n.value = !0, o.value = !0, t.value = "0 0 0 2px var(--blue-70, #009FE3)";
+    }, E = () => {
+      n.value = !1, o.value = !1, t.value = "inset 0 0 0 1px var(--neutral-30, #687178)";
+    }, I = () => {
+      v.value = !0, t.value = "inset 0 0 0 1px var(--neutral-60, #687178)", n.value && (t.value = "0 0 0 2px var(--blue-70, #009FE3)");
+    }, F = () => {
+      v.value = !1, t.value = "inset 0 0 0 1px var(--neutral-30, #687178)", n.value && (t.value = "0 0 0 2px var(--blue-70, #009FE3)");
+    }, D = () => {
+      o.value && (t.value = "0 0 0 2px var(--blue-70, #009FE3)");
+    }, g = () => {
+      t.value = "inset 0 0 0 2px var(--Focused)";
+    };
+    return (i, r) => (c(), x("div", N, [
+      a("div", R, [
+        a("div", j, [
+          a("div", O, [
+            a("div", U, [
+              a("label", W, T(d.label), 1),
+              e.showDeleteButton ? (c(), M(L, {
+                key: 0,
+                buttonText: "löschen",
+                onClick: w,
+                tabindex: "0"
+              })) : b("", !0)
+            ])
+          ]),
+          a("div", {
+            class: m(["dpiV3_Input", {
+              dpiV3_disabled: e.isDisabled,
+              "error-state": e.showError && !s(o) && !s(p),
+              "focused-error-state": e.showError && s(o),
+              "filled-error-state": e.showError && s(p)
+            }]),
+            onMouseenter: I,
+            onMouseleave: F,
+            onMousedown: D,
+            style: C({ "box-shadow": s(t) })
+          }, [
+            S(a("textarea", {
+              ref_key: "inputRef",
+              ref: _,
+              "onUpdate:modelValue": r[0] || (r[0] = (k) => u.value = k),
+              type: "text",
+              class: m(["dpiV3_textArea copy-large-regular", {
+                "error-state": e.showError,
+                dpiV3_input_disabled: e.isDisabled
+              }]),
+              disabled: e.isDisabled,
+              placeholder: e.placeholder,
+              onFocus: B,
+              onBlur: E,
+              onMousedown: g
+            }, null, 42, q), [
+              [A, u.value]
+            ])
+          ], 38)
+        ]),
+        e.hint && !e.showError ? (c(), x("div", G, r[1] || (r[1] = [
+          a("span", null, "This is a supporting message.", -1)
+        ]))) : b("", !0)
+      ])
+    ]));
+  }
+}, Z = /* @__PURE__ */ z(H, [["__scopeId", "data-v-7248be35"]]);
+export {
+  Z as default
+};