scu-web-components 0.0.42 → 0.0.43

package/dist/chunks/chunk.IUPSIYHM.js

@@ -1,2 +0,0 @@
-import{d as e}from"./chunk.GX274VLQ.js";customElements.define("scw-link-base",e);
-//# sourceMappingURL=chunk.IUPSIYHM.js.map

package/dist/chunks/chunk.K4NR64KF.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/scw-menu/scss/scw-menu.scss", "../../src/scw-menu/ScwMenu.ts"],
-  "sourcesContent": ["import {css} from \"lit-element/lit-element.js\";\nexport default css`\n:host {\n  /* scw element */\n  position: relative;\n  box-sizing: border-box;\n  --margin-right: initial;\n  --margin-bottom: initial;\n  --gap-h-int: initial;\n  --gap-v-int: initial;\n  margin-right: var(--margin-right, var(--gap-h-int, initial));\n  margin-bottom: var(--margin-bottom, var(--gap-v-int, initial));\n  display: block;\n}\n\n:host([warning]) {\n  outline: 2px solid red !important;\n}\n\n:host {\n  display: inline-flex;\n}\n:host nav {\n  display: inline-block;\n  width: 100%;\n}\n:host .heading-label {\n  clip: rect(0 0 0 0);\n  clip-path: inset(50%);\n  height: 1px;\n  overflow: hidden;\n  position: absolute;\n  white-space: nowrap;\n  width: 1px;\n  margin: 0 !important;\n}\n/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiL1VzZXJzL3Njb3R0cm91c2UvV29ya3NwYWNlL3NjdS13ZWItY29tcG9uZW50cy13ZWJzaXRlcy9zY3Utd2ViLWNvbXBvbmVudHMtd2Vic2l0ZXMvc3JjL3Njdy1tZW51L3Njc3MiLCJzb3VyY2VzIjpbIi4uLy4uL3Njdy1jb21wb25lbnQvc2Nzcy9zY3ctY29tcG9uZW50LnNjc3MiLCIuLi8uLi8uLi9kaXN0L3Rva2Vucy9zb3VyY2UvY3NzQXBpLnNjc3MiLCJzY3ctbWVudS5zY3NzIiwiLi4vLi4vdXRpbHMvYWRhLnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBRUE7QUMyb3RCRTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFFQTs7O0FEanB0QkY7RUFDRTs7O0FFSkY7RUFDRTs7QUFFQTtFQUNFO0VBQ0E7O0FBR0Y7RUNQQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFREdFIn0= */`;\n", "import {html} from 'lit';\nimport {property} from 'lit/decorators.js';\nimport ScwComponent from '../scw-component/ScwComponent';\nimport styles from './scss/scw-menu.scss';\nimport validate from './scw-menu-validate';\nimport ScwMenuKeyboard from './keyboard/scw-menu-keyboard';\nimport ScwMenuItem from '../scw-menu-item/ScwMenuItem';\nimport {ScwMenuDirections} from './scw-menu-enums';\nimport {Components} from '../utils/enums/Components';\n\n/**\n * ScwMenu\n * @class\n * @tag scw-menu\n *\n * @slot [default=\"<scw-menu-item />...\"]\n    List of scw-menu-items\n */\nexport default class ScwMenu extends ScwComponent {\n  /**\n  * styles\n  */\n  static get styles() {\n    return [\n      super.styles,\n      styles,\n    ];\n  }\n\n  // ============== ScwMenu ================================================\n  /**\n  * (<ScwMenu>) Turns menu visible and invisible (ADA friendly)\n  * @type {string}\n  */\n  @property({type: String, attribute: 'aria-hidden'})\n    ariaHidden = 'false';\n\n  /**\n  * (<ScwMenu>) determines some arrow key differences\n  * (either, horizontal, vertical)\n  * @type {ScwMenuDirections}\n  */\n  @property({type: String, attribute: 'keyboard-direction'})\n    keyboardDirection: ScwMenuDirections = ScwMenuDirections.either;\n\n  /** Manages all keyboard events */\n  _keyboardManager : ScwMenuKeyboard | undefined;\n\n  /** keeps track of the menu item controling this menu */\n  _menuItem : ScwMenuItem | undefined;\n\n  /**\n  * Constructor\n  */\n  constructor() {\n    super();\n    this.element = Components.menu;\n    // this.setAttribute('role', 'menu' );\n    this.setAttribute('tabindex', '0');\n    this.setAttribute('scw-flex-h-initial', '');// defaults to flex-h\n    // off for ssr\n    // this._keyboardManager = new ScwMenuKeyboard(this);\n  }\n\n  /**\n  * get defaults after initialization...light dom trumps attributes\n  * @param {Map<string | number | symbol, unknown>} changedProps\n  */\n  firstUpdated(changedProps: Map<string | number | symbol, unknown>): void {\n    super.firstUpdated(changedProps);\n    this._keyboardManager = new ScwMenuKeyboard(this);\n  }\n\n  /** connectedCallback */\n  connectedCallback(): void {\n    super.connectedCallback();\n    // menu will always come directly after it's scw-menu-item\n    this._menuItem = this.findMenuItem();\n    if (this._menuItem) {\n      this._menuItem.setAttribute('aria-expanded', 'false');\n    }\n    this.setAttribute('role', this.isSubMenu() ? 'menu' : 'menubar');\n  }\n\n  /**\n   * determines if this menu item has a sub menu\n   * @return {ScwMenuItem | undefined}\n   */\n  findMenuItem() {\n    const prev = this.previousElementSibling;\n    // if (prev && prev['element'] === Components.menuItem) {\n    // the component may not be initialized yet...\n    if (prev && prev.nodeName.indexOf('SCW-MENU-ITEM') === 0 ) {\n      return prev as unknown as ScwMenuItem;\n    }\n    return undefined;\n  }\n\n  /**\n  * Is this a nested menu or not...\n  * @return {boolean}\n  */\n  isSubMenu() : boolean {\n    return ( this._menuItem !== undefined ) ? true : false;\n  }\n\n  /** parseAndValidateLightDom, just adding local parsing and validation */\n  parseAndValidateLightDom() {\n    super.parseAndValidateLightDom();\n    validate( this );\n  }\n\n  /**\n  * render\n  * @return {object} component DOM\n  */\n  render(): object {\n    if (this.style) {\n      this.style.display = this.ariaHidden === 'true' ? 'none' : '';\n    }\n\n    if (this.isSubMenu() && this._menuItem) {\n      this._menuItem.setAttribute(\n          'aria-expanded',\n        this.ariaHidden === 'true' ? 'false' : 'true',\n      );\n    }\n\n    /* return html`\n      <nav\n        aria-label=\"${this.ariaLabel} navigation\"\n        role=\"${this.isSubMenu() ? 'menu' : 'menubar'}\">\n        <slot></slot>\n      </nav>`;*/\n\n    return html`<slot></slot>`;\n  }\n}\n"],
-  "mappings": "kPACA,IAAOA,EAAQC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ipBCiBf,IAAqBC,EAArB,cAAqCC,CAAa,CAoChD,aAAc,CACZ,MAAM,EApBN,gBAAa,QAQb,gCAaA,KAAK,eAEL,KAAK,aAAa,WAAY,GAAG,EACjC,KAAK,aAAa,qBAAsB,EAAE,CAG5C,CAxCA,WAAW,QAAS,CAClB,MAAO,CACL,MAAM,OACNC,CACF,CACF,CAyCA,aAAaC,EAA4D,CACvE,MAAM,aAAaA,CAAY,EAC/B,KAAK,iBAAmB,IAAIC,EAAgB,IAAI,CAClD,CAGA,mBAA0B,CACxB,MAAM,kBAAkB,EAExB,KAAK,UAAY,KAAK,aAAa,EAC/B,KAAK,WACP,KAAK,UAAU,aAAa,gBAAiB,OAAO,EAEtD,KAAK,aAAa,OAAQ,KAAK,UAAU,EAAI,OAAS,SAAS,CACjE,CAMA,cAAe,CACb,IAAMC,EAAO,KAAK,uBAGlB,GAAIA,GAAQA,EAAK,SAAS,QAAQ,eAAe,IAAM,EACrD,OAAOA,CAGX,CAMA,WAAsB,CACpB,OAAS,KAAK,YAAc,MAC9B,CAGA,0BAA2B,CACzB,MAAM,yBAAyB,EAC/BC,EAAU,IAAK,CACjB,CAMA,QAAiB,CACf,OAAI,KAAK,QACP,KAAK,MAAM,QAAU,KAAK,aAAe,OAAS,OAAS,IAGzD,KAAK,UAAU,GAAK,KAAK,WAC3B,KAAK,UAAU,aACX,gBACF,KAAK,aAAe,OAAS,QAAU,MACzC,EAUKC,gBACT,CACF,EAtGIC,EAAA,CADDC,EAAS,CAAC,KAAM,OAAQ,UAAW,aAAa,CAAC,GAhB/BT,EAiBjB,0BAQAQ,EAAA,CADDC,EAAS,CAAC,KAAM,OAAQ,UAAW,oBAAoB,CAAC,GAxBtCT,EAyBjB",
-  "names": ["scw_menu_default", "i", "ScwMenu", "ScwComponent", "scw_menu_default", "changedProps", "ScwMenuKeyboard", "prev", "validate", "y", "__decorateClass", "e"]
-}

