@oub/fusion 0.2.49 → 0.2.51

package/dist/components/common/panel/FusionPanel.vue.d.ts

@@ -51,6 +51,7 @@ declare const _default: import("vue").DefineComponent<{
 }, {}, {
     closePanel(): void;
     handleSelect(option: FusionSelectOption): void;
+    handleInput(inputValue: string): void;
     handleKeydownSelect(event: KeyboardEvent, option: FusionSelectOption): void;
 }, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("handle:select" | "handle:search" | "handle:close")[], "handle:select" | "handle:search" | "handle:close", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     theme: {

package/dist/components/form/input/FusionInput.vue.d.ts

@@ -23,7 +23,7 @@ declare const _default: import("vue").DefineComponent<{
         type: StringConstructor;
         default: string;
     };
-    modelValue: {
+    input: {
         type: StringConstructor;
         default: string;
     };
@@ -80,7 +80,7 @@ declare const _default: import("vue").DefineComponent<{
     handleMouseover(): void;
     handleMouseleave(): void;
     focus(): void;
-}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("input:blur" | "input:focus" | "update:modelValue" | "keydown:enter")[], "input:blur" | "input:focus" | "update:modelValue" | "keydown:enter", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("input:blur" | "input:focus" | "keydown:enter" | "update:input")[], "input:blur" | "input:focus" | "keydown:enter" | "update:input", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     id: {
         type: StringConstructor;
         required: true;
@@ -105,7 +105,7 @@ declare const _default: import("vue").DefineComponent<{
         type: StringConstructor;
         default: string;
     };
-    modelValue: {
+    input: {
         type: StringConstructor;
         default: string;
     };
@@ -144,15 +144,15 @@ declare const _default: import("vue").DefineComponent<{
 }>> & {
     "onInput:blur"?: ((...args: any[]) => any) | undefined;
     "onInput:focus"?: ((...args: any[]) => any) | undefined;
-    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
     "onKeydown:enter"?: ((...args: any[]) => any) | undefined;
+    "onUpdate:input"?: ((...args: any[]) => any) | undefined;
 }, {
+    input: string;
     label: string;
     title: string;
     dataTest: string;
     type: string;
     disabled: boolean;
-    modelValue: string;
     placeholder: string;
     readonly: boolean;
     required: boolean;

package/dist/components/form/password-input/FusionPasswordInput.vue.d.ts

@@ -23,7 +23,7 @@ declare const _default: import("vue").DefineComponent<{
         type: StringConstructor;
         default: string;
     };
-    modelValue: {
+    input: {
         type: StringConstructor;
         default: string;
     };
@@ -57,18 +57,12 @@ declare const _default: import("vue").DefineComponent<{
         focused: boolean;
     };
     showPassword: boolean;
-}, {
-    inputStates(): {
-        focused: boolean;
-        disabled: boolean;
-        error: boolean;
-    };
-}, {
-    updateInput(): void;
+}, {}, {
+    updateInput(value: string): void;
     handleFocus(): void;
     handleBlur(): void;
     handleKeydownEnter(): void;
-}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("input:blur" | "input:focus" | "update:modelValue" | "keydown:enter")[], "input:blur" | "input:focus" | "update:modelValue" | "keydown:enter", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("input:blur" | "input:focus" | "keydown:enter" | "update:input")[], "input:blur" | "input:focus" | "keydown:enter" | "update:input", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     id: {
         type: StringConstructor;
         required: true;
@@ -93,7 +87,7 @@ declare const _default: import("vue").DefineComponent<{
         type: StringConstructor;
         default: string;
     };
-    modelValue: {
+    input: {
         type: StringConstructor;
         default: string;
     };
@@ -124,12 +118,12 @@ declare const _default: import("vue").DefineComponent<{
 }>> & {
     "onInput:blur"?: ((...args: any[]) => any) | undefined;
     "onInput:focus"?: ((...args: any[]) => any) | undefined;
-    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
     "onKeydown:enter"?: ((...args: any[]) => any) | undefined;
+    "onUpdate:input"?: ((...args: any[]) => any) | undefined;
 }, {
+    input: string;
     dataTest: string;
     disabled: boolean;
-    modelValue: string;
     placeholder: string;
     required: boolean;
     autocomplete: string;

package/dist/components/form/radio/FusionRadio.vue.d.ts

@@ -31,7 +31,7 @@ declare const _default: import("vue").DefineComponent<{
         type: StringConstructor;
         default: string;
     };
-    hasError: {
+    error: {
         type: BooleanConstructor;
         default: boolean;
     };
@@ -84,7 +84,7 @@ declare const _default: import("vue").DefineComponent<{
         type: StringConstructor;
         default: string;
     };
-    hasError: {
+    error: {
         type: BooleanConstructor;
         default: boolean;
     };
@@ -102,6 +102,6 @@ declare const _default: import("vue").DefineComponent<{
     modelValue: string;
     required: boolean;
     helperLabel: string;
-    hasError: boolean;
+    error: boolean;
 }, {}>;
 export default _default;

package/dist/components/form/searchable-input/FusionSearchableInput.vue.d.ts

@@ -119,7 +119,7 @@ declare const _default: import("vue").DefineComponent<{
     handleKeydownEnter(): void;
     closePanel(): void;
     handleKeyDown(event: KeyboardEvent): void;
-}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "keydown:enter" | "select:blur" | "select:focus" | "selected:option" | "update:input")[], "update:modelValue" | "keydown:enter" | "select:blur" | "select:focus" | "selected:option" | "update:input", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "keydown:enter" | "update:input" | "select:blur" | "select:focus" | "selected:option")[], "update:modelValue" | "keydown:enter" | "update:input" | "select:blur" | "select:focus" | "selected:option", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     id: {
         type: StringConstructor;
         required: true;
@@ -218,10 +218,10 @@ declare const _default: import("vue").DefineComponent<{
 }>> & {
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
     "onKeydown:enter"?: ((...args: any[]) => any) | undefined;
+    "onUpdate:input"?: ((...args: any[]) => any) | undefined;
     "onSelect:blur"?: ((...args: any[]) => any) | undefined;
     "onSelect:focus"?: ((...args: any[]) => any) | undefined;
     "onSelected:option"?: ((...args: any[]) => any) | undefined;
-    "onUpdate:input"?: ((...args: any[]) => any) | undefined;
 }, {
     label: string;
     title: string;

package/dist/components/form/select/FusionSelect.d.ts

@@ -1,9 +1,3 @@
-import type { FusionElementStates } from '../../../../types/Global';
-
-export interface FusionSelectStates extends FusionElementStates {
-    opened: boolean;
-}
-
 export interface FusionSelectOption {
     label: string;
     value: any;

package/dist/fusion.js

@@ -557,7 +557,7 @@ const Oi = /* @__PURE__ */ Ne(wi, [["render", Fi], ["__scopeId", "data-v-6a48f2b
       type: String,
       default: ""
     },
-    hasError: {
+    error: {
       type: Boolean,
       default: !1
     },
@@ -576,7 +576,7 @@ const Oi = /* @__PURE__ */ Ne(wi, [["render", Fi], ["__scopeId", "data-v-6a48f2b
     stateClasses: function() {
       return {
         disabled: this.disabled,
-        error: this.hasError
+        error: this.error
       };
     },
     isSelected: function() {
@@ -636,7 +636,7 @@ function Hi(e, t, n, r, a, o) {
     ], 2)
   ], 10, Ui);
 }
-const b0 = /* @__PURE__ */ Ne(Ii, [["render", Hi], ["__scopeId", "data-v-690dc389"]]), qi = Ce({
+const b0 = /* @__PURE__ */ Ne(Ii, [["render", Hi], ["__scopeId", "data-v-9dd8874b"]]), qi = Ce({
   name: "FusionTextLink",
   props: {
     id: {
@@ -1074,7 +1074,7 @@ const Qn = /* @__PURE__ */ Ne(fl, [["render", yl]]), bl = Ce({
       type: String,
       default: ""
     },
-    modelValue: {
+    input: {
       type: String,
       default: ""
     },
@@ -1111,10 +1111,10 @@ const Qn = /* @__PURE__ */ Ne(fl, [["render", yl]]), bl = Ce({
       default: "fusion-input"
     }
   },
-  emits: ["update:modelValue", "input:blur", "input:focus", "keydown:enter"],
+  emits: ["input:blur", "input:focus", "keydown:enter", "update:input"],
   data() {
     return {
-      inputValue: this.modelValue,
+      inputValue: this.input || "",
       styleVariables: {},
       interactionStates: {
         focused: !1,
@@ -1132,7 +1132,7 @@ const Qn = /* @__PURE__ */ Ne(fl, [["render", yl]]), bl = Ce({
     }
   },
   watch: {
-    modelValue: {
+    input: {
       handler(e) {
         this.inputValue = e;
       },
@@ -1141,7 +1141,7 @@ const Qn = /* @__PURE__ */ Ne(fl, [["render", yl]]), bl = Ce({
   },
   methods: {
     updateInput() {
-      this.$emit("update:modelValue", this.inputValue);
+      this.$emit("update:input", this.inputValue);
     },
     handleFocus() {
       this.interactionStates.focused = !0, this.$emit("input:focus");
@@ -1225,7 +1225,7 @@ function Tl(e, t, n, r, a, o) {
     oe(e.$slots, "content", {}, void 0, !0)
   ], 10, Al);
 }
-const Vn = /* @__PURE__ */ Ne(bl, [["render", Tl], ["__scopeId", "data-v-10f7ca3f"]]), Bl = Ce({
+const Vn = /* @__PURE__ */ Ne(bl, [["render", Tl], ["__scopeId", "data-v-5aa1c13a"]]), Bl = Ce({
   name: "FusionPanel",
   components: { SVGSearch: Er, CheckCircle: Qn, FusionLoadingSpinner: Fn, SVGInbox: il, FusionInput: Vn, OnClickOutside: zi },
   props: {
@@ -1295,6 +1295,9 @@ const Vn = /* @__PURE__ */ Ne(bl, [["render", Tl], ["__scopeId", "data-v-10f7ca3
     handleSelect(e) {
       this.$emit("handle:select", e);
     },
+    handleInput(e) {
+      this.searchInputValue = e;
+    },
     handleKeydownSelect(e, t) {
       if (e.key === "Enter") {
         this.handleSelect(t);
@@ -1311,7 +1314,7 @@ const Vn = /* @__PURE__ */ Ne(bl, [["render", Tl], ["__scopeId", "data-v-10f7ca3
     }
   }
 });
-const Jr = (e) => (qo("data-v-6fc68b79"), e = e(), Ro(), e), xl = ["data-test"], Fl = { class: "fusion-select-panel" }, Ol = { class: "fusion-select-panel-content" }, Il = { class: "list-wrapper" }, Ul = {
+const Jr = (e) => (qo("data-v-c2f964da"), e = e(), Ro(), e), xl = ["data-test"], Fl = { class: "fusion-select-panel" }, Ol = { class: "fusion-select-panel-content" }, Il = { class: "list-wrapper" }, Ul = {
   key: 0,
   class: "p-xl",
   "data-test": "search-loading-wrapper"
@@ -1358,20 +1361,20 @@ function Gl(e, t, n, r, a, o) {
               key: 0,
               id: `${e.selectId}-search-field`,
               ref: "searchInput",
-              modelValue: e.searchInputValue,
-              "onUpdate:modelValue": t[0] || (t[0] = (m) => e.searchInputValue = m),
+              input: e.searchInputValue,
               theme: e.theme,
               "data-test": "search-input",
               name: `${e.selectId}-search`,
               placeholder: e.searchPlaceholder,
               autocomplete: "false",
+              "onUpdate:input": e.handleInput,
               onKeydown: e.handleKeydownSelect
             }, {
               icon: ke(() => [
                 Se(i, { class: "search-icon" })
               ]),
               _: 1
-            }, 8, ["id", "modelValue", "theme", "name", "placeholder", "onKeydown"])),
+            }, 8, ["id", "input", "theme", "name", "placeholder", "onUpdate:input", "onKeydown"])),
             S("div", Il, [
               e.searchLoading ? (v(), k("div", Ul, [
                 S("div", Ql, [
@@ -1424,7 +1427,7 @@ function Gl(e, t, n, r, a, o) {
     _: 3
   }, 8, ["options", "onTrigger"]);
 }
-const Nn = /* @__PURE__ */ Ne(Bl, [["render", Gl], ["__scopeId", "data-v-6fc68b79"]]), Zl = {
+const Nn = /* @__PURE__ */ Ne(Bl, [["render", Gl], ["__scopeId", "data-v-c2f964da"]]), Zl = {
   name: "SVGArrowDown"
 }, _l = {
   xmlns: "http://www.w3.org/2000/svg",
@@ -1716,7 +1719,7 @@ const k0 = /* @__PURE__ */ Ne(ns, [["render", ps], ["__scopeId", "data-v-cbd3b01
       type: String,
       default: ""
     },
-    modelValue: {
+    input: {
       type: String,
       default: ""
     },
@@ -1745,27 +1748,18 @@ const k0 = /* @__PURE__ */ Ne(ns, [["render", ps], ["__scopeId", "data-v-cbd3b01
       default: "fusion-password-input"
     }
   },
-  emits: ["update:modelValue", "input:blur", "input:focus", "keydown:enter"],
+  emits: ["input:blur", "input:focus", "keydown:enter", "update:input"],
   data() {
     return {
-      inputValue: this.modelValue,
+      inputValue: this.input || "",
       interactionStates: {
         focused: !1
       },
       showPassword: !1
     };
   },
-  computed: {
-    inputStates() {
-      return {
-        focused: this.interactionStates.focused,
-        disabled: this.disabled,
-        error: !!this.errorLabel
-      };
-    }
-  },
   watch: {
-    modelValue: {
+    input: {
       handler(e) {
         this.inputValue = e;
       },
@@ -1773,8 +1767,8 @@ const k0 = /* @__PURE__ */ Ne(ns, [["render", ps], ["__scopeId", "data-v-cbd3b01
     }
   },
   methods: {
-    updateInput() {
-      this.$emit("update:modelValue", this.inputValue);
+    updateInput(e) {
+      this.inputValue = e, this.$emit("update:input", e);
     },
     handleFocus() {
       this.interactionStates.focused = !0, this.$emit("input:focus");
@@ -1796,8 +1790,7 @@ function gs(e, t, n, r, a, o) {
   }, [
     Se(l, {
       id: e.id,
-      modelValue: e.inputValue,
-      "onUpdate:modelValue": t[1] || (t[1] = (u) => e.inputValue = u),
+      input: e.inputValue,
       type: e.showPassword ? "text" : "password",
       placeholder: e.placeholder,
       autocomplete: e.autocomplete,
@@ -1809,7 +1802,7 @@ function gs(e, t, n, r, a, o) {
       "helper-label": e.helperLabel,
       name: e.name,
       "error-label": e.errorLabel,
-      onInput: e.updateInput,
+      "onUpdate:input": e.updateInput,
       onBlur: e.handleBlur,
       onFocus: e.handleFocus,
       onKeydown: ye(e.handleKeydownEnter, ["enter"])
@@ -1832,10 +1825,10 @@ function gs(e, t, n, r, a, o) {
         ]),
         key: "0"
       } : void 0
-    ]), 1032, ["id", "modelValue", "type", "placeholder", "autocomplete", "required", "class", "disabled", "label", "helper-label", "name", "error-label", "onInput", "onBlur", "onFocus", "onKeydown"])
+    ]), 1032, ["id", "input", "type", "placeholder", "autocomplete", "required", "class", "disabled", "label", "helper-label", "name", "error-label", "onUpdate:input", "onBlur", "onFocus", "onKeydown"])
   ], 8, vs);
 }
-const w0 = /* @__PURE__ */ Ne(fs, [["render", gs], ["__scopeId", "data-v-df7f6a9f"]]), Aa = {
+const w0 = /* @__PURE__ */ Ne(fs, [["render", gs], ["__scopeId", "data-v-0facf0fc"]]), Aa = {
   default: {
     code: "GB",
     dialCode: 44,
@@ -11827,7 +11820,7 @@ function Yv(e, t, n, r, a, o) {
         "aria-disabled": e.disabled,
         "error-label": e.errorLabel,
         disabled: e.disabled,
-        "model-value": e.selected.label,
+        input: e.selected.label,
         placeholder: e.searchPlaceholder,
         autocomplete: e.autocomplete,
         onClick: e.handleInputClick,
@@ -11837,13 +11830,13 @@ function Yv(e, t, n, r, a, o) {
           ye(e.handleKeydownEnter, ["enter"]),
           e.handleKeyDown
         ],
-        "onUpdate:modelValue": e.updateInput
+        "onUpdate:input": e.updateInput
       }, {
         icon: ke(() => [
           Se(i)
         ]),
         _: 1
-      }, 8, ["id", "tabindex", "autofocus", "aria-labelledby", "aria-invalid", "aria-disabled", "class", "error-label", "disabled", "model-value", "placeholder", "autocomplete", "onClick", "onInput:blur", "onInput:focus", "onKeydown", "onUpdate:modelValue"]),
+      }, 8, ["id", "tabindex", "autofocus", "aria-labelledby", "aria-invalid", "aria-disabled", "class", "error-label", "disabled", "input", "placeholder", "autocomplete", "onClick", "onInput:blur", "onInput:focus", "onKeydown", "onUpdate:input"]),
       e.interactionStates.opened ? (v(), be(u, {
         key: 0,
         "select-id": "fusion-searchable-input-select-" + e.id,
@@ -11862,7 +11855,7 @@ function Yv(e, t, n, r, a, o) {
     ])
   ], 8, Rv);
 }
-const P0 = /* @__PURE__ */ Ne(qv, [["render", Yv], ["__scopeId", "data-v-9a8c389e"]]), Wv = Ce({
+const P0 = /* @__PURE__ */ Ne(qv, [["render", Yv], ["__scopeId", "data-v-4656f6fe"]]), Wv = Ce({
   name: "SVGDecrement"
 }), zv = {
   width: "24",