@esri/solutions-components 0.11.12 → 0.11.14

package/dist/esm/locale-fd7f8659.js

@@ -0,0 +1,155 @@
+/*!
+ * Copyright 2022 Esri
+ * Licensed under the Apache License, Version 2.0
+ * http://www.apache.org/licenses/LICENSE-2.0
+ */
+import { e as esriLoader } from './esri-loader-c6842c6b.js';
+import { a as getAssetPath } from './index-000c7a7c.js';
+
+/** @license
+ * Copyright 2022 Esri
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *    http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+const loadModules = async (moduleNames, options) => {
+    const mods = await esriLoader.exports.loadModules(moduleNames, options);
+    return mods.map((mod) => (mod.__esModule && mod.default ? mod.default : mod));
+};
+
+/*
+ *   Copyright (c) 2022 Esri
+ *   All rights reserved.
+ *   Licensed under the Apache License, Version 2.0 (the "License");
+ *   you may not use this file except in compliance with the License.
+ *   You may obtain a copy of the License at
+ *   http://www.apache.org/licenses/LICENSE-2.0
+ *   Unless required by applicable law or agreed to in writing, software
+ *   distributed under the License is distributed on an "AS IS" BASIS,
+ *   WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ *   See the License for the specific language governing permissions and
+ *   limitations under the License.
+ */
+const languageMap = new Map([
+    ["ar", "ar"],
+    ["bg", "bg"],
+    ["bs", "bs"],
+    ["ca", "ca"],
+    ["cs", "cs"],
+    ["da", "da"],
+    ["de", "de"],
+    ["el", "el"],
+    ["en", "en"],
+    ["es", "es"],
+    ["et", "et"],
+    ["fi", "fi"],
+    ["fr", "fr"],
+    ["he", "he"],
+    ["hr", "hr"],
+    ["hu", "hu"],
+    ["id", "id"],
+    ["it", "it"],
+    ["ja", "ja"],
+    ["ko", "ko"],
+    ["lt", "lt"],
+    ["lv", "lv"],
+    ["nb", "nb"],
+    ["nl", "nl"],
+    ["pl", "pl"],
+    ["pt-br", "pt-BR"],
+    ["pt-pt", "pt-PT"],
+    ["ro", "ro"],
+    ["ru", "ru"],
+    ["sk", "sk"],
+    ["sl", "sl"],
+    ["sr", "sr"],
+    ["sv", "sv"],
+    ["th", "th"],
+    ["tr", "tr"],
+    ["uk", "uk"],
+    ["vi", "vi"],
+    ["zh-cn", "zh-CN"],
+    ["zh-hk", "zh-HK"],
+    ["zh-tw", "zh-TW"],
+]);
+async function formatNumber(number, options) {
+    const { api = 4, type = "decimal", places = 2 } = options || {};
+    if (api === 4) {
+        const [intl] = await loadModules(["esri/intl"]);
+        const numberFormatIntlOptions = intl.convertNumberFormatToIntlOptions({
+            places,
+            type,
+            digitSeparator: true,
+        });
+        return intl.formatNumber(number, numberFormatIntlOptions);
+    }
+    const [dojoNumber] = await loadModules(["dojo/number"]);
+    return dojoNumber.format(number, {
+        type,
+        places,
+    });
+}
+
+/** @license
+ * Copyright 2022 Esri
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *    http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+function getComponentClosestLanguage(element) {
+    const closestElement = (element.closest("[lang]")) ?? element.shadowRoot?.ownerDocument?.documentElement;
+    // language set by the calling application or browser. defaults to english.
+    const lang = (closestElement?.lang || navigator?.language || "en").toLowerCase();
+    if (languageMap.has(lang)) {
+        return languageMap.get(lang);
+    }
+    else {
+        // "ru-RU" maps to "ru" use case
+        return languageMap.has(lang.slice(0, 2)) ? languageMap.get(lang.slice(0, 2)) : "en";
+    }
+}
+function fetchLocaleStringsForComponent(componentName, locale) {
+    return new Promise((resolve, reject) => {
+        fetch(getAssetPath(`assets/t9n/${componentName}/resources_${locale}.json`)).then(result => {
+            if (result.ok) {
+                resolve(result.json());
+            }
+            else {
+                reject();
+            }
+        }, () => reject());
+    });
+}
+async function getLocaleComponentStrings(element) {
+    const componentName = element.tagName.toLowerCase();
+    const componentLanguage = getComponentClosestLanguage(element);
+    let strings;
+    try {
+        strings = await fetchLocaleStringsForComponent(componentName, componentLanguage);
+    }
+    catch (e) {
+        console.warn(`no locale for ${componentName} (${componentLanguage}) loading default locale en.`);
+        strings = await fetchLocaleStringsForComponent(componentName, "en");
+    }
+    return [strings, componentLanguage];
+}
+
+export { getComponentClosestLanguage as a, formatNumber as f, getLocaleComponentStrings as g, loadModules as l };

package/dist/esm/map-layer-picker.entry.js

@@ -3,14 +3,14 @@
  * Licensed under the Apache License, Version 2.0
  * http://www.apache.org/licenses/LICENSE-2.0
  */
