@esri/solutions-components 0.6.23 → 0.6.26

package/dist/cjs/edit-card_2.cjs.entry.js

@@ -1,427 +0,0 @@
-/*!
- * Copyright 2022 Esri
- * Licensed under the Apache License, Version 2.0
- * http://www.apache.org/licenses/LICENSE-2.0
- */
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-1ffa261f.js');
-const loadModules = require('./loadModules-03328b9d.js');
-const locale = require('./locale-d50f3250.js');
-require('./_commonjsHelpers-384729db.js');
-
-const editCardCss = ":host{display:block}.padding-bottom-1{padding-bottom:1rem}.font-bold{font-weight:var(--calcite-font-weight-bold)}.font-500{font-weight:var(--calcite-font-weight-medium)}.font-italic{font-style:italic}#feature-form{--calcite-ui-background:none;padding-top:0px}.padding-sides-bottom-1{padding:0 1rem 1rem 1rem}.position-relative{position:relative}.esri-editor__prompt--danger{position:relative !important;width:100% !important;background-color:var(--calcite-ui-foreground-1) !important}.esri-feature__content-node{background-color:var(--calcite-ui-foreground-1) !important}.esri-editor__panel-toolbar{display:none !important}";
-
-const EditCard = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.closeEdit = index.createEvent(this, "closeEdit", 7);
-    this.editsComplete = index.createEvent(this, "editsComplete", 7);
-    /**
-     * boolean: When true the Editor widget should be closed
-     */
-    this._shouldClose = false;
-    this.graphics = undefined;
-    this.mapView = undefined;
-    this.open = false;
-    this.graphicIndex = 0;
-    this._editorLoading = false;
-    this._translations = undefined;
-  }
-  //--------------------------------------------------------------------------
-  //
-  //  Watch handlers
-  //
-  //--------------------------------------------------------------------------
-  /**
-   * Watch for changes to the graphics and update the feature widget
-   */
-  async graphicsWatchHandler() {
-    if (this.graphics.length === 0) {
-      this._shouldClose = false;
-      this.closeEdit.emit();
-    }
-  }
-  async openWatchHandler(v) {
-    var _a;
-    if (v && ((_a = this.graphics) === null || _a === void 0 ? void 0 : _a.length) > 0 && this.graphicIndex > -1) {
-      this._editorLoading = true;
-      this._initEditorWidget();
-      if (this.graphicIndex > -1 && this.graphics.length > 0 && this.open && !this._shouldClose) {
-        await this._editor.startUpdateWorkflowAtFeatureEdit(this.graphics[this.graphicIndex]);
-        this._shouldClose = true;
-      }
-      this._editorLoading = false;
-    }
-    if (!v) {
-      this._shouldClose = false;
-      this.closeEdit.emit();
-    }
-  }
-  //--------------------------------------------------------------------------
-  //
-  //  Functions (lifecycle)
-  //
-  //--------------------------------------------------------------------------
-  /**
-   * StencilJS: Called once just after the component is first connected to the DOM.
-   *
-   * @returns Promise when complete
-   */
-  async componentWillLoad() {
-    await this._initModules();
-    await this._getTranslations();
-  }
-  /**
-   * Special handeling when used with layer-table.
-   * This allows us to only fetch graphics when the modal is opened rather than with every render of the layer-table.
-   *
-   * @returns Promise when complete
-   */
-  async componentWillRender() {
-    var _a, _b;
-    const layerTableElements = document.getElementsByTagName("layer-table");
-    if (layerTableElements.length === 1) {
-      const layerTable = layerTableElements[0];
-      this.graphics = await layerTable.getSelectedGraphics();
-    }
-    if (((_a = this.graphics) === null || _a === void 0 ? void 0 : _a.length) > 0 && ((_b = this.graphics[0]) === null || _b === void 0 ? void 0 : _b.layer)) {
-      this._layer = this.graphics[0].layer;
-      if (this._layerEditHandle) {
-        this._layerEditHandle.remove();
-      }
-      this._layerEditHandle = this._layer.on("edits", () => {
-        this._editorLoading = true;
-        this.editsComplete.emit();
-        this._shouldClose = false;
-        this._initEditorWidget();
-        void this._editor.startUpdateWorkflowAtFeatureEdit(this.graphics[this.graphicIndex]);
-        this._shouldClose = true;
-        this._editorLoading = false;
-      });
-    }
-  }
-  /**
-   * Renders the component.
-   */
-  render() {
-    var _a;
-    // This is a temp workaround hopefully...this._editingDisabled should reflect the current state but does not
-    // when you use MULTI edit mode...is fine in SINGLE
-    const editDisabled = ((_a = this.graphics) === null || _a === void 0 ? void 0 : _a.length) > 0 && this.graphics[0] ?
-      !this.graphics[0].layer.editingEnabled : true;
-    const tableNodeClass = this._editorLoading ? "display-none" : "";
-    const loadingClass = this._editorLoading ? "" : "display-none";
-    return (index.h(index.Host, null, index.h("div", { class: "position-relative" }, editDisabled ? (index.h("calcite-notice", { kind: "warning", open: true, slot: "content-top", width: "full" }, index.h("div", { slot: "message" }, this._translations.enableEditing))) : undefined, index.h("div", { slot: "content" }, index.h("div", { class: tableNodeClass, id: "feature-form", ref: (el) => this._editContainer = el }), index.h("calcite-loader", { class: loadingClass, scale: "s" })))));
-  }
-  //--------------------------------------------------------------------------
-  //
-  //  Functions (protected)
-  //
-  //--------------------------------------------------------------------------
-  /**
-   * Load esri javascript api modules
-   *
-   * @returns Promise resolving when function is done
-   */
-  async _initModules() {
-    const [Editor, reactiveUtils] = await loadModules.loadModules([
-      "esri/widgets/Editor",
-      "esri/core/reactiveUtils"
-    ]);
-    this.Editor = Editor;
-    this.reactiveUtils = reactiveUtils;
-  }
-  /**
-   * Init the Editor widget so we can display the popup content
-   *
-   * @returns void
-   */
-  _initEditorWidget() {
-    if (this.mapView && this.graphics && this.graphics.length > 0 && this.graphics[0]) {
-      if (this._editor) {
-        this._editor.destroy();
-      }
-      const container = document.createElement("div");
-      this._editor = new this.Editor({
-        allowedWorkflows: "update",
-        view: this.mapView,
-        visibleElements: {
-          snappingControls: false,
-          sketchTooltipControls: false
-        },
-        container
-      });
-      if (this._editHandle && this._attachmentHandle && this._activeWorkflowHandle) {
-        this._editHandle.remove();
-        this._attachmentHandle.remove();
-        this._activeWorkflowHandle.remove();
-      }
-      this._attachmentHandle = this.reactiveUtils.when(() => this._editor.viewModel.state === "adding-attachment" ||
-        this._editor.viewModel.state === "editing-attachment" ||
-        this._editor.viewModel.state === "creating-features", () => {
-        this._shouldClose = false;
-      });
-      this._editHandle = this.reactiveUtils.when(() => this._editor.viewModel.state === "ready", () => {
-        if (this._shouldClose) {
-          this._shouldClose = false;
-          this.closeEdit.emit();
-        }
-        else if (this.graphicIndex > -1 && this.graphics.length > 0 && this.open && !this._shouldClose) {
-          void this._editor.startUpdateWorkflowAtFeatureEdit(this.graphics[this.graphicIndex]);
-          this._shouldClose = true;
-        }
-      });
-      this._activeWorkflowHandle = this.reactiveUtils.watch(() => { var _a; return (_a = this._editor.viewModel.activeWorkflow) === null || _a === void 0 ? void 0 : _a.activeWorkflow; }, (activeWorkflow) => {
-        if ((activeWorkflow === null || activeWorkflow === void 0 ? void 0 : activeWorkflow.type) === "update-table-record" || (activeWorkflow === null || activeWorkflow === void 0 ? void 0 : activeWorkflow.type) === "create-features") {
-          this._shouldClose = false;
-        }
-      });
-      // had issues with destroy before adding like this
-      this._editContainer.appendChild(container);
-    }
-  }
-  /**
-   * Fetches the component's translations
-   *
-   * @returns Promise when complete
-   */
-  async _getTranslations() {
-    const messages = await locale.getLocaleComponentStrings(this.el);
-    this._translations = messages[0];
-  }
-  get el() { return index.getElement(this); }
-  static get watchers() { return {
-    "graphics": ["graphicsWatchHandler"],
-    "open": ["openWatchHandler"]
-  }; }
-};
-EditCard.style = editCardCss;
-
-const infoCardCss = ":host{display:block;--calcite-label-margin-bottom:0}table{border-collapse:collapse;width:100%}th,td{text-align:left;padding:8px}tr:nth-child(odd){background:var(--calcite-ui-foreground-2)}.bottom-border{padding-bottom:0.5rem;border-bottom:1px solid var(--calcite-ui-border-1)}.padding-1-2{padding:0.5rem}.padding-top-1-2{padding-top:0.5rem}.font-color-3{color:var(--calcite-ui-text-3)}.display-none{display:none !important}.display-flex{display:flex}.position-absolute{position:absolute;top:0;right:0;bottom:0;left:0;overflow:auto}.esri-features__footer{display:none !important}.button-container{justify-content:space-between;align-items:center}.top-border{border-top:1px solid var(--calcite-ui-border-1)}.min-width-100{min-width:100px}.width-100{width:100%}.esri-features__container{padding:0.5rem !important;background-color:var(--calcite-ui-foreground-1) !important;height:100% !important}";
-
-const InfoCard = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.selectionChanged = index.createEvent(this, "selectionChanged", 7);
-    this.graphics = undefined;
-    this.isLoading = false;
-    this.mapView = undefined;
-    this.zoomAndScrollToSelected = undefined;
-    this._alertOpen = false;
-    this._count = "";
-    this._editRecordOpen = false;
-    this._translations = undefined;
-  }
-  //--------------------------------------------------------------------------
-  //
-  //  Watch handlers
-  //
-  //--------------------------------------------------------------------------
-  /**
-   * Watch for changes to the graphic and update the feature widget
-   */
-  async graphicsWatchHandler() {
-    var _a;
-    if (!this._features) {
-      await this._initFeaturesWidget();
-    }
-    if (this.graphics.length > 0) {
-      const featureLayer = (_a = this.graphics[0]) === null || _a === void 0 ? void 0 : _a.layer;
-      this._editEnabled = featureLayer.editingEnabled && featureLayer.capabilities.operations.supportsUpdate;
-      this._features.open({
-        features: this.graphics
-      });
-    }
-    else {
-      this._features.clear();
-      this._features.close();
-    }
-  }
-  /**
-   * Watch for changes to the mapView and re-init the Feature widget
-   */
-  async mapViewWatchHandler() {
-    return await this._initFeaturesWidget();
-  }
-  //--------------------------------------------------------------------------
-  //
-  //  Methods (public)
-  //
-  //--------------------------------------------------------------------------
-  /**
-   * Get the current selected feature from the Features widget
-   *
-   * @returns Promise resolving with the current feature
-   */
-  async getSelectedFeature() {
-    return this._features.selectedFeature;
-  }
-  /**
-   * Respond to and close the edit record display
-   *
-   * @returns a promise when the operation has completed
-   */
-  async closeEdit() {
-    this._editRecordOpen = false;
-  }
-  //--------------------------------------------------------------------------
-  //
-  //  Functions (lifecycle)
-  //
-  //--------------------------------------------------------------------------
-  /**
-   * StencilJS: Called once just after the component is first connected to the DOM.
-   *
-   * @returns Promise when complete
-   */
-  async componentWillLoad() {
-    await this._initModules();
-    await this._getTranslations();
-  }
-  /**
-   * Renders the component.
-   */
-  render() {
-    var _a, _b, _c;
-    const loadingClass = this.isLoading ? "" : "display-none";
-    const featureNodeClass = this.isLoading || this._editRecordOpen ? "display-none" : "position-absolute";
-    const editClass = !this.isLoading && this._editRecordOpen ? "position-absolute" : "display-none";
-    const editButtonClass = !this.isLoading && this._editRecordOpen ? "display-none" : "";
-    const nextBackDisabled = ((_b = (_a = this._features) === null || _a === void 0 ? void 0 : _a.features) === null || _b === void 0 ? void 0 : _b.length) < 2;
-    return (index.h(index.Host, null, index.h("calcite-shell", null, index.h("calcite-loader", { class: loadingClass, label: this._translations.fetchingData }), index.h("div", { class: "esri-widget " + featureNodeClass, id: "features-node" }), index.h("div", { class: `${editButtonClass} width-100`, slot: "footer" }, index.h("div", { class: "display-flex top-border padding-1-2" }, index.h("calcite-button", { appearance: "solid", "icon-start": "pencil", id: "solutions-edit", onClick: () => this._openEditRecord(), width: "full" }, this._translations.edit), index.h("calcite-tooltip", { label: "", placement: "bottom", "reference-element": "solutions-edit" }, index.h("span", null, this._translations.edit))), index.h("div", { class: "display-flex padding-1-2 button-container top-border" }, index.h("div", { class: "min-width-100" }, index.h("calcite-button", { appearance: "outline", disabled: nextBackDisabled, id: "solutions-back", onClick: () => this._back(), width: "full" }, this._translations.back), index.h("calcite-tooltip", { label: "", placement: "top", "reference-element": "solutions-back" }, index.h("span", null, this._translations.back))), index.h("div", null, this._getCount()), index.h("div", { class: "min-width-100" }, index.h("calcite-button", { appearance: "outline", disabled: nextBackDisabled, id: "solutions-next", onClick: () => this._next(), width: "full" }, this._translations.next), index.h("calcite-tooltip", { label: "", placement: "top", "reference-element": "solutions-next" }, index.h("span", null, this._translations.next))))), index.h("edit-card", { class: editClass, graphicIndex: (_c = this._features) === null || _c === void 0 ? void 0 : _c.selectedFeatureIndex, graphics: this.graphics, mapView: this.mapView, open: this._editRecordOpen }), index.h("calcite-alert", { icon: "layer-broken", kind: "warning", label: "", onCalciteAlertClose: () => this._alertClosed(), open: this._alertOpen, placement: "top" }, index.h("div", { slot: "title" }, this._translations.editDisabled), index.h("div", { slot: "message" }, this._translations.enableEditing)))));
-  }
-  //--------------------------------------------------------------------------
-  //
-  //  Functions (protected)
-  //
-  //--------------------------------------------------------------------------
-  /**
-   * Load esri javascript api modules
-   *
-   * @returns Promise resolving when function is done
-   *
-   * @protected
-   */
-  async _initModules() {
-    const [Features, reactiveUtils] = await loadModules.loadModules([
-      "esri/widgets/Features",
-      "esri/core/reactiveUtils"
-    ]);
-    this.Features = Features;
-    this.reactiveUtils = reactiveUtils;
-  }
-  /**
-   * Init the Feature widget so we can display the popup content
-   *
-   * @returns a promise when the operation has completed
-   *
-   * @protected
-   */
-  async _initFeaturesWidget() {
-    return await this.mapView.when(() => {
-      if (!this._features) {
-        this._features = new this.Features({
-          view: this.mapView,
-          container: "features-node",
-          visibleElements: {
-            actionBar: false,
-            closeButton: false,
-            heading: true
-          }
-        });
-        if (this.zoomAndScrollToSelected) {
-          this.reactiveUtils.watch(() => this._features.selectedFeatureIndex, (i) => {
-            if (i > -1) {
-              this.selectionChanged.emit(this._features.selectedFeature);
-            }
-          });
-        }
-      }
-      else {
-        this._features.view = this.mapView;
-      }
-    });
-  }
-  /**
-   * Set the alertOpen member to false when the alert is closed
-   *
-   * @returns void
-   */
-  _alertClosed() {
-    this._alertOpen = false;
-  }
-  /**
-   * Close the edit record
-   *
-   * @returns void
-   */
-  _editRecordClosed() {
-    this._editRecordOpen = false;
-  }
-  /**
-   * Open the edit record
-   *
-   * @returns void
-   */
-  _openEditRecord() {
-    if (this._editEnabled) {
-      this._editRecordOpen = true;
-    }
-    else {
-      this._alertOpen = true;
-    }
-  }
-  /**
-   * Go to the previous feature in the features widget
-   *
-   * @returns void
-   */
-  _back() {
-    this._features.previous();
-    this._count = this._getCount();
-  }
-  /**
-   * Go to the next feature in the features widget
-   *
-   * @returns void
-   */
-  _next() {
-    this._features.next();
-    this._count = this._getCount();
-  }
-  /**
-   * Get the current index of total string
-   *
-   * @returns the index of total string
-   */
-  _getCount() {
-    var _a, _b, _c;
-    const index = (((_a = this._features) === null || _a === void 0 ? void 0 : _a.viewModel.selectedFeatureIndex) + 1).toString();
-    const total = (_c = (_b = this._features) === null || _b === void 0 ? void 0 : _b.features) === null || _c === void 0 ? void 0 : _c.length.toString();
-    return this._translations.indexOfTotal
-      .replace("{{index}}", index)
-      .replace("{{total}}", total);
-  }
-  /**
-   * Fetches the component's translations
-   *
-   * @returns Promise when complete
-   * @protected
-   */
-  async _getTranslations() {
-    const messages = await locale.getLocaleComponentStrings(this.el);
-    this._translations = messages[0];
-  }
-  get el() { return index.getElement(this); }
-  static get watchers() { return {
-    "graphics": ["graphicsWatchHandler"],
-    "mapView": ["mapViewWatchHandler"]
-  }; }
-};
-InfoCard.style = infoCardCss;
-
-exports.edit_card = EditCard;
-exports.info_card = InfoCard;

