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

package/dist/components/arcgis-time-bar-slider/customElement.js

@@ -2,7 +2,7 @@
 import { c as d } from "../../chunks/runtime.js";
 import { css as m, html as a } from "lit";
 import { ref as u } from "lit/directives/ref.js";
-import o from "@arcgis/core/time/TimeExtent.js";
+import l from "@arcgis/core/time/TimeExtent.js";
 import { d as h } from "../../chunks/messages.en.js";
 import { LitElement as v, safeClassMap as g } from "@arcgis/lumina";
 const f = m`:host{background-color:var(--calcite-color-surface-2);block-size:var(--calcite-size-fixed-xxxl);color:var(--calcite-color-text-1);display:flex;flex:1 0 auto;font-family:var(--calcite-font-family);font-size:var(--calcite-font-size-sm);inline-size:auto;--arcgis-internal-time-bar-slider-tick-gap: 100}.root{align-items:center;block-size:100%;display:flex;inline-size:100%}slot[name=max],slot[name=min]{display:flex}.slider{padding-inline:var(--calcite-spacing-md);--labels-container-width: 100%}.slider-container{flex:1 1 auto;min-inline-size:calc(var(--calcite-spacing-md) * 15)}.slider--has-ticks{margin-top:calc(var(--calcite-spacing-md) * -1)}.hidden,.max-date,.min-date{flex:0 0 auto}.hidden{inline-size:0}.max-date,.min-date{inline-size:calc(var(--calcite-size-md) * 3.125)}.popover{padding:var(--calcite-spacing-xxs) var(--calcite-spacing-xs) var(--calcite-spacing-xs)}.ticks-container{flex:1;position:relative;width:100%;arcgis-ticks,>slot::slotted(arcgis-ticks){inset:0;position:absolute;white-space:nowrap;--arcgis-ticks-font-weight: var(--calcite-font-weight-normal);--arcgis-ticks-label-width: auto;--arcgis-ticks-tick-transform: unset;--arcgis-ticks-tick-width: var(--calcite-size-px)}}.slider.slider--out-of-range{--arcgis-internal-slider-handle-color: var(--calcite-color-status-danger);--arcgis-internal-slider-track-range-background-color: var(--calcite-color-status-danger)}`;
@@ -43,20 +43,33 @@ class p extends v {
     const { viewModel: e } = this;
     if (!e)
       return;
-    const { timeExtent: t, fullTimeExtent: i } = e;
-    if (!t || !i)
+    const { fullTimeExtent: t } = e;
+    if (!t)
+      return;
+    const { start: i, end: s } = t;
+    if (!i || !s)
       return;
-    const { start: s, end: r } = t, { start: l, end: n } = i;
-    if (!(!l || !n))
+    const { timeExtent: o } = e;
+    if (!o)
       switch (e.mode) {
         case "cumulative-from-end":
         case "instant":
-          return s ? s.getTime() < l.getTime() ? [l.getTime()] : s.getTime() > n.getTime() ? [n.getTime()] : [s.getTime()] : void 0;
+          return [i.getTime()];
         case "cumulative-from-start":
-          return r ? r.getTime() < l.getTime() ? [l.getTime()] : r.getTime() > n.getTime() ? [n.getTime()] : [r.getTime()] : void 0;
+          return [s.getTime()];
         case "time-window":
-          return s && r ? [s.getTime(), r.getTime()] : void 0;
+          return [i.getTime(), s.getTime()];
       }
+    const { start: n, end: r } = o;
+    switch (e.mode) {
+      case "cumulative-from-end":
+      case "instant":
+        return n ? n.getTime() < i.getTime() ? [i.getTime()] : n.getTime() > s.getTime() ? [s.getTime()] : [n.getTime()] : void 0;
+      case "cumulative-from-start":
+        return r ? r.getTime() < i.getTime() ? [i.getTime()] : r.getTime() > s.getTime() ? [s.getTime()] : [r.getTime()] : void 0;
+      case "time-window":
+        return n && r ? [n.getTime(), r.getTime()] : void 0;
+    }
   }
   get activeValue() {
     switch (this.popoverDisplay) {
@@ -87,16 +100,16 @@ class p extends v {
       this.#e && (this.#t.unobserve(this.#e), this.#e = void 0);
     };
   }
-  #l() {
+  #o() {
     const e = Number.parseInt(window.getComputedStyle(this.el).getPropertyValue("--arcgis-internal-time-bar-slider-tick-gap"), 10);
     return Number.isFinite(e) && e > 0 ? e : this.#a;
   }
-  #o(e, t) {
-    const { viewModel: i } = this, { start: s, end: r } = e;
-    if (!i || !s || !r)
+  #l(e, t) {
+    const { viewModel: i } = this, { start: s, end: o } = e;
+    if (!i || !s || !o)
       return;
