@silexlabs/silex 3.3.0 → 3.3.1-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.
Files changed (6) hide show
  1. package/dist/client/css/admin.css +3 -3
  2. package/dist/client/index.html +2 -2
  3. package/dist/client/js/main.js +781 -163
  4. package/package.json +2 -1
  5. package/src/ts/client/grapesjs/css-props.ts +173 -303
  6. package/src/ts/client/grapesjs/index.ts +6 -9
package/src/ts/client/grapesjs/css-props.ts CHANGED
@@ -23,9 +23,9 @@ import { Editor } from 'grapesjs'
23
23
 
24
24
  export default (editor: Editor, opts) => {
25
25
  editor.on('load', () => {
26
- /***************/
26
+ /***************/
27
27
  /* General */
28
- /***************/
28
+ /***************/
29
29
  editor.StyleManager.removeProperty('general', 'display')
30
30
  editor.StyleManager.addProperty('general', {
31
31
  name: 'Display',
@@ -33,18 +33,17 @@ export default (editor: Editor, opts) => {
33
33
  type: 'select',
34
34
  defaults: '',
35
35
  options: [
36
- /* @ts-ignore */
37
- { value: '', name: '' },
38
- /* @ts-ignore */
39
- { value: 'block', name: 'block' },
40
- /* @ts-ignore */
41
- { value: 'inline', name: 'inline' },
42
- /* @ts-ignore */
43
- { value: 'inline-block', name: 'inline-block' },
44
- /* @ts-ignore */
45
- { value: 'flex', name: 'flex' },
46
- /* @ts-ignore */
47
- { value: 'none', name: 'none' },
36
+ { id: '', value: '', name: '' },
37
+ { id: 'block', value: 'block', name: 'block' },
38
+ { id: 'inline', value: 'inline', name: 'inline' },
39
+ { id: 'inline-block', value: 'inline-block', name: 'inline-block' },
40
+ { id: 'flex', value: 'flex', name: 'flex' },
41
+ { id: 'grid', value: 'grid', name: 'grid' },
42
+ { id: 'inline-flex', value: 'inline-flex', name: 'inline-flex' },
43
+ { id: 'none', value: 'none', name: 'none' },
44
+ { id: 'inherit', value: 'inherit', name: 'inherit' },
45
+ { id: 'initial', value: 'initial', name: 'initial' },
46
+ { id: 'unset', value: 'unset', name: 'unset' },
48
47
  ],
49
48
  info: '',
50
49
  })
@@ -54,14 +53,13 @@ export default (editor: Editor, opts) => {
54
53
  type: 'select',
55
54
  defaults: '',
56
55
  options: [
57
- /* @ts-ignore */
58
- { value: '', name: '' },
59
- /* @ts-ignore */
60
- { value: 'visible', name: 'visible' },
61
- /* @ts-ignore */
62
- { value: 'hidden', name: 'hidden' },
63
- /* @ts-ignore */
64
- { value: 'collapse', name: 'collapse' },
56
+ { id: '', value: '', name: '' },
57
+ { id: 'visible', value: 'visible', name: 'visible' },
58
+ { id: 'hidden', value: 'hidden', name: 'hidden' },
59
+ { id: 'collapse', value: 'collapse', name: 'collapse' },
60
+ { id: 'inherit', value: 'inherit', name: 'inherit' },
61
+ { id: 'initial', value: 'initial', name: 'initial' },
62
+ { id: 'unset', value: 'unset', name: 'unset' },
65
63
  ],
66
64
  info: 'The visibility CSS property shows or hides an element without changing the layout of a document. The property can also hide rows or columns in a <table>.',
67
65
  })
@@ -74,24 +72,15 @@ export default (editor: Editor, opts) => {
74
72
  defaults: '',
75
73
  full: true,
76
74
  options: [
77
- /* @ts-ignore */
78
- { value: '', name: '' },
79
- /* @ts-ignore */
80
- { value: 'inherit', name: 'inherit' },
81
- /* @ts-ignore */
82
- { value: 'initial', name: 'initial' },
83
- /* @ts-ignore */
84
- { value: 'static', name: 'static' },
85
- /* @ts-ignore */
86
- { value: 'relative', name: 'relative' },
87
- /* @ts-ignore */
88
- { value: 'absolute', name: 'absolute' },
89
- /* @ts-ignore */
90
- { value: 'fixed', name: 'fixed' },
91
- /* @ts-ignore */
92
- { value: 'sticky', name: 'sticky' },
93
- /* @ts-ignore */
94
- { value: 'unset', name: 'unset' },
75
+ { id: '', value: '', name: '' },
76
+ { id: 'inherit', value: 'inherit', name: 'inherit' },
77
+ { id: 'initial', value: 'initial', name: 'initial' },
78
+ { id: 'static', value: 'static', name: 'static' },
79
+ { id: 'relative', value: 'relative', name: 'relative' },
80
+ { id: 'absolute', value: 'absolute', name: 'absolute' },
81
+ { id: 'fixed', value: 'fixed', name: 'fixed' },
82
+ { id: 'sticky', value: 'sticky', name: 'sticky' },
83
+ { id: 'unset', value: 'unset', name: 'unset' },
95
84
  ],
96
85
  info: '',
97
86
  })
@@ -204,38 +193,34 @@ export default (editor: Editor, opts) => {
204
193
  type: 'select',
205
194
  defaults: '',
206
195
  options: [
207
- /* @ts-ignore */
208
- { value: '', name: '' },
209
- /* @ts-ignore */
210
- { value: 'auto', name: 'auto' },
211
- /* @ts-ignore */
212
- { value: 'hidden', name: 'hidden' },
213
- /* @ts-ignore */
214
- { value: 'visible', name: 'visible' },
215
- /* @ts-ignore */
216
- { value: 'scroll', name: 'scroll' },
196
+ { id: '', value: '', name: '' },
197
+ { id: 'auto', value: 'auto', name: 'auto' },
198
+ { id: 'hidden', value: 'hidden', name: 'hidden' },
199
+ { id: 'visible', value: 'visible', name: 'visible' },
200
+ { id: 'scroll', value: 'scroll', name: 'scroll' },
201
+ { id: 'inherit', value: 'inherit', name: 'inherit' },
202
+ { id: 'initial', value: 'initial', name: 'initial' },
203
+ { id: 'unset', value: 'unset', name: 'unset' },
217
204
  ],
218
205
  }, {
219
206
  name: 'Overflow Y',
220
207
  type: 'select',
221
208
  defaults: '',
222
209
  options: [
223
- /* @ts-ignore */
224
- { value: '', name: '' },
225
- /* @ts-ignore */
226
- { value: 'auto', name: 'auto' },
227
- /* @ts-ignore */
228
- { value: 'hidden', name: 'hidden' },
229
- /* @ts-ignore */
230
- { value: 'visible', name: 'visible' },
231
- /* @ts-ignore */
232
- { value: 'scroll', name: 'scroll' },
210
+ { id: '', value: '', name: '' },
211
+ { id: 'auto', value: 'auto', name: 'auto' },
212
+ { id: 'hidden', value: 'hidden', name: 'hidden' },
213
+ { id: 'visible', value: 'visible', name: 'visible' },
214
+ { id: 'scroll', value: 'scroll', name: 'scroll' },
215
+ { id: 'inherit', value: 'inherit', name: 'inherit' },
216
+ { id: 'initial', value: 'initial', name: 'initial' },
217
+ { id: 'unset', value: 'unset', name: 'unset' },
233
218
  ],
234
219
  }],
235
220
  info: 'The overflow CSS property sets what to do when an element\'s content is too big to fit in its block formatting context. It is a shorthand for overflow-x and overflow-y.',
236
221
  }, { at: 6 })
