var __awaiter=this&&this.__awaiter||function(n,t,i,r){function u(n){return n instanceof i?n:new i(function(t){t(n)})}return new(i||(i=Promise))(function(i,f){function o(n){try{e(r.next(n))}catch(t){f(t)}}function s(n){try{e(r["throw"](n))}catch(t){f(t)}}function e(n){n.done?i(n.value):u(n.value).then(o,s)}e((r=r.apply(n,t||[])).next())})},Unibase;(function(n){let t;(function(t){let i;(function(i){let r;(function(r){class u extends n.Platform.Core.BaseComponent{constructor(){super(...arguments);this.ThemeId=0;this.activeMode="";this.Thumbnail="";this.BackgroundImageId=0;this.modes=[];this.layoutSettings=[];this.isLayoutSettingsModified=!1;this.Logo=n.Themes.Compact.Components.Index.Instance().Logo;this.isModeButtonClicked=!1;this.backgroundImageSimplebar=".layoutbuilder-simple-scroll-bar .simplebar-content-wrapper";this.primaryItem="#myColorTabContent #primary .colors-wrap .color-box";this.secondaryItem="#myColorTabContent #secondary .colors-wrap .color-box";this.highLightItem="#myColorTabContent #highlight .colors-wrap .color-box";this.primaryTextItem="#myTextColorTabContent #primaryText .colors-wrap .color-box";this.secondaryTextItem="#myTextColorTabContent #secondaryText .colors-wrap .color-box";this.buttonMode="#dipsplay-modes-section .buttons-wrap button.mode-btn";this.customModeInputSection="#dipsplay-modes-section .custom-mode-section .custom-mode-input-section";this.customModeInput="#dipsplay-modes-section .custom-mode-section input.custom-mode-input";this.layoutElement=".layout-builder #menu-layouts .card-body .row.layout-row a";this.detailsViewElement=".layout-builder #detail-list-view .card-body .row.detail-row a";this.backgroundImageElement=".layout-builder #background-image-view .card-body .row a";this.logoElementLeft=".layout-builder-dashboard .biz-submenu .brand-img";this.logoElementTop=".layout-builder-dashboard .top-navbar .brand-img";this.defaultDisplayModes=[];this.instance=this}cssFiles(){return["libs/dragula/dist/style.css","platform/layout/components/layoutbuilder/style.layoutbuilder.css","libs/spectrum-2.0.8/dist/spectrum.css"]}jsFiles(){return["platform/layout/managers/themelayoutmanager.js","libs/dragula/dist/dragula.min.js","libs/dragula/dist/init.js","libs/spectrum-2.0.8/dist/spectrum.js",]}html(){var t=this;return n.Platform.Layouts.Components.LayoutBuilder_Template.Instance().loadTemplate()}load(t,r,u){$(".color-pickr-container").each((n,t)=>{let i=$(t).attr("data-name");$(`.sp-container.${i}`).remove()});let f=this;f.isLayoutSettingsModified=!1;f.isModeButtonClicked=!1;$(".btn-layout-builder-close").click(function(){$(".biz-wrapper").removeClass(".biz-drawer-push biz-drawer-pushright");$("#"+r).modal("hide");$("#"+r).remove()});f.addDefaultDisplayModes();f.fileCacheHelper.loadJsFile("platform/core/infos/status.js",function(){});i.Managers.ThemeLayoutManager.Instance().getLayoutBuilderInfo(0,0).then(function(t){var i,r,u;$(".preloader-it").delay(1e3).fadeIn("slow");let e=t.result;if(e!=null){f.currentTheme=t.result.CurrentTheme;let e=t.result.LayoutInfo;for(i=0;i<e.length;i++){let n=e[i],r=n.LayoutId;n.Thumbnail=n.Thumbnail.replace(".png",".svg");$(".layout-builder #menu-layouts .layout-row").append(`<a href="javascript:;" class="col-6 p-0 mb-2 pr-2 p-relative" data-id="${r}" data-index="${n.LayoutIndex}">
                                        <img src="${n.Thumbnail}" class="rounded w-100 h-100" data-dynamic="1" onerror="ReloadImage(event)" title="${n.LayoutName}" />
	                                    <i class="zmdi zmdi-check"></i>
                                    </a>`);let t="layoutPreviewHtml_"+r,u="<div id='"+t+"' class='d-none layoutpreviewhtml'> <\/div>";$(n.AppendTo).prepend(u);n.PreviewHtml.includes("%3")?$("#"+t).append(HtmlHelper.getHelper().decode(n.PreviewHtml)):$("#"+t).append(n.PreviewHtml)}if(e=t.result.LayoutSettings,e){f.layoutSettings=[];for(let n=0;n<e.length;n++){let t=e[n],i={LayoutId:t.LayoutId,SettingValue:t.SettingValue,logoImgUrl:t.LogoImageUrl,IsOverrideLogo:t.IsOverrideLogo};f.layoutSettings.push(i)}}for($(f.layoutElement).click(function(){$(f.layoutElement).removeClass("active");$(this).addClass("active");let n=Number($(this).attr("data-id"));f.LayoutId=n;let t="layoutPreviewHtml_"+n;$(".layoutpreviewhtml").addClass("d-none");$("#"+t).removeClass("d-none");$(".layout-builder-dashboard").removeClass("biz-layout-3-preview");let i=Number($(this).attr("data-index"));i==3&&$(".layout-builder-dashboard").addClass("biz-layout-3-preview");f.isLayoutSettingsModified?bootbox.confirm({message:"Do you want to save previous layout settings?",className:"layout-builder-bootbox",callback:function(t){t?(f.getLayoutSettings(),MessageHelper.Instance().showSuccess("Layout Settings Saved!",""),f.appendLayoutSettings(n)):(f.logoFileData=null,f.appendLayoutSettings(n));f.isLayoutSettingsModified=!1}}):f.appendLayoutSettings(n)}),e=t.result.DetailViewInfo,i=0;i<e.length;i++){let n=e[i],t=n.DetailsViewId;$(".layout-builder #detail-list-view .detail-row").append(`<a href="javascript:;" class="col-6 p-0 mb-2 pr-2 p-relative" data-id="${t}">	                                    
                                        <img src="${n.Thumbnail}" class="rounded w-100 h-100" data-dynamic="1" onerror="ReloadImage(event)" title="${n.DetailsViewName}" />
	                                    <i class="zmdi zmdi-check"></i>
                                    </a>`);r="detailsViewPreviewHtml_"+t;u="<div id='"+r+"' class='d-none detailsviewpreviewhtml'> <\/div>";$(".layout-builder-dashboard #bizgaze_body .biz-wrapper .biz-pg-wrapper ._bizgaze_detail_container").append(u);$("#"+r).append(n.PreviewHtml)}$(f.detailsViewElement).click(function(){$(f.detailsViewElement).removeClass("active");$(this).addClass("active");let n=Number($(this).attr("data-id"));f.viewId=n;let t="detailsViewPreviewHtml_"+n;$(".detailsviewpreviewhtml").addClass("d-none");$("#"+t).removeClass("d-none")});$(".isStructSettingsEnableChk").on("click",function(){var n,t;t=!$(".isStructSettingsEnableChk").prop("checked");n=$(".isStructSettingsEnableChk").prop("checked")?"Are you sure enable structures in apps or details page ?":"Are you sure? Do you want to disable structures? <br><br> All structures and layouts of widgets will be missing.You need to reconfigure.";bootbox.confirm({message:n,closeButton:!1,buttons:{confirm:{label:"OK",className:"btn-success"},cancel:{label:"Cancel",className:"btn-danger"}},callback:function(n){return __awaiter(this,void 0,void 0,function*(){n?$(".isStructSettingsEnableChk").prop("checked",$(".isStructSettingsEnableChk").prop("checked")):$(".isStructSettingsEnableChk").prop("checked",t)})}})});$(".isStructSettingsEnableChk").prop("checked",n.Themes.Compact.Components.Index.Instance().currentTheme.isstructenable);f.loadColorPalettes();e=t.result.DisplayModesInfo;for(let n=0;n<e.length;n++){let i=e[n],t=e[n].DisplayModeName;if(t!=null)if(t.toLowerCase()=="light"||t.toLowerCase()=="dark"){let n=t.toLowerCase()=="light"?"fa-sun-o text-warning":"fa-moon-o";f.appendDisplayMode(n,i)}else f.appendDisplayMode("",i)}f.enableButtonModeClick();let o=n.Platform.Membership.Infos.Identity.currentUser.settings.find(n=>n.settingName=="themeobj").settingValue;if(o!=null&&o!=""&&o!=undefined){f.currentTheme=o;let t=o;if(f.ThemeId=t.themeId,f.Thumbnail=t.thumbnail,f.BackgroundImageId=t.backgroundImageId,f.LayoutId=t.layoutId,f.viewId=t.detailsViewId,$(`${f.layoutElement}[data-id="${t.layoutId}"]`).click(),$(`${f.detailsViewElement}[data-id="${t.detailsViewId}"]`).click(),$(`${f.buttonMode}[data-id="${t.displayModeId}"]`).click(),t!=null&&t.thumbnail!=""&&t.thumbnail!=null)if(t.thumbnail.includes("tenants\\default\\layoutbuilder\\backgroundimages")){let n=`'${f.currentTheme.thumbnail.replace(/\\/g,"/")}'`;f.applyBackgroundImage(n)}else n.Themes.Compact.Components.Index.Instance().getImageUrl(t.thumbnail).then(function(n){f.applyBackgroundImage(n)});$("#imagepickerThumbnail").change(function(t){let r=t;var i=r.target.files[0].type.split("/").pop().toLowerCase();if(i!="jpeg"&&i!="jpg"&&i!="png"&&i!="bmp"&&i!="gif")return MessageHelper.Instance().showError("Please select a valid image file","layoutBuilderErrMsg"),$("#imagepickerThumbnail").val(""),!1;n.Platform.Helpers.FileHelper.Instance().getBase64(t).then(function(n){f.imageUploadEffect(n);$("#imagepickerThumbnail").val("")})})}$(f.logoElementLeft).attr("src",f.Logo);$(f.logoElementTop).attr("src",f.Logo);f.appendBackgroundImages(t.result.BackgroundImages)}$(".preloader-it").delay(1e3).fadeOut("slow");let o=$(".custom-scollable-container .simplebar-content-wrapper")[0];f.addScrollOnDrag(o);$(".layout-builder").removeClass("d-none")});$("#dipsplay-modes-section .custom-mode-section button.custom-mode-btn").click(function(){$(f.customModeInputSection).toggleClass("d-none");$(f.customModeInputSection).hasClass("d-none")||$($(f.customModeInput)[0]).focus()});$(f.customModeInput).on("keypress",function(n){n.which==13&&f.addDisplayMode()});u!==null&&u()}addDisplayMode(){let t=this,i=$(t.customModeInput).val().toString();if(i!=""){let r=!1;for(let n in t.modes){let u=t.modes[n].DisplayModeName.toLowerCase();if(u==i.toLowerCase()){r=!0;break}}if(!r){let r={DisplayModeId:0,DisplayModeName:i,PrimaryColor:"black",SecondaryColor:"black",HighlightColor:"#7b6464",PrimaryTextColor:"white",SecondaryTextColor:"black"};n.Platform.Layouts.Managers.ThemeLayoutManager.Instance().saveDisplayMode(r).then(function(i){i.result!=null&&i.status==n.Data.Status.Success&&(MessageHelper.Instance().showSuccess(i.message,""),t.appendDisplayMode("",i.result),$(t.customModeInput).val(""),$(t.customModeInputSection).addClass("d-none"))})}}}addDefaultDisplayModes(){const n=this;n.defaultDisplayModes.Default={PrimaryColor:"rgb(42, 46, 51)",SecondaryColor:"rgb(232, 252, 253)",HighlightColor:"rgb(0, 176, 255)",PrimaryTextColor:"rgb(242, 231, 231)",SecondaryTextColor:'"rgb(15, 15, 15)',TransparentPrimaryColor:"rgb(42, 46, 51)"};n.defaultDisplayModes["Pine Green"]={PrimaryColor:"rgb(0, 109, 119)",SecondaryColor:"rgb(131, 197, 190)",HighlightColor:"rgb(2, 82, 89)",PrimaryTextColor:"rgb(255, 255, 255)",SecondaryTextColor:"rgb(0, 0, 0)",TransparentPrimaryColor:"rgb(0, 109, 119)"};n.defaultDisplayModes.Blue={PrimaryColor:"rgb(55, 80, 217)",SecondaryColor:"rgb(232, 252, 253)",HighlightColor:"rgb(26, 43, 130)",PrimaryTextColor:"rgb(255, 255, 255)",SecondaryTextColor:"rgb(0, 0, 0)",TransparentPrimaryColor:"rgb(55, 80, 217)"};n.defaultDisplayModes["Dark Grey"]={PrimaryColor:"rgb(25, 63, 100)",SecondaryColor:"rgb(232, 252, 253)",HighlightColor:"rgb(11, 41, 70)",PrimaryTextColor:"rgb(255, 255, 255)",SecondaryTextColor:"rgb(0, 0, 0)",TransparentPrimaryColor:"rgb(25, 63, 100)"};n.defaultDisplayModes["Light Blue"]={PrimaryColor:"rgb(47, 114, 190)",SecondaryColor:"rgb(195, 233, 248)",HighlightColor:"rgb(25, 88, 159)",PrimaryTextColor:"rgb(255, 255, 255)",SecondaryTextColor:"rgb(0, 0, 0)",TransparentPrimaryColor:"rgb(47, 114, 190)"};n.defaultDisplayModes.Pink={PrimaryColor:"rgb(243, 39, 110)",SecondaryColor:"rgb(246, 248, 249)",HighlightColor:"rgb(206, 16, 82)",PrimaryTextColor:"rgb(255, 255, 255)",SecondaryTextColor:"rgb(0, 0, 0)",TransparentPrimaryColor:"rgb(0, 0, 0)"}}resetDisplayMode(){const t=this,i=$("#dipsplay-modes-section .mode-btn.active").attr("data-name"),n=t.defaultDisplayModes[i];for(const t in n){$(`#color-picker-${t}`).val(n[t]);const i=$(`#color-picker-${t}`);i.spectrum("set",n[t]).trigger("change")}MessageHelper.Instance().showSuccess("Display Mode reset successful.","");$(`#displayModeResetBtn`).blur()}enableColorPicker(){let n=this;$(".color-pickr-container").each((t,i)=>{let r=$(i).attr("data-name"),u=n.modes[n.activeMode][r],f=$(`.color-pickr-container[data-name="${r}"] #color-picker-${r}`);if($(`.sp-container.${r}`).length){(u=="none"||u=="")&&(u="black");f.val(u).trigger("change");return}f.spectrum({color:u,type:"color",showInput:!0,maxSelectionSize:1,showInitial:!0,allowEmpty:!1,showAlpha:!0,disabled:!1,localStorageKey:!1,showPaletteOnly:!1,togglePaletteOnly:!1,clickoutFiresChange:!0,containerClassName:r,replacerClassName:r,showPalette:!0,palette:[["#000","#444","#666","#999","#ccc","#eee","#f3f3f3","#fff"],["#f00","#f90","#ff0","#0f0","#0ff","#00f","#90f","#f0f"],["#f4cccc","#fce5cd","#fff2cc","#d9ead3","#d0e0e3","#cfe2f3","#d9d2e9","#ead1dc"],["#ea9999","#f9cb9c","#ffe599","#b6d7a8","#a2c4c9","#9fc5e8","#b4a7d6","#d5a6bd"],["#e06666","#f6b26b","#ffd966","#93c47d","#76a5af","#6fa8dc","#8e7cc3","#c27ba0"],["#c00","#e69138","#f1c232","#6aa84f","#45818e","#3d85c6","#674ea7","#a64d79"],["#900","#b45f06","#bf9000","#38761d","#134f5c","#0b5394","#351c75","#741b47"],["#600","#783f04","#7f6000","#274e13","#0c343d","#073763","#20124d","#4c1130"]],showSelectionPalette:!0,selectionPalette:["red","green","blue"],locale:"fr",togglePaletteMoreText:"More",togglePaletteLessText:"Less",clearText:"",noColorSelectedText:"",showButtons:!0,chooseText:"Choose",cancelText:"Cancel",move:function(t){let u=t.toRgbString();n.modes[n.activeMode][r]=u;let f=u.match(/\((.*?)\)/)[1].split(","),e=0,i=$(`.sp-container.${r} .sp-picker-container .sp-input-container input.opacity`);f.length>3?(e=Number(f[3])*100,i.val(e.toFixed(2)+" %"),i.removeClass("d-none")):i.addClass("d-none");n.isModeButtonClicked==!1&&n.appendOrRemoveCss(n.modes[n.activeMode])},hide:function(){$(this).trigger("change")}});let e=$(`.sp-container.${r} .sp-picker-container .sp-input-container`);e.addClass("d-flex").append(`<input type="text" class="opacity" title="Opacity" value="0%" disabled/>`);e.find(".sp-input").trigger("change")});n.isModeButtonClicked=!1}enableButtonModeClick(){$("body style.colorClasses").remove();let n=this;$(n.buttonMode).unbind("click");$(n.buttonMode).click(function(){$(n.buttonMode).removeClass("active");$(this).addClass("active");let i=$(this).attr("data-class");i=="custom"&&n.unhideDisplayModes();n.activeMode=$(this).find(".btn-text").html();n.activeDisplayModeId=Number($(this).attr("data-id"));n.isModeButtonClicked=!0;n.appendOrRemoveCss(n.modes[n.activeMode]);n.enableColorPicker();let t=n.modes[n.activeMode].PaletteId;t===0&&(t="");$("#palettesSelect").val(t).trigger("change");n.defaultDisplayModes[n.activeMode]?$("#displayModeResetBtn").removeClass("d-none"):$("#displayModeResetBtn").addClass("d-none")})}appendBackgroundImages(t){let i=this,r=`#background-image-view .dropdown-menu-scrollbar`;t.forEach(t=>{let u=t.IsDefault?"default":"";$(".layout-builder #background-image-view .row").append(`<a href="javascript:;" class="col-6 p-relative px-1 ${u}" data-url="${t.Thumbnail}" data-id="${t.BackgroundImageId}">
                                        <div class="p-relative">
                                            <img src="${t.Thumbnail}" class="rounded w-100" data-dynamic="1" onerror = "ReloadImage(event)" />
                                            <div class="delete" data-id="${t.BackgroundImageId}">
                                                <i class="fa fa-trash"></i> 
                                            </div>
                                        </div>
                                        <i class="zmdi zmdi-check"></i>
                                </a>`);$(r).animate({scrollTop:$(r).prop("scrollHeight")});$(`${i.backgroundImageElement}[data-id="${t.BackgroundImageId}"]`).click(function(){if($(this).hasClass("active"))$(this).removeClass("active"),$($(i.backgroundImageSimplebar)[0]).css("background-image","").removeClass("background-image"),i.Thumbnail="",i.BackgroundImageId=0,i.unhideDisplayModes(),i.appendOrRemoveCss(i.modes[i.activeMode]);else{$(i.backgroundImageElement).removeClass("active");$(this).addClass("active");let n=$(this).find("img").attr("src");if(i.Thumbnail=$(this).attr("data-url"),i.BackgroundImageId=Number($(this).attr("data-id")),n.includes("tenants\\default\\layoutbuilder\\backgroundimages")){let t=`'${n.replace(/\\/g,"/")}'`;i.applyBackgroundImage(t)}else i.applyBackgroundImage(n)}});$(`${i.backgroundImageElement}[data-id="${t.BackgroundImageId}"] .delete`).click(function(t){t.stopPropagation();let r=Number($(this).attr("data-id")),u={BackgroundImageId:r};n.Platform.Layouts.Managers.ThemeLayoutManager.Instance().deleteBackgroundImage(u).then(function(t){t.status==n.Data.Status.Success&&$(`${i.backgroundImageElement}[data-id="${r}"]`).remove()})});t.Thumbnail==i.Thumbnail&&$(`${i.backgroundImageElement}[data-id="${t.BackgroundImageId}"]`).addClass("active")})}appendOrRemoveCss(n){let i=this;i.Thumbnail!=""?i.unhideTransperentPrimaryTab():i.hideTransperentPrimaryTab();let t=Object.create(n);$("body style#layoutBuilderColorStyles").remove();let r=`<style id="layoutBuilderColorStyles">

                        /* First Left Layout Start */

                            .layout-builder-dashboard .biz-wrapper.biz__icon__menu .biz-menu.biz-primary-color .biz-submenu {
	                            background: ${t.PrimaryColor} !important; /* Transperent Color*/
                                opacity: 0.95;
                            }
                            

                            .layout-builder-dashboard .biz-wrapper.biz__icon__menu .biz-menu.biz-primary-color .biz-main-menu,
                            .layout-builder-dashboard .top-navbar nav.navbar {
	                            background: ${t.PrimaryColor} !important;
                            }

                            @media (max-width: 1199px) {
                                body.background-image .layout-builder-dashboard .biz-wrapper.biz__icon__menu .biz-menu.biz-primary-color .biz-main-menu,
                                body.background-image .layout-builder-dashboard .biz-wrapper.biz__icon__menu .biz-menu.biz-primary-color .biz-submenu {
	                                background: ${t.PrimaryColor} !important;
                                }
                            }

                            .layout-builder-dashboard ._bizgaze_detail_container,
                            .layout-builder-dashboard .biz-pg-wrapper{
                                background: ${t.SecondaryColor} !important;
                            }

                            .layout-builder-dashboard .biz-wrapper.biz__icon__menu .biz-menu.biz-primary-text-color .biz-main-menu .menu-content-wrap > .navbar-nav > .nav-item.sunbnav-active > .nav-link .nav-icon-wrap,
                            .layout-builder-dashboard .biz-wrapper.biz__icon__menu .biz-menu.biz-highlight-color .navbar-nav li.active-item {
	                            background-color: ${t.HighlightColor} !important;
                            }
                            .layout-builder-dashboard .biz-wrapper.biz__icon__menu .biz-menu.biz-primary-text-color .biz-main-menu .menu-content-wrap > .navbar-nav > .nav-item > .nav-link .nav-icon-wrap,
                            .layout-builder-dashboard .biz-wrapper.biz__icon__menu .biz-menu.biz-primary-text-color .biz-submenu .nav-header span,
                            .layout-builder-dashboard .biz-wrapper.biz__icon__menu .biz-menu.biz-primary-text-color .biz-submenu .nav-header a,
                            .layout-builder-dashboard .biz-wrapper.biz__icon__menu .biz-menu.biz-primary-text-color .biz-submenu .nav-options-container ul li a {
	                            color: ${t.PrimaryTextColor} !important
                            }
                            
                            .layout-builder-dashboard .biz-pg-wrapper {
                                color: ${t.SecondaryTextColor} !important;
                            }

                            /* Second Top Layout Start*/

                            .layout-builder-dashboard #bizgaze_body .top-navbar.hk-wrapper.hk-horizontal-nav nav.navbar.biz-primary-color,
                            .layout-builder-dashboard #bizgaze_body .top-navbar.hk-wrapper.hk-horizontal-nav .hk-navbar.biz-primary-color nav.hk-nav .navbar-nav-wrap ul.collapsing,
                            .layout-builder-dashboard #bizgaze_body .top-navbar.hk-wrapper.hk-horizontal-nav .hk-navbar.biz-primary-color nav.hk-nav .navbar-nav-wrap ul.collapse {
	                            background: ${t.PrimaryColor} !important;
                            }

                            .simplebar-content-wrapper.background-image .layout-builder-dashboard #bizgaze_body .top-navbar.hk-wrapper.hk-horizontal-nav .hk-navbar.biz-primary-color nav.hk-nav .navbar-nav-wrap ul.collapsing,
                            .simplebar-content-wrapper.background-image .layout-builder-dashboard #bizgaze_body .top-navbar.hk-wrapper.hk-horizontal-nav .hk-navbar.biz-primary-color nav.hk-nav .navbar-nav-wrap ul.collapse {
                                background: ${t.TransparentPrimaryColor} !important;
                            } 
                            .layout-builder-dashboard #bizgaze_body .top-navbar .hk-navbar.biz-primary-text-color .navbar-nav-wrap ul li a,
                            .layout-builder-dashboard #bizgaze_body .top-navbar .hk-navbar.biz-primary-text-color ul.navbar-nav.hk-navbar-content li.nav-item a.nav-link span {
	                            color: ${t.PrimaryTextColor} !important
                            }

                            /* Third Left Layout Start */
                            .layout-builder-dashboard #bizgaze_body .top-navbar.hk-wrapper.hk-vertical-nav .hk-navbar.biz-primary-color nav.hk-nav {
                                background: ${t.PrimaryColor} !important;
                            }

                            /* .simplebar-content-wrapper.background-image .layout-builder-dashboard #bizgaze_body .top-navbar.hk-wrapper.hk-vertical-nav.biz-layout-3-top-navbar-preview .hk-navbar.biz-primary-color nav.hk-nav {
                                background: ${t.TransparentPrimaryColor} !important;
                            } */

                            .layout-builder-dashboard #bizgaze_body .top-navbar .hk-navbar.biz-primary-text-color .navbar-toggle-btn {
                                color: ${t.PrimaryTextColor} !important
                            }`;r+=`
                                
                
                        </style>`;$("body").prepend(r)}appendDisplayMode(t,i){let u=this,r=i.DisplayModeName,f=i.DisplayModeId,e="";e=t!=""?`<button class="btn mode-btn btn-outline btn-wth-icon icon-left mb-15 mr-2 p-relative" data-class="${r}" data-id="${f}"><span><span class="icon-label"><span class="fa ${t}"></span></span><span class="btn-text">${r}</span></span></button>`:`<button class="btn mode-btn btn-outline text-dark mb-15 mr-2 p-relative" data-class="custom" data-id="${f}" data-name="${r}"><span class="btn-text">${r}</span><i class="zmdi zmdi-close delete" data-id="${f}" data-name="${r}"></i></button>`;$("#dipsplay-modes-section .buttons-wrap").append(e);let o={DisplayModeId:f,DisplayModeName:r,PrimaryColor:i.PrimaryColor,TransparentPrimaryColor:i.TransparentPrimaryColor,SecondaryColor:i.SecondaryColor,HighlightColor:i.HighlightColor,PrimaryTextColor:i.PrimaryTextColor,SecondaryTextColor:i.SecondaryTextColor,PaletteId:i.PaletteId};u.modes[r]=o;u.enableButtonModeClick();$(`${u.buttonMode} .delete[data-id="${f}"]`).click(function(t){t.stopPropagation();let i=$(this);bootbox.confirm("Are you sure you want to delete?",function(t){if(t){let t=Number(i.attr("data-id")),r=i.attr("data-name");if(r=="Default")return;let f={DisplayModeId:t};n.Platform.Layouts.Managers.ThemeLayoutManager.Instance().deleteDisplayMode(f).then(function(i){i.status==n.Data.Status.Success?(delete u.modes[r],$(`${u.buttonMode}[data-id="${t}"]`).remove(),MessageHelper.Instance().showSuccess(i.message,"")):i.status==n.Data.Status.Error&&MessageHelper.Instance().showError(i.message,"layoutBuilderErrMsg")})}})})}loadColorPalettes(){const n=this;n.fileCacheHelper.loadJsFile("apps/crm/palettes/managers/palettemanager.js",function(){const t=Bizgaze.Apps.Crm.Palettes.Managers.PaletteManager.Instance();t.getPallettes().then(function(t){const i=[];if(t.result)for(const n of t.result)i.push({id:n.paletteid,text:n.name});$("#palettesSelect").select2({placeholder:"Select Palette",data:i,allowClear:!0}).on("select2:select select2:clear",function(){const t=+$(this).val();n.modes[n.activeMode].PaletteId=t});const r=n.modes[n.activeMode].PaletteId;r!=0&&$("#palettesSelect").val(r).trigger("change")})})}appendLayoutSettings(n){const i=this;let t="";["dashboards","apps","reports","isStructures"].map(n=>{t+=`<li class="nav-group-item">
                                        <div class="enable-settings-control d-flex justify-content-between align-items-center mb-10 pl-0">
                                          <label class="nav-group-label font-weight-500 text-capitalize mb-0" for="${n}SettingsEnableChk" data-group="${n}">${n}</label>
                                          <input type="checkbox" class="nav-settings-input" id="${n}SettingsEnableChk" onchange="Unibase.Platform.Layouts.Components.LayoutBuilder.Instance().toggleLayoutNavSettings('${n}')">
                                        </div>
										<div class="group-options-wrap d-none" id="${n}SettingsWrap">
											<div class="nav-group-option d-flex justify-content-between mb-10">
												<span>Icon</span>
												<label class="switch mb-0" for="${n}IconChk"><input id="${n}IconChk" type="checkbox" onchange="Unibase.Platform.Layouts.Components.LayoutBuilder.Instance().onChangeLayoutNavSetting('${n}','icon')"><span></span></label>
											</div>
											<div class="nav-group-option d-flex justify-content-between mb-10">
												<span>Title</span>
												<label class="switch mb-0" for="${n}TitleChk"><input id="${n}TitleChk" type="checkbox" onchange="Unibase.Platform.Layouts.Components.LayoutBuilder.Instance().onChangeLayoutNavSetting('${n}','title')"><span></span></label>
											</div>
										</div>
									</li>`}).join("");$("#navParentGroupsList").html(t).attr("data-layoutid",n);$("#isStructuresSettingsWrap").siblings(".enable-settings-control").addClass("hidden");$("#isStructuresSettingsWrap").remove();let r=`<input type="file" class="logo-upload-input mt-15" id="logoUploadInput" accept="image/*" onchange="Unibase.Platform.Layouts.Components.LayoutBuilder.Instance().layoutLogoUpload(event);">
									<div id="layoutLogoWrap" class="layout-logo-wrap mt-15 d-none">
										<img id="layoutLogoPreview" src="" alt="your image" class="img-fluid layout-logo-preview" data-dynamic="1" onerror="ReloadImage(event)"/>
                                        <a href="javascript:;" class="delete" id="layoutLogoDeleteBtn" onclick="Unibase.Platform.Layouts.Components.LayoutBuilder.Instance().deleteLayoutLogo(${n});">
                                            <i class="fa fa-trash"></i>
                                        </a>
									</div>
									<div class="logo-override-chk-wrap d-flex justify-content-between mt-15">
										<span class="font-weight-500 text-capitalize">Override Company Logo</span>
										<label class="switch mb-0" for="logoOverrideChk"><input type="checkbox" class="logo-override-chk" id="logoOverrideChk" onchange="Unibase.Platform.Layouts.Components.LayoutBuilder.Instance().onChangeOverrideLogoSetting()"><span></span></label>
									</div>`;$("#logoSettingsBody").html(r).attr("data-layoutid",n);i.bindLayoutSettings(n)}bindLayoutSettings(n){const t=this;if(t.layoutSettings.length!=0){let i=t.layoutSettings.findIndex(t=>t.LayoutId==n);if(i!=-1){const r=JSON.parse(t.layoutSettings[i].SettingValue);$.each(r,function(n,t){let i=n.toString();t.IsEnabled&&($(`#${i}SettingsEnableChk`).prop("checked",!0),$(`#${i}SettingsWrap`).removeClass("d-none"));t.Icon&&$(`#${i}IconChk`).prop("checked",!0);t.Title&&$(`#${i}TitleChk`).prop("checked",!0)});let n=t.layoutSettings[i].logoImgUrl;if(n==""){const r=t.layoutSettings[i].LogoData;r&&(n=`data:image/${r.FileType};base64,${r.FileData}`)}const u=t.layoutSettings[i].IsOverrideLogo;n?($("#layoutLogoPreview").attr("src",n).parent().removeClass("d-none"),$("#logoOverrideChk").prop({disabled:!1,checked:u})):$("#logoOverrideChk").prop("disabled",!0)}else $(`#navParentGroupsList`).find(".nav-settings-input").prop("checked",!0).trigger("change"),t.isLayoutSettingsModified=!1}else $(`#navParentGroupsList`).find(".nav-settings-input").not("#isStructuresSettingsEnableChk").prop("checked",!0).trigger("change"),t.isLayoutSettingsModified=!1}toggleLayoutNavSettings(n){const t=this;t.isLayoutSettingsModified=!0;$(`#${n}SettingsEnableChk`).is(":checked")?($(`#${n}SettingsWrap`).removeClass("d-none"),$(`#${n}SettingsWrap`).find("input:checkbox").prop("checked",!0)):($(`#${n}SettingsWrap`).addClass("d-none"),$(`#${n}SettingsWrap`).find("input:checkbox").prop("checked",!1))}onChangeLayoutNavSetting(n){const i=this;i.isLayoutSettingsModified=!0;let t=!1;$(`#${n}SettingsWrap input:checkbox`).each(function(n,i){$(i).is(":checked")&&(t=!0)});t&&$(`#${n}SettingsEnableChk`).prop("checked",!0)}getLayoutSettings(){const n=this;let u={};const r=Number($("#navParentGroupsList").attr("data-layoutid"));if(r){$("#navParentGroupsList .nav-group-label").each(function(n,t){let i=$(t).attr("data-group");u[i]={IsEnabled:$(`#${i}SettingsEnableChk`).is(":checked"),Icon:$(`#${i}IconChk`).is(":checked"),Title:$(`#${i}TitleChk`).is(":checked")}});let i={LayoutId:r,SettingValue:JSON.stringify(u),LogoData:n.logoFileData,IsOverrideLogo:$("#logoOverrideChk").is(":checked")},t=n.layoutSettings.findIndex(n=>n.LayoutId==r);t!=-1?(n.layoutSettings[t].SettingValue=i.SettingValue,n.layoutSettings[t].LogoData=i.LogoData,n.layoutSettings[t].IsOverrideLogo=i.IsOverrideLogo,n.layoutSettings[t].logoImgUrl=""):n.layoutSettings.push(i);n.logoFileData=null}}layoutLogoUpload(t){const i=this,f=Number($("#logoSettingsBody").attr("data-layoutid")),u=document.getElementById("logoUploadInput"),r=u.files[0].type.split("/").pop().toLowerCase();if(r!="jpeg"&&r!="jpg"&&r!="png"&&r!="bmp"&&r!="gif")return MessageHelper.Instance().showError("Please select a valid image file","layoutBuilderErrMsg"),$("#logoUploadInput").val(""),!1;const[r]=u.files;if(r){const u=new FileReader;u.onload=function(){$("#layoutLogoPreview").attr("src",`${u.result}`).parent().removeClass("d-none")};r&&u.readAsDataURL(r);n.Platform.Helpers.FileHelper.Instance().getBase64(t).then(function(n){i.logoFileData=n;let t=i.layoutSettings.findIndex(n=>n.LayoutId==f);t!=-1&&(i.layoutSettings[t].LogoData=i.logoFileData,i.layoutSettings[t].isLogoDelete=!1)});$("#logoOverrideChk").prop("disabled",!1);i.isLayoutSettingsModified=!0}}onChangeOverrideLogoSetting(){const n=this;n.isLayoutSettingsModified=!0}deleteLayoutLogo(n){const t=this;$("#layoutLogoPreview").attr("src","").parent().addClass("d-none");$("#logoOverrideChk").prop("checked",!1).attr("disabled","true");let i=t.layoutSettings.findIndex(t=>t.LayoutId==n);i!=-1&&(t.layoutSettings[i].isLogoDelete=!0);t.isLayoutSettingsModified=!0}saveTheme(){let i=this,t=[];for(let n in this.modes){let i=this.modes[n],r={DisplayModeId:i.DisplayModeId,DisplayModeName:i.DisplayModeName,PrimaryColor:i.PrimaryColor,TransparentPrimaryColor:i.TransparentPrimaryColor,SecondaryColor:i.SecondaryColor,HighlightColor:i.HighlightColor,PrimaryTextColor:i.PrimaryTextColor,SecondaryTextColor:i.SecondaryTextColor,PaletteId:i.PaletteId};t.push(r)}this.instance.getLayoutSettings();let r={ThemeId:this.ThemeId,LayoutId:this.LayoutId,DetailsViewId:this.viewId,DisplayModeId:this.activeDisplayModeId,BackgroundImageId:this.BackgroundImageId,DisplayModes:t,LayoutSettings:this.layoutSettings,isStructEnable:$(".isStructSettingsEnableChk").prop("checked")};n.Platform.Layouts.Managers.ThemeLayoutManager.Instance().saveTheme(r).then(function(t){t.status==n.Data.Status.Success&&(MessageHelper.Instance().showSuccess(t.message,""),i.refrshLayout(t))})}refrshLayout(t){var r,u,f;let i=t.result;r=n.Platform.Membership.Infos.Identity.getCurrentUser().settings.find(n=>n.settingName=="themeobj").settingValue;let e={settingValue:i.LayoutSettings,isOverrideLogo:i.IsOverrideLogo,logoImageUrl:i.LogoImageUrl};if(u=n.Themes.Compact.Components.Index.Instance().isAppStructureEnable,i.IsStructEnable!=undefined&&(u=i.IsStructEnable),r!=null&&r!=""&&r!=undefined){let t={layoutId:i.LayoutId,layoutIndex:i.LayoutIndex,layoutName:i.LayoutName,layoutHtmlPath:i.LayoutHtmlPath,detailsViewId:i.DetailsViewId,detailsViewIndex:i.DetailsViewIndex,thumbnail:i.Thumbnail,primaryColor:i.PrimaryColor,secondaryColor:i.SecondaryColor,highlightColor:i.HighlightColor,primaryTextColor:i.PrimaryTextColor,secondaryTextColor:i.SecondaryTextColor,transparentPrimaryColor:i.TransparentPrimaryColor,displayModeId:i.DisplayModeId,backgroundImageId:i.BackgroundImageId,themeId:i.ThemeId,layoutSettings:e,isstructenable:u,paletteId:i.PaletteId};f=n.Platform.Membership.Infos.Identity.getCurrentUser();f.settings.find(n=>n.settingName=="themeobj").settingValue=t;n.Platform.Membership.Infos.Identity.setCurrentUser(f);isMobileApp()?n.Platform.Helpers.MobileHelper.Instance().redirectToLogin():(window.location.href="#/welcome",window.location.reload())}}applyBackgroundImage(n){let t=this;t.appendOrRemoveCss(t.modes[t.activeMode]);$($(t.backgroundImageSimplebar)[0]).css("background-image","url("+n+")").addClass("background-image")}imageUploadEffect(t){let i=this;$(".layout-builder .background-change .progress-wrap").removeClass("d-none");$(".layout-builder .background-change .progress-wrap").addClass("d-flex");let r=0,u=!1,f=setInterval(()=>{u==!0?(clearInterval(f),$(".layout-builder .background-change .progress-wrap .progress .progress-bar").width("0%"),$(".layout-builder .background-change .progress-wrap .progress-text").html("0%"),$(".layout-builder .background-change .progress-wrap").removeClass("d-flex"),$(".layout-builder .background-change .progress-wrap").addClass("d-none")):($(".layout-builder .background-change .progress-wrap .progress .progress-bar").width(r+"%"),$(".layout-builder .background-change .progress-wrap .progress-text").html(r+"%"),r<99&&r++)},100),e={BackgroundImageId:0,FileData:t};n.Platform.Layouts.Managers.ThemeLayoutManager.Instance().saveBackgroundImage(e).then(function(t){if(t.status==n.Data.Status.Success&&t.result!=null){u=!0;let r=t.result;i.Thumbnail=r.Thumbnail;i.BackgroundImageId=r.BackgroundImageId;$(`${i.backgroundImageElement}`).removeClass("active");i.appendBackgroundImages([r]);n.Themes.Compact.Components.Index.Instance().getImageUrl(i.Thumbnail).then(function(n){i.applyBackgroundImage(n)})}})}hideTransperentPrimaryTab(){$(".background-colors ul.nav-tabs li[title='Transparent Primary']").addClass("d-none")}unhideTransperentPrimaryTab(){$(".background-colors ul.nav-tabs li[title='Transparent Primary']").removeClass("d-none")}hideDisplayModes(){$(".layout-builder .drawer-body .background-colors").addClass("d-none");$(".layout-builder .drawer-body .text-colors").addClass("d-none")}unhideDisplayModes(){$(".layout-builder .drawer-body .background-colors").removeClass("d-none");$(".layout-builder .drawer-body .text-colors").removeClass("d-none")}addScrollOnDrag(n){let t=0,i=0,r=0,u=0,f=e=>{document.addEventListener("mouseup",()=>{document.removeEventListener("mousemove",f)}),n.scrollLeft=u-e.pageX+t,n.scrollTop=r-e.pageY+i,n.style.cursor="grab",n.style.removeProperty("user-select")};n.addEventListener("mousedown",e=>{e.preventDefault(),n.style.cursor="grabbing",n.style.userSelect="none",i=e.pageY,t=e.pageX,r=n.scrollTop,u=n.scrollLeft,document.addEventListener("mousemove",f)})}loadBuilder(){var n=u.Instance();n.init()}init(){var n=this;n.render()}render(){var i=n.Platform.Layouts.Components.LayoutBuilder.Instance();this.navigationHelper.popup(0,"",i,function(){},t.Helpers.Size.ExtraLarge)}static Instance(){return this.instance===undefined&&(this.instance=new u),this.instance}}r.LayoutBuilder=u})(r=i.Components||(i.Components={}))})(i=t.Layouts||(t.Layouts={}))})(t=n.Platform||(n.Platform={}))})(Unibase||(Unibase={}));