package/dist/chunks/chunk.KKRXOX6W.js

@@ -1,2 +0,0 @@
-import{a as e}from"./chunk.4IRJQ7KJ.js";customElements.define("scw-alert",e);
-//# sourceMappingURL=chunk.KKRXOX6W.js.map

package/dist/chunks/chunk.KSN3XTKS.js

@@ -1,2 +0,0 @@
-function n(e){o(e),a(e),i(e),c(e),r(e)}function r(e){let t=e.querySelector("a");!t||(t.children.length>0?e.action="whole":(e.action="link",e.linkLabel=`${t.textContent}`))}function o(e){let t=e.querySelector("h1, h2, h3");if(!!t){switch(t.nodeName){case"H1":e.size="large";break;case"H2":e.size="medium";break;case"H3":e.size="small";break}e.heading=`${t.textContent}`}}function i(e){let t=e.querySelector("p");!t||(e.description=`${t.textContent}`)}function c(e){let t=e.querySelector("img");!t||(e.src=t.src,e.srcset=t.srcset,e.alt=t.alt)}function a(e){let t=e.querySelector("sup");!t||(e.superHeading=`${t.textContent}`)}export{n as a};
-//# sourceMappingURL=chunk.KSN3XTKS.js.map

package/dist/chunks/chunk.KSN3XTKS.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/scw-card/scw-card-light-dom.ts"],
-  "sourcesContent": ["import ScwCard from './ScwCard';\nimport {ScwCardActions, ScwCardSizes} from './scw-card-enums';\n\n/**\n * Parses light dom into variables to be used for rendering\n * @param {ScwCard} scwCard\n */\nexport default function parseLightDomCard( scwCard: ScwCard ) {\n  processHeading( scwCard );\n  processSuperHeading( scwCard );\n  processParagraph( scwCard );\n  processImage( scwCard );\n  processAnchor( scwCard );\n}\n\n/**\n * Process anchor into scwCard properties\n * @param {ScwCard} scwCard\n */\nfunction processAnchor( scwCard: ScwCard ) {\n  // scwCard.action = ScwCardActions.none;\n  const anchor = scwCard.querySelector('a');\n  if ( !anchor ) return;\n  if (anchor.children.length > 0) {\n    scwCard.action = ScwCardActions.whole;\n    // scwCard.link = true;\n  } else {\n    scwCard.action = ScwCardActions.link;\n    scwCard.linkLabel = `${anchor.textContent}`;\n    // scwCard.link = false;\n  }\n}\n\n/**\n * Process heading into scwCard properties\n * @param {ScwCard} scwCard\n */\nfunction processHeading( scwCard: ScwCard ) {\n  // scwCard.size = ScwCardSizes.large;\n  // scwCard.heading = undefined;\n  const heading = scwCard.querySelector('h1, h2, h3');\n  if (!heading) return;\n  switch ( heading.nodeName ) {\n    case 'H1':\n      scwCard.size = ScwCardSizes.large;\n      break;\n    case 'H2':\n      scwCard.size = ScwCardSizes.medium;\n      break;\n    case 'H3':\n      scwCard.size = ScwCardSizes.small;\n      break;\n  }\n  scwCard.heading = `${heading.textContent}`;\n}\n\n/**\n * Process paragraph into scwCard properties\n * @param {ScwCard} scwCard\n */\nfunction processParagraph( scwCard: ScwCard ) {\n  // scwCard.description = undefined;\n  const paragraph = scwCard.querySelector('p');\n  if (!paragraph) return;\n  scwCard.description = `${paragraph.textContent}`;\n}\n\n/**\n * Process image into scwCard properties\n * @param {ScwCard} scwCard\n */\nfunction processImage( scwCard: ScwCard ) {\n  const image = scwCard.querySelector('img');\n  if (!image) return;\n  scwCard.src = image.src;\n  scwCard.srcset = image.srcset;\n  scwCard.alt = image.alt;\n}\n\n/**\n * Process paragraph into scwCard properties\n * @param {ScwCard} scwCard\n */\nfunction processSuperHeading( scwCard: ScwCard ) {\n  // scwCard.superHeading = undefined;\n  const sup = scwCard.querySelector('sup');\n  if (!sup) return;\n  scwCard.superHeading = `${sup.textContent}`;\n}\n"],
-  "mappings": "AAOe,SAARA,EAAoCC,EAAmB,CAC5DC,EAAgBD,CAAQ,EACxBE,EAAqBF,CAAQ,EAC7BG,EAAkBH,CAAQ,EAC1BI,EAAcJ,CAAQ,EACtBK,EAAeL,CAAQ,CACzB,CAMA,SAASK,EAAeL,EAAmB,CAEzC,IAAMM,EAASN,EAAQ,cAAc,GAAG,EACnC,CAACM,IACFA,EAAO,SAAS,OAAS,EAC3BN,EAAQ,gBAGRA,EAAQ,cACRA,EAAQ,UAAY,GAAGM,EAAO,eAGlC,CAMA,SAASL,EAAgBD,EAAmB,CAG1C,IAAMO,EAAUP,EAAQ,cAAc,YAAY,EAClD,GAAI,EAACO,EACL,QAASA,EAAQ,cACV,KACHP,EAAQ,aACR,UACG,KACHA,EAAQ,cACR,UACG,KACHA,EAAQ,aACR,MAEJA,EAAQ,QAAU,GAAGO,EAAQ,cAC/B,CAMA,SAASJ,EAAkBH,EAAmB,CAE5C,IAAMQ,EAAYR,EAAQ,cAAc,GAAG,EACvC,CAACQ,IACLR,EAAQ,YAAc,GAAGQ,EAAU,cACrC,CAMA,SAASJ,EAAcJ,EAAmB,CACxC,IAAMS,EAAQT,EAAQ,cAAc,KAAK,EACrC,CAACS,IACLT,EAAQ,IAAMS,EAAM,IACpBT,EAAQ,OAASS,EAAM,OACvBT,EAAQ,IAAMS,EAAM,IACtB,CAMA,SAASP,EAAqBF,EAAmB,CAE/C,IAAMU,EAAMV,EAAQ,cAAc,KAAK,EACnC,CAACU,IACLV,EAAQ,aAAe,GAAGU,EAAI,cAChC",
-  "names": ["parseLightDomCard", "scwCard", "processHeading", "processSuperHeading", "processParagraph", "processImage", "processAnchor", "anchor", "heading", "paragraph", "image", "sup"]
-}

package/dist/chunks/chunk.M4NRRGQD.js

@@ -1,2 +0,0 @@
-import{a as t}from"./chunk.JTXQ5X2M.js";customElements.define("scw-button",t);
-//# sourceMappingURL=chunk.M4NRRGQD.js.map

package/dist/chunks/chunk.MHJFJRA2.js