237
222
  editor.StyleManager.removeProperty('dimension', 'margin')
238
- editor.StyleManager.addProperty('dimension', {
223
+ editor.StyleManager.addProperty('dimension', {
239
224
  name: 'Margin',
240
225
  property: 'margin',
241
226
  type: 'composite',
@@ -273,7 +258,7 @@ export default (editor: Editor, opts) => {
273
258
  }],
274
259
  }, { at: 7 })
275
260
  editor.StyleManager.removeProperty('dimension', 'padding')
276
- editor.StyleManager.addProperty('dimension', {
261
+ editor.StyleManager.addProperty('dimension', {
277
262
  name: 'Padding',
278
263
  property: 'padding',
279
264
  type: 'composite',
@@ -313,7 +298,7 @@ export default (editor: Editor, opts) => {
313
298
  units: [ 'px', '%', 'em', 'rem', 'vh', 'vw' ],
314
299
  }],
315
300
  }, { at: 8 })
316
- /***************/
301
+ /***************/
317
302
  /* Typography */
318
303
  /***************/
319
304
  editor.StyleManager.removeProperty('typography', 'font-size')
@@ -333,25 +318,15 @@ export default (editor: Editor, opts) => {
333
318
  default: '',
334
319
  fixedValues: ['inherit', 'initial', 'unset', 'auto'],
335
320
  options: [
336
- /* @ts-ignore */
337
321
  { id: '', label: '' },
338
- /* @ts-ignore */
339
322
  { id: '100', label: 'Thin' },
340
- /* @ts-ignore */
341
323
  { id: '200', label: 'Extra-Light' },
342
- /* @ts-ignore */
343
324
  { id: '300', label: 'Light' },
344
- /* @ts-ignore */
345
325
  { id: '400', label: 'Normal' },
346
- /* @ts-ignore */
347
326
  { id: '500', label: 'Medium' },
348
- /* @ts-ignore */
349
327
  { id: '600', label: 'Semi-Bold' },
350
- /* @ts-ignore */
351
328
  { id: '700', label: 'Bold' },
352
- /* @ts-ignore */
353
329
  { id: '800', label: 'Extra-Bold' },
354
- /* @ts-ignore */
355
330
  { id: '900', label: 'Ultra-Bold' }
356
331
  ]
357
332
  }, { at: 2 })
@@ -388,34 +363,27 @@ export default (editor: Editor, opts) => {
388
363
  type: 'select',
389
364
  defaults: '',
390
365
  options: [
391
- /* @ts-ignore */
392
- { id: '', label: '' },
393
- /* @ts-ignore */
366
+ { id: '', label: '' },
394
367
  { id: 'left', label: 'left' },
395
- /* @ts-ignore */
396
368
  { id: 'center', label: 'center' },
397
- /* @ts-ignore */
398
369
  { id: 'right', label: 'right' },
399
- /* @ts-ignore */
400
370
  { id: 'justified', label: 'justified' },
371
+ { id: 'inherit', label: 'inherit' },
372
+ { id: 'initial', label: 'initial' },
373
+ { id: 'unset', label: 'unset' },
401
374
  ],
402
- }, { at: 6 })
375
+ }, { at: 6 })
403
376
  editor.StyleManager.addProperty('typography', {
404
377
  name: 'Word break',
405
378
  property: 'word-break',
406
379
  type: 'select',
407
380
  defaults: '',
408
381
  options: [
409
- /* @ts-ignore */
410
- { value: '', name: '' },
411
- /* @ts-ignore */
412
- { value: 'normal', name: 'normal' },
413
- /* @ts-ignore */
414
- { value: 'break-all', name: 'break-all' },
415
- /* @ts-ignore */
416
- { value: 'keep-all', name: 'keep-all' },
417
- /* @ts-ignore */
418
- { value: 'break-word', name: 'break-word' },
382
+ { id: '', value: '', name: '' },
383
+ { id: 'normal', value: 'normal', name: 'normal' },
384
+ { id: 'break-all', value: 'break-all', name: 'break-all' },
385
+ { id: 'keep-all', value: 'keep-all', name: 'keep-all' },
386
+ { id: 'break-word', value: 'break-word', name: 'break-word' },
419
387
  ],
420
388
  info: 'The word-break CSS property sets whether line breaks appear wherever the text would otherwise overflow its content box.',
421
389
  }, { at: 7 })
