maz-ui 4.7.4 → 4.7.5

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.
Files changed (8) hide show
  1. package/dist/assets/MazDatePicker.CQTJ2MSi.css +1 -0
  2. package/dist/assets/MazInputPhoneNumber.CW4VVpBq.css +1 -0
  3. package/dist/components/MazDatePicker.js +2 -2
  4. package/dist/components/MazInputPhoneNumber.js +7 -4
  5. package/dist/components/MazInputPhoneNumber.vue.d.ts +7 -1
  6. package/package.json +4 -4
  7. package/dist/assets/MazDatePicker.DB3RFln-.css +0 -1
  8. package/dist/assets/MazInputPhoneNumber.tHkmovZG.css +0 -1
package/dist/assets/MazDatePicker.CQTJ2MSi.css ADDED
@@ -0,0 +1 @@
1
+ .m-date-picker[data-v-bd9b2992]{display:inline-block;position:relative}.m-date-picker__input[data-v-bd9b2992]{width:100%;height:100%}.m-date-picker .m-date-picker__button[data-v-bd9b2992]{cursor:not-allowed;background-color:#0000;justify-content:center;align-items:center;height:100%;padding-inline-end:.25rem;display:flex}.m-date-picker .m-date-picker__button__chevron[data-v-bd9b2992]{--maz-tw-text-opacity:1;color:hsl(var(--maz-foreground) / var(--maz-tw-text-opacity,1));transition-property:transform;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.m-date-picker.--is-open .m-date-picker__button__chevron[data-v-bd9b2992]{transform:rotate(180deg)}.m-date-picker:not(.--is-disabled) .m-date-picker__button[data-v-bd9b2992]{cursor:pointer}.m-date-picker:not(.--is-disabled) .m-date-picker__input[data-v-bd9b2992] input{cursor:pointer!important}
package/dist/assets/MazInputPhoneNumber.CW4VVpBq.css ADDED
@@ -0,0 +1 @@
1
+ .m-input-phone-number[data-v-cc259039]{vertical-align:top;align-items:center;display:inline-flex;position:relative}.m-input-phone-number.--block[data-v-cc259039]{width:100%}.m-input-phone-number.--col[data-v-cc259039]{flex-direction:column}.m-input-phone-number.--col .m-input-phone-number__country-select[data-v-cc259039],.m-input-phone-number.--col .m-input-phone-number__country-select[data-v-cc259039] .m-select-country__select{min-width:100%}.m-input-phone-number.--col .m-input-phone-number__country-select[data-v-cc259039] .m-select-country__select .m-input-wrapper{border-bottom-right-radius:0;border-bottom-left-radius:0;border-top-right-radius:var(--maz-radius)}.m-input-phone-number.--row[data-v-cc259039]{flex-direction:row}.m-input-phone-number.--row .m-input-phone-number__country-select[data-v-cc259039] .m-select-country__select .m-input-wrapper{border-top-right-radius:0;border-bottom-right-radius:0;border-bottom-left-radius:0}.m-input-phone-number.--responsive[data-v-cc259039]{flex-direction:column}@media (min-width:576px){.m-input-phone-number.--responsive[data-v-cc259039]{flex-direction:row}}.m-input-phone-number.--responsive .m-input-phone-number__country-select[data-v-cc259039]{min-width:100%}@media (min-width:576px){.m-input-phone-number.--responsive .m-input-phone-number__country-select[data-v-cc259039]{min-width:inherit}}.m-input-phone-number.--responsive .m-input-phone-number__country-select[data-v-cc259039] .m-select-country__select{min-width:100%}@media (min-width:576px){.m-input-phone-number.--responsive .m-input-phone-number__country-select[data-v-cc259039] .m-select-country__select{min-width:inherit}}.m-input-phone-number.--responsive .m-input-phone-number__country-select[data-v-cc259039] .m-input-wrapper{border-bottom-right-radius:0;border-bottom-left-radius:0}@media (min-width:576px){.m-input-phone-number.--responsive .m-input-phone-number__country-select[data-v-cc259039] .m-input-wrapper{border-bottom-right-radius:var(--maz-radius);border-bottom-left-radius:var(--maz-radius);border-top-right-radius:0;border-bottom-right-radius:0}}.m-input-phone-number__country-list-code[data-v-cc259039]{text-align:center;--maz-tw-text-opacity:1;min-width:2rem;color:hsl(var(--maz-muted) / var(--maz-tw-text-opacity,1))}
package/dist/components/MazDatePicker.js CHANGED
@@ -9,7 +9,7 @@ import { useInstanceUniqId } from "../composables/useInstanceUniqId.js";
9
9
  import MazPickerContainer from "./MazDatePicker/MazPickerContainer.js";
10
10
  import MazPopover from "./MazPopover.js";
11
11
  import { _ as _export_sfc } from "../chunks/_plugin-vue_export-helper.B--vMWp3.js";
12
- import '../assets/MazDatePicker.DB3RFln-.css';var customParseFormat$2 = { exports: {} }, customParseFormat$1 = customParseFormat$2.exports, hasRequiredCustomParseFormat;
12
+ import '../assets/MazDatePicker.CQTJ2MSi.css';var customParseFormat$2 = { exports: {} }, customParseFormat$1 = customParseFormat$2.exports, hasRequiredCustomParseFormat;
13
13
  function requireCustomParseFormat() {
14
14
  return hasRequiredCustomParseFormat || (hasRequiredCustomParseFormat = 1, (function(module, exports$1) {
15
15
  (function(e, t) {
@@ -460,7 +460,7 @@ const isBetween = /* @__PURE__ */ getDefaultExportFromCjs(isBetweenExports), _sf
460
460
  _: 3
461
461
  }, 8, ["id", "modelValue", "style", "class", "transition", "disabled", "block", "position", "prefer-position", "fallback-position", "position-reference"]));
462
462
  }
463
- }), MazDatePicker = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-546aa065"]]);
463
+ }), MazDatePicker = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-bd9b2992"]]);
464
464
  export {
465
465
  MazDatePicker as default
466
466
  };
