@arcgis/map-components 4.28.0-beta.9 → 4.29.0-beta.0

package/dist/cjs/arcgis-basemap-gallery_3.cjs.entry.js

@@ -1,281 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-6b51d5a0.js');
-const index$1 = require('./index-1bd145e7.js');
-const componentUtils = require('./component-utils-cbd20e88.js');
-const disconnected = require('./disconnected-306cb220.js');
-const mappingUtils = require('./mapping-utils-c2c7b994.js');
-
-const arcgisBasemapGalleryCss = "";
-
-const ArcgisBasemapGallery = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.widgetReady = index.createEvent(this, "widgetReady", 7);
-    this.referenceElement = undefined;
-    this.activeBasemap = undefined;
-    this.position = "bottom-left";
-    this.expandable = false;
-    this.source = undefined;
-    this.view = undefined;
-    this.widget = undefined;
-  }
-  //--------------------------------------------------------------------------
-  //
-  //  Watchers
-  //
-  //--------------------------------------------------------------------------
-  positionWatcher(newValue) {
-    if (newValue !== undefined && this.widget) {
-      if (typeof this.view !== "string") {
-        this.view.ui.move(this.childElem, newValue);
-      }
-    }
-  }
-  referenceElementWatcher(newValue) {
-    componentUtils.referenceElementHelper(this, newValue);
-  }
-  viewWatcher(newValue) {
-    if (newValue !== undefined && this.widget) {
-      this.widget.view = newValue;
-    }
-  }
-  //--------------------------------------------------------------------------
-  //
-  //  Lifecycle
-  //
-  //--------------------------------------------------------------------------
-  async componentDidLoad() {
-    const params = this._createParams();
-    const widget = await index$1.newWidgetsBasemapGallery(params);
-    this.widget = widget;
-    this.widget.when(() => {
-      this.source = this.widget.source;
-    });
-    await this._addWatchers();
-    this.widgetReady.emit({ widget: this.widget });
-    componentUtils.checkForView(this);
-  }
-  disconnectedCallback() {
-    disconnected.onDisconnectedHelper(this);
-  }
-  render() {
-    if (this.expandable) {
-      return (index.h("arcgis-expand", { position: this.position, ref: (el) => (this.expandElem = el) }, index.h("div", { ref: (el) => (this.childElem = el) })));
-    }
-    return index.h("div", { ref: (el) => (this.childElem = el) });
-  }
-  //--------------------------------------------------------------------------
-  //
-  //  Private Interal Methods
-  //
-  //--------------------------------------------------------------------------
-  async _addWatchers() {
-    const { watch } = await index$1.importCoreReactiveUtils();
-    watch(() => this.widget.source, () => (this.source = this.widget.source));
-    watch(() => this.widget.activeBasemap, (basemap) => (this.activeBasemap = basemap));
-  }
-  _createParams() {
-    const params = {
-      container: this.childElem
-    };
-    if (this.view) {
-      params.view = this.view;
-    }
-    return params;
-  }
-  get el() { return index.getElement(this); }
-  static get watchers() { return {
-    "position": ["positionWatcher"],
-    "referenceElement": ["referenceElementWatcher"],
-    "view": ["viewWatcher"]
-  }; }
-};
-ArcgisBasemapGallery.style = arcgisBasemapGalleryCss;
-
-const arcgisExpandCss = "arcgis-expand>.esri-expand__content--expanded{background-color:var(--calcite-ui-background)}";
-
-const ArcgisExpand = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.widgetReady = index.createEvent(this, "widgetReady", 7);
-    this.referenceElement = undefined;
-    this.position = "top-right";
-    this.view = undefined;
-    this.widget = undefined;
-  }
-  //--------------------------------------------------------------------------
-  //
-  //  Watchers
-  //
-  //--------------------------------------------------------------------------
-  positionWatcher(newValue) {
-    if (newValue !== undefined && this.widget) {
-      if (typeof this.view !== "string") {
-        this.view.ui.move(this.childElem, newValue);
-      }
-    }
-  }
-  referenceElementWatcher(newValue) {
-    componentUtils.referenceElementHelper(this, newValue);
-  }
-  viewWatcher(newValue) {
-    if (newValue !== undefined && this.widget) {
-      this.widget.view = newValue;
-    }
-  }
-  //--------------------------------------------------------------------------
-  //
-  //  Lifecycle
-  //
-  //--------------------------------------------------------------------------
-  async componentDidLoad() {
-    const widget = await index$1.newWidgetsExpand({
-      container: this.childElem
-    });
-    this.widget = widget;
-    if (this.view) {
-      this.widget.view = this.view;
-    }
-    this._checkForView();
-  }
-  disconnectedCallback() {
-    disconnected.onDisconnectedHelper(this);
-  }
-  render() {
-    return index.h("div", { ref: (el) => (this.childElem = el) });
-  }
-  //--------------------------------------------------------------------------
-  //
-  //  Private Internal Methods
-  //
-  //--------------------------------------------------------------------------
-  _checkForView() {
-    const viewRef = this.el.closest("arcgis-map") || this.el.closest("arcgis-scene");
-    if (viewRef?.view) {
-      this.view = viewRef.view;
-      this.view.ui.add(this.childElem, this.position);
-      this.widgetReady.emit({ widget: this.widget });
-    }
-    else if (viewRef) {
-      const handler = () => {
-        this.view = viewRef.view;
-        this.view.ui.add(this.childElem, this.position);
-        this.widgetReady.emit({ widget: this.widget });
-      };
-      viewRef.addEventListener("viewReady", handler, false);
-    }
-  }
-  get el() { return index.getElement(this); }
-  static get watchers() { return {
-    "position": ["positionWatcher"],
-    "referenceElement": ["referenceElementWatcher"],
-    "view": ["viewWatcher"]
-  }; }
-};
-ArcgisExpand.style = arcgisExpandCss;
-
-const arcgisMapCss = ".arcgis-map{padding:0;margin:0;height:100%;width:100%}";
-
-const ArcgisMap = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.viewReady = index.createEvent(this, "viewReady", 7);
-    this.apiKey = undefined;
-    this.basemap = undefined;
-    this.disableNavigation = false;
-    this.itemId = undefined;
-    this.zoom = undefined;
-    this.center = undefined;
-    this.view = undefined;
-  }
-  //--------------------------------------------------------------------------
-  //
-  //  Watchers
-  //
-  //--------------------------------------------------------------------------
-  apiKeyWatcher(value) {
-    this.config.apiKey = value;
-  }
-  itemIdWatcher(value, old) {
-    if (value && value !== old) {
-      this.loadMap();
-    }
-  }
-  //--------------------------------------------------------------------------
-  //
-  //  Lifecycle
-  //
-  //--------------------------------------------------------------------------
-  async componentWillLoad() {
-    this.config = await index$1.importConfig();
-    if (this.apiKey) {
-      this.config.apiKey = this.apiKey;
-    }
-    await this.loadMap();
-  }
-  componentDidRender() {
-    if (this.view) {
-      this.view.container = this.el;
-    }
-  }
-  render() {
-    return index.h("div", { class: "arcgis-map", ref: (el) => (this.el = el) });
-  }
-  //--------------------------------------------------------------------------
-  //
-  //  Private Methods
-  //
-  //--------------------------------------------------------------------------
-  async loadMap() {
-    const mapParams = {};
-    if (this.itemId) {
-      mapParams.portalItem = {
-        id: this.itemId
-      };
-    }
-    if (this.basemap) {
-      mapParams.basemap = this.basemap;
-    }
-    const map = await index$1.newWebMap(mapParams);
-    const params = {};
-    if (this.zoom) {
-      params.zoom = this.zoom;
-    }
-    if (this.center) {
-      if (typeof this.center === "string") {
-        params.center = this.center.split(",").map((x) => Number(x));
-      }
-      else {
-        params.center = this.center;
-      }
-    }
-    const view = await index$1.newViewsMapView({
-      map,
-      ...params
-    });
-    const { watch } = await index$1.importCoreReactiveUtils();
-    this.view = view;
-    watch(() => this.view.center, (center) => {
-      const value = `${center.longitude},${center.latitude}`;
-      this.center = value;
-    });
-    watch(() => this.view.zoom, (value) => (this.zoom = value));
-    if (this.disableNavigation) {
-      mappingUtils.disableNavigation(this.view);
-    }
-    this.view.when(() => this.viewReady.emit({ view: this.view }));
-  }
-  get hostElem() { return index.getElement(this); }
-  static get watchers() { return {
-    "apiKey": ["apiKeyWatcher"],
-    "itemId": ["itemIdWatcher"]
-  }; }
-};
-ArcgisMap.style = arcgisMapCss;
-
-exports.arcgis_basemap_gallery = ArcgisBasemapGallery;
-exports.arcgis_expand = ArcgisExpand;
-exports.arcgis_map = ArcgisMap;

