@scania/tegel 1.57.0 → 1.58.0-side-menu-beta.0

package/dist/tegel/p-05d5b700.entry.js

@@ -1 +0,0 @@
-import{r as e,c as t,h as s,H as o,a as d}from"./p-Bw3kzv2l.js";const i=class{constructor(s){e(this,s),this.tdsCollapse=t(this,"tdsCollapse",7),this.internalTdsCollapse=t(this,"internalTdsCollapse",6),this.internalTdsSideMenuPropChange=t(this,"internalTdsSideMenuPropChange",6),this.open=!1,this.persistent=!1,this.collapsed=!1,this.isMobile=!1,this.isUpperSlotEmpty=!1,this.isCollapsed=!1,this.initialCollapsedState=!1,this.activeElementIndex=0,this.handleMatchesLgBreakpointChange=e=>{const t=!e.matches;this.isMobile=t,t?this.collapsed=!1:(this.open=!1,this.collapsed=this.initialCollapsedState)}}handleKeyDown(e){"Escape"===e.key&&this.isMobile&&this.open&&(this.open=!1)}connectedCallback(){this.matchesLgBreakpointMq=window.matchMedia("(min-width: 992px)"),this.matchesLgBreakpointMq.addEventListener("change",this.handleMatchesLgBreakpointChange),this.isMobile=!this.matchesLgBreakpointMq.matches,this.isCollapsed=this.collapsed,this.initialCollapsedState=this.collapsed}componentDidLoad(){var e;const t=(null===(e=this.host.shadowRoot)||void 0===e?void 0:e.querySelector("slot:not([name])")).assignedElements();(null==t?void 0:t.length)>0||(this.isUpperSlotEmpty=!0),this.isMobile&&(this.collapsed=!1)}disconnectedCallback(){this.matchesLgBreakpointMq&&this.matchesLgBreakpointMq.removeEventListener("change",this.handleMatchesLgBreakpointChange)}onCollapsedChange(e){this.internalTdsSideMenuPropChange.emit({changed:["collapsed"],collapsed:e}),this.isCollapsed=e}onOpenChange(e){if(this.isMobile)if(e)setTimeout((()=>{const e=this.getFocusableElements();e.length>0&&(this.activeElementIndex=0,e[0].focus())}),100);else{const e=document.querySelector("tds-header-hamburger");if(e&&e.shadowRoot){const t=e.shadowRoot.querySelector("button");t&&t.focus()}}else e&&(this.open=!1)}getFocusableElements(){var e,t,s;const o=["a[href]","button:not([disabled])","textarea:not([disabled])","input:not([disabled])","select:not([disabled])",'[tabindex]:not([tabindex="-1"])'].join(","),d=Array.from(null!==(t=null===(e=this.host.shadowRoot)||void 0===e?void 0:e.querySelectorAll(o))&&void 0!==t?t:[]),i=Array.from(this.host.querySelectorAll(o)),a=this.host.querySelector('[slot="close-button"]');let r;a&&(r=null===(s=a.shadowRoot)||void 0===s?void 0:s.querySelector("button"));const n=[...d,...i];return r&&n.push(r),n}handleFocusTrap(e){if(!this.open||!this.isMobile)return;if("Tab"!==e.key)return;const t=this.getFocusableElements();0!==t.length&&(e.preventDefault(),e.shiftKey?(this.activeElementIndex-=1,this.activeElementIndex<0&&(this.activeElementIndex=t.length-1)):(this.activeElementIndex+=1,this.activeElementIndex>=t.length&&(this.activeElementIndex=0)),t[this.activeElementIndex].focus())}collapsedSideMenuEventHandler(e){this.collapsed=e.detail.collapsed}render(){return s(o,{key:"4c7ef20dafaa84ba2939889e40dd245ffd683356",class:{"menu-opened":this.open,"menu-persistent":this.persistent,"menu-collapsed":this.collapsed},"aria-expanded":(this.isMobile?this.open:!this.collapsed)?"true":"false"},s("div",{key:"515a38e098d2ede1ff846cc60176c451037a0356",class:{wrapper:!0,"state-upper-slot-empty":this.isUpperSlotEmpty,"state-open":this.open,"state-closed":!this.open}},s("slot",{key:"0e6ab143ebc6f67ee8b8ab1573c02d070ce8d64f",name:"overlay"}),s("aside",{key:"e5bc037a75037723300bac0df3c424a7ca3597b6",class:"menu"},s("div",{key:"d65d5c36e1151b27d1d859cb4e7a53bb390133c0",role:"navigation"},s("slot",{key:"70277663e55908f048e807d3d07241c530f5c60f",name:"close-button"}),s("div",{key:"af81aa4f22189716330f1b9563148fd7adfd4ab1",class:"tds-side-menu-wrapper"},s("ul",{key:"38f9cb307b71cbded62856926266829d531bbcec",class:"tds-side-menu-list tds-side-menu-list-upper"},s("li",{key:"7333761276459f88d8a52e1e824f9e2c7e62a3e4"},s("slot",{key:"4109ca83e6a124c6f251468ec28905efee2a0ef7"}))),s("ul",{key:"e5617092ca8c634f1d03815ca47291d5238d2162",class:"tds-side-menu-list tds-side-menu-list-end"},s("li",{key:"cc0fd0bc724cb5f0157d15e7617fb1630408d73a"},s("slot",{key:"aa8b19131f05427331b02dfb8137b63d8d1b771f",name:"end"})))),s("slot",{key:"bb232a44cc190df59e1f9b104669a15b976d8ba0",name:"sticky-end"})))))}get host(){return d(this)}static get watchers(){return{collapsed:[{onCollapsedChange:0}],open:[{onOpenChange:0}]}}};i.style=":host,:root{--tds-scrollbar-width-standard:thin;--tds-scrollbar-width:10px;--tds-scrollbar-height:10px;--tds-scrollbar-thumb-border-width:3px;--tds-scrollbar-thumb-border-hover-width:2px}body{scrollbar-width:thin}:host{pointer-events:none;display:block;position:fixed;top:0;width:100%;height:100%;z-index:500}:host .wrapper{height:inherit;}:host .wrapper slot:not([name])::slotted(*){border-bottom:1px solid var(--tds-sidebar-side-menu-bottom-menu-border-top)}:host .wrapper ::slotted([slot=end]){border-top:1px solid var(--tds-sidebar-side-menu-bottom-menu-border-top)}:host .wrapper .tds-side-menu-list-end{margin-top:68px}:host .state-closed{display:none}:host .state-open slot[name=overlay]::slotted(tds-side-menu-overlay){opacity:0.4}:host .state-open slot[name=close-button]::slotted(tds-side-menu-close-button){opacity:1}:host .state-upper-slot-empty .tds-side-menu-list-upper{display:none}:host .state-upper-slot-empty .tds-side-menu-list-end{margin-top:0}:host .state-upper-slot-empty ::slotted([slot=end]){border-top:none;border-bottom:1px solid var(--tds-sidebar-side-menu-bottom-menu-border-top)}@media (max-width: 992px){:host(.menu-opened){pointer-events:auto;z-index:500}}@media (min-width: 992px){:host(.menu-persistent){pointer-events:auto;position:static;width:272px;height:auto;border-right:1px solid var(--tds-sidebar-side-menu-bottom-menu-border-top)}:host(.menu-persistent) .wrapper slot[name=overlay]::slotted(tds-side-menu-overlay){display:none}:host(.menu-persistent) .wrapper slot[name=close-button]::slotted(tds-side-menu-close-button){display:none}:host(.menu-persistent) .menu{width:272px}:host(.menu-persistent) .state-closed{display:block}:host(.menu-persistent):host(.menu-collapsed){width:69px;box-sizing:border-box}:host(.menu-persistent):host(.menu-collapsed) .menu{width:68px}:host(.menu-persistent) slot[name=end]::slotted(*){display:none}}.menu{width:80%;height:inherit;position:relative;left:0;display:flex;flex-direction:column;justify-content:space-between}.menu *{padding:0;margin:0;box-sizing:border-box}@media (max-width: 384px){.menu{width:100%}}aside .tds-side-menu-wrapper{display:flex;justify-content:space-between;flex-direction:column;flex-grow:1;background-color:var(--tds-sidebar-side-menu-background-cover);overflow-y:auto}aside .tds-side-menu-wrapper:hover::-webkit-scrollbar-thumb{border:var(--tds-scrollbar-thumb-border-hover-width) solid transparent;border-radius:var(--tds-scrollbar-hover-thumb-border-radius);background-clip:padding-box}aside .tds-side-menu-wrapper::-webkit-scrollbar{width:var(--tds-scrollbar-width)}aside .tds-side-menu-wrapper::-webkit-scrollbar-track{background:var(--tds-scrollbar-track-color)}aside .tds-side-menu-wrapper::-webkit-scrollbar-thumb{border-radius:var(--tds-scrollbar-thumb-border-radius);background:var(--tds-scrollbar-thumb-color);border:var(--tds-scrollbar-thumb-border-width) solid transparent;background-clip:padding-box}aside .tds-side-menu-wrapper::-webkit-scrollbar-button{height:0;width:0}@supports not selector(::-webkit-scrollbar){aside .tds-side-menu-wrapper{scrollbar-color:var(--tds-scrollbar-thumb-color) var(--tds-scrollbar-track-color);scrollbar-width:var(--tds-scrollbar-width-standard)}}aside [role=navigation]{height:100%;display:flex;flex-direction:column}aside li{list-style:none;padding:0;margin:0}";export{i as tds_side_menu}

