@esri/solutions-components 0.2.0 → 0.2.2

package/dist/components/solution-template-data.d.ts

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

package/dist/components/solution-template-data.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 SolutionTemplateData$1, d as defineCustomElement$1 } from './solution-template-data2.js';
-
-const SolutionTemplateData = SolutionTemplateData$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { SolutionTemplateData, defineCustomElement };
-
-//# sourceMappingURL=solution-template-data.js.map

package/dist/components/solution-template-data.js.map

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

package/dist/components/solution-template-data2.js

@@ -1,235 +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$h } from './action.js';
-import { d as defineCustomElement$g } from './action-menu.js';
-import { d as defineCustomElement$f } from './button.js';
-import { d as defineCustomElement$e } from './checkbox.js';
-import { d as defineCustomElement$d } from './icon.js';
-import { d as defineCustomElement$c } from './loader.js';
-import { d as defineCustomElement$b } from './panel.js';
-import { d as defineCustomElement$a } from './popover.js';
-import { d as defineCustomElement$9 } from './scrim.js';
-import { d as defineCustomElement$8 } from './shell.js';
-import { d as defineCustomElement$7 } from './shell-panel.js';
-import { d as defineCustomElement$6 } from './tree.js';
-import { d as defineCustomElement$5 } from './tree-item.js';
-import { d as defineCustomElement$4 } from './json-editor2.js';
-import { d as defineCustomElement$3 } from './solution-item-icon2.js';
-import { d as defineCustomElement$2 } from './solution-organization-variables2.js';
-import { d as defineCustomElement$1 } from './solution-variables2.js';
-
-const solutionTemplateDataCss = ":host{display:flexbox}.solution-data-container{position:absolute;height:-moz-available;height:calc(100% - 48px);height:-webkit-fill-available;height:stretch;width:-moz-available;width:100%;width:-webkit-fill-available;width:stretch}.solution-data-child-container{display:flex;height:100%;width:100%;flex-direction:column;overflow-y:auto}.solution-data-editor-container{height:100%}.solution-data-child-container-collapsed{display:flex;height:100%;flex-direction:column;overflow:auto;width:50px}.inputBottomSeparation{margin-left:0px;margin-right:0px;margin-top:0px;margin-bottom:1.5rem}.json-editor{margin:1rem;width:auto;width:-webkit-fill-available -moz-available}.collapse-btn{padding-left:1rem;padding-right:1rem;padding-top:1rem;padding-bottom:0px}.org-vars{padding-left:1rem;padding-right:1rem;padding-top:1rem;padding-bottom:0px}.sol-vars{padding-top:0px;padding-bottom:0px;padding-left:1rem;padding-right:1rem;min-height:45%}.padding-1{padding:1rem}.light{background-color:#F4F4F4}";
-
-const SolutionTemplateData = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
-  //--------------------------------------------------------------------------
-  //
-  //  Lifecycle
-  //
-  //--------------------------------------------------------------------------
-  constructor() {
-    super();
-    this.__registerHost();
-    this._initializing = false;
-    this.instanceid = "";
-    this.itemId = "";
-    this.organizationVariables = "";
-    this.solutionVariables = "";
-    this.varsOpen = true;
-    this._translations = undefined;
-    this.value = "";
-    window.addEventListener("solutionEditorContentChanged", (evt) => {
-      if (this.itemId) {
-        const { id, contents } = evt.detail;
-        const [itemId, instanceId] = id.split("|");
-        if (itemId == this.itemId && instanceId === this.instanceid) {
-          if (!this._initializing && contents.length > 0) {
-            const itemEdit = state.getItemInfo(itemId);
-            if (instanceId === "data") {
-              itemEdit.data = JSON.parse(contents);
-            }
-            else {
-              itemEdit.properties = JSON.parse(contents);
-            }
-            state.setItemInfo(itemEdit);
-          }
-          this._initializing = false;
-        }
-      }
-    });
-  }
-  itemIdWatchHandler() {
-    this._initializing = true;
-    this.value = JSON.stringify(this.instanceid === "data"
-      ? state.getItemInfo(this.itemId).data
-      : state.getItemInfo(this.itemId).properties, null, 2);
-  }
-  /**
-   * StencilJS: Called once just after the component is first connected to the DOM.
-   */
-  componentWillLoad() {
-    return this._getTranslations();
-  }
-  /**
-   * Renders the component.
-   */
-  render() {
-    return (h(Host, null, h("div", { class: "solution-data-container" }, h("calcite-shell", { class: "light var-container", dir: "ltr" }, h("calcite-panel", { class: "json-editor" }, h("div", { class: "solution-data-child-container calcite-match-height" }, h("json-editor", { class: "solution-data-editor-container", instanceid: this.itemId + "|" + this.instanceid, value: this.value }))), h("calcite-shell-panel", { "height-scale": "l", position: "end", slot: "contextual-panel", "width-scale": "xs" }, h("div", { class: this.varsOpen ? "solution-data-child-container" : "solution-data-child-container-collapsed" }, h("calcite-button", { appearance: "transparent", class: "collapse-btn", "icon-start": this.varsOpen ? "chevrons-right" : "chevrons-left", id: "collapse-vars", onClick: () => this._toggleVars(), scale: "s", title: this.varsOpen ? this._translations.collapse : this._translations.expand }), h("div", { class: this.varsOpen ? "org-vars" : "org-vars display-none", id: "orgVars" }, h("solution-organization-variables", { value: this.organizationVariables })), h("div", { class: this.varsOpen ? "sol-vars" : "sol-vars display-none", id: "solVars" }, h("solution-variables", { value: this.solutionVariables }))))))));
-  }
-  //--------------------------------------------------------------------------
-  //
-  //  Event Listeners
-  //
-  //--------------------------------------------------------------------------
-  //--------------------------------------------------------------------------
-  //
-  //  Events
-  //
-  //--------------------------------------------------------------------------
-  //--------------------------------------------------------------------------
-  //
-  //  Public Methods (async)
-  //
-  //--------------------------------------------------------------------------
-  //--------------------------------------------------------------------------
-  //
-  //  Private Methods
-  //
-  //--------------------------------------------------------------------------
-  /**
-   * Toggle varsOpen prop to show/hide variable containers
-   */
-  _toggleVars() {
-    this.varsOpen = !this.varsOpen;
-  }
-  /**
-   * 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 solutionTemplateDataCss; }
-}, [0, "solution-template-data", {
-    "instanceid": [1537],
-    "itemId": [1537, "item-id"],
-    "organizationVariables": [1537, "organization-variables"],
-    "solutionVariables": [1537, "solution-variables"],
-    "varsOpen": [1540, "vars-open"],
-    "_translations": [32],
-    "value": [32]
-  }]);
-function defineCustomElement() {
-  if (typeof customElements === "undefined") {
-    return;
-  }
-  const components = ["solution-template-data", "calcite-action", "calcite-action-menu", "calcite-button", "calcite-checkbox", "calcite-icon", "calcite-loader", "calcite-panel", "calcite-popover", "calcite-scrim", "calcite-shell", "calcite-shell-panel", "calcite-tree", "calcite-tree-item", "json-editor", "solution-item-icon", "solution-organization-variables", "solution-variables"];
-  components.forEach(tagName => { switch (tagName) {
-    case "solution-template-data":
-      if (!customElements.get(tagName)) {
-        customElements.define(tagName, SolutionTemplateData);
-      }
-      break;
-    case "calcite-action":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$h();
-      }
-      break;
-    case "calcite-action-menu":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$g();
-      }
-      break;
-    case "calcite-button":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$f();
-      }
-      break;
-    case "calcite-checkbox":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$e();
-      }
-      break;
-    case "calcite-icon":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$d();
-      }
-      break;
-    case "calcite-loader":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$c();
-      }
-      break;
-    case "calcite-panel":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$b();
-      }
-      break;
-    case "calcite-popover":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$a();
-      }
-      break;
-    case "calcite-scrim":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$9();
-      }
-      break;
-    case "calcite-shell":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$8();
-      }
-      break;
-    case "calcite-shell-panel":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$7();
-      }
-      break;
-    case "calcite-tree":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$6();
-      }
-      break;
-    case "calcite-tree-item":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$5();
-      }
-      break;
-    case "json-editor":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$4();
-      }
-      break;
-    case "solution-item-icon":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$3();
-      }
-      break;
-    case "solution-organization-variables":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$2();
-      }
-      break;
-    case "solution-variables":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$1();
-      }
-      break;
-  } });
-}
-defineCustomElement();
-
-export { SolutionTemplateData as S, defineCustomElement as d };
-
-//# sourceMappingURL=solution-template-data2.js.map

package/dist/components/solution-template-data2.js.map

@@ -1 +0,0 @@
-{"file":"solution-template-data2.js","mappings":"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","names":[],"sources":["./src/components/solution-template-data/solution-template-data.scss?tag=solution-template-data","./src/components/solution-template-data/solution-template-data.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 flexbox;\r\n}\r\n\r\n.solution-data-container {\r\n  position: absolute;\r\n  height: -moz-available;  /* This doesn't work in Firefox, but if we don't specify it and then override it with the next line, it gets automatically inserted */\r\n  height: calc(100% - 48px);\r\n  height: -webkit-fill-available;  /* Mozilla-based browsers will ignore this. */\r\n  height: stretch;\r\n  width: -moz-available;  /* This doesn't work in Firefox, but if we don't specify it and then override it with the next line, it gets automatically inserted */\r\n  width: 100%;\r\n  width: -webkit-fill-available;  /* Mozilla-based browsers will ignore this. */\r\n  width: stretch;\r\n}\r\n\r\n.solution-data-child-container {\r\n  @apply h-full\r\n    w-full\r\n    flex\r\n    flex-col\r\n    overflow-y-auto;\r\n}\r\n\r\n.solution-data-editor-container {\r\n  @apply h-full;\r\n}\r\n\r\n.solution-data-child-container-collapsed {\r\n  @apply h-full\r\n    flex\r\n    flex-col\r\n    overflow-auto;\r\n  width: 50px;\r\n}\r\n\r\n.inputBottomSeparation {\r\n  @apply mt-0\r\n    mx-0\r\n    mb-6;\r\n}\r\n\r\n.json-editor {\r\n  @apply m-4\r\n    w-auto\r\n    fill-available;\r\n}\r\n\r\n.collapse-btn {\r\n  @apply pt-4\r\n    pb-0\r\n    px-4;\r\n}\r\n\r\n.org-vars {\r\n  @apply pt-4\r\n    pb-0\r\n    px-4;\r\n}\r\n\r\n.sol-vars {\r\n  @apply py-0\r\n    px-4;\r\n  min-height: 45%;\r\n}\r\n\r\n.padding-1 {\r\n  @apply p-4;\r\n}\r\n\r\n.light {\r\n  background-color: $solutions-background-color;\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, Host, h, Prop, State, VNode, Watch } from '@stencil/core';\r\nimport state from \"../../utils/solution-store\";\r\nimport SolutionTemplateData_T9n from '../../assets/t9n/solution-template-data/resources.json';\r\nimport { getLocaleComponentStrings } from '../../utils/locale';\r\n\r\n@Component({\r\n  tag: 'solution-template-data',\r\n  styleUrl: 'solution-template-data.scss',\r\n  shadow: false\r\n})\r\n\r\nexport class SolutionTemplateData {\r\n\r\n  //--------------------------------------------------------------------------\r\n  //\r\n  //  Host element access\r\n  //\r\n  //--------------------------------------------------------------------------\r\n\r\n  @Element() el: HTMLSolutionTemplateDataElement;\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   * When working with a resource item this should contain an IResourceItem\r\n   *\r\n   * When working with a json type item this should contain the data and vars\r\n   */\r\n  //@Prop({ mutable: true, reflect: true }) value: ITemplateData = {};\r\n\r\n  /**\r\n   * This needs to be unique for props vs data of an item\r\n   */\r\n  @Prop({ mutable: true, reflect: true }) instanceid = \"\";\r\n\r\n  /**\r\n   * A template's itemId.\r\n   * This is used to get the correct model from a store in the json-editor\r\n   */\r\n  @Prop({ mutable: true, reflect: true }) itemId = \"\";\r\n\r\n  @Watch(\"itemId\") itemIdWatchHandler(): void {\r\n    this._initializing = true;\r\n    this.value = JSON.stringify(\r\n      this.instanceid === \"data\"\r\n      ? state.getItemInfo(this.itemId).data\r\n      : state.getItemInfo(this.itemId).properties\r\n      , null, 2);\r\n  }\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   * Contains the solution based variables\r\n   */\r\n  @Prop({ mutable: true, reflect: true }) solutionVariables = \"\";\r\n\r\n  /**\r\n   * Used to show/hide the variable containers\r\n   */\r\n  @Prop({ mutable: true, reflect: true }) varsOpen = true;\r\n\r\n  //--------------------------------------------------------------------------\r\n  //\r\n  //  Lifecycle\r\n  //\r\n  //--------------------------------------------------------------------------\r\n\r\n  constructor() {\r\n    window.addEventListener(\"solutionEditorContentChanged\",\r\n      (evt) => {\r\n        if (this.itemId) {\r\n          const { id, contents } = (evt as any).detail;\r\n          const [itemId, instanceId] = id.split(\"|\");\r\n          if (itemId == this.itemId && instanceId === this.instanceid) {\r\n            if(!this._initializing && contents.length > 0) {\r\n              const itemEdit = state.getItemInfo(itemId);\r\n              if (instanceId === \"data\") {\r\n                itemEdit.data = JSON.parse(contents);\r\n              } else {\r\n                itemEdit.properties = JSON.parse(contents);\r\n              }\r\n              state.setItemInfo(itemEdit);\r\n            }\r\n            this._initializing = false;\r\n          }\r\n        }\r\n      }\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  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=\"solution-data-container\">\r\n          <calcite-shell class=\"light var-container\" dir=\"ltr\">\r\n            <calcite-panel class=\"json-editor\">\r\n              <div class=\"solution-data-child-container calcite-match-height\">\r\n                  <json-editor\r\n                    class=\"solution-data-editor-container\"\r\n                    instanceid={this.itemId + \"|\" + this.instanceid}\r\n                    value={this.value}\r\n                  />\r\n              </div>\r\n            </calcite-panel>\r\n\r\n            <calcite-shell-panel height-scale=\"l\" position=\"end\" slot=\"contextual-panel\" width-scale=\"xs\">\r\n              <div class={this.varsOpen ? \"solution-data-child-container\" : \"solution-data-child-container-collapsed\"}>\r\n                <calcite-button\r\n                  appearance=\"transparent\"\r\n                  class=\"collapse-btn\"\r\n                  icon-start={this.varsOpen ? \"chevrons-right\" : \"chevrons-left\"}\r\n                  id=\"collapse-vars\"\r\n                  onClick={() => this._toggleVars()}\r\n                  scale=\"s\"\r\n                  title={this.varsOpen ? this._translations.collapse : this._translations.expand}\r\n                />\r\n                <div class={this.varsOpen ? \"org-vars\" : \"org-vars display-none\"} id=\"orgVars\">\r\n                  <solution-organization-variables\r\n                    value={this.organizationVariables}\r\n                  />\r\n                </div>\r\n                <div class={this.varsOpen ? \"sol-vars\" : \"sol-vars display-none\"} id=\"solVars\">\r\n                  <solution-variables\r\n                    value={this.solutionVariables}\r\n                  />\r\n                </div>\r\n              </div>\r\n            </calcite-shell-panel>\r\n          </calcite-shell>\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 SolutionTemplateData_T9n;\r\n\r\n  @State() protected value = \"\";\r\n\r\n  protected _initializing = false;\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  //  Private Methods\r\n  //\r\n  //--------------------------------------------------------------------------\r\n\r\n  /**\r\n   * Toggle varsOpen prop to show/hide variable containers\r\n   */\r\n  _toggleVars(): void {\r\n    this.varsOpen = !this.varsOpen;\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 SolutionTemplateData_T9n;\r\n  }\r\n}\r\n"],"version":3}

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

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

