@magic-xpa/cli 4.900.0-dev490.133 → 4.900.0-dev490.136

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@magic-xpa/cli",
-  "version": "4.900.0-dev490.133",
+  "version": "4.900.0-dev490.136",
   "license": "SEE LICENSE IN EULA.pdf",
   "description": "Magic CLI for MagicWeb applications",
   "keywords": [

package/src/schematics/mg-add/files/src/app/magic/magic.gen.lib.module.ts

@@ -28,6 +28,9 @@ import {MatTooltipModule} from "@angular/material/tooltip";
 import {MatButtonModule} from "@angular/material/button";
 import {MatAutocompleteModule} from "@angular/material/autocomplete";
 import {CurrencyMaskConfig, CurrencyMaskInputMode, NgxCurrencyModule} from "ngx-currency";
+import { NgxMaskModule, IConfig } from "ngx-mask";
+
+export const options: Partial<IConfig> | (() => Partial<IConfig>) = null;
 
 export const customCurrencyMaskConfig: CurrencyMaskConfig = {
   align: "right",

package/src/types/interfaces/control.d.ts

@@ -53,6 +53,7 @@ export interface Control {
         row_editing_type?: RowEditingTypes;
         mgformat?: string;
         currency?: string;
+        mask?: string;
         directive?: string;
         validator?: string;
         formatter?: string;

package/src/types/interfaces/control.js.map

@@ -1 +1 @@
-{"version":3,"file":"control.js","sourceRoot":"","sources":["control.ts"],"names":[],"mappings":"","sourcesContent":["import {HorizontalAlignments} from '../enums/horizontal-alignments.enum';\nimport {\n  CtrlImageStyle,\n  MgControlType,\n  SideType,\n  StorageAttributeType,\n  TableWebStyle,\n  RowEditingTypes,\n  WindowPosition,\n  WindowType\n} from \"../enums/Enums\";\nimport {CtrlButtonTypeGui} from '../enums/Enums';\n\nexport interface Exp\n{\n\thas_exp?: boolean\n}\n\nexport interface Boolean_Exp extends Exp\n{\n\tvalue?: boolean,\n}\n\nexport interface Number_Exp extends Exp\n{\n\tvalue?: number,\n}\n\nexport interface String_Exp extends Exp\n{\n\tvalue?: string,\n}\n\nexport interface Control {\n\tcontrolType: MgControlType\n\tclasses?: string\n\thasClassExpression?: boolean\n\tstyle: {\n\t\tfont?: Number_Exp,\n\t\tcolor?: Number_Exp,\n\t\tborder?: Boolean_Exp,\n\t\tborder_style?: Number_Exp,\n\t\tfocus_color?: Number_Exp,\n\t\talignment: {\n\t\t\thorizontal?: HorizontalAlignments,\n\t\t\tvertical?: number,\n\t\t},\n        line_divider?:Boolean_Exp;\n        multiline_edit?: boolean,\n\t},\n\tprops: {\n\t\tid: string,\n\t\tname?: string,\n    component_uniquename?: string;\n    component_path?:string;\n    visible?: Exp,\n\t\tenabled?: Exp,\n\t\ttab_order?: Number_Exp,\n\t\tpassword_edit?: Boolean_Exp,\n\t\tbutton_style?:CtrlButtonTypeGui,\n    is_table_child?: boolean,\n    table_row_height?: number,\n    table_title_height?: number,\n    scroll_bar?: boolean;\n    no_modifiable_descendants?: boolean;\n    modifiable?: Boolean_Exp,\n\t\tlayer?: number,\n    tab_control_side?: SideType;\n    attribute?: StorageAttributeType;\n    web_style?: TableWebStyle;\n    row_editing_type?: RowEditingTypes;\n    mgformat?: string;\n    currency?:string;\n    directive?: string;\n    validator?: string;\n    formatter?: string;\n    window_type?: WindowType;\n    is_router_outlet?: boolean;\n    default_outlet?: boolean;\n    wallpaper?: string;\n    wallpaper_style?: CtrlImageStyle;\n    sortable?: boolean;\n    common_line_id?: number;\n    dataexp?:boolean;\n    showsecs?:boolean;\n    enum_id:string; // simple enum name, for method calls\n    directive_id:string; // enum name as {{id}} for things such as directive name or formcontrol name\n\t}\n\n\thint: {\n\t\ttext?: String_Exp,\n\t}\n\tcoordinates:{\n        x?:\tnumber,\n        y?:\tnumber,\n        width:\tnumber,\n        height?:\tnumber\n\t}\n\tchildren: null | Control[],\n\n\n\t/// incode members:\n\t// class_name_in_css: string;\n\n}\n"]}
+{"version":3,"file":"control.js","sourceRoot":"","sources":["control.ts"],"names":[],"mappings":"","sourcesContent":["import {HorizontalAlignments} from '../enums/horizontal-alignments.enum';\nimport {\n  CtrlImageStyle,\n  MgControlType,\n  SideType,\n  StorageAttributeType,\n  TableWebStyle,\n  RowEditingTypes,\n  WindowPosition,\n  WindowType\n} from \"../enums/Enums\";\nimport {CtrlButtonTypeGui} from '../enums/Enums';\n\nexport interface Exp\n{\n\thas_exp?: boolean\n}\n\nexport interface Boolean_Exp extends Exp\n{\n\tvalue?: boolean,\n}\n\nexport interface Number_Exp extends Exp\n{\n\tvalue?: number,\n}\n\nexport interface String_Exp extends Exp\n{\n\tvalue?: string,\n}\n\nexport interface Control {\n\tcontrolType: MgControlType\n\tclasses?: string\n\thasClassExpression?: boolean\n\tstyle: {\n\t\tfont?: Number_Exp,\n\t\tcolor?: Number_Exp,\n\t\tborder?: Boolean_Exp,\n\t\tborder_style?: Number_Exp,\n\t\tfocus_color?: Number_Exp,\n\t\talignment: {\n\t\t\thorizontal?: HorizontalAlignments,\n\t\t\tvertical?: number,\n\t\t},\n        line_divider?:Boolean_Exp;\n        multiline_edit?: boolean,\n\t},\n\tprops: {\n\t\tid: string,\n\t\tname?: string,\n    component_uniquename?: string;\n    component_path?:string;\n    visible?: Exp,\n\t\tenabled?: Exp,\n\t\ttab_order?: Number_Exp,\n\t\tpassword_edit?: Boolean_Exp,\n\t\tbutton_style?:CtrlButtonTypeGui,\n    is_table_child?: boolean,\n    table_row_height?: number,\n    table_title_height?: number,\n    scroll_bar?: boolean;\n    no_modifiable_descendants?: boolean;\n    modifiable?: Boolean_Exp,\n\t\tlayer?: number,\n    tab_control_side?: SideType;\n    attribute?: StorageAttributeType;\n    web_style?: TableWebStyle;\n    row_editing_type?: RowEditingTypes;\n    mgformat?: string;\n    currency?: string;\n    mask?: string;\n    directive?: string;\n    validator?: string;\n    formatter?: string;\n    window_type?: WindowType;\n    is_router_outlet?: boolean;\n    default_outlet?: boolean;\n    wallpaper?: string;\n    wallpaper_style?: CtrlImageStyle;\n    sortable?: boolean;\n    common_line_id?: number;\n    dataexp?:boolean;\n    showsecs?:boolean;\n    enum_id:string; // simple enum name, for method calls\n    directive_id:string; // enum name as {{id}} for things such as directive name or formcontrol name\n\t}\n\n\thint: {\n\t\ttext?: String_Exp,\n\t}\n\tcoordinates:{\n        x?:\tnumber,\n        y?:\tnumber,\n        width:\tnumber,\n        height?:\tnumber\n\t}\n\tchildren: null | Control[],\n\n\n\t/// incode members:\n\t// class_name_in_css: string;\n\n}\n"]}

package/src/types/interfaces/control.ts

@@ -70,7 +70,8 @@ export interface Control {
     web_style?: TableWebStyle;
     row_editing_type?: RowEditingTypes;
     mgformat?: string;
-    currency?:string;
+    currency?: string;
+    mask?: string;
     directive?: string;
     validator?: string;
     formatter?: string;

package/templates/themes/basicHTML/edit.ejs

@@ -43,6 +43,9 @@
                         <%- include('../../attributes/common/base_attributes', {ctrl : ctrl}) %>
                         <%- include('../../attributes/common/input_attributes', {ctrl : ctrl}) %>
                         <% if (ctrl.props.mgformat) { %><%- ctrl.props.mgformat %> <%}%>
+                        <% if (ctrl.props.mask) { %>
+                           [mask]="mg.getAlphaMask(<%- ctrl.props.enum_id %>) [showMaskTyped]='true'"
+                        <% } %>
                         <% if (ctrl.props.must_input && !ctrl.props.must_input.has_exp) { %> required <%}%>
                         <% if (ctrl.props.directive) { %><%- ctrl.props.directive %><%}%>
                         <%- ' '%>

package/templates/themes/material/edit.ejs

@@ -70,6 +70,10 @@ default: %>
       [matAutocomplete]="<%= ctrl.props.id %>"
       <% } %>
       <% if (ctrl.props.mgformat) { %><%- ctrl.props.mgformat %> <%}%>
+      <% if (ctrl.props.mask) { %>
+          [mask]="mg.getAlphaMask(<%- ctrl.props.enum_id %>)"
+          [showMaskTyped]='true'
+      <% } %>
       <% if (ctrl.props.must_input && !ctrl.props.must_input.has_exp) { %>
       required
       <% } %>