@silexlabs/silex 3.2.1-1 → 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 (19) 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/dist/plugins/server/plugins/server/Cache.js +1 -1
  5. package/dist/plugins/server/plugins/server/Cache.js.map +1 -1
  6. package/dist/plugins/server/plugins/server/GitlabHostingConnector.js +0 -1
  7. package/dist/plugins/server/plugins/server/GitlabHostingConnector.js.map +1 -1
  8. package/dist/server/plugins/server/Cache.js +1 -1
  9. package/package.json +3 -2
  10. package/src/html/index.pug +3 -2
  11. package/src/html/templates/includes.pug +3 -1
  12. package/src/ts/client/config.ts +2 -2
  13. package/src/ts/client/expose.ts +0 -4
  14. package/src/ts/client/grapesjs/css-props.ts +173 -295
  15. package/src/ts/client/grapesjs/index.ts +9 -12
  16. package/src/ts/client/grapesjs/page-panel.ts +0 -1
  17. package/src/ts/plugins/server/Cache.ts +1 -1
  18. package/src/ts/plugins/server/GitlabHostingConnector.ts +0 -1
  19. package/dist/client/css/admin.css.map +0 -1
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,16 +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: 'static', name: 'static' },
81
- /* @ts-ignore */
82
- { value: 'relative', name: 'relative' },
83
- /* @ts-ignore */
84
- { value: 'absolute', name: 'absolute' },
85
- /* @ts-ignore */
86
- { value: 'fixed', name: 'fixed' },
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' },
87
84
  ],
88
85
  info: '',
89
86
  })
@@ -196,38 +193,34 @@ export default (editor: Editor, opts) => {
196
193
  type: 'select',
197
194
  defaults: '',
198
195
  options: [
199
- /* @ts-ignore */
200
- { value: '', name: '' },
201
- /* @ts-ignore */
202
- { value: 'auto', name: 'auto' },
203
- /* @ts-ignore */
204
- { value: 'hidden', name: 'hidden' },
205
- /* @ts-ignore */
206
- { value: 'visible', name: 'visible' },
207
- /* @ts-ignore */
208
- { 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' },
209
204
  ],
210
205
  }, {
211
206
  name: 'Overflow Y',
212
207
  type: 'select',
213
208
  defaults: '',
214
209
  options: [
215
- /* @ts-ignore */
216
- { value: '', name: '' },
217
- /* @ts-ignore */
218
- { value: 'auto', name: 'auto' },
219
- /* @ts-ignore */
220
- { value: 'hidden', name: 'hidden' },
221
- /* @ts-ignore */
222
- { value: 'visible', name: 'visible' },
223
- /* @ts-ignore */
224
- { 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' },
225
218
  ],
226
219
  }],
227
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.',
228
221
  }, { at: 6 })
229
222
  editor.StyleManager.removeProperty('dimension', 'margin')
