@neuronet.io/vido
Advanced tools
Comparing version 4.1.5 to 4.1.6
@@ -45,6 +45,6 @@ import { Directive, directive } from 'lit-html/directive.js'; | ||
} | ||
updateStyle(elementStyle, currentElementStyles, style) { | ||
updateStyle(elementStyle, currentElementStyles, style, element) { | ||
const previous = style.previousStyle; | ||
for (const name of currentElementStyles) { | ||
if (this.style[name] === undefined) { | ||
if (name && this.style[name] === undefined) { | ||
if (!style.toRemove.includes(name)) | ||
@@ -55,2 +55,4 @@ style.toRemove.push(name); | ||
for (const name in previous) { | ||
if (!name) | ||
continue; | ||
if (!(name in this.style)) | ||
@@ -65,5 +67,9 @@ continue; | ||
for (const name in this.style) { | ||
if (!name) | ||
continue; | ||
if (!(name in this.style)) | ||
continue; | ||
const value = this.style[name]; | ||
if (!value) | ||
continue; | ||
const prev = previous[name]; | ||
@@ -83,2 +89,4 @@ if (prev !== undefined && prev === value && currentElementStyles.includes(name)) { | ||
const value = this.style[name]; | ||
if (!value) | ||
continue; | ||
if (!name.includes('-')) { | ||
@@ -117,7 +125,7 @@ elementStyle[name] = value; | ||
requestAnimationFrame(() => { | ||
this.updateStyle(elementStyle, currentElementStyles, style); | ||
this.updateStyle(elementStyle, currentElementStyles, style, element); | ||
}); | ||
} | ||
else { | ||
this.updateStyle(elementStyle, currentElementStyles, style); | ||
this.updateStyle(elementStyle, currentElementStyles, style, element); | ||
} | ||
@@ -124,0 +132,0 @@ elements.set(element, style); |
@@ -190,6 +190,6 @@ /** | ||
} | ||
updateStyle(elementStyle, currentElementStyles, style) { | ||
updateStyle(elementStyle, currentElementStyles, style, element) { | ||
const previous = style.previousStyle; | ||
for (const name of currentElementStyles) { | ||
if (this.style[name] === undefined) { | ||
if (name && this.style[name] === undefined) { | ||
if (!style.toRemove.includes(name)) | ||
@@ -200,2 +200,4 @@ style.toRemove.push(name); | ||
for (const name in previous) { | ||
if (!name) | ||
continue; | ||
if (!(name in this.style)) | ||
@@ -210,5 +212,9 @@ continue; | ||
for (const name in this.style) { | ||
if (!name) | ||
continue; | ||
if (!(name in this.style)) | ||
continue; | ||
const value = this.style[name]; | ||
if (!value) | ||
continue; | ||
const prev = previous[name]; | ||
@@ -228,2 +234,4 @@ if (prev !== undefined && prev === value && currentElementStyles.includes(name)) { | ||
const value = this.style[name]; | ||
if (!value) | ||
continue; | ||
if (!name.includes('-')) { | ||
@@ -262,7 +270,7 @@ elementStyle[name] = value; | ||
requestAnimationFrame(() => { | ||
this.updateStyle(elementStyle, currentElementStyles, style); | ||
this.updateStyle(elementStyle, currentElementStyles, style, element); | ||
}); | ||
} | ||
else { | ||
this.updateStyle(elementStyle, currentElementStyles, style); | ||
this.updateStyle(elementStyle, currentElementStyles, style, element); | ||
} | ||
@@ -269,0 +277,0 @@ elements.set(element, style); |
@@ -62,3 +62,3 @@ /** | ||
* SPDX-License-Identifier: BSD-3-Clause | ||
*/class Et extends k{update(t,e){return e[0].execute(t),_}render(t){return t.toString()}}class It{constructor(t,e={schedule:!1}){this.schedule=!1,this.style=t,this._directive=R(Et),this.execute=this.execute.bind(this),this.schedule=e.schedule}directive(){return this._directive(this)}setStyle(t){this.style=t}toString(){return Object.keys(this.style).reduce(((t,e)=>{const s=this.style[e];return null==s?t:t+`${e=e.replace(/(?:^(webkit|moz|ms|o)|)(?=[A-Z])/g,"-$&").toLowerCase()}:${s};`}),"")}updateStyle(t,e,s){const n=s.previousStyle;for(const t of e)void 0===this.style[t]&&(s.toRemove.includes(t)||s.toRemove.push(t));for(const t in n)t in this.style&&void 0===this.style[t]&&e.includes(t)&&(s.toRemove.includes(t)||s.toRemove.push(t));for(const t in this.style){if(!(t in this.style))continue;const i=this.style[t],o=n[t];void 0!==o&&o===i&&e.includes(t)||s.toUpdate.push(t)}if(s.toRemove.length||s.toUpdate.length){for(const e of s.toRemove)t.removeProperty(e),t[e]&&delete t[e];for(const e of s.toUpdate){const s=this.style[e];e.includes("-")?t.setProperty(e,s):t[e]=s}s.previousStyle=Object.assign({},this.style)}}execute(t){const e=t.element;let s;wt.has(e)?s=wt.get(e):(s={toUpdate:[],toRemove:[],previousStyle:{}},wt.set(e,s)),s.toRemove.length=0,s.toUpdate.length=0;const n=e.style,i=e.style.cssText.split(";").map((t=>t.substr(0,t.indexOf(":")).trim())).filter((t=>!!t));this.schedule?requestAnimationFrame((()=>{this.updateStyle(n,i,s)})):this.updateStyle(n,i,s),wt.set(e,s)}} | ||
*/class Et extends k{update(t,e){return e[0].execute(t),_}render(t){return t.toString()}}class It{constructor(t,e={schedule:!1}){this.schedule=!1,this.style=t,this._directive=R(Et),this.execute=this.execute.bind(this),this.schedule=e.schedule}directive(){return this._directive(this)}setStyle(t){this.style=t}toString(){return Object.keys(this.style).reduce(((t,e)=>{const s=this.style[e];return null==s?t:t+`${e=e.replace(/(?:^(webkit|moz|ms|o)|)(?=[A-Z])/g,"-$&").toLowerCase()}:${s};`}),"")}updateStyle(t,e,s,n){const i=s.previousStyle;for(const t of e)t&&void 0===this.style[t]&&(s.toRemove.includes(t)||s.toRemove.push(t));for(const t in i)t&&t in this.style&&void 0===this.style[t]&&e.includes(t)&&(s.toRemove.includes(t)||s.toRemove.push(t));for(const t in this.style){if(!t)continue;if(!(t in this.style))continue;const n=this.style[t];if(!n)continue;const o=i[t];void 0!==o&&o===n&&e.includes(t)||s.toUpdate.push(t)}if(s.toRemove.length||s.toUpdate.length){for(const e of s.toRemove)t.removeProperty(e),t[e]&&delete t[e];for(const e of s.toUpdate){const s=this.style[e];s&&(e.includes("-")?t.setProperty(e,s):t[e]=s)}s.previousStyle=Object.assign({},this.style)}}execute(t){const e=t.element;let s;wt.has(e)?s=wt.get(e):(s={toUpdate:[],toRemove:[],previousStyle:{}},wt.set(e,s)),s.toRemove.length=0,s.toUpdate.length=0;const n=e.style,i=e.style.cssText.split(";").map((t=>t.substr(0,t.indexOf(":")).trim())).filter((t=>!!t));this.schedule?requestAnimationFrame((()=>{this.updateStyle(n,i,s,e)})):this.updateStyle(n,i,s,e),wt.set(e,s)}} | ||
/** | ||
@@ -65,0 +65,0 @@ * @license |
@@ -62,3 +62,3 @@ !function(t,e){"object"==typeof exports&&"undefined"!=typeof module?module.exports=e():"function"==typeof define&&define.amd?define(e):(t="undefined"!=typeof globalThis?globalThis:t||self).Vido=e()}(this,(function(){"use strict"; | ||
* SPDX-License-Identifier: BSD-3-Clause | ||
*/class Xt extends W{update(t,e){return e[0].execute(t),_}render(t){return t.toString()}}class Pt{constructor(t,e={schedule:!1}){this.schedule=!1,this.style=t,this._directive=j(Xt),this.execute=this.execute.bind(this),this.schedule=e.schedule}directive(){return this._directive(this)}setStyle(t){this.style=t}toString(){return Object.keys(this.style).reduce(((t,e)=>{const s=this.style[e];return null==s?t:t+`${e=e.replace(/(?:^(webkit|moz|ms|o)|)(?=[A-Z])/g,"-$&").toLowerCase()}:${s};`}),"")}updateStyle(t,e,s){const n=s.previousStyle;for(const t of e)void 0===this.style[t]&&(s.toRemove.includes(t)||s.toRemove.push(t));for(const t in n)t in this.style&&void 0===this.style[t]&&e.includes(t)&&(s.toRemove.includes(t)||s.toRemove.push(t));for(const t in this.style){if(!(t in this.style))continue;const i=this.style[t],o=n[t];void 0!==o&&o===i&&e.includes(t)||s.toUpdate.push(t)}if(s.toRemove.length||s.toUpdate.length){for(const e of s.toRemove)t.removeProperty(e),t[e]&&delete t[e];for(const e of s.toUpdate){const s=this.style[e];e.includes("-")?t.setProperty(e,s):t[e]=s}s.previousStyle=Object.assign({},this.style)}}execute(t){const e=t.element;let s;Yt.has(e)?s=Yt.get(e):(s={toUpdate:[],toRemove:[],previousStyle:{}},Yt.set(e,s)),s.toRemove.length=0,s.toUpdate.length=0;const n=e.style,i=e.style.cssText.split(";").map((t=>t.substr(0,t.indexOf(":")).trim())).filter((t=>!!t));this.schedule?requestAnimationFrame((()=>{this.updateStyle(n,i,s)})):this.updateStyle(n,i,s),Yt.set(e,s)}} | ||
*/class Xt extends W{update(t,e){return e[0].execute(t),_}render(t){return t.toString()}}class Pt{constructor(t,e={schedule:!1}){this.schedule=!1,this.style=t,this._directive=j(Xt),this.execute=this.execute.bind(this),this.schedule=e.schedule}directive(){return this._directive(this)}setStyle(t){this.style=t}toString(){return Object.keys(this.style).reduce(((t,e)=>{const s=this.style[e];return null==s?t:t+`${e=e.replace(/(?:^(webkit|moz|ms|o)|)(?=[A-Z])/g,"-$&").toLowerCase()}:${s};`}),"")}updateStyle(t,e,s,n){const i=s.previousStyle;for(const t of e)t&&void 0===this.style[t]&&(s.toRemove.includes(t)||s.toRemove.push(t));for(const t in i)t&&t in this.style&&void 0===this.style[t]&&e.includes(t)&&(s.toRemove.includes(t)||s.toRemove.push(t));for(const t in this.style){if(!t)continue;if(!(t in this.style))continue;const n=this.style[t];if(!n)continue;const o=i[t];void 0!==o&&o===n&&e.includes(t)||s.toUpdate.push(t)}if(s.toRemove.length||s.toUpdate.length){for(const e of s.toRemove)t.removeProperty(e),t[e]&&delete t[e];for(const e of s.toUpdate){const s=this.style[e];s&&(e.includes("-")?t.setProperty(e,s):t[e]=s)}s.previousStyle=Object.assign({},this.style)}}execute(t){const e=t.element;let s;Yt.has(e)?s=Yt.get(e):(s={toUpdate:[],toRemove:[],previousStyle:{}},Yt.set(e,s)),s.toRemove.length=0,s.toUpdate.length=0;const n=e.style,i=e.style.cssText.split(";").map((t=>t.substr(0,t.indexOf(":")).trim())).filter((t=>!!t));this.schedule?requestAnimationFrame((()=>{this.updateStyle(n,i,s,e)})):this.updateStyle(n,i,s,e),Yt.set(e,s)}} | ||
/** | ||
@@ -65,0 +65,0 @@ * @license |
{ | ||
"name": "@neuronet.io/vido", | ||
"version": "4.1.5", | ||
"version": "4.1.6", | ||
"description": "Compilation-less and eval free frontend framework for fast scalable apps.", | ||
@@ -5,0 +5,0 @@ "main": "dist/vido.js", |
@@ -13,4 +13,4 @@ import { AttributePart } from 'lit-html/directive.js'; | ||
toString(): string; | ||
updateStyle(elementStyle: any, currentElementStyles: any, style: any): void; | ||
updateStyle(elementStyle: any, currentElementStyles: any, style: any, element: any): void; | ||
execute(part: AttributePart): void; | ||
} |
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 too big to display
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
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
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
773988
4056