package/dist/components/MazInputPhoneNumber.js CHANGED
@@ -3,7 +3,7 @@ import { useTranslations } from "@maz-ui/translations/composables/useTranslation
3
3
  import { useInstanceUniqId } from "../composables/useInstanceUniqId.js";
4
4
  import { u as useMazInputPhoneNumber, a as useLibphonenumber } from "../chunks/useMazInputPhoneNumber.Os-2y9bz.js";
5
5
  import { _ as _export_sfc } from "../chunks/_plugin-vue_export-helper.B--vMWp3.js";
6
- import '../assets/MazInputPhoneNumber.tHkmovZG.css';const _hoisted_1 = ["id"], _hoisted_2 = { class: "m-input-phone-number__country-list-code" }, _sfc_main = /* @__PURE__ */ defineComponent({
6
+ import '../assets/MazInputPhoneNumber.CW4VVpBq.css';const _hoisted_1 = ["id"], _hoisted_2 = { class: "m-input-phone-number__country-list-code" }, _sfc_main = /* @__PURE__ */ defineComponent({
7
7
  name: "MazInputPhoneNumber",
8
8
  inheritAttrs: !1,
9
9
  __name: "MazInputPhoneNumber",
@@ -24,6 +24,7 @@ import '../assets/MazInputPhoneNumber.tHkmovZG.css';const _hoisted_1 = ["id"], _
24
24
  size: { default: "md" },
25
25
  hideFlags: { type: Boolean, default: !1 },
26
26
  disabled: { type: Boolean, default: !1 },
27
+ required: { type: Boolean, default: !1 },
27
28
  example: { type: Boolean, default: !0 },
28
29
  search: { type: Boolean, default: !0 },
29
30
  searchThreshold: { default: 0.75 },
@@ -196,6 +197,7 @@ import '../assets/MazInputPhoneNumber.tHkmovZG.css';const _hoisted_1 = ["id"], _
196
197
  hint: phoneNumber.value && !selectedCountry.value ? messages.value.countrySelect.error : void 0,
197
198
  options: countriesList.value,
198
199
  disabled: __props.disabled,
200
+ required: __props.required,
199
201
  "search-threshold": __props.searchThreshold,
200
202
  "format-input-value": __props.displayCountryName || !selectedCountry.value ? void 0 : (value) => `+${value}`,
201
203
  "show-code-in-list": __props.showCodeInList,
@@ -219,7 +221,7 @@ import '../assets/MazInputPhoneNumber.tHkmovZG.css';const _hoisted_1 = ["id"], _
219
221
  createElementVNode("span", _hoisted_2, " +" + toDisplayString(option.dialCode), 1)
220
222
  ]),
221
223
  _: 3
222
- }, 16, ["id", "model-value", "option-input-value-key", "color", "size", "locale", "countries-list", "list-position", "hide-flags", "search", "block", "error", "success", "translations", "hint", "options", "disabled", "search-threshold", "format-input-value", "show-code-in-list", "label"])),
224
+ }, 16, ["id", "model-value", "option-input-value-key", "color", "size", "locale", "countries-list", "list-position", "hide-flags", "search", "block", "error", "success", "translations", "hint", "options", "disabled", "required", "search-threshold", "format-input-value", "show-code-in-list", "label"])),
223
225
  createVNode(unref(PhoneInput), mergeProps({
224
226
  id: `${unref(instanceId)}-phone`,
225
227
  ref_key: "PhoneInputRef",
@@ -233,6 +235,7 @@ import '../assets/MazInputPhoneNumber.tHkmovZG.css';const _hoisted_1 = ["id"], _
233
235
  example: __props.example,
234
236
  block: "",
235
237
  disabled: __props.disabled,
238
+ required: __props.required,
236
239
  name: __props.phoneInputAttributes.name,
237
240
  "has-radius": !__props.hideCountrySelect,
238
241
  success: __props.success || (__props.validationSuccess ? results.value.isValid : !1),
@@ -241,10 +244,10 @@ import '../assets/MazInputPhoneNumber.tHkmovZG.css';const _hoisted_1 = ["id"], _
241
244
  label: __props.label,
242
245
  placeholder: __props.placeholder,
243
246
  "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => onPhoneNumberChanged({ newPhoneNumber: $event }))
244
- }), null, 16, ["id", "model-value", "color", "size", "auto-format", "example", "disabled", "name", "has-radius", "success", "error", "locales", "label", "placeholder"])
247
+ }), null, 16, ["id", "model-value", "color", "size", "auto-format", "example", "disabled", "required", "name", "has-radius", "success", "error", "locales", "label", "placeholder"])
245
248
  ], 14, _hoisted_1));
