sun-card-design 1.1.2 → 1.1.10

package/dist/mobile/sun-card-design-mobile.es13.js

@@ -61,7 +61,7 @@ const _sfc_main = {
     };
   }
 };
-const Panorama = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-3226efd4"]]);
+const Panorama = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-829605cc"]]);
 export {
   Panorama as default
 };

package/dist/mobile/sun-card-design-mobile.es14.js

@@ -10,9 +10,9 @@ const _sfc_main = {
   setup(__props) {
     const props = __props;
     const queryCanvasEl = () => {
-      const elTo = document.querySelector(".canvasTo");
+      const elTo = document.querySelector(".mb-main");
       if (elTo) return elTo;
-      const el = document.querySelector(".canvas");
+      const el = document.querySelector(".pc-main");
       return el;
     };
     const onGenerate = async () => {
@@ -53,7 +53,7 @@ const _sfc_main = {
     };
   }
 };
-const GenerateImg = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-cd034976"]]);
+const GenerateImg = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-2048419e"]]);
 export {
   GenerateImg as default
 };

package/dist/mobile/sun-card-design-mobile.es15.js

@@ -6,13 +6,16 @@ const _hoisted_1 = { class: "main-grid" };
 const _sfc_main = {
   __name: "gridComp",
   props: ["record"],
-  emits: ["clickEvent"],
+  emits: ["clickEvent", "fileUpdateEvent"],
   setup(__props, { emit: __emit }) {
     const props = __props;
     const emit = __emit;
     const onClick = (record) => {
       emit("clickEvent", record);
     };
+    const onUpdate = (record) => {
+      emit("fileUpdateEvent", record);
+    };
     return (_ctx, _cache) => {
       const _component_a_col = resolveComponent("a-col");
       const _component_a_row = resolveComponent("a-row");
@@ -43,7 +46,8 @@ const _sfc_main = {
                       return openBlock(), createBlock(FormItem, {
                         record: element,
                         key: index2,
-                        onClickEvent: onClick
+                        onClickEvent: onClick,
+                        onFileUpdateEvent: onUpdate
                       }, null, 8, ["record"]);
                     }), 128))
                   ], 4)
@@ -58,7 +62,7 @@ const _sfc_main = {
     };
   }
 };
-const Grid = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-92d93041"]]);
+const Grid = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-4c32288a"]]);
 export {
   Grid as default
 };

package/dist/mobile/sun-card-design-mobile.es2.js

@@ -6,7 +6,7 @@ import _export_sfc from "./sun-card-design-mobile.es28.js";
 const _sfc_main = {
   __name: "mobilePanel",
   props: ["record", "config"],
-  emits: ["clickEvent"],
+  emits: ["clickEvent", "fileUpdateEvent"],
   setup(__props, { emit: __emit }) {
     const props = __props;
     if (props?.config?.variableList) {
@@ -17,9 +17,12 @@ const _sfc_main = {
     const onClick = (record) => {
       emit("clickEvent", record);
     };
+    const onUpdated = (record) => {
+      emit("fileUpdateEvent", record);
+    };
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", {
-        class: "msg-main",
+        class: "msg-main mb-main",
         style: normalizeStyle({
           background: props.record.config.background,
           padding: props.record.config.padding + "px",
@@ -31,14 +34,15 @@ const _sfc_main = {
             recordData: props.record,
             record: item,
             key: index,
-            onClickEvent: onClick
+            onClickEvent: onClick,
+            onFileUpdateEvent: onUpdated
           }, null, 8, ["recordData", "record"]);
         }), 128))
       ], 4);
     };
   }
 };
-const MobilePanel = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-ccb279e4"]]);
+const MobilePanel = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-0aa4d10d"]]);
 export {
   MobilePanel as default
 };

package/dist/mobile/sun-card-design-mobile.es25.js

