@piveau/dpi 0.1.0-beta.5

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

@@ -0,0 +1,256 @@
+import { defineComponent as c, resolveComponent as o, createElementBlock as l, openBlock as s, mergeProps as C, createCommentVNode as a, withKeys as n, normalizeStyle as d, normalizeClass as p, withModifiers as v, createElementVNode as k, createBlock as t, toDisplayString as b } from "vue";
+/* empty css                                */
+/* empty css                                 */
+import { PhArrowSquareOut as g, PhCopySimple as K, PhPencilSimple as B, PhArrowCounterClockwise as w, PhPlusSquare as D, PhTrash as V, PhPlusCircle as T, PhCaretLeft as $, PhCaretRight as M, PhMagnifyingGlass as U, PhCheck as q, PhX as E } from "@phosphor-icons/vue";
+/* empty css              */
+import G from "../../../_virtual/_plugin-vue_export-helper.js";
+const L = c({
+  name: "ButtonV3",
+  components: {
+    PhX: E,
+    PhCheck: q,
+    PhMagnifyingGlass: U,
+    PhCaretRight: M,
+    PhCaretLeft: $,
+    PhPlusCircle: T,
+    PhTrash: V,
+    PhPlusSquare: D,
+    PhArrowCounterClockwise: w,
+    PhPencilSimple: B,
+    PhCopySimple: K,
+    PhArrowSquareOut: g
+  },
+  props: {
+    buttonText: {
+      type: String,
+      required: !1,
+      default: null
+    },
+    size: {
+      type: String,
+      default: "medium",
+      validator: (e) => ["small", "medium", "large"].includes(e)
+    },
+    iconStart: {
+      type: String,
+      default: null
+    },
+    iconEnd: {
+      type: String,
+      default: null
+    },
+    disabled: {
+      type: Boolean,
+      default: !1
+    },
+    variant: {
+      type: String,
+      default: "primary"
+    },
+    gapColor: {
+      type: String,
+      default: "white"
+    }
+  },
+  data() {
+    return {
+      iconSize: "24px",
+      isFocused: !1,
+      isPrimaryActive: !1,
+      isSecondaryActive: !1,
+      isTertiaryActive: !1
+    };
+  },
+  computed: {
+    focusStyle() {
+      return this.isFocused && this.variant === "tertiary" ? {
+        boxShadow: "0 0 0 2px var(--Focused, #FF5733)"
+      } : this.isFocused ? {
+        boxShadow: `0 0 0 2px ${this.gapColor}, 0 0 0 4px var(--Focused, #0196d8)`
+      } : {};
+    },
+    externalClass() {
+      return [this.$attrs.class || ""];
+    },
+    dpiV3_buttonClass() {
+      return [
+        `dpiV3_button-base-${this.variant}`,
+        `dpiV3_button-${this.size}`,
+        { "dpiV3_button-disabled": this.disabled }
+      ];
+    },
+    iconSizeClass() {
+      return [
+        `dpiV3_icon-${this.size}`,
+        `dpiV3_icon-${this.size}-${this.variant}`
+      ];
+    }
+  },
+  methods: {
+    removeFocus(e) {
+      e.preventDefault(), this.addActiveState();
+    },
+    handleKeyPress() {
+      this.disabled || (this.variant === "primary" ? this.isPrimaryActive = !0 : this.variant === "secondary" ? this.isSecondaryActive = !0 : this.variant === "tertiary" && (this.isTertiaryActive = !0));
+    },
+    removeActiveState() {
+      this.isPrimaryActive = !1, this.isSecondaryActive = !1, this.isTertiaryActive = !1;
+    },
+    removeActiveStateKeyUp() {
+      this.isPrimaryActive = !1, this.isSecondaryActive = !1, this.isTertiaryActive = !1, this.$emit("click");
+    },
+    addActiveState() {
+      this.disabled || (this.variant === "primary" ? this.isPrimaryActive = !0 : this.variant === "secondary" ? this.isSecondaryActive = !0 : this.variant === "tertiary" && (this.isTertiaryActive = !0));
+    }
+  }
+}), O = ["disabled"], R = ["disabled"], N = {
+  key: 0,
+  class: "dpiV3_icon"
+};
+function I(e, i, X, j, H, J) {
+  const m = o("PhArrowCounterClockwise"), F = o("PhPlusCircle"), A = o("PhTrash"), y = o("PhMagnifyingGlass"), u = o("PhCheck"), S = o("PhCaretLeft"), h = o("PhPlusSquare"), P = o("PhCaretRight"), f = o("PhArrowSquareOut"), z = o("PhPencilSimple");
+  return s(), l("div", C({
+    class: ["dpiV3_V3-typography", e.externalClass]
+  }, e.$attrs), [
+    e.buttonText ? (s(), l("button", {
+      key: 0,
+      tabindex: "0",
+      type: "button",
+      class: p([
+        e.dpiV3_buttonClass,
+        { activeStatePrimary: e.isPrimaryActive && e.variant === "primary" },
+        { activeStateSecondary: e.isSecondaryActive && e.variant === "secondary" },
+        { activeStateTertiary: e.isTertiaryActive && e.variant === "tertiary" }
+      ]),
+      disabled: e.disabled,
+      onMousedown: i[0] || (i[0] = (...r) => e.removeFocus && e.removeFocus(...r)),
+      onMouseup: i[1] || (i[1] = (...r) => e.removeActiveState && e.removeActiveState(...r)),
+      style: d(e.focusStyle),
+      onFocus: i[2] || (i[2] = (r) => e.isFocused = !0),
+      onBlur: i[3] || (i[3] = (r) => e.isFocused = !1),
+      onKeydown: [
+        i[4] || (i[4] = n((...r) => e.handleKeyPress && e.handleKeyPress(...r), ["enter"])),
+        i[5] || (i[5] = n(v((...r) => e.handleKeyPress && e.handleKeyPress(...r), ["prevent"]), ["space"]))
+      ],
+      onKeyup: [
+        i[6] || (i[6] = n((...r) => e.removeActiveStateKeyUp && e.removeActiveStateKeyUp(...r), ["enter"])),
+        i[7] || (i[7] = n((...r) => e.removeActiveStateKeyUp && e.removeActiveStateKeyUp(...r), ["space"]))
+      ]
+    }, [
+      e.iconStart ? (s(), l("span", {
+        key: 0,
+        class: p(["dpiV3_icon", e.iconSizeClass])
+      }, [
+        e.iconStart === "reset" ? (s(), t(m, {
+          key: 0,
+          size: e.size === "small" ? "16px" : "24px",
+          color: e.variant === "primary" ? "#FFFFFF" : e.variant === "secondary" ? "#0B1A25" : "#0172AD"
+        }, null, 8, ["size", "color"])) : a("", !0),
+        e.iconStart === "plus" ? (s(), t(F, {
+          key: 1,
+          size: e.size === "small" ? "16px" : "24px",
+          color: e.variant === "primary" ? "#FFFFFF" : e.variant === "secondary" ? "#0B1A25" : "#0172AD"
+        }, null, 8, ["size", "color"])) : a("", !0),
+        e.iconStart === "trash" ? (s(), t(A, {
+          key: 2,
+          size: e.size === "small" ? "16px" : "24px",
+          color: e.variant === "primary" ? "#FFFFFF" : e.variant === "secondary" ? "#0B1A25" : "#0172AD"
+        }, null, 8, ["size", "color"])) : a("", !0),
+        e.iconStart === "MagnifyingGlass" ? (s(), t(y, {
+          key: 3,
+          size: e.size === "small" ? "16px" : "24px",
+          color: e.variant === "primary" ? "#FFFFFF" : e.variant === "secondary" ? "#0B1A25" : "#0172AD"
+        }, null, 8, ["size", "color"])) : a("", !0),
+        e.iconStart === "Check" ? (s(), t(u, {
+          key: 4,
+          size: e.size === "small" ? "16px" : "24px",
+          color: e.variant === "primary" ? "#FFFFFF" : e.variant === "secondary" ? "#0B1A25" : "#0172AD"
+        }, null, 8, ["size", "color"])) : a("", !0),
+        e.iconStart === "CaretLeft" ? (s(), t(S, {
+          key: 5,
+          size: e.size === "small" ? "16px" : "24px",
+          color: e.variant === "primary" ? "#FFFFFF" : e.variant === "secondary" ? "#0B1A25" : "#0172AD"
+        }, null, 8, ["size", "color"])) : a("", !0),
+        e.iconStart === "PlusSquare" ? (s(), t(h, {
+          key: 6,
+          size: e.size === "small" ? "16px" : "24px",
+          color: e.variant === "primary" ? "#FFFFFF" : e.variant === "secondary" ? "#0B1A25" : "#0172AD"
+        }, null, 8, ["size", "color"])) : a("", !0)
+      ], 2)) : a("", !0),
+      k("span", null, b(e.buttonText), 1),
+      e.iconEnd ? (s(), l("span", {
+        key: 1,
+        class: p(["dpiV3_icon", e.iconSizeClass])
+      }, [
+        e.iconEnd === "MagnifyingGlass" ? (s(), t(y, {
+          key: 0,
+          size: e.size === "small" ? "16px" : "24px",
+          color: e.variant === "primary" ? "#FFFFFF" : e.variant === "secondary" ? "#0B1A25" : "#0172AD"
+        }, null, 8, ["size", "color"])) : a("", !0),
+        e.iconEnd === "Check" ? (s(), t(u, {
+          key: 1,
+          size: e.size === "small" ? "16px" : "24px",
+          color: e.variant === "primary" ? "#FFFFFF" : e.variant === "secondary" ? "#0B1A25" : "#0172AD"
+        }, null, 8, ["size", "color"])) : a("", !0),
+        e.iconEnd === "CaretRight" ? (s(), t(P, {
+          key: 2,
+          size: e.size === "small" ? "16px" : "24px",
+          color: e.variant === "primary" ? "#FFFFFF" : e.variant === "secondary" ? "#0B1A25" : "#0172AD"
+        }, null, 8, ["size", "color"])) : a("", !0),
+        e.iconEnd === "Out" ? (s(), t(f, {
+          key: 3,
+          size: e.size === "small" ? "16px" : "24px",
+          color: e.variant === "primary" ? "#0172AD" : e.variant === "secondary" ? "#0B1A25" : "#0172AD"
+        }, null, 8, ["size", "color"])) : a("", !0)
+      ], 2)) : a("", !0)
+    ], 46, O)) : a("", !0),
+    e.buttonText ? a("", !0) : (s(), l("div", {
+      key: 1,
+      tabindex: "0",
+      class: p([
+        "dpiV3_button-icon-only",
+        e.iconSizeClass,
+        { "dpiV3_button-icon-only-large": e.size === "large" },
+        { activeStatePrimary: e.isPrimaryActive && e.variant === "primary" },
+        { activeStateSecondary: e.isSecondaryActive && e.variant === "secondary" },
+        { activeStateTertiary: e.isTertiaryActive && e.variant === "tertiary" }
+      ]),
+      disabled: e.disabled,
+      onMousedown: i[8] || (i[8] = (...r) => e.removeFocus && e.removeFocus(...r)),
+      onMouseup: i[9] || (i[9] = (...r) => e.removeActiveState && e.removeActiveState(...r)),
+      style: d(e.focusStyle),
+      onFocus: i[10] || (i[10] = (r) => e.isFocused = !0),
+      onBlur: i[11] || (i[11] = (r) => e.isFocused = !1),
+      onKeydown: [
+        i[12] || (i[12] = n((...r) => e.handleKeyPress && e.handleKeyPress(...r), ["enter"])),
+        i[13] || (i[13] = n(v((...r) => e.handleKeyPress && e.handleKeyPress(...r), ["prevent"]), ["space"]))
+      ],
+      onKeyup: [
+        i[14] || (i[14] = n((...r) => e.removeActiveStateKeyUp && e.removeActiveStateKeyUp(...r), ["enter"])),
+        i[15] || (i[15] = n((...r) => e.removeActiveStateKeyUp && e.removeActiveStateKeyUp(...r), ["space"]))
+      ]
+    }, [
+      e.buttonText ? a("", !0) : (s(), l("span", N, [
+        e.iconStart === "MagnifyingGlass" ? (s(), t(y, {
+          key: 0,
+          size: e.size === "small" ? "16px" : "24px",
+          color: e.variant === "primary" ? "#FFFFFF" : e.variant === "secondary" ? "#0B1A25" : "#0172AD"
+        }, null, 8, ["size", "color"])) : a("", !0),
+        e.iconStart === "Check" ? (s(), t(u, {
+          key: 1,
+          size: e.size === "small" ? "16px" : "24px",
+          color: e.variant === "primary" ? "#FFFFFF" : e.variant === "secondary" ? "#0B1A25" : "#0172AD"
+        }, null, 8, ["size", "color"])) : a("", !0),
+        e.iconStart === "pen" ? (s(), t(z, {
+          key: 2,
+          size: e.size === "small" ? "16px" : "24px",
+          color: e.variant === "secondary" ? "#0172AD" : e.variant === "secondary" ? "#0B1A25" : "#0172AD"
+        }, null, 8, ["size", "color"])) : a("", !0)
+      ]))
+    ], 46, R))
+  ], 16);
+}
+const ee = /* @__PURE__ */ G(L, [["render", I], ["__scopeId", "data-v-0deb2715"]]);
+export {
+  ee as default
+};

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

