designertool 0.65.0 → 0.67.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.
@@ -358,6 +358,8 @@ export declare const useGlobal: import('pinia').StoreDefinition<"global", {
358
358
  color: string;
359
359
  weight: number;
360
360
  } | undefined;
361
+ backgroundColor?: string | undefined;
362
+ padding?: number | undefined;
361
363
  keepRatio?: boolean | undefined;
362
364
  style?: string | undefined;
363
365
  } | {
@@ -376,6 +378,8 @@ export declare const useGlobal: import('pinia').StoreDefinition<"global", {
376
378
  color: string;
377
379
  weight: number;
378
380
  } | undefined;
381
+ backgroundColor?: string | undefined;
382
+ padding?: number | undefined;
379
383
  keepRatio?: boolean | undefined;
380
384
  style?: string | undefined;
381
385
  } | {
@@ -394,6 +398,8 @@ export declare const useGlobal: import('pinia').StoreDefinition<"global", {
394
398
  color: string;
395
399
  weight: number;
396
400
  } | undefined;
401
+ backgroundColor?: string | undefined;
402
+ padding?: number | undefined;
397
403
  keepRatio?: boolean | undefined;
398
404
  style?: string | undefined;
399
405
  } | {
@@ -412,6 +418,8 @@ export declare const useGlobal: import('pinia').StoreDefinition<"global", {
412
418
  color: string;
413
419
  weight: number;
414
420
  } | undefined;
421
+ backgroundColor?: string | undefined;
422
+ padding?: number | undefined;
415
423
  keepRatio?: boolean | undefined;
416
424
  style?: string | undefined;
417
425
  } | {
@@ -430,6 +438,8 @@ export declare const useGlobal: import('pinia').StoreDefinition<"global", {
430
438
  color: string;
431
439
  weight: number;
432
440
  } | undefined;
441
+ backgroundColor?: string | undefined;
442
+ padding?: number | undefined;
433
443
  keepRatio?: boolean | undefined;
434
444
  style?: string | undefined;
435
445
  } | {
@@ -455,6 +465,8 @@ export declare const useGlobal: import('pinia').StoreDefinition<"global", {
455
465
  color: string;
456
466
  weight: number;
457
467
  } | undefined;
468
+ backgroundColor?: string | undefined;
469
+ padding?: number | undefined;
458
470
  keepRatio?: boolean | undefined;
459
471
  style?: string | undefined;
460
472
  } | {
@@ -474,6 +486,8 @@ export declare const useGlobal: import('pinia').StoreDefinition<"global", {
474
486
  color: string;
475
487
  weight: number;
476
488
  } | undefined;
489
+ backgroundColor?: string | undefined;
490
+ padding?: number | undefined;
477
491
  keepRatio?: boolean | undefined;
478
492
  style?: string | undefined;
479
493
  } | {
@@ -503,6 +517,8 @@ export declare const useGlobal: import('pinia').StoreDefinition<"global", {
503
517
  color: string;
504
518
  weight: number;
505
519
  } | undefined;
520
+ backgroundColor?: string | undefined;
521
+ padding?: number | undefined;
506
522
  keepRatio?: boolean | undefined;
507
523
  style?: string | undefined;
508
524
  } | {
@@ -526,6 +542,8 @@ export declare const useGlobal: import('pinia').StoreDefinition<"global", {
526
542
  color: string;
527
543
  weight: number;
528
544
  } | undefined;
545
+ backgroundColor?: string | undefined;
546
+ padding?: number | undefined;
529
547
  keepRatio?: boolean | undefined;
530
548
  style?: string | undefined;
531
549
  } | undefined;