-    const n = (r.getTime() - s.getTime()) / t;
-    return i.tickFormats.find(({ duration: c }) => c > this.#l() * n) ?? i.tickFormats.at(-1);
+    const r = (o.getTime() - s.getTime()) / t;
+    return i.tickFormats.find(({ duration: c }) => c > this.#o() * r) ?? i.tickFormats.at(-1);
   }
   #c(e) {
     this._activeValue = e.target.activeValue;
@@ -108,13 +121,13 @@ class p extends v {
   #m([e, t], i) {
     switch (i) {
       case "cumulative-from-end":
-        return new o({ start: new Date(e), end: null });
+        return new l({ start: new Date(e), end: null });
       case "cumulative-from-start":
-        return new o({ start: null, end: new Date(e) });
+        return new l({ start: null, end: new Date(e) });
       case "instant":
-        return new o({ start: new Date(e), end: new Date(e) });
+        return new l({ start: new Date(e), end: new Date(e) });
       case "time-window":
-        return new o({ start: new Date(e), end: new Date(t ?? e) });
+        return new l({ start: new Date(e), end: new Date(t ?? e) });
     }
   }
   #u() {
@@ -144,7 +157,7 @@ class p extends v {
     const { viewModel: e } = this;
     if (!e?.fullTimeExtent?.start || !e?.fullTimeExtent?.end)
       return null;
-    const t = this.#o(e.fullTimeExtent, this._sliderWidth ?? this.#r);
+    const t = this.#l(e.fullTimeExtent, this._sliderWidth ?? this.#r);
     if (!t)
       return null;
     (!this.#i || !this.#s || this.#i !== t) && (this.#i = t, this.#s = e.getTickValues(t.timeInterval), e.tickFormat = t.format);

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

@@ -1,21 +1,21 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
 import { c as o } from "../../chunks/runtime.js";
-import { css as h, html as t } from "lit";
+import { css as h, html as e } from "lit";
 import { useDirection as n } from "@arcgis/lumina/controllers";
-import { watch as e } from "@arcgis/core/core/reactiveUtils.js";
+import { watch as t } from "@arcgis/core/core/reactiveUtils.js";
 import l from "@arcgis/core/views/VideoView.js";
 import { LitElement as c, createEvent as m, safeClassMap as d } from "@arcgis/lumina";
-import { makeAccessorController as p } from "@arcgis/lumina-toolkit/useAccessor";
+import { makeAccessorController as f } from "@arcgis/lumina-toolkit/useAccessor";
 import { createRef as s, ref as a } from "lit/directives/ref.js";
 import { C as r } from "../../chunks/resources.js";
-import { c as f, s as y, S as w } from "../../chunks/slots.js";
+import { c as p, s as y, S as w } from "../../chunks/slots.js";
 import { s as v } from "../../chunks/esri-main.js";
-const u = h`:host{width:100%;height:100%}`, R = p(l, {
-  omitProps: ["container", "navigation", "scale", "ui"]
+const u = h`:host{width:100%;height:100%}`, R = f(l, {
+  omitProps: ["container", "focusRegionEnabled", "navigation", "scale", "ui"]
 });
 class g extends c {
   constructor() {
-    super(), this._containerRef = s(), this._direction = n(), this._mapRef = s(), this._slotGroupRefs = f(), this.autoDestroyDisabled = !1, this.view = R(this), this.attributionMode = this.view.attributionMode, this.ready = this.view.ready, this.layer = this.view.layer, this.map = this.view.map, this.operationalDataVisible = this.view.operationalDataVisible, this.arcgisViewReadyChange = m();
+    super(), this._containerRef = s(), this._direction = n(), this._mapRef = s(), this._slotGroupRefs = p(), this.autoDestroyDisabled = !1, this.view = R(this), this.attributionMode = this.view.attributionMode, this.ready = this.view.ready, this.layer = this.view.layer, this.map = this.view.map, this.operationalDataVisible = this.view.operationalDataVisible, this.arcgisViewReadyChange = m();
   }
   static {
     this.properties = { autoDestroyDisabled: 5, view: 32, aria: 0, attributionMode: 1, ready: 36, layer: 0, map: 0, operationalDataVisible: 5 };
@@ -35,19 +35,19 @@ class g extends c {
   loaded() {
     const i = this;
     i.el.childElem = this._mapRef.value, this.view.container ??= i.el.childElem, this.manager.onLifecycle(() => [
-      e(() => this.layer, () => {
+      t(() => this.layer, () => {
         this.layer && this.view && (this.view.layer = this.layer, this.layer.loaded || this.layer.load());
       }, { initial: !0 }),
-      e(() => this.view.ready, () => {
+      t(() => this.view.ready, () => {
         this.view.ready && this.arcgisViewReadyChange.emit();
       }, { initial: this.view.ready })
     ]);
   }
   renderMain() {
-    return t`<div class=${`root ${r.base}`} ${a(this._mapRef)}></div>`;
+    return e`<div class=${`root ${r.base}`} ${a(this._mapRef)}></div>`;
   }
   render() {
-    return t`${this.renderMain()}<section class=${d(r.containerUI)} ${a(this._containerRef)}>${w({ direction: this._direction, slotGroupRefs: this._slotGroupRefs })}</section>`;
+    return e`${this.renderMain()}<section class=${d(r.containerUI)} ${a(this._containerRef)}>${w({ direction: this._direction, slotGroupRefs: this._slotGroupRefs })}</section>`;
   }
 }
 o("arcgis-video", g);