@esri/solutions-components 0.2.0 → 0.2.2

package/dist/components/solution-item-sharing2.js.map

@@ -1 +0,0 @@
-{"file":"solution-item-sharing2.js","mappings":"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","names":[],"sources":["./src/components/solution-item-sharing/solution-item-sharing.scss?tag=solution-item-sharing&encapsulation=shadow","./src/components/solution-item-sharing/solution-item-sharing.tsx"],"sourcesContent":["/** @license\r\n * Copyright 2022 Esri\r\n *\r\n * Licensed under the Apache License, Version 2.0 (the \"License\");\r\n * you may not use this file except in compliance with the License.\r\n * You may obtain a copy of the License at\r\n *\r\n *    http://www.apache.org/licenses/LICENSE-2.0\r\n *\r\n * Unless required by applicable law or agreed to in writing, software\r\n * distributed under the License is distributed on an \"AS IS\" BASIS,\r\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\r\n * See the License for the specific language governing permissions and\r\n * limitations under the License.\r\n */\r\n\r\n:host {\r\n  @apply block;\r\n}\r\n\r\n.container-border {\r\n  @apply p-4;\r\n}\r\n\r\n.icon-text {\r\n  @apply truncate;\r\n}\r\n","/** @license\r\n * Copyright 2022 Esri\r\n *\r\n * Licensed under the Apache License, Version 2.0 (the \"License\");\r\n * you may not use this file except in compliance with the License.\r\n * You may obtain a copy of the License at\r\n *\r\n *    http://www.apache.org/licenses/LICENSE-2.0\r\n *\r\n * Unless required by applicable law or agreed to in writing, software\r\n * distributed under the License is distributed on an \"AS IS\" BASIS,\r\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\r\n * See the License for the specific language governing permissions and\r\n * limitations under the License.\r\n */\r\n\r\nimport { Component, Element, h, Host, Method, Prop, State, VNode, Watch } from '@stencil/core';\r\nimport state from \"../../utils/solution-store\";\r\nimport { IItemShare, IItemTemplateEdit } from '../../utils/interfaces';\r\nimport SolutionItemSharing_T9n from '../../assets/t9n/solution-item-sharing/resources.json';\r\nimport { getLocaleComponentStrings } from '../../utils/locale';\r\n\r\n@Component({\r\n  tag: 'solution-item-sharing',\r\n  styleUrl: 'solution-item-sharing.scss',\r\n  shadow: true,\r\n})\r\nexport class SolutionItemSharing {\r\n\r\n  //--------------------------------------------------------------------------\r\n  //\r\n  //  Host element access\r\n  //\r\n  //--------------------------------------------------------------------------\r\n\r\n  @Element() el: HTMLSolutionItemSharingElement;\r\n\r\n  //--------------------------------------------------------------------------\r\n  //\r\n  //  Properties (public)\r\n  //\r\n  //--------------------------------------------------------------------------\r\n\r\n  /**\r\n   * A template's groupId.\r\n   */\r\n  @Prop({ mutable: true, reflect: true }) groupId = \"\";\r\n\r\n  @Watch(\"groupId\") itemIdWatchHandler(): void {\r\n    const itemEdit = state.getItemInfo(this.groupId);\r\n    this.sharing = itemEdit.groupDetails;\r\n  }\r\n\r\n  //--------------------------------------------------------------------------\r\n  //\r\n  //  Lifecycle\r\n  //\r\n  //--------------------------------------------------------------------------\r\n\r\n  /**\r\n   * StencilJS: Called once just after the component is first connected to the DOM.\r\n   */\r\n  async componentWillLoad(): Promise<void> {\r\n    return this._getTranslations();\r\n  }\r\n\r\n  /**\r\n   * Renders the component.\r\n   */\r\n  render(): VNode {\r\n    return (\r\n      <Host>\r\n        <div class=\"container-border\">\r\n          <calcite-label>{this._translations.groupInfo}</calcite-label>\r\n          {this._renderItems(this.sharing)}\r\n        </div>\r\n      </Host>\r\n    );\r\n  }\r\n\r\n  //--------------------------------------------------------------------------\r\n  //\r\n  //  Properties (protected)\r\n  //\r\n  //--------------------------------------------------------------------------\r\n\r\n  /**\r\n   * Contains the translations for this component.\r\n   * All UI strings should be defined here.\r\n   */\r\n  @State() protected _translations: typeof SolutionItemSharing_T9n;\r\n\r\n  /**\r\n   * Contains the public sharing for this component.\r\n   */\r\n  @State() sharing: IItemShare[] = [];\r\n\r\n  //--------------------------------------------------------------------------\r\n  //\r\n  //  Event Listeners\r\n  //\r\n  //--------------------------------------------------------------------------\r\n\r\n  //--------------------------------------------------------------------------\r\n  //\r\n  //  Events\r\n  //\r\n  //--------------------------------------------------------------------------\r\n\r\n  //--------------------------------------------------------------------------\r\n  //\r\n  //  Public Methods (async)\r\n  //\r\n  //--------------------------------------------------------------------------\r\n\r\n  @Method()\r\n  async getShareInfo(): Promise<any> {\r\n    return this.sharing;\r\n  }\r\n\r\n  //--------------------------------------------------------------------------\r\n  //\r\n  //  Private Methods\r\n  //\r\n  //--------------------------------------------------------------------------\r\n\r\n  /**\r\n   * Render share options based on the list of share details\r\n   *\r\n   * @param objs list of IItemShare objects that are used to expose and store share info for the solutions items\r\n   */\r\n  _renderItems(\r\n    objs: IItemShare[]\r\n  ): VNode[] {\r\n    return objs && objs.length > 0\r\n      ? objs.map(item => {\r\n        return (\r\n          <calcite-label layout=\"inline\">\r\n            <calcite-switch\r\n              id={item.id}\r\n              name=\"setting\"\r\n              onCalciteSwitchChange={(event) => this._updateItem(event)}\r\n              scale=\"m\"\r\n              switched={item.shareItem}\r\n              value=\"enabled\"\r\n            />\r\n            <solution-item-icon type={item.type} typeKeywords={item.typeKeywords} />\r\n            <span class=\"icon-text\" title={item.title}>{item.title}</span>\r\n          </calcite-label>\r\n        );\r\n      })\r\n      : null;\r\n  }\r\n\r\n  /**\r\n   * Update the items share prop based on the switch state\r\n   *\r\n   * @param event onCalciteSwitchChange event\r\n   */\r\n  // eslint-disable-next-line @typescript-eslint/explicit-module-boundary-types\r\n  _updateItem(event): void {\r\n    const id: string = event.target.id;\r\n    this.sharing = this.sharing.map((itemShare: IItemShare) => {\r\n      if (itemShare.id === id) {\r\n        // update the item\r\n        itemShare.shareItem = event.detail.switched;\r\n\r\n        // update the item in the store\r\n        const itemEdit: IItemTemplateEdit = state.getItemInfo(id);\r\n\r\n        if (itemShare.shareItem) {\r\n          // Add the group to the item if it's not already there\r\n          if (!itemEdit.groups) {\r\n            itemEdit.groups = [this.groupId];\r\n          } else if (itemEdit.groups.indexOf(this.groupId) < 0) {\r\n            itemEdit.groups.push(this.groupId);\r\n          }\r\n        } else {\r\n          // Remove the group from the item if it's there\r\n          if (itemEdit.groups) {\r\n            const i = itemEdit.groups.indexOf(this.groupId);\r\n            if (i > -1) {\r\n              itemEdit.groups.splice(i, 1);\r\n            }\r\n          }\r\n        }\r\n\r\n        state.setItemInfo(itemEdit);\r\n      }\r\n      return itemShare;\r\n    });\r\n  }\r\n\r\n  /**\r\n   * Fetches the component's translations\r\n   *\r\n   * @protected\r\n   */\r\n  protected async _getTranslations(): Promise<void> {\r\n    const translations = await getLocaleComponentStrings(this.el);\r\n    this._translations = translations[0] as typeof SolutionItemSharing_T9n;\r\n  }\r\n}\r\n"],"version":3}