@@ -535,6 +553,11 @@ export declare const useGlobal: import('pinia').StoreDefinition<"global", {
535
553
  setItemState(state: import('../types/items').ItemState): void;
536
554
  pushItemsToState(elList: NodeListOf<Element>): void;
537
555
  getElementPosition(styleStr: string): import('../types/items').Position;
556
+ parseBoxStyle(styleStr: string): {
557
+ border?: import('../types/items').Border;
558
+ backgroundColor?: string;
559
+ padding?: number;
560
+ };
538
561
  getElementBorder(el: Element): import('../types/items').Border;
539
562
  getElementStyle(el: Element): {
540
563
  [key: string]: string;
@@ -544,7 +567,11 @@ export declare const useGlobal: import('pinia').StoreDefinition<"global", {
544
567
  setItemOrder(value: string): void;
545
568
  updateItemOrder(newIndex: number): void;
546
569
  addNewItem(item: Partial<import('../types/items').Item>): void;
547
- editItem(id: number, item: Partial<import('../types/items').Item>): void;
570
+ beginLiveEdit(): void;
571
+ finishLiveEdit(): void;
572
+ editItem(id: number, item: Partial<import('../types/items').Item>, options?: {
573
+ history?: boolean;
574
+ }): void;
548
575
  createAdditionalStyles(item: import('../types/items').Item, editing?: boolean): void;
549
576
  setItemPosition(position: import('../types/items').Position): import('../types/items').Position;
550
577
  duplicateSelectedItem(): void;
@@ -357,6 +357,8 @@ export declare const useItems: import('pinia').StoreDefinition<"items", {
357
357
  color: string;
358
358
  weight: number;
359
359
  } | undefined;
360
+ backgroundColor?: string | undefined;
361
+ padding?: number | undefined;
360
362
  keepRatio?: boolean | undefined;
361
363
  style?: string | undefined;
362
364
  } | {
@@ -375,6 +377,8 @@ export declare const useItems: import('pinia').StoreDefinition<"items", {
375
377
  color: string;
376
378
  weight: number;
377
379
  } | undefined;
380
+ backgroundColor?: string | undefined;
381
+ padding?: number | undefined;
378
382
  keepRatio?: boolean | undefined;
379
383
  style?: string | undefined;
380
384
  } | {
@@ -393,6 +397,8 @@ export declare const useItems: import('pinia').StoreDefinition<"items", {
393
397
  color: string;
394
398
  weight: number;
395
399
  } | undefined;
400
+ backgroundColor?: string | undefined;
401
+ padding?: number | undefined;
396
402
  keepRatio?: boolean | undefined;
397
403
  style?: string | undefined;
398
404
  } | {
@@ -411,6 +417,8 @@ export declare const useItems: import('pinia').StoreDefinition<"items", {
411
417
  color: string;
412
418
  weight: number;
413
419
  } | undefined;
420
+ backgroundColor?: string | undefined;
421
+ padding?: number | undefined;
414
422
  keepRatio?: boolean | undefined;
415
423
  style?: string | undefined;
416
424
  } | {
@@ -429,6 +437,8 @@ export declare const useItems: import('pinia').StoreDefinition<"items", {
429
437
  color: string;
430
438
  weight: number;
431
439
  } | undefined;
440
+ backgroundColor?: string | undefined;
441
+ padding?: number | undefined;
432
442
  keepRatio?: boolean | undefined;
433
443
  style?: string | undefined;
434
444
  } | {
@@ -454,6 +464,8 @@ export declare const useItems: import('pinia').StoreDefinition<"items", {
454
464
  color: string;
455
465
  weight: number;
456
466
  } | undefined;
467
+ backgroundColor?: string | undefined;
468
+ padding?: number | undefined;
457
469
  keepRatio?: boolean | undefined;
458
470
  style?: string | undefined;
459
471
  } | {
@@ -473,6 +485,8 @@ export declare const useItems: import('pinia').StoreDefinition<"items", {
473
485
  color: string;
474
486
  weight: number;
475
487
  } | undefined;
488
+ backgroundColor?: string | undefined;
489
+ padding?: number | undefined;
476
490
  keepRatio?: boolean | undefined;
477
491
  style?: string | undefined;
478
492
  } | {
@@ -502,6 +516,8 @@ export declare const useItems: import('pinia').StoreDefinition<"items", {
502
516
  color: string;
503
517
  weight: number;
504
518
  } | undefined;
519
+ backgroundColor?: string | undefined;
520
+ padding?: number | undefined;
505
521
  keepRatio?: boolean | undefined;
506
522
  style?: string | undefined;
507
523
  } | {
@@ -525,6 +541,8 @@ export declare const useItems: import('pinia').StoreDefinition<"items", {
525
541
  color: string;
526
542
  weight: number;
527
543
  } | undefined;
544
+ backgroundColor?: string | undefined;
545
+ padding?: number | undefined;
528
546
  keepRatio?: boolean | undefined;
529
547
  style?: string | undefined;
530
548
  } | undefined;
@@ -534,6 +552,11 @@ export declare const useItems: import('pinia').StoreDefinition<"items", {
534
552
  setItemState(state: ItemState): void;
535
553
  pushItemsToState(elList: NodeListOf<Element>): void;
536
554
  getElementPosition(styleStr: string): Position;
555
+ parseBoxStyle(styleStr: string): {
556
+ border?: Border;
557
+ backgroundColor?: string;
558
+ padding?: number;
559
+ };
537
560
  getElementBorder(el: Element): Border;
538
561
  getElementStyle(el: Element): {
539
562
  [key: string]: string;
@@ -543,7 +566,11 @@ export declare const useItems: import('pinia').StoreDefinition<"items", {
543
566
  setItemOrder(value: string): void;
544
567
  updateItemOrder(newIndex: number): void;
545
568
  addNewItem(item: Partial<Item>): void;
546
- editItem(id: number, item: Partial<Item>): void;
569
+ beginLiveEdit(): void;
570
+ finishLiveEdit(): void;
571
+ editItem(id: number, item: Partial<Item>, options?: {
572
+ history?: boolean;
573
+ }): void;
547
574
  createAdditionalStyles(item: Item, editing?: boolean): void;
548
575
  setItemPosition(position: Position): Position;
549
576
  duplicateSelectedItem(): void;
@@ -16,6 +16,8 @@ export interface BaseItem {
16
16
  value: string;
17
17
  position: Position;
18
18
  border?: Border;
19
+ backgroundColor?: string;
20
+ padding?: number;
19
21
  keepRatio?: boolean;
20
22
  style?: string;
21
23
  }
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "designertool",
3
3
  "private": false,
4
- "version": "0.65.0",
4
+ "version": "0.67.0",
5
5
  "type": "module",
6
6
  "files": [
7
7
  "dist"