@esri/solutions-components 0.6.2 → 0.6.4

package/dist/esm/lt-6061d0cc.js

@@ -1,91 +0,0 @@
-/*!
- * Copyright 2022 Esri
- * Licensed under the Apache License, Version 2.0
- * http://www.apache.org/licenses/LICENSE-2.0
- */
-import { d as dayjs } from './calcite-input-time-picker-379ab2c4.js';
-import './index-d298aca9.js';
-import './form-58f5ab7c.js';
-import './dom-e14bb980.js';
-import './guid-5c8ddb45.js';
-import './resources-a9874e81.js';
-import './interactive-eaa1e00b.js';
-import './key-2c25459c.js';
-import './label-10a81bc6.js';
-import './loadable-fca3f617.js';
-import './locale-b550eae4.js';
-import './observers-b17e5da7.js';
-import './focusTrapComponent-45081255.js';
-import './time-18f4bea6.js';
-import './t9n-4c43412c.js';
-
-// Lithuanian [lt]
-var monthFormat = 'sausio_vasario_kovo_balandžio_gegužės_birželio_liepos_rugpjūčio_rugsėjo_spalio_lapkričio_gruodžio'.split('_');
-var monthStandalone = 'sausis_vasaris_kovas_balandis_gegužė_birželis_liepa_rugpjūtis_rugsėjis_spalis_lapkritis_gruodis'.split('_'); // eslint-disable-next-line no-useless-escape
-
-var MONTHS_IN_FORMAT = /D[oD]?(\[[^\[\]]*\]|\s)+MMMM?|MMMM?(\[[^\[\]]*\]|\s)+D[oD]?/;
-
-var months = function months(dayjsInstance, format) {
-  if (MONTHS_IN_FORMAT.test(format)) {
-    return monthFormat[dayjsInstance.month()];
-  }
-
-  return monthStandalone[dayjsInstance.month()];
-};
-
-months.s = monthStandalone;
-months.f = monthFormat;
-var locale = {
-  name: 'lt',
-  weekdays: 'sekmadienis_pirmadienis_antradienis_trečiadienis_ketvirtadienis_penktadienis_šeštadienis'.split('_'),
-  weekdaysShort: 'sek_pir_ant_tre_ket_pen_šeš'.split('_'),
-  weekdaysMin: 's_p_a_t_k_pn_š'.split('_'),
-  months: months,
-  monthsShort: 'sau_vas_kov_bal_geg_bir_lie_rgp_rgs_spa_lap_grd'.split('_'),
-  ordinal: function ordinal(n) {
-    return n + ".";
-  },
-  weekStart: 1,
-  relativeTime: {
-    future: 'už %s',
-    past: 'prieš %s',
-    s: 'kelias sekundes',
-    m: 'minutę',
-    mm: '%d minutes',
-    h: 'valandą',
-    hh: '%d valandas',
-    d: 'dieną',
-    dd: '%d dienas',
-    M: 'mėnesį',
-    MM: '%d mėnesius',
-    y: 'metus',
-    yy: '%d metus'
-  },
-  format: {
-    LT: 'HH:mm',
-    LTS: 'HH:mm:ss',
-    L: 'YYYY-MM-DD',
-    LL: 'YYYY [m.] MMMM D [d.]',
-    LLL: 'YYYY [m.] MMMM D [d.], HH:mm [val.]',
-    LLLL: 'YYYY [m.] MMMM D [d.], dddd, HH:mm [val.]',
-    l: 'YYYY-MM-DD',
-    ll: 'YYYY [m.] MMMM D [d.]',
-    lll: 'YYYY [m.] MMMM D [d.], HH:mm [val.]',
-    llll: 'YYYY [m.] MMMM D [d.], ddd, HH:mm [val.]'
-  },
-  formats: {
-    LT: 'HH:mm',
-    LTS: 'HH:mm:ss',
-    L: 'YYYY-MM-DD',
-    LL: 'YYYY [m.] MMMM D [d.]',
-    LLL: 'YYYY [m.] MMMM D [d.], HH:mm [val.]',
-    LLLL: 'YYYY [m.] MMMM D [d.], dddd, HH:mm [val.]',
-    l: 'YYYY-MM-DD',
-    ll: 'YYYY [m.] MMMM D [d.]',
-    lll: 'YYYY [m.] MMMM D [d.], HH:mm [val.]',
-    llll: 'YYYY [m.] MMMM D [d.], ddd, HH:mm [val.]'
-  }
-};
-dayjs.locale(locale, null, true);
-
-export default locale;