package/dist/components/solution-item.d.ts

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

package/dist/components/solution-item.js

@@ -1,13 +0,0 @@
-/*!
- * Copyright 2022 Esri
- * Licensed under the Apache License, Version 2.0
- * http://www.apache.org/licenses/LICENSE-2.0
- */
-import { S as SolutionItem$1, d as defineCustomElement$1 } from './solution-item2.js';
-
-const SolutionItem = SolutionItem$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { SolutionItem, defineCustomElement };
-
-//# sourceMappingURL=solution-item.js.map

package/dist/components/solution-item.js.map

@@ -1 +0,0 @@
-{"file":"solution-item.js","mappings":";;;;;;;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}

package/dist/components/solution-item2.js

@@ -1,317 +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 { s as state } from './solution-store.js';
-import { g as getLocaleComponentStrings } from './locale.js';
-import { d as defineCustomElement$x } from './action.js';
-import { d as defineCustomElement$w } from './action-group.js';
-import { d as defineCustomElement$v } from './action-menu.js';
-import { d as defineCustomElement$u } from './button.js';
-import { d as defineCustomElement$t } from './checkbox.js';
-import { d as defineCustomElement$s } from './icon.js';
-import { d as defineCustomElement$r } from './input.js';
-import { d as defineCustomElement$q } from './label.js';
-import { d as defineCustomElement$p } from './loader.js';
-import { d as defineCustomElement$o } from './panel.js';
-import { d as defineCustomElement$n } from './pick-list-item.js';
-import { d as defineCustomElement$m } from './popover.js';
-import { d as defineCustomElement$l } from './progress.js';
-import { d as defineCustomElement$k } from './scrim.js';
-import { d as defineCustomElement$j } from './shell.js';
-import { d as defineCustomElement$i } from './shell-panel.js';
-import { d as defineCustomElement$h } from './switch.js';
-import { d as defineCustomElement$g } from './tab.js';
-import { d as defineCustomElement$f } from './tab-nav.js';
-import { d as defineCustomElement$e } from './tab-title.js';
-import { d as defineCustomElement$d } from './tabs.js';
-import { d as defineCustomElement$c } from './tree.js';
-import { d as defineCustomElement$b } from './tree-item.js';
-import { d as defineCustomElement$a } from './value-list.js';
-import { d as defineCustomElement$9 } from './value-list-item.js';
-import { d as defineCustomElement$8 } from './json-editor2.js';
-import { d as defineCustomElement$7 } from './solution-item-details2.js';
-import { d as defineCustomElement$6 } from './solution-item-icon2.js';
-import { d as defineCustomElement$5 } from './solution-item-sharing2.js';
-import { d as defineCustomElement$4 } from './solution-organization-variables2.js';
-import { d as defineCustomElement$3 } from './solution-resource-item2.js';
-import { d as defineCustomElement$2 } from './solution-template-data2.js';
-import { d as defineCustomElement$1 } from './solution-variables2.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 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
-  constructor() {
-    super();
-    this.__registerHost();
-    this.authentication = undefined;
-    this.itemId = "";
-    this.solutionVariables = "";
-    this.organizationVariables = "";
-    this.itemType = undefined;
-    this._translations = undefined;
-  }
-  itemIdWatchHandler() {
-    const itemEdit = 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 (h(Host, null, h("div", { class: "configuration-container" }, 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 h("calcite-tabs", { class: "config-tabs", style: { display: visible ? "inherit" : "none" } }, h("calcite-tab-nav", { slot: "tab-nav" }, h("calcite-tab-title", null, this._translations.groupDetailsTab), h("calcite-tab-title", null, this._translations.sharingTab)), h("calcite-tab", { active: true, class: "config-tab", id: "group-tab" }, h("solution-item-details", { "item-id": this.itemId })), h("calcite-tab", { class: "config-tab", id: "share-tab" }, 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 h("calcite-tabs", { class: "config-tabs", style: { display: visible ? "inherit" : "none" } }, h("calcite-tab-nav", { slot: "tab-nav" }, h("calcite-tab-title", null, this._translations.itemDetailsTab), h("calcite-tab-title", null, this._translations.dataTab), h("calcite-tab-title", null, this._translations.propertiesTab), h("calcite-tab-title", null, this._translations.resourcesTab)), h("calcite-tab", { active: true, class: "config-tab" }, h("solution-item-details", { "item-id": this.itemId })), h("calcite-tab", { class: "config-tab", id: "data-tab" }, h("solution-template-data", { instanceid: "data", "item-id": this.itemId, "organization-variables": this.organizationVariables, "solution-variables": this.solutionVariables })), h("calcite-tab", { class: "config-tab", id: "props-tab" }, h("solution-template-data", { instanceid: "properties", "item-id": this.itemId, "organization-variables": this.organizationVariables, "solution-variables": this.solutionVariables })), h("calcite-tab", { class: "config-tab", id: "resources-tab" }, 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 getLocaleComponentStrings(this.el);
-    this._translations = translations[0];
-  }
-  get el() { return this; }
-  static get watchers() { return {
-    "itemId": ["itemIdWatchHandler"]
-  }; }
-  static get style() { return solutionItemCss; }
-}, [0, "solution-item", {
-    "authentication": [1040],
-    "itemId": [1537, "item-id"],
-    "solutionVariables": [1537, "solution-variables"],
-    "organizationVariables": [1537, "organization-variables"],
-    "itemType": [32],
-    "_translations": [32]
-  }]);
-function defineCustomElement() {
-  if (typeof customElements === "undefined") {
-    return;
-  }
-  const components = ["solution-item", "calcite-action", "calcite-action-group", "calcite-action-menu", "calcite-button", "calcite-checkbox", "calcite-icon", "calcite-input", "calcite-label", "calcite-loader", "calcite-panel", "calcite-pick-list-item", "calcite-popover", "calcite-progress", "calcite-scrim", "calcite-shell", "calcite-shell-panel", "calcite-switch", "calcite-tab", "calcite-tab-nav", "calcite-tab-title", "calcite-tabs", "calcite-tree", "calcite-tree-item", "calcite-value-list", "calcite-value-list-item", "json-editor", "solution-item-details", "solution-item-icon", "solution-item-sharing", "solution-organization-variables", "solution-resource-item", "solution-template-data", "solution-variables"];
-  components.forEach(tagName => { switch (tagName) {
-    case "solution-item":
-      if (!customElements.get(tagName)) {
-        customElements.define(tagName, SolutionItem);
-      }
-      break;
-    case "calcite-action":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$x();
-      }
-      break;
-    case "calcite-action-group":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$w();
-      }
-      break;
-    case "calcite-action-menu":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$v();
-      }
-      break;
-    case "calcite-button":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$u();
-      }
-      break;
-    case "calcite-checkbox":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$t();
-      }
-      break;
-    case "calcite-icon":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$s();
-      }
-      break;
-    case "calcite-input":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$r();
-      }
-      break;
-    case "calcite-label":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$q();
-      }
-      break;
-    case "calcite-loader":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$p();
-      }
-      break;
-    case "calcite-panel":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$o();
-      }
-      break;
-    case "calcite-pick-list-item":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$n();
-      }
-      break;
-    case "calcite-popover":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$m();
-      }
-      break;
-    case "calcite-progress":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$l();
-      }
-      break;
-    case "calcite-scrim":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$k();
-      }
-      break;
-    case "calcite-shell":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$j();
-      }
-      break;
-    case "calcite-shell-panel":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$i();
-      }
-      break;
-    case "calcite-switch":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$h();
-      }
-      break;
-    case "calcite-tab":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$g();
-      }
-      break;
-    case "calcite-tab-nav":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$f();
-      }
-      break;
-    case "calcite-tab-title":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$e();
-      }
-      break;
-    case "calcite-tabs":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$d();
-      }
-      break;
-    case "calcite-tree":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$c();
-      }
-      break;
-    case "calcite-tree-item":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$b();
-      }
-      break;
-    case "calcite-value-list":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$a();
-      }
-      break;
-    case "calcite-value-list-item":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$9();
-      }
-      break;
-    case "json-editor":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$8();
-      }
-      break;
-    case "solution-item-details":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$7();
-      }
-      break;
-    case "solution-item-icon":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$6();
-      }
-      break;
-    case "solution-item-sharing":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$5();
-      }
-      break;
-    case "solution-organization-variables":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$4();
-      }
-      break;
-    case "solution-resource-item":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$3();
-      }
-      break;
-    case "solution-template-data":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$2();
-      }
-      break;
-    case "solution-variables":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$1();
-      }
-      break;
-  } });
-}
-defineCustomElement();
-
-export { SolutionItem as S, defineCustomElement as d };
-
-//# sourceMappingURL=solution-item2.js.map

