@syncfusion/ej2-angular-inputs 20.4.39 → 20.4.40

package/README.md

@@ -142,4 +142,4 @@ Check the license detail [here](https://github.com/syncfusion/ej2-angular-ui-com
 
 Check the changelog [here](https://github.com/syncfusion/ej2-angular-ui-components/blob/master/components/inputs/CHANGELOG.md/?utm_source=npm&utm_campaign=input)
 
-© Copyright 2021 Syncfusion, Inc. All Rights Reserved. The Syncfusion Essential Studio license and copyright applies to this distribution.
+© Copyright 2022 Syncfusion, Inc. All Rights Reserved. The Syncfusion Essential Studio license and copyright applies to this distribution.

package/package.json

@@ -1,8 +1,8 @@
 {
   "_from": "@syncfusion/ej2-angular-inputs@*",
-  "_id": "@syncfusion/ej2-angular-inputs@20.3.47",
+  "_id": "@syncfusion/ej2-angular-inputs@20.4.38",
   "_inBundle": false,
-  "_integrity": "sha512-HCLlyKN0d51GILmyqSUFm8qWxp9U5pE3Iel3zZOTyQ4cpSPJtVZe7jYZU2Dz1piGDRV0FYWGqJ/GI/5D3citxw==",
+  "_integrity": "sha512-XMF3c/xQccY42XcYmdbqgKf9jDBLVz/DxKIAPL4cvjs6ItWMhLOv6bDfE41Ui9vFk6Znzq7vjoowk263hOKuZw==",
   "_location": "/@syncfusion/ej2-angular-inputs",
   "_phantomChildren": {},
   "_requested": {
@@ -19,8 +19,8 @@
   "_requiredBy": [
     "/"
   ],
-  "_resolved": "https://nexus.syncfusion.com/repository/ej2-angular-release/@syncfusion/ej2-angular-inputs/-/ej2-angular-inputs-20.3.47.tgz",
-  "_shasum": "12f8f4684facc6a28cc13632ff8fd05b5b7dc2c6",
+  "_resolved": "https://nexus.syncfusion.com/repository/ej2-angular-hotfix/@syncfusion/ej2-angular-inputs/-/ej2-angular-inputs-20.4.38.tgz",
+  "_shasum": "ef7f352500d5c836ae8dc4f8c10b4e9dd5b38563",
   "_spec": "@syncfusion/ej2-angular-inputs@*",
   "_where": "/jenkins/workspace/ease-automation_release_19.1.0.1/ivypackages/included",
   "author": {
@@ -31,9 +31,9 @@
   },
   "bundleDependencies": false,
   "dependencies": {
-    "@syncfusion/ej2-angular-base": "~20.4.38",
-    "@syncfusion/ej2-base": "~20.4.38",
-    "@syncfusion/ej2-inputs": "20.4.38",
+    "@syncfusion/ej2-angular-base": "~20.4.40",
+    "@syncfusion/ej2-base": "~20.4.40",
+    "@syncfusion/ej2-inputs": "20.4.40",
     "tslib": "^2.3.0"
   },
   "deprecated": false,
@@ -108,6 +108,9 @@
     "input-file",
     "floating-label",
     "chunk-upload",
+    "rating",
+    "ej2-rating",
+    "ej2 rating",
     "angular",
     "ng",
     "ej2-ng-inputs",
@@ -132,7 +135,9 @@
     "angular-upload",
     "angular-upload-box",
     "angular-input-file",
-    "angular-chunk-upload"
+    "angular-chunk-upload",
+    "ng-rating",
+    "angular rating"
   ],
   "license": "SEE LICENSE IN license",
   "module": "fesm2015/syncfusion-ej2-angular-inputs.mjs",
@@ -144,5 +149,5 @@
   "schematics": "./schematics/collection.json",
   "sideEffects": false,
   "typings": "syncfusion-ej2-angular-inputs.d.ts",
-  "version": "20.4.39"
+  "version": "20.4.40"
 }

package/schematics/collection.json

@@ -0,0 +1,105 @@
+{
+  "$schema": "./node_modules/@angular-devkit/schematics/collection-schema.json",
+  "schematics": {
+    "ng-add": {
+      "description": "Adds Essential JS 2 specific Angular package to an application",
+      "factory": "./ng-add",
+      "schema": "./ng-add/schema.json"
+    },
+    "colorpicker-default": {
+      "description": "Create an Angular component with EJ2 undefined with default",
+      "factory": "./generators/colorpicker-default",
+      "schema": "./generators/colorpicker-default/schema.json"
+    },
+    "maskedtextbox-custommask": {
+      "description": "Create an Angular Input Mask component with custom mask",
+      "factory": "./generators/maskedtextbox-custommask",
+      "schema": "./generators/maskedtextbox-custommask/schema.json"
+    },
+    "maskedtextbox-default": {
+      "description": "Create an Angular component with Input Mask",
+      "factory": "./generators/maskedtextbox-default",
+      "schema": "./generators/maskedtextbox-default/schema.json"
+    },
+    "maskedtextbox-formats": {
+      "description": "Create an Angular Input Mask component  with different formats",
+      "factory": "./generators/maskedtextbox-formats",
+      "schema": "./generators/maskedtextbox-formats/schema.json"
+    },
+    "numerictextbox-customformat": {
+      "description": "Create an Angular Numeric Textbox component with custom format",
+      "factory": "./generators/numerictextbox-customformat",
+      "schema": "./generators/numerictextbox-customformat/schema.json"
+    },
+    "numerictextbox-decimals": {
+      "description": "Create an Angular Numeric Textbox component with decimal restrictions",
+      "factory": "./generators/numerictextbox-decimals",
+      "schema": "./generators/numerictextbox-decimals/schema.json"
+    },
+    "numerictextbox-default": {
+      "description": "Create an Angular component with  Numeric Textbox",
+      "factory": "./generators/numerictextbox-default",
+      "schema": "./generators/numerictextbox-default/schema.json"
+    },
+    "numerictextbox-range": {
+      "description": "Create an Angular Numeric Textbox component with range validation",
+      "factory": "./generators/numerictextbox-range",
+      "schema": "./generators/numerictextbox-range/schema.json"
+    },
+    "slider-default": {
+      "description": "Create a simple Angular Slider component",
+      "factory": "./generators/slider-default",
+      "schema": "./generators/slider-default/schema.json"
+    },
+    "slider-limits": {
+      "description": "Create an Angular Slider component with limits feature",
+      "factory": "./generators/slider-limits",
+      "schema": "./generators/slider-limits/schema.json"
+    },
+    "slider-minrange": {
+      "description": "Create a MinRange Slider Angular component",
+      "factory": "./generators/slider-minrange",
+      "schema": "./generators/slider-minrange/schema.json"
+    },
+    "slider-range": {
+      "description": "Create a Range Slider Angular component",
+      "factory": "./generators/slider-range",
+      "schema": "./generators/slider-range/schema.json"
+    },
+    "slider-ticks": {
+      "description": "Configure Ticks with Angular Slider component",
+      "factory": "./generators/slider-ticks",
+      "schema": "./generators/slider-ticks/schema.json"
+    },
+    "slider-vertical": {
+      "description": "Orientation configuration with Angular Slider component",
+      "factory": "./generators/slider-vertical",
+      "schema": "./generators/slider-vertical/schema.json"
+    },
+    "textbox-floatinglabel": {
+      "description": "Create an Angular TextBox component with floating label.",
+      "factory": "./generators/textbox-floatinglabel",
+      "schema": "./generators/textbox-floatinglabel/schema.json"
+    },
+    "uploader-autoupload": {
+      "description": "Create an Angular Uploader component with default functionalities.",
+      "factory": "./generators/uploader-autoupload",
+      "schema": "./generators/uploader-autoupload/schema.json"
+    },
+    "uploader-chunkupload": {
+      "description": "Create an Angular Uploader component with chunk upload functionalities.",
+      "factory": "./generators/uploader-chunkupload",
+      "schema": "./generators/uploader-chunkupload/schema.json"
+    },
+    "uploader-directoryupload": {
+      "description": "Create an Angular Uploader component with directory upload functionalities.",
+      "factory": "./generators/uploader-directoryupload",
+      "schema": "./generators/uploader-directoryupload/schema.json"
+    },
+    "uploader-validation": {
+      "description": "Create an Angular Uploader component with file type validation.",
+      "factory": "./generators/uploader-validation",
+      "schema": "./generators/uploader-validation/schema.json"
+    }
+  }
+}

package/schematics/generators/colorpicker-default/index.d.ts

@@ -0,0 +1,3 @@
+import { Rule } from '@angular-devkit/schematics';
+import { Schema } from './schema';
+export default function (options: Schema): Rule;

package/schematics/generators/colorpicker-default/index.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const schematics_1 = require("@syncfusion/ej2-angular-base/schematics");
+const sampleDetails = require("./sample-details");
+function default_1(options) {
+    return schematics_1.componentBuilder(options, sampleDetails);
+}
+exports.default = default_1;

package/schematics/generators/colorpicker-default/sample-details.d.ts

@@ -0,0 +1,5 @@
+export declare const componentName: string;
+export declare const sampleName: string;
+export declare const diModules: string;
+export declare const packageName: string;
+export declare const libModules: string;

package/schematics/generators/colorpicker-default/sample-details.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.componentName = 'colorpicker';
+exports.sampleName = 'default';
+exports.diModules = null;
+exports.packageName = '@syncfusion/ej2-angular-inputs';
+exports.libModules = 'ColorPickerModule';

package/schematics/generators/colorpicker-default/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.css

@@ -0,0 +1,5 @@
+#default-control {
+  margin: 30px auto;
+  padding-top: 50px;
+  text-align: center;
+}

package/schematics/generators/colorpicker-default/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.html

@@ -0,0 +1,4 @@
+<div id="default-control">
+    <h4>Choose a color</h4>
+    <input ejs-colorpicker id='color-picker' type='color' />
+</div>

package/schematics/generators/colorpicker-default/schema.d.ts

@@ -0,0 +1,3 @@
+import { Schema as ComponentSchema } from '@schematics/angular/component/schema';
+export interface Schema extends ComponentSchema {
+}

package/schematics/generators/colorpicker-default/schema.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/schematics/generators/colorpicker-default/schema.json

@@ -0,0 +1,125 @@
+{
+  "$schema": "http://json-schema.org/schema",
+  "$id": "EJ2SchemaTemplateID",
+  "title": "colorpicker-default",
+  "type": "object",
+  "properties": {
+    "path": {
+      "type": "string",
+      "format": "path",
+      "description": "The path to create the component.",
+      "visible": false
+    },
+    "project": {
+      "type": "string",
+      "description": "The name of the project.",
+      "$default": {
+        "$source": "projectName"
+      }
+    },
+    "name": {
+      "type": "string",
+      "description": "The name of the component.",
+      "$default": {
+        "$source": "argv",
+        "index": 0
+      }
+    },
+    "inlineStyle": {
+      "description": "Specifies if the style will be in the ts file.",
+      "type": "boolean",
+      "default": false,
+      "alias": "s"
+    },
+    "inlineTemplate": {
+      "description": "Specifies if the template will be in the ts file.",
+      "type": "boolean",
+      "default": false,
+      "alias": "t"
+    },
+    "viewEncapsulation": {
+      "description": "Specifies the view encapsulation strategy.",
+      "enum": [
+        "Emulated",
+        "Native",
+        "None",
+        "ShadowDom"
+      ],
+      "type": "string",
+      "alias": "v"
+    },
+    "changeDetection": {
+      "description": "Specifies the change detection strategy.",
+      "enum": [
+        "Default",
+        "OnPush"
+      ],
+      "type": "string",
+      "default": "Default",
+      "alias": "c"
+    },
+    "prefix": {
+      "type": "string",
+      "description": "The prefix to apply to generated selectors.",
+      "alias": "p",
+      "oneOf": [
+        {
+          "maxLength": 0
+        },
+        {
+          "minLength": 1,
+          "format": "html-selector"
+        }
+      ]
+    },
+    "styleext": {
+      "description": "The file extension to be used for style files.",
+      "type": "string",
+      "default": "css"
+    },
+    "spec": {
+      "type": "boolean",
+      "description": "Specifies if a spec file is generated.",
+      "default": true
+    },
+    "flat": {
+      "type": "boolean",
+      "description": "Flag to indicate if a dir is created.",
+      "default": false
+    },
+    "skipImport": {
+      "type": "boolean",
+      "description": "Flag to skip the module import.",
+      "default": false
+    },
+    "selector": {
+      "type": "string",
+      "format": "html-selector",
+      "description": "The selector to use for the component."
+    },
+    "module": {
+      "type": "string",
+      "description": "Allows specification of the declaring module.",
+      "alias": "m"
+    },
+    "export": {
+      "type": "boolean",
+      "default": false,
+      "description": "Specifies if declaring module exports the component."
+    },
+    "entryComponent": {
+      "type": "boolean",
+      "default": false,
+      "description": "Specifies if the component is an entry component of declaring module."
+    },
+    "lintFix": {
+      "type": "boolean",
+      "default": false,
+      "description": "Specifies whether to apply lint fixes after generating the component."
+    }
+  },
+  "required": [
+    "name"
+  ],
+  "id": "colorpicker-default"
+}

package/schematics/generators/maskedtextbox-custommask/index.d.ts

@@ -0,0 +1,3 @@
+import { Rule } from '@angular-devkit/schematics';
+import { Schema } from './schema';
+export default function (options: Schema): Rule;

package/schematics/generators/maskedtextbox-custommask/index.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const schematics_1 = require("@syncfusion/ej2-angular-base/schematics");
+const sampleDetails = require("./sample-details");
+function default_1(options) {
+    return schematics_1.componentBuilder(options, sampleDetails);
+}
+exports.default = default_1;

package/schematics/generators/maskedtextbox-custommask/sample-details.d.ts

@@ -0,0 +1,5 @@
+export declare const componentName: string;
+export declare const sampleName: string;
+export declare const diModules: string;
+export declare const packageName: string;
+export declare const libModules: string;

package/schematics/generators/maskedtextbox-custommask/sample-details.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.componentName = 'maskedtextbox';
+exports.sampleName = 'custommask';
+exports.diModules = null;
+exports.packageName = '@syncfusion/ej2-angular-inputs';
+exports.libModules = 'MaskedTextBoxModule';

package/schematics/generators/maskedtextbox-custommask/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.css

@@ -0,0 +1,10 @@
+.content-wrapper {
+    width: 30%;
+    margin: 0 auto;
+    min-width: 185px;
+}
+
+.control-label {
+    padding: 24px 0px 10px 0px;
+    font-size: 12px;
+}

package/schematics/generators/maskedtextbox-custommask/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.html

@@ -0,0 +1,14 @@
+<div class="control-section">
+    <div class="content-wrapper">
+        <div>
+            <div class="control-label">Time (ex: 10:00 PM, 10:00 AM)</div>
+            <!-- Render the Masked Textbox -->
+            <ejs-maskedtextbox mask="00:00 >PM" [customCharacters]="customMaskChar" floatLabelType="Never"></ejs-maskedtextbox>
+        </div>
+        <div>
+            <div class="control-label">IP Address (ex: 212.212.111.222)</div>
+            <!-- Render the Masked Textbox and specify the mask in range format -->
+            <ejs-maskedtextbox mask="[0-2][0-9][0-9].[0-2][0-9][0-9].[0-2][0-9][0-9].[0-2][0-9][0-9]" floatLabelType="Never"></ejs-maskedtextbox>
+        </div>
+    </div>
+</div>

package/schematics/generators/maskedtextbox-custommask/schema.d.ts

@@ -0,0 +1,3 @@
+import { Schema as ComponentSchema } from '@schematics/angular/component/schema';
+export interface Schema extends ComponentSchema {
+}

package/schematics/generators/maskedtextbox-custommask/schema.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/schematics/generators/maskedtextbox-custommask/schema.json

@@ -0,0 +1,125 @@
+{
+  "$schema": "http://json-schema.org/schema",
+  "$id": "EJ2SchemaTemplateID",
+  "title": "maskedtextbox-custommask",
+  "type": "object",
+  "properties": {
+    "path": {
+      "type": "string",
+      "format": "path",
+      "description": "The path to create the component.",
+      "visible": false
+    },
+    "project": {
+      "type": "string",
+      "description": "The name of the project.",
+      "$default": {
+        "$source": "projectName"
+      }
+    },
+    "name": {
+      "type": "string",
+      "description": "The name of the component.",
+      "$default": {
+        "$source": "argv",
+        "index": 0
+      }
+    },
+    "inlineStyle": {
+      "description": "Specifies if the style will be in the ts file.",
+      "type": "boolean",
+      "default": false,
+      "alias": "s"
+    },
+    "inlineTemplate": {
+      "description": "Specifies if the template will be in the ts file.",
+      "type": "boolean",
+      "default": false,
+      "alias": "t"
+    },
+    "viewEncapsulation": {
+      "description": "Specifies the view encapsulation strategy.",
+      "enum": [
+        "Emulated",
+        "Native",
+        "None",
+        "ShadowDom"
+      ],
+      "type": "string",
+      "alias": "v"
+    },
+    "changeDetection": {
+      "description": "Specifies the change detection strategy.",
+      "enum": [
+        "Default",
+        "OnPush"
+      ],
+      "type": "string",
+      "default": "Default",
+      "alias": "c"
+    },
+    "prefix": {
+      "type": "string",
+      "description": "The prefix to apply to generated selectors.",
+      "alias": "p",
+      "oneOf": [
+        {
+          "maxLength": 0
+        },
+        {
+          "minLength": 1,
+          "format": "html-selector"
+        }
+      ]
+    },
+    "styleext": {
+      "description": "The file extension to be used for style files.",
+      "type": "string",
+      "default": "css"
+    },
+    "spec": {
+      "type": "boolean",
+      "description": "Specifies if a spec file is generated.",
+      "default": true
+    },
+    "flat": {
+      "type": "boolean",
+      "description": "Flag to indicate if a dir is created.",
+      "default": false
+    },
+    "skipImport": {
+      "type": "boolean",
+      "description": "Flag to skip the module import.",
+      "default": false
+    },
+    "selector": {
+      "type": "string",
+      "format": "html-selector",
+      "description": "The selector to use for the component."
+    },
+    "module": {
+      "type": "string",
+      "description": "Allows specification of the declaring module.",
+      "alias": "m"
+    },
+    "export": {
+      "type": "boolean",
+      "default": false,
+      "description": "Specifies if declaring module exports the component."
+    },
+    "entryComponent": {
+      "type": "boolean",
+      "default": false,
+      "description": "Specifies if the component is an entry component of declaring module."
+    },
+    "lintFix": {
+      "type": "boolean",
+      "default": false,
+      "description": "Specifies whether to apply lint fixes after generating the component."
+    }
+  },
+  "required": [
+    "name"
+  ],
+  "id": "maskedtextbox-custommask"
+}

package/schematics/generators/maskedtextbox-default/index.d.ts

@@ -0,0 +1,3 @@
+import { Rule } from '@angular-devkit/schematics';
+import { Schema } from './schema';
+export default function (options: Schema): Rule;

package/schematics/generators/maskedtextbox-default/index.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const schematics_1 = require("@syncfusion/ej2-angular-base/schematics");
+const sampleDetails = require("./sample-details");
+function default_1(options) {
+    return schematics_1.componentBuilder(options, sampleDetails);
+}
+exports.default = default_1;

package/schematics/generators/maskedtextbox-default/sample-details.d.ts

@@ -0,0 +1,5 @@
+export declare const componentName: string;
+export declare const sampleName: string;
+export declare const diModules: string;
+export declare const packageName: string;
+export declare const libModules: string;

package/schematics/generators/maskedtextbox-default/sample-details.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.componentName = 'maskedtextbox';
+exports.sampleName = 'default';
+exports.diModules = null;
+exports.packageName = '@syncfusion/ej2-angular-inputs';
+exports.libModules = 'MaskedTextBoxModule';

package/schematics/generators/maskedtextbox-default/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.css

@@ -0,0 +1,10 @@
+.content-wrapper {
+    width: 30%;
+    margin: 0 auto;
+    min-width: 185px;
+}
+
+.control-label {
+    padding: 24px 0px 10px 0px;
+    font-size: 12px;
+}

package/schematics/generators/maskedtextbox-default/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.html

@@ -0,0 +1,20 @@
+<div class="control-section">
+    <div class="content-wrapper">
+        <div>
+            <div class="control-label">Mobile Number</div>
+            <ejs-maskedtextbox mask="000-000-0000"></ejs-maskedtextbox>
+        </div>
+        <div>
+            <div class="control-label">Country ISO Code</div>
+            <ejs-maskedtextbox mask=">LL / LLL"></ejs-maskedtextbox>
+        </div>
+        <div>
+            <div class="control-label">D.O.B</div>
+            <ejs-maskedtextbox mask="00/00/0000"></ejs-maskedtextbox>
+        </div>
+        <div>
+            <div class="control-label">Product Key</div>
+            <ejs-maskedtextbox mask=">AAAAA-AAAAA-AAAAA-AAAAA"></ejs-maskedtextbox>
+        </div>
+    </div>
+</div>

package/schematics/generators/maskedtextbox-default/schema.d.ts

@@ -0,0 +1,3 @@
+import { Schema as ComponentSchema } from '@schematics/angular/component/schema';
+export interface Schema extends ComponentSchema {
+}

package/schematics/generators/maskedtextbox-default/schema.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });