feature(EJ2-1928): NumericTextBox floating label changes have been committed.

pipeline · pipeline · commit 8ad631738bde · 2017-08-02T13:36:13.000Z
diff --git a/src/numerictextbox/format-plnkr.json b/src/numerictextbox/format-plnkr.json
@@ -1 +1 @@
-{"index.ts":"import {NumericTextBox} from '@syncfusion/ej2-inputs';\n/**\n * Custom format NumericTextBox sample\n */\n\n\n\n    let numeric: NumericTextBox = new NumericTextBox({\n        placeholder: 'Enter the distance',\n        format: '###.### km',\n        value: 250,\n        min: 0\n    });\n    numeric.appendTo('#numeric');\n\n    let percent: NumericTextBox = new NumericTextBox({\n        format: '### \\'%\\'',\n        placeholder: 'Enter the tax',\n        min: 0,\n        value: 25,\n        max: 100\n    });\n    percent.appendTo('#percent');\n\n    let currency: NumericTextBox = new NumericTextBox({\n        format: '$ ###.##',\n        placeholder: 'Enter the amount',\n        min: 0,\n        value: 1025,\n    });\n    currency.appendTo('#currency');\n\n","index.html":"<html><head>\n    <link href=\"http://ej2ci.syncfusion.com/production/demos/styles/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\">Kilometers</div>\n        <input id=\"numeric\" type=\"text\">\n        <div class=\"control-label\">Service Tax</div>\n        <input id=\"percent\" type=\"text\">\n        <div class=\"control-label\">Fare</div>\n        <input id=\"currency\" type=\"text\">\n    </div>\n</div>\n\n\n<style>\n    .content-wrapper {\n        width: 35%;\n        margin: 0 auto;\n        min-width: 185px;\n    }\n    .control-label {\n        padding: 24px 0px 0px 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://ej2ci.syncfusion.com/packages/production/\"\n    },\n    map: {\n        main: \"index.ts\",\n        typescript: \"https://unpkg.com/typescript@2.2.2/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-data\": \"syncfusion:ej2-data/dist/ej2-data.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        \"@syncfusion/ej2-circulargauge\": \"syncfusion:ej2-circulargauge/dist/ej2-circulargauge.umd.min.js\",      \n    },\n     meta: { \n       '*.json': { loader: 'plugin-json' }\n    }\n});\n\nSystem.import('index.ts').catch(console.error.bind(console));"}
+{"index.ts":"import {NumericTextBox} from '@syncfusion/ej2-inputs';\n/**\n * Custom format NumericTextBox sample\n */\n\n\n\n    let numeric: NumericTextBox = new NumericTextBox({\n        placeholder: 'Enter the distance',\n        format: '###.### km',\n        value: 250,\n        min: 0\n    });\n    numeric.appendTo('#numeric');\n\n    let percent: NumericTextBox = new NumericTextBox({\n        format: '### \\'%\\'',\n        placeholder: 'Enter the tax',\n        min: 0,\n        value: 25,\n        max: 100\n    });\n    percent.appendTo('#percent');\n\n    let currency: NumericTextBox = new NumericTextBox({\n        format: '$ ###.##',\n        placeholder: 'Enter the amount',\n        min: 0,\n        value: 1025,\n    });\n    currency.appendTo('#currency');\n\n","index.html":"<html><head>\n    <link href=\"http://ej2ci.syncfusion.com/production/demos/styles/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        <input id=\"numeric\" type=\"text\">\n        <input id=\"percent\" type=\"text\">\n        <input id=\"currency\" type=\"text\">\n    </div>\n</div>\n\n\n<style>\n    .content-wrapper {\n        width: 35%;\n        margin: 0 auto;\n        min-width: 185px;\n    }\n     .e-float-input.e-numeric.e-input-group {\n        margin-top: 40px;\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://ej2ci.syncfusion.com/packages/production/\"\n    },\n    map: {\n        main: \"index.ts\",\n        typescript: \"https://unpkg.com/typescript@2.2.2/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-data\": \"syncfusion:ej2-data/dist/ej2-data.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        \"@syncfusion/ej2-circulargauge\": \"syncfusion:ej2-circulargauge/dist/ej2-circulargauge.umd.min.js\",      \n    },\n     meta: { \n       '*.json': { loader: 'plugin-json' }\n    }\n});\n\nSystem.import('index.ts').catch(console.error.bind(console));"}
diff --git a/src/numerictextbox/format.html b/src/numerictextbox/format.html
@@ -1,10 +1,7 @@
 <div class="col-lg-12 control-section">
     <div class="content-wrapper">
-        <div class="control-label">Kilometers</div>
         <input id="numeric" type="text"/>
-        <div class="control-label">Service Tax</div>
         <input id="percent" type="text"/>
