@veloceapps/sdk 8.0.0-101 → 8.0.0-102

package/fesm2020/veloceapps-sdk-cms.mjs

@@ -23,6 +23,7 @@ import * as angularForms from '@angular/forms';
 import { FormsModule, ReactiveFormsModule } from '@angular/forms';
 import * as rxjsOperators from 'rxjs/operators';
 import { transform } from '@babel/standalone';
+import * as sass from 'sass';
 import { loadRemoteModule } from '@angular-architects/module-federation';
 
 var FlowAction;
@@ -2249,7 +2250,12 @@ class ElementsResolver {
             result += configuredStyles;
         }
         if (element.styles) {
-            result += element.styles;
+            try {
+                result += sass.compileString(element.styles).css;
+            }
+            catch (_) {
+                result += element.styles;
+            }
         }
         return result || undefined;
     }