{"index.ts":"import { enableRipple } from '@syncfusion/ej2-base';\nenableRipple(true);\n/**\n * Sample demonstrates the standard mask elements of the MaskedTextBox.\n */\nimport { MaskedTextBox } from '@syncfusion/ej2-inputs';\n\n\n let mask: MaskedTextBox = new MaskedTextBox({\n mask: '000-000-0000'\n });\n mask.appendTo('#mask1');\n\n let mask2: MaskedTextBox = new MaskedTextBox({\n mask: '>LL / LLL'\n });\n mask2.appendTo('#mask2');\n\n let mask3: MaskedTextBox = new MaskedTextBox({\n mask: '00/00/0000'\n });\n mask3.appendTo('#mask3');\n\n let mask4: MaskedTextBox = new MaskedTextBox({\n mask: '>AAAAA-AAAAA-AAAAA-AAAAA'\n });\n mask4.appendTo('#mask4');\n","index.html":"<!DOCTYPE html><html><head>\n <link href=\"http://npmci.syncfusion.com/packages/production/material.css\" rel=\"stylesheet\">\n <script src=\"https://cdnjs.cloudflare.com/ajax/libs/systemjs/0.19.38/system.js\"></script>\n <script src=\"systemjs.config.js\"></script>\n</head>\n<body>\n<div class=\"col-lg-12 control-section\">\n <div class=\"content-wrapper\">\n <div class=\"control-label\">Mobile Number\n </div>\n <input id=\"mask1\" type=\"text\">\n <div class=\"control-label\">Country ISO Code\n </div>\n <input id=\"mask2\" type=\"text\">\n <div class=\"control-label\">D.O.B\n </div>\n <input id=\"mask3\" type=\"text\">\n <div class=\"control-label\">Product Key\n </div>\n <input id=\"mask4\" type=\"text\">\n </div>\n</div>\n\n\n\n<style>\n .content-wrapper {\n width: 30%;\n margin: 0 auto;\n min-width: 185px;\n }\n \n .control-label {\n padding: 24px 0px 10px 0px;\n font-size: 12px;\n opacity: 0.54;\n }\n</style>\n\n</body></html>","systemjs.config.js":"System.config({\n transpiler: \"typescript\",\n typescriptOptions: {\n compilerOptions: {\n target: \"umd\",\n module: \"commonjs\",\n moduleResolution: \"node\",\n emitDecoratorMetadata: true,\n experimentalDecorators: true\n }\n },\n paths: {\n \"syncfusion:\": \"http://npmci.syncfusion.com/packages/production/\"\n },\n map: {\n main: \"index.ts\",\n typescript: \"https://unpkg.com/
[email protected]/lib/typescript.js\",\n 'plugin-json':'https://cdnjs.cloudflare.com/ajax/libs/systemjs-plugin-json/0.3.0/json.min.js',\n \"@syncfusion/ej2-base\": \"syncfusion:ej2-base/dist/ej2-base.umd.min.js\",\n \"@syncfusion/ej2-buttons\": \"syncfusion:ej2-buttons/dist/ej2-buttons.umd.min.js\",\n \"@syncfusion/ej2-calendars\": \"syncfusion:ej2-calendars/dist/ej2-calendars.umd.min.js\",\n \"@syncfusion/ej2-charts\": \"syncfusion:ej2-charts/dist/ej2-charts.umd.min.js\",\n \"@syncfusion/ej2-circulargauge\": \"syncfusion:ej2-circulargauge/dist/ej2-circulargauge.umd.min.js\",\n \"@syncfusion/ej2-lineargauge\": \"syncfusion:ej2-lineargauge/dist/ej2-lineargauge.umd.min.js\",\n \"@syncfusion/ej2-data\": \"syncfusion:ej2-data/dist/ej2-data.umd.min.js\",\n \"@syncfusion/ej2-dropdowns\": \"syncfusion:ej2-dropdowns/dist/ej2-dropdowns.umd.min.js\",\n \"@syncfusion/ej2-grids\": \"syncfusion:ej2-grids/dist/ej2-grids.umd.min.js\", \n \"@syncfusion/ej2-inputs\": \"syncfusion:ej2-inputs/dist/ej2-inputs.umd.min.js\", \n \"@syncfusion/ej2-lists\": \"syncfusion:ej2-lists/dist/ej2-lists.umd.min.js\",\n \"@syncfusion/ej2-navigations\": \"syncfusion:ej2-navigations/dist/ej2-navigations.umd.min.js\", \n \"@syncfusion/ej2-popups\": \"syncfusion:ej2-popups/dist/ej2-popups.umd.min.js\"\n },\n meta: { \n '*.json': { loader: 'plugin-json' }\n }\n});\nSystem.import('index.ts').catch(console.error.bind(console));"}
0 commit comments