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

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,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 { 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 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,84 +21,95 @@ const q = ["title"], A = { class: "dpiV3_chipBody-text" }, E = {
     as: {
       type: String,
       default: "button"
+    },
+    selectValue: {
+      type: Boolean,
+      default: !1
+    },
+    noBorder: {
+      type: Boolean,
+      default: !1
     }
   },
-  emits: ["click", "selection-change"],
+  emits: ["click", "selection-change", "update:selectValue"],
   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) {
+    const t = e, h = V, y = C(), u = p(), i = j(t, "selectValue", h, {
+      defaultValue: t.setup["@selected"],
+      passive: !0
+    }), v = p(), o = p("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" && !v.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) {
-      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 z() {
-      p.value = !1;
+    function g() {
+      f.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", {
+      ...y
+    } : y);
+    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: !e.noBorder, dpiV3_focusBorder: f.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,
+          dpiV3_specialFocus: f.value,
           dpiV3_inTable: e.setup["@inTable"],
           dpiV3_chipStatic: e.setup["@type"] === "static",
           dpiV3_inFindability: e.setup["@findability"],
           dpiV3_inRaPFindability: e.setup["@rapfindability"]
         }],
         disabled: e.setup["@type"] === "disabled" || e.setup["@type"] === "static",
-        onClick: 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) => B()),
+        onBlur: g
       }), {
         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(b), {
             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(b), {
             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-82bf1b8c"]]);
 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
 };