@syncfusion/ej2-navigations 27.2.4 → 28.1.33-686179

package/src/stepper-base/stepper-base.js

@@ -1,24 +1,28 @@
-var __extends = (this && this.__extends) || (function () {
-    var extendStatics = function (d, b) {
-        extendStatics = Object.setPrototypeOf ||
-            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
-        return extendStatics(d, b);
-    };
-    return function (d, b) {
-        extendStatics(d, b);
-        function __() { this.constructor = d; }
-        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-    };
-})();
-var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
 import { Component, NotifyPropertyChanges, Property, ChildProperty, Collection, Event, isNullOrUndefined } from '@syncfusion/ej2-base';
 var PROGRESSVALUE = '--progress-value';
+var PROGRESSPOS = '--progress-position';
+var VERTICALSTEP = 'e-vertical';
+var HORIZSTEP = 'e-horizontal';
+var ITEMLIST = 'e-stepper-steps';
 /**
  * Defines the status of the step.
  */
@@ -138,8 +142,8 @@ var StepperBase = /** @class */ (function (_super) {
     StepperBase.prototype.render = function () {
     };
     StepperBase.prototype.updateOrientaion = function (wrapper) {
-        if (wrapper.classList.contains('e-horizontal') || wrapper.classList.contains('e-vertical')) {
-            wrapper.classList.remove('e-horizontal', 'e-vertical');
+        if (wrapper.classList.contains(HORIZSTEP) || wrapper.classList.contains(VERTICALSTEP)) {
+            wrapper.classList.remove(HORIZSTEP, VERTICALSTEP);
         }
         if (!(isNullOrUndefined(this.orientation))) {
             wrapper.classList.add('e-' + this.orientation.toLocaleLowerCase());
@@ -148,23 +152,23 @@ var StepperBase = /** @class */ (function (_super) {
     StepperBase.prototype.renderProgressBar = function (wrapper) {
         this.progressStep = this.createElement('div', { className: 'e-stepper-progressbar' });
         this.progressbar = this.createElement('div', { className: 'e-progressbar-value' });
+        var beforeLabel = (wrapper.querySelector('li').querySelector('.e-step-label-container'));
         this.progressStep.appendChild(this.progressbar);
         wrapper.prepend(this.progressStep);
         this.progressbar.style.setProperty(PROGRESSVALUE, (0) + '%');
-        var beforeLabel = (wrapper.querySelector('li').querySelector('.e-step-label-container'));
-        if (wrapper.classList.contains('e-vertical')) {
+        if (wrapper.classList.contains(VERTICALSTEP)) {
             if (wrapper.classList.contains('e-label-bottom') || wrapper.classList.contains('e-label-top')) {
-                var stepsContainer = (wrapper.querySelector('.e-stepper-steps'));
-                this.progressStep.style.setProperty('--progress-position', (stepsContainer.offsetWidth / 2) + 'px');
+                var stepsContainer = (wrapper.querySelector('.' + ITEMLIST));
+                this.progressStep.style.setProperty(PROGRESSPOS, (stepsContainer.offsetWidth / 2) + 'px');
             }
             else {
-                this.progressStep.style.setProperty('--progress-position', ((this.progressBarPosition / 2) - 1) + 'px');
+                this.progressStep.style.setProperty(PROGRESSPOS, ((this.progressBarPosition / 2) - 1) + 'px');
             }
         }
         if (beforeLabel && (beforeLabel.classList.contains('e-label-before'))) {
-            this.progressStep.style.setProperty('--progress-position', (((this.progressBarPosition) - 1)) + 5 + 'px');
+            this.progressStep.style.setProperty(PROGRESSPOS, (((this.progressBarPosition) - 1)) + 5 + 'px');
         }
-        if (wrapper.classList.contains('e-horizontal')) {
+        if (wrapper.classList.contains(HORIZSTEP)) {
             this.setProgressPosition(wrapper);
         }
     };
@@ -181,9 +185,9 @@ var StepperBase = /** @class */ (function (_super) {
             }
             this.progressStep.style.setProperty('--progress-top-position', topPos + 'px');
         }
-        var lastEle = wrapper.querySelector('.e-stepper-steps').lastChild.firstChild;
+        var lastEle = wrapper.querySelector('.' + ITEMLIST).lastChild.firstChild;
         if (wrapper.classList.contains('e-rtl')) {
-            var leftPost = ((stepItemEle.offsetLeft + stepItemEle.offsetWidth) - wrapper.querySelector('.e-stepper-steps').offsetWidth);
+            var leftPost = ((stepItemEle.offsetLeft + stepItemEle.offsetWidth) - wrapper.querySelector('.' + ITEMLIST).offsetWidth);
             this.progressStep.style.setProperty('--progress-left-position', Math.abs(leftPost) + 'px');
             this.progressStep.style.setProperty('--progress-bar-width', Math.abs(lastEle.offsetLeft - stepItemEle.offsetLeft) + 'px');
         }