@magic-xpa/cli 4.1000.0 → 4.1100.0-dev000.0

package/src/schematics/magic-utils/process-json.js

@@ -1,159 +1,158 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.processJson = void 0;
-const Util_1 = require("./Util");
-const util_1 = require("util");
-const Enums_1 = require("../../../src/types/enums/Enums");
-// mapping for properties which are implemented using a class
-const Map = {
-    style: [
-        {
-            name: 'font',
-            suffix: 'mgFont'
-        },
-        {
-            name: 'focus_color',
-            suffix: 'mgFocusColor'
-        },
-        {
-            name: 'border_color',
-            suffix: 'mgBorderColor'
-        },
-        {
-            name: 'border',
-            options: {
-                "false": 'hidden_border'
-            }
-        },
-        {
-            name: 'border_style',
-            options: {
-                "1": 'twod_border',
-                "2": 'threed_border',
-                "3": 'threedsunken_border',
-                "4": 'windows_border',
-                "5": 'windows_border',
-                "6": 'emboss_border',
-                "7": 'hidden_border'
-            }
-        },
-        {
-            name: 'multiline_edit',
-            options: {
-                "true": 'multiline',
-            }
-        }
-    ],
-    props: [],
-    hint: []
-};
-//////////////////////////////////////////////////////////////////
-// process the views' json, find the classes used for each control
-//////////////////////////////////////////////////////////////////
-function processJson(appJson) {
-    const views$ = Object.assign([], appJson.views);
-    appJson.views.length = 0;
-    // loop on all views
-    views$.forEach(view$ => {
-        if (view$) {
-            (0, Util_1.LogLn)(`[>] Processing JSON file for component ${view$.props.id}`);
-            processControl(view$);
-            appJson.views.push(view$);
-        }
-    });
-    return appJson;
-}
-exports.processJson = processJson;
-function CalcClassForControl(control, controlClasses) {
-    if (control.controlType != Enums_1.MgControlType.CTRL_TYPE_TABPAGE) {
-        if (control.controlType === Enums_1.MgControlType.CTRL_TYPE_BUTTON && control.props.button_style === Enums_1.CtrlButtonTypeGui.Image) {
-            controlClasses.push("button_image_background_size");
-        }
-        if (control.controlType === Enums_1.MgControlType.CTRL_TYPE_LABEL) {
-            controlClasses.push("lable_overflow");
-        }
-        if (control.controlType === Enums_1.MgControlType.CTRL_TYPE_COLUMN) {
-            controlClasses.push("table_row");
-        }
-        if (control.controlType === Enums_1.MgControlType.CTRL_TYPE_TABLE) {
-            if (control.props.scroll_bar) {
-                controlClasses.push("table_scrollBar");
-            }
-        }
-        if (control.controlType === Enums_1.MgControlType.CTRL_TYPE_TABLE || control.controlType === Enums_1.MgControlType.CTRL_TYPE_GROUP) {
-            controlClasses.push("container_border");
-        }
-        // if (control.children) {
-        //   control.children.forEach((ctrl$: Control) => {
-        //     CalcClassForControl(ctrl$, controlClasses)
-        //   });
-        // }
-    }
-}
-///////////////////////////////////////////////////////////////////////////////////////////////////
-// for each special chars we will add "\" before the special char.
-// For example : control name "Blabla?" the class name will be "Blabla\?"
-///////////////////////////////////////////////////////////////////////////////////////////////////
-function getControlClassNameInCss(controlNameStr) {
-    var controlName = controlNameStr;
-    //The following chars are created problem in css = ["!" "," "+", ":", ",", "~", ";", "\"" "{" "}" ">" " "];
-    //TODO:need to be check with Rotem let specialCharsForRotem = ["!"];
-    // replace all special chars
-    let specialCharsWork = ["\\", "#", "$", "%", "&", "(", ")", "*", "-", ".", "/", "<", "=", "?", "@", "[", "]", "^", "`", "|"];
-    for (let i = 0; i < specialCharsWork.length; i++) {
-        controlName = controlName.split(specialCharsWork[i]).join("\\" + specialCharsWork[i]);
-    }
-    return controlName;
-}
-//////////////////////////////////////////////////////////////////
-// recursively process the controls' properties, find the classes used for the control
-//////////////////////////////////////////////////////////////////
-function processControl(control) {
-    const categoryNames = Object.keys(Map);
-    //LogLn(">> Generating CSS class list for \"" + control.props.id + "\"");
-    const controlClasses = [];
-    // use the control's id as a class
-    //control["class_name_in_css"] = getControlClassNameInCss(control.props.id);
-    //controlClasses.push(control.props.id + "Props");
-    CalcClassForControl(control, controlClasses);
-    // loop on all item names from the "Map" object
-    categoryNames.forEach((catName) => {
-        let catRuleArray = Map[catName];
-        catRuleArray.forEach((rule, i) => {
-            let ruleSet$;
-            if (control[catName]) {
-                ruleSet$ = control[catName][rule.name];
-            }
-            else {
-                return;
-            }
-            if ((0, util_1.isNullOrUndefined)(ruleSet$))
-                return;
-            // ... or turn on the has-expession flag
-            if (!(0, util_1.isNullOrUndefined)(ruleSet$.has_exp) && ruleSet$.has_exp) {
-                control.hasClassExpression = true;
-            }
-            // find and keep the class name...
-            else {
-                if (Map[catName] && Map[catName][i] && Map[catName][i] && Map[catName][i]['options']) {
-                    if (!(0, util_1.isNullOrUndefined)(Map[catName][i]['options'][String(ruleSet$)]))
-                        controlClasses.push(Map[catName][i]['options'][String(ruleSet$)]);
-                }
-                else {
-                    controlClasses.push(Map[catName] && Map[catName][i] && Map[catName][i] && Map[catName][i]['suffix'] + ruleSet$);
-                }
-            }
-        });
-        control.classes = controlClasses.join(' ');
-    });
-    //LogLn("generated classes \"" + control.classes + "\"");
-    // go over control's children
-    if (control.children) {
-        //LogLn("processing child controls...");
-        control.children.forEach((ctrl$) => {
-            processControl(ctrl$);
-        });
-        //LogLn("...children processing done")
-    }
-}
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.processJson = processJson;
+const Util_1 = require("./Util");
+const util_1 = require("util");
+const Enums_1 = require("../../../src/types/enums/Enums");
+// mapping for properties which are implemented using a class
+const Map = {
+    style: [
+        {
+            name: 'font',
+            suffix: 'mgFont'
+        },
+        {
+            name: 'focus_color',
+            suffix: 'mgFocusColor'
+        },
+        {
+            name: 'border_color',
+            suffix: 'mgBorderColor'
+        },
+        {
+            name: 'border',
+            options: {
+                "false": 'hidden_border'
+            }
+        },
+        {
+            name: 'border_style',
+            options: {
+                "1": 'twod_border',
+                "2": 'threed_border',
+                "3": 'threedsunken_border',
+                "4": 'windows_border',
+                "5": 'windows_border',
+                "6": 'emboss_border',
+                "7": 'hidden_border'
+            }
+        },
+        {
+            name: 'multiline_edit',
+            options: {
+                "true": 'multiline',
+            }
+        }
+    ],
+    props: [],
+    hint: []
+};
+//////////////////////////////////////////////////////////////////
+// process the views' json, find the classes used for each control
+//////////////////////////////////////////////////////////////////
+function processJson(appJson) {
+    const views$ = Object.assign([], appJson.views);
+    appJson.views.length = 0;
+    // loop on all views
+    views$.forEach(view$ => {
+        if (view$) {
+            (0, Util_1.LogLn)(`[>] Processing JSON file for component ${view$.props.id}`);
+            processControl(view$);
+            appJson.views.push(view$);
+        }
+    });
+    return appJson;
+}
+function CalcClassForControl(control, controlClasses) {
+    if (control.controlType != Enums_1.MgControlType.CTRL_TYPE_TABPAGE) {
+        if (control.controlType === Enums_1.MgControlType.CTRL_TYPE_BUTTON && control.props.button_style === Enums_1.CtrlButtonTypeGui.Image) {
+            controlClasses.push("button_image_background_size");
+        }
+        if (control.controlType === Enums_1.MgControlType.CTRL_TYPE_LABEL) {
+            controlClasses.push("lable_overflow");
+        }
+        if (control.controlType === Enums_1.MgControlType.CTRL_TYPE_COLUMN) {
+            controlClasses.push("table_row");
+        }
+        if (control.controlType === Enums_1.MgControlType.CTRL_TYPE_TABLE) {
+            if (control.props.scroll_bar) {
+                controlClasses.push("table_scrollBar");
+            }
+        }
+        if (control.controlType === Enums_1.MgControlType.CTRL_TYPE_TABLE || control.controlType === Enums_1.MgControlType.CTRL_TYPE_GROUP) {
+            controlClasses.push("container_border");
+        }
+        // if (control.children) {
+        //   control.children.forEach((ctrl$: Control) => {
+        //     CalcClassForControl(ctrl$, controlClasses)
+        //   });
+        // }
+    }
+}
+///////////////////////////////////////////////////////////////////////////////////////////////////
+// for each special chars we will add "\" before the special char.
+// For example : control name "Blabla?" the class name will be "Blabla\?"
+///////////////////////////////////////////////////////////////////////////////////////////////////
+function getControlClassNameInCss(controlNameStr) {
+    var controlName = controlNameStr;
+    //The following chars are created problem in css = ["!" "," "+", ":", ",", "~", ";", "\"" "{" "}" ">" " "];
+    //TODO:need to be check with Rotem let specialCharsForRotem = ["!"];
+    // replace all special chars
+    let specialCharsWork = ["\\", "#", "$", "%", "&", "(", ")", "*", "-", ".", "/", "<", "=", "?", "@", "[", "]", "^", "`", "|"];
+    for (let i = 0; i < specialCharsWork.length; i++) {
+        controlName = controlName.split(specialCharsWork[i]).join("\\" + specialCharsWork[i]);
+    }
+    return controlName;
+}
+//////////////////////////////////////////////////////////////////
+// recursively process the controls' properties, find the classes used for the control
+//////////////////////////////////////////////////////////////////
+function processControl(control) {
+    const categoryNames = Object.keys(Map);
+    //LogLn(">> Generating CSS class list for \"" + control.props.id + "\"");
+    const controlClasses = [];
+    // use the control's id as a class
+    //control["class_name_in_css"] = getControlClassNameInCss(control.props.id);
+    //controlClasses.push(control.props.id + "Props");
+    CalcClassForControl(control, controlClasses);
+    // loop on all item names from the "Map" object
+    categoryNames.forEach((catName) => {
+        let catRuleArray = Map[catName];
+        catRuleArray.forEach((rule, i) => {
+            let ruleSet$;
+            if (control[catName]) {
+                ruleSet$ = control[catName][rule.name];
+            }
+            else {
+                return;
+            }
+            if ((0, util_1.isNullOrUndefined)(ruleSet$))
+                return;
+            // ... or turn on the has-expession flag
+            if (!(0, util_1.isNullOrUndefined)(ruleSet$.has_exp) && ruleSet$.has_exp) {
+                control.hasClassExpression = true;
+            }
+            // find and keep the class name...
+            else {
+                if (Map[catName] && Map[catName][i] && Map[catName][i] && Map[catName][i]['options']) {
+                    if (!(0, util_1.isNullOrUndefined)(Map[catName][i]['options'][String(ruleSet$)]))
+                        controlClasses.push(Map[catName][i]['options'][String(ruleSet$)]);
+                }
+                else {
+                    controlClasses.push(Map[catName] && Map[catName][i] && Map[catName][i] && Map[catName][i]['suffix'] + ruleSet$);
+                }
+            }
+        });
+        control.classes = controlClasses.join(' ');
+    });
+    //LogLn("generated classes \"" + control.classes + "\"");
+    // go over control's children
+    if (control.children) {
+        //LogLn("processing child controls...");
+        control.children.forEach((ctrl$) => {
+            processControl(ctrl$);
+        });
+        //LogLn("...children processing done")
+    }
+}
 //# sourceMappingURL=process-json.js.map