@@ -1,31 +0,0 @@
-import{a as y}from"./chunk.36NSOQS5.js";import{a as v}from"./chunk.HMMADQ7Y.js";import{a as m,c as f}from"./chunk.3IG37SCP.js";import{a as u}from"./chunk.PKA6D7UK.js";import{g as a}from"./chunk.5YJY6NT6.js";var x=(r,e)=>e.kind==="method"&&e.descriptor&&!("value"in e.descriptor)?{...e,finisher(t){t.createProperty(e.key,r)}}:{kind:"field",key:Symbol(),placement:"own",descriptor:{},originalKey:e.key,initializer(){typeof e.initializer=="function"&&(this[e.key]=e.initializer.call(this))},finisher(t){t.createProperty(e.key,r)}};function l(r){return(e,t)=>t!==void 0?((s,i,o)=>{i.constructor.createProperty(o,s)})(r,e,t):x(r,e)}function b(r){return l({...r,state:!0})}var d=({finisher:r,descriptor:e})=>(t,s)=>{var i;if(s===void 0){let o=(i=t.originalKey)!==null&&i!==void 0?i:t.key,p=e!=null?{kind:"method",placement:"prototype",key:o,descriptor:e(t.key)}:{...t,key:o};return r!=null&&(p.finisher=function(g){r(g,o)}),p}{let o=t.constructor;e!==void 0&&Object.defineProperty(t,s,e(s)),r==null||r(o,s)}};function M(r,e){return d({descriptor:t=>{let s={get(){var i,o;return(o=(i=this.renderRoot)===null||i===void 0?void 0:i.querySelector(r))!==null&&o!==void 0?o:null},enumerable:!0,configurable:!0};if(e){let i=typeof t=="symbol"?Symbol():"__"+t;s.get=function(){var o,p;return this[i]===void 0&&(this[i]=(p=(o=this.renderRoot)===null||o===void 0?void 0:o.querySelector(r))!==null&&p!==void 0?p:null),this[i]}}return s}})}var c,q=((c=window.HTMLSlotElement)===null||c===void 0?void 0:c.prototype.assignedElements)!=null?(r,e)=>r.assignedElements(e):(r,e)=>r.assignedNodes(e).filter(t=>t.nodeType===Node.ELEMENT_NODE);var h=m`
-:host {
-  /* scw element */
-  position: relative;
-  box-sizing: border-box;
-  --margin-right: initial;
-  --margin-bottom: initial;
-  --gap-h-int: initial;
-  --gap-v-int: initial;
-  margin-right: var(--margin-right, var(--gap-h-int, initial));
-  margin-bottom: var(--margin-bottom, var(--gap-v-int, initial));
-  display: block;
-}
-
-:host([warning]) {
-  outline: 2px solid red !important;
-}
-/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiL1VzZXJzL3Njb3R0cm91c2UvV29ya3NwYWNlL3NjdS13ZWItY29tcG9uZW50cy13ZWJzaXRlcy9zY3Utd2ViLWNvbXBvbmVudHMtd2Vic2l0ZXMvc3JjL3Njdy1jb21wb25lbnQvc2NzcyIsInNvdXJjZXMiOlsic2N3LWNvbXBvbmVudC5zY3NzIiwiLi4vLi4vLi4vZGlzdC90b2tlbnMvc291cmNlL2Nzc0FwaS5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUVBO0FDMm90QkU7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBRUE7OztBRGpwdEJGO0VBQ0UifQ== */`;var n=class extends f{constructor(){super(...arguments);this.ariaLabel="";this.ariaDisabled="false";this.responsive=!1;this.dynamic=!1;this.element="component"}connectedCallback(){super.connectedCallback(),this.responsive===!0&&(this.responsiveElement=new y(this))}disconnectedCallback(){super.disconnectedCallback(),this.responsiveElement&&this.responsiveElement.disconnect()}firstUpdated(t){super.firstUpdated(t),this.parseAndValidateLightDom(),this.dynamic&&(this._lightDomMutationObserver=new v(this,()=>{this.parseAndValidateLightDom()}))}parseAndValidateLightDom(){}warn(t){this._lastWarning||(this._lastWarning=t,this.setAttribute("warning",t),this.setAttribute("title",`[ERROR]: ${t}`))}render(){return u`
-      <slot></slot>
-    `}};n.styles=h,a([l({type:String,reflect:!0,attribute:"aria-label"})],n.prototype,"ariaLabel",2),a([l({type:String,attribute:"aria-disabled"})],n.prototype,"ariaDisabled",2),a([l({type:Boolean})],n.prototype,"responsive",2),a([l({type:Boolean})],n.prototype,"dynamic",2),a([l({type:String,reflect:!0})],n.prototype,"element",2),a([b()],n.prototype,"_lastWarning",2);export{l as a,b,M as c,n as d};
-/**
- * @license
- * Copyright 2017 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */
-/**
- * @license
- * Copyright 2021 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */
-//# sourceMappingURL=chunk.MHJFJRA2.js.map

package/dist/chunks/chunk.NOG4WTUR.js

@@ -1,4 +0,0 @@
-import{d as o}from"./chunk.MHJFJRA2.js";import{a as e}from"./chunk.PKA6D7UK.js";var t=class extends o{constructor(){super(),this.element="layout-component",this.setAttribute("scw-layout-initial",""),this.responsive=!0}render(){return e`
-      <slot></slot>
-    `}};export{t as a};
-//# sourceMappingURL=chunk.NOG4WTUR.js.map

package/dist/chunks/chunk.NPQHDZZM.js

@@ -1,2 +0,0 @@
-import{a as c}from"./chunk.XOE57FOV.js";customElements.define("scw-icon",c);
-//# sourceMappingURL=chunk.NPQHDZZM.js.map

package/dist/chunks/chunk.NW6LQ3YZ.js

@@ -1,2 +0,0 @@
-import{a as i}from"./chunk.I22BAQME.js";function a(e){i.addBreakpointListener(e.breakpoints,e.mediaQueryHandler),e.mediaQueryHandler()}function u(e){let r=window.innerWidth;if(e.responsiveClientSelector){let n=e.responsiveInfo.parentElement;if(n){let t=n.querySelector(e.responsiveClientSelector);t?e.responsiveClient=t:console.error(`could NOT find responsive client ${e.responsiveClientSelector} for responsive element`,e.responsiveInfo)}else{console.error("could NOT find parent for responsive element",e.responsiveInfo);return}}Object.values(e.attrBreakpoints).map(n=>{n.find(t=>{if(!!t.attribute)return r>=t.minWidth&&r<=t.maxWidth?(t.name==="empty"?e.responsiveClient.removeAttribute(t.attribute):e.responsiveClient.setAttribute(t.attribute,`${t.value?t.value:""}`),!0):!1})})}export{a,u as b};
-//# sourceMappingURL=chunk.NW6LQ3YZ.js.map

package/dist/chunks/chunk.NW6LQ3YZ.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/utils/responsive/connectAttributes.ts"],
-  "sourcesContent": ["import ResponsiveElement from './ResponsiveElement';\nimport mediaQueryListSingleton from '../observers/mediaQueryListSingleton';\n\n/**\n * connect attributes (class right now) to the responsiveEle via resizing\n * @param {ResponsiveElement} responsiveEle\n */\nexport function connectAttributes(responsiveEle : ResponsiveElement) {\n  // Only watching document right now...\n  mediaQueryListSingleton.addBreakpointListener(\n      responsiveEle.breakpoints,\n      responsiveEle.mediaQueryHandler,\n  );\n\n  // run initial...\n  responsiveEle.mediaQueryHandler();\n}\n\n/**\n * handle media query events\n * @param {ResponsiveElement} responsiveEle\n */\nexport function mediaQueryHandler( responsiveEle : ResponsiveElement ) {\n  const w = window.innerWidth;\n  // cons ole.log( `[ResponsiveElement] window width: ${w}`);\n\n  if (responsiveEle.responsiveClientSelector) {\n    const responsiveInfoParent = responsiveEle.responsiveInfo.parentElement;\n    if (responsiveInfoParent) {\n      const responsiveClient = responsiveInfoParent.querySelector(\n          responsiveEle.responsiveClientSelector,\n      );\n      if ( responsiveClient ) {\n        responsiveEle.responsiveClient =\n          responsiveClient as unknown as HTMLElement;\n      } else {\n        console.error(\n            `could NOT find responsive client ${\n              responsiveEle.responsiveClientSelector} for responsive element`,\n            responsiveEle.responsiveInfo,\n        );\n      }\n    } else {\n      console.error(\n          'could NOT find parent for responsive element',\n          responsiveEle.responsiveInfo,\n      );\n      return;\n    }\n  }\n\n  const attrBreakpoints = Object.values( responsiveEle.attrBreakpoints );\n  attrBreakpoints.map((breakpoints) => {\n    breakpoints.find((bp) => {\n      if (!bp.attribute) return;\n      if ( w >= bp.minWidth && w <= bp.maxWidth ) {\n        if (bp.name === 'empty') {\n          responsiveEle.responsiveClient.removeAttribute( bp.attribute );\n        } else {\n          responsiveEle.responsiveClient.setAttribute(\n              bp.attribute,\n              `${bp.value ? bp.value : ''}`,\n          );\n        }\n        // con sole.log( `[ResponsiveElement] hit:`, bp );\n        return true;\n      }\n      return false;\n    });\n  });\n}\n"],
-  "mappings": "wCAOO,SAASA,EAAkBC,EAAmC,CAEnEC,EAAwB,sBACpBD,EAAc,YACdA,EAAc,iBAClB,EAGAA,EAAc,kBAAkB,CAClC,CAMO,SAASE,EAAmBF,EAAoC,CACrE,IAAMG,EAAI,OAAO,WAGjB,GAAIH,EAAc,yBAA0B,CAC1C,IAAMI,EAAuBJ,EAAc,eAAe,cAC1D,GAAII,EAAsB,CACxB,IAAMC,EAAmBD,EAAqB,cAC1CJ,EAAc,wBAClB,EACKK,EACHL,EAAc,iBACZK,EAEF,QAAQ,MACJ,oCACEL,EAAc,kDAChBA,EAAc,cAClB,CAEJ,KAAO,CACL,QAAQ,MACJ,+CACAA,EAAc,cAClB,EACA,MACF,CACF,CAEwB,OAAO,OAAQA,EAAc,eAAgB,EACrD,IAAKM,GAAgB,CACnCA,EAAY,KAAMC,GAAO,CACvB,GAAI,EAACA,EAAG,UACR,OAAKJ,GAAKI,EAAG,UAAYJ,GAAKI,EAAG,UAC3BA,EAAG,OAAS,QACdP,EAAc,iBAAiB,gBAAiBO,EAAG,SAAU,EAE7DP,EAAc,iBAAiB,aAC3BO,EAAG,UACH,GAAGA,EAAG,MAAQA,EAAG,MAAQ,IAC7B,EAGK,IAEF,EACT,CAAC,CACH,CAAC,CACH",
-  "names": ["connectAttributes", "responsiveEle", "mediaQueryListSingleton_default", "mediaQueryHandler", "w", "responsiveInfoParent", "responsiveClient", "breakpoints", "bp"]
-}

