azure-maps-control 2.1.3 → 2.1.8

package/dist/atlas.css

@@ -505,6 +505,7 @@ a.mapboxgl-ctrl-logo {
   height: 16px;
   width: 73px;
   margin-right: 16px;
+  pointer-events: auto;
   background-image: url("data:image/svg+xml,%3Csvg width='73' height='16' viewBox='0 0 73 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M70.0839 12.8899C69.818 12.9098 69.551 12.8739 69.2998 12.7846C69.0487 12.6953 68.8189 12.5544 68.6254 12.3711C68.2698 11.9303 68.0958 11.3704 68.1388 10.8057V7.44603H65.8476V12.7303H64.2904V7.44603H63.1976V6.18497H64.2908V5.27178C64.2804 4.95898 64.3346 4.6474 64.45 4.35649C64.5655 4.06559 64.7397 3.80162 64.9618 3.58109C65.1896 3.3619 65.4592 3.19075 65.7545 3.0778C66.0498 2.96485 66.3648 2.91241 66.6807 2.9236C66.8464 2.92311 67.0119 2.93269 67.1765 2.9523C67.3062 2.96848 67.4339 2.99761 67.5578 3.03927V4.36991C67.4727 4.32494 67.3833 4.28881 67.2908 4.26206C67.1491 4.21753 67.0011 4.19595 66.8525 4.19814C66.7136 4.19019 66.5747 4.2134 66.446 4.26607C66.3173 4.31874 66.2019 4.39953 66.1085 4.50253C65.9176 4.76002 65.825 5.07728 65.8476 5.39702V6.18497H68.1388V4.713L69.6834 4.24162V6.18497H71.2406V7.44603H69.6834V10.5087C69.6541 10.8099 69.731 11.1118 69.9008 11.3623C69.9911 11.4509 70.0995 11.519 70.2185 11.5618C70.3375 11.6047 70.4644 11.6213 70.5905 11.6106C70.7001 11.6064 70.8084 11.585 70.9114 11.5471C71.0258 11.5084 71.1356 11.4572 71.2388 11.3945V12.6677C71.085 12.7424 70.9211 12.7939 70.7522 12.8208C70.5324 12.8666 70.3084 12.8897 70.0839 12.8899ZM59.6283 12.8899C59.1867 12.9117 58.7452 12.8437 58.3306 12.69C57.916 12.5362 57.5369 12.2999 57.2162 11.9954C56.9106 11.6695 56.6739 11.2852 56.5204 10.8655C56.3669 10.4459 56.2998 9.99954 56.3231 9.55331C56.2991 9.08532 56.3676 8.6172 56.5246 8.1757C56.6817 7.73421 56.9242 7.328 57.2384 6.98031C57.5736 6.65511 57.9725 6.4029 58.4101 6.2396C58.8476 6.07629 59.3142 6.00542 59.7805 6.03147C60.2209 6.0074 60.6615 6.07627 61.0735 6.2336C61.4856 6.39092 61.8599 6.63319 62.1722 6.94465C62.7695 7.62385 63.0785 8.50909 63.0336 9.41242C63.0562 9.87439 62.9869 10.3362 62.8298 10.7713C62.6727 11.2063 62.4309 11.6058 62.1183 11.9467C61.7907 12.2669 61.4004 12.516 60.972 12.6783C60.5436 12.8406 60.0863 12.9126 59.6288 12.8899H59.6283ZM59.7044 7.33036C59.4569 7.31763 59.2098 7.36199 58.9822 7.46001C58.7545 7.55803 58.5525 7.70709 58.3916 7.89566C58.0532 8.36114 57.888 8.93025 57.9246 9.50461C57.8876 10.0651 58.0522 10.6203 58.3886 11.0701C58.5556 11.2537 58.7616 11.3976 58.9915 11.4912C59.2213 11.5848 59.4693 11.6258 59.717 11.611C59.9574 11.626 60.1978 11.5849 60.4196 11.491C60.6413 11.3971 60.8381 11.253 60.9946 11.0701C61.3186 10.6002 61.4733 10.0343 61.4334 9.46504C61.4735 8.89654 61.3127 8.33201 60.979 7.87001C60.8212 7.68956 60.6246 7.54724 60.4039 7.45377C60.1833 7.36029 59.9442 7.3181 59.7049 7.33036H59.7044ZM53.0378 12.8899C52.7353 12.8867 52.4339 12.8535 52.1381 12.7908C51.851 12.7383 51.5707 12.654 51.3023 12.5394V11.024C51.5809 11.2192 51.8845 11.376 52.205 11.4901C52.4856 11.5969 52.7821 11.6557 53.0821 11.6641C53.3468 11.6812 53.6115 11.6308 53.8514 11.5175C53.9348 11.4666 54.0024 11.3935 54.0465 11.3063C54.0905 11.2191 54.1094 11.1213 54.101 11.024C54.101 10.9203 54.0776 10.8181 54.0324 10.7248C53.9872 10.6316 53.9214 10.5498 53.8401 10.4856C53.5411 10.2704 53.2124 10.0999 52.8643 9.97946C52.4027 9.81347 51.9884 9.53802 51.6567 9.17673C51.4109 8.85134 51.2853 8.45098 51.301 8.04351C51.2967 7.76288 51.3582 7.48515 51.4804 7.23251C51.6027 6.97987 51.7823 6.75933 52.005 6.58851C52.527 6.19205 53.1712 5.99054 53.8261 6.01885C54.0843 6.02222 54.3416 6.04768 54.5954 6.09495C54.8391 6.13511 55.0777 6.2013 55.3072 6.29238V7.75738C55.0849 7.61239 54.8459 7.49471 54.5954 7.40689C54.3367 7.31164 54.0635 7.26205 53.7879 7.26035C53.5478 7.24746 53.3094 7.30814 53.1047 7.43429C53.0273 7.48565 52.9643 7.55587 52.9215 7.63834C52.8788 7.72081 52.8577 7.81281 52.8603 7.90567C52.8555 8.00224 52.8717 8.09871 52.9079 8.18838C52.9441 8.27804 52.9994 8.35875 53.0699 8.42488C53.355 8.62646 53.6675 8.78609 53.9979 8.89886C54.4911 9.06479 54.9355 9.35046 55.2912 9.73029C55.5419 10.0479 55.6734 10.4433 55.6629 10.8479C55.6707 11.1336 55.6104 11.4171 55.4872 11.6751C55.364 11.933 55.1813 12.158 54.9541 12.3316C54.3971 12.7295 53.7214 12.9264 53.0378 12.8899ZM47.1647 12.8899C46.7229 12.9117 46.2812 12.8436 45.8665 12.6898C45.4517 12.536 45.0725 12.2996 44.7517 11.995C44.4461 11.669 44.2094 11.2847 44.0559 10.8651C43.9024 10.4454 43.8353 9.99911 43.8585 9.55288C43.8345 9.08489 43.9031 8.61676 44.0601 8.17527C44.2172 7.73377 44.4597 7.32757 44.7739 6.97987C45.1093 6.6546 45.5085 6.40235 45.9462 6.23904C46.384 6.07574 46.8508 6.00491 47.3173 6.03103C47.7577 6.00697 48.1983 6.07583 48.6103 6.23316C49.0224 6.39049 49.3967 6.63275 49.709 6.94421C50.3069 7.62299 50.6159 8.50857 50.57 9.41198C50.5928 9.8738 50.5239 10.3356 50.3671 10.7706C50.2104 11.2056 49.969 11.6052 49.6568 11.9463C49.3289 12.2669 48.9383 12.5162 48.5094 12.6786C48.0805 12.841 47.6227 12.9129 47.1647 12.8899ZM47.2412 7.33036C46.9937 7.31763 46.7466 7.36199 46.5189 7.46001C46.2913 7.55803 46.0892 7.70709 45.9284 7.89566C45.5898 8.36107 45.4244 8.93019 45.4609 9.50461C45.4238 10.0651 45.5884 10.6204 45.9249 11.0701C46.0919 11.2538 46.2978 11.3978 46.5277 11.4914C46.7576 11.585 47.0056 11.6259 47.2534 11.611C47.4937 11.6259 47.7342 11.5848 47.9559 11.4909C48.1776 11.397 48.3744 11.253 48.531 11.0701C48.8552 10.5999 49.0099 10.0334 48.9697 9.46373C49.0099 8.89523 48.849 8.3307 48.5153 7.8687C48.3575 7.68836 48.1608 7.5462 47.94 7.45294C47.7192 7.35969 47.4801 7.31778 47.2408 7.33036H47.2412ZM36.9557 12.8899C36.5239 12.9095 36.0928 12.8389 35.6898 12.6826C35.2868 12.5264 34.9208 12.2878 34.6151 11.9823C34.3094 11.6767 34.0708 11.3108 33.9143 10.9078C33.7579 10.5049 33.6871 10.0738 33.7065 9.64202C33.6723 8.68925 34.0017 7.75912 34.628 7.04032C34.9636 6.69123 35.3709 6.41909 35.8219 6.24266C36.2729 6.06624 36.7567 5.98973 37.2401 6.01842C37.5351 6.01941 37.8288 6.0568 38.1146 6.12974C38.3587 6.18552 38.5947 6.27218 38.8169 6.38761V7.8661C38.5929 7.70021 38.3481 7.56426 38.0889 7.46168C37.8467 7.36769 37.5891 7.3192 37.3293 7.31862C37.0566 7.30814 36.7849 7.35549 36.5318 7.45757C36.2788 7.55965 36.0502 7.71414 35.8612 7.91088C35.473 8.35013 35.2721 8.9239 35.3016 9.50939C35.2692 10.0757 35.463 10.6317 35.8403 11.0553C36.032 11.2433 36.2606 11.3895 36.5116 11.4848C36.7626 11.58 37.0307 11.6223 37.2988 11.6088C37.5586 11.6025 37.8151 11.5485 38.0555 11.4497C38.3277 11.3452 38.5843 11.2038 38.8182 11.0296V12.4625C38.5565 12.6086 38.275 12.7158 37.9824 12.7808C37.6454 12.8561 37.301 12.8927 36.9557 12.8899ZM21.2098 12.7312H19.7479V3.59935H22.0169L24.636 10.3682H24.6738L27.439 3.59848H29.6133V12.7303H28.0304V5.5727H28.0048L25.1761 12.7303H24.1272L21.229 5.5727H21.2098V12.7303V12.7312ZM41.5129 12.7312H39.9749V6.18497H41.5134V7.21556H41.539C41.6636 6.87974 41.8848 6.58832 42.1748 6.37804C42.4754 6.17129 42.8337 6.06476 43.1984 6.07365C43.3091 6.07249 43.4197 6.08107 43.5289 6.0993C43.6135 6.11263 43.6966 6.13388 43.7772 6.16279V7.72259C43.6683 7.64978 43.5496 7.59296 43.4245 7.55387C43.2426 7.49685 43.0525 7.46997 42.8619 7.4743C42.6762 7.4745 42.4932 7.51781 42.3272 7.60082C42.1612 7.68383 42.0167 7.80426 41.9052 7.95263C41.6121 8.38462 41.4741 8.90321 41.5138 9.42373V12.7286L41.5129 12.7312ZM32.6333 12.7312H31.0974V6.18497H32.6355V12.7299L32.6333 12.7312ZM31.8706 5.17786C31.7484 5.1807 31.6268 5.15939 31.5129 5.11514C31.3989 5.07089 31.2948 5.00457 31.2066 4.91999C31.12 4.84022 31.0512 4.74312 31.0046 4.63502C30.958 4.52691 30.9347 4.41021 30.9361 4.2925C30.9339 4.17226 30.9575 4.05295 31.0052 3.94256C31.0529 3.83216 31.1236 3.73324 31.2127 3.6524C31.3899 3.48381 31.626 3.39125 31.8706 3.39454C31.995 3.39089 32.1188 3.41243 32.2346 3.45787C32.3504 3.5033 32.4559 3.57169 32.5446 3.65893C32.6301 3.74066 32.6979 3.83905 32.7438 3.94803C32.7897 4.05701 32.8128 4.17425 32.8116 4.2925C32.8137 4.41103 32.7903 4.52863 32.7431 4.63739C32.696 4.74615 32.626 4.84354 32.5381 4.92303C32.3574 5.09194 32.1178 5.18341 31.8706 5.17786Z' fill='%237B7B7A'/%3E%3Cpath d='M0 7.61241H7.39244V0.219971H0V7.61241Z' fill='%23E95A0C'/%3E%3Cpath d='M7.9707 7.61241H15.3631V0.219971H7.9707V7.61241Z' fill='%2394C01F'/%3E%3Cpath d='M0 15.5981H7.39244V8.20569H0V15.5981Z' fill='%23009EE2'/%3E%3Cpath d='M7.9707 15.5983H15.3631V8.20581H7.9707V15.5983Z' fill='%23FCC200'/%3E%3C/svg%3E%0A");
 }
 .azure-map-logo:last-child {
@@ -555,27 +556,6 @@ a.azure-map-copyright[href]:hover {
 .map-copyright.dark .azure-map-feedback {
   background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0.5' y='0.5' width='19' height='19' rx='1.5' fill='%232C2C2C'/%3E%3Cpath d='M10 3.6001C13.5346 3.6001 16.4 6.46547 16.4 10.0001C16.4 13.5347 13.5346 16.4001 10 16.4001C6.46538 16.4001 3.60001 13.5347 3.60001 10.0001C3.60001 6.46547 6.46538 3.6001 10 3.6001ZM10 4.4001C6.90721 4.4001 4.40001 6.9073 4.40001 10.0001C4.40001 13.0929 6.90721 15.6001 10 15.6001C13.0928 15.6001 15.6 13.0929 15.6 10.0001C15.6 6.9073 13.0928 4.4001 10 4.4001ZM7.72374 11.9419C8.93133 13.1572 10.8702 13.2037 12.1337 12.077L12.2763 11.9419C12.432 11.7852 12.6853 11.7844 12.842 11.9401C12.9812 12.0786 12.9974 12.294 12.8898 12.4503L12.8437 12.5058L12.8258 12.5237C11.2553 14.0844 8.71693 14.0764 7.15627 12.5058C7.00056 12.3491 7.00136 12.0959 7.15806 11.9401C7.31476 11.7844 7.56802 11.7852 7.72374 11.9419ZM12 8.0001C12.4418 8.0001 12.8 8.35827 12.8 8.8001C12.8 9.24192 12.4418 9.6001 12 9.6001C11.5582 9.6001 11.2 9.24192 11.2 8.8001C11.2 8.35827 11.5582 8.0001 12 8.0001ZM8.00001 8.0001C8.44183 8.0001 8.80001 8.35827 8.80001 8.8001C8.80001 9.24192 8.44183 9.6001 8.00001 9.6001C7.55818 9.6001 7.20001 9.24192 7.20001 8.8001C7.20001 8.35827 7.55818 8.0001 8.00001 8.0001Z' fill='%23FFFFFF'/%3E%3Crect x='0.5' y='0.5' width='19' height='19' rx='1.5' stroke='%238A8886'/%3E%3C/svg%3E%0A");
 }
-.azure-map-feedback-tooltip {
-  width: 77px;
-  height: 16px;
-  padding: 8px;
-  background: white;
-  margin-left: -93px;
-  margin-top: -60px;
-  line-height: 16px;
-  font-size: 12px;
-  font-family: Segoe UI;
-}
-.azure-map-feedback-tooltip-beak {
-  width: 16px;
-  height: 16px;
-  overflow: hidden;
-  position: absolute;
-  margin-left: -34px;
-  margin-top: -8px;
-  background: white;
-  transform: rotate(45deg);
-}
 .map-copyright {
   display: flex;
   flex-flow: row wrap;
@@ -1007,10 +987,138 @@ a.azure-map-copyright[href]:hover {
   overflow: hidden;
   z-index: 100;
 }
+.azure-maps-control-dropdown {
+  display: flex;
+  flex-direction: column;
+  border-radius: 4px;
+  box-shadow: 0 2px 4px 1px rgba(0, 0, 0, 0.14);
+  overflow: hidden;
+  padding-block: 8px;
+  background-color: white;
+  transform: scale(0.1, 0.1);
+  transition-timing-function: ease-out;
+  transition-duration: 250ms;
+  position: absolute;
+  z-index: 1001;
+  outline: 0;
+}
+.azure-maps-control-dropdown.top-left {
+  transform-origin: top left;
+  left: 0;
+}
+.azure-maps-control-dropdown.top-right {
+  transform-origin: top right;
+  right: 0;
+}
+.azure-maps-control-dropdown.bottom-left {
+  transform-origin: bottom left;
+  left: 0;
+  bottom: 0;
+}
+.azure-maps-control-dropdown.bottom-right {
+  transform-origin: bottom right;
+  right: 0;
+  bottom: 0;
+}
+.azure-maps-control-container.in-use .azure-maps-control-dropdown {
+  transform: scale(1, 1);
+  transition-timing-function: ease-out;
+  transition-duration: 250ms;
+  opacity: 1;
+  visibility: visible;
+}
+.azure-maps-control-list-button {
+  display: flex;
+  align-items: center;
+  background-color: white;
+  box-shadow: 0 2px 4px 1px rgba(0, 0, 0, 0.14);
+  border-radius: 0px;
+  border: none;
+  line-height: 32px;
+  padding-inline-end: 16px;
+  white-space: nowrap;
+}
+.azure-maps-control-list-button.curr-style {
+  border-radius: 4px;
+}
+.azure-maps-control-list-button:hover,
+.azure-maps-control-list-button[aria-current="true"] {
+  background-color: #f0f0f0;
+}
+.azure-maps-control-list-button:disabled {
+  pointer-events: none;
+}
+.azure-maps-control-list-button img {
+  margin: 8px;
+  width: 16px;
+  height: 16px;
+  border: 1px solid lightgrey;
+  border-radius: 2px;
+}
+.azure-maps-control-list-button.expanded {
+  padding-inline-end: 64px;
+  box-shadow: none;
+}
+.azure-maps-control-list-button.expanded img {
+  margin-inline-end: 16px;
+}
+.tooltiptext.dark {
+  background-color: #555;
+  color: #fff;
+  border: 1px #fff solid;
+}
+* + .tooltiptext {
+  visibility: hidden;
+  background-color: #fff;
+  color: black;
+  border: 1px black solid;
+  text-align: center;
+  white-space: nowrap;
+  padding: 0 6px;
+  position: fixed;
+  z-index: 300;
+  left: 0px;
+  top: 0px;
+  font-size: 0.94em;
+  line-height: 2em;
+  letter-spacing: 0.25px;
+  font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
+  opacity: 0;
+  transition: visibility 0s;
+}
+*:hover + .tooltiptext {
+  visibility: visible;
+  opacity: 1;
+  transition: visibility 0s;
+  transition-delay: 0.6s;
+}
+*:focus-visible + .tooltiptext {
+  visibility: visible;
+  opacity: 1;
+}
 .azure-maps-control-button:disabled {
   opacity: 0.6;
   pointer-events: none;
 }
+.azure-maps-control-button[aria-current="true"] {
+  position: relative;
+}
+.atlas-map.high-contrast-light .azure-maps-control-container .azure-maps-control-button,
+.azure-maps-control-container.light .azure-maps-control-button[aria-current="true"] {
+  background-color: #31acce;
+}
+.azure-maps-control-button[aria-current="true"] > .selected-icon {
+  background-image: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg%3E%3Cpath d='M5.80001 -1.90735e-06C2.59675 -1.90735e-06 5.72205e-06 2.59675 5.72205e-06 5.8C5.72205e-06 9.00325 2.59675 11.6 5.80001 11.6C9.00326 11.6 11.6 9.00325 11.6 5.8C11.6 2.59675 9.00326 -1.90735e-06 5.80001 -1.90735e-06Z' fill='%2331ACCE'/%3E%3Cpath d='M8.90688 2.55L4.675 6.88763L2.69275 5.0085L1.3 6.402L4.675 9.675L10.3 3.94313L8.90688 2.55Z' fill='white'/%3E%3C/g%3E%3C/svg%3E");
+  background-size: 12px 12px;
+  background-repeat: no-repeat;
+  background-position: center center;
+  z-index: 200;
+  position: absolute;
+  top: 0;
+  bottom: 0;
+  right: 0;
+  left: 0;
+}
 .atlas-map.high-contrast-light .azure-maps-control-container .azure-maps-control-button,
 .azure-maps-control-container.light .azure-maps-control-button {
   background-color: #fff;
@@ -1175,6 +1283,10 @@ a.azure-map-copyright[href]:hover {
 .traffic-legend table td div.dark-red {
   background-color: #6B0512;
 }
+.traffic-legend-colors {
+  -ms-high-contrast-adjust: none;
+  high-contrast-adjust: none;
+}
 .traffic-legend table td.traffic-legend-title {
   font-weight: bold;
 }
@@ -1371,14 +1483,65 @@ a.azure-map-copyright[href]:hover {
   color: #000;
 }
 .atlas-map.high-contrast-dark .azure-maps-control-container > .style-options.list button,
+.atlas-map.high-contrast-dark .azure-maps-control-container > .azure-maps-control-dropdown,
 .azure-maps-control-container.dark > .style-options.list button {
   background-color: #011C2C;
   color: #CCC;
 }
 .atlas-map.high-contrast-dark .azure-maps-control-container > .style-options.list button :disabled,
+.atlas-map.high-contrast-dark .azure-maps-control-container > .azure-maps-control-dropdown :disabled,
 .azure-maps-control-container.dark > .style-options.list button :disabled {
   color: rgba(255, 255, 255, 0.3);
 }
+.azure-maps-control-container.dark > .azure-maps-control-dropdown,
+.azure-maps-control-container.dark .azure-maps-control-list-button {
+  background-color: #011c2c;
+}
+.atlas-map.high-contrast-dark .azure-maps-control-container > .azure-maps-control-dropdown {
+  border-radius: 0;
+  border: 3px solid #ffffff;
+}
+.atlas-map.high-contrast-light .azure-maps-control-container > .azure-maps-control-dropdown {
+  border-radius: 0;
+  border: 3px solid #000000;
+}
+.azure-maps-control-container.dark .azure-maps-control-list-button {
+  box-shadow: rgba(0, 0, 0, 0.16) 0px 0px 4px;
+  color: white;
+}
+.atlas-map.high-contrast-dark .azure-maps-control-container .azure-maps-control-list-button {
+  background-color: #011C2C;
+  color: #fff;
+}
+.atlas-map.high-contrast-dark .azure-maps-control-container .azure-maps-control-list-button :disabled {
+  color: rgba(255, 255, 255, 0.3);
+}
+.atlas-map.high-contrast-light .azure-maps-control-container .azure-maps-control-list-button {
+  background-color: #FFF;
+  color: #000;
+}
+.atlas-map.high-contrast-dark .azure-maps-control-container .azure-maps-control-list-button.curr-style {
+  border-radius: 0;
+  border: 3px solid #ffffff;
+}
+.atlas-map.high-contrast-light .azure-maps-control-container .azure-maps-control-list-button.curr-style {
+  border-radius: 0;
+  border: 3px solid #000000;
+}
+.azure-maps-control-container.dark .azure-maps-control-list-button:hover,
+.azure-maps-control-container.dark .azure-maps-control-list-button[aria-current="true"] {
+  background-color: #31acce;
+}
+.atlas-map.high-contrast-dark .azure-maps-control-container .azure-maps-control-list-button:hover,
+.atlas-map.high-contrast-dark .azure-maps-control-container .azure-maps-control-list-button[aria-current="true"] {
+  background-color: #FFF;
+  color: #000;
+}
+.atlas-map.high-contrast-light .azure-maps-control-container .azure-maps-control-list-button:hover,
+.atlas-map.high-contrast-light .azure-maps-control-container .azure-maps-control-list-button[aria-current="true"] {
+  background-color: #011C2C;
+  color: #fff;
+}
 .azure-maps-control-container > .style-options.list button:hover,
 .azure-maps-control-container > .style-options.list button:focus {
   color: #31ACCE;