package/src/schematics/magic-utils/process-json.js.map

@@ -1 +1 @@
-{"version":3,"file":"process-json.js","sourceRoot":"","sources":["process-json.ts"],"names":[],"mappings":"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","sourcesContent":["import {AppJson, View,Control}  from '../../types/index';\r\nimport {LogLn,}                  from \"./Util\";\r\nimport { isNullOrUndefined } from \"util\";\r\nimport { MgControlType, CtrlButtonTypeGui } from \"../../../src/types/enums/Enums\";\r\n\r\n// mapping for properties which are implemented using a class\r\nconst Map: { [category: string]: { name: string, suffix?: string, options?: { [val: string]: string } }[] } = {\r\n    style: [\r\n        {\r\n            name: 'font',\r\n            suffix: 'mgFont'\r\n        },\r\n        {\r\n            name: 'focus_color',\r\n            suffix: 'mgFocusColor'\r\n        },\r\n\r\n        {\r\n            name: 'border_color',\r\n            suffix: 'mgBorderColor'\r\n        },\r\n        {\r\n            name: 'border',\r\n            options: {\r\n                \"false\": 'hidden_border'\r\n            }\r\n        },\r\n        {\r\n            name: 'border_style',\r\n            options: {\r\n                \"1\": 'twod_border',\r\n                \"2\": 'threed_border',\r\n                \"3\": 'threedsunken_border',\r\n                \"4\": 'windows_border',\r\n                \"5\": 'windows_border',\r\n                \"6\": 'emboss_border',\r\n                \"7\": 'hidden_border'\r\n            }\r\n        },\r\n        {\r\n            name: 'multiline_edit',\r\n            options: {\r\n                \"true\": 'multiline',\r\n\r\n            }\r\n        }\r\n    ],\r\n    props: [],\r\n    hint: []\r\n};\r\n\r\n//////////////////////////////////////////////////////////////////\r\n// process the views' json, find the classes used for each control\r\n//////////////////////////////////////////////////////////////////\r\nexport function processJson(appJson: AppJson) :AppJson {\r\n\r\n    const views$: View[] = Object.assign([], appJson.views);\r\n    appJson.views.length = 0;\r\n\r\n    // loop on all views\r\n    views$.forEach( view$ => {\r\n      if(view$){\r\n        LogLn(`[>] Processing JSON file for component ${view$.props.id}`);\r\n        processControl(view$);\r\n        appJson.views.push(view$);\r\n      }\r\n    });\r\n    return appJson;\r\n}\r\n\r\nfunction CalcClassForControl(control: Control, controlClasses: string[] ){\r\n  if (control.controlType != MgControlType.CTRL_TYPE_TABPAGE){\r\n\r\n    if (control.controlType === MgControlType.CTRL_TYPE_BUTTON && control.props.button_style === CtrlButtonTypeGui.Image) {\r\n      controlClasses.push(\"button_image_background_size\");\r\n    }\r\n\r\n    if (control.controlType === MgControlType.CTRL_TYPE_LABEL) {\r\n      controlClasses.push(\"lable_overflow\");\r\n    }\r\n\r\n\r\n    if (control.controlType === MgControlType.CTRL_TYPE_COLUMN ) {\r\n      controlClasses.push(\"table_row\");\r\n    }\r\n\r\n    if (control.controlType === MgControlType.CTRL_TYPE_TABLE){\r\n\r\n      if (control.props.scroll_bar) {\r\n        controlClasses.push(\"table_scrollBar\");\r\n      }\r\n    }\r\n\r\n    if(control.controlType === MgControlType.CTRL_TYPE_TABLE || control.controlType === MgControlType.CTRL_TYPE_GROUP) {\r\n      controlClasses.push(\"container_border\");\r\n    }\r\n\r\n    // if (control.children) {\r\n    //   control.children.forEach((ctrl$: Control) => {\r\n    //     CalcClassForControl(ctrl$, controlClasses)\r\n    //   });\r\n    // }\r\n  }\r\n}\r\n///////////////////////////////////////////////////////////////////////////////////////////////////\r\n// for each special chars we will add \"\\\" before the special char.\r\n// For example : control name \"Blabla?\" the class name will be \"Blabla\\?\"\r\n///////////////////////////////////////////////////////////////////////////////////////////////////\r\nfunction getControlClassNameInCss(controlNameStr: string): string {\r\n    var controlName = controlNameStr;\r\n\r\n    //The following chars are created problem in css = [\"!\" \",\" \"+\", \":\", \",\", \"~\", \";\", \"\\\"\" \"{\" \"}\" \">\" \" \"];\r\n    //TODO:need to be check with Rotem let specialCharsForRotem = [\"!\"];\r\n\r\n    // replace all special chars\r\n    let specialCharsWork = [\"\\\\\", \"#\", \"$\", \"%\", \"&\", \"(\", \")\", \"*\", \"-\", \".\", \"/\", \"<\", \"=\", \"?\", \"@\", \"[\", \"]\", \"^\", \"`\", \"|\"];\r\n    for (let i = 0; i < specialCharsWork.length; i++) {\r\n        controlName = controlName.split(specialCharsWork[i]).join(\"\\\\\" + specialCharsWork[i]);\r\n    }\r\n\r\n    return controlName;\r\n}\r\n\r\n//////////////////////////////////////////////////////////////////\r\n// recursively process the controls' properties, find the classes used for the control\r\n//////////////////////////////////////////////////////////////////\r\nfunction processControl(control: Control) {\r\n\r\n    const categoryNames: string[] = Object.keys(Map);\r\n\r\n    //LogLn(\">> Generating CSS class list for \\\"\" + control.props.id + \"\\\"\");\r\n\r\n    const controlClasses: string[] = [];\r\n\r\n    // use the control's id as a class\r\n    //control[\"class_name_in_css\"] = getControlClassNameInCss(control.props.id);\r\n    //controlClasses.push(control.props.id + \"Props\");\r\n    CalcClassForControl(control, controlClasses);\r\n\r\n    // loop on all item names from the \"Map\" object\r\n    categoryNames.forEach((catName) => {\r\n        let catRuleArray: { name: string, suffix?: string, options?: { [val: string]: string } }[] = Map[catName];\r\n\r\n        catRuleArray.forEach((rule, i) => {\r\n\r\n            let ruleSet$;\r\n            if (control[catName]) {\r\n                ruleSet$ = control[catName][rule.name];\r\n            }\r\n            else {\r\n                return;\r\n            }\r\n            if (isNullOrUndefined(ruleSet$)) return;\r\n\r\n            // ... or turn on the has-expession flag\r\n            if (!isNullOrUndefined(ruleSet$.has_exp) && ruleSet$.has_exp) {\r\n                control.hasClassExpression = true;\r\n            }\r\n            // find and keep the class name...\r\n            else {\r\n                if (Map[catName] && Map[catName][i] && Map[catName][i] && Map[catName][i]['options']) {\r\n                    if (!isNullOrUndefined(Map[catName][i]['options'][String(ruleSet$)]))\r\n                        controlClasses.push(Map[catName][i]['options'][String(ruleSet$)]);\r\n                }\r\n                else {\r\n                    controlClasses.push(Map[catName] && Map[catName][i] && Map[catName][i] && Map[catName][i]['suffix'] + ruleSet$);\r\n                }\r\n            }\r\n\r\n        });\r\n\r\n        control.classes = controlClasses.join(' ');\r\n    });\r\n\r\n    //LogLn(\"generated classes \\\"\" + control.classes + \"\\\"\");\r\n\r\n    // go over control's children\r\n    if (control.children) {\r\n        //LogLn(\"processing child controls...\");\r\n        control.children.forEach((ctrl$: Control) => {\r\n            processControl(ctrl$)\r\n        });\r\n        //LogLn(\"...children processing done\")\r\n    }\r\n\r\n}\r\n"]}
+{"version":3,"file":"process-json.js","sourceRoot":"","sources":["process-json.ts"],"names":[],"mappings":"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","sourcesContent":["import {AppJson, View,Control}  from '../../types/index';\r\nimport {LogLn,}                  from \"./Util\";\r\nimport { isNullOrUndefined } from \"util\";\r\nimport { MgControlType, CtrlButtonTypeGui } from \"../../../src/types/enums/Enums\";\r\n\r\n// mapping for properties which are implemented using a class\r\nconst Map: { [category: string]: { name: string, suffix?: string, options?: { [val: string]: string } }[] } = {\r\n    style: [\r\n        {\r\n            name: 'font',\r\n            suffix: 'mgFont'\r\n        },\r\n        {\r\n            name: 'focus_color',\r\n            suffix: 'mgFocusColor'\r\n        },\r\n\r\n        {\r\n            name: 'border_color',\r\n            suffix: 'mgBorderColor'\r\n        },\r\n        {\r\n            name: 'border',\r\n            options: {\r\n                \"false\": 'hidden_border'\r\n            }\r\n        },\r\n        {\r\n            name: 'border_style',\r\n            options: {\r\n                \"1\": 'twod_border',\r\n                \"2\": 'threed_border',\r\n                \"3\": 'threedsunken_border',\r\n                \"4\": 'windows_border',\r\n                \"5\": 'windows_border',\r\n                \"6\": 'emboss_border',\r\n                \"7\": 'hidden_border'\r\n            }\r\n        },\r\n        {\r\n            name: 'multiline_edit',\r\n            options: {\r\n                \"true\": 'multiline',\r\n\r\n            }\r\n        }\r\n    ],\r\n    props: [],\r\n    hint: []\r\n};\r\n\r\n//////////////////////////////////////////////////////////////////\r\n// process the views' json, find the classes used for each control\r\n//////////////////////////////////////////////////////////////////\r\nexport function processJson(appJson: AppJson) :AppJson {\r\n\r\n    const views$: View[] = Object.assign([], appJson.views);\r\n    appJson.views.length = 0;\r\n\r\n    // loop on all views\r\n    views$.forEach( view$ => {\r\n      if(view$){\r\n        LogLn(`[>] Processing JSON file for component ${view$.props.id}`);\r\n        processControl(view$);\r\n        appJson.views.push(view$);\r\n      }\r\n    });\r\n    return appJson;\r\n}\r\n\r\nfunction CalcClassForControl(control: Control, controlClasses: string[] ){\r\n  if (control.controlType != MgControlType.CTRL_TYPE_TABPAGE){\r\n\r\n    if (control.controlType === MgControlType.CTRL_TYPE_BUTTON && control.props.button_style === CtrlButtonTypeGui.Image) {\r\n      controlClasses.push(\"button_image_background_size\");\r\n    }\r\n\r\n    if (control.controlType === MgControlType.CTRL_TYPE_LABEL) {\r\n      controlClasses.push(\"lable_overflow\");\r\n    }\r\n\r\n\r\n    if (control.controlType === MgControlType.CTRL_TYPE_COLUMN ) {\r\n      controlClasses.push(\"table_row\");\r\n    }\r\n\r\n    if (control.controlType === MgControlType.CTRL_TYPE_TABLE){\r\n\r\n      if (control.props.scroll_bar) {\r\n        controlClasses.push(\"table_scrollBar\");\r\n      }\r\n    }\r\n\r\n    if(control.controlType === MgControlType.CTRL_TYPE_TABLE || control.controlType === MgControlType.CTRL_TYPE_GROUP) {\r\n      controlClasses.push(\"container_border\");\r\n    }\r\n\r\n    // if (control.children) {\r\n    //   control.children.forEach((ctrl$: Control) => {\r\n    //     CalcClassForControl(ctrl$, controlClasses)\r\n    //   });\r\n    // }\r\n  }\r\n}\r\n///////////////////////////////////////////////////////////////////////////////////////////////////\r\n// for each special chars we will add \"\\\" before the special char.\r\n// For example : control name \"Blabla?\" the class name will be \"Blabla\\?\"\r\n///////////////////////////////////////////////////////////////////////////////////////////////////\r\nfunction getControlClassNameInCss(controlNameStr: string): string {\r\n    var controlName = controlNameStr;\r\n\r\n    //The following chars are created problem in css = [\"!\" \",\" \"+\", \":\", \",\", \"~\", \";\", \"\\\"\" \"{\" \"}\" \">\" \" \"];\r\n    //TODO:need to be check with Rotem let specialCharsForRotem = [\"!\"];\r\n\r\n    // replace all special chars\r\n    let specialCharsWork = [\"\\\\\", \"#\", \"$\", \"%\", \"&\", \"(\", \")\", \"*\", \"-\", \".\", \"/\", \"<\", \"=\", \"?\", \"@\", \"[\", \"]\", \"^\", \"`\", \"|\"];\r\n    for (let i = 0; i < specialCharsWork.length; i++) {\r\n        controlName = controlName.split(specialCharsWork[i]).join(\"\\\\\" + specialCharsWork[i]);\r\n    }\r\n\r\n    return controlName;\r\n}\r\n\r\n//////////////////////////////////////////////////////////////////\r\n// recursively process the controls' properties, find the classes used for the control\r\n//////////////////////////////////////////////////////////////////\r\nfunction processControl(control: Control) {\r\n\r\n    const categoryNames: string[] = Object.keys(Map);\r\n\r\n    //LogLn(\">> Generating CSS class list for \\\"\" + control.props.id + \"\\\"\");\r\n\r\n    const controlClasses: string[] = [];\r\n\r\n    // use the control's id as a class\r\n    //control[\"class_name_in_css\"] = getControlClassNameInCss(control.props.id);\r\n    //controlClasses.push(control.props.id + \"Props\");\r\n    CalcClassForControl(control, controlClasses);\r\n\r\n    // loop on all item names from the \"Map\" object\r\n    categoryNames.forEach((catName) => {\r\n        let catRuleArray: { name: string, suffix?: string, options?: { [val: string]: string } }[] = Map[catName];\r\n\r\n        catRuleArray.forEach((rule, i) => {\r\n\r\n            let ruleSet$;\r\n            if (control[catName]) {\r\n                ruleSet$ = control[catName][rule.name];\r\n            }\r\n            else {\r\n                return;\r\n            }\r\n            if (isNullOrUndefined(ruleSet$)) return;\r\n\r\n            // ... or turn on the has-expession flag\r\n            if (!isNullOrUndefined(ruleSet$.has_exp) && ruleSet$.has_exp) {\r\n                control.hasClassExpression = true;\r\n            }\r\n            // find and keep the class name...\r\n            else {\r\n                if (Map[catName] && Map[catName][i] && Map[catName][i] && Map[catName][i]['options']) {\r\n                    if (!isNullOrUndefined(Map[catName][i]['options'][String(ruleSet$)]))\r\n                        controlClasses.push(Map[catName][i]['options'][String(ruleSet$)]);\r\n                }\r\n                else {\r\n                    controlClasses.push(Map[catName] && Map[catName][i] && Map[catName][i] && Map[catName][i]['suffix'] + ruleSet$);\r\n                }\r\n            }\r\n\r\n        });\r\n\r\n        control.classes = controlClasses.join(' ');\r\n    });\r\n\r\n    //LogLn(\"generated classes \\\"\" + control.classes + \"\\\"\");\r\n\r\n    // go over control's children\r\n    if (control.children) {\r\n        //LogLn(\"processing child controls...\");\r\n        control.children.forEach((ctrl$: Control) => {\r\n            processControl(ctrl$)\r\n        });\r\n        //LogLn(\"...children processing done\")\r\n    }\r\n\r\n}\r\n"]}

