scu-web-components 0.0.59 → 0.0.60

package/dist-node/scw-menu/ScwMenu.js

@@ -1,4 +1,4 @@
-var H=Object.defineProperty;var O=Object.getOwnPropertyDescriptor;var o=(i,e,t,r)=>{for(var n=r>1?void 0:r?O(e,t):e,u=i.length-1,a;u>=0;u--)(a=i[u])&&(n=(r?a(e,t,n):a(n))||n);return r&&n&&H(e,t,n),n};import{html as P}from"lit";import{property as T}from"lit/decorators.js";import{LitElement as A,html as _}from"lit";import{property as m,state as I}from"lit/decorators.js";import{css as S}from"lit-element/lit-element.js";var w=S`
+var O=Object.defineProperty;var H=Object.getOwnPropertyDescriptor;var o=(i,e,t,r)=>{for(var n=r>1?void 0:r?H(e,t):e,u=i.length-1,a;u>=0;u--)(a=i[u])&&(n=(r?a(e,t,n):a(n))||n);return r&&n&&O(e,t,n),n};import{html as P}from"lit";import{property as T}from"lit/decorators.js";import{LitElement as A,html as _}from"lit";import{property as m,state as I}from"lit/decorators.js";import{css as S}from"lit-element/lit-element.js";var w=S`
 :host {
   /* scw element */
   position: relative;
@@ -50,7 +50,7 @@ var H=Object.defineProperty;var O=Object.getOwnPropertyDescriptor;var o=(i,e,t,r
   white-space: nowrap;
   width: 1px;
   margin: 0 !important;
-}`;function v(i,e,t={},r){let n=new CustomEvent(i,{bubbles:!0,cancelable:!1,composed:!0,detail:t,...r});return e.dispatchEvent(n),n}var y=["menu-item","icon","link","button","BUTTON","A"],N=["menu"];function h(i,e,t){let r=e;if(e||(r=E(i)),r){let n=c(i,r,t,!1,i===r);if(n)n.focus();else{let u=c(i,i,t);u&&u.focus()}}}function E(i){if(document.activeElement&&i.contains(document.activeElement))return document.activeElement}function c(i,e,t="forwards",r=!1,n=!0){if(!e)return!1;if(r){if(e.element&&y.includes(e.element)){if(d(e))return e}else if(y.includes(e.nodeName)&&d(e))return e}if(n&&e.children){let a=!0;if(r&&N.includes(e.element)&&(a=!1),a){let M=Array.from(e.children);t==="backwards"&&M.reverse();let p=!1;if(M.find(L=>{let k=c(i,L,t,!0,!0);return k?(p=k,!0):!1}),d(p))return p}}let u=t==="forwards"?e.nextElementSibling:e.previousElementSibling;if(u){let a=c(i,u,t,!0,!0);if(d(a))return a}if(e.parentElement!=i){let a=c(i,e.parentElement,t,!0,!1);if(d(a))return a}return!1}function d(i){return!i||!i.offsetParent||window.getComputedStyle(i).visibility==="hidden"||i.hasAttribute("aria-disabled")&&i.getAttribute("aria-disabled")!=="false"||i.hasAttribute("disabled")||i.getAttribute("tabindex")==="-1"||i.isLink===!1?!1:i}var b=class{constructor(e){this.tabbablelist=["menu-item","icon","link","button","BUTTON","A"];this.ignorelist=["scw-menu"];this.menu=e,this.handleKeydown=this.handleKeydown.bind(this),this.initKeyboard(),this.documentClickHandler=this.documentClickHandler.bind(this)}initKeyboard(){this.menu.addEventListener("focusin",e=>{e.target===this.menu&&this.focusOnNextTabbableElement(this.menu),this.menu.setAttribute("tabindex","-1"),v("scw-app-mode-on",this.menu),this.menu.isSubMenu()&&document.addEventListener("click",this.documentClickHandler)}),this.menu.addEventListener("focusout",e=>{e.relatedTarget&&this.menu.contains(e.relatedTarget)||(this.menu.setAttribute("tabindex","0"),v("scw-app-mode-off",this.menu))}),this.menu.addEventListener("keydown",e=>{this.handleKeydown(e)}),this.menu.addEventListener("click",e=>{this.clickHandler(e)})}documentClickHandler(e){let t=e.target;this.menu.contains(t)||this.closeMenu()}closeMenu(e=!1){if(this.menu.isSubMenu()&&(document.removeEventListener("click",this.documentClickHandler),this.menu.ariaHidden="true",this.menu.setAttribute("aria-hidden","true"),e)){let t=this.menu.previousElementSibling;t&&t.element==="menu-item"&&t.focus()}}clickHandler(e){e.preventDefault();let t=e.target;console.log("clickHandler",t),t&&t.element==="menu-item"&&(t.focus(),this.toggleSubMenu())}toggleSubMenu(){let e=this.findSubmenu();return e?(e.ariaHidden==="false"?(e.ariaHidden="true",e.setAttribute("aria-hidden","true")):(e.ariaHidden="false",e.setAttribute("aria-hidden","false"),setTimeout(()=>{e.focus()},0)),!0):!1}focusOnNextTabbableElement(e){h(this.menu,e,"forwards")}focusOnPreviousTabbableElement(e){h(this.menu,e,"backwards")}stopEvent(e){e.stopPropagation(),e.preventDefault()}handleKeydown(e){if(this.menu.isSubMenu()&&e.key==="Tab")if(e.shiftKey){this.focusOnPreviousTabbableElement(),this.stopEvent(e);return}else{this.focusOnNextTabbableElement(),this.stopEvent(e);return}switch(e.key){case"ArrowRight":this.menu.keyboardDirection==="vertical"?this.toggleSubMenu():this.focusOnNextTabbableElement(),this.stopEvent(e);break;case"ArrowDown":this.menu.keyboardDirection==="horizontal"?this.toggleSubMenu():this.focusOnNextTabbableElement(),this.stopEvent(e);break;case"ArrowLeft":this.menu.keyboardDirection==="vertical"?this.toggleSubMenu()||this.closeMenu(!0):this.focusOnPreviousTabbableElement(),this.stopEvent(e);break;case"ArrowUp":this.menu.keyboardDirection==="horizontal"?this.toggleSubMenu()||this.closeMenu(!0):this.focusOnPreviousTabbableElement(),this.stopEvent(e);break;case"Escape":this.closeMenu(!0),this.stopEvent(e);break;case"Home":this.focusOnNextTabbableElement(this.menu),this.stopEvent(e);break;case"End":this.focusOnPreviousTabbableElement(this.menu),this.stopEvent(e);break}}findSubmenu(){let e=E(this.menu);if(e){let t=e.nextElementSibling;if(t&&t.element==="menu")return t}}};var f=class extends s{constructor(){super();this.ariaHidden="false";this.keyboardDirection="either";this.element="menu",this.setAttribute("tabindex","0"),this.setAttribute("scw-flex-h-initial","")}static get styles(){return[super.styles,x]}firstUpdated(t){super.firstUpdated(t),this._keyboardManager=new b(this)}connectedCallback(){super.connectedCallback(),this._menuItem=this.findMenuItem(),this._menuItem&&this._menuItem.setAttribute("aria-expanded","false"),this.setAttribute("role",this.isSubMenu()?"menu":"menubar")}findMenuItem(){let t=this.previousElementSibling;if(t&&t.nodeName.indexOf("SCW-MENU-ITEM")===0)return t}isSubMenu(){return this._menuItem!==void 0}render(){return this.style&&(this.style.display=this.ariaHidden==="true"?"none":""),this.isSubMenu()&&this._menuItem&&this._menuItem.setAttribute("aria-expanded",this.ariaHidden==="true"?"false":"true"),P`
+}`;function v(i,e,t={},r){let n=new CustomEvent(i,{bubbles:!0,cancelable:!1,composed:!0,detail:t,...r});return e.dispatchEvent(n),n}var y=["menu-item","icon","link","button","BUTTON","A"],N=["menu"];function h(i,e,t){let r=e;if(e||(r=E(i)),r){let n=b(i,r,t,!1,i===r);if(n)n.focus();else{let u=b(i,i,t);u&&u.focus()}}}function E(i){if(document.activeElement&&i.contains(document.activeElement))return document.activeElement}function b(i,e,t="forwards",r=!1,n=!0){if(!e)return!1;if(r){if(e.element&&y.includes(e.element)){if(d(e))return e}else if(y.includes(e.nodeName)&&d(e))return e}if(n&&e.children){let a=!0;if(r&&N.includes(e.element)&&(a=!1),a){let M=Array.from(e.children);t==="backwards"&&M.reverse();let p=!1;if(M.find(L=>{let k=b(i,L,t,!0,!0);return k?(p=k,!0):!1}),d(p))return p}}let u=t==="forwards"?e.nextElementSibling:e.previousElementSibling;if(u){let a=b(i,u,t,!0,!0);if(d(a))return a}if(e.parentElement!=i){let a=b(i,e.parentElement,t,!0,!1);if(d(a))return a}return!1}function d(i){return!i||!i.offsetParent||window.getComputedStyle(i).visibility==="hidden"||i.hasAttribute("aria-disabled")&&i.getAttribute("aria-disabled")!=="false"||i.hasAttribute("disabled")||i.getAttribute("tabindex")==="-1"||i.isLink===!1?!1:i}var c=class{constructor(e){this.tabbablelist=["menu-item","icon","link","button","BUTTON","A"];this.ignorelist=["scw-menu"];this.menu=e,this.handleKeydown=this.handleKeydown.bind(this),this.initKeyboard(),this.documentClickHandler=this.documentClickHandler.bind(this)}initKeyboard(){this.menu.addEventListener("focusin",e=>{e.target===this.menu&&this.focusOnNextTabbableElement(this.menu),this.menu.setAttribute("tabindex","-1"),v("scw-app-mode-on",this.menu),this.menu.isSubMenu()&&document.addEventListener("click",this.documentClickHandler)}),this.menu.addEventListener("focusout",e=>{e.relatedTarget&&this.menu.contains(e.relatedTarget)||(this.menu.setAttribute("tabindex","0"),v("scw-app-mode-off",this.menu))}),this.menu.addEventListener("keydown",e=>{this.handleKeydown(e)}),this.menu.addEventListener("click",e=>{this.clickHandler(e)})}documentClickHandler(e){let t=e.target;this.menu.contains(t)||this.closeMenu()}closeMenu(e=!1){if(this.menu.isSubMenu()&&(document.removeEventListener("click",this.documentClickHandler),this.menu.ariaHidden="true",this.menu.setAttribute("aria-hidden","true"),e)){let t=this.menu.previousElementSibling;t&&t.element==="menu-item"&&t.focus()}}clickHandler(e){let t=e.target;t&&t.element==="menu-item"&&(t.focus(),this.toggleSubMenu())}toggleSubMenu(){let e=this.findSubmenu();return e?(e.ariaHidden==="false"?(e.ariaHidden="true",e.setAttribute("aria-hidden","true")):(e.ariaHidden="false",e.setAttribute("aria-hidden","false"),setTimeout(()=>{e.focus()},0)),!0):!1}focusOnNextTabbableElement(e){h(this.menu,e,"forwards")}focusOnPreviousTabbableElement(e){h(this.menu,e,"backwards")}stopEvent(e){e.stopPropagation(),e.preventDefault()}handleKeydown(e){if(this.menu.isSubMenu()&&e.key==="Tab")if(e.shiftKey){this.focusOnPreviousTabbableElement(),this.stopEvent(e);return}else{this.focusOnNextTabbableElement(),this.stopEvent(e);return}switch(e.key){case"ArrowRight":this.menu.keyboardDirection==="vertical"?this.toggleSubMenu():this.focusOnNextTabbableElement(),this.stopEvent(e);break;case"ArrowDown":this.menu.keyboardDirection==="horizontal"?this.toggleSubMenu():this.focusOnNextTabbableElement(),this.stopEvent(e);break;case"ArrowLeft":this.menu.keyboardDirection==="vertical"?this.toggleSubMenu()||this.closeMenu(!0):this.focusOnPreviousTabbableElement(),this.stopEvent(e);break;case"ArrowUp":this.menu.keyboardDirection==="horizontal"?this.toggleSubMenu()||this.closeMenu(!0):this.focusOnPreviousTabbableElement(),this.stopEvent(e);break;case"Escape":this.closeMenu(!0),this.stopEvent(e);break;case"Home":this.focusOnNextTabbableElement(this.menu),this.stopEvent(e);break;case"End":this.focusOnPreviousTabbableElement(this.menu),this.stopEvent(e);break}}findSubmenu(){let e=E(this.menu);if(e){let t=e.nextElementSibling;if(t&&t.element==="menu")return t}}};var f=class extends s{constructor(){super();this.ariaHidden="false";this.keyboardDirection="either";this.element="menu",this.setAttribute("tabindex","0"),this.setAttribute("scw-flex-h-initial","")}static get styles(){return[super.styles,x]}firstUpdated(t){super.firstUpdated(t),this._keyboardManager=new c(this)}connectedCallback(){super.connectedCallback(),this._menuItem=this.findMenuItem(),this._menuItem&&this._menuItem.setAttribute("aria-expanded","false"),this.setAttribute("role",this.isSubMenu()?"menu":"menubar")}findMenuItem(){let t=this.previousElementSibling;if(t&&t.nodeName.indexOf("SCW-MENU-ITEM")===0)return t}isSubMenu(){return this._menuItem!==void 0}render(){return this.style&&(this.style.display=this.ariaHidden==="true"?"none":""),this.isSubMenu()&&this._menuItem&&this._menuItem.setAttribute("aria-expanded",this.ariaHidden==="true"?"false":"true"),P`
       <nav
         aria-label="${this.ariaLabel} navigation"
         role="${this.isSubMenu()?"menu":"menubar"}">

