@vuetify/nightly 3.3.11-dev.2023-08-07 → 3.3.11-dev.2023-08-09

package/dist/vuetify-labs.js

@@ -1,5 +1,5 @@
 /*!
-* Vuetify v3.3.11-dev.2023-08-07
+* Vuetify v3.3.11-dev.2023-08-09
 * Forged by John Leider
 * Released under the MIT License.
 */
@@ -78,6 +78,7 @@
   const IN_BROWSER = typeof window !== 'undefined';
   const SUPPORTS_INTERSECTION = IN_BROWSER && 'IntersectionObserver' in window;
   const SUPPORTS_TOUCH = IN_BROWSER && ('ontouchstart' in window || window.navigator.maxTouchPoints > 0);
+  const SUPPORTS_EYE_DROPPER = IN_BROWSER && 'EyeDropper' in window;
 
   function _classPrivateFieldInitSpec(obj, privateMap, value) { _checkPrivateRedeclaration(obj, privateMap); privateMap.set(obj, value); }
   function _checkPrivateRedeclaration(obj, privateCollection) { if (privateCollection.has(obj)) { throw new TypeError("Cannot initialize the same private elements twice on an object"); } }
@@ -2978,6 +2979,10 @@
   const makeVImgProps = propsFactory({
     alt: String,
     cover: Boolean,
+    draggable: {
+      type: [Boolean, String],
+      default: undefined
+    },
     eager: Boolean,
     gradient: String,
     lazySrc: String,
@@ -3124,6 +3129,7 @@
           "alt": props.alt,
           "crossorigin": props.crossorigin,
           "referrerpolicy": props.referrerpolicy,
+          "draggable": props.draggable,
           "sizes": props.sizes,
           "ref": image,
           "onLoad": onLoad,
@@ -3147,7 +3153,8 @@
           "src": normalisedSrc.value.lazySrc,
           "alt": props.alt,
           "crossorigin": props.crossorigin,
-          "referrerpolicy": props.referrerpolicy
+          "referrerpolicy": props.referrerpolicy,
+          "draggable": props.draggable
         }, null)]
       });
       const __placeholder = () => {
@@ -4166,7 +4173,8 @@
     file: 'mdi-paperclip',
     plus: 'mdi-plus',
     minus: 'mdi-minus',
-    calendar: 'mdi-calendar'
+    calendar: 'mdi-calendar',
+    eyeDropper: 'mdi-eyedropper'
   };
   const mdi = {
     // Not using mergeProps here, functional components merge props by default (?)
@@ -14161,12 +14169,36 @@
       let {
         emit
       } = _ref;
+      const abortController = new AbortController();
+      vue.onUnmounted(() => abortController.abort());
+      async function openEyeDropper() {
+        if (!SUPPORTS_EYE_DROPPER) return;
+        const eyeDropper = new window.EyeDropper();
+        try {
+          const result = await eyeDropper.open({
+            signal: abortController.signal
+          });
+          const colorHexValue = HexToHSV(result.sRGBHex);
+          emit('update:color', {
+            ...(props.color ?? nullColor),
+            ...colorHexValue
+          });
+        } catch (e) {}
+      }
       useRender(() => vue.createVNode("div", {
         "class": ['v-color-picker-preview', {
           'v-color-picker-preview--hide-alpha': props.hideAlpha
         }, props.class],
         "style": props.style
-      }, [vue.createVNode("div", {
+      }, [SUPPORTS_EYE_DROPPER && vue.createVNode("div", {
+        "class": "v-color-picker-preview__eye-dropper",
+        "key": "eyeDropper"
+      }, [vue.createVNode(VBtn, {
+        "onClick": openEyeDropper,
+        "icon": "$eyeDropper",
+        "variant": "plain",
+        "density": "comfortable"
+      }, null)]), vue.createVNode("div", {
         "class": "v-color-picker-preview__dot"
       }, [vue.createVNode("div", {
         "style": {
@@ -24376,7 +24408,7 @@
       date
     };
   }
-  const version$1 = "3.3.11-dev.2023-08-07";
+  const version$1 = "3.3.11-dev.2023-08-09";
   createVuetify$1.version = version$1;
 
   // Vue's inject() can only be used in setup
@@ -24390,7 +24422,7 @@
 
   /* eslint-disable local-rules/sort-imports */
 
-  const version = "3.3.11-dev.2023-08-07";
+  const version = "3.3.11-dev.2023-08-09";
 
   /* eslint-disable local-rules/sort-imports */