@piveau/dpi 0.2.0-alpha.1 → 0.2.0-alpha.11

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

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

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

@@ -0,0 +1,125 @@
+import { defineComponent as j, mergeModels as M, computed as l, ref as I, useModel as H, watch as R, createBlock as U, openBlock as k, unref as m, createSlots as Q, withCtx as P, createElementVNode as G, createTextVNode as J, createCommentVNode as K, toDisplayString as W, renderSlot as X } from "vue";
+import { PhSpinner as Y } from "@phosphor-icons/vue";
+import { defineHubSearch as Z } from "@piveau/sdk-vue";
+import { useDebounce as _ } from "@vueuse/core";
+import w from "zod";
+import ee from "./Autocomplete.vue.js";
+const re = { class: "autocomplete-vocab__label" }, ie = /* @__PURE__ */ j({
+  __name: "AutocompleteVocab",
+  props: /* @__PURE__ */ M({
+    baseUrl: { default: "https://staging.bydata.de/api/hub/search" },
+    vocabulary: {},
+    resource: {},
+    label: { default: "" },
+    placeholder: { default: "Type to search..." },
+    errorMessage: { default: "" },
+    name: { default: "" },
+    setupFn: {},
+    disabled: { type: Boolean, default: !1 }
+  }, {
+    modelValue: { default: () => "" },
+    modelModifiers: {}
+  }),
+  emits: /* @__PURE__ */ M(["select"], ["update:modelValue"]),
+  setup(f, { emit: $ }) {
+    const t = f, B = $, i = l(() => !!t.vocabulary), C = l(() => t.resource === "dataset" ? "dataset" : i.value ? "vocabulary" : "resource"), D = l(() => t.resource === "dataset" ? "datasets" : i.value ? "vocabularies" : `resources/${t.resource}`), { useSearch: E, useResource: F } = Z({
+      baseUrl: t.baseUrl,
+      index: C.value,
+      indexDetails: D.value,
+      schema: w.any()
+    }, (e) => {
+      var d, V, q;
+      const r = (d = t.setupFn) == null ? void 0 : d.call(t, e), a = String((r == null ? void 0 : r.id) || (e == null ? void 0 : e.resource) || ""), u = String((r == null ? void 0 : r.name) || ((V = e == null ? void 0 : e.pref_label) == null ? void 0 : V.de) || ((q = e == null ? void 0 : e.pref_label) == null ? void 0 : q.en) || "");
+      return {
+        ...r,
+        id: a,
+        name: u
+      };
+    }), v = I(""), L = _(v, 300), p = l(() => t.vocabulary), { getSearchResultsEnhanced: N } = E({
+      queryParams: {
+        q: L,
+        limit: 12,
+        ...p.value ? { vocabulary: p.value } : { resource: t.resource }
+      }
+    }), o = H(f, "modelValue"), b = l(() => !(!o.value || typeof o.value == "string")), x = l(() => typeof o.value == "string");
+    function n(e) {
+      return String(e ?? "").trim();
+    }
+    const c = l(() => {
+      var e;
+      return typeof o.value == "string" ? n(o.value) : n((e = o.value) == null ? void 0 : e.id);
+    }), y = l(() => x.value && !!c.value), z = l(() => y.value ? i.value ? `${t.vocabulary}/vocable` : c.value : ""), A = l(() => i.value ? { resource: c.value } : {}), {
+      resultEnhanced: O,
+      isSuccess: oe,
+      isLoading: T
+    } = F(z, {
+      additionalParams: A,
+      queryOptions: {
+        enabled: y
+      }
+    }), g = _(T, 350), s = I(), h = l({
+      get: () => {
+        var a, u;
+        const e = c.value;
+        if (!e)
+          return { id: "", name: "" };
+        const r = typeof o.value == "object" && o.value !== null ? o.value.name : n((a = s.value) == null ? void 0 : a.id) === e ? ((u = s.value) == null ? void 0 : u.name) ?? "" : "";
+        return { id: e, name: r };
+      },
+      set: (e) => {
+        if (!e) {
+          s.value = void 0, o.value = "";
+          return;
+        }
+        if (typeof e == "string") {
+          s.value = void 0, o.value = e.trim();
+          return;
+        }
+        s.value = e, o.value = n(e.id);
+      }
+    });
+    return R(O, (e, r) => {
+      e && (r && r.id === e.id || (s.value = e, b.value && (o.value = e), b.value || (o.value = n(e.id))));
+    }, { immediate: !0 }), R(s, (e) => {
+      e && B("select", e);
+    }, { immediate: !0 }), (e, r) => (k(), U(ee, {
+      modelValue: h.value,
+      "onUpdate:modelValue": r[0] || (r[0] = (a) => h.value = a),
+      query: v.value,
+      "onUpdate:query": r[1] || (r[1] = (a) => v.value = a),
+      options: m(N) || [],
+      label: e.label,
+      "error-message": e.errorMessage,
+      placeholder: e.placeholder,
+      name: e.name,
+      disabled: m(g) || t.disabled
+    }, Q({
+      label: P(() => [
+        G("div", re, [
+          J(W(e.label) + " ", 1),
+          m(g) ? (k(), U(m(Y), {
+            key: 0,
+            class: "animate-spin"
+          })) : K("", !0)
+        ])
+      ]),
+      _: 2
+    }, [
+      e.$slots.option ? {
+        name: "option",
+        fn: P(({ option: a, active: u, selected: S, disabled: d }) => [
+          X(e.$slots, "option", {
+            option: a,
+            active: u,
+            selected: S,
+            disabled: d
+          }, void 0, !0)
+        ]),
+        key: "0"
+      } : void 0
+    ]), 1032, ["modelValue", "query", "options", "label", "error-message", "placeholder", "name", "disabled"]));
+  }
+});
+export {
+  ie as default
+};

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