-import { r as registerInstance, c as createEvent, g as getElement, h, H as Host } from './index-df5db8e9.js';
-import { g as getLocaleComponentStrings } from './locale-7874c756.js';
+import { r as registerInstance, c as createEvent, g as getElement, h, H as Host } from './index-000c7a7c.js';
+import { g as getLocaleComponentStrings } from './locale-fd7f8659.js';
 import { g as getLayerOrTable, d as getMapLayerHash, p as getMapTableHash } from './mapViewUtils-f54edae3.js';
-import { s as state } from './publicNotificationStore-9ec5e22a.js';
+import { s as state } from './publicNotificationStore-e5306ea6.js';
 import './esri-loader-c6842c6b.js';
 import './_commonjsHelpers-089957fe.js';
 import './interfaces-659e3836.js';
-import './index-c247b62b.js';
+import './index-f7533fcc.js';
 
 const mapLayerPickerCss = ":host{display:block}.map-layer-picker-container{width:100%;align-items:center}.map-layer-picker{position:relative;width:100%;display:inline-block}.padding-bottom-1{padding-bottom:1rem}.layer-picker-dropdown{height:100%;width:100%}.max-width-350{max-width:350px}.height-100{height:100%}.disabled{cursor:default !important;-webkit-user-select:none;-moz-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled);pointer-events:none}.no-bottom-margin{--calcite-label-margin-bottom:0px}.layer-picker-label-container{align-items:center;display:inline-flex;height:100%;padding-inline-start:1rem;padding-inline-end:1rem}.padding-start-1{padding-inline-start:1rem}.cursor-default{cursor:default}";
 const MapLayerPickerStyle0 = mapLayerPickerCss;
@@ -22,33 +22,118 @@ const MapLayerPicker = class {
         this.idsFound = createEvent(this, "idsFound", 7);
         this.noLayersFound = createEvent(this, "noLayersFound", 7);
         this.layerSelectionChange = createEvent(this, "layerSelectionChange", 7);
-        this.appearance = "transparent";
-        this.defaultLayerId = "";
-        this.display = "inline-block";
-        this.enabledLayerIds = [];
-        this.enabledTableIds = [];
-        this.height = undefined;
-        this.isMobile = undefined;
-        this.locale = undefined;
-        this.mapView = undefined;
-        this.onlyShowUpdatableLayers = undefined;
-        this.placeholderIcon = "";
-        this.selectedIds = [];
-        this.scale = "m";
-        this.showTables = undefined;
-        this.showTablesDisabled = undefined;
-        this.showSingleLayerAsLabel = false;
-        this.type = "select";
-        this._hasMultipleLayers = true;
-        this._hasValidLayers = true;
-        this._isDropdownOpen = undefined;
-        this.ids = [];
-        this.selectedName = "";
-        this._translations = undefined;
     }
     get el() { return getElement(this); }
     //--------------------------------------------------------------------------
     //
