@geoscene/core 4.23.9 → 4.23.12

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

@@ -1,6 +1,6 @@
 $base-scrim-z-index: 50;
 
-@mixin esri-editor__prompt($contextColor) {
+@mixin geoscene-editor__prompt($contextColor) {
   background-color: var(--calcite-ui-background);
   border-top: solid 3px $contextColor;
   color: $font-color;
@@ -15,9 +15,9 @@ $base-scrim-z-index: 50;
   display: flex;
   flex-flow: column nowrap;
 
-  animation: esri-fade-in-up 250ms ease-in-out;
+  animation: geoscene-fade-in-up 250ms ease-in-out;
 
-  .esri-editor__prompt__header {
+  .geoscene-editor__prompt__header {
     color: $contextColor;
     display: flex;
     margin-bottom: $cap-spacing;
@@ -29,7 +29,7 @@ $base-scrim-z-index: 50;
     }
   }
 
-  .esri-editor__prompt__message {
+  .geoscene-editor__prompt__message {
     color: inherit;
     font-weight: $font-weight;
     word-break: break-word;
@@ -39,7 +39,7 @@ $base-scrim-z-index: 50;
     padding: 0 0 $cap-spacing 0;
   }
 
-  .esri-editor__prompt__divider {
+  .geoscene-editor__prompt__divider {
     color: inherit;
     margin: 0 0 $cap-spacing 0;
     border-bottom: $border;
@@ -47,7 +47,7 @@ $base-scrim-z-index: 50;
     flex: 0 0 auto;
   }
 
-  .esri-editor__prompt__actions {
+  .geoscene-editor__prompt__actions {
     display: flex;
     flex-direction: row;
   }
@@ -58,14 +58,14 @@ $base-scrim-z-index: 50;
   $border: 1px solid $border-color;
   $panel-background-color: var(--calcite-ui-background);
 
-  .esri-editor {
+  .geoscene-editor {
     background-color: $panel-background-color;
     display: flex;
     flex-direction: column;
     position: relative;
   }
 
-  .esri-editor__header {
+  .geoscene-editor__header {
     background-color: $background-color;
     padding: 0 $side-spacing--three-quarters;
     font-size: $font-size__header-text;
@@ -75,13 +75,13 @@ $base-scrim-z-index: 50;
     height: $headerOrFooterHeight;
   }
 
-  .esri-editor__title {
+  .geoscene-editor__title {
     text-align: center;
     flex: 1 1 auto;
     overflow: hidden;
   }
 
-  .esri-editor__content {
+  .geoscene-editor__content {
     justify-content: center;
     align-items: flex-start;
     flex: 1 1 auto;
@@ -89,20 +89,20 @@ $base-scrim-z-index: 50;
     display: flex;
     flex-direction: row;
 
-    animation: esri-fade-in 250ms ease-in-out;
+    animation: geoscene-fade-in 250ms ease-in-out;
     transition: min-height 250ms ease-in-out;
     &:empty {
       min-height: 0;
     }
   }
 
-  .esri-editor__content-group {
+  .geoscene-editor__content-group {
     display: flex;
     flex-direction: column;
     flex: 1 0 100%;
   }
 
-  .esri-editor__message {
+  .geoscene-editor__message {
     display: flex;
     align-items: center;
     align-self: stretch;
@@ -111,35 +111,35 @@ $base-scrim-z-index: 50;
     margin-right: $side-spacing;
   }
 
-  .esri-editor__scroller {
+  .geoscene-editor__scroller {
     overflow-y: auto;
     padding-top: $cap-spacing--half;
     padding-bottom: $cap-spacing;
   }
 
-  .esri-editor .esri-feature-form {
+  .geoscene-editor .geoscene-feature-form {
     width: 100%;
     padding: 0;
   }
 
-  .esri-editor {
-    .esri-item-list {
+  .geoscene-editor {
+    .geoscene-item-list {
       background-color: transparent;
     }
 
-    .esri-item-list__group {
+    .geoscene-item-list__group {
       margin-left: 0;
       margin-right: 0;
     }
   }
 
-  .esri-editor__temp-wrapper {
+  .geoscene-editor__temp-wrapper {
     display: flex;
     flex-direction: column;
     flex: 1 1 auto;
   }
 
-  .esri-editor__back-button {
+  .geoscene-editor__back-button {
     display: flex;
     width: $button-width;
     height: $button-height;
@@ -154,7 +154,7 @@ $base-scrim-z-index: 50;
     }
   }
 
-  .esri-editor__controls {
+  .geoscene-editor__controls {
     background-color: $background-color;
     border-top: $border;
     padding: $cap-spacing $side-spacing;
@@ -162,12 +162,12 @@ $base-scrim-z-index: 50;
     flex-direction: column;
   }
 
-  .esri-editor__control-button {
+  .geoscene-editor__control-button {
     margin-bottom: 6px;
     min-height: $button-height;
   }
 
-  .esri-editor__feature-list-item {
+  .geoscene-editor__feature-list-item {
     @include cardBoxShadow();
     padding: $cap-spacing $side-spacing--quarter;
     background-color: $background-color;
@@ -182,75 +182,75 @@ $base-scrim-z-index: 50;
 
     transition: border-color 125ms ease-in-out;
   }
-  .esri-editor__feature-list-item:hover,
-  .esri-editor__feature-list-item:focus {
+  .geoscene-editor__feature-list-item:hover,
+  .geoscene-editor__feature-list-item:focus {
     border-color: $border-color--hover;
   }
-  .esri-editor__feature-list-item:active {
+  .geoscene-editor__feature-list-item:active {
     background-color: $background-color--active;
     color: $interactive-font-color;
   }
 
-  .esri-editor__feature-list-item {
+  .geoscene-editor__feature-list-item {
     @include icomoonIconSelector("&") {
       padding-right: $font-size * 0.2;
     }
   }
 
-  .esri-editor__feature-list-item--disabled {
+  .geoscene-editor__feature-list-item--disabled {
     pointer-events: none;
     opacity: $opacity--disabled;
   }
 
-  .esri-editor__feature-list-icon {
+  .geoscene-editor__feature-list-icon {
     flex: 0 0 auto;
     padding: 0 $side-spacing--half;
   }
 
-  .esri-editor__feature-list-index {
+  .geoscene-editor__feature-list-index {
     text-align: right;
     flex-basis: 2ch;
   }
 
-  .esri-editor__feature-list-name {
+  .geoscene-editor__feature-list-name {
     flex: 1 1 auto;
     margin: 0 $side-spacing--half;
   }
 
-  .esri-editor__feature-list {
+  .geoscene-editor__feature-list {
     width: 100%;
     margin: 0;
     padding: $cap-spacing--quarter $side-spacing--quarter;
     list-style: none;
   }
 
-  .esri-editor__prompt--info {
-    @include esri-editor__prompt(var(--calcite-ui-info));
+  .geoscene-editor__prompt--info {
+    @include geoscene-editor__prompt(var(--calcite-ui-info));
   }
 
-  .esri-editor__prompt--warning {
-    @include esri-editor__prompt(var(--calcite-ui-warning));
+  .geoscene-editor__prompt--warning {
+    @include geoscene-editor__prompt(var(--calcite-ui-warning));
   }
 
-  .esri-editor__prompt--danger {
-    @include esri-editor__prompt(var(--calcite-ui-danger));
+  .geoscene-editor__prompt--danger {
+    @include geoscene-editor__prompt(var(--calcite-ui-danger));
   }
 
-  .esri-editor__prompt-option {
+  .geoscene-editor__prompt-option {
     margin: $cap-spacing--half 0;
     cursor: pointer;
     flex: 0 0 auto;
   }
 
-  // .esri-editor__prompt-option--positive {
+  // .geoscene-editor__prompt-option--positive {
   //   color: $button-color;
   // }
 
-  // .esri-editor__prompt-option--negative {
+  // .geoscene-editor__prompt-option--negative {
   //   color: $font-color--error;
   // }
 
-  .esri-editor__overlay {
+  .geoscene-editor__overlay {
     position: absolute;
     overflow: hidden;
     left: 0;
@@ -260,24 +260,24 @@ $base-scrim-z-index: 50;
     background-color: $background-color--overlay;
   }
 
-  .esri-editor__progress-bar {
+  .geoscene-editor__progress-bar {
     position: absolute;
     width: 100%;
   }
 
-  .esri-editor__mode-selection {
+  .geoscene-editor__mode-selection {
     display: flex;
     flex: 1 1 auto;
     flex-direction: column;
   }
 
-  .esri-ui {
-    .esri-editor .esri-item-list__scroller {
+  .geoscene-ui {
+    .geoscene-editor .geoscene-item-list__scroller {
       max-height: ($panel-max-height--medium * 0.5) - 80px;
     }
   }
 
-  .esri-editor__panel-toolbar {
+  .geoscene-editor__panel-toolbar {
     --divider-border: 1px solid var(--calcite-ui-border-2);
 
     background-color: var(--calcite-ui-foreground-1);
@@ -290,7 +290,7 @@ $base-scrim-z-index: 50;
     }
   }
 
-  .esri-editor__panel-content {
+  .geoscene-editor__panel-content {
     position: relative;
     padding: 0 12px 12px 12px;
     height: 100%;
@@ -302,37 +302,37 @@ $base-scrim-z-index: 50;
     }
   }
 
-  .esri-editor__scrim-overlay {
+  .geoscene-editor__scrim-overlay {
     position: relative;
     z-index: $base-scrim-z-index + 1;
   }
 
-  .esri-editor__update-features-action-buttons {
+  .geoscene-editor__update-features-action-buttons {
     display: flex;
     flex-direction: row;
     align-items: flex-start;
     padding: 0;
   }
 
-  .esri-editor__update-features-action-buttons--button {
+  .geoscene-editor__update-features-action-buttons--button {
     flex-grow: 1;
   }
 
-  .esri-editor__feature-templates-container {
-    .esri-feature-templates {
+  .geoscene-editor__feature-templates-container {
+    .geoscene-feature-templates {
       width: 100%;
     }
   }
 
-  .esri-editor__snapping-controls-popover {
+  .geoscene-editor__snapping-controls-popover {
     width: $panel-width * 0.9;
     display: flex;
     flex-direction: column;
   }
 
-  @include loopingProgressBar(".esri-editor__progress-bar");
+  @include loopingProgressBar(".geoscene-editor__progress-bar");
 }
 
 @if $include_Editor == true {
   @include editor();
-}
+}

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

@@ -34,8 +34,8 @@
   // Checkbox
   //----------------------------------------------------------------------------
 
-  .esri-elevation-profile,
-  .esri-elevation-profile-settings__popover-content {
+  .geoscene-elevation-profile,
+  .geoscene-elevation-profile-settings__popover-content {
     input[type="checkbox"] {
       font-size: $checkbox-icon-size;
       line-height: $checkbox-icon-size;
@@ -52,7 +52,7 @@
       appearance: none;
 
       &:before {
-        // Copied from esri/themes/base/icons/style.scss
+        // Copied from geoscene/themes/base/icons/style.scss
         font-family: "#{$icomoon-font-family}" !important;
         font-style: normal;
         font-weight: normal;
@@ -69,7 +69,7 @@
         border-color: $border-color--active;
 
         &:before {
-          @extend .esri-icon-check-mark;
+          @extend .geoscene-icon-check-mark;
           color: $interactive-font-color--inverse;
         }
       }
@@ -89,11 +89,11 @@
   // Widget
   //----------------------------------------------------------------------------
 
-  .esri-elevation-profile {
+  .geoscene-elevation-profile {
     position: relative;
     padding: $cap-spacing $side-spacing;
 
-    &.esri-component.esri-widget--panel {
+    &.geoscene-component.geoscene-widget--panel {
       width: $width;
       max-width: 100%; // Don't overflow parent container, especially on mobile
     }
@@ -106,8 +106,8 @@
       justify-content: flex-end;
 
       button {
-        @extend .esri-button;
-        @extend .esri-button--tertiary;
+        @extend .geoscene-button;
+        @extend .geoscene-button--tertiary;
 
         width: $header-button-width;
         flex-shrink: 0;
@@ -216,7 +216,7 @@
     // We have vertical space so we'll size the chart and let the widget scale vertically.
 
     &--portrait,
-    &--portrait.esri-component.esri-widget--panel {
+    &--portrait.geoscene-component.geoscene-widget--panel {
       height: auto;
     }
 
@@ -238,7 +238,7 @@
   // Settings
   //----------------------------------------------------------------------------
 
-  .esri-elevation-profile-settings {
+  .geoscene-elevation-profile-settings {
     &__popover-content {
       font-family: $font-family;
       font-size: $font-size__body;
@@ -273,7 +273,7 @@
   // Legend
   //----------------------------------------------------------------------------
 
-  .esri-elevation-profile-legend {
+  .geoscene-elevation-profile-legend {
     margin-top: $cap-spacing--half;
   }
 
@@ -281,7 +281,7 @@
   // Legend Item
   //----------------------------------------------------------------------------
 
-  .esri-elevation-profile-legend-item {
+  .geoscene-elevation-profile-legend-item {
     position: relative;
     background: $background-color--offset;
 
@@ -361,7 +361,7 @@
   // Statistics
   //----------------------------------------------------------------------------
 
-  .esri-elevation-profile-statistics {
+  .geoscene-elevation-profile-statistics {
     --max-width: 1px;
 
     display: grid;
@@ -401,13 +401,13 @@
     }
   }
 
-  .esri-elevation-profile--portrait {
-    .esri-elevation-profile-statistics {
+  .geoscene-elevation-profile--portrait {
+    .geoscene-elevation-profile-statistics {
       gap: ($cap-spacing--eighth * 3) $side-spacing--plus-half;
       margin-bottom: $cap-spacing;
     }
 
-    .esri-elevation-profile-statistics__statistic__value {
+    .geoscene-elevation-profile-statistics__statistic__value {
       margin-top: 2px;
     }
   }
@@ -417,14 +417,14 @@
   //----------------------------------------------------------------------------
 
   [dir="rtl"] {
-    .esri-elevation-profile-legend-item {
+    .geoscene-elevation-profile-legend-item {
       &__color-indicator {
         left: auto;
         right: 0;
       }
     }
 
-    .esri-elevation-profile {
+    .geoscene-elevation-profile {
       &__chart-spinner--small {
         left: auto;
         right: 0;
@@ -435,4 +435,4 @@
 
 @if $include_ElevationProfile == true {
   @include elevationProfile();
-}
+}