npm - @ui5/webcomponents-fiori - Versions diffs - 0.0.0-a3eca7ade → 0.0.0-a8a75c830 - Mend

@ui5/webcomponents-fiori 0.0.0-a3eca7ade → 0.0.0-a8a75c830

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (3054) hide show

package/dist/illustrations-v5/tnt/tnt-Spot-Teams.js ADDED Viewed

@@ -0,0 +1,79 @@
+export default `<svg id="tnt-Spot-Teams" xmlns="http://www.w3.org/2000/svg" width="128" height="129" fill="none" viewBox="0 0 128 129">
+  <rect width="128" height="128" fill="var(--sapContent_Illustrative_Color20)" rx="24"/>
+  <circle cx="117.57" cy="51.88" r=".922" fill="var(--sapContent_Illustrative_Color2)"/>
+  <circle cx="5.451" cy="87.457" r=".922" fill="var(--sapContent_Illustrative_Color2)"/>
+  <circle cx="106.395" cy="86.996" r=".922" fill="var(--sapContent_Illustrative_Color2)"/>
+  <circle cx="109.16" cy="92.527" r="1.383" fill="var(--sapContent_Illustrative_Color2)"/>
+  <path fill="var(--sapContent_Illustrative_Color2)" d="M28.427 22.341c0-.403-1.17-.726-2.735-.8-.09-1.562-.434-2.724-.837-2.723-.404.001-.74 1.172-.825 2.743-1.57.107-2.736.458-2.73.862.005.404 1.17.727 2.735.8.094 1.562.434 2.724.837 2.723.402 0 .74-1.172.825-2.742 1.57-.108 2.735-.458 2.73-.863Zm-5.282 6.592c0-.261-.758-.47-1.77-.517-.057-1.01-.28-1.762-.54-1.762-.262 0-.479.758-.534 1.774-1.015.07-1.77.296-1.766.557.004.262.757.47 1.77.517.06 1.01.28 1.762.54 1.762s.478-.758.534-1.774c1.015-.07 1.768-.296 1.765-.557ZM123.303 45.76c0-.26-.758-.469-1.769-.516-.058-1.01-.281-1.762-.542-1.762-.261.001-.478.758-.533 1.774-1.015.07-1.769.296-1.766.557.004.262.758.47 1.769.517.061 1.011.281 1.762.541 1.762.261 0 .479-.758.534-1.774 1.015-.069 1.769-.296 1.766-.557Z"/>
+  <path fill="var(--sapContent_Illustrative_Color8)" d="M114.215 67.353c.196.55.616 1.825.728 2.517.14.865 1.498 2.648 1.804 4.929.307 2.28 1.564 2.008 1.739 2.88.174.873 1.416 3.03 1.424 3.83.007.64 1.118 4.745 1.673 6.716l-.339.077c.323.91.774 2.354.645 2.712-.182.506-.659 1.202-.36 1.666.3.464.904 1.03.696 2.329-.208 1.298.031 2.04-.054 2.602-.085.563-.376 2.751-.681 3.158-.306.406-.681.797-.919.891-.393.641-.772.886-1.169.873-.202-.276-.28-.666-.294-.826-.214.208-.726.606-1.059.534-.358-1.203-.219-1.173-.168-2.251.051-1.078-.11-2.348-.419-2.596-.31-.249-.48-.975-.887-.773-.407.203-.895 1.623-1.185 1.96-.291.336-1.017.506-1.168.364-.151-.141-.383-1.426.023-2.464s.412-1.908.479-2.22c.068-.313.002-2.36.63-2.915a2.277 2.277 0 0 1-.466-.98c-.152.111-.245.217-.262.315-.262-.637-1.238-.993-1.272-1.51-.034-.515-.346-2.434.145-2.691-.735-.631-2.039-2.329-2.443-3.65-.405-1.323-2.333-5.007-2.557-5.818-.225-.811-1.797-2.276-2.012-2.794-.172-.415-1.01-1.458-2.308-1.835l7.714-3.353 2.322-1.677Zm-9.874 26.207c.468.23 1.436.983 1.564 2.15.16 1.459-.286 4.125-.248 4.349.038.224.618.573.605 1.434-.011.688-.443 1.843-.605 2.326-.162.483.671 1.926.585 2.322-.261 1.212-.746 1.594-1.066 2.143.276.851 1.005 1.975.552 2.637-.41.598-.317 4.096-.295 5.264.155.766.563 2.901.486 3.827-.095 1.14-.721 2.601-1.238 3.095-.516.493-2.258 2.072-2.682 2.682-.421.607-.01 2.66-.006 2.68H87.036c.481-.791 1.45-2.185 1.45-2.68 0-.495 2.688-3.784 3.095-4.229.407-.446.722-1.692.722-2.166 0-.475-.235-.399-.235-1.242 0-.844-.435-2.163-.435-2.163l.133-.001c-.44-3.278-.767-3.259.064-5.212.364-.855-.413-1.215-.45-2.043-.03-.663-1.448-3.078-2.033-4.297l3.467-3.266c2.728-1.238 8.465-4.025 9.596-5.265 1.131-1.24 1.758-2.08 1.931-2.345Z"/>
+  <path fill="var(--sapContent_Illustrative_Color24)" d="M83.96 38.266c3.144-.458 3.753.576 4.94 1.067-2.276 15.806-7.467 47.636-11.17 47.3-4.78-.434-5.696-.081-8.512-2.237-.736-.563 0-5.03.293-8.644.266-3.279 2.877-26.35 3.234-29.094.358-2.744.857-6.2 3.845-6.8 1.847-.372 5.945-1.384 7.37-1.592Z"/>
+  <path fill="var(--sapContent_Illustrative_Color1)" d="M78.59 43.19c.584-.531 3.347-1.801 7.087-1.346-1.199 14.628-6.623 44.586-7.31 44.72-.859.167-4.945-.037-6.244-.552-1.299-.516.014-3.876-.011-8.112-.026-4.237 2.116-25.046 2.07-26.467-.046-1.42 3.676-7.577 4.407-8.242Z"/>
+  <path fill="var(--sapContent_Illustrative_Color8)" d="M108.691 57.145c-1.192-1.344-4.507-2.579-6.016-3.028-21.818-8.787-17.391-3.26-18.8-3.318-1.407-.057-1.045 2.554-2.37 3.256-1.325.702-1.712.495-4.079 1.157-1.893.53.275 10.744 1.595 15.784-.136 4.253-.638 12.968-1.56 13.806-1.153 1.048.241 2.029-.713 3.305-.955 1.276.132 1.387-.446 2.065-.579.678-.47 1.319-.046 2.213-1.05.515-.904 2.378-.7 3.246.67-.534 2.484-1.551 4.365-1.343 2.353.261 6.861 1.976 8.866 3.273 1.604 1.038 2.517 2.932 2.773 3.749.555-.375 2.109-1.299 3.89-2.001 2.228-.878 7.994-4.698 8.924-6.72.931-2.022-.486-4.614-1.043-6.895 1.231-1.065.668-1.978.573-2.654.981-3.796.523-6.072.888-7.475.365-1.404-.317-2.89-.169-3.29.149-.4 2.869-.135 4.236-.457 1.366-.323 3.756-2.524 5.593-4.166 1.836-1.641.661-2.204.372-3.44-.289-1.235-4.643-5.387-6.133-7.067Z"/>
+  <path fill="var(--sapContent_Illustrative_Color25)" d="M107.585 55.788c-.477-.832-2.013-1.122-2.918-1.014l-.232-.826c-.543.126-1.327.199-2.643 1.227-1.645 1.286-5.268 1.598-3.265 2.03 2.004.433-2.697 1.515-1.216 1.834 5.757 1.243 7.171 2.28 6.917 4.273-.128 1.008-9.816-.155-12.307.401-1.992.445-1.41 2.924-1.024 4.8a4.69 4.69 0 0 1 .384 1.987c-.026.542-6.162 3.919 2.13 3.739 10.368-.225 7.854.65 9.246 2.228 1.113 1.261 1.553 3.505 1.374 5.206.892-3.568.378-3.962.555-5.456.176-1.493.153-2.18 0-3.581.988.008 2.268 1.953 2.65 2.546.383.593 3.323 5.803 4.254 8.851-.485-1.837-1.076-6.349-2.332-7.816-.936-1.093-1.259-2.038-1.128-2.648.132-.61-.5-1.223.358-1.654 1.991-1.003-.799-4.171-.027-5.373 1.76-2.736-2.978-4.432-2.771-5.39.207-.958 2.792-1.455 3.564-1.653.617-.158 1.332-.548.943-.997-.192-.376-2.036-1.882-2.512-2.714Z"/>
+  <path fill="var(--sapContent_Illustrative_Color24)" d="M102.906 56.964c-.441.63-3.73 1.654-5.318 2.088 2.955.67 4.491-.749 6.382-.907 1.891-.157-1.361 1.4-.519 1.674 1.215.395 1.837 1.408 1.837 2.827 0 1.418.122 3.692.424 2.968.933-2.233-.525 2.413.544 1.933 1.338-.601 1.106-6.122 1.106-6.673 0-.552.114-1.39.429-1.822.316-.434.499-2.147.381-2.54-.118-.395-.707-1.103-1.287-1.4-.219-.112-1.628-.433-2.324-.552a321.35 321.35 0 0 1-1.655 2.404Z"/>
+  <path fill="var(--sapContent_Illustrative_Color8)" d="M79.437 71.118c.618-.21 1.989-.184 2.662-.567 1.724-1.725 2.112-4.022 1.576-7.302-.461-2.826-2.38-3.869-5.97-5.483-3.588-1.613-9.39 3.588-9.896 3.968-.89.67-2.276 1.909-2.625 3.418-.35 1.509-.224 2.654 1.05 4.63 1.41 2.186 4.506 2.441 6.305 2.527 1.8.085 2.943.076 3.66-.119.718-.194 2.106-.687 3.238-1.072Zm22.091 2.242c1.944-.041 2.373-8.168 2.373-8.168l-14.865-.367-.417 8.84s10.964-.264 12.909-.305Z"/>
+  <path fill="var(--sapContent_Illustrative_Color24)" d="M103.898 65.192c.064-.674-1.577-1.76-2.904-1.76-1.328 0-12.385-.284-12.385-.284l1.01 1.925s11.41.017 14.279.12Z"/>
+  <path fill="var(--sapContent_Illustrative_Color1)" d="M87.662 71.892c.049.536 1.653 1.782 1.653 1.782s-.537-.492-.58-1.06c-.03-.42.325-4.997.418-6.29.094-1.293.551-1.252.551-1.252s-.922-1.76-1.04-1.92c-.121-.003-.944-.177-1.002 1.262-.059 1.44-.096 5.962-.096 5.962s.047.979.096 1.516Zm14.618-5.521c-.953.013-10.887 0-11.752 0-.864 0-.32 2.74.571 2.74s9.666.058 10.497 0c.832-.059 1.636-2.753.684-2.74Z"/>
+  <path fill="var(--sapContent_Illustrative_Color8)" d="M104.978 53.683c.149-.688-.26-3.04-.39-3.986-1.969-2.926-6.32-2.465-12.45-2.338-4.607.096-7.052.929-8.28 2.214-1.228 1.286.149 3.055.974 4.062 1.544 1.884 6.05 4.407 9.816 5.27 3.765.863 6.515-.455 8.248-1.37 1.411-.746 1.896-2.992 2.082-3.852Z"/>
+  <path fill="var(--sapContent_Illustrative_Color25)" d="M104.641 54.33c.697-.706.279-2.822.079-3.546-.55-4.881-16.96-3.452-18.367-3.464-1.406-.012-2.782.955-.822 3.808 1.96 2.853 8.593 4.771 11.765 5.164 3.171.393 6.474-1.081 7.345-1.963Z"/>
+  <path fill="var(--sapContent_Illustrative_Color8)" d="M77.543 59.269c-.323-1.095-1.075-1.28-2.232-1.857-3.983-1.303-6.62-.813-7.92-.335-1.797.66-.999 1.928-1.425 2.931-.341.803-.157 1.916-.023 2.372-.212.66-.547 2.407-.188 4.107.45 2.124 2.587 3.238 4.266 3.554 1.68.316 4.049-1.27 4.86-1.794.65-.418.83-1.39.837-1.823.114-.635.36-1.922.428-1.981.086-.075 1.32-1.253 1.53-1.907.283-.878.19-2.172-.133-3.267Z"/>
+  <path fill="var(--sapContent_Illustrative_Color25)" d="M102.844 116.049c2.603.675.868-.337 0-1.156-.619-.585-1.875-.188-3.332.157-.586.139-1.46 0-1.824.324-1.302 1.157 2.554 0 5.156.675ZM78.718 47.862c-1.172-.253-2.273 1.446-3.043 2.42-.238-.05-.778-.603-.95-1.188-.216-.73-.603-1.647-.89-3.202-.285-1.555-.935-3.163-1.846-3.2-1.788-.073-.424 2.569-.507 4.106-.266-1.364-.777-3.03-1.545-3.506-.768-.477-1.402.012-1.543.666-.113.523.263 2.599.745 4.387-.196-.726-.767-2.153-1.208-2.646-.551-.616-1.242-.816-1.884-.145-.512.533.704 3.487 1.27 4.922-.219-.551-.516-.844-1.137-1.274-.962-.665-1.541-.295-1.794.471-.211.642 1.265 3.29 2.154 4.456.03.339.13.988.556 1.777a4.295 4.295 0 0 0 2.517 4.735c1.316.533 5.37-.531 6.42-1.362 1.051-.83.567-1.609.85-2.917 1.864-2.583.818-3.366.908-3.782.09-.416.68-1.847 1.268-2.84.587-.993.51-1.694-.341-1.878Zm2.47 30.121c-.801 3.036-2.453 3.992-3.013 4.053l.752-10.467c-3.542 1.372-3.985.635-5.977 1.08-2.49.556-5.66-1.466-6.848-2.725-.95-1.007-1.568-4.106-.682-5.464.24-.83.254-2.629.806-2.145.69.605 6.096 2.267 4.005 1.816-2.09-.451-3.834 1.542-2.489 3.07.543.616 3.286.84 5.11.413 1.824-.427 2.326-3.961 4.659-5.3 1.2-.688-2.081 2.119-1.49 4.435.247.967-1.268 2.626-1.381 3.148 1.545.303 5.845-.817 6.687-1 1.052-.229 1.729-.629 2.274-3.154.546-2.526-3.584-6.794-2.538-6.108.775.509 3.604 2.234 3.542 6.323-.063 4.089-2.36 4.596-3.12 5.16-.76.566.705 3.07-.297 6.865Z"/>
+  <path fill="var(--sapContent_Illustrative_Color24)" d="M78.95 67.256c1.317-1.102 1.357-5.45-.363-6.112 2.452.53 1.784 4.812 1.56 5.854-.226 1.042-.943 2.877 1.363 1.706 2.306-1.17 1.237-4.679 1.237-6.207 3.209 6.013.582 7.338-.37 8.082-.8.625-2.246 1.016-3.265 1.222-.358.073-3.886.99-6.516.95-3.94-.06-2.012-1.033.79-2.272.56-.248 2.89-2.501 2.626-3.656.612-.36 1.623 1.535 2.939.433Zm4.479-16.161c.128.757.86 4.207 8.793 6.936-2.973.065-7.079-3.016-8.229-3.598.024.309-.111 1.346-1.43.697-1.648-.812.897 4.438 1.139 4.955.388.828-3.26-4.748-4.668-5.264l2.694-.877c.434-1.304 1.573-3.606 1.701-2.85Zm33.421 40.001c-1.462-1.837.891-1.422 2.019-2.176-.717-.337-2.717-.532-3.783-.325-1.333.26-1.791-2.107-1.875-.605-.104 1.852.868 2.17 1.426 2.686l.705.669c-.749.584-.515 2.803-1.098 4.525-.542 1.604-.504 3.304.075 3.155.579-.148.488-3.035.852-3.946.743-1.856 1.87-1.562 2.804-2.978.347-.526-.678-.443-1.125-1.005Z"/>
+  <path fill="var(--sapContent_Illustrative_Color25)" d="M90.225 86.663c2.178.47 6.364 1.078 11.081 1.185.672.015 2.051-2.078 2.346-1.127.52 1.671.904 2.233 1.097 3.733-.028 2.69-.959 5.792-1.598 7.404-.8 2.015-3.46 1.898-6.43 2.989-2.97 1.091.15.422 2.682 0 2.282-.38 1.166.1.512.597-.654.497-3.37.695-3.689 2.176-.32 1.481 2.482 1.301 2.767 2.092.286.791-2.691.051-4.939.75-2.248.7-2.2 1.811-3.27-2.522-.263-3.849 2.965-3.918 4.472-4.14 3.201-.47 3.986-3.515 5.076-6.197 1.361-3.352-7.335 1.88-7.792-.223-.457-2.105 2.661-2.617 4.86-3.51 2.198-.892-1.41-1.306-5.02-2.086-3.593-.776-4.332-1.59-2.155-1.12Z"/>
+  <path fill="var(--sapContent_Illustrative_Color24)" d="M91.13 114.511c-.141-.965.001-1.508.12-2.059.12-.55 1.326 1.248 1.917 2.059.592.81.605 2.856.168 3.422-.438.566.244.077.566 1.016.321.939.308 3.049.72 4.516.412 1.466 1.718 2.07 3.951 1.917 2.572-.177 2.247-.148.837.601-1.48.786-7.13-.91-7.978-.601-.85.308-1.151 1.907.92 1.881 2.071-.026 3.942-.142 5.049.514.885.525 1.316.692.72.692h-9.507c.193-1.265.633-3.975.85-4.696.27-.9.767-1.375 1.667-1.954.901-.579.326-.812.841-1.687.515-.874.193-1.106 0-1.582s.013-.488-.103-1.44c-.116-.952-.596-1.635-.738-2.599Z"/>
+  <path fill="var(--sapContent_Illustrative_Color25)" d="M100.761 109.526c2.295.939-3.8.667-6.453 1.425-1.091.234-2.154 3.066-1.946 4.232.209 1.167-.37 2.217-.644 1.257-.616-1.408-1.002-2.082-.344-4.523.23-.848 2.873-1.516 1.262-2.464-1.288-.758-1.374-1.917-1.121-2.959 0 0 4.993-4.332 7.65-2.828 2.655 1.504-5.208 1.463-5.89 2.828-.854 1.706 7.486.568 8.149.758 1.159.331-2.938.379-6.444 2.274s2.01-1.543 5.781 0Z"/>
+  <path fill="var(--sapContent_Illustrative_Color24)" d="M75.088 53.75c.05-.573.579-3.226.182-2.65-1.525 2.554-1.239-.022-5.497 2.723-2.806 1.81 3.051 2.359 3.417 4.202.467 2.35-4.81 2.34-3.135 2.701 1.992.43 6.297-.91 6.813-2.23.194-.497-.554-.739.86-3.587.327-.658-2.704-.444-2.64-1.16Zm28.484.171c1.567-1.136 1.571-1.367 1.415-2.277-.186-1.085-11.862-.74-15.566-.502.689.868 3.776 3.888 7.377 4.161 2.694.205 5.447-.42 6.774-1.382Zm4.898-11.985c-.057-1.023-.894-.733-1.306-.46-.903 2.116-2.359 6.453-.956 6.879 1.753.53 2.33-.433 3.088-2.585s.516-3.733-.826-3.834Z"/>
+  <path fill="var(--sapContent_Illustrative_Color8)" d="M105.671 36.114c-2.196-3.204-5.318-4.683-9.536-5.157-3.324-.374-6.716 1.031-8.94 3.001-2.537 2.246-3.59 7.125-3.838 9.08-.247 1.954.6 6.72 4.79 9.151 2.36 1.37 11.901 5.297 16.743-.531 1.573-1.893 2.681-3.524 2.88-6.667.198-3.144.324-5.342-2.099-8.877Z"/>
+  <path fill="var(--sapContent_Illustrative_Color25)" d="m94.783 53.687-1.643.444c.737.257 2.406.542 3.353.673 1.391.193 3.938 0 6.13-1.25 1.555-.887 3.304-2.705 3.946-4.127l-1.799 1.14c-.657.678-2.359 2.253-3.909 3.12-1.55.867-4.698.361-6.078 0Zm4.238-22.192c-4.189-1.42-7.931-.102-9.279.735 5.659-.661 8.832 0 11.674 4.216l5.536 4.389c-.898-2.521-3.742-7.919-7.93-9.34Z"/>
+  <path fill="var(--sapContent_Illustrative_Color24)" d="M102.154 32.651c2.411 1.13 3.621 3.188 4.359 4.506 1.742 3.56 3.977 12.74-5.188 17.243l1.015-1.316c5.402-4.156 4.675-12.176 1.96-16.42-4.039-6.315-10.787-5.259-11.643-5.522 3.295-.89 7.086.38 9.497 1.51Z"/>
+  <path fill="var(--sapContent_Illustrative_Color25)" d="M88.806 42.394c-.148-.88-.678-1.678-1.136-1.867.358.807.506 1.252-.17 3.32-.676 2.067-2.903 2.436-2.232 2.692.622.236 1.374.35 2.07-.283.736-.67 1.7-2.493 1.468-3.862Z"/>
+  <path fill="var(--sapContent_Illustrative_Color24)" d="m82.304 70.576-3.51 1.103-.607 9.926a6.522 6.522 0 0 1-.85 2.602c-.544.954-.358 2.107-.247 2.639.089.425-.604 1.133-.692 1.716.578-.59 2.245-1.553 2.028-2.637-.271-1.356-.005-1.806 1.61-4.841 1.613-3.036 1.739-5.446 1.619-7.502-.096-1.645.243-2.868.649-3.006Z"/>
+  <path fill="var(--sapContent_Illustrative_Color25)" d="M82.98 74.346c-.133-.683.139-2.265.291-2.971l-2.112.594c-.1.464-.468 1.727-.076 2.784.206.555-.238 2.151-.996 2.71-.53.39.26 1.629-.656 2.58-.916.951-.948 3.511-1.112 4.834.588-.923 2.043-3.044 2.763-3.355.901-.389 5.192 1.892 4.578.837-.245-.422-2.979-.837-3.98-1.993-.77-.888-.106-1.131.36-1.672.468-.541 1.46-1.085 2.134-1.232.673-.146.518-.238.144-.669-.373-.43-1.172-1.595-1.338-2.447Z"/>
+  <path fill="var(--sapContent_Illustrative_Color24)" d="M112.309 71.486c.417-.569 1.226-2.3 1.478-3.187-1.569 1.492-4.795 3.352-6.663 3.982l1.135 2.342c1.103-.886 3.237-2.026 4.05-3.137Z"/>
+  <path fill="var(--sapContent_Illustrative_Color24)" d="m108.579 75.04.296-1.37.515-2.385c-.582.229-1.817.68-2.106.65-.36-.036-.792-1.071-1.355-2.257-.563-1.186-.246-.198-1.224.83-1.781 1.873-.833 4.215-.122 4.396-.377.86-.184 1.947-.215 3.153-.039 1.506-.222 2.966-.496 5.013.51-.544.542-1.005.833-2.351.171-.796.517-3.378.415-5.08-.022-.368-.161-1.491-.34-2.836.243.012 1.14 1.09 1.637 1.443.497.353 1.065 3.406 2.739 4.775.646.529 1.135 3.97 2.838 5.643-.374-1.364-1.353-2.522-1.017-4.846.217-1.509-2.448-4.543-2.398-4.778Z"/>
+  <path fill="var(--sapContent_Illustrative_Color22)" d="M103.639 95.012c.659-.813 1.11-2.134.756-2.683-.312.24-1.07 1.771-2.78 3.052-1.244.931-5.142 3.267-10.195 5.298l-.444 1.514c1.148-.39 3.92-1.559 5.924-2.431 2.505-1.091 5.749-3.53 6.739-4.75ZM86.42 63.117c-.175-3.115-1.777-7.609-3.421-8.573-.739-.428-1.136-.618-1.136-.618-.655-.167-3.035.581-1.76.704 1.209.117 4.676 7.314 4.78 8.818.103 1.504-.16 3.193-1.038 5.495-.702 1.842-3.664 2.695-5.076 2.86l-1.164.336c.85 1.427 3.066 1.324 5.677-.587 3.104-2.272 3.36-4.543 3.139-8.436Zm20.185 1.402c.093-1.952.654-8.932-.641-9.818l-1.159-.25s-.037.17-.331.927c.562.645.505 2.045.505 2.548 0 .77-.171 2.278-.007 3.221.45.88-.163 1.972-.205 2.63.212 3.773-.549 7.222-.802 7.751-.374.782.401.618.802 1.372 0 0 .252-.132.518-.757.265-.625 1.227-5.673 1.32-7.624Z"/>
+  <path fill="var(--sapContent_Illustrative_Color25)" d="M83.929 45.543c.825 1.476 1.95 1.35 2.636 1.361.04.277.28 1.39.749 2.312.47.922 1.582 2.408 7.15 4.624 0 0 .283.84-1.096.379-1.297-.434-4.233-2.142-5.09-3-2.732-2.734-1.331-2.484-2.732-2.734-.861-.154-1.899-3.447-1.617-2.942Z"/>
+  <path fill="var(--sapContent_Illustrative_Color24)" d="M95.428 100.409c-.575.23-4.256 1.714-4.256 1.714v-.315s-1.464-1.678-1.697-1.867c-.232-.188.66 1.779.352 2.66-.308.88-1.32 1.188-1.013 2.949.309 1.761.797 2.832.929 5.121.132 2.29.595 1.125.533.069-.093-1.585.251-1.848.097-2.377-.141-.482-.183-.602-.143-1.022.044-.471.14-.767.435.119.126.38.805.927.651 1.591-.066.283.445.577.35 1.804-.016.194-.304.974-.35 1.306.389-.476 1.947-1.658 1.947-2.08 0-.529-.882-.601-.882-1.173 0-.572-.397-2.037-.573-3.005-.176-.969.088-2.114.573-3.082.387-.775 3.623-2.642 3.047-2.412Z"/>
+  <path fill="var(--sapContent_Illustrative_Color8)" d="M76.245 95.336c.8-.302 3.54-.401 7.295.194 3.756.595 7.185 4.702 7.432 5.36.246.657.206 2.244.161 2.451-.044.206-.677 1.537-.41 1.897.268.36-.257 1.196-.338 1.567-.08.371-.166 1.035.066 1.56.232.525.07.739-.066.969-.101.172-.642 5.78-.976 6.952l.01.001s.062.632.202 1.032.33 1.753 0 2.578c-.412 1.031.13 4.497.13 5.219v3.353H76.616c-.008-.021-.912-2.418-.836-3.137.075-.722.191-1.321.148-1.914-.043-.593-.17-1.231-.748-1.561-.578-.33-.548-1.112-.32-1.96.227-.848-.236-3.114.32-3.61a.175.175 0 0 1 .033-.021c.049-1.726.543-9.4-.464-10.885-.432-.638.958-1.528 0-3.117-.302-.502.419-1.938-.149-2.708-.567-.77.324-1.7.454-2.103.105-.323.838-1.546 1.191-2.117Z"/>
+  <path fill="var(--sapContent_Illustrative_Color25)" d="M76.164 113.298c.226.678 3.507 2.599 2.11 2.428-2.305-.281-.132.987-1.346 1.602-1.294.656 3.588 1.089 4.42 1.025.834-.064 4.486 2.05.706 1.41-3.78-.641-5.144-.714-5.89-.961-.678-.225-1.713-.272-1.29-1.772.527-1.867.11-4.226.04-4.579-.183-.913.731-2.028 1.25-3.002.355-.668-.363-3.28 0-2.674 1.6 2.674 1.442 3.501 1.09 3.875-.72.766-1.373 1.801-1.09 2.648Z"/>
+  <path fill="var(--sapContent_Illustrative_Color25)" d="M89.362 102.263c-.356-1.39-5.605-5.886-3.452-5.122 2.147.763 5.339 4.673 5.353 4.69.026 1.009-.283 2.057-1.618 2.498-.765.253.308 1.488 0 1.955-1.28 1.945.77 2.839.77 3.129 0 1.922-.159 3.15-.887 6.985.385.675.715 2.43.513 3.215-.263 1.018-.226 2.501.17 3.334.395.833.373 1.412 0 2.053-.3.512.056.891.18 1.275.124.384-.569.724-.35 1.344.153.435.22.85-.253.85H76.382c-.193-.47-.641-1.38-1.205-2.405-.705-1.282.448-1.986.705-3.203.256-1.217.352-.453 1.104.43.54.634-.143 1.107-.143 2.773 0 1.665 1.837 1.593 2.947 1.282 3.14-.881 8.093 1.029 8.981.411 1.534-1.069-4.205-2.681-1.671-2.447 2.428.224 1.083-.271 1.403-1.232.32-.961-.32-3.075-1.31-3.78-.99-.705-1.283-.577-.74-1.218.543-.64.128-1.217-.543-1.857-.538-.513-2.701.653-1.678-.676 3.75-2.838 5.126-9.413 3.295-10.392-2.288-1.223-7.943-2.183-5.647-2.591 2.848-.28 8.16 3.585 5.313 1.147-2.847-2.437-6.603-3.295-5.472-3.369.648-.042 8.087 2.658 7.641.921Z"/>
+  <path fill="var(--sapContent_Illustrative_Color22)" d="M77.774 95.461c-1.746-.116-2.393.947-2.499 1.492-.222-.483-.057-1.246.09-1.758.147-.513 1.106-.831 2.04-1.047 1.298-.3 5.3.384 7.445 1.136 2.968 1.04 4.52 2.753 5.57 3.778 1.048 1.024 1.396 1.934 1.39 2.295-.004.29-.302.503-.521.903-.62-1.161-2.534-3.188-4.66-4.633-2.694-1.833-6.673-2.021-8.855-2.166Zm18.207-41.268c-5.151-.972-8.151-3.833-9.008-5.142a92.935 92.935 0 0 1-.412-2.148c1.11-.448 1.489-.734 2.23-2.594.741-1.86-.152-3.409-.917-3.92.151-.695.447-1.343 1.21-2.107 1.882-1.884 3.929-2.998 7.646-2.998 4.495 0 6.509.93 8.914 4.176 2.406 3.246.742 8.131.147 9.667-.594 1.536-3.371 6.28-9.81 5.066Z"/>
+  <path fill="var(--sapContent_Illustrative_Color8)" d="M104.572 48.978c2.497-4.566.821-8.443-.399-9.576-.619-.575.943 2.255 1.09 4.295.231 3.21-1.815 6.545-.691 5.28Z"/>
+  <circle cx=".446" cy=".446" r=".446" fill="var(--sapContent_Illustrative_Color8)" transform="scale(-1 1) rotate(-12.183 130.85 494.325)"/>
+  <circle cx=".446" cy=".446" r=".446" fill="var(--sapContent_Illustrative_Color8)" transform="scale(-1 1) rotate(-12.183 138.908 505.984)"/>
+  <circle cx=".893" cy=".893" r=".893" fill="var(--sapContent_Illustrative_Color8)" transform="scale(-1 1) rotate(-12.183 153.953 496.094)"/>
+  <path fill="var(--sapContent_Illustrative_Color25)" d="M94.014 84.335c1.724.394 6.157 1.026 8.158 1.293-1.496.246-2.403 0-5.048.252-2.586.246-3.356-.622-5.11-1.268-1.755-.646-.154-.77 2-.277Zm-6.354 10.08c-5.175-2.302-8.458-2.58-9.855-2.302.17-1.465 1.727-1.254 2.34-1.176 2.074.263 6.893 2.25 7.515 3.478Z"/>
+  <circle cx="42.817" cy="66.038" r="11.057" fill="var(--sapContent_Illustrative_Color22)"/>
+  <path fill="var(--sapContent_Illustrative_Color24)" d="M53.774 89.816c.96.16 2.108.743 2.708 1.277h-8.598l2.49-1.877c.734.133 2.44.44 3.4.6Z"/>
+  <path fill="var(--sapContent_Illustrative_Color25)" d="M56.483 91.092c-.6-.877-5.146 0-5.146 0l-2.166 10.839c1.504-.049 4.658-.41 5.235-1.465.578-1.054 2.677-8.496 2.077-9.374Z"/>
+  <path fill="var(--sapContent_Illustrative_Color8)" d="M26.164 55.94c3.969-5.625 12.19-4.877 14.615-4.264 2.662.673 8.711 3.136 7.815 4.63-.253.422-3.744-.22-4.978.348-.986.455-4.33 2.04-3.73 7.044-1.024 1.193 1.383.509 2.537 1.464s-.498 2.818.536 3.256c1.801.762 1.642 3.168 7.298 5.789 0 .201-1.328 1.131-3.252 2.256 1.856 1.05 3.328 2.428 3.71 4.13.9 4 2.6 9.3 3 10.999.4 1.7 0 8.698-.7 11.598-.56 2.319-1.3 6.965-1.6 8.998-4.432-1.7-13.737-5.039-15.496-4.799-1.76.24-4.266.499-5.3.599l-1.527-30.735c-2.704-2.019-5.177-4.515-5.881-6.79-1.552-5.014-.654-9.41 2.953-14.522Z"/>
+  <path fill="var(--sapContent_Illustrative_Color8)" d="M51.54 70.229c2.498-4.566.822-8.443-.399-9.576-.618-.575.944 2.255 1.09 4.295.231 3.21-1.814 6.545-.69 5.28Z"/>
+  <circle cx=".893" cy=".893" r=".893" fill="var(--sapContent_Illustrative_Color8)" transform="scale(-1 1) rotate(-12.183 289.02 250.991)"/>
+  <circle cx=".433" cy=".433" r=".433" fill="var(--sapContent_Illustrative_Color8)" transform="scale(-1 1) rotate(-12.183 279.516 243.818)"/>
+  <path fill="var(--sapContent_Illustrative_Color25)" d="M28.536 53.54c-3.731 2.357-5.348 7.168-5.895 10.003l1.69 12.274h24.537c-.323-.598-3.272-1.168-4.768-2.553-2.957-2.736-8.585-.889-4.583-3.243 1.595-.939 2.292-2.729 2.002-3.502-.29-.773-10.215-3.006-11.113-3.518-2.238-1.276.574-3.008-1.047-4.81-3.815-4.242 4.378-5.289 4.974-6.77-2.672.415-3.87.903-5.797 2.12Z"/>
+  <path fill="var(--sapContent_Illustrative_Color8)" d="M24.228 128.477c-1.2-1-1.206-1.367-2.006-3.267-.63-1.495-.278-7.634-.012-10.655 1.187-6.156 7.811-5.142 8.61-5.242.8-.1 15.725 3.129 18.325 5.628 2.08 2 1.922 10.97 1.422 13.536H24.228Z"/>
+  <path fill="var(--sapContent_Illustrative_Color25)" d="M42.792 115.283c1.15.438 3.207 2.683 3.96 3.526-3.033-.616-9.588-2.622-11.544-2.86-4.316-.526-2.736 2.69-6.29 2.69-1.56 0-1.394 1.707-1.78 3.352-.576 2.461 3.02.641 3.43 2.763.328 1.696.796 1.488 1.823 3.723h-9.106c-1.484-.533-2.23-4.905-2.23-6.872 0-.918.225-3.454.937-5.09l11.632-4.379c2.577.866 8.019 2.709 9.168 3.147Z"/>
+  <path fill="var(--sapContent_Illustrative_Color24)" d="M30.85 116.235c-2.274 1.213-7.336 1.582-9.294 1.624 0 0-.055-.17.276-.984.332-.813 11.812-10.738 11.761-7.404-.063 4.168.099 5.249-2.743 6.764Z"/>
+  <path fill="var(--sapContent_Illustrative_Color25)" d="M34.017 77.226c.392-1.021 7.207-2.676 8.506-.425.25-.546.537-1.721-.327-2.061-1.08-.426-5.66-.328-8.735 0-3.076.327-2.585 1.897-3.141 2.06-.445.132.185 6.991.556 10.404.698 8.147 2.327 22.19 2.327 23.786 0 1.996.29 2.878 1.73 3.205 1.44.327 9.586 2.454 9.586 2.29 0-.163-.262-.392-.622-1.341s-2.977-1.767-4.973-2.519c-1.995-.753-2.453-1.276-1.276-1.276 1.178 0 2.814.196 5.006.785s2.486 1.243.916-.785c-1.57-2.029-7.852-1.44-7.361-1.669.49-.229 1.309.033 1.21-.458-.098-.491-.556-.589-1.21-.752-.654-.164-1.734-1.014-.654-1.113.863-.078 10.745 2.903 14.3 3.633-.217-.469-2.688-3.115-4.389-3.926-2.127-1.014-9.257-1.212-9.911-1.539-.655-.327-1.833-15.867-.72-21.494 1.112-5.628-1.309-5.53-.818-6.805Z"/>
+  <path fill="var(--sapContent_Illustrative_Color24)" d="M35.82 72.796c-2.159-.24-4.498.566-5.398 1v3.299l5.399-1.8c1.68-.56 8.92-.171 13.352.295-3.933-.88-4.173-1.19-6.014-1.84-1.772-.626-4.639-.654-7.338-.954Z"/>
+  <path fill="var(--sapContent_Illustrative_Color24)" d="m31.235 66.254 2.753 7.739-2.754.558c-.892-11.46-2.12-10.455-5.468-11.46 3.601-.624 5.084 1.538 5.469 3.163Z"/>
+  <path fill="var(--sapContent_Illustrative_Color8)" d="M62.854 58.994c.529.882 3.784 2.821 3.526 3.702 2.41 0 7.37-.176 7.933-.88.706-.882-.263-2.822.142-5.417.285-1.829-1.296-2.226-1.12-3.196.176-.97-1.38-4.163-2.097-5.55-.787-1.521-1.502-1.098-1.144 1.856-.691-3.55-.975-3.879-1.775-3.737-.918.163-.68 1.851-.299 4.381-.336-1.12-.91-3.565-1.08-4.381a1.017 1.017 0 0 0-1.184-.838c-.684.168-.881 1.287-.405 4.575-.264-1.057-1.055-3.282-1.954-2.717-.834.525-.247 4.661.81 8.892-1.217-1.246-2.006-2.371-2.812-1.93-.637.349.93 4.359 1.459 5.24Z"/>
+  <path fill="var(--sapContent_Illustrative_Color25)" d="M62.76 56.444c-1.83-1.02-.38 1.574-.02 2.364.36.79 1.669 1.773 2.588 2.454 1.148.85 8.876.5 9.258-.648.307-.92.014-2.374-.241-2.984-.922.099-2.825.303-4.103 0-1.065-.253-1.536-.242-2.823 0-1.212.228-1.155.687-2.091.687-.936 0-.739-.852-2.568-1.873Z"/>
+  <path fill="var(--sapContent_Illustrative_Color8)" d="M36.652 78.903c.32-2.32 3.087-3.597 4.486-3.896 2.4 0 8.271.632 9.39.632.1-1.2 4.387-1.143 5.887-1.143.1-.7 2.4-.2 3.6 0 .08-1.04 1.966-1.7 2.899-1.9l2.5-6.699-.8-3.399c.166-.5.68-1.72 1.4-2.6.9-1.1 2.999-1.4 5.698-.7 2.7.7 3.3 3 3.3 4.2 0 1.2-.6 8.698-1.2 13.597-.6 4.9-8.898 7.399-10.298 8.499-1.4 1.1-5.3 3.3-8.599 4.1-2.64.639-3.699 1.665-3.899 2.099-1.433.433-4.859 1.26-7.099 1.1-2.799-.2-3.899-2.2-6.698-4.5-2.8-2.3-.967-6.49-.567-9.39Z"/>
+  <path fill="var(--sapContent_Illustrative_Color22)" d="M35.346 77.65c.537-1.064 1.926-2.972 2.951-3.289.317-.112 4.088-.723 6.99.914-4.915-.544-6.655.118-8.16 3.27-.605 1.264-.712 5.047.74 8.947.848 2.279 2.093 5.533 4.474 6.416 1.326.037 1.59-.798 2.299-.269.709.53 6.071-1.098 6.753-2.763l1.55-.699c0 .503-.97 1.888-1.91 2.737-1.173 1.062-6.46 3.919-11.434.725-2.652-1.703-4.718-7.282-4.975-9.277-.44-3.418-.175-4.934.721-6.711Z"/>
+  <path fill="var(--sapContent_Illustrative_Color8)" d="M45.56 108.333c-1.536-.888-12.684-1.332-18.065-1.443-.226 1.11-.542 3.352 0 3.441.677.111 11.63 3.33 14.565 4.551 2.348.977 7 5.81 9.032 8.104 1.187-.339 1.185-9.5 1.005-10.211-.226-.888-4.618-3.332-6.537-4.442Z"/>
+  <path fill="var(--sapContent_Illustrative_Color25)" d="M40.618 108.207c-4.818-.411-6.73-.406-8.207-.406-.5 0-1.018.177-1.214.999-.156.657 0 2.384 0 3.375.21-.352.744-1.135 1.214-1.448.587-.391 5.398 2.083 8.449 2.982-1.006-1.295-2.36-2.496-4.89-3.373-2.719-.941-1.233-.847-.742-.792 1.7.189 2.678.276 5.39-1.337Zm3.678 12.529c-.985-.464-2.158-1.324-1.964-1.517 3.187 0 6.948 1.701 8.542 3.367 1.275 1.333 1.42 4.443 1.082 5.891H49.13c-.29-1.762-.126-4.79-.996-5.891-1.086-1.377-2.607-1.27-3.839-1.85Z"/>
+  <path fill="var(--sapContent_Illustrative_Color22)" d="M32.117 123.239c2.285-4.879 4.528-6.15 7.459-6.364 1.96-.143 6.835 1.43 7.913 2.197 1.077.766 1.255.609 3.376 3.483-5.816-3.764-11.774-4.53-14.642-1.848-2.868 2.682-3.755 4.477-3.755 7.77h-1.501c0-1.272.327-3.479 1.15-5.238Z"/>
+  <path fill="var(--sapContent_Illustrative_Color25)" d="M12.578 66.994c.466-.934 7.527-2.82 11.271-3.695 2.681-.656 4.464-.152 5.493.895 1.197 1.218 1.508 2.897 1.946 6.544.437 3.646 1.85 30.178 2.142 37.471.266 6.635-.95 7.271-3.237 7.721-1.86.366-8.386 1.045-12.324 1.483-3.938.438-4.85-.171-5.297-1.313-.421-1.075-.392-24.358-.538-36.027-.194-3.938.077-12.146.544-13.08Z"/>
+  <path fill="var(--sapContent_Illustrative_Color24)" d="M14.455 67.027c.386-1.158 1.518-1.498 2.65-1.94-4.904 1.385-4.906 2.074-5.257 3.257-.28.947-.117 8.325 0 11.89 4.252 2.952 13.426 7.946 13.426 3.755 0-5.939.2-6.109-1.374-6.956-2.852-1.532-9.641 1.74-9.641-1.007 0-1.47-.286-7.553.196-9Z"/>
+  <path fill="var(--sapContent_Illustrative_Color25)" d="M13.159 117.634c.73.236 6.677-.402 9.879-.765.701-.079 1.32-.129 2.045-.716.726-.586.53-1.452.53-2.541V95.824c0-3.184.336-14.354 0-15.778-.263-1.121-1.032-1.815-2.373-2.318-1.34-.502-2.29-.308-3.602 0-1.037.243-4.72 1.173-6.2 1.48-1.48.308-2.094 1.313-2.373 1.927-.28.614-.252 3.853-.252 6.06 0 2.205.252 25.524.252 27.814 0 2.29 1.748 2.513 2.094 2.625Z"/>
+  <path fill="var(--sapContent_Illustrative_Color8)" d="M18.214 78.093c.072-.027.153-.05.24-.066.85-.234 1.741-.507 2.864-.61 1.229-.11 2.605.401 3.456 1 .85.598.505 2.61.505 4.274v27.784c0 3.962.17 5.132-1.003 5.523-.686.228-1.287.307-2.153 0-.865-.307-1.539-1.211-1.647-2.594-.069-.877.223-15.767.223-21.63 0-5.865.224-11.702-.838-13.15-.422-.577-.987-.671-1.407-.596l-.24.065Z"/>
+  <path fill="var(--sapContent_Illustrative_Color8)" d="M25.197 65.28c-1.436-1.795-5.664-.711-8.424-.11 7.58-2.14 8.814-2.705 11.12-1.86 2.767 1.014 3.225 2.503 4.194 14.958.417 5.365 2.438 32.378 1.195 35.324-1.242 2.945-4.115 2.527-8.259 3.033 1.123-.444.975-1.62.982-2.444.095-11.408.198-30.422.198-32.527 0-2.263.788-14.132-1.006-16.375Z"/>
+  <circle cx="36.56" cy="64.507" r="5.094" fill="var(--sapContent_Illustrative_Color8)"/>
+  <path fill="var(--sapContent_Illustrative_Color24)" d="M31.737 62.698a4.242 4.242 0 0 1 3.024-2.921l1.41-.268c-.58.112-1.896.976-2.653 1.768-1.617 1.69-1.14 4.907 0 6.19 1.464 1.646 6.31 1.21 7.304-.156-.338 1.014-2.088 2.185-3.774 2.4-1.34.17-2.594.07-3.927-1.257-1.472-1.466-2.06-3.533-1.384-5.756Z"/>
+  <path fill="var(--sapContent_Illustrative_Color25)" d="M31.737 62.698a4.242 4.242 0 0 1 3.024-2.921l1.41-.268c-.58.112-1.896.976-2.653 1.768-1.617 1.69-1.14 4.907 0 6.19 1.464 1.646 6.31 1.21 7.304-.156-.338 1.014-2.088 2.185-3.774 2.4-1.34.17-2.594.07-3.927-1.257-1.472-1.466-2.06-3.533-1.384-5.756Z"/>
+  <path fill="var(--sapContent_Illustrative_Color24)" d="M37.048 69.71c-1.34.17-2.594.07-3.927-1.256-1.157-1.152-1.768-2.675-1.648-4.353.065-.914.523.975 1.049.854.124 1.015.496 1.95.996 2.512 1.464 1.646 6.31 1.21 7.304-.156-.338 1.014-2.088 2.185-3.774 2.4Z"/>
+  <path fill="var(--sapContent_Illustrative_Color25)" d="M60.3 75.88c-2.07 0-2.56-1.152-3.883-1.395.095-.89 3.67.095 4.207.095.537 0 .448-.675 1.176-1.02.729-.345 1.564.17 3.25.783 1.349.49 1.466 3.8.807 4.718-.09-.805-.506-2.568-1.456-3.18-1.188-.767-2.606-1.189-2.874-.997-.268.192 2.49 1.475 2.223 2.659-1.55-1.234-2.4-1.663-3.45-1.663Zm-2.173 10.723c1.449.504 10.264-4.86 12.61-5.081-8.233 5.576-12.897 7.207-16.857 8.592-2.402.84-2.227.82-3.015 1.845-.788 1.024-5.836 2.14-6.23 1.667-.393-.472-.124-1.806 0-2.691.078-.546 1.53-1.295.244-.994-2.405.563-.162 3.43-1.973 3.902-1.812.472-4.004-1.49-4.476-2.908-.473-1.418-.741-1.676-1.49-2.464-.597-.628-1.5-3.677-.98-4.88.567-1.314.197-1.328.276-3.375.078-2.048 1.009-.266 2.865-2.893 1.236-1.75.554.917-.391 1.704-.945.788-1.573 6.073-.777 5.263.93-.946 4.11-4.776 5.686-4.618 1.575.157 1.181 3.544 1.26 5.592.079 2.048 1.085 2.672 2.188.467 1.102-2.205 1.514-.467 1.041 2.447-.472 2.914.552 1.654 1.34.551.787-1.102 2.6-6.403 2.205-11.051 1.29.63 1.77 6.861 0 10.5-1.33 2.734.978 1.733 2.553.551 1.576-1.181 1.024-1.024 1.26-2.126.237-1.103.849-.63 2.66 0Z"/>
+  <path fill="var(--sapContent_Illustrative_Color24)" d="M10.851 111.545c0 3.673 0 5.712 2.358 6.086-1.939-.684-1.77-1.394-1.523-8.826.31-9.324 2.026-21.733.858-23.383-2.474-3.493-.24-5.228-1.22-4.775-1.452.672-.473 26.99-.473 30.897v.001Z"/>
+</svg>
+`;

