@oub/fusion 0.2.104 → 0.2.106

package/dist/fusion.js

@@ -1454,7 +1454,7 @@ const Hi = /* @__PURE__ */ he(zu, [["render", Wu], ["__scopeId", "data-v-71c2433
     }
   }
 });
-const zi = (e) => (so("data-v-12a3738f"), e = e(), lo(), e), Yu = ["data-test"], Gu = { class: "fusion-select-panel" }, Zu = { class: "fusion-select-panel-content" }, _u = { class: "list-wrapper" }, $u = {
+const zi = (e) => (so("data-v-50ad0004"), e = e(), lo(), e), Yu = ["data-test"], Gu = { class: "fusion-select-panel" }, Zu = { class: "fusion-select-panel-content" }, _u = { class: "list-wrapper" }, $u = {
   key: 0,
   class: "p-xl",
   "data-test": "search-loading-wrapper"
@@ -1577,7 +1577,7 @@ function fd(e, t, a, r, n, o) {
     _: 3
   }, 8, ["options", "onTrigger"]);
 }
-const bo = /* @__PURE__ */ he(Ku, [["render", fd], ["__scopeId", "data-v-12a3738f"]]), hd = {
+const bo = /* @__PURE__ */ he(Ku, [["render", fd], ["__scopeId", "data-v-50ad0004"]]), hd = {
   name: "SVGArrowDown"
 }, md = {
   xmlns: "http://www.w3.org/2000/svg",
@@ -2623,7 +2623,7 @@ function Hd(e, t, a, r, n, o) {
     }, 1032, ["selected", "data-test", "onKeydown", "onClick"]))), 128))
   ], 8, Rd);
 }
-const zd = /* @__PURE__ */ he(Ed, [["render", Hd], ["__scopeId", "data-v-93005139"]]), jd = {
+const zd = /* @__PURE__ */ he(Ed, [["render", Hd], ["__scopeId", "data-v-6e820bf3"]]), jd = {
   name: "CountrySelectDropdown",
   components: { SVGArrowDown: ji, CountryFlag: Xi },
   props: {
@@ -2682,7 +2682,7 @@ function Kd(e, t, a, r, n, o) {
     ])
   ], 10, Jd);
 }