package/dist/tegel/p-084dfe23.entry.js

@@ -1 +0,0 @@
-import{r as e,h as o,H as t}from"./p-Bw3kzv2l.js";const r=class{constructor(o){e(this,o),this.disabled=!1}render(){return o(t,{key:"4430006568263a71e6e1d1430bae39e41632a9a1",role:"menuitem","aria-disabled":this.disabled?"true":"false"},o("div",{key:"0e93bdfe29a0b9cf40450f0509004529c029d8ed",class:{wrapper:!0,disabled:this.disabled}},o("slot",{key:"b7e7f60a411dcb6e1dfc9869ab71963981b509c8"})))}};r.style=':host{box-sizing:border-box;display:block}:host *{box-sizing:border-box}:host .wrapper{font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);color:var(--tds-popover-menu-color);position:relative;width:100%;display:flex;align-items:center;transition:background-color var(--tds-motion-duration-fast-02) var(--tds-motion-easing-easy)}:host .wrapper:hover{cursor:pointer;background-color:var(--tds-popover-menu-background-hover)}:host .wrapper.disabled{cursor:not-allowed;color:var(--tds-popover-menu-divider-disabled-color)}:host .wrapper.disabled:hover{background-color:inherit}:host .wrapper.disabled ::slotted(tds-icon){color:var(--tds-popover-menu-divider-disabled-icon-color)}:host .wrapper.disabled ::slotted(*){pointer-events:none}:host ::slotted(*:not(tds-icon)){all:unset;width:100%;display:inline-flex;display:flex;align-items:center;gap:10px;padding:10px 16px}:host ::slotted(*:focus-visible)::before{z-index:-1;content:"";display:block;position:absolute;width:calc(100% - 4px);height:100%;top:0;left:2px;outline:1px solid var(--tds-blue-400);outline-offset:1px}';export{r as tds_popover_menu_item}