package/dist-node/scw-menu/keyboard/scw-menu-keyboard.js

@@ -1 +1 @@
-function c(t,e,n={},i){let s=new CustomEvent(t,{bubbles:!0,cancelable:!1,composed:!0,detail:n,...i});return e.dispatchEvent(s),s}var E=["menu-item","icon","link","button","BUTTON","A"],M=["menu"];function o(t,e,n){let i=e;if(e||(i=b(t)),i){let s=l(t,i,n,!1,t===i);if(s)s.focus();else{let r=l(t,t,n);r&&r.focus()}}}function b(t){if(document.activeElement&&t.contains(document.activeElement))return document.activeElement}function l(t,e,n="forwards",i=!1,s=!0){if(!e)return!1;if(i){if(e.element&&E.includes(e.element)){if(u(e))return e}else if(E.includes(e.nodeName)&&u(e))return e}if(s&&e.children){let a=!0;if(i&&M.includes(e.element)&&(a=!1),a){let d=Array.from(e.children);n==="backwards"&&d.reverse();let f=!1;if(d.find(p=>{let h=l(t,p,n,!0,!0);return h?(f=h,!0):!1}),u(f))return f}}let r=n==="forwards"?e.nextElementSibling:e.previousElementSibling;if(r){let a=l(t,r,n,!0,!0);if(u(a))return a}if(e.parentElement!=t){let a=l(t,e.parentElement,n,!0,!1);if(u(a))return a}return!1}function u(t){return!t||!t.offsetParent||window.getComputedStyle(t).visibility==="hidden"||t.hasAttribute("aria-disabled")&&t.getAttribute("aria-disabled")!=="false"||t.hasAttribute("disabled")||t.getAttribute("tabindex")==="-1"||t.isLink===!1?!1:t}var m=class{constructor(e){this.tabbablelist=["menu-item","icon","link","button","BUTTON","A"];this.ignorelist=["scw-menu"];this.menu=e,this.handleKeydown=this.handleKeydown.bind(this),this.initKeyboard(),this.documentClickHandler=this.documentClickHandler.bind(this)}initKeyboard(){this.menu.addEventListener("focusin",e=>{e.target===this.menu&&this.focusOnNextTabbableElement(this.menu),this.menu.setAttribute("tabindex","-1"),c("scw-app-mode-on",this.menu),this.menu.isSubMenu()&&document.addEventListener("click",this.documentClickHandler)}),this.menu.addEventListener("focusout",e=>{e.relatedTarget&&this.menu.contains(e.relatedTarget)||(this.menu.setAttribute("tabindex","0"),c("scw-app-mode-off",this.menu))}),this.menu.addEventListener("keydown",e=>{this.handleKeydown(e)}),this.menu.addEventListener("click",e=>{this.clickHandler(e)})}documentClickHandler(e){let n=e.target;this.menu.contains(n)||this.closeMenu()}closeMenu(e=!1){if(this.menu.isSubMenu()&&(document.removeEventListener("click",this.documentClickHandler),this.menu.ariaHidden="true",this.menu.setAttribute("aria-hidden","true"),e)){let n=this.menu.previousElementSibling;n&&n.element==="menu-item"&&n.focus()}}clickHandler(e){e.preventDefault();let n=e.target;console.log("clickHandler",n),n&&n.element==="menu-item"&&(n.focus(),this.toggleSubMenu())}toggleSubMenu(){let e=this.findSubmenu();return e?(e.ariaHidden==="false"?(e.ariaHidden="true",e.setAttribute("aria-hidden","true")):(e.ariaHidden="false",e.setAttribute("aria-hidden","false"),setTimeout(()=>{e.focus()},0)),!0):!1}focusOnNextTabbableElement(e){o(this.menu,e,"forwards")}focusOnPreviousTabbableElement(e){o(this.menu,e,"backwards")}stopEvent(e){e.stopPropagation(),e.preventDefault()}handleKeydown(e){if(this.menu.isSubMenu()&&e.key==="Tab")if(e.shiftKey){this.focusOnPreviousTabbableElement(),this.stopEvent(e);return}else{this.focusOnNextTabbableElement(),this.stopEvent(e);return}switch(e.key){case"ArrowRight":this.menu.keyboardDirection==="vertical"?this.toggleSubMenu():this.focusOnNextTabbableElement(),this.stopEvent(e);break;case"ArrowDown":this.menu.keyboardDirection==="horizontal"?this.toggleSubMenu():this.focusOnNextTabbableElement(),this.stopEvent(e);break;case"ArrowLeft":this.menu.keyboardDirection==="vertical"?this.toggleSubMenu()||this.closeMenu(!0):this.focusOnPreviousTabbableElement(),this.stopEvent(e);break;case"ArrowUp":this.menu.keyboardDirection==="horizontal"?this.toggleSubMenu()||this.closeMenu(!0):this.focusOnPreviousTabbableElement(),this.stopEvent(e);break;case"Escape":this.closeMenu(!0),this.stopEvent(e);break;case"Home":this.focusOnNextTabbableElement(this.menu),this.stopEvent(e);break;case"End":this.focusOnPreviousTabbableElement(this.menu),this.stopEvent(e);break}}findSubmenu(){let e=b(this.menu);if(e){let n=e.nextElementSibling;if(n&&n.element==="menu")return n}}};export{m as default};
+function c(t,e,n={},i){let s=new CustomEvent(t,{bubbles:!0,cancelable:!1,composed:!0,detail:n,...i});return e.dispatchEvent(s),s}var E=["menu-item","icon","link","button","BUTTON","A"],k=["menu"];function o(t,e,n){let i=e;if(e||(i=b(t)),i){let s=l(t,i,n,!1,t===i);if(s)s.focus();else{let r=l(t,t,n);r&&r.focus()}}}function b(t){if(document.activeElement&&t.contains(document.activeElement))return document.activeElement}function l(t,e,n="forwards",i=!1,s=!0){if(!e)return!1;if(i){if(e.element&&E.includes(e.element)){if(u(e))return e}else if(E.includes(e.nodeName)&&u(e))return e}if(s&&e.children){let a=!0;if(i&&k.includes(e.element)&&(a=!1),a){let d=Array.from(e.children);n==="backwards"&&d.reverse();let f=!1;if(d.find(p=>{let h=l(t,p,n,!0,!0);return h?(f=h,!0):!1}),u(f))return f}}let r=n==="forwards"?e.nextElementSibling:e.previousElementSibling;if(r){let a=l(t,r,n,!0,!0);if(u(a))return a}if(e.parentElement!=t){let a=l(t,e.parentElement,n,!0,!1);if(u(a))return a}return!1}function u(t){return!t||!t.offsetParent||window.getComputedStyle(t).visibility==="hidden"||t.hasAttribute("aria-disabled")&&t.getAttribute("aria-disabled")!=="false"||t.hasAttribute("disabled")||t.getAttribute("tabindex")==="-1"||t.isLink===!1?!1:t}var m=class{constructor(e){this.tabbablelist=["menu-item","icon","link","button","BUTTON","A"];this.ignorelist=["scw-menu"];this.menu=e,this.handleKeydown=this.handleKeydown.bind(this),this.initKeyboard(),this.documentClickHandler=this.documentClickHandler.bind(this)}initKeyboard(){this.menu.addEventListener("focusin",e=>{e.target===this.menu&&this.focusOnNextTabbableElement(this.menu),this.menu.setAttribute("tabindex","-1"),c("scw-app-mode-on",this.menu),this.menu.isSubMenu()&&document.addEventListener("click",this.documentClickHandler)}),this.menu.addEventListener("focusout",e=>{e.relatedTarget&&this.menu.contains(e.relatedTarget)||(this.menu.setAttribute("tabindex","0"),c("scw-app-mode-off",this.menu))}),this.menu.addEventListener("keydown",e=>{this.handleKeydown(e)}),this.menu.addEventListener("click",e=>{this.clickHandler(e)})}documentClickHandler(e){let n=e.target;this.menu.contains(n)||this.closeMenu()}closeMenu(e=!1){if(this.menu.isSubMenu()&&(document.removeEventListener("click",this.documentClickHandler),this.menu.ariaHidden="true",this.menu.setAttribute("aria-hidden","true"),e)){let n=this.menu.previousElementSibling;n&&n.element==="menu-item"&&n.focus()}}clickHandler(e){let n=e.target;n&&n.element==="menu-item"&&(n.focus(),this.toggleSubMenu())}toggleSubMenu(){let e=this.findSubmenu();return e?(e.ariaHidden==="false"?(e.ariaHidden="true",e.setAttribute("aria-hidden","true")):(e.ariaHidden="false",e.setAttribute("aria-hidden","false"),setTimeout(()=>{e.focus()},0)),!0):!1}focusOnNextTabbableElement(e){o(this.menu,e,"forwards")}focusOnPreviousTabbableElement(e){o(this.menu,e,"backwards")}stopEvent(e){e.stopPropagation(),e.preventDefault()}handleKeydown(e){if(this.menu.isSubMenu()&&e.key==="Tab")if(e.shiftKey){this.focusOnPreviousTabbableElement(),this.stopEvent(e);return}else{this.focusOnNextTabbableElement(),this.stopEvent(e);return}switch(e.key){case"ArrowRight":this.menu.keyboardDirection==="vertical"?this.toggleSubMenu():this.focusOnNextTabbableElement(),this.stopEvent(e);break;case"ArrowDown":this.menu.keyboardDirection==="horizontal"?this.toggleSubMenu():this.focusOnNextTabbableElement(),this.stopEvent(e);break;case"ArrowLeft":this.menu.keyboardDirection==="vertical"?this.toggleSubMenu()||this.closeMenu(!0):this.focusOnPreviousTabbableElement(),this.stopEvent(e);break;case"ArrowUp":this.menu.keyboardDirection==="horizontal"?this.toggleSubMenu()||this.closeMenu(!0):this.focusOnPreviousTabbableElement(),this.stopEvent(e);break;case"Escape":this.closeMenu(!0),this.stopEvent(e);break;case"Home":this.focusOnNextTabbableElement(this.menu),this.stopEvent(e);break;case"End":this.focusOnPreviousTabbableElement(this.menu),this.stopEvent(e);break}}findSubmenu(){let e=b(this.menu);if(e){let n=e.nextElementSibling;if(n&&n.element==="menu")return n}}};export{m as default};