package/dist/chunks/chunk.OOCO42E3.js

@@ -1,2 +0,0 @@
-import{a}from"./chunk.EJBBXIW3.js";function r(e){if(e.children.length===0)return;let n=e.querySelector("h1, h2, h3, h4, h5");if(!n)return;let t=Object.values(a),i=t.indexOf(n.nodeName);i!==-1&&(e.ariaLabel=n.textContent?n.textContent.trim():"",e.size=t[i])}export{r as a};
-//# sourceMappingURL=chunk.OOCO42E3.js.map

package/dist/chunks/chunk.OOCO42E3.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/scw-heading/parseLightDomHeading.ts"],
-  "sourcesContent": ["import ScwHeading from './ScwHeading';\nimport {\n  ScwHeadingSizes,\n} from './scw-heading-enums';\n\n/**\n * Parses light dom into variables to be used for rendering\n * @param {ScwHeading} scwHeading\n */\nexport default function parseLightDomHeading( scwHeading: ScwHeading ) {\n  if (scwHeading.children.length === 0) {\n    return;\n  }\n\n  const heading = scwHeading.querySelector('h1, h2, h3, h4, h5');\n  if (!heading) return;\n\n  const headingNames = Object.values(ScwHeadingSizes);\n  const headingIndex = headingNames.indexOf(\n    heading.nodeName as unknown as ScwHeadingSizes,\n  );\n  if (headingIndex === -1) return;\n\n  scwHeading.ariaLabel = heading.textContent ? heading.textContent.trim() : '';\n  scwHeading.size = headingNames[headingIndex] as unknown as ScwHeadingSizes;\n}\n"],
-  "mappings": "mCASe,SAARA,EAAuCC,EAAyB,CACrE,GAAIA,EAAW,SAAS,SAAW,EACjC,OAGF,IAAMC,EAAUD,EAAW,cAAc,oBAAoB,EAC7D,GAAI,CAACC,EAAS,OAEd,IAAMC,EAAe,OAAO,OAAOC,CAAe,EAC5CC,EAAeF,EAAa,QAChCD,EAAQ,QACV,EACIG,IAAiB,KAErBJ,EAAW,UAAYC,EAAQ,YAAcA,EAAQ,YAAY,KAAK,EAAI,GAC1ED,EAAW,KAAOE,EAAaE,GACjC",
-  "names": ["parseLightDomHeading", "scwHeading", "heading", "headingNames", "ScwHeadingSizes", "headingIndex"]
-}

package/dist/chunks/chunk.PHUU6D3H.js

@@ -1,59 +0,0 @@
-import{a as p}from"./chunk.FSF6MEVS.js";import{a as m}from"./chunk.A6Q2K43E.js";import{d as b}from"./chunk.GX274VLQ.js";import{a as e,b as n}from"./chunk.MHJFJRA2.js";import{a as l}from"./chunk.I22BAQME.js";import{b as c}from"./chunk.F7EWVIRZ.js";import{a as h}from"./chunk.3IG37SCP.js";import{a as r}from"./chunk.PKA6D7UK.js";import{g as i}from"./chunk.5YJY6NT6.js";var u=h`
-:host {
-  /* scw element */
-  position: relative;
-  box-sizing: border-box;
-  --margin-right: initial;
-  --margin-bottom: initial;
-  --gap-h-int: initial;
-  --gap-v-int: initial;
-  margin-right: var(--margin-right, var(--gap-h-int, initial));
-  margin-bottom: var(--margin-bottom, var(--gap-v-int, initial));
-  display: block;
-}
-
-:host([warning]) {
-  outline: 2px solid red !important;
-}
-
-:host .scw-link-base {
-  display: block;
-  overflow: hidden;
-  position: relative;
-  width: 100%;
-  height: 100%;
-}
-:host .scw-link-base img {
-  display: block;
-  position: absolute;
-}
-/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiL1VzZXJzL3Njb3R0cm91c2UvV29ya3NwYWNlL3NjdS13ZWItY29tcG9uZW50cy13ZWJzaXRlcy9zY3Utd2ViLWNvbXBvbmVudHMtd2Vic2l0ZXMvc3JjL3Njdy1pbWFnZS9zY3NzIiwic291cmNlcyI6WyIuLi8uLi9zY3ctY29tcG9uZW50L3Njc3Mvc2N3LWNvbXBvbmVudC5zY3NzIiwiLi4vLi4vLi4vZGlzdC90b2tlbnMvc291cmNlL2Nzc0FwaS5zY3NzIiwic2N3LWltYWdlLnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBRUE7QUMyb3RCRTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFFQTs7O0FEanB0QkY7RUFDRTs7O0FFSEE7RUFDRTtFQUNBO0VBQ0E7RUFDQTtFQUNBOztBQUVBO0VBQ0U7RUFDQSJ9 */`;var t=class extends b{constructor(){super();this.preload=!1;this.noLazyLoading=!1;this.resizeBreakpoints=`${"sm"}, ${"md"}, ${"lg"}`;this._isIntersecting=!1;this._hasIntersected=!1;this._resizeBreakpoints=[];this.element="image"}static get styles(){return[super.styles,u]}firstUpdated(s){super.firstUpdated(s),this._resizeHandler=this._resizeHandler.bind(this),this._intersectionHandler=this._intersectionHandler.bind(this),this.noLazyLoading?this._hasIntersected=!0:p.registerCallback(this,this._intersectionHandler),this.establishResizeBreakpoints()}parseAndValidateLightDom(){super.parseAndValidateLightDom(),m(this)}disconnectedCallback(){super.disconnectedCallback(),this._lightDomMutationObserver&&this._lightDomMutationObserver.disconnect(),p.unregisterCallback(this,this._intersectionHandler),l.removeBreakpointListener(this._resizeBreakpoints,this._resizeHandler)}establishResizeBreakpoints(){if(this.srcset){let s=this.resizeBreakpoints.split(","),o=c();this._resizeBreakpoints=[],s.map(d=>{let a=o[d.trim()];a&&this._resizeBreakpoints.push(a)}),l.addBreakpointListener(this._resizeBreakpoints,this._resizeHandler),this._resizeHandler()}}_resizeHandler(){this._imageSize=this.clientWidth}_intersectionHandler(s){this._isIntersecting=s,this._hasIntersected=this._hasIntersected?!0:s}renderContainerCss(){if(this.aspectRatio){let s=this.aspectRatio.split(":"),o=parseFloat(s[0]);return`
-        display: block;
-        padding-bottom: ${parseFloat(s[1])/o*100}%;
-        height: 0;`}return""}renderImgCss(){return this.objectFit||this.objectPosition?`
-        position: absolute;
-        top: 0; left: 0;
-        width: 100%; height: 100%;
-        object-fit: ${this.objectFit?this.objectFit:"contain"};
-        object-position: ${this.objectPosition?this.objectPosition:"center"}`:""}renderPreload(){if(this.preload){if(this._imageSize&&this.srcset)return r`<link 
-        rel="preload"
-        as="image"
-        srcset="${this.srcset}"
-        sizes="${this._imageSize}px" />
-      `;if(this.src)return r`<link 
-          rel="preload"
-          as="image"
-          href="${this.src}" />
-        `}}renderContent(){return this._hasIntersected?this._imageSize&&this.srcset?r`
-          ${this.renderPreload()}
-          <img
-            style="${this.renderImgCss()}"
-            srcset="${this.srcset}"
-            sizes="${this._imageSize}px"
-            alt="${this.alt?this.alt:"NO ALT!"}" />`:r`
-          ${this.renderPreload()}
-          <img
-            style="${this.renderImgCss()}"
-            src="${this.src?this.src:!1}"
-            alt="${this.alt?this.alt:"NO ALT!"}" />`:r``}render(){return this.renderLink(this.renderContent(),this.renderContainerCss())}};i([e({type:String,attribute:"aspect-ratio"})],t.prototype,"aspectRatio",2),i([e({type:String,attribute:"object-fit"})],t.prototype,"objectFit",2),i([e({type:String,attribute:"object-position"})],t.prototype,"objectPosition",2),i([e({type:String})],t.prototype,"srcset",2),i([e({type:String})],t.prototype,"src",2),i([e({type:String})],t.prototype,"alt",2),i([e({type:Boolean})],t.prototype,"preload",2),i([e({type:Boolean,attribute:"no-lazy-loading"})],t.prototype,"noLazyLoading",2),i([e({type:String,attribute:"resize-breakpoints"})],t.prototype,"resizeBreakpoints",2),i([n()],t.prototype,"_imageSize",2),i([n()],t.prototype,"_isIntersecting",2),i([n()],t.prototype,"_hasIntersected",2);export{t as a};
-//# sourceMappingURL=chunk.PHUU6D3H.js.map

