@syncfusion/ej2-angular-inputs 26.1.35 → 26.1.38

package/CHANGELOG.md

@@ -2,6 +2,14 @@
 
 ## [Unreleased]
 
+### NumericTextBox
+
+#### Bug Fixes
+
+- `#I586498` - Fixed an issue where the numerictextbox component in different culture was causing incorrect appending of pasted values.
+
+## 26.1.35 (2024-06-11)
+
 ### Signature
 
 #### Bug Fixes

package/package.json

@@ -2,7 +2,7 @@
   "_from": "@syncfusion/ej2-angular-inputs@*",
   "_id": "@syncfusion/ej2-angular-inputs@26.1.35",
   "_inBundle": false,
-  "_integrity": "sha512-cF9eJ1TpJlmGAJ1phmKDm3J1azj5wpNob31vrpaHn0K0I2McbGtPDqrG2qbyHVssxXMhYM6nuHv5zXTsQ7W6Cg==",
+  "_integrity": "sha512-fN8YJGIx6Uztx+Zv65tbcuXojV6Dq+BqpJIbw2VfIM9com2xJHQipuj2IhkDcr8npZiUcPWTGZuWcYwu5ZDX6w==",
   "_location": "/@syncfusion/ej2-angular-inputs",
   "_phantomChildren": {},
   "_requested": {
@@ -19,8 +19,8 @@
   "_requiredBy": [
     "/"
   ],
-  "_resolved": "https://nexus.syncfusioninternal.com/repository/ej2-angular-release/@syncfusion/ej2-angular-inputs/-/ej2-angular-inputs-26.1.35.tgz",
-  "_shasum": "608667cd99ffa3546a9e7395bfdee37861753683",
+  "_resolved": "https://nexus.syncfusioninternal.com/repository/ej2-angular-hotfix/@syncfusion/ej2-angular-inputs/-/ej2-angular-inputs-26.1.35.tgz",
+  "_shasum": "8581c2500fd0b48c853ac04e6b52b64a86b490dd",
   "_spec": "@syncfusion/ej2-angular-inputs@*",
   "_where": "/jenkins/workspace/elease-automation_release_26.1.1/ivypackages/included",
   "author": {
@@ -32,8 +32,8 @@
   "bundleDependencies": false,
   "dependencies": {
     "@syncfusion/ej2-angular-base": "~26.1.35",
-    "@syncfusion/ej2-base": "~26.1.35",
-    "@syncfusion/ej2-inputs": "26.1.35",
+    "@syncfusion/ej2-base": "~26.1.37",
+    "@syncfusion/ej2-inputs": "26.1.38",
     "tslib": "^2.3.0"
   },
   "deprecated": false,
@@ -95,5 +95,5 @@
   "schematics": "./schematics/collection.json",
   "sideEffects": false,
   "typings": "syncfusion-ej2-angular-inputs.d.ts",
-  "version": "26.1.35"
+  "version": "26.1.38"
 }

package/schematics/collection.json

@@ -5,101 +5,6 @@
       "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/utils/lib-details.ts

@@ -1,4 +1,4 @@
 export const pkgName = '@syncfusion/ej2-angular-inputs';
 export const pkgVer = '^26.1.35';
-export const moduleName = 'TextBoxModule, TextAreaModule, NumericTextBoxModule, MaskedTextBoxModule, SliderModule, UploaderModule, ColorPickerModule, SignatureModule, RatingModule';
+export const moduleName = 'TextBoxModule, TextAreaModule, NumericTextBoxModule, MaskedTextBoxModule, SliderModule, UploaderModule, ColorPickerModule, SignatureModule, RatingModule, OtpInputModule';
 export const themeVer = '~26.1.35';

package/styles/fluent-dark.css

@@ -3922,11 +3922,9 @@ textarea.e-input::selection,
 
 .e-input-group.e-input-focus:not(.e-success):not(.e-warning):not(.e-error),
 .e-input-group.e-control-wrapper.e-input-focus:not(.e-success):not(.e-warning):not(.e-error) {
-  border-color: #0078d4;
   border-color: #0078d4;
   border-radius: 2px;
-  -webkit-box-shadow: 0 0 0 1px #0078d4;
-          box-shadow: 0 0 0 1px #0078d4;
+  border-width: 2px;
 }
 
 .e-input-group.e-input-focus:not(.e-error):not(.e-warning).e-success,
@@ -3953,13 +3951,6 @@ textarea.e-input::selection,
           box-shadow: none;
 }
 