+    //  Properties (public)
+    //
+    //--------------------------------------------------------------------------
+    /**
+     * "transparent" | "solid": controls the button appearance when using the "dropdown" type
+     */
+    appearance = "transparent";
+    /**
+     * string: when provided this layer ID will be used when the app loads
+     */
+    defaultLayerId = "";
+    /**
+     * "inline-flex" | "inline-block": controls the display style of the dropdown
+     */
+    display = "inline-block";
+    /**
+     * string[]: Optional list of enabled layer ids
+     *  If empty all layers will be available
+     */
+    enabledLayerIds = [];
+    /**
+     * string[]: Optional list of enabled table ids
+     *  If empty all tables will be available
+     */
+    enabledTableIds = [];
+    /**
+     * number: optional fixed height value for the control.
+     * Specified as pixel height.
+     */
+    height;
+    /**
+     * When true the component will render an optimized view for mobile devices
+     */
+    isMobile;
+    /**
+     * string: Locale to use for translation of stings in the UI
+     */
+    locale;
+    /**
+     * esri/views/View: https://developers.arcgis.com/javascript/latest/api-reference/esri-views-MapView.html
+     */
+    mapView;
+    /**
+     * boolean: When true only editable layers that support the update capability will be available
+     */
+    onlyShowUpdatableLayers;
+    /**
+     * string: optional placeholder icon used with "combobox" type
+     */
+    placeholderIcon = "";
+    /**
+     * string[]: list of layer ids that have been selected by the end user
+     */
+    selectedIds = [];
+    /**
+     * "s" | "m" | "l": scale to render the component
+     */
+    scale = "m";
+    /**
+     * boolean: when true standalone tables will also be available
+     */
+    showTables;
+    /**
+     * boolean: when true table will shown as disabled
+     */
+    showTablesDisabled;
+    /**
+     * boolean: when true a map with a single layer will show a label rather than a dropdown
+     * Used in conjunction with _hasMultipleLayers
+     */
+    showSingleLayerAsLabel = false;
+    /**
+     * "select" | "combobox" | "dropdown": type of component to leverage
+     */
+    type = "select";
+    //--------------------------------------------------------------------------
+    //
+    //  State (internal)
+    //
+    //--------------------------------------------------------------------------
+    /**
+     * boolean: when true the map contains more than one valid layers
+     * Used in conjunction with showSingleLayerAsLabel
+     */
+    _hasMultipleLayers = true;
+    /**
+     * boolean: when true the map contains valid layers and all expected tools will be enabled
+     */
+    _hasValidLayers = true;
+    /**
+     * boolean: when true the layer dropdown is open
+     */
+    _isDropdownOpen;
+    /**
+     * string[]: list of layer and table (if showTables is true) ids from the map
+     */
+    ids = [];
+    /**
+     * string: current layer name to display when using "dropdown" type
+     */
+    selectedName = "";
+    /**
+     * Contains the translations for this component.
+     * All UI strings should be defined here.
+     */
+    _translations;
+    //--------------------------------------------------------------------------
+    //
     //  Properties (protected)
     //
     //--------------------------------------------------------------------------

package/dist/esm/map-select-tools_3.entry.js

@@ -3,15 +3,15 @@
  * Licensed under the Apache License, Version 2.0
  * http://www.apache.org/licenses/LICENSE-2.0
  */
-import { r as registerInstance, c as createEvent, g as getElement, h, H as Host } from './index-df5db8e9.js';
-import { a as getComponentClosestLanguage, l as loadModules, g as getLocaleComponentStrings } from './locale-7874c756.js';
+import { r as registerInstance, c as createEvent, g as getElement, h, H as Host } from './index-000c7a7c.js';
+import { a as getComponentClosestLanguage, l as loadModules, g as getLocaleComponentStrings } from './locale-fd7f8659.js';
 import { e as goToSelection, h as highlightFeatures, k as queryObjectIds, l as getQueryGeoms, c as getFeatureLayerView, m as queryFeaturesByGeometry, n as getIdSets, o as highlightAllFeatures } from './mapViewUtils-f54edae3.js';
 import { a as EWorkflowType, e as ESelectionMode, f as EDrawMode } from './interfaces-659e3836.js';
-import { s as state } from './publicNotificationStore-9ec5e22a.js';
-import { d as downloadCSV, a as downloadPDF } from './downloadUtils-1179f077.js';
+import { s as state } from './publicNotificationStore-e5306ea6.js';
+import { d as downloadCSV, a as downloadPDF } from './downloadUtils-3f4d34a4.js';
 import './esri-loader-c6842c6b.js';
 import './_commonjsHelpers-089957fe.js';