package/dist/components/arcgis-directional-pad.d.ts

@@ -1,11 +0,0 @@
-import type { Components, JSX } from "../types/components";
-
-interface ArcgisDirectionalPad extends Components.ArcgisDirectionalPad, HTMLElement {}
-export const ArcgisDirectionalPad: {
-  prototype: ArcgisDirectionalPad;
-  new (): ArcgisDirectionalPad;
-};
-/**
- * Used to define this component and all nested components recursively.
- */
-export const defineCustomElement: () => void;

package/dist/components/arcgis-directional-pad.js

@@ -1,126 +0,0 @@
-import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
-import { l as newWidgetsDirectionalPad } from './index2.js';
-import { u as updateForView, c as checkForView, o as onDisconnectedHelper } from './disconnected.js';
-import { d as defineCustomElement$2 } from './arcgis-expand2.js';
-
-const arcgisDirectionalPadCss = "arcgis-directional-pad{}";
-
-const ArcgisDirectionalPad$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
-  constructor() {
-    super();
-    this.__registerHost();
-    this.widgetReady = createEvent(this, "widgetReady", 7);
-    this.referenceElement = undefined;
-    this.visualScale = undefined;
-    this.view = undefined;
-    this.position = "bottom-left";
-    this.expandable = false;
-    this.widget = undefined;
-  }
-  //--------------------------------------------------------------------------
-  //
-  //  Watchers
-  //
-  //--------------------------------------------------------------------------
-  positionWatcher(newValue) {
-    if (newValue !== undefined && this.widget) {
-      if (typeof this.view !== "string") {
-        this.view.ui.move(this.childElem, newValue);
-      }
-    }
-  }
-  visualScaleWatcher(newValue) {
-    if (newValue !== undefined && this.widget) {
-      this.widget.visualScale = newValue;
-    }
-  }
-  referenceElementWatcher(newValue) {
-    if (typeof newValue === "string") {
-      updateForView(newValue).then((view) => {
-        this.widget.view = view;
-      });
-    }
-    else if (newValue !== undefined && this.widget) {
-      this.widget.view = newValue.view;
-    }
-  }
-  viewWatcher(newValue) {
-    if (newValue !== undefined && this.widget) {
-      this.widget.view = newValue;
-    }
-  }
-  //--------------------------------------------------------------------------
-  //
-  //  Lifecycle
-  //
-  //--------------------------------------------------------------------------
-  async componentDidLoad() {
-    const params = this._createParams();
-    const widget = await newWidgetsDirectionalPad(params);
-    this.widget = widget;
-    this.widgetReady.emit({ widget: this.widget });
-    checkForView(this);
-  }
-  disconnectedCallback() {
-    onDisconnectedHelper(this);
-  }
-  render() {
-    if (this.expandable) {
-      return (h("arcgis-expand", { position: this.position, ref: (el) => (this.expandElem = el) }, h("div", { ref: (el) => (this.childElem = el) })));
-    }
-    return h("div", { ref: (el) => (this.childElem = el) });
-  }
-  //--------------------------------------------------------------------------
-  //
-  //  Private Methods
-  //
-  //--------------------------------------------------------------------------
-  _createParams() {
-    const params = {
-      container: this.childElem
-    };
-    if (this.visualScale !== undefined) {
-      params.visualScale = this.visualScale;
-    }
-    return params;
-  }
-  get el() { return this; }
-  static get watchers() { return {
-    "position": ["positionWatcher"],
-    "visualScale": ["visualScaleWatcher"],
-    "referenceElement": ["referenceElementWatcher"],
-    "view": ["viewWatcher"]
-  }; }
-  static get style() { return arcgisDirectionalPadCss; }
-}, [0, "arcgis-directional-pad", {
-    "referenceElement": [1, "reference-element"],
-    "visualScale": [1, "visual-scale"],
-    "view": [16],
-    "position": [1],
-    "expandable": [4],
-    "widget": [1040]
-  }]);
-function defineCustomElement$1() {
-  if (typeof customElements === "undefined") {
-    return;
-  }
-  const components = ["arcgis-directional-pad", "arcgis-expand"];
-  components.forEach(tagName => { switch (tagName) {
-    case "arcgis-directional-pad":
-      if (!customElements.get(tagName)) {
-        customElements.define(tagName, ArcgisDirectionalPad$1);
-      }
-      break;
-    case "arcgis-expand":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$2();
-      }
-      break;
-  } });
-}
-defineCustomElement$1();
-
-const ArcgisDirectionalPad = ArcgisDirectionalPad$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { ArcgisDirectionalPad, defineCustomElement };