package/dist/illustrations-v5/tnt/tnt-Spot-Tools.js ADDED Viewed

@@ -0,0 +1,26 @@
+export default `<svg id="tnt-Spot-Tools" xmlns="http://www.w3.org/2000/svg" width="128" height="128" fill="none" viewBox="0 0 128 128">
+  <rect width="128" height="55" y="40" fill="var(--sapContent_Illustrative_Color20)" rx="8"/>
+  <path fill="var(--sapContent_Illustrative_Color21)" d="M78.39 70.14h-.004v.005l.005-.004Z"/>
+  <path fill="var(--sapContent_Illustrative_Color21)" d="m65.6 77.95 11.638-7.087.656-.4c.147-.062.472-.302.492-.314l-.039.012c.043-.031.093-.062.136-.093l.03-.023c.07-.04.14-.074.206-.117l3.738-2.326c-.031.012-.07.023-.101.035.116-.05.225-.105.31-.167.911-.678-.496-1.85-3.148-2.613-2.648-.764-5.54-.834-6.455-.155-.012.008-.02.02-.031.027l-3.8 2.412c-.043.027-.074.05-.108.077l-13.23 8.053-26.038-7.208-.558.256 15.128 13.93-2.093 1.276-3.238 4.827-.035.05-1 1.497-.477.718 1.474-.443.527-.158 2.303-.698 7.68-2.334 6.6 6.075.751-.108 32.091-8.522-23.406-6.475-.004-.004Zm-20.464-2.268 6.96 1.9h-.008l-6.94-1.892-.008-.008h-.004Zm.597.55 5.924 1.613-2.508 1.528-3.416-3.14Zm8.921 8.208 4.97-2.85 1.784-1.085 14.268 3.889-16.455 4.25-4.563-4.2-.004-.004Zm4.614 4.242 17.195-4.44h.015-.007l-14.637-3.997h.008L76.49 84.24l-17.218 4.447-.004-.004Z"/>
+  <path fill="var(--sapContent_Illustrative_Color8)" d="M61.01 76.66h-.004s0-.01-.009-.01h.013v.01Z"/>
+  <path fill="var(--sapContent_Illustrative_Color8)" d="M61.01 76.659h-.004s0-.005-.009-.005c0 0 .009.005.013.005Z"/>
+  <path fill="var(--sapContent_Illustrative_Color31)" d="M52.944 69.784s5.82 6.967 8.06 6.886l-10.387 6.385-1.923-2.062 3.684-10.817.566-.392Z"/>
+  <path fill="var(--sapContent_Illustrative_Color8)" d="M55.646 74.643c-.59-.469-1.252-.574-1.818-.55h.213c.109.007.221.011.326.034h.008c.077.012.15.028.228.043a2.839 2.839 0 0 1 .694.264c.113.066.229.143.334.228.577.462.845 1.067.957 1.617-.104-.558-.356-1.174-.942-1.636Zm-5.858 7.336c-.601-.481-.911-1.16-.845-1.722l-1.086 3.183-.566 1.671 1.504-.93 2.815-1.745c-.539.163-1.237.012-1.822-.45v-.007Zm10.139-5.657a3.241 3.241 0 0 0-.954.105 4.093 4.093 0 0 0-.837.299 4.53 4.53 0 0 1 1.763-.365l.008-.008c.55.035.919.206 1.066.29l.047-.03c-.132-.078-.516-.256-1.094-.291Zm-7.278-2.303a.757.757 0 0 0-.062.163c.039-.082.07-.16.097-.24-.008.027-.023.05-.035.077Zm-.147.364.015-.011v-.016l-.015.027Zm.388-.985c-.066.167-.116.357-.206.543.446-1.152.462-2.144.365-2.83-.012-.074-.027-.136-.035-.183-.016-.042-.02-.077-.027-.097v-.015a2.15 2.15 0 0 0-.105-.295c0-.008 0-.023-.011-.035a2.693 2.693 0 0 0-.342-.53c.09.1.233.263.36.5.311.554.563 1.511 0 2.942Z"/>
+  <path fill="var(--sapContent_Illustrative_Color14)" d="m86.039 70.83-.799.323-31.199-17.99.64-.438L86.03 70.83h.008Z"/>
+  <path fill="var(--sapContent_Illustrative_Color14)" d="m68.82 80.238-.728.279 17.144-9.363.799-.322-17.218 9.406h.004Z"/>
+  <path fill="var(--sapContent_Illustrative_Color26)" d="m57.182 77.29-.132.085c-.046.035-.093.066-.147.105a7.215 7.215 0 0 1-.341.209l29.52-36.693.085.027c.082.023.16.043.244.062.163.039.338.074.508.097l.256.035h.05c.067.008.129.012.194.012.26.023.508.023.733.011L59.857 76.417l-.02.031-.007.008c-.45 0-1.07.078-1.764.365a6.05 6.05 0 0 0-.896.473h.012v-.004Z"/>
+  <path fill="var(--sapContent_Illustrative_Color29)" d="M81.824 37.53a.983.983 0 0 1-.058-.131l-.008-.012-.007-.011s-.008-.016-.008-.024c-.012-.004-.012-.015-.012-.015l-.007-.024s-.012-.027-.02-.038c-.007-.012-.007-.024-.007-.024l-.012-.023-.008-.023v-.012l-.008-.008v-.007h-.007l-.012-.027-.016-.035v-.008l-.007-.015-.012-.024v-.008l-.012-.015v-.012h-.007v-.007l-.012-.028v-.011l-.008-.012-.011-.023v-.035s0-.02-.012-.031c-.008-.039-.023-.07-.035-.109v-.007c-.008-.047-.027-.09-.039-.132v-.027a2.496 2.496 0 0 1-.034-.097.263.263 0 0 0-.012-.047v-.015l-.008-.024v-.015s-.011-.031-.011-.043c0-.023-.012-.066-.012-.066v-.011a3.142 3.142 0 0 1-.105-.558 4.264 4.264 0 0 1-.035-.543 3.593 3.593 0 0 1 .334-1.516l-.074.089-29.055 36.111-3.524 10.364-.04.108-1.088 3.21-.52 1.54 1.508-.927 2.885-1.772v-.015c-.028.015-.05.02-.078.027-.531.167-1.237.015-1.822-.45a2.324 2.324 0 0 1-.78-1.12l3.676-10.492c.066.093.05.078.12.221 0 .012 0 .027.012.04.02.042.039.092.054.142.229.582.372 1.486-.046 2.734-.074.233-.182.504-.28.764l-.07.186 1.098-1.28 28.303-35.495.011-.015c-.019-.039-.046-.081-.062-.124v.008Z"/>
+  <path fill="var(--sapContent_Illustrative_Color15)" d="M56.565 77.69c.035-.228.07-.693-.027-1.224 0-.031-.012-.058-.012-.09-.116-.55-.384-1.15-.961-1.616-.109-.086-.225-.155-.338-.229-.066-.035-.131-.07-.201-.1a2.272 2.272 0 0 0-.489-.167 4.566 4.566 0 0 0-.228-.043H54.3a2.372 2.372 0 0 0-.326-.031h-.008c-.07 0-.14-.008-.205 0h-.023c-.05 0-.093 0-.136.008-.5.035-.92.163-1.132.244L81.976 37.76l.011-.016c.147.252.31.5.496.74.171.23.361.45.578.664.09.093.19.194.295.283.046.042.1.089.15.131.075.07.156.128.23.19.736.59 1.547 1 2.353 1.241l-.015.023-29.497 36.678h-.012v-.004Z"/>
+  <path fill="var(--sapContent_Illustrative_Color31)" d="M87.283 35.402c-2.252-1.547-3.14-3.92-2.877-5.455l-3.989 5.168c-1.369 1.71.081 3.89 2.365 5.847 2.284 1.958 5.343 2.683 7.006.45l3.885-4.94c-1.047.927-3.986.586-6.39-1.07Z"/>
+  <path fill="var(--sapContent_Illustrative_Color25)" d="M93.89 36.193c.954-1.446-.396-4.02-3.013-5.75-2.617-1.725-5.517-1.953-6.475-.507-.957 1.446.396 4.02 3.013 5.75 2.617 1.725 5.517 1.953 6.475.507Z"/>
+  <path fill="var(--sapContent_Illustrative_Color8)" d="M92.85 36.372c.462-.54.047-1.644-.922-2.478-.973-.834-2.133-1.074-2.594-.539-.461.54-.047 1.644.923 2.478.973.833 2.132 1.074 2.594.539Zm-53.43.233 27.06 52.639 32.09-18.029-59.15-34.61ZM54.7 52.722l31.35 18.106-17.217 9.406L54.7 52.726v-.004Z"/>
+  <path fill="var(--sapContent_Illustrative_Color14)" d="m39.42 36.605-.558.538 26.865 52.33.752-.229-27.058-52.64Zm19.545 30.373L56.317 68.4l.19.353 2.645-1.423-.19-.352h.003ZM48.57 49.193l-1.647.884.19.353 1.648-.884-.19-.353Zm5.432 10.554-1.655.892.19.353 1.655-.888-.19-.353v-.004Zm-2.806-5.451-1.652.888.19.353 1.652-.888-.19-.353Zm5.467 10.61-1.633.876.19.353 1.633-.876-.19-.353Zm2.755 5.313-1.648.884.19.353 1.648-.884-.19-.353Zm2.652 5.168-1.635.88.19.353 1.636-.88-.19-.353Zm2.695 5.238-1.632.876.19.353 1.632-.876-.19-.353Z"/>
+  <path fill="var(--sapContent_Illustrative_Color26)" d="m89.447 41.877-.88.632c-.694.547-.977-.054-2.233.264a.742.742 0 0 0-.155-.035c-.066 0-.221-.059-.287-.066-.02 0-.047-.016-.062-.016-.082-.015-.05-.027-.136-.038-.17-.028-.132-.05-.295-.09-.089-.015-.116-.042-.198-.066l-.255-.097L66.47 65.341l1.857.438-4.253 5.475c.097.143.694 1.337.694 1.337l5.172-6.432 18.3-22.755.683-.849c.158-.135.515-.678.515-.678h.008Z"/>
+  <path fill="var(--sapContent_Illustrative_Color29)" d="m59.24 61.506 20.948-26.042.016-.043c-.225.469-.314.67-.326 1.21 0 .182.415.22.434.403.016.186.055.372.105.558v.012l.012.066c0 .011.007.03.011.042v.016s0 .011.008.023v.016s.012.034.012.046c.011.035.023.066.035.097v.027c.011.043.03.085.038.132v.008c.012.038.027.07.035.108.008.012.012.016.012.031 0 0-.268-.174-.268-.17l.272.178v.008l.007.008v.007s.008.012.012.024c0 0 0 .007.008.011v.012s.008.015.011.027v.008h.008v.011s.012.012.012.016v.008s.008.011.011.023l.008.015v.008l.016.035.011.027h.008v.008l.008.008v.011s0 .012.008.024l.011.023s0 .011.008.023.012.027.023.039l.008.023s0 .012.012.016c0 .007.007.015.007.023 0 0 0 .004.008.011l.008.012a.99.99 0 0 0 .058.132c.295-.159-.077.198-.058.236l-.163.388L60.64 64.255"/>
+  <path fill="var(--sapContent_Illustrative_Color15)" d="M60.613 64.26 80.86 39.09l.012-.016c.148.252.31.5.496.74.171.23.361.45.578.664.09.093.19.194.295.283.046.042.1.089.151.132.074.07.155.127.229.19.736.589 1.547 1 2.353 1.24l-.015.023-18.483 22.972"/>
+  <path fill="var(--sapContent_Illustrative_Color11)" d="M90.393 36.997c-1.09-.31-2.369-.923-3.35-1.699-1.485-1.178-2.555-2.314-2.884-3.81l-4.16 5.171c-.202 1.078.694 2.78 2.721 4.385 1.152.915 2.323 1.346 3.241 1.5l4.87-5.547h-.438Z"/>
+  <path fill="var(--sapContent_Illustrative_Color1)" d="M80.192 37.752c.171.872.807 1.842 1.811 2.838l4.536-5.498c-.826-.868-1.655-1.624-2.066-2.64l-4.277 5.308v-.008h-.004Z"/>
+  <path fill="var(--sapContent_Illustrative_Color8)" d="M87.47 42.857c-1.31 0-2.92-.512-4.428-1.504-2.745-1.81-3.862-4.385-2.834-5.936l-.012.023c-.713 1.443.465 3.916 3.044 5.614 2.574 1.698 5.463 1.931 6.378.543l-.074.112c-.465.702-1.004 1.156-2.074 1.156v-.008Z"/>
+  <path fill="var(--sapContent_Illustrative_Color14)" d="m67.006 82.485-2.655 1.427.33.605 2.655-1.427-.33-.605Zm-2.694-5.226-2.656 1.427.33.604 2.656-1.426-.33-.605Zm-2.714-5.229-2.656 1.426.33.605 2.656-1.427-.33-.605Zm-2.776-5.234-2.656 1.427.33.605L59.15 67.4l-.33-.605Zm-2.676-5.25-2.656 1.427.33.605 2.656-1.427-.33-.605Zm-2.71-5.204-2.656 1.427.33.604 2.656-1.426-.33-.605Zm-2.62-5.132-2.656 1.427.33.605 2.655-1.427-.329-.605ZM48 46.002l-2.655 1.427.33.605 2.655-1.427-.33-.605Z"/>
+</svg>
+`;

