@nectary/assets 3.0.0 → 3.0.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/animations/create-animation-class.js +1 -1
- package/bundle.js +319 -319
- package/icons-branded/5g-readiness/index.js +1 -1
- package/icons-branded/abcd/index.js +1 -1
- package/icons-branded/ai/index.js +1 -1
- package/icons-branded/airplane/index.js +1 -1
- package/icons-branded/announcement/index.js +1 -1
- package/icons-branded/barchart-down/index.js +1 -1
- package/icons-branded/barchart-up/index.js +1 -1
- package/icons-branded/bell/index.js +1 -1
- package/icons-branded/bell-notification/index.js +1 -1
- package/icons-branded/bell-off/index.js +1 -1
- package/icons-branded/billing/index.js +1 -1
- package/icons-branded/boat/index.js +1 -1
- package/icons-branded/book/index.js +1 -1
- package/icons-branded/calendar/index.js +1 -1
- package/icons-branded/call/index.js +1 -1
- package/icons-branded/call-and-verified/index.js +1 -1
- package/icons-branded/calling-api/index.js +1 -1
- package/icons-branded/campaigns/index.js +1 -1
- package/icons-branded/car/index.js +1 -1
- package/icons-branded/channels/index.js +1 -1
- package/icons-branded/chat/index.js +1 -1
- package/icons-branded/chat-message/index.js +1 -1
- package/icons-branded/chatbot/index.js +1 -1
- package/icons-branded/chatlayert/index.js +1 -1
- package/icons-branded/cloud/index.js +1 -1
- package/icons-branded/connection/index.js +1 -1
- package/icons-branded/contact/index.js +1 -1
- package/icons-branded/contact-center/index.js +1 -1
- package/icons-branded/contact-pro/index.js +1 -1
- package/icons-branded/cookies/index.js +1 -1
- package/icons-branded/create-icon-class.js +1 -1
- package/icons-branded/credit-card/index.js +1 -1
- package/icons-branded/custom/index.js +1 -1
- package/icons-branded/custom-message/index.js +1 -1
- package/icons-branded/customer-satisfaction-smiley/index.js +1 -1
- package/icons-branded/database/index.js +1 -1
- package/icons-branded/decision/index.js +1 -1
- package/icons-branded/developer/index.js +1 -1
- package/icons-branded/direction/index.js +1 -1
- package/icons-branded/easytouse/index.js +1 -1
- package/icons-branded/edit/index.js +1 -1
- package/icons-branded/finance/index.js +1 -1
- package/icons-branded/flow/index.js +1 -1
- package/icons-branded/flow-chart/index.js +1 -1
- package/icons-branded/global/index.js +1 -1
- package/icons-branded/global-settings/index.js +1 -1
- package/icons-branded/gym/index.js +1 -1
- package/icons-branded/handshaking/index.js +1 -1
- package/icons-branded/health-insurance/index.js +1 -1
- package/icons-branded/healthcare/index.js +1 -1
- package/icons-branded/help/index.js +1 -1
- package/icons-branded/home/index.js +1 -1
- package/icons-branded/idea/index.js +1 -1
- package/icons-branded/integration/index.js +1 -1
- package/icons-branded/intelligent-revenue-maximisation/index.js +1 -1
- package/icons-branded/laptop/index.js +1 -1
- package/icons-branded/layout/index.js +1 -1
- package/icons-branded/line-chart-down/index.js +1 -1
- package/icons-branded/line-chart-up/index.js +1 -1
- package/icons-branded/lock/index.js +1 -1
- package/icons-branded/logistic/index.js +1 -1
- package/icons-branded/long-message/index.js +1 -1
- package/icons-branded/loop/index.js +1 -1
- package/icons-branded/low-cost/index.js +1 -1
- package/icons-branded/make-it-happen/index.js +1 -1
- package/icons-branded/make-money/index.js +1 -1
- package/icons-branded/massage/index.js +1 -1
- package/icons-branded/media/index.js +1 -1
- package/icons-branded/message/index.js +1 -1
- package/icons-branded/message-questions/index.js +1 -1
- package/icons-branded/messaging/index.js +1 -1
- package/icons-branded/mic/index.js +1 -1
- package/icons-branded/mms/index.js +1 -1
- package/icons-branded/mobile/index.js +1 -1
- package/icons-branded/mobile-intergration/index.js +1 -1
- package/icons-branded/mobile-numbers/index.js +1 -1
- package/icons-branded/money/index.js +1 -1
- package/icons-branded/multiple-channels/index.js +1 -1
- package/icons-branded/music/index.js +1 -1
- package/icons-branded/mute/index.js +1 -1
- package/icons-branded/news/index.js +1 -1
- package/icons-branded/numbers/index.js +1 -1
- package/icons-branded/office/index.js +1 -1
- package/icons-branded/office-activities/index.js +1 -1
- package/icons-branded/opened-message/index.js +1 -1
- package/icons-branded/operators/index.js +1 -1
- package/icons-branded/package/index.js +1 -1
- package/icons-branded/path/index.js +1 -1
- package/icons-branded/perso-message/index.js +1 -1
- package/icons-branded/pie-chart/index.js +1 -1
- package/icons-branded/piggybank/index.js +1 -1
- package/icons-branded/pin/index.js +1 -1
- package/icons-branded/price-tag/index.js +1 -1
- package/icons-branded/protection/index.js +1 -1
- package/icons-branded/purpose/index.js +1 -1
- package/icons-branded/push/index.js +1 -1
- package/icons-branded/puzzle/index.js +1 -1
- package/icons-branded/queue/index.js +1 -1
- package/icons-branded/rcs/index.js +1 -1
- package/icons-branded/retail/index.js +1 -1
- package/icons-branded/rich-content/index.js +1 -1
- package/icons-branded/rocket/index.js +1 -1
- package/icons-branded/roi/index.js +1 -1
- package/icons-branded/search/index.js +1 -1
- package/icons-branded/send/index.js +1 -1
- package/icons-branded/settings/index.js +1 -1
- package/icons-branded/shopping-cart/index.js +1 -1
- package/icons-branded/sms/index.js +1 -1
- package/icons-branded/support/index.js +1 -1
- package/icons-branded/system-settings/index.js +1 -1
- package/icons-branded/telemast/index.js +1 -1
- package/icons-branded/thumbs-down/index.js +1 -1
- package/icons-branded/thumbs-up/index.js +1 -1
- package/icons-branded/time/index.js +1 -1
- package/icons-branded/tutorial/index.js +1 -1
- package/icons-branded/user/index.js +1 -1
- package/icons-branded/users/index.js +1 -1
- package/icons-branded/verification-api/index.js +1 -1
- package/icons-branded/verified-phone/index.js +1 -1
- package/icons-branded/video-calling/index.js +1 -1
- package/icons-branded/video-off/index.js +1 -1
- package/icons-branded/video-on/index.js +1 -1
- package/icons-branded/voice-calling/index.js +1 -1
- package/icons-branded/voice-video-and-data/index.js +1 -1
- package/icons-branded/webhook/index.js +1 -1
- package/icons-branded/wheels/index.js +1 -1
- package/icons-branded/wi-fi/index.js +1 -1
- package/icons-channel/apple-business-chat/index.js +1 -1
- package/icons-channel/apple-business-chat-square/index.js +1 -1
- package/icons-channel/create-icon-class.js +1 -1
- package/icons-channel/facebook/index.js +1 -1
- package/icons-channel/facebook-messenger/index.js +1 -1
- package/icons-channel/facebook-messenger-square/index.js +1 -1
- package/icons-channel/facebook-square/index.js +1 -1
- package/icons-channel/google-business/index.js +1 -1
- package/icons-channel/google-business-square/index.js +1 -1
- package/icons-channel/instagram/index.js +1 -1
- package/icons-channel/instagram-square/index.js +1 -1
- package/icons-channel/line/index.js +1 -1
- package/icons-channel/line-square/index.js +1 -1
- package/icons-channel/mms-round/index.js +1 -1
- package/icons-channel/mms-square/index.js +1 -1
- package/icons-channel/notify/index.js +1 -1
- package/icons-channel/notify-square/index.js +1 -1
- package/icons-channel/push-round/index.js +1 -1
- package/icons-channel/push-square/index.js +1 -1
- package/icons-channel/rcs-round/index.js +1 -1
- package/icons-channel/rcs-square/index.js +1 -1
- package/icons-channel/sms-round/index.js +1 -1
- package/icons-channel/sms-square/index.js +1 -1
- package/icons-channel/talk/index.js +1 -1
- package/icons-channel/talk-square/index.js +1 -1
- package/icons-channel/telegram/index.js +1 -1
- package/icons-channel/telegram-square/index.js +1 -1
- package/icons-channel/twitter/index.js +1 -1
- package/icons-channel/twitter-square/index.js +1 -1
- package/icons-channel/viber/index.js +1 -1
- package/icons-channel/viber-square/index.js +1 -1
- package/icons-channel/webchat-round/index.js +1 -1
- package/icons-channel/webchat-square/index.js +1 -1
- package/icons-channel/wechat/index.js +1 -1
- package/icons-channel/wechat-square/index.js +1 -1
- package/icons-channel/whatsapp/index.js +1 -1
- package/icons-channel/whatsapp-square/index.js +1 -1
- package/illustrations/5g/index.js +1 -1
- package/illustrations/about-page/index.js +1 -1
- package/illustrations/bank/index.js +1 -1
- package/illustrations/boost/index.js +1 -1
- package/illustrations/buildvoicebot/index.js +1 -1
- package/illustrations/call-center/index.js +1 -1
- package/illustrations/cat/index.js +1 -1
- package/illustrations/cat-texting/index.js +1 -1
- package/illustrations/chat-bot/index.js +1 -1
- package/illustrations/check/index.js +1 -1
- package/illustrations/code/index.js +1 -1
- package/illustrations/contact-us/index.js +1 -1
- package/illustrations/contactus/index.js +1 -1
- package/illustrations/conversation-api/index.js +1 -1
- package/illustrations/cooking/index.js +1 -1
- package/illustrations/costumer-support/index.js +1 -1
- package/illustrations/create-illustration-class.js +1 -1
- package/illustrations/credit-card/index.js +1 -1
- package/illustrations/credit-card-30-degrees/index.js +1 -1
- package/illustrations/cute-bee/index.js +1 -1
- package/illustrations/decorative-flamingo/index.js +1 -1
- package/illustrations/decorative-rainbow/index.js +1 -1
- package/illustrations/delivery-service-package/index.js +1 -1
- package/illustrations/desktop/index.js +1 -1
- package/illustrations/document/index.js +1 -1
- package/illustrations/dream-big/index.js +1 -1
- package/illustrations/flower-hand/index.js +1 -1
- package/illustrations/football/index.js +1 -1
- package/illustrations/geometric-shapes-passing/index.js +1 -1
- package/illustrations/girl-on-phone/index.js +1 -1
- package/illustrations/global-reach/index.js +1 -1
- package/illustrations/hand-ok/index.js +1 -1
- package/illustrations/hands-laptop/index.js +1 -1
- package/illustrations/handset-omnichannel-messages/index.js +1 -1
- package/illustrations/happy-text/index.js +1 -1
- package/illustrations/headphones/index.js +1 -1
- package/illustrations/heart/index.js +1 -1
- package/illustrations/hero-messages/index.js +1 -1
- package/illustrations/hero-page/index.js +1 -1
- package/illustrations/jump/index.js +1 -1
- package/illustrations/laptop-holding/index.js +1 -1
- package/illustrations/laptop-sitting-verified/index.js +1 -1
- package/illustrations/lightbulb/index.js +1 -1
- package/illustrations/lightning/index.js +1 -1
- package/illustrations/lock/index.js +1 -1
- package/illustrations/lying-and-looking-at-the-phone/index.js +1 -1
- package/illustrations/magnifying-glass/index.js +1 -1
- package/illustrations/man-on-right/index.js +1 -1
- package/illustrations/meeting-scrum/index.js +1 -1
- package/illustrations/meeting-scrum-2/index.js +1 -1
- package/illustrations/megaphone/index.js +1 -1
- package/illustrations/menu/index.js +1 -1
- package/illustrations/message-passing/index.js +1 -1
- package/illustrations/message-recieved/index.js +1 -1
- package/illustrations/messages/index.js +1 -1
- package/illustrations/messages-on-yellow-bg/index.js +1 -1
- package/illustrations/messages-shopping/index.js +1 -1
- package/illustrations/monitor/index.js +1 -1
- package/illustrations/numbers-passing/index.js +1 -1
- package/illustrations/office-worker/index.js +1 -1
- package/illustrations/old-person-on-phone/index.js +1 -1
- package/illustrations/omnichannel-messaging/index.js +1 -1
- package/illustrations/on-a-cloud/index.js +1 -1
- package/illustrations/on-the-phone/index.js +1 -1
- package/illustrations/parcel-delivery/index.js +1 -1
- package/illustrations/passing-heart/index.js +1 -1
- package/illustrations/passing-heart-cool/index.js +1 -1
- package/illustrations/person-lightbulb-backpack/index.js +1 -1
- package/illustrations/person-on-phone/index.js +1 -1
- package/illustrations/person-on-walk/index.js +1 -1
- package/illustrations/person-with-dog/index.js +1 -1
- package/illustrations/person-with-phone/index.js +1 -1
- package/illustrations/phone-and-cat/index.js +1 -1
- package/illustrations/pineapple/index.js +1 -1
- package/illustrations/pizza/index.js +1 -1
- package/illustrations/plane/index.js +1 -1
- package/illustrations/presenting-charts/index.js +1 -1
- package/illustrations/product-page/index.js +1 -1
- package/illustrations/product-page-2/index.js +1 -1
- package/illustrations/scooter/index.js +1 -1
- package/illustrations/security/index.js +1 -1
- package/illustrations/security-camera/index.js +1 -1
- package/illustrations/sherlockholmes/index.js +1 -1
- package/illustrations/shoe/index.js +1 -1
- package/illustrations/shopping/index.js +1 -1
- package/illustrations/shopping-cart/index.js +1 -1
- package/illustrations/sick-kid/index.js +1 -1
- package/illustrations/sitting-messaging/index.js +1 -1
- package/illustrations/sitting-person/index.js +1 -1
- package/illustrations/sitting-person-2/index.js +1 -1
- package/illustrations/sofa/index.js +1 -1
- package/illustrations/stats/index.js +1 -1
- package/illustrations/support-center/index.js +1 -1
- package/illustrations/supporting-device/index.js +1 -1
- package/illustrations/supporting-device-2/index.js +1 -1
- package/illustrations/supporting-device-3/index.js +1 -1
- package/illustrations/supporting-device-4/index.js +1 -1
- package/illustrations/surf/index.js +1 -1
- package/illustrations/taxi/index.js +1 -1
- package/illustrations/taxi-2/index.js +1 -1
- package/illustrations/teamwork-from-phone/index.js +1 -1
- package/illustrations/telemast/index.js +1 -1
- package/illustrations/texting-sitting/index.js +1 -1
- package/illustrations/texting-sofa/index.js +1 -1
- package/illustrations/train/index.js +1 -1
- package/illustrations/video-voice-call/index.js +1 -1
- package/illustrations/voicebot/index.js +1 -1
- package/illustrations/walking-on-phone/index.js +1 -1
- package/illustrations/what-tools/index.js +1 -1
- package/illustrations/win-together/index.js +1 -1
- package/illustrations/win-together-two-people/index.js +1 -1
- package/illustrations/wizard/index.js +1 -1
- package/illustrations/woman-hand-lifted/index.js +1 -1
- package/illustrations/woman-on-left/index.js +1 -1
- package/illustrations/woman-on-right/index.js +1 -1
- package/logo/campaigns-icon/index.js +1 -1
- package/logo/campaigns-icon-wordmark/index.js +1 -1
- package/logo/chatlayer-icon/index.js +1 -1
- package/logo/chatlayer-icon-wordmark/index.js +1 -1
- package/logo/contact-pro-icon/index.js +1 -1
- package/logo/contact-pro-icon-wordmark/index.js +1 -1
- package/logo/create-logo-class.js +1 -1
- package/logo/email-on-acid-icon/index.js +1 -1
- package/logo/email-on-acid-icon-wordmark/index.js +1 -1
- package/logo/engage-icon/index.js +1 -1
- package/logo/engage-icon-wordmark/index.js +1 -1
- package/logo/mailgun-icon/index.js +1 -1
- package/logo/mailgun-icon-wordmark/index.js +1 -1
- package/logo/mailjet-icon/index.js +1 -1
- package/logo/mailjet-icon-wordmark/index.js +1 -1
- package/logo/message-media-icon/index.js +1 -1
- package/logo/message-media-icon-wordmark/index.js +1 -1
- package/logo/message-studio-icon/index.js +1 -1
- package/logo/message-studio-icon-wordmark/index.js +1 -1
- package/logo/nectary-icon/index.js +1 -1
- package/logo/nectary-icon-wordmark/index.js +1 -1
- package/logo/portal-build-icon/index.js +1 -1
- package/logo/portal-build-icon-wordmark/index.js +1 -1
- package/logo/portal-connect-icon/index.js +1 -1
- package/logo/portal-connect-icon-wordmark/index.js +1 -1
- package/logo/portal-engage-icon/index.js +1 -1
- package/logo/portal-engage-icon-wordmark/index.js +1 -1
- package/logo/portal-mailgun-icon/index.js +1 -1
- package/logo/portal-mailgun-icon-wordmark/index.js +1 -1
- package/logo/portal-mailjet-icon/index.js +1 -1
- package/logo/portal-mailjet-icon-wordmark/index.js +1 -1
- package/logo/portal-message-media-icon/index.js +1 -1
- package/logo/portal-message-media-icon-wordmark/index.js +1 -1
- package/logo/portal-sinch-account-icon-wordmark/index.js +1 -1
- package/logo/portal-sinch-id-icon-wordmark/index.js +1 -1
- package/logo/simple-texting-icon/index.js +1 -1
- package/logo/simple-texting-icon-wordmark/index.js +1 -1
- package/logo/sinch-icon/index.js +1 -1
- package/logo/sinch-icon-wordmark/index.js +1 -1
- package/package.json +3 -3
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { defineCustomElement } from "../../utils/element.js";
|
|
2
2
|
import { createIllustrationClass } from "../create-illustration-class.js";
|
|
3
|
-
const templateHTML = '<svg viewBox="0 0 63 100" fill="none" aria-hidden="true" focusable="false"
|
|
3
|
+
const templateHTML = '<svg viewBox="0 0 63 100" fill="none" aria-hidden="true" focusable="false"><path d="m49.818 87.273-42.424-.606L0 11.273 44 .12c2.91-.848 5.818 1.334 5.818 4.364v82.788Z" fill="#666"/><path d="M56.242 100H2.182A2.173 2.173 0 0 1 0 97.818V11.273h56.242c3.273 0 6.061 2.666 6.061 6.06V93.94c0 3.394-2.667 6.061-6.06 6.061Z" fill="#CCC"/><path d="M52.97 61.576H9.333c-.848 0-1.454.727-1.454 1.454v.606c0 .849.727 1.455 1.454 1.455H52.97c.848 0 1.454-.727 1.454-1.455v-.606c0-.727-.606-1.454-1.454-1.454Z" fill="#F2F2F2"/><path d="M33.576 41.455c.484-.728.727-1.576.363-2.546-.242-.97-1.09-1.697-2.06-1.94a3.007 3.007 0 0 0-3.758 2.91c0 .606.242 1.212.485 1.697.242.242 0 .606-.243.727A20.023 20.023 0 0 0 11.03 62.182h40.243a20.023 20.023 0 0 0-17.334-19.879c-.363-.242-.606-.606-.363-.848Z" fill="#F2F2F2"/></svg>';
|
|
4
4
|
const IllustrationMenu = createIllustrationClass(templateHTML);
|
|
5
5
|
defineCustomElement("sinch-illustration-menu", IllustrationMenu);
|
|
6
6
|
export {
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { defineCustomElement } from "../../utils/element.js";
|
|
2
2
|
import { createIllustrationClass } from "../create-illustration-class.js";
|
|
3
|
-
const templateHTML = '<svg viewBox="0 0 495 400" fill="none" aria-hidden="true" focusable="false"
|
|
3
|
+
const templateHTML = '<svg viewBox="0 0 495 400" fill="none" aria-hidden="true" focusable="false"><path d="m273.129 133.333 1.407-2.943c-5.182 2.304-11.196 1.408-15.419-2.431-4.223-3.775-5.758-9.661-4.031-15.099 5.311-16.25 11.773-35.893 16.699-50.992 4.671-14.14 17.658-23.864 32.566-24.312 19.513-.512 46.321-1.28 63.979-1.727 12.092-.32 23.801-3.84 34.101-10.11 11.836-7.229 27.767-16.954 38.708-23.672C448.049-2.175 457.07 0 461.356 6.91c8.51 13.691 22.009 35.636 30.583 49.52 2.111 3.39 2.751 7.422 1.791 11.26-.96 3.84-3.391 7.166-6.782 9.15-15.291 9.02-39.667 23.544-48.368 28.662-2.048 1.216-3.519 3.199-4.159 5.502-6.846 24.825-29.367 42.035-55.022 42.099-5.95 0-23.417-43.954-23.353-44.978.128-5.694-2.495-11.132-6.59-15.035-4.158-3.903-9.725-5.886-15.419-5.374a19.107 19.107 0 0 0-16.315 12.476c-2.303 6.334-5.31 14.331-7.933 21.497-4.543 12.412-10.365 24.312-17.275 35.573-1.535 2.559-3.135 5.054-4.542 7.421-3.647 5.95-10.941 8.574-17.531 6.398-4.542-1.471-8.061-5.054-9.596-9.597-1.472-4.542-.768-9.469 1.983-13.371l10.301-14.78Z" fill="#842306"/><path d="M61.804 140.563s179.527-35.445 248.881-49.136a27.303 27.303 0 0 1 20.601 4.158 27.567 27.567 0 0 1 11.644 17.467c10.045 51.119 30.966 157.07 30.966 157.07.32 1.535-.703 3.007-2.239 3.326l-273 53.871a17.017 17.017 0 0 1-19.962-13.371L48.433 160.525c-1.792-9.213 4.158-18.171 13.371-19.962Z" fill="#007171"/><path d="M271.977 62.06c4.67-14.14 17.658-23.864 32.566-24.312 19.513-.512 46.321-1.28 63.979-1.728 12.092-.32 23.8-3.838 34.101-10.108 11.836-7.23 27.767-16.955 38.708-23.673 6.91-4.222 15.931-2.047 20.217 4.863 8.51 13.691 22.009 35.636 30.582 49.52 2.112 3.39 2.752 7.421 1.792 11.26-.96 3.839-3.391 7.166-6.782 9.15-15.291 9.02-52.591 34.164-52.591 34.164s-.256.64-.704 1.792c-9.213 23.992-32.054 39.923-57.709 40.243-1.472 0-2.879.064-4.159.064-5.118.064-10.045 2.047-13.82 5.502-5.694 5.246-14.203 13.052-18.874 17.275-2.111 1.919-4.99 2.943-7.869 2.687a16.886 16.886 0 0 1-12.924-7.934 17.008 17.008 0 0 1-1.407-15.099c.447-1.152.703-1.855.703-1.855s10.109-21.753 27.703-26.872c6.014-2.879 9.981-8.893 10.109-15.547 0-1.023.768-11.58-6.142-18.17-4.159-3.903-9.725-5.886-15.419-5.374" fill="#842306"/><path d="m132.118 205.182 148.304-29.238c3.263-.64 5.375-3.839 4.735-7.102-.64-3.263-3.839-5.374-7.102-4.735L129.75 193.346c-3.262.64-5.374 3.839-4.734 7.102.64 3.199 3.839 5.374 7.102 4.734Zm9.341 47.537 74.152-14.651c3.263-.64 5.374-3.839 4.734-7.102-.639-3.263-3.838-5.374-7.101-4.734l-74.153 14.651c-3.262.64-5.374 3.839-4.734 7.102.64 3.263 3.839 5.374 7.102 4.734Z" fill="#fff"/><path d="M115.739 343.57c36.404-75.048-23.609-98.976-23.928-103.327-.448-5.886-.704-24.888-.832-37.812-.128-7.357-5.438-13.563-12.732-14.715-7.998-1.344-15.547 3.839-17.275 11.772-3.007 13.756-7.23 32.822-7.23 32.822-2.11 9.725-1.599 19.769 1.6 29.174 5.439 16.059.896 30.391-12.923 49.329L4.925 349.84c-6.973 10.493-7.101 21.625 3.391 28.599l51.376 19.002c8.701 5.118 19.898 2.239 25.016-6.462" fill="#F2A068"/></svg>';
|
|
4
4
|
const IllustrationMessagePassing = createIllustrationClass(templateHTML);
|
|
5
5
|
defineCustomElement("sinch-illustration-message-passing", IllustrationMessagePassing);
|
|
6
6
|
export {
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { defineCustomElement } from "../../utils/element.js";
|
|
2
2
|
import { createIllustrationClass } from "../create-illustration-class.js";
|
|
3
|
-
const templateHTML = '<svg viewBox="0 0 464 800" fill="none" aria-hidden="true" focusable="false"
|
|
3
|
+
const templateHTML = '<svg viewBox="0 0 464 800" fill="none" aria-hidden="true" focusable="false"><path d="M363.195 783.099c0 8.712-7.426 15.615-16.139 15.615h-54.627a31.384 31.384 0 0 1-27.089-15.5 1.92 1.92 0 0 0-.926-.806 1.92 1.92 0 0 0-2.641 1.768v11.965a2.603 2.603 0 0 1-2.604 2.604h-34.515a2.601 2.601 0 0 1-2.604-2.604v-50.162h74.416l4.184 7.228a28.644 28.644 0 0 0 24.725 14.182h22.058a15.688 15.688 0 0 1 15.688 15.689l.074.021Zm-226.48 4.811c-1.945 8.492-10.668 13.596-19.172 11.703l-33.531-7.551a54.395 54.395 0 0 1-36.795-28.24c-1.862-3.692-3.075-7.206-2.98-9.988a1.913 1.913 0 0 0-3.526-1.046l-6.38 10.124a2.595 2.595 0 0 1-1.631 1.149 2.6 2.6 0 0 1-1.966-.343L1.553 745.247a2.597 2.597 0 0 1-1.155-1.629 2.605 2.605 0 0 1 .34-1.969l33.646-51.406 62.085 41.292-4.257 9.414a23.07 23.07 0 0 0-1.255 3.284 18.75 18.75 0 0 0-.638 7.708c.868 6.997 4.758 10.459 13.032 12.342l21.514 4.832a15.686 15.686 0 0 1 11.85 18.826v-.031Z" fill="#A7D5C2"/><path d="M183.592 327.126v159.908c0 36.712-67.241 63.236-67.241 63.236 8.88-13.252 12.687-29.861 12.687-45.8v-71.54c0-27.664 4.884-56.207 13.178-82.626l4.738-10.459 5.763-12.74 30.875.021Z" fill="#0A273D"/><path d="M438.531 148.978 391.57 213.73l-35.226-18.764 38.562-68.015 43.625 22.027Zm4.874-14.841a4.435 4.435 0 0 1-2.343-.659 4.5 4.5 0 0 1-2.04-2.788 4.5 4.5 0 0 1 .534-3.414l9.361-15.364a4.508 4.508 0 0 1 6.197-1.512 4.513 4.513 0 0 1 1.511 6.197l-9.413 15.375a4.541 4.541 0 0 1-3.807 2.165Z" fill="#842306"/><path d="M369.219 168.934a6.592 6.592 0 0 1-5.686-3.278 6.595 6.595 0 0 1-.046-6.563l15.762-27.853a6.607 6.607 0 0 1 11.505 6.495l-15.762 27.853a6.567 6.567 0 0 1-5.773 3.346Z" fill="#842306"/><path d="M364.24 157.575c-7.677 14.946.471 22.079-4.821 32.674l21.964-25.698-17.143-6.976Z" fill="#842306"/><path d="M291.584 329.757a35.309 35.309 0 0 1-14.821-22.637 35.32 35.32 0 0 1 5.547-26.482l67.383-98.595 58.364 39.888-67.383 98.595a35.32 35.32 0 0 1-49.09 9.231Z" fill="#059688"/><path d="M233.984 170.199a35.31 35.31 0 0 1 48.237 12.907l57.88 100.166a35.323 35.323 0 0 1-12.917 48.247 35.315 35.315 0 0 1-48.247-12.917l-57.912-100.176a35.31 35.31 0 0 1 12.959-48.227Z" fill="#059688"/><path d="M257.13 482.024a47.065 47.065 0 0 1 47.065 47.066v217.297h-94.131V529.069a47.068 47.068 0 0 1 47.066-47.045Z" fill="#0A273D"/><path d="M304.195 392.192c0-25.988-21.067-47.055-47.055-47.055s-47.055 21.067-47.055 47.055v154.574c0 25.988 21.067 47.055 47.055 47.055s47.055-21.067 47.055-47.055V392.192Z" fill="#0A273D"/><path d="m145.009 378.656-15.458 153.028c-2.599 25.728 16.151 48.691 41.879 51.29 25.728 2.599 48.692-16.151 51.29-41.879l15.458-153.028c2.599-25.728-16.151-48.691-41.879-51.29-25.728-2.599-48.692 16.151-51.29 41.879Z" fill="#0A273D"/><path d="M209.654 494.916a47.064 47.064 0 0 1 13.053 65.268L102.173 740.986l-78.322-52.215 120.54-180.81a47.066 47.066 0 0 1 65.263-13.045Zm94.322-167.789v57.441a74.996 74.996 0 0 1-21.644 53.591 74.99 74.99 0 0 1-82.23 16.483 74.983 74.983 0 0 1-46.077-70.074v-57.441h149.951Z" fill="#0A273D"/><path d="M254.546 112.968c0-13.736-11.135-24.871-24.871-24.871-13.737 0-24.872 11.135-24.872 24.871v28.731c0 13.736 11.135 24.872 24.872 24.872 13.736 0 24.871-11.136 24.871-24.872v-28.731Z" fill="#842306"/><path d="M257.485 141.354a70.263 70.263 0 0 1 7.07 3.597h-71.56a48.178 48.178 0 0 0 4.058-5.313 48.872 48.872 0 0 0 3.211-5.679h54.387s-.262 3.744 1.15 5.711c.523.742.743 1.317 1.611 1.704l.073-.02Z" fill="#842306"/><path d="M293.046 52.703v43.991c0 .743 0 1.485-.073 2.217.005.063.005.126 0 .189 0 .71-.126 1.422-.22 2.091v.189a32.147 32.147 0 0 1-10.803 19.618 32.146 32.146 0 0 1-20.992 7.805 6.286 6.286 0 0 0-4.738 1.966 5.014 5.014 0 0 0-1.465 3.232h-54.523a52.092 52.092 0 0 0 4.665-20.363V52.703A44.049 44.049 0 0 1 217.8 21.532a44.05 44.05 0 0 1 31.172-12.903c1.705-.005 3.41.097 5.104.303a44.045 44.045 0 0 1 38.97 43.771Z" fill="#842306"/><path d="M291.644 41.669h-29.201a8.368 8.368 0 0 0-8.367 8.367v18.167a6.7 6.7 0 0 1-6.914 6.715 6.913 6.913 0 0 1-6.526-6.997v-1.339a11.369 11.369 0 0 0-22.707.93v21.316a24.332 24.332 0 0 1-12.99 21.536V52.692a44.048 44.048 0 0 1 27.205-40.724 44.05 44.05 0 0 1 16.869-3.35h2.144l1.046.073c.638 0 1.266.105 1.893.178a44.074 44.074 0 0 1 37.548 32.8Z" fill="#0A273D"/><path d="M283.8 102.393a3.682 3.682 0 1 0 0-7.364 3.682 3.682 0 0 0 0 7.364Z" fill="#272727"/><path d="m307.94 235.851-3.755 92.719H154.924c.188-17.895-3.933-99.758-.376-115.781 3.367-22.863 13.042-45.695 30.99-60.84.324-.293.659-.565.983-.837 1.046-.847 2.092-1.694 3.012-2.604h80.534a76.714 76.714 0 0 1 13.775 12.446c17.895 20.427 24.15 48.31 24.098 74.897Z" fill="#005F5F"/><path d="M270.12 148.508h-80.535a48.663 48.663 0 0 0 6.14-6.924h62.294a71.64 71.64 0 0 1 12.101 6.924Z" fill="#059688"/><path d="m216.831 349.227-25.154 44.231-20.625-25.363 36.805-29.903 8.974 11.035Z" fill="#842306"/><path d="M92.476 236.045a35.325 35.325 0 0 1 25.852-7.952 35.317 35.317 0 0 1 23.897 12.668l76.064 92.076-54.485 45.01L87.74 285.77a35.32 35.32 0 0 1 4.736-49.725Z" fill="#059688"/><path d="M230.532 165.597a35.29 35.29 0 0 1 8.171 25.764 35.295 35.295 0 0 1-12.448 23.99l-88.452 74.552a35.304 35.304 0 0 1-25.764 8.181 35.302 35.302 0 0 1-24-12.438 35.31 35.31 0 0 1 4.34-49.764l88.442-74.541a35.305 35.305 0 0 1 49.711 4.256Z" fill="#059688"/><path d="m463.047 90.345-43.039 74.521a3.566 3.566 0 0 1-3.138 1.788h-39.744a3.555 3.555 0 0 1-3.138-1.851v-.073l-1.82-3.211-.062-.105a3.546 3.546 0 0 1 0-3.64l43.038-74.51a3.586 3.586 0 0 1 3.138-1.788h39.744a3.513 3.513 0 0 1 3.034 1.684c.049.07.094.144.136.22l1.872 3.284v.073a3.56 3.56 0 0 1-.021 3.608Z" fill="#272727"/><path d="M414.433 159.982h-37.924a1.052 1.052 0 0 1-.957-.522 1.042 1.042 0 0 1 .026-1.089l42.139-73.213a1.049 1.049 0 0 1 .931-.534h37.925a1.042 1.042 0 0 1 .957.522 1.053 1.053 0 0 1-.026 1.089l-42.14 73.213a1.05 1.05 0 0 1-.931.534Z" fill="#F2F2F2"/><path d="M438.939 88.044h-5.345a1.045 1.045 0 0 1 0-2.092h5.345a1.045 1.045 0 0 1 0 2.092Zm-8.033-.574a.48.48 0 1 0 0-.963.48.48 0 0 0 0 .962Z" fill="#272727"/><path d="M430.896 88.002a1.047 1.047 0 0 1-.557-1.644 1.047 1.047 0 0 1 1.769 1.099 1.053 1.053 0 0 1-.737.563c-.157.03-.32.025-.475-.017Z" fill="#272727"/><path d="M434.839 150.202a5.902 5.902 0 0 1-3.765-1.349l-8.88-7.238a5.956 5.956 0 0 1-2.129-4.013 5.964 5.964 0 0 1 9.67-5.222l8.869 7.248a5.961 5.961 0 0 1-3.765 10.574Z" fill="#842306"/><path d="M439.42 143.917a5.968 5.968 0 0 1-3.305-1.046l-14.277-9.518a5.96 5.96 0 0 1-.15-10.076 5.963 5.963 0 0 1 6.771.171l14.297 9.549a5.963 5.963 0 0 1-3.315 10.92h-.021Z" fill="#842306"/><path d="M441.815 135.403a5.918 5.918 0 0 1-3.305-1.046l-14.298-9.56a5.959 5.959 0 0 1-1.446-8.132 5.957 5.957 0 0 1 3.677-2.509 5.955 5.955 0 0 1 4.39.737l14.298 9.559a5.964 5.964 0 0 1 .227 9.733 5.958 5.958 0 0 1-3.543 1.176v.042Z" fill="#842306"/><path d="m317.852 23.397-19.677 5.862 1.195 4.01 19.676-5.863-1.194-4.01ZM304.356.014l-12.702 16.13 3.287 2.588 12.702-16.13-3.287-2.588Zm-1.972 43.765-1.334 3.965 19.458 6.549 1.335-3.965-19.459-6.549Z" fill="#CCC"/></svg>';
|
|
4
4
|
const IllustrationMessageRecieved = createIllustrationClass(templateHTML);
|
|
5
5
|
defineCustomElement("sinch-illustration-message-recieved", IllustrationMessageRecieved);
|
|
6
6
|
export {
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { defineCustomElement } from "../../utils/element.js";
|
|
2
2
|
import { createIllustrationClass } from "../create-illustration-class.js";
|
|
3
|
-
const templateHTML = '<svg viewBox="0 0 1019 800" fill="none" aria-hidden="true" focusable="false"
|
|
3
|
+
const templateHTML = '<svg viewBox="0 0 1019 800" fill="none" aria-hidden="true" focusable="false"><path d="M473.524 252.933 354.07 495.201l-61.593-199.713 181.047-42.555Z" fill="#272727"/><path d="M518.057 136.41a96.184 96.184 0 0 0-58.49-85.49 96.174 96.174 0 0 0-102.15 17.173 91.325 91.325 0 0 1-51.42 23.68 96.189 96.189 0 0 0-72.035 46.466 86.117 86.117 0 0 1-47.597 37.542 148.315 148.315 0 0 0-74.028 54.454 145.767 145.767 0 0 0-27.22 90.137c0 27.71 14.25 63.095 36.308 90.151 27.324 33.526 64.182 52.059 103.747 52.059 2.35.105 4.7.149 7.035.149A147.147 147.147 0 0 0 370.923 266.87a96.18 96.18 0 0 0 30.268-33.526 97.157 97.157 0 0 0 20.824 2.276 96.19 96.19 0 0 0 96.042-99.21Z" fill="#272727"/><path d="M622.963 361.826a149.807 149.807 0 0 0 10.412-18.147 16.689 16.689 0 0 0-5.474-21.403 16.253 16.253 0 0 0-23.486 6.589 102.922 102.922 0 0 1-29.331 37.334 45.294 45.294 0 0 0-15.886 44.324 31.784 31.784 0 0 1-1.19 17.329l-66.784 134.386-104.818-132.631-58.574-72.794-85.882 131.635 216.834 232.734a50.356 50.356 0 0 0 46.158 15.163 50.368 50.368 0 0 0 37.493-30.899l1.577-3.957 97.068-243.607-18.117-96.056Z" fill="#842306"/><path d="M606.825 419.865a16.078 16.078 0 0 1-6.947-1.488 16.262 16.262 0 0 1-9.314-15.545c.11-2.14.642-4.237 1.565-6.171l76.408-161.651a16.26 16.26 0 0 1 21.513-7.478 16.257 16.257 0 0 1 7.878 21.37l-76.393 161.622a16.275 16.275 0 0 1-14.71 9.341Z" fill="#0A273D"/><path d="m694.522 348.231-18.087-36.367a12.883 12.883 0 0 0-15.885-6.604 12.497 12.497 0 0 0-4.354 2.809 12.51 12.51 0 0 0-3.693 9.442 12.533 12.533 0 0 0 1.294 5.018l4.299 8.641a12.43 12.43 0 0 0-10.978-.223c-6.306 2.975-8.716 11.052-5.667 17.314l3.957 8.151a12.482 12.482 0 0 0-10.843-.164c-6.232 2.975-8.687 10.947-5.742 17.194l3.868 8.196a12.426 12.426 0 0 0-11.9.565 12.871 12.871 0 0 0-4.7 16.228l11.617 26.119-5.266 16.777 11.751 32.396a27.23 27.23 0 0 1 16.123-15.945 59.06 59.06 0 0 0 20.868-13.083 59.064 59.064 0 0 0 13.715-20.458l11.616-28.974a57.223 57.223 0 0 0-1.993-47.032Z" fill="#842306"/><path d="m327.818 356.843 58.588 72.793-67.572 133.896-25.628-192.336 34.612-14.353Z" fill="#FFD03C"/><path d="M412.674 719.115V569.839a145.639 145.639 0 0 0-12.762-59.585L337.53 371.285c-10.412-12.97-9.846-28.082-6.113-35.697l-88.56-47.865-3.793 7.75c-8.359 17.045-22.623 30.09-38.672 40.159-16.481 10.293-26.774 23.293-36.769 43.269l-24.17 49.709L22.126 687.18a61.165 61.165 0 0 0 26.417 78.987 61.16 61.16 0 0 0 29.287 7.461h261.872l72.972-54.513Z" fill="#FFD03C"/><path d="M331.417 335.588a25.46 25.46 0 0 1 28.038-13.654c60.611 12.3 78.088 4.373 105.784-52.06l42.108-86.016-172.539-86.314-21.567 43.982-70.354 146.197 88.56 47.865h-.03Z" fill="#842306"/><path d="m507.347 183.858-40.725-86.27H334.808l-80.662 108.373 1.488 56.045c27.383 14.874 59.377 3.704 72.526-24.557l14.532-29.629c6.633-14.264 35.043-8.136 49.203-1.264a28.173 28.173 0 0 0 37.185-12.257 44.372 44.372 0 0 1 58.544-19.827l19.723 9.386Z" fill="#272727"/><path d="m392.139 167.49-3.882-1.914c-11.022-5.435-24.363-.907-29.798 10.115l-15.815 32.07c-5.436 11.022-.907 24.363 10.115 29.798l3.882 1.915c11.022 5.435 24.363.906 29.798-10.116l15.815-32.069c5.436-11.022.907-24.363-10.115-29.799Z" fill="#842306"/><path d="M747.548 0h223.869a46.915 46.915 0 0 1 46.913 46.913v110.335a46.905 46.905 0 0 1-13.74 33.173 46.918 46.918 0 0 1-33.173 13.74H700.71V46.913A46.912 46.912 0 0 1 747.548 0Z" fill="#007171"/><path d="m455.943 796.46-36.591-29.629a20.036 20.036 0 0 0-22.192-2.008l-25.583 13.982c-18.399 10.055-39 17.447-59.972 17.536l-244.202-1.1c-49.56.208-82.134-51.673-60.418-96.161L139.23 429.116l108.788 110.812-87.147 148.74 125.716 10.412a66.934 66.934 0 0 0 35.177-6.827l30.983-15.44a35.823 35.823 0 0 1 22.374-3.177 35.823 35.823 0 0 1 19.823 10.852l82.655 88.843a15.87 15.87 0 0 1-.387 22.014 15.868 15.868 0 0 1-21.269 1.115Z" fill="#842306"/><path d="M806.805 118.611c9.098-2.148 14.733-11.264 12.586-20.363-2.148-9.098-11.264-14.733-20.363-12.585-9.098 2.147-14.733 11.264-12.585 20.362 2.147 9.098 11.263 14.733 20.362 12.586Zm56.28-.004c9.099-2.147 14.734-11.264 12.586-20.362-2.147-9.098-11.264-14.733-20.362-12.586-9.098 2.147-14.733 11.264-12.586 20.362 2.147 9.099 11.264 14.734 20.362 12.586Zm64.363-4.544c6.61-6.61 6.61-17.328 0-23.938-6.61-6.61-17.327-6.61-23.938 0-6.61 6.61-6.61 17.328 0 23.938 6.61 6.61 17.328 6.61 23.938 0Z" fill="#F2F1F2"/></svg>';
|
|
4
4
|
const IllustrationMessages = createIllustrationClass(templateHTML);
|
|
5
5
|
defineCustomElement("sinch-illustration-messages", IllustrationMessages);
|
|
6
6
|
export {
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { defineCustomElement } from "../../utils/element.js";
|
|
2
2
|
import { createIllustrationClass } from "../create-illustration-class.js";
|
|
3
|
-
const templateHTML = '<svg viewBox="0 0 1019 800" fill="none" aria-hidden="true" focusable="false"
|
|
3
|
+
const templateHTML = '<svg viewBox="0 0 1019 800" fill="none" aria-hidden="true" focusable="false"><path d="M473.381 252.933 353.928 495.201l-61.594-199.713 181.047-42.555Z" fill="#272727"/><path d="M517.914 136.41a96.174 96.174 0 0 0-160.64-68.317 91.325 91.325 0 0 1-51.419 23.68 96.193 96.193 0 0 0-72.035 46.466 86.123 86.123 0 0 1-47.597 37.542 148.315 148.315 0 0 0-74.028 54.454 145.765 145.765 0 0 0-27.22 90.137c0 27.71 14.25 63.095 36.308 90.151 27.323 33.526 64.181 52.059 103.746 52.059 2.35.105 4.7.149 7.036.149a147.143 147.143 0 0 0 119.946-62.102A147.153 147.153 0 0 0 370.78 266.87a96.173 96.173 0 0 0 30.269-33.526 97.148 97.148 0 0 0 20.823 2.276 96.195 96.195 0 0 0 89.618-61.507 96.18 96.18 0 0 0 6.424-37.703Z" fill="#272727"/><path d="M622.821 361.826a149.8 149.8 0 0 0 10.411-18.147 16.684 16.684 0 0 0-5.473-21.403 16.25 16.25 0 0 0-13.231-2.009 16.252 16.252 0 0 0-10.255 8.598 102.924 102.924 0 0 1-29.332 37.334 45.284 45.284 0 0 0-15.885 44.324 31.803 31.803 0 0 1-1.19 17.329l-66.785 134.386-104.817-132.631-58.574-72.794-85.883 131.635 216.834 232.734a50.366 50.366 0 0 0 83.652-15.736l1.576-3.957 97.068-243.607-18.116-96.056Z" fill="#842306"/><path d="M606.682 419.865a16.074 16.074 0 0 1-6.946-1.488 16.261 16.261 0 0 1-9.315-15.545c.11-2.14.642-4.237 1.566-6.171l76.408-161.651a16.258 16.258 0 0 1 29.391 13.892l-76.393 161.622a16.278 16.278 0 0 1-14.711 9.341Z" fill="#0A273D"/><path d="m694.379 348.231-18.086-36.367a12.885 12.885 0 0 0-15.886-6.604 12.516 12.516 0 0 0-7.198 7.14 12.516 12.516 0 0 0 .445 10.129l4.299 8.641a12.423 12.423 0 0 0-10.977-.223c-6.307 2.975-8.716 11.052-5.667 17.314l3.956 8.151a12.474 12.474 0 0 0-10.843-.164c-6.232 2.975-8.686 10.947-5.741 17.194l3.867 8.196a12.419 12.419 0 0 0-11.899.565 12.869 12.869 0 0 0-4.7 16.228l11.616 26.119-5.265 16.777 11.75 32.396a27.232 27.232 0 0 1 16.124-15.945 59.057 59.057 0 0 0 34.582-33.541l11.617-28.974a57.222 57.222 0 0 0-1.994-47.032Z" fill="#842306"/><path d="m327.675 356.843 58.589 72.793-67.573 133.896-25.628-192.336 34.612-14.353Z" fill="#fff"/><path d="M412.531 719.115V569.839a145.606 145.606 0 0 0-12.762-59.585l-62.381-138.969c-10.412-12.97-9.847-28.082-6.113-35.697l-88.561-47.865-3.792 7.75c-8.36 17.045-22.624 30.09-38.673 40.159-16.48 10.293-26.773 23.293-36.768 43.269L139.31 428.61 21.984 687.18A61.165 61.165 0 0 0 48.4 766.167a61.16 61.16 0 0 0 29.287 7.461H339.56l72.972-54.513Z" fill="#fff"/><path d="M331.275 335.588a25.451 25.451 0 0 1 11.684-11.621 25.458 25.458 0 0 1 16.353-2.033c60.612 12.3 78.089 4.373 105.784-52.06l42.109-86.016-172.539-86.314-21.568 43.982-70.354 146.197 88.56 47.865h-.029Z" fill="#842306"/><path d="m507.205 183.858-40.726-86.27H334.666l-80.662 108.373 1.487 56.045c27.383 14.874 59.377 3.704 72.526-24.557l14.532-29.629c6.634-14.264 35.043-8.136 49.203-1.264a28.173 28.173 0 0 0 37.185-12.257 44.372 44.372 0 0 1 58.545-19.827l19.723 9.386Z" fill="#272727"/><path d="m391.997 167.49-3.882-1.914c-11.022-5.435-24.363-.907-29.799 10.115l-15.815 32.07c-5.435 11.022-.906 24.363 10.115 29.798l3.882 1.915c11.022 5.435 24.363.906 29.799-10.116l15.815-32.069c5.435-11.022.906-24.363-10.115-29.799Z" fill="#842306"/><path d="M747.405 0h223.87a46.925 46.925 0 0 1 33.175 13.74 46.945 46.945 0 0 1 13.74 33.173v110.335a46.947 46.947 0 0 1-13.74 33.173 46.928 46.928 0 0 1-33.175 13.74H700.567V46.913A46.912 46.912 0 0 1 747.405 0Z" fill="#007171"/><path d="m455.8 796.46-36.59-29.629a20.037 20.037 0 0 0-22.192-2.008l-25.584 13.982c-18.399 10.055-38.999 17.447-59.972 17.536l-244.202-1.1c-49.56.208-82.134-51.673-60.418-96.161l132.245-269.964 108.789 110.812-87.147 148.74 125.715 10.412a66.934 66.934 0 0 0 35.177-6.827l30.983-15.44a35.826 35.826 0 0 1 22.375-3.177 35.83 35.83 0 0 1 19.823 10.852l82.655 88.843a15.873 15.873 0 0 1-.387 22.014 15.872 15.872 0 0 1-21.27 1.115Z" fill="#842306"/><path d="M806.662 118.611c9.099-2.148 14.733-11.264 12.586-20.363-2.147-9.098-11.264-14.733-20.362-12.585-9.099 2.147-14.733 11.264-12.586 20.362 2.147 9.098 11.264 14.733 20.362 12.586Zm56.281-.004c9.098-2.147 14.733-11.264 12.586-20.362-2.148-9.098-11.264-14.733-20.363-12.586-9.098 2.147-14.733 11.264-12.586 20.362 2.148 9.099 11.264 14.734 20.363 12.586Zm64.363-4.544c6.61-6.61 6.61-17.328 0-23.938-6.611-6.61-17.328-6.61-23.938 0-6.611 6.61-6.611 17.328 0 23.938 6.61 6.61 17.327 6.61 23.938 0Z" fill="#F2F1F2"/></svg>';
|
|
4
4
|
const IllustrationMessagesOnYellowBg = createIllustrationClass(templateHTML);
|
|
5
5
|
defineCustomElement("sinch-illustration-messages-on-yellow-bg", IllustrationMessagesOnYellowBg);
|
|
6
6
|
export {
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { defineCustomElement } from "../../utils/element.js";
|
|
2
2
|
import { createIllustrationClass } from "../create-illustration-class.js";
|
|
3
|
-
const templateHTML = '<svg viewBox="0 0 588 800" fill="none" aria-hidden="true" focusable="false">\n <path d="M416.443 187.186a4.526 4.526 0 0 0-5.836 1.248 29.021 29.021 0 0 0-3.312 5.34 25.339 25.339 0 0 0-2.037 6.423 29.495 29.495 0 0 0 .917 13.048l.413 1.441.386 1.294c.213.707.382 1.427.504 2.156.268 1.464.367 2.954.294 4.441 0 .487-.064.973-.119 1.459a11.327 11.327 0 0 0-13.324 3.294l-69.644 86.656a24.7 24.7 0 0 0-2.688 4.203 23.287 23.287 0 0 0 10.093 31.042c11.58 6.056 26.059.972 31.886-10.718l48.017-96.226a90.162 90.162 0 0 0 2.496-5.561l.486-1.202a37.28 37.28 0 0 0 2.817-12.479 29.257 29.257 0 0 0-.477-6.625 27.766 27.766 0 0 0-.78-3.23l-.817-2.587a21.73 21.73 0 0 1-1.018-8.91 19.873 19.873 0 0 1 3.174-8.258l.056-.073c.318-.501.532-1.06.63-1.644a4.42 4.42 0 0 0-2.117-4.532Z" fill="#FFE1CC"/>\n <path d="m317.161 775.299-11.46-2.377a42.437 42.437 0 0 1-34.712-41.896l.073-3.671a3.93 3.93 0 0 0-1.386-3 3.735 3.735 0 0 0-3.018-.863l-43.026-.33a3.358 3.358 0 0 0-3.349 3.349v70.654c0 .745.296 1.459.823 1.985.526.527 1.24.823 1.985.823h27.114a2.808 2.808 0 0 0 2.808-2.808v-5.946a1.356 1.356 0 0 1 .762-1.239 1.383 1.383 0 0 1 1.45.119 49.55 49.55 0 0 0 29.362 9.874h30.088a12.478 12.478 0 0 0 2.532-24.702l-.046.028Zm-195.738-51.165a2.505 2.505 0 0 0-2.028-.917l-41.566.312c-2.028-.349-4.46 1.294-5.102 3.459l-.917 3.368c-3.377 11.442-11.608 22.581-22.591 30.573-7.166 5.212-13.14 8.58-22.462 10.351l-4.304.798c-5.505 1-7.13 1.303-10.635 2.945-6.579 3.084-8.717 5.304-10.9 11.47-1.377 3.826-1.129 7.497.679 10.094A8.466 8.466 0 0 0 8.8 800h30.307c10.424 0 21.967-3.762 32.528-10.607a1.364 1.364 0 0 1 1.541-.129 1.083 1.083 0 0 1 .285 1.239l-1.835 6.423a2.598 2.598 0 0 0 .33 2.285 2.108 2.108 0 0 0 1.743.816h27.345a3.845 3.845 0 0 0 3.441-2.899l17.314-70.654a2.568 2.568 0 0 0-.376-2.34Z" fill="#0A273D"/>\n <path d="M304.581 182.305c-2.092-5.368-3.9-10.011-2.817-13.461l3.23-9.341-67.644-26.656-.147.413c-6.753 19.682-15.782 26.821-23.04 32.565-5.221 4.129-11.011 7.827-16.517 11.405a1348.22 1348.22 0 0 0-5.358 3.469c-8.69 5.707-14.581 12.341-17.499 19.728-2.477 6.249-1.569 16.847 6.277 25.353l.119.128 119.285 5.056h.303l6.836-19.407c4.056-11.011.128-21.123-3.028-29.252Z" fill="#842306"/>\n <path d="M342.339 352.075a23.948 23.948 0 0 1-21.186-12.764l-50.651-95.795a23.968 23.968 0 1 1 42.392-22.379l50.651 95.786a23.977 23.977 0 0 1-21.178 35.18l-.028-.028Z" fill="#FFE1CC"/>\n <path d="M312.894 221.137a24.022 24.022 0 0 0-42.465 22.453l29.17 55.174 42.465-22.453-29.17-55.174Z" fill="#059688"/>\n <path d="M291.909 208.291H187.526l-11.296 61.294v73.479l91.703-.201h.046a6.549 6.549 0 0 0 6.194-4.423l23.352-68.25-5.616-61.899Z" fill="#059688"/>\n <path d="M312.546 122.121a34.969 34.969 0 0 0-26.408-26.693 35.114 35.114 0 0 0-41.236 22.774l-9.534 27.528a35.183 35.183 0 0 0 2.442 28.527 35.199 35.199 0 0 0 22.837 17.269 35.62 35.62 0 0 0 8.048.918 35.118 35.118 0 0 0 33.188-23.692l9.534-27.527a35.072 35.072 0 0 0 1.129-19.104Z" fill="#FFE1CC"/>\n <path d="m271.126 342.624-.138-.156h-91.023L48.632 721.492a10.809 10.809 0 0 0 10.221 14.323h71.223a10.814 10.814 0 0 0 10.222-7.34l59.028-171.945v168.476a10.817 10.817 0 0 0 10.8 10.809h72.415a10.829 10.829 0 0 0 10.809-10.809V400.982c0-.67.055-1.331.055-2.01.009-31.574-22.059-56.11-22.279-56.348Z" fill="#FFBE3C"/>\n <path d="M126.892 344.854a24.023 24.023 0 0 1-19.866-37.465l59.973-88.546a24.012 24.012 0 0 1 15.377-10.38 24.01 24.01 0 0 1 18.186 3.67 24.019 24.019 0 0 1 9.997 24.99 24.029 24.029 0 0 1-3.792 8.669l-59.954 88.519a23.995 23.995 0 0 1-19.921 10.543Z" fill="#FFE1CC"/>\n <path d="M312.591 122.112a35.008 35.008 0 0 0-26.435-26.684c-18.278-4.248-37.768 5.643-43.447 22.022l-11.865 33.831c-2.413 6.992-3.936 17.737-3.872 27.381.083 11.681 2.404 20.379 6.552 24.49l.55.56 17.434-58.468-.495-.11a9.595 9.595 0 0 1-6.341-4.478 9.813 9.813 0 0 1-.688-7.882c2.184-7.056 9.882-8.442 24.949-4.496 14.259 3.725 23.407 3.211 29.996-10.094.468 4.432 2.679 15.599 13.048 19.269l.514.184.11-.532a36.813 36.813 0 0 0-.01-14.993Z" fill="#842306"/>\n <path d="M286.752 170.495c-1.077 0-2.151-.12-3.202-.358a14.846 14.846 0 0 1-9.01-6.193 1.668 1.668 0 0 1 1.717-2.383c.4.051.768.246 1.035.548a11.378 11.378 0 0 0 15.296 3.45 1.686 1.686 0 0 1 1.312-.267 1.67 1.67 0 0 1 1.09.778 1.673 1.673 0 0 1 .175 1.328 1.686 1.686 0 0 1-.852 1.033 14.88 14.88 0 0 1-7.561 2.064Z" fill="#842306"/>\n <path d="M132.315 344.863 91.024 465.066a15.69 15.69 0 0 0 14.828 20.783h.147l88.858-.78a25.743 25.743 0 0 0 24.077-17.342l42.071-122.295.193-.551-128.883-.018Zm174.294-131.37a23.3 23.3 0 0 0-3.67-2.404l-.422-.211-43.595 123.928 5.02.743 42.795-121.597.092-.275-.22-.184Z" fill="#0A273D"/>\n <path d="M410.717 165.687h-34.51a6.021 6.021 0 0 0-5.698 4.092l-20.911 61.864a5.999 5.999 0 0 0 .81 5.432 6.02 6.02 0 0 0 4.888 2.505h34.556a6.035 6.035 0 0 0 5.707-4.093l20.866-61.863a6.015 6.015 0 0 0-.819-5.432 6.028 6.028 0 0 0-4.889-2.505Z" fill="#12364C"/>\n <path d="M200.399 212.447a24.015 24.015 0 0 0-18.022-3.738 24.02 24.02 0 0 0-15.378 10.115l-35.648 52.587 39.741 26.986 35.657-52.587a24.024 24.024 0 0 0-6.35-33.363Z" fill="#059688"/>\n <path d="m407.451 207.492-24.922-16.636a4.022 4.022 0 0 0-5.606.936 4.02 4.02 0 0 0 .936 5.607l13.415 10.231-19.902.798a4.591 4.591 0 0 0-4.138 3.336 4.585 4.585 0 0 0 1.789 5.005h-.835a4.41 4.41 0 0 0-4.225 3.947 4.409 4.409 0 0 0 3.307 4.742l-1.413.065a4.127 4.127 0 0 0-4.028 4.23 4.13 4.13 0 0 0 4.23 4.028h19.939a5.333 5.333 0 0 1 4.331 2.218 5.337 5.337 0 0 1 .734 4.81h17.434l1.083-30.28a4.968 4.968 0 0 0-2.129-3.037ZM128.03 303.517l109.669 14.396a13.563 13.563 0 0 1-1.78 27.014l-110.605-.119a20.738 20.738 0 0 1 0-41.475c.908.004 1.815.065 2.716.184Zm141.234-95.227a7.93 7.93 0 0 1-7.855-7.918 7.82 7.82 0 0 1 2.295-5.64 7.826 7.826 0 0 1 5.642-2.288h.459L250.93 148.4l-12.396 39.456c-4.038 12.341-14.681 20.333-27.298 20.462h-4.588v.459c0 18.59 14.856 33.702 33.115 33.702 18.26 0 33.125-15.112 33.125-33.702v-.487h-3.624Z" fill="#FFE1CC"/>\n <path d="M281.44 307.884a7.158 7.158 0 0 0-5.873-3.019h-10.029l-4.184-2.826a8.6 8.6 0 0 0-10.947 1.101l-15.094 15.351-3.166 25.821a.392.392 0 0 0 .056.376c.037.055.088.1.147.13.06.03.125.046.192.045h34.299a7.22 7.22 0 0 0 6.827-4.882l8.744-25.564a7.154 7.154 0 0 0-.972-6.533Z" fill="#FFE1CC"/>\n <path d="M506.503 354.186v-37.961a24.9 24.9 0 0 0-24.903-24.903h-73.121v62.864a24.904 24.904 0 0 0 24.903 24.903h48.255a24.904 24.904 0 0 0 24.866-24.903Z" fill="#fff"/>\n <path d="M481.307 327.667a13.69 13.69 0 0 0-24.729-6.193 13.662 13.662 0 1 0-21.187 17.158l18.186 18.15a4.315 4.315 0 0 0 6.084 0l17.663-17.636.496-.504a13.624 13.624 0 0 0 3.487-10.975Z" fill="#E83452"/>\n <path d="M562.604 166.183H438.006v82.04a24.903 24.903 0 0 0 24.903 24.903h99.695a24.913 24.913 0 0 0 24.912-24.903v-57.137a24.912 24.912 0 0 0-24.912-24.903Z" fill="#fff"/>\n <path d="M474.663 246.269h71.81a6.321 6.321 0 0 0 6.322-6.322V197.38a6.322 6.322 0 0 0-6.322-6.322h-71.81a6.323 6.323 0 0 0-6.322 6.322v42.567a6.322 6.322 0 0 0 6.322 6.322Z" fill="#059688"/>\n <path d="M531.828 210.529h9.938a2.734 2.734 0 0 0 2.734-2.734v-5.313a2.734 2.734 0 0 0-2.734-2.734h-9.938a2.734 2.734 0 0 0-2.734 2.734v5.313a2.734 2.734 0 0 0 2.734 2.734Z" fill="#FFBE3C"/>\n <path d="M504.733 199.784h-26.161c-.75 0-1.358.608-1.358 1.358v1.294c0 .75.608 1.358 1.358 1.358h26.161c.75 0 1.358-.608 1.358-1.358v-1.294c0-.75-.608-1.358-1.358-1.358Zm-13.415 6.836h-12.746c-.75 0-1.358.608-1.358 1.358v1.294c0 .75.608 1.358 1.358 1.358h12.746c.75 0 1.358-.608 1.358-1.358v-1.294c0-.75-.608-1.358-1.358-1.358Zm61.477 18.169h-84.454v11.983h84.454v-11.983Z" fill="#007171"/>\n <path d="M550.584 261.079c8.716 0 15.782-7.066 15.782-15.783 0-8.716-7.066-15.782-15.782-15.782-8.717 0-15.782 7.066-15.782 15.782 0 8.717 7.065 15.783 15.782 15.783Z" fill="#007171"/>\n <path d="M548.308 252.71a1.834 1.834 0 0 1-1.303-.541l-6.028-6.028a1.836 1.836 0 1 1 2.597-2.597l4.734 4.734 9.644-9.643a1.836 1.836 0 0 1 2.588 2.596l-10.91 10.938a1.832 1.832 0 0 1-1.322.541Z" fill="#F2F2F2"/>\n <path d="M543.592 0H426.39a25.288 25.288 0 0 0-25.289 25.288v123.617h142.491a25.293 25.293 0 0 0 25.307-25.289V25.288A25.289 25.289 0 0 0 543.592 0Z" fill="#fff"/>\n <path d="m537.701 21.875 2.184-2.184a1.967 1.967 0 0 0-.171-2.581 1.965 1.965 0 0 0-2.582-.171l-2.184 2.165-2.183-2.193a1.966 1.966 0 0 0-2.582.171 1.96 1.96 0 0 0-.171 2.582l2.193 2.184-2.193 2.193a1.965 1.965 0 0 0-.645 2.25 1.97 1.97 0 0 0 1.968 1.268 1.96 1.96 0 0 0 1.43-.766l2.183-2.138 2.193 2.184a1.965 1.965 0 0 0 2.137.43c.238-.1.454-.246.634-.43a1.946 1.946 0 0 0 0-2.752l-2.211-2.212ZM433.354 66.451l2.184-2.22a1.967 1.967 0 0 0-.171-2.582 1.965 1.965 0 0 0-2.582-.171l-2.193 2.193-2.202-2.193a1.964 1.964 0 0 0-2.753 2.753l2.193 2.193-2.193 2.193a1.962 1.962 0 0 0-.195 2.948 1.97 1.97 0 0 0 1.518.57 1.966 1.966 0 0 0 1.43-.766l2.184-2.193 2.193 2.193a1.963 1.963 0 0 0 2.753-2.752l-2.166-2.166Zm85.408 39.245 2.184-2.193a1.968 1.968 0 0 0 .645-2.251 1.968 1.968 0 0 0-1.968-1.268 1.96 1.96 0 0 0-1.43.766L516 102.943l-2.156-2.211a1.971 1.971 0 0 0-1.43-.766 1.966 1.966 0 0 0-2.089 2.089 1.958 1.958 0 0 0 .766 1.429l2.193 2.193-2.193 2.193a1.961 1.961 0 0 0-.766 1.43 1.96 1.96 0 0 0 1.268 1.968 1.964 1.964 0 0 0 2.251-.645l2.184-2.193 2.193 2.193a1.96 1.96 0 0 0 3.397-.502c.099-.262.14-.542.121-.821a1.952 1.952 0 0 0-.766-1.43l-2.211-2.174Zm13.131-61.12-2.221-2.22c-16.002-15.994-29.059-18.747-35.418-18.967a4.798 4.798 0 0 0-4.873 5.69l1.331 6.9.238 1.367a14.813 14.813 0 0 1-3.572 11.948 14.82 14.82 0 0 1-11.43 4.99l-11.433-.147c-2.276 0-4.588.248-5.9 1.68-.918.917-1.276 2.358-1.165 4.275.825 14.397-7.13 34.08-21.839 54a9.77 9.77 0 0 0 1.66 13.171 9.773 9.773 0 0 0 13.26-.637l81.371-81.37a.489.489 0 0 0 0-.68h-.009Z" fill="#FFBE3C"/>\n <path d="M507.036 54.247a2.302 2.302 0 0 1-2.243-2.742 2.3 2.3 0 0 1 .618-1.176l8.956-8.955a2.293 2.293 0 1 1 3.239 3.248l-8.946 8.946a2.298 2.298 0 0 1-1.624.68Z" fill="#FCECCB"/>\n <path d="m472.232 69.387-14.507-.22a2.292 2.292 0 0 1-1.622-3.916 2.292 2.292 0 0 1 1.622-.672l14.516.22a2.294 2.294 0 0 1 0 4.588h-.009Zm-5.396 10.818-11.405-.229a2.303 2.303 0 0 1-1.609-.704 2.29 2.29 0 0 1-.639-1.636 2.265 2.265 0 0 1 .699-1.614 2.271 2.271 0 0 1 1.641-.634l11.405.23a2.29 2.29 0 0 1 2.271 2.316 2.291 2.291 0 0 1-2.317 2.271h-.046Zm-5.294 10.635-10.093-.284a2.294 2.294 0 1 1 .064-4.588h.073l10.094.294a2.293 2.293 0 1 1-.065 4.588l-.073-.01Z" fill="#fff"/>\n <path d="m537.609 50.31-8.313-8.322-87.363 87.39.991.101c.327.023.655.023.982 0 4.276 0 22.022-1.835 48.705-28.536l44.961-44.962a3.996 3.996 0 0 0 .037-5.67Z" fill="#CCC"/>\n <path d="m490.657 73.865-5.827-5.047a2.89 2.89 0 0 0-3.808 0l-5.836 5.084a2.884 2.884 0 0 0-.991 2.183v17.05a2.9 2.9 0 0 0 2.9 2.899h11.662a2.908 2.908 0 0 0 2.9-2.9V76.05a2.889 2.889 0 0 0-1-2.184Z" fill="#fff"/>\n <path d="M482.922 70.819a1.212 1.212 0 0 1-1.193-1.212v-6.734a1.218 1.218 0 0 1 2.04-.794c.225.206.365.49.391.794v6.735a1.217 1.217 0 0 1-1.238 1.21Z" fill="#005454"/>\n <path d="M488.152 78.334h-10.47a1.219 1.219 0 0 1-.93-2.116 1.224 1.224 0 0 1 .93-.316h10.47a1.223 1.223 0 0 1 1.115 1.216 1.222 1.222 0 0 1-1.115 1.216Zm0 4.726h-10.47a1.21 1.21 0 0 1 0-2.423h10.47a1.21 1.21 0 0 1 0 2.422Z" fill="#FCECCB"/>\n</svg>\n';
|
|
3
|
+
const templateHTML = '<svg viewBox="0 0 588 800" fill="none" aria-hidden="true" focusable="false"><path d="M416.443 187.186a4.526 4.526 0 0 0-5.836 1.248 29.021 29.021 0 0 0-3.312 5.34 25.339 25.339 0 0 0-2.037 6.423 29.495 29.495 0 0 0 .917 13.048l.413 1.441.386 1.294c.213.707.382 1.427.504 2.156.268 1.464.367 2.954.294 4.441 0 .487-.064.973-.119 1.459a11.327 11.327 0 0 0-13.324 3.294l-69.644 86.656a24.7 24.7 0 0 0-2.688 4.203 23.287 23.287 0 0 0 10.093 31.042c11.58 6.056 26.059.972 31.886-10.718l48.017-96.226a90.162 90.162 0 0 0 2.496-5.561l.486-1.202a37.28 37.28 0 0 0 2.817-12.479 29.257 29.257 0 0 0-.477-6.625 27.766 27.766 0 0 0-.78-3.23l-.817-2.587a21.73 21.73 0 0 1-1.018-8.91 19.873 19.873 0 0 1 3.174-8.258l.056-.073c.318-.501.532-1.06.63-1.644a4.42 4.42 0 0 0-2.117-4.532Z" fill="#FFE1CC"/><path d="m317.161 775.299-11.46-2.377a42.437 42.437 0 0 1-34.712-41.896l.073-3.671a3.93 3.93 0 0 0-1.386-3 3.735 3.735 0 0 0-3.018-.863l-43.026-.33a3.358 3.358 0 0 0-3.349 3.349v70.654c0 .745.296 1.459.823 1.985.526.527 1.24.823 1.985.823h27.114a2.808 2.808 0 0 0 2.808-2.808v-5.946a1.356 1.356 0 0 1 .762-1.239 1.383 1.383 0 0 1 1.45.119 49.55 49.55 0 0 0 29.362 9.874h30.088a12.478 12.478 0 0 0 2.532-24.702l-.046.028Zm-195.738-51.165a2.505 2.505 0 0 0-2.028-.917l-41.566.312c-2.028-.349-4.46 1.294-5.102 3.459l-.917 3.368c-3.377 11.442-11.608 22.581-22.591 30.573-7.166 5.212-13.14 8.58-22.462 10.351l-4.304.798c-5.505 1-7.13 1.303-10.635 2.945-6.579 3.084-8.717 5.304-10.9 11.47-1.377 3.826-1.129 7.497.679 10.094A8.466 8.466 0 0 0 8.8 800h30.307c10.424 0 21.967-3.762 32.528-10.607a1.364 1.364 0 0 1 1.541-.129 1.083 1.083 0 0 1 .285 1.239l-1.835 6.423a2.598 2.598 0 0 0 .33 2.285 2.108 2.108 0 0 0 1.743.816h27.345a3.845 3.845 0 0 0 3.441-2.899l17.314-70.654a2.568 2.568 0 0 0-.376-2.34Z" fill="#0A273D"/><path d="M304.581 182.305c-2.092-5.368-3.9-10.011-2.817-13.461l3.23-9.341-67.644-26.656-.147.413c-6.753 19.682-15.782 26.821-23.04 32.565-5.221 4.129-11.011 7.827-16.517 11.405a1348.22 1348.22 0 0 0-5.358 3.469c-8.69 5.707-14.581 12.341-17.499 19.728-2.477 6.249-1.569 16.847 6.277 25.353l.119.128 119.285 5.056h.303l6.836-19.407c4.056-11.011.128-21.123-3.028-29.252Z" fill="#842306"/><path d="M342.339 352.075a23.948 23.948 0 0 1-21.186-12.764l-50.651-95.795a23.968 23.968 0 1 1 42.392-22.379l50.651 95.786a23.977 23.977 0 0 1-21.178 35.18l-.028-.028Z" fill="#FFE1CC"/><path d="M312.894 221.137a24.022 24.022 0 0 0-42.465 22.453l29.17 55.174 42.465-22.453-29.17-55.174Z" fill="#059688"/><path d="M291.909 208.291H187.526l-11.296 61.294v73.479l91.703-.201h.046a6.549 6.549 0 0 0 6.194-4.423l23.352-68.25-5.616-61.899Z" fill="#059688"/><path d="M312.546 122.121a34.969 34.969 0 0 0-26.408-26.693 35.114 35.114 0 0 0-41.236 22.774l-9.534 27.528a35.183 35.183 0 0 0 2.442 28.527 35.199 35.199 0 0 0 22.837 17.269 35.62 35.62 0 0 0 8.048.918 35.118 35.118 0 0 0 33.188-23.692l9.534-27.527a35.072 35.072 0 0 0 1.129-19.104Z" fill="#FFE1CC"/><path d="m271.126 342.624-.138-.156h-91.023L48.632 721.492a10.809 10.809 0 0 0 10.221 14.323h71.223a10.814 10.814 0 0 0 10.222-7.34l59.028-171.945v168.476a10.817 10.817 0 0 0 10.8 10.809h72.415a10.829 10.829 0 0 0 10.809-10.809V400.982c0-.67.055-1.331.055-2.01.009-31.574-22.059-56.11-22.279-56.348Z" fill="#FFBE3C"/><path d="M126.892 344.854a24.023 24.023 0 0 1-19.866-37.465l59.973-88.546a24.012 24.012 0 0 1 15.377-10.38 24.01 24.01 0 0 1 18.186 3.67 24.019 24.019 0 0 1 9.997 24.99 24.029 24.029 0 0 1-3.792 8.669l-59.954 88.519a23.995 23.995 0 0 1-19.921 10.543Z" fill="#FFE1CC"/><path d="M312.591 122.112a35.008 35.008 0 0 0-26.435-26.684c-18.278-4.248-37.768 5.643-43.447 22.022l-11.865 33.831c-2.413 6.992-3.936 17.737-3.872 27.381.083 11.681 2.404 20.379 6.552 24.49l.55.56 17.434-58.468-.495-.11a9.595 9.595 0 0 1-6.341-4.478 9.813 9.813 0 0 1-.688-7.882c2.184-7.056 9.882-8.442 24.949-4.496 14.259 3.725 23.407 3.211 29.996-10.094.468 4.432 2.679 15.599 13.048 19.269l.514.184.11-.532a36.813 36.813 0 0 0-.01-14.993Z" fill="#842306"/><path d="M286.752 170.495c-1.077 0-2.151-.12-3.202-.358a14.846 14.846 0 0 1-9.01-6.193 1.668 1.668 0 0 1 1.717-2.383c.4.051.768.246 1.035.548a11.378 11.378 0 0 0 15.296 3.45 1.686 1.686 0 0 1 1.312-.267 1.67 1.67 0 0 1 1.09.778 1.673 1.673 0 0 1 .175 1.328 1.686 1.686 0 0 1-.852 1.033 14.88 14.88 0 0 1-7.561 2.064Z" fill="#842306"/><path d="M132.315 344.863 91.024 465.066a15.69 15.69 0 0 0 14.828 20.783h.147l88.858-.78a25.743 25.743 0 0 0 24.077-17.342l42.071-122.295.193-.551-128.883-.018Zm174.294-131.37a23.3 23.3 0 0 0-3.67-2.404l-.422-.211-43.595 123.928 5.02.743 42.795-121.597.092-.275-.22-.184Z" fill="#0A273D"/><path d="M410.717 165.687h-34.51a6.021 6.021 0 0 0-5.698 4.092l-20.911 61.864a5.999 5.999 0 0 0 .81 5.432 6.02 6.02 0 0 0 4.888 2.505h34.556a6.035 6.035 0 0 0 5.707-4.093l20.866-61.863a6.015 6.015 0 0 0-.819-5.432 6.028 6.028 0 0 0-4.889-2.505Z" fill="#12364C"/><path d="M200.399 212.447a24.015 24.015 0 0 0-18.022-3.738 24.02 24.02 0 0 0-15.378 10.115l-35.648 52.587 39.741 26.986 35.657-52.587a24.024 24.024 0 0 0-6.35-33.363Z" fill="#059688"/><path d="m407.451 207.492-24.922-16.636a4.022 4.022 0 0 0-5.606.936 4.02 4.02 0 0 0 .936 5.607l13.415 10.231-19.902.798a4.591 4.591 0 0 0-4.138 3.336 4.585 4.585 0 0 0 1.789 5.005h-.835a4.41 4.41 0 0 0-4.225 3.947 4.409 4.409 0 0 0 3.307 4.742l-1.413.065a4.127 4.127 0 0 0-4.028 4.23 4.13 4.13 0 0 0 4.23 4.028h19.939a5.333 5.333 0 0 1 4.331 2.218 5.337 5.337 0 0 1 .734 4.81h17.434l1.083-30.28a4.968 4.968 0 0 0-2.129-3.037ZM128.03 303.517l109.669 14.396a13.563 13.563 0 0 1-1.78 27.014l-110.605-.119a20.738 20.738 0 0 1 0-41.475c.908.004 1.815.065 2.716.184Zm141.234-95.227a7.93 7.93 0 0 1-7.855-7.918 7.82 7.82 0 0 1 2.295-5.64 7.826 7.826 0 0 1 5.642-2.288h.459L250.93 148.4l-12.396 39.456c-4.038 12.341-14.681 20.333-27.298 20.462h-4.588v.459c0 18.59 14.856 33.702 33.115 33.702 18.26 0 33.125-15.112 33.125-33.702v-.487h-3.624Z" fill="#FFE1CC"/><path d="M281.44 307.884a7.158 7.158 0 0 0-5.873-3.019h-10.029l-4.184-2.826a8.6 8.6 0 0 0-10.947 1.101l-15.094 15.351-3.166 25.821a.392.392 0 0 0 .056.376c.037.055.088.1.147.13.06.03.125.046.192.045h34.299a7.22 7.22 0 0 0 6.827-4.882l8.744-25.564a7.154 7.154 0 0 0-.972-6.533Z" fill="#FFE1CC"/><path d="M506.503 354.186v-37.961a24.9 24.9 0 0 0-24.903-24.903h-73.121v62.864a24.904 24.904 0 0 0 24.903 24.903h48.255a24.904 24.904 0 0 0 24.866-24.903Z" fill="#fff"/><path d="M481.307 327.667a13.69 13.69 0 0 0-24.729-6.193 13.662 13.662 0 1 0-21.187 17.158l18.186 18.15a4.315 4.315 0 0 0 6.084 0l17.663-17.636.496-.504a13.624 13.624 0 0 0 3.487-10.975Z" fill="#E83452"/><path d="M562.604 166.183H438.006v82.04a24.903 24.903 0 0 0 24.903 24.903h99.695a24.913 24.913 0 0 0 24.912-24.903v-57.137a24.912 24.912 0 0 0-24.912-24.903Z" fill="#fff"/><path d="M474.663 246.269h71.81a6.321 6.321 0 0 0 6.322-6.322V197.38a6.322 6.322 0 0 0-6.322-6.322h-71.81a6.323 6.323 0 0 0-6.322 6.322v42.567a6.322 6.322 0 0 0 6.322 6.322Z" fill="#059688"/><path d="M531.828 210.529h9.938a2.734 2.734 0 0 0 2.734-2.734v-5.313a2.734 2.734 0 0 0-2.734-2.734h-9.938a2.734 2.734 0 0 0-2.734 2.734v5.313a2.734 2.734 0 0 0 2.734 2.734Z" fill="#FFBE3C"/><path d="M504.733 199.784h-26.161c-.75 0-1.358.608-1.358 1.358v1.294c0 .75.608 1.358 1.358 1.358h26.161c.75 0 1.358-.608 1.358-1.358v-1.294c0-.75-.608-1.358-1.358-1.358Zm-13.415 6.836h-12.746c-.75 0-1.358.608-1.358 1.358v1.294c0 .75.608 1.358 1.358 1.358h12.746c.75 0 1.358-.608 1.358-1.358v-1.294c0-.75-.608-1.358-1.358-1.358Zm61.477 18.169h-84.454v11.983h84.454v-11.983Z" fill="#007171"/><path d="M550.584 261.079c8.716 0 15.782-7.066 15.782-15.783 0-8.716-7.066-15.782-15.782-15.782-8.717 0-15.782 7.066-15.782 15.782 0 8.717 7.065 15.783 15.782 15.783Z" fill="#007171"/><path d="M548.308 252.71a1.834 1.834 0 0 1-1.303-.541l-6.028-6.028a1.836 1.836 0 1 1 2.597-2.597l4.734 4.734 9.644-9.643a1.836 1.836 0 0 1 2.588 2.596l-10.91 10.938a1.832 1.832 0 0 1-1.322.541Z" fill="#F2F2F2"/><path d="M543.592 0H426.39a25.288 25.288 0 0 0-25.289 25.288v123.617h142.491a25.293 25.293 0 0 0 25.307-25.289V25.288A25.289 25.289 0 0 0 543.592 0Z" fill="#fff"/><path d="m537.701 21.875 2.184-2.184a1.967 1.967 0 0 0-.171-2.581 1.965 1.965 0 0 0-2.582-.171l-2.184 2.165-2.183-2.193a1.966 1.966 0 0 0-2.582.171 1.96 1.96 0 0 0-.171 2.582l2.193 2.184-2.193 2.193a1.965 1.965 0 0 0-.645 2.25 1.97 1.97 0 0 0 1.968 1.268 1.96 1.96 0 0 0 1.43-.766l2.183-2.138 2.193 2.184a1.965 1.965 0 0 0 2.137.43c.238-.1.454-.246.634-.43a1.946 1.946 0 0 0 0-2.752l-2.211-2.212ZM433.354 66.451l2.184-2.22a1.967 1.967 0 0 0-.171-2.582 1.965 1.965 0 0 0-2.582-.171l-2.193 2.193-2.202-2.193a1.964 1.964 0 0 0-2.753 2.753l2.193 2.193-2.193 2.193a1.962 1.962 0 0 0-.195 2.948 1.97 1.97 0 0 0 1.518.57 1.966 1.966 0 0 0 1.43-.766l2.184-2.193 2.193 2.193a1.963 1.963 0 0 0 2.753-2.752l-2.166-2.166Zm85.408 39.245 2.184-2.193a1.968 1.968 0 0 0 .645-2.251 1.968 1.968 0 0 0-1.968-1.268 1.96 1.96 0 0 0-1.43.766L516 102.943l-2.156-2.211a1.971 1.971 0 0 0-1.43-.766 1.966 1.966 0 0 0-2.089 2.089 1.958 1.958 0 0 0 .766 1.429l2.193 2.193-2.193 2.193a1.961 1.961 0 0 0-.766 1.43 1.96 1.96 0 0 0 1.268 1.968 1.964 1.964 0 0 0 2.251-.645l2.184-2.193 2.193 2.193a1.96 1.96 0 0 0 3.397-.502c.099-.262.14-.542.121-.821a1.952 1.952 0 0 0-.766-1.43l-2.211-2.174Zm13.131-61.12-2.221-2.22c-16.002-15.994-29.059-18.747-35.418-18.967a4.798 4.798 0 0 0-4.873 5.69l1.331 6.9.238 1.367a14.813 14.813 0 0 1-3.572 11.948 14.82 14.82 0 0 1-11.43 4.99l-11.433-.147c-2.276 0-4.588.248-5.9 1.68-.918.917-1.276 2.358-1.165 4.275.825 14.397-7.13 34.08-21.839 54a9.77 9.77 0 0 0 1.66 13.171 9.773 9.773 0 0 0 13.26-.637l81.371-81.37a.489.489 0 0 0 0-.68h-.009Z" fill="#FFBE3C"/><path d="M507.036 54.247a2.302 2.302 0 0 1-2.243-2.742 2.3 2.3 0 0 1 .618-1.176l8.956-8.955a2.293 2.293 0 1 1 3.239 3.248l-8.946 8.946a2.298 2.298 0 0 1-1.624.68Z" fill="#FCECCB"/><path d="m472.232 69.387-14.507-.22a2.292 2.292 0 0 1-1.622-3.916 2.292 2.292 0 0 1 1.622-.672l14.516.22a2.294 2.294 0 0 1 0 4.588h-.009Zm-5.396 10.818-11.405-.229a2.303 2.303 0 0 1-1.609-.704 2.29 2.29 0 0 1-.639-1.636 2.265 2.265 0 0 1 .699-1.614 2.271 2.271 0 0 1 1.641-.634l11.405.23a2.29 2.29 0 0 1 2.271 2.316 2.291 2.291 0 0 1-2.317 2.271h-.046Zm-5.294 10.635-10.093-.284a2.294 2.294 0 1 1 .064-4.588h.073l10.094.294a2.293 2.293 0 1 1-.065 4.588l-.073-.01Z" fill="#fff"/><path d="m537.609 50.31-8.313-8.322-87.363 87.39.991.101c.327.023.655.023.982 0 4.276 0 22.022-1.835 48.705-28.536l44.961-44.962a3.996 3.996 0 0 0 .037-5.67Z" fill="#CCC"/><path d="m490.657 73.865-5.827-5.047a2.89 2.89 0 0 0-3.808 0l-5.836 5.084a2.884 2.884 0 0 0-.991 2.183v17.05a2.9 2.9 0 0 0 2.9 2.899h11.662a2.908 2.908 0 0 0 2.9-2.9V76.05a2.889 2.889 0 0 0-1-2.184Z" fill="#fff"/><path d="M482.922 70.819a1.212 1.212 0 0 1-1.193-1.212v-6.734a1.218 1.218 0 0 1 2.04-.794c.225.206.365.49.391.794v6.735a1.217 1.217 0 0 1-1.238 1.21Z" fill="#005454"/><path d="M488.152 78.334h-10.47a1.219 1.219 0 0 1-.93-2.116 1.224 1.224 0 0 1 .93-.316h10.47a1.223 1.223 0 0 1 1.115 1.216 1.222 1.222 0 0 1-1.115 1.216Zm0 4.726h-10.47a1.21 1.21 0 0 1 0-2.423h10.47a1.21 1.21 0 0 1 0 2.422Z" fill="#FCECCB"/></svg>';
|
|
4
4
|
const IllustrationMessagesShopping = createIllustrationClass(templateHTML);
|
|
5
5
|
defineCustomElement("sinch-illustration-messages-shopping", IllustrationMessagesShopping);
|
|
6
6
|
export {
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { defineCustomElement } from "../../utils/element.js";
|
|
2
2
|
import { createIllustrationClass } from "../create-illustration-class.js";
|
|
3
|
-
const templateHTML = '<svg viewBox="0 0 1384 800" fill="none" aria-hidden="true" focusable="false"
|
|
3
|
+
const templateHTML = '<svg viewBox="0 0 1384 800" fill="none" aria-hidden="true" focusable="false"><path d="m973.075 549.098-7.218-8.575a13.612 13.612 0 0 0 5.652-15.705 13.59 13.59 0 0 0-3.025-5.112l-33.203-35.037-.434-.433c-34.906-33.767-76.512-42.443-116.933-24.441-40.119 17.757-238.834 178.851-261.383 197.156a13.594 13.594 0 0 0-4.862 12.507 13.593 13.593 0 0 0 8.24 10.591l97.141 40.119c1.107.453 2.266.764 3.451.923a13.569 13.569 0 0 0 11.939-4.518c.765-.852 75.819-86.358 90.125-102.858 16.847-19.417 48.824-12.055 73.077 3.854a28.877 28.877 0 0 1 10.105 11.549 13.599 13.599 0 0 0 26.129-7.117c-3.262-18.017-15.302-25.754-24.974-31.976-9.673-6.222-18.334-11.78-23.719-28.295a37.42 37.42 0 0 1 9.485-39.282 37.857 37.857 0 0 1 39.411-8.661c11.015 3.955 18.622 10.899 22.636 20.615 5.197 12.574 4.143 29.435-2.758 44.016a13.584 13.584 0 0 0 23.387 13.657c.245-.347 15.173-22.088 10.914-50.181l27.111 25.783a13.585 13.585 0 0 0 19.72-18.651l-.014.072Z" fill="#842306"/><path d="M501.196 298.816c80.623 0 145.98-65.357 145.98-145.979 0-80.622-65.357-145.98-145.98-145.98-80.622 0-145.979 65.358-145.979 145.98 0 80.622 65.357 145.979 145.979 145.979Z" fill="#272727"/><path d="m360.832 422.824-1.443-167.548V133.333c0-67.85 53.587-125.018 121.495-126.461a124.153 124.153 0 0 1 126.938 124.151v157.803a90.633 90.633 0 0 1-55.963 83.763 90.65 90.65 0 0 1-34.696 6.897c-13.469 0-26.173 7.723-31.168 20.211-4.995 12.487.909 30.027 9.946 38.978l57.745 58.048-43.785 81.262-149.069-155.161Z" fill="#842306"/><path d="M502.337 6.294c-51.408-3.681-90.775 15.663-115.346 44.897-24.57 29.233-25.581 68.846-70.737 107.68-41.101 35.34-68.847 29.017-107.118 63.693-12.602 11.404-19.922 26.692-29.031 47.639-12.227 27.992-40.421 41.476-73.769 55.306a171.083 171.083 0 0 0 52.779 328.67h196.102V417.424a77.162 77.162 0 0 0 77.162-77.147V186.04c0-16.876 12.848-31.514 29.695-32.438A31.484 31.484 0 0 1 494.7 179.01l84.149-138.415s-26.057-30.706-76.512-34.3Z" fill="#272727"/><path d="M460.414 256.114c6.283 0 11.376-5.093 11.376-11.376 0-6.283-5.093-11.376-11.376-11.376-6.283 0-11.376 5.093-11.376 11.376 0 6.283 5.093 11.376 11.376 11.376Zm595.456 543.294H884.653a28.4 28.4 0 0 1-25.384-15.652 28.404 28.404 0 0 1 2.603-29.707l2.887-3.912a86.157 86.157 0 0 1 96.925-30.157l59.186 20.109a105.542 105.542 0 0 1 47.53 32.915 16.249 16.249 0 0 1 3.55 8.282c.37 3.041-.13 6.126-1.44 8.894a16.214 16.214 0 0 1-5.98 6.74 16.19 16.19 0 0 1-8.66 2.488Z" fill="#CCC"/><path d="M630.675 799.38V653.285a193.79 193.79 0 0 0-58.986-139.209l-17.916-17.324a55.55 55.55 0 0 1-76.165-.173l-48.376-45.763c-51.177-47.914-93.836-36.091-124.499-15.36-30.662 20.73-59.188 70.117-29.58 125.754a341.994 341.994 0 0 1 4.923 9.571c28.468 57.024 59.752 150.744 66.681 228.613l283.918-.014Z" fill="#FFBE3C"/><path d="M1022.13 727.429a13.818 13.818 0 0 0 1.31-5.125c.1-1.782-.15-3.566-.74-5.251a13.594 13.594 0 0 0-12.08-9.069c-22.979-1.271-44.128-15.678-64.599-29.624a917.245 917.245 0 0 0-9.441-6.395 54.068 54.068 0 0 0-65.339 4.432l-.548.505-28.238 27.588-17.15-2.627-226.447-38.372L405.08 470.622a67.96 67.96 0 0 0-96.103.217 67.958 67.958 0 0 0 .217 96.102L508.27 765.498a116.181 116.181 0 0 0 82.07 33.939h122.708c.523.063 1.048.097 1.574.101h123.733c1.285 0 2.555 0 3.826-.101h19.345a63.093 63.093 0 0 0 58.25-38.545 23.125 23.125 0 0 1 8.532.462l49.473 12.213a13.6 13.6 0 0 0 16.414-9.816l4.215 1.213a13.585 13.585 0 0 0 17.32-11.983h.08a13.526 13.526 0 0 0 13.19-10.263 13.49 13.49 0 0 0-.78-8.81 13.508 13.508 0 0 0-6.05-6.45l-.04-.029Z" fill="#842306"/><path d="m1382.2 764.386-116.5-410.611a27.901 27.901 0 0 0-9.97-14.565 27.882 27.882 0 0 0-16.73-5.646h-22.5V20.297A20.415 20.415 0 0 0 1196.06 0v684.279a20.414 20.414 0 0 0 20.41-20.413V350.599h22.51a10.763 10.763 0 0 1 10.33 7.81l116.5 410.625a10.95 10.95 0 0 1-1.79 9.626 11.01 11.01 0 0 1-3.87 3.209 10.98 10.98 0 0 1-4.9 1.14H1164.3a8.502 8.502 0 0 0 0 16.991h190.97c4.33-.002 8.6-1.006 12.47-2.934a28.018 28.018 0 0 0 9.85-8.177 27.861 27.861 0 0 0 5.18-11.711c.8-4.251.61-8.63-.57-12.792Z" fill="#CCC"/><path d="M1196.06 684.279a20.436 20.436 0 0 1-14.43-5.984 20.432 20.432 0 0 1-5.97-14.429V20.398c0-5.41 2.15-10.598 5.97-14.423A20.42 20.42 0 0 1 1196.06 0" fill="#12364C"/><path d="M346.757 799.379c-9.571-115.244-79.399-283.355-141.475-345.806-30.316-30.46-85.405-8.532-77.812 38.444l49.661 307.362h169.626Z" fill="#CCC"/></svg>';
|
|
4
4
|
const IllustrationMonitor = createIllustrationClass(templateHTML);
|
|
5
5
|
defineCustomElement("sinch-illustration-monitor", IllustrationMonitor);
|
|
6
6
|
export {
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { defineCustomElement } from "../../utils/element.js";
|
|
2
2
|
import { createIllustrationClass } from "../create-illustration-class.js";
|
|
3
|
-
const templateHTML = '<svg viewBox="0 0 437 400" fill="none" aria-hidden="true" focusable="false"
|
|
3
|
+
const templateHTML = '<svg viewBox="0 0 437 400" fill="none" aria-hidden="true" focusable="false"><path d="m284.229 94.021.95-2.111c-3.537 1.636-7.707.95-10.558-1.69-2.904-2.692-3.959-6.81-2.745-10.61 3.642-11.456 8.077-25.34 11.455-35.952 3.168-9.977 12.142-16.84 22.331-17.104 13.409-.37 31.833-.897 43.923-1.214 8.288-.211 16.365-2.692 23.439-7.127 8.13-5.068 19.058-11.984 26.554-16.682 4.751-2.956 10.928-1.478 13.884 3.431 5.807 9.661 15.151 25.129 21.011 34.895 1.425 2.376 1.848 5.227 1.214 7.972-.633 2.692-2.323 5.068-4.645 6.44a29315.67 29315.67 0 0 0-33.206 20.22c-1.426.844-2.429 2.217-2.851 3.853-4.698 17.474-20.166 29.616-37.798 29.722-4.118 0-16.049-30.989-16.049-31.728.106-4.012-1.689-7.866-4.54-10.61-2.851-2.746-6.705-4.118-10.558-3.802-5.068.422-9.45 3.854-11.192 8.764-1.584 4.434-3.643 10.083-5.438 15.203-3.114 8.764-7.126 17.158-11.878 25.076-1.056 1.795-2.164 3.59-3.114 5.227-2.534 4.223-7.497 6.071-12.037 4.54-3.114-1.056-5.543-3.537-6.546-6.758-1.003-3.167-.528-6.704 1.32-9.449l7.074-10.506Z" fill="#842306"/><path d="M139.105 301.65c3.907-2.64 9.081-1.637 11.826 2.217 2.745 3.854 2.006 9.238-1.637 12.248l-29.774 28.401-41.864.317 61.449-43.183Z" fill="#F2A068"/><path d="M121.262 314.795c21.116 0 38.221-17.58 38.221-39.277 0-21.697-17.105-39.277-38.221-39.277-21.117 0-38.221 17.58-38.221 39.277.053 21.697 17.157 39.277 38.221 39.277Z" fill="#FFBE3C"/><path d="M194.008 254.665c36.268 0 65.726-30.249 65.726-67.572 0-37.324-29.405-67.573-65.726-67.573-36.32 0-65.725 30.249-65.725 67.573 0 37.323 29.405 67.572 65.725 67.572Z" fill="#007171"/><path d="m185.351 179.966 3.959-1.056v32.625h16.049v-47.248h-12.618l-10.663 3.378 3.273 12.301Z" fill="#fff"/><path d="m1.267 371.757 17.105-36.849 2.111-4.487c3.96-8.499 10.77-15.204 19.164-19.005l1.583-.686 51.683-23.123c4.804-2.164 10.453-.264 13.092 4.435 2.64 4.698 1.426 10.664-2.745 13.884l-22.911 17.685c-1.954 1.478-.898 4.698 1.53 4.698h87.845c4.54 0 8.289 3.59 8.605 8.236.317 4.645-2.903 8.816-7.39 9.449l-67.204 9.503a76.743 76.743 0 0 0-20.166 5.807l-14.993 6.704c-4.645 2.059-8.394 5.755-10.558 10.4l-8.024 16.577c-1.478 3.167-4.54 5.015-7.76 5.015a8.591 8.591 0 0 1-3.538-.792L5.491 383.793C2.429 382.368.37 379.2.37 375.558c0-1.32.37-2.64.897-3.801Z" fill="#F2A068"/><path d="M289.719 162.967c26.66 0 48.251-22.225 48.251-49.624s-21.591-49.624-48.251-49.624c-26.659 0-48.251 22.225-48.251 49.624s21.592 49.624 48.251 49.624Z" fill="#059688"/><path d="M283.49 43.764c3.167-9.978 12.142-16.84 22.33-17.104 13.409-.37 31.834-.898 43.923-1.215 8.288-.21 16.365-2.692 23.439-7.126a6605.238 6605.238 0 0 1 26.607-16.682c4.751-2.957 10.928-1.479 13.884 3.43 5.807 9.662 15.151 25.13 21.011 34.896 1.426 2.376 1.848 5.226 1.214 7.971a10.349 10.349 0 0 1-4.645 6.441c-10.506 6.388-36.11 24.073-36.11 24.073s-.211.528-.527 1.478c-6.283 16.788-21.803 27.927-39.277 28.138-.739 0-1.478 0-2.165.053-4.117.052-8.077 1.689-11.086 4.54a2800.987 2800.987 0 0 1-12.036 11.297c-1.637 1.531-3.801 2.27-6.019 2.112a11.188 11.188 0 0 1-8.657-5.438c-1.901-3.115-2.218-6.968-.951-10.4.37-1.003.634-1.636.634-1.636s6.968-15.362 19.058-18.952c4.17-2.006 6.81-6.282 6.968-10.98 0-.687.528-8.184-4.223-12.83-2.851-2.744-6.705-4.117-10.558-3.8" fill="#842306"/><path d="M113.449 288.135h18.371v-6.652h-8.13c0-1.794 7.919-4.276 7.919-10.611 0-5.12-3.959-7.866-9.291-7.866-6.018 0-8.5 3.854-9.239 7.55l7.338 1.531c.264-1.056.634-2.112 1.584-2.112.581 0 1.056.369 1.056 1.109 0 3.959-9.608 6.757-9.608 13.936v3.115Z" fill="#E24751"/><path d="M302.02 96.028h-23.651v9.555h11.192l-5.755 5.068v6.915h5.174c1.742 0 2.798 1.056 2.798 2.27 0 1.373-1.056 2.165-2.217 2.165-1.109 0-2.006-.898-2.27-2.376l-10.4 2.323c.95 4.171 4.329 10.136 13.198 10.136 7.813 0 13.514-5.015 13.514-12.406 0-5.86-2.85-9.08-6.44-10.4l4.909-4.54v-8.71h-.052Z" fill="#0A273D"/></svg>';
|
|
4
4
|
const IllustrationNumbersPassing = createIllustrationClass(templateHTML);
|
|
5
5
|
defineCustomElement("sinch-illustration-numbers-passing", IllustrationNumbersPassing);
|
|
6
6
|
export {
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { defineCustomElement } from "../../utils/element.js";
|
|
2
2
|
import { createIllustrationClass } from "../create-illustration-class.js";
|
|
3
|
-
const templateHTML = '<svg viewBox="0 0 1215 800" fill="none" aria-hidden="true" focusable="false"
|
|
3
|
+
const templateHTML = '<svg viewBox="0 0 1215 800" fill="none" aria-hidden="true" focusable="false"><path d="m711.325 316.615-16.26 169.599" stroke="#000" stroke-width="3.14" stroke-linecap="round" stroke-linejoin="round"/><path d="M1214.64 494.186H0V799.89h1214.64V494.186Z" fill="#F2F2F2"/><path d="M809.998 566.266H611.067v21.963h198.931v-21.963Zm-151.913-23.591h-38.839v21.963h38.839v-21.963Z" fill="#0A273D"/><path d="M704.658 553.417h-38.839v21.963h38.839v-21.963Zm46.576 0h-38.839v21.963h38.839v-21.963Zm46.576 0h-38.839v21.963h38.839v-21.963Zm-127.737-75H440.747v15.153h229.326v-15.153Z" fill="#0A273D"/><path d="M726.19 161.949H531.809L500.442 493.57h194.381l31.367-331.621Z" fill="#0A273D"/><path d="M934.149 9.202A8.413 8.413 0 0 0 925.771 0H389.132a8.414 8.414 0 0 0-8.377 7.624L350.979 322.43a8.413 8.413 0 0 0 8.376 9.202h536.639a8.412 8.412 0 0 0 8.379-7.624c4.175-44.131 25.22-266.627 29.776-314.806Z" fill="#007171"/><path d="M545.317 0H388.188a8.416 8.416 0 0 0-8.376 7.624L350.035 322.43a8.413 8.413 0 0 0 8.376 9.202H513.95L545.317 0Zm175.541 32.011a8.412 8.412 0 0 0-8.379-9.201H565.732a8.411 8.411 0 0 0-8.376 7.624c-1.023 10.818-2.892 30.597-3.994 42.22a8.41 8.41 0 0 0 4.975 8.483 8.416 8.416 0 0 0 3.401.718h154.411s3.155-33.239 4.714-49.841l-.005-.003Zm-18.824 196.776a8.41 8.41 0 0 0-8.376-9.202h-147.87a8.413 8.413 0 0 0-8.379 7.624c-.229 2.416-.484 5.111-.72 7.624a8.413 8.413 0 0 0 8.376 9.202h155.539s.776-8.316 1.43-15.248Zm-4.041 36.877a8.408 8.408 0 0 0-2.154-6.452 8.424 8.424 0 0 0-6.222-2.75h-147.88a8.415 8.415 0 0 0-8.379 7.625c-.229 2.416-.484 5.11-.72 7.624a8.408 8.408 0 0 0 4.975 8.483 8.401 8.401 0 0 0 3.401.718h155.539s.788-8.313 1.44-15.248Z" fill="#059688"/><path d="M896.094 104.11a7.335 7.335 0 0 0-7.301-8.026H738.738a7.335 7.335 0 0 0-7.301 6.643l-9.051 95.697h158.115a7.336 7.336 0 0 0 7.301-6.644l8.292-87.667v-.003Z" fill="#A7D5C2"/><path d="M1078.13 303.554a8.432 8.432 0 0 0-2.16-6.452 8.416 8.416 0 0 0-6.22-2.75H754.123a8.409 8.409 0 0 0-8.378 7.624l-18.122 191.599h332.527s14.27-150.836 17.98-190.016v-.005Z" fill="#007171"/><path d="m985.066 332.523-154.301-.11c-5.466 0-10.401 4.44-10.997 9.906l-10.054 101.199 163.211.116c5.468 0 10.4-4.438 11-9.906l9.974-91.288c.597-5.466-3.365-9.917-8.833-9.92" fill="#FFBE3C"/><path d="M947.536 380.077h-88.301a6.197 6.197 0 1 1 0-12.393h88.301a6.197 6.197 0 1 1 0 12.393Z" fill="#FCECCB"/><path d="M855.567 136.552h-88.301a6.197 6.197 0 1 1 0-12.393h88.301a6.197 6.197 0 1 1 0 12.393Z" fill="#DCEDE1"/><path d="M900.298 408.368h-44.136a6.197 6.197 0 1 1 0-12.393h44.136a6.188 6.188 0 0 1 4.381 1.815 6.202 6.202 0 0 1 1.815 4.382 6.19 6.19 0 0 1-3.825 5.725 6.205 6.205 0 0 1-2.371.471Z" fill="#FCECCB"/><path d="M852.518 164.841h-44.137a6.196 6.196 0 0 1 0-12.394h44.137a6.206 6.206 0 0 1 4.381 1.815 6.206 6.206 0 0 1 1.815 4.382 6.202 6.202 0 0 1-1.815 4.382 6.204 6.204 0 0 1-4.381 1.815Z" fill="#DCEDE1"/><path d="M1061.6 478.417H708.286l-1.651 15.153h353.325l1.64-15.153Z" fill="#0A273D"/><path d="M993.86 354.717c10.18 0 18.43-8.251 18.43-18.429 0-10.178-8.25-18.43-18.43-18.43-10.178 0-18.43 8.252-18.43 18.43 0 10.178 8.252 18.429 18.43 18.429Z" fill="#E83452"/><path d="m531.854 607.676 4.58-73.955a.988.988 0 0 1 .741-.886l23.37-5.726a68.346 68.346 0 0 0 27.137-13.642l16.733-13.845a51.778 51.778 0 0 1 52.184-8.216l68.337 30.308c3.83 1.522 6.467 4.596 7.237 8.434.676 3.363-.262 6.785-2.508 8.975l-.181.158a11.69 11.69 0 0 1-9.727 2.629l-6.891-1.496c-.416 1.988-1.451 4.317-4.506 6.352-3.657 2.432-8.292 3.024-12.73 1.617l-20.914-5.579a32.903 32.903 0 0 0-32.621 9.388l-13.884 14.891a61.625 61.625 0 0 1-24.029 15.882l-71.029 25.702a.976.976 0 0 1-1.315-.978" fill="#F2A068"/><path d="m638.435 514.174 92.75-6.415a11.387 11.387 0 0 0 6.909-19.702 11.384 11.384 0 0 0-8.037-3.032l-92.931 2.824a13.185 13.185 0 0 0-12.649 13.566 13.183 13.183 0 0 0 13.438 12.785c.152 0 .357-.016.507-.026" fill="#F2A068"/><path d="M1040.14 612.418c0-35.547-29.15-64.361-65.109-64.361-35.963 0-65.113 28.814-65.113 64.361v.936h130.222v-.936Z" fill="#0A273D"/><path d="M1015.3 592.614a12.775 12.775 0 0 0 1.87-4.789c.3-1.706.25-3.454-.14-5.141a12.855 12.855 0 0 0-2.14-4.676 12.854 12.854 0 0 0-3.8-3.469l-18.292-10.953a26.196 26.196 0 0 0-13.755-3.717l-21.806.263c-1.895.031-2.177-2.216-.583-3.252 10.016-6.51 34.28-5.574 49.296-4.233 1.59.141 3.19-.055 4.7-.576a11.396 11.396 0 0 0 4.06-2.447 11.443 11.443 0 0 0 2.7-3.89c.61-1.473.91-3.059.87-4.655a11.656 11.656 0 0 0-11.24-11.381c-12.097-.334-32.251-.263-50.35 2.997-23.734 4.275-49.021 16.519-50.432 17.128l-.127.061-81.631 41.959-92.787 48.112 75.335 44.012 93.697-64.887a9.097 9.097 0 0 1 6.309-1.548 94.22 94.22 0 0 0 51.632-8.15l4.795-2.243a7.727 7.727 0 0 1 5.784-.308l24.261 8.35c2.633.907 5.504.842 8.094-.183a11.671 11.671 0 0 0 6.03-5.404c.11-.202.21-.404.32-.607 1.02-1.929 1.4-4.13 1.1-6.29a10.418 10.418 0 0 0-2.8-5.74l.54.026a9.602 9.602 0 0 0 8.49-4.372v.003Z" fill="#F2A068"/><path d="m202.699 799.913 7.04-67.382a51.487 51.487 0 0 1-38.16-17.446 51.485 51.485 0 0 1-12.509-40.051l27.981-238.22c7.306-62.203 60.299-108.91 122.928-108.345l210.384 1.895a122.665 122.665 0 0 1 114.91 82.828l80.64 234.905 111.058-57.616 41.56 121.117-92.345 66.489a115.848 115.848 0 0 1-67.687 21.834l-505.8-.008Z" fill="#E83452"/><path d="M600.998 129.64c-7.062-34.385-31.152-60.693-62.866-68.665-41.912-10.54-96.057 14.641-110.13 58.554l-22.699 70.829c-7.753 24.2 6.31 50.94 17.769 73.35 11.46 22.41 31.286 41.087 54.374 46.889a78.551 78.551 0 0 0 19.161 2.385c35.005 0 67.111-23.749 79.031-60.939l22.697-73.311a97.197 97.197 0 0 0 2.663-49.092Z" fill="#F2A068"/><path d="M514.432 224.917c-.826 7.992-.879 54.208-.702 101.168a106.8 106.8 0 0 1-31.448 76.038 106.78 106.78 0 0 1-76.18 31.103c-58.183-.458-105.288-47.415-105.932-105.595a3530.93 3530.93 0 0 0-.044-4.044 107.072 107.072 0 0 1 17.42-59.734c22.16-33.941 60.244-92.264 85.906-131.565a190.162 190.162 0 0 1 69.701-63.794l2.826-1.506c39.244-20.935 87.984-8.184 111.947 29.285 1.501 2.366 2.811 4.582 3.862 6.572.623 1.183 1.225 2.869 1.806 4.938a50.005 50.005 0 0 1-9.838 45.656 50.003 50.003 0 0 1-43.255 17.614c-6.341-.628-11.355-1.385-13.787-2.287a29.017 29.017 0 0 0-38.447 33.325 29.014 29.014 0 0 0 26.167 22.823l-.002.003Z" fill="#FFBE3C"/><path d="M599.044 542.239a44.554 44.554 0 0 0-11.779-33.615 44.554 44.554 0 0 0-32.651-14.234H277.313a44.542 44.542 0 0 0-44.223 39.212c-4.206 34.848-10.348 85.97-14.893 123.704a44.548 44.548 0 0 0 25.953 45.947 44.55 44.55 0 0 0 18.27 3.921h282.981a44.547 44.547 0 0 0 44.431-41.231c2.629-35.416 6.449-86.496 9.223-123.704h-.011Z" fill="#0A273D"/><path d="M423.454 633.966h-33.458L373.791 800h33.447l16.216-166.034Z" fill="#0A273D"/></svg>';
|
|
4
4
|
const IllustrationOfficeWorker = createIllustrationClass(templateHTML);
|
|
5
5
|
defineCustomElement("sinch-illustration-office-worker", IllustrationOfficeWorker);
|
|
6
6
|
export {
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { defineCustomElement } from "../../utils/element.js";
|
|
2
2
|
import { createIllustrationClass } from "../create-illustration-class.js";
|
|
3
|
-
const templateHTML = '<svg viewBox="0 0 726 800" fill="none" aria-hidden="true" focusable="false"
|
|
3
|
+
const templateHTML = '<svg viewBox="0 0 726 800" fill="none" aria-hidden="true" focusable="false"><path d="M.316 437.129a362.872 362.872 0 0 0 45.253 175.62A362.614 362.614 0 0 0 170.14 744.492a344.297 344.297 0 0 0 25.667 14.703 362.501 362.501 0 0 0 228.495 35.644A362.632 362.632 0 0 0 627.88 685.071a362.997 362.997 0 0 0 95.899-210.555 363.074 363.074 0 0 0-50.768-225.744A362.748 362.748 0 0 0 496.217 99.613a362.503 362.503 0 0 0-230.949-11.935A362.689 362.689 0 0 0 74.056 217.82 363.042 363.042 0 0 0 .316 437.13Z" fill="#666"/><path d="m159.212 290.207 141.765 45.515-76.5 238.548a74.474 74.474 0 0 1-36.843 43.485 74.403 74.403 0 0 1-56.784 4.681 74.45 74.45 0 0 1-43.46-36.865 74.522 74.522 0 0 1-4.678-56.815l76.5-238.549Z" fill="#A7D5C2"/><path d="m274.263 380.811-36.865-8.323 19.582-88.961 10.163 2.3a27.376 27.376 0 0 1 17.128 12.098 27.425 27.425 0 0 1 3.554 20.675l-13.562 62.211Z" fill="#F2A068"/><path d="m219.206 255.735 23.607 4.917a28.288 28.288 0 0 1 17.894 12.195 28.322 28.322 0 0 1 4.035 21.284l-20.621 99.11-78.964-16.448 20.608-99.047a28.297 28.297 0 0 1 33.441-22.011Z" fill="#F2A068"/><path d="M249.794 316.172a12.404 12.404 0 0 1-2.201-.194 12.95 12.95 0 0 1-10.454-14.865l7.121-41.063a15.544 15.544 0 0 0-14.281-18.17 15.525 15.525 0 0 0-8.376 1.815 12.939 12.939 0 0 1-16.307-5.828 12.957 12.957 0 0 1 4.073-16.841 41.22 41.22 0 0 1 43.718 2.779 41.25 41.25 0 0 1 14.106 17.911 41.288 41.288 0 0 1 2.442 22.673l-7.347 40.999a12.957 12.957 0 0 1-4.308 7.642 12.942 12.942 0 0 1-8.186 3.142Zm-45.571 66.875h-63.05v-63.183h31.719a31.32 31.32 0 0 1 22.154 9.182 31.357 31.357 0 0 1 9.177 22.167v31.834Z" fill="#F2A068"/><path d="M394.601 267.984h39.389c76.805 0 137.362-52.981 86.418-149.779l-19.711-34.134-19.679-34.133a99.808 99.808 0 0 0-36.526-36.567 99.742 99.742 0 0 0-99.815 0 99.818 99.818 0 0 0-36.527 36.567L288.472 84.07l-19.711 34.134a99.875 99.875 0 0 0-13.378 49.934 99.879 99.879 0 0 0 13.375 49.935 99.817 99.817 0 0 0 36.541 36.548 99.741 99.741 0 0 0 49.912 13.362h39.39Z" fill="#CCC"/><path d="M236.135 401.182H136.48a7.41 7.41 0 0 1-6.894-5.117L58.768 191.329a7.455 7.455 0 0 1 .972-6.747 7.444 7.444 0 0 1 6.052-3.131h99.655a7.415 7.415 0 0 1 7.024 5.02l70.688 204.833a7.457 7.457 0 0 1-3.619 9.046 7.459 7.459 0 0 1-3.405.832Z" fill="#0A273D"/><path d="M227.947 410.25v244.667h385.546V410.25c0-76.655-49.941-140.971-117.359-158.685a148.238 148.238 0 0 0-37.642-4.858h-75.543c-7.378.008-14.745.56-22.041 1.652l-1.166.194a136.348 136.348 0 0 0-14.467 3.012 150.911 150.911 0 0 0-14.63 4.696C270.8 278.865 227.947 339.263 227.947 410.25Z" fill="#A7D5C2"/><path d="M410.104 330.939c43.338 0 78.585-37.76 79.589-80.962-4.014-.842-8.027-1.619-12.138-2.137a148.544 148.544 0 0 0-19.063-1.231h-75.543c-7.378.008-14.745.56-22.042 1.652h-1.165a136.348 136.348 0 0 0-14.467 3.012 150.911 150.911 0 0 0-14.63 4.696 79.69 79.69 0 0 0 24.858 53.265 79.596 79.596 0 0 0 54.601 21.705Z" fill="#F2A068"/><path d="M296.563 102.206v65.967c0 39.154 30.425 73.643 64.344 79.634 22.657 3.984 64.571.616 77.938-4.177 11.069-3.951 20.488-18.589 20.488-31.834V103.663a83.015 83.015 0 0 0-4.758-27.56 84.202 84.202 0 0 0-18.74-30.247 80.07 80.07 0 0 0-26.637-18.57 80.033 80.033 0 0 0-31.816-6.463 81.343 81.343 0 0 0-57.232 23.994 81.442 81.442 0 0 0-23.684 57.389h.097Z" fill="#F2A068"/><path d="M360.907 248.424c0 14.865 6.894 49.354 49.197 49.354 43.37 0 49.229-20.855 49.229-85.981v-55.378c0-30.701-22.495-55.993-45.313-55.993-25.051 0-53.534 8.906-53.534 53.629-.032 49.678.421 79.504.421 94.369Zm-81.433 183.944a38.34 38.34 0 0 1-53.663-5.7l-49.1-60.915a38.393 38.393 0 0 1 5.599-53.889 38.332 38.332 0 0 1 42.562-3.931 38.347 38.347 0 0 1 11.522 9.631l48.841 60.592a38.422 38.422 0 0 1-5.761 54.212Z" fill="#F2A068"/><path d="m152.632 358.111 91.337 37.761v-59.815a49.174 49.174 0 0 0-8.315-27.272 49.136 49.136 0 0 0-22.045-18.067l-68.551-28.336c-16.442-6.769-28.838 3.238-25.893 20.532l7.574 43.233a45.347 45.347 0 0 0 9.114 19.09 45.31 45.31 0 0 0 16.779 12.874Z" fill="#F2A068"/><path d="M209.596 310.214a11.253 11.253 0 0 1-4.176-.81L95.699 265.166a11.152 11.152 0 0 1-6.512-5.931 11.18 11.18 0 0 1 2.297-12.556 11.156 11.156 0 0 1 8.19-3.239c1.514.044 3.002.395 4.375 1.033l109.69 44.205a11.17 11.17 0 0 1 6.788 12.491 11.172 11.172 0 0 1-10.964 9.045h.033Z" fill="#F2A068"/><path d="M195.807 759.195a362.32 362.32 0 0 0 231.642 35.099 362.44 362.44 0 0 0 204.72-113.989l-18.676-72.93-385.158 21.73-32.528 130.09Z" fill="#0A273D"/><path d="M329.304 561.48c-21.639 34.893-10.911 80.733 23.963 102.384 34.873 21.652 80.686 10.918 102.326-23.976l123.074-198.457c21.639-34.893 10.911-80.732-23.963-102.384s-80.686-10.917-102.326 23.976L329.304 561.48Z" fill="#A7D5C2"/><path d="m167.005 466.732 115.064-94.535 158.893 193.619a74.514 74.514 0 0 1-10.291 104.833 74.415 74.415 0 0 1-104.773-10.297l-158.893-193.62Z" fill="#A7D5C2"/><path d="M362.267 178.797a22.657 22.657 0 0 1-17.574 8.363 22.654 22.654 0 0 1-17.575-8.363" stroke="#0A273D" stroke-width="1.2" stroke-miterlimit="10" stroke-linecap="round"/><path d="m295.204 81.059-.874 1.813.259-1.813h.615Z" fill="#CCC"/><path d="M498.723 252.277c-25.537 20.046-91.856-.809-91.856-62.243 0-10.299.292-63.669.292-63.669 0-17.779-5.503-37.34-37.578-37.34h-44.309c-24.145 0-28.709 4.891-28.709 25.617l-5.146-11.464 2.104-15.156.712-5.15.874-1.813a175.28 175.28 0 0 1 25.44-37.987 81.053 81.053 0 0 1 56.932-23.835 80.232 80.232 0 0 1 58.485 25.033l1.522 1.652a136.283 136.283 0 0 1 2.848 3.238l1.133 1.393.55.745c.356.42.68.874 1.036 1.327.356.454 1.262 1.75 1.877 2.688.615.94.809 1.199 1.165 1.781l.971 1.523a58.976 58.976 0 0 1 1.974 3.432c.227.389.421.778.648 1.134.226.356.841 1.62 1.23 2.461l1.165 2.429c0 .227.194.518.323.777.13.26.583 1.36.874 2.073.292.712.907 2.267 1.295 3.238a82.529 82.529 0 0 1 4.758 27.592v62.632c8.447 5.052 14.5 8.971 14.5 8.971l8.965 31.478 15.925 47.443Z" fill="#CCC"/><path d="M313.912 131.547h93.279" stroke="#fff" stroke-width="1.59" stroke-miterlimit="10"/><path d="M370.326 156.289c13.657 0 24.728-11.078 24.728-24.742 0-13.665-11.071-24.742-24.728-24.742-13.656 0-24.727 11.077-24.727 24.742 0 13.664 11.071 24.742 24.727 24.742Zm-56.414 0c13.657 0 24.728-11.078 24.728-24.742 0-13.665-11.071-24.742-24.728-24.742-13.657 0-24.728 11.077-24.728 24.742 0 13.664 11.071 24.742 24.728 24.742Z" fill="#F2A068" stroke="#fff" stroke-width="1.59" stroke-miterlimit="10"/></svg>';
|
|
4
4
|
const IllustrationOldPersonOnPhone = createIllustrationClass(templateHTML);
|
|
5
5
|
defineCustomElement("sinch-illustration-old-person-on-phone", IllustrationOldPersonOnPhone);
|
|
6
6
|
export {
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { defineCustomElement } from "../../utils/element.js";
|
|
2
2
|
import { createIllustrationClass } from "../create-illustration-class.js";
|
|
3
|
-
const templateHTML = '<svg viewBox="0 0 600 800" fill="none" aria-hidden="true" focusable="false">\n <path d="M520.743 408.915c43.445 0 78.664-35.219 78.664-78.664 0-43.446-35.219-78.665-78.664-78.665-43.446 0-78.665 35.219-78.665 78.665 0 43.445 35.219 78.664 78.665 78.664Z" fill="#A8D7E2"/>\n <path d="M548.619 301.179h-55.753a16.94 16.94 0 0 0-16.938 16.938v38.548a3.058 3.058 0 0 0 3.049 3.058h69.642a16.938 16.938 0 0 0 16.939-16.938v-24.668a16.938 16.938 0 0 0-16.939-16.938Z" fill="#0A273D"/>\n <path d="M540.667 336a5.776 5.776 0 1 0 .002-11.552 5.776 5.776 0 0 0-.002 11.552Zm-19.924 0a5.776 5.776 0 1 0 0-11.553 5.776 5.776 0 1 0 0 11.553Zm-14.593-3.57a5.777 5.777 0 1 0-10.675-4.42 5.777 5.777 0 0 0 10.675 4.42Z" fill="#A8D7E2"/>\n <path d="M398.85 121.527c33.559 0 60.764-27.205 60.764-60.763C459.614 27.204 432.409 0 398.85 0c-33.559 0-60.764 27.205-60.764 60.764 0 33.558 27.205 60.763 60.764 60.763Z" fill="#007171"/>\n <path d="M435.793 45.974a6.875 6.875 0 0 0-6.722-.32l-11.045 5.464v-1.266a11.515 11.515 0 0 0-3.365-8.147 11.506 11.506 0 0 0-8.144-3.371h-30.756a11.5 11.5 0 0 0-11.483 11.482v21.85a11.5 11.5 0 0 0 11.483 11.483h30.756a11.5 11.5 0 0 0 11.482-11.482v-1.24l11.072 5.438a6.918 6.918 0 0 0 9.994-6.24v-17.83a6.889 6.889 0 0 0-3.272-5.821Z" fill="#FFBE3C"/>\n <path d="M357.244 410.359c24.19 0 43.799-19.609 43.799-43.799 0-24.189-19.609-43.798-43.799-43.798-24.189 0-43.798 19.609-43.798 43.798 0 24.19 19.609 43.799 43.798 43.799Z" fill="#007171"/>\n <path d="m380.432 376.028-4.556-4.546a7.675 7.675 0 0 0-5.438-2.255 7.68 7.68 0 0 0-5.438 2.255 2.6 2.6 0 0 1-3.352.285 46.893 46.893 0 0 1-9.2-9.2 2.566 2.566 0 0 1 .223-3.29l.071-.062a7.708 7.708 0 0 0 0-10.876l-4.564-4.565a7.875 7.875 0 0 0-2.553-1.71 7.875 7.875 0 0 0-6.028 0 7.89 7.89 0 0 0-2.554 1.71l-1.274 1.231a12.28 12.28 0 0 0-1.266 15.957 127.24 127.24 0 0 0 28.705 28.697 12.283 12.283 0 0 0 15.949-1.257l1.275-1.266a7.9 7.9 0 0 0 0-11.108Zm0-93.303c33.559 0 60.764-27.204 60.764-60.763s-27.205-60.764-60.764-60.764c-33.559 0-60.764 27.205-60.764 60.764 0 33.559 27.205 60.763 60.764 60.763Z" fill="#FFBE3C"/>\n <path d="M340.003 219.136h11.295a1.936 1.936 0 0 0 1.926-1.783 57.3 57.3 0 0 1 3.022-15.352 1.926 1.926 0 0 0-.99-2.38 59.08 59.08 0 0 1-6.508-3.566 1.923 1.923 0 0 0-2.567.499 42.385 42.385 0 0 0-8.104 20.424 1.933 1.933 0 0 0 .479 1.511c.182.204.405.367.654.479.25.111.52.168.793.168Zm35.481 25.505a52.495 52.495 0 0 0-8.433 1.462 1.928 1.928 0 0 0-1.314 1.179 1.943 1.943 0 0 0 .19 1.754 35.293 35.293 0 0 0 8.585 9.111 1.926 1.926 0 0 0 3.085-1.542v-10.038a1.944 1.944 0 0 0-.632-1.429 1.924 1.924 0 0 0-1.481-.497Zm31.924 7.007a53.54 53.54 0 0 0-4.101-2.139 1.945 1.945 0 0 0-2.505.766 42.19 42.19 0 0 1-6.044 7.979 39.91 39.91 0 0 1-5.18 4.52.436.436 0 0 0 .069.74.434.434 0 0 0 .288.035 42.396 42.396 0 0 0 17.714-8.727 1.952 1.952 0 0 0 .705-1.65 1.942 1.942 0 0 0-.946-1.524Zm13.453-26.842h-11.295a1.928 1.928 0 0 0-1.926 1.783 57.332 57.332 0 0 1-3.022 15.351 1.926 1.926 0 0 0 .99 2.38 58.976 58.976 0 0 1 6.507 3.566 1.925 1.925 0 0 0 2.568-.499 42.381 42.381 0 0 0 8.104-20.424 1.938 1.938 0 0 0-.475-1.514 1.937 1.937 0 0 0-1.451-.643Zm-67.378-32.522a49.736 49.736 0 0 0 4.1 2.14 1.945 1.945 0 0 0 2.505-.767 42.153 42.153 0 0 1 6.045-7.979 39.901 39.901 0 0 1 5.179-4.52.432.432 0 0 0 .134-.531.436.436 0 0 0-.49-.244 42.407 42.407 0 0 0-17.714 8.736 1.934 1.934 0 0 0 .241 3.165Zm2.763 49.674a57.34 57.34 0 0 1-3.022-15.352 1.928 1.928 0 0 0-1.926-1.783h-11.295a1.926 1.926 0 0 0-1.926 2.149 42.385 42.385 0 0 0 8.104 20.424 1.938 1.938 0 0 0 2.567.499 59.08 59.08 0 0 1 6.508-3.566c.428-.204.766-.559.948-.997a1.92 1.92 0 0 0 .042-1.374Zm19.417-17.152h-14.817a1.918 1.918 0 0 0-1.925 2.068 52.152 52.152 0 0 0 2.558 13.016 1.927 1.927 0 0 0 2.354 1.212 59.218 59.218 0 0 1 11.999-2.184 1.932 1.932 0 0 0 1.783-1.926v-10.261a1.926 1.926 0 0 0-.576-1.368 1.929 1.929 0 0 0-1.376-.557Zm-9.53 33.448a42.122 42.122 0 0 1-6.045-7.979 1.946 1.946 0 0 0-2.505-.775 53.91 53.91 0 0 0-4.101 2.148 1.925 1.925 0 0 0-.24 3.165 42.411 42.411 0 0 0 17.713 8.737c.098.021.2.008.289-.036a.436.436 0 0 0 .068-.74 39.901 39.901 0 0 1-5.179-4.52Zm28.599-72.576a42.19 42.19 0 0 1 6.044 7.979 1.944 1.944 0 0 0 2.505.767 47.903 47.903 0 0 0 4.101-2.14 1.925 1.925 0 0 0 .24-3.165 42.384 42.384 0 0 0-17.722-8.736.427.427 0 0 0-.348.767 40.694 40.694 0 0 1 5.18 4.528Zm-18.9 19.364a59.289 59.289 0 0 1-11.999-2.185 1.93 1.93 0 0 0-2.354 1.213 52.107 52.107 0 0 0-2.558 13.016 1.928 1.928 0 0 0 1.151 1.917c.245.106.508.161.774.16h14.817a1.935 1.935 0 0 0 1.934-1.935V206.94a1.932 1.932 0 0 0-1.765-1.898Zm28.786-3.067a57.324 57.324 0 0 1 3.022 15.351c.038.485.258.937.614 1.268.357.33.826.514 1.312.515h11.295c.273 0 .543-.057.793-.168a1.927 1.927 0 0 0 1.055-1.183c.083-.26.109-.535.078-.807a42.378 42.378 0 0 0-8.104-20.423 1.926 1.926 0 0 0-2.568-.5 58.646 58.646 0 0 1-6.507 3.566 1.929 1.929 0 0 0-.99 2.381Zm-19.586 36.943a59.218 59.218 0 0 1 11.999 2.184 1.925 1.925 0 0 0 2.354-1.212 52.152 52.152 0 0 0 2.558-13.016 1.923 1.923 0 0 0-.508-1.458 1.918 1.918 0 0 0-1.417-.61h-14.817a1.936 1.936 0 0 0-1.934 1.925v10.261a1.93 1.93 0 0 0 1.765 1.926Zm.169-19.782h14.817a1.93 1.93 0 0 0 1.825-1.294c.087-.251.121-.518.1-.783a52.107 52.107 0 0 0-2.558-13.016 1.926 1.926 0 0 0-2.354-1.212 59.17 59.17 0 0 1-11.999 2.21 1.938 1.938 0 0 0-1.783 1.926v10.261a1.934 1.934 0 0 0 1.952 1.908Zm-10.689-33.351a35.293 35.293 0 0 0-8.585 9.111 1.941 1.941 0 0 0-.19 1.755 1.933 1.933 0 0 0 1.314 1.178 52.495 52.495 0 0 0 8.433 1.462 1.922 1.922 0 0 0 1.481-.496 1.936 1.936 0 0 0 .632-1.429v-10.038a1.924 1.924 0 0 0-1.065-1.727 1.923 1.923 0 0 0-2.02.184Zm10.867 13.506a52.507 52.507 0 0 0 8.434-1.462 1.934 1.934 0 0 0 1.123-2.933 35.293 35.293 0 0 0-8.585-9.111 1.947 1.947 0 0 0-.985-.372 1.938 1.938 0 0 0-2.099 1.923v10.03a1.927 1.927 0 0 0 .631 1.429 1.93 1.93 0 0 0 1.481.496Zm9.548 49.745a1.926 1.926 0 0 0 .19-1.754 1.938 1.938 0 0 0-1.313-1.179 52.514 52.514 0 0 0-8.433-1.462 1.939 1.939 0 0 0-1.948 1.145 1.927 1.927 0 0 0-.165.781v10.029a1.933 1.933 0 0 0 3.084 1.551 35.276 35.276 0 0 0 8.585-9.111Z" fill="#007171"/>\n <path d="M523.756 210.488c27.985 0 50.672-22.686 50.672-50.672 0-27.985-22.687-50.671-50.672-50.671-27.985 0-50.672 22.686-50.672 50.671 0 27.986 22.687 50.672 50.672 50.672Z" fill="#0A273D"/>\n <path d="M520.11 158.764a5.588 5.588 0 0 0 7.301 0l20.798-18.115a1.209 1.209 0 0 0 .343-1.345 1.21 1.21 0 0 0-1.145-.785h-47.284a1.21 1.21 0 0 0-.803 2.13l20.79 18.115Zm30.988-13.113-17.099 14.861 17.063 14.852a1.213 1.213 0 0 0 2.015-.892v-27.903a1.21 1.21 0 0 0-1.364-1.182c-.226.028-.439.12-.615.264Zm-54.684 0a1.214 1.214 0 0 0-1.293-.2 1.211 1.211 0 0 0-.722 1.091v27.877a1.215 1.215 0 0 0 1.398 1.181c.229-.036.443-.136.617-.29l17.081-14.798-17.081-14.861Zm33.181 18.507a11.306 11.306 0 0 1-11.669 0l-17.028 14.825a1.212 1.212 0 0 0 .794 2.131h44.128a1.21 1.21 0 0 0 1.145-.785 1.212 1.212 0 0 0-.343-1.346l-17.027-14.825Zm-303.069 40.027c44.332 0 80.269-35.937 80.269-80.269 0-44.331-35.937-80.269-80.269-80.269-44.331 0-80.269 35.938-80.269 80.269 0 44.332 35.938 80.269 80.269 80.269Z" fill="#A8D7E2"/>\n <path d="M253.458 110.41a26.926 26.926 0 0 0-29.074-27.047 26.927 26.927 0 0 0-19.097 10.288 26.936 26.936 0 0 0-5.318 21.029c2.193 14.79 14.487 35.446 21.565 46.358a5.995 5.995 0 0 0 10.047 0c7.078-10.921 19.381-31.577 21.574-46.358.226-1.409.339-2.834.339-4.261l-.036-.009Zm-26.932 11.117a11.114 11.114 0 0 1-10.27-6.863 11.11 11.11 0 0 1 2.409-12.115 11.113 11.113 0 0 1 17.104 1.685 11.112 11.112 0 0 1-1.382 14.037 11.116 11.116 0 0 1-7.861 3.256Z" fill="#0A273D"/>\n <path d="m85.788 542.111-14.656-5.562a43.616 43.616 0 0 1-28.127-40.777v-11.981h42.792l-.01 58.32Z" fill="#842306"/>\n <path d="M85.788 483.791H43.005v11.963h42.783v-11.963Z" fill="#FFBE3C"/>\n <path d="M68.644 771.535c-6.954-8.024-10.698-17.883-3.682-33.262l7.925-16.724-40.268-18.364L.26 772.818a2.735 2.735 0 0 0 .454 3.033c.246.266.543.481.874.631l22.215 10.279a2.668 2.668 0 0 0 2.951-.46c.26-.24.468-.529.615-.85l2.158-4.654a1.891 1.891 0 0 1 3.44.054l4.307 10.056a7.537 7.537 0 0 0 3.753 3.869l5.331 2.442a27.16 27.16 0 0 0 11.161 2.514l37.06.268a2.745 2.745 0 0 0 2.755-2.906c-1.053-18.062-14.746-21.583-28.689-25.559Z" fill="#0A273D"/>\n <path d="m139.018 287.486 5.126-2.327a29.35 29.35 0 0 0 15.345-16.408 29.355 29.355 0 0 0-.76-22.452l-12-26.343a29.38 29.38 0 0 0-38.913-14.576 29.381 29.381 0 0 0-14.576 38.913l11.973 26.308c.062.134.134.258.196.383l14.086 30.935h26.058l-6.535-14.433Z" fill="#842306"/>\n <path d="M136.005 229.557a7.592 7.592 0 0 1 10.065 3.771l2.674 5.777 5.59-2.541-7.56-16.608a29.382 29.382 0 0 0-53.49 24.337l11.973 26.308h10.992a19.38 19.38 0 0 0 16.285-8.885 19.362 19.362 0 0 0 1.349-18.501l-1.631-3.566a7.593 7.593 0 0 1 3.753-10.092Z" fill="#272727"/>\n <path d="M149.377 297.711h-42.809l5.349-12.489h32.111l5.349 12.489Z" fill="#FFBE3C"/>\n <path d="M226.562 309.933a5.352 5.352 0 0 1-4.85-3.084l-5.973-12.837a5.35 5.35 0 0 1 9.69-4.529l6 12.837a5.351 5.351 0 0 1-2.585 7.132 5.224 5.224 0 0 1-2.282.481Zm10.51-29.936a5.348 5.348 0 0 1-4.849-3.084l-7.132-15.253a5.338 5.338 0 0 1-.292-4.164 5.352 5.352 0 0 1 4.858-3.608 5.345 5.345 0 0 1 5.115 3.234l7.132 15.253a5.343 5.343 0 0 1 .194 4.102 5.354 5.354 0 0 1-2.77 3.03 5.264 5.264 0 0 1-2.256.49Z" fill="#842306"/>\n <path d="m220.821 306.1-7.008 15.28h43.683l4.458-9.806a11.496 11.496 0 0 0-.809-10.97 11.491 11.491 0 0 0-9.657-5.264h-13.934a18.407 18.407 0 0 0-16.733 10.76Z" fill="#842306"/>\n <path d="M167.448 744.915v-14.611h-44.637v66.219a3.146 3.146 0 0 0 3.147 3.147h27.19a2.674 2.674 0 0 0 2.675-2.674v-5.59a1.775 1.775 0 0 1 1.042-1.529 1.78 1.78 0 0 1 1.837.219l6.686 5.83a15.158 15.158 0 0 0 9.905 3.735h47.828a3.145 3.145 0 0 0 3.138-3.388c-3.138-37.103-58.811-12.614-58.811-51.358Z" fill="#0A273D"/>\n <path d="m79.859 739.611-64.9-29.571 49.513-108.698a114.775 114.775 0 0 0 10.332-47.606V445.448h71.319v127.865a95.956 95.956 0 0 1-8.63 39.778l-57.634 126.52Z" fill="#E83452"/>\n <path d="M180.311 445.448h-71.318v295.714h71.318V445.448Z" fill="#E83452"/>\n <path d="M274.693 250.364h-26.281a8.158 8.158 0 0 0-7.435 4.788l-23.223 51.18a4.687 4.687 0 0 0 4.27 6.614h31.541l25.389-55.967a4.677 4.677 0 0 0-4.261-6.615Z" fill="#CCC"/>\n <path d="M217.451 309.345a4.69 4.69 0 0 0 4.573 3.646h31.541l25.389-55.967a4.671 4.671 0 0 0-1.391-5.634l-26.289 57.946-33.823.009Z" fill="#666"/>\n <path d="M264.307 255.294h-8.023a.892.892 0 0 1 0-1.783h8.023a.892.892 0 1 1 0 1.783Zm-11.393 0a.877.877 0 0 1-.633-.267.89.89 0 0 1 .294-1.453.892.892 0 0 1 .682 1.65.877.877 0 0 1-.343.07Z" fill="#fff"/>\n <path d="M271.011 279.034a5.35 5.35 0 0 0-7.132 2.595l-5.242 11.232a11.017 11.017 0 0 1-9.913 6.321h-.25a21.836 21.836 0 0 0-20.192 13.729l-3.289 8.513h32.485l10.859-24.007v-.063l5.242-11.188a5.348 5.348 0 0 0-2.568-7.132Zm-29.223-10.795h-12.48a5.35 5.35 0 0 0-3.834 9.075h-.677a5.35 5.35 0 0 0-5.349 5.349 5.294 5.294 0 0 0 1.524 3.735h-.392a5.348 5.348 0 0 0 0 10.698h6.855a5.352 5.352 0 0 0 4.933-3.269 5.341 5.341 0 0 0-1.099-5.815h4.252a5.353 5.353 0 0 0 4.924-3.268 5.346 5.346 0 0 0-1.09-5.807h2.46a5.348 5.348 0 0 0 0-10.698h-.027Z" fill="#842306"/>\n <path d="M74.814 371.25v124.504H93.33a5.028 5.028 0 0 0 3.566-1.47l8.843-8.853a5.626 5.626 0 0 1 7.934 0l8.853 8.853a5.005 5.005 0 0 0 3.566 1.47h54.229V371.25a52.748 52.748 0 0 0-52.598-52.749 52.735 52.735 0 0 0-37.403 15.393 52.74 52.74 0 0 0-15.506 37.356Z" fill="#0A273D"/>\n <path d="m208.393 333.299-9.146 20.13-14.416-32.093a40.872 40.872 0 0 0-37.255-24.124h-38.449a40.461 40.461 0 0 0-37.041 24.07l-17.162 38.209a136.14 136.14 0 0 0-11.946 55.825v68.475H85.77l.17-67.209a96.05 96.05 0 0 1 8.361-38.896l9.477-21.19a27.06 27.06 0 0 1 24.685-16.047 27.051 27.051 0 0 1 24.596 15.708l23.874 51.59c8.915 19.425 36.702 18.98 45.011-.731l30.569-73.744-44.12.027Z" fill="#0A273D"/>\n <path d="M213.814 321.38h43.665l-4.939 11.919h-44.146l5.42-11.919Z" fill="#FFBE3C"/>\n</svg>\n';
|
|
3
|
+
const templateHTML = '<svg viewBox="0 0 600 800" fill="none" aria-hidden="true" focusable="false"><path d="M520.743 408.915c43.445 0 78.664-35.219 78.664-78.664 0-43.446-35.219-78.665-78.664-78.665-43.446 0-78.665 35.219-78.665 78.665 0 43.445 35.219 78.664 78.665 78.664Z" fill="#A8D7E2"/><path d="M548.619 301.179h-55.753a16.94 16.94 0 0 0-16.938 16.938v38.548a3.058 3.058 0 0 0 3.049 3.058h69.642a16.938 16.938 0 0 0 16.939-16.938v-24.668a16.938 16.938 0 0 0-16.939-16.938Z" fill="#0A273D"/><path d="M540.667 336a5.776 5.776 0 1 0 .002-11.552 5.776 5.776 0 0 0-.002 11.552Zm-19.924 0a5.776 5.776 0 1 0 0-11.553 5.776 5.776 0 1 0 0 11.553Zm-14.593-3.57a5.777 5.777 0 1 0-10.675-4.42 5.777 5.777 0 0 0 10.675 4.42Z" fill="#A8D7E2"/><path d="M398.85 121.527c33.559 0 60.764-27.205 60.764-60.763C459.614 27.204 432.409 0 398.85 0c-33.559 0-60.764 27.205-60.764 60.764 0 33.558 27.205 60.763 60.764 60.763Z" fill="#007171"/><path d="M435.793 45.974a6.875 6.875 0 0 0-6.722-.32l-11.045 5.464v-1.266a11.515 11.515 0 0 0-3.365-8.147 11.506 11.506 0 0 0-8.144-3.371h-30.756a11.5 11.5 0 0 0-11.483 11.482v21.85a11.5 11.5 0 0 0 11.483 11.483h30.756a11.5 11.5 0 0 0 11.482-11.482v-1.24l11.072 5.438a6.918 6.918 0 0 0 9.994-6.24v-17.83a6.889 6.889 0 0 0-3.272-5.821Z" fill="#FFBE3C"/><path d="M357.244 410.359c24.19 0 43.799-19.609 43.799-43.799 0-24.189-19.609-43.798-43.799-43.798-24.189 0-43.798 19.609-43.798 43.798 0 24.19 19.609 43.799 43.798 43.799Z" fill="#007171"/><path d="m380.432 376.028-4.556-4.546a7.675 7.675 0 0 0-5.438-2.255 7.68 7.68 0 0 0-5.438 2.255 2.6 2.6 0 0 1-3.352.285 46.893 46.893 0 0 1-9.2-9.2 2.566 2.566 0 0 1 .223-3.29l.071-.062a7.708 7.708 0 0 0 0-10.876l-4.564-4.565a7.875 7.875 0 0 0-2.553-1.71 7.875 7.875 0 0 0-6.028 0 7.89 7.89 0 0 0-2.554 1.71l-1.274 1.231a12.28 12.28 0 0 0-1.266 15.957 127.24 127.24 0 0 0 28.705 28.697 12.283 12.283 0 0 0 15.949-1.257l1.275-1.266a7.9 7.9 0 0 0 0-11.108Zm0-93.303c33.559 0 60.764-27.204 60.764-60.763s-27.205-60.764-60.764-60.764c-33.559 0-60.764 27.205-60.764 60.764 0 33.559 27.205 60.763 60.764 60.763Z" fill="#FFBE3C"/><path d="M340.003 219.136h11.295a1.936 1.936 0 0 0 1.926-1.783 57.3 57.3 0 0 1 3.022-15.352 1.926 1.926 0 0 0-.99-2.38 59.08 59.08 0 0 1-6.508-3.566 1.923 1.923 0 0 0-2.567.499 42.385 42.385 0 0 0-8.104 20.424 1.933 1.933 0 0 0 .479 1.511c.182.204.405.367.654.479.25.111.52.168.793.168Zm35.481 25.505a52.495 52.495 0 0 0-8.433 1.462 1.928 1.928 0 0 0-1.314 1.179 1.943 1.943 0 0 0 .19 1.754 35.293 35.293 0 0 0 8.585 9.111 1.926 1.926 0 0 0 3.085-1.542v-10.038a1.944 1.944 0 0 0-.632-1.429 1.924 1.924 0 0 0-1.481-.497Zm31.924 7.007a53.54 53.54 0 0 0-4.101-2.139 1.945 1.945 0 0 0-2.505.766 42.19 42.19 0 0 1-6.044 7.979 39.91 39.91 0 0 1-5.18 4.52.436.436 0 0 0 .069.74.434.434 0 0 0 .288.035 42.396 42.396 0 0 0 17.714-8.727 1.952 1.952 0 0 0 .705-1.65 1.942 1.942 0 0 0-.946-1.524Zm13.453-26.842h-11.295a1.928 1.928 0 0 0-1.926 1.783 57.332 57.332 0 0 1-3.022 15.351 1.926 1.926 0 0 0 .99 2.38 58.976 58.976 0 0 1 6.507 3.566 1.925 1.925 0 0 0 2.568-.499 42.381 42.381 0 0 0 8.104-20.424 1.938 1.938 0 0 0-.475-1.514 1.937 1.937 0 0 0-1.451-.643Zm-67.378-32.522a49.736 49.736 0 0 0 4.1 2.14 1.945 1.945 0 0 0 2.505-.767 42.153 42.153 0 0 1 6.045-7.979 39.901 39.901 0 0 1 5.179-4.52.432.432 0 0 0 .134-.531.436.436 0 0 0-.49-.244 42.407 42.407 0 0 0-17.714 8.736 1.934 1.934 0 0 0 .241 3.165Zm2.763 49.674a57.34 57.34 0 0 1-3.022-15.352 1.928 1.928 0 0 0-1.926-1.783h-11.295a1.926 1.926 0 0 0-1.926 2.149 42.385 42.385 0 0 0 8.104 20.424 1.938 1.938 0 0 0 2.567.499 59.08 59.08 0 0 1 6.508-3.566c.428-.204.766-.559.948-.997a1.92 1.92 0 0 0 .042-1.374Zm19.417-17.152h-14.817a1.918 1.918 0 0 0-1.925 2.068 52.152 52.152 0 0 0 2.558 13.016 1.927 1.927 0 0 0 2.354 1.212 59.218 59.218 0 0 1 11.999-2.184 1.932 1.932 0 0 0 1.783-1.926v-10.261a1.926 1.926 0 0 0-.576-1.368 1.929 1.929 0 0 0-1.376-.557Zm-9.53 33.448a42.122 42.122 0 0 1-6.045-7.979 1.946 1.946 0 0 0-2.505-.775 53.91 53.91 0 0 0-4.101 2.148 1.925 1.925 0 0 0-.24 3.165 42.411 42.411 0 0 0 17.713 8.737c.098.021.2.008.289-.036a.436.436 0 0 0 .068-.74 39.901 39.901 0 0 1-5.179-4.52Zm28.599-72.576a42.19 42.19 0 0 1 6.044 7.979 1.944 1.944 0 0 0 2.505.767 47.903 47.903 0 0 0 4.101-2.14 1.925 1.925 0 0 0 .24-3.165 42.384 42.384 0 0 0-17.722-8.736.427.427 0 0 0-.348.767 40.694 40.694 0 0 1 5.18 4.528Zm-18.9 19.364a59.289 59.289 0 0 1-11.999-2.185 1.93 1.93 0 0 0-2.354 1.213 52.107 52.107 0 0 0-2.558 13.016 1.928 1.928 0 0 0 1.151 1.917c.245.106.508.161.774.16h14.817a1.935 1.935 0 0 0 1.934-1.935V206.94a1.932 1.932 0 0 0-1.765-1.898Zm28.786-3.067a57.324 57.324 0 0 1 3.022 15.351c.038.485.258.937.614 1.268.357.33.826.514 1.312.515h11.295c.273 0 .543-.057.793-.168a1.927 1.927 0 0 0 1.055-1.183c.083-.26.109-.535.078-.807a42.378 42.378 0 0 0-8.104-20.423 1.926 1.926 0 0 0-2.568-.5 58.646 58.646 0 0 1-6.507 3.566 1.929 1.929 0 0 0-.99 2.381Zm-19.586 36.943a59.218 59.218 0 0 1 11.999 2.184 1.925 1.925 0 0 0 2.354-1.212 52.152 52.152 0 0 0 2.558-13.016 1.923 1.923 0 0 0-.508-1.458 1.918 1.918 0 0 0-1.417-.61h-14.817a1.936 1.936 0 0 0-1.934 1.925v10.261a1.93 1.93 0 0 0 1.765 1.926Zm.169-19.782h14.817a1.93 1.93 0 0 0 1.825-1.294c.087-.251.121-.518.1-.783a52.107 52.107 0 0 0-2.558-13.016 1.926 1.926 0 0 0-2.354-1.212 59.17 59.17 0 0 1-11.999 2.21 1.938 1.938 0 0 0-1.783 1.926v10.261a1.934 1.934 0 0 0 1.952 1.908Zm-10.689-33.351a35.293 35.293 0 0 0-8.585 9.111 1.941 1.941 0 0 0-.19 1.755 1.933 1.933 0 0 0 1.314 1.178 52.495 52.495 0 0 0 8.433 1.462 1.922 1.922 0 0 0 1.481-.496 1.936 1.936 0 0 0 .632-1.429v-10.038a1.924 1.924 0 0 0-1.065-1.727 1.923 1.923 0 0 0-2.02.184Zm10.867 13.506a52.507 52.507 0 0 0 8.434-1.462 1.934 1.934 0 0 0 1.123-2.933 35.293 35.293 0 0 0-8.585-9.111 1.947 1.947 0 0 0-.985-.372 1.938 1.938 0 0 0-2.099 1.923v10.03a1.927 1.927 0 0 0 .631 1.429 1.93 1.93 0 0 0 1.481.496Zm9.548 49.745a1.926 1.926 0 0 0 .19-1.754 1.938 1.938 0 0 0-1.313-1.179 52.514 52.514 0 0 0-8.433-1.462 1.939 1.939 0 0 0-1.948 1.145 1.927 1.927 0 0 0-.165.781v10.029a1.933 1.933 0 0 0 3.084 1.551 35.276 35.276 0 0 0 8.585-9.111Z" fill="#007171"/><path d="M523.756 210.488c27.985 0 50.672-22.686 50.672-50.672 0-27.985-22.687-50.671-50.672-50.671-27.985 0-50.672 22.686-50.672 50.671 0 27.986 22.687 50.672 50.672 50.672Z" fill="#0A273D"/><path d="M520.11 158.764a5.588 5.588 0 0 0 7.301 0l20.798-18.115a1.209 1.209 0 0 0 .343-1.345 1.21 1.21 0 0 0-1.145-.785h-47.284a1.21 1.21 0 0 0-.803 2.13l20.79 18.115Zm30.988-13.113-17.099 14.861 17.063 14.852a1.213 1.213 0 0 0 2.015-.892v-27.903a1.21 1.21 0 0 0-1.364-1.182c-.226.028-.439.12-.615.264Zm-54.684 0a1.214 1.214 0 0 0-1.293-.2 1.211 1.211 0 0 0-.722 1.091v27.877a1.215 1.215 0 0 0 1.398 1.181c.229-.036.443-.136.617-.29l17.081-14.798-17.081-14.861Zm33.181 18.507a11.306 11.306 0 0 1-11.669 0l-17.028 14.825a1.212 1.212 0 0 0 .794 2.131h44.128a1.21 1.21 0 0 0 1.145-.785 1.212 1.212 0 0 0-.343-1.346l-17.027-14.825Zm-303.069 40.027c44.332 0 80.269-35.937 80.269-80.269 0-44.331-35.937-80.269-80.269-80.269-44.331 0-80.269 35.938-80.269 80.269 0 44.332 35.938 80.269 80.269 80.269Z" fill="#A8D7E2"/><path d="M253.458 110.41a26.926 26.926 0 0 0-29.074-27.047 26.927 26.927 0 0 0-19.097 10.288 26.936 26.936 0 0 0-5.318 21.029c2.193 14.79 14.487 35.446 21.565 46.358a5.995 5.995 0 0 0 10.047 0c7.078-10.921 19.381-31.577 21.574-46.358.226-1.409.339-2.834.339-4.261l-.036-.009Zm-26.932 11.117a11.114 11.114 0 0 1-10.27-6.863 11.11 11.11 0 0 1 2.409-12.115 11.113 11.113 0 0 1 17.104 1.685 11.112 11.112 0 0 1-1.382 14.037 11.116 11.116 0 0 1-7.861 3.256Z" fill="#0A273D"/><path d="m85.788 542.111-14.656-5.562a43.616 43.616 0 0 1-28.127-40.777v-11.981h42.792l-.01 58.32Z" fill="#842306"/><path d="M85.788 483.791H43.005v11.963h42.783v-11.963Z" fill="#FFBE3C"/><path d="M68.644 771.535c-6.954-8.024-10.698-17.883-3.682-33.262l7.925-16.724-40.268-18.364L.26 772.818a2.735 2.735 0 0 0 .454 3.033c.246.266.543.481.874.631l22.215 10.279a2.668 2.668 0 0 0 2.951-.46c.26-.24.468-.529.615-.85l2.158-4.654a1.891 1.891 0 0 1 3.44.054l4.307 10.056a7.537 7.537 0 0 0 3.753 3.869l5.331 2.442a27.16 27.16 0 0 0 11.161 2.514l37.06.268a2.745 2.745 0 0 0 2.755-2.906c-1.053-18.062-14.746-21.583-28.689-25.559Z" fill="#0A273D"/><path d="m139.018 287.486 5.126-2.327a29.35 29.35 0 0 0 15.345-16.408 29.355 29.355 0 0 0-.76-22.452l-12-26.343a29.38 29.38 0 0 0-38.913-14.576 29.381 29.381 0 0 0-14.576 38.913l11.973 26.308c.062.134.134.258.196.383l14.086 30.935h26.058l-6.535-14.433Z" fill="#842306"/><path d="M136.005 229.557a7.592 7.592 0 0 1 10.065 3.771l2.674 5.777 5.59-2.541-7.56-16.608a29.382 29.382 0 0 0-53.49 24.337l11.973 26.308h10.992a19.38 19.38 0 0 0 16.285-8.885 19.362 19.362 0 0 0 1.349-18.501l-1.631-3.566a7.593 7.593 0 0 1 3.753-10.092Z" fill="#272727"/><path d="M149.377 297.711h-42.809l5.349-12.489h32.111l5.349 12.489Z" fill="#FFBE3C"/><path d="M226.562 309.933a5.352 5.352 0 0 1-4.85-3.084l-5.973-12.837a5.35 5.35 0 0 1 9.69-4.529l6 12.837a5.351 5.351 0 0 1-2.585 7.132 5.224 5.224 0 0 1-2.282.481Zm10.51-29.936a5.348 5.348 0 0 1-4.849-3.084l-7.132-15.253a5.338 5.338 0 0 1-.292-4.164 5.352 5.352 0 0 1 4.858-3.608 5.345 5.345 0 0 1 5.115 3.234l7.132 15.253a5.343 5.343 0 0 1 .194 4.102 5.354 5.354 0 0 1-2.77 3.03 5.264 5.264 0 0 1-2.256.49Z" fill="#842306"/><path d="m220.821 306.1-7.008 15.28h43.683l4.458-9.806a11.496 11.496 0 0 0-.809-10.97 11.491 11.491 0 0 0-9.657-5.264h-13.934a18.407 18.407 0 0 0-16.733 10.76Z" fill="#842306"/><path d="M167.448 744.915v-14.611h-44.637v66.219a3.146 3.146 0 0 0 3.147 3.147h27.19a2.674 2.674 0 0 0 2.675-2.674v-5.59a1.775 1.775 0 0 1 1.042-1.529 1.78 1.78 0 0 1 1.837.219l6.686 5.83a15.158 15.158 0 0 0 9.905 3.735h47.828a3.145 3.145 0 0 0 3.138-3.388c-3.138-37.103-58.811-12.614-58.811-51.358Z" fill="#0A273D"/><path d="m79.859 739.611-64.9-29.571 49.513-108.698a114.775 114.775 0 0 0 10.332-47.606V445.448h71.319v127.865a95.956 95.956 0 0 1-8.63 39.778l-57.634 126.52Z" fill="#E83452"/><path d="M180.311 445.448h-71.318v295.714h71.318V445.448Z" fill="#E83452"/><path d="M274.693 250.364h-26.281a8.158 8.158 0 0 0-7.435 4.788l-23.223 51.18a4.687 4.687 0 0 0 4.27 6.614h31.541l25.389-55.967a4.677 4.677 0 0 0-4.261-6.615Z" fill="#CCC"/><path d="M217.451 309.345a4.69 4.69 0 0 0 4.573 3.646h31.541l25.389-55.967a4.671 4.671 0 0 0-1.391-5.634l-26.289 57.946-33.823.009Z" fill="#666"/><path d="M264.307 255.294h-8.023a.892.892 0 0 1 0-1.783h8.023a.892.892 0 1 1 0 1.783Zm-11.393 0a.877.877 0 0 1-.633-.267.89.89 0 0 1 .294-1.453.892.892 0 0 1 .682 1.65.877.877 0 0 1-.343.07Z" fill="#fff"/><path d="M271.011 279.034a5.35 5.35 0 0 0-7.132 2.595l-5.242 11.232a11.017 11.017 0 0 1-9.913 6.321h-.25a21.836 21.836 0 0 0-20.192 13.729l-3.289 8.513h32.485l10.859-24.007v-.063l5.242-11.188a5.348 5.348 0 0 0-2.568-7.132Zm-29.223-10.795h-12.48a5.35 5.35 0 0 0-3.834 9.075h-.677a5.35 5.35 0 0 0-5.349 5.349 5.294 5.294 0 0 0 1.524 3.735h-.392a5.348 5.348 0 0 0 0 10.698h6.855a5.352 5.352 0 0 0 4.933-3.269 5.341 5.341 0 0 0-1.099-5.815h4.252a5.353 5.353 0 0 0 4.924-3.268 5.346 5.346 0 0 0-1.09-5.807h2.46a5.348 5.348 0 0 0 0-10.698h-.027Z" fill="#842306"/><path d="M74.814 371.25v124.504H93.33a5.028 5.028 0 0 0 3.566-1.47l8.843-8.853a5.626 5.626 0 0 1 7.934 0l8.853 8.853a5.005 5.005 0 0 0 3.566 1.47h54.229V371.25a52.748 52.748 0 0 0-52.598-52.749 52.735 52.735 0 0 0-37.403 15.393 52.74 52.74 0 0 0-15.506 37.356Z" fill="#0A273D"/><path d="m208.393 333.299-9.146 20.13-14.416-32.093a40.872 40.872 0 0 0-37.255-24.124h-38.449a40.461 40.461 0 0 0-37.041 24.07l-17.162 38.209a136.14 136.14 0 0 0-11.946 55.825v68.475H85.77l.17-67.209a96.05 96.05 0 0 1 8.361-38.896l9.477-21.19a27.06 27.06 0 0 1 24.685-16.047 27.051 27.051 0 0 1 24.596 15.708l23.874 51.59c8.915 19.425 36.702 18.98 45.011-.731l30.569-73.744-44.12.027Z" fill="#0A273D"/><path d="M213.814 321.38h43.665l-4.939 11.919h-44.146l5.42-11.919Z" fill="#FFBE3C"/></svg>';
|
|
4
4
|
const IllustrationOmnichannelMessaging = createIllustrationClass(templateHTML);
|
|
5
5
|
defineCustomElement("sinch-illustration-omnichannel-messaging", IllustrationOmnichannelMessaging);
|
|
6
6
|
export {
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { defineCustomElement } from "../../utils/element.js";
|
|
2
2
|
import { createIllustrationClass } from "../create-illustration-class.js";
|
|
3
|
-
const templateHTML = '<svg viewBox="0 0 438 274" fill="none" aria-hidden="true" focusable="false"
|
|
3
|
+
const templateHTML = '<svg viewBox="0 0 438 274" fill="none" aria-hidden="true" focusable="false"><path d="M299.52 140.32c-2-9.47-9.52-17.14-18.29-21.15-8.77-4-18.68-4.86-28.3-4.6-15.7.4-32.79 4.25-46.34 12.22-6.33 3.7-12.7 7.47-18.19 12.33-12.06 10.77-18.98 26.46-21.87 42.45a432.59 432.59 0 0 0 82.06 5.46M38.37 207.38c1.7-8.42 7.67-15.13 13.45-21.35 3.04-3.26 6.18-6.62 10.02-8.77 4.43-2.46 9.57-3.16 14.6-3.36 6.43-.3 13.05.15 18.88 2.96 5.83 2.75 10.82 8.22 11.71 14.83-16.4 10.23-32.68 21.25-49.08 31.48-.45.25-.9.55-1.44.55-.55 0-1.05-.4-1.45-.75a175.64 175.64 0 0 1-16.7-15.59Z" fill="#DEF2FF"/><path d="m40.06 182.77 6.28 5.16c3.1 1.76 6.78 1.56 11.21.66l17.54-4.72 5.58 24.61-31.99 7.12-4.38-10.17-4.24-22.66Z" fill="#F5B486"/><path d="M19.04 243.42c-1.9-8.97 44.3-18.4 50.03-25.51 6.67-8.27 16.64-14.14 27.2-14.44 10.56-.35 21.48 5.41 26.01 15.04 8.97-29.57 43.55-44.26 72.15-38.44a67.25 67.25 0 0 1 43.1 29.92 198.46 198.46 0 0 1 44.55-57.54c13.3-11.88 32.24-22.2 50.28-23.7 19.13-1.6 29.05 5.6 44.8 16.38 5.58 3.86 13.55 9.38 17.63 14.79 4.49 5.96 7.93 14.73 10.32 21.8 4.78 14.08.65 26.06-.45 40.95-1.15 15.78-9.82 29.57-24.42 36.33-6.47 3.01-21.82 5.17-21.82 5.17s-276.95.65-314.57 0c-12.9-.2-21.67-6.07-24.81-20.75Z" fill="#DEF2FF"/><path d="M69.14 185.29c0-1.19.82-2.2 1.97-2.42 14.66-2.86 58.53-9.28 71.88-13.69 17.23-5.7 28.27-7.96 36.34-5.9L236 177.76l-25.36 35.18s-19.09-35.18-47.44-35.18c-55.46 0-91.49 30.17-91.49 30.17-2.48-2.82-2.6-17.23-2.56-22.64Z" fill="#FFBE3C"/><path d="M43.9 264.17c0-48.02 38.72-87.01 86.5-87.01 47.79 0 86.45 38.94 86.45 87H43.9Z" fill="#DEF2FF"/><path d="m122.73 196.8 6.38-5c2.34-2.61 12.81-13.4 12.91-17.96l6.27-11.12h20.38l-13.1 26.82-4.09 12.88-28.75-5.61Z" fill="#F5B486"/><path d="m98.14 204.84 9.8-.6c3.66-.23 7.04-1.9 9.48-4.69l7.09-8.08c5.15-5.9 6.14 1.73 6.14 1.73s7.26 4.07 14.63 4.07c11.8 0 7.75-7.8 12.3-7.86.72 0 1.32.62 1.32 1.34l-1.14 21.36a4.36 4.36 0 0 1-3.54 4.1c-7.81 1.42-28.13 4.62-49.28 3.64-7.66-.35-14.7-4.3-14.65-8.75.1-4.23 3.7-5.98 7.85-6.25ZM25.8 162.97l3.45 9.26a13.72 13.72 0 0 0 7.2 7.75l9.75 4.47c7.12 3.23.15 6.42.15 6.42s-1.75 8.16.4 15.25c3.43 11.35 9.67 5.2 11.05 9.55.2.69-.2 1.45-.89 1.67l-20.65 5.11c-1.96.5-4-.4-4.92-2.21-3.64-7.1-12.6-25.72-17.83-46.36-1.9-7.46-.2-15.4 4.06-16.64 4.06-1.13 6.76 1.81 8.24 5.73Z" fill="#6EBBEE"/><path d="M227.62 208.53c8.27 8.07 32.93 11.13 57.45 2.3 12.6-4.5 30.26-20.12 30.26-20.12s-47.15-26.18-59.46-37.16" fill="#FFCF6E"/><path d="M40.31 263.46a30.98 30.98 0 0 0 30.9-31.07 30.98 30.98 0 0 0-30.9-31.07c-17.06 0-39.35 13.9-39.35 31.07 0 17.16 22.29 31.07 39.35 31.07Z" fill="#DEF2FF"/><path d="m255.87 153.55-28.25 54.98c-14.8-24.9-26.81-29.22-52.57-91.56-9.82-19.5 15.24-36.89 30.5-21.35l50.32 57.93Z" fill="#FFCF6E"/><path d="M152.08 261.2c0-42.54 34.33-77.07 76.63-77.07s76.64 34.53 76.64 77.08H152.08Z" fill="#DEF2FF"/><path d="M163.38 185.35c.91.34 1.85.03 2.5-.7 5.4-6.14 30.28-35.8 26.5-58C189.66 110.51 176 98.16 176 98.16s-26.64 52.76-38.55 69.37a3.23 3.23 0 0 0 .92 4.68c6.2 3.53 19.81 11.2 25 13.13Z" fill="#FFCF6E"/><path d="M289.9 86.9 243.5 48.3l-10.9 10.66c21.48 24.04 18.46 27.93 38.92 49.18 7.6 7.9 18.38-21.25 18.38-21.25Z" fill="#F5B486"/><path d="M305.23 100.35s-10.87-10.5-16.48-17.34c-.8-.98-2.44-.68-2.86.5-4.64 12.97-14.1 22.84-17.7 26.27-.7.67-.65 1.85.16 2.4 2.9 1.97 9.33 6.23 15.67 9.55 0 0-23.02 25.05-34.95 24.05 9.59 10.28 28.72 58.96 52.05 51.48 13.6-4.37 24.21-27.57 24.21-27.57s23.17-51.02 1.2-55.73c-10.47-7.27-14.07-7.6-21.3-13.6Z" fill="#059688"/><path d="M322.12 117.1s-7.42-2.9-3.04-8.11c4.44-5.21 2.15-9.5-3.11-16.9-6.56-9.24-9.02-10.9-2.45-24.4 3.88-7.97 15.3-18.6 15.3-18.6s8.8 4.07 18.92 12.29c10.11 8.27 0 51.02 0 51.02l-11.91 14.53" fill="#F5B486"/><path d="M326.19 45.13c-5.85 16.61 13.75 27.92-1.5 29.72-30.99 10.38-29.17 33-4.95 38.09 30.03 6.32 3.25 34.35 28.31 34.4 30.05.05 68.28-37.89 34.48-45.78-16.42-3.83-19.06-12.67-19.06-27.95 0-13.56-3.75-27.9-23.43-32.98-6.33-1.64-11.47-2.25-13.85 4.5Z" fill="#703E29"/><path d="m351.33 78.3-11.42-9.14a1.72 1.72 0 0 0-2.42.26L318.44 93.2c-.6.74-.47 1.83.25 2.44l11.42 9.13c.72.61 1.8.48 2.41-.25l19.06-23.8a1.7 1.7 0 0 0-.25-2.42Z" fill="#3AA7EA"/><path d="M339.82 74.67c.7-.48.9-1.45.41-2.16-.48-.7-1.44-.89-2.14-.4-.7.48-.9 1.44-.41 2.15.48.71 1.44.9 2.14.41Z" fill="#DEF2FF"/><path d="M231.14 43.13c-2.06-1.97-3.03-3.76-5.61-3.15l-3.6 1.1 2.36-.84-5.23-4.95c-1.5-1.6-5.73-5.86-6.03-7.2a2.38 2.38 0 0 1 0-1.02 2.5 2.5 0 0 1 1.91-1.98l9.54 7.5 2.8 1.94c3.49 1.94 3.86 1.34 5.88 3.34l2.74 3.02" fill="#F5B486"/><path d="m214.53 50.65 2.89-3.4 5.52-.97 5.21 4.94 5.52-7.71-6.22-5.95a2.87 2.87 0 0 0-2.5-.75l-7.97 1.41c-.75.13-1.45.57-1.89 1.23 0 0-4.2 6.48-4.95 7.72-.83 1.36-.61 3 .31 3.79a2.86 2.86 0 0 0 4.08-.31Z" fill="#F5B486"/><path d="M224.82 44.61a2.96 2.96 0 0 0-2.45-.75l-8.28 1.37c-1.1.17-1.97.97-2.33 2.02l-1.53 5.07c-.04.09-.04.18-.09.27-.3 1.45.22 2.63 1.62 3.07 1.54.49 1.97-.5 2.96-1.75l.67-1.07a5.7 5.7 0 0 1 3.92-2.6l2.57-.43" fill="#F5B486"/><path d="m245.41 49.99-12.48-12.25-10.21 8.59s-1.04 1.96-1.02 3.32c2.74 1.75 3.51 4.06 5.48 6.01 2.95 2.94 4.23 2.01 7.63 5.74l10.6-11.41Z" fill="#F5B486"/><path d="M199.77 25.2c7.08.9 14.8-.2 19.73-5.67 1.4-1.4 3.5.55 2.2 2.05A20.57 20.57 0 0 1 211.08 27c-3.88.75-7.77.5-11.56-.2-.45-.1-.75-.5-.65-.96.05-.4.45-.7.9-.65Z" fill="#703E29"/><path d="M219.03 15.55c1.75-6.63-.2-12.9-4.34-14.01-4.15-1.11-8.93 3.37-10.68 10-1.75 6.64.2 12.92 4.34 14.02 4.16 1.11 8.94-3.37 10.69-10Z" fill="#D13D42"/><path d="M214.85 23.07c2.15-3.73-.9-9.55-6.82-12.98-5.9-3.43-12.44-3.18-14.59.56-2.14 3.73.91 9.55 6.82 12.98 5.91 3.43 12.44 3.18 14.59-.56Z" fill="#EF5858"/><path d="M221 18.83c1-1.46 2-3.66 1.7-5.97h.1c.24 1.05-.1 4.81-1.2 6.27" fill="#703E29"/><path d="M222.74 13.41a.5.5 0 0 0 .5-.5.5.5 0 1 0-1 0c0 .28.23.5.5.5ZM220.9 19.03c.7-1.6 1.25-4.01.45-6.22h.1c.45 1 .85 4.71.1 6.37" fill="#703E29"/><path d="M221.45 13.41a.5.5 0 0 0 .5-.5.5.5 0 1 0-1 0c0 .28.22.5.5.5Z" fill="#703E29"/><path d="M316.67 109.42s2.1-4.85 1.77-8.15c-.45-4.63-5.73-13.31-3.56-14.7 1.19-.77 2.35-.4 2.77.6l-.17-.6a2.47 2.47 0 0 1 1.38-3.34c1.37-.58 2.37-.28 2.94 1.1l.01.03c-.57-1.37-.46-2.75 1.04-3.64 1.28-.76 2.78-.5 3.35.87-.51-.8-.86-3.37.89-4.12 1.74-.76 3.73 0 2.74 1.25.79 2.5.6 12.46 7.4 15.06 1.83.47 3.56-1.78 8.04-3.28 3.5-.6 3.7.33 3.99 1.5.2.79-1 1.3-2.24 1.78-3.24 1.22-7 5.85-7.95 6.58 0 0-4.96 3.89-6.39 7-1.43 3.1-2.56 8.58-2.56 8.58l-13.45-6.52Z" fill="#F5B486"/><path d="M407.35 241.26c-24.22 28.02-75.94 29.37-103.74 4.96-27.86-24.35-22.03-50.62 2.19-78.63 24.21-28.02 50.52-13.94 87.45-13.94 36.37 0 38.32 59.6 14.1 87.61Z" fill="#DEF2FF"/><path d="M344.57 139.82c24.81-14.08 56.08-23.81 82.18 10.51 20.97 27.57 14.46 98.48-62.27 113.36" fill="#DEF2FF"/><path d="m321.8 137.01-4.9 16.35s9.68 12.05 23.69 14.5c.96.18 1.92-.29 2.34-1.17 2.15-4.42 3.12-10.52 12-22.44 5.04-6.72 8.36-20.57-.94-24.87-5.53-2.55-18.04-2.46-23.63 5.7a237.98 237.98 0 0 1-8.56 11.93Z" fill="#059688"/><path d="M311.73 183.02c12.3-2.25 19.46-9.33 26.64-15.6-17.82-7.05-20.96-14.07-20.96-14.07l-5.68 29.67Z" fill="#F5B486"/><path d="M340.73 118.52c-4.24.7-7.68 1.05-12.26-2.4l-6.68 20.94 18.94-18.54Z" fill="#059688"/><path d="M314.87 181.92s-12.73 4-19.89 0c-4.03-2.25-2.65-16.69.89-27.06 6.97-20.4 19.37-36.55 25.47-58.67a252.36 252.36 0 0 1 11.15 10.98s-7.61 26.97-11.15 51.25c-1.45 9.99-6.47 23.5-6.47 23.5Z" fill="#F5B486"/><path d="M383.48 257.61c-32.17 13.39-85.27 15.56-179.33 15.56-94.07 0-179.88-6.03-184.25-17.06 0-7.72 90.18-10.9 184.25-10.9 94.06 0 179.33 4.68 179.33 12.4Z" fill="#DEF2FF"/></svg>';
|
|
4
4
|
const IllustrationOnACloud = createIllustrationClass(templateHTML);
|
|
5
5
|
defineCustomElement("sinch-illustration-on-a-cloud", IllustrationOnACloud);
|
|
6
6
|
export {
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { defineCustomElement } from "../../utils/element.js";
|
|
2
2
|
import { createIllustrationClass } from "../create-illustration-class.js";
|
|
3
|
-
const templateHTML = '<svg viewBox="0 0 576 800" fill="none" aria-hidden="true" focusable="false"
|
|
3
|
+
const templateHTML = '<svg viewBox="0 0 576 800" fill="none" aria-hidden="true" focusable="false"><path d="M56.703 674.418a54.944 54.944 0 0 1-53.105-68.862L36.888 479.8a54.883 54.883 0 0 1 66.571-37.292 54.876 54.876 0 0 1 39.496 65.287l-33.289 125.756a54.878 54.878 0 0 1-52.963 40.867Z" fill="#F2A068"/><path d="m37.903 476.25-15.14 56.766 107.638 14.933 42.801-154.575h-27.409a111.669 111.669 0 0 0-107.89 82.876Z" fill="#FFBE3C"/><path d="m192.51 265.541 27.186 105.116a18.091 18.091 0 0 1-17.437 22.717l4.756 9.622 62.679 6.674 55.23-16.312c-13.919 0-27.52-8.449-27.52-24.65 0-11.287 10.193-19.879 23.033-23.922" fill="#F2A068"/><path d="M395.704 393.374H145.698a64.347 64.347 0 0 0-63.082 51.588 64.347 64.347 0 0 0 .846 29.148l72.175 273.784 100.25 30.214 243.411.967-103.594-385.701Z" fill="#FFBE3C"/><path d="M157.635 393.374a100.41 100.41 0 0 0 100.4 99.147 100.41 100.41 0 0 0 100.4-99.147h-200.8Z" fill="#F2A068"/><path d="M260.595 268.426c74.12 0 134.205-60.086 134.205-134.205C394.8 60.101 334.715.016 260.595.016 186.476.016 126.39 60.1 126.39 134.22c0 74.119 60.086 134.205 134.205 134.205Z" fill="#842306"/><path d="M118.131 132.541c34.136 0 61.808-27.673 61.808-61.808 0-34.136-27.672-61.808-61.808-61.808-34.136 0-61.808 27.672-61.808 61.808 0 34.135 27.672 61.808 61.808 61.808Z" fill="#842306"/><path d="m171.49 185.281 21.622 82.321c15.852 60.54 65.565 94.527 125.803 77.581 63.521-17.866 113.836-61.221 93.291-135.188L388 117.877a113.333 113.333 0 0 0-91.278-83.002s15.425 124.377-125.232 150.406Z" fill="#F2A068"/><path d="M422.066 131.875a32.572 32.572 0 0 0-49.918-18.413 32.58 32.58 0 0 0-12.349 16.241l-25.031 6.769a33.756 33.756 0 0 0-5.041-3.583 32.911 32.911 0 0 0-49.303 31.563 32.905 32.905 0 0 0 32.28 29.793 32.907 32.907 0 0 0 33.138-28.835 32.91 32.91 0 0 0-5.621-22.835l17.977-4.755a32.563 32.563 0 0 0 19.336 32.459 32.562 32.562 0 0 0 13.05 2.764 32.598 32.598 0 0 0 25.913-12.757 32.603 32.603 0 0 0 5.617-28.332l-.048-.079Zm-102.072 53.676a25.284 25.284 0 1 1 17.833-30.991 25.367 25.367 0 0 1-17.833 30.991Zm77.168-20.798a25.268 25.268 0 1 1 17.85-30.976 25.13 25.13 0 0 1-8.973 26.64 25.14 25.14 0 0 1-8.877 4.336Z" fill="#1E2225"/><path d="M357.69 248.12a62.628 62.628 0 0 1-27.091-5.961 3.663 3.663 0 0 1-1.328-4.684 3.658 3.658 0 0 1 4.498-1.863 55.989 55.989 0 0 0 36.635 3.583c9.86-2.743 17.834-9.337 25.126-20.767a3.66 3.66 0 0 1 4.945-.955 3.66 3.66 0 0 1 1.221 4.887c-8.322 13.046-17.643 20.608-29.327 23.873a55.477 55.477 0 0 1-14.679 1.887Z" fill="#842306"/><path d="M520.461 797.971a54.913 54.913 0 0 1-53.026-40.883l-65.311-247.089a54.886 54.886 0 0 1 106.115-28.091l65.311 247.09a54.92 54.92 0 0 1-9.598 47.515 54.926 54.926 0 0 1-43.491 21.41v.048Z" fill="#F2A068"/><path d="M388.38 393.374h-17.976l30.309 139.642h121.111l-11.461-44.766a125.848 125.848 0 0 0-121.983-94.876Z" fill="#FFBE3C"/><path d="m170.221 350.065-22.066-100.836a12.11 12.11 0 0 1 18.042-13.035 12.116 12.116 0 0 1 5.499 7.344l26.378 99.869a14.33 14.33 0 0 1-5.17 15.061 14.328 14.328 0 0 1-20.084-2.714 14.311 14.311 0 0 1-2.456-5.023c-.048-.238-.095-.396-.143-.666Z" fill="#F2A068"/><path d="m283.613 321.484-65.946 35.382a17.192 17.192 0 0 1-15.033.608 17.197 17.197 0 0 1-9.76-11.451l-39.409-152.625a17.218 17.218 0 0 1 8.26-19.324l64.788-36.159a17.2 17.2 0 0 1 15.114-.815 17.211 17.211 0 0 1 9.916 11.436l40.55 153.45a17.196 17.196 0 0 1-8.48 19.498Z" fill="#0A273D"/><path d="M177.497 303.904a24.591 24.591 0 0 1-1.838-11.763 28.071 28.071 0 0 1 2.79-9.876 23.95 23.95 0 0 1 7.767-9.115 24.61 24.61 0 0 1 3.171-1.823l1.093-.523 2.22-1.03c5.881-2.79 11.81-5.485 17.738-8.18 5.929-2.695 11.842-5.406 17.834-7.926 5.992-2.521 12.016-5.057 18.119-7.356a13.127 13.127 0 0 1 11.097 23.779c-5.691 3.17-11.477 6.214-17.279 9.178-5.802 2.964-11.683 5.754-17.548 8.576-5.866 2.822-11.747 5.628-17.66 8.354l-2.219 1.031-1.11.507c.374-.157.73-.353 1.062-.587a4.384 4.384 0 0 0 1.586-1.696c.076-.174.108-.365.095-.555a4.519 4.519 0 0 0-.539-2.171 14.328 14.328 0 0 1-26.347 11.271l-.032-.095Z" fill="#F2A068"/><path d="M266.27 294.202c-6.991 3.979-14.14 7.625-21.337 11.097a76.891 76.891 0 0 0-9.21 4.977 24.788 24.788 0 0 0-5.723 4.978 15.87 15.87 0 0 0-2.885 5.374 23.927 23.927 0 0 0-.856 7.276 85.597 85.597 0 0 0 3.313 19.023l.079.349a14.3 14.3 0 0 1-4.422 15.274 14.314 14.314 0 0 1-20.165-1.728 14.323 14.323 0 0 1-2.694-4.891 77.228 77.228 0 0 1-5.517-27.948 52.75 52.75 0 0 1 2.6-16.359 42.916 42.916 0 0 1 8.972-15.282 50.509 50.509 0 0 1 12.825-10.05c4.343-2.489 8.814-4.217 12.222-5.77 7.292-3.171 14.631-6.341 22.193-9.115a12.675 12.675 0 0 1 15.311 6.738 12.682 12.682 0 0 1-4.69 16.057h-.016Z" fill="#F2A068"/><path d="m169.952 300.749 72.635-21.797-52.899 66.088-19.736-44.291Z" fill="#F2A068"/><path d="M231.332 375.429 126.707 649.15A65.392 65.392 0 0 1 4.613 602.481a68.174 68.174 0 0 1 6.61-12.777l162.105-244.125a32.816 32.816 0 0 1 58.004 29.866v-.016Z" fill="#F2A068"/><path d="M215.115 197.044c1.585 6.832-1.474 13.617-7.023 15.107-5.548 1.49-11.508-2.917-13.094-9.86-1.585-6.944 1.697-13.57 7.245-14.965 5.548-1.395 11.239 2.901 12.872 9.718Z" fill="#FFBE3C"/><path d="M169.365 189.403c.92 2.885 0 5.849-2.203 6.594-2.204.745-4.756-1.03-5.58-3.979-.824-2.948.143-5.849 2.298-6.547 2.156-.697 4.566 1.063 5.485 3.932Z" fill="#F1F1F1"/><path d="M199.279 474.157a3.608 3.608 0 0 1-1.142-.19 3.643 3.643 0 0 1-2.123-1.823 3.656 3.656 0 0 1-.207-2.79l34.051-103.674c2.6-9.02.475-14.79.444-14.854a3.677 3.677 0 0 1 2.076-4.755 3.622 3.622 0 0 1 2.801.007 3.603 3.603 0 0 1 1.955 2.006c.127.317 3.17 7.926-.254 19.72l-34.098 103.801a3.66 3.66 0 0 1-3.503 2.552Z" fill="#842306"/><path d="M161.36 363.714c10.716-14.869 3.852-36.587 3.852-36.587l22.384 22.716-26.236 13.871Zm77.391-156.05-8.608 12.318-8.782 12.222-8.862 12.158-4.549 6.103-2.156 2.965c-.539.808-1.142 1.585-1.585 2.394a49.346 49.346 0 0 0-7.514 21.59 48.359 48.359 0 0 0 .237 11.525c.105.958.258 1.911.46 2.853l.27 1.427.412 1.791 1.68 7.324a14.34 14.34 0 1 1-27.868 6.785l-1.823-7.308-.46-1.871-.491-2.251c-.349-1.506-.587-3.027-.825-4.549a75.795 75.795 0 0 1-.443-18.468 76.784 76.784 0 0 1 12.301-34.526c.824-1.3 1.775-2.521 2.663-3.773.888-1.253 1.585-2.029 2.346-3.06l4.597-5.96 9.21-11.889 9.306-11.826 9.4-11.747a13.19 13.19 0 0 1 21.084 15.853v-.08ZM523.79 798.24H243.062a32.274 32.274 0 0 1-4.422-64.281l278.096-38.441a51.597 51.597 0 0 1 57.409 44.15 51.597 51.597 0 0 1-43.285 58.065 56.304 56.304 0 0 1-7.07.507Z" fill="#F2A068"/><path d="m306.313 796.386-28.867-66.58a1.002 1.002 0 0 0-.983-.57l-23.429 2.52a67.118 67.118 0 0 1-29.549-3.519l-20.006-7.181a50.73 50.73 0 0 0-50.806 9.828l-52.836 50.633a11.213 11.213 0 0 0-3.868 10.177 9.669 9.669 0 0 0 5.311 7.434l.222.08c1.289.498 2.66.75 4.042.745a11.477 11.477 0 0 0 5.786-1.585l5.85-3.678a9.507 9.507 0 0 0 6.341 4.343 14.424 14.424 0 0 0 12.253-2.742l17.438-12.111a32.242 32.242 0 0 1 33.179-2.235l17.722 9.099a60.444 60.444 0 0 0 27.425 6.626h73.982a.943.943 0 0 0 .714-.301 1.002 1.002 0 0 0 .079-.983Z" fill="#F2A068"/><path d="M176.974 745.801 89.406 770.8a11.15 11.15 0 1 1-6.53-21.321l86.537-28.36a12.923 12.923 0 0 1 9.853.752 12.922 12.922 0 0 1 6.435 7.499 12.911 12.911 0 0 1-8.251 16.289l-.476.142ZM81.306 609.979c33.593 0 60.825-27.232 60.825-60.825s-27.232-60.825-60.825-60.825-60.825 27.232-60.825 60.825 27.232 60.825 60.825 60.825Z" fill="#F2A068"/></svg>';
|
|
4
4
|
const IllustrationOnThePhone = createIllustrationClass(templateHTML);
|
|
5
5
|
defineCustomElement("sinch-illustration-on-the-phone", IllustrationOnThePhone);
|
|
6
6
|
export {
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { defineCustomElement } from "../../utils/element.js";
|
|
2
2
|
import { createIllustrationClass } from "../create-illustration-class.js";
|
|
3
|
-
const templateHTML = '<svg viewBox="0 0 845 800" fill="none" aria-hidden="true" focusable="false"
|
|
3
|
+
const templateHTML = '<svg viewBox="0 0 845 800" fill="none" aria-hidden="true" focusable="false"><path d="M48.916 152.174h506.647a48.899 48.899 0 0 1 47.009 35.567 7068.37 7068.37 0 0 1 6.468 22.632l35.815 132.985s106.453 49.581 158.685 73.954a48.913 48.913 0 0 1 28.189 44.357v149.647H445.461v-.329H48.916A48.973 48.973 0 0 1 0 562.068V201.174a48.973 48.973 0 0 1 48.916-49Z" fill="#A7D5C2"/><path d="M459.216 208.593h149.489l36.897 135.232H459.216V208.593Z" fill="#DCEDE1"/><path d="M461.826 152.135h-33.214v459.142h33.214V152.135Z" fill="#059688"/><path d="M665.166 693.12c44.368 0 80.336-35.968 80.336-80.336 0-44.368-35.968-80.336-80.336-80.336-44.368 0-80.336 35.968-80.336 80.336 0 44.368 35.968 80.336 80.336 80.336Zm-532.746 0c44.369 0 80.336-35.968 80.336-80.336 0-44.368-35.967-80.336-80.336-80.336-44.368 0-80.335 35.968-80.335 80.336 0 44.368 35.967 80.336 80.335 80.336Z" fill="#007171"/><path d="M665.166 648.895c19.944 0 36.111-16.167 36.111-36.111 0-19.943-16.167-36.11-36.111-36.11-19.943 0-36.11 16.167-36.11 36.11 0 19.944 16.167 36.111 36.11 36.111Zm-532.738 0c19.943 0 36.11-16.167 36.11-36.111 0-19.943-16.167-36.11-36.11-36.11-19.943 0-36.11 16.167-36.11 36.11 0 19.944 16.167 36.111 36.11 36.111Z" fill="#059688"/><path d="M779.784 474.882a8.682 8.682 0 0 1 2.537-6.13 8.68 8.68 0 0 1 6.129-2.539h43.308v50.733H788.45a8.663 8.663 0 0 1-8.008-5.353 8.666 8.666 0 0 1-.658-3.318v-33.393Z" fill="#FFD03C"/><path d="M782.079 566.717a6.167 6.167 0 0 1 1.805-4.363 6.165 6.165 0 0 1 4.36-1.81h49.721a6.168 6.168 0 0 1 5.708 3.809c.311.75.47 1.553.47 2.364v38.387a6.166 6.166 0 0 1-3.814 5.705c-.75.31-1.553.469-2.364.469h-49.721a6.17 6.17 0 0 1-6.165-6.174v-38.387Z" fill="#007171"/><path d="M126.06 771.682c5.39-6.332 12.098-14.22 12.098-27.173v-2.068c0-.111.016-.219.019-.33V718.17a4.993 4.993 0 0 1 3.533 1.47 4.973 4.973 0 0 1 1.447 3.543l-.023 7.416a20.757 20.757 0 0 1 31.092-10.303 20.756 20.756 0 0 1 7.778 9.643v-6.796a4.98 4.98 0 0 1 4.98-4.981h.678v47.539c.776 10.574 2.902 17.006 2.995 17.246A12.79 12.79 0 0 1 178.601 800h-47.487a12.796 12.796 0 0 1-11.819-7.899 12.814 12.814 0 0 1-.973-4.896c0-6.44 3.754-10.854 7.73-15.523m140.292-51.793h22.548c4.574 0 8.801 3.693 9.442 8.281 3.166-4.103 7.832-6.976 13.417-7.933 2.161-.37 4.409 1.39 4.715 3.635l.464 3.828c1.744 12.774 8.811 24.972 19.456 33.578 7.023 5.674 15.248 9.497 23.743 11.035l12.423 2.496c6.083 1.224 11.051 6.429 11.895 12.462.984 7.028-3.915 12.726-10.943 12.726h-31.715c-10.951 0-24.047-3.783-33.768-10.323-1.377-.928-3.026-.034-2.807 1.523l.879 6.273a2.155 2.155 0 0 1-.486 1.781 2.147 2.147 0 0 1-1.688.746h-28.582a3.006 3.006 0 0 1-2.878-2.527l-8.779-74.482a2.633 2.633 0 0 1 1.527-2.874 2.645 2.645 0 0 1 1.137-.225Z" fill="#0A273D"/><path d="m217.302 380.582 82.573 2.409s29.433 295.395 34.904 350.869a8.188 8.188 0 0 1-1.991 6.218 8.361 8.361 0 0 1-6.052 2.651h-69.224a8.08 8.08 0 0 1-8.044-7.223l-23.875-208.015-20.231 203.121a8.096 8.096 0 0 1-8.031 7.303h-68.575a8.345 8.345 0 0 1-6.052-2.652 8.168 8.168 0 0 1-1.989-6.218c5.638-55.88 35.897-355.354 35.897-355.354l60.69 6.891Z" fill="#E83452"/><path d="M365.115 153.702a3.218 3.218 0 0 1 2.783-1.583l38.253.053-41.487 69.57-34.433-.051a3.248 3.248 0 0 1-2.786-4.854l37.67-63.135Z" fill="#666"/><path d="M406.064 178.421c-2.045 2.232-3.562 4.64-4.342 7.233-.781 2.594-.903 5.39-.51 8.543l.338 2.564c.132 1.05.2 2.107.206 3.166a28.167 28.167 0 0 1-.644 6.302c-.905 4-2.496 7.812-4.704 11.267l-.182.288-.24.285a6580.175 6580.175 0 0 1-21.719 25.373l-10.904 12.663a4.747 4.747 0 0 1-7.196-6.181l-.124-.108 10.858-12.687a4601.428 4601.428 0 0 1 21.799-25.304l-.422.569a25.941 25.941 0 0 0 3.511-8.178c.313-1.385.468-2.801.462-4.221.001-.705-.042-1.41-.127-2.11l-.148-1.274-.15-1.428c-.375-3.854-.282-8.31 1.25-12.428a24.062 24.062 0 0 1 2.982-5.735 27.685 27.685 0 0 1 4.16-4.625 4.205 4.205 0 0 1 5.909 5.965l-.063.061Z" fill="#842306"/><path d="m371.198 152.135 34.196.05a4.704 4.704 0 0 1 4.052 2.353 4.64 4.64 0 0 1-.056 4.664l-36.435 61.08a3.032 3.032 0 0 1-2.595 1.48l-40.662-.058 41.5-69.569Z" fill="#CCC"/><path d="M402.098 162.137c1.105-1.303 1.132-3.097.059-4.007-1.072-.909-2.837-.589-3.943.715-1.105 1.303-1.131 3.097-.059 4.006 1.073.91 2.838.59 3.943-.714Z" fill="#666"/><path d="m308.87 276.72 70.702-72.316a10.812 10.812 0 0 1 14.503.118 10.812 10.812 0 0 1 1.346 14.441l-53.978 87.686a22.245 22.245 0 0 1-35.794-26.421 23.22 23.22 0 0 1 3.221-3.506" fill="#842306"/><path d="m378.722 187.493-10.943-11.856a3.907 3.907 0 0 1 .238-5.479 3.842 3.842 0 0 1 5.223.084l20.725 19.733a5.087 5.087 0 0 1 1.493 3.232l2.488-1.493-4.809 21.226-19.564 5.72a5.117 5.117 0 0 0-.911-6.047 5.102 5.102 0 0 0-1.828-1.166l-3.15-.58-1.076-.085.082-.082-15.993-2.817a3.842 3.842 0 0 1-3.15-3.022 3.843 3.843 0 0 1 .001-1.537 3.882 3.882 0 0 1 4.31-3.232l1.319.164a4.12 4.12 0 0 1-2.403-4.559 4.169 4.169 0 0 1 4.725-3.397l.746.081a4.38 4.38 0 0 1-.836-5.032 4.384 4.384 0 0 1 4.493-2.418l18.82 2.562Z" fill="#842306"/><path d="M177.258 213.194a53.17 53.17 0 0 1 45.433-25.452h58.698a33.305 33.305 0 0 1 29.427 17.408 33.31 33.31 0 0 1-1.405 34.161c-10.025 15.586-18.488 28.603-18.488 28.603l2.24 28.932 41.701-61.262 33.826 26.945s-18.655 30.51-33.33 54.554a33.503 33.503 0 0 1-39.464 14.095l4.395 56.208-145.17.992 3.068-32.251h-18.654c-.994.082-1.992.082-2.986 0a22.099 22.099 0 0 1-13.845-5.226 26.606 26.606 0 0 1-6.891-35.15l61.204-102.391.241-.166Z" fill="#12364C"/><path d="M263.84 219.987c6.448 4.809 20.05-11.08 20.05-11.08V191.17a8.707 8.707 0 0 1 7.885-8.679c13.647-1.271 23.611-13.594 22.253-27.518l-4.205-43.104c-1.847-19.06-18.66-33.048-37.382-30.98-18.325 2.024-31.344 19.053-29.518 37.786l5.622 57.643c.554 5.669-3.504 10.684-9.06 11.204l-3.018.28 27.373 32.185Z" fill="#842306"/><path d="M243.018 119.103c-2.195-20.485 10.151-35.575 28.188-38.253 17.754-2.638 35.351 10.35 38.345 28.861 0 0-6.21 12.948-21.277 13.489-15.158.546-19.289-12.175-30.866-12.122-9.523.042-12.602 10.478-13.428 17.939l-.962-9.914Zm53.242 44.059a12.719 12.719 0 0 0 10.706-5.205 1.43 1.43 0 0 0 .255-1.061 1.415 1.415 0 0 0-.577-.926 1.454 1.454 0 0 0-2.011.325 9.867 9.867 0 0 1-13.261 2.482 1.448 1.448 0 0 0-2.199.938 1.406 1.406 0 0 0 .629 1.452 12.827 12.827 0 0 0 6.458 1.995Z" fill="#12364C"/><path d="M318.178 212.001a10.992 10.992 0 0 0-3.237-7.778 10.994 10.994 0 0 0-7.796-3.197H192.303a11.022 11.022 0 0 0-11.035 10.975v125.878h136.918l-.008-125.878Z" fill="#FFBE3C"/><path d="M241.706 200.979h-44.705v40.25a2.542 2.542 0 0 0 1.283 2.213 2.538 2.538 0 0 0 2.558-.015 6411.97 6411.97 0 0 0 16.57-9.682 2.53 2.53 0 0 1 2.514-.019 7824.277 7824.277 0 0 1 17.997 9.877 2.568 2.568 0 0 0 2.536-.058 2.54 2.54 0 0 0 1.247-2.179v-40.387Z" fill="#007171"/><path d="M294.224 310.651a5.215 5.215 0 0 1 6.628 2.15 5.21 5.21 0 0 1-1.431 6.819l-11.55 8.653a1.28 1.28 0 0 0 .019 2.056c.218.157.478.242.746.242h38.424a4.346 4.346 0 0 1 3.388 7.083 4.348 4.348 0 0 1-2.776 1.57l-35.53 7.651a4.816 4.816 0 0 1-.432.076c-4.659.451-48.935.156-48.935.156l-.921-22.395 52.37-14.061Z" fill="#842306"/><path d="M242.722 356.105h-84.583l-.306 4.148h84.889v-4.148Z" fill="#0A273D"/><path d="M549.841 0H368.544a11.66 11.66 0 0 0-11.649 11.65v116.982a1.941 1.941 0 0 0 1.941 1.941h191a11.665 11.665 0 0 0 11.65-11.649V11.65A11.666 11.666 0 0 0 549.841 0Z" fill="#FFBE3C"/><path d="M407.325 54.872h103.757a6.209 6.209 0 0 0 5.855-3.804 6.218 6.218 0 0 0-1.38-6.845 6.202 6.202 0 0 0-4.475-1.773H407.325a6.214 6.214 0 1 0 0 12.422Zm0 33.254h51.86a6.214 6.214 0 0 0 0-12.426h-51.86a6.212 6.212 0 1 0 0 12.426Z" fill="#fff"/><path d="m242.875 324.52-75.882-7.997v39.258h75.882V324.52Z" fill="#12364C"/></svg>';
|
|
4
4
|
const IllustrationParcelDelivery = createIllustrationClass(templateHTML);
|
|
5
5
|
defineCustomElement("sinch-illustration-parcel-delivery", IllustrationParcelDelivery);
|
|
6
6
|
export {
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { defineCustomElement } from "../../utils/element.js";
|
|
2
2
|
import { createIllustrationClass } from "../create-illustration-class.js";
|
|
3
|
-
const templateHTML = '<svg viewBox="0 0 591 400" fill="none" aria-hidden="true" focusable="false"
|
|
3
|
+
const templateHTML = '<svg viewBox="0 0 591 400" fill="none" aria-hidden="true" focusable="false"><path d="M237.016 237.031c6.56-4.316 15.537-2.763 20.199 3.625 4.661 6.388 3.452 15.365-2.763 20.198l-50.755 47.13-71.299.518 104.618-71.471Z" fill="#842306"/><path d="m2.23 353.043 29.175-61.114 3.626-7.423c6.733-13.984 18.3-25.205 32.628-31.42l2.59-1.209 88.045-38.325c8.286-3.625 17.781-.345 22.27 7.251 4.488 7.768 2.417 17.609-4.661 22.961l-39.016 29.175c-3.28 2.417-1.554 7.769 2.589 7.769h149.677c7.768 0 14.156 5.869 14.674 13.638.518 7.769-5.007 14.502-12.603 15.71l-114.458 15.71a124.14 124.14 0 0 0-34.355 9.668l-25.55 11.049c-7.941 3.452-14.329 9.495-17.954 17.263L85.44 391.368c-2.59 5.179-7.769 8.287-13.293 8.287-2.072 0-4.144-.346-6.042-1.381L9.308 373.069c-5.18-2.417-8.805-7.596-8.632-13.639 0-2.244.69-4.316 1.554-6.387Z" fill="#894915"/><path d="M567.271 0H214.919c-12.43 0-22.616 10.186-22.616 22.615v227.363c0 2.072 1.727 3.798 3.798 3.798h371.17c12.43 0 22.615-10.185 22.615-22.615V22.615C590.059 10.185 579.873 0 567.271 0Z" fill="#fff"/><path d="M466.969 98.748c-2.245-18.817-17.609-34.182-36.254-36.599-15.192-2.071-30.384 4.316-39.534 16.573-9.15-12.257-24.169-18.472-39.534-16.573-18.645 2.417-34.01 17.782-36.254 36.6-1.554 12.084 2.072 23.823 9.841 32.8h-.173l56.107 56.107c2.762 2.763 6.215 4.144 9.84 4.144 3.626 0 7.078-1.381 9.841-4.144l53.517-53.517 2.59-2.59h-.173c8.114-8.804 11.567-20.716 10.186-32.8Z" fill="#E83452"/></svg>';
|
|
4
4
|
const IllustrationPassingHeart = createIllustrationClass(templateHTML);
|
|
5
5
|
defineCustomElement("sinch-illustration-passing-heart", IllustrationPassingHeart);
|
|
6
6
|
export {
|