@esri/solutions-components 0.3.2 → 0.3.3

package/dist/components/config-draw-tools.js

@@ -1,121 +0,0 @@
-/*!
- * Copyright 2022 Esri
- * Licensed under the Apache License, Version 2.0
- * http://www.apache.org/licenses/LICENSE-2.0
- */
-import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
-import { g as getLocaleComponentStrings } from './locale.js';
-import { d as defineCustomElement$4 } from './checkbox.js';
-import { d as defineCustomElement$3 } from './label.js';
-import { d as defineCustomElement$2 } from './check-list2.js';
-
-const configDrawToolsCss = ":host{display:block}.label-spacing{--calcite-label-margin-bottom:0}.padding-block-end-1{-webkit-padding-after:1rem;padding-block-end:1rem}.padding-inline-start-1{-webkit-padding-start:1rem;padding-inline-start:1rem}";
-
-const ConfigDrawTools$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
-  constructor() {
-    super();
-    this.__registerHost();
-    this.__attachShadow();
-    this.defaultChecked = true;
-    this._translations = undefined;
-  }
-  //--------------------------------------------------------------------------
-  //
-  //  Watch handlers
-  //
-  //--------------------------------------------------------------------------
-  //--------------------------------------------------------------------------
-  //
-  //  Methods (public)
-  //
-  //--------------------------------------------------------------------------
-  /**
-   * Returns a key/value pair that represents the checkbox value and checked state
-   *
-   * @returns Promise with the state of the checkboxes
-   */
-  async getConfigInfo() {
-    return this._checkList.getConfigInfo();
-  }
-  //--------------------------------------------------------------------------
-  //
-  //  Events (public)
-  //
-  //--------------------------------------------------------------------------
-  //--------------------------------------------------------------------------
-  //
-  //  Functions (lifecycle)
-  //
-  //--------------------------------------------------------------------------
-  /**
-   * StencilJS: Called once just after the component is first connected to the DOM.
-   *
-   * @returns Promise when complete
-   */
-  async componentWillLoad() {
-    await this._getTranslations();
-  }
-  /**
-   * Renders the component.
-   */
-  render() {
-    const nlsTypes = this._translations.types || {};
-    const types = Object.keys(nlsTypes).map(k => nlsTypes[k]);
-    return (h(Host, null, h("div", null, h("div", { class: "padding-block-end-1" }, h("calcite-label", { class: "label-spacing" }, this._translations.drawTools)), h("div", { class: "padding-inline-start-1" }, h("check-list", { defaultChecked: this.defaultChecked, ref: (el) => { this._checkList = el; }, values: types })))));
-  }
-  //--------------------------------------------------------------------------
-  //
-  //  Functions (protected)
-  //
-  //--------------------------------------------------------------------------
-  /**
-   * Fetches the component's translations
-   *
-   * @returns Promise when complete
-   * @protected
-   */
-  async _getTranslations() {
-    const messages = await getLocaleComponentStrings(this.el);
-    this._translations = messages[0];
-  }
-  get el() { return this; }
-  static get style() { return configDrawToolsCss; }
-}, [1, "config-draw-tools", {
-    "defaultChecked": [516, "default-checked"],
-    "_translations": [32],
-    "getConfigInfo": [64]
-  }]);
-function defineCustomElement$1() {
-  if (typeof customElements === "undefined") {
-    return;
-  }
-  const components = ["config-draw-tools", "calcite-checkbox", "calcite-label", "check-list"];
-  components.forEach(tagName => { switch (tagName) {
-    case "config-draw-tools":
-      if (!customElements.get(tagName)) {
-        customElements.define(tagName, ConfigDrawTools$1);
-      }
-      break;
-    case "calcite-checkbox":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$4();
-      }
-      break;
-    case "calcite-label":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$3();
-      }
-      break;
-    case "check-list":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$2();
-      }
-      break;
-  } });
-}
-defineCustomElement$1();
-
-const ConfigDrawTools = ConfigDrawTools$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { ConfigDrawTools, defineCustomElement };

package/dist/components/config-layer-picker.d.ts

@@ -1,11 +0,0 @@
-import type { Components, JSX } from "../types/components";
-
-interface ConfigLayerPicker extends Components.ConfigLayerPicker, HTMLElement {}
-export const ConfigLayerPicker: {
-  prototype: ConfigLayerPicker;
-  new (): ConfigLayerPicker;
-};
-/**
- * Used to define this component and all nested components recursively.
- */
-export const defineCustomElement: () => void;

