@node-projects/web-component-designer 0.1.41 → 0.1.43
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.
|
@@ -22,6 +22,7 @@ export class PropertyGroupsService {
|
|
|
22
22
|
{ name: 'properties', propertiesService: null },
|
|
23
23
|
{ name: 'attached', propertiesService: this._attachedPropertiesService },
|
|
24
24
|
{ name: 'attributes', propertiesService: new AttributesPropertiesService() },
|
|
25
|
+
{ name: 'common', propertiesService: new CommonPropertiesService() },
|
|
25
26
|
{ name: 'styles', propertiesService: new CssCurrentPropertiesService() },
|
|
26
27
|
{ name: 'css vars', propertiesService: new CssCustomPropertiesService() },
|
|
27
28
|
{ name: 'layout', propertiesService: new CssPropertiesService("layout") },
|
|
@@ -20,7 +20,7 @@ export class CssCustomPropertiesService extends CommonPropertiesService {
|
|
|
20
20
|
getProperties(designItem) {
|
|
21
21
|
if (!designItem?.element?.computedStyleMap)
|
|
22
22
|
return null;
|
|
23
|
-
let rootMap = Array.from(designItem.instanceServiceContainer.designerCanvas.
|
|
23
|
+
let rootMap = Array.from(designItem.instanceServiceContainer.designerCanvas.computedStyleMap()).map(x => x[0]).filter(key => key.startsWith("--"));
|
|
24
24
|
let props = Array.from(designItem.element.computedStyleMap()).map(x => x[0]).filter(key => key.startsWith("--"));
|
|
25
25
|
let arr = props.filter(x => !rootMap.includes(x)).map(x => ({
|
|
26
26
|
name: x,
|
|
@@ -103,7 +103,11 @@ export class AbstractStylesheetService {
|
|
|
103
103
|
&& rule.cssRules) {
|
|
104
104
|
t += rule.cssText.split(rule.conditionText)[0] + rule.conditionText + " { " + this.traverseAndCollectRules(rule) + " }";
|
|
105
105
|
}
|
|
106
|
-
if (rule instanceof
|
|
106
|
+
else if (rule instanceof CSSKeyframesRule
|
|
107
|
+
&& rule.cssRules) {
|
|
108
|
+
t += rule.cssText;
|
|
109
|
+
}
|
|
110
|
+
else if (rule instanceof CSSStyleRule) {
|
|
107
111
|
let parts = rule.selectorText.split(',');
|
|
108
112
|
let sel = "";
|
|
109
113
|
for (let p of parts) {
|