@sepveneto/free-dom 0.14.1 → 0.14.3

package/dist/index.css

@@ -1,4 +1,4 @@
-/* ../../../../../../../tmp/tmp-1865-ZyKDXSXhJ7h5/core/src/style/index.css */
+/* ../../../../../../../tmp/tmp-1926-uN79DMUrEvSi/core/src/style/index.css */
 :root {
   --vv-free-dom--theme: rgb(64, 137, 239);
   --vv-free-dom--line: var(--vv-free-dom--theme);
@@ -21,9 +21,10 @@
 .vv-free-dom--draggable__disabled {
   cursor: initial;
 }
-.vv-free-dom--draggable__selected::after,
-.vv-free-dom--draggable__selected:focus-visible {
+.vv-free-dom--draggable__mask.vv-free-dom--draggable__selected::after,
+.vv-free-dom--draggable__mask.vv-free-dom--draggable__selected:focus-visible {
   content: "";
+  z-index: 1;
   display: block;
   width: 100%;
   height: 100%;
@@ -33,8 +34,8 @@
   background: var(--vv-free-dom--selected);
   outline: 2px dashed var(--vv-free-dom--theme);
 }
-.vv-free-dom--draggable__selected::after::selection,
-.vv-free-dom--draggable__selected:focus-visible::selection {
+.vv-free-dom--draggable__mask.vv-free-dom--draggable__selected::after::selection,
+.vv-free-dom--draggable__mask.vv-free-dom--draggable__selected:focus-visible::selection {
   background-color: transparent !important;
 }
 .vv-free-dom--line {

package/dist/index.d.ts

@@ -105,6 +105,10 @@ declare const FreeScene: vue.DefineComponent<vue.ExtractPropTypes<{
         type: NumberConstructor;
         default: number;
     };
+    mask: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
     autoExpand: vue.PropType<boolean | number | {
         width?: boolean | number;
         height?: boolean | number;
@@ -181,6 +185,10 @@ declare const FreeScene: vue.DefineComponent<vue.ExtractPropTypes<{
         type: NumberConstructor;
         default: number;
     };
+    mask: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
     autoExpand: vue.PropType<boolean | number | {
         width?: boolean | number;
         height?: boolean | number;
@@ -233,6 +241,7 @@ declare const FreeScene: vue.DefineComponent<vue.ExtractPropTypes<{
 }>, {
     scale: boolean | ("t" | "r" | "l" | "b" | "lt" | "lb" | "rt" | "rb")[];
     diff: number;
+    mask: boolean;
     manualDiff: boolean;
     showLine: boolean;
     transformScale: number;
@@ -435,6 +444,10 @@ declare const FreeDom: vue.DefineComponent<vue.ExtractPropTypes<{
         type: NumberConstructor;
         default: undefined;
     };
+    mask: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
     modelValue: {
         type: vue.PropType<Partial<{
             x: number;
@@ -503,6 +516,7 @@ declare const FreeDom: vue.DefineComponent<vue.ExtractPropTypes<{
     };
     fixNonMonospaced: BooleanConstructor;
 }>, {
+    itemMask: vue.ComputedRef<boolean>;
     selected: vue.Ref<boolean, boolean>;
     domRef: vue.Ref<vue.CreateComponentPublicInstanceWithMixins<Readonly<vue.ExtractPropTypes<{
         userSelectHack: {
@@ -684,6 +698,10 @@ declare const FreeDom: vue.DefineComponent<vue.ExtractPropTypes<{
         type: NumberConstructor;
         default: undefined;
     };
+    mask: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
     modelValue: {
         type: vue.PropType<Partial<{
             x: number;
@@ -765,6 +783,7 @@ declare const FreeDom: vue.DefineComponent<vue.ExtractPropTypes<{
     h: number;
     dragFn: CoreFnCallback;
     scale: boolean | ("t" | "r" | "l" | "b" | "lt" | "lb" | "rt" | "rb")[];
+    mask: boolean;
     transformScale: number;
     keyboard: boolean;
     handle: string;

package/dist/index.js

@@ -56805,6 +56805,15 @@ function useSceneContext(elm, context, props) {
   });
   const keyboard = (0, import_vue_demi7.computed)(() => SceneContext?.keyboard || props.keyboard);
   const manualDiff = (0, import_vue_demi7.computed)(() => SceneContext?.manualDiff);
+  const mask = (0, import_vue_demi7.computed)(() => {
+    if (props.mask != null) {
+      return props.mask;
+    } else if (SceneContext?.mask == null) {
+      return true;
+    } else {
+      return SceneContext.mask;
+    }
+  });
   (0, import_vue_demi7.onMounted)(() => {
     const node = elm.value;
     if (!node) {
@@ -56847,7 +56856,8 @@ function useSceneContext(elm, context, props) {
     fixNonMonospaced,
     transformScale,
     keyboard,
-    manualDiff
+    manualDiff,
+    mask
   };
 }
 
@@ -58100,6 +58110,10 @@ var freeDomProps = {
     type: Number,
     default: void 0
   },
+  mask: {
+    type: Boolean,
+    default: void 0
+  },
   modelValue: {
     type: Object,
     default: () => ({})
@@ -58403,6 +58417,7 @@ var freeDom = (0, import_vue_demi17.defineComponent)({
       syncSize
     });
     return {
+      itemMask: sceneContext.mask,
       selected,
       domRef,
       style,
@@ -58436,7 +58451,8 @@ var freeDom = (0, import_vue_demi17.defineComponent)({
         class: [
           "vv-free-dom--draggable",
           this.disabled && "vv-free-dom--draggable__disabled",
-          (this.active || this.selected) && "vv-free-dom--draggable__selected"
+          (this.active || this.selected) && "vv-free-dom--draggable__selected",
+          this.itemMask && "vv-free-dom--draggable__mask"
         ],
         style: this.style
       },
@@ -58460,6 +58476,7 @@ var freeDomWrapProps = {
     type: Number,
     default: 2
   },
+  mask: freeDomProps.mask,
   autoExpand: [Number, Boolean, Object],
   manualDiff: Boolean,
   showLine: {

package/dist/index.mjs

@@ -56805,6 +56805,15 @@ function useSceneContext(elm, context, props) {
   });
   const keyboard = computed2(() => SceneContext?.keyboard || props.keyboard);
   const manualDiff = computed2(() => SceneContext?.manualDiff);
+  const mask = computed2(() => {
+    if (props.mask != null) {
+      return props.mask;
+    } else if (SceneContext?.mask == null) {
+      return true;
+    } else {
+      return SceneContext.mask;
+    }
+  });
   onMounted(() => {
     const node = elm.value;
     if (!node) {
@@ -56847,7 +56856,8 @@ function useSceneContext(elm, context, props) {
     fixNonMonospaced,
     transformScale,
     keyboard,
-    manualDiff
+    manualDiff,
+    mask
   };
 }
 
@@ -58100,6 +58110,10 @@ var freeDomProps = {
     type: Number,
     default: void 0
   },
+  mask: {
+    type: Boolean,
+    default: void 0
+  },
   modelValue: {
     type: Object,
     default: () => ({})
@@ -58403,6 +58417,7 @@ var freeDom = defineComponent5({
       syncSize
     });
     return {
+      itemMask: sceneContext.mask,
       selected,
       domRef,
       style,
@@ -58436,7 +58451,8 @@ var freeDom = defineComponent5({
         class: [
           "vv-free-dom--draggable",
           this.disabled && "vv-free-dom--draggable__disabled",
-          (this.active || this.selected) && "vv-free-dom--draggable__selected"
+          (this.active || this.selected) && "vv-free-dom--draggable__selected",
+          this.itemMask && "vv-free-dom--draggable__mask"
         ],
         style: this.style
       },
@@ -58460,6 +58476,7 @@ var freeDomWrapProps = {
     type: Number,
     default: 2
   },
+  mask: freeDomProps.mask,
   autoExpand: [Number, Boolean, Object],
   manualDiff: Boolean,
   showLine: {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sepveneto/free-dom",
-  "version": "0.14.1",
+  "version": "0.14.3",
   "description": "",
   "main": "dist/index.cjs",
   "module": "dist/index.mjs",