@geoscene/map-components 4.33.20 → 4.34.9

package/dist/components/geoscene-oriented-imagery-viewer/customElement.js

@@ -1,26 +1,24 @@
-import { c as t } from "../../chunks/runtime.js";
-import { usePropertyChange as a } from "@geoscene/lumina/controllers";
-import s from "@geoscene/core/layers/OrientedImageryLayer.js";
-import r from "@geoscene/core/widgets/OrientedImageryViewer.js";
-import { LitElement as o, createEvent as d, noShadowRoot as n } from "@geoscene/lumina";
-import { m as l } from "../../chunks/useWidget.js";
-import { css as g } from "@lit/reactive-element/css-tag.js";
+import { c as r } from "../../chunks/runtime.js";
+import { usePropertyChange as t } from "@geoscene/lumina/controllers";
+import o from "@geoscene/core/layers/OrientedImageryLayer.js";
+import a from "@geoscene/core/widgets/OrientedImageryViewer.js";
+import { LitElement as n, createEvent as s } from "@geoscene/lumina";
+import { m as d } from "../../chunks/useWidget.js";
+import { css as l } from "lit";
+import { s as c } from "../../chunks/geoscene-main.js";
 /*! All material copyright GeoScene, All Rights Reserved, unless otherwise specified.
-See https://js.geoscene.cn/4.33/geoscene/copyright.txt for details.
-v4.33.18 */
-const h = g`@layer{geoscene-oriented-imagery-viewer{display:block}}`, m = l(r);
-class y extends o {
+See https://js.geoscene.cn/4.34/geoscene/copyright.txt for details.
+v4.34.9 */
+const g = l`.geoscene-imagery-viewer{width:100%;height:100%}.geoscene-oriented-imagery-viewer{--geoscene-oriented-imagery-viewer-action-icon-size: 8px;--geoscene-oriented-imagery-viewer-min-width: 288px;--geoscene-oriented-imagery-viewer-min-height: 348px;--calcite-dialog-size-x: 210px;--calcite-dialog-min-size-y: 90px;--calcite-icon-size: var(--geoscene-oriented-imagery-viewer-action-icon-size);box-sizing:border-box;z-index:1;width:100%;min-width:var(--geoscene-oriented-imagery-viewer-min-width);height:100%;min-height:var(--geoscene-oriented-imagery-viewer-min-height);flex-direction:column;align-items:flex-start;display:flex;overflow:hidden}.geoscene-oriented-imagery-viewer:has(.geoscene-widget .geoscene-oriented-imagery-viewer__image-overlays-no-result){--geoscene-oriented-imagery-viewer-min-height: 420px}.geoscene-oriented-imagery-viewer__body{flex-direction:column;flex:1 0 auto;order:1;align-self:stretch;height:100%;display:flex}.geoscene-oriented-imagery-viewer__body-current-coverage{--calcite-icon-color: var(--calcite-color-status-danger)}.geoscene-oriented-imagery-viewer__body-additional-camera-locations{--calcite-icon-color: var(--calcite-color-brand)}.geoscene-oriented-imagery-viewer__body-additional-coverage{--calcite-icon-color: var(--calcite-color-status-info)}.geoscene-oriented-imagery-viewer__body-footprint{--calcite-icon-color: var(--calcite-color-status-success)}.geoscene-oriented-imagery-viewer__carousel{z-index:1;border:1px solid var(--calcite-color-border-2);align-items:center;width:98%;height:140px;margin:auto 1% 0;position:absolute;bottom:0;box-shadow:0 0 1px #0000004d}.geoscene-oriented-imagery-viewer__carousel-container{height:auto;display:inline-block;overflow:auto hidden}.geoscene-oriented-imagery-viewer__carousel header{--calcite-font-weight-medium: $font-weight--light;--calcite-font-size-0: $font-size--tiny}.geoscene-oriented-imagery-viewer__carousel-item{width:100px;height:70px}.geoscene-oriented-imagery-viewer__carousel-item-wrapper{box-sizing:border-box;justify-content:center;align-items:center;width:106px;height:78px;margin:auto 10px;display:flex;box-shadow:0 1px 2px #0000004d}.geoscene-oriented-imagery-viewer__carousel-item-wrapper--selected{box-sizing:border-box;border:2px solid var(--calcite-color-brand);justify-content:center;align-items:center;width:106px;height:78px;margin:auto 10px;display:flex;box-shadow:0 1px 2px #0000004d}.geoscene-oriented-imagery-viewer__carousel-content{display:flex}.geoscene-oriented-imagery-viewer__close{background:var(--calcite-color-foreground-1);flex-direction:row;flex-grow:0;order:7;justify-content:center;align-items:center;width:48px;height:59px;display:flex}.geoscene-oriented-imagery-viewer__image-enhancement-wrapper{z-index:1;border:1px solid var(--calcite-color-border-2);align-items:center;width:98%;height:140px;margin:auto 1% 0;position:absolute;bottom:0;box-shadow:0 0 1px #0000004d}.geoscene-oriented-imagery-viewer__image-enhancement-tools{display:flex}.geoscene-oriented-imagery-viewer__image-enhancement-tool-container{width:50%;margin-block:2px;padding-inline:.75rem}.geoscene-oriented-imagery-viewer__image-overlays{z-index:1;margin:auto;border:1px solid var(--calcite-color-border-2);align-items:center;width:100%;position:absolute;bottom:0;overflow-y:auto;box-shadow:0 0 1px #0000004d}.geoscene-oriented-imagery-viewer__image-overlays-layer-list,.geoscene-oriented-imagery-viewer__image-overlays-switch{padding:0 var(--calcite-spacing-md)}.geoscene-oriented-imagery-viewer__image-overlays-container{height:auto;display:flex}.geoscene-oriented-imagery-viewer__image-overlays-no-result{z-index:1;border:1px solid var(--calcite-color-border-2);align-items:center;width:98%;height:auto;margin:auto 1% 0;position:absolute;bottom:0;overflow-y:auto;box-shadow:0 0 1px #0000004d}.geoscene-oriented-imagery-viewer__image-overlays-no-result-layer-list,.geoscene-oriented-imagery-viewer__image-overlays-no-result-switch{padding:0 var(--calcite-spacing-md)}.geoscene-oriented-imagery-viewer__image-overlays-increased-height{z-index:1;border:1px solid var(--calcite-color-border-2);align-items:center;width:98%;height:200px;margin:auto 1% 0;position:absolute;bottom:0;overflow-y:auto;box-shadow:0 0 1px #0000004d}.geoscene-oriented-imagery-viewer__image-overlays-increased-height-layer-list,.geoscene-oriented-imagery-viewer__image-overlays-increased-height-switch{padding:0 var(--calcite-spacing-md)}.geoscene-oriented-imagery-viewer__measurement-results{width:auto;height:fit-content}.geoscene-oriented-imagery-viewer__measurements-table{margin-block-start:var(--calcite-spacing-sm)}.geoscene-oriented-imagery-viewer__measurements-bar{flex-wrap:nowrap;display:flex}.geoscene-oriented-imagery-viewer__measurements-button{display:flex}.geoscene-oriented-imagery-viewer__measurement-display{text-align:center;margin-block-end:var(--calcite-spacing-xxs)}.geoscene-oriented-imagery-viewer__viewer{cursor:url(data:text/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2226%22%20width%3D%2226%22%3E%0A%3Cpath%20stroke%3D%22%23000%22%20stroke-width%3D%221px%22%20fill%3D%22%23fff%22%20d%3D%22m15.3%2020.5s6.38-6.73%204.64-8.24-3.47%201.01-3.47%201.01%203.61-5.72%201.41-6.49c-2.2-0.769-3.33%204.36-3.33%204.36s0.873-5.76-1.06-5.76-1.58%205.39-1.58%205.39-0.574-4.59-2.18-4.12c-1.61%200.468-0.572%205.51-0.572%205.51s-1.58-4.89-2.93-3.79c-1.35%201.11%200.258%205.25%200.572%206.62%200.836%202.43%202.03%202.94%202.17%205.55%22%2F%3E%0A%3C%2Fsvg%3E%0A);flex-grow:1;width:100%;margin:0;display:flex}.geoscene-oriented-imagery-viewer__viewer--hidden{display:none}.geoscene-oriented-imagery-viewer__viewer-container{border-top:1px solid var(--calcite-color-border-3);background:var(--calcite-color-foreground-1);border-radius:0 0 3px 3px;flex:1 0 auto;order:1;align-self:stretch;width:100%;height:100%;display:flex}.geoscene-oriented-imagery-viewer__alert{inset-block-end:var(--calcite-spacing-md);inset-inline:var(--calcite-spacing-md);position:absolute}@keyframes rotateOrientedImageryNavigationTool{0%{transform:rotate(var(--oi-navigation-tool-rotation-from, 0deg))}to{transform:rotate(var(--oi-navigation-tool-rotation-to, 0deg))}}.geoscene-oriented-imagery-viewer__message-box{text-align:center;word-break:break-word;justify-content:center;align-items:center;width:100%;height:100%;padding:0 25%;font-size:var(--calcite-font-size-sm);display:flex;position:relative}.geoscene-oriented-imagery-viewer__navigation{transform:rotate(var(--oi-navigation-tool-rotation-to, 0deg))}.geoscene-oriented-imagery-viewer__navigation-animate{animation:.7s linear forwards rotateOrientedImageryNavigationTool}.geoscene-oriented-imagery-viewer__navigation-feature{fill:var(--calcite-color-brand);stroke:var(--calcite-color-foreground-1);stroke-width:1px}.geoscene-oriented-imagery-viewer__navigation-feature.selected{fill:var(--calcite-color-status-danger)}.geoscene-oriented-imagery-viewer__navigation-feature-path{pointer-events:none}.geoscene-oriented-imagery-viewer__navigation-feature-path-stop-offset-0{stop-color:var(--calcite-color-status-danger);stop-opacity:.4}.geoscene-oriented-imagery-viewer__navigation-feature-path-stop-offset-1{stop-color:var(--calcite-color-status-danger);stop-opacity:.2}.geoscene-oriented-imagery-viewer__navigation-pointer{fill:var(--calcite-color-foreground-1);fill-rule:evenodd;stroke:#0000;stroke-dasharray:none;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-width:0}.geoscene-oriented-imagery-viewer__navigation-pointer-north{fill:var(--calcite-color-status-danger)}.geoscene-oriented-imagery-viewer__navigation-wrapper{z-index:1;position:absolute;bottom:0;right:0;overflow:hidden}.geoscene-oriented-imagery-viewer__navigation-wrapper--zoomed{transform-origin:100% 100%;transform:scale(1.5)}.geoscene-oriented-imagery-viewer__navigation-wrapper-boundary{fill:var(--calcite-color-foreground-1);fill-opacity:.25;stroke:var(--calcite-color-border-2)}.geoscene-oriented-imagery-viewer__navigation-sector{fill:none}.geoscene-oriented-imagery-viewer__navigation-sector-separator{stroke:var(--calcite-color-border-2);stroke-width:1px}.geoscene-oriented-imagery-viewer__navigation-sector-cross{stroke:var(--calcite-color-status-danger);stroke-width:1px}.geoscene-oriented-imagery-viewer__navigation-sector-enabled{fill:var(--calcite-color-foreground-1);stroke:var(--calcite-color-border-2);stroke-width:1px}.geoscene-oriented-imagery-viewer__navigation-sector-disabled{fill:var(--calcite-color-foreground-3);stroke:var(--calcite-color-border-2);stroke-width:1px}.geoscene-oriented-imagery-viewer__navigation-sector-outer{fill:var(--calcite-color-foreground-1);fill-opacity:.4;stroke:none}.geoscene-oriented-imagery-viewer__pro .geoscene-oriented-imagery-viewer{width:100%;max-width:unset;height:100%;max-height:unset;position:static}.geoscene-oriented-imagery-viewer__sketch-tools{justify-content:center;align-items:center;width:100%;display:flex;position:absolute;bottom:0}.geoscene-oriented-imagery-viewer__navigation-ui{box-sizing:border-box;inset-block-end:var(--calcite-spacing-md);inset-inline:var(--calcite-spacing-md);transform-style:preserve-3d;z-index:var(--calcite-z-index-overlay);pointer-events:none;flex-direction:column;align-items:center;display:flex;position:absolute;overflow:hidden}.geoscene-oriented-imagery-viewer__navigation-ui__direction{--geoscene-oriented-imagery-viewer__navigation-ui-direction-color: wheat;--calcite-icon-color: var(--geoscene-oriented-imagery-viewer__navigation-ui-direction-color);cursor:not-allowed;width:160px;height:160px;position:absolute}.geoscene-oriented-imagery-viewer__navigation-ui__direction:not([disabled]){cursor:pointer;pointer-events:auto}.geoscene-oriented-imagery-viewer__navigation-ui__direction:not([disabled]):hover{--calcite-icon-color: var(--calcite-color-brand);background-color:rgba(var(--calcite-color-brand),var(--calcite-opacity-half));border-radius:50%}.geoscene-oriented-imagery-viewer__navigation-ui__direction-pad{box-sizing:border-box;transform:perspective(400px) rotateX(60deg) var(--rotate-transform);filter:drop-shadow(0 2px 1px #00000080);width:330px;height:330px}.geoscene-oriented-imagery-viewer__navigation-ui__direction--top{transform-style:preserve-3d;top:0;left:50%;transform:translate(-50%)}.geoscene-oriented-imagery-viewer__navigation-ui__direction--bottom{transform-style:preserve-3d;bottom:0;left:50%;transform:translate(-50%)}.geoscene-oriented-imagery-viewer__navigation-ui__direction--left{transform-style:preserve-3d;top:50%;left:0;transform:translateY(-50%)}.geoscene-oriented-imagery-viewer__navigation-ui__direction--right{transform-style:preserve-3d;top:50%;right:0;transform:translateY(-50%)}.geoscene-panoramic-viewer{z-index:1;position:relative;width:100%;height:100%}`, m = d(a);
+class v extends n {
   constructor() {
-    super(...arguments), this.widget = m(this), this._hasOrientedImageryLayerToAdd = !1, this.viewModel = this.widget.viewModel, this.autoDestroyDisabled = !1, this.currentCoverageVisible = this.widget.currentCoverageVisible, this.dataCaptureEnabled = this.widget.dataCaptureEnabled, this.disabled = this.widget.disabled, this.galleryOpened = this.widget.galleryOpened, this.icon = this.widget.icon, this.imageEnhancementToolActive = this.widget.imageEnhancementToolActive, this.imageGalleryEnabled = this.widget.imageGalleryEnabled, this.imageOverlaysOpened = this.widget.imageOverlaysOpened, this.isAdditionalCoverageVisible = this.widget.isAdditionalCoverageVisible, this.isAdditionalPointSourcesVisible = this.widget.isAdditionalPointSourcesVisible, this.label = this.widget.label, this.layer = this.widget.layer, this.mapImageConversionToolState = this.widget.mapImageConversionToolState, this.navigationToolActive = this.widget.navigationToolActive, this.position = "bottom-left", this.referencePoint = this.widget.referencePoint, this.geoscenePropertyChange = a()("imageGalleryEnabled", "layer"), this.geosceneReady = d();
+    super(...arguments), this.widget = m(this), this._hasOrientedImageryLayerToAdd = !1, this.viewModel = this.widget.viewModel, this.view = this.widget.view, this.autoDestroyDisabled = !1, this.currentCoverageVisible = this.widget.currentCoverageVisible, this.dataCaptureEnabled = this.widget.dataCaptureEnabled, this.disabled = this.widget.disabled, this.galleryOpened = this.widget.galleryOpened, this.icon = this.widget.icon, this.imageEnhancementToolActive = this.widget.imageEnhancementToolActive, this.imageGalleryEnabled = this.widget.imageGalleryEnabled, this.imageOverlaysOpened = this.widget.imageOverlaysOpened, this.isAdditionalCoverageVisible = this.widget.isAdditionalCoverageVisible, this.isAdditionalPointSourcesVisible = this.widget.isAdditionalPointSourcesVisible, this.label = this.widget.label, this.layer = this.widget.layer, this.mapImageConversionToolState = this.widget.mapImageConversionToolState, this.navigationToolActive = this.widget.navigationToolActive, this.referencePoint = this.widget.referencePoint, this.geoscenePropertyChange = t()("imageGalleryEnabled", "layer"), this.geosceneReady = s();
   }
   static {
-    this.properties = { autoDestroyDisabled: 5, currentCoverageVisible: 5, dataCaptureEnabled: 5, disabled: 5, galleryOpened: 5, icon: 1, imageEnhancementToolActive: 5, imageGalleryEnabled: 4, imageOverlaysOpened: 5, isAdditionalCoverageVisible: 5, isAdditionalPointSourcesVisible: 5, label: 1, layer: 0, mapImageConversionToolState: 5, navigationToolActive: 5, orientedImageryLayerItemId: 1, position: 1, referenceElement: 1, referencePoint: 0 };
+    this.properties = { view: 0, autoDestroyDisabled: 5, currentCoverageVisible: 5, dataCaptureEnabled: 5, disabled: 5, galleryOpened: 5, icon: 1, imageEnhancementToolActive: 5, imageGalleryEnabled: 4, imageOverlaysOpened: 5, isAdditionalCoverageVisible: 5, isAdditionalPointSourcesVisible: 5, label: 1, layer: 0, mapImageConversionToolState: 5, navigationToolActive: 5, orientedImageryLayerItemId: 1, position: 1, referenceElement: 1, referencePoint: 0 };
   }
   static {
-    this.shadowRootOptions = n;
-  }
-  static {
-    this.styles = h;
+    this.styles = [c, g];
   }
   async destroy() {
     await this.manager.destroy();
@@ -28,7 +26,7 @@ class y extends o {
   willUpdate(e) {
     if (e.has("orientedImageryLayerItemId")) {
       const i = this.orientedImageryLayerItemId;
-      i && this.widget && (this.layer = new s({ portalItem: { id: i } }), this.widget.view ? this.widget.view.map?.add(this.layer) : this._hasOrientedImageryLayerToAdd = !0);
+      i && this.widget && (this.layer = new o({ portalItem: { id: i } }), this.widget.view ? this.widget.view.map?.add(this.layer) : this._hasOrientedImageryLayerToAdd = !0);
     }
   }
   loaded() {
@@ -41,7 +39,7 @@ class y extends o {
     e && (this.widget.view?.map?.add(e), this._hasOrientedImageryLayerToAdd = !1);
   }
 }
-t("geoscene-oriented-imagery-viewer", y);
+r("geoscene-oriented-imagery-viewer", v);
 export {
-  y as GeosceneOrientedImageryViewer
+  v as GeosceneOrientedImageryViewer
 };

package/dist/components/geoscene-placement/customElement.d.ts

@@ -1,23 +1,30 @@
 /// <reference types="@geoscene/core/interfaces.d.ts" />
-/// <reference types="../../index.d.ts" />
+/// <reference path="../../index.d.ts" />
+import { JsxNode, PublicLitElement as LitElement, TargetedEvent } from '@geoscene/lumina';
 import { GeosceneReferenceElement, WidgetOrMapComponent } from '../../utils/component-utils';
-import { PropertyValues } from 'lit';
-import { ToElement, PublicLitElement as LitElement, TargetedEvent } from '@geoscene/lumina';
 
 /**
- * The placement component is used to position content relative to the map. This component may be **temporary** until we offer a more robust solution.
+ * The placement component is used to position content relative to the map.
  *
  * [Read more...](https://doc.geoscene.cn/javascript/4.33/references/map-components/geoscene-placement/)
+ *
+ * @since 4.29
+ * @deprecated since version 4.34, use the component's [`slot`](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/slot) attribute instead.
  */
 export declare class GeoscenePlacement extends LitElement {
-    /** @default "bottom-left" */
-    position: __geoscene.UIPosition;
+    /** @deprecated since 4.34, use [`slot`](https://doc.geoscene.cn/javascript/4.33/building-your-ui/#slots) instead. */
+    position?: __geoscene.UIPosition;
     /**
      * By assigning the `id` attribute of the Map or Scene component to this property, you can position a child component anywhere in the DOM while still maintaining a connection to the Map or Scene.
      *
      * @see [Associate components with a Map or Scene component](https://doc.geoscene.cn/javascript/4.33/programming-patterns/#associate-components-with-a-map-or-scene-component)
      */
     referenceElement?: GeosceneReferenceElement | string;
-    /** Emitted when the component associated with a map or scene view is is ready to be interacted with. */
+    /**
+     * The view associated with the component.
+     *   > **Note:** The recommended approach is to fully migrate applications to use map and scene components and avoid using MapView and SceneView directly. However, if you are migrating a large application from widgets to components, you might prefer a more gradual transition. To support this use case, the SDK includes this `view` property which connects a component to a MapView or SceneView. Ultimately, once migration is complete, the Placement component will be associated with a map or scene component rather than using the `view` property.
+     */
+    view?: __geoscene.LinkChartView | __geoscene.MapView | __geoscene.SceneView;
+    /** Emitted when the component associated with a map or scene view is ready to be interacted with. */
     readonly geosceneReady: TargetedEvent<this, void>;
 }

package/dist/components/geoscene-placement/customElement.js

@@ -1,51 +1,30 @@
-import { c as s } from "../../chunks/runtime.js";
-import { g as i, r, d as n, a as o } from "../../chunks/component-utils.js";
-import { LitElement as l, createEvent as a, noShadowRoot as c } from "@geoscene/lumina";
-import { css as h } from "@lit/reactive-element/css-tag.js";
+import { c as t } from "../../chunks/runtime.js";
+import { css as e, html as s } from "lit";
+import { LitElement as r, createEvent as o } from "@geoscene/lumina";
+import { a as i } from "../../chunks/component-utils.js";
+import { u as a } from "../../chunks/useView.js";
 /*! All material copyright GeoScene, All Rights Reserved, unless otherwise specified.
-See https://js.geoscene.cn/4.33/geoscene/copyright.txt for details.
-v4.33.18 */
-const d = h`@layer{geoscene-placement{display:flex;pointer-events:auto;box-shadow:none}.geoscene-placement__container{display:block}}`;
-class m extends l {
+See https://js.geoscene.cn/4.34/geoscene/copyright.txt for details.
+v4.34.9 */
+const m = e`:host{pointer-events:auto}`;
+class c extends r {
   constructor() {
-    super(), this._observer = void 0, this._moveChildren = () => {
-      if (i(this).parentElement !== this.el)
-        for (let t = this.el.firstElementChild; t !== null; t = this.el.firstElementChild)
-          i(this).append(t);
-    }, this.position = "bottom-left", this.geosceneReady = a();
-    const e = this;
-    e.el.childElem = document.createElement("div"), e.el.childElem.classList.add("geoscene-placement__container"), this.listen("geosceneReady", this._startObserving, { once: !0 });
+    super(...arguments), this.view = a(this), this.geosceneReady = o();
   }
   static {
-    this.properties = { position: 1, referenceElement: 1 };
+    this.properties = { position: 1, referenceElement: 1, view: 0 };
   }
   static {
-    this.shadowRootOptions = c;
-  }
-  static {
-    this.styles = d;
-  }
-  connectedCallback() {
-    super.connectedCallback(), this.el.view && this._startObserving();
-  }
-  willUpdate(e) {
-    e.has("referenceElement") && r(this, this.referenceElement);
-    const t = i(this);
-    e.has("position") && t && this.position !== void 0 && this.el.view?.ui?.move(t, this.position);
+    this.styles = m;
   }
   loaded() {
-    n(this), o(this);
-  }
-  disconnectedCallback() {
-    super.disconnectedCallback();
-    const e = i(this);
-    e && this.el.view?.ui?.remove(e), this._observer?.disconnect();
+    i(this);
   }
-  _startObserving() {
-    this._moveChildren(), this._observer = new MutationObserver(this._moveChildren), this._observer.observe(this.el, { childList: !0 });
+  render() {
+    return s`<slot></slot>`;
   }
 }
-s("geoscene-placement", m);
+t("geoscene-placement", c);
 export {
-  m as GeoscenePlacement
+  c as GeoscenePlacement
 };

package/dist/components/geoscene-popup/css.d.ts

@@ -0,0 +1,31 @@
+export declare const css: {
+    readonly base: "geoscene-popup";
+    readonly baseHidden: "geoscene-popup--hidden";
+    readonly main: "geoscene-popup__main-container";
+    readonly shadow: "geoscene-popup--shadow";
+    readonly isDocked: "geoscene-popup--is-docked";
+    readonly isDockedTopLeft: "geoscene-popup--is-docked-top-left";
+    readonly isDockedTopCenter: "geoscene-popup--is-docked-top-center";
+    readonly isDockedTopRight: "geoscene-popup--is-docked-top-right";
+    readonly isDockedBottomLeft: "geoscene-popup--is-docked-bottom-left";
+    readonly isDockedBottomCenter: "geoscene-popup--is-docked-bottom-center";
+    readonly isDockedBottomRight: "geoscene-popup--is-docked-bottom-right";
+    readonly isXlWidthBreakpoint: "geoscene-popup--is-xl-width-breakpoint";
+    readonly isLgWidthBreakpoint: "geoscene-popup--is-lg-width-breakpoint";
+    readonly isMdWidthBreakpoint: "geoscene-popup--is-md-width-breakpoint";
+    readonly isSmWidthBreakpoint: "geoscene-popup--is-sm-width-breakpoint";
+    readonly isXsWidthBreakpoint: "geoscene-popup--is-xs-width-breakpoint";
+    readonly isXlHeightBreakpoint: "geoscene-popup--is-xl-height-breakpoint";
+    readonly isLgHeightBreakpoint: "geoscene-popup--is-lg-height-breakpoint";
+    readonly isMdHeightBreakpoint: "geoscene-popup--is-md-height-breakpoint";
+    readonly isSmHeightBreakpoint: "geoscene-popup--is-sm-height-breakpoint";
+    readonly isXsHeightBreakpoint: "geoscene-popup--is-xs-height-breakpoint";
+    readonly alignTopCenter: "geoscene-popup--aligned-top-center";
+    readonly alignBottomCenter: "geoscene-popup--aligned-bottom-center";
+    readonly alignTopLeft: "geoscene-popup--aligned-top-left";
+    readonly alignBottomLeft: "geoscene-popup--aligned-bottom-left";
+    readonly alignTopRight: "geoscene-popup--aligned-top-right";
+    readonly alignBottomRight: "geoscene-popup--aligned-bottom-right";
+    readonly pointer: "geoscene-popup__pointer";
+    readonly pointerDirection: "geoscene-popup__pointer-direction";
+};