package/dist/chunks/chunk.PHUU6D3H.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/scw-image/scss/scw-image.scss", "../../src/scw-image/ScwImage.ts"],
-  "sourcesContent": ["import {css} from \"lit-element/lit-element.js\";\nexport default css`\n:host {\n  /* scw element */\n  position: relative;\n  box-sizing: border-box;\n  --margin-right: initial;\n  --margin-bottom: initial;\n  --gap-h-int: initial;\n  --gap-v-int: initial;\n  margin-right: var(--margin-right, var(--gap-h-int, initial));\n  margin-bottom: var(--margin-bottom, var(--gap-v-int, initial));\n  display: block;\n}\n\n:host([warning]) {\n  outline: 2px solid red !important;\n}\n\n:host .scw-link-base {\n  display: block;\n  overflow: hidden;\n  position: relative;\n  width: 100%;\n  height: 100%;\n}\n:host .scw-link-base img {\n  display: block;\n  position: absolute;\n}\n/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiL1VzZXJzL3Njb3R0cm91c2UvV29ya3NwYWNlL3NjdS13ZWItY29tcG9uZW50cy13ZWJzaXRlcy9zY3Utd2ViLWNvbXBvbmVudHMtd2Vic2l0ZXMvc3JjL3Njdy1pbWFnZS9zY3NzIiwic291cmNlcyI6WyIuLi8uLi9zY3ctY29tcG9uZW50L3Njc3Mvc2N3LWNvbXBvbmVudC5zY3NzIiwiLi4vLi4vLi4vZGlzdC90b2tlbnMvc291cmNlL2Nzc0FwaS5zY3NzIiwic2N3LWltYWdlLnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBRUE7QUMyb3RCRTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFFQTs7O0FEanB0QkY7RUFDRTs7O0FFSEE7RUFDRTtFQUNBO0VBQ0E7RUFDQTtFQUNBOztBQUVBO0VBQ0U7RUFDQSJ9 */`;\n", "import {html} from 'lit';\nimport {property, state} from 'lit/decorators.js';\nimport styles from './scss/scw-image.scss';\nimport {Components} from '../utils/enums/Components';\nimport mediaQueryListSingleton\n  from '../utils/observers/mediaQueryListSingleton';\nimport intersectionObserverSingleton\n  from '../utils/observers/intersectionObserverSingleton';\nimport ScwLinkBase from '../scw-link-base/ScwLinkBase';\nimport validate from './scw-image-validate';\nimport {BreakpointNames, Breakpoint} from '../utils/responsive/BreakpointTypes';\nimport {breakpointLookup} from '../utils/responsive/breakpoints';\n\n/**\n * ScwImage\n * @class\n * @tag scw-image\n *\n * @slot [default=\"<img src alt />\"]\n    Base image to display. This is generally a LQIP (Low Quality Image\n      Placeholder)\n * @slot [default=\"<a href target><source /><img src alt /></a>\"]\n    (OPTIONAL) anchor (for SEO) will determine the label, href, and target in\n    addition to size and label.\n */\nexport default class ScwImage extends ScwLinkBase {\n  /**\n  * styles\n  */\n  static get styles() {\n    return [\n      super.styles,\n      styles,\n    ];\n  }\n\n  // ============== ScwImage =================================================\n  /** (ScwImage) Width:Height ratio */\n  @property({type: String, attribute: 'aspect-ratio'})\n    aspectRatio: string | undefined;// = '2:1';\n\n  /** (ScwImage) Object Fit CSS */\n  @property({type: String, attribute: 'object-fit'})\n    objectFit: string | undefined;// = 'contain';\n\n  /** (ScwImage) Object Position CSS */\n  @property({type: String, attribute: 'object-position'})\n    objectPosition: string | undefined;// = 'center';\n\n  /** (ScwImage) srcset of image */\n  @property({type: String})\n    srcset: string | undefined;\n\n  /** (ScwImage) src of image */\n  @property({type: String})\n    src: string | undefined;// NOTE: \"#\" don't work in chrome w/ inline imgs\n\n  /** (ScwImage) alt of image */\n  @property({type: String})\n    alt: string | undefined;\n\n  /** (ScwImage) whether to preload image or not */\n  @property({type: Boolean})\n    preload = false;\n\n  /** (ScwImage) turn off lazy loading */\n  @property({type: Boolean, attribute: 'no-lazy-loading'})\n    noLazyLoading = false;\n\n  /** (ScwImage) establishes when (via the name of the breakpoint)\n   * the image figures out it's sizing for srcset */\n  @property({type: String, attribute: 'resize-breakpoints'})\n    resizeBreakpoints = `${\n      BreakpointNames.breakpointSM}, ${\n      BreakpointNames.breakpointMD}, ${\n      BreakpointNames.breakpointLG}`;\n\n  // ====== STATES =============================================================\n  /** (ScwImage) the image size derived from resize observer */\n  @state()\n    _imageSize : number | undefined;\n\n  /** (ScwImage) determines whether element is intersecting */\n  @state()\n    _isIntersecting = false;\n\n  /** (ScwImage) determines whether element has intersected once */\n  @state()\n    _hasIntersected = false;\n\n  _resizeBreakpoints: Breakpoint[] = [];\n\n  /** Constructor */\n  constructor() {\n    super();\n    this.element = Components.image;\n  }\n\n  /**\n   * first updated\n   * @param {Map<string | number | symbol, unknown>} changedProps\n   */\n  firstUpdated(changedProps: Map<string | number | symbol, unknown>) {\n    super.firstUpdated(changedProps);\n    this._resizeHandler = this._resizeHandler.bind(this);\n    this._intersectionHandler = this._intersectionHandler.bind(this);\n    if (!this.noLazyLoading) {\n      intersectionObserverSingleton.registerCallback(\n          this, this._intersectionHandler,\n      );\n    } else {\n      // resizeSingleton.registerCallback(this, this._resizeHandler);\n      this._hasIntersected = true;\n    }\n\n    this.establishResizeBreakpoints();\n  }\n\n  /** parseAndValidateLightDom, just adding local parsing and validation */\n  parseAndValidateLightDom() {\n    super.parseAndValidateLightDom();\n    validate( this );\n  }\n\n  /**\n  * disconnect from dom\n  */\n  disconnectedCallback() {\n    super.disconnectedCallback();\n    if (this._lightDomMutationObserver) {\n      this._lightDomMutationObserver.disconnect();\n    }\n    intersectionObserverSingleton.unregisterCallback(\n        this, this._intersectionHandler,\n    );\n    mediaQueryListSingleton.removeBreakpointListener(\n        this._resizeBreakpoints,\n        this._resizeHandler,\n    );\n  }\n\n  /**\n   * Establish Resize Breakpoints\n   */\n  establishResizeBreakpoints() {\n    if (this.srcset) {\n      const resizeBreakpointsArr = this.resizeBreakpoints.split(',');\n      const bpLookup = breakpointLookup();\n      this._resizeBreakpoints = [];\n      resizeBreakpointsArr.map((bp) => {\n        const bpObj = bpLookup[bp.trim()];\n        if (bpObj) {\n          this._resizeBreakpoints.push(bpObj);\n        }\n      });\n      mediaQueryListSingleton.addBreakpointListener(\n          this._resizeBreakpoints,\n          this._resizeHandler,\n      );\n      this._resizeHandler();// need a first _imageSize\n    }\n  }\n\n  /**\n  * handle resize events\n  */\n  _resizeHandler() {\n    this._imageSize = this.clientWidth;\n  }\n\n  /**\n  * handle resize events\n  * @param {boolean} intersecting\n  * @param {number} ratio\n  */\n  _intersectionHandler(intersecting: boolean) {// }, ratio: number) {\n    this._isIntersecting = intersecting;\n    // images only render once...\n    this._hasIntersected = this._hasIntersected ? true : intersecting;\n  }\n\n  /**\n  * Translate aspect ration string to a number (percent)\n  * @return {string}\n  */\n  renderContainerCss() {\n    if ( this.aspectRatio) {\n      const aspectRatioArr = this.aspectRatio.split(':');\n      const w = parseFloat(aspectRatioArr[0]);\n      const h = parseFloat(aspectRatioArr[1]);\n      const percent = (h / w) * 100;\n      return `\n        display: block;\n        padding-bottom: ${percent}%;\n        height: 0;`;\n    }\n    return ``;\n  }\n\n  /**\n  * Css for image\n  * @return {string}\n  */\n  renderImgCss() : string {\n    if ( this.objectFit || this.objectPosition ) { // this.aspectRatio ) {\n      return `\n        position: absolute;\n        top: 0; left: 0;\n        width: 100%; height: 100%;\n        object-fit: ${this.objectFit ? this.objectFit : 'contain'};\n        object-position: ${this.objectPosition ?\n          this.objectPosition : 'center'}`;\n    } else {\n      return ``;\n    }\n  }\n\n  /**\n  * render preload link\n  * @return {object} component DOM\n  */\n  renderPreload() : object | undefined {\n    if (this.preload) {\n      if (this._imageSize && this.srcset) {\n        return html`<link \n        rel=\"preload\"\n        as=\"image\"\n        srcset=\"${this.srcset}\"\n        sizes=\"${this._imageSize}px\" />\n      `;\n      } else if (this.src) {\n        return html`<link \n          rel=\"preload\"\n          as=\"image\"\n          href=\"${this.src}\" />\n        `;\n      }\n    }\n  }\n\n  /**\n  * render\n  * @return {object} component DOM\n  */\n  renderContent(): object {\n    if (this._hasIntersected) {\n      if (this._imageSize && this.srcset) {\n        return html`\n          ${this.renderPreload()}\n          <img\n            style=\"${this.renderImgCss()}\"\n            srcset=\"${this.srcset}\"\n            sizes=\"${this._imageSize}px\"\n            alt=\"${this.alt ? this.alt : 'NO ALT!'}\" />`;\n      } else {\n        return html`\n          ${this.renderPreload()}\n          <img\n            style=\"${this.renderImgCss()}\"\n            src=\"${this.src ? this.src : false}\"\n            alt=\"${this.alt ? this.alt : 'NO ALT!'}\" />`;\n      }\n    } else {\n      return html``;\n    }\n  }\n\n  /**\n  * render\n  * @return {object} component DOM\n  */\n  render(): object {\n    return this.renderLink(\n        this.renderContent(),\n        this.renderContainerCss(),\n    );\n  }\n}\n"],
-  "mappings": "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",
-  "names": ["scw_image_default", "i", "ScwImage", "ScwLinkBase", "scw_image_default", "changedProps", "intersectionObserverSingleton_default", "validate", "mediaQueryListSingleton_default", "resizeBreakpointsArr", "bpLookup", "breakpointLookup", "bp", "bpObj", "intersecting", "aspectRatioArr", "w", "y", "__decorateClass", "t"]
-}