package/dist/esm/lv-c8234418.js

@@ -1,60 +0,0 @@
-/*!
- * Copyright 2022 Esri
- * Licensed under the Apache License, Version 2.0
- * http://www.apache.org/licenses/LICENSE-2.0
- */
-import { d as dayjs } from './calcite-input-time-picker-379ab2c4.js';
-import './index-d298aca9.js';
-import './form-58f5ab7c.js';
-import './dom-e14bb980.js';
-import './guid-5c8ddb45.js';
-import './resources-a9874e81.js';
-import './interactive-eaa1e00b.js';
-import './key-2c25459c.js';
-import './label-10a81bc6.js';
-import './loadable-fca3f617.js';
-import './locale-b550eae4.js';
-import './observers-b17e5da7.js';
-import './focusTrapComponent-45081255.js';
-import './time-18f4bea6.js';
-import './t9n-4c43412c.js';
-
-// Latvian [lv]
-var locale = {
-  name: 'lv',
-  weekdays: 'svētdiena_pirmdiena_otrdiena_trešdiena_ceturtdiena_piektdiena_sestdiena'.split('_'),
-  months: 'janvāris_februāris_marts_aprīlis_maijs_jūnijs_jūlijs_augusts_septembris_oktobris_novembris_decembris'.split('_'),
-  weekStart: 1,
-  weekdaysShort: 'Sv_P_O_T_C_Pk_S'.split('_'),
-  monthsShort: 'jan_feb_mar_apr_mai_jūn_jūl_aug_sep_okt_nov_dec'.split('_'),
-  weekdaysMin: 'Sv_P_O_T_C_Pk_S'.split('_'),
-  ordinal: function ordinal(n) {
-    return n;
-  },
-  formats: {
-    LT: 'HH:mm',
-    LTS: 'HH:mm:ss',
-    L: 'DD.MM.YYYY.',
-    LL: 'YYYY. [gada] D. MMMM',
-    LLL: 'YYYY. [gada] D. MMMM, HH:mm',
-    LLLL: 'YYYY. [gada] D. MMMM, dddd, HH:mm'
-  },
-  relativeTime: {
-    future: 'pēc %s',
-    past: 'pirms %s',
-    s: 'dažām sekundēm',
-    m: 'minūtes',
-    mm: '%d minūtēm',
-    h: 'stundas',
-    hh: '%d stundām',
-    d: 'dienas',
-    dd: '%d dienām',
-    M: 'mēneša',
-    MM: '%d mēnešiem',
-    y: 'gada',
-    yy: '%d gadiem'
-  }
-};
-dayjs.locale(locale, null, true);
-
-export default locale;

package/dist/esm/map-search.entry.js

