vuetify 3.5.3 → 3.5.4

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.
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * Vuetify v3.5.3
2
+ * Vuetify v3.5.4
3
3
  * Forged by John Leider
4
4
  * Released under the MIT License.
5
5
  */
@@ -5901,7 +5901,7 @@
5901
5901
  }, null) : props.text : vue.createVNode(VDefaultsProvider, {
5902
5902
  "key": "content-defaults",
5903
5903
  "defaults": {
5904
- VAvatar: {
5904
+ VImg: {
5905
5905
  cover: true,
5906
5906
  image: props.image
5907
5907
  },
@@ -5910,7 +5910,7 @@
5910
5910
  }
5911
5911
  }
5912
5912
  }, {
5913
- default: () => [slots.default?.()]
5913
+ default: () => [slots.default()]
5914
5914
  }), genOverlays(false, 'v-avatar')]
5915
5915
  }));
5916
5916
  return {};
@@ -15812,8 +15812,8 @@
15812
15812
  },
15813
15813
  setup(props) {
15814
15814
  const mode = useProxiedModel(props, 'mode');
15815
- const lastPickedColor = vue.ref(null);
15816
- const currentColor = useProxiedModel(props, 'modelValue', undefined, v => {
15815
+ const hue = vue.ref(null);
15816
+ const model = useProxiedModel(props, 'modelValue', undefined, v => {
15817
15817
  if (v == null || v === '') return null;
15818
15818
  let c;
15819
15819
  try {
@@ -15822,24 +15822,36 @@
15822
15822
  consoleWarn(err);
15823
15823
  return null;
15824
15824
  }
15825
- if (lastPickedColor.value) {
15826
- c = {
15827
- ...c,
15828
- h: lastPickedColor.value.h
15829
- };
15830
- lastPickedColor.value = null;
15831
- }
15832
15825
  return c;
15833
15826
  }, v => {
15834
15827
  if (!v) return null;
15835
15828
  return extractColor(v, props.modelValue);
15836
15829
  });
15830
+ const currentColor = vue.computed(() => {
15831
+ return model.value ? {
15832
+ ...model.value,
15833
+ h: hue.value ?? model.value.h
15834
+ } : null;
15835
+ });
15837
15836
  const {
15838
15837
  rtlClasses
15839
15838
  } = useRtl();
15839
+ let externalChange = true;
15840
+ vue.watch(model, v => {
15841
+ if (!externalChange) {
15842
+ // prevent hue shift from rgb conversion inaccuracy
15843
+ externalChange = true;
15844
+ return;
15845
+ }
15846
+ if (!v) return;
15847
+ hue.value = v.h;
15848
+ }, {
15849
+ immediate: true
15850
+ });
15840
15851
  const updateColor = hsva => {
15841
- currentColor.value = hsva;
15842
- lastPickedColor.value = hsva;
15852
+ externalChange = false;
15853
+ hue.value = hsva.h;
15854
+ model.value = hsva;
15843
15855
  };
15844
15856
  vue.onMounted(() => {
15845
15857
  if (!props.modes.includes(mode.value)) mode.value = props.modes[0];
@@ -20883,7 +20895,7 @@
20883
20895
  return props.multiple && model.value.length > 1 ? t('$vuetify.datePicker.itemsSelected', model.value.length) : model.value[0] && adapter.isValid(model.value[0]) ? adapter.format(model.value[0], 'normalDateWithWeekday') : t(props.header);
20884
20896
  });
20885
20897
  const text = vue.computed(() => {
20886
- return adapter.format(adapter.parseISO(`${year.value}-${month.value + 1}-01`), 'monthAndYear');
20898
+ return adapter.format(adapter.date(new Date(year.value, month.value, 1)), 'monthAndYear');
20887
20899
  });
20888
20900
  // const headerIcon = computed(() => props.inputMode === 'calendar' ? props.keyboardIcon : props.calendarIcon)
20889
20901
  const headerTransition = vue.computed(() => `date-picker-header${isReversing.value ? '-reverse' : ''}-transition`);
@@ -23817,12 +23829,11 @@
23817
23829
  "scrollStrategy": "none",
23818
23830
  "_disableGlobalStack": true
23819
23831
  }, scopeId), {
23820
- default: () => [genOverlays(false, 'v-snackbar'), props.timer && vue.createVNode("div", {
23832
+ default: () => [genOverlays(false, 'v-snackbar'), props.timer && !isHovering.value && vue.createVNode("div", {
23821
23833
  "key": "timer",
23822
23834
  "class": "v-snackbar__timer"
23823
23835
  }, [vue.createVNode(VProgressLinear, {
23824
23836
  "ref": timerRef,
23825
- "active": !isHovering.value,
23826
23837
  "color": typeof props.timer === 'string' ? props.timer : 'info',
23827
23838
  "max": props.timeout,
23828
23839
  "model-value": countdown.time.value
@@ -26224,7 +26235,7 @@
26224
26235
  goTo
26225
26236
  };
26226
26237
  }
26227
- const version$1 = "3.5.3";
26238
+ const version$1 = "3.5.4";
26228
26239
  createVuetify$1.version = version$1;
26229
26240
 
26230
26241
  // Vue's inject() can only be used in setup
@@ -26238,7 +26249,7 @@
26238
26249
 
26239
26250
  /* eslint-disable local-rules/sort-imports */
26240
26251
 
26241
- const version = "3.5.3";
26252
+ const version = "3.5.4";
26242
26253
 
26243
26254
  /* eslint-disable local-rules/sort-imports */
26244
26255