@piveau/dpi 0.2.0-alpha.7 → 0.2.0-alpha.72

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

@@ -1,24 +1,26 @@
-import { PhArrowSquareOut as c, PhCopySimple as C, PhPencilSimple as k, PhArrowCounterClockwise as b, PhPlusSquare as g, PhTrash as B, PhPlusCircle as K, PhCaretLeft as D, PhCaretRight as w, PhMagnifyingGlass as T, PhCheck as V, PhX as $ } from "@phosphor-icons/vue";
-import { defineComponent as M, resolveComponent as o, createElementBlock as l, openBlock as s, mergeProps as U, createCommentVNode as a, withKeys as n, normalizeStyle as v, normalizeClass as p, withModifiers as m, createElementVNode as q, createBlock as t, toDisplayString as E } from "vue";
+import { PhCircleNotch as C, PhPlus as b, PhArrowSquareOut as k, PhCopySimple as B, PhPencilSimple as V, PhArrowCounterClockwise as D, PhPlusSquare as K, PhTrash as w, PhPlusCircle as $, PhCaretLeft as T, PhCaretRight as M, PhMagnifyingGlass as U, PhCheck as q, PhX as E } from "@phosphor-icons/vue";
+import { defineComponent as G, resolveComponent as n, createElementBlock as t, openBlock as a, mergeProps as N, createCommentVNode as s, withKeys as l, normalizeStyle as m, normalizeClass as d, withModifiers as F, createElementVNode as L, createBlock as o, toDisplayString as O, createVNode as h } from "vue";
 /* empty css                                */
 /* empty css                                 */
 /* empty css              */
