@syncfusion/ej2-inputs - npm Package Compare versions

Comparing version 20.4.40 to 20.4.42

dist/global/index.d.ts

		/*!
		* filename: index.d.ts
		* version : 20.4.40
		* version : 20.4.42
		* Copyright Syncfusion Inc. 2001 - 2020. All rights reserved.
		@@ -5,0 +5,0 @@ * Use of this code is subject to the terms of our license.

package.json

		{
		"_from": "@syncfusion/ej2-inputs@*",
		"_id": "@syncfusion/ej2-inputs@20.4.38",
		"_id": "@syncfusion/ej2-inputs@20.4.40",
		"_inBundle": false,
		"_integrity": "sha512-1BObDYS1OiYXHlM3ofwW3AJcOjefONr4guSezY9GGkIeYTd9u+Hp6wXXIDPJySebgTxM3vBPld6r3d3KsoOnrw==",
		"_integrity": "sha512-QNBevj26CfCNoO5BrbIa44IZ8wckJUfTbc1aIBQeH+IVTVQcrOcqpSaCWsYt1ocotu6Vw+cqNTBLxUS3taoRhA==",
		"_location": "/@syncfusion/ej2-inputs",
		@@ -42,4 +42,4 @@ "_phantomChildren": {},
		],
		"_resolved": "https://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-inputs/-/ej2-inputs-20.4.38.tgz",
		"_shasum": "63b3cd6b432a40223cd32e60ddfd4f4f5c61e430",
		"_resolved": "https://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-inputs/-/ej2-inputs-20.4.40.tgz",
		"_shasum": "833c32633801cc7e55292c80ee511a1ada4cf67b",
		"_spec": "@syncfusion/ej2-inputs@*",
		@@ -52,6 +52,6 @@ "_where": "/jenkins/workspace/ease-automation_release_19.1.0.1/packages/included",
		"dependencies": {
		"@syncfusion/ej2-base": "~20.4.40",
		"@syncfusion/ej2-buttons": "~20.4.40",
		"@syncfusion/ej2-popups": "~20.4.40",
		"@syncfusion/ej2-splitbuttons": "~20.4.40"
		"@syncfusion/ej2-base": "~20.4.42",
		"@syncfusion/ej2-buttons": "~20.4.42",
		"@syncfusion/ej2-popups": "~20.4.42",
		"@syncfusion/ej2-splitbuttons": "~20.4.42"
		},
		@@ -124,5 +124,5 @@ "deprecated": false,
		"typings": "index.d.ts",
		"version": "20.4.40",
		"version": "20.4.42",
		"sideEffects": false,
		"homepage": "https://www.syncfusion.com/javascript-ui-controls"
		}

README.md

		@@ -154,2 +154,2 @@ # ej2-inputs

		© Copyright 2022 Syncfusion, Inc. All Rights Reserved. The Syncfusion Essential Studio license and copyright applies to this distribution.
		© Copyright 2023 Syncfusion, Inc. All Rights Reserved. The Syncfusion Essential Studio license and copyright applies to this distribution.

112

src/rating/rating-model.d.ts

		@@ -1,2 +0,2 @@
		import { addClass, Event, attributes, BaseEventArgs, compile, Component, EmitType, EventHandler, getUniqueID, INotifyPropertyChanged, select } from '@syncfusion/ej2-base';import { isNullOrUndefined, KeyboardEventArgs, KeyboardEvents, MouseEventArgs, NotifyPropertyChanges, Property, remove, removeClass } from '@syncfusion/ej2-base';import { Tooltip } from '@syncfusion/ej2-popups';
		import { addClass, Event, attributes, BaseEventArgs, compile, Component, EmitType, EventHandler, getUniqueID, INotifyPropertyChanged, select, Browser } from '@syncfusion/ej2-base';import { isNullOrUndefined, KeyboardEventArgs, KeyboardEvents, MouseEventArgs, NotifyPropertyChanges, Property, remove, removeClass } from '@syncfusion/ej2-base';import { Tooltip } from '@syncfusion/ej2-popups';
		import {LabelPosition,PrecisionType,RatingItemEventArgs,RatingHoverEventArgs,RatingChangedEventArgs} from "./rating";
		@@ -11,4 +11,4 @@ import {ComponentModel} from '@syncfusion/ej2-base';
		/**
		* Defines whether to show or hide the reset button.
		* If min is not zero, then reset button won’t be displayed regardless of allowReset value.
		* Defines whether to show or hide the reset button in a rating component.
		* When set to "true", the reset button will be visible to the user, and they will be able to click it to reset the rating value to its default value.
		*
		@@ -20,4 +20,5 @@ * @default false
		/**
		* Defines the CSS class to customize the rating appearance.
		*
		* Defines one or more CSS classes that can be used to customize the appearance of a rating component.
		* One or more CSS classes to customize the appearance of the rating component, such as by changing its colors, fonts, sizes, or other visual aspects.
		*
		* @default ''
		@@ -28,4 +29,6 @@ */
		/**
		* Defines whether the rating is enabled or disabled.
		*
		* Defines whether a rating component is enabled or disabled.
		* A disabled rating component may have a different visual appearance than an enabled one.
		* When set to "true", the rating component will be disabled, and the user will not be able to interact with it.
		*
		* @default false
		@@ -36,20 +39,21 @@ */
		/**
		* Defines whether to add animation when an item is hovered.
		* Defines the template that defines the appearance of each un-rated item in a rating component.
		*
		* @default true
		* @default ''
		*/
		enableAnimation?: boolean;
		emptyTemplate?: string;

		/**
		* Defines the template content for each item when it is not selected.
		* The template context will contain the current item value for customization.
		*
		* @default ''
		* Defines whether to add animation (to provide visual feedback to the user) when an item in a rating component is hovered.
		* When set to "true", an animation will be added when the user hovers their cursor over an item in the rating component.
		*
		* @default true
		*/
		emptyTemplate?: string;
		enableAnimation?: boolean;

		/**
		* Defines whether to enable single selection like radio button or not.
		* If not enabled all the items before the selected item will also be in the selected state.
		*
		* Defines whether to select all the items before the selected item should be in selected state in a rating component.
		* When set to "true", only the selected item will be in the selected state, and all other items will be un-selected.
		* When set to "false", all items before the selected one will be in the selected state.
		*
		* @default false
		@@ -60,4 +64,3 @@ */
		/**
		* Defines the template content for each item when it is selected.
		* The template context will contain the current item value for customization.
		* Defines the template that defines the appearance of each rated item in a rating component.
		*
		@@ -69,3 +72,4 @@ * @default ''
		/**
		* Defines the number of rating items.
		* Defines the specific number of items (symbols) in rating component.
		* The rating component typically consists of a number of items, such as stars or other symbols, that represent the rating value.
		*
		@@ -78,7 +82,9 @@ * @default 5
		/**
		* Defines the position of the label in the rating.
		* *Top
		* *Bottom
		* *Left
		* *Right
		* Defines the position of the label in rating component.
		*
		* The possible values are:
		* * Top
		* * Bottom
		* * Left
		* * Right
		*
		@@ -92,4 +98,3 @@ * @isenumeration true
		/**
		* Defines the template content for the label.
		* The template context will contain the current value and maximum value for customization.
		* Defines the template that used as label over default label of the rating. The current value of rating passed as context to build the content.
		*
		@@ -101,4 +106,5 @@ * @default ''
		/**
		* Defines the minimum value of the rating.
		*
		* Defines the value that specifies minimum rating that a user can select.
		* The value is set to 0, which means that the minimum possible rating is 0.
		*
		* @default 0.0
		@@ -110,7 +116,10 @@ * @aspType double
		/**
		* Defines the minimum increase in the value.
		* *Full
		* *Half
		* *Quarter
		* *Exact
		* Defines the precision type of the rating which used to component the granularity of the rating,
		* allowing users to provide ratings with varying levels of precision.
		*
		* The possible values are:
		* * Full
		* * Half
		* * Quarter
		* * Exact
		*
		@@ -124,3 +133,4 @@ * @isenumeration true
		/**
		* Defines whether the read only mode is enabled or not where interaction is disabled without any UI change.
		* Defines a boolean value that specifies whether the read-only mode is enabled for a rating component,
		* which prevents the user from modifying or interacting with the rating value but allows them to read it.
		*
		@@ -132,4 +142,5 @@ * @default false
		/**
		* Defines whether to show a label which display the current value.
		*
		* Defines a value that specifies whether to display a label that shows the current value of a rating.
		* When set to "true", a label will be displayed that shows the current value of the rating; otherwise false.
		*
		* @default false
		@@ -140,4 +151,5 @@ */
		/**
		* Defines whether to show tooltip for the items.
		*
		* Defines a value that defines whether to show tooltip for the items.
		* When set to "true", show tooltip for the items.
		*
		* @default true
		@@ -148,4 +160,4 @@ */
		/**
		* Defines the template content for the tooltip.
		* The template context will contain the current value for customization.
		* Defines the template that used as tooltip content over default tooltip content of the rating.
		* The current value of rating passed as context to build the content.
		*
		@@ -157,3 +169,6 @@ * @default ''
		/**
		* Defines the rating value.
		* Defines the current rating value which used to display and update the rating selected by the user.
		* Based on "PrecisionType", users can select ratings with varying levels of precision.
		* The "value" is a decimal value that ranges from the minimum value to the items count,
		* as specified by the "min" and "itemsCount" properties of the rating.
		*
		@@ -166,3 +181,4 @@ * @default 0.0
		/**
		* Defines whether the rating is visible or hidden.
		* Defines a value that indicates whether the rating component is visible or hidden.
		* When set to "true", if the rating component is visible.
		*
		@@ -174,3 +190,3 @@ * @default true
		/**
		* Event triggers before rendering each item.
		* Event callback that is raised before rendering each item.
		*
		@@ -182,3 +198,3 @@ * @event beforeItemRender
		/**
		* Event triggers after the creation of Rating.
		* Event callback that is raised after rendering the rating.
		*
		@@ -190,3 +206,3 @@ * @event created
		/**
		* Event triggers whenever a new item is hovered.
		* Event callback that is raised when a user hovers over an item.
		*
		@@ -198,3 +214,3 @@ * @event onItemHover
		/**
		* Event triggers whenever the value changes.
		* Event callback that is raised when the value is changed.
		*
		@@ -201,0 +217,0 @@ * @event valueChanged

143

src/rating/rating.d.ts

		import { BaseEventArgs, Component, EmitType, INotifyPropertyChanged } from '@syncfusion/ej2-base';
		import { RatingModel } from './rating-model';
		/**
		* Defines the position of the label in the rating.
		* Defines where to position the label in rating
		*/
		export declare enum LabelPosition {
		/**
		* Shows the label above the rating.
		* The label is positioned at the top center of the rating component.
		*/
		Top = "Top",
		/**
		* Shows the label below the rating.
		* The label is positioned at the bottom center of the rating component.
		*/
		Bottom = "Bottom",
		/**
		* Shows the label to the left of rating.
		* The label is positioned at the left side of the rating component.
		*/
		Left = "Left",
		/**
		* Shows the label to the right of rating.
		* The label is positioned at the right side of the rating component.
		*/
		@@ -25,19 +25,20 @@ Right = "Right"
		/**
		* Defines the minimum increase in the value in Rating Control.
		* Defines the precision type of the rating.
		* It is used to component the granularity of the rating, allowing users to provide ratings with varying levels of precision.
		*/
		export declare enum PrecisionType {
		/**
		* Process the value as whole numbers.
		* The rating is increased in whole number increments.
		*/
		Full = "Full",
		/**
		* Process the value in terms of 0.5 (half).
		* The rating is increased in increments of 0.5 (half).
		*/
		Half = "Half",
		/**
		* Process the value in terms of 0.25 (quarter).
		* The rating is increased in increments of 0.25 (quarter).
		*/
		Quarter = "Quarter",
		/**
		* Process the value in terms of 0.1.
		* The rating is increased in increments of 0.1.
		*/
		@@ -47,3 +48,3 @@ Exact = "Exact"
		/**
		* Event triggers whenever the value changes.
		* Provides information about valueChanged event callback
		*/
		@@ -69,7 +70,7 @@ export interface RatingChangedEventArgs extends BaseEventArgs {
		/**
		* Event triggers whenever a new item is hovered.
		* Provides information about onItemHover event callback.
		*/
		export interface RatingHoverEventArgs extends BaseEventArgs {
		/**
		* Provides the hovered item element.
		* Provides the rating item element reference.
		*/
		@@ -82,3 +83,3 @@ element: HTMLElement;
		/**
		* Provides the current value of the hovered item.
		* Provides the hover value at hovered point of rating.
		*/
		@@ -88,7 +89,7 @@ value: number;
		/**
		* Event triggers before rendering each item.
		* Provides information about beforeItemRender event callback.
		*/
		export interface RatingItemEventArgs extends BaseEventArgs {
		/**
		* Html element of the current item to be rendered.
		* Provides the rating item element reference.
		*/
		@@ -101,6 +102,20 @@ element: HTMLElement;
		}
		/**
		* The Rating component allows the user to rate something by clicking on a set of symbols on a numeric scale.
		* This allows users to provide feedback or ratings for products, services, or content.
		*
		* ```html
		* <input id="rating">
		* ```
		* ```typescript
		* <script>
		* let ratingObj: Rating = new Rating();
		* ratingObj.appendTo('#rating');
		* </script>
		* ```
		*/
		export declare class Rating extends Component<HTMLElement> implements INotifyPropertyChanged {
		/**
		* Defines whether to show or hide the reset button.
		* If min is not zero, then reset button won’t be displayed regardless of allowReset value.
		* Defines whether to show or hide the reset button in a rating component.
		* When set to "true", the reset button will be visible to the user, and they will be able to click it to reset the rating value to its default value.
		*
		@@ -111,3 +126,4 @@ * @default false
		/**
		* Defines the CSS class to customize the rating appearance.
		* Defines one or more CSS classes that can be used to customize the appearance of a rating component.
		* One or more CSS classes to customize the appearance of the rating component, such as by changing its colors, fonts, sizes, or other visual aspects.
		*
		@@ -118,3 +134,5 @@ * @default ''
		/**
		* Defines whether the rating is enabled or disabled.
		* Defines whether a rating component is enabled or disabled.
		* A disabled rating component may have a different visual appearance than an enabled one.
		* When set to "true", the rating component will be disabled, and the user will not be able to interact with it.
		*
		@@ -125,17 +143,18 @@ * @default false
		/**
		* Defines whether to add animation when an item is hovered.
		* Defines the template that defines the appearance of each un-rated item in a rating component.
		*
		* @default true
		* @default ''
		*/
		enableAnimation: boolean;
		emptyTemplate: string;
		/**
		* Defines the template content for each item when it is not selected.
		* The template context will contain the current item value for customization.
		* Defines whether to add animation (to provide visual feedback to the user) when an item in a rating component is hovered.
		* When set to "true", an animation will be added when the user hovers their cursor over an item in the rating component.
		*
		* @default ''
		* @default true
		*/
		emptyTemplate: string;
		enableAnimation: boolean;
		/**
		* Defines whether to enable single selection like radio button or not.
		* If not enabled all the items before the selected item will also be in the selected state.
		* Defines whether to select all the items before the selected item should be in selected state in a rating component.
		* When set to "true", only the selected item will be in the selected state, and all other items will be un-selected.
		* When set to "false", all items before the selected one will be in the selected state.
		*
		@@ -146,4 +165,3 @@ * @default false
		/**
		* Defines the template content for each item when it is selected.
		* The template context will contain the current item value for customization.
		* Defines the template that defines the appearance of each rated item in a rating component.
		*
		@@ -154,3 +172,4 @@ * @default ''
		/**
		* Defines the number of rating items.
		* Defines the specific number of items (symbols) in rating component.
		* The rating component typically consists of a number of items, such as stars or other symbols, that represent the rating value.
		*
		@@ -162,8 +181,10 @@ * @default 5
		/**
		* Defines the position of the label in the rating.
		* *Top
		* *Bottom
		* *Left
		* *Right
		* Defines the position of the label in rating component.
		*
		* The possible values are:
		* * Top
		* * Bottom
		* * Left
		* * Right
		*
		* @isenumeration true
		@@ -175,4 +196,3 @@ * @default LabelPosition.Right
		/**
		* Defines the template content for the label.
		* The template context will contain the current value and maximum value for customization.
		* Defines the template that used as label over default label of the rating. The current value of rating passed as context to build the content.
		*
		@@ -183,3 +203,4 @@ * @default ''
		/**
		* Defines the minimum value of the rating.
		* Defines the value that specifies minimum rating that a user can select.
		* The value is set to 0, which means that the minimum possible rating is 0.
		*
		@@ -191,8 +212,11 @@ * @default 0.0
		/**
		* Defines the minimum increase in the value.
		* *Full
		* *Half
		* *Quarter
		* *Exact
		* Defines the precision type of the rating which used to component the granularity of the rating,
		* allowing users to provide ratings with varying levels of precision.
		*
		* The possible values are:
		* * Full
		* * Half
		* * Quarter
		* * Exact
		*
		* @isenumeration true
		@@ -204,3 +228,4 @@ * @default PrecisionType.Full
		/**
		* Defines whether the read only mode is enabled or not where interaction is disabled without any UI change.
		* Defines a boolean value that specifies whether the read-only mode is enabled for a rating component,
		* which prevents the user from modifying or interacting with the rating value but allows them to read it.
		*
		@@ -211,3 +236,4 @@ * @default false
		/**
		* Defines whether to show a label which display the current value.
		* Defines a value that specifies whether to display a label that shows the current value of a rating.
		* When set to "true", a label will be displayed that shows the current value of the rating; otherwise false.
		*
		@@ -218,3 +244,4 @@ * @default false
		/**
		* Defines whether to show tooltip for the items.
		* Defines a value that defines whether to show tooltip for the items.
		* When set to "true", show tooltip for the items.
		*
		@@ -225,4 +252,4 @@ * @default true
		/**
		* Defines the template content for the tooltip.
		* The template context will contain the current value for customization.
		* Defines the template that used as tooltip content over default tooltip content of the rating.
		* The current value of rating passed as context to build the content.
		*
		@@ -233,3 +260,6 @@ * @default ''
		/**
		* Defines the rating value.
		* Defines the current rating value which used to display and update the rating selected by the user.
		* Based on "PrecisionType", users can select ratings with varying levels of precision.
		* The "value" is a decimal value that ranges from the minimum value to the items count,
		* as specified by the "min" and "itemsCount" properties of the rating.
		*
		@@ -241,3 +271,4 @@ * @default 0.0
		/**
		* Defines whether the rating is visible or hidden.
		* Defines a value that indicates whether the rating component is visible or hidden.
		* When set to "true", if the rating component is visible.
		*
		@@ -248,3 +279,3 @@ * @default true
		/**
		* Event triggers before rendering each item.
		* Event callback that is raised before rendering each item.
		*
		@@ -255,3 +286,3 @@ * @event beforeItemRender
		/**
		* Event triggers after the creation of Rating.
		* Event callback that is raised after rendering the rating.
		*
		@@ -262,3 +293,3 @@ * @event created
		/**
		* Event triggers whenever a new item is hovered.
		* Event callback that is raised when a user hovers over an item.
		*
		@@ -269,3 +300,3 @@ * @event onItemHover
		/**
		* Event triggers whenever the value changes.
		* Event callback that is raised when the value is changed.
		*
		@@ -272,0 +303,0 @@ * @event valueChanged

src/rating/rating.js

		@@ -20,3 +20,3 @@ var __extends = (this && this.__extends) \|\| (function () {
		};
		import { addClass, Event, attributes, compile, Component, EventHandler, getUniqueID, select } from '@syncfusion/ej2-base';
		import { addClass, Event, attributes, compile, Component, EventHandler, getUniqueID, select, Browser } from '@syncfusion/ej2-base';
		import { isNullOrUndefined, KeyboardEvents, NotifyPropertyChanges, Property, remove, removeClass } from '@syncfusion/ej2-base';
		@@ -41,3 +41,3 @@ import { Tooltip } from '@syncfusion/ej2-popups';
		/**
		* Defines the position of the label in the rating.
		* Defines where to position the label in rating
		*/
		@@ -47,15 +47,15 @@ export var LabelPosition;
		/**
		* Shows the label above the rating.
		* The label is positioned at the top center of the rating component.
		*/
		LabelPosition["Top"] = "Top";
		/**
		* Shows the label below the rating.
		* The label is positioned at the bottom center of the rating component.
		*/
		LabelPosition["Bottom"] = "Bottom";
		/**
		* Shows the label to the left of rating.
		* The label is positioned at the left side of the rating component.
		*/
		LabelPosition["Left"] = "Left";
		/**
		* Shows the label to the right of rating.
		* The label is positioned at the right side of the rating component.
		*/
		@@ -65,3 +65,4 @@ LabelPosition["Right"] = "Right";
		/**
		* Defines the minimum increase in the value in Rating Control.
		* Defines the precision type of the rating.
		* It is used to component the granularity of the rating, allowing users to provide ratings with varying levels of precision.
		*/
		@@ -71,18 +72,32 @@ export var PrecisionType;
		/**
		* Process the value as whole numbers.
		* The rating is increased in whole number increments.
		*/
		PrecisionType["Full"] = "Full";
		/**
		* Process the value in terms of 0.5 (half).
		* The rating is increased in increments of 0.5 (half).
		*/
		PrecisionType["Half"] = "Half";
		/**
		* Process the value in terms of 0.25 (quarter).
		* The rating is increased in increments of 0.25 (quarter).
		*/
		PrecisionType["Quarter"] = "Quarter";
		/**
		* Process the value in terms of 0.1.
		* The rating is increased in increments of 0.1.
		*/
		PrecisionType["Exact"] = "Exact";
		})(PrecisionType \|\| (PrecisionType = {}));
		/**
		* The Rating component allows the user to rate something by clicking on a set of symbols on a numeric scale.
		* This allows users to provide feedback or ratings for products, services, or content.
		*
		* ```html
		* <input id="rating">
		* ```
		* ```typescript
		* <script>
		* let ratingObj: Rating = new Rating();
		* ratingObj.appendTo('#rating');
		* </script>
		* ```
		*/
		var Rating = /** @class */ (function (_super) {
		@@ -166,3 +181,3 @@ __extends(Rating, _super);
		EventHandler.add(this.ratingItemList, 'touchmove', function (e) { return _this.touchMoveHandler(e); }, this);
		EventHandler.add(this.ratingItemList, 'touchend', this.touchEndHandler, this);
		EventHandler.add(this.ratingItemList, Browser.touchEndEvent, this.touchEndHandler, this);
		};
		@@ -255,3 +270,3 @@ Rating.prototype.touchMoveHandler = function (e) {
		});
		this.tooltipObj.appendTo('#' + this.ratingItemList.id);
		this.tooltipObj.appendTo(this.ratingItemList);
		}
		@@ -729,8 +744,8 @@ else {
		__decorate([
		Property('')
		], Rating.prototype, "emptyTemplate", void 0);
		__decorate([
		Property(true)
		], Rating.prototype, "enableAnimation", void 0);
		__decorate([
		Property('')
		], Rating.prototype, "emptyTemplate", void 0);
		__decorate([
		Property(false)
		@@ -737,0 +752,0 @@ ], Rating.prototype, "enableSingleSelection", void 0);

dist/ej2-inputs.min.js