package/src/schematics/magic-utils/rules/build-control.rule.d.ts

@@ -1,5 +1,5 @@
-import { MagicOptionScheme } from "./magic-option.scheme";
-import { Rule } from "@angular-devkit/schematics";
-import { TemplateConfig } from "../../../types/index";
-export declare function buildControl(options: MagicOptionScheme, module_name: string): Rule;
-export declare function generate(file: TemplateConfig, options: MagicOptionScheme): Rule;
+import { MagicOptionScheme } from "./magic-option.scheme";
+import { Rule } from "@angular-devkit/schematics";
+import { TemplateConfig } from "../../../types/index";
+export declare function buildControl(options: MagicOptionScheme, module_name: string): Rule;
+export declare function generate(file: TemplateConfig, options: MagicOptionScheme): Rule;

package/src/schematics/magic-utils/rules/build-control.rule.js

@@ -1,75 +1,74 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.generate = exports.buildControl = void 0;
-const schematics_1 = require("@angular-devkit/schematics");
-const index_1 = require("../../../types/index");
-const Util_1 = require("../Util");
-const env_1 = require("../env");
-const EJS = require("ejs");
-const Util_2 = require("../Util");
-const jsbeautify = require("js-beautify");
-const generate_rule_1 = require("./generate.rule");
-const htmlBeautify = jsbeautify.html;
-//
-// build the HTML of a single control
-//
-function buildControl(options, module_name) {
-    return (host, context) => {
-        const metadata = env_1.env.metadata;
-        const view = env_1.env.app.views[0];
-        let rules = [];
-        const viewId = view.props.id;
-        const dest = metadata.paths.getDestPathForComponent(module_name, view.props.component_path);
-        const data = {
-            MgControlType: index_1.MgControlType,
-            theme: metadata.theme,
-            CtrlButtonTypeGui: index_1.CtrlButtonTypeGui,
-            SideType: index_1.SideType,
-            StorageAttributeType: index_1.StorageAttributeType,
-            TableWebStyle: index_1.TableWebStyle,
-            RowEditingTypes: index_1.RowEditingTypes,
-            WindowType: index_1.WindowType,
-            WindowPosition: index_1.WindowPosition,
-            Util: Util_1.Util,
-            child: view,
-            ctrl: view,
-            app: env_1.env.app,
-            magicConfig: metadata.config,
-        };
-        const componentFiles = [
-            {
-                type: index_1.GeneratedFileTypes.HTML,
-                template: './templates/themes/control.ejs',
-                destination: dest,
-                name: `${viewId}.component.html`,
-                data: data
-            },
-        ];
-        componentFiles.forEach(templateConfig => {
-            rules.push(generate(templateConfig, options));
-        });
-        return (0, schematics_1.chain)(rules)(host, context);
-    };
-}
-exports.buildControl = buildControl;
-//
-// Call EJS to generate HTML and write the result to stdout
-//
-function generate(file, options) {
-    return (host, context) => {
-        EJS.renderFile(`${env_1.MAGIC_CLI_FOLDER}/${file.template}`, file.data, {}, (err, output) => {
-            try {
-                output = (0, generate_rule_1.createGenFuncs)(output, file.type);
-            }
-            catch (err) {
-                (0, Util_2.logErr)(output);
-                (0, Util_2.logErr)(err);
-            }
-            // send the output directly to the stdout, so the calling app will get it
-            console.log(output);
-        });
-        return host;
-    };
-}
-exports.generate = generate;
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.buildControl = buildControl;
+exports.generate = generate;
+const schematics_1 = require("@angular-devkit/schematics");
+const index_1 = require("../../../types/index");
+const Util_1 = require("../Util");
+const env_1 = require("../env");
+const EJS = require("ejs");
+const Util_2 = require("../Util");
+const jsbeautify = require("js-beautify");
+const generate_rule_1 = require("./generate.rule");
+const htmlBeautify = jsbeautify.html;
+//
+// build the HTML of a single control
+//
+function buildControl(options, module_name) {
+    return (host, context) => {
+        const metadata = env_1.env.metadata;
+        const view = env_1.env.app.views[0];
+        let rules = [];
+        const viewId = view.props.id;
+        const dest = metadata.paths.getDestPathForComponent(module_name, view.props.component_path);
+        const data = {
+            MgControlType: index_1.MgControlType,
+            theme: metadata.theme,
+            CtrlButtonTypeGui: index_1.CtrlButtonTypeGui,
+            SideType: index_1.SideType,
+            StorageAttributeType: index_1.StorageAttributeType,
+            TableWebStyle: index_1.TableWebStyle,
+            RowEditingTypes: index_1.RowEditingTypes,
+            WindowType: index_1.WindowType,
+            WindowPosition: index_1.WindowPosition,
+            Util: Util_1.Util,
+            child: view,
+            ctrl: view,
+            app: env_1.env.app,
+            magicConfig: metadata.config,
+        };
+        const componentFiles = [
+            {
+                type: index_1.GeneratedFileTypes.HTML,
+                template: './templates/themes/control.ejs',
+                destination: dest,
+                name: `${viewId}.component.html`,
+                data: data
+            },
+        ];
+        componentFiles.forEach(templateConfig => {
+            rules.push(generate(templateConfig, options));
+        });
+        return (0, schematics_1.chain)(rules)(host, context);
+    };
+}
+//
+// Call EJS to generate HTML and write the result to stdout
+//
+function generate(file, options) {
+    return (host, context) => {
+        EJS.renderFile(`${env_1.MAGIC_CLI_FOLDER}/${file.template}`, file.data, {}, (err, output) => {
+            try {
+                output = (0, generate_rule_1.createGenFuncs)(output, file.type);
+            }
+            catch (err) {
+                (0, Util_2.logErr)(output);
+                (0, Util_2.logErr)(err);
+            }
+            // send the output directly to the stdout, so the calling app will get it
+            console.log(output);
+        });
+        return host;
+    };
+}
 //# sourceMappingURL=build-control.rule.js.map

