@syncfusion/ej2-navigations 19.2.59 → 19.3.44

package/src/tab/tab.js

@@ -17,7 +17,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     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, Property, Event, closest, Collection, Complex, attributes, detach } from '@syncfusion/ej2-base';
+import { Component, Property, Event, closest, Collection, Complex, attributes, detach, isNullOrUndefined } from '@syncfusion/ej2-base';
 import { NotifyPropertyChanges, ChildProperty, select, isVisible } from '@syncfusion/ej2-base';
 import { KeyboardEvents, Browser, formatUnit, L10n } from '@syncfusion/ej2-base';
 import { setStyleAttribute as setStyle, isNullOrUndefined as isNOU, selectAll, addClass, removeClass, remove } from '@syncfusion/ej2-base';
@@ -244,12 +244,7 @@ var Tab = /** @class */ (function (_super) {
         if (this.isReact) {
             this.clearTemplate();
         }
-        if (!this.isServerRendered) {
-            _super.prototype.refresh.call(this);
-        }
-        else if (this.isServerRendered && this.loadOn !== 'Dynamic') {
-            this.setActiveBorder();
-        }
+        _super.prototype.refresh.call(this);
         if (this.isReact) {
             this.renderReactTemplates();
         }
@@ -295,10 +290,6 @@ var Tab = /** @class */ (function (_super) {
         this.initRender = false;
     };
     Tab.prototype.renderContainer = function () {
-        if (this.isServerRendered) {
-            this.isTemplate = false;
-            return;
-        }
         var ele = this.element;
         this.items.forEach(function (item, index) {
             if (isNOU(item.id) && !isNOU(item.setProperties)) {
@@ -507,7 +498,17 @@ var Tab = /** @class */ (function (_super) {
             if (typeof txt === 'string' && _this.enableHtmlSanitizer) {
                 txt = SanitizeHtmlHelper.sanitize(txt);
             }
-            _this.lastIndex = ((tbCount === 0) ? i : ((_this.isReplace) ? (index + i) : (_this.lastIndex + 1)));
+            var itemIndex;
+            if (_this.isReplace && !isNOU(_this.tbId) && _this.tbId !== '') {
+                var num = (_this.tbId.indexOf('_'));
+                itemIndex = parseInt(_this.tbId.substring(num + 1), 10);
+                _this.tbId = '';
+            }
+            else {
+                itemIndex = index + i;
+            }
+            var addIndex = _this.isAdd ? tbCount + i : _this.lastIndex + 1;
+            _this.lastIndex = ((tbCount === 0) ? i : ((_this.isReplace) ? (itemIndex) : (addIndex)));
             var disabled = (item.disabled) ? ' ' + CLS_DISABLE + ' ' + CLS_OVERLAY : '';
             var hidden = (item.visible === false) ? ' ' + CLS_HIDDEN : '';
             txtWrapEle = _this.createElement('div', { className: CLS_TEXT, attrs: { 'role': 'presentation' } });
@@ -695,23 +696,17 @@ var Tab = /** @class */ (function (_super) {
         var _this = this;
         var prevIndex = this.prevIndex;
         var oldCnt;
-        var newCnt;
-        if (!this.isServerRendered || (this.isServerRendered && this.loadOn !== 'Dynamic')) {
-            var itemCollection = [].slice.call(this.element.querySelector('.' + CLS_CONTENT).children);
-            itemCollection.forEach(function (item) {
-                if (item.id === _this.prevActiveEle) {
-                    oldCnt = item;
-                }
-            });
-            var prevEle = this.tbItem[prevIndex];
-            newCnt = this.getTrgContent(this.cntEle, this.extIndex(id));
-            if (isNOU(oldCnt) && !isNOU(prevEle)) {
-                var idNo = this.extIndex(prevEle.id);
-                oldCnt = this.getTrgContent(this.cntEle, idNo);
+        var itemCollection = [].slice.call(this.element.querySelector('.' + CLS_CONTENT).children);
+        itemCollection.forEach(function (item) {
+            if (item.id === _this.prevActiveEle) {
+                oldCnt = item;
             }
-        }
-        else {
-            newCnt = this.cntEle.firstElementChild;
+        });
+        var prevEle = this.tbItem[prevIndex];
+        var newCnt = this.getTrgContent(this.cntEle, this.extIndex(id));
+        if (isNOU(oldCnt) && !isNOU(prevEle)) {
+            var idNo = this.extIndex(prevEle.id);
+            oldCnt = this.getTrgContent(this.cntEle, idNo);
         }
         if (!isNOU(newCnt)) {
             this.prevActiveEle = newCnt.id;
@@ -941,21 +936,6 @@ var Tab = /** @class */ (function (_super) {
             curActItem.firstElementChild.focus();
         }
     };
-    Tab.prototype.serverChangeOrientation = function (newProp, oldProp) {
-        this.setOrientation(newProp, this.hdrEle);
-        removeClass([this.element], [CLS_VTAB]);
-        var newValue = newProp === 'Left' || newProp === 'Right';
-        var oldValue = oldProp === 'Left' || oldProp === 'Right';
-        if (newValue !== oldValue) {
-            this.changeToolbarOrientation();
-        }
-        if (this.isVertical()) {
-            addClass([this.element], [CLS_VTAB]);
-        }
-        this.updateOrientationAttribute();
-        this.setActiveBorder();
-        this.focusItem();
-    };
     Tab.prototype.changeToolbarOrientation = function () {
         this.tbObj.setProperties({ height: (this.isVertical() ? '100%' : 'auto'), width: (this.isVertical() ? 'auto' : '100%') }, true);
         this.tbObj.changeOrientation();
@@ -1040,6 +1020,9 @@ var Tab = /** @class */ (function (_super) {
                 }
                 this.templateEle = [];
                 this.getContent(ele, this.items[0].content, 'render', 0);
+                if (this.prevIndex !== this.selectedItem) {
+                    ele.classList.remove(CLS_ACTIVE);
+                }
             }
             setStyle(this.cntEle, { 'height': this.maxHeight + 'px' });
         }
@@ -1058,9 +1041,6 @@ var Tab = /** @class */ (function (_super) {
         if (trg === null) {
             return;
         }
-        if (this.isServerRendered && trg.classList.contains(CLS_TB_POPUP)) {
-            this.popupHandler(trg);
-        }
         var root = closest(trg, '.' + CLS_TAB);
         if (this.element !== root) {
             return;
@@ -1102,9 +1082,6 @@ var Tab = /** @class */ (function (_super) {
         if (skipDataBind === void 0) { skipDataBind = false; }
         this.tbItem = selectAll('.' + CLS_TB_ITEM, this.getTabHeader());
         var trg = this.tbItem[value];
-        if (this.isServerRendered && trg) {
-            value = parseInt(trg.getAttribute('data-index'), 10);
-        }
         if (value < 0 || isNaN(value) || this.tbItem.length === 0) {
             return;
         }
@@ -1146,7 +1123,7 @@ var Tab = /** @class */ (function (_super) {
                 this.triggerAnimation(id, this.enableAnimation);
             }
         }
-        else if (!this.isServerRendered || (this.isServerRendered && this.loadOn === 'Init')) {
+        else {
             this.cntEle = select('.' + CLS_TAB + ' > .' + CLS_CONTENT, this.element);
             var item = this.getTrgContent(this.cntEle, this.extIndex(id));
             if (isNOU(item)) {
@@ -1264,12 +1241,7 @@ var Tab = /** @class */ (function (_super) {
         }
         else {
             this.isPopup = false;
-            if (this.isServerRendered && !isNOU(trgParent)) {
-                if (parseInt(trgParent.getAttribute('data-index'), 10) !== this.selectedItem) {
-                    this.select(trgIndex);
-                }
-            }
-            else if (!isNOU(trgParent) && (trgIndex !== this.selectedItem || trgIndex !== this.prevIndex)) {
+            if (!isNOU(trgParent) && (trgIndex !== this.selectedItem || trgIndex !== this.prevIndex)) {
                 this.select(trgIndex, args.originalEvent);
             }
         }
@@ -1414,8 +1386,17 @@ var Tab = /** @class */ (function (_super) {
                 var property = Object.keys(newProp.items[index])[0];
                 var oldVal = Object(oldProp.items[index])[property];
                 var newVal = Object(newProp.items[index])[property];
-                var hdrItem = select('.' + CLS_TB_ITEMS + ' #' + CLS_ITEM + this.tabId + '_' + index, this.element);
-                var cntItem = select('.' + CLS_CONTENT + ' #' + CLS_CONTENT + this.tabId + '_' + index, this.element);
+                var hdr = this.element.querySelectorAll('.' + CLS_TB_ITEM)[index];
+                var itemIndex = void 0;
+                if (hdr && !isNOU(hdr.id) && hdr.id !== '') {
+                    var num = (hdr.id.indexOf('_'));
+                    itemIndex = parseInt(hdr.id.substring(num + 1), 10);
+                }
+                else {
+                    itemIndex = index;
+                }
+                var hdrItem = select('.' + CLS_TB_ITEMS + ' #' + CLS_ITEM + this.tabId + '_' + itemIndex, this.element);
+                var cntItem = select('.' + CLS_CONTENT + ' #' + CLS_CONTENT + this.tabId + '_' + itemIndex, this.element);
                 if (property === 'header' || property === 'headerTemplate') {
                     var icon = (isNOU(this.items[index].header) ||
                         isNOU(this.items[index].header.iconCss)) ? '' : this.items[index].header.iconCss;
@@ -1424,6 +1405,7 @@ var Tab = /** @class */ (function (_super) {
                         this.removeTab(index);
                     }
                     else {
+                        this.tbId = hdr.id;
                         var arr = [];
                         arr.push(this.items[index]);
                         this.items.splice(index, 1);
@@ -1553,10 +1535,7 @@ var Tab = /** @class */ (function (_super) {
                         }
                     }
                     _this.cloneElement.style.pointerEvents = 'none';
-                    var x = _this.cloneElement.getBoundingClientRect().left;
-                    var y = _this.cloneElement.getBoundingClientRect().top;
-                    var ele = document.elementFromPoint(x, y);
-                    dropItem = closest(ele, '.' + CLS_TB_ITEM + '.e-draggable');
+                    dropItem = closest(e.target, '.' + CLS_TB_ITEM + '.e-draggable');
                     var scrollContentWidth = 0;
                     if (_this.overflowMode === 'Scrollable' && !isNOU(_this.element.querySelector('.e-hscroll'))) {
                         scrollContentWidth = _this.element.querySelector('.e-hscroll-content').offsetWidth;
@@ -1926,7 +1905,7 @@ var Tab = /** @class */ (function (_super) {
         }
         this.setActiveBorder();
         item.setAttribute('aria-hidden', '' + value);
-        if (!this.isServerRendered && this.overflowMode === 'Popup' && this.tbObj) {
+        if (this.overflowMode === 'Popup' && this.tbObj) {
             this.tbObj.refreshOverflow();
         }
     };
@@ -2086,12 +2065,10 @@ var Tab = /** @class */ (function (_super) {
                     break;
                 case 'height':
                     setStyle(this.element, { height: formatUnit(newProp.height) });
-                    if (!this.isServerRendered) {
-                        this.setContentHeight(false);
-                    }
+                    this.setContentHeight(false);
                     break;
                 case 'cssClass':
-                    if (oldProp.cssClass !== '') {
+                    if (oldProp.cssClass !== '' && !isNullOrUndefined(oldProp.cssClass)) {
                         this.setCssClass(this.element, oldProp.cssClass, false);
                         this.setCssClass(this.element, newProp.cssClass, true);
                     }
@@ -2100,26 +2077,17 @@ var Tab = /** @class */ (function (_super) {
                     }
                     break;
                 case 'items':
-                    if (!this.isServerRendered) {
-                        this.evalOnPropertyChangeItems(newProp, oldProp);
-                    }
+                    this.evalOnPropertyChangeItems(newProp, oldProp);
                     break;
                 case 'showCloseButton':
                     this.setCloseButton(newProp.showCloseButton);
                     break;
                 case 'selectedItem':
-                    if (!this.isServerRendered) {
-                        this.selectedItem = oldProp.selectedItem;
-                        this.select(newProp.selectedItem);
-                    }
+                    this.selectedItem = oldProp.selectedItem;
+                    this.select(newProp.selectedItem);
                     break;
                 case 'headerPlacement':
-                    if (this.isServerRendered) {
-                        this.serverChangeOrientation(newProp.headerPlacement, oldProp.headerPlacement);
-                    }
-                    else {
-                        this.changeOrientation(newProp.headerPlacement);
-                    }
+                    this.changeOrientation(newProp.headerPlacement);
                     break;
                 case 'enableRtl':
                     this.setRTL(newProp.enableRtl);
@@ -2130,10 +2098,8 @@ var Tab = /** @class */ (function (_super) {
                     this.refreshActElePosition();
                     break;
                 case 'heightAdjustMode':
-                    if (!this.isServerRendered) {
-                        this.setContentHeight(false);
-                        this.select(this.selectedItem);
-                    }
+                    this.setContentHeight(false);
+                    this.select(this.selectedItem);
                     break;
                 case 'scrollStep':
                     if (this.tbObj) {

package/src/toolbar/toolbar.js

@@ -1970,7 +1970,7 @@ var Toolbar = /** @class */ (function (_super) {
             var prop = _a[_i];
             switch (prop) {
                 case 'items':
-                    if (!(newProp.items instanceof Array && oldProp.items instanceof Array) && !this.isServerRendered) {
+                    if (!(newProp.items instanceof Array && oldProp.items instanceof Array)) {
                         var changedProb = Object.keys(newProp.items);
                         for (var i = 0; i < changedProb.length; i++) {
                             var index = parseInt(Object.keys(newProp.items)[i], 10);

package/styles/accordion/_bootstrap5-dark-definition.scss

@@ -0,0 +1 @@
+@import './bootstrap5-definition.scss';

package/styles/accordion/_bootstrap5-definition.scss

@@ -0,0 +1,81 @@
+//default
+/*! component's theme wise override bootstrap5-definitions and variables */
+$acrdn-skin: 'bootstrap5' !default;
+$acrdn-slct-header-font-weight: $font-weight-normal;
+
+$acrdn-border-radius: 4px !default;
+$acrdn-nrml-header-minheight: 38px !default;
+$acrdn-bgr-header-minheight: 48px !default;
+$acrdn-nrml-header-lineheight: 22px !default;
+$acrdn-bgr-header-lineheight: 24px !default;
+$acrdn-nrml-header-paddingpix: 16px !default;
+$acrdn-bgr-header-paddingpix: 16px !default;
+$acrdn-icon-font-size: $text-lg !default;
+$acrdn-content-line-height: 1.5 !default;
+$acrdn-tab-highlight-color:  rgba(0, 0, 0, 0) !default;
+
+// Header, Nested header and RTL mode Padding
+$acrdn-nest-nrml-header-padding: 8px 0 8px 26px !default;
+$acrdn-nest-bgr-header-padding: 12px 0 12px 28px !default;
+$acrdn-nest-second-nrml-header-padding: 8px 0 8px 38px !default;
+$acrdn-nest-second-bgr-header-padding: 12px 0 12px 40px !default;
+$acrdn-nrml-header-padding: 7px 12px !default;
+$acrdn-bgr-header-padding: 11px 17px !default;
+$acrdn-rtl-nrml-header-padding: 7px 12px !default;
+$acrdn-rtl-bgr-header-padding: 11px 17px !default;
+$acrdn-rtl-nest-nrml-header-padding: 8px 26px 8px 0 !default;
+$acrdn-rtl-nest-bgr-header-padding: 12px 28px 12px 0 !default;
+$acrdn-rtl-nest-second-nrml-header-padding: 8px 38px 8px 0 !default;
+$acrdn-rtl-nest-second-bgr-header-padding: 12px 40px 12px 0 !default;
+
+// Content, Nested content and RTL mode Padding
+$acrdn-nrml-content-padding: 12px !default;
+$acrdn-bgr-content-padding: 16px !default;
+$acrdn-nest-nrml-content-padding: 16px !default;
+$acrdn-nest-bgr-content-padding: 20px !default;
+$acrdn-nest-second-nrml-content-padding: 20px !default;
+$acrdn-nest-second-bgr-content-padding: 24px !default;
+$acrdn-rtl-nest-nrml-content-padding: 16px !default;
+$acrdn-rtl-nest-bgr-content-padding: 20px !default;
+$acrdn-rtl-nest-second-nrml-content-padding: 20px !default;
+$acrdn-rtl-nest-second-bgr-content-padding: 24px !default;
+
+$acrdn-nrml-header-icon-padding: 8px !default;
+$acrdn-bgr-header-icon-padding: 12px !default;
+$acrdn-nrml-icn-minwidth: 22px !default;
+$acrdn-bgr-icn-minwidth: 24px !default;
+$acrdn-active-bg: $content-bg-color !default;
+$acrdn-bg-color: $content-bg-color !default;
+$acrdn-selected-header-font-color: $primary !default;
+$acrdn-selected-header-color: $content-bg-color !default;
+$acrdn-icon-color: $icon-color !default;
+$acrdn-selected-icon-color: $primary !default;
+$acrdn-content-color: $content-text-color !default;
+$acrdn-header-font: $content-text-color !default;
+$acrdn-nested-header-font: $content-text-color !default;
+$acrdn-header-font-weight: $font-weight-normal !default;
+$acrdn-header-font-size: $text-sm !default;
+$acrdn-nest-header-font-size: $text-sm !default;
+$acrdn-content-font-size: $text-sm !default;
+$acrdn-header-font-bgr-size: $text-base !default;
+$acrdn-content-font-bgr-size: $text-base !default;
+$acrdn-selected-border-size: 1px !default;
+$acrdn-item-padding-size: 0 !default;
+$acrdn-selected-border-type: none !default;
+$acrdn-selected-border-color: $border-light !default;
+$acrdn-default-border: $acrdn-selected-border-color !default;
+$acrdn-header-focus-bg: $primary-lighter !default;
+$acrdn-header-hover-bg: $primary-lighter !default;
+$acrdn-header-active-bg: $primary-lighter !default;
+$acrdn-item-header-focus-border-color: $primary !default;
+
+$acrdn-border-type: solid !default;
+$acrdn-border-size: 1px !default;
+$acrdn-bgr-arrow-icon-font-size: 22px;
+$acrdn-bgr-icon-font-size: 20px !default;
+$acrdn-icon-font-size: 18px !default;
+$acrdn-icon-disable-color: $icon-color-disabled;
+$acrdn-text-disable-color: $content-text-color-disabled;
+
+
+//enddefault

package/styles/accordion/_fabric-dark-definition.scss

@@ -70,5 +70,6 @@ $acrdn-selected-border-size: $border-size !default;
 $acrdn-item-padding-size: 0 !default;
 $acrdn-selected-border-type: $border-type !default;
 $acrdn-selected-border-color: $neutral-light !default;
+$acrdn-item-header-focus-border-color: $acrdn-header-focus-bg !default;
 
 //enddefault

package/styles/accordion/_fabric-definition.scss

@@ -71,6 +71,7 @@ $acrdn-selected-border-size: $border-size !default;
 $acrdn-item-padding-size: 0 !default;
 $acrdn-selected-border-type: $border-type !default;
 $acrdn-selected-border-color: $neutral-light !default;
+$acrdn-item-header-focus-border-color: $acrdn-header-focus-bg !default;
 
 $acrdn-item-border-color: $neutral-white !default;
 $acrdn-item-header-border-color: $neutral-white !default;

package/styles/accordion/_highcontrast-definition.scss

@@ -6,7 +6,7 @@ $acrdn-header-font-bgr-size: 16px !default;
 $acrdn-content-font-bgr-size: 14px !default;
 $acrdn-nest-header-font-size: 14px !default;
 $acrdn-bgr-icn-minwidth: 30px !default;
-$acrdn-slct-header-font-weight: normal !default;
+$acrdn-slct-header-font-weight: 600 !default;
 $acrdn-nrml-icn-minwidth: 24px !default;
 $acrdn-nrml-header-minheight: 40px !default;
 $acrdn-bgr-header-minheight: 50px !default;

package/styles/accordion/_layout.scss

@@ -56,7 +56,7 @@
           min-width: $acrdn-bgr-icn-minwidth;
           right: $acrdn-bgr-header-paddingpix;
 
-          @if $acrdn-skin == 'bootstrap4' or $acrdn-skin == 'tailwind' or $acrdn-skin == 'tailwind-dark' {
+          @if $acrdn-skin == 'bootstrap4' or $acrdn-skin == 'tailwind' or $acrdn-skin == 'bootstrap5' {
             font-size: $acrdn-bgr-arrow-icon-font-size;
           }
         }
@@ -65,7 +65,7 @@
           display: inline-block;
           padding: 0 $acrdn-bgr-header-icon-padding 0 0;
 
-          @if $acrdn-skin == 'bootstrap4' or $acrdn-skin == 'tailwind' or $acrdn-skin == 'tailwind-dark' {
+          @if $acrdn-skin == 'bootstrap4' or $acrdn-skin == 'tailwind' or $acrdn-skin == 'bootstrap5' {
             .e-acrdn-icons.e-icons {
               font-size: $acrdn-bgr-icon-font-size;
             }
@@ -218,10 +218,6 @@
 
         > .e-acrdn-header .e-acrdn-header-content {
           font-weight: $acrdn-slct-header-font-weight;
-
-          @if $acrdn-skin == 'highcontrast' {
-            font-weight: 600;
-          }
         }
 
       }
@@ -232,7 +228,9 @@
     }
 
     .e-acrdn-item {
-      overflow: hidden;
+      @if $acrdn-skin != 'bootstrap5' {
+        overflow: hidden;
+      }
       padding-top: $acrdn-item-padding-size;
       position: relative;
 
@@ -321,7 +319,7 @@
             }
           }
 
-          @if $acrdn-skin == 'tailwind' or $acrdn-skin == 'tailwind-dark' {
+          @if $acrdn-skin == 'tailwind' or $acrdn-skin == 'bootstrap5' {
             .e-acrdn-icons.e-icons {
               font-size: $acrdn-icon-font-size;
             }

package/styles/accordion/_tailwind-dark-definition.scss

@@ -1,77 +1 @@
-//default
-/*! component's theme wise override tailwind-dark-definitions and variables */
-$acrdn-skin: 'tailwind-dark' !default;
-$acrdn-slct-header-font-weight: $font-weight-medium;
-
-$acrdn-nrml-header-minheight: 38px !default;
-$acrdn-bgr-header-minheight: 48px !default;
-$acrdn-nrml-header-lineheight: 22px !default;
-$acrdn-bgr-header-lineheight: 24px !default;
-$acrdn-nrml-header-paddingpix: 16px !default;
-$acrdn-bgr-header-paddingpix: 16px !default;
-$acrdn-icon-font-size: $text-lg !default;
-$acrdn-content-line-height: 1.5 !default;
-$acrdn-tab-highlight-color:  rgba(0, 0, 0, 0) !default;
-
-// Header, Nested header and RTL mode Padding
-$acrdn-nest-nrml-header-padding: 8px 0 8px 26px !default;
-$acrdn-nest-bgr-header-padding: 12px 0 12px 28px !default;
-$acrdn-nest-second-nrml-header-padding: 8px 0 8px 38px !default;
-$acrdn-nest-second-bgr-header-padding: 12px 0 12px 40px !default;
-$acrdn-nrml-header-padding: 7px 12px !default;
-$acrdn-bgr-header-padding: 11px 17px !default;
-$acrdn-rtl-nrml-header-padding: 7px 12px !default;
-$acrdn-rtl-bgr-header-padding: 11px 17px !default;
-$acrdn-rtl-nest-nrml-header-padding: 8px 26px 8px 0 !default;
-$acrdn-rtl-nest-bgr-header-padding: 12px 28px 12px 0 !default;
-$acrdn-rtl-nest-second-nrml-header-padding: 8px 38px 8px 0 !default;
-$acrdn-rtl-nest-second-bgr-header-padding: 12px 40px 12px 0 !default;
-
-// Content, Nested content and RTL mode Padding
-$acrdn-nrml-content-padding: 12px !default;
-$acrdn-bgr-content-padding: 16px !default;
-$acrdn-nest-nrml-content-padding: 16px !default;
-$acrdn-nest-bgr-content-padding: 20px !default;
-$acrdn-nest-second-nrml-content-padding: 20px !default;
-$acrdn-nest-second-bgr-content-padding: 24px !default;
-$acrdn-rtl-nest-nrml-content-padding: 16px !default;
-$acrdn-rtl-nest-bgr-content-padding: 20px !default;
-$acrdn-rtl-nest-second-nrml-content-padding: 20px !default;
-$acrdn-rtl-nest-second-bgr-content-padding: 24px !default;
-
-$acrdn-nrml-header-icon-padding: 8px !default;
-$acrdn-bgr-header-icon-padding: 12px !default;
-$acrdn-nrml-icn-minwidth: 22px !default;
-$acrdn-bgr-icn-minwidth: 24px !default;
-$acrdn-active-bg: $content-bg-color !default;
-$acrdn-bg-color: $content-bg-color-alt1 !default;
-$acrdn-selected-header-font-color: $primary !default;
-$acrdn-selected-header-color: $content-bg-color !default;
-$acrdn-icon-color: $icon-color !default;
-$acrdn-selected-icon-color: $primary !default;
-$acrdn-content-color: $content-text-color !default;
-$acrdn-header-font: $content-text-color !default;
-$acrdn-nested-header-font: $content-text-color !default;
-$acrdn-header-font-weight: $font-weight-medium !default;
-$acrdn-header-font-size: $text-sm !default;
-$acrdn-nest-header-font-size: $text-sm !default;
-$acrdn-content-font-size: $text-sm !default;
-$acrdn-header-font-bgr-size: $text-base !default;
-$acrdn-content-font-bgr-size: $text-base !default;
-$acrdn-selected-border-size: 1px !default;
-$acrdn-item-padding-size: 0 !default;
-$acrdn-selected-border-type: none !default;
-$acrdn-selected-border-color: $border-light !default;
-$acrdn-default-border: $acrdn-selected-border-color !default;
-$acrdn-header-focus-bg: $content-bg-color-focus !default;
-$acrdn-header-hover-bg: $content-bg-color-hover !default;
-$acrdn-header-active-bg: $content-bg-color-pressed !default;
-
-$acrdn-border-type: solid !default;
-$acrdn-border-size: 1px !default;
-$acrdn-bgr-arrow-icon-font-size: 22px;
-$acrdn-bgr-icon-font-size: 20px !default;
-$acrdn-icon-font-size: 18px !default;
-$acrdn-icon-disable-color: $icon-color-disabled;
-$acrdn-text-disable-color: $content-text-color-disabled;
-//enddefault
+@import './tailwind-definition.scss';