@@ -1,172 +0,0 @@
-/*!
- * Copyright 2022 Esri
- * Licensed under the Apache License, Version 2.0
- * http://www.apache.org/licenses/LICENSE-2.0
- */
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-d298aca9.js';
-import { l as loadModules } from './loadModules-cd3569de.js';
-import { g as getLocaleComponentStrings } from './locale-54cac39a.js';
-import './_commonjsHelpers-d5f9d613.js';
-
-const mapSearchCss = ":host{display:block}.search-widget{width:100% !important;border:1px solid var(--calcite-ui-border-input)}";
-
-const MapSearch = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.searchChange = createEvent(this, "searchChange", 7);
-    this.mapView = undefined;
-    this.searchConfiguration = undefined;
-    this._searchTerm = undefined;
-    this._translations = undefined;
-  }
-  //--------------------------------------------------------------------------
-  //
-  //  Watch handlers
-  //
-  //--------------------------------------------------------------------------
-  //--------------------------------------------------------------------------
-  //
-  //  Methods (public)
-  //
-  //--------------------------------------------------------------------------
-  /**
-   * Clears the state of the search widget
-   *
-   * @returns Promise that resolves when the operation is complete
-   */
-  async clear() {
-    this._searchWidget.clear();
-  }
-  //--------------------------------------------------------------------------
-  //
-  //  Functions (lifecycle)
-  //
-  //--------------------------------------------------------------------------
-  /**
-   * StencilJS: Called once just after the component is first connected to the DOM.
-   *
-   * @returns Promise when complete
-   */
-  async componentWillLoad() {
-    await this._getTranslations();
-    await this._initModules();
-  }
-  /**
-   * StencilJS: Called once just after the component is fully loaded and the first render() occurs.
-   */
-  componentDidLoad() {
-    this._init();
-  }
-  /**
-   * Renders the component.
-   */
-  render() {
-    return (h(Host, null, h("div", { class: "search-widget", ref: (el) => { this._searchElement = el; } })));
-  }
-  //--------------------------------------------------------------------------
-  //
-  //  Functions (protected)
-  //
-  //--------------------------------------------------------------------------
-  /**
-   * Load esri javascript api modules
-   *
-   * @returns Promise resolving when function is done
-   *
-   * @protected
-   */
-  async _initModules() {
-    const [Search, FeatureLayer] = await loadModules([
-      "esri/widgets/Search",
-      "esri/layers/FeatureLayer"
-    ]);
-    this.Search = Search;
-    this.FeatureLayer = FeatureLayer;
-  }
-  /**
-   * Initialize the search widget
-   *
-   * @returns Promise resolving when function is done
-   */
-  _init() {
-    this._initSearchWidget();
-  }
-  /**
-   * Initialize the search widget and listen to key events
-   *
-   * @protected
-   */
-  _initSearchWidget() {
-    if (this.mapView && this._searchElement) {
-      const searchConfiguration = this._getSearchConfig(this.searchConfiguration, this.mapView);
-      const searchOptions = Object.assign({ view: this.mapView, container: this._searchElement, searchTerm: this._searchTerm }, searchConfiguration);
-      this._searchWidget = new this.Search(searchOptions);
-      this._searchWidget.on("search-clear", () => {
-        this._searchResult = undefined;
-        this.searchChange.emit(this._searchResult);
-      });
-      this._searchWidget.on("select-result", (searchResults) => {
-        this._searchResult = undefined;
-        if (searchResults.result) {
-          this._searchResult = searchResults.result;
-          this.searchChange.emit({
-            graphics: [searchResults.result.feature],
-            name: searchResults.result.name || ""
-          });
-        }
-      });
-    }
-  }
-  /**
-   * Initialize the search widget based on user defined configuration
-   *
-   * @param searchConfiguration search configuration defined by the user
-   * @param view the current map view
-   *
-   * @protected
-   */
-  _getSearchConfig(searchConfiguration, view) {
-    var _a;
-    const sources = searchConfiguration === null || searchConfiguration === void 0 ? void 0 : searchConfiguration.sources;
-    if (sources) {
-      sources.forEach(source => {
-        var _a, _b, _c;
-        const isLayerSource = source.hasOwnProperty("layer");
-        if (isLayerSource) {
-          const layerSource = source;
-          const layerFromMap = ((_a = layerSource.layer) === null || _a === void 0 ? void 0 : _a.id)
-            ? view.map.findLayerById(layerSource.layer.id)
-            : null;
-          if (layerFromMap) {
-            layerSource.layer = layerFromMap;
-          }
-          else if ((_b = layerSource === null || layerSource === void 0 ? void 0 : layerSource.layer) === null || _b === void 0 ? void 0 : _b.url) {
-            layerSource.layer = new this.FeatureLayer((_c = layerSource === null || layerSource === void 0 ? void 0 : layerSource.layer) === null || _c === void 0 ? void 0 : _c.url);
-          }
-        }
-      });
-    }
-    (_a = searchConfiguration === null || searchConfiguration === void 0 ? void 0 : searchConfiguration.sources) === null || _a === void 0 ? void 0 : _a.forEach(source => {
-      const isLocatorSource = source.hasOwnProperty("locator");
-      if (isLocatorSource) {
-        const locatorSource = source;
-        locatorSource.url = locatorSource.url;
-        delete locatorSource.url;
-      }
-    });
-    return searchConfiguration;
-  }
-  /**
-   * Fetches the component's translations
-   *
-   * @protected
-   */
-  async _getTranslations() {
-    const translations = await getLocaleComponentStrings(this.el);
-    this._translations = translations[0];
-  }
-  get el() { return getElement(this); }
-};
-MapSearch.style = mapSearchCss;
-
-export { MapSearch as map_search };

