@node-projects/web-component-designer 0.0.170 → 0.0.172

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 (32) hide show
  1. package/dist/elements/helper/CssUnitConverter.d.ts +2 -2
  2. package/dist/elements/helper/CssUnitConverter.js +3 -3
  3. package/dist/elements/helper/GridHelper.d.ts +2 -0
  4. package/dist/elements/helper/GridHelper.js +16 -1
  5. package/dist/elements/item/DesignItem.d.ts +1 -0
  6. package/dist/elements/item/DesignItem.js +19 -7
  7. package/dist/elements/item/IDesignItem.d.ts +1 -0
  8. package/dist/elements/services/copyPasteService/CopyPasteService.js +2 -2
  9. package/dist/elements/services/propertiesService/PropertyGroupsService.d.ts +2 -2
  10. package/dist/elements/services/propertiesService/services/AbstractPropertiesService.js +2 -2
  11. package/dist/elements/services/propertiesService/services/CssCurrentPropertiesService.d.ts +6 -2
  12. package/dist/elements/services/propertiesService/services/CssCurrentPropertiesService.js +31 -7
  13. package/dist/elements/services/propertiesService/services/CssProperties.json +541 -0
  14. package/dist/elements/services/propertiesService/services/CssPropertiesService.d.ts +4 -4
  15. package/dist/elements/services/propertiesService/services/CssPropertiesService.js +42 -167
  16. package/dist/elements/services/propertiesService/services/NativeElementsPropertiesService.js +6 -0
  17. package/dist/elements/services/stylesheetService/CssToolsStylesheetService.d.ts +17 -0
  18. package/dist/elements/services/stylesheetService/CssToolsStylesheetService.js +45 -0
  19. package/dist/elements/services/stylesheetService/CssTreeStylesheetService copy.d.ts +48 -0
  20. package/dist/elements/services/stylesheetService/CssTreeStylesheetService copy.js +185 -0
  21. package/dist/elements/services/stylesheetService/CssTreeStylesheetService.d.ts +3 -3
  22. package/dist/elements/services/stylesheetService/CssTreeStylesheetService.js +41 -22
  23. package/dist/elements/services/stylesheetService/IStylesheetService.d.ts +5 -5
  24. package/dist/elements/widgets/designerView/designerCanvas.d.ts +1 -0
  25. package/dist/elements/widgets/designerView/designerCanvas.js +9 -3
  26. package/dist/elements/widgets/designerView/extensions/GridExtension.d.ts +35 -4
  27. package/dist/elements/widgets/designerView/extensions/GridExtension.js +277 -90
  28. package/dist/elements/widgets/designerView/extensions/GridExtensionProvider.js +3 -1
  29. package/dist/elements/widgets/designerView/extensions/TransformOriginExtension.js +7 -6
  30. package/dist/index.d.ts +1 -0
  31. package/dist/index.js +1 -0
  32. package/package.json +2 -1