-const Yd = /* @__PURE__ */ he(jd, [["render", Kd], ["__scopeId", "data-v-e0291207"]]), Gd = le({
+const Yd = /* @__PURE__ */ he(jd, [["render", Kd], ["__scopeId", "data-v-0de9450e"]]), Gd = le({
   name: "FusionPhoneInput",
   components: { CountrySelectList: zd, FusionPanel: bo, CountrySelectDropdown: Yd, SVGExclamationTriangle: wt },
   props: {
@@ -3180,6 +3180,11 @@ const Wi = /* @__PURE__ */ he(Nc, [["render", qc]]), Hc = le({
     dataTest: {
       type: String,
       default: "fusion-icon-button"
+    },
+    ariaLabel: {
+      type: String,
+      required: !1,
+      default: void 0
     }
   },
   emits: ["click"],
@@ -3247,7 +3252,7 @@ const Wi = /* @__PURE__ */ he(Nc, [["render", qc]]), Hc = le({
     }
   }
 });
-const zc = ["disabled", "data-test", "type"], jc = { key: 1 };
+const zc = ["disabled", "data-test", "type", "aria-label"], jc = { key: 1 };
 function Jc(e, t, a, r, n, o) {
   const i = ne("FusionLoadingSpinner");
   return d(), h("button", {
@@ -3257,6 +3262,7 @@ function Jc(e, t, a, r, n, o) {
     class: H(["fusion-icon-button fusion-button", [e.variantTypeClass, e.variantStyleClass, e.buttonSizeClass]]),
     "data-test": e.dataTest,
     type: e.type,
+    "aria-label": e.ariaLabel,
     onFocus: t[0] || (t[0] = (s) => e.focus = !0),
     onBlur: t[1] || (t[1] = (s) => e.focus = !1),
     onMouseover: t[2] || (t[2] = (s) => e.hover = !0),
@@ -3410,7 +3416,7 @@ function $c(e, t, a, r, n, o) {
     _: 3
   });
 }
-const G3 = /* @__PURE__ */ he(Xc, [["render", $c], ["__scopeId", "data-v-ef671afd"]]);
+const G3 = /* @__PURE__ */ he(Xc, [["render", $c], ["__scopeId", "data-v-a6dafb6d"]]);
 function Ft(e) {
   "@babel/helpers - typeof";
   return Ft = typeof Symbol == "function" && typeof Symbol.iterator == "symbol" ? function(t) {
@@ -12902,7 +12908,7 @@ function U1(e, t, a, r, n, o) {
     })) : C("", !0)
   ], 64);
 }
-const nk = /* @__PURE__ */ he(D1, [["render", U1], ["__scopeId", "data-v-7a2d38d7"]]), I1 = le({
+const nk = /* @__PURE__ */ he(D1, [["render", U1], ["__scopeId", "data-v-3bd17874"]]), I1 = le({
   name: "FusionSideNavigationItem",
   props: {
     item: {
@@ -13324,20 +13330,21 @@ function k0(e, t, a, r, n, o) {
       size: "small",
       "variant-type": "primary",
       class: "fusion-toolbar-back-button",
+      "aria-label": e.backButtonAriaLabel,
       onClick: e.handleBackClick
     }, {
       icon: be(() => [
         ue(i)
       ]),
       _: 1
-    }, 8, ["onClick"])) : C("", !0),
+    }, 8, ["aria-label", "onClick"])) : C("", !0),
     g("div", g0, [
       e.title ? (d(), h("h2", y0, _(e.title), 1)) : C("", !0),
       e.helperText ? (d(), h("p", b0, _(e.helperText), 1)) : C("", !0)
     ])
   ]);
 }
-const lk = /* @__PURE__ */ he(m0, [["render", k0], ["__scopeId", "data-v-406fe148"]]), A0 = le({
+const lk = /* @__PURE__ */ he(m0, [["render", k0], ["__scopeId", "data-v-d38e99f9"]]), A0 = le({
   name: "FusionActionBar"
 });
 const w0 = { class: "fusion-action-bar" };
@@ -13890,7 +13897,7 @@ const J0 = /* @__PURE__ */ he(z0, [["render", j0], ["__scopeId", "data-v-a88d594
     }
   }
 };
-const W0 = (e) => (so("data-v-6aec5dd1"), e = e(), lo(), e), K0 = ["aria-labelledby"], Y0 = /* @__PURE__ */ W0(() => /* @__PURE__ */ g("div", {
+const W0 = (e) => (so("data-v-9397fe0b"), e = e(), lo(), e), K0 = ["aria-labelledby"], Y0 = /* @__PURE__ */ W0(() => /* @__PURE__ */ g("div", {
   class: "fusion-modal-background",
   "aria-hidden": "true"
 }, null, -1));
@@ -13948,7 +13955,7 @@ function G0(e, t, a, r, n, o) {
     Y0
   ], 2);
 }
-const fk = /* @__PURE__ */ he(X0, [["render", G0], ["__scopeId", "data-v-6aec5dd1"]]), Z0 = 12, Ho = le({
+const fk = /* @__PURE__ */ he(X0, [["render", G0], ["__scopeId", "data-v-9397fe0b"]]), Z0 = 12, Ho = le({
   name: "FusionCircularProgressIndicator",
   props: {
     size: {
@@ -17255,26 +17262,29 @@ const F3 = /* @__PURE__ */ he(C3, [["render", T3]]), D3 = le({
     },
     acceptedFileTypes() {
       return this.allowedFileTypes.join(",");
+    },
+    uppyClient() {
+      return new F2({
+        // https://uppy.io/docs/uppy/#options
+        restrictions: {
+          maxNumberOfFiles: this.maxFiles,
+          maxFileSize: this.maxFileSize,
+          allowedFileTypes: this.allowedFileTypes
+        },
+        autoProceed: this.automaticallyUpload
+      });
     }
   },
   mounted() {
     this.initUppy();
   },
   beforeUnmount() {
-    this.uppy && (this.uppy.cancelAll(), this.uppy.clear(), this.uppy = null);
+    this.uppyClient && (this.uppyClient.cancelAll(), this.uppyClient.clear());
   },
   methods: {
     // Initialize Uppy
     initUppy() {
-      this.uppy = new F2({
-        // https://uppy.io/docs/uppy/#options
-        restrictions: {
-          maxNumberOfFiles: this.maxFiles,
-          maxFileSize: this.maxFileSize,
-          allowedFileTypes: this.allowedFileTypes
-        },
-        autoProceed: this.automaticallyUpload
-      }), this.uppy && this.uppy.use(Gs, {
+      this.uppyClient && this.uppyClient.use(Gs, {
         // https://uppy.io/docs/xhr-upload/#options
         endpoint: this.uploadUrl,
         headers: this.headers,
@@ -17286,18 +17296,18 @@ const F3 = /* @__PURE__ */ he(C3, [["render", T3]]), D3 = le({
         shouldRetry(e) {
           return !1;
         }
-      }), this.uppy && (this.uppy.on("file-added", (e) => {
-        this.files = this.uppy.getFiles(), e && (this.uppy.setMeta(this.formData), this.$emit("uppy-file-added", e), this.clearInternalError());
-      }), this.uppy.on("file-removed", (e) => {
-        this.files = this.uppy.getFiles(), e && this.$emit("uppy-file-removed", e);
-      }), this.uppy.on("upload", () => {
+      }), this.uppyClient && (this.uppyClient.on("file-added", (e) => {
+        this.files = this.uppyClient.getFiles(), e && (this.uppyClient.setMeta(this.formData), this.$emit("uppy-file-added", e), this.clearInternalError());
+      }), this.uppyClient.on("file-removed", (e) => {
+        this.files = this.uppyClient.getFiles(), e && this.$emit("uppy-file-removed", e);
+      }), this.uppyClient.on("upload", () => {
         this.isUploading = !0;
-      }), this.uppy.on("upload-progress", () => {
-        this.files = this.uppy.getFiles();
-      }), this.uppy.on("upload-success", (e, t) => {
-        this.files = this.uppy.getFiles(), e && (this.$emit("uppy-upload-success", { file: e, response: t }), this.clearInternalError());
-      }), this.uppy.on("upload-error", (e, t) => {
-        this.files = this.uppy.getFiles();
+      }), this.uppyClient.on("upload-progress", () => {
+        this.files = this.uppyClient.getFiles();
+      }), this.uppyClient.on("upload-success", (e, t) => {
+        this.files = this.uppyClient.getFiles(), e && (this.$emit("uppy-upload-success", { file: e, response: t }), this.clearInternalError());
+      }), this.uppyClient.on("upload-error", (e, t) => {
+        this.files = this.uppyClient.getFiles();
         const a = `Upload failed: ${t.message}`;
         switch (this.$emit("uppy-upload-error", t), t.cause) {
           case "Internal Server Error":
@@ -17312,11 +17322,11 @@ const F3 = /* @__PURE__ */ he(C3, [["render", T3]]), D3 = le({
             this.setInternalError(a);
         }
         e && this.removeFile(e);
-      }), this.uppy.on("complete", (e) => {
+      }), this.uppyClient.on("complete", (e) => {
         this.isUploading = !1;
         const t = (e == null ? void 0 : e.failed) || [], a = (e == null ? void 0 : e.successful) || [];
         t.length === 0 && a.length > 0 && this.clearInternalError(), this.$emit("uppy-upload-complete");
-      }), this.uppy.on("restriction-failed", (e, t) => {
+      }), this.uppyClient.on("restriction-failed", (e, t) => {
         let a = t.message;
         a.startsWith("You can only upload:") && (this.allowedFileTypes && this.allowedFileTypes.length > 0 ? a = `The selected files must be ${this.allowedFileTypes.join(", ")}` : a = "File type not allowed. Please check the allowed file types.", this.$emit("uppy-restriction-error", "incorrect-file-type")), a.includes("exceeds maximum allowed size") && (a = `The file size must not exceed ${Zs(this.maxFileSize)}.`, this.$emit("uppy-restriction-error", "incorrect-file-size")), a.includes("You can only upload") && (a = `You can only upload a maximum of ${this.maxFiles} file${this.maxFiles !== 1 ? "s" : ""}.`, this.$emit("uppy-restriction-error", "incorrect-file-amount")), this.setInternalError(a);
       }));
@@ -17333,9 +17343,9 @@ const F3 = /* @__PURE__ */ he(C3, [["render", T3]]), D3 = le({
       this.addFiles(a), t.value = "";
     },
     addFiles(e) {
-      this.disabled || !this.uppy || e.forEach((t) => {
+      this.disabled || !this.uppyClient || e.forEach((t) => {
         try {
-          this.uppy.addFile({
+          this.uppyClient.addFile({
             name: t.name,
             type: t.type,
             data: t,
@@ -17347,10 +17357,10 @@ const F3 = /* @__PURE__ */ he(C3, [["render", T3]]), D3 = le({
       });
     },
     removeFile(e) {
-      this.uppy && (this.uppy.removeFile(e.id), this.$emit("uppy-file-removed", e));
+      this.uppyClient && (this.uppyClient.removeFile(e.id), this.$emit("uppy-file-removed", e));
     },
     clearFiles() {
-      this.uppy && (this.uppy.clear(), this.files = []);
+      this.uppyClient && (this.uppyClient.clear(), this.files = []);
     },
     setInternalError(e) {
       this.internalErrorMessage = e;
@@ -17421,7 +17431,7 @@ function V3(e, t, a, r, n, o) {
     ], 2)) : C("", !0)
   ], 10, B3);
 }
-const vk = /* @__PURE__ */ he(D3, [["render", V3], ["__scopeId", "data-v-2e81a2c1"]]), N3 = le({
+const vk = /* @__PURE__ */ he(D3, [["render", V3], ["__scopeId", "data-v-7e4f151b"]]), N3 = le({
   name: "FusionRangeDatePicker",
   components: { SVGCalendar: qo, SVGExclamationTriangle: wt, VueDatePicker: Un },
   props: {