@digital-realty/ix-widget 2.2.8 → 2.2.10

package/dist/assets/iconset.d.ts

@@ -7,6 +7,7 @@ export declare const email: import("lit-html").TemplateResult<2>;
 export declare const cutomerSupport: import("lit-html").TemplateResult<2>;
 export declare const users: import("lit-html").TemplateResult<2>;
 export declare const mySites: import("lit-html").TemplateResult<2>;
+export declare const orders: import("lit-html").TemplateResult<2>;
 export declare const dcim: import("lit-html").TemplateResult<2>;
 export declare const locations: import("lit-html").TemplateResult<2>;
 export declare const lock: import("lit-html").TemplateResult<2>;

package/dist/assets/iconset.js

@@ -11,8 +11,43 @@ export const question = svg `<svg focusable="false" aria-hidden="true" viewBox="
 export const email = svg `<svg focusable="false" aria-hidden="true" viewBox="0 0 24 24" data-testid="EmailIcon"><path d="M20 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 4-8 5-8-5V6l8 5 8-5v2z"></path></svg>`;
 export const cutomerSupport = svg `<svg focusable="false" aria-hidden="true" viewBox="0 0 24 24"><path d="M22.83 12.45L20.83 9.45C20.8139 9.424 20.788 9.404 20.768 9.38C20.74 9.345 20.7129 9.311 20.681 9.281C20.596 9.2 20.503 9.128 20.4 9.08L16.7099 7.48C16.2599 7.83 15.48 8.33 14.38 8.66L17.327 9.934L12 11.932L6.69395 9.942L9.66995 8.68C8.56995 8.35 7.77995 7.86 7.31995 7.5L3.60995 9.08C3.60495 9.082 3.60095 9.086 3.59595 9.088C3.57895 9.096 3.56595 9.108 3.54895 9.117C3.46595 9.161 3.38995 9.215 3.32195 9.279C3.28795 9.31 3.26095 9.344 3.23195 9.38C3.21195 9.405 3.18795 9.423 3.16995 9.45L1.16995 12.45C0.99995 12.7 0.94995 13.02 1.04995 13.31C1.13995 13.6 1.35995 13.83 1.64995 13.94L2.99995 14.446V19C2.99995 19.417 3.25895 19.79 3.64895 19.937L11.649 22.937C11.762 22.979 11.8809 23 12 23C12.119 23 12.238 22.979 12.351 22.937L20.351 19.937C20.7409 19.79 21 19.417 21 19V14.516L22.3899 13.92C22.67 13.8 22.8699 13.57 22.9599 13.29C23.0399 13 23 12.69 22.83 12.45ZM3.52995 12.51L4.39295 11.216L10.4729 13.496L9.60995 14.79L3.52995 12.51ZM20.5 12.55L15.2299 14.81L13.81 13.39L19.608 11.216L20.5 12.55ZM19 18.307L12 20.932L4.99995 18.307V15.196L9.64995 16.94C9.75995 16.98 9.87995 17 9.99995 17C10.33 17 10.64 16.84 10.83 16.55L12.16 14.57L14.29 16.71C14.58 17 15.02 17.08 15.39 16.92L19 15.373V18.307ZM12 7.004C9.65195 7.004 8.42395 5.838 8.29195 5.705C7.90195 5.313 7.90295 4.681 8.29495 4.291C8.68295 3.905 9.30895 3.902 9.69895 4.284C9.74895 4.33 10.503 5.004 12 5.004C13.518 5.004 14.271 4.312 14.303 4.283C14.7 3.909 15.331 3.918 15.711 4.309C16.091 4.701 16.094 5.319 15.709 5.705C15.5759 5.838 14.3479 7.004 12 7.004ZM9.99995 1C9.73473 1 9.48038 1.10536 9.29284 1.29289C9.10531 1.48043 8.99995 1.73478 8.99995 2C8.99995 2.26522 9.10531 2.51957 9.29284 2.70711C9.48038 2.89464 9.73473 3 9.99995 3C10.2652 3 10.5195 2.89464 10.7071 2.70711C10.8946 2.51957 11 2.26522 11 2C11 1.73478 10.8946 1.48043 10.7071 1.29289C10.5195 1.10536 10.2652 1 9.99995 1ZM14 1C13.7347 1 13.4804 1.10536 13.2928 1.29289C13.1053 1.48043 13 1.73478 13 2C13 2.26522 13.1053 2.51957 13.2928 2.70711C13.4804 2.89464 13.7347 3 14 3C14.2652 3 14.5195 2.89464 14.7071 2.70711C14.8946 2.51957 15 2.26522 15 2C15 1.73478 14.8946 1.48043 14.7071 1.29289C14.5195 1.10536 14.2652 1 14 1Z"></path></svg>`;
 export const users = svg `<svg focusable="false" aria-hidden="true" viewBox="0 0 24 24"><path d="M3 3C1.897 3 1 3.897 1 5V21H11V19H3V5H13V12C13 10.37 13.792 8.93544 15 8.02344V5C15 3.897 14.103 3 13 3H3ZM5 7V9H7V7H5ZM9 7V9H11V7H9ZM18 9C16.318 9 15 10.317 15 12C15 13.683 16.318 15 18 15C19.682 15 21 13.683 21 12C21 10.317 19.682 9 18 9ZM5 11V13H7V11H5ZM9 11V13H11V11H9ZM18 11C18.58 11 19 11.421 19 12C19 12.579 18.58 13 18 13C17.42 13 17 12.579 17 12C17 11.421 17.42 11 18 11ZM5 15V17H7V15H5ZM9 15V17H11V15H9ZM18 16C15.149 16 13 17.4558 13 19.3848V21H23V19.3848C23 17.4558 20.851 16 18 16ZM18 18C19.47 18 20.4895 18.504 20.8535 19H15.1465C15.5095 18.504 16.53 18 18 18Z" fill="url(#paint0_linear_10193_72013)"></path><defs><linearGradient id="paint0_linear_10193_72013" x1="12" y1="3" x2="12" y2="21" gradientUnits="userSpaceOnUse"><stop stop-color="#1459E4"></stop><stop offset="1" stop-color="#0C2295"></stop></linearGradient></defs></svg>`;
-export const mySites = svg `<svg class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-vubbuv" focusable="false" aria-hidden="true" viewBox="0 0 24 24"><g clip-path="url(#clip0_10193_72029)"><path d="M20.5 0C18.291 0 16.5 1.791 16.5 4C16.5 6.857 20.5 11 20.5 11C20.5 11 24.5 6.857 24.5 4C24.5 1.791 22.709 0 20.5 0ZM12.5 2C6.986 2 2.5 6.486 2.5 12C2.5 17.514 6.986 22 12.5 22C18.014 22 22.5 17.514 22.5 12C22.5 11.93 22.4912 11.862 22.4902 11.793C22.2532 12.059 22.0575 12.2677 21.9395 12.3887L20.1504 14.3047C19.9484 14.9657 19.6695 15.5919 19.3145 16.1699C18.9985 15.4819 18.306 15 17.5 15H16.5V13C16.5 12.447 16.052 12 15.5 12H9.5V10H10.5C11.052 10 11.5 9.553 11.5 9V7.02344L13.5156 7.00781C14.0986 7.00381 14.6175 6.74289 14.9805 6.33789C14.8145 5.89389 14.6875 5.445 14.6035 5L10.4922 5.03125C9.94319 5.03525 9.5 5.48225 9.5 6.03125V8H8.5C7.948 8 7.5 8.447 7.5 9V10.1855L5.48047 8.16797C6.84047 5.68697 9.477 4 12.5 4H14.5C14.5 3.397 14.5908 2.81658 14.7578 2.26758C14.0308 2.09858 13.277 2 12.5 2ZM20.5 2.57031C21.289 2.57031 21.9297 3.211 21.9297 4C21.9297 4.789 21.289 5.42969 20.5 5.42969C19.711 5.42969 19.0703 4.789 19.0703 4C19.0703 3.211 19.711 2.57031 20.5 2.57031ZM4.70703 10.2207L9.5 15.0137V16C9.5 17.103 10.397 18 11.5 18V19.9316C7.56 19.4366 4.5 16.072 4.5 12C4.5 11.388 4.57603 10.7947 4.70703 10.2207ZM11.2793 14H14.5V16C14.5 16.553 14.948 17 15.5 17H17.5V18.2344C16.375 19.1384 15.002 19.7417 13.5 19.9297V17C13.5 16.447 13.052 16 12.5 16H11.5V14.5996C11.5 14.3776 11.4123 14.174 11.2793 14Z" fill="url(#paint0_linear_10193_72029)"></path></g><defs><linearGradient id="paint0_linear_10193_72029" x1="13.5" y1="0" x2="13.5" y2="22" gradientUnits="userSpaceOnUse"><stop stop-color="#1459E4"></stop><stop offset="1" stop-color="#0C2295"></stop></linearGradient><clipPath id="clip0_10193_72029"><rect width="24" height="24" fill="white" transform="translate(0.5)"></rect></clipPath></defs></svg>`;
-export const dcim = svg `<svg class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-vubbuv" focusable="false" aria-hidden="true" viewBox="0 0 24 24"><g clip-path="url(#clip0_10193_72036)"><path d="M6.5 2C5.395 2 4.5 2.895 4.5 4V20C4.5 21.105 5.395 22 6.5 22H14.8438C14.1128 21.487 13.5155 20.8 13.1055 20H6.5V16H12.7129C12.9229 15.258 13.2798 14.578 13.7578 14H6.5V10H18.5V12.0254C19.216 12.0904 19.89 12.2935 20.5 12.6055V4C20.5 2.895 19.605 2 18.5 2H6.5ZM6.5 4H18.5V8H6.5V4ZM18 14C16.067 14 14.5 15.567 14.5 17.5C14.5 19.433 16.067 21 18 21C18.465 21 18.9065 20.9052 19.3125 20.7402L22.5723 24H24.5V22.0723L21.2402 18.8125C21.4042 18.4065 21.5 17.965 21.5 17.5C21.5 15.567 19.933 14 18 14ZM17.5 16C18.052 16 18.5 16.448 18.5 17C18.5 17.552 18.052 18 17.5 18C16.948 18 16.5 17.552 16.5 17C16.5 16.448 16.948 16 17.5 16Z" fill="url(#paint0_linear_10193_72036)"></path></g><defs><linearGradient id="paint0_linear_10193_72036" x1="14.5" y1="2" x2="14.5" y2="24" gradientUnits="userSpaceOnUse"><stop stop-color="#1459E4"></stop><stop offset="1" stop-color="#0C2295"></stop></linearGradient><clipPath id="clip0_10193_72036"><rect width="24" height="24" fill="white" transform="translate(0.5)"></rect></clipPath></defs></svg>`;
+export const mySites = svg `<svg xmlns="http://www.w3.org/2000/svg" width="36" height="36" viewBox="0 0 36 36" fill="none">
+<g clip-path="url(#clip0_874_2646)">
+<path d="M30 0C26.6865 0 24 2.6865 24 6C24 10.2855 30 16.5 30 16.5C30 16.5 36 10.2855 36 6C36 2.6865 33.3135 0 30 0ZM18 3C9.729 3 3 9.729 3 18C3 26.271 9.729 33 18 33C26.271 33 33 26.271 33 18C33 17.895 32.9869 17.793 32.9854 17.6895C32.6299 18.0885 32.3362 18.4015 32.1592 18.583L29.4756 21.457C29.1726 22.4485 28.7542 23.3879 28.2217 24.2549C27.7477 23.2229 26.709 22.5 25.5 22.5H24V19.5C24 18.6705 23.328 18 22.5 18H13.5V15H15C15.828 15 16.5 14.3295 16.5 13.5V10.5352L19.5234 10.5117C20.3979 10.5057 21.1762 10.1143 21.7207 9.50684C21.4717 8.84084 21.2813 8.1675 21.1553 7.5L14.9883 7.54688C14.1648 7.55288 13.5 8.22337 13.5 9.04688V12H12C11.172 12 10.5 12.6705 10.5 13.5V15.2783L7.4707 12.252C9.5107 8.53045 13.4655 6 18 6H21C21 5.0955 21.1362 4.22487 21.3867 3.40137C20.2962 3.14787 19.1655 3 18 3ZM30 3.85547C31.1835 3.85547 32.1445 4.8165 32.1445 6C32.1445 7.1835 31.1835 8.14453 30 8.14453C28.8165 8.14453 27.8555 7.1835 27.8555 6C27.8555 4.8165 28.8165 3.85547 30 3.85547ZM6.31055 15.3311L13.5 22.5205V24C13.5 25.6545 14.8455 27 16.5 27V29.8975C10.59 29.155 6 24.108 6 18C6 17.082 6.11405 16.1921 6.31055 15.3311ZM16.1689 21H21V24C21 24.8295 21.672 25.5 22.5 25.5H25.5V27.3516C23.8125 28.7076 21.753 29.6125 19.5 29.8945V25.5C19.5 24.6705 18.828 24 18 24H16.5V21.8994C16.5 21.5664 16.3684 21.261 16.1689 21Z" fill="url(#paint0_linear_874_2646)"/>
+</g>
+<defs>
+<linearGradient id="paint0_linear_874_2646" x1="19.5" y1="0" x2="19.5" y2="33" gradientUnits="userSpaceOnUse">
+<stop stop-color="#1459E4"/>
+<stop offset="1" stop-color="#0C2295"/>
+</linearGradient>
+<clipPath id="clip0_874_2646">
+<rect width="36" height="36" fill="white"/>
+</clipPath>
+</defs>
+</svg>`;
+export const orders = svg `<svg xmlns="http://www.w3.org/2000/svg" width="36" height="36" viewBox="0 0 36 36" fill="none">
+<path d="M28.5 21C32.6421 21 36 24.3579 36 28.5C36 32.6421 32.6421 36 28.5 36C24.3579 36 21 32.6421 21 28.5C21 24.3579 24.3579 21 28.5 21ZM28.5 23.25C25.6005 23.25 23.25 25.6005 23.25 28.5C23.25 31.3995 25.6005 33.75 28.5 33.75C31.3995 33.75 33.75 31.3995 33.75 28.5C33.75 25.6005 31.3995 23.25 28.5 23.25ZM28.917 28.6943L31.5 29.5967L30.8936 31.5L27 30.1406V25.0986H28.917V28.6943ZM28.5 3C30.1569 3 31.5 4.34315 31.5 6V18.624C30.5813 18.2226 29.5667 18 28.5 18V6.17676H9V26.8232H18.1885C18.0654 27.3623 18 27.9237 18 28.5C18 29.0137 18.052 29.5153 18.1504 30H9C7.34315 30 6 28.6569 6 27V6C6 4.34315 7.34315 3 9 3H28.5ZM19.5 24H12V21H19.5V24ZM25.5 18H12V15H25.5V18ZM25.5 12H12V9H25.5V12Z" fill="url(#paint0_linear_392_19)"/>
+<defs>
+<linearGradient id="paint0_linear_392_19" x1="29.25" y1="25.0986" x2="29.25" y2="31.5" gradientUnits="userSpaceOnUse">
+<stop stop-color="#1459E4"/>
+<stop offset="1" stop-color="#0C2295"/>
+</linearGradient>
+</defs>
+</svg>`;
+export const dcim = svg `<svg xmlns="http://www.w3.org/2000/svg" width="36" height="36" viewBox="0 0 36 36" fill="none">
+<g clip-path="url(#clip0_874_2659)">
+<path d="M9 3C7.3425 3 6 4.3425 6 6V30C6 31.6575 7.3425 33 9 33H21.5156C20.4191 32.2305 19.5232 31.2 18.9082 30H9V24H18.3193C18.6343 22.887 19.1697 21.867 19.8867 21H9V15H27V18.0381C28.074 18.1356 29.085 18.4402 30 18.9082V6C30 4.3425 28.6575 3 27 3H9ZM9 6H27V12H9V6ZM26.25 21C23.3505 21 21 23.3505 21 26.25C21 29.1495 23.3505 31.5 26.25 31.5C26.9475 31.5 27.6098 31.3579 28.2188 31.1104L33.1084 36H36V33.1084L31.1104 28.2188C31.3564 27.6098 31.5 26.9475 31.5 26.25C31.5 23.3505 29.1495 21 26.25 21ZM25.5 24C26.328 24 27 24.672 27 25.5C27 26.328 26.328 27 25.5 27C24.672 27 24 26.328 24 25.5C24 24.672 24.672 24 25.5 24Z" fill="url(#paint0_linear_874_2659)"/>
+</g>
+<defs>
+<linearGradient id="paint0_linear_874_2659" x1="21" y1="3" x2="21" y2="36" gradientUnits="userSpaceOnUse">
+<stop stop-color="#1459E4"/>
+<stop offset="1" stop-color="#0C2295"/>
+</linearGradient>
+<clipPath id="clip0_874_2659">
+<rect width="36" height="36" fill="white"/>
+</clipPath>
+</defs>
+</svg>`;
 export const locations = svg `<svg class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-vubbuv" focusable="false" aria-hidden="true" viewBox="0 0 24 24"><g clip-path="url(#clip0_10193_72043)"><path d="M11.7222 1.00195C6.94623 0.939955 2.64861 3.82933 0.581605 8.61133C0.473605 8.86233 0.472652 9.14644 0.579652 9.39844C2.48665 13.8934 6.16157 16.6777 10.4996 16.9707V14.9434C7.11557 14.6564 4.21428 12.5067 2.59528 9.01172C4.39028 5.22372 7.85307 2.95295 11.6871 3.00195C15.3911 3.06895 18.4997 5.28789 20.0777 8.96289C19.9057 9.32689 19.7093 9.664 19.5093 10H21.7925C21.8925 9.795 21.9926 9.59091 22.0836 9.37891C22.1876 9.13791 22.1922 8.86414 22.0972 8.61914C20.2972 4.00414 16.3232 1.08595 11.7222 1.00195ZM11.4996 5C9.29057 5 7.49957 6.791 7.49957 9C7.49957 10.862 8.77757 12.4124 10.4996 12.8594V10H15.3589C15.4419 9.679 15.4996 9.347 15.4996 9C15.4996 6.791 13.7086 5 11.4996 5ZM12.4996 12V13V24H24.4996V12H12.4996ZM14.4996 14H22.0855L18.4996 17.5859L17.2066 16.293L15.7925 17.707L18.4996 20.4141L22.4996 16.4141V22H14.4996V14Z" fill="url(#paint0_linear_10193_72043)"></path></g><defs><linearGradient id="paint0_linear_10193_72043" x1="12.4998" y1="1.00098" x2="12.4998" y2="24" gradientUnits="userSpaceOnUse"><stop stop-color="#1459E4"></stop><stop offset="1" stop-color="#0C2295"></stop></linearGradient><clipPath id="clip0_10193_72043"><rect width="24" height="24" fill="white" transform="translate(0.5)"></rect></clipPath></defs></svg>`;
 export const lock = svg `<svg class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-vubbuv" focusable="false" aria-hidden="true" viewBox="0 0 24 24"><path d="M12 1C9.12778 1 6.71891 3.04615 6.12305 5.78711L8.07812 6.21289C8.48226 4.35385 10.0722 3 12 3C14.2762 3 16 4.72381 16 7V8H6C4.90694 8 4 8.90694 4 10V20C4 21.0931 4.90694 22 6 22H18C19.0931 22 20 21.0931 20 20V10C20 8.90694 19.0931 8 18 8V7C18 3.67619 15.3238 1 12 1ZM6 10H18V20H6V10ZM12 13C10.9 13 10 13.9 10 15C10 16.1 10.9 17 12 17C13.1 17 14 16.1 14 15C14 13.9 13.1 13 12 13Z"></path></svg>`;
 export const remoteHands = svg `<svg class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-vubbuv" focusable="false" aria-hidden="true" viewBox="0 0 24 24"><path d="M13 2C12.529 2 12.1357 2.36008 12.0977 2.83008L12.082 3.01953C12.0793 3.05251 12.093 3.08098 12.0938 3.11328C11.3101 3.29551 10.6196 3.70573 10.0879 4.27344C10.06 4.2564 10.0421 4.22909 10.0117 4.21484L9.8418 4.13477C9.4158 3.93377 8.90592 4.092 8.66992 4.5C8.43392 4.908 8.5505 5.42731 8.9375 5.69531L9.09375 5.80469C9.12369 5.82543 9.15813 5.82904 9.18945 5.8457C9.07799 6.21341 9 6.59591 9 7C9 7.40409 9.07799 7.78659 9.18945 8.1543C9.15813 8.17095 9.12369 8.17457 9.09375 8.19531L8.9375 8.30273C8.5505 8.57173 8.43392 9.092 8.66992 9.5C8.90592 9.908 9.4158 10.0662 9.8418 9.86523L10.0117 9.78516C10.042 9.77089 10.06 9.74359 10.0879 9.72656C10.6191 10.2938 11.3089 10.7043 12.0918 10.8867C12.091 10.919 12.0774 10.9475 12.0801 10.9805L12.0977 11.1699C12.1367 11.6399 12.529 12 13 12C13.471 12 13.8643 11.6399 13.9023 11.1699L13.918 10.9805C13.9207 10.9475 13.907 10.919 13.9062 10.8867C14.6899 10.7045 15.3804 10.2943 15.9121 9.72656C15.94 9.74366 15.9579 9.77084 15.9883 9.78516L16.1582 9.86719C16.5842 10.0682 17.0941 9.90995 17.3301 9.50195C17.5661 9.09395 17.4495 8.57369 17.0625 8.30469L16.9062 8.19531C16.8763 8.17457 16.8419 8.17096 16.8105 8.1543C16.922 7.78659 17 7.40409 17 7C17 6.59591 16.922 6.21341 16.8105 5.8457C16.8419 5.82905 16.8763 5.82543 16.9062 5.80469L17.0625 5.69727C17.4495 5.42827 17.5661 4.908 17.3301 4.5C17.0941 4.092 16.5842 3.93377 16.1582 4.13477L15.9883 4.21484C15.958 4.22911 15.94 4.25641 15.9121 4.27344C15.3809 3.70617 14.6911 3.29573 13.9082 3.11328C13.909 3.08098 13.9226 3.05251 13.9199 3.01953L13.9023 2.83008C13.8633 2.36008 13.471 2 13 2ZM13 5.5C13.828 5.5 14.5 6.172 14.5 7C14.5 7.828 13.828 8.5 13 8.5C12.172 8.5 11.5 7.828 11.5 7C11.5 6.172 12.172 5.5 13 5.5ZM20.5859 12C20.2239 12 19.8619 12.1381 19.5859 12.4141L15 17H11C10.724 17 10.5 16.776 10.5 16.5C10.5 16.224 10.724 16 11 16H13C14.105 16 15 15.105 15 14V13H8.65625C7.59525 13 6.57812 13.4209 5.82812 14.1719L2 18L6 22L8 20H15.1719C15.7019 20 16.2109 19.7891 16.5859 19.4141L21.5859 14.4141C22.1379 13.8621 22.1379 12.9661 21.5859 12.4141C21.3099 12.1381 20.9479 12 20.5859 12Z"></path></svg>`;

package/dist/assets/iconset.js.map

@@ -1 +1 @@
-{"version":3,"file":"iconset.js","sourceRoot":"","sources":["../../src/assets/iconset.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,65BAA65B,CAAC;AAEv7B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,ukBAAukB,CAAC;AAEjmB,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;OAIlB,CAAC;AAER,MAAM,CAAC,MAAM,KAAK,GAAG,GAAG,CAAA,gWAAgW,CAAC;AAEzX,MAAM,CAAC,MAAM,QAAQ,GAAG,GAAG,CAAA,iVAAiV,CAAC;AAE7W,MAAM,CAAC,MAAM,KAAK,GAAG,GAAG,CAAA,4NAA4N,CAAC;AAErP,MAAM,CAAC,MAAM,cAAc,GAAG,GAAG,CAAA,0sEAA0sE,CAAC;AAE5uE,MAAM,CAAC,MAAM,KAAK,GAAG,GAAG,CAAA,s5BAAs5B,CAAC;AAE/6B,MAAM,CAAC,MAAM,OAAO,GAAG,GAAG,CAAA,81DAA81D,CAAC;AAEz3D,MAAM,CAAC,MAAM,IAAI,GAAG,GAAG,CAAA,4qCAA4qC,CAAC;AAEpsC,MAAM,CAAC,MAAM,SAAS,GAAG,GAAG,CAAA,04CAA04C,CAAC;AAEv6C,MAAM,CAAC,MAAM,IAAI,GAAG,GAAG,CAAA,ghBAAghB,CAAC;AAExiB,MAAM,CAAC,MAAM,WAAW,GAAG,GAAG,CAAA,yrEAAyrE,CAAC;AAExtE,MAAM,CAAC,MAAM,OAAO,GAAG,GAAG,CAAA,8TAA8T,CAAC;AAEzV,MAAM,CAAC,MAAM,WAAW,GAAG,GAAG,CAAA,ktBAAktB,CAAC;AAEjvB,MAAM,CAAC,MAAM,QAAQ,GAAG,GAAG,CAAA;;OAEpB,CAAC;AAER,MAAM,CAAC,MAAM,cAAc,GAAG,GAAG,CAAA;;OAE1B,CAAC;AAER,MAAM,CAAC,MAAM,YAAY,GAAG,GAAG,CAAA;;;OAGxB,CAAC","sourcesContent":["import { svg } from 'lit';\n\nexport const ticket = svg`<svg focusable=\"false\" aria-hidden=\"true\" viewBox=\"0 0 20 20\"><path d=\"M8.64453 0.5L0.657878 8.48828C0.342044 8.80245 0.167969 9.22083 0.167969 9.66667C0.167969 10.1125 0.34125 10.5317 0.65625 10.8451L5.65788 15.8451C5.97288 16.1592 6.39047 16.3333 6.83464 16.3333C7.28047 16.3333 7.69969 16.1601 8.01302 15.8451L16.0013 7.85677V0.5H8.64453ZM9.33464 2.16667H14.3346V7.16667L6.83464 14.6667L1.83464 9.66667L9.33464 2.16667ZM11.8346 3.83333C11.6136 3.83333 11.4017 3.92113 11.2454 4.07741C11.0891 4.23369 11.0013 4.44565 11.0013 4.66667C11.0013 4.88768 11.0891 5.09964 11.2454 5.25592C11.4017 5.4122 11.6136 5.5 11.8346 5.5C12.0556 5.5 12.2676 5.4122 12.4239 5.25592C12.5802 5.09964 12.668 4.88768 12.668 4.66667C12.668 4.44565 12.5802 4.23369 12.4239 4.07741C12.2676 3.92113 12.0556 3.83333 11.8346 3.83333ZM14.3346 11.3333V13.8333H11.8346V15.5H14.3346V18H16.0013V15.5H18.5013V13.8333H16.0013V11.3333H14.3346Z\"></path></svg>`;\n\nexport const laptop = svg`<svg focusable=\"false\" aria-hidden=\"true\" viewBox=\"0 0 24 24\"><path d=\"M4 4C2.897 4 2 4.897 2 6V16C2 17.103 2.897 18 4 18H0V20H24V18H20C21.103 18 22 17.103 22 16V6C22 4.897 21.103 4 20 4H4ZM4 6H20L20.002 16H4V6ZM14.2852 8.00781L11 11.293L9.20703 9.5L7.79297 10.9141L11 14.1211L15.6992 9.42188L14.2852 8.00781Z\" fill=\"url(#paint0_linear_10193_72020)\"></path><defs><linearGradient id=\"paint0_linear_10193_72020\" x1=\"12\" y1=\"4\" x2=\"12\" y2=\"20\" gradientUnits=\"userSpaceOnUse\"><stop stop-color=\"#1459E4\"></stop><stop offset=\"1\" stop-color=\"#0C2295\"></stop></linearGradient></defs></svg>`;\n\nexport const loader = svg`\n<svg width=\"200\" height=\"200\" viewBox=\"-25 -25 250 250\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" style=\"transform:rotate(-90deg)\">\n  <circle r=\"90\" cx=\"100\" cy=\"100\" fill=\"transparent\" stroke=\"transparent\" stroke-width=\"16px\" stroke-dasharray=\"565.48px\" stroke-dashoffset=\"0\"></circle>\n  <circle r=\"90\" cx=\"100\" cy=\"100\" stroke=\"#1456e0\" stroke-width=\"16px\" stroke-linecap=\"round\" stroke-dashoffset=\"118.692px\" fill=\"transparent\" stroke-dasharray=\"565.48px\"></circle>\n</svg>`;\n\nexport const phone = svg`<svg focusable=\"false\" aria-hidden=\"true\" viewBox=\"0 0 24 24\" data-testid=\"PhoneIcon\"><path d=\"M6.62 10.79c1.44 2.83 3.76 5.14 6.59 6.59l2.2-2.2c.27-.27.67-.36 1.02-.24 1.12.37 2.33.57 3.57.57.55 0 1 .45 1 1V20c0 .55-.45 1-1 1-9.39 0-17-7.61-17-17 0-.55.45-1 1-1h3.5c.55 0 1 .45 1 1 0 1.25.2 2.45.57 3.57.11.35.03.74-.25 1.02l-2.2 2.2z\"></path></svg>`;\n\nexport const question = svg`<svg focusable=\"false\" aria-hidden=\"true\" viewBox=\"0 0 24 24\" data-testid=\"ContactSupportSharpIcon\"><path d=\"M11.5 2C6.81 2 3 5.81 3 10.5S6.81 19 11.5 19h.5v3c4.86-2.34 8-7 8-11.5C20 5.81 16.19 2 11.5 2zm1 14.5h-2v-2h2v2zm0-3.5h-2c0-3.25 3-3 3-5 0-1.1-.9-2-2-2s-2 .9-2 2h-2c0-2.21 1.79-4 4-4s4 1.79 4 4c0 2.5-3 2.75-3 5z\"></path></svg>`;\n\nexport const email = svg`<svg focusable=\"false\" aria-hidden=\"true\" viewBox=\"0 0 24 24\" data-testid=\"EmailIcon\"><path d=\"M20 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 4-8 5-8-5V6l8 5 8-5v2z\"></path></svg>`;\n\nexport const cutomerSupport = svg`<svg focusable=\"false\" aria-hidden=\"true\" viewBox=\"0 0 24 24\"><path d=\"M22.83 12.45L20.83 9.45C20.8139 9.424 20.788 9.404 20.768 9.38C20.74 9.345 20.7129 9.311 20.681 9.281C20.596 9.2 20.503 9.128 20.4 9.08L16.7099 7.48C16.2599 7.83 15.48 8.33 14.38 8.66L17.327 9.934L12 11.932L6.69395 9.942L9.66995 8.68C8.56995 8.35 7.77995 7.86 7.31995 7.5L3.60995 9.08C3.60495 9.082 3.60095 9.086 3.59595 9.088C3.57895 9.096 3.56595 9.108 3.54895 9.117C3.46595 9.161 3.38995 9.215 3.32195 9.279C3.28795 9.31 3.26095 9.344 3.23195 9.38C3.21195 9.405 3.18795 9.423 3.16995 9.45L1.16995 12.45C0.99995 12.7 0.94995 13.02 1.04995 13.31C1.13995 13.6 1.35995 13.83 1.64995 13.94L2.99995 14.446V19C2.99995 19.417 3.25895 19.79 3.64895 19.937L11.649 22.937C11.762 22.979 11.8809 23 12 23C12.119 23 12.238 22.979 12.351 22.937L20.351 19.937C20.7409 19.79 21 19.417 21 19V14.516L22.3899 13.92C22.67 13.8 22.8699 13.57 22.9599 13.29C23.0399 13 23 12.69 22.83 12.45ZM3.52995 12.51L4.39295 11.216L10.4729 13.496L9.60995 14.79L3.52995 12.51ZM20.5 12.55L15.2299 14.81L13.81 13.39L19.608 11.216L20.5 12.55ZM19 18.307L12 20.932L4.99995 18.307V15.196L9.64995 16.94C9.75995 16.98 9.87995 17 9.99995 17C10.33 17 10.64 16.84 10.83 16.55L12.16 14.57L14.29 16.71C14.58 17 15.02 17.08 15.39 16.92L19 15.373V18.307ZM12 7.004C9.65195 7.004 8.42395 5.838 8.29195 5.705C7.90195 5.313 7.90295 4.681 8.29495 4.291C8.68295 3.905 9.30895 3.902 9.69895 4.284C9.74895 4.33 10.503 5.004 12 5.004C13.518 5.004 14.271 4.312 14.303 4.283C14.7 3.909 15.331 3.918 15.711 4.309C16.091 4.701 16.094 5.319 15.709 5.705C15.5759 5.838 14.3479 7.004 12 7.004ZM9.99995 1C9.73473 1 9.48038 1.10536 9.29284 1.29289C9.10531 1.48043 8.99995 1.73478 8.99995 2C8.99995 2.26522 9.10531 2.51957 9.29284 2.70711C9.48038 2.89464 9.73473 3 9.99995 3C10.2652 3 10.5195 2.89464 10.7071 2.70711C10.8946 2.51957 11 2.26522 11 2C11 1.73478 10.8946 1.48043 10.7071 1.29289C10.5195 1.10536 10.2652 1 9.99995 1ZM14 1C13.7347 1 13.4804 1.10536 13.2928 1.29289C13.1053 1.48043 13 1.73478 13 2C13 2.26522 13.1053 2.51957 13.2928 2.70711C13.4804 2.89464 13.7347 3 14 3C14.2652 3 14.5195 2.89464 14.7071 2.70711C14.8946 2.51957 15 2.26522 15 2C15 1.73478 14.8946 1.48043 14.7071 1.29289C14.5195 1.10536 14.2652 1 14 1Z\"></path></svg>`;\n\nexport const users = svg`<svg focusable=\"false\" aria-hidden=\"true\" viewBox=\"0 0 24 24\"><path d=\"M3 3C1.897 3 1 3.897 1 5V21H11V19H3V5H13V12C13 10.37 13.792 8.93544 15 8.02344V5C15 3.897 14.103 3 13 3H3ZM5 7V9H7V7H5ZM9 7V9H11V7H9ZM18 9C16.318 9 15 10.317 15 12C15 13.683 16.318 15 18 15C19.682 15 21 13.683 21 12C21 10.317 19.682 9 18 9ZM5 11V13H7V11H5ZM9 11V13H11V11H9ZM18 11C18.58 11 19 11.421 19 12C19 12.579 18.58 13 18 13C17.42 13 17 12.579 17 12C17 11.421 17.42 11 18 11ZM5 15V17H7V15H5ZM9 15V17H11V15H9ZM18 16C15.149 16 13 17.4558 13 19.3848V21H23V19.3848C23 17.4558 20.851 16 18 16ZM18 18C19.47 18 20.4895 18.504 20.8535 19H15.1465C15.5095 18.504 16.53 18 18 18Z\" fill=\"url(#paint0_linear_10193_72013)\"></path><defs><linearGradient id=\"paint0_linear_10193_72013\" x1=\"12\" y1=\"3\" x2=\"12\" y2=\"21\" gradientUnits=\"userSpaceOnUse\"><stop stop-color=\"#1459E4\"></stop><stop offset=\"1\" stop-color=\"#0C2295\"></stop></linearGradient></defs></svg>`;\n\nexport const mySites = svg`<svg class=\"MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-vubbuv\" focusable=\"false\" aria-hidden=\"true\" viewBox=\"0 0 24 24\"><g clip-path=\"url(#clip0_10193_72029)\"><path d=\"M20.5 0C18.291 0 16.5 1.791 16.5 4C16.5 6.857 20.5 11 20.5 11C20.5 11 24.5 6.857 24.5 4C24.5 1.791 22.709 0 20.5 0ZM12.5 2C6.986 2 2.5 6.486 2.5 12C2.5 17.514 6.986 22 12.5 22C18.014 22 22.5 17.514 22.5 12C22.5 11.93 22.4912 11.862 22.4902 11.793C22.2532 12.059 22.0575 12.2677 21.9395 12.3887L20.1504 14.3047C19.9484 14.9657 19.6695 15.5919 19.3145 16.1699C18.9985 15.4819 18.306 15 17.5 15H16.5V13C16.5 12.447 16.052 12 15.5 12H9.5V10H10.5C11.052 10 11.5 9.553 11.5 9V7.02344L13.5156 7.00781C14.0986 7.00381 14.6175 6.74289 14.9805 6.33789C14.8145 5.89389 14.6875 5.445 14.6035 5L10.4922 5.03125C9.94319 5.03525 9.5 5.48225 9.5 6.03125V8H8.5C7.948 8 7.5 8.447 7.5 9V10.1855L5.48047 8.16797C6.84047 5.68697 9.477 4 12.5 4H14.5C14.5 3.397 14.5908 2.81658 14.7578 2.26758C14.0308 2.09858 13.277 2 12.5 2ZM20.5 2.57031C21.289 2.57031 21.9297 3.211 21.9297 4C21.9297 4.789 21.289 5.42969 20.5 5.42969C19.711 5.42969 19.0703 4.789 19.0703 4C19.0703 3.211 19.711 2.57031 20.5 2.57031ZM4.70703 10.2207L9.5 15.0137V16C9.5 17.103 10.397 18 11.5 18V19.9316C7.56 19.4366 4.5 16.072 4.5 12C4.5 11.388 4.57603 10.7947 4.70703 10.2207ZM11.2793 14H14.5V16C14.5 16.553 14.948 17 15.5 17H17.5V18.2344C16.375 19.1384 15.002 19.7417 13.5 19.9297V17C13.5 16.447 13.052 16 12.5 16H11.5V14.5996C11.5 14.3776 11.4123 14.174 11.2793 14Z\" fill=\"url(#paint0_linear_10193_72029)\"></path></g><defs><linearGradient id=\"paint0_linear_10193_72029\" x1=\"13.5\" y1=\"0\" x2=\"13.5\" y2=\"22\" gradientUnits=\"userSpaceOnUse\"><stop stop-color=\"#1459E4\"></stop><stop offset=\"1\" stop-color=\"#0C2295\"></stop></linearGradient><clipPath id=\"clip0_10193_72029\"><rect width=\"24\" height=\"24\" fill=\"white\" transform=\"translate(0.5)\"></rect></clipPath></defs></svg>`;\n\nexport const dcim = svg`<svg class=\"MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-vubbuv\" focusable=\"false\" aria-hidden=\"true\" viewBox=\"0 0 24 24\"><g clip-path=\"url(#clip0_10193_72036)\"><path d=\"M6.5 2C5.395 2 4.5 2.895 4.5 4V20C4.5 21.105 5.395 22 6.5 22H14.8438C14.1128 21.487 13.5155 20.8 13.1055 20H6.5V16H12.7129C12.9229 15.258 13.2798 14.578 13.7578 14H6.5V10H18.5V12.0254C19.216 12.0904 19.89 12.2935 20.5 12.6055V4C20.5 2.895 19.605 2 18.5 2H6.5ZM6.5 4H18.5V8H6.5V4ZM18 14C16.067 14 14.5 15.567 14.5 17.5C14.5 19.433 16.067 21 18 21C18.465 21 18.9065 20.9052 19.3125 20.7402L22.5723 24H24.5V22.0723L21.2402 18.8125C21.4042 18.4065 21.5 17.965 21.5 17.5C21.5 15.567 19.933 14 18 14ZM17.5 16C18.052 16 18.5 16.448 18.5 17C18.5 17.552 18.052 18 17.5 18C16.948 18 16.5 17.552 16.5 17C16.5 16.448 16.948 16 17.5 16Z\" fill=\"url(#paint0_linear_10193_72036)\"></path></g><defs><linearGradient id=\"paint0_linear_10193_72036\" x1=\"14.5\" y1=\"2\" x2=\"14.5\" y2=\"24\" gradientUnits=\"userSpaceOnUse\"><stop stop-color=\"#1459E4\"></stop><stop offset=\"1\" stop-color=\"#0C2295\"></stop></linearGradient><clipPath id=\"clip0_10193_72036\"><rect width=\"24\" height=\"24\" fill=\"white\" transform=\"translate(0.5)\"></rect></clipPath></defs></svg>`;\n\nexport const locations = svg`<svg class=\"MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-vubbuv\" focusable=\"false\" aria-hidden=\"true\" viewBox=\"0 0 24 24\"><g clip-path=\"url(#clip0_10193_72043)\"><path d=\"M11.7222 1.00195C6.94623 0.939955 2.64861 3.82933 0.581605 8.61133C0.473605 8.86233 0.472652 9.14644 0.579652 9.39844C2.48665 13.8934 6.16157 16.6777 10.4996 16.9707V14.9434C7.11557 14.6564 4.21428 12.5067 2.59528 9.01172C4.39028 5.22372 7.85307 2.95295 11.6871 3.00195C15.3911 3.06895 18.4997 5.28789 20.0777 8.96289C19.9057 9.32689 19.7093 9.664 19.5093 10H21.7925C21.8925 9.795 21.9926 9.59091 22.0836 9.37891C22.1876 9.13791 22.1922 8.86414 22.0972 8.61914C20.2972 4.00414 16.3232 1.08595 11.7222 1.00195ZM11.4996 5C9.29057 5 7.49957 6.791 7.49957 9C7.49957 10.862 8.77757 12.4124 10.4996 12.8594V10H15.3589C15.4419 9.679 15.4996 9.347 15.4996 9C15.4996 6.791 13.7086 5 11.4996 5ZM12.4996 12V13V24H24.4996V12H12.4996ZM14.4996 14H22.0855L18.4996 17.5859L17.2066 16.293L15.7925 17.707L18.4996 20.4141L22.4996 16.4141V22H14.4996V14Z\" fill=\"url(#paint0_linear_10193_72043)\"></path></g><defs><linearGradient id=\"paint0_linear_10193_72043\" x1=\"12.4998\" y1=\"1.00098\" x2=\"12.4998\" y2=\"24\" gradientUnits=\"userSpaceOnUse\"><stop stop-color=\"#1459E4\"></stop><stop offset=\"1\" stop-color=\"#0C2295\"></stop></linearGradient><clipPath id=\"clip0_10193_72043\"><rect width=\"24\" height=\"24\" fill=\"white\" transform=\"translate(0.5)\"></rect></clipPath></defs></svg>`;\n\nexport const lock = svg`<svg class=\"MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-vubbuv\" focusable=\"false\" aria-hidden=\"true\" viewBox=\"0 0 24 24\"><path d=\"M12 1C9.12778 1 6.71891 3.04615 6.12305 5.78711L8.07812 6.21289C8.48226 4.35385 10.0722 3 12 3C14.2762 3 16 4.72381 16 7V8H6C4.90694 8 4 8.90694 4 10V20C4 21.0931 4.90694 22 6 22H18C19.0931 22 20 21.0931 20 20V10C20 8.90694 19.0931 8 18 8V7C18 3.67619 15.3238 1 12 1ZM6 10H18V20H6V10ZM12 13C10.9 13 10 13.9 10 15C10 16.1 10.9 17 12 17C13.1 17 14 16.1 14 15C14 13.9 13.1 13 12 13Z\"></path></svg>`;\n\nexport const remoteHands = svg`<svg class=\"MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-vubbuv\" focusable=\"false\" aria-hidden=\"true\" viewBox=\"0 0 24 24\"><path d=\"M13 2C12.529 2 12.1357 2.36008 12.0977 2.83008L12.082 3.01953C12.0793 3.05251 12.093 3.08098 12.0938 3.11328C11.3101 3.29551 10.6196 3.70573 10.0879 4.27344C10.06 4.2564 10.0421 4.22909 10.0117 4.21484L9.8418 4.13477C9.4158 3.93377 8.90592 4.092 8.66992 4.5C8.43392 4.908 8.5505 5.42731 8.9375 5.69531L9.09375 5.80469C9.12369 5.82543 9.15813 5.82904 9.18945 5.8457C9.07799 6.21341 9 6.59591 9 7C9 7.40409 9.07799 7.78659 9.18945 8.1543C9.15813 8.17095 9.12369 8.17457 9.09375 8.19531L8.9375 8.30273C8.5505 8.57173 8.43392 9.092 8.66992 9.5C8.90592 9.908 9.4158 10.0662 9.8418 9.86523L10.0117 9.78516C10.042 9.77089 10.06 9.74359 10.0879 9.72656C10.6191 10.2938 11.3089 10.7043 12.0918 10.8867C12.091 10.919 12.0774 10.9475 12.0801 10.9805L12.0977 11.1699C12.1367 11.6399 12.529 12 13 12C13.471 12 13.8643 11.6399 13.9023 11.1699L13.918 10.9805C13.9207 10.9475 13.907 10.919 13.9062 10.8867C14.6899 10.7045 15.3804 10.2943 15.9121 9.72656C15.94 9.74366 15.9579 9.77084 15.9883 9.78516L16.1582 9.86719C16.5842 10.0682 17.0941 9.90995 17.3301 9.50195C17.5661 9.09395 17.4495 8.57369 17.0625 8.30469L16.9062 8.19531C16.8763 8.17457 16.8419 8.17096 16.8105 8.1543C16.922 7.78659 17 7.40409 17 7C17 6.59591 16.922 6.21341 16.8105 5.8457C16.8419 5.82905 16.8763 5.82543 16.9062 5.80469L17.0625 5.69727C17.4495 5.42827 17.5661 4.908 17.3301 4.5C17.0941 4.092 16.5842 3.93377 16.1582 4.13477L15.9883 4.21484C15.958 4.22911 15.94 4.25641 15.9121 4.27344C15.3809 3.70617 14.6911 3.29573 13.9082 3.11328C13.909 3.08098 13.9226 3.05251 13.9199 3.01953L13.9023 2.83008C13.8633 2.36008 13.471 2 13 2ZM13 5.5C13.828 5.5 14.5 6.172 14.5 7C14.5 7.828 13.828 8.5 13 8.5C12.172 8.5 11.5 7.828 11.5 7C11.5 6.172 12.172 5.5 13 5.5ZM20.5859 12C20.2239 12 19.8619 12.1381 19.5859 12.4141L15 17H11C10.724 17 10.5 16.776 10.5 16.5C10.5 16.224 10.724 16 11 16H13C14.105 16 15 15.105 15 14V13H8.65625C7.59525 13 6.57812 13.4209 5.82812 14.1719L2 18L6 22L8 20H15.1719C15.7019 20 16.2109 19.7891 16.5859 19.4141L21.5859 14.4141C22.1379 13.8621 22.1379 12.9661 21.5859 12.4141C21.3099 12.1381 20.9479 12 20.5859 12Z\"></path></svg>`;\n\nexport const addUser = svg`<svg class=\"MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-vubbuv\" focusable=\"false\" aria-hidden=\"true\" viewBox=\"0 0 24 24\" data-testid=\"PersonAddIcon\"><path d=\"M15 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm-9-2V7H4v3H1v2h3v3h2v-3h3v-2H6zm9 4c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z\"></path></svg>`;\n\nexport const manageUsers = svg`<svg class=\"MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-vubbuv\" focusable=\"false\" aria-hidden=\"true\" viewBox=\"0 0 24 24\"><path d=\"M3 3C1.897 3 1 3.897 1 5V21H11V19H3V5H13V12C13 10.37 13.792 8.93544 15 8.02344V5C15 3.897 14.103 3 13 3H3ZM5 7V9H7V7H5ZM9 7V9H11V7H9ZM18 9C16.318 9 15 10.317 15 12C15 13.683 16.318 15 18 15C19.682 15 21 13.683 21 12C21 10.317 19.682 9 18 9ZM5 11V13H7V11H5ZM9 11V13H11V11H9ZM18 11C18.58 11 19 11.421 19 12C19 12.579 18.58 13 18 13C17.42 13 17 12.579 17 12C17 11.421 17.42 11 18 11ZM5 15V17H7V15H5ZM9 15V17H11V15H9ZM18 16C15.149 16 13 17.4558 13 19.3848V21H23V19.3848C23 17.4558 20.851 16 18 16ZM18 18C19.47 18 20.4895 18.504 20.8535 19H15.1465C15.5095 18.504 16.53 18 18 18Z\"></path></svg>`;\n\nexport const shipping = svg`<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"31\" height=\"22\" viewBox=\"0 0 31 22\" fill=\"none\">\n<path d=\"M0 0.666626V3.33329H18.6667V8.66663V11.3333V15.3333H10.9609C10.2288 14.5208 9.17989 14 8 14C6.82011 14 5.77116 14.5208 5.03906 15.3333H4V14L6.66667 11.3333H1.33333V18H4C4 20.2093 5.79067 22 8 22C10.2093 22 12 20.2093 12 18H20C20 20.2093 21.7907 22 24 22C26.2093 22 28 20.2093 28 18H29.3333H30.6667V11.3333L27.0339 4.07027C26.8085 3.61827 26.3491 3.33329 25.8437 3.33329H21.3333V0.666626H0ZM1.33333 5.99996V8.66663H10.6667V5.99996H1.33333ZM21.3333 5.99996H25.0182L26.3516 8.66663H21.3333V5.99996ZM21.3333 11.3333H27.6849L28 11.9635V15.3333H26.9609C26.2288 14.5208 25.1799 14 24 14C22.9706 14 22.0422 14.4003 21.3333 15.039V11.3333ZM8 16.3333C8.91867 16.3333 9.66667 17.0813 9.66667 18C9.66667 18.9186 8.91867 19.6666 8 19.6666C7.08133 19.6666 6.33333 18.9186 6.33333 18C6.33333 17.0813 7.08133 16.3333 8 16.3333ZM24 16.3333C24.9187 16.3333 25.6667 17.0813 25.6667 18C25.6667 18.9186 24.9187 19.6666 24 19.6666C23.0813 19.6666 22.3333 18.9186 22.3333 18C22.3333 17.0813 23.0813 16.3333 24 16.3333Z\" fill=\"white\"/>\n</svg>`;\n\nexport const troubleTickets = svg`<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"32\" height=\"30\" viewBox=\"0 0 32 30\" fill=\"none\">\n<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M6.66667 1.875H25.3333C26.8 1.875 28 3 28 4.375V21.875C28 23.25 26.8 24.375 25.3333 24.375H20L16 28.125L12 24.375H6.66667C5.18667 24.375 4 23.25 4 21.875V4.375C4 3 5.18667 1.875 6.66667 1.875ZM18.8933 21.875H25.3333V4.375H6.66667V21.875H13.1067L13.88 22.6L16 24.5875L18.1067 22.6125L18.8933 21.875ZM14.6667 20.625V18.125H17.3333V20.625H14.6667ZM18.6667 10.625C18.6667 9.25 17.4667 8.125 16 8.125C14.5333 8.125 13.3333 9.25 13.3333 10.625H10.6667C10.6667 7.8625 13.0533 5.625 16 5.625C18.9467 5.625 21.3333 7.8625 21.3333 10.625C21.3333 12.2286 20.28 13.0916 19.2543 13.9319C18.2814 14.7291 17.3333 15.5058 17.3333 16.875H14.6667C14.6667 14.5984 15.9228 13.6957 17.0273 12.9021C17.8936 12.2795 18.6667 11.724 18.6667 10.625Z\" fill=\"white\"/>\n</svg>`;\n\nexport const crossConnect = svg`\n<svg width=\"32\" height=\"32\" viewBox=\"0 0 32 32\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<path d=\"M17.3337 19.9998L12.0134 25.3337V21.3337H2.66675V18.6667H12.0134V14.6667L17.3337 19.9998ZM19.9871 10.6667H29.3337V13.3337H19.9871V17.3337L14.6667 11.9998L19.9871 6.66675V10.6667Z\" fill=\"white\"/>\n</svg>`;\n"]}
+{"version":3,"file":"iconset.js","sourceRoot":"","sources":["../../src/assets/iconset.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,65BAA65B,CAAC;AAEv7B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,ukBAAukB,CAAC;AAEjmB,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;OAIlB,CAAC;AAER,MAAM,CAAC,MAAM,KAAK,GAAG,GAAG,CAAA,gWAAgW,CAAC;AAEzX,MAAM,CAAC,MAAM,QAAQ,GAAG,GAAG,CAAA,iVAAiV,CAAC;AAE7W,MAAM,CAAC,MAAM,KAAK,GAAG,GAAG,CAAA,4NAA4N,CAAC;AAErP,MAAM,CAAC,MAAM,cAAc,GAAG,GAAG,CAAA,0sEAA0sE,CAAC;AAE5uE,MAAM,CAAC,MAAM,KAAK,GAAG,GAAG,CAAA,s5BAAs5B,CAAC;AAE/6B,MAAM,CAAC,MAAM,OAAO,GAAG,GAAG,CAAA;;;;;;;;;;;;;OAanB,CAAC;AAER,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;OAQlB,CAAC;AAER,MAAM,CAAC,MAAM,IAAI,GAAG,GAAG,CAAA;;;;;;;;;;;;;OAahB,CAAC;AAER,MAAM,CAAC,MAAM,SAAS,GAAG,GAAG,CAAA,04CAA04C,CAAC;AAEv6C,MAAM,CAAC,MAAM,IAAI,GAAG,GAAG,CAAA,ghBAAghB,CAAC;AAExiB,MAAM,CAAC,MAAM,WAAW,GAAG,GAAG,CAAA,yrEAAyrE,CAAC;AAExtE,MAAM,CAAC,MAAM,OAAO,GAAG,GAAG,CAAA,8TAA8T,CAAC;AAEzV,MAAM,CAAC,MAAM,WAAW,GAAG,GAAG,CAAA,ktBAAktB,CAAC;AAEjvB,MAAM,CAAC,MAAM,QAAQ,GAAG,GAAG,CAAA;;OAEpB,CAAC;AAER,MAAM,CAAC,MAAM,cAAc,GAAG,GAAG,CAAA;;OAE1B,CAAC;AAER,MAAM,CAAC,MAAM,YAAY,GAAG,GAAG,CAAA;;;OAGxB,CAAC","sourcesContent":["import { svg } from 'lit';\n\nexport const ticket = svg`<svg focusable=\"false\" aria-hidden=\"true\" viewBox=\"0 0 20 20\"><path d=\"M8.64453 0.5L0.657878 8.48828C0.342044 8.80245 0.167969 9.22083 0.167969 9.66667C0.167969 10.1125 0.34125 10.5317 0.65625 10.8451L5.65788 15.8451C5.97288 16.1592 6.39047 16.3333 6.83464 16.3333C7.28047 16.3333 7.69969 16.1601 8.01302 15.8451L16.0013 7.85677V0.5H8.64453ZM9.33464 2.16667H14.3346V7.16667L6.83464 14.6667L1.83464 9.66667L9.33464 2.16667ZM11.8346 3.83333C11.6136 3.83333 11.4017 3.92113 11.2454 4.07741C11.0891 4.23369 11.0013 4.44565 11.0013 4.66667C11.0013 4.88768 11.0891 5.09964 11.2454 5.25592C11.4017 5.4122 11.6136 5.5 11.8346 5.5C12.0556 5.5 12.2676 5.4122 12.4239 5.25592C12.5802 5.09964 12.668 4.88768 12.668 4.66667C12.668 4.44565 12.5802 4.23369 12.4239 4.07741C12.2676 3.92113 12.0556 3.83333 11.8346 3.83333ZM14.3346 11.3333V13.8333H11.8346V15.5H14.3346V18H16.0013V15.5H18.5013V13.8333H16.0013V11.3333H14.3346Z\"></path></svg>`;\n\nexport const laptop = svg`<svg focusable=\"false\" aria-hidden=\"true\" viewBox=\"0 0 24 24\"><path d=\"M4 4C2.897 4 2 4.897 2 6V16C2 17.103 2.897 18 4 18H0V20H24V18H20C21.103 18 22 17.103 22 16V6C22 4.897 21.103 4 20 4H4ZM4 6H20L20.002 16H4V6ZM14.2852 8.00781L11 11.293L9.20703 9.5L7.79297 10.9141L11 14.1211L15.6992 9.42188L14.2852 8.00781Z\" fill=\"url(#paint0_linear_10193_72020)\"></path><defs><linearGradient id=\"paint0_linear_10193_72020\" x1=\"12\" y1=\"4\" x2=\"12\" y2=\"20\" gradientUnits=\"userSpaceOnUse\"><stop stop-color=\"#1459E4\"></stop><stop offset=\"1\" stop-color=\"#0C2295\"></stop></linearGradient></defs></svg>`;\n\nexport const loader = svg`\n<svg width=\"200\" height=\"200\" viewBox=\"-25 -25 250 250\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" style=\"transform:rotate(-90deg)\">\n  <circle r=\"90\" cx=\"100\" cy=\"100\" fill=\"transparent\" stroke=\"transparent\" stroke-width=\"16px\" stroke-dasharray=\"565.48px\" stroke-dashoffset=\"0\"></circle>\n  <circle r=\"90\" cx=\"100\" cy=\"100\" stroke=\"#1456e0\" stroke-width=\"16px\" stroke-linecap=\"round\" stroke-dashoffset=\"118.692px\" fill=\"transparent\" stroke-dasharray=\"565.48px\"></circle>\n</svg>`;\n\nexport const phone = svg`<svg focusable=\"false\" aria-hidden=\"true\" viewBox=\"0 0 24 24\" data-testid=\"PhoneIcon\"><path d=\"M6.62 10.79c1.44 2.83 3.76 5.14 6.59 6.59l2.2-2.2c.27-.27.67-.36 1.02-.24 1.12.37 2.33.57 3.57.57.55 0 1 .45 1 1V20c0 .55-.45 1-1 1-9.39 0-17-7.61-17-17 0-.55.45-1 1-1h3.5c.55 0 1 .45 1 1 0 1.25.2 2.45.57 3.57.11.35.03.74-.25 1.02l-2.2 2.2z\"></path></svg>`;\n\nexport const question = svg`<svg focusable=\"false\" aria-hidden=\"true\" viewBox=\"0 0 24 24\" data-testid=\"ContactSupportSharpIcon\"><path d=\"M11.5 2C6.81 2 3 5.81 3 10.5S6.81 19 11.5 19h.5v3c4.86-2.34 8-7 8-11.5C20 5.81 16.19 2 11.5 2zm1 14.5h-2v-2h2v2zm0-3.5h-2c0-3.25 3-3 3-5 0-1.1-.9-2-2-2s-2 .9-2 2h-2c0-2.21 1.79-4 4-4s4 1.79 4 4c0 2.5-3 2.75-3 5z\"></path></svg>`;\n\nexport const email = svg`<svg focusable=\"false\" aria-hidden=\"true\" viewBox=\"0 0 24 24\" data-testid=\"EmailIcon\"><path d=\"M20 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 4-8 5-8-5V6l8 5 8-5v2z\"></path></svg>`;\n\nexport const cutomerSupport = svg`<svg focusable=\"false\" aria-hidden=\"true\" viewBox=\"0 0 24 24\"><path d=\"M22.83 12.45L20.83 9.45C20.8139 9.424 20.788 9.404 20.768 9.38C20.74 9.345 20.7129 9.311 20.681 9.281C20.596 9.2 20.503 9.128 20.4 9.08L16.7099 7.48C16.2599 7.83 15.48 8.33 14.38 8.66L17.327 9.934L12 11.932L6.69395 9.942L9.66995 8.68C8.56995 8.35 7.77995 7.86 7.31995 7.5L3.60995 9.08C3.60495 9.082 3.60095 9.086 3.59595 9.088C3.57895 9.096 3.56595 9.108 3.54895 9.117C3.46595 9.161 3.38995 9.215 3.32195 9.279C3.28795 9.31 3.26095 9.344 3.23195 9.38C3.21195 9.405 3.18795 9.423 3.16995 9.45L1.16995 12.45C0.99995 12.7 0.94995 13.02 1.04995 13.31C1.13995 13.6 1.35995 13.83 1.64995 13.94L2.99995 14.446V19C2.99995 19.417 3.25895 19.79 3.64895 19.937L11.649 22.937C11.762 22.979 11.8809 23 12 23C12.119 23 12.238 22.979 12.351 22.937L20.351 19.937C20.7409 19.79 21 19.417 21 19V14.516L22.3899 13.92C22.67 13.8 22.8699 13.57 22.9599 13.29C23.0399 13 23 12.69 22.83 12.45ZM3.52995 12.51L4.39295 11.216L10.4729 13.496L9.60995 14.79L3.52995 12.51ZM20.5 12.55L15.2299 14.81L13.81 13.39L19.608 11.216L20.5 12.55ZM19 18.307L12 20.932L4.99995 18.307V15.196L9.64995 16.94C9.75995 16.98 9.87995 17 9.99995 17C10.33 17 10.64 16.84 10.83 16.55L12.16 14.57L14.29 16.71C14.58 17 15.02 17.08 15.39 16.92L19 15.373V18.307ZM12 7.004C9.65195 7.004 8.42395 5.838 8.29195 5.705C7.90195 5.313 7.90295 4.681 8.29495 4.291C8.68295 3.905 9.30895 3.902 9.69895 4.284C9.74895 4.33 10.503 5.004 12 5.004C13.518 5.004 14.271 4.312 14.303 4.283C14.7 3.909 15.331 3.918 15.711 4.309C16.091 4.701 16.094 5.319 15.709 5.705C15.5759 5.838 14.3479 7.004 12 7.004ZM9.99995 1C9.73473 1 9.48038 1.10536 9.29284 1.29289C9.10531 1.48043 8.99995 1.73478 8.99995 2C8.99995 2.26522 9.10531 2.51957 9.29284 2.70711C9.48038 2.89464 9.73473 3 9.99995 3C10.2652 3 10.5195 2.89464 10.7071 2.70711C10.8946 2.51957 11 2.26522 11 2C11 1.73478 10.8946 1.48043 10.7071 1.29289C10.5195 1.10536 10.2652 1 9.99995 1ZM14 1C13.7347 1 13.4804 1.10536 13.2928 1.29289C13.1053 1.48043 13 1.73478 13 2C13 2.26522 13.1053 2.51957 13.2928 2.70711C13.4804 2.89464 13.7347 3 14 3C14.2652 3 14.5195 2.89464 14.7071 2.70711C14.8946 2.51957 15 2.26522 15 2C15 1.73478 14.8946 1.48043 14.7071 1.29289C14.5195 1.10536 14.2652 1 14 1Z\"></path></svg>`;\n\nexport const users = svg`<svg focusable=\"false\" aria-hidden=\"true\" viewBox=\"0 0 24 24\"><path d=\"M3 3C1.897 3 1 3.897 1 5V21H11V19H3V5H13V12C13 10.37 13.792 8.93544 15 8.02344V5C15 3.897 14.103 3 13 3H3ZM5 7V9H7V7H5ZM9 7V9H11V7H9ZM18 9C16.318 9 15 10.317 15 12C15 13.683 16.318 15 18 15C19.682 15 21 13.683 21 12C21 10.317 19.682 9 18 9ZM5 11V13H7V11H5ZM9 11V13H11V11H9ZM18 11C18.58 11 19 11.421 19 12C19 12.579 18.58 13 18 13C17.42 13 17 12.579 17 12C17 11.421 17.42 11 18 11ZM5 15V17H7V15H5ZM9 15V17H11V15H9ZM18 16C15.149 16 13 17.4558 13 19.3848V21H23V19.3848C23 17.4558 20.851 16 18 16ZM18 18C19.47 18 20.4895 18.504 20.8535 19H15.1465C15.5095 18.504 16.53 18 18 18Z\" fill=\"url(#paint0_linear_10193_72013)\"></path><defs><linearGradient id=\"paint0_linear_10193_72013\" x1=\"12\" y1=\"3\" x2=\"12\" y2=\"21\" gradientUnits=\"userSpaceOnUse\"><stop stop-color=\"#1459E4\"></stop><stop offset=\"1\" stop-color=\"#0C2295\"></stop></linearGradient></defs></svg>`;\n\nexport const mySites = svg`<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"36\" height=\"36\" viewBox=\"0 0 36 36\" fill=\"none\">\n<g clip-path=\"url(#clip0_874_2646)\">\n<path d=\"M30 0C26.6865 0 24 2.6865 24 6C24 10.2855 30 16.5 30 16.5C30 16.5 36 10.2855 36 6C36 2.6865 33.3135 0 30 0ZM18 3C9.729 3 3 9.729 3 18C3 26.271 9.729 33 18 33C26.271 33 33 26.271 33 18C33 17.895 32.9869 17.793 32.9854 17.6895C32.6299 18.0885 32.3362 18.4015 32.1592 18.583L29.4756 21.457C29.1726 22.4485 28.7542 23.3879 28.2217 24.2549C27.7477 23.2229 26.709 22.5 25.5 22.5H24V19.5C24 18.6705 23.328 18 22.5 18H13.5V15H15C15.828 15 16.5 14.3295 16.5 13.5V10.5352L19.5234 10.5117C20.3979 10.5057 21.1762 10.1143 21.7207 9.50684C21.4717 8.84084 21.2813 8.1675 21.1553 7.5L14.9883 7.54688C14.1648 7.55288 13.5 8.22337 13.5 9.04688V12H12C11.172 12 10.5 12.6705 10.5 13.5V15.2783L7.4707 12.252C9.5107 8.53045 13.4655 6 18 6H21C21 5.0955 21.1362 4.22487 21.3867 3.40137C20.2962 3.14787 19.1655 3 18 3ZM30 3.85547C31.1835 3.85547 32.1445 4.8165 32.1445 6C32.1445 7.1835 31.1835 8.14453 30 8.14453C28.8165 8.14453 27.8555 7.1835 27.8555 6C27.8555 4.8165 28.8165 3.85547 30 3.85547ZM6.31055 15.3311L13.5 22.5205V24C13.5 25.6545 14.8455 27 16.5 27V29.8975C10.59 29.155 6 24.108 6 18C6 17.082 6.11405 16.1921 6.31055 15.3311ZM16.1689 21H21V24C21 24.8295 21.672 25.5 22.5 25.5H25.5V27.3516C23.8125 28.7076 21.753 29.6125 19.5 29.8945V25.5C19.5 24.6705 18.828 24 18 24H16.5V21.8994C16.5 21.5664 16.3684 21.261 16.1689 21Z\" fill=\"url(#paint0_linear_874_2646)\"/>\n</g>\n<defs>\n<linearGradient id=\"paint0_linear_874_2646\" x1=\"19.5\" y1=\"0\" x2=\"19.5\" y2=\"33\" gradientUnits=\"userSpaceOnUse\">\n<stop stop-color=\"#1459E4\"/>\n<stop offset=\"1\" stop-color=\"#0C2295\"/>\n</linearGradient>\n<clipPath id=\"clip0_874_2646\">\n<rect width=\"36\" height=\"36\" fill=\"white\"/>\n</clipPath>\n</defs>\n</svg>`;\n\nexport const orders = svg`<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"36\" height=\"36\" viewBox=\"0 0 36 36\" fill=\"none\">\n<path d=\"M28.5 21C32.6421 21 36 24.3579 36 28.5C36 32.6421 32.6421 36 28.5 36C24.3579 36 21 32.6421 21 28.5C21 24.3579 24.3579 21 28.5 21ZM28.5 23.25C25.6005 23.25 23.25 25.6005 23.25 28.5C23.25 31.3995 25.6005 33.75 28.5 33.75C31.3995 33.75 33.75 31.3995 33.75 28.5C33.75 25.6005 31.3995 23.25 28.5 23.25ZM28.917 28.6943L31.5 29.5967L30.8936 31.5L27 30.1406V25.0986H28.917V28.6943ZM28.5 3C30.1569 3 31.5 4.34315 31.5 6V18.624C30.5813 18.2226 29.5667 18 28.5 18V6.17676H9V26.8232H18.1885C18.0654 27.3623 18 27.9237 18 28.5C18 29.0137 18.052 29.5153 18.1504 30H9C7.34315 30 6 28.6569 6 27V6C6 4.34315 7.34315 3 9 3H28.5ZM19.5 24H12V21H19.5V24ZM25.5 18H12V15H25.5V18ZM25.5 12H12V9H25.5V12Z\" fill=\"url(#paint0_linear_392_19)\"/>\n<defs>\n<linearGradient id=\"paint0_linear_392_19\" x1=\"29.25\" y1=\"25.0986\" x2=\"29.25\" y2=\"31.5\" gradientUnits=\"userSpaceOnUse\">\n<stop stop-color=\"#1459E4\"/>\n<stop offset=\"1\" stop-color=\"#0C2295\"/>\n</linearGradient>\n</defs>\n</svg>`;\n\nexport const dcim = svg`<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"36\" height=\"36\" viewBox=\"0 0 36 36\" fill=\"none\">\n<g clip-path=\"url(#clip0_874_2659)\">\n<path d=\"M9 3C7.3425 3 6 4.3425 6 6V30C6 31.6575 7.3425 33 9 33H21.5156C20.4191 32.2305 19.5232 31.2 18.9082 30H9V24H18.3193C18.6343 22.887 19.1697 21.867 19.8867 21H9V15H27V18.0381C28.074 18.1356 29.085 18.4402 30 18.9082V6C30 4.3425 28.6575 3 27 3H9ZM9 6H27V12H9V6ZM26.25 21C23.3505 21 21 23.3505 21 26.25C21 29.1495 23.3505 31.5 26.25 31.5C26.9475 31.5 27.6098 31.3579 28.2188 31.1104L33.1084 36H36V33.1084L31.1104 28.2188C31.3564 27.6098 31.5 26.9475 31.5 26.25C31.5 23.3505 29.1495 21 26.25 21ZM25.5 24C26.328 24 27 24.672 27 25.5C27 26.328 26.328 27 25.5 27C24.672 27 24 26.328 24 25.5C24 24.672 24.672 24 25.5 24Z\" fill=\"url(#paint0_linear_874_2659)\"/>\n</g>\n<defs>\n<linearGradient id=\"paint0_linear_874_2659\" x1=\"21\" y1=\"3\" x2=\"21\" y2=\"36\" gradientUnits=\"userSpaceOnUse\">\n<stop stop-color=\"#1459E4\"/>\n<stop offset=\"1\" stop-color=\"#0C2295\"/>\n</linearGradient>\n<clipPath id=\"clip0_874_2659\">\n<rect width=\"36\" height=\"36\" fill=\"white\"/>\n</clipPath>\n</defs>\n</svg>`;\n\nexport const locations = svg`<svg class=\"MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-vubbuv\" focusable=\"false\" aria-hidden=\"true\" viewBox=\"0 0 24 24\"><g clip-path=\"url(#clip0_10193_72043)\"><path d=\"M11.7222 1.00195C6.94623 0.939955 2.64861 3.82933 0.581605 8.61133C0.473605 8.86233 0.472652 9.14644 0.579652 9.39844C2.48665 13.8934 6.16157 16.6777 10.4996 16.9707V14.9434C7.11557 14.6564 4.21428 12.5067 2.59528 9.01172C4.39028 5.22372 7.85307 2.95295 11.6871 3.00195C15.3911 3.06895 18.4997 5.28789 20.0777 8.96289C19.9057 9.32689 19.7093 9.664 19.5093 10H21.7925C21.8925 9.795 21.9926 9.59091 22.0836 9.37891C22.1876 9.13791 22.1922 8.86414 22.0972 8.61914C20.2972 4.00414 16.3232 1.08595 11.7222 1.00195ZM11.4996 5C9.29057 5 7.49957 6.791 7.49957 9C7.49957 10.862 8.77757 12.4124 10.4996 12.8594V10H15.3589C15.4419 9.679 15.4996 9.347 15.4996 9C15.4996 6.791 13.7086 5 11.4996 5ZM12.4996 12V13V24H24.4996V12H12.4996ZM14.4996 14H22.0855L18.4996 17.5859L17.2066 16.293L15.7925 17.707L18.4996 20.4141L22.4996 16.4141V22H14.4996V14Z\" fill=\"url(#paint0_linear_10193_72043)\"></path></g><defs><linearGradient id=\"paint0_linear_10193_72043\" x1=\"12.4998\" y1=\"1.00098\" x2=\"12.4998\" y2=\"24\" gradientUnits=\"userSpaceOnUse\"><stop stop-color=\"#1459E4\"></stop><stop offset=\"1\" stop-color=\"#0C2295\"></stop></linearGradient><clipPath id=\"clip0_10193_72043\"><rect width=\"24\" height=\"24\" fill=\"white\" transform=\"translate(0.5)\"></rect></clipPath></defs></svg>`;\n\nexport const lock = svg`<svg class=\"MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-vubbuv\" focusable=\"false\" aria-hidden=\"true\" viewBox=\"0 0 24 24\"><path d=\"M12 1C9.12778 1 6.71891 3.04615 6.12305 5.78711L8.07812 6.21289C8.48226 4.35385 10.0722 3 12 3C14.2762 3 16 4.72381 16 7V8H6C4.90694 8 4 8.90694 4 10V20C4 21.0931 4.90694 22 6 22H18C19.0931 22 20 21.0931 20 20V10C20 8.90694 19.0931 8 18 8V7C18 3.67619 15.3238 1 12 1ZM6 10H18V20H6V10ZM12 13C10.9 13 10 13.9 10 15C10 16.1 10.9 17 12 17C13.1 17 14 16.1 14 15C14 13.9 13.1 13 12 13Z\"></path></svg>`;\n\nexport const remoteHands = svg`<svg class=\"MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-vubbuv\" focusable=\"false\" aria-hidden=\"true\" viewBox=\"0 0 24 24\"><path d=\"M13 2C12.529 2 12.1357 2.36008 12.0977 2.83008L12.082 3.01953C12.0793 3.05251 12.093 3.08098 12.0938 3.11328C11.3101 3.29551 10.6196 3.70573 10.0879 4.27344C10.06 4.2564 10.0421 4.22909 10.0117 4.21484L9.8418 4.13477C9.4158 3.93377 8.90592 4.092 8.66992 4.5C8.43392 4.908 8.5505 5.42731 8.9375 5.69531L9.09375 5.80469C9.12369 5.82543 9.15813 5.82904 9.18945 5.8457C9.07799 6.21341 9 6.59591 9 7C9 7.40409 9.07799 7.78659 9.18945 8.1543C9.15813 8.17095 9.12369 8.17457 9.09375 8.19531L8.9375 8.30273C8.5505 8.57173 8.43392 9.092 8.66992 9.5C8.90592 9.908 9.4158 10.0662 9.8418 9.86523L10.0117 9.78516C10.042 9.77089 10.06 9.74359 10.0879 9.72656C10.6191 10.2938 11.3089 10.7043 12.0918 10.8867C12.091 10.919 12.0774 10.9475 12.0801 10.9805L12.0977 11.1699C12.1367 11.6399 12.529 12 13 12C13.471 12 13.8643 11.6399 13.9023 11.1699L13.918 10.9805C13.9207 10.9475 13.907 10.919 13.9062 10.8867C14.6899 10.7045 15.3804 10.2943 15.9121 9.72656C15.94 9.74366 15.9579 9.77084 15.9883 9.78516L16.1582 9.86719C16.5842 10.0682 17.0941 9.90995 17.3301 9.50195C17.5661 9.09395 17.4495 8.57369 17.0625 8.30469L16.9062 8.19531C16.8763 8.17457 16.8419 8.17096 16.8105 8.1543C16.922 7.78659 17 7.40409 17 7C17 6.59591 16.922 6.21341 16.8105 5.8457C16.8419 5.82905 16.8763 5.82543 16.9062 5.80469L17.0625 5.69727C17.4495 5.42827 17.5661 4.908 17.3301 4.5C17.0941 4.092 16.5842 3.93377 16.1582 4.13477L15.9883 4.21484C15.958 4.22911 15.94 4.25641 15.9121 4.27344C15.3809 3.70617 14.6911 3.29573 13.9082 3.11328C13.909 3.08098 13.9226 3.05251 13.9199 3.01953L13.9023 2.83008C13.8633 2.36008 13.471 2 13 2ZM13 5.5C13.828 5.5 14.5 6.172 14.5 7C14.5 7.828 13.828 8.5 13 8.5C12.172 8.5 11.5 7.828 11.5 7C11.5 6.172 12.172 5.5 13 5.5ZM20.5859 12C20.2239 12 19.8619 12.1381 19.5859 12.4141L15 17H11C10.724 17 10.5 16.776 10.5 16.5C10.5 16.224 10.724 16 11 16H13C14.105 16 15 15.105 15 14V13H8.65625C7.59525 13 6.57812 13.4209 5.82812 14.1719L2 18L6 22L8 20H15.1719C15.7019 20 16.2109 19.7891 16.5859 19.4141L21.5859 14.4141C22.1379 13.8621 22.1379 12.9661 21.5859 12.4141C21.3099 12.1381 20.9479 12 20.5859 12Z\"></path></svg>`;\n\nexport const addUser = svg`<svg class=\"MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-vubbuv\" focusable=\"false\" aria-hidden=\"true\" viewBox=\"0 0 24 24\" data-testid=\"PersonAddIcon\"><path d=\"M15 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm-9-2V7H4v3H1v2h3v3h2v-3h3v-2H6zm9 4c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z\"></path></svg>`;\n\nexport const manageUsers = svg`<svg class=\"MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-vubbuv\" focusable=\"false\" aria-hidden=\"true\" viewBox=\"0 0 24 24\"><path d=\"M3 3C1.897 3 1 3.897 1 5V21H11V19H3V5H13V12C13 10.37 13.792 8.93544 15 8.02344V5C15 3.897 14.103 3 13 3H3ZM5 7V9H7V7H5ZM9 7V9H11V7H9ZM18 9C16.318 9 15 10.317 15 12C15 13.683 16.318 15 18 15C19.682 15 21 13.683 21 12C21 10.317 19.682 9 18 9ZM5 11V13H7V11H5ZM9 11V13H11V11H9ZM18 11C18.58 11 19 11.421 19 12C19 12.579 18.58 13 18 13C17.42 13 17 12.579 17 12C17 11.421 17.42 11 18 11ZM5 15V17H7V15H5ZM9 15V17H11V15H9ZM18 16C15.149 16 13 17.4558 13 19.3848V21H23V19.3848C23 17.4558 20.851 16 18 16ZM18 18C19.47 18 20.4895 18.504 20.8535 19H15.1465C15.5095 18.504 16.53 18 18 18Z\"></path></svg>`;\n\nexport const shipping = svg`<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"31\" height=\"22\" viewBox=\"0 0 31 22\" fill=\"none\">\n<path d=\"M0 0.666626V3.33329H18.6667V8.66663V11.3333V15.3333H10.9609C10.2288 14.5208 9.17989 14 8 14C6.82011 14 5.77116 14.5208 5.03906 15.3333H4V14L6.66667 11.3333H1.33333V18H4C4 20.2093 5.79067 22 8 22C10.2093 22 12 20.2093 12 18H20C20 20.2093 21.7907 22 24 22C26.2093 22 28 20.2093 28 18H29.3333H30.6667V11.3333L27.0339 4.07027C26.8085 3.61827 26.3491 3.33329 25.8437 3.33329H21.3333V0.666626H0ZM1.33333 5.99996V8.66663H10.6667V5.99996H1.33333ZM21.3333 5.99996H25.0182L26.3516 8.66663H21.3333V5.99996ZM21.3333 11.3333H27.6849L28 11.9635V15.3333H26.9609C26.2288 14.5208 25.1799 14 24 14C22.9706 14 22.0422 14.4003 21.3333 15.039V11.3333ZM8 16.3333C8.91867 16.3333 9.66667 17.0813 9.66667 18C9.66667 18.9186 8.91867 19.6666 8 19.6666C7.08133 19.6666 6.33333 18.9186 6.33333 18C6.33333 17.0813 7.08133 16.3333 8 16.3333ZM24 16.3333C24.9187 16.3333 25.6667 17.0813 25.6667 18C25.6667 18.9186 24.9187 19.6666 24 19.6666C23.0813 19.6666 22.3333 18.9186 22.3333 18C22.3333 17.0813 23.0813 16.3333 24 16.3333Z\" fill=\"white\"/>\n</svg>`;\n\nexport const troubleTickets = svg`<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"32\" height=\"30\" viewBox=\"0 0 32 30\" fill=\"none\">\n<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M6.66667 1.875H25.3333C26.8 1.875 28 3 28 4.375V21.875C28 23.25 26.8 24.375 25.3333 24.375H20L16 28.125L12 24.375H6.66667C5.18667 24.375 4 23.25 4 21.875V4.375C4 3 5.18667 1.875 6.66667 1.875ZM18.8933 21.875H25.3333V4.375H6.66667V21.875H13.1067L13.88 22.6L16 24.5875L18.1067 22.6125L18.8933 21.875ZM14.6667 20.625V18.125H17.3333V20.625H14.6667ZM18.6667 10.625C18.6667 9.25 17.4667 8.125 16 8.125C14.5333 8.125 13.3333 9.25 13.3333 10.625H10.6667C10.6667 7.8625 13.0533 5.625 16 5.625C18.9467 5.625 21.3333 7.8625 21.3333 10.625C21.3333 12.2286 20.28 13.0916 19.2543 13.9319C18.2814 14.7291 17.3333 15.5058 17.3333 16.875H14.6667C14.6667 14.5984 15.9228 13.6957 17.0273 12.9021C17.8936 12.2795 18.6667 11.724 18.6667 10.625Z\" fill=\"white\"/>\n</svg>`;\n\nexport const crossConnect = svg`\n<svg width=\"32\" height=\"32\" viewBox=\"0 0 32 32\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<path d=\"M17.3337 19.9998L12.0134 25.3337V21.3337H2.66675V18.6667H12.0134V14.6667L17.3337 19.9998ZM19.9871 10.6667H29.3337V13.3337H19.9871V17.3337L14.6667 11.9998L19.9871 6.66675V10.6667Z\" fill=\"white\"/>\n</svg>`;\n"]}

package/dist/ix-contacts.js

@@ -1,4 +1,5 @@
 import { __decorate } from "tslib";
+/* eslint-disable lit-a11y/anchor-is-valid */
 import { html, LitElement, css } from 'lit';
 import { customElement, property } from 'lit/decorators.js';
 import { unsafeHTML } from 'lit/directives/unsafe-html.js';
@@ -34,7 +35,17 @@ let IxContacts = class IxContacts extends LitElement {
               <h3>Contact Us</h3>
             </div>
             <p class="contact-us">
-              Please fill out <a href="#" @click=${this._openForm}>this form</a>
+              Please fill out
+              <a
+                data-testid="cu-this-form"
+                href="javascript:void(0)"
+                @click=${this._openForm}
+                role="button"
+                aria-label="Open contact us form"
+                tabindex="0"
+                @keydown=${(e) => (e.key === 'Enter' || e.key === ' ') && this._openForm(e)}
+                >this form</a
+              >
             </p>
             <div class="header">
               ${email}

package/dist/ix-contacts.js.map

@@ -1 +1 @@
-{"version":3,"file":"ix-contacts.js","sourceRoot":"","sources":["../src/ix-contacts.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC5C,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC5D,OAAO,EAAE,UAAU,EAAE,MAAM,+BAA+B,CAAC;AAC3D,OAAO,oCAAoC,CAAC;AAC5C,OAAO,wCAAwC,CAAC;AAChD,OAAO,eAAe,CAAC;AACvB,OAAO,UAAU,MAAM,aAAa,CAAC;AACrC,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAQtD,IAAM,UAAU,GAAhB,MAAM,UAAW,SAAQ,UAAU;IAAnC;;QAqFuB,aAAQ,GAAa,EAAE,CAAC;IAgDtD,CAAC;IA9CS,SAAS,CAAC,CAAQ;QACxB,CAAC,CAAC,cAAc,EAAE,CAAC;QACnB,IAAI,CAAC,aAAa,CAChB,IAAI,WAAW,CAAC,YAAY,EAAE;YAC5B,MAAM,EAAE,EAAE,IAAI,EAAE,YAAY,EAAE;YAC9B,OAAO,EAAE,IAAI;YACb,QAAQ,EAAE,IAAI;SACf,CAAC,CACH,CAAC;QACF,OAAO,KAAK,CAAC;IACf,CAAC;IAEkB,MAAM;QACvB,MAAM,EAAE,GAAG,UAAU,EAAE,CAAC;QACxB,MAAM,MAAM,GAAG,EAAE,CAAC,MAAM,CAAC,IAAI,CAAC,QAAQ,CAAC,YAAY,IAAI,EAAE,CAAC,CAAC;QAC3D,OAAO,IAAI,CAAA;;;;;;gBAMC,QAAQ;;;;mDAI2B,IAAI,CAAC,SAAS;;;gBAGjD,KAAK;;;sBAGC,UAAU,IAAI,CAAC,QAAQ,CAAC,KAAK,EAAE;iBACpC,IAAI,CAAC,QAAQ,CAAC,KAAK;;;;;gBAKpB,KAAK;;;cAGP,UAAU,CAAC,MAAM,CAAC;;;;iBAIf,CAAC;IAChB,CAAC;;AAnIM,iBAAM,GAAG;IACd,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAgFF;CACF,AAlFY,CAkFX;AAE0B;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;4CAAyB;AArFzC,UAAU;IADtB,aAAa,CAAC,aAAa,CAAC;GAChB,UAAU,CAqItB","sourcesContent":["import { html, LitElement, css } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\nimport { unsafeHTML } from 'lit/directives/unsafe-html.js';\nimport '@digital-realty/ix-icon/ix-icon.js';\nimport '@digital-realty/ix-button/ix-button.js';\nimport './IxWidget.js';\nimport markdownit from 'markdown-it';\nimport { phone, email, question } from './assets/iconset.js';\n\ninterface Contacts {\n  phoneNumbers?: string;\n  email?: string;\n}\n\n@customElement('ix-contacts')\nexport class IxContacts extends LitElement {\n  static styles = [\n    css`\n      .c2 {\n        display: grid;\n        grid-template-columns: 1fr 1fr;\n        gap: 2rem;\n      }\n      .c3 {\n        display: grid;\n        grid-template-columns: auto auto auto;\n        gap: 2rem;\n      }\n      .customer-support h2 {\n        margin: 0px;\n        font-family: var(--text-heading-font, sans-serif);\n        font-size: var(--text-heading-size, 1.25rem);\n        letter-spacing: var(--text-heading-letter-spacing, 0.0075em);\n        line-height: var(--text-heading-line-height, 1.2em);\n        font-weight: var(--text-heading-weight, bold);\n        text-decoration: var(--text-heading-decoration, none);\n        text-transform: var(--text-heading-transform, none);\n        height: 56px;\n      }\n      .customer-support h3 {\n        margin: 0px;\n        font-family: var(--text-default-font, sans-serif);\n        font-size: var(--text-default-size, 16px);\n        letter-spacing: var(--text-default-letter-spacing, 0.0275em);\n        line-height: var(--text-default-line-height, 1.75em);\n        font-weight: var(--text-default-weight, normal);\n        text-transform: var(--text-default-decoration, none);\n        text-decoration: var(--text-default-transform, none);\n      }\n      .customer-support svg {\n        user-select: none;\n        width: 1em;\n        height: 1em;\n        display: inline-block;\n        fill: currentcolor;\n        flex-shrink: 0;\n        transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;\n        font-size: 1.5rem;\n        color: rgb(7, 20, 84);\n      }\n      .customer-support p {\n        margin: 0px;\n      }\n      .customer-support a {\n        margin: 0px;\n        font-style: normal;\n        font-weight: 400;\n        font-size: 16px;\n        line-height: 28px;\n        letter-spacing: 0.44px;\n        color: var(--clr-primary, #1456e0);\n        text-decoration: underline rgba(20, 86, 224, 0.4);\n      }\n      .customer-support .column {\n        display: flex;\n        flex-direction: column;\n        gap: 12px;\n        white-space: pre-wrap;\n      }\n      p {\n        white-space: pre-wrap;\n      }\n      .header {\n        display: flex;\n        -webkit-box-align: center;\n        align-items: center;\n        gap: 8px;\n      }\n      .contact-us {\n        white-space: normal;\n      }\n      @media (max-width: 600px) {\n        .c2 {\n          display: flex;\n          flex-direction: column-reverse;\n        }\n      }\n    `,\n  ];\n\n  @property({ type: Object }) contacts: Contacts = {};\n\n  private _openForm(e: Event) {\n    e.preventDefault();\n    this.dispatchEvent(\n      new CustomEvent('contact-us', {\n        detail: { type: 'contact-us' },\n        bubbles: true,\n        composed: true,\n      })\n    );\n    return false;\n  }\n\n  protected override render() {\n    const md = markdownit();\n    const result = md.render(this.contacts.phoneNumbers || '');\n    return html`<ix-widget>\n      <div class=\"content customer-support\">\n        <h2>Customer Support</h2>\n        <div class=\"c2\">\n          <div class=\"column\">\n            <div class=\"header\">\n              ${question}\n              <h3>Contact Us</h3>\n            </div>\n            <p class=\"contact-us\">\n              Please fill out <a href=\"#\" @click=${this._openForm}>this form</a>\n            </p>\n            <div class=\"header\">\n              ${email}\n              <h3>Email</h3>\n            </div>\n            <a href=${`mailto:${this.contacts.email}`}\n              >${this.contacts.email}</a\n            >\n          </div>\n          <div class=\"column\">\n            <div class=\"header\">\n              ${phone}\n              <h3>Phone</h3>\n            </div>\n            ${unsafeHTML(result)}\n          </div>\n        </div>\n      </div>\n    </ix-widget>`;\n  }\n}\n"]}
+{"version":3,"file":"ix-contacts.js","sourceRoot":"","sources":["../src/ix-contacts.ts"],"names":[],"mappings":";AAAA,6CAA6C;AAC7C,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC5C,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC5D,OAAO,EAAE,UAAU,EAAE,MAAM,+BAA+B,CAAC;AAC3D,OAAO,oCAAoC,CAAC;AAC5C,OAAO,wCAAwC,CAAC;AAChD,OAAO,eAAe,CAAC;AACvB,OAAO,UAAU,MAAM,aAAa,CAAC;AACrC,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAQtD,IAAM,UAAU,GAAhB,MAAM,UAAW,SAAQ,UAAU;IAAnC;;QAqFuB,aAAQ,GAAa,EAAE,CAAC;IA2DtD,CAAC;IAzDS,SAAS,CAAC,CAAQ;QACxB,CAAC,CAAC,cAAc,EAAE,CAAC;QACnB,IAAI,CAAC,aAAa,CAChB,IAAI,WAAW,CAAC,YAAY,EAAE;YAC5B,MAAM,EAAE,EAAE,IAAI,EAAE,YAAY,EAAE;YAC9B,OAAO,EAAE,IAAI;YACb,QAAQ,EAAE,IAAI;SACf,CAAC,CACH,CAAC;QACF,OAAO,KAAK,CAAC;IACf,CAAC;IAEkB,MAAM;QACvB,MAAM,EAAE,GAAG,UAAU,EAAE,CAAC;QACxB,MAAM,MAAM,GAAG,EAAE,CAAC,MAAM,CAAC,IAAI,CAAC,QAAQ,CAAC,YAAY,IAAI,EAAE,CAAC,CAAC;QAC3D,OAAO,IAAI,CAAA;;;;;;gBAMC,QAAQ;;;;;;;;yBAQC,IAAI,CAAC,SAAS;;;;2BAIZ,CAAC,CAAgB,EAAE,EAAE,CAC9B,CAAC,CAAC,CAAC,GAAG,KAAK,OAAO,IAAI,CAAC,CAAC,GAAG,KAAK,GAAG,CAAC,IAAI,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC;;;;;gBAK3D,KAAK;;;sBAGC,UAAU,IAAI,CAAC,QAAQ,CAAC,KAAK,EAAE;iBACpC,IAAI,CAAC,QAAQ,CAAC,KAAK;;;;;gBAKpB,KAAK;;;cAGP,UAAU,CAAC,MAAM,CAAC;;;;iBAIf,CAAC;IAChB,CAAC;;AA9IM,iBAAM,GAAG;IACd,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAgFF;CACF,AAlFY,CAkFX;AAE0B;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;4CAAyB;AArFzC,UAAU;IADtB,aAAa,CAAC,aAAa,CAAC;GAChB,UAAU,CAgJtB","sourcesContent":["/* eslint-disable lit-a11y/anchor-is-valid */\nimport { html, LitElement, css } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\nimport { unsafeHTML } from 'lit/directives/unsafe-html.js';\nimport '@digital-realty/ix-icon/ix-icon.js';\nimport '@digital-realty/ix-button/ix-button.js';\nimport './IxWidget.js';\nimport markdownit from 'markdown-it';\nimport { phone, email, question } from './assets/iconset.js';\n\ninterface Contacts {\n  phoneNumbers?: string;\n  email?: string;\n}\n\n@customElement('ix-contacts')\nexport class IxContacts extends LitElement {\n  static styles = [\n    css`\n      .c2 {\n        display: grid;\n        grid-template-columns: 1fr 1fr;\n        gap: 2rem;\n      }\n      .c3 {\n        display: grid;\n        grid-template-columns: auto auto auto;\n        gap: 2rem;\n      }\n      .customer-support h2 {\n        margin: 0px;\n        font-family: var(--text-heading-font, sans-serif);\n        font-size: var(--text-heading-size, 1.25rem);\n        letter-spacing: var(--text-heading-letter-spacing, 0.0075em);\n        line-height: var(--text-heading-line-height, 1.2em);\n        font-weight: var(--text-heading-weight, bold);\n        text-decoration: var(--text-heading-decoration, none);\n        text-transform: var(--text-heading-transform, none);\n        height: 56px;\n      }\n      .customer-support h3 {\n        margin: 0px;\n        font-family: var(--text-default-font, sans-serif);\n        font-size: var(--text-default-size, 16px);\n        letter-spacing: var(--text-default-letter-spacing, 0.0275em);\n        line-height: var(--text-default-line-height, 1.75em);\n        font-weight: var(--text-default-weight, normal);\n        text-transform: var(--text-default-decoration, none);\n        text-decoration: var(--text-default-transform, none);\n      }\n      .customer-support svg {\n        user-select: none;\n        width: 1em;\n        height: 1em;\n        display: inline-block;\n        fill: currentcolor;\n        flex-shrink: 0;\n        transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;\n        font-size: 1.5rem;\n        color: rgb(7, 20, 84);\n      }\n      .customer-support p {\n        margin: 0px;\n      }\n      .customer-support a {\n        margin: 0px;\n        font-style: normal;\n        font-weight: 400;\n        font-size: 16px;\n        line-height: 28px;\n        letter-spacing: 0.44px;\n        color: var(--clr-primary, #1456e0);\n        text-decoration: underline rgba(20, 86, 224, 0.4);\n      }\n      .customer-support .column {\n        display: flex;\n        flex-direction: column;\n        gap: 12px;\n        white-space: pre-wrap;\n      }\n      p {\n        white-space: pre-wrap;\n      }\n      .header {\n        display: flex;\n        -webkit-box-align: center;\n        align-items: center;\n        gap: 8px;\n      }\n      .contact-us {\n        white-space: normal;\n      }\n      @media (max-width: 600px) {\n        .c2 {\n          display: flex;\n          flex-direction: column-reverse;\n        }\n      }\n    `,\n  ];\n\n  @property({ type: Object }) contacts: Contacts = {};\n\n  private _openForm(e: Event) {\n    e.preventDefault();\n    this.dispatchEvent(\n      new CustomEvent('contact-us', {\n        detail: { type: 'contact-us' },\n        bubbles: true,\n        composed: true,\n      })\n    );\n    return false;\n  }\n\n  protected override render() {\n    const md = markdownit();\n    const result = md.render(this.contacts.phoneNumbers || '');\n    return html`<ix-widget>\n      <div class=\"content customer-support\">\n        <h2>Customer Support</h2>\n        <div class=\"c2\">\n          <div class=\"column\">\n            <div class=\"header\">\n              ${question}\n              <h3>Contact Us</h3>\n            </div>\n            <p class=\"contact-us\">\n              Please fill out\n              <a\n                data-testid=\"cu-this-form\"\n                href=\"javascript:void(0)\"\n                @click=${this._openForm}\n                role=\"button\"\n                aria-label=\"Open contact us form\"\n                tabindex=\"0\"\n                @keydown=${(e: KeyboardEvent) =>\n                  (e.key === 'Enter' || e.key === ' ') && this._openForm(e)}\n                >this form</a\n              >\n            </p>\n            <div class=\"header\">\n              ${email}\n              <h3>Email</h3>\n            </div>\n            <a href=${`mailto:${this.contacts.email}`}\n              >${this.contacts.email}</a\n            >\n          </div>\n          <div class=\"column\">\n            <div class=\"header\">\n              ${phone}\n              <h3>Phone</h3>\n            </div>\n            ${unsafeHTML(result)}\n          </div>\n        </div>\n      </div>\n    </ix-widget>`;\n  }\n}\n"]}

package/dist/ix-news-feed.js

@@ -22,12 +22,14 @@ let IxNewsFeed = class IxNewsFeed extends LitElement {
             const dateOffset = formatDistance(parseISO(dateAdded), startOfToday(), {
                 addSuffix: true,
             });
-            return html `<li>
-        <a href=${uid} tabindex=${id}>
+            return html `<li data-testid="ix-news-feed-item">
+        <a href=${uid} tabindex=${id} data-testid="ix-news-feed-item-cta">
           <div class="icon">${ticket}</div>
           <div class="details">
-            <p class="title">${title}</p>
-            <p class="description">${abstract}</p>
+            <p class="title" data-testid="ix-news-feed-item-title">${title}</p>
+            <p class="description" data-testid="ix-news-feed-item-description">
+              ${abstract}
+            </p>
             <span class="caption">${dateOffset}</span>
           </div>
           <span class="caption">${dateOffset}</span>
@@ -45,6 +47,7 @@ let IxNewsFeed = class IxNewsFeed extends LitElement {
       trailing-icon
       appearance="text"
       href=${this.href}
+      data-testid="ix-news-feed-item-cta"
     >
       <ix-icon slot="icon">chevron_right</ix-icon>
       View All

package/dist/ix-news-feed.js.map

@@ -1 +1 @@
-{"version":3,"file":"ix-news-feed.js","sourceRoot":"","sources":["../src/ix-news-feed.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC5C,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AACnE,OAAO,oCAAoC,CAAC;AAC5C,OAAO,eAAe,CAAC;AAEvB,OAAO,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAC;AAC5D,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAChD,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AACxD,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAGtC,IAAM,UAAU,GAAhB,MAAM,UAAW,SAAQ,UAAU;IAAnC;;QAgNuB,WAAM,GAAG,OAAO,CAAC;QAElB,SAAI,GAAU,EAAE,CAAC;QAEhB,SAAI,GAAG,GAAG,CAAC;QAE9B,SAAI,GAAG,KAAK,CAAC;IA+DxB,CAAC;IA7DC,aAAa;;QACX,OAAO,IAAI,CAAA,GAAG,MAAA,IAAI,CAAC,IAAI,0CAAE,GAAG,CAAC,CAAC,IAAS,EAAE,EAAU,EAAE,EAAE;YACrD,MAAM,EACJ,KAAK,GAAG,MAAM,EACd,QAAQ,GAAG,KAAK,EAChB,GAAG,GAAG,GAAG,EACT,SAAS,GAAG,EAAE,GACf,GAAG,IAAI,CAAC;YACT,MAAM,UAAU,GAAG,cAAc,CAAC,QAAQ,CAAC,SAAS,CAAC,EAAE,YAAY,EAAE,EAAE;gBACrE,SAAS,EAAE,IAAI;aAChB,CAAC,CAAC;YACH,OAAO,IAAI,CAAA;kBACC,GAAG,aAAa,EAAE;8BACN,MAAM;;+BAEL,KAAK;qCACC,QAAQ;oCACT,UAAU;;kCAEZ,UAAU;;;;YAIhC,CAAC;QACT,CAAC,CAAC,EAAE,CAAC;IACP,CAAC;IAED,aAAa;QACX,OAAO,IAAI,CAAA;;;;;;aAMF,IAAI,CAAC,IAAI;;;;iBAIL,CAAC;IAChB,CAAC;IAEkB,MAAM;QACvB,OAAO,IAAI,CAAA;kBACG,IAAI,CAAC,IAAI;uBACJ,SAAS;;;;;2BAKL,IAAI,CAAC,MAAM;UAC5B,IAAI,CAAC,aAAa,EAAE;8BACA,IAAI,CAAC,aAAa,EAAE;;;;gBAIlC,IAAI,CAAC,MAAM;YACf,IAAI,CAAC,aAAa,EAAE;;UAEtB,IAAI,CAAC,aAAa,EAAE;mBACX,CAAC;IAClB,CAAC;;AAnRM,iBAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6MlB,AA7MY,CA6MX;AAE0B;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;0CAAkB;AAElB;IAA1B,QAAQ,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC;wCAAkB;AAEhB;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;wCAAY;AAE9B;IAAR,KAAK,EAAE;wCAAc;AAtNX,UAAU;IADtB,aAAa,CAAC,cAAc,CAAC;GACjB,UAAU,CAqRtB","sourcesContent":["import { html, LitElement, css } from 'lit';\nimport { customElement, property, state } from 'lit/decorators.js';\nimport '@digital-realty/ix-icon/ix-icon.js';\nimport './IxWidget.js';\n\nimport { formatDistance } from 'date-fns/formatDistance.js';\nimport { parseISO } from 'date-fns/parseISO.js';\nimport { startOfToday } from 'date-fns/startOfToday.js';\nimport { ticket } from './assets/iconset.js';\n\n@customElement('ix-news-feed')\nexport class IxNewsFeed extends LitElement {\n  static styles = css`\n    :host {\n      --ix-widget-padding: 0;\n    }\n    .header {\n      display: flex;\n      -webkit-box-pack: justify;\n      justify-content: space-between;\n      -webkit-box-align: center;\n      align-items: center;\n      padding: 16px 11px 16px 24px;\n    }\n    h6 {\n      margin: 0px;\n      font-family: var(--text-heading-font, sans-serif);\n      font-size: var(--text-heading-size, 1.25rem);\n      letter-spacing: var(--text-heading-letter-spacing, 0.0075em);\n      line-height: var(--text-heading-line-height, 1.2em);\n      font-weight: var(--text-heading-weight, bold);\n    }\n    li {\n      -webkit-tap-highlight-color: transparent;\n      background-color: transparent;\n      outline: 0px;\n      border: 0px;\n      margin: 0px;\n      border-radius: 0px;\n      cursor: pointer;\n      user-select: none;\n      vertical-align: middle;\n      appearance: none;\n      color: inherit;\n      display: flex;\n      -webkit-box-pack: start;\n      justify-content: flex-start;\n      -webkit-box-align: center;\n      align-items: center;\n      position: relative;\n      text-decoration: none;\n      width: 100%;\n      box-sizing: border-box;\n      text-align: left;\n      transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;\n      padding: 0px;\n    }\n    li:hover {\n      text-decoration: none;\n      background-color: rgba(0, 0, 0, 0.04);\n      -webkit-tap-highlight-color: transparent;\n      background-color: transparent;\n      outline: 0px;\n      border: 0px;\n      margin: 0px;\n      border-radius: 0px;\n      cursor: pointer;\n      user-select: none;\n      vertical-align: middle;\n      appearance: none;\n      color: inherit;\n      display: flex;\n      -webkit-box-pack: start;\n      justify-content: flex-start;\n      -webkit-box-align: center;\n      align-items: center;\n      position: relative;\n      text-decoration: none;\n      width: 100%;\n      box-sizing: border-box;\n      text-align: left;\n      transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;\n      padding: 0px;\n      text-decoration: none;\n      background-color: rgba(0, 0, 0, 0.04);\n    }\n    a {\n      display: grid;\n      grid-template-columns: auto 1fr auto;\n      padding: 12px 24px 12px 20px;\n      -webkit-box-align: center;\n\n      -webkit-box-pack: center;\n      justify-content: center;\n      position: relative;\n      box-sizing: border-box;\n      -webkit-tap-highlight-color: transparent;\n      background-color: transparent;\n      outline: 0px;\n      border: 0px;\n      margin: 0px;\n      border-radius: 0px;\n      cursor: pointer;\n      user-select: none;\n      appearance: none;\n      text-decoration: none;\n      color: inherit;\n      -webkit-box-flex: 1;\n      flex-grow: 1;\n      align-items: center;\n      gap: 20px;\n      text-align: start;\n    }\n\n    .icon {\n      flex-shrink: 0;\n      display: inline-flex;\n      -webkit-box-pack: center;\n      justify-content: center;\n      -webkit-box-align: center;\n      align-items: center;\n      min-width: 48px;\n      width: 48px;\n      height: 48px;\n      font-size: 20px;\n      border-radius: 8px;\n      color: var(--clr-on-primary, #fff);\n      background-color: var(--clr-primary, #1456e0);\n    }\n    svg {\n      user-select: none;\n      width: 1em;\n      height: 1em;\n      display: inline-block;\n      fill: currentcolor;\n      flex-shrink: 0;\n      transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;\n      font-size: 1.5rem;\n    }\n    .details {\n      gap: 0;\n      min-width: 0px;\n      display: flex;\n      flex-direction: column;\n    }\n    .title {\n      margin: 0;\n    }\n    .description {\n      overflow-wrap: break-word;\n      white-space: nowrap;\n      overflow-x: hidden;\n      text-overflow: ellipsis;\n      margin: 0;\n      font-size: var(--text-small-size, 0.875rem);\n      letter-spacing: var(--text-small-letter-spacing, 0.0275em);\n      line-height: var(--text-small-line-height, 1.42857143em);\n      font-weight: var(--text-small-weight, normal);\n      font-family: var(--root-primary-font, sans-serif);\n      text-decoration: var(--text-small-decoration, none);\n      text-transform: var(--text-small-transform, none);\n    }\n    .caption {\n      margin: 0px;\n      font-family: var(--text-caption-font, sans-serif);\n      font-size: var(--text-caption-size, 0.75rem);\n      letter-spacing: var(--text-caption-letter-spacing, 0.03333333em);\n      line-height: var(--text-caption-line-height, 1.33333333em);\n      font-weight: var(--text-caption-weight, normal);\n      text-transform: var(--text-caption-transform, none);\n      text-decoration: var(--text-caption-decoration, none);\n      color: rgba(9, 34, 65, 0.7);\n    }\n    .ripple {\n      overflow: hidden;\n      pointer-events: none;\n      position: absolute;\n      z-index: 0;\n      inset: 0px;\n      border-radius: inherit;\n    }\n    ix-accordion {\n      display: none;\n    }\n    ix-widget {\n      display: block;\n    }\n\n    @media only screen and (max-width: 1200px) {\n      ix-accordion {\n        display: block;\n        --md-icon-button-icon-color: var(--clr-on-surface-primary);\n        --md-icon-button-hover-icon-color: var(--clr-on-surface-primary);\n        --md-icon-button-focus-icon-color: var(--clr-on-surface-primary);\n        --md-icon-button-icon-size: 2rem;\n        --ix-accordion-padding: 8px 12px 8px 20px;\n        --ix-accordion-border-radius: 0.75rem;\n      }\n      ix-widget,\n      a > .caption {\n        display: none;\n      }\n      .description {\n        margin-bottom: 0.5rem;\n      }\n      ix-button {\n        display: inline-block;\n      }\n      .footer {\n        margin-top: 1rem;\n        padding-top: 1rem;\n        border-top: 1px solid var(--cp-neutral-blue-12p, #0922411f);\n      }\n      a {\n        padding: 1rem 0.5rem 0 0;\n      }\n    }\n  `;\n\n  @property({ type: String }) header = 'title';\n\n  @property({ type: Array }) data: any[] = [];\n\n  @property({ type: String }) href = '#';\n\n  @state() open = false;\n\n  renderStories() {\n    return html`${this.data?.map((item: any, id: number) => {\n      const {\n        title = 'date',\n        abstract = '...',\n        uid = '#',\n        dateAdded = '',\n      } = item;\n      const dateOffset = formatDistance(parseISO(dateAdded), startOfToday(), {\n        addSuffix: true,\n      });\n      return html`<li>\n        <a href=${uid} tabindex=${id}>\n          <div class=\"icon\">${ticket}</div>\n          <div class=\"details\">\n            <p class=\"title\">${title}</p>\n            <p class=\"description\">${abstract}</p>\n            <span class=\"caption\">${dateOffset}</span>\n          </div>\n          <span class=\"caption\">${dateOffset}</span>\n          <span class=\"ripple\"></span>\n        </a>\n        <span class=\"ripple\"></span>\n      </li>`;\n    })}`;\n  }\n\n  renderViewAll() {\n    return html` <ix-button\n      slot=\"cta\"\n      type=\"button\"\n      has-icon\n      trailing-icon\n      appearance=\"text\"\n      href=${this.href}\n    >\n      <ix-icon slot=\"icon\">chevron_right</ix-icon>\n      View All\n    </ix-button>`;\n  }\n\n  protected override render() {\n    return html` <ix-accordion\n        ?isOpen=${this.open}\n        .accordionId=${'f.label'}\n        chevronRight\n        iconOpen=\"keyboard_arrow_down\"\n        iconClose=\"keyboard_arrow_up\"\n      >\n        <h6 slot=\"title\">${this.header}</h6>\n        ${this.renderStories()}\n        <div class=\"footer\">${this.renderViewAll()}</div>\n      </ix-accordion>\n      <ix-widget type=\"news-feed\">\n        <div class=\"header\">\n          <h6>${this.header}</h6>\n          ${this.renderViewAll()}\n        </div>\n        ${this.renderStories()}\n      </ix-widget>`;\n  }\n}\n"]}
+{"version":3,"file":"ix-news-feed.js","sourceRoot":"","sources":["../src/ix-news-feed.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC5C,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AACnE,OAAO,oCAAoC,CAAC;AAC5C,OAAO,eAAe,CAAC;AAEvB,OAAO,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAC;AAC5D,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAChD,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AACxD,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAGtC,IAAM,UAAU,GAAhB,MAAM,UAAW,SAAQ,UAAU;IAAnC;;QAgNuB,WAAM,GAAG,OAAO,CAAC;QAElB,SAAI,GAAU,EAAE,CAAC;QAEhB,SAAI,GAAG,GAAG,CAAC;QAE9B,SAAI,GAAG,KAAK,CAAC;IAkExB,CAAC;IAhEC,aAAa;;QACX,OAAO,IAAI,CAAA,GAAG,MAAA,IAAI,CAAC,IAAI,0CAAE,GAAG,CAAC,CAAC,IAAS,EAAE,EAAU,EAAE,EAAE;YACrD,MAAM,EACJ,KAAK,GAAG,MAAM,EACd,QAAQ,GAAG,KAAK,EAChB,GAAG,GAAG,GAAG,EACT,SAAS,GAAG,EAAE,GACf,GAAG,IAAI,CAAC;YACT,MAAM,UAAU,GAAG,cAAc,CAAC,QAAQ,CAAC,SAAS,CAAC,EAAE,YAAY,EAAE,EAAE;gBACrE,SAAS,EAAE,IAAI;aAChB,CAAC,CAAC;YACH,OAAO,IAAI,CAAA;kBACC,GAAG,aAAa,EAAE;8BACN,MAAM;;qEAEiC,KAAK;;gBAE1D,QAAQ;;oCAEY,UAAU;;kCAEZ,UAAU;;;;YAIhC,CAAC;QACT,CAAC,CAAC,EAAE,CAAC;IACP,CAAC;IAED,aAAa;QACX,OAAO,IAAI,CAAA;;;;;;aAMF,IAAI,CAAC,IAAI;;;;;iBAKL,CAAC;IAChB,CAAC;IAEkB,MAAM;QACvB,OAAO,IAAI,CAAA;kBACG,IAAI,CAAC,IAAI;uBACJ,SAAS;;;;;2BAKL,IAAI,CAAC,MAAM;UAC5B,IAAI,CAAC,aAAa,EAAE;8BACA,IAAI,CAAC,aAAa,EAAE;;;;gBAIlC,IAAI,CAAC,MAAM;YACf,IAAI,CAAC,aAAa,EAAE;;UAEtB,IAAI,CAAC,aAAa,EAAE;mBACX,CAAC;IAClB,CAAC;;AAtRM,iBAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6MlB,AA7MY,CA6MX;AAE0B;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;0CAAkB;AAElB;IAA1B,QAAQ,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC;wCAAkB;AAEhB;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;wCAAY;AAE9B;IAAR,KAAK,EAAE;wCAAc;AAtNX,UAAU;IADtB,aAAa,CAAC,cAAc,CAAC;GACjB,UAAU,CAwRtB","sourcesContent":["import { html, LitElement, css } from 'lit';\nimport { customElement, property, state } from 'lit/decorators.js';\nimport '@digital-realty/ix-icon/ix-icon.js';\nimport './IxWidget.js';\n\nimport { formatDistance } from 'date-fns/formatDistance.js';\nimport { parseISO } from 'date-fns/parseISO.js';\nimport { startOfToday } from 'date-fns/startOfToday.js';\nimport { ticket } from './assets/iconset.js';\n\n@customElement('ix-news-feed')\nexport class IxNewsFeed extends LitElement {\n  static styles = css`\n    :host {\n      --ix-widget-padding: 0;\n    }\n    .header {\n      display: flex;\n      -webkit-box-pack: justify;\n      justify-content: space-between;\n      -webkit-box-align: center;\n      align-items: center;\n      padding: 16px 11px 16px 24px;\n    }\n    h6 {\n      margin: 0px;\n      font-family: var(--text-heading-font, sans-serif);\n      font-size: var(--text-heading-size, 1.25rem);\n      letter-spacing: var(--text-heading-letter-spacing, 0.0075em);\n      line-height: var(--text-heading-line-height, 1.2em);\n      font-weight: var(--text-heading-weight, bold);\n    }\n    li {\n      -webkit-tap-highlight-color: transparent;\n      background-color: transparent;\n      outline: 0px;\n      border: 0px;\n      margin: 0px;\n      border-radius: 0px;\n      cursor: pointer;\n      user-select: none;\n      vertical-align: middle;\n      appearance: none;\n      color: inherit;\n      display: flex;\n      -webkit-box-pack: start;\n      justify-content: flex-start;\n      -webkit-box-align: center;\n      align-items: center;\n      position: relative;\n      text-decoration: none;\n      width: 100%;\n      box-sizing: border-box;\n      text-align: left;\n      transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;\n      padding: 0px;\n    }\n    li:hover {\n      text-decoration: none;\n      background-color: rgba(0, 0, 0, 0.04);\n      -webkit-tap-highlight-color: transparent;\n      background-color: transparent;\n      outline: 0px;\n      border: 0px;\n      margin: 0px;\n      border-radius: 0px;\n      cursor: pointer;\n      user-select: none;\n      vertical-align: middle;\n      appearance: none;\n      color: inherit;\n      display: flex;\n      -webkit-box-pack: start;\n      justify-content: flex-start;\n      -webkit-box-align: center;\n      align-items: center;\n      position: relative;\n      text-decoration: none;\n      width: 100%;\n      box-sizing: border-box;\n      text-align: left;\n      transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;\n      padding: 0px;\n      text-decoration: none;\n      background-color: rgba(0, 0, 0, 0.04);\n    }\n    a {\n      display: grid;\n      grid-template-columns: auto 1fr auto;\n      padding: 12px 24px 12px 20px;\n      -webkit-box-align: center;\n\n      -webkit-box-pack: center;\n      justify-content: center;\n      position: relative;\n      box-sizing: border-box;\n      -webkit-tap-highlight-color: transparent;\n      background-color: transparent;\n      outline: 0px;\n      border: 0px;\n      margin: 0px;\n      border-radius: 0px;\n      cursor: pointer;\n      user-select: none;\n      appearance: none;\n      text-decoration: none;\n      color: inherit;\n      -webkit-box-flex: 1;\n      flex-grow: 1;\n      align-items: center;\n      gap: 20px;\n      text-align: start;\n    }\n\n    .icon {\n      flex-shrink: 0;\n      display: inline-flex;\n      -webkit-box-pack: center;\n      justify-content: center;\n      -webkit-box-align: center;\n      align-items: center;\n      min-width: 48px;\n      width: 48px;\n      height: 48px;\n      font-size: 20px;\n      border-radius: 8px;\n      color: var(--clr-on-primary, #fff);\n      background-color: var(--clr-primary, #1456e0);\n    }\n    svg {\n      user-select: none;\n      width: 1em;\n      height: 1em;\n      display: inline-block;\n      fill: currentcolor;\n      flex-shrink: 0;\n      transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;\n      font-size: 1.5rem;\n    }\n    .details {\n      gap: 0;\n      min-width: 0px;\n      display: flex;\n      flex-direction: column;\n    }\n    .title {\n      margin: 0;\n    }\n    .description {\n      overflow-wrap: break-word;\n      white-space: nowrap;\n      overflow-x: hidden;\n      text-overflow: ellipsis;\n      margin: 0;\n      font-size: var(--text-small-size, 0.875rem);\n      letter-spacing: var(--text-small-letter-spacing, 0.0275em);\n      line-height: var(--text-small-line-height, 1.42857143em);\n      font-weight: var(--text-small-weight, normal);\n      font-family: var(--root-primary-font, sans-serif);\n      text-decoration: var(--text-small-decoration, none);\n      text-transform: var(--text-small-transform, none);\n    }\n    .caption {\n      margin: 0px;\n      font-family: var(--text-caption-font, sans-serif);\n      font-size: var(--text-caption-size, 0.75rem);\n      letter-spacing: var(--text-caption-letter-spacing, 0.03333333em);\n      line-height: var(--text-caption-line-height, 1.33333333em);\n      font-weight: var(--text-caption-weight, normal);\n      text-transform: var(--text-caption-transform, none);\n      text-decoration: var(--text-caption-decoration, none);\n      color: rgba(9, 34, 65, 0.7);\n    }\n    .ripple {\n      overflow: hidden;\n      pointer-events: none;\n      position: absolute;\n      z-index: 0;\n      inset: 0px;\n      border-radius: inherit;\n    }\n    ix-accordion {\n      display: none;\n    }\n    ix-widget {\n      display: block;\n    }\n\n    @media only screen and (max-width: 1200px) {\n      ix-accordion {\n        display: block;\n        --md-icon-button-icon-color: var(--clr-on-surface-primary);\n        --md-icon-button-hover-icon-color: var(--clr-on-surface-primary);\n        --md-icon-button-focus-icon-color: var(--clr-on-surface-primary);\n        --md-icon-button-icon-size: 2rem;\n        --ix-accordion-padding: 8px 12px 8px 20px;\n        --ix-accordion-border-radius: 0.75rem;\n      }\n      ix-widget,\n      a > .caption {\n        display: none;\n      }\n      .description {\n        margin-bottom: 0.5rem;\n      }\n      ix-button {\n        display: inline-block;\n      }\n      .footer {\n        margin-top: 1rem;\n        padding-top: 1rem;\n        border-top: 1px solid var(--cp-neutral-blue-12p, #0922411f);\n      }\n      a {\n        padding: 1rem 0.5rem 0 0;\n      }\n    }\n  `;\n\n  @property({ type: String }) header = 'title';\n\n  @property({ type: Array }) data: any[] = [];\n\n  @property({ type: String }) href = '#';\n\n  @state() open = false;\n\n  renderStories() {\n    return html`${this.data?.map((item: any, id: number) => {\n      const {\n        title = 'date',\n        abstract = '...',\n        uid = '#',\n        dateAdded = '',\n      } = item;\n      const dateOffset = formatDistance(parseISO(dateAdded), startOfToday(), {\n        addSuffix: true,\n      });\n      return html`<li data-testid=\"ix-news-feed-item\">\n        <a href=${uid} tabindex=${id} data-testid=\"ix-news-feed-item-cta\">\n          <div class=\"icon\">${ticket}</div>\n          <div class=\"details\">\n            <p class=\"title\" data-testid=\"ix-news-feed-item-title\">${title}</p>\n            <p class=\"description\" data-testid=\"ix-news-feed-item-description\">\n              ${abstract}\n            </p>\n            <span class=\"caption\">${dateOffset}</span>\n          </div>\n          <span class=\"caption\">${dateOffset}</span>\n          <span class=\"ripple\"></span>\n        </a>\n        <span class=\"ripple\"></span>\n      </li>`;\n    })}`;\n  }\n\n  renderViewAll() {\n    return html` <ix-button\n      slot=\"cta\"\n      type=\"button\"\n      has-icon\n      trailing-icon\n      appearance=\"text\"\n      href=${this.href}\n      data-testid=\"ix-news-feed-item-cta\"\n    >\n      <ix-icon slot=\"icon\">chevron_right</ix-icon>\n      View All\n    </ix-button>`;\n  }\n\n  protected override render() {\n    return html` <ix-accordion\n        ?isOpen=${this.open}\n        .accordionId=${'f.label'}\n        chevronRight\n        iconOpen=\"keyboard_arrow_down\"\n        iconClose=\"keyboard_arrow_up\"\n      >\n        <h6 slot=\"title\">${this.header}</h6>\n        ${this.renderStories()}\n        <div class=\"footer\">${this.renderViewAll()}</div>\n      </ix-accordion>\n      <ix-widget type=\"news-feed\">\n        <div class=\"header\">\n          <h6>${this.header}</h6>\n          ${this.renderViewAll()}\n        </div>\n        ${this.renderStories()}\n      </ix-widget>`;\n  }\n}\n"]}

package/dist/ix-status-counter-group.js

@@ -3,7 +3,7 @@ import { html, LitElement, css } from 'lit';
 import { customElement, property } from 'lit/decorators.js';
 import './IxWidget.js';
 import './ix-status-counter.js';
-import { laptop, users, mySites, dcim, locations } from './assets/iconset.js';
+import { laptop, users, mySites, dcim, locations, orders, } from './assets/iconset.js';
 import { testIdTransform } from './utils/testIdTransform.js';
 const iconMap = {
     laptop,
@@ -11,6 +11,7 @@ const iconMap = {
     mySites,
     dcim,
     locations,
+    orders,
 };
 let IxStatusCounterGroup = class IxStatusCounterGroup extends LitElement {
     constructor() {
@@ -57,7 +58,7 @@ IxStatusCounterGroup.styles = css `
       }
 
       .b5 {
-        grid-column: span 6 / span 6;
+        grid-column: span 3 / span 3;
       }
 
       ix-status-counter {

package/dist/ix-status-counter-group.js.map

@@ -1 +1 @@
-{"version":3,"file":"ix-status-counter-group.js","sourceRoot":"","sources":["../src/ix-status-counter-group.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC5C,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC5D,OAAO,eAAe,CAAC;AACvB,OAAO,wBAAwB,CAAC;AAChC,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAC9E,OAAO,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAC;AAE7D,MAAM,OAAO,GAAG;IACd,MAAM;IACN,KAAK;IACL,OAAO;IACP,IAAI;IACJ,SAAS;CACV,CAAC;AAGK,IAAM,oBAAoB,GAA1B,MAAM,oBAAqB,SAAQ,UAAU;IAA7C;;QAsDsB,SAAI,GAAG,EAAE,CAAC;IA2BvC,CAAC;IAzBoB,MAAM;;QACvB,MAAM,UAAU,GAAG,MAAA,IAAI,CAAC,IAAI,0CAAE,MAAM,CAAC;QAErC,IAAI,CAAC,UAAU,EAAE,CAAC;YAChB,OAAO,IAAI,CAAA,EAAE,CAAC;QAChB,CAAC;QACD,OAAO,IAAI,CAAA;;;YAGH,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE;YAC9B,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,GAAG,IAAI,CAAC;YAC7C,OAAO,IAAI,CAAA;8BACO,KAAK,GAAG,CAAC,MAAM,UAAU;uBAChC,KAAK;wBACJ,MAAM;sBACR,OAAO,CAAC,IAAI,CAAC;wBACX,MAAM;gCACE,eAAe,CAAC,MAAM,CAAC;;iCAEtB,CAAC;QACxB,CAAC,CAAC;;;iBAGK,CAAC;IAChB,CAAC;;AA/EM,2BAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAmDlB,AAnDY,CAmDX;AAEyB;IAA1B,QAAQ,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC;kDAAW;AAtD1B,oBAAoB;IADhC,aAAa,CAAC,yBAAyB,CAAC;GAC5B,oBAAoB,CAiFhC","sourcesContent":["import { html, LitElement, css } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\nimport './IxWidget.js';\nimport './ix-status-counter.js';\nimport { laptop, users, mySites, dcim, locations } from './assets/iconset.js';\nimport { testIdTransform } from './utils/testIdTransform.js';\n\nconst iconMap = {\n  laptop,\n  users,\n  mySites,\n  dcim,\n  locations,\n};\n\n@customElement('ix-status-counter-group')\nexport class IxStatusCounterGroup extends LitElement {\n  static styles = css`\n    .layout {\n      display: grid;\n      grid-template-columns: repeat(6, minmax(0, 1fr));\n    }\n    .block {\n      grid-column: span 3 / span 3;\n    }\n    @media (min-width: 600px) {\n      .layout {\n        grid-gap: 16px 32px;\n      }\n\n      .b5 {\n        grid-column: span 6 / span 6;\n      }\n\n      ix-status-counter {\n        --ix-widget-padding: 1rem;\n      }\n    }\n    @media (min-width: 1024px) {\n      .block {\n        grid-column: span 2 / span 2;\n      }\n\n      .b4.l5 {\n        grid-column: span 3 / span 3;\n      }\n\n      .b5.l5 {\n        grid-column: span 3 / span 3;\n      }\n    }\n    @media (max-width: 600px) {\n      .layout {\n        display: block;\n        background: none;\n      }\n      ix-status-counter {\n        display: block;\n        border-bottom: 1px solid #b1c6f5;\n      }\n      ix-status-counter:first-child {\n        margin-top: -0.5rem;\n      }\n      ix-status-counter:last-child {\n        border-bottom: none;\n        margin-bottom: -0.5rem;\n      }\n    }\n  `;\n\n  @property({ type: Array }) data = [];\n\n  protected override render() {\n    const dataLength = this.data?.length;\n\n    if (!dataLength) {\n      return html``;\n    }\n    return html`<ix-widget type=\"status-counter-group\">\n      <div class=\"content\">\n        <div class=\"layout\">\n          ${this.data.map((item, index) => {\n            const { value, header, icon, target } = item;\n            return html`<ix-status-counter\n              class=\"block b${index + 1}  l${dataLength} l5\"\n              .value=${value}\n              .header=${header}\n              .icon=${iconMap[icon]}\n              .target=${target}\n              data-testid=\"lp-${testIdTransform(header)}\"\n            >\n            </ix-status-counter>`;\n          })}\n        </div>\n      </div>\n    </ix-widget>`;\n  }\n}\n"]}
+{"version":3,"file":"ix-status-counter-group.js","sourceRoot":"","sources":["../src/ix-status-counter-group.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC5C,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC5D,OAAO,eAAe,CAAC;AACvB,OAAO,wBAAwB,CAAC;AAChC,OAAO,EACL,MAAM,EACN,KAAK,EACL,OAAO,EACP,IAAI,EACJ,SAAS,EACT,MAAM,GACP,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAC;AAE7D,MAAM,OAAO,GAAG;IACd,MAAM;IACN,KAAK;IACL,OAAO;IACP,IAAI;IACJ,SAAS;IACT,MAAM;CACP,CAAC;AAGK,IAAM,oBAAoB,GAA1B,MAAM,oBAAqB,SAAQ,UAAU;IAA7C;;QAsDsB,SAAI,GAAG,EAAE,CAAC;IA2BvC,CAAC;IAzBoB,MAAM;;QACvB,MAAM,UAAU,GAAG,MAAA,IAAI,CAAC,IAAI,0CAAE,MAAM,CAAC;QAErC,IAAI,CAAC,UAAU,EAAE,CAAC;YAChB,OAAO,IAAI,CAAA,EAAE,CAAC;QAChB,CAAC;QACD,OAAO,IAAI,CAAA;;;YAGH,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE;YAC9B,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,GAAG,IAAI,CAAC;YAC7C,OAAO,IAAI,CAAA;8BACO,KAAK,GAAG,CAAC,MAAM,UAAU;uBAChC,KAAK;wBACJ,MAAM;sBACR,OAAO,CAAC,IAAI,CAAC;wBACX,MAAM;gCACE,eAAe,CAAC,MAAM,CAAC;;iCAEtB,CAAC;QACxB,CAAC,CAAC;;;iBAGK,CAAC;IAChB,CAAC;;AA/EM,2BAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAmDlB,AAnDY,CAmDX;AAEyB;IAA1B,QAAQ,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC;kDAAW;AAtD1B,oBAAoB;IADhC,aAAa,CAAC,yBAAyB,CAAC;GAC5B,oBAAoB,CAiFhC","sourcesContent":["import { html, LitElement, css } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\nimport './IxWidget.js';\nimport './ix-status-counter.js';\nimport {\n  laptop,\n  users,\n  mySites,\n  dcim,\n  locations,\n  orders,\n} from './assets/iconset.js';\nimport { testIdTransform } from './utils/testIdTransform.js';\n\nconst iconMap = {\n  laptop,\n  users,\n  mySites,\n  dcim,\n  locations,\n  orders,\n};\n\n@customElement('ix-status-counter-group')\nexport class IxStatusCounterGroup extends LitElement {\n  static styles = css`\n    .layout {\n      display: grid;\n      grid-template-columns: repeat(6, minmax(0, 1fr));\n    }\n    .block {\n      grid-column: span 3 / span 3;\n    }\n    @media (min-width: 600px) {\n      .layout {\n        grid-gap: 16px 32px;\n      }\n\n      .b5 {\n        grid-column: span 3 / span 3;\n      }\n\n      ix-status-counter {\n        --ix-widget-padding: 1rem;\n      }\n    }\n    @media (min-width: 1024px) {\n      .block {\n        grid-column: span 2 / span 2;\n      }\n\n      .b4.l5 {\n        grid-column: span 3 / span 3;\n      }\n\n      .b5.l5 {\n        grid-column: span 3 / span 3;\n      }\n    }\n    @media (max-width: 600px) {\n      .layout {\n        display: block;\n        background: none;\n      }\n      ix-status-counter {\n        display: block;\n        border-bottom: 1px solid #b1c6f5;\n      }\n      ix-status-counter:first-child {\n        margin-top: -0.5rem;\n      }\n      ix-status-counter:last-child {\n        border-bottom: none;\n        margin-bottom: -0.5rem;\n      }\n    }\n  `;\n\n  @property({ type: Array }) data = [];\n\n  protected override render() {\n    const dataLength = this.data?.length;\n\n    if (!dataLength) {\n      return html``;\n    }\n    return html`<ix-widget type=\"status-counter-group\">\n      <div class=\"content\">\n        <div class=\"layout\">\n          ${this.data.map((item, index) => {\n            const { value, header, icon, target } = item;\n            return html`<ix-status-counter\n              class=\"block b${index + 1}  l${dataLength} l5\"\n              .value=${value}\n              .header=${header}\n              .icon=${iconMap[icon]}\n              .target=${target}\n              data-testid=\"lp-${testIdTransform(header)}\"\n            >\n            </ix-status-counter>`;\n          })}\n        </div>\n      </div>\n    </ix-widget>`;\n  }\n}\n"]}

package/dist/ix-status-counter.js

@@ -33,7 +33,7 @@ let IxStatusCounter = class IxStatusCounter extends LitElement {
       <div class="content">
         <div class="info">
           ${this.value || this.value === 0
-            ? html `<h3>
+            ? html `<h3 aria-label="${this.header} status" role="status">
                 ${typeof this.value === 'number'
                 ? this.value.toLocaleString()
                 : this.value}

package/dist/ix-status-counter.js.map

@@ -1 +1 @@
-{"version":3,"file":"ix-status-counter.js","sourceRoot":"","sources":["../src/ix-status-counter.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC5C,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC5D,OAAO,oCAAoC,CAAC;AAC5C,OAAO,eAAe,CAAC;AACvB,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAG9C,IAAM,eAAe,GAArB,MAAM,eAAgB,SAAQ,UAAU;IAAxC;;QAgHuB,UAAK,GAAgC,SAAS,CAAC;QAE/C,WAAM,GAAG,QAAQ,CAAC;QAElB,SAAI,GAAG,MAAM,CAAC;QAEd,WAAM,GAAG,GAAG,CAAC;QAEzC,aAAQ,GAAG,GAAG,EAAE;YACd,IAAI,CAAC,aAAa,CAChB,IAAI,WAAW,CAAC,OAAO,EAAE;gBACvB,MAAM,EAAE,EAAE,KAAK,EAAE,IAAI,CAAC,MAAM,EAAE;gBAC9B,OAAO,EAAE,IAAI;gBACb,QAAQ,EAAE,IAAI;aACf,CAAC,CACH,CAAC;QACJ,CAAC,CAAC;IA4BJ,CAAC;IA1BoB,MAAM;QACvB,OAAO,IAAI,CAAA;eACA,IAAI,CAAC,QAAQ;iBACX,CAAC,CAAgB,EAAE,EAAE;YAC9B,MAAM,aAAa,GAAG,CAAC,GAAG,EAAE,OAAO,CAAC,CAAC;YACrC,IAAI,aAAa,CAAC,QAAQ,CAAC,CAAC,CAAC,GAAG,CAAC,EAAE,CAAC;gBAClC,IAAI,CAAC,QAAQ,EAAE,CAAC;YAClB,CAAC;QACH,CAAC;;;;;YAKK,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,KAAK,KAAK,CAAC;YAC9B,CAAC,CAAC,IAAI,CAAA;kBACA,OAAO,IAAI,CAAC,KAAK,KAAK,QAAQ;gBAC9B,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,cAAc,EAAE;gBAC7B,CAAC,CAAC,IAAI,CAAC,KAAK;oBACV;YACR,CAAC,CAAC,IAAI,CAAA,wBAAwB,MAAM,SAAS;gBACzC,IAAI,CAAC,MAAM;;mBAER,IAAI,CAAC,IAAI;;iBAEX,CAAC;IAChB,CAAC;;AA1JM,sBAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6GlB,AA7GY,CA6GX;AAE0B;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;8CAAgD;AAE/C;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;+CAAmB;AAElB;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;6CAAe;AAEd;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;+CAAc;AAtH9B,eAAe;IAD3B,aAAa,CAAC,mBAAmB,CAAC;GACtB,eAAe,CA4J3B","sourcesContent":["import { html, LitElement, css } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\nimport '@digital-realty/ix-icon/ix-icon.js';\nimport './IxWidget.js';\nimport { laptop, loader } from './assets/iconset.js';\n\n@customElement('ix-status-counter')\nexport class IxStatusCounter extends LitElement {\n  static styles = css`\n    ix-widget {\n      --ix-widget-background: rgb(200, 223, 250);\n      --ix-widget-padding: 36.5px 20px 36.5px 24px;\n      --ix-icon-font-size: 5rem;\n      --ix-icon-line-height: 1;\n      cursor: pointer;\n    }\n    h2 {\n      margin: 0px;\n      font-family: var(--text-default-font, sans-serif);\n      font-size: var(--text-default-size, 16px);\n      letter-spacing: var(--text-default-letter-spacing, 0.0275em);\n      line-height: var(--text-default-line-height, 1.75em);\n      font-weight: var(--text-default-weight, normal);\n      text-transform: var(--text-default-decoration, none);\n      text-decoration: var(--text-default-transform, none);\n    }\n    h3 {\n      margin: 0px;\n      font-family: var(--text-page-title-font, sans-serif);\n      font-size: var(--text-page-title-size, 2.125rem);\n      letter-spacing: var(--text-page-title-letter-spacing, 0.01029412em);\n      line-height: var(--text-page-title-line-height, 1.17647059em);\n      font-weight: var(--text-page-title-weight, bold);\n      text-decoration: var(--text-page-title-decoration, none);\n      text-transform: var(--text-page-title-transform, none);\n    }\n    .content {\n      display: flex;\n      -webkit-box-pack: justify;\n      justify-content: space-between;\n      -webkit-box-align: center;\n      align-items: center;\n      cursor: pointer;\n    }\n    ix-icon {\n      background-color: rgb(255, 255, 255);\n      border-radius: 50%;\n      display: flex;\n      -webkit-box-pack: center;\n      justify-content: center;\n      -webkit-box-align: center;\n      align-items: center;\n      width: 60px;\n      height: 60px;\n      font-size: 36px;\n    }\n    .loader {\n      width: 24px;\n      height: 24px;\n    }\n    .info svg {\n      stroke: var(--clr-primary, #1456e0);\n      width: 24px;\n      height: 24px;\n      animation-name: loading;\n      animation-duration: 1000ms;\n      animation-iteration-count: infinite;\n      animation-timing-function: linear;\n    }\n    @keyframes loading {\n      from {\n        transform: rotate(0deg);\n      }\n      to {\n        transform: rotate(360deg);\n      }\n    }\n\n    svg {\n      width: 24px;\n      margin: auto;\n    }\n\n    @media (min-width: 1200px) {\n      svg {\n        width: 36px;\n        margin: auto;\n      }\n      .info svg {\n        width: 36px;\n        height: 36px;\n      }\n    }\n\n    @media (max-width: 600px) {\n      .info {\n        flex-direction: row;\n        justify-content: start;\n      }\n      .content {\n        flex-direction: row;\n        padding: 0.5rem 1.5rem;\n      }\n      .content.last-item {\n        border-bottom: none;\n      }\n      .content h2 {\n        font-size: 16px;\n      }\n      .content h3 {\n        font-size: 20px;\n      }\n      ix-icon {\n        width: 42px;\n        height: 42px;\n      }\n    }\n  `;\n\n  @property({ type: String }) value: number | undefined | string = undefined;\n\n  @property({ type: String }) header = 'status';\n\n  @property({ type: Object }) icon = laptop;\n\n  @property({ type: String }) target = '/';\n\n  navigate = () => {\n    this.dispatchEvent(\n      new CustomEvent('route', {\n        detail: { route: this.target },\n        bubbles: true,\n        composed: true,\n      })\n    );\n  };\n\n  protected override render() {\n    return html`<ix-widget\n      @click=${this.navigate}\n      @keydown=${(e: KeyboardEvent) => {\n        const selectionKeys = [' ', 'Enter'];\n        if (selectionKeys.includes(e.key)) {\n          this.navigate();\n        }\n      }}\n      type=\"status-counter\"\n    >\n      <div class=\"content\">\n        <div class=\"info\">\n          ${this.value || this.value === 0\n            ? html`<h3>\n                ${typeof this.value === 'number'\n                  ? this.value.toLocaleString()\n                  : this.value}\n              </h3>`\n            : html`<span class=\"loader\">${loader}</span>`}\n          <h2>${this.header}</h2>\n        </div>\n        <ix-icon>${this.icon}</ix-icon>\n      </div>\n    </ix-widget>`;\n  }\n}\n"]}
+{"version":3,"file":"ix-status-counter.js","sourceRoot":"","sources":["../src/ix-status-counter.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC5C,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC5D,OAAO,oCAAoC,CAAC;AAC5C,OAAO,eAAe,CAAC;AACvB,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAG9C,IAAM,eAAe,GAArB,MAAM,eAAgB,SAAQ,UAAU;IAAxC;;QAgHuB,UAAK,GAAgC,SAAS,CAAC;QAE/C,WAAM,GAAG,QAAQ,CAAC;QAElB,SAAI,GAAG,MAAM,CAAC;QAEd,WAAM,GAAG,GAAG,CAAC;QAEzC,aAAQ,GAAG,GAAG,EAAE;YACd,IAAI,CAAC,aAAa,CAChB,IAAI,WAAW,CAAC,OAAO,EAAE;gBACvB,MAAM,EAAE,EAAE,KAAK,EAAE,IAAI,CAAC,MAAM,EAAE;gBAC9B,OAAO,EAAE,IAAI;gBACb,QAAQ,EAAE,IAAI;aACf,CAAC,CACH,CAAC;QACJ,CAAC,CAAC;IA4BJ,CAAC;IA1BoB,MAAM;QACvB,OAAO,IAAI,CAAA;eACA,IAAI,CAAC,QAAQ;iBACX,CAAC,CAAgB,EAAE,EAAE;YAC9B,MAAM,aAAa,GAAG,CAAC,GAAG,EAAE,OAAO,CAAC,CAAC;YACrC,IAAI,aAAa,CAAC,QAAQ,CAAC,CAAC,CAAC,GAAG,CAAC,EAAE,CAAC;gBAClC,IAAI,CAAC,QAAQ,EAAE,CAAC;YAClB,CAAC;QACH,CAAC;;;;;YAKK,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,KAAK,KAAK,CAAC;YAC9B,CAAC,CAAC,IAAI,CAAA,mBAAmB,IAAI,CAAC,MAAM;kBAC9B,OAAO,IAAI,CAAC,KAAK,KAAK,QAAQ;gBAC9B,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,cAAc,EAAE;gBAC7B,CAAC,CAAC,IAAI,CAAC,KAAK;oBACV;YACR,CAAC,CAAC,IAAI,CAAA,wBAAwB,MAAM,SAAS;gBACzC,IAAI,CAAC,MAAM;;mBAER,IAAI,CAAC,IAAI;;iBAEX,CAAC;IAChB,CAAC;;AA1JM,sBAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6GlB,AA7GY,CA6GX;AAE0B;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;8CAAgD;AAE/C;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;+CAAmB;AAElB;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;6CAAe;AAEd;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;+CAAc;AAtH9B,eAAe;IAD3B,aAAa,CAAC,mBAAmB,CAAC;GACtB,eAAe,CA4J3B","sourcesContent":["import { html, LitElement, css } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\nimport '@digital-realty/ix-icon/ix-icon.js';\nimport './IxWidget.js';\nimport { laptop, loader } from './assets/iconset.js';\n\n@customElement('ix-status-counter')\nexport class IxStatusCounter extends LitElement {\n  static styles = css`\n    ix-widget {\n      --ix-widget-background: rgb(200, 223, 250);\n      --ix-widget-padding: 36.5px 20px 36.5px 24px;\n      --ix-icon-font-size: 5rem;\n      --ix-icon-line-height: 1;\n      cursor: pointer;\n    }\n    h2 {\n      margin: 0px;\n      font-family: var(--text-default-font, sans-serif);\n      font-size: var(--text-default-size, 16px);\n      letter-spacing: var(--text-default-letter-spacing, 0.0275em);\n      line-height: var(--text-default-line-height, 1.75em);\n      font-weight: var(--text-default-weight, normal);\n      text-transform: var(--text-default-decoration, none);\n      text-decoration: var(--text-default-transform, none);\n    }\n    h3 {\n      margin: 0px;\n      font-family: var(--text-page-title-font, sans-serif);\n      font-size: var(--text-page-title-size, 2.125rem);\n      letter-spacing: var(--text-page-title-letter-spacing, 0.01029412em);\n      line-height: var(--text-page-title-line-height, 1.17647059em);\n      font-weight: var(--text-page-title-weight, bold);\n      text-decoration: var(--text-page-title-decoration, none);\n      text-transform: var(--text-page-title-transform, none);\n    }\n    .content {\n      display: flex;\n      -webkit-box-pack: justify;\n      justify-content: space-between;\n      -webkit-box-align: center;\n      align-items: center;\n      cursor: pointer;\n    }\n    ix-icon {\n      background-color: rgb(255, 255, 255);\n      border-radius: 50%;\n      display: flex;\n      -webkit-box-pack: center;\n      justify-content: center;\n      -webkit-box-align: center;\n      align-items: center;\n      width: 60px;\n      height: 60px;\n      font-size: 36px;\n    }\n    .loader {\n      width: 24px;\n      height: 24px;\n    }\n    .info svg {\n      stroke: var(--clr-primary, #1456e0);\n      width: 24px;\n      height: 24px;\n      animation-name: loading;\n      animation-duration: 1000ms;\n      animation-iteration-count: infinite;\n      animation-timing-function: linear;\n    }\n    @keyframes loading {\n      from {\n        transform: rotate(0deg);\n      }\n      to {\n        transform: rotate(360deg);\n      }\n    }\n\n    svg {\n      width: 24px;\n      margin: auto;\n    }\n\n    @media (min-width: 1200px) {\n      svg {\n        width: 36px;\n        margin: auto;\n      }\n      .info svg {\n        width: 36px;\n        height: 36px;\n      }\n    }\n\n    @media (max-width: 600px) {\n      .info {\n        flex-direction: row;\n        justify-content: start;\n      }\n      .content {\n        flex-direction: row;\n        padding: 0.5rem 1.5rem;\n      }\n      .content.last-item {\n        border-bottom: none;\n      }\n      .content h2 {\n        font-size: 16px;\n      }\n      .content h3 {\n        font-size: 20px;\n      }\n      ix-icon {\n        width: 42px;\n        height: 42px;\n      }\n    }\n  `;\n\n  @property({ type: String }) value: number | undefined | string = undefined;\n\n  @property({ type: String }) header = 'status';\n\n  @property({ type: Object }) icon = laptop;\n\n  @property({ type: String }) target = '/';\n\n  navigate = () => {\n    this.dispatchEvent(\n      new CustomEvent('route', {\n        detail: { route: this.target },\n        bubbles: true,\n        composed: true,\n      })\n    );\n  };\n\n  protected override render() {\n    return html`<ix-widget\n      @click=${this.navigate}\n      @keydown=${(e: KeyboardEvent) => {\n        const selectionKeys = [' ', 'Enter'];\n        if (selectionKeys.includes(e.key)) {\n          this.navigate();\n        }\n      }}\n      type=\"status-counter\"\n    >\n      <div class=\"content\">\n        <div class=\"info\">\n          ${this.value || this.value === 0\n            ? html`<h3 aria-label=\"${this.header} status\" role=\"status\">\n                ${typeof this.value === 'number'\n                  ? this.value.toLocaleString()\n                  : this.value}\n              </h3>`\n            : html`<span class=\"loader\">${loader}</span>`}\n          <h2>${this.header}</h2>\n        </div>\n        <ix-icon>${this.icon}</ix-icon>\n      </div>\n    </ix-widget>`;\n  }\n}\n"]}

package/dist/ix-table-data.js

@@ -28,6 +28,7 @@ let IxTableData = class IxTableData extends LitElement {
               trailing-icon
               appearance="text"
               href=${this.href}
+              data-testid="ix-table-empty-header-view-all"
             >
               <ix-icon slot="icon">chevron_right</ix-icon>
               View all
@@ -38,7 +39,11 @@ let IxTableData = class IxTableData extends LitElement {
         class=${`content ${this.showViewAllButtonOnEmpty ? 'view-all' : ''}`}
       >
         <ix-icon class="info" filled>info</ix-icon>
-        <div class="description">
+        <div
+          class="description"
+          data-testid="ix-table-empty-desc"
+          role="status"
+        >
           <p>${this.emptyDescription}</p>
         </div>
         ${this.showViewAllButtonOnEmpty
@@ -79,6 +84,7 @@ let IxTableData = class IxTableData extends LitElement {
             trailing-icon
             appearance="text"
             href=${this.href}
+            data-testid="ix-table-header-view-all"
           >
             <ix-icon slot="icon">chevron_right</ix-icon>
             View all

package/dist/ix-table-data.js.map

@@ -1 +1 @@
-{"version":3,"file":"ix-table-data.js","sourceRoot":"","sources":["../src/ix-table-data.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,GAAG,EAAE,OAAO,EAAE,MAAM,KAAK,CAAC;AACrD,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC5D,OAAO,oCAAoC,CAAC;AAC5C,OAAO,oCAAoC,CAAC;AAC5C,OAAO,gBAAgB,CAAC;AACxB,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAGtC,IAAM,WAAW,GAAjB,MAAM,WAAY,SAAQ,UAAU;IAApC;;QAgIsB,YAAO,GAAa,EAAE,CAAC;QAEvB,SAAI,GAAyB,EAAE,CAAC;QAE9B,aAAQ,GAAG,KAAK,CAAC;QAEjB,6BAAwB,GAAG,KAAK,CAAC;QAElC,aAAQ,GAAG,CAAC,CAAC;QAEb,WAAM,GAAG,EAAE,CAAC;QAEZ,qBAAgB,GAAG,EAAE,CAAC;QAEtB,SAAI,GAAG,GAAG,CAAC;IAwEzC,CAAC;IAtEC,gBAAgB;QACd,OAAO,IAAI,CAAA;;cAED,IAAI,CAAC,MAAM;UACf,IAAI,CAAC,wBAAwB;YAC7B,CAAC,CAAC,IAAI,CAAA;;;;;qBAKK,IAAI,CAAC,IAAI;;;;yBAIL;YACf,CAAC,CAAC,OAAO;;;gBAGH,WAAW,IAAI,CAAC,wBAAwB,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE,EAAE;;;;eAI7D,IAAI,CAAC,gBAAgB;;UAE1B,IAAI,CAAC,wBAAwB;YAC7B,CAAC,CAAC,IAAI,CAAA,kCAAkC,IAAI,CAAC,IAAI;;yBAElC;YACf,CAAC,CAAC,OAAO;;iBAEF,CAAC;IAChB,CAAC;IAEkB,MAAM;;QACvB,IAAI,IAAI,CAAC,QAAQ,EAAE,CAAC;YAClB,OAAO,IAAI,CAAC,gBAAgB,EAAE,CAAC;QACjC,CAAC;QACD,IAAI,CAAC,CAAA,MAAA,IAAI,CAAC,IAAI,0CAAE,MAAM,CAAA,EAAE,CAAC;YACvB,OAAO,IAAI,CAAA;;gBAED,IAAI,CAAC,MAAM;gCACK,MAAM;;mBAEnB,CAAC;QAChB,CAAC;QACD,OAAO,IAAI,CAAA;;;mBAGI,IAAI,CAAC,OAAO;gBACf,IAAI,CAAC,IAAI;oBACL,IAAI,CAAC,QAAQ;oBACb,CAAA,MAAA,IAAI,CAAC,IAAI,0CAAE,MAAM,KAAI,CAAC;wBAClB,IAAI;;;gBAGZ,IAAI,CAAC,MAAM;;;;;;mBAMR,IAAI,CAAC,IAAI;;;;;;;iBAOX,CAAC;IAChB,CAAC;;AApNM,kBAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6HlB,AA7HY,CA6HX;AAEyB;IAA1B,QAAQ,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC;4CAAwB;AAEvB;IAA1B,QAAQ,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC;yCAAiC;AAE9B;IAA5B,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;6CAAkB;AAEjB;IAA5B,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;6DAAkC;AAElC;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;6CAAc;AAEb;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;2CAAa;AAEZ;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;qDAAuB;AAEtB;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;yCAAY;AA9I5B,WAAW;IADvB,aAAa,CAAC,eAAe,CAAC;GAClB,WAAW,CAsNvB","sourcesContent":["import { html, LitElement, css, nothing } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\nimport '@digital-realty/ix-icon/ix-icon.js';\nimport '@digital-realty/ix-grid/ix-grid.js';\nimport './ix-widget.js';\nimport { loader } from './assets/iconset.js';\n\n@customElement('ix-table-data')\nexport class IxTableData extends LitElement {\n  static styles = css`\n    ix-widget {\n      --ix-widget-padding: 0;\n    }\n    .empty-state {\n      padding: 24px;\n    }\n    .header {\n      display: flex;\n      -webkit-box-pack: justify;\n      justify-content: space-between;\n      -webkit-box-align: center;\n      align-items: center;\n      width: 100%;\n      width: -webkit-fill-available;\n      margin: 0px -15px 9px 4px;\n    }\n    h2 {\n      margin: 0px;\n      font-family: var(--text-heading-font, sans-serif);\n      font-size: var(--text-heading-size, 1.25rem);\n      letter-spacing: var(--text-heading-letter-spacing, 0.0075em);\n      line-height: var(--text-heading-line-height, 1.2em);\n      font-weight: var(--text-heading-weight, bold);\n      text-decoration: var(--text-heading-decoration, none);\n      text-transform: var(--text-heading-transform, none);\n    }\n    h3 {\n      margin: 0px;\n      font-family: var(--text-heading-font, sans-serif);\n      font-size: 1rem;\n      letter-spacing: var(--text-heading-letter-spacing, 0.0075em);\n      line-height: var(--text-heading-line-height, 1.2em);\n      font-weight: var(--text-heading-weight, bold);\n      text-decoration: var(--text-heading-decoration, none);\n      text-transform: var(--text-heading-transform, none);\n      text-align: center;\n      padding: 1rem;\n    }\n    .status {\n      display: flex;\n      flex-direction: row;\n      -webkit-box-align: center;\n      align-items: center;\n      padding: 2px 12px;\n      width: 185px;\n      height: 28px;\n      left: 0px;\n      top: 0px;\n      border-radius: 68px;\n      flex: 0 0 auto;\n      order: 0;\n      -webkit-box-flex: 0;\n      color: white;\n      -webkit-box-pack: center;\n      justify-content: center;\n      background: rgb(76, 175, 80);\n    }\n    ix-grid {\n      --_cell-padding: 0;\n    }\n    .loader {\n      width: 24px;\n      height: 24px;\n      margin: 1rem auto;\n    }\n    svg {\n      stroke: var(--clr-primary, #1456e0);\n      width: 48px;\n      height: 48px;\n      animation-name: loading;\n      animation-duration: 1000ms;\n      animation-iteration-count: infinite;\n      animation-timing-function: linear;\n      margin: auto;\n    }\n    @keyframes loading {\n      from {\n        transform: rotate(0deg);\n      }\n      to {\n        transform: rotate(360deg);\n      }\n    }\n\n    ix-widget.empty .header {\n      margin: 0;\n    }\n    ix-widget.empty {\n      --ix-widget-padding: 1rem 11px 22px 24px;\n    }\n    ix-widget.empty .content {\n      display: flex;\n      flex-direction: column;\n      -webkit-box-align: center;\n      align-items: center;\n      -webkit-box-pack: start;\n      justify-content: start;\n      margin: 22px 0 16px;\n    }\n    ix-widget.empty .content.view-all {\n      margin-bottom: 8px;\n    }\n    ix-widget.empty ix-icon.info {\n      user-select: none;\n      width: 48px;\n      height: 44px;\n      --ix-icon-font-size: 48px;\n      --ix-icon-line-height: 1;\n      color: var(--ix-sys-primary, #1456e0);\n    }\n    ix-widget.empty .description p {\n      font-family: var(--text-heading-font, sans-serif);\n      font-size: var(--text-heading-size, 1.25rem);\n      letter-spacing: var(--text-heading-letter-spacing, 0.0075em);\n      line-height: var(--text-heading-line-height, 1.2em);\n      font-weight: var(--text-heading-weight, bold);\n      text-decoration: var(--text-heading-decoration, none);\n      text-transform: var(--text-heading-transform, none);\n      text-align: center;\n      margin-bottom: 24px;\n    }\n    ix-widget.empty .description p a {\n      color: var(--clr-primary, #1456e0);\n    }\n  `;\n\n  @property({ type: Array }) columns: string[] = [];\n\n  @property({ type: Array }) rows: string[] | undefined = [];\n\n  @property({ type: Boolean }) disabled = false;\n\n  @property({ type: Boolean }) showViewAllButtonOnEmpty = false;\n\n  @property({ type: Number }) pageSize = 5;\n\n  @property({ type: String }) header = '';\n\n  @property({ type: String }) emptyDescription = '';\n\n  @property({ type: String }) href = '/';\n\n  renderEmptyTable() {\n    return html`<ix-widget class=\"empty\" type=\"empty-table\">\n      <div class=\"header\">\n        <h2>${this.header}</h2>\n        ${this.showViewAllButtonOnEmpty\n          ? html` <ix-button\n              type=\"button\"\n              has-icon\n              trailing-icon\n              appearance=\"text\"\n              href=${this.href}\n            >\n              <ix-icon slot=\"icon\">chevron_right</ix-icon>\n              View all\n            </ix-button>`\n          : nothing}\n      </div>\n      <div\n        class=${`content ${this.showViewAllButtonOnEmpty ? 'view-all' : ''}`}\n      >\n        <ix-icon class=\"info\" filled>info</ix-icon>\n        <div class=\"description\">\n          <p>${this.emptyDescription}</p>\n        </div>\n        ${this.showViewAllButtonOnEmpty\n          ? html` <ix-button type=\"button\" href=${this.href}>\n              View all\n            </ix-button>`\n          : nothing}\n      </div>\n    </ix-widget>`;\n  }\n\n  protected override render() {\n    if (this.disabled) {\n      return this.renderEmptyTable();\n    }\n    if (!this.rows?.length) {\n      return html`<ix-widget type=\"news-feed\">\n        <div class=\"empty-state\">\n          <h2>${this.header}</h2>\n          <div class=\"loader\">${loader}</div>\n        </div>\n      </ix-widget>`;\n    }\n    return html`<ix-widget>\n      <ix-grid\n        variantClass=\"launchpad\"\n        .columns=${this.columns}\n        .rows=${this.rows}\n        .pageSize=${this.pageSize}\n        .rowLimit=${this.rows?.length || 0}\n        ?hide-filters=${true}\n        add-params-to-url=\"false\"\n        ><div slot=\"header\" class=\"header\">\n          <h2>${this.header}</h2>\n          <ix-button\n            type=\"button\"\n            has-icon\n            trailing-icon\n            appearance=\"text\"\n            href=${this.href}\n          >\n            <ix-icon slot=\"icon\">chevron_right</ix-icon>\n            View all\n          </ix-button>\n        </div>\n      </ix-grid>\n    </ix-widget>`;\n  }\n}\n"]}
+{"version":3,"file":"ix-table-data.js","sourceRoot":"","sources":["../src/ix-table-data.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,GAAG,EAAE,OAAO,EAAE,MAAM,KAAK,CAAC;AACrD,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC5D,OAAO,oCAAoC,CAAC;AAC5C,OAAO,oCAAoC,CAAC;AAC5C,OAAO,gBAAgB,CAAC;AACxB,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAGtC,IAAM,WAAW,GAAjB,MAAM,WAAY,SAAQ,UAAU;IAApC;;QAgIsB,YAAO,GAAa,EAAE,CAAC;QAEvB,SAAI,GAAyB,EAAE,CAAC;QAE9B,aAAQ,GAAG,KAAK,CAAC;QAEjB,6BAAwB,GAAG,KAAK,CAAC;QAElC,aAAQ,GAAG,CAAC,CAAC;QAEb,WAAM,GAAG,EAAE,CAAC;QAEZ,qBAAgB,GAAG,EAAE,CAAC;QAEtB,SAAI,GAAG,GAAG,CAAC;IA8EzC,CAAC;IA5EC,gBAAgB;QACd,OAAO,IAAI,CAAA;;cAED,IAAI,CAAC,MAAM;UACf,IAAI,CAAC,wBAAwB;YAC7B,CAAC,CAAC,IAAI,CAAA;;;;;qBAKK,IAAI,CAAC,IAAI;;;;;yBAKL;YACf,CAAC,CAAC,OAAO;;;gBAGH,WAAW,IAAI,CAAC,wBAAwB,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE,EAAE;;;;;;;;eAQ7D,IAAI,CAAC,gBAAgB;;UAE1B,IAAI,CAAC,wBAAwB;YAC7B,CAAC,CAAC,IAAI,CAAA,kCAAkC,IAAI,CAAC,IAAI;;yBAElC;YACf,CAAC,CAAC,OAAO;;iBAEF,CAAC;IAChB,CAAC;IAEkB,MAAM;;QACvB,IAAI,IAAI,CAAC,QAAQ,EAAE,CAAC;YAClB,OAAO,IAAI,CAAC,gBAAgB,EAAE,CAAC;QACjC,CAAC;QACD,IAAI,CAAC,CAAA,MAAA,IAAI,CAAC,IAAI,0CAAE,MAAM,CAAA,EAAE,CAAC;YACvB,OAAO,IAAI,CAAA;;gBAED,IAAI,CAAC,MAAM;gCACK,MAAM;;mBAEnB,CAAC;QAChB,CAAC;QACD,OAAO,IAAI,CAAA;;;mBAGI,IAAI,CAAC,OAAO;gBACf,IAAI,CAAC,IAAI;oBACL,IAAI,CAAC,QAAQ;oBACb,CAAA,MAAA,IAAI,CAAC,IAAI,0CAAE,MAAM,KAAI,CAAC;wBAClB,IAAI;;;gBAGZ,IAAI,CAAC,MAAM;;;;;;mBAMR,IAAI,CAAC,IAAI;;;;;;;;iBAQX,CAAC;IAChB,CAAC;;AA1NM,kBAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6HlB,AA7HY,CA6HX;AAEyB;IAA1B,QAAQ,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC;4CAAwB;AAEvB;IAA1B,QAAQ,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC;yCAAiC;AAE9B;IAA5B,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;6CAAkB;AAEjB;IAA5B,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;6DAAkC;AAElC;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;6CAAc;AAEb;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;2CAAa;AAEZ;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;qDAAuB;AAEtB;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;yCAAY;AA9I5B,WAAW;IADvB,aAAa,CAAC,eAAe,CAAC;GAClB,WAAW,CA4NvB","sourcesContent":["import { html, LitElement, css, nothing } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\nimport '@digital-realty/ix-icon/ix-icon.js';\nimport '@digital-realty/ix-grid/ix-grid.js';\nimport './ix-widget.js';\nimport { loader } from './assets/iconset.js';\n\n@customElement('ix-table-data')\nexport class IxTableData extends LitElement {\n  static styles = css`\n    ix-widget {\n      --ix-widget-padding: 0;\n    }\n    .empty-state {\n      padding: 24px;\n    }\n    .header {\n      display: flex;\n      -webkit-box-pack: justify;\n      justify-content: space-between;\n      -webkit-box-align: center;\n      align-items: center;\n      width: 100%;\n      width: -webkit-fill-available;\n      margin: 0px -15px 9px 4px;\n    }\n    h2 {\n      margin: 0px;\n      font-family: var(--text-heading-font, sans-serif);\n      font-size: var(--text-heading-size, 1.25rem);\n      letter-spacing: var(--text-heading-letter-spacing, 0.0075em);\n      line-height: var(--text-heading-line-height, 1.2em);\n      font-weight: var(--text-heading-weight, bold);\n      text-decoration: var(--text-heading-decoration, none);\n      text-transform: var(--text-heading-transform, none);\n    }\n    h3 {\n      margin: 0px;\n      font-family: var(--text-heading-font, sans-serif);\n      font-size: 1rem;\n      letter-spacing: var(--text-heading-letter-spacing, 0.0075em);\n      line-height: var(--text-heading-line-height, 1.2em);\n      font-weight: var(--text-heading-weight, bold);\n      text-decoration: var(--text-heading-decoration, none);\n      text-transform: var(--text-heading-transform, none);\n      text-align: center;\n      padding: 1rem;\n    }\n    .status {\n      display: flex;\n      flex-direction: row;\n      -webkit-box-align: center;\n      align-items: center;\n      padding: 2px 12px;\n      width: 185px;\n      height: 28px;\n      left: 0px;\n      top: 0px;\n      border-radius: 68px;\n      flex: 0 0 auto;\n      order: 0;\n      -webkit-box-flex: 0;\n      color: white;\n      -webkit-box-pack: center;\n      justify-content: center;\n      background: rgb(76, 175, 80);\n    }\n    ix-grid {\n      --_cell-padding: 0;\n    }\n    .loader {\n      width: 24px;\n      height: 24px;\n      margin: 1rem auto;\n    }\n    svg {\n      stroke: var(--clr-primary, #1456e0);\n      width: 48px;\n      height: 48px;\n      animation-name: loading;\n      animation-duration: 1000ms;\n      animation-iteration-count: infinite;\n      animation-timing-function: linear;\n      margin: auto;\n    }\n    @keyframes loading {\n      from {\n        transform: rotate(0deg);\n      }\n      to {\n        transform: rotate(360deg);\n      }\n    }\n\n    ix-widget.empty .header {\n      margin: 0;\n    }\n    ix-widget.empty {\n      --ix-widget-padding: 1rem 11px 22px 24px;\n    }\n    ix-widget.empty .content {\n      display: flex;\n      flex-direction: column;\n      -webkit-box-align: center;\n      align-items: center;\n      -webkit-box-pack: start;\n      justify-content: start;\n      margin: 22px 0 16px;\n    }\n    ix-widget.empty .content.view-all {\n      margin-bottom: 8px;\n    }\n    ix-widget.empty ix-icon.info {\n      user-select: none;\n      width: 48px;\n      height: 44px;\n      --ix-icon-font-size: 48px;\n      --ix-icon-line-height: 1;\n      color: var(--ix-sys-primary, #1456e0);\n    }\n    ix-widget.empty .description p {\n      font-family: var(--text-heading-font, sans-serif);\n      font-size: var(--text-heading-size, 1.25rem);\n      letter-spacing: var(--text-heading-letter-spacing, 0.0075em);\n      line-height: var(--text-heading-line-height, 1.2em);\n      font-weight: var(--text-heading-weight, bold);\n      text-decoration: var(--text-heading-decoration, none);\n      text-transform: var(--text-heading-transform, none);\n      text-align: center;\n      margin-bottom: 24px;\n    }\n    ix-widget.empty .description p a {\n      color: var(--clr-primary, #1456e0);\n    }\n  `;\n\n  @property({ type: Array }) columns: string[] = [];\n\n  @property({ type: Array }) rows: string[] | undefined = [];\n\n  @property({ type: Boolean }) disabled = false;\n\n  @property({ type: Boolean }) showViewAllButtonOnEmpty = false;\n\n  @property({ type: Number }) pageSize = 5;\n\n  @property({ type: String }) header = '';\n\n  @property({ type: String }) emptyDescription = '';\n\n  @property({ type: String }) href = '/';\n\n  renderEmptyTable() {\n    return html`<ix-widget class=\"empty\" type=\"empty-table\">\n      <div class=\"header\">\n        <h2>${this.header}</h2>\n        ${this.showViewAllButtonOnEmpty\n          ? html` <ix-button\n              type=\"button\"\n              has-icon\n              trailing-icon\n              appearance=\"text\"\n              href=${this.href}\n              data-testid=\"ix-table-empty-header-view-all\"\n            >\n              <ix-icon slot=\"icon\">chevron_right</ix-icon>\n              View all\n            </ix-button>`\n          : nothing}\n      </div>\n      <div\n        class=${`content ${this.showViewAllButtonOnEmpty ? 'view-all' : ''}`}\n      >\n        <ix-icon class=\"info\" filled>info</ix-icon>\n        <div\n          class=\"description\"\n          data-testid=\"ix-table-empty-desc\"\n          role=\"status\"\n        >\n          <p>${this.emptyDescription}</p>\n        </div>\n        ${this.showViewAllButtonOnEmpty\n          ? html` <ix-button type=\"button\" href=${this.href}>\n              View all\n            </ix-button>`\n          : nothing}\n      </div>\n    </ix-widget>`;\n  }\n\n  protected override render() {\n    if (this.disabled) {\n      return this.renderEmptyTable();\n    }\n    if (!this.rows?.length) {\n      return html`<ix-widget type=\"news-feed\">\n        <div class=\"empty-state\">\n          <h2>${this.header}</h2>\n          <div class=\"loader\">${loader}</div>\n        </div>\n      </ix-widget>`;\n    }\n    return html`<ix-widget>\n      <ix-grid\n        variantClass=\"launchpad\"\n        .columns=${this.columns}\n        .rows=${this.rows}\n        .pageSize=${this.pageSize}\n        .rowLimit=${this.rows?.length || 0}\n        ?hide-filters=${true}\n        add-params-to-url=\"false\"\n        ><div slot=\"header\" class=\"header\">\n          <h2>${this.header}</h2>\n          <ix-button\n            type=\"button\"\n            has-icon\n            trailing-icon\n            appearance=\"text\"\n            href=${this.href}\n            data-testid=\"ix-table-header-view-all\"\n          >\n            <ix-icon slot=\"icon\">chevron_right</ix-icon>\n            View all\n          </ix-button>\n        </div>\n      </ix-grid>\n    </ix-widget>`;\n  }\n}\n"]}

package/package.json

@@ -3,7 +3,7 @@
   "description": "Webcomponent ix-widget following open-wc recommendations",
   "license": "MIT",
   "author": "Digital Realty",
-  "version": "2.2.8",
+  "version": "2.2.10",
   "type": "module",
   "main": "dist/index.js",
   "module": "dist/index.js",
@@ -38,12 +38,12 @@
   },
   "dependencies": {
     "@adobe/lit-mobx": "^2.2.2",
-    "@digital-realty/ix-accordion": "^1.1.10",
-    "@digital-realty/ix-button": "^3.4.1",
-    "@digital-realty/ix-dialog": "^1.2.4",
-    "@digital-realty/ix-grid": "^1.3.6",
-    "@digital-realty/ix-icon": "^1.2.1",
-    "@digital-realty/ix-list": "^1.2.1",
+    "@digital-realty/ix-accordion": "^1.1.11",
+    "@digital-realty/ix-button": "^3.4.2",
+    "@digital-realty/ix-dialog": "^1.2.5",
+    "@digital-realty/ix-grid": "^1.3.8",
+    "@digital-realty/ix-icon": "^1.2.2",
+    "@digital-realty/ix-list": "^1.2.2",
     "@lit/react": "^1.0.2",
     "@material/web": "1.2.0",
     "date-fns": "^4.1.0",
@@ -130,5 +130,5 @@
     "README.md",
     "LICENSE"
   ],
-  "gitHead": "2f772e94f61f0cc990c9dd3f758818348253a72e"
+  "gitHead": "bbcb2805555472c26b6590241ee4478c7d7c2302"
 }