package/dist/illustrations-v5/tnt/tnt-Spot-Tutorials.js ADDED Viewed

@@ -0,0 +1,17 @@
+export default `<svg id="tnt-Spot-Tutorials" xmlns="http://www.w3.org/2000/svg" width="128" height="128" fill="none" viewBox="0 0 128 128">
+  <path fill="var(--sapContent_Illustrative_Color20)" fill-rule="evenodd" d="M128 49.6v36c0 5.298-4.302 9.6-9.6 9.6H9.6c-5.298 0-9.6-4.302-9.6-9.6v-36C0 44.302 4.302 40 9.6 40h108.8c5.298 0 9.6 4.302 9.6 9.6Z" clip-rule="evenodd"/>
+  <path fill="var(--sapContent_Illustrative_Color21)" d="m86.688 83.474-53.24 9.507a2.04 2.04 0 0 1-1.21-.16l-3.014-1.4-3.778.588a3.108 3.108 0 0 1-.486.032c-.17 0-.354-.016-.533-.04a5.101 5.101 0 0 1-.514-.1 2.845 2.845 0 0 1-.433-.154l-6.31-3.002a.784.784 0 0 1-.263-.175c-.052-.06-.071-.116-.055-.171.015-.052.063-.1.147-.14.083-.04.195-.071.346-.091l3.71-.546-11.19-5.207c-.685-.318-.541-1.325.203-1.44l42.034-6.477a3.084 3.084 0 0 1 1.222.055l33.384 8.316c.322.08.31.546-.02.605Z"/>
+  <path fill="var(--sapContent_Illustrative_Color13)" d="M88.55 34.172a1.6 1.6 0 0 1 .625.1 2.078 2.078 0 0 1 1.017.837c.124.196.215.41.271.638l.993 4.319-64.57 3.887-.834-4.8a1.679 1.679 0 0 1 .024-.722 1.563 1.563 0 0 1 .825-1.025 1.81 1.81 0 0 1 .702-.184l60.946-3.05Z"/>
+  <path fill="var(--sapContent_Illustrative_Color8)" d="m26.882 43.954 64.566-3.884 8.298 36.084c.056.243.064.482.04.702-.028.219-.1.426-.203.606a1.38 1.38 0 0 1-.41.442 1.331 1.331 0 0 1-.579.216l-62.43 7.823a1.932 1.932 0 0 1-.773-.06 1.9 1.9 0 0 1-.686-.35 2.199 2.199 0 0 1-.522-.579 2.06 2.06 0 0 1-.283-.75l-7.014-40.25h-.004Z"/>
+  <path fill="var(--sapContent_Illustrative_Color14)" d="M36.169 85.943a2.007 2.007 0 0 1-.774-.06 2.035 2.035 0 0 1-.686-.35 2.155 2.155 0 0 1-.805-1.332L26.89 43.954l-.834-4.8a1.576 1.576 0 0 1-.028-.36 1.65 1.65 0 0 1 .156-.657c.044-.1.108-.196.171-.28L25.3 39.233c-.064.088-.12.18-.172.275a1.579 1.579 0 0 0-.155.65c0 .116 0 .236.028.355l.821 4.75 6.894 39.803c.044.271.144.518.28.742.135.223.315.418.514.574.203.155.43.271.678.347.247.072.506.096.766.06l61.866-7.816 1.779-.857-62.43 7.823v.004Z"/>
+  <path fill="var(--sapContent_Illustrative_Color24)" d="M100.041 70.551a1.031 1.031 0 0 1-.135.403.914.914 0 0 1-.271.295.921.921 0 0 1-.391.143L31.16 79.443a1.39 1.39 0 0 1-.53-.044 1.394 1.394 0 0 1-.474-.235 1.524 1.524 0 0 1-.363-.387 1.41 1.41 0 0 1-.204-.506l-1.818-9.24a1.258 1.258 0 0 1 .004-.518 1.147 1.147 0 0 1 .558-.761c.148-.084.307-.14.49-.156l67.733-6.823a.961.961 0 0 1 .435.052c.14.044.28.116.399.216a1.457 1.457 0 0 1 .522.794l2.102 8.253c.039.164.051.323.035.47l-.008-.007Z"/>
+  <path fill="var(--sapContent_Illustrative_Color11)" d="M99.532 71.31a.368.368 0 0 1-.092.036c-.032.012-.064.02-.096.028s-.068.012-.1.016l-68.079 8.05a1.39 1.39 0 0 1-.53-.043 1.392 1.392 0 0 1-.475-.236 1.524 1.524 0 0 1-.363-.386 1.41 1.41 0 0 1-.203-.507l-1.818-9.239c-.02-.1-.028-.2-.024-.295 0-.096.016-.187.036-.275a1.56 1.56 0 0 1 .103-.255c.044-.08.092-.156.152-.22a4.663 4.663 0 0 0-.112.132l-.028.028-.191.215a1.251 1.251 0 0 1-.068.072c-.016.02-.04.044-.056.064a1.06 1.06 0 0 0-.064.068l-.147.167s-.012.012-.016.02l-.06.06c-.008.012-.016.02-.028.032l-.367.41a1.35 1.35 0 0 0-.151.22 1 1 0 0 0-.1.25 1.53 1.53 0 0 0-.04.276c0 .092.004.191.028.291l1.787 9.14a1.477 1.477 0 0 0 .562.88c.14.105.299.184.466.232a1.3 1.3 0 0 0 .527.04l.793-.773-.793.777 67.47-8.079c.035-.004.067-.012.099-.016a.433.433 0 0 0 .096-.028c.031-.012.06-.023.087-.035a.452.452 0 0 0 .084-.048l1.79-1.125-.083.048.004.008Z"/>
+  <path fill="var(--sapContent_Illustrative_Color8)" d="M63.448 68.95c.056.08.111.164.16.252.047.088.095.175.135.267a3.047 3.047 0 0 1 .243.921 2.924 2.924 0 0 1-.016.666c-.016.108-.04.212-.068.311a2.515 2.515 0 0 1-.27.606 2.184 2.184 0 0 1-.982.846 2.441 2.441 0 0 1-1.387.16 2.787 2.787 0 0 1-.686-.212 3.31 3.31 0 0 1-.622-.375 2.944 2.944 0 0 1-.527-.518 3.629 3.629 0 0 1-.203-.283 2.871 2.871 0 0 1-.307-.634 2.567 2.567 0 0 1-.096-.343 3.548 3.548 0 0 1-.056-.351 2.421 2.421 0 0 1 .02-.666 2.43 2.43 0 0 1 .347-.913 2.18 2.18 0 0 1 .43-.49 2.18 2.18 0 0 1 .56-.348c.203-.088.43-.147.67-.171.254-.028.51-.016.76.036.252.052.491.131.722.247a3.155 3.155 0 0 1 1.169 1.005l.004-.012Zm-1.551 3.657c.303-.035.574-.131.81-.275.234-.143.434-.339.585-.57.152-.231.255-.49.307-.778a2.25 2.25 0 0 0-.028-.905 2.7 2.7 0 0 0-.992-1.539 2.518 2.518 0 0 0-.802-.415c-.287-.087-.586-.12-.89-.087a1.93 1.93 0 0 0-1.399.833c-.155.227-.26.49-.31.778a2.24 2.24 0 0 0 .023.909 2.64 2.64 0 0 0 .997 1.543c.243.183.518.327.805.415.288.087.59.12.89.083"/>
+  <path fill="var(--sapContent_Illustrative_Color11)" d="M60.884 68.045c.303-.032.602 0 .89.088.286.088.557.227.8.415a2.684 2.684 0 0 1 .993 1.54c.068.31.076.617.029.904a2.015 2.015 0 0 1-.308.778 1.906 1.906 0 0 1-1.395.845c-.3.032-.602 0-.89-.084a2.459 2.459 0 0 1-.805-.414 2.815 2.815 0 0 1-.63-.674 2.555 2.555 0 0 1-.367-.87 2.341 2.341 0 0 1-.024-.909c.052-.287.16-.55.311-.777.152-.228.351-.419.59-.563.24-.143.51-.239.81-.27l-.004-.009Z"/>
+  <path fill="var(--sapContent_Illustrative_Color8)" d="M97.215 65.291c.143-.016.287 0 .422.044.136.044.272.116.387.207.116.092.224.208.311.335a1.351 1.351 0 0 1 .224.886 1.006 1.006 0 0 1-.128.386.863.863 0 0 1-.646.415l-33.882 3.804a2.517 2.517 0 0 0 .096-.638c0-.111 0-.223-.012-.339a2.606 2.606 0 0 0-.056-.347 2.886 2.886 0 0 0-.323-.841 2.655 2.655 0 0 0-.16-.251l33.767-3.665v.004Z"/>
+  <path fill="var(--sapContent_Illustrative_Color11)" d="M35.12 70.784c.092-.008.18 0 .267.024a.75.75 0 0 1 .423.315.78.78 0 0 1 .103.251l.69 3.438a.65.65 0 0 1 0 .263.6.6 0 0 1-.526.479.664.664 0 0 1-.267-.025.792.792 0 0 1-.24-.12.714.714 0 0 1-.183-.195.7.7 0 0 1-.104-.25l-.69-3.446a.648.648 0 0 1 0-.263.581.581 0 0 1 .284-.391.623.623 0 0 1 .247-.08h-.004Zm-2.448.265a.774.774 0 0 1 .271.024.75.75 0 0 1 .423.315.78.78 0 0 1 .103.251l.686 3.45a.668.668 0 0 1 0 .267.557.557 0 0 1-.1.227.624.624 0 0 1-.435.251.658.658 0 0 1-.266-.024.79.79 0 0 1-.427-.315.65.65 0 0 1-.104-.255l-.685-3.457a.651.651 0 0 1 0-.264.585.585 0 0 1 .283-.394.566.566 0 0 1 .247-.08l.004.004Zm26.195-1.771c-.032.1-.056.207-.072.31a2.423 2.423 0 0 0-.02.666c.012.116.028.232.056.351.027.12.06.232.095.343.036.112.084.22.136.327a2.945 2.945 0 0 0 .375.59L43.439 73.66c-.18.02-.36 0-.53-.048a1.553 1.553 0 0 1-.841-.63 1.5 1.5 0 0 1-.212-.507 1.25 1.25 0 0 1 0-.53c.035-.167.1-.319.195-.454a1.14 1.14 0 0 1 .359-.331c.143-.084.307-.14.486-.16l15.978-1.73-.008.008Z"/>
+  <path fill="var(--sapContent_Illustrative_Color1)" d="m99.328 81.401-1.897 1.224s-.043.03-.063.04c-.02.009-.044.028-.058.038-.02.01-.044.03-.059.04-.02.009-.044.028-.063.038-.405.244-.82.468-1.244.668a12.993 12.993 0 0 1-4.11 1.136c-.239.03-.483.049-.722.064-.238.014-.487.019-.73.024-.245 0-.493 0-.742-.02s-.497-.029-.746-.058a15.56 15.56 0 0 1-4.437-1.126 17.438 17.438 0 0 1-4.096-2.418 17.973 17.973 0 0 1-1.803-1.639 18.998 18.998 0 0 1-1.575-1.858 18.746 18.746 0 0 1-1.317-2.047 18.163 18.163 0 0 1-1.755-4.5 16.664 16.664 0 0 1-.448-4.637c.034-.766.131-1.517.282-2.253a13.944 13.944 0 0 1 1.477-4.032 12.607 12.607 0 0 1 2.58-3.247l1.672-1.512a12.819 12.819 0 0 0-2.598 3.282 13.739 13.739 0 0 0-1.482 4.071 15.64 15.64 0 0 0-.224 4.612 16.3 16.3 0 0 0 .394 2.35c.19.78.434 1.555.727 2.321.302.766.648 1.507 1.043 2.223a18.937 18.937 0 0 0 2.92 3.954 18.337 18.337 0 0 0 3.832 3.033c.693.41 1.405.766 2.131 1.073.727.307 1.468.55 2.219.746a15.194 15.194 0 0 0 3.764.483c.248 0 .492-.01.74-.02a15.798 15.798 0 0 0 2.17-.293c.474-.097.937-.229 1.385-.38.454-.151.892-.331 1.326-.527.434-.2.849-.424 1.254-.672.024-.015.043-.03.063-.04.024-.01.044-.029.058-.038.02-.01.044-.03.059-.04.02-.01.044-.029.063-.043"/>
+  <path fill="var(--sapContent_Illustrative_Color11)" d="M98.494 55.823a18.56 18.56 0 0 1 2.272 2.184c.692.79 1.316 1.634 1.867 2.516a18.199 18.199 0 0 1 1.414 2.784c.39.96.702 1.96.922 2.974.161.76.273 1.516.326 2.277a15.628 15.628 0 0 1-.297 4.442 14.648 14.648 0 0 1-.619 2.096 13.506 13.506 0 0 1-2.131 3.691 11.935 11.935 0 0 1-1.468 1.512c-.531.463-1.101.882-1.71 1.253a12.404 12.404 0 0 1-2.58 1.2 13.54 13.54 0 0 1-1.385.38c-.468.102-.95.18-1.438.229a9.507 9.507 0 0 1-.731.058c-.244.015-.493.02-.742.02-.248 0-.497 0-.746-.02a20.61 20.61 0 0 1-.755-.058 14.59 14.59 0 0 1-2.263-.405 16.257 16.257 0 0 1-2.218-.746 17.69 17.69 0 0 1-4.14-2.448 18.91 18.91 0 0 1-1.823-1.653 18.22 18.22 0 0 1-1.59-1.881 18.526 18.526 0 0 1-2.374-4.3 17.012 17.012 0 0 1-.726-2.322 17.773 17.773 0 0 1-.395-2.35 17.003 17.003 0 0 1-.059-2.335 15.3 15.3 0 0 1 .888-4.437c.253-.692.565-1.355.916-1.984a12.03 12.03 0 0 1 1.21-1.78c.453-.556.94-1.073 1.472-1.536a12.206 12.206 0 0 1 1.701-1.263 13.068 13.068 0 0 1 3.9-1.599 13.57 13.57 0 0 1 2.137-.312 14.395 14.395 0 0 1 2.93.112c.975.137 1.94.366 2.891.688.95.321 1.877.731 2.774 1.228.897.503 1.76 1.078 2.584 1.746v.014l-.014.025Z"/>
+  <path fill="var(--sapContent_Illustrative_Color8)" d="M88.455 74.966c-.868.488-2.116-.18-2.31-1.229l-1.146-6.226-1.146-6.226c-.195-1.048.804-1.75 1.843-1.297L99.509 66c1.155.502 1.428 1.989.463 2.525l-11.517 6.441Z"/>
+</svg>
+`;