package/dist/components/config-layer-picker.js

@@ -1,163 +0,0 @@
-/*!
- * Copyright 2022 Esri
- * Licensed under the Apache License, Version 2.0
- * http://www.apache.org/licenses/LICENSE-2.0
- */
-import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
-import { g as getLocaleComponentStrings } from './locale.js';
-import { g as getMapLayerNames } from './mapViewUtils.js';
-import { d as defineCustomElement$6 } from './chip.js';
-import { d as defineCustomElement$5 } from './combobox.js';
-import { d as defineCustomElement$4 } from './combobox-item.js';
-import { d as defineCustomElement$3 } from './icon.js';
-import { d as defineCustomElement$2 } from './label.js';
-
-const configLayerPickerCss = ":host{display:block}.label-spacing{--calcite-label-margin-bottom:0}.padding-block-end-1{-webkit-padding-after:1rem;padding-block-end:1rem}.padding-inline-start-1{-webkit-padding-start:1rem;padding-inline-start:1rem}";
-
-const ConfigLayerPicker$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
-  constructor() {
-    super();
-    this.__registerHost();
-    this.__attachShadow();
-    this.defaultChecked = true;
-    this.instruction = "";
-    this.mapView = undefined;
-    this._layerNames = [];
-    this._translations = undefined;
-  }
-  //--------------------------------------------------------------------------
-  //
-  //  Watch handlers
-  //
-  //--------------------------------------------------------------------------
-  /**
-   * Called each time the mapView prop is changed.
-   *
-   */
-  async watchStateHandler() {
-    await this._setLayers();
-  }
-  //--------------------------------------------------------------------------
-  //
-  //  Methods (public)
-  //
-  //--------------------------------------------------------------------------
-  /**
-   * Returns a list of layers that have been selected
-   *
-   * @returns Promise with a list of layer names to use
-   */
-  async getConfigInfo() {
-    return typeof this._checkList.value === "string" ?
-      [this._checkList.value] : this._checkList.value;
-  }
-  //--------------------------------------------------------------------------
-  //
-  //  Events (public)
-  //
-  //--------------------------------------------------------------------------
-  //--------------------------------------------------------------------------
-  //
-  //  Functions (lifecycle)
-  //
-  //--------------------------------------------------------------------------
-  /**
-   * StencilJS: Called once just after the component is first connected to the DOM.
-   *
-   * @returns Promise when complete
-   */
-  async componentWillLoad() {
-    await this._setLayers();
-    await this._getTranslations();
-  }
-  /**
-   * Renders the component.
-   */
-  render() {
-    return (h(Host, null, h("div", null, h("div", { class: "padding-block-end-1" }, h("calcite-label", { class: "label-spacing" }, this.instruction || this._translations.chooseLayer)), h("div", { class: "padding-inline-start-1" }, h("calcite-combobox", { label: '', overlayPositioning: "fixed", ref: (el) => { this._checkList = el; }, selectionMode: "multiple" }, this._getComboboxItems())))));
-  }
-  //--------------------------------------------------------------------------
-  //
-  //  Functions (protected)
-  //
-  //--------------------------------------------------------------------------
-  _getComboboxItems() {
-    return this._layerNames ? this._layerNames.map(name => (h("calcite-combobox-item", { textLabel: name, value: name }))) : [];
-  }
-  /**
-   * Fetch the names of the layers from the map
-   *
-   * @returns Promise when the operation has completed
-   */
-  async _setLayers() {
-    if (this.mapView) {
-      this._layerNames = await getMapLayerNames(this.mapView);
-    }
-  }
-  /**
-   * Fetches the component's translations
-   *
-   * @returns Promise when complete
-   * @protected
-   */
-  async _getTranslations() {
-    const messages = await getLocaleComponentStrings(this.el);
-    this._translations = messages[0];
-  }
-  get el() { return this; }
-  static get watchers() { return {
-    "mapView": ["watchStateHandler"]
-  }; }
-  static get style() { return configLayerPickerCss; }
-}, [1, "config-layer-picker", {
-    "defaultChecked": [516, "default-checked"],
-    "instruction": [1],
-    "mapView": [16],
-    "_layerNames": [32],
-    "_translations": [32],
-    "getConfigInfo": [64]
-  }]);
-function defineCustomElement$1() {
-  if (typeof customElements === "undefined") {
-    return;
-  }
-  const components = ["config-layer-picker", "calcite-chip", "calcite-combobox", "calcite-combobox-item", "calcite-icon", "calcite-label"];
-  components.forEach(tagName => { switch (tagName) {
-    case "config-layer-picker":
-      if (!customElements.get(tagName)) {
-        customElements.define(tagName, ConfigLayerPicker$1);
-      }
-      break;
-    case "calcite-chip":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$6();
-      }
-      break;
-    case "calcite-combobox":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$5();
-      }
-      break;
-    case "calcite-combobox-item":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$4();
-      }
-      break;
-    case "calcite-icon":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$3();
-      }
-      break;
-    case "calcite-label":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$2();
-      }
-      break;
-  } });
-}
-defineCustomElement$1();
-
-const ConfigLayerPicker = ConfigLayerPicker$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { ConfigLayerPicker, defineCustomElement };