@@ -0,0 +1,96 @@
+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";
+const M = ["type", "disabled", "checked"], E = ["tabindex", "onKeydown"], N = {
+  key: 0,
+  class: "dpiV3_labelWrap"
+}, j = { class: "dpiV3_subtext" }, z = {
+  __name: "CheckboxV3",
+  props: {
+    text: {
+      type: String,
+      required: !0
+    },
+    type: {
+      type: String,
+      required: !0
+    },
+    data: {
+      type: Object,
+      required: !0
+    },
+    state: {
+      type: String,
+      required: !0
+    }
+  },
+  setup(t, { emit: x }) {
+    const V = x, _ = r(), i = K(() => e.state === "disabled" || !1), o = r(!1);
+    let n = !1;
+    const h = () => {
+      n || (o.value = !0, C(), n = !0);
+    }, k = () => {
+      o.value = !1, n = !1;
+    }, e = t, a = r(e.state === "checked"), g = () => {
+      V("change", a.value);
+    }, C = () => {
+      a.value = !a.value;
+    };
+    return (A, m) => (c(), y("label", {
+      ref_key: "wrapper",
+      ref: _,
+      class: v({
+        dpiV3_customCheckbox: e.type === "checkbox",
+        dpiV3_customRadio: e.type === "radio",
+        dpiV3_deactivated: i.value,
+        dpiV3_idleCheckbox: t.state === "idle"
+      })
+    }, [
+      I(s("input", {
+        type: e.type,
+        disabled: i.value === !0,
+        checked: t.state === "checked" || t.state === "idle",
+        "onUpdate:modelValue": m[0] || (m[0] = (w) => a.value = w),
+        onChange: g
+      }, null, 40, M), [
+        [q, a.value]
+      ]),
+      s("span", {
+        class: v(["dpiV3_checkmark", { dpiV3_focusable: !i.value, dpiV3_active: o.value }]),
+        tabindex: i.value ? "-1" : "0",
+        onKeydown: [
+          d(f(h, ["prevent"]), ["space"]),
+          d(f(h, ["prevent"]), ["enter"])
+        ],
+        onKeyup: [
+          d(k, ["space"]),
+          d(k, ["enter"])
+        ]
+      }, [
+        a.value && t.state !== "idle" && e.type === "checkbox" ? (c(), u(p(P), {
+          key: 0,
+          weight: "fill",
+          class: "dpiV3_checkImg"
+        })) : l("", !0),
+        t.state === "idle" ? (c(), u(p(S), {
+          key: 1,
+          class: "dpiV3_checkImg",
+          weight: "bold"
+        })) : l("", !0),
+        a.value && t.state !== "idle" && e.type === "radio" ? (c(), u(p(B), {
+          key: 2,
+          weight: "fill",
+          class: "dpiV3_checkImgCircle"
+        })) : l("", !0)
+      ], 42, E),
+      e.text != null ? (c(), y("div", N, [
+        s("span", null, b(e.text.label), 1),
+        s("span", j, b(e.text.subtext), 1)
+      ])) : l("", !0)
+    ], 2));
+  }
+}, W = /* @__PURE__ */ D(z, [["__scopeId", "data-v-c8572a56"]]);
+export {
+  W as default
+};

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

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

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