-import './index-c247b62b.js';
+import './index-f7533fcc.js';
 import './typeof-ef2a007d.js';
 import './index-d88c3eb6.js';
 import './solution-resource-30a29505.js';
@@ -25,40 +25,148 @@ const MapSelectTools = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
         this.selectionSetChange = createEvent(this, "selectionSetChange", 7);
-        this.bufferColor = [227, 139, 79, 0.8];
-        this.bufferOutlineColor = [255, 255, 255];
-        this.customLabelEnabled = undefined;
-        this.enabledLayerIds = [];
-        this.enableLayerFeatures = true;
-        this.enableLayerFeaturesOnLoad = false;
-        this.enableSearchDistance = true;
-        this.enableSearchDistanceOnLoad = false;
-        this.enableSketchTools = true;
-        this.defaultBufferDistance = undefined;
-        this.defaultBufferUnit = undefined;
-        this.geometries = [];
-        this.isUpdate = false;
-        this.layerViews = [];
-        this.locale = undefined;
-        this.mapView = undefined;
-        this.noResultText = undefined;
-        this.searchConfiguration = undefined;
-        this.selectionSet = undefined;
-        this.selectionLayerIds = [];
-        this.selectLayerView = undefined;
-        this.sketchLineSymbol = undefined;
-        this.sketchPointSymbol = undefined;
-        this.sketchPolygonSymbol = undefined;
-        this.searchDistanceEnabled = false;
-        this.useLayerFeaturesEnabled = false;
-        this._numSelected = 0;
-        this._searchTerm = undefined;
-        this._selectionLoading = false;
-        this._translations = undefined;
     }
     get el() { return getElement(this); }
     //--------------------------------------------------------------------------
     //
