@esri/solutions-components 0.8.3 → 0.8.5

package/dist/cjs/solution-contents.cjs.entry.js

@@ -1,84 +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-b53bfd7c.js');
-
-const solutionContentsCss = ".icon-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}";
-
-const SolutionContents = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        this.solutionItemSelected = index.createEvent(this, "solutionItemSelected", 7);
-        this.selectedItemId = undefined;
-        this.templateHierarchy = [];
-    }
-    valueWatchHandler(v, oldV) {
-        if (v && v !== oldV && Array.isArray(v) && v.length > 0) {
-            this._treeItemSelected(v[0].id);
-        }
-    }
-    //--------------------------------------------------------------------------
-    //
-    //  Lifecycle
-    //
-    //--------------------------------------------------------------------------
-    componentWillLoad() {
-        this.valueWatchHandler(this.templateHierarchy, []);
-    }
-    /**
-     * Renders the component.
-     */
-    render() {
-        return (index.h(index.Host, null, index.h("calcite-tree", null, this.renderHierarchy(this.templateHierarchy))));
-    }
-    renderHierarchy(objs) {
-        return objs.map((obj) => {
-            const selected = this.selectedItemId && this.selectedItemId === obj.id;
-            return (obj.dependencies && obj.dependencies.length > 0) ?
-                (index.h("calcite-tree-item", { onClick: (evt) => this._treeItemSelected(obj.id, evt), selected: selected }, index.h("solution-item-icon", { type: obj.type, typeKeywords: obj.typeKeywords }), index.h("span", { class: "icon-text", title: obj.title }, obj.title), index.h("calcite-tree", { slot: "children" }, this.renderHierarchy(obj.dependencies))))
-                :
-                    (index.h("calcite-tree-item", { onClick: (evt) => this._treeItemSelected(obj.id, evt), selected: selected }, index.h("solution-item-icon", { type: obj.type, typeKeywords: obj.typeKeywords }), index.h("span", { class: "icon-text", title: obj.title }, obj.title)));
-        });
-    }
-    //--------------------------------------------------------------------------
-    //
-    //  Public Methods (async)
-    //
-    //--------------------------------------------------------------------------
-    //--------------------------------------------------------------------------
-    //
-    //  Private Methods
-    //
-    //--------------------------------------------------------------------------
-    /**
-     * Publishes the `solutionItemSelected` event containing `solutionItem` of the selected item.
-     *
-     * Also toggles the expanded state of the tree item.
-     *
-     * @param solutionItem the selected solution item to emit
-     * @param evt MouseEvent or undefined
-     */
-    _treeItemSelected(itemId, evt = undefined) {
-        var _a;
-        const treeItem = (_a = evt === null || evt === void 0 ? void 0 : evt.target) === null || _a === void 0 ? void 0 : _a.closest("calcite-tree-item");
-        if (treeItem) {
-            treeItem.expanded = !(treeItem === null || treeItem === void 0 ? void 0 : treeItem.expanded);
-        }
-        this.selectedItemId = itemId;
-        this.solutionItemSelected.emit(itemId);
-    }
-    static get assetsDirs() { return ["item-type-icons"]; }
-    get el() { return index.getElement(this); }
-    static get watchers() { return {
-        "templateHierarchy": ["valueWatchHandler"]
-    }; }
-};
-SolutionContents.style = solutionContentsCss;
-
-exports.solution_contents = SolutionContents;

package/dist/cjs/solution-item-details.cjs.entry.js