@@ -425,12 +393,9 @@ export default (editor: Editor, opts) => {
425
393
  type: 'select',
426
394
  defaults: '',
427
395
  options: [
428
- /* @ts-ignore */
429
- { value: '', name: '' },
430
- /* @ts-ignore */
431
- { value: 'normal', name: 'normal' },
432
- /* @ts-ignore */
433
- { value: 'break-word', name: 'break-word' },
396
+ { id: '', value: '', name: '' },
397
+ { id: 'normal', value: 'normal', name: 'normal' },
398
+ { id: 'break-word', value: 'break-word', name: 'break-word' },
434
399
  ],
435
400
  info: 'The word-wrap CSS property sets whether the line may be broken within a word in order to prevent overflow when an otherwise unbreakable string is too long to fit in its containing box.',
436
401
  }, { at: 8 })
@@ -440,20 +405,13 @@ export default (editor: Editor, opts) => {
440
405
  type: 'select',
441
406
  defaults: '',
442
407
  options: [
443
- /* @ts-ignore */
444
- { value: '', name: '' },
445
- /* @ts-ignore */
446
- { value: 'normal', name: 'normal' },
447
- /* @ts-ignore */
448
- { value: 'nowrap', name: 'nowrap' },
449
- /* @ts-ignore */
450
- { value: 'pre', name: 'pre' },
451
- /* @ts-ignore */
452
- { value: 'pre-wrap', name: 'pre-wrap' },
453
- /* @ts-ignore */
454
- { value: 'pre-line', name: 'pre-line' },
455
- /* @ts-ignore */
456
- { value: 'break-spaces', name: 'break-spaces' },
408
+ { id: '', value: '', name: '' },
409
+ { id: 'normal', value: 'normal', name: 'normal' },
410
+ { id: 'nowrap', value: 'nowrap', name: 'nowrap' },
411
+ { id: 'pre', value: 'pre', name: 'pre' },
412
+ { id: 'pre-wrap', value: 'pre-wrap', name: 'pre-wrap' },
413
+ { id: 'pre-line', value: 'pre-line', name: 'pre-line' },
414
+ { id: 'break-spaces', value: 'break-spaces', name: 'break-spaces' },
457
415
  ],
458
416
  info: 'The white-space CSS property sets how white space inside an element is handled.',
459
417
  }, { at: 9 })
