/
modal-survey-logo.element-factory.ts
25 lines (24 loc) · 8.49 KB
/
modal-survey-logo.element-factory.ts
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
import { StyledElementFactory } from '../../core/factories/styled-element.factory';
export function modalSurveyLogoFactory(
logoClass: string,
logoStyle: Partial<CSSStyleDeclaration>
): HTMLDivElement {
const data = `
<svg xmlns="http://www.w3.org/2000/svg" width="187.764" height="25.134" viewBox="0 0 187.764 25.134">
<g id="powered_by" data-name="powered by" transform="translate(-627.092 -709)">
<g id="logo" transform="translate(-544.041 -1681)">
<path id="Subtraction_14" data-name="Subtraction 14" d="M46.832,25.134H12.568A12.567,12.567,0,0,1,3.681,3.681,12.485,12.485,0,0,1,12.568,0h21.7A12.568,12.568,0,0,1,46.832,12.568V25.133ZM20.67,11.328a4.169,4.169,0,0,0-1.907.471,4.222,4.222,0,0,0-2.1,2.319,3.993,3.993,0,0,0,.269,3.214,4.024,4.024,0,0,0,3.605,2.3,4.384,4.384,0,0,0,1.974-.486,5.056,5.056,0,0,0,2.114-1.879,1.105,1.105,0,0,0,.136-.93.983.983,0,0,0-.581-.618,1.013,1.013,0,0,0-.38-.074,1.157,1.157,0,0,0-1.007.647,2.159,2.159,0,0,1-1.058.958,2.6,2.6,0,0,1-1.152.291,1.376,1.376,0,0,1-1.184-.57l4.559-2.323a.74.74,0,0,0,.357-.413.72.72,0,0,0-.037-.57A4.047,4.047,0,0,0,20.67,11.328Zm17.956-.975A4.771,4.771,0,0,0,35.317,11.6a4.235,4.235,0,0,0-1,1.449,4.892,4.892,0,0,0-.365,1.9,4.954,4.954,0,0,0,.365,1.911,4.324,4.324,0,0,0,1,1.469,4.945,4.945,0,0,0,6.629,0,4.323,4.323,0,0,0,1-1.469,4.922,4.922,0,0,0,.369-1.911,4.86,4.86,0,0,0-.369-1.9,4.235,4.235,0,0,0-1-1.449A4.8,4.8,0,0,0,38.626,10.354Zm-7.1-4.77a1.4,1.4,0,0,0-.925.348,1.156,1.156,0,0,0-.41.834v11.58a1.16,1.16,0,0,0,.41.835,1.4,1.4,0,0,0,.925.347,1.425,1.425,0,0,0,.94-.34,1.111,1.111,0,0,0,.4-.842V6.766a1.107,1.107,0,0,0-.4-.841A1.426,1.426,0,0,0,31.53,5.584Zm-4.235,0a1.4,1.4,0,0,0-.925.348,1.156,1.156,0,0,0-.41.834v11.58a1.16,1.16,0,0,0,.41.835,1.4,1.4,0,0,0,.925.347,1.425,1.425,0,0,0,.94-.34,1.111,1.111,0,0,0,.4-.842V6.766a1.107,1.107,0,0,0-.4-.841A1.426,1.426,0,0,0,27.294,5.584ZM10.582,12.929a1.65,1.65,0,0,1,1.641,1.755v3.663a1.16,1.16,0,0,0,.41.835,1.4,1.4,0,0,0,.925.347,1.425,1.425,0,0,0,.94-.34,1.113,1.113,0,0,0,.4-.842V14.588c0-2.731-1.274-4.234-3.587-4.234a3.138,3.138,0,0,0-1.419.367,2.1,2.1,0,0,0-1.061,1.2V6.766a1.107,1.107,0,0,0-.4-.841,1.426,1.426,0,0,0-.94-.341,1.4,1.4,0,0,0-.925.348,1.156,1.156,0,0,0-.41.834v11.58a1.16,1.16,0,0,0,.41.835,1.4,1.4,0,0,0,.925.347,1.425,1.425,0,0,0,.94-.34,1.111,1.111,0,0,0,.4-.842V14.722a2.172,2.172,0,0,1,.156-.852,1.467,1.467,0,0,1,.407-.553,1.6,1.6,0,0,1,.564-.3A2.149,2.149,0,0,1,10.582,12.929Zm28.044,4.1a1.973,1.973,0,0,1-1.409-.582,2.1,2.1,0,0,1-.593-1.5,2.029,2.029,0,0,1,3.429-1.462,1.906,1.906,0,0,1,.436.639,2.184,2.184,0,0,1-.436,2.32A2,2,0,0,1,38.626,17.031ZM18.754,15.638h0a1.67,1.67,0,0,1,.919-2.089,1.87,1.87,0,0,1,.851-.222,1.536,1.536,0,0,1,1.291.753l-3.059,1.558Z" transform="translate(1242 2390)" fill="#006bff"/>
<path id="Path_1954" data-name="Path 1954" d="M3.026-3.944v-.051A1.834,1.834,0,0,1,4.964-5.8a2.457,2.457,0,0,1,1.173.306,1.332,1.332,0,0,0,1.547-.085A1.166,1.166,0,0,0,7.531-7.31a4.41,4.41,0,0,0-2.567-.782,4.156,4.156,0,0,0-4.352,4.1v.051A4.156,4.156,0,0,0,4.964.153,4.41,4.41,0,0,0,7.531-.629a1.166,1.166,0,0,0,.153-1.734,1.332,1.332,0,0,0-1.547-.085,2.457,2.457,0,0,1-1.173.306A1.834,1.834,0,0,1,3.026-3.944Zm11,2.975A1.127,1.127,0,0,0,15.215.085a1.161,1.161,0,0,0,1.19-1.054v-6a1.161,1.161,0,0,0-1.19-1.054,1.127,1.127,0,0,0-1.19,1.054v3.23c0,1.207-.629,1.6-1.462,1.6-.986,0-1.377-.51-1.377-1.564V-6.97A1.161,1.161,0,0,0,10-8.024,1.127,1.127,0,0,0,8.806-6.97v3.978C8.806-.731,9.945.153,11.73.153a2.635,2.635,0,0,0,2.3-1.309Zm3.349-.561c.408,1.173,1.9,1.7,3.179,1.7,1.666,0,3.434-.8,3.434-2.482,0-.51-.238-1.751-2.159-2.38L20.621-5.1c-.476-.153-.68-.306-.68-.561,0-.306.357-.476.867-.476a1.55,1.55,0,0,1,.952.357,1.268,1.268,0,0,0,1.513.187.848.848,0,0,0,.2-1.207,3.161,3.161,0,0,0-2.856-1.309c-1.666,0-3.077,1.088-3.077,2.261,0,.731-.017,1.853,2.363,2.652l.9.323c.578.187.782.306.782.646,0,.408-.493.493-1.02.493a2,2,0,0,1-1.5-.7A1.07,1.07,0,0,0,17.8-2.72.952.952,0,0,0,17.374-1.53Zm7.548-6.409a.9.9,0,0,0-.85.935.917.917,0,0,0,.85.935h.646v5.1A1.161,1.161,0,0,0,26.758.085a1.127,1.127,0,0,0,1.19-1.054v-5.1h.9A.917.917,0,0,0,29.7-7a.9.9,0,0,0-.85-.935h-.9v-2.074a1.127,1.127,0,0,0-1.19-1.054,1.161,1.161,0,0,0-1.19,1.054v2.074ZM33.83.153a4.036,4.036,0,0,0,4.182-4.148,4,4,0,0,0-4.182-4.1,3.981,3.981,0,0,0-4.165,4.1A4.023,4.023,0,0,0,33.83.153Zm0-2.295a1.79,1.79,0,0,1-1.785-1.853A1.757,1.757,0,0,1,33.83-5.8a1.761,1.761,0,0,1,1.8,1.8A1.794,1.794,0,0,1,33.83-2.142ZM51.442-4.5c-.017-2.4-1.224-3.6-3.111-3.6A2.56,2.56,0,0,0,46.019-6.6a2.562,2.562,0,0,0-2.618-1.5,2.271,2.271,0,0,0-2.074,1.309V-6.97a1.127,1.127,0,0,0-1.19-1.054,1.161,1.161,0,0,0-1.19,1.054v6A1.161,1.161,0,0,0,40.137.085a1.127,1.127,0,0,0,1.19-1.054V-4.2c0-1.207.663-1.615,1.377-1.615a1.364,1.364,0,0,1,1.309,1.53V-.969A1.161,1.161,0,0,0,45.2.085a1.127,1.127,0,0,0,1.19-1.054V-4.2c0-1.156.595-1.615,1.343-1.615a1.4,1.4,0,0,1,1.326,1.581V-.969A1.161,1.161,0,0,0,50.252.085a1.127,1.127,0,0,0,1.19-1.054Zm3.264-.17A1.665,1.665,0,0,1,56.474-6.12,1.545,1.545,0,0,1,58.14-4.675ZM59.5-2.142A1.106,1.106,0,0,0,58-2.261a2.151,2.151,0,0,1-1.377.374c-.833,0-1.836-.391-1.955-1.309h5.117a.736.736,0,0,0,.731-.731,3.984,3.984,0,0,0-4.063-4.165,3.986,3.986,0,0,0-4.148,4.1A4.028,4.028,0,0,0,56.457.153a5,5,0,0,0,2.737-.714A1.03,1.03,0,0,0,59.5-2.142Zm6.239-5.95c-.816,0-1.649.51-2.091,1.989V-6.97a1.127,1.127,0,0,0-1.19-1.054,1.161,1.161,0,0,0-1.19,1.054v6A1.161,1.161,0,0,0,62.458.085a1.127,1.127,0,0,0,1.19-1.054V-2.924c.034-1.989.476-3.009,1.8-3.009.153,0,.408.017.578.017A1.1,1.1,0,0,0,67.2-6.783C67.354-7.905,66.521-8.092,65.739-8.092Z" transform="translate(1291.678 2408.559)" fill="#006bff"/>
</g>
<path id="_5_MINUTES" data-name="5 MINUTES" d="M4.38-7.224A1.385,1.385,0,0,1,5.736-5.676,1.388,1.388,0,0,1,4.32-4.14H2.22V-7.224ZM2.208-3.1H4.392a2.355,2.355,0,0,0,2.46-2.58,2.37,2.37,0,0,0-2.46-2.592H1.56a.479.479,0,0,0-.468.48V-.5A.553.553,0,0,0,1.644.06.556.556,0,0,0,2.208-.5ZM10.452.12a2.863,2.863,0,0,0,2.94-2.94,2.833,2.833,0,0,0-2.94-2.9,2.823,2.823,0,0,0-2.928,2.9A2.853,2.853,0,0,0,10.452.12Zm0-1.056A1.813,1.813,0,0,1,8.6-2.82a1.78,1.78,0,0,1,1.848-1.836A1.78,1.78,0,0,1,12.3-2.82,1.813,1.813,0,0,1,10.452-.936Zm12.264-4.02a.535.535,0,0,0-.36-.684.549.549,0,0,0-.684.36L20.388-1.62,19.14-5.16a.648.648,0,0,0-.648-.5h-.06a.661.661,0,0,0-.66.5L16.524-1.62l-1.3-3.66a.537.537,0,0,0-.672-.36.535.535,0,0,0-.36.684l1.74,4.548a.624.624,0,0,0,.588.468h.024a.6.6,0,0,0,.576-.468L18.456-4.3l1.38,3.888a.624.624,0,0,0,.588.468h.024a.611.611,0,0,0,.576-.468Zm1.92,1.716a1.7,1.7,0,0,1,1.776-1.5,1.646,1.646,0,0,1,1.7,1.5Zm4.56.42a2.71,2.71,0,0,0-2.784-2.9,2.776,2.776,0,0,0-2.868,2.9A2.805,2.805,0,0,0,26.412.12,2.822,2.822,0,0,0,28.7-.912a.486.486,0,0,0-.1-.684.559.559,0,0,0-.732.144,1.686,1.686,0,0,1-1.428.588,1.738,1.738,0,0,1-1.812-1.524h4.128A.43.43,0,0,0,29.2-2.82ZM33.36-4.668c.384.036.7-.036.756-.384.1-.588-.576-.672-.984-.672-.732,0-1.272.4-1.56,1.38v-.768a.551.551,0,0,0-.552-.552.548.548,0,0,0-.54.552v4.62a.548.548,0,0,0,.54.552.551.551,0,0,0,.552-.552V-2.04c0-1.488.456-2.64,1.536-2.64A1.858,1.858,0,0,1,33.36-4.668ZM35.676-3.24a1.7,1.7,0,0,1,1.776-1.5,1.646,1.646,0,0,1,1.7,1.5Zm4.56.42a2.71,2.71,0,0,0-2.784-2.9,2.776,2.776,0,0,0-2.868,2.9A2.805,2.805,0,0,0,37.452.12,2.822,2.822,0,0,0,39.744-.912a.486.486,0,0,0-.1-.684.559.559,0,0,0-.732.144,1.686,1.686,0,0,1-1.428.588,1.738,1.738,0,0,1-1.812-1.524H39.8A.43.43,0,0,0,40.236-2.82ZM46-4.764a2.226,2.226,0,0,0-1.968-.96A2.777,2.777,0,0,0,41.2-2.808,2.811,2.811,0,0,0,44.04.12,2.266,2.266,0,0,0,46-.864v.372a.551.551,0,0,0,.552.552.548.548,0,0,0,.54-.552V-8.16a.548.548,0,0,0-.54-.552A.551.551,0,0,0,46-8.16ZM45.984-2.82a1.791,1.791,0,0,1-1.86,1.872A1.8,1.8,0,0,1,42.312-2.82a1.758,1.758,0,0,1,1.812-1.836A1.807,1.807,0,0,1,45.984-2.82Zm7.068-5.34a.551.551,0,0,0-.552-.552.548.548,0,0,0-.54.552V-.492A.548.548,0,0,0,52.5.06a.551.551,0,0,0,.552-.552V-.864A2.266,2.266,0,0,0,55.008.12a2.811,2.811,0,0,0,2.844-2.928A2.777,2.777,0,0,0,55.02-5.724a2.226,2.226,0,0,0-1.968.96Zm.012,5.34a1.807,1.807,0,0,1,1.86-1.836A1.758,1.758,0,0,1,56.736-2.82,1.8,1.8,0,0,1,54.924-.948,1.791,1.791,0,0,1,53.064-2.82Zm6.612-2.472a.556.556,0,0,0-.7-.348.551.551,0,0,0-.324.708L60.624-.168l-.888,2.184a.528.528,0,1,0,.972.408L63.78-4.92a.524.524,0,0,0-.288-.708.549.549,0,0,0-.708.3l-1.56,3.78Z" transform="translate(626 726)" fill="#003161"/>
</g>
</svg>
`;
const element = new DOMParser().parseFromString(data, 'application/xml')
.documentElement;
const container = new StyledElementFactory(
document.createElement('div')
).applyClass(logoClass, logoStyle).styledElement;
container.appendChild(element);
return container;
}