npm - @arcgis/map-components - Versions diffs - 4.34.0-next.13 → 4.34.0-next.130 - Mend

@arcgis/map-components 4.34.0-next.13 → 4.34.0-next.130

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1721) hide show

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

@@ -1,27 +1,24 @@
 import { c as e } from "../../chunks/runtime.js";
-import { usePropertyChange as t } from "@arcgis/lumina/controllers";
-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 { usePropertyChange as i } from "@arcgis/lumina/controllers";
+import { reEmitEvent as t } from "@arcgis/lumina/controllers/accessor";
+import r from "@arcgis/core/widgets/BasemapLayerList.js";
+import { LitElement as a, createEvent as s } from "@arcgis/lumina";
 import { m as o } from "../../chunks/useWidget.js";
-import { css as h } from "@lit/reactive-element/css-tag.js";
-import { c as d } from "../../chunks/createCloseEvent.js";
+import { css as n } from "lit";
+import { c as l } 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.13 */
-const n = h`@layer{arcgis-basemap-layer-list{display:block}}`, c = o(s);
-class g extends r {
+v4.34.0-next.130 */
+const c = n`@keyframes esri-docking-animation{0%{opacity:0}25%{opacity:0}to{opacity:1}}@keyframes popup-intro-animation-down{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translate(0)}}@keyframes popup-intro-animation-up{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translate(0)}}@supports (-ms-ime-align: auto){.esri-slider__anchor:focus{outline:1px dotted #000}}@keyframes esri-spinner--start-animation{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}@keyframes esri-spinner--finish-animation{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(0)}}@keyframes esri-spinner--rotate-animation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion){.esri-utility-network-trace__reset-prompt{animation:none!important}}@media (prefers-reduced-motion){.esri-popup--aligned-top-center,.esri-popup--aligned-top-left,.esri-popup--aligned-top-right,.esri-popup--aligned-bottom-center,.esri-popup--aligned-bottom-left,.esri-popup--aligned-bottom-right,.esri-popup--is-docked{animation:none!important}}@media (prefers-reduced-motion: reduce){.esri-fov-overlay{animation:none!important}}@keyframes esri-fade-in-down{0%{opacity:0;transform:translateY(-5px)}25%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translate(0)}}@keyframes esri-fade-in-up{0%{opacity:0;transform:translateY(5px)}25%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translate(0)}}@keyframes esri-fade-in{0%{opacity:0}25%{opacity:0}to{opacity:1}}@keyframes esri-fade-in-scale{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes looping-progresss-bar-ani{0%{width:0;left:0}20%{width:20%;left:0}80%{width:20%;left:80%}to{width:0;left:100%}}@keyframes esri-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes panel-advance{0%{opacity:0;transform:translate(50px) scale(.99)}to{opacity:1;transform:translate(0) scale(1)}}@keyframes panel-retreat{0%{opacity:0;transform:translate(-50px) scale(.99)}to{opacity:1;transform:translate(0) scale(1)}}@keyframes panel-advance--rtl{0%{opacity:0;transform:translate(-50px) scale(.99)}to{opacity:1;transform:translate(0) scale(1)}}@keyframes panel-retreat--rtl{0%{opacity:0;transform:translate(50px) scale(.99)}to{opacity:1;transform:translate(0) scale(1)}}.esri-widget__heading{color:var(--calcite-color-text-2);margin:0 0 .5rem;font-weight:var(--calcite-font-weight-semibold)}h1.esri-widget__heading{font-size:var(--calcite-font-size-xl)}h2.esri-widget__heading{font-size:var(--calcite-font-size-md)}h3.esri-widget__heading,h4.esri-widget__heading,h5.esri-widget__heading,h6.esri-widget__heading{font-size:var(--calcite-font-size)}.esri-widget{--esri-widget-padding-x: 15px;--esri-widget-padding-y: var(--calcite-spacing-md);--esri-widget-padding: var(--esri-widget-padding-y) var(--esri-widget-padding-x);box-sizing:border-box;color:var(--calcite-color-text-2);background-color:var(--calcite-color-foreground-1);font-size:var(--calcite-font-size);line-height:1.3em}.esri-widget *,.esri-widget :before,.esri-widget :after{box-sizing:inherit}.esri-widget.esri-widget--disabled>*{opacity:.4;pointer-events:none}.esri-widget.esri-widget--compact{--esri-widget-padding-y: 0;--esri-widget-padding-x: 0}.esri-widget__anchor{color:var(--calcite-color-text-2)}.esri-widget__anchor:hover{color:var(--calcite-color-text-3)}.esri-widget__anchor:hover,.esri-widget__anchor:focus{text-decoration:underline}.esri-widget__anchor--disabled{opacity:.4;pointer-events:none}.esri-widget__header{background-color:var(--calcite-color-foreground-1);flex:1 0 100%;justify-content:space-between;align-items:center;width:100%;min-height:48px;padding:12px 0 12px 15px;display:flex}.esri-widget__header .esri-widget__heading{width:calc(100% - 48px);text-align:initial;color:var(--calcite-color-text-1);align-items:center;margin:0;padding:0;display:flex}.esri-widget__header-button{appearance:none;cursor:pointer;color:var(--calcite-color-text-2);background-color:var(--calcite-color-foreground-1);border:none;flex:0 0 48px;justify-content:center;align-self:stretch;align-items:center;width:48px;padding:0;display:flex}.esri-widget__footer{background-color:var(--calcite-color-foreground-1);justify-content:center;align-items:center;width:100%;min-height:48px;display:flex}.esri-widget__footer-pagination{color:var(--calcite-color-text-2);justify-content:space-between;align-items:center;display:flex}.esri-widget__footer-pagination-previous-button,.esri-widget__footer-pagination-next-button{cursor:pointer;background-color:var(--calcite-color-foreground-1);border:0;margin:0 7px;padding:12px 15px;transition:background-color .125s ease-in-out}.esri-widget__footer-pagination-previous-button:hover,.esri-widget__footer-pagination-previous-button:focus,.esri-widget__footer-pagination-next-button:hover,.esri-widget__footer-pagination-next-button:focus{color:var(--calcite-color-text-1);background-color:var(--calcite-color-foreground-1)}.esri-menu{visibility:hidden;z-index:1;background-clip:padding;background-color:var(--calcite-color-foreground-1);background-clip:padding-box;width:100%;max-height:0;margin:2px 0 0;padding:0;font-size:var(--calcite-font-size);line-height:var(--calcite-spacing-xl);position:absolute;top:100%;left:0;overflow:hidden;box-shadow:0 1px 2px #0000004d}.esri-menu .esri-menu__header{color:var(--calcite-color-text-inverse);background-color:var(--calcite-color-inverse);padding:6px 12px}.esri-menu__list{margin:0;padding:0;list-style:none}.esri-menu__list-item{cursor:pointer;border-top:1px solid #adadad4d;border-left:3px solid #0000;padding:.8em 1em}.esri-menu__list-item [class^=esri-icon-],.esri-menu__list-item [class*=" esri-icon-"]{padding-right:2.8px}.esri-menu__list-item:first-child{border-top:none}.esri-menu__list-item--focus,.esri-menu__list-item:hover,.esri-menu__list-item:focus{background-color:#303030}.esri-menu__list-item:active{background-color:#000}.esri-menu__list-item--active,.esri-menu__list-item--active:hover,.esri-menu__list-item--active:focus{background-color:var(--calcite-color-foreground-1);border-left-color:#2493f2}.esri-widget__table{border-collapse:collapse;color:var(--calcite-color-text-1);border:none;width:100%;line-height:1.3em}.esri-widget__table tr:nth-child(odd){background-color:var(--calcite-color-transparent)}.esri-widget__table tr:nth-child(2n){background-color:var(--calcite-color-transparent-press)}.esri-widget__table tr a{color:var(--calcite-color-text-2)}.esri-widget__table tr a:hover,.esri-widget__table tr a:focus{color:var(--calcite-color-text-1)}.esri-widget__table tr td,.esri-widget__table tr th{vertical-align:top;word-break:break-word;padding:.5em .7em;font-size:var(--calcite-font-size-sm);font-weight:var(--calcite-font-weight-regular)}.esri-widget__table tr th{text-align:left;border-right:3px solid #0000000d;width:50%}.esri-widget__table tr td{width:50%}.esri-input{color:var(--calcite-color-text-1);background-color:var(--calcite-color-foreground-1);border:1px solid #959595;font-size:var(--calcite-font-size)}.esri-input::-ms-clear{display:none}.esri-input::placeholder{opacity:1;color:var(--calcite-color-text-2)}.esri-input:placeholder-shown{text-overflow:ellipsis}.esri-input[type=text],.esri-input[type=password],.esri-input[type=number]{height:32px;padding:0 .5em}calcite-combobox.esri-input{border:none}.esri-widget__content--empty{text-align:center;color:var(--calcite-color-border-input);flex-flow:column wrap;align-items:center;padding:18px 22px;display:flex}.esri-widget__content--empty h1.esri-widget__heading,.esri-widget__content--empty h2.esri-widget__heading,.esri-widget__content--empty h3.esri-widget__heading,.esri-widget__content--empty h4.esri-widget__heading,.esri-widget__content--empty h5.esri-widget__heading{font-weight:var(--calcite-font-weight-regular)}.esri-widget__content-illustration--empty{width:128px;padding:1rem 0}.esri-widget__content-icon--empty{width:32px;padding:.5rem 0}.esri-select{appearance:none;cursor:pointer;color:var(--calcite-color-text-2);background:var(--calcite-color-foreground-1) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-8 -8 32 32' width='32' height='32'%3E%3Cpath d='M8 11.207l-4-4V5.793l4 4 4-4v1.414z' fill='%23adadad' fillrule='nonzero'/%3E%3C/svg%3E") 100% no-repeat;border:1px solid #959595;border-radius:0;width:100%;height:32px;margin:0;padding:0 .5em;font-family:inherit;font-size:.85em;display:block}.esri-select[disabled]{cursor:auto}.esri-select::-ms-expand{display:none}.esri-disabled a,.esri-disabled [role=menu],.esri-disabled [role=checkbox],.esri-disabled [class^=esri-icon-],.esri-disabled [class*=" esri-icon-"]{color:var(--calcite-color-text-3)}.keynav-mode .esri-widget:focus,.keynav-mode .esri-widget :focus{z-index:1;outline-offset:2px;outline:2px solid #adadad}.esri-widget__loader-animation{border:.15em solid #adadad4d;border-top-color:var(--calcite-color-border-input);border-radius:100%;width:1em;height:1em;font-size:var(--calcite-font-size-md);animation:1.25s linear infinite esri-rotate;display:block;transform:translateZ(0)}:dir(rtl) .esri-widget__table th{text-align:right;border-left:3px solid #0000000d;border-right:none}:dir(rtl) .esri-select{background-position:0}:dir(rtl) .esri-menu__list-item{border-left:none;border-right:3px solid #0000}:dir(rtl) .esri-menu__list-item [class^=esri-icon-],:dir(rtl) .esri-menu__list-item [class*=" esri-icon-"]{padding-left:2px;padding-right:0}:dir(rtl) .esri-menu__list-item--active{border-right-color:var(--calcite-color-brand)}.esri-icon-font-fallback-text{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.esri-rotating{animation:1.25s linear infinite esri-rotate;transform:translateZ(0)}.esri-clearfix:before,.esri-clearfix:after{content:" ";display:table}.esri-clearfix:after{clear:both}.esri-interactive{cursor:pointer}.esri-hidden{display:none!important}.esri-invisible{visibility:hidden!important}.esri-offscreen{position:absolute;top:-999em;left:-999em}.esri-match-height{flex-direction:column;flex:auto;display:flex;overflow:hidden}.esri-basemap-layer-list{display:flex;width:100%}.esri-basemap-layer-list__editing-form{height:100%;display:flex}.esri-basemap-layer-list__filter-no-results{padding:var(--calcite-spacing-md) 15px}.esri-basemap-layer-list__item{--calcite-list-item-icon-center: 8.5px}.esri-catalog-layer-list__item-table-icon,.esri-basemap-layer-list__item-catalog-icon{margin-inline-end:0}.esri-basemap-layer-list__item-action-image{text-align:center;background-position:50%;background-repeat:no-repeat;background-size:contain;flex:0 0 var(--calcite-spacing-xl);width:var(--calcite-spacing-xl);height:var(--calcite-spacing-xl);font-size:var(--calcite-spacing-lg)}.esri-basemap-layer-list__action-menu .esri-basemap-layer-list__action-group{display:none}.esri-basemap-layer-list__action-menu[open] .esri-basemap-layer-list__action-group{display:flex}.esri-basemap-layer-list__visible-icon{visibility:hidden}.esri-basemap-layer-list__item--active:hover>.esri-basemap-layer-list__visible-toggle>.esri-basemap-layer-list__visible-icon,.esri-basemap-layer-list__item--active:focus>.esri-basemap-layer-list__visible-toggle>.esri-basemap-layer-list__visible-icon,.esri-basemap-layer-list__item--active:focus-within>.esri-basemap-layer-list__visible-toggle>.esri-basemap-layer-list__visible-icon{visibility:visible}.esri-basemap-layer-list__status-indicator{visibility:hidden;color:var(--calcite-color-text-1);margin-inline:0}.esri-basemap-layer-list__publishing{visibility:visible;color:var(--calcite-color-text-2);animation:2s infinite esri-basemap-layer-list__publishing-anim}.esri-basemap-layer-list__updating{visibility:visible;animation:2s infinite esri-basemap-layer-list__updating-anim}.esri-basemap-layer-list__connection-status{visibility:visible;color:var(--calcite-color-status-warning);width:var(--calcite-spacing-xl);height:var(--calcite-spacing-xl);margin-inline:7px}.esri-basemap-layer-list__connection-status--connected{color:var(--calcite-color-status-success)}.esri-basemap-layer-list__item-content-bottom{margin:var(--calcite-spacing-md) 15px}.esri-basemap-layer-list__item-content-bottom .esri-legend__service{padding:0 0 var(--calcite-spacing-md)}.esri-basemap-layer-list__item-message{margin:var(--calcite-spacing-md) 15px}.esri-basemap-layer-list__editing{padding-block:var(--calcite-spacing-sm);padding-inline:var(--calcite-spacing-sm)}@keyframes esri-basemap-layer-list__updating-anim{0%,40%{color:var(--calcite-color-text-1)}50%,80%{color:var(--calcite-color-brand)}to{color:var(--calcite-color-text-1)}}@keyframes esri-basemap-layer-list__publishing-anim{0%,20%{transform:rotate(45deg)}80%,to{transform:rotate(135deg)}}@keyframes esri-basemap-slide{0%{opacity:0;margin-top:0;margin-left:0}75%{opacity:0;margin-top:0;margin-left:0}to{opacity:1;margin-top:5px;margin-left:5px}}`, d = o(r);
+class p extends a {
   constructor() {
-    super(...arguments), this.widget = c(this), this.viewModel = this.widget.viewModel, this.arcgisClose = d(this), this.autoDestroyDisabled = !1, this.baseFilterPredicate = this.widget.baseFilterPredicate, this.baseFilterText = this.widget.baseFilterText, this.baseListItemCreatedFunction = this.widget.baseListItemCreatedFunction, this.basemapTitle = this.widget.basemapTitle, this.catalogOptions = this.widget.catalogOptions, this.closed = !1, this.collapsed = this.widget.collapsed, this.dragEnabled = this.widget.dragEnabled, this.editingTitle = this.widget.editingTitle, this.filterPlaceholder = this.widget.filterPlaceholder, this.headingLevel = this.widget.headingLevel, this.hideBaseLayers = this.widget.visibleElements.baseLayers, this.hideFlow = this.widget.visibleElements.flow, this.hideHeading = this.widget.visibleElements.heading, this.hideReferenceLayers = this.widget.visibleElements.referenceLayers, this.hideStatusIndicators = this.widget.visibleElements.statusIndicators, this.icon = this.widget.icon, this.label = this.widget.label, this.minFilterItems = this.widget.minFilterItems, this.position = "bottom-left", this.referenceFilterPredicate = this.widget.referenceFilterPredicate, this.referenceFilterText = this.widget.referenceFilterText, this.referenceListItemCreatedFunction = this.widget.referenceListItemCreatedFunction, this.selectedItems = this.widget.selectedItems, this.selectionMode = this.widget.selectionMode, this.showCloseButton = this.widget.visibleElements.closeButton, this.showCollapseButton = this.widget.visibleElements.collapseButton, this.showEditTitleButton = this.widget.visibleElements.editTitleButton, this.showErrors = this.widget.visibleElements.errors, this.showFilter = this.widget.visibleElements.filter, this.showTemporaryLayerIndicators = this.widget.visibleElements.temporaryLayerIndicators, this.state = this.viewModel.state, this.visibilityAppearance = this.widget.visibilityAppearance, this.arcgisPropertyChange = t()("state"), this.arcgisReady = a(), this.arcgisTriggerAction = i(() => this.widget, "trigger-action");
+    super(...arguments), this.widget = d(this), this.viewModel = this.widget.viewModel, this.arcgisClose = l(this), this.view = this.widget.view, this.autoDestroyDisabled = !1, this.baseFilterPredicate = this.widget.baseFilterPredicate, this.baseFilterText = this.widget.baseFilterText, this.baseListItemCreatedFunction = this.widget.baseListItemCreatedFunction, this.basemapTitle = this.widget.basemapTitle, this.catalogOptions = this.widget.catalogOptions, this.closed = !1, this.collapsed = this.widget.collapsed, this.dragEnabled = this.widget.dragEnabled, this.editingTitle = this.widget.editingTitle, this.filterPlaceholder = this.widget.filterPlaceholder, this.headingLevel = this.widget.headingLevel, this.hideBaseLayers = this.widget.visibleElements.baseLayers, this.hideFlow = this.widget.visibleElements.flow, this.hideHeading = this.widget.visibleElements.heading, this.hideReferenceLayers = this.widget.visibleElements.referenceLayers, this.hideStatusIndicators = this.widget.visibleElements.statusIndicators, this.icon = this.widget.icon, this.label = this.widget.label, this.minFilterItems = this.widget.minFilterItems, this.referenceFilterPredicate = this.widget.referenceFilterPredicate, this.referenceFilterText = this.widget.referenceFilterText, this.referenceListItemCreatedFunction = this.widget.referenceListItemCreatedFunction, this.selectedItems = this.widget.selectedItems, this.selectionMode = this.widget.selectionMode, this.showCloseButton = this.widget.visibleElements.closeButton, this.showCollapseButton = this.widget.visibleElements.collapseButton, this.showEditTitleButton = this.widget.visibleElements.editTitleButton, this.showErrors = this.widget.visibleElements.errors, this.showFilter = this.widget.visibleElements.filter, this.showTemporaryLayerIndicators = this.widget.visibleElements.temporaryLayerIndicators, this.state = this.viewModel.state, this.visibilityAppearance = this.widget.visibilityAppearance, this.arcgisPropertyChange = i()("state"), this.arcgisReady = s(), this.arcgisTriggerAction = t(() => this.widget, "trigger-action");
   }
   static {
-    this.properties = { autoDestroyDisabled: 5, baseFilterPredicate: 0, baseFilterText: 1, baseItems: 32, baseListItemCreatedFunction: 0, basemapTitle: 1, catalogLayerList: 32, catalogOptions: 0, closed: 5, collapsed: 7, dragEnabled: 5, editingTitle: 5, filterPlaceholder: 1, headingLevel: 9, hideBaseLayers: 5, hideFlow: 5, hideHeading: 5, hideReferenceLayers: 5, hideStatusIndicators: 5, icon: 1, label: 1, minFilterItems: 9, position: 1, referenceElement: 1, referenceFilterPredicate: 0, referenceFilterText: 1, referenceItems: 32, referenceListItemCreatedFunction: 0, selectedItems: 0, selectionMode: 1, showCloseButton: 5, showCollapseButton: 5, showEditTitleButton: 5, showErrors: 5, showFilter: 5, showTemporaryLayerIndicators: 5, state: 3, visibilityAppearance: 1 };
+    this.properties = { view: 0, autoDestroyDisabled: 5, baseFilterPredicate: 0, baseFilterText: 1, baseItems: 32, baseListItemCreatedFunction: 0, basemapTitle: 1, catalogLayerList: 32, catalogOptions: 0, closed: 5, collapsed: 7, dragEnabled: 5, editingTitle: 5, filterPlaceholder: 1, headingLevel: 9, hideBaseLayers: 5, hideFlow: 5, hideHeading: 5, hideReferenceLayers: 5, hideStatusIndicators: 5, icon: 1, label: 1, minFilterItems: 9, position: 1, referenceElement: 1, referenceFilterPredicate: 0, referenceFilterText: 1, referenceItems: 32, referenceListItemCreatedFunction: 0, selectedItems: 0, selectionMode: 1, showCloseButton: 5, showCollapseButton: 5, showEditTitleButton: 5, showErrors: 5, showFilter: 5, showTemporaryLayerIndicators: 5, state: 3, visibilityAppearance: 1 };
   }
   static {
-    this.shadowRootOptions = l;
-  }
-  static {
-    this.styles = n;
+    this.styles = c;
   }
   get baseItems() {
     return this.widget.baseItems;
@@ -36,7 +33,7 @@ class g extends r {
     await this.manager.destroy();
   }
 }
-e("arcgis-basemap-layer-list", g);
+e("arcgis-basemap-layer-list", p);
 export {
-  g as ArcgisBasemapLayerList
+  p as ArcgisBasemapLayerList
 };

package/dist/components/arcgis-basemap-toggle/css.d.ts CHANGED Viewed

@@ -1,11 +1,11 @@
 export declare const css: {
-    readonly base: "esri-basemap-toggle";
-    readonly secondaryBasemapImage: "esri-basemap-toggle__image--secondary";
-    readonly container: "esri-basemap-thumbnail esri-basemap-toggle__container";
-    readonly image: "esri-basemap-thumbnail__image esri-basemap-toggle__image";
-    readonly imageLoading: "esri-basemap-toggle__image--loading";
-    readonly overlay: "esri-basemap-thumbnail__overlay esri-basemap-toggle__image-overlay";
-    readonly title: "esri-basemap-thumbnail__title esri-basemap-toggle__title";
-    readonly titleWrap: "esri-basemap-toggle__title-wrap";
-    readonly overlayScrim: "esri-basemap-thumbnail__overlay-scrim";
+    readonly base: "basemap-toggle";
+    readonly secondaryBasemapImage: "basemap-toggle__image--secondary";
+    readonly container: "basemap-thumbnail basemap-toggle__container";
+    readonly image: "basemap-thumbnail__image basemap-toggle__image";
+    readonly imageLoading: "basemap-toggle__image--loading";
+    readonly overlay: "basemap-thumbnail__overlay basemap-toggle__image-overlay";
+    readonly title: "basemap-thumbnail__title basemap-toggle__title";
+    readonly titleWrap: "basemap-toggle__title-wrap";
+    readonly overlayScrim: "basemap-thumbnail__overlay-scrim";
 };

package/dist/components/arcgis-basemap-toggle/customElement.d.ts CHANGED Viewed

@@ -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';
@@ -12,60 +12,26 @@ declare const useBasemapToggleViewModel: (component: LitElement & Pick<BasemapTo
  * The basemaps can have different spatial references.
  *
  * [Read more...](https://developers.arcgis.com/javascript/latest/references/map-components/arcgis-basemap-toggle/)
+ *
+ * @since 4.28
  */
 export declare class ArcgisBasemapToggle extends LitElement {
-    /** The map's current [basemap](https://developers.arcgis.com/javascript/latest/api-reference/esri-Map.html#basemap). */
+    view?: __esri.MapView | __esri.SceneView | nullish;
     readonly activeBasemap: nullish | __esri.Basemap;
-    /**
-     * If true, the component will not be destroyed automatically when it is
-     * disconnected from the document. This is useful when you want to move the
-     * component to a different place on the page, or temporarily hide it. If this
-     * is set, make sure to call the [destroy](https://developers.arcgis.com/javascript/latest/references/map-components/arcgis-basemap-toggle/#destroy) method when you are done to
-     * prevent memory leaks.
-     *
-     * @default false
-     */
     autoDestroyDisabled: boolean;
-    /**
-     * Icon which represents the component.
-     * Typically used when the component is controlled by another component (e.g. by the Expand component).
-     *
-     * @see [Calcite Icons](https://developers.arcgis.com/calcite-design-system/icons/)
-     * @default "layer-basemap"
-     */
     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. */
     messageOverrides?: typeof this.messages._overrides;
-    /** The next basemap for toggling. */
     nextBasemap?: __esri.BasemapProperties | string;
-    /** @default "top-left" */
-    position: __esri.UIPosition;
+    position?: __esri.UIPosition;
     referenceElement?: ArcgisReferenceElement | string;
-    /**
-     * Indicates if the Basemap title is displayed.
-     *
-     * @default false
-     */
     showTitle: boolean;
-    /**
-     * The view model's state.
-     *
-     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-BasemapToggle-BasemapToggleViewModel.html#state)
-     *
-     * @default "disabled"
-     */
     readonly state: "ready" | "loading" | "disabled" | "incompatible-next-basemap";
-    /** Permanently destroy the component. */
     destroy(): Promise<void>;
-    /** Toggles to the [next basemap](#nextBasemap). */
     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. */
     readonly arcgisReady: TargetedEvent<this, void>;
     private messages: Partial<{
         componentLabel: string;

package/dist/components/arcgis-basemap-toggle/customElement.js CHANGED Viewed

@@ -1,40 +1,36 @@
-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 { g as $ } from "../../chunks/globalCss.js";
-import { css as L } from "@lit/reactive-element/css-tag.js";
+import { c as y } from "../../chunks/runtime.js";
+import { css as k, html as o } from "lit";
+import { usePropertyChange as $ } from "@arcgis/lumina/controllers";
+import { classes as n } from "@arcgis/toolkit/dom";
+import { getBasemapThumbnailUrl as z } from "@arcgis/core/applications/Components/basemapUtils.js";
+import B from "@arcgis/core/widgets/BasemapToggle/BasemapToggleViewModel.js";
+import { LitElement as M, createEvent as S, safeClassMap as i, nothing as c, safeStyleMap as u } from "@arcgis/lumina";
+import { u as T } from "../../chunks/useT9n.js";
+import { m as E } from "../../chunks/useViewModel.js";
+import { g as b } 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.13 */
-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 = {
-  base: s,
-  secondaryBasemapImage: `${s}__image--secondary`,
-  container: `${o} ${s}__container`,
-  image: `${o}__image ${s}__image`,
-  imageLoading: `${s}__image--loading`,
-  overlay: `${o}__overlay ${s}__image-overlay`,
-  title: `${o}__title ${s}__title`,
-  titleWrap: `${s}__title-wrap`,
-  overlayScrim: `${o}__overlay-scrim`
-}, D = C(S);
-class E extends T {
+v4.34.0-next.130 */
+const C = k`.esri-widget__heading{color:var(--calcite-color-text-2);margin:0 0 .5rem;font-weight:var(--calcite-font-weight-semibold)}h1.esri-widget__heading{font-size:var(--calcite-font-size-xl)}h2.esri-widget__heading{font-size:var(--calcite-font-size-md)}h3.esri-widget__heading,h4.esri-widget__heading,h5.esri-widget__heading,h6.esri-widget__heading{font-size:var(--calcite-font-size)}.esri-widget{--esri-widget-padding-x: 15px;--esri-widget-padding-y: var(--calcite-spacing-md);--esri-widget-padding: var(--esri-widget-padding-y) var(--esri-widget-padding-x);box-sizing:border-box;color:var(--calcite-color-text-2);background-color:var(--calcite-color-foreground-1);font-size:var(--calcite-font-size);line-height:1.3em}.esri-widget *,.esri-widget :before,.esri-widget :after{box-sizing:inherit}.esri-widget.esri-widget--disabled>*{opacity:.4;pointer-events:none}.esri-widget.esri-widget--compact{--esri-widget-padding-y: 0;--esri-widget-padding-x: 0}.esri-widget__anchor{color:var(--calcite-color-text-2)}.esri-widget__anchor:hover{color:var(--calcite-color-text-3)}.esri-widget__anchor:hover,.esri-widget__anchor:focus{text-decoration:underline}.esri-widget__anchor--disabled{opacity:.4;pointer-events:none}.esri-widget__header{background-color:var(--calcite-color-foreground-1);flex:1 0 100%;justify-content:space-between;align-items:center;width:100%;min-height:48px;padding:12px 0 12px 15px;display:flex}.esri-widget__header .esri-widget__heading{width:calc(100% - 48px);text-align:initial;color:var(--calcite-color-text-1);align-items:center;margin:0;padding:0;display:flex}.esri-widget__header-button{appearance:none;cursor:pointer;color:var(--calcite-color-text-2);background-color:var(--calcite-color-foreground-1);border:none;flex:0 0 48px;justify-content:center;align-self:stretch;align-items:center;width:48px;padding:0;display:flex}.esri-widget__footer{background-color:var(--calcite-color-foreground-1);justify-content:center;align-items:center;width:100%;min-height:48px;display:flex}.esri-widget__footer-pagination{color:var(--calcite-color-text-2);justify-content:space-between;align-items:center;display:flex}.esri-widget__footer-pagination-previous-button,.esri-widget__footer-pagination-next-button{cursor:pointer;background-color:var(--calcite-color-foreground-1);border:0;margin:0 7px;padding:12px 15px;transition:background-color .125s ease-in-out}.esri-widget__footer-pagination-previous-button:hover,.esri-widget__footer-pagination-previous-button:focus,.esri-widget__footer-pagination-next-button:hover,.esri-widget__footer-pagination-next-button:focus{color:var(--calcite-color-text-1);background-color:var(--calcite-color-foreground-1)}.esri-menu{visibility:hidden;z-index:1;background-clip:padding;background-color:var(--calcite-color-foreground-1);background-clip:padding-box;width:100%;max-height:0;margin:2px 0 0;padding:0;font-size:var(--calcite-font-size);line-height:var(--calcite-spacing-xl);position:absolute;top:100%;left:0;overflow:hidden;box-shadow:0 1px 2px #0000004d}.esri-menu .esri-menu__header{color:var(--calcite-color-text-inverse);background-color:var(--calcite-color-inverse);padding:6px 12px}.esri-menu__list{margin:0;padding:0;list-style:none}.esri-menu__list-item{cursor:pointer;border-top:1px solid #adadad4d;border-left:3px solid #0000;padding:.8em 1em}.esri-menu__list-item [class^=esri-icon-],.esri-menu__list-item [class*=" esri-icon-"]{padding-right:2.8px}.esri-menu__list-item:first-child{border-top:none}.esri-menu__list-item--focus,.esri-menu__list-item:hover,.esri-menu__list-item:focus{background-color:#303030}.esri-menu__list-item:active{background-color:#000}.esri-menu__list-item--active,.esri-menu__list-item--active:hover,.esri-menu__list-item--active:focus{background-color:var(--calcite-color-foreground-1);border-left-color:#2493f2}.esri-widget__table{border-collapse:collapse;color:var(--calcite-color-text-1);border:none;width:100%;line-height:1.3em}.esri-widget__table tr:nth-child(odd){background-color:var(--calcite-color-transparent)}.esri-widget__table tr:nth-child(2n){background-color:var(--calcite-color-transparent-press)}.esri-widget__table tr a{color:var(--calcite-color-text-2)}.esri-widget__table tr a:hover,.esri-widget__table tr a:focus{color:var(--calcite-color-text-1)}.esri-widget__table tr td,.esri-widget__table tr th{vertical-align:top;word-break:break-word;padding:.5em .7em;font-size:var(--calcite-font-size-sm);font-weight:var(--calcite-font-weight-regular)}.esri-widget__table tr th{text-align:left;border-right:3px solid #0000000d;width:50%}.esri-widget__table tr td{width:50%}.esri-input{color:var(--calcite-color-text-1);background-color:var(--calcite-color-foreground-1);border:1px solid #959595;font-size:var(--calcite-font-size)}.esri-input::-ms-clear{display:none}.esri-input::placeholder{opacity:1;color:var(--calcite-color-text-2)}.esri-input:placeholder-shown{text-overflow:ellipsis}.esri-input[type=text],.esri-input[type=password],.esri-input[type=number]{height:32px;padding:0 .5em}calcite-combobox.esri-input{border:none}.esri-widget__content--empty{text-align:center;color:var(--calcite-color-border-input);flex-flow:column wrap;align-items:center;padding:18px 22px;display:flex}.esri-widget__content--empty h1.esri-widget__heading,.esri-widget__content--empty h2.esri-widget__heading,.esri-widget__content--empty h3.esri-widget__heading,.esri-widget__content--empty h4.esri-widget__heading,.esri-widget__content--empty h5.esri-widget__heading{font-weight:var(--calcite-font-weight-regular)}.esri-widget__content-illustration--empty{width:128px;padding:1rem 0}.esri-widget__content-icon--empty{width:32px;padding:.5rem 0}.esri-select{appearance:none;cursor:pointer;color:var(--calcite-color-text-2);background:var(--calcite-color-foreground-1) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-8 -8 32 32' width='32' height='32'%3E%3Cpath d='M8 11.207l-4-4V5.793l4 4 4-4v1.414z' fill='%23adadad' fillrule='nonzero'/%3E%3C/svg%3E") 100% no-repeat;border:1px solid #959595;border-radius:0;width:100%;height:32px;margin:0;padding:0 .5em;font-family:inherit;font-size:.85em;display:block}.esri-select[disabled]{cursor:auto}.esri-select::-ms-expand{display:none}.esri-disabled a,.esri-disabled [role=menu],.esri-disabled [role=checkbox],.esri-disabled [class^=esri-icon-],.esri-disabled [class*=" esri-icon-"]{color:var(--calcite-color-text-3)}.keynav-mode .esri-widget:focus,.keynav-mode .esri-widget :focus{z-index:1;outline-offset:2px;outline:2px solid #adadad}.esri-widget__loader-animation{border:.15em solid #adadad4d;border-top-color:var(--calcite-color-border-input);border-radius:100%;width:1em;height:1em;font-size:var(--calcite-font-size-md);animation:1.25s linear infinite esri-rotate;display:block;transform:translateZ(0)}:dir(rtl) .esri-widget__table th{text-align:right;border-left:3px solid #0000000d;border-right:none}:dir(rtl) .esri-select{background-position:0}:dir(rtl) .esri-menu__list-item{border-left:none;border-right:3px solid #0000}:dir(rtl) .esri-menu__list-item [class^=esri-icon-],:dir(rtl) .esri-menu__list-item [class*=" esri-icon-"]{padding-left:2px;padding-right:0}:dir(rtl) .esri-menu__list-item--active{border-right-color:var(--calcite-color-brand)}.esri-icon-font-fallback-text{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.esri-rotating{animation:1.25s linear infinite esri-rotate;transform:translateZ(0)}.esri-clearfix:before,.esri-clearfix:after{content:" ";display:table}.esri-clearfix:after{clear:both}.esri-interactive{cursor:pointer}.esri-hidden{display:none!important}.esri-invisible{visibility:hidden!important}.esri-offscreen{position:absolute;top:-999em;left:-999em}.esri-match-height{flex-direction:column;flex:auto;display:flex;overflow:hidden}.basemap-toggle{box-shadow:none;background-color:var(--calcite-color-transparent)}.basemap-toggle calcite-button{flex-direction:row;justify-content:center;align-items:center;width:69px;height:69px;display:flex;position:relative;overflow:visible}.basemap-toggle__container,.basemap-toggle__image{width:64px;height:64px;position:absolute;top:0;left:0;overflow:hidden}.basemap-toggle__container{box-shadow:0 1px 2px #0000004d}.basemap-toggle__image{background-color:var(--calcite-color-foreground-1);background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2064%2064'%3e%3cpath%20fill='%236E6E6E'%20d='M16%2016v32h32V16H16zm17.028%2011.947l.022.106c.175.863.272%201.67-.46%202.066-.52.28-.792.764-1.014%201.155-.28.497-.414.684-.715.684-.158%200-.283-.085-.486-.24-.25-.192-.558-.426-1.03-.426-.692%200-1.255.606-1.255%201.35%200%20.475-.422%201.353-1.022%201.353-.49%200-.652-.172-.763-.37-.296-.53-.665-1.193-1.51-1.193-.85%200-1.542.735-1.542%201.635%200%20.286.06.508.11.702.044.165.083.31.083.478%200%20.244-.102.428-.23.666-.152.278-.34.62-.34%201.09%200%20.613.563%201.113%201.255%201.113.393%200%20.654-.104.865-.186.195-.078.332-.125.56-.103.103.01.21.3.21.5%200%20.323-.274.598-.59.914-.514.512-1.22%201.212-.638%202.368.22.444.758.57%201.277.69.24.057.416.095.56.132%200%200%20.254.34.318.536a.616.616%200%2000.013.23.92.92%200%2001-.17.506c-.253.382-.548.597-.862.825-.623.458-1.14.536-1.156%201.47H18V18h21.48c.03.578-.903%201.22-.903%201.22l-.98.58c-1.054.672-2.254%201.703-2.254%202.56%200%20.377.15.646.27.86.1.177.157.283.157.417%200%20.19-.126.316-.41.56-.25.215-.534.453-.663.84a1.27%201.27%200%2000-.064.4c0%20.138.03.307.063.488.028.153.09.472.042.547%200%200-.054.04-.258.04l-.174-.006c-.37%200-.75.303-.98.582-.172.206-.363.528-.298.86zM46%2046h-9.23c-.207-1.22-1.35-1.258-2.168-1.556-.288-.107-.585-.213-.858-.353-.354-.184-.35-.585-.296-.89%200%200%20.102-.303.09-.37l.003-.002c-.006-.036-.013-.067-.013-.11%200-.23.213-.34.7-.574.507-.25%201.2-.577%201.2-1.39%200-.293-.13-.488-.216-.62-.053-.08-.07-.11-.07-.132%200-.172.068-.286.332-.524.283-.253.628-.6.628-1.19v-.93c0-.092.27-.195.605-.03.165.078.41.188.715.188.672%200%201.04-.494%201.3-.853.24-.332.33-.516.565-.48.235.042.15.05.324.41.12.25.26.538.52.763.454.397.98.528%201.506.57a6.126%206.126%200%20001.996.005l.168-.027a4.14%204.14%200%2001.98-.067s.09.022.14.006c.39.044.717.177.98.458l.1.248c.003.005-.003.01%200%20.015V46z'/%3e%3cpath%20clip-rule='evenodd'%20fill='none'%20d='M16%2016h32v32H16z'/%3e%3cpath%20fill='none'%20d='M0%200h64v64H0z'/%3e%3c/svg%3e");background-position:50%;background-repeat:no-repeat;background-size:cover}.basemap-toggle__image--loading{background-image:unset;justify-content:center;align-items:center;display:flex}.basemap-toggle__image--secondary{margin-top:5px;margin-left:5px;animation:2s ease-in-out esri-basemap-slide;box-shadow:0 1px 2px #0000004d}.basemap-thumbnail__overlay-scrim{--calcite-scrim-background: var(--calcite-color-transparent-scrim);color:var(--calcite-color-text-inverse)}.basemap-toggle__image-overlay{background-color:var(--calcite-color-transparent);justify-content:center;align-items:flex-end;width:100%;height:100%;transition:background-color .125s ease-in-out;display:flex;position:absolute}.basemap-toggle__image-overlay .basemap-toggle:hover{background-color:var(--calcite-color-background)}.basemap-toggle__title{text-align:center;background-color:var(--calcite-color-transparent-tint);flex:1 0 100%;height:auto;padding:.5em;font-size:var(--calcite-font-size-xs);font-weight:var(--calcite-font-weight-medium);line-height:1.3em}.basemap-toggle__title-wrap{text-wrap:wrap}`, a = "basemap-toggle", s = "basemap-thumbnail", e = {
+  base: a,
+  secondaryBasemapImage: `${a}__image--secondary`,
+  container: `${s} ${a}__container`,
+  image: `${s}__image ${a}__image`,
+  imageLoading: `${a}__image--loading`,
+  overlay: `${s}__overlay ${a}__image-overlay`,
+  title: `${s}__title ${a}__title`,
+  titleWrap: `${a}__title-wrap`,
+  overlayScrim: `${s}__overlay-scrim`
+}, j = E(B);
+class V 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 = T(), this.viewModel = j(this), this.view = this.viewModel.view, this.activeBasemap = this.viewModel.activeBasemap, this.autoDestroyDisabled = !1, this.icon = "layer-basemap", this.nextBasemap = this.viewModel.nextBasemap, this.showTitle = !1, this.state = this.viewModel.state, this.arcgisPropertyChange = $()("activeBasemap", "nextBasemap", "state"), this.arcgisReady = S();
   }
   static {
-    this.properties = { activeBasemap: 0, autoDestroyDisabled: 5, icon: 1, label: 1, messageOverrides: 0, nextBasemap: 1, position: 3, referenceElement: 1, showTitle: 5, state: 3 };
+    this.properties = { view: 0, activeBasemap: 0, autoDestroyDisabled: 5, icon: 1, label: 1, messageOverrides: 0, nextBasemap: 1, position: 3, referenceElement: 1, showTitle: 5, state: 3 };
   }
   static {
-    this.shadowRootOptions = k;
-  }
-  static {
-    this.styles = A;
+    this.styles = C;
   }
   async destroy() {
     await this.manager.destroy();
@@ -43,17 +39,17 @@ class E extends T {
     return await this.viewModel.toggle();
   }
   _getThumbnailStyles(t) {
-    const n = x(t);
-    return n ? { backgroundImage: `url(${n})` } : { backgroundImage: "" };
+    const l = z(t);
+    return l ? { backgroundImage: `url(${l})` } : { backgroundImage: "" };
   }
   render() {
-    const t = this.viewModel, n = t.state === "disabled" ? null : t.activeBasemap, i = t.state === "disabled" ? null : t.nextBasemap, u = t.state === "loading", p = t.state === "incompatible-next-basemap", m = i?.title ?? "", d = i && i.loadStatus !== "loaded";
-    let g;
-    const h = this.showTitle && m, v = p, y = h || v, w = this._getThumbnailStyles(n), _ = this._getThumbnailStyles(i);
-    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>`;
+    const t = this.viewModel, l = t.state === "disabled" ? null : t.activeBasemap, r = t.state === "disabled" ? null : t.nextBasemap, v = t.state === "loading", g = t.state === "incompatible-next-basemap", d = r?.title ?? "", p = r && r.loadStatus !== "loaded";
+    let m;
+    const h = this.showTitle && d, _ = g, w = h || _, f = this._getThumbnailStyles(l), x = this._getThumbnailStyles(r);
+    return w && (m = o`<div class=${i(e.overlay)}>${h ? o`<span class=${i(n(e.title, e.titleWrap))} title=${d ?? c}>${d}</span>` : null}${_ ? o`<calcite-scrim class=${i(e.overlayScrim)} title=${this.messages.incompatibleSpatialReference ?? c}><calcite-icon icon=exclamation-mark-triangle></calcite-icon></calcite-scrim>` : null}</div>`), o`<div class=${i(n(e.base, b.widget))}><calcite-button appearance=transparent data-basemap-id=${(r ? r.id : "") ?? c} .disabled=${g} kind=neutral .label=${this.label ?? void 0} @click=${() => void this.toggle()} title=${this.label ?? void 0 ?? c}><div class=${i(n(e.container, e.secondaryBasemapImage))}><div class=${i(e.image)} style=${u(f)}></div></div><div class=${i(e.container)}><div class=${i(n(e.image, p ? e.imageLoading : null))} style=${u(x)}>${p || v ? o`<calcite-scrim><span aria-hidden=true class=${i(b.loaderAnimation)} role=presentation></span></calcite-scrim>` : null}</div>${m}</div></calcite-button></div>`;
   }
 }
-f("arcgis-basemap-toggle", E);
+y("arcgis-basemap-toggle", V);
 export {
-  E as ArcgisBasemapToggle
+  V as ArcgisBasemapToggle
 };

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

@@ -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";
+};

package/dist/components/arcgis-bookmarks/customElement.d.ts CHANGED Viewed

@@ -1,165 +1,69 @@
 /// <reference types="@arcgis/core/interfaces.d.ts" />
-/// <reference types="../../index.d.ts" />
+/// <reference path="../../index.d.ts" />
+import { default as BookmarksViewModel } from '@arcgis/core/widgets/Bookmarks/BookmarksViewModel.js';
+import { JsxNode, PublicLitElement as LitElement, TargetedEvent } from '@arcgis/lumina';
 import { Use } from '@arcgis/lumina/controllers';
-import { default as Bookmarks } from '@arcgis/core/widgets/Bookmarks.js';
-import { PublicLitElement as LitElement, TargetedEvent } from '@arcgis/lumina';
+import { HeadingLevel } from '../../support/heading';
 import { ArcgisReferenceElement } from '../../utils/component-utils';
-declare const useBookmarksWidget: (component: LitElement & Pick<Bookmarks, "icon" | "label" | "viewModel" | "disabled" | "goToOverride" | "dragEnabled" | "filterPlaceholder" | "filterText" | "defaultCreateOptions" | "bookmarks" | "defaultEditOptions"> & {
-    state?: unknown;
-    viewModel?: __esri.BookmarksViewModel | undefined;
-    closed?: boolean;
-    icon: import('@arcgis/components-utils').Nil | string;
-    label: import('@arcgis/components-utils').Nil | string;
-    referenceElement?: ArcgisReferenceElement | string;
-    position: __esri.UIPosition;
-    arcgisReady: import('@arcgis/lumina').EventEmitter;
-    arcgisPropertyChange: import('@arcgis/lumina').EventEmitter<{
-        name: string;
-    }> | undefined;
-    el: HTMLElement & {
-        childElem
-        /** @copyDoc */
-        ? /** @copyDoc */: HTMLElement & {
-            ownedBy?: HTMLElement;
-        };
-        view?: __esri.LinkChartView | __esri.MapView | __esri.SceneView;
-    };
-    autoDestroyDisabled: boolean;
-    destroy: () => Promise<void>;
-}) => Bookmarks;
+declare const useBookmarksViewModel: (component: LitElement & Pick<BookmarksViewModel, never> & import('../../controllers/useViewModel').ViewModelControllerUses<BookmarksViewModel>) => BookmarksViewModel;
 /**
- * The Bookmarks component allow end users to quickly navigate to a particular area of interest. It displays a list of [bookmarks](https://developers.arcgis.com/javascript/latest/api-reference/esri-webmap-Bookmark.html), which are typically defined inside the [WebMap](https://developers.arcgis.com/javascript/latest/api-reference/esri-WebMap.html#bookmarks).
+ * The Bookmarks component allows end users to quickly navigate to a particular area of interest.
+ * It displays a list of [bookmarks](https://developers.arcgis.com/javascript/latest/api-reference/esri-webmap-Bookmark.html),
+ * which are typically defined inside the [WebMap](https://developers.arcgis.com/javascript/latest/api-reference/esri-WebMap.html#bookmarks).
+ *
+ * Each bookmark may contain the following properties: `name`, `thumbnail`, `viewpoint` (defines rotation, scale, and target geometry), and `timeExtent`.
+ * When a bookmark with a timeExtent is selected, the [arcgis-map.timeExtent](https://developers.arcgis.com/javascript/latest/references/map-components/arcgis-map/#timeExtent) of the Map will be set to the timeExtent of the selected bookmark.
+ * To disable time capability in the Bookmarks component, set [timeDisabled](https://developers.arcgis.com/javascript/latest/references/map-components/arcgis-bookmarks/#timeDisabled) to `true`.
+ *
+ * The Bookmarks component can be used to create, edit, reorder, and delete bookmarks.
+ * To enable these features, set the following properties to `true`:
+ * [showAddBookmarkButton](https://developers.arcgis.com/javascript/latest/references/map-components/arcgis-bookmarks/#showAddBookmarkButton), [showEditBookmarkButton](https://developers.arcgis.com/javascript/latest/references/map-components/arcgis-bookmarks/#showEditBookmarkButton), and [dragEnabled](https://developers.arcgis.com/javascript/latest/references/map-components/arcgis-bookmarks/#dragEnabled).
+ *
+ * **Note:** Bookmarks are supported in a 3D [Scene](https://developers.arcgis.com/javascript/latest/references/map-components/arcgis-scene/) only if they come from a [WebMap](https://developers.arcgis.com/javascript/latest/api-reference/esri-WebMap.html#bookmarks) or are [provided manually](#bookmarks). [Presentation](https://developers.arcgis.com/javascript/latest/api-reference/esri-webscene-Presentation.html) provides a similar experience for [WebScenes](https://developers.arcgis.com/javascript/latest/api-reference/esri-webscene-Presentation.html).
  *
  * [Read more...](https://developers.arcgis.com/javascript/latest/references/map-components/arcgis-bookmarks/)
+ *
+ * @since 4.28
+ * @see [Sample - Bookmarks component](https://developers.arcgis.com/javascript/latest/sample-code/bookmarks/)
  */
 export declare class ArcgisBookmarks extends LitElement {
-    /**
-     * Emitted when the component's close button is clicked.
-     *
-     * @since 4.33
-     */
-    readonly arcgisClose: TargetedEvent<this>;
-    /**
-     * If true, the component will not be destroyed automatically when it is
-     * disconnected from the document. This is useful when you want to move the
-     * component to a different place on the page, or temporarily hide it. If this
-     * is set, make sure to call the [destroy](https://developers.arcgis.com/javascript/latest/references/map-components/arcgis-bookmarks/#destroy) method when you are done to
-     * prevent memory leaks.
-     *
-     * @default false
-     */
-    autoDestroyDisabled: boolean;
-    /**
-     * A collection of [Bookmark](https://developers.arcgis.com/javascript/latest/api-reference/esri-webmap-Bookmark.html)s.
-     *
-     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Bookmarks.html#bookmarks)
-     */
-    bookmarks: __esri.Collection<__esri.Bookmark>;
-    /**
-     * Indicates whether a component is closed. When `true`, the component will be hidden.
-     *
-     * @since 4.33
-     * @default false
-     */
+    view?: __esri.MapView | __esri.SceneView | nullish;
+    referenceElement?: ArcgisReferenceElement | string;
+    position?: __esri.UIPosition;
+    icon?: string;
     closed: boolean;
-    /**
-     * Specifies how new bookmarks will be created if [visibleElements.addBookmarkButton](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Bookmarks.html#VisibleElements) is set to `true`.
-     *
-     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Bookmarks.html#defaultCreateOptions)
-     */
     defaultCreateOptions: __esri.BookmarkOptions;
-    /**
-     * Specifies how bookmarks will be edited, if [visibleElements.editBookmarkButton](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Bookmarks.html#VisibleElements) is set to `true`.
-     *
-     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Bookmarks.html#defaultEditOptions)
-     */
     defaultEditOptions: __esri.BookmarkOptions;
-    /**
-     * When true, the widget is visually withdrawn and cannot be interacted with.
-     *
-     * @default false
-     */
+    bookmarks: __esri.Collection<__esri.Bookmark>;
     disabled: boolean;
-    /**
-     * Indicates if a Bookmark is able to be dragged in order to update its position in the list.
-     *
-     * @default false
-     */
     dragEnabled: boolean;
-    /**
-     * Defines the text used as a placeholder when visibleElements.filter is set to `true`.
-     *
-     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Bookmarks.html#filterPlaceholder)
-     */
     filterPlaceholder: string;
-    /**
-     * Defines the text used to filter the bookmarks when visibleElements.filter is set to `true`.
-     *
-     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Bookmarks.html#filterText)
-     */
     filterText: string;
-    /**
-     * This function provides the ability to override either the
-     * [MapView goTo()](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-MapView.html#goTo) or
-     * [SceneView goTo()](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-SceneView.html#goTo) methods.
-     *
-     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Bookmarks.html#goToOverride)
-     *
-     * @since 4.33
-     */
+    headingLevel: HeadingLevel;
     goToOverride: nullish | __esri.GoToOverride;
-    /** @default false */
-    hideFlow: boolean;
-    /** @default false */
-    hideThumbnail: boolean;
-    /** @default false */
-    hideTime: boolean;
-    /**
-     * Icon which represents the widget.
-     *
-     * @see [Calcite Icons](https://developers.arcgis.com/calcite-design-system/icons/)
-     * @default "bookmark"
-     */
-    icon: string;
-    /**
-     * The widget's default label.
-     *
-     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Bookmarks.html#label)
-     */
-    label: string;
-    /** @default "bottom-left" */
-    position: __esri.UIPosition;
-    referenceElement?: ArcgisReferenceElement | string;
-    /** @default false */
     showAddBookmarkButton: boolean;
-    /** @default false */
     showCloseButton: boolean;
-    /** @default false */
     showCollapseButton: boolean;
-    /** @default false */
     showEditBookmarkButton: boolean;
-    /** @default false */
     showFilter: boolean;
-    /** @default false */
+    hideFlow: boolean;
     showHeading: boolean;
-    /**
-     * The view model's state.
-     *
-     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Bookmarks-BookmarksViewModel.html#state)
-     *
-     * @default "ready"
-     */
+    hideThumbnail: boolean;
+    hideTime: boolean;
+    timeDisabled: boolean | undefined;
+    autoDestroyDisabled: boolean;
+    messageOverrides?: typeof this.messages._overrides;
+    label?: string;
     readonly state: "ready" | "loading";
-    /** Permanently destroy the component. */
     destroy(): Promise<void>;
-    readonly arcgisEdit: TargetedEvent<this, __esri.BookmarksBookmarkEditEvent>;
-    /** Emitted when the value of a property is changed. Use this to listen to changes to properties. */
+    goTo(bookmark: __esri.Bookmark): Promise<void>;
+    readonly arcgisBookmarkEdit: TargetedEvent<this, __esri.BookmarksBookmarkEditEvent>;
+    readonly arcgisBookmarkSelect: TargetedEvent<this, __esri.BookmarksBookmarkSelectEvent>;
     readonly arcgisPropertyChange: TargetedEvent<this, {
         name: "state";
     }>;
-    /** Emitted when the component associated with a map or scene view is is ready to be interacted with. */
     readonly arcgisReady: TargetedEvent<this, void>;
-    readonly arcgisSelect: TargetedEvent<this, __esri.BookmarksBookmarkSelectEvent>;
+    private messages;
 }
 export {};