@graupl/navigation-shelf 1.0.0-beta.19 → 1.0.0-beta.21

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (25) hide show
  1. package/dist/css/component/navigation-shelf.css +1 -1
  2. package/dist/css/component/navigation-shelf.css.map +1 -1
  3. package/dist/css/component.css +1 -1
  4. package/dist/css/component.css.map +1 -1
  5. package/dist/css/navigation-shelf.css +1 -1
  6. package/dist/css/navigation-shelf.css.map +1 -1
  7. package/dist/js/component/navigation-shelf.cjs.js +2 -2
  8. package/dist/js/component/navigation-shelf.cjs.js.map +1 -1
  9. package/dist/js/component/navigation-shelf.es.js +2 -2
  10. package/dist/js/component/navigation-shelf.es.js.map +1 -1
  11. package/dist/js/component/navigation-shelf.iife.js +2 -2
  12. package/dist/js/component/navigation-shelf.iife.js.map +1 -1
  13. package/dist/js/generator/navigation-shelf.cjs.js +2 -2
  14. package/dist/js/generator/navigation-shelf.cjs.js.map +1 -1
  15. package/dist/js/generator/navigation-shelf.es.js +2 -2
  16. package/dist/js/generator/navigation-shelf.es.js.map +1 -1
  17. package/dist/js/generator/navigation-shelf.iife.js +2 -2
  18. package/dist/js/generator/navigation-shelf.iife.js.map +1 -1
  19. package/dist/js/navigation-shelf.js +2 -2
  20. package/dist/js/navigation-shelf.js.map +1 -1
  21. package/package.json +1 -1
  22. package/src/js/navigation-shelf/NavigationShelf.js +513 -306
  23. package/src/scss/component/navigation-shelf/_defaults.scss +2 -0
  24. package/src/scss/component/navigation-shelf/_index.scss +5 -0
  25. package/src/scss/component/navigation-shelf/_variables.scss +4 -0
