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

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

@@ -1,19 +1,19 @@
 import { createElementBlock as a, openBlock as e, createElementVNode as t, toDisplayString as c, Fragment as l, renderList as p, createCommentVNode as n, createBlock as u, unref as d, withCtx as y, createVNode as m } from "vue";
 import { RouterLink as _ } from "vue-router";
-import b from "./img/DataProcessingSteps.svg.js";
+import h from "./img/DataProcessingSteps.svg.js";
 import j from "./ui/ButtonV3.vue.js";
 /* empty css                  */
-import F from "../../../../../_virtual/_plugin-vue_export-helper.js";
-const f = { class: "about-project" }, g = { class: "about-project-header" }, v = { class: "about-project-title" }, P = { class: "copy-small-regular about-project-description" }, k = { class: "about-project-steps" }, w = { class: "about-project-step-header" }, x = { class: "circle" }, S = { class: "about-project-step" }, D = { class: "copy-small-regular" }, I = ["src"], $ = {
+import g from "../../../../../_virtual/_plugin-vue_export-helper.js";
+const F = { class: "about-project" }, f = { class: "about-project-header" }, v = { class: "about-project-title" }, P = { class: "copy-small-regular about-project-description" }, k = { class: "about-project-steps" }, w = { class: "about-project-step-header" }, x = { class: "circle" }, S = ["src"], D = { class: "about-project-step" }, $ = { class: "copy-small-regular" }, I = ["src"], B = {
   key: 0,
   class: "about-project-step-buttons"
-}, B = { class: "new-project" }, C = {
+}, C = { class: "new-project" }, N = {
   __name: "AboutProject",
-  setup(N) {
-    const h = [
+  setup(R) {
+    const b = [
       {
         text: "projectFacility.projectDocumentationProcessStepsResources",
-        image: b,
+        image: h,
         buttons: null
       },
       {
@@ -40,22 +40,25 @@ const f = { class: "about-project" }, g = { class: "about-project-header" }, v =
         buttons: null
       }
     ];
-    return (r, R) => (e(), a("div", f, [
-      t("div", g, [
+    return (r, V) => (e(), a("div", F, [
+      t("div", f, [
         t("h4", v, c(r.$t("projectFacility.projectFacilityTitle")), 1),
         t("p", P, c(r.$t("projectFacility.projectFacilitySubtitle")), 1)
       ]),
       t("div", k, [
-        (e(), a(l, null, p(h, (o, i) => t("div", {
+        (e(), a(l, null, p(b, (o, i) => t("div", {
           key: i,
           class: "about-project-step-heading"
         }, [
           t("div", w, [
             t("div", x, [
-              t("span", null, c(i + 1), 1)
+              t("img", {
+                src: `/src/assets/icon/selected${i + 1}.svg`,
+                alt: ""
+              }, null, 8, S)
             ]),
-            t("div", S, [
-              t("p", D, c(r.$t(o.text)), 1),
+            t("div", D, [
+              t("p", $, c(r.$t(o.text)), 1),
               o.image ? (e(), a("img", {
                 key: 0,
                 src: o.image,
@@ -63,7 +66,7 @@ const f = { class: "about-project" }, g = { class: "about-project-header" }, v =
               }, null, 8, I)) : n("", !0)
             ])
           ]),
-          o.buttons ? (e(), a("div", $, [
+          o.buttons ? (e(), a("div", B, [
             (e(!0), a(l, null, p(o.buttons, (s) => (e(), u(d(_), {
               to: s.url
             }, {
@@ -80,7 +83,7 @@ const f = { class: "about-project" }, g = { class: "about-project-header" }, v =
           ])) : n("", !0)
         ])), 64))
       ]),
-      t("div", B, [
+      t("div", C, [
         m(d(_), { to: { name: "DataProviderInterface-InputProject", query: { locale: "de", edit: !1 }, params: { property: "datasets" } } }, {
           default: y(() => [
             m(j, {
@@ -93,7 +96,7 @@ const f = { class: "about-project" }, g = { class: "about-project-header" }, v =
       ])
     ]));
   }
-}, L = /* @__PURE__ */ F(C, [["__scopeId", "data-v-0d42e480"]]);
+}, O = /* @__PURE__ */ g(N, [["__scopeId", "data-v-a7be0b11"]]);
 export {
-  L as default
+  O as default
 };

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

@@ -4,8 +4,8 @@ import h from "./HomeTable.vue.js";
 import k from "./ProjectTable.vue.js";
 import v from "./Organisation.vue.js";
 /* empty css             */
-import b from "../../../../../_virtual/_plugin-vue_export-helper.js";
-const j = { class: "dpi_home" }, y = { class: "copy-small-regular dpi_home-subtitle" }, I = { class: "header_sections" }, w = {
+import j from "../../../../../_virtual/_plugin-vue_export-helper.js";
+const b = { class: "dpi_home" }, y = { class: "copy-small-regular dpi_home-subtitle" }, I = { class: "header_sections" }, w = {
   __name: "DPIHome",
   setup(P) {
     const m = {
@@ -29,7 +29,7 @@ const j = { class: "dpi_home" }, y = { class: "copy-small-regular dpi_home-subti
         href: "https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap",
         rel: "stylesheet"
       }, null, -1)),
-      t("div", j, [
+      t("div", b, [
         e[2] || (e[2] = t("h1", { class: "dpi_home-title" }, " Willkommen ", -1)),
         t("p", y, l(m[o.value]), 1),
         t("div", I, [
@@ -49,7 +49,7 @@ const j = { class: "dpi_home" }, y = { class: "copy-small-regular dpi_home-subti
       ])
     ], 64));
   }
-}, F = /* @__PURE__ */ b(w, [["__scopeId", "data-v-6a10ab12"]]);
+}, F = /* @__PURE__ */ j(w, [["__scopeId", "data-v-446634a4"]]);
 export {
   F as default
 };

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

@@ -1,16 +1,16 @@
-import { ref as u, computed as l, watch as v, createElementBlock as r, openBlock as s, createElementVNode as t, createVNode as f, withCtx as y, unref as _, createStaticVNode as D, Fragment as S, renderList as x, createBlock as I } from "vue";
-import { useAsyncState as j, useDebounce as w } from "@vueuse/core";
+import { ref as u, computed as l, watch as v, createElementBlock as o, openBlock as s, createElementVNode as a, createVNode as f, withCtx as P, unref as b, createStaticVNode as D, Fragment as S, renderList as x, createBlock as H } from "vue";
+import { useAsyncState as I, useDebounce as w } from "@vueuse/core";
 import "axios";
 import "jquery";
-import { useRouter as H } from "vue-router";
-import { useStore as T } from "vuex";
+import { useRouter as T } from "vue-router";
+import { useStore as j } from "vuex";
 import { useRuntimeEnv as B } from "../../composables/useRuntimeEnv.js";
 import L from "../../widgets/AppLink.vue.js";
 import N from "./ui/ButtonV3.vue.js";
 import C from "./ui/TableRowV3.vue.js";
-import { formatDate as A } from "../utils/formatDate.js";
+import { formatDate as E } from "../utils/formatDate.js";
 /* empty css                  */
-import E from "../../../../../_virtual/_plugin-vue_export-helper.js";
+import A from "../../../../../_virtual/_plugin-vue_export-helper.js";
 const R = { class: "dpiV3_dpiHome V3-typography" }, U = { class: "dpiV3_homeHeadWrap" }, W = { class: "interactionButtonsDPIHome" }, q = { class: "dpiV3_table" }, z = {
   key: 0,
   class: "loading-screen"
@@ -21,46 +21,46 @@ const R = { class: "dpiV3_dpiHome V3-typography" }, U = { class: "dpiV3_homeHead
   __name: "ProjectTable",
   setup(M) {
     B();
-    const i = T();
-    H(), localStorage.getItem("dpi_duplicate"), u("");
-    let d = l(() => i.getters["auth/getUserCatalogIds"]);
+    const d = j();
+    T(), localStorage.getItem("dpi_duplicate"), u("");
+    let r = l(() => d.getters["auth/getUserCatalogIds"]);
     u({
       loading: !1,
       message: "",
       confirm: () => null
     });
-    const g = l(() => i.getters["auth/getUserData"]);
-    l(() => g.value.rtpToken);
-    const k = (a) => i.dispatch("snackbar/showSnackbar", a);
-    async function c(a) {
+    const _ = l(() => d.getters["auth/getUserData"]);
+    l(() => _.value.rtpToken);
+    const g = (i) => d.dispatch("snackbar/showSnackbar", i);
+    function c(i) {
       return [
-        { id: 1, title: { de: "Test-Projekt A" }, modified: Date.now() },
-        { id: 2, title: { en: "Mock Project B" }, modified: Date.now() }
+        { id: 1, title: { de: "Test-Projekt A" }, modified: Date.now(), visibility: "Öffentlich" },
+        { id: 2, title: { en: "Mock Project B" }, modified: Date.now(), visibility: "Eingeschränkt" }
       ];
     }
     const {
       state: G,
       execute: h,
-      isLoading: b,
+      isLoading: k,
       error: n
-    } = j(async () => c(d.value), [], { immediate: !1 });
-    v(d, () => {
-      var a;
-      ((a = d.value) == null ? void 0 : a.length) > 0 && h();
+    } = I(async () => c(r.value), [], { immediate: !1 });
+    v(r, () => {
+      var i;
+      ((i = r.value) == null ? void 0 : i.length) > 0 && h();
     }, { immediate: !0 }), v(n, () => {
-      console.error(n), k({
+      console.error(n), g({
         message: n.message,
         color: "error"
       });
     });
-    const V = w(b, 500);
-    return (a, e) => (s(), r("div", R, [
-      t("div", U, [
-        e[0] || (e[0] = t("h2", { class: "dpiV3_tableHeader" }, " Ihre Projekte ", -1)),
-        e[1] || (e[1] = t("p", null, "Hier sehen Sie alle Projekte, die Sie bearbeiten oder veröffentlichen können.", -1)),
-        t("div", W, [
+    const V = w(k, 500);
+    return (i, e) => (s(), o("div", R, [
+      a("div", U, [
+        e[0] || (e[0] = a("h2", { class: "dpiV3_tableHeader" }, " Ihre Projekte ", -1)),
+        e[1] || (e[1] = a("p", null, "Hier sehen Sie alle Projekte, die Sie bearbeiten oder veröffentlichen können.", -1)),
+        a("div", W, [
           f(L, { to: { name: "DataProviderInterface-InputProject", query: { locale: "de", edit: !1 }, params: { property: "datasets" } } }, {
-            default: y(() => [
+            default: P(() => [
               f(N, {
                 "button-text": "Neues Projekt erstellen",
                 size: "large"
@@ -70,27 +70,28 @@ const R = { class: "dpiV3_dpiHome V3-typography" }, U = { class: "dpiV3_homeHead
           })
         ])
       ]),
-      t("div", q, [
-        _(V) ? (s(), r("div", z, e[2] || (e[2] = [
-          t("p", null, "Lädt Daten...", -1)
-        ]))) : (s(), r("div", F, [
-          e[3] || (e[3] = D('<div class="dpiV3_tableHeadWrap" data-v-13d69c74><div class="dpiV3_thWrap" data-v-13d69c74><div scope="col" data-v-13d69c74><span data-v-13d69c74>Name</span></div><div scope="col" class="dpiV3_statusHead" data-v-13d69c74><span data-v-13d69c74>Status</span></div></div><div class="dpiV3_blankCell" data-v-13d69c74></div></div>', 1)),
-          t("div", null, [
-            (s(!0), r(S, null, x(c(), (o, P) => {
-              var m, p;
-              return s(), I(C, {
-                key: o.id ?? P,
-                text: ((m = o.title) == null ? void 0 : m.de) || ((p = o.title) == null ? void 0 : p.en) || "Kein Titel in englisch oder deutsch vohanden",
-                date: o.modified ? _(A)(o.modified) : "-",
-                dataset: o
-              }, null, 8, ["text", "date", "dataset"]);
+      a("div", q, [
+        b(V) ? (s(), o("div", z, e[2] || (e[2] = [
+          a("p", null, "Lädt Daten...", -1)
+        ]))) : (s(), o("div", F, [
+          e[3] || (e[3] = D('<div class="dpiV3_tableHeadWrap" data-v-5a97bada><div class="dpiV3_thWrap" data-v-5a97bada><div scope="col" data-v-5a97bada><span data-v-5a97bada>Name</span></div><div scope="col" class="dpiV3_statusHead" data-v-5a97bada><span data-v-5a97bada>Status</span></div><div scope="col" class="dpiV3_statusHead" data-v-5a97bada><span data-v-5a97bada>Sichtbarkeit</span></div></div><div class="dpiV3_blankCell" data-v-5a97bada></div></div>', 1)),
+          a("div", null, [
+            (s(!0), o(S, null, x(c(), (t, y) => {
+              var p, m;
+              return s(), H(C, {
+                key: t.id ?? y,
+                text: ((p = t.title) == null ? void 0 : p.de) || ((m = t.title) == null ? void 0 : m.en) || "Kein Titel in englisch oder deutsch vohanden",
+                date: t.modified ? b(E)(t.modified) : "-",
+                dataset: t,
+                visibility: t.visibility
+              }, null, 8, ["text", "date", "dataset", "visibility"]);
             }), 128))
           ])
         ]))
       ])
     ]));
   }
-}, ie = /* @__PURE__ */ E(K, [["__scopeId", "data-v-13d69c74"]]);
+}, de = /* @__PURE__ */ A(K, [["__scopeId", "data-v-5a97bada"]]);
 export {
-  ie as default
+  de as default
 };

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

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

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

@@ -1,30 +1,31 @@
-import { defineComponent as v, computed as C, createElementBlock as d, openBlock as a, normalizeClass as _, createElementVNode as s, createBlock as V, withCtx as i, renderSlot as t, createCommentVNode as y, createVNode as l } from "vue";
-import p from "./ButtonV3.vue.js";
-import $ from "./SummaryBox.vue.js";
-const k = { class: "dpiV3_Card_Header" }, B = {
+import { defineComponent as C, computed as y, createElementBlock as s, openBlock as o, normalizeClass as V, createElementVNode as n, createBlock as _, withCtx as i, renderSlot as t, createCommentVNode as l, createVNode as p } from "vue";
+import m from "./ButtonV3.vue.js";
+import k from "./SummaryBox.vue.js";
+const $ = { class: "dpiV3_Card_Header" }, B = {
   key: 1,
   class: "standalone-text"
-}, h = { class: "dpiV3_Card_Actions" }, E = { class: "dpiV3_Card_Body" }, A = /* @__PURE__ */ v({
+}, h = { class: "dpiV3_Card_Actions" }, E = { class: "dpiV3_Card_Body" }, A = /* @__PURE__ */ C({
   __name: "ActionCard",
   props: {
     variant: { default: "default" },
-    noEdit: { type: Boolean, default: !1 }
+    noEdit: { type: Boolean, default: !1 },
+    noDelete: { type: Boolean, default: !0 }
   },
   emits: ["edit", "delete"],
-  setup(m, { emit: c }) {
-    const r = m, n = c, u = C(() => ({
+  setup(u, { emit: c }) {
+    const r = u, d = c, f = y(() => ({
       "V3-typography": !0,
       dpiV3_Card: !0,
       "dpiV3_Card--default": r.variant === "default",
       "dpiV3_Card--error": r.variant === "error"
     }));
-    return (e, o) => (a(), d("div", {
-      class: _(u.value)
+    return (e, a) => (o(), s("div", {
+      class: V(f.value)
     }, [
-      s("div", k, [
-        e.$slots["standalone-name"] ? (a(), d("span", B, [
+      n("div", $, [
+        e.$slots["standalone-name"] ? (o(), s("span", B, [
           t(e.$slots, "standalone-name")
-        ])) : (a(), V($, { key: 0 }, {
+        ])) : (o(), _(k, { key: 0 }, {
           title: i(() => [
             t(e.$slots, "sub-title")
           ]),
@@ -33,33 +34,34 @@ const k = { class: "dpiV3_Card_Header" }, B = {
           ]),
           _: 3
         })),
-        s("div", h, [
-          e.noEdit ? y("", !0) : (a(), d("div", {
+        n("div", h, [
+          e.noEdit ? l("", !0) : (o(), s("div", {
             key: 0,
-            onClick: o[0] || (o[0] = (f) => n("edit"))
+            onClick: a[0] || (a[0] = (v) => d("edit"))
           }, [
             t(e.$slots, "edit-icon", {}, () => [
-              l(p, {
+              p(m, {
                 size: "large",
                 "icon-start": "pen",
                 variant: "secondary"
               })
             ])
           ])),
-          s("div", {
-            onClick: o[1] || (o[1] = (f) => n("delete"))
+          e.noDelete ? (o(), s("div", {
+            key: 1,
+            onClick: a[1] || (a[1] = (v) => d("delete"))
           }, [
             t(e.$slots, "delete-icon", {}, () => [
-              l(p, {
+              p(m, {
                 size: "large",
                 "icon-start": "Trash",
                 variant: "secondary"
               })
             ])
-          ])
+          ])) : l("", !0)
         ])
       ]),
-      s("div", E, [
+      n("div", E, [
         t(e.$slots, "default")
       ])
     ], 2));

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

@@ -21,7 +21,7 @@ const z = { class: "dpiV3_page V3-typography" }, k = { class: "funny-section" },
             "onUpdate:modelValue": t[0] || (t[0] = (l) => s.value = l),
             label: "Beschreibung",
             type: r(_),
-            name: "project_description",
+            name: "projectDescription",
             "text-label": "Name",
             placeholder: "Geben Sie Ihrem Projekt einen Namen.",
             validation: "required|length:0,500",
@@ -59,7 +59,7 @@ const z = { class: "dpiV3_page V3-typography" }, k = { class: "funny-section" },
       ])
     ]));
   }
-}, F = /* @__PURE__ */ b(P, [["__scopeId", "data-v-9ea5f3f2"]]);
+}, F = /* @__PURE__ */ b(P, [["__scopeId", "data-v-9f4e9fc8"]]);
 export {
   F as default
 };

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

@@ -1,38 +1,35 @@
-import { createElementBlock as n, openBlock as r, createElementVNode as e, createVNode as o, unref as s } from "vue";
-import { FormKit as i } from "@formkit/vue";
-import a from "../../../components/StepActionsSection.vue.js";
-import l from "../ListBox/ListBoxDefinition.js";
+import { ref as r, createElementBlock as i, openBlock as a, createElementVNode as e, createVNode as o, unref as s } from "vue";
+import { FormKit as l } from "@formkit/vue";
+import c from "../../../components/StepActionsSection.vue.js";
+import p from "../ListBox/ListBoxDefinition.js";
 /* empty css                       */
-import c from "../../../../../../../_virtual/_plugin-vue_export-helper.js";
-const p = { class: "dpiV3_page V3-typography" }, d = { class: "funny-section" }, m = { class: "funny-flex" }, u = { class: "funny-section" }, _ = {
+import u from "../../../../../../../_virtual/_plugin-vue_export-helper.js";
+const d = { class: "dpiV3_page V3-typography" }, f = { class: "funny-section" }, m = { class: "funny-flex" }, _ = { class: "funny-section" }, h = {
   __name: "ProjectStatusStep",
-  setup(f) {
-    return (h, t) => (r(), n("div", p, [
-      e("section", d, [
+  setup(S) {
+    const n = r(["Offen", "In Arbeit", "Abgeschlossen"]);
+    return (b, t) => (a(), i("div", d, [
+      e("section", f, [
         e("div", m, [
           t[0] || (t[0] = e("h4", null, " Legen Sie den Status Ihres Projekts fest ", -1)),
           t[1] || (t[1] = e("span", { class: "copy-large-regular" }, "Ist Ihr Projekt noch in Planung, in Arbeit oder bereits abgeschlossen?", -1)),
-          o(s(i), {
-            type: s(l),
+          o(s(l), {
+            type: s(p),
             name: "projectName",
             label: "Projektstatus",
             placeholder: "Wählen Sie den Projektstatus.",
-            options: [
-              { id: "open", name: "Offen" },
-              { id: "in_progress", name: "In Arbeit" },
-              { id: "done", name: "Abgeschlossen" }
-            ],
+            options: n.value,
             validation: "required",
             "validation-label": "Projektstatus"
-          }, null, 8, ["type"])
+          }, null, 8, ["type", "options"])
         ])
       ]),
-      e("section", u, [
-        o(a)
+      e("section", _, [
+        o(c)
       ])
     ]));
   }
-}, k = /* @__PURE__ */ c(_, [["__scopeId", "data-v-835a4f9c"]]);
+}, x = /* @__PURE__ */ u(h, [["__scopeId", "data-v-4e2fe302"]]);
 export {
-  k as default
+  x as default
 };

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

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

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

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