package/dist/illustrations-v5/tnt/tnt-Spot-Unlock.js ADDED Viewed

@@ -0,0 +1,45 @@
+export default `<svg id="tnt-Spot-Unlock" xmlns="http://www.w3.org/2000/svg" width="128" height="128" fill="none" viewBox="0 0 128 128">
+  <rect width="128" height="55" y="40" fill="var(--sapContent_Illustrative_Color20)" rx="8"/>
+  <path fill="var(--sapContent_Illustrative_Color21)" d="m79.507 76.518 16.236 9.553c.14.083.05.156-.193.163l-3.627.118 1.654.973-6.215.175-3.197-.183-1.155-.668-38.715 1.265 1.83 1.076-7.077.198-3.662-.456-1.143-.666-5.556.126-3.713-.548-.829-.49-.84-.076L8.598 78.43l9.195-.733.015.007a.694.694 0 0 1 .136-.011l60.876-1.308c.252-.007.562.057.702.137l-.016-.004Z"/>
+  <path fill="var(--sapContent_Illustrative_Color28)" d="m90.326 83.65 6.48-.332v4.166l-6.48.149v-3.984Z"/>
+  <path fill="var(--sapContent_Illustrative_Color29)" d="m90.326 83.664-2.89.148.019 2.878 2.875.939v-3.965h-.004Z"/>
+  <path fill="var(--sapContent_Illustrative_Color28)" d="m30.752 81.41 5.34-.06.868 4.116-6.208.012V81.41Z"/>
+  <path fill="var(--sapContent_Illustrative_Color30)" d="M27.993 79.228v3.92l2.763 2.33v-4.026l-2.763-2.224Z"/>
+  <path fill="var(--sapContent_Illustrative_Color28)" d="m39.389 85.934 7.381-.376v4.268l-7.381.171V85.93v.004Z"/>
+  <path fill="var(--sapContent_Illustrative_Color30)" d="m39.385 85.922-2.89-1.824.019 3.919 2.875 1.976v-4.075l-.004.004Z"/>
+  <path fill="var(--sapContent_Illustrative_Color28)" d="m38.223 29.9 63.162 3.041v50.936l-63.162 2.28V29.9Z"/>
+  <path fill="var(--sapContent_Illustrative_Color26)" d="M99.773 81.958a.19.19 0 0 1-.193-.19V34.816L55.323 31.88a.187.187 0 0 1-.182-.197.185.185 0 0 1 .202-.18l44.438 2.947a.187.187 0 0 1 .182.19v47.134a.19.19 0 0 1-.194.19l.004-.007Z"/>
+  <path fill="var(--sapContent_Illustrative_Color30)" d="M43.26 36.058c0-.87.74-1.562 1.624-1.52l49.988 2.399a1.53 1.53 0 0 1 1.472 1.516v39.764c0 .817-.658 1.49-1.491 1.52l-49.988 1.799c-.876.03-1.608-.658-1.608-1.52V36.057h.004Z"/>
+  <path fill="var(--sapContent_Illustrative_Color14)" d="M51.785 29.148 54.11 28v61.199l-2.325-.764V29.148Z"/>
+  <path fill="var(--sapContent_Illustrative_Color13)" d="m54.11 28 42.238 9.009v42.675L54.11 89.2V28Z"/>
+  <path fill="var(--sapContent_Illustrative_Color14)" d="m56.974 31.915 36.96 7.884V77.14l-36.96 8.325v-53.55Z"/>
+  <path fill="var(--sapContent_Illustrative_Color22)" d="M63.797 47.777h-2.712v20.42h2.712v-20.42Z"/>
+  <path fill="var(--sapContent_Illustrative_Color13)" d="M64.786 48.86h-2.713v20.42h2.713V48.86Z"/>
+  <path fill="var(--sapContent_Illustrative_Color8)" d="M64.185 49.99h-.387v18.16h.387V49.99Z"/>
+  <path fill="var(--sapContent_Illustrative_Color30)" d="M95.747 46.074a4.55 4.55 0 0 1 2.337-.019c.08.023.139.114.139.217v6.698c0 .102-.058.197-.14.22a4.51 4.51 0 0 1-2.336.034c-.082-.019-.14-.11-.14-.216v-6.713c0-.103.058-.198.14-.22Z"/>
+  <path fill="var(--sapContent_Illustrative_Color14)" d="M96.32 53.324a4.198 4.198 0 0 1-.573-.095c-.082-.02-.14-.11-.14-.213v-6.713c0-.103.058-.198.14-.22.19-.058.38-.1.573-.13"/>
+  <path fill="var(--sapContent_Illustrative_Color15)" d="M95.883 45.516a3.19 3.19 0 0 1 1.949-.015c.07.022.116.114.116.216v6.698c0 .102-.046.197-.116.22a3.163 3.163 0 0 1-1.95.027c-.069-.02-.115-.11-.115-.217v-6.713c0-.102.046-.197.116-.216Z"/>
+  <path fill="var(--sapContent_Illustrative_Color30)" d="M96.34 45.397c-.19.027-.38.065-.566.118h-.004v7.143h.004c.186.049.376.083.566.11v-7.374.003Z"/>
+  <path fill="var(--sapContent_Illustrative_Color30)" d="m97.952 49.35-2.185.023v.41l2.185-.026v-.406Z"/>
+  <path fill="var(--sapContent_Illustrative_Color8)" d="m97.588 49.355-.938.01v.408l.938-.012v-.407Z"/>
+  <path fill="var(--sapContent_Illustrative_Color26)" d="M97.777 52.654v-7.169a2.933 2.933 0 0 0-.484-.102l.008 7.382s.197-.023.476-.11Z"/>
+  <path fill="var(--sapContent_Illustrative_Color30)" d="M95.805 65.153a4.557 4.557 0 0 1 2.337-.06c.082.018.14.11.14.212v6.698c0 .103-.058.198-.14.22a4.556 4.556 0 0 1-2.337.076c-.08-.019-.139-.11-.139-.213v-6.712c0-.103.058-.198.14-.22Z"/>
+  <path fill="var(--sapContent_Illustrative_Color14)" d="M96.379 72.394a4.198 4.198 0 0 1-.574-.095c-.08-.02-.139-.11-.139-.213v-6.713c0-.103.058-.198.14-.22.19-.057.38-.1.573-.13"/>
+  <path fill="var(--sapContent_Illustrative_Color15)" d="M95.94 64.59a3.193 3.193 0 0 1 1.95-.05c.07.02.116.111.116.214v6.697c0 .103-.047.198-.116.22a3.166 3.166 0 0 1-1.95.062c-.07-.02-.116-.11-.116-.213v-6.713c0-.103.047-.198.117-.22v.003Z"/>
+  <path fill="var(--sapContent_Illustrative_Color30)" d="M96.394 64.465c-.19.03-.38.072-.566.129h-.004v7.142h.004c.186.046.376.08.566.1V64.46v.004Z"/>
+  <path fill="var(--sapContent_Illustrative_Color30)" d="m98.006 68.388-2.182.064v.407l2.182-.065v-.406Z"/>
+  <path fill="var(--sapContent_Illustrative_Color8)" d="m97.642 68.4-.934.026v.407l.934-.027V68.4Z"/>
+  <path fill="var(--sapContent_Illustrative_Color26)" d="M97.836 71.695v-7.17a2.904 2.904 0 0 0-.484-.094l.007 7.382s.198-.027.477-.118Z"/>
+  <path fill="var(--sapContent_Illustrative_Color22)" d="M70.995 55.982c-.915 7.742 3.813 14.245 9.527 13.72 4.753-.44 7.952-5.767 7.834-11.484-.107-5.246-3.014-10.08-6.977-11.334-4.625-1.46-9.574 2.214-10.384 9.098Z"/>
+  <path fill="var(--sapContent_Illustrative_Color13)" d="M72.213 56.14c-.822 7.598 3.774 13.98 9.28 13.472 4.596-.424 7.67-5.67 7.528-11.309-.136-5.177-2.985-9.948-6.838-11.166-4.486-1.418-9.238 2.228-9.97 9.002Z"/>
+  <path fill="var(--sapContent_Illustrative_Color8)" d="m75.066 52.047 1.514 1.343c.132-.278.278-.543.439-.789l-1.464-1.307c-.279-.246-.614-.282-.75-.075-.136.207-.021.582.26.832v-.004Zm.699 4.486c.003-.06.01-.122.018-.182l-2.018-.16c-.368-.03-.682.181-.703.474-.022.293.267.553.639.578l2.032.14c0-.282.01-.568.032-.854v.004Zm2.7-5.5c.21-.154.428-.29.657-.404l-.743-1.681c-.15-.34-.422-.54-.61-.447-.19.093-.219.45-.069.793l.764 1.735v.004Zm3.556-.735v-1.66c0-.344-.157-.65-.35-.686-.193-.036-.353.214-.353.56l-.007 1.675c.235.018.47.054.71.114v-.003Zm4.299 4.592 1.236-.786c.218-.14.318-.425.228-.64-.089-.214-.339-.282-.56-.146l-1.214.75c.118.264.218.54.314.821h-.004Zm-1.802-3.081.624-1.421c.122-.275.09-.607-.067-.747-.161-.139-.39-.028-.514.247l-.626 1.382c.204.164.397.346.579.539h.004Zm-8.381 8.352-1.818 1.121c-.342.211-.535.607-.428.886.107.279.471.325.814.11l1.778-1.131a9.73 9.73 0 0 1-.346-.986Zm12.148-2.804L86.8 57.24c.018.24.032.482.032.729 0 .06-.004.121-.004.182l1.497.103c.26.018.457-.167.446-.414-.01-.246-.229-.46-.486-.482Zm-.582 4.783-1.318-1.18a8.95 8.95 0 0 1-.314.837l1.307 1.16c.243.214.51.204.6-.025.09-.225-.032-.578-.271-.793h-.004Zm-6.099 3.073c-.125 0-.247-.014-.372-.021l-.01 2.153c0 .46.178.825.403.81.225-.014.404-.392.404-.85v-2.131c-.14.018-.282.035-.425.035v.004Zm3.267-1.571c-.189.207-.389.4-.6.57l.793 1.8c.16.365.429.536.6.383.168-.154.175-.572.014-.932l-.807-1.821Zm-6.606.161-.922 2.032c-.189.418-.171.879.036 1.025.207.147.529-.075.71-.493l.883-2a5.568 5.568 0 0 1-.71-.567l.003.003Z"/>
+  <path fill="var(--sapContent_Illustrative_Color14)" d="M75.762 56.597c-.372 4.7 2.414 8.73 5.842 8.684 3.053-.043 5.263-3.389 5.228-7.256-.033-3.646-2.064-6.967-4.771-7.663-3.003-.771-5.953 1.864-6.303 6.238l.004-.003Z"/>
+  <path fill="var(--sapContent_Illustrative_Color20)" d="M76.13 56.578c-.34 4.446 2.292 8.263 5.538 8.235 2.9-.025 5.006-3.19 4.981-6.87-.025-3.482-1.964-6.653-4.55-7.31-2.856-.725-5.648 1.796-5.966 5.945h-.004Z"/>
+  <path fill="var(--sapContent_Illustrative_Color14)" d="M77.655 58.328c-.175 2.756 1.424 5.113 3.446 5.149 1.885.035 3.342-1.993 3.363-4.442.025-2.357-1.296-4.453-3.042-4.775-1.864-.343-3.6 1.425-3.767 4.068Z"/>
+  <path fill="var(--sapContent_Illustrative_Color20)" d="M78.372 56.932c-.157 2.664 1.4 4.985 3.353 5.075 1.825.082 3.228-1.85 3.243-4.225.014-2.289-1.275-4.356-2.971-4.706-1.807-.375-3.478 1.3-3.628 3.856h.003Z"/>
+  <path fill="var(--sapContent_Illustrative_Color14)" d="m81.907 51.32-1.588 1.278a.623.623 0 0 0-.204.271l-.471 1.186 1.985-.422.275-2.314h.004Z"/>
+  <path fill="var(--sapContent_Illustrative_Color8)" d="M81.978 53.772c-1.72-.335-3.303 1.196-3.595 3.56 0-.132-.018-.264-.007-.4.15-2.556 1.82-4.231 3.627-3.856 1.697.35 2.986 2.417 2.972 4.706 0 .122-.018.232-.03.35-.11-2.16-1.345-4.046-2.963-4.36h-.004Z"/>
+  <path fill="var(--sapContent_Illustrative_Color8)" d="m82.603 52.09.118.657c.107.603-.193 1.14-.603 1.057l-.275-.053c-.418-.083-.7-.754-.55-1.318l.16-.607c.211-.786.997-.593 1.15.264Z"/>
+  <path fill="var(--sapContent_Illustrative_Color30)" d="M26.985 37.313 38.223 29.9v56.258l-11.238-5.512V37.313Z"/>
+</svg>
+`;