package/dist-node/scw-menu/scw-menu.js

@@ -1,4 +1,4 @@
-var H=Object.defineProperty;var O=Object.getOwnPropertyDescriptor;var o=(i,e,t,r)=>{for(var n=r>1?void 0:r?O(e,t):e,u=i.length-1,a;u>=0;u--)(a=i[u])&&(n=(r?a(e,t,n):a(n))||n);return r&&n&&H(e,t,n),n};import{html as P}from"lit";import{property as T}from"lit/decorators.js";import{LitElement as A,html as _}from"lit";import{property as d,state as I}from"lit/decorators.js";import{css as S}from"lit-element/lit-element.js";var w=S`
+var O=Object.defineProperty;var H=Object.getOwnPropertyDescriptor;var o=(i,e,t,r)=>{for(var n=r>1?void 0:r?H(e,t):e,u=i.length-1,a;u>=0;u--)(a=i[u])&&(n=(r?a(e,t,n):a(n))||n);return r&&n&&O(e,t,n),n};import{html as P}from"lit";import{property as T}from"lit/decorators.js";import{LitElement as A,html as _}from"lit";import{property as d,state as I}from"lit/decorators.js";import{css as S}from"lit-element/lit-element.js";var k=S`
 :host {
   /* scw element */
   position: relative;
@@ -16,7 +16,7 @@ var H=Object.defineProperty;var O=Object.getOwnPropertyDescriptor;var o=(i,e,t,r
   outline: 2px solid red !important;
 }`;var m=class{constructor(e,t){this._element=e,this._callback=t,this.observe()}observe(){if(this.disconnect(),this._element){let e={characterData:!0,childList:!0,attributes:!1,subtree:!0};this._mutationObserver=new MutationObserver(()=>this._callback()),this._mutationObserver.observe(this._element,e)}}disconnect(){!this._mutationObserver||this._mutationObserver.disconnect()}};var s=class extends A{constructor(){super(...arguments);this.ariaLabel="";this.ariaDisabled="false";this.isLink=!1;this.dynamic=!1;this.element="component"}disconnectedCallback(){super.disconnectedCallback(),this._lightDomMutationObserver&&this._lightDomMutationObserver.disconnect()}firstUpdated(t){super.firstUpdated(t),this.dynamic&&(this._lightDomMutationObserver=new m(this,()=>{this.domMutated()}))}domMutated(){}warn(t){this._lastWarning||(this._lastWarning=t,this.setAttribute("warning",t),this.setAttribute("title",`[ERROR]: ${t}`))}clearWarnings(){this._lastWarning=void 0,this.removeAttribute("warning"),this.removeAttribute("title")}render(){return _`
       <slot></slot>
-    `}};s.styles=w,o([d({type:String,reflect:!0,attribute:"aria-label"})],s.prototype,"ariaLabel",2),o([d({type:String,attribute:"aria-disabled"})],s.prototype,"ariaDisabled",2),o([d({type:Boolean,reflect:!0,attribute:"is-link"})],s.prototype,"isLink",2),o([d({type:Boolean})],s.prototype,"dynamic",2),o([d({type:String,reflect:!0})],s.prototype,"element",2),o([I()],s.prototype,"_lastWarning",2);import{css as D}from"lit-element/lit-element.js";var x=D`
+    `}};s.styles=k,o([d({type:String,reflect:!0,attribute:"aria-label"})],s.prototype,"ariaLabel",2),o([d({type:String,attribute:"aria-disabled"})],s.prototype,"ariaDisabled",2),o([d({type:Boolean,reflect:!0,attribute:"is-link"})],s.prototype,"isLink",2),o([d({type:Boolean})],s.prototype,"dynamic",2),o([d({type:String,reflect:!0})],s.prototype,"element",2),o([I()],s.prototype,"_lastWarning",2);import{css as D}from"lit-element/lit-element.js";var x=D`
 :host {
   /* scw element */
   position: relative;
@@ -50,7 +50,7 @@ var H=Object.defineProperty;var O=Object.getOwnPropertyDescriptor;var o=(i,e,t,r
   white-space: nowrap;
   width: 1px;
   margin: 0 !important;
-}`;function v(i,e,t={},r){let n=new CustomEvent(i,{bubbles:!0,cancelable:!1,composed:!0,detail:t,...r});return e.dispatchEvent(n),n}var y=["menu-item","icon","link","button","BUTTON","A"],N=["menu"];function h(i,e,t){let r=e;if(e||(r=E(i)),r){let n=f(i,r,t,!1,i===r);if(n)n.focus();else{let u=f(i,i,t);u&&u.focus()}}}function E(i){if(document.activeElement&&i.contains(document.activeElement))return document.activeElement}function f(i,e,t="forwards",r=!1,n=!0){if(!e)return!1;if(r){if(e.element&&y.includes(e.element)){if(c(e))return e}else if(y.includes(e.nodeName)&&c(e))return e}if(n&&e.children){let a=!0;if(r&&N.includes(e.element)&&(a=!1),a){let M=Array.from(e.children);t==="backwards"&&M.reverse();let p=!1;if(M.find(L=>{let k=f(i,L,t,!0,!0);return k?(p=k,!0):!1}),c(p))return p}}let u=t==="forwards"?e.nextElementSibling:e.previousElementSibling;if(u){let a=f(i,u,t,!0,!0);if(c(a))return a}if(e.parentElement!=i){let a=f(i,e.parentElement,t,!0,!1);if(c(a))return a}return!1}function c(i){return!i||!i.offsetParent||window.getComputedStyle(i).visibility==="hidden"||i.hasAttribute("aria-disabled")&&i.getAttribute("aria-disabled")!=="false"||i.hasAttribute("disabled")||i.getAttribute("tabindex")==="-1"||i.isLink===!1?!1:i}var b=class{constructor(e){this.tabbablelist=["menu-item","icon","link","button","BUTTON","A"];this.ignorelist=["scw-menu"];this.menu=e,this.handleKeydown=this.handleKeydown.bind(this),this.initKeyboard(),this.documentClickHandler=this.documentClickHandler.bind(this)}initKeyboard(){this.menu.addEventListener("focusin",e=>{e.target===this.menu&&this.focusOnNextTabbableElement(this.menu),this.menu.setAttribute("tabindex","-1"),v("scw-app-mode-on",this.menu),this.menu.isSubMenu()&&document.addEventListener("click",this.documentClickHandler)}),this.menu.addEventListener("focusout",e=>{e.relatedTarget&&this.menu.contains(e.relatedTarget)||(this.menu.setAttribute("tabindex","0"),v("scw-app-mode-off",this.menu))}),this.menu.addEventListener("keydown",e=>{this.handleKeydown(e)}),this.menu.addEventListener("click",e=>{this.clickHandler(e)})}documentClickHandler(e){let t=e.target;this.menu.contains(t)||this.closeMenu()}closeMenu(e=!1){if(this.menu.isSubMenu()&&(document.removeEventListener("click",this.documentClickHandler),this.menu.ariaHidden="true",this.menu.setAttribute("aria-hidden","true"),e)){let t=this.menu.previousElementSibling;t&&t.element==="menu-item"&&t.focus()}}clickHandler(e){e.preventDefault();let t=e.target;console.log("clickHandler",t),t&&t.element==="menu-item"&&(t.focus(),this.toggleSubMenu())}toggleSubMenu(){let e=this.findSubmenu();return e?(e.ariaHidden==="false"?(e.ariaHidden="true",e.setAttribute("aria-hidden","true")):(e.ariaHidden="false",e.setAttribute("aria-hidden","false"),setTimeout(()=>{e.focus()},0)),!0):!1}focusOnNextTabbableElement(e){h(this.menu,e,"forwards")}focusOnPreviousTabbableElement(e){h(this.menu,e,"backwards")}stopEvent(e){e.stopPropagation(),e.preventDefault()}handleKeydown(e){if(this.menu.isSubMenu()&&e.key==="Tab")if(e.shiftKey){this.focusOnPreviousTabbableElement(),this.stopEvent(e);return}else{this.focusOnNextTabbableElement(),this.stopEvent(e);return}switch(e.key){case"ArrowRight":this.menu.keyboardDirection==="vertical"?this.toggleSubMenu():this.focusOnNextTabbableElement(),this.stopEvent(e);break;case"ArrowDown":this.menu.keyboardDirection==="horizontal"?this.toggleSubMenu():this.focusOnNextTabbableElement(),this.stopEvent(e);break;case"ArrowLeft":this.menu.keyboardDirection==="vertical"?this.toggleSubMenu()||this.closeMenu(!0):this.focusOnPreviousTabbableElement(),this.stopEvent(e);break;case"ArrowUp":this.menu.keyboardDirection==="horizontal"?this.toggleSubMenu()||this.closeMenu(!0):this.focusOnPreviousTabbableElement(),this.stopEvent(e);break;case"Escape":this.closeMenu(!0),this.stopEvent(e);break;case"Home":this.focusOnNextTabbableElement(this.menu),this.stopEvent(e);break;case"End":this.focusOnPreviousTabbableElement(this.menu),this.stopEvent(e);break}}findSubmenu(){let e=E(this.menu);if(e){let t=e.nextElementSibling;if(t&&t.element==="menu")return t}}};var l=class extends s{constructor(){super();this.ariaHidden="false";this.keyboardDirection="either";this.element="menu",this.setAttribute("tabindex","0"),this.setAttribute("scw-flex-h-initial","")}static get styles(){return[super.styles,x]}firstUpdated(t){super.firstUpdated(t),this._keyboardManager=new b(this)}connectedCallback(){super.connectedCallback(),this._menuItem=this.findMenuItem(),this._menuItem&&this._menuItem.setAttribute("aria-expanded","false"),this.setAttribute("role",this.isSubMenu()?"menu":"menubar")}findMenuItem(){let t=this.previousElementSibling;if(t&&t.nodeName.indexOf("SCW-MENU-ITEM")===0)return t}isSubMenu(){return this._menuItem!==void 0}render(){return this.style&&(this.style.display=this.ariaHidden==="true"?"none":""),this.isSubMenu()&&this._menuItem&&this._menuItem.setAttribute("aria-expanded",this.ariaHidden==="true"?"false":"true"),P`
+}`;function v(i,e,t={},r){let n=new CustomEvent(i,{bubbles:!0,cancelable:!1,composed:!0,detail:t,...r});return e.dispatchEvent(n),n}var y=["menu-item","icon","link","button","BUTTON","A"],N=["menu"];function h(i,e,t){let r=e;if(e||(r=E(i)),r){let n=b(i,r,t,!1,i===r);if(n)n.focus();else{let u=b(i,i,t);u&&u.focus()}}}function E(i){if(document.activeElement&&i.contains(document.activeElement))return document.activeElement}function b(i,e,t="forwards",r=!1,n=!0){if(!e)return!1;if(r){if(e.element&&y.includes(e.element)){if(c(e))return e}else if(y.includes(e.nodeName)&&c(e))return e}if(n&&e.children){let a=!0;if(r&&N.includes(e.element)&&(a=!1),a){let M=Array.from(e.children);t==="backwards"&&M.reverse();let p=!1;if(M.find(L=>{let w=b(i,L,t,!0,!0);return w?(p=w,!0):!1}),c(p))return p}}let u=t==="forwards"?e.nextElementSibling:e.previousElementSibling;if(u){let a=b(i,u,t,!0,!0);if(c(a))return a}if(e.parentElement!=i){let a=b(i,e.parentElement,t,!0,!1);if(c(a))return a}return!1}function c(i){return!i||!i.offsetParent||window.getComputedStyle(i).visibility==="hidden"||i.hasAttribute("aria-disabled")&&i.getAttribute("aria-disabled")!=="false"||i.hasAttribute("disabled")||i.getAttribute("tabindex")==="-1"||i.isLink===!1?!1:i}var f=class{constructor(e){this.tabbablelist=["menu-item","icon","link","button","BUTTON","A"];this.ignorelist=["scw-menu"];this.menu=e,this.handleKeydown=this.handleKeydown.bind(this),this.initKeyboard(),this.documentClickHandler=this.documentClickHandler.bind(this)}initKeyboard(){this.menu.addEventListener("focusin",e=>{e.target===this.menu&&this.focusOnNextTabbableElement(this.menu),this.menu.setAttribute("tabindex","-1"),v("scw-app-mode-on",this.menu),this.menu.isSubMenu()&&document.addEventListener("click",this.documentClickHandler)}),this.menu.addEventListener("focusout",e=>{e.relatedTarget&&this.menu.contains(e.relatedTarget)||(this.menu.setAttribute("tabindex","0"),v("scw-app-mode-off",this.menu))}),this.menu.addEventListener("keydown",e=>{this.handleKeydown(e)}),this.menu.addEventListener("click",e=>{this.clickHandler(e)})}documentClickHandler(e){let t=e.target;this.menu.contains(t)||this.closeMenu()}closeMenu(e=!1){if(this.menu.isSubMenu()&&(document.removeEventListener("click",this.documentClickHandler),this.menu.ariaHidden="true",this.menu.setAttribute("aria-hidden","true"),e)){let t=this.menu.previousElementSibling;t&&t.element==="menu-item"&&t.focus()}}clickHandler(e){let t=e.target;t&&t.element==="menu-item"&&(t.focus(),this.toggleSubMenu())}toggleSubMenu(){let e=this.findSubmenu();return e?(e.ariaHidden==="false"?(e.ariaHidden="true",e.setAttribute("aria-hidden","true")):(e.ariaHidden="false",e.setAttribute("aria-hidden","false"),setTimeout(()=>{e.focus()},0)),!0):!1}focusOnNextTabbableElement(e){h(this.menu,e,"forwards")}focusOnPreviousTabbableElement(e){h(this.menu,e,"backwards")}stopEvent(e){e.stopPropagation(),e.preventDefault()}handleKeydown(e){if(this.menu.isSubMenu()&&e.key==="Tab")if(e.shiftKey){this.focusOnPreviousTabbableElement(),this.stopEvent(e);return}else{this.focusOnNextTabbableElement(),this.stopEvent(e);return}switch(e.key){case"ArrowRight":this.menu.keyboardDirection==="vertical"?this.toggleSubMenu():this.focusOnNextTabbableElement(),this.stopEvent(e);break;case"ArrowDown":this.menu.keyboardDirection==="horizontal"?this.toggleSubMenu():this.focusOnNextTabbableElement(),this.stopEvent(e);break;case"ArrowLeft":this.menu.keyboardDirection==="vertical"?this.toggleSubMenu()||this.closeMenu(!0):this.focusOnPreviousTabbableElement(),this.stopEvent(e);break;case"ArrowUp":this.menu.keyboardDirection==="horizontal"?this.toggleSubMenu()||this.closeMenu(!0):this.focusOnPreviousTabbableElement(),this.stopEvent(e);break;case"Escape":this.closeMenu(!0),this.stopEvent(e);break;case"Home":this.focusOnNextTabbableElement(this.menu),this.stopEvent(e);break;case"End":this.focusOnPreviousTabbableElement(this.menu),this.stopEvent(e);break}}findSubmenu(){let e=E(this.menu);if(e){let t=e.nextElementSibling;if(t&&t.element==="menu")return t}}};var l=class extends s{constructor(){super();this.ariaHidden="false";this.keyboardDirection="either";this.element="menu",this.setAttribute("tabindex","0"),this.setAttribute("scw-flex-h-initial","")}static get styles(){return[super.styles,x]}firstUpdated(t){super.firstUpdated(t),this._keyboardManager=new f(this)}connectedCallback(){super.connectedCallback(),this._menuItem=this.findMenuItem(),this._menuItem&&this._menuItem.setAttribute("aria-expanded","false"),this.setAttribute("role",this.isSubMenu()?"menu":"menubar")}findMenuItem(){let t=this.previousElementSibling;if(t&&t.nodeName.indexOf("SCW-MENU-ITEM")===0)return t}isSubMenu(){return this._menuItem!==void 0}render(){return this.style&&(this.style.display=this.ariaHidden==="true"?"none":""),this.isSubMenu()&&this._menuItem&&this._menuItem.setAttribute("aria-expanded",this.ariaHidden==="true"?"false":"true"),P`
       <nav
         aria-label="${this.ariaLabel} navigation"
         role="${this.isSubMenu()?"menu":"menubar"}">

package/dist-node/scw-menu-item/ScwMenuItem.js

@@ -315,6 +315,10 @@ var b=Object.defineProperty;var j4=Object.getOwnPropertyDescriptor;var t=(l,e)=>
   color: var(--scw-color-grey-02);
 }
 
