@arcgis/map-components 4.34.0-next.8 → 4.34.0-next.80

package/dist/components/arcgis-basemap-gallery/customElement.js

@@ -1,20 +1,19 @@
 import { c as u } from "../../chunks/runtime.js";
-import { html as r } from "lit-html";
-import { usePropertyChange as w } from "@arcgis/lumina/controllers";
-import { classes as v } from "@arcgis/components-utils";
-import { when as y, watch as b } from "@arcgis/core/core/reactiveUtils.js";
-import f from "@arcgis/core/widgets/BasemapGallery/BasemapGalleryViewModel.js";
-import { LitElement as $, createEvent as M, noShadowRoot as x, safeClassMap as n, nothing as h, safeStyleMap as R } from "@arcgis/lumina";
-import { u as _ } from "../../chunks/useT9n.js";
-import { m as B } from "../../chunks/useViewModel.js";
-import { H as I } from "../../chunks/heading.js";
+import { css as w, html as r } from "lit";
+import { classes as v } from "@arcgis/toolkit/dom";
+import { when as y } from "@arcgis/core/core/reactiveUtils.js";
+import b from "@arcgis/core/widgets/BasemapGallery/BasemapGalleryViewModel.js";
+import { LitElement as f, createEvent as $, noShadowRoot as M, safeClassMap as n, nothing as h, safeStyleMap as x } from "@arcgis/lumina";
+import { usePropertyChange as R } from "@arcgis/lumina/controllers";
+import { u as B } from "../../chunks/useT9n.js";
+import { m as I } from "../../chunks/useViewModel.js";
+import { H as L } from "../../chunks/heading.js";
 import { g as d } from "../../chunks/globalCss.js";
 import { c as a } from "../../chunks/basemap-gallery-resources.js";
