@arcgis/map-components 4.34.0-next.10 → 4.34.0-next.101

package/dist/components/arcgis-navigation-toggle/customElement.d.ts

@@ -1,12 +1,12 @@
 /// <reference types="@arcgis/core/interfaces.d.ts" />
-/// <reference types="../../index.d.ts" />
+/// <reference path="../../index.d.ts" />
 import { Use } from '@arcgis/lumina/controllers';
 import { JsxNode, PublicLitElement as LitElement, TargetedEvent } from '@arcgis/lumina';
 import { PropertyValues } from 'lit';
 import { useView } from '../../controllers/useView';
 import { ArcgisReferenceElement } from '../../utils/component-utils';
 
-type State = "disabled" | "ready";
+type NavigationToggleState = "disabled" | "ready";
 type NavigationMode = "pan" | "rotate";
 type LayoutMode = "horizontal" | "vertical";
 /**
@@ -16,7 +16,9 @@ type LayoutMode = "horizontal" | "vertical";
  * to rotate the view. When the navigation mode is set to "rotate", the mouse drag gesture rotates the view and
  * right-click + drag pans the view.
  *
- * The Navigation Toggle component is only supported in 3D.
+ * **Known limitations**
+ *
+ * Navigation Toggle is only supported in a 3D [Scene](https://developers.arcgis.com/javascript/latest/references/map-components/arcgis-scene/) component.
  *
  * [Read more...](https://developers.arcgis.com/javascript/latest/references/map-components/arcgis-navigation-toggle/)
  */