+    //  Properties (public)
+    //
+    //--------------------------------------------------------------------------
+    /**
+     * string | number[] |  object with r, g, b, a: https://developers.arcgis.com/javascript/latest/api-reference/esri-Color.html
+     */
+    bufferColor = [227, 139, 79, 0.8];
+    /**
+     * string | number[] | object with r, g, b, a: https://developers.arcgis.com/javascript/latest/api-reference/esri-Color.html
+     */
+    bufferOutlineColor = [255, 255, 255];
+    /**
+     * boolean: When true the user can define a name for each notification list
+     */
+    customLabelEnabled;
+    /**
+     * string[]: Optional list of enabled layer ids
+     *  If empty all layers will be available
+     */
+    enabledLayerIds = [];
+    /**
+     * boolean: When true users will be allowed to optionally use features from a layer as the selection geometry
+     */
+    enableLayerFeatures = true;
+    /**
+     * boolean: When true the use features from a layer options will be enabled when the component loads
+     */
+    enableLayerFeaturesOnLoad = false;
+    /**
+     * boolean: When true users will be allowed to optionally create a buffer around the selection geometry
+     */
+    enableSearchDistance = true;
+    /**
+     * boolean: When true the serach distance options will be enabled when the component loads
+     */
+    enableSearchDistanceOnLoad = false;
+    /**
+     * boolean: When true sketch tools will be provided to allow users to draw a selection geometry
+     */
+    enableSketchTools = true;
+    /**
+     * number: The default value to show for the buffer distance
+     */
+    defaultBufferDistance;
+    /**
+     * number: The default value to show for the buffer unit
+     */
+    defaultBufferUnit;
+    /**
+     * esri/geometry: https://developers.arcgis.com/javascript/latest/api-reference/esri-geometry.html
+     */
+    geometries = [];
+    /**
+     * boolean: When true a new label is not generated for the stored selection set
+     */
+    isUpdate = false;
+    /**
+     * esri/views/layers/FeatureLayerView: https://developers.arcgis.com/javascript/latest/api-reference/esri-views-layers-FeatureLayerView.html
+     */
+    layerViews = [];
+    /**
+     * string: The current user locale.
+     */
+    locale;
+    /**
+     * esri/views/MapView: https://developers.arcgis.com/javascript/latest/api-reference/esri-views-MapView.html
+     */
+    mapView;
+    /**
+     * string: The value to show for no results
+     * when left empty the default text "0 selected features from {layerTitle}" will be shown
+     */
+    noResultText;
+    /**
+     * ISearchConfiguration: Configuration details for the Search widget
+     */
+    searchConfiguration;
+    /**
+     * utils/interfaces/ISelectionSet: Used to store key details about any selections that have been made.
+     */
+    selectionSet;
+    /**
+     * string[]: List of layer ids that should be shown as potential selection layers
+     * when skectching with "Use layer features" option
+     */
+    selectionLayerIds = [];
+    /**
+     * esri/views/layers/FeatureLayerView: https://developers.arcgis.com/javascript/latest/api-reference/esri-views-layers-FeatureLayerView.html
+     */
+    selectLayerView;
+    /**
+     * esri/symbols/SimpleLineSymbol | JSON representation : https://developers.arcgis.com/javascript/latest/api-reference/esri-symbols-SimpleLineSymbol.html
+     *
+     */
+    sketchLineSymbol;
+    /**
+     * esri/symbols/SimpleMarkerSymbol | JSON representation: https://developers.arcgis.com/javascript/latest/api-reference/esri-symbols-SimpleMarkerSymbol.html
+     *
+     */
+    sketchPointSymbol;
+    /**
+     * esri/symbols/SimpleFillSymbol | JSON representation: https://developers.arcgis.com/javascript/latest/api-reference/esri-symbols-SimpleFillSymbol.html
+     *
+     */
+    sketchPolygonSymbol;
+    /**
+     * boolean: when true buffer tools controls are enabled
+     */
+    searchDistanceEnabled = false;
+    /**
+     * boolean: when true drawn graphics will be used to select features
+     */
+    useLayerFeaturesEnabled = false;
+    //--------------------------------------------------------------------------
+    //
+    //  State (internal)
+    //
+    //--------------------------------------------------------------------------
+    /**
+     * number: The number of selected features
+     */
+    _numSelected = 0;
+    /**
+     * string: Text entered by the end user.
+     * Used to search against the locator.
+     */
+    _searchTerm;
+    /**
+     * boolean: When true a loading indicator will be shown in place of the number of selected features
+     */
+    _selectionLoading = false;
+    /**
+     * Contains the translations for this component.
+     * All UI strings should be defined here.
+     */
+    _translations;
+    //--------------------------------------------------------------------------
+    //
     //  Properties (protected)
     //
     //--------------------------------------------------------------------------
@@ -1184,14 +1292,37 @@ const PdfDownloadStyle0 = pdfDownloadCss;
 const PdfDownload = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
-        this.defaultNumLabelsPerPage = undefined;
-        this.disabled = false;
-        this.locale = undefined;
-        this._translations = undefined;
     }
     get el() { return getElement(this); }
     //--------------------------------------------------------------------------
     //
+    //  Properties (public)
+    //
+    //--------------------------------------------------------------------------
+    /**
+     * number: The default number of labels per page to export
+     */
+    defaultNumLabelsPerPage;
+    /**
+     * boolean: Controls the enabled/disabled state of download
+     */
+    disabled = false;
+    /**
+     * string: Locale to use for translation of stings in the UI
+     */
+    locale;
+    //--------------------------------------------------------------------------
+    //
+    //  State (internal)
+    //
+    //--------------------------------------------------------------------------
+    /**
+     * Contains the translations for this component.
+     * All UI strings should be defined here.
+     */
+    _translations;
+    //--------------------------------------------------------------------------
+    //
     //  Properties (protected)
     //
     //--------------------------------------------------------------------------
@@ -1352,21 +1483,69 @@ const RefineSelection = class {
         registerInstance(this, hostRef);
         this.selectionLoadingChange = createEvent(this, "selectionLoadingChange", 7);
         this.selectionSetsChanged = createEvent(this, "selectionSetsChanged", 7);
-        this.addresseeLayer = undefined;
-        this.enabledLayerIds = [];
-        this.locale = undefined;
-        this.mapView = undefined;
-        this.selectionSets = [];
-        this.sketchLineSymbol = undefined;
-        this.sketchPointSymbol = undefined;
-        this.sketchPolygonSymbol = undefined;
-        this._translations = undefined;
-        this._selectionMode = ESelectionMode.ADD;
-        this._refineLayer = undefined;
     }
     get el() { return getElement(this); }
     //--------------------------------------------------------------------------
     //