package/dist/components/solution-item2.js.map

@@ -1 +0,0 @@
-{"file":"solution-item2.js","mappings":"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","names":[],"sources":["./src/components/solution-item/solution-item.scss?tag=solution-item","./src/components/solution-item/solution-item.tsx"],"sourcesContent":["/** @license\r\n * Copyright 2022 Esri\r\n *\r\n * Licensed under the Apache License, Version 2.0 (the \"License\");\r\n * you may not use this file except in compliance with the License.\r\n * You may obtain a copy of the License at\r\n *\r\n *    http://www.apache.org/licenses/LICENSE-2.0\r\n *\r\n * Unless required by applicable law or agreed to in writing, software\r\n * distributed under the License is distributed on an \"AS IS\" BASIS,\r\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\r\n * See the License for the specific language governing permissions and\r\n * limitations under the License.\r\n */\r\n\r\n.configuration-container {\r\n  @apply w-full\r\n    h-full\r\n    relative;\r\n}\r\n\r\n.configuration {\r\n  @apply absolute\r\n    top-0\r\n    right-0\r\n    bottom-0\r\n    left-0\r\n    flex\r\n    p-2\r\n    border-lightgray;\r\n}\r\n\r\n.config-tabs {\r\n  @apply w-full;\r\n}\r\n\r\n.config-tab {\r\n  @apply w-full\r\n    overflow-y-auto;\r\n  height: inherit;\r\n}\r\n","/** @license\r\n * Copyright 2022 Esri\r\n *\r\n * Licensed under the Apache License, Version 2.0 (the \"License\");\r\n * you may not use this file except in compliance with the License.\r\n * You may obtain a copy of the License at\r\n *\r\n *    http://www.apache.org/licenses/LICENSE-2.0\r\n *\r\n * Unless required by applicable law or agreed to in writing, software\r\n * distributed under the License is distributed on an \"AS IS\" BASIS,\r\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\r\n * See the License for the specific language governing permissions and\r\n * limitations under the License.\r\n */\r\n\r\nimport { Component, Element, h, Host, Prop, State, VNode, Watch } from '@stencil/core';\r\nimport '@esri/calcite-components';\r\nimport state from \"../../utils/solution-store\";\r\nimport { UserSession } from '@esri/solution-common';\r\nimport SolutionItem_T9n from '../../assets/t9n/solution-item/resources.json';\r\nimport { getLocaleComponentStrings } from '../../utils/locale';\r\n\r\n@Component({\r\n  tag: 'solution-item',\r\n  styleUrl: 'solution-item.scss',\r\n  shadow: false\r\n})\r\nexport class SolutionItem {\r\n\r\n  //--------------------------------------------------------------------------\r\n  //\r\n  //  Host element access\r\n  //\r\n  //--------------------------------------------------------------------------\r\n  @Element() el: HTMLSolutionItemElement;\r\n\r\n  //--------------------------------------------------------------------------\r\n  //\r\n  //  Properties (public)\r\n  //\r\n  //--------------------------------------------------------------------------\r\n\r\n  /**\r\n   * Credentials for requests\r\n   */\r\n  @Prop({ mutable: true }) authentication: UserSession;\r\n\r\n  /**\r\n   * A template's itemId.\r\n   */\r\n  @Prop({ mutable: true, reflect: true }) itemId = \"\";\r\n\r\n  @Watch(\"itemId\") itemIdWatchHandler(): void {\r\n    const itemEdit = state.getItemInfo(this.itemId);\r\n    this.itemType = itemEdit.type;\r\n  }\r\n\r\n  /**\r\n   * Contains the solution based variables\r\n   */\r\n  @Prop({ mutable: true, reflect: true }) solutionVariables = \"\";\r\n\r\n  /**\r\n   * Contains the organization based variables\r\n   */\r\n  @Prop({ mutable: true, reflect: true }) organizationVariables = \"\";\r\n\r\n  //--------------------------------------------------------------------------\r\n  //\r\n  //  Lifecycle\r\n  //\r\n  //--------------------------------------------------------------------------\r\n\r\n  /**\r\n   * StencilJS: Called once just after the component is first connected to the DOM.\r\n   */\r\n  async componentWillLoad(): Promise<void> {\r\n    return this._getTranslations();\r\n  }\r\n\r\n  /**\r\n   * Renders the component.\r\n   */\r\n  render(): VNode {\r\n    return (\r\n      <Host>\r\n        <div class=\"configuration-container\">\r\n          <div class=\"configuration\">\r\n            {/* Using this rather than ternary operator as I was getting a tabIndex error\r\n                when switching between item and group type tab.\r\n                It was also not a smooth transition when the 3rd tab of an item was selected and you would switch to a group.\r\n             */}\r\n            {this._showGroupTabs(this.itemType === \"Group\")}\r\n            {this._showItemTabs(this.itemType !== \"Group\")}\r\n          </div>\r\n        </div>\r\n      </Host>\r\n    );\r\n  }\r\n\r\n  //--------------------------------------------------------------------------\r\n  //\r\n  //  Properties (protected)\r\n  //\r\n  //--------------------------------------------------------------------------\r\n\r\n  @State() itemType: string;\r\n\r\n  /**\r\n   * Contains the translations for this component.\r\n   * All UI strings should be defined here.\r\n   */\r\n  @State() protected _translations: typeof SolutionItem_T9n;\r\n\r\n  //--------------------------------------------------------------------------\r\n  //\r\n  //  Event Listeners\r\n  //\r\n  //--------------------------------------------------------------------------\r\n\r\n  //--------------------------------------------------------------------------\r\n  //\r\n  //  Events\r\n  //\r\n  //--------------------------------------------------------------------------\r\n\r\n  //--------------------------------------------------------------------------\r\n  //\r\n  //  Public Methods (async)\r\n  //\r\n  //--------------------------------------------------------------------------\r\n\r\n  //--------------------------------------------------------------------------\r\n  //\r\n  //  Public Methods\r\n  //\r\n  //--------------------------------------------------------------------------\r\n\r\n  /**\r\n   * Render tabs based on group item types\r\n   *\r\n   * @param visible Should the current tab be visible\r\n   */\r\n  _showGroupTabs(\r\n    visible: boolean\r\n  ): VNode {\r\n    return <calcite-tabs class=\"config-tabs\" style={{ display: visible ? \"inherit\" : \"none\" }}>\r\n      <calcite-tab-nav slot=\"tab-nav\">\r\n        <calcite-tab-title>{this._translations.groupDetailsTab}</calcite-tab-title>\r\n        <calcite-tab-title>{this._translations.sharingTab}</calcite-tab-title>\r\n      </calcite-tab-nav>\r\n\r\n      <calcite-tab active class=\"config-tab\" id=\"group-tab\">\r\n        <solution-item-details\r\n          item-id={this.itemId}\r\n        />\r\n      </calcite-tab>\r\n      <calcite-tab class=\"config-tab\" id=\"share-tab\">\r\n        <solution-item-sharing\r\n          group-id={this.itemId}\r\n        />\r\n      </calcite-tab>\r\n    </calcite-tabs>\r\n  }\r\n\r\n  /**\r\n   * Render tabs based for an items details, data, and props section from a template\r\n   *\r\n   * @param visible Should the current tab be visible\r\n   */\r\n  _showItemTabs(\r\n    visible: boolean\r\n  ): VNode {\r\n    return <calcite-tabs class=\"config-tabs\" style={{ display: visible ? \"inherit\" : \"none\" }}>\r\n      <calcite-tab-nav slot=\"tab-nav\">\r\n        <calcite-tab-title>{this._translations.itemDetailsTab}</calcite-tab-title>\r\n        <calcite-tab-title>{this._translations.dataTab}</calcite-tab-title>\r\n        <calcite-tab-title>{this._translations.propertiesTab}</calcite-tab-title>\r\n        <calcite-tab-title>{this._translations.resourcesTab}</calcite-tab-title>\r\n      </calcite-tab-nav>\r\n\r\n      <calcite-tab active class=\"config-tab\">\r\n        <solution-item-details\r\n          item-id={this.itemId}\r\n        />\r\n      </calcite-tab>\r\n      <calcite-tab class=\"config-tab\" id=\"data-tab\">\r\n        <solution-template-data\r\n          instanceid=\"data\"\r\n          item-id={this.itemId}\r\n          organization-variables={this.organizationVariables}\r\n          solution-variables={this.solutionVariables}\r\n        />\r\n      </calcite-tab>\r\n      <calcite-tab class=\"config-tab\" id=\"props-tab\">\r\n        <solution-template-data\r\n          instanceid=\"properties\"\r\n          item-id={this.itemId}\r\n          organization-variables={this.organizationVariables}\r\n          solution-variables={this.solutionVariables}\r\n        />\r\n      </calcite-tab>\r\n      <calcite-tab class=\"config-tab\" id=\"resources-tab\">\r\n        <solution-resource-item\r\n          authentication={this.authentication}\r\n          class=\"solutions-resource-container\"\r\n          item-id={this.itemId}\r\n        />\r\n      </calcite-tab>\r\n    </calcite-tabs>\r\n  }\r\n\r\n  /**\r\n   * Fetches the component's translations\r\n   *\r\n   * @protected\r\n   */\r\n  protected async _getTranslations(): Promise<void> {\r\n    const translations = await getLocaleComponentStrings(this.el);\r\n    this._translations = translations[0] as typeof SolutionItem_T9n;\r\n  }\r\n}\r\n"],"version":3}