package/dist/components/config-pdf-download.d.ts

@@ -1,11 +0,0 @@
-import type { Components, JSX } from "../types/components";
-
-interface ConfigPdfDownload extends Components.ConfigPdfDownload, HTMLElement {}
-export const ConfigPdfDownload: {
-  prototype: ConfigPdfDownload;
-  new (): ConfigPdfDownload;
-};
-/**
- * Used to define this component and all nested components recursively.
- */
-export const defineCustomElement: () => void;

package/dist/components/config-pdf-download.js

@@ -1,154 +0,0 @@
-/*!
- * Copyright 2022 Esri
- * Licensed under the Apache License, Version 2.0
- * http://www.apache.org/licenses/LICENSE-2.0
- */
-import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
-import { g as getLocaleComponentStrings } from './locale.js';
-import { p as pdfUtils } from './labelFormats.js';
-import { d as defineCustomElement$4 } from './checkbox.js';
-import { d as defineCustomElement$3 } from './label.js';
-import { d as defineCustomElement$2 } from './check-list2.js';
-
-const configPdfDownloadCss = ":host{display:block}.label-spacing{--calcite-label-margin-bottom:0}.padding-block-end-1{-webkit-padding-after:1rem;padding-block-end:1rem}.padding-inline-start-1{-webkit-padding-start:1rem;padding-inline-start:1rem}";
-
-const ConfigPdfDownload$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
-  constructor() {
-    super();
-    this.__registerHost();
-    this.__attachShadow();
-    this.defaultChecked = true;
-    this._formatOptions = [];
-    this._translations = undefined;
-  }
-  //--------------------------------------------------------------------------
-  //
-  //  Watch handlers
-  //
-  //--------------------------------------------------------------------------
-  //--------------------------------------------------------------------------
-  //
-  //  Methods (public)
-  //
-  //--------------------------------------------------------------------------
-  /**
-   * Returns a key/value pair that represents the checkbox value and checked state
-   *
-   * @returns Promise with the state of the checkboxes
-   */
-  async getConfigInfo() {
-    const formatOptions = await this._formatOptionsCheckList.getConfigInfo();
-    const csvOptions = await this._csvOptionsCheckList.getConfigInfo();
-    return Object.assign(Object.assign({}, formatOptions), csvOptions);
-  }
-  //--------------------------------------------------------------------------
-  //
-  //  Events (public)
-  //
-  //--------------------------------------------------------------------------
-  //--------------------------------------------------------------------------
-  //
-  //  Functions (lifecycle)
-  //
-  //--------------------------------------------------------------------------
-  /**
-   * StencilJS: Called once just after the component is first connected to the DOM.
-   *
-   * @returns Promise when complete
-   */
-  async componentWillLoad() {
-    await this._getTranslations();
-    await this._setFormatOptions();
-  }
-  /**
-   * Renders the component.
-   */
-  render() {
-    return (h(Host, null, h("div", null, h("div", { class: "padding-block-end-1" }, h("calcite-label", { class: "label-spacing" }, this._translations.availableLabelFormats)), h("div", { class: "padding-block-end-1 padding-inline-start-1" }, h("check-list", { defaultChecked: this.defaultChecked, ref: (el) => { this._formatOptionsCheckList = el; }, values: this._formatOptions })), h("div", { class: "padding-block-end-1" }, h("calcite-label", { class: "label-spacing" }, this._translations.csvOptions)), h("div", { class: "padding-block-end-1 padding-inline-start-1" }, h("check-list", { defaultChecked: this.defaultChecked, ref: (el) => { this._csvOptionsCheckList = el; }, values: [this._translations.csvColumnTitle] })))));
-  }
-  //--------------------------------------------------------------------------
-  //
-  //  Functions (protected)
-  //
-  //--------------------------------------------------------------------------
-  /**
-   * Fetch the names of the layers from the map
-   *
-   * @returns Promise when the operation has completed
-   */
-  async _setFormatOptions() {
-    const s = pdfUtils;
-    const sortedPdfIndo = (s.default || s).sort((a, b) => {
-      const _a = parseInt(a.descriptionPDF.labelsPerPageDisplay, 10);
-      const _b = parseInt(b.descriptionPDF.labelsPerPageDisplay, 10);
-      return _a < _b ? -1 : _a > _b ? 1 : 0;
-    });
-    this._formatOptions = sortedPdfIndo.map(l => {
-      return this._getLabelSizeText(l);
-    });
-  }
-  /**
-   * Gets the formatted pdf export size text
-   *
-   * @param labelInfo current user selected label info
-   *
-   * @returns the pdf label as a string
-   * @protected
-   */
-  _getLabelSizeText(labelInfo) {
-    const lNum = labelInfo.descriptionPDF.labelsPerPageDisplay;
-    const lSize = `${labelInfo.descriptionPDF.labelWidthDisplay} x ${labelInfo.descriptionPDF.labelHeightDisplay}`;
-    return this._translations.pdfLabel.replace("{{n}}", lNum).replace("{{labelSize}}", lSize);
-  }
-  /**
-   * Fetches the component's translations
-   *
-   * @returns Promise when complete
-   * @protected
-   */
-  async _getTranslations() {
-    const messages = await getLocaleComponentStrings(this.el);
-    this._translations = messages[0];
-  }
-  get el() { return this; }
-  static get style() { return configPdfDownloadCss; }
-}, [1, "config-pdf-download", {
-    "defaultChecked": [516, "default-checked"],
-    "_formatOptions": [32],
-    "_translations": [32],
-    "getConfigInfo": [64]
-  }]);
-function defineCustomElement$1() {
-  if (typeof customElements === "undefined") {
-    return;
-  }
-  const components = ["config-pdf-download", "calcite-checkbox", "calcite-label", "check-list"];
-  components.forEach(tagName => { switch (tagName) {
-    case "config-pdf-download":
-      if (!customElements.get(tagName)) {
-        customElements.define(tagName, ConfigPdfDownload$1);
-      }
-      break;
-    case "calcite-checkbox":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$4();
-      }
-      break;
-    case "calcite-label":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$3();
-      }
-      break;
-    case "check-list":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$2();
-      }
-      break;
-  } });
-}
-defineCustomElement$1();
-
-const ConfigPdfDownload = ConfigPdfDownload$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { ConfigPdfDownload, defineCustomElement };