@@ -468,18 +426,12 @@ export default (editor: Editor, opts) => {
468
426
  defaults: '',
469
427
  fixedValues: ['auto', 'inherit', 'initial', 'revert', 'unset'],
470
428
  options: [
471
- /* @ts-ignore */
472
- { value: '', name: '' },
473
- /* @ts-ignore */
474
- { value: 'none', name: 'none' },
475
- /* @ts-ignore */
476
- { value: 'underline', name: 'underline' },
477
- /* @ts-ignore */
478
- { value: 'overline', name: 'overline' },
479
- /* @ts-ignore */
480
- { value: 'line-through', name: 'line-through' },
481
- /* @ts-ignore */
482
- { value: 'blink', name: 'blink' },
429
+ { id: '', value: '', name: '' },
430
+ { id: 'none', value: 'none', name: 'none' },
431
+ { id: 'underline', value: 'underline', name: 'underline' },
432
+ { id: 'overline', value: 'overline', name: 'overline' },
433
+ { id: 'line-through', value: 'line-through', name: 'line-through' },
434
+ { id: 'blink', value: 'blink', name: 'blink' },
483
435
  ],
484
436
  info: 'The text-decoration CSS property sets the appearance of decorative lines on text.',
485
437
  }, {
@@ -488,18 +440,12 @@ export default (editor: Editor, opts) => {
488
440
  type: 'select',
489
441
  defaults: '',
490
442
  options: [
491
- /* @ts-ignore */
492
- { value: '', name: '' },
493
- /* @ts-ignore */
494
- { value: 'solid', name: 'solid' },
495
- /* @ts-ignore */
496
- { value: 'double', name: 'double' },
497
- /* @ts-ignore */
498
- { value: 'dotted', name: 'dotted' },
499
- /* @ts-ignore */
500
- { value: 'dashed', name: 'dashed' },
501
- /* @ts-ignore */
502
- { value: 'wavy', name: 'wavy' },
443
+ { id: '', value: '', name: '' },
444
+ { id: 'solid', value: 'solid', name: 'solid' },
445
+ { id: 'double', value: 'double', name: 'double' },
446
+ { id: 'dotted', value: 'dotted', name: 'dotted' },
447
+ { id: 'dashed', value: 'dashed', name: 'dashed' },
448
+ { id: 'wavy', value: 'wavy', name: 'wavy' },
503
449
  ],
504
450
  info: 'The text-decoration-style CSS property sets the style of the lines specified by text-decoration-line. The style applies to all lines, there is no way to define different styles for each of the lines.',
505
451
  }, {
@@ -525,16 +471,11 @@ export default (editor: Editor, opts) => {
525
471
  type: 'select',
526
472
  defaults: '',
527
473
  options: [
528
- /* @ts-ignore */
529
- { value: '', name: '' },
530
- /* @ts-ignore */
531
- { value: 'none', name: 'none' },
532
- /* @ts-ignore */
533
- { value: 'capitalize', name: 'capitalize' },
534
- /* @ts-ignore */
535
- { value: 'uppercase', name: 'uppercase' },
536
- /* @ts-ignore */
537
- { value: 'lowercase', name: 'lowercase' },
474
+ { id: '', value: '', name: '' },
475
+ { id: 'none', value: 'none', name: 'none' },
476
+ { id: 'capitalize', value: 'capitalize', name: 'capitalize' },
477
+ { id: 'uppercase', value: 'uppercase', name: 'uppercase' },
478
+ { id: 'lowercase', value: 'lowercase', name: 'lowercase' },
538
479
  ],
539
480
  info: 'The text-transform CSS property sets how to capitalize an element\'s text. It can be used to make text appear in all-uppercase or all-lowercase, or with each word capitalized.',
540
481
  }, { at: 11 })
@@ -544,18 +485,18 @@ export default (editor: Editor, opts) => {
544
485
  type: 'select',
545
486
  defaults: '',
546
487
  options: [
547
- /* @ts-ignore */
548
- { value: '', name: '' },
549
- /* @ts-ignore */
550
- { value: 'clip', name: 'clip' },
551
- /* @ts-ignore */
552
- { value: 'ellipsis', name: 'ellipsis' },
488
+ { id: '', value: '', name: '' },
489
+ { id: 'clip', value: 'clip', name: 'clip' },
490
+ { id: 'ellipsis', value: 'ellipsis', name: 'ellipsis' },
491
+ { id: 'inherit', value: 'inherit', name: 'inherit' },
492
+ { id: 'initial', value: 'initial', name: 'initial' },
493
+ { id: 'unset', value: 'unset', name: 'unset' },
553
494
  ],
554
495
  info: 'The text-overflow CSS property sets how hidden overflow content is signaled to users. It can be clipped, display an ellipsis (\'…\', U+2026 HORIZONTAL ELLIPSIS) or a Web author-defined string. It covers the two long-hand properties text-overflow-clip and text-overflow-string.',
555
496
  }, { at: 12 })