+    //  Properties (public)
+    //
+    //--------------------------------------------------------------------------
+    /**
+     * esri/views/layers/FeatureLayerView: https://developers.arcgis.com/javascript/latest/api-reference/esri-views-layers-FeatureLayerView.html
+     */
+    addresseeLayer;
+    /**
+     * string[]: Optional list of enabled layer ids
+     *  If empty all layers will be available
+     */
+    enabledLayerIds = [];
+    /**
+     * string: The current user locale.
+     */
+    locale;
+    /**
+     * esri/views/MapView: https://developers.arcgis.com/javascript/latest/api-reference/esri-views-MapView.html
+     */
+    mapView;
+    /**
+     * utils/interfaces/ISelectionSet: An array of user defined selection sets
+     */
+    selectionSets = [];
+    /**
+     * esri/symbols/SimpleLineSymbol | JSON representation : https://developers.arcgis.com/javascript/latest/api-reference/esri-symbols-SimpleLineSymbol.html
+     *
+     */
+    sketchLineSymbol;
+    /**
+     * esri/symbols/SimpleMarkerSymbol | JSON representation: https://developers.arcgis.com/javascript/latest/api-reference/esri-symbols-SimpleMarkerSymbol.html
+     *
+     */
+    sketchPointSymbol;
+    /**
+     * esri/symbols/SimpleFillSymbol | JSON representation: https://developers.arcgis.com/javascript/latest/api-reference/esri-symbols-SimpleFillSymbol.html
+     *
+     */
+    sketchPolygonSymbol;
+    //--------------------------------------------------------------------------
+    //
+    //  State (internal)
+    //
+    //--------------------------------------------------------------------------
+    /**
+     * Contains the translations for this component.
+     * All UI strings should be defined here.
+     */
+    _translations;
+    /**
+     * The current selection mode ADD or REMOVE
+     */
+    _selectionMode = ESelectionMode.ADD;
+    /**
+     * The current layer to refine
+     */
+    _refineLayer;
+    //--------------------------------------------------------------------------
+    //
     //  Properties (protected)
     //
     //--------------------------------------------------------------------------

package/dist/esm/pci-calculator.entry.js

@@ -3,7 +3,7 @@
  * Licensed under the Apache License, Version 2.0
  * http://www.apache.org/licenses/LICENSE-2.0
  */
-import { r as registerInstance, g as getElement, h, H as Host } from './index-df5db8e9.js';
+import { r as registerInstance, g as getElement, h, H as Host } from './index-000c7a7c.js';
 import { c as calculatePCI } from './pciUtils-986ddad9.js';
 
 const pciCalculatorCss = ":host{display:block;--calcite-label-margin-bottom:0}.label-display{display:block;padding-bottom:1rem}.display-flex{display:flex}.display-grid{display:grid}.display-table{display:table}.display-inline-table{display:inline-table}.display-none{display:none}.display-inherit{display:inherit}.padding-top-1{padding-top:1rem}.main-input{width:300px;padding-inline-end:1rem}.float-end{float:inline-end}.position-relative{position:relative}.position-right{position:absolute;right:0px}";
@@ -12,11 +12,24 @@ const PciCalculatorStyle0 = pciCalculatorCss;
 const PciCalculator = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
-        this.showAddDeduct = false;
     }
     get el() { return getElement(this); }
     //--------------------------------------------------------------------------
     //
+    //  Properties (public)
+    //
+    //--------------------------------------------------------------------------
+    //--------------------------------------------------------------------------
+    //
+    //  State (internal)
+    //
+    //--------------------------------------------------------------------------
+    /**
+     * Boolean: Show/Hide the calculate deduct value UI
+     */
+    showAddDeduct = false;
+    //--------------------------------------------------------------------------
+    //
     //  Properties (protected)
     //
     //--------------------------------------------------------------------------