@sepveneto/free-dom 0.13.5 → 0.14.0

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.
package/dist/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* ../../../../../../../tmp/tmp-1887-blLLVR2FkIXA/core/src/style/index.css */
1
+ /* ../../../../../../../tmp/tmp-1871-Z7U5Crvxu3dF/core/src/style/index.css */
2
2
  :root {
3
3
  --vv-free-dom--theme: rgb(64, 137, 239);
4
4
  --vv-free-dom--line: var(--vv-free-dom--theme);
@@ -21,12 +21,19 @@
21
21
  .vv-free-dom--draggable__disabled {
22
22
  cursor: initial;
23
23
  }
24
- .vv-free-dom--draggable__selected,
24
+ .vv-free-dom--draggable__selected::after,
25
25
  .vv-free-dom--draggable__selected:focus-visible {
26
+ content: "";
27
+ display: block;
28
+ width: 100%;
29
+ height: 100%;
30
+ position: absolute;
31
+ top: 0;
32
+ left: 0;
26
33
  background: var(--vv-free-dom--selected);
27
34
  outline: 2px dashed var(--vv-free-dom--theme);
28
35
  }
29
- .vv-free-dom--draggable__selected::selection,
36
+ .vv-free-dom--draggable__selected::after::selection,
30
37
  .vv-free-dom--draggable__selected:focus-visible::selection {
31
38
  background-color: transparent !important;
32
39
  }
@@ -120,6 +127,7 @@
120
127
  }
