@aurolabs/auro-background - npm Package Compare versions

Comparing version 1.2.0 to 1.2.1

CHANGELOG.md

 # Semantic Release Automated Changelog
 
+## [1.2.1](https://github.com/AlaskaAirlines/aurolabs-background/compare/v1.2.0...v1.2.1) (2021-06-04)
+
+
+### Bug Fixes
+
+* remove random number ([f6ec80b](https://github.com/AlaskaAirlines/aurolabs-background/commit/f6ec80bc215d69f8a015720271b438577024c113))
+
 # [1.2.0](https://github.com/AlaskaAirlines/aurolabs-background/compare/v1.1.0...v1.2.0) (2021-06-04)
@@ -4,0 +11,0 @@

dist/auro-background__bundled.js

@@ -120,3 +120,3 @@ /**
  * http://polymer.github.io/PATENTS.txt
- */,window.JSCompiler_renameProperty=(t,e)=>t;const $={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}},M=(t,e)=>e!==t&&(e==e||t==t),O={attribute:!0,type:String,converter:$,reflect:!1,hasChanged:M};class R extends HTMLElement{constructor(){super(),this.initialize()}static get observedAttributes(){this.finalize();const t=[];return this._classProperties.forEach(((e,s)=>{const i=this._attributeNameForProperty(s,e);void 0!==i&&(this._attributeToPropertyMap.set(i,s),t.push(i))})),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=O){if(this._ensureClassProperties(),this._classProperties.set(t,e),e.noAccessor||this.prototype.hasOwnProperty(t))return;const s="symbol"==typeof t?Symbol():`__${t}`,i=this.getPropertyDescriptor(t,s,e);void 0!==i&&Object.defineProperty(this.prototype,t,i)}static getPropertyDescriptor(t,e,s){return{get(){return this[e]},set(i){const r=this[t];this[e]=i,this.requestUpdateInternal(t,r,s)},configurable:!0,enumerable:!0}}static getPropertyOptions(t){return this._classProperties&&this._classProperties.get(t)||O}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 s of e)this.createProperty(s,t[s])}}static _attributeNameForProperty(t,e){const s=e.attribute;return!1===s?void 0:"string"==typeof s?s:"string"==typeof t?t.toLowerCase():void 0}static _valueHasChanged(t,e,s=M){return s(t,e)}static _propertyValueFromAttribute(t,e){const s=e.type,i=e.converter||$,r="function"==typeof i?i:i.fromAttribute;return r?r(t,s):t}static _propertyValueToAttribute(t,e){if(void 0===e.reflect)return;const s=e.type,i=e.converter;return(i&&i.toAttribute||$.toAttribute)(t,s)}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,s){e!==s&&this._attributeToProperty(t,s)}_propertyToAttribute(t,e,s=O){const i=this.constructor,r=i._attributeNameForProperty(t,s);if(void 0!==r){const t=i._propertyValueToAttribute(e,s);if(void 0===t)return;this._updateState=8|this._updateState,null==t?this.removeAttribute(r):this.setAttribute(r,t),this._updateState=-9&this._updateState}}_attributeToProperty(t,e){if(8&this._updateState)return;const s=this.constructor,i=s._attributeToPropertyMap.get(t);if(void 0!==i){const t=s.getPropertyOptions(i);this._updateState=16|this._updateState,this[i]=s._propertyValueFromAttribute(e,t),this._updateState=-17&this._updateState}}requestUpdateInternal(t,e,s){let i=!0;if(void 0!==t){const r=this.constructor;s=s||r.getPropertyOptions(t),r._valueHasChanged(this[t],e,s.hasChanged)?(this._changedProperties.has(t)||this._changedProperties.set(t,e),!0!==s.reflect||16&this._updateState||(void 0===this._reflectingProperties&&(this._reflectingProperties=new Map),this._reflectingProperties.set(t,s))):i=!1}!this._hasRequestedUpdate&&i&&(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.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){}}R.finalized=!0,
+ */,window.JSCompiler_renameProperty=(t,e)=>t;const $={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}},O=(t,e)=>e!==t&&(e==e||t==t),M={attribute:!0,type:String,converter:$,reflect:!1,hasChanged:O};class R extends HTMLElement{constructor(){super(),this.initialize()}static get observedAttributes(){this.finalize();const t=[];return this._classProperties.forEach(((e,s)=>{const i=this._attributeNameForProperty(s,e);void 0!==i&&(this._attributeToPropertyMap.set(i,s),t.push(i))})),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 s="symbol"==typeof t?Symbol():`__${t}`,i=this.getPropertyDescriptor(t,s,e);void 0!==i&&Object.defineProperty(this.prototype,t,i)}static getPropertyDescriptor(t,e,s){return{get(){return this[e]},set(i){const r=this[t];this[e]=i,this.requestUpdateInternal(t,r,s)},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 s of e)this.createProperty(s,t[s])}}static _attributeNameForProperty(t,e){const s=e.attribute;return!1===s?void 0:"string"==typeof s?s:"string"==typeof t?t.toLowerCase():void 0}static _valueHasChanged(t,e,s=O){return s(t,e)}static _propertyValueFromAttribute(t,e){const s=e.type,i=e.converter||$,r="function"==typeof i?i:i.fromAttribute;return r?r(t,s):t}static _propertyValueToAttribute(t,e){if(void 0===e.reflect)return;const s=e.type,i=e.converter;return(i&&i.toAttribute||$.toAttribute)(t,s)}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,s){e!==s&&this._attributeToProperty(t,s)}_propertyToAttribute(t,e,s=M){const i=this.constructor,r=i._attributeNameForProperty(t,s);if(void 0!==r){const t=i._propertyValueToAttribute(e,s);if(void 0===t)return;this._updateState=8|this._updateState,null==t?this.removeAttribute(r):this.setAttribute(r,t),this._updateState=-9&this._updateState}}_attributeToProperty(t,e){if(8&this._updateState)return;const s=this.constructor,i=s._attributeToPropertyMap.get(t);if(void 0!==i){const t=s.getPropertyOptions(i);this._updateState=16|this._updateState,this[i]=s._propertyValueFromAttribute(e,t),this._updateState=-17&this._updateState}}requestUpdateInternal(t,e,s){let i=!0;if(void 0!==t){const r=this.constructor;s=s||r.getPropertyOptions(t),r._valueHasChanged(this[t],e,s.hasChanged)?(this._changedProperties.has(t)||this._changedProperties.set(t,e),!0!==s.reflect||16&this._updateState||(void 0===this._reflectingProperties&&(this._reflectingProperties=new Map),this._reflectingProperties.set(t,s))):i=!1}!this._hasRequestedUpdate&&i&&(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.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){}}R.finalized=!0,
 /**
@@ -173,2 +173,2 @@ * @license
  */
