@syncfusion/ej2-buttons - npm Package Compare versions

17

.eslintrc.json

		@@ -9,3 +9,4 @@ {
		"plugin:@typescript-eslint/recommended",
		"plugin:jsdoc/recommended"
		"plugin:jsdoc/recommended",
		"plugin:security/recommended"
		],
		@@ -22,2 +23,3 @@ "parser": "@typescript-eslint/parser",
		"@typescript-eslint/tslint",
		"eslint-plugin-security",
		"jsdoc"
		@@ -27,2 +29,15 @@ ],
		"use-isnan": "error",
		"security/detect-unsafe-regex":"error",
		"security/detect-buffer-noassert":"error",
		"security/detect-child-process":"error",
		"security/detect-disable-mustache-escape":"error",
		"security/detect-eval-with-expression":"error",
		"security/detect-no-csrf-before-method-override":"error",
		"security/detect-non-literal-fs-filename":"error",
		"security/detect-non-literal-regexp":"error",
		"security/detect-non-literal-require":"error",
		"security/detect-object-injection":"error",
		"security/detect-possible-timing-attacks":"error",
		"security/detect-pseudoRandomBytes":"error",
		"security/detect-new-buffer":"error",
		"@typescript-eslint/no-inferrable-types": "off",
		@@ -29,0 +44,0 @@ "@typescript-eslint/ban-types": ["warn", {

26

CHANGELOG.md

		@@ -5,26 +5,4 @@ # Changelog

		### Checkbox
		## 20.3.47 (2022-09-29)

		#### Bug Fixes

		- The Issue with the checkbox label size in the Fluent theme has been fixed.

		## 20.3.57 (2022-11-15)

		### Chips

		#### Bug Fixes

		- `#293361` - When setting `enabled` value as `false` in Chip component then the disabled chip item get focused issue has been resolved.

		## 20.3.50 (2022-10-18)

		### Checkbox

		#### Bug Fixes

		- `#I382543` - The issue with "Checkbox value not update properly while using edit template of grid" has been resolved.

		## 20.3.49 (2022-10-11)

		### Floating Action Button `Preview`
		@@ -62,3 +40,3 @@

		- `#384387` - The issue with "Switch component click event trigger two times when we handling enable/disable dynamically" has been resolved.
		- `#I382543` - The issue with "Checkbox value not update properly while using edit template of grid" has been resolved.

		@@ -65,0 +43,0 @@ ### Checkbox

2

dist/global/index.d.ts

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

12

package.json

		{
		"_from": "@syncfusion/ej2-buttons@*",
		"_id": "@syncfusion/ej2-buttons@20.3.57",
		"_id": "@syncfusion/ej2-buttons@18.46.0",
		"_inBundle": false,
		"_integrity": "sha512-b1HiF9ycOs33cEu1+IK0YSnN66801NMIMR6O+6v9ZxoqeYe9iyAYVXUkP+Bf+W0sVxaUy1xvJY3aYTSWM8nKlQ==",
		"_integrity": "sha512-qAZ+Iy+TLQ6X27WvkcFakFbHnngaAto9hZXX9YJ3CPNry23vwPOwwDeJDBjRFVzenELDaC/iio8+6HfByRhYNA==",
		"_location": "/@syncfusion/ej2-buttons",
		@@ -46,4 +46,4 @@ "_phantomChildren": {},
		],
		"_resolved": "https://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-buttons/-/ej2-buttons-20.3.57.tgz",
		"_shasum": "9543639a4ab82e49dc0726993b87e8d2912817c1",
		"_resolved": "https://nexus.syncfusion.com/repository/ej2-release/@syncfusion/ej2-buttons/-/ej2-buttons-18.46.0.tgz",
		"_shasum": "9e341d51136a86f1be2c00c8d1b327610a9c6e14",
		"_spec": "@syncfusion/ej2-buttons@*",
		@@ -59,3 +59,3 @@ "_where": "/jenkins/workspace/ease-automation_release_19.1.0.1/packages/included",
		"dependencies": {
		"@syncfusion/ej2-base": "~20.3.56"
		"@syncfusion/ej2-base": "~20.4.38"
		},
		@@ -106,4 +106,4 @@ "deprecated": false,
		"typings": "index.d.ts",
		"version": "20.3.58",
		"version": "20.4.38",
		"sideEffects": false
		}

6

src/button/button-model.d.ts

		@@ -16,5 +16,7 @@ import { Property, NotifyPropertyChanges, INotifyPropertyChanged, Component, isBlazor, isRippleEnabled } from '@syncfusion/ej2-base';import { addClass, Event, EmitType, detach, removeClass } from '@syncfusion/ej2-base';import { rippleEffect, EventHandler, Observer, SanitizeHtmlHelper } from '@syncfusion/ej2-base';import { getTextNode } from '../common/common';
		*
		* @default "left"
		* @isenumeration true
		* @default IconPosition.Left
		* @asptype IconPosition
		*/
		iconPosition?: IconPosition;
		iconPosition?: string \| IconPosition;

		@@ -21,0 +23,0 @@ /**

25

src/button/button.d.ts

		@@ -8,3 +8,20 @@ import { INotifyPropertyChanged, Component } from '@syncfusion/ej2-base';
		*/
		export declare type IconPosition = 'Left' \| 'Right' \| 'Top' \| 'Bottom';
		export declare enum IconPosition {
		/**
		* Positions the Icon at the left of the text content in the Button.
		*/
		Left = "Left",
		/**
		* Positions the Icon at the right of the text content in the Button.
		*/
		Right = "Right",
		/**
		* Positions the Icon at the top of the text content in the Button.
		*/
		Top = "Top",
		/**
		* Positions the Icon at the bottom of the text content in the Button.
		*/
		Bottom = "Bottom"
		}
		export declare const buttonObserver: Observer;
		@@ -31,5 +48,7 @@ /**
		*
		* @default "left"
		* @isenumeration true
		* @default IconPosition.Left
		* @asptype IconPosition
		*/
		iconPosition: IconPosition;
		iconPosition: string \| IconPosition;
		/**
		@@ -36,0 +55,0 @@ * Defines class/multiple classes separated by a space for the Button that is used to include an icon.

22

src/button/button.js

		@@ -24,2 +24,24 @@ var __extends = (this && this.__extends) \|\| (function () {
		import { getTextNode } from '../common/common';
		/**
		* Defines the icon position of button.
		*/
		export var IconPosition;
		(function (IconPosition) {
		/**
		* Positions the Icon at the left of the text content in the Button.
		*/
		IconPosition["Left"] = "Left";
		/**
		* Positions the Icon at the right of the text content in the Button.
		*/
		IconPosition["Right"] = "Right";
		/**
		* Positions the Icon at the top of the text content in the Button.
		*/
		IconPosition["Top"] = "Top";
		/**
		* Positions the Icon at the bottom of the text content in the Button.
		*/
		IconPosition["Bottom"] = "Bottom";
		})(IconPosition \|\| (IconPosition = {}));
		export var buttonObserver = new Observer();
		@@ -26,0 +48,0 @@ var cssClassName = {

8

src/check-box/check-box.js

		@@ -523,13 +523,13 @@ var __extends = (this && this.__extends) \|\| (function () {
		if (key === 'class') {
		addClass([wrapper], this.htmlAttributes[key].split(' '));
		addClass([wrapper], this.htmlAttributes["" + key].split(' '));
		}
		else if (key === 'title') {
		wrapper.setAttribute(key, this.htmlAttributes[key]);
		wrapper.setAttribute(key, this.htmlAttributes["" + key]);
		}
		else if (key === 'style') {
		var frameSpan = this.getWrapper().getElementsByClassName(FRAME)[0];
		frameSpan.setAttribute(key, this.htmlAttributes[key]);
		frameSpan.setAttribute(key, this.htmlAttributes["" + key]);
		}
		else {
		this.element.setAttribute(key, this.htmlAttributes[key]);
		this.element.setAttribute(key, this.htmlAttributes["" + key]);
		}
		@@ -536,0 +536,0 @@ }

8

src/chips/chip-list.d.ts

		@@ -327,3 +327,4 @@ import { Component, INotifyPropertyChanged } from '@syncfusion/ej2-base';
		* @param {number \| HTMLElement } fields - We can pass index number or element of chip.
		* {% codeBlock src='chips/find/index.md' %}{% endcodeBlock %}.
		* {% codeBlock src='chips/find/index.md' %}{% endcodeBlock %}
		*
		*/
		@@ -337,2 +338,3 @@ find(fields: number \| HTMLElement): ChipDataArgs;
		* {% codeBlock src='chips/add/index.md' %}{% endcodeBlock %}
		*

		@@ -347,2 +349,3 @@ */
		* {% codeBlock src='chips/select/index.md' %}{% endcodeBlock %}
		*
		*/
		@@ -358,2 +361,3 @@ select(fields: number \| number[] \| HTMLElement \| HTMLElement[] \| string[], selectionType?: selectionType): void;
		* {% codeBlock src='chips/remove/index.md' %}{% endcodeBlock %}
		*
		*/
		@@ -364,2 +368,3 @@ remove(fields: number \| number[] \| HTMLElement \| HTMLElement[]): void;
		* {% codeBlock src='chips/getSelectedChips/index.md' %}{% endcodeBlock %}
		*
		*/
		@@ -379,2 +384,3 @@ getSelectedChips(): SelectedItem \| SelectedItems;
		* {% codeBlock src='chips/destroy/index.md' %}{% endcodeBlock %}
		*
		*/
		@@ -381,0 +387,0 @@ destroy(): void;

8

src/chips/chip-list.js

		@@ -226,3 +226,4 @@ var __extends = (this && this.__extends) \|\| (function () {
		* @param {number \| HTMLElement } fields - We can pass index number or element of chip.
		* {% codeBlock src='chips/find/index.md' %}{% endcodeBlock %}.
		* {% codeBlock src='chips/find/index.md' %}{% endcodeBlock %}
		*
		*/
		@@ -251,2 +252,3 @@ ChipList.prototype.find = function (fields) {
		* {% codeBlock src='chips/add/index.md' %}{% endcodeBlock %}
		*

		@@ -269,2 +271,3 @@ */
		* {% codeBlock src='chips/select/index.md' %}{% endcodeBlock %}
		*
		*/
		@@ -338,2 +341,3 @@ ChipList.prototype.select = function (fields, selectionType) {
		* {% codeBlock src='chips/remove/index.md' %}{% endcodeBlock %}
		*
		*/
		@@ -363,2 +367,3 @@ ChipList.prototype.remove = function (fields) {
		* {% codeBlock src='chips/getSelectedChips/index.md' %}{% endcodeBlock %}
		*
		*/
		@@ -558,2 +563,3 @@ ChipList.prototype.getSelectedChips = function () {
		* {% codeBlock src='chips/destroy/index.md' %}{% endcodeBlock %}
		*
		*/
		@@ -560,0 +566,0 @@ ChipList.prototype.destroy = function () {

4

src/floating-action-button/floating-action-button-model.d.ts

		@@ -22,3 +22,3 @@ import { getUniqueID, INotifyPropertyChanged, NotifyPropertyChanges, Property, EventHandler } from '@syncfusion/ej2-base';import { select } from '@syncfusion/ej2-base';import { Button } from '../button/button';
		* * BottomRight: Positions the FAB at the target's bottom right corner.
		* To refresh the position of FAB on target resize, use refreshPosition method.
		* To refresh the position of FAB on target resize, use refreshPosition method.
		* The position will be refreshed automatically when browser resized.
		@@ -33,3 +33,3 @@ *
		/**
		* Defines the selector that points to an element in which the FAB will be positioned.
		* Defines the selector that points to an element in which the FAB will be positioned.
		* By default, FAB is positioned based on viewport of browser.
		@@ -36,0 +36,0 @@ * The target element must have relative position, else FAB will get positioned based on the closest element which has relative position.

25

src/floating-action-button/floating-action-button.d.ts

		@@ -12,35 +12,35 @@ /// <reference path="../button/button-model.d.ts" />
		*/
		TopLeft = 0,
		TopLeft = "TopLeft",
		/**
		* Places the FAB on the top-center position of the target.
		*/
		TopCenter = 1,
		TopCenter = "TopCenter",
		/**
		* PPositions the FAB at the target's top right corner.
		* Positions the FAB at the target's top right corner.
		*/
		TopRight = 2,
		TopRight = "TopRight",
		/**
		* Positions the FAB in the middle of target's left side.
		*/
		MiddleLeft = 3,
		MiddleLeft = "MiddleLeft",
		/**
		* Positions the FAB in the center of target.
		*/
		MiddleCenter = 4,
		MiddleCenter = "MiddleCenter",
		/**
		* Positions the FAB in the middle of target's right side.
		*/
		MiddleRight = 5,
		MiddleRight = "MiddleRight",
		/**
		* Positions the FAB at the target's bottom left corner.
		*/
		BottomLeft = 6,
		BottomLeft = "BottomLeft",
		/**
		* Places the FAB on the bottom-center position of the target.
		*/
		BottomCenter = 7,
		BottomCenter = "BottomCenter",
		/**
		* Positions the FAB at the target's bottom right corner.
		*/
		BottomRight = 8
		BottomRight = "BottomRight"
		}
		@@ -124,3 +124,2 @@ /**
		private setVisibility;
		private getPosition;
		private setPosition;
		@@ -133,2 +132,4 @@ private setVerticalPosition;
		* Refreshes the FAB position. You can call this method to re-position FAB when target is resized.
		*
		* @returns {void}
		*/
		@@ -140,2 +141,4 @@ refreshPosition(): void;
		*
		* @returns {void}
		*
		*/
		@@ -142,0 +145,0 @@ destroy(): void;

42

src/floating-action-button/floating-action-button.js

		@@ -43,35 +43,35 @@ var __extends = (this && this.__extends) \|\| (function () {
		*/
		FabPosition[FabPosition["TopLeft"] = 0] = "TopLeft";
		FabPosition["TopLeft"] = "TopLeft";
		/**
		* Places the FAB on the top-center position of the target.
		*/
		FabPosition[FabPosition["TopCenter"] = 1] = "TopCenter";
		FabPosition["TopCenter"] = "TopCenter";
		/**
		* PPositions the FAB at the target's top right corner.
		* Positions the FAB at the target's top right corner.
		*/
		FabPosition[FabPosition["TopRight"] = 2] = "TopRight";
		FabPosition["TopRight"] = "TopRight";
		/**
		* Positions the FAB in the middle of target's left side.
		*/
		FabPosition[FabPosition["MiddleLeft"] = 3] = "MiddleLeft";
		FabPosition["MiddleLeft"] = "MiddleLeft";
		/**
		* Positions the FAB in the center of target.
		*/
		FabPosition[FabPosition["MiddleCenter"] = 4] = "MiddleCenter";
		FabPosition["MiddleCenter"] = "MiddleCenter";
		/**
		* Positions the FAB in the middle of target's right side.
		*/
		FabPosition[FabPosition["MiddleRight"] = 5] = "MiddleRight";
		FabPosition["MiddleRight"] = "MiddleRight";
		/**
		* Positions the FAB at the target's bottom left corner.
		*/
		FabPosition[FabPosition["BottomLeft"] = 6] = "BottomLeft";
		FabPosition["BottomLeft"] = "BottomLeft";
		/**
		* Places the FAB on the bottom-center position of the target.
		*/
		FabPosition[FabPosition["BottomCenter"] = 7] = "BottomCenter";
		FabPosition["BottomCenter"] = "BottomCenter";
		/**
		* Positions the FAB at the target's bottom right corner.
		*/
		FabPosition[FabPosition["BottomRight"] = 8] = "BottomRight";
		FabPosition["BottomRight"] = "BottomRight";
		})(FabPosition \|\| (FabPosition = {}));
		@@ -143,10 +143,7 @@ /**
		}
		this.isFixed ? this.element.classList.add(FIXEDFAB) : this.element.classList.remove(FIXEDFAB);
		this.element.classList[this.isFixed ? 'add' : 'remove'](FIXEDFAB);
		};
		Fab.prototype.setVisibility = function () {
		this.visible ? this.element.classList.remove(FABHIDDEN) : this.element.classList.add(FABHIDDEN);
		this.element.classList[this.visible ? 'remove' : 'add'](FABHIDDEN);
		};
		Fab.prototype.getPosition = function () {
		return (typeof (this.position) === "string") ? this.position : FabPosition[this.position];
		};
		Fab.prototype.setPosition = function () {
		@@ -158,3 +155,3 @@ this.setVerticalPosition();
		//Check for middle position and middle class and vertical distance atttribute.
		if (['MiddleLeft', 'MiddleRight', 'MiddleCenter'].indexOf(this.getPosition()) !== -1) {
		if (['MiddleLeft', 'MiddleRight', 'MiddleCenter'].indexOf(this.position) !== -1) {
		var yoffset = ((this.isFixed ? window.innerHeight : this.targetEle.clientHeight) - this.element.offsetHeight) / 2;
		@@ -165,8 +162,7 @@ this.element.style.setProperty(FABVERTDIST, yoffset + 'px');
		//Check for bottom position and bottom class else add top class.
		(['BottomLeft', 'BottomCenter', 'BottomRight'].indexOf(this.getPosition()) !== -1) ?
		this.element.classList.add(FABBOTTOM) : this.element.classList.add(FABTOP);
		this.element.classList.add((['BottomLeft', 'BottomCenter', 'BottomRight'].indexOf(this.position) !== -1) ? FABBOTTOM : FABTOP);
		};
		Fab.prototype.setHorizontalPosition = function () {
		//Check for center position and center class and horizontal distance atttribute.
		if (['TopCenter', 'BottomCenter', 'MiddleCenter'].indexOf(this.getPosition()) !== -1) {
		if (['TopCenter', 'BottomCenter', 'MiddleCenter'].indexOf(this.position) !== -1) {
		var xoffset = ((this.isFixed ? window.innerWidth : this.targetEle.clientWidth) - this.element.offsetWidth) / 2;
		@@ -176,4 +172,4 @@ this.element.style.setProperty(FABHORZDIST, xoffset + 'px');
		}
		var isRight = ['TopRight', 'MiddleRight', 'BottomRight'].indexOf(this.getPosition()) !== -1;
		(!(this.enableRtl \|\| isRight) \|\| (this.enableRtl && isRight)) ? this.element.classList.add(FABLEFT) : this.element.classList.add(FABRIGHT);
		var isRight = ['TopRight', 'MiddleRight', 'BottomRight'].indexOf(this.position) !== -1;
		this.element.classList.add((!(this.enableRtl \|\| isRight) \|\| (this.enableRtl && isRight)) ? FABLEFT : FABRIGHT);
		};
		@@ -191,2 +187,4 @@ Fab.prototype.clearPosition = function () {
		* Refreshes the FAB position. You can call this method to re-position FAB when target is resized.
		*
		* @returns {void}
		*/
		@@ -202,2 +200,4 @@ Fab.prototype.refreshPosition = function () {
		*
		* @returns {void}
		*
		*/
		@@ -204,0 +204,0 @@ Fab.prototype.destroy = function () {

6

src/radio-button/radio-button.js

		@@ -375,9 +375,9 @@ var __extends = (this && this.__extends) \|\| (function () {
		if (key === 'class') {
		addClass([wrapper], this.htmlAttributes[key].split(' '));
		addClass([wrapper], this.htmlAttributes["" + key].split(' '));
		}
		else if (key === 'title' \|\| key === 'style') {
		wrapper.setAttribute(key, this.htmlAttributes[key]);
		wrapper.setAttribute(key, this.htmlAttributes["" + key]);
		}
		else {
		this.element.setAttribute(key, this.htmlAttributes[key]);
		this.element.setAttribute(key, this.htmlAttributes["" + key]);
		}
		@@ -384,0 +384,0 @@ }

64

src/speed-dial/speed-dial-model.d.ts

		@@ -11,4 +11,4 @@ import { BaseEventArgs, EmitType, Event, ChildProperty, Collection, Complex, Component, INotifyPropertyChanged, NotifyPropertyChanges, Property, getUniqueID, EventHandler, isRippleEnabled, removeClass, addClass, attributes } from '@syncfusion/ej2-base';import { select, extend, deleteObject, KeyboardEvents, append, rippleEffect, remove, closest, selectAll, KeyboardEventArgs, isNullOrUndefined, compile, formatUnit, Animation, AnimationModel, Effect as baseEffect } from '@syncfusion/ej2-base';import { Fab, FabPosition } from './../floating-action-button/index';import { IconPosition } from './../button/index';
		/**
		* Defines the type of animation effect used for opening and closing of the Speed Dial items.
		*
		* Defines the type of animation effect used for opening and closing of the Speed Dial items.
		*
		* @isenumeration true
		@@ -22,2 +22,3 @@ * @default SpeedDialAnimationEffect.Fade
		* Defines the duration in milliseconds that the animation takes to open or close the popup.
		*
		* @default 400
		@@ -30,2 +31,3 @@ * @aspType int
		* Defines the delay before starting the animation.
		*
		* @default 0
		@@ -90,3 +92,3 @@ * @aspType int
		/**
		* Defines one or more CSS classes to include an icon or image in speed dial item.
		* Defines one or more CSS classes to include an icon or image in speed dial item.
		*
		@@ -142,3 +144,3 @@ * @default ''
		/**
		* Defines the content for the button of SpeedDial.
		* Defines the content for the button of SpeedDial.
		*
		@@ -157,3 +159,3 @@ * @default ''
		/**
		* Defines one or more CSS classes to customize the appearance of SpeedDial.
		* Defines one or more CSS classes to customize the appearance of SpeedDial.
		*
		@@ -166,3 +168,3 @@ * @default ''
		* Defines the speed dial item display direction when mode is linear .
		* The possible values are
		* The possible values are
		* * Up
		@@ -173,3 +175,3 @@ * * Down
		* * Auto
		*
		*
		* @isenumeration true
		@@ -189,3 +191,3 @@ * @default LinearDirection.Auto
		/**
		* Defines the position of icon in the button of speed dial.
		* Defines the position of icon in the button of speed dial.
		* The possible values are:
		@@ -195,5 +197,7 @@ * * Left
		*
		* @default "left"
		* @isenumeration true
		* @default IconPosition.Left
		* @asptype IconPosition
		*/
		iconPosition?: IconPosition;
		iconPosition?: string \| IconPosition;

		@@ -208,10 +212,10 @@ /**
		/**
		* Defines the template content for the speed dial item.
		*
		* @default ''
		*/
		* Defines the template content for the speed dial item.
		*
		* @default ''
		*/
		itemTemplate?: string;

		/**
		* Defines the display mode of speed dial action items.
		* Defines the display mode of speed dial action items.
		* The possible values are:
		@@ -228,3 +232,3 @@ * * Linear
		/**
		* Defines one or more CSS classes to include an icon or image for the button of SpeedDial when it's closed.
		* Defines one or more CSS classes to include an icon or image for the button of SpeedDial when it's closed.
		*
		@@ -236,3 +240,3 @@ * @default ''
		/**
		* Defines whether to open the popup when the button of SpeedDial is hovered.
		* Defines whether to open the popup when the button of SpeedDial is hovered.
		* By default, SpeedDial opens popup on click action.
		@@ -245,3 +249,3 @@ *
		/**
		* Defines the position of the button of Speed Dial relative to target.
		* Defines the position of the button of Speed Dial relative to target.
		* Defines the position of the FAB relative to target.
		@@ -258,5 +262,5 @@ * The possible values are:
		* * BottomRight: Positions the FAB at the target's bottom right corner.
		* To refresh the position of FAB on target resize, use refreshPosition method.
		* To refresh the position of FAB on target resize, use refreshPosition method.
		* The position will be refreshed automatically when browser resized.
		*
		*
		* @isenumeration true
		@@ -269,4 +273,4 @@ * @default FabPosition.BottomRight
		/**
		* Defines whether the speed dial popup can be displayed as modal or modal less.
		* When enabled, the Speed dial creates an overlay that disables interaction with other elements other than speed dial items.
		* Defines whether the speed dial popup can be displayed as modal or modal less.
		* When enabled, the Speed dial creates an overlay that disables interaction with other elements other than speed dial items.
		* If user clicks anywhere other than speed dial items then popup will get closed.
		@@ -293,3 +297,3 @@ *
		/**
		* Defines the selector that points to the element in which the button of SpeedDial will be positioned.
		* Defines the selector that points to the element in which the button of SpeedDial will be positioned.
		* By default button is positioned based on viewport of browser.
		@@ -303,3 +307,3 @@ * The target element must have relative position, else Button will get positioned based on the closest element which has relative position.
		/**
		* Defines whether the SpeedDial is visible or hidden.
		* Defines whether the SpeedDial is visible or hidden.
		*
		@@ -311,3 +315,3 @@ * @default true.
		/**
		* Event callback that is raised before the speed dial popup is closed.
		* Event callback that is raised before the speed dial popup is closed.
		*
		@@ -319,3 +323,3 @@ * @event beforeClose
		/**
		* Event callback that is raised before rendering the speed dial item.
		* Event callback that is raised before rendering the speed dial item.
		*
		@@ -327,3 +331,3 @@ * @event beforeItemRender
		/**
		* Event callback that is raised before the speed dial popup is opened.
		* Event callback that is raised before the speed dial popup is opened.
		*
		@@ -342,3 +346,3 @@ * @event beforeOpen
		/**
		* Event callback that is raised when a speed dial action item is clicked.
		* Event callback that is raised when a speed dial action item is clicked.
		*
		@@ -350,3 +354,3 @@ * @event clicked
		/**
		* Event callback that is raised when the SpeedDial popup is closed.
		* Event callback that is raised when the SpeedDial popup is closed.
		*
		@@ -358,3 +362,3 @@ * @event onClose
		/**
		* Event callback that is raised when the SpeedDial popup is opened.
		* Event callback that is raised when the SpeedDial popup is opened.
		*
		@@ -361,0 +365,0 @@ * @event onOpen

181

src/speed-dial/speed-dial.d.ts

		@@ -12,7 +12,7 @@ import { BaseEventArgs, EmitType, ChildProperty, Component, INotifyPropertyChanged } from '@syncfusion/ej2-base';
		*/
		Linear = 0,
		Linear = "Linear",
		/**
		* SpeedDial items are displayed like radial menu in radial direction (circular direction).
		*/
		Radial = 1
		Radial = "Radial"
		}
		@@ -24,22 +24,22 @@ /**
		/**
		* Speed dial action items are displayed vertically above the button of Speed Dial.
		*/
		Up = 0,
		* Speed dial action items are displayed vertically above the button of Speed Dial.
		*/
		Up = "Up",
		/**
		* Speed dial action items are displayed vertically below the button of Speed Dial.
		*/
		Down = 1,
		* Speed dial action items are displayed vertically below the button of Speed Dial.
		*/
		Down = "Down",
		/**
		* Speed dial action items are displayed horizontally on the button's right side.
		*/
		Right = 2,
		* Speed dial action items are displayed horizontally on the button's right side.
		*/
		Right = "Right",
		/**
		* Speed dial action items are displayed horizontally on the button's left side.
		*/
		Left = 3,
		* Speed dial action items are displayed horizontally on the button's left side.
		*/
		Left = "Left",
		/**
		* Speed dial action items are displayed vertically above or below the button of Speed Dial based on the position.
		* If Position is TopRight, TopLeft, TopCenter, the items are displayed vertically below the button else above the button.
		*/
		Auto = 4
		* Speed dial action items are displayed vertically above or below the button of Speed Dial based on the position.
		* If Position is TopRight, TopLeft, TopCenter, the items are displayed vertically below the button else above the button.
		*/
		Auto = "Auto"
		}
		@@ -51,13 +51,13 @@ /**
		/**
		* SpeedDial items are arranged in clockwise direction.
		*/
		Clockwise = 0,
		* SpeedDial items are arranged in clockwise direction.
		*/
		Clockwise = "Clockwise",
		/**
		* SpeedDial items are shown in anti-clockwise direction.
		*/
		AntiClockwise = 1,
		* SpeedDial items are shown in anti-clockwise direction.
		*/
		AntiClockwise = "AntiClockwise",
		/**
		* SpeedDial items are shown clockwise or anti-clockwise based on the position.
		*/
		Auto = 2
		* SpeedDial items are shown clockwise or anti-clockwise based on the position.
		*/
		Auto = "Auto"
		}
		@@ -69,65 +69,65 @@ /**
		/**
		* SpeedDial open/close actions occur with the Fade animation effect.
		*/
		Fade = 0,
		* SpeedDial open/close actions occur with the Fade animation effect.
		*/
		Fade = "Fade",
		/**
		* SpeedDial open/close actions occur with the FadeZoom animation effect.
		*/
		FadeZoom = 1,
		* SpeedDial open/close actions occur with the FadeZoom animation effect.
		*/
		FadeZoom = "FadeZoom",
		/**
		* SpeedDial open/close actions occur with the FlipLeftDown animation effect.
		*/
		FlipLeftDown = 2,
		* SpeedDial open/close actions occur with the FlipLeftDown animation effect.
		*/
		FlipLeftDown = "FlipLeftDown",
		/**
		* SpeedDial open/close actions occur with the FlipLeftUp animation effect.
		*/
		FlipLeftUp = 3,
		* SpeedDial open/close actions occur with the FlipLeftUp animation effect.
		*/
		FlipLeftUp = "FlipLeftUp",
		/**
		* SpeedDial open/close actions occur with the FlipRightDown animation effect.
		*/
		FlipRightDown = 4,
		* SpeedDial open/close actions occur with the FlipRightDown animation effect.
		*/
		FlipRightDown = "FlipRightDown",
		/**
		* SpeedDial open/close actions occur with the FlipRightUp animation effect.
		*/
		FlipRightUp = 5,
		* SpeedDial open/close actions occur with the FlipRightUp animation effect.
		*/
		FlipRightUp = "FlipRightUp",
		/**
		* SpeedDial open/close actions occur with the FlipXDown animation effect.
		*/
		FlipXDown = 6,
		* SpeedDial open/close actions occur with the FlipXDown animation effect.
		*/
		FlipXDown = "FlipXDown",
		/**
		* SpeedDial open/close actions occur with the FlipXUp animation effect.
		*/
		FlipXUp = 7,
		* SpeedDial open/close actions occur with the FlipXUp animation effect.
		*/
		FlipXUp = "FlipXUp",
		/**
		* SpeedDial open/close actions occur with the FlipYLeft animation effect.
		*/
		FlipYLeft = 8,
		* SpeedDial open/close actions occur with the FlipYLeft animation effect.
		*/
		FlipYLeft = "FlipYLeft",
		/**
		* SpeedDial open/close actions occur with the FlipYRight animation effect.
		*/
		FlipYRight = 9,
		* SpeedDial open/close actions occur with the FlipYRight animation effect.
		*/
		FlipYRight = "FlipYRight",
		/**
		* SpeedDial open/close actions occur with the SlideBottom animation effect.
		*/
		SlideBottom = 10,
		* SpeedDial open/close actions occur with the SlideBottom animation effect.
		*/
		SlideBottom = "SlideBottom",
		/**
		* SpeedDial open/close actions occur with the SlideLeft animation effect.
		*/
		SlideLeft = 11,
		* SpeedDial open/close actions occur with the SlideLeft animation effect.
		*/
		SlideLeft = "SlideLeft",
		/**
		* SpeedDial open/close actions occur with the SlideRight animation effect.
		*/
		SlideRight = 12,
		* SpeedDial open/close actions occur with the SlideRight animation effect.
		*/
		SlideRight = "SlideRight",
		/**
		* SpeedDial open/close actions occur with the SlideTop animation effect.
		*/
		SlideTop = 13,
		* SpeedDial open/close actions occur with the SlideTop animation effect.
		*/
		SlideTop = "SlideTop",
		/**
		* SpeedDial open/close actions occur with the Zoom animation effect.
		*/
		Zoom = 14,
		* SpeedDial open/close actions occur with the Zoom animation effect.
		*/
		Zoom = "Zoom",
		/**
		* SpeedDial open/close actions occur without any animation effect.
		*/
		None = 15
		* SpeedDial open/close actions occur without any animation effect.
		*/
		None = "None"
		}
		@@ -191,2 +191,3 @@ /**
		* Defines the duration in milliseconds that the animation takes to open or close the popup.
		*
		* @default 400
		@@ -198,2 +199,3 @@ * @aspType int
		* Defines the delay before starting the animation.
		*
		* @default 0
		@@ -338,5 +340,7 @@ * @aspType int
		*
		* @default "left"
		* @isenumeration true
		* @default IconPosition.Left
		* @asptype IconPosition
		*/
		iconPosition: IconPosition;
		iconPosition: string \| IconPosition;
		/**
		@@ -349,6 +353,6 @@ * Defines the list of SpeedDial items.
		/**
		* Defines the template content for the speed dial item.
		*
		* @default ''
		*/
		* Defines the template content for the speed dial item.
		*
		* @default ''
		*/
		itemTemplate: string;
		@@ -492,7 +496,7 @@ /**
		/**
		* Constructor for creating the widget
		*
		* @param {SpeedDialModel} options - Specifies the floating action button model
		* @param {string\|HTMLButtonElement} element - Specifies the target element
		*/
		* Constructor for creating the widget
		*
		* @param {SpeedDialModel} options - Specifies the floating action button model
		* @param {string\|HTMLButtonElement} element - Specifies the target element
		*/
		constructor(options?: SpeedDialModel, element?: string \| HTMLButtonElement);
		@@ -553,3 +557,2 @@ /**
		private removeFocus;
		private getPosition;
		private updatePositionProperties;
		@@ -587,3 +590,3 @@ private setPositionProps;
		*
		* @private
		* @returns {void}
		*/
		@@ -594,2 +597,3 @@ show(): void;
		*
		*@returns {void}
		*/
		@@ -600,2 +604,3 @@ hide(): void;
		*
		*@returns {void}
		*/
		@@ -602,0 +607,0 @@ refreshPosition(): void;

540

src/speed-dial/speed-dial.js

		@@ -22,3 +22,3 @@ var __extends = (this && this.__extends) \|\| (function () {
		import { select, extend, deleteObject, KeyboardEvents, append, rippleEffect, remove, closest, selectAll, isNullOrUndefined, compile, formatUnit, Animation } from '@syncfusion/ej2-base';
		import { Fab, FabPosition } from './../floating-action-button/index';
		import { Fab } from './../floating-action-button/index';
		var topPosition = ['TopLeft', 'TopCenter', 'TopRight'];
		@@ -79,7 +79,7 @@ var bottomPosition = ['BottomLeft', 'BottomCenter', 'BottomRight'];
		*/
		SpeedDialMode[SpeedDialMode["Linear"] = 0] = "Linear";
		SpeedDialMode["Linear"] = "Linear";
		/**
		* SpeedDial items are displayed like radial menu in radial direction (circular direction).
		*/
		SpeedDialMode[SpeedDialMode["Radial"] = 1] = "Radial";
		SpeedDialMode["Radial"] = "Radial";
		})(SpeedDialMode \|\| (SpeedDialMode = {}));
		@@ -92,22 +92,22 @@ /**
		/**
		* Speed dial action items are displayed vertically above the button of Speed Dial.
		*/
		LinearDirection[LinearDirection["Up"] = 0] = "Up";
		* Speed dial action items are displayed vertically above the button of Speed Dial.
		*/
		LinearDirection["Up"] = "Up";
		/**
		* Speed dial action items are displayed vertically below the button of Speed Dial.
		*/
		LinearDirection[LinearDirection["Down"] = 1] = "Down";
		* Speed dial action items are displayed vertically below the button of Speed Dial.
		*/
		LinearDirection["Down"] = "Down";
		/**
		* Speed dial action items are displayed horizontally on the button's right side.
		*/
		LinearDirection[LinearDirection["Right"] = 2] = "Right";
		* Speed dial action items are displayed horizontally on the button's right side.
		*/
		LinearDirection["Right"] = "Right";
		/**
		* Speed dial action items are displayed horizontally on the button's left side.
		*/
		LinearDirection[LinearDirection["Left"] = 3] = "Left";
		* Speed dial action items are displayed horizontally on the button's left side.
		*/
		LinearDirection["Left"] = "Left";
		/**
		* Speed dial action items are displayed vertically above or below the button of Speed Dial based on the position.
		* If Position is TopRight, TopLeft, TopCenter, the items are displayed vertically below the button else above the button.
		*/
		LinearDirection[LinearDirection["Auto"] = 4] = "Auto";
		* Speed dial action items are displayed vertically above or below the button of Speed Dial based on the position.
		* If Position is TopRight, TopLeft, TopCenter, the items are displayed vertically below the button else above the button.
		*/
		LinearDirection["Auto"] = "Auto";
		})(LinearDirection \|\| (LinearDirection = {}));
		@@ -120,13 +120,13 @@ /**
		/**
		* SpeedDial items are arranged in clockwise direction.
		*/
		RadialDirection[RadialDirection["Clockwise"] = 0] = "Clockwise";
		* SpeedDial items are arranged in clockwise direction.
		*/
		RadialDirection["Clockwise"] = "Clockwise";
		/**
		* SpeedDial items are shown in anti-clockwise direction.
		*/
		RadialDirection[RadialDirection["AntiClockwise"] = 1] = "AntiClockwise";
		* SpeedDial items are shown in anti-clockwise direction.
		*/
		RadialDirection["AntiClockwise"] = "AntiClockwise";
		/**
		* SpeedDial items are shown clockwise or anti-clockwise based on the position.
		*/
		RadialDirection[RadialDirection["Auto"] = 2] = "Auto";
		* SpeedDial items are shown clockwise or anti-clockwise based on the position.
		*/
		RadialDirection["Auto"] = "Auto";
		})(RadialDirection \|\| (RadialDirection = {}));
		@@ -139,65 +139,65 @@ /**
		/**
		* SpeedDial open/close actions occur with the Fade animation effect.
		*/
		SpeedDialAnimationEffect[SpeedDialAnimationEffect["Fade"] = 0] = "Fade";
		* SpeedDial open/close actions occur with the Fade animation effect.
		*/
		SpeedDialAnimationEffect["Fade"] = "Fade";
		/**
		* SpeedDial open/close actions occur with the FadeZoom animation effect.
		*/
		SpeedDialAnimationEffect[SpeedDialAnimationEffect["FadeZoom"] = 1] = "FadeZoom";
		* SpeedDial open/close actions occur with the FadeZoom animation effect.
		*/
		SpeedDialAnimationEffect["FadeZoom"] = "FadeZoom";
		/**
		* SpeedDial open/close actions occur with the FlipLeftDown animation effect.
		*/
		SpeedDialAnimationEffect[SpeedDialAnimationEffect["FlipLeftDown"] = 2] = "FlipLeftDown";
		* SpeedDial open/close actions occur with the FlipLeftDown animation effect.
		*/
		SpeedDialAnimationEffect["FlipLeftDown"] = "FlipLeftDown";
		/**
		* SpeedDial open/close actions occur with the FlipLeftUp animation effect.
		*/
		SpeedDialAnimationEffect[SpeedDialAnimationEffect["FlipLeftUp"] = 3] = "FlipLeftUp";
		* SpeedDial open/close actions occur with the FlipLeftUp animation effect.
		*/
		SpeedDialAnimationEffect["FlipLeftUp"] = "FlipLeftUp";
		/**
		* SpeedDial open/close actions occur with the FlipRightDown animation effect.
		*/
		SpeedDialAnimationEffect[SpeedDialAnimationEffect["FlipRightDown"] = 4] = "FlipRightDown";
		* SpeedDial open/close actions occur with the FlipRightDown animation effect.
		*/
		SpeedDialAnimationEffect["FlipRightDown"] = "FlipRightDown";
		/**
		* SpeedDial open/close actions occur with the FlipRightUp animation effect.
		*/
		SpeedDialAnimationEffect[SpeedDialAnimationEffect["FlipRightUp"] = 5] = "FlipRightUp";
		* SpeedDial open/close actions occur with the FlipRightUp animation effect.
		*/
		SpeedDialAnimationEffect["FlipRightUp"] = "FlipRightUp";
		/**
		* SpeedDial open/close actions occur with the FlipXDown animation effect.
		*/
		SpeedDialAnimationEffect[SpeedDialAnimationEffect["FlipXDown"] = 6] = "FlipXDown";
		* SpeedDial open/close actions occur with the FlipXDown animation effect.
		*/
		SpeedDialAnimationEffect["FlipXDown"] = "FlipXDown";
		/**
		* SpeedDial open/close actions occur with the FlipXUp animation effect.
		*/
		SpeedDialAnimationEffect[SpeedDialAnimationEffect["FlipXUp"] = 7] = "FlipXUp";
		* SpeedDial open/close actions occur with the FlipXUp animation effect.
		*/
		SpeedDialAnimationEffect["FlipXUp"] = "FlipXUp";
		/**
		* SpeedDial open/close actions occur with the FlipYLeft animation effect.
		*/
		SpeedDialAnimationEffect[SpeedDialAnimationEffect["FlipYLeft"] = 8] = "FlipYLeft";
		* SpeedDial open/close actions occur with the FlipYLeft animation effect.
		*/
		SpeedDialAnimationEffect["FlipYLeft"] = "FlipYLeft";
		/**
		* SpeedDial open/close actions occur with the FlipYRight animation effect.
		*/
		SpeedDialAnimationEffect[SpeedDialAnimationEffect["FlipYRight"] = 9] = "FlipYRight";
		* SpeedDial open/close actions occur with the FlipYRight animation effect.
		*/
		SpeedDialAnimationEffect["FlipYRight"] = "FlipYRight";
		/**
		* SpeedDial open/close actions occur with the SlideBottom animation effect.
		*/
		SpeedDialAnimationEffect[SpeedDialAnimationEffect["SlideBottom"] = 10] = "SlideBottom";
		* SpeedDial open/close actions occur with the SlideBottom animation effect.
		*/
		SpeedDialAnimationEffect["SlideBottom"] = "SlideBottom";
		/**
		* SpeedDial open/close actions occur with the SlideLeft animation effect.
		*/
		SpeedDialAnimationEffect[SpeedDialAnimationEffect["SlideLeft"] = 11] = "SlideLeft";
		* SpeedDial open/close actions occur with the SlideLeft animation effect.
		*/
		SpeedDialAnimationEffect["SlideLeft"] = "SlideLeft";
		/**
		* SpeedDial open/close actions occur with the SlideRight animation effect.
		*/
		SpeedDialAnimationEffect[SpeedDialAnimationEffect["SlideRight"] = 12] = "SlideRight";
		* SpeedDial open/close actions occur with the SlideRight animation effect.
		*/
		SpeedDialAnimationEffect["SlideRight"] = "SlideRight";
		/**
		* SpeedDial open/close actions occur with the SlideTop animation effect.
		*/
		SpeedDialAnimationEffect[SpeedDialAnimationEffect["SlideTop"] = 13] = "SlideTop";
		* SpeedDial open/close actions occur with the SlideTop animation effect.
		*/
		SpeedDialAnimationEffect["SlideTop"] = "SlideTop";
		/**
		* SpeedDial open/close actions occur with the Zoom animation effect.
		*/
		SpeedDialAnimationEffect[SpeedDialAnimationEffect["Zoom"] = 14] = "Zoom";
		* SpeedDial open/close actions occur with the Zoom animation effect.
		*/
		SpeedDialAnimationEffect["Zoom"] = "Zoom";
		/**
		* SpeedDial open/close actions occur without any animation effect.
		*/
		SpeedDialAnimationEffect[SpeedDialAnimationEffect["None"] = 15] = "None";
		* SpeedDial open/close actions occur without any animation effect.
		*/
		SpeedDialAnimationEffect["None"] = "None";
		})(SpeedDialAnimationEffect \|\| (SpeedDialAnimationEffect = {}));
		@@ -282,7 +282,7 @@ /**
		/**
		* Constructor for creating the widget
		*
		* @param {SpeedDialModel} options - Specifies the floating action button model
		* @param {string\|HTMLButtonElement} element - Specifies the target element
		*/
		* Constructor for creating the widget
		*
		* @param {SpeedDialModel} options - Specifies the floating action button model
		* @param {string\|HTMLButtonElement} element - Specifies the target element
		*/
		function SpeedDial(options, element) {
		@@ -316,3 +316,3 @@ var _this = _super.call(this, options, element) \|\| this;
		moveUp: 'uparrow',
		esc: 'escape',
		esc: 'escape'
		};
		@@ -352,7 +352,8 @@ this.validateDirection();
		target: this.target,
		visible: this.visible,
		visible: this.visible
		});
		this.fab.appendTo(this.element);
		if ((this.items.length > 0) \|\| this.popupTemplate)
		if ((this.items.length > 0) \|\| this.popupTemplate) {
		this.createPopup();
		}
		this.wireEvents();
		@@ -363,3 +364,8 @@ };
		EventHandler.add(document.body, 'click', this.bodyClickHandler, this);
		this.opensOnHover ? this.wireFabHover() : this.wireFabClick();
		if (this.opensOnHover) {
		this.wireFabHover();
		}
		else {
		this.wireFabClick();
		}
		};
		@@ -400,4 +406,5 @@ SpeedDial.prototype.wirePopupEvents = function () {
		this.setPopupContent();
		if (this.modal)
		if (this.modal) {
		this.createOverlay();
		}
		this.checkTarget();
		@@ -410,7 +417,7 @@ this.setPositionProps();
		id: this.element.id + '_overlay',
		className: (SDOVERLAY + (this.isMenuOpen ? '' : ' ' + SDHIDDEN) + ' ' + this.cssClass).trim(),
		className: (SDOVERLAY + (this.isMenuOpen ? '' : ' ' + SDHIDDEN) + ' ' + this.cssClass).trim()
		});
		this.element.insertAdjacentElement('beforebegin', this.overlayEle);
		};
		SpeedDial.prototype.popupClick = function (e) {
		SpeedDial.prototype.popupClick = function () {
		this.isControl = true;
		@@ -424,8 +431,14 @@ };
		}
		if (this.isMenuOpen)
		if (this.isMenuOpen) {
		this.hidePopupEle(e);
		}
		};
		SpeedDial.prototype.fabClick = function (e) {
		this.isControl = true;
		this.isMenuOpen ? this.hidePopupEle(e) : this.showPopupEle(e);
		if (this.isMenuOpen) {
		this.hidePopupEle(e);
		}
		else {
		this.showPopupEle(e);
		}
		};
		@@ -443,2 +456,3 @@ SpeedDial.prototype.setPopupContent = function () {
		}
		this.renderReactTemplates();
		};
		@@ -471,3 +485,3 @@ SpeedDial.prototype.appendTemplate = function () {
		if (this.popupEle.querySelector('.' + SDLI)) {
		this.clearItems;
		this.clearItems();
		this.popupEle.classList.remove(RADIALSD, LINEARSD);
		@@ -499,3 +513,3 @@ this.popupEle.classList.add(TEMPLATESD);
		var _loop_1 = function (index) {
		var item = this_1.items[index];
		var item = this_1.items[parseInt(index.toString(), 10)];
		var li = this_1.createElement('li', {
		@@ -516,3 +530,3 @@ className: SDLI + ' ' + SDHIDDEN,
		var iconSpan = this_1.createElement('span', {
		className: SDLIICON + ' ' + item.iconCss,
		className: SDLIICON + ' ' + item.iconCss
		});
		@@ -523,8 +537,9 @@ li.appendChild(iconSpan);
		var textSpan = this_1.createElement('span', {
		className: SDLITEXT,
		className: SDLITEXT
		});
		textSpan.innerText = item.text;
		li.appendChild(textSpan);
		if (!item.iconCss)
		if (!item.iconCss) {
		li.classList.add(SDLITEXTONLY);
		}
		}
		@@ -553,5 +568,10 @@ }
		SpeedDial.prototype.setRTL = function () {
		this.enableRtl ? this.popupEle.classList.add(RTLCLASS) : this.popupEle.classList.remove(RTLCLASS);
		this.popupEle.classList[this.enableRtl ? 'add' : 'remove'](RTLCLASS);
		this.clearHorizontalPosition();
		(!(this.popupTemplate \|\| (this.mode === 'Radial'))) ? this.setLinearHorizontalPosition() : this.setHorizontalPosition();
		if (!(this.popupTemplate \|\| (this.mode === 'Radial'))) {
		this.setLinearHorizontalPosition();
		}
		else {
		this.setHorizontalPosition();
		}
		};
		@@ -568,12 +588,16 @@ SpeedDial.prototype.checkTarget = function () {
		if (this.isFixed) {
		if (this.popupEle)
		if (this.popupEle) {
		this.popupEle.classList.add(FIXEDSD);
		if (this.overlayEle)
		}
		if (this.overlayEle) {
		this.overlayEle.classList.add(FIXEDSD);
		}
		}
		else {
		if (this.popupEle)
		if (this.popupEle) {
		this.popupEle.classList.remove(FIXEDSD);
		if (this.overlayEle)
		}
		if (this.overlayEle) {
		this.overlayEle.classList.remove(FIXEDSD);
		}
		}
		@@ -628,4 +652,5 @@ };
		default:
		if (this.popupTemplate \|\| !this.isMenuOpen)
		if (this.popupTemplate \|\| !this.isMenuOpen) {
		break;
		}
		switch (e.action) {
		@@ -639,12 +664,32 @@ case 'end':
		case 'moveRight':
		(this.mode === 'Radial') ? this.focusLeftRightElement(false) : this.focusLinearElement(false);
		if (this.mode === 'Radial') {
		this.focusLeftRightElement(false);
		}
		else {
		this.focusLinearElement(false);
		}
		break;
		case 'moveDown':
		(this.mode === 'Radial') ? this.focusUpDownElement(false) : this.focusLinearElement(false);
		if (this.mode === 'Radial') {
		this.focusUpDownElement(false);
		}
		else {
		this.focusLinearElement(false);
		}
		break;
		case 'moveLeft':
		(this.mode === 'Radial') ? this.focusLeftRightElement(true) : this.focusLinearElement(true);
		if (this.mode === 'Radial') {
		this.focusLeftRightElement(true);
		}
		else {
		this.focusLinearElement(true);
		}
		break;
		case 'moveUp':
		(this.mode === 'Radial') ? this.focusUpDownElement(true) : this.focusLinearElement(true);
		if (this.mode === 'Radial') {
		this.focusUpDownElement(true);
		}
		else {
		this.focusLinearElement(true);
		}
		break;
		@@ -658,8 +703,9 @@ }
		var index = 0;
		while (ele[index].classList.contains(DISABLED)) {
		while (ele[parseInt(index.toString(), 10)].classList.contains(DISABLED)) {
		index++;
		if (index > (ele.length - 1))
		if (index > (ele.length - 1)) {
		return;
		}
		}
		this.setFocus(index, ele[index]);
		this.setFocus(index, ele[parseInt(index.toString(), 10)]);
		};
		@@ -669,8 +715,9 @@ SpeedDial.prototype.focusLastElement = function () {
		var index = ele.length - 1;
		while (ele[index].classList.contains(DISABLED)) {
		while (ele[parseInt(index.toString(), 10)].classList.contains(DISABLED)) {
		index--;
		if (index < 0)
		if (index < 0) {
		return;
		}
		}
		this.setFocus(index, ele[index]);
		this.setFocus(index, ele[parseInt(index.toString(), 10)]);
		};
		@@ -683,3 +730,4 @@ /Linear/
		}
		var isReversed = this.popupEle.classList.contains(SDVERTICALBOTTOM) \|\| this.popupEle.classList.contains(SDHORIZONTALRIGHT);
		var isReversed = this.popupEle.classList.contains(SDVERTICALBOTTOM) \|\|
		this.popupEle.classList.contains(SDHORIZONTALRIGHT);
		/* Elements will be in reverse (RTL) order for these classes are present.
		@@ -689,3 +737,8 @@ Reversed and Down or right is previous.
		((isReversed && !isLeftUp)\|\|(!isReversed && isLeftUp)) ==> isReversed!==isLeftUp */
		(isReversed !== isLeftUp) ? this.focusPrevElement() : this.focusNextElement();
		if (isReversed !== isLeftUp) {
		this.focusPrevElement();
		}
		else {
		this.focusNextElement();
		}
		};
		@@ -701,4 +754,9 @@ /Radial/
		((isLeft && !this.isClock)\|\|(!isLeft && this.isClock)) ==> isLeft!==this.isClock */
		var isradialTop = ['TopLeft', 'TopCenter', 'TopRight', 'MiddleLeft'].indexOf(this.getPosition()) !== -1;
		((isradialTop && (isLeft !== this.isClock)) \|\| (!isradialTop && (isLeft === this.isClock))) ? this.focusPrevElement() : this.focusNextElement();
		var isradialTop = ['TopLeft', 'TopCenter', 'TopRight', 'MiddleLeft'].indexOf(this.position) !== -1;
		if ((isradialTop && (isLeft !== this.isClock)) \|\| (!isradialTop && (isLeft === this.isClock))) {
		this.focusPrevElement();
		}
		else {
		this.focusNextElement();
		}
		};
		@@ -714,4 +772,9 @@ /Radial/
		((isUp && !this.isClock)\|\|(!isUp && this.isClock)) ==> isUp!==this.isClock */
		var isradialRight = ['TopRight', 'MiddleRight', 'BottomRight', 'BottomCenter'].indexOf(this.getPosition()) !== -1;
		((isradialRight && (isUp !== this.isClock)) \|\| (!isradialRight && (isUp === this.isClock))) ? this.focusPrevElement() : this.focusNextElement();
		var isradialRight = ['TopRight', 'MiddleRight', 'BottomRight', 'BottomCenter'].indexOf(this.position) !== -1;
		if ((isradialRight && (isUp !== this.isClock)) \|\| (!isradialRight && (isUp === this.isClock))) {
		this.focusPrevElement();
		}
		else {
		this.focusNextElement();
		}
		};
		@@ -727,4 +790,4 @@ SpeedDial.prototype.focusPrevElement = function () {
		}
		} while (ele[index].classList.contains(DISABLED));
		this.setFocus(index, ele[index]);
		} while (ele[parseInt(index.toString(), 10)].classList.contains(DISABLED));
		this.setFocus(index, ele[parseInt(index.toString(), 10)]);
		};
		@@ -736,11 +799,13 @@ SpeedDial.prototype.focusNextElement = function () {
		index++;
		if (index > (ele.length - 1))
		if (index > (ele.length - 1)) {
		return;
		} while (ele[index].classList.contains(DISABLED));
		this.setFocus(index, ele[index]);
		}
		} while (ele[parseInt(index.toString(), 10)].classList.contains(DISABLED));
		this.setFocus(index, ele[parseInt(index.toString(), 10)]);
		};
		SpeedDial.prototype.setFocus = function (index, ele) {
		this.removeFocus();
		if (ele)
		if (ele) {
		ele.classList.add(SDACTIVELI);
		}
		this.focusedIndex = index;
		@@ -750,8 +815,6 @@ };
		var preEle = select('.' + SDACTIVELI, this.popupEle);
		if (preEle)
		if (preEle) {
		preEle.classList.remove(SDACTIVELI);
		}
		};
		SpeedDial.prototype.getPosition = function () {
		return (typeof (this.position) === "string") ? this.position : FabPosition[this.position];
		};
		SpeedDial.prototype.updatePositionProperties = function () {
		@@ -779,12 +842,12 @@ this.hidePopupEle();
		case 'Up':
		this.actualLinDirection = (topPosition.indexOf(this.getPosition()) != -1) ? 'Auto' : 'Up';
		this.actualLinDirection = (topPosition.indexOf(this.position) !== -1) ? 'Auto' : 'Up';
		break;
		case 'Down':
		this.actualLinDirection = (bottomPosition.indexOf(this.getPosition()) != -1) ? 'Auto' : 'Down';
		this.actualLinDirection = (bottomPosition.indexOf(this.position) !== -1) ? 'Auto' : 'Down';
		break;
		case 'Right':
		this.actualLinDirection = (rightPosition.indexOf(this.getPosition()) != -1) ? 'Auto' : 'Right';
		this.actualLinDirection = (rightPosition.indexOf(this.position) !== -1) ? 'Auto' : 'Right';
		break;
		case 'Left':
		this.actualLinDirection = (leftPosition.indexOf(this.getPosition()) != -1) ? 'Auto' : 'Left';
		this.actualLinDirection = (leftPosition.indexOf(this.position) !== -1) ? 'Auto' : 'Left';
		break;
		@@ -796,3 +859,3 @@ case 'Auto':
		}
		this.isVertical = !((this.actualLinDirection === "Left") \|\| (this.actualLinDirection === "Right"));
		this.isVertical = !((this.actualLinDirection === 'Left') \|\| (this.actualLinDirection === 'Right'));
		};
		@@ -802,8 +865,10 @@ SpeedDial.prototype.setMaxSize = function () {
		var left = this.element.offsetLeft;
		var bottom = (this.isFixed ? window.innerHeight : this.targetEle.clientHeight) - this.element.offsetTop - this.element.offsetHeight;
		var right = (this.isFixed ? window.innerWidth : this.targetEle.clientWidth) - this.element.offsetLeft - this.element.offsetWidth;
		var bottom = (this.isFixed ? window.innerHeight : this.targetEle.clientHeight) -
		this.element.offsetTop - this.element.offsetHeight;
		var right = (this.isFixed ? window.innerWidth : this.targetEle.clientWidth) -
		this.element.offsetLeft - this.element.offsetWidth;
		var limit = 0;
		var popupUlEle = this.popupEle.querySelector("." + SDUL);
		var popupUlEle = this.popupEle.querySelector('.' + SDUL);
		if (this.isVertical) {
		limit = ((this.actualLinDirection === 'Up') \|\| ((this.actualLinDirection === 'Auto') && (topPosition.indexOf(this.getPosition()) === -1))) ? top : bottom;
		limit = ((this.actualLinDirection === 'Up') \|\| ((this.actualLinDirection === 'Auto') && (topPosition.indexOf(this.position) === -1))) ? top : bottom;
		if (limit < popupUlEle.offsetHeight) {
		@@ -825,8 +890,9 @@ this.popupEle.classList.add(SDOVERFLOW, SDVERTOVERFLOW);
		//Check whether the position value should be in top
		var isTop = (this.actualLinDirection === 'Down') \|\| ((this.actualLinDirection === 'Auto') && (topPosition.indexOf(this.getPosition()) !== -1)) \|\|
		(!this.isVertical && (bottomPosition.indexOf(this.getPosition()) === -1));
		var isTop = (this.actualLinDirection === 'Down') \|\| ((this.actualLinDirection === 'Auto') && (topPosition.indexOf(this.position) !== -1)) \|\|
		(!this.isVertical && (bottomPosition.indexOf(this.position) === -1));
		if (isTop) {
		vertDist = this.element.offsetTop + (this.isVertical ? this.element.offsetHeight : 0);
		if (!this.isVertical)
		if (!this.isVertical) {
		this.popupEle.classList.add(SDHORIZONTALTOP);
		}
		}
		@@ -836,4 +902,5 @@ else {
		vertDist = (vertDist - this.element.offsetTop - (this.isVertical ? 0 : this.element.offsetHeight));
		if (this.isVertical)
		if (this.isVertical) {
		this.popupEle.classList.add(SDVERTICALBOTTOM);
		}
		}
		@@ -846,9 +913,20 @@ this.popupEle.classList.add(isTop ? SDTOP : SDBOTTOM);
		//Check whether the position value should be in left
		if ((this.actualLinDirection === 'Right') \|\| (this.isVertical && (rightPosition.indexOf(this.getPosition()) === -1))) {
		this.enableRtl ? this.setRight() : this.setLeft(); //reverse the direction when RTL enabled
		if (!this.isVertical)
		if ((this.actualLinDirection === 'Right') \|\| (this.isVertical && (rightPosition.indexOf(this.position) === -1))) {
		if (this.enableRtl) {
		this.setRight();
		}
		else {
		this.setLeft();
		} //reverse the direction when RTL enabled
		if (!this.isVertical) {
		this.popupEle.classList.add(SDHORIZONTALLEFT);
		}
		}
		else {
		this.enableRtl ? this.setLeft() : this.setRight(); //reverse the direction when RTL enabled
		if (this.enableRtl) {
		this.setLeft();
		}
		else {
		this.setRight();
		} //reverse the direction when RTL enabled
		this.popupEle.classList.add(this.isVertical ? SDVERTICALRIGHT : SDHORIZONTALRIGHT);
		@@ -870,3 +948,3 @@ }
		//Check for middle Position
		if (['MiddleLeft', 'MiddleRight', 'MiddleCenter'].indexOf(this.getPosition()) !== -1) {
		if (['MiddleLeft', 'MiddleRight', 'MiddleCenter'].indexOf(this.position) !== -1) {
		this.popupEle.classList.add(SDMIDDLE);
		@@ -876,3 +954,3 @@ var yoffset = ((this.isFixed ? window.innerHeight : this.targetEle.clientHeight) - this.popupEle.offsetHeight) / 2;
		}
		(bottomPosition.indexOf(this.getPosition()) === -1) ? this.popupEle.classList.add(SDTOP) : this.popupEle.classList.add(SDBOTTOM);
		this.popupEle.classList.add((bottomPosition.indexOf(this.position) === -1) ? SDTOP : SDBOTTOM);
		this.setHorizontalPosition();
		@@ -882,3 +960,3 @@ };
		//Check for Center Position
		if (['TopCenter', 'BottomCenter', 'MiddleCenter'].indexOf(this.getPosition()) !== -1) {
		if (['TopCenter', 'BottomCenter', 'MiddleCenter'].indexOf(this.position) !== -1) {
		this.popupEle.classList.add(SDCENTER);
		@@ -888,4 +966,4 @@ var xoffset = ((this.isFixed ? window.innerWidth : this.targetEle.clientWidth) - this.popupEle.offsetWidth) / 2;
		}
		var isRight = rightPosition.indexOf(this.getPosition()) !== -1;
		(!(this.enableRtl \|\| isRight) \|\| (this.enableRtl && isRight)) ? this.popupEle.classList.add(SDLEFT) : this.popupEle.classList.add(SDRIGHT);
		var isRight = rightPosition.indexOf(this.position) !== -1;
		this.popupEle.classList.add((!(this.enableRtl \|\| isRight) \|\| (this.enableRtl && isRight)) ? SDLEFT : SDRIGHT);
		};
		@@ -906,3 +984,3 @@ SpeedDial.prototype.setRadialPosition = function () {
		for (var i = 0; i < li.length; i++) {
		var ele = li[i];
		var ele = li[parseInt(i.toString(), 10)];
		var angle = this.isClock ? (range.startAngle + (perAngle * i)) : (range.startAngle - (perAngle * i));
		@@ -915,19 +993,19 @@ angle = angle % 360; // removing the Zerp crossing changes.
		//topLeftPosition
		if (['TopLeft', 'TopCenter', 'MiddleLeft', 'MiddleCenter'].indexOf(this.getPosition()) !== -1) {
		if (['TopLeft', 'TopCenter', 'MiddleLeft', 'MiddleCenter'].indexOf(this.position) !== -1) {
		this.popupEle.classList.add(this.enableRtl ? SDTOPRIGHT : SDTOPLEFT);
		}
		//topRightPosition
		if (['TopRight', 'TopCenter', 'MiddleRight', 'MiddleCenter'].indexOf(this.getPosition()) !== -1) {
		if (['TopRight', 'TopCenter', 'MiddleRight', 'MiddleCenter'].indexOf(this.position) !== -1) {
		this.popupEle.classList.add(this.enableRtl ? SDTOPLEFT : SDTOPRIGHT);
		}
		//bottpmLeftPosition
		if (['BottomLeft', 'BottomCenter', 'MiddleLeft', 'MiddleCenter'].indexOf(this.getPosition()) !== -1) {
		if (['BottomLeft', 'BottomCenter', 'MiddleLeft', 'MiddleCenter'].indexOf(this.position) !== -1) {
		this.popupEle.classList.add(this.enableRtl ? SDBOTTOMRIGHT : SDBOTTOMLEFT);
		}
		//bottomRightPosition
		if (['BottomRight', 'BottomCenter', 'MiddleRight', 'MiddleCenter'].indexOf(this.getPosition()) !== -1) {
		if (['BottomRight', 'BottomCenter', 'MiddleRight', 'MiddleCenter'].indexOf(this.position) !== -1) {
		this.popupEle.classList.add(this.enableRtl ? SDBOTTOMLEFT : SDBOTTOMRIGHT);
		}
		};
		// 0,360 is at right, 90 is at Bottom, 180 is at left, 270 is at top
		// 0,360 is at right, 90 is at Bottom, 180 is at left, 270 is at top
		SpeedDial.prototype.getActualRange = function () {
		@@ -938,7 +1016,7 @@ var range = { offset: this.radialSettings.offset };
		var isClockwise;
		switch (this.getPosition()) {
		switch (this.position) {
		case 'TopLeft':
		case 'TopRight':
		// Switch Left and Right for RTL mode.
		if (('TopLeft' == this.getPosition()) != this.enableRtl) {
		if (('TopLeft' === this.position) !== this.enableRtl) {
		//TopLeft
		@@ -961,8 +1039,10 @@ isClockwise = this.radialSettings.direction === 'Clockwise';
		// Switch Left and Right for RTL mode.
		if (('MiddleLeft' == this.getPosition()) != this.enableRtl) {
		if (('MiddleLeft' === this.position) !== this.enableRtl) {
		//MiddleLeft
		isClockwise = this.radialSettings.direction === 'Clockwise';
		/*Replace the value if not defined or greater than 360 or less than 0 or between 91 and 269/
		start = (isNullOrUndefined(start) \|\| (start < 0) \|\| (start > 360) \|\| ((start > 90) && (start < 270))) ? (isClockwise ? 270 : 90) : start;
		end = (isNullOrUndefined(end) \|\| (end < 0) \|\| (end > 360) \|\| ((end > 90) && (end < 270))) ? (isClockwise ? 90 : 270) : end;
		start = (isNullOrUndefined(start) \|\| (start < 0) \|\| (start > 360) \|\| ((start > 90) && (start < 270))) ?
		(isClockwise ? 270 : 90) : start;
		end = (isNullOrUndefined(end) \|\| (end < 0) \|\| (end > 360) \|\| ((end > 90) && (end < 270))) ?
		(isClockwise ? 90 : 270) : end;
		/*update for Zero Crossing /
		@@ -993,3 +1073,3 @@ start = start < 91 ? start + 360 : start;
		// Switch Left and Right for RTL mode.
		if (('BottomLeft' == this.getPosition()) != this.enableRtl) {
		if (('BottomLeft' === this.position) !== this.enableRtl) {
		//BottomLeft
		@@ -1053,8 +1133,10 @@ isClockwise = this.radialSettings.direction === 'Clockwise';
		var _this = this;
		if (!this.popupEle \|\| !this.isMenuOpen)
		if (!this.popupEle \|\| !this.isMenuOpen) {
		return;
		}
		var eventArgs = { element: this.popupEle, event: e, cancel: false };
		this.trigger('beforeClose', eventArgs, function (args) {
		if (args.cancel)
		if (args.cancel) {
		return;
		}
		if (_this.animation.effect !== 'None') {
		@@ -1065,14 +1147,19 @@ var closeAnimation_1 = {
		};
		var ele_1 = _this.popupTemplate ? [_this.popupEle.firstElementChild] : selectAll("." + SDLI, _this.popupEle);
		var timeOutInterval_1 = _this.animation.duration / (ele_1.length + 1);
		var eleArray_1 = _this.popupTemplate ? [_this.popupEle.firstElementChild] : selectAll('.' + SDLI, _this.popupEle);
		var timeOutInterval_1 = _this.animation.duration / (eleArray_1.length + 1);
		closeAnimation_1.duration = 2 * timeOutInterval_1;
		/* To keep the animation smooth, start the animation of the second element when animation first element is half completed */
		var animateElement_1 = function (curIndex) {
		closeAnimation_1.delay = (curIndex === ele_1.length - 1) ? _this.animation.delay : 0;
		closeAnimation_1.begin = function () { (curIndex === ele_1.length - 1) ? _this.startHide() : ''; };
		var ele = eleArray_1[parseInt(curIndex.toString(), 10)];
		closeAnimation_1.delay = (curIndex === eleArray_1.length - 1) ? _this.animation.delay : 0;
		closeAnimation_1.begin = function () { if (curIndex === eleArray_1.length - 1) {
		_this.startHide();
		} };
		closeAnimation_1.end = function () {
		ele_1[curIndex].classList.add(SDHIDDEN);
		(curIndex === 0) ? _this.endHide() : '';
		ele.classList.add(SDHIDDEN);
		if (curIndex === 0) {
		_this.endHide();
		}
		};
		new Animation(closeAnimation_1).animate(ele_1[curIndex]);
		new Animation(closeAnimation_1).animate(ele);
		if (curIndex !== 0) {
		@@ -1085,3 +1172,3 @@ var index_1 = curIndex - 1;
		};
		animateElement_1(ele_1.length - 1);
		animateElement_1(eleArray_1.length - 1);
		}
		@@ -1091,3 +1178,3 @@ else {
		if (!_this.popupTemplate) {
		var ele = selectAll("." + SDLI, _this.popupEle);
		var ele = selectAll('.' + SDLI, _this.popupEle);
		ele.forEach(function (element) { element.classList.add(SDHIDDEN); });
		@@ -1107,4 +1194,5 @@ }
		this.popupEle.classList.add(SDHIDDEN);
		if (this.popupTemplate)
		if (this.popupTemplate) {
		this.setVisibility(true);
		}
		this.toggleOverlay();
		@@ -1118,8 +1206,10 @@ if (this.popupTemplate) {
		var _this = this;
		if (!this.popupEle \|\| this.isMenuOpen)
		if (!this.popupEle \|\| this.isMenuOpen) {
		return;
		}
		var eventArgs = { element: this.popupEle, event: e, cancel: false };
		this.trigger('beforeOpen', eventArgs, function (args) {
		if (args.cancel)
		if (args.cancel) {
		return;
		}
		if (_this.animation.effect !== 'None') {
		@@ -1130,15 +1220,20 @@ var openAnimation_1 = {
		};
		var ele_2 = _this.popupTemplate ? [_this.popupEle.firstElementChild] : selectAll("." + SDLI, _this.popupEle);
		var timeOutInterval_2 = _this.animation.duration / (ele_2.length + 1);
		var eleArray_2 = _this.popupTemplate ? [_this.popupEle.firstElementChild] : selectAll('.' + SDLI, _this.popupEle);
		var timeOutInterval_2 = _this.animation.duration / (eleArray_2.length + 1);
		openAnimation_1.duration = 2 * timeOutInterval_2;
		/* To keep the animation smooth, start the animation of the second element when animation first element is half completed */
		var animateElement_2 = function (curIndex) {
		var ele = eleArray_2[parseInt(curIndex.toString(), 10)];
		openAnimation_1.delay = (curIndex === 0) ? _this.animation.delay : 0;
		openAnimation_1.begin = function () {
		(curIndex === 0) ? _this.startShow() : '';
		ele_2[curIndex].classList.remove(SDHIDDEN);
		if (curIndex === 0) {
		_this.startShow();
		}
		ele.classList.remove(SDHIDDEN);
		};
		openAnimation_1.end = function () { (curIndex === ele_2.length - 1) ? _this.endShow() : ''; };
		new Animation(openAnimation_1).animate(ele_2[curIndex]);
		if (curIndex !== ele_2.length - 1) {
		openAnimation_1.end = function () { if (curIndex === eleArray_2.length - 1) {
		_this.endShow();
		} };
		new Animation(openAnimation_1).animate(ele);
		if (curIndex !== eleArray_2.length - 1) {
		var index_2 = curIndex + 1;
		@@ -1155,3 +1250,3 @@ setTimeout(function () {
		if (!_this.popupTemplate) {
		var ele = selectAll("." + SDLI, _this.popupEle);
		var ele = selectAll('.' + SDLI, _this.popupEle);
		ele.forEach(function (element) { element.classList.remove(SDHIDDEN); });
		@@ -1168,8 +1263,10 @@ }
		this.popupEle.classList.remove(SDHIDDEN);
		if (this.popupTemplate)
		if (this.popupTemplate) {
		this.setVisibility(false);
		}
		};
		SpeedDial.prototype.endShow = function () {
		if (this.closeIconCss)
		if (this.closeIconCss) {
		this.fab.setProperties({ iconCss: this.closeIconCss });
		}
		if (this.popupTemplate) {
		@@ -1182,9 +1279,11 @@ this.popupEle.setAttribute('tabindex', '1');
		SpeedDial.prototype.toggleOverlay = function () {
		if (!this.overlayEle)
		if (!this.overlayEle) {
		return;
		this.isMenuOpen ? this.overlayEle.classList.remove(SDHIDDEN) : this.overlayEle.classList.add(SDHIDDEN);
		}
		this.overlayEle.classList[this.isMenuOpen ? 'remove' : 'add'](SDHIDDEN);
		};
		SpeedDial.prototype.removeOverlayEle = function () {
		if (!this.overlayEle)
		if (!this.overlayEle) {
		return;
		}
		remove(this.overlayEle);
		@@ -1205,4 +1304,5 @@ this.overlayEle = undefined;
		SpeedDial.prototype.handleResize = function (e) {
		if (!this.popupEle)
		if (!this.popupEle) {
		return;
		}
		this.hidePopupEle(e);
		@@ -1222,3 +1322,3 @@ this.clearOverflow();
		*
		* @private
		* @returns {void}
		*/
		@@ -1231,2 +1331,3 @@ SpeedDial.prototype.show = function () {
		*
		*@returns {void}
		*/
		@@ -1239,2 +1340,3 @@ SpeedDial.prototype.hide = function () {
		*
		*@returns {void}
		*/
		@@ -1249,4 +1351,4 @@ SpeedDial.prototype.refreshPosition = function () {
		SpeedDial.prototype.clearItems = function () {
		var li = selectAll('.' + SDLI, this.popupEle);
		li.forEach(function (element) {
		var liList = selectAll('.' + SDLI, this.popupEle);
		liList.forEach(function (element) {
		remove(element);
		@@ -1258,3 +1360,8 @@ });
		EventHandler.remove(document.body, 'click', this.bodyClickHandler);
		this.opensOnHover ? this.unwireFabHover() : this.unwireFabClick();
		if (this.opensOnHover) {
		this.unwireFabHover();
		}
		else {
		this.unwireFabClick();
		}
		};
		@@ -1316,10 +1423,10 @@ SpeedDial.prototype.unwireFabClick = function () {
		case 'cssClass':
		if (!this.popupEle)
		if (!this.popupEle) {
		break;
		var ele = this.overlayEle ? [this.popupEle, this.overlayEle] : [this.popupEle];
		}
		if (oldProp.cssClass) {
		removeClass(ele, oldProp.cssClass.split(' '));
		removeClass(this.overlayEle ? [this.popupEle, this.overlayEle] : [this.popupEle], oldProp.cssClass.split(' '));
		}
		if (newProp.cssClass) {
		addClass(ele, newProp.cssClass.split(' '));
		addClass(this.overlayEle ? [this.popupEle, this.overlayEle] : [this.popupEle], newProp.cssClass.split(' '));
		}
		@@ -1332,4 +1439,5 @@ break;
		case 'enableRtl':
		if (!this.popupEle)
		if (!this.popupEle) {
		break;
		}
		this.setRTL();
		@@ -1343,13 +1451,16 @@ break;
		case 'closeIconCss':
		if (this.isMenuOpen)
		if (this.isMenuOpen) {
		this.fab.setProperties({ iconCss: this.closeIconCss });
		}
		break;
		case 'position':
		if (!this.popupEle)
		if (!this.popupEle) {
		break;
		}
		this.updatePositionProperties();
		break;
		case 'direction':
		if (!this.popupEle \|\| this.popupTemplate)
		if (!this.popupEle \|\| this.popupTemplate) {
		break;
		}
		this.updatePositionProperties();
		@@ -1363,6 +1474,8 @@ break;
		this.checkTarget();
		if (this.overlayEle)
		if (this.overlayEle) {
		this.element.insertAdjacentElement('beforebegin', this.overlayEle);
		if (!this.popupEle)
		}
		if (!this.popupEle) {
		break;
		}
		this.element.insertAdjacentElement('afterend', this.popupEle);
		@@ -1373,4 +1486,5 @@ this.updatePositionProperties();
		case 'itemTemplate':
		if (this.popupTemplate)
		if (this.popupTemplate) {
		break;
		}
		this.updatePopupItems();
		@@ -1387,4 +1501,5 @@ break;
		case 'mode':
		if (!this.popupEle \|\| this.popupTemplate)
		if (!this.popupEle \|\| this.popupTemplate) {
		break;
		}
		this.popupEle.classList.remove(RADIALSD, LINEARSD);
		@@ -1395,8 +1510,15 @@ this.popupEle.classList.add((this.mode === 'Radial') ? RADIALSD : LINEARSD);
		case 'radialSettings':
		if (this.popupEle && (this.mode === 'Radial') && !this.popupTemplate)
		if (this.popupEle && (this.mode === 'Radial') && !this.popupTemplate) {
		this.setRadialPosition();
		}
		break;
		case 'opensOnHover':
		!this.opensOnHover ? this.unwireFabHover() : this.unwireFabClick();
		this.opensOnHover ? this.wireFabHover() : this.wireFabClick();
		if (this.opensOnHover) {
		this.unwireFabClick();
		this.wireFabHover();
		}
		else {
		this.unwireFabHover();
		this.wireFabClick();
		}
		break;
		@@ -1403,0 +1525,0 @@ }

3

src/switch/switch.js

		@@ -85,3 +85,2 @@ var __extends = (this && this.__extends) \|\| (function () {
		}
		wrapper.setAttribute('aria-checked', ariaState);
		};
		@@ -159,3 +158,3 @@ Switch.prototype.clickHandler = function (evt) {
		wrapper = this.createElement('div', {
		className: WRAPPER, attrs: { 'aria-checked': 'false' }
		className: WRAPPER
		});
		@@ -162,0 +161,0 @@ this.element.parentNode.insertBefore(wrapper, this.element);

dist/ej2-buttons.min.js

Sorry, the diff of this file is too big to display

dist/ej2-buttons.umd.min.js

Sorry, the diff of this file is too big to display

dist/ej2-buttons.umd.min.js.map