@@ -1,199 +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-b53bfd7c.js');
-const solutionStore = require('./solution-store-6194ba89.js');
-const locale = require('./locale-42a9e623.js');
-require('./index-af047760.js');
-require('./interfaces-7cd0a48a.js');
-require('./index-5799a29c.js');
-require('./_commonjsHelpers-ed90c4ad.js');
-require('./index-f64944ad.js');
-require('./loadModules-b5f244cd.js');
-require('./esri-loader-5b8fbfa4.js');
-
-const solutionItemDetailsCss = ".inputBottomSeparation{margin-left:0px;margin-right:0px;margin-top:0px;margin-bottom:1.5rem}.icon-inline--on-left,.icon-inline--on-right{display:inline;vertical-align:middle;margin-inline-end:0.375rem;fill:#0079c1}.scale-down{-o-object-fit:scale-down;object-fit:scale-down}.img-container{display:inline;margin-inline-end:1rem;max-width:363px}.summary-count-container{display:inline;flex-grow:1;margin-inline-start:0.75rem}.snippet-count-container{width:calc(100vw - 363px)}.parent-container{max-width:100%;padding:1rem}label{position:relative;margin-left:0px;margin-right:0px;margin-top:0px;margin-bottom:1.5rem;display:block;min-width:-moz-min-content;min-width:min-content}";
-
-const SolutionItemDetails = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        this.itemId = "";
-        this.itemDetails = {
-            accessInformation: "",
-            description: "",
-            licenseInfo: "",
-            snippet: "",
-            tags: [],
-            title: ""
-        };
-        this.itemEdit = undefined;
-        this._translations = undefined;
-        this.thumbnail = undefined;
-        this.thumbnailContainer = undefined;
-    }
-    //--------------------------------------------------------------------------
-    //
-    //  Lifecycle
-    //
-    //--------------------------------------------------------------------------
-    /**
-     * StencilJS: Called once just after the component is first connected to the DOM.
-     */
-    async componentWillLoad() {
-        return this._getTranslations();
-    }
-    async componentWillRender() {
-        this.itemEdit = solutionStore.state.getItemInfo(this.itemId);
-        if (this.itemEdit) {
-            this.itemDetails = this.itemEdit.item;
-            this.itemType = this.itemDetails.type;
-        }
-        return Promise.resolve();
-    }
-    /**
-     * Renders the component.
-     */
-    render() {
-        return (index.h(index.Host, null, index.h("div", { class: "parent-container" }, index.h("div", { class: "inputBottomSeparation" }, index.h("calcite-input", { id: "item-title", value: this.itemDetails.title })), index.h("div", { class: "inputBottomSeparation" }, index.h("input", { accept: ".jpg,.gif,.png,image/jpg,image/gif,image/png", class: "display-none", onChange: (event) => (this._updateThumbnail(event)), ref: (el) => (this.browseForThumbnail = el), type: "file" }), index.h("button", { class: "font-size--3 btn-link inline-block trailer-quarter", onClick: () => this._getThumbnail() }, index.h("svg", { class: "icon-inline icon-inline--on-left", height: "16", viewBox: "0 0 16 16", width: "16" }, index.h("path", { d: "M14.792 2.666l-1.414-1.413a.965.965 0 0 0-1.385-.03l-1.444 1.444-8.763 8.72L.03 15.481a.371.371 0 0 0 .488.488l4.096-1.756 8.763-8.72-.001-.001.002.002 1.443-1.444a.965.965 0 0 0-.03-1.385zM1.569 14.431l.554-1.293.74.739zm2.338-.924l-1.414-1.414 7.963-7.92 1.414 1.415zm8.67-8.626l-1.413-1.414 1.29-1.29a.306.306 0 0 1 .433 0l.981.98a.306.306 0 0 1 0 .433z" })), this._translations.editThumbnail), index.h("div", { class: "flex" }, index.h("div", { class: "img-container", ref: (el) => (this.thumbnailContainer = el) }, index.h("img", { class: "scale-down", height: "133", id: "item-thumbnail", ref: (el) => (this.thumbnail = el), width: "200" })), index.h("div", { class: "snippet-count-container" }, index.h("calcite-input", { id: "item-snippet", maxLength: 250, type: "textarea", value: this.itemDetails.snippet }), index.h("label", { class: "font-size--3", id: "item-snippet-count", ref: (el) => (this.itemSnippetCount = el) })))), index.h("calcite-label", null, this._translations.description, index.h("label", { id: "item-description-label" }, index.h("calcite-input", { id: "item-description", type: "textarea", value: this.itemDetails.description }))), index.h("calcite-label", null, this._translations.tags, index.h("label", { id: "item-tags-label" }, index.h("calcite-input", { id: "item-tags", value: (this.itemDetails.tags && Array.isArray(this.itemDetails.tags) ? this.itemDetails.tags : [this.itemDetails.tags]).join(",") }))), this.itemType !== "Group" ? index.h("calcite-label", null, this._translations.credits, index.h("label", { id: "item-credits-label" }, index.h("calcite-input", { id: "item-credits", value: this.itemDetails.accessInformation }))) : null, this.itemType !== "Group" ? index.h("calcite-label", null, index.h("label", { id: "item-terms-label" }, this._translations.termsOfUse, index.h("calcite-input", { id: "item-terms", type: "textarea", value: this.itemDetails.licenseInfo }))) : null)));
-    }
-    componentDidRender() {
-        this._loadThumb();
-    }
-    //--------------------------------------------------------------------------
-    //
-    //  Event Listeners
-    //
-    //--------------------------------------------------------------------------
-    /**
-     * Updates the component's value with changes to the input fields.
-     */
-    inputReceivedHandler(event) {
-        switch (event.target.id) {
-            case "item-title":
-                this.itemDetails.title = event.target.value;
-                this._updateStore();
-                break;
-            case "item-snippet":
-                if (event.target.value.length > 250) {
-                    event.target.value = event.target.value.substring(0, 250);
-                }
-                this.itemDetails.snippet = event.target.value;
-                this._updateLengthLabel(this.itemDetails.snippet);
-                this._updateStore();
-                break;
-            case "item-description":
-                this.itemDetails.description = event.target.value;
-                this._updateStore();
-                break;
-            case "item-tags":
-                this.itemDetails.tags = event.target.value;
-                this._updateStore();
-                break;
-            case "item-credits":
-                this.itemDetails.accessInformation = event.target.value;
-                this._updateStore();
-                break;
-            case "item-terms":
-                this.itemDetails.licenseInfo = event.target.value;
-                this._updateStore();
-                break;
-        }
-    }
-    //--------------------------------------------------------------------------
-    //
-    //  Events
-    //
-    //--------------------------------------------------------------------------
-    //--------------------------------------------------------------------------
-    //
-    //  Public Methods (async)
-    //
-    //--------------------------------------------------------------------------
-    //--------------------------------------------------------------------------
-    //
-    //  Private Methods
-    //
-    //--------------------------------------------------------------------------
-    /**
-     * Opens image file browse dialog.
-     *
-     */
-    _getThumbnail() {
-        this.browseForThumbnail.click();
-    }
-    /**
-     * Load the templates thumbnail
-     *
-     */
-    _loadThumb() {
-        var _a;
-        if (this.thumbnail && ((_a = this.itemEdit) === null || _a === void 0 ? void 0 : _a.thumbnail)) {
-            // Show the thumbnail
-            this.thumbnail.src = URL.createObjectURL(this.itemEdit.thumbnail);
-            this.thumbnailContainer.classList.remove("empty-box");
-            this.thumbnail.classList.remove("display-none");
-        }
-        else {
-            // Replace the thumbnail with an empty box
-            this.thumbnailContainer.classList.add("empty-box");
-            this.thumbnail.classList.add("display-none");
-        }
-    }
-    /**
-     * Updates the length label to reflect the current number of characters
-     * relative to the max number of characters supported.
-     *
-     * @param phrase the current phrase from the control
-     */
-    _updateLengthLabel(phrase) {
-        this.itemSnippetCount.innerText =
-            this._translations.snippetCountPattern.replace("{{n}}", phrase.length.toString());
-    }
-    /**
-     * Add or remove the value from the store
-     */
-    _updateStore() {
-        this.itemEdit = solutionStore.state.getItemInfo(this.itemId);
-        this.itemEdit.item = this.itemDetails;
-        solutionStore.state.setItemInfo(this.itemEdit);
-    }
-    /**
-     * Gets and displays image result from browse and updates the item in the store.
-     *
-     * @param event The input controls event that contains the new file
-     * @param updateStore boolean that controls if the new value is written to the store
-     *  should be false on the initial load but true the rest of the time
-     */
-    _updateThumbnail(event) {
-        const files = event.target.files;
-        if (files && files[0]) {
-            if (this.thumbnail) {
-                // Update UI
-                this.thumbnail.src = URL.createObjectURL(files[0]);
-                // Update info in store
-                this.itemEdit = solutionStore.state.getItemInfo(this.itemId);
-                this.itemEdit.thumbnail = files[0];
-                solutionStore.state.replaceItemThumbnail(this.itemEdit);
-            }
-        }
-    }
-    /**
-     * Fetches the component's translations
-     *
-     * @protected
-     */
-    async _getTranslations() {
-        const translations = await locale.getLocaleComponentStrings(this.el);
-        this._translations = translations[0];
-    }
-    get el() { return index.getElement(this); }
-};
-SolutionItemDetails.style = solutionItemDetailsCss;
-
-exports.solution_item_details = SolutionItemDetails;