package/dist/chunks/chunk.PMTGBID7.js

@@ -1,2 +0,0 @@
-import{a as e}from"./chunk.PHUU6D3H.js";customElements.define("scw-image",e);
-//# sourceMappingURL=chunk.PMTGBID7.js.map

package/dist/chunks/chunk.PMYXQ23P.js

@@ -1,2 +0,0 @@
-import{a as e}from"./chunk.DJUNNF3C.js";customElements.define("scw-menu-item",e);
-//# sourceMappingURL=chunk.PMYXQ23P.js.map

package/dist/chunks/chunk.QZ7HSWXB.js

@@ -1,2 +0,0 @@
-function e(a){a.ariaLabel||a.warn("no aria-label found.")}export{e as a};
-//# sourceMappingURL=chunk.QZ7HSWXB.js.map

package/dist/chunks/chunk.QZ7HSWXB.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/scw-menu/scw-menu-validate.ts"],
-  "sourcesContent": ["import ScwMenu from './ScwMenu';\n\n/**\n * Validates properties\n * @param {ScwMenu} menu\n */\nexport default function validate( menu : ScwMenu ) {\n  if (!menu.ariaLabel) {\n    menu.warn('no aria-label found.');\n  }\n\n  /* if (!menu.isSubMenu()) {\n    const parent = menu.parentElement;\n    if (parent && parent.nodeName.indexOf('SCW-NAV') !== 0 ) {\n      menu.warn('root menu must be in an scw-nav.');\n    }\n  }*/\n}\n"],
-  "mappings": "AAMe,SAARA,EAA2BC,EAAiB,CAC5CA,EAAK,WACRA,EAAK,KAAK,sBAAsB,CASpC",
-  "names": ["validate", "menu"]
-}

package/dist/chunks/chunk.RIOPXQH2.js

@@ -1,2 +0,0 @@
-import{a as c}from"./chunk.PIDHXJWR.js";customElements.define("scw-card",c);
-//# sourceMappingURL=chunk.RIOPXQH2.js.map

package/dist/chunks/chunk.S37UURLM.js

@@ -1,2 +0,0 @@
-import{a as e}from"./chunk.CD4CYRRA.js";customElements.define("scw-center-component",e);
-//# sourceMappingURL=chunk.S37UURLM.js.map

package/dist/chunks/chunk.THZ6HT66.js

@@ -1,2 +0,0 @@
-import{d as o}from"./chunk.MHJFJRA2.js";customElements.define("scw-component",o);
-//# sourceMappingURL=chunk.THZ6HT66.js.map

