Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More →
composited-card
Advanced tools
composited-card - npm Package Compare versions
Comparing version 1.0.3 to 1.1.0
@@ -6,3 +6,3 @@ { | ||
| "license": "MIT", | ||
| "version": "1.0.3", | ||
| "version": "1.1.0", | ||
| "homepage": "https://immutable.github.io/gu-composited-card", | ||
@@ -9,0 +9,0 @@ "repository": { |
@@ -110,2 +110,3 @@ import { LitElement, html, customElement, property } from 'lit-element'; | ||
| @property({ type: Number }) compositionVersion: number = 1; | ||
| @property({ type: String }) illustrationSource: string; | ||
@@ -268,2 +269,3 @@ public compositionCardData: ICardCompsitionData = { | ||
| responsiveSrcsetSizes: this.responsiveSrcsetSizes, | ||
| imageSrc: this.illustrationSource, | ||
| })} | ||
@@ -299,2 +301,3 @@ ${imageLayersCompositionTemplate({ | ||
| responsiveSrcsetSizes: this.responsiveSrcsetSizes, | ||
| imageSrc: this.illustrationSource, | ||
| })} | ||
@@ -301,0 +304,0 @@ ${isMythicCard |
@@ -61,2 +61,3 @@ import { html } from 'lit-element'; | ||
| responsiveSrcsetSizes = `${artQualities.normal}px`, | ||
| imageSrc = guImagesUrl, | ||
| }) => { | ||
@@ -67,9 +68,9 @@ return html` | ||
| srcset=" | ||
| ${guImagesUrl}/art2/${artQualities.normal}/${id}.webp ${artQualities.small}w, | ||
| ${guImagesUrl}/art2/${artQualities.large}/${id}.webp ${artQualities.normal}w, | ||
| ${guImagesUrl}/art2/${artQualities.xLarge}/${id}.webp ${artQualities.large}w, | ||
| ${guImagesUrl}/art2/${artQualities.xxLarge}/${id}.webp ${artQualities.xLarge}w, | ||
| ${guImagesUrl}/art2/${artQualities.xxxLarge}/${id}.webp ${artQualities.xxLarge}w, | ||
| ${guImagesUrl}/art2/${artQualities.xxxxLarge}/${id}.webp ${artQualities.xxxLarge}w, | ||
| ${guImagesUrl}/art2/${artQualities.best}/${id}.webp ${artQualities.xxxxLarge}w | ||
| ${imageSrc}/art2/${artQualities.normal}/${id}.webp ${artQualities.small}w, | ||
| ${imageSrc}/art2/${artQualities.large}/${id}.webp ${artQualities.normal}w, | ||
| ${imageSrc}/art2/${artQualities.xLarge}/${id}.webp ${artQualities.large}w, | ||
| ${imageSrc}/art2/${artQualities.xxLarge}/${id}.webp ${artQualities.xLarge}w, | ||
| ${imageSrc}/art2/${artQualities.xxxLarge}/${id}.webp ${artQualities.xxLarge}w, | ||
| ${imageSrc}/art2/${artQualities.xxxxLarge}/${id}.webp ${artQualities.xxxLarge}w, | ||
| ${imageSrc}/art2/${artQualities.best}/${id}.webp ${artQualities.xxxxLarge}w | ||
| " | ||
@@ -81,9 +82,9 @@ sizes="${responsiveSrcsetSizes}" | ||
| srcset=" | ||
| ${guImagesUrl}/art2/${artQualities.normal}/${id}.jpg ${artQualities.small}w, | ||
| ${guImagesUrl}/art2/${artQualities.large}/${id}.jpg ${artQualities.normal}w, | ||
| ${guImagesUrl}/art2/${artQualities.xLarge}/${id}.jpg ${artQualities.large}w, | ||
| ${guImagesUrl}/art2/${artQualities.xxLarge}/${id}.jpg ${artQualities.xLarge}w, | ||
| ${guImagesUrl}/art2/${artQualities.xxxLarge}/${id}.jpg ${artQualities.xxLarge}w, | ||
| ${guImagesUrl}/art2/${artQualities.xxxxLarge}/${id}.jpg ${artQualities.xxxLarge}w, | ||
| ${guImagesUrl}/art2/${artQualities.best}/${id}.jpg ${artQualities.xxxxLarge}w | ||
| ${imageSrc}/art2/${artQualities.normal}/${id}.jpg ${artQualities.small}w, | ||
| ${imageSrc}/art2/${artQualities.large}/${id}.jpg ${artQualities.normal}w, | ||
| ${imageSrc}/art2/${artQualities.xLarge}/${id}.jpg ${artQualities.large}w, | ||
| ${imageSrc}/art2/${artQualities.xxLarge}/${id}.jpg ${artQualities.xLarge}w, | ||
| ${imageSrc}/art2/${artQualities.xxxLarge}/${id}.jpg ${artQualities.xxLarge}w, | ||
| ${imageSrc}/art2/${artQualities.xxxxLarge}/${id}.jpg ${artQualities.xxxLarge}w, | ||
| ${imageSrc}/art2/${artQualities.best}/${id}.jpg ${artQualities.xxxxLarge}w | ||
| " | ||
@@ -94,3 +95,3 @@ sizes="${responsiveSrcsetSizes}" | ||
| <img | ||
| srcset="${guImagesUrl}/art2/${artQualities.small}/${id}.jpg" | ||
| srcset="${imageSrc}/art2/${artQualities.small}/${id}.jpg" | ||
| class="card__artwork__img" | ||
@@ -104,2 +105,3 @@ /> | ||
| responsiveSrcsetSizes = `${layerQualities.normal}px`, | ||
| imageSrc = guImagesUrl, | ||
| art_id, | ||
@@ -113,8 +115,8 @@ type, | ||
| srcset=" | ||
| ${guImagesUrl}/border-layers/types/${type}/${layerQualities.normal}/${type}_${art_id}.webp ${layerQualities.small}w, | ||
| ${guImagesUrl}/border-layers/types/${type}/${layerQualities.large}/${type}_${art_id}.webp ${layerQualities.normal}w, | ||
| ${guImagesUrl}/border-layers/types/${type}/${layerQualities.xLarge}/${type}_${art_id}.webp ${layerQualities.large}w, | ||
| ${guImagesUrl}/border-layers/types/${type}/${layerQualities.xxLarge}/${type}_${art_id}.webp ${layerQualities.xLarge}w, | ||
| ${guImagesUrl}/border-layers/types/${type}/${layerQualities.xxxLarge}/${type}_${art_id}.webp ${layerQualities.xxLarge}w, | ||
| ${guImagesUrl}/border-layers/types/${type}/${layerQualities.best}/${type}_${art_id}.webp ${layerQualities.xxxLarge}w | ||
| ${imageSrc}/border-layers/types/${type}/${layerQualities.normal}/${type}_${art_id}.webp ${layerQualities.small}w, | ||
| ${imageSrc}/border-layers/types/${type}/${layerQualities.large}/${type}_${art_id}.webp ${layerQualities.normal}w, | ||
| ${imageSrc}/border-layers/types/${type}/${layerQualities.xLarge}/${type}_${art_id}.webp ${layerQualities.large}w, | ||
| ${imageSrc}/border-layers/types/${type}/${layerQualities.xxLarge}/${type}_${art_id}.webp ${layerQualities.xLarge}w, | ||
| ${imageSrc}/border-layers/types/${type}/${layerQualities.xxxLarge}/${type}_${art_id}.webp ${layerQualities.xxLarge}w, | ||
| ${imageSrc}/border-layers/types/${type}/${layerQualities.best}/${type}_${art_id}.webp ${layerQualities.xxxLarge}w | ||
| " | ||
@@ -126,8 +128,8 @@ sizes="${responsiveSrcsetSizes}" | ||
| srcset=" | ||
| ${guImagesUrl}/border-layers/types/${type}/${layerQualities.normal}/${type}_${art_id}.png ${layerQualities.small}w, | ||
| ${guImagesUrl}/border-layers/types/${type}/${layerQualities.large}/${type}_${art_id}.png ${layerQualities.normal}w, | ||
| ${guImagesUrl}/border-layers/types/${type}/${layerQualities.xLarge}/${type}_${art_id}.png ${layerQualities.large}w, | ||
| ${guImagesUrl}/border-layers/types/${type}/${layerQualities.xxLarge}/${type}_${art_id}.png ${layerQualities.xLarge}w, | ||
| ${guImagesUrl}/border-layers/types/${type}/${layerQualities.xxxLarge}/${type}_${art_id}.png ${layerQualities.xxLarge}w, | ||
| ${guImagesUrl}/border-layers/types/${type}/${layerQualities.best}/${type}_${art_id}.png ${layerQualities.xxxLarge}w | ||
| ${imageSrc}/border-layers/types/${type}/${layerQualities.normal}/${type}_${art_id}.png ${layerQualities.small}w, | ||
| ${imageSrc}/border-layers/types/${type}/${layerQualities.large}/${type}_${art_id}.png ${layerQualities.normal}w, | ||
| ${imageSrc}/border-layers/types/${type}/${layerQualities.xLarge}/${type}_${art_id}.png ${layerQualities.large}w, | ||
| ${imageSrc}/border-layers/types/${type}/${layerQualities.xxLarge}/${type}_${art_id}.png ${layerQualities.xLarge}w, | ||
| ${imageSrc}/border-layers/types/${type}/${layerQualities.xxxLarge}/${type}_${art_id}.png ${layerQualities.xxLarge}w, | ||
| ${imageSrc}/border-layers/types/${type}/${layerQualities.best}/${type}_${art_id}.png ${layerQualities.xxxLarge}w | ||
| " | ||
@@ -140,3 +142,3 @@ sizes="${responsiveSrcsetSizes}" | ||
| srcset=" | ||
| ${guImagesUrl}/border-layers/types/${type}/${layerQualities.small}/${type}_${art_id}.png | ||
| ${imageSrc}/border-layers/types/${type}/${layerQualities.small}/${type}_${art_id}.png | ||
| " | ||
@@ -150,8 +152,8 @@ class="card__baseLayer__img" | ||
| srcset=" | ||
| ${guImagesUrl}/border-layers/rosettes/mythics/${layerQualities.normal}/mythic_${art_id}.webp ${layerQualities.small}w, | ||
| ${guImagesUrl}/border-layers/rosettes/mythics/${layerQualities.large}/mythic_${art_id}.webp ${layerQualities.normal}w, | ||
| ${guImagesUrl}/border-layers/rosettes/mythics/${layerQualities.xLarge}/mythic_${art_id}.webp ${layerQualities.large}w, | ||
| ${guImagesUrl}/border-layers/rosettes/mythics/${layerQualities.xxLarge}/mythic_${art_id}.webp ${layerQualities.xLarge}w, | ||
| ${guImagesUrl}/border-layers/rosettes/mythics/${layerQualities.xxxLarge}/mythic_${art_id}.webp ${layerQualities.xxLarge}w, | ||
| ${guImagesUrl}/border-layers/rosettes/mythics/${layerQualities.best}/mythic_${art_id}.webp ${layerQualities.xxxLarge}w | ||
| ${imageSrc}/border-layers/rosettes/mythics/${layerQualities.normal}/mythic_${art_id}.webp ${layerQualities.small}w, | ||
| ${imageSrc}/border-layers/rosettes/mythics/${layerQualities.large}/mythic_${art_id}.webp ${layerQualities.normal}w, | ||
| ${imageSrc}/border-layers/rosettes/mythics/${layerQualities.xLarge}/mythic_${art_id}.webp ${layerQualities.large}w, | ||
| ${imageSrc}/border-layers/rosettes/mythics/${layerQualities.xxLarge}/mythic_${art_id}.webp ${layerQualities.xLarge}w, | ||
| ${imageSrc}/border-layers/rosettes/mythics/${layerQualities.xxxLarge}/mythic_${art_id}.webp ${layerQualities.xxLarge}w, | ||
| ${imageSrc}/border-layers/rosettes/mythics/${layerQualities.best}/mythic_${art_id}.webp ${layerQualities.xxxLarge}w | ||
| " | ||
@@ -163,8 +165,8 @@ sizes="${responsiveSrcsetSizes}" | ||
| srcset=" | ||
| ${guImagesUrl}/border-layers/rosettes/mythics/${layerQualities.normal}/mythic_${art_id}.png ${layerQualities.small}w, | ||
| ${guImagesUrl}/border-layers/rosettes/mythics/${layerQualities.large}/mythic_${art_id}.png ${layerQualities.normal}w, | ||
| ${guImagesUrl}/border-layers/rosettes/mythics/${layerQualities.xLarge}/mythic_${art_id}.png ${layerQualities.large}w, | ||
| ${guImagesUrl}/border-layers/rosettes/mythics/${layerQualities.xxLarge}/mythic_${art_id}.png ${layerQualities.xLarge}w, | ||
| ${guImagesUrl}/border-layers/rosettes/mythics/${layerQualities.xxxLarge}/mythic_${art_id}.png ${layerQualities.xxLarge}w, | ||
| ${guImagesUrl}/border-layers/rosettes/mythics/${layerQualities.best}/mythic_${art_id}.png ${layerQualities.xxxLarge}w | ||
| ${imageSrc}/border-layers/rosettes/mythics/${layerQualities.normal}/mythic_${art_id}.png ${layerQualities.small}w, | ||
| ${imageSrc}/border-layers/rosettes/mythics/${layerQualities.large}/mythic_${art_id}.png ${layerQualities.normal}w, | ||
| ${imageSrc}/border-layers/rosettes/mythics/${layerQualities.xLarge}/mythic_${art_id}.png ${layerQualities.large}w, | ||
| ${imageSrc}/border-layers/rosettes/mythics/${layerQualities.xxLarge}/mythic_${art_id}.png ${layerQualities.xLarge}w, | ||
| ${imageSrc}/border-layers/rosettes/mythics/${layerQualities.xxxLarge}/mythic_${art_id}.png ${layerQualities.xxLarge}w, | ||
| ${imageSrc}/border-layers/rosettes/mythics/${layerQualities.best}/mythic_${art_id}.png ${layerQualities.xxxLarge}w | ||
| " | ||
@@ -177,3 +179,3 @@ sizes="${responsiveSrcsetSizes}" | ||
| srcset=" | ||
| ${guImagesUrl}/border-layers/rosettes/${god}/${layerQualities.normal}/mythic_${art_id}.png | ||
| ${imageSrc}/border-layers/rosettes/${god}/${layerQualities.normal}/mythic_${art_id}.png | ||
| " | ||
@@ -188,2 +190,3 @@ class="card__manaLayer__img card__manaLayer__img--mythic" | ||
| responsiveSrcsetSizes = `${layerQualities.normal}px`, | ||
| imageSrc = guImagesUrl, | ||
| type, | ||
@@ -202,8 +205,8 @@ qualityName, | ||
| srcset=" | ||
| ${guImagesUrl}/border-layers/types/${type}/${layerQualities.normal}/${type}_${qualityName}.webp ${layerQualities.small}w, | ||
| ${guImagesUrl}/border-layers/types/${type}/${layerQualities.large}/${type}_${qualityName}.webp ${layerQualities.normal}w, | ||
| ${guImagesUrl}/border-layers/types/${type}/${layerQualities.xLarge}/${type}_${qualityName}.webp ${layerQualities.large}w, | ||
| ${guImagesUrl}/border-layers/types/${type}/${layerQualities.xxLarge}/${type}_${qualityName}.webp ${layerQualities.xLarge}w, | ||
| ${guImagesUrl}/border-layers/types/${type}/${layerQualities.xxxLarge}/${type}_${qualityName}.webp ${layerQualities.xxLarge}w, | ||
| ${guImagesUrl}/border-layers/types/${type}/${layerQualities.best}/${type}_${qualityName}.webp ${layerQualities.xxxLarge}w | ||
| ${imageSrc}/border-layers/types/${type}/${layerQualities.normal}/${type}_${qualityName}.webp ${layerQualities.small}w, | ||
| ${imageSrc}/border-layers/types/${type}/${layerQualities.large}/${type}_${qualityName}.webp ${layerQualities.normal}w, | ||
| ${imageSrc}/border-layers/types/${type}/${layerQualities.xLarge}/${type}_${qualityName}.webp ${layerQualities.large}w, | ||
| ${imageSrc}/border-layers/types/${type}/${layerQualities.xxLarge}/${type}_${qualityName}.webp ${layerQualities.xLarge}w, | ||
| ${imageSrc}/border-layers/types/${type}/${layerQualities.xxxLarge}/${type}_${qualityName}.webp ${layerQualities.xxLarge}w, | ||
| ${imageSrc}/border-layers/types/${type}/${layerQualities.best}/${type}_${qualityName}.webp ${layerQualities.xxxLarge}w | ||
| " | ||
@@ -216,8 +219,8 @@ sizes="${responsiveSrcsetSizes}" | ||
| srcset=" | ||
| ${guImagesUrl}/border-layers/types/${type}/${layerQualities.normal}/${type}_${qualityName}.png ${layerQualities.small}w, | ||
| ${guImagesUrl}/border-layers/types/${type}/${layerQualities.large}/${type}_${qualityName}.png ${layerQualities.normal}w, | ||
| ${guImagesUrl}/border-layers/types/${type}/${layerQualities.xLarge}/${type}_${qualityName}.png ${layerQualities.large}w, | ||
| ${guImagesUrl}/border-layers/types/${type}/${layerQualities.xxLarge}/${type}_${qualityName}.png ${layerQualities.xLarge}w, | ||
| ${guImagesUrl}/border-layers/types/${type}/${layerQualities.xxxLarge}/${type}_${qualityName}.png ${layerQualities.xxLarge}w, | ||
| ${guImagesUrl}/border-layers/types/${type}/${layerQualities.best}/${type}_${qualityName}.png ${layerQualities.xxxLarge}w | ||
| ${imageSrc}/border-layers/types/${type}/${layerQualities.normal}/${type}_${qualityName}.png ${layerQualities.small}w, | ||
| ${imageSrc}/border-layers/types/${type}/${layerQualities.large}/${type}_${qualityName}.png ${layerQualities.normal}w, | ||
| ${imageSrc}/border-layers/types/${type}/${layerQualities.xLarge}/${type}_${qualityName}.png ${layerQualities.large}w, | ||
| ${imageSrc}/border-layers/types/${type}/${layerQualities.xxLarge}/${type}_${qualityName}.png ${layerQualities.xLarge}w, | ||
| ${imageSrc}/border-layers/types/${type}/${layerQualities.xxxLarge}/${type}_${qualityName}.png ${layerQualities.xxLarge}w, | ||
| ${imageSrc}/border-layers/types/${type}/${layerQualities.best}/${type}_${qualityName}.png ${layerQualities.xxxLarge}w | ||
| " | ||
@@ -229,3 +232,3 @@ sizes="${responsiveSrcsetSizes}" | ||
| srcset=" | ||
| ${guImagesUrl}/border-layers/types/${type}/${layerQualities.small}/${type}_${qualityName}.png | ||
| ${imageSrc}/border-layers/types/${type}/${layerQualities.small}/${type}_${qualityName}.png | ||
| " | ||
@@ -239,8 +242,8 @@ class="card__baseLayer__img" | ||
| srcset=" | ||
| ${guImagesUrl}/border-layers/rosettes/${god}/${layerQualities.normal}/${god}_${qualityName}.webp ${layerQualities.small}w, | ||
| ${guImagesUrl}/border-layers/rosettes/${god}/${layerQualities.large}/${god}_${qualityName}.webp ${layerQualities.normal}w, | ||
| ${guImagesUrl}/border-layers/rosettes/${god}/${layerQualities.xLarge}/${god}_${qualityName}.webp ${layerQualities.large}w, | ||
| ${guImagesUrl}/border-layers/rosettes/${god}/${layerQualities.xxLarge}/${god}_${qualityName}.webp ${layerQualities.xLarge}w, | ||
| ${guImagesUrl}/border-layers/rosettes/${god}/${layerQualities.xxxLarge}/${god}_${qualityName}.webp ${layerQualities.xxLarge}w, | ||
| ${guImagesUrl}/border-layers/rosettes/${god}/${layerQualities.best}/${god}_${qualityName}.webp ${layerQualities.xxxLarge}w | ||
| ${imageSrc}/border-layers/rosettes/${god}/${layerQualities.normal}/${god}_${qualityName}.webp ${layerQualities.small}w, | ||
| ${imageSrc}/border-layers/rosettes/${god}/${layerQualities.large}/${god}_${qualityName}.webp ${layerQualities.normal}w, | ||
| ${imageSrc}/border-layers/rosettes/${god}/${layerQualities.xLarge}/${god}_${qualityName}.webp ${layerQualities.large}w, | ||
| ${imageSrc}/border-layers/rosettes/${god}/${layerQualities.xxLarge}/${god}_${qualityName}.webp ${layerQualities.xLarge}w, | ||
| ${imageSrc}/border-layers/rosettes/${god}/${layerQualities.xxxLarge}/${god}_${qualityName}.webp ${layerQualities.xxLarge}w, | ||
| ${imageSrc}/border-layers/rosettes/${god}/${layerQualities.best}/${god}_${qualityName}.webp ${layerQualities.xxxLarge}w | ||
| " | ||
@@ -252,8 +255,8 @@ sizes="${responsiveSrcsetSizes}" | ||
| srcset=" | ||
| ${guImagesUrl}/border-layers/rosettes/${god}/${layerQualities.normal}/${god}_${qualityName}.png ${layerQualities.small}w, | ||
| ${guImagesUrl}/border-layers/rosettes/${god}/${layerQualities.large}/${god}_${qualityName}.png ${layerQualities.normal}w, | ||
| ${guImagesUrl}/border-layers/rosettes/${god}/${layerQualities.xLarge}/${god}_${qualityName}.png ${layerQualities.large}w, | ||
| ${guImagesUrl}/border-layers/rosettes/${god}/${layerQualities.xxLarge}/${god}_${qualityName}.png ${layerQualities.xLarge}w, | ||
| ${guImagesUrl}/border-layers/rosettes/${god}/${layerQualities.xxxLarge}/${god}_${qualityName}.png ${layerQualities.xxLarge}w, | ||
| ${guImagesUrl}/border-layers/rosettes/${god}/${layerQualities.best}/${god}_${qualityName}.png ${layerQualities.xxxLarge}w | ||
| ${imageSrc}/border-layers/rosettes/${god}/${layerQualities.normal}/${god}_${qualityName}.png ${layerQualities.small}w, | ||
| ${imageSrc}/border-layers/rosettes/${god}/${layerQualities.large}/${god}_${qualityName}.png ${layerQualities.normal}w, | ||
| ${imageSrc}/border-layers/rosettes/${god}/${layerQualities.xLarge}/${god}_${qualityName}.png ${layerQualities.large}w, | ||
| ${imageSrc}/border-layers/rosettes/${god}/${layerQualities.xxLarge}/${god}_${qualityName}.png ${layerQualities.xLarge}w, | ||
| ${imageSrc}/border-layers/rosettes/${god}/${layerQualities.xxxLarge}/${god}_${qualityName}.png ${layerQualities.xxLarge}w, | ||
| ${imageSrc}/border-layers/rosettes/${god}/${layerQualities.best}/${god}_${qualityName}.png ${layerQualities.xxxLarge}w | ||
| " | ||
@@ -265,3 +268,3 @@ sizes="${responsiveSrcsetSizes}" | ||
| srcset=" | ||
| ${guImagesUrl}/border-layers/rosettes/${god}/${layerQualities.small}/${god}_${qualityName}.png | ||
| ${imageSrc}/border-layers/rosettes/${god}/${layerQualities.small}/${god}_${qualityName}.png | ||
| " | ||
@@ -277,9 +280,9 @@ class="card__manaLayer__img" | ||
| srcset=" | ||
| ${guImagesUrl}/border-layers/gems/${layerQualities.small}/rarity_${rarity}.webp ${layerQualities.small}w, | ||
| ${guImagesUrl}/border-layers/gems/${layerQualities.normal}/rarity_${rarity}.webp ${layerQualities.normal}w, | ||
| ${guImagesUrl}/border-layers/gems/${layerQualities.large}/rarity_${rarity}.webp ${layerQualities.large}w, | ||
| ${guImagesUrl}/border-layers/gems/${layerQualities.xLarge}/rarity_${rarity}.webp ${layerQualities.xLarge}w, | ||
| ${guImagesUrl}/border-layers/gems/${layerQualities.xxLarge}/rarity_${rarity}.webp ${layerQualities.xxLarge}w, | ||
| ${guImagesUrl}/border-layers/gems/${layerQualities.xxxLarge}/rarity_${rarity}.webp ${layerQualities.xxxLarge}w, | ||
| ${guImagesUrl}/border-layers/gems/${layerQualities.best}/rarity_${rarity}.webp ${layerQualities.best}w | ||
| ${imageSrc}/border-layers/gems/${layerQualities.small}/rarity_${rarity}.webp ${layerQualities.small}w, | ||
| ${imageSrc}/border-layers/gems/${layerQualities.normal}/rarity_${rarity}.webp ${layerQualities.normal}w, | ||
| ${imageSrc}/border-layers/gems/${layerQualities.large}/rarity_${rarity}.webp ${layerQualities.large}w, | ||
| ${imageSrc}/border-layers/gems/${layerQualities.xLarge}/rarity_${rarity}.webp ${layerQualities.xLarge}w, | ||
| ${imageSrc}/border-layers/gems/${layerQualities.xxLarge}/rarity_${rarity}.webp ${layerQualities.xxLarge}w, | ||
| ${imageSrc}/border-layers/gems/${layerQualities.xxxLarge}/rarity_${rarity}.webp ${layerQualities.xxxLarge}w, | ||
| ${imageSrc}/border-layers/gems/${layerQualities.best}/rarity_${rarity}.webp ${layerQualities.best}w | ||
| " | ||
@@ -291,9 +294,9 @@ sizes="${responsiveSrcsetSizes}" | ||
| srcset=" | ||
| ${guImagesUrl}/border-layers/gems/${layerQualities.small}/rarity_${rarity}.png ${layerQualities.small}w, | ||
| ${guImagesUrl}/border-layers/gems/${layerQualities.normal}/rarity_${rarity}.png ${layerQualities.normal}w, | ||
| ${guImagesUrl}/border-layers/gems/${layerQualities.large}/rarity_${rarity}.png ${layerQualities.large}w, | ||
| ${guImagesUrl}/border-layers/gems/${layerQualities.xLarge}/rarity_${rarity}.png ${layerQualities.xLarge}w, | ||
| ${guImagesUrl}/border-layers/gems/${layerQualities.xxLarge}/rarity_${rarity}.webp ${layerQualities.xxLarge}w, | ||
| ${guImagesUrl}/border-layers/gems/${layerQualities.xxxLarge}/rarity_${rarity}.webp ${layerQualities.xxxLarge}w, | ||
| ${guImagesUrl}/border-layers/gems/${layerQualities.best}/rarity_${rarity}.png ${layerQualities.best}w | ||
| ${imageSrc}/border-layers/gems/${layerQualities.small}/rarity_${rarity}.png ${layerQualities.small}w, | ||
| ${imageSrc}/border-layers/gems/${layerQualities.normal}/rarity_${rarity}.png ${layerQualities.normal}w, | ||
| ${imageSrc}/border-layers/gems/${layerQualities.large}/rarity_${rarity}.png ${layerQualities.large}w, | ||
| ${imageSrc}/border-layers/gems/${layerQualities.xLarge}/rarity_${rarity}.png ${layerQualities.xLarge}w, | ||
| ${imageSrc}/border-layers/gems/${layerQualities.xxLarge}/rarity_${rarity}.webp ${layerQualities.xxLarge}w, | ||
| ${imageSrc}/border-layers/gems/${layerQualities.xxxLarge}/rarity_${rarity}.webp ${layerQualities.xxxLarge}w, | ||
| ${imageSrc}/border-layers/gems/${layerQualities.best}/rarity_${rarity}.png ${layerQualities.best}w | ||
| " | ||
@@ -305,3 +308,3 @@ sizes="${responsiveSrcsetSizes}" | ||
| srcset=" | ||
| ${guImagesUrl}/border-layers/gems/${layerQualities.small}/rarity_${rarity}.png | ||
| ${imageSrc}/border-layers/gems/${layerQualities.small}/rarity_${rarity}.png | ||
| " | ||
@@ -318,9 +321,9 @@ class="card__rarityLayer__img" | ||
| srcset=" | ||
| ${guImagesUrl}/border-layers/wreaths/${layerQualities.small}/wreath_${qualityName}.webp ${layerQualities.small}w, | ||
| ${guImagesUrl}/border-layers/wreaths/${layerQualities.normal}/wreath_${qualityName}.webp ${layerQualities.normal}w, | ||
| ${guImagesUrl}/border-layers/wreaths/${layerQualities.large}/wreath_${qualityName}.webp ${layerQualities.large}w, | ||
| ${guImagesUrl}/border-layers/wreaths/${layerQualities.xLarge}/wreath_${qualityName}.webp ${layerQualities.xLarge}w, | ||
| ${guImagesUrl}/border-layers/wreaths/${layerQualities.xxLarge}/wreath_${qualityName}.webp ${layerQualities.xxLarge}w, | ||
| ${guImagesUrl}/border-layers/wreaths/${layerQualities.xxxLarge}/wreath_${qualityName}.webp ${layerQualities.xxxLarge}w, | ||
| ${guImagesUrl}/border-layers/wreaths/${layerQualities.best}/wreath_${qualityName}.webp ${layerQualities.best}w | ||
| ${imageSrc}/border-layers/wreaths/${layerQualities.small}/wreath_${qualityName}.webp ${layerQualities.small}w, | ||
| ${imageSrc}/border-layers/wreaths/${layerQualities.normal}/wreath_${qualityName}.webp ${layerQualities.normal}w, | ||
| ${imageSrc}/border-layers/wreaths/${layerQualities.large}/wreath_${qualityName}.webp ${layerQualities.large}w, | ||
| ${imageSrc}/border-layers/wreaths/${layerQualities.xLarge}/wreath_${qualityName}.webp ${layerQualities.xLarge}w, | ||
| ${imageSrc}/border-layers/wreaths/${layerQualities.xxLarge}/wreath_${qualityName}.webp ${layerQualities.xxLarge}w, | ||
| ${imageSrc}/border-layers/wreaths/${layerQualities.xxxLarge}/wreath_${qualityName}.webp ${layerQualities.xxxLarge}w, | ||
| ${imageSrc}/border-layers/wreaths/${layerQualities.best}/wreath_${qualityName}.webp ${layerQualities.best}w | ||
| " | ||
@@ -333,9 +336,9 @@ sizes="${responsiveSrcsetSizes}" | ||
| srcset=" | ||
| ${guImagesUrl}/border-layers/wreaths/${layerQualities.small}/wreath_${qualityName}.png ${layerQualities.small}w, | ||
| ${guImagesUrl}/border-layers/wreaths/${layerQualities.normal}/wreath_${qualityName}.png ${layerQualities.normal}w, | ||
| ${guImagesUrl}/border-layers/wreaths/${layerQualities.large}/wreath_${qualityName}.png ${layerQualities.large}w, | ||
| ${guImagesUrl}/border-layers/wreaths/${layerQualities.xLarge}/wreath_${qualityName}.png ${layerQualities.xLarge}w, | ||
| ${guImagesUrl}/border-layers/wreaths/${layerQualities.xxLarge}/wreath_${qualityName}.png ${layerQualities.xxLarge}w, | ||
| ${guImagesUrl}/border-layers/wreaths/${layerQualities.xxxLarge}/wreath_${qualityName}.png ${layerQualities.xxxLarge}w, | ||
| ${guImagesUrl}/border-layers/wreaths/${layerQualities.best}/wreath_${qualityName}.png ${layerQualities.best}w | ||
| ${imageSrc}/border-layers/wreaths/${layerQualities.small}/wreath_${qualityName}.png ${layerQualities.small}w, | ||
| ${imageSrc}/border-layers/wreaths/${layerQualities.normal}/wreath_${qualityName}.png ${layerQualities.normal}w, | ||
| ${imageSrc}/border-layers/wreaths/${layerQualities.large}/wreath_${qualityName}.png ${layerQualities.large}w, | ||
| ${imageSrc}/border-layers/wreaths/${layerQualities.xLarge}/wreath_${qualityName}.png ${layerQualities.xLarge}w, | ||
| ${imageSrc}/border-layers/wreaths/${layerQualities.xxLarge}/wreath_${qualityName}.png ${layerQualities.xxLarge}w, | ||
| ${imageSrc}/border-layers/wreaths/${layerQualities.xxxLarge}/wreath_${qualityName}.png ${layerQualities.xxxLarge}w, | ||
| ${imageSrc}/border-layers/wreaths/${layerQualities.best}/wreath_${qualityName}.png ${layerQualities.best}w | ||
| " | ||
@@ -347,3 +350,3 @@ sizes="${responsiveSrcsetSizes}" | ||
| srcset=" | ||
| ${guImagesUrl}/border-layers/wreaths/${layerQualities.small}/wreath_${qualityName}.png | ||
| ${imageSrc}/border-layers/wreaths/${layerQualities.small}/wreath_${qualityName}.png | ||
| " | ||
@@ -360,4 +363,4 @@ class="card__wreathLayer__img" | ||
| srcset=" | ||
| ${guImagesUrl}/border-layers/locks/${lockQualities.normal}/lock_${qualityName}.webp ${lockQualities.normal}w, | ||
| ${guImagesUrl}/border-layers/locks/${lockQualities.large}/lock_${qualityName}.webp ${lockQualities.large}w, | ||
| ${imageSrc}/border-layers/locks/${lockQualities.normal}/lock_${qualityName}.webp ${lockQualities.normal}w, | ||
| ${imageSrc}/border-layers/locks/${lockQualities.large}/lock_${qualityName}.webp ${lockQualities.large}w, | ||
| " | ||
@@ -369,4 +372,4 @@ type="image/webp" | ||
| srcset=" | ||
| ${guImagesUrl}/border-layers/locks/${lockQualities.normal}/lock_${qualityName}.png ${lockQualities.normal}w, | ||
| ${guImagesUrl}/border-layers/locks/${lockQualities.large}/lock_${qualityName}.png ${lockQualities.large}w, | ||
| ${imageSrc}/border-layers/locks/${lockQualities.normal}/lock_${qualityName}.png ${lockQualities.normal}w, | ||
| ${imageSrc}/border-layers/locks/${lockQualities.large}/lock_${qualityName}.png ${lockQualities.large}w, | ||
| " | ||
@@ -378,3 +381,3 @@ type="image/png" | ||
| srcset=" | ||
| ${guImagesUrl}/border-layers/locks/lock_${qualityName}.png | ||
| ${imageSrc}/border-layers/locks/lock_${qualityName}.png | ||
| " | ||
@@ -391,6 +394,6 @@ class="card__lockIconLayer__img" | ||
| srcset=" | ||
| ${guImagesUrl}/border-layers/tribe_bars/${layerQualities.small}/tribebar_${qualityName}.webp ${layerQualities.small}w, | ||
| ${guImagesUrl}/border-layers/tribe_bars/${layerQualities.normal}/tribebar_${qualityName}.webp ${layerQualities.normal}w, | ||
| ${guImagesUrl}/border-layers/tribe_bars/${layerQualities.large}/tribebar_${qualityName}.webp ${layerQualities.large}w, | ||
| ${guImagesUrl}/border-layers/tribe_bars/${layerQualities.xLarge}/tribebar_${qualityName}.webp ${layerQualities.xLarge}w, | ||
| ${imageSrc}/border-layers/tribe_bars/${layerQualities.small}/tribebar_${qualityName}.webp ${layerQualities.small}w, | ||
| ${imageSrc}/border-layers/tribe_bars/${layerQualities.normal}/tribebar_${qualityName}.webp ${layerQualities.normal}w, | ||
| ${imageSrc}/border-layers/tribe_bars/${layerQualities.large}/tribebar_${qualityName}.webp ${layerQualities.large}w, | ||
| ${imageSrc}/border-layers/tribe_bars/${layerQualities.xLarge}/tribebar_${qualityName}.webp ${layerQualities.xLarge}w, | ||
| " | ||
@@ -402,6 +405,6 @@ sizes="${responsiveSrcsetSizes}" | ||
| srcset=" | ||
| ${guImagesUrl}/border-layers/tribe_bars/${layerQualities.small}/tribebar_${qualityName}.png ${layerQualities.small}w, | ||
| ${guImagesUrl}/border-layers/tribe_bars/${layerQualities.normal}/tribebar_${qualityName}.png ${layerQualities.normal}w, | ||
| ${guImagesUrl}/border-layers/tribe_bars/${layerQualities.large}/tribebar_${qualityName}.png ${layerQualities.large}w, | ||
| ${guImagesUrl}/border-layers/tribe_bars/${layerQualities.xLarge}/tribebar_${qualityName}.png ${layerQualities.xLarge}w, | ||
| ${imageSrc}/border-layers/tribe_bars/${layerQualities.small}/tribebar_${qualityName}.png ${layerQualities.small}w, | ||
| ${imageSrc}/border-layers/tribe_bars/${layerQualities.normal}/tribebar_${qualityName}.png ${layerQualities.normal}w, | ||
| ${imageSrc}/border-layers/tribe_bars/${layerQualities.large}/tribebar_${qualityName}.png ${layerQualities.large}w, | ||
| ${imageSrc}/border-layers/tribe_bars/${layerQualities.xLarge}/tribebar_${qualityName}.png ${layerQualities.xLarge}w, | ||
| " | ||
@@ -414,3 +417,3 @@ sizes="${responsiveSrcsetSizes}" | ||
| srcset=" | ||
| ${guImagesUrl}/border-layers/tribe_bars/${layerQualities.best}/tribebar_${rarity}.png | ||
| ${imageSrc}/border-layers/tribe_bars/${layerQualities.best}/tribebar_${rarity}.png | ||
| " | ||
@@ -558,2 +561,3 @@ class="card__tribeBarLayer__img" | ||
| responsiveSrcsetSizes = `${artQualities.normal}px`, | ||
| imageSrc = guImagesUrl, | ||
| }) => { | ||
@@ -564,9 +568,9 @@ return html` | ||
| srcset=" | ||
| ${guImagesUrl}/art2/${artQualities.normal}/${illustration[0]}.webp ${artQualities.small}w, | ||
| ${guImagesUrl}/art2/${artQualities.large}/${illustration[0]}.webp ${artQualities.normal}w, | ||
| ${guImagesUrl}/art2/${artQualities.xLarge}/${illustration[0]}.webp ${artQualities.large}w, | ||
| ${guImagesUrl}/art2/${artQualities.xxLarge}/${illustration[0]}.webp ${artQualities.xLarge}w, | ||
| ${guImagesUrl}/art2/${artQualities.xxxLarge}/${illustration[0]}.webp ${artQualities.xxLarge}w, | ||
| ${guImagesUrl}/art2/${artQualities.xxxxLarge}/${illustration[0]}.webp ${artQualities.xxxLarge}w, | ||
| ${guImagesUrl}/art2/${artQualities.best}/${illustration[0]}.webp ${artQualities.xxxxLarge}w | ||
| ${imageSrc}/art2/${artQualities.normal}/${illustration[0]}.webp ${artQualities.small}w, | ||
| ${imageSrc}/art2/${artQualities.large}/${illustration[0]}.webp ${artQualities.normal}w, | ||
| ${imageSrc}/art2/${artQualities.xLarge}/${illustration[0]}.webp ${artQualities.large}w, | ||
| ${imageSrc}/art2/${artQualities.xxLarge}/${illustration[0]}.webp ${artQualities.xLarge}w, | ||
| ${imageSrc}/art2/${artQualities.xxxLarge}/${illustration[0]}.webp ${artQualities.xxLarge}w, | ||
| ${imageSrc}/art2/${artQualities.xxxxLarge}/${illustration[0]}.webp ${artQualities.xxxLarge}w, | ||
| ${imageSrc}/art2/${artQualities.best}/${illustration[0]}.webp ${artQualities.xxxxLarge}w | ||
| " | ||
@@ -578,9 +582,9 @@ sizes="${responsiveSrcsetSizes}" | ||
| srcset=" | ||
| ${guImagesUrl}/art2/${artQualities.normal}/${illustration[0]}.jpg ${artQualities.small}w, | ||
| ${guImagesUrl}/art2/${artQualities.large}/${illustration[0]}.jpg ${artQualities.normal}w, | ||
| ${guImagesUrl}/art2/${artQualities.xLarge}/${illustration[0]}.jpg ${artQualities.large}w, | ||
| ${guImagesUrl}/art2/${artQualities.xxLarge}/${illustration[0]}.jpg ${artQualities.xLarge}w, | ||
| ${guImagesUrl}/art2/${artQualities.xxxLarge}/${illustration[0]}.jpg ${artQualities.xxLarge}w, | ||
| ${guImagesUrl}/art2/${artQualities.xxxxLarge}/${illustration[0]}.jpg ${artQualities.xxxLarge}w, | ||
| ${guImagesUrl}/art2/${artQualities.best}/${illustration[0]}.jpg ${artQualities.xxxxLarge}w | ||
| ${imageSrc}/art2/${artQualities.normal}/${illustration[0]}.jpg ${artQualities.small}w, | ||
| ${imageSrc}/art2/${artQualities.large}/${illustration[0]}.jpg ${artQualities.normal}w, | ||
| ${imageSrc}/art2/${artQualities.xLarge}/${illustration[0]}.jpg ${artQualities.large}w, | ||
| ${imageSrc}/art2/${artQualities.xxLarge}/${illustration[0]}.jpg ${artQualities.xLarge}w, | ||
| ${imageSrc}/art2/${artQualities.xxxLarge}/${illustration[0]}.jpg ${artQualities.xxLarge}w, | ||
| ${imageSrc}/art2/${artQualities.xxxxLarge}/${illustration[0]}.jpg ${artQualities.xxxLarge}w, | ||
| ${imageSrc}/art2/${artQualities.best}/${illustration[0]}.jpg ${artQualities.xxxxLarge}w | ||
| " | ||
@@ -591,3 +595,3 @@ sizes="${responsiveSrcsetSizes}" | ||
| <img | ||
| srcset="${guImagesUrl}/art2/${artQualities.small}/${illustration[0]}.jpg" | ||
| srcset="${imageSrc}/art2/${artQualities.small}/${illustration[0]}.jpg" | ||
| class="card__artwork__img" | ||
@@ -607,2 +611,3 @@ /> | ||
| tribe, | ||
| imageSrc = guImagesUrl, | ||
| }) => { | ||
@@ -614,8 +619,8 @@ | ||
| srcset=" | ||
| ${guImagesUrl}/border-layers/types/${frame[0]}/${layerQualities.normal}/${frame[1]}.webp ${layerQualities.small}w, | ||
| ${guImagesUrl}/border-layers/types/${frame[0]}/${layerQualities.large}/${frame[1]}.webp ${layerQualities.normal}w, | ||
| ${guImagesUrl}/border-layers/types/${frame[0]}/${layerQualities.xLarge}/${frame[1]}.webp ${layerQualities.large}w, | ||
| ${guImagesUrl}/border-layers/types/${frame[0]}/${layerQualities.xxLarge}/${frame[1]}.webp ${layerQualities.xLarge}w, | ||
| ${guImagesUrl}/border-layers/types/${frame[0]}/${layerQualities.xxxLarge}/${frame[1]}.webp ${layerQualities.xxLarge}w, | ||
| ${guImagesUrl}/border-layers/types/${frame[0]}/${layerQualities.best}/${frame[1]}.webp ${layerQualities.xxxLarge}w | ||
| ${imageSrc}/border-layers/types/${frame[0]}/${layerQualities.normal}/${frame[1]}.webp ${layerQualities.small}w, | ||
| ${imageSrc}/border-layers/types/${frame[0]}/${layerQualities.large}/${frame[1]}.webp ${layerQualities.normal}w, | ||
| ${imageSrc}/border-layers/types/${frame[0]}/${layerQualities.xLarge}/${frame[1]}.webp ${layerQualities.large}w, | ||
| ${imageSrc}/border-layers/types/${frame[0]}/${layerQualities.xxLarge}/${frame[1]}.webp ${layerQualities.xLarge}w, | ||
| ${imageSrc}/border-layers/types/${frame[0]}/${layerQualities.xxxLarge}/${frame[1]}.webp ${layerQualities.xxLarge}w, | ||
| ${imageSrc}/border-layers/types/${frame[0]}/${layerQualities.best}/${frame[1]}.webp ${layerQualities.xxxLarge}w | ||
| " | ||
@@ -628,8 +633,8 @@ sizes="${responsiveSrcsetSizes}" | ||
| srcset=" | ||
| ${guImagesUrl}/border-layers/types/${frame[0]}/${layerQualities.normal}/${frame[1]}.png ${layerQualities.small}w, | ||
| ${guImagesUrl}/border-layers/types/${frame[0]}/${layerQualities.large}/${frame[1]}.png ${layerQualities.normal}w, | ||
| ${guImagesUrl}/border-layers/types/${frame[0]}/${layerQualities.xLarge}/${frame[1]}.png ${layerQualities.large}w, | ||
| ${guImagesUrl}/border-layers/types/${frame[0]}/${layerQualities.xxLarge}/${frame[1]}.png ${layerQualities.xLarge}w, | ||
| ${guImagesUrl}/border-layers/types/${frame[0]}/${layerQualities.xxxLarge}/${frame[1]}.png ${layerQualities.xxLarge}w, | ||
| ${guImagesUrl}/border-layers/types/${frame[0]}/${layerQualities.best}/${frame[1]}.png ${layerQualities.xxxLarge}w | ||
| ${imageSrc}/border-layers/types/${frame[0]}/${layerQualities.normal}/${frame[1]}.png ${layerQualities.small}w, | ||
| ${imageSrc}/border-layers/types/${frame[0]}/${layerQualities.large}/${frame[1]}.png ${layerQualities.normal}w, | ||
| ${imageSrc}/border-layers/types/${frame[0]}/${layerQualities.xLarge}/${frame[1]}.png ${layerQualities.large}w, | ||
| ${imageSrc}/border-layers/types/${frame[0]}/${layerQualities.xxLarge}/${frame[1]}.png ${layerQualities.xLarge}w, | ||
| ${imageSrc}/border-layers/types/${frame[0]}/${layerQualities.xxxLarge}/${frame[1]}.png ${layerQualities.xxLarge}w, | ||
| ${imageSrc}/border-layers/types/${frame[0]}/${layerQualities.best}/${frame[1]}.png ${layerQualities.xxxLarge}w | ||
| " | ||
@@ -641,3 +646,3 @@ sizes="${responsiveSrcsetSizes}" | ||
| srcset=" | ||
| ${guImagesUrl}/border-layers/types/${frame[0]}/${layerQualities.small}/${frame[1]}.png | ||
| ${imageSrc}/border-layers/types/${frame[0]}/${layerQualities.small}/${frame[1]}.png | ||
| " | ||
@@ -651,8 +656,8 @@ class="card__baseLayer__img" | ||
| srcset=" | ||
| ${guImagesUrl}/border-layers/rosettes/${rosette[0]}/${layerQualities.normal}/${rosette[1]}.webp ${layerQualities.small}w, | ||
| ${guImagesUrl}/border-layers/rosettes/${rosette[0]}/${layerQualities.large}/${rosette[1]}.webp ${layerQualities.normal}w, | ||
| ${guImagesUrl}/border-layers/rosettes/${rosette[0]}/${layerQualities.xLarge}/${rosette[1]}.webp ${layerQualities.large}w, | ||
| ${guImagesUrl}/border-layers/rosettes/${rosette[0]}/${layerQualities.xxLarge}/${rosette[1]}.webp ${layerQualities.xLarge}w, | ||
| ${guImagesUrl}/border-layers/rosettes/${rosette[0]}/${layerQualities.xxxLarge}/${rosette[1]}.webp ${layerQualities.xxLarge}w, | ||
| ${guImagesUrl}/border-layers/rosettes/${rosette[0]}/${layerQualities.best}/${rosette[1]}.webp ${layerQualities.xxxLarge}w | ||
| ${imageSrc}/border-layers/rosettes/${rosette[0]}/${layerQualities.normal}/${rosette[1]}.webp ${layerQualities.small}w, | ||
| ${imageSrc}/border-layers/rosettes/${rosette[0]}/${layerQualities.large}/${rosette[1]}.webp ${layerQualities.normal}w, | ||
| ${imageSrc}/border-layers/rosettes/${rosette[0]}/${layerQualities.xLarge}/${rosette[1]}.webp ${layerQualities.large}w, | ||
| ${imageSrc}/border-layers/rosettes/${rosette[0]}/${layerQualities.xxLarge}/${rosette[1]}.webp ${layerQualities.xLarge}w, | ||
| ${imageSrc}/border-layers/rosettes/${rosette[0]}/${layerQualities.xxxLarge}/${rosette[1]}.webp ${layerQualities.xxLarge}w, | ||
| ${imageSrc}/border-layers/rosettes/${rosette[0]}/${layerQualities.best}/${rosette[1]}.webp ${layerQualities.xxxLarge}w | ||
| " | ||
@@ -664,8 +669,8 @@ sizes="${responsiveSrcsetSizes}" | ||
| srcset=" | ||
| ${guImagesUrl}/border-layers/rosettes/${rosette[0]}/${layerQualities.normal}/${rosette[1]}.png ${layerQualities.small}w, | ||
| ${guImagesUrl}/border-layers/rosettes/${rosette[0]}/${layerQualities.large}/${rosette[1]}.png ${layerQualities.normal}w, | ||
| ${guImagesUrl}/border-layers/rosettes/${rosette[0]}/${layerQualities.xLarge}/${rosette[1]}.png ${layerQualities.large}w, | ||
| ${guImagesUrl}/border-layers/rosettes/${rosette[0]}/${layerQualities.xxLarge}/${rosette[1]}.png ${layerQualities.xLarge}w, | ||
| ${guImagesUrl}/border-layers/rosettes/${rosette[0]}/${layerQualities.xxxLarge}/${rosette[1]}.png ${layerQualities.xxLarge}w, | ||
| ${guImagesUrl}/border-layers/rosettes/${rosette[0]}/${layerQualities.best}/${rosette[1]}.png ${layerQualities.xxxLarge}w | ||
| ${imageSrc}/border-layers/rosettes/${rosette[0]}/${layerQualities.normal}/${rosette[1]}.png ${layerQualities.small}w, | ||
| ${imageSrc}/border-layers/rosettes/${rosette[0]}/${layerQualities.large}/${rosette[1]}.png ${layerQualities.normal}w, | ||
| ${imageSrc}/border-layers/rosettes/${rosette[0]}/${layerQualities.xLarge}/${rosette[1]}.png ${layerQualities.large}w, | ||
| ${imageSrc}/border-layers/rosettes/${rosette[0]}/${layerQualities.xxLarge}/${rosette[1]}.png ${layerQualities.xLarge}w, | ||
| ${imageSrc}/border-layers/rosettes/${rosette[0]}/${layerQualities.xxxLarge}/${rosette[1]}.png ${layerQualities.xxLarge}w, | ||
| ${imageSrc}/border-layers/rosettes/${rosette[0]}/${layerQualities.best}/${rosette[1]}.png ${layerQualities.xxxLarge}w | ||
| " | ||
@@ -677,3 +682,3 @@ sizes="${responsiveSrcsetSizes}" | ||
| srcset=" | ||
| ${guImagesUrl}/border-layers/rosettes/${rosette[0]}/${layerQualities.small}/${rosette[1]}.png | ||
| ${imageSrc}/border-layers/rosettes/${rosette[0]}/${layerQualities.small}/${rosette[1]}.png | ||
| " | ||
@@ -689,9 +694,9 @@ class="card__manaLayer__img" | ||
| srcset=" | ||
| ${guImagesUrl}/border-layers/gems/${layerQualities.small}/${gems[0]}.webp ${layerQualities.small}w, | ||
| ${guImagesUrl}/border-layers/gems/${layerQualities.normal}/${gems[0]}.webp ${layerQualities.normal}w, | ||
| ${guImagesUrl}/border-layers/gems/${layerQualities.large}/${gems[0]}.webp ${layerQualities.large}w, | ||
| ${guImagesUrl}/border-layers/gems/${layerQualities.xLarge}/${gems[0]}.webp ${layerQualities.xLarge}w, | ||
| ${guImagesUrl}/border-layers/gems/${layerQualities.xxLarge}/${gems[0]}.webp ${layerQualities.xxLarge}w, | ||
| ${guImagesUrl}/border-layers/gems/${layerQualities.xxxLarge}/${gems[0]}.webp ${layerQualities.xxxLarge}w, | ||
| ${guImagesUrl}/border-layers/gems/${layerQualities.best}/${gems[0]}.webp ${layerQualities.best}w | ||
| ${imageSrc}/border-layers/gems/${layerQualities.small}/${gems[0]}.webp ${layerQualities.small}w, | ||
| ${imageSrc}/border-layers/gems/${layerQualities.normal}/${gems[0]}.webp ${layerQualities.normal}w, | ||
| ${imageSrc}/border-layers/gems/${layerQualities.large}/${gems[0]}.webp ${layerQualities.large}w, | ||
| ${imageSrc}/border-layers/gems/${layerQualities.xLarge}/${gems[0]}.webp ${layerQualities.xLarge}w, | ||
| ${imageSrc}/border-layers/gems/${layerQualities.xxLarge}/${gems[0]}.webp ${layerQualities.xxLarge}w, | ||
| ${imageSrc}/border-layers/gems/${layerQualities.xxxLarge}/${gems[0]}.webp ${layerQualities.xxxLarge}w, | ||
| ${imageSrc}/border-layers/gems/${layerQualities.best}/${gems[0]}.webp ${layerQualities.best}w | ||
| " | ||
@@ -703,9 +708,9 @@ sizes="${responsiveSrcsetSizes}" | ||
| srcset=" | ||
| ${guImagesUrl}/border-layers/gems/${layerQualities.small}/${gems[0]}.png ${layerQualities.small}w, | ||
| ${guImagesUrl}/border-layers/gems/${layerQualities.normal}/${gems[0]}.png ${layerQualities.normal}w, | ||
| ${guImagesUrl}/border-layers/gems/${layerQualities.large}/${gems[0]}.png ${layerQualities.large}w, | ||
| ${guImagesUrl}/border-layers/gems/${layerQualities.xLarge}/${gems[0]}.png ${layerQualities.xLarge}w, | ||
| ${guImagesUrl}/border-layers/gems/${layerQualities.xxLarge}/${gems[0]}.webp ${layerQualities.xxLarge}w, | ||
| ${guImagesUrl}/border-layers/gems/${layerQualities.xxxLarge}/${gems[0]}.webp ${layerQualities.xxxLarge}w, | ||
| ${guImagesUrl}/border-layers/gems/${layerQualities.best}/${gems[0]}.png ${layerQualities.best}w | ||
| ${imageSrc}/border-layers/gems/${layerQualities.small}/${gems[0]}.png ${layerQualities.small}w, | ||
| ${imageSrc}/border-layers/gems/${layerQualities.normal}/${gems[0]}.png ${layerQualities.normal}w, | ||
| ${imageSrc}/border-layers/gems/${layerQualities.large}/${gems[0]}.png ${layerQualities.large}w, | ||
| ${imageSrc}/border-layers/gems/${layerQualities.xLarge}/${gems[0]}.png ${layerQualities.xLarge}w, | ||
| ${imageSrc}/border-layers/gems/${layerQualities.xxLarge}/${gems[0]}.webp ${layerQualities.xxLarge}w, | ||
| ${imageSrc}/border-layers/gems/${layerQualities.xxxLarge}/${gems[0]}.webp ${layerQualities.xxxLarge}w, | ||
| ${imageSrc}/border-layers/gems/${layerQualities.best}/${gems[0]}.png ${layerQualities.best}w | ||
| " | ||
@@ -717,3 +722,3 @@ sizes="${responsiveSrcsetSizes}" | ||
| srcset=" | ||
| ${guImagesUrl}/border-layers/gems/${layerQualities.small}/${gems[0]}.png | ||
| ${imageSrc}/border-layers/gems/${layerQualities.small}/${gems[0]}.png | ||
| " | ||
@@ -730,9 +735,9 @@ class="card__rarityLayer__img" | ||
| srcset=" | ||
| ${guImagesUrl}/border-layers/wreaths/${layerQualities.small}/${wreath[0]}.webp ${layerQualities.small}w, | ||
| ${guImagesUrl}/border-layers/wreaths/${layerQualities.normal}/${wreath[0]}.webp ${layerQualities.normal}w, | ||
| ${guImagesUrl}/border-layers/wreaths/${layerQualities.large}/${wreath[0]}.webp ${layerQualities.large}w, | ||
| ${guImagesUrl}/border-layers/wreaths/${layerQualities.xLarge}/${wreath[0]}.webp ${layerQualities.xLarge}w, | ||
| ${guImagesUrl}/border-layers/wreaths/${layerQualities.xxLarge}/${wreath[0]}.webp ${layerQualities.xxLarge}w, | ||
| ${guImagesUrl}/border-layers/wreaths/${layerQualities.xxxLarge}/${wreath[0]}.webp ${layerQualities.xxxLarge}w, | ||
| ${guImagesUrl}/border-layers/wreaths/${layerQualities.best}/${wreath[0]}.webp ${layerQualities.best}w | ||
| ${imageSrc}/border-layers/wreaths/${layerQualities.small}/${wreath[0]}.webp ${layerQualities.small}w, | ||
| ${imageSrc}/border-layers/wreaths/${layerQualities.normal}/${wreath[0]}.webp ${layerQualities.normal}w, | ||
| ${imageSrc}/border-layers/wreaths/${layerQualities.large}/${wreath[0]}.webp ${layerQualities.large}w, | ||
| ${imageSrc}/border-layers/wreaths/${layerQualities.xLarge}/${wreath[0]}.webp ${layerQualities.xLarge}w, | ||
| ${imageSrc}/border-layers/wreaths/${layerQualities.xxLarge}/${wreath[0]}.webp ${layerQualities.xxLarge}w, | ||
| ${imageSrc}/border-layers/wreaths/${layerQualities.xxxLarge}/${wreath[0]}.webp ${layerQualities.xxxLarge}w, | ||
| ${imageSrc}/border-layers/wreaths/${layerQualities.best}/${wreath[0]}.webp ${layerQualities.best}w | ||
| " | ||
@@ -745,9 +750,9 @@ sizes="${responsiveSrcsetSizes}" | ||
| srcset=" | ||
| ${guImagesUrl}/border-layers/wreaths/${layerQualities.small}/${wreath[0]}.png ${layerQualities.small}w, | ||
| ${guImagesUrl}/border-layers/wreaths/${layerQualities.normal}/${wreath[0]}.png ${layerQualities.normal}w, | ||
| ${guImagesUrl}/border-layers/wreaths/${layerQualities.large}/${wreath[0]}.png ${layerQualities.large}w, | ||
| ${guImagesUrl}/border-layers/wreaths/${layerQualities.xLarge}/${wreath[0]}.png ${layerQualities.xLarge}w, | ||
| ${guImagesUrl}/border-layers/wreaths/${layerQualities.xxLarge}/${wreath[0]}.png ${layerQualities.xxLarge}w, | ||
| ${guImagesUrl}/border-layers/wreaths/${layerQualities.xxxLarge}/${wreath[0]}.png ${layerQualities.xxxLarge}w, | ||
| ${guImagesUrl}/border-layers/wreaths/${layerQualities.best}/${wreath[0]}.png ${layerQualities.best}w | ||
| ${imageSrc}/border-layers/wreaths/${layerQualities.small}/${wreath[0]}.png ${layerQualities.small}w, | ||
| ${imageSrc}/border-layers/wreaths/${layerQualities.normal}/${wreath[0]}.png ${layerQualities.normal}w, | ||
| ${imageSrc}/border-layers/wreaths/${layerQualities.large}/${wreath[0]}.png ${layerQualities.large}w, | ||
| ${imageSrc}/border-layers/wreaths/${layerQualities.xLarge}/${wreath[0]}.png ${layerQualities.xLarge}w, | ||
| ${imageSrc}/border-layers/wreaths/${layerQualities.xxLarge}/${wreath[0]}.png ${layerQualities.xxLarge}w, | ||
| ${imageSrc}/border-layers/wreaths/${layerQualities.xxxLarge}/${wreath[0]}.png ${layerQualities.xxxLarge}w, | ||
| ${imageSrc}/border-layers/wreaths/${layerQualities.best}/${wreath[0]}.png ${layerQualities.best}w | ||
| " | ||
@@ -759,3 +764,3 @@ sizes="${responsiveSrcsetSizes}" | ||
| srcset=" | ||
| ${guImagesUrl}/border-layers/wreaths/${layerQualities.small}/${wreath[0]}.png | ||
| ${imageSrc}/border-layers/wreaths/${layerQualities.small}/${wreath[0]}.png | ||
| " | ||
@@ -772,4 +777,4 @@ class="card__wreathLayer__img" | ||
| srcset=" | ||
| ${guImagesUrl}/border-layers/locks/${lockQualities.normal}/${lock[0]}.webp ${lockQualities.normal}w, | ||
| ${guImagesUrl}/border-layers/locks/${lockQualities.large}/${lock[0]}.webp ${lockQualities.large}w, | ||
| ${imageSrc}/border-layers/locks/${lockQualities.normal}/${lock[0]}.webp ${lockQualities.normal}w, | ||
| ${imageSrc}/border-layers/locks/${lockQualities.large}/${lock[0]}.webp ${lockQualities.large}w, | ||
| " | ||
@@ -781,4 +786,4 @@ type="image/webp" | ||
| srcset=" | ||
| ${guImagesUrl}/border-layers/locks/${lockQualities.normal}/${lock[0]}.png ${lockQualities.normal}w, | ||
| ${guImagesUrl}/border-layers/locks/${lockQualities.large}/${lock[0]}.png ${lockQualities.large}w, | ||
| ${imageSrc}/border-layers/locks/${lockQualities.normal}/${lock[0]}.png ${lockQualities.normal}w, | ||
| ${imageSrc}/border-layers/locks/${lockQualities.large}/${lock[0]}.png ${lockQualities.large}w, | ||
| " | ||
@@ -790,3 +795,3 @@ type="image/png" | ||
| srcset=" | ||
| ${guImagesUrl}/border-layers/locks/${lock[0]}.png | ||
| ${imageSrc}/border-layers/locks/${lock[0]}.png | ||
| " | ||
@@ -803,6 +808,6 @@ class="card__lockIconLayer__img" | ||
| srcset=" | ||
| ${guImagesUrl}/border-layers/tribe_bars/${layerQualities.small}/${tribe[0]}.webp ${layerQualities.small}w, | ||
| ${guImagesUrl}/border-layers/tribe_bars/${layerQualities.normal}/${tribe[0]}.webp ${layerQualities.normal}w, | ||
| ${guImagesUrl}/border-layers/tribe_bars/${layerQualities.large}/${tribe[0]}.webp ${layerQualities.large}w, | ||
| ${guImagesUrl}/border-layers/tribe_bars/${layerQualities.xLarge}/${tribe[0]}.webp ${layerQualities.xLarge}w, | ||
| ${imageSrc}/border-layers/tribe_bars/${layerQualities.small}/${tribe[0]}.webp ${layerQualities.small}w, | ||
| ${imageSrc}/border-layers/tribe_bars/${layerQualities.normal}/${tribe[0]}.webp ${layerQualities.normal}w, | ||
| ${imageSrc}/border-layers/tribe_bars/${layerQualities.large}/${tribe[0]}.webp ${layerQualities.large}w, | ||
| ${imageSrc}/border-layers/tribe_bars/${layerQualities.xLarge}/${tribe[0]}.webp ${layerQualities.xLarge}w, | ||
| " | ||
@@ -814,6 +819,6 @@ sizes="${responsiveSrcsetSizes}" | ||
| srcset=" | ||
| ${guImagesUrl}/border-layers/tribe_bars/${layerQualities.small}/${tribe[0]}.png ${layerQualities.small}w, | ||
| ${guImagesUrl}/border-layers/tribe_bars/${layerQualities.normal}/${tribe[0]}.png ${layerQualities.normal}w, | ||
| ${guImagesUrl}/border-layers/tribe_bars/${layerQualities.large}/${tribe[0]}.png ${layerQualities.large}w, | ||
| ${guImagesUrl}/border-layers/tribe_bars/${layerQualities.xLarge}/${tribe[0]}.png ${layerQualities.xLarge}w, | ||
| ${imageSrc}/border-layers/tribe_bars/${layerQualities.small}/${tribe[0]}.png ${layerQualities.small}w, | ||
| ${imageSrc}/border-layers/tribe_bars/${layerQualities.normal}/${tribe[0]}.png ${layerQualities.normal}w, | ||
| ${imageSrc}/border-layers/tribe_bars/${layerQualities.large}/${tribe[0]}.png ${layerQualities.large}w, | ||
| ${imageSrc}/border-layers/tribe_bars/${layerQualities.xLarge}/${tribe[0]}.png ${layerQualities.xLarge}w, | ||
| " | ||
@@ -826,3 +831,3 @@ sizes="${responsiveSrcsetSizes}" | ||
| srcset=" | ||
| ${guImagesUrl}/border-layers/tribe_bars/${layerQualities.best}/${tribe[0]}.png | ||
| ${imageSrc}/border-layers/tribe_bars/${layerQualities.best}/${tribe[0]}.png | ||
| " | ||
@@ -829,0 +834,0 @@ class="card__tribeBarLayer__img" |
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
- Lines of code
- increased by0.15%
5365
Worsened metrics
- Total package byte prevSize
- decreased by-0.03%
1089206
No dependency changes