package/dist/cjs/solution-item-sharing.cjs.entry.js

@@ -1,139 +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-b53bfd7c.js');
-const solutionStore = require('./solution-store-6194ba89.js');
-const locale = require('./locale-42a9e623.js');
-require('./index-af047760.js');
-require('./interfaces-7cd0a48a.js');
-require('./index-5799a29c.js');
-require('./_commonjsHelpers-ed90c4ad.js');
-require('./index-f64944ad.js');
-require('./loadModules-b5f244cd.js');
-require('./esri-loader-5b8fbfa4.js');
-
-const solutionItemSharingCss = ":host{display:block}.container-border{padding:1rem}.icon-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}";
-
-const SolutionItemSharing = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        this.groupId = "";
-        this._translations = undefined;
-        this.sharing = [];
-    }
-    itemIdWatchHandler() {
-        const itemEdit = solutionStore.state.getItemInfo(this.groupId);
-        this.sharing = itemEdit.groupDetails;
-    }
-    //--------------------------------------------------------------------------
-    //
-    //  Lifecycle
-    //
-    //--------------------------------------------------------------------------
-    /**
-     * StencilJS: Called once just after the component is first connected to the DOM.
-     */
-    async componentWillLoad() {
-        return this._getTranslations();
-    }
-    /**
-     * Renders the component.
-     */
-    render() {
-        return (index.h(index.Host, null, index.h("div", { class: "container-border" }, index.h("calcite-label", null, this._translations.groupInfo), this._renderItems(this.sharing))));
-    }
-    //--------------------------------------------------------------------------
-    //
-    //  Event Listeners
-    //
-    //--------------------------------------------------------------------------
-    //--------------------------------------------------------------------------
-    //
-    //  Events
-    //
-    //--------------------------------------------------------------------------
-    //--------------------------------------------------------------------------
-    //
-    //  Public Methods (async)
-    //
-    //--------------------------------------------------------------------------
-    async getShareInfo() {
-        return this.sharing;
-    }
-    //--------------------------------------------------------------------------
-    //
-    //  Private Methods
-    //
-    //--------------------------------------------------------------------------
-    /**
-     * Render share options based on the list of share details
-     *
-     * @param objs list of IItemShare objects that are used to expose and store share info for the solutions items
-     */
-    _renderItems(objs) {
-        return objs && objs.length > 0
-            ? objs.map(item => {
-                return (index.h("calcite-label", { layout: "inline" }, index.h("calcite-switch", { checked: item.shareItem, id: item.id, name: "setting", onCalciteSwitchChange: (event) => this._updateItem(event), scale: "m", value: "enabled" }), index.h("solution-item-icon", { type: item.type, typeKeywords: item.typeKeywords }), index.h("span", { class: "icon-text", title: item.title }, item.title)));
-            })
-            : null;
-    }
-    /**
-     * Update the items share prop based on the switch state
-     *
-     * @param event onCalciteSwitchChange event
-     */
-    // eslint-disable-next-line @typescript-eslint/explicit-module-boundary-types
-    _updateItem(event) {
-        const id = event.target.id;
-        this.sharing = this.sharing.map((itemShare) => {
-            if (itemShare.id === id) {
-                // update the item
-                itemShare.shareItem = event.target.checked;
-                // update the item in the store
-                const itemEdit = solutionStore.state.getItemInfo(id);
-                if (itemShare.shareItem) {
-                    // Add the group to the item if it's not already there
-                    if (!itemEdit.groups) {
-                        itemEdit.groups = [this.groupId];
-                    }
-                    else if (itemEdit.groups.indexOf(this.groupId) < 0) {
-                        itemEdit.groups.push(this.groupId);
-                    }
-                }
-                else {
-                    // Remove the group from the item if it's there
-                    if (itemEdit.groups) {
-                        const i = itemEdit.groups.indexOf(this.groupId);
-                        if (i > -1) {
-                            itemEdit.groups.splice(i, 1);
-                        }
-                    }
-                }
-                solutionStore.state.setItemInfo(itemEdit);
-            }
-            return itemShare;
-        });
-    }
-    /**
-     * Fetches the component's translations
-     *
-     * @protected
-     */
-    async _getTranslations() {
-        const translations = await locale.getLocaleComponentStrings(this.el);
-        this._translations = translations[0];
-    }
-    get el() { return index.getElement(this); }
-    static get watchers() { return {
-        "groupId": ["itemIdWatchHandler"]
-    }; }
-};
-SolutionItemSharing.style = solutionItemSharingCss;
-
-exports.solution_item_sharing = SolutionItemSharing;