package/dist/chunks/chunk.XOE57FOV.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/scw-icon/scss/scw-icon.scss", "../../src/scw-icon/ScwIcon.ts"],
-  "sourcesContent": ["import {css} from \"lit-element/lit-element.js\";\nexport default css`\n:host .scw-link-base {\n  outline: none;\n  user-select: none;\n  display: inline-flex;\n  width: 100%;\n  height: 100%;\n  border-radius: 50%;\n}\n:host .scw-link-base svg {\n  box-sizing: border-box;\n  vertical-align: top;\n  width: 100%;\n  height: 100%;\n}\n\n:host {\n  width: 30px;\n  height: 30px;\n}\n:host a.scw-link-base:hover {\n  background-color: var(--scw-color-grey-092);\n}\n:host svg, :host svg * {\n  fill: var(--scw-color, var(--scw-color-grey-02));\n}\n:host svg .color-step-01 {\n  fill: var(--scw-color-01, var(--scw-color-grey-01));\n}\n:host svg .color-step-02 {\n  fill: var(--scw-color-02, var(--scw-color-grey-02));\n}\n:host svg .color-step-03 {\n  fill: var(--scw-color-03, var(--scw-color-grey-03));\n}\n:host svg .color-step-04 {\n  fill: var(--scw-color-04, var(--scw-color-grey-04));\n}\n:host svg .color-step-05,\n:host svg .color-step {\n  fill: var(--scw-color-05, var(--scw-color-grey-05));\n}\n:host svg .color-step-06 {\n  fill: var(--scw-color-06, var(--scw-color-grey-06));\n}\n:host svg .color-step-07 {\n  fill: var(--scw-color-07, var(--scw-color-grey-07));\n}\n:host svg .color-step-08 {\n  fill: var(--scw-color-08, var(--scw-color-grey-08));\n}\n:host svg .color-step-09 {\n  fill: var(--scw-color-09, var(--scw-color-grey-09));\n}\n\n:host([color-background]) .scw-link-base {\n  background-color: var(--scw-color, var(--scw-color-grey-02));\n}\n:host([color-background]) a.scw-link-base:hover {\n  background-color: var(--scw-color-06, var(--scw-color-dark, var(--scw-color-grey-02)));\n}\n:host([color-background]) svg, :host([color-background]) svg * {\n  fill: var(--scw-color-grey-10);\n}\n\n:host([size=\"10\"]) {\n  width: 10px;\n  height: 10px;\n}\n\n:host([size=\"20\"]) {\n  width: 20px;\n  height: 20px;\n}\n\n:host([size=\"30\"]) {\n  width: 30px;\n  height: 30px;\n}\n\n:host([size=\"40\"]) {\n  width: 40px;\n  height: 40px;\n}\n\n:host([size=\"50\"]) {\n  width: 50px;\n  height: 50px;\n}\n\n:host([size=\"60\"]) {\n  width: 60px;\n  height: 60px;\n}\n\n:host([size=\"70\"]) {\n  width: 70px;\n  height: 70px;\n}\n\n:host([size=\"80\"]) {\n  width: 80px;\n  height: 80px;\n}\n\n:host([size=\"90\"]) {\n  width: 90px;\n  height: 90px;\n}\n\n:host([size=\"100\"]) {\n  width: 100px;\n  height: 100px;\n}\n/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiL1VzZXJzL3Njb3R0cm91c2UvV29ya3NwYWNlL3NjdS13ZWItY29tcG9uZW50cy13ZWJzaXRlcy9zY3Utd2ViLWNvbXBvbmVudHMtd2Vic2l0ZXMvc3JjL3Njdy1pY29uL3Njc3MiLCJzb3VyY2VzIjpbInNjdy1pY29uLnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7RUFDRTtFQUNBO0VBQ0E7RUFDQTtFQUFhO0VBQ2I7O0FBRUE7RUFDRTtFQUNBO0VBQ0E7RUFDQTs7O0FBSUo7RUFFRTtFQUFhOztBQUViO0VBQ0U7O0FBR0Y7RUFDRTs7QUFHRjtFQUNFOztBQUVGO0VBQ0U7O0FBRUY7RUFDRTs7QUFFRjtFQUNFOztBQUVGO0FBQUE7RUFFRTs7QUFFRjtFQUNFOztBQUVGO0VBQ0U7O0FBRUY7RUFDRTs7QUFFRjtFQUNFOzs7QUFLRjtFQUNFOztBQUVGO0VBRUUsa0JBQ0U7O0FBSUo7RUFDRTs7O0FBSUo7RUFDRTtFQUFhOzs7QUFFZjtFQUNFO0VBQWE7OztBQUVmO0VBQ0U7RUFBYTs7O0FBRWY7RUFDRTtFQUFhOzs7QUFFZjtFQUNFO0VBQWE7OztBQUVmO0VBQ0U7RUFBYTs7O0FBRWY7RUFDRTtFQUFhOzs7QUFFZjtFQUNFO0VBQWE7OztBQUVmO0VBQ0U7RUFBYTs7O0FBRWY7RUFDRTtFQUFjIn0= */`;\n", "import {html} from 'lit';\nimport {property, state} from 'lit/decorators.js';\nimport {unsafeHTML} from 'lit/directives/unsafe-html.js';\n// import styles from './scss/scw-icon.scss';\nimport getIconSvg from '../utils/getIconSvg';\nimport {\n  ScwIconSizes,\n} from './scw-icon-enums';\nimport {Components} from '../utils/enums/Components';\nimport ScwLinkBase from '../scw-link-base/ScwLinkBase';\nimport styles from './scss/scw-icon.scss';\nconst {validationWarnings} = require('../utils/validation/warnings.mjs');\n\n/**\n * ScwIcon\n * @class\n * @tag scw-icon\n *\n * @slot [default=\"<a href target />\"]\n    (OPTIONAL) anchor (for SEO) will determine the label, href, and target.\n */\nexport default class ScwIcon extends ScwLinkBase {\n  /**\n  * styles\n  */\n  static get styles() {\n    return [\n      super.styles,\n      styles,\n    ];\n  }\n\n  // ============== ScwIcon ====================================================\n  /** (ScwIcon) Determines the icon to use with the text */\n  @property({type: String, reflect: true}) icon: string | undefined;\n\n  /** (ScwIcon) Determines the square size of the icon */\n  @property({type: String, reflect: true})\n    size: ScwIconSizes = ScwIconSizes.size50;\n\n  /** (ScwIcon) Background color (w/ accompanying state colors) */\n  @property({type: Boolean, reflect: true, attribute: 'color-background'})\n    colorBackground = false;\n\n  @state() _svgInfo = '';\n\n  /** Constructor */\n  constructor() {\n    super();\n    this.element = Components.icon;\n  }\n\n  /** parseAndValidateLightDom, just adding local parsing and validation */\n  parseAndValidateLightDom() {\n    super.parseAndValidateLightDom();\n    getIconSvg(this.icon, (svgInfo: string | false ) => {\n      if (svgInfo === false ) {\n        this.warn(validationWarnings.noIconWarning);\n      } else {\n        this._svgInfo = svgInfo;\n      }\n    });\n  }\n\n  /**\n  * render\n  * @return {object} component DOM\n  */\n  render(): object {\n    return this.renderLink(\n        html`\n        ${unsafeHTML(this._svgInfo)}\n      `,\n    );\n  }\n}\n"],
-  "mappings": "+SACA,IAAOA,EAAQC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;i2BCUf,GAAM,CAAC,mBAAAC,CAAkB,EAAI,WAURC,EAArB,cAAqCC,CAAY,CA0B/C,aAAc,CACZ,MAAM,EAVN,eAIA,qBAAkB,GAEX,cAAW,GAKlB,KAAK,cACP,CAzBA,WAAW,QAAS,CAClB,MAAO,CACL,MAAM,OACNC,CACF,CACF,CAuBA,0BAA2B,CACzB,MAAM,yBAAyB,EAC/BC,EAAW,KAAK,KAAOC,GAA6B,CAC9CA,IAAY,GACd,KAAK,KAAKL,EAAmB,aAAa,EAE1C,KAAK,SAAWK,CAEpB,CAAC,CACH,CAMA,QAAiB,CACf,OAAO,KAAK,WACRC;AAAA,UACEC,EAAW,KAAK,QAAQ;AAAA,OAE9B,CACF,CACF,EAzC2CC,EAAA,CAAxCC,EAAS,CAAC,KAAM,OAAQ,QAAS,EAAI,CAAC,GAbpBR,EAasB,oBAIvCO,EAAA,CADDC,EAAS,CAAC,KAAM,OAAQ,QAAS,EAAI,CAAC,GAhBpBR,EAiBjB,oBAIAO,EAAA,CADDC,EAAS,CAAC,KAAM,QAAS,QAAS,GAAM,UAAW,kBAAkB,CAAC,GApBpDR,EAqBjB,+BAEOO,EAAA,CAARE,EAAM,GAvBYT,EAuBV",
-  "names": ["scw_icon_default", "i", "validationWarnings", "ScwIcon", "ScwLinkBase", "scw_icon_default", "getIconSvg", "svgInfo", "y", "o", "__decorateClass", "e", "t"]
-}

package/dist/chunks/chunk.ZTRQFSO3.js

@@ -1,2 +0,0 @@
-import{a as i,b as u}from"./chunk.F6VIM5PL.js";import{a as n}from"./chunk.2T4VPIKP.js";var s=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"),n("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"),n("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){i(this.menu,e,"forwards")}focusOnPreviousTabbableElement(e){i(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=u(this.menu);if(e){let t=e.nextElementSibling;if(t&&t.element==="menu")return t}}};export{s as a};
-//# sourceMappingURL=chunk.ZTRQFSO3.js.map

