'
+ );
+ }
+ }
+ });
+
+ // Remove active class and all submenu style for horizontal layout
+ var pc_menu_list_new = document.querySelectorAll('.pc-navbar .pc-trigger');
+ pc_menu_list_new.forEach(function (item) {
+ item.classList.remove('pc-trigger');
+ item.children[1].removeAttribute('style');
+
+ if (item.classList.contains('active')) {
+ item.classList.remove('active');
+ }
+ });
+ feather.replace();
+ document.querySelector('.pc-sidebar').classList.remove('d-none');
+ }
+
+ // open submenu (Submenu set left or right side depends on right & left side space)
+ function set_edge_menu() {
+ var sub_link = document.querySelectorAll('.pc-sidebar .pc-navbar .pc-hasmenu');
+ for (var t = 0; t < sub_link.length; t++) {
+ var c = sub_link[t];
+ c.addEventListener(
+ 'mouseenter',
+ function (event) {
+ collapse_edge(event);
+ },
+ function (event) {
+ event.children[1].classList.remove('edge');
+ event.children[1].classList.remove('edge-alt');
+ }
+ );
+ }
+ }
+
+ // get width
+ function get_w(element) {
+ var off = element.getBoundingClientRect();
+ var w = off.width;
+ return w;
+ }
+
+ // Collapse submenu (According to left & right side spacing it's submenu set)
+ function collapse_edge(event) {
+ var docH = window.innerHeight;
+ var docW = window.innerWidth;
+
+ if (docW > 1024) {
+ var targetElement = event.target;
+ var elm = targetElement.children[1];
+ var off = elm.getBoundingClientRect();
+ var l = off.left;
+ var t = off.top;
+ var w = off.width;
+ var h = off.height;
+ var edge_pos = l + w <= docW;
+ if (!edge_pos) {
+ elm.classList.add('edge');
+ }
+
+ var edge_pos_alt = t + h <= docH;
+ if (!edge_pos_alt) {
+ elm.classList.add('edge-alt');
+
+ var edge_pos_alt_big = t >= h;
+ if (!edge_pos_alt_big) {
+ elm.classList.add('edge-alt-full');
+ var drp_t = t - 140;
+ var drp_b = docH - t - 140;
+ var edge_style = 'top: -' + drp_t + 'px; bottom: -' + drp_b + 'px';
+ elm.setAttribute('style', edge_style);
+ }
+ }
+ }
+ }
+})();
diff --git a/dist/assets/js/layout-tab.js b/dist/assets/js/layout-tab.js
new file mode 100644
index 0000000..8997147
--- /dev/null
+++ b/dist/assets/js/layout-tab.js
@@ -0,0 +1,275 @@
+'use strict';
+(function () {
+ document.getElementsByTagName('html')[0].setAttribute('data-pc-layout', 'tab');
+
+ // Modify the HTML structure
+ var sidebar = document.querySelector('.navbar-wrapper');
+
+ // Get the navbar-content element
+ var navContent = document.querySelector('.pc-sidebar >.navbar-wrapper >.navbar-content');
+ // Check if the navbar-content element exists
+ if (navContent) {
+ navContent.style.display = 'none';
+ }
+
+ // Create the tab-container div
+ var tabContainer = document.createElement('div');
+ tabContainer.className = 'tab-container';
+
+ // Create the tab-sidemenu div
+ var tabSidemenu = document.createElement('div');
+ tabSidemenu.className = 'tab-sidemenu';
+
+ // Create the ul element with class "pc-tab-link"
+ var tabLinkUl = document.createElement('ul');
+ tabLinkUl.className = 'pc-tab-link nav flex-column';
+ tabLinkUl.setAttribute('role', 'tablist');
+ tabLinkUl.id = 'pc-layout-submenus';
+
+ // Append the ul to the tab-sidemenu div
+ tabSidemenu.appendChild(tabLinkUl);
+
+ // Create the tab-link div
+ var tabLinkDiv = document.createElement('div');
+ tabLinkDiv.className = 'tab-link';
+
+ // Create the navbar-content div
+ var navbarContentDiv = document.createElement('div');
+ navbarContentDiv.className = 'navbar-content';
+
+ // Create the tab-content div
+ var tabContentDiv = document.createElement('div');
+ tabContentDiv.className = 'tab-content';
+ tabContentDiv.id = 'pc-layout-tab';
+
+ // Create the ul element with class "pc-navbar"
+ var pcNavbarUl = document.createElement('ul');
+ pcNavbarUl.className = 'pc-navbar';
+
+ // Append the existing menu list (assuming it's a sibling) to pc-navbar
+ var menuList = document.querySelector('.pc-navbar > .menu-list');
+ if (menuList) {
+ pcNavbarUl.appendChild(menuList.cloneNode(true));
+ menuList.parentNode.removeChild(menuList);
+ }
+
+ // Append the tab-content and pc-navbar to the navbar-content div
+ navbarContentDiv.appendChild(tabContentDiv);
+ navbarContentDiv.appendChild(pcNavbarUl);
+
+ // Append the navbar-content div to the tab-link div
+ tabLinkDiv.appendChild(navbarContentDiv);
+
+ // Append the tab-sidemenu and tab-link to the tab-container
+ tabContainer.appendChild(tabSidemenu);
+ tabContainer.appendChild(tabLinkDiv);
+
+ // Append the nav element to the sidebar
+ sidebar.appendChild(tabContainer);
+
+ // add tooltip and open/close it's submenu list for first level icon
+ // var pc_link_click = document.querySelectorAll('.pc-navbar > li:not(.pc-caption)');
+ // for (var i = 0; i < pc_link_click.length; i++) {
+ // new bootstrap.Tooltip(pc_link_click[i], {
+ // trigger: 'hover',
+ // placement: 'right',
+ // title: pc_link_click[i].children[0].children[1].innerHTML
+ // });
+ // }
+ var pc_tab_menu_list = document.querySelector('.tab-container > .tab-sidemenu > .pc-tab-link');
+ var pc_tab_link_list = document.querySelector('.tab-container > .tab-link > .navbar-content > .tab-content');
+
+ if (document.querySelector('.tab-container > .tab-sidemenu')) {
+ new SimpleBar(document.querySelector('.tab-container > .tab-sidemenu'));
+ }
+
+ if (document.querySelector('.tab-container > .tab-link .navbar-content')) {
+ new SimpleBar(document.querySelector('.tab-container > .tab-link .navbar-content'));
+ }
+
+ // for all submenu hide
+ var elem = document.querySelectorAll('.pc-navbar li .pc-submenu');
+ for (var j = 0; j < elem.length; j++) {
+ elem[j].style.display = 'none';
+ }
+
+ set_tab_menu();
+
+ // set tab menu (Update html structure)
+ function set_tab_menu() {
+ var pc_menu_list = document.querySelectorAll('.pc-navbar > li.pc-item');
+ var pc_new_list = '';
+ var flag_count = 0;
+ var flag_hit = false;
+ var tab_blank_list = '';
+
+ pc_menu_list.forEach(function (item, list_index) {
+ if (item.classList.contains('pc-caption')) {
+ if (pc_tab_menu_list) {
+ flag_count += 1;
+ var menuicon = '';
+ try {
+ menuicon = item.children[1].outerHTML;
+ } catch (err) {
+ menuicon = item.children[0].innerHTML.charAt(0);
+ }
+ pc_tab_menu_list.insertAdjacentHTML(
+ 'beforeend',
+ '