@@ -0,0 +1,53 @@
+import { defineComponent as d, computed as r, createBlock as x, openBlock as y } from "vue";
+import f from "./AutocompleteVocab.vue.js";
+const V = /* @__PURE__ */ d({
+  __name: "AutocompleteVocabFormKit",
+  props: {
+    context: {}
+  },
+  setup(u) {
+    const t = u, n = r({
+      get: () => {
+        var e;
+        return ((e = t.context) == null ? void 0 : e._value) || "";
+      },
+      set: (e) => {
+        var o;
+        (o = t.context) == null || o.node.input(e);
+      }
+    }), m = r(() => {
+      var e;
+      return String(((e = t.context) == null ? void 0 : e.label) || "");
+    }), p = r(() => {
+      var e;
+      return String(((e = t.context) == null ? void 0 : e.name) || "");
+    }), v = r(() => {
+      var e;
+      return String(((e = t.context) == null ? void 0 : e.placeholder) || "Type to search...");
+    }), g = r(() => {
+      var e;
+      return String(((e = t.context) == null ? void 0 : e.vocabulary) || "");
+    }), i = r(() => {
+      var e;
+      return Object.keys(((e = t.context) == null ? void 0 : e.messages) || {}).length > 0;
+    }), b = r(() => {
+      var o, a, l, c, s;
+      if (!i.value)
+        return "";
+      const e = (a = Object.keys(((o = t.context) == null ? void 0 : o.messages) || {})) == null ? void 0 : a[0];
+      return String((s = (c = (l = t.context) == null ? void 0 : l.messages) == null ? void 0 : c[e]) == null ? void 0 : s.value) || "";
+    });
+    return (e, o) => (y(), x(f, {
+      modelValue: n.value,
+      "onUpdate:modelValue": o[0] || (o[0] = (a) => n.value = a),
+      vocabulary: g.value,
+      label: m.value,
+      "error-message": b.value,
+      placeholder: v.value,
+      name: p.value
+    }, null, 8, ["modelValue", "vocabulary", "label", "error-message", "placeholder", "name"]));
+  }
+});
+export {
+  V as default
+};

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

@@ -1,54 +1,49 @@
-import { ref as p, computed as d, createElementBlock as m, openBlock as h, createElementVNode as e, createVNode as s, unref as r, withCtx as i, createTextVNode as g } from "vue";
-import { FormKit as f } from "@formkit/vue";
-import { PhLightbulb as v } from "@phosphor-icons/vue";
-import _ from "../../../components/StepActionsSection.vue.js";
-import b from "../Card.vue.js";
-import z from "../TextArea/TextAreaDefinition.js";
+import { ref as a, computed as u, createElementBlock as c, openBlock as p, createElementVNode as e, createVNode as n, unref as r, withCtx as i, createTextVNode as m } from "vue";
+import { FormKit as d } from "@formkit/vue";
+import { PhLightbulb as h } from "@phosphor-icons/vue";
+import g from "../../../components/StepActionsSection.vue.js";
+import f from "../Card.vue.js";
+import _ from "../TextArea/TextAreaDefinition.js";
 /* empty css                            */