package/dist/chunks/chunk.ZTRQFSO3.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/scw-menu/keyboard/scw-menu-keyboard.ts"],
-  "sourcesContent": ["import ScwMenu from '../ScwMenu';\n// import ScwMenuItem from '../scw-menu-item/scw-menu-item';\n// import {dispatchCustomEvent} from '../../utils/customEvents';\n// import ScwComponent from '../scw-component/scw-component';\nimport {emit, ScwEvents} from '../../utils/events/event';\nimport\nfocusOnTabbableElement,\n{\n  findActiveMenuElement,\n} from './keyboardElements';\nimport {ScwMenuDirections} from '../scw-menu-enums';\nimport ScwComponent from '../../scw-component/ScwComponent';\nimport {Components} from '../../utils/enums/Components';\n\n/**\n * ScwMenuKeyboard\n * manages all the keyboard events for ScwMenu\n */\nexport default class ScwMenuKeyboard {\n  /** menu to manage */\n  menu : ScwMenu;\n\n  /** list of elements that are tabbable */\n  tabbablelist = [\n    Components.menuItem,\n    Components.icon,\n    Components.link,\n    Components.button,\n    'BUTTON',\n    'A',\n  ];\n\n  /** list of elements that should be ignored */\n  ignorelist = ['scw-menu'];\n\n  /**\n  * constructor\n  * @param {ScwMenu} menu\n  */\n  constructor( menu: ScwMenu) {\n    this.menu = menu;\n    this.handleKeydown = this.handleKeydown.bind(this);\n    this.initKeyboard();\n    this.documentClickHandler = this.documentClickHandler.bind(this);\n    // TODO: capture all menuItems at beginning.\n  }\n\n  /**\n  * initialize keyboard event handling for ScwMenu\n  */\n  initKeyboard() {\n    this.menu.addEventListener('focusin', (evt) => {\n      if (evt.target === this.menu) {\n        this.focusOnNextTabbableElement(this.menu);\n      }\n      // take menu out of tab index so we can tab out smoothly\n      this.menu.setAttribute('tabindex', '-1');\n      emit(\n          ScwEvents.appModeOn,\n          this.menu,\n      );\n      if (this.menu.isSubMenu()) {\n        document.addEventListener('click', this.documentClickHandler );\n      }\n    });\n\n    this.menu.addEventListener('focusout', (evt) => {\n      if ( // don't matter if it is still within menu\n        evt.relatedTarget &&\n        this.menu.contains( evt.relatedTarget as unknown as HTMLElement)\n      ) {\n        return;\n      }\n      this.menu.setAttribute('tabindex', '0');\n\n      emit(\n          ScwEvents.appModeOff,\n          this.menu,\n      );\n    });\n\n    this.menu.addEventListener('keydown', (evt: KeyboardEvent) => {\n      this.handleKeydown(evt);\n    });\n\n    this.menu.addEventListener('click', (evt: MouseEvent) => {\n      this.clickHandler(evt);\n    });\n  }\n\n  /**\n   * close menu if clicked anywhere but menu\n   * @param {MouseEvent} evt\n   */\n  documentClickHandler(evt: MouseEvent) {\n    const target = evt.target as unknown as HTMLElement;\n    if (!this.menu.contains(target)) {\n      this.closeMenu();\n    }\n  }\n\n  /**\n   * closes menu if it is a submenu\n   * @param {boolean} doFocus\n   */\n  closeMenu(doFocus = false) {\n    if (this.menu.isSubMenu()) {\n      document.removeEventListener('click', this.documentClickHandler );\n      this.menu.ariaHidden = 'true';\n      this.menu.setAttribute('aria-hidden', 'true');\n\n      if (doFocus) {\n        const menuItem =\n          this.menu.previousElementSibling as unknown as ScwComponent;\n        if (\n          menuItem && menuItem.element === Components.menuItem\n        ) {\n          menuItem.focus();\n        }\n      }\n    }\n  }\n\n  /**\n   * handle clicks within the menu\n   * @param {MouseEvent} evt\n   */\n  clickHandler(evt : MouseEvent) {\n    const target = evt.target as unknown as ScwComponent;\n    if (target && target.element === Components.menuItem) {\n      target.focus();\n      this.toggleSubMenu();\n    }\n  }\n\n  /**\n   * opens/closes submenu if there is one\n   * @return {boolean}\n   */\n  toggleSubMenu() : boolean {\n    const subMenu = this.findSubmenu();\n    if (subMenu) {\n      if (subMenu.ariaHidden === 'false') {\n        subMenu.ariaHidden = 'true';\n        subMenu.setAttribute('aria-hidden', 'true');\n      } else {\n        subMenu.ariaHidden = 'false';\n        subMenu.setAttribute('aria-hidden', 'false');\n        setTimeout(() => {\n          subMenu.focus();\n        }, 0);\n      }\n      return true;\n    }\n    return false;\n  }\n\n  /**\n  * Focus on the next tabbable element\n  * @param {HTMLElement} ele\n  */\n  focusOnNextTabbableElement(ele?: HTMLElement) {\n    focusOnTabbableElement( this.menu, ele, 'forwards' );\n  }\n\n  /**\n  * Focus on the previous tabbable element\n  * @param {HTMLElement} ele\n  */\n  focusOnPreviousTabbableElement(ele?: HTMLElement) {\n    focusOnTabbableElement( this.menu, ele, 'backwards' );\n  }\n\n  /**\n  * Fully stops event\n  * @param {KeyboardEvent} evt\n  */\n  stopEvent(evt: Event) {\n    evt.stopPropagation();\n    evt.preventDefault();\n  }\n\n  /**\n  * Handle keyboard down events\n  * @param {KeyboardEvent} evt\n  */\n  handleKeydown(evt : KeyboardEvent) {\n    // figure out extents of Tab\n    if (\n      this.menu.isSubMenu() &&\n      evt.key === 'Tab'\n    ) {\n      if (evt.shiftKey) {// backwards....\n        // const prevTabbable = findPrevTabbableEle( this.menu );\n        // if (!prevTabbable) this.closeMenu();\n        this.focusOnPreviousTabbableElement();\n        this.stopEvent(evt);\n        return;\n      } else {\n        // const nextTabbable = findNextTabbableEle( this.menu );\n        // if (!nextTabbable) this.closeMenu();\n        this.focusOnNextTabbableElement();\n        this.stopEvent(evt);\n        return;\n      }\n    }\n\n    // Otherwise look for keys\n    switch (evt.key) {\n      case 'ArrowRight':\n        if (\n          this.menu.keyboardDirection === ScwMenuDirections.vertical\n        ) {\n          this.toggleSubMenu();\n        } else { // horizontal, either\n          this.focusOnNextTabbableElement();\n        }\n        this.stopEvent(evt);\n        break;\n      case 'ArrowDown':\n        if (\n          this.menu.keyboardDirection === ScwMenuDirections.horizontal\n        ) {\n          this.toggleSubMenu();\n        } else { // vertical, either\n          this.focusOnNextTabbableElement();\n        }\n        this.stopEvent(evt);\n        break;\n      case 'ArrowLeft':\n        if (\n          this.menu.keyboardDirection === ScwMenuDirections.vertical\n        ) {\n          if ( !this.toggleSubMenu() ) {\n            this.closeMenu(true);\n          }\n        } else { // horizontal, either\n          this.focusOnPreviousTabbableElement();\n        }\n        this.stopEvent(evt);\n        break;\n      case 'ArrowUp':\n        if (\n          this.menu.keyboardDirection === ScwMenuDirections.horizontal\n        ) {\n          if ( !this.toggleSubMenu() ) {\n            this.closeMenu(true);\n          }\n        } else { // horizontal, either\n          this.focusOnPreviousTabbableElement();\n        }\n        this.stopEvent(evt);\n        break;\n      case 'Escape':\n        this.closeMenu(true);\n        this.stopEvent(evt);\n        break;\n      case 'Home':\n        this.focusOnNextTabbableElement(this.menu);\n        this.stopEvent(evt);\n        break;\n      case 'End':\n        this.focusOnPreviousTabbableElement(this.menu);\n        this.stopEvent(evt);\n        break;\n    }\n  }\n\n  /**\n  * find the submenu of the focused ScwMenuItem\n  * @return {ScwMenu | undefined}\n  */\n  findSubmenu() : ScwMenu | undefined {\n    const focusedElement = findActiveMenuElement(this.menu);\n    if (focusedElement) {\n      const nextSibling =\n      focusedElement.nextElementSibling;\n      if ( nextSibling && nextSibling['element'] === Components.menu ) {\n        return nextSibling as unknown as ScwMenu;\n      }\n    }\n    return undefined;\n  }\n}\n\n\n"],
-  "mappings": "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",
-  "names": ["ScwMenuKeyboard", "menu", "evt", "emit", "target", "doFocus", "menuItem", "subMenu", "ele", "focusOnTabbableElement", "focusedElement", "findActiveMenuElement", "nextSibling"]
-}