+:host([inherit]) .label {
+  font: inherit;
+}
+
 :host([design=main]:focus-visible) {
   background-color: var(--scw-color-grey-10);
   border-radius: 4px 4px 4px 4px;
@@ -330,6 +334,10 @@ var b=Object.defineProperty;var j4=Object.getOwnPropertyDescriptor;var t=(l,e)=>
   color: var(--scw-color-grey-02);
 }
 
+:host([inherit]:focus-visible) .label {
+  font: inherit;
+}
+
 :host([design=main]:hover) {
   background-color: rgba(0, 0, 0, 0);
   padding-left: var(--scw-spacing-1);
@@ -344,6 +352,10 @@ var b=Object.defineProperty;var j4=Object.getOwnPropertyDescriptor;var t=(l,e)=>
   color: var(--scw-color-primary-03);
 }
 
+:host([inherit]:hover) .label {
+  font: inherit;
+}
+
 :host([design=main][aria-selected=true]) {
   background-color: rgba(0, 0, 0, 0);
   display: flex;
@@ -372,6 +384,10 @@ var b=Object.defineProperty;var j4=Object.getOwnPropertyDescriptor;var t=(l,e)=>
   height: 2px;
 }
 
+:host([inherit] [aria-selected=true]) .label {
+  font: inherit;
+}
+
 :host([design=main][aria-disabled=true]) {
   background-color: rgba(0, 0, 0, 0);
   padding-left: var(--scw-spacing-1);
@@ -393,6 +409,10 @@ var b=Object.defineProperty;var j4=Object.getOwnPropertyDescriptor;var t=(l,e)=>
   fill: var(--scw-color-grey-08);
 }
 
+:host([inherit] [aria-disabled=true]) .label {
+  font: inherit;
+}
+
 :host([design=utility]) .scw-link-base {
   background-color: rgba(0, 0, 0, 0);
   display: flex;