@@ -0,0 +1,541 @@
1
+ {
2
+ "accentColor": {
3
+ "type": "color"
4
+ },
5
+ "additiveSymbols": {},
6
+ "alignContent": {},
7
+ "alignItems": {},
8
+ "alignSelf": {},
9
+ "alignmentBaseline": {},
10
+ "all": {},
11
+ "animation": {},
12
+ "animationDelay": {},
13
+ "animationDirection": {},
14
+ "animationDuration": {},
15
+ "animationFillMode": {},
16
+ "animationIterationCount": {},
17
+ "animationName": {},
18
+ "animationPlayState": {},
19
+ "animationTimingFunction": {},
20
+ "appRegion": {},
21
+ "appearance": {},
22
+ "ascentOverride": {},
23
+ "aspectRatio": {},
24
+ "backdropFilter": {},
25
+ "backfaceVisibility": {},
26
+ "background": {},
27
+ "backgroundAttachment": {},
28
+ "backgroundBlendMode": {},
29
+ "backgroundClip": {},
30
+ "backgroundColor": {
31
+ "type": "color"
32
+ },
33
+ "backgroundImage": {},
34
+ "backgroundOrigin": {},
35
+ "backgroundPosition": {},
36
+ "backgroundPositionX": {},
37
+ "backgroundPositionY": {},
38
+ "backgroundRepeat": {},
39
+ "backgroundRepeatX": {},
40
+ "backgroundRepeatY": {},
41
+ "backgroundSize": {},
42
+ "basePalette": {},
43
+ "baselineShift": {},
44
+ "blockSize": {},
45
+ "border": {},
46
+ "borderBlock": {},
47
+ "borderBlockColor": {
48
+ "type": "color"
49
+ },
50
+ "borderBlockEnd": {},
51
+ "borderBlockEndColor": {
52
+ "type": "color"
53
+ },
54
+ "borderBlockEndStyle": {},
55
+ "borderBlockEndWidth": {},
56
+ "borderBlockStart": {},
57
+ "borderBlockStartColor": {
58
+ "type": "color"
59
+ },
60
+ "borderBlockStartStyle": {},
61
+ "borderBlockStartWidth": {},
62
+ "borderBlockStyle": {},
63
+ "borderBlockWidth": {},
64
+ "borderBottom": {},
65
+ "borderBottomColor": {
66
+ "type": "color"
67
+ },
68
+ "borderBottomLeftRadius": {},
69
+ "borderBottomRightRadius": {},
70
+ "borderBottomStyle": {},
71
+ "borderBottomWidth": {},
72
+ "borderCollapse": {},
73
+ "borderColor": {
74
+ "type": "color"
75
+ },
76
+ "borderEndEndRadius": {},
77
+ "borderEndStartRadius": {},
78
+ "borderImage": {},
79
+ "borderImageOutset": {},
80
+ "borderImageRepeat": {},
81
+ "borderImageSlice": {},
82
+ "borderImageSource": {},
83
+ "borderImageWidth": {},
84
+ "borderInline": {},
85
+ "borderInlineColor": {
86
+ "type": "color"
87
+ },
88
+ "borderInlineEnd": {},
89
+ "borderInlineEndColor": {
90
+ "type": "color"
91
+ },
92
+ "borderInlineEndStyle": {},
93
+ "borderInlineEndWidth": {},
94
+ "borderInlineStart": {},
95
+ "borderInlineStartColor": {
96
+ "type": "color"
97
+ },
98
+ "borderInlineStartStyle": {},
99
+ "borderInlineStartWidth": {},
100
+ "borderInlineStyle": {},
101
+ "borderInlineWidth": {},
102
+ "borderLeft": {},
103
+ "borderLeftColor": {
104
+ "type": "color"
105
+ },
106
+ "borderLeftStyle": {},
107
+ "borderLeftWidth": {},
108
+ "borderRadius": {},
109
+ "borderRight": {},
110
+ "borderRightColor": {
111
+ "type": "color"
112
+ },
113
+ "borderRightStyle": {},
114
+ "borderRightWidth": {},
115
+ "borderSpacing": {},
116
+ "borderStartEndRadius": {},
117
+ "borderStartStartRadius": {},
118
+ "borderStyle": {},
119
+ "borderTop": {},
120
+ "borderTopColor": {
121
+ "type": "color"
122
+ },
123
+ "borderTopLeftRadius": {},
124
+ "borderTopRightRadius": {},
125
+ "borderTopStyle": {},
126
+ "borderTopWidth": {},
127
+ "borderWidth": {
128
+ "type": "length",
129
+ "values": [
130
+ "medium",
131
+ "thin",
132
+ "thick"
133
+ ]
134
+ },
135
+ "bottom": {},
136
+ "boxShadow": {},
137
+ "boxSizing": {
138
+ "type": "list",
139
+ "values": [
140
+ "border-box",
141
+ "content-box"
142
+ ]
143
+ },
144
+ "breakAfter": {},
145
+ "breakBefore": {},
146
+ "breakInside": {},
147
+ "bufferedRendering": {},
148
+ "captionSide": {},
149
+ "caretColor": {
150
+ "type": "color"
151
+ },
152
+ "clear": {},
153
+ "clip": {},
154
+ "clipPath": {},
155
+ "clipRule": {},
156
+ "color": {
157
+ "type": "color"
158
+ },
159
+ "colorInterpolation": {},
160
+ "colorInterpolationFilters": {},
161
+ "colorRendering": {},
162
+ "colorScheme": {},
163
+ "columnCount": {},
164
+ "columnFill": {},
165
+ "columnGap": {},
166
+ "columnRule": {},
167
+ "columnRuleColor": {
168
+ "type": "color"
169
+ },
170
+ "columnRuleStyle": {},
171
+ "columnRuleWidth": {},
172
+ "columnSpan": {},
173
+ "columnWidth": {},
174
+ "columns": {},
175
+ "contain": {},
176
+ "containIntrinsicBlockSize": {},
177
+ "containIntrinsicHeight": {},
178
+ "containIntrinsicInlineSize": {},
179
+ "containIntrinsicSize": {},
180
+ "containIntrinsicWidth": {},
181
+ "container": {},
182
+ "containerName": {},
183
+ "containerType": {},
184
+ "content": {},
185
+ "contentVisibility": {},
186
+ "counterIncrement": {},
187
+ "counterReset": {},
188
+ "counterSet": {},
189
+ "cursor": {},
190
+ "cx": {},
191
+ "cy": {},
192
+ "d": {},
193
+ "descentOverride": {},
194
+ "direction": {},
195
+ "display": {
196
+ "type": "list",
197
+ "values": [
198
+ "block",
199
+ "inline",
200
+ "inline-block",
201
+ "flex",
202
+ "inline-flex",
203
+ "contents",
204
+ "grid",
205
+ "inline-grid",
206
+ "inline-table",
207
+ "list-item",
208
+ "run-in",
209
+ "table",
210
+ "table-caption",
211
+ "table-column-group",
212
+ "table-header-group",
213
+ "table-footer-group",
214
+ "tabl-row-group",
215
+ "table-cell",
216
+ "table-column",
217
+ "table-row",
218
+ "inherit",
219
+ "initial",
220
+ "none"
221
+ ]
222
+ },
223
+ "dominantBaseline": {},
224
+ "emptyCells": {},
225
+ "fallback": {},
226
+ "fill": {},
227
+ "fillOpacity": {},
228
+ "fillRule": {},
229
+ "filter": {},
230
+ "flex": {},
231
+ "flexBasis": {},
232
+ "flexDirection": {},
233
+ "flexFlow": {},
234
+ "flexGrow": {},
235
+ "flexShrink": {},
236
+ "flexWrap": {},
237
+ "float": {},
238
+ "floodColor": {
239
+ "type": "color"
240
+ },
241
+ "floodOpacity": {},
242
+ "font": {},
243
+ "fontDisplay": {},
244
+ "fontFamily": {},
245
+ "fontFeatureSettings": {},
246
+ "fontKerning": {},
247
+ "fontOpticalSizing": {},
248
+ "fontPalette": {},
249
+ "fontSize": {},
250
+ "fontStretch": {},
251
+ "fontStyle": {},
252
+ "fontSynthesis": {},
253
+ "fontSynthesisSmallCaps": {},
254
+ "fontSynthesisStyle": {},
255
+ "fontSynthesisWeight": {},
256
+ "fontVariant": {},
257
+ "fontVariantCaps": {},
258
+ "fontVariantEastAsian": {},
259
+ "fontVariantLigatures": {},
260
+ "fontVariantNumeric": {},
261
+ "fontVariationSettings": {},
262
+ "fontWeight": {},
263
+ "forcedColorAdjust": {},
264
+ "gap": {},
265
+ "grid": {},
266
+ "gridArea": {},
267
+ "gridAutoColumns": {},
268
+ "gridAutoFlow": {},
269
+ "gridAutoRows": {},
270
+ "gridColumn": {},
271
+ "gridColumnEnd": {},
272
+ "gridColumnGap": {},
273
+ "gridColumnStart": {},
274
+ "gridGap": {},
275
+ "gridRow": {},
276
+ "gridRowEnd": {},
277
+ "gridRowGap": {},
278
+ "gridRowStart": {},
279
+ "gridTemplate": {},
280
+ "gridTemplateAreas": {},
281
+ "gridTemplateColumns": {},
282
+ "gridTemplateRows": {},
283
+ "height": {},
284
+ "hyphenateCharacter": {},
285
+ "hyphens": {},
286
+ "imageOrientation": {},
287
+ "imageRendering": {},
288
+ "inherits": {},
289
+ "initialValue": {},
290
+ "inlineSize": {},
291
+ "inset": {},
292
+ "insetBlock": {},
293
+ "insetBlockEnd": {},
294
+ "insetBlockStart": {},
295
+ "insetInline": {},
296
+ "insetInlineEnd": {},
297
+ "insetInlineStart": {},
298
+ "isolation": {},
299
+ "justifyContent": {},
300
+ "justifyItems": {},
301
+ "justifySelf": {},
302
+ "left": {},
303
+ "letterSpacing": {},
304
+ "lightingColor": {
305
+ "type": "color"
306
+ },
307
+ "lineBreak": {},
308
+ "lineGapOverride": {},
309
+ "lineHeight": {},
310
+ "listStyle": {},
311
+ "listStyleImage": {},
312
+ "listStylePosition": {},
313
+ "listStyleType": {},
314
+ "margin": {},
315
+ "marginBlock": {},
316
+ "marginBlockEnd": {
317
+ "type": "length"
318
+ },
319
+ "marginBlockStart": {
320
+ "type": "length"
321
+ },
322
+ "marginBottom": {
323
+ "type": "length"
324
+ },
325
+ "marginInline": {},
326
+ "marginInlineEnd": {
327
+ "type": "length"
328
+ },
329
+ "marginInlineStart": {
330
+ "type": "length"
331
+ },
332
+ "marginLeft": {
333
+ "type": "length"
334
+ },
335
+ "marginRight": {
336
+ "type": "length"
337
+ },
338
+ "marginTop": {
339
+ "type": "length"
340
+ },
341
+ "marker": {},
342
+ "markerEnd": {},
343
+ "markerMid": {},
344
+ "markerStart": {},
345
+ "mask": {},
346
+ "maskType": {},
347
+ "maxBlockSize": {},
348
+ "maxHeight": {},
349
+ "maxInlineSize": {},
350
+ "maxWidth": {},
351
+ "minBlockSize": {},
352
+ "minHeight": {},
353
+ "minInlineSize": {},
354
+ "minWidth": {},
355
+ "mixBlendMode": {},
356
+ "negative": {},
357
+ "objectFit": {},
358
+ "objectPosition": {
359
+ "type": "position"
360
+ },
361
+ "objectViewBox": {},
362
+ "offset": {},
363
+ "offsetDistance": {},
364
+ "offsetPath": {},
365
+ "offsetRotate": {},
366
+ "opacity": {
367
+ "type": "number"
368
+ },
369
+ "order": {},
370
+ "orphans": {},
371
+ "outline": {},
372
+ "outlineColor": {
373
+ "type": "color"
374
+ },
375
+ "outlineOffset": {},
376
+ "outlineStyle": {},
377
+ "outlineWidth": {},
378
+ "overflow": {},
379
+ "overflowAnchor": {},
380
+ "overflowClipMargin": {},
381
+ "overflowWrap": {},
382
+ "overflowX": {},
383
+ "overflowY": {},
384
+ "overrideColors": {},
385
+ "overscrollBehavior": {},
386
+ "overscrollBehaviorBlock": {},
387
+ "overscrollBehaviorInline": {},
388
+ "overscrollBehaviorX": {},
389
+ "overscrollBehaviorY": {},
390
+ "pad": {},
391
+ "padding": {},
392
+ "paddingBlock": {},
393
+ "paddingBlockEnd": {},
394
+ "paddingBlockStart": {},
395
+ "paddingBottom": {},
396
+ "paddingInline": {},
397
+ "paddingInlineEnd": {},
398
+ "paddingInlineStart": {},
399
+ "paddingLeft": {},
400
+ "paddingRight": {},
401
+ "paddingTop": {},
402
+ "page": {},
403
+ "pageBreakAfter": {},
404
+ "pageBreakBefore": {},
405
+ "pageBreakInside": {},
406
+ "pageOrientation": {},
407
+ "paintOrder": {},
408
+ "perspective": {},
409
+ "perspectiveOrigin": {},
410
+ "placeContent": {},
411
+ "placeItems": {},
412
+ "placeSelf": {},
413
+ "pointerEvents": {},
414
+ "position": {
415
+ "type": "list",
416
+ "values": ["static", "relative", "absolute"]
417
+ },
418
+ "prefix": {},
419
+ "quotes": {},
420
+ "r": {},
421
+ "range": {},
422
+ "resize": {},
423
+ "right": {},
424
+ "rotate": {},
425
+ "rowGap": {},
426
+ "rubyPosition": {},
427
+ "rx": {},
428
+ "ry": {},
429
+ "scale": {},
430
+ "scrollBehavior": {},
431
+ "scrollMargin": {},
432
+ "scrollMarginBlock": {},
433
+ "scrollMarginBlockEnd": {},
434
+ "scrollMarginBlockStart": {},
435
+ "scrollMarginBottom": {},
436
+ "scrollMarginInline": {},
437
+ "scrollMarginInlineEnd": {},
438
+ "scrollMarginInlineStart": {},
439
+ "scrollMarginLeft": {},
440
+ "scrollMarginRight": {},
441
+ "scrollMarginTop": {},
442
+ "scrollPadding": {},
443
+ "scrollPaddingBlock": {},
444
+ "scrollPaddingBlockEnd": {},
445
+ "scrollPaddingBlockStart": {},
446
+ "scrollPaddingBottom": {},
447
+ "scrollPaddingInline": {},
448
+ "scrollPaddingInlineEnd": {},
449
+ "scrollPaddingInlineStart": {},
450
+ "scrollPaddingLeft": {},
451
+ "scrollPaddingRight": {},
452
+ "scrollPaddingTop": {},
453
+ "scrollSnapAlign": {},
454
+ "scrollSnapStop": {},
455
+ "scrollSnapType": {},
456
+ "scrollbarGutter": {},
457
+ "shapeImageThreshold": {},
458
+ "shapeMargin": {},
459
+ "shapeOutside": {},
460
+ "shapeRendering": {},
461
+ "size": {},
462
+ "sizeAdjust": {},
463
+ "speak": {},
464
+ "speakAs": {},
465
+ "src": {},
466
+ "stopColor": {
467
+ "type": "color"
468
+ },
469
+ "stopOpacity": {},
470
+ "stroke": {},
471
+ "strokeDasharray": {},
472
+ "strokeDashoffset": {},
473
+ "strokeLinecap": {},
474
+ "strokeLinejoin": {},
475
+ "strokeMiterlimit": {},
476
+ "strokeOpacity": {},
477
+ "strokeWidth": {},
478
+ "suffix": {},
479
+ "symbols": {},
480
+ "syntax": {},
481
+ "system": {},
482
+ "tabSize": {},
483
+ "tableLayout": {},
484
+ "textAlign": {},
485
+ "textAlignLast": {},
486
+ "textAnchor": {},
487
+ "textCombineUpright": {},
488
+ "textDecoration": {},
489
+ "textDecorationColor": {
490
+ "type": "color"
491
+ },
492
+ "textDecorationLine": {},
493
+ "textDecorationSkipInk": {},
494
+ "textDecorationStyle": {},
495
+ "textDecorationThickness": {},
496
+ "textEmphasis": {},
497
+ "textEmphasisColor": {
498
+ "type": "color"
499
+ },
500
+ "textEmphasisPosition": {},
501
+ "textEmphasisStyle": {},
502
+ "textIndent": {},
503
+ "textOrientation": {},
504
+ "textOverflow": {},
505
+ "textRendering": {},
506
+ "textShadow": {},
507
+ "textSizeAdjust": {},
508
+ "textTransform": {},
509
+ "textUnderlineOffset": {},
510
+ "textUnderlinePosition": {},
511
+ "top": {},
512
+ "touchAction": {},
513
+ "transform": {},
514
+ "transformBox": {},
515
+ "transformOrigin": {},
516
+ "transformStyle": {},
517
+ "transition": {},
518
+ "transitionDelay": {},
519
+ "transitionDuration": {},
520
+ "transitionProperty": {},
521
+ "transitionTimingFunction": {},
522
+ "translate": {},
523
+ "unicodeBidi": {},
524
+ "unicodeRange": {},
525
+ "userSelect": {},
526
+ "vectorEffect": {},
527
+ "verticalAlign": {},
528
+ "visibility": {},
529
+ "whiteSpace": {},
530
+ "widows": {},
531
+ "width": {},
532
+ "willChange": {},
533
+ "wordBreak": {},
534
+ "wordSpacing": {},
535
+ "wordWrap": {},
536
+ "writingMode": {},
537
+ "x": {},
538
+ "y": {},
539
+ "zIndex": {},
540
+ "zoom": {}
541
+ }
@@ -6,10 +6,10 @@ import { RefreshMode } from '../IPropertiesService.js';
6
6
  import { IPropertyGroup } from '../IPropertyGroup.js';
7
7
  export declare class CssPropertiesService extends CommonPropertiesService {
8
8
  getRefreshMode(designItem: IDesignItem): RefreshMode;
9
- layout: IProperty[];
10
- grid: IProperty[];
11
- flex: IProperty[];
12
- constructor(name: 'styles' | 'layout' | 'grid' | 'flex');
9
+ layout: string[];
10
+ grid: string[];
11
+ flex: string[];
12
+ constructor(name: 'layout' | 'grid' | 'flex');
13
13
  isHandledElement(designItem: IDesignItem): boolean;
14
14
  getProperty(designItem: IDesignItem, name: string): IProperty;
15
15
  getProperties(designItem: IDesignItem): IProperty[] | IPropertyGroup[];