Skip to content
Open
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
20 changes: 17 additions & 3 deletions src/helpers/ComponentViewerHelper.php
Original file line number Diff line number Diff line change
Expand Up @@ -130,16 +130,30 @@ public static function getComponent($componentId = '', $variant = null): array
$componentConfigPath = $componentMap[$componentId];
$twigString = file_get_contents($componentConfigPath);
$componentConfig = Json::decode(file_get_contents(self::getComponentConfigPath($componentConfigPath)));
$context = self::getComponentContext($componentId, $variant);

// Override the default context with the variant context
if ($context) {
$componentConfig['context'] = $context;
}

try {
$rendered = Craft::$app->view->renderString($twigString, self::getComponentContext($componentId, $variant));
$rendered = Craft::$app->view->renderString($twigString, $context);
} catch (\Exception $e) {
$rendered = $e->getMessage();
}

try {
$readme = file_get_contents(self::getComponentReadmePath($componentId, $componentConfigPath));
} catch (\Exception) {
$readme = 'Tags: {{ tags|join(",") }}<br /><h2> {{ title }}: {{ handle }}</h2><pre><code class="language-twig">&#123;&#37; include "@{{ handle }}" with {{ jsonPrettyPrint(context) }} &#37;&#125;</code></pre>';
$readme = 'Tags: {{ tags|join(",") }}<br /><h2> {{ title }}: {{ handle }}</h2><pre><code class="language-twig">&#123;&#37; include \'@{{ handle }}\'';

// Only show `with { … }` in the include example if context exists
if ($context) {
$readme = $readme . ' with {{ context|json_encode(constant(\'JSON_PRETTY_PRINT\')) }}';
}

$readme = $readme . ' &#37;&#125;</code></pre>';
}
try {
$parser = new Markdown();
Expand All @@ -151,7 +165,7 @@ public static function getComponent($componentId = '', $variant = null): array

return [
'config' => $componentConfig,
'context' => self::getComponentContext($componentId, $variant),
'context' => $context,
'readme' => $readme,
'twig' => $twigString,
'rendered' => $rendered,
Expand Down
4 changes: 2 additions & 2 deletions src/templates/_components/atoms/btn/btn.twig
Original file line number Diff line number Diff line change
Expand Up @@ -12,10 +12,10 @@
{% endif %}
{% if href is defined and href is not null %}
<a data-component="atom:btn" href="{{ href }}" class="{{ variation is defined ? 'btn-' ~ variation : 'btn-primary' }}{{ customClasses is defined ? ' ' ~ customClasses }}"{{ disabled is defined
? ' disabled' }} {{ attrs is defined ? attrs|arrayToAttributes|raw }}>
? ' disabled' }} {{ attrs is defined ? attr(attrs) }}>
{% else %}
<button data-component="atom:btn" class="{{ variation is defined ? 'btn-' ~ variation : 'btn-primary' }}{{ customClasses is defined ? ' ' ~ customClasses }}" type="{{ type is defined ?
type : "button" }}"{{ disabled is defined ? ' disabled' }} {{ attrs is defined ? attrs|arrayToAttributes|raw }}>
type : "button" }}"{{ disabled is defined ? ' disabled' }} {{ attrs is defined ? attr(attrs) }}>
{% endif %}
{% if iconLeft is defined and iconLeft != null %}
<span class="btn-icon-left">
Expand Down
2 changes: 1 addition & 1 deletion src/templates/_components/atoms/burger-btn/burger-btn.twig
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
<button
aria-label="Open menu"
data-component="atom:burger-btn"
class="burger-btn w-24 h-24{{ customClasses is defined ? ' ' ~ customClasses }}" {{ attrs is defined ? attrs|arrayToAttributes|raw }}>
class="burger-btn w-24 h-24{{ customClasses is defined ? ' ' ~ customClasses }}" {{ attrs is defined ? attr(attrs) }}>
<svg width="16" height="14" viewBox="0 0 16 14" xmlns="http://www.w3.org/2000/svg">
<g>
<rect width="16" height="2" fill="currentColor"></rect>
Expand Down
2 changes: 1 addition & 1 deletion src/templates/_components/atoms/chip/chip.twig
Original file line number Diff line number Diff line change
Expand Up @@ -14,7 +14,7 @@
h-28
flex-shrink-0
{{ customClasses is defined ? ' ' ~ customClasses }}"
{{ attrs is defined ? attrs|arrayToAttributes|raw }}
{{ attrs is defined ? attr(attrs) }}
>
{% include '@svg:icon-24-cross' with {
"customClasses": "block mr-4 h-12 w-12 pointer-events-none pointer-events-none",
Expand Down
Original file line number Diff line number Diff line change
@@ -1,3 +1,3 @@
<svg width="24" height="24" viewBox="0 0 24 24" fill="" xmlns="http://www.w3.org/2000/svg" class="{{ customClasses is defined ? customClasses }}" {{ attrs is defined ? attrs|arrayToAttributes|raw }}>
<svg width="24" height="24" viewBox="0 0 24 24" fill="" xmlns="http://www.w3.org/2000/svg" class="{{ customClasses is defined ? customClasses }}" {{ attrs is defined ? attr(attrs) }}>
<path d="M17.59 12.796L13.792 16.468L14.674 17.35L19.858 12.166L14.674 6.99998L13.81 7.88199L17.59 11.536H4V12.796H17.59Z" fill="currentColor" style="transform: rotate(180deg); transform-origin: center;"/>
</svg>
Original file line number Diff line number Diff line change
@@ -1,3 +1,3 @@
<svg data-icon="icon-24-arrow-right" width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" class="{{ customClasses is defined ? customClasses }}" {{ attrs is defined ? attrs|arrayToAttributes|raw }}>
<svg data-icon="icon-24-arrow-right" width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" class="{{ customClasses is defined ? customClasses }}" {{ attrs is defined ? attr(attrs) }}>
<path d="M17.59 12.796L13.792 16.468L14.674 17.35L19.858 12.166L14.674 6.99998L13.81 7.88199L17.59 11.536H4V12.796H17.59Z" fill="currentColor"/>
</svg>
Original file line number Diff line number Diff line change
@@ -1,3 +1,3 @@
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="{{ customClasses is defined ? customClasses }}" {{ attrs is defined ? attrs|arrayToAttributes|raw }}>
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="{{ customClasses is defined ? customClasses }}" {{ attrs is defined ? attr(attrs) }}>
<path d="M16.516 8.61l-.09 5.282h1.248V6.561l-7.319.013.013 1.234 5.257-.089-9.61 9.61.891.89 9.61-9.609z" fill="currentColor"/>
</svg>
2 changes: 1 addition & 1 deletion src/templates/_components/atoms/icons/icon-24-burger.twig
Original file line number Diff line number Diff line change
@@ -1,4 +1,4 @@
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="{{ customClasses is defined ? customClasses }}" {{ attrs is defined ? attrs|arrayToAttributes|raw }}>
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="{{ customClasses is defined ? customClasses }}" {{ attrs is defined ? attr(attrs) }}>
<rect x="4" y="5" width="16" height="1.5" fill="currentColor"/>
<rect x="4" y="11.25" width="16" height="1.5" fill="currentColor"/>
<rect x="4" y="17.5" width="16" height="1.5" fill="currentColor"/>
Expand Down
Original file line number Diff line number Diff line change
@@ -1,4 +1,4 @@
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="{{ customClasses is defined ? customClasses }}" {{ attrs is defined ? attrs|arrayToAttributes|raw }}>
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="{{ customClasses is defined ? customClasses }}" {{ attrs is defined ? attr(attrs) }}>
<rect x="10.8683" y="15.0052" width="10" height="1.5" transform="rotate(-45 10.8683 15.0052)" fill="currentColor"/>
<rect width="10" height="1.5" transform="matrix(0.707107 0.707107 0.707107 -0.707107 4.80241 8.9948)" fill="currentColor"/>
</svg>
Original file line number Diff line number Diff line change
@@ -1,4 +1,4 @@
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="{{ customClasses is defined ? customClasses }}" {{ attrs is defined ? attrs|arrayToAttributes|raw }}>
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="{{ customClasses is defined ? customClasses }}" {{ attrs is defined ? attr(attrs) }}>
<path fill="currentColor" d="M8.995 10.868l7.071 7.071L15.006 19l-7.072-7.071z"/>
<path fill="currentColor" d="M15.005 4.802l-7.07 7.072 1.06 1.06 7.07-7.07z"/>
</svg>
Original file line number Diff line number Diff line change
@@ -1,4 +1,4 @@
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="{{ customClasses is defined ? customClasses }}" {{ attrs is defined ? attrs|arrayToAttributes|raw }}>
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="{{ customClasses is defined ? customClasses }}" {{ attrs is defined ? attr(attrs) }}>
<rect x="15.0052" y="13.1317" width="10" height="1.5" transform="rotate(-135 15.0052 13.1317)" fill="currentColor"/>
<rect width="10" height="1.5" transform="matrix(0.707107 -0.707107 -0.707107 -0.707107 8.9948 19.1976)" fill="currentColor"/>
</svg>
2 changes: 1 addition & 1 deletion src/templates/_components/atoms/icons/icon-24-cross.twig
Original file line number Diff line number Diff line change
@@ -1,4 +1,4 @@
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="{{ customClasses is defined ? customClasses }}" {{ attrs is defined ? attrs|arrayToAttributes|raw }}>
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="{{ customClasses is defined ? customClasses }}" {{ attrs is defined ? attr(attrs) }}>
<rect x="5.28249" y="4.57538" width="20" height="1.5" transform="rotate(45 5.28249 4.57538)" fill="currentColor"/>
<rect width="20" height="1.5" transform="matrix(-0.707107 0.707107 0.707107 0.707107 18.7175 4.57538)" fill="currentColor"/>
</svg>
Original file line number Diff line number Diff line change
@@ -1,3 +1,3 @@
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="{{ customClasses is defined ? customClasses }}" {{ attrs is defined ? attrs|arrayToAttributes|raw }}>
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="{{ customClasses is defined ? customClasses }}" {{ attrs is defined ? attr(attrs) }}>
<path d="M22 12.0608C22 6.53829 17.5225 2.06079 12 2.06079C6.4775 2.06079 2 6.53829 2 12.0608C2 17.0525 5.65667 21.1891 10.4375 21.9391V14.9516H7.89833V12.06H10.4375V9.85829C10.4375 7.35246 11.9308 5.96746 14.215 5.96746C15.3083 5.96746 16.4533 6.16329 16.4533 6.16329V8.62413H15.1917C13.9492 8.62413 13.5617 9.39496 13.5617 10.1858V12.0608H16.335L15.8917 14.9525H13.5617V21.94C18.3433 21.1891 22 17.0516 22 12.0608Z" fill="currentColor"/>
</svg>
2 changes: 1 addition & 1 deletion src/templates/_components/atoms/icons/icon-24-link.twig
Original file line number Diff line number Diff line change
@@ -1,4 +1,4 @@
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="{{ customClasses is defined ? customClasses }}" {{ attrs is defined ? attrs|arrayToAttributes|raw }}>
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="{{ customClasses is defined ? customClasses }}" {{ attrs is defined ? attr(attrs) }}>
<path d="M16.2426 14.8284L17.6569 13.4142C19.6095 11.4616 19.6095 8.29577 17.6569 6.34315V6.34315C15.7042 4.39053 12.5384 4.39053 10.5858 6.34315L9.17157 7.75736M14.8284 16.2426L13.4142 17.6569C11.4616 19.6095 8.29577 19.6095 6.34315 17.6569V17.6569C4.39052 15.7042 4.39052 12.5384 6.34315 10.5858L7.75736 9.17157" stroke="currentColor" stroke-width="1.5"/>
<path d="M14.8284 9.17157L9.17157 14.8284" stroke="currentColor" stroke-width="1.5"/>
</svg>
2 changes: 1 addition & 1 deletion src/templates/_components/atoms/icons/icon-24-search.twig
Original file line number Diff line number Diff line change
@@ -1,4 +1,4 @@
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="{{ customClasses is defined ? customClasses }}" {{ attrs is defined ? attrs|arrayToAttributes|raw }}>
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="{{ customClasses is defined ? customClasses }}" {{ attrs is defined ? attr(attrs) }}>
<path d="M9.75 15.75C6.71243 15.75 4.25 13.2876 4.25 10.25C4.25 7.21243 6.71243 4.75 9.75 4.75C12.7876 4.75 15.25 7.21243 15.25 10.25C15.25 13.2876 12.7876 15.75 9.75 15.75Z" stroke="currentColor" stroke-width="1.5"/>
<path d="M18.5 19.5L13.5 14.5" stroke="currentColor" stroke-width="1.5"/>
</svg>
Original file line number Diff line number Diff line change
@@ -1,4 +1,4 @@
<svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24" width="24" height="24" class="{{ customClasses is defined ? customClasses }}" {{ attrs is defined ? attrs|arrayToAttributes|raw }}>
<svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24" width="24" height="24" class="{{ customClasses is defined ? customClasses }}" {{ attrs is defined ? attr(attrs) }}>
<path fill="none" d="M0 0h24v24H0z"/>
<path d="M9.4 16H3a2 2 0 0 1-2-2v-2.104a2 2 0 0 1 .15-.762L4.246 3.62A1 1 0 0 1 5.17 3H22a1 1 0 0 1 1 1v10a1 1 0 0 1-1 1h-3.482a1 1 0 0 0-.817.423l-5.453 7.726a.5.5 0 0 1-.632.159L9.802 22.4a2.5 2.5 0 0 1-1.305-2.853L9.4 16zm7.6-2.588V5H5.84L3 11.896V14h6.4a2 2 0 0 1 1.938 2.493l-.903 3.548a.5.5 0 0 0 .261.571l.661.33 4.71-6.672c.25-.354.57-.644.933-.858zM19 13h2V5h-2v8z"/>
</svg>
Original file line number Diff line number Diff line change
@@ -1,4 +1,4 @@
<svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24" width="24" height="24" class="{{ customClasses is defined ? customClasses }}" {{ attrs is defined ? attrs|arrayToAttributes|raw }}>
<svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24" width="24" height="24" class="{{ customClasses is defined ? customClasses }}" {{ attrs is defined ? attr(attrs) }}>
<path fill="none" d="M0 0h24v24H0z"/>
<path d="M14.6 8H21a2 2 0 0 1 2 2v2.104a2 2 0 0 1-.15.762l-3.095 7.515a1 1 0 0 1-.925.619H2a1 1 0 0 1-1-1V10a1 1 0 0 1 1-1h3.482a1 1 0 0 0 .817-.423L11.752.85a.5.5 0 0 1 .632-.159l1.814.907a2.5 2.5 0 0 1 1.305 2.853L14.6 8zM7 10.588V19h11.16L21 12.104V10h-6.4a2 2 0 0 1-1.938-2.493l.903-3.548a.5.5 0 0 0-.261-.571l-.661-.33-4.71 6.672c-.25.354-.57.644-.933.858zM5 11H3v8h2v-8z"/>
</svg>
2 changes: 1 addition & 1 deletion src/templates/_components/atoms/icons/icon-24-tick.twig
Original file line number Diff line number Diff line change
@@ -1,3 +1,3 @@
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="{{ customClasses is defined ? customClasses }}" {{ attrs is defined ? attrs|arrayToAttributes|raw }}>
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="{{ customClasses is defined ? customClasses }}" {{ attrs is defined ? attr(attrs) }}>
<path d="M20.6569 6.15685L9.34315 17.4706L3.68629 11.8137" stroke="currentColor" stroke-width="1.5"/>
</svg>
2 changes: 1 addition & 1 deletion src/templates/_components/atoms/icons/icon-24-twitter.twig
Original file line number Diff line number Diff line change
@@ -1,3 +1,3 @@
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="{{ customClasses is defined ? customClasses }}" {{ attrs is defined ? attrs|arrayToAttributes|raw }}>
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="{{ customClasses is defined ? customClasses }}" {{ attrs is defined ? attr(attrs) }}>
<path d="M21.9608 5.80832C21.2121 6.138 20.4188 6.35561 19.6067 6.45416C20.4618 5.9402 21.102 5.1342 21.4092 4.18499C20.6167 4.64749 19.7383 4.98416 18.8033 5.17166C18.1865 4.51202 17.3691 4.07451 16.478 3.92708C15.587 3.77964 14.6722 3.93053 13.8758 4.35632C13.0793 4.7821 12.4457 5.45895 12.0734 6.28176C11.701 7.10457 11.6108 8.0273 11.8167 8.90666C8.40833 8.74582 5.38917 7.10832 3.36667 4.63499C2.99899 5.25984 2.80722 5.97251 2.81167 6.69749C2.81167 8.12249 3.53667 9.37499 4.635 10.1108C3.98405 10.0901 3.34748 9.9141 2.77833 9.59749V9.64749C2.77796 10.5945 3.10522 11.5124 3.70459 12.2456C4.30395 12.9788 5.13851 13.4821 6.06667 13.67C5.46525 13.8311 4.83534 13.8553 4.22333 13.7408C4.48677 14.5558 4.99805 15.2683 5.68585 15.7787C6.37364 16.2892 7.20363 16.5722 8.06 16.5883C6.60961 17.7266 4.81873 18.3444 2.975 18.3425C2.65 18.3425 2.32583 18.3233 2 18.2867C3.87976 19.4903 6.06543 20.1292 8.2975 20.1275C15.8417 20.1275 19.9625 13.8808 19.9625 8.47332C19.9625 8.29832 19.9625 8.12332 19.95 7.94832C20.755 7.36904 21.4494 6.64984 22 5.82499L21.9608 5.80832Z" fill="currentColor"/>
</svg>
2 changes: 1 addition & 1 deletion src/templates/_components/atoms/icons/icon-24-user-2.twig
Original file line number Diff line number Diff line change
@@ -1,4 +1,4 @@
<svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24" width="24" height="24" class="{{ customClasses is defined ? customClasses }}" {{ attrs is defined ? attrs|arrayToAttributes|raw }}>
<svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24" width="24" height="24" class="{{ customClasses is defined ? customClasses }}" {{ attrs is defined ? attr(attrs) }}>
<path fill="none" d="M0 0h24v24H0z"/>
<path d="M4 22a8 8 0 1 1 16 0h-2a6 6 0 1 0-12 0H4zm8-9c-3.315 0-6-2.685-6-6s2.685-6 6-6 6 2.685 6 6-2.685 6-6 6zm0-2c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4z"/>
</svg>
2 changes: 1 addition & 1 deletion src/templates/_components/atoms/icons/icon-24-user.twig
Original file line number Diff line number Diff line change
@@ -1,4 +1,4 @@
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="{{ customClasses is defined ? customClasses }}" {{ attrs is defined ? attrs|arrayToAttributes|raw }}>
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="{{ customClasses is defined ? customClasses }}" {{ attrs is defined ? attr(attrs) }}>
<circle cx="12" cy="7.5" r="3.5" stroke="currentColor" stroke-width="1.5"/>
<path d="M19 21C19 20.6605 18.9758 20.3266 18.9291 20C18.4439 16.6077 15.5265 14 12 14C8.47353 14 5.55612 16.6077 5.07089 20C5.02417 20.3266 5 20.6605 5 21" stroke="currentColor" stroke-width="1.5"/>
</svg>
Original file line number Diff line number Diff line change
@@ -1,3 +1,3 @@
<svg width="12" height="14" viewBox="0 0 12 14" fill="none" xmlns="http://www.w3.org/2000/svg" class="{{ customClasses is defined ? customClasses }}" {{ attrs is defined ? attrs|arrayToAttributes|raw }}>
<svg width="12" height="14" viewBox="0 0 12 14" fill="none" xmlns="http://www.w3.org/2000/svg" class="{{ customClasses is defined ? customClasses }}" {{ attrs is defined ? attr(attrs) }}>
<path d="M1.618 0.929999H0.785V11.521H8.996V13.051L11.546 11.13L8.996 9.209V10.739H1.618V0.929999Z" fill="currentColor"/>
</svg>
4 changes: 2 additions & 2 deletions src/templates/_components/atoms/icons/icon-play.twig
Original file line number Diff line number Diff line change
@@ -1,5 +1,5 @@
<span class="icon-play-wrapper {{ wrapperCustomClasses is defined ? wrapperCustomClasses }}">
<svg width="16" height="20" viewBox="0 0 20 26" fill="none" xmlns="http://www.w3.org/2000/svg" class="{{ customClasses is defined ? customClasses }}" {{ attrs is defined ? attrs|arrayToAttributes|raw }}>
<svg width="16" height="20" viewBox="0 0 20 26" fill="none" xmlns="http://www.w3.org/2000/svg" class="{{ customClasses is defined ? customClasses }}" {{ attrs is defined ? attr(attrs) }}>
<path d="M-8.18444e-05 2.55344L-8.3671e-05 23.4465C-8.37808e-05 24.7032 1.38224 25.4694 2.44791 24.8033L19.1624 14.3568C20.165 13.7301 20.165 12.2699 19.1624 11.6432L2.44792 1.19665C1.38224 0.530598 -8.17346e-05 1.29675 -8.18444e-05 2.55344Z" fill="white"/>
</svg>
</span>
</span>
Loading