@arcgis/portal-components 5.2.0-next.61 → 5.2.0-next.63

package/dist/components/arcgis-portal-browser-filter-date/customElement.js

@@ -1,118 +0,0 @@
-/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
-import { c as d } from "../../chunks/runtime.js";
-import { watch as u } from "@arcgis/core/core/reactiveUtils.js";
-import { substitute as m } from "@arcgis/core/intl.js";
-import { LitElement as g, createEvent as p, nothing as f } from "@arcgis/lumina";
-import { debounce as v } from "@arcgis/toolkit/function";
-import { css as D, html as c } from "lit";
-import { createRef as y, ref as w } from "lit/directives/ref.js";
-import { u as b } from "../../chunks/useT9n.js";
-import "../arcgis-portal-browser-filter/customElement.js";
-const o = 1440 * 60 * 1e3;
-function a(s) {
-  const e = typeof s == "string" ? Number.parseInt(s, 10) : typeof s == "number" ? s : (s ?? /* @__PURE__ */ new Date()).valueOf(), t = new Date(e);
-  return t.setHours(0, 0, 0, 0), t.valueOf();
-}
-function l(s) {
-  return a(s) + o - 1;
-}
-const k = 7 * o, P = D`:host{display:block}.custom-date-picker{margin-top:.5rem;margin-bottom:.5rem;margin-inline-start:1.75rem;width:12.75rem}`, h = ["today", "yesterday", "last7", "last30", "never", "custom"];
-class $ extends g {
-  constructor() {
-    super(...arguments), this._messages = b({ name: "portal-browser", blocking: !0 }), this._datePicker = y(), this.today = "", this.debouncedRangeChangeHandler = v(() => this.rangeChangeHandler(), 200), this.property = "created", this.range = null, this.expanded = !1, this.includeNever = !1, this.arcgisBrowserFilter = p();
-  }
-  static {
-    this.properties = { property: 1, serverProperty: 1, range: 1, start: 1, end: 1, store: 0, expanded: 5, includeNever: 5 };
-  }
-  static {
-    this.styles = P;
-  }
-  connectedCallback() {
-    super.connectedCallback();
-    const e = /* @__PURE__ */ new Date();
-    this.today = `${e.getFullYear()}-${e.getMonth() + 1}-${e.getDate()}`, this.attachStoreWatcher(), this.range && (this.range !== "custom" || this.start && this.end) && this.arcgisBrowserFilter.emit(this.getEventDetail());
-  }
-  willUpdate(e) {
-    (e.has("store") || e.has("property")) && this.attachStoreWatcher(), (e.has("range") || e.has("start") || e.has("end")) && this.range === "custom" && this.setDatePickerValue();
-  }
-  disconnectedCallback() {
-    this.removeStoreWatcher?.(), super.disconnectedCallback();
-  }
-  attachStoreWatcher() {
-    if (this.removeStoreWatcher?.(), !this.store)
-      return;
-    const e = u(() => {
-      const t = this.store?.filters?.[this.property];
-      return {
-        value: t?.value,
-        additionalParams: t?.additionalParams
-      };
-    }, () => {
-      const t = this.store?.filters?.[this.property];
-      !(t?.value || t?.additionalParams) && this.isActive() && this.resetDatePicker();
-    });
-    this.removeStoreWatcher = () => e.remove();
-  }
-  resetDatePicker() {
-    this.range = null, this.start = null, this.end = null, this._datePicker.value && (this._datePicker.value.valueAsDate = []);
-  }
-  getValue() {
-    const e = a(), t = l();
-    switch (this.range) {
-      case "yesterday":
-        return [e - o, e - 1];
-      case "today":
-        return [e, t];
-      case "last7":
-        return [e - k, t];
-      case "last30":
-        return [e - o * 30, t];
-      case "never":
-        return [-1, -1];
-      case "custom": {
-        const r = a(this.start), i = l(this.end);
-        return [r, i];
-      }
-      default:
-        return null;
-    }
-  }
-  getEventDetail() {
-    const e = this._messages?.filterDate, t = this.getValue(), r = this.serverProperty ?? (this.property === "modified" ? "modified" : "uploaded"), i = this.range ? e?.[this.range] ?? "" : "", n = e?.[this.property] ?? "";
-    return {
-      id: this.property,
-      value: t ? `(${r}:[${t[0]} TO ${t[1]}])` : "",
-      range: this.range,
-      start: t ? new Date(t[0]) : void 0,
-      end: t ? new Date(t[1]) : void 0,
-      label: this.range ? m(n, { date: i }) : ""
-    };
-  }
-  isActive() {
-    return !!(this.range && (this.range !== "custom" || this.start && this.end));
-  }
-  setDatePickerValue() {
-    !this._datePicker.value || this.range !== "custom" || !this.start || !this.end || (this._datePicker.value.valueAsDate = [new Date(a(this.start)), new Date(a(this.end))]);
-  }
-  rangeChangeHandler() {
-    const e = this._datePicker.value?.valueAsDate, [t, r] = Array.isArray(e) ? e : [];
-    t && r && (this.start = t, this.end = r, this.arcgisBrowserFilter.emit(this.getEventDetail()));
-  }
-  renderRange(e) {
-    const t = this._messages.filterDate;
-    return c`<calcite-tree-item data-range=${e ?? f} .selected=${e === this.range}>${t[e]}</calcite-tree-item>`;
-  }
-  render() {
-    const e = this._messages.filterDate, t = this.includeNever ? h : h.filter((r) => r !== "never");
-    return c`<arcgis-portal-browser-filter .heading=${e.title[this.property]} .expanded=${this.expanded} .active=${this.isActive()} .filterId=${this.property} @arcgisBrowserFilterRemove=${() => {
-      this.resetDatePicker(), this.arcgisBrowserFilter.emit(this.getEventDetail());
-    }}><calcite-tree selection-mode=children scale=m @calciteTreeSelect=${(r) => {
-      const n = r.target.selectedItems?.[0]?.dataset.range;
-      this.range = this.range === n ? null : n, !(this.range === "custom" && !(this.start && this.end)) && this.arcgisBrowserFilter.emit(this.getEventDetail());
-    }}>${t.map((r) => this.renderRange(r))}</calcite-tree>${this.range === "custom" && c`<calcite-input-date-picker class="custom-date-picker" @calciteInputDatePickerChange=${() => this.debouncedRangeChangeHandler()} scale=s .max=${this.today} calendars=1 layout=vertical month-style=abbreviated proximity-selection-disabled range ${w(this._datePicker)}></calcite-input-date-picker>` || ""}</arcgis-portal-browser-filter>`;
-  }
-}
-d("arcgis-portal-browser-filter-date", $);
-export {
-  $ as ArcgisPortalBrowserFilterDate
-};