-.e-input-group:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error),
-.e-input-group.e-control-wrapper:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error) {
-  border-color: #0078d4;
-  -webkit-box-shadow: 0 0 0 1px #0078d4;
-          box-shadow: 0 0 0 1px #0078d4;
-}
-
 .e-input-group.e-disabled:not(.e-success):not(.e-warning):not(.e-error),
 .e-input-group.e-control-wrapper.e-disabled:not(.e-success):not(.e-warning):not(.e-error) {
   border-color: #252423;

package/styles/fluent.css

@@ -3922,11 +3922,9 @@ textarea.e-input::selection,
 
 .e-input-group.e-input-focus:not(.e-success):not(.e-warning):not(.e-error),
 .e-input-group.e-control-wrapper.e-input-focus:not(.e-success):not(.e-warning):not(.e-error) {
-  border-color: #0078d4;
   border-color: #0078d4;
   border-radius: 2px;
-  -webkit-box-shadow: 0 0 0 1px #0078d4;
-          box-shadow: 0 0 0 1px #0078d4;
+  border-width: 2px;
 }
 
 .e-input-group.e-input-focus:not(.e-error):not(.e-warning).e-success,
@@ -3953,13 +3951,6 @@ textarea.e-input::selection,
           box-shadow: none;
 }
 
-.e-input-group:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error),
-.e-input-group.e-control-wrapper:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error) {
-  border-color: #0078d4;
-  -webkit-box-shadow: 0 0 0 1px #0078d4;
-          box-shadow: 0 0 0 1px #0078d4;
-}
-
 .e-input-group.e-disabled:not(.e-success):not(.e-warning):not(.e-error),
 .e-input-group.e-control-wrapper.e-disabled:not(.e-success):not(.e-warning):not(.e-error) {
   border-color: #f3f2f1;

package/styles/input/fluent-dark.css

@@ -3912,11 +3912,9 @@ textarea.e-input::selection,
 
 .e-input-group.e-input-focus:not(.e-success):not(.e-warning):not(.e-error),
 .e-input-group.e-control-wrapper.e-input-focus:not(.e-success):not(.e-warning):not(.e-error) {
-  border-color: #0078d4;
   border-color: #0078d4;
   border-radius: 2px;
-  -webkit-box-shadow: 0 0 0 1px #0078d4;
-          box-shadow: 0 0 0 1px #0078d4;
+  border-width: 2px;
 }
 
 .e-input-group.e-input-focus:not(.e-error):not(.e-warning).e-success,
@@ -3943,13 +3941,6 @@ textarea.e-input::selection,
           box-shadow: none;
 }
 
-.e-input-group:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error),
-.e-input-group.e-control-wrapper:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error) {
-  border-color: #0078d4;
-  -webkit-box-shadow: 0 0 0 1px #0078d4;
-          box-shadow: 0 0 0 1px #0078d4;
-}
-
 .e-input-group.e-disabled:not(.e-success):not(.e-warning):not(.e-error),
 .e-input-group.e-control-wrapper.e-disabled:not(.e-success):not(.e-warning):not(.e-error) {
   border-color: #252423;

package/styles/input/fluent.css

@@ -3912,11 +3912,9 @@ textarea.e-input::selection,
 
 .e-input-group.e-input-focus:not(.e-success):not(.e-warning):not(.e-error),
 .e-input-group.e-control-wrapper.e-input-focus:not(.e-success):not(.e-warning):not(.e-error) {
-  border-color: #0078d4;
   border-color: #0078d4;
   border-radius: 2px;
-  -webkit-box-shadow: 0 0 0 1px #0078d4;
-          box-shadow: 0 0 0 1px #0078d4;
+  border-width: 2px;
 }
 
 .e-input-group.e-input-focus:not(.e-error):not(.e-warning).e-success,
@@ -3943,13 +3941,6 @@ textarea.e-input::selection,
           box-shadow: none;
 }
 
