@aurodesignsystem/auro-menu - npm Package Compare versions

Comparing version 2.2.0 to 2.2.1

CHANGELOG.md

 # Semantic Release Automated Changelog
 
+## [2.2.1](https://github.com/AlaskaAirlines/auro-menu/compare/v2.2.0...v2.2.1) (2022-01-25)
+
+
+### Bug Fixes
+
+* **API:** include value data in optionSelected event ([406649f](https://github.com/AlaskaAirlines/auro-menu/commit/406649fc202913956d7df76fd89cf1135f8fb695))
+
 # [2.2.0](https://github.com/AlaskaAirlines/auro-menu/compare/v2.1.0...v2.2.0) (2022-01-22)
@@ -4,0 +11,0 @@

dist/auro-menu__bundled.js

@@ -159,2 +159,2 @@ /**
  */
-(window.litElementVersions||(window.litElementVersions=[])).push("2.5.1");const Y={};class Z extends W{static getStyles(){return this.styles}static _getUniqueStyles(){if(this.hasOwnProperty(JSCompiler_renameProperty("_styles",this)))return;const t=this.getStyles();if(Array.isArray(t)){const e=(t,s)=>t.reduceRight(((t,s)=>Array.isArray(s)?e(s,t):(t.add(s),t)),s),s=e(t,new Set),i=[];s.forEach((t=>i.unshift(t))),this._styles=i}else this._styles=void 0===t?[]:[t];this._styles=this._styles.map((t=>{if(t instanceof CSSStyleSheet&&!J){const e=Array.prototype.slice.call(t.cssRules).reduce(((t,e)=>t+e.cssText),"");return new G(String(e),K)}return t}))}initialize(){super.initialize(),this.constructor._getUniqueStyles(),this.renderRoot=this.createRenderRoot(),window.ShadowRoot&&this.renderRoot instanceof window.ShadowRoot&&this.adoptStyles()}createRenderRoot(){return this.attachShadow(this.constructor.shadowRootOptions)}adoptStyles(){const t=this.constructor._styles;0!==t.length&&(void 0===window.ShadyCSS||window.ShadyCSS.nativeShadow?J?this.renderRoot.adoptedStyleSheets=t.map((t=>t instanceof CSSStyleSheet?t:t.styleSheet)):this._needsShimAdoptedStyleSheets=!0:window.ShadyCSS.ScopingShim.prepareAdoptedCssText(t.map((t=>t.cssText)),this.localName))}connectedCallback(){super.connectedCallback(),this.hasUpdated&&void 0!==window.ShadyCSS&&window.ShadyCSS.styleElement(this)}update(t){const e=this.render();super.update(t),e!==Y&&this.constructor.render(e,this.renderRoot,{scopeName:this.localName,eventContext:this}),this._needsShimAdoptedStyleSheets&&(this._needsShimAdoptedStyleSheets=!1,this.constructor._styles.forEach((t=>{const e=document.createElement("style");e.textContent=t.cssText,this.renderRoot.appendChild(e)})))}render(){return Y}}Z.finalized=!0,Z.render=(t,s,i)=>{if(!i||"object"!=typeof i||!i.scopeName)throw new Error("The `scopeName` option is required.");const n=i.scopeName,o=U.has(s),r=$&&11===s.nodeType&&!!s.host,a=r&&!I.has(n),l=a?document.createDocumentFragment():s;if(((t,s,i)=>{let n=U.get(s);void 0===n&&(e(s,s.firstChild),U.set(s,n=new N(Object.assign({templateFactory:k},i))),n.appendInto(s)),n.setValue(t),n.commit()})(t,l,Object.assign({templateFactory:j(n)},i)),a){const t=U.get(l);U.delete(l);const i=t.value instanceof g?t.value.template:void 0;F(n,l,i),e(s,s.firstChild),s.appendChild(l),U.set(s,t)}!o&&r&&window.ShadyCSS.styleElement(s.host)},Z.shadowRootOptions={mode:"open"};var Q=X`*,:after,:before{box-sizing:border-box}@media(prefers-reduced-motion:reduce){*,:after,:before{animation-duration:NaNs!important;animation-iteration-count:1!important;transition-duration:NaNs!important}}:focus-visible{outline:0}:focus-visible{outline:0}:focus:not(:focus-visible){outline:3px solid transparent}.js-focus-visible :focus:not(.focus-visible){outline:3px solid transparent}:host{display:inline-block;width:100%;padding:0;margin:0;vertical-align:middle}:host ::slotted(auro-menuoption){padding-left:calc(.75rem + 24px + .5rem);padding-left:calc(var(--auro-size-sm) + 24px + var(--auro-size-xs))}:host ::slotted([selected]){padding-left:0}:host ::slotted(hr){overflow:visible!important;height:0!important;box-sizing:content-box!important;border-width:0!important;border-top:1px solid rgba(0,0,0,.15)!important;border-top:1px solid var(--auro-color-border-divider-on-light)!important;margin:.5rem 0!important;margin:var(--auro-size-xs) 0!important}`,tt=X``;!function(){function t(t){var e=!0,s=!1,i=null,n={text:!0,search:!0,url:!0,tel:!0,email:!0,password:!0,number:!0,date:!0,month:!0,week:!0,time:!0,datetime:!0,"datetime-local":!0};function o(t){return!!(t&&t!==document&&"HTML"!==t.nodeName&&"BODY"!==t.nodeName&&"classList"in t&&"contains"in t.classList)}function r(t){t.classList.contains("focus-visible")||(t.classList.add("focus-visible"),t.setAttribute("data-focus-visible-added",""))}function a(t){e=!1}function l(){document.addEventListener("mousemove",d),document.addEventListener("mousedown",d),document.addEventListener("mouseup",d),document.addEventListener("pointermove",d),document.addEventListener("pointerdown",d),document.addEventListener("pointerup",d),document.addEventListener("touchmove",d),document.addEventListener("touchstart",d),document.addEventListener("touchend",d)}function d(t){t.target.nodeName&&"html"===t.target.nodeName.toLowerCase()||(e=!1,document.removeEventListener("mousemove",d),document.removeEventListener("mousedown",d),document.removeEventListener("mouseup",d),document.removeEventListener("pointermove",d),document.removeEventListener("pointerdown",d),document.removeEventListener("pointerup",d),document.removeEventListener("touchmove",d),document.removeEventListener("touchstart",d),document.removeEventListener("touchend",d))}document.addEventListener("keydown",(function(s){s.metaKey||s.altKey||s.ctrlKey||(o(t.activeElement)&&r(t.activeElement),e=!0)}),!0),document.addEventListener("mousedown",a,!0),document.addEventListener("pointerdown",a,!0),document.addEventListener("touchstart",a,!0),document.addEventListener("visibilitychange",(function(t){"hidden"===document.visibilityState&&(s&&(e=!0),l())}),!0),l(),t.addEventListener("focus",(function(t){var s,i,a;o(t.target)&&(e||(i=(s=t.target).type,"INPUT"===(a=s.tagName)&&n[i]&&!s.readOnly||"TEXTAREA"===a&&!s.readOnly||s.isContentEditable))&&r(t.target)}),!0),t.addEventListener("blur",(function(t){var e;o(t.target)&&(t.target.classList.contains("focus-visible")||t.target.hasAttribute("data-focus-visible-added"))&&(s=!0,window.clearTimeout(i),i=window.setTimeout((function(){s=!1}),100),(e=t.target).hasAttribute("data-focus-visible-added")&&(e.classList.remove("focus-visible"),e.removeAttribute("data-focus-visible-added")))}),!0),t.nodeType===Node.DOCUMENT_FRAGMENT_NODE&&t.host?t.host.setAttribute("data-js-focus-visible",""):t.nodeType===Node.DOCUMENT_NODE&&(document.documentElement.classList.add("js-focus-visible"),document.documentElement.setAttribute("data-js-focus-visible",""))}if("undefined"!=typeof window&&"undefined"!=typeof document){var e;window.applyFocusVisiblePolyfill=t;try{e=new CustomEvent("focus-visible-polyfill-ready")}catch(t){(e=document.createEvent("CustomEvent")).initCustomEvent("focus-visible-polyfill-ready",!1,!1,{})}window.dispatchEvent(e)}"undefined"!=typeof document&&t(document)}();var et=X`:host{display:flex;align-items:center;padding:var(--auro-size-xxs) var(--auro-size-md) var(--auro-size-xxs) 0;cursor:pointer;-webkit-tap-highlight-color:transparent}:host slot{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host svg{margin-right:var(--auro-size-xs);margin-left:var(--auro-size-sm);fill:var(--auro-color-icon-primary-on-light)!important}:host(:hover){background-color:var(--auro-color-brand-neutral-100);color:var(--auro-color-text-primary-on-light)}:host(:focus){background-color:var(--auro-color-alert-notification-on-light);color:var(--auro-color-base-white)}:host(:focus) svg{fill:var(--auro-color-base-white)!important}:host([disabled]){color:var(--auro-color-text-disabled-on-light);pointer-events:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}`,st=X``,it='<svg viewBox="0 0 24 24" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" role="img" aria-hidden="true" style="min-width:var(--auro-size-lg);height:var(--auro-size-lg);fill:currentColor" class="ico_squareLarge"><title>Check</title><desc/><path d="M8.53 11.97a.75.75 0 0 0-1.06 1.06l2.5 2.5a.75.75 0 0 0 1.083-.023l5.5-6a.75.75 0 0 0-1.106-1.014l-4.97 5.423L8.53 11.97Z"/></svg>';class nt extends Z{constructor(){super(),this.dom=(new DOMParser).parseFromString(it,"text/html"),this.svg=this.dom.body.firstChild}static get properties(){return{index:{type:Number},selected:{type:Boolean},disabled:{type:Boolean}}}static get styles(){return[et,st]}render(){return R`${this.selected?R`${this.svg}`:void 0}<slot></slot>`}}customElements.get("auro-menuoption")||customElements.define("auro-menuoption",nt);class ot extends Z{constructor(){super(),this.options=null}static get properties(){return{selectOption:{type:Number},options:{type:Array}}}static get styles(){return[Q,tt]}handleSlotChange(){const t=t=>{this.dispatchEvent(new CustomEvent("optionSelected",{bubbles:!0,cancelable:!1,composed:!0,detail:{index:t}})),this.options.forEach(((e,s)=>{t===s?(e.setAttribute("selected",""),this.selectOption=s):e.removeAttribute("selected")}))};if(this.options=this.querySelectorAll("auro-menuoption"),this.options.forEach(((t,e)=>{t.setAttribute("index",e),this.selectOption===e?t.setAttribute("selected",""):t.removeAttribute("selected")})),!this.selectOption&&this.parentElement.hasAttribute("selectOption")){const e=Number(this.parentElement.getAttribute("selectOption"));e>=0&&(this.selectOption=e,t(this.selectOption,this.options[this.selectOption].attributes["data-value"].value,this.options[this.selectOption].innerText))}const e=e=>{e.target.hasAttribute("disabled")||"enter"!==e.key.toLowerCase()&&" "!==e.key.toLowerCase()||(" "===e.key.toLowerCase()&&e.preventDefault(),t(Number(e.target.getAttribute("index")),e.target.getAttribute("data-value"),e.target.innerText)),"arrowdown"===e.key.toLowerCase()&&(e.preventDefault(),Number(e.target.getAttribute("index"))===this.options.length-1?this.options[0].focus():this.options[Number(e.target.getAttribute("index"))+1].focus()),"arrowup"===e.key.toLowerCase()&&(e.preventDefault(),0===Number(e.target.getAttribute("index"))?this.options[this.options.length-1].focus():this.options[Number(e.target.getAttribute("index"))-1].focus())},s=e=>t(Number(e.target.getAttribute("index")),e.target.getAttribute("data-value"),e.target.innerText);for(let t=0;t<this.options.length;t+=1)this.options[t].setAttribute("tabindex","0"),this.options[t].addEventListener("click",s),this.options[t].addEventListener("mousedown",s),this.options[t].addEventListener("keydown",(t=>e(t)))}render(){return R`<slot @slotchange="${this.handleSlotChange}"></slot>`}}customElements.get("auro-menu")||customElements.define("auro-menu",ot);
+(window.litElementVersions||(window.litElementVersions=[])).push("2.5.1");const Y={};class Z extends W{static getStyles(){return this.styles}static _getUniqueStyles(){if(this.hasOwnProperty(JSCompiler_renameProperty("_styles",this)))return;const t=this.getStyles();if(Array.isArray(t)){const e=(t,s)=>t.reduceRight(((t,s)=>Array.isArray(s)?e(s,t):(t.add(s),t)),s),s=e(t,new Set),i=[];s.forEach((t=>i.unshift(t))),this._styles=i}else this._styles=void 0===t?[]:[t];this._styles=this._styles.map((t=>{if(t instanceof CSSStyleSheet&&!J){const e=Array.prototype.slice.call(t.cssRules).reduce(((t,e)=>t+e.cssText),"");return new G(String(e),K)}return t}))}initialize(){super.initialize(),this.constructor._getUniqueStyles(),this.renderRoot=this.createRenderRoot(),window.ShadowRoot&&this.renderRoot instanceof window.ShadowRoot&&this.adoptStyles()}createRenderRoot(){return this.attachShadow(this.constructor.shadowRootOptions)}adoptStyles(){const t=this.constructor._styles;0!==t.length&&(void 0===window.ShadyCSS||window.ShadyCSS.nativeShadow?J?this.renderRoot.adoptedStyleSheets=t.map((t=>t instanceof CSSStyleSheet?t:t.styleSheet)):this._needsShimAdoptedStyleSheets=!0:window.ShadyCSS.ScopingShim.prepareAdoptedCssText(t.map((t=>t.cssText)),this.localName))}connectedCallback(){super.connectedCallback(),this.hasUpdated&&void 0!==window.ShadyCSS&&window.ShadyCSS.styleElement(this)}update(t){const e=this.render();super.update(t),e!==Y&&this.constructor.render(e,this.renderRoot,{scopeName:this.localName,eventContext:this}),this._needsShimAdoptedStyleSheets&&(this._needsShimAdoptedStyleSheets=!1,this.constructor._styles.forEach((t=>{const e=document.createElement("style");e.textContent=t.cssText,this.renderRoot.appendChild(e)})))}render(){return Y}}Z.finalized=!0,Z.render=(t,s,i)=>{if(!i||"object"!=typeof i||!i.scopeName)throw new Error("The `scopeName` option is required.");const n=i.scopeName,o=U.has(s),r=$&&11===s.nodeType&&!!s.host,a=r&&!I.has(n),l=a?document.createDocumentFragment():s;if(((t,s,i)=>{let n=U.get(s);void 0===n&&(e(s,s.firstChild),U.set(s,n=new N(Object.assign({templateFactory:k},i))),n.appendInto(s)),n.setValue(t),n.commit()})(t,l,Object.assign({templateFactory:j(n)},i)),a){const t=U.get(l);U.delete(l);const i=t.value instanceof g?t.value.template:void 0;F(n,l,i),e(s,s.firstChild),s.appendChild(l),U.set(s,t)}!o&&r&&window.ShadyCSS.styleElement(s.host)},Z.shadowRootOptions={mode:"open"};var Q=X`*,:after,:before{box-sizing:border-box}@media(prefers-reduced-motion:reduce){*,:after,:before{animation-duration:NaNs!important;animation-iteration-count:1!important;transition-duration:NaNs!important}}:focus-visible{outline:0}:focus-visible{outline:0}:focus:not(:focus-visible){outline:3px solid transparent}.js-focus-visible :focus:not(.focus-visible){outline:3px solid transparent}:host{display:inline-block;width:100%;padding:0;margin:0;vertical-align:middle}:host ::slotted(auro-menuoption){padding-left:calc(.75rem + 24px + .5rem);padding-left:calc(var(--auro-size-sm) + 24px + var(--auro-size-xs))}:host ::slotted([selected]){padding-left:0}:host ::slotted(hr){overflow:visible!important;height:0!important;box-sizing:content-box!important;border-width:0!important;border-top:1px solid rgba(0,0,0,.15)!important;border-top:1px solid var(--auro-color-border-divider-on-light)!important;margin:.5rem 0!important;margin:var(--auro-size-xs) 0!important}`,tt=X``;!function(){function t(t){var e=!0,s=!1,i=null,n={text:!0,search:!0,url:!0,tel:!0,email:!0,password:!0,number:!0,date:!0,month:!0,week:!0,time:!0,datetime:!0,"datetime-local":!0};function o(t){return!!(t&&t!==document&&"HTML"!==t.nodeName&&"BODY"!==t.nodeName&&"classList"in t&&"contains"in t.classList)}function r(t){t.classList.contains("focus-visible")||(t.classList.add("focus-visible"),t.setAttribute("data-focus-visible-added",""))}function a(t){e=!1}function l(){document.addEventListener("mousemove",d),document.addEventListener("mousedown",d),document.addEventListener("mouseup",d),document.addEventListener("pointermove",d),document.addEventListener("pointerdown",d),document.addEventListener("pointerup",d),document.addEventListener("touchmove",d),document.addEventListener("touchstart",d),document.addEventListener("touchend",d)}function d(t){t.target.nodeName&&"html"===t.target.nodeName.toLowerCase()||(e=!1,document.removeEventListener("mousemove",d),document.removeEventListener("mousedown",d),document.removeEventListener("mouseup",d),document.removeEventListener("pointermove",d),document.removeEventListener("pointerdown",d),document.removeEventListener("pointerup",d),document.removeEventListener("touchmove",d),document.removeEventListener("touchstart",d),document.removeEventListener("touchend",d))}document.addEventListener("keydown",(function(s){s.metaKey||s.altKey||s.ctrlKey||(o(t.activeElement)&&r(t.activeElement),e=!0)}),!0),document.addEventListener("mousedown",a,!0),document.addEventListener("pointerdown",a,!0),document.addEventListener("touchstart",a,!0),document.addEventListener("visibilitychange",(function(t){"hidden"===document.visibilityState&&(s&&(e=!0),l())}),!0),l(),t.addEventListener("focus",(function(t){var s,i,a;o(t.target)&&(e||(i=(s=t.target).type,"INPUT"===(a=s.tagName)&&n[i]&&!s.readOnly||"TEXTAREA"===a&&!s.readOnly||s.isContentEditable))&&r(t.target)}),!0),t.addEventListener("blur",(function(t){var e;o(t.target)&&(t.target.classList.contains("focus-visible")||t.target.hasAttribute("data-focus-visible-added"))&&(s=!0,window.clearTimeout(i),i=window.setTimeout((function(){s=!1}),100),(e=t.target).hasAttribute("data-focus-visible-added")&&(e.classList.remove("focus-visible"),e.removeAttribute("data-focus-visible-added")))}),!0),t.nodeType===Node.DOCUMENT_FRAGMENT_NODE&&t.host?t.host.setAttribute("data-js-focus-visible",""):t.nodeType===Node.DOCUMENT_NODE&&(document.documentElement.classList.add("js-focus-visible"),document.documentElement.setAttribute("data-js-focus-visible",""))}if("undefined"!=typeof window&&"undefined"!=typeof document){var e;window.applyFocusVisiblePolyfill=t;try{e=new CustomEvent("focus-visible-polyfill-ready")}catch(t){(e=document.createEvent("CustomEvent")).initCustomEvent("focus-visible-polyfill-ready",!1,!1,{})}window.dispatchEvent(e)}"undefined"!=typeof document&&t(document)}();var et=X`:host{display:flex;align-items:center;padding:var(--auro-size-xxs) var(--auro-size-md) var(--auro-size-xxs) 0;cursor:pointer;-webkit-tap-highlight-color:transparent}:host slot{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host svg{margin-right:var(--auro-size-xs);margin-left:var(--auro-size-sm);fill:var(--auro-color-icon-primary-on-light)!important}:host(:hover){background-color:var(--auro-color-brand-neutral-100);color:var(--auro-color-text-primary-on-light)}:host(:focus){background-color:var(--auro-color-alert-notification-on-light);color:var(--auro-color-base-white)}:host(:focus) svg{fill:var(--auro-color-base-white)!important}:host([disabled]){color:var(--auro-color-text-disabled-on-light);pointer-events:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}`,st=X``,it='<svg viewBox="0 0 24 24" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" role="img" aria-hidden="true" style="min-width:var(--auro-size-lg);height:var(--auro-size-lg);fill:currentColor" class="ico_squareLarge"><title>Check</title><desc/><path d="M8.53 11.97a.75.75 0 0 0-1.06 1.06l2.5 2.5a.75.75 0 0 0 1.083-.023l5.5-6a.75.75 0 0 0-1.106-1.014l-4.97 5.423L8.53 11.97Z"/></svg>';class nt extends Z{constructor(){super(),this.dom=(new DOMParser).parseFromString(it,"text/html"),this.svg=this.dom.body.firstChild}static get properties(){return{index:{type:Number},selected:{type:Boolean},disabled:{type:Boolean}}}static get styles(){return[et,st]}render(){return R`${this.selected?R`${this.svg}`:void 0}<slot></slot>`}}customElements.get("auro-menuoption")||customElements.define("auro-menuoption",nt);class ot extends Z{constructor(){super(),this.options=null}static get properties(){return{selectOption:{type:Number},options:{type:Array}}}static get styles(){return[Q,tt]}handleSlotChange(){const t=(t,e,s)=>{this.dispatchEvent(new CustomEvent("optionSelected",{bubbles:!0,cancelable:!1,composed:!0,detail:{index:t,value:e,displayValue:s}})),this.options.forEach(((e,s)=>{t===s?(e.setAttribute("selected",""),this.selectOption=s):e.removeAttribute("selected")}))};if(this.options=this.querySelectorAll("auro-menuoption"),this.options.forEach(((t,e)=>{t.setAttribute("index",e),this.selectOption===e?t.setAttribute("selected",""):t.removeAttribute("selected")})),!this.selectOption&&this.parentElement.hasAttribute("selectOption")){const e=Number(this.parentElement.getAttribute("selectOption"));e>=0&&(this.selectOption=e,t(this.selectOption,this.options[this.selectOption].attributes["data-value"].value,this.options[this.selectOption].innerText))}const e=e=>{e.target.hasAttribute("disabled")||"enter"!==e.key.toLowerCase()&&" "!==e.key.toLowerCase()||(" "===e.key.toLowerCase()&&e.preventDefault(),t(Number(e.target.getAttribute("index")),e.target.getAttribute("data-value"),e.target.innerText)),"arrowdown"===e.key.toLowerCase()&&(e.preventDefault(),Number(e.target.getAttribute("index"))===this.options.length-1?this.options[0].focus():this.options[Number(e.target.getAttribute("index"))+1].focus()),"arrowup"===e.key.toLowerCase()&&(e.preventDefault(),0===Number(e.target.getAttribute("index"))?this.options[this.options.length-1].focus():this.options[Number(e.target.getAttribute("index"))-1].focus())},s=e=>t(Number(e.target.getAttribute("index")),e.target.getAttribute("data-value"),e.target.innerText);for(let t=0;t<this.options.length;t+=1)this.options[t].setAttribute("tabindex","0"),this.options[t].addEventListener("click",s),this.options[t].addEventListener("mousedown",s),this.options[t].addEventListener("keydown",(t=>e(t)))}render(){return R`<slot @slotchange="${this.handleSlotChange}"></slot>`}}customElements.get("auro-menu")||customElements.define("auro-menu",ot);

dist/auro-menu.js

@@ -52,3 +52,3 @@ /* eslint-disable no-magic-numbers */
   handleSlotChange() {
-    const dispatchEventOptionSelected = (indexValue) => {
+    const dispatchEventOptionSelected = (indexValue, value, displayValue) => {
 
@@ -60,3 +60,5 @@ this.dispatchEvent(new CustomEvent('optionSelected', {
         detail: {
-          index: indexValue
+          index: indexValue,
+          value,
+          displayValue
         }
@@ -63,0 +65,0 @@ }));

package.json

@@ -10,3 +10,3 @@ {
   "name": "@aurodesignsystem/auro-menu",
-  "version": "2.2.0",
+  "version": "2.2.1",
   "description": "auro-menu HTML custom element",
@@ -13,0 +13,0 @@ "repository": {

No alert changes

Improved metrics

Total package byte prevSize

84020

increased by0.43%

Lines of code

493

increased by0.41%

No dependency changes