package/dist/tegel/p-4a4d4087.entry.js

@@ -1 +0,0 @@
-import{r as s,h as e,H as o,a as t}from"./p-Bw3kzv2l.js";import{i}from"./p-CF8bH08v.js";const d=class{constructor(e){s(this,e),this.show=null,this.defaultShow=!1,this.placement="auto",this.animation="none",this.offsetSkidding=0,this.offsetDistance=8,this.fluidWidth=!1,this.modeVariant=null,this.inheritedAttributes={}}async close(){var s;null===(s=this.childRef)||void 0===s||s.close()}componentWillLoad(){this.inheritedAttributes=i(this.host,["style","class"])}render(){var s;return e(o,{key:"e71360b2b92f4e3169d6cfb44ed38d2fe58bc0b0",class:{[`tds-mode-variant-${this.modeVariant}`]:Boolean(this.modeVariant)}},e("tds-popover-core",{key:"654e0e5a910573029f358e1b8b32e439b775d089",class:{"tds-popover-menu":!0,[null!==(s=this.inheritedAttributes.class)&&void 0!==s?s:""]:!0,"fluid-width":this.fluidWidth},selector:this.selector,referenceEl:this.referenceEl,show:this.show,placement:this.placement,offsetSkidding:this.offsetSkidding,offsetDistance:this.offsetDistance,ref:s=>{this.childRef=s},defaultShow:this.defaultShow,animation:this.animation},e("div",{key:"4c51db7d403f1797f6d101a5a0af11b54ab20c23",role:"menu"},e("slot",{key:"953b09a826b6fb5a5b8537b07eb383737f5232f1"}))))}get host(){return t(this)}};d.style=".tds-popover-menu.sc-tds-popover-menu{box-sizing:border-box;overflow:hidden;width:160px;background-color:var(--tds-popover-menu-background);padding:16px 6px;box-shadow:0 3px 3px rgba(0, 0, 0, 0.15), 0 -1px 1px rgba(0, 0, 0, 0.1);border-radius:4px;z-index:900}.tds-popover-menu.sc-tds-popover-menu *.sc-tds-popover-menu{box-sizing:border-box}.tds-popover-menu.fluid-width.sc-tds-popover-menu{width:unset}tds-popover-core.sc-tds-popover-menu{padding:6px 0 !important}.sc-tds-popover-menu-s>tds-divider{display:block;padding:6px !important}";export{d as tds_popover_menu}