package/src/schematics/magic-utils/rules/build-control.rule.js.map

@@ -1 +1 @@
-{"version":3,"file":"build-control.rule.js","sourceRoot":"","sources":["build-control.rule.ts"],"names":[],"mappings":";;;AACA,2DAAiF;AACjF,gDAW8B;AAC9B,kCAA+B;AAC/B,gCAA2D;AAC3D,2BAA2B;AAC3B,kCAAsC;AACtC,0CAA0C;AAC1C,mDAAiD;AAEjD,MAAM,YAAY,GAAG,UAAU,CAAC,IAAI,CAAC;AAErC,EAAE;AACF,qCAAqC;AACrC,EAAE;AACF,SAAgB,YAAY,CAAC,OAAyB,EAAE,WAAkB;IACxE,OAAO,CAAC,IAAS,EAAE,OAAyB,EAAC,EAAE;QAC7C,MAAM,QAAQ,GAAG,SAAG,CAAC,QAAQ,CAAC;QAC9B,MAAM,IAAI,GAAM,SAAG,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;QACjC,IAAI,KAAK,GAAU,EAAE,CAAC;QAEpB,MAAM,MAAM,GAAK,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC;QAC/B,MAAM,IAAI,GAAO,QAAQ,CAAC,KAAK,CAAC,uBAAuB,CAAC,WAAW,EAAE,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,CAAC;QAChG,MAAM,IAAI,GAAO;YACf,aAAa,EAAO,qBAAa;YACjC,KAAK,EAAe,QAAQ,CAAC,KAAK;YAClC,iBAAiB,EAAG,yBAAiB;YACrC,QAAQ,EAAY,gBAAQ;YAC5B,oBAAoB,EAAE,4BAAoB;YAC1C,aAAa,EAAO,qBAAa;YACjC,eAAe,EAAK,uBAAe;YACnC,UAAU,EAAU,kBAAU;YAC9B,cAAc,EAAM,sBAAc;YAClC,IAAI,EAAgB,WAAI;YACxB,KAAK,EAAe,IAAI;YACxB,IAAI,EAAgB,IAAI;YACxB,GAAG,EAAiB,SAAG,CAAC,GAAG;YAC3B,WAAW,EAAS,QAAQ,CAAC,MAAM;SACpC,CAAC;QACF,MAAM,cAAc,GAAqB;YACvC;gBACE,IAAI,EAAE,0BAAkB,CAAC,IAAI;gBAC7B,QAAQ,EAAE,gCAAgC;gBAC1C,WAAW,EAAE,IAAI;gBACjB,IAAI,EAAE,GAAG,MAAM,iBAAiB;gBAChC,IAAI,EAAE,IAAI;aACX;SACF,CAAC;QACF,cAAc,CAAC,OAAO,CAAE,cAAc,CAAC,EAAE;YACvC,KAAK,CAAC,IAAI,CAAC,QAAQ,CAAC,cAAc,EAAE,OAAO,CAAC,CAAC,CAAC;QAChD,CAAC,CAAC,CAAC;QAEL,OAAO,IAAA,kBAAK,EAAC,KAAK,CAAC,CAAC,IAAI,EAAC,OAAO,CAAC,CAAC;IACpC,CAAC,CAAA;AACH,CAAC;AAvCD,oCAuCC;AAED,EAAE;AACF,2DAA2D;AAC3D,EAAE;AACF,SAAgB,QAAQ,CAAC,IAAoB,EAAC,OAAyB;IACrE,OAAO,CAAC,IAAS,EAAE,OAAyB,EAAE,EAAE;QAC9C,GAAG,CAAC,UAAU,CACZ,GAAG,sBAAgB,IAAI,IAAI,CAAC,QAAQ,EAAE,EACtC,IAAI,CAAC,IAAI,EACT,EAAE,EACF,CAAC,GAAG,EAAE,MAAM,EAAE,EAAE;YACd,IAAI;gBACF,MAAM,GAAG,IAAA,8BAAc,EAAC,MAAM,EAAE,IAAI,CAAC,IAAI,CAAC,CAAC;aAC5C;YACD,OAAO,GAAG,EAAE;gBACV,IAAA,aAAM,EAAC,MAAM,CAAC,CAAC;gBACf,IAAA,aAAM,EAAC,GAAG,CAAC,CAAC;aACb;YACD,yEAAyE;YACzE,OAAO,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC;QACtB,CAAC,CAAC,CAAC;QACL,OAAO,IAAI,CAAC;IACd,CAAC,CAAA;AACH,CAAC;AAnBD,4BAmBC","sourcesContent":["import { MagicOptionScheme } from \"./magic-option.scheme\";\r\nimport { chain, Rule, SchematicContext, Tree } from \"@angular-devkit/schematics\";\r\nimport {\r\n  CtrlButtonTypeGui,\r\n  GeneratedFileTypes,\r\n  MgControlType,\r\n  SideType,\r\n  StorageAttributeType,\r\n  TableWebStyle,\r\n  RowEditingTypes,\r\n  TemplateConfig,\r\n  WindowPosition,\r\n  WindowType\r\n} from \"../../../types/index\";\r\nimport { Util } from \"../Util\";\r\nimport { env, GEN_FOLDER, MAGIC_CLI_FOLDER } from \"../env\";\r\nimport * as EJS from 'ejs';\r\nimport { logErr, Log } from \"../Util\";\r\nimport * as jsbeautify from 'js-beautify';\r\nimport { createGenFuncs } from \"./generate.rule\";\r\n\r\nconst htmlBeautify = jsbeautify.html;\r\n\r\n//\r\n// build the HTML of a single control\r\n//\r\nexport function buildControl(options:MagicOptionScheme, module_name:string) : Rule {\r\n  return (host:Tree, context: SchematicContext)=>{\r\n    const metadata = env.metadata;\r\n    const view    = env.app.views[0];\r\n    let rules:Rule[] = [];\r\n\r\n      const viewId   = view.props.id;\r\n      const dest     = metadata.paths.getDestPathForComponent(module_name, view.props.component_path);\r\n      const data     = {\r\n        MgControlType     : MgControlType,\r\n        theme             : metadata.theme,\r\n        CtrlButtonTypeGui : CtrlButtonTypeGui,\r\n        SideType          : SideType,\r\n        StorageAttributeType: StorageAttributeType,\r\n        TableWebStyle     : TableWebStyle,\r\n        RowEditingTypes   : RowEditingTypes,\r\n        WindowType        : WindowType,\r\n        WindowPosition    : WindowPosition,\r\n        Util              : Util,\r\n        child             : view,\r\n        ctrl              : view,\r\n        app               : env.app,\r\n        magicConfig       : metadata.config,\r\n      };\r\n      const componentFiles: TemplateConfig[] = [\r\n        {\r\n          type: GeneratedFileTypes.HTML,\r\n          template: './templates/themes/control.ejs',\r\n          destination: dest,\r\n          name: `${viewId}.component.html`,\r\n          data: data\r\n        },\r\n      ];\r\n      componentFiles.forEach( templateConfig => {\r\n        rules.push(generate(templateConfig, options));\r\n      });\r\n\r\n    return chain(rules)(host,context);\r\n  }\r\n}\r\n\r\n//\r\n// Call EJS to generate HTML and write the result to stdout\r\n//\r\nexport function generate(file: TemplateConfig,options:MagicOptionScheme) :Rule{\r\n  return (host:Tree, context: SchematicContext) => {\r\n    EJS.renderFile(\r\n      `${MAGIC_CLI_FOLDER}/${file.template}`,\r\n      file.data,\r\n      {},\r\n      (err, output) => {\r\n        try {\r\n          output = createGenFuncs(output, file.type);\r\n        }\r\n        catch (err) {\r\n          logErr(output);\r\n          logErr(err);\r\n        }\r\n        // send the output directly to the stdout, so the calling app will get it\r\n        console.log(output);\r\n      });\r\n    return host;\r\n  }\r\n}\r\n"]}
+{"version":3,"file":"build-control.rule.js","sourceRoot":"","sources":["build-control.rule.ts"],"names":[],"mappings":";;AA0BA,oCAuCC;AAKD,4BAmBC;AAxFD,2DAAiF;AACjF,gDAW8B;AAC9B,kCAA+B;AAC/B,gCAA2D;AAC3D,2BAA2B;AAC3B,kCAAsC;AACtC,0CAA0C;AAC1C,mDAAiD;AAEjD,MAAM,YAAY,GAAG,UAAU,CAAC,IAAI,CAAC;AAErC,EAAE;AACF,qCAAqC;AACrC,EAAE;AACF,SAAgB,YAAY,CAAC,OAAyB,EAAE,WAAkB;IACxE,OAAO,CAAC,IAAS,EAAE,OAAyB,EAAC,EAAE;QAC7C,MAAM,QAAQ,GAAG,SAAG,CAAC,QAAQ,CAAC;QAC9B,MAAM,IAAI,GAAM,SAAG,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;QACjC,IAAI,KAAK,GAAU,EAAE,CAAC;QAEpB,MAAM,MAAM,GAAK,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC;QAC/B,MAAM,IAAI,GAAO,QAAQ,CAAC,KAAK,CAAC,uBAAuB,CAAC,WAAW,EAAE,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,CAAC;QAChG,MAAM,IAAI,GAAO;YACf,aAAa,EAAO,qBAAa;YACjC,KAAK,EAAe,QAAQ,CAAC,KAAK;YAClC,iBAAiB,EAAG,yBAAiB;YACrC,QAAQ,EAAY,gBAAQ;YAC5B,oBAAoB,EAAE,4BAAoB;YAC1C,aAAa,EAAO,qBAAa;YACjC,eAAe,EAAK,uBAAe;YACnC,UAAU,EAAU,kBAAU;YAC9B,cAAc,EAAM,sBAAc;YAClC,IAAI,EAAgB,WAAI;YACxB,KAAK,EAAe,IAAI;YACxB,IAAI,EAAgB,IAAI;YACxB,GAAG,EAAiB,SAAG,CAAC,GAAG;YAC3B,WAAW,EAAS,QAAQ,CAAC,MAAM;SACpC,CAAC;QACF,MAAM,cAAc,GAAqB;YACvC;gBACE,IAAI,EAAE,0BAAkB,CAAC,IAAI;gBAC7B,QAAQ,EAAE,gCAAgC;gBAC1C,WAAW,EAAE,IAAI;gBACjB,IAAI,EAAE,GAAG,MAAM,iBAAiB;gBAChC,IAAI,EAAE,IAAI;aACX;SACF,CAAC;QACF,cAAc,CAAC,OAAO,CAAE,cAAc,CAAC,EAAE;YACvC,KAAK,CAAC,IAAI,CAAC,QAAQ,CAAC,cAAc,EAAE,OAAO,CAAC,CAAC,CAAC;QAChD,CAAC,CAAC,CAAC;QAEL,OAAO,IAAA,kBAAK,EAAC,KAAK,CAAC,CAAC,IAAI,EAAC,OAAO,CAAC,CAAC;IACpC,CAAC,CAAA;AACH,CAAC;AAED,EAAE;AACF,2DAA2D;AAC3D,EAAE;AACF,SAAgB,QAAQ,CAAC,IAAoB,EAAC,OAAyB;IACrE,OAAO,CAAC,IAAS,EAAE,OAAyB,EAAE,EAAE;QAC9C,GAAG,CAAC,UAAU,CACZ,GAAG,sBAAgB,IAAI,IAAI,CAAC,QAAQ,EAAE,EACtC,IAAI,CAAC,IAAI,EACT,EAAE,EACF,CAAC,GAAG,EAAE,MAAM,EAAE,EAAE;YACd,IAAI,CAAC;gBACH,MAAM,GAAG,IAAA,8BAAc,EAAC,MAAM,EAAE,IAAI,CAAC,IAAI,CAAC,CAAC;YAC7C,CAAC;YACD,OAAO,GAAG,EAAE,CAAC;gBACX,IAAA,aAAM,EAAC,MAAM,CAAC,CAAC;gBACf,IAAA,aAAM,EAAC,GAAG,CAAC,CAAC;YACd,CAAC;YACD,yEAAyE;YACzE,OAAO,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC;QACtB,CAAC,CAAC,CAAC;QACL,OAAO,IAAI,CAAC;IACd,CAAC,CAAA;AACH,CAAC","sourcesContent":["import { MagicOptionScheme } from \"./magic-option.scheme\";\r\nimport { chain, Rule, SchematicContext, Tree } from \"@angular-devkit/schematics\";\r\nimport {\r\n  CtrlButtonTypeGui,\r\n  GeneratedFileTypes,\r\n  MgControlType,\r\n  SideType,\r\n  StorageAttributeType,\r\n  TableWebStyle,\r\n  RowEditingTypes,\r\n  TemplateConfig,\r\n  WindowPosition,\r\n  WindowType\r\n} from \"../../../types/index\";\r\nimport { Util } from \"../Util\";\r\nimport { env, GEN_FOLDER, MAGIC_CLI_FOLDER } from \"../env\";\r\nimport * as EJS from 'ejs';\r\nimport { logErr, Log } from \"../Util\";\r\nimport * as jsbeautify from 'js-beautify';\r\nimport { createGenFuncs } from \"./generate.rule\";\r\n\r\nconst htmlBeautify = jsbeautify.html;\r\n\r\n//\r\n// build the HTML of a single control\r\n//\r\nexport function buildControl(options:MagicOptionScheme, module_name:string) : Rule {\r\n  return (host:Tree, context: SchematicContext)=>{\r\n    const metadata = env.metadata;\r\n    const view    = env.app.views[0];\r\n    let rules:Rule[] = [];\r\n\r\n      const viewId   = view.props.id;\r\n      const dest     = metadata.paths.getDestPathForComponent(module_name, view.props.component_path);\r\n      const data     = {\r\n        MgControlType     : MgControlType,\r\n        theme             : metadata.theme,\r\n        CtrlButtonTypeGui : CtrlButtonTypeGui,\r\n        SideType          : SideType,\r\n        StorageAttributeType: StorageAttributeType,\r\n        TableWebStyle     : TableWebStyle,\r\n        RowEditingTypes   : RowEditingTypes,\r\n        WindowType        : WindowType,\r\n        WindowPosition    : WindowPosition,\r\n        Util              : Util,\r\n        child             : view,\r\n        ctrl              : view,\r\n        app               : env.app,\r\n        magicConfig       : metadata.config,\r\n      };\r\n      const componentFiles: TemplateConfig[] = [\r\n        {\r\n          type: GeneratedFileTypes.HTML,\r\n          template: './templates/themes/control.ejs',\r\n          destination: dest,\r\n          name: `${viewId}.component.html`,\r\n          data: data\r\n        },\r\n      ];\r\n      componentFiles.forEach( templateConfig => {\r\n        rules.push(generate(templateConfig, options));\r\n      });\r\n\r\n    return chain(rules)(host,context);\r\n  }\r\n}\r\n\r\n//\r\n// Call EJS to generate HTML and write the result to stdout\r\n//\r\nexport function generate(file: TemplateConfig,options:MagicOptionScheme) :Rule{\r\n  return (host:Tree, context: SchematicContext) => {\r\n    EJS.renderFile(\r\n      `${MAGIC_CLI_FOLDER}/${file.template}`,\r\n      file.data,\r\n      {},\r\n      (err, output) => {\r\n        try {\r\n          output = createGenFuncs(output, file.type);\r\n        }\r\n        catch (err) {\r\n          logErr(output);\r\n          logErr(err);\r\n        }\r\n        // send the output directly to the stdout, so the calling app will get it\r\n        console.log(output);\r\n      });\r\n    return host;\r\n  }\r\n}\r\n"]}

package/src/schematics/magic-utils/rules/build-view.rule.d.ts

@@ -1,3 +1,3 @@
-import { MagicOptionScheme } from "./magic-option.scheme";
-import { Rule } from "@angular-devkit/schematics";
-export declare function buildViews(options: MagicOptionScheme, module_name: string): Rule;
+import { MagicOptionScheme } from "./magic-option.scheme";
+import { Rule } from "@angular-devkit/schematics";
+export declare function buildViews(options: MagicOptionScheme, module_name: string): Rule;