package/dist/cjs/sl-bf82d012.js

@@ -1,64 +0,0 @@
-/*!
- * Copyright 2022 Esri
- * Licensed under the Apache License, Version 2.0
- * http://www.apache.org/licenses/LICENSE-2.0
- */
-'use strict';
-
-const calciteInputTimePicker_entry = require('./calcite-input-time-picker-0b068c1f.js');
-require('./index-1ffa261f.js');
-require('./form-78a3337d.js');
-require('./dom-8d00cc3f.js');
-require('./guid-c351776c.js');
-require('./resources-2278b321.js');
-require('./interactive-7837b73d.js');
-require('./browser-596d8e1e.js');
-require('./key-07312a4b.js');
-require('./label-39887629.js');
-require('./loadable-d12ec307.js');
-require('./locale-6479f239.js');
-require('./observers-62ea89bc.js');
-require('./focusTrapComponent-93fc2e12.js');
-require('./time-9ffa9ce7.js');
-require('./math-3dc91b82.js');
-require('./t9n-c630f16d.js');
-
-// Slovenian [sl]
-var locale = {
-  name: 'sl',
-  weekdays: 'nedelja_ponedeljek_torek_sreda_četrtek_petek_sobota'.split('_'),
-  months: 'januar_februar_marec_april_maj_junij_julij_avgust_september_oktober_november_december'.split('_'),
-  weekStart: 1,
-  weekdaysShort: 'ned._pon._tor._sre._čet._pet._sob.'.split('_'),
-  monthsShort: 'jan._feb._mar._apr._maj._jun._jul._avg._sep._okt._nov._dec.'.split('_'),
-  weekdaysMin: 'ne_po_to_sr_če_pe_so'.split('_'),
-  ordinal: function ordinal(n) {
-    return n + ".";
-  },
-  formats: {
-    LT: 'H:mm',
-    LTS: 'H:mm:ss',
-    L: 'DD.MM.YYYY',
-    LL: 'D. MMMM YYYY',
-    LLL: 'D. MMMM YYYY H:mm',
-    LLLL: 'dddd, D. MMMM YYYY H:mm'
-  },
-  relativeTime: {
-    future: 'čez %s',
-    past: 'pred %s',
-    s: 'nekaj sekund',
-    m: 'minuta',
-    mm: '%d minut',
-    h: 'ura',
-    hh: '%d ur',
-    d: 'dan',
-    dd: '%d dni',
-    M: 'mesec',
-    MM: '%d mesecev',
-    y: 'leto',
-    yy: '%d let'
-  }
-};
-calciteInputTimePicker_entry.dayjs.locale(locale, null, true);
-
-exports.default = locale;