@@ -0,0 +1,67 @@
+/* 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";
+/* empty css                       */
+import w from "../../../_virtual/_plugin-vue_export-helper.js";
+const x = {
+  name: "CloseOpenButtonV3",
+  emits: ["click"],
+  components: {
+    PhCaretDown: a,
+    PhCaretUp: c
+  },
+  data() {
+    return {
+      isFocused: !1,
+      isActive: !1
+    };
+  },
+  props: {
+    expanded: {
+      type: Boolean,
+      required: !0
+    }
+  },
+  methods: {
+    handleClick() {
+      this.$emit("click");
+    },
+    removeFocus(i) {
+      i.preventDefault();
+    }
+  }
+};
+function B(i, e, l, F, o, n) {
+  const d = u("PhCaretDown"), v = u("PhCaretUp");
+  return s(), f("button", {
+    tabindex: "0",
+    onMousedown: e[0] || (e[0] = (...t) => n.removeFocus && n.removeFocus(...t)),
+    class: C(["dpiV3_open-close-button", [{ dpiV3_activeState: o.isActive }]]),
+    onClick: e[1] || (e[1] = (...t) => n.handleClick && n.handleClick(...t)),
+    onFocus: e[2] || (e[2] = (t) => o.isFocused = !0),
+    onBlur: e[3] || (e[3] = (t) => o.isFocused = !1),
+    onKeydown: [
+      e[4] || (e[4] = r((t) => o.isActive = !0, ["enter"])),
+      e[5] || (e[5] = r(k((t) => o.isActive = !0, ["prevent"]), ["space"]))
+    ],
+    onKeyup: [
+      e[6] || (e[6] = r((t) => o.isActive = !1, ["enter"])),
+      e[7] || (e[7] = r((t) => o.isActive = !1, ["space"]))
+    ]
+  }, [
+    l.expanded ? m("", !0) : (s(), p(d, {
+      key: 0,
+      color: "var(--neutral-60, #3D4952)",
+      size: 32
+    })),
+    l.expanded ? (s(), p(v, {
+      key: 1,
+      color: "var(--neutral-60, #3D4952)",
+      size: 32
+    })) : m("", !0)
+  ], 34);
+}
+const b = /* @__PURE__ */ w(x, [["render", B], ["__scopeId", "data-v-d10a315d"]]);
+export {
+  b as default
+};

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

