vue-datocms 8.1.13 → 8.1.15

package/dist/index.cjs.js

@@ -8,7 +8,7 @@ var datocmsStructuredTextUtils = require('datocms-structured-text-utils');
 var datocmsListen = require('datocms-listen');
 
 function useContentLink(options = {}) {
-  const { enabled = true, onNavigateTo, root } = options;
+  const { enabled = true, onNavigateTo, root, hue } = options;
   const controller = vue.ref(null);
   const onNavigateToRef = vue.ref(onNavigateTo);
   vue.watch(
@@ -36,6 +36,9 @@ function useContentLink(options = {}) {
     if (root == null ? void 0 : root.value) {
       controllerOptions.root = root.value;
     }
+    if (hue !== void 0) {
+      controllerOptions.hue = hue;
+    }
     controller.value = contentLink.createController(controllerOptions);
   };
   vue.onMounted(() => {
@@ -153,13 +156,23 @@ const ContentLink = vue.defineComponent({
     stripStega: {
       type: Boolean,
       required: false
+    },
+    /**
+     * Hue (0–359) of the overlay accent color.
+     *
+     * @default 17 (orange)
+     */
+    hue: {
+      type: Number,
+      required: false
     }
   },
   setup(props) {
     const { enableClickToEdit: enableClickToEditFn, setCurrentPath } = useContentLink({
       enabled: props.stripStega !== void 0 ? { stripStega: props.stripStega } : true,
       onNavigateTo: props.onNavigateTo,
-      root: props.root
+      root: props.root,
+      hue: props.hue
     });
     vue.onMounted(() => {
       if (!props.enableClickToEdit) {

package/dist/index.d.ts

@@ -56,6 +56,12 @@ type UseContentLinkOptions = {
     onNavigateTo?: (path: string) => void;
     /** Root element to limit scanning to (instead of document) */
     root?: Ref<ParentNode | null | undefined>;
+    /**
+     * Hue (0–359) of the overlay accent color.
+     *
+     * @default 17 (orange)
+     */
+    hue?: number;
 };
 type UseContentLinkResult = {
     /** The controller instance, or null if disabled */
@@ -112,7 +118,7 @@ type UseContentLinkResult = {
  */
 declare function useContentLink(options?: UseContentLinkOptions): UseContentLinkResult;
 
-type ContentLinkProps = Omit<UseContentLinkOptions, 'enabled'> & {
+type ContentLinkProps = Omit<UseContentLinkOptions, 'enabled' | 'hue'> & {
     /** Current pathname to sync with Web Previews plugin */
     currentPath?: string;
     /**
@@ -133,6 +139,12 @@ type ContentLinkProps = Omit<UseContentLinkOptions, 'enabled'> & {
     enableClickToEdit?: boolean | ClickToEditOptions;
     /** Whether to strip stega encoding from text nodes after stamping. */
     stripStega?: boolean;
+    /**
+     * Hue (0–359) of the overlay accent color.
+     *
+     * @default 17 (orange)
+     */
+    hue?: number;
 };
 /**
  * ContentLink component enables Visual Editing for DatoCMS content.
@@ -283,6 +295,15 @@ declare const ContentLink: vue.DefineComponent<{
         type: BooleanConstructor;
         required: false;
     };
+    /**
+     * Hue (0–359) of the overlay accent color.
+     *
+     * @default 17 (orange)
+     */
+    hue: {
+        type: NumberConstructor;
+        required: false;
+    };
 }, () => null, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<vue.ExtractPropTypes<{
     /**
      * Callback when Web Previews plugin requests navigation.
@@ -342,6 +363,15 @@ declare const ContentLink: vue.DefineComponent<{
         type: BooleanConstructor;
         required: false;
     };
+    /**
+     * Hue (0–359) of the overlay accent color.
+     *
+     * @default 17 (orange)
+     */
+    hue: {
+        type: NumberConstructor;
+        required: false;
+    };
 }>>, {
     stripStega: boolean;
 }, {}>;

package/dist/index.esm.mjs

@@ -9,7 +9,7 @@ export { RenderError } from 'datocms-structured-text-utils';
 import { subscribeToQuery } from 'datocms-listen';
 
 function useContentLink(options = {}) {
-  const { enabled = true, onNavigateTo, root } = options;
+  const { enabled = true, onNavigateTo, root, hue } = options;
   const controller = ref(null);
   const onNavigateToRef = ref(onNavigateTo);
   watch(
@@ -37,6 +37,9 @@ function useContentLink(options = {}) {
     if (root == null ? void 0 : root.value) {
       controllerOptions.root = root.value;
     }
+    if (hue !== void 0) {
+      controllerOptions.hue = hue;
+    }
     controller.value = createController(controllerOptions);
   };
   onMounted(() => {
@@ -154,13 +157,23 @@ const ContentLink = defineComponent({
     stripStega: {
       type: Boolean,
       required: false
+    },
+    /**
+     * Hue (0–359) of the overlay accent color.
+     *
+     * @default 17 (orange)
+     */
+    hue: {
+      type: Number,
+      required: false
     }
   },
   setup(props) {
     const { enableClickToEdit: enableClickToEditFn, setCurrentPath } = useContentLink({
       enabled: props.stripStega !== void 0 ? { stripStega: props.stripStega } : true,
       onNavigateTo: props.onNavigateTo,
-      root: props.root
+      root: props.root,
+      hue: props.hue
     });
     onMounted(() => {
       if (!props.enableClickToEdit) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vue-datocms",
-  "version": "8.1.13",
+  "version": "8.1.15",
   "type": "module",
   "description": "A set of components and utilities to work faster with DatoCMS in Vue.js environments",
   "keywords": [
@@ -42,7 +42,7 @@
     "toc": "doctoc --github src/components src/lib"
   },
   "dependencies": {
-    "@datocms/content-link": "^0.3.13",
+    "@datocms/content-link": "^0.3.19",
     "datocms-listen": "^1.0.2",
     "hls.js": "^1.5.17",
     "datocms-structured-text-generic-html-renderer": "^5.0.0",
@@ -60,8 +60,8 @@
   },
   "devDependencies": {
     "@biomejs/biome": "^1.6.3",
-    "@mux/mux-player": "^2.5.0",
-    "@mux/playback-core": "^0.22.1",
+    "@mux/mux-player": "^3.11.4",
+    "@mux/playback-core": "^0.33.1",
     "@types/hyphenate-style-name": "^1.0.2",
     "@types/jest": "^29.5.11",
     "@types/node": "^25.0.10",