@gravitee/ui-components 0.0.0

package/assets/icons/thirdparty.svg

@@ -0,0 +1 @@
+<?xml version="1.0" encoding="UTF-8"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><defs><style>.cls-3{fill:#fff}</style><style>.cls-5{fill:#d90000}.cls-7{fill:#9b0000}.cls-9{fill:#4c7794}</style></defs><symbol id="github" viewBox="0 0 32 32"><path fill-rule="evenodd" clip-rule="evenodd" fill="#000" d="M16 4.297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C8.422 22.07 7.633 21.7 7.633 21.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C24.565 26.092 28 21.592 28 16.297c0-6.627-5.373-12-12-12"/></symbol><symbol id="google" viewBox="0 0 833.5 844.3"><rect width="833.5" height="844.3" fill="#fff" rx="5%" ry="5%"/><path transform="translate(150 150)" d="M533.5 278.4c0-18.5-1.5-37.1-4.7-55.3H272.1v104.8h147c-6.1 33.8-25.7 63.7-54.4 82.7v68h87.7c51.5-47.4 81.1-117.4 81.1-200.2z" style="fill:#4285f4"/><path transform="translate(150 150)" d="M272.1 544.3c73.4 0 135.3-24.1 180.4-65.7l-87.7-68c-24.4 16.6-55.9 26-92.6 26-71 0-131.2-47.9-152.8-112.3H28.9v70.1c46.2 91.9 140.3 149.9 243.2 149.9z" style="fill:#34a853"/><path transform="translate(150 150)" d="M119.3 324.3c-11.4-33.8-11.4-70.4 0-104.2V150H28.9c-38.6 76.9-38.6 167.5 0 244.4l90.4-70.1z" style="fill:#fbbc04"/><path transform="translate(150 150)" d="M272.1 107.7c38.8-.6 76.3 14 104.4 40.8l77.7-77.7C405 24.6 339.7-.8 272.1 0 169.2 0 75.1 58 28.9 150l90.4 70.1c21.5-64.5 81.8-112.4 152.8-112.4z" style="fill:#ea4335"/></symbol><symbol id="graviteeio_am" viewBox="0 0 108.26 138.53"><path d="M92.57 16.85H34.12a17 17 0 0 0-17 17v25.51a16.93 16.93 0 0 0 4.12 11.07 15.85 15.85 0 0 0-1.74 19 16.93 16.93 0 0 0-6.65 13.45v1.83a17 17 0 0 0 17 17h46.54a17 17 0 0 0 17-17v-1.83a17 17 0 0 0-17-17H33.06a4.83 4.83 0 0 1 0-9.65H72.11a17 17 0 0 0 17-17l.08-29A2.28 2.28 0 0 1 91.44 28h1.13a2.8 2.8 0 0 0 2.8-2.8v-5.56a2.79 2.79 0 0 0-2.8-2.79zm-10.37 86v1.83a5.82 5.82 0 0 1-5.81 5.82H29.85a5.83 5.83 0 0 1-5.85-5.78v-1.83a5.83 5.83 0 0 1 5.82-5.82h46.57a5.82 5.82 0 0 1 5.81 5.82zm-4.26-43.49a5.82 5.82 0 0 1-5.82 5.81h-38a5.82 5.82 0 0 1-5.82-5.81V33.81A5.83 5.83 0 0 1 34.12 28h38a5.83 5.83 0 0 1 5.82 5.82z"/></symbol><symbol id="graviteeio" viewBox="0 0 108.26 138.53"><path d="M92.57 16.85H34.12a17 17 0 0 0-17 17v25.51a16.93 16.93 0 0 0 4.12 11.07 15.85 15.85 0 0 0-1.74 19 16.93 16.93 0 0 0-6.65 13.45v1.83a17 17 0 0 0 17 17h46.54a17 17 0 0 0 17-17v-1.83a17 17 0 0 0-17-17H33.06a4.83 4.83 0 0 1 0-9.65H72.11a17 17 0 0 0 17-17l.08-29A2.28 2.28 0 0 1 91.44 28h1.13a2.8 2.8 0 0 0 2.8-2.8v-5.56a2.79 2.79 0 0 0-2.8-2.79zm-10.37 86v1.83a5.82 5.82 0 0 1-5.81 5.82H29.85a5.83 5.83 0 0 1-5.85-5.78v-1.83a5.83 5.83 0 0 1 5.82-5.82h46.57a5.82 5.82 0 0 1 5.81 5.82zm-4.26-43.49a5.82 5.82 0 0 1-5.82 5.81h-38a5.82 5.82 0 0 1-5.82-5.81V33.81A5.83 5.83 0 0 1 34.12 28h38a5.83 5.83 0 0 1 5.82 5.82z"/></symbol><symbol id="http" viewBox="0 0 373.71 200"><g id="Layer_2" data-name="Layer 2"><g id="Layer_1-2" data-name="Layer 1"><path d="M326 0H47.73L0 100l47.73 100H326l47.73-100Zm-15.95 183.36H58.22L18.43 100l39.79-83.36h251.83L349.84 100Z" style="fill:#008ec7"/><path style="fill:#005b9b" d="m349.84 100.01-39.79 83.36H58.22l-39.79-83.36 39.79-83.37h251.83l39.79 83.37z"/><path class="cls-3" d="M128.05 71.89v59.53h-13.78V107h-27v24.41H73.46V71.89h13.77v23.47h27V71.89ZM154.5 83.12h-19.05V71.89h51.87v11.23h-19v48.3H154.5ZM207.9 83.12h-19.05V71.89h51.87v11.23h-19.05v48.3H207.9ZM287.62 74.53a20.45 20.45 0 0 1 9 7.48 20.67 20.67 0 0 1 3.14 11.48 20.73 20.73 0 0 1-3.14 11.44 20.06 20.06 0 0 1-9 7.48 33.55 33.55 0 0 1-13.74 2.59h-12v16.42h-13.76V71.89h25.76a33.05 33.05 0 0 1 13.74 2.64Zm-5.06 26.57a9.33 9.33 0 0 0 3.23-7.61c0-3.34-1.08-5.91-3.23-7.69s-5.3-2.68-9.44-2.68h-11.23v20.66h11.23q6.21 0 9.44-2.68Z"/></g></g></symbol><symbol id="jdbc" viewBox="0 0 288 288"><path d="M205.5 99c-1.04 0-2.067.054-3.084.144a34.508 34.508 0 0 0-44.271-22.222 38.995 38.995 0 0 0-70.1 13.105C87.7 90.017 87.352 90 87 90a39 39 0 0 0 0 78h118.5a34.5 34.5 0 0 0 0-69Z" style="fill:#d3eef4"/><path d="M205.5 99c-1.04 0-2.067.054-3.084.144A34.5 34.5 0 0 0 149 81.755a32.989 32.989 0 0 0-52.477 20.434A33 33 0 1 0 93 168h112.5a34.5 34.5 0 0 0 0-69Z" style="fill:#bde6ee"/><path d="M115 134.069c-19.33 0-35-2.7-35-6.035v65.173c0 3.333 15.67 6.034 35 6.034s35-2.7 35-6.034v-65.173c0 3.333-15.67 6.035-35 6.035Z" style="fill:#f80000"/><path class="cls-5" d="M80 128.034v65.173c0 3.333 15.67 6.034 35 6.034v-65.172c-19.33 0-35-2.702-35-6.035ZM145.172 131.1v65.171c3.067-.9 4.828-1.942 4.828-3.059v-65.178c0 1.117-1.76 2.166-4.828 3.066Z"/><ellipse cx="115" cy="128.034" rx="35" ry="6.034" style="fill:#ba0000"/><path class="cls-7" d="M80 169.069c0 3.333 15.67 6.034 35 6.034s35-2.7 35-6.034v4.831c0 3.332-15.67 6.034-35 6.034s-35-2.7-35-6.034ZM150 147.345c0 3.333-15.67 6.034-35 6.034s-35-2.7-35-6.034v4.827c0 3.333 15.67 6.035 35 6.035s35-2.7 35-6.035Z"/><rect x="124" y="144" width="84" height="84" rx="8" ry="8" style="fill:#e8e9e9"/><path class="cls-9" d="M146.568 191.144q0 3.351-1.557 4.777a6.866 6.866 0 0 1-4.763 1.426 7.125 7.125 0 0 1-2.749-.455 4.08 4.08 0 0 1-1.7-1.294 4.858 4.858 0 0 1-.868-1.955 11.47 11.47 0 0 1-.235-2.353v-.911h3.881v.646a6.329 6.329 0 0 0 .367 2.485 1.823 1.823 0 0 0 3.029 0 6.347 6.347 0 0 0 .367-2.485v-14.993h4.233ZM156.771 176.032a7.574 7.574 0 0 1 3.557.72 5.127 5.127 0 0 1 2.1 2.059 9.127 9.127 0 0 1 1.014 3.218 30.29 30.29 0 0 1 .265 4.2 29.886 29.886 0 0 1-.338 4.808 9.176 9.176 0 0 1-1.162 3.366 5.1 5.1 0 0 1-2.2 1.97 8.271 8.271 0 0 1-3.5.646h-6.674v-20.987Zm-.824 17.875a3.621 3.621 0 0 0 1.793-.383 2.606 2.606 0 0 0 1.073-1.263 7.384 7.384 0 0 0 .53-2.323q.133-1.44.133-3.586 0-1.794-.119-3.147a7.763 7.763 0 0 0-.485-2.249 2.8 2.8 0 0 0-1.087-1.352 3.567 3.567 0 0 0-1.926-.456h-1.794v14.759ZM173.881 176.032a10.21 10.21 0 0 1 2.4.265 4.894 4.894 0 0 1 1.9.882 4.061 4.061 0 0 1 1.235 1.646 6.423 6.423 0 0 1 .441 2.529 5.242 5.242 0 0 1-.794 2.924 3.984 3.984 0 0 1-2.381 1.661V186a4.163 4.163 0 0 1 2.793 1.5 5.2 5.2 0 0 1 1.028 3.381 8.393 8.393 0 0 1-.323 2.351 4.78 4.78 0 0 1-1.1 1.956 5.511 5.511 0 0 1-2.028 1.337 8.377 8.377 0 0 1-3.1.5H166.8v-20.993Zm-1.647 8.614a4.186 4.186 0 0 0 2.573-.632 2.546 2.546 0 0 0 .808-2.131 2.634 2.634 0 0 0-.735-2.117 3.575 3.575 0 0 0-2.322-.618h-1.53v5.5Zm.441 9.261a4.131 4.131 0 0 0 2.47-.677 2.89 2.89 0 0 0 .941-2.5 3.987 3.987 0 0 0-.25-1.513 2.553 2.553 0 0 0-.677-.971 2.441 2.441 0 0 0-1.013-.514 5.343 5.343 0 0 0-1.294-.147h-1.824v6.321ZM191.859 179.78a2.037 2.037 0 0 0-1.985-1.044 1.985 1.985 0 0 0-1.308.427 2.819 2.819 0 0 0-.808 1.382 11.76 11.76 0 0 0-.412 2.5q-.117 1.542-.117 3.777a36.684 36.684 0 0 0 .161 3.852 8.526 8.526 0 0 0 .5 2.278 2.076 2.076 0 0 0 .852 1.088 2.45 2.45 0 0 0 1.192.279 2.83 2.83 0 0 0 1.043-.19 1.765 1.765 0 0 0 .837-.765 4.954 4.954 0 0 0 .559-1.617 14.674 14.674 0 0 0 .206-2.749h4.233a18.891 18.891 0 0 1-.264 3.234 7.3 7.3 0 0 1-.985 2.675 4.886 4.886 0 0 1-2.028 1.794 7.689 7.689 0 0 1-3.4.647 7.98 7.98 0 0 1-3.792-.765 5.145 5.145 0 0 1-2.161-2.2 9.7 9.7 0 0 1-.971-3.439 44.16 44.16 0 0 1 0-8.8 9.74 9.74 0 0 1 .971-3.455 5.427 5.427 0 0 1 2.161-2.249 7.618 7.618 0 0 1 3.792-.809 7.319 7.319 0 0 1 3.572.735 5.009 5.009 0 0 1 1.955 1.867 6.479 6.479 0 0 1 .809 2.44 20.254 20.254 0 0 1 .162 2.455H192.4a7.624 7.624 0 0 0-.541-3.348Z"/></symbol><symbol id="linkedin" viewBox="0 0 32 24"><path d="M10.388 21.188H6.034V7.168h4.354v14.02zM8.208 5.255c-1.391 0-2.52-1.153-2.52-2.546a2.521 2.521 0 0 1 5.042 0c0 1.393-1.13 2.546-2.521 2.546zm18.475 15.933h-4.345v-6.825c0-1.627-.032-3.713-2.263-3.713-2.264 0-2.61 1.767-2.61 3.595v6.943h-4.35V7.168h4.176V9.08h.06c.582-1.102 2.002-2.264 4.12-2.264 4.407 0 5.216 2.901 5.216 6.67v7.701z"/></symbol><symbol id="microsoft" viewBox="0 0 23 23"><path fill="#f3f3f3" d="M0 0h23v23H0z"/><path fill="#f35325" d="M1 1h10v10H1z"/><path fill="#81bc06" d="M12 1h10v10H12z"/><path fill="#05a6f0" d="M1 12h10v10H1z"/><path fill="#ffba08" d="M12 12h10v10H12z"/></symbol><symbol id="mongodb" viewBox="0 0 216.56 448.5"><path d="M202.8 179.68c-23-101.47-71-128.49-83.18-147.59C113 21.7 106.25 5.91 106.25 5.91c-.66 9-1.83 14.7-9.51 21.54C81.36 41.16 16 94.42 10.51 209.72c-5.12 107.5 79 173.8 90.18 180.65 8.54 4.2 19 .08 24-3.77 40.54-27.84 96-102.07 78.06-206.92" style="fill:#10aa50"/><path d="M109.73 333.11c-2.11 26.62-3.63 42.11-9 57.29 0 0 3.54 25.33 6 52.17h8.77a488.62 488.62 0 0 1 9.57-56.2c-11.36-5.57-14.91-29.91-15.34-53.26Z" style="fill:#b8c4c2"/><path d="M125.06 386.39c-11.48-5.3-14.8-30.13-15.31-53.28a1090.8 1090.8 0 0 0 2.45-114.71c-.6-20.07.3-185.92-4.94-210.2 2.12 4.75 7.24 15.91 12.36 23.88 12.23 19.11 60.19 46.13 83.17 147.61 17.91 104.58-37.22 178.68-77.73 206.7Z" style="fill:#12924f"/></symbol><symbol id="oidc" viewBox="0 0 90 90"><g fill="#000"><path d="M41.928 15.65v63.5l11.289-5.313V10.135zM81.023 34.277l1.559 16.18-21.831-4.75"/><path d="M19.35 54.982c0-7.999 8.716-14.735 20.596-16.791v-7.17C21.775 33.217 8.061 43.109 8.061 54.982c0 12.301 14.72 22.475 33.867 24.168v-7.077C29.046 70.458 19.35 63.42 19.35 54.983m35.848-23.96v7.168c4.727.818 8.956 2.373 12.33 4.459l7.983-4.933c-5.44-3.363-12.461-5.745-20.313-6.694"/></g></symbol><symbol id="twitter" viewBox="0 0 400 400"><path d="M153.62 301.59c94.34 0 145.94-78.16 145.94-145.94 0-2.22 0-4.43-.15-6.63A104.36 104.36 0 0 0 325 122.47a102.38 102.38 0 0 1-29.46 8.07 51.47 51.47 0 0 0 22.55-28.37 102.79 102.79 0 0 1-32.57 12.45 51.34 51.34 0 0 0-87.41 46.78A145.62 145.62 0 0 1 92.4 107.81a51.33 51.33 0 0 0 15.88 68.47A50.91 50.91 0 0 1 85 169.86v.65a51.31 51.31 0 0 0 41.15 50.28 51.21 51.21 0 0 1-23.16.88 51.35 51.35 0 0 0 47.92 35.62 102.92 102.92 0 0 1-63.7 22 104.41 104.41 0 0 1-12.21-.74 145.21 145.21 0 0 0 78.62 23"/></symbol></svg>

package/assets/icons/tools.svg

@@ -0,0 +1 @@
+<?xml version="1.0" encoding="UTF-8"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><defs/><symbol id="angle grinder" viewBox="0 0 56 57"><path style="fill: var(--opacity, #fff)" opacity=".3" fill-rule="evenodd" clip-rule="evenodd" d="M37.556 18.444c4.296 4.296 4.296 11.26 0 15.556-4.295 4.296-11.26 4.296-15.556 0-4.296-4.296-4.296-11.26 0-15.556 4.296-4.296 11.26-4.296 15.556 0ZM26.95 29.05a4 4 0 1 0 5.657-5.657 4 4 0 0 0-5.657 5.657Zm4.242-1.414a2 2 0 1 0-2.828-2.828 2 2 0 0 0 2.828 2.828Z"/><rect opacity=".3" x="2.908" y="46.021" width="32" height="12" rx="4" transform="rotate(-45 2.908 46.02)"/><path fill-rule="evenodd" clip-rule="evenodd" d="M20.09 15.12c-4.665 6.631-4.636 15.163.496 20.294 5.131 5.132 13.663 5.16 20.294.495L20.09 15.12Zm25.272-4.427-.027-.027-.028-.028.055.055Z"/></symbol><symbol id="axe" viewBox="0 0 48 48"><path style="fill: var(--opacity, #fff)" opacity=".3" fill-rule="evenodd" clip-rule="evenodd" d="M31.192 6.908a1 1 0 0 0-1.414 0L26.95 9.737a1 1 0 0 0 0 1.414l4.242 4.242a1 1 0 0 0 1.415 0l2.828-2.828a1 1 0 0 0 0-1.414l-4.243-4.243ZM2.908 35.192a1 1 0 0 1 0-1.414l21.213-21.213a1 1 0 0 1 1.415 0l4.242 4.243a1 1 0 0 1 0 1.414L8.565 39.435a1 1 0 0 1-1.414 0l-4.243-4.243Zm27.577-3.535 12.728-12.728 2.829 2.828-12.728 12.728-2.829-2.828Z"/><path fill-rule="evenodd" clip-rule="evenodd" d="M41.799 17.515s-7.778-2.122-9.9-4.243l-8.485-8.485-7.07 7.07 8.484 8.486c2.829 2.829 4.243 9.9 4.243 9.9L41.8 17.514Z"/></symbol><symbol id="brush" viewBox="0 0 48 48"><path style="fill: var(--opacity, #fff)" opacity=".3" fill-rule="evenodd" clip-rule="evenodd" d="m32.115 10.231 4.243 4.243-4.95 9.192 9.193-4.95 3.535 3.536a1 1 0 0 1 0 1.414L33.53 34.273l-19.799-19.8L24.337 3.868a1 1 0 0 1 1.414 0l3.536 3.536-1.414 4.242 4.242-1.414Z"/><path fill-rule="evenodd" clip-rule="evenodd" d="m20.32 32.377-6.583 9.404a4 4 0 0 1-6.106.535L5.715 40.4a4 4 0 0 1 .562-6.124l9.444-6.498-6.233-6.233a2 2 0 0 1 0-2.829l2.828-2.828 19.8 19.799-2.829 2.828a2 2 0 0 1-2.828 0l-6.14-6.138ZM9.488 38.515a2 2 0 1 0 2.829-2.828 2 2 0 0 0-2.829 2.828Z"/></symbol><symbol id="compass" viewBox="0 0 48 48"><path style="fill: var(--opacity, #fff)" opacity=".3" fill-rule="evenodd" clip-rule="evenodd" d="M27 3a3 3 0 1 0-6 0v5h6V3Zm-8.064 25.216a13.465 13.465 0 0 1-4.781-3.608L9 36l1 10 8.936-17.784Zm15.187-2.977a13.438 13.438 0 0 1-4.95 3.28L38 46l1-10-4.877-10.76Z"/><path fill-rule="evenodd" clip-rule="evenodd" d="M14 16c0 5.523 4.477 10 10 10s10-4.477 10-10S29.523 6 24 6s-10 4.477-10 10Zm14 0a4 4 0 1 1-8 0 4 4 0 0 1 8 0Z"/></symbol><symbol id="hummer" viewBox="0 0 48 48"><path style="fill: var(--opacity, #fff)" opacity=".3" fill-rule="evenodd" clip-rule="evenodd" d="m36.85 25.293 5.656-5.657a1 1 0 0 1 1.414 0l1.414 1.414a1 1 0 0 1 0 1.414l-5.656 5.657a1 1 0 0 1-1.414 0l-1.415-1.414a1 1 0 0 1 0-1.414ZM6.443 35.899 26.243 16.1a2 2 0 0 1 2.828 0L31.9 18.93a2 2 0 0 1 0 2.828L12.1 41.557a2 2 0 0 1-2.828 0l-2.828-2.83a2 2 0 0 1 0-2.828Z"/><path d="M19.172 9.03c3.905-3.906 10.236-3.906 14.142 0l7.007 7.007a.09.09 0 0 1 0 .128l-6.654 6.653a.5.5 0 0 1-.707 0L19.172 9.03Z"/></symbol><symbol id="hummer#2" viewBox="0 0 48 48"><path style="fill: var(--opacity, #fff)" opacity=".3" fill-rule="evenodd" clip-rule="evenodd" d="m7.03 37.314 19.798-19.8a2 2 0 0 1 2.829 0l2.828 2.83a2 2 0 0 1 0 2.828L12.686 42.97a2 2 0 0 1-2.828 0l-2.829-2.829a2 2 0 0 1 0-2.828Z"/><path fill-rule="evenodd" clip-rule="evenodd" d="m19.757 13.272 7.071-7.071a2 2 0 0 1 2.829 0l14.142 14.142a2 2 0 0 1 0 2.829l-7.071 7.07a2 2 0 0 1-2.828 0L19.757 16.1a2 2 0 0 1 0-2.828Z"/><path opacity=".3" fill-rule="evenodd" clip-rule="evenodd" d="m34.607 9.737 1.414-1.415a1 1 0 0 1 1.414 0l4.243 4.243a1 1 0 0 1 0 1.414l-1.414 1.415a1 1 0 0 1-1.415 0l-4.242-4.243a1 1 0 0 1 0-1.414Z"/></symbol><symbol id="pantone" viewBox="0 0 48 48"><path style="fill: var(--opacity, #fff)" opacity=".3" fill-rule="evenodd" clip-rule="evenodd" d="M44 26.706a.706.706 0 0 0-.706-.706H16a8 8 0 1 0 0 16h27.294c.39 0 .706-.316.706-.706V26.706ZM18 34a4 4 0 1 1-8 0 4 4 0 0 1 8 0Z"/><path opacity=".3" fill-rule="evenodd" clip-rule="evenodd" d="M28.755 9.07a.706.706 0 0 0-.998 0l-19.3 19.3A8 8 0 1 0 19.77 39.685l19.3-19.3a.706.706 0 0 0 0-.998L28.754 9.071ZM18 34a4 4 0 1 1-8 0 4 4 0 0 1 8 0Z"/><path fill-rule="evenodd" clip-rule="evenodd" d="M6.706 6A.706.706 0 0 0 6 6.706V34a8 8 0 1 0 16 0V6.706A.706.706 0 0 0 21.294 6H6.706ZM18 34a4 4 0 1 1-8 0 4 4 0 0 1 8 0Z"/></symbol><symbol id="road-cone" viewBox="0 0 48 48"><path fill-rule="evenodd" clip-rule="evenodd" d="M12.123 8a2 2 0 0 1 2-2h19.755a2 2 0 0 1 2 2v4H12.123V8Zm0 10v6h23.755v-6H12.123Zm0 12h23.755v8H12.123v-8Z"/><rect style="fill: var(--opacity, #fff)" opacity=".3" x="6" y="40" width="36" height="4" rx="1"/></symbol><symbol id="roller" viewBox="0 0 48 48"><rect x="6" y="4" width="30" height="10" rx="1"/><rect x="18" y="24" width="8" height="20" rx="1"/><path style="fill: var(--opacity, #fff)" opacity=".3" d="M24 24h-4v-2a4 4 0 0 1 4-4h14v-7h-2V7h2a4 4 0 0 1 4 4v7a4 4 0 0 1-4 4H24v2Z"/></symbol><symbol id="roullette" viewBox="0 0 48 48"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 10a6 6 0 0 0-6 6v24a2 2 0 0 0 2 2h24a6 6 0 0 0 6-6V18h5a1 1 0 0 0 1-1v-5h-2v2h-4v-2a2 2 0 0 0-2-2H12Zm18 16a8 8 0 1 1-16 0 8 8 0 0 1 16 0Z"/><path style="fill: var(--opacity, #fff)" opacity=".3" d="M22 7a1 1 0 0 1 1-1h8a1 1 0 0 1 1 1v3H22V7Z"/></symbol><symbol id="screwdriver" viewBox="0 0 48 48"><path style="fill: var(--opacity, #fff)" opacity=".3" fill-rule="evenodd" clip-rule="evenodd" d="m16.929 22.586-2.121-2.121a1 1 0 0 1 0-1.415l1.414-1.414a1 1 0 0 1 1.414 0l12.728 12.728a1 1 0 0 1 0 1.414l-1.414 1.415a1 1 0 0 1-1.415 0l-2.12-2.122L14.1 42.385a4 4 0 0 1-5.657 0l-2.829-2.828a4 4 0 0 1 0-5.657L16.93 22.586ZM9.15 36.02a1 1 0 1 0 1.414 1.414l8.485-8.485a1 1 0 0 0-1.414-1.414L9.151 36.02Z"/><path fill-rule="evenodd" clip-rule="evenodd" d="m33.9 11.272-.342-.342a1 1 0 0 1 .335-1.635l5.051-2.02a1 1 0 0 1 1.079.22l.481.482a1 1 0 0 1 .222 1.079l-2.02 5.05a1 1 0 0 1-1.636.337l-.342-.342-11.314 11.313-2.828-2.828L33.9 11.272Z"/></symbol><symbol id="shovel" viewBox="0 0 48 48"><path style="fill: var(--opacity, #fff)" opacity=".3" fill-rule="evenodd" clip-rule="evenodd" d="M11.833 2.226a.5.5 0 0 1 .853.354v7.278L26.828 24 24 26.828 9.858 12.686H2.58a.5.5 0 0 1-.354-.853l4.096-4.096 1.415-1.415 4.096-4.096Z"/><path fill-rule="evenodd" clip-rule="evenodd" d="m33.9 19.757 5.65 6.52a11.034 11.034 0 0 1 2.481 9.39l-.799 3.996a2 2 0 0 1-1.569 1.569l-3.996.8a11.034 11.034 0 0 1-9.39-2.482l-6.52-5.65L33.9 19.757Zm-6.81 12.29c-1.527-1.292-3.464.998-1.938 2.29l4.597 3.89c1.526 1.291 3.464-.999 1.937-2.29l-4.596-3.89Z"/></symbol><symbol id="spatula" viewBox="0 0 48 48"><path style="fill: var(--opacity, #fff)" opacity=".3" d="M28.01 2.02a.5.5 0 0 1 .707 0l16.264 16.262a.5.5 0 0 1 0 .708L31.899 32.07a5 5 0 0 1-7.07 0l-9.9-9.9a5 5 0 0 1 0-7.07L28.01 2.019Z"/><path fill-rule="evenodd" clip-rule="evenodd" d="m22.763 32.834-8.596-8.596-7.778 7.778a5 5 0 0 0 0 7.071l1.525 1.525a5 5 0 0 0 7.07 0l7.779-7.778Zm-9.533 5.013c-1.116 1.116-2.933 1.108-4.06-.018-1.125-1.126-1.134-2.944-.018-4.06 1.116-1.115 2.933-1.107 4.06.02 1.126 1.125 1.134 2.943.018 4.058Z"/></symbol><symbol id="swiss knife" viewBox="0 0 48 48"><path style="fill: var(--opacity, #fff)" opacity=".3" fill-rule="evenodd" clip-rule="evenodd" d="M31.569 28H40V4c-6.627 0-12 5.373-12 12v8.343L15.657 12a8 8 0 0 0 0 11.314l10.299 10.299L31.569 28Z"/><path fill-rule="evenodd" clip-rule="evenodd" d="M7 24a5 5 0 0 0-5 5v8a5 5 0 0 0 5 5h34a5 5 0 0 0 5-5v-8a5 5 0 0 0-5-5H7Zm35 9a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z"/></symbol><symbol id="tools" viewBox="0 0 48 48"><path fill-rule="evenodd" clip-rule="evenodd" d="m31.9 7.615-5.85 5.85a4 4 0 0 0 0 5.657l2.828 2.829a4 4 0 0 0 5.657 0l5.85-5.85c1.083 3.989.074 8.41-3.036 11.52-3.658 3.659-9.132 4.41-13.581 2.268L13.515 40.142a4 4 0 1 1-5.657-5.657L18.11 24.232c-2.142-4.45-1.39-9.923 2.268-13.581 3.11-3.11 7.531-4.12 11.52-3.036Z"/><path style="fill: var(--opacity, #fff)" opacity=".3" fill-rule="evenodd" clip-rule="evenodd" d="m33.314 11.858 2.828 2.828a2 2 0 0 1 0 2.829l-2.76 2.759a2 2 0 0 1-2.828 0l-2.828-2.829a2 2 0 0 1 0-2.828l2.76-2.76a2 2 0 0 1 2.828 0Z"/></symbol></svg>

package/assets/icons/wheather.svg

@@ -0,0 +1 @@
+<?xml version="1.0" encoding="UTF-8"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><defs/><symbol id="celcium" viewBox="0 0 48 48"><path fill-rule="evenodd" clip-rule="evenodd" d="M39.604 18.488a5.808 5.808 0 0 0-2.628-1.998c-1.08-.42-2.136-.63-3.168-.63-1.32 0-2.52.24-3.6.72a8.438 8.438 0 0 0-2.79 1.98 8.798 8.798 0 0 0-1.8 2.952c-.42 1.128-.63 2.352-.63 3.672 0 1.392.204 2.664.612 3.816.408 1.152.99 2.142 1.746 2.97a7.844 7.844 0 0 0 2.718 1.926c1.056.456 2.244.684 3.564.684 1.368 0 2.58-.27 3.636-.81s1.908-1.254 2.556-2.142l3.636 2.556a11.65 11.65 0 0 1-4.14 3.294c-1.632.78-3.54 1.17-5.724 1.17-1.992 0-3.822-.33-5.49-.99-1.668-.66-3.102-1.584-4.302-2.772-1.2-1.188-2.136-2.604-2.808-4.248-.672-1.644-1.008-3.462-1.008-5.454 0-2.04.354-3.882 1.062-5.526.708-1.644 1.68-3.042 2.916-4.194 1.236-1.152 2.694-2.04 4.374-2.664 1.68-.624 3.504-.936 5.472-.936.816 0 1.668.078 2.556.234.888.156 1.74.396 2.556.72a12.37 12.37 0 0 1 2.304 1.206 7.415 7.415 0 0 1 1.836 1.728l-3.456 2.736Z"/><path style="fill: var(--opacity, #fff)" opacity=".3" fill-rule="evenodd" clip-rule="evenodd" d="M5.89 15.608c-.3.696-.45 1.44-.45 2.232 0 .792.15 1.536.45 2.232a5.84 5.84 0 0 0 3.078 3.078c.696.3 1.44.45 2.232.45.792 0 1.536-.15 2.232-.45a5.84 5.84 0 0 0 3.078-3.078c.3-.696.45-1.44.45-2.232 0-.792-.15-1.536-.45-2.232a5.84 5.84 0 0 0-3.078-3.078c-.696-.3-1.44-.45-2.232-.45-.792 0-1.536.15-2.232.45a5.84 5.84 0 0 0-3.078 3.078Zm3.222 4.32a2.845 2.845 0 0 1-.864-2.088c0-.816.288-1.512.864-2.088a2.845 2.845 0 0 1 2.088-.864c.816 0 1.512.288 2.088.864.576.576.864 1.272.864 2.088 0 .816-.288 1.512-.864 2.088a2.845 2.845 0 0 1-2.088.864 2.845 2.845 0 0 1-2.088-.864Z"/></symbol><symbol id="cloud-fog" viewBox="0 0 48 48"><path fill-rule="evenodd" clip-rule="evenodd" d="M29.622 15C28.29 9.824 23.592 6 18 6 11.373 6 6 11.373 6 18c0 3.144 1.209 6.005 3.187 8.145A5.252 5.252 0 0 0 14.25 30h22.5c2.9 0 5.25-2.35 5.25-5.25v-4.5c0-2.9-2.35-5.25-5.25-5.25h-7.128Z"/><path style="fill: var(--opacity, #fff)" opacity=".3" fill-rule="evenodd" clip-rule="evenodd" d="M8 35a1 1 0 0 1 1-1h32a1 1 0 1 1 0 2H9a1 1 0 0 1-1-1Zm0 4a1 1 0 0 1 1-1h8a1 1 0 1 1 0 2H9a1 1 0 0 1-1-1Zm25 3a1 1 0 1 0 0 2h8a1 1 0 1 0 0-2h-8Zm-11-3a1 1 0 0 1 1-1h18a1 1 0 1 1 0 2H23a1 1 0 0 1-1-1ZM9 42a1 1 0 1 0 0 2h18a1 1 0 1 0 0-2H9Z"/></symbol><symbol id="cloud-sun" viewBox="0 0 48 48"><path style="fill: var(--opacity, #fff)" opacity=".3" fill-rule="evenodd" clip-rule="evenodd" d="M23 4.5A1.5 1.5 0 0 1 24.5 3h3A1.5 1.5 0 0 1 29 4.5v6a1.5 1.5 0 0 1-1.5 1.5h-3a1.5 1.5 0 0 1-1.5-1.5v-6Zm10.06 8.303a1.5 1.5 0 0 0 0 2.122l2.122 2.121a1.5 1.5 0 0 0 2.121 0l4.243-4.243a1.5 1.5 0 0 0 0-2.121l-2.121-2.121a1.5 1.5 0 0 0-2.122 0l-4.242 4.242ZM26 32a8 8 0 1 1 0-16 8 8 0 0 1 0 16Zm12-9.5a1.5 1.5 0 0 1 1.5-1.5h6a1.5 1.5 0 0 1 1.5 1.5v3a1.5 1.5 0 0 1-1.5 1.5h-6a1.5 1.5 0 0 1-1.5-1.5v-3ZM10.56 10.682a1.5 1.5 0 0 0 0 2.121l4.243 4.243a1.5 1.5 0 0 0 2.122 0l2.12-2.121a1.5 1.5 0 0 0 0-2.122l-4.242-4.242a1.5 1.5 0 0 0-2.121 0l-2.121 2.121Z"/><path fill-rule="evenodd" clip-rule="evenodd" d="M27.622 27c-1.332-5.176-6.03-9-11.622-9-6.627 0-12 5.373-12 12 0 3.144 1.209 6.005 3.187 8.145A5.252 5.252 0 0 0 12.25 42h22.5c2.9 0 5.25-2.35 5.25-5.25v-4.5c0-2.9-2.35-5.25-5.25-5.25h-7.128Z"/></symbol><symbol id="cloud-wind" viewBox="0 0 48 48"><path fill-rule="evenodd" clip-rule="evenodd" d="M29.622 9C28.29 3.824 23.592 0 18 0 11.373 0 6 5.373 6 12c0 3.144 1.209 6.005 3.187 8.145A5.252 5.252 0 0 0 14.25 24h22.5c2.9 0 5.25-2.35 5.25-5.25v-4.5C42 11.35 39.65 9 36.75 9h-7.128Z"/><path style="fill: var(--opacity, #fff)" opacity=".3" d="M8 28v4h27a3 3 0 0 1 3 3v1a2 2 0 1 1-4 0v-2h-4v2a6 6 0 0 0 12 0v-1a7 7 0 0 0-7-7H8Z"/><path opacity=".3" d="M8 34v4h13a3 3 0 0 1 3 3v1a2 2 0 1 1-4 0v-2h-4v2a6 6 0 0 0 12 0v-1a7 7 0 0 0-7-7H8Z"/></symbol><symbol id="cloud" viewBox="0 0 48 48"><path fill-rule="evenodd" clip-rule="evenodd" d="M29.622 21c-1.332-5.176-6.03-9-11.622-9-6.627 0-12 5.373-12 12 0 3.144 1.209 6.005 3.187 8.145A5.252 5.252 0 0 0 14.25 36h22.5c2.9 0 5.25-2.35 5.25-5.25v-4.5c0-2.9-2.35-5.25-5.25-5.25h-7.128Z"/></symbol><symbol id="cloud#2" viewBox="0 0 48 48"><path style="fill: var(--opacity, #fff)" opacity=".3" fill-rule="evenodd" clip-rule="evenodd" d="M32 30c5.523 0 10-4.477 10-10s-4.477-10-10-10-10 4.477-10 10 4.477 10 10 10Z"/><path fill-rule="evenodd" clip-rule="evenodd" d="M29.622 23c-1.332-5.176-6.03-9-11.622-9-6.627 0-12 5.373-12 12 0 3.144 1.209 6.005 3.187 8.145A5.252 5.252 0 0 0 14.25 38h22.5c2.9 0 5.25-2.35 5.25-5.25v-4.5c0-2.9-2.35-5.25-5.25-5.25h-7.128Z"/></symbol><symbol id="cloudy-night" viewBox="0 0 48 48"><path style="fill: var(--opacity, #fff)" opacity=".3" fill-rule="evenodd" clip-rule="evenodd" d="M32.457 6.41A9.953 9.953 0 0 0 33 11.555c1.968 5.129 7.702 7.704 12.837 5.783a9.996 9.996 0 0 1-6.295 7.773c-5.156 1.98-10.94-.596-12.92-5.752-1.979-5.156.597-10.94 5.753-12.92l.082-.03Z"/><path fill-rule="evenodd" clip-rule="evenodd" d="M29.622 23c-1.332-5.176-6.03-9-11.622-9-6.627 0-12 5.373-12 12 0 3.144 1.209 6.005 3.187 8.145A5.252 5.252 0 0 0 14.25 38h22.5c2.9 0 5.25-2.35 5.25-5.25v-4.5c0-2.9-2.35-5.25-5.25-5.25h-7.128Z"/></symbol><symbol id="cloudy" viewBox="0 0 48 48"><path style="fill: var(--opacity, #fff)" opacity=".3" fill-rule="evenodd" clip-rule="evenodd" d="M33.622 17C32.29 11.824 27.592 8 22 8c-6.627 0-12 5.373-12 12 0 3.144 1.209 6.005 3.187 8.145A5.252 5.252 0 0 0 18.25 32h22.5c2.9 0 5.25-2.35 5.25-5.25v-4.5c0-2.9-2.35-5.25-5.25-5.25h-7.128Z"/><path fill-rule="evenodd" clip-rule="evenodd" d="M25.622 25c-1.332-5.176-6.03-9-11.622-9-6.627 0-12 5.373-12 12 0 3.144 1.209 6.005 3.187 8.145A5.252 5.252 0 0 0 10.25 40h22.5c2.9 0 5.25-2.35 5.25-5.25v-4.5c0-2.9-2.35-5.25-5.25-5.25h-7.128Z"/></symbol><symbol id="day-rain" viewBox="0 0 48 48"><path style="fill: var(--opacity, #fff)" opacity=".3" fill-rule="evenodd" clip-rule="evenodd" d="M23.734 3.5a1.5 1.5 0 0 1 1.5-1.5h2.25a1.5 1.5 0 0 1 1.5 1.5v4.875a1.5 1.5 0 0 1-1.5 1.5h-2.25a1.5 1.5 0 0 1-1.5-1.5V3.5Zm8.936 6.945a1.5 1.5 0 0 0 0 2.122l1.59 1.59a1.5 1.5 0 0 0 2.122 0l3.447-3.447a1.5 1.5 0 0 0 0-2.12l-1.591-1.592a1.5 1.5 0 0 0-2.121 0l-3.447 3.447ZM20 19a7 7 0 1 0 14 0 7 7 0 0 0-14 0Zm-4 26a3 3 0 1 1-6 0c0-1.657 3-5 3-5s3 3.343 3 5Zm10 0a3 3 0 1 1-6 0c0-1.657 3-5 3-5s3 3.343 3 5Zm7 3a3 3 0 0 0 3-3c0-1.657-3-5-3-5s-3 3.343-3 5a3 3 0 0 0 3 3Zm3.859-28.75a1.5 1.5 0 0 1 1.5-1.5h4.875a1.5 1.5 0 0 1 1.5 1.5v2.25a1.5 1.5 0 0 1-1.5 1.5h-4.875a1.5 1.5 0 0 1-1.5-1.5v-2.25ZM12.982 8.59a1.5 1.5 0 0 0 0 2.12l3.447 3.448a1.5 1.5 0 0 0 2.122 0l1.59-1.591a1.5 1.5 0 0 0 0-2.122l-3.447-3.447a1.5 1.5 0 0 0-2.12 0L12.981 8.59Z"/><path fill-rule="evenodd" clip-rule="evenodd" d="M27.622 23c-1.332-5.176-6.03-9-11.622-9-6.627 0-12 5.373-12 12 0 3.144 1.209 6.005 3.187 8.145A5.252 5.252 0 0 0 12.25 38h22.5c2.9 0 5.25-2.35 5.25-5.25v-4.5c0-2.9-2.35-5.25-5.25-5.25h-7.128Z"/></symbol><symbol id="fahrenheit" viewBox="0 0 48 48"><path fill-rule="evenodd" clip-rule="evenodd" d="M23.208 12H40v4H28v7.456h10.976v3.816H28V38h-4.792V12Z"/><path style="fill: var(--opacity, #fff)" opacity=".3" fill-rule="evenodd" clip-rule="evenodd" d="M7.89 15.608c-.3.696-.45 1.44-.45 2.232 0 .792.15 1.536.45 2.232a5.84 5.84 0 0 0 3.078 3.078c.696.3 1.44.45 2.232.45.792 0 1.536-.15 2.232-.45a5.84 5.84 0 0 0 3.078-3.078c.3-.696.45-1.44.45-2.232 0-.792-.15-1.536-.45-2.232a5.84 5.84 0 0 0-3.078-3.078c-.696-.3-1.44-.45-2.232-.45-.792 0-1.536.15-2.232.45a5.84 5.84 0 0 0-3.078 3.078Zm3.222 4.32a2.845 2.845 0 0 1-.864-2.088c0-.816.288-1.512.864-2.088a2.845 2.845 0 0 1 2.088-.864c.816 0 1.512.288 2.088.864.576.576.864 1.272.864 2.088 0 .816-.288 1.512-.864 2.088a2.845 2.845 0 0 1-2.088.864 2.845 2.845 0 0 1-2.088-.864Z"/></symbol><symbol id="fog" viewBox="0 0 48 48"><rect style="fill: var(--opacity, #fff)" opacity=".3" x="4" y="10" width="40" height="4" rx="1"/><rect opacity=".3" x="4" y="34" width="40" height="4" rx="1"/><rect opacity=".3" x="4" y="18" width="10" height="4" rx="1"/><rect opacity=".3" x="32" y="26" width="12" height="4" rx="1"/><rect opacity=".3" x="18" y="18" width="26" height="4" rx="1"/><rect opacity=".3" x="4" y="26" width="24" height="4" rx="1"/></symbol><symbol id="moon" viewBox="0 0 48 48"><path fill-rule="evenodd" clip-rule="evenodd" d="M24.14 8A15.926 15.926 0 0 0 22 16c0 8.79 7.088 15.924 15.86 16-2.767 4.782-7.938 8-13.86 8-8.837 0-16-7.163-16-16S15.163 8 24 8h.14Z"/></symbol><symbol id="night-fog" viewBox="0 0 48 48"><path fill-rule="evenodd" clip-rule="evenodd" d="M25.762 6a10.95 10.95 0 0 0-1.471 5.5c0 6.043 4.872 10.948 10.903 11a10.996 10.996 0 0 1-9.528 5.5c-6.076 0-11-4.925-11-11s4.924-11 11-11h.096Z"/><path style="fill: var(--opacity, #fff)" opacity=".3" fill-rule="evenodd" clip-rule="evenodd" d="M4 33a1 1 0 0 1 1-1h38a1 1 0 1 1 0 2H5a1 1 0 0 1-1-1Zm0 4a1 1 0 0 1 1-1h10a1 1 0 1 1 0 2H5a1 1 0 0 1-1-1Zm25 3a1 1 0 1 0 0 2h14a1 1 0 1 0 0-2H29Zm-11-3a1 1 0 0 1 1-1h24a1 1 0 1 1 0 2H19a1 1 0 0 1-1-1ZM5 40a1 1 0 1 0 0 2h20a1 1 0 1 0 0-2H5Z"/></symbol><symbol id="night-rain" viewBox="0 0 48 48"><path style="fill: var(--opacity, #fff)" opacity=".3" fill-rule="evenodd" clip-rule="evenodd" d="M47.837 15.34a9.996 9.996 0 0 1-6.295 7.772c-5.156 1.979-10.94-.596-12.92-5.752-1.979-5.156.597-10.94 5.753-12.92l.082-.03A9.954 9.954 0 0 0 35 9.555c1.968 5.129 7.702 7.704 12.837 5.783ZM13 44a3 3 0 0 0 3-3c0-1.657-3-5-3-5s-3 3.343-3 5a3 3 0 0 0 3 3Zm10 0a3 3 0 0 0 3-3c0-1.657-3-5-3-5s-3 3.343-3 5a3 3 0 0 0 3 3Zm13-3a3 3 0 0 1-6 0c0-1.657 3-5 3-5s3 3.343 3 5Z"/><path fill-rule="evenodd" clip-rule="evenodd" d="M29.622 19c-1.332-5.176-6.03-9-11.622-9-6.627 0-12 5.373-12 12 0 3.144 1.209 6.005 3.187 8.145A5.252 5.252 0 0 0 14.25 34h22.5c2.9 0 5.25-2.35 5.25-5.25v-4.5c0-2.9-2.35-5.25-5.25-5.25h-7.128Z"/></symbol><symbol id="rain#1" viewBox="0 0 48 48"><path fill-rule="evenodd" clip-rule="evenodd" d="M29.622 15C28.29 9.824 23.592 6 18 6 11.373 6 6 11.373 6 18c0 3.144 1.209 6.005 3.187 8.145A5.252 5.252 0 0 0 14.25 30h22.5c2.9 0 5.25-2.35 5.25-5.25v-4.5c0-2.9-2.35-5.25-5.25-5.25h-7.128Z"/><path style="fill: var(--opacity, #fff)" opacity=".3" fill-rule="evenodd" clip-rule="evenodd" d="M31.621 32.687a1 1 0 0 1 1.225-.707l1.932.517a1 1 0 0 1 .707 1.225l-2.588 9.66a1 1 0 0 1-1.225.706l-1.932-.517a1 1 0 0 1-.707-1.225l2.588-9.66Zm-16 0a1 1 0 0 1 1.225-.707l1.932.517a1 1 0 0 1 .707 1.225l-2.588 9.66a1 1 0 0 1-1.225.706l-1.932-.517a1 1 0 0 1-.707-1.225l2.588-9.66Zm9.225-.707a1 1 0 0 0-1.225.707l-2.588 9.659a1 1 0 0 0 .707 1.225l1.932.517a1 1 0 0 0 1.225-.707l2.588-9.659a1 1 0 0 0-.707-1.225l-1.932-.517Z"/></symbol><symbol id="rain#2" viewBox="0 0 48 48"><path fill-rule="evenodd" clip-rule="evenodd" d="M29.622 15C28.29 9.824 23.592 6 18 6 11.373 6 6 11.373 6 18c0 3.144 1.209 6.005 3.187 8.145A5.252 5.252 0 0 0 14.25 30h22.5c2.9 0 5.25-2.35 5.25-5.25v-4.5c0-2.9-2.35-5.25-5.25-5.25h-7.128Z"/><path style="fill: var(--opacity, #fff)" opacity=".3" fill-rule="evenodd" clip-rule="evenodd" d="M13 42a3 3 0 0 0 3-3c0-1.657-3-5-3-5s-3 3.343-3 5a3 3 0 0 0 3 3Zm10 0a3 3 0 0 0 3-3c0-1.657-3-5-3-5s-3 3.343-3 5a3 3 0 0 0 3 3Zm13-3a3 3 0 1 1-6 0c0-1.657 3-5 3-5s3 3.343 3 5Z"/></symbol><symbol id="rain#5" viewBox="0 0 48 48"><path style="fill: var(--opacity, #fff)" opacity=".3" fill-rule="evenodd" clip-rule="evenodd" d="M13.23 21.5c0 2.485-2.066 4.5-4.615 4.5C6.066 26 4 23.985 4 21.5S8.615 14 8.615 14s4.616 5.015 4.616 7.5Zm30.77 0c0 2.485-2.066 4.5-4.615 4.5-2.55 0-4.616-2.015-4.616-4.5s4.616-7.5 4.616-7.5S44 19.015 44 21.5ZM16.615 40c2.55 0 4.616-2.015 4.616-4.5S16.615 28 16.615 28 12 33.015 12 35.5c0 2.485 2.066 4.5 4.615 4.5Zm20-4.5c0 2.485-2.066 4.5-4.615 4.5-2.549 0-4.615-2.015-4.615-4.5S32 28 32 28s4.615 5.015 4.615 7.5Z"/><path fill-rule="evenodd" clip-rule="evenodd" d="M24 26c2.549 0 4.615-2.015 4.615-4.5S24 14 24 14s-4.615 5.015-4.615 7.5c0 2.485 2.066 4.5 4.615 4.5Z"/></symbol><symbol id="rainbow" viewBox="0 0 48 48"><path style="fill: var(--opacity, #fff)" opacity=".3" fill-rule="evenodd" clip-rule="evenodd" d="M24 20c-6.99 0-12.883 5.156-13.859 12H14.2c.927-4.564 4.962-8 9.8-8 4.838 0 8.873 3.436 9.8 8h4.059C36.883 25.157 30.99 20 24 20Zm0 8a6.008 6.008 0 0 0-5.66 4h11.32A6.008 6.008 0 0 0 24 28Z"/><path fill-rule="evenodd" clip-rule="evenodd" d="M24 12c11.476 0 20.9 8.787 21.91 20h-4.02a18.011 18.011 0 0 0-.057-.462C40.633 22.762 33.106 16 24 16c-9.099 0-16.621 6.751-17.83 15.518-.022.16-.042.32-.06.482H2.09C3.1 20.787 12.524 12 24 12Z"/><path fill-rule="evenodd" clip-rule="evenodd" d="M24 12c11.476 0 20.9 8.787 21.91 20h-4.02a18.011 18.011 0 0 0-.057-.462C40.633 22.762 33.106 16 24 16c-9.099 0-16.621 6.751-17.83 15.518-.022.16-.042.32-.06.482H2.09C3.1 20.787 12.524 12 24 12Z"/></symbol><symbol id="snow" viewBox="0 0 48 48"><path style="fill: var(--opacity, #fff)" opacity=".3" fill-rule="evenodd" clip-rule="evenodd" d="M22 7a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v13.635l11.637-6.719a1 1 0 0 1 1.366.367l1 1.732a1 1 0 0 1-.366 1.366l-11.809 6.817 11.637 6.718a1 1 0 0 1 .366 1.366l-1 1.733a1 1 0 0 1-1.366.366L26 27.76V41a1 1 0 0 1-1 1h-2a1 1 0 0 1-1-1V27.563l-11.808 6.818a1 1 0 0 1-1.366-.366l-1-1.733a1 1 0 0 1 .366-1.365l11.636-6.719L8.02 17.381a1 1 0 0 1-.366-1.366l1-1.732a1 1 0 0 1 1.366-.367L22 20.834V7Z"/><path opacity=".3" fill-rule="evenodd" clip-rule="evenodd" d="M18.707 8.707a1 1 0 0 1 1.414 0l3.707 3.707 3.707-3.707a1 1 0 0 1 1.415 0l1.414 1.414a1 1 0 0 1 0 1.415l-4.243 4.242a1 1 0 0 1-1.414 0l-.879-.878-.878.878a1 1 0 0 1-1.415 0l-4.242-4.242a1 1 0 0 1 0-1.415l1.414-1.414Zm0 31.071a1 1 0 0 0 1.414 0l3.707-3.707 3.707 3.707a1 1 0 0 0 1.415 0l1.414-1.414a1 1 0 0 0 0-1.414l-4.243-4.243a1 1 0 0 0-1.414 0l-.879.879-.878-.879a1 1 0 0 0-1.415 0l-4.242 4.243a1 1 0 0 0 0 1.414l1.414 1.414Zm-6.48-4.557a1 1 0 0 0 .708 1.225l1.932.517a1 1 0 0 0 1.224-.707l1.553-5.795a1 1 0 0 0-.707-1.225l-1.2-.322.322-1.2a1 1 0 0 0-.707-1.225l-5.796-1.553a1 1 0 0 0-1.225.707l-.517 1.932A1 1 0 0 0 8.52 28.8l5.064 1.357-1.357 5.064Zm26.91-15.536a1 1 0 0 1 .706 1.225l-.517 1.932a1 1 0 0 1-1.225.707l-5.796-1.553a1 1 0 0 1-.707-1.225l.322-1.2-1.2-.322a1 1 0 0 1-.707-1.224l1.552-5.796a1 1 0 0 1 1.225-.707l1.932.518a1 1 0 0 1 .707 1.224l-1.357 5.064 5.064 1.357Zm0 9.115a1 1 0 0 0 .706-1.225l-.517-1.932a1 1 0 0 0-1.225-.707l-5.796 1.553a1 1 0 0 0-.707 1.225l.322 1.2-1.2.322a1 1 0 0 0-.708 1.225l1.553 5.795a1 1 0 0 0 1.225.707l1.932-.517a1 1 0 0 0 .707-1.225l-1.357-5.064 5.064-1.357Zm-26.91-15.536a1 1 0 0 1 .708-1.224l1.932-.518a1 1 0 0 1 1.224.707l1.553 5.796a1 1 0 0 1-.707 1.225l-1.2.321.322 1.2a1 1 0 0 1-.708 1.225L9.556 23.55a1 1 0 0 1-1.225-.707l-.517-1.932a1 1 0 0 1 .707-1.225l5.064-1.357-1.357-5.063Z"/></symbol><symbol id="snow#1" viewBox="0 0 48 48"><path fill-rule="evenodd" clip-rule="evenodd" d="M29.622 15C28.29 9.824 23.592 6 18 6 11.373 6 6 11.373 6 18c0 3.144 1.209 6.005 3.187 8.145A5.252 5.252 0 0 0 14.25 30h22.5c2.9 0 5.25-2.35 5.25-5.25v-4.5c0-2.9-2.35-5.25-5.25-5.25h-7.128Z"/><path style="fill: var(--opacity, #fff)" opacity=".3" fill-rule="evenodd" clip-rule="evenodd" d="M14.846 35.98a1 1 0 0 0-1.225.707l-.518 1.932a1 1 0 0 0 .707 1.224l1.932.518a1 1 0 0 0 1.225-.707l.518-1.932a1 1 0 0 0-.707-1.225l-1.932-.517Zm6.775.707a1 1 0 0 1 1.225-.707l1.932.517a1 1 0 0 1 .707 1.225l-.518 1.932a1 1 0 0 1-1.225.707l-1.931-.518a1 1 0 0 1-.708-1.224l.518-1.932Zm8 0a1 1 0 0 1 1.225-.707l1.932.517a1 1 0 0 1 .707 1.225l-.518 1.932a1 1 0 0 1-1.225.707l-1.931-.518a1 1 0 0 1-.708-1.224l.518-1.932Z"/></symbol><symbol id="snow#2" viewBox="0 0 48 48"><path fill-rule="evenodd" clip-rule="evenodd" d="M29.622 15C28.29 9.824 23.592 6 18 6 11.373 6 6 11.373 6 18c0 3.144 1.209 6.005 3.187 8.145A5.252 5.252 0 0 0 14.25 30h22.5c2.9 0 5.25-2.35 5.25-5.25v-4.5c0-2.9-2.35-5.25-5.25-5.25h-7.128Z"/><path style="fill: var(--opacity, #fff)" opacity=".3" fill-rule="evenodd" clip-rule="evenodd" d="M31.621 32.687a1 1 0 0 1 1.225-.707l1.932.517a1 1 0 0 1 .707 1.225l-.518 1.932a1 1 0 0 1-1.225.707l-1.931-.518a1 1 0 0 1-.708-1.224l.518-1.932Zm-16 0a1 1 0 0 1 1.225-.707l1.932.517a1 1 0 0 1 .707 1.225l-.518 1.932a1 1 0 0 1-1.225.707l-1.932-.518a1 1 0 0 1-.707-1.224l.518-1.932Zm9.225-.707a1 1 0 0 0-1.225.707l-.518 1.932a1 1 0 0 0 .707 1.224l1.932.518a1 1 0 0 0 1.225-.707l.518-1.932a1 1 0 0 0-.707-1.225l-1.932-.517Zm2.775 6.707a1 1 0 0 1 1.225-.707l1.932.517a1 1 0 0 1 .707 1.225l-.518 1.932a1 1 0 0 1-1.225.707l-1.931-.518a1 1 0 0 1-.708-1.224l.518-1.932Zm-6.775-.707a1 1 0 0 0-1.225.707l-.518 1.932a1 1 0 0 0 .707 1.224l1.932.518a1 1 0 0 0 1.225-.707l.518-1.932a1 1 0 0 0-.707-1.225l-1.932-.517Z"/></symbol><symbol id="snow#3" viewBox="0 0 48 49"><path style="fill: var(--opacity, #fff)" opacity=".3" fill-rule="evenodd" clip-rule="evenodd" d="M23 2.5A1.5 1.5 0 0 1 24.5 1h3A1.5 1.5 0 0 1 29 2.5v6a1.5 1.5 0 0 1-1.5 1.5h-3A1.5 1.5 0 0 1 23 8.5v-6Zm10.06 8.303a1.5 1.5 0 0 0 0 2.122l2.122 2.121a1.5 1.5 0 0 0 2.121 0l4.243-4.243a1.5 1.5 0 0 0 0-2.121l-2.121-2.121a1.5 1.5 0 0 0-2.122 0l-4.242 4.242ZM18 22a8 8 0 1 0 16 0 8 8 0 0 0-16 0Zm-4.379 22.687a1 1 0 0 1 1.225-.707l1.932.517a1 1 0 0 1 .707 1.225l-.518 1.932a1 1 0 0 1-1.225.707l-1.932-.518a1 1 0 0 1-.707-1.224l.518-1.932Zm9.225-.707a1 1 0 0 0-1.225.707l-.518 1.932a1 1 0 0 0 .707 1.224l1.932.518a1 1 0 0 0 1.225-.707l.518-1.932a1 1 0 0 0-.707-1.225l-1.932-.517Zm8 0a1 1 0 0 0-1.225.707l-.518 1.932a1 1 0 0 0 .707 1.224l1.932.518a1 1 0 0 0 1.225-.707l.518-1.932a1 1 0 0 0-.707-1.225l-1.932-.517ZM38 20.5a1.5 1.5 0 0 1 1.5-1.5h6a1.5 1.5 0 0 1 1.5 1.5v3a1.5 1.5 0 0 1-1.5 1.5h-6a1.5 1.5 0 0 1-1.5-1.5v-3ZM10.56 8.682a1.5 1.5 0 0 0 0 2.121l4.243 4.243a1.5 1.5 0 0 0 2.122 0l2.12-2.121a1.5 1.5 0 0 0 0-2.122l-4.242-4.242a1.5 1.5 0 0 0-2.121 0l-2.121 2.121Z"/><path fill-rule="evenodd" clip-rule="evenodd" d="M27.622 25c-1.332-5.176-6.03-9-11.622-9-6.627 0-12 5.373-12 12 0 3.144 1.209 6.005 3.187 8.145A5.252 5.252 0 0 0 12.25 40h22.5c2.9 0 5.25-2.35 5.25-5.25v-4.5c0-2.9-2.35-5.25-5.25-5.25h-7.128Z"/></symbol><symbol id="storm" viewBox="0 0 48 48"><rect x="16" y="4" width="28" height="4" rx="1"/><path style="fill: var(--opacity, #fff)" opacity=".3" fill-rule="evenodd" clip-rule="evenodd" d="M10 13a1 1 0 0 1 1-1h26a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1H11a1 1 0 0 1-1-1v-2Zm4 8a1 1 0 0 1 1-1h16a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1H15a1 1 0 0 1-1-1v-2Zm7 7a1 1 0 0 0-1 1v2a1 1 0 0 0 1 1h14a1 1 0 0 0 1-1v-2a1 1 0 0 0-1-1H21Zm1 9a1 1 0 0 1 1-1h8a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1h-8a1 1 0 0 1-1-1v-2Zm-1 5a1 1 0 0 0-1 1v2a1 1 0 0 0 1 1h4a1 1 0 0 0 1-1v-2a1 1 0 0 0-1-1h-4Z"/></symbol><symbol id="sun-fog" viewBox="0 0 48 48"><path d="M16 28a8 8 0 1 1 16 0H16Z"/><path style="fill: var(--opacity, #fff)" opacity=".3" fill-rule="evenodd" clip-rule="evenodd" d="M22.5 5A1.5 1.5 0 0 0 21 6.5v6a1.5 1.5 0 0 0 1.5 1.5h3a1.5 1.5 0 0 0 1.5-1.5v-6A1.5 1.5 0 0 0 25.5 5h-3Zm8.56 9.803a1.5 1.5 0 0 0 0 2.122l2.122 2.121a1.5 1.5 0 0 0 2.121 0l4.243-4.243a1.5 1.5 0 0 0 0-2.121l-2.121-2.121a1.5 1.5 0 0 0-2.122 0l-4.242 4.242ZM37.5 22a1.5 1.5 0 0 0-1.5 1.5v3a1.5 1.5 0 0 0 1.5 1.5h6a1.5 1.5 0 0 0 1.5-1.5v-3a1.5 1.5 0 0 0-1.5-1.5h-6ZM3 23.5A1.5 1.5 0 0 1 4.5 22h6a1.5 1.5 0 0 1 1.5 1.5v3a1.5 1.5 0 0 1-1.5 1.5h-6A1.5 1.5 0 0 1 3 26.5v-3Zm5.56-8.697a1.5 1.5 0 0 1 0-2.121l2.122-2.121a1.5 1.5 0 0 1 2.121 0l4.243 4.242a1.5 1.5 0 0 1 0 2.122l-2.121 2.121a1.5 1.5 0 0 1-2.122 0l-4.242-4.243ZM5 32a1 1 0 1 0 0 2h38a1 1 0 1 0 0-2H5Zm-1 5a1 1 0 0 1 1-1h10a1 1 0 1 1 0 2H5a1 1 0 0 1-1-1Zm25 3a1 1 0 1 0 0 2h14a1 1 0 1 0 0-2H29Zm-11-3a1 1 0 0 1 1-1h24a1 1 0 1 1 0 2H19a1 1 0 0 1-1-1ZM5 40a1 1 0 1 0 0 2h20a1 1 0 1 0 0-2H5Z"/></symbol><symbol id="sun" viewBox="0 0 48 48"><path d="M24 30a6 6 0 1 1 0-12 6 6 0 0 1 0 12Z"/><path style="fill: var(--opacity, #fff)" opacity=".3" fill-rule="evenodd" clip-rule="evenodd" d="M21 4.5A1.5 1.5 0 0 1 22.5 3h3A1.5 1.5 0 0 1 27 4.5v6a1.5 1.5 0 0 1-1.5 1.5h-3a1.5 1.5 0 0 1-1.5-1.5v-6Zm10.06 8.303a1.5 1.5 0 0 0 0 2.122l2.122 2.121a1.5 1.5 0 0 0 2.121 0l4.243-4.243a1.5 1.5 0 0 0 0-2.121l-2.121-2.121a1.5 1.5 0 0 0-2.122 0l-4.242 4.242ZM37.5 21a1.5 1.5 0 0 0-1.5 1.5v3a1.5 1.5 0 0 0 1.5 1.5h6a1.5 1.5 0 0 0 1.5-1.5v-3a1.5 1.5 0 0 0-1.5-1.5h-6Zm-6.44 12.182a1.5 1.5 0 0 0 0 2.121l4.243 4.243a1.5 1.5 0 0 0 2.122 0l2.12-2.121a1.5 1.5 0 0 0 0-2.122l-4.242-4.242a1.5 1.5 0 0 0-2.121 0l-2.121 2.121ZM4.5 21A1.5 1.5 0 0 0 3 22.5v3A1.5 1.5 0 0 0 4.5 27h6a1.5 1.5 0 0 0 1.5-1.5v-3a1.5 1.5 0 0 0-1.5-1.5h-6Zm18 15a1.5 1.5 0 0 0-1.5 1.5v6a1.5 1.5 0 0 0 1.5 1.5h3a1.5 1.5 0 0 0 1.5-1.5v-6a1.5 1.5 0 0 0-1.5-1.5h-3ZM8.56 12.803a1.5 1.5 0 0 1 0-2.121l2.122-2.121a1.5 1.5 0 0 1 2.121 0l4.243 4.242a1.5 1.5 0 0 1 0 2.122l-2.121 2.121a1.5 1.5 0 0 1-2.122 0l-4.242-4.243Zm0 24.622a1.5 1.5 0 0 1 0-2.122l4.243-4.242a1.5 1.5 0 0 1 2.122 0l2.12 2.121a1.5 1.5 0 0 1 0 2.121l-4.242 4.243a1.5 1.5 0 0 1-2.121 0l-2.121-2.121Z"/></symbol><symbol id="sunset#1" viewBox="0 0 48 48"><path fill-rule="evenodd" clip-rule="evenodd" d="M24 24a8 8 0 0 0-8 8h16a8 8 0 0 0-8-8ZM7.5 36A1.5 1.5 0 0 0 6 37.5v1A1.5 1.5 0 0 0 7.5 40h33a1.5 1.5 0 0 0 1.5-1.5v-1a1.5 1.5 0 0 0-1.5-1.5h-33Z"/><path style="fill: var(--opacity, #fff)" opacity=".3" fill-rule="evenodd" clip-rule="evenodd" d="M21 10.5A1.5 1.5 0 0 1 22.5 9h3a1.5 1.5 0 0 1 1.5 1.5v6a1.5 1.5 0 0 1-1.5 1.5h-3a1.5 1.5 0 0 1-1.5-1.5v-6Zm10.06 10.425a1.5 1.5 0 0 1 0-2.122l4.243-4.242a1.5 1.5 0 0 1 2.122 0l2.12 2.121a1.5 1.5 0 0 1 0 2.121l-4.242 4.243a1.5 1.5 0 0 1-2.121 0l-2.121-2.121ZM36 27.5a1.5 1.5 0 0 1 1.5-1.5h6a1.5 1.5 0 0 1 1.5 1.5v3a1.5 1.5 0 0 1-1.5 1.5h-6a1.5 1.5 0 0 1-1.5-1.5v-3ZM4.5 26A1.5 1.5 0 0 0 3 27.5v3A1.5 1.5 0 0 0 4.5 32h6a1.5 1.5 0 0 0 1.5-1.5v-3a1.5 1.5 0 0 0-1.5-1.5h-6Zm4.06-9.318a1.5 1.5 0 0 0 0 2.121l4.243 4.243a1.5 1.5 0 0 0 2.122 0l2.12-2.121a1.5 1.5 0 0 0 0-2.122l-4.242-4.242a1.5 1.5 0 0 0-2.121 0l-2.121 2.121Z"/></symbol><symbol id="sunset#2" viewBox="0 0 48 48"><path fill-rule="evenodd" clip-rule="evenodd" d="M17.07 28A7.997 7.997 0 0 1 24 24a7.997 7.997 0 0 1 6.93 4H17.07ZM7.5 32A1.5 1.5 0 0 0 6 33.5v1A1.5 1.5 0 0 0 7.5 36h33a1.5 1.5 0 0 0 1.5-1.5v-1a1.5 1.5 0 0 0-1.5-1.5h-33Z"/><path style="fill: var(--opacity, #fff)" opacity=".3" fill-rule="evenodd" clip-rule="evenodd" d="M21 10.5A1.5 1.5 0 0 1 22.5 9h3a1.5 1.5 0 0 1 1.5 1.5v6a1.5 1.5 0 0 1-1.5 1.5h-3a1.5 1.5 0 0 1-1.5-1.5v-6Zm10.06 10.425a1.5 1.5 0 0 1 0-2.122l4.243-4.242a1.5 1.5 0 0 1 2.122 0l2.121 2.121a1.5 1.5 0 0 1 0 2.121l-4.243 4.243a1.5 1.5 0 0 1-2.121 0l-2.121-2.121Zm-22.5-4.243a1.5 1.5 0 0 0 0 2.121l4.243 4.243a1.5 1.5 0 0 0 2.122 0l2.121-2.121a1.5 1.5 0 0 0 0-2.122l-4.243-4.242a1.5 1.5 0 0 0-2.121 0l-2.121 2.121Z"/></symbol><symbol id="temperature-empty" viewBox="0 0 48 48"><path fill-rule="evenodd" clip-rule="evenodd" d="M24 44c6.627 0 12-5.373 12-12 0-4.442-2.413-8.32-6-10.395V10a6 6 0 0 0-12 0v11.605A11.995 11.995 0 0 0 12 32c0 6.627 5.373 12 12 12Zm2-20.087 1.997 1.155a8 8 0 1 1-7.994 0L22 23.913V10c0-.57.968-2.019 2-2 .966.018 2 1.466 2 2v13.913Z"/></symbol><symbol id="temperature-full" viewBox="0 0 48 48"><path d="M36 32c0 6.627-5.373 12-12 12s-12-5.373-12-12c0-4.442 2.413-8.32 6-10.395V10a6 6 0 0 1 12 0v11.605c3.587 2.075 6 5.953 6 10.395Z"/></symbol><symbol id="temperature-half" viewBox="0 0 48 48"><path fill-rule="evenodd" clip-rule="evenodd" d="M24 44c6.627 0 12-5.373 12-12 0-4.442-2.413-8.32-6-10.395V10a6 6 0 0 0-12 0v11.605A11.995 11.995 0 0 0 12 32c0 6.627 5.373 12 12 12ZM23 8a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h2a1 1 0 0 0 1-1V9a1 1 0 0 0-1-1h-2Z"/></symbol><symbol id="thunder-night" viewBox="0 0 48 48"><path style="fill: var(--opacity, #fff)" opacity=".3" fill-rule="evenodd" clip-rule="evenodd" d="M35 5.556a9.954 9.954 0 0 1-.543-5.147l-.082.031c-5.156 1.98-7.732 7.764-5.752 12.92 1.979 5.156 7.763 7.731 12.92 5.752a9.996 9.996 0 0 0 6.294-7.773C42.702 13.26 36.968 10.685 35 5.556ZM29.067 36l-8.89 12v-8h-4.444l8.89-12v8h4.444Z"/><path fill-rule="evenodd" clip-rule="evenodd" d="M29.622 15C28.29 9.824 23.592 6 18 6 11.373 6 6 11.373 6 18c0 3.144 1.209 6.005 3.187 8.145A5.252 5.252 0 0 0 14.25 30h22.5c2.9 0 5.25-2.35 5.25-5.25v-4.5c0-2.9-2.35-5.25-5.25-5.25h-7.128Z"/></symbol><symbol id="thunder" viewBox="0 0 48 48"><path style="fill: var(--opacity, #fff)" opacity=".3" fill-rule="evenodd" clip-rule="evenodd" d="m20.178 48 8.889-12h-4.445v-8l-8.889 12h4.445v8Z"/><path fill-rule="evenodd" clip-rule="evenodd" d="M29.622 15C28.29 9.824 23.592 6 18 6 11.373 6 6 11.373 6 18c0 3.144 1.209 6.005 3.187 8.145A5.252 5.252 0 0 0 14.25 30h22.5c2.9 0 5.25-2.35 5.25-5.25v-4.5c0-2.9-2.35-5.25-5.25-5.25h-7.128Z"/></symbol><symbol id="umbrella" viewBox="0 0 48 48"><path d="M6 15a9 9 0 0 1 9-9h16a9 9 0 0 1 9 9v9H6v-9Z"/><path style="fill: var(--opacity, #fff)" opacity=".3" d="M22 24h4v13.5a6.5 6.5 0 1 1-13 0V36h4v1.5a2.5 2.5 0 0 0 5 0V24Z"/></symbol><symbol id="windy" viewBox="0 0 48 48"><path d="M6 26v-4h29a3 3 0 0 0 3-3v-1a2 2 0 1 0-4 0v2h-4v-2a6 6 0 0 1 12 0v1a7 7 0 0 1-7 7H6Z"/><path style="fill: var(--opacity, #fff)" opacity=".3" fill-rule="evenodd" clip-rule="evenodd" d="M6 14v4h13a7 7 0 0 0 7-7v-1a6 6 0 0 0-12 0v2h4v-2a2 2 0 1 1 4 0v1a3 3 0 0 1-3 3H6Zm0 20v-4h13a7 7 0 0 1 7 7v1a6 6 0 0 1-12 0v-2h4v2a2 2 0 1 0 4 0v-1a3 3 0 0 0-3-3H6Z"/></symbol></svg>

package/assets/images/gravitee-g-logo-cyan.svg

@@ -0,0 +1 @@
+<svg viewBox="0 0 108.26 138.53" xmlns="http://www.w3.org/2000/svg"><path d="m92.57 16.85h-58.45a17 17 0 0 0 -17 17v25.51a16.93 16.93 0 0 0 4.12 11.07 15.85 15.85 0 0 0 -1.74 19 16.93 16.93 0 0 0 -6.65 13.45v1.83a17 17 0 0 0 17 17h46.54a17 17 0 0 0 17-17v-1.83a17 17 0 0 0 -17-17h-43.33a4.83 4.83 0 0 1 0-9.65h.17 38.88a17 17 0 0 0 17-17l.08-29a2.28 2.28 0 0 1 2.25-2.23h1.13a2.8 2.8 0 0 0 2.8-2.8v-5.56a2.79 2.79 0 0 0 -2.8-2.79zm-10.37 86v1.83a5.82 5.82 0 0 1 -5.81 5.82h-46.54a5.83 5.83 0 0 1 -5.85-5.78v-1.83a5.83 5.83 0 0 1 5.82-5.82h46.57a5.82 5.82 0 0 1 5.81 5.82zm-4.26-43.49a5.82 5.82 0 0 1 -5.82 5.81h-38a5.82 5.82 0 0 1 -5.82-5.81v-25.55a5.83 5.83 0 0 1 5.82-5.81h38a5.83 5.83 0 0 1 5.82 5.82z" fill="cyan"/></svg>

package/assets/images/gravitee-g-logo-dark-blue.svg

@@ -0,0 +1 @@
+<svg viewBox="0 0 108.26 138.53" xmlns="http://www.w3.org/2000/svg"><path d="m92.57 16.85h-58.45a17 17 0 0 0 -17 17v25.51a16.93 16.93 0 0 0 4.12 11.07 15.85 15.85 0 0 0 -1.74 19 16.93 16.93 0 0 0 -6.65 13.45v1.83a17 17 0 0 0 17 17h46.54a17 17 0 0 0 17-17v-1.83a17 17 0 0 0 -17-17h-43.33a4.83 4.83 0 0 1 0-9.65h.17 38.88a17 17 0 0 0 17-17l.08-29a2.28 2.28 0 0 1 2.25-2.23h1.13a2.8 2.8 0 0 0 2.8-2.8v-5.56a2.79 2.79 0 0 0 -2.8-2.79zm-10.37 86v1.83a5.82 5.82 0 0 1 -5.81 5.82h-46.54a5.83 5.83 0 0 1 -5.85-5.78v-1.83a5.83 5.83 0 0 1 5.82-5.82h46.57a5.82 5.82 0 0 1 5.81 5.82zm-4.26-43.49a5.82 5.82 0 0 1 -5.82 5.81h-38a5.82 5.82 0 0 1 -5.82-5.81v-25.55a5.83 5.83 0 0 1 5.82-5.81h38a5.83 5.83 0 0 1 5.82 5.82z" fill="#1b1d3c"/></svg>

package/assets/images/gravitee-g-logo-white.svg

@@ -0,0 +1 @@
+<svg viewBox="0 0 108.26 138.53" xmlns="http://www.w3.org/2000/svg"><path d="m92.57 16.85h-58.45a17 17 0 0 0 -17 17v25.51a16.93 16.93 0 0 0 4.12 11.07 15.85 15.85 0 0 0 -1.74 19 16.93 16.93 0 0 0 -6.65 13.45v1.83a17 17 0 0 0 17 17h46.54a17 17 0 0 0 17-17v-1.83a17 17 0 0 0 -17-17h-43.33a4.83 4.83 0 0 1 0-9.65h.17 38.88a17 17 0 0 0 17-17l.08-29a2.28 2.28 0 0 1 2.25-2.23h1.13a2.8 2.8 0 0 0 2.8-2.8v-5.56a2.79 2.79 0 0 0 -2.8-2.79zm-10.37 86v1.83a5.82 5.82 0 0 1 -5.81 5.82h-46.54a5.83 5.83 0 0 1 -5.85-5.78v-1.83a5.83 5.83 0 0 1 5.82-5.82h46.57a5.82 5.82 0 0 1 5.81 5.82zm-4.26-43.49a5.82 5.82 0 0 1 -5.82 5.81h-38a5.82 5.82 0 0 1 -5.82-5.81v-25.55a5.83 5.83 0 0 1 5.82-5.81h38a5.83 5.83 0 0 1 5.82 5.82z" fill="white"/></svg>

package/assets/images/gravitee-logo-cyan.svg

@@ -0,0 +1 @@
+<svg height="125.812" viewBox="0 0 624.303 125.812" width="624.303" xmlns="http://www.w3.org/2000/svg"><g fill="#0ff"><rect height="11.404" rx="2.851" transform="matrix(0 -1 1 0 230.552 339.717)" width="67.546" x="251.361" y="48.88"/><rect height="11.404" rx="2.851" width="11.404" x="279.432" y=".015"/><rect height="11.404" rx="2.851" width="11.404" x="512.113" y="76.952"/><path d="m266.045 20.852-5.764-.011a4.129 4.129 0 0 0 -3.787 2.933l-14.294 50.685a3.836 3.836 0 0 1 -7.527-.112l-14.286-50.573a4.13 4.13 0 0 0 -3.788-2.933l-5.759.011a2.218 2.218 0 0 0 -2.24 2.948l15.124 53.841h.01a15.237 15.237 0 0 0 29.5-.3l15.047-53.541a2.218 2.218 0 0 0 -2.236-2.948z"/><rect height="11.404" rx="2.851" width="5.702" x="536.792" y="1.073"/><rect height="67.547" rx="2.851" width="5.702" x="536.792" y="21.868"/><path d="m607.341 26.645a11.3 11.3 0 0 1 11.293 11.292v33.094a11.306 11.306 0 0 1 -11.293 11.293h-34a11.3 11.3 0 0 1 -11.292-11.293v-33.094a11.3 11.3 0 0 1 11.292-11.292zm0-5.669h-34a16.961 16.961 0 0 0 -16.961 16.961v33.094a16.962 16.962 0 0 0 16.961 16.962h34a16.962 16.962 0 0 0 16.959-16.962v-33.094a16.961 16.961 0 0 0 -16.962-16.961z"/><path d="m79.682 20.976h-58.456a16.961 16.961 0 0 0 -16.962 16.961v25.548a16.877 16.877 0 0 0 4.13 11.071 15.817 15.817 0 0 0 -1.743 19.013 16.916 16.916 0 0 0 -6.651 13.447v1.835a16.961 16.961 0 0 0 16.961 16.961h46.533a16.962 16.962 0 0 0 16.962-16.961v-1.835a16.962 16.962 0 0 0 -16.962-16.962h-43.329v-.005a4.823 4.823 0 0 1 .017-9.645h.164c.293.015 38.884.045 38.884.045a16.962 16.962 0 0 0 16.962-16.964l.072-29.041a2.291 2.291 0 0 1 2.288-2.287h1.13a2.8 2.8 0 0 0 2.8-2.795v-5.591a2.8 2.8 0 0 0 -2.8-2.795zm-10.369 86.04v1.835a5.825 5.825 0 0 1 -5.819 5.818h-46.533a5.825 5.825 0 0 1 -5.818-5.818v-1.835a5.825 5.825 0 0 1 5.818-5.819h46.533a5.825 5.825 0 0 1 5.819 5.819zm-4.264-43.531a5.826 5.826 0 0 1 -5.819 5.815h-38a5.825 5.825 0 0 1 -5.819-5.819v-25.544a5.825 5.825 0 0 1 5.819-5.818h38a5.826 5.826 0 0 1 5.819 5.818z"/><path d="m123.584 20.965-14.311.01a16.962 16.962 0 0 0 -16.961 16.962v47.629a2.788 2.788 0 0 0 2.788 2.789h5.578a2.788 2.788 0 0 0 2.789-2.789l-.013-47.629a5.826 5.826 0 0 1 5.818-5.819h14.311a2.789 2.789 0 0 0 2.789-2.789v-5.575a2.789 2.789 0 0 0 -2.788-2.789z"/><path d="m338.427 32.2a2.851 2.851 0 0 0 2.851-2.852v-5.7a2.851 2.851 0 0 0 -2.851-2.851h-15.79v-18a2.789 2.789 0 0 0 -2.786-2.797h-5.578a2.789 2.789 0 0 0 -2.789 2.789v18h-5.675a2.851 2.851 0 0 0 -2.851 2.851v5.7a2.851 2.851 0 0 0 2.851 2.852h5.675v38.908a16.962 16.962 0 0 0 16.961 16.962l10.044.01a2.789 2.789 0 0 0 2.789-2.789v-5.583a2.789 2.789 0 0 0 -2.789-2.789h-10.044a5.826 5.826 0 0 1 -5.818-5.819l.007-38.9z"/><path d="m182.479 20.975-43.531-.01a2.789 2.789 0 0 0 -2.789 2.789v5.578a2.79 2.79 0 0 0 2.789 2.79h43.531a5.826 5.826 0 0 1 5.818 5.819v7.352a16.9 16.9 0 0 0 -5.814-1.044h-33.397a16.962 16.962 0 0 0 -16.962 16.961v9.95a16.962 16.962 0 0 0 16.962 16.962h33.393a16.962 16.962 0 0 0 16.961-16.962v-33.223a16.962 16.962 0 0 0 -16.961-16.962zm0 56h-33.393a5.825 5.825 0 0 1 -5.818-5.819v-9.95a5.825 5.825 0 0 1 5.818-5.818h33.393a5.821 5.821 0 0 1 5.806 5.576v2.685c0 .046.011.09.013.136v7.375a5.825 5.825 0 0 1 -5.819 5.819z"/><path d="m406.692 62.351a16.962 16.962 0 0 0 16.961-16.962v-7.474a16.962 16.962 0 0 0 -16.961-16.962h-37.392a16.962 16.962 0 0 0 -16.962 16.962v4.762h.019c0 .063-.019.123-.019.186v28.191a16.962 16.962 0 0 0 16.962 16.962l47.53.01a2.789 2.789 0 0 0 2.789-2.789v-5.579a2.789 2.789 0 0 0 -2.789-2.789h-47.53a5.826 5.826 0 0 1 -5.819-5.819v-8.7zm-43.212-19.674v-4.762a5.826 5.826 0 0 1 5.82-5.815h37.393a5.826 5.826 0 0 1 5.818 5.819v7.474a5.825 5.825 0 0 1 -5.818 5.819h-43.2v-8.345c0-.063-.015-.123-.019-.186z"/><path d="m489.048 62.351a16.962 16.962 0 0 0 16.962-16.962v-7.474a16.962 16.962 0 0 0 -16.962-16.962h-37.393a16.962 16.962 0 0 0 -16.962 16.962v4.762h.019c0 .063-.019.123-.019.186v28.191a16.962 16.962 0 0 0 16.962 16.962l47.531.01a2.789 2.789 0 0 0 2.789-2.789v-5.579a2.789 2.789 0 0 0 -2.789-2.789h-47.531a5.826 5.826 0 0 1 -5.818-5.819v-8.7zm-43.211-19.674v-4.762a5.826 5.826 0 0 1 5.818-5.819h37.393a5.826 5.826 0 0 1 5.819 5.819v7.474a5.826 5.826 0 0 1 -5.819 5.819h-43.2v-8.345c0-.063-.014-.123-.018-.186z"/></g></svg>

package/assets/images/gravitee-logo-dark-blue.svg

@@ -0,0 +1 @@
+<svg height="125.812" viewBox="0 0 624.303 125.812" width="624.303" xmlns="http://www.w3.org/2000/svg"><g fill="#1b1d3c"><rect height="11.404" rx="2.851" transform="matrix(0 -1 1 0 230.552 339.717)" width="67.546" x="251.361" y="48.88"/><rect height="11.404" rx="2.851" width="11.404" x="279.432" y=".015"/><rect height="11.404" rx="2.851" width="11.404" x="512.113" y="76.952"/><path d="m266.045 20.852-5.764-.011a4.129 4.129 0 0 0 -3.787 2.933l-14.294 50.685a3.836 3.836 0 0 1 -7.527-.112l-14.286-50.573a4.13 4.13 0 0 0 -3.788-2.933l-5.759.011a2.218 2.218 0 0 0 -2.24 2.948l15.124 53.841h.01a15.237 15.237 0 0 0 29.5-.3l15.047-53.541a2.218 2.218 0 0 0 -2.236-2.948z"/><rect height="11.404" rx="2.851" width="5.702" x="536.792" y="1.073"/><rect height="67.547" rx="2.851" width="5.702" x="536.792" y="21.868"/><path d="m607.341 26.645a11.3 11.3 0 0 1 11.293 11.292v33.094a11.306 11.306 0 0 1 -11.293 11.293h-34a11.3 11.3 0 0 1 -11.292-11.293v-33.094a11.3 11.3 0 0 1 11.292-11.292zm0-5.669h-34a16.961 16.961 0 0 0 -16.961 16.961v33.094a16.962 16.962 0 0 0 16.961 16.962h34a16.962 16.962 0 0 0 16.959-16.962v-33.094a16.961 16.961 0 0 0 -16.962-16.961z"/><path d="m79.682 20.976h-58.456a16.961 16.961 0 0 0 -16.962 16.961v25.548a16.877 16.877 0 0 0 4.13 11.071 15.817 15.817 0 0 0 -1.743 19.013 16.916 16.916 0 0 0 -6.651 13.447v1.835a16.961 16.961 0 0 0 16.961 16.961h46.533a16.962 16.962 0 0 0 16.962-16.961v-1.835a16.962 16.962 0 0 0 -16.962-16.962h-43.329v-.005a4.823 4.823 0 0 1 .017-9.645h.164c.293.015 38.884.045 38.884.045a16.962 16.962 0 0 0 16.962-16.964l.072-29.041a2.291 2.291 0 0 1 2.288-2.287h1.13a2.8 2.8 0 0 0 2.8-2.795v-5.591a2.8 2.8 0 0 0 -2.8-2.795zm-10.369 86.04v1.835a5.825 5.825 0 0 1 -5.819 5.818h-46.533a5.825 5.825 0 0 1 -5.818-5.818v-1.835a5.825 5.825 0 0 1 5.818-5.819h46.533a5.825 5.825 0 0 1 5.819 5.819zm-4.264-43.531a5.826 5.826 0 0 1 -5.819 5.815h-38a5.825 5.825 0 0 1 -5.819-5.819v-25.544a5.825 5.825 0 0 1 5.819-5.818h38a5.826 5.826 0 0 1 5.819 5.818z"/><path d="m123.584 20.965-14.311.01a16.962 16.962 0 0 0 -16.961 16.962v47.629a2.788 2.788 0 0 0 2.788 2.789h5.578a2.788 2.788 0 0 0 2.789-2.789l-.013-47.629a5.826 5.826 0 0 1 5.818-5.819h14.311a2.789 2.789 0 0 0 2.789-2.789v-5.575a2.789 2.789 0 0 0 -2.788-2.789z"/><path d="m338.427 32.2a2.851 2.851 0 0 0 2.851-2.852v-5.7a2.851 2.851 0 0 0 -2.851-2.851h-15.79v-18a2.789 2.789 0 0 0 -2.786-2.797h-5.578a2.789 2.789 0 0 0 -2.789 2.789v18h-5.675a2.851 2.851 0 0 0 -2.851 2.851v5.7a2.851 2.851 0 0 0 2.851 2.852h5.675v38.908a16.962 16.962 0 0 0 16.961 16.962l10.044.01a2.789 2.789 0 0 0 2.789-2.789v-5.583a2.789 2.789 0 0 0 -2.789-2.789h-10.044a5.826 5.826 0 0 1 -5.818-5.819l.007-38.9z"/><path d="m182.479 20.975-43.531-.01a2.789 2.789 0 0 0 -2.789 2.789v5.578a2.79 2.79 0 0 0 2.789 2.79h43.531a5.826 5.826 0 0 1 5.818 5.819v7.352a16.9 16.9 0 0 0 -5.814-1.044h-33.397a16.962 16.962 0 0 0 -16.962 16.961v9.95a16.962 16.962 0 0 0 16.962 16.962h33.393a16.962 16.962 0 0 0 16.961-16.962v-33.223a16.962 16.962 0 0 0 -16.961-16.962zm0 56h-33.393a5.825 5.825 0 0 1 -5.818-5.819v-9.95a5.825 5.825 0 0 1 5.818-5.818h33.393a5.821 5.821 0 0 1 5.806 5.576v2.685c0 .046.011.09.013.136v7.375a5.825 5.825 0 0 1 -5.819 5.819z"/><path d="m406.692 62.351a16.962 16.962 0 0 0 16.961-16.962v-7.474a16.962 16.962 0 0 0 -16.961-16.962h-37.392a16.962 16.962 0 0 0 -16.962 16.962v4.762h.019c0 .063-.019.123-.019.186v28.191a16.962 16.962 0 0 0 16.962 16.962l47.53.01a2.789 2.789 0 0 0 2.789-2.789v-5.579a2.789 2.789 0 0 0 -2.789-2.789h-47.53a5.826 5.826 0 0 1 -5.819-5.819v-8.7zm-43.212-19.674v-4.762a5.826 5.826 0 0 1 5.82-5.815h37.393a5.826 5.826 0 0 1 5.818 5.819v7.474a5.825 5.825 0 0 1 -5.818 5.819h-43.2v-8.345c0-.063-.015-.123-.019-.186z"/><path d="m489.048 62.351a16.962 16.962 0 0 0 16.962-16.962v-7.474a16.962 16.962 0 0 0 -16.962-16.962h-37.393a16.962 16.962 0 0 0 -16.962 16.962v4.762h.019c0 .063-.019.123-.019.186v28.191a16.962 16.962 0 0 0 16.962 16.962l47.531.01a2.789 2.789 0 0 0 2.789-2.789v-5.579a2.789 2.789 0 0 0 -2.789-2.789h-47.531a5.826 5.826 0 0 1 -5.818-5.819v-8.7zm-43.211-19.674v-4.762a5.826 5.826 0 0 1 5.818-5.819h37.393a5.826 5.826 0 0 1 5.819 5.819v7.474a5.826 5.826 0 0 1 -5.819 5.819h-43.2v-8.345c0-.063-.014-.123-.018-.186z"/></g></svg>

package/assets/images/gravitee-logo-white.svg

@@ -0,0 +1 @@
+<svg height="125.812" viewBox="0 0 624.303 125.812" width="624.303" xmlns="http://www.w3.org/2000/svg"><g fill="#fff"><rect height="11.404" rx="2.851" transform="matrix(0 -1 1 0 230.552 339.717)" width="67.546" x="251.361" y="48.88"/><rect height="11.404" rx="2.851" width="11.404" x="279.432" y=".015"/><rect height="11.404" rx="2.851" width="11.404" x="512.113" y="76.952"/><path d="m266.045 20.852-5.764-.011a4.129 4.129 0 0 0 -3.787 2.933l-14.294 50.685a3.836 3.836 0 0 1 -7.527-.112l-14.286-50.573a4.13 4.13 0 0 0 -3.788-2.933l-5.759.011a2.218 2.218 0 0 0 -2.24 2.948l15.124 53.841h.01a15.237 15.237 0 0 0 29.5-.3l15.047-53.541a2.218 2.218 0 0 0 -2.236-2.948z"/><rect height="11.404" rx="2.851" width="5.702" x="536.792" y="1.073"/><rect height="67.547" rx="2.851" width="5.702" x="536.792" y="21.868"/><path d="m607.341 26.645a11.3 11.3 0 0 1 11.293 11.292v33.094a11.306 11.306 0 0 1 -11.293 11.293h-34a11.3 11.3 0 0 1 -11.292-11.293v-33.094a11.3 11.3 0 0 1 11.292-11.292zm0-5.669h-34a16.961 16.961 0 0 0 -16.961 16.961v33.094a16.962 16.962 0 0 0 16.961 16.962h34a16.962 16.962 0 0 0 16.959-16.962v-33.094a16.961 16.961 0 0 0 -16.962-16.961z"/><path d="m79.682 20.976h-58.456a16.961 16.961 0 0 0 -16.962 16.961v25.548a16.877 16.877 0 0 0 4.13 11.071 15.817 15.817 0 0 0 -1.743 19.013 16.916 16.916 0 0 0 -6.651 13.447v1.835a16.961 16.961 0 0 0 16.961 16.961h46.533a16.962 16.962 0 0 0 16.962-16.961v-1.835a16.962 16.962 0 0 0 -16.962-16.962h-43.329v-.005a4.823 4.823 0 0 1 .017-9.645h.164c.293.015 38.884.045 38.884.045a16.962 16.962 0 0 0 16.962-16.964l.072-29.041a2.291 2.291 0 0 1 2.288-2.287h1.13a2.8 2.8 0 0 0 2.8-2.795v-5.591a2.8 2.8 0 0 0 -2.8-2.795zm-10.369 86.04v1.835a5.825 5.825 0 0 1 -5.819 5.818h-46.533a5.825 5.825 0 0 1 -5.818-5.818v-1.835a5.825 5.825 0 0 1 5.818-5.819h46.533a5.825 5.825 0 0 1 5.819 5.819zm-4.264-43.531a5.826 5.826 0 0 1 -5.819 5.815h-38a5.825 5.825 0 0 1 -5.819-5.819v-25.544a5.825 5.825 0 0 1 5.819-5.818h38a5.826 5.826 0 0 1 5.819 5.818z"/><path d="m123.584 20.965-14.311.01a16.962 16.962 0 0 0 -16.961 16.962v47.629a2.788 2.788 0 0 0 2.788 2.789h5.578a2.788 2.788 0 0 0 2.789-2.789l-.013-47.629a5.826 5.826 0 0 1 5.818-5.819h14.311a2.789 2.789 0 0 0 2.789-2.789v-5.575a2.789 2.789 0 0 0 -2.788-2.789z"/><path d="m338.427 32.2a2.851 2.851 0 0 0 2.851-2.852v-5.7a2.851 2.851 0 0 0 -2.851-2.851h-15.79v-18a2.789 2.789 0 0 0 -2.786-2.797h-5.578a2.789 2.789 0 0 0 -2.789 2.789v18h-5.675a2.851 2.851 0 0 0 -2.851 2.851v5.7a2.851 2.851 0 0 0 2.851 2.852h5.675v38.908a16.962 16.962 0 0 0 16.961 16.962l10.044.01a2.789 2.789 0 0 0 2.789-2.789v-5.583a2.789 2.789 0 0 0 -2.789-2.789h-10.044a5.826 5.826 0 0 1 -5.818-5.819l.007-38.9z"/><path d="m182.479 20.975-43.531-.01a2.789 2.789 0 0 0 -2.789 2.789v5.578a2.79 2.79 0 0 0 2.789 2.79h43.531a5.826 5.826 0 0 1 5.818 5.819v7.352a16.9 16.9 0 0 0 -5.814-1.044h-33.397a16.962 16.962 0 0 0 -16.962 16.961v9.95a16.962 16.962 0 0 0 16.962 16.962h33.393a16.962 16.962 0 0 0 16.961-16.962v-33.223a16.962 16.962 0 0 0 -16.961-16.962zm0 56h-33.393a5.825 5.825 0 0 1 -5.818-5.819v-9.95a5.825 5.825 0 0 1 5.818-5.818h33.393a5.821 5.821 0 0 1 5.806 5.576v2.685c0 .046.011.09.013.136v7.375a5.825 5.825 0 0 1 -5.819 5.819z"/><path d="m406.692 62.351a16.962 16.962 0 0 0 16.961-16.962v-7.474a16.962 16.962 0 0 0 -16.961-16.962h-37.392a16.962 16.962 0 0 0 -16.962 16.962v4.762h.019c0 .063-.019.123-.019.186v28.191a16.962 16.962 0 0 0 16.962 16.962l47.53.01a2.789 2.789 0 0 0 2.789-2.789v-5.579a2.789 2.789 0 0 0 -2.789-2.789h-47.53a5.826 5.826 0 0 1 -5.819-5.819v-8.7zm-43.212-19.674v-4.762a5.826 5.826 0 0 1 5.82-5.815h37.393a5.826 5.826 0 0 1 5.818 5.819v7.474a5.825 5.825 0 0 1 -5.818 5.819h-43.2v-8.345c0-.063-.015-.123-.019-.186z"/><path d="m489.048 62.351a16.962 16.962 0 0 0 16.962-16.962v-7.474a16.962 16.962 0 0 0 -16.962-16.962h-37.393a16.962 16.962 0 0 0 -16.962 16.962v4.762h.019c0 .063-.019.123-.019.186v28.191a16.962 16.962 0 0 0 16.962 16.962l47.531.01a2.789 2.789 0 0 0 2.789-2.789v-5.579a2.789 2.789 0 0 0 -2.789-2.789h-47.531a5.826 5.826 0 0 1 -5.818-5.819v-8.7zm-43.211-19.674v-4.762a5.826 5.826 0 0 1 5.818-5.819h37.393a5.826 5.826 0 0 1 5.819 5.819v7.474a5.826 5.826 0 0 1 -5.819 5.819h-43.2v-8.345c0-.063-.014-.123-.018-.186z"/></g></svg>

package/package.json

@@ -0,0 +1,171 @@
+{
+  "name": "@gravitee/ui-components",
+  "version": "0.0.0",
+  "description": "Gravitee.io UI Components library, based on Web Components",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/gravitee-io/gravitee-ui-components"
+  },
+  "license": "Apache-2.0",
+  "author": "",
+  "main": "src/index.js",
+  "files": [
+    "assets/css",
+    "assets/i18n",
+    "assets/icons",
+    "assets/images",
+    "src",
+    "wc"
+  ],
+  "scripts": {
+    "build": "npm run docs && npm run check:i18n && npm run generate:theme && npm run generate:dist && build-storybook -s assets --modern --quiet",
+    "check:i18n": "node tasks/check-i18n.js",
+    "danger": "danger ci",
+    "docs": "wca analyze src/** --outFile .docs/custom-elements.json && node tasks/generate-docs.js",
+    "generate:dist": "npm run tsc && npm run rollup",
+    "generate:icons": "node tasks/generate-icons.js && npm run lint:fix",
+    "generate:theme": "node tasks/generate-theme.js && npm run lint:fix",
+    "lint": "eslint src stories tasks && npm run prettier",
+    "lint:commit": "commitlint --from $(git describe --tags --abbrev=0) --to HEAD --verbose",
+    "lint:fix": "eslint --fix src stories tasks && npm run prettier:fix",
+    "lint:license": "license-check-and-add check -f license-check-config.json",
+    "lint:license:fix": "license-check-and-add add -f license-check-config.json -r $(date +%Y)",
+    "lint:package": "sort-package-json",
+    "prepare": "is-ci || husky install",
+    "prettier": "prettier --check \"**/*.{js,html,css,json}\"",
+    "prettier:fix": "prettier --write \"**/*.{js,html,css,json}\"",
+    "release": "semantic-release",
+    "rollup": "rollup -c ",
+    "serve": "npm run docs && start-storybook -p 6006 --ci -s assets --modern",
+    "serve:prod": "npm run build && static -a 0.0.0.0 -p 8080 storybook-static --modern",
+    "size": "node tasks/size.js",
+    "size:dev": "nodemon -w src -x 'npm run generate:dist && npm run size'",
+    "test": "jest",
+    "test:coverage": "npm run test -- --collect-coverage",
+    "test:watch": "npm run test -- --watchAll",
+    "tsc": "tsc "
+  },
+  "lint-staged": {
+    "*": "npm run lint:license:fix",
+    "*.{js,html,css,json}": "prettier --write",
+    "package.json": "npm run lint:package"
+  },
+  "dependencies": {
+    "@codemirror/basic-setup": "^0.19.1",
+    "@codemirror/language-data": "^0.19.1",
+    "@codemirror/stream-parser": "^0.19.3",
+    "@formatjs/intl-locale": "^2.4.40",
+    "@formatjs/intl-relativetimeformat": "^9.3.2",
+    "clipboard-copy": "^4.0.0",
+    "codemirror-asciidoc": "^2.0.0",
+    "date-fns": "^2.26.0",
+    "jdenticon": "^3.1.0",
+    "jsonschema": "^1.4.0",
+    "lit": "^2.0.2",
+    "messageformat": "^2.3.0",
+    "object-path": "^0.11.8",
+    "resize-observer-polyfill": "^1.5.1",
+    "whatwg-fetch": "^3.4.1"
+  },
+  "devDependencies": {
+    "@asciidoctor/core": "2.2.5",
+    "@babel/core": "7.16.5",
+    "@babel/plugin-syntax-dynamic-import": "7.8.3",
+    "@babel/preset-env": "7.16.5",
+    "@commitlint/cli": "15.0.0",
+    "@commitlint/config-conventional": "15.0.0",
+    "@highcharts/map-collection": "1.1.4",
+    "@rollup/plugin-json": "^4.1.0",
+    "@rollup/plugin-node-resolve": "^13.1.1",
+    "@rollup/plugin-typescript": "^8.3.0",
+    "@semantic-release/changelog": "6.0.1",
+    "@semantic-release/git": "10.0.1",
+    "@storybook/addon-a11y": "6.4.9",
+    "@storybook/addon-essentials": "6.4.9",
+    "@storybook/components": "6.4.9",
+    "@storybook/theming": "6.4.9",
+    "@storybook/web-components": "6.4.9",
+    "@web/rollup-plugin-copy": "^0.3.0",
+    "asciidoctor": "2.2.5",
+    "asciidoctor-highlight.js": "0.4.0",
+    "babel-jest": "27.4.5",
+    "babel-loader": "8.2.3",
+    "babel-plugin-template-html-minifier": "4.1.0",
+    "bundle-phobia-cli": "0.14.13",
+    "chromatic": "6.2.3",
+    "danger": "10.7.1",
+    "del": "6.0.0",
+    "eslint": "8.5.0",
+    "eslint-config-prettier": "8.3.0",
+    "eslint-config-standard": "16.0.3",
+    "eslint-plugin-import": "2.25.3",
+    "eslint-plugin-lit": "1.6.1",
+    "eslint-plugin-node": "11.1.0",
+    "eslint-plugin-promise": "5.2.0",
+    "eslint-plugin-standard": "4.1.0",
+    "esm": "3.2.25",
+    "fs-extra": "10.0.0",
+    "github-markdown-css": "4.0.0",
+    "glob": "7.2.0",
+    "gzip-size": "7.0.0",
+    "highcharts": "9.3.2",
+    "highlight.js": "11.3.1",
+    "html-to-react": "1.4.7",
+    "husky": "7.0.4",
+    "i18n-extract": "0.6.7",
+    "ignore-loader": "0.1.2",
+    "is-ci": "3.0.1",
+    "jest": "27.4.5",
+    "license-check-and-add": "4.0.3",
+    "lint-staged": "11.2.6",
+    "lit-html": "2.0.2",
+    "markdown-it": "12.3.0",
+    "node-static": "0.7.11",
+    "nodemon": "2.0.15",
+    "pascal-case": "3.1.2",
+    "prettier": "2.5.1",
+    "rollup": "^2.61.1",
+    "rollup-plugin-commonjs": "^10.1.0",
+    "rollup-plugin-minify-html-literals": "^1.2.6",
+    "rollup-plugin-multi-input": "^1.3.1",
+    "rollup-plugin-terser": "^7.0.2",
+    "semantic-release": "18.0.1",
+    "sort-package-json": "1.53.1",
+    "svgo": "2.8.0",
+    "svgstore": "3.0.1",
+    "text-table": "0.2.0",
+    "typescript": "^4.5.4",
+    "web-component-analyzer": "1.1.6",
+    "webpack-env": "0.8.0",
+    "webpack-merge": "5.8.0",
+    "zx": "4.2.0"
+  },
+  "peerDependencies": {
+    "@asciidoctor/core": "^2.2.4",
+    "@highcharts/map-collection": "^1.0.0",
+    "asciidoctor": "^2.2.4",
+    "asciidoctor-highlight.js": "^0.3.0 || ^0.4.0",
+    "highcharts": "^8.0.0 || ^9.0.0",
+    "highlight.js": "^10.7.0 || ^11.1.0"
+  },
+  "peerDependenciesMeta": {
+    "@asciidoctor/core": {
+      "optional": true
+    },
+    "@highcharts/map-collection": {
+      "optional": true
+    },
+    "asciidoctor": {
+      "optional": true
+    },
+    "asciidoctor-highlight.js": {
+      "optional": true
+    },
+    "highcharts": {
+      "optional": true
+    },
+    "highlight.js": {
+      "optional": true
+    }
+  }
+}

package/src/atoms/gv-autocomplete.js

@@ -0,0 +1 @@
+Object.defineProperty(exports,"__esModule",{value:!0}),exports.GvAutocomplete=void 0;const t=require("lit"),e=require("../lib/events"),o=require("lit/directives/repeat"),i=require("lit/directives/class-map"),s=require("lit/directives/style-map");class n extends t.LitElement{static get properties(){return{options:{type:Array,reflect:!0},value:{type:String,reflect:!0},style:{type:String},minChars:{type:Number},filter:{type:Boolean|Function},size:{type:Number},_options:{type:Array,attribute:!1},_forceOpen:{type:Boolean,attribute:!1}}}static get styles(){return[t.css`:host{box-sizing:border-box;display:inline-block;width:100%}::slotted(*){width:100%}.container{position:relative}.container .options.open{display:block;visibility:visible;opacity:1;-webkit-transform:-webkit-translateY(0);transform:translateY(0);z-index:100}.options{background-color:var(--gv-autocomplete--bgc,var(--gv-theme-neutral-color-lightest,#fff));color:var(--gv-autocomplete--c,var(--gv-theme-font-color,#262626));margin:.2rem;position:absolute;box-shadow:0 0 0 1px var(--gv-theme-neutral-color,#f5f5f5),0 1px 3px var(--gv-theme-neutral-color-dark,#bfbfbf);border-radius:2px;display:block;width:100%;cursor:pointer;left:0;right:0;visibility:hidden;opacity:0;-webkit-transform:-webkit-translateY(-2em);transform:translateY(-2em);-webkit-transition:-webkit-transform 150ms ease-in-out,opacity 150ms ease-in-out;-moz-transition:all 150ms ease-in-out;-ms-transition:all 150ms ease-in-out;-o-transition:all 150ms ease-in-out;overflow:auto}.option{padding:.2rem;min-height:30px;word-break:break-all}.option.match~.option.match{background-color:transparent}.keyboard .option.hover:hover,.option.hover,.option:hover{background-color:var(--gv-autocomplete-hover--bgc,var(--gv-theme-neutral-color-lighter,#fafafa))}.keyboard .option:hover{background-color:transparent}.show{display:block}.hide{display:none}`]}constructor(){super(),this._options=[],this._candidateIndex=-1,this.minChars=1,this.value="",this.style="",this.filter=!1,this.size=5,this._handleOpened=this._onOpened.bind(this)}set options(t){this._options=t}get options(){return this._options}reset(){this._getInput().reset(),this._options=[]}_getFilteredOptions(){return this.filter&&this.value&&this.value.length>=this.minChars&&"*"!==this.value?"function"==typeof this.filter?this._options.filter((t=>this.filter(this.value,t))):this._options.filter((t=>-1!==t.value.indexOf(this.value))):this._options}_onInput(t){clearTimeout(this._cancellableTimeout),this.value=t.target.value,null!=this.value&&this.value.trim().length>=this.minChars?this._cancellableTimeout=setTimeout((()=>{this._open(),(0,e.dispatchCustomEvent)(this,"search",this.value)}),200):this.options=[]}_onSelect(t,o){null==o&&(o=this._options.find((e=>e.value===t))),this.value=this._getInput().value=t,this._close(),(0,e.dispatchCustomEvent)(this,"select",o)}_onMouseOver(){this.shadowRoot.firstElementChild.classList.remove("keyboard"),this._clearHover(),this._shouldSelect=!0}_onMouseLeave(){this._shouldSelect=!1}_renderOption(t){if(t.element)return t.element;if(t.innerHTML){const e=document.createElement("div");return e.innerHTML=t.innerHTML,e}return t.value}_renderStyle(){if(this.style){const e=document.createElement("div");return e.innerHTML=(0,t.unsafeCSS)(this.style),e}return""}_hasNoOptionSlot(){for(const t of this.childNodes)if("noOption"===t.slot)return!0;return!1}render(){const e=this._getFilteredOptions();let n=!1;e&&e.length>0&&this._forceOpen&&(n=0===this.minChars||this.value.trim().length>=this.minChars);const r=this._getInput();let a=0;null!=r&&(a=r.offsetHeight);const l={options:!0,open:n};return t.html`<div class="container">${this._renderStyle()}<slot></slot>${this._hasNoOptionSlot()&&this._forceOpen?t.html`<div class="options open" style="${(0,s.styleMap)({top:`${a}px`})}"><slot name="noOption" class="${e&&0!==e.length?"hide":"show"}"></slot></div>`:""}<div class="${(0,i.classMap)(l)}" @mouseleave="${this._onMouseLeave}" style="${(0,s.styleMap)({top:`${a}px`})}">${(0,o.repeat)(e,(t=>t),((e,o)=>t.html`<div class="${(0,i.classMap)({option:!0})}" data-value="${e.value}" @mouseover="${()=>this._onMouseOver(e,o)}" @click="${()=>this._onSelect(e.value,e)}">${this._renderOption(e)}</div>`))}</div></div>`}_clearHover(){this.shadowRoot.querySelectorAll(".option.hover").forEach((t=>t.classList.remove("hover")))}_updateHover(){if(this._clearHover(),this._candidateIndex>-1){this.shadowRoot.firstElementChild.classList.add("keyboard");const t=this.shadowRoot.querySelectorAll(".option")[this._candidateIndex];if(t){const e=this.shadowRoot.querySelector(".options"),{top:o,left:i}=t.getBoundingClientRect(),s=e.getBoundingClientRect(),n=i-s.left,r=o-s.top;e.scrollTo(n,r),t.classList.add("hover")}}}_onKeydown(t){switch(t.keyCode){case 13:{const e=this.shadowRoot.querySelectorAll(".option")[this._candidateIndex];e&&(t.preventDefault(),t.stopPropagation(),this._candidateIndex=-1,this._onSelect(e.getAttribute("data-value")),this._updateHover()),this._close();break}case 40:this._candidateIndex<this.shadowRoot.querySelectorAll(".option").length-1&&(t.preventDefault(),t.stopPropagation(),this._candidateIndex+=1,this._updateHover());break;case 38:this._candidateIndex>0&&(t.preventDefault(),t.stopPropagation(),this._candidateIndex-=1,this._updateHover());break;case 27:t.preventDefault(),t.stopPropagation(),this._candidateIndex=-1,this._updateHover();break;default:this.value=this._getInput().value,this._candidateIndex=-1,this._updateHover()}}_open(){this._forceOpen=!0,(0,e.dispatchCustomEvent)(this,"opened",{target:this})}_close(){this._forceOpen=!1}_onFocus(){this._open()}_onBlur(){!1===this._shouldSelect&&this._close()}_getInput(){for(const t of this.childNodes)if("input"===t.slot)return t;return this.firstElementChild}_onClear(t){this.value=t.target.value}updated(){setTimeout((()=>{const t=this.shadowRoot.querySelector(".option");if(t){const e=t.clientHeight*parseInt(this.size,10),o=this.shadowRoot.querySelector(".options");o.style.maxHeight=`${e}px`,o.scrollTo(0,0)}}),0)}firstUpdated(){this._handlers={input:this._onInput.bind(this),focus:this._onFocus.bind(this),blur:this._onBlur.bind(this),keydown:this._onKeydown.bind(this),clear:this._onClear.bind(this)},this.shadowRoot.addEventListener("input",this._handlers.input),this.shadowRoot.addEventListener("keydown",this._handlers.keydown);const t=this._getInput();t.addEventListener("focus",this._handlers.focus),t.addEventListener("blur",this._handlers.blur),t.addEventListener("gv-input:clear",this._handlers.clear),"gv-input"===t.tagName.toLowerCase()&&t.setAttribute("no-submit",!0)}_onOpened({detail:t}){t.target!==this&&this._close()}connectedCallback(){super.connectedCallback(),window.addEventListener("gv-autocomplete:opened",this._handleOpened)}disconnectedCallback(){if(this._handlers){this.shadowRoot.removeEventListener("input",this._handlers.input),this.shadowRoot.removeEventListener("keydown",this._handlers.keydown);const t=this._getInput();t.removeEventListener("focus",this._handlers.focus),t.removeEventListener("blur",this._handlers.blur),t.removeEventListener("gv-input:clear",this._handlers.clear)}window.removeEventListener("gv-autocomplete:open",this._handleOpened),super.disconnectedCallback()}}exports.GvAutocomplete=n,window.customElements.define("gv-autocomplete",n);

package/src/atoms/gv-button.js

@@ -0,0 +1 @@
+Object.defineProperty(exports,"__esModule",{value:!0}),exports.GvButton=void 0;const t=require("lit/directives/class-map"),i=require("lit"),e=require("../styles/skeleton"),o=require("../styles/link");require("../atoms/gv-icon");const n=require("lit/directives/if-defined"),r=require("../lib/events");class s extends i.LitElement{static get properties(){return{type:{type:String},danger:{type:Boolean},disabled:{type:Boolean},primary:{type:Boolean},outlined:{type:Boolean},link:{type:Boolean},href:{type:String},skeleton:{type:Boolean},icon:{type:String},iconRight:{type:String,attribute:"icon-right"},loading:{type:Boolean},title:{type:String,reflect:!0},provider:{type:String},small:{type:Boolean},tabindex:{type:Number,reflect:!0},_hasContent:{type:Boolean,attribute:!1}}}static get styles(){return[i.css`:host{box-sizing:border-box;display:inline-block;margin:.2rem;vertical-align:middle;--gv-icon--s:23px;--github--c:#444;--google--c:#4285f4;--oidc--c:var(--gv-button-oidc--bgc, #000000);--gravitee--c:var(--gv-button-graviteeio_am--bgc, #86c3d0)}:host(:not([link])){outline:0}.github{--gv-button--bgc:var(--github--c)}.google{--gv-button--bgc:var(--google--c)}.oidc{--gv-button--bgc:var(--oidc--c);--gv-button-icon--c:#fff}.oidc.outlined{--gv-button-icon--c:var(--oidc--c)}.button.graviteeio_am{--gv-button--bgc:var(--gravitee--c);color:#383e3f}.button{background:#fff;border:1px solid #000;font-size:var(--gv-button--fz,var(--gv-theme-font-size-m,14px));margin:0;padding:0;height:100%;text-decoration:none;box-sizing:border-box;display:flex;justify-content:center;align-items:center;text-align:center;outline:0}.button.small{--gv-icon--s:16px}.button.small:not(.link){max-height:25px;min-height:25px;min-width:25px;--gv-button--p:1px 4px}.button:not(.link){border-radius:var(--gv-button--bdrs,.15rem);cursor:pointer;min-height:39px;min-width:39px;padding:var(--gv-button--p,7px 14px);text-transform:uppercase;user-select:none;width:100%}.button.iconLeft:not(.noContent) slot{margin-left:7px}.button.iconRight:not(.noContent) slot{margin-right:7px}.default{--c:var(--gv-button--c, var(--gv-theme-font-color-light, #ffffff));--bgc:var(--gv-button--bgc, var(--gv-theme-color-dark, #28444f));--icon--c:var(--gv-button--c, var(--gv-theme-font-color-light, #ffffff));--gv-icon--c:var(--icon--c);--gv-icon-opacity--c:var(--icon--c)}.primary{--c:var(--gv-button-primary--c, var(--gv-theme-font-color-light, #ffffff));--bgc:var(--gv-button-primary--bgc, var(--gv-theme-color, #5a7684));--icon--c:var(--gv-button-primary--c, var(--gv-theme-font-color-light, #ffffff));--gv-icon--c:var(--icon--c);--gv-icon-opacity--c:var(--icon--c);font-weight:500}.danger{--c:var(--gv-button-danger--c, var(--gv-theme-font-color-light, #ffffff));--bgc:var(--gv-button-danger--bgc, var(--gv-theme-color-danger, #ff5722));--icon--c:var(--gv-button-danger--c, var(--gv-theme-font-color-light, #ffffff));--gv-icon--c:var(--icon--c);--gv-icon-opacity--c:var(--icon--c)}:host([skeleton]) .button:not(.link){border-color:var(--gv-theme-skeleton-color,#bfbfbf)}.button:not(.link){background-color:var(--bgc);border-color:var(--bgc);color:var(--c)}.button.outlined{background-color:var(--c);color:var(--bgc);--gv-icon--c:var(--bgc);--gv-icon-opacity--c:var(--bgc)}:host(:focus) .button:not(.link):not(.disabled),:host(:hover) .button:not(.link):not(.disabled){box-shadow:0 1px 3px var(--gv-theme-color-darker,#383e3f)}:host(:active) .button{box-shadow:none}.button.disabled{cursor:default;opacity:.5}.button.skeleton>gv-icon{opacity:0}.button{box-shadow:0 0 0 0 rgba(255,255,255,0);transition:all 75ms ease-in-out}.button::-moz-focus-inner{border:0}.button slot{flex:1;white-space:nowrap;display:flex;align-items:center;justify-content:center;height:100%}.button.noContent slot{display:none}.loading gv-icon{animation:spinner 1.6s linear infinite;--gv-icon--s:20px}.loading.small gv-icon{--gv-icon--s:18px}@keyframes spinner{to{transform:rotate(360deg)}}.link{border:0;cursor:pointer;background-color:transparent}button.link{text-decoration:underline}:host([skeleton]) .link{color:transparent}`,e.skeleton,o.link]}constructor(){super(),this.tabindex=0,this.type="button",this.addEventListener("click",this._onClick.bind(this))}_onKeyDown(t){32!==t.keyCode&&13!==t.keyCode||(t.preventDefault(),this._onClick(t))}_onClick(t){if(this.href&&t.preventDefault(),!this.disabled&&!this.loading&&!this.skeleton){const t=this.closest("form");t&&"submit"===this.type&&t.dispatchEvent(new Event("submit",{bubbles:!0,cancelable:!0})),(0,r.dispatchCustomEvent)(this,"click")}}render(){const e={button:!0,primary:this.primary&&!this.danger,danger:this.danger,skeleton:this.skeleton&&!this.link,default:!this.primary&&!this.danger&&!this.link,outlined:this.outlined,icon:this.icon||this.iconRight,iconLeft:this._hasIconLeft(),iconRight:this.iconRight,loading:this.loading&&!this.link,link:this.link&&!this.primary&&!this.danger,disabled:this.disabled,small:this.small,noContent:!this._hasContent};return this.provider&&(e[this.provider]=!0,this.icon=`thirdparty:${this.provider}`,e.icon=!0,e.iconLeft=!0),this.href?i.html`<a tabindex="-1" .href="${this.href}" .title="${(0,n.ifDefined)(this.title)}" class="${(0,t.classMap)(e)}">${this._getIconLeft()}<slot></slot>${this._getIconRight()}</a>`:i.html`<button tabindex="-1" type="${this.type||"button"}" .title="${(0,n.ifDefined)(this.title)}" class="${(0,t.classMap)(e)}" .disabled="${this.disabled||this.skeleton}">${this._getIconLeft()}<slot></slot>${this._getIconRight()}</button>`}_getIconRight(){return this.iconRight?!this.loading||this.icon||this.link?i.html`<gv-icon shape="${this.iconRight}" .title="${(0,n.ifDefined)(this.title)}"></gv-icon>`:i.html`<gv-icon shape="navigation:waiting" .title="${(0,n.ifDefined)(this.title)}"></gv-icon>`:""}_hasIconLeft(){return(this.icon||this.loading)&&!this.iconRight}_getIconLeft(){return this._hasIconLeft()?this.loading&&!this.link?i.html`<gv-icon shape="navigation:waiting" .title="${(0,n.ifDefined)(this.title)}"></gv-icon>`:i.html`<gv-icon shape="${this.icon}" .title="${(0,n.ifDefined)(this.title)}"></gv-icon>`:""}firstUpdated(){this.addEventListener("keydown",this._onKeyDown)}updated(t){super.updated(t);const i=this.shadowRoot.querySelector("slot");this._hasContent=i.assignedNodes().map((t=>t.textContent)).filter((t=>""!==t.trim())).length>0}}exports.GvButton=s,window.customElements.define("gv-button",s);

package/src/atoms/gv-checkbox.js

@@ -0,0 +1 @@
+Object.defineProperty(exports,"__esModule",{value:!0}),exports.GvCheckbox=void 0;const e=require("lit/directives/class-map"),t=require("lit"),i=require("../styles/skeleton"),s=require("../lib/events"),l=require("../mixins/input-element");class o extends((0,l.InputElement)(t.LitElement)){static get properties(){return{disabled:{type:Boolean},skeleton:{type:Boolean},value:{type:String,reflect:!0},checked:{type:Boolean,reflect:!0},label:{type:String},title:{type:String}}}static get styles(){return[i.skeleton,t.css`:host{cursor:pointer;--gv-icon--c:var(--gv-theme-neutral-color-dark, #d9d9d9);--gv-icon--s:30px}.container{position:relative;height:30px}input{border:1px solid var(--gv-theme-neutral-color-dark,#d9d9d9);box-sizing:border-box;border-radius:4px;outline:0;padding:10px;cursor:pointer}input:disabled{cursor:default;opacity:.5}label{cursor:pointer;line-height:29px;padding-left:15px}.required>label::after{content:'*';color:var(--gv-theme-color-danger)}gv-icon{position:absolute}gv-icon.checked{--gv-icon--s:20px;background-color:var(--gv-checkbox--bgc,var(--gv-theme-color,#5a7684));display:inherit!important;margin:5px;border-radius:4px;height:20px}gv-icon:disabled{cursor:default;opacity:.5}.disabled,.skeleton{cursor:default}label abbr{position:absolute;left:0;color:red;font-variant:none}`]}constructor(){super(),this._type="checkbox",this.checked=!1,this.value="off"}_renderLabel(){return this.label?t.html`<label class="${(0,e.classMap)({disabled:this.disabled,skeleton:this.skeleton,"checkbox-label":!0})}" title="${this.label}">${this.label}</label>`:""}_onInput(){this.disabled||this.skeleton||(this.checked=!this.checked,setTimeout((()=>{(0,s.dispatchCustomEvent)(this,"input",this.checked),this.dispatchEvent(new Event("input",{bubbles:!0,cancelable:!0})),this.dispatchEvent(new Event("change",{bubbles:!0,cancelable:!0}))}),0))}updated(e){!e.has("checked")||"off"!==this.value&&"on"!==this.value||(this.value=this.checked?"on":"off")}render(){const i={skeleton:this.skeleton,disabled:this.disabled,required:this.required,container:!0};return t.html`<div class="${(0,e.classMap)(i)}"><gv-icon shape="design:border" @click="${this._onInput}"></gv-icon><gv-icon style="display:none" @click="${this._onInput}" class="${(0,e.classMap)({checked:this.checked})}" shape="code:check"></gv-icon><label @click="${this._onInput}">${this._renderLabel()}</label></div>`}}exports.GvCheckbox=o,window.customElements.define("gv-checkbox",o);

package/src/atoms/gv-date-picker-calendar.js

@@ -0,0 +1 @@
+Object.defineProperty(exports,"__esModule",{value:!0}),exports.GvDatePickerCalendar=void 0,require("./gv-date-picker-cell");const t=require("date-fns"),e=require("lit/directives/class-map"),i=require("../lib/events"),s=require("../lib/i18n"),a=require("lit"),o=require("lit/directives/until");class r extends a.LitElement{static get properties(){return{dateFrom:{type:Number},dateTo:{type:Number},disabledDates:{type:Array},hoveredDate:{type:Number},locale:{type:Object},max:{type:Number},min:{type:Number},month:{type:String},monthMode:{type:Boolean},next:{type:Boolean},prev:{type:Boolean},range:{type:Boolean},time:{type:Boolean},small:{type:Boolean,reflect:!0},strict:{type:Boolean},year:{type:String},yearMode:{type:Boolean},_dayNamesOfWeek:{type:Array,attribute:!1},_dimensions:{type:Array,attribute:!1},_hasGoToday:{type:Boolean,attribute:!1},_hour:{type:Number,attribute:!1},_minute:{type:Number,attribute:!1},_second:{type:Number,attribute:!1},_monthsList:{type:Array,attribute:!1},_locale:{type:Object,attribute:!1},_from:{type:Number,attribute:!1},_to:{type:Number,attribute:!1}}}static get styles(){return[a.css`:host{display:block}:host>div{overflow:hidden}.foot,.nav,.nav-times{display:flex;padding:.5rem;height:30px}.foot,.nav .current{flex:1;display:flex;justify-content:center}.day,.monthName{text-transform:capitalize}.foot-time{justify-content:flex-end}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);padding:.5rem .5rem 0 .5rem}.calendar-grid-large{grid-template-columns:repeat(3,1fr)}.content,.header{display:grid;grid-template-columns:repeat(2,auto)}gv-date-picker-cell{height:32px}.calendar-grid-large gv-date-picker-cell{height:48px}.calendar-grid,.foot,.time{border-top:1px solid var(--gv-theme-neutral-color-dark)}.nav-times{justify-content:center;align-items:center}.nav-times,.time{border-left:1px solid var(--gv-theme-neutral-color-dark)}.day{height:32px;width:33px;margin:0;padding:0;display:flex;justify-content:center;align-items:center;font-size:12px}:host([small]) .day{height:25px;width:26px}.box-col,.times{display:flex}.box-col{flex-direction:column}.box-col:first-of-type{width:260px}:host([small]) .box-col:first-of-type{width:195px}.box{display:flex}.times{max-height:235px;flex-direction:row}.time{scroll-behavior:smooth;overflow-x:auto;min-width:50px;width:100%}.time>div{height:32px;display:flex;justify-content:center;align-items:center}:host([small]) .time>div{height:25px}.time>div:hover{background:var(--gv-date-picker-hover--bgc,var(--gv-theme-color-light,#86c3d0));color:var(--gv-date-picker-hover--c,var(--gv-theme-font-color-dark,#262626))}.time>div.selected{background:var(--gv-date-picker-selected--bgc,var(--gv-theme-color,#5a7684));color:var(--gv-date-picker-selected--c,var(--gv-theme-font-color-light,#fff))}.time>div.disabled{opacity:.4}`]}constructor(){super(),this._dayNamesOfWeek=[],this._monthsList=["01","02","03","04","05","06","07","08","09","10","11","12"],this.range=!1,this.currentDate=parseInt((0,t.format)((0,t.startOfDay)(Date.now()),"t"),10),this._hasGoToday=!0,this._hours=this.computeArrayOfTime(24),this._minutes=this.computeArrayOfTime(60),this._seconds=this.computeArrayOfTime(60)}set dateFrom(e){if(this._from=e,this.time&&this._from){const e=new Date(1e3*this._from);this._hour=(0,t.format)(e,"HH"),this._minute=(0,t.format)(e,"mm"),this.isStrictTime()&&(this._second=(0,t.format)(e,"ss"))}}set dateTo(t){this._to=t}computeArrayOfTime(t){return new Array(t).fill("").map(((t,e)=>{let i=e.toString();return 1===i.length&&(i=`0${i}`),i}))}_renderPreviousNav(){return this.prev||this.monthMode||this.yearMode?a.html`<gv-button link icon="navigation:angle-double-left" @click="${this._onPrevYear}" ?small="${this.small}"></gv-button>${this.monthMode||this.yearMode?"":a.html`<gv-button link icon="navigation:angle-left" ?small="${this.small}" @click="${this._onPrevMonth}"></gv-button>`}`:""}_renderCurrentNav(){return a.html`<div class="current">${this.yearMode?"":a.html`<gv-button link @click="${this._onSelectMonth}" ?small="${this.small}"><span class="monthName">${(0,o.until)(this.computeName(this.month,this.year))}</span></gv-button>`}<gv-button ?small="${this.small}" link @click="${this._onSelectYear}">${this.computeCurrentYearName()}</gv-button></div>`}_renderNextNav(){if(this.next||this.monthMode||this.yearMode)return a.html`${this.monthMode||this.yearMode?"":a.html`<gv-button link icon="navigation:angle-right" ?small="${this.small}" @click="${this._onNextMonth}"></gv-button>`}<gv-button ?small="${this.small}" link icon="navigation:angle-double-right" @click="${this._onNextYear}"></gv-button>`}_renderDays(){return a.html`${this._dayNamesOfWeek&&this._dayNamesOfWeek.map((t=>a.html`<div class="day">${t}</div>`))} ${this._dimensions&&this._dimensions.map((t=>a.html`${t&&t.map((t=>a.html`<div>${t?a.html`<gv-date-picker-cell .disabledDates="${this.disabledDates}" .min="${this.monthMode||this.yearMode?null:this.min}" .max="${this.monthMode||this.yearMode?null:this.max}" .month="${this.month}" .hoveredDate="${this.hoveredDate}" .dateTo="${this._to}" .dateFrom="${this._from}" .data="${t}" .time="${this.time}" ?isCurrent="${this.isCurrentDate(t)}" @gv-date-picker-cell:hover="${this._onHover}" @gv-date-picker-cell:select="${this._onSelect}"></gv-date-picker-cell>`:null}</div>`))}`))}`}isStrictTime(){return!0===this.time&&!0===this.strict}render(){const t={"calendar-grid":!0,"calendar-grid-large":this.monthMode||this.yearMode};return a.html`<div class="box">${this.isStrictTime()?"":a.html`<div class="box-col"><div class="nav">${this._renderPreviousNav()} ${this._renderCurrentNav()} ${this._renderNextNav()}</div><div class="${(0,e.classMap)(t)}">${this._renderDays()}</div></div>`} ${!this.time||this.monthMode||this.yearMode?"":a.html`<div class="box-col">${this.isStrictTime()?"":a.html`<div class="nav-times">${this.getTime()}</div>`}<div class="times"><div class="time">${this._hours&&this._hours.map((t=>a.html`<div @click="${this._onSelectHour.bind(this,t)}" class="${(0,e.classMap)({hour:!0,selected:this._hour===t,disabled:this.isHoursDisabled(t)})}">${t}</div>`))}</div><div class="time">${this._minutes&&this._minutes.map((t=>a.html`<div @click="${this._onSelectMinute.bind(this,t)}" class="${(0,e.classMap)({minute:!0,selected:this._minute===t,disabled:this.isMinutesDisabled(t)})}">${t}</div>`))}</div>${this.isStrictTime()?a.html`<div class="time">${this._seconds&&this._seconds.map((t=>a.html`<div @click="${this._onSelectSecond.bind(this,t)}" class="${(0,e.classMap)({second:!0,selected:this._second===t,disabled:this.isSecondsDisabled(t)})}">${t}</div>`))}</div>`:""}</div></div>`}</div>${this.hasGoToday()?a.html`<div class="foot"><gv-button link @click="${this.goToday}">${(0,s.i18n)("gv-date-picker.today")}</gv-button></div>`:""} ${!this.time||this.monthMode||this.yearMode?"":a.html`<div class="foot foot-time"><gv-button primary outlined small @click="${this._onNow}">${this.isStrictTime()?(0,s.i18n)("gv-date-picker.currentTime"):(0,s.i18n)("gv-date-picker.now")}</gv-button><gv-button primary small @click="${this._onDateTimeSelected}" .disabled="${!0===this.disableValidation}">${(0,s.i18n)("gv-date-picker.ok")}</gv-button></div>`}`}isMinutesDisabled(e){if(this._from&&null!=this._hour){const i=new Date(1e3*this._from);if(i.setHours(parseInt(this._hour,10),parseInt(e,10),0,0),this.min){const e=new Date(1e3*this.min);if((0,t.isBefore)(i,e))return!0}if(this.max){const e=new Date(1e3*this.max);if((0,t.isAfter)(i,e))return!0}}return!1}isSecondsDisabled(e){if(this._from&&null!=this._hour){const i=new Date(1e3*this._from);if(i.setHours(parseInt(this._hour,10),parseInt(e,10),0,0),this.min){const e=new Date(1e3*this.min);if((0,t.isBefore)(i,e))return!0}if(this.max){const e=new Date(1e3*this.max);if((0,t.isAfter)(i,e))return!0}}return!1}isHoursDisabled(t){if(this._from){const e=new Date(1e3*this._from);if(e.setHours(parseInt(t,10)),this.min){const t=new Date(1e3*this.min);if(t.setMinutes(0,0,0),e.getTime()<t.getTime())return!0}if(this.max){const t=new Date(1e3*this.max);if(e.getTime()>t.getTime())return!0}}return!1}_updateTime(){setTimeout((()=>{if(!this._hour||this.isHoursDisabled(this._hour)){const t=this.shadowRoot.querySelector(".hour:not(.disabled)");t&&(this._hour=t.textContent)}}),0),setTimeout((()=>{if(!this._minute||this.isMinutesDisabled(this._minute)){const t=this.shadowRoot.querySelector(".minute:not(.disabled)");t&&(this._minute=t.textContent)}}),0),this.isStrictTime()&&setTimeout((()=>{if(!this._second||this.isSecondsDisabled(this._second)){const t=this.shadowRoot.querySelector(".second:not(.disabled)");t&&(this._second=t.textContent)}}),0)}getTime(){return this._hour&&this._minute?`${this._hour}:${this._minute}`:""}isCurrentDate(e){return this.yearMode?(0,t.getYear)(1e3*e.date)===(0,t.getYear)(1e3*this.currentDate):this.monthMode?(0,t.getMonth)(1e3*e.date)===(0,t.getMonth)(1e3*this.currentDate):e.date===this.currentDate}updated(t){t.has("year")&&this.dispatchEvent(new CustomEvent("year-changed",{detail:{value:this.year}})),(t.has("locale")||t.has("year")||t.has("month")||t.has("monthMode")||t.has("yearMode"))&&this.yearAndMonthChanged(this.year,this.month),(t.has("_hour")||t.has("_minute"))&&this.shadowRoot.querySelectorAll(".selected").forEach((t=>{t.parentNode.scrollTop=t.offsetTop-t.parentNode.offsetTop}))}_updateDays(){const t=[];for(let e=0;e<7;e+=1)t.push(this.locale.localize.day(e,{width:"short"}));const e=this.locale.options.weekStartsOn,i=t.slice().splice(0,e);this._dayNamesOfWeek=t.slice().splice(e,t.length).concat(i)}yearAndMonthChanged(e,i){if(e&&i&&this.locale)if(this.yearMode){this._dayNamesOfWeek=[];const s=[null],{start:a,end:o}=this.getYearInterval(e);for(let e=a;e<o;e++){const a=`01/${i}/${e}`,o=(0,t.parse)(a,"dd/MM/yyyy",new Date,{awareOfUnicodeTokens:!0});s.push({hover:!1,date:parseInt((0,t.format)(o,"t"),10),title:this.computeName(i,e,"yyyy")})}s.push(null),this._dimensions=[s]}else if(this.monthMode)this._dayNamesOfWeek=[],this._dimensions=[this._monthsList.map((i=>{const s=`01/${i}/${e}`,a=(0,t.parse)(s,"dd/MM/yyyy",new Date,{awareOfUnicodeTokens:!0});return{hover:!1,date:parseInt((0,t.format)(a,"t"),10),title:this.computeName(i,this.year,"MMM")}}))];else{this._updateDays();let s=i;s=s.substring(s.length-2);let a=`01/${s}/${e}`,o=(0,t.parse)(a,"dd/MM/yyyy",new Date,{awareOfUnicodeTokens:!0});const r=(0,t.endOfMonth)(o),h=(0,t.format)(r,"dd/MM/yyyy",{awareOfUnicodeTokens:!0}),n=this.locale.options.weekStartsOn,d=[];let l=[];const m=6;for(;a!==h;){let e=(0,t.getDay)(o)-n;e<0&&(e=6);const i={hover:!1,date:parseInt((0,t.format)(o,"t"),10),title:parseInt((0,t.format)(o,"d",{awareOfUnicodeTokens:!0}),10)};if(l.push(i),e===m){for(let t=l.length;t<m+1;t+=1)l.unshift(0);d.push(l.slice()),l=[]}if(o=(0,t.addDays)(o,1),a=(0,t.format)(o,"dd/MM/yyyy",{awareOfUnicodeTokens:!0}),a===h){const e={hover:!1,date:parseInt((0,t.format)(o,"t"),10),title:parseInt((0,t.format)(o,"d",{awareOfUnicodeTokens:!0}),10)};l.push(e);for(let t=l.length;t<=m;t+=1)l.push(0);d.push(l.slice()),l=[]}}this._dimensions=d}}getYearInterval(t=this.year){let e=parseInt(t,10);for(;e%10!=0;)e--;return{start:e,end:e+10}}computeName(e,i,s="MMMM"){if(e&&i){const a=(0,t.parse)(`${e}/${i}`,"MM/yyyy",new Date);return(0,t.format)(a,s,{locale:this.locale})}return""}computeCurrentYearName(){if(this.yearMode){const{start:t,end:e}=this.getYearInterval();return`${t}-${e-1}`}return this.year}_onSelectHour(t){this._hour=t,this._updateTime()}_onSelectMinute(t){this._minute=t,this._updateTime()}_onSelectSecond(t){this._second=t,this._updateTime()}_onSelectMonth(){this.monthMode?this._from=this._dateFrom:(this._dateFrom=this._from,this._from=null),this.yearMode=!1,this.monthMode=!this.monthMode,this.yearAndMonthChanged(this.year,this.month),(0,i.dispatchCustomEvent)(this,"month-mode",{mode:this.monthMode,month:this.month,year:this.year})}_onSelectYear(){this.yearMode?this._from=this._dateFrom:(this._dateFrom=this._from,this._from=null),this.monthMode=!1,this.yearMode=!this.yearMode,this.yearAndMonthChanged(this.year,this.month),(0,i.dispatchCustomEvent)(this,"year-mode",{mode:this.yearMode,month:this.month,year:this.year})}get datetimeSelected(){this.isStrictTime()&&null==this._from&&(this._from=(new Date).valueOf()/1e3);let e=new Date(1e3*this._from);return e=(0,t.setHours)(e,parseInt(this._hour?this._hour:0,10)),e=(0,t.setMinutes)(e,parseInt(this._minute?this._minute:0,10)),e.getTime()/1e3}_onDateTimeSelected(){this.value=this.datetimeSelected,this.dispatchEvent(new CustomEvent("date-from-changed",{detail:{value:this.value}}))}_onNow(){const e=new Date;this.isStrictTime()||e.setSeconds(0,0),this._from=e.getTime()/1e3,this.month=(0,t.format)(e,"MM"),this.year=(0,t.format)(e,"yyyy"),this._hour=(0,t.format)(e,"HH"),this._minute=(0,t.format)(e,"mm"),this.isStrictTime()&&(this._second=(0,t.format)(e,"mm")),this.dispatchEvent(new CustomEvent("date-from-changed",{detail:{value:this._from}}))}get disableValidation(){const t=this.datetimeSelected;if(t){if(this.min&&t<this.min)return!0;if(this.max&&t>this.max)return!0}return!1}_onSelect({detail:e}){const{date:s}=e;if(this.yearMode){this.yearMode=!1,this.monthMode=!0,this._from=this._dateFrom;const e=new Date(1e3*s);this.year=(0,t.format)(e,"yyyy"),(0,i.dispatchCustomEvent)(this,"year-changed",{year:this.year})}else if(this.monthMode){this.monthMode=!1,this._from=this._dateFrom;const e=new Date(1e3*s);this.month=(0,t.format)(e,"MM"),this.year=(0,t.format)(e,"yyyy"),(0,i.dispatchCustomEvent)(this,"month-changed",{month:this.month,year:this.year})}else this.time?(this._from=s,this._updateTime()):this.range?(this._from&&this._to?(this._from=s,this._to=null,this.hoveredDate=void 0,this.dispatchEvent(new CustomEvent("hovered-date-changed",{detail:{value:this.hoveredDate}}))):!this._from||this._from&&s<this._from?this._from=s:(!this._to||this._to&&s>this._to)&&(this._to=s),this.dispatchEvent(new CustomEvent("date-from-changed",{detail:{value:this._from}})),this.dispatchEvent(new CustomEvent("date-to-changed",{detail:{value:this._to}}))):(this._from=s,this.dispatchEvent(new CustomEvent("date-from-changed",{detail:{value:this._from}})))}_onHover(t){this.range&&(this.hoveredDate=t.detail.date,this.dispatchEvent(new CustomEvent("hovered-date-changed",{detail:{value:this.hoveredDate}})))}_onNextMonth(){const e=(0,t.parse)(this.month,"MM",new Date),i=(0,t.addMonths)(e,1),s=(0,t.format)(i,"MM",{locale:this.locale});if(this.month=s,"01"===this.month){const e=(0,t.parse)(this.year,"yyyy",new Date),i=(0,t.addYears)(e,1),s=(0,t.format)(i,"yyyy",{locale:this.locale});this.year=s}}_onPrevMonth(){const e=(0,t.parse)(this.month,"MM",new Date),i=(0,t.subMonths)(e,1),s=(0,t.format)(i,"MM",{locale:this.locale});if(this.month=s,"12"===this.month){const e=(0,t.parse)(this.year,"yyyy",new Date),i=(0,t.subYears)(e,1),s=(0,t.format)(i,"yyyy",{locale:this.locale});this.year=s}}_onNextYear(){this.yearMode&&(this.year=parseInt(this.year,10)+10);const e=(0,t.parse)(this.year,"yyyy",new Date),i=(0,t.addYears)(e,1),s=(0,t.format)(i,"yyyy",{locale:this.locale});this.year=s}_onPrevYear(){this.yearMode&&(this.year=parseInt(this.year,10)-10);const e=(0,t.parse)(this.year,"yyyy",new Date),i=(0,t.subYears)(e,1),s=(0,t.format)(i,"yyyy",{locale:this.locale});this.year=s}goToday(){this.month=`0${(0,t.getMonth)(new Date)+1}`.slice(-2),this.year=(0,t.getYear)(new Date),this._onSelect({detail:{date:(new Date).getTime()/1e3}})}hasGoToday(){return!this.range&&!this.time&&!this.monthMode&&!this.yearMode&&this._hasGoToday}}exports.GvDatePickerCalendar=r,window.customElements.define("gv-date-picker-calendar",r);

package/src/atoms/gv-date-picker-cell.js

@@ -0,0 +1 @@
+Object.defineProperty(exports,"__esModule",{value:!0}),exports.GvDatePickerCell=void 0;const e=require("lit"),t=require("lit/directives/class-map"),a=require("../lib/events"),i=require("date-fns"),s=require("lit/directives/until"),r=require("../lib/date");class d extends e.LitElement{static get properties(){return{data:{type:Object},selected:{type:Boolean},hovered:{type:Boolean},dateTo:{type:Number},dateFrom:{type:Number},month:{type:String},hoveredDate:{type:Number},min:{type:Number},max:{type:Number},disabled:{type:Boolean},isCurrent:{type:Boolean},time:{type:Boolean},disabledDate:{type:Array}}}static get styles(){return[e.css`:host{display:block}.cell{height:100%;width:100%;margin:0;padding:0;display:flex;justify-content:center;align-items:center}.cell:not(.disabled):not(.selected):hover{background:var(--gv-date-picker-hover--bgc,var(--gv-theme-color-light,#86c3d0));color:var(--gv-date-picker-hover--c,var(--gv-theme-font-color-dark,#262626));cursor:pointer;opacity:1}.cell.hovered{opacity:.5}.cell.current{font-weight:700;background:var(--gv-theme-neutral-color,#f5f5f5)}.cell.hovered,.cell.selected{background:var(--gv-date-picker-selected--bgc,var(--gv-theme-color,#5a7684));color:var(--gv-date-picker-selected--c,var(--gv-theme-font-color-light,#fff))}.cell.disabled{opacity:.4}`]}constructor(){super(),this.selected=!1,this.hovered=!1,this.isCurrent=!1,this.disabledDates=[]}render(){const a=this.isDisabled(),i={cell:!0,current:this.isCurrent,selected:this.selected,hovered:this.hovered,disabled:a};return e.html`<div @click="${a?null:this._onClick}" @mouseover="${this._onMouseOver}" class="${(0,t.classMap)(i)}"><div>${(0,s.until)(this.data?this.data.title:null)}</div></div>`}updated(e){(e.has("dateFrom")||e.has("dateTo")||e.has("hoveredDate")||e.has("data"))&&this.dateChanged(this.dateFrom,this.dateTo,this.hoveredDate,this.data)}isSelected(e,t,a){return t&&(0,i.startOfDay)(1e3*t).getTime()/1e3===a.date||e&&(0,i.startOfDay)(1e3*e).getTime()/1e3===a.date}dateChanged(e,t,a,i){this.selected=!1,this.hovered=!1;const s=parseInt(e,10),r=parseInt(t,10);(i||a)&&(this.selected=this.isSelected(s,r,i),((a===i.date||i.date<a)&&i.date>s&&!r&&!Number.isNaN(s)&&void 0!==s&&!this.selected||i.date>s&&i.date<r)&&(this.hovered=!0))}_onClick(){(0,a.dispatchCustomEvent)(this,"select",{date:this.data.date})}_onMouseOver(){(0,a.dispatchCustomEvent)(this,"hover",{date:this.data.date})}isDisabled(){return!(!this.data||!this.data.date)&&(0,r.isInvalid)(this.data.date,this.min,this.max,!0,this.disabledDates)}}exports.GvDatePickerCell=d,window.customElements.define("gv-date-picker-cell",d);

package/src/atoms/gv-date-picker.js

@@ -0,0 +1 @@
+var t=Object.create?function(t,e,i,a){void 0===a&&(a=i),Object.defineProperty(t,a,{enumerable:!0,get:function(){return e[i]}})}:function(t,e,i,a){void 0===a&&(a=i),t[a]=e[i]},e=Object.create?function(t,e){Object.defineProperty(t,"default",{enumerable:!0,value:e})}:function(t,e){t.default=e},i=function(i){if(i&&i.__esModule)return i;var a={};if(null!=i)for(var s in i)"default"!==s&&Object.prototype.hasOwnProperty.call(i,s)&&t(a,i,s);return e(a,i),a},a=function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.GvDatePicker=void 0,require("./gv-date-picker-calendar");const s=a(require("date-fns/locale/en-US")),n=require("date-fns"),r=require("lit/directives/class-map"),o=require("lit"),h=require("../lib/i18n"),l=require("../lib/date"),d=require("lit/directives/until"),c=require("../lib/events"),m={en:s.default};class u extends o.LitElement{static get properties(){return{range:{type:Boolean},label:{type:String},name:{type:String},time:{type:Boolean},strict:{type:Boolean},small:{type:Boolean},value:{type:Array,reflect:!0},min:{type:Number},max:{type:Number},distanceFromNow:{type:Number},disabledDates:{type:Array},format:{type:String},invalid:{type:Boolean,reflect:!0},valid:{type:Boolean,reflect:!0},_hoveredDate:{type:String,attribute:!1},_open:{type:Boolean,attribute:!1},_month:{type:String,attribute:!1},_year:{type:String,attribute:!1},_monthPlus:{type:String,attribute:!1},_yearPlus:{type:Number,attribute:!1},_mode:{type:String,attribute:!1},_from:{type:Number,attribute:!1},_to:{type:Number,attribute:!1},_min:{type:Number,attribute:!1},_max:{type:Number,attribute:!1},_distance:{type:Number,attribute:!1}}}static get styles(){return[o.css`:host{box-sizing:border-box;display:inline-block;margin:.2rem;--gv-input-icon--bgc:transparent;--gv-icon--s:22px;--date-picker-hover--bgc:var(--gv-date-picker-hover--bgc, var(--gv-theme-color-light, #86c3d0));--date-picker-hover--c:var(--gv-date-picker-hover--c, var(--gv-theme-font-color-dark, #262626));--date-picker-selected--bgc:var(--gv-date-picker-selected--bgc, var(--gv-theme-color, #5a7684));--date-picker-selected--c:var(--gv-date-picker-selected--c, var(--gv-theme-font-color-light, #ffffff));font-size:var(--gv-theme-font-size-m,14px)}:host([small]){font-size:var(--gv-theme-font-size-s,12px)}.box{display:inline-block;width:100%}gv-input{width:160px;margin:0}.time gv-input{width:205px}:not(.range) gv-input{width:100%}.range gv-input{--gv-input--bds:none;--gv-input--bdw:0}.time .range-input gv-input{width:150px}.range-input gv-input{width:120px}.range.hasFrom.open .box-icon:first-of-type,.range.hasFrom.open gv-input:first-of-type{border-bottom:1px solid var(--gv-date-picker-selected--bgc,var(--gv-theme-color,#5a7684))}.range.hasTo.open .box-icon:not(.box-icon-calendar),.range.hasTo.open gv-input:last-of-type{border-bottom:1px solid var(--gv-date-picker-selected--bgc,var(--gv-theme-color,#5a7684))}.range-input{position:relative;z-index:10;border:var(--gv-input--bdw,1px) var(--gv-input--bds,solid) var(--gv-input--bdc,var(--gv-theme-neutral-color-dark,#d9d9d9));border-radius:4px;margin:.2rem;display:flex}.box-icon{display:flex;justify-content:center;align-items:center}.box-icon-calendar{padding:0 6px}.box-icon-clear{--gv-icon--s:16px;padding-right:6px;width:22px}.box-icon-clear gv-icon{cursor:pointer}.box.open .calendar{visibility:visible;opacity:1;-webkit-transform:-webkit-translateY(0);transform:translateY(0);z-index:100}.calendar{background-color:var(--gv-theme-neutral-color-lightest,#fff);color:var(--gv-theme-font-color,#262626);margin:.2rem;position:absolute;box-shadow:0 0 0 1px var(--gv-theme-neutral-color,#f5f5f5),0 1px 3px var(--gv-theme-neutral-color-dark,#bfbfbf);border-radius:2px;display:flex;cursor:pointer;visibility:hidden;opacity:0;-webkit-transform:-webkit-translateY(-2em);transform:translateY(-2em);-webkit-transition:-webkit-transform 150ms ease-in-out,opacity 150ms ease-in-out;-moz-transition:all 150ms ease-in-out;-ms-transition:all 150ms ease-in-out;-o-transition:all 150ms ease-in-out;overflow:auto;position:absolute}:host([invalid]) .range-input{border-left:5px solid #a94442;padding-left:0}:host([invalid]) .box-icon-calendar{padding-left:2px}`]}constructor(){super(),this._id="gv-id",this.strict=!1,this.range=!1,this.time=!1,this.format="dd/MM/yyyy";const t=(0,h.i18n)("gv-date-picker.format");"unknown"!==t&&(this.format=t),this.timeFormat="HH:mm",this.strictTimeFormat="HH:mm:ss",this.handleClick=this._onClick.bind(this),this.handleDocumentClick=this._onDocumentClick.bind(this),this.disabledDates=[]}connectedCallback(){super.connectedCallback(),this.addEventListener("click",this.handleClick),document.addEventListener("click",this.handleDocumentClick),this.getLocale().then((t=>{this._year=(0,n.format)((new Date).getTime(),"yyyy",{locale:t}),this._month=(0,n.format)((new Date).getTime(),"MM",{locale:t})}))}disconnectedCallback(){clearInterval(this._distanceTimer),this.removeEventListener("click",this.handleClick),document.removeEventListener("click",this.handleDocumentClick),super.disconnectedCallback()}set min(t){this._min=parseInt(t/1e3,10)}set max(t){this._max=parseInt(t/1e3,10)}set distanceFromNow(t){this._distance=t,this._max=parseInt(Date.now()/1e3,10),this._min=parseInt((Date.now()-t)/1e3,10),this._from&&this._from<this._min&&(this._from=this._min)}_onClick(t){t.preventDefault(),t.stopPropagation()}_onDocumentClick(t){this._open=!1,this.performUpdate()}_onFocus(t){this._open=!0,this.time&&this.range&&(this._mode=t),this.performUpdate()}async getLocale(){const t=(0,h.getLanguage)();if(!t)return m.en;if(!m[t])try{const e=await Promise.resolve().then((()=>i(require(`date-fns/locale/${t}/index.js`))));m[t]=e.default}catch(e){console.error(`[Error] cannot load locale ${t}`,e)}return m[t]}get dateFromPlaceholder(){return this.range&&this.time&&this.strict?(0,h.i18n)("gv-date-picker.startTime"):this.range?(0,h.i18n)("gv-date-picker.startDate"):this.getFormat()}get dateToPlaceholder(){return this.range&&this.time&&this.strict?(0,h.i18n)("gv-date-picker.endTime"):this.range?(0,h.i18n)("gv-date-picker.endDate"):this.getFormat()}get icon(){return null!=this._from||null!=this._to?"code:error":"general:calendar"}get hasContent(){return null!=this._from||null!=this._to}_onClear(){this.invalid=!1,this.value=null,this.dispatchEvent(new Event("input",{bubbles:!0,cancelable:!0})),(0,c.dispatchCustomEvent)(this,"input",this.value)}render(){const t={box:!0,open:this._open,range:this.range,time:this.time,hasFrom:this.hasFrom(),hasTo:this.hasTo()};return o.html`<div class="${(0,r.classMap)(t)}">${this.range?o.html`${this.label?o.html`<label for="${this._id}" title="${this.label}">${this.label}</label>`:""}<div class="range-input"><div class="box-icon box-icon-calendar"><gv-icon shape="general:calendar"></gv-icon></div><gv-input id="${this._id}" ?small="${this.small}" ?disabled="${this.disabled}" @focus="${this._onFocus.bind(this,"from")}" @blur="${this._onBlurForm}" @gv-input:submit="${this._onBlurForm}" .value="${(0,d.until)(this.getFormattedDate(this._from))}" .placeholder="${this.dateFromPlaceholder}"></gv-input><div class="box-icon box-icon-arrow"><gv-icon shape="navigation:arrow-right"></gv-icon></div><gv-input .placeholder="${this.dateToPlaceholder}" ?small="${this.small}" ?disabled="${this.disabled}" @focus="${this._onFocus.bind(this,"to")}" @blur="${this._onBlurTo}" @gv-input:submit="${this._onBlurTo}" .value="${(0,d.until)(this.getFormattedDate(this._to))}"></gv-input><div class="box-icon box-icon-clear">${this.hasContent?o.html`<gv-icon class="link" @click="${this._onClear}" shape="code:error"></gv-icon>`:""}</div></div>`:o.html`<gv-input id="${this._id}" icon="${this.time&&this.strict?"home:timer":"general:calendar"}" ?small="${this.small}" ?disabled="${this.disabled}" clearable .label="${this.label}" @focus="${this._onFocus.bind(this,null)}" @blur="${this._onBlurForm}" ?invalid="${this.invalid}" @gv-input:submit="${this._onBlurForm}" @gv-input:clear="${this._onClear}" .placeholder="${this.dateToPlaceholder}" .value="${(0,d.until)(this.getFormattedDate(this._from))}"></gv-input>`} <span class="calendar">${this.range?o.html`${this.hasFrom()?o.html`<gv-date-picker-calendar .disabledDates="${this.disabledDates}" .min="${this._min}" .max="${this._max}" ?time="${this.time}" ?strict="${this.strict}" ?small="${this.small}" ?prev="${!0}" ?next="${this.time}" ?range="${this.range&&!this.time}" .month="${this._month}" .year="${this._year}" .hoveredDate="${this._hoveredDate}" .dateTo="${this._to}" .dateFrom="${this._from}" .locale="${(0,d.until)(this.getLocale())}" @gv-date-picker-calendar:month-mode="${this._onMonthMode}" @gv-date-picker-calendar:year-mode="${this._onYearMode}" @gv-date-picker-calendar:month-changed="${this._onMonthChanged}" @gv-date-picker-calendar:year-changed="${this._onYearChanged}" @hovered-date-changed="${this.hoveredDateChanged}" @date-to-changed="${this.dateToChanged}" @date-from-changed="${this.dateFromChanged}"></gv-date-picker-calendar>`:""} ${this.hasTo()?o.html`<gv-date-picker-calendar .disabledDates="${this.disabledDates}" .min="${this._min}" .max="${this._max}" ?time="${this.time}" ?strict="${this.strict}" ?small="${this.small}" ?prev="${this.time}" ?next="${!0}" ?range="${this.range&&!this.time}" .month="${this._monthPlus}" .year="${this._yearPlus}" .hoveredDate="${this._hoveredDate}" .dateTo="${this._to}" .dateFrom="${this._from}" .locale="${(0,d.until)(this.getLocale())}" @gv-date-picker-calendar:month-mode="${this._onMonthMode}" @gv-date-picker-calendar:year-mode="${this._onYearMode}" @gv-date-picker-calendar:month-changed="${this._onMonthChanged}" @gv-date-picker-calendar:year-changed="${this._onYearChanged}" @hovered-date-changed="${this.hoveredDateChanged}" @date-to-changed="${this.dateToChanged}" @date-from-changed="${this.dateFromChanged}"></gv-date-picker-calendar>`:""}`:o.html`<gv-date-picker-calendar .disabledDates="${this.disabledDates}" .min="${this._min}" .max="${this._max}" ?time="${this.time}" ?small="${this.small}" ?strict="${this.strict}" ?prev="${!0}" ?next="${!0}" ?range="${this.range}" .month="${this._month}" .year="${this._year}" .hoveredDate="${this._hoveredDate}" .dateTo="${this._to}" .dateFrom="${this._from}" .locale="${(0,d.until)(this.getLocale())}" @hovered-date-changed="${this.hoveredDateChanged}" @date-to-changed="${this.dateToChanged}" @date-from-changed="${this.dateFromChanged}"></gv-date-picker-calendar>`}</span></div>`}hasFrom(){return null==this._mode||"from"===this._mode}hasTo(){return null==this._mode||"to"===this._mode}firstUpdated(){this.time&&this.range&&(this._mode="from"),this._distance&&(this._distanceTimer=setInterval((()=>{this.distanceFromNow=this._distance}),3e4))}monthChanged(t,e){if(e&&t){const i=this.time&&this.range?0:1,a=`0${t%12+i}`;this._monthPlus=a.substring(a.length-2),"01"===this._monthPlus?this._yearPlus=parseInt(e,10)+i:this._yearPlus=parseInt(e,10)}}updated(t){(t.has("_month")||t.has("_year"))&&this.monthChanged(this._month,this._year),t.has("value")&&(null==this.value||this.value.filter&&0===this.value.filter((t=>null!=t)).length?(this._from=null,this._to=null):this.range?(this._from=this.value&&this.value.length>0?this.value[0]/1e3:null,this._to=this.value&&this.value.length>1?this.value[1]/1e3:null):this._from=this.value/1e3)}_onMonthChanged({detail:t}){this._month=t.month,this._year=t.year,this._hoveredDate=null,this.range&&this.time||(this._mode=null)}_onYearChanged({detail:t}){this._year=t.year}_onMonthMode({detail:t}){this.time&&this.range&&(this._month=t.month,this._year=t.year)}_onYearMode({detail:t}){this.time&&this.range&&(this._month=t.month,this._year=t.year)}_onBlurForm({target:t}){const e=t.value;if(e){const t=this.parseValue(e);t&&!isNaN(t)&&(this._month=((0,n.getMonth)(t)+1).toString(),this._year=(0,n.getYear)(t).toString(),this._from=t.getTime()/1e3,this.invalid=(0,l.isInvalid)(this._from,this._min,this._max,!this.time))}}_onBlurTo({target:t}){const e=t.value;if(e){const t=this.parseValue(e);t&&!isNaN(t)&&(this._month=((0,n.getMonth)(t)+1).toString(),this._year=(0,n.getYear)(t).toString(),this._to=t.getTime()/1e3,this.invalid=(0,l.isInvalid)(this._to,this._min,this._max,!this.time))}}hoveredDateChanged({detail:t}){this._hoveredDate=t.value}dateFromChanged({detail:t}){if(this.time&&this.range){if("from"===this._mode){this._from=t.value;const e=this.shadowRoot.querySelectorAll(".range-input gv-input");e[e.length-1].focus(),setTimeout((()=>this._mode="to"),0)}else if(this._to=t.value,this._open=!1,this._to<this._from){const t=this._to;this._to=this._from,this._from=t}}else this.range?this._from=t.value:(this._from=t.value,this._open=!1);this._distance&&(this.distanceFromNow=this._distance),this.range?(this.value=[1e3*this._from,1e3*this._to],this.invalid=(0,l.isInvalid)(this._to,this._min,this._max,!this.time)||(0,l.isInvalid)(this._from,this._min,this._max,!this.time)||this._to===this._form):(this.value=1e3*this._from,this.invalid=(0,l.isInvalid)(this._from,this._min,this._max,!this.time)),this.valid=!this.invalid,this.dispatchEvent(new Event("input",{bubbles:!0,cancelable:!0})),(0,c.dispatchCustomEvent)(this,"input",this.value)}dateToChanged({detail:t}){this._distance&&(this.distanceFromNow=this._distance),this._to=t.value,this._to&&(this._open=!1,this.value=[1e3*this._from,1e3*this._to],this.dispatchEvent(new Event("input",{bubbles:!0,cancelable:!0})),(0,c.dispatchCustomEvent)(this,"input",this.value))}getFormat(){return this.time&&this.strict?this.strictTimeFormat:this.time?`${this.format} ${this.timeFormat}`:this.format}async getFormattedDate(t){if(t){const e=await this.getLocale();return(0,n.format)(new Date(1e3*t),this.getFormat(),e)}return""}parseValue(t){return t?(0,n.parse)(t,this.getFormat(),new Date):""}}exports.GvDatePicker=u,window.customElements.define("gv-date-picker",u);

package/src/atoms/gv-file-upload.js

@@ -0,0 +1 @@
+Object.defineProperty(exports,"__esModule",{value:!0}),exports.GvFileUpload=void 0;const e=require("lit"),i=require("../styles/link"),t=require("../lib/events"),r=require("lit/directives/if-defined"),s=require("../lib/i18n"),l=require("lit/directives/class-map");class o extends e.LitElement{static get properties(){return{label:{type:String},accept:{type:String},except:{type:String},limit:{type:Number},value:{type:Array,reflect:!0},_preview:{type:String,attribute:!1},_files:{type:Array,attribute:!1},_errors:{type:Array,attribute:!1}}}static get styles(){return[i.link,e.css`:host{box-sizing:border-box;display:block;width:100%;color:var(--gv-theme-color-dark,#28444f)}.box{font-size:1.25rem;background-color:var(--gv-theme-neutral-color-lighter,#fafafa);position:relative;padding:2rem;text-align:center;display:block;border:1px dashed #28444f;border-radius:4px;transition:outline-offset .15s ease-in-out,background-color .15s linear;height:100%}.box .box__icon{width:100%;height:80px;display:block;margin-bottom:40px;--gv-icon--s:5rem;--gv-icon--c:var(--gv-theme-color-dark, #28444f)}.box__file{width:.1px;height:.1px;opacity:0;overflow:hidden;position:absolute;z-index:-1}.box__file+label{max-width:80%;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;display:inline-block;overflow:hidden}.box.is-dragover{background-color:var(--gv-theme-color-light,#28444f);border:none;outline:1px dashed #28444f;outline-offset:-10px}.box .box__dragndrop{display:inline}.files{box-sizing:border-box;display:flex;align-items:center;--gv-icon--s:16px;padding:1rem .5rem 0}.filename{flex:1;padding:.2rem;word-break:break-all}.error{font-style:italic;--gv-icon--c:red}gv-image{position:absolute}.preview{transition:all .3s ease-in-out}.box__input{position:relative;display:flex;flex-direction:column;justify-content:center;height:100%;z-index:10}.preview .box__input{visibility:hidden}.preview:hover .box__input{visibility:visible}.preview:hover gv-image{opacity:.3}`]}constructor(){super(),this.reader=new FileReader,this._files=[],this._errors=[],this._counter=0}_onDragOver(e){e.preventDefault(),e.stopPropagation(),this._counter++;this.shadowRoot.querySelector(".box").classList.add("is-dragover")}_onDragEnd(e){if(e.preventDefault(),e.stopPropagation(),0==--this._counter){this.shadowRoot.querySelector(".box").classList.remove("is-dragover")}}_onDrop(e){e.preventDefault(),e.stopPropagation(),this.setFiles(e.dataTransfer.files)}_getRegex(e){return`(${e.toString().replace(" ","").replace(/,/g,".+|").replace(/\*/g,".+").replace(".+.+",".+")})`}setFiles(e){const i=[];this._files=[...e].filter((e=>this.accept&&null==e.type.match(this._getRegex(this.accept))||this.except&&null!=e.type.match(this._getRegex(this.except))?(i.push({file:e,error:(0,s.i18n)("gv-file-upload.error.typeNotAllowed")}),!1):!(this.limit&&e.size>parseInt(this.limit,10))||(i.push({file:e,error:(0,s.i18n)("gv-file-upload.error.maxSize")}),!1))),this._errors=i,this._errors.length>0&&((0,t.dispatchCustomEvent)(this,"error",{errors:this._errors}),this.dispatchEvent(new Event("invalid",{bubbles:!0,cancelable:!0})));this.shadowRoot.querySelector(".box").classList.remove("is-dragover"),this._files.length>0&&(this.reader.readAsDataURL(this._files[0]),this.reader.onload=e=>{this._files[0].type.match(this._getRegex("image/*"))?this._preview=e.target.result:this._preview=null,this.value=e.target.result,this.dispatchEvent(new Event("input",{bubbles:!0,cancelable:!0})),(0,t.dispatchCustomEvent)(this,"drop",{files:[this.value]})})}_cancelEvent(e){e.preventDefault(),e.stopPropagation()}_removeFile(){this._errors=[],this._files=[],this._preview=null,this.value=null,this.shadowRoot.querySelector("#file").value=null,this.dispatchEvent(new Event("input",{bubbles:!0,cancelable:!0}))}_onChange(e){this.setFiles(e.target.files)}get icon(){return this._files.length>0?"general:clip":"general:upload"}render(){const i=this._errors.length>0||this._files.length>0?(0,s.i18n)("gv-file-upload.chooseAnotherFile"):(0,s.i18n)("gv-file-upload.chooseFile"),t={box:!0,preview:null!=this._preview};return e.html`<label for="file">${this.label}</label><div class="${(0,l.classMap)(t)}" @drop="${this._onDrop}" @ondrop="${this._onDrop}" @drag="${this._cancelEvent}" @dragstart="${this._cancelEvent}" @dragover="${this._onDragOver}" @dragenter="${this._onDragOver}" @dragleave="${this._onDragEnd}" @dragend="${this._onDragEnd}">${null!=this._preview?e.html`<gv-image .src="${this._preview}" @error="${this._onPreviewError}"></gv-image>`:""}<div class="box__input"><gv-icon class="box__icon" shape="${this.icon}"></gv-icon><label for="file" class="link"><strong>${i}</strong> <span class="box__dragndrop">${(0,s.i18n)("gv-file-upload.orDragIt")}</span></label> <input class="box__file" type="file" name="files[]" id="file" files="${this.files}" accept="${(0,r.ifDefined)(this.accept)}" @change="${this._onChange}"></div></div>${this._files.length>0?e.html`<div class="files"><gv-icon shape="general:clip"></gv-icon><div class="filename">${this._files[0].name}</div><gv-icon class="link" @click="${this._removeFile.bind(this,0)}" shape="general:trash"></gv-icon></div>`:""} ${this._errors.length>0?e.html`<div class="files"><gv-icon class="error" shape="code:stop"></gv-icon><div class="filename">${this._errors[0].file.name} <span class="error">(${this._errors[0].error})</span></div></div>`:""} ${this.value&&0===this._files.length&&0===this._errors.length?e.html`<div class="files"><div class="filename"></div><gv-button link @click="${this._removeFile.bind(this,0)}">${(0,s.i18n)("gv-file-upload.removePicture")}</gv-button></div>`:""}`}_onPreviewError(){this.value=null}updated(e){e.has("value")&&(this.value?(this._preview=this.value,this._files&&this._files[0]&&(this.reader.readAsDataURL(this._files[0]),this.reader.onload=e=>{this.value!==e.target.result&&(this._files=[])})):(this._preview=null,this._files=[]));const i=this.shadowRoot.querySelector(".preview");if(i){const{width:e,height:t}=i.getBoundingClientRect(),r=this.shadowRoot.querySelector("gv-image");r.style.width=e-20+"px",r.style.height=t-20+"px",r.style.left="10px",r.style.top="10px"}}}exports.GvFileUpload=o,window.customElements.define("gv-file-upload",o);

package/src/atoms/gv-icon.js

@@ -0,0 +1 @@
+Object.defineProperty(exports,"__esModule",{value:!0}),exports.GvIcon=void 0;const e=require("lit"),t=require("lit/directive"),r=require("lit/directives/class-map");class i extends t.Directive{update(t,[r,i]){return t.element.setAttributeNS(r,t.name,i),e.noChange}}const s=(0,t.directive)(i);class o extends e.LitElement{static get properties(){return{shape:{type:String}}}static get excludedShapes(){return["thirdparty:google","thirdparty:graviteeio_am"]}canCustomize(){return!["thirdparty:google","thirdparty:graviteeio_am","thirdparty:http","thirdparty:jdbc","thirdparty:microsoft","thirdparty:mongodb"].includes(this.shape)}static get styles(){return[e.css`:host{box-sizing:border-box;display:inline-flex;vertical-align:middle;--color:var(--gv-icon--c, var(--gv-theme-font-color-dark, #262626));--opacity:var(--gv-icon-opacity--c, var(--gv-theme-font-color-dark, #262626));--size:var(--gv-icon--s, 32px)}svg{height:var(--size);width:var(--size);fill:var(--color)}`]}static getHref(e){const[t,r]=e.split(":");return`./icons/${t}.svg#${r}`}render(){return e.html`<svg class="${(0,r.classMap)({"no-color":!this.canCustomize()})}"><use xlink:href="${s("http://www.w3.org/1999/xlink",o.getHref(this.shape))}"/></svg>`}}exports.GvIcon=o,window.customElements.define("gv-icon",o);

package/src/atoms/gv-image.js

@@ -0,0 +1 @@
+Object.defineProperty(exports,"__esModule",{value:!0}),exports.GvImage=void 0;const e=require("lit"),t=require("../lib/events"),r=require("lit/directives/class-map"),s=require("lit/directives/if-defined"),i=require("../styles/skeleton");class o extends e.LitElement{static get properties(){return{src:{type:String},skeleton:{type:Boolean,reflect:!0},alt:{type:String},_loaded:{type:Boolean,reflect:!0},_error:{type:Boolean}}}static get styles(){return[e.css`:host{display:inline-block;overflow:hidden}.wrapper,img{height:100%;width:100%;transition:opacity .3s ease-in-out}.wrapper{align-items:center;display:flex;justify-content:center;position:relative}.wrapper.text:not('.skeleton'){background-color:var(--gv-theme-neutral-color)}img{display:block;object-fit:var(--gv-image--of,cover);object-position:center center;opacity:0;position:absolute;top:0;transition:opacity 150ms ease-in-out;left:0}.wrapper.loaded img{opacity:1}.error-msg{font-size:.9rem;overflow:hidden;padding:.25rem;text-align:center;text-overflow:ellipsis;white-space:nowrap}`,i.skeleton]}constructor(){super(),this.skeleton=!1,this._error=!1,this._loaded=!1}set src(e){const t=this._src;this._src=e,this.requestUpdate("src",t),this._error=!1,this._loaded=!1}get src(){return this._src}_onLoad(e){this._loaded=!0,this.skeleton=!1,(0,t.dispatchCustomEvent)(this,"loaded",{src:this.src,alt:this.alt})}_onError(e){this._error=!0,this.skeleton=!1,this.dispatchEvent(new Event("error"),e)}render(){const t=null==this.src||this._error;return e.html`<div class="wrapper ${(0,r.classMap)({skeleton:this.skeleton,loaded:this._loaded,text:t})}"><img src="${(0,s.ifDefined)(this.src)}" @load="${this._onLoad}" @error="${this._onError}" alt=""> ${t?e.html`<div class="error-msg">${this.alt}</div>`:""}</div>`}}exports.GvImage=o,window.customElements.define("gv-image",o);

package/src/atoms/gv-input-message.js

@@ -0,0 +1 @@
+Object.defineProperty(exports,"__esModule",{value:!0}),exports.GvInputMessage=void 0;const e=require("lit");require("../atoms/gv-icon");class t extends e.LitElement{static get properties(){return{level:{type:String},_level:{type:String,attribute:!1}}}constructor(){super(),this._level="warning"}set level(e){["error","info","warning"].includes(e)&&(this._level=e)}render(){return e.html`<div class="box"><gv-icon class="${this._level}" shape="code:${this._level}"></gv-icon><slot></slot></div>`}static get styles(){return[e.css`:host{box-sizing:border-box;display:block;margin:.2rem}.box{display:flex;align-items:center;white-space:normal}gv-icon{margin:0 .2rem;--gv-icon--s:24px}gv-icon.warning{--gv-icon-opacity--c:var(--gv-theme-color-warning, #ff9800)}gv-icon.error{--gv-icon-opacity--c:var(--gv-theme-color-error, #f44336)}gv-icon.info{--gv-icon-opacity--c:var(--gv-theme-color-info, #2196f3)}`]}}exports.GvInputMessage=t,window.customElements.define("gv-input-message",t);

package/src/atoms/gv-input.js

@@ -0,0 +1 @@
+var t=Object.create?function(t,e,i,s){void 0===s&&(s=i),Object.defineProperty(t,s,{enumerable:!0,get:function(){return e[i]}})}:function(t,e,i,s){void 0===s&&(s=i),t[s]=e[i]},e=Object.create?function(t,e){Object.defineProperty(t,"default",{enumerable:!0,value:e})}:function(t,e){t.default=e},i=function(i){if(i&&i.__esModule)return i;var s={};if(null!=i)for(var n in i)"default"!==n&&Object.prototype.hasOwnProperty.call(i,n)&&t(s,i,n);return e(s,i),s};Object.defineProperty(exports,"__esModule",{value:!0}),exports.GvInput=void 0;const s=require("lit/directives/class-map"),n=require("lit"),l=require("../styles/skeleton"),a=require("../styles/input"),o=require("../styles/link"),r=require("../lib/events");require("./gv-icon"),require("../molecules/gv-popover");const h=require("../lib/i18n"),c=require("../mixins/input-element"),p=require("../styles/shapes");class u extends((0,c.InputElement)(n.LitElement)){static get properties(){return{...super.properties,type:{type:String,reflect:!0},large:{type:Boolean},medium:{type:Boolean},small:{type:Boolean},icon:{type:String},iconLeft:{type:String,attribute:"icon-left"},loading:{type:Boolean},min:{type:Number},max:{type:Number},autocomplete:{type:String},clipboard:{type:Boolean},clickable:{type:Boolean},clearable:{type:Boolean},noSubmit:{type:Boolean,attribute:"no-submit"},pattern:{type:String,reflect:!0},description:{type:String},_type:{type:String,attribute:!1}}}static get styles(){return[...super.styles,l.skeleton,a.input,o.link,n.css`.clickable ::slotted(input),.clickable input{cursor:pointer}.clickable ::slotted(input:hover),.clickable input:hover{box-shadow:0 1px 3px var(--gv-theme-neutral-color-dark,#bfbfbf)}gv-icon{--gv-icon--s:22px}.copied{--gv-input--bdc:var(--gv-theme-color-success-light, #81c784)}.copied .box-icon gv-icon{--gv-icon--c:var(--gv-theme-color-success-dark, #388e3c)}.loading ::slotted(input),div.box-icon gv-icon.loading{animation:spinner 1.6s linear infinite;--gv-icon--s:20px}.loading.small gv-icon{--gv-icon--s:18px}@keyframes spinner{to{transform:rotate(360deg)}}.clipboard ::slotted(input),.clipboard input{cursor:copy}.clipboard ::slotted(input:read-only:hover),.clipboard input:read-only:hover{cursor:not-allowed}.clipboard__popover{--gv-popover--bgc:var(--gv-theme-color-darker, #383e3f);--gv-popover--c:var(--gv-theme-font-color-light, #ffffff);--gv-popover--p:0rem 0.4rem 0rem 0.2rem;font-size:11px}.clipboard__popover-content{display:flex;justify-content:center;align-items:center;--gv-icon--c:var(--gv-theme-font-color-light, #ffffff)}`]}static get shapeSearch(){return"general:search"}static get shapeClear(){return"code:error"}static get shapeInvisible(){return"general:invisible"}static get shapeVisible(){return"general:visible"}constructor(){super(),this._type="text",this._showPassword=!1,this.value="",this.autocomplete="off",this.noSubmit=!1}reset(){this.value="",this.getInputElement().blur()}focus(){this.getInputElement().focus()}getInputElement(){return this._input||super.getInputElement()}updated(t){if(t.has("_type")&&(this.getInputElement().type=this._type),t.has("autocomplete")&&(this.getInputElement().autocomplete=this.autocomplete),t.has("name")&&null!=this.name&&(this.getInputElement().name=this.name),t.has("required")&&(this.getInputElement().required=this.required,this.getInputElement()["aria-required"]=!!this.required,null!=this.value&&""!==this.value.trim()||(this.invalid=!0)),this.readonly?this.getInputElement().setAttribute("readonly",!0):this.getInputElement().removeAttribute("readonly"),t.has("label")||t.has("title")){const t=this.title||this.label;null!=t&&(this.getInputElement().title=t)}t.has("label")&&this.label&&(this.getInputElement()["aria-label"]=this.label),t.has("pattern")&&(this.getInputElement().pattern=this.pattern,this._regexPattern=new RegExp(this.pattern)),(t.has("disabled")||t.has("skeleton"))&&(this.getInputElement().disabled=this.disabled||this.skeleton),t.has("placeholder")&&null!=this.placeholder&&(this.getInputElement().placeholder=this.placeholder),t.has("value")&&(this.getInputElement().value=this.value,this.updateState(this.value)),t.has("min")&&null!=this.min&&(this.getInputElement().min=this.min),t.has("max")&&null!=this.max&&(this.getInputElement().max=this.max)}_setClipboardIcon(t){null!=this.icon&&this.icon!==p.shapeCopied&&this.icon!==p.shapeClipboard?this.iconLeft=t:this.icon=t}firstUpdated(t){if(super.firstUpdated(t),this.catchSlot(),this.clipboard)Promise.resolve().then((()=>i(require("clipboard-copy")))).then((t=>this.copy=()=>{(0,t.default)(this.value),this._copied=!0,this._setClipboardIcon(p.shapeCopied),setTimeout((()=>{this._copied=!1,this._setClipboardIcon(p.shapeClipboard)}),1e3)})),this._setClipboardIcon(p.shapeClipboard),setTimeout((()=>{this.shadowRoot.querySelector(".clipboard__popover").addEventListener("click",(t=>{t.preventDefault(),t.stopPropagation(),this.copy(this.value)}))}),0);else{const t=this.shadowRoot.querySelector("gv-icon.link");t&&t.addEventListener("click",this._onIconClick.bind(this))}this.getInputElement().id=this._id,this.bindInputEvents()}bindInputEvents(){this.getInputElement().addEventListener("input",this._onInput.bind(this)),this.getInputElement().addEventListener("keyup",this._onKeyUp.bind(this)),this.getInputElement().addEventListener("keypress",this._onKeyPress.bind(this))}catchSlot(){const t=this.getInputElement();for(const t of this.childNodes)if(1===t.nodeType){const e="input"===t.nodeName.toLowerCase()?t:t.querySelector("input");if(e){this._input=e;break}}this._input&&t.remove()}updateState(t){if(super.updateState(t),!0===this.valid&&!this.readonly)if(this._regexPattern){if(null!=t&&""!==t.trim()){const e=t.match(this._regexPattern);this.setValidity(null==e,`field not respect the pattern ${this._regexPattern}`)}}else if("number"===this._type&&null!=t&&("number"==typeof t||""!==t.trim())){const e=Number(t).valueOf();isNaN(e)?this.setValidity(!0,"field is not number"):null!=this.min&&this.min>e?this.setValidity(!0,`field is < ${this.min}`):null!=this.max&&this.max<e?this.setValidity(!0,`field is > ${this.max}`):this.setValidity(!1)}}_onInput(t){this.updateState(t.target.value),this.value=t.target.value,(0,r.dispatchCustomEvent)(this,"input",this.value)}_onKeyPress(t){if("number"===this._type){let e;e="paste"===t.type?t.clipboardData.getData("text/plain"):String.fromCharCode(t.keyCode);let i=/[0-9]/;(null==this.min||this.min<0)&&(i=/[0-9-]/),i.test(e)||t.preventDefault()}}_onKeyUp(t){if(13===t.keyCode){if(!this.noSubmit){const t=this.closest("form");t&&t.dispatchEvent(new Event("submit",{bubbles:!0,cancelable:!0}))}(0,r.dispatchCustomEvent)(this,"submit",this.value)}}get isClearable(){return this.clearable&&!this.disabled&&!this.readonly&&!this.loading&&null!=this.value&&""!==this.value}set type(t){["text","password","email","search","number","url"].includes(t)&&(this._type=t),"url"===this._type&&(this.pattern="(https?://.w*)(:\\d*)?\\/?(.*)"),"email"===this._type&&(this.pattern=/^(([^<>()\\[\]\\.,;:\s@"]+(\.[^<>()\\[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/),"search"===this._type&&null==this.icon&&null==this.iconLeft&&(this.icon=u.shapeSearch,this.clearable=!0),"password"===this._type&&(this.icon=u.shapeSearch)}get type(){return this._type}_onIconClick(){(0,r.dispatchCustomEvent)(this,"icon-click",this.value),(0,r.dispatchCustomEvent)(this,"submit",this.value)}_onIconVisibleClick(t){this.isPassword&&(t.preventDefault(),t.stopPropagation(),this._showPassword=!this._showPassword,this._type=this._showPassword?"text":"password")}get isPassword(){return!this.disabled&&("password"===this._type||"text"===this._type&&this._showPassword)}get hasClickableIcon(){return!this.disabled&&!this.readonly&&(this.clickable||"search"===this._type||this.clipboard)}get hasClipboard(){return!this.disabled&&this.clipboard}clear(){this.focus(),this.value="",(0,r.dispatchCustomEvent)(this,"clear",this.value)}_renderClearIcon(){return this.isClearable?n.html`<div class="box-icon box-icon-clear"><gv-icon class="link" shape="code:error" title="${(0,h.i18n)("gv-input.clear")}" @click="${this.clear}"></gv-icon></div>`:""}_shapePassword(){return this._showPassword?"general:visible":"general:hidden"}_renderPasswordIcon(){if(this.isPassword){const t=this._shapePassword(),e=this._showPassword?"Show":"Hide";return n.html`<div class="box-icon"><gv-icon class="link" shape="${t}" title="${e}" @click="${this._onIconVisibleClick}"></gv-icon></div>`}return""}get hasBackground(){return!this.loading}renderIcon(){let t=null;if((!this.isPassword&&this.icon||this.iconLeft)&&(t=!this.isPassword&&this.icon||this.iconLeft),this.loading&&(t="navigation:waiting"),t){const e={"box-icon":!0,"box-icon-left":null!=this.iconLeft||this.clearable,"box-icon-bgc":this.hasBackground},i={link:this.hasClickableIcon,loading:this.loading};let l="";if("search"===this._type)l=(0,h.i18n)("gv-input.search");else{if(this.hasClipboard)return l=(0,h.i18n)("gv-input.copy"),n.html`<div class="${(0,s.classMap)(e)}"><gv-popover class="clipboard__popover" event="click" delay="750" .arrow="${!1}"><gv-icon class="${(0,s.classMap)(i)}" shape="${t}" title="${l}"></gv-icon><div slot="popover" class="clipboard__popover-content"><gv-icon shape="code:check"></gv-icon><div>Copied</div></div></gv-popover></div>`;this.placeholder&&(l=this.placeholder)}return n.html`<div class="${(0,s.classMap)(e)}"><gv-icon class="${(0,s.classMap)(i)}" shape="${t}" title="${l}"></gv-icon></div>`}return""}render(){const t={"box-input":!0,skeleton:this.skeleton,large:this.large,medium:this.medium||!this.large&&!this.small,small:this.small,icon:!!this.icon&&!this.clearable,clearable:this.clearable,"icon-left":!!this.iconLeft||!!this.icon&&this.clearable,clipboard:this.hasClipboard,required:this.required,copied:this.hasClipboard&&this._copied};return n.html`<div class="${(0,s.classMap)(t)}">${this.renderLabel()} <input><slot></slot>${this._renderClearIcon()} ${this.renderIcon()} ${this._renderPasswordIcon()}</div>${null!=this.description?n.html`<div class="description" .innerHTML="${this.description}"></div>`:""}`}}exports.GvInput=u,window.customElements.define("gv-input",u);

package/src/atoms/gv-link.js

@@ -0,0 +1 @@
+Object.defineProperty(exports,"__esModule",{value:!0}),exports.GvLink=void 0;const e=require("lit"),t=require("../styles/skeleton"),i=require("../styles/link"),n=require("lit/directives/class-map"),r=require("lit/directives/style-map"),a=require("lit/directives/until"),l=require("../lib/events");require("./gv-icon");const c=require("lit/directives/if-defined");class s extends e.LitElement{static get properties(){return{active:{type:Boolean,reflect:!0},icon:{type:String},path:{type:String},title:{type:String},target:{type:String},_title:{type:String,attribute:!1},help:{type:String},skeleton:{type:Boolean},small:{type:Boolean}}}static get styles(){return[i.link,e.css`:host{display:inline-flex;vertical-align:middle;--gv-icon--s:var(--gv-link-icon--s, 24px);--link-active--c:var(--gv-link-active--c, var(--gv-theme-font-color-light, #ffffff));--link--c:var(--gv-link--c, var(--gv-theme-font-color-dark, #262626));--pv:var(--gv-link-a--pv, 15px);--ph:var(--gv-link-a--ph, 15px)}*,:after,:before{box-sizing:border-box}a{opacity:1;padding:var(--pv) var(--ph);color:var(--link--c);background-color:var(--gv-link--bgc,transparent);width:100%;display:inline-flex;align-content:center;text-align:var(--gv-link--ta,center);text-shadow:var(--gv-link--tsh,none);border-color:var(--gv-link--bgc,transparent);border-style:var(--gv-link-active--bds,none);border-width:var(--gv-link-active--bdw,none)}a>*{align-self:center}.active{color:var(--link-active--c);background-color:var(--gv-link-active--bgc,var(--gv-theme-color-dark,#28444f));border-color:var(--gv-link-active--bdc,none)}.link.active:hover{opacity:1}a gv-icon,a span{align-self:center}a span{flex:1;align-self:center;white-space:nowrap;margin:.3rem .5rem;text-decoration:var(--gv-link--td,none);text-overflow:ellipsis;overflow:hidden}a.small span{margin:.3rem 0;width:0;visibility:hidden}.help{margin:0 .2rem;opacity:.5;font-size:var(--gv-theme-font-size-xs,10px)}.help::before{content:'('}.help::after{content:')'}.skeleton{min-width:100px;margin:0 .2rem;opacity:.5}`,t.skeleton]}async _onClick(e){e.preventDefault(),(0,l.dispatchCustomEvent)(this,"click",{active:this.active,icon:this.icon,path:this.path,title:this._title,target:this.target})}set title(e){Promise.resolve(e).then((e=>{this._title=e})).catch((e=>{}))}render(){const t={active:this.active,link:!0,skeleton:this.skeleton,small:this.small},i=this.active?{"--gv-icon--c":"var(--link-active--c)","--gv-icon-opacity--c":"var(--link-active--c)"}:{"--gv-icon--c":"var(--link--c)","--gv-icon-opacity--c":"var(--link--c)"};return e.html`<a @click="${this._onClick}" class="${(0,n.classMap)(t)}" .href="${(0,c.ifDefined)(this.path)}" .target="${(0,c.ifDefined)(this.target)}" ?title="${(0,a.until)(this._title,"")}">${this.icon?e.html`<gv-icon shape="${this.icon}" style="${(0,r.styleMap)(i)}"></gv-icon>`:""} <span>${(0,a.until)(this._title,"")}${this.help?e.html`<span class="help">${(0,a.until)(this.help,"")}</span>`:""}</span></a>`}}exports.GvLink=s,window.customElements.define("gv-link",s);

package/src/atoms/gv-message.js

@@ -0,0 +1 @@
+Object.defineProperty(exports,"__esModule",{value:!0}),exports.GvMessage=void 0;const e=require("lit/directives/class-map"),t=require("lit"),s=require("../lib/events");require("../atoms/gv-icon");class i extends t.LitElement{static get properties(){return{type:{type:String},closable:{type:Boolean},_close:{type:Boolean,attribute:!1}}}static get styles(){return[t.css`:host{display:block;vertical-align:middle}.box{display:flex;align-items:center;font-style:normal;font-weight:400;line-height:normal;padding:12px 0;text-align:center;width:100%}.info{background-color:var(--gv-theme-color-info-light,#64b5f6)}.success{background-color:var(--gv-theme-color-success-light,#81c784)}.warning{background-color:var(--gv-theme-color-warning-light,#ffb74d)}.error{background-color:var(--gv-theme-color-error-light,#e57373)}.close{transition:opacity 250ms ease-in-out;opacity:0}gv-icon{--gv-icon--s:24px;margin-right:12px}gv-icon:hover{cursor:pointer}.content{flex:1 1 auto;margin-left:12px}`]}_onClick(){this._close=!0,setTimeout((()=>{(0,s.dispatchCustomEvent)(this,"close")}),250)}render(){const s={box:!0,simple:!this.type||"info"!==this.type&&"success"!==this.type&&"error"!==this.type&&"warning"!==this.type,info:"info"===this.type,warning:"warning"===this.type,success:"success"===this.type,error:"error"===this.type,close:this._close};return t.html`<div class="${(0,e.classMap)(s)}"><div class="content"><slot></slot></div>${this.closable?t.html`<gv-icon shape="general:close" @click="${this._onClick}"></gv-icon>`:""}</div>`}}exports.GvMessage=i,window.customElements.define("gv-message",i);

package/src/atoms/gv-metric.js

@@ -0,0 +1 @@
+Object.defineProperty(exports,"__esModule",{value:!0}),exports.GvMetric=void 0;const e=require("lit/directives/class-map"),i=require("lit"),t=require("../styles/skeleton");require("./gv-icon");class s extends i.LitElement{static get properties(){return{icon:{type:String},name:{type:String},value:{type:String},skeleton:{type:Boolean}}}static get styles(){return[i.css`:host{box-sizing:border-box}.metric{--gv-icon--s:var(--gv-metric-icon--s, 24px);--gv-icon--c:var(--gv-metric--c, var(--gv-theme-color, #5a7684));min-width:75px;height:100%;width:100%;display:flex;flex-direction:row}.icon{align-self:center;margin-right:4px}div{display:block}.metric-data{display:flex;flex-direction:column;justify-content:flex-end}.metric-value{font-size:var(--gv-theme-font-size-m,14px);line-height:var(--gv-theme-font-size-m,14px)}.metric-name{font-size:var(--gv-theme-font-size-xs,10px);line-height:var(--gv-theme-font-size-xs,10px);opacity:.5}`,t.skeleton]}render(){const t={skeleton:this.skeleton,metric:!0};return i.html`<div class="${(0,e.classMap)(t)}">${this.value?i.html`<div class="icon"><gv-icon shape="${this.icon}"></gv-icon></div><div class="metric-data"><div class="metric-value">${this.value}</div><div class="metric-name">${this.name}</div></div>`:""}</div>`}}exports.GvMetric=s,window.customElements.define("gv-metric",s);