121
128
  .vv-resize-dom--handler {
122
129
  position: absolute;
130
+ z-index: 1;
123
131
  width: 20px;
124
132
  height: 20px;
125
133
  padding: 0 3px 3px 0;
package/dist/index.d.ts CHANGED
@@ -105,9 +105,9 @@ declare const FreeScene: vue.DefineComponent<vue.ExtractPropTypes<{
105
105
  type: NumberConstructor;
106
106
  default: number;
107
107
  };
108
- autoExpand: vue.PropType<boolean | {
109
- width?: boolean;
110
- height?: boolean;
108
+ autoExpand: vue.PropType<boolean | number | {
109
+ width?: boolean | number;
110
+ height?: boolean | number;
111
111
  }>;
112
112
  manualDiff: BooleanConstructor;
113
113
  showLine: {
@@ -181,9 +181,9 @@ declare const FreeScene: vue.DefineComponent<vue.ExtractPropTypes<{
181
181
  type: NumberConstructor;
182
182
  default: number;
183
183
  };
184
- autoExpand: vue.PropType<boolean | {
185
- width?: boolean;
186
- height?: boolean;
184
+ autoExpand: vue.PropType<boolean | number | {
185
+ width?: boolean | number;
186
+ height?: boolean | number;
187
187
  }>;
188
188
  manualDiff: BooleanConstructor;
189
189
  showLine: {
package/dist/index.js CHANGED
@@ -147,9 +147,9 @@ var require_ms = __commonJS({
147
147
  }
148
148
  });
149
149
 
150
- // ../../node_modules/.pnpm/debug@4.3.7/node_modules/debug/src/common.js
150
+ // ../../node_modules/.pnpm/debug@4.4.0/node_modules/debug/src/common.js
151
151
  var require_common = __commonJS({
152
- "../../node_modules/.pnpm/debug@4.3.7/node_modules/debug/src/common.js"(exports, module2) {
152
+ "../../node_modules/.pnpm/debug@4.4.0/node_modules/debug/src/common.js"(exports, module2) {
153
153
  function setup(env) {
154
154
  createDebug.debug = createDebug;
155
155
  createDebug.default = createDebug;
@@ -250,50 +250,64 @@ var require_common = __commonJS({
250
250
  createDebug.namespaces = namespaces;
251
251
  createDebug.names = [];
252
252
  createDebug.skips = [];
253
- let i;
254
- const split = (typeof namespaces === "string" ? namespaces : "").split(/[\s,]+/);
255
- const len = split.length;
256
- for (i = 0; i < len; i++) {
257
- if (!split[i]) {
258
- continue;
253
+ const split = (typeof namespaces === "string" ? namespaces : "").trim().replace(" ", ",").split(",").filter(Boolean);
254
+ for (const ns of split) {
255
+ if (ns[0] === "-") {
256
+ createDebug.skips.push(ns.slice(1));
257
+ } else {
258
+ createDebug.names.push(ns);
259
259
  }
260
- namespaces = split[i].replace(/\*/g, ".*?");
261
- if (namespaces[0] === "-") {
262
- createDebug.skips.push(new RegExp("^" + namespaces.slice(1) + "$"));
260
+ }
261
+ }
262
+ function matchesTemplate(search, template) {
263
+ let searchIndex = 0;
264
+ let templateIndex = 0;
265
+ let starIndex = -1;
266
+ let matchIndex = 0;
267
+ while (searchIndex < search.length) {
268
+ if (templateIndex < template.length && (template[templateIndex] === search[searchIndex] || template[templateIndex] === "*")) {
269
+ if (template[templateIndex] === "*") {
270
+ starIndex = templateIndex;
271
+ matchIndex = searchIndex;
272
+ templateIndex++;
273
+ } else {
274
+ searchIndex++;
275
+ templateIndex++;
276
+ }
277
+ } else if (starIndex !== -1) {
278
+ templateIndex = starIndex + 1;
279
+ matchIndex++;
280
+ searchIndex = matchIndex;
263
281
  } else {
264
- createDebug.names.push(new RegExp("^" + namespaces + "$"));
282
+ return false;
265
283
  }
266
284
  }
285
+ while (templateIndex < template.length && template[templateIndex] === "*") {
286
+ templateIndex++;
287
+ }
288
+ return templateIndex === template.length;
267
289
  }
268
290
  function disable() {
269
291
  const namespaces = [
270
- ...createDebug.names.map(toNamespace),
271
- ...createDebug.skips.map(toNamespace).map((namespace) => "-" + namespace)
292
+ ...createDebug.names,
293
+ ...createDebug.skips.map((namespace) => "-" + namespace)
272
294
  ].join(",");
273
295
  createDebug.enable("");
274
296
  return namespaces;
275
297
  }
276
298
  function enabled(name) {
277
- if (name[name.length - 1] === "*") {
278
- return true;
279
- }
280
- let i;
281
- let len;
282
- for (i = 0, len = createDebug.skips.length; i < len; i++) {
283
- if (createDebug.skips[i].test(name)) {
299
+ for (const skip of createDebug.skips) {
300
+ if (matchesTemplate(name, skip)) {
284
301
  return false;
285
302
  }
286
303
  }
287
- for (i = 0, len = createDebug.names.length; i < len; i++) {
288
- if (createDebug.names[i].test(name)) {
304
+ for (const ns of createDebug.names) {
305
+ if (matchesTemplate(name, ns)) {
289
306
  return true;
290
307
  }
291
308
  }
292
309
  return false;
293
310
  }
294
- function toNamespace(regexp) {
295
- return regexp.toString().substring(2, regexp.toString().length - 2).replace(/\.\*\?$/, "*");
296
- }
297
311
  function coerce(val) {
298
312
  if (val instanceof Error) {
299
313
  return val.stack || val.message;
@@ -310,9 +324,9 @@ var require_common = __commonJS({
310
324
  }
311
325
  });
312
326
 
313
- // ../../node_modules/.pnpm/debug@4.3.7/node_modules/debug/src/browser.js
327
+ // ../../node_modules/.pnpm/debug@4.4.0/node_modules/debug/src/browser.js
314
328
  var require_browser = __commonJS({
315
- "../../node_modules/.pnpm/debug@4.3.7/node_modules/debug/src/browser.js"(exports, module2) {
329
+ "../../node_modules/.pnpm/debug@4.4.0/node_modules/debug/src/browser.js"(exports, module2) {
316
330
  exports.formatArgs = formatArgs;
317
331
  exports.save = save;
318
332
  exports.load = load;
@@ -595,9 +609,9 @@ var require_supports_color = __commonJS({
595
609
  }
596
610
  });
597
611
 
598
- // ../../node_modules/.pnpm/debug@4.3.7/node_modules/debug/src/node.js
612
+ // ../../node_modules/.pnpm/debug@4.4.0/node_modules/debug/src/node.js
599
613
  var require_node = __commonJS({
600
- "../../node_modules/.pnpm/debug@4.3.7/node_modules/debug/src/node.js"(exports, module2) {
614
+ "../../node_modules/.pnpm/debug@4.4.0/node_modules/debug/src/node.js"(exports, module2) {
601
615
  var tty = require("tty");
602
616
  var util = require("util");
603
617
  exports.init = init;
@@ -769,9 +783,9 @@ var require_node = __commonJS({
769
783
  }
770
784
  });
771
785
 
772
- // ../../node_modules/.pnpm/debug@4.3.7/node_modules/debug/src/index.js
786
+ // ../../node_modules/.pnpm/debug@4.4.0/node_modules/debug/src/index.js
773
787
  var require_src = __commonJS({
774
- "../../node_modules/.pnpm/debug@4.3.7/node_modules/debug/src/index.js"(exports, module2) {
788
+ "../../node_modules/.pnpm/debug@4.4.0/node_modules/debug/src/index.js"(exports, module2) {
775
789
  if (typeof process === "undefined" || process.type === "renderer" || process.browser === true || process.__nwjs) {
776
790
  module2.exports = require_browser();
777
791
  } else {
@@ -2419,9 +2433,9 @@ var require_decode = __commonJS({
2419
2433
  }
2420
2434
  });
2421
2435
 
2422
- // ../../node_modules/.pnpm/@babel+parser@7.26.2/node_modules/@babel/parser/lib/index.js
2436
+ // ../../node_modules/.pnpm/@babel+parser@7.26.3/node_modules/@babel/parser/lib/index.js
2423
2437
  var require_lib = __commonJS({
2424
- "../../node_modules/.pnpm/@babel+parser@7.26.2/node_modules/@babel/parser/lib/index.js"(exports) {
2438
+ "../../node_modules/.pnpm/@babel+parser@7.26.3/node_modules/@babel/parser/lib/index.js"(exports) {
2425
2439
  "use strict";
2426
2440
  Object.defineProperty(exports, "__esModule", {
2427
2441
  value: true
@@ -11153,7 +11167,9 @@ var require_lib = __commonJS({
11153
11167
  tsParseAmbientExternalModuleDeclaration(node) {
11154
11168
  if (this.isContextual(112)) {
11155
11169
  node.kind = "global";
11156
- node.global = true;
11170
+ {
11171
+ node.global = true;
11172
+ }
11157
11173
  node.id = this.parseIdentifier();
11158
11174
  } else if (this.match(134)) {
11159
11175
  node.kind = "module";
@@ -11292,7 +11308,9 @@ var require_lib = __commonJS({
11292
11308
  this.prodParam.enter(0);
11293
11309
  const mod = node;
11294
11310
  mod.kind = "global";
11295
- mod.global = true;
11311
+ {
11312
+ node.global = true;
11313
+ }
11296
11314
  mod.id = expr;
11297
11315
  mod.body = this.tsParseModuleBlock();
11298
11316
  this.scope.exit();
@@ -58441,7 +58459,7 @@ var freeDomWrapProps = {
58441
58459
  type: Number,
58442
58460
  default: 2
58443
58461
  },
58444
- autoExpand: [Boolean, Object],
58462
+ autoExpand: [Number, Boolean, Object],
58445
58463
  manualDiff: Boolean,
58446
58464
  showLine: {
58447
58465
  type: Boolean,
@@ -58513,14 +58531,16 @@ var FreeDomWrap = (0, import_vue_demi18.defineComponent)({
58513
58531
  }, { immediate: true });
58514
58532
  const selectedNodes = (0, import_vue_demi18.computed)(() => nodes.value.filter((node) => node.node.selected));
58515
58533
  const expandSize = (node) => {
58516
- let expandWidth = props.autoExpand === true;
58517
- let expandHeight = props.autoExpand === true;
58534
+ let expandWidth = props.autoExpand;
58535
+ let expandHeight = props.autoExpand;
58518
58536
  if (typeof props.autoExpand === "object") {
58519
- expandWidth = !!props.autoExpand.width;
58520
- expandHeight = !!props.autoExpand.height;
58537
+ expandWidth = props.autoExpand.width;
58538
+ expandHeight = props.autoExpand.height;
58521
58539
  }
58522
58540
  if (!expandWidth && !expandHeight)
58523
58541
  return;
58542
+ const offsetWidth = typeof expandWidth === "number" ? expandWidth : 10;
58543
+ const offsetHeight = typeof expandHeight === "number" ? expandHeight : 10;
58524
58544
  const {
58525
58545
  x = 0,
58526
58546
  width: nw = 0,
@@ -58528,10 +58548,10 @@ var FreeDomWrap = (0, import_vue_demi18.defineComponent)({
58528
58548
  height: nh = 0
58529
58549
  } = node.node._rect;
58530
58550
  if (expandWidth && width.value && x + nw >= width.value) {
58531
- width.value += 1;
58551
+ width.value += offsetWidth;
58532
58552
  }
58533
58553
  if (expandHeight && height.value && y + nh >= height.value) {
58534
- height.value += 1;
58554
+ height.value += offsetHeight;
58535
58555
  }
58536
58556
  };
58537
58557
  eventBus.on("move", (nodeId) => {
package/dist/index.mjs CHANGED
@@ -148,9 +148,9 @@ var require_ms = __commonJS({
148
148
  }
149
149
  });
150
150
 
151
- // ../../node_modules/.pnpm/debug@4.3.7/node_modules/debug/src/common.js
151
+ // ../../node_modules/.pnpm/debug@4.4.0/node_modules/debug/src/common.js
152
152
  var require_common = __commonJS({
153
- "../../node_modules/.pnpm/debug@4.3.7/node_modules/debug/src/common.js"(exports, module) {
153
+ "../../node_modules/.pnpm/debug@4.4.0/node_modules/debug/src/common.js"(exports, module) {
154
154
  function setup(env) {
155
155
  createDebug.debug = createDebug;
156
156
  createDebug.default = createDebug;
@@ -251,50 +251,64 @@ var require_common = __commonJS({
251
251
  createDebug.namespaces = namespaces;
252
252
  createDebug.names = [];
253
253
  createDebug.skips = [];
254
- let i;
255
- const split = (typeof namespaces === "string" ? namespaces : "").split(/[\s,]+/);
256
- const len = split.length;
257
- for (i = 0; i < len; i++) {
258
- if (!split[i]) {
259
- continue;
254
+ const split = (typeof namespaces === "string" ? namespaces : "").trim().replace(" ", ",").split(",").filter(Boolean);
255
+ for (const ns of split) {
256
+ if (ns[0] === "-") {
257
+ createDebug.skips.push(ns.slice(1));
258
+ } else {
259
+ createDebug.names.push(ns);
260
260
  }
261
- namespaces = split[i].replace(/\*/g, ".*?");
262
- if (namespaces[0] === "-") {
263
- createDebug.skips.push(new RegExp("^" + namespaces.slice(1) + "$"));
261
+ }
262
+ }
263
+ function matchesTemplate(search, template) {
264
+ let searchIndex = 0;
265
+ let templateIndex = 0;
266
+ let starIndex = -1;
267
+ let matchIndex = 0;
268
+ while (searchIndex < search.length) {
269
+ if (templateIndex < template.length && (template[templateIndex] === search[searchIndex] || template[templateIndex] === "*")) {
270
+ if (template[templateIndex] === "*") {
271
+ starIndex = templateIndex;
272
+ matchIndex = searchIndex;
273
+ templateIndex++;
274
+ } else {
275
+ searchIndex++;
276
+ templateIndex++;
277
+ }
278
+ } else if (starIndex !== -1) {
279
+ templateIndex = starIndex + 1;
280
+ matchIndex++;
281
+ searchIndex = matchIndex;
264
282
  } else {
265
- createDebug.names.push(new RegExp("^" + namespaces + "$"));
283
+ return false;
266
284
  }
267
285
  }
286
+ while (templateIndex < template.length && template[templateIndex] === "*") {
287
+ templateIndex++;
288
+ }
289
+ return templateIndex === template.length;
268
290
  }
269
291
  function disable() {
270
292
  const namespaces = [
271
- ...createDebug.names.map(toNamespace),
272
- ...createDebug.skips.map(toNamespace).map((namespace) => "-" + namespace)
293
+ ...createDebug.names,
294
+ ...createDebug.skips.map((namespace) => "-" + namespace)
273
295
  ].join(",");
274
296
  createDebug.enable("");
275
297
  return namespaces;
276
298
  }
277
299
  function enabled(name) {
278
- if (name[name.length - 1] === "*") {
279
- return true;
280
- }
281
- let i;
282
- let len;
283
- for (i = 0, len = createDebug.skips.length; i < len; i++) {
284
- if (createDebug.skips[i].test(name)) {
300
+ for (const skip of createDebug.skips) {
301
+ if (matchesTemplate(name, skip)) {
285
302
  return false;
286
303
  }
287
304
  }
288
- for (i = 0, len = createDebug.names.length; i < len; i++) {
289
- if (createDebug.names[i].test(name)) {
305
+ for (const ns of createDebug.names) {
306
+ if (matchesTemplate(name, ns)) {
290
307
  return true;
291
308
  }
292
309
  }
293
310
  return false;
294
311
  }
295
- function toNamespace(regexp) {
296
- return regexp.toString().substring(2, regexp.toString().length - 2).replace(/\.\*\?$/, "*");
297
- }
298
312
  function coerce(val) {
299
313
  if (val instanceof Error) {
300
314
  return val.stack || val.message;
@@ -311,9 +325,9 @@ var require_common = __commonJS({
311
325
  }
312
326
  });
313
327
 
314
- // ../../node_modules/.pnpm/debug@4.3.7/node_modules/debug/src/browser.js
328
+ // ../../node_modules/.pnpm/debug@4.4.0/node_modules/debug/src/browser.js
315
329
  var require_browser = __commonJS({
316
- "../../node_modules/.pnpm/debug@4.3.7/node_modules/debug/src/browser.js"(exports, module) {
330
+ "../../node_modules/.pnpm/debug@4.4.0/node_modules/debug/src/browser.js"(exports, module) {
317
331
  exports.formatArgs = formatArgs;
318
332
  exports.save = save;
319
333
  exports.load = load;
@@ -596,9 +610,9 @@ var require_supports_color = __commonJS({
596
610
  }
597
611
  });
598
612
 
599
- // ../../node_modules/.pnpm/debug@4.3.7/node_modules/debug/src/node.js
613
+ // ../../node_modules/.pnpm/debug@4.4.0/node_modules/debug/src/node.js
600
614
  var require_node = __commonJS({
601
- "../../node_modules/.pnpm/debug@4.3.7/node_modules/debug/src/node.js"(exports, module) {
615
+ "../../node_modules/.pnpm/debug@4.4.0/node_modules/debug/src/node.js"(exports, module) {
602
616
  var tty = __require("tty");
603
617
  var util = __require("util");
604
618
  exports.init = init;
@@ -770,9 +784,9 @@ var require_node = __commonJS({
770
784
  }
771
785
  });
772
786
 
773
- // ../../node_modules/.pnpm/debug@4.3.7/node_modules/debug/src/index.js
787
+ // ../../node_modules/.pnpm/debug@4.4.0/node_modules/debug/src/index.js
774
788
  var require_src = __commonJS({
775
- "../../node_modules/.pnpm/debug@4.3.7/node_modules/debug/src/index.js"(exports, module) {
789
+ "../../node_modules/.pnpm/debug@4.4.0/node_modules/debug/src/index.js"(exports, module) {
776
790
  if (typeof process === "undefined" || process.type === "renderer" || process.browser === true || process.__nwjs) {
777
791
  module.exports = require_browser();
778
792
  } else {
@@ -2420,9 +2434,9 @@ var require_decode = __commonJS({
2420
2434
  }
2421
2435
  });
2422
2436
 
2423
- // ../../node_modules/.pnpm/@babel+parser@7.26.2/node_modules/@babel/parser/lib/index.js
2437
+ // ../../node_modules/.pnpm/@babel+parser@7.26.3/node_modules/@babel/parser/lib/index.js
2424
2438
  var require_lib = __commonJS({
2425
- "../../node_modules/.pnpm/@babel+parser@7.26.2/node_modules/@babel/parser/lib/index.js"(exports) {
2439
+ "../../node_modules/.pnpm/@babel+parser@7.26.3/node_modules/@babel/parser/lib/index.js"(exports) {
2426
2440
  "use strict";
2427
2441
  Object.defineProperty(exports, "__esModule", {
2428
2442
  value: true
@@ -11154,7 +11168,9 @@ var require_lib = __commonJS({
11154
11168
  tsParseAmbientExternalModuleDeclaration(node) {
11155
11169
  if (this.isContextual(112)) {
11156
11170
  node.kind = "global";
11157
- node.global = true;
11171
+ {
11172
+ node.global = true;
11173
+ }
11158
11174
  node.id = this.parseIdentifier();
11159
11175
  } else if (this.match(134)) {
11160
11176
  node.kind = "module";
@@ -11293,7 +11309,9 @@ var require_lib = __commonJS({
11293
11309
  this.prodParam.enter(0);
11294
11310
  const mod = node;
11295
11311
  mod.kind = "global";
11296
- mod.global = true;
11312
+ {
11313
+ node.global = true;
11314
+ }
11297
11315
  mod.id = expr;
11298
11316
  mod.body = this.tsParseModuleBlock();
11299
11317
  this.scope.exit();
@@ -58441,7 +58459,7 @@ var freeDomWrapProps = {
58441
58459
  type: Number,
58442
58460
  default: 2
58443
58461
  },
58444
- autoExpand: [Boolean, Object],
58462
+ autoExpand: [Number, Boolean, Object],
58445
58463
  manualDiff: Boolean,
58446
58464
  showLine: {
58447
58465
  type: Boolean,
@@ -58513,14 +58531,16 @@ var FreeDomWrap = defineComponent6({
58513
58531
  }, { immediate: true });
58514
58532
  const selectedNodes = computed11(() => nodes.value.filter((node) => node.node.selected));
58515
58533
  const expandSize = (node) => {
58516
- let expandWidth = props.autoExpand === true;
58517
- let expandHeight = props.autoExpand === true;
58534
+ let expandWidth = props.autoExpand;
58535
+ let expandHeight = props.autoExpand;
58518
58536
  if (typeof props.autoExpand === "object") {
58519
- expandWidth = !!props.autoExpand.width;
58520
- expandHeight = !!props.autoExpand.height;
58537
+ expandWidth = props.autoExpand.width;
58538
+ expandHeight = props.autoExpand.height;
58521
58539
  }
58522
58540
  if (!expandWidth && !expandHeight)
58523
58541
  return;
58542
+ const offsetWidth = typeof expandWidth === "number" ? expandWidth : 10;
58543
+ const offsetHeight = typeof expandHeight === "number" ? expandHeight : 10;
58524
58544
  const {
58525
58545
  x = 0,
58526
58546
  width: nw = 0,
@@ -58528,10 +58548,10 @@ var FreeDomWrap = defineComponent6({
58528
58548
  height: nh = 0
58529
58549
  } = node.node._rect;
58530
58550
  if (expandWidth && width.value && x + nw >= width.value) {
58531
- width.value += 1;
58551
+ width.value += offsetWidth;
58532
58552
  }
58533
58553
  if (expandHeight && height.value && y + nh >= height.value) {
58534
- height.value += 1;
58554
+ height.value += offsetHeight;
58535
58555
  }
58536
58556
  };
58537
58557
  eventBus.on("move", (nodeId) => {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@sepveneto/free-dom",
3
- "version": "0.13.5",
3
+ "version": "0.14.0",
4
4
  "description": "",
5
5
  "main": "dist/index.cjs",
6
6
  "module": "dist/index.mjs",