-.e-input-group:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error),
-.e-input-group.e-control-wrapper:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error) {
-  border-color: #0078d4;
-  -webkit-box-shadow: 0 0 0 1px #0078d4;
-          box-shadow: 0 0 0 1px #0078d4;
-}
-
 .e-input-group.e-disabled:not(.e-success):not(.e-warning):not(.e-error),
 .e-input-group.e-control-wrapper.e-disabled:not(.e-success):not(.e-warning):not(.e-error) {
   border-color: #f3f2f1;

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

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

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

@@ -1,8 +0,0 @@
-"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/index.ts

@@ -1,8 +0,0 @@
-import { Rule } from '@angular-devkit/schematics';
-import { componentBuilder } from "@syncfusion/ej2-angular-base/schematics";
-import { Schema } from './schema';
-import * as sampleDetails from './sample-details';
-
-export default function (options: Schema): Rule {
-  return componentBuilder(options, sampleDetails);
-}

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

@@ -1,5 +0,0 @@
-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

@@ -1,7 +0,0 @@
-"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/sample-details.ts

@@ -1,5 +0,0 @@
-export const componentName: string = 'colorpicker';
-export const sampleName: string = 'default';
-export const diModules: string =  null;
-export const packageName: string = '@syncfusion/ej2-angular-inputs';
-export const libModules: string = 'ColorPickerModule';

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

@@ -1,5 +0,0 @@
-#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

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

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

@@ -1,14 +0,0 @@
-import { Component } from '@angular/core';
-
-/**
- * Default sample
- */
-
-@Component({
-    selector: '<%=dasherize(selector)%>',
-    templateUrl: '<%=dasherize(name)%>.component.html',
-    styleUrls: ['<%=dasherize(name)%>.component.css']
-})
-export class <%= classify(name) %>Component {
-
-}

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

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

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

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

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

@@ -1,125 +0,0 @@
-{
-  "$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/colorpicker-default/schema.ts

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

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

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

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

@@ -1,8 +0,0 @@
-"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/index.ts

@@ -1,8 +0,0 @@
-import { Rule } from '@angular-devkit/schematics';
-import { componentBuilder } from "@syncfusion/ej2-angular-base/schematics";
-import { Schema } from './schema';
-import * as sampleDetails from './sample-details';
-
-export default function (options: Schema): Rule {
-  return componentBuilder(options, sampleDetails);
-}

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

@@ -1,5 +0,0 @@
-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

@@ -1,7 +0,0 @@
-"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/sample-details.ts

@@ -1,5 +0,0 @@
-export const componentName: string = 'maskedtextbox';
-export const sampleName: string = 'custommask';
-export const diModules: string =  null;
-export const packageName: string = '@syncfusion/ej2-angular-inputs';
-export const libModules: string = 'MaskedTextBoxModule';

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

@@ -1,10 +0,0 @@
-.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

@@ -1,14 +0,0 @@
-<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/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.ts

@@ -1,12 +0,0 @@
-import { Component } from '@angular/core';
-
-@Component({
-    selector: '<%=dasherize(selector)%>',
-    templateUrl: '<%=dasherize(name)%>.component.html',
-    styleUrls: ['<%=dasherize(name)%>.component.css']
-})
-export class <%= classify(name) %>Component {
-    // Custom characters to specify time value
-    public customMaskChar: Object = { P: 'P,A,p,a', M: 'M,m'};
-    constructor() { }
-}

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

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

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

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