package/dist/components/solution-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 SolutionVariables$1, d as defineCustomElement$1 } from './solution-variables2.js';
-
-const SolutionVariables = SolutionVariables$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { SolutionVariables, defineCustomElement };
-
-//# sourceMappingURL=solution-variables.js.map

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

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

package/dist/components/solution-variables2.js

@@ -1,152 +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$5 } from './checkbox.js';
-import { d as defineCustomElement$4 } from './icon.js';
-import { d as defineCustomElement$3 } from './tree.js';
-import { d as defineCustomElement$2 } from './tree-item.js';
-import { d as defineCustomElement$1 } from './solution-item-icon2.js';
-
-const solutionVariablesCss = ":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:hidden}.org-var-header{margin-top:1rem;margin-bottom:1rem;margin-left:0px;margin-right:0px}.icon-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}";
-
-const SolutionVariables = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
-  constructor() {
-    super();
-    this.__registerHost();
-    this.__attachShadow();
-    this.solutionVariableSelected = createEvent(this, "solutionVariableSelected", 7);
-    this.value = "";
-    this._solutionVariables = [];
-    this._translations = undefined;
-  }
-  valueWatchHandler() {
-    this._solutionVariables = JSON.parse(this.value);
-  }
-  //--------------------------------------------------------------------------
-  //
-  //  Lifecycle
-  //
-  //--------------------------------------------------------------------------
-  /**
-   * StencilJS: Called once just after the component is first connected to the DOM.
-   */
-  componentWillLoad() {
-    return this._getTranslations();
-  }
-  /**
-   * Renders the component.
-   */
-  render() {
-    return (h(Host, null, h("div", null, h("h4", { class: "org-var-header" }, this._translations.solVariables)), h("div", { class: "container-border" }, h("calcite-tree", { id: "variable-label" }, this._renderHierarchy(this._solutionVariables)))));
-  }
-  //--------------------------------------------------------------------------
-  //
-  //  Public Methods (async)
-  //
-  //--------------------------------------------------------------------------
-  //--------------------------------------------------------------------------
-  //
-  //  Private Methods
-  //
-  //--------------------------------------------------------------------------
-  /**
-   * Render the solution item variables that the user can insert into temaplates at runtime.
-   *
-   * @param objs a list of variable items that have been gathered from the solutions templates
-   */
-  _renderHierarchy(objs) {
-    const hierarchy = objs.map(obj => {
-      return obj.dependencies && obj.dependencies.length > 0 ? (h("calcite-tree-item", { onClick: (evt) => this._toggleExpand(evt) }, h("solution-item-icon", { type: obj.type }), h("span", { class: "icon-text", title: obj.title }, obj.title), h("calcite-tree", { slot: "children" }, this._renderHierarchy(obj.dependencies)))) : (h("calcite-tree-item", { onClick: () => this._treeItemSelected(obj.id, obj.value) }, obj.title));
-    });
-    return hierarchy;
-  }
-  /**
-   * Publishes the `solutionVariableSelected` event containing `itemId`, the id of the selected variable and the value of the variable.
-   *
-   * @param id Item id as reported by click event
-   * @param value Variable id as reported by click event
-   */
-  _treeItemSelected(id, value) {
-    this.solutionVariableSelected.emit({
-      itemId: id,
-      value
-    });
-  }
-  /**
-   * Toggle the tree item that was clicked
-   *
-   * @param evt the clicks mouse event
-   */
-  _toggleExpand(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.expanded;
-    }
-  }
-  /**
-   * 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 solutionVariablesCss; }
-}, [1, "solution-variables", {
-    "value": [1537],
-    "_solutionVariables": [32],
-    "_translations": [32]
-  }]);
-function defineCustomElement() {
-  if (typeof customElements === "undefined") {
-    return;
-  }
-  const components = ["solution-variables", "calcite-checkbox", "calcite-icon", "calcite-tree", "calcite-tree-item", "solution-item-icon"];
-  components.forEach(tagName => { switch (tagName) {
-    case "solution-variables":
-      if (!customElements.get(tagName)) {
-        customElements.define(tagName, SolutionVariables);
-      }
-      break;
-    case "calcite-checkbox":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$5();
-      }
-      break;
-    case "calcite-icon":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$4();
-      }
-      break;
-    case "calcite-tree":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$3();
-      }
-      break;
-    case "calcite-tree-item":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$2();
-      }
-      break;
-    case "solution-item-icon":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$1();
-      }
-      break;
-  } });
-}
-defineCustomElement();
-
-export { SolutionVariables as S, defineCustomElement as d };
-
-//# sourceMappingURL=solution-variables2.js.map

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

@@ -1 +0,0 @@
-{"file":"solution-variables2.js","mappings":";;;;;;;;;;;;;AAAA,MAAM,oBAAoB,GAAG,kzFAAkzF;;MC2Bl0F,iBAAiB;;;;;;iBAmBoB,EAAE;8BA2CO,EAAE;;;EAzC3C,iBAAiB;IAC/B,IAAI,CAAC,kBAAkB,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;GAClD;;;;;;;;;EAWD,iBAAiB;IACf,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,kBAAkB,CAAC,CAClC,CACX,CACD,EACP;GACH;;;;;;;;;;;;;;;;EA+CD,gBAAgB,CACd,IAAqB;IAErB,MAAM,SAAS,GAAG,IAAI,CAAC,GAAG,CAAC,GAAG;MAC5B,OAAO,GAAG,CAAC,YAAY,IAAI,GAAG,CAAC,YAAY,CAAC,MAAM,GAAG,CAAC,IACpD,yBAAmB,OAAO,EAAE,CAAC,GAAG,KAAK,IAAI,CAAC,aAAa,CAAC,GAAG,CAAC,IAC1D,0BAAoB,IAAI,EAAE,GAAG,CAAC,IAAI,GAAI,EACtC,YAAM,KAAK,EAAC,WAAW,EAAC,KAAK,EAAE,GAAG,CAAC,KAAK,IAAG,GAAG,CAAC,KAAK,CAAQ,EAC5D,oBAAc,IAAI,EAAC,UAAU,IAC1B,IAAI,CAAC,gBAAgB,CAAC,GAAG,CAAC,YAAY,CAAC,CAC3B,CACG,KAEpB,yBAAmB,OAAO,EAAE,MAAM,IAAI,CAAC,iBAAiB,CAAC,GAAG,CAAC,EAAE,EAAE,GAAG,CAAC,KAAK,CAAC,IACxE,GAAG,CAAC,KAAK,CACQ,CACrB,CAAC;KACH,CAAC,CAAC;IACH,OAAO,SAAS,CAAC;GAClB;;;;;;;EAQS,iBAAiB,CACzB,EAAU,EACV,KAAa;IAEb,IAAI,CAAC,wBAAwB,CAAC,IAAI,CAAC;MACjC,MAAM,EAAE,EAAE;MACV,KAAK;KACN,CAAC,CAAC;GACJ;;;;;;EAOS,aAAa,CACrB,MAAW,SAAS;;IAEpB,MAAM,QAAQ,GAAG,MAAA,GAAG,aAAH,GAAG,uBAAH,GAAG,CAAE,MAAM,0CAAE,OAAO,CAAC,mBAAmB,CAAC,CAAC;IAC3D,IAAI,QAAQ,EAAE;MACZ,QAAQ,CAAC,QAAQ,GAAG,CAAC,QAAQ,CAAC,QAAQ,CAAC;KACxC;GACF;;;;;;EAOS,MAAM,gBAAgB;IAC9B,MAAM,YAAY,GAAG,MAAM,yBAAyB,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;IAC9D,IAAI,CAAC,aAAa,GAAG,YAAY,CAAC,CAAC,CAAiC,CAAC;GACtE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["./src/components/solution-variables/solution-variables.scss?tag=solution-variables&encapsulation=shadow","./src/components/solution-variables/solution-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-hidden;\r\n}\r\n\r\n.org-var-header {\r\n  @apply my-4\r\n    mx-0;\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, Event, EventEmitter, Host, h, Prop, State, VNode, Watch } from '@stencil/core';\r\nimport { IVariableItem } from '../../utils/interfaces';\r\nimport SolutionVariables_T9n from '../../assets/t9n/solution-variables/resources.json';\r\nimport { getLocaleComponentStrings } from '../../utils/locale';\r\n\r\n@Component({\r\n  tag: 'solution-variables',\r\n  styleUrl: 'solution-variables.scss',\r\n  shadow: true,\r\n})\r\n\r\nexport class SolutionVariables {\r\n\r\n  //--------------------------------------------------------------------------\r\n  //\r\n  //  Host element access\r\n  //\r\n  //--------------------------------------------------------------------------\r\n\r\n  @Element() el: HTMLSolutionVariablesElement;\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._solutionVariables = 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  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.solVariables}</h4>\r\n        </div>\r\n        <div class=\"container-border\">\r\n          <calcite-tree id=\"variable-label\">\r\n            {this._renderHierarchy(this._solutionVariables)}\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 _solutionVariables: IVariableItem[] = [];\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 SolutionVariables_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() solutionVariableSelected: 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   * Render the solution item variables that the user can insert into temaplates at runtime.\r\n   *\r\n   * @param objs a list of variable items that have been gathered from the solutions templates\r\n   */\r\n  _renderHierarchy(\r\n    objs: IVariableItem[]\r\n  ): VNode[] {\r\n    const hierarchy = objs.map(obj => {\r\n      return obj.dependencies && obj.dependencies.length > 0 ? (\r\n        <calcite-tree-item onClick={(evt) => this._toggleExpand(evt)}>\r\n          <solution-item-icon type={obj.type} />\r\n          <span class=\"icon-text\" title={obj.title}>{obj.title}</span>\r\n          <calcite-tree slot=\"children\">\r\n            {this._renderHierarchy(obj.dependencies)}\r\n          </calcite-tree>\r\n        </calcite-tree-item>\r\n      ) : (\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 `solutionVariableSelected` event containing `itemId`, the id of the selected variable and the value of the variable.\r\n   *\r\n   * @param id 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    id: string,\r\n    value: string\r\n  ): void {\r\n    this.solutionVariableSelected.emit({\r\n      itemId: id,\r\n      value\r\n    });\r\n  }\r\n\r\n  /**\r\n   * Toggle the tree item that was clicked\r\n   *\r\n   * @param evt the clicks mouse event\r\n   */\r\n  protected _toggleExpand(\r\n    evt: any = undefined\r\n  ): void {\r\n    const treeItem = evt?.target?.closest(\"calcite-tree-item\");\r\n    if (treeItem) {\r\n      treeItem.expanded = !treeItem.expanded;\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 SolutionVariables_T9n;\r\n  }\r\n}\r\n"],"version":3}