package/dist/esm/mapViewUtils-06a77be9.js

@@ -1,362 +0,0 @@
-/*!
- * Copyright 2022 Esri
- * Licensed under the Apache License, Version 2.0
- * http://www.apache.org/licenses/LICENSE-2.0
- */
-import { c as EWorkflowType } from './interfaces-523c6558.js';
-
-/** @license
- * Copyright 2022 Esri
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *    http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-/**
- * Query the layer for all features
- *
- * @param start zero-based index indicating where to begin retrieving features
- * @param layer the layer to retrieve features from
- * @param graphics stores the features
- *
- * @returns Promise with the featureSet from the layer that match the provided ids
- */
-async function queryAllFeatures(start, layer, graphics) {
-  const num = layer.capabilities.query.maxRecordCount;
-  const query = layer.createQuery();
-  query.start = start;
-  query.num = num;
-  // TODO think through this once I'm back on crowdsource...seems like we may want an arg to control this
-  query.where = layer.definitionExpression || "1=1";
-  const result = await layer.queryFeatures(query);
-  graphics = graphics.concat(result.features);
-  return result.exceededTransferLimit ?
-    queryAllFeatures(start += num, layer, graphics) :
-    Promise.resolve(graphics);
-}
-/**
- * Query the layer for OIDs based on any user drawn geometries or buffers
- *
- * @param geometries Array of geometries used for the selection of ids from the layer
- * @param layer the layer to retrieve ids from
- *
- * @returns Promise with the OIDs of features from the layer that interset the provided geometries
- */
-async function queryObjectIds(geometries, layer) {
-  let ids = [];
-  const queryDefs = geometries ? geometries.map(g => _intersectQuery(g, layer)) : [Promise.resolve()];
-  const results = await Promise.all(queryDefs);
-  results.forEach(resultIds => {
-    ids = [
-      ...ids,
-      ...resultIds || []
-    ];
-  });
-  return ids;
-}
-/**
- * Query the layer for features that have the provided OIDs
- *
- * @param ids array of ObjectIDs to be used to query for features in a layer
- * @param layer the layer to retrieve features from
- * @param graphics the result graphics array
- *
- * @returns Promise with the featureSet from the layer that match the provided ids
- */
-async function queryFeaturesByID(ids, layer, graphics) {
-  const num = layer.capabilities.query.maxRecordCount;
-  const start = 0;
-  const q = layer.createQuery();
-  q.start = start;
-  q.num = num;
-  q.objectIds = ids.slice(start, num);
-  const result = await layer.queryFeatures(q);
-  graphics = graphics.concat(result.features);
-  const remainingIds = ids.slice(num, ids.length);
-  return remainingIds.length > 0 ?
-    queryFeaturesByID(remainingIds, layer, graphics) :
-    Promise.resolve(graphics);
-}
-/**
- * Query the layer for features that intersect the provided geometry
- *
- * @param start zero-based index indicating where to begin retrieving features
- * @param layer the layer to retrieve features from
- * @param geometry the geometry to apply to the spatial filter
- * @param featuresCollection
- *
- * @returns Promise with the featureSet from the layer that match the provided ids
- */
-async function queryFeaturesByGeometry(start, layer, geometry, featuresCollection) {
-  const num = layer.capabilities.query.maxRecordCount;
-  const query = layer.createQuery();
-  query.start = start;
-  query.num = num;
-  query.geometry = geometry;
-  const result = await layer.queryFeatures(query);
-  featuresCollection[layer.id] = featuresCollection[layer.id].concat(result.features);
-  return result.exceededTransferLimit ?
-    queryFeaturesByGeometry(start += num, layer, geometry, featuresCollection) :
-    Promise.resolve(featuresCollection);
-}
-/**
- * Query the layer for the extent of features with the provided OIDs
- *
- * @param ids array of ObjectIDs to be used to query for features in a layer
- * @param layer the layer to query
- *
- * @returns Promise with the Extent of all features that match the provided ids
- */
-async function queryExtent(ids, layer) {
-  const query = layer.createQuery();
-  query.objectIds = ids;
-  return layer.queryExtent(query);
-}
-/**
- * Union geometries based on geometry type
- *
- * @param geometries Array of geometries to union
- * @param geometryEngine the geometry engine instance to perform the unions
- *
- * @returns Array of single unioned geometry for each geometry type
- */
-function getQueryGeoms(geometries, geometryEngine) {
-  // sort and union by geom type so we have a single geom for each type to query with
-  return [
-    ..._unionGeoms(geometries, "polygon", geometryEngine),
-    ..._unionGeoms(geometries, "polyline", geometryEngine),
-    ..._unionGeoms(geometries, "point", geometryEngine)
-  ];
-}
-/**
- * Union geometries based on geometry type
- *
- * @param geometries array of geometries to union
- * @param type the current geometry type to union
- * @param geometryEngine the geometry engine instance to perform the unions
- *
- * @returns Array of single unioned geometry for the provided geometry type
- */
-function _unionGeoms(geometries, type, geometryEngine) {
-  const geoms = (geometries === null || geometries === void 0 ? void 0 : geometries.filter(g => g.type === type)) || [];
-  return geoms.length <= 1 ? geoms : [geometryEngine.union(geoms)];
-}
-/**
- * Query the layer for ObjectIds of features that intersect the provided geometry
- *
- * @param geometry Geometry used for the selection of ids from the select layer view
- * @param layer the layer to query
- *
- * @returns Promise that will contain the selected ids
- */
-async function _intersectQuery(geometry, layer) {
-  const q = layer.createQuery();
-  q.spatialRelationship = "intersects";
-  q.geometry = geometry;
-  return layer.queryObjectIds(q);
-}
-
-/** @license
- * Copyright 2022 Esri
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *    http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-/**
- * Gets the layer names from the current map
- *
- * @param mapView the map view to fetch the layer names from
- *
- * @returns Promise resolving with an array of layer names
- *
- */
-async function getMapLayerHash(mapView) {
-  let layerHash = {};
-  await mapView.when(() => {
-    layerHash = mapView.map.allLayers.toArray().reduce((prev, cur) => {
-      if (cur.type === "feature") {
-        prev[cur.id] = cur.title;
-      }
-      return prev;
-    }, {});
-  });
-  return layerHash;
-}
-/**
- * Gets the layer names from the current map
- *
- * @param mapView the map view to fetch the layer names from
- *
- * @returns Promise resolving with an array of layer names
- *
- */
-async function getMapLayerIds(mapView) {
-  let layerIds = [];
-  await mapView.when(() => {
-    layerIds = mapView.map.allLayers.toArray().reduce((prev, cur) => {
-      if (cur.type === "feature") {
-        prev.push(cur.id);
-      }
-      return prev;
-    }, []);
-  });
-  return layerIds;
-}
-/**
- * Get a layer view by id
- *
- * @param mapView the map view to fetch the layer from
- * @param id the id if the layer to fetch
- *
- * @returns Promise resolving with the fetched layer view
- *
- */
-async function getMapLayerView(mapView, id) {
-  const layer = await getMapLayer(mapView, id);
-  return layer ? await mapView.whenLayerView(layer) : undefined;
-}
-/**
- * Get a layer by id
- *
- * @param mapView the map view to fetch the layer from
- * @param id the id if the layer to fetch
- *
- * @returns Promise resolving with the fetched layer
- *
- */
-async function getMapLayer(mapView, id) {
-  let layers = [];
-  await mapView.when(() => {
-    layers = mapView.map.allLayers.toArray().filter((l) => {
-      return l.id === id;
-    });
-  });
-  return layers.length > 0 ? layers[0] : undefined;
-}
-/**
- * Highlight features by OID
- *
- * @param ids the OIDs from the layer to highlight
- * @param layerView the layer view to highlight
- * @param mapView the map view used if updateExtent is true
- * @param updateExtent optional (default false) boolean to indicate if we should zoom to the extent
- *
- * @returns Promise resolving with the highlight handle
- *
- */
-async function highlightFeatures(ids, layerView, mapView, updateExtent = false) {
-  if (updateExtent) {
-    await goToSelection(ids, layerView, mapView, false);
-  }
-  return layerView.highlight(ids);
-}
-/**
- * Highlights features from all sets including the refine set
- *
- * @param selectionSets The selection sets to highlight
- *
- * @returns Promise resolving with the highlight handles
- *
- */
-async function highlightAllFeatures(selectionSets) {
-  const highlightInfos = getIdSets(selectionSets);
-  return Object.keys(highlightInfos).reduce((prev, cur) => {
-    const highlightInfo = highlightInfos[cur];
-    prev.push(highlightInfo.layerView.highlight(highlightInfo.ids));
-    return prev;
-  }, []);
-}
-/**
- * Highlights features from all sets including the refine set
- *
- * @param selectionSets The selection sets to highlight
- *
- * @returns Promise resolving with the highlight handles
- *
- */
-function getIdSets(selectionSets) {
-  return selectionSets.reduce((prev, cur) => {
-    const lv = cur.layerView;
-    const id = lv === null || lv === void 0 ? void 0 : lv.layer.id;
-    if (id && Object.keys(prev).indexOf(id) > -1) {
-      prev[id].ids = [...new Set([
-          ...cur.selectedIds,
-          ...prev[id].ids
-        ])];
-    }
-    else if (id) {
-      prev[id] = {
-        layerView: lv,
-        ids: cur.selectedIds
-      };
-    }
-    if (cur.workflowType === EWorkflowType.REFINE) {
-      Object.keys(cur.refineInfos).forEach(k => {
-        const refineInfo = cur.refineInfos[k];
-        if (Object.keys(prev).indexOf(k) > -1) {
-          prev[k].ids = [...new Set([
-              ...refineInfo.addIds,
-              ...prev[k].ids
-            ])];
-          prev[k].ids = prev[k].ids.filter(_id => refineInfo.removeIds.indexOf(_id) < 0);
-        }
-      });
-    }
-    return prev;
-  }, {});
-}
-/**
- * Flash features by OID
- *
- * @param ids the OIDs from the layer to highlight
- * @param layerView the layer view to highlight
- *
- * @returns Promise resolving when the operation is complete
- *
- */
-async function flashSelection(ids, layerView, featureEffect) {
-  const filter = {
-    objectIds: ids
-  };
-  layerView.featureEffect = Object.assign(Object.assign({}, featureEffect), { filter });
-  setTimeout(() => {
-    layerView.featureEffect = undefined;
-  }, 1300);
-}
-/**
- * Zoom to features based on OID
- *
- * @param ids the OIDs from the layer to go to
- * @param layerView the layer view that contains the OIDs
- * @param mapView the map view to show the extent change
- * @param flashFeatures optional (default true) boolean to indicate if we should flash the features
- *
- * @returns Promise resolving when the operation is complete
- *
- */
-async function goToSelection(ids, layerView, mapView, flashFeatures = true, featureEffect = undefined) {
-  const result = await queryExtent(ids, layerView.layer);
-  await mapView.goTo(result.extent);
-  if (flashFeatures) {
-    await flashSelection(ids, layerView, featureEffect);
-  }
-}
-
-export { queryObjectIds as a, getQueryGeoms as b, getMapLayerView as c, queryFeaturesByGeometry as d, getIdSets as e, highlightAllFeatures as f, goToSelection as g, highlightFeatures as h, getMapLayerIds as i, queryAllFeatures as j, getMapLayerHash as k, queryFeaturesByID as q };