@@ -0,0 +1,63 @@
+/* empty css                                */
+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";
+const C = {
+  name: "CrossOutButton",
+  components: {
+    PhX: l
+  },
+  props: {
+    type: {
+      type: String,
+      required: !0
+    }
+  },
+  data() {
+    return {
+      isFocused: !1,
+      isActive: !1
+    };
+  },
+  emits: ["click"],
+  methods: {
+    handleClick() {
+      this.$emit("click");
+    },
+    removeFocus(i) {
+      i.preventDefault();
+    }
+  }
+};
+function F(i, e, r, y, o, s) {
+  const u = p("PhX");
+  return v(), m("button", {
+    tabindex: "0",
+    class: d([[
+      { dpiV3_inToast: r.type === "inToast" },
+      { dpiV3_activeState: o.isActive }
+    ], "dpiV3_crossout-button"]),
+    onMousedown: e[0] || (e[0] = (...t) => s.removeFocus && s.removeFocus(...t)),
+    onClick: e[1] || (e[1] = (...t) => s.handleClick && s.handleClick(...t)),
+    onFocus: e[2] || (e[2] = (t) => o.isFocused = !0),
+    onBlur: e[3] || (e[3] = (t) => o.isFocused = !1),
+    onKeydown: [
+      e[4] || (e[4] = n((t) => o.isActive = !0, ["enter"])),
+      e[5] || (e[5] = n(f((t) => o.isActive = !0, ["prevent"]), ["space"]))
+    ],
+    onKeyup: [
+      e[6] || (e[6] = n((t) => o.isActive = !1, ["enter"])),
+      e[7] || (e[7] = n((t) => o.isActive = !1, ["space"]))
+    ]
+  }, [
+    c(u, {
+      size: "24px",
+      color: "#3D4952"
+    })
+  ], 34);
+}
+const V = /* @__PURE__ */ k(C, [["render", F], ["__scopeId", "data-v-192aa4e1"]]);
+export {
+  V as default
+};

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