230
- editor.StyleManager.addProperty('dimension', {
223
+ editor.StyleManager.addProperty('dimension', {
231
224
  name: 'Margin',
232
225
  property: 'margin',
233
226
  type: 'composite',
@@ -265,7 +258,7 @@ export default (editor: Editor, opts) => {
265
258
  }],
266
259
  }, { at: 7 })
267
260
  editor.StyleManager.removeProperty('dimension', 'padding')
268
- editor.StyleManager.addProperty('dimension', {
261
+ editor.StyleManager.addProperty('dimension', {
269
262
  name: 'Padding',
270
263
  property: 'padding',
271
264
  type: 'composite',
@@ -305,7 +298,7 @@ export default (editor: Editor, opts) => {
305
298
  units: [ 'px', '%', 'em', 'rem', 'vh', 'vw' ],
306
299
  }],
307
300
  }, { at: 8 })
308
- /***************/
301
+ /***************/
309
302
  /* Typography */
310
303
  /***************/
311
304
  editor.StyleManager.removeProperty('typography', 'font-size')
@@ -325,25 +318,15 @@ export default (editor: Editor, opts) => {
325
318
  default: '',
326
319
  fixedValues: ['inherit', 'initial', 'unset', 'auto'],
327
320
  options: [
328
- /* @ts-ignore */
329
321
  { id: '', label: '' },
330
- /* @ts-ignore */
331
322
  { id: '100', label: 'Thin' },
332
- /* @ts-ignore */
333
323
  { id: '200', label: 'Extra-Light' },
334
- /* @ts-ignore */
335
324
  { id: '300', label: 'Light' },
336
- /* @ts-ignore */
337
325
  { id: '400', label: 'Normal' },
338
- /* @ts-ignore */
339
326
  { id: '500', label: 'Medium' },
340
- /* @ts-ignore */
341
327
  { id: '600', label: 'Semi-Bold' },
342
- /* @ts-ignore */
343
328
  { id: '700', label: 'Bold' },
344
- /* @ts-ignore */
345
329
  { id: '800', label: 'Extra-Bold' },
346
- /* @ts-ignore */
347
330
  { id: '900', label: 'Ultra-Bold' }
348
331
  ]
349
332
  }, { at: 2 })
@@ -380,34 +363,27 @@ export default (editor: Editor, opts) => {
380
363
  type: 'select',
381
364
  defaults: '',
382
365
  options: [
383
- /* @ts-ignore */
384
- { id: '', label: '' },
385
- /* @ts-ignore */
366
+ { id: '', label: '' },
386
367
  { id: 'left', label: 'left' },
387
- /* @ts-ignore */
388
368
  { id: 'center', label: 'center' },
389
- /* @ts-ignore */
390
369
  { id: 'right', label: 'right' },
391
- /* @ts-ignore */
392
370
  { id: 'justified', label: 'justified' },
371
+ { id: 'inherit', label: 'inherit' },
372
+ { id: 'initial', label: 'initial' },
373
+ { id: 'unset', label: 'unset' },
393
374
  ],
394
- }, { at: 6 })
375
+ }, { at: 6 })
395
376
  editor.StyleManager.addProperty('typography', {
396
377
  name: 'Word break',
397
378
  property: 'word-break',
398
379
  type: 'select',
399
380
  defaults: '',
400
381
  options: [
401
- /* @ts-ignore */
402
- { value: '', name: '' },
403
- /* @ts-ignore */
404
- { value: 'normal', name: 'normal' },
405
- /* @ts-ignore */
406
- { value: 'break-all', name: 'break-all' },
407
- /* @ts-ignore */
408
- { value: 'keep-all', name: 'keep-all' },
409
- /* @ts-ignore */
410
- { 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' },
411
387
  ],
412
388
  info: 'The word-break CSS property sets whether line breaks appear wherever the text would otherwise overflow its content box.',
413
389
  }, { at: 7 })
@@ -417,12 +393,9 @@ export default (editor: Editor, opts) => {
417
393
  type: 'select',
418
394
  defaults: '',
419
395
  options: [
420
- /* @ts-ignore */
421
- { value: '', name: '' },
422
- /* @ts-ignore */
423
- { value: 'normal', name: 'normal' },
424
- /* @ts-ignore */
425
- { 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' },
426
399
  ],
427
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.',
428
401
  }, { at: 8 })
@@ -432,20 +405,13 @@ export default (editor: Editor, opts) => {
432
405
  type: 'select',
433
406
  defaults: '',
434
407
  options: [
435
- /* @ts-ignore */
436
- { value: '', name: '' },
437
- /* @ts-ignore */
438
- { value: 'normal', name: 'normal' },
439
- /* @ts-ignore */
440
- { value: 'nowrap', name: 'nowrap' },
441
- /* @ts-ignore */
442
- { value: 'pre', name: 'pre' },
443
- /* @ts-ignore */
444
- { value: 'pre-wrap', name: 'pre-wrap' },
445
- /* @ts-ignore */
446
- { value: 'pre-line', name: 'pre-line' },
447
- /* @ts-ignore */
448
- { 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' },
449
415
  ],
450
416
  info: 'The white-space CSS property sets how white space inside an element is handled.',
451
417
  }, { at: 9 })
@@ -460,18 +426,12 @@ export default (editor: Editor, opts) => {
460
426
  defaults: '',
461
427
  fixedValues: ['auto', 'inherit', 'initial', 'revert', 'unset'],
462
428
  options: [
463
- /* @ts-ignore */
464
- { value: '', name: '' },
465
- /* @ts-ignore */
466
- { value: 'none', name: 'none' },
467
- /* @ts-ignore */
468
- { value: 'underline', name: 'underline' },
469
- /* @ts-ignore */
470
- { value: 'overline', name: 'overline' },
471
- /* @ts-ignore */
472
- { value: 'line-through', name: 'line-through' },
473
- /* @ts-ignore */
474
- { 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' },
475
435
  ],
476
436
  info: 'The text-decoration CSS property sets the appearance of decorative lines on text.',
477
437
  }, {
@@ -480,18 +440,12 @@ export default (editor: Editor, opts) => {
480
440
  type: 'select',
481
441
  defaults: '',
482
442
  options: [
483
- /* @ts-ignore */
484
- { value: '', name: '' },
485
- /* @ts-ignore */
486
- { value: 'solid', name: 'solid' },
487
- /* @ts-ignore */
488
- { value: 'double', name: 'double' },
489
- /* @ts-ignore */
490
- { value: 'dotted', name: 'dotted' },
491
- /* @ts-ignore */
492
- { value: 'dashed', name: 'dashed' },
493
- /* @ts-ignore */
494
- { 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' },
495
449
  ],
496
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.',
497
451
  }, {
@@ -517,16 +471,11 @@ export default (editor: Editor, opts) => {
517
471
  type: 'select',
518
472
  defaults: '',
519
473
  options: [
520
- /* @ts-ignore */
521
- { value: '', name: '' },
522
- /* @ts-ignore */
523
- { value: 'none', name: 'none' },
524
- /* @ts-ignore */
525
- { value: 'capitalize', name: 'capitalize' },
526
- /* @ts-ignore */
527
- { value: 'uppercase', name: 'uppercase' },
528
- /* @ts-ignore */
529
- { 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' },
530
479
  ],
531
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.',
532
481
  }, { at: 11 })
@@ -536,18 +485,18 @@ export default (editor: Editor, opts) => {
536
485
  type: 'select',
537
486
  defaults: '',
538
487
  options: [
539
- /* @ts-ignore */
540
- { value: '', name: '' },
541
- /* @ts-ignore */
542
- { value: 'clip', name: 'clip' },
543
- /* @ts-ignore */
544
- { 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' },
545
494
  ],
546
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.',
547
496
  }, { at: 12 })
548
- /***************/
497
+ /***************/
549
498
  /* Decorations */
550
- /***************/
499
+ /***************/
551
500
  editor.StyleManager.removeProperty('decorations', 'background-color')
552
501
  editor.StyleManager.addProperty('decorations', {
553
502
  name: 'Background color',
@@ -557,7 +506,7 @@ export default (editor: Editor, opts) => {
557
506
  full: true,
558
507
  }, { at: 0 })
559
508
  editor.StyleManager.removeProperty('decorations', 'border-radius')
560
- editor.StyleManager.addProperty('decorations', {
509
+ editor.StyleManager.addProperty('decorations', {
561
510
  name: 'Border radius',
562
511
  property: 'border-radius',
563
512
  type: 'composite',
@@ -613,28 +562,17 @@ export default (editor: Editor, opts) => {
613
562
  type: 'select',
614
563
  defaults: '',
615
564
  options: [
616
- /* @ts-ignore */
617
- { value: '', name: '' },
618
- /* @ts-ignore */
619
- { value: 'none', name: 'none' },
620
- /* @ts-ignore */
621
- { value: 'hidden', name: 'hidden' },
622
- /* @ts-ignore */
623
- { value: 'dotted', name: 'dotted' },
624
- /* @ts-ignore */
625
- { value: 'dashed', name: 'dashed' },
626
- /* @ts-ignore */
627
- { value: 'solid', name: 'solid' },
628
- /* @ts-ignore */
629
- { value: 'double', name: 'double' },
630
- /* @ts-ignore */
631
- { value: 'groove', name: 'groove' },
632
- /* @ts-ignore */
633
- { value: 'ridge', name: 'ridge' },
634
- /* @ts-ignore */
635
- { value: 'inset', name: 'inset' },
636
- /* @ts-ignore */
637
- { 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' },
638
576
  ],
639
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.',
640
578
  }, {
@@ -645,9 +583,9 @@ export default (editor: Editor, opts) => {
645
583
  info: 'The outline-color CSS property sets the color of an element\'s outline.',
646
584
  }],
647
585
  }, { at: 8 })
648
- /***************/
586
+ /***************/
649
587
  /* Extra */
650
- /***************/
588
+ /***************/
651
589
  editor.StyleManager.addProperty('extra', {
652
590
  name: 'Z index',
653
591
  property: 'z-index',
@@ -666,28 +604,20 @@ export default (editor: Editor, opts) => {
666
604
  type: 'select',
667
605
  defaults: '',
668
606
  options: [
669
- /* @ts-ignore */
670
- { value: '', name: '' },
671
- /* @ts-ignore */
672
- { value: 'auto', name: 'auto' },
673
- /* @ts-ignore */
674
- { value: 'none', name: 'none' },
675
- /* @ts-ignore */
676
- { value: 'visiblePainted', name: 'visiblePainted' },
677
- /* @ts-ignore */
678
- { value: 'visibleFill', name: 'visibleFill' },
679
- /* @ts-ignore */
680
- { value: 'visibleStroke', name: 'visibleStroke' },
681
- /* @ts-ignore */
682
- { value: 'visible', name: 'visible' },
683
- /* @ts-ignore */
684
- { value: 'painted', name: 'painted' },
685
- /* @ts-ignore */
686
- { value: 'fill', name: 'fill' },
687
- /* @ts-ignore */
688
- { value: 'stroke', name: 'stroke' },
689
- /* @ts-ignore */
690
- { 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' },
691
621
  ],
692
622
  info: 'The pointer-events CSS property sets under what circumstances (if any) a particular graphic element can become the target of pointer events.',
693
623
  }, { at: 2 })
@@ -697,80 +627,43 @@ export default (editor: Editor, opts) => {
697
627
  type: 'select',
698
628
  defaults: '',
699
629
  options: [
700
- /* @ts-ignore */
701
- { value: '', name: '' },
702
- /* @ts-ignore */
703
- { value: 'auto', name: 'auto' },
704
- /* @ts-ignore */
705
- { value: 'default', name: 'default' },
706
- /* @ts-ignore */
707
- { value: 'none', name: 'none' },
708
- /* @ts-ignore */
709
- { value: 'context-menu', name: 'context-menu' },
710
- /* @ts-ignore */
711
- { value: 'help', name: 'help' },
712
- /* @ts-ignore */
713
- { value: 'pointer', name: 'pointer' },
714
- /* @ts-ignore */
715
- { value: 'progress', name: 'progress' },
716
- /* @ts-ignore */
717
- { value: 'wait', name: 'wait' },
718
- /* @ts-ignore */
719
- { value: 'cell', name: 'cell' },
720
- /* @ts-ignore */
721
- { value: 'crosshair', name: 'crosshair' },
722
- /* @ts-ignore */
723
- { value: 'text', name: 'text' },
724
- /* @ts-ignore */
725
- { value: 'vertical-text', name: 'vertical-text' },
726
- /* @ts-ignore */
727
- { value: 'alias', name: 'alias' },
728
- /* @ts-ignore */
729
- { value: 'copy', name: 'copy' },
730
- /* @ts-ignore */
731
- { value: 'move', name: 'move' },
732
- /* @ts-ignore */
733
- { value: 'no-drop', name: 'no-drop' },
734
- /* @ts-ignore */
735
- { value: 'not-allowed', name: 'not-allowed' },
736
- /* @ts-ignore */
737
- { value: 'grab', name: 'grab' },
738
- /* @ts-ignore */
739
- { value: 'grabbing', name: 'grabbing' },
740
- /* @ts-ignore */
741
- { value: 'all-scroll', name: 'all-scroll' },
742
- /* @ts-ignore */
743
- { value: 'col-resize', name: 'col-resize' },
744
- /* @ts-ignore */
745
- { value: 'row-resize', name: 'row-resize' },
746
- /* @ts-ignore */
747
- { value: 'n-resize', name: 'n-resize' },
748
- /* @ts-ignore */
749
- { value: 'e-resize', name: 'e-resize' },
750
- /* @ts-ignore */
751
- { value: 's-resize', name: 's-resize' },
752
- /* @ts-ignore */
753
- { value: 'w-resize', name: 'w-resize' },
754
- /* @ts-ignore */
755
- { value: 'ne-resize', name: 'ne-resize' },
756
- /* @ts-ignore */
757
- { value: 'nw-resize', name: 'nw-resize' },
758
- /* @ts-ignore */
759
- { value: 'se-resize', name: 'se-resize' },
760
- /* @ts-ignore */
761
- { value: 'sw-resize', name: 'sw-resize' },
762
- /* @ts-ignore */
763
- { value: 'ew-resize', name: 'ew-resize' },
764
- /* @ts-ignore */
765
- { value: 'ns-resize', name: 'ns-resize' },
766
- /* @ts-ignore */
767
- { value: 'nesw-resize', name: 'nesw-resize' },
768
- /* @ts-ignore */
769
- { value: 'nwse-resize', name: 'nwse-resize' },
770
- /* @ts-ignore */
771
- { value: 'zoom-in', name: 'zoom-in' },
772
- /* @ts-ignore */
773
- { 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' },
774
667
  ],
775
668
  info: 'The cursor CSS property sets the type of mouse cursor, if any, to show when the mouse pointer is over an element.',
776
669
  }, { at: 3 })
@@ -820,30 +713,18 @@ export default (editor: Editor, opts) => {
820
713
  type: 'select',
821
714
  defaults: '',
822
715
  options: [
823
- /* @ts-ignore */
824
- { value: '', name: '' },
825
- /* @ts-ignore */
826
- { value: 'none', name: 'none' },
827
- /* @ts-ignore */
828
- { value: 'hidden', name: 'hidden' },
829
- /* @ts-ignore */
830
- { value: 'dotted', name: 'dotted' },
831
- /* @ts-ignore */
832
- { value: 'dashed', name: 'dashed' },
833
- /* @ts-ignore */
834
- { value: 'solid', name: 'solid' },
835
- /* @ts-ignore */
836
- { value: 'double', name: 'double' },
837
- /* @ts-ignore */
838
- { value: 'groove', name: 'groove' },
839
- /* @ts-ignore */
840
- { value: 'ridge', name: 'ridge' },
841
- /* @ts-ignore */
842
- { value: 'inset', name: 'inset' },
843
- /* @ts-ignore */
844
- { value: 'outset', name: 'outset' },
845
- /* @ts-ignore */
846
- { 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' },
847
728
  ],
848
729
  info: 'The column-rule-style CSS property sets the style of the line drawn between columns in a multi-column layout.',
849
730
  }, {
@@ -860,12 +741,9 @@ export default (editor: Editor, opts) => {
860
741
  type: 'select',
861
742
  defaults: '',
862
743
  options: [
863
- /* @ts-ignore */
864
- { value: '', name: '' },
865
- /* @ts-ignore */
866
- { value: 'none', name: 'none' },
867
- /* @ts-ignore */
868
- { value: 'all', name: 'all' },
744
+ { id: '', value: '', name: '' },
745
+ { id: 'none', value: 'none', name: 'none' },
746
+ { id: 'all', value: 'all', name: 'all' },
869
747
  ],
870
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.',
871
749
  }, { at: 8 })