@alaskaairux/auro-button - npm Package Compare versions

Comparing version 5.3.1 to 6.0.0

.github/CONTRIBUTING.md

@@ -1,2 +0,2 @@
-# Contributing Guidelines
+# Auro Design System Contributing Guidelines
 
@@ -35,3 +35,3 @@ Please take a moment to review this document in order to make the contribution process easy and effective for everyone involved.
 
-This project utilizes [Conventional Commits](https://www.conventionalcommits.org/) to auto-generate release verions, based on the [Angular Commit Message Guidelines](https://github.com/angular/angular/blob/22b96b9/CONTRIBUTING.md#-commit-message-guidelines).
+This project utilizes [Conventional Commits](https://www.conventionalcommits.org/) to auto-generate release versions, based on the [Angular Commit Message Guidelines](https://github.com/angular/angular/blob/22b96b9/CONTRIBUTING.md#-commit-message-guidelines).
 
@@ -47,3 +47,3 @@
 
-For a MAJOR release, you MUST follow this template. The use of `perf:` and `BREAKING CHANGE:` are needed in order to push a major release.
+For a MAJOR release, you MUST follow this template. The use `BREAKING CHANGE:` in conjunction with any other commit type is required in order to push a major release.
 
@@ -76,4 +76,4 @@ ```
 | fix | A bug fix (this correlates with `PATCH` in semantic versioning) |
-| perf | A code change that improves performance (correlating with `MAJOR` in semantic versioning) |
-| BREAKING CHANGE | A code change that is not backwards compatable (correlating with `MAJOR` in semantic versioning) |
+| perf | A code change that improves performance |
+| BREAKING CHANGE | A code change that is not backwards compatible (correlating with `MAJOR` in semantic versioning) |
 | refactor | A code change that neither fixes a bug nor adds a feature |
@@ -95,3 +95,3 @@ | style | Changes that do not affect the meaning of the code (white-space, formatting, missing semi-colons, etc) |
 
-_"If applied, this commit will [your subject line here]."_
+_"If applied, this commit will (your subject line here)."_
 
@@ -106,3 +106,3 @@ For example:
 ```
-$ build: update to Gulp 4.x
+$ build: update to build step to include postCSS
 
@@ -122,4 +122,2 @@ $ docs: address issue #14, typo in install instructions
 
-To submit a new pull request, please go to [https://github.com/AlaskaAirlines](https://github.com/AlaskaAirlines) to find your project and submit the Pull Request.
-
 On the pull request page, the new pull request should be `[your-new-branch] into [master]`
@@ -126,0 +124,0 @@

CHANGELOG.md

 # Semantic Release Automated Changelog
 
+# [6.0.0](https://github.com/AlaskaAirlines/auro-button/compare/v5.3.1...v6.0.0) (2020-12-24)
+
+
+### Features
+
+* add support for rollup bundle ([3c4ff2e](https://github.com/AlaskaAirlines/auro-button/commit/3c4ff2e608c63ee6a6a6aa04b6c14f63147ea25f))
+
+
+### BREAKING CHANGES
+
+* This update will update how bundled resources
+are used, removing support for pollyfill.js
+
 ## [5.3.1](https://github.com/AlaskaAirlines/auro-button/compare/v5.3.0...v5.3.1) (2020-11-20)
@@ -4,0 +17,0 @@

dist/auro-button__bundled.js

@@ -1,1 +0,186 @@
-!function(){"use strict";var o={186:function(o,r,t){var a=t(655),e=t.n(a),n=t(575),i=t.n(n),u=t(913),c=t.n(u),l=t(205),d=t.n(l),s=t(585),b=t.n(s),f=t(754),v=t.n(f),h=t(486),g=t(386),p=t(208);function k(){var o=e()(["*,*:before,*:after{-webkit-box-sizing:border-box;box-sizing:border-box}@media (prefers-reduced-motion: reduce){*,*:before,*:after{-webkit-animation:none !important;animation:none !important;-webkit-transition:none !important;-o-transition:none !important;transition:none !important}}*:focus{outline:3px solid transparent}.js-focus-visible :focus:not(.focus-visible){outline:3px solid transparent}.util_insetLg--squish{padding:calc(1.5rem / 2) 1.5rem}:host(.focus-visible) .auro-button{-webkit-box-shadow:inset 0 0 0 1px #ffffff, inset 0 0 0 3px #ffffff;-webkit-box-shadow:inset 0 0 0 1px var(--auro-color-border-focus-on-dark),inset 0 0 0 3px var(--auro-color-background-lightest);box-shadow:inset 0 0 0 1px #ffffff, inset 0 0 0 3px #ffffff;box-shadow:inset 0 0 0 1px var(--auro-color-border-focus-on-dark),inset 0 0 0 3px var(--auro-color-background-lightest)}:host(.focus-visible) .auro-button--secondary{background-color:#f8f8f8;background-color:var(--auro-color-background-lighter);-webkit-box-shadow:inset 0 0 0 3px #0074cb;-webkit-box-shadow:inset 0 0 0 3px var(--auro-color-ui-default-on-light);box-shadow:inset 0 0 0 3px #0074cb;box-shadow:inset 0 0 0 3px var(--auro-color-ui-default-on-light)}:host(.focus-visible) .auro-button--tertiary{background-color:#f8f8f8;background-color:var(--auro-color-background-lighter);border-color:#0074cb;border-color:var(--auro-color-ui-default-on-light);-webkit-box-shadow:inset 0 0 0 3px #0074cb;-webkit-box-shadow:inset 0 0 0 3px var(--auro-color-ui-default-on-light);box-shadow:inset 0 0 0 3px #0074cb;box-shadow:inset 0 0 0 3px var(--auro-color-ui-default-on-light)}:host(.focus-visible) .auro-buttonOndark{background-color:#00cff0;background-color:var(--auro-color-ui-default-on-dark);-webkit-box-shadow:inset 0 0 0 3px #ffffff;-webkit-box-shadow:inset 0 0 0 3px var(--auro-color-border-focus-on-dark);box-shadow:inset 0 0 0 3px #ffffff;box-shadow:inset 0 0 0 3px var(--auro-color-border-focus-on-dark)}:host(.focus-visible) .auro-buttonOndark--secondary{background-color:rgba(0,0,0,0.15);background-color:var(--auro-color-base-black-opacity-15);-webkit-box-shadow:inset 0 0 0 3px #5de3f7;-webkit-box-shadow:inset 0 0 0 3px var(--auro-color-ui-active-on-dark);box-shadow:inset 0 0 0 3px #5de3f7;box-shadow:inset 0 0 0 3px var(--auro-color-ui-active-on-dark);border:1px solid #5de3f7;border:1px solid var(--auro-color-ui-active-on-dark)}:host(.focus-visible) .auro-buttonOndark--tertiary{background-color:rgba(0,0,0,0.15);background-color:var(--auro-color-base-black-opacity-15);border-color:#5de3f7;border-color:var(--auro-color-ui-active-on-dark);-webkit-box-shadow:inset 0 0 0 3px #5de3f7;-webkit-box-shadow:inset 0 0 0 3px var(--auro-color-ui-active-on-dark);box-shadow:inset 0 0 0 3px #5de3f7;box-shadow:inset 0 0 0 3px var(--auro-color-ui-active-on-dark)}:host(.focus-visible) .auro-button::-moz-focus-inner{border:none;width:100%}:host([fluid]) .auro-button,:host([fluid=true]) .auro-button{min-width:auto;width:100%}::slotted(svg){vertical-align:middle}slot{pointer-events:none}.auro-button{-webkit-transition:all 0.15s ease;-o-transition:all 0.15s ease;transition:all 0.15s ease;padding:0.75rem 1.5rem;padding:var(--auro-size-sm) var(--auro-size-lg);color:#ffffff;color:var(--auro-color-text-primary-on-dark);cursor:pointer;background-color:#0074cb;background-color:var(--auro-color-ui-default-on-light);border:1px solid #0074cb;border:1px solid var(--auro-color-ui-default-on-light);border-radius:0.375rem;border-radius:var(--auro-border-radius);font-family:'AS Circular', Helvetica Neue, Arial, sans-serif;font-family:var(--auro-font-family-default);font-size:1rem;font-size:var(--auro-text-body-size-default);font-weight:500;font-weight:var(--auro-text-body-default-weight);line-height:1.4;line-height:var(--auro-unitless-scale-140);overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap;width:100%;margin:0;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none}@media (hover: hover){.auro-button:active,.auro-button:hover{background-color:#054687;background-color:var(--auro-color-ui-hover-on-light);border:1px solid #054687;border:1px solid var(--auro-color-ui-hover-on-light)}}.auro-button::-moz-focus-inner{border:none}.auro-button:active{background-color:#054687;background-color:var(--auro-color-ui-active-on-light);border:1px solid #054687;border:1px solid var(--auro-color-ui-active-on-light);-webkit-transform:scale(0.95);-ms-transform:scale(0.95);transform:scale(0.95)}@media screen and (min-width: 660px){.auro-button{min-width:8.75rem;width:auto}}.auro-button:disabled{cursor:not-allowed;-webkit-transform:unset;-ms-transform:unset;transform:unset;opacity:.4}@media (hover: hover){.auro-button:disabled:hover{background-color:#0074cb;background-color:var(--auro-color-ui-default-on-light);border-color:#0074cb;border-color:var(--auro-color-ui-default-on-light)}}.auro-button--secondary{background-color:#ffffff;background-color:var(--auro-color-background-lightest);border:1px solid #0074cb;border:1px solid var(--auro-color-ui-default-on-light);color:#0074cb;color:var(--auro-color-text-link-on-light)}@media (hover: hover){.auro-button--secondary:active,.auro-button--secondary:hover{background-color:#f8f8f8;background-color:var(--auro-color-background-lighter);border:1px solid #0074cb;border:1px solid var(--auro-color-ui-default-on-light)}}.auro-button--secondary:active{background-color:#f8f8f8;background-color:var(--auro-color-background-lighter);border:1px solid #0074cb;border:1px solid var(--auro-color-ui-default-on-light)}.auro-button--secondary:disabled:hover{background-color:#ffffff;background-color:var(--auro-color-background-lightest);border-color:#0074cb;border-color:var(--auro-color-ui-default-on-light)}.auro-button--tertiary{background-color:transparent;border-color:transparent;color:#0074cb;color:var(--auro-color-text-link-on-light)}@media (hover: hover){.auro-button--tertiary:active,.auro-button--tertiary:hover{background-color:#f8f8f8;background-color:var(--auro-color-background-lighter);border-color:transparent}}.auro-button--tertiary:active{background-color:#f8f8f8;background-color:var(--auro-color-background-lighter);border-color:transparent}@media (hover: hover){.auro-button--tertiary:disabled:hover{background-color:transparent;border-color:transparent}}.auro-buttonOndark{background-color:#00cff0;background-color:var(--auro-color-ui-default-on-dark);border:1px solid #00cff0;border:1px solid var(--auro-color-ui-default-on-dark);color:#222222;color:var(--auro-color-text-primary-on-light)}@media (hover: hover){.auro-buttonOndark:active,.auro-buttonOndark:hover{background-color:#5de3f7;background-color:var(--auro-color-ui-hover-on-dark);border:1px solid #5de3f7;border:1px solid var(--auro-color-ui-hover-on-dark)}}.auro-buttonOndark:active{background-color:#5de3f7;background-color:var(--auro-color-ui-active-on-dark);border:1px solid #5de3f7;border:1px solid var(--auro-color-ui-active-on-dark)}@media (hover: hover){.auro-buttonOndark:disabled:hover{background-color:#00cff0;background-color:var(--auro-color-ui-default-on-dark);border-color:#00cff0;border-color:var(--auro-color-ui-default-on-dark)}}.auro-buttonOndark--secondary{background-color:transparent;border:1px solid #00cff0;border:1px solid var(--auro-color-ui-default-on-dark);color:#00cff0;color:var(--auro-color-ui-default-on-dark)}@media (hover: hover){.auro-buttonOndark--secondary:active,.auro-buttonOndark--secondary:hover{background-color:rgba(0,0,0,0.15);background-color:var(--auro-color-base-black-opacity-15)}}.auro-buttonOndark--secondary:active{background-color:rgba(0,0,0,0.15);background-color:var(--auro-color-base-black-opacity-15);border:1px solid #5de3f7;border:1px solid var(--auro-color-ui-hover-on-dark)}@media (hover: hover){.auro-buttonOndark--secondary:disabled:hover{background-color:transparent;border:1px solid #00cff0;border:1px solid var(--auro-color-ui-default-on-dark)}}.auro-buttonOndark--tertiary{background-color:transparent;border:1px solid transparent;color:#00cff0;color:var(--auro-color-ui-default-on-dark)}@media (hover: hover){.auro-buttonOndark--tertiary:active,.auro-buttonOndark--tertiary:hover{background-color:rgba(0,0,0,0.15);background-color:var(--auro-color-base-black-opacity-15);border:1px solid transparent;-webkit-box-shadow:none;box-shadow:none}}.auro-buttonOndark--tertiary:active{background-color:rgba(0,0,0,0.15);background-color:var(--auro-color-base-black-opacity-15);border:1px solid transparent;-webkit-box-shadow:none;box-shadow:none}@media (hover: hover){.auro-buttonOndark--tertiary:disabled:hover{background-color:transparent;border-color:transparent}}.icon svg{vertical-align:middle}.icon slot{vertical-align:middle}\n"]);return k=function(){return o},o}t(15);var x=(0,h.iv)(k());function y(){var o=e()([":host([fixed]) .util_insetLg--squish{padding:calc(24px / 2) 24px}:host([fixed]) .auro-button{padding:12px 24px;border-radius:6px;font-size:16px}@media screen and (min-width: 660px){:host([fixed]) .auro-button{min-width:140px}}\n"]);return y=function(){return o},o}var w=(0,h.iv)(y());function m(){var o=e()(['\n      <button\n        aria-label="','"\n        aria-labelledby="','"\n        ?autofocus="','"\n        class="','"\n        ?disabled="','"\n        id="','"\n        title="','"\n        name="','"\n        type="','"\n        .value="','"\n        @click="','"\n      >\n        ',"\n        <slot></slot>\n        ","\n      </button>\n    "]);return m=function(){return o},o}var O=function(o){d()(e,o);var r,t,a=(r=e,t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(o){return!1}}(),function(){var o,a=v()(r);if(t){var e=v()(this).constructor;o=Reflect.construct(a,arguments,e)}else o=a.apply(this,arguments);return b()(this,o)});function e(){return i()(this,e),a.apply(this,arguments)}return c()(e,[{key:"focus",value:function(){this.renderRoot.querySelector("button").focus()}},{key:"getIcon",value:function(o){return this.dom=(new DOMParser).parseFromString(o,"text/html"),this.svg=this.dom.body.firstChild,this.svg}},{key:"render",value:function(){var o={"util_insetLg--squish":!0,"auro-button":!0,"auro-buttonOndark":this.ondark,"auro-button--secondary":this.secondary,"auro-buttonOndark--secondary":this.secondary&&this.ondark,"auro-button--tertiary":this.tertiary,"auro-buttonOndark--tertiary":this.tertiary&&this.ondark,icon:this.svgIconLeft||this.svgIconRight};return(0,h.dy)(m(),(0,g.o)(this.arialabel?this.arialabel:void 0),(0,g.o)(this.arialabelledby?this.arialabelledby:void 0),this.autofocus,(0,p.$)(o),this.disabled,(0,g.o)(this.id?this.id:void 0),(0,g.o)(this.title?this.title:void 0),(0,g.o)(this.name?this.name:void 0),(0,g.o)(this.type?this.type:void 0),(0,g.o)(this.value?this.value:void 0),(function(){}),(0,g.o)(this.svgIconLeft?this.getIcon(this.svgIconLeft):void 0),(0,g.o)(this.svgIconRight?this.getIcon(this.svgIconRight):void 0))}}],[{key:"styles",get:function(){return[x,w]}},{key:"properties",get:function(){return{autofocus:{type:Boolean,reflect:!0},disabled:{type:Boolean,reflect:!0},ondark:{type:Boolean,reflect:!0},secondary:{type:Boolean,reflect:!0},tertiary:{type:Boolean,reflect:!0},arialabel:{type:String,reflect:!0},arialabelledby:{type:String,reflect:!0},title:{type:String,reflect:!0},type:{type:String,reflect:!0},value:{type:String,reflect:!0},id:{type:String},svgIconLeft:{type:String},svgIconRight:{type:String}}}}]),e}(h.oi);customElements.get("auro-button")||customElements.define("auro-button",O)}},r={};function t(a){if(r[a])return r[a].exports;var e=r[a]={exports:{}};return o[a](e,e.exports,t),e.exports}t.m=o,t.n=function(o){var r=o&&o.__esModule?function(){return o.default}:function(){return o};return t.d(r,{a:r}),r},t.d=function(o,r){for(var a in r)t.o(r,a)&&!t.o(o,a)&&Object.defineProperty(o,a,{enumerable:!0,get:r[a]})},t.o=function(o,r){return Object.prototype.hasOwnProperty.call(o,r)},function(){var o={284:0},r=[[186,429]],a=function(){};function e(){for(var a,e=0;e<r.length;e++){for(var n=r[e],i=!0,u=1;u<n.length;u++){var c=n[u];0!==o[c]&&(i=!1)}i&&(r.splice(e--,1),a=t(t.s=n[0]))}return 0===r.length&&(t.x(),t.x=function(){}),a}t.x=function(){t.x=function(){},i=i.slice();for(var o=0;o<i.length;o++)n(i[o]);return(a=e)()};var n=function(e){for(var n,i,c=e[0],l=e[1],d=e[2],s=e[3],b=0,f=[];b<c.length;b++)i=c[b],t.o(o,i)&&o[i]&&f.push(o[i][0]),o[i]=0;for(n in l)t.o(l,n)&&(t.m[n]=l[n]);for(d&&d(t),u(e);f.length;)f.shift()();return s&&r.push.apply(r,s),a()},i=self.webpackChunk_alaskaairux_auro_button=self.webpackChunk_alaskaairux_auro_button||[],u=i.push.bind(i);i.push=n}(),t.x()}();
+/**
+ * @license
+ * Copyright (c) 2017 The Polymer Project Authors. All rights reserved.
+ * This code may only be used under the BSD style license found at
+ * http://polymer.github.io/LICENSE.txt
+ * The complete set of authors may be found at
+ * http://polymer.github.io/AUTHORS.txt
+ * The complete set of contributors may be found at
+ * http://polymer.github.io/CONTRIBUTORS.txt
+ * Code distributed by Google as part of the polymer project is also
+ * subject to an additional IP rights grant found at
+ * http://polymer.github.io/PATENTS.txt
+ */
+const t=new WeakMap,e=e=>(...o)=>{const r=e(...o);return t.set(r,!0),r},o=e=>"function"==typeof e&&t.has(e),r="undefined"!=typeof window&&null!=window.customElements&&void 0!==window.customElements.polyfillWrapFlushCallback,s=(t,e,o=null)=>{for(;e!==o;){const o=e.nextSibling;t.removeChild(e),e=o}},i={},n={},a=`{{lit-${String(Math.random()).slice(2)}}}`,d=`\x3c!--${a}--\x3e`,c=new RegExp(`${a}|${d}`);class l{constructor(t,e){this.parts=[],this.element=e;const o=[],r=[],s=document.createTreeWalker(e.content,133,null,!1);let i=0,n=-1,d=0;const{strings:l,values:{length:h}}=t;for(;d<h;){const t=s.nextNode();if(null!==t){if(n++,1===t.nodeType){if(t.hasAttributes()){const e=t.attributes,{length:o}=e;let r=0;for(let t=0;t<o;t++)u(e[t].name,"$lit$")&&r++;for(;r-- >0;){const e=l[d],o=b.exec(e)[2],r=o.toLowerCase()+"$lit$",s=t.getAttribute(r);t.removeAttribute(r);const i=s.split(c);this.parts.push({type:"attribute",index:n,name:o,strings:i}),d+=i.length-1}}"TEMPLATE"===t.tagName&&(r.push(t),s.currentNode=t.content)}else if(3===t.nodeType){const e=t.data;if(e.indexOf(a)>=0){const r=t.parentNode,s=e.split(c),i=s.length-1;for(let e=0;e<i;e++){let o,i=s[e];if(""===i)o=p();else{const t=b.exec(i);null!==t&&u(t[2],"$lit$")&&(i=i.slice(0,t.index)+t[1]+t[2].slice(0,-"$lit$".length)+t[3]),o=document.createTextNode(i)}r.insertBefore(o,t),this.parts.push({type:"node",index:++n})}""===s[i]?(r.insertBefore(p(),t),o.push(t)):t.data=s[i],d+=i}}else if(8===t.nodeType)if(t.data===a){const e=t.parentNode;null!==t.previousSibling&&n!==i||(n++,e.insertBefore(p(),t)),i=n,this.parts.push({type:"node",index:n}),null===t.nextSibling?t.data="":(o.push(t),n--),d++}else{let e=-1;for(;-1!==(e=t.data.indexOf(a,e+1));)this.parts.push({type:"node",index:-1}),d++}}else s.currentNode=r.pop()}for(const t of o)t.parentNode.removeChild(t)}}const u=(t,e)=>{const o=t.length-e.length;return o>=0&&t.slice(o)===e},h=t=>-1!==t.index,p=()=>document.createComment(""),b=/([ \x09\x0a\x0c\x0d])([^\0-\x1F\x7F-\x9F "'>=/]+)([ \x09\x0a\x0c\x0d]*=[ \x09\x0a\x0c\x0d]*(?:[^ \x09\x0a\x0c\x0d"'`<>=]*|"[^"]*|'[^']*))$/;
+/**
+ * @license
+ * Copyright (c) 2017 The Polymer Project Authors. All rights reserved.
+ * This code may only be used under the BSD style license found at
+ * http://polymer.github.io/LICENSE.txt
+ * The complete set of authors may be found at
+ * http://polymer.github.io/AUTHORS.txt
+ * The complete set of contributors may be found at
+ * http://polymer.github.io/CONTRIBUTORS.txt
+ * Code distributed by Google as part of the polymer project is also
+ * subject to an additional IP rights grant found at
+ * http://polymer.github.io/PATENTS.txt
+ */
+class v{constructor(t,e,o){this.__parts=[],this.template=t,this.processor=e,this.options=o}update(t){let e=0;for(const o of this.__parts)void 0!==o&&o.setValue(t[e]),e++;for(const t of this.__parts)void 0!==t&&t.commit()}_clone(){const t=r?this.template.element.content.cloneNode(!0):document.importNode(this.template.element.content,!0),e=[],o=this.template.parts,s=document.createTreeWalker(t,133,null,!1);let i,n=0,a=0,d=s.nextNode();for(;n<o.length;)if(i=o[n],h(i)){for(;a<i.index;)a++,"TEMPLATE"===d.nodeName&&(e.push(d),s.currentNode=d.content),null===(d=s.nextNode())&&(s.currentNode=e.pop(),d=s.nextNode());if("node"===i.type){const t=this.processor.handleTextExpression(this.options);t.insertAfterNode(d.previousSibling),this.__parts.push(t)}else this.__parts.push(...this.processor.handleAttributeExpressions(d,i.name,i.strings,this.options));n++}else this.__parts.push(void 0),n++;return r&&(document.adoptNode(t),customElements.upgrade(t)),t}}
+/**
+ * @license
+ * Copyright (c) 2017 The Polymer Project Authors. All rights reserved.
+ * This code may only be used under the BSD style license found at
+ * http://polymer.github.io/LICENSE.txt
+ * The complete set of authors may be found at
+ * http://polymer.github.io/AUTHORS.txt
+ * The complete set of contributors may be found at
+ * http://polymer.github.io/CONTRIBUTORS.txt
+ * Code distributed by Google as part of the polymer project is also
+ * subject to an additional IP rights grant found at
+ * http://polymer.github.io/PATENTS.txt
+ */const f=window.trustedTypes&&trustedTypes.createPolicy("lit-html",{createHTML:t=>t}),m=` ${a} `;class g{constructor(t,e,o,r){this.strings=t,this.values=e,this.type=o,this.processor=r}getHTML(){const t=this.strings.length-1;let e="",o=!1;for(let r=0;r<t;r++){const t=this.strings[r],s=t.lastIndexOf("\x3c!--");o=(s>-1||o)&&-1===t.indexOf("--\x3e",s+1);const i=b.exec(t);e+=null===i?t+(o?m:d):t.substr(0,i.index)+i[1]+i[2]+"$lit$"+i[3]+a}return e+=this.strings[t],e}getTemplateElement(){const t=document.createElement("template");let e=this.getHTML();return void 0!==f&&(e=f.createHTML(e)),t.innerHTML=e,t}}
+/**
+ * @license
+ * Copyright (c) 2017 The Polymer Project Authors. All rights reserved.
+ * This code may only be used under the BSD style license found at
+ * http://polymer.github.io/LICENSE.txt
+ * The complete set of authors may be found at
+ * http://polymer.github.io/AUTHORS.txt
+ * The complete set of contributors may be found at
+ * http://polymer.github.io/CONTRIBUTORS.txt
+ * Code distributed by Google as part of the polymer project is also
+ * subject to an additional IP rights grant found at
+ * http://polymer.github.io/PATENTS.txt
+ */const y=t=>null===t||!("object"==typeof t||"function"==typeof t),_=t=>Array.isArray(t)||!(!t||!t[Symbol.iterator]);class w{constructor(t,e,o){this.dirty=!0,this.element=t,this.name=e,this.strings=o,this.parts=[];for(let t=0;t<o.length-1;t++)this.parts[t]=this._createPart()}_createPart(){return new x(this)}_getValue(){const t=this.strings,e=t.length-1,o=this.parts;if(1===e&&""===t[0]&&""===t[1]){const t=o[0].value;if("symbol"==typeof t)return String(t);if("string"==typeof t||!_(t))return t}let r="";for(let s=0;s<e;s++){r+=t[s];const e=o[s];if(void 0!==e){const t=e.value;if(y(t)||!_(t))r+="string"==typeof t?t:String(t);else for(const e of t)r+="string"==typeof e?e:String(e)}}return r+=t[e],r}commit(){this.dirty&&(this.dirty=!1,this.element.setAttribute(this.name,this._getValue()))}}class x{constructor(t){this.value=void 0,this.committer=t}setValue(t){t===i||y(t)&&t===this.value||(this.value=t,o(t)||(this.committer.dirty=!0))}commit(){for(;o(this.value);){const t=this.value;this.value=i,t(this)}this.value!==i&&this.committer.commit()}}class S{constructor(t){this.value=void 0,this.__pendingValue=void 0,this.options=t}appendInto(t){this.startNode=t.appendChild(p()),this.endNode=t.appendChild(p())}insertAfterNode(t){this.startNode=t,this.endNode=t.nextSibling}appendIntoPart(t){t.__insert(this.startNode=p()),t.__insert(this.endNode=p())}insertAfterPart(t){t.__insert(this.startNode=p()),this.endNode=t.endNode,t.endNode=this.startNode}setValue(t){this.__pendingValue=t}commit(){if(null===this.startNode.parentNode)return;for(;o(this.__pendingValue);){const t=this.__pendingValue;this.__pendingValue=i,t(this)}const t=this.__pendingValue;t!==i&&(y(t)?t!==this.value&&this.__commitText(t):t instanceof g?this.__commitTemplateResult(t):t instanceof Node?this.__commitNode(t):_(t)?this.__commitIterable(t):t===n?(this.value=n,this.clear()):this.__commitText(t))}__insert(t){this.endNode.parentNode.insertBefore(t,this.endNode)}__commitNode(t){this.value!==t&&(this.clear(),this.__insert(t),this.value=t)}__commitText(t){const e=this.startNode.nextSibling,o="string"==typeof(t=null==t?"":t)?t:String(t);e===this.endNode.previousSibling&&3===e.nodeType?e.data=o:this.__commitNode(document.createTextNode(o)),this.value=t}__commitTemplateResult(t){const e=this.options.templateFactory(t);if(this.value instanceof v&&this.value.template===e)this.value.update(t.values);else{const o=new v(e,t.processor,this.options),r=o._clone();o.update(t.values),this.__commitNode(r),this.value=o}}__commitIterable(t){Array.isArray(this.value)||(this.value=[],this.clear());const e=this.value;let o,r=0;for(const s of t)o=e[r],void 0===o&&(o=new S(this.options),e.push(o),0===r?o.appendIntoPart(this):o.insertAfterPart(e[r-1])),o.setValue(s),o.commit(),r++;r<e.length&&(e.length=r,this.clear(o&&o.endNode))}clear(t=this.startNode){s(this.startNode.parentNode,t.nextSibling,this.endNode)}}class k{constructor(t,e,o){if(this.value=void 0,this.__pendingValue=void 0,2!==o.length||""!==o[0]||""!==o[1])throw new Error("Boolean attributes can only contain a single expression");this.element=t,this.name=e,this.strings=o}setValue(t){this.__pendingValue=t}commit(){for(;o(this.__pendingValue);){const t=this.__pendingValue;this.__pendingValue=i,t(this)}if(this.__pendingValue===i)return;const t=!!this.__pendingValue;this.value!==t&&(t?this.element.setAttribute(this.name,""):this.element.removeAttribute(this.name),this.value=t),this.__pendingValue=i}}class E extends w{constructor(t,e,o){super(t,e,o),this.single=2===o.length&&""===o[0]&&""===o[1]}_createPart(){return new P(this)}_getValue(){return this.single?this.parts[0].value:super._getValue()}commit(){this.dirty&&(this.dirty=!1,this.element[this.name]=this._getValue())}}class P extends x{}let N=!1;(()=>{try{const t={get capture(){return N=!0,!1}};window.addEventListener("test",t,t),window.removeEventListener("test",t,t)}catch(t){}})();class A{constructor(t,e,o){this.value=void 0,this.__pendingValue=void 0,this.element=t,this.eventName=e,this.eventContext=o,this.__boundHandleEvent=t=>this.handleEvent(t)}setValue(t){this.__pendingValue=t}commit(){for(;o(this.__pendingValue);){const t=this.__pendingValue;this.__pendingValue=i,t(this)}if(this.__pendingValue===i)return;const t=this.__pendingValue,e=this.value,r=null==t||null!=e&&(t.capture!==e.capture||t.once!==e.once||t.passive!==e.passive),s=null!=t&&(null==e||r);r&&this.element.removeEventListener(this.eventName,this.__boundHandleEvent,this.__options),s&&(this.__options=C(t),this.element.addEventListener(this.eventName,this.__boundHandleEvent,this.__options)),this.value=t,this.__pendingValue=i}handleEvent(t){"function"==typeof this.value?this.value.call(this.eventContext||this.element,t):this.value.handleEvent(t)}}const C=t=>t&&(N?{capture:t.capture,passive:t.passive,once:t.once}:t.capture)
+/**
+ * @license
+ * Copyright (c) 2017 The Polymer Project Authors. All rights reserved.
+ * This code may only be used under the BSD style license found at
+ * http://polymer.github.io/LICENSE.txt
+ * The complete set of authors may be found at
+ * http://polymer.github.io/AUTHORS.txt
+ * The complete set of contributors may be found at
+ * http://polymer.github.io/CONTRIBUTORS.txt
+ * Code distributed by Google as part of the polymer project is also
+ * subject to an additional IP rights grant found at
+ * http://polymer.github.io/PATENTS.txt
+ */;const O=new class{handleAttributeExpressions(t,e,o,r){const s=e[0];if("."===s){return new E(t,e.slice(1),o).parts}if("@"===s)return[new A(t,e.slice(1),r.eventContext)];if("?"===s)return[new k(t,e.slice(1),o)];return new w(t,e,o).parts}handleTextExpression(t){return new S(t)}};
+/**
+ * @license
+ * Copyright (c) 2017 The Polymer Project Authors. All rights reserved.
+ * This code may only be used under the BSD style license found at
+ * http://polymer.github.io/LICENSE.txt
+ * The complete set of authors may be found at
+ * http://polymer.github.io/AUTHORS.txt
+ * The complete set of contributors may be found at
+ * http://polymer.github.io/CONTRIBUTORS.txt
+ * Code distributed by Google as part of the polymer project is also
+ * subject to an additional IP rights grant found at
+ * http://polymer.github.io/PATENTS.txt
+ */function T(t){let e=L.get(t.type);void 0===e&&(e={stringsArray:new WeakMap,keyString:new Map},L.set(t.type,e));let o=e.stringsArray.get(t.strings);if(void 0!==o)return o;const r=t.strings.join(a);return o=e.keyString.get(r),void 0===o&&(o=new l(t,t.getTemplateElement()),e.keyString.set(r,o)),e.stringsArray.set(t.strings,o),o}const L=new Map,V=new WeakMap;
+/**
+ * @license
+ * Copyright (c) 2017 The Polymer Project Authors. All rights reserved.
+ * This code may only be used under the BSD style license found at
+ * http://polymer.github.io/LICENSE.txt
+ * The complete set of authors may be found at
+ * http://polymer.github.io/AUTHORS.txt
+ * The complete set of contributors may be found at
+ * http://polymer.github.io/CONTRIBUTORS.txt
+ * Code distributed by Google as part of the polymer project is also
+ * subject to an additional IP rights grant found at
+ * http://polymer.github.io/PATENTS.txt
+ */
+/**
+ * @license
+ * Copyright (c) 2017 The Polymer Project Authors. All rights reserved.
+ * This code may only be used under the BSD style license found at
+ * http://polymer.github.io/LICENSE.txt
+ * The complete set of authors may be found at
+ * http://polymer.github.io/AUTHORS.txt
+ * The complete set of contributors may be found at
+ * http://polymer.github.io/CONTRIBUTORS.txt
+ * Code distributed by Google as part of the polymer project is also
+ * subject to an additional IP rights grant found at
+ * http://polymer.github.io/PATENTS.txt
+ */
+"undefined"!=typeof window&&(window.litHtmlVersions||(window.litHtmlVersions=[])).push("1.3.0")
+/**
+ * @license
+ * Copyright (c) 2017 The Polymer Project Authors. All rights reserved.
+ * This code may only be used under the BSD style license found at
+ * http://polymer.github.io/LICENSE.txt
+ * The complete set of authors may be found at
+ * http://polymer.github.io/AUTHORS.txt
+ * The complete set of contributors may be found at
+ * http://polymer.github.io/CONTRIBUTORS.txt
+ * Code distributed by Google as part of the polymer project is also
+ * subject to an additional IP rights grant found at
+ * http://polymer.github.io/PATENTS.txt
+ */,window.JSCompiler_renameProperty=(t,e)=>t;const U={toAttribute(t,e){switch(e){case Boolean:return t?"":null;case Object:case Array:return null==t?t:JSON.stringify(t)}return t},fromAttribute(t,e){switch(e){case Boolean:return null!==t;case Number:return null===t?null:Number(t);case Object:case Array:return JSON.parse(t)}return t}},R=(t,e)=>e!==t&&(e==e||t==t),M={attribute:!0,type:String,converter:U,reflect:!1,hasChanged:R};class $ extends HTMLElement{constructor(){super(),this.initialize()}static get observedAttributes(){this.finalize();const t=[];return this._classProperties.forEach(((e,o)=>{const r=this._attributeNameForProperty(o,e);void 0!==r&&(this._attributeToPropertyMap.set(r,o),t.push(r))})),t}static _ensureClassProperties(){if(!this.hasOwnProperty(JSCompiler_renameProperty("_classProperties",this))){this._classProperties=new Map;const t=Object.getPrototypeOf(this)._classProperties;void 0!==t&&t.forEach(((t,e)=>this._classProperties.set(e,t)))}}static createProperty(t,e=M){if(this._ensureClassProperties(),this._classProperties.set(t,e),e.noAccessor||this.prototype.hasOwnProperty(t))return;const o="symbol"==typeof t?Symbol():`__${t}`,r=this.getPropertyDescriptor(t,o,e);void 0!==r&&Object.defineProperty(this.prototype,t,r)}static getPropertyDescriptor(t,e,o){return{get(){return this[e]},set(r){const s=this[t];this[e]=r,this.requestUpdateInternal(t,s,o)},configurable:!0,enumerable:!0}}static getPropertyOptions(t){return this._classProperties&&this._classProperties.get(t)||M}static finalize(){const t=Object.getPrototypeOf(this);if(t.hasOwnProperty("finalized")||t.finalize(),this.finalized=!0,this._ensureClassProperties(),this._attributeToPropertyMap=new Map,this.hasOwnProperty(JSCompiler_renameProperty("properties",this))){const t=this.properties,e=[...Object.getOwnPropertyNames(t),..."function"==typeof Object.getOwnPropertySymbols?Object.getOwnPropertySymbols(t):[]];for(const o of e)this.createProperty(o,t[o])}}static _attributeNameForProperty(t,e){const o=e.attribute;return!1===o?void 0:"string"==typeof o?o:"string"==typeof t?t.toLowerCase():void 0}static _valueHasChanged(t,e,o=R){return o(t,e)}static _propertyValueFromAttribute(t,e){const o=e.type,r=e.converter||U,s="function"==typeof r?r:r.fromAttribute;return s?s(t,o):t}static _propertyValueToAttribute(t,e){if(void 0===e.reflect)return;const o=e.type,r=e.converter;return(r&&r.toAttribute||U.toAttribute)(t,o)}initialize(){this._updateState=0,this._updatePromise=new Promise((t=>this._enableUpdatingResolver=t)),this._changedProperties=new Map,this._saveInstanceProperties(),this.requestUpdateInternal()}_saveInstanceProperties(){this.constructor._classProperties.forEach(((t,e)=>{if(this.hasOwnProperty(e)){const t=this[e];delete this[e],this._instanceProperties||(this._instanceProperties=new Map),this._instanceProperties.set(e,t)}}))}_applyInstanceProperties(){this._instanceProperties.forEach(((t,e)=>this[e]=t)),this._instanceProperties=void 0}connectedCallback(){this.enableUpdating()}enableUpdating(){void 0!==this._enableUpdatingResolver&&(this._enableUpdatingResolver(),this._enableUpdatingResolver=void 0)}disconnectedCallback(){}attributeChangedCallback(t,e,o){e!==o&&this._attributeToProperty(t,o)}_propertyToAttribute(t,e,o=M){const r=this.constructor,s=r._attributeNameForProperty(t,o);if(void 0!==s){const t=r._propertyValueToAttribute(e,o);if(void 0===t)return;this._updateState=8|this._updateState,null==t?this.removeAttribute(s):this.setAttribute(s,t),this._updateState=-9&this._updateState}}_attributeToProperty(t,e){if(8&this._updateState)return;const o=this.constructor,r=o._attributeToPropertyMap.get(t);if(void 0!==r){const t=o.getPropertyOptions(r);this._updateState=16|this._updateState,this[r]=o._propertyValueFromAttribute(e,t),this._updateState=-17&this._updateState}}requestUpdateInternal(t,e,o){let r=!0;if(void 0!==t){const s=this.constructor;o=o||s.getPropertyOptions(t),s._valueHasChanged(this[t],e,o.hasChanged)?(this._changedProperties.has(t)||this._changedProperties.set(t,e),!0!==o.reflect||16&this._updateState||(void 0===this._reflectingProperties&&(this._reflectingProperties=new Map),this._reflectingProperties.set(t,o))):r=!1}!this._hasRequestedUpdate&&r&&(this._updatePromise=this._enqueueUpdate())}requestUpdate(t,e){return this.requestUpdateInternal(t,e),this.updateComplete}async _enqueueUpdate(){this._updateState=4|this._updateState;try{await this._updatePromise}catch(t){}const t=this.performUpdate();return null!=t&&await t,!this._hasRequestedUpdate}get _hasRequestedUpdate(){return 4&this._updateState}get hasUpdated(){return 1&this._updateState}performUpdate(){if(!this._hasRequestedUpdate)return;this._instanceProperties&&this._applyInstanceProperties();let t=!1;const e=this._changedProperties;try{t=this.shouldUpdate(e),t?this.update(e):this._markUpdated()}catch(e){throw t=!1,this._markUpdated(),e}t&&(1&this._updateState||(this._updateState=1|this._updateState,this.firstUpdated(e)),this.updated(e))}_markUpdated(){this._changedProperties=new Map,this._updateState=-5&this._updateState}get updateComplete(){return this._getUpdateComplete()}_getUpdateComplete(){return this._updatePromise}shouldUpdate(t){return!0}update(t){void 0!==this._reflectingProperties&&this._reflectingProperties.size>0&&(this._reflectingProperties.forEach(((t,e)=>this._propertyToAttribute(e,this[e],t))),this._reflectingProperties=void 0),this._markUpdated()}updated(t){}firstUpdated(t){}}$.finalized=!0,
+/**
+ * @license
+ * Copyright (c) 2017 The Polymer Project Authors. All rights reserved.
+ * This code may only be used under the BSD style license found at
+ * http://polymer.github.io/LICENSE.txt
+ * The complete set of authors may be found at
+ * http://polymer.github.io/AUTHORS.txt
+ * The complete set of contributors may be found at
+ * http://polymer.github.io/CONTRIBUTORS.txt
+ * Code distributed by Google as part of the polymer project is also
+ * subject to an additional IP rights grant found at
+ * http://polymer.github.io/PATENTS.txt
+ */
+"undefined"!=typeof window&&(window.litHtmlVersions||(window.litHtmlVersions=[])).push("1.3.0");const I=(t,...e)=>new g(t,e,"html",O)
+/**
+@license
+Copyright (c) 2019 The Polymer Project Authors. All rights reserved.
+This code may only be used under the BSD style license found at
+http://polymer.github.io/LICENSE.txt The complete set of authors may be found at
+http://polymer.github.io/AUTHORS.txt The complete set of contributors may be
+found at http://polymer.github.io/CONTRIBUTORS.txt Code distributed by Google as
+part of the polymer project is also subject to an additional IP rights grant
+found at http://polymer.github.io/PATENTS.txt
+*/,z=window.ShadowRoot&&(void 0===window.ShadyCSS||window.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,q=Symbol();class H{constructor(t,e){if(e!==q)throw new Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");this.cssText=t}get styleSheet(){return void 0===this._styleSheet&&(z?(this._styleSheet=new CSSStyleSheet,this._styleSheet.replaceSync(this.cssText)):this._styleSheet=null),this._styleSheet}toString(){return this.cssText}}const j=(t,...e)=>{const o=e.reduce(((e,o,r)=>e+(t=>{if(t instanceof H)return t.cssText;if("number"==typeof t)return t;throw new Error(`Value passed to 'css' function must be a 'css' function result: ${t}. Use 'unsafeCSS' to pass non-literal values, but\n            take care to ensure page security.`)})(o)+t[r+1]),t[0]);return new H(o,q)};
+/**
+ * @license
+ * Copyright (c) 2017 The Polymer Project Authors. All rights reserved.
+ * This code may only be used under the BSD style license found at
+ * http://polymer.github.io/LICENSE.txt
+ * The complete set of authors may be found at
+ * http://polymer.github.io/AUTHORS.txt
+ * The complete set of contributors may be found at
+ * http://polymer.github.io/CONTRIBUTORS.txt
+ * Code distributed by Google as part of the polymer project is also
+ * subject to an additional IP rights grant found at
+ * http://polymer.github.io/PATENTS.txt
+ */
+(window.litElementVersions||(window.litElementVersions=[])).push("2.4.0");const F={};class B extends ${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,o)=>t.reduceRight(((t,o)=>Array.isArray(o)?e(o,t):(t.add(o),t)),o),o=e(t,new Set),r=[];o.forEach((t=>r.unshift(t))),this._styles=r}else this._styles=void 0===t?[]:[t];this._styles=this._styles.map((t=>{if(t instanceof CSSStyleSheet&&!z){const e=Array.prototype.slice.call(t.cssRules).reduce(((t,e)=>t+e.cssText),"");return new H(String(e),q)}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({mode:"open"})}adoptStyles(){const t=this.constructor._styles;0!==t.length&&(void 0===window.ShadyCSS||window.ShadyCSS.nativeShadow?z?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!==F&&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 F}}B.finalized=!0,B.render=(t,e,o)=>{let r=V.get(e);void 0===r&&(s(e,e.firstChild),V.set(e,r=new S(Object.assign({templateFactory:T},o))),r.appendInto(e)),r.setValue(t),r.commit()};
+/**
+ * @license
+ * Copyright (c) 2018 The Polymer Project Authors. All rights reserved.
+ * This code may only be used under the BSD style license found at
+ * http://polymer.github.io/LICENSE.txt
+ * The complete set of authors may be found at
+ * http://polymer.github.io/AUTHORS.txt
+ * The complete set of contributors may be found at
+ * http://polymer.github.io/CONTRIBUTORS.txt
+ * Code distributed by Google as part of the polymer project is also
+ * subject to an additional IP rights grant found at
+ * http://polymer.github.io/PATENTS.txt
+ */
+const D=new WeakMap,W=e((t=>e=>{const o=D.get(e);if(void 0===t&&e instanceof x){if(void 0!==o||!D.has(e)){const t=e.committer.name;e.committer.element.removeAttribute(t)}}else t!==o&&e.setValue(t);D.set(e,t)}));
+/**
+ * @license
+ * Copyright (c) 2018 The Polymer Project Authors. All rights reserved.
+ * This code may only be used under the BSD style license found at
+ * http://polymer.github.io/LICENSE.txt
+ * The complete set of authors may be found at
+ * http://polymer.github.io/AUTHORS.txt
+ * The complete set of contributors may be found at
+ * http://polymer.github.io/CONTRIBUTORS.txt
+ * Code distributed by Google as part of the polymer project is also
+ * subject to an additional IP rights grant found at
+ * http://polymer.github.io/PATENTS.txt
+ */
+class J{constructor(t){this.classes=new Set,this.changed=!1,this.element=t;const e=(t.getAttribute("class")||"").split(/\s+/);for(const t of e)this.classes.add(t)}add(t){this.classes.add(t),this.changed=!0}remove(t){this.classes.delete(t),this.changed=!0}commit(){if(this.changed){let t="";this.classes.forEach((e=>t+=e+" ")),this.element.setAttribute("class",t)}}}const K=new WeakMap,G=e((t=>e=>{if(!(e instanceof x)||e instanceof P||"class"!==e.committer.name||e.committer.parts.length>1)throw new Error("The `classMap` directive must be used in the `class` attribute and must be the only part in the attribute.");const{committer:o}=e,{element:r}=o;let s=K.get(e);void 0===s&&(r.setAttribute("class",o.strings.join(" ")),K.set(e,s=new Set));const i=r.classList||new J(r);s.forEach((e=>{e in t||(i.remove(e),s.delete(e))}));for(const e in t){const o=t[e];o!=s.has(e)&&(o?(i.add(e),s.add(e)):(i.remove(e),s.delete(e)))}"function"==typeof i.commit&&i.commit()}));(function(t,e){!function(){function t(t){var e=!0,o=!1,r=null,s={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 i(t){return!!(t&&t!==document&&"HTML"!==t.nodeName&&"BODY"!==t.nodeName&&"classList"in t&&"contains"in t.classList)}function n(t){t.classList.contains("focus-visible")||(t.classList.add("focus-visible"),t.setAttribute("data-focus-visible-added",""))}function a(t){e=!1}function d(){document.addEventListener("mousemove",c),document.addEventListener("mousedown",c),document.addEventListener("mouseup",c),document.addEventListener("pointermove",c),document.addEventListener("pointerdown",c),document.addEventListener("pointerup",c),document.addEventListener("touchmove",c),document.addEventListener("touchstart",c),document.addEventListener("touchend",c)}function c(t){t.target.nodeName&&"html"===t.target.nodeName.toLowerCase()||(e=!1,document.removeEventListener("mousemove",c),document.removeEventListener("mousedown",c),document.removeEventListener("mouseup",c),document.removeEventListener("pointermove",c),document.removeEventListener("pointerdown",c),document.removeEventListener("pointerup",c),document.removeEventListener("touchmove",c),document.removeEventListener("touchstart",c),document.removeEventListener("touchend",c))}document.addEventListener("keydown",(function(o){o.metaKey||o.altKey||o.ctrlKey||(i(t.activeElement)&&n(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&&(o&&(e=!0),d())}),!0),d(),t.addEventListener("focus",(function(t){var o,r,a;i(t.target)&&(e||(r=(o=t.target).type,"INPUT"===(a=o.tagName)&&s[r]&&!o.readOnly||"TEXTAREA"===a&&!o.readOnly||o.isContentEditable))&&n(t.target)}),!0),t.addEventListener("blur",(function(t){var e;i(t.target)&&(t.target.classList.contains("focus-visible")||t.target.hasAttribute("data-focus-visible-added"))&&(o=!0,window.clearTimeout(r),r=window.setTimeout((function(){o=!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)}()})(X={exports:{}},X.exports);var X,Y=j`*,:after,:before{box-sizing:border-box}@media (prefers-reduced-motion:reduce){*,:after,:before{animation:none!important;transition:none!important}}:focus{outline:3px solid transparent}.js-focus-visible :focus:not(.focus-visible){outline:3px solid transparent}.util_insetLg--squish{padding:calc(1.5rem / 2) 1.5rem}:host(.focus-visible) .auro-button{box-shadow:inset 0 0 0 1px #fff,inset 0 0 0 3px #fff;box-shadow:inset 0 0 0 1px var(--auro-color-border-focus-on-dark),inset 0 0 0 3px var(--auro-color-background-lightest)}:host(.focus-visible) .auro-button--secondary{background-color:#f8f8f8;background-color:var(--auro-color-background-lighter);box-shadow:inset 0 0 0 3px #0074cb;box-shadow:inset 0 0 0 3px var(--auro-color-ui-default-on-light)}:host(.focus-visible) .auro-button--tertiary{background-color:#f8f8f8;background-color:var(--auro-color-background-lighter);border-color:#0074cb;border-color:var(--auro-color-ui-default-on-light);box-shadow:inset 0 0 0 3px #0074cb;box-shadow:inset 0 0 0 3px var(--auro-color-ui-default-on-light)}:host(.focus-visible) .auro-buttonOndark{background-color:#00cff0;background-color:var(--auro-color-ui-default-on-dark);box-shadow:inset 0 0 0 3px #fff;box-shadow:inset 0 0 0 3px var(--auro-color-border-focus-on-dark)}:host(.focus-visible) .auro-buttonOndark--secondary{background-color:rgba(0,0,0,.15);background-color:var(--auro-color-base-black-opacity-15);box-shadow:inset 0 0 0 3px #5de3f7;box-shadow:inset 0 0 0 3px var(--auro-color-ui-active-on-dark);border:1px solid #5de3f7;border:1px solid var(--auro-color-ui-active-on-dark)}:host(.focus-visible) .auro-buttonOndark--tertiary{background-color:rgba(0,0,0,.15);background-color:var(--auro-color-base-black-opacity-15);border-color:#5de3f7;border-color:var(--auro-color-ui-active-on-dark);box-shadow:inset 0 0 0 3px #5de3f7;box-shadow:inset 0 0 0 3px var(--auro-color-ui-active-on-dark)}:host(.focus-visible) .auro-button::-moz-focus-inner{border:none;width:100%}:host([fluid=true]) .auro-button,:host([fluid]) .auro-button{min-width:auto;width:100%}::slotted(svg){vertical-align:middle}slot{pointer-events:none}.auro-button{transition:all .15s ease;padding:.75rem 1.5rem;padding:var(--auro-size-sm) var(--auro-size-lg);color:#fff;color:var(--auro-color-text-primary-on-dark);cursor:pointer;background-color:#0074cb;background-color:var(--auro-color-ui-default-on-light);border:1px solid #0074cb;border:1px solid var(--auro-color-ui-default-on-light);border-radius:.375rem;border-radius:var(--auro-border-radius);font-family:'AS Circular',Helvetica Neue,Arial,sans-serif;font-family:var(--auro-font-family-default);font-size:1rem;font-size:var(--auro-text-body-size-default);font-weight:500;font-weight:var(--auro-text-body-default-weight);line-height:1.4;line-height:var(--auro-unitless-scale-140);overflow:hidden;text-overflow:ellipsis;-ms-user-select:none;user-select:none;white-space:nowrap;width:100%;margin:0;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none}@media (hover:hover){.auro-button:active,.auro-button:hover{background-color:#054687;background-color:var(--auro-color-ui-hover-on-light);border:1px solid #054687;border:1px solid var(--auro-color-ui-hover-on-light)}}.auro-button::-moz-focus-inner{border:none}.auro-button:active{background-color:#054687;background-color:var(--auro-color-ui-active-on-light);border:1px solid #054687;border:1px solid var(--auro-color-ui-active-on-light);transform:scale(.95)}@media screen and (min-width:660px){.auro-button{min-width:8.75rem;width:auto}}.auro-button:disabled{cursor:not-allowed;transform:unset;opacity:.4}@media (hover:hover){.auro-button:disabled:hover{background-color:#0074cb;background-color:var(--auro-color-ui-default-on-light);border-color:#0074cb;border-color:var(--auro-color-ui-default-on-light)}}.auro-button--secondary{background-color:#fff;background-color:var(--auro-color-background-lightest);border:1px solid #0074cb;border:1px solid var(--auro-color-ui-default-on-light);color:#0074cb;color:var(--auro-color-text-link-on-light)}@media (hover:hover){.auro-button--secondary:active,.auro-button--secondary:hover{background-color:#f8f8f8;background-color:var(--auro-color-background-lighter);border:1px solid #0074cb;border:1px solid var(--auro-color-ui-default-on-light)}}.auro-button--secondary:active{background-color:#f8f8f8;background-color:var(--auro-color-background-lighter);border:1px solid #0074cb;border:1px solid var(--auro-color-ui-default-on-light)}.auro-button--secondary:disabled:hover{background-color:#fff;background-color:var(--auro-color-background-lightest);border-color:#0074cb;border-color:var(--auro-color-ui-default-on-light)}.auro-button--tertiary{background-color:transparent;border-color:transparent;color:#0074cb;color:var(--auro-color-text-link-on-light)}@media (hover:hover){.auro-button--tertiary:active,.auro-button--tertiary:hover{background-color:#f8f8f8;background-color:var(--auro-color-background-lighter);border-color:transparent}}.auro-button--tertiary:active{background-color:#f8f8f8;background-color:var(--auro-color-background-lighter);border-color:transparent}@media (hover:hover){.auro-button--tertiary:disabled:hover{background-color:transparent;border-color:transparent}}.auro-buttonOndark{background-color:#00cff0;background-color:var(--auro-color-ui-default-on-dark);border:1px solid #00cff0;border:1px solid var(--auro-color-ui-default-on-dark);color:#222;color:var(--auro-color-text-primary-on-light)}@media (hover:hover){.auro-buttonOndark:active,.auro-buttonOndark:hover{background-color:#5de3f7;background-color:var(--auro-color-ui-hover-on-dark);border:1px solid #5de3f7;border:1px solid var(--auro-color-ui-hover-on-dark)}}.auro-buttonOndark:active{background-color:#5de3f7;background-color:var(--auro-color-ui-active-on-dark);border:1px solid #5de3f7;border:1px solid var(--auro-color-ui-active-on-dark)}@media (hover:hover){.auro-buttonOndark:disabled:hover{background-color:#00cff0;background-color:var(--auro-color-ui-default-on-dark);border-color:#00cff0;border-color:var(--auro-color-ui-default-on-dark)}}.auro-buttonOndark--secondary{background-color:transparent;border:1px solid #00cff0;border:1px solid var(--auro-color-ui-default-on-dark);color:#00cff0;color:var(--auro-color-ui-default-on-dark)}@media (hover:hover){.auro-buttonOndark--secondary:active,.auro-buttonOndark--secondary:hover{background-color:rgba(0,0,0,.15);background-color:var(--auro-color-base-black-opacity-15)}}.auro-buttonOndark--secondary:active{background-color:rgba(0,0,0,.15);background-color:var(--auro-color-base-black-opacity-15);border:1px solid #5de3f7;border:1px solid var(--auro-color-ui-hover-on-dark)}@media (hover:hover){.auro-buttonOndark--secondary:disabled:hover{background-color:transparent;border:1px solid #00cff0;border:1px solid var(--auro-color-ui-default-on-dark)}}.auro-buttonOndark--tertiary{background-color:transparent;border:1px solid transparent;color:#00cff0;color:var(--auro-color-ui-default-on-dark)}@media (hover:hover){.auro-buttonOndark--tertiary:active,.auro-buttonOndark--tertiary:hover{background-color:rgba(0,0,0,.15);background-color:var(--auro-color-base-black-opacity-15);border:1px solid transparent;box-shadow:none}}.auro-buttonOndark--tertiary:active{background-color:rgba(0,0,0,.15);background-color:var(--auro-color-base-black-opacity-15);border:1px solid transparent;box-shadow:none}@media (hover:hover){.auro-buttonOndark--tertiary:disabled:hover{background-color:transparent;border-color:transparent}}.icon svg{vertical-align:middle}.icon slot{vertical-align:middle}`,Q=j`:host([fixed]) .util_insetLg--squish{padding:calc(24px / 2) 24px}:host([fixed]) .auro-button{padding:12px 24px;border-radius:6px;font-size:16px}@media screen and (min-width:660px){:host([fixed]) .auro-button{min-width:140px}}`;class Z extends B{static get styles(){return[Y,Q]}static get properties(){return{autofocus:{type:Boolean,reflect:!0},disabled:{type:Boolean,reflect:!0},ondark:{type:Boolean,reflect:!0},secondary:{type:Boolean,reflect:!0},tertiary:{type:Boolean,reflect:!0},arialabel:{type:String,reflect:!0},arialabelledby:{type:String,reflect:!0},title:{type:String,reflect:!0},type:{type:String,reflect:!0},value:{type:String,reflect:!0},id:{type:String},svgIconLeft:{type:String},svgIconRight:{type:String}}}focus(){this.renderRoot.querySelector("button").focus()}getIcon(t){return this.dom=(new DOMParser).parseFromString(t,"text/html"),this.svg=this.dom.body.firstChild,this.svg}render(){const t={"util_insetLg--squish":!0,"auro-button":!0,"auro-buttonOndark":this.ondark,"auro-button--secondary":this.secondary,"auro-buttonOndark--secondary":this.secondary&&this.ondark,"auro-button--tertiary":this.tertiary,"auro-buttonOndark--tertiary":this.tertiary&&this.ondark,icon:this.svgIconLeft||this.svgIconRight};return I`<button aria-label="${W(this.arialabel?this.arialabel:void 0)}" aria-labelledby="${W(this.arialabelledby?this.arialabelledby:void 0)}" ?autofocus="${this.autofocus}" class="${G(t)}" ?disabled="${this.disabled}" id="${W(this.id?this.id:void 0)}" title="${W(this.title?this.title:void 0)}" name="${W(this.name?this.name:void 0)}" type="${W(this.type?this.type:void 0)}" .value="${W(this.value?this.value:void 0)}" @click="${()=>{}}">${W(this.svgIconLeft?this.getIcon(this.svgIconLeft):void 0)}<slot></slot>${W(this.svgIconRight?this.getIcon(this.svgIconRight):void 0)}</button>`}}customElements.get("auro-button")||customElements.define("auro-button",Z);

dist/style-css.js

 import {css} from 'lit-element';
-export default css`*,*:before,*:after{-webkit-box-sizing:border-box;box-sizing:border-box}@media (prefers-reduced-motion: reduce){*,*:before,*:after{-webkit-animation:none !important;animation:none !important;-webkit-transition:none !important;-o-transition:none !important;transition:none !important}}*:focus{outline:3px solid transparent}.js-focus-visible :focus:not(.focus-visible){outline:3px solid transparent}.util_insetLg--squish{padding:calc(1.5rem / 2) 1.5rem}:host(.focus-visible) .auro-button{-webkit-box-shadow:inset 0 0 0 1px #ffffff, inset 0 0 0 3px #ffffff;-webkit-box-shadow:inset 0 0 0 1px var(--auro-color-border-focus-on-dark),inset 0 0 0 3px var(--auro-color-background-lightest);box-shadow:inset 0 0 0 1px #ffffff, inset 0 0 0 3px #ffffff;box-shadow:inset 0 0 0 1px var(--auro-color-border-focus-on-dark),inset 0 0 0 3px var(--auro-color-background-lightest)}:host(.focus-visible) .auro-button--secondary{background-color:#f8f8f8;background-color:var(--auro-color-background-lighter);-webkit-box-shadow:inset 0 0 0 3px #0074cb;-webkit-box-shadow:inset 0 0 0 3px var(--auro-color-ui-default-on-light);box-shadow:inset 0 0 0 3px #0074cb;box-shadow:inset 0 0 0 3px var(--auro-color-ui-default-on-light)}:host(.focus-visible) .auro-button--tertiary{background-color:#f8f8f8;background-color:var(--auro-color-background-lighter);border-color:#0074cb;border-color:var(--auro-color-ui-default-on-light);-webkit-box-shadow:inset 0 0 0 3px #0074cb;-webkit-box-shadow:inset 0 0 0 3px var(--auro-color-ui-default-on-light);box-shadow:inset 0 0 0 3px #0074cb;box-shadow:inset 0 0 0 3px var(--auro-color-ui-default-on-light)}:host(.focus-visible) .auro-buttonOndark{background-color:#00cff0;background-color:var(--auro-color-ui-default-on-dark);-webkit-box-shadow:inset 0 0 0 3px #ffffff;-webkit-box-shadow:inset 0 0 0 3px var(--auro-color-border-focus-on-dark);box-shadow:inset 0 0 0 3px #ffffff;box-shadow:inset 0 0 0 3px var(--auro-color-border-focus-on-dark)}:host(.focus-visible) .auro-buttonOndark--secondary{background-color:rgba(0,0,0,0.15);background-color:var(--auro-color-base-black-opacity-15);-webkit-box-shadow:inset 0 0 0 3px #5de3f7;-webkit-box-shadow:inset 0 0 0 3px var(--auro-color-ui-active-on-dark);box-shadow:inset 0 0 0 3px #5de3f7;box-shadow:inset 0 0 0 3px var(--auro-color-ui-active-on-dark);border:1px solid #5de3f7;border:1px solid var(--auro-color-ui-active-on-dark)}:host(.focus-visible) .auro-buttonOndark--tertiary{background-color:rgba(0,0,0,0.15);background-color:var(--auro-color-base-black-opacity-15);border-color:#5de3f7;border-color:var(--auro-color-ui-active-on-dark);-webkit-box-shadow:inset 0 0 0 3px #5de3f7;-webkit-box-shadow:inset 0 0 0 3px var(--auro-color-ui-active-on-dark);box-shadow:inset 0 0 0 3px #5de3f7;box-shadow:inset 0 0 0 3px var(--auro-color-ui-active-on-dark)}:host(.focus-visible) .auro-button::-moz-focus-inner{border:none;width:100%}:host([fluid]) .auro-button,:host([fluid=true]) .auro-button{min-width:auto;width:100%}::slotted(svg){vertical-align:middle}slot{pointer-events:none}.auro-button{-webkit-transition:all 0.15s ease;-o-transition:all 0.15s ease;transition:all 0.15s ease;padding:0.75rem 1.5rem;padding:var(--auro-size-sm) var(--auro-size-lg);color:#ffffff;color:var(--auro-color-text-primary-on-dark);cursor:pointer;background-color:#0074cb;background-color:var(--auro-color-ui-default-on-light);border:1px solid #0074cb;border:1px solid var(--auro-color-ui-default-on-light);border-radius:0.375rem;border-radius:var(--auro-border-radius);font-family:'AS Circular', Helvetica Neue, Arial, sans-serif;font-family:var(--auro-font-family-default);font-size:1rem;font-size:var(--auro-text-body-size-default);font-weight:500;font-weight:var(--auro-text-body-default-weight);line-height:1.4;line-height:var(--auro-unitless-scale-140);overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap;width:100%;margin:0;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none}@media (hover: hover){.auro-button:active,.auro-button:hover{background-color:#054687;background-color:var(--auro-color-ui-hover-on-light);border:1px solid #054687;border:1px solid var(--auro-color-ui-hover-on-light)}}.auro-button::-moz-focus-inner{border:none}.auro-button:active{background-color:#054687;background-color:var(--auro-color-ui-active-on-light);border:1px solid #054687;border:1px solid var(--auro-color-ui-active-on-light);-webkit-transform:scale(0.95);-ms-transform:scale(0.95);transform:scale(0.95)}@media screen and (min-width: 660px){.auro-button{min-width:8.75rem;width:auto}}.auro-button:disabled{cursor:not-allowed;-webkit-transform:unset;-ms-transform:unset;transform:unset;opacity:.4}@media (hover: hover){.auro-button:disabled:hover{background-color:#0074cb;background-color:var(--auro-color-ui-default-on-light);border-color:#0074cb;border-color:var(--auro-color-ui-default-on-light)}}.auro-button--secondary{background-color:#ffffff;background-color:var(--auro-color-background-lightest);border:1px solid #0074cb;border:1px solid var(--auro-color-ui-default-on-light);color:#0074cb;color:var(--auro-color-text-link-on-light)}@media (hover: hover){.auro-button--secondary:active,.auro-button--secondary:hover{background-color:#f8f8f8;background-color:var(--auro-color-background-lighter);border:1px solid #0074cb;border:1px solid var(--auro-color-ui-default-on-light)}}.auro-button--secondary:active{background-color:#f8f8f8;background-color:var(--auro-color-background-lighter);border:1px solid #0074cb;border:1px solid var(--auro-color-ui-default-on-light)}.auro-button--secondary:disabled:hover{background-color:#ffffff;background-color:var(--auro-color-background-lightest);border-color:#0074cb;border-color:var(--auro-color-ui-default-on-light)}.auro-button--tertiary{background-color:transparent;border-color:transparent;color:#0074cb;color:var(--auro-color-text-link-on-light)}@media (hover: hover){.auro-button--tertiary:active,.auro-button--tertiary:hover{background-color:#f8f8f8;background-color:var(--auro-color-background-lighter);border-color:transparent}}.auro-button--tertiary:active{background-color:#f8f8f8;background-color:var(--auro-color-background-lighter);border-color:transparent}@media (hover: hover){.auro-button--tertiary:disabled:hover{background-color:transparent;border-color:transparent}}.auro-buttonOndark{background-color:#00cff0;background-color:var(--auro-color-ui-default-on-dark);border:1px solid #00cff0;border:1px solid var(--auro-color-ui-default-on-dark);color:#222222;color:var(--auro-color-text-primary-on-light)}@media (hover: hover){.auro-buttonOndark:active,.auro-buttonOndark:hover{background-color:#5de3f7;background-color:var(--auro-color-ui-hover-on-dark);border:1px solid #5de3f7;border:1px solid var(--auro-color-ui-hover-on-dark)}}.auro-buttonOndark:active{background-color:#5de3f7;background-color:var(--auro-color-ui-active-on-dark);border:1px solid #5de3f7;border:1px solid var(--auro-color-ui-active-on-dark)}@media (hover: hover){.auro-buttonOndark:disabled:hover{background-color:#00cff0;background-color:var(--auro-color-ui-default-on-dark);border-color:#00cff0;border-color:var(--auro-color-ui-default-on-dark)}}.auro-buttonOndark--secondary{background-color:transparent;border:1px solid #00cff0;border:1px solid var(--auro-color-ui-default-on-dark);color:#00cff0;color:var(--auro-color-ui-default-on-dark)}@media (hover: hover){.auro-buttonOndark--secondary:active,.auro-buttonOndark--secondary:hover{background-color:rgba(0,0,0,0.15);background-color:var(--auro-color-base-black-opacity-15)}}.auro-buttonOndark--secondary:active{background-color:rgba(0,0,0,0.15);background-color:var(--auro-color-base-black-opacity-15);border:1px solid #5de3f7;border:1px solid var(--auro-color-ui-hover-on-dark)}@media (hover: hover){.auro-buttonOndark--secondary:disabled:hover{background-color:transparent;border:1px solid #00cff0;border:1px solid var(--auro-color-ui-default-on-dark)}}.auro-buttonOndark--tertiary{background-color:transparent;border:1px solid transparent;color:#00cff0;color:var(--auro-color-ui-default-on-dark)}@media (hover: hover){.auro-buttonOndark--tertiary:active,.auro-buttonOndark--tertiary:hover{background-color:rgba(0,0,0,0.15);background-color:var(--auro-color-base-black-opacity-15);border:1px solid transparent;-webkit-box-shadow:none;box-shadow:none}}.auro-buttonOndark--tertiary:active{background-color:rgba(0,0,0,0.15);background-color:var(--auro-color-base-black-opacity-15);border:1px solid transparent;-webkit-box-shadow:none;box-shadow:none}@media (hover: hover){.auro-buttonOndark--tertiary:disabled:hover{background-color:transparent;border-color:transparent}}.icon svg{vertical-align:middle}.icon slot{vertical-align:middle}
+export default css`*,*:before,*:after{box-sizing:border-box}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation:none !important;transition:none !important}}*:focus{outline:3px solid transparent}.js-focus-visible :focus:not(.focus-visible){outline:3px solid transparent}.util_insetLg--squish{padding:calc(1.5rem / 2) 1.5rem}:host(.focus-visible) .auro-button{box-shadow:inset 0 0 0 1px #ffffff, inset 0 0 0 3px #ffffff;box-shadow:inset 0 0 0 1px var(--auro-color-border-focus-on-dark),inset 0 0 0 3px var(--auro-color-background-lightest)}:host(.focus-visible) .auro-button--secondary{background-color:#f8f8f8;background-color:var(--auro-color-background-lighter);box-shadow:inset 0 0 0 3px #0074cb;box-shadow:inset 0 0 0 3px var(--auro-color-ui-default-on-light)}:host(.focus-visible) .auro-button--tertiary{background-color:#f8f8f8;background-color:var(--auro-color-background-lighter);border-color:#0074cb;border-color:var(--auro-color-ui-default-on-light);box-shadow:inset 0 0 0 3px #0074cb;box-shadow:inset 0 0 0 3px var(--auro-color-ui-default-on-light)}:host(.focus-visible) .auro-buttonOndark{background-color:#00cff0;background-color:var(--auro-color-ui-default-on-dark);box-shadow:inset 0 0 0 3px #ffffff;box-shadow:inset 0 0 0 3px var(--auro-color-border-focus-on-dark)}:host(.focus-visible) .auro-buttonOndark--secondary{background-color:rgba(0,0,0,0.15);background-color:var(--auro-color-base-black-opacity-15);box-shadow:inset 0 0 0 3px #5de3f7;box-shadow:inset 0 0 0 3px var(--auro-color-ui-active-on-dark);border:1px solid #5de3f7;border:1px solid var(--auro-color-ui-active-on-dark)}:host(.focus-visible) .auro-buttonOndark--tertiary{background-color:rgba(0,0,0,0.15);background-color:var(--auro-color-base-black-opacity-15);border-color:#5de3f7;border-color:var(--auro-color-ui-active-on-dark);box-shadow:inset 0 0 0 3px #5de3f7;box-shadow:inset 0 0 0 3px var(--auro-color-ui-active-on-dark)}:host(.focus-visible) .auro-button::-moz-focus-inner{border:none;width:100%}:host([fluid]) .auro-button,:host([fluid=true]) .auro-button{min-width:auto;width:100%}::slotted(svg){vertical-align:middle}slot{pointer-events:none}.auro-button{transition:all 0.15s ease;padding:0.75rem 1.5rem;padding:var(--auro-size-sm) var(--auro-size-lg);color:#ffffff;color:var(--auro-color-text-primary-on-dark);cursor:pointer;background-color:#0074cb;background-color:var(--auro-color-ui-default-on-light);border:1px solid #0074cb;border:1px solid var(--auro-color-ui-default-on-light);border-radius:0.375rem;border-radius:var(--auro-border-radius);font-family:'AS Circular', Helvetica Neue, Arial, sans-serif;font-family:var(--auro-font-family-default);font-size:1rem;font-size:var(--auro-text-body-size-default);font-weight:500;font-weight:var(--auro-text-body-default-weight);line-height:1.4;line-height:var(--auro-unitless-scale-140);overflow:hidden;text-overflow:ellipsis;-ms-user-select:none;user-select:none;white-space:nowrap;width:100%;margin:0;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none}@media (hover: hover){.auro-button:active,.auro-button:hover{background-color:#054687;background-color:var(--auro-color-ui-hover-on-light);border:1px solid #054687;border:1px solid var(--auro-color-ui-hover-on-light)}}.auro-button::-moz-focus-inner{border:none}.auro-button:active{background-color:#054687;background-color:var(--auro-color-ui-active-on-light);border:1px solid #054687;border:1px solid var(--auro-color-ui-active-on-light);transform:scale(0.95)}@media screen and (min-width: 660px){.auro-button{min-width:8.75rem;width:auto}}.auro-button:disabled{cursor:not-allowed;transform:unset;opacity:.4}@media (hover: hover){.auro-button:disabled:hover{background-color:#0074cb;background-color:var(--auro-color-ui-default-on-light);border-color:#0074cb;border-color:var(--auro-color-ui-default-on-light)}}.auro-button--secondary{background-color:#ffffff;background-color:var(--auro-color-background-lightest);border:1px solid #0074cb;border:1px solid var(--auro-color-ui-default-on-light);color:#0074cb;color:var(--auro-color-text-link-on-light)}@media (hover: hover){.auro-button--secondary:active,.auro-button--secondary:hover{background-color:#f8f8f8;background-color:var(--auro-color-background-lighter);border:1px solid #0074cb;border:1px solid var(--auro-color-ui-default-on-light)}}.auro-button--secondary:active{background-color:#f8f8f8;background-color:var(--auro-color-background-lighter);border:1px solid #0074cb;border:1px solid var(--auro-color-ui-default-on-light)}.auro-button--secondary:disabled:hover{background-color:#ffffff;background-color:var(--auro-color-background-lightest);border-color:#0074cb;border-color:var(--auro-color-ui-default-on-light)}.auro-button--tertiary{background-color:transparent;border-color:transparent;color:#0074cb;color:var(--auro-color-text-link-on-light)}@media (hover: hover){.auro-button--tertiary:active,.auro-button--tertiary:hover{background-color:#f8f8f8;background-color:var(--auro-color-background-lighter);border-color:transparent}}.auro-button--tertiary:active{background-color:#f8f8f8;background-color:var(--auro-color-background-lighter);border-color:transparent}@media (hover: hover){.auro-button--tertiary:disabled:hover{background-color:transparent;border-color:transparent}}.auro-buttonOndark{background-color:#00cff0;background-color:var(--auro-color-ui-default-on-dark);border:1px solid #00cff0;border:1px solid var(--auro-color-ui-default-on-dark);color:#222222;color:var(--auro-color-text-primary-on-light)}@media (hover: hover){.auro-buttonOndark:active,.auro-buttonOndark:hover{background-color:#5de3f7;background-color:var(--auro-color-ui-hover-on-dark);border:1px solid #5de3f7;border:1px solid var(--auro-color-ui-hover-on-dark)}}.auro-buttonOndark:active{background-color:#5de3f7;background-color:var(--auro-color-ui-active-on-dark);border:1px solid #5de3f7;border:1px solid var(--auro-color-ui-active-on-dark)}@media (hover: hover){.auro-buttonOndark:disabled:hover{background-color:#00cff0;background-color:var(--auro-color-ui-default-on-dark);border-color:#00cff0;border-color:var(--auro-color-ui-default-on-dark)}}.auro-buttonOndark--secondary{background-color:transparent;border:1px solid #00cff0;border:1px solid var(--auro-color-ui-default-on-dark);color:#00cff0;color:var(--auro-color-ui-default-on-dark)}@media (hover: hover){.auro-buttonOndark--secondary:active,.auro-buttonOndark--secondary:hover{background-color:rgba(0,0,0,0.15);background-color:var(--auro-color-base-black-opacity-15)}}.auro-buttonOndark--secondary:active{background-color:rgba(0,0,0,0.15);background-color:var(--auro-color-base-black-opacity-15);border:1px solid #5de3f7;border:1px solid var(--auro-color-ui-hover-on-dark)}@media (hover: hover){.auro-buttonOndark--secondary:disabled:hover{background-color:transparent;border:1px solid #00cff0;border:1px solid var(--auro-color-ui-default-on-dark)}}.auro-buttonOndark--tertiary{background-color:transparent;border:1px solid transparent;color:#00cff0;color:var(--auro-color-ui-default-on-dark)}@media (hover: hover){.auro-buttonOndark--tertiary:active,.auro-buttonOndark--tertiary:hover{background-color:rgba(0,0,0,0.15);background-color:var(--auro-color-base-black-opacity-15);border:1px solid transparent;box-shadow:none}}.auro-buttonOndark--tertiary:active{background-color:rgba(0,0,0,0.15);background-color:var(--auro-color-base-black-opacity-15);border:1px solid transparent;box-shadow:none}@media (hover: hover){.auro-buttonOndark--tertiary:disabled:hover{background-color:transparent;border-color:transparent}}.icon svg{vertical-align:middle}.icon slot{vertical-align:middle}
 `;

package.json

@@ -11,3 +11,3 @@ {
   "name": "@alaskaairux/auro-button",
-  "version": "5.3.1",
+  "version": "6.0.0",
   "description": "Auro custom auro-button element",
@@ -28,3 +28,3 @@ "author": "Product design and research",
     "@alaskaairux/webcorestylesheets": "^3.0.0",
-    "@alaskaairux/orion-icons": "^2.1.5",
+    "@alaskaairux/icons": "^4.0.3",
     "@webcomponents/webcomponentsjs": "^2.5.0",
@@ -35,9 +35,8 @@ "focus-visible": "^5.2.0"
     "@alaskaairux/design-tokens": "^3.0.0",
-    "@alaskaairux/icons": "^4.0.3",
-    "@alaskaairux/orion-icons": "^2.1.5",
+    "@alaskaairux/icons": "^4.1.0",
     "@alaskaairux/webcorestylesheets": "^3.0.0",
-    "@babel/core": "^7.12.7",
+    "@babel/core": "^7.12.10",
     "@babel/plugin-syntax-dynamic-import": "^7.8.3",
-    "@babel/plugin-transform-runtime": "^7.12.1",
-    "@babel/preset-env": "^7.12.7",
+    "@babel/plugin-transform-runtime": "^7.12.10",
+    "@babel/preset-env": "^7.12.11",
     "@babel/runtime": "^7.12.5",
@@ -49,24 +48,27 @@ "@commitlint/cli": "^11.0.0",
     "@polymer/iron-demo-helpers": "^3.1.0",
-    "@polymer/iron-icons": "^3.0.1",
-    "@polymer/polymer": "^3.3.1",
+    "@rollup/plugin-alias": "^3.1.1",
+    "@rollup/plugin-babel": "^5.2.2",
+    "@rollup/plugin-commonjs": "^17.0.0",
+    "@rollup/plugin-node-resolve": "^11.0.1",
     "@semantic-release/changelog": "^5.0.1",
     "@semantic-release/git": "^9.0.0",
-    "@semantic-release/npm": "^7.0.8",
+    "@semantic-release/npm": "^7.0.9",
+    "@web/dev-server": "^0.1.0",
     "@webcomponents/webcomponentsjs": "^2.5.0",
-    "autoprefixer": "^10.0.2",
-    "babel-loader": "^8.2.1",
+    "autoprefixer": "^10.1.0",
+    "babel-loader": "^8.2.2",
     "compression": "^1.7.4",
     "concat": "^1.0.3",
-    "copy-webpack-plugin": "^6.3.2",
-    "copyfiles": "^2.4.0",
-    "core-js": "^3.7.0",
-    "eslint": "^7.13.0",
-    "eslint-plugin-lit": "^1.2.4",
+    "copy-webpack-plugin": "^6.4.1",
+    "copyfiles": "^2.4.1",
+    "core-js": "^3.8.1",
+    "eslint": "^7.16.0",
+    "eslint-plugin-lit": "^1.3.0",
     "focus-visible": "^5.2.0",
-    "husky": "^4.3.0",
+    "husky": "^4.3.6",
     "lodash": "^4.17.20",
-    "marked": "^1.2.5",
+    "marked": "^1.2.7",
     "nodemon": "^2.0.6",
     "npm-run-all": "^4.1.5",
-    "postcss": "^8.1.8",
+    "postcss": "^8.2.1",
     "postcss-custom-properties": "^10.0.0",
@@ -77,4 +79,8 @@ "postcss-discard-comments": "^4.0.2",
     "postcss-selector-replace": "^1.0.2",
-    "semantic-release": "^17.2.4",
-    "sinon": "^9.2.1",
+    "rollup": "^2.35.1",
+    "rollup-plugin-minify-html-literals": "^1.2.5",
+    "rollup-plugin-serve": "^1.1.0",
+    "rollup-plugin-terser": "^7.0.2",
+    "semantic-release": "^17.3.0",
+    "sinon": "^9.2.2",
     "stylelint": "^13.8.0",
@@ -84,12 +90,12 @@ "stylelint-config-standard": "^20.0.0",
     "web-component-analyzer": "^1.1.6",
-    "webpack": "^5.6.0",
-    "webpack-bundle-analyzer": "^3.9.0",
-    "webpack-cli": "^4.2.0",
-    "webpack-dev-server": "^3.11.0",
-    "webpack-merge": "^5.4.0"
+    "webpack-merge": "^5.7.3",
+    "whatwg-fetch": "^3.5.0"
   },
   "browserslist": [
-    "last 4 version",
-    "> 1%",
-    "IE 11"
+    "last 2 Chrome versions",
+    "last 2 iOS major versions",
+    "ie 11",
+    "last 2 Firefox versions",
+    "last 2 Edge versions",
+    "last 2 Safari major versions"
   ],
@@ -99,4 +105,5 @@ "scripts": {
     "apiBuild": "wca analyze 'src/auro-button.js' --outFiles docs/api.md",
-    "bundler": "webpack --mode=production",
-    "bundle:test": "webpack-dev-server --host 0.0.0.0",
+    "bundler": "rollup -c",
+    "bundle:test": "rollup -c -w",
+    "serve": "web-dev-server --open demo/ --node-resolve --watch",
     "postinstall": "node packageScripts/postinstall.js",
@@ -121,4 +128,3 @@ "cssLint": "stylelint './src/*.css'",
     "sassBuild:watch": "nodemon -e scss --watch src --exec npm run sassBuild:dev",
-    "postCss:component": "node ./scripts/postCss.js",
-    "serve": "polymer serve --port 3001 --hostname 0.0.0.0"
+    "postCss:component": "node ./scripts/postCss.js"
   },
@@ -131,22 +137,2 @@ "husky": {
   },
-  "babel": {
-    "presets": [
-      [
-        "@babel/preset-env",
-        {
-          "useBuiltIns": "entry",
-          "corejs": "3.0.0"
-        }
-      ]
-    ],
-    "plugins": [
-      "@babel/plugin-syntax-dynamic-import",
-      [
-        "@babel/plugin-transform-runtime",
-        {
-          "regenerator": true
-        }
-      ]
-    ]
-  },
   "release": {
@@ -153,0 +139,0 @@ "branch": "master",

packageScripts/postinstall.js

@@ -8,3 +8,3 @@ 'use strict';
 
-_______                   __           __ __
+ _______                   __           __ __
 |     __|.---.-.--.--.    |  |--.-----.|  |  |.-----.
@@ -11,0 +11,0 @@ |__     ||  _  |  |  |    |     |  -__||  |  ||  _  |

README.md

@@ -47,12 +47,13 @@ # auro-button
 
-In cases where the project is not able to process JS assets, there are pre-processed assets available for use.
+In cases where the project is not able to process JS assets, there are pre-processed assets available for use. Two bundles are available -- `auro-button__bundled.js` for modern browsers and `auro-button__bundled.es5.js` for legacy browsers (including IE11).
 
-**NOTE:** Be sure to replace `:version` in the URL with the version of the asset you want.
+Since the legacy bundle includes many polyfills that are not needed by modern browsers, we recommend you load these bundles using [differential serving](https://philipwalton.com/articles/deploying-es2015-code-in-production-today/) so that the browser only loads the bundle it needs. To accomplish this, the script tag for the modern bundle should have `type="module"` and the script tag for the legacy bundle should have the `nomodule` attribute. See the example below.
 
-```html
-<link rel="stylesheet" href="https://unpkg.com/@alaskaairux/orion-design-tokens@:version/dist/tokens/CSSTokenProperties.css" />
-<link rel="stylesheet" href="https://unpkg.com/@alaskaairux/orion-web-core-style-sheets@:version/dist/bundled/baseline.css" />
+**NOTE:** Be sure to replace `@latest` in the URL with the version of the asset you want. @latest is NOT aware of any MAJOR releases, use at your own risk.
 
-<script src="https://unpkg.com/@alaskaairuxauro-button@:version/dist/polyfills.js"></script>
-<script src="https://unpkg.com/@alaskaairuxauro-button@:version/dist/auro-button__bundled.js"></script>
+<link rel="stylesheet" href="https://unpkg.com/@alaskaairux/design-tokens@latest/dist/tokens/CSSCustomProperties.css" />
+<link rel="stylesheet" href="https://unpkg.com/@alaskaairux/webcorestylesheets@latest/dist/bundled/essentials.css" />
+
+<script src="https://unpkg.com/@alaskaairux/auro-button@latest/dist/auro-button__bundled.js" type="module"></script>
+<script src="https://unpkg.com/@alaskaairux/auro-button@latest/dist/auro-button__bundled.es5.js" nomodule></script>
 ```
@@ -149,5 +150,5 @@
 
-Open [localhost:3001](http://localhost:3001/)
+Open [localhost:8000](http://localhost:8000/)
 
 ### Testing
 Automated tests are required for every Auro component. See `.\test\auro-button.test.js` for the tests for this component. Run `npm test` to run the tests and check code coverage. Tests must pass and meet a certain coverage threshold to commit. See [the testing documentation](https://auro.alaskaair.com/support/tests) for more details.

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Major refactor

Supply chain risk

Package has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.

Found 1 instance in 1 package

Environment variable access

Supply chain risk

Package accesses environment variables, which may be a sign of credential stuffing or data theft.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Unidentified License

License

(Experimental) Something that seems like a license was found, but its contents could not be matched with a known license.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

406603

increased by171.65%

Number of package files

38

increased by5.56%

Number of low license alerts

1

decreased by-50%

Lines of code

2063

increased by205.18%

Number of lines in readme file

153

increased by0.66%

Worsened metrics

Dev dependency count

55

increased by5.77%

Number of low supply chain risk alerts

1

increased byInfinity%

Number of medium supply chain risk alerts

1

increased byInfinity%

No dependency changes