-        <div class="control-label">Fare</div>
         <input id="currency" type="text"/>
     </div>
 </div>
@@ -23,9 +20,7 @@
         margin: 0 auto;
         min-width: 185px;
     }
-    .control-label {
-        padding: 24px 0px 0px 0px;
-        font-size: 12px;
-        opacity: 0.54;
+     .e-float-input.e-numeric.e-input-group {
+        margin-top: 40px;
     }
 </style>
diff --git a/src/numerictextbox/internationalization-plnkr.json b/src/numerictextbox/internationalization-plnkr.json
@@ -1 +1 @@
-{"index.ts":"import {NumericTextBox} from '@syncfusion/ej2-inputs';\nimport {loadCldr, L10n} from '@syncfusion/ej2-base';\n/**\n * Internationalization NumericTextBox sample\n */\n\n\n\n    L10n.load({\n      'en': {\n        'numerictextbox': { incrementTitle: 'Increment value', decrementTitle: 'Decrement value',\n        placeholder: 'Enter the value' }\n      },\n      'de': {\n        'numerictextbox': { incrementTitle: 'Wert erhöhen', decrementTitle: 'Dekrementwert',\n        placeholder: 'Geben Sie den Wert ein' }\n      },\n      'zh': {\n        'numerictextbox': { incrementTitle: '增值', decrementTitle: '遞減值',\n        placeholder: '輸入值' }\n      }\n    });\n\n    loadCldr(\n        require('../common/cldr-data/main/de/numbers.json'),\n        require('../common/cldr-data/main/de/currencies.json'),\n        require('../common/cldr-data/main/zh/numbers.json'),\n        require('../common/cldr-data/main/zh/currencies.json'),\n        require('../common/cldr-data/supplemental/numberingSystems.json'),\n        require('../common/cldr-data/supplemental/currencyData.json')\n    );\n\n    let numeric: NumericTextBox = new NumericTextBox({\n        locale: 'de',\n        value: 10\n    });\n    numeric.appendTo('#numeric');\n\n    let percent: NumericTextBox = new NumericTextBox({\n        format: 'p2',\n        locale: 'de',\n        value: 0.5,\n        min: 0,\n        max: 1,\n        step: 0.01\n    });\n    percent.appendTo('#percent');\n\n    let currency: NumericTextBox = new NumericTextBox({\n        format: 'c2',\n        locale: 'de',\n        value: 100,\n        currency: 'EUR'\n    });\n    currency.appendTo('#currency');\n\n    document.getElementById('cultures').addEventListener('change', changeLocale);\n\n    function changeLocale(): void {\n        let culture: string = (document.getElementById('cultures') as HTMLSelectElement).value;\n        numeric.locale = culture;\n        percent.locale = culture;\n        currency.locale = culture;\n        if (culture === 'zh') {\n            currency.currency = 'CNY';\n        } else if (culture === 'de') {\n            currency.currency = 'EUR';\n        } else {\n            currency.currency = 'USD';\n        }\n    }\n\n","index.html":"<html><head>\n    <link href=\"http://ej2ci.syncfusion.com/production/demos/styles/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-8 control-section\">\n    <div class=\"content-wrapper\">\n        <div class=\"control-label\">Numeric TextBox</div>\n        <input id=\"numeric\" type=\"text\">\n        <div class=\"control-label\">Percentage TextBox</div>\n        <input id=\"percent\" type=\"text\">\n        <div class=\"control-label\">Currency TextBox</div>\n        <input id=\"currency\" type=\"text\">\n    </div>\n</div>\n\n<div class=\"col-lg-4 property-section\">\n    <table id=\"property\" title=\"Properties\">\n        <tbody><tr>\n            <td>\n                <div>Culture</div>\n            </td>\n            <td>\n                <div>\n                    <select id=\"cultures\" class=\"form-control\">\n                        <option value=\"de\">de</option>\n                        <option value=\"zh\">zh</option>\n                        <option value=\"en\">en</option>\n                    </select>\n                </div>\n            </td>\n        </tr>\n    </tbody></table>\n</div>\n\n<style>\n    .property-panel-content {\n        padding: 0 10px 10px 0;\n    }\n    .content-wrapper {\n        width: 50%;\n        margin: 0 auto;\n        min-width: 185px;\n    }\n    .control-label {\n        padding: 24px 0px 0px 0px;\n        font-size: 12px;\n        opacity: 0.54;\n    }\n</style>\n\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://ej2ci.syncfusion.com/packages/production/\"\n    },\n    map: {\n        main: \"index.ts\",\n        typescript: \"https://unpkg.com/typescript@2.2.2/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-data\": \"syncfusion:ej2-data/dist/ej2-data.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        \"@syncfusion/ej2-circulargauge\": \"syncfusion:ej2-circulargauge/dist/ej2-circulargauge.umd.min.js\",      \n    },\n     meta: { \n       '*.json': { loader: 'plugin-json' }\n    }\n});\n\nSystem.import('index.ts').catch(console.error.bind(console));"}
+{"index.ts":"import {NumericTextBox} from '@syncfusion/ej2-inputs';\nimport {loadCldr, L10n} from '@syncfusion/ej2-base';\n/**\n * Internationalization NumericTextBox sample\n */\n\n\n\n    L10n.load({\n      'en': {\n        'numerictextbox': { incrementTitle: 'Increment value', decrementTitle: 'Decrement value'}\n      },\n      'de': {\n        'numerictextbox': { incrementTitle: 'Wert erhöhen', decrementTitle: 'Dekrementwert'}\n      },\n      'zh': {\n        'numerictextbox': { incrementTitle: '增值', decrementTitle: '遞減值'}\n      }\n    });\n\n    loadCldr(\n        require('../common/cldr-data/main/de/numbers.json'),\n        require('../common/cldr-data/main/de/currencies.json'),\n        require('../common/cldr-data/main/zh/numbers.json'),\n        require('../common/cldr-data/main/zh/currencies.json'),\n        require('../common/cldr-data/supplemental/numberingSystems.json'),\n        require('../common/cldr-data/supplemental/currencyData.json')\n    );\n\n    let numeric: NumericTextBox = new NumericTextBox({\n        locale: 'de',\n        value: 10,\n        placeholder: 'Geben Sie den Wert ein'\n    });\n    numeric.appendTo('#numeric');\n\n    let percent: NumericTextBox = new NumericTextBox({\n        format: 'p2',\n        locale: 'de',\n        value: 0.5,\n        min: 0,\n        max: 1,\n        step: 0.01,\n        placeholder: 'Geben Sie den Prozentsatz ein'\n    });\n    percent.appendTo('#percent');\n\n    let currency: NumericTextBox = new NumericTextBox({\n        format: 'c2',\n        locale: 'de',\n        value: 100,\n        currency: 'EUR',\n        placeholder: 'Geben Sie die Währung ein'\n    });\n    currency.appendTo('#currency');\n\n    document.getElementById('cultures').addEventListener('change', changeLocale);\n\n    function changeLocale(): void {\n        let culture: string = (document.getElementById('cultures') as HTMLSelectElement).value;\n        numeric.locale = culture;\n        percent.locale = culture;\n        currency.locale = culture;\n        if (culture === 'zh') {\n            currency.currency = 'CNY';\n            numeric.placeholder = '输入值';\n            currency.placeholder = '输入货币';\n            percent.placeholder = '输入百分比';\n        } else if (culture === 'de') {\n            currency.currency = 'EUR';\n            numeric.placeholder = 'Geben Sie den Wert ein';\n            currency.placeholder = 'Geben Sie die Währung ein';\n            percent.placeholder = 'Geben Sie den Prozentsatz ein';\n        } else {\n            currency.currency = 'USD';\n            numeric.placeholder = 'Enter the value';\n            currency.placeholder = 'Enter the currency';\n            percent.placeholder = 'Enter the percentage';\n        }\n    }\n\n","index.html":"<html><head>\n    <link href=\"http://ej2ci.syncfusion.com/production/demos/styles/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-8 control-section\">\n    <div class=\"content-wrapper\">\n        <input id=\"numeric\" type=\"text\">\n        <input id=\"percent\" type=\"text\">\n        <input id=\"currency\" type=\"text\">\n    </div>\n</div>\n\n<div class=\"col-lg-4 property-section\">\n    <table id=\"property\" title=\"Properties\">\n        <tbody><tr>\n            <td>\n                <div>Culture</div>\n            </td>\n            <td>\n                <div>\n                    <select id=\"cultures\" class=\"form-control\">\n                        <option value=\"de\">de</option>\n                        <option value=\"zh\">zh</option>\n                        <option value=\"en\">en</option>\n                    </select>\n                </div>\n            </td>\n        </tr>\n    </tbody></table>\n</div>\n\n<style>\n    .property-panel-content {\n        padding: 0 10px 10px 0;\n    }\n    .content-wrapper {\n        width: 50%;\n        margin: 0 auto;\n        min-width: 185px;\n    }\n    .e-float-input.e-numeric.e-input-group {\n        margin-top: 40px;\n    }\n</style>\n\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://ej2ci.syncfusion.com/packages/production/\"\n    },\n    map: {\n        main: \"index.ts\",\n        typescript: \"https://unpkg.com/typescript@2.2.2/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-data\": \"syncfusion:ej2-data/dist/ej2-data.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        \"@syncfusion/ej2-circulargauge\": \"syncfusion:ej2-circulargauge/dist/ej2-circulargauge.umd.min.js\",      \n    },\n     meta: { \n       '*.json': { loader: 'plugin-json' }\n    }\n});\n\nSystem.import('index.ts').catch(console.error.bind(console));"}
diff --git a/src/numerictextbox/internationalization.html b/src/numerictextbox/internationalization.html
@@ -1,10 +1,7 @@
 <div class="col-lg-8 control-section">
     <div class="content-wrapper">
-        <div class="control-label">Numeric TextBox</div>
         <input id="numeric" type="text"/>
-        <div class="control-label">Percentage TextBox</div>
         <input id="percent" type="text"/>
-        <div class="control-label">Currency TextBox</div>
         <input id="currency" type="text"/>
     </div>
 </div>
@@ -44,9 +41,7 @@
         margin: 0 auto;
         min-width: 185px;
     }