package/dist/esm/arcgis-basemap-gallery_3.entry.js

@@ -1,275 +0,0 @@
-import { r as registerInstance, c as createEvent, h, g as getElement } from './index-eb3ead33.js';
-import { n as newWidgetsBasemapGallery, i as importCoreReactiveUtils, a as newWidgetsExpand, b as importConfig, c as newWebMap, d as newViewsMapView } from './index-85c249d6.js';
-import { r as referenceElementHelper, c as checkForView } from './component-utils-2ebdae59.js';
-import { o as onDisconnectedHelper } from './disconnected-bc5fc8bc.js';
-import { d as disableNavigation } from './mapping-utils-26beb904.js';
-
-const arcgisBasemapGalleryCss = "";
-
-const ArcgisBasemapGallery = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.widgetReady = createEvent(this, "widgetReady", 7);
-    this.referenceElement = undefined;
-    this.activeBasemap = undefined;
-    this.position = "bottom-left";
-    this.expandable = false;
-    this.source = undefined;
-    this.view = undefined;
-    this.widget = undefined;
-  }
-  //--------------------------------------------------------------------------
-  //
-  //  Watchers
-  //
-  //--------------------------------------------------------------------------
-  positionWatcher(newValue) {
-    if (newValue !== undefined && this.widget) {
-      if (typeof this.view !== "string") {
-        this.view.ui.move(this.childElem, newValue);
-      }
-    }
-  }
-  referenceElementWatcher(newValue) {
-    referenceElementHelper(this, newValue);
-  }
-  viewWatcher(newValue) {
-    if (newValue !== undefined && this.widget) {
-      this.widget.view = newValue;
-    }
-  }
-  //--------------------------------------------------------------------------
-  //
-  //  Lifecycle
-  //
-  //--------------------------------------------------------------------------
-  async componentDidLoad() {
-    const params = this._createParams();
-    const widget = await newWidgetsBasemapGallery(params);
-    this.widget = widget;
-    this.widget.when(() => {
-      this.source = this.widget.source;
-    });
-    await this._addWatchers();
-    this.widgetReady.emit({ widget: this.widget });
-    checkForView(this);
-  }
-  disconnectedCallback() {
-    onDisconnectedHelper(this);
-  }
-  render() {
-    if (this.expandable) {
-      return (h("arcgis-expand", { position: this.position, ref: (el) => (this.expandElem = el) }, h("div", { ref: (el) => (this.childElem = el) })));
-    }
-    return h("div", { ref: (el) => (this.childElem = el) });
-  }
-  //--------------------------------------------------------------------------
-  //
-  //  Private Interal Methods
-  //
-  //--------------------------------------------------------------------------
-  async _addWatchers() {
-    const { watch } = await importCoreReactiveUtils();
-    watch(() => this.widget.source, () => (this.source = this.widget.source));
-    watch(() => this.widget.activeBasemap, (basemap) => (this.activeBasemap = basemap));
-  }
-  _createParams() {
-    const params = {
-      container: this.childElem
-    };
-    if (this.view) {
-      params.view = this.view;
-    }
-    return params;
-  }
-  get el() { return getElement(this); }
-  static get watchers() { return {
-    "position": ["positionWatcher"],
-    "referenceElement": ["referenceElementWatcher"],
-    "view": ["viewWatcher"]
-  }; }
-};
-ArcgisBasemapGallery.style = arcgisBasemapGalleryCss;
-
-const arcgisExpandCss = "arcgis-expand>.esri-expand__content--expanded{background-color:var(--calcite-ui-background)}";
-
-const ArcgisExpand = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.widgetReady = createEvent(this, "widgetReady", 7);
-    this.referenceElement = undefined;
-    this.position = "top-right";
-    this.view = undefined;
-    this.widget = undefined;
-  }
-  //--------------------------------------------------------------------------
-  //
-  //  Watchers
-  //
-  //--------------------------------------------------------------------------
-  positionWatcher(newValue) {
-    if (newValue !== undefined && this.widget) {
-      if (typeof this.view !== "string") {
-        this.view.ui.move(this.childElem, newValue);
-      }
-    }
-  }
-  referenceElementWatcher(newValue) {
-    referenceElementHelper(this, newValue);
-  }
-  viewWatcher(newValue) {
-    if (newValue !== undefined && this.widget) {
-      this.widget.view = newValue;
-    }
-  }
-  //--------------------------------------------------------------------------
-  //
-  //  Lifecycle
-  //
-  //--------------------------------------------------------------------------
-  async componentDidLoad() {
-    const widget = await newWidgetsExpand({
-      container: this.childElem
-    });
-    this.widget = widget;
-    if (this.view) {
-      this.widget.view = this.view;
-    }
-    this._checkForView();
-  }
-  disconnectedCallback() {
-    onDisconnectedHelper(this);
-  }
-  render() {
-    return h("div", { ref: (el) => (this.childElem = el) });
-  }
-  //--------------------------------------------------------------------------
-  //
-  //  Private Internal Methods
-  //
-  //--------------------------------------------------------------------------
-  _checkForView() {
-    const viewRef = this.el.closest("arcgis-map") || this.el.closest("arcgis-scene");
-    if (viewRef?.view) {
-      this.view = viewRef.view;
-      this.view.ui.add(this.childElem, this.position);
-      this.widgetReady.emit({ widget: this.widget });
-    }
-    else if (viewRef) {
-      const handler = () => {
-        this.view = viewRef.view;
-        this.view.ui.add(this.childElem, this.position);
-        this.widgetReady.emit({ widget: this.widget });
-      };
-      viewRef.addEventListener("viewReady", handler, false);
-    }
-  }
-  get el() { return getElement(this); }
-  static get watchers() { return {
-    "position": ["positionWatcher"],
-    "referenceElement": ["referenceElementWatcher"],
-    "view": ["viewWatcher"]
-  }; }
-};
-ArcgisExpand.style = arcgisExpandCss;
-
-const arcgisMapCss = ".arcgis-map{padding:0;margin:0;height:100%;width:100%}";
-
-const ArcgisMap = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.viewReady = createEvent(this, "viewReady", 7);
-    this.apiKey = undefined;
-    this.basemap = undefined;
-    this.disableNavigation = false;
-    this.itemId = undefined;
-    this.zoom = undefined;
-    this.center = undefined;
-    this.view = undefined;
-  }
-  //--------------------------------------------------------------------------
-  //
-  //  Watchers
-  //
-  //--------------------------------------------------------------------------
-  apiKeyWatcher(value) {
-    this.config.apiKey = value;
-  }
-  itemIdWatcher(value, old) {
-    if (value && value !== old) {
-      this.loadMap();
-    }
-  }
-  //--------------------------------------------------------------------------
-  //
-  //  Lifecycle
-  //
-  //--------------------------------------------------------------------------
-  async componentWillLoad() {
-    this.config = await importConfig();
-    if (this.apiKey) {
-      this.config.apiKey = this.apiKey;
-    }
-    await this.loadMap();
-  }
-  componentDidRender() {
-    if (this.view) {
-      this.view.container = this.el;
-    }
-  }
-  render() {
-    return h("div", { class: "arcgis-map", ref: (el) => (this.el = el) });
-  }
-  //--------------------------------------------------------------------------
-  //
-  //  Private Methods
-  //
-  //--------------------------------------------------------------------------
-  async loadMap() {
-    const mapParams = {};
-    if (this.itemId) {
-      mapParams.portalItem = {
-        id: this.itemId
-      };
-    }
-    if (this.basemap) {
-      mapParams.basemap = this.basemap;
-    }
-    const map = await newWebMap(mapParams);
-    const params = {};
-    if (this.zoom) {
-      params.zoom = this.zoom;
-    }
-    if (this.center) {
-      if (typeof this.center === "string") {
-        params.center = this.center.split(",").map((x) => Number(x));
-      }
-      else {
-        params.center = this.center;
-      }
-    }
-    const view = await newViewsMapView({
-      map,
-      ...params
-    });
-    const { watch } = await importCoreReactiveUtils();
-    this.view = view;
-    watch(() => this.view.center, (center) => {
-      const value = `${center.longitude},${center.latitude}`;
-      this.center = value;
-    });
-    watch(() => this.view.zoom, (value) => (this.zoom = value));
-    if (this.disableNavigation) {
-      disableNavigation(this.view);
-    }
-    this.view.when(() => this.viewReady.emit({ view: this.view }));
-  }
-  get hostElem() { return getElement(this); }
-  static get watchers() { return {
-    "apiKey": ["apiKeyWatcher"],
-    "itemId": ["itemIdWatcher"]
-  }; }
-};
-ArcgisMap.style = arcgisMapCss;
-
-export { ArcgisBasemapGallery as arcgis_basemap_gallery, ArcgisExpand as arcgis_expand, ArcgisMap as arcgis_map };