-const B=new WeakMap,W=(J=t=>e=>{const s=B.get(e);if(void 0===t&&e instanceof v){if(void 0!==s||!B.has(e)){const t=e.committer.name;e.committer.element.removeAttribute(t)}}else t!==s&&e.setValue(t);B.set(e,t)},(...e)=>{const s=J(...e);return t.set(s,!0),s});var J,D=q`*,:after,:before{box-sizing:border-box}@media (prefers-reduced-motion:reduce){*,:after,:before{transition:none!important;animation:none!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}.testClass{display:inline-block;padding:1rem;padding:var(--auro-text-body-size-default);border:1px solid #df0b37;border:1px solid var(--auro-color-border-error-on-light);color:#df0b37;color:var(--auro-color-border-error-on-light)}:focus-visible{background-color:#df0b37;background-color:var(--auro-color-border-error-on-light);color:#fff;color:var(--auro-color-base-white)}:host(.focus-visible) .testClass{background-color:#df0b37;background-color:var(--auro-color-border-error-on-light);color:#fff;color:var(--auro-color-base-white)}`,G=q`:host([fixed]) .testClass{padding:16px}`;class K extends F{constructor(){super(),this.background="transparent",this.minHeight="100%"}static get properties(){return{background:{type:String},backgroundSm:{type:String},backgroundMd:{type:String},backgroundLg:{type:String},minHeight:{type:String},minHeightSm:{type:String},minHeightMd:{type:String},minHeightLg:{type:String}}}static get styles(){return[D,G]}render(){const t=Math.round(1e5*Math.random());return H`<style scope="${t}">.bg{width:auto;min-height:${this.minHeight};background:${this.background}}${W(this.backgroundSm?`@media (min-width: 660px) {.bg-sm {background: ${this.backgroundSm};}}`:"")}${W(this.backgroundMd?`@media (min-width: 1024px) {.bg-md {background: ${this.backgroundMd};}}`:"")}${W(this.backgroundLg?`@media (min-width: 1232px) {.bg-lg {background: ${this.backgroundLg};}}`:"")}${W(this.minHeightSm?`@media (min-width: 660px) {.bg-sm {min-height: ${this.minHeightSm};}}`:"")}${W(this.minHeightMd?`@media (min-width: 1024px) {.bg-md {min-height: ${this.minHeightMd};}}`:"")}${W(this.minHeightLg?`@media (min-width: 1232px) {.bg-lg {min-height: ${this.minHeightLg};}}`:"")}</style><div class="bg bg-sm bg-md bg-lg"><slot></slot></div>`}}customElements.get("auro-background")||customElements.define("auro-background",K);
+const B=new WeakMap,W=(J=t=>e=>{const s=B.get(e);if(void 0===t&&e instanceof v){if(void 0!==s||!B.has(e)){const t=e.committer.name;e.committer.element.removeAttribute(t)}}else t!==s&&e.setValue(t);B.set(e,t)},(...e)=>{const s=J(...e);return t.set(s,!0),s});var J,D=q`*,:after,:before{box-sizing:border-box}@media (prefers-reduced-motion:reduce){*,:after,:before{transition:none!important;animation:none!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}.testClass{display:inline-block;padding:1rem;padding:var(--auro-text-body-size-default);border:1px solid #df0b37;border:1px solid var(--auro-color-border-error-on-light);color:#df0b37;color:var(--auro-color-border-error-on-light)}:focus-visible{background-color:#df0b37;background-color:var(--auro-color-border-error-on-light);color:#fff;color:var(--auro-color-base-white)}:host(.focus-visible) .testClass{background-color:#df0b37;background-color:var(--auro-color-border-error-on-light);color:#fff;color:var(--auro-color-base-white)}`,G=q`:host([fixed]) .testClass{padding:16px}`;class K extends F{constructor(){super(),this.background="transparent",this.minHeight="100%"}static get properties(){return{background:{type:String},backgroundSm:{type:String},backgroundMd:{type:String},backgroundLg:{type:String},minHeight:{type:String},minHeightSm:{type:String},minHeightMd:{type:String},minHeightLg:{type:String}}}static get styles(){return[D,G]}render(){return H`<style>.bg{width:auto;min-height:${this.minHeight};background:${this.background}}${W(this.backgroundSm?`@media (min-width: 660px) {.bg-sm {background: ${this.backgroundSm};}}`:"")}${W(this.backgroundMd?`@media (min-width: 1024px) {.bg-md {background: ${this.backgroundMd};}}`:"")}${W(this.backgroundLg?`@media (min-width: 1232px) {.bg-lg {background: ${this.backgroundLg};}}`:"")}${W(this.minHeightSm?`@media (min-width: 660px) {.bg-sm {min-height: ${this.minHeightSm};}}`:"")}${W(this.minHeightMd?`@media (min-width: 1024px) {.bg-md {min-height: ${this.minHeightMd};}}`:"")}${W(this.minHeightLg?`@media (min-width: 1232px) {.bg-lg {min-height: ${this.minHeightLg};}}`:"")}</style><div class="bg bg-sm bg-md bg-lg"><slot></slot></div>`}}customElements.get("auro-background")||customElements.define("auro-background",K);

dist/auro-background.js

@@ -67,7 +67,6 @@ /* eslint-disable no-magic-numbers */
   render() {
-    const id = Math.round(Math.random() * 100000);
 
     return html`
 
-    <style scope="${id}">
+    <style>
     .bg {
@@ -74,0 +73,0 @@ width: auto;

package.json

@@ -11,3 +11,3 @@ {
   "name": "@aurolabs/auro-background",
-  "version": "1.2.0",
+  "version": "1.2.1",
   "description": "auro-background HTML custom element",
@@ -14,0 +14,0 @@ "repository": {

No alert changes

Improved metrics

Total package byte prevSize

322862

0.03%

Worsened metrics

Lines of code

1377

-0.15%

No dependency changes