package/dist/css/component/navigation-shelf.css CHANGED
@@ -1,4 +1,4 @@
1
- .navigation-shelf{--graupl-navigation-shelf-current-width:var(--graupl-navigation-shelf-width,var(--graupl-navigation-shelf-closed-width,var(--graupl-navigation-shelf-min-width,3.5rem)));background:var(--graupl-navigation-shelf-background,var(--graupl-background,var(--graupl-root-background,var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff))))));border-color:var(--graupl-navigation-shelf-border-color,var(--graupl-navigation-shelf-color,var(--graupl-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233)))))));border-style:var(--graupl-navigation-shelf-border-style,var(--graupl-navigation-shelf-border-top-style,var(--graupl-border-top-style,var(--graupl-border-style,solid))) var(--graupl-navigation-shelf-border-right-style,var(--graupl-border-right-style,var(--graupl-border-style,solid))) var(--graupl-navigation-shelf-border-bottom-style,var(--graupl-border-bottom-style,var(--graupl-border-style,solid))) var(--graupl-navigation-shelf-border-left-style,var(--graupl-border-left-style,var(--graupl-border-style,solid))));border-width:var(--graupl-navigation-shelf-border-width,var(--graupl-navigation-shelf-border-top-width,0) var(--graupl-navigation-shelf-border-right-width,0) var(--graupl-navigation-shelf-border-bottom-width,0) var(--graupl-navigation-shelf-border-left-width,0));bottom:0;color:var(--graupl-navigation-shelf-color,var(--graupl-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233))))));display:var(--graupl-navigation-shelf-display,var(--graupl-navigation-shelf-closed-display,grid));grid-template-columns:[header-start content-start footer-start] var(--graupl-navigation-shelf-width,var(--graupl-navigation-shelf-closed-width,var(--graupl-navigation-shelf-min-width,3.5rem))) [footer-end content-end header-end];grid-template-rows:[header-start] auto [header-end content-start] 1fr [content-end footer-start] auto [footer-end];isolation:isolate;opacity:var(--graupl-navigation-shelf-opacity,var(--graupl-navigation-shelf-closed-opacity,1));overflow-x:hidden;position:fixed;top:0;transform:var(--graupl-navigation-shelf-transform,var(--graupl-navigation-shelf-closed-transform, ));transition:var(--graupl-navigation-shelf-transition,width var(--graupl-navigation-shelf-transition-duration,var(--graupl-transition-duration-fast,.15s)) var(--graupl-transition-timing-function,ease),transform var(--graupl-navigation-shelf-transition-duration,var(--graupl-transition-duration-fast,.15s)) var(--graupl-transition-timing-function,ease),opacity var(--graupl-navigation-shelf-transition-duration,var(--graupl-transition-duration-fast,.15s)) var(--graupl-transition-timing-function,ease),display var(--graupl-navigation-shelf-transition-duration,var(--graupl-transition-duration-fast,.15s)) allow-discrete);width:var(--graupl-navigation-shelf-width,var(--graupl-navigation-shelf-closed-width,var(--graupl-navigation-shelf-min-width,3.5rem)));z-index:var(--graupl-navigation-shelf-z-index,2)}@starting-style{.navigation-shelf{display:var(--graupl-navigation-shelf-starting-display,var(--graupl-navigation-shelf-display,var(--graupl-navigation-shelf-closed-display,grid)));opacity:var(--graupl-navigation-shelf-starting-opacity,var(--graupl-navigation-shelf-opacity,var(--graupl-navigation-shelf-closed-opacity,1)));transform:var(--graupl-navigation-shelf-starting-transform,var(--graupl-navigation-shelf-transform,var(--graupl-navigation-shelf-closed-transform, )));width:var(--graupl-navigation-shelf-starting-width,var(--graupl-navigation-shelf-width,var(--graupl-navigation-shelf-closed-width,var(--graupl-navigation-shelf-min-width,3.5rem))))}}@media (prefers-reduced-motion:reduce){.navigation-shelf{--graupl-navigation-shelf-transition:var(--graupl-navigation-shelf-transition-reduced-motion,opacity var(--graupl-navigation-shelf-transition-duration,var(--graupl-transition-duration-fast,150ms)) var(--graupl-transition-timing-function,ease),display var(--graupl-navigation-shelf-transition-duration,var(--graupl-transition-duration-fast,150ms)) allow-discrete)}}.navigation-shelf,.navigation-shelf.left-side{--graupl-navigation-shelf-side-toggle-content:var(
1
+ .navigation-shelf{--graupl-navigation-shelf-current-width:var(--graupl-navigation-shelf-width,var(--graupl-navigation-shelf-closed-width,var(--graupl-navigation-shelf-min-width,3.5rem)));background:var(--graupl-navigation-shelf-background,var(--graupl-background,var(--graupl-root-background,var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff))))));border-color:var(--graupl-navigation-shelf-border-color,var(--graupl-navigation-shelf-color,var(--graupl-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233)))))));border-style:var(--graupl-navigation-shelf-border-style,var(--graupl-navigation-shelf-border-top-style,var(--graupl-border-top-style,var(--graupl-border-style,solid))) var(--graupl-navigation-shelf-border-right-style,var(--graupl-border-right-style,var(--graupl-border-style,solid))) var(--graupl-navigation-shelf-border-bottom-style,var(--graupl-border-bottom-style,var(--graupl-border-style,solid))) var(--graupl-navigation-shelf-border-left-style,var(--graupl-border-left-style,var(--graupl-border-style,solid))));border-width:var(--graupl-navigation-shelf-border-width,var(--graupl-navigation-shelf-border-top-width,0) var(--graupl-navigation-shelf-border-right-width,0) var(--graupl-navigation-shelf-border-bottom-width,0) var(--graupl-navigation-shelf-border-left-width,0));bottom:0;color:var(--graupl-navigation-shelf-color,var(--graupl-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233))))));display:var(--graupl-navigation-shelf-display,var(--graupl-navigation-shelf-closed-display,grid));grid-template-columns:[header-start content-start footer-start] var(--graupl-navigation-shelf-width,var(--graupl-navigation-shelf-closed-width,var(--graupl-navigation-shelf-min-width,3.5rem))) [footer-end content-end header-end];grid-template-rows:[header-start] auto [header-end content-start] 1fr [content-end footer-start] auto [footer-end];isolation:isolate;opacity:var(--graupl-navigation-shelf-opacity,var(--graupl-navigation-shelf-closed-opacity,1));overflow-x:hidden;position:fixed;top:0;transform:var(--graupl-navigation-shelf-transform,var(--graupl-navigation-shelf-closed-transform, ));transition:var(--graupl-navigation-shelf-transition,width var(--graupl-navigation-shelf-transition-duration,var(--graupl-transition-duration-fast,.15s)) var(--graupl-transition-timing-function,ease),transform var(--graupl-navigation-shelf-transition-duration,var(--graupl-transition-duration-fast,.15s)) var(--graupl-transition-timing-function,ease),opacity var(--graupl-navigation-shelf-transition-duration,var(--graupl-transition-duration-fast,.15s)) var(--graupl-transition-timing-function,ease),display var(--graupl-navigation-shelf-transition-duration,var(--graupl-transition-duration-fast,.15s)) allow-discrete);width:var(--graupl-navigation-shelf-width,var(--graupl-navigation-shelf-closed-width,var(--graupl-navigation-shelf-min-width,3.5rem)));z-index:var(--graupl-navigation-shelf-z-index,2)}@starting-style{.navigation-shelf{display:var(--graupl-navigation-shelf-starting-display,var(--graupl-navigation-shelf-display,var(--graupl-navigation-shelf-closed-display,grid)));opacity:var(--graupl-navigation-shelf-starting-opacity,var(--graupl-navigation-shelf-opacity,var(--graupl-navigation-shelf-closed-opacity,1)));transform:var(--graupl-navigation-shelf-starting-transform,var(--graupl-navigation-shelf-transform,var(--graupl-navigation-shelf-closed-transform, )));width:var(--graupl-navigation-shelf-starting-width,var(--graupl-navigation-shelf-width,var(--graupl-navigation-shelf-closed-width,var(--graupl-navigation-shelf-min-width,3.5rem))))}}.navigation-shelf.initializing{--graupl-navigation-shelf-transition:--graupl-navigation-shelf-transition-initializing,none}@media (prefers-reduced-motion:reduce){.navigation-shelf{--graupl-navigation-shelf-transition:var(--graupl-navigation-shelf-transition-reduced-motion,opacity var(--graupl-navigation-shelf-transition-duration,var(--graupl-transition-duration-fast,150ms)) var(--graupl-transition-timing-function,ease),display var(--graupl-navigation-shelf-transition-duration,var(--graupl-transition-duration-fast,150ms)) allow-discrete)}}.navigation-shelf,.navigation-shelf.left-side{--graupl-navigation-shelf-side-toggle-content:var(
2
2
  --graupl-navigation-shelf-side-toggle-shelf-right-content,url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='%235f6368' viewBox='0 -960 960 960'%3E%3Cpath d='M200-120q-33 0-56.5-23.5T120-200v-560q0-33 23.5-56.5T200-840h560q33 0 56.5 23.5T840-760v560q0 33-23.5 56.5T760-120zm440-80h120v-560H640zm-80 0v-560H200v560zm80 0h120z'/%3E%3C/svg%3E")
3
3
  );left:0;right:auto}.navigation-shelf.left-side.locked,.navigation-shelf.locked{--graupl-navigation-shelf-lock-toggle-content:var(
4
4
  --graupl-navigation-shelf-lock-toggle-unlock-right-content,url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='%235f6368' viewBox='0 -960 960 960'%3E%3Cpath d='M660-320v-320L500-480zM200-120q-33 0-56.5-23.5T120-200v-560q0-33 23.5-56.5T200-840h560q33 0 56.5 23.5T840-760v560q0 33-23.5 56.5T760-120zm120-80v-560H200v560zm80 0h360v-560H400zm-80 0H200z'/%3E%3C/svg%3E")
package/dist/css/component/navigation-shelf.css.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/scss/component/navigation-shelf/_index.scss","../../../src/scss/component/navigation-shelf/_variables.scss","navigation-shelf.css","../../../../../node_modules/@graupl/core/src/scss/mixins/_animation.scss","../../../../../node_modules/@graupl/icons/src/scss/component/icon/_mixins.scss","../../../../../node_modules/@graupl/icons/src/scss/component/icon/_variables.scss"],"names":[],"mappings":"AASA,kBACE,wKAAA,CAiBA,+NCf4B,CDa5B,8PC6C8B,CD9C9B,ogBCkB8B,CDnB9B,sQCyC8B,CDhD9B,QAAA,CAYA,2MCZuB,CDJvB,iGCoIyB,CD/HzB,oOAAA,CACA,kHAAA,CAWA,iBAAA,CAHA,8FC4IyB,CDlJzB,iBAAA,CAPA,cAAA,CAEA,KAAA,CAMA,oGCmE2B,CDlE3B,ymBC8J4B,CDjK5B,sICmGuB,CDxGvB,gDEMF,CFWE,gBAtBF,kBAuBI,iJCoHgC,CDjHhC,8ICuIgC,CDxIhC,sJC0DkC,CD3DlC,oLENF,CACF,CCjBE,uCHFF,kBA8BI,0WEPF,CACF,CFWE,8CAEE;;GAAA,CAMA,MAAA,CADA,UEVJ,CFcI,4DACE;;GETN,CFgBI,gEACE;;GEXN,CFmBE,6BACE;;GAAA,CAMA,SAAA,CADA,OEjBJ,CFqBI,oCACE;;GEhBN,CFuBI,sCACE;;GElBN,CF0BE,4BACE;;GErBJ,CF4BE,gCACE;;GEvBJ,CF8BE,uBACE,mIAAA,CAEA,0DCc8B,CDb9B,+LAAA,CAGA,uDCgC8B,CDjC9B,2DC7CgC,CD4ChC,iGE3BJ,CFiCE,gCACE,0IAAA,CAEA,iECWqC,CDVrC,sMAAA,CAGA,8DC6BqC,CD9BrC,kEChDuC,CD+CvC,wGE9BJ,CFoCE,uBACE,+HAAA,CAEA,wDCJ4B,CDK5B,iJAAA,CAGA,qDCc4B,CDf5B,yDC/D8B,CD8D9B,6FEjCJ,CFuCE,2CACE,gBErCJ,CFyCE,4CACE,iBEvCJ,CF2CE,2CACE,gBEzCJ,CF6CE,gDACE;;;;GAAA,CAOA;;GExCJ,CE3GI,uDALF,0MCDW,CDTX,uBAAA,CADA,2BAAA,CAEA,uBAAA,CAiBI,UAAA,CAtBJ,+CCMa,CDJb,+DCUY,CDWR,uGCRQ,CDRZ,0CCOK,CDPL,kCCOK,CDJL,4BAAA,CAAA,oBAAA,CAFA,6BAAA,CAAA,qBAAA,CACA,yBAAA,CAAA,iBAAA,CAHA,kBAAA,CALA,6DF4IF,CFuCE,gDACE;;;;GAAA,CAOA;;GE/BJ,CE1II,uDALF,0MCDW,CDTX,uBAAA,CADA,2BAAA,CAEA,uBAAA,CAiBI,UAAA,CAtBJ,+CCMa,CDJb,+DCUY,CDWR,uGCRQ,CDRZ,0CCOK,CDPL,kCCOK,CDJL,4BAAA,CAAA,oBAAA,CAFA,6BAAA,CAAA,qBAAA,CACA,yBAAA,CAAA,iBAAA,CAHA,kBAAA,CALA,6DF2KF,CF8BE,iDACE;;;;GAAA,CAOA;;GEtBJ,CEzKI,wDALF,0MCDW,CDTX,uBAAA,CADA,2BAAA,CAEA,uBAAA,CAiBI,UAAA,CAtBJ,+CCMa,CDJb,+DCUY,CDWR,uGCRQ,CDRZ,0CCOK,CDPL,kCCOK,CDJL,4BAAA,CAAA,oBAAA,CAFA,6BAAA,CAAA,qBAAA,CACA,yBAAA,CAAA,iBAAA,CAHA,kBAAA,CALA,6DF0MF","file":"navigation-shelf.css"}
1
+ {"version":3,"sources":["../../../src/scss/component/navigation-shelf/_index.scss","../../../src/scss/component/navigation-shelf/_variables.scss","navigation-shelf.css","../../../../../node_modules/@graupl/core/src/scss/mixins/_animation.scss","../../../../../node_modules/@graupl/icons/src/scss/component/icon/_mixins.scss","../../../../../node_modules/@graupl/icons/src/scss/component/icon/_variables.scss"],"names":[],"mappings":"AASA,kBACE,wKAAA,CAiBA,+NCf4B,CDa5B,8PC6C8B,CD9C9B,ogBCkB8B,CDnB9B,sQCyC8B,CDhD9B,QAAA,CAYA,2MCZuB,CDJvB,iGCoIyB,CD/HzB,oOAAA,CACA,kHAAA,CAWA,iBAAA,CAHA,8FC4IyB,CDlJzB,iBAAA,CAPA,cAAA,CAEA,KAAA,CAMA,oGCmE2B,CDlE3B,ymBC8J4B,CDjK5B,sICmGuB,CDxGvB,gDEMF,CFWE,gBAtBF,kBAuBI,iJCoHgC,CDjHhC,8ICuIgC,CDxIhC,sJC0DkC,CD3DlC,oLENF,CACF,CFWE,+BACE,2FETJ,CCpBE,uCHFF,kBAmCI,0WETF,CACF,CFaE,8CAEE;;GAAA,CAMA,MAAA,CADA,UEZJ,CFgBI,4DACE;;GEXN,CFkBI,gEACE;;GEbN,CFqBE,6BACE;;GAAA,CAMA,SAAA,CADA,OEnBJ,CFuBI,oCACE;;GElBN,CFyBI,sCACE;;GEpBN,CF4BE,4BACE;;GEvBJ,CF8BE,gCACE;;GEzBJ,CFgCE,uBACE,mIAAA,CAEA,0DCS8B,CDR9B,+LAAA,CAGA,uDC2B8B,CD5B9B,2DClDgC,CDiDhC,iGE7BJ,CFmCE,gCACE,0IAAA,CAEA,iECMqC,CDLrC,sMAAA,CAGA,8DCwBqC,CDzBrC,kECrDuC,CDoDvC,wGEhCJ,CFsCE,uBACE,+HAAA,CAEA,wDCT4B,CDU5B,iJAAA,CAGA,qDCS4B,CDV5B,yDCpE8B,CDmE9B,6FEnCJ,CFyCE,2CACE,gBEvCJ,CF2CE,4CACE,iBEzCJ,CF6CE,2CACE,gBE3CJ,CF+CE,gDACE;;;;GAAA,CAOA;;GE1CJ,CE9GI,uDALF,0MCDW,CDTX,uBAAA,CADA,2BAAA,CAEA,uBAAA,CAiBI,UAAA,CAtBJ,+CCMa,CDJb,+DCUY,CDWR,uGCRQ,CDRZ,0CCOK,CDPL,kCCOK,CDJL,4BAAA,CAAA,oBAAA,CAFA,6BAAA,CAAA,qBAAA,CACA,yBAAA,CAAA,iBAAA,CAHA,kBAAA,CALA,6DF+IF,CFyCE,gDACE;;;;GAAA,CAOA;;GEjCJ,CE7II,uDALF,0MCDW,CDTX,uBAAA,CADA,2BAAA,CAEA,uBAAA,CAiBI,UAAA,CAtBJ,+CCMa,CDJb,+DCUY,CDWR,uGCRQ,CDRZ,0CCOK,CDPL,kCCOK,CDJL,4BAAA,CAAA,oBAAA,CAFA,6BAAA,CAAA,qBAAA,CACA,yBAAA,CAAA,iBAAA,CAHA,kBAAA,CALA,6DF8KF,CFgCE,iDACE;;;;GAAA,CAOA;;GExBJ,CE5KI,wDALF,0MCDW,CDTX,uBAAA,CADA,2BAAA,CAEA,uBAAA,CAiBI,UAAA,CAtBJ,+CCMa,CDJb,+DCUY,CDWR,uGCRQ,CDRZ,0CCOK,CDPL,kCCOK,CDJL,4BAAA,CAAA,oBAAA,CAFA,6BAAA,CAAA,qBAAA,CACA,yBAAA,CAAA,iBAAA,CAHA,kBAAA,CALA,6DF6MF","file":"navigation-shelf.css"}
package/dist/css/component.css CHANGED
@@ -1,4 +1,4 @@
1
- .navigation-shelf{--graupl-navigation-shelf-current-width:var(--graupl-navigation-shelf-width,var(--graupl-navigation-shelf-closed-width,var(--graupl-navigation-shelf-min-width,3.5rem)));background:var(--graupl-navigation-shelf-background,var(--graupl-background,var(--graupl-root-background,var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff))))));border-color:var(--graupl-navigation-shelf-border-color,var(--graupl-navigation-shelf-color,var(--graupl-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233)))))));border-style:var(--graupl-navigation-shelf-border-style,var(--graupl-navigation-shelf-border-top-style,var(--graupl-border-top-style,var(--graupl-border-style,solid))) var(--graupl-navigation-shelf-border-right-style,var(--graupl-border-right-style,var(--graupl-border-style,solid))) var(--graupl-navigation-shelf-border-bottom-style,var(--graupl-border-bottom-style,var(--graupl-border-style,solid))) var(--graupl-navigation-shelf-border-left-style,var(--graupl-border-left-style,var(--graupl-border-style,solid))));border-width:var(--graupl-navigation-shelf-border-width,var(--graupl-navigation-shelf-border-top-width,0) var(--graupl-navigation-shelf-border-right-width,0) var(--graupl-navigation-shelf-border-bottom-width,0) var(--graupl-navigation-shelf-border-left-width,0));bottom:0;color:var(--graupl-navigation-shelf-color,var(--graupl-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233))))));display:var(--graupl-navigation-shelf-display,var(--graupl-navigation-shelf-closed-display,grid));grid-template-columns:[header-start content-start footer-start] var(--graupl-navigation-shelf-width,var(--graupl-navigation-shelf-closed-width,var(--graupl-navigation-shelf-min-width,3.5rem))) [footer-end content-end header-end];grid-template-rows:[header-start] auto [header-end content-start] 1fr [content-end footer-start] auto [footer-end];isolation:isolate;opacity:var(--graupl-navigation-shelf-opacity,var(--graupl-navigation-shelf-closed-opacity,1));overflow-x:hidden;position:fixed;top:0;transform:var(--graupl-navigation-shelf-transform,var(--graupl-navigation-shelf-closed-transform, ));transition:var(--graupl-navigation-shelf-transition,width var(--graupl-navigation-shelf-transition-duration,var(--graupl-transition-duration-fast,.15s)) var(--graupl-transition-timing-function,ease),transform var(--graupl-navigation-shelf-transition-duration,var(--graupl-transition-duration-fast,.15s)) var(--graupl-transition-timing-function,ease),opacity var(--graupl-navigation-shelf-transition-duration,var(--graupl-transition-duration-fast,.15s)) var(--graupl-transition-timing-function,ease),display var(--graupl-navigation-shelf-transition-duration,var(--graupl-transition-duration-fast,.15s)) allow-discrete);width:var(--graupl-navigation-shelf-width,var(--graupl-navigation-shelf-closed-width,var(--graupl-navigation-shelf-min-width,3.5rem)));z-index:var(--graupl-navigation-shelf-z-index,2)}@starting-style{.navigation-shelf{display:var(--graupl-navigation-shelf-starting-display,var(--graupl-navigation-shelf-display,var(--graupl-navigation-shelf-closed-display,grid)));opacity:var(--graupl-navigation-shelf-starting-opacity,var(--graupl-navigation-shelf-opacity,var(--graupl-navigation-shelf-closed-opacity,1)));transform:var(--graupl-navigation-shelf-starting-transform,var(--graupl-navigation-shelf-transform,var(--graupl-navigation-shelf-closed-transform, )));width:var(--graupl-navigation-shelf-starting-width,var(--graupl-navigation-shelf-width,var(--graupl-navigation-shelf-closed-width,var(--graupl-navigation-shelf-min-width,3.5rem))))}}@media (prefers-reduced-motion:reduce){.navigation-shelf{--graupl-navigation-shelf-transition:var(--graupl-navigation-shelf-transition-reduced-motion,opacity var(--graupl-navigation-shelf-transition-duration,var(--graupl-transition-duration-fast,150ms)) var(--graupl-transition-timing-function,ease),display var(--graupl-navigation-shelf-transition-duration,var(--graupl-transition-duration-fast,150ms)) allow-discrete)}}.navigation-shelf,.navigation-shelf.left-side{--graupl-navigation-shelf-side-toggle-content:var(
1
+ .navigation-shelf{--graupl-navigation-shelf-current-width:var(--graupl-navigation-shelf-width,var(--graupl-navigation-shelf-closed-width,var(--graupl-navigation-shelf-min-width,3.5rem)));background:var(--graupl-navigation-shelf-background,var(--graupl-background,var(--graupl-root-background,var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff))))));border-color:var(--graupl-navigation-shelf-border-color,var(--graupl-navigation-shelf-color,var(--graupl-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233)))))));border-style:var(--graupl-navigation-shelf-border-style,var(--graupl-navigation-shelf-border-top-style,var(--graupl-border-top-style,var(--graupl-border-style,solid))) var(--graupl-navigation-shelf-border-right-style,var(--graupl-border-right-style,var(--graupl-border-style,solid))) var(--graupl-navigation-shelf-border-bottom-style,var(--graupl-border-bottom-style,var(--graupl-border-style,solid))) var(--graupl-navigation-shelf-border-left-style,var(--graupl-border-left-style,var(--graupl-border-style,solid))));border-width:var(--graupl-navigation-shelf-border-width,var(--graupl-navigation-shelf-border-top-width,0) var(--graupl-navigation-shelf-border-right-width,0) var(--graupl-navigation-shelf-border-bottom-width,0) var(--graupl-navigation-shelf-border-left-width,0));bottom:0;color:var(--graupl-navigation-shelf-color,var(--graupl-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233))))));display:var(--graupl-navigation-shelf-display,var(--graupl-navigation-shelf-closed-display,grid));grid-template-columns:[header-start content-start footer-start] var(--graupl-navigation-shelf-width,var(--graupl-navigation-shelf-closed-width,var(--graupl-navigation-shelf-min-width,3.5rem))) [footer-end content-end header-end];grid-template-rows:[header-start] auto [header-end content-start] 1fr [content-end footer-start] auto [footer-end];isolation:isolate;opacity:var(--graupl-navigation-shelf-opacity,var(--graupl-navigation-shelf-closed-opacity,1));overflow-x:hidden;position:fixed;top:0;transform:var(--graupl-navigation-shelf-transform,var(--graupl-navigation-shelf-closed-transform, ));transition:var(--graupl-navigation-shelf-transition,width var(--graupl-navigation-shelf-transition-duration,var(--graupl-transition-duration-fast,.15s)) var(--graupl-transition-timing-function,ease),transform var(--graupl-navigation-shelf-transition-duration,var(--graupl-transition-duration-fast,.15s)) var(--graupl-transition-timing-function,ease),opacity var(--graupl-navigation-shelf-transition-duration,var(--graupl-transition-duration-fast,.15s)) var(--graupl-transition-timing-function,ease),display var(--graupl-navigation-shelf-transition-duration,var(--graupl-transition-duration-fast,.15s)) allow-discrete);width:var(--graupl-navigation-shelf-width,var(--graupl-navigation-shelf-closed-width,var(--graupl-navigation-shelf-min-width,3.5rem)));z-index:var(--graupl-navigation-shelf-z-index,2)}@starting-style{.navigation-shelf{display:var(--graupl-navigation-shelf-starting-display,var(--graupl-navigation-shelf-display,var(--graupl-navigation-shelf-closed-display,grid)));opacity:var(--graupl-navigation-shelf-starting-opacity,var(--graupl-navigation-shelf-opacity,var(--graupl-navigation-shelf-closed-opacity,1)));transform:var(--graupl-navigation-shelf-starting-transform,var(--graupl-navigation-shelf-transform,var(--graupl-navigation-shelf-closed-transform, )));width:var(--graupl-navigation-shelf-starting-width,var(--graupl-navigation-shelf-width,var(--graupl-navigation-shelf-closed-width,var(--graupl-navigation-shelf-min-width,3.5rem))))}}.navigation-shelf.initializing{--graupl-navigation-shelf-transition:--graupl-navigation-shelf-transition-initializing,none}@media (prefers-reduced-motion:reduce){.navigation-shelf{--graupl-navigation-shelf-transition:var(--graupl-navigation-shelf-transition-reduced-motion,opacity var(--graupl-navigation-shelf-transition-duration,var(--graupl-transition-duration-fast,150ms)) var(--graupl-transition-timing-function,ease),display var(--graupl-navigation-shelf-transition-duration,var(--graupl-transition-duration-fast,150ms)) allow-discrete)}}.navigation-shelf,.navigation-shelf.left-side{--graupl-navigation-shelf-side-toggle-content:var(
2
2
  --graupl-navigation-shelf-side-toggle-shelf-right-content,url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='%235f6368' viewBox='0 -960 960 960'%3E%3Cpath d='M200-120q-33 0-56.5-23.5T120-200v-560q0-33 23.5-56.5T200-840h560q33 0 56.5 23.5T840-760v560q0 33-23.5 56.5T760-120zm440-80h120v-560H640zm-80 0v-560H200v560zm80 0h120z'/%3E%3C/svg%3E")
3
3
  );left:0;right:auto}.navigation-shelf.left-side.locked,.navigation-shelf.locked{--graupl-navigation-shelf-lock-toggle-content:var(
4
4
  --graupl-navigation-shelf-lock-toggle-unlock-right-content,url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='%235f6368' viewBox='0 -960 960 960'%3E%3Cpath d='M660-320v-320L500-480zM200-120q-33 0-56.5-23.5T120-200v-560q0-33 23.5-56.5T200-840h560q33 0 56.5 23.5T840-760v560q0 33-23.5 56.5T760-120zm120-80v-560H200v560zm80 0h360v-560H400zm-80 0H200z'/%3E%3C/svg%3E")
package/dist/css/component.css.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../../src/scss/component/navigation-shelf/_index.scss","../../src/scss/component/navigation-shelf/_variables.scss","component.css","../../../../node_modules/@graupl/core/src/scss/mixins/_animation.scss","../../../../node_modules/@graupl/icons/src/scss/component/icon/_mixins.scss","../../../../node_modules/@graupl/icons/src/scss/component/icon/_variables.scss"],"names":[],"mappings":"AASA,kBACE,wKAAA,CAiBA,+NCf4B,CDa5B,8PC6C8B,CD9C9B,ogBCkB8B,CDnB9B,sQCyC8B,CDhD9B,QAAA,CAYA,2MCZuB,CDJvB,iGCoIyB,CD/HzB,oOAAA,CACA,kHAAA,CAWA,iBAAA,CAHA,8FC4IyB,CDlJzB,iBAAA,CAPA,cAAA,CAEA,KAAA,CAMA,oGCmE2B,CDlE3B,ymBC8J4B,CDjK5B,sICmGuB,CDxGvB,gDEMF,CFWE,gBAtBF,kBAuBI,iJCoHgC,CDjHhC,8ICuIgC,CDxIhC,sJC0DkC,CD3DlC,oLENF,CACF,CCjBE,uCHFF,kBA8BI,0WEPF,CACF,CFWE,8CAEE;;GAAA,CAMA,MAAA,CADA,UEVJ,CFcI,4DACE;;GETN,CFgBI,gEACE;;GEXN,CFmBE,6BACE;;GAAA,CAMA,SAAA,CADA,OEjBJ,CFqBI,oCACE;;GEhBN,CFuBI,sCACE;;GElBN,CF0BE,4BACE;;GErBJ,CF4BE,gCACE;;GEvBJ,CF8BE,uBACE,mIAAA,CAEA,0DCc8B,CDb9B,+LAAA,CAGA,uDCgC8B,CDjC9B,2DC7CgC,CD4ChC,iGE3BJ,CFiCE,gCACE,0IAAA,CAEA,iECWqC,CDVrC,sMAAA,CAGA,8DC6BqC,CD9BrC,kEChDuC,CD+CvC,wGE9BJ,CFoCE,uBACE,+HAAA,CAEA,wDCJ4B,CDK5B,iJAAA,CAGA,qDCc4B,CDf5B,yDC/D8B,CD8D9B,6FEjCJ,CFuCE,2CACE,gBErCJ,CFyCE,4CACE,iBEvCJ,CF2CE,2CACE,gBEzCJ,CF6CE,gDACE;;;;GAAA,CAOA;;GExCJ,CE3GI,uDALF,0MCDW,CDTX,uBAAA,CADA,2BAAA,CAEA,uBAAA,CAiBI,UAAA,CAtBJ,+CCMa,CDJb,+DCUY,CDWR,uGCRQ,CDRZ,0CCOK,CDPL,kCCOK,CDJL,4BAAA,CAAA,oBAAA,CAFA,6BAAA,CAAA,qBAAA,CACA,yBAAA,CAAA,iBAAA,CAHA,kBAAA,CALA,6DF4IF,CFuCE,gDACE;;;;GAAA,CAOA;;GE/BJ,CE1II,uDALF,0MCDW,CDTX,uBAAA,CADA,2BAAA,CAEA,uBAAA,CAiBI,UAAA,CAtBJ,+CCMa,CDJb,+DCUY,CDWR,uGCRQ,CDRZ,0CCOK,CDPL,kCCOK,CDJL,4BAAA,CAAA,oBAAA,CAFA,6BAAA,CAAA,qBAAA,CACA,yBAAA,CAAA,iBAAA,CAHA,kBAAA,CALA,6DF2KF,CF8BE,iDACE;;;;GAAA,CAOA;;GEtBJ,CEzKI,wDALF,0MCDW,CDTX,uBAAA,CADA,2BAAA,CAEA,uBAAA,CAiBI,UAAA,CAtBJ,+CCMa,CDJb,+DCUY,CDWR,uGCRQ,CDRZ,0CCOK,CDPL,kCCOK,CDJL,4BAAA,CAAA,oBAAA,CAFA,6BAAA,CAAA,qBAAA,CACA,yBAAA,CAAA,iBAAA,CAHA,kBAAA,CALA,6DF0MF","file":"component.css"}
1
+ {"version":3,"sources":["../../src/scss/component/navigation-shelf/_index.scss","../../src/scss/component/navigation-shelf/_variables.scss","component.css","../../../../node_modules/@graupl/core/src/scss/mixins/_animation.scss","../../../../node_modules/@graupl/icons/src/scss/component/icon/_mixins.scss","../../../../node_modules/@graupl/icons/src/scss/component/icon/_variables.scss"],"names":[],"mappings":"AASA,kBACE,wKAAA,CAiBA,+NCf4B,CDa5B,8PC6C8B,CD9C9B,ogBCkB8B,CDnB9B,sQCyC8B,CDhD9B,QAAA,CAYA,2MCZuB,CDJvB,iGCoIyB,CD/HzB,oOAAA,CACA,kHAAA,CAWA,iBAAA,CAHA,8FC4IyB,CDlJzB,iBAAA,CAPA,cAAA,CAEA,KAAA,CAMA,oGCmE2B,CDlE3B,ymBC8J4B,CDjK5B,sICmGuB,CDxGvB,gDEMF,CFWE,gBAtBF,kBAuBI,iJCoHgC,CDjHhC,8ICuIgC,CDxIhC,sJC0DkC,CD3DlC,oLENF,CACF,CFWE,+BACE,2FETJ,CCpBE,uCHFF,kBAmCI,0WETF,CACF,CFaE,8CAEE;;GAAA,CAMA,MAAA,CADA,UEZJ,CFgBI,4DACE;;GEXN,CFkBI,gEACE;;GEbN,CFqBE,6BACE;;GAAA,CAMA,SAAA,CADA,OEnBJ,CFuBI,oCACE;;GElBN,CFyBI,sCACE;;GEpBN,CF4BE,4BACE;;GEvBJ,CF8BE,gCACE;;GEzBJ,CFgCE,uBACE,mIAAA,CAEA,0DCS8B,CDR9B,+LAAA,CAGA,uDC2B8B,CD5B9B,2DClDgC,CDiDhC,iGE7BJ,CFmCE,gCACE,0IAAA,CAEA,iECMqC,CDLrC,sMAAA,CAGA,8DCwBqC,CDzBrC,kECrDuC,CDoDvC,wGEhCJ,CFsCE,uBACE,+HAAA,CAEA,wDCT4B,CDU5B,iJAAA,CAGA,qDCS4B,CDV5B,yDCpE8B,CDmE9B,6FEnCJ,CFyCE,2CACE,gBEvCJ,CF2CE,4CACE,iBEzCJ,CF6CE,2CACE,gBE3CJ,CF+CE,gDACE;;;;GAAA,CAOA;;GE1CJ,CE9GI,uDALF,0MCDW,CDTX,uBAAA,CADA,2BAAA,CAEA,uBAAA,CAiBI,UAAA,CAtBJ,+CCMa,CDJb,+DCUY,CDWR,uGCRQ,CDRZ,0CCOK,CDPL,kCCOK,CDJL,4BAAA,CAAA,oBAAA,CAFA,6BAAA,CAAA,qBAAA,CACA,yBAAA,CAAA,iBAAA,CAHA,kBAAA,CALA,6DF+IF,CFyCE,gDACE;;;;GAAA,CAOA;;GEjCJ,CE7II,uDALF,0MCDW,CDTX,uBAAA,CADA,2BAAA,CAEA,uBAAA,CAiBI,UAAA,CAtBJ,+CCMa,CDJb,+DCUY,CDWR,uGCRQ,CDRZ,0CCOK,CDPL,kCCOK,CDJL,4BAAA,CAAA,oBAAA,CAFA,6BAAA,CAAA,qBAAA,CACA,yBAAA,CAAA,iBAAA,CAHA,kBAAA,CALA,6DF8KF,CFgCE,iDACE;;;;GAAA,CAOA;;GExBJ,CE5KI,wDALF,0MCDW,CDTX,uBAAA,CADA,2BAAA,CAEA,uBAAA,CAiBI,UAAA,CAtBJ,+CCMa,CDJb,+DCUY,CDWR,uGCRQ,CDRZ,0CCOK,CDPL,kCCOK,CDJL,4BAAA,CAAA,oBAAA,CAFA,6BAAA,CAAA,qBAAA,CACA,yBAAA,CAAA,iBAAA,CAHA,kBAAA,CALA,6DF6MF","file":"component.css"}
package/dist/css/navigation-shelf.css CHANGED
@@ -1,4 +1,4 @@
1
- .navigation-shelf{--graupl-navigation-shelf-current-width:var(--graupl-navigation-shelf-width,var(--graupl-navigation-shelf-closed-width,var(--graupl-navigation-shelf-min-width,3.5rem)));background:var(--graupl-navigation-shelf-background,var(--graupl-background,var(--graupl-root-background,var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff))))));border-color:var(--graupl-navigation-shelf-border-color,var(--graupl-navigation-shelf-color,var(--graupl-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233)))))));border-style:var(--graupl-navigation-shelf-border-style,var(--graupl-navigation-shelf-border-top-style,var(--graupl-border-top-style,var(--graupl-border-style,solid))) var(--graupl-navigation-shelf-border-right-style,var(--graupl-border-right-style,var(--graupl-border-style,solid))) var(--graupl-navigation-shelf-border-bottom-style,var(--graupl-border-bottom-style,var(--graupl-border-style,solid))) var(--graupl-navigation-shelf-border-left-style,var(--graupl-border-left-style,var(--graupl-border-style,solid))));border-width:var(--graupl-navigation-shelf-border-width,var(--graupl-navigation-shelf-border-top-width,0) var(--graupl-navigation-shelf-border-right-width,0) var(--graupl-navigation-shelf-border-bottom-width,0) var(--graupl-navigation-shelf-border-left-width,0));bottom:0;color:var(--graupl-navigation-shelf-color,var(--graupl-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233))))));display:var(--graupl-navigation-shelf-display,var(--graupl-navigation-shelf-closed-display,grid));grid-template-columns:[header-start content-start footer-start] var(--graupl-navigation-shelf-width,var(--graupl-navigation-shelf-closed-width,var(--graupl-navigation-shelf-min-width,3.5rem))) [footer-end content-end header-end];grid-template-rows:[header-start] auto [header-end content-start] 1fr [content-end footer-start] auto [footer-end];isolation:isolate;opacity:var(--graupl-navigation-shelf-opacity,var(--graupl-navigation-shelf-closed-opacity,1));overflow-x:hidden;position:fixed;top:0;transform:var(--graupl-navigation-shelf-transform,var(--graupl-navigation-shelf-closed-transform, ));transition:var(--graupl-navigation-shelf-transition,width var(--graupl-navigation-shelf-transition-duration,var(--graupl-transition-duration-fast,.15s)) var(--graupl-transition-timing-function,ease),transform var(--graupl-navigation-shelf-transition-duration,var(--graupl-transition-duration-fast,.15s)) var(--graupl-transition-timing-function,ease),opacity var(--graupl-navigation-shelf-transition-duration,var(--graupl-transition-duration-fast,.15s)) var(--graupl-transition-timing-function,ease),display var(--graupl-navigation-shelf-transition-duration,var(--graupl-transition-duration-fast,.15s)) allow-discrete);width:var(--graupl-navigation-shelf-width,var(--graupl-navigation-shelf-closed-width,var(--graupl-navigation-shelf-min-width,3.5rem)));z-index:var(--graupl-navigation-shelf-z-index,2)}@starting-style{.navigation-shelf{display:var(--graupl-navigation-shelf-starting-display,var(--graupl-navigation-shelf-display,var(--graupl-navigation-shelf-closed-display,grid)));opacity:var(--graupl-navigation-shelf-starting-opacity,var(--graupl-navigation-shelf-opacity,var(--graupl-navigation-shelf-closed-opacity,1)));transform:var(--graupl-navigation-shelf-starting-transform,var(--graupl-navigation-shelf-transform,var(--graupl-navigation-shelf-closed-transform, )));width:var(--graupl-navigation-shelf-starting-width,var(--graupl-navigation-shelf-width,var(--graupl-navigation-shelf-closed-width,var(--graupl-navigation-shelf-min-width,3.5rem))))}}@media (prefers-reduced-motion:reduce){.navigation-shelf{--graupl-navigation-shelf-transition:var(--graupl-navigation-shelf-transition-reduced-motion,opacity var(--graupl-navigation-shelf-transition-duration,var(--graupl-transition-duration-fast,150ms)) var(--graupl-transition-timing-function,ease),display var(--graupl-navigation-shelf-transition-duration,var(--graupl-transition-duration-fast,150ms)) allow-discrete)}}.navigation-shelf,.navigation-shelf.left-side{--graupl-navigation-shelf-side-toggle-content:var(
1
+ .navigation-shelf{--graupl-navigation-shelf-current-width:var(--graupl-navigation-shelf-width,var(--graupl-navigation-shelf-closed-width,var(--graupl-navigation-shelf-min-width,3.5rem)));background:var(--graupl-navigation-shelf-background,var(--graupl-background,var(--graupl-root-background,var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff))))));border-color:var(--graupl-navigation-shelf-border-color,var(--graupl-navigation-shelf-color,var(--graupl-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233)))))));border-style:var(--graupl-navigation-shelf-border-style,var(--graupl-navigation-shelf-border-top-style,var(--graupl-border-top-style,var(--graupl-border-style,solid))) var(--graupl-navigation-shelf-border-right-style,var(--graupl-border-right-style,var(--graupl-border-style,solid))) var(--graupl-navigation-shelf-border-bottom-style,var(--graupl-border-bottom-style,var(--graupl-border-style,solid))) var(--graupl-navigation-shelf-border-left-style,var(--graupl-border-left-style,var(--graupl-border-style,solid))));border-width:var(--graupl-navigation-shelf-border-width,var(--graupl-navigation-shelf-border-top-width,0) var(--graupl-navigation-shelf-border-right-width,0) var(--graupl-navigation-shelf-border-bottom-width,0) var(--graupl-navigation-shelf-border-left-width,0));bottom:0;color:var(--graupl-navigation-shelf-color,var(--graupl-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233))))));display:var(--graupl-navigation-shelf-display,var(--graupl-navigation-shelf-closed-display,grid));grid-template-columns:[header-start content-start footer-start] var(--graupl-navigation-shelf-width,var(--graupl-navigation-shelf-closed-width,var(--graupl-navigation-shelf-min-width,3.5rem))) [footer-end content-end header-end];grid-template-rows:[header-start] auto [header-end content-start] 1fr [content-end footer-start] auto [footer-end];isolation:isolate;opacity:var(--graupl-navigation-shelf-opacity,var(--graupl-navigation-shelf-closed-opacity,1));overflow-x:hidden;position:fixed;top:0;transform:var(--graupl-navigation-shelf-transform,var(--graupl-navigation-shelf-closed-transform, ));transition:var(--graupl-navigation-shelf-transition,width var(--graupl-navigation-shelf-transition-duration,var(--graupl-transition-duration-fast,.15s)) var(--graupl-transition-timing-function,ease),transform var(--graupl-navigation-shelf-transition-duration,var(--graupl-transition-duration-fast,.15s)) var(--graupl-transition-timing-function,ease),opacity var(--graupl-navigation-shelf-transition-duration,var(--graupl-transition-duration-fast,.15s)) var(--graupl-transition-timing-function,ease),display var(--graupl-navigation-shelf-transition-duration,var(--graupl-transition-duration-fast,.15s)) allow-discrete);width:var(--graupl-navigation-shelf-width,var(--graupl-navigation-shelf-closed-width,var(--graupl-navigation-shelf-min-width,3.5rem)));z-index:var(--graupl-navigation-shelf-z-index,2)}@starting-style{.navigation-shelf{display:var(--graupl-navigation-shelf-starting-display,var(--graupl-navigation-shelf-display,var(--graupl-navigation-shelf-closed-display,grid)));opacity:var(--graupl-navigation-shelf-starting-opacity,var(--graupl-navigation-shelf-opacity,var(--graupl-navigation-shelf-closed-opacity,1)));transform:var(--graupl-navigation-shelf-starting-transform,var(--graupl-navigation-shelf-transform,var(--graupl-navigation-shelf-closed-transform, )));width:var(--graupl-navigation-shelf-starting-width,var(--graupl-navigation-shelf-width,var(--graupl-navigation-shelf-closed-width,var(--graupl-navigation-shelf-min-width,3.5rem))))}}.navigation-shelf.initializing{--graupl-navigation-shelf-transition:--graupl-navigation-shelf-transition-initializing,none}@media (prefers-reduced-motion:reduce){.navigation-shelf{--graupl-navigation-shelf-transition:var(--graupl-navigation-shelf-transition-reduced-motion,opacity var(--graupl-navigation-shelf-transition-duration,var(--graupl-transition-duration-fast,150ms)) var(--graupl-transition-timing-function,ease),display var(--graupl-navigation-shelf-transition-duration,var(--graupl-transition-duration-fast,150ms)) allow-discrete)}}.navigation-shelf,.navigation-shelf.left-side{--graupl-navigation-shelf-side-toggle-content:var(
2
2
  --graupl-navigation-shelf-side-toggle-shelf-right-content,url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='%235f6368' viewBox='0 -960 960 960'%3E%3Cpath d='M200-120q-33 0-56.5-23.5T120-200v-560q0-33 23.5-56.5T200-840h560q33 0 56.5 23.5T840-760v560q0 33-23.5 56.5T760-120zm440-80h120v-560H640zm-80 0v-560H200v560zm80 0h120z'/%3E%3C/svg%3E")
3
3
  );left:0;right:auto}.navigation-shelf.left-side.locked,.navigation-shelf.locked{--graupl-navigation-shelf-lock-toggle-content:var(
4
4
  --graupl-navigation-shelf-lock-toggle-unlock-right-content,url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='%235f6368' viewBox='0 -960 960 960'%3E%3Cpath d='M660-320v-320L500-480zM200-120q-33 0-56.5-23.5T120-200v-560q0-33 23.5-56.5T200-840h560q33 0 56.5 23.5T840-760v560q0 33-23.5 56.5T760-120zm120-80v-560H200v560zm80 0h360v-560H400zm-80 0H200z'/%3E%3C/svg%3E")
package/dist/css/navigation-shelf.css.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../../src/scss/component/navigation-shelf/_index.scss","../../src/scss/component/navigation-shelf/_variables.scss","navigation-shelf.css","../../../../node_modules/@graupl/core/src/scss/mixins/_animation.scss","../../../../node_modules/@graupl/icons/src/scss/component/icon/_mixins.scss","../../../../node_modules/@graupl/icons/src/scss/component/icon/_variables.scss","../../../../node_modules/@graupl/core/src/scss/mixins/_layer.scss","../../../../node_modules/@graupl/core/src/scss/mixins/_utility.scss","../../src/scss/utilities/shelf-aware/_index.scss"],"names":[],"mappings":"AASA,kBACE,wKAAA,CAiBA,+NCf4B,CDa5B,8PC6C8B,CD9C9B,ogBCkB8B,CDnB9B,sQCyC8B,CDhD9B,QAAA,CAYA,2MCZuB,CDJvB,iGCoIyB,CD/HzB,oOAAA,CACA,kHAAA,CAWA,iBAAA,CAHA,8FC4IyB,CDlJzB,iBAAA,CAPA,cAAA,CAEA,KAAA,CAMA,oGCmE2B,CDlE3B,ymBC8J4B,CDjK5B,sICmGuB,CDxGvB,gDEMF,CFWE,gBAtBF,kBAuBI,iJCoHgC,CDjHhC,8ICuIgC,CDxIhC,sJC0DkC,CD3DlC,oLENF,CACF,CCjBE,uCHFF,kBA8BI,0WEPF,CACF,CFWE,8CAEE;;GAAA,CAMA,MAAA,CADA,UEVJ,CFcI,4DACE;;GETN,CFgBI,gEACE;;GEXN,CFmBE,6BACE;;GAAA,CAMA,SAAA,CADA,OEjBJ,CFqBI,oCACE;;GEhBN,CFuBI,sCACE;;GElBN,CF0BE,4BACE;;GErBJ,CF4BE,gCACE;;GEvBJ,CF8BE,uBACE,mIAAA,CAEA,0DCc8B,CDb9B,+LAAA,CAGA,uDCgC8B,CDjC9B,2DC7CgC,CD4ChC,iGE3BJ,CFiCE,gCACE,0IAAA,CAEA,iECWqC,CDVrC,sMAAA,CAGA,8DC6BqC,CD9BrC,kEChDuC,CD+CvC,wGE9BJ,CFoCE,uBACE,+HAAA,CAEA,wDCJ4B,CDK5B,iJAAA,CAGA,qDCc4B,CDf5B,yDC/D8B,CD8D9B,6FEjCJ,CFuCE,2CACE,gBErCJ,CFyCE,4CACE,iBEvCJ,CF2CE,2CACE,gBEzCJ,CF6CE,gDACE;;;;GAAA,CAOA;;GExCJ,CE3GI,uDALF,0MCDW,CDTX,uBAAA,CADA,2BAAA,CAEA,uBAAA,CAiBI,UAAA,CAtBJ,+CCMa,CDJb,+DCUY,CDWR,uGCRQ,CDRZ,0CCOK,CDPL,kCCOK,CDJL,4BAAA,CAAA,oBAAA,CAFA,6BAAA,CAAA,qBAAA,CACA,yBAAA,CAAA,iBAAA,CAHA,kBAAA,CALA,6DF4IF,CFuCE,gDACE;;;;GAAA,CAOA;;GE/BJ,CE1II,uDALF,0MCDW,CDTX,uBAAA,CADA,2BAAA,CAEA,uBAAA,CAiBI,UAAA,CAtBJ,+CCMa,CDJb,+DCUY,CDWR,uGCRQ,CDRZ,0CCOK,CDPL,kCCOK,CDJL,4BAAA,CAAA,oBAAA,CAFA,6BAAA,CAAA,qBAAA,CACA,yBAAA,CAAA,iBAAA,CAHA,kBAAA,CALA,6DF2KF,CF8BE,iDACE;;;;GAAA,CAOA;;GEtBJ,CEzKI,wDALF,0MCDW,CDTX,uBAAA,CADA,2BAAA,CAEA,uBAAA,CAiBI,UAAA,CAtBJ,+CCMa,CDJb,+DCUY,CDWR,uGCRQ,CDRZ,0CCOK,CDPL,kCCOK,CDJL,4BAAA,CAAA,oBAAA,CAFA,6BAAA,CAAA,qBAAA,CACA,yBAAA,CAAA,iBAAA,CAHA,kBAAA,CALA,6DF0MF,CIvMI,wBCiJA,aAnIE,kHAAA,CAAA,yBLkMJ,CMtIE,oBACE,8GNwIJ,CMjIE,uBAEE,kHAAA,CADA,yBNoIJ,CM7HI,8BACE,8GN+HN,CMvHE,wBAKE,wBAAA,CAJA,mHN0HJ,CMnHI,+BACE,+GNqHN,CKhFE,aAnIE,+DLwNJ,CKrFE,iBAnIE,mEL2NJ,CKxFE,iBAnIE,mEL8NJ,CK3FE,aAnIE,6DLiOJ,CK9FE,iBAnIE,iELoOJ,CKjGE,iBAnIE,iELuOJ,CKpGE,iBAnIE,6LL0OJ,CKvGE,qBAnIE,iML6OJ,CK1GE,qBAnIE,iMLgPJ,CK7GE,gBAnIE,2GLmPJ,CKhHE,oBAnIE,+GLsPJ,CKnHE,oBAnIE,+GLyPJ,CKtHE,cAnIE,uGL4PJ,CKzHE,kBAnIE,2GL+PJ,CK5HE,kBAnIE,2GLkQJ,CA9CF,CIlOI,wBJiRJ","file":"navigation-shelf.css"}
1
+ {"version":3,"sources":["../../src/scss/component/navigation-shelf/_index.scss","../../src/scss/component/navigation-shelf/_variables.scss","navigation-shelf.css","../../../../node_modules/@graupl/core/src/scss/mixins/_animation.scss","../../../../node_modules/@graupl/icons/src/scss/component/icon/_mixins.scss","../../../../node_modules/@graupl/icons/src/scss/component/icon/_variables.scss","../../../../node_modules/@graupl/core/src/scss/mixins/_layer.scss","../../../../node_modules/@graupl/core/src/scss/mixins/_utility.scss","../../src/scss/utilities/shelf-aware/_index.scss"],"names":[],"mappings":"AASA,kBACE,wKAAA,CAiBA,+NCf4B,CDa5B,8PC6C8B,CD9C9B,ogBCkB8B,CDnB9B,sQCyC8B,CDhD9B,QAAA,CAYA,2MCZuB,CDJvB,iGCoIyB,CD/HzB,oOAAA,CACA,kHAAA,CAWA,iBAAA,CAHA,8FC4IyB,CDlJzB,iBAAA,CAPA,cAAA,CAEA,KAAA,CAMA,oGCmE2B,CDlE3B,ymBC8J4B,CDjK5B,sICmGuB,CDxGvB,gDEMF,CFWE,gBAtBF,kBAuBI,iJCoHgC,CDjHhC,8ICuIgC,CDxIhC,sJC0DkC,CD3DlC,oLENF,CACF,CFWE,+BACE,2FETJ,CCpBE,uCHFF,kBAmCI,0WETF,CACF,CFaE,8CAEE;;GAAA,CAMA,MAAA,CADA,UEZJ,CFgBI,4DACE;;GEXN,CFkBI,gEACE;;GEbN,CFqBE,6BACE;;GAAA,CAMA,SAAA,CADA,OEnBJ,CFuBI,oCACE;;GElBN,CFyBI,sCACE;;GEpBN,CF4BE,4BACE;;GEvBJ,CF8BE,gCACE;;GEzBJ,CFgCE,uBACE,mIAAA,CAEA,0DCS8B,CDR9B,+LAAA,CAGA,uDC2B8B,CD5B9B,2DClDgC,CDiDhC,iGE7BJ,CFmCE,gCACE,0IAAA,CAEA,iECMqC,CDLrC,sMAAA,CAGA,8DCwBqC,CDzBrC,kECrDuC,CDoDvC,wGEhCJ,CFsCE,uBACE,+HAAA,CAEA,wDCT4B,CDU5B,iJAAA,CAGA,qDCS4B,CDV5B,yDCpE8B,CDmE9B,6FEnCJ,CFyCE,2CACE,gBEvCJ,CF2CE,4CACE,iBEzCJ,CF6CE,2CACE,gBE3CJ,CF+CE,gDACE;;;;GAAA,CAOA;;GE1CJ,CE9GI,uDALF,0MCDW,CDTX,uBAAA,CADA,2BAAA,CAEA,uBAAA,CAiBI,UAAA,CAtBJ,+CCMa,CDJb,+DCUY,CDWR,uGCRQ,CDRZ,0CCOK,CDPL,kCCOK,CDJL,4BAAA,CAAA,oBAAA,CAFA,6BAAA,CAAA,qBAAA,CACA,yBAAA,CAAA,iBAAA,CAHA,kBAAA,CALA,6DF+IF,CFyCE,gDACE;;;;GAAA,CAOA;;GEjCJ,CE7II,uDALF,0MCDW,CDTX,uBAAA,CADA,2BAAA,CAEA,uBAAA,CAiBI,UAAA,CAtBJ,+CCMa,CDJb,+DCUY,CDWR,uGCRQ,CDRZ,0CCOK,CDPL,kCCOK,CDJL,4BAAA,CAAA,oBAAA,CAFA,6BAAA,CAAA,qBAAA,CACA,yBAAA,CAAA,iBAAA,CAHA,kBAAA,CALA,6DF8KF,CFgCE,iDACE;;;;GAAA,CAOA;;GExBJ,CE5KI,wDALF,0MCDW,CDTX,uBAAA,CADA,2BAAA,CAEA,uBAAA,CAiBI,UAAA,CAtBJ,+CCMa,CDJb,+DCUY,CDWR,uGCRQ,CDRZ,0CCOK,CDPL,kCCOK,CDJL,4BAAA,CAAA,oBAAA,CAFA,6BAAA,CAAA,qBAAA,CACA,yBAAA,CAAA,iBAAA,CAHA,kBAAA,CALA,6DF6MF,CI1MI,wBCiJA,aAnIE,kHAAA,CAAA,yBLqMJ,CMzIE,oBACE,8GN2IJ,CMpIE,uBAEE,kHAAA,CADA,yBNuIJ,CMhII,8BACE,8GNkIN,CM1HE,wBAKE,wBAAA,CAJA,mHN6HJ,CMtHI,+BACE,+GNwHN,CKnFE,aAnIE,+DL2NJ,CKxFE,iBAnIE,mEL8NJ,CK3FE,iBAnIE,mELiOJ,CK9FE,aAnIE,6DLoOJ,CKjGE,iBAnIE,iELuOJ,CKpGE,iBAnIE,iEL0OJ,CKvGE,iBAnIE,6LL6OJ,CK1GE,qBAnIE,iMLgPJ,CK7GE,qBAnIE,iMLmPJ,CKhHE,gBAnIE,2GLsPJ,CKnHE,oBAnIE,+GLyPJ,CKtHE,oBAnIE,+GL4PJ,CKzHE,cAnIE,uGL+PJ,CK5HE,kBAnIE,2GLkQJ,CK/HE,kBAnIE,2GLqQJ,CA9CF,CIrOI,wBJoRJ","file":"navigation-shelf.css"}
package/dist/js/component/navigation-shelf.cjs.js CHANGED
@@ -1,5 +1,5 @@
1
- function E(e,t){try{if(typeof t!="object"){const s=typeof t;throw new TypeError(`Elements given to isValidInstance() must be inside of an object. "${s}" given.`)}for(const s in t)if(!(t[s]instanceof e)){const o=typeof t[s];throw new TypeError(`${s} must be an instance of ${e.name}. "${o}" given.`)}return{status:!0,error:null}}catch(s){return{status:!1,error:s}}}function i(e,t){try{if(typeof t!="object"){const s=typeof t;throw new TypeError(`Values given to isValidType() must be inside of an object. "${s}" given.`)}for(const s in t){const o=typeof t[s];if(o!==e)throw new TypeError(`${s} must be a ${e}. "${o}" given.`)}return{status:!0,error:null}}catch(s){return{status:!1,error:s}}}function O(e){try{if(typeof e!="object"){const t=typeof e;throw new TypeError(`Values given to isQuerySelector() must be inside of an object. "${t}" given.`)}for(const t in e)try{if(e[t]===null)throw new Error;document.querySelector(e[t])}catch{throw new TypeError(`${t} must be a valid query selector. "${e[t]}" given.`)}return{status:!0,error:null}}catch(t){return{status:!1,error:t}}}function c(e){try{if(typeof e!="object"||Array.isArray(e)){const t=typeof e;throw new TypeError(`Values given to isValidClassList() must be inside of an object. "${t}" given.`)}for(const t in e){const s=typeof e[t];if(s!=="string")if(Array.isArray(e[t]))e[t].forEach(o=>{if(typeof o!="string")throw new TypeError(`${t} must be a string or an array of strings. An array containing non-strings given.`)});else throw new TypeError(`${t} must be a string or an array of strings. "${s}" given.`);else{const o={};o[t]=e[t],O(o)}}return{status:!0,error:null}}catch(t){return{status:!1,error:t}}}function V(e){try{if(typeof e!="object"){const s=typeof e;throw new TypeError(`Values given to isValidState() must be inside of an object. "${s}" given.`)}const t=["none","self","child"];for(const s in e)if(!t.includes(e[s]))throw new TypeError(`${s} must be one of the following values: ${t.join(", ")}. "${e[s]}" given.`);return{status:!0,error:null}}catch(t){return{status:!1,error:t}}}function G(e){try{if(typeof e!="object"){const s=typeof e;throw new TypeError(`Values given to isValidEvent() must be inside of an object. "${s}" given.`)}const t=["none","mouse","keyboard","character"];for(const s in e)if(!t.includes(e[s]))throw new TypeError(`${s} must be one of the following values: ${t.join(", ")}. "${e[s]}" given.`);return{status:!0,error:null}}catch(t){return{status:!1,error:t}}}function q(e){try{if(typeof e!="object"){const s=typeof e;throw new TypeError(`Values given to isValidSideType() must be inside of an object. "${s}" given.`)}const t=["left","right"];for(const s in e)if(!t.includes(e[s]))throw new TypeError(`${s} must be one of the following values: ${t.join(", ")}. "${e[s]}" given.`);return{status:!0,error:null}}catch(t){return{status:!1,error:t}}}function d(e){try{const t=e.key||e.keyCode,s={Enter:t==="Enter"||t===13,Space:t===" "||t==="Spacebar"||t===32,Escape:t==="Escape"||t==="Esc"||t===27,ArrowUp:t==="ArrowUp"||t==="Up"||t===38,ArrowRight:t==="ArrowRight"||t==="Right"||t===39,ArrowDown:t==="ArrowDown"||t==="Down"||t===40,ArrowLeft:t==="ArrowLeft"||t==="Left"||t===37,Home:t==="Home"||t===36,End:t==="End"||t===35,Tab:t==="Tab"||t===9};return Object.keys(s).find(o=>s[o]===!0)||""}catch{return""}}function a(e){e.preventDefault(),e.stopPropagation()}function r(e,t){e===""||e.length===0||(typeof e=="string"?t.classList.add(e):t.classList.add(...e))}function n(e,t){e===""||e.length===0||(typeof e=="string"?t.classList.remove(e):t.classList.remove(...e))}function F(e=document){return Array.from(e.querySelectorAll("a[href],area[href],input:not([disabled]),select:not([disabled]),textarea:not([disabled]),button:not([disabled]),[tabindex]")).filter(l=>{let h=!0;return l.getAttribute("tabindex")==="-1"&&(h=!1),h})}function M(e=document){return F(e)[0]||!1}function U(e=null){window.Graupl=window.Graupl||{},i("string",{type:e})&&(window.Graupl[e]=window.Graupl[e]||{})}function z(e=null){return i("string",{type:e})?window.Graupl[e]:window.Graupl}function K(e,t={}){i("string",{type:e})&&i("object",{data:t})&&(window.Graupl[e]=t)}function N(e){i("string",{type:e})&&(window.Graupl[e]={})}function P(e,t,s){i("string",{type:e,key:t})&&(window.Graupl[e][t]=s)}function R(e,t){return i("string",{type:e,key:t})?window.Graupl[e][t]:null}function I(e,t){i("string",{type:e,key:t})&&delete window.Graupl[e][t]}var C={initializeStorage:U,getStorage:z,setStorage:K,clearStorage:N,pushToStorage:P,getFromStorage:R,removeFromStorage:I},Q=class{_dom={shelf:null,controller:null,lockController:null,hoverController:null,sideController:null,dependents:[]};_selectors={dependents:""};_classes={locked:"locked",unlocked:"unlocked",hover:"hoverable",noHover:"not-hoverable",left:"left-side",right:"right-side",open:"show",close:"hide",transistion:"transitioning"};_transitionDuration=250;_openDuration=-1;_closeDuration=-1;_focusState="none";_currentEvent="none";_hover=!1;_hoverDelay=250;_enterDelay=-1;_leaveDelay=-1;_hoverTimeout=null;_locked=!1;_softLocked=!1;_side="left";_otherSide="right";_open=!1;_expandEvent=new CustomEvent("grauplNavigationShelfExpand",{bubbles:!0,detail:{shelf:this}});_collapseEvent=new CustomEvent("grauplNavigationShelfCollapse",{bubbles:!0,detail:{shelf:this}});_lockEvent=new CustomEvent("grauplNavigationShelfLock",{bubbles:!0,detail:{shelf:this}});_unlockEvent=new CustomEvent("grauplNavigationShelfUnlock",{bubbles:!0,detail:{shelf:this}});_shiftEvent=new CustomEvent("grauplNavigationShelfShift",{bubbles:!0,detail:{shelf:this}});_enableHoverEvent=new CustomEvent("grauplNavigationShelfEnableHoverable",{bubbles:!0,detail:{shelf:this}});_disableHoverEvent=new CustomEvent("grauplNavigationShelfDisableHover",{bubbles:!0,detail:{shelf:this}});_prefix="graupl-";_key="";_errors=[];constructor({shelfElement:e,controllerElement:t,lockControllerElement:s,hoverControllerElement:o,sideControllerElement:l,dependentSelector:h=".shelf-aware",lockedClass:f="locked",unlockedClass:m="unlocked",hoverClass:_="hoverable",noHoverClass:p="not-hoverable",leftClass:g="left-side",rightClass:v="right-side",openClass:y="show",closeClass:k="hide",transitionClass:b="transitioning",transitionDuration:u=250,openDuration:w=-1,closeDuration:D=-1,hover:S=!1,hoverDelay:L=250,enterDelay:A=-1,leaveDelay:$=-1,locked:T=!1,side:H="left",prefix:x="graupl-",initialize:j=!1}){this._dom.shelf=e,this._dom.controller=t||null,this._dom.lockController=s||null,this._dom.hoverController=o||null,this._dom.sideController=l||null,this._selectors.dependents=h,this._classes.locked=f||"",this._classes.unlocked=m||"",this._classes.hover=_||"",this._classes.noHover=p||"",this._classes.left=g||"",this._classes.right=v||"",this._classes.open=y||"",this._classes.close=k||"",this._classes.transition=b||"",this._transitionDuration=u,this._openDuration=w,this._closeDuration=D,this._locked=T,this._side=H,this._prefix=x||"",this._hover=S,this._hoverDelay=L,this._enterDelay=A,this._leaveDelay=$,j&&this.initialize()}initialize(){try{if(!this._validate())throw new Error(`Graupl Navigation Shelf: cannot initialize navigation shelf. The following errors have been found:
1
+ function y(t,e){try{if(typeof e!="object"){const s=typeof e;throw new TypeError(`Elements given to isValidInstance() must be inside of an object. "${s}" given.`)}for(const s in e)if(!(e[s]instanceof t)){const i=typeof e[s];throw new TypeError(`${s} must be an instance of ${t.name}. "${i}" given.`)}return{status:!0,error:null}}catch(s){return{status:!1,error:s}}}function o(t,e){try{if(typeof e!="object"){const s=typeof e;throw new TypeError(`Values given to isValidType() must be inside of an object. "${s}" given.`)}for(const s in e){const i=typeof e[s];if(i!==t)throw new TypeError(`${s} must be a ${t}. "${i}" given.`)}return{status:!0,error:null}}catch(s){return{status:!1,error:s}}}function q(t){try{if(typeof t!="object"){const e=typeof t;throw new TypeError(`Values given to isQuerySelector() must be inside of an object. "${e}" given.`)}for(const e in t)try{if(t[e]===null)throw new Error;document.querySelector(t[e])}catch{throw new TypeError(`${e} must be a valid query selector. "${t[e]}" given.`)}return{status:!0,error:null}}catch(e){return{status:!1,error:e}}}function a(t){try{if(typeof t!="object"||Array.isArray(t)){const e=typeof t;throw new TypeError(`Values given to isValidClassList() must be inside of an object. "${e}" given.`)}for(const e in t){const s=typeof t[e];if(s!=="string")if(Array.isArray(t[e]))t[e].forEach(i=>{if(typeof i!="string")throw new TypeError(`${e} must be a string or an array of strings. An array containing non-strings given.`)});else throw new TypeError(`${e} must be a string or an array of strings. "${s}" given.`);else{const i={};i[e]=t[e],q(i)}}return{status:!0,error:null}}catch(e){return{status:!1,error:e}}}function F(t){try{if(typeof t!="object"){const s=typeof t;throw new TypeError(`Values given to isValidState() must be inside of an object. "${s}" given.`)}const e=["none","self","child"];for(const s in t)if(!e.includes(t[s]))throw new TypeError(`${s} must be one of the following values: ${e.join(", ")}. "${t[s]}" given.`);return{status:!0,error:null}}catch(e){return{status:!1,error:e}}}function V(t){try{if(typeof t!="object"){const s=typeof t;throw new TypeError(`Values given to isValidEvent() must be inside of an object. "${s}" given.`)}const e=["none","mouse","keyboard","character"];for(const s in t)if(!e.includes(t[s]))throw new TypeError(`${s} must be one of the following values: ${e.join(", ")}. "${t[s]}" given.`);return{status:!0,error:null}}catch(e){return{status:!1,error:e}}}function G(t){try{if(typeof t!="object"){const s=typeof t;throw new TypeError(`Values given to isValidSideType() must be inside of an object. "${s}" given.`)}const e=["left","right"];for(const s in t)if(!e.includes(t[s]))throw new TypeError(`${s} must be one of the following values: ${e.join(", ")}. "${t[s]}" given.`);return{status:!0,error:null}}catch(e){return{status:!1,error:e}}}function f(t){try{const e=t.key||t.keyCode,s={Enter:e==="Enter"||e===13,Space:e===" "||e==="Spacebar"||e===32,Escape:e==="Escape"||e==="Esc"||e===27,ArrowUp:e==="ArrowUp"||e==="Up"||e===38,ArrowRight:e==="ArrowRight"||e==="Right"||e===39,ArrowDown:e==="ArrowDown"||e==="Down"||e===40,ArrowLeft:e==="ArrowLeft"||e==="Left"||e===37,Home:e==="Home"||e===36,End:e==="End"||e===35,Tab:e==="Tab"||e===9};return Object.keys(s).find(i=>s[i]===!0)||""}catch{return""}}function d(t){t.preventDefault(),t.stopPropagation()}function r(t,e){t===""||t.length===0||(typeof t=="string"?e.classList.add(t):e.classList.add(...t))}function n(t,e){t===""||t.length===0||(typeof t=="string"?e.classList.remove(t):e.classList.remove(...t))}function M(t=document){return Array.from(t.querySelectorAll("a[href],area[href],input:not([disabled]),select:not([disabled]),textarea:not([disabled]),button:not([disabled]),[tabindex]")).filter(e=>{let s=!0;return e.getAttribute("tabindex")==="-1"&&(s=!1),s})}function R(t=document){return M(t)[0]||!1}function B(t=null){window.Graupl=window.Graupl||{},o("string",{type:t})&&(window.Graupl[t]=window.Graupl[t]||{})}function K(t=null){return o("string",{type:t})?window.Graupl[t]:window.Graupl}function N(t,e={}){o("string",{type:t})&&o("object",{data:e})&&(window.Graupl[t]=e)}function P(t){o("string",{type:t})&&(window.Graupl[t]={})}function I(t,e,s){o("string",{type:t,key:e})&&(window.Graupl[t][e]=s)}function U(t,e){return o("string",{type:t,key:e})?window.Graupl[t][e]:null}function W(t,e){o("string",{type:t,key:e})&&delete window.Graupl[t][e]}var b={initializeStorage:B,getStorage:K,setStorage:N,clearStorage:P,pushToStorage:I,getFromStorage:U,removeFromStorage:W},C=class{constructor(t,e={}){this._equals=e.equals||Object.is,this._current=t,this._committed=t}get value(){return this._current}set value(t){this._current=t}get committed(){return this._committed}get isDirty(){return!this._equals(this._current,this._committed)}commit(){return this._committed=this._current,this}reset(){return this._current=this._committed,this}update(t){return this._current=t(this._current),this}},Q=class{_dom={shelf:null,controller:null,lockController:null,hoverController:null,sideController:null,dependents:[]};_selectors={dependents:""};_classes={locked:"locked",unlocked:"unlocked",hover:"hoverable",noHover:"not-hoverable",left:"left-side",right:"right-side",open:"show",close:"hide",transistion:"transitioning",initialize:"initializing"};_durations={transition:250,open:-1,close:-1};_delays={hover:250,enter:-1,leave:-1};_focusState="none";_currentEvent="none";_hover=!1;_hoverTimeout=null;_locked=new C(!1);_softLocked=!1;_side="left";_otherSide="right";_open=!1;_breakpointWidth=1180;_observer=null;_expandEvent=new CustomEvent("grauplNavigationShelfExpand",{bubbles:!0,detail:{shelf:this}});_collapseEvent=new CustomEvent("grauplNavigationShelfCollapse",{bubbles:!0,detail:{shelf:this}});_lockEvent=new CustomEvent("grauplNavigationShelfLock",{bubbles:!0,detail:{shelf:this}});_unlockEvent=new CustomEvent("grauplNavigationShelfUnlock",{bubbles:!0,detail:{shelf:this}});_shiftEvent=new CustomEvent("grauplNavigationShelfShift",{bubbles:!0,detail:{shelf:this}});_enableHoverEvent=new CustomEvent("grauplNavigationShelfEnableHoverable",{bubbles:!0,detail:{shelf:this}});_disableHoverEvent=new CustomEvent("grauplNavigationShelfDisableHover",{bubbles:!0,detail:{shelf:this}});_initialized=!1;_prefix="graupl-";_key="";_errors=[];constructor({shelfElement:t,controllerElement:e,lockControllerElement:s,hoverControllerElement:i,sideControllerElement:l,dependentSelector:c=".shelf-aware",lockedClass:u="locked",unlockedClass:_="unlocked",hoverClass:m="hoverable",noHoverClass:p="not-hoverable",leftClass:g="left-side",rightClass:v="right-side",openClass:k="show",closeClass:h="hide",transitionClass:E="transitioning",transitionDuration:w=250,openDuration:S=-1,closeDuration:L=-1,hover:A=!1,hoverDelay:D=250,enterDelay:$=-1,leaveDelay:T=-1,locked:H=!1,side:z="left",prefix:x="graupl-",initializeClass:j="initializing",initialize:O=!1}={}){this._dom.shelf=t,this._dom.controller=e||null,this._dom.lockController=s||null,this._dom.hoverController=i||null,this._dom.sideController=l||null,this._selectors.dependents=c,this._classes.locked=u||"",this._classes.unlocked=_||"",this._classes.hover=m||"",this._classes.noHover=p||"",this._classes.left=g||"",this._classes.right=v||"",this._classes.open=k||"",this._classes.close=h||"",this._classes.transition=E||"",this._classes.initialize=j||"",this._durations.transition=w,this._durations.open=S,this._durations.close=L,this._locked=new C(H),this._side=z,this._prefix=x||"",this._hover=A,this._delays.hover=D,this._delays.enter=$,this._delays.leave=T,O&&this.initialize()}initialize(){try{if(!this._validate())throw new Error(`Graupl Navigation Shelf: cannot initialize navigation shelf. The following errors have been found:
2
2
  - ${this.errors.join(`
3
- - `)}`);this._setTransitionDurations(),this._generateKey(),this._setDOMElements(),this._setIds(),this._setAriaAttributes(),this._handleFocus(),this._handleClick(),this._handleHover(),this._handleKeydown(),this._handleKeyup(),this.dom.controller.getAttribute("aria-expanded")==="true"?this._expand(!1):this._collapse(!1),this.hover?this._enableHover(!1):this._disableHover(!1),this._shiftSide(!1),C.initializeStorage("navigation-shelves"),C.pushToStorage("navigation-shelves",this.dom.shelf.id,this)}catch(e){console.error(e)}}get dom(){return this._dom}get selectors(){return this._selectors}get classes(){return this._classes}get lockedClass(){return this._classes.locked}get unlockedClass(){return this._classes.unlocked}get hoverClass(){return this._classes.hover}get noHoverClass(){return this._classes.noHover}get leftClass(){return this._classes.left}get rightClass(){return this._classes.right}get openClass(){return this._classes.open}get closeClass(){return this._classes.close}get transitionClass(){return this._classes.transition}get transitionDuration(){return this._transitionDuration}get openDuration(){return this._openDuration===-1?this.transitionDuration:this._openDuration}get closeDuration(){return this._closeDuration===-1?this.transitionDuration:this._closeDuration}get focusState(){return this._focusState}get currentEvent(){return this._currentEvent}get hover(){return this._hover}get hoverDelay(){return this._hoverDelay}get enterDelay(){return this._enterDelay===-1?this.hoverDelay:this._enterDelay}get leaveDelay(){return this._leaveDelay===-1?this.hoverDelay:this._leaveDelay}get prefix(){return this._prefix}get isLocked(){return this._locked}get side(){return this._side}get otherSide(){return this._otherSide}get key(){return this._key}get isSoftLocked(){return this._softLocked}get isOpen(){return this._open}get errors(){return this._errors}set dependentLockedClass(e){c({dependentLockedClass:e}),this._classes.dependentLocked!==e&&(this._classes.dependentLocked=e)}set dependentUnlockedClass(e){c({dependentUnlockedClass:e}),this._classes.dependentUnlocked!==e&&(this._classes.dependentUnlocked=e)}set openClass(e){c({openClass:e}),this._classes.open!==e&&(this._classes.open=e)}set closeClass(e){c({closeClass:e}),this._classes.close!==e&&(this._classes.close=e)}set transitionClass(e){c({transitionClass:e}),this._classes.transition!==e&&(this._classes.transition=e)}set transitionDuration(e){i("number",{value:e}),this._transitionDuration!==e&&(this._transitionDuration=e,this._setTransitionDurations())}set openDuration(e){i("number",{value:e}),this._openDuration!==e&&(this._openDuration=e,this._setTransitionDurations())}set closeDuration(e){i("number",{value:e}),this._closeDuration!==e&&(this._closeDuration=e,this._setTransitionDurations())}set focusState(e){V({value:e}),this._focusState!==e&&(this._focusState=e)}set currentEvent(e){G({value:e}),this._currentEvent!==e&&(this._currentEvent=e)}set hoverDelay(e){i("number",{value:e}),this._hoverDelay!==e&&(this._hoverDelay=e)}set enterDelay(e){i("number",{value:e}),this._enterDelay!==e&&(this._enterDelay=e)}set leaveDelay(e){i("number",{value:e}),this._leaveDelay!==e&&(this._leaveDelay=e)}set prefix(e){i("string",{value:e}),this._prefix!==e&&(this._prefix=e)}set key(e){i("string",{value:e}),this._key!==e&&(this._key=e)}set isSoftLocked(e){i("boolean",{value:e}),this._softLocked!==e&&(this._softLocked=e)}_validate(){let e=!0;const t={shelfElement:this._dom.shelf,controllerElement:this._dom.controller};this._dom.lockController&&(t.lockControllerElement=this._dom.lockController),this._dom.hoverController&&(t.hoverControllerElement=this._dom.hoverController),this._dom.sideController&&(t.sideControllerElement=this._dom.sideController);const s=E(HTMLElement,t);s.status||(this._errors.push(s.error.message),e=!1);const o={};for(const u of Object.keys(this.classes))this._classes[u]!==""&&(o[`${u}Class`]=this._classes[u]);const l=c(o);l.status||(this._errors.push(l.error.message),e=!1);const h=i("number",{transitionDuration:this._transitionDuration});h.status||(this._errors.push(h.error.message),e=!1);const f=i("number",{openDuration:this._openDuration});f.status||(this._errors.push(f.error.message),e=!1);const m=i("number",{closeDuration:this._closeDuration});m.status||(this._errors.push(m.error.message),e=!1);const _=i("boolean",{hover:this._hover});_.status||(this._errors.push(_.error.message),e=!1);const p=i("number",{hoverDelay:this._hoverDelay});p.status||(this._errors.push(p.error.message),e=!1);const g=i("number",{enterDelay:this._enterDelay});g.status||(this._errors.push(g.error.message),e=!1);const v=i("number",{leaveDelay:this._leaveDelay});v.status||(this._errors.push(v.error.message),e=!1);const y=i("string",{prefix:this._prefix});y.status||(this._errors.push(y.error.message),e=!1);const k=i("boolean",{locked:this._locked});k.status||(this._errors.push(k.error.message),e=!1);const b=q({side:this._side});return b.status||(this._errors.push(b.error.message),e=!1),e}_setDOMElementType(e,t=this.dom.shelf,s=!0,o=!0){if(typeof this.selectors[e]=="string"){if(e==="shelf"||e==="controller"||e==="lockController"||e==="hoverController")throw new Error(`Graupl Navigation Shelf: "${e}" element cannot be set through _setDOMElementType.`);if(t!==this.dom.shelf&&E(HTMLElement,{base:t}),Array.isArray(this._dom[e])){const h=Array.from(t.querySelectorAll(this.selectors[e])).filter(f=>o?f.parentElement===t:!0);s?this._dom[e]=h:this._dom[e]=[...this._dom[e],...h]}else{const l=t.querySelector(this.selectors[e]);if(l&&l.parentElement!==t)return;s&&(this._dom[e]=l)}}else throw new Error(`Graupl Navigation Shelf: "${e}" is not a valid element type within the navigation shelf.`)}_resetDOMElementType(e){if(typeof this.selectors[e]=="string"){if(e==="shelf"||e==="controller"||e==="lockController"||e==="hoverController")throw new Error(`Graupl Navigation Shelf: "${e}" element cannot be reset through _resetDOMElementType.`);Array.isArray(this._dom[e])?this._dom[e]=[]:this._dom[e]=null}else throw new Error(`Graupl Navigation Shelf: "${e}" is not a valid element type within the navigation shelf.`)}_setDOMElements(){this._setDOMElementType("dependents",document,!0,!1)}_generateKey(e=!1){(this.key===""||e)&&(this.key=Math.random().toString(36).replace(/[^a-z]+/g,"").substring(0,10))}_setIds(){this.dom.shelf.id=this.dom.shelf.id||`navigation-shelf-${this.key}`,this.dom.controller&&(this.dom.controller.id=this.dom.controller.id||`navigation-shelf-toggle-${this.key}`),this.dom.lockController&&(this.dom.lockController.id=this.dom.lockController.id||`navigation-shelf-lock-toggle-${this.key}`),this.dom.hoverController&&(this.dom.hoverController.id=this.dom.hoverController.id||`navigation-shelf-hover-toggle-${this.key}`)}_setAriaAttributes(){this.dom.controller&&(this.dom.controller.setAttribute("aria-controls",this.dom.shelf.id),this.dom.controller.getAttribute("aria-expanded")!=="true"&&this.dom.controller.setAttribute("aria-expanded","false")),this.dom.lockController&&(this.dom.lockController.setAttribute("aria-controls",this.dom.shelf.id),this.dom.lockController.setAttribute("aria-pressed",this._locked?"true":"false")),this.dom.hoverController&&(this.dom.hoverController.setAttribute("aria-controls",this.dom.shelf.id),this.dom.hoverController.setAttribute("aria-pressed",this._hoverType==="on"?"true":"false")),this.dom.sideController&&this.dom.sideController.setAttribute("aria-controls",this.dom.shelf.id)}_clearTimeout(){clearTimeout(this._hoverTimeout)}_setTimeout(e,t){i("function",{callback:e}),i("number",{delay:t}),this._hoverTimeout=setTimeout(e,t)}_handleFocus(){this.dom.shelf.addEventListener("focusin",()=>{this.focusState="self",this.open()}),this.dom.shelf.addEventListener("focusout",e=>{e.relatedTarget===null||this.dom.shelf.contains(e.relatedTarget)||(this.focusState="none",this.close())})}_handleClick(){for(const e of Object.values(this.dom))e&&(Array.isArray(e)||e.addEventListener("pointerdown",()=>{this.currentEvent="mouse",this._clearTimeout()},{passive:!0}));this.dom.controller&&this.dom.controller.addEventListener("pointerup",e=>{e.button===0&&(this.currentEvent="mouse",a(e),this.toggle(),this.isOpen&&(this.focusState="self",this.isSoftLocked=!0))}),this.dom.hoverController&&this.dom.hoverController.addEventListener("pointerup",e=>{e.button===0&&(this.currentEvent="mouse",a(e),this.focusState="self",this.toggleHover(),this.hover&&this.open())}),this.dom.lockController&&this.dom.lockController.addEventListener("pointerup",e=>{e.button===0&&(this.currentEvent="mouse",a(e),this.focusState="self",this.toggleLock())}),this.dom.sideController&&this.dom.sideController.addEventListener("pointerup",e=>{e.button===0&&(this.currentEvent="mouse",a(e),this.focusState="self",this.toggleSide())}),this.dom.shelf.addEventListener("pointerup",e=>{e.button===0&&(this.currentEvent="mouse",this.focusState="self",this.isSoftLocked=!0,this.open())}),document.addEventListener("pointerup",e=>{this.focusState!=="none"&&(this.isLocked||this.dom.shelf===e.target||this.dom.shelf.contains(e.target)||(this.currentEvent="mouse",this.close()))})}_handleHover(){this.dom.shelf.addEventListener("pointerenter",e=>{e.pointerType==="pen"||e.pointerType==="touch"||this.isLocked||this.isSoftLocked||this.hover&&(this.currentEvent="mouse",this.enterDelay>0?(this._clearTimeout(),this._setTimeout(()=>{this.isOpen||this.open()},this.enterDelay)):this.open())}),this.dom.shelf.addEventListener("pointerleave",e=>{e.pointerType==="pen"||e.pointerType==="touch"||this.isLocked||this.isSoftLocked||this.hover&&(this.currentEvent="mouse",this.leaveDelay>0?(this._clearTimeout(),this._setTimeout(()=>{this.isOpen&&this.close()},this.leaveDelay)):this.close())})}_handleKeydown(){this.dom.shelf.addEventListener("keydown",e=>{d(e)==="Escape"&&a(e)});for(const e of Object.values(this.dom))e&&(Array.isArray(e)||e!==this.dom.shelf&&e.addEventListener("keydown",t=>{this.currentEvent="keyboard";const s=d(t);(s==="Space"||s==="Enter")&&a(t)}))}_handleKeyup(){this.dom.shelf.addEventListener("keyup",e=>{this.currentEvent="keyboard",d(e)==="Escape"&&this.close()}),this.dom.controller&&this.dom.controller.addEventListener("keyup",e=>{this.currentEvent="keyboard";const t=d(e);(t==="Space"||t==="Enter")&&(a(e),this.toggle(),this.isOpen&&M(this.dom.shelf).focus())}),this.dom.hoverController&&this.dom.hoverController.addEventListener("keyup",e=>{this.currentEvent="keyboard";const t=d(e);(t==="Space"||t==="Enter")&&(a(e),this.toggleHover())}),this.dom.lockController&&this.dom.lockController.addEventListener("keyup",e=>{this.currentEvent="keyboard";const t=d(e);(t==="Space"||t==="Enter")&&(a(e),this.toggleLock())}),this.dom.sideController&&this.dom.sideController.addEventListener("keyup",e=>{this.currentEvent="keyboard";const t=d(e);(t==="Space"||t==="Enter")&&(a(e),this.toggleSide())})}_setTransitionDurations(){this.dom.shelf.style.setProperty(`--${this.prefix}navigation-shelf-transition-duration`,`${this.transitionDuration}ms`),this.dom.shelf.style.setProperty(`--${this.prefix}navigation-shelf-open-transition-duration`,`${this.openDuration}ms`),this.dom.shelf.style.setProperty(`--${this.prefix}navigation-shelf-close-transition-duration`,`${this.closeDuration}ms`)}_expand(e=!0){this.dom.controller&&this.dom.controller.setAttribute("aria-expanded","true"),this.transitionClass!==""?(r(this.transitionClass,this.dom.shelf),requestAnimationFrame(()=>{n(this.closeClass,this.dom.shelf),requestAnimationFrame(()=>{r(this.openClass,this.dom.shelf),requestAnimationFrame(()=>{setTimeout(()=>{n(this.transitionClass,this.dom.shelf)},this.openDuration)})})})):(r(this.openClass,this.dom.shelf),n(this.closeClass,this.dom.shelf)),e&&this.dom.shelf.dispatchEvent(this._expandEvent)}_collapse(e=!0){this.dom.controller&&this.dom.controller.setAttribute("aria-expanded","false"),this.isSoftLocked=!1,this.transitionClass!==""?(r(this.transitionClass,this.dom.shelf),requestAnimationFrame(()=>{n(this.openClass,this.dom.shelf),requestAnimationFrame(()=>{r(this.closeClass,this.dom.shelf),requestAnimationFrame(()=>{setTimeout(()=>{n(this.transitionClass,this.dom.shelf)},this.closeDuration)})})})):(r(this.closeClass,this.dom.shelf),n(this.openClass,this.dom.shelf)),e&&this.dom.shelf.dispatchEvent(this._collapseEvent)}_lock(e=!0){this.dom.lockController&&this.dom.lockController.setAttribute("aria-pressed","true"),r(this.lockedClass,this.dom.shelf),this.dom.dependents.forEach(t=>{r(this.lockedClass,t)}),n(this.unlockedClass,this.dom.shelf),this.dom.dependents.forEach(t=>{n(this.unlockedClass,t)}),e&&this.dom.shelf.dispatchEvent(this._lockEvent)}_unlock(e=!0){this.dom.lockController&&this.dom.lockController.setAttribute("aria-pressed","false"),r(this.unlockedClass,this.dom.shelf),this.dom.dependents.forEach(t=>{r(this.unlockedClass,t)}),n(this.lockedClass,this.dom.shelf),this.dom.dependents.forEach(t=>{n(this.lockedClass,t)}),e&&this.dom.shelf.dispatchEvent(this._unlockEvent)}_shiftSide(e=!0){const t=this._classes[this.side],s=this._classes[this.otherSide];r(t,this.dom.shelf),this.dom.dependents.forEach(o=>{r(t,o)}),n(s,this.dom.shelf),this.dom.dependents.forEach(o=>{n(s,o)}),e&&this.dom.shelf.dispatchEvent(this._shiftEvent)}_enableHover(e=!0){this.dom.hoverController&&this.dom.hoverController.setAttribute("aria-pressed","true"),r(this.hoverClass,this.dom.shelf),n(this.noHoverClass,this.dom.shelf),e&&this.dom.shelf.dispatchEvent(this._enableHoverEvent)}_disableHover(e=!0){this.dom.hoverController&&this.dom.hoverController.setAttribute("aria-pressed","false"),r(this.noHoverClass,this.dom.shelf),n(this.hoverClass,this.dom.shelf),e&&this.dom.shelf.dispatchEvent(this._disableHoverEvent)}open(e=!1){this.isOpen&&!e||(this._expand(),this._open=!0)}close(e=!1){!this.isOpen&&!e||(this.unlock(),this._collapse(),this._open=!1)}toggle(){this.isOpen?this.close():this.open()}lock(){this.isLocked||(this._lock(),this._locked=!0,this.open(!0))}unlock(){this.isLocked&&(this._unlock(),this._locked=!1)}toggleLock(){this.isLocked?this.unlock():this.lock()}toLeft(){this.side!=="left"&&(this._side="left",this._otherSide="right",this._shiftSide())}toRight(){this.side!=="right"&&(this._side="right",this._otherSide="left",this._shiftSide())}toggleSide(){this.side==="left"?this.toRight():this.toLeft()}enableHover(){this.hover||(this._enableHover(),this._hover=!0)}disableHover(){this.hover&&(this._disableHover(),this._hover=!1)}toggleHover(){this.hover?this.disableHover():this.enableHover()}},B=Q;module.exports=B;
3
+ - `)}`);this._setTransitionDurations(),this._generateKey(),this._setDOMElements(),this._setIds(),this._setAriaAttributes(),this._handleFocus(),this._handleClick(),this._handleHover(),this._handleKeydown(),this._handleKeyup(),this._handleResize(),this.dom.controller.getAttribute("aria-expanded")==="true"||this.isLocked?(this._expand(!1,!1),this.isLocked&&this._lock(!1)):this._collapse(!1,!1),this.hover?this._enableHover(!1):this._disableHover(!1),this._shiftSide(!1),b.initializeStorage("navigation-shelves"),b.pushToStorage("navigation-shelves",this.dom.shelf.id,this),this._initialized=!0}catch(t){console.error(t)}}get dom(){return this._dom}get selectors(){return this._selectors}get lockedClass(){return this._classes.locked}set lockedClass(t){a({lockedClass:t}),this._classes.locked!==t&&(this._classes.locked=t)}get unlockedClass(){return this._classes.unlocked}set unlockedClass(t){a({unlockedClass:t}),this._classes.unlocked!==t&&(this._classes.unlocked=t)}get hoverClass(){return this._classes.hover}set hoverClass(t){a({hoverClass:t}),this._classes.hover!==t&&(this._classes.hover=t)}get noHoverClass(){return this._classes.noHover}set noHoverClass(t){a({noHoverClass:t}),this._classes.noHover!==t&&(this._classes.noHover=t)}get leftClass(){return this._classes.left}set leftClass(t){a({leftClass:t}),this._classes.left!==t&&(this._classes.left=t)}get rightClass(){return this._classes.right}set rightClass(t){a({rightClass:t}),this._classes.right!==t&&(this._classes.right=t)}get openClass(){return this._classes.open}set openClass(t){a({openClass:t}),this._classes.open!==t&&(this._classes.open=t)}get closeClass(){return this._classes.close}set closeClass(t){a({closeClass:t}),this._classes.close!==t&&(this._classes.close=t)}get transitionClass(){return this._classes.transition}set transitionClass(t){a({transitionClass:t}),this._classes.transition!==t&&(this._classes.transition=t)}get initializeClass(){return this._classes.initialize}set initializeClass(t){a({initializeClass:t}),this._classes.initialize!==t&&(this._classes.initialize=t)}get transitionDuration(){return this._durations.transition}set transitionDuration(t){o("number",{value:t}),this._durations.transition!==t&&(this._durations.transition=t,this._setTransitionDurations())}get openDuration(){return this._durations.open===-1?this.transitionDuration:this._durations.open}set openDuration(t){o("number",{value:t}),this._durations.open!==t&&(this._durations.open=t,this._setTransitionDurations())}get closeDuration(){return this._durations.close===-1?this.transitionDuration:this._durations.close}set closeDuration(t){o("number",{value:t}),this._durations.close!==t&&(this._durations.close=t,this._setTransitionDurations())}get focusState(){return this._focusState}set focusState(t){F({value:t}),this._focusState!==t&&(this._focusState=t)}get currentEvent(){return this._currentEvent}set currentEvent(t){V({value:t}),this._currentEvent!==t&&(this._currentEvent=t)}get hover(){return this._hover}get hoverDelay(){return this._delays.hover}set hoverDelay(t){o("number",{value:t}),this._delays.hover!==t&&(this._delays.hover=t)}get enterDelay(){return this._delays.enter===-1?this.hoverDelay:this._delays.enter}set enterDelay(t){o("number",{value:t}),this._delays.enter!==t&&(this._delays.enter=t)}get leaveDelay(){return this._delays.leave===-1?this.hoverDelay:this._delays.leave}set leaveDelay(t){o("number",{value:t}),this._delays.leave!==t&&(this._delays.leave=t)}get prefix(){return this._prefix}set prefix(t){o("string",{value:t}),this._prefix!==t&&(this._prefix=t)}get isLocked(){return this._locked.value}get shouldBeLocked(){return this._locked.committed}get side(){return this._side}get otherSide(){return this._otherSide}get key(){return this._key}set key(t){o("string",{value:t}),this._key!==t&&(this._key=t)}get isSoftLocked(){return this._softLocked}set isSoftLocked(t){o("boolean",{value:t}),this._softLocked!==t&&(this._softLocked=t)}get isOpen(){return this._open}get errors(){return this._errors}_validate(){let t=!0;const e={shelfElement:this._dom.shelf,controllerElement:this._dom.controller};this._dom.lockController&&(e.lockControllerElement=this._dom.lockController),this._dom.hoverController&&(e.hoverControllerElement=this._dom.hoverController),this._dom.sideController&&(e.sideControllerElement=this._dom.sideController);const s=y(HTMLElement,e);s.status||(this._errors.push(s.error.message),t=!1);const i={};for(const h of Object.keys(this._classes))this._classes[h]!==""&&(i[`${h}Class`]=this._classes[h]);const l=a(i);l.status||(this._errors.push(l.error.message),t=!1);const c={};for(const h of Object.keys(this._durations))this._durations[h]!==""&&(c[`${h}Duration`]=this._durations[h]);const u=o("number",c);u.status||(this._errors.push(u.error.message),t=!1);const _=o("boolean",{hover:this._hover});_.status||(this._errors.push(_.error.message),t=!1);const m={};for(const h of Object.keys(this._delays))this._delays[h]!==""&&(m[`${h}Delay`]=this._delays[h]);const p=o("number",m);p.status||(this._errors.push(p.error.message),t=!1);const g=o("string",{prefix:this._prefix});g.status||(this._errors.push(g.error.message),t=!1);const v=o("boolean",{locked:this._locked.value});v.status||(this._errors.push(v.error.message),t=!1);const k=G({side:this._side});return k.status||(this._errors.push(k.error.message),t=!1),t}_setDOMElementType(t,{base:e=this.dom.shelf,overwrite:s=!0,strict:i=!0}={}){if(typeof this.selectors[t]=="string"){if(t==="shelf"||t==="controller"||t==="lockController"||t==="hoverController")throw new Error(`Graupl Navigation Shelf: "${t}" element cannot be set through _setDOMElementType.`);if(e!==this.dom.shelf&&y(HTMLElement,{base:e}),Array.isArray(this._dom[t])){const l=Array.from(e.querySelectorAll(this.selectors[t])).filter(c=>i?c.parentElement===e:!0);s?this._dom[t]=l:this._dom[t]=[...this._dom[t],...l]}else{const l=e.querySelector(this.selectors[t]);if(l&&l.parentElement!==e)return;s&&(this._dom[t]=l)}}else throw new Error(`Graupl Navigation Shelf: "${t}" is not a valid element type within the navigation shelf.`)}_resetDOMElementType(t){if(typeof this.selectors[t]=="string"){if(t==="shelf"||t==="controller"||t==="lockController"||t==="hoverController")throw new Error(`Graupl Navigation Shelf: "${t}" element cannot be reset through _resetDOMElementType.`);Array.isArray(this._dom[t])?this._dom[t]=[]:this._dom[t]=null}else throw new Error(`Graupl Navigation Shelf: "${t}" is not a valid element type within the navigation shelf.`)}_setDOMElements(){this._setDOMElementType("dependents",{base:document,strict:!1})}_generateKey(t=!1){(this.key===""||t)&&(this.key=Math.random().toString(36).replace(/[^a-z]+/g,"").substring(0,10))}_setIds(){this.dom.shelf.id=this.dom.shelf.id||`navigation-shelf-${this.key}`,this.dom.controller&&(this.dom.controller.id=this.dom.controller.id||`navigation-shelf-toggle-${this.key}`),this.dom.lockController&&(this.dom.lockController.id=this.dom.lockController.id||`navigation-shelf-lock-toggle-${this.key}`),this.dom.hoverController&&(this.dom.hoverController.id=this.dom.hoverController.id||`navigation-shelf-hover-toggle-${this.key}`)}_setAriaAttributes(){this.dom.controller&&(this.dom.controller.setAttribute("aria-controls",this.dom.shelf.id),this.dom.controller.getAttribute("aria-expanded")!=="true"&&this.dom.controller.setAttribute("aria-expanded","false")),this.dom.lockController&&(this.dom.lockController.setAttribute("aria-controls",this.dom.shelf.id),this.dom.lockController.setAttribute("aria-pressed",this.isLocked?"true":"false")),this.dom.hoverController&&(this.dom.hoverController.setAttribute("aria-controls",this.dom.shelf.id),this.dom.hoverController.setAttribute("aria-pressed",this._hoverType==="on"?"true":"false")),this.dom.sideController&&this.dom.sideController.setAttribute("aria-controls",this.dom.shelf.id)}_clearTimeout(){clearTimeout(this._hoverTimeout)}_setTimeout(t,e){o("function",{callback:t}),o("number",{delay:e}),this._hoverTimeout=setTimeout(t,e)}_handleResize(){if(this._breakpointWidth<=0)return;let t=0;this._observer=new ResizeObserver(e=>{requestAnimationFrame(()=>{for(const s of e){const i=Array.isArray(s.contentBoxSize)?s.contentBoxSize[0]:s.contentBoxSize,l=i&&typeof i.inlineSize=="number"?i.inlineSize:s.contentRect.width;if(typeof l!="number"||t===l)continue;const c=l<=this._breakpointWidth,u=l>this._breakpointWidth;c&&this.isOpen?this.close({preserveLock:this.shouldBeLocked}):u&&this.shouldBeLocked&&!this.isOpen&&(this._locked.reset(),this.lock({force:!0})),t=l}})}),this._observer.observe(document.body)}_handleFocus(){this.dom.shelf.addEventListener("focusin",()=>{this.focusState="self",this.open()}),this.dom.shelf.addEventListener("focusout",t=>{t.relatedTarget===null||this.dom.shelf.contains(t.relatedTarget)||(this.focusState="none",this.isLocked||this.close())})}_handleClick(){for(const t of Object.values(this.dom))t&&(Array.isArray(t)||t.addEventListener("pointerdown",()=>{this.currentEvent="mouse",this._clearTimeout()},{passive:!0}));this.dom.controller&&this.dom.controller.addEventListener("pointerup",t=>{t.button===0&&(this.currentEvent="mouse",d(t),this.toggle({preserveLock:!1}),this.isOpen&&(this.focusState="self",this.isSoftLocked=!0))}),this.dom.hoverController&&this.dom.hoverController.addEventListener("pointerup",t=>{t.button===0&&(this.currentEvent="mouse",d(t),this.focusState="self",this.toggleHover(),this.hover&&this.open())}),this.dom.lockController&&this.dom.lockController.addEventListener("pointerup",t=>{t.button===0&&(this.currentEvent="mouse",d(t),this.focusState="self",this.toggleLock())}),this.dom.sideController&&this.dom.sideController.addEventListener("pointerup",t=>{t.button===0&&(this.currentEvent="mouse",d(t),this.focusState="self",this.toggleSide())}),this.dom.shelf.addEventListener("pointerup",t=>{t.button===0&&(this.currentEvent="mouse",this.focusState="self",this.isSoftLocked=!0,this.open())}),document.addEventListener("pointerup",t=>{this.focusState!=="none"&&(this.isLocked||this.dom.shelf===t.target||this.dom.shelf.contains(t.target)||(this.currentEvent="mouse",this.close()))})}_handleHover(){this.dom.shelf.addEventListener("pointerenter",t=>{t.pointerType==="pen"||t.pointerType==="touch"||this.isLocked||this.isSoftLocked||this.hover&&(this.currentEvent="mouse",this.enterDelay>0?(this._clearTimeout(),this._setTimeout(()=>{this.isOpen||this.open()},this.enterDelay)):this.open())}),this.dom.shelf.addEventListener("pointerleave",t=>{t.pointerType==="pen"||t.pointerType==="touch"||this.isLocked||this.isSoftLocked||this.hover&&(this.currentEvent="mouse",this.leaveDelay>0?(this._clearTimeout(),this._setTimeout(()=>{this.isOpen&&this.close()},this.leaveDelay)):this.close())})}_handleKeydown(){this.dom.shelf.addEventListener("keydown",t=>{f(t)==="Escape"&&d(t)});for(const t of Object.values(this.dom))t&&(Array.isArray(t)||t!==this.dom.shelf&&t.addEventListener("keydown",e=>{this.currentEvent="keyboard";const s=f(e);(s==="Space"||s==="Enter")&&d(e)}))}_handleKeyup(){this.dom.shelf.addEventListener("keyup",t=>{this.currentEvent="keyboard",f(t)==="Escape"&&this.close()}),this.dom.controller&&this.dom.controller.addEventListener("keyup",t=>{this.currentEvent="keyboard";const e=f(t);(e==="Space"||e==="Enter")&&(d(t),this.toggle(),this.isOpen&&R(this.dom.shelf).focus())}),this.dom.hoverController&&this.dom.hoverController.addEventListener("keyup",t=>{this.currentEvent="keyboard";const e=f(t);(e==="Space"||e==="Enter")&&(d(t),this.toggleHover())}),this.dom.lockController&&this.dom.lockController.addEventListener("keyup",t=>{this.currentEvent="keyboard";const e=f(t);(e==="Space"||e==="Enter")&&(d(t),this.toggleLock())}),this.dom.sideController&&this.dom.sideController.addEventListener("keyup",t=>{this.currentEvent="keyboard";const e=f(t);(e==="Space"||e==="Enter")&&(d(t),this.toggleSide())})}_setTransitionDurations(){this.dom.shelf.style.setProperty(`--${this.prefix}navigation-shelf-transition-duration`,`${this.transitionDuration}ms`),this.dom.shelf.style.setProperty(`--${this.prefix}navigation-shelf-open-transition-duration`,`${this.openDuration}ms`),this.dom.shelf.style.setProperty(`--${this.prefix}navigation-shelf-close-transition-duration`,`${this.closeDuration}ms`)}_expand({emit:t=!0,transition:e=!0}={}){this.dom.controller&&this.dom.controller.setAttribute("aria-expanded","true"),this._initialized?e&&this.transitionClass!==""?(r(this.transitionClass,this.dom.shelf),requestAnimationFrame(()=>{n(this.closeClass,this.dom.shelf),requestAnimationFrame(()=>{r(this.openClass,this.dom.shelf),requestAnimationFrame(()=>{setTimeout(()=>{n(this.transitionClass,this.dom.shelf)},this.openDuration)})})})):(r(this.openClass,this.dom.shelf),n(this.closeClass,this.dom.shelf)):(r(this.initializeClass,this.dom.shelf),requestAnimationFrame(()=>{r(this.openClass,this.dom.shelf),n(this.closeClass,this.dom.shelf),requestAnimationFrame(()=>{n(this.initializeClass,this.dom.shelf)})})),t&&this.dom.shelf.dispatchEvent(this._expandEvent)}_collapse(t=!0,e=!0){this.dom.controller&&this.dom.controller.setAttribute("aria-expanded","false"),this.isSoftLocked=!1,this._initialized?e&&this.transitionClass!==""?(r(this.transitionClass,this.dom.shelf),requestAnimationFrame(()=>{n(this.openClass,this.dom.shelf),requestAnimationFrame(()=>{r(this.closeClass,this.dom.shelf),requestAnimationFrame(()=>{setTimeout(()=>{n(this.transitionClass,this.dom.shelf)},this.closeDuration)})})})):(r(this.closeClass,this.dom.shelf),n(this.openClass,this.dom.shelf)):(r(this.initializeClass,this.dom.shelf),requestAnimationFrame(()=>{r(this.closeClass,this.dom.shelf),n(this.openClass,this.dom.shelf),requestAnimationFrame(()=>{n(this.initializeClass,this.dom.shelf)})})),t&&this.dom.shelf.dispatchEvent(this._collapseEvent)}_lock({emit:t=!0}={}){this.dom.lockController&&this.dom.lockController.setAttribute("aria-pressed","true"),r(this.lockedClass,this.dom.shelf),this.dom.dependents.forEach(e=>{r(this.lockedClass,e)}),n(this.unlockedClass,this.dom.shelf),this.dom.dependents.forEach(e=>{n(this.unlockedClass,e)}),t&&this.dom.shelf.dispatchEvent(this._lockEvent)}_unlock({emit:t=!0}={}){this.dom.lockController&&this.dom.lockController.setAttribute("aria-pressed","false"),r(this.unlockedClass,this.dom.shelf),this.dom.dependents.forEach(e=>{r(this.unlockedClass,e)}),n(this.lockedClass,this.dom.shelf),this.dom.dependents.forEach(e=>{n(this.lockedClass,e)}),t&&this.dom.shelf.dispatchEvent(this._unlockEvent)}_shiftSide({emit:t=!0}={}){const e=this._classes[this.side],s=this._classes[this.otherSide];r(e,this.dom.shelf),this.dom.dependents.forEach(i=>{r(e,i)}),n(s,this.dom.shelf),this.dom.dependents.forEach(i=>{n(s,i)}),t&&this.dom.shelf.dispatchEvent(this._shiftEvent)}_enableHover({emit:t=!0}={}){this.dom.hoverController&&this.dom.hoverController.setAttribute("aria-pressed","true"),r(this.hoverClass,this.dom.shelf),n(this.noHoverClass,this.dom.shelf),t&&this.dom.shelf.dispatchEvent(this._enableHoverEvent)}_disableHover({emit:t=!0}={}){this.dom.hoverController&&this.dom.hoverController.setAttribute("aria-pressed","false"),r(this.noHoverClass,this.dom.shelf),n(this.hoverClass,this.dom.shelf),t&&this.dom.shelf.dispatchEvent(this._disableHoverEvent)}open({force:t=!1}={}){this.isOpen&&!t||(this._expand(),this._open=!0)}close({force:t=!1,preserveLock:e=!0}={}){!this.isOpen&&!t||(this.unlock({updateLock:!e}),this._collapse(),this._open=!1)}toggle({force:t=!1,preserveLock:e=!0}={}){this.isOpen?this.close({force:t,preserveLock:e}):this.open({force:t})}lock({force:t=!1}={}){this.isLocked&&!t||(this._locked.value=!0,this._lock(),this._locked.commit(),this.open({force:!0}))}unlock({updateLock:t=!0}={}){if(!this.isLocked){this._locked.value=!1,t&&this._locked.commit();return}this._locked.value=!1,this._unlock(),t&&this._locked.commit()}toggleLock(){this.isLocked?this.unlock():this.lock()}toLeft(){this.side!=="left"&&(this._side="left",this._otherSide="right",this._shiftSide())}toRight(){this.side!=="right"&&(this._side="right",this._otherSide="left",this._shiftSide())}toggleSide(){this.side==="left"?this.toRight():this.toLeft()}enableHover(){this.hover||(this._enableHover(),this._hover=!0)}disableHover(){this.hover&&(this._disableHover(),this._hover=!1)}toggleHover(){this.hover?this.disableHover():this.enableHover()}},J=Q;module.exports=J;
4
4
 
5
5
  //# sourceMappingURL=navigation-shelf.cjs.js.map