package/dist/illustrations-v5/tnt/tnt-Spot-UnsuccessfulAuth.js ADDED Viewed

@@ -0,0 +1,15 @@
+export default `<svg id="tnt-Spot-UnsuccessfulAuth" xmlns="http://www.w3.org/2000/svg" width="128" height="128" fill="none" viewBox="0 0 128 128">
+  <rect width="128" height="55" y="40" fill="var(--sapContent_Illustrative_Color20)" rx="8"/>
+  <path fill="var(--sapContent_Illustrative_Color21)" fill-rule="evenodd" d="m39.9 92.272 58.706-8.529c.359-.065.372-.57.021-.657l-35.466-9.278a3.328 3.328 0 0 0-1.324-.06l-47.25 5.526c-.804.126-.96 1.215-.22 1.561L38.59 92.1c.406.19.865.251 1.31.169v.004Z" clip-rule="evenodd"/>
+  <path fill="var(--sapContent_Illustrative_Color8)" d="m30.18 44.09 62.95-4.82 8.05 37.76c.08.39.09.77.03 1.13-.06.36-.19.68-.37.96-.18.28-.42.52-.7.69-.28.17-.61.29-.97.33l-58.03 5.93c-.39.04-.78 0-1.14-.12-.36-.12-.71-.3-1.02-.54a3.51 3.51 0 0 1-.79-.88c-.22-.34-.36-.72-.44-1.13l-7.57-39.31Z"/>
+  <path fill="var(--sapContent_Illustrative_Color23)" d="M84.24 60.04c.17-.01.33 0 .49.06.16.06.31.14.44.24.13.1.25.24.34.39.09.15.16.32.2.49l.9 4.31a1.258 1.258 0 0 1-.16.95 1.09 1.09 0 0 1-.78.46l-36.31 3.38c-.17.02-.35 0-.51-.06-.16-.06-.32-.14-.46-.25-.14-.11-.26-.24-.35-.4a1.75 1.75 0 0 1-.2-.51l-.87-4.42a1.3 1.3 0 0 1 0-.52c.03-.16.1-.31.19-.44s.21-.24.35-.32c.14-.08.3-.13.47-.15l36.26-3.22v.01Z"/>
+  <path fill="var(--sapContent_Illustrative_Color8)" d="m61.89 64.02.16 1.1.81-.49.41.77-.89.33.88.8-.6.54-.76-.96-.37 1.07-.82-.43.56-.92-1.01-.16.11-.81 1 .33-.3-1.09.82-.08Zm10.36-.93.16 1.09.8-.49.41.77-.89.32.87.8-.58.54-.77-.95-.35 1.05-.8-.42.54-.92-.99-.15.1-.81.98.33-.29-1.09.81-.07Z"/>
+  <path fill="var(--sapContent_Illustrative_Color23)" d="M81.91 48.86c.17-.01.33 0 .49.06.16.06.31.14.44.25a1.592 1.592 0 0 1 .54.88l.9 4.28c.04.18.04.35.01.51-.03.16-.09.31-.17.43-.08.12-.19.23-.33.31-.14.08-.28.13-.45.14l-36.23 3.12c-.17.02-.35 0-.51-.06-.16-.06-.32-.14-.46-.25-.14-.11-.26-.24-.35-.4-.09-.16-.16-.32-.2-.5l-.86-4.38a1.3 1.3 0 0 1 0-.52 1.156 1.156 0 0 1 .53-.76c.13-.08.3-.13.47-.14l36.18-2.96v-.01Z"/>
+  <path fill="var(--sapContent_Illustrative_Color8)" d="m59.23 52.76.15 1.07.78-.48.41.74-.88.31.86.77-.59.52-.73-.93-.35 1.03-.78-.42.53-.88-.98-.15.1-.79.97.33-.28-1.06.79-.06Zm7.86 10.8.15 1.09.81-.49.42.77-.9.32.88.8-.6.55-.76-.96-.36 1.06-.8-.43.54-.92-.99-.15.09-.82.99.33-.28-1.08.81-.07ZM54.18 53.18l.15 1.07.79-.48.4.75-.88.31.86.77-.59.52-.74-.93-.36 1.03-.79-.42.55-.88-.98-.16.1-.79.97.33-.28-1.06.8-.06Zm-5.09.42.15 1.08.79-.48.41.74-.89.31.86.78-.59.53-.74-.94-.36 1.03-.79-.42.55-.89-.98-.15.09-.79.98.33-.28-1.06.8-.07Zm7.58 10.89.15 1.11.81-.5.43.77-.92.33.89.81-.61.55-.76-.97-.37 1.07-.81-.43.56-.92-1.01-.16.1-.82 1 .33-.29-1.09.83-.08Zm-5.26.48.14 1.11.83-.5.42.77-.91.33.89.81-.62.55-.76-.97-.38 1.07-.81-.43.56-.92-1.01-.16.1-.82 1.01.33-.3-1.1.84-.07Z"/>
+  <path fill="var(--sapContent_Illustrative_Color14)" d="M99.93 79.92c-.08.04-.16.07-.24.1-.08.03-.17.05-.26.07-.09.02-.18.03-.27.04l-58.03 5.93c-.39.04-.78 0-1.14-.12-.36-.12-.71-.3-1.02-.54a3.51 3.51 0 0 1-.79-.88c-.22-.34-.36-.72-.44-1.13l-7.56-39.3-.74-3.83c-.05-.24-.06-.48-.05-.71.01-.23.05-.45.12-.66.07-.21.16-.41.27-.59.11-.18.25-.34.4-.49l-1.39 1.28c-.15.14-.29.31-.4.49-.11.18-.2.38-.27.58-.07.21-.11.43-.12.66-.01.23 0 .47.05.71l.73 3.82 7.52 39.14c.08.41.23.79.44 1.12.21.34.48.63.78.87.3.24.65.42 1.01.54.36.12.75.16 1.14.12l57.82-5.94c.09 0 .18-.02.27-.04.09-.02.17-.04.26-.07.09-.03.16-.06.24-.1.08-.04.15-.08.22-.12l1.67-1.06c-.07.05-.15.09-.22.13v-.02Z"/>
+  <path fill="var(--sapContent_Illustrative_Color13)" d="M89.16 33c.36-.03.72.03 1.06.14.34.11.66.3.95.53.29.23.54.52.74.84.2.32.35.68.43 1.06l.79 3.69-62.95 4.83-.74-3.83c-.08-.4-.07-.78 0-1.14.07-.36.22-.68.42-.96.2-.28.46-.51.77-.68.31-.17.66-.28 1.04-.31L89.16 33Z"/>
+  <path fill="var(--sapContent_Illustrative_Color1)" d="m101.526 83.084-1.429.918s-.032.021-.046.028c-.014.007-.032.022-.046.029-.014.007-.032.02-.046.028-.014.007-.032.021-.046.028-.305.185-.617.351-.94.504a8.91 8.91 0 0 1-.992.393 9.846 9.846 0 0 1-2.11.46c-.18.022-.365.036-.545.047-.181.01-.37.014-.553.017-.185.004-.373 0-.56-.01a11.503 11.503 0 0 1-2.255-.34 12.428 12.428 0 0 1-3.247-1.344 13.503 13.503 0 0 1-2.861-2.253 14.033 14.033 0 0 1-2.18-2.934A13.014 13.014 0 0 1 82.893 77a12.922 12.922 0 0 1-.837-3.473 11.631 11.631 0 0 1 .167-3.43 10.466 10.466 0 0 1 1.117-3.03 9.632 9.632 0 0 1 1.946-2.442l1.262-1.137c-.39.35-.751.737-1.078 1.148a9.833 9.833 0 0 0-.882 1.318c-.259.464-.486.957-.674 1.467a11.075 11.075 0 0 0-.66 3.307 12.738 12.738 0 0 0 .344 3.519 13.847 13.847 0 0 0 2.341 4.975c.368.496.769.967 1.198 1.413.429.447.89.862 1.375 1.244a13.312 13.312 0 0 0 3.123 1.84 12.046 12.046 0 0 0 3.382.864c.192.018.38.032.57.043a10.087 10.087 0 0 0 1.678-.05c.365-.039.726-.1 1.084-.174a9.271 9.271 0 0 0 1.046-.287c.34-.113.674-.248 1-.396.326-.15.642-.32.946-.507.018-.01.032-.022.05-.029.018-.007.032-.02.046-.028.014-.007.032-.021.046-.028.014-.007.032-.022.046-.032"/>
+  <path fill="var(--sapContent_Illustrative_Color23)" d="M100.895 63.863a14.145 14.145 0 0 1 3.123 3.533 13.781 13.781 0 0 1 1.762 4.327c.12.57.202 1.141.244 1.712a11.638 11.638 0 0 1-.223 3.338 10.904 10.904 0 0 1-.468 1.577 10.08 10.08 0 0 1-1.606 2.774c-.333.412-.705.79-1.106 1.138a9.552 9.552 0 0 1-4.282 2.133 9.855 9.855 0 0 1-1.085.174 9.628 9.628 0 0 1-.553.046c-.184.01-.372.014-.56.018a7.417 7.417 0 0 1-.564-.014 11.289 11.289 0 0 1-2.28-.347 12.707 12.707 0 0 1-3.282-1.365 13.44 13.44 0 0 1-1.514-1.035 13.857 13.857 0 0 1-2.573-2.657 13.818 13.818 0 0 1-2.34-4.976 12.626 12.626 0 0 1-.344-3.519 10.965 10.965 0 0 1 .67-3.334c.195-.521.426-1.017.691-1.492a9.631 9.631 0 0 1 2.017-2.491 9.28 9.28 0 0 1 1.284-.95 9.69 9.69 0 0 1 2.942-1.198 10.473 10.473 0 0 1 3.818-.149c.734.103 1.464.277 2.18.518.716.24 1.415.55 2.092.925s1.329.811 1.95 1.31l.007.004Z"/>
+  <path fill="var(--sapContent_Illustrative_Color8)" d="M97.216 67.726a1.125 1.125 0 0 1 .436.057c.07.024.141.053.209.092a1.444 1.444 0 0 1 .51.485 1.29 1.29 0 0 1 .199.663 1.102 1.102 0 0 1-.078.425c-.029.064-.06.128-.1.188l-1.999 2.906 3.102 2.473a1.779 1.779 0 0 1 .17.163c.025.029.053.06.075.092.02.032.046.064.067.1.021.035.043.07.06.106.018.035.036.07.05.11.014.039.028.074.039.113.01.039.021.075.028.114.007.038.014.074.018.113.003.039.007.078.007.113v.114a.54.54 0 0 1-.014.11c-.007.035-.014.074-.025.11a.885.885 0 0 1-.035.102c-.015.032-.029.068-.047.1l-.053.091-.063.085a.51.51 0 0 1-.075.078.743.743 0 0 1-.17.124c-.028.018-.06.032-.092.047a.835.835 0 0 1-.1.039c-.035.01-.067.02-.102.028-.036.007-.071.014-.107.014-.035 0-.074.004-.11.004-.035 0-.074 0-.11-.007-.035-.008-.074-.011-.11-.018a1.277 1.277 0 0 1-.216-.067 1.462 1.462 0 0 1-.298-.18L95.17 74.33l-2.024 2.96c-.021.028-.043.06-.067.084l-.075.078c-.025.025-.053.046-.081.067a1.31 1.31 0 0 1-.089.06.893.893 0 0 1-.305.117.722.722 0 0 1-.11.018c-.039.004-.074.004-.113.004-.04 0-.075 0-.114-.007-.039-.007-.074-.01-.113-.018-.04-.007-.075-.018-.114-.028a.588.588 0 0 1-.11-.043l-.106-.05c-.035-.017-.067-.038-.103-.06-.035-.02-.067-.046-.099-.07-.032-.025-.064-.054-.092-.078a1.044 1.044 0 0 1-.085-.089 1.017 1.017 0 0 1-.078-.096l-.071-.103c-.021-.035-.039-.07-.06-.106-.022-.035-.036-.074-.05-.11a1.056 1.056 0 0 1-.039-.113c-.01-.039-.021-.078-.028-.117a1.342 1.342 0 0 1-.018-.117 1.148 1.148 0 0 1-.007-.117c0-.039 0-.078.003-.117a1.22 1.22 0 0 1 .015-.113.84.84 0 0 1 .028-.11.836.836 0 0 1 .138-.298l2.042-2.959-3.127-2.49a1.285 1.285 0 0 1-.173-.167 1.093 1.093 0 0 1-.142-.195c-.039-.071-.078-.138-.106-.213a1.316 1.316 0 0 1-.093-.46 1.16 1.16 0 0 1 .086-.433c.028-.067.063-.131.102-.188a.874.874 0 0 1 .142-.16.95.95 0 0 1 .578-.245c.07-.002.149-.002.223.005a.99.99 0 0 1 .224.05c.074.024.145.053.212.092a1.4 1.4 0 0 1 .199.134l3.116 2.488 2.003-2.892a.842.842 0 0 1 .301-.28 1.036 1.036 0 0 1 .4-.12h.026Z"/>
+</svg>
+`;

