@geoscene/core 4.23.9 → 4.23.10

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

@@ -10,7 +10,7 @@
 
   $slider-thumb-hover-scale: 1.2 !default;
 
-  .esri-slider {
+  .geoscene-slider {
     direction: ltr;
     display: flex;
     height: 100%;
@@ -19,35 +19,35 @@
     user-select: none;
   }
 
-  .esri-disabled {
-    .esri-slider__content,
-    .esri-slider__min,
-    .esri-slider__max {
+  .geoscene-disabled {
+    .geoscene-slider__content,
+    .geoscene-slider__min,
+    .geoscene-slider__max {
       opacity: 0.4;
     }
-    .esri-slider__thumb {
+    .geoscene-slider__thumb {
       &:hover {
         transform: none;
         border-color: $button-color;
         cursor: default;
       }
     }
-    .esri-slider__label {
+    .geoscene-slider__label {
       &:hover {
         cursor: default;
       }
     }
 
-    .esri-slider__segment {
+    .geoscene-slider__segment {
       &:hover {
         cursor: default;
       }
     }
 
-    .esri-slider {
+    .geoscene-slider {
       &--horizontal,
       &--vertical {
-        .esri-slider__segment--interactive {
+        .geoscene-slider__segment--interactive {
           &:hover {
             cursor: default;
           }
@@ -56,117 +56,117 @@
     }
   }
 
-  .esri-slider--reversed.esri-slider--horizontal {
+  .geoscene-slider--reversed.geoscene-slider--horizontal {
     flex-direction: row-reverse;
   }
 
-  .esri-slider--reversed.esri-slider--vertical {
+  .geoscene-slider--reversed.geoscene-slider--vertical {
     flex-direction: column;
   }
 
-  .esri-slider--horizontal {
+  .geoscene-slider--horizontal {
     flex-direction: row;
 
-    .esri-slider__content {
+    .geoscene-slider__content {
       height: auto;
     }
-    .esri-slider__track {
+    .geoscene-slider__track {
       height: $slider-track-thickness;
       width: 100%;
     }
-    .esri-slider__segment--interactive {
+    .geoscene-slider__segment--interactive {
       &:hover {
         cursor: ew-resize;
       }
     }
-    .esri-slider__anchor {
+    .geoscene-slider__anchor {
       height: 100%;
       width: $slider-anchor-thickness;
     }
-    .esri-slider__label {
+    .geoscene-slider__label {
       left: -50px;
       margin: 0 $side-spacing--three-quarters;
       top: -30px;
       text-align: center;
     }
-    .esri-slider__label-input {
+    .geoscene-slider__label-input {
       text-align: center;
     }
-    .esri-slider__max,
-    .esri-slider__min {
+    .geoscene-slider__max,
+    .geoscene-slider__min {
       flex: 0 0 auto;
       margin: auto;
       height: auto;
       width: 50px;
     }
-    .esri-slider__ticks {
+    .geoscene-slider__ticks {
       left: 0;
       margin: $cap-spacing--three-quarters 0 0 0;
       top: 100%;
       width: 100%;
     }
-    .esri-slider__tick {
+    .geoscene-slider__tick {
       height: $slider-tick-length;
       width: $slider-tick-thickness;
     }
-    .esri-slider__tick-label {
+    .geoscene-slider__tick-label {
       margin-top: $cap-spacing--plus-half;
     }
   }
 
-  .esri-slider--vertical {
+  .geoscene-slider--vertical {
     flex-direction: column-reverse;
 
-    .esri-slider__content {
+    .geoscene-slider__content {
       flex-direction: column;
       width: auto;
     }
-    .esri-slider__track {
+    .geoscene-slider__track {
       flex: 1 0 0px;
       flex-direction: column;
       height: 100%;
       width: $slider-track-thickness;
     }
-    .esri-slider__segment--interactive {
+    .geoscene-slider__segment--interactive {
       &:hover {
         cursor: ns-resize;
       }
     }
-    .esri-slider__anchor {
+    .geoscene-slider__anchor {
       height: $slider-anchor-thickness;
       width: 100%;
     }
-    .esri-slider__label {
+    .geoscene-slider__label {
       left: 20px;
       text-align: left;
       top: -10px;
     }
-    .esri-slider__max,
-    .esri-slider__min {
+    .geoscene-slider__max,
+    .geoscene-slider__min {
       margin: auto;
       width: 100%;
     }
-    .esri-slider__max {
+    .geoscene-slider__max {
       flex: 0 0 22px;
     }
-    .esri-slider__min {
+    .geoscene-slider__min {
       flex: 0 0 22px;
     }
-    .esri-slider__ticks {
+    .geoscene-slider__ticks {
       left: 100%;
       margin: 0 0 0 $side-spacing--three-quarters;
       top: 0;
     }
-    .esri-slider__tick {
+    .geoscene-slider__tick {
       height: $slider-tick-thickness;
       width: $slider-tick-length;
     }
-    .esri-slider__tick-label {
+    .geoscene-slider__tick-label {
       margin-left: 30px;
     }
   }
 
-  .esri-slider__content {
+  .geoscene-slider__content {
     display: flex;
     flex: 1 0 auto;
     line-height: 0;
@@ -177,14 +177,14 @@
     z-index: 0;
   }
 
-  .esri-slider__track {
+  .geoscene-slider__track {
     background-color: $border-color--contrast;
     display: inline-block;
     touch-action: none;
     position: relative;
   }
 
-  .esri-slider__segment {
+  .geoscene-slider__segment {
     height: 100%;
     left: 0;
     position: absolute;
@@ -199,7 +199,7 @@
     }
   }
 
-  .esri-slider__anchor {
+  .geoscene-slider__anchor {
     background-color: $background-color--inverse;
     position: absolute;
     touch-action: none;
@@ -207,35 +207,35 @@
     user-select: none;
 
     &:focus {
-      .esri-slider__thumb,
-      .esri-slider__label {
+      .geoscene-slider__thumb,
+      .geoscene-slider__label {
         outline: inherit;
       }
     }
   }
 
-  .esri-slider__anchor--moving {
-    .esri-slider__label {
+  .geoscene-slider__anchor--moving {
+    .geoscene-slider__label {
       &:hover {
         cursor: grabbing;
       }
     }
 
-    .esri-slider__label--interactive {
+    .geoscene-slider__label--interactive {
       &:hover {
         cursor: grabbing;
       }
     }
 
     &:focus {
-      .esri-slider__thumb {
+      .geoscene-slider__thumb {
         border: 3px solid $button-color--hover;
         cursor: grabbing;
       }
     }
   }
 
-  .esri-slider__thumb {
+  .geoscene-slider__thumb {
     background-color: $background-color;
     border: 2px solid $button-color;
     border-radius: $slider-thumb-size;
@@ -256,7 +256,7 @@
     }
   }
 
-  .esri-slider__label {
+  .geoscene-slider__label {
     line-height: 22px;
     min-width: 80px;
     position: absolute;
@@ -267,27 +267,27 @@
     }
   }
 
-  .esri-slider__label--interactive,
-  .esri-slider__max--interactive,
-  .esri-slider__min--interactive {
+  .geoscene-slider__label--interactive,
+  .geoscene-slider__max--interactive,
+  .geoscene-slider__min--interactive {
     &:hover {
       cursor: pointer;
       text-decoration: underline;
     }
   }
 
-  .esri-slider__label-input {
+  .geoscene-slider__label-input {
     position: relative;
     width: 100%;
     z-index: $slider-ticks-z-index + 1;
   }
 
-  .esri-slider__extra-content {
+  .geoscene-slider__extra-content {
     display: inline-block;
   }
 
-  .esri-slider__max,
-  .esri-slider__min {
+  .geoscene-slider__max,
+  .geoscene-slider__min {
     height: 22px;
     line-height: 22px;
     text-align: center;
@@ -296,45 +296,45 @@
     justify-content: center;
   }
 
-  .esri-slider__max--interactive,
-  .esri-slider__min--interactive {
+  .geoscene-slider__max--interactive,
+  .geoscene-slider__min--interactive {
     &:hover {
       background-color: $background-color--offset;
     }
   }
 
-  .esri-slider__range-input {
+  .geoscene-slider__range-input {
     padding: 1px 0;
     text-align: center;
     width: 100%;
   }
 
-  .esri-slider__ticks {
+  .geoscene-slider__ticks {
     display: inline-block;
     height: 100%;
     position: absolute;
     z-index: $slider-ticks-z-index;
   }
-  .esri-slider__tick {
+  .geoscene-slider__tick {
     background: $border-color--contrast;
     position: absolute;
   }
-  .esri-slider__tick-label {
+  .geoscene-slider__tick-label {
     position: absolute;
     width: max-content;
   }
 
   [dir="rtl"] {
-    .esri-slider__label,
-    .esri-slider__max,
-    .esri-slider__min,
-    .esri-slider__tick-label {
+    .geoscene-slider__label,
+    .geoscene-slider__max,
+    .geoscene-slider__min,
+    .geoscene-slider__tick-label {
       direction: rtl;
       unicode-bidi: plaintext;
     }
 
-    .esri-slider__range-input,
-    .esri-slider__label-input {
+    .geoscene-slider__range-input,
+    .geoscene-slider__label-input {
       unicode-bidi: plaintext;
     }
   }
@@ -348,7 +348,7 @@
   ... unless we define an outline on the parent
 */
 @supports (-ms-ime-align: auto) {
-  .esri-slider {
+  .geoscene-slider {
     &__anchor {
       &:focus {
         outline: 1px dotted black;
@@ -359,4 +359,4 @@
 
 @if $include_Slider == true {
   @include slider();
-}
+}

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

@@ -1,35 +1,35 @@
 @mixin snappingControls() {
   $border: 1px solid $border-color;
 
-  .esri-snapping-controls__toggle-block {
+  .geoscene-snapping-controls__toggle-block {
     margin-top: 0;
   }
 
-  .esri-snapping-controls__layer-list-block {
+  .geoscene-snapping-controls__layer-list-block {
     border-bottom: none;
   }
 
-  .esri-snapping-controls__layer-list {
+  .geoscene-snapping-controls__layer-list {
     overflow: auto;
     max-height: 220px;
   }
 
-  .esri-snapping-controls {
+  .geoscene-snapping-controls {
     display: flex;
     flex-flow: column wrap;
   }
 
-  .esri-snapping-controls__container {
+  .geoscene-snapping-controls__container {
     display: flex;
     flex: 1 1 auto;
     flex-direction: column;
   }
 
-  .esri-snapping-controls__panel {
+  .geoscene-snapping-controls__panel {
     width: 320px;
   }
 
-  .esri-snapping-controls__item {
+  .geoscene-snapping-controls__item {
     @include cardBoxShadow();
     padding: 3px;
     background-color: $background-color;
@@ -43,7 +43,7 @@
     transition: border-color 125ms ease-in-out;
   }
 
-  .esri-snapping-controls__item-action-icon {
+  .geoscene-snapping-controls__item-action-icon {
     flex: 0 0 $icon-size;
     font-size: $icon-size;
     display: inline-block;
@@ -52,7 +52,7 @@
     margin-top: 0.1em;
   }
 
-  .esri-snapping-controls__action-toggle {
+  .geoscene-snapping-controls__action-toggle {
     align-items: flex-start;
     border: 1px solid transparent;
     cursor: pointer;
@@ -66,10 +66,10 @@
     transition: opacity 250ms ease-in-out 250ms, background-color 250ms ease-in-out;
     width: 100%;
 
-    .esri-snapping-controls__item-action-title {
+    .geoscene-snapping-controls__item-action-title {
       margin-left: 0;
     }
-    .esri-snapping-controls__item-action-icon {
+    .geoscene-snapping-controls__item-action-icon {
       background-color: $background-color--hover;
       border-radius: $toggle-height;
       box-shadow: 0 0 0 1px $interactive-font-color;
@@ -97,13 +97,13 @@
         width: $toggle-handle-size;
       }
     }
-    &.esri-disabled-element {
+    &.geoscene-disabled-element {
       pointer-events: none;
       opacity: $opacity--disabled;
     }
   }
 
-  .esri-snapping-controls__action-toggle--on .esri-snapping-controls__item-action-icon {
+  .geoscene-snapping-controls__action-toggle--on .geoscene-snapping-controls__item-action-icon {
     // Toggle on
     background-color: $button-color;
     box-shadow: 0 0 0 1px $button-color;
@@ -114,12 +114,12 @@
     }
   }
 
-  .esri-snapping-controls__nested-container {
+  .geoscene-snapping-controls__nested-container {
     padding: 0 0 0 1em;
   }
 
   [dir="rtl"] {
-    .esri-snapping-controls__nested-container {
+    .geoscene-snapping-controls__nested-container {
       padding: 0 1em 0 0;
     }
   }
@@ -127,4 +127,4 @@
 
 @if $include_SnappingControls == true {
   @include snappingControls();
-}
+}

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

@@ -1,7 +1,7 @@
 $spinner_size: 24px;
 @mixin spinner() {
-  .esri-ui {
-    .esri-spinner {
+  .geoscene-ui {
+    .geoscene-spinner {
       background-color: transparent;
       box-shadow: none;
       padding: 0;
@@ -17,7 +17,7 @@ $spinner_size: 24px;
       opacity: 0;
       transform-origin: 0 0;
     }
-    .esri-spinner::before {
+    .geoscene-spinner::before {
       position: absolute;
       margin: -50% 0 0 -50%;
       width: 100%;
@@ -25,22 +25,22 @@ $spinner_size: 24px;
       background: url("../base/images/Loading_Indicator_double_32.svg") no-repeat center;
       display: block;
       content: "";
-      animation: esri-spinner--rotate-animation 750ms linear infinite;
+      animation: geoscene-spinner--rotate-animation 750ms linear infinite;
     }
-    .esri-spinner--start {
+    .geoscene-spinner--start {
       display: block;
-      animation: esri-spinner--start-animation 250ms cubic-bezier(0.17, 0.67, 0.36, 0.99) forwards;
+      animation: geoscene-spinner--start-animation 250ms cubic-bezier(0.17, 0.67, 0.36, 0.99) forwards;
     }
-    .esri-spinner--finish {
+    .geoscene-spinner--finish {
       display: block;
       opacity: 1;
-      animation: esri-spinner--finish-animation 125ms ease-in forwards;
+      animation: geoscene-spinner--finish-animation 125ms ease-in forwards;
       animation-delay: 75ms;
     }
   }
 }
 
-@keyframes esri-spinner--start-animation {
+@keyframes geoscene-spinner--start-animation {
   0% {
     opacity: 0;
     transform: scale(0);
@@ -51,7 +51,7 @@ $spinner_size: 24px;
   }
 }
 
-@keyframes esri-spinner--finish-animation {
+@keyframes geoscene-spinner--finish-animation {
   0% {
     opacity: 1;
     transform: scale(1);
@@ -62,7 +62,7 @@ $spinner_size: 24px;
   }
 }
 
-@keyframes esri-spinner--rotate-animation {
+@keyframes geoscene-spinner--rotate-animation {
   0% {
     transform: rotate(0deg);
   }
@@ -73,4 +73,4 @@ $spinner_size: 24px;
 
 @if $include_Spinner==true {
   @include spinner();
-}
+}

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

@@ -2,7 +2,7 @@
   $divider-color: $background-color !default;
   $divider-size: 4px !default;
 
-  .esri-swipe {
+  .geoscene-swipe {
     width: 100%;
     height: 100%;
     position: absolute;
@@ -13,12 +13,12 @@
     user-select: none;
   }
 
-  .esri-swipe,
-  .esri-ui .esri-swipe {
+  .geoscene-swipe,
+  .geoscene-ui .geoscene-swipe {
     pointer-events: none;
   }
 
-  .esri-swipe__container {
+  .geoscene-swipe__container {
     position: absolute;
     margin: 0;
     padding: 0;
@@ -29,29 +29,29 @@
     overflow: hidden; // needed to hide tracers in iOS
   }
 
-  .esri-swipe--horizontal .esri-swipe__container {
+  .geoscene-swipe--horizontal .geoscene-swipe__container {
     margin-left: -$button-width--half;
     height: 100%;
     cursor: col-resize;
   }
 
-  .esri-swipe--vertical .esri-swipe__container {
+  .geoscene-swipe--vertical .geoscene-swipe__container {
     margin-top: -$button-height--half;
     width: 100%;
     cursor: row-resize;
   }
 
-  .esri-swipe--disabled .esri-swipe__container {
+  .geoscene-swipe--disabled .geoscene-swipe__container {
     pointer-events: none;
     cursor: default;
   }
 
-  .esri-swipe__divider {
+  .geoscene-swipe__divider {
     position: absolute;
     background-color: $divider-color;
   }
 
-  .esri-swipe--horizontal .esri-swipe__divider {
+  .geoscene-swipe--horizontal .geoscene-swipe__divider {
     border-left: 1px solid rgba($interactive-font-color, 0.5);
     border-right: 1px solid rgba($interactive-font-color, 0.5);
     width: $divider-size;
@@ -61,7 +61,7 @@
     left: $button-width--half;
   }
 
-  .esri-swipe--vertical .esri-swipe__divider {
+  .geoscene-swipe--vertical .geoscene-swipe__divider {
     border-top: 1px solid rgba($interactive-font-color, 0.5);
     border-bottom: 1px solid rgba($interactive-font-color, 0.5);
     width: 100%;
@@ -71,7 +71,7 @@
     top: $button-height--half;
   }
 
-  .esri-swipe__handle {
+  .geoscene-swipe__handle {
     width: $button-width;
     height: $button-height;
     display: flex;
@@ -86,20 +86,20 @@
     }
   }
 
-  .esri-swipe__handle-icon {
+  .geoscene-swipe__handle-icon {
     position: relative;
     z-index: 2;
   }
 
-  .esri-swipe--horizontal .esri-swipe__handle {
+  .geoscene-swipe--horizontal .geoscene-swipe__handle {
     top: calc(50% - #{$button-height--half});
   }
 
-  .esri-swipe--vertical .esri-swipe__handle {
+  .geoscene-swipe--vertical .geoscene-swipe__handle {
     left: calc(50% - #{$button-height--half});
   }
 }
 
 @if $include_Swipe == true {
   @include swipe();
-}
+}