package/dist/components/arcgis-portal-browser-filter-date/index.d.ts

@@ -1 +0,0 @@
-export * from "./customElement.js";

package/dist/components/arcgis-portal-browser-filters/customElement.d.ts

@@ -1,7 +0,0 @@
-/// <reference path="../../index.d.ts" />
-import type { PublicLitElement as LitElement } from "@arcgis/lumina";
-import type { PortalBrowserStore } from "../arcgis-portal-browser/utils/store.js";
-
-export abstract class ArcgisPortalBrowserFilters extends LitElement {
-  accessor store: PortalBrowserStore | undefined;
-}

package/dist/components/arcgis-portal-browser-filters/customElement.js

@@ -1,29 +0,0 @@
-/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
-import { c as e } from "../../chunks/runtime.js";
-import { css as o, html as r } from "lit";
-import { LitElement as i, safeClassMap as l } from "@arcgis/lumina";
-import { createRef as a, ref as c } from "lit/directives/ref.js";
-import { b as n } from "../../chunks/ui.js";
-const p = o`:host{display:block}.filters-shell{display:block}.filters-shell__top{padding:0}.filters-shell__top--padded{padding:0 1rem 1rem}`;
-class d extends i {
-  constructor() {
-    super(...arguments), this._accordionRef = a();
-  }
-  static {
-    this.properties = { store: 0 };
-  }
-  static {
-    this.styles = p;
-  }
-  updated() {
-    this.store && this._accordionRef.value && (this.store.filterElement = this._accordionRef.value);
-  }
-  render() {
-    const t = this.store, s = !!t?.panel || (t?.width ?? 0) < n.sm;
-    return r`<div class="filters-shell" .inert=${!!t?.preview}><div class=${l({ "filters-shell__top": !0, "filters-shell__top--padded": s })}><slot name=top></slot></div><slot name=primary></slot><slot name=title></slot><calcite-accordion appearance=transparent icon-type=chevron icon-position=start scale=m ${c(this._accordionRef)}><slot></slot></calcite-accordion><slot name=bottom></slot></div>`;
-  }
-}
-e("arcgis-portal-browser-filters", d);
-export {
-  d as ArcgisPortalBrowserFilters
-};

package/dist/components/arcgis-portal-browser-filters/index.d.ts

@@ -1 +0,0 @@
-export * from "./customElement.js";