@@ -31,13 +31,16 @@ const _hoisted_1 = {
 const _sfc_main = {
   __name: "formItem",
   props: ["record"],
-  emits: ["clickEvent"],
+  emits: ["clickEvent", "fileUpdateEvent"],
   setup(__props, { emit: __emit }) {
     const props = __props;
     const emit = __emit;
     const onClick = (record) => {
       emit("clickEvent", record);
     };
+    const onUpdate = (record) => {
+      emit("fileUpdateEvent", record);
+    };
     return (_ctx, _cache) => {
       return __props.record.state !== false ? (openBlock(), createElementBlock("div", _hoisted_1, [
         __props.record.type === "title" ? (openBlock(), createBlock(Title, {
@@ -57,7 +60,8 @@ const _sfc_main = {
         __props.record.type === "file" ? (openBlock(), createBlock(File, {
           key: 3,
           record: props.record,
-          onClickEvent: onClick
+          onClickEvent: onClick,
+          onFileUpdateEvent: onUpdate
         }, null, 8, ["record"])) : createCommentVNode("", true),
         __props.record.type === "upload" ? (openBlock(), createBlock(Upload, {
           key: 4,
@@ -104,7 +108,8 @@ const _sfc_main = {
         __props.record.type === "grid" ? (openBlock(), createBlock(Grid, {
           key: 14,
           record: props.record,
-          onClickEvent: onClick
+          onClickEvent: onClick,
+          onFileUpdateEvent: onUpdate
         }, null, 8, ["record"])) : createCommentVNode("", true),
         __props.record.type === "enterpriseSearch" ? (openBlock(), createBlock(EnterpriseSearch, {
           key: 15,
@@ -142,7 +147,7 @@ const _sfc_main = {
     };
   }
 };
-const FormItem = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-f93442bd"]]);
+const FormItem = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-0fe9e516"]]);
 export {
   FormItem as default
 };

package/dist/mobile/sun-card-design-mobile.es49.js

@@ -1,4 +1,4 @@
-import { ref, onUnmounted, createElementBlock, createCommentVNode, openBlock, createElementVNode, createBlock, unref } from "vue";
+import { ref, onUnmounted, createElementBlock, createCommentVNode, openBlock, createBlock, createElementVNode, unref } from "vue";
 import * as THREE from "three";
 import { OrbitControls } from "./sun-card-design-mobile.es58.js";
 import TWEEN from "@tweenjs/tween.js";
@@ -172,22 +172,21 @@ const _sfc_main = {
     });
     return (_ctx, _cache) => {
       return show.value ? (openBlock(), createElementBlock("div", _hoisted_1, [
+        isClose.value ? (openBlock(), createBlock(unref(CloseCircleFilled), {
+          key: 0,
+          class: "icon",
+          onClick: closeView
+        })) : createCommentVNode("", true),
         createElementVNode("div", {
           ref_key: "containerRef",
           ref: containerRef,
           class: "canvas-view"
-        }, [
-          isClose.value ? (openBlock(), createBlock(unref(CloseCircleFilled), {
-            key: 0,
-            class: "icon",
-            onClick: closeView
-          })) : createCommentVNode("", true)
-        ], 512)
+        }, null, 512)
       ])) : createCommentVNode("", true);
     };
   }
 };
-const PanoramaView = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-9c7cbcbe"]]);
+const PanoramaView = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-d6ec0f1f"]]);
 export {
   PanoramaView as default
 };

package/dist/mobile/sun-card-design-mobile.es5.js

@@ -25,27 +25,21 @@ const _sfc_main = {
       EditOutlined
     };
     const emit = __emit;
-    const obj = {
-      primary: "#0066ff",
-      default: "#fff",
-      unimportant: "#f0f0f0",
-      important: "#4e40e5"
-    };
     const getWidth = () => {
-      const obj2 = {
+      const obj = {
         auto: "auto",
         all: "100%",
         fixed: props.record.options.style.widthValue + "px"
       };
-      return obj2[props.record.options.style.widthType];
+      return obj[props.record.options.style.widthType];
     };
     const getAlign = () => {
-      const obj2 = {
+      const obj = {
         left: "flex-start",
         center: "center",
         right: "flex-end"
       };
-      return obj2[props.record.options.style.align];
+      return obj[props.record.options.style.align];
     };
     const onClick = () => {
       emit("clickEvent", props.record);
@@ -62,8 +56,9 @@ const _sfc_main = {
           type: "primary",
           size: props.record.options.style.size,
           style: normalizeStyle({
-            background: obj[props.record.options.style.type],
+            background: props.record.options.style.background,
             color: props.record.options.style.color,
+            borderRadius: props.record.options.style.borderRadius + "px",
             width: getWidth(),
             float: props.record.options.style.align
           }),
@@ -86,7 +81,7 @@ const _sfc_main = {
     };
   }
 };
-const Button = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-af850fd7"]]);
+const Button = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-444f05bb"]]);
 export {
   Button as default
 };

package/dist/mobile/sun-card-design-mobile.es67.js

@@ -0,0 +1,37 @@
+import { createVNode } from "vue";
+import CloseCircleFilled$1 from "./sun-card-design-mobile.es77.js";
+import Icon from "./sun-card-design-mobile.es75.js";
+function _objectSpread(target) {
+  for (var i = 1; i < arguments.length; i++) {
+    var source = arguments[i] != null ? Object(arguments[i]) : {};
+    var ownKeys = Object.keys(source);
+    if (typeof Object.getOwnPropertySymbols === "function") {
+      ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
+        return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+      }));
+    }
+    ownKeys.forEach(function(key) {
+      _defineProperty(target, key, source[key]);
+    });
+  }
+  return target;
+}
+function _defineProperty(obj, key, value) {
+  if (key in obj) {
+    Object.defineProperty(obj, key, { value, enumerable: true, configurable: true, writable: true });
+  } else {
+    obj[key] = value;
+  }
+  return obj;
+}
+var CloseCircleFilled = function CloseCircleFilled2(props, context) {
+  var p = _objectSpread({}, props, context.attrs);
+  return createVNode(Icon, _objectSpread({}, p, {
+    "icon": CloseCircleFilled$1
+  }), null);
+};
+CloseCircleFilled.displayName = "CloseCircleFilled";
+CloseCircleFilled.inheritAttrs = false;
+export {
+  CloseCircleFilled as default
+};

package/dist/mobile/sun-card-design-mobile.es7.js

@@ -1,4 +1,4 @@
-import { createElementBlock, openBlock, createElementVNode, unref, normalizeStyle, toDisplayString } from "vue";
+import { resolveComponent, createElementBlock, openBlock, createElementVNode, createCommentVNode, unref, normalizeStyle, toDisplayString, createVNode, withCtx, createTextVNode } from "vue";
 import { fileIconSvg } from "./sun-card-design-mobile.es41.js";
 import { renderTextByVariables } from "./sun-card-design-mobile.es26.js";
 /* empty css                            */
@@ -8,14 +8,18 @@ const _hoisted_2 = ["innerHTML"];
 const _sfc_main = {
   __name: "fileComp",
   props: ["record"],
-  emits: ["clickEvent"],
+  emits: ["clickEvent", "fileUpdateEvent"],
   setup(__props, { emit: __emit }) {
     const props = __props;
     const emit = __emit;
     const onClick = () => {
       emit("clickEvent", props.record);
     };
+    const onUpdate = () => {
+      emit("fileUpdateEvent", props.record);
+    };
     return (_ctx, _cache) => {
+      const _component_a_button = resolveComponent("a-button");
       return openBlock(), createElementBlock("div", _hoisted_1, [
         createElementVNode("div", null, [
           createElementVNode("div", {
@@ -39,13 +43,28 @@ const _sfc_main = {
               lineHeight: "20px",
               margin: "5px 0 0"
             })
-          }, toDisplayString(unref(renderTextByVariables)(props.record.options.subtitle)), 5)
+          }, toDisplayString(unref(renderTextByVariables)(props.record.options.subtitle)), 5),
+          props.record.options?.isUpdate ? (openBlock(), createElementBlock("div", {
+            key: 0,
+            style: { "margin-top": "8px" },
+            onClick: onUpdate
+          }, [
+            createVNode(_component_a_button, {
+              type: "primary",
+              size: "small"
+            }, {
+              default: withCtx(() => [
+                createTextVNode(toDisplayString(props.record.options.updateText), 1)
+              ]),
+              _: 1
+            })
+          ])) : createCommentVNode("", true)
         ])
       ]);
     };
   }
 };
-const File = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-57bf4aca"]]);
+const File = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-8e4c7abb"]]);
 export {
   File as default
 };

package/dist/mobile/sun-card-design-mobile.es72.js

@@ -1,5 +1,4 @@
-import { getSecondaryColor, warning, isIconDefinition, generate } from "./sun-card-design-mobile.es73.js";
-import { reactive } from "vue";
+import { getSecondaryColor, useInsertStyles, warning, isIconDefinition, generate } from "./sun-card-design-mobile.es73.js";
 var _excluded = ["icon", "primaryColor", "secondaryColor"];
 function _objectWithoutProperties(source, excluded) {
   if (source == null) return {};
@@ -51,11 +50,11 @@ function _defineProperty(obj, key, value) {
   }
   return obj;
 }
-var twoToneColorPalette = reactive({
+var twoToneColorPalette = {
   primaryColor: "#333",
   secondaryColor: "#E6E6E6",
   calculated: false
-});
+};
 function setTwoToneColors(_ref) {
   var primaryColor = _ref.primaryColor, secondaryColor = _ref.secondaryColor;
   twoToneColorPalette.primaryColor = primaryColor;
@@ -74,6 +73,7 @@ var IconBase = function IconBase2(props, context) {
       secondaryColor: secondaryColor || getSecondaryColor(primaryColor)
     };
   }
+  useInsertStyles();
   warning(isIconDefinition(icon), "icon should be icon definiton, but got ".concat(icon));
   if (!isIconDefinition(icon)) {
     return null;

package/dist/mobile/sun-card-design-mobile.es73.js

@@ -1,7 +1,6 @@
-import { h, getCurrentInstance, nextTick } from "vue";
+import { nextTick, h } from "vue";
 import { generate as generate$1 } from "./sun-card-design-mobile.es84.js";
-import { useInjectIconContext } from "./sun-card-design-mobile.es85.js";
-import { canUseDom, updateCSS } from "./sun-card-design-mobile.es86.js";
+import insertCss from "./sun-card-design-mobile.es85.js";
 function _objectSpread(target) {
   for (var i = 1; i < arguments.length; i++) {
     var source = arguments[i] != null ? Object(arguments[i]) : {};
@@ -60,36 +59,18 @@ function normalizeTwoToneColors(twoToneColor) {
   return Array.isArray(twoToneColor) ? twoToneColor : [twoToneColor];
 }
 var iconStyles = "\n.anticon {\n  display: inline-block;\n  color: inherit;\n  font-style: normal;\n  line-height: 0;\n  text-align: center;\n  text-transform: none;\n  vertical-align: -0.125em;\n  text-rendering: optimizeLegibility;\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n}\n\n.anticon > * {\n  line-height: 1;\n}\n\n.anticon svg {\n  display: inline-block;\n}\n\n.anticon::before {\n  display: none;\n}\n\n.anticon .anticon-icon {\n  display: block;\n}\n\n.anticon[tabindex] {\n  cursor: pointer;\n}\n\n.anticon-spin::before,\n.anticon-spin {\n  display: inline-block;\n  -webkit-animation: loadingCircle 1s infinite linear;\n  animation: loadingCircle 1s infinite linear;\n}\n\n@-webkit-keyframes loadingCircle {\n  100% {\n    -webkit-transform: rotate(360deg);\n    transform: rotate(360deg);\n  }\n}\n\n@keyframes loadingCircle {\n  100% {\n    -webkit-transform: rotate(360deg);\n    transform: rotate(360deg);\n  }\n}\n";
-function getRoot(ele) {
-  return ele && ele.getRootNode && ele.getRootNode();
-}
-function inShadow(ele) {
-  if (!canUseDom()) {
-    return false;
-  }
-  return getRoot(ele) instanceof ShadowRoot;
-}
-function getShadowRoot(ele) {
-  return inShadow(ele) ? getRoot(ele) : null;
-}
+var cssInjectedFlag = false;
 var useInsertStyles = function useInsertStyles2() {
-  var _useInjectIconContext = useInjectIconContext(), prefixCls = _useInjectIconContext.prefixCls, csp = _useInjectIconContext.csp;
-  var instance = getCurrentInstance();
-  var mergedStyleStr = iconStyles;
-  if (prefixCls) {
-    mergedStyleStr = mergedStyleStr.replace(/anticon/g, prefixCls.value);
-  }
+  var styleStr = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : iconStyles;
   nextTick(function() {
-    if (!canUseDom()) {
-      return;
+    if (!cssInjectedFlag) {
+      if (typeof window !== "undefined" && window.document && window.document.documentElement) {
+        insertCss(styleStr, {
+          prepend: true
+        });
+      }
+      cssInjectedFlag = true;
     }
-    var ele = instance.vnode.el;
-    var shadowRoot = getShadowRoot(ele);
-    updateCSS(mergedStyleStr, "@ant-design-vue-icons", {
-      prepend: true,
-      csp: csp.value,
-      attachTo: shadowRoot
-    });
   });
 };
 export {

package/dist/mobile/sun-card-design-mobile.es75.js

@@ -2,9 +2,6 @@ import { createVNode } from "vue";
 import IconBase from "./sun-card-design-mobile.es72.js";
 import { setTwoToneColor, getTwoToneColor } from "./sun-card-design-mobile.es71.js";
 import { normalizeTwoToneColors } from "./sun-card-design-mobile.es73.js";
-import { blue } from "./sun-card-design-mobile.es84.js";
-import { useInjectIconContext } from "./sun-card-design-mobile.es85.js";
-import { InsertStyles } from "./sun-card-design-mobile.es87.js";
 var _excluded = ["class", "icon", "spin", "rotate", "tabindex", "twoToneColor", "onClick"];
 function _slicedToArray(arr, i) {
   return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
@@ -104,15 +101,18 @@ function _objectWithoutPropertiesLoose(source, excluded) {
   }
   return target;
 }
-setTwoToneColor(blue.primary);
+setTwoToneColor("#1890ff");
 var Icon = function Icon2(props, context) {
   var _classObj;
   var _props$context$attrs = _objectSpread({}, props, context.attrs), cls = _props$context$attrs["class"], icon = _props$context$attrs.icon, spin = _props$context$attrs.spin, rotate = _props$context$attrs.rotate, tabindex = _props$context$attrs.tabindex, twoToneColor = _props$context$attrs.twoToneColor, onClick = _props$context$attrs.onClick, restProps = _objectWithoutProperties(_props$context$attrs, _excluded);
-  var _useInjectIconContext = useInjectIconContext(), prefixCls = _useInjectIconContext.prefixCls, rootClassName = _useInjectIconContext.rootClassName;
-  var classObj = (_classObj = {}, _defineProperty(_classObj, rootClassName.value, !!rootClassName.value), _defineProperty(_classObj, prefixCls.value, true), _defineProperty(_classObj, "".concat(prefixCls.value, "-").concat(icon.name), Boolean(icon.name)), _defineProperty(_classObj, "".concat(prefixCls.value, "-spin"), !!spin || icon.name === "loading"), _classObj);
+  var classObj = (_classObj = {
+    anticon: true
+  }, _defineProperty(_classObj, "anticon-".concat(icon.name), Boolean(icon.name)), _defineProperty(_classObj, cls, cls), _classObj);
+  var svgClassString = spin === "" || !!spin || icon.name === "loading" ? "anticon-spin" : "";
   var iconTabIndex = tabindex;
   if (iconTabIndex === void 0 && onClick) {
     iconTabIndex = -1;
+    restProps.tabindex = iconTabIndex;
   }
   var svgStyle = rotate ? {
     msTransform: "rotate(".concat(rotate, "deg)"),
@@ -124,20 +124,20 @@ var Icon = function Icon2(props, context) {
     "aria-label": icon.name
   }, restProps, {
     "onClick": onClick,
-    "class": [classObj, cls],
-    "tabindex": iconTabIndex
+    "class": classObj
   }), [createVNode(IconBase, {
+    "class": svgClassString,
     "icon": icon,
     "primaryColor": primaryColor,
     "secondaryColor": secondaryColor,
     "style": svgStyle
-  }, null), createVNode(InsertStyles, null, null)]);
+  }, null)]);
 };
 Icon.props = {
   spin: Boolean,
   rotate: Number,
   icon: Object,
-  twoToneColor: [String, Array]
+  twoToneColor: String
 };
 Icon.displayName = "AntdIcon";
 Icon.inheritAttrs = false;

package/dist/mobile/sun-card-design-mobile.es84.js

@@ -1,5 +1,5 @@
-import { inputToRGB } from "./sun-card-design-mobile.es88.js";
-import { rgbToHsv, rgbToHex } from "./sun-card-design-mobile.es89.js";
+import { inputToRGB } from "./sun-card-design-mobile.es86.js";
+import { rgbToHsv, rgbToHex } from "./sun-card-design-mobile.es87.js";
 var hueStep = 2;
 var saturationStep = 0.16;
 var saturationStep2 = 0.05;
@@ -167,9 +167,7 @@ Object.keys(presetPrimaryColors).forEach(function(key) {
   });
   presetDarkPalettes[key].primary = presetDarkPalettes[key][5];
 });
-var blue = presetPalettes.blue;
 export {
-  blue,
   generate,
   presetDarkPalettes,
   presetPalettes,

package/dist/mobile/sun-card-design-mobile.es85.js

@@ -1,12 +1,44 @@
-import { inject, ref } from "vue";
-var contextKey = Symbol("iconContext");
-var useInjectIconContext = function useInjectIconContext2() {
-  return inject(contextKey, {
-    prefixCls: ref("anticon"),
-    rootClassName: ref(""),
-    csp: ref()
-  });
-};
+var containers = [];
+var styleElements = [];
+var usage = "insert-css: You need to provide a CSS string. Usage: insertCss(cssString[, options]).";
+function createStyleElement() {
+  var styleElement = document.createElement("style");
+  styleElement.setAttribute("type", "text/css");
+  return styleElement;
+}
+function insertCss(css, options) {
+  options = options || {};
+  if (css === void 0) {
+    throw new Error(usage);
+  }
+  var position = options.prepend === true ? "prepend" : "append";
+  var container = options.container !== void 0 ? options.container : document.querySelector("head");
+  var containerId = containers.indexOf(container);
+  if (containerId === -1) {
+    containerId = containers.push(container) - 1;
+    styleElements[containerId] = {};
+  }
+  var styleElement;
+  if (styleElements[containerId] !== void 0 && styleElements[containerId][position] !== void 0) {
+    styleElement = styleElements[containerId][position];
+  } else {
+    styleElement = styleElements[containerId][position] = createStyleElement();
+    if (position === "prepend") {
+      container.insertBefore(styleElement, container.childNodes[0]);
+    } else {
+      container.appendChild(styleElement);
+    }
+  }
+  if (css.charCodeAt(0) === 65279) {
+    css = css.substr(1, css.length);
+  }
+  if (styleElement.styleSheet) {
+    styleElement.styleSheet.cssText += css;
+  } else {
+    styleElement.textContent += css;
+  }
+  return styleElement;
+}
 export {
-  useInjectIconContext
+  insertCss as default
 };