@@ -36,35 +38,37 @@ export declare class ArcgisNavigationToggle extends LitElement {
      * @default "vertical"
      */
     layout: LayoutMode;
-    /** Replace localized message strings with your own strings. **Warning**: individual message keys may change between releases. */
+    /**
+     * Replace localized message strings with your own strings.
+     *
+     * _**Note**: Individual message keys may change between releases._
+     */
     messageOverrides?: typeof this._messages._overrides;
     /**
-     * The navigation mode of the view. See the table below for a list of
-     * possible values.
+     * The navigation mode of the view. The possible values:
      *
-     * Possible Value | Description
-     * ---------------|-------------
-     * pan | The mouse drag gesture pans the view. Right-click + drag allows the user to perform a 3D rotate around the center of the view.
-     * rotate | The mouse drag gesture performs a 3D rotate around the center of the view and the right-click + drag gesture pans the view.
+     * * `pan` - The mouse drag gesture pans the view. Right-click + drag allows the user to perform a 3D rotate around the center of the view.
+     * * `rotate` - The mouse drag gesture performs a 3D rotate around the center of the view and the right-click + drag gesture pans the view.
      *
      * @default "pan"
      */
     navigationMode: NavigationMode;
-    /** @default "top-left" */
-    position: __esri.UIPosition;
-    referenceElement?: ArcgisReferenceElement | string;
+    /** @deprecated since 4.34, use [`slot`](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/slot) instead. */
+    position?: __esri.UIPosition;
     /**
-     * The current state of the component.
+     * 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.
      *
-     * @default "disabled"
+     * @see [Associate components with a Map or Scene component](https://developers.arcgis.com/javascript/latest/programming-patterns/#associate-components-with-a-map-or-scene-component)
      */
-    state: State;
+    referenceElement?: ArcgisReferenceElement | string;
+    /** The current state of the component. */
+    get state(): NavigationToggleState;
     toggle(): Promise<void>;
     /** Emitted when the value of a property is changed. Use this to listen to changes to properties. */
     readonly arcgisPropertyChange: TargetedEvent<this, {
         name: "state" | "layout";
     }>;
-    /** Emitted when the component associated with a map or scene view is is ready to be interacted with. */
+    /** Emitted when the component associated with a map or scene view is ready to be interacted with. */
     readonly arcgisReady: TargetedEvent<this, void>;
     private _messages: Partial<{
         componentLabel: string;

package/dist/components/arcgis-navigation-toggle/customElement.js

@@ -1,30 +1,30 @@
-import { c as p } from "../../chunks/runtime.js";
-import { usePropertyChange as d } from "@arcgis/lumina/controllers";
+import { c as d } from "../../chunks/runtime.js";
+import { usePropertyChange as p } from "@arcgis/lumina/controllers";
 import { when as c } from "@arcgis/core/core/reactiveUtils.js";
-import { LitElement as g, createEvent as h, noShadowRoot as m, safeClassMap as v, nothing as r } from "@arcgis/lumina";
-import { html as u } from "lit";
-import { u as y } from "../../chunks/useT9n.js";
-import { u as f } from "../../chunks/useView.js";
-import { g as b } from "../../chunks/globalCss.js";
-import { css as M } from "@lit/reactive-element/css-tag.js";
+import { LitElement as h, createEvent as u, safeClassMap as v, nothing as r } from "@arcgis/lumina";
+import { css as m, html as b } from "lit";
+import { u as f } from "../../chunks/useT9n.js";
+import { u as y } from "../../chunks/useView.js";
+import { g as x } from "../../chunks/globalCss.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.34/esri/copyright.txt for details.
-v4.34.0-next.10 */
-const $ = "arcgis-navigation-toggle", w = {
-  base: $
-}, x = M`@layer{.arcgis-navigation-toggle{display:flex;box-shadow:0 1px 2px #0000004d;inline-size:fit-content;block-size:fit-content}}`, e = { pan: "move", rotate: "rotate" };
-class _ extends g {
+v4.34.0-next.101 */
+const M = "arcgis-navigation-toggle", l = {
+  base: M,
+  button: "arcgis-button"
+}, $ = m`.arcgis-button{--calcite-ui-icon-color: var(--calcite-color-text-3);--calcite-button-background-color: var(--calcite-color-foreground-1);color:var(--calcite-color-text-3);font-family:Avenir Next,Helvetica Neue,helvetica,arial,sans-serif;line-height:1.3em;display:flex;flex-flow:column;cursor:pointer;background-color:var(--calcite-color-foreground-1);font-size:var(--calcite-font-size);:hover{--calcite-ui-icon-color: var(--calcite-color-text-1);--calcite-button-background-color: var(--calcite-color-transparent-hover)}calcite-button{width:var(--calcite-spacing-xxxl);height:var(--calcite-spacing-xxxl)}}:host{display:flex;inline-size:fit-content;block-size:fit-content}`, i = { pan: "move", rotate: "rotate" };
+class _ extends h {
   constructor() {
-    super(...arguments), this.view = f(this), this._messages = y(), this.icon = e.pan, this.layout = "vertical", this.navigationMode = "pan", this.position = "top-left", this.state = "disabled", this.arcgisPropertyChange = d()("layout", "state"), this.arcgisReady = h();
+    super(...arguments), this.view = y(this), this._messages = f(), this._state = "disabled", this.icon = i.pan, this.layout = "vertical", this.navigationMode = "pan", this.arcgisPropertyChange = p()("layout", "state"), this.arcgisReady = u();
   }
   static {
-    this.properties = { icon: 1, label: 1, layout: 3, messageOverrides: 0, navigationMode: 3, position: 1, referenceElement: 1, state: 3 };
+    this.properties = { _state: 16, icon: 1, label: 1, layout: 3, messageOverrides: 0, navigationMode: 3, position: 1, referenceElement: 1, state: 35 };
   }
   static {
-    this.shadowRootOptions = m;
+    this.styles = $;
   }
-  static {
-    this.styles = x;
+  get state() {
+    return this._state;
   }
   async toggle() {
     this.state !== "disabled" && (this.navigationMode = this.navigationMode !== "pan" ? "pan" : "rotate");
@@ -36,7 +36,7 @@ class _ extends g {
         const { view: t } = this;
         return t?.ready && t?.type === "3d" ? "ready" : "disabled";
       }, (t) => {
-        this.state = t;
+        this._state = t;
       }, { sync: !0, initial: !0 })
     ]);
   }
@@ -57,11 +57,11 @@ class _ extends g {
     t.dragPrimary = a ? "pan" : "rotate", t.dragSecondary = a ? "rotate" : "pan";
   }
   render() {
-    const { _messages: t, navigationMode: a, state: l } = this, s = t.pan ?? "", o = t.rotate ?? "", i = l === "disabled", n = a === "pan";
-    return u`<calcite-action-bar class=${v({ [w.base]: !0, [b.disabled]: i })} expand-disabled .layout=${this.layout} scale=s><calcite-action .active=${n} appearance=solid .disabled=${i} .icon=${e.pan} @click=${this._onPanClick} scale=s .text=${s} title=${s ?? r}></calcite-action><calcite-action .active=${!n} appearance=solid .disabled=${i} .icon=${e.rotate} @click=${this._onRotateClick} scale=s .text=${o} title=${o ?? r}></calcite-action></calcite-action-bar>`;
+    const { _messages: t, navigationMode: a, state: g } = this, o = t.pan ?? "", s = t.rotate ?? "", e = g === "disabled", n = a === "pan";
+    return b`<calcite-action-bar class=${v({ [l.base]: !0, [l.button]: !0, [x.disabled]: e })} expand-disabled .layout=${this.layout} scale=s><calcite-action .active=${n} appearance=solid .disabled=${e} .icon=${i.pan} @click=${this._onPanClick} scale=s .text=${o} title=${o ?? r}></calcite-action><calcite-action .active=${!n} appearance=solid .disabled=${e} .icon=${i.rotate} @click=${this._onRotateClick} scale=s .text=${s} title=${s ?? r}></calcite-action></calcite-action-bar>`;
   }
 }
-p("arcgis-navigation-toggle", _);
+d("arcgis-navigation-toggle", _);
 export {
   _ as ArcgisNavigationToggle
 };

package/dist/components/arcgis-oriented-imagery-viewer/customElement.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="@arcgis/core/interfaces.d.ts" />
-/// <reference types="../../index.d.ts" />
+/// <reference path="../../index.d.ts" />
 import { Use } from '@arcgis/lumina/controllers';
 import { default as OrientedImageryLayer } from '@arcgis/core/layers/OrientedImageryLayer.js';
 import { default as OrientedImageryViewer } from '@arcgis/core/widgets/OrientedImageryViewer.js';
@@ -7,14 +7,14 @@ import { PublicLitElement as LitElement, TargetedEvent } from '@arcgis/lumina';
 import { PropertyValues } from 'lit';
 import { ArcgisReferenceElement } from '../../utils/component-utils';
 
-declare const useOrientedImageryViewerWidget: (component: LitElement & Pick<OrientedImageryViewer, "icon" | "label" | "viewModel" | "layer" | "disabled" | "currentCoverageVisible" | "dataCaptureEnabled" | "galleryOpened" | "imageEnhancementToolActive" | "isAdditionalCoverageVisible" | "isAdditionalPointSourcesVisible" | "mapImageConversionToolState" | "navigationToolActive"> & {
+declare const useOrientedImageryViewerWidget: (component: LitElement & Pick<OrientedImageryViewer, "icon" | "label" | "layer" | "disabled" | "viewModel" | "currentCoverageVisible" | "dataCaptureEnabled" | "galleryOpened" | "imageEnhancementToolActive" | "isAdditionalCoverageVisible" | "isAdditionalPointSourcesVisible" | "mapImageConversionToolState" | "navigationToolActive"> & {
     state?: unknown;
     viewModel?: __esri.OrientedImageryViewerViewModel | undefined;
     closed?: boolean;
-    icon: import('@arcgis/components-utils').Nil | string;
-    label: import('@arcgis/components-utils').Nil | string;
+    icon: import('@arcgis/toolkit/type').nil | string;
+    label: import('@arcgis/toolkit/type').nil | string;
     referenceElement?: ArcgisReferenceElement | string;
-    position: __esri.UIPosition;
+    position?: __esri.UIPosition;
     arcgisReady: import('@arcgis/lumina').EventEmitter;
     arcgisPropertyChange: import('@arcgis/lumina').EventEmitter<{
         name: string;
@@ -134,8 +134,13 @@ export declare class ArcgisOrientedImageryViewer extends LitElement {
      */
     navigationToolActive: boolean;
     orientedImageryLayerItemId?: string;
-    /** @default "bottom-left" */
-    position: __esri.UIPosition;
+    /** @deprecated since 4.34, use [`slot`](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/slot) instead. */
+    position?: __esri.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://developers.arcgis.com/javascript/latest/programming-patterns/#associate-components-with-a-map-or-scene-component)
+     */
     referenceElement?: ArcgisReferenceElement | string;
     /**
      * This property provides the location of an image pixel in Map coordinates when using map-image conversion tool.
@@ -149,7 +154,7 @@ export declare class ArcgisOrientedImageryViewer extends LitElement {
     readonly arcgisPropertyChange: TargetedEvent<this, {
         name: "layer" | "imageGalleryEnabled";
     }>;
-    /** Emitted when the component associated with a map or scene view is is ready to be interacted with. */
+    /** Emitted when the component associated with a map or scene view is ready to be interacted with. */
     readonly arcgisReady: TargetedEvent<this, void>;
 }
 export {};

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

@@ -1,26 +1,24 @@
-import { c as t } from "../../chunks/runtime.js";
-import { usePropertyChange as a } from "@arcgis/lumina/controllers";
-import s from "@arcgis/core/layers/OrientedImageryLayer.js";
-import r from "@arcgis/core/widgets/OrientedImageryViewer.js";
-import { LitElement as o, createEvent as d, noShadowRoot as n } from "@arcgis/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 "@arcgis/lumina/controllers";
+import o from "@arcgis/core/layers/OrientedImageryLayer.js";
+import a from "@arcgis/core/widgets/OrientedImageryViewer.js";
+import { LitElement as n, createEvent as s } from "@arcgis/lumina";
+import { m as d } from "../../chunks/useWidget.js";
+import { css as l } from "lit";
+import { s as c, a as g } from "../../chunks/slots2.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.34/esri/copyright.txt for details.
-v4.34.0-next.10 */
-const h = g`@layer{arcgis-oriented-imagery-viewer{display:block}}`, m = l(r);
-class y extends o {
+v4.34.0-next.101 */
+const m = l`.esri-imagery-viewer{width:100%;height:100%}.esri-oriented-imagery-viewer{--esri-oriented-imagery-viewer-action-icon-size: 8px;--esri-oriented-imagery-viewer-min-width: 288px;--esri-oriented-imagery-viewer-min-height: 348px;--calcite-dialog-size-x: 210px;--calcite-dialog-min-size-y: 90px;--calcite-icon-size: var(--esri-oriented-imagery-viewer-action-icon-size);box-sizing:border-box;z-index:1;width:100%;min-width:var(--esri-oriented-imagery-viewer-min-width);height:100%;min-height:var(--esri-oriented-imagery-viewer-min-height);flex-direction:column;align-items:flex-start;display:flex;overflow:hidden}.esri-oriented-imagery-viewer:has(.esri-widget .esri-oriented-imagery-viewer__image-overlays-no-result){--esri-oriented-imagery-viewer-min-height: 420px}.esri-oriented-imagery-viewer__body{flex-direction:column;flex:1 0 auto;order:1;align-self:stretch;height:100%;display:flex}.esri-oriented-imagery-viewer__body-current-coverage{--calcite-ui-icon-color: var(--calcite-color-status-danger)}.esri-oriented-imagery-viewer__body-additional-camera-locations{--calcite-ui-icon-color: var(--calcite-color-brand)}.esri-oriented-imagery-viewer__body-additional-coverage{--calcite-ui-icon-color: var(--calcite-color-status-info)}.esri-oriented-imagery-viewer__body-footprint{--calcite-ui-icon-color: var(--calcite-color-status-success)}.esri-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}.esri-oriented-imagery-viewer__carousel-container{height:auto;display:inline-block;overflow:auto hidden}.esri-oriented-imagery-viewer__carousel header{--calcite-font-weight-medium: $font-weight--light;--calcite-font-size-0: $font-size--tiny}.esri-oriented-imagery-viewer__carousel-item{width:100px;height:70px}.esri-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}.esri-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}.esri-oriented-imagery-viewer__carousel-content{display:flex}.esri-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}.esri-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}.esri-oriented-imagery-viewer__image-enhancement-tools{display:flex}.esri-oriented-imagery-viewer__image-enhancement-tool-container{width:50%;margin-block:2px;padding-inline:.75rem}.esri-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}.esri-oriented-imagery-viewer__image-overlays-layer-list,.esri-oriented-imagery-viewer__image-overlays-switch{padding:0 var(--calcite-spacing-md)}.esri-oriented-imagery-viewer__image-overlays-container{height:auto;display:flex}.esri-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}.esri-oriented-imagery-viewer__image-overlays-no-result-layer-list,.esri-oriented-imagery-viewer__image-overlays-no-result-switch{padding:0 var(--calcite-spacing-md)}.esri-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}.esri-oriented-imagery-viewer__image-overlays-increased-height-layer-list,.esri-oriented-imagery-viewer__image-overlays-increased-height-switch{padding:0 var(--calcite-spacing-md)}.esri-oriented-imagery-viewer__measurement-results{width:auto;height:fit-content}.esri-oriented-imagery-viewer__measurements-table{margin-block-start:var(--calcite-spacing-sm)}.esri-oriented-imagery-viewer__measurements-bar{flex-wrap:nowrap;display:flex}.esri-oriented-imagery-viewer__measurements-button{display:flex}.esri-oriented-imagery-viewer__measurement-display{text-align:center;margin-block-end:var(--calcite-spacing-xxs)}.esri-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}.esri-oriented-imagery-viewer__viewer--hidden{display:none}.esri-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}.esri-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))}}.esri-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:12px;display:flex;position:relative}.esri-oriented-imagery-viewer__navigation{transform:rotate(var(--oi-navigation-tool-rotation-to, 0deg))}.esri-oriented-imagery-viewer__navigation-animate{animation:.7s linear forwards rotateOrientedImageryNavigationTool}.esri-oriented-imagery-viewer__navigation-feature{fill:var(--calcite-color-brand);stroke:var(--calcite-color-foreground-1);stroke-width:1px}.esri-oriented-imagery-viewer__navigation-feature.selected{fill:var(--calcite-color-status-danger)}.esri-oriented-imagery-viewer__navigation-feature-path{pointer-events:none}.esri-oriented-imagery-viewer__navigation-feature-path-stop-offset-0{stop-color:var(--calcite-color-status-danger);stop-opacity:.4}.esri-oriented-imagery-viewer__navigation-feature-path-stop-offset-1{stop-color:var(--calcite-color-status-danger);stop-opacity:.2}.esri-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}.esri-oriented-imagery-viewer__navigation-pointer-north{fill:var(--calcite-color-status-danger)}.esri-oriented-imagery-viewer__navigation-wrapper{z-index:1;position:absolute;bottom:0;right:0;overflow:hidden}.esri-oriented-imagery-viewer__navigation-wrapper--zoomed{transform-origin:100% 100%;transform:scale(1.5)}.esri-oriented-imagery-viewer__navigation-wrapper-boundary{fill:var(--calcite-color-foreground-1);fill-opacity:.25;stroke:var(--calcite-color-border-2)}.esri-oriented-imagery-viewer__navigation-sector{fill:none}.esri-oriented-imagery-viewer__navigation-sector-separator{stroke:var(--calcite-color-border-2);stroke-width:1px}.esri-oriented-imagery-viewer__navigation-sector-cross{stroke:var(--calcite-color-status-danger);stroke-width:1px}.esri-oriented-imagery-viewer__navigation-sector-enabled{fill:var(--calcite-color-foreground-1);stroke:var(--calcite-color-border-2);stroke-width:1px}.esri-oriented-imagery-viewer__navigation-sector-disabled{fill:var(--calcite-color-foreground-3);stroke:var(--calcite-color-border-2);stroke-width:1px}.esri-oriented-imagery-viewer__navigation-sector-outer{fill:var(--calcite-color-foreground-1);fill-opacity:.4;stroke:none}.esri-oriented-imagery-viewer__pro .esri-oriented-imagery-viewer{width:100%;max-width:unset;height:100%;max-height:unset;position:static}.esri-oriented-imagery-viewer__sketch-tools{justify-content:center;align-items:center;width:100%;display:flex;position:absolute;bottom:0}.esri-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}.esri-oriented-imagery-viewer__navigation-ui__direction{--esri-oriented-imagery-viewer__navigation-ui-direction-color: wheat;--calcite-icon-color: var(--esri-oriented-imagery-viewer__navigation-ui-direction-color);cursor:not-allowed;width:160px;height:160px;position:absolute}.esri-oriented-imagery-viewer__navigation-ui__direction:not([disabled]){cursor:pointer;pointer-events:auto}.esri-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%}.esri-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}.esri-oriented-imagery-viewer__navigation-ui__direction--top{transform-style:preserve-3d;top:0;left:50%;transform:translate(-50%)}.esri-oriented-imagery-viewer__navigation-ui__direction--bottom{transform-style:preserve-3d;bottom:0;left:50%;transform:translate(-50%)}.esri-oriented-imagery-viewer__navigation-ui__direction--left{transform-style:preserve-3d;top:50%;left:0;transform:translateY(-50%)}.esri-oriented-imagery-viewer__navigation-ui__direction--right{transform-style:preserve-3d;top:50%;right:0;transform:translateY(-50%)}.esri-panoramic-viewer{z-index:1;position:relative;width:100%;height:100%}`, v = d(a);
+class h 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.arcgisPropertyChange = a()("imageGalleryEnabled", "layer"), this.arcgisReady = d();
+    super(...arguments), this.widget = v(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.referencePoint = this.widget.referencePoint, this.arcgisPropertyChange = t()("imageGalleryEnabled", "layer"), this.arcgisReady = 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 };
   }
   static {
-    this.shadowRootOptions = n;
-  }
-  static {
-    this.styles = h;
+    this.styles = [c, g, m];
   }
   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("arcgis-oriented-imagery-viewer", y);
+r("arcgis-oriented-imagery-viewer", h);
 export {
-  y as ArcgisOrientedImageryViewer
+  h as ArcgisOrientedImageryViewer
 };

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

@@ -1,8 +1,7 @@
 /// <reference types="@arcgis/core/interfaces.d.ts" />
-/// <reference types="../../index.d.ts" />
+/// <reference path="../../index.d.ts" />
+import { JsxNode, ToElement, PublicLitElement as LitElement, TargetedEvent } from '@arcgis/lumina';
 import { ArcgisReferenceElement, WidgetOrMapComponent } from '../../utils/component-utils';
-import { PropertyValues } from 'lit';
-import { ToElement, PublicLitElement as LitElement, TargetedEvent } from '@arcgis/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.
@@ -10,9 +9,14 @@ import { ToElement, PublicLitElement as LitElement, TargetedEvent } from '@arcgi
  * [Read more...](https://developers.arcgis.com/javascript/latest/references/map-components/arcgis-placement/)
  */
 export declare class ArcgisPlacement extends LitElement {
-    /** @default "bottom-left" */
-    position: __esri.UIPosition;
+    /** @deprecated since 4.34, use [`slot`](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/slot) instead. */
+    position?: __esri.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://developers.arcgis.com/javascript/latest/programming-patterns/#associate-components-with-a-map-or-scene-component)
+     */
     referenceElement?: ArcgisReferenceElement | string;
-    /** Emitted when the component associated with a map or scene view is is ready to be interacted with. */
+    /** Emitted when the component associated with a map or scene view is ready to be interacted with. */
     readonly arcgisReady: TargetedEvent<this, void>;
 }

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

@@ -1,51 +1,43 @@
 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 "@arcgis/lumina";
-import { css as h } from "@lit/reactive-element/css-tag.js";
+import { css as r, html as i } from "lit";
+import { LitElement as n, createEvent as o } from "@arcgis/lumina";
+import { g as l, d as a, a as c } from "../../chunks/component-utils.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.34/esri/copyright.txt for details.
-v4.34.0-next.10 */
-const d = h`@layer{arcgis-placement{display:flex;pointer-events:auto;box-shadow:none}.arcgis-placement__container{display:block}}`;
-class m extends l {
+v4.34.0-next.101 */
+const h = r`:host{pointer-events:auto}`;
+class d extends n {
   constructor() {
     super(), this._observer = void 0, this._moveChildren = () => {
-      if (i(this).parentElement !== this.el)
+      const e = l(this);
+      if (e && e.parentElement !== this.el)
         for (let t = this.el.firstElementChild; t !== null; t = this.el.firstElementChild)
-          i(this).append(t);
-    }, this.position = "bottom-left", this.arcgisReady = a();
-    const e = this;
-    e.el.childElem = document.createElement("div"), e.el.childElem.classList.add("arcgis-placement__container"), this.listen("arcgisReady", this._startObserving, { once: !0 });
+          e.append(t);
+    }, this.arcgisReady = o(), this.listen("arcgisReady", this._startObserving, { once: !0 });
   }
   static {
     this.properties = { position: 1, referenceElement: 1 };
   }
   static {
-    this.shadowRootOptions = c;
-  }
-  static {
-    this.styles = d;
+    this.styles = h;
   }
   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);
-  }
   loaded() {
-    n(this), o(this);
+    a(this), c(this);
   }
   disconnectedCallback() {
-    super.disconnectedCallback();
-    const e = i(this);
-    e && this.el.view?.ui?.remove(e), this._observer?.disconnect();
+    super.disconnectedCallback(), this._observer?.disconnect();
   }
   _startObserving() {
     this._moveChildren(), this._observer = new MutationObserver(this._moveChildren), this._observer.observe(this.el, { childList: !0 });
   }
+  render() {
+    return i`<slot></slot>`;
+  }
 }
-s("arcgis-placement", m);
+s("arcgis-placement", d);
 export {
-  m as ArcgisPlacement
+  d as ArcgisPlacement
 };

package/dist/components/arcgis-print/customElement.d.ts

@@ -1,35 +1,33 @@
 /// <reference types="@arcgis/core/interfaces.d.ts" />
-/// <reference types="../../index.d.ts" />
+/// <reference path="../../index.d.ts" />
 import { default as PrintViewModel } from '@arcgis/core/widgets/Print/PrintViewModel.js';
 import { JsxNode, PublicLitElement as LitElement, TargetedEvent } from '@arcgis/lumina';
 import { Use } from '@arcgis/lumina/controllers';
 import { HeadingLevel } from '../../support/heading';
 import { ArcgisReferenceElement } from '../../utils/component-utils';
-import { Formats } from './interfaces';
+import { Formats } from './types';
 
 declare const usePrintViewModel: (component: LitElement & Pick<PrintViewModel, never> & import('../../controllers/useViewModel').ViewModelControllerUses<PrintViewModel>) => PrintViewModel;
 /**
- * The Print widget connects your application with a [printing service](https://enterprise.arcgis.com/en/portal/latest/administer/windows/configure-the-portal-to-print-maps.htm) to allow the map to be printed.
+ * The Print component connects your application with a [printing service](https://enterprise.arcgis.com/en/portal/latest/administer/windows/configure-the-portal-to-print-maps.htm) to allow the map to be printed.
  * It takes advantage of server-side, high-quality, full cartographic print functionality using the ExportWebMap service of ArcGIS,
  * which can be configured with custom layout templates. One is provided that shows the map only, while another provides a layout with legend, etc.
- * The Print widget works with the [print](https://developers.arcgis.com/javascript/latest/api-reference/esri-rest-print.html) which generates a printer-ready version of the map.
+ * The Print component works with the [print](https://developers.arcgis.com/javascript/latest/api-reference/esri-rest-print.html) module, which generates a printer-ready version of the map.
  *
- * The Print widget has two required properties: [view](#view) (reference to the MapView)
- * and [printServiceUrl](#printServiceUrl) (URL of the REST endpoint of the Export Web Map Task).
- * The widget can preserve map scale or map extent in the printout. By default, the map extent is
- * preserved. Use [TemplateOptions.scaleEnabled](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Print-TemplateOptions.html#scaleEnabled) to preserve scale
- * instead.
+ * The Print component uses the ArcGIS Online print service by default, but it can be configured to use a custom print service with the [printServiceUrl](#printServiceUrl) property.
+ * The component can preserve map scale or map extent in the printout. By default, the map extent is preserved. Use
+ * [TemplateOptions.scaleEnabled](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Print-TemplateOptions.html#scaleEnabled) to preserve scale instead.
  *
- * The Print widget prints a localized date for all [layouts](https://developers.arcgis.com/javascript/latest/api-reference/esri-rest-support-PrintTemplate.html#layout)
+ * The Print component prints a localized date for all [layouts](https://developers.arcgis.com/javascript/latest/api-reference/esri-rest-support-PrintTemplate.html#layout)
  * except `map-only`. If using a custom print service, then `customTextElements` are supported for each print
- * template. Values found there will be populated in the Print widget under `Advanced options`. These values can
- * be overwritten in the Print widget UI, or programmatically using the
+ * template. Values found there will be populated in the Print component under `Advanced options`. These values can
+ * be overwritten in the Print component UI, or programmatically using the
  * [templateCustomTextElements](#templateCustomTextElements) property.
  *
  * For more information about printing with the `MAP_ONLY` layout, please see
  * [exportOptions](https://developers.arcgis.com/javascript/latest/api-reference/esri-rest-support-PrintTemplate.html#exportOptions).
  *
- * **Known Limitations**
+ * **Known limitations**
  *
  * See [print](https://developers.arcgis.com/javascript/latest/api-reference/esri-rest-print.html) for a detailed list of known limitations.
  *
@@ -44,9 +42,9 @@ declare const usePrintViewModel: (component: LitElement & Pick<PrintViewModel, n
  * const components = document.querySelectorAll("arcgis-print");
  *
  * const portal = new Portal({
- *  url: "https://zara.mapsdevext.arcgis.com/sharing",
+ *  url: "https://user.maps.arcgis.com/sharing",
  *  authMode: "immediate",
- *  authorizedCrossOriginDomains: ["https://zara.mapsdevext.arcgis.com"],
+ *  authorizedCrossOriginDomains: ["https://user.maps.arcgis.com"],
  * });
  *
  * components.forEach((component) => {
@@ -57,11 +55,21 @@ declare const usePrintViewModel: (component: LitElement & Pick<PrintViewModel, n
  * [Read more...](https://developers.arcgis.com/javascript/latest/references/map-components/arcgis-print/)
  */
 export declare class ArcgisPrint extends LitElement {
-    /** @default false */
+    /**
+     * Indicates whether the component's header is hidden.
+     *
+     * @default false
+     */
     hideHeader: boolean;
+    /**
+     * By passing the `id` of the Map or Scene component into this property, you can position components from the `@arcgis/map-components`
+     * package anywhere in the DOM while still maintaining a connection to the Map or Scene.
+     *
+     * See [Associate components with a Map or Scene component](https://developers.arcgis.com/javascript/latest/programming-patterns/#associate-components-with-a-map-or-scene-component).
+     */
     referenceElement?: ArcgisReferenceElement | string;
-    /** @default "top-left" */
-    position: __esri.UIPosition;
+    /** @deprecated since 4.34, use `slot` instead. */
+    position?: __esri.UIPosition;
     /**
      * Icon which represents the component.
      * Typically used when the component is controlled by another component (e.g. by the Expand component).
@@ -92,16 +100,21 @@ export declare class ArcgisPrint extends LitElement {
      * @default "all"
      */
     allowedLayouts: string | string[];
+    /** @internal */
     browseTemplateButtonOnClick?: () => void;
+    /**
+     * Specifies the print output file format(s) that the user can select when saving the exported map printout.
+     * This property can take a string value or an array of string values.
+     */
     allowedFormatsForSaving?: Formats;
-    /** The collection of links exported from the Print widget. */
+    /** The collection of links exported from the Print component. */
     exportedLinks: __esri.Collection<__esri.FileLink>;
     /** This option allows passing extra parameters (in addition to [templateOptions](#templateOptions)) to the print (export webmap) requests. */
     extraParameters: any;
     /**
      * Indicates the heading level to use for the "Exported files" text where users can
      * access the exported map printout. By default, this text is rendered
-     * as a level 3 heading (e.g. `<h3>Exported files</h3>`). Depending on the widget's placement
+     * as a level 3 heading (e.g. `<h3>Exported files</h3>`). Depending on the component's placement
      * in your app, you may need to adjust this heading for proper semantics. This is
      * important for meeting accessibility standards.
      *
@@ -120,23 +133,18 @@ export declare class ArcgisPrint extends LitElement {
      * @default false
      */
     excludeOrganizationTemplates: boolean;
-    /**
-     * The [spatial reference](https://developers.arcgis.com/javascript/latest/api-reference/esri-geometry-SpatialReference.html) used to render
-     * the printed map on the server.
-     *
-     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Print-PrintViewModel.html#outSpatialReference)
-     */
+    /** The [spatial reference](https://developers.arcgis.com/javascript/latest/api-reference/esri-geometry-SpatialReference.html) used to render the printed map on the server. */
     outSpatialReference: nullish | __esri.SpatialReference;
     /**
      * It is possible to search a specified portal instance's [locator services](https://enterprise.arcgis.com/en/portal/latest/administer/windows/configure-portal-to-geocode-addresses.htm).
      * Use this property to set this [ArcGIS Portal](https://enterprise.arcgis.com/en/portal/) instance to search.
-     * This is especially helpful when working with a [custom](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Print-CustomTemplate.html).
+     * This is especially helpful when working with a [custom template](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Print-CustomTemplate.html).
      *
      * If this property is set, it is not necessary to set the [printServiceUrl](#printServiceUrl) property.
      */
     portal: __esri.Portal;
     /**
-     * The initial state of the print area toggle in the Print widget UI.
+     * The initial state of the print area toggle in the Print component UI.
      * When set to `true`, the print area toggle is enabled by default.
      * When set to `false`, the print area toggle is disabled by default.
      *
@@ -145,28 +153,30 @@ export declare class ArcgisPrint extends LitElement {
     showPrintAreaEnabled: boolean;
     /**
      * The URL of the REST endpoint of the Export Web Map Task.
-     * If the [portal](#portal) property is set, it is not necessary to set this property.
+     * Defaults to the ArcGIS Online print service if this property is not specified.
+     * If the [portal](#portal) property is set, this property will use the portal's print service URL.
      */
     printServiceUrl: string | nullish;
+    /** @internal */
     saveAsButtonCallback?: (exportedLink: __esri.FileLink) => Promise<__esri.PortalItem>;
     /**
      * An object containing an array of `customTextElements` name-value pair objects
      * for each print template in a custom print service. Use this property to update
      * the text for custom text elements on the page layout.
      *
-     * The Print widget calls the `Get Layout Templates Info` task on the GPServer
+     * The Print component calls the `Get Layout Templates Info` task on the GPServer
      * to discover possible `customTextElements` values for each template. The name of
      * the task must match `Get Layout Templates Info`, templates must be published
      * with `customTextElements`, and values must be strings. Values found there will be
-     * populated in the Print widget under `Advanced options`. These values can be
-     * overwritten in the Print widget UI, or programmatically using this property.
+     * populated in the Print component under `Advanced options`. These values can be
+     * overwritten in the Print component UI, or programmatically using this property.
      * To list all print templates available on the print service to see
      * see which templates were published with `customTextElements`, use the
      * [effectiveTemplateCustomTextElements](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Print-PrintViewModel.html#effectiveTemplateCustomTextElements)
      * property.
      */
     templateCustomTextElements: nullish | HashMap<HashMap<string>[]>;
-    /** Defines the layout template options used by the [Print](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Print.html) widget to generate the print page. */
+    /** Defines the layout template options used by the Print component to generate the print page. */
     templateOptions: __esri.TemplateOptions;
     /**
      * If true, the component will not be destroyed automatically when it is
@@ -178,14 +188,16 @@ export declare class ArcgisPrint extends LitElement {
      * @default false
      */
     autoDestroyDisabled: boolean;
-    /** Replace localized message strings with your own strings. **Warning**: individual message keys may change between releases. */
+    /**
+     * Replace localized message strings with your own strings.
+     *
+     * _**Note**: Individual message keys may change between releases._
+     */
     messageOverrides?: typeof this.messages._overrides;
     /** The component's default label. */
     label?: string;
     /**
-     * The view model's state.
-     *
-     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Print-PrintViewModel.html#state)
+     * The state of the Print component.
      *
      * @default "disabled"
      */
@@ -196,14 +208,12 @@ export declare class ArcgisPrint extends LitElement {
     readonly arcgisPropertyChange: TargetedEvent<this, {
         name: "state";
     }>;
-    /** Emitted when the component associated with a map or scene view is is ready to be interacted with. */
+    /** Emitted when the component associated with a map or scene view is ready to be interacted with. */
     readonly arcgisReady: TargetedEvent<this, void>;
-    readonly arcgisComplete: TargetedEvent<this, {
-        link: __esri.FileLink;
-    }>;
-    readonly arcgisSubmit: TargetedEvent<this, {
-        link: __esri.FileLink;
-    }>;
+    /** Emitted when the component is complete. */
+    readonly arcgisComplete: TargetedEvent<this, __esri.PrintCompleteEvent>;
+    /** Emitted when the component is submitted. */
+    readonly arcgisSubmit: TargetedEvent<this, __esri.PrintSubmitEvent>;
     private messages: {
         componentLabel: string;
         title: string;