-import G from "../../../../../../_virtual/_plugin-vue_export-helper.js";
-const L = M({
+import R from "../../../../../../_virtual/_plugin-vue_export-helper.js";
+const I = G({
   name: "ButtonV3",
   components: {
-    PhX: $,
-    PhCheck: V,
-    PhMagnifyingGlass: T,
-    PhCaretRight: w,
-    PhCaretLeft: D,
-    PhPlusCircle: K,
-    PhTrash: B,
-    PhPlusSquare: g,
-    PhArrowCounterClockwise: b,
-    PhPencilSimple: k,
-    PhCopySimple: C,
-    PhArrowSquareOut: c
+    PhX: E,
+    PhCheck: q,
+    PhMagnifyingGlass: U,
+    PhCaretRight: M,
+    PhCaretLeft: T,
+    PhPlusCircle: $,
+    PhTrash: w,
+    PhPlusSquare: K,
+    PhArrowCounterClockwise: D,
+    PhPencilSimple: V,
+    PhCopySimple: B,
+    PhArrowSquareOut: k,
+    PhPlus: b,
+    PhCircleNotch: C
   },
   props: {
     buttonText: {
@@ -43,6 +45,10 @@ const L = M({
       type: Boolean,
       default: !1
     },
+    loading: {
+      type: Boolean,
+      default: !1
+    },
     variant: {
       type: String,
       default: "primary"
@@ -76,9 +82,12 @@ const L = M({
       return [
         `dpiV3_button-base-${this.variant}`,
         `dpiV3_button-${this.size}`,
-        { "dpiV3_button-disabled": this.disabled }
+        { "dpiV3_button-disabled": this.disabled || this.loading }
       ];
     },
+    isButtonDisabled() {
+      return this.disabled || this.loading;
+    },
     iconSizeClass() {
       return [
         `dpiV3_icon-${this.size}`,
@@ -103,158 +112,182 @@ const L = M({
       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,
+}), X = ["disabled"], j = ["disabled"], H = {
+  key: 1,
   class: "dpiV3_icon"
 };
-function I(e, i, X, j, H, J) {
-  const F = o("PhArrowCounterClockwise"), A = o("PhPlusCircle"), d = o("PhTrash"), y = o("PhMagnifyingGlass"), u = o("PhCheck"), S = o("PhCaretLeft"), h = o("PhPlusSquare"), P = o("PhCaretRight"), z = o("PhArrowSquareOut"), f = o("PhPencilSimple");
-  return s(), l("div", U({
+function J(e, i, Q, W, Y, Z) {
+  const A = n("PhArrowCounterClockwise"), S = n("PhPlusCircle"), u = n("PhTrash"), p = n("PhMagnifyingGlass"), y = n("PhCheck"), P = n("PhCaretLeft"), z = n("PhPlusSquare"), v = n("PhCircleNotch"), f = n("PhCaretRight"), c = n("PhArrowSquareOut"), g = n("PhPencilSimple");
+  return a(), t("div", N({
     class: ["dpiV3_V3-typography", e.externalClass]
   }, e.$attrs), [
-    e.buttonText ? (s(), l("button", {
+    e.buttonText ? (a(), t("button", {
       key: 0,
       tabindex: "0",
       type: "button",
-      class: p([
+      class: d([
         e.dpiV3_buttonClass,
         { activeStatePrimary: e.isPrimaryActive && e.variant === "primary" },
         { activeStateSecondary: e.isSecondaryActive && e.variant === "secondary" },
-        { activeStateTertiary: e.isTertiaryActive && e.variant === "tertiary" }
+        { activeStateTertiary: e.isTertiaryActive && e.variant === "tertiary" },
+        { "dpiV3_button-loading": e.loading }
       ]),
-      disabled: e.disabled,
-      style: v(e.focusStyle),
+      disabled: e.isButtonDisabled,
+      style: m(e.focusStyle),
       onMousedown: i[0] || (i[0] = (...r) => e.removeFocus && e.removeFocus(...r)),
       onMouseup: i[1] || (i[1] = (...r) => e.removeActiveState && e.removeActiveState(...r)),
       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(m((...r) => e.handleKeyPress && e.handleKeyPress(...r), ["prevent"]), ["space"]))
+        i[4] || (i[4] = l((...r) => e.handleKeyPress && e.handleKeyPress(...r), ["enter"])),
+        i[5] || (i[5] = l(F((...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"]))
+        i[6] || (i[6] = l((...r) => e.removeActiveStateKeyUp && e.removeActiveStateKeyUp(...r), ["enter"])),
+        i[7] || (i[7] = l((...r) => e.removeActiveStateKeyUp && e.removeActiveStateKeyUp(...r), ["space"]))
       ]
     }, [
-      e.iconStart ? (s(), l("span", {
+      e.iconStart ? (a(), t("span", {
         key: 0,
-        class: p(["dpiV3_icon", e.iconSizeClass])
+        class: d(["dpiV3_icon", e.iconSizeClass])
       }, [
-        e.iconStart === "reset" ? (s(), t(F, {
+        e.iconStart === "reset" ? (a(), o(A, {
           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(A, {
+        }, null, 8, ["size", "color"])) : s("", !0),
+        e.iconStart === "plus" ? (a(), o(S, {
           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(d, {
+          color: e.variant === "primary" ? "#FFFFFF" : e.variant === "secondary" ? "#0B1A25" : e.disabled ? "#aedff8" : "#0172AD"
+        }, null, 8, ["size", "color"])) : s("", !0),
+        e.iconStart === "trash" ? (a(), o(u, {
           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, {
+        }, null, 8, ["size", "color"])) : s("", !0),
+        e.iconStart === "MagnifyingGlass" ? (a(), o(p, {
           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, {
+        }, null, 8, ["size", "color"])) : s("", !0),
+        e.iconStart === "Check" ? (a(), o(y, {
           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, {
+        }, null, 8, ["size", "color"])) : s("", !0),
+        e.iconStart === "CaretLeft" ? (a(), o(P, {
           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, {
+        }, null, 8, ["size", "color"])) : s("", !0),
+        e.iconStart === "PlusSquare" ? (a(), o(z, {
           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),
-      q("span", null, E(e.buttonText), 1),
-      e.iconEnd ? (s(), l("span", {
+        }, null, 8, ["size", "color"])) : s("", !0)
+      ], 2)) : s("", !0),
+      L("span", null, O(e.buttonText), 1),
+      e.loading ? (a(), t("span", {
         key: 1,
-        class: p(["dpiV3_icon", e.iconSizeClass])
+        class: d(["dpiV3_loading-overlay", `dpiV3_loading-overlay-${e.variant}`])
       }, [
-        e.iconEnd === "MagnifyingGlass" ? (s(), t(y, {
+        h(v, {
+          size: e.size === "small" ? "16px" : "24px",
+          color: e.variant === "primary" ? "#FFFFFF" : e.variant === "secondary" ? "#0B1A25" : "#0172AD",
+          weight: "bold",
+          class: "dpiV3_loading-spinner"
+        }, null, 8, ["size", "color"])
+      ], 2)) : s("", !0),
+      e.iconEnd ? (a(), t("span", {
+        key: 2,
+        class: d(["dpiV3_icon", e.iconSizeClass])
+      }, [
+        e.iconEnd === "MagnifyingGlass" ? (a(), o(p, {
           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, {
+        }, null, 8, ["size", "color"])) : s("", !0),
+        e.iconEnd === "Check" ? (a(), o(y, {
           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, {
+        }, null, 8, ["size", "color"])) : s("", !0),
+        e.iconEnd === "CaretRight" ? (a(), o(f, {
           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(z, {
+          color: e.variant === "primary" ? "#FFFFFF" : e.variant === "secondary" ? e.disabled ? "rgb(213, 215, 218)" : "#0B1A25" : "#0172AD"
+        }, null, 8, ["size", "color"])) : s("", !0),
+        e.iconEnd === "Out" ? (a(), o(c, {
           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", {
+        }, null, 8, ["size", "color"])) : s("", !0)
+      ], 2)) : s("", !0)
+    ], 46, X)) : s("", !0),
+    e.buttonText ? s("", !0) : (a(), t("div", {
       key: 1,
       tabindex: "0",
-      class: p(["dpiV3_button-icon-only", [
+      class: d(["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" }
+        { activeStateTertiary: e.isTertiaryActive && e.variant === "tertiary" },
+        { "dpiV3_button-loading": e.loading }
       ]]),
-      disabled: e.disabled,
-      style: v(e.focusStyle),
+      disabled: e.isButtonDisabled,
+      style: m(e.focusStyle),
       onMousedown: i[8] || (i[8] = (...r) => e.removeFocus && e.removeFocus(...r)),
       onMouseup: i[9] || (i[9] = (...r) => e.removeActiveState && e.removeActiveState(...r)),
       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(m((...r) => e.handleKeyPress && e.handleKeyPress(...r), ["prevent"]), ["space"]))
+        i[12] || (i[12] = l((...r) => e.handleKeyPress && e.handleKeyPress(...r), ["enter"])),
+        i[13] || (i[13] = l(F((...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"]))
+        i[14] || (i[14] = l((...r) => e.removeActiveStateKeyUp && e.removeActiveStateKeyUp(...r), ["enter"])),
+        i[15] || (i[15] = l((...r) => e.removeActiveStateKeyUp && e.removeActiveStateKeyUp(...r), ["space"]))
       ]
     }, [
-      e.buttonText ? a("", !0) : (s(), l("span", N, [
-        e.iconStart === "MagnifyingGlass" ? (s(), t(y, {
+      e.loading ? (a(), t("span", {
+        key: 0,
+        class: d(["dpiV3_loading-overlay", `dpiV3_loading-overlay-${e.variant}`])
+      }, [
+        h(v, {
+          size: e.size === "small" ? "16px" : "24px",
+          color: e.variant === "primary" ? "#FFFFFF" : (e.variant === "secondary", "#0172AD"),
+          weight: "bold",
+          class: "dpiV3_loading-spinner"
+        }, null, 8, ["size", "color"])
+      ], 2)) : s("", !0),
+      e.buttonText ? s("", !0) : (a(), t("span", H, [
+        e.iconStart === "MagnifyingGlass" ? (a(), o(p, {
           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, {
+        }, null, 8, ["size", "color"])) : s("", !0),
+        e.iconStart === "Check" ? (a(), o(y, {
           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(f, {
+        }, null, 8, ["size", "color"])) : s("", !0),
+        e.iconStart === "pen" ? (a(), o(g, {
           key: 2,
           size: e.size === "small" ? "16px" : "24px",
           color: e.variant === "secondary" ? "#0172AD" : e.variant === "secondary" ? "#0B1A25" : "#0172AD"
-        }, null, 8, ["size", "color"])) : a("", !0),
-        e.iconStart === "Trash" ? (s(), t(d, {
+        }, null, 8, ["size", "color"])) : s("", !0),
+        e.iconStart === "Trash" ? (a(), o(u, {
           key: 3,
           size: e.size === "small" ? "16px" : "24px",
           color: e.variant === "secondary" ? "#0172AD" : e.variant === "secondary" ? "#0B1A25" : "#0172AD"
-        }, null, 8, ["size", "color"])) : a("", !0)
+        }, null, 8, ["size", "color"])) : s("", !0)
       ]))
-    ], 46, R))
+    ], 46, j))
   ], 16);
 }
-const ee = /* @__PURE__ */ G(L, [["render", I], ["__scopeId", "data-v-bc32dec3"]]);
+const se = /* @__PURE__ */ R(I, [["render", J], ["__scopeId", "data-v-2542f5f1"]]);
 export {
-  ee as default
+  se as default
 };

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

@@ -1,7 +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"]]);
+import r from "../../../../../../_virtual/_plugin-vue_export-helper.js";
+const m = /* @__PURE__ */ r(o, [["__scopeId", "data-v-bd2840af"]]);
 export {
-  p as default
+  m as default
 };

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

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

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

@@ -1,5 +1,5 @@
-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 { useAttrs as C, ref as p, 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 b } from "@phosphor-icons/vue";
 import { useVModel as j } from "@vueuse/core";
 /* empty css          */
 import q from "../../../../../../_virtual/_plugin-vue_export-helper.js";
@@ -25,14 +25,18 @@ const A = ["title"], E = { class: "dpiV3_chipBody-text" }, G = {
     selectValue: {
       type: Boolean,
       default: !1
+    },
+    noBorder: {
+      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, {
+  setup(e, { emit: V }) {
+    const t = e, h = V, y = C(), u = p(), i = j(t, "selectValue", h, {
       defaultValue: t.setup["@selected"],
       passive: !0
-    }), y = f(), o = f("16px");
+    }), v = p(), o = p("16px");
     function k(s) {
     }
     function x(s, l) {
@@ -41,25 +45,25 @@ const A = ["title"], E = { class: "dpiV3_chipBody-text" }, G = {
         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);
+          u.value.children[0].children[a].tagName === "IMG" && !v.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;
+    t.setup["@type"] === "selected" && (i.value = !0), t.setup["@search"] && (v.value = !0);
+    const f = p(!1);
+    function B(s) {
+      f.value = !0;
     }
-    function B() {
-      p.value = !1;
+    function g() {
+      f.value = !1;
     }
     const z = S(() => t.as === "button" ? {
       type: "button",
-      ...v
-    } : v);
+      ...y
+    } : y);
     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"] }]),
+      class: M({ dpiV3_chipBorder: !e.noBorder, dpiV3_focusBorder: f.value, dpiV3_inTableWrap: e.setup["@inTable"], dpiV3_inRaPFindability_outer: e.setup["@rapfindability"] }),
       title: e.text,
       onClick: k
     }, [
@@ -69,7 +73,7 @@ const A = ["title"], E = { class: "dpiV3_chipBody-text" }, G = {
           dpiV3_chipSelected: r(i),
           dpiV3_chipDefault: e.setup["@type"] === "default",
           dpiV3_chipDisabled: e.setup["@type"] === "disabled",
-          dpiV3_specialFocus: p.value,
+          dpiV3_specialFocus: f.value,
           dpiV3_inTable: e.setup["@inTable"],
           dpiV3_chipStatic: e.setup["@type"] === "static",
           dpiV3_inFindability: e.setup["@findability"],
@@ -79,20 +83,20 @@ const A = ["title"], E = { class: "dpiV3_chipBody-text" }, G = {
         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
+        onFocus: l[2] || (l[2] = (a) => B()),
+        onBlur: g
       }), {
         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), {
+          !e.setup["@search"] && e.setup["@icon"] === "prefix" ? (n(), d(r(b), {
             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), {
+          !e.setup["@search"] && e.setup["@icon"] === "suffix" ? (n(), d(r(b), {
             key: 2,
             size: o.value
           }, null, 8, ["size"])) : c("", !0),
@@ -105,7 +109,7 @@ const A = ["title"], E = { class: "dpiV3_chipBody-text" }, G = {
       }, 16, ["class", "disabled"]))
     ], 10, A)) : c("", !0);
   }
-}, U = /* @__PURE__ */ q(G, [["__scopeId", "data-v-c0f41940"]]);
+}, U = /* @__PURE__ */ q(G, [["__scopeId", "data-v-82bf1b8c"]]);
 export {
   U as default
 };

package/dist/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";
 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/packages/dpi/src/data-provider-interface/HappyFlowComponents/ui/DataCollection/BasicInformationStep.vue.js

@@ -1,7 +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-24d68bfc"]]);
+const p = /* @__PURE__ */ t(o, [["__scopeId", "data-v-d7477b3a"]]);
 export {
-  m as default
+  p as default
 };