-import { css as L } from "@lit/reactive-element/css-tag.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.8 */
-const D = L`@layer{arcgis-basemap-gallery{display:block}}`, A = B(f), m = {
+v4.34.0-next.80 */
+const _ = w`@layer{arcgis-basemap-gallery{display:block}}`, D = I(b), m = {
   // Below this width, items are displayed as a single column and the thumbnail is placed above the title.
   small: 200,
   // Below this width, items are displayed as a single column but with the thumbnail side-by-side
@@ -24,18 +23,18 @@ const D = L`@layer{arcgis-basemap-gallery{display:block}}`, A = B(f), m = {
   // Above this width, items are displayed in a grid.
   wide: 420
 };
-class C extends $ {
+class A extends f {
   constructor() {
-    super(...arguments), this.messages = _({}), this.viewModel = A(this), this._width = 0, this._state = "", this.activeBasemap = this.viewModel.activeBasemap, this.autoDestroyDisabled = !1, this.disabled = !1, this.headingLevel = 2, this.icon = "basemap", this.label = "", this.position = "bottom-left", this.source = this.viewModel.source, this.state = this.viewModel.state, this.arcgisPropertyChange = w()("activeBasemap", "state"), this.arcgisReady = M();
+    super(...arguments), this.messages = B({}), this.viewModel = D(this), this._width = 0, this.activeBasemap = this.viewModel.activeBasemap, this.autoDestroyDisabled = !1, this.disabled = !1, this.headingLevel = 2, this.icon = "basemap", this.label = "", this.position = "bottom-left", this.source = this.viewModel.source, this.state = this.viewModel.state, this.arcgisPropertyChange = R()("activeBasemap", "state"), this.arcgisReady = $();
   }
   static {
-    this.properties = { _width: 16, _state: 16, activeBasemap: 1, autoDestroyDisabled: 5, disabled: 7, headingLevel: 9, icon: 1, label: 1, messageOverrides: 0, position: 1, referenceElement: 1, source: 0, state: 3 };
+    this.properties = { _width: 16, activeBasemap: 1, autoDestroyDisabled: 5, disabled: 7, headingLevel: 9, icon: 1, label: 1, messageOverrides: 0, position: 1, referenceElement: 1, source: 0, state: 3 };
   }
   static {
-    this.shadowRootOptions = x;
+    this.shadowRootOptions = M;
   }
   static {
-    this.styles = D;
+    this.styles = _;
   }
   async destroy() {
     await this.manager.destroy();
@@ -45,15 +44,18 @@ class C extends $ {
       y(() => this.source, () => {
         this.viewModel.loadSource();
       }, { sync: !0, initial: !0 }),
-      b(() => this.source.state, () => {
-        this._state = this.source.state;
-      }, { sync: !0 })
+      (() => {
+        const s = new ResizeObserver((o) => {
+          for (const t of o)
+            this._width = t.contentRect.width;
+        }), e = this.el.childElem;
+        return e && s.observe(e), {
+          remove() {
+            s?.disconnect();
+          }
+        };
+      })()
     ]);
-    const s = new ResizeObserver((o) => {
-      for (const t of o)
-        this._width = t.contentRect.width;
-    }), e = this.el.childElem;
-    e && s.observe(e);
   }
   _getRoundRobinIndex(s, e) {
     return (s + e) % e;
@@ -74,13 +76,13 @@ class C extends $ {
       // For compatibility with Esri View UI
     }, i = this._width;
     i <= m.small || i >= m.wide ? t[a.layoutGrid] = !0 : i < m.default && (t[a.narrowItems] = !0);
-    const c = s ? r`<div class=${n(a.loader)}></div>` : null, l = s ? null : o.length > 0 ? r`<div aria-disabled=${this.disabled ?? h} aria-label=${this.label ?? h} class=${n(a.itemContainer)} @keydown=${this._handleKeyDown} role=radiogroup>${o.map((p, g) => r`<arcgis-basemap-gallery-item .disabled=${e} .item=${p} .itemIndex=${g} .viewModel=${this.viewModel} .messages=${this.messages}></arcgis-basemap-gallery-item>`)}</div>` : r`<div class=${n(d.empty)}>${I({ level: this.headingLevel, children: this.messages.noBasemaps })}</div>`;
-    return r`<div class=${n(v(a.base, d.widget, d.panel, t))} style=${R({
+    const c = s ? r`<div class=${n(a.loader)}></div>` : null, l = s ? null : o.length > 0 ? r`<div aria-disabled=${this.disabled ?? h} aria-label=${this.label ?? h} class=${n(a.itemContainer)} @keydown=${this._handleKeyDown} role=radiogroup>${o.map((p, g) => r`<arcgis-basemap-gallery-item .disabled=${e} .item=${p} .itemIndex=${g} .viewModel=${this.viewModel} .messages=${this.messages}></arcgis-basemap-gallery-item>`)}</div>` : r`<div class=${n(d.empty)}>${L({ level: this.headingLevel, children: this.messages.noBasemaps })}</div>`;
+    return r`<div class=${n(v(a.base, d.widget, d.panel, t))} style=${x({
       "--esri-basemap-gallery-small": `${m.small}px`
     })}>${[c, l]}</div>`;
   }
 }
-u("arcgis-basemap-gallery", C);
+u("arcgis-basemap-gallery", A);
 export {
-  C as ArcgisBasemapGallery
+  A as ArcgisBasemapGallery
 };

package/dist/components/arcgis-basemap-gallery-item/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 { JsxNode, PublicLitElement as LitElement, TargetedEvent } from '@arcgis/lumina';
 import { ArcgisBasemapGallery } from '../arcgis-basemap-gallery/customElement.js';
 

package/dist/components/arcgis-basemap-gallery-item/customElement.js

@@ -1,5 +1,5 @@
 import { g as y, c as I } from "../../chunks/runtime.js";
-import { classes as B } from "@arcgis/components-utils";
+import { classes as B } from "@arcgis/toolkit/dom";
 import { watch as g } from "@arcgis/core/core/reactiveUtils.js";
 import { LitElement as w, noShadowRoot as C, nothing as r, safeClassMap as s } from "@arcgis/lumina";
 import { html as l } from "lit-html";
@@ -8,7 +8,7 @@ import { c as i } from "../../chunks/basemap-gallery-resources.js";
 import { g as A } 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.8 */
+v4.34.0-next.80 */
 function _(e) {
   return e.portalItem?.type === "Web Scene" || e.referenceLayers.some((t) => t.type === "scene");
 }

package/dist/components/arcgis-basemap-layer-list/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 BasemapLayerList } from '@arcgis/core/widgets/BasemapLayerList.js';
 import { PublicLitElement as LitElement, TargetedEvent } from '@arcgis/lumina';
@@ -9,8 +9,8 @@ declare const useBasemapLayerListWidget: (component: LitElement & Pick<BasemapLa
     state?: unknown;
     viewModel?: __esri.BasemapLayerListViewModel | 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;
     arcgisReady: import('@arcgis/lumina').EventEmitter;
@@ -150,6 +150,11 @@ export declare class ArcgisBasemapLayerList extends LitElement {
     minFilterItems: number;
     /** @default "bottom-left" */
     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;
     /**
      * Specifies a function to handle filtering reference layer [list items](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-LayerList-ListItem.html).
@@ -183,7 +188,7 @@ export declare class ArcgisBasemapLayerList extends LitElement {
      *
      * @default "none"
      */
-    selectionMode: "single" | "multiple" | "none" | "single-persist";
+    selectionMode: "single" | "none" | "multiple" | "single-persist";
     /** @default false */
     showCloseButton: boolean;
     /** @default false */
@@ -216,7 +221,7 @@ export declare class ArcgisBasemapLayerList 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>;
     /** Emitted when an action is triggered on the component. */
     readonly arcgisTriggerAction: TargetedEvent<this, __esri.BasemapLayerListTriggerActionEvent>;

package/dist/components/arcgis-basemap-layer-list/customElement.js

@@ -4,11 +4,11 @@ import { reEmitEvent as i } from "@arcgis/lumina/controllers/accessor";
 import s from "@arcgis/core/widgets/BasemapLayerList.js";
 import { LitElement as r, createEvent as a, noShadowRoot as l } from "@arcgis/lumina";
 import { m as o } from "../../chunks/useWidget.js";
-import { css as h } from "@lit/reactive-element/css-tag.js";
+import { css as h } from "lit";
 import { c as d } from "../../chunks/createCloseEvent.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.8 */
+v4.34.0-next.80 */
 const n = h`@layer{arcgis-basemap-layer-list{display:block}}`, c = o(s);
 class g extends r {
   constructor() {

package/dist/components/arcgis-basemap-toggle/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 BasemapToggleViewModel } from '@arcgis/core/widgets/BasemapToggle/BasemapToggleViewModel.js';
 import { JsxNode, PublicLitElement as LitElement, TargetedEvent } from '@arcgis/lumina';
@@ -36,12 +36,21 @@ export declare class ArcgisBasemapToggle extends LitElement {
     icon?: string;
     /** The component's default label. */
     label?: string;
-    /** 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 next basemap for toggling. */
     nextBasemap?: __esri.BasemapProperties | string;
     /** @default "top-left" */
     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;
     /**
      * Indicates if the Basemap title is displayed.
@@ -63,9 +72,9 @@ export declare class ArcgisBasemapToggle extends LitElement {
     toggle(): Promise<any>;
     /** Emitted when the value of a property is changed. Use this to listen to changes to properties. */
     readonly arcgisPropertyChange: TargetedEvent<this, {
-        name: "state" | "nextBasemap";
+        name: "state" | "activeBasemap" | "nextBasemap";
     }>;
-    /** 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-basemap-toggle/customElement.js

@@ -1,18 +1,17 @@
-import { c as f } from "../../chunks/runtime.js";
-import { html as l } from "lit-html";
-import { usePropertyChange as B } from "@arcgis/lumina/controllers";
-import { classes as r } from "@arcgis/components-utils";
-import { getBasemapThumbnailUrl as x } from "@arcgis/core/applications/Components/basemapUtils.js";
-import S from "@arcgis/core/widgets/BasemapToggle/BasemapToggleViewModel.js";
-import { LitElement as T, createEvent as M, noShadowRoot as k, safeClassMap as a, nothing as c, safeStyleMap as b } from "@arcgis/lumina";
-import { u as I } from "../../chunks/useT9n.js";
-import { m as C } from "../../chunks/useViewModel.js";
+import { c as B } from "../../chunks/runtime.js";
+import { css as f, html as l } from "lit";
+import { usePropertyChange as x } from "@arcgis/lumina/controllers";
+import { classes as r } from "@arcgis/toolkit/dom";
+import { getBasemapThumbnailUrl as S } from "@arcgis/core/applications/Components/basemapUtils.js";
+import T from "@arcgis/core/widgets/BasemapToggle/BasemapToggleViewModel.js";
+import { LitElement as M, createEvent as k, noShadowRoot as I, safeClassMap as a, nothing as c, safeStyleMap as b } from "@arcgis/lumina";
+import { u as C } from "../../chunks/useT9n.js";
+import { m as L } from "../../chunks/useViewModel.js";
 import { g as $ } from "../../chunks/globalCss.js";
-import { css as L } from "@lit/reactive-element/css-tag.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.8 */
-const A = L`@layer{arcgis-basemap-toggle{display:block}.esri-basemap-toggle__title-wrap{text-wrap:wrap}}`, s = "esri-basemap-toggle", o = "esri-basemap-thumbnail", e = {
+v4.34.0-next.80 */
+const A = f`@layer{arcgis-basemap-toggle{display:block}.esri-basemap-toggle__title-wrap{text-wrap:wrap}}`, s = "esri-basemap-toggle", o = "esri-basemap-thumbnail", e = {
   base: s,
   secondaryBasemapImage: `${s}__image--secondary`,
   container: `${o} ${s}__container`,
@@ -22,16 +21,16 @@ const A = L`@layer{arcgis-basemap-toggle{display:block}.esri-basemap-toggle__tit
   title: `${o}__title ${s}__title`,
   titleWrap: `${s}__title-wrap`,
   overlayScrim: `${o}__overlay-scrim`
-}, D = C(S);
-class E extends T {
+}, D = L(T);
+class E extends M {
   constructor() {
-    super(...arguments), this.messages = I(), this.viewModel = D(this), this.activeBasemap = this.viewModel.activeBasemap, this.autoDestroyDisabled = !1, this.icon = "layer-basemap", this.nextBasemap = this.viewModel.nextBasemap, this.position = "top-left", this.showTitle = !1, this.state = this.viewModel.state, this.arcgisPropertyChange = B()("nextBasemap", "state"), this.arcgisReady = M();
+    super(...arguments), this.messages = C(), this.viewModel = D(this), this.activeBasemap = this.viewModel.activeBasemap, this.autoDestroyDisabled = !1, this.icon = "layer-basemap", this.nextBasemap = this.viewModel.nextBasemap, this.position = "top-left", this.showTitle = !1, this.state = this.viewModel.state, this.arcgisPropertyChange = x()("activeBasemap", "nextBasemap", "state"), this.arcgisReady = k();
   }
   static {
     this.properties = { activeBasemap: 0, autoDestroyDisabled: 5, icon: 1, label: 1, messageOverrides: 0, nextBasemap: 1, position: 3, referenceElement: 1, showTitle: 5, state: 3 };
   }
   static {
-    this.shadowRootOptions = k;
+    this.shadowRootOptions = I;
   }
   static {
     this.styles = A;
@@ -43,7 +42,7 @@ class E extends T {
     return await this.viewModel.toggle();
   }
   _getThumbnailStyles(t) {
-    const n = x(t);
+    const n = S(t);
     return n ? { backgroundImage: `url(${n})` } : { backgroundImage: "" };
   }
   render() {
@@ -53,7 +52,7 @@ class E extends T {
     return y && (g = l`<div class=${a(e.overlay)}>${h ? l`<span class=${a(r(e.title, e.titleWrap))} title=${m ?? c}>${m}</span>` : null}${v ? l`<calcite-scrim class=${a(e.overlayScrim)} title=${this.messages.incompatibleSpatialReference ?? c}><calcite-icon icon=exclamation-mark-triangle></calcite-icon></calcite-scrim>` : null}</div>`), l`<div class=${a(r(e.base, $.widget))}><calcite-button appearance=transparent data-basemap-id=${(i ? i.id : "") ?? c} .disabled=${p} kind=neutral .label=${this.label ?? void 0} @click=${() => void this.toggle()} title=${this.label ?? void 0 ?? c}><div class=${a(r(e.container, e.secondaryBasemapImage))}><div class=${a(e.image)} style=${b(w)}></div></div><div class=${a(e.container)}><div class=${a(r(e.image, d ? e.imageLoading : null))} style=${b(_)}>${d || u ? l`<calcite-scrim><span aria-hidden=true class=${a($.loaderAnimation)} role=presentation></span></calcite-scrim>` : null}</div>${g}</div></calcite-button></div>`;
   }
 }
-f("arcgis-basemap-toggle", E);
+B("arcgis-basemap-toggle", E);
 export {
   E as ArcgisBasemapToggle
 };

package/dist/components/arcgis-bookmarks/css.d.ts

@@ -0,0 +1,22 @@
+export declare const css: {
+    readonly base: "arcgis-bookmarks";
+    readonly empty: "arcgis-bookmarks__empty";
+    readonly noBookmarksHeader: "arcgis-bookmarks__no-bookmarks-heading";
+    readonly noBookmarksDescription: "arcgis-bookmarks__no-bookmarks-description";
+    readonly form: "arcgis-bookmarks__form";
+    readonly list: "arcgis-bookmarks__list";
+    readonly loader: "arcgis-bookmarks__loader";
+    readonly filterNoResults: "arcgis-bookmarks__filter-no-results";
+    readonly formContent: "arcgis-bookmarks__form-content";
+    readonly addBookmarkButton: "arcgis-bookmarks__add-bookmark-button";
+    readonly editBookmarkInput: "arcgis-bookmarks__edit-bookmark-input";
+    readonly addBookmarkInput: "arcgis-bookmarks__add-bookmark-input";
+    readonly dragEnabled: "arcgis-bookmarks--drag-enabled";
+    readonly bookmarkImage: "arcgis-bookmarks__image";
+    readonly bookmarkImageContainer: "arcgis-bookmarks__bookmark-image-container";
+    readonly bookmarkContent: "arcgis-bookmarks__bookmark-content";
+    readonly bookmarkContentLabel: "arcgis-bookmarks__bookmark-content-label";
+    readonly authoring: "arcgis-bookmarks__authoring";
+    readonly authoringImageContainer: "arcgis-bookmarks__authoring-image-container";
+    readonly authoringRefreshThumbnailButton: "arcgis-bookmarks__authoring-refresh-thumbnail-button";
+};