package/dist/shellbar/IShellBarSearchController.d.ts ADDED Viewed

@@ -0,0 +1,28 @@
+/**
+ * Interface for ShellBar search controllers.
+ */
+export interface IShellBarSearchController {
+    /**
+     * Subscribe to search field events.
+     */
+    subscribe(): void;
+    /**
+     * Unsubscribe from search field events.
+     */
+    unsubscribe(): void;
+    /**
+     * Auto-collapse or expand search based on available space.
+     * @param hiddenItems Number of items currently hidden due to overflow
+     * @param availableSpace Available space in pixels (spacer width)
+     */
+    autoManageSearchState(hiddenItems: number, availableSpace: number): void;
+    /**
+     * Sync component state (showSearchField) to search field.
+     */
+    syncShowSearchFieldState(): void;
+    /**
+     * Check if full-screen search should be shown.
+     * Returns true when shellbar is overflowing AND search is visible.
+     */
+    shouldShowFullScreen(): boolean;
+}

package/dist/shellbar/IShellBarSearchController.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ export {};
2	+ //# sourceMappingURL=IShellBarSearchController.js.map

package/dist/shellbar/IShellBarSearchController.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"IShellBarSearchController.js","sourceRoot":"","sources":["../../src/shellbar/IShellBarSearchController.ts"],"names":[],"mappings":"","sourcesContent":["/**\n * Interface for ShellBar search controllers.\n */\nexport interface IShellBarSearchController {\n\t/**\n\t * Subscribe to search field events.\n\t */\n\tsubscribe(): void;\n\n\t/**\n\t * Unsubscribe from search field events.\n\t */\n\tunsubscribe(): void;\n\n\t/**\n\t * Auto-collapse or expand search based on available space.\n\t * @param hiddenItems Number of items currently hidden due to overflow\n\t * @param availableSpace Available space in pixels (spacer width)\n\t */\n\tautoManageSearchState(hiddenItems: number, availableSpace: number): void;\n\n\t/**\n\t * Sync component state (showSearchField) to search field.\n\t */\n\tsyncShowSearchFieldState(): void;\n\n\t/**\n\t * Check if full-screen search should be shown.\n\t * Returns true when shellbar is overflowing AND search is visible.\n\t */\n\tshouldShowFullScreen(): boolean;\n}\n"]}