@@ -0,0 +1,52 @@
+import m from "./StateTag.vue.js";
+import d from "./MoreButton.vue.js";
+import { resolveComponent as o, createElementBlock as t, openBlock as e, Fragment as _, renderList as u, createElementVNode as r, createVNode as n, toDisplayString as f } from "vue";
+/* empty css                   */
+import g from "../../../_virtual/_plugin-vue_export-helper.js";
+const k = {
+  name: "DatasetStatus",
+  props: {
+    timestamp: {
+      type: String,
+      required: !0
+    },
+    // Dynamic Labels
+    statuses: {
+      type: Array,
+      required: !0
+      // Require the statuses prop
+    }
+  },
+  components: {
+    StateTag: m,
+    MoreButton: d
+  },
+  methods: {
+    handleMoreClick() {
+      console.log("Button clicked");
+    }
+  }
+}, h = { class: "dpiV3_dataset-status-wrapper" }, B = { class: "dpiV3_status-timestamp" }, S = { class: "dpiV3_timestamp" };
+function V(v, y, a, C, M, c) {
+  const i = o("StateTag"), l = o("MoreButton");
+  return e(), t("div", h, [
+    (e(!0), t(_, null, u(a.statuses, (s, p) => (e(), t("div", {
+      class: "dpiV3_dataset-status-container",
+      key: p
+    }, [
+      r("div", B, [
+        n(i, {
+          label: s.label,
+          state: s.state,
+          size: "page"
+        }, null, 8, ["label", "state"]),
+        r("span", S, "Bearbeitet am: " + f(a.timestamp), 1)
+      ]),
+      n(l, { onClick: c.handleMoreClick }, null, 8, ["onClick"])
+    ]))), 128))
+  ]);
+}
+const E = /* @__PURE__ */ g(k, [["render", V], ["__scopeId", "data-v-79f1e88e"]]);
+export {
+  E as default
+};

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

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