Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More →
@lit/reactive-element
Advanced tools
@lit/reactive-element - npm Package Compare versions
Comparing version 1.2.0 to 1.2.1
| # Change Log | ||
| ## 1.2.1 | ||
| ### Patch Changes | ||
| - [#2370](https://github.com/lit/lit/pull/2370) [`7453e365`](https://github.com/lit/lit/commit/7453e365000e6a289c139cf7e175a4742296333d) - Replace square bracket links with the `linkcode` JSDoc tag. | ||
| Editors will create a jump to definition hyperlink for the linkcode tag if the identifier is in scope. | ||
| - [#2410](https://github.com/lit/lit/pull/2410) [`b9a6962b`](https://github.com/lit/lit/commit/b9a6962b84c841eaabd5c4cbf8687ff34dbfe511) - Correct the link path of CONTRIBUTING.md in README.md files | ||
| ## 1.2.0 | ||
@@ -4,0 +13,0 @@ |
@@ -38,3 +38,3 @@ /** | ||
| /** | ||
| * Wrap a value for interpolation in a [[`css`]] tagged template literal. | ||
| * Wrap a value for interpolation in a {@linkcode css} tagged template literal. | ||
| * | ||
@@ -48,7 +48,7 @@ * This is unsafe because untrusted CSS text can be used to phone home | ||
| * A template literal tag which can be used with LitElement's | ||
| * [[LitElement.styles | `styles`]] property to set element styles. | ||
| * {@linkcode LitElement.styles} property to set element styles. | ||
| * | ||
| * For security reasons, only literal string values and number may be used in | ||
| * embedded expressions. To incorporate non-literal values [[`unsafeCSS`]] may | ||
| * be used inside an expression. | ||
| * embedded expressions. To incorporate non-literal values {@linkcode unsafeCSS} | ||
| * may be used inside an expression. | ||
| */ | ||
@@ -55,0 +55,0 @@ export declare const css: (strings: TemplateStringsArray, ...values: (CSSResultGroup | number)[]) => CSSResult; |
@@ -11,3 +11,3 @@ /** | ||
| * corresponding attribute value. When a decorated property is set | ||
| * the element will update and render. A [[`PropertyDeclaration`]] may | ||
| * the element will update and render. A {@linkcode PropertyDeclaration} may | ||
| * optionally be supplied to configure property features. | ||
@@ -20,3 +20,3 @@ * | ||
| * Generally, properties that are changed by the element should be private or | ||
| * protected fields and should use the [[`state`]] decorator. | ||
| * protected fields and should use the {@linkcode state} decorator. | ||
| * | ||
@@ -29,5 +29,5 @@ * However, sometimes element code does need to set a public property. This | ||
| * properties. In other cases when an element needs to manage state, a private | ||
| * property decorated via the [[`state`]] decorator should be used. When needed, | ||
| * state properties can be initialized via public properties to facilitate | ||
| * complex interactions. | ||
| * property decorated via the {@linkcode state} decorator should be used. When | ||
| * needed, state properties can be initialized via public properties to | ||
| * facilitate complex interactions. | ||
| * | ||
@@ -34,0 +34,0 @@ * ```ts |
@@ -9,4 +9,4 @@ /** | ||
| /** | ||
| * Options for the [[`queryAssignedElements`]] decorator. Extends the options | ||
| * that can be passed into | ||
| * Options for the {@linkcode queryAssignedElements} decorator. Extends the | ||
| * options that can be passed into | ||
| * [HTMLSlotElement.assignedElements](https://developer.mozilla.org/en-US/docs/Web/API/HTMLSlotElement/assignedElements). | ||
@@ -27,3 +27,3 @@ */ | ||
| * | ||
| * Can be passed an optional [[`QueryAssignedElementsOptions`]] object. | ||
| * Can be passed an optional {@linkcode QueryAssignedElementsOptions} object. | ||
| * | ||
@@ -30,0 +30,0 @@ * Example usage: |
@@ -7,5 +7,4 @@ /** | ||
| /** | ||
| * Options for the [[`queryAssignedNodes`]] decorator. Extends the options that | ||
| * can be passed into | ||
| * [HTMLSlotElement.assignedNodes](https://developer.mozilla.org/en-US/docs/Web/API/HTMLSlotElement/assignedNodes). | ||
| * Options for the {@linkcode queryAssignedNodes} decorator. Extends the options | ||
| * that can be passed into [HTMLSlotElement.assignedNodes](https://developer.mozilla.org/en-US/docs/Web/API/HTMLSlotElement/assignedNodes). | ||
| */ | ||
@@ -23,3 +22,3 @@ export interface QueryAssignedNodesOptions extends AssignedNodesOptions { | ||
| * | ||
| * Can be passed an optional [[`QueryAssignedNodesOptions`]] object. | ||
| * Can be passed an optional {@linkcode QueryAssignedNodesOptions} object. | ||
| * | ||
@@ -26,0 +25,0 @@ * Example usage: |
@@ -38,3 +38,3 @@ /** | ||
| /** | ||
| * Wrap a value for interpolation in a [[`css`]] tagged template literal. | ||
| * Wrap a value for interpolation in a {@linkcode css} tagged template literal. | ||
| * | ||
@@ -48,7 +48,7 @@ * This is unsafe because untrusted CSS text can be used to phone home | ||
| * A template literal tag which can be used with LitElement's | ||
| * [[LitElement.styles | `styles`]] property to set element styles. | ||
| * {@linkcode LitElement.styles} property to set element styles. | ||
| * | ||
| * For security reasons, only literal string values and number may be used in | ||
| * embedded expressions. To incorporate non-literal values [[`unsafeCSS`]] may | ||
| * be used inside an expression. | ||
| * embedded expressions. To incorporate non-literal values {@linkcode unsafeCSS} | ||
| * may be used inside an expression. | ||
| */ | ||
@@ -55,0 +55,0 @@ export declare const css: (strings: TemplateStringsArray, ...values: (CSSResultGroup | number)[]) => CSSResult; |
@@ -62,3 +62,3 @@ /** | ||
| /** | ||
| * Wrap a value for interpolation in a [[`css`]] tagged template literal. | ||
| * Wrap a value for interpolation in a {@linkcode css} tagged template literal. | ||
| * | ||
@@ -72,7 +72,7 @@ * This is unsafe because untrusted CSS text can be used to phone home | ||
| * A template literal tag which can be used with LitElement's | ||
| * [[LitElement.styles | `styles`]] property to set element styles. | ||
| * {@linkcode LitElement.styles} property to set element styles. | ||
| * | ||
| * For security reasons, only literal string values and number may be used in | ||
| * embedded expressions. To incorporate non-literal values [[`unsafeCSS`]] may | ||
| * be used inside an expression. | ||
| * embedded expressions. To incorporate non-literal values {@linkcode unsafeCSS} | ||
| * may be used inside an expression. | ||
| */ | ||
@@ -79,0 +79,0 @@ export const css = (strings, ...values) => { |
@@ -11,3 +11,3 @@ /** | ||
| * corresponding attribute value. When a decorated property is set | ||
| * the element will update and render. A [[`PropertyDeclaration`]] may | ||
| * the element will update and render. A {@linkcode PropertyDeclaration} may | ||
| * optionally be supplied to configure property features. | ||
@@ -20,3 +20,3 @@ * | ||
| * Generally, properties that are changed by the element should be private or | ||
| * protected fields and should use the [[`state`]] decorator. | ||
| * protected fields and should use the {@linkcode state} decorator. | ||
| * | ||
@@ -29,5 +29,5 @@ * However, sometimes element code does need to set a public property. This | ||
| * properties. In other cases when an element needs to manage state, a private | ||
| * property decorated via the [[`state`]] decorator should be used. When needed, | ||
| * state properties can be initialized via public properties to facilitate | ||
| * complex interactions. | ||
| * property decorated via the {@linkcode state} decorator should be used. When | ||
| * needed, state properties can be initialized via public properties to | ||
| * facilitate complex interactions. | ||
| * | ||
@@ -34,0 +34,0 @@ * ```ts |
@@ -57,3 +57,3 @@ /** | ||
| * corresponding attribute value. When a decorated property is set | ||
| * the element will update and render. A [[`PropertyDeclaration`]] may | ||
| * the element will update and render. A {@linkcode PropertyDeclaration} may | ||
| * optionally be supplied to configure property features. | ||
@@ -66,3 +66,3 @@ * | ||
| * Generally, properties that are changed by the element should be private or | ||
| * protected fields and should use the [[`state`]] decorator. | ||
| * protected fields and should use the {@linkcode state} decorator. | ||
| * | ||
@@ -75,5 +75,5 @@ * However, sometimes element code does need to set a public property. This | ||
| * properties. In other cases when an element needs to manage state, a private | ||
| * property decorated via the [[`state`]] decorator should be used. When needed, | ||
| * state properties can be initialized via public properties to facilitate | ||
| * complex interactions. | ||
| * property decorated via the {@linkcode state} decorator should be used. When | ||
| * needed, state properties can be initialized via public properties to | ||
| * facilitate complex interactions. | ||
| * | ||
@@ -80,0 +80,0 @@ * ```ts |
@@ -9,4 +9,4 @@ /** | ||
| /** | ||
| * Options for the [[`queryAssignedElements`]] decorator. Extends the options | ||
| * that can be passed into | ||
| * Options for the {@linkcode queryAssignedElements} decorator. Extends the | ||
| * options that can be passed into | ||
| * [HTMLSlotElement.assignedElements](https://developer.mozilla.org/en-US/docs/Web/API/HTMLSlotElement/assignedElements). | ||
@@ -27,3 +27,3 @@ */ | ||
| * | ||
| * Can be passed an optional [[`QueryAssignedElementsOptions`]] object. | ||
| * Can be passed an optional {@linkcode QueryAssignedElementsOptions} object. | ||
| * | ||
@@ -30,0 +30,0 @@ * Example usage: |
@@ -28,3 +28,3 @@ /** | ||
| * | ||
| * Can be passed an optional [[`QueryAssignedElementsOptions`]] object. | ||
| * Can be passed an optional {@linkcode QueryAssignedElementsOptions} object. | ||
| * | ||
@@ -31,0 +31,0 @@ * Example usage: |
@@ -7,5 +7,4 @@ /** | ||
| /** | ||
| * Options for the [[`queryAssignedNodes`]] decorator. Extends the options that | ||
| * can be passed into | ||
| * [HTMLSlotElement.assignedNodes](https://developer.mozilla.org/en-US/docs/Web/API/HTMLSlotElement/assignedNodes). | ||
| * Options for the {@linkcode queryAssignedNodes} decorator. Extends the options | ||
| * that can be passed into [HTMLSlotElement.assignedNodes](https://developer.mozilla.org/en-US/docs/Web/API/HTMLSlotElement/assignedNodes). | ||
| */ | ||
@@ -23,3 +22,3 @@ export interface QueryAssignedNodesOptions extends AssignedNodesOptions { | ||
| * | ||
| * Can be passed an optional [[`QueryAssignedNodesOptions`]] object. | ||
| * Can be passed an optional {@linkcode QueryAssignedNodesOptions} object. | ||
| * | ||
@@ -26,0 +25,0 @@ * Example usage: |
@@ -8,3 +8,3 @@ /** | ||
| * Use this module if you want to create your own base class extending | ||
| * [[ReactiveElement]]. | ||
| * {@link ReactiveElement}. | ||
| * @packageDocumentation | ||
@@ -273,3 +273,3 @@ */ | ||
| * Array of styles to apply to the element. The styles should be defined | ||
| * using the [[`css`]] tag function, via constructible stylesheets, or | ||
| * using the {@linkcode css} tag function, via constructible stylesheets, or | ||
| * imported from native CSS module scripts. | ||
@@ -313,6 +313,6 @@ * | ||
| * Creates a property accessor on the element prototype if one does not exist | ||
| * and stores a `PropertyDeclaration` for the property with the given options. | ||
| * The property setter calls the property's `hasChanged` property option | ||
| * or uses a strict identity check to determine whether or not to request | ||
| * an update. | ||
| * and stores a {@linkcode PropertyDeclaration} for the property with the | ||
| * given options. The property setter calls the property's `hasChanged` | ||
| * property option or uses a strict identity check to determine whether or not | ||
| * to request an update. | ||
| * | ||
@@ -373,3 +373,4 @@ * This method may be overridden to customize properties; however, | ||
| * Note, this method should be considered "final" and not overridden. To | ||
| * customize the options for a given property, override [[`createProperty`]]. | ||
| * customize the options for a given property, override | ||
| * {@linkcode createProperty}. | ||
| * | ||
@@ -376,0 +377,0 @@ * @nocollapse |
@@ -10,3 +10,3 @@ /** | ||
| * Use this module if you want to create your own base class extending | ||
| * [[ReactiveElement]]. | ||
| * {@link ReactiveElement}. | ||
| * @packageDocumentation | ||
@@ -218,6 +218,6 @@ */ | ||
| * Creates a property accessor on the element prototype if one does not exist | ||
| * and stores a `PropertyDeclaration` for the property with the given options. | ||
| * The property setter calls the property's `hasChanged` property option | ||
| * or uses a strict identity check to determine whether or not to request | ||
| * an update. | ||
| * and stores a {@linkcode PropertyDeclaration} for the property with the | ||
| * given options. The property setter calls the property's `hasChanged` | ||
| * property option or uses a strict identity check to determine whether or not | ||
| * to request an update. | ||
| * | ||
@@ -324,3 +324,4 @@ * This method may be overridden to customize properties; however, | ||
| * Note, this method should be considered "final" and not overridden. To | ||
| * customize the options for a given property, override [[`createProperty`]]. | ||
| * customize the options for a given property, override | ||
| * {@linkcode createProperty}. | ||
| * | ||
@@ -968,3 +969,3 @@ * @nocollapse | ||
| // This line will be used in regexes to search for ReactiveElement usage. | ||
| ((_c = globalThis.reactiveElementVersions) !== null && _c !== void 0 ? _c : (globalThis.reactiveElementVersions = [])).push('1.2.0'); | ||
| ((_c = globalThis.reactiveElementVersions) !== null && _c !== void 0 ? _c : (globalThis.reactiveElementVersions = [])).push('1.2.1'); | ||
| if (DEV_MODE && globalThis.reactiveElementVersions.length > 1) { | ||
@@ -971,0 +972,0 @@ issueWarning('multiple-versions', `Multiple versions of Lit loaded. Loading multiple versions ` + |
| { | ||
| "name": "@lit/reactive-element", | ||
| "version": "1.2.0", | ||
| "version": "1.2.1", | ||
| "publishConfig": { | ||
@@ -5,0 +5,0 @@ "access": "public" |
@@ -8,3 +8,3 @@ /** | ||
| * Use this module if you want to create your own base class extending | ||
| * [[ReactiveElement]]. | ||
| * {@link ReactiveElement}. | ||
| * @packageDocumentation | ||
@@ -273,3 +273,3 @@ */ | ||
| * Array of styles to apply to the element. The styles should be defined | ||
| * using the [[`css`]] tag function, via constructible stylesheets, or | ||
| * using the {@linkcode css} tag function, via constructible stylesheets, or | ||
| * imported from native CSS module scripts. | ||
@@ -313,6 +313,6 @@ * | ||
| * Creates a property accessor on the element prototype if one does not exist | ||
| * and stores a `PropertyDeclaration` for the property with the given options. | ||
| * The property setter calls the property's `hasChanged` property option | ||
| * or uses a strict identity check to determine whether or not to request | ||
| * an update. | ||
| * and stores a {@linkcode PropertyDeclaration} for the property with the | ||
| * given options. The property setter calls the property's `hasChanged` | ||
| * property option or uses a strict identity check to determine whether or not | ||
| * to request an update. | ||
| * | ||
@@ -373,3 +373,4 @@ * This method may be overridden to customize properties; however, | ||
| * Note, this method should be considered "final" and not overridden. To | ||
| * customize the options for a given property, override [[`createProperty`]]. | ||
| * customize the options for a given property, override | ||
| * {@linkcode createProperty}. | ||
| * | ||
@@ -376,0 +377,0 @@ * @nocollapse |
@@ -6,3 +6,3 @@ import{getCompatibleStyle as t,adoptStyles as i}from"./css-tag.js";export{CSSResult,adoptStyles,css,getCompatibleStyle,supportsAdoptingStyleSheets,unsafeCSS}from"./css-tag.js"; | ||
| * SPDX-License-Identifier: BSD-3-Clause | ||
| */var s;const e=window.trustedTypes,r=e?e.emptyScript:"",h=window.reactiveElementPolyfillSupport,o={toAttribute(t,i){switch(i){case Boolean:t=t?r:null;break;case Object:case Array:t=null==t?t:JSON.stringify(t)}return t},fromAttribute(t,i){let s=t;switch(i){case Boolean:s=null!==t;break;case Number:s=null===t?null:Number(t);break;case Object:case Array:try{s=JSON.parse(t)}catch(t){s=null}}return s}},n=(t,i)=>i!==t&&(i==i||t==t),l={attribute:!0,type:String,converter:o,reflect:!1,hasChanged:n};class a extends HTMLElement{constructor(){super(),this._$Et=new Map,this.isUpdatePending=!1,this.hasUpdated=!1,this._$Ei=null,this.o()}static addInitializer(t){var i;null!==(i=this.l)&&void 0!==i||(this.l=[]),this.l.push(t)}static get observedAttributes(){this.finalize();const t=[];return this.elementProperties.forEach(((i,s)=>{const e=this._$Eh(s,i);void 0!==e&&(this._$Eu.set(e,s),t.push(e))})),t}static createProperty(t,i=l){if(i.state&&(i.attribute=!1),this.finalize(),this.elementProperties.set(t,i),!i.noAccessor&&!this.prototype.hasOwnProperty(t)){const s="symbol"==typeof t?Symbol():"__"+t,e=this.getPropertyDescriptor(t,s,i);void 0!==e&&Object.defineProperty(this.prototype,t,e)}}static getPropertyDescriptor(t,i,s){return{get(){return this[i]},set(e){const r=this[t];this[i]=e,this.requestUpdate(t,r,s)},configurable:!0,enumerable:!0}}static getPropertyOptions(t){return this.elementProperties.get(t)||l}static finalize(){if(this.hasOwnProperty("finalized"))return!1;this.finalized=!0;const t=Object.getPrototypeOf(this);if(t.finalize(),this.elementProperties=new Map(t.elementProperties),this._$Eu=new Map,this.hasOwnProperty("properties")){const t=this.properties,i=[...Object.getOwnPropertyNames(t),...Object.getOwnPropertySymbols(t)];for(const s of i)this.createProperty(s,t[s])}return this.elementStyles=this.finalizeStyles(this.styles),!0}static finalizeStyles(i){const s=[];if(Array.isArray(i)){const e=new Set(i.flat(1/0).reverse());for(const i of e)s.unshift(t(i))}else void 0!==i&&s.push(t(i));return s}static _$Eh(t,i){const s=i.attribute;return!1===s?void 0:"string"==typeof s?s:"string"==typeof t?t.toLowerCase():void 0}o(){var t;this._$Ep=new Promise((t=>this.enableUpdating=t)),this._$AL=new Map,this._$Em(),this.requestUpdate(),null===(t=this.constructor.l)||void 0===t||t.forEach((t=>t(this)))}addController(t){var i,s;(null!==(i=this._$Eg)&&void 0!==i?i:this._$Eg=[]).push(t),void 0!==this.renderRoot&&this.isConnected&&(null===(s=t.hostConnected)||void 0===s||s.call(t))}removeController(t){var i;null===(i=this._$Eg)||void 0===i||i.splice(this._$Eg.indexOf(t)>>>0,1)}_$Em(){this.constructor.elementProperties.forEach(((t,i)=>{this.hasOwnProperty(i)&&(this._$Et.set(i,this[i]),delete this[i])}))}createRenderRoot(){var t;const s=null!==(t=this.shadowRoot)&&void 0!==t?t:this.attachShadow(this.constructor.shadowRootOptions);return i(s,this.constructor.elementStyles),s}connectedCallback(){var t;void 0===this.renderRoot&&(this.renderRoot=this.createRenderRoot()),this.enableUpdating(!0),null===(t=this._$Eg)||void 0===t||t.forEach((t=>{var i;return null===(i=t.hostConnected)||void 0===i?void 0:i.call(t)}))}enableUpdating(t){}disconnectedCallback(){var t;null===(t=this._$Eg)||void 0===t||t.forEach((t=>{var i;return null===(i=t.hostDisconnected)||void 0===i?void 0:i.call(t)}))}attributeChangedCallback(t,i,s){this._$AK(t,s)}_$ES(t,i,s=l){var e,r;const h=this.constructor._$Eh(t,s);if(void 0!==h&&!0===s.reflect){const n=(null!==(r=null===(e=s.converter)||void 0===e?void 0:e.toAttribute)&&void 0!==r?r:o.toAttribute)(i,s.type);this._$Ei=t,null==n?this.removeAttribute(h):this.setAttribute(h,n),this._$Ei=null}}_$AK(t,i){var s,e,r;const h=this.constructor,n=h._$Eu.get(t);if(void 0!==n&&this._$Ei!==n){const t=h.getPropertyOptions(n),l=t.converter,a=null!==(r=null!==(e=null===(s=l)||void 0===s?void 0:s.fromAttribute)&&void 0!==e?e:"function"==typeof l?l:null)&&void 0!==r?r:o.fromAttribute;this._$Ei=n,this[n]=a(i,t.type),this._$Ei=null}}requestUpdate(t,i,s){let e=!0;void 0!==t&&(((s=s||this.constructor.getPropertyOptions(t)).hasChanged||n)(this[t],i)?(this._$AL.has(t)||this._$AL.set(t,i),!0===s.reflect&&this._$Ei!==t&&(void 0===this._$E_&&(this._$E_=new Map),this._$E_.set(t,s))):e=!1),!this.isUpdatePending&&e&&(this._$Ep=this._$EC())}async _$EC(){this.isUpdatePending=!0;try{await this._$Ep}catch(t){Promise.reject(t)}const t=this.scheduleUpdate();return null!=t&&await t,!this.isUpdatePending}scheduleUpdate(){return this.performUpdate()}performUpdate(){var t;if(!this.isUpdatePending)return;this.hasUpdated,this._$Et&&(this._$Et.forEach(((t,i)=>this[i]=t)),this._$Et=void 0);let i=!1;const s=this._$AL;try{i=this.shouldUpdate(s),i?(this.willUpdate(s),null===(t=this._$Eg)||void 0===t||t.forEach((t=>{var i;return null===(i=t.hostUpdate)||void 0===i?void 0:i.call(t)})),this.update(s)):this._$EU()}catch(t){throw i=!1,this._$EU(),t}i&&this._$AE(s)}willUpdate(t){}_$AE(t){var i;null===(i=this._$Eg)||void 0===i||i.forEach((t=>{var i;return null===(i=t.hostUpdated)||void 0===i?void 0:i.call(t)})),this.hasUpdated||(this.hasUpdated=!0,this.firstUpdated(t)),this.updated(t)}_$EU(){this._$AL=new Map,this.isUpdatePending=!1}get updateComplete(){return this.getUpdateComplete()}getUpdateComplete(){return this._$Ep}shouldUpdate(t){return!0}update(t){void 0!==this._$E_&&(this._$E_.forEach(((t,i)=>this._$ES(i,this[i],t))),this._$E_=void 0),this._$EU()}updated(t){}firstUpdated(t){}}a.finalized=!0,a.elementProperties=new Map,a.elementStyles=[],a.shadowRootOptions={mode:"open"},null==h||h({ReactiveElement:a}),(null!==(s=globalThis.reactiveElementVersions)&&void 0!==s?s:globalThis.reactiveElementVersions=[]).push("1.2.0");export{a as ReactiveElement,o as defaultConverter,n as notEqual}; | ||
| */var s;const e=window.trustedTypes,r=e?e.emptyScript:"",h=window.reactiveElementPolyfillSupport,o={toAttribute(t,i){switch(i){case Boolean:t=t?r:null;break;case Object:case Array:t=null==t?t:JSON.stringify(t)}return t},fromAttribute(t,i){let s=t;switch(i){case Boolean:s=null!==t;break;case Number:s=null===t?null:Number(t);break;case Object:case Array:try{s=JSON.parse(t)}catch(t){s=null}}return s}},n=(t,i)=>i!==t&&(i==i||t==t),l={attribute:!0,type:String,converter:o,reflect:!1,hasChanged:n};class a extends HTMLElement{constructor(){super(),this._$Et=new Map,this.isUpdatePending=!1,this.hasUpdated=!1,this._$Ei=null,this.o()}static addInitializer(t){var i;null!==(i=this.l)&&void 0!==i||(this.l=[]),this.l.push(t)}static get observedAttributes(){this.finalize();const t=[];return this.elementProperties.forEach(((i,s)=>{const e=this._$Eh(s,i);void 0!==e&&(this._$Eu.set(e,s),t.push(e))})),t}static createProperty(t,i=l){if(i.state&&(i.attribute=!1),this.finalize(),this.elementProperties.set(t,i),!i.noAccessor&&!this.prototype.hasOwnProperty(t)){const s="symbol"==typeof t?Symbol():"__"+t,e=this.getPropertyDescriptor(t,s,i);void 0!==e&&Object.defineProperty(this.prototype,t,e)}}static getPropertyDescriptor(t,i,s){return{get(){return this[i]},set(e){const r=this[t];this[i]=e,this.requestUpdate(t,r,s)},configurable:!0,enumerable:!0}}static getPropertyOptions(t){return this.elementProperties.get(t)||l}static finalize(){if(this.hasOwnProperty("finalized"))return!1;this.finalized=!0;const t=Object.getPrototypeOf(this);if(t.finalize(),this.elementProperties=new Map(t.elementProperties),this._$Eu=new Map,this.hasOwnProperty("properties")){const t=this.properties,i=[...Object.getOwnPropertyNames(t),...Object.getOwnPropertySymbols(t)];for(const s of i)this.createProperty(s,t[s])}return this.elementStyles=this.finalizeStyles(this.styles),!0}static finalizeStyles(i){const s=[];if(Array.isArray(i)){const e=new Set(i.flat(1/0).reverse());for(const i of e)s.unshift(t(i))}else void 0!==i&&s.push(t(i));return s}static _$Eh(t,i){const s=i.attribute;return!1===s?void 0:"string"==typeof s?s:"string"==typeof t?t.toLowerCase():void 0}o(){var t;this._$Ep=new Promise((t=>this.enableUpdating=t)),this._$AL=new Map,this._$Em(),this.requestUpdate(),null===(t=this.constructor.l)||void 0===t||t.forEach((t=>t(this)))}addController(t){var i,s;(null!==(i=this._$Eg)&&void 0!==i?i:this._$Eg=[]).push(t),void 0!==this.renderRoot&&this.isConnected&&(null===(s=t.hostConnected)||void 0===s||s.call(t))}removeController(t){var i;null===(i=this._$Eg)||void 0===i||i.splice(this._$Eg.indexOf(t)>>>0,1)}_$Em(){this.constructor.elementProperties.forEach(((t,i)=>{this.hasOwnProperty(i)&&(this._$Et.set(i,this[i]),delete this[i])}))}createRenderRoot(){var t;const s=null!==(t=this.shadowRoot)&&void 0!==t?t:this.attachShadow(this.constructor.shadowRootOptions);return i(s,this.constructor.elementStyles),s}connectedCallback(){var t;void 0===this.renderRoot&&(this.renderRoot=this.createRenderRoot()),this.enableUpdating(!0),null===(t=this._$Eg)||void 0===t||t.forEach((t=>{var i;return null===(i=t.hostConnected)||void 0===i?void 0:i.call(t)}))}enableUpdating(t){}disconnectedCallback(){var t;null===(t=this._$Eg)||void 0===t||t.forEach((t=>{var i;return null===(i=t.hostDisconnected)||void 0===i?void 0:i.call(t)}))}attributeChangedCallback(t,i,s){this._$AK(t,s)}_$ES(t,i,s=l){var e,r;const h=this.constructor._$Eh(t,s);if(void 0!==h&&!0===s.reflect){const n=(null!==(r=null===(e=s.converter)||void 0===e?void 0:e.toAttribute)&&void 0!==r?r:o.toAttribute)(i,s.type);this._$Ei=t,null==n?this.removeAttribute(h):this.setAttribute(h,n),this._$Ei=null}}_$AK(t,i){var s,e,r;const h=this.constructor,n=h._$Eu.get(t);if(void 0!==n&&this._$Ei!==n){const t=h.getPropertyOptions(n),l=t.converter,a=null!==(r=null!==(e=null===(s=l)||void 0===s?void 0:s.fromAttribute)&&void 0!==e?e:"function"==typeof l?l:null)&&void 0!==r?r:o.fromAttribute;this._$Ei=n,this[n]=a(i,t.type),this._$Ei=null}}requestUpdate(t,i,s){let e=!0;void 0!==t&&(((s=s||this.constructor.getPropertyOptions(t)).hasChanged||n)(this[t],i)?(this._$AL.has(t)||this._$AL.set(t,i),!0===s.reflect&&this._$Ei!==t&&(void 0===this._$E_&&(this._$E_=new Map),this._$E_.set(t,s))):e=!1),!this.isUpdatePending&&e&&(this._$Ep=this._$EC())}async _$EC(){this.isUpdatePending=!0;try{await this._$Ep}catch(t){Promise.reject(t)}const t=this.scheduleUpdate();return null!=t&&await t,!this.isUpdatePending}scheduleUpdate(){return this.performUpdate()}performUpdate(){var t;if(!this.isUpdatePending)return;this.hasUpdated,this._$Et&&(this._$Et.forEach(((t,i)=>this[i]=t)),this._$Et=void 0);let i=!1;const s=this._$AL;try{i=this.shouldUpdate(s),i?(this.willUpdate(s),null===(t=this._$Eg)||void 0===t||t.forEach((t=>{var i;return null===(i=t.hostUpdate)||void 0===i?void 0:i.call(t)})),this.update(s)):this._$EU()}catch(t){throw i=!1,this._$EU(),t}i&&this._$AE(s)}willUpdate(t){}_$AE(t){var i;null===(i=this._$Eg)||void 0===i||i.forEach((t=>{var i;return null===(i=t.hostUpdated)||void 0===i?void 0:i.call(t)})),this.hasUpdated||(this.hasUpdated=!0,this.firstUpdated(t)),this.updated(t)}_$EU(){this._$AL=new Map,this.isUpdatePending=!1}get updateComplete(){return this.getUpdateComplete()}getUpdateComplete(){return this._$Ep}shouldUpdate(t){return!0}update(t){void 0!==this._$E_&&(this._$E_.forEach(((t,i)=>this._$ES(i,this[i],t))),this._$E_=void 0),this._$EU()}updated(t){}firstUpdated(t){}}a.finalized=!0,a.elementProperties=new Map,a.elementStyles=[],a.shadowRootOptions={mode:"open"},null==h||h({ReactiveElement:a}),(null!==(s=globalThis.reactiveElementVersions)&&void 0!==s?s:globalThis.reactiveElementVersions=[]).push("1.2.1");export{a as ReactiveElement,o as defaultConverter,n as notEqual}; | ||
| //# sourceMappingURL=reactive-element.js.map |
@@ -91,2 +91,2 @@ # ReactiveElement 1.0 | ||
| Please see [CONTRIBUTING.md](./CONTRIBUTING.md). | ||
| Please see [CONTRIBUTING.md](../../CONTRIBUTING.md). |
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
New alerts
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
Fixed alerts
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
Improved metrics
- Total package byte prevSize
- increased by0.2%
461395
- Lines of code
- increased by0.02%
4345
No dependency changes