axidio-styleguide-library1-v2 0.7.12 → 0.7.13

package/fesm2022/axidio-styleguide-library1-v2.mjs

@@ -3043,58 +3043,87 @@ class DropdownComponent {
     }
     handleListHeaderClick(event, data, entireList) {
         this.handleListPanelClick(event);
-        const updated = { ...this.selectedCompareBy };
-        if (updated[data.name]) {
-            delete updated[data.name];
+        if (this.dropdownHeaderName != 'Compare By' && !data.children) {
+            this.dropdownHeaderName = data.name;
+            this.isDropdownOpen = false;
+            if (this.dropdownHeaderName == 'Compare by')
+                this.setDropDownStatus();
+            else
+                sessionStorage.setItem('chartHeaderDropdown2', 'false');
+            this.selectedCompareBy = {};
+        }
+        let keysArray = Object.keys(this.selectedCompareBy);
+        if (!keysArray.length || !keysArray.includes(data.name)) {
+            this.selectedCompareBy[data.name] = data.children ? data.children : data;
+        }
+        else if (data.children) {
+            delete this.selectedCompareBy[data.name];
+        }
+        if (this.dropdownHeaderName != 'Compare by' &&
+            ((sessionStorage.getItem('selectedCompare2By') &&
+                sessionStorage.getItem('selectedCompare2By') != '{}' &&
+                JSON.stringify(this.selectedCompareBy) ==
+                    sessionStorage.getItem('selectedCompare2By')) ||
+                (!sessionStorage.getItem('selectedCompare2By') &&
+                    JSON.stringify(this.selectedCompareBy)
+                        .toLowerCase()
+                        .includes(this.dropdownHeaderName.toLowerCase())))) {
         }
         else {
-            updated[data.name] = data.children ? [...data.children] : data;
+            this.selectedFromDropdown.emit({
+                compareByFilters: this.selectedCompareBy,
+                entireList: entireList,
+            });
+        }
+        if (this.dropdownHeaderName == 'Compare by' && data.children)
+            sessionStorage.setItem('selectedCompareBy', JSON.stringify(this.selectedCompareBy));
+        else {
+            sessionStorage.setItem('selectedCompare2By', JSON.stringify(this.selectedCompareBy));
         }
-        this.selectedCompareBy = updated;
-        this.selectedFromDropdown.emit({
-            compareByFilters: this.selectedCompareBy,
-            entireList,
-        });
-        sessionStorage.setItem(this.dropdownHeaderName === 'Compare by'
-            ? 'selectedCompareBy'
-            : 'selectedCompare2By', JSON.stringify(this.selectedCompareBy));
     }
     handleListChildrenClick(event, parent, child) {
         this.handleListPanelClick(event);
-        const updated = { ...this.selectedCompareBy };
-        const currentChildren = updated[parent.name]
-            ? [...updated[parent.name]]
-            : [];
-        const index = currentChildren.findIndex(c => c.name === child.name);
-        if (index === -1) {
-            currentChildren.push(child);
-        }
-        else {
-            currentChildren.splice(index, 1);
-        }
-        if (currentChildren.length > 0) {
-            updated[parent.name] = currentChildren;
+        let keysArray = Object.keys(this.selectedCompareBy);
+        if (!keysArray.length || !keysArray.includes(parent.name)) {
+            this.selectedCompareBy[parent.name] = [child];
         }
         else {
-            delete updated[parent.name];
+            /** check if the child is already present */
+            let childObjFound = this.selectedCompareBy[parent.name].find((childObj) => childObj.name === child.name);
+            if (!childObjFound) {
+                /**child not found */
+                this.selectedCompareBy[parent.name].push(child);
+            }
+            else {
+                /**child already selected - hence delete that child*/
+                this.selectedCompareBy[parent.name] = this.selectedCompareBy[parent.name].filter((childObj) => childObj.name !== child.name);
+                if (this.selectedCompareBy[parent.name] &&
+                    !this.selectedCompareBy[parent.name].length) {
+                    delete this.selectedCompareBy[parent.name];
+                }
+            }
         }
-        this.selectedCompareBy = updated;
         this.selectedFromDropdown.emit({
             compareByFilters: this.selectedCompareBy,
-            entireList: parent.children,
+            entireList: parent?.children,
         });
-        sessionStorage.setItem(this.dropdownHeaderName === 'Compare by'
-            ? 'selectedCompareBy'
-            : 'selectedCompare2By', JSON.stringify(this.selectedCompareBy));
+        if (this.dropdownHeaderName == 'Compare by' && parent.children)
+            sessionStorage.setItem('selectedCompareBy', JSON.stringify(this.selectedCompareBy));
+        else {
+            sessionStorage.setItem('selectedCompare2By', JSON.stringify(this.selectedCompareBy));
+        }
     }
     handleIfPresent(data) {
-        const selected = this.selectedCompareBy[data.name];
-        if (!selected)
-            return false;
-        if (Array.isArray(selected) && data.children) {
-            return selected.length === data.children.length;
+        let parentObj = this.dropdownData.find((obj) => obj.name === data.name);
+        if (this.selectedCompareBy[data.name] &&
+            parentObj.children &&
+            parentObj.children.length == this.selectedCompareBy[data.name]?.length) {
+            return true;
         }
-        return true;
+        if (this.selectedCompareBy[data.name] && !parentObj.children) {
+            return true;
+        }
+        return false;
     }
     handleIfChildPresent(parent, child) {
         if (!Object.keys(this.selectedCompareBy).length) {
@@ -8042,7 +8071,7 @@ class HorizontalGroupedBarWithScrollZoomComponent extends ComponentUniqueId {
             }
             else if (groupsCount > 8 || subgroupsCount > 2) {
                 innerContainer.style('overflow-x', 'auto');
-                innerContainer.classed('scroll-enabled', true);
+                innerContainer.classed('scroll-enabled', false);
             }
             else {
                 innerContainer.style('overflow-x', 'hidden');