package/dist/cjs/solution-item.cjs.entry.js

@@ -1,106 +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-b53bfd7c.js');
-const solutionStore = require('./solution-store-6194ba89.js');
-const locale = require('./locale-42a9e623.js');
-require('./index-af047760.js');
-require('./interfaces-7cd0a48a.js');
-require('./index-5799a29c.js');
-require('./_commonjsHelpers-ed90c4ad.js');
-require('./index-f64944ad.js');
-require('./loadModules-b5f244cd.js');
-require('./esri-loader-5b8fbfa4.js');
-
-const solutionItemCss = ".configuration-container{position:relative;height:100%;width:100%}.configuration{position:absolute;top:0px;right:0px;bottom:0px;left:0px;display:flex;padding:0.5rem;border:1px #808080 solid}.config-tabs{width:100%}.config-tab{width:100%;overflow-y:auto;height:inherit}";
-
-const SolutionItem = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        this.authentication = undefined;
-        this.itemId = "";
-        this.solutionVariables = "";
-        this.organizationVariables = "";
-        this.itemType = undefined;
-        this._translations = undefined;
-    }
-    itemIdWatchHandler() {
-        const itemEdit = solutionStore.state.getItemInfo(this.itemId);
-        this.itemType = itemEdit.type;
-    }
-    //--------------------------------------------------------------------------
-    //
-    //  Lifecycle
-    //
-    //--------------------------------------------------------------------------
-    /**
-     * StencilJS: Called once just after the component is first connected to the DOM.
-     */
-    async componentWillLoad() {
-        return this._getTranslations();
-    }
-    /**
-     * Renders the component.
-     */
-    render() {
-        return (index.h(index.Host, null, index.h("div", { class: "configuration-container" }, index.h("div", { class: "configuration" }, this._showGroupTabs(this.itemType === "Group"), this._showItemTabs(this.itemType !== "Group")))));
-    }
-    //--------------------------------------------------------------------------
-    //
-    //  Event Listeners
-    //
-    //--------------------------------------------------------------------------
-    //--------------------------------------------------------------------------
-    //
-    //  Events
-    //
-    //--------------------------------------------------------------------------
-    //--------------------------------------------------------------------------
-    //
-    //  Public Methods (async)
-    //
-    //--------------------------------------------------------------------------
-    //--------------------------------------------------------------------------
-    //
-    //  Public Methods
-    //
-    //--------------------------------------------------------------------------
-    /**
-     * Render tabs based on group item types
-     *
-     * @param visible Should the current tab be visible
-     */
-    _showGroupTabs(visible) {
-        return index.h("calcite-tabs", { class: "config-tabs", style: { display: visible ? "inherit" : "none" } }, index.h("calcite-tab-nav", { slot: "tab-nav" }, index.h("calcite-tab-title", null, this._translations.groupDetailsTab), index.h("calcite-tab-title", null, this._translations.sharingTab)), index.h("calcite-tab", { class: "config-tab", id: "group-tab", selected: true }, index.h("solution-item-details", { "item-id": this.itemId })), index.h("calcite-tab", { class: "config-tab", id: "share-tab" }, index.h("solution-item-sharing", { "group-id": this.itemId })));
-    }
-    /**
-     * Render tabs based for an items details, data, and props section from a template
-     *
-     * @param visible Should the current tab be visible
-     */
-    _showItemTabs(visible) {
-        return index.h("calcite-tabs", { class: "config-tabs", style: { display: visible ? "inherit" : "none" } }, index.h("calcite-tab-nav", { slot: "tab-nav" }, index.h("calcite-tab-title", null, this._translations.itemDetailsTab), index.h("calcite-tab-title", null, this._translations.dataTab), index.h("calcite-tab-title", null, this._translations.propertiesTab), index.h("calcite-tab-title", null, this._translations.resourcesTab)), index.h("calcite-tab", { class: "config-tab", selected: true }, index.h("solution-item-details", { "item-id": this.itemId })), index.h("calcite-tab", { class: "config-tab", id: "data-tab" }, index.h("solution-template-data", { instanceid: "data", "item-id": this.itemId, "organization-variables": this.organizationVariables, "solution-variables": this.solutionVariables })), index.h("calcite-tab", { class: "config-tab", id: "props-tab" }, index.h("solution-template-data", { instanceid: "properties", "item-id": this.itemId, "organization-variables": this.organizationVariables, "solution-variables": this.solutionVariables })), index.h("calcite-tab", { class: "config-tab", id: "resources-tab" }, index.h("solution-resource-item", { authentication: this.authentication, class: "solutions-resource-container", "item-id": this.itemId })));
-    }
-    /**
-     * Fetches the component's translations
-     *
-     * @protected
-     */
-    async _getTranslations() {
-        const translations = await locale.getLocaleComponentStrings(this.el);
-        this._translations = translations[0];
-    }
-    get el() { return index.getElement(this); }
-    static get watchers() { return {
-        "itemId": ["itemIdWatchHandler"]
-    }; }
-};
-SolutionItem.style = solutionItemCss;
-
-exports.solution_item = SolutionItem;

