@syncfusion/ej2-navigations 32.2.3 → 32.2.7

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (18) hide show
  1. package/dist/ej2-navigations.min.js +2 -2
  2. package/dist/ej2-navigations.umd.min.js +2 -2
  3. package/dist/ej2-navigations.umd.min.js.map +1 -1
  4. package/dist/es6/ej2-navigations.es2015.js +15 -8
  5. package/dist/es6/ej2-navigations.es2015.js.map +1 -1
  6. package/dist/es6/ej2-navigations.es5.js +15 -8
  7. package/dist/es6/ej2-navigations.es5.js.map +1 -1
  8. package/dist/global/ej2-navigations.min.js +2 -2
  9. package/dist/global/ej2-navigations.min.js.map +1 -1
  10. package/dist/global/index.d.ts +1 -1
  11. package/package.json +6 -6
  12. package/src/sidebar/sidebar.js +6 -0
  13. package/src/tab/tab.js +4 -2
  14. package/src/treeview/treeview-model.d.ts +12 -0
  15. package/src/treeview/treeview.d.ts +11 -0
  16. package/src/treeview/treeview.js +6 -7
  17. package/styles/accordion/_material3-dark-definition.scss +51 -35
  18. package/styles/accordion/_material3-definition.scss +51 -35
package/dist/global/index.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  /*!
2
2
  * filename: index.d.ts
3
- * version : 32.2.3
3
+ * version : 32.2.7
4
4
  * Copyright Syncfusion Inc. 2001 - 2025. All rights reserved.
5
5
  * Use of this code is subject to the terms of our license.
6
6
  * A copy of the current license can be obtained at any time by e-mailing
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@syncfusion/ej2-navigations",
3
- "version": "32.2.3",
3
+ "version": "32.2.7",
4
4
  "description": "A package of Essential JS 2 navigation components such as Tree-view, Tab, Toolbar, Context-menu, and Accordion which is used to navigate from one page to another",
5
5
  "author": "Syncfusion Inc.",
6
6
  "license": "SEE LICENSE IN license",
@@ -8,12 +8,12 @@
8
8
  "module": "./index.js",
9
9
  "es2015": "./dist/es6/ej2-navigations.es5.js",
10
10
  "dependencies": {
11
- "@syncfusion/ej2-base": "~32.2.3",
12
- "@syncfusion/ej2-buttons": "~32.2.3",
11
+ "@syncfusion/ej2-base": "~32.2.6",
12
+ "@syncfusion/ej2-buttons": "~32.2.7",
13
13
  "@syncfusion/ej2-data": "~32.2.3",
14
- "@syncfusion/ej2-inputs": "~32.2.3",
15
- "@syncfusion/ej2-lists": "~32.2.3",
16
- "@syncfusion/ej2-popups": "~32.2.3"
14
+ "@syncfusion/ej2-inputs": "~32.2.7",
15
+ "@syncfusion/ej2-lists": "~32.2.7",
16
+ "@syncfusion/ej2-popups": "~32.2.7"
17
17
  },
18
18
  "devDependencies": {},
19
19
  "keywords": [
package/src/sidebar/sidebar.js CHANGED
@@ -563,6 +563,12 @@ var Sidebar = /** @class */ (function (_super) {
563
563
  if (!this.getState()) {
564
564
  this.setDock();
565
565
  }
566
+ if (!this.enableDock) {
567
+ removeClass([this.element], DOCKER);
568
+ }
569
+ else {
570
+ addClass([this.element], DOCKER);
571
+ }
566
572
  break;
567
573
  case 'zIndex':
568
574
  this.setZindex();
package/src/tab/tab.js CHANGED
@@ -1046,9 +1046,11 @@ var Tab = /** @class */ (function (_super) {
1046
1046
  }
1047
1047
  else if (this.heightAdjustMode === 'Fill') {
1048
1048
  addClass([this.element], [CLS_FILL]);
1049
- setStyle(this.element, { 'height': '100%' });
1049
+ var parent_1 = this.element.parentElement;
1050
+ var heightVal = parent_1.style.height || parent_1.getAttribute('height');
1051
+ setStyle(this.element, { 'height': heightVal != null ? heightVal : '100%' });
1050
1052
  this.loadContentElement();
1051
- this.cntEle.style.height = 'calc(100% - ' + this.hdrEle.offsetHeight + 'px)';
1053
+ this.cntEle.style.height = heightVal != null ? "calc(" + heightVal + " - " + this.hdrEle.offsetHeight + "px)" : 'calc(100vh - ' + this.hdrEle.offsetHeight + 'px)';
1052
1054
  }
1053
1055
  else if (this.heightAdjustMode === 'Auto') {
1054
1056
  if (this.isTemplate === true) {
package/src/treeview/treeview-model.d.ts CHANGED
@@ -307,11 +307,23 @@ export interface TreeViewModel extends ComponentModel{
307
307
  * });
308
308
  * treeObj.appendTo('#tree');
309
309
  * ```
310
+ * **Note:** To correctly remove untrusted HTML values, `disableHtmlEncode` must also be set to true. When `enableHtmlSanitizer` is set to false, `disableHtmlEncode` must also be set to false.
310
311
  *
311
312
  * @default true
312
313
  */
313
314
  enableHtmlSanitizer?: boolean;
314
315
 
316
+ /**
317
+ * Enables rendering of raw text content in the Treeview component without HTML encoding.
318
+ * When set to true, the text will be displayed exactly as provided (including HTML tags or special characters),
319
+ * instead of being encoded or truncated (e.g., `hiiih<hihi` will be shown as-is).
320
+ *
321
+ * **Note:** To preserve and render raw HTML content correctly, `enableHtmlSanitizer` must also be set to false.
322
+ *
323
+ * @default true
324
+ */
325
+ disableHtmlEncode?: boolean;
326
+
315
327
  /**
316
328
  * Enables or disables persisting TreeView state between page reloads. If enabled, following APIs will persist.
317
329
  * 1. `selectedNodes` - Represents the nodes that are selected in the TreeView component.
package/src/treeview/treeview.d.ts CHANGED
@@ -693,10 +693,21 @@ export declare class TreeView extends Component<HTMLElement> implements INotifyP
693
693
  * });
694
694
  * treeObj.appendTo('#tree');
695
695
  * ```
696
+ * **Note:** To correctly remove untrusted HTML values, `disableHtmlEncode` must also be set to true. When `enableHtmlSanitizer` is set to false, `disableHtmlEncode` must also be set to false.
696
697
  *
697
698
  * @default true
698
699
  */
699
700
  enableHtmlSanitizer: boolean;
701
+ /**
702
+ * Enables rendering of raw text content in the Treeview component without HTML encoding.
703
+ * When set to true, the text will be displayed exactly as provided (including HTML tags or special characters),
704
+ * instead of being encoded or truncated (e.g., `hiiih<hihi` will be shown as-is).
705
+ *
706
+ * **Note:** To preserve and render raw HTML content correctly, `enableHtmlSanitizer` must also be set to false.
707
+ *
708
+ * @default true
709
+ */
710
+ disableHtmlEncode: boolean;
700
711
  /**
701
712
  * Enables or disables persisting TreeView state between page reloads. If enabled, following APIs will persist.
702
713
  * 1. `selectedNodes` - Represents the nodes that are selected in the TreeView component.
package/src/treeview/treeview.js CHANGED
@@ -17,7 +17,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
17
17
  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;
18
18
  return c > 3 && r && Object.defineProperty(target, key, r), r;
19
19
  };
20
- import { Component, isUndefined, Browser, compile, isNullOrUndefined, SanitizeHtmlHelper, animationMode } from '@syncfusion/ej2-base';
20
+ import { Component, isUndefined, Browser, compile, isNullOrUndefined, animationMode } from '@syncfusion/ej2-base';
21
21
  import { Property, NotifyPropertyChanges, ChildProperty, Complex } from '@syncfusion/ej2-base';
22
22
  import { Event, EventHandler, KeyboardEvents } from '@syncfusion/ej2-base';
23
23
  import { rippleEffect, Animation, remove } from '@syncfusion/ej2-base';
@@ -285,6 +285,7 @@ var TreeView = /** @class */ (function (_super) {
285
285
  _this.beforeNodeCreate(e);
286
286
  },
287
287
  enableHtmlSanitizer: this.enableHtmlSanitizer,
288
+ disableHtmlEncode: this.disableHtmlEncode,
288
289
  itemNavigable: this.fullRowNavigable
289
290
  };
290
291
  this.updateListProp(this.fields);
@@ -3375,12 +3376,7 @@ var TreeView = /** @class */ (function (_super) {
3375
3376
  this.renderReactTemplates();
3376
3377
  }
3377
3378
  else {
3378
- if (this.enableHtmlSanitizer) {
3379
- txtEle.innerText = SanitizeHtmlHelper.sanitize(newText);
3380
- }
3381
- else {
3382
- txtEle.innerHTML = newText;
3383
- }
3379
+ txtEle[ListBase.getDomSetter(this.listBaseOption)] = ListBase.getSanitizedText(newText, this.listBaseOption);
3384
3380
  }
3385
3381
  if (isInput) {
3386
3382
  removeClass([liEle], EDITING);
@@ -5824,6 +5820,9 @@ var TreeView = /** @class */ (function (_super) {
5824
5820
  __decorate([
5825
5821
  Property(true)
5826
5822
  ], TreeView.prototype, "enableHtmlSanitizer", void 0);
5823
+ __decorate([
5824
+ Property(true)
5825
+ ], TreeView.prototype, "disableHtmlEncode", void 0);
5827
5826
  __decorate([
5828
5827
  Property(false)
5829
5828
  ], TreeView.prototype, "enablePersistence", void 0);
package/styles/accordion/_material3-dark-definition.scss CHANGED
@@ -1,10 +1,26 @@
1
1
  @use 'ej2-base/styles/definition/material3-dark' as *;
2
2
  @forward 'ej2-base/styles/definition/material3-dark';
3
+ $acrdn-header-bg-color: $transparent !default;
4
+ $acrdn-header-text-color: $on-surface !default;
5
+ $acrdn-header-text-color-selected: $on-surface !default;
6
+ $acrdn-header-icon-color: $icon-color !default;
7
+ $acrdn-header-bg-color-hover: $content-bg-color-hover !default;
8
+ $acrdn-header-text-color-hover: $on-surface !default;
9
+ $acrdn-header-icon-color-hover: $primary !default;
10
+ $acrdn-header-bg-color-focus: $content-bg-color-focus !default;
11
+ $acrdn-header-text-color-focus: $on-surface !default;
12
+ $acrdn-header-icon-color-focus: $icon-color-hover !default;
13
+ $acrdn-header-bg-color-active: $transparent !default;
14
+ $acrdn-header-text-color-active: $primary !default;
15
+ $acrdn-header-icon-color-active: $on-surface !default;
16
+ $acrdn-header-bg-color-disabled: $transparent !default;
17
+ $acrdn-header-text-color-disabled: $content-text-color-disabled !default;
18
+ $acrdn-header-icon-color-disabled: $icon-color-disabled !default;
3
19
  $acrdn-skin: 'material3' !default;
4
20
  $acrdn-icon-font-size: $text-base !default;
5
21
  $acrdn-slct-header-font-weight: 500;
6
- $acrdn-header-font: rgba($content-text-color) !default;
7
- $acrdn-nested-header-font: rgba($content-text-color) !default;
22
+ $acrdn-header-font: rgba($acrdn-header-text-color) !default;
23
+ $acrdn-nested-header-font: rgba($acrdn-header-text-color-selected) !default;
8
24
  $acrdn-header-font-weight: 500 !default;
9
25
  $acrdn-header-font-size: $text-sm !default;
10
26
  $acrdn-nest-header-font-size: $text-sm !default;
@@ -16,7 +32,7 @@ $acrdn-content-font-bgr-size: $text-base !default;
16
32
  $acrdn-bgr-arrow-icon-font-size: $text-xl;
17
33
  $acrdn-bgr-item-header-content-font-size: $text-base !default;
18
34
  $acrdn-icon-font-size: $text-base !default;
19
- $acrdn-selected-header-font-color: rgba($content-text-color) !default;
35
+ $acrdn-selected-header-font-color: rgba($acrdn-header-text-color-selected) !default;
20
36
  $acrdn-nest-nrml-header-padding: 8px 0 8px 26px !default;
21
37
  $acrdn-nest-bgr-header-padding: 12px 0 12px 28px !default;
22
38
  $acrdn-nest-second-nrml-header-padding: 8px 0 8px 38px !default;
@@ -76,16 +92,16 @@ $acrdn-active-bg: rgba($content-bg-color, .0001) !default;
76
92
  $acrdn-bg-color: $transparent !default;
77
93
  $acrdn-default-bg-color: $acrdn-bg-color !default;
78
94
  $acrdn-active-bg-color: $acrdn-active-bg !default;
79
- $acrdn-selected-header-color: $transparent !default;
80
- $acrdn-icon-color: rgba($icon-color) !default;
81
- $acrdn-selected-icon-color: rgba($icon-color) !default;
95
+ $acrdn-selected-header-color: $acrdn-header-bg-color !default;
96
+ $acrdn-icon-color: rgba($acrdn-header-icon-color) !default;
97
+ $acrdn-selected-icon-color: rgba($acrdn-header-icon-color) !default;
82
98
  $acrdn-content-color: rgba($content-text-color) !default;
83
99
  $acrdn-selected-border-color: rgba($border-light) !default;
84
- $acrdn-header-focus-bg: $content-bg-color-focus !default;
85
- $acrdn-header-hover-bg: $content-bg-color-hover !default;
86
- $acrdn-header-active-bg: $transparent !default;
100
+ $acrdn-header-focus-bg: $acrdn-header-bg-color-focus !default;
101
+ $acrdn-header-hover-bg: $acrdn-header-bg-color-hover !default;
102
+ $acrdn-header-active-bg: $acrdn-header-bg-color-active !default;
87
103
  $acrdn-item-header-focus-border-color: rgba($border-light) !default;
88
- $acrdn-item-icon-disable-color: $icon-color-disabled !default;
104
+ $acrdn-item-icon-disable-color: $acrdn-header-icon-color-disabled !default;
89
105
  $acrdn-text-disable-color: $content-text-color-disabled !default;
90
106
  $acrdn-default-border: $acrdn-selected-border-color !default;
91
107
  $acrdn-item-border-color: $acrdn-default-border !default;
@@ -102,7 +118,7 @@ $acrdn-item-focus-selected-exp-border-top: 1px none $acrdn-default-border !defau
102
118
  $acrdn-item-focus-selected-exp-hdr-focus-border-color: $acrdn-default-border !default;
103
119
  $acrdn-item-focus-selected-exp-hdr-focus-border-type: solid !default;
104
120
  $acrdn-item-focus-selected-exp-hdr-focus-border-size: 0 0 1px 0 !default;
105
- $acrdn-item-focus-exp-hdr-hover-focus-bg-color: $content-bg-color-hover !default;
121
+ $acrdn-item-focus-exp-hdr-hover-focus-bg-color: $acrdn-header-bg-color-hover !default;
106
122
  $acrdn-item-focus-exp-hdr-hover-focus-color: $acrdn-selected-header-font-color !default;
107
123
  $acrdn-item-focus-selected-hdr-icons-font: $acrdn-selected-header-font-color !default;
108
124
  $acrdn-item-focus-exp-hdricon-hover-font: $acrdn-icon-color !default;
@@ -110,15 +126,15 @@ $acrdn-item-focus-selected-exp-border-color: $acrdn-default-border !default;
110
126
  $acrdn-item-exp-select-border-color: $acrdn-default-border !default;
111
127
  $acrdn-item-exp-select-border-size: 0 0 1px 0 !default;
112
128
  $acrdn-item-header-border: 0 !default;
113
- $acrdn-item-select-exp-hdr-con-disable-font: $content-text-color-disabled !default;
114
- $acrdn-item-header-content-disable-color: rgba($content-text-color) !default;
115
- $acrdn-item-hdr-con-text-disabled-font: $content-text-color-disabled !default;
129
+ $acrdn-item-select-exp-hdr-con-disable-font: $acrdn-header-text-color-disabled !default;
130
+ $acrdn-item-header-content-disable-color: rgba($acrdn-header-text-color) !default;
131
+ $acrdn-item-hdr-con-text-disabled-font: $acrdn-header-text-color-disabled !default;
116
132
  $acrdn-item-selected-exp-hdr-focus-border-color: rgba($border-light) !default;
117
133
  $acrdn-item-selected-exp-hdr-focus-border-type: solid !default;
118
134
  $acrdn-item-selected-exp-hdr-focus-border-size: 0 0 1px 0 !default;
119
- $acrdn-item-selected-exp-hdr-focus-bg: $content-bg-color-focus !default;
120
- $acrdn-item-selected-exp-hdr-hover-bg: $content-bg-color-hover !default;
121
- $acrdn-item-selected-exp-hdr-active-bg: $transparent !default;
135
+ $acrdn-item-selected-exp-hdr-focus-bg: $acrdn-header-bg-color-focus !default;
136
+ $acrdn-item-selected-exp-hdr-hover-bg: $acrdn-header-bg-color-hover !default;
137
+ $acrdn-item-selected-exp-hdr-active-bg: $acrdn-header-bg-color-active !default;
122
138
  $acrdn-item-nes-pan-con-last-child-border-bottom: 1px none $acrdn-selected-border-color !default;
123
139
  $acrdn-item-select-bg: none !default;
124
140
  $acrdn-item-select-border-color: rgba($border-light) !default;
@@ -127,45 +143,45 @@ $acrdn-item-panel-content-select-bg: none !default;
127
143
  $acrdn-item-panel-content-select-border-top: 0 !default;
128
144
  $acrdn-item-panel-content-select-border-bottom: 0 !default;
129
145
  $acrdn-item-header-hover-border: 0 !default;
130
- $acrdn-item-header-hover-bg: $content-bg-color-hover !default;
146
+ $acrdn-item-header-hover-bg: $acrdn-header-bg-color-hover !default;
131
147
  $acrdn-item-header-hover-border-color: initial !default;
132
148
  $acrdn-item-header-active-border: 0 !default;
133
149
  $acrdn-item-header-active-border-color: initial !default;
134
150
  $acrdn-item-header-focus-border: 0 !default;
135
151
  $acrdn-item-header-focus-box-shadow: $shadow-focus-ring1 !default;
136
- $acrdn-item-header-focus-bg: $content-bg-color-focus !default;
137
- $acrdn-item-header-focus-active-color: rgba($content-text-color) !default;
138
- $acrdn-item-select-exp-hdr-hover-color: rgba($content-text-color) !default;
152
+ $acrdn-item-header-focus-bg: $acrdn-header-bg-color-focus !default;
153
+ $acrdn-item-header-focus-active-color: rgba($acrdn-header-text-color-focus) !default;
154
+ $acrdn-item-select-exp-hdr-hover-color: rgba($acrdn-header-text-color-hover) !default;
139
155
  $acrdn-item-selected-exp-hdr-border-color: rgba($border-light) !default;
140
156
  $acrdn-item-selected-exp-hdr-border-size: 0 !default;
141
- $acrdn-item-selected-exp-hdr-bg: $transparent !default;
142
- $acrdn-item-selected-exp-hdr-hover-color: rgba($content-text-color) !default;
143
- $acrdn-item-selected-exp-hdr-hover-focus-color: rgba($content-text-color) !default;
144
- $acrdn-item-selected-exp-hdr-icon-color: rgba($icon-color) !default;
157
+ $acrdn-item-selected-exp-hdr-bg: $acrdn-header-bg-color !default;
158
+ $acrdn-item-selected-exp-hdr-hover-color: rgba($acrdn-header-text-color-hover) !default;
159
+ $acrdn-item-selected-exp-hdr-hover-focus-color: rgba($acrdn-header-text-color-focus) !default;
160
+ $acrdn-item-selected-exp-hdr-icon-color: rgba($acrdn-header-icon-color) !default;
145
161
  $acrdn-item-selected-exp-hdr-hover-border-color: rgba($border-light) !default;
146
162
  $acrdn-item-selected-tgl-icon-color: rgba($content-text-color) !default;
147
- $acrdn-item-selected-hdr-font: rgba($content-text-color) !default;
163
+ $acrdn-item-selected-hdr-font: rgba($acrdn-header-text-color-selected) !default;
148
164
  $acrdn-item-select-hdr-focus-border-color: rgba($border-light) !default;
149
165
  $acrdn-item-selected-border-color: rgba($border-light) !default;
150
166
  $acrdn-item-selected-border-size: 0 0 1px 0 !default;
151
167
  $acrdn-item-selected-select-last-border-bottom: 1px none rgba($border-light) !default;
152
168
  $acrdn-item-selected-selected-border-color: rgba($border-light) !default;
153
169
  $acrdn-item-selected-selected-border-size: 0 0 1px 0 !default;
154
- $acrdn-item-selected-header-background: $transparent !default;
170
+ $acrdn-item-selected-header-background: $acrdn-header-bg-color !default;
155
171
  $acrdn-item-selected-hdr-border-color: rgba($border-light) !default;
156
172
  $acrdn-item-selected-hdr-border-size: 0 !default;
157
173
  $acrdn-item-selected-header-border-radius: 0 !default;
158
- $acrdn-item-selected-hdr-con-font: rgba($primary) !default;
174
+ $acrdn-item-selected-hdr-con-font: rgba($acrdn-header-text-color-active) !default;
159
175
  $acrdn-item-selected-select-border-color: rgba($border-light) !default;
160
176
  $acrdn-item-selected-select-border-size: 0 0 1px 0 !default;
161
- $acrdn-item-selected-hdr-icon-font: rgba($primary) !default;
162
- $acrdn-item-selected-exp-hdr-con-hover-color: rgba($content-text-color) !default;
163
- $acrdn-item-selected-exp-hdr-icon-hover-color: rgba($icon-color) !default;
164
- $acrdn-item-selected-select-active-bg: $transparent !default;
165
- $acrdn-item-nes-pan-exp-hdr-color: rgba($content-text-color) !default;
177
+ $acrdn-item-selected-hdr-icon-font: rgba($acrdn-header-icon-color-hover) !default;
178
+ $acrdn-item-selected-exp-hdr-con-hover-color: rgba($acrdn-header-text-color-hover) !default;
179
+ $acrdn-item-selected-exp-hdr-icon-hover-color: rgba($acrdn-header-icon-color) !default;
180
+ $acrdn-item-selected-select-active-bg: $acrdn-header-bg-color-active !default;
181
+ $acrdn-item-nes-pan-exp-hdr-color: rgba($acrdn-header-text-color-selected) !default;
166
182
  $acrdn-item-selected-hdr-hover-border-color: rgba($border-light) !default;
167
- $acrdn-item-selected-hdr-tgl-icon-hover-font: rgba($primary) !default;
168
- $acrdn-item-nes-selected-exp-hover-hdr-icons-font: rgba($primary) !default;
183
+ $acrdn-item-selected-hdr-tgl-icon-hover-font: rgba($acrdn-header-icon-color-hover) !default;
184
+ $acrdn-item-nes-selected-exp-hover-hdr-icons-font: rgba($acrdn-header-icon-color-hover) !default;
169
185
  $acrdn-item-nes-selected-exp-hover-hdr-con-font: rgba($content-text-color) !default;
170
186
  $acrdn-item-exp-not-selected-hdr-focus-bg: none !default;
171
187
  $acrdn-item-exp-not-selected-hdr-focus-border: 0 !default;
package/styles/accordion/_material3-definition.scss CHANGED
@@ -1,10 +1,26 @@
1
1
  @use 'ej2-base/styles/definition/material3' as *;
2
2
  @forward 'ej2-base/styles/definition/material3';
3
+ $acrdn-header-bg-color: $transparent !default;
4
+ $acrdn-header-text-color: $on-surface !default;
5
+ $acrdn-header-text-color-selected: $on-surface !default;
6
+ $acrdn-header-icon-color: $icon-color !default;
7
+ $acrdn-header-bg-color-hover: $content-bg-color-hover !default;
8
+ $acrdn-header-text-color-hover: $on-surface !default;
9
+ $acrdn-header-icon-color-hover: $primary !default;
10
+ $acrdn-header-bg-color-focus: $content-bg-color-focus !default;
11
+ $acrdn-header-text-color-focus: $on-surface !default;
12
+ $acrdn-header-icon-color-focus: $icon-color-hover !default;
13
+ $acrdn-header-bg-color-active: $transparent !default;
14
+ $acrdn-header-text-color-active: $primary !default;
15
+ $acrdn-header-icon-color-active: $on-surface !default;
16
+ $acrdn-header-bg-color-disabled: $transparent !default;
17
+ $acrdn-header-text-color-disabled: $content-text-color-disabled !default;
18
+ $acrdn-header-icon-color-disabled: $icon-color-disabled !default;
3
19
  $acrdn-skin: 'material3' !default;
4
20
  $acrdn-icon-font-size: $text-base !default;
5
21
  $acrdn-slct-header-font-weight: 500;
6
- $acrdn-header-font: rgba($content-text-color) !default;
7
- $acrdn-nested-header-font: rgba($content-text-color) !default;
22
+ $acrdn-header-font: rgba($acrdn-header-text-color) !default;
23
+ $acrdn-nested-header-font: rgba($acrdn-header-text-color-selected) !default;
8
24
  $acrdn-header-font-weight: 500 !default;
9
25
  $acrdn-header-font-size: $text-sm !default;
10
26
  $acrdn-nest-header-font-size: $text-sm !default;
@@ -16,7 +32,7 @@ $acrdn-content-font-bgr-size: $text-base !default;
16
32
  $acrdn-bgr-arrow-icon-font-size: $text-xl;
17
33
  $acrdn-bgr-item-header-content-font-size: $text-base !default;
18
34
  $acrdn-icon-font-size: $text-base !default;
19
- $acrdn-selected-header-font-color: rgba($content-text-color) !default;
35
+ $acrdn-selected-header-font-color: rgba($acrdn-header-text-color-selected) !default;
20
36
  $acrdn-nest-nrml-header-padding: 8px 0 8px 26px !default;
21
37
  $acrdn-nest-bgr-header-padding: 12px 0 12px 28px !default;
22
38
  $acrdn-nest-second-nrml-header-padding: 8px 0 8px 38px !default;
@@ -76,16 +92,16 @@ $acrdn-active-bg: rgba($content-bg-color, .0001) !default;
76
92
  $acrdn-bg-color: $transparent !default;
77
93
  $acrdn-default-bg-color: $acrdn-bg-color !default;
78
94
  $acrdn-active-bg-color: $acrdn-active-bg !default;
79
- $acrdn-selected-header-color: $transparent !default;
80
- $acrdn-icon-color: rgba($icon-color) !default;
81
- $acrdn-selected-icon-color: rgba($icon-color) !default;
95
+ $acrdn-selected-header-color: $acrdn-header-bg-color !default;
96
+ $acrdn-icon-color: rgba($acrdn-header-icon-color) !default;
97
+ $acrdn-selected-icon-color: rgba($acrdn-header-icon-color) !default;
82
98
  $acrdn-content-color: rgba($content-text-color) !default;
83
99
  $acrdn-selected-border-color: rgba($border-light) !default;
84
- $acrdn-header-focus-bg: $content-bg-color-focus !default;
85
- $acrdn-header-hover-bg: $content-bg-color-hover !default;
86
- $acrdn-header-active-bg: $transparent !default;
100
+ $acrdn-header-focus-bg: $acrdn-header-bg-color-focus !default;
101
+ $acrdn-header-hover-bg: $acrdn-header-bg-color-hover !default;
102
+ $acrdn-header-active-bg: $acrdn-header-bg-color-active !default;
87
103
  $acrdn-item-header-focus-border-color: rgba($border-light) !default;
88
- $acrdn-item-icon-disable-color: $icon-color-disabled !default;
104
+ $acrdn-item-icon-disable-color: $acrdn-header-icon-color-disabled !default;
89
105
  $acrdn-text-disable-color: $content-text-color-disabled !default;
90
106
  $acrdn-default-border: $acrdn-selected-border-color !default;
91
107
  $acrdn-item-border-color: $acrdn-default-border !default;
@@ -102,7 +118,7 @@ $acrdn-item-focus-selected-exp-border-top: 1px none $acrdn-default-border !defau
102
118
  $acrdn-item-focus-selected-exp-hdr-focus-border-color: $acrdn-default-border !default;
103
119
  $acrdn-item-focus-selected-exp-hdr-focus-border-type: solid !default;
104
120
  $acrdn-item-focus-selected-exp-hdr-focus-border-size: 0 0 1px 0 !default;
105
- $acrdn-item-focus-exp-hdr-hover-focus-bg-color: $content-bg-color-hover !default;
121
+ $acrdn-item-focus-exp-hdr-hover-focus-bg-color: $acrdn-header-bg-color-hover !default;
106
122
  $acrdn-item-focus-exp-hdr-hover-focus-color: $acrdn-selected-header-font-color !default;
107
123
  $acrdn-item-focus-selected-hdr-icons-font: $acrdn-selected-header-font-color !default;
108
124
  $acrdn-item-focus-exp-hdricon-hover-font: $acrdn-icon-color !default;
@@ -110,15 +126,15 @@ $acrdn-item-focus-selected-exp-border-color: $acrdn-default-border !default;
110
126
  $acrdn-item-exp-select-border-color: $acrdn-default-border !default;
111
127
  $acrdn-item-exp-select-border-size: 0 0 1px 0 !default;
112
128
  $acrdn-item-header-border: 0 !default;
113
- $acrdn-item-select-exp-hdr-con-disable-font: $content-text-color-disabled !default;
114
- $acrdn-item-header-content-disable-color: rgba($content-text-color) !default;
115
- $acrdn-item-hdr-con-text-disabled-font: $content-text-color-disabled !default;
129
+ $acrdn-item-select-exp-hdr-con-disable-font: $acrdn-header-text-color-disabled !default;
130
+ $acrdn-item-header-content-disable-color: rgba($acrdn-header-text-color) !default;
131
+ $acrdn-item-hdr-con-text-disabled-font: $acrdn-header-text-color-disabled !default;
116
132
  $acrdn-item-selected-exp-hdr-focus-border-color: rgba($border-light) !default;
117
133
  $acrdn-item-selected-exp-hdr-focus-border-type: solid !default;
118
134
  $acrdn-item-selected-exp-hdr-focus-border-size: 0 0 1px 0 !default;
119
- $acrdn-item-selected-exp-hdr-focus-bg: $content-bg-color-focus !default;
120
- $acrdn-item-selected-exp-hdr-hover-bg: $content-bg-color-hover !default;
121
- $acrdn-item-selected-exp-hdr-active-bg: $transparent !default;
135
+ $acrdn-item-selected-exp-hdr-focus-bg: $acrdn-header-bg-color-focus !default;
136
+ $acrdn-item-selected-exp-hdr-hover-bg: $acrdn-header-bg-color-hover !default;
137
+ $acrdn-item-selected-exp-hdr-active-bg: $acrdn-header-bg-color-active !default;
122
138
  $acrdn-item-nes-pan-con-last-child-border-bottom: 1px none $acrdn-selected-border-color !default;
123
139
  $acrdn-item-select-bg: none !default;
124
140
  $acrdn-item-select-border-color: rgba($border-light) !default;
@@ -127,45 +143,45 @@ $acrdn-item-panel-content-select-bg: none !default;
127
143
  $acrdn-item-panel-content-select-border-top: 0 !default;
128
144
  $acrdn-item-panel-content-select-border-bottom: 0 !default;
129
145
  $acrdn-item-header-hover-border: 0 !default;
130
- $acrdn-item-header-hover-bg: $content-bg-color-hover !default;
146
+ $acrdn-item-header-hover-bg: $acrdn-header-bg-color-hover !default;
131
147
  $acrdn-item-header-hover-border-color: initial !default;
132
148
  $acrdn-item-header-active-border: 0 !default;
133
149
  $acrdn-item-header-active-border-color: initial !default;
134
150
  $acrdn-item-header-focus-border: 0 !default;
135
151
  $acrdn-item-header-focus-box-shadow: $shadow-focus-ring1 !default;
136
- $acrdn-item-header-focus-bg: $content-bg-color-focus !default;
137
- $acrdn-item-header-focus-active-color: rgba($content-text-color) !default;
138
- $acrdn-item-select-exp-hdr-hover-color: rgba($content-text-color) !default;
152
+ $acrdn-item-header-focus-bg: $acrdn-header-bg-color-focus !default;
153
+ $acrdn-item-header-focus-active-color: rgba($acrdn-header-text-color-focus) !default;
154
+ $acrdn-item-select-exp-hdr-hover-color: rgba($acrdn-header-text-color-hover) !default;
139
155
  $acrdn-item-selected-exp-hdr-border-color: rgba($border-light) !default;
140
156
  $acrdn-item-selected-exp-hdr-border-size: 0 !default;
141
- $acrdn-item-selected-exp-hdr-bg: $transparent !default;
142
- $acrdn-item-selected-exp-hdr-hover-color: rgba($content-text-color) !default;
143
- $acrdn-item-selected-exp-hdr-hover-focus-color: rgba($content-text-color) !default;
144
- $acrdn-item-selected-exp-hdr-icon-color: rgba($icon-color) !default;
157
+ $acrdn-item-selected-exp-hdr-bg: $acrdn-header-bg-color !default;
158
+ $acrdn-item-selected-exp-hdr-hover-color: rgba($acrdn-header-text-color-hover) !default;
159
+ $acrdn-item-selected-exp-hdr-hover-focus-color: rgba($acrdn-header-text-color-focus) !default;
160
+ $acrdn-item-selected-exp-hdr-icon-color: rgba($acrdn-header-icon-color) !default;
145
161
  $acrdn-item-selected-exp-hdr-hover-border-color: rgba($border-light) !default;
146
162
  $acrdn-item-selected-tgl-icon-color: rgba($content-text-color) !default;
147
- $acrdn-item-selected-hdr-font: rgba($content-text-color) !default;
163
+ $acrdn-item-selected-hdr-font: rgba($acrdn-header-text-color-selected) !default;
148
164
  $acrdn-item-select-hdr-focus-border-color: rgba($border-light) !default;
149
165
  $acrdn-item-selected-border-color: rgba($border-light) !default;
150
166
  $acrdn-item-selected-border-size: 0 0 1px 0 !default;
151
167
  $acrdn-item-selected-select-last-border-bottom: 1px none rgba($border-light) !default;
152
168
  $acrdn-item-selected-selected-border-color: rgba($border-light) !default;
153
169
  $acrdn-item-selected-selected-border-size: 0 0 1px 0 !default;
154
- $acrdn-item-selected-header-background: $transparent !default;
170
+ $acrdn-item-selected-header-background: $acrdn-header-bg-color !default;
155
171
  $acrdn-item-selected-hdr-border-color: rgba($border-light) !default;
156
172
  $acrdn-item-selected-hdr-border-size: 0 !default;
157
173
  $acrdn-item-selected-header-border-radius: $radius-0 !default;
158
- $acrdn-item-selected-hdr-con-font: rgba($primary) !default;
174
+ $acrdn-item-selected-hdr-con-font: rgba($acrdn-header-text-color-active) !default;
159
175
  $acrdn-item-selected-select-border-color: rgba($border-light) !default;
160
176
  $acrdn-item-selected-select-border-size: 0 0 1px 0 !default;
161
- $acrdn-item-selected-hdr-icon-font: rgba($primary) !default;
162
- $acrdn-item-selected-exp-hdr-con-hover-color: rgba($content-text-color) !default;
163
- $acrdn-item-selected-exp-hdr-icon-hover-color: rgba($icon-color) !default;
164
- $acrdn-item-selected-select-active-bg: $transparent !default;
165
- $acrdn-item-nes-pan-exp-hdr-color: rgba($content-text-color) !default;
177
+ $acrdn-item-selected-hdr-icon-font: rgba($acrdn-header-icon-color-hover) !default;
178
+ $acrdn-item-selected-exp-hdr-con-hover-color: rgba($acrdn-header-text-color-hover) !default;
179
+ $acrdn-item-selected-exp-hdr-icon-hover-color: rgba($acrdn-header-icon-color) !default;
180
+ $acrdn-item-selected-select-active-bg: $acrdn-header-bg-color-active !default;
181
+ $acrdn-item-nes-pan-exp-hdr-color: rgba($acrdn-header-text-color-selected) !default;
166
182
  $acrdn-item-selected-hdr-hover-border-color: rgba($border-light) !default;
167
- $acrdn-item-selected-hdr-tgl-icon-hover-font: rgba($primary) !default;
168
- $acrdn-item-nes-selected-exp-hover-hdr-icons-font: rgba($primary) !default;
183
+ $acrdn-item-selected-hdr-tgl-icon-hover-font: rgba($acrdn-header-icon-color-hover) !default;
184
+ $acrdn-item-nes-selected-exp-hover-hdr-icons-font: rgba($acrdn-header-icon-color-hover) !default;
169
185
  $acrdn-item-nes-selected-exp-hover-hdr-con-font: rgba($content-text-color) !default;
170
186
  $acrdn-item-exp-not-selected-hdr-focus-bg: none !default;
171
187
  $acrdn-item-exp-not-selected-hdr-focus-border: 0 !default;