@arcgis/map-components 5.2.0-next.124 → 5.2.0-next.126

package/dist/chunks/useArcgisViewReadyError.js

@@ -1,154 +0,0 @@
-/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
-import { html as c } from "lit";
-import { when as a, watch as u } from "@arcgis/core/core/reactiveUtils.js";
-import { GenericController as m, useDirection as f, makeController as d, makeGenericController as l } from "@arcgis/lumina/controllers";
-import { getSlotAssignedElements as E } from "@arcgis/toolkit/dom/slots";
-import { createRef as b } from "lit/directives/ref.js";
-import { c as w, S as g } from "./slots.js";
-import { observeAncestorsMutation as v, unsafeGetCalciteModeName as P } from "@arcgis/toolkit/dom";
-import { createEvent as h } from "@arcgis/lumina";
-function y(p) {
-  return {
-    defaultPopupTemplateEnabled: p.defaultPopupTemplateEnabled
-  };
-}
-class A extends m {
-  //#endregion
-  //#region Lifecycle
-  constructor(o) {
-    super(o), this.direction = f(), this.popupRef = b(), this.slotGroupRefs = w(), this.attributionHeight = 0, this._uiContainer = null, this.component.listenOn(globalThis, "unhandledrejection", (t) => {
-      const e = t.reason;
-      if (e?.name === "webgl:required") {
-        const { name: i } = e;
-        this.webGLError = { name: i };
-      }
-    });
-  }
-  //#endregion
-  //#region Private Methods
-  hostLifecycle() {
-    return [
-      a(() => this.component.view.ready, () => {
-        this._assignDefaultPopup();
-      }),
-      // Close component popup when view popup is opened
-      a(() => this.component.view.popup?.visible, () => {
-        this.popupElement?.open && (this.popupElement.open = !1);
-      }),
-      this.component.view.on(
-        "click",
-        [],
-        (t) => {
-          const e = t.native;
-          t.button !== 0 || e?.ctrlKey || e?.metaKey || this._handleOpenPopup(t);
-        },
-        // @ts-ignore: Core supports a click listener priority argument, needed for Popup click
-        -2
-      )
-    ];
-  }
-  async openPopup(o) {
-    if (this._assignDefaultPopup(), this.closePopup(), this.popupElement) {
-      await this.popupElement.componentOnReady(), this.popupElement.open = !0;
-      const { fetchFeatures: t, shouldFocus: e, title: i, featureStream: n, promises: r, ...s } = o;
-      delete o.fetchFeatures, r && r.length > 0 && Object.assign(s, { promises: r }), Object.assign(this.popupElement, s), n && (this.popupElement.featureStream = n), i !== void 0 && (this.popupElement.heading = i), e && await this.popupElement.setFocus(), t && !n && await this.popupElement.fetchFeatures();
-    } else
-      await this.component.view.openPopup(o);
-  }
-  closePopup() {
-    this.popupElement && (this.popupElement.open = !1), this.component.view.closePopup();
-  }
-  _assignDefaultPopup() {
-    this.popupRef.value && !this.popupElement && (this.popupElement = this.popupRef.value, this.popupElement.referenceElement = this.component.el, this.popupElement.view = this.component.view);
-  }
-  handleAttributionHeightChange(o) {
-    if (!(this.attributionHeight === o || !this.component.el.shadowRoot)) {
-      if (this.attributionHeight = o, !this._uiContainer) {
-        const t = this.component.el.shadowRoot.querySelector(".arcgis-map-container-ui");
-        this._uiContainer = t;
-      }
-      this._uiContainer?.style.setProperty("--arcgis-internal-attribution-space-top", `${this.attributionHeight}px`);
-    }
-  }
-  _maybeDisableViewPopup() {
-    this.component.view && (this.component.popupComponentEnabled || this.popupElement) && (this.previousViewPopupEnabled = this.component.view.popupEnabled, this.component.view.popupEnabled = !1);
-  }
-  _maybeResetViewPopup() {
-    this.component.view && this.previousViewPopupEnabled !== void 0 && (this.component.view.popupEnabled = this.previousViewPopupEnabled, this.previousViewPopupEnabled = void 0);
-  }
-  async _handleOpenPopup(o) {
-    if (this._assignDefaultPopup(), !this.component.popupDisabled) {
-      this._maybeDisableViewPopup();
-      try {
-        if (this.popupElement) {
-          const t = this.component.view.fetchPopupFeatures({ x: o.x, y: o.y }, y(this.popupElement));
-          t ? await this.openPopup({ location: o.mapPoint ?? void 0, featureStream: t }) : this.popupElement.open && this.closePopup();
-        }
-      } finally {
-        this._maybeResetViewPopup();
-      }
-    }
-  }
-  _handlePopupSlotChange(o) {
-    const t = E(o.target, "arcgis-popup");
-    !this.popupElement && t.length ? this.popupElement = t[0] : t.length || (this.popupElement = void 0);
-  }
-  _webGLErrorAlert() {
-    return this.webGLError ? c`<arcgis-webgl-error .errorName=${this.webGLError.name}></arcgis-webgl-error>` : null;
-  }
-  //#endregion
-  //#region Rendering
-  render() {
-    return g({ direction: this.direction, popupComponentEnabled: this.component.popupComponentEnabled, slotGroupRefs: this.slotGroupRefs, handlePopupSlotChange: (o) => this._handlePopupSlotChange(o), webGLErrorElement: this._webGLErrorAlert(), popupElement: this.popupRef });
-  }
-}
-function D(p) {
-  d((o, t) => {
-    const e = () => {
-      if (p.attributionMode !== "auto")
-        return;
-      const i = P(p.el);
-      p.view.attributionMode !== i && (p.view.attributionMode = i);
-    };
-    t.onLifecycle(() => (e(), v(p.el, ["class"], e))), t.onUpdate((i) => {
-      i.has("attributionMode") && p.attributionMode === "auto" && e();
-    });
-  });
-}
-const O = l((p, o) => {
-  const t = h();
-  return o.onLifecycle(
-    () => u(
-      () => {
-        const { map: e } = p;
-        if (!e || e.destroyed)
-          return [];
-        const i = [];
-        return e.loadError && i.push(e), e.basemap?.loadError && i.push(e.basemap), e.ground.loadError && i.push(e.ground), [...e.allLayers, ...e.allTables].forEach((n) => {
-          n.loadError && i.push(n);
-        }), i;
-      },
-      (e) => {
-        e.length && (p.loadErrorSources = e, t.emit());
-      }
-    )
-  ), t;
-}), F = l(
-  (p, o) => {
-    const t = h();
-    return o.onLifecycle(
-      () => u(
-        () => p.view?.readyState,
-        (e) => {
-          (e === "map-content-error" || e === "rendering-error") && t.emit();
-        }
-      )
-    ), t;
-  }
-);
-export {
-  A as U,
-  F as a,
-  D as b,
-  O as u
-};