package/dist/shellbar/ShellBarAccessibility.d.ts ADDED Viewed

@@ -0,0 +1,42 @@
+import type { AccessibilityAttributes, AriaRole } from "@ui5/webcomponents-base";
+type ShellBarLogoAccessibilityAttributes = {
+    role?: Extract<AriaRole, "button" | "link">;
+    name?: string;
+};
+type ShellBarProfileAccessibilityAttributes = Pick<AccessibilityAttributes, "name" | "expanded" | "hasPopup">;
+type ShellBarAreaAccessibilityAttributes = Pick<AccessibilityAttributes, "hasPopup" | "expanded">;
+type ShellBarBrandingAccessibilityAttributes = Pick<AccessibilityAttributes, "name">;
+type ShellBarAccessibilityAttributes = {
+    logo?: ShellBarLogoAccessibilityAttributes;
+    notifications?: ShellBarAreaAccessibilityAttributes;
+    profile?: ShellBarProfileAccessibilityAttributes;
+    product?: ShellBarAreaAccessibilityAttributes;
+    search?: ShellBarAreaAccessibilityAttributes;
+    overflow?: ShellBarAreaAccessibilityAttributes;
+    branding?: ShellBarBrandingAccessibilityAttributes;
+};
+interface ShellBarAreaAccessibilityInfo {
+    title: string | undefined;
+    accessibilityAttributes: {
+        name?: string;
+        hasPopup?: AccessibilityAttributes["hasPopup"];
+        expanded?: AccessibilityAttributes["expanded"];
+    };
+}
+type ShellBarAccessibilityInfo = {
+    notifications: ShellBarAreaAccessibilityInfo;
+    profile: ShellBarAreaAccessibilityInfo;
+    products: ShellBarAreaAccessibilityInfo;
+    overflow: ShellBarAreaAccessibilityInfo;
+    search: ShellBarAreaAccessibilityInfo;
+};
+declare class ShellBarAccessibility {
+    getActionsAccessibilityAttributes(defaultTexts: Record<string, string | undefined>, params: {
+        accessibilityAttributes: ShellBarAccessibilityAttributes;
+        overflowPopoverOpen: boolean;
+    }): ShellBarAccessibilityInfo;
+    getActionsRole(visibleItemsCount: number): "toolbar" | undefined;
+    getContentRole(visibleItemsCount: number): "group" | undefined;
+}
+export default ShellBarAccessibility;
+export type { ShellBarAccessibilityInfo, ShellBarAreaAccessibilityInfo, ShellBarAccessibilityAttributes, ShellBarLogoAccessibilityAttributes, ShellBarAreaAccessibilityAttributes, ShellBarProfileAccessibilityAttributes, };

package/dist/shellbar/ShellBarAccessibility.js ADDED Viewed

@@ -0,0 +1,50 @@
+class ShellBarAccessibility {
+    getActionsAccessibilityAttributes(defaultTexts, params) {
+        const { overflowPopoverOpen, accessibilityAttributes } = params;
+        const overflowExpanded = accessibilityAttributes.overflow?.expanded;
+        return {
+            notifications: {
+                title: defaultTexts.notifications,
+                accessibilityAttributes: {
+                    expanded: accessibilityAttributes.notifications?.expanded,
+                    hasPopup: accessibilityAttributes.notifications?.hasPopup,
+                },
+            },
+            profile: {
+                title: accessibilityAttributes.profile?.name || defaultTexts.profile,
+                accessibilityAttributes: {
+                    hasPopup: accessibilityAttributes.profile?.hasPopup,
+                    expanded: accessibilityAttributes.profile?.expanded,
+                },
+            },
+            products: {
+                title: defaultTexts.products,
+                accessibilityAttributes: {
+                    hasPopup: accessibilityAttributes.product?.hasPopup,
+                    expanded: accessibilityAttributes.product?.expanded,
+                },
+            },
+            search: {
+                title: defaultTexts.search,
+                accessibilityAttributes: {
+                    hasPopup: accessibilityAttributes.search?.hasPopup,
+                },
+            },
+            overflow: {
+                title: defaultTexts.overflow,
+                accessibilityAttributes: {
+                    hasPopup: accessibilityAttributes.overflow?.hasPopup || "menu",
+                    expanded: overflowExpanded === undefined ? overflowPopoverOpen : overflowExpanded,
+                },
+            },
+        };
+    }
+    getActionsRole(visibleItemsCount) {
+        return visibleItemsCount > 1 ? "toolbar" : undefined;
+    }
+    getContentRole(visibleItemsCount) {
+        return visibleItemsCount > 1 ? "group" : undefined;
+    }
+}
+export default ShellBarAccessibility;
+//# sourceMappingURL=ShellBarAccessibility.js.map

package/dist/shellbar/ShellBarAccessibility.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"ShellBarAccessibility.js","sourceRoot":"","sources":["../../src/shellbar/ShellBarAccessibility.ts"],"names":[],"mappings":"AAuCA,MAAM,qBAAqB;IAC1B,iCAAiC,CAChC,YAAgD,EAChD,MAGC;QAED,MAAM,EAAE,mBAAmB,EAAE,uBAAuB,EAAE,GAAG,MAAM,CAAC;QAChE,MAAM,gBAAgB,GAAG,uBAAuB,CAAC,QAAQ,EAAE,QAAQ,CAAC;QAEpE,OAAO;YACN,aAAa,EAAE;gBACd,KAAK,EAAE,YAAY,CAAC,aAAa;gBACjC,uBAAuB,EAAE;oBACxB,QAAQ,EAAE,uBAAuB,CAAC,aAAa,EAAE,QAAQ;oBACzD,QAAQ,EAAE,uBAAuB,CAAC,aAAa,EAAE,QAAQ;iBACzD;aACD;YACD,OAAO,EAAE;gBACR,KAAK,EAAE,uBAAuB,CAAC,OAAO,EAAE,IAAI,IAAI,YAAY,CAAC,OAAO;gBACpE,uBAAuB,EAAE;oBACxB,QAAQ,EAAE,uBAAuB,CAAC,OAAO,EAAE,QAAQ;oBACnD,QAAQ,EAAE,uBAAuB,CAAC,OAAO,EAAE,QAAQ;iBACnD;aACD;YACD,QAAQ,EAAE;gBACT,KAAK,EAAE,YAAY,CAAC,QAAQ;gBAC5B,uBAAuB,EAAE;oBACxB,QAAQ,EAAE,uBAAuB,CAAC,OAAO,EAAE,QAAQ;oBACnD,QAAQ,EAAE,uBAAuB,CAAC,OAAO,EAAE,QAAQ;iBACnD;aACD;YACD,MAAM,EAAE;gBACP,KAAK,EAAE,YAAY,CAAC,MAAM;gBAC1B,uBAAuB,EAAE;oBACxB,QAAQ,EAAE,uBAAuB,CAAC,MAAM,EAAE,QAAQ;iBAClD;aACD;YACD,QAAQ,EAAE;gBACT,KAAK,EAAE,YAAY,CAAC,QAAQ;gBAC5B,uBAAuB,EAAE;oBACxB,QAAQ,EAAE,uBAAuB,CAAC,QAAQ,EAAE,QAAQ,IAAI,MAAe;oBACvE,QAAQ,EAAE,gBAAgB,KAAK,SAAS,CAAC,CAAC,CAAC,mBAAmB,CAAC,CAAC,CAAC,gBAAgB;iBACjF;aACD;SACD,CAAC;IACH,CAAC;IAED,cAAc,CAAC,iBAAyB;QACvC,OAAO,iBAAiB,GAAG,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC;IACtD,CAAC;IAED,cAAc,CAAC,iBAAyB;QACvC,OAAO,iBAAiB,GAAG,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC;IACpD,CAAC;CACD;AAED,eAAe,qBAAqB,CAAC","sourcesContent":["import type { AccessibilityAttributes, AriaRole } from \"@ui5/webcomponents-base\";\n\n// Legacy Type logo accessibility attributes\ntype ShellBarLogoAccessibilityAttributes = {\n\trole?: Extract<AriaRole, \"button\" | \"link\">;\n\tname?: string;\n};\n\ntype ShellBarProfileAccessibilityAttributes = Pick<AccessibilityAttributes, \"name\" | \"expanded\" | \"hasPopup\">;\ntype ShellBarAreaAccessibilityAttributes = Pick<AccessibilityAttributes, \"hasPopup\" | \"expanded\">;\ntype ShellBarBrandingAccessibilityAttributes = Pick<AccessibilityAttributes, \"name\">;\n\ntype ShellBarAccessibilityAttributes = {\n\tlogo?: ShellBarLogoAccessibilityAttributes;\n\tnotifications?: ShellBarAreaAccessibilityAttributes;\n\tprofile?: ShellBarProfileAccessibilityAttributes;\n\tproduct?: ShellBarAreaAccessibilityAttributes;\n\tsearch?: ShellBarAreaAccessibilityAttributes;\n\toverflow?: ShellBarAreaAccessibilityAttributes;\n\tbranding?: ShellBarBrandingAccessibilityAttributes;\n};\n\ninterface ShellBarAreaAccessibilityInfo {\n\ttitle: string | undefined;\n\taccessibilityAttributes: {\n\t\tname?: string;\n\t\thasPopup?: AccessibilityAttributes[\"hasPopup\"];\n\t\texpanded?: AccessibilityAttributes[\"expanded\"];\n\t};\n}\n\ntype ShellBarAccessibilityInfo = {\n\tnotifications: ShellBarAreaAccessibilityInfo;\n\tprofile: ShellBarAreaAccessibilityInfo;\n\tproducts: ShellBarAreaAccessibilityInfo;\n\toverflow: ShellBarAreaAccessibilityInfo;\n\tsearch: ShellBarAreaAccessibilityInfo;\n};\n\nclass ShellBarAccessibility {\n\tgetActionsAccessibilityAttributes(\n\t\tdefaultTexts: Record<string, string | undefined>,\n\t\tparams: {\n\t\t\taccessibilityAttributes: ShellBarAccessibilityAttributes;\n\t\t\toverflowPopoverOpen: boolean;\n\t\t},\n\t): ShellBarAccessibilityInfo {\n\t\tconst { overflowPopoverOpen, accessibilityAttributes } = params;\n\t\tconst overflowExpanded = accessibilityAttributes.overflow?.expanded;\n\n\t\treturn {\n\t\t\tnotifications: {\n\t\t\t\ttitle: defaultTexts.notifications,\n\t\t\t\taccessibilityAttributes: {\n\t\t\t\t\texpanded: accessibilityAttributes.notifications?.expanded,\n\t\t\t\t\thasPopup: accessibilityAttributes.notifications?.hasPopup,\n\t\t\t\t},\n\t\t\t},\n\t\t\tprofile: {\n\t\t\t\ttitle: accessibilityAttributes.profile?.name || defaultTexts.profile,\n\t\t\t\taccessibilityAttributes: {\n\t\t\t\t\thasPopup: accessibilityAttributes.profile?.hasPopup,\n\t\t\t\t\texpanded: accessibilityAttributes.profile?.expanded,\n\t\t\t\t},\n\t\t\t},\n\t\t\tproducts: {\n\t\t\t\ttitle: defaultTexts.products,\n\t\t\t\taccessibilityAttributes: {\n\t\t\t\t\thasPopup: accessibilityAttributes.product?.hasPopup,\n\t\t\t\t\texpanded: accessibilityAttributes.product?.expanded,\n\t\t\t\t},\n\t\t\t},\n\t\t\tsearch: {\n\t\t\t\ttitle: defaultTexts.search,\n\t\t\t\taccessibilityAttributes: {\n\t\t\t\t\thasPopup: accessibilityAttributes.search?.hasPopup,\n\t\t\t\t},\n\t\t\t},\n\t\t\toverflow: {\n\t\t\t\ttitle: defaultTexts.overflow,\n\t\t\t\taccessibilityAttributes: {\n\t\t\t\t\thasPopup: accessibilityAttributes.overflow?.hasPopup || \"menu\" as const,\n\t\t\t\t\texpanded: overflowExpanded === undefined ? overflowPopoverOpen : overflowExpanded,\n\t\t\t\t},\n\t\t\t},\n\t\t};\n\t}\n\n\tgetActionsRole(visibleItemsCount: number): \"toolbar\" | undefined {\n\t\treturn visibleItemsCount > 1 ? \"toolbar\" : undefined;\n\t}\n\n\tgetContentRole(visibleItemsCount: number): \"group\" | undefined {\n\t\treturn visibleItemsCount > 1 ? \"group\" : undefined;\n\t}\n}\n\nexport default ShellBarAccessibility;\n\nexport type {\n\tShellBarAccessibilityInfo,\n\tShellBarAreaAccessibilityInfo,\n\tShellBarAccessibilityAttributes,\n\tShellBarLogoAccessibilityAttributes,\n\tShellBarAreaAccessibilityAttributes,\n\tShellBarProfileAccessibilityAttributes,\n};\n"]}