-import k from "../../../../_virtual/_plugin-vue_export-helper.js";
-const y = { class: "dpiV3_page V3-typography" }, w = { class: "funny-section" }, x = { class: "funny-flex" }, P = { class: "funny-section" }, j = { class: "funny-section" }, l = 500, S = {
+import b from "../../../../../../../_virtual/_plugin-vue_export-helper.js";
+const z = { class: "dpiV3_page V3-typography" }, k = { class: "funny-section" }, v = { class: "funny-flex" }, y = { class: "funny-section" }, w = { class: "funny-section" }, x = 500, P = {
   __name: "ProjectDescriptionStep",
-  setup(V) {
-    const n = p(""), a = d(() => n.value.length);
-    function u(o) {
-      n.value = o.slice(0, l);
-    }
-    return (o, t) => (h(), m("div", y, [
-      e("section", w, [
-        e("div", x, [
+  setup(j) {
+    const s = a(""), o = u(() => s.value.length);
+    return (S, t) => (p(), c("div", z, [
+      e("section", k, [
+        e("div", v, [
           t[1] || (t[1] = e("h4", null, "Beschreiben Sie Ihr Projekt", -1)),
           t[2] || (t[2] = e("span", { class: "copy-large-regular" }, " Beschreiben Sie die wichtigsten Inhalte Ihres Projekts in wenigen, klaren Sätzen, damit interessierte Personen schnell einschätzen können, ob das Projekt für sie relevant ist. ", -1)),
-          s(r(f), {
+          n(r(d), {
             id: "projectDescription",
-            modelValue: n.value,
-            "onUpdate:modelValue": t[0] || (t[0] = (c) => n.value = c),
+            modelValue: s.value,
+            "onUpdate:modelValue": t[0] || (t[0] = (l) => s.value = l),
             label: "Beschreibung",
-            type: r(z),
-            name: "project_description",
+            type: r(_),
+            name: "projectDescription",
             "text-label": "Name",
             placeholder: "Geben Sie Ihrem Projekt einen Namen.",
             validation: "required|length:0,500",
-            "validation-visibility": "live",
             hint: "true",
-            help: `${a.value} von ${l} Zeichen`,
-            "count-hint": !0,
-            onInput: u
+            help: `${o.value} von ${x} Zeichen`,
+            "count-hint": !0
           }, null, 8, ["modelValue", "type", "help"])
         ])
       ]),
-      e("section", P, [
-        s(_)
+      e("section", y, [
+        n(g)
       ]),
-      e("section", j, [
-        s(b, { variant: "default" }, {
+      e("section", w, [
+        n(f, { variant: "default" }, {
           icon: i(() => [
-            s(r(v), {
+            n(r(h), {
               size: 32,
               color: "#009fe3"
             })
           ]),
           title: i(() => t[3] || (t[3] = [
-            g(" Beispiel ", -1)
+            m(" Beispiel ", -1)
           ])),
           default: i(() => [
             t[4] || (t[4] = e("div", { class: "copy-large-regular" }, [
@@ -64,7 +59,7 @@ const y = { class: "dpiV3_page V3-typography" }, w = { class: "funny-section" },
       ])
     ]));
   }
-}, H = /* @__PURE__ */ k(S, [["__scopeId", "data-v-cca9e655"]]);
+}, F = /* @__PURE__ */ b(P, [["__scopeId", "data-v-9f4e9fc8"]]);
 export {
-  H as default
+  F as default
 };

package/dist/{data-provider-interface → packages/dpi/src/data-provider-interface}/HappyFlowComponents/ui/BasicInfosStep/ProjectNameStep.vue.js

@@ -5,7 +5,7 @@ import m from "../../../components/StepActionsSection.vue.js";
 import d from "../Card.vue.js";
 import c from "../InputField/InputFieldDefinition.js";
 /* empty css                     */
-import p from "../../../../_virtual/_plugin-vue_export-helper.js";
+import p from "../../../../../../../_virtual/_plugin-vue_export-helper.js";
 const f = { class: "dpiV3_page V3-typography" }, g = { class: "funny-section" }, h = { class: "funny-flex" }, _ = { class: "funny-section" }, k = { class: "funny-section" }, b = {
   __name: "ProjectNameStep",
   setup(y) {

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

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

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

@@ -0,0 +1,151 @@
+import { defineComponent as f, createElementBlock as c, openBlock as u, createElementVNode as e, createCommentVNode as g, renderSlot as h, toDisplayString as a, createVNode as o, withCtx as i, createTextVNode as r, unref as s } from "vue";
+import { FormKit as l } from "@formkit/vue";
+import { PhLightbulb as p } from "@phosphor-icons/vue";
+import _ from "../../../../stories/components/PartnerCard.vue.js";
+import y from "../../../components/StepActionsSection.vue.js";
+import m from "../Card.vue.js";
+import d from "../InputField/InputFieldDefinition.js";
+const b = { class: "dpiV3_page V3-typography" }, v = { class: "funny-section" }, k = { class: "funny-flex" }, S = { class: "funny-section" }, P = { class: "contact-container" }, z = { class: "contact-title" }, D = { class: "contact-wrapper" }, A = ["src"], N = { class: "contact-grid" }, w = { class: "contact-col" }, C = { class: "copy-large-regular" }, E = { class: "copy-large-regular" }, B = { class: "contact-col" }, O = { class: "copy-large-regular" }, V = ["href"], M = {
+  key: 0,
+  class: "funny-section"
+}, T = { class: "funny-section" }, W = { class: "funny-flex" }, j = { class: "funny-section" }, G = { class: "funny-flex" }, I = { class: "funny-section" }, F = { class: "funny-flex" }, Q = /* @__PURE__ */ f({
+  __name: "ProjectOrganisationStep",
+  props: {
+    isWip: { type: Boolean },
+    icon: {},
+    address: {},
+    postalCode: {},
+    city: {},
+    phone: {},
+    email: {}
+  },
+  setup(K) {
+    return (t, n) => (u(), c("div", b, [
+      e("section", v, [
+        e("div", k, [
+          n[0] || (n[0] = e("h4", null, "Informationen zu Ihrer Organisation", -1)),
+          n[1] || (n[1] = e("span", { class: "copy-large-regular" }, " Die Angaben zur durchführenden Organisation werden nicht hier bei der Projektdokumentation erfasst. Diese Daten werden automatisch aus den Kontoinformationen übernommen, die bei uns hinterlegt sind. So wird sichergestellt, dass die Angaben zu Ihrer Organisation stets konsistent und aktuell bleiben, ohne dass sie mehrfach eingegeben werden müssen. ", -1)),
+          h(t.$slots, "organization", {}, () => [
+            e("section", S, [
+              e("div", P, [
+                e("p", z, " Stadt " + a(t.city), 1),
+                e("div", D, [
+                  e("img", {
+                    class: "contact-logo",
+                    src: t.icon,
+                    alt: "Stadt Haar Logo"
+                  }, null, 8, A),
+                  e("div", N, [
+                    e("div", w, [
+                      e("span", C, a(t.address), 1),
+                      e("span", E, a(t.postalCode) + " " + a(t.city), 1)
+                    ]),
+                    e("div", B, [
+                      e("span", O, a(t.phone), 1),
+                      e("a", {
+                        class: "copy-large-regular",
+                        href: `mailto:${t.email}`
+                      }, a(t.email), 9, V)
+                    ])
+                  ])
+                ])
+              ])
+            ])
+          ], !0)
+        ])
+      ]),
+      t.isWip ? (u(), c("section", M, [
+        o(m, null, {
+          title: i(() => n[2] || (n[2] = [
+            r(" Work-in-Progress ", -1)
+          ])),
+          icon: i(() => [
+            o(s(p), {
+              size: 32,
+              color: "#009fe3"
+            })
+          ]),
+          default: i(() => [
+            n[3] || (n[3] = r(" Organisation card above is WIP ", -1))
+          ]),
+          _: 1,
+          __: [3]
+        })
+      ])) : g("", !0),
+      e("section", T, [
+        e("div", W, [
+          n[4] || (n[4] = e("h5", null, "Projektkontakt (optional)", -1)),
+          n[5] || (n[5] = e("span", { class: "copy-large-regular" }, " Bitte nennen Sie eine allgemeine E-Mail-Adresse oder Funktionsadresse, unter der interessierte Personen Rückfragen zum Projekt stellen können. Bitte geben Sie keine personenbezogenen Daten an. ", -1)),
+          o(_, null, {
+            default: i(() => [
+              o(s(l), {
+                type: "group",
+                name: "contact"
+              }, {
+                default: i(() => [
+                  o(s(l), {
+                    type: s(d),
+                    name: "name",
+                    "text-label": "Name",
+                    placeholder: "Geben Sie einen Namen an.",
+                    "validation-label": "Name"
+                  }, null, 8, ["type"]),
+                  o(s(l), {
+                    type: s(d),
+                    name: "mail",
+                    "text-label": "E-Mail-Adresse",
+                    placeholder: "Geben Sie eine E-Mail-Adresse an.",
+                    validation: "email",
+                    "validation-label": "E-Mail-Adresse"
+                  }, null, 8, ["type"]),
+                  o(s(l), {
+                    type: s(d),
+                    name: "phone",
+                    "text-label": "Telefonnummer",
+                    placeholder: "Geben Sie eine Telefonnummer an.",
+                    validation: "number",
+                    "validation-label": "Telefonnummer"
+                  }, null, 8, ["type"])
+                ]),
+                _: 1
+              })
+            ]),
+            _: 1
+          })
+        ])
+      ]),
+      e("section", j, [
+        e("div", G, [
+          o(y)
+        ])
+      ]),
+      e("section", I, [
+        e("div", F, [
+          o(m, { variant: "default" }, {
+            icon: i(() => [
+              o(s(p), {
+                size: 32,
+                color: "#009fe3"
+              })
+            ]),
+            title: i(() => n[6] || (n[6] = [
+              r(" Wichtig! ", -1)
+            ])),
+            default: i(() => [
+              n[7] || (n[7] = e("div", { class: "copy-large-regular" }, [
+                e("p", null, "Bitte geben Sie keine persönlichen Daten preis! Diese dürfen auf unserer Plattform nicht veröffentlicht werden."),
+                e("p", null, "Dazu zählen Namen, E-Mail-Adresse oder auch Telefonnummern von realen Personen."),
+                e("p", null, "Geben Sie daher hier die Daten einer Organisationseinheit oder Abteilung an.")
+              ], -1))
+            ]),
+            _: 1,
+            __: [7]
+          })
+        ])
+      ])
+    ]));
+  }
+});
+export {
+  Q as default
+};

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

@@ -0,0 +1,35 @@
+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 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(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(l), {
+            type: s(p),
+            name: "projectName",
+            label: "Projektstatus",
+            placeholder: "Wählen Sie den Projektstatus.",
+            options: n.value,
+            validation: "required",
+            "validation-label": "Projektstatus"
+          }, null, 8, ["type", "options"])
+        ])
+      ]),
+      e("section", _, [
+        o(c)
+      ])
+    ]));
+  }
+}, x = /* @__PURE__ */ u(h, [["__scopeId", "data-v-4e2fe302"]]);
+export {
+  x as default
+};

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

@@ -1,24 +1,25 @@
-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";
+import { PhPlus as c, PhArrowSquareOut as C, PhCopySimple as k, PhPencilSimple as b, PhArrowCounterClockwise as g, PhPlusSquare as B, PhTrash as K, PhPlusCircle as D, PhCaretLeft as w, PhCaretRight as T, PhMagnifyingGlass as V, PhCheck as $, PhX as M } from "@phosphor-icons/vue";
+import { defineComponent as U, resolveComponent as o, createElementBlock as l, openBlock as s, mergeProps as q, createCommentVNode as a, withKeys as n, normalizeStyle as v, normalizeClass as p, withModifiers as m, createElementVNode as E, createBlock as t, toDisplayString as G } 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({
+import L from "../../../../../../_virtual/_plugin-vue_export-helper.js";
+const O = U({
   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
+    PhX: M,
+    PhCheck: $,
+    PhMagnifyingGlass: V,
+    PhCaretRight: T,
+    PhCaretLeft: w,
+    PhPlusCircle: D,
+    PhTrash: K,
+    PhPlusSquare: B,
+    PhArrowCounterClockwise: g,
+    PhPencilSimple: b,
+    PhCopySimple: k,
+    PhArrowSquareOut: C,
+    PhPlus: c
   },
   props: {
     buttonText: {
@@ -103,13 +104,13 @@ const L = c({
       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 = {
+}), R = ["disabled"], N = ["disabled"], I = {
   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({
+function X(e, i, j, H, J, Q) {
+  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"), f = o("PhArrowSquareOut"), z = o("PhPencilSimple");
+  return s(), l("div", q({
     class: ["dpiV3_V3-typography", e.externalClass]
   }, e.$attrs), [
     e.buttonText ? (s(), l("button", {
@@ -123,14 +124,14 @@ function I(e, i, X, j, H, J) {
         { activeStateTertiary: e.isTertiaryActive && e.variant === "tertiary" }
       ]),
       disabled: e.disabled,
+      style: v(e.focusStyle),
       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"]))
+        i[5] || (i[5] = n(m((...r) => e.handleKeyPress && e.handleKeyPress(...r), ["prevent"]), ["space"]))
       ],
       onKeyup: [
         i[6] || (i[6] = n((...r) => e.removeActiveStateKeyUp && e.removeActiveStateKeyUp(...r), ["enter"])),
@@ -141,17 +142,17 @@ function I(e, i, X, j, H, J) {
         key: 0,
         class: p(["dpiV3_icon", e.iconSizeClass])
       }, [
-        e.iconStart === "reset" ? (s(), t(m, {
+        e.iconStart === "reset" ? (s(), t(F, {
           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, {
+        e.iconStart === "plus" ? (s(), t(A, {
           key: 1,
           size: e.size === "small" ? "16px" : "24px",
-          color: e.variant === "primary" ? "#FFFFFF" : e.variant === "secondary" ? "#0B1A25" : "#0172AD"
+          color: e.variant === "primary" ? "#FFFFFF" : e.variant === "secondary" ? "#0B1A25" : e.disabled ? "#aedff8" : "#0172AD"
         }, null, 8, ["size", "color"])) : a("", !0),
-        e.iconStart === "trash" ? (s(), t(A, {
+        e.iconStart === "trash" ? (s(), t(d, {
           key: 2,
           size: e.size === "small" ? "16px" : "24px",
           color: e.variant === "primary" ? "#FFFFFF" : e.variant === "secondary" ? "#0B1A25" : "#0172AD"
@@ -177,7 +178,7 @@ function I(e, i, X, j, H, J) {
           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("span", null, G(e.buttonText), 1),
       e.iconEnd ? (s(), l("span", {
         key: 1,
         class: p(["dpiV3_icon", e.iconSizeClass])
@@ -203,34 +204,33 @@ function I(e, i, X, j, H, J) {
           color: e.variant === "primary" ? "#0172AD" : e.variant === "secondary" ? "#0B1A25" : "#0172AD"
         }, null, 8, ["size", "color"])) : a("", !0)
       ], 2)) : a("", !0)
-    ], 46, O)) : a("", !0),
+    ], 46, R)) : a("", !0),
     e.buttonText ? a("", !0) : (s(), l("div", {
       key: 1,
       tabindex: "0",
-      class: p([
-        "dpiV3_button-icon-only",
+      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,
+      style: v(e.focusStyle),
       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"]))
+        i[13] || (i[13] = n(m((...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.buttonText ? a("", !0) : (s(), l("span", I, [
         e.iconStart === "MagnifyingGlass" ? (s(), t(y, {
           key: 0,
           size: e.size === "small" ? "16px" : "24px",
@@ -245,12 +245,17 @@ function I(e, i, X, j, H, J) {
           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, {
+          key: 3,
+          size: e.size === "small" ? "16px" : "24px",
+          color: e.variant === "secondary" ? "#0172AD" : e.variant === "secondary" ? "#0B1A25" : "#0172AD"
         }, null, 8, ["size", "color"])) : a("", !0)
       ]))
-    ], 46, R))
+    ], 46, N))
   ], 16);
 }
-const ee = /* @__PURE__ */ G(L, [["render", I], ["__scopeId", "data-v-0deb2715"]]);
+const ie = /* @__PURE__ */ L(O, [["render", X], ["__scopeId", "data-v-25e10506"]]);
 export {
-  ee as default
+  ie as default
 };