package/dist/components/solution-organization-variables.d.ts

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

package/dist/components/solution-organization-variables.js

@@ -1,13 +0,0 @@
-/*!
- * Copyright 2022 Esri
- * Licensed under the Apache License, Version 2.0
- * http://www.apache.org/licenses/LICENSE-2.0
- */
-import { S as SolutionOrganizationVariables$1, d as defineCustomElement$1 } from './solution-organization-variables2.js';
-
-const SolutionOrganizationVariables = SolutionOrganizationVariables$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { SolutionOrganizationVariables, defineCustomElement };
-
-//# sourceMappingURL=solution-organization-variables.js.map

package/dist/components/solution-organization-variables.js.map

@@ -1 +0,0 @@
-{"file":"solution-organization-variables.js","mappings":";;;;;;;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}

package/dist/components/solution-organization-variables2.js

@@ -1,134 +0,0 @@
-/*!
- * Copyright 2022 Esri
- * Licensed under the Apache License, Version 2.0
- * http://www.apache.org/licenses/LICENSE-2.0
- */
-import { proxyCustomElement, HTMLElement, createEvent, 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 './icon.js';
-import { d as defineCustomElement$2 } from './tree.js';
-import { d as defineCustomElement$1 } from './tree-item.js';
-
-const solutionOrganizationVariablesCss = ":host{display:block;box-sizing:border-box;margin-left:0.75rem;margin-right:0.75rem;min-width:0;flex-grow:0;flex-shrink:1}:host-group-1-up>.block{flex-basis:calc(100% - 1.5rem);width:calc(100% - 1.5rem)}:host-group-2-up>.block{flex-basis:calc(50% - 1.5rem);width:calc(50% - 1.5rem)}:host-group-3-up>.block{flex-basis:calc(33.33333% - 1.5rem);width:calc(33.33333% - 1.5rem)}:host-group-4-up>.block{flex-basis:calc(25% - 1.5rem);width:calc(25% - 1.5rem)}:host-group-5-up>.block{flex-basis:calc(20% - 1.5rem);width:calc(20% - 1.5rem)}:host-group-6-up>.block{flex-basis:calc(16.66666% - 1.5rem);width:calc(16.66666% - 1.5rem)}:host-group-7-up>.block{flex-basis:calc(14.2857% - 1.5rem);width:calc(14.2857% - 1.5rem)}:host-group-8-up>.block{flex-basis:calc(12.5% - 1.5rem);width:calc(12.5% - 1.5rem)}.tablet-block-group-1-up>:host{flex-basis:calc(100% - 1.5rem);width:calc(100% - 1.5rem)}.tablet-block-group-2-up>:host{flex-basis:calc(50% - 1.5rem);width:calc(50% - 1.5rem)}.tablet-block-group-3-up>:host{flex-basis:calc(33.33333% - 1.5rem);width:calc(33.33333% - 1.5rem)}.tablet-block-group-4-up>:host{flex-basis:calc(25% - 1.5rem);width:calc(25% - 1.5rem)}.tablet-block-group-5-up>:host{flex-basis:calc(20% - 1.5rem);width:calc(20% - 1.5rem)}.tablet-block-group-6-up>:host{flex-basis:calc(16.66666% - 1.5rem);width:calc(16.66666% - 1.5rem)}.tablet-block-group-7-up>:host{flex-basis:calc(14.2857% - 1.5rem);width:calc(14.2857% - 1.5rem)}.tablet-block-group-8-up>:host{flex-basis:calc(12.5% - 1.5rem);width:calc(12.5% - 1.5rem)}.phone-block-group-1-up>:host{flex-basis:calc(100% - 1.5rem);width:calc(100% - 1.5rem)}.phone-block-group-2-up>:host{flex-basis:calc(50% - 1.5rem);width:calc(50% - 1.5rem)}.phone-block-group-3-up>:host{flex-basis:calc(33.33333% - 1.5rem);width:calc(33.33333% - 1.5rem)}.phone-block-group-4-up>:host{flex-basis:calc(25% - 1.5rem);width:calc(25% - 1.5rem)}.phone-block-group-5-up>:host{flex-basis:calc(20% - 1.5rem);width:calc(20% - 1.5rem)}.phone-block-group-6-up>:host{flex-basis:calc(16.66666% - 1.5rem);width:calc(16.66666% - 1.5rem)}.phone-block-group-7-up>:host{flex-basis:calc(14.2857% - 1.5rem);width:calc(14.2857% - 1.5rem)}.phone-block-group-8-up>:host{flex-basis:calc(12.5% - 1.5rem);width:calc(12.5% - 1.5rem)}.code-face :host{letter-spacing:0em;font-family:\"Consolas\", \"Andale Mono\", \"Lucida Console\", \"Monaco\", monospace;font-weight:400;font-style:normal}.code-face :host b,.code-face :host strong{font-weight:400}.code-italic :host{letter-spacing:0em;font-family:\"Consolas\", \"Andale Mono\", \"Lucida Console\", \"Monaco\", monospace;font-weight:400;font-style:italic}.code-italic :host b,.code-italic :host strong{font-weight:400}.container-border{overflow-y:auto}.org-var-header{margin-left:0px;margin-right:0px;margin-top:0px;margin-bottom:1rem}";
-
-const SolutionOrganizationVariables = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
-  constructor() {
-    super();
-    this.__registerHost();
-    this.__attachShadow();
-    this.organizationVariableSelected = 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 (h(Host, null, h("div", null, h("h4", { class: "org-var-header" }, this._translations.orgVariables)), h("div", { class: "container-border" }, 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 (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 getLocaleComponentStrings(this.el);
-    this._translations = translations[0];
-  }
-  get el() { return this; }
-  static get watchers() { return {
-    "value": ["valueWatchHandler"]
-  }; }
-  static get style() { return solutionOrganizationVariablesCss; }
-}, [1, "solution-organization-variables", {
-    "value": [1537],
-    "_organizationVariables": [32],
-    "_translations": [32]
-  }]);
-function defineCustomElement() {
-  if (typeof customElements === "undefined") {
-    return;
-  }
-  const components = ["solution-organization-variables", "calcite-checkbox", "calcite-icon", "calcite-tree", "calcite-tree-item"];
-  components.forEach(tagName => { switch (tagName) {
-    case "solution-organization-variables":
-      if (!customElements.get(tagName)) {
-        customElements.define(tagName, SolutionOrganizationVariables);
-      }
-      break;
-    case "calcite-checkbox":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$4();
-      }
-      break;
-    case "calcite-icon":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$3();
-      }
-      break;
-    case "calcite-tree":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$2();
-      }
-      break;
-    case "calcite-tree-item":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$1();
-      }
-      break;
-  } });
-}
-defineCustomElement();
-
-export { SolutionOrganizationVariables as S, defineCustomElement as d };
-
-//# sourceMappingURL=solution-organization-variables2.js.map