package/dist/cjs/solution-organization-variables.cjs.entry.js

@@ -1,95 +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-b53bfd7c.js');
-const locale = require('./locale-42a9e623.js');
-require('./loadModules-b5f244cd.js');
-require('./esri-loader-5b8fbfa4.js');
-require('./_commonjsHelpers-ed90c4ad.js');
-
-const solutionOrganizationVariablesCss = ":host{display:block}.container-border{overflow-y:auto}.org-var-header{margin-left:0px;margin-right:0px;margin-top:0px;margin-bottom:1rem}";
-
-const SolutionOrganizationVariables = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        this.organizationVariableSelected = index.createEvent(this, "organizationVariableSelected", 7);
-        this.value = "";
-        this._organizationVariables = [];
-        this._translations = undefined;
-    }
-    valueWatchHandler() {
-        this._organizationVariables = JSON.parse(this.value);
-    }
-    //--------------------------------------------------------------------------
-    //
-    //  Lifecycle
-    //
-    //--------------------------------------------------------------------------
-    /**
-     * StencilJS: Called once just after the component is first connected to the DOM.
-     */
-    async componentWillLoad() {
-        return this._getTranslations();
-    }
-    /**
-     * Renders the component.
-     */
-    render() {
-        return (index.h(index.Host, null, index.h("div", null, index.h("h4", { class: "org-var-header" }, this._translations.orgVariables)), index.h("div", { class: "container-border" }, index.h("calcite-tree", { id: "variable-label" }, this._renderHierarchy(this._organizationVariables)))));
-    }
-    //--------------------------------------------------------------------------
-    //
-    //  Public Methods (async)
-    //
-    //--------------------------------------------------------------------------
-    //--------------------------------------------------------------------------
-    //
-    //  Private Methods
-    //
-    //--------------------------------------------------------------------------
-    /**
-     * Renders the organization based variable items the user can insert at runtime
-     *
-     * @param objs a list of organization variables to render
-     */
-    _renderHierarchy(objs) {
-        const hierarchy = objs.map(obj => {
-            return (index.h("calcite-tree-item", { onClick: () => this._treeItemSelected(obj.id, obj.value) }, obj.title));
-        });
-        return hierarchy;
-    }
-    /**
-     * Publishes the `organizationVariableSelected` event containing `itemId`, the id of the selected variable and the value of the variable.
-     *
-     * @param itemId Item id as reported by click event
-     * @param value Variable id as reported by click event
-     */
-    _treeItemSelected(itemId, value) {
-        this.organizationVariableSelected.emit({
-            itemId,
-            value
-        });
-    }
-    /**
-     * Fetches the component's translations
-     *
-     * @protected
-     */
-    async _getTranslations() {
-        const translations = await locale.getLocaleComponentStrings(this.el);
-        this._translations = translations[0];
-    }
-    get el() { return index.getElement(this); }
-    static get watchers() { return {
-        "value": ["valueWatchHandler"]
-    }; }
-};
-SolutionOrganizationVariables.style = solutionOrganizationVariablesCss;
-
-exports.solution_organization_variables = SolutionOrganizationVariables;