556
- /***************/
497
+ /***************/
557
498
  /* Decorations */
558
- /***************/
499
+ /***************/
559
500
  editor.StyleManager.removeProperty('decorations', 'background-color')
560
501
  editor.StyleManager.addProperty('decorations', {
561
502
  name: 'Background color',
@@ -565,7 +506,7 @@ export default (editor: Editor, opts) => {
565
506
  full: true,
566
507
  }, { at: 0 })
567
508
  editor.StyleManager.removeProperty('decorations', 'border-radius')
568
- editor.StyleManager.addProperty('decorations', {
509
+ editor.StyleManager.addProperty('decorations', {
569
510
  name: 'Border radius',
570
511
  property: 'border-radius',
571
512
  type: 'composite',
@@ -621,28 +562,17 @@ export default (editor: Editor, opts) => {
621
562
  type: 'select',
622
563
  defaults: '',
623
564
  options: [
624
- /* @ts-ignore */
625
- { value: '', name: '' },
626
- /* @ts-ignore */
627
- { value: 'none', name: 'none' },
628
- /* @ts-ignore */
629
- { value: 'hidden', name: 'hidden' },
630
- /* @ts-ignore */
631
- { value: 'dotted', name: 'dotted' },
632
- /* @ts-ignore */
633
- { value: 'dashed', name: 'dashed' },
634
- /* @ts-ignore */
635
- { value: 'solid', name: 'solid' },
636
- /* @ts-ignore */
637
- { value: 'double', name: 'double' },
638
- /* @ts-ignore */
639
- { value: 'groove', name: 'groove' },
640
- /* @ts-ignore */
641
- { value: 'ridge', name: 'ridge' },
642
- /* @ts-ignore */
643
- { value: 'inset', name: 'inset' },
644
- /* @ts-ignore */
645
- { value: 'outset', name: 'outset' },
565
+ { id: '', value: '', name: '' },
566
+ { id: 'none', value: 'none', name: 'none' },
567
+ { id: 'hidden', value: 'hidden', name: 'hidden' },
568
+ { id: 'dotted', value: 'dotted', name: 'dotted' },
569
+ { id: 'dashed', value: 'dashed', name: 'dashed' },
570
+ { id: 'solid', value: 'solid', name: 'solid' },
571
+ { id: 'double', value: 'double', name: 'double' },
572
+ { id: 'groove', value: 'groove', name: 'groove' },
573
+ { id: 'ridge', value: 'ridge', name: 'ridge' },
574
+ { id: 'inset', value: 'inset', name: 'inset' },
575
+ { id: 'outset', value: 'outset', name: 'outset' },
646
576
  ],
647
577
  info: 'The outline-style CSS property sets the style of an element\'s outline. An outline is a line that is drawn around an element, outside the border.',
648
578
  }, {
@@ -653,9 +583,9 @@ export default (editor: Editor, opts) => {
653
583
  info: 'The outline-color CSS property sets the color of an element\'s outline.',
654
584
  }],
655
585
  }, { at: 8 })
656
- /***************/
586
+ /***************/
657
587
  /* Extra */
658
- /***************/
588
+ /***************/
659
589
  editor.StyleManager.addProperty('extra', {
660
590
  name: 'Z index',
661
591
  property: 'z-index',
@@ -674,28 +604,20 @@ export default (editor: Editor, opts) => {
674
604
  type: 'select',
675
605
  defaults: '',
676
606
  options: [
677
- /* @ts-ignore */
678
- { value: '', name: '' },
679
- /* @ts-ignore */
680
- { value: 'auto', name: 'auto' },
681
- /* @ts-ignore */
682
- { value: 'none', name: 'none' },
683
- /* @ts-ignore */
684
- { value: 'visiblePainted', name: 'visiblePainted' },
685
- /* @ts-ignore */
686
- { value: 'visibleFill', name: 'visibleFill' },
687
- /* @ts-ignore */
688
- { value: 'visibleStroke', name: 'visibleStroke' },
689
- /* @ts-ignore */
690
- { value: 'visible', name: 'visible' },
691
- /* @ts-ignore */
692
- { value: 'painted', name: 'painted' },
693
- /* @ts-ignore */
694
- { value: 'fill', name: 'fill' },
695
- /* @ts-ignore */
696
- { value: 'stroke', name: 'stroke' },
697
- /* @ts-ignore */
698
- { value: 'all', name: 'all' },
607
+ { id: '', value: '', name: '' },
608
+ { id: 'auto', value: 'auto', name: 'auto' },
609
+ { id: 'none', value: 'none', name: 'none' },
610
+ { id: 'visiblePainted', value: 'visiblePainted', name: 'visiblePainted' },
611
+ { id: 'visibleFill', value: 'visibleFill', name: 'visibleFill' },
612
+ { id: 'visibleStroke', value: 'visibleStroke', name: 'visibleStroke' },
613
+ { id: 'visible', value: 'visible', name: 'visible' },
614
+ { id: 'painted', value: 'painted', name: 'painted' },
615
+ { id: 'fill', value: 'fill', name: 'fill' },
616
+ { id: 'stroke', value: 'stroke', name: 'stroke' },
617
+ { id: 'all', value: 'all', name: 'all' },
618
+ { id: 'inherit', value: 'inherit', name: 'inherit' },
619
+ { id: 'initial', value: 'initial', name: 'initial' },
620
+ { id: 'unset', value: 'unset', name: 'unset' },
699
621
  ],
700
622
  info: 'The pointer-events CSS property sets under what circumstances (if any) a particular graphic element can become the target of pointer events.',
701
623
  }, { at: 2 })
@@ -705,80 +627,43 @@ export default (editor: Editor, opts) => {
705
627
  type: 'select',
706
628
  defaults: '',
707
629
  options: [
708
- /* @ts-ignore */
709
- { value: '', name: '' },
710
- /* @ts-ignore */
711
- { value: 'auto', name: 'auto' },
712
- /* @ts-ignore */
713
- { value: 'default', name: 'default' },
714
- /* @ts-ignore */
715
- { value: 'none', name: 'none' },
716
- /* @ts-ignore */
717
- { value: 'context-menu', name: 'context-menu' },
718
- /* @ts-ignore */
719
- { value: 'help', name: 'help' },
720
- /* @ts-ignore */
721
- { value: 'pointer', name: 'pointer' },
722
- /* @ts-ignore */
723
- { value: 'progress', name: 'progress' },
724
- /* @ts-ignore */
725
- { value: 'wait', name: 'wait' },
726
- /* @ts-ignore */
727
- { value: 'cell', name: 'cell' },
728
- /* @ts-ignore */
729
- { value: 'crosshair', name: 'crosshair' },
730
- /* @ts-ignore */
731
- { value: 'text', name: 'text' },
732
- /* @ts-ignore */
733
- { value: 'vertical-text', name: 'vertical-text' },
734
- /* @ts-ignore */
735
- { value: 'alias', name: 'alias' },
736
- /* @ts-ignore */
737
- { value: 'copy', name: 'copy' },
738
- /* @ts-ignore */
739
- { value: 'move', name: 'move' },
740
- /* @ts-ignore */
741
- { value: 'no-drop', name: 'no-drop' },
742
- /* @ts-ignore */
743
- { value: 'not-allowed', name: 'not-allowed' },
744
- /* @ts-ignore */
745
- { value: 'grab', name: 'grab' },
746
- /* @ts-ignore */
747
- { value: 'grabbing', name: 'grabbing' },
748
- /* @ts-ignore */
749
- { value: 'all-scroll', name: 'all-scroll' },
750
- /* @ts-ignore */
751
- { value: 'col-resize', name: 'col-resize' },
752
- /* @ts-ignore */
753
- { value: 'row-resize', name: 'row-resize' },
754
- /* @ts-ignore */
755
- { value: 'n-resize', name: 'n-resize' },
756
- /* @ts-ignore */
757
- { value: 'e-resize', name: 'e-resize' },
758
- /* @ts-ignore */
759
- { value: 's-resize', name: 's-resize' },
760
- /* @ts-ignore */
761
- { value: 'w-resize', name: 'w-resize' },
762
- /* @ts-ignore */
763
- { value: 'ne-resize', name: 'ne-resize' },
764
- /* @ts-ignore */
765
- { value: 'nw-resize', name: 'nw-resize' },
766
- /* @ts-ignore */
767
- { value: 'se-resize', name: 'se-resize' },
768
- /* @ts-ignore */
769
- { value: 'sw-resize', name: 'sw-resize' },
770
- /* @ts-ignore */
771
- { value: 'ew-resize', name: 'ew-resize' },
772
- /* @ts-ignore */
773
- { value: 'ns-resize', name: 'ns-resize' },
774
- /* @ts-ignore */
775
- { value: 'nesw-resize', name: 'nesw-resize' },
776
- /* @ts-ignore */
777
- { value: 'nwse-resize', name: 'nwse-resize' },
778
- /* @ts-ignore */
779
- { value: 'zoom-in', name: 'zoom-in' },
780
- /* @ts-ignore */
781
- { value: 'zoom-out', name: 'zoom-out' },
630
+ { id: '', value: '', name: '' },
631
+ { id: 'auto', value: 'auto', name: 'auto' },
632
+ { id: 'default', value: 'default', name: 'default' },
633
+ { id: 'none', value: 'none', name: 'none' },
634
+ { id: 'context-menu', value: 'context-menu', name: 'context-menu' },
635
+ { id: 'help', value: 'help', name: 'help' },
636
+ { id: 'pointer', value: 'pointer', name: 'pointer' },
637
+ { id: 'progress', value: 'progress', name: 'progress' },
638
+ { id: 'wait', value: 'wait', name: 'wait' },
639
+ { id: 'cell', value: 'cell', name: 'cell' },
640
+ { id: 'crosshair', value: 'crosshair', name: 'crosshair' },
641
+ { id: 'text', value: 'text', name: 'text' },
642
+ { id: 'vertical-text', value: 'vertical-text', name: 'vertical-text' },
643
+ { id: 'alias', value: 'alias', name: 'alias' },
644
+ { id: 'copy', value: 'copy', name: 'copy' },
645
+ { id: 'move', value: 'move', name: 'move' },
646
+ { id: 'no-drop', value: 'no-drop', name: 'no-drop' },
647
+ { id: 'not-allowed', value: 'not-allowed', name: 'not-allowed' },
648
+ { id: 'grab', value: 'grab', name: 'grab' },
649
+ { id: 'grabbing', value: 'grabbing', name: 'grabbing' },
650
+ { id: 'all-scroll', value: 'all-scroll', name: 'all-scroll' },
651
+ { id: 'col-resize', value: 'col-resize', name: 'col-resize' },
652
+ { id: 'row-resize', value: 'row-resize', name: 'row-resize' },
653
+ { id: 'n-resize', value: 'n-resize', name: 'n-resize' },
654
+ { id: 'e-resize', value: 'e-resize', name: 'e-resize' },
655
+ { id: 's-resize', value: 's-resize', name: 's-resize' },
656
+ { id: 'w-resize', value: 'w-resize', name: 'w-resize' },
657
+ { id: 'ne-resize', value: 'ne-resize', name: 'ne-resize' },
658
+ { id: 'nw-resize', value: 'nw-resize', name: 'nw-resize' },
659
+ { id: 'se-resize', value: 'se-resize', name: 'se-resize' },
660
+ { id: 'sw-resize', value: 'sw-resize', name: 'sw-resize' },
661
+ { id: 'ew-resize', value: 'ew-resize', name: 'ew-resize' },
662
+ { id: 'ns-resize', value: 'ns-resize', name: 'ns-resize' },
663
+ { id: 'nesw-resize', value: 'nesw-resize', name: 'nesw-resize' },
664
+ { id: 'nwse-resize', value: 'nwse-resize', name: 'nwse-resize' },
665
+ { id: 'zoom-in', value: 'zoom-in', name: 'zoom-in' },
666
+ { id: 'zoom-out', value: 'zoom-out', name: 'zoom-out' },
782
667
  ],
783
668
  info: 'The cursor CSS property sets the type of mouse cursor, if any, to show when the mouse pointer is over an element.',
784
669
  }, { at: 3 })
@@ -828,30 +713,18 @@ export default (editor: Editor, opts) => {
828
713
  type: 'select',
829
714
  defaults: '',
830
715
  options: [
831
- /* @ts-ignore */
832
- { value: '', name: '' },
833
- /* @ts-ignore */
834
- { value: 'none', name: 'none' },
835
- /* @ts-ignore */
836
- { value: 'hidden', name: 'hidden' },
837
- /* @ts-ignore */
838
- { value: 'dotted', name: 'dotted' },
839
- /* @ts-ignore */
840
- { value: 'dashed', name: 'dashed' },
841
- /* @ts-ignore */
842
- { value: 'solid', name: 'solid' },
843
- /* @ts-ignore */
844
- { value: 'double', name: 'double' },
845
- /* @ts-ignore */
846
- { value: 'groove', name: 'groove' },
847
- /* @ts-ignore */
848
- { value: 'ridge', name: 'ridge' },
849
- /* @ts-ignore */
850
- { value: 'inset', name: 'inset' },
851
- /* @ts-ignore */
852
- { value: 'outset', name: 'outset' },
853
- /* @ts-ignore */
854
- { value: 'inherit', name: 'inherit' },
716
+ { id: '', value: '', name: '' },
717
+ { id: 'none', value: 'none', name: 'none' },
718
+ { id: 'hidden', value: 'hidden', name: 'hidden' },
719
+ { id: 'dotted', value: 'dotted', name: 'dotted' },
720
+ { id: 'dashed', value: 'dashed', name: 'dashed' },
721
+ { id: 'solid', value: 'solid', name: 'solid' },
722
+ { id: 'double', value: 'double', name: 'double' },
723
+ { id: 'groove', value: 'groove', name: 'groove' },
724
+ { id: 'ridge', value: 'ridge', name: 'ridge' },
725
+ { id: 'inset', value: 'inset', name: 'inset' },
726
+ { id: 'outset', value: 'outset', name: 'outset' },
727
+ { id: 'inherit', value: 'inherit', name: 'inherit' },
855
728
  ],
856
729
  info: 'The column-rule-style CSS property sets the style of the line drawn between columns in a multi-column layout.',
857
730
  }, {
@@ -868,12 +741,9 @@ export default (editor: Editor, opts) => {
868
741
  type: 'select',
869
742
  defaults: '',
870
743
  options: [
871
- /* @ts-ignore */
872
- { value: '', name: '' },
873
- /* @ts-ignore */
874
- { value: 'none', name: 'none' },
875
- /* @ts-ignore */
876
- { value: 'all', name: 'all' },
744
+ { id: '', value: '', name: '' },
745
+ { id: 'none', value: 'none', name: 'none' },
746
+ { id: 'all', value: 'all', name: 'all' },
877
747
  ],
878
748
  info: 'The column-span CSS property makes it possible for an element to span across all columns when its value is set to all.',
879
749
  }, { at: 8 })