package/dist/components/solution-organization-variables2.js.map

@@ -1 +0,0 @@
-{"file":"solution-organization-variables2.js","mappings":";;;;;;;;;;;;AAAA,MAAM,gCAAgC,GAAG,0uFAA0uF;;MC2BtwF,6BAA6B;;;;;;iBAmBQ,EAAE;kCA2CuB,EAAE;;;EAzC3D,iBAAiB;IAC/B,IAAI,CAAC,sBAAsB,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;GACtD;;;;;;;;;EAWD,MAAM,iBAAiB;IACrB,OAAO,IAAI,CAAC,gBAAgB,EAAE,CAAC;GAChC;;;;EAKD,MAAM;IACJ,QACE,EAAC,IAAI,QACH,eACE,UAAI,KAAK,EAAC,gBAAgB,IAAE,IAAI,CAAC,aAAa,CAAC,YAAY,CAAM,CAC7D,EACN,WAAK,KAAK,EAAC,kBAAkB,IAC3B,oBAAc,EAAE,EAAC,gBAAgB,IAC9B,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC,sBAAsB,CAAC,CACtC,CACX,CACD,EACP;GACH;;;;;;;;;;;;;;;;EA+CD,gBAAgB,CACd,IAAiC;IAEjC,MAAM,SAAS,GAAG,IAAI,CAAC,GAAG,CAAC,GAAG;MAC5B,QACE,yBAAmB,OAAO,EAAE,MAAM,IAAI,CAAC,iBAAiB,CAAC,GAAG,CAAC,EAAE,EAAE,GAAG,CAAC,KAAK,CAAC,IACxE,GAAG,CAAC,KAAK,CACQ,EACpB;KACH,CAAC,CAAC;IACH,OAAO,SAAS,CAAC;GAClB;;;;;;;EAQS,iBAAiB,CACzB,MAAc,EACd,KAAa;IAEb,IAAI,CAAC,4BAA4B,CAAC,IAAI,CAAC;MACrC,MAAM;MACN,KAAK;KACN,CAAC,CAAC;GACJ;;;;;;EAOS,MAAM,gBAAgB;IAC9B,MAAM,YAAY,GAAG,MAAM,yBAAyB,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;IAC9D,IAAI,CAAC,aAAa,GAAG,YAAY,CAAC,CAAC,CAA6C,CAAC;GAClF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["./src/components/solution-organization-variables/solution-organization-variables.scss?tag=solution-organization-variables&encapsulation=shadow","./src/components/solution-organization-variables/solution-organization-variables.tsx"],"sourcesContent":["/** @license\r\n * Copyright 2022 Esri\r\n *\r\n * Licensed under the Apache License, Version 2.0 (the \"License\");\r\n * you may not use this file except in compliance with the License.\r\n * You may obtain a copy of the License at\r\n *\r\n *    http://www.apache.org/licenses/LICENSE-2.0\r\n *\r\n * Unless required by applicable law or agreed to in writing, software\r\n * distributed under the License is distributed on an \"AS IS\" BASIS,\r\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\r\n * See the License for the specific language governing permissions and\r\n * limitations under the License.\r\n */\r\n\r\n:host {\r\n  @apply block;\r\n}\r\n\r\n.container-border {\r\n  @apply overflow-y-auto;\r\n}\r\n\r\n.org-var-header {\r\n  @apply mx-0\r\n    mt-0\r\n    mb-4;\r\n}\r\n","/** @license\r\n * Copyright 2022 Esri\r\n *\r\n * Licensed under the Apache License, Version 2.0 (the \"License\");\r\n * you may not use this file except in compliance with the License.\r\n * You may obtain a copy of the License at\r\n *\r\n *    http://www.apache.org/licenses/LICENSE-2.0\r\n *\r\n * Unless required by applicable law or agreed to in writing, software\r\n * distributed under the License is distributed on an \"AS IS\" BASIS,\r\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\r\n * See the License for the specific language governing permissions and\r\n * limitations under the License.\r\n */\r\n\r\nimport { Component, Element, Event, EventEmitter, Host, h, Prop, State, VNode, Watch } from '@stencil/core';\r\nimport { IOrganizationVariableItem } from '../../utils/interfaces';\r\nimport SolutionOrganizationVariables_T9n from '../../assets/t9n/solution-organization-variables/resources.json';\r\nimport { getLocaleComponentStrings } from '../../utils/locale';\r\n\r\n@Component({\r\n  tag: 'solution-organization-variables',\r\n  styleUrl: 'solution-organization-variables.scss',\r\n  shadow: true,\r\n})\r\n\r\nexport class SolutionOrganizationVariables {\r\n\r\n  //--------------------------------------------------------------------------\r\n  //\r\n  //  Host element access\r\n  //\r\n  //--------------------------------------------------------------------------\r\n\r\n  @Element() el: HTMLSolutionOrganizationVariablesElement;\r\n\r\n  //--------------------------------------------------------------------------\r\n  //\r\n  //  Properties (public)\r\n  //\r\n  //--------------------------------------------------------------------------\r\n\r\n  /**\r\n   * Contains the public value for this component.\r\n   */\r\n  @Prop({ mutable: true, reflect: true }) value = \"\";\r\n\r\n  @Watch(\"value\") valueWatchHandler(): void {\r\n    this._organizationVariables = JSON.parse(this.value);\r\n  }\r\n\r\n  //--------------------------------------------------------------------------\r\n  //\r\n  //  Lifecycle\r\n  //\r\n  //--------------------------------------------------------------------------\r\n\r\n  /**\r\n   * StencilJS: Called once just after the component is first connected to the DOM.\r\n   */\r\n  async componentWillLoad(): Promise<void> {\r\n    return this._getTranslations();\r\n  }\r\n\r\n  /**\r\n   * Renders the component.\r\n   */\r\n  render(): VNode {\r\n    return (\r\n      <Host>\r\n        <div>\r\n          <h4 class=\"org-var-header\">{this._translations.orgVariables}</h4>\r\n        </div>\r\n        <div class=\"container-border\">\r\n          <calcite-tree id=\"variable-label\">\r\n            {this._renderHierarchy(this._organizationVariables)}\r\n          </calcite-tree>\r\n        </div>\r\n      </Host>\r\n    );\r\n  }\r\n\r\n  //--------------------------------------------------------------------------\r\n  //\r\n  //  Properties (protected)\r\n  //\r\n  //--------------------------------------------------------------------------\r\n\r\n  @State() protected _organizationVariables: IOrganizationVariableItem[] = [];\r\n\r\n  /**\r\n   * Contains the translations for this component.\r\n   * All UI strings should be defined here.\r\n   */\r\n  @State() protected _translations: typeof SolutionOrganizationVariables_T9n;\r\n\r\n  //--------------------------------------------------------------------------\r\n  //\r\n  //  Event Listeners\r\n  //\r\n  //--------------------------------------------------------------------------\r\n\r\n  //--------------------------------------------------------------------------\r\n  //\r\n  //  Events\r\n  //\r\n  //--------------------------------------------------------------------------\r\n\r\n  @Event() organizationVariableSelected: EventEmitter<{ itemId: string, value: string }>;\r\n\r\n  //--------------------------------------------------------------------------\r\n  //\r\n  //  Public Methods (async)\r\n  //\r\n  //--------------------------------------------------------------------------\r\n\r\n  //--------------------------------------------------------------------------\r\n  //\r\n  //  Private Methods\r\n  //\r\n  //--------------------------------------------------------------------------\r\n\r\n  /**\r\n   * Renders the organization based variable items the user can insert at runtime\r\n   *\r\n   * @param objs a list of organization variables to render\r\n   */\r\n  _renderHierarchy(\r\n    objs: IOrganizationVariableItem[]\r\n  ): VNode[] {\r\n    const hierarchy = objs.map(obj => {\r\n      return (\r\n        <calcite-tree-item onClick={() => this._treeItemSelected(obj.id, obj.value)}>\r\n          {obj.title}\r\n        </calcite-tree-item>\r\n      );\r\n    });\r\n    return hierarchy;\r\n  }\r\n\r\n  /**\r\n   * Publishes the `organizationVariableSelected` event containing `itemId`, the id of the selected variable and the value of the variable.\r\n   *\r\n   * @param itemId Item id as reported by click event\r\n   * @param value Variable id as reported by click event\r\n   */\r\n  protected _treeItemSelected(\r\n    itemId: string,\r\n    value: string\r\n  ): void {\r\n    this.organizationVariableSelected.emit({\r\n      itemId,\r\n      value\r\n    });\r\n  }\r\n\r\n  /**\r\n   * Fetches the component's translations\r\n   *\r\n   * @protected\r\n   */\r\n  protected async _getTranslations(): Promise<void> {\r\n    const translations = await getLocaleComponentStrings(this.el);\r\n    this._translations = translations[0] as typeof SolutionOrganizationVariables_T9n;\r\n  }\r\n}\r\n"],"version":3}

package/dist/components/solution-resource-item.d.ts

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

package/dist/components/solution-resource-item.js

@@ -1,13 +0,0 @@
-/*!
- * Copyright 2022 Esri
- * Licensed under the Apache License, Version 2.0
- * http://www.apache.org/licenses/LICENSE-2.0
- */
-import { S as SolutionResourceItem$1, d as defineCustomElement$1 } from './solution-resource-item2.js';
-
-const SolutionResourceItem = SolutionResourceItem$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { SolutionResourceItem, defineCustomElement };
-
-//# sourceMappingURL=solution-resource-item.js.map

package/dist/components/solution-resource-item.js.map

@@ -1 +0,0 @@
-{"file":"solution-resource-item.js","mappings":";;;;;;;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}