package/dist/shellbar/ShellBarItemNavigation.d.ts ADDED Viewed

@@ -0,0 +1,18 @@
+interface ShellBarItemNavigationConstructorParams {
+    getDomRef: () => HTMLElement | null;
+}
+declare class ShellBarItemNavigation {
+    private params;
+    constructor(params: ShellBarItemNavigationConstructorParams);
+    handleKeyDown(e: KeyboardEvent): void;
+    private shouldHandle;
+    private shouldChildHandleNavigation;
+    private shouldInputHandleNavigation;
+    private getTabbableItems;
+    private isVisible;
+    private navigateToItem;
+    private focusPrevious;
+    private focusNext;
+}
+export default ShellBarItemNavigation;
+export type { ShellBarItemNavigationConstructorParams, };

package/dist/shellbar/ShellBarItemNavigation.js ADDED Viewed

@@ -0,0 +1,86 @@
+import { isEnd, isHome, isLeft, isRight, } from "@ui5/webcomponents-base/dist/Keys.js";
+import { getTabbableElements } from "@ui5/webcomponents-base/dist/util/TabbableElements.js";
+import getActiveElement from "@ui5/webcomponents-base/dist/util/getActiveElement.js";
+class ShellBarItemNavigation {
+    constructor(params) {
+        this.params = params;
+    }
+    handleKeyDown(e) {
+        if (!this.shouldHandle(e)) {
+            return;
+        }
+        const domRef = this.params.getDomRef();
+        if (!domRef) {
+            return;
+        }
+        const activeElement = getActiveElement();
+        if (!activeElement) {
+            return;
+        }
+        if (this.shouldChildHandleNavigation(activeElement, e)) {
+            return;
+        }
+        const items = this.getTabbableItems(domRef);
+        const currentIndex = items.findIndex(el => el === activeElement);
+        if (currentIndex !== -1) {
+            e.preventDefault();
+            this.navigateToItem(items, currentIndex, e);
+        }
+    }
+    shouldHandle(e) {
+        return isLeft(e) || isRight(e) || isHome(e) || isEnd(e);
+    }
+    shouldChildHandleNavigation(element, e) {
+        if (element.tagName === "INPUT" || element.tagName === "TEXTAREA") {
+            return this.shouldInputHandleNavigation(element, e);
+        }
+        return false;
+    }
+    shouldInputHandleNavigation(input, e) {
+        const cursorPos = input.selectionStart || 0;
+        const textLength = input.value.length;
+        if (isLeft(e) && cursorPos > 0) {
+            return true;
+        }
+        if (isRight(e) && cursorPos < textLength) {
+            return true;
+        }
+        return false;
+    }
+    getTabbableItems(domRef) {
+        return getTabbableElements(domRef).filter(el => this.isVisible(el));
+    }
+    isVisible(element) {
+        const style = getComputedStyle(element);
+        return style.display !== "none"
+            && style.visibility !== "hidden"
+            && element.offsetWidth > 0
+            && element.offsetHeight > 0;
+    }
+    navigateToItem(items, currentIndex, e) {
+        if (isLeft(e)) {
+            this.focusPrevious(items, currentIndex);
+        }
+        else if (isRight(e)) {
+            this.focusNext(items, currentIndex);
+        }
+        else if (isHome(e)) {
+            items[0]?.focus();
+        }
+        else if (isEnd(e)) {
+            items[items.length - 1]?.focus();
+        }
+    }
+    focusPrevious(items, currentIndex) {
+        if (currentIndex > 0) {
+            items[currentIndex - 1].focus();
+        }
+    }
+    focusNext(items, currentIndex) {
+        if (currentIndex < items.length - 1) {
+            items[currentIndex + 1].focus();
+        }
+    }
+}
+export default ShellBarItemNavigation;
+//# sourceMappingURL=ShellBarItemNavigation.js.map

package/dist/shellbar/ShellBarItemNavigation.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"ShellBarItemNavigation.js","sourceRoot":"","sources":["../../src/shellbar/ShellBarItemNavigation.ts"],"names":[],"mappings":"AAAA,OAAO,EACN,KAAK,EACL,MAAM,EACN,MAAM,EACN,OAAO,GACP,MAAM,sCAAsC,CAAC;AAC9C,OAAO,EAAE,mBAAmB,EAAE,MAAM,uDAAuD,CAAC;AAC5F,OAAO,gBAAgB,MAAM,uDAAuD,CAAC;AAMrF,MAAM,sBAAsB;IAG3B,YAAY,MAA+C;QAC1D,IAAI,CAAC,MAAM,GAAG,MAAM,CAAC;IACtB,CAAC;IAED,aAAa,CAAC,CAAgB;QAC7B,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC,EAAE,CAAC;YAC3B,OAAO;QACR,CAAC;QAED,MAAM,MAAM,GAAG,IAAI,CAAC,MAAM,CAAC,SAAS,EAAE,CAAC;QACvC,IAAI,CAAC,MAAM,EAAE,CAAC;YACb,OAAO;QACR,CAAC;QAED,MAAM,aAAa,GAAG,gBAAgB,EAAE,CAAC;QACzC,IAAI,CAAC,aAAa,EAAE,CAAC;YACpB,OAAO;QACR,CAAC;QAED,IAAI,IAAI,CAAC,2BAA2B,CAAC,aAA4B,EAAE,CAAC,CAAC,EAAE,CAAC;YACvE,OAAO;QACR,CAAC;QAED,MAAM,KAAK,GAAG,IAAI,CAAC,gBAAgB,CAAC,MAAM,CAAC,CAAC;QAC5C,MAAM,YAAY,GAAG,KAAK,CAAC,SAAS,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,KAAK,aAAa,CAAC,CAAC;QAEjE,IAAI,YAAY,KAAK,CAAC,CAAC,EAAE,CAAC;YACzB,CAAC,CAAC,cAAc,EAAE,CAAC;YACnB,IAAI,CAAC,cAAc,CAAC,KAAK,EAAE,YAAY,EAAE,CAAC,CAAC,CAAC;QAC7C,CAAC;IACF,CAAC;IAEO,YAAY,CAAC,CAAgB;QACpC,OAAO,MAAM,CAAC,CAAC,CAAC,IAAI,OAAO,CAAC,CAAC,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,IAAI,KAAK,CAAC,CAAC,CAAC,CAAC;IACzD,CAAC;IAEO,2BAA2B,CAAC,OAAoB,EAAE,CAAgB;QACzE,IAAI,OAAO,CAAC,OAAO,KAAK,OAAO,IAAI,OAAO,CAAC,OAAO,KAAK,UAAU,EAAE,CAAC;YACnE,OAAO,IAAI,CAAC,2BAA2B,CAAC,OAAiD,EAAE,CAAC,CAAC,CAAC;QAC/F,CAAC;QACD,OAAO,KAAK,CAAC;IACd,CAAC;IAEO,2BAA2B,CAAC,KAA6C,EAAE,CAAgB;QAClG,MAAM,SAAS,GAAG,KAAK,CAAC,cAAc,IAAI,CAAC,CAAC;QAC5C,MAAM,UAAU,GAAG,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC;QAEtC,IAAI,MAAM,CAAC,CAAC,CAAC,IAAI,SAAS,GAAG,CAAC,EAAE,CAAC;YAChC,OAAO,IAAI,CAAC;QACb,CAAC;QAED,IAAI,OAAO,CAAC,CAAC,CAAC,IAAI,SAAS,GAAG,UAAU,EAAE,CAAC;YAC1C,OAAO,IAAI,CAAC;QACb,CAAC;QAED,OAAO,KAAK,CAAC;IACd,CAAC;IAEO,gBAAgB,CAAC,MAAmB;QAC3C,OAAO,mBAAmB,CAAC,MAAM,CAAC,CAAC,MAAM,CAAC,EAAE,CAAC,EAAE,CAAC,IAAI,CAAC,SAAS,CAAC,EAAE,CAAC,CAAC,CAAC;IACrE,CAAC;IAEO,SAAS,CAAC,OAAoB;QACrC,MAAM,KAAK,GAAG,gBAAgB,CAAC,OAAO,CAAC,CAAC;QACxC,OAAO,KAAK,CAAC,OAAO,KAAK,MAAM;eAC3B,KAAK,CAAC,UAAU,KAAK,QAAQ;eAC7B,OAAO,CAAC,WAAW,GAAG,CAAC;eACvB,OAAO,CAAC,YAAY,GAAG,CAAC,CAAC;IAC9B,CAAC;IAEO,cAAc,CAAC,KAAoB,EAAE,YAAoB,EAAE,CAAgB;QAClF,IAAI,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC;YACf,IAAI,CAAC,aAAa,CAAC,KAAK,EAAE,YAAY,CAAC,CAAC;QACzC,CAAC;aAAM,IAAI,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC;YACvB,IAAI,CAAC,SAAS,CAAC,KAAK,EAAE,YAAY,CAAC,CAAC;QACrC,CAAC;aAAM,IAAI,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC;YACtB,KAAK,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC;QACnB,CAAC;aAAM,IAAI,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC;YACrB,KAAK,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC;QAClC,CAAC;IACF,CAAC;IAEO,aAAa,CAAC,KAAoB,EAAE,YAAoB;QAC/D,IAAI,YAAY,GAAG,CAAC,EAAE,CAAC;YACtB,KAAK,CAAC,YAAY,GAAG,CAAC,CAAC,CAAC,KAAK,EAAE,CAAC;QACjC,CAAC;IACF,CAAC;IAEO,SAAS,CAAC,KAAoB,EAAE,YAAoB;QAC3D,IAAI,YAAY,GAAG,KAAK,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;YACrC,KAAK,CAAC,YAAY,GAAG,CAAC,CAAC,CAAC,KAAK,EAAE,CAAC;QACjC,CAAC;IACF,CAAC;CACD;AAED,eAAe,sBAAsB,CAAC","sourcesContent":["import {\n\tisEnd,\n\tisHome,\n\tisLeft,\n\tisRight,\n} from \"@ui5/webcomponents-base/dist/Keys.js\";\nimport { getTabbableElements } from \"@ui5/webcomponents-base/dist/util/TabbableElements.js\";\nimport getActiveElement from \"@ui5/webcomponents-base/dist/util/getActiveElement.js\";\n\ninterface ShellBarItemNavigationConstructorParams {\n\tgetDomRef: () => HTMLElement | null;\n}\n\nclass ShellBarItemNavigation {\n\tprivate params: ShellBarItemNavigationConstructorParams;\n\n\tconstructor(params: ShellBarItemNavigationConstructorParams) {\n\t\tthis.params = params;\n\t}\n\n\thandleKeyDown(e: KeyboardEvent): void {\n\t\tif (!this.shouldHandle(e)) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst domRef = this.params.getDomRef();\n\t\tif (!domRef) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst activeElement = getActiveElement();\n\t\tif (!activeElement) {\n\t\t\treturn;\n\t\t}\n\n\t\tif (this.shouldChildHandleNavigation(activeElement as HTMLElement, e)) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst items = this.getTabbableItems(domRef);\n\t\tconst currentIndex = items.findIndex(el => el === activeElement);\n\n\t\tif (currentIndex !== -1) {\n\t\t\te.preventDefault();\n\t\t\tthis.navigateToItem(items, currentIndex, e);\n\t\t}\n\t}\n\n\tprivate shouldHandle(e: KeyboardEvent): boolean {\n\t\treturn isLeft(e) || isRight(e) || isHome(e) || isEnd(e);\n\t}\n\n\tprivate shouldChildHandleNavigation(element: HTMLElement, e: KeyboardEvent): boolean {\n\t\tif (element.tagName === \"INPUT\" || element.tagName === \"TEXTAREA\") {\n\t\t\treturn this.shouldInputHandleNavigation(element as HTMLInputElement | HTMLTextAreaElement, e);\n\t\t}\n\t\treturn false;\n\t}\n\n\tprivate shouldInputHandleNavigation(input: HTMLInputElement | HTMLTextAreaElement, e: KeyboardEvent): boolean {\n\t\tconst cursorPos = input.selectionStart || 0;\n\t\tconst textLength = input.value.length;\n\n\t\tif (isLeft(e) && cursorPos > 0) {\n\t\t\treturn true;\n\t\t}\n\n\t\tif (isRight(e) && cursorPos < textLength) {\n\t\t\treturn true;\n\t\t}\n\n\t\treturn false;\n\t}\n\n\tprivate getTabbableItems(domRef: HTMLElement): HTMLElement[] {\n\t\treturn getTabbableElements(domRef).filter(el => this.isVisible(el));\n\t}\n\n\tprivate isVisible(element: HTMLElement): boolean {\n\t\tconst style = getComputedStyle(element);\n\t\treturn style.display !== \"none\"\n\t\t\t&& style.visibility !== \"hidden\"\n\t\t\t&& element.offsetWidth > 0\n\t\t\t&& element.offsetHeight > 0;\n\t}\n\n\tprivate navigateToItem(items: HTMLElement[], currentIndex: number, e: KeyboardEvent): void {\n\t\tif (isLeft(e)) {\n\t\t\tthis.focusPrevious(items, currentIndex);\n\t\t} else if (isRight(e)) {\n\t\t\tthis.focusNext(items, currentIndex);\n\t\t} else if (isHome(e)) {\n\t\t\titems[0]?.focus();\n\t\t} else if (isEnd(e)) {\n\t\t\titems[items.length - 1]?.focus();\n\t\t}\n\t}\n\n\tprivate focusPrevious(items: HTMLElement[], currentIndex: number): void {\n\t\tif (currentIndex > 0) {\n\t\t\titems[currentIndex - 1].focus();\n\t\t}\n\t}\n\n\tprivate focusNext(items: HTMLElement[], currentIndex: number): void {\n\t\tif (currentIndex < items.length - 1) {\n\t\t\titems[currentIndex + 1].focus();\n\t\t}\n\t}\n}\n\nexport default ShellBarItemNavigation;\nexport type {\n\tShellBarItemNavigationConstructorParams,\n};\n"]}

package/dist/shellbar/ShellBarLegacy.d.ts ADDED Viewed

@@ -0,0 +1,46 @@
+import type { ListItemClickEventDetail } from "@ui5/webcomponents/dist/List.js";
+import type ShellBar from "../ShellBar.js";
+type ShellBarLegacyDeps = {
+    component: ShellBar;
+    getShadowRoot: () => ShadowRoot | null;
+};
+/**
+ * Controller for legacy ShellBar features that will be removed in future versions.
+ * Handles: logo slot, primaryTitle/secondaryTitle properties, menuItems slot.
+ */
+declare class ShellBarLegacy {
+    private component;
+    private getShadowRoot;
+    handleLogoClickBound: () => void;
+    handleLogoKeyupBound: (e: KeyboardEvent) => void;
+    handleLogoKeydownBound: (e: KeyboardEvent) => void;
+    handleMenuItemClickBound: (e: CustomEvent<ListItemClickEventDetail>) => void;
+    handleMenuButtonClickBound: () => void;
+    handleMenuPopoverBeforeOpenBound: () => void;
+    handleMenuPopoverAfterCloseBound: () => void;
+    constructor(deps: ShellBarLegacyDeps);
+    handleMenuButtonClick(): void;
+    handleMenuItemClick(e: CustomEvent<ListItemClickEventDetail>): void;
+    handleMenuPopoverBeforeOpen(): void;
+    handleMenuPopoverAfterClose(): void;
+    private getMenuPopover;
+    get hasMenuItems(): boolean;
+    get menuPopoverExpanded(): boolean;
+    handleLogoClick(): void;
+    handleLogoKeydown(e: KeyboardEvent): void;
+    handleLogoKeyup(e: KeyboardEvent): void;
+    get hasLogo(): boolean;
+    get logoRole(): "button" | "link";
+    get logoAriaLabel(): string;
+    get brandingText(): string;
+    get hasPrimaryTitle(): boolean;
+    get hasSecondaryTitle(): boolean;
+    get showSecondaryTitle(): boolean;
+    get primaryTitle(): string;
+    get secondaryTitle(): string;
+    get showMenuButton(): boolean;
+    get showLogoInMenuButton(): boolean;
+    get showTitleInMenuButton(): boolean;
+    get isSBreakPoint(): boolean;
+}
+export default ShellBarLegacy;