@esri/solutions-components 0.11.29 → 0.11.31

package/dist/esm/instant-apps-filter-list_2.entry.js

@@ -1,1596 +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-df5db8e9.js';
-import { l as loadModules } from './loadModules-947ccfd4.js';
-import { g as getMessages } from './locale-e02b0e14.js';
-import { g as getMode } from './mode-8c5f5dc9.js';
-import './esri-loader-c6842c6b.js';
-import './_commonjsHelpers-089957fe.js';
-import './languageUtil-2b6e191a.js';
-
-const baseClassLight = 'instant-apps-filter-list calcite-mode-light';
-const baseClassDark = 'instant-apps-filter-list calcite-mode-dark';
-const supportedTypes = ['feature', 'geojson', 'wfs', 'csv', 'scene', 'subtype-group', 'point-cloud', 'map-image', 'sublayer'];
-
-function handleSingleQuote(value) {
-    return value.replaceAll("'", "''");
-}
-function convertToDate(date, includeTime = false) {
-    if (date) {
-        const tmpDate = new Date(date);
-        const formattedDate = `${tmpDate.getFullYear()}-${tmpDate.getMonth() + 1}-${tmpDate.getDate()}`;
-        if (includeTime) {
-            const time = `${tmpDate.getHours()}:${tmpDate.getMinutes()}:${tmpDate.getSeconds()}`;
-            return `${formattedDate} ${time}`;
-        }
-        else {
-            return formattedDate;
-        }
-    }
-    return;
-}
-function resetDatePicker(datePicker) {
-    var _a;
-    if (datePicker != null) {
-        datePicker.value = ['', ''];
-        const inputs = (_a = datePicker.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelectorAll('calcite-input');
-        if (inputs != null) {
-            for (const input of inputs) {
-                input.value = '';
-            }
-        }
-    }
-}
-
-const instantAppsFilterListCss = ":host{display:block}.instant-apps-filter-list *{box-sizing:border-box}.instant-apps-filter-list__container{height:100%}.instant-apps-filter-list__container calcite-block:last-of-type{margin-bottom:0}.instant-apps-filter-list__footer{padding:12px;display:flex}.instant-apps-filter-list__footer calcite-button:nth-child(2){margin-left:6px}.instant-apps-filter-list__item-container,.instant-apps-filter-list__item-container--user-input{display:flex;justify-content:space-between;align-items:center}.instant-apps-filter-list__item-container:not(:last-child),.instant-apps-filter-list__item-container--user-input:not(:last-child){padding-bottom:20px}.instant-apps-filter-list__item-container--user-input{margin:0;display:flex;flex-direction:column;align-items:flex-start}.instant-apps-filter-list__item-container--user-input>span{margin:0 0 6px;font-size:14px;font-weight:normal}.instant-apps-filter-list__item-container--user-input calcite-combobox{width:100%;font-size:16px;--calcite-combobox-input-height:24px}.instant-apps-filter-list__number-input-container{width:100%;display:flex;justify-content:center}.instant-apps-filter-list__number-input-container calcite-slider{width:90%}.instant-apps-filter-list__date-picker-input-container{display:flex;align-items:center;justify-content:unset;width:100%}.instant-apps-filter-list__date-picker-input-container calcite-action{height:64px;border-top:1px solid var(--calcite-color-border-input);border-right:1px solid var(--calcite-color-border-input);border-bottom:1px solid var(--calcite-color-border-input)}.instant-apps-filter-list__title{margin-right:20px}.instant-apps-filter-list__title>p{font-size:14px;font-weight:normal;margin:0}.instant-apps-filter-list__checkbox-container{display:flex}.instant-apps-filter-list__checkbox-container calcite-checkbox{height:18px}.instant-apps-filter-list__operator-description{margin:0;--calcite-font-size--1:12px}.instant-apps-filter-list__zoom-to{display:flex;justify-content:flex-end;margin:8px 0 20px}.instant-apps-filter-list__zoom-to calcite-action{width:-moz-min-content;width:min-content}.instant-apps-filter-list calcite-input-date-picker{--calcite-font-size--1:16px}@media (prefers-reduced-motion){.instant-apps-filter-list calcite-loader{--calcite-internal-duration-factor:2;--calcite-internal-animation-timing-slow:calc(300ms * 2)}}.instant-apps-filter-list.calcite-mode-dark .instant-apps-filter-list__header-container{background:#2b2b2b;color:#fff}.instant-apps-filter-list.calcite-mode-dark .instant-apps-filter-list__operator-description{background:#353535}";
-const InstantAppsFilterListStyle0 = instantAppsFilterListCss;
-
-const CSS$1 = {
-    base: 'instant-apps-filter-list',
-    filterContainer: 'instant-apps-filter-list__container',
-    footer: 'instant-apps-filter-list__footer',
-    filterItemTitle: 'instant-apps-filter-list__title',
-    filterItemContainer: 'instant-apps-filter-list__item-container',
-    filterUIItemContainer: 'instant-apps-filter-list__item-container--user-input',
-    checkboxContainer: 'instant-apps-filter-list__checkbox-container',
-    numberInputContainer: 'instant-apps-filter-list__number-input-container',
-    dateInputContainer: 'instant-apps-filter-list__date-picker-input-container',
-    operatorDesc: 'instant-apps-filter-list__operator-description',
-    zoomTo: 'instant-apps-filter-list__zoom-to',
-};
-const InstantAppsFilterList = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        this.filterListReset = createEvent(this, "filterListReset", 7);
-        this.filterUpdate = createEvent(this, "filterUpdate", 7);
-        this.isLayerExpUpdated = false;
-        this.layerExpressions = undefined;
-        this.autoUpdateUrl = false;
-        this.closeBtn = false;
-        this.closeBtnOnClick = undefined;
-        this.comboboxOverlayPositioning = 'absolute';
-        this.closeBtnText = undefined;
-        this.openFilters = false;
-        this.extentSelector = false;
-        this.extentSelectorConfig = undefined;
-        this.urlParams = undefined;
-        this.filterCount = 0;
-        this.view = undefined;
-        this.zoomBtn = true;
-        this.resetBtn = true;
-        this.resetFiltersOnDisconnect = true;
-        this.loading = undefined;
-        this.filterLayerExpressions = undefined;
-        this.messages = undefined;
-        this.baseClass = baseClassLight;
-        this.initDefExpressions = undefined;
-        this.initMapImageExpressions = undefined;
-        this.initPointCloudFilters = undefined;
-    }
-    watchViewHandler() {
-        this.handleWhenView();
-    }
-    watchLayerExpressions() {
-        this.resetAllFilters();
-        this.filterLayerExpressions = structuredClone(this.layerExpressions);
-        this.handleLayerExpressionsUpdate();
-    }
-    getFilterInitState() {
-        return Promise.resolve({
-            initDefExpressions: this.initDefExpressions,
-            initMapImageExpressions: this.initMapImageExpressions,
-            initPointCloudFilters: this.initPointCloudFilters,
-        });
-    }
-    forceReset() {
-        this.resetExpressions();
-        return Promise.resolve();
-    }
-    updateInitDefExpressions(filterInitState) {
-        this.initDefExpressions = filterInitState.initDefExpressions;
-        this.initMapImageExpressions = filterInitState.initMapImageExpressions;
-        this.initPointCloudFilters = filterInitState.initPointCloudFilters;
-        return Promise.resolve();
-    }
-    getCurrentLayerExpressions() {
-        const currentLayerExpressions = structuredClone(this.filterLayerExpressions);
-        return Promise.resolve(currentLayerExpressions);
-    }
-    handleUpdatingT9nData(t9nLayerExpressions) {
-        var _a;
-        if (t9nLayerExpressions == null)
-            return Promise.resolve();
-        (_a = this.filterLayerExpressions) === null || _a === void 0 ? void 0 : _a.forEach(layerExpression => {
-            var _a;
-            const t9nLayerExpression = t9nLayerExpressions === null || t9nLayerExpressions === void 0 ? void 0 : t9nLayerExpressions.find(t9nLayerExpression => t9nLayerExpression.id === layerExpression.id);
-            if (t9nLayerExpression != null) {
-                layerExpression.title = t9nLayerExpression.title;
-                (_a = layerExpression.expressions) === null || _a === void 0 ? void 0 : _a.forEach(expression => {
-                    var _a;
-                    const t9nExpression = (_a = t9nLayerExpression.expressions) === null || _a === void 0 ? void 0 : _a.find(t9nExpression => t9nExpression.id === expression.id);
-                    if (t9nExpression != null) {
-                        expression.name = t9nExpression.name;
-                    }
-                });
-            }
-        });
-        return Promise.resolve();
-    }
-    connectedCallback() {
-        if (this.layerExpressions == null && this.view == null)
-            return;
-        this.isLayerExpUpdated = true;
-        this.filterLayerExpressions = structuredClone(this.layerExpressions);
-        this.handleLayerExpressionsUpdate();
-    }
-    async componentWillLoad() {
-        this.baseClass = getMode(this.el) === 'dark' ? baseClassDark : baseClassLight;
-        await this.initializeModules();
-        getMessages(this);
-        if (this.isLayerExpUpdated)
-            return;
-        this.isLayerExpUpdated = true;
-        this.filterLayerExpressions = this.layerExpressions != null ? structuredClone(this.layerExpressions) : [];
-        if (this.view == null)
-            return;
-        this.handleLayerExpressionsUpdate();
-    }
-    componentDidRender() {
-        var _a;
-        if (this.resetBtnEl != null) {
-            this.resetBtnEl.disabled = ((_a = this.filterLayerExpressions) === null || _a === void 0 ? void 0 : _a.length) > 0 ? false : true;
-        }
-    }
-    disconnectedCallback() {
-        if (this.resetFiltersOnDisconnect) {
-            this.isLayerExpUpdated = false;
-            this.filterLayerExpressions = structuredClone(this.layerExpressions);
-            this.resetAllFilters();
-        }
-    }
-    async initializeModules() {
-        const [intl, geometryJsonUtils] = await loadModules(['esri/intl', 'esri/geometry/support/jsonUtils']);
-        this.geometryJsonUtils = geometryJsonUtils;
-        this.locale = intl.getLocale();
-        this.intl = intl;
-    }
-    render() {
-        const filterConfig = this.loading ? this.renderLoading() : this.initFilterConfig();
-        const footer = this.renderFooter();
-        return (h(Host, { key: 'b3949fb2efa7587520eee01619be306a936b2f05' }, h("calcite-panel", { key: '2336ee3cd209346516ebb12780f7158fc88aa35c', class: this.baseClass, ref: el => (this.panelEl = el) }, h("slot", { key: 'd7400f3192055b45d9f75d19fcac85138f2958f8', slot: "header-content", name: "filter-header-content" }), h("slot", { key: 'fb684d06b51fd62fcc56129851444fad10beafc4', slot: "header-actions-end", name: "filter-header-actions-end" }), h("div", { key: "filter-container", class: CSS$1.filterContainer }, filterConfig, footer))));
-    }
-    renderLoading() {
-        return h("calcite-loader", { label: "Loading filters..." });
-    }
-    renderFilter(layerExpression) {
-        const { id } = layerExpression;
-        return layerExpression.expressions.map((expression, index) => {
-            return expression.type == 'checkbox' || expression.type == null ? (h("div", { key: `${id}-${index}`, class: CSS$1.filterItemContainer }, h("div", { class: CSS$1.filterItemTitle }, h("p", null, expression.name)), h("div", { class: CSS$1.checkboxContainer }, h("calcite-checkbox", { id: expression.id.toString(), scale: "l", checked: expression === null || expression === void 0 ? void 0 : expression.active, onCalciteCheckboxChange: this.handleCheckboxChange.bind(this, layerExpression, expression) })))) : (this.initInput(layerExpression, expression));
-        });
-    }
-    renderLayerBlock() {
-        return this.filterLayerExpressions.map(layerExpression => {
-            return this.renderFilterBlocks(layerExpression);
-        });
-    }
-    renderFilterBlocks(layerExpression) {
-        var _a;
-        const filter = this.renderFilter(layerExpression);
-        const { operator } = layerExpression;
-        const operatorTranslation = (operator === null || operator === void 0 ? void 0 : operator.trim()) === 'OR' ? 'orOperator' : 'andOperator';
-        const zoomTo = this.renderZoomTo(layerExpression);
-        return (h("calcite-block", { key: layerExpression.id, heading: layerExpression.title, description: (_a = this.messages) === null || _a === void 0 ? void 0 : _a[operatorTranslation], open: this.openFilters ? true : undefined, collapsible: true }, zoomTo, filter));
-    }
-    renderCombobox(layerExpression, expression) {
-        var _a;
-        return (h("label", { key: "combo-select", class: CSS$1.filterUIItemContainer }, h("span", null, expression.name), h("calcite-combobox", { id: expression.id.toString(), onCalciteComboboxChange: this.handleComboSelect.bind(this, expression, layerExpression), label: expression.name, placeholder: expression.placeholder, selectionMode: "multiple", "max-items": "6", scale: "s", overlayPositioning: this.comboboxOverlayPositioning }, (_a = expression.fields) === null || _a === void 0 ? void 0 : _a.map((value, index) => this.renderComboboxItem(expression, value, index)))));
-    }
-    renderComboboxItem(expression, value, index) {
-        var _a;
-        const label = this.createLabel(expression, value);
-        const selectedFields = expression === null || expression === void 0 ? void 0 : expression.selectedFields;
-        const selected = (_a = selectedFields === null || selectedFields === void 0 ? void 0 : selectedFields.includes(value)) !== null && _a !== void 0 ? _a : false;
-        return h("calcite-combobox-item", { key: `${label}-${index}`, value: value, heading: `${label}`, selected: selected });
-    }
-    initFilterConfig() {
-        var _a, _b;
-        if (((_a = this.filterLayerExpressions) === null || _a === void 0 ? void 0 : _a.length) > 0) {
-            if (this.filterLayerExpressions.length === 1) {
-                const { operator } = this.filterLayerExpressions[0];
-                const operatorTranslation = (operator === null || operator === void 0 ? void 0 : operator.trim()) === 'OR' ? 'orOperator' : 'andOperator';
-                const zoomTo = this.renderZoomTo(this.filterLayerExpressions[0]);
-                return (h("calcite-block", { class: CSS$1.operatorDesc, heading: (_b = this.messages) === null || _b === void 0 ? void 0 : _b[operatorTranslation], open: true }, zoomTo, this.renderFilter(this.filterLayerExpressions[0])));
-            }
-            else if (this.filterLayerExpressions.length > 1) {
-                return this.renderLayerBlock();
-            }
-        }
-        return;
-    }
-    renderNumberSlider(layerExpression, expression) {
-        var _a, _b, _c, _d, _e, _f, _g, _h;
-        const min = expression === null || expression === void 0 ? void 0 : expression.min;
-        const max = expression === null || expression === void 0 ? void 0 : expression.max;
-        const step = (expression === null || expression === void 0 ? void 0 : expression.step) ? expression.step : 1;
-        const check = min != null && max != null;
-        const field = (_a = expression === null || expression === void 0 ? void 0 : expression.field) !== null && _a !== void 0 ? _a : '';
-        const minValue = ((_b = expression === null || expression === void 0 ? void 0 : expression.range) === null || _b === void 0 ? void 0 : _b.min) != null ? expression.range.min : min;
-        const maxValue = ((_c = expression === null || expression === void 0 ? void 0 : expression.range) === null || _c === void 0 ? void 0 : _c.max) != null ? expression.range.max : max;
-        const value = [minValue, maxValue];
-        return check ? (h("label", { key: expression === null || expression === void 0 ? void 0 : expression.id.toString(), class: CSS$1.filterUIItemContainer }, h("span", null, expression === null || expression === void 0 ? void 0 : expression.name), h("div", { class: CSS$1.numberInputContainer }, h("calcite-slider", { id: expression === null || expression === void 0 ? void 0 : expression.id.toString(), onCalciteSliderChange: this.handleSliderChange.bind(this, expression, layerExpression), min: min, max: max, minValue: min, maxValue: max, "min-label": (_e = (_d = this.messages) === null || _d === void 0 ? void 0 : _d.minSlider) === null || _e === void 0 ? void 0 : _e.replace('{field}', field), "max-label": (_g = (_f = this.messages) === null || _f === void 0 ? void 0 : _f.maxSlider) === null || _g === void 0 ? void 0 : _g.replace('{field}', field), step: step, labelHandles: true, snap: true, value: value, "group-separator": (_h = expression === null || expression === void 0 ? void 0 : expression.format) === null || _h === void 0 ? void 0 : _h.digitSeparator })))) : undefined;
-    }
-    renderDatePicker(layerExpression, expression) {
-        var _a, _b, _c, _d;
-        const { min, max } = expression;
-        const value = [(_a = expression === null || expression === void 0 ? void 0 : expression.range) === null || _a === void 0 ? void 0 : _a.min, (_b = expression === null || expression === void 0 ? void 0 : expression.range) === null || _b === void 0 ? void 0 : _b.max];
-        const check = min != null && max != null;
-        return check ? (h("label", { class: CSS$1.filterUIItemContainer }, h("span", null, expression === null || expression === void 0 ? void 0 : expression.name), h("div", { class: CSS$1.dateInputContainer }, h("calcite-input-date-picker", { id: expression === null || expression === void 0 ? void 0 : expression.id.toString(), onCalciteInputDatePickerChange: this.handleDatePickerRangeChange.bind(this, expression, layerExpression), min: min, max: max, "overlay-positioning": "fixed", lang: (_c = this.locale) !== null && _c !== void 0 ? _c : 'en', layout: "vertical", value: value, range: true }), h("calcite-action", { onClick: this.handleResetDatePicker.bind(this, expression, layerExpression), icon: "reset", text: (_d = this.messages) === null || _d === void 0 ? void 0 : _d.resetDatePicker, scale: "s" })))) : null;
-    }
-    renderFooter() {
-        var _a, _b, _c;
-        const closeText = this.closeBtnText != null ? this.closeBtnText : (_a = this.messages) === null || _a === void 0 ? void 0 : _a.close;
-        const btnWidth = this.closeBtn && this.resetBtn ? 'half' : 'full';
-        return (h("div", { class: CSS$1.footer, slot: "footer" }, this.resetBtn ? (h("calcite-button", { appearance: "outline", width: btnWidth, ref: (el) => (this.resetBtnEl = el), onClick: this.handleResetFilter.bind(this) }, (_b = this.messages) === null || _b === void 0 ? void 0 : _b.resetFilter)) : undefined, this.closeBtn ? (h("calcite-button", { appearance: "solid", width: btnWidth, kind: "brand", onClick: (_c = this.closeBtnOnClick) === null || _c === void 0 ? void 0 : _c.bind(this) }, closeText)) : undefined));
-    }
-    renderZoomTo(layerExpression) {
-        var _a;
-        const id = (layerExpression === null || layerExpression === void 0 ? void 0 : layerExpression.sublayerId) ? `zoom-to-${layerExpression.id}-${layerExpression.sublayerId}` : `zoom-to-${layerExpression.id}`;
-        return this.zoomBtn ? (h("div", { class: CSS$1.zoomTo }, h("calcite-button", { id: id, appearance: "transparent", kind: "neutral", scale: "s", iconStart: "magnifying-glass-plus", onClick: this.handleZoomTo.bind(this, layerExpression) }, (_a = this.messages) === null || _a === void 0 ? void 0 : _a.zoomTo))) : undefined;
-    }
-    handleResetDatePicker(expression, layerExpression) {
-        const datePicker = this.panelEl.querySelector(`[id='${expression.id}']`);
-        resetDatePicker(datePicker);
-        expression.active = false;
-        expression.definitionExpression = undefined;
-        expression.range = undefined;
-        this.generateOutput(layerExpression);
-    }
-    initInput(layerExpression, expression) {
-        const { type, numDisplayOption, displayOption } = expression;
-        const isDropdown = numDisplayOption === 'drop-down' || displayOption === 'drop-down';
-        if (type === 'string' || type === 'coded-value' || ((type === 'number' || type === 'range' || type === 'date') && isDropdown)) {
-            return this.renderCombobox(layerExpression, expression);
-        }
-        else if (type === 'number' || type === 'range') {
-            return this.renderNumberSlider(layerExpression, expression);
-        }
-        else if (type === 'date') {
-            return this.renderDatePicker(layerExpression, expression);
-        }
-        return;
-    }
-    async initExpressions() {
-        this.loading = true;
-        if (this.filterLayerExpressions == null || this.view == null) {
-            this.loading = false;
-            return;
-        }
-        await this.processExpressions();
-        this.loading = false;
-    }
-    async processExpressions() {
-        if (!this.filterLayerExpressions)
-            return;
-        for (const layerExpression of this.filterLayerExpressions) {
-            for (const expression of layerExpression.expressions || []) {
-                await this.setInitExpression(layerExpression, expression);
-            }
-        }
-    }
-    handleResetFilter() {
-        this.resetExpressions();
-        this.resetAllFilters();
-        this.generateURLParams();
-        this.filterListReset.emit();
-    }
-    resetExpressions() {
-        var _a;
-        (_a = this.filterLayerExpressions) === null || _a === void 0 ? void 0 : _a.forEach(layerExpression => {
-            var _a;
-            (_a = layerExpression.expressions) === null || _a === void 0 ? void 0 : _a.forEach(expression => {
-                const { type, numDisplayOption, displayOption } = expression;
-                let uiType = '';
-                if (type === 'string' ||
-                    type === 'coded-value' ||
-                    (type === 'date' && (numDisplayOption === 'drop-down' || displayOption === 'drop-down')) ||
-                    ((type === 'number' || type === 'range') && (numDisplayOption === 'drop-down' || displayOption === 'drop-down'))) {
-                    uiType = 'combobox';
-                }
-                else if (type === 'date') {
-                    uiType = 'datePicker';
-                }
-                else if (type === 'number' || type === 'range') {
-                    uiType = 'numberRange';
-                }
-                if (uiType) {
-                    this.resetExpressionUI(uiType, expression);
-                }
-                else {
-                    this.resetCheckbox(expression);
-                }
-                expression.active = false;
-            });
-        });
-    }
-    resetExpressionUI(type, expression) {
-        const { id } = expression;
-        switch (type) {
-            case 'combobox':
-                expression.selectedFields = undefined;
-                const combobox = this.panelEl.querySelector(`[id='${id}']`);
-                if (combobox) {
-                    Array.from(combobox.children).forEach(child => {
-                        child.selected = false;
-                    });
-                }
-                break;
-            case 'datePicker':
-                expression.range = undefined;
-                const datePicker = this.panelEl.querySelector(`[id='${id}']`);
-                resetDatePicker(datePicker);
-                break;
-            case 'numberRange':
-                expression.range = undefined;
-                const slider = this.panelEl.querySelector(`[id='${id}']`);
-                if (slider) {
-                    slider.minValue = expression.min;
-                    slider.maxValue = expression.max;
-                }
-                break;
-        }
-    }
-    resetCheckbox(expression) {
-        const { id } = expression;
-        const checkbox = this.panelEl.querySelector(`[id='${id}']`);
-        if (checkbox != null) {
-            checkbox.checked = false;
-        }
-    }
-    resetAllFilters() {
-        var _a, _b, _c, _d, _e;
-        if (this.initDefExpressions == null)
-            return;
-        const allLayersAndTables = (_c = (_b = (_a = this.view) === null || _a === void 0 ? void 0 : _a.map) === null || _b === void 0 ? void 0 : _b.allLayers) === null || _c === void 0 ? void 0 : _c.concat((_e = (_d = this.view) === null || _d === void 0 ? void 0 : _d.map) === null || _e === void 0 ? void 0 : _e.allTables);
-        allLayersAndTables === null || allLayersAndTables === void 0 ? void 0 : allLayersAndTables.forEach(layer => {
-            var _a, _b;
-            if (!supportedTypes.includes(layer.type))
-                return;
-            const fl = layer;
-            if (fl.type === 'point-cloud') {
-                fl.filters = (_a = this.initPointCloudFilters) === null || _a === void 0 ? void 0 : _a[fl.id];
-            }
-            else if (fl.type === 'map-image') {
-                fl.allSublayers.forEach(sublayer => {
-                    var _a, _b;
-                    sublayer.definitionExpression = (_b = (_a = this.initMapImageExpressions) === null || _a === void 0 ? void 0 : _a[fl.id]) === null || _b === void 0 ? void 0 : _b[sublayer.id];
-                });
-            }
-            else {
-                fl.definitionExpression = (_b = this.initDefExpressions) === null || _b === void 0 ? void 0 : _b[fl.id];
-            }
-        });
-    }
-    async updateStringExpression(layerExpression, expression) {
-        const layer = this.findFilterLayer(layerExpression);
-        await this.getFeatureAttributes(layer, expression);
-        this.handleDateField(layer, expression);
-        if (expression === null || expression === void 0 ? void 0 : expression.selectedFields) {
-            expression.definitionExpression = this.createDefinitionExpression(expression);
-            return true;
-        }
-        return false;
-    }
-    handleDateField(layer, expression) {
-        if (expression.type === 'date') {
-            const layerField = layer.fields.find(({ name }) => name === expression.field);
-            if ((layerField === null || layerField === void 0 ? void 0 : layerField.type) === 'date-only') {
-                expression.dateOnly = true;
-            }
-        }
-    }
-    createDefinitionExpression(expression) {
-        var _a;
-        if (!((_a = expression.selectedFields) === null || _a === void 0 ? void 0 : _a.length))
-            return '';
-        const selectedFields = expression.selectedFields.map((field) => (typeof field === 'number' ? field : `'${handleSingleQuote(field)}'`));
-        return `${expression.field} IN (${selectedFields.join(',')})`;
-    }
-    async updateNumberExpression(layerExpression, expression) {
-        var _a, _b;
-        if ((!(expression === null || expression === void 0 ? void 0 : expression.min) && (expression === null || expression === void 0 ? void 0 : expression.min) !== 0) || (!(expression === null || expression === void 0 ? void 0 : expression.max) && (expression === null || expression === void 0 ? void 0 : expression.max) !== 0)) {
-            const layer = this.findFilterLayer(layerExpression);
-            const { field } = expression;
-            if (field != null) {
-                this.setExpressionFormat(layer, expression, field);
-                if ((expression === null || expression === void 0 ? void 0 : expression.numDisplayOption) === 'drop-down' || (expression === null || expression === void 0 ? void 0 : expression.displayOption) === 'drop-down') {
-                    await this.getFeatureAttributes(layer, expression);
-                }
-                else {
-                    const graphic = await this.calculateMinMaxStatistics(layer, field);
-                    const attributes = (_a = graphic === null || graphic === void 0 ? void 0 : graphic[0]) === null || _a === void 0 ? void 0 : _a.attributes;
-                    if (((_b = expression.format) === null || _b === void 0 ? void 0 : _b.places) != null) {
-                        expression.min = this.roundMinNumberDown(attributes[`min${field}`], expression.format.places);
-                        expression.max = this.roundMaxNumberUp(attributes[`max${field}`], expression.format.places);
-                    }
-                    else {
-                        expression.min = attributes[`min${field}`];
-                        expression.max = attributes[`max${field}`];
-                    }
-                    if ((expression === null || expression === void 0 ? void 0 : expression.range) && Object.keys(expression.range).length) {
-                        const { min, max } = expression.range;
-                        expression.definitionExpression = `${expression.field} BETWEEN ${min} AND ${max}`;
-                        return true;
-                    }
-                }
-            }
-        }
-        return false;
-    }
-    async updateDateExpression(layerExpression, expression) {
-        var _a;
-        const { field, range } = expression;
-        const layer = this.findFilterLayer(layerExpression);
-        const graphic = await this.calculateMinMaxStatistics(layer, field);
-        const attributes = (_a = graphic === null || graphic === void 0 ? void 0 : graphic[0]) === null || _a === void 0 ? void 0 : _a.attributes;
-        expression.min = convertToDate(attributes[`min${field}`]);
-        expression.max = convertToDate(attributes[`max${field}`]);
-        if (range != null && ((range === null || range === void 0 ? void 0 : range.max) != null || (range === null || range === void 0 ? void 0 : range.min) != null)) {
-            let { min, max } = range;
-            min = min === null || min === void 0 ? void 0 : min.replace('+', ' ');
-            max = max === null || max === void 0 ? void 0 : max.replace('+', ' ');
-            if (min || max) {
-                const chevron = max && !min ? '<' : !max && min ? '>' : null;
-                if (chevron) {
-                    expression.definitionExpression = `${field} ${chevron} '${min !== null && min !== void 0 ? min : max}'`;
-                }
-                else {
-                    expression.definitionExpression = `${field} BETWEEN '${min}' AND '${max}'`;
-                }
-                return true;
-            }
-        }
-        return false;
-    }
-    async updateCodedValueExpression(layerExpression, expression, layerField) {
-        var _a, _b;
-        if (!(layerField === null || layerField === void 0 ? void 0 : layerField.domain) || ((_a = layerField === null || layerField === void 0 ? void 0 : layerField.domain) === null || _a === void 0 ? void 0 : _a.type) !== 'coded-value') {
-            return false;
-        }
-        const layer = this.findFilterLayer(layerExpression);
-        await this.getFeatureAttributes(layer, expression);
-        const domain = layerField.domain;
-        const codedValuesMap = domain.codedValues.reduce((acc, { code, name }) => {
-            acc[code] = name;
-            return acc;
-        }, {});
-        expression.codedValues = codedValuesMap;
-        if ((_b = expression.selectedFields) === null || _b === void 0 ? void 0 : _b.length) {
-            const selectedFieldsExpression = expression.selectedFields.map((field) => (typeof field === 'number' ? field : `'${handleSingleQuote(field)}'`)).join(',');
-            expression.definitionExpression = `${expression.field} IN (${selectedFieldsExpression})`;
-            return true;
-        }
-        return false;
-    }
-    updateRangeExpression(expression, layerField) {
-        var _a;
-        if (!(layerField === null || layerField === void 0 ? void 0 : layerField.domain) || ((_a = layerField === null || layerField === void 0 ? void 0 : layerField.domain) === null || _a === void 0 ? void 0 : _a.type) !== 'range') {
-            return false;
-        }
-        const { field, range } = expression;
-        expression.min = layerField.domain.minValue;
-        expression.max = layerField.domain.maxValue;
-        if (range && Object.keys(range).length) {
-            expression.definitionExpression = `${field} BETWEEN ${range.min} AND ${range.max}`;
-            return true;
-        }
-        return false;
-    }
-    async getFeatureAttributes(layer, expression) {
-        if (!this.isLayerSupported(layer)) {
-            expression.fields = [];
-            return;
-        }
-        const queryLayer = await this.getQueryLayer(layer);
-        const { maxRecordCount, supportsMaxRecordCountFactor } = this.extractQueryCapabilities(layer);
-        const featureCount = await queryLayer.queryFeatureCount();
-        const query = this.createQuery(queryLayer, expression);
-        await this.queryDistinctFeatures(queryLayer, query, expression);
-        if (this.shouldPaginate(maxRecordCount, featureCount, supportsMaxRecordCountFactor)) {
-            this.handlePagination(queryLayer, query, maxRecordCount, supportsMaxRecordCountFactor, featureCount, expression);
-        }
-    }
-    isLayerSupported(layer) {
-        return layer && supportedTypes.includes(layer.type);
-    }
-    extractQueryCapabilities(queryLayer) {
-        var _a, _b, _c, _d, _e, _f;
-        return {
-            maxRecordCount: (_c = (_b = (_a = queryLayer.capabilities) === null || _a === void 0 ? void 0 : _a.query) === null || _b === void 0 ? void 0 : _b.maxRecordCount) !== null && _c !== void 0 ? _c : (_d = queryLayer.sourceJSON) === null || _d === void 0 ? void 0 : _d.maxRecordCount,
-            supportsMaxRecordCountFactor: (_f = (_e = queryLayer.capabilities) === null || _e === void 0 ? void 0 : _e.query) === null || _f === void 0 ? void 0 : _f.supportsMaxRecordCountFactor,
-        };
-    }
-    createQuery(queryLayer, expression) {
-        const query = queryLayer.createQuery();
-        this.applyCacheHint(queryLayer, query);
-        const field = expression === null || expression === void 0 ? void 0 : expression.field;
-        if (field) {
-            const initDefExpr = this.getInitDefExprFromLayer(queryLayer);
-            query.where = initDefExpr || '1=1';
-            query.outFields = [field];
-            query.orderByFields = [`${field} ASC`];
-            query.returnDistinctValues = true;
-            query.returnGeometry = false;
-            query.maxRecordCountFactor = 5;
-            this.applyQueryGeometryFromExtentSelector(query);
-        }
-        return query;
-    }
-    async queryDistinctFeatures(queryLayer, query, expression) {
-        if (!query.outFields)
-            return;
-        const features = (await this.queryForFeatures(queryLayer, query, query.outFields[0]));
-        if (features === null || features === void 0 ? void 0 : features.length) {
-            expression.fields = [...new Set(features)];
-            if (expression.type === 'string') {
-                expression.fields = expression.fields.sort((a, b) => a.localeCompare(b));
-            }
-            else if (expression.type === 'number') {
-                expression.fields = expression.fields.sort((a, b) => a - b);
-            }
-        }
-    }
-    getQueryCount(maxRecordCount, supportsMaxRecordCountFactor) {
-        return supportsMaxRecordCountFactor ? maxRecordCount * 5 : maxRecordCount;
-    }
-    shouldPaginate(maxRecordCount, featureCount, supportsMaxRecordCountFactor) {
-        const queryCount = this.getQueryCount(maxRecordCount, supportsMaxRecordCountFactor);
-        return maxRecordCount != null && featureCount > queryCount;
-    }
-    async handlePagination(queryLayer, query, maxRecordCount, supportsMaxRecordCountFactor, featureCount, expression) {
-        const queryCount = this.getQueryCount(maxRecordCount, supportsMaxRecordCountFactor);
-        const promises = [];
-        for (let index = queryCount; index < featureCount; index += queryCount) {
-            const paginatedQuery = query.clone();
-            paginatedQuery.num = maxRecordCount;
-            paginatedQuery.start = index;
-            promises.push(this.queryForFeatures(queryLayer, paginatedQuery, query.outFields[0]));
-        }
-        Promise.all(promises).then(results => {
-            results.forEach((features) => {
-                if ((features === null || features === void 0 ? void 0 : features.length) && expression.fields) {
-                    expression.fields.push(...features);
-                }
-            });
-            if (expression.type === 'string') {
-                expression.fields = [...new Set(expression.fields)].sort((a, b) => a.localeCompare(b));
-            }
-            else if (expression.type === 'number') {
-                expression.fields = [...new Set(expression.fields)].sort((a, b) => a - b);
-            }
-            else {
-                expression.fields = [...new Set(expression.fields)].sort();
-            }
-        });
-    }
-    async queryForFeatures(layer, query, field) {
-        const results = await layer.queryFeatures(query);
-        const features = results === null || results === void 0 ? void 0 : results.features.filter(feature => { var _a; return (_a = feature.attributes) === null || _a === void 0 ? void 0 : _a[field]; });
-        return features === null || features === void 0 ? void 0 : features.map(feature => { var _a; return (_a = feature.attributes) === null || _a === void 0 ? void 0 : _a[field]; });
-    }
-    async calculateMinMaxStatistics(layer, field) {
-        if (!layer || !supportedTypes.includes(layer.type) || !field) {
-            return [];
-        }
-        const query = this.createStatisticsQuery(layer, field);
-        const results = await layer.queryFeatures(query);
-        return (results === null || results === void 0 ? void 0 : results.features) || [];
-    }
-    createStatisticsQuery(layer, field) {
-        const query = layer.createQuery();
-        query.where = this.getInitDefExprFromLayer(layer) || '1=1';
-        this.applyCacheHint(layer, query);
-        query.outStatistics = [
-            {
-                onStatisticField: field,
-                outStatisticFieldName: `max${field}`,
-                statisticType: 'max',
-            },
-            {
-                onStatisticField: field,
-                outStatisticFieldName: `min${field}`,
-                statisticType: 'min',
-            },
-        ];
-        this.applyQueryGeometryFromExtentSelector(query);
-        return query;
-    }
-    getExtent(extentSelector, extentSelectorConfig) {
-        if (extentSelector && extentSelectorConfig) {
-            const { constraints } = extentSelectorConfig;
-            let newConstraints = Object.assign({}, constraints);
-            const geometry = newConstraints === null || newConstraints === void 0 ? void 0 : newConstraints.geometry;
-            if (geometry) {
-                const tmpExtent = 'extent' in geometry ? geometry : this.geometryJsonUtils.fromJSON(geometry);
-                if ((tmpExtent === null || tmpExtent === void 0 ? void 0 : tmpExtent.type) === 'extent' || (tmpExtent === null || tmpExtent === void 0 ? void 0 : tmpExtent.type) === 'polygon') {
-                    return tmpExtent;
-                }
-            }
-        }
-        return;
-    }
-    async setInitExpression(layerExpression, expression) {
-        if (!expression.field || !expression.type) {
-            await this.updateExpression(layerExpression, expression, undefined);
-            return;
-        }
-        const filterLayer = this.findFilterLayer(layerExpression);
-        if (!filterLayer) {
-            return;
-        }
-        if (filterLayer.loadStatus === 'not-loaded' || filterLayer.loadStatus === 'failed') {
-            await filterLayer.load();
-        }
-        await filterLayer.when(async () => {
-            var _a, _b;
-            const layerField = (_a = filterLayer.fields) === null || _a === void 0 ? void 0 : _a.find(({ name }) => name === expression.field);
-            const domainType = (_b = layerField === null || layerField === void 0 ? void 0 : layerField.domain) === null || _b === void 0 ? void 0 : _b.type;
-            expression.type = domainType === 'coded-value' || domainType === 'range' ? domainType : expression.type;
-            await this.updateExpression(layerExpression, expression, layerField);
-        });
-    }
-    async updateExpression(layerExpression, expression, layerField) {
-        const update = await this.handleExpressionType(layerExpression, expression, layerField);
-        if (update) {
-            this.generateOutput(layerExpression);
-        }
-    }
-    async handleExpressionType(layerExpression, expression, layerField) {
-        var _a;
-        switch (expression.type) {
-            case 'string':
-                return await this.updateStringExpression(layerExpression, expression);
-            case 'number':
-                return await this.updateNumberExpression(layerExpression, expression);
-            case 'date':
-                return await this.updateDateExpressionBasedOnDisplayOption(layerExpression, expression);
-            case 'coded-value':
-                return await this.updateCodedValueExpression(layerExpression, expression, layerField);
-            case 'range':
-                return await this.updateRangeExpressionBasedOnDisplayOption(layerExpression, expression, layerField);
-            case 'checkbox':
-            case null:
-            case undefined:
-                return (_a = expression.active) !== null && _a !== void 0 ? _a : false;
-            default:
-                return false;
-        }
-    }
-    async updateDateExpressionBasedOnDisplayOption(layerExpression, expression) {
-        if (expression.displayOption === 'drop-down') {
-            return await this.updateStringExpression(layerExpression, expression);
-        }
-        else {
-            return await this.updateDateExpression(layerExpression, expression);
-        }
-    }
-    async updateRangeExpressionBasedOnDisplayOption(layerExpression, expression, layerField) {
-        if (expression.displayOption === 'drop-down') {
-            return await this.updateStringExpression(layerExpression, expression);
-        }
-        else {
-            return this.updateRangeExpression(expression, layerField);
-        }
-    }
-    updateRangeExpressions(expression, layerExpression, max, min) {
-        const initExp = this.getInitDefExprFromLayerExpression(layerExpression);
-        if ((min || min === 0) && (max || max === 0)) {
-            if (min === (expression === null || expression === void 0 ? void 0 : expression.min) && max === (expression === null || expression === void 0 ? void 0 : expression.max)) {
-                expression.definitionExpression = undefined;
-                expression.active = false;
-            }
-            else {
-                expression.definitionExpression = initExp ? `(${initExp}) AND ${expression === null || expression === void 0 ? void 0 : expression.field} BETWEEN ${min} AND ${max}` : `${expression === null || expression === void 0 ? void 0 : expression.field} BETWEEN ${min} AND ${max}`;
-                expression.active = true;
-            }
-        }
-        expression.range = { min, max };
-    }
-    handleCheckboxChange(layerExpression, expression, event) {
-        const node = event.target;
-        expression.active = node.checked;
-        this.generateOutput(layerExpression);
-    }
-    handleSliderChange(expression, layerExpression, event) {
-        const { maxValue, minValue } = event.target;
-        this.updateRangeExpressions(expression, layerExpression, maxValue, minValue);
-        this.generateOutput(layerExpression);
-    }
-    handleComboSelect(expression, layerExpression, event) {
-        const combobox = event.target;
-        const items = combobox.selectedItems;
-        const { field, type } = expression;
-        expression.selectedFields = items.map(({ value }) => value);
-        if (items.length) {
-            const values = items.map(({ value }) => (typeof value === 'number' ? value : `'${handleSingleQuote(value)}'`));
-            expression.definitionExpression = type === 'date' ? values.map(value => this.buildDateExpression(value, field)).join(' OR ') : `${field} IN (${values.join(',')})`;
-            expression.active = true;
-        }
-        else {
-            expression.definitionExpression = undefined;
-            expression.active = false;
-        }
-        this.generateOutput(layerExpression);
-    }
-    handleDatePickerRangeChange(expression, layerExpression, event) {
-        const datePicker = event.target;
-        const [startDate, endDate] = datePicker.valueAsDate;
-        const start = startDate ? convertToDate(Math.floor(startDate.getTime()), true) : undefined;
-        const end = endDate ? convertToDate(Math.floor(endDate.getTime()), true) : undefined;
-        if (start || end) {
-            expression.definitionExpression = this.constructDefinitionExpression(expression.field, start, end);
-            expression.range = { min: start, max: end };
-            expression.active = true;
-            this.generateOutput(layerExpression);
-        }
-    }
-    constructDefinitionExpression(field, start, end) {
-        if (!start)
-            return `${field} < '${end}'`;
-        if (!end)
-            return `${field} > '${start}'`;
-        return `${field} BETWEEN '${start}' AND '${end}'`;
-    }
-    handleURLParams() {
-        if (!('URLSearchParams' in window))
-            return;
-        const params = new URLSearchParams(document.location.search);
-        const filterParamString = params.get('filter');
-        if (!filterParamString) {
-            this.filterCount = 0;
-            return;
-        }
-        const filters = filterParamString.split(';').map(filter => JSON.parse(filter));
-        this.filterCount = this.applyFilters(filters);
-    }
-    applyFilters(filters) {
-        let filterCount = 0;
-        filters.forEach(filter => {
-            var _a, _b;
-            const layerExpression = (_a = this.filterLayerExpressions) === null || _a === void 0 ? void 0 : _a.find(le => le.id === filter.layerId);
-            if (!layerExpression)
-                return;
-            (_b = layerExpression.expressions) === null || _b === void 0 ? void 0 : _b.forEach(expression => {
-                var _a, _b;
-                if (((_a = expression.id) === null || _a === void 0 ? void 0 : _a.toString()) === ((_b = filter.expressionId) === null || _b === void 0 ? void 0 : _b.toString())) {
-                    this.activateExpression(expression, filter);
-                    filterCount++;
-                }
-            });
-        });
-        return filterCount;
-    }
-    activateExpression(expression, filter) {
-        expression.active = true;
-        if (filter.type === 'range') {
-            expression.range = filter.range;
-        }
-        else if (filter.type === 'select') {
-            expression.selectedFields = filter.selectedFields;
-        }
-    }
-    createURLParamExpression(layerExpression, expression) {
-        const { id, range, selectedFields, type } = expression;
-        if (type === 'string' || type === 'coded-value' || (expression === null || expression === void 0 ? void 0 : expression.numDisplayOption) === 'drop-down' || (expression === null || expression === void 0 ? void 0 : expression.displayOption) === 'drop-down') {
-            return {
-                type: 'select',
-                layerId: layerExpression.id,
-                expressionId: id.toString(),
-                selectedFields,
-            };
-        }
-        else if (type === 'number' || type === 'range' || type === 'date') {
-            return {
-                type: 'range',
-                layerId: layerExpression.id,
-                expressionId: id.toString(),
-                range,
-            };
-        }
-        else {
-            return {
-                layerId: layerExpression.id,
-                expressionId: id.toString(),
-            };
-        }
-    }
-    autoUpdateURLCheck(params) {
-        if (this.autoUpdateUrl) {
-            const url = params.toString() ? `${window.location.pathname}?${params}`.trim() : window.location.pathname;
-            window.history.replaceState({}, '', url);
-        }
-    }
-    generateURLParams() {
-        var _a;
-        if (!('URLSearchParams' in window))
-            return;
-        const params = new URLSearchParams(window.location.search);
-        const expressions = ((_a = this.filterLayerExpressions) === null || _a === void 0 ? void 0 : _a.flatMap(layerExpr => { var _a; return ((_a = layerExpr === null || layerExpr === void 0 ? void 0 : layerExpr.expressions) === null || _a === void 0 ? void 0 : _a.filter(expression => expression.active).map(expression => JSON.stringify(this.createURLParamExpression(layerExpr, expression)))) || []; })) || [];
-        this.filterCount = expressions.length;
-        expressions.length > 0 ? params.set('filter', expressions.join(';')) : params.delete('filter');
-        this.autoUpdateURLCheck(params);
-        this.urlParams = params;
-    }
-    updateFilter(layerExpression, defExpressions, filters) {
-        const { id } = layerExpression;
-        const fl = (this.view.map.findLayerById(id) || this.view.map.findTableById(id));
-        if (fl != null) {
-            if (fl.type === 'point-cloud') {
-                this.updateFilterLayerPCLFilter(fl, filters);
-            }
-            else if (fl.type === 'map-image') {
-                const sublayer = fl.findSublayerById(layerExpression === null || layerExpression === void 0 ? void 0 : layerExpression.sublayerId);
-                if (sublayer != null) {
-                    this.updateFilterLayerDefExpression(sublayer, defExpressions, layerExpression);
-                }
-            }
-            else {
-                this.updateFilterLayerDefExpression(fl, defExpressions, layerExpression);
-            }
-        }
-    }
-    updateFilterLayerDefExpression(layer, defExpressions, layerExpression) {
-        const { operator } = layerExpression;
-        let initDefExpressions = this.getInitDefExprFromLayer(layer);
-        const combinedExpressions = (defExpressions === null || defExpressions === void 0 ? void 0 : defExpressions.length) > 0 && initDefExpressions != null
-            ? `(${defExpressions.join(operator)}) AND (${initDefExpressions})`
-            : defExpressions.length > 0
-                ? defExpressions.join(operator)
-                : initDefExpressions;
-        layer.definitionExpression = combinedExpressions;
-    }
-    updateFilterLayerPCLFilter(layer, filters) {
-        layer.filters = filters;
-    }
-    async handleWhenView() {
-        if (this.view == null)
-            return;
-        const map = this.view.map;
-        await map.loadAll();
-        this.handleLayerExpressionsUpdate();
-    }
-    async handleLayerExpressionsUpdate() {
-        this.updateInitExpressions();
-        this.handleURLParams();
-        this.initExpressions();
-    }
-    async handleZoomTo(layerExpression) {
-        const zoomId = (layerExpression === null || layerExpression === void 0 ? void 0 : layerExpression.sublayerId) ? `#zoom-to-${layerExpression.id}-${layerExpression.sublayerId}` : `#zoom-to-${layerExpression.id}`;
-        const zoomToBtn = this.panelEl.querySelector(zoomId);
-        const toggleZoomButtonState = (isLoading, isDisabled) => {
-            if (zoomToBtn) {
-                zoomToBtn.loading = isLoading;
-                zoomToBtn.disabled = isDisabled;
-            }
-        };
-        toggleZoomButtonState(true, true);
-        await this.getZoomToExtent(layerExpression);
-        const goToOptions = this.zoomToExtent.type === 'point' && this.zoomToExtent.count === 1 ? { target: this.zoomToExtent.extent, zoom: 10 } : this.zoomToExtent.extent;
-        await this.view.goTo(goToOptions);
-        toggleZoomButtonState(false, false);
-    }
-    async getZoomToExtent(layerExpression) {
-        var _a;
-        const layerView = this.view.allLayerViews.find(({ layer }) => layer.id === layerExpression.id);
-        const baseLayer = layerView.layer;
-        const layer = baseLayer.type === 'map-image' ? baseLayer.findSublayerById(layerExpression.sublayerId) : baseLayer;
-        if (layer.type !== 'point-cloud' && supportedTypes.includes(layer === null || layer === void 0 ? void 0 : layer.type)) {
-            const queryLayer = await this.getQueryLayer(layer);
-            const query = queryLayer.createQuery();
-            query.where = (_a = queryLayer.definitionExpression) !== null && _a !== void 0 ? _a : '1=1';
-            const results = await queryLayer.queryExtent(query);
-            this.zoomToExtent = Object.assign(Object.assign({}, results), { type: queryLayer.geometryType });
-        }
-    }
-    applyFilterToQuery(query, layerExpression) {
-        var _a, _b;
-        const layerView = this.view.allLayerViews.find(({ layer }) => layer.id === layerExpression.id);
-        const filter = (_b = (_a = layerView === null || layerView === void 0 ? void 0 : layerView.featureEffect) === null || _a === void 0 ? void 0 : _a.filter) !== null && _b !== void 0 ? _b : layerView.filter;
-        if (filter) {
-            ['objectIds', 'distance', 'geometry', 'spatialRelationship', 'units', 'where', 'timeExtent'].forEach(prop => {
-                if (filter[prop] != null) {
-                    query[prop] = filter[prop];
-                }
-            });
-        }
-    }
-    generateOutput(layerExpression) {
-        if (this.view == null)
-            return;
-        const defExpressions = [];
-        let filters = [];
-        if (layerExpression) {
-            for (const expression of layerExpression.expressions) {
-                const { active, definitionExpression, pointCloudFilters } = expression;
-                if (active && definitionExpression) {
-                    defExpressions.push(`(${definitionExpression})`);
-                }
-                if (active && pointCloudFilters != null && pointCloudFilters.length > 0) {
-                    filters = filters.concat(pointCloudFilters);
-                }
-            }
-            this.updateFilter(layerExpression, defExpressions, filters);
-            this.generateURLParams();
-            this.filterUpdate.emit();
-        }
-    }
-    numberWithCommas(num) {
-        return num.toLocaleString('en-US', { maximumFractionDigits: 20 });
-    }
-    // If fieldInfo.format.places limits decimal digits then use this for min value to make sure the min is actually included in slider.
-    // e.g. when using Math.round() with a min of 1.058 with only 2 decimal places would be 1.06 so the slider wouldn't contain the min. Math.floor() ensures it does.
-    // Inverse of this reasoning for roundMaxNumberUp().
-    scientificRounding(num, decimalPlaces, operation) {
-        if (num == null)
-            return undefined;
-        let result;
-        if (!String(num).includes('e')) {
-            result = Math[operation](num * Math.pow(10, decimalPlaces)) / Math.pow(10, decimalPlaces);
-        }
-        else {
-            const [base, exponent] = String(num)
-                .split('e')
-                .map(item => Number(item));
-            const adjustedExponent = exponent + decimalPlaces;
-            const adjustedNumber = Math[operation](+`${base}e${adjustedExponent}`);
-            result = adjustedNumber * Math.pow(10, -decimalPlaces);
-        }
-        return +result.toFixed(decimalPlaces);
-    }
-    roundMinNumberDown(num, decimalPlaces) {
-        return this.scientificRounding(num, decimalPlaces, 'floor');
-    }
-    roundMaxNumberUp(num, decimalPlaces) {
-        return this.scientificRounding(num, decimalPlaces, 'ceil');
-    }
-    roundNumber(num, decimalPlaces) {
-        var _a;
-        return (_a = this.scientificRounding(num, decimalPlaces, 'round')) !== null && _a !== void 0 ? _a : num;
-    }
-    setExpressionFormat(layer, expression, field) {
-        if ((layer === null || layer === void 0 ? void 0 : layer.popupTemplate) != null) {
-            const fieldInfo = layer.popupTemplate.fieldInfos.find(({ fieldName }) => fieldName === field);
-            expression.format = fieldInfo === null || fieldInfo === void 0 ? void 0 : fieldInfo.format;
-        }
-    }
-    getInitDefExprFromLayer(layer) {
-        var _a, _b, _c;
-        return layer.type === 'sublayer' ? (_b = (_a = this.initMapImageExpressions) === null || _a === void 0 ? void 0 : _a[layer.layer.id]) === null || _b === void 0 ? void 0 : _b[layer.id] : (_c = this.initDefExpressions) === null || _c === void 0 ? void 0 : _c[layer.id];
-    }
-    getInitDefExprFromLayerExpression(layerExpression) {
-        var _a, _b, _c;
-        return (layerExpression === null || layerExpression === void 0 ? void 0 : layerExpression.sublayerId) != null ? (_b = (_a = this.initMapImageExpressions) === null || _a === void 0 ? void 0 : _a[layerExpression.id]) === null || _b === void 0 ? void 0 : _b[layerExpression.sublayerId] : (_c = this.initDefExpressions) === null || _c === void 0 ? void 0 : _c[layerExpression.id];
-    }
-    findFilterLayer(layerExpression) {
-        const allLayersAndTables = this.view.map.allLayers.concat(this.view.map.allTables);
-        const layer = allLayersAndTables.find(({ id }) => id === layerExpression.id);
-        if (layer.type === 'map-image') {
-            return layer === null || layer === void 0 ? void 0 : layer.findSublayerById(layerExpression.sublayerId);
-        }
-        else {
-            return layer;
-        }
-    }
-    createLabel(expression, value) {
-        var _a, _b, _c;
-        if (expression.type === 'coded-value') {
-            return (_a = expression.codedValues) === null || _a === void 0 ? void 0 : _a[value];
-        }
-        if (expression.type === 'number' && typeof value === 'number') {
-            let formattedValue = value;
-            if (((_b = expression.format) === null || _b === void 0 ? void 0 : _b.places) != null) {
-                formattedValue = this.roundNumber(value, expression.format.places);
-            }
-            if ((_c = expression.format) === null || _c === void 0 ? void 0 : _c.digitSeparator) {
-                return this.numberWithCommas(formattedValue);
-            }
-            return formattedValue;
-        }
-        if (expression.type === 'date' && !expression.dateOnly) {
-            const format = this.intl.convertDateFormatToIntlOptions('short-date-long-time');
-            return this.intl.formatDate(value, format);
-        }
-        return value;
-    }
-    buildDateExpression(date, field) {
-        if (date) {
-            const tmpDate = new Date(date);
-            const tmpCompareDate = new Date(date);
-            const tmpCompareDate1 = new Date(tmpCompareDate.setDate(tmpDate.getDate() + 1));
-            const formattedDate = `${tmpDate.getFullYear()}-${tmpDate.getMonth() + 1}-${tmpDate.getDate()}`;
-            const time = `${tmpDate.getHours()}:${tmpDate.getMinutes()}:${tmpDate.getSeconds()}`;
-            const compareTime = `${tmpCompareDate1.getHours()}:${tmpCompareDate1.getMinutes()}:${tmpCompareDate1.getSeconds()}`;
-            const compareFormattedDate = `${tmpCompareDate1.getFullYear()}-${tmpCompareDate1.getMonth() + 1}-${tmpCompareDate1.getDate()}`;
-            return `${field} BETWEEN '${formattedDate} ${time}' AND '${compareFormattedDate} ${compareTime}'`;
-        }
-        return;
-    }
-    async getQueryLayer(layer) {
-        return layer.type === 'sublayer' ? await layer.createFeatureLayer() : layer;
-    }
-    applyCacheHint(queryLayer, query) {
-        var _a, _b;
-        if ((_b = (_a = queryLayer === null || queryLayer === void 0 ? void 0 : queryLayer.capabilities) === null || _a === void 0 ? void 0 : _a.query) === null || _b === void 0 ? void 0 : _b.supportsCacheHint) {
-            query.cacheHint = true;
-        }
-    }
-    applyQueryGeometryFromExtentSelector(query) {
-        if (!this.extentSelector || !this.extentSelectorConfig)
-            return;
-        const geometry = this.getExtent(this.extentSelector, this.extentSelectorConfig);
-        if (!geometry)
-            return;
-        query.geometry = geometry;
-        query.spatialRelationship = 'intersects';
-    }
-    updateInitExpressions() {
-        if (this.view == null)
-            return;
-        const map = this.view.map;
-        this.initDefExpressions = {};
-        this.initPointCloudFilters = {};
-        this.initMapImageExpressions = {};
-        map.allLayers.concat(map.allTables).forEach(layer => {
-            if (!supportedTypes.includes(layer.type))
-                return;
-            const fl = layer;
-            if (fl.type === 'point-cloud') {
-                this.initPointCloudFilters[fl.id] = fl.filters;
-            }
-            else if (fl.type === 'map-image') {
-                this.initMapImageExpressions[fl.id] = fl.allSublayers.reduce((acc, sublayer) => {
-                    acc[sublayer.id] = sublayer.definitionExpression;
-                    return acc;
-                }, {});
-            }
-            else {
-                this.initDefExpressions[fl.id] = fl.definitionExpression;
-            }
-        });
-    }
-    get el() { return getElement(this); }
-    static get watchers() { return {
-        "view": ["watchViewHandler"],
-        "layerExpressions": ["watchLayerExpressions"]
-    }; }
-};
-InstantAppsFilterList.style = InstantAppsFilterListStyle0;
-
-const instantAppsSocialShareCss = ":host{display:block;--instant-apps-social-share-action-width:initial;--instant-apps-social-share-width--s:200px;--instant-apps-social-share-width--m:280px;--instant-apps-social-share-width--l:320px;--instant-apps-social-share-width-horizontal--s:300px;--instant-apps-social-share-width-horizontal--m:380px;--instant-apps-social-share-width-horizontal--l:420px;--instant-apps-social-share-background-color:var(--calcite-color-foreground-1);--instant-apps-social-share-popover-button-background-color:transparent;--instant-apps-social-share-popover-button-icon-color:var(--calcite-ui-icon-color);--instant-apps-social-share-embed-border:1px solid $border;--instant-apps-social-share-embed-text-area-text:#468540}:host .instant-apps-social-share__popover-button{background-color:var(--instant-apps-social-share-popover-button-background-color)}:host .instant-apps-social-share__popover-button calcite-icon{color:var(--instant-apps-social-share-popover-button-icon-color)}:host .instant-apps-social-share__dialog,:host .instant-apps-social-share__dialog-embed{background-color:var(--instant-apps-social-share-background-color);border:var(--instant-apps-social-share-embed-border)}:host .instant-apps-social-share__dialog{box-sizing:border-box;height:auto;padding:10px 0;border-radius:5px;color:var(--calcite-color-text-1)}:host .instant-apps-social-share__options{margin:0;padding:1% 0 0 0;list-style-type:none}:host .instant-apps-social-share__options li{box-sizing:border-box;display:flex;align-items:center;width:100%;padding:5%;transition:background-color 0.15s ease-out 0s}:host .instant-apps-social-share__options li .instant-apps-social-share__icon,:host .instant-apps-social-share__options li .instant-apps-social-share__option-text{display:inline-block}:host .instant-apps-social-share__options li .instant-apps-social-share__icon{display:flex;align-items:center}:host .instant-apps-social-share__options li .instant-apps-social-share__option-text{width:85%;margin-left:10px;word-break:break-word}:host .instant-apps-social-share__options li .instant-apps-social-share__option-text--rtl{margin-left:0;margin-right:10px}:host .instant-apps-social-share__options li:hover{cursor:pointer;background-color:var(--calcite-color-foreground-2)}:host .instant-apps-social-share__options__x-logo--light path{fill:#000000}:host .instant-apps-social-share__options__x-logo--dark path{fill:#ffffff}:host .instant-apps-social-share__tip{box-sizing:border-box;padding:0 5% 1% 5%}:host .instant-apps-social-share__tip-header{display:flex;align-items:center;color:#007ac2;margin:8px 0 5px 0}:host .instant-apps-social-share__tip-header calcite-icon{margin-right:5px}:host .instant-apps-social-share__tip-content{line-height:17px;margin:0;padding-top:2%}:host .instant-apps-social-share__success{display:flex;flex-direction:column;padding:15px}:host .instant-apps-social-share__success-header{display:flex;align-items:center;font-weight:bold;margin-bottom:10px}:host .instant-apps-social-share__success-icon{display:flex;align-items:center;margin-right:5px}:host .instant-apps-social-share__success-icon calcite-icon{color:var(--calcite-color-status-success)}:host .instant-apps-social-share__success-message{line-height:16px}:host .instant-apps-social-share__embed{box-sizing:border-box;width:100%;padding:5%;margin-bottom:10px;border-top:1px solid #d3d3d3}:host .instant-apps-social-share__embed-header{display:flex;align-items:center;margin-bottom:5px}:host .instant-apps-social-share__embed-header calcite-icon{margin-right:5px}:host .instant-apps-social-share__embed-code-text-area{border:1px solid #d3d3d3}:host .instant-apps-social-share__embed-code-text-area textarea{box-sizing:border-box;padding:4%;border:none;resize:none;background:transparent;width:100%;font-family:var(--calcite-sans-family);color:var(--calcite-color-text-1)}:host .instant-apps-social-share__embed-code-text-area button{display:flex;align-items:center;text-align:start;width:100%;border:none;border-top:1px solid #d3d3d3;background-color:transparent;line-height:16px;font-weight:400;padding:3%;color:var(--calcite-color-text-1)}:host .instant-apps-social-share__embed-code-text-area button calcite-icon{color:#007ac2;margin-right:3px}:host .instant-apps-social-share__embed-code-text-area button:hover{cursor:pointer;background-color:var(--calcite-color-foreground-2);transition:background-color 0.15s ease-out 0s}:host .instant-apps-social-share__embed-text-area-text{font-weight:600;color:var(--instant-apps-social-share-embed-text-area-text)}:host .instant-apps-social-share__embed .instant-apps-social-share__text-area--rtl{text-align:left;direction:ltr}:host .instant-apps-social-share__embed-dimensions{display:flex;justify-content:space-between;margin-top:10px}:host .instant-apps-social-share__embed-dimensions-input{width:47%;box-sizing:border-box}:host .instant-apps-social-share__embed-dimensions-input input{border:1px solid #d3d3d3;width:100%;height:25px;font-family:var(--calcite-sans-family)}:host .instant-apps-social-share__layout--horizontal .instant-apps-social-share__options{display:flex;justify-content:space-around;margin-bottom:8%}:host .instant-apps-social-share__layout--horizontal .instant-apps-social-share__options li{flex-direction:column;padding:0}:host .instant-apps-social-share__layout--horizontal .instant-apps-social-share__options li .instant-apps-social-share__option-text{word-break:break-word;margin-left:0;margin-top:10px;text-align:center}:host .instant-apps-social-share__layout--horizontal .instant-apps-social-share__options li:hover{background-color:unset}:host .instant-apps-social-share__icon-container{display:flex;align-items:center}:host calcite-action{width:var(--instant-apps-social-share-action-width)}:host([scale=s]) .instant-apps-social-share__dialog{width:var(--instant-apps-social-share-width--s)}:host([scale=s]) .instant-apps-social-share__icon{width:16px;height:16px}:host([scale=s]) .instant-apps-social-share__option-text{font-size:var(--calcite-font-size--1)}:host([scale=s]) .instant-apps-social-share__dialog.instant-apps-social-share__layout--horizontal{width:var(--instant-apps-social-share-width-horizontal--s)}:host([scale=s]) .instant-apps-social-share__tip-header,:host([scale=s]) .instant-apps-social-share__tip-content,:host([scale=s]) .instant-apps-social-share__embed-header,:host([scale=s]) .instant-apps-social-share__embed-dimensions-input{font-size:var(--calcite-font-size--2)}:host([scale=m]) .instant-apps-social-share__dialog{width:var(--instant-apps-social-share-width--m)}:host([scale=m]) .instant-apps-social-share__icon{width:24px;height:24px}:host([scale=m]) .instant-apps-social-share__option-text{font-size:var(--calcite-font-size-0)}:host([scale=m]) .instant-apps-social-share__dialog.instant-apps-social-share__layout--horizontal{width:var(--instant-apps-social-share-width-horizontal--m)}:host([scale=m]) .instant-apps-social-share__tip-header,:host([scale=m]) .instant-apps-social-share__tip-content,:host([scale=m]) .instant-apps-social-share__embed-header,:host([scale=m]) .instant-apps-social-share__embed-dimensions-input{font-size:var(--calcite-font-size--1)}:host([scale=l]) .instant-apps-social-share__dialog{width:var(--instant-apps-social-share-width--l)}:host([scale=l]) .instant-apps-social-share__icon{width:32px;height:32px}:host([scale=l]) .instant-apps-social-share__option-text{font-size:var(--calcite-font-size-1)}:host([scale=l]) .instant-apps-social-share__dialog.instant-apps-social-share__layout--horizontal{width:var(--instant-apps-social-share-width-horizontal--l)}:host([scale=l]) .instant-apps-social-share__tip-header,:host([scale=l]) .instant-apps-social-share__tip-content,:host([scale=l]) .instant-apps-social-share__embed-header,:host([scale=l]) .instant-apps-social-share__embed-dimensions-input{font-size:var(--calcite-font-size-0)}";
-const InstantAppsSocialShareStyle0 = instantAppsSocialShareCss;
-
-const base = 'instant-apps-social-share';
-const CALCITE_MODE_DARK = '.calcite-mode-dark';
-const CSS = {
-    base,
-    dialog: `${base}__dialog`,
-    dialogEmbed: `${base}__dialog-embed`,
-    dialogContent: `${base}__dialog-content`,
-    options: `${base}__options`,
-    tipContainer: `${base}__tip`,
-    tipHeader: `${base}__tip-header`,
-    tipContent: `${base}__tip-content`,
-    icon: `${base}__icon`,
-    iconContainer: `${base}__icon-container`,
-    optionText: `${base}__option-text`,
-    popoverButton: `${base}__popover-button`,
-    layout: {
-        vertical: `${base}__layout--vertical`,
-        horizontal: `${base}__layout--horizontal`,
-    },
-    xLogo: {
-        light: `${base}__x-logo--light`,
-        dark: `${base}__x-logo--dark`,
-    },
-    success: {
-        container: `${base}__success`,
-        header: `${base}__success-header`,
-        message: `${base}__success-message`,
-        icon: `${base}__success-icon`,
-    },
-    embed: {
-        container: `${base}__embed`,
-        header: `${base}__embed-header`,
-        embedCode: {
-            container: `${base}__embed-code`,
-            textArea: `${base}__embed-code-text-area`,
-            copyButton: `${base}__embed-code-copy-button`,
-        },
-        textAreaText: `${base}__embed-text-area-text`,
-        dimensions: {
-            container: `${base}__embed-dimensions`,
-            input: `${base}__embed-dimensions-input`,
-        },
-    },
-    rtl: {
-        optionText: `${base}__option-text--rtl`,
-        textArea: `${base}__text-area--rtl`,
-    },
-};
-const SOCIAL_URL_TEMPLATES = {
-    facebook: 'https://www.facebook.com/sharer/sharer.php?u={url}',
-    x: 'https://x.com/intent/post?url={url}',
-    linkedIn: 'https://www.linkedin.com/sharing/share-offsite/?url={url}',
-};
-const SHORTEN_API = 'https://arcg.is/prod/shorten';
-const MIN_WIDTH_HEIGHT_VALUE = '1';
-const InstantAppsSocialShare = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        this.mode = 'popover';
-        this.shareUrl = window.location.href;
-        this.autoUpdateShareUrl = true;
-        this.shareText = '';
-        this.embed = false;
-        this.shareButtonColor = 'neutral';
-        this.shareButtonType = 'button';
-        this.shareButtonScale = undefined;
-        this.iframeInnerText = '';
-        this.popoverButtonIconScale = 'm';
-        this.view = undefined;
-        this.displayTipText = true;
-        this.shortenShareUrl = true;
-        this.socialMedia = true;
-        this.shareIconsLayout = 'vertical';
-        this.scale = 'm';
-        this.successMessage = '';
-        this.defaultUrlParams = null;
-        this.inlineSuccessPopoverPlacement = 'trailing';
-        this.popoverPositioning = 'absolute';
-        this.removePopoverOffset = false;
-        this.messages = undefined;
-        this.opened = false;
-        this.copied = false;
-        this.inlineCopyLinkOpened = false;
-        this.inlineCopyEmbedOpened = false;
-        this.embedWidth = 400;
-        this.embedHeight = 600;
-    }
-    componentDidLoad() {
-        var _a, _b;
-        getMessages(this);
-        this.setupAutoCloseListeners();
-        if (this.mode === 'popover') {
-            if (this.opened)
-                this.popoverRef.open = true;
-            this.popoverRef.addEventListener('calcitePopoverOpen', () => {
-                if (!this.shareListRef)
-                    return;
-                const firstNode = this.shareListRef.children[0];
-                firstNode.focus();
-            });
-            this.popoverRef.addEventListener('keydown', this.handlePopoverRefKeyDown.bind(this));
-        }
-        if (this.embed) {
-            (_a = this.embedWidthRef) === null || _a === void 0 ? void 0 : _a.addEventListener('change', this.updateDimensions.bind(this, 'width'));
-            (_b = this.embedHeightRef) === null || _b === void 0 ? void 0 : _b.addEventListener('change', this.updateDimensions.bind(this, 'height'));
-        }
-    }
-    disconnectedCallback() {
-        var _a, _b, _c;
-        document.documentElement.removeEventListener('click', this.autoCloseCallback.bind(this));
-        if (this.mode === 'popover') {
-            if (this.popoverRef != null) {
-                this.popoverRef.removeEventListener('click', this.stopPropagationCallback.bind(this));
-                this.popoverRef.removeEventListener('calcitePopoverClose', this.resetPopoverCopyState.bind(this));
-                this.popoverRef.removeEventListener('keydown', this.handlePopoverRefKeyDown.bind(this));
-            }
-        }
-        else {
-            (_a = this.embedWidthRef) === null || _a === void 0 ? void 0 : _a.removeEventListener('change', this.updateDimensions.bind(this));
-            (_b = this.embedHeightRef) === null || _b === void 0 ? void 0 : _b.removeEventListener('change', this.updateDimensions.bind(this));
-            (_c = this.dialogContentRef) === null || _c === void 0 ? void 0 : _c.removeEventListener('click', this.stopPropagationCallback.bind(this));
-        }
-    }
-    setupAutoCloseListeners() {
-        var _a, _b, _c;
-        document.documentElement.addEventListener('click', this.autoCloseCallback.bind(this));
-        if (this.mode === 'popover') {
-            (_a = this.popoverRef) === null || _a === void 0 ? void 0 : _a.addEventListener('click', this.stopPropagationCallback.bind(this));
-            (_b = this.popoverRef) === null || _b === void 0 ? void 0 : _b.addEventListener('calcitePopoverClose', this.resetPopoverCopyState.bind(this));
-        }
-        else {
-            (_c = this.dialogContentRef) === null || _c === void 0 ? void 0 : _c.addEventListener('click', this.stopPropagationCallback.bind(this));
-        }
-    }
-    handlePopoverRefKeyDown(e) {
-        var _a, _b;
-        if (e.code === 'Tab') {
-            if (!this.shareListRef)
-                return;
-            const node = e.target;
-            const firstFocusableEl = this.shareListRef.children[0];
-            const lastFocusableEl = this.shareListRef.children[((_a = this.shareListRef) === null || _a === void 0 ? void 0 : _a.children.length) - 1];
-            if (e.shiftKey && node === firstFocusableEl) {
-                e.preventDefault();
-                lastFocusableEl.focus();
-            }
-            else if (!e.shiftKey && node === lastFocusableEl) {
-                e.preventDefault();
-                firstFocusableEl.focus();
-            }
-        }
-        else if (e.code === 'Escape') {
-            this.closePopover();
-            (_b = this.popoverButtonRef) === null || _b === void 0 ? void 0 : _b.setFocus();
-        }
-    }
-    autoCloseCallback() {
-        if (this.mode === 'popover') {
-            this.opened = false;
-            this.popoverRef.open = this.opened;
-        }
-        else {
-            if (this.copyLinkPopoverRef)
-                this.copyLinkPopoverRef.open = false;
-            this.inlineCopyLinkOpened = false;
-            if (this.copyEmbedPopoverRef)
-                this.copyEmbedPopoverRef.open = false;
-            this.inlineCopyEmbedOpened = false;
-        }
-    }
-    stopPropagationCallback(event) {
-        event.stopPropagation();
-    }
-    resetPopoverCopyState() {
-        var _a;
-        (_a = this.popoverButtonRef) === null || _a === void 0 ? void 0 : _a.setFocus();
-        setTimeout(() => {
-            this.copied = false;
-        }, 200);
-    }
-    updateDimensions(type) {
-        var _a, _b;
-        if (type === 'width') {
-            const value = (_a = this.embedWidthRef) === null || _a === void 0 ? void 0 : _a.value;
-            this.embedWidth = parseInt(value);
-        }
-        else {
-            const value = (_b = this.embedHeightRef) === null || _b === void 0 ? void 0 : _b.value;
-            this.embedHeight = parseInt(value);
-        }
-    }
-    render() {
-        var _a, _b, _c, _d, _e, _f;
-        const content = this.copied && this.mode === 'popover' ? (this.renderSuccess()) : (h("div", { class: CSS.dialogContent }, this.renderOptions(), this.displayTipText ? this.renderTip() : null, this.embed ? this.renderEmbed() : null));
-        const layoutClass = this.shareIconsLayout === 'vertical' ? ` ${CSS.layout.vertical}` : ` ${CSS.layout.horizontal}`;
-        const mode = ` calcite-mode-${!!this.el.closest(CALCITE_MODE_DARK) ? 'dark' : 'light'}`;
-        const dialogContent = (h("div", { key: '6fa27d9de3fff34dde6702cdbeac00b799355651', ref: el => (this.dialogContentRef = el), class: `${CSS.dialog}${layoutClass}${mode}` }, content));
-        const defaultOffset = 6;
-        const offsetDistance = this.removePopoverOffset ? 0 : defaultOffset;
-        return (h(Host, { key: 'd35d755dc0d1a827e7859a86366b4f03a6c02a28' }, this.mode === 'popover'
-            ? [
-                h("calcite-popover", { ref: (el) => (this.popoverRef = el), label: (_b = (_a = this.messages) === null || _a === void 0 ? void 0 : _a.share) === null || _b === void 0 ? void 0 : _b.label, referenceElement: "shareButton", placement: "bottom-start", scale: this.scale, "overlay-positioning": this.popoverPositioning, "offset-distance": offsetDistance, "pointer-disabled": this.removePopoverOffset }, dialogContent),
-                this.renderButton(),
-            ]
-            : [
-                dialogContent,
-                h("calcite-popover", { ref: (el) => (this.copyLinkPopoverRef = el), label: (_d = (_c = this.messages) === null || _c === void 0 ? void 0 : _c.share) === null || _d === void 0 ? void 0 : _d.label, referenceElement: "copyToClipboard", placement: this.inlineSuccessPopoverPlacement, scale: this.scale }, this.renderSuccess()),
-                h("calcite-popover", { ref: (el) => (this.copyEmbedPopoverRef = el), label: (_f = (_e = this.messages) === null || _e === void 0 ? void 0 : _e.share) === null || _f === void 0 ? void 0 : _f.label, referenceElement: "copyEmbedToClipboard", placement: this.inlineSuccessPopoverPlacement, scale: this.scale }, this.renderEmbedSuccess()),
-            ]));
-    }
-    renderButton() {
-        var _a, _b, _c, _d, _e, _f, _g, _h;
-        const scale = this.shareButtonScale != null ? this.shareButtonScale : this.scale;
-        return this.shareButtonType === 'button' ? (h("calcite-button", { ref: el => (this.popoverButtonRef = el), onClick: this.togglePopover.bind(this), id: "shareButton", class: CSS.popoverButton, kind: this.shareButtonColor, appearance: "transparent", label: (_b = (_a = this.messages) === null || _a === void 0 ? void 0 : _a.share) === null || _b === void 0 ? void 0 : _b.label, title: (_d = (_c = this.messages) === null || _c === void 0 ? void 0 : _c.share) === null || _d === void 0 ? void 0 : _d.label, scale: scale }, h("div", { class: CSS.iconContainer }, h("calcite-icon", { icon: "share", scale: this.popoverButtonIconScale })))) : (h("calcite-action", { ref: el => (this.popoverButtonRef = el), onClick: this.togglePopover.bind(this), id: "shareButton", class: CSS.popoverButton, appearance: "transparent", label: (_f = (_e = this.messages) === null || _e === void 0 ? void 0 : _e.share) === null || _f === void 0 ? void 0 : _f.label, title: (_h = (_g = this.messages) === null || _g === void 0 ? void 0 : _g.share) === null || _h === void 0 ? void 0 : _h.label, scale: scale, text: "", alignment: "center" }, h("div", { class: CSS.iconContainer }, h("calcite-icon", { icon: "share", scale: this.popoverButtonIconScale }))));
-    }
-    renderSuccess() {
-        var _a;
-        const success = (_a = this.messages) === null || _a === void 0 ? void 0 : _a.success;
-        return (h("div", { class: CSS.success.container }, h("span", { class: CSS.success.header }, h("span", { class: CSS.success.icon }, h("calcite-icon", { icon: "check-circle-f", scale: this.scale })), success === null || success === void 0 ? void 0 :
-            success.label), h("span", { class: CSS.success.message }, this.successMessage || (success === null || success === void 0 ? void 0 : success.url))));
-    }
-    renderEmbedSuccess() {
-        var _a;
-        const success = (_a = this.messages) === null || _a === void 0 ? void 0 : _a.success;
-        return (h("div", { class: CSS.success.container }, h("span", { class: CSS.success.header }, h("span", { class: CSS.success.icon }, h("calcite-icon", { icon: "check-circle-f", scale: this.scale })), success === null || success === void 0 ? void 0 :
-            success.label), h("span", { class: CSS.success.message }, success === null || success === void 0 ? void 0 : success.embed)));
-    }
-    renderOptions() {
-        var _a, _b, _c, _d;
-        const options = (_a = this.messages) === null || _a === void 0 ? void 0 : _a.options;
-        const optionText_RTL = document.dir === 'rtl' ? ` ${CSS.rtl.optionText}` : '';
-        return (h("ul", { ref: el => (this.shareListRef = el), class: CSS.options, role: "menu" }, h("li", { id: "copyToClipboard", onClick: this.handleShareItem.bind(this, 'link'), onKeyDown: this.handleOptionKeyDown('link'), role: "menuitem", tabindex: "0" }, h("span", { class: CSS.icon }, h("calcite-icon", { icon: "link", scale: this.scale })), h("span", { class: `${CSS.optionText}${optionText_RTL}` }, (_b = options === null || options === void 0 ? void 0 : options.link) === null || _b === void 0 ? void 0 : _b.label)), this.socialMedia
-            ? [
-                h("li", { onClick: this.handleShareItem.bind(this, 'facebook'), onKeyDown: this.handleOptionKeyDown('facebook'), role: "menuitem", tabindex: "0" }, h("span", { class: CSS.icon }, this.renderFacebookIcon()), h("span", { class: `${CSS.optionText}${optionText_RTL}` }, (_c = options === null || options === void 0 ? void 0 : options.facebook) === null || _c === void 0 ? void 0 : _c.label)),
-                h("li", { onClick: this.handleShareItem.bind(this, 'x'), onKeyDown: this.handleOptionKeyDown('x'), role: "menuitem", tabindex: "0" }, h("span", { class: CSS.icon }, this.renderXIcon()), h("span", { class: `${CSS.optionText}${optionText_RTL}` }, "X")),
-                h("li", { onClick: this.handleShareItem.bind(this, 'linkedIn'), onKeyDown: this.handleOptionKeyDown('linkedIn'), role: "menuitem", tabindex: "0" }, h("span", { class: CSS.icon }, this.renderLinkedInIcon()), h("span", { class: `${CSS.optionText}${optionText_RTL}` }, (_d = options === null || options === void 0 ? void 0 : options.linkedIn) === null || _d === void 0 ? void 0 : _d.label)),
-            ]
-            : null));
-    }
-    handleOptionKeyDown(type) {
-        return (e) => {
-            const keyCode = e.code;
-            const canActivate = keyCode === 'Space' || keyCode === 'Enter';
-            if (!canActivate)
-                return;
-            this.handleShareItem(type);
-        };
-    }
-    renderFacebookIcon() {
-        return (h("svg", { height: "100%", style: { fillRule: 'evenodd', clipRule: 'evenodd', strokeLinejoin: 'round', strokeMiterlimit: '2' }, version: "1.1", viewBox: "0 0 512 512", width: "100%", xmlns: "http://www.w3.org/2000/svg" }, h("g", null, h("path", { d: "M512,256c0,-141.385 -114.615,-256 -256,-256c-141.385,0 -256,114.615 -256,256c0,127.777 93.616,233.685 216,252.89l0,-178.89l-65,0l0,-74l65,0l0,-56.4c0,-64.16 38.219,-99.6 96.695,-99.6c28.009,0 57.305,5 57.305,5l0,63l-32.281,0c-31.801,0 -41.719,19.733 -41.719,39.978l0,48.022l71,0l-11.35,74l-59.65,0l0,178.89c122.385,-19.205 216,-125.113 216,-252.89Z", style: { fill: '#1877f2', fillRule: 'nonzero' } }), h("path", { d: "M355.65,330l11.35,-74l-71,0l0,-48.022c0,-20.245 9.917,-39.978 41.719,-39.978l32.281,0l0,-63c0,0 -29.297,-5 -57.305,-5c-58.476,0 -96.695,35.44 -96.695,99.6l0,56.4l-65,0l0,74l65,0l0,178.89c13.033,2.045 26.392,3.11 40,3.11c13.608,0 26.966,-1.065 40,-3.11l0,-178.89l59.65,0Z", style: { fill: '#fff', fillRule: 'nonzero' } }))));
-    }
-    renderXIcon() {
-        const isCalciteModeDark = !!this.el.closest(CALCITE_MODE_DARK);
-        return (h("svg", { class: isCalciteModeDark ? CSS.xLogo.dark : CSS.xLogo.light, viewBox: "0 0 1200 1227", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("rect", { height: "400", style: { fill: 'none' }, width: "400", x: "56", y: "56" }), h("path", { d: "M714.163 519.284L1160.89 0H1055.03L667.137 450.887L357.328 0H0L468.492 681.821L0 1226.37H105.866L515.491 750.218L842.672 1226.37H1200L714.137 519.284H714.163ZM569.165 687.828L521.697 619.934L144.011 79.6944H306.615L611.412 515.685L658.88 583.579L1055.08 1150.3H892.476L569.165 687.854V687.828Z", fill: isCalciteModeDark ? 'white' : 'black' })));
-    }
-    renderLinkedInIcon() {
-        return (h("svg", { height: "100%", style: { fillRule: 'evenodd', clipRule: 'evenodd', strokeLinejoin: 'round', strokeMiterlimit: '2' }, version: "1.1", viewBox: "0 0 512 512", width: "100%", xmlns: "http://www.w3.org/2000/svg" }, h("g", { id: "g5891" }, h("path", { d: "M512,64c0,-35.323 -28.677,-64 -64,-64l-384,0c-35.323,0 -64,28.677 -64,64l0,384c0,35.323 28.677,64 64,64l384,0c35.323,0 64,-28.677 64,-64l0,-384Z", id: "background", style: { fill: '#2867b2' } }), h("g", { id: "shapes" }, h("rect", { height: "257.962", id: "rect11", style: { fill: '#fff' }, width: "85.76", x: "61.053", y: "178.667" }), h("path", { d: "M104.512,54.28c-29.341,0 -48.512,19.29 -48.512,44.573c0,24.752 18.588,44.574 47.377,44.574l0.554,0c29.903,0 48.516,-19.822 48.516,-44.574c-0.555,-25.283 -18.611,-44.573 -47.935,-44.573Z", id: "path13-0", style: { fill: '#fff', fillRule: 'nonzero' } }), h("path", { d: "M357.278,172.601c-45.49,0 -65.866,25.017 -77.276,42.589l0,-36.523l-85.738,0c1.137,24.197 0,257.961 0,257.961l85.737,0l0,-144.064c0,-7.711 0.554,-15.42 2.827,-20.931c6.188,-15.4 20.305,-31.352 43.993,-31.352c31.012,0 43.436,23.664 43.436,58.327l0,138.02l85.741,0l0,-147.93c0,-79.237 -42.305,-116.097 -98.72,-116.097Z", id: "path15", style: { fill: '#fff', fillRule: 'nonzero' } })))));
-    }
-    renderTip() {
-        var _a;
-        const info = (_a = this.messages) === null || _a === void 0 ? void 0 : _a.info;
-        return (h("div", { class: CSS.tipContainer }, h("span", { class: CSS.tipHeader }, h("calcite-icon", { icon: "lightbulb", scale: this.scale }), h("span", null, info === null || info === void 0 ? void 0 : info.label)), h("p", { class: CSS.tipContent }, info === null || info === void 0 ? void 0 : info.tooltip)));
-    }
-    renderEmbed() {
-        var _a, _b, _c;
-        const embedMessages = (_a = this.messages) === null || _a === void 0 ? void 0 : _a.embed;
-        const textarea_RTL = document.dir === 'rtl' ? ` ${CSS.rtl.textArea}` : '';
-        return (h("div", { class: CSS.embed.container }, h("span", { class: CSS.embed.header }, h("calcite-icon", { icon: "code", scale: this.scale }), h("span", null, (_c = (_b = this.messages) === null || _b === void 0 ? void 0 : _b.embed) === null || _c === void 0 ? void 0 : _c.label)), h("div", { class: CSS.embed.embedCode.container }, h("div", { class: CSS.embed.embedCode.textArea }, h("textarea", { ref: el => (this.embedCodeRef = el), cols: 30, rows: 5, readonly: true, class: textarea_RTL, value: this.getEmbedCode() }), h("button", { id: "copyEmbedToClipboard", onClick: this.copyEmbedCode.bind(this), class: CSS.embed.embedCode.copyButton }, h("calcite-icon", { icon: "copy", scale: this.scale }), h("span", null, embedMessages === null || embedMessages === void 0 ? void 0 : embedMessages.copy))), h("span", { class: CSS.embed.textAreaText }, h("slot", { name: "text-area-text" })), h("div", { class: CSS.embed.dimensions.container }, h("label", { class: CSS.embed.dimensions.input }, h("span", null, embedMessages === null || embedMessages === void 0 ? void 0 : embedMessages.width), h("input", { ref: el => (this.embedWidthRef = el), type: "number", onKeyDown: e => ['e', 'E', '+', '-'].includes(e.key) && e.preventDefault(), onChange: this.handleNumberInputOnChange('width'), value: this.embedWidth, min: "1" })), h("label", { class: CSS.embed.dimensions.input }, h("span", null, embedMessages === null || embedMessages === void 0 ? void 0 : embedMessages.height), h("input", { ref: el => (this.embedHeightRef = el), type: "number", onKeyDown: e => ['e', 'E', '+', '-'].includes(e.key) && e.preventDefault(), onChange: this.handleNumberInputOnChange('height'), value: this.embedHeight, min: "1" }))))));
-    }
-    handleNumberInputOnChange(type) {
-        const ref = (type === 'width' ? this.embedWidthRef : this.embedHeightRef);
-        const valType = type === 'width' ? 'embedWidth' : 'embedHeight';
-        return () => {
-            if (ref) {
-                const value = parseFloat(ref.value);
-                if (value <= 0) {
-                    this[valType] = parseInt(MIN_WIDTH_HEIGHT_VALUE);
-                    ref.value = MIN_WIDTH_HEIGHT_VALUE;
-                }
-            }
-        };
-    }
-    togglePopover(event) {
-        event.stopPropagation();
-        this.opened = !this.opened;
-        this.popoverRef.open = this.opened;
-    }
-    closePopover() {
-        this.opened = false;
-        this.popoverRef.open = this.opened;
-    }
-    async handleShareItem(type) {
-        var _a, _b, _c, _d;
-        this.shareUrl = await this.generateShareUrl();
-        let shortenedUrl = null;
-        // Detects Safari - If Safari, do not shorten URL due to Safari not allowing clipboard copy after network requests
-        const isChrome = (_b = (_a = navigator === null || navigator === void 0 ? void 0 : navigator.userAgent) === null || _a === void 0 ? void 0 : _a.includes('Chrome')) !== null && _b !== void 0 ? _b : false;
-        const isSafari = ((_d = (_c = navigator === null || navigator === void 0 ? void 0 : navigator.userAgent) === null || _c === void 0 ? void 0 : _c.includes('Safari')) !== null && _d !== void 0 ? _d : false) && !isChrome;
-        if (!isSafari && this.shortenShareUrl) {
-            shortenedUrl = await this.shortenUrl(this.shareUrl);
-        }
-        let urlToUse = shortenedUrl ? shortenedUrl : this.shareUrl;
-        switch (type) {
-            case 'link':
-                navigator.clipboard.writeText(urlToUse);
-                if (this.embed) {
-                    this.copyEmbedPopoverRef.open = false;
-                    this.inlineCopyEmbedOpened = false;
-                }
-                if (this.mode === 'inline') {
-                    this.copyLinkPopoverRef.open = true;
-                    setTimeout(() => (this.copyLinkPopoverRef.open = false), 3000);
-                }
-                this.inlineCopyLinkOpened = true;
-                this.copied = true;
-                if (this.mode === 'popover')
-                    setTimeout(() => this.closePopover(), 2000);
-                return;
-            case 'facebook':
-            case 'x':
-            case 'linkedIn':
-                let socialWin;
-                if (isSafari) {
-                    socialWin = window.open('', '_blank');
-                    if (this.shortenShareUrl) {
-                        urlToUse = (await this.shortenUrl(this.shareUrl)) || urlToUse;
-                    }
-                }
-                const urlData = {
-                    url: encodeURI(urlToUse),
-                };
-                const data = type === 'x' ? Object.assign(Object.assign({}, urlData), { text: this.shareText }) : urlData;
-                const [intl] = await loadModules(['esri/intl']);
-                const url = intl.substitute(SOCIAL_URL_TEMPLATES[type], data);
-                if (this.mode === 'popover') {
-                    this.closePopover();
-                }
-                // With Safari, need to open new tab using the triggering event, so add shortened URL after opening.
-                // Safari truncates URL without this approach.
-                if (isSafari && socialWin) {
-                    socialWin.location = url;
-                    socialWin.focus();
-                }
-                else {
-                    window.open(encodeURI(url), '_blank');
-                }
-                return;
-        }
-    }
-    async shortenUrl(url) {
-        var _a, _b;
-        const [esriRequest] = await loadModules(['esri/request']);
-        const request = await esriRequest(SHORTEN_API, {
-            query: {
-                longUrl: url,
-                f: 'json',
-            },
-        });
-        const shortUrl = (_b = (_a = request === null || request === void 0 ? void 0 : request.data) === null || _a === void 0 ? void 0 : _a.data) === null || _b === void 0 ? void 0 : _b.url;
-        if (shortUrl) {
-            return shortUrl.replace('http://', 'https://');
-        }
-    }
-    getEmbedCode() {
-        return `<iframe src="${this.shareUrl}" width="${this.embedWidth}" height="${this.embedHeight}" frameborder="0" style="border:0" allowfullscreen>${this.iframeInnerText}</iframe>`;
-    }
-    copyEmbedCode() {
-        navigator.clipboard.writeText(this.getEmbedCode());
-        this.copyLinkPopoverRef.open = false;
-        this.inlineCopyLinkOpened = false;
-        this.copyEmbedPopoverRef.open = true;
-        setTimeout(() => (this.copyEmbedPopoverRef.open = false), 3000);
-        this.inlineCopyEmbedOpened = true;
-    }
-    // VIEW LOGIC
-    async generateShareUrl() {
-        var _a;
-        if (this.autoUpdateShareUrl) {
-            // Update shareUrl--it may have changes since the component was loaded
-            this.shareUrl = window.location.href;
-        }
-        // If view is not ready
-        if (!this.view || !((_a = this.view) === null || _a === void 0 ? void 0 : _a.ready)) {
-            return this.shareUrl;
-        }
-        // Use x/y values and the spatial reference of the view to instantiate a geometry point
-        const { x, y } = this.view.center;
-        const { spatialReference } = this.view;
-        const [Point, SpatialReference] = await loadModules(['esri/geometry/Point', 'esri/geometry/SpatialReference']);
-        const updatedSpatialReference = new SpatialReference(Object.assign({}, spatialReference.toJSON()));
-        const centerPoint = new Point({
-            x,
-            y,
-            spatialReference: updatedSpatialReference,
-        });
-        // Use pointToConvert to project point. Once projected, pass point to generate the share URL parameters
-        const point = await this.processPoint(centerPoint);
-        const { isWGS84, isWebMercator } = point.spatialReference;
-        const isNotProjected = isWGS84 || isWebMercator;
-        return this.generateShareUrlParams(point, isNotProjected);
-    }
-    async processPoint(point) {
-        const { isWGS84, isWebMercator } = point.spatialReference;
-        // If spatial reference is WGS84 or Web Mercator, use longitude/latitude values to generate the share URL parameters
-        if (isWGS84 || isWebMercator) {
-            return point;
-        }
-        const [SpatialReference, projection] = await loadModules(['esri/geometry/SpatialReference', 'esri/geometry/projection']);
-        const outputSpatialReference = new SpatialReference({ wkid: 4326 });
-        try {
-            await projection.load();
-            const projectedPoint = projection.project(point, outputSpatialReference);
-            return Promise.resolve(projectedPoint);
-        }
-        catch (err) {
-            console.error('Failed to project point', err);
-            return Promise.reject(null);
-        }
-    }
-    generateShareUrlParams(point, isNotProjected) {
-        var _a, _b, _c, _d, _e;
-        const { longitude, latitude, x, y } = point;
-        if (longitude === undefined || latitude === undefined) {
-            return this.shareUrl;
-        }
-        const roundedLon = this.roundValue(isNotProjected ? longitude : x);
-        const roundedLat = this.roundValue(isNotProjected ? latitude : y);
-        const { zoom } = this.view;
-        const roundedZoom = this.roundValue(zoom);
-        const graphic = (_b = (_a = this.view) === null || _a === void 0 ? void 0 : _a.popup) === null || _b === void 0 ? void 0 : _b.selectedFeature;
-        const visible = (_d = (_c = this.view) === null || _c === void 0 ? void 0 : _c.popup) === null || _d === void 0 ? void 0 : _d.visible;
-        let layerId;
-        let oid;
-        let hiddenLayers;
-        if (graphic && visible && ((_e = graphic === null || graphic === void 0 ? void 0 : graphic.layer) === null || _e === void 0 ? void 0 : _e.type) === 'feature') {
-            const featureLayer = graphic === null || graphic === void 0 ? void 0 : graphic.layer;
-            layerId = featureLayer === null || featureLayer === void 0 ? void 0 : featureLayer.id;
-            oid = graphic.attributes[featureLayer.objectIdField];
-        }
-        hiddenLayers = this.view.map.allLayers
-            .filter(layer => !layer.visible)
-            .toArray()
-            .map(featureLayer => featureLayer.id)
-            .toString()
-            .replaceAll(',', ';');
-        const { type } = this.view;
-        const { defaultUrlParams } = this;
-        const url = new URL(this.shareUrl);
-        const { searchParams } = url;
-        // Resets existing URL params
-        if (searchParams.get('center'))
-            searchParams.delete('center');
-        if (searchParams.get('level'))
-            searchParams.delete('level');
-        if (searchParams.get('selectedFeature'))
-            searchParams.delete('selectedFeature');
-        if (searchParams.get('hiddenLayers'))
-            searchParams.delete('hiddenLayers');
-        if (searchParams.get('viewpoint'))
-            searchParams.delete('viewpoint');
-        // Checks if view.type is 3D, if so, set 3D url parameters
-        if (type === '3d') {
-            // viewpoint=cam:{camera.position.longitude},{camera.position.latitude},{camera.position.z};{camera.heading},{camera.tilt}
-            const { camera } = this.view;
-            const { heading, position, tilt } = camera;
-            const { longitude, latitude, z } = position;
-            const viewpoint_Values = {
-                longitude: this.roundValue(longitude, 8),
-                latitude: this.roundValue(latitude, 8),
-                z: this.roundValue(z, 3),
-                heading: this.roundValue(heading, 3),
-                tilt: this.roundValue(tilt, 3),
-            };
-            const viewpointVal = `cam:${viewpoint_Values.longitude},${viewpoint_Values.latitude},${viewpoint_Values.z};${viewpoint_Values.heading},${viewpoint_Values.tilt}`;
-            if ((defaultUrlParams === null || defaultUrlParams === void 0 ? void 0 : defaultUrlParams.viewpoint) !== false)
-                url.searchParams.set('viewpoint', viewpointVal);
-            if (layerId && oid && (defaultUrlParams === null || defaultUrlParams === void 0 ? void 0 : defaultUrlParams.selectedFeature) !== false)
-                url.searchParams.set('selectedFeature', `${layerId};${oid}`);
-            if (hiddenLayers && (defaultUrlParams === null || defaultUrlParams === void 0 ? void 0 : defaultUrlParams.hiddenLayers) !== false)
-                url.searchParams.set('hiddenLayers', hiddenLayers);
-            url.search = decodeURIComponent(url.search);
-            return url.href;
-        }
-        // Otherwise, just return original url for 2D
-        if ((defaultUrlParams === null || defaultUrlParams === void 0 ? void 0 : defaultUrlParams.center) !== false)
-            url.searchParams.set('center', `${roundedLon};${roundedLat}`);
-        if ((defaultUrlParams === null || defaultUrlParams === void 0 ? void 0 : defaultUrlParams.level) !== false)
-            url.searchParams.set('level', `${roundedZoom}`);
-        if (layerId && oid && (defaultUrlParams === null || defaultUrlParams === void 0 ? void 0 : defaultUrlParams.selectedFeature) !== false)
-            url.searchParams.set('selectedFeature', `${layerId};${oid}`);
-        if (hiddenLayers && (defaultUrlParams === null || defaultUrlParams === void 0 ? void 0 : defaultUrlParams.hiddenLayers) !== false)
-            url.searchParams.set('hiddenLayers', hiddenLayers);
-        url.search = decodeURIComponent(url.search);
-        return url.href;
-    }
-    roundValue(val, decimalPoints = 4) {
-        return parseFloat(val.toFixed(decimalPoints));
-    }
-    get el() { return getElement(this); }
-};
-InstantAppsSocialShare.style = InstantAppsSocialShareStyle0;
-
-export { InstantAppsFilterList as instant_apps_filter_list, InstantAppsSocialShare as instant_apps_social_share };