-    .control-label {
-        padding: 24px 0px 0px 0px;
-        font-size: 12px;
-        opacity: 0.54;
+    .e-float-input.e-numeric.e-input-group {
+        margin-top: 40px;
     }
 </style>
diff --git a/src/numerictextbox/internationalization.ts b/src/numerictextbox/internationalization.ts

Original file line number	Diff line number	Diff line change
`@@ -1 +1 @@`
`1`		-{"index.ts":"import {NumericTextBox} from '@syncfusion/ej2-inputs';\n/*\n Custom format NumericTextBox sample\n /\n\n\n\n let numeric: NumericTextBox = new NumericTextBox({\n placeholder: 'Enter the distance',\n format: '###.### km',\n value: 250,\n min: 0\n });\n numeric.appendTo('#numeric');\n\n let percent: NumericTextBox = new NumericTextBox({\n format: '### \\'%\\'',\n placeholder: 'Enter the tax',\n min: 0,\n value: 25,\n max: 100\n });\n percent.appendTo('#percent');\n\n let currency: NumericTextBox = new NumericTextBox({\n format: '$ ###.##',\n placeholder: 'Enter the amount',\n min: 0,\n value: 1025,\n });\n currency.appendTo('#currency');\n\n","index.html":"<html><head>\n <link href=\"http://ej2ci.syncfusion.com/production/demos/styles/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\">Kilometers</div>\n <input id=\"numeric\" type=\"text\">\n <div class=\"control-label\">Service Tax</div>\n <input id=\"percent\" type=\"text\">\n <div class=\"control-label\">Fare</div>\n <input id=\"currency\" type=\"text\">\n </div>\n</div>\n\n\n<style>\n .content-wrapper {\n width: 35%;\n margin: 0 auto;\n min-width: 185px;\n }\n .control-label {\n padding: 24px 0px 0px 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://ej2ci.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-data\": \"syncfusion:ej2-data/dist/ej2-data.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 \"@syncfusion/ej2-circulargauge\": \"syncfusion:ej2-circulargauge/dist/ej2-circulargauge.umd.min.js\", \n },\n meta: { \n '.json': { loader: 'plugin-json' }\n }\n});\n\nSystem.import('index.ts').catch(console.error.bind(console));"}
	`1`	+{"index.ts":"import {NumericTextBox} from '@syncfusion/ej2-inputs';\n/*\n Custom format NumericTextBox sample\n /\n\n\n\n let numeric: NumericTextBox = new NumericTextBox({\n placeholder: 'Enter the distance',\n format: '###.### km',\n value: 250,\n min: 0\n });\n numeric.appendTo('#numeric');\n\n let percent: NumericTextBox = new NumericTextBox({\n format: '### \\'%\\'',\n placeholder: 'Enter the tax',\n min: 0,\n value: 25,\n max: 100\n });\n percent.appendTo('#percent');\n\n let currency: NumericTextBox = new NumericTextBox({\n format: '$ ###.##',\n placeholder: 'Enter the amount',\n min: 0,\n value: 1025,\n });\n currency.appendTo('#currency');\n\n","index.html":"<html><head>\n <link href=\"http://ej2ci.syncfusion.com/production/demos/styles/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 <input id=\"numeric\" type=\"text\">\n <input id=\"percent\" type=\"text\">\n <input id=\"currency\" type=\"text\">\n </div>\n</div>\n\n\n<style>\n .content-wrapper {\n width: 35%;\n margin: 0 auto;\n min-width: 185px;\n }\n .e-float-input.e-numeric.e-input-group {\n margin-top: 40px;\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://ej2ci.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-data\": \"syncfusion:ej2-data/dist/ej2-data.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 \"@syncfusion/ej2-circulargauge\": \"syncfusion:ej2-circulargauge/dist/ej2-circulargauge.umd.min.js\", \n },\n meta: { \n '.json': { loader: 'plugin-json' }\n }\n});\n\nSystem.import('index.ts').catch(console.error.bind(console));"}