@oub/fusion 0.2.50 → 0.2.52

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -23,7 +23,7 @@ declare const _default: import("vue").DefineComponent<{
23
23
  type: StringConstructor;
24
24
  default: string;
25
25
  };
26
- modelValue: {
26
+ input: {
27
27
  type: StringConstructor;
28
28
  default: string;
29
29
  };
@@ -57,18 +57,12 @@ declare const _default: import("vue").DefineComponent<{
57
57
  focused: boolean;
58
58
  };
59
59
  showPassword: boolean;
60
- }, {
61
- inputStates(): {
62
- focused: boolean;
63
- disabled: boolean;
64
- error: boolean;
65
- };
66
- }, {
67
- updateInput(): void;
60
+ }, {}, {
61
+ updateInput(value: string): void;
68
62
  handleFocus(): void;
69
63
  handleBlur(): void;
70
64
  handleKeydownEnter(): void;
71
- }, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("input:blur" | "input:focus" | "update:modelValue" | "keydown:enter" | "update:input")[], "input:blur" | "input:focus" | "update:modelValue" | "keydown:enter" | "update:input", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
65
+ }, 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<{
72
66
  id: {
73
67
  type: StringConstructor;
74
68
  required: true;
@@ -93,7 +87,7 @@ declare const _default: import("vue").DefineComponent<{
93
87
  type: StringConstructor;
94
88
  default: string;
95
89
  };
96
- modelValue: {
90
+ input: {
97
91
  type: StringConstructor;
98
92
  default: string;
99
93
  };
@@ -124,13 +118,12 @@ declare const _default: import("vue").DefineComponent<{
124
118
  }>> & {
125
119
  "onInput:blur"?: ((...args: any[]) => any) | undefined;
126
120
  "onInput:focus"?: ((...args: any[]) => any) | undefined;
127
- "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
128
121
  "onKeydown:enter"?: ((...args: any[]) => any) | undefined;
129
122
  "onUpdate:input"?: ((...args: any[]) => any) | undefined;
130
123
  }, {
124
+ input: string;
131
125
  dataTest: string;
132
126
  disabled: boolean;
133
- modelValue: string;
134
127
  placeholder: string;
135
128
  required: boolean;
136
129
  autocomplete: string;
package/dist/fusion.js CHANGED
@@ -1134,7 +1134,7 @@ const Qn = /* @__PURE__ */ Ne(fl, [["render", yl]]), bl = Ce({
1134
1134
  watch: {
1135
1135
  input: {
1136
1136
  handler(e) {
1137
- this.inputValue = e;
1137
+ this.inputValue = e, this.$emit("update:input", this.inputValue);
1138
1138
  },
1139
1139
  immediate: !0
1140
1140
  }
@@ -1225,7 +1225,7 @@ function Tl(e, t, n, r, a, o) {
1225
1225
  oe(e.$slots, "content", {}, void 0, !0)
1226
1226
  ], 10, Al);
1227
1227
  }
1228
- const Vn = /* @__PURE__ */ Ne(bl, [["render", Tl], ["__scopeId", "data-v-5aa1c13a"]]), Bl = Ce({
1228
+ const Vn = /* @__PURE__ */ Ne(bl, [["render", Tl], ["__scopeId", "data-v-fd28512a"]]), Bl = Ce({
1229
1229
  name: "FusionPanel",
1230
1230
  components: { SVGSearch: Er, CheckCircle: Qn, FusionLoadingSpinner: Fn, SVGInbox: il, FusionInput: Vn, OnClickOutside: zi },
1231
1231
  props: {
@@ -1719,7 +1719,7 @@ const k0 = /* @__PURE__ */ Ne(ns, [["render", ps], ["__scopeId", "data-v-cbd3b01
1719
1719
  type: String,
1720
1720
  default: ""
1721
1721
  },
1722
- modelValue: {
1722
+ input: {
1723
1723
  type: String,
1724
1724
  default: ""
1725
1725
  },
@@ -1748,27 +1748,18 @@ const k0 = /* @__PURE__ */ Ne(ns, [["render", ps], ["__scopeId", "data-v-cbd3b01
1748
1748
  default: "fusion-password-input"
1749
1749
  }
1750
1750
  },
1751
- emits: ["update:modelValue", "input:blur", "input:focus", "keydown:enter", "update:input"],
1751
+ emits: ["input:blur", "input:focus", "keydown:enter", "update:input"],
1752
1752
  data() {
1753
1753
  return {
1754
- inputValue: this.modelValue,
1754
+ inputValue: this.input || "",
1755
1755
  interactionStates: {
1756
1756
  focused: !1
1757
1757
  },
1758
1758
  showPassword: !1
1759
1759
  };
1760
1760
  },
1761
- computed: {
1762
- inputStates() {
1763
- return {
1764
- focused: this.interactionStates.focused,
1765
- disabled: this.disabled,
1766
- error: !!this.errorLabel
1767
- };
1768
- }
1769
- },
1770
1761
  watch: {
1771
- modelValue: {
1762
+ input: {
1772
1763
  handler(e) {
1773
1764
  this.inputValue = e;
1774
1765
  },
@@ -1776,8 +1767,8 @@ const k0 = /* @__PURE__ */ Ne(ns, [["render", ps], ["__scopeId", "data-v-cbd3b01
1776
1767
  }
1777
1768
  },
1778
1769
  methods: {
1779
- updateInput() {
1780
- this.$emit("update:input", this.inputValue);
1770
+ updateInput(e) {
1771
+ this.inputValue = e, this.$emit("update:input", e);
1781
1772
  },
1782
1773
  handleFocus() {
1783
1774
  this.interactionStates.focused = !0, this.$emit("input:focus");
@@ -1811,7 +1802,7 @@ function gs(e, t, n, r, a, o) {
1811
1802
  "helper-label": e.helperLabel,
1812
1803
  name: e.name,
1813
1804
  "error-label": e.errorLabel,
1814
- onInput: e.updateInput,
1805
+ "onUpdate:input": e.updateInput,
1815
1806
  onBlur: e.handleBlur,
1816
1807
  onFocus: e.handleFocus,
1817
1808
  onKeydown: ye(e.handleKeydownEnter, ["enter"])
@@ -1834,10 +1825,10 @@ function gs(e, t, n, r, a, o) {
1834
1825
  ]),
1835
1826
  key: "0"
1836
1827
  } : void 0
1837
- ]), 1032, ["id", "input", "type", "placeholder", "autocomplete", "required", "class", "disabled", "label", "helper-label", "name", "error-label", "onInput", "onBlur", "onFocus", "onKeydown"])
1828
+ ]), 1032, ["id", "input", "type", "placeholder", "autocomplete", "required", "class", "disabled", "label", "helper-label", "name", "error-label", "onUpdate:input", "onBlur", "onFocus", "onKeydown"])
1838
1829
  ], 8, vs);
1839
1830
  }
1840
- const w0 = /* @__PURE__ */ Ne(fs, [["render", gs], ["__scopeId", "data-v-235104aa"]]), Aa = {
1831
+ const w0 = /* @__PURE__ */ Ne(fs, [["render", gs], ["__scopeId", "data-v-0facf0fc"]]), Aa = {
1841
1832
  default: {
1842
1833
  code: "GB",
1843
1834
  dialCode: 44,
@@ -11767,7 +11758,7 @@ const D0 = /* @__PURE__ */ Ne(Uv, [["render", Hv], ["__scopeId", "data-v-458a850
11767
11758
  this.selected = e, this.interactionStates.opened = !1, this.$emit("update:modelValue", this.selected), this.$emit("selected:option", this.selected);
11768
11759
  },
11769
11760
  updateInput(e) {
11770
- if (this.searchInputValue = e, e && e.trim().length < this.minSearchLength) {
11761
+ if (this.searchInputValue = e, e.trim().length < this.minSearchLength) {
11771
11762
  this.interactionStates.opened = !1;
11772
11763
  return;
11773
11764
  }
@@ -11864,7 +11855,7 @@ function Yv(e, t, n, r, a, o) {
11864
11855
  ])
11865
11856
  ], 8, Rv);
11866
11857
  }
11867
- const P0 = /* @__PURE__ */ Ne(qv, [["render", Yv], ["__scopeId", "data-v-4656f6fe"]]), Wv = Ce({
11858
+ const P0 = /* @__PURE__ */ Ne(qv, [["render", Yv], ["__scopeId", "data-v-7bb80227"]]), Wv = Ce({
11868
11859
  name: "SVGDecrement"
11869
11860
  }), zv = {
11870
11861
  width: "24",