From 318697a0c933a7ab76b8ff0cc8ca369113920fd2 Mon Sep 17 00:00:00 2001 From: Raj Siva-Rajah Date: Thu, 10 Jul 2025 05:01:09 +0000 Subject: [PATCH 1/6] Revert default collapsed sidebars --- packages/panels/dist/index.js | 2 +- packages/panels/resources/js/stores/sidebar.js | 2 +- 2 files changed, 2 insertions(+), 2 deletions(-) diff --git a/packages/panels/dist/index.js b/packages/panels/dist/index.js index b219a0d9b6..d8cd933ec4 100644 --- a/packages/panels/dist/index.js +++ b/packages/panels/dist/index.js @@ -1 +1 @@ -(()=>{var ee=Object.create,q=Object.defineProperty,te=Object.getPrototypeOf,re=Object.prototype.hasOwnProperty,ne=Object.getOwnPropertyNames,ae=Object.getOwnPropertyDescriptor,ie=r=>q(r,"__esModule",{value:!0}),se=(r,a)=>()=>(a||(a={exports:{}},r(a.exports,a)),a.exports),oe=(r,a,i)=>{if(a&&typeof a=="object"||typeof a=="function")for(let l of ne(a))!re.call(r,l)&&l!=="default"&&q(r,l,{get:()=>a[l],enumerable:!(i=ae(a,l))||i.enumerable});return r},fe=r=>oe(ie(q(r!=null?ee(te(r)):{},"default",r&&r.__esModule&&"default"in r?{get:()=>r.default,enumerable:!0}:{value:r,enumerable:!0})),r),le=se((r,a)=>{(function(i,l,b){if(!i)return;for(var d={8:"backspace",9:"tab",13:"enter",16:"shift",17:"ctrl",18:"alt",20:"capslock",27:"esc",32:"space",33:"pageup",34:"pagedown",35:"end",36:"home",37:"left",38:"up",39:"right",40:"down",45:"ins",46:"del",91:"meta",93:"meta",224:"meta"},g={106:"*",107:"+",109:"-",110:".",111:"/",186:";",187:"=",188:",",189:"-",190:".",191:"/",192:"`",219:"[",220:"\\",221:"]",222:"'"},w={"~":"`","!":"1","@":"2","#":"3",$:"4","%":"5","^":"6","&":"7","*":"8","(":"9",")":"0",_:"-","+":"=",":":";",'"':"'","<":",",">":".","?":"/","|":"\\"},x={option:"alt",command:"meta",return:"enter",escape:"esc",plus:"+",mod:/Mac|iPod|iPhone|iPad/.test(navigator.platform)?"meta":"ctrl"},S,y=1;y<20;++y)d[111+y]="f"+y;for(y=0;y<=9;++y)d[y+96]=y.toString();function C(e,t,s){if(e.addEventListener){e.addEventListener(t,s,!1);return}e.attachEvent("on"+t,s)}function G(e){if(e.type=="keypress"){var t=String.fromCharCode(e.which);return e.shiftKey||(t=t.toLowerCase()),t}return d[e.which]?d[e.which]:g[e.which]?g[e.which]:String.fromCharCode(e.which).toLowerCase()}function R(e,t){return e.sort().join(",")===t.sort().join(",")}function F(e){var t=[];return e.shiftKey&&t.push("shift"),e.altKey&&t.push("alt"),e.ctrlKey&&t.push("ctrl"),e.metaKey&&t.push("meta"),t}function J(e){if(e.preventDefault){e.preventDefault();return}e.returnValue=!1}function B(e){if(e.stopPropagation){e.stopPropagation();return}e.cancelBubble=!0}function E(e){return e=="shift"||e=="ctrl"||e=="alt"||e=="meta"}function W(){if(!S){S={};for(var e in d)e>95&&e<112||d.hasOwnProperty(e)&&(S[d[e]]=e)}return S}function X(e,t,s){return s||(s=W()[e]?"keydown":"keypress"),s=="keypress"&&t.length&&(s="keydown"),s}function Y(e){return e==="+"?["+"]:(e=e.replace(/\+{2}/g,"+plus"),e.split("+"))}function T(e,t){var s,v,k,M=[];for(s=Y(e),k=0;k1){Q(n,m,f,p);return}u=T(n,p),t._callbacks[u.key]=t._callbacks[u.key]||[],U(u.key,u.modifiers,{type:u.action},o,n,c),t._callbacks[u.key][o?"unshift":"push"]({callback:f,modifiers:u.modifiers,action:u.action,seq:o,level:c,combo:n})}t._bindMultiple=function(n,f,p){for(var o=0;o-1||I(t,s.target))return!1;if("composedPath"in e&&typeof e.composedPath=="function"){var v=e.composedPath()[0];v!==e.target&&(t=v)}return t.tagName=="INPUT"||t.tagName=="SELECT"||t.tagName=="TEXTAREA"||t.isContentEditable},h.prototype.handleKey=function(){var e=this;return e._handleKey.apply(e,arguments)},h.addKeycodes=function(e){for(var t in e)e.hasOwnProperty(t)&&(d[t]=e[t]);S=null},h.init=function(){var e=h(l);for(var t in e)t.charAt(0)!=="_"&&(h[t]=function(s){return function(){return e[s].apply(e,arguments)}}(t))},h.init(),i.Mousetrap=h,typeof a<"u"&&a.exports&&(a.exports=h),typeof define=="function"&&define.amd&&define(function(){return h})})(typeof window<"u"?window:null,typeof window<"u"?document:null)}),N=fe(le());(function(r){if(r){var a={},i=r.prototype.stopCallback;r.prototype.stopCallback=function(l,b,d,g){var w=this;return w.paused?!0:a[d]||a[g]?!1:i.call(w,l,b,d)},r.prototype.bindGlobal=function(l,b,d){var g=this;if(g.bind(l,b,d),l instanceof Array){for(var w=0;w{r.directive("mousetrap",(a,{modifiers:i,expression:l},{evaluate:b})=>{let d=()=>l?b(l):a.click();i=i.map(g=>g.replace(/--/g," ").replace(/-/g,"+").replace(/\bslash\b/g,"/")),i.includes("global")&&(i=i.filter(g=>g!=="global"),N.default.bindGlobal(i,g=>{g.preventDefault(),d()})),N.default.bind(i,g=>{g.preventDefault(),d()})})},V=ue;var H=()=>({isOpen:window.Alpine.$persist(!1).as("isOpen"),collapsedGroups:window.Alpine.$persist(null).as("collapsedGroups"),groupIsCollapsed(r){return this.collapsedGroups.includes(r)},collapseGroup(r){this.collapsedGroups.includes(r)||(this.collapsedGroups=this.collapsedGroups.concat(r))},toggleCollapsedGroup(r){this.collapsedGroups=this.collapsedGroups.includes(r)?this.collapsedGroups.filter(a=>a!==r):this.collapsedGroups.concat(r)},close(){this.isOpen=!1},open(){this.isOpen=!0}});document.addEventListener("alpine:init",()=>{let r=localStorage.getItem("theme")??getComputedStyle(document.documentElement).getPropertyValue("--default-theme-mode");window.Alpine.store("theme",r==="dark"||r==="system"&&window.matchMedia("(prefers-color-scheme: dark)").matches?"dark":"light"),window.addEventListener("theme-changed",a=>{let i=a.detail;localStorage.setItem("theme",i),i==="system"&&(i=window.matchMedia("(prefers-color-scheme: dark)").matches?"dark":"light"),window.Alpine.store("theme",i)}),window.matchMedia("(prefers-color-scheme: dark)").addEventListener("change",a=>{localStorage.getItem("theme")==="system"&&window.Alpine.store("theme",a.matches?"dark":"light")}),window.Alpine.effect(()=>{window.Alpine.store("theme")==="dark"?document.documentElement.classList.add("dark"):document.documentElement.classList.remove("dark")})});document.addEventListener("DOMContentLoaded",()=>{setTimeout(()=>{let r=document.querySelector(".fi-main-sidebar .fi-sidebar-item.fi-active");if((!r||r.offsetParent===null)&&(r=document.querySelector(".fi-main-sidebar .fi-sidebar-group.fi-active")),!r||r.offsetParent===null)return;let a=document.querySelector(".fi-main-sidebar .fi-sidebar-nav");a&&a.scrollTo(0,r.offsetTop-window.innerHeight/2)},10)});window.setUpUnsavedDataChangesAlert=({body:r,livewireComponent:a,$wire:i})=>{window.addEventListener("beforeunload",l=>{window.jsMd5(JSON.stringify(i.data).replace(/\\/g,""))===i.savedDataHash||i?.__instance?.effects?.redirect||(l.preventDefault(),l.returnValue=!0)})};window.setUpSpaModeUnsavedDataChangesAlert=({body:r,resolveLivewireComponentUsing:a,$wire:i})=>{let l=()=>i?.__instance?.effects?.redirect?!1:window.jsMd5(JSON.stringify(i.data).replace(/\\/g,""))!==i.savedDataHash,b=()=>confirm(r);document.addEventListener("livewire:navigate",d=>{if(typeof a()<"u"){if(!l()||b())return;d.preventDefault()}}),window.addEventListener("beforeunload",d=>{l()&&(d.preventDefault(),d.returnValue=!0)})};window.setUpUnsavedActionChangesAlert=({resolveLivewireComponentUsing:r,$wire:a})=>{window.addEventListener("beforeunload",i=>{if(!(typeof r()>"u")&&(a.mountedActions?.length??0)&&!a?.__instance?.effects?.redirect){i.preventDefault(),i.returnValue=!0;return}})};document.addEventListener("alpine:init",()=>{window.Alpine.plugin(V),window.Alpine.store("sidebar",H())});})(); +(()=>{var ee=Object.create,q=Object.defineProperty,te=Object.getPrototypeOf,re=Object.prototype.hasOwnProperty,ne=Object.getOwnPropertyNames,ae=Object.getOwnPropertyDescriptor,ie=r=>q(r,"__esModule",{value:!0}),oe=(r,a)=>()=>(a||(a={exports:{}},r(a.exports,a)),a.exports),se=(r,a,i)=>{if(a&&typeof a=="object"||typeof a=="function")for(let l of ne(a))!re.call(r,l)&&l!=="default"&&q(r,l,{get:()=>a[l],enumerable:!(i=ae(a,l))||i.enumerable});return r},fe=r=>se(ie(q(r!=null?ee(te(r)):{},"default",r&&r.__esModule&&"default"in r?{get:()=>r.default,enumerable:!0}:{value:r,enumerable:!0})),r),le=oe((r,a)=>{(function(i,l,b){if(!i)return;for(var d={8:"backspace",9:"tab",13:"enter",16:"shift",17:"ctrl",18:"alt",20:"capslock",27:"esc",32:"space",33:"pageup",34:"pagedown",35:"end",36:"home",37:"left",38:"up",39:"right",40:"down",45:"ins",46:"del",91:"meta",93:"meta",224:"meta"},g={106:"*",107:"+",109:"-",110:".",111:"/",186:";",187:"=",188:",",189:"-",190:".",191:"/",192:"`",219:"[",220:"\\",221:"]",222:"'"},w={"~":"`","!":"1","@":"2","#":"3",$:"4","%":"5","^":"6","&":"7","*":"8","(":"9",")":"0",_:"-","+":"=",":":";",'"':"'","<":",",">":".","?":"/","|":"\\"},x={option:"alt",command:"meta",return:"enter",escape:"esc",plus:"+",mod:/Mac|iPod|iPhone|iPad/.test(navigator.platform)?"meta":"ctrl"},S,y=1;y<20;++y)d[111+y]="f"+y;for(y=0;y<=9;++y)d[y+96]=y.toString();function C(e,t,o){if(e.addEventListener){e.addEventListener(t,o,!1);return}e.attachEvent("on"+t,o)}function G(e){if(e.type=="keypress"){var t=String.fromCharCode(e.which);return e.shiftKey||(t=t.toLowerCase()),t}return d[e.which]?d[e.which]:g[e.which]?g[e.which]:String.fromCharCode(e.which).toLowerCase()}function R(e,t){return e.sort().join(",")===t.sort().join(",")}function F(e){var t=[];return e.shiftKey&&t.push("shift"),e.altKey&&t.push("alt"),e.ctrlKey&&t.push("ctrl"),e.metaKey&&t.push("meta"),t}function J(e){if(e.preventDefault){e.preventDefault();return}e.returnValue=!1}function B(e){if(e.stopPropagation){e.stopPropagation();return}e.cancelBubble=!0}function E(e){return e=="shift"||e=="ctrl"||e=="alt"||e=="meta"}function W(){if(!S){S={};for(var e in d)e>95&&e<112||d.hasOwnProperty(e)&&(S[d[e]]=e)}return S}function X(e,t,o){return o||(o=W()[e]?"keydown":"keypress"),o=="keypress"&&t.length&&(o="keydown"),o}function Y(e){return e==="+"?["+"]:(e=e.replace(/\+{2}/g,"+plus"),e.split("+"))}function T(e,t){var o,v,k,M=[];for(o=Y(e),k=0;k1){Q(n,m,f,p);return}u=T(n,p),t._callbacks[u.key]=t._callbacks[u.key]||[],U(u.key,u.modifiers,{type:u.action},s,n,c),t._callbacks[u.key][s?"unshift":"push"]({callback:f,modifiers:u.modifiers,action:u.action,seq:s,level:c,combo:n})}t._bindMultiple=function(n,f,p){for(var s=0;s-1||I(t,o.target))return!1;if("composedPath"in e&&typeof e.composedPath=="function"){var v=e.composedPath()[0];v!==e.target&&(t=v)}return t.tagName=="INPUT"||t.tagName=="SELECT"||t.tagName=="TEXTAREA"||t.isContentEditable},h.prototype.handleKey=function(){var e=this;return e._handleKey.apply(e,arguments)},h.addKeycodes=function(e){for(var t in e)e.hasOwnProperty(t)&&(d[t]=e[t]);S=null},h.init=function(){var e=h(l);for(var t in e)t.charAt(0)!=="_"&&(h[t]=function(o){return function(){return e[o].apply(e,arguments)}}(t))},h.init(),i.Mousetrap=h,typeof a<"u"&&a.exports&&(a.exports=h),typeof define=="function"&&define.amd&&define(function(){return h})})(typeof window<"u"?window:null,typeof window<"u"?document:null)}),N=fe(le());(function(r){if(r){var a={},i=r.prototype.stopCallback;r.prototype.stopCallback=function(l,b,d,g){var w=this;return w.paused?!0:a[d]||a[g]?!1:i.call(w,l,b,d)},r.prototype.bindGlobal=function(l,b,d){var g=this;if(g.bind(l,b,d),l instanceof Array){for(var w=0;w{r.directive("mousetrap",(a,{modifiers:i,expression:l},{evaluate:b})=>{let d=()=>l?b(l):a.click();i=i.map(g=>g.replace(/--/g," ").replace(/-/g,"+").replace(/\bslash\b/g,"/")),i.includes("global")&&(i=i.filter(g=>g!=="global"),N.default.bindGlobal(i,g=>{g.preventDefault(),d()})),N.default.bind(i,g=>{g.preventDefault(),d()})})},V=ue;var H=()=>({isOpen:window.Alpine.$persist(!0).as("isOpen"),collapsedGroups:window.Alpine.$persist(null).as("collapsedGroups"),groupIsCollapsed(r){return this.collapsedGroups.includes(r)},collapseGroup(r){this.collapsedGroups.includes(r)||(this.collapsedGroups=this.collapsedGroups.concat(r))},toggleCollapsedGroup(r){this.collapsedGroups=this.collapsedGroups.includes(r)?this.collapsedGroups.filter(a=>a!==r):this.collapsedGroups.concat(r)},close(){this.isOpen=!1},open(){this.isOpen=!0}});document.addEventListener("alpine:init",()=>{let r=localStorage.getItem("theme")??getComputedStyle(document.documentElement).getPropertyValue("--default-theme-mode");window.Alpine.store("theme",r==="dark"||r==="system"&&window.matchMedia("(prefers-color-scheme: dark)").matches?"dark":"light"),window.addEventListener("theme-changed",a=>{let i=a.detail;localStorage.setItem("theme",i),i==="system"&&(i=window.matchMedia("(prefers-color-scheme: dark)").matches?"dark":"light"),window.Alpine.store("theme",i)}),window.matchMedia("(prefers-color-scheme: dark)").addEventListener("change",a=>{localStorage.getItem("theme")==="system"&&window.Alpine.store("theme",a.matches?"dark":"light")}),window.Alpine.effect(()=>{window.Alpine.store("theme")==="dark"?document.documentElement.classList.add("dark"):document.documentElement.classList.remove("dark")})});document.addEventListener("DOMContentLoaded",()=>{setTimeout(()=>{let r=document.querySelector(".fi-main-sidebar .fi-sidebar-item.fi-active");if((!r||r.offsetParent===null)&&(r=document.querySelector(".fi-main-sidebar .fi-sidebar-group.fi-active")),!r||r.offsetParent===null)return;let a=document.querySelector(".fi-main-sidebar .fi-sidebar-nav");a&&a.scrollTo(0,r.offsetTop-window.innerHeight/2)},10)});window.setUpUnsavedDataChangesAlert=({body:r,livewireComponent:a,$wire:i})=>{window.addEventListener("beforeunload",l=>{window.jsMd5(JSON.stringify(i.data).replace(/\\/g,""))===i.savedDataHash||i?.__instance?.effects?.redirect||(l.preventDefault(),l.returnValue=!0)})};window.setUpSpaModeUnsavedDataChangesAlert=({body:r,resolveLivewireComponentUsing:a,$wire:i})=>{let l=()=>i?.__instance?.effects?.redirect?!1:window.jsMd5(JSON.stringify(i.data).replace(/\\/g,""))!==i.savedDataHash,b=()=>confirm(r);document.addEventListener("livewire:navigate",d=>{if(typeof a()<"u"){if(!l()||b())return;d.preventDefault()}}),window.addEventListener("beforeunload",d=>{l()&&(d.preventDefault(),d.returnValue=!0)})};window.setUpUnsavedActionChangesAlert=({resolveLivewireComponentUsing:r,$wire:a})=>{window.addEventListener("beforeunload",i=>{if(!(typeof r()>"u")&&(a.mountedActions?.length??0)&&!a?.__instance?.effects?.redirect){i.preventDefault(),i.returnValue=!0;return}})};document.addEventListener("alpine:init",()=>{window.Alpine.plugin(V),window.Alpine.store("sidebar",H())});})(); diff --git a/packages/panels/resources/js/stores/sidebar.js b/packages/panels/resources/js/stores/sidebar.js index dc73036725..50904789f3 100644 --- a/packages/panels/resources/js/stores/sidebar.js +++ b/packages/panels/resources/js/stores/sidebar.js @@ -1,5 +1,5 @@ export default () => ({ - isOpen: window.Alpine.$persist(false).as('isOpen'), + isOpen: window.Alpine.$persist(true).as('isOpen'), collapsedGroups: window.Alpine.$persist(null).as('collapsedGroups'), From ff33507409e41bc675eebe6b56330256dd16c753 Mon Sep 17 00:00:00 2001 From: Raj Siva-Rajah Date: Thu, 10 Jul 2025 10:53:34 +0000 Subject: [PATCH 2/6] Add resize observer and force close on mobile --- packages/panels/dist/index.js | 2 +- packages/panels/resources/js/stores/sidebar.js | 16 ++++++++++++++++ 2 files changed, 17 insertions(+), 1 deletion(-) diff --git a/packages/panels/dist/index.js b/packages/panels/dist/index.js index d8cd933ec4..fd174a23ac 100644 --- a/packages/panels/dist/index.js +++ b/packages/panels/dist/index.js @@ -1 +1 @@ -(()=>{var ee=Object.create,q=Object.defineProperty,te=Object.getPrototypeOf,re=Object.prototype.hasOwnProperty,ne=Object.getOwnPropertyNames,ae=Object.getOwnPropertyDescriptor,ie=r=>q(r,"__esModule",{value:!0}),oe=(r,a)=>()=>(a||(a={exports:{}},r(a.exports,a)),a.exports),se=(r,a,i)=>{if(a&&typeof a=="object"||typeof a=="function")for(let l of ne(a))!re.call(r,l)&&l!=="default"&&q(r,l,{get:()=>a[l],enumerable:!(i=ae(a,l))||i.enumerable});return r},fe=r=>se(ie(q(r!=null?ee(te(r)):{},"default",r&&r.__esModule&&"default"in r?{get:()=>r.default,enumerable:!0}:{value:r,enumerable:!0})),r),le=oe((r,a)=>{(function(i,l,b){if(!i)return;for(var d={8:"backspace",9:"tab",13:"enter",16:"shift",17:"ctrl",18:"alt",20:"capslock",27:"esc",32:"space",33:"pageup",34:"pagedown",35:"end",36:"home",37:"left",38:"up",39:"right",40:"down",45:"ins",46:"del",91:"meta",93:"meta",224:"meta"},g={106:"*",107:"+",109:"-",110:".",111:"/",186:";",187:"=",188:",",189:"-",190:".",191:"/",192:"`",219:"[",220:"\\",221:"]",222:"'"},w={"~":"`","!":"1","@":"2","#":"3",$:"4","%":"5","^":"6","&":"7","*":"8","(":"9",")":"0",_:"-","+":"=",":":";",'"':"'","<":",",">":".","?":"/","|":"\\"},x={option:"alt",command:"meta",return:"enter",escape:"esc",plus:"+",mod:/Mac|iPod|iPhone|iPad/.test(navigator.platform)?"meta":"ctrl"},S,y=1;y<20;++y)d[111+y]="f"+y;for(y=0;y<=9;++y)d[y+96]=y.toString();function C(e,t,o){if(e.addEventListener){e.addEventListener(t,o,!1);return}e.attachEvent("on"+t,o)}function G(e){if(e.type=="keypress"){var t=String.fromCharCode(e.which);return e.shiftKey||(t=t.toLowerCase()),t}return d[e.which]?d[e.which]:g[e.which]?g[e.which]:String.fromCharCode(e.which).toLowerCase()}function R(e,t){return e.sort().join(",")===t.sort().join(",")}function F(e){var t=[];return e.shiftKey&&t.push("shift"),e.altKey&&t.push("alt"),e.ctrlKey&&t.push("ctrl"),e.metaKey&&t.push("meta"),t}function J(e){if(e.preventDefault){e.preventDefault();return}e.returnValue=!1}function B(e){if(e.stopPropagation){e.stopPropagation();return}e.cancelBubble=!0}function E(e){return e=="shift"||e=="ctrl"||e=="alt"||e=="meta"}function W(){if(!S){S={};for(var e in d)e>95&&e<112||d.hasOwnProperty(e)&&(S[d[e]]=e)}return S}function X(e,t,o){return o||(o=W()[e]?"keydown":"keypress"),o=="keypress"&&t.length&&(o="keydown"),o}function Y(e){return e==="+"?["+"]:(e=e.replace(/\+{2}/g,"+plus"),e.split("+"))}function T(e,t){var o,v,k,M=[];for(o=Y(e),k=0;k1){Q(n,m,f,p);return}u=T(n,p),t._callbacks[u.key]=t._callbacks[u.key]||[],U(u.key,u.modifiers,{type:u.action},s,n,c),t._callbacks[u.key][s?"unshift":"push"]({callback:f,modifiers:u.modifiers,action:u.action,seq:s,level:c,combo:n})}t._bindMultiple=function(n,f,p){for(var s=0;s-1||I(t,o.target))return!1;if("composedPath"in e&&typeof e.composedPath=="function"){var v=e.composedPath()[0];v!==e.target&&(t=v)}return t.tagName=="INPUT"||t.tagName=="SELECT"||t.tagName=="TEXTAREA"||t.isContentEditable},h.prototype.handleKey=function(){var e=this;return e._handleKey.apply(e,arguments)},h.addKeycodes=function(e){for(var t in e)e.hasOwnProperty(t)&&(d[t]=e[t]);S=null},h.init=function(){var e=h(l);for(var t in e)t.charAt(0)!=="_"&&(h[t]=function(o){return function(){return e[o].apply(e,arguments)}}(t))},h.init(),i.Mousetrap=h,typeof a<"u"&&a.exports&&(a.exports=h),typeof define=="function"&&define.amd&&define(function(){return h})})(typeof window<"u"?window:null,typeof window<"u"?document:null)}),N=fe(le());(function(r){if(r){var a={},i=r.prototype.stopCallback;r.prototype.stopCallback=function(l,b,d,g){var w=this;return w.paused?!0:a[d]||a[g]?!1:i.call(w,l,b,d)},r.prototype.bindGlobal=function(l,b,d){var g=this;if(g.bind(l,b,d),l instanceof Array){for(var w=0;w{r.directive("mousetrap",(a,{modifiers:i,expression:l},{evaluate:b})=>{let d=()=>l?b(l):a.click();i=i.map(g=>g.replace(/--/g," ").replace(/-/g,"+").replace(/\bslash\b/g,"/")),i.includes("global")&&(i=i.filter(g=>g!=="global"),N.default.bindGlobal(i,g=>{g.preventDefault(),d()})),N.default.bind(i,g=>{g.preventDefault(),d()})})},V=ue;var H=()=>({isOpen:window.Alpine.$persist(!0).as("isOpen"),collapsedGroups:window.Alpine.$persist(null).as("collapsedGroups"),groupIsCollapsed(r){return this.collapsedGroups.includes(r)},collapseGroup(r){this.collapsedGroups.includes(r)||(this.collapsedGroups=this.collapsedGroups.concat(r))},toggleCollapsedGroup(r){this.collapsedGroups=this.collapsedGroups.includes(r)?this.collapsedGroups.filter(a=>a!==r):this.collapsedGroups.concat(r)},close(){this.isOpen=!1},open(){this.isOpen=!0}});document.addEventListener("alpine:init",()=>{let r=localStorage.getItem("theme")??getComputedStyle(document.documentElement).getPropertyValue("--default-theme-mode");window.Alpine.store("theme",r==="dark"||r==="system"&&window.matchMedia("(prefers-color-scheme: dark)").matches?"dark":"light"),window.addEventListener("theme-changed",a=>{let i=a.detail;localStorage.setItem("theme",i),i==="system"&&(i=window.matchMedia("(prefers-color-scheme: dark)").matches?"dark":"light"),window.Alpine.store("theme",i)}),window.matchMedia("(prefers-color-scheme: dark)").addEventListener("change",a=>{localStorage.getItem("theme")==="system"&&window.Alpine.store("theme",a.matches?"dark":"light")}),window.Alpine.effect(()=>{window.Alpine.store("theme")==="dark"?document.documentElement.classList.add("dark"):document.documentElement.classList.remove("dark")})});document.addEventListener("DOMContentLoaded",()=>{setTimeout(()=>{let r=document.querySelector(".fi-main-sidebar .fi-sidebar-item.fi-active");if((!r||r.offsetParent===null)&&(r=document.querySelector(".fi-main-sidebar .fi-sidebar-group.fi-active")),!r||r.offsetParent===null)return;let a=document.querySelector(".fi-main-sidebar .fi-sidebar-nav");a&&a.scrollTo(0,r.offsetTop-window.innerHeight/2)},10)});window.setUpUnsavedDataChangesAlert=({body:r,livewireComponent:a,$wire:i})=>{window.addEventListener("beforeunload",l=>{window.jsMd5(JSON.stringify(i.data).replace(/\\/g,""))===i.savedDataHash||i?.__instance?.effects?.redirect||(l.preventDefault(),l.returnValue=!0)})};window.setUpSpaModeUnsavedDataChangesAlert=({body:r,resolveLivewireComponentUsing:a,$wire:i})=>{let l=()=>i?.__instance?.effects?.redirect?!1:window.jsMd5(JSON.stringify(i.data).replace(/\\/g,""))!==i.savedDataHash,b=()=>confirm(r);document.addEventListener("livewire:navigate",d=>{if(typeof a()<"u"){if(!l()||b())return;d.preventDefault()}}),window.addEventListener("beforeunload",d=>{l()&&(d.preventDefault(),d.returnValue=!0)})};window.setUpUnsavedActionChangesAlert=({resolveLivewireComponentUsing:r,$wire:a})=>{window.addEventListener("beforeunload",i=>{if(!(typeof r()>"u")&&(a.mountedActions?.length??0)&&!a?.__instance?.effects?.redirect){i.preventDefault(),i.returnValue=!0;return}})};document.addEventListener("alpine:init",()=>{window.Alpine.plugin(V),window.Alpine.store("sidebar",H())});})(); +(()=>{var ee=Object.create,q=Object.defineProperty,te=Object.getPrototypeOf,re=Object.prototype.hasOwnProperty,ne=Object.getOwnPropertyNames,ae=Object.getOwnPropertyDescriptor,ie=r=>q(r,"__esModule",{value:!0}),se=(r,a)=>()=>(a||(a={exports:{}},r(a.exports,a)),a.exports),oe=(r,a,i)=>{if(a&&typeof a=="object"||typeof a=="function")for(let l of ne(a))!re.call(r,l)&&l!=="default"&&q(r,l,{get:()=>a[l],enumerable:!(i=ae(a,l))||i.enumerable});return r},fe=r=>oe(ie(q(r!=null?ee(te(r)):{},"default",r&&r.__esModule&&"default"in r?{get:()=>r.default,enumerable:!0}:{value:r,enumerable:!0})),r),le=se((r,a)=>{(function(i,l,b){if(!i)return;for(var d={8:"backspace",9:"tab",13:"enter",16:"shift",17:"ctrl",18:"alt",20:"capslock",27:"esc",32:"space",33:"pageup",34:"pagedown",35:"end",36:"home",37:"left",38:"up",39:"right",40:"down",45:"ins",46:"del",91:"meta",93:"meta",224:"meta"},w={106:"*",107:"+",109:"-",110:".",111:"/",186:";",187:"=",188:",",189:"-",190:".",191:"/",192:"`",219:"[",220:"\\",221:"]",222:"'"},g={"~":"`","!":"1","@":"2","#":"3",$:"4","%":"5","^":"6","&":"7","*":"8","(":"9",")":"0",_:"-","+":"=",":":";",'"':"'","<":",",">":".","?":"/","|":"\\"},x={option:"alt",command:"meta",return:"enter",escape:"esc",plus:"+",mod:/Mac|iPod|iPhone|iPad/.test(navigator.platform)?"meta":"ctrl"},S,y=1;y<20;++y)d[111+y]="f"+y;for(y=0;y<=9;++y)d[y+96]=y.toString();function O(e,t,s){if(e.addEventListener){e.addEventListener(t,s,!1);return}e.attachEvent("on"+t,s)}function G(e){if(e.type=="keypress"){var t=String.fromCharCode(e.which);return e.shiftKey||(t=t.toLowerCase()),t}return d[e.which]?d[e.which]:w[e.which]?w[e.which]:String.fromCharCode(e.which).toLowerCase()}function H(e,t){return e.sort().join(",")===t.sort().join(",")}function z(e){var t=[];return e.shiftKey&&t.push("shift"),e.altKey&&t.push("alt"),e.ctrlKey&&t.push("ctrl"),e.metaKey&&t.push("meta"),t}function F(e){if(e.preventDefault){e.preventDefault();return}e.returnValue=!1}function J(e){if(e.stopPropagation){e.stopPropagation();return}e.cancelBubble=!0}function C(e){return e=="shift"||e=="ctrl"||e=="alt"||e=="meta"}function W(){if(!S){S={};for(var e in d)e>95&&e<112||d.hasOwnProperty(e)&&(S[d[e]]=e)}return S}function B(e,t,s){return s||(s=W()[e]?"keydown":"keypress"),s=="keypress"&&t.length&&(s="keydown"),s}function X(e){return e==="+"?["+"]:(e=e.replace(/\+{2}/g,"+plus"),e.split("+"))}function T(e,t){var s,v,k,M=[];for(s=X(e),k=0;k1){Q(n,m,f,p);return}u=T(n,p),t._callbacks[u.key]=t._callbacks[u.key]||[],U(u.key,u.modifiers,{type:u.action},o,n,c),t._callbacks[u.key][o?"unshift":"push"]({callback:f,modifiers:u.modifiers,action:u.action,seq:o,level:c,combo:n})}t._bindMultiple=function(n,f,p){for(var o=0;o-1||I(t,s.target))return!1;if("composedPath"in e&&typeof e.composedPath=="function"){var v=e.composedPath()[0];v!==e.target&&(t=v)}return t.tagName=="INPUT"||t.tagName=="SELECT"||t.tagName=="TEXTAREA"||t.isContentEditable},h.prototype.handleKey=function(){var e=this;return e._handleKey.apply(e,arguments)},h.addKeycodes=function(e){for(var t in e)e.hasOwnProperty(t)&&(d[t]=e[t]);S=null},h.init=function(){var e=h(l);for(var t in e)t.charAt(0)!=="_"&&(h[t]=function(s){return function(){return e[s].apply(e,arguments)}}(t))},h.init(),i.Mousetrap=h,typeof a<"u"&&a.exports&&(a.exports=h),typeof define=="function"&&define.amd&&define(function(){return h})})(typeof window<"u"?window:null,typeof window<"u"?document:null)}),N=fe(le());(function(r){if(r){var a={},i=r.prototype.stopCallback;r.prototype.stopCallback=function(l,b,d,w){var g=this;return g.paused?!0:a[d]||a[w]?!1:i.call(g,l,b,d)},r.prototype.bindGlobal=function(l,b,d){var w=this;if(w.bind(l,b,d),l instanceof Array){for(var g=0;g{r.directive("mousetrap",(a,{modifiers:i,expression:l},{evaluate:b})=>{let d=()=>l?b(l):a.click();i=i.map(w=>w.replace(/--/g," ").replace(/-/g,"+").replace(/\bslash\b/g,"/")),i.includes("global")&&(i=i.filter(w=>w!=="global"),N.default.bindGlobal(i,w=>{w.preventDefault(),d()})),N.default.bind(i,w=>{w.preventDefault(),d()})})},V=ue;var R=()=>({isOpen:window.Alpine.$persist(!0).as("isOpen"),init(){new ResizeObserver(()=>{window.innerWidth<1024&&this.isOpen&&this.close()}).observe(document.body),window.innerWidth<1024&&this.isOpen&&this.close()},collapsedGroups:window.Alpine.$persist(null).as("collapsedGroups"),groupIsCollapsed(r){return this.collapsedGroups.includes(r)},collapseGroup(r){this.collapsedGroups.includes(r)||(this.collapsedGroups=this.collapsedGroups.concat(r))},toggleCollapsedGroup(r){this.collapsedGroups=this.collapsedGroups.includes(r)?this.collapsedGroups.filter(a=>a!==r):this.collapsedGroups.concat(r)},close(){this.isOpen=!1},open(){this.isOpen=!0}});document.addEventListener("alpine:init",()=>{let r=localStorage.getItem("theme")??getComputedStyle(document.documentElement).getPropertyValue("--default-theme-mode");window.Alpine.store("theme",r==="dark"||r==="system"&&window.matchMedia("(prefers-color-scheme: dark)").matches?"dark":"light"),window.addEventListener("theme-changed",a=>{let i=a.detail;localStorage.setItem("theme",i),i==="system"&&(i=window.matchMedia("(prefers-color-scheme: dark)").matches?"dark":"light"),window.Alpine.store("theme",i)}),window.matchMedia("(prefers-color-scheme: dark)").addEventListener("change",a=>{localStorage.getItem("theme")==="system"&&window.Alpine.store("theme",a.matches?"dark":"light")}),window.Alpine.effect(()=>{window.Alpine.store("theme")==="dark"?document.documentElement.classList.add("dark"):document.documentElement.classList.remove("dark")})});document.addEventListener("DOMContentLoaded",()=>{setTimeout(()=>{let r=document.querySelector(".fi-main-sidebar .fi-sidebar-item.fi-active");if((!r||r.offsetParent===null)&&(r=document.querySelector(".fi-main-sidebar .fi-sidebar-group.fi-active")),!r||r.offsetParent===null)return;let a=document.querySelector(".fi-main-sidebar .fi-sidebar-nav");a&&a.scrollTo(0,r.offsetTop-window.innerHeight/2)},10)});window.setUpUnsavedDataChangesAlert=({body:r,livewireComponent:a,$wire:i})=>{window.addEventListener("beforeunload",l=>{window.jsMd5(JSON.stringify(i.data).replace(/\\/g,""))===i.savedDataHash||i?.__instance?.effects?.redirect||(l.preventDefault(),l.returnValue=!0)})};window.setUpSpaModeUnsavedDataChangesAlert=({body:r,resolveLivewireComponentUsing:a,$wire:i})=>{let l=()=>i?.__instance?.effects?.redirect?!1:window.jsMd5(JSON.stringify(i.data).replace(/\\/g,""))!==i.savedDataHash,b=()=>confirm(r);document.addEventListener("livewire:navigate",d=>{if(typeof a()<"u"){if(!l()||b())return;d.preventDefault()}}),window.addEventListener("beforeunload",d=>{l()&&(d.preventDefault(),d.returnValue=!0)})};window.setUpUnsavedActionChangesAlert=({resolveLivewireComponentUsing:r,$wire:a})=>{window.addEventListener("beforeunload",i=>{if(!(typeof r()>"u")&&(a.mountedActions?.length??0)&&!a?.__instance?.effects?.redirect){i.preventDefault(),i.returnValue=!0;return}})};document.addEventListener("alpine:init",()=>{window.Alpine.plugin(V),window.Alpine.store("sidebar",R())});})(); diff --git a/packages/panels/resources/js/stores/sidebar.js b/packages/panels/resources/js/stores/sidebar.js index 50904789f3..e09c7831ff 100644 --- a/packages/panels/resources/js/stores/sidebar.js +++ b/packages/panels/resources/js/stores/sidebar.js @@ -1,6 +1,22 @@ export default () => ({ isOpen: window.Alpine.$persist(true).as('isOpen'), + init() { + // Close on resize + const resizeObserver = new ResizeObserver(() => { + if (window.innerWidth < 1024 && this.isOpen) { + this.close(); + } + }); + + resizeObserver.observe(document.body); + + // Force close on mobile + if (window.innerWidth < 1024 && this.isOpen) { + this.close(); + } + }, + collapsedGroups: window.Alpine.$persist(null).as('collapsedGroups'), groupIsCollapsed(group) { From 080dd3db2ccb0cea49a5e46148709f884684fd7d Mon Sep 17 00:00:00 2001 From: Raj Siva-Rajah Date: Thu, 10 Jul 2025 11:57:29 +0000 Subject: [PATCH 3/6] Full fix --- packages/panels/dist/index.js | 2 +- .../panels/resources/js/stores/sidebar.js | 52 +++++++++++++++---- 2 files changed, 43 insertions(+), 11 deletions(-) diff --git a/packages/panels/dist/index.js b/packages/panels/dist/index.js index fd174a23ac..a16cab0967 100644 --- a/packages/panels/dist/index.js +++ b/packages/panels/dist/index.js @@ -1 +1 @@ -(()=>{var ee=Object.create,q=Object.defineProperty,te=Object.getPrototypeOf,re=Object.prototype.hasOwnProperty,ne=Object.getOwnPropertyNames,ae=Object.getOwnPropertyDescriptor,ie=r=>q(r,"__esModule",{value:!0}),se=(r,a)=>()=>(a||(a={exports:{}},r(a.exports,a)),a.exports),oe=(r,a,i)=>{if(a&&typeof a=="object"||typeof a=="function")for(let l of ne(a))!re.call(r,l)&&l!=="default"&&q(r,l,{get:()=>a[l],enumerable:!(i=ae(a,l))||i.enumerable});return r},fe=r=>oe(ie(q(r!=null?ee(te(r)):{},"default",r&&r.__esModule&&"default"in r?{get:()=>r.default,enumerable:!0}:{value:r,enumerable:!0})),r),le=se((r,a)=>{(function(i,l,b){if(!i)return;for(var d={8:"backspace",9:"tab",13:"enter",16:"shift",17:"ctrl",18:"alt",20:"capslock",27:"esc",32:"space",33:"pageup",34:"pagedown",35:"end",36:"home",37:"left",38:"up",39:"right",40:"down",45:"ins",46:"del",91:"meta",93:"meta",224:"meta"},w={106:"*",107:"+",109:"-",110:".",111:"/",186:";",187:"=",188:",",189:"-",190:".",191:"/",192:"`",219:"[",220:"\\",221:"]",222:"'"},g={"~":"`","!":"1","@":"2","#":"3",$:"4","%":"5","^":"6","&":"7","*":"8","(":"9",")":"0",_:"-","+":"=",":":";",'"':"'","<":",",">":".","?":"/","|":"\\"},x={option:"alt",command:"meta",return:"enter",escape:"esc",plus:"+",mod:/Mac|iPod|iPhone|iPad/.test(navigator.platform)?"meta":"ctrl"},S,y=1;y<20;++y)d[111+y]="f"+y;for(y=0;y<=9;++y)d[y+96]=y.toString();function O(e,t,s){if(e.addEventListener){e.addEventListener(t,s,!1);return}e.attachEvent("on"+t,s)}function G(e){if(e.type=="keypress"){var t=String.fromCharCode(e.which);return e.shiftKey||(t=t.toLowerCase()),t}return d[e.which]?d[e.which]:w[e.which]?w[e.which]:String.fromCharCode(e.which).toLowerCase()}function H(e,t){return e.sort().join(",")===t.sort().join(",")}function z(e){var t=[];return e.shiftKey&&t.push("shift"),e.altKey&&t.push("alt"),e.ctrlKey&&t.push("ctrl"),e.metaKey&&t.push("meta"),t}function F(e){if(e.preventDefault){e.preventDefault();return}e.returnValue=!1}function J(e){if(e.stopPropagation){e.stopPropagation();return}e.cancelBubble=!0}function C(e){return e=="shift"||e=="ctrl"||e=="alt"||e=="meta"}function W(){if(!S){S={};for(var e in d)e>95&&e<112||d.hasOwnProperty(e)&&(S[d[e]]=e)}return S}function B(e,t,s){return s||(s=W()[e]?"keydown":"keypress"),s=="keypress"&&t.length&&(s="keydown"),s}function X(e){return e==="+"?["+"]:(e=e.replace(/\+{2}/g,"+plus"),e.split("+"))}function T(e,t){var s,v,k,M=[];for(s=X(e),k=0;k1){Q(n,m,f,p);return}u=T(n,p),t._callbacks[u.key]=t._callbacks[u.key]||[],U(u.key,u.modifiers,{type:u.action},o,n,c),t._callbacks[u.key][o?"unshift":"push"]({callback:f,modifiers:u.modifiers,action:u.action,seq:o,level:c,combo:n})}t._bindMultiple=function(n,f,p){for(var o=0;o-1||I(t,s.target))return!1;if("composedPath"in e&&typeof e.composedPath=="function"){var v=e.composedPath()[0];v!==e.target&&(t=v)}return t.tagName=="INPUT"||t.tagName=="SELECT"||t.tagName=="TEXTAREA"||t.isContentEditable},h.prototype.handleKey=function(){var e=this;return e._handleKey.apply(e,arguments)},h.addKeycodes=function(e){for(var t in e)e.hasOwnProperty(t)&&(d[t]=e[t]);S=null},h.init=function(){var e=h(l);for(var t in e)t.charAt(0)!=="_"&&(h[t]=function(s){return function(){return e[s].apply(e,arguments)}}(t))},h.init(),i.Mousetrap=h,typeof a<"u"&&a.exports&&(a.exports=h),typeof define=="function"&&define.amd&&define(function(){return h})})(typeof window<"u"?window:null,typeof window<"u"?document:null)}),N=fe(le());(function(r){if(r){var a={},i=r.prototype.stopCallback;r.prototype.stopCallback=function(l,b,d,w){var g=this;return g.paused?!0:a[d]||a[w]?!1:i.call(g,l,b,d)},r.prototype.bindGlobal=function(l,b,d){var w=this;if(w.bind(l,b,d),l instanceof Array){for(var g=0;g{r.directive("mousetrap",(a,{modifiers:i,expression:l},{evaluate:b})=>{let d=()=>l?b(l):a.click();i=i.map(w=>w.replace(/--/g," ").replace(/-/g,"+").replace(/\bslash\b/g,"/")),i.includes("global")&&(i=i.filter(w=>w!=="global"),N.default.bindGlobal(i,w=>{w.preventDefault(),d()})),N.default.bind(i,w=>{w.preventDefault(),d()})})},V=ue;var R=()=>({isOpen:window.Alpine.$persist(!0).as("isOpen"),init(){new ResizeObserver(()=>{window.innerWidth<1024&&this.isOpen&&this.close()}).observe(document.body),window.innerWidth<1024&&this.isOpen&&this.close()},collapsedGroups:window.Alpine.$persist(null).as("collapsedGroups"),groupIsCollapsed(r){return this.collapsedGroups.includes(r)},collapseGroup(r){this.collapsedGroups.includes(r)||(this.collapsedGroups=this.collapsedGroups.concat(r))},toggleCollapsedGroup(r){this.collapsedGroups=this.collapsedGroups.includes(r)?this.collapsedGroups.filter(a=>a!==r):this.collapsedGroups.concat(r)},close(){this.isOpen=!1},open(){this.isOpen=!0}});document.addEventListener("alpine:init",()=>{let r=localStorage.getItem("theme")??getComputedStyle(document.documentElement).getPropertyValue("--default-theme-mode");window.Alpine.store("theme",r==="dark"||r==="system"&&window.matchMedia("(prefers-color-scheme: dark)").matches?"dark":"light"),window.addEventListener("theme-changed",a=>{let i=a.detail;localStorage.setItem("theme",i),i==="system"&&(i=window.matchMedia("(prefers-color-scheme: dark)").matches?"dark":"light"),window.Alpine.store("theme",i)}),window.matchMedia("(prefers-color-scheme: dark)").addEventListener("change",a=>{localStorage.getItem("theme")==="system"&&window.Alpine.store("theme",a.matches?"dark":"light")}),window.Alpine.effect(()=>{window.Alpine.store("theme")==="dark"?document.documentElement.classList.add("dark"):document.documentElement.classList.remove("dark")})});document.addEventListener("DOMContentLoaded",()=>{setTimeout(()=>{let r=document.querySelector(".fi-main-sidebar .fi-sidebar-item.fi-active");if((!r||r.offsetParent===null)&&(r=document.querySelector(".fi-main-sidebar .fi-sidebar-group.fi-active")),!r||r.offsetParent===null)return;let a=document.querySelector(".fi-main-sidebar .fi-sidebar-nav");a&&a.scrollTo(0,r.offsetTop-window.innerHeight/2)},10)});window.setUpUnsavedDataChangesAlert=({body:r,livewireComponent:a,$wire:i})=>{window.addEventListener("beforeunload",l=>{window.jsMd5(JSON.stringify(i.data).replace(/\\/g,""))===i.savedDataHash||i?.__instance?.effects?.redirect||(l.preventDefault(),l.returnValue=!0)})};window.setUpSpaModeUnsavedDataChangesAlert=({body:r,resolveLivewireComponentUsing:a,$wire:i})=>{let l=()=>i?.__instance?.effects?.redirect?!1:window.jsMd5(JSON.stringify(i.data).replace(/\\/g,""))!==i.savedDataHash,b=()=>confirm(r);document.addEventListener("livewire:navigate",d=>{if(typeof a()<"u"){if(!l()||b())return;d.preventDefault()}}),window.addEventListener("beforeunload",d=>{l()&&(d.preventDefault(),d.returnValue=!0)})};window.setUpUnsavedActionChangesAlert=({resolveLivewireComponentUsing:r,$wire:a})=>{window.addEventListener("beforeunload",i=>{if(!(typeof r()>"u")&&(a.mountedActions?.length??0)&&!a?.__instance?.effects?.redirect){i.preventDefault(),i.returnValue=!0;return}})};document.addEventListener("alpine:init",()=>{window.Alpine.plugin(V),window.Alpine.store("sidebar",R())});})(); +(()=>{var ee=Object.create,I=Object.defineProperty,te=Object.getPrototypeOf,re=Object.prototype.hasOwnProperty,ne=Object.getOwnPropertyNames,ie=Object.getOwnPropertyDescriptor,ae=r=>I(r,"__esModule",{value:!0}),se=(r,n)=>()=>(n||(n={exports:{}},r(n.exports,n)),n.exports),oe=(r,n,a)=>{if(n&&typeof n=="object"||typeof n=="function")for(let l of ne(n))!re.call(r,l)&&l!=="default"&&I(r,l,{get:()=>n[l],enumerable:!(a=ie(n,l))||a.enumerable});return r},le=r=>oe(ae(I(r!=null?ee(te(r)):{},"default",r&&r.__esModule&&"default"in r?{get:()=>r.default,enumerable:!0}:{value:r,enumerable:!0})),r),fe=se((r,n)=>{(function(a,l,g){if(!a)return;for(var c={8:"backspace",9:"tab",13:"enter",16:"shift",17:"ctrl",18:"alt",20:"capslock",27:"esc",32:"space",33:"pageup",34:"pagedown",35:"end",36:"home",37:"left",38:"up",39:"right",40:"down",45:"ins",46:"del",91:"meta",93:"meta",224:"meta"},v={106:"*",107:"+",109:"-",110:".",111:"/",186:";",187:"=",188:",",189:"-",190:".",191:"/",192:"`",219:"[",220:"\\",221:"]",222:"'"},m={"~":"`","!":"1","@":"2","#":"3",$:"4","%":"5","^":"6","&":"7","*":"8","(":"9",")":"0",_:"-","+":"=",":":";",'"':"'","<":",",">":".","?":"/","|":"\\"},q={option:"alt",command:"meta",return:"enter",escape:"esc",plus:"+",mod:/Mac|iPod|iPhone|iPad/.test(navigator.platform)?"meta":"ctrl"},A,y=1;y<20;++y)c[111+y]="f"+y;for(y=0;y<=9;++y)c[y+96]=y.toString();function P(e,t,s){if(e.addEventListener){e.addEventListener(t,s,!1);return}e.attachEvent("on"+t,s)}function x(e){if(e.type=="keypress"){var t=String.fromCharCode(e.which);return e.shiftKey||(t=t.toLowerCase()),t}return c[e.which]?c[e.which]:v[e.which]?v[e.which]:String.fromCharCode(e.which).toLowerCase()}function R(e,t){return e.sort().join(",")===t.sort().join(",")}function H(e){var t=[];return e.shiftKey&&t.push("shift"),e.altKey&&t.push("alt"),e.ctrlKey&&t.push("ctrl"),e.metaKey&&t.push("meta"),t}function z(e){if(e.preventDefault){e.preventDefault();return}e.returnValue=!1}function F(e){if(e.stopPropagation){e.stopPropagation();return}e.cancelBubble=!0}function C(e){return e=="shift"||e=="ctrl"||e=="alt"||e=="meta"}function J(){if(!A){A={};for(var e in c)e>95&&e<112||c.hasOwnProperty(e)&&(A[c[e]]=e)}return A}function B(e,t,s){return s||(s=J()[e]?"keydown":"keypress"),s=="keypress"&&t.length&&(s="keydown"),s}function X(e){return e==="+"?["+"]:(e=e.replace(/\+{2}/g,"+plus"),e.split("+"))}function G(e,t){var s,h,k,S=[];for(s=X(e),k=0;k1){Q(i,b,f,p);return}u=G(i,p),t._callbacks[u.key]=t._callbacks[u.key]||[],U(u.key,u.modifiers,{type:u.action},o,i,d),t._callbacks[u.key][o?"unshift":"push"]({callback:f,modifiers:u.modifiers,action:u.action,seq:o,level:d,combo:i})}t._bindMultiple=function(i,f,p){for(var o=0;o-1||T(t,s.target))return!1;if("composedPath"in e&&typeof e.composedPath=="function"){var h=e.composedPath()[0];h!==e.target&&(t=h)}return t.tagName=="INPUT"||t.tagName=="SELECT"||t.tagName=="TEXTAREA"||t.isContentEditable},_.prototype.handleKey=function(){var e=this;return e._handleKey.apply(e,arguments)},_.addKeycodes=function(e){for(var t in e)e.hasOwnProperty(t)&&(c[t]=e[t]);A=null},_.init=function(){var e=_(l);for(var t in e)t.charAt(0)!=="_"&&(_[t]=function(s){return function(){return e[s].apply(e,arguments)}}(t))},_.init(),a.Mousetrap=_,typeof n<"u"&&n.exports&&(n.exports=_),typeof define=="function"&&define.amd&&define(function(){return _})})(typeof window<"u"?window:null,typeof window<"u"?document:null)}),j=le(fe());(function(r){if(r){var n={},a=r.prototype.stopCallback;r.prototype.stopCallback=function(l,g,c,v){var m=this;return m.paused?!0:n[c]||n[v]?!1:a.call(m,l,g,c)},r.prototype.bindGlobal=function(l,g,c){var v=this;if(v.bind(l,g,c),l instanceof Array){for(var m=0;m{r.directive("mousetrap",(n,{modifiers:a,expression:l},{evaluate:g})=>{let c=()=>l?g(l):n.click();a=a.map(v=>v.replace(/--/g," ").replace(/-/g,"+").replace(/\bslash\b/g,"/")),a.includes("global")&&(a=a.filter(v=>v!=="global"),j.default.bindGlobal(a,v=>{v.preventDefault(),c()})),j.default.bind(a,v=>{v.preventDefault(),c()})})},N=ue;var V=()=>({isOpen:window.Alpine.$persist(!0).as("isOpen"),collapsedGroups:window.Alpine.$persist(null).as("collapsedGroups"),init(){let r=window.innerWidth;new ResizeObserver(()=>{let a=window.innerWidth,l=r>=1024,g=a<1024,c=a>=1024;if(l&&g)localStorage.setItem("isOpenDesktop",this.isOpen),this.isOpen&&this.close();else if(!l&&c){let v=localStorage.getItem("isOpenDesktop");v!==null&&(this.isOpen=v==="true")}r=a}).observe(document.body),window.innerWidth<1024?this.isOpen&&(localStorage.setItem("isOpenDesktop","true"),this.close()):localStorage.setItem("isOpenDesktop",this.isOpen)},groupIsCollapsed(r){return this.collapsedGroups.includes(r)},collapseGroup(r){this.collapsedGroups.includes(r)||(this.collapsedGroups=this.collapsedGroups.concat(r))},toggleCollapsedGroup(r){this.collapsedGroups=this.collapsedGroups.includes(r)?this.collapsedGroups.filter(n=>n!==r):this.collapsedGroups.concat(r)},close(){this.isOpen=!1,window.innerWidth>=1024&&localStorage.setItem("isOpenDesktop","false")},open(){this.isOpen=!0,window.innerWidth>=1024&&localStorage.setItem("isOpenDesktop","true")}});document.addEventListener("alpine:init",()=>{let r=localStorage.getItem("theme")??getComputedStyle(document.documentElement).getPropertyValue("--default-theme-mode");window.Alpine.store("theme",r==="dark"||r==="system"&&window.matchMedia("(prefers-color-scheme: dark)").matches?"dark":"light"),window.addEventListener("theme-changed",n=>{let a=n.detail;localStorage.setItem("theme",a),a==="system"&&(a=window.matchMedia("(prefers-color-scheme: dark)").matches?"dark":"light"),window.Alpine.store("theme",a)}),window.matchMedia("(prefers-color-scheme: dark)").addEventListener("change",n=>{localStorage.getItem("theme")==="system"&&window.Alpine.store("theme",n.matches?"dark":"light")}),window.Alpine.effect(()=>{window.Alpine.store("theme")==="dark"?document.documentElement.classList.add("dark"):document.documentElement.classList.remove("dark")})});document.addEventListener("DOMContentLoaded",()=>{setTimeout(()=>{let r=document.querySelector(".fi-main-sidebar .fi-sidebar-item.fi-active");if((!r||r.offsetParent===null)&&(r=document.querySelector(".fi-main-sidebar .fi-sidebar-group.fi-active")),!r||r.offsetParent===null)return;let n=document.querySelector(".fi-main-sidebar .fi-sidebar-nav");n&&n.scrollTo(0,r.offsetTop-window.innerHeight/2)},10)});window.setUpUnsavedDataChangesAlert=({body:r,livewireComponent:n,$wire:a})=>{window.addEventListener("beforeunload",l=>{window.jsMd5(JSON.stringify(a.data).replace(/\\/g,""))===a.savedDataHash||a?.__instance?.effects?.redirect||(l.preventDefault(),l.returnValue=!0)})};window.setUpSpaModeUnsavedDataChangesAlert=({body:r,resolveLivewireComponentUsing:n,$wire:a})=>{let l=()=>a?.__instance?.effects?.redirect?!1:window.jsMd5(JSON.stringify(a.data).replace(/\\/g,""))!==a.savedDataHash,g=()=>confirm(r);document.addEventListener("livewire:navigate",c=>{if(typeof n()<"u"){if(!l()||g())return;c.preventDefault()}}),window.addEventListener("beforeunload",c=>{l()&&(c.preventDefault(),c.returnValue=!0)})};window.setUpUnsavedActionChangesAlert=({resolveLivewireComponentUsing:r,$wire:n})=>{window.addEventListener("beforeunload",a=>{if(!(typeof r()>"u")&&(n.mountedActions?.length??0)&&!n?.__instance?.effects?.redirect){a.preventDefault(),a.returnValue=!0;return}})};document.addEventListener("alpine:init",()=>{window.Alpine.plugin(N),window.Alpine.store("sidebar",V())});})(); diff --git a/packages/panels/resources/js/stores/sidebar.js b/packages/panels/resources/js/stores/sidebar.js index e09c7831ff..85bc546cf9 100644 --- a/packages/panels/resources/js/stores/sidebar.js +++ b/packages/panels/resources/js/stores/sidebar.js @@ -1,24 +1,48 @@ export default () => ({ isOpen: window.Alpine.$persist(true).as('isOpen'), + collapsedGroups: window.Alpine.$persist(null).as('collapsedGroups'), + init() { - // Close on resize + let previousWidth = window.innerWidth + const resizeObserver = new ResizeObserver(() => { - if (window.innerWidth < 1024 && this.isOpen) { - this.close(); + const currentWidth = window.innerWidth + const wasDesktop = previousWidth >= 1024 + const isMobile = currentWidth < 1024 + const isDesktop = currentWidth >= 1024 + + // Resize from desktop to mobile + if (wasDesktop && isMobile) { + localStorage.setItem('isOpenDesktop', this.isOpen) + if (this.isOpen) { + this.close() + } } - }); - resizeObserver.observe(document.body); + // Resize from mobile to desktop + else if (!wasDesktop && isDesktop) { + const desktopState = localStorage.getItem('isOpenDesktop') + if (desktopState !== null) { + this.isOpen = desktopState === 'true' + } + } - // Force close on mobile - if (window.innerWidth < 1024 && this.isOpen) { - this.close(); + previousWidth = currentWidth + }) + + resizeObserver.observe(document.body) + + if (window.innerWidth < 1024) { + if (this.isOpen) { + localStorage.setItem('isOpenDesktop', 'true') + this.close() + } + } else { + localStorage.setItem('isOpenDesktop', this.isOpen) } }, - collapsedGroups: window.Alpine.$persist(null).as('collapsedGroups'), - groupIsCollapsed(group) { return this.collapsedGroups.includes(group) }, @@ -41,9 +65,17 @@ export default () => ({ close() { this.isOpen = false + + if (window.innerWidth >= 1024) { + localStorage.setItem('isOpenDesktop', 'false') + } }, open() { this.isOpen = true + + if (window.innerWidth >= 1024) { + localStorage.setItem('isOpenDesktop', 'true') + } }, }) From 740a1c4406e94ae0278b8288a54074485c03374b Mon Sep 17 00:00:00 2001 From: Raj Siva-Rajah Date: Thu, 10 Jul 2025 12:14:24 +0000 Subject: [PATCH 4/6] Use Alpine persist --- packages/panels/dist/index.js | 2 +- .../panels/resources/js/stores/sidebar.js | 21 ++++++++----------- 2 files changed, 10 insertions(+), 13 deletions(-) diff --git a/packages/panels/dist/index.js b/packages/panels/dist/index.js index a16cab0967..67d837f2a6 100644 --- a/packages/panels/dist/index.js +++ b/packages/panels/dist/index.js @@ -1 +1 @@ -(()=>{var ee=Object.create,I=Object.defineProperty,te=Object.getPrototypeOf,re=Object.prototype.hasOwnProperty,ne=Object.getOwnPropertyNames,ie=Object.getOwnPropertyDescriptor,ae=r=>I(r,"__esModule",{value:!0}),se=(r,n)=>()=>(n||(n={exports:{}},r(n.exports,n)),n.exports),oe=(r,n,a)=>{if(n&&typeof n=="object"||typeof n=="function")for(let l of ne(n))!re.call(r,l)&&l!=="default"&&I(r,l,{get:()=>n[l],enumerable:!(a=ie(n,l))||a.enumerable});return r},le=r=>oe(ae(I(r!=null?ee(te(r)):{},"default",r&&r.__esModule&&"default"in r?{get:()=>r.default,enumerable:!0}:{value:r,enumerable:!0})),r),fe=se((r,n)=>{(function(a,l,g){if(!a)return;for(var c={8:"backspace",9:"tab",13:"enter",16:"shift",17:"ctrl",18:"alt",20:"capslock",27:"esc",32:"space",33:"pageup",34:"pagedown",35:"end",36:"home",37:"left",38:"up",39:"right",40:"down",45:"ins",46:"del",91:"meta",93:"meta",224:"meta"},v={106:"*",107:"+",109:"-",110:".",111:"/",186:";",187:"=",188:",",189:"-",190:".",191:"/",192:"`",219:"[",220:"\\",221:"]",222:"'"},m={"~":"`","!":"1","@":"2","#":"3",$:"4","%":"5","^":"6","&":"7","*":"8","(":"9",")":"0",_:"-","+":"=",":":";",'"':"'","<":",",">":".","?":"/","|":"\\"},q={option:"alt",command:"meta",return:"enter",escape:"esc",plus:"+",mod:/Mac|iPod|iPhone|iPad/.test(navigator.platform)?"meta":"ctrl"},A,y=1;y<20;++y)c[111+y]="f"+y;for(y=0;y<=9;++y)c[y+96]=y.toString();function P(e,t,s){if(e.addEventListener){e.addEventListener(t,s,!1);return}e.attachEvent("on"+t,s)}function x(e){if(e.type=="keypress"){var t=String.fromCharCode(e.which);return e.shiftKey||(t=t.toLowerCase()),t}return c[e.which]?c[e.which]:v[e.which]?v[e.which]:String.fromCharCode(e.which).toLowerCase()}function R(e,t){return e.sort().join(",")===t.sort().join(",")}function H(e){var t=[];return e.shiftKey&&t.push("shift"),e.altKey&&t.push("alt"),e.ctrlKey&&t.push("ctrl"),e.metaKey&&t.push("meta"),t}function z(e){if(e.preventDefault){e.preventDefault();return}e.returnValue=!1}function F(e){if(e.stopPropagation){e.stopPropagation();return}e.cancelBubble=!0}function C(e){return e=="shift"||e=="ctrl"||e=="alt"||e=="meta"}function J(){if(!A){A={};for(var e in c)e>95&&e<112||c.hasOwnProperty(e)&&(A[c[e]]=e)}return A}function B(e,t,s){return s||(s=J()[e]?"keydown":"keypress"),s=="keypress"&&t.length&&(s="keydown"),s}function X(e){return e==="+"?["+"]:(e=e.replace(/\+{2}/g,"+plus"),e.split("+"))}function G(e,t){var s,h,k,S=[];for(s=X(e),k=0;k1){Q(i,b,f,p);return}u=G(i,p),t._callbacks[u.key]=t._callbacks[u.key]||[],U(u.key,u.modifiers,{type:u.action},o,i,d),t._callbacks[u.key][o?"unshift":"push"]({callback:f,modifiers:u.modifiers,action:u.action,seq:o,level:d,combo:i})}t._bindMultiple=function(i,f,p){for(var o=0;o-1||T(t,s.target))return!1;if("composedPath"in e&&typeof e.composedPath=="function"){var h=e.composedPath()[0];h!==e.target&&(t=h)}return t.tagName=="INPUT"||t.tagName=="SELECT"||t.tagName=="TEXTAREA"||t.isContentEditable},_.prototype.handleKey=function(){var e=this;return e._handleKey.apply(e,arguments)},_.addKeycodes=function(e){for(var t in e)e.hasOwnProperty(t)&&(c[t]=e[t]);A=null},_.init=function(){var e=_(l);for(var t in e)t.charAt(0)!=="_"&&(_[t]=function(s){return function(){return e[s].apply(e,arguments)}}(t))},_.init(),a.Mousetrap=_,typeof n<"u"&&n.exports&&(n.exports=_),typeof define=="function"&&define.amd&&define(function(){return _})})(typeof window<"u"?window:null,typeof window<"u"?document:null)}),j=le(fe());(function(r){if(r){var n={},a=r.prototype.stopCallback;r.prototype.stopCallback=function(l,g,c,v){var m=this;return m.paused?!0:n[c]||n[v]?!1:a.call(m,l,g,c)},r.prototype.bindGlobal=function(l,g,c){var v=this;if(v.bind(l,g,c),l instanceof Array){for(var m=0;m{r.directive("mousetrap",(n,{modifiers:a,expression:l},{evaluate:g})=>{let c=()=>l?g(l):n.click();a=a.map(v=>v.replace(/--/g," ").replace(/-/g,"+").replace(/\bslash\b/g,"/")),a.includes("global")&&(a=a.filter(v=>v!=="global"),j.default.bindGlobal(a,v=>{v.preventDefault(),c()})),j.default.bind(a,v=>{v.preventDefault(),c()})})},N=ue;var V=()=>({isOpen:window.Alpine.$persist(!0).as("isOpen"),collapsedGroups:window.Alpine.$persist(null).as("collapsedGroups"),init(){let r=window.innerWidth;new ResizeObserver(()=>{let a=window.innerWidth,l=r>=1024,g=a<1024,c=a>=1024;if(l&&g)localStorage.setItem("isOpenDesktop",this.isOpen),this.isOpen&&this.close();else if(!l&&c){let v=localStorage.getItem("isOpenDesktop");v!==null&&(this.isOpen=v==="true")}r=a}).observe(document.body),window.innerWidth<1024?this.isOpen&&(localStorage.setItem("isOpenDesktop","true"),this.close()):localStorage.setItem("isOpenDesktop",this.isOpen)},groupIsCollapsed(r){return this.collapsedGroups.includes(r)},collapseGroup(r){this.collapsedGroups.includes(r)||(this.collapsedGroups=this.collapsedGroups.concat(r))},toggleCollapsedGroup(r){this.collapsedGroups=this.collapsedGroups.includes(r)?this.collapsedGroups.filter(n=>n!==r):this.collapsedGroups.concat(r)},close(){this.isOpen=!1,window.innerWidth>=1024&&localStorage.setItem("isOpenDesktop","false")},open(){this.isOpen=!0,window.innerWidth>=1024&&localStorage.setItem("isOpenDesktop","true")}});document.addEventListener("alpine:init",()=>{let r=localStorage.getItem("theme")??getComputedStyle(document.documentElement).getPropertyValue("--default-theme-mode");window.Alpine.store("theme",r==="dark"||r==="system"&&window.matchMedia("(prefers-color-scheme: dark)").matches?"dark":"light"),window.addEventListener("theme-changed",n=>{let a=n.detail;localStorage.setItem("theme",a),a==="system"&&(a=window.matchMedia("(prefers-color-scheme: dark)").matches?"dark":"light"),window.Alpine.store("theme",a)}),window.matchMedia("(prefers-color-scheme: dark)").addEventListener("change",n=>{localStorage.getItem("theme")==="system"&&window.Alpine.store("theme",n.matches?"dark":"light")}),window.Alpine.effect(()=>{window.Alpine.store("theme")==="dark"?document.documentElement.classList.add("dark"):document.documentElement.classList.remove("dark")})});document.addEventListener("DOMContentLoaded",()=>{setTimeout(()=>{let r=document.querySelector(".fi-main-sidebar .fi-sidebar-item.fi-active");if((!r||r.offsetParent===null)&&(r=document.querySelector(".fi-main-sidebar .fi-sidebar-group.fi-active")),!r||r.offsetParent===null)return;let n=document.querySelector(".fi-main-sidebar .fi-sidebar-nav");n&&n.scrollTo(0,r.offsetTop-window.innerHeight/2)},10)});window.setUpUnsavedDataChangesAlert=({body:r,livewireComponent:n,$wire:a})=>{window.addEventListener("beforeunload",l=>{window.jsMd5(JSON.stringify(a.data).replace(/\\/g,""))===a.savedDataHash||a?.__instance?.effects?.redirect||(l.preventDefault(),l.returnValue=!0)})};window.setUpSpaModeUnsavedDataChangesAlert=({body:r,resolveLivewireComponentUsing:n,$wire:a})=>{let l=()=>a?.__instance?.effects?.redirect?!1:window.jsMd5(JSON.stringify(a.data).replace(/\\/g,""))!==a.savedDataHash,g=()=>confirm(r);document.addEventListener("livewire:navigate",c=>{if(typeof n()<"u"){if(!l()||g())return;c.preventDefault()}}),window.addEventListener("beforeunload",c=>{l()&&(c.preventDefault(),c.returnValue=!0)})};window.setUpUnsavedActionChangesAlert=({resolveLivewireComponentUsing:r,$wire:n})=>{window.addEventListener("beforeunload",a=>{if(!(typeof r()>"u")&&(n.mountedActions?.length??0)&&!n?.__instance?.effects?.redirect){a.preventDefault(),a.returnValue=!0;return}})};document.addEventListener("alpine:init",()=>{window.Alpine.plugin(N),window.Alpine.store("sidebar",V())});})(); +(()=>{var ee=Object.create,q=Object.defineProperty,te=Object.getPrototypeOf,re=Object.prototype.hasOwnProperty,ne=Object.getOwnPropertyNames,ie=Object.getOwnPropertyDescriptor,ae=r=>q(r,"__esModule",{value:!0}),se=(r,n)=>()=>(n||(n={exports:{}},r(n.exports,n)),n.exports),oe=(r,n,a)=>{if(n&&typeof n=="object"||typeof n=="function")for(let f of ne(n))!re.call(r,f)&&f!=="default"&&q(r,f,{get:()=>n[f],enumerable:!(a=ie(n,f))||a.enumerable});return r},fe=r=>oe(ae(q(r!=null?ee(te(r)):{},"default",r&&r.__esModule&&"default"in r?{get:()=>r.default,enumerable:!0}:{value:r,enumerable:!0})),r),le=se((r,n)=>{(function(a,f,g){if(!a)return;for(var c={8:"backspace",9:"tab",13:"enter",16:"shift",17:"ctrl",18:"alt",20:"capslock",27:"esc",32:"space",33:"pageup",34:"pagedown",35:"end",36:"home",37:"left",38:"up",39:"right",40:"down",45:"ins",46:"del",91:"meta",93:"meta",224:"meta"},w={106:"*",107:"+",109:"-",110:".",111:"/",186:";",187:"=",188:",",189:"-",190:".",191:"/",192:"`",219:"[",220:"\\",221:"]",222:"'"},y={"~":"`","!":"1","@":"2","#":"3",$:"4","%":"5","^":"6","&":"7","*":"8","(":"9",")":"0",_:"-","+":"=",":":";",'"':"'","<":",",">":".","?":"/","|":"\\"},x={option:"alt",command:"meta",return:"enter",escape:"esc",plus:"+",mod:/Mac|iPod|iPhone|iPad/.test(navigator.platform)?"meta":"ctrl"},P,m=1;m<20;++m)c[111+m]="f"+m;for(m=0;m<=9;++m)c[m+96]=m.toString();function S(e,t,s){if(e.addEventListener){e.addEventListener(t,s,!1);return}e.attachEvent("on"+t,s)}function G(e){if(e.type=="keypress"){var t=String.fromCharCode(e.which);return e.shiftKey||(t=t.toLowerCase()),t}return c[e.which]?c[e.which]:w[e.which]?w[e.which]:String.fromCharCode(e.which).toLowerCase()}function R(e,t){return e.sort().join(",")===t.sort().join(",")}function H(e){var t=[];return e.shiftKey&&t.push("shift"),e.altKey&&t.push("alt"),e.ctrlKey&&t.push("ctrl"),e.metaKey&&t.push("meta"),t}function z(e){if(e.preventDefault){e.preventDefault();return}e.returnValue=!1}function F(e){if(e.stopPropagation){e.stopPropagation();return}e.cancelBubble=!0}function C(e){return e=="shift"||e=="ctrl"||e=="alt"||e=="meta"}function J(){if(!P){P={};for(var e in c)e>95&&e<112||c.hasOwnProperty(e)&&(P[c[e]]=e)}return P}function B(e,t,s){return s||(s=J()[e]?"keydown":"keypress"),s=="keypress"&&t.length&&(s="keydown"),s}function X(e){return e==="+"?["+"]:(e=e.replace(/\+{2}/g,"+plus"),e.split("+"))}function T(e,t){var s,h,k,A=[];for(s=X(e),k=0;k1){Q(i,b,l,p);return}u=T(i,p),t._callbacks[u.key]=t._callbacks[u.key]||[],U(u.key,u.modifiers,{type:u.action},o,i,d),t._callbacks[u.key][o?"unshift":"push"]({callback:l,modifiers:u.modifiers,action:u.action,seq:o,level:d,combo:i})}t._bindMultiple=function(i,l,p){for(var o=0;o-1||I(t,s.target))return!1;if("composedPath"in e&&typeof e.composedPath=="function"){var h=e.composedPath()[0];h!==e.target&&(t=h)}return t.tagName=="INPUT"||t.tagName=="SELECT"||t.tagName=="TEXTAREA"||t.isContentEditable},v.prototype.handleKey=function(){var e=this;return e._handleKey.apply(e,arguments)},v.addKeycodes=function(e){for(var t in e)e.hasOwnProperty(t)&&(c[t]=e[t]);P=null},v.init=function(){var e=v(f);for(var t in e)t.charAt(0)!=="_"&&(v[t]=function(s){return function(){return e[s].apply(e,arguments)}}(t))},v.init(),a.Mousetrap=v,typeof n<"u"&&n.exports&&(n.exports=v),typeof define=="function"&&define.amd&&define(function(){return v})})(typeof window<"u"?window:null,typeof window<"u"?document:null)}),j=fe(le());(function(r){if(r){var n={},a=r.prototype.stopCallback;r.prototype.stopCallback=function(f,g,c,w){var y=this;return y.paused?!0:n[c]||n[w]?!1:a.call(y,f,g,c)},r.prototype.bindGlobal=function(f,g,c){var w=this;if(w.bind(f,g,c),f instanceof Array){for(var y=0;y{r.directive("mousetrap",(n,{modifiers:a,expression:f},{evaluate:g})=>{let c=()=>f?g(f):n.click();a=a.map(w=>w.replace(/--/g," ").replace(/-/g,"+").replace(/\bslash\b/g,"/")),a.includes("global")&&(a=a.filter(w=>w!=="global"),j.default.bindGlobal(a,w=>{w.preventDefault(),c()})),j.default.bind(a,w=>{w.preventDefault(),c()})})},N=ue;var V=()=>({isOpen:window.Alpine.$persist(!0).as("isOpen"),isOpenDesktop:window.Alpine.$persist(!0).as("isOpenDesktop"),collapsedGroups:window.Alpine.$persist(null).as("collapsedGroups"),init(){let r=window.innerWidth;new ResizeObserver(()=>{let a=window.innerWidth,f=r>=1024,g=a<1024,c=a>=1024;f&&g?(this.isOpenDesktop=this.isOpen,this.isOpen&&this.close()):!f&&c&&(this.isOpen=this.isOpenDesktop),r=a}).observe(document.body),window.innerWidth<1024?this.isOpen&&(this.isOpenDesktop=!0,this.close()):this.isOpenDesktop=this.isOpen},groupIsCollapsed(r){return this.collapsedGroups.includes(r)},collapseGroup(r){this.collapsedGroups.includes(r)||(this.collapsedGroups=this.collapsedGroups.concat(r))},toggleCollapsedGroup(r){this.collapsedGroups=this.collapsedGroups.includes(r)?this.collapsedGroups.filter(n=>n!==r):this.collapsedGroups.concat(r)},close(){this.isOpen=!1,window.innerWidth>=1024&&(this.isOpenDesktop=!1)},open(){this.isOpen=!0,window.innerWidth>=1024&&(this.isOpenDesktop=!0)}});document.addEventListener("alpine:init",()=>{let r=localStorage.getItem("theme")??getComputedStyle(document.documentElement).getPropertyValue("--default-theme-mode");window.Alpine.store("theme",r==="dark"||r==="system"&&window.matchMedia("(prefers-color-scheme: dark)").matches?"dark":"light"),window.addEventListener("theme-changed",n=>{let a=n.detail;localStorage.setItem("theme",a),a==="system"&&(a=window.matchMedia("(prefers-color-scheme: dark)").matches?"dark":"light"),window.Alpine.store("theme",a)}),window.matchMedia("(prefers-color-scheme: dark)").addEventListener("change",n=>{localStorage.getItem("theme")==="system"&&window.Alpine.store("theme",n.matches?"dark":"light")}),window.Alpine.effect(()=>{window.Alpine.store("theme")==="dark"?document.documentElement.classList.add("dark"):document.documentElement.classList.remove("dark")})});document.addEventListener("DOMContentLoaded",()=>{setTimeout(()=>{let r=document.querySelector(".fi-main-sidebar .fi-sidebar-item.fi-active");if((!r||r.offsetParent===null)&&(r=document.querySelector(".fi-main-sidebar .fi-sidebar-group.fi-active")),!r||r.offsetParent===null)return;let n=document.querySelector(".fi-main-sidebar .fi-sidebar-nav");n&&n.scrollTo(0,r.offsetTop-window.innerHeight/2)},10)});window.setUpUnsavedDataChangesAlert=({body:r,livewireComponent:n,$wire:a})=>{window.addEventListener("beforeunload",f=>{window.jsMd5(JSON.stringify(a.data).replace(/\\/g,""))===a.savedDataHash||a?.__instance?.effects?.redirect||(f.preventDefault(),f.returnValue=!0)})};window.setUpSpaModeUnsavedDataChangesAlert=({body:r,resolveLivewireComponentUsing:n,$wire:a})=>{let f=()=>a?.__instance?.effects?.redirect?!1:window.jsMd5(JSON.stringify(a.data).replace(/\\/g,""))!==a.savedDataHash,g=()=>confirm(r);document.addEventListener("livewire:navigate",c=>{if(typeof n()<"u"){if(!f()||g())return;c.preventDefault()}}),window.addEventListener("beforeunload",c=>{f()&&(c.preventDefault(),c.returnValue=!0)})};window.setUpUnsavedActionChangesAlert=({resolveLivewireComponentUsing:r,$wire:n})=>{window.addEventListener("beforeunload",a=>{if(!(typeof r()>"u")&&(n.mountedActions?.length??0)&&!n?.__instance?.effects?.redirect){a.preventDefault(),a.returnValue=!0;return}})};document.addEventListener("alpine:init",()=>{window.Alpine.plugin(N),window.Alpine.store("sidebar",V())});})(); diff --git a/packages/panels/resources/js/stores/sidebar.js b/packages/panels/resources/js/stores/sidebar.js index 85bc546cf9..060b900b63 100644 --- a/packages/panels/resources/js/stores/sidebar.js +++ b/packages/panels/resources/js/stores/sidebar.js @@ -1,5 +1,6 @@ export default () => ({ isOpen: window.Alpine.$persist(true).as('isOpen'), + isOpenDesktop: window.Alpine.$persist(true).as('isOpenDesktop'), collapsedGroups: window.Alpine.$persist(null).as('collapsedGroups'), @@ -12,20 +13,16 @@ export default () => ({ const isMobile = currentWidth < 1024 const isDesktop = currentWidth >= 1024 - // Resize from desktop to mobile + // Resize desktop to mobile if (wasDesktop && isMobile) { - localStorage.setItem('isOpenDesktop', this.isOpen) + this.isOpenDesktop = this.isOpen if (this.isOpen) { this.close() } } - - // Resize from mobile to desktop + // Resize mobile to desktop else if (!wasDesktop && isDesktop) { - const desktopState = localStorage.getItem('isOpenDesktop') - if (desktopState !== null) { - this.isOpen = desktopState === 'true' - } + this.isOpen = this.isOpenDesktop } previousWidth = currentWidth @@ -35,11 +32,11 @@ export default () => ({ if (window.innerWidth < 1024) { if (this.isOpen) { - localStorage.setItem('isOpenDesktop', 'true') + this.isOpenDesktop = true this.close() } } else { - localStorage.setItem('isOpenDesktop', this.isOpen) + this.isOpenDesktop = this.isOpen } }, @@ -67,7 +64,7 @@ export default () => ({ this.isOpen = false if (window.innerWidth >= 1024) { - localStorage.setItem('isOpenDesktop', 'false') + this.isOpenDesktop = false } }, @@ -75,7 +72,7 @@ export default () => ({ this.isOpen = true if (window.innerWidth >= 1024) { - localStorage.setItem('isOpenDesktop', 'true') + this.isOpenDesktop = true } }, }) From 18e61144a4d822bbc6ceec64764b40a65514a9ce Mon Sep 17 00:00:00 2001 From: Raj Siva-Rajah Date: Thu, 10 Jul 2025 12:15:14 +0000 Subject: [PATCH 5/6] Code style --- packages/panels/resources/js/stores/sidebar.js | 1 + 1 file changed, 1 insertion(+) diff --git a/packages/panels/resources/js/stores/sidebar.js b/packages/panels/resources/js/stores/sidebar.js index 060b900b63..d9010ff892 100644 --- a/packages/panels/resources/js/stores/sidebar.js +++ b/packages/panels/resources/js/stores/sidebar.js @@ -16,6 +16,7 @@ export default () => ({ // Resize desktop to mobile if (wasDesktop && isMobile) { this.isOpenDesktop = this.isOpen + if (this.isOpen) { this.close() } From a4321bb073fbf474b310b7530b66cf44b90ee9b6 Mon Sep 17 00:00:00 2001 From: Raj Siva-Rajah Date: Thu, 10 Jul 2025 12:33:21 +0000 Subject: [PATCH 6/6] Use constant for breakpoint --- packages/panels/dist/index.js | 2 +- packages/panels/resources/js/stores/sidebar.js | 14 ++++++++------ 2 files changed, 9 insertions(+), 7 deletions(-) diff --git a/packages/panels/dist/index.js b/packages/panels/dist/index.js index 67d837f2a6..cab27a7d80 100644 --- a/packages/panels/dist/index.js +++ b/packages/panels/dist/index.js @@ -1 +1 @@ -(()=>{var ee=Object.create,q=Object.defineProperty,te=Object.getPrototypeOf,re=Object.prototype.hasOwnProperty,ne=Object.getOwnPropertyNames,ie=Object.getOwnPropertyDescriptor,ae=r=>q(r,"__esModule",{value:!0}),se=(r,n)=>()=>(n||(n={exports:{}},r(n.exports,n)),n.exports),oe=(r,n,a)=>{if(n&&typeof n=="object"||typeof n=="function")for(let f of ne(n))!re.call(r,f)&&f!=="default"&&q(r,f,{get:()=>n[f],enumerable:!(a=ie(n,f))||a.enumerable});return r},fe=r=>oe(ae(q(r!=null?ee(te(r)):{},"default",r&&r.__esModule&&"default"in r?{get:()=>r.default,enumerable:!0}:{value:r,enumerable:!0})),r),le=se((r,n)=>{(function(a,f,g){if(!a)return;for(var c={8:"backspace",9:"tab",13:"enter",16:"shift",17:"ctrl",18:"alt",20:"capslock",27:"esc",32:"space",33:"pageup",34:"pagedown",35:"end",36:"home",37:"left",38:"up",39:"right",40:"down",45:"ins",46:"del",91:"meta",93:"meta",224:"meta"},w={106:"*",107:"+",109:"-",110:".",111:"/",186:";",187:"=",188:",",189:"-",190:".",191:"/",192:"`",219:"[",220:"\\",221:"]",222:"'"},y={"~":"`","!":"1","@":"2","#":"3",$:"4","%":"5","^":"6","&":"7","*":"8","(":"9",")":"0",_:"-","+":"=",":":";",'"':"'","<":",",">":".","?":"/","|":"\\"},x={option:"alt",command:"meta",return:"enter",escape:"esc",plus:"+",mod:/Mac|iPod|iPhone|iPad/.test(navigator.platform)?"meta":"ctrl"},P,m=1;m<20;++m)c[111+m]="f"+m;for(m=0;m<=9;++m)c[m+96]=m.toString();function S(e,t,s){if(e.addEventListener){e.addEventListener(t,s,!1);return}e.attachEvent("on"+t,s)}function G(e){if(e.type=="keypress"){var t=String.fromCharCode(e.which);return e.shiftKey||(t=t.toLowerCase()),t}return c[e.which]?c[e.which]:w[e.which]?w[e.which]:String.fromCharCode(e.which).toLowerCase()}function R(e,t){return e.sort().join(",")===t.sort().join(",")}function H(e){var t=[];return e.shiftKey&&t.push("shift"),e.altKey&&t.push("alt"),e.ctrlKey&&t.push("ctrl"),e.metaKey&&t.push("meta"),t}function z(e){if(e.preventDefault){e.preventDefault();return}e.returnValue=!1}function F(e){if(e.stopPropagation){e.stopPropagation();return}e.cancelBubble=!0}function C(e){return e=="shift"||e=="ctrl"||e=="alt"||e=="meta"}function J(){if(!P){P={};for(var e in c)e>95&&e<112||c.hasOwnProperty(e)&&(P[c[e]]=e)}return P}function B(e,t,s){return s||(s=J()[e]?"keydown":"keypress"),s=="keypress"&&t.length&&(s="keydown"),s}function X(e){return e==="+"?["+"]:(e=e.replace(/\+{2}/g,"+plus"),e.split("+"))}function T(e,t){var s,h,k,A=[];for(s=X(e),k=0;k1){Q(i,b,l,p);return}u=T(i,p),t._callbacks[u.key]=t._callbacks[u.key]||[],U(u.key,u.modifiers,{type:u.action},o,i,d),t._callbacks[u.key][o?"unshift":"push"]({callback:l,modifiers:u.modifiers,action:u.action,seq:o,level:d,combo:i})}t._bindMultiple=function(i,l,p){for(var o=0;o-1||I(t,s.target))return!1;if("composedPath"in e&&typeof e.composedPath=="function"){var h=e.composedPath()[0];h!==e.target&&(t=h)}return t.tagName=="INPUT"||t.tagName=="SELECT"||t.tagName=="TEXTAREA"||t.isContentEditable},v.prototype.handleKey=function(){var e=this;return e._handleKey.apply(e,arguments)},v.addKeycodes=function(e){for(var t in e)e.hasOwnProperty(t)&&(c[t]=e[t]);P=null},v.init=function(){var e=v(f);for(var t in e)t.charAt(0)!=="_"&&(v[t]=function(s){return function(){return e[s].apply(e,arguments)}}(t))},v.init(),a.Mousetrap=v,typeof n<"u"&&n.exports&&(n.exports=v),typeof define=="function"&&define.amd&&define(function(){return v})})(typeof window<"u"?window:null,typeof window<"u"?document:null)}),j=fe(le());(function(r){if(r){var n={},a=r.prototype.stopCallback;r.prototype.stopCallback=function(f,g,c,w){var y=this;return y.paused?!0:n[c]||n[w]?!1:a.call(y,f,g,c)},r.prototype.bindGlobal=function(f,g,c){var w=this;if(w.bind(f,g,c),f instanceof Array){for(var y=0;y{r.directive("mousetrap",(n,{modifiers:a,expression:f},{evaluate:g})=>{let c=()=>f?g(f):n.click();a=a.map(w=>w.replace(/--/g," ").replace(/-/g,"+").replace(/\bslash\b/g,"/")),a.includes("global")&&(a=a.filter(w=>w!=="global"),j.default.bindGlobal(a,w=>{w.preventDefault(),c()})),j.default.bind(a,w=>{w.preventDefault(),c()})})},N=ue;var V=()=>({isOpen:window.Alpine.$persist(!0).as("isOpen"),isOpenDesktop:window.Alpine.$persist(!0).as("isOpenDesktop"),collapsedGroups:window.Alpine.$persist(null).as("collapsedGroups"),init(){let r=window.innerWidth;new ResizeObserver(()=>{let a=window.innerWidth,f=r>=1024,g=a<1024,c=a>=1024;f&&g?(this.isOpenDesktop=this.isOpen,this.isOpen&&this.close()):!f&&c&&(this.isOpen=this.isOpenDesktop),r=a}).observe(document.body),window.innerWidth<1024?this.isOpen&&(this.isOpenDesktop=!0,this.close()):this.isOpenDesktop=this.isOpen},groupIsCollapsed(r){return this.collapsedGroups.includes(r)},collapseGroup(r){this.collapsedGroups.includes(r)||(this.collapsedGroups=this.collapsedGroups.concat(r))},toggleCollapsedGroup(r){this.collapsedGroups=this.collapsedGroups.includes(r)?this.collapsedGroups.filter(n=>n!==r):this.collapsedGroups.concat(r)},close(){this.isOpen=!1,window.innerWidth>=1024&&(this.isOpenDesktop=!1)},open(){this.isOpen=!0,window.innerWidth>=1024&&(this.isOpenDesktop=!0)}});document.addEventListener("alpine:init",()=>{let r=localStorage.getItem("theme")??getComputedStyle(document.documentElement).getPropertyValue("--default-theme-mode");window.Alpine.store("theme",r==="dark"||r==="system"&&window.matchMedia("(prefers-color-scheme: dark)").matches?"dark":"light"),window.addEventListener("theme-changed",n=>{let a=n.detail;localStorage.setItem("theme",a),a==="system"&&(a=window.matchMedia("(prefers-color-scheme: dark)").matches?"dark":"light"),window.Alpine.store("theme",a)}),window.matchMedia("(prefers-color-scheme: dark)").addEventListener("change",n=>{localStorage.getItem("theme")==="system"&&window.Alpine.store("theme",n.matches?"dark":"light")}),window.Alpine.effect(()=>{window.Alpine.store("theme")==="dark"?document.documentElement.classList.add("dark"):document.documentElement.classList.remove("dark")})});document.addEventListener("DOMContentLoaded",()=>{setTimeout(()=>{let r=document.querySelector(".fi-main-sidebar .fi-sidebar-item.fi-active");if((!r||r.offsetParent===null)&&(r=document.querySelector(".fi-main-sidebar .fi-sidebar-group.fi-active")),!r||r.offsetParent===null)return;let n=document.querySelector(".fi-main-sidebar .fi-sidebar-nav");n&&n.scrollTo(0,r.offsetTop-window.innerHeight/2)},10)});window.setUpUnsavedDataChangesAlert=({body:r,livewireComponent:n,$wire:a})=>{window.addEventListener("beforeunload",f=>{window.jsMd5(JSON.stringify(a.data).replace(/\\/g,""))===a.savedDataHash||a?.__instance?.effects?.redirect||(f.preventDefault(),f.returnValue=!0)})};window.setUpSpaModeUnsavedDataChangesAlert=({body:r,resolveLivewireComponentUsing:n,$wire:a})=>{let f=()=>a?.__instance?.effects?.redirect?!1:window.jsMd5(JSON.stringify(a.data).replace(/\\/g,""))!==a.savedDataHash,g=()=>confirm(r);document.addEventListener("livewire:navigate",c=>{if(typeof n()<"u"){if(!f()||g())return;c.preventDefault()}}),window.addEventListener("beforeunload",c=>{f()&&(c.preventDefault(),c.returnValue=!0)})};window.setUpUnsavedActionChangesAlert=({resolveLivewireComponentUsing:r,$wire:n})=>{window.addEventListener("beforeunload",a=>{if(!(typeof r()>"u")&&(n.mountedActions?.length??0)&&!n?.__instance?.effects?.redirect){a.preventDefault(),a.returnValue=!0;return}})};document.addEventListener("alpine:init",()=>{window.Alpine.plugin(N),window.Alpine.store("sidebar",V())});})(); +(()=>{var ee=Object.create,q=Object.defineProperty,te=Object.getPrototypeOf,re=Object.prototype.hasOwnProperty,ne=Object.getOwnPropertyNames,ie=Object.getOwnPropertyDescriptor,ae=r=>q(r,"__esModule",{value:!0}),se=(r,n)=>()=>(n||(n={exports:{}},r(n.exports,n)),n.exports),oe=(r,n,a)=>{if(n&&typeof n=="object"||typeof n=="function")for(let f of ne(n))!re.call(r,f)&&f!=="default"&&q(r,f,{get:()=>n[f],enumerable:!(a=ie(n,f))||a.enumerable});return r},fe=r=>oe(ae(q(r!=null?ee(te(r)):{},"default",r&&r.__esModule&&"default"in r?{get:()=>r.default,enumerable:!0}:{value:r,enumerable:!0})),r),le=se((r,n)=>{(function(a,f,g){if(!a)return;for(var c={8:"backspace",9:"tab",13:"enter",16:"shift",17:"ctrl",18:"alt",20:"capslock",27:"esc",32:"space",33:"pageup",34:"pagedown",35:"end",36:"home",37:"left",38:"up",39:"right",40:"down",45:"ins",46:"del",91:"meta",93:"meta",224:"meta"},w={106:"*",107:"+",109:"-",110:".",111:"/",186:";",187:"=",188:",",189:"-",190:".",191:"/",192:"`",219:"[",220:"\\",221:"]",222:"'"},y={"~":"`","!":"1","@":"2","#":"3",$:"4","%":"5","^":"6","&":"7","*":"8","(":"9",")":"0",_:"-","+":"=",":":";",'"':"'","<":",",">":".","?":"/","|":"\\"},x={option:"alt",command:"meta",return:"enter",escape:"esc",plus:"+",mod:/Mac|iPod|iPhone|iPad/.test(navigator.platform)?"meta":"ctrl"},P,b=1;b<20;++b)c[111+b]="f"+b;for(b=0;b<=9;++b)c[b+96]=b.toString();function S(e,t,s){if(e.addEventListener){e.addEventListener(t,s,!1);return}e.attachEvent("on"+t,s)}function G(e){if(e.type=="keypress"){var t=String.fromCharCode(e.which);return e.shiftKey||(t=t.toLowerCase()),t}return c[e.which]?c[e.which]:w[e.which]?w[e.which]:String.fromCharCode(e.which).toLowerCase()}function R(e,t){return e.sort().join(",")===t.sort().join(",")}function H(e){var t=[];return e.shiftKey&&t.push("shift"),e.altKey&&t.push("alt"),e.ctrlKey&&t.push("ctrl"),e.metaKey&&t.push("meta"),t}function z(e){if(e.preventDefault){e.preventDefault();return}e.returnValue=!1}function F(e){if(e.stopPropagation){e.stopPropagation();return}e.cancelBubble=!0}function C(e){return e=="shift"||e=="ctrl"||e=="alt"||e=="meta"}function J(){if(!P){P={};for(var e in c)e>95&&e<112||c.hasOwnProperty(e)&&(P[c[e]]=e)}return P}function B(e,t,s){return s||(s=J()[e]?"keydown":"keypress"),s=="keypress"&&t.length&&(s="keydown"),s}function X(e){return e==="+"?["+"]:(e=e.replace(/\+{2}/g,"+plus"),e.split("+"))}function T(e,t){var s,h,k,A=[];for(s=X(e),k=0;k1){Q(i,m,l,p);return}u=T(i,p),t._callbacks[u.key]=t._callbacks[u.key]||[],U(u.key,u.modifiers,{type:u.action},o,i,d),t._callbacks[u.key][o?"unshift":"push"]({callback:l,modifiers:u.modifiers,action:u.action,seq:o,level:d,combo:i})}t._bindMultiple=function(i,l,p){for(var o=0;o-1||I(t,s.target))return!1;if("composedPath"in e&&typeof e.composedPath=="function"){var h=e.composedPath()[0];h!==e.target&&(t=h)}return t.tagName=="INPUT"||t.tagName=="SELECT"||t.tagName=="TEXTAREA"||t.isContentEditable},v.prototype.handleKey=function(){var e=this;return e._handleKey.apply(e,arguments)},v.addKeycodes=function(e){for(var t in e)e.hasOwnProperty(t)&&(c[t]=e[t]);P=null},v.init=function(){var e=v(f);for(var t in e)t.charAt(0)!=="_"&&(v[t]=function(s){return function(){return e[s].apply(e,arguments)}}(t))},v.init(),a.Mousetrap=v,typeof n<"u"&&n.exports&&(n.exports=v),typeof define=="function"&&define.amd&&define(function(){return v})})(typeof window<"u"?window:null,typeof window<"u"?document:null)}),j=fe(le());(function(r){if(r){var n={},a=r.prototype.stopCallback;r.prototype.stopCallback=function(f,g,c,w){var y=this;return y.paused?!0:n[c]||n[w]?!1:a.call(y,f,g,c)},r.prototype.bindGlobal=function(f,g,c){var w=this;if(w.bind(f,g,c),f instanceof Array){for(var y=0;y{r.directive("mousetrap",(n,{modifiers:a,expression:f},{evaluate:g})=>{let c=()=>f?g(f):n.click();a=a.map(w=>w.replace(/--/g," ").replace(/-/g,"+").replace(/\bslash\b/g,"/")),a.includes("global")&&(a=a.filter(w=>w!=="global"),j.default.bindGlobal(a,w=>{w.preventDefault(),c()})),j.default.bind(a,w=>{w.preventDefault(),c()})})},N=ue;var V=()=>({isOpen:window.Alpine.$persist(!0).as("isOpen"),isOpenDesktop:window.Alpine.$persist(!0).as("isOpenDesktop"),collapsedGroups:window.Alpine.$persist(null).as("collapsedGroups"),init(){let r=window.innerWidth;new ResizeObserver(()=>{let a=window.innerWidth,f=r>=1024,g=a<1024,c=a>=1024;f&&g?(this.isOpenDesktop=this.isOpen,this.isOpen&&this.close()):!f&&c&&(this.isOpen=this.isOpenDesktop),r=a}).observe(document.body),window.innerWidth<1024?this.isOpen&&(this.isOpenDesktop=!0,this.close()):this.isOpenDesktop=this.isOpen},groupIsCollapsed(r){return this.collapsedGroups.includes(r)},collapseGroup(r){this.collapsedGroups.includes(r)||(this.collapsedGroups=this.collapsedGroups.concat(r))},toggleCollapsedGroup(r){this.collapsedGroups=this.collapsedGroups.includes(r)?this.collapsedGroups.filter(n=>n!==r):this.collapsedGroups.concat(r)},close(){this.isOpen=!1,window.innerWidth>=1024&&(this.isOpenDesktop=!1)},open(){this.isOpen=!0,window.innerWidth>=1024&&(this.isOpenDesktop=!0)}});document.addEventListener("alpine:init",()=>{let r=localStorage.getItem("theme")??getComputedStyle(document.documentElement).getPropertyValue("--default-theme-mode");window.Alpine.store("theme",r==="dark"||r==="system"&&window.matchMedia("(prefers-color-scheme: dark)").matches?"dark":"light"),window.addEventListener("theme-changed",n=>{let a=n.detail;localStorage.setItem("theme",a),a==="system"&&(a=window.matchMedia("(prefers-color-scheme: dark)").matches?"dark":"light"),window.Alpine.store("theme",a)}),window.matchMedia("(prefers-color-scheme: dark)").addEventListener("change",n=>{localStorage.getItem("theme")==="system"&&window.Alpine.store("theme",n.matches?"dark":"light")}),window.Alpine.effect(()=>{window.Alpine.store("theme")==="dark"?document.documentElement.classList.add("dark"):document.documentElement.classList.remove("dark")})});document.addEventListener("DOMContentLoaded",()=>{setTimeout(()=>{let r=document.querySelector(".fi-main-sidebar .fi-sidebar-item.fi-active");if((!r||r.offsetParent===null)&&(r=document.querySelector(".fi-main-sidebar .fi-sidebar-group.fi-active")),!r||r.offsetParent===null)return;let n=document.querySelector(".fi-main-sidebar .fi-sidebar-nav");n&&n.scrollTo(0,r.offsetTop-window.innerHeight/2)},10)});window.setUpUnsavedDataChangesAlert=({body:r,livewireComponent:n,$wire:a})=>{window.addEventListener("beforeunload",f=>{window.jsMd5(JSON.stringify(a.data).replace(/\\/g,""))===a.savedDataHash||a?.__instance?.effects?.redirect||(f.preventDefault(),f.returnValue=!0)})};window.setUpSpaModeUnsavedDataChangesAlert=({body:r,resolveLivewireComponentUsing:n,$wire:a})=>{let f=()=>a?.__instance?.effects?.redirect?!1:window.jsMd5(JSON.stringify(a.data).replace(/\\/g,""))!==a.savedDataHash,g=()=>confirm(r);document.addEventListener("livewire:navigate",c=>{if(typeof n()<"u"){if(!f()||g())return;c.preventDefault()}}),window.addEventListener("beforeunload",c=>{f()&&(c.preventDefault(),c.returnValue=!0)})};window.setUpUnsavedActionChangesAlert=({resolveLivewireComponentUsing:r,$wire:n})=>{window.addEventListener("beforeunload",a=>{if(!(typeof r()>"u")&&(n.mountedActions?.length??0)&&!n?.__instance?.effects?.redirect){a.preventDefault(),a.returnValue=!0;return}})};document.addEventListener("alpine:init",()=>{window.Alpine.plugin(N),window.Alpine.store("sidebar",V())});})(); diff --git a/packages/panels/resources/js/stores/sidebar.js b/packages/panels/resources/js/stores/sidebar.js index d9010ff892..0c445eaf56 100644 --- a/packages/panels/resources/js/stores/sidebar.js +++ b/packages/panels/resources/js/stores/sidebar.js @@ -1,3 +1,5 @@ +const breakpoint = 1024 + export default () => ({ isOpen: window.Alpine.$persist(true).as('isOpen'), isOpenDesktop: window.Alpine.$persist(true).as('isOpenDesktop'), @@ -9,9 +11,9 @@ export default () => ({ const resizeObserver = new ResizeObserver(() => { const currentWidth = window.innerWidth - const wasDesktop = previousWidth >= 1024 - const isMobile = currentWidth < 1024 - const isDesktop = currentWidth >= 1024 + const wasDesktop = previousWidth >= breakpoint + const isMobile = currentWidth < breakpoint + const isDesktop = currentWidth >= breakpoint // Resize desktop to mobile if (wasDesktop && isMobile) { @@ -31,7 +33,7 @@ export default () => ({ resizeObserver.observe(document.body) - if (window.innerWidth < 1024) { + if (window.innerWidth < breakpoint) { if (this.isOpen) { this.isOpenDesktop = true this.close() @@ -64,7 +66,7 @@ export default () => ({ close() { this.isOpen = false - if (window.innerWidth >= 1024) { + if (window.innerWidth >= breakpoint) { this.isOpenDesktop = false } }, @@ -72,7 +74,7 @@ export default () => ({ open() { this.isOpen = true - if (window.innerWidth >= 1024) { + if (window.innerWidth >= breakpoint) { this.isOpenDesktop = true } },