246
249
  }
247
- }), MazInputPhoneNumber = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-41bb3d90"]]);
250
+ }), MazInputPhoneNumber = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-cc259039"]]);
248
251
  export {
249
252
  MazInputPhoneNumber as default
250
253
  };
package/dist/components/MazInputPhoneNumber.vue.d.ts CHANGED
@@ -124,10 +124,15 @@ export interface MazInputPhoneNumberProps {
124
124
  */
125
125
  hideFlags?: boolean;
126
126
  /**
127
- * Disable input
127
+ * Make the input disabled
128
128
  * @default false
129
129
  */
130
130
  disabled?: boolean;
131
+ /**
132
+ * Make the input required
133
+ * @default false
134
+ */
135
+ required?: boolean;
131
136
  /**
132
137
  * Show the phone number example
133
138
  * @default true
@@ -349,6 +354,7 @@ declare const __VLS_component: import('vue').DefineComponent<MazInputPhoneNumber
349
354
  color: MazColor;
350
355
  disabled: boolean;
351
356
  orientation: "row" | "col" | "responsive";
357
+ required: boolean;
352
358
  example: boolean;
353
359
  useBrowserLocale: boolean;
354
360
  listPosition: import('./MazPopover.vue').MazPopoverPosition;
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "maz-ui",
3
3
  "type": "module",
4
- "version": "4.7.4",
4
+ "version": "4.7.5",
5
5
  "description": "A standalone components library for Vue.Js 3 & Nuxt.Js 3",
6
6
  "author": "Louis Mazel <me@loicmazuel.com>",
7
7
  "license": "MIT",
@@ -161,10 +161,10 @@
161
161
  "valibot": "^1.2.0",
162
162
  "vue-chartjs": "^5.3.3",
163
163
  "@maz-ui/cli": "4.7.3",
164
- "@maz-ui/translations": "4.7.4",
165
164
  "@maz-ui/icons": "4.7.2",
166
- "@maz-ui/utils": "4.7.4",
167
- "@maz-ui/themes": "4.7.4"
165
+ "@maz-ui/themes": "4.7.4",
166
+ "@maz-ui/translations": "4.7.4",
167
+ "@maz-ui/utils": "4.7.4"
168
168
  },
169
169
  "devDependencies": {
170
170
  "@vitejs/plugin-vue": "^6.0.4",
package/dist/assets/MazDatePicker.DB3RFln-.css DELETED
@@ -1 +0,0 @@
1
- .m-date-picker[data-v-546aa065]{display:inline-block;position:relative}.m-date-picker__input[data-v-546aa065]{width:100%;height:100%}.m-date-picker .m-date-picker__button[data-v-546aa065]{cursor:not-allowed;background-color:#0000;justify-content:center;align-items:center;height:100%;padding-inline-end:.25rem;display:flex}.m-date-picker .m-date-picker__button__chevron[data-v-546aa065]{--maz-tw-text-opacity:1;color:hsl(var(--maz-foreground) / var(--maz-tw-text-opacity,1));transition-property:transform;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.m-date-picker.--is-open .m-date-picker__button__chevron[data-v-546aa065]{transform:rotate(180deg)}.m-date-picker:not(.--is-disabled) .m-date-picker__button[data-v-546aa065]{cursor:pointer}.m-date-picker:not(.--is-disabled) .m-date-picker__input[data-v-546aa065] input{cursor:pointer!important}
package/dist/assets/MazInputPhoneNumber.tHkmovZG.css DELETED
@@ -1 +0,0 @@
1
- .m-input-phone-number[data-v-41bb3d90]{vertical-align:top;align-items:center;display:inline-flex;position:relative}.m-input-phone-number.--block[data-v-41bb3d90]{width:100%}.m-input-phone-number.--col[data-v-41bb3d90]{flex-direction:column}.m-input-phone-number.--col .m-input-phone-number__country-select[data-v-41bb3d90],.m-input-phone-number.--col .m-input-phone-number__country-select[data-v-41bb3d90] .m-select-country__select{min-width:100%}.m-input-phone-number.--col .m-input-phone-number__country-select[data-v-41bb3d90] .m-select-country__select .m-input-wrapper{border-bottom-right-radius:0;border-bottom-left-radius:0;border-top-right-radius:var(--maz-radius)}.m-input-phone-number.--row[data-v-41bb3d90]{flex-direction:row}.m-input-phone-number.--row .m-input-phone-number__country-select[data-v-41bb3d90] .m-select-country__select .m-input-wrapper{border-top-right-radius:0;border-bottom-right-radius:0;border-bottom-left-radius:0}.m-input-phone-number.--responsive[data-v-41bb3d90]{flex-direction:column}@media (min-width:576px){.m-input-phone-number.--responsive[data-v-41bb3d90]{flex-direction:row}}.m-input-phone-number.--responsive .m-input-phone-number__country-select[data-v-41bb3d90]{min-width:100%}@media (min-width:576px){.m-input-phone-number.--responsive .m-input-phone-number__country-select[data-v-41bb3d90]{min-width:inherit}}.m-input-phone-number.--responsive .m-input-phone-number__country-select[data-v-41bb3d90] .m-select-country__select{min-width:100%}@media (min-width:576px){.m-input-phone-number.--responsive .m-input-phone-number__country-select[data-v-41bb3d90] .m-select-country__select{min-width:inherit}}.m-input-phone-number.--responsive .m-input-phone-number__country-select[data-v-41bb3d90] .m-input-wrapper{border-bottom-right-radius:0;border-bottom-left-radius:0}@media (min-width:576px){.m-input-phone-number.--responsive .m-input-phone-number__country-select[data-v-41bb3d90] .m-input-wrapper{border-bottom-right-radius:var(--maz-radius);border-bottom-left-radius:var(--maz-radius);border-top-right-radius:0;border-bottom-right-radius:0}}.m-input-phone-number__country-list-code[data-v-41bb3d90]{text-align:center;--maz-tw-text-opacity:1;min-width:2rem;color:hsl(var(--maz-muted) / var(--maz-tw-text-opacity,1))}