@geoscene/core 4.23.9 → 4.23.12

package/assets/geoscene/themes/base/widgets/_LayerList.scss

@@ -1,6 +1,6 @@
 @mixin layerList() {
   $message-warning-border-color: $Calcite_Yellow_a150;
-  .esri-layer-list {
+  .geoscene-layer-list {
     color: $font-color;
     background-color: $background-color--offset;
     padding: $cap-spacing--half $side-spacing--half;
@@ -8,49 +8,49 @@
     display: flex;
     flex-flow: column;
   }
-  .esri-layer-list__list {
+  .geoscene-layer-list__list {
     list-style: none;
     margin: 0 0 0 $side-spacing;
     padding: $cap-spacing--eighth $side-spacing--eighth;
     &:empty {
       min-height: $list-item-height;
     }
-    @include sortableChosen("esri-layer-list--chosen");
+    @include sortableChosen("geoscene-layer-list--chosen");
   }
-  .esri-layer-list__list,
-  .esri-layer-list__item {
-    &.esri-layer-list--chosen .esri-layer-list__item {
+  .geoscene-layer-list__list,
+  .geoscene-layer-list__item {
+    &.geoscene-layer-list--chosen .geoscene-layer-list__item {
       background-color: transparent;
     }
   }
-  .esri-layer-list__item--has-children {
+  .geoscene-layer-list__item--has-children {
     padding-bottom: $cap-spacing--half;
   }
-  .esri-layer-list__item--has-children .esri-layer-list__list:not([hidden]) {
-    animation: esri-fade-in 375ms ease-in-out;
+  .geoscene-layer-list__item--has-children .geoscene-layer-list__list:not([hidden]) {
+    animation: geoscene-fade-in 375ms ease-in-out;
   }
-  .esri-layer-list__list[hidden] {
+  .geoscene-layer-list__list[hidden] {
     display: none;
   }
-  .esri-layer-list__list--root {
+  .geoscene-layer-list__list--root {
     margin: 0;
   }
-  .esri-layer-list__item--selectable .esri-layer-list__item-container {
+  .geoscene-layer-list__item--selectable .geoscene-layer-list__item-container {
     cursor: pointer;
     &:hover {
       border-left-color: $border-color;
     }
   }
-  .esri-layer-list__item[aria-selected="true"] > .esri-layer-list__item-container {
+  .geoscene-layer-list__item[aria-selected="true"] > .geoscene-layer-list__item-container {
     border-left-color: $border-color--active;
     &:hover {
       border-left-color: $border-color--active;
     }
   }
-  .esri-layer-list__item-container ~ .esri-layer-list__list .esri-layer-list__item {
+  .geoscene-layer-list__item-container ~ .geoscene-layer-list__list .geoscene-layer-list__item {
     border-bottom-width: 0;
   }
-  .esri-layer-list__item {
+  .geoscene-layer-list__item {
     background-color: $background-color;
     border-bottom: 1px solid $border-color;
     position: relative;
@@ -58,9 +58,9 @@
     list-style: none;
     margin: $cap-spacing--quarter 0;
     padding: 0;
-    @include sortableChosen("esri-layer-list--chosen");
+    @include sortableChosen("geoscene-layer-list--chosen");
   }
-  .esri-layer-list__item-container {
+  .geoscene-layer-list__item-container {
     border-left: $border-size--active solid transparent;
     display: flex;
     justify-content: flex-start;
@@ -68,34 +68,34 @@
     padding: $cap-spacing $side-spacing--half $cap-spacing ($side-spacing + 5);
     transition: border-color 250ms ease-in-out;
   }
-  .esri-layer-list__item--invisible-at-scale .esri-layer-list__item-title {
+  .geoscene-layer-list__item--invisible-at-scale .geoscene-layer-list__item-title {
     color: $interactive-font-color--disabled;
   }
-  .esri-layer-list__item--has-children > .esri-layer-list__item-container {
+  .geoscene-layer-list__item--has-children > .geoscene-layer-list__item-container {
     padding-left: 5px;
   }
-  .esri-layer-list__item--has-children > .esri-layer-list__list {
+  .geoscene-layer-list__item--has-children > .geoscene-layer-list__list {
     font-size: $font-size--small;
   }
-  .esri-layer-list__child-toggle {
+  .geoscene-layer-list__child-toggle {
     color: $interactive-font-color;
     width: $side-spacing; // Matches side padding on items that don't have this toggle.
     cursor: pointer;
   }
-  .esri-layer-list__child-toggle {
+  .geoscene-layer-list__child-toggle {
     @include icomoonIconSelector() {
       line-height: 1.2em;
     }
   }
-  .esri-layer-list__child-toggle .esri-layer-list__child-toggle-icon--opened,
-  .esri-layer-list__child-toggle .esri-layer-list__child-toggle-icon--closed-rtl,
-  .esri-layer-list__child-toggle--open .esri-layer-list__child-toggle-icon--closed {
+  .geoscene-layer-list__child-toggle .geoscene-layer-list__child-toggle-icon--opened,
+  .geoscene-layer-list__child-toggle .geoscene-layer-list__child-toggle-icon--closed-rtl,
+  .geoscene-layer-list__child-toggle--open .geoscene-layer-list__child-toggle-icon--closed {
     display: none;
   }
-  .esri-layer-list__child-toggle--open .esri-layer-list__child-toggle-icon--opened {
+  .geoscene-layer-list__child-toggle--open .geoscene-layer-list__child-toggle-icon--opened {
     display: block;
   }
-  .esri-layer-list__item-label {
+  .geoscene-layer-list__item-label {
     display: flex;
     flex-flow: row;
     justify-content: flex-start;
@@ -103,27 +103,27 @@
     flex: 1;
     user-select: none;
   }
-  .esri-layer-list__item-label[role="switch"],
-  .esri-layer-list__item-label[role="checkbox"],
-  .esri-layer-list__item-label[role="radio"] {
+  .geoscene-layer-list__item-label[role="switch"],
+  .geoscene-layer-list__item-label[role="checkbox"],
+  .geoscene-layer-list__item-label[role="radio"] {
     cursor: pointer;
   }
-  .esri-layer-list--new-ui {
-    .esri-layer-list__item-toggle-icon {
+  .geoscene-layer-list--new-ui {
+    .geoscene-layer-list__item-toggle-icon {
       visibility: hidden;
     }
     // show icon on focus of toggle/label
-    .esri-layer-list__item-toggle:focus .esri-layer-list__item-toggle-icon,
-    .esri-layer-list__item-label:focus .esri-layer-list__item-toggle-icon,
+    .geoscene-layer-list__item-toggle:focus .geoscene-layer-list__item-toggle-icon,
+    .geoscene-layer-list__item-label:focus .geoscene-layer-list__item-toggle-icon,
     // show icon on hover of item container
-    .esri-layer-list__item-container:hover .esri-layer-list__item-toggle-icon,
+    .geoscene-layer-list__item-container:hover .geoscene-layer-list__item-toggle-icon,
     // always show icon when item is not visible
-    .esri-layer-list__item--invisible > .esri-layer-list__item-container .esri-layer-list__item-toggle-icon {
+    .geoscene-layer-list__item--invisible > .geoscene-layer-list__item-container .geoscene-layer-list__item-toggle-icon {
       visibility: visible;
     }
   }
 
-  .esri-layer-list__item-title {
+  .geoscene-layer-list__item-title {
     flex: 1;
     padding-left: $side-spacing--third;
     padding-right: $side-spacing--third;
@@ -132,7 +132,7 @@
     overflow-wrap: break-word;
     transition: color 125ms ease-in-out;
   }
-  .esri-layer-list__item-message {
+  .geoscene-layer-list__item-message {
     display: flex;
     align-items: center;
     visibility: hidden;
@@ -143,7 +143,7 @@
     font-size: $font-size--small;
     transition: transform 250ms ease-in-out;
     transform: scale(1, 0);
-    animation: esri-fade-in-down 250ms ease-in-out;
+    animation: geoscene-fade-in-down 250ms ease-in-out;
     transform-origin: center top;
     background-color: $background-color--offset-subtle;
     margin-inline-start: 3rem;
@@ -151,28 +151,28 @@
     margin-block-end: 0.25rem;
     margin-inline-end: 0.25rem;
   }
-  .esri-layer-list__item-message {
+  .geoscene-layer-list__item-message {
     @include icomoonIconSelector() {
       margin-right: 0.3rem;
     }
   }
-  .esri-layer-list__item--has-message {
-    .esri-layer-list__item-message {
+  .geoscene-layer-list__item--has-message {
+    .geoscene-layer-list__item-message {
       visibility: visible;
       height: auto;
       transform: scale(1, 1);
     }
   }
-  .esri-layer-list__item-toggle {
+  .geoscene-layer-list__item-toggle {
     padding: 0 $side-spacing--quarter;
     cursor: pointer;
     color: $interactive-font-color;
   }
-  @include loopingProgressBar(".esri-layer-list__item--updating");
-  .esri-layer-list__item-actions-menu {
+  @include loopingProgressBar(".geoscene-layer-list__item--updating");
+  .geoscene-layer-list__item-actions-menu {
     display: flex;
   }
-  .esri-layer-list__item-actions-menu-item {
+  .geoscene-layer-list__item-actions-menu-item {
     display: flex;
     flex: 1 0 auto;
     justify-content: center;
@@ -182,33 +182,33 @@
     padding: 0 $side-spacing--half;
     transition: border-color 250ms ease-in-out;
   }
-  .esri-layer-list__item-actions-menu-item:first-of-type {
+  .geoscene-layer-list__item-actions-menu-item:first-of-type {
     margin: 0 2px;
   }
-  .esri-layer-list__item-actions-menu-item:hover {
+  .geoscene-layer-list__item-actions-menu-item:hover {
     background-color: $background-color--hover;
   }
-  .esri-layer-list__item-actions-menu-item--active,
-  .esri-layer-list__item-actions-menu-item--active:hover {
+  .geoscene-layer-list__item-actions-menu-item--active,
+  .geoscene-layer-list__item-actions-menu-item--active:hover {
     background-color: $background-color--active;
   }
-  .esri-layer-list__item-actions {
+  .geoscene-layer-list__item-actions {
     position: relative;
     background-color: $background-color--offset;
     color: $interactive-font-color;
     margin: -1px $side-spacing--half $cap-spacing--half;
     height: auto;
   }
-  .esri-layer-list__item-actions[aria-expanded="true"] {
-    animation: esri-fade-in 250ms ease-in-out;
+  .geoscene-layer-list__item-actions[aria-expanded="true"] {
+    animation: geoscene-fade-in 250ms ease-in-out;
   }
-  .esri-layer-list__item-actions-section {
-    animation: esri-fade-in 375ms ease-in-out;
+  .geoscene-layer-list__item-actions-section {
+    animation: geoscene-fade-in 375ms ease-in-out;
   }
-  .esri-layer-list__item-actions[hidden] {
+  .geoscene-layer-list__item-actions[hidden] {
     display: none;
   }
-  .esri-layer-list__item-actions-close {
+  .geoscene-layer-list__item-actions-close {
     color: $interactive-font-color;
     position: absolute;
     top: 0;
@@ -217,7 +217,7 @@
     padding: 5px;
     z-index: 1;
   }
-  .esri-layer-list__item-actions-list {
+  .geoscene-layer-list__item-actions-list {
     display: flex;
     flex-flow: column;
     justify-content: flex-start;
@@ -226,11 +226,11 @@
     list-style: none;
     border-top: 2px solid $background-color;
   }
-  .esri-layer-list__item-actions-list:first-of-type {
+  .geoscene-layer-list__item-actions-list:first-of-type {
     border-top: 0;
   }
-  .esri-layer-list__item-action,
-  .esri-layer-list__action-toggle {
+  .geoscene-layer-list__item-action,
+  .geoscene-layer-list__action-toggle {
     border: 1px solid transparent;
     display: flex;
     box-sizing: border-box;
@@ -245,17 +245,17 @@
     transition: opacity 250ms ease-in-out 250ms, background-color 250ms ease-in-out;
   }
 
-  .esri-layer-list__item-action {
+  .geoscene-layer-list__item-action {
     justify-content: flex-start;
     flex-flow: row;
   }
-  .esri-layer-list__action-toggle {
+  .geoscene-layer-list__action-toggle {
     flex-flow: row-reverse;
     justify-content: space-between;
-    .esri-layer-list__item-action-title {
+    .geoscene-layer-list__item-action-title {
       margin-left: 0;
     }
-    .esri-layer-list__item-action-icon {
+    .geoscene-layer-list__item-action-icon {
       background-color: $background-color--inverse;
       border-radius: $toggle-height;
       box-shadow: 0 0 0 1px $interactive-font-color--inverse;
@@ -281,12 +281,12 @@
         width: $toggle-handle-size;
       }
     }
-    &.esri-disabled-element {
+    &.geoscene-disabled-element {
       pointer-events: none;
       opacity: $opacity--disabled;
     }
   }
-  .esri-layer-list__action-toggle--on .esri-layer-list__item-action-icon {
+  .geoscene-layer-list__action-toggle--on .geoscene-layer-list__item-action-icon {
     // Toggle on
     background-color: $interactive-font-color--inverse;
     &:before {
@@ -295,14 +295,14 @@
       left: $toggle-handle-size;
     }
   }
-  .esri-layer-list__item-action:hover,
-  .esri-layer-list__action-toggle:hover {
+  .geoscene-layer-list__item-action:hover,
+  .geoscene-layer-list__action-toggle:hover {
     background-color: $background-color--hover;
   }
-  .esri-layer-list__item-actions[hidden] .esri-layer-list__item-action {
+  .geoscene-layer-list__item-actions[hidden] .geoscene-layer-list__item-action {
     opacity: 0;
   }
-  .esri-layer-list__item-action-icon {
+  .geoscene-layer-list__item-action-icon {
     flex: 0 0 $icon-size;
     font-size: $icon-size;
     display: inline-block;
@@ -310,7 +310,7 @@
     height: $icon-size;
     margin-top: 0.1em;
   }
-  .esri-layer-list__item-action-image {
+  .geoscene-layer-list__item-action-image {
     flex: 0 0 $icon-size;
     width: $icon-size;
     height: $icon-size;
@@ -320,58 +320,58 @@
     background-repeat: no-repeat;
     background-position: 50% 50%;
   }
-  .esri-layer-list__item-action-title {
+  .geoscene-layer-list__item-action-title {
     margin-left: 5px;
   }
-  .esri-layer-list-panel {
+  .geoscene-layer-list-panel {
     margin: $cap-spacing $side-spacing;
   }
   // Legend as content
-  .esri-layer-list-panel__content--legend .esri-legend__service {
+  .geoscene-layer-list-panel__content--legend .geoscene-legend__service {
     padding: 0 0 $cap-spacing 0;
   }
 
-  [dir="rtl"] .esri-layer-list {
-    .esri-layer-list__item--has-children > .esri-layer-list__item-container {
+  [dir="rtl"] .geoscene-layer-list {
+    .geoscene-layer-list__item--has-children > .geoscene-layer-list__item-container {
       padding-left: $side-spacing + 5;
       padding-right: 5px;
     }
-    .esri-layer-list__list {
+    .geoscene-layer-list__list {
       margin: 0 $side-spacing 0 0;
     }
-    .esri-layer-list__list--root {
+    .geoscene-layer-list__list--root {
       margin: 0;
     }
-    .esri-layer-list__child-toggle .esri-layer-list__child-toggle-icon--closed {
+    .geoscene-layer-list__child-toggle .geoscene-layer-list__child-toggle-icon--closed {
       display: none;
     }
-    .esri-layer-list__child-toggle .esri-layer-list__child-toggle-icon--closed-rtl {
+    .geoscene-layer-list__child-toggle .geoscene-layer-list__child-toggle-icon--closed-rtl {
       display: block;
     }
-    .esri-layer-list__child-toggle--open .esri-layer-list__child-toggle-icon--closed-rtl {
+    .geoscene-layer-list__child-toggle--open .geoscene-layer-list__child-toggle-icon--closed-rtl {
       display: none;
     }
-    .esri-layer-list__item-action-title {
+    .geoscene-layer-list__item-action-title {
       margin-left: 0;
       margin-right: 5px;
     }
-    .esri-layer-list__action-toggle .esri-layer-list__action-toggle {
+    .geoscene-layer-list__action-toggle .geoscene-layer-list__action-toggle {
       margin-right: 0;
     }
-    .esri-layer-list__item:after {
+    .geoscene-layer-list__item:after {
       animation: looping-progresss-bar-ani $looping-progress-bar-params reverse;
     }
-    .esri-layer-list__item-message {
+    .geoscene-layer-list__item-message {
       @include icomoonIconSelector() {
         margin-right: 0;
         margin-left: 0.3rem;
       }
     }
-    .esri-layer-list__item-container {
+    .geoscene-layer-list__item-container {
       border-left: none;
       border-right: $border-size--active solid transparent;
     }
-    .esri-layer-list__item[aria-selected="true"] > .esri-layer-list__item-container {
+    .geoscene-layer-list__item[aria-selected="true"] > .geoscene-layer-list__item-container {
       border-right-color: $border-color--active;
       &:hover {
         border-right-color: $border-color--active;
@@ -382,4 +382,4 @@
 
 @if $include_LayerList==true {
   @include layerList();
-}
+}