package/dist/components/labelFormats.js

@@ -1,210 +0,0 @@
-/*!
- * Copyright 2022 Esri
- * Licensed under the Apache License, Version 2.0
- * http://www.apache.org/licenses/LICENSE-2.0
- */
-const labelFormats = [
-	{
-		descriptionPDF: {
-			labelWidthDisplay: "2-5/8",
-			labelHeightDisplay: "1",
-			labelsPerPageDisplay: "30",
-			averyPartNumber: "*60"
-		},
-		labelSpec: {
-			type: "AVERY",
-			pageDimensions: {
-				width: 8.5,
-				height: 11,
-				leftMargin: 0.1875,
-				rightMargin: 0.1875,
-				topMargin: 0.5,
-				bottomMargin: 0.5
-			},
-			numLabelsAcross: 3,
-			numLabelsDown: 10,
-			labelWidth: 2.625,
-			labelHeight: 1,
-			horizGapIn: 0.125,
-			vertGapIn: 0,
-			labelPadding: 0.1,
-			fontSizePx: 11,
-			maxNumLabelLines: 4
-		}
-	},
-	{
-		descriptionPDF: {
-			labelWidthDisplay: "4",
-			labelHeightDisplay: "1",
-			labelsPerPageDisplay: "20",
-			averyPartNumber: "*61"
-		},
-		labelSpec: {
-			type: "AVERY",
-			pageDimensions: {
-				width: 8.5,
-				height: 11,
-				leftMargin: 0.15625,
-				rightMargin: 0.15625,
-				topMargin: 0.47637821,
-				bottomMargin: 0.5
-			},
-			numLabelsAcross: 2,
-			numLabelsDown: 10,
-			labelWidth: 4,
-			labelHeight: 1.0025,
-			horizGapIn: 0.1875,
-			vertGapIn: 0,
-			labelPadding: 0.1,
-			fontSizePx: 11,
-			maxNumLabelLines: 4
-		}
-	},
-	{
-		descriptionPDF: {
-			labelWidthDisplay: "4",
-			labelHeightDisplay: "1-1/3",
-			labelsPerPageDisplay: "14",
-			averyPartNumber: "*62"
-		},
-		labelSpec: {
-			type: "AVERY",
-			pageDimensions: {
-				width: 8.5,
-				height: 11,
-				leftMargin: 0.15625,
-				rightMargin: 0.15625,
-				topMargin: 0.81889808,
-				bottomMargin: 0.83464612
-			},
-			numLabelsAcross: 2,
-			numLabelsDown: 7,
-			labelWidth: 4,
-			labelHeight: 1.3352,
-			horizGapIn: 0.1875,
-			vertGapIn: 0,
-			labelPadding: 0.1,
-			fontSizePx: 11,
-			maxNumLabelLines: 6
-		}
-	},
-	{
-		descriptionPDF: {
-			labelWidthDisplay: "4",
-			labelHeightDisplay: "2",
-			labelsPerPageDisplay: "10",
-			averyPartNumber: "*63"
-		},
-		labelSpec: {
-			type: "AVERY",
-			pageDimensions: {
-				width: 8.5,
-				height: 11,
-				leftMargin: 0.15625,
-				rightMargin: 0.15625,
-				topMargin: 0.5,
-				bottomMargin: 0.5
-			},
-			numLabelsAcross: 2,
-			numLabelsDown: 5,
-			labelWidth: 4,
-			labelHeight: 2,
-			horizGapIn: 0.1875,
-			vertGapIn: 0,
-			labelPadding: 0.1,
-			fontSizePx: 12,
-			maxNumLabelLines: 10
-		}
-	},
-	{
-		descriptionPDF: {
-			labelWidthDisplay: "4",
-			labelHeightDisplay: "3-1/3",
-			labelsPerPageDisplay: "6",
-			averyPartNumber: "*64"
-		},
-		labelSpec: {
-			type: "AVERY",
-			pageDimensions: {
-				width: 8.5,
-				height: 11,
-				leftMargin: 0.15625,
-				rightMargin: 0.15625,
-				topMargin: 0.4724412,
-				bottomMargin: 0.50000027
-			},
-			numLabelsAcross: 2,
-			numLabelsDown: 3,
-			labelWidth: 4,
-			labelHeight: 3.342,
-			horizGapIn: 0.1875,
-			vertGapIn: 0,
-			labelPadding: 0.1,
-			fontSizePx: 14,
-			maxNumLabelLines: 12
-		}
-	},
-	{
-		descriptionPDF: {
-			labelWidthDisplay: "1-3/4",
-			labelHeightDisplay: "1/2",
-			labelsPerPageDisplay: "80",
-			averyPartNumber: "*67"
-		},
-		labelSpec: {
-			type: "AVERY",
-			pageDimensions: {
-				width: 8.5,
-				height: 11,
-				leftMargin: 0.307086375,
-				rightMargin: 0.307086375,
-				topMargin: 0.4724412,
-				bottomMargin: 0.49606326
-			},
-			numLabelsAcross: 4,
-			numLabelsDown: 20,
-			labelWidth: 1.75,
-			labelHeight: 0.50155,
-			horizGapIn: 0.29527575,
-			vertGapIn: 0,
-			labelPadding: 0.1,
-			fontSizePx: 8,
-			maxNumLabelLines: 3
-		}
-	},
-	{
-		descriptionPDF: {
-			labelWidthDisplay: "1-3/4",
-			labelHeightDisplay: "2/3",
-			labelsPerPageDisplay: "60",
-			averyPartNumber: "*95"
-		},
-		labelSpec: {
-			type: "AVERY",
-			pageDimensions: {
-				width: 8.5,
-				height: 11,
-				leftMargin: 0.28936983,
-				rightMargin: 0.28936983,
-				topMargin: 0.53937037,
-				bottomMargin: 0.5511814
-			},
-			numLabelsAcross: 4,
-			numLabelsDown: 15,
-			labelWidth: 1.75,
-			labelHeight: 0.6605,
-			horizGapIn: 0.30708678,
-			vertGapIn: 0,
-			labelPadding: 0.1,
-			fontSizePx: 8,
-			maxNumLabelLines: 4
-		}
-	}
-];
-
-const pdfUtils = /*#__PURE__*/Object.freeze({
-  __proto__: null,
-  'default': labelFormats
-});
-
-export { pdfUtils as p };