UNPKG

@microsoft/mgt

Version:
126 lines • 16.5 kB
/** * ------------------------------------------------------------------------------------------- * Copyright (c) Microsoft Corporation. All Rights Reserved. Licensed under the MIT License. * See License in the project root for license information. * ------------------------------------------------------------------------------------------- */ /** * Defines icon used by svgHelper * * @export * @enum {number} */ export var SvgIcon; (function (SvgIcon) { /** * Phone Icon */ SvgIcon[SvgIcon["Phone"] = 0] = "Phone"; /** * Email Icon */ SvgIcon[SvgIcon["Email"] = 1] = "Email"; /** * Chat Icon */ SvgIcon[SvgIcon["Chat"] = 2] = "Chat"; /** * Small Phone Icon */ SvgIcon[SvgIcon["SmallPhone"] = 3] = "SmallPhone"; /** * Small Email Icon */ SvgIcon[SvgIcon["SmallEmail"] = 4] = "SmallEmail"; /** * Small Chat Icon */ SvgIcon[SvgIcon["SmallChat"] = 5] = "SmallChat"; /** * Small Location Icon */ SvgIcon[SvgIcon["SmallLocation"] = 6] = "SmallLocation"; })(SvgIcon || (SvgIcon = {})); import { html } from 'lit-element'; /** * returns an svg * @param svgIcon defined by name * @param color hex value */ export function getSvg(svgIcon, color) { switch (svgIcon) { case SvgIcon.Phone: return html ` <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M18.7034 14.5117L18.7138 14.5161L18.7243 14.5202C18.9341 14.6021 19.115 14.7202 19.2727 14.8779L21.7446 17.3486C21.9023 17.5062 22.0205 17.6869 22.1023 17.8965L22.1064 17.907L22.1109 17.9175C22.1978 18.1219 22.2414 18.3353 22.2414 18.564C22.2414 18.7927 22.1977 19.0122 22.1083 19.2279L22.1082 19.2278L22.1047 19.2367C22.0237 19.439 21.9055 19.6186 21.7446 19.7794L21.5873 19.9366C21.1876 20.3361 20.8232 20.6893 20.4938 20.9965C20.1952 21.2751 19.8884 21.5061 19.5739 21.6927C19.2738 21.8634 18.9328 21.999 18.5464 22.0956C18.1736 22.1887 17.703 22.2414 17.1236 22.2414C16.2669 22.2414 15.3768 22.1079 14.4508 21.8345C13.5137 21.5577 12.5751 21.1731 11.635 20.6782C10.6999 20.182 9.77555 19.5905 8.86223 18.9024C7.95477 18.2129 7.09416 17.4617 6.28031 16.6485C5.47314 15.827 4.72822 14.9625 4.04528 14.0548C3.36417 13.1422 2.77981 12.2186 2.2907 11.2841C1.80227 10.3435 1.42465 9.41241 1.15509 8.49067C0.888472 7.57901 0.758621 6.70744 0.758621 5.87354C0.758621 5.2942 0.807601 4.82667 0.894029 4.45987C0.990209 4.08378 1.12524 3.74754 1.2962 3.4474C1.48349 3.13198 1.71123 2.8291 1.98168 2.53898C2.28907 2.2098 2.6423 1.84565 3.04191 1.44622L3.22169 1.26654C3.38571 1.1026 3.57043 0.978071 3.77975 0.889152C3.98223 0.803141 4.19935 0.758621 4.4382 0.758621C4.66717 0.758621 4.88079 0.802229 5.08542 0.889152L5.08541 0.889179L5.09158 0.891738C5.30795 0.981409 5.49379 1.10569 5.65472 1.26654L8.12663 3.73724C8.28435 3.89489 8.4025 4.07557 8.48434 4.28518L8.48846 4.29572L8.49288 4.30613C8.5798 4.51055 8.6234 4.72393 8.6234 4.95264C8.6234 5.19331 8.58291 5.38399 8.51772 5.53744C8.4302 5.73489 8.32445 5.9107 8.20135 6.0673C8.0676 6.23744 7.91909 6.39189 7.75539 6.53127L7.75 6.53587L7.74469 6.54056C7.53965 6.72185 7.34847 6.90089 7.17157 7.0777C6.97623 7.27294 6.80449 7.47975 6.66073 7.69906C6.46768 7.98486 6.36497 8.31044 6.36497 8.65869C6.36497 9.14561 6.54689 9.58161 6.89067 9.92523L13.0817 16.1132C13.4255 16.4568 13.8615 16.6385 14.3483 16.6385C14.6963 16.6385 15.0216 16.5361 15.3073 16.3434C15.527 16.1997 15.734 16.0279 15.9296 15.8325C16.1065 15.6556 16.2856 15.4646 16.467 15.2596L16.4717 15.2543L16.4763 15.2489C16.6157 15.0853 16.7702 14.9369 16.9405 14.8032C17.0972 14.6801 17.2731 14.5744 17.4707 14.4869C17.6244 14.4217 17.8153 14.3812 18.0562 14.3812C18.2851 14.3812 18.4988 14.4248 18.7034 14.5117Z" stroke="#3078CD" stroke-width="1.51724" /> </svg> `; case SvgIcon.Email: return html ` <svg width="25" height="16" viewBox="0 0 25 16" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M24.2759 0.275862V15.4483H0V0.275862H24.2759ZM1.69504 1.7931L12.1379 7.02047L22.5808 1.7931H1.69504ZM22.7586 13.931V3.40517L12.1379 8.70366L1.51724 3.40517V13.931H22.7586Z" fill="#3078CD" /> </svg> `; case SvgIcon.Chat: return html ` <svg xmlns="http://www.w3.org/2000/svg" width="21" height="22" viewBox="0 0 21 22" fill="none"> <path d="M15.173 6.20106H4.83114V4.69376H15.173V6.20106Z" fill="#3078CD" /> <path d="M4.83114 11.1766H11.3545V9.66933H4.83114V11.1766Z" fill="#3078CD" /> <path fill-rule="evenodd" clip-rule="evenodd" d="M0.100098 2.39808C0.100098 1.18556 1.06777 0.199951 2.2857 0.199951H18.5145C19.7324 0.199951 20.7001 1.18556 20.7001 2.39808V20.2133C20.7001 20.9187 20.1975 21.4177 19.7305 21.6375C19.2562 21.8608 18.5192 21.9305 17.9793 21.3859L17.9397 21.346L15.1804 17.5802L15.162 17.5491C14.9874 17.2557 14.8758 17.2036 14.7939 17.176C14.6395 17.1241 14.4252 17.1152 13.9162 17.115C10.113 17.2743 5.24741 17.2819 2.42987 16.6132L2.36553 16.5979L2.30484 16.5717C1.77324 16.3418 1.21866 16.0979 0.815136 15.7451C0.347187 15.336 0.100098 14.8053 0.100098 14.1144V2.39808ZM2.2857 1.70725C1.91258 1.70725 1.6074 2.00562 1.6074 2.39808V14.1144C1.6074 14.3865 1.67852 14.4978 1.80722 14.6103C1.99344 14.7731 2.29809 14.9252 2.84155 15.1615C5.44205 15.761 10.0684 15.7681 13.8688 15.6084L13.8846 15.6077L13.968 15.6077C14.3859 15.6073 14.8562 15.6068 15.2743 15.7473C15.7779 15.9167 16.1388 16.2546 16.4378 16.746L19.0364 20.2925C19.0505 20.2891 19.0681 20.2833 19.0885 20.2738C19.1369 20.251 19.1718 20.2199 19.1892 20.1969L19.1928 20.192V2.39808C19.1928 2.00562 18.8876 1.70725 18.5145 1.70725H2.2857Z" fill="#3078CD" /> </svg> `; case SvgIcon.SmallPhone: return html ` <svg xmlns="http://www.w3.org/2000/svg" width="17" height="17" viewBox="0 0 17 17" fill="none"> <path d="M13.848 10.6702L13.8548 10.6731L13.8618 10.6758C14.0247 10.7393 14.1654 10.8313 14.288 10.9537L16.115 12.7799C16.2376 12.9024 16.3295 13.0431 16.3931 13.2058L16.3958 13.2127L16.3987 13.2196C16.4662 13.3783 16.5 13.5441 16.5 13.7212C16.5 13.8983 16.4661 14.0685 16.397 14.2352L16.3969 14.2352L16.3946 14.241C16.3316 14.3983 16.2396 14.5379 16.115 14.6625L15.9988 14.7787L16.3522 15.1323L15.9988 14.7787C15.7029 15.0744 15.4331 15.3359 15.189 15.5636C14.9652 15.7724 14.7348 15.9459 14.4982 16.0862C14.271 16.2156 14.0136 16.3178 13.7229 16.3904C13.4413 16.4608 13.0882 16.5 12.6566 16.5C12.017 16.5 11.3533 16.4003 10.6638 16.1967C9.96713 15.991 9.26981 15.7052 8.57174 15.3378C7.87734 14.9693 7.19129 14.5303 6.51368 14.0197C5.84063 13.5084 5.20237 12.9512 4.59881 12.3481C4.00029 11.739 3.44789 11.0979 2.94143 10.4248C2.43615 9.74777 2.00243 9.06232 1.63929 8.36852C1.2766 7.67005 0.995933 6.97818 0.795483 6.29276C0.596975 5.61399 0.5 4.96403 0.5 4.34131C0.5 3.90971 0.536484 3.55902 0.601835 3.28194C0.674224 2.99869 0.776112 2.74472 0.905573 2.51755C1.0464 2.28029 1.21749 2.0528 1.42033 1.83521C1.64811 1.59128 1.90969 1.32162 2.20545 1.026L2.33832 0.893191C2.46501 0.766564 2.60804 0.670106 2.76999 0.601313C2.92742 0.534437 3.09601 0.5 3.28041 0.5C3.4577 0.5 3.62368 0.533835 3.78253 0.601313L3.78252 0.601331L3.78659 0.603017C3.95378 0.672306 4.09785 0.768603 4.2225 0.89319L6.04956 2.71936C6.1721 2.84184 6.26406 2.9825 6.3276 3.14523L6.33031 3.15217L6.33322 3.15903C6.40071 3.31773 6.43454 3.48354 6.43454 3.66064C6.43454 3.84568 6.40334 3.99501 6.3514 4.11708C6.28472 4.26761 6.20393 4.40206 6.1096 4.52205C6.00826 4.65097 5.89569 4.76805 5.77161 4.87369L5.77155 4.87363L5.76455 4.87982C5.61383 5.01309 5.47343 5.14457 5.34365 5.27429C5.20174 5.41613 5.07747 5.56589 4.97373 5.72421C4.83747 5.92576 4.76527 6.15476 4.76527 6.3999C4.76527 6.7436 4.89326 7.05044 5.13603 7.29309L9.71199 11.8668C9.95476 12.1095 10.2616 12.2373 10.6053 12.2373C10.8504 12.2373 11.0793 12.1652 11.2809 12.029C11.4393 11.9254 11.5892 11.8012 11.7311 11.6593C11.8609 11.5296 11.9924 11.3893 12.1258 11.2386L12.1258 11.2387L12.1319 11.2316C12.2376 11.1075 12.3547 10.995 12.4837 10.8937C12.6038 10.7994 12.7383 10.7186 12.889 10.652C13.0112 10.6 13.1607 10.5688 13.3459 10.5688C13.5232 10.5688 13.6891 10.6027 13.848 10.6702Z" stroke=${color} /> </svg> `; case SvgIcon.SmallEmail: return html ` <svg width="17" height="11" viewBox="0 0 17 11" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M17 0.1875V10.8125H0V0.1875H17ZM1.18701 1.25L8.5 4.91064L15.813 1.25H1.18701ZM15.9375 9.75V2.37891L8.5 6.08936L1.0625 2.37891V9.75H15.9375Z" fill=${color} /> </svg> `; case SvgIcon.SmallChat: return html ` <svg xmlns="http://www.w3.org/2000/svg" width="17" height="17" viewBox="0 0 17 17" fill="none"> <path d="M12.3072 4.72225H4.27469V3.53616H12.3072V4.72225Z" fill="#666666" /> <path d="M4.27469 8.63751H9.34136V7.45142H4.27469V8.63751Z" fill="#666666" /> <path fill-rule="evenodd" clip-rule="evenodd" d="M0.600098 1.7297C0.600098 0.775576 1.35168 0 2.29765 0H14.9025C15.8485 0 16.6001 0.775576 16.6001 1.7297V15.7485C16.6001 16.3035 16.2097 16.6961 15.847 16.8691C15.4786 17.0448 14.9062 17.0997 14.4868 16.6712L14.4561 16.6398L12.313 13.6764L12.2986 13.652C12.1631 13.4211 12.0763 13.3801 12.0127 13.3584C11.8928 13.3176 11.7264 13.3106 11.331 13.3104C8.37707 13.4358 4.59801 13.4417 2.40963 12.9155L2.35966 12.9035L2.31252 12.8828C1.89963 12.702 1.46889 12.51 1.15547 12.2324C0.792012 11.9105 0.600098 11.4929 0.600098 10.9492V1.7297ZM2.29765 1.18609C2.00785 1.18609 1.77082 1.42087 1.77082 1.7297V10.9492C1.77082 11.1633 1.82606 11.2509 1.92602 11.3395C2.07065 11.4676 2.30728 11.5872 2.72938 11.7732C4.74919 12.245 8.34249 12.2506 11.2942 12.1249L11.3065 12.1243L11.3713 12.1243C11.6959 12.124 12.0612 12.1236 12.3859 12.2342C12.777 12.3675 13.0574 12.6333 13.2896 13.02L15.3079 15.8108C15.3189 15.8081 15.3326 15.8035 15.3484 15.796C15.3859 15.7781 15.4131 15.7536 15.4266 15.7355L15.4294 15.7317V1.7297C15.4294 1.42087 15.1923 1.18609 14.9025 1.18609H2.29765Z" fill=${color} /> </svg> `; case SvgIcon.SmallLocation: return html ` <svg xmlns="http://www.w3.org/2000/svg" width="13" height="20" viewBox="0 0 13 20" fill="none"> <path d="M9.18115 1.73047L8.92657 2.16084L8.93112 2.16346L9.18115 1.73047ZM10.252 2.56055L9.89534 2.91112L9.90143 2.91711L10.252 2.56055ZM11.082 3.63135L10.649 3.8814L10.6517 3.88592L11.082 3.63135ZM11.6714 7.4082L11.1886 7.27793L11.1872 7.28326L11.6714 7.4082ZM11.2812 8.4375L10.834 8.21389L11.2812 8.4375ZM6.5 18L6.05279 18.2236L6.5 19.118L6.94721 18.2236L6.5 18ZM1.71875 8.4375L2.16596 8.21389L1.71875 8.4375ZM1.32031 7.4082L0.83561 7.5313L0.83811 7.54042L1.32031 7.4082ZM1.90967 3.63135L1.4793 3.37676L1.47668 3.38131L1.90967 3.63135ZM2.73975 2.56055L2.38619 2.20699L2.73975 2.56055ZM3.81885 1.73047L4.0689 2.16348L4.07342 2.16081L3.81885 1.73047ZM7.32178 8.27148L7.12599 7.81139L7.12241 7.81295L7.32178 8.27148ZM8.45898 7.14258L8.91753 7.34195L8.91906 7.33836L8.45898 7.14258ZM8.45898 5.49072L7.99889 5.68651L8.00045 5.69009L8.45898 5.49072ZM7.32178 4.35352L7.12241 4.81206L7.126 4.81359L7.32178 4.35352ZM5.66992 4.35352L5.47414 3.89342L5.47056 3.89498L5.66992 4.35352ZM4.54102 5.49072L4.99956 5.69009L5.00109 5.6865L4.54102 5.49072ZM4.54102 7.14258L4.08092 7.33836L4.08248 7.34194L4.54102 7.14258ZM5.66992 8.27148L5.47055 8.73003L5.47414 8.73156L5.66992 8.27148ZM6.5 1.5C6.94286 1.5 7.36772 1.55779 7.7761 1.67234L8.04617 0.709497C7.54699 0.569484 7.0311 0.5 6.5 0.5V1.5ZM7.7761 1.67234C8.18934 1.78825 8.57233 1.95125 8.92658 2.16081L9.43572 1.30013C9.00416 1.04484 8.54048 0.848145 8.04617 0.709497L7.7761 1.67234ZM8.93112 2.16346C9.28459 2.36758 9.60576 2.61644 9.89539 2.91107L10.6085 2.21003C10.2562 1.85166 9.86352 1.54713 9.43119 1.29748L8.93112 2.16346ZM9.90143 2.91711C10.1961 3.20674 10.4449 3.52791 10.649 3.88138L11.515 3.38131C11.2654 2.94898 10.9608 2.55628 10.6025 2.20398L9.90143 2.91711ZM10.6517 3.88592C10.8612 4.24017 11.0243 4.62316 11.1402 5.0364L12.103 4.76633C11.9644 4.27202 11.7677 3.80834 11.5124 3.37678L10.6517 3.88592ZM11.1402 5.0364C11.2547 5.44478 11.3125 5.86964 11.3125 6.3125H12.3125C12.3125 5.7814 12.243 5.26551 12.103 4.76633L11.1402 5.0364ZM11.3125 6.3125C11.3125 6.65287 11.2706 6.97415 11.1887 7.27794L12.1541 7.53846C12.2603 7.14499 12.3125 6.7358 12.3125 6.3125H11.3125ZM11.1872 7.28326C11.1082 7.58959 10.9911 7.89972 10.834 8.21389L11.7285 8.66111C11.9145 8.28908 12.0575 7.91301 12.1555 7.53314L11.1872 7.28326ZM10.834 8.21389L6.05279 17.7764L6.94721 18.2236L11.7285 8.66111L10.834 8.21389ZM6.94721 17.7764L2.16596 8.21389L1.27154 8.66111L6.05279 18.2236L6.94721 17.7764ZM2.16596 8.21389C2.00791 7.89778 1.8873 7.58521 1.80251 7.27599L0.83811 7.54042C0.941476 7.9174 1.08649 8.29102 1.27154 8.66111L2.16596 8.21389ZM1.80493 7.28513C1.72721 6.97912 1.6875 6.65538 1.6875 6.3125H0.6875C0.6875 6.7333 0.736331 7.14003 0.835697 7.53128L1.80493 7.28513ZM1.6875 6.3125C1.6875 5.86964 1.74529 5.44478 1.85984 5.0364L0.896997 4.76633C0.756984 5.26551 0.6875 5.7814 0.6875 6.3125H1.6875ZM1.85984 5.0364C1.97628 4.62127 2.13745 4.23675 2.34266 3.88138L1.47668 3.38131C1.22811 3.81175 1.03512 4.27391 0.896997 4.76633L1.85984 5.0364ZM2.34001 3.88592C2.55121 3.52889 2.80215 3.20525 3.0933 2.9141L2.38619 2.20699C2.03541 2.55777 1.73297 2.948 1.47933 3.37678L2.34001 3.88592ZM3.0933 2.9141C3.38946 2.61794 3.71448 2.36812 4.06888 2.16346L3.56881 1.29748C3.13741 1.5466 2.74303 1.85016 2.38619 2.20699L3.0933 2.9141ZM4.07342 2.16081C4.42767 1.95125 4.81066 1.78825 5.2239 1.67234L4.95383 0.709497C4.45952 0.848145 3.99583 1.04484 3.56428 1.30013L4.07342 2.16081ZM5.2239 1.67234C5.63228 1.55779 6.05714 1.5 6.5 1.5V0.5C5.9689 0.5 5.45301 0.569484 4.95383 0.709497L5.2239 1.67234ZM6.5 8.9375C6.85794 8.9375 7.20015 8.86958 7.52114 8.73002L7.12241 7.81295C6.93429 7.89474 6.72865 7.9375 6.5 7.9375V8.9375ZM7.51756 8.73156C7.83465 8.59663 8.11557 8.40892 8.356 8.16849L7.64889 7.46139C7.50194 7.60834 7.32908 7.72499 7.126 7.81141L7.51756 8.73156ZM8.356 8.16849C8.59464 7.92985 8.78217 7.65324 8.91752 7.34194L8.00045 6.94321C7.91444 7.14103 7.79761 7.31266 7.64889 7.46139L8.356 8.16849ZM8.91906 7.33836C9.05708 7.01402 9.125 6.67049 9.125 6.3125H8.125C8.125 6.5411 8.08225 6.75095 7.99891 6.9468L8.91906 7.33836ZM9.125 6.3125C9.125 5.95456 9.05708 5.61235 8.91752 5.29136L8.00045 5.69009C8.08224 5.87821 8.125 6.08385 8.125 6.3125H9.125ZM8.91906 5.29495C8.78413 4.97784 8.59642 4.69693 8.356 4.45651L7.64889 5.16361C7.79584 5.31056 7.91249 5.48342 7.99891 5.6865L8.91906 5.29495ZM8.356 4.45651C8.11557 4.21608 7.83465 4.02837 7.51756 3.89344L7.126 4.81359C7.32908 4.90001 7.50194 5.01666 7.64889 5.16361L8.356 4.45651ZM7.52114 3.89498C7.20015 3.75542 6.85794 3.6875 6.5 3.6875V4.6875C6.72865 4.6875 6.93429 4.73026 7.12241 4.81205L7.52114 3.89498ZM6.5 3.6875C6.14201 3.6875 5.79848 3.75542 5.47414 3.89344L5.8657 4.81359C6.06155 4.73025 6.2714 4.6875 6.5 4.6875V3.6875ZM5.47056 3.89498C5.15926 4.03033 4.88265 4.21786 4.64401 4.45651L5.35111 5.16361C5.49984 5.01489 5.67147 4.89806 5.86929 4.81205L5.47056 3.89498ZM4.64401 4.45651C4.40358 4.69693 4.21587 4.97784 4.08094 5.29495L5.00109 5.6865C5.08751 5.48342 5.20416 5.31056 5.35111 5.16361L4.64401 4.45651ZM4.08248 5.29136C3.94292 5.61235 3.875 5.95456 3.875 6.3125H4.875C4.875 6.08385 4.91776 5.87821 4.99955 5.69009L4.08248 5.29136ZM3.875 6.3125C3.875 6.67049 3.94292 7.01402 4.08094 7.33836L5.00109 6.9468C4.91775 6.75095 4.875 6.5411 4.875 6.3125H3.875ZM4.08248 7.34194C4.21783 7.65324 4.40536 7.92985 4.64401 8.16849L5.35111 7.46139C5.20239 7.31266 5.08556 7.14103 4.99955 6.94321L4.08248 7.34194ZM4.64401 8.16849C4.88265 8.40714 5.15926 8.59467 5.47056 8.73002L5.86929 7.81295C5.67147 7.72694 5.49984 7.61011 5.35111 7.46139L4.64401 8.16849ZM5.47414 8.73156C5.79848 8.86958 6.14201 8.9375 6.5 8.9375V7.9375C6.2714 7.9375 6.06155 7.89475 5.8657 7.81141L5.47414 8.73156Z" fill=${color} /> </svg> `; } } //# sourceMappingURL=SvgHelper.js.map