@esri/solutions-components 0.2.1 → 0.2.2

package/dist/components/json-editor2.js

@@ -1,443 +0,0 @@
-/*!
- * Copyright 2022 Esri
- * Licensed under the Apache License, Version 2.0
- * http://www.apache.org/licenses/LICENSE-2.0
- */
-import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
-import { g as getLocaleComponentStrings } from './locale.js';
-import { d as defineCustomElement$3 } from './button.js';
-import { d as defineCustomElement$2 } from './icon.js';
-import { d as defineCustomElement$1 } from './loader.js';
-
-const jsonEditorCss = ":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}.editor-container{position:relative;height:100%}.editor-controls{height:2.75rem;padding-right:0.5rem;background-color:#F4F4F4}.editor-buttons{float:right}html[dir=rtl] .editor-buttons{float:left}.edit-error-flag{padding-top:0.5rem;color:red;visibility:hidden}.edit-button{-webkit-padding-start:0.5rem;padding-inline-start:0.5rem}.editor-text{width:100%;overflow-y:auto;background-color:#FFFFFF}.edit-width{width:100%}.edit-parent{box-sizing:border-box;width:100%;height:calc(100% - 46px)}.json-edit-container{height:100%;width:100%;border:1px #808080 solid}.padding-right{-webkit-padding-end:0.125rem;padding-inline-end:0.125rem}.btn{margin-bottom:1rem;display:flex;align-content:center;height:25px;width:120px}.select-ctrl{margin-bottom:1rem}.all-edits{margin-top:4rem}.floating-title{font-size:2rem;z-index:100;position:absolute;left:0.5rem;pointer-events:none}.floating-title-button{pointer-events:auto}.json-editor-position1{position:absolute;left:0px;top:0px;margin:0px;height:100%;width:100%;padding:0px;overflow:hidden;max-height:100% !important}.json-editor-position2a{position:absolute;left:0px;top:0px;margin:0px;height:100%;width:50%;padding:0px;overflow:hidden;max-height:100% !important}.json-editor-position2b{position:absolute;right:0px;top:0px;margin:0px;height:100%;width:50%;padding:0px;overflow:hidden;max-height:100% !important}";
-
-const JsonEditor = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
-  constructor() {
-    super();
-    this.__registerHost();
-    this._loaded = false;
-    this._useDiffEditor = false;
-    this.hasChanges = false;
-    this.hasErrors = false;
-    this.instanceid = "";
-    this.value = "";
-  }
-  //--------------------------------------------------------------------------
-  //
-  //  Lifecycle
-  //
-  //--------------------------------------------------------------------------
-  /**
-   * StencilJS: Called once just after the component is fully loaded and the first render() occurs.
-   */
-  componentDidLoad() {
-    const editorContainer = document.getElementById(`${this.instanceid}-container`);
-    if (editorContainer) {
-      this._editor = monaco.editor.create(editorContainer, {
-        value: this.value,
-        language: "json",
-        theme: "vs",
-        minimap: {
-          enabled: false
-        },
-        automaticLayout: true,
-        scrollBeyondLastLine: false
-      });
-      this._currentModel = this._editor.getModel();
-      this._contentChanged = this._currentModel.onDidChangeContent(this._onEditorChange.bind(this));
-      // Intercept the monaco function call that shows error markers to see if our content has errors
-      const setModelMarkers = monaco.editor.setModelMarkers;
-      const self = this;
-      monaco.editor.setModelMarkers = function (model, owner, markers) {
-        var _a, _b;
-        // If this call was for our model, it acts like an onEditorChange event
-        // but gives us access to the error state as well
-        if (model.id === self._currentModel.id) {
-          // Set the error state & dispatch event if state has changed
-          self._flagEditorHasErrors(markers.length > 0);
-          // Set the changed state & dispatch event if state has changed, but only if there are no errors
-          if (!self.hasErrors) {
-            self._flagEditorHasChanges((_a = self._currentModel) === null || _a === void 0 ? void 0 : _a.canUndo());
-            if ((_b = self._currentModel) === null || _b === void 0 ? void 0 : _b.canUndo()) {
-              self._flagEditorContentChanged();
-            }
-          }
-          // Show the error flag if there are errors
-          const errorFlag = document.getElementById(`${self.instanceid}-errorFlag`);
-          errorFlag.style.visibility = self.hasErrors ? "visible" : "hidden";
-        }
-        // Pass on the call to the next editor in a chain of intercepts or, finally, to monaco
-        setModelMarkers.call(monaco.editor, model, owner, markers);
-      };
-      this._diffEditor = monaco.editor.createDiffEditor(document.getElementById(`${this.instanceid}-diff-container`), {
-        automaticLayout: true
-      });
-      this._setDiffModel();
-      this._loaded = true;
-      this._toggleUndoRedo();
-    }
-  }
-  /**
-   * StencilJS: Called once just after the component is first connected to the DOM.
-   *
-   * @returns Promise when complete
-   */
-  async componentWillLoad() {
-    this._initValueObserver();
-    await this._getTranslations();
-    return;
-  }
-  /**
-   * Renders the component.
-   */
-  render() {
-    return (h(Host, null, h("div", { id: `${this.instanceid}-editor-container`, class: "editor-container padding-right" }, h("div", { class: "editor-controls" }, h("div", { class: "editor-buttons" }, h("calcite-icon", { id: `${this.instanceid}-errorFlag`, icon: "exclamation-mark-triangle", title: this._translations.errorFlag, scale: "s", class: "edit-error-flag" }), h("calcite-button", { id: `${this.instanceid}-undo`, color: "blue", appearance: "solid", title: this._translations.undo, onClick: () => this._undo(), scale: "s", class: "edit-button" }, h("calcite-icon", { icon: "undo", scale: "s" })), h("calcite-button", { id: `${this.instanceid}-redo`, color: "blue", appearance: "solid", title: this._translations.redo, onClick: () => this._redo(), scale: "s", class: "edit-button" }, h("calcite-icon", { icon: "redo", scale: "s" })), h("calcite-button", { id: `${this.instanceid}-diff`, color: "blue", appearance: "solid", title: this._translations.diff, onClick: () => this._toggleEditor(), scale: "s", class: "edit-button" }, h("calcite-icon", { icon: "compare", scale: "s" })), h("calcite-button", { id: `${this.instanceid}-search`, appearance: "outline", color: "blue", title: this._translations.search, onClick: () => this._search(), scale: "s", class: "edit-button" }, h("calcite-icon", { icon: "search", scale: "s" })), h("calcite-button", { id: `${this.instanceid}-reset`, color: "blue", appearance: "solid", disabled: true, title: this._translations.cancelEdits, onClick: () => this._reset(), scale: "s", class: "edit-button" }, h("calcite-icon", { icon: "reset", scale: "s" })))), h("div", { class: "edit-parent" }, h("div", { id: `${this.instanceid}-container`, class: "json-edit-container" }), h("div", { id: `${this.instanceid}-diff-container`, class: "json-edit-container display-none" })))));
-  }
-  //--------------------------------------------------------------------------
-  //
-  //  Event Listeners
-  //
-  //--------------------------------------------------------------------------
-  //--------------------------------------------------------------------------
-  //
-  //  Events
-  //
-  //--------------------------------------------------------------------------
-  //--------------------------------------------------------------------------
-  //
-  //  Public Methods (async)
-  //
-  //--------------------------------------------------------------------------
-  /**
-   * Gets the contents of the editor.
-   *
-   * @returns Promise resolving with the current contents of the editor
-   */
-  async getEditorContents() {
-    return new Promise((resolve, reject) => {
-      try {
-        const currentValue = this._currentModel.getValue();
-        resolve(currentValue);
-      }
-      catch (e) {
-        reject(e);
-      }
-    });
-  }
-  /**
-   * Frees the editor events and memory; to be called when the web component is no longer needed.
-   *
-   * Because the component lifecycle doesn't include an "onDestroy" event
-   * (@see https://stenciljs.com/docs/component-lifecycle#disconnectedcallback)
-   * and TypeScript/JavaScript does automatic garbage collection without a callback
-   * hook until ES2021
-   * (@see https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/FinalizationRegistry),
-   * this cleanup call needs to be called manually.
-   */
-  async prepareForDeletion() {
-    var _a, _b, _c, _d, _e;
-    (_a = this._searchBtnHandler) === null || _a === void 0 ? void 0 : _a.removeEventListener("click", this._search);
-    (_b = this._cancelEditsBtnHandler) === null || _b === void 0 ? void 0 : _b.removeEventListener("click", this._reset);
-    (_c = this._valueObserver) === null || _c === void 0 ? void 0 : _c.disconnect();
-    (_d = this._contentChanged) === null || _d === void 0 ? void 0 : _d.dispose();
-    (_e = this._editor) === null || _e === void 0 ? void 0 : _e.dispose();
-  }
-  /**
-   * Replaces the current selection with the supplied text, inserting if nothing is selected.
-   *
-   * @param replacement Text to use for replacement or insertion
-   * @returns Promise resolving when function is done
-   */
-  async replaceCurrentSelection(replacement) {
-    const currentSelection = this._editor.getSelection();
-    this._editor.executeEdits("", [
-      { range: currentSelection, text: replacement }
-    ]);
-  }
-  /**
-   * Resets the contents of the editor with the current `value`.
-   *
-   * @returns Promise resolving when function is done
-   */
-  async reset() {
-    return new Promise((resolve, reject) => {
-      try {
-        this._reset();
-        resolve({ success: true });
-      }
-      catch (e) {
-        reject(e);
-      }
-    });
-  }
-  //--------------------------------------------------------------------------
-  //
-  //  Private Methods
-  //
-  //--------------------------------------------------------------------------
-  /**
-   * Disables a button.
-   *
-   * @param buttonId Id of button to disable
-   *
-    * @protected
-   */
-  _disableButton(buttonId) {
-    var _a;
-    (_a = document.getElementById(buttonId)) === null || _a === void 0 ? void 0 : _a.setAttribute("disabled", "");
-  }
-  /**
-   * Enables a button.
-   *
-   * @param buttonId Id of button to enable
-   *
-   * @protected
-   */
-  _enableButton(buttonId) {
-    var _a;
-    (_a = document.getElementById(buttonId)) === null || _a === void 0 ? void 0 : _a.removeAttribute("disabled");
-  }
-  /**
-   * Dispatches an event that the editor's content has changed.
-   *
-   * @protected
-   */
-  _flagEditorContentChanged() {
-    // Event for notifying that the editor contents have changed
-    window.dispatchEvent(new CustomEvent("solutionEditorContentChanged", {
-      detail: {
-        id: this.instanceid,
-        contents: this._currentModel.getValue()
-      },
-      bubbles: true,
-      cancelable: false,
-      composed: true
-    }));
-  }
-  /**
-   * Sets the editor's flag indicating if it has changes and dispatches an event when
-   * the flag value changes.
-   *
-   * @param flagHasChanges Current state of change in the editor; if it doesn't match the value saved in this
-   * object, an event is dispatched with the new value and the saved value is updated
-   *
-   * @protected
-   */
-  _flagEditorHasChanges(flagHasChanges) {
-    // Event for notifying if the editor has updated the value of its hasChanges property
-    if (this.hasChanges !== flagHasChanges) {
-      window.dispatchEvent(new CustomEvent("solutionEditorHasChanges", {
-        detail: flagHasChanges,
-        bubbles: true,
-        cancelable: false,
-        composed: true
-      }));
-      this.hasChanges = flagHasChanges;
-    }
-  }
-  /**
-   * Sets the editor's flag indicating if it has errors and dispatches an event when
-   * the flag value changes.
-   *
-   * @param flagHasErrors Current state of errors in the editor; if it doesn't match the value saved in this
-   * object, an event is dispatched with the new value and the saved value is updated
-   *
-   * @protected
-   */
-  _flagEditorHasErrors(flagHasErrors) {
-    // Event for notifying if the editor has updated the value of its hasErrors property
-    if (this.hasErrors !== flagHasErrors) {
-      window.dispatchEvent(new CustomEvent("solutionEditorHasErrors", {
-        detail: flagHasErrors,
-        bubbles: true,
-        cancelable: false,
-        composed: true
-      }));
-      this.hasErrors = flagHasErrors;
-    }
-  }
-  /**
-   * Fetches the component's translations
-   *
-   * @protected
-   */
-  async _getTranslations() {
-    const translations = await getLocaleComponentStrings(this.el);
-    this._translations = translations[0];
-  }
-  /**
-   * Initializes the observer that will monitor and respond to changes of the value.
-   *
-   * @protected
-   */
-  _initValueObserver() {
-    this._valueObserver = new MutationObserver(ml => {
-      ml.forEach(mutation => {
-        if (mutation.type === 'attributes' && mutation.attributeName === "value") {
-          const newValue = mutation.target[mutation.attributeName];
-          if ((newValue !== mutation.oldValue && this._loaded)) {
-            this._currentModel.setValue(this.value);
-          }
-        }
-      });
-    });
-    this._valueObserver.observe(this.el, { attributes: true, attributeOldValue: true });
-  }
-  /**
-   * Handles activites appropriate to changes in the editor.
-   *
-   * @protected
-   */
-  _onEditorChange() {
-    // Note: we're not flagging that the editor has changes here because this event
-    // arrives before the model markers event, which indicates errors. We don't want
-    // to notify about changes if there are errors.
-    this._toggleUndoRedo();
-  }
-  /**
-   * Redoes the previous edit operation.
-   *
-   * @protected
-   */
-  _redo() {
-    var _a;
-    if ((_a = this._currentModel) === null || _a === void 0 ? void 0 : _a.canRedo()) {
-      this._currentModel.redo();
-      this._toggleUndoRedo();
-    }
-  }
-  /**
-   * Resets the stored model to the original value.
-   *
-   * @protected
-   */
-  _reset() {
-    // Restore the original value
-    this._currentModel.setValue(this.value);
-    // update the ui
-    this._toggleUndoRedo();
-  }
-  /**
-   * Handles click on "Search" button.
-   *
-   * @protected
-   */
-  _search() {
-    this._editor.trigger('toggleFind', 'actions.find');
-  }
-  /**
-   * Sets the models for the diff editor.
-   *
-   * @protected
-   */
-  _setDiffModel() {
-    if (this._diffEditor) {
-      this._diffEditor.setModel({
-        original: monaco.editor.createModel(this.value, "json"),
-        modified: this._editor.getModel()
-      });
-    }
-  }
-  /**
-   * Shows/Hides the appropriate editor: regular or diff.
-   *
-   * @protected
-   */
-  _toggleEditor() {
-    this._useDiffEditor = !this._useDiffEditor;
-    let diffContainer = document.getElementById(`${this.instanceid}-diff-container`);
-    let container = document.getElementById(`${this.instanceid}-container`);
-    if (this._useDiffEditor) {
-      this._setDiffModel();
-      diffContainer.classList.remove("display-none");
-      container.classList.add("display-none");
-    }
-    else {
-      diffContainer.classList.add("display-none");
-      container.classList.remove("display-none");
-    }
-  }
-  /**
-   * Toggles the undo and redo buttons.
-   *
-   * @protected
-   */
-  _toggleUndoRedo() {
-    var _a, _b, _c, _d;
-    if ((_a = this._currentModel) === null || _a === void 0 ? void 0 : _a.canUndo()) {
-      this._enableButton(`${this.instanceid}-undo`);
-    }
-    else {
-      this._disableButton(`${this.instanceid}-undo`);
-    }
-    if ((_b = this._currentModel) === null || _b === void 0 ? void 0 : _b.canRedo()) {
-      this._enableButton(`${this.instanceid}-redo`);
-    }
-    else {
-      this._disableButton(`${this.instanceid}-redo`);
-    }
-    if (((_c = this._currentModel) === null || _c === void 0 ? void 0 : _c.canUndo()) || ((_d = this._currentModel) === null || _d === void 0 ? void 0 : _d.canRedo())) {
-      this._enableButton(`${this.instanceid}-reset`);
-    }
-    else {
-      this._disableButton(`${this.instanceid}-reset`);
-    }
-  }
-  /**
-   * Undoes the current edit operation.
-   *
-   * @protected
-   */
-  _undo() {
-    var _a;
-    if ((_a = this._currentModel) === null || _a === void 0 ? void 0 : _a.canUndo()) {
-      this._currentModel.undo();
-      this._toggleUndoRedo();
-    }
-  }
-  static get assetsDirs() { return ["assets"]; }
-  get el() { return this; }
-  static get style() { return jsonEditorCss; }
-}, [0, "json-editor", {
-    "hasChanges": [1540, "has-changes"],
-    "hasErrors": [1540, "has-errors"],
-    "instanceid": [1544],
-    "value": [1544],
-    "getEditorContents": [64],
-    "prepareForDeletion": [64],
-    "replaceCurrentSelection": [64],
-    "reset": [64]
-  }]);
-function defineCustomElement() {
-  if (typeof customElements === "undefined") {
-    return;
-  }
-  const components = ["json-editor", "calcite-button", "calcite-icon", "calcite-loader"];
-  components.forEach(tagName => { switch (tagName) {
-    case "json-editor":
-      if (!customElements.get(tagName)) {
-        customElements.define(tagName, JsonEditor);
-      }
-      break;
-    case "calcite-button":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$3();
-      }
-      break;
-    case "calcite-icon":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$2();
-      }
-      break;
-    case "calcite-loader":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$1();
-      }
-      break;
-  } });
-}
-defineCustomElement();
-
-export { JsonEditor as J, defineCustomElement as d };
-
-//# sourceMappingURL=json-editor2.js.map

package/dist/components/json-editor2.js.map

@@ -1 +0,0 @@
-{"file":"json-editor2.js","mappings":"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","names":[],"sources":["./src/components/json-editor/json-editor.scss?tag=json-editor","./src/components/json-editor/json-editor.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.editor-container {\r\n  @apply relative\r\n    h-full;\r\n}\r\n\r\n.editor-controls {\r\n  @apply h-11\r\n    pr-2;\r\n  background-color: $solutions-background-color;\r\n}\r\n\r\n.editor-buttons {\r\n  @apply float-right;\r\n}\r\n\r\nhtml[dir=\"rtl\"] .editor-buttons {\r\n  @apply float-left;\r\n}\r\n\r\n.edit-error-flag {\r\n  @apply pt-2;\r\n  color: red;\r\n  visibility: hidden;\r\n}\r\n\r\n.edit-button {\r\n  @apply p-inline-start-2;\r\n}\r\n\r\n.editor-text {\r\n  @apply w-full\r\n    overflow-y-auto;\r\n  background-color: $solutions-white;\r\n}\r\n\r\n.edit-width {\r\n  @apply w-full;\r\n}\r\n\r\n/* NEW CSS FOR MONACO */\r\n.edit-parent {\r\n  @apply w-full\r\n    box-border;\r\n  /* adjust for edit buttons and border */\r\n  height: calc(100% - 46px);\r\n}\r\n\r\n.json-edit-container {\r\n  @apply w-full\r\n    h-full\r\n    border-lightgray;\r\n}\r\n\r\n.padding-right {\r\n  @apply p-inline-end-0.5;\r\n}\r\n\r\n.btn {\r\n  @apply flex\r\n    mb-4\r\n    content-center;\r\n  height: 25px;\r\n  width: 120px;\r\n}\r\n\r\n.select-ctrl {\r\n  @apply mb-4;\r\n}\r\n\r\n.all-edits {\r\n  @apply mt-16;\r\n}\r\n\r\n.floating-title {\r\n  font-size: 2rem;\r\n  z-index: 100;\r\n  position: absolute;\r\n  left: 0.5rem;\r\n  pointer-events: none;\r\n}\r\n\r\n.floating-title-button {\r\n  pointer-events: auto;\r\n}\r\n\r\n.json-editor-position1 {\r\n  @apply absolute\r\n    left-0\r\n    top-0\r\n    w-full\r\n    h-full\r\n    m-0\r\n    p-0\r\n    overflow-hidden;\r\n  max-height: 100% !important;\r\n}\r\n\r\n.json-editor-position2a {\r\n  @apply absolute\r\n    left-0\r\n    top-0\r\n    w-1/2\r\n    h-full\r\n    m-0\r\n    p-0\r\n    overflow-hidden;\r\n  max-height: 100% !important;\r\n}\r\n\r\n.json-editor-position2b {\r\n  @apply absolute\r\n    right-0\r\n    top-0\r\n    w-1/2\r\n    h-full\r\n    m-0\r\n    p-0\r\n    overflow-hidden;\r\n  max-height: 100% !important;\r\n}\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\n/**\r\n * Encapsulates the Monaco Editor (https://microsoft.github.io/monaco-editor/) into a\r\n * web component for JSON content. Note that the app's HTML must include the editor because\r\n * it lives in the global space.\r\n *\r\n * Attributes:\r\n * `hasErrors`: Flag indicating if the JSON currently contained in the editor has errors\r\n * `instanceid`: id of component (required if there are multiple instances of the component)\r\n * `value`: Initial content of editor\r\n *\r\n * Methods:\r\n * `getEditorContents`: Gets the contents of the editor.\r\n * `replaceCurrentSelection`: Replaces the current selection with the supplied text, inserting if nothing is selected.\r\n * `reset`: Resets the contents of the editor with the current `value`.\r\n *\r\n * @example\r\n *   <script src=\"./libs/require.js\"></script>\r\n *   <script src=\"./monacoConfig.js\"></script>\r\n *   <script>\r\n *     require.config({\r\n *       \"paths\": {\r\n *         \"vs\": \"./libs/monaco-editor\"\r\n *       }\r\n *     });\r\n *     require([\"vs/editor/editor.main\"], function () {\r\n *     });\r\n *   </script>\r\n *\r\n * @example\r\n *   <json-editor\r\n *     instanceid=\"a1f271c0de554604beed2adc1f244be1\"\r\n *     value=\"{\\\"id\\\": \\\"12345\\\"}\"\r\n *   ></json-editor>\r\n*/\r\n\r\nimport { Component, Element, Host, h, Method, Prop, VNode } from '@stencil/core';\r\nimport JsonEditor_T9n from '../../assets/t9n/json-editor/resources.json';\r\nimport { getLocaleComponentStrings } from '../../utils/locale';\r\n\r\n@Component({\r\n  tag: 'json-editor',\r\n  styleUrl: 'json-editor.scss',\r\n  shadow: false,\r\n  assetsDirs: ['assets']\r\n})\r\nexport class JsonEditor {\r\n\r\n  //--------------------------------------------------------------------------\r\n  //\r\n  //  Host element access\r\n  //\r\n  //--------------------------------------------------------------------------\r\n\r\n  @Element() el: HTMLJsonEditorElement;\r\n\r\n  //--------------------------------------------------------------------------\r\n  //\r\n  //  Properties (public)\r\n  //\r\n  //--------------------------------------------------------------------------\r\n\r\n  /**\r\n   * Contains a public value to indicate if the model has any changes.\r\n   */\r\n  @Prop({ mutable: true, reflect: true }) hasChanges: boolean = false;\r\n\r\n  /**\r\n   * Contains a public value to indicate if the model has any errors\r\n   * that would prevent saving it.\r\n   */\r\n  @Prop({ mutable: true, reflect: true }) hasErrors: boolean = false;\r\n\r\n  /**\r\n   * Contains a unique identifier for when we have multiple instances of the editor.\r\n   * For example when we want to show an item's data as well as an item's properties.\r\n   */\r\n  @Prop({ mutable: true, reflect: true }) instanceid: any = \"\";\r\n\r\n  /**\r\n   * Contains the public value for this component; it is not changed by the editor.\r\n   * When changed, the change overwrites the contents of the editor.\r\n   */\r\n  @Prop({ mutable: true, reflect: true }) value: any = \"\";\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 fully loaded and the first render() occurs.\r\n   */\r\n  componentDidLoad(): void {\r\n    const editorContainer = document.getElementById(`${this.instanceid}-container`);\r\n    if (editorContainer) {\r\n      this._editor = monaco.editor.create(\r\n        editorContainer,\r\n        {\r\n          value: this.value,\r\n          language: \"json\",\r\n          theme: \"vs\",\r\n          minimap: {\r\n            enabled: false\r\n          },\r\n          automaticLayout: true,\r\n          scrollBeyondLastLine: false\r\n        }\r\n      );\r\n\r\n      this._currentModel = this._editor.getModel();\r\n\r\n      this._contentChanged = this._currentModel.onDidChangeContent(this._onEditorChange.bind(this));\r\n\r\n      // Intercept the monaco function call that shows error markers to see if our content has errors\r\n      const setModelMarkers = monaco.editor.setModelMarkers;\r\n      const self = this;\r\n      monaco.editor.setModelMarkers = function(model, owner, markers) {\r\n        // If this call was for our model, it acts like an onEditorChange event\r\n        // but gives us access to the error state as well\r\n        if (model.id === self._currentModel.id) {\r\n\r\n          // Set the error state & dispatch event if state has changed\r\n          self._flagEditorHasErrors(markers.length > 0);\r\n\r\n          // Set the changed state & dispatch event if state has changed, but only if there are no errors\r\n          if (!self.hasErrors) {\r\n            self._flagEditorHasChanges(self._currentModel?.canUndo());\r\n            if (self._currentModel?.canUndo()) {\r\n              self._flagEditorContentChanged();\r\n            }\r\n          }\r\n\r\n          // Show the error flag if there are errors\r\n          const errorFlag = document.getElementById(`${self.instanceid}-errorFlag`);\r\n          errorFlag.style.visibility = self.hasErrors ? \"visible\" : \"hidden\";\r\n        }\r\n\r\n        // Pass on the call to the next editor in a chain of intercepts or, finally, to monaco\r\n        setModelMarkers.call(monaco.editor, model, owner, markers);\r\n      }\r\n\r\n      this._diffEditor = monaco.editor.createDiffEditor(document.getElementById(`${this.instanceid}-diff-container`), {\r\n        automaticLayout: true\r\n      });\r\n      this._setDiffModel();\r\n\r\n      this._loaded = true;\r\n\r\n      this._toggleUndoRedo();\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   * @returns Promise when complete\r\n   */\r\n  async componentWillLoad(): Promise<void> {\r\n    this._initValueObserver();\r\n    await this._getTranslations();\r\n    return;\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 id={`${this.instanceid}-editor-container`} class=\"editor-container padding-right\">\r\n          <div class=\"editor-controls\">\r\n            <div class=\"editor-buttons\">\r\n              {/* errors flag */}\r\n              <calcite-icon\r\n                id={`${this.instanceid}-errorFlag`}\r\n                icon=\"exclamation-mark-triangle\"\r\n                title={this._translations.errorFlag}\r\n                scale=\"s\"\r\n                class=\"edit-error-flag\"\r\n              ></calcite-icon>\r\n              {/* undo */}\r\n              <calcite-button\r\n                id={`${this.instanceid}-undo`}\r\n                color=\"blue\"\r\n                appearance=\"solid\"\r\n                title={this._translations.undo}\r\n                onClick={() => this._undo()}\r\n                scale=\"s\"\r\n                class=\"edit-button\"\r\n              >\r\n                <calcite-icon icon=\"undo\" scale=\"s\"></calcite-icon>\r\n              </calcite-button>\r\n              {/* redo */}\r\n              <calcite-button\r\n                id={`${this.instanceid}-redo`}\r\n                color=\"blue\"\r\n                appearance=\"solid\"\r\n                title={this._translations.redo}\r\n                onClick={() => this._redo()}\r\n                scale=\"s\"\r\n                class=\"edit-button\"\r\n              >\r\n                <calcite-icon icon=\"redo\" scale=\"s\"></calcite-icon>\r\n              </calcite-button>\r\n              {/* diff */}\r\n              <calcite-button\r\n                id={`${this.instanceid}-diff`}\r\n                color=\"blue\"\r\n                appearance=\"solid\"\r\n                title={this._translations.diff}\r\n                onClick={() => this._toggleEditor()}\r\n                scale=\"s\"\r\n                class=\"edit-button\"\r\n              >\r\n                <calcite-icon icon=\"compare\" scale=\"s\"></calcite-icon>\r\n              </calcite-button>\r\n              {/* search */}\r\n              <calcite-button\r\n                id={`${this.instanceid}-search`}\r\n                appearance=\"outline\"\r\n                color=\"blue\"\r\n                title={this._translations.search}\r\n                onClick={() => this._search()}\r\n                scale=\"s\"\r\n                class=\"edit-button\"\r\n              >\r\n                <calcite-icon icon=\"search\" scale=\"s\"></calcite-icon>\r\n              </calcite-button>\r\n              {/* cancel */}\r\n              <calcite-button\r\n                id={`${this.instanceid}-reset`}\r\n                color=\"blue\"\r\n                appearance=\"solid\"\r\n                disabled\r\n                title={this._translations.cancelEdits}\r\n                onClick={() => this._reset()}\r\n                scale=\"s\"\r\n                class=\"edit-button\"\r\n              >\r\n                <calcite-icon icon=\"reset\" scale=\"s\"></calcite-icon>\r\n              </calcite-button>\r\n            </div>\r\n          </div>\r\n          <div class=\"edit-parent\">\r\n            <div id={`${this.instanceid}-container`} class=\"json-edit-container\"></div>\r\n            <div id={`${this.instanceid}-diff-container`} class=\"json-edit-container display-none\"></div>\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  protected _cancelEditsBtnHandler: any;\r\n  protected _contentChanged: any;\r\n  protected _currentModel: any;\r\n  protected _diffEditor: any;\r\n  protected _editor: any;\r\n  protected _loaded: boolean = false;\r\n  protected _searchBtnHandler: any;\r\n  protected _translations: typeof JsonEditor_T9n;\r\n  protected _useDiffEditor: boolean = false;\r\n  protected _valueObserver: MutationObserver;\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   * Gets the contents of the editor.\r\n   *\r\n   * @returns Promise resolving with the current contents of the editor\r\n   */\r\n  @Method()\r\n  async getEditorContents(): Promise<any> {\r\n    return new Promise<any>((resolve, reject) => {\r\n      try {\r\n        const currentValue = this._currentModel.getValue();\r\n        resolve(currentValue);\r\n      } catch (e) {\r\n        reject(e);\r\n      }\r\n    });\r\n  }\r\n\r\n\r\n  /**\r\n   * Frees the editor events and memory; to be called when the web component is no longer needed.\r\n   *\r\n   * Because the component lifecycle doesn't include an \"onDestroy\" event\r\n   * (@see https://stenciljs.com/docs/component-lifecycle#disconnectedcallback)\r\n   * and TypeScript/JavaScript does automatic garbage collection without a callback\r\n   * hook until ES2021\r\n   * (@see https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/FinalizationRegistry),\r\n   * this cleanup call needs to be called manually.\r\n   */\r\n  @Method()\r\n  async prepareForDeletion(): Promise<void> {\r\n    this._searchBtnHandler?.removeEventListener(\"click\", this._search);\r\n    this._cancelEditsBtnHandler?.removeEventListener(\"click\", this._reset);\r\n\r\n    this._valueObserver?.disconnect();\r\n\r\n    this._contentChanged?.dispose();\r\n\r\n    this._editor?.dispose();\r\n  }\r\n\r\n  /**\r\n   * Replaces the current selection with the supplied text, inserting if nothing is selected.\r\n   *\r\n   * @param replacement Text to use for replacement or insertion\r\n   * @returns Promise resolving when function is done\r\n   */\r\n  @Method()\r\n  async replaceCurrentSelection(\r\n    replacement: string\r\n  ): Promise<any> {\r\n    const currentSelection = this._editor.getSelection();\r\n    this._editor.executeEdits(\"\", [\r\n     { range: currentSelection, text: replacement }\r\n    ]);\r\n  }\r\n\r\n  /**\r\n   * Resets the contents of the editor with the current `value`.\r\n   *\r\n   * @returns Promise resolving when function is done\r\n   */\r\n  @Method()\r\n  async reset(): Promise<any> {\r\n    return new Promise<any>((resolve, reject) => {\r\n      try {\r\n        this._reset();\r\n        resolve({ success: true });\r\n      } catch (e) {\r\n        reject(e);\r\n      }\r\n    });\r\n  }\r\n\r\n  //--------------------------------------------------------------------------\r\n  //\r\n  //  Private Methods\r\n  //\r\n  //--------------------------------------------------------------------------\r\n\r\n  /**\r\n   * Disables a button.\r\n   *\r\n   * @param buttonId Id of button to disable\r\n   *\r\n    * @protected\r\n   */\r\n   protected _disableButton(buttonId: string): void {\r\n    document.getElementById(buttonId)?.setAttribute(\"disabled\", \"\");\r\n  }\r\n\r\n  /**\r\n   * Enables a button.\r\n   *\r\n   * @param buttonId Id of button to enable\r\n   *\r\n   * @protected\r\n   */\r\n  protected _enableButton(buttonId: string): void {\r\n    document.getElementById(buttonId)?.removeAttribute(\"disabled\");\r\n  }\r\n\r\n  /**\r\n   * Dispatches an event that the editor's content has changed.\r\n   *\r\n   * @protected\r\n   */\r\n  protected _flagEditorContentChanged(): void {\r\n    // Event for notifying that the editor contents have changed\r\n    window.dispatchEvent(new CustomEvent(\"solutionEditorContentChanged\", {\r\n      detail: {\r\n        id: this.instanceid,\r\n        contents: this._currentModel.getValue()\r\n      },\r\n      bubbles: true,\r\n      cancelable: false,\r\n      composed: true\r\n    }));\r\n  }\r\n\r\n  /**\r\n   * Sets the editor's flag indicating if it has changes and dispatches an event when\r\n   * the flag value changes.\r\n   *\r\n   * @param flagHasChanges Current state of change in the editor; if it doesn't match the value saved in this\r\n   * object, an event is dispatched with the new value and the saved value is updated\r\n   *\r\n   * @protected\r\n   */\r\n  protected _flagEditorHasChanges(flagHasChanges: boolean): void {\r\n    // Event for notifying if the editor has updated the value of its hasChanges property\r\n    if (this.hasChanges !== flagHasChanges) {\r\n      window.dispatchEvent(new CustomEvent(\"solutionEditorHasChanges\", {\r\n        detail: flagHasChanges,\r\n        bubbles: true,\r\n        cancelable: false,\r\n        composed: true\r\n      }));\r\n      this.hasChanges = flagHasChanges;\r\n    }\r\n  }\r\n\r\n  /**\r\n   * Sets the editor's flag indicating if it has errors and dispatches an event when\r\n   * the flag value changes.\r\n   *\r\n   * @param flagHasErrors Current state of errors in the editor; if it doesn't match the value saved in this\r\n   * object, an event is dispatched with the new value and the saved value is updated\r\n   *\r\n   * @protected\r\n   */\r\n  protected _flagEditorHasErrors(flagHasErrors: boolean): void {\r\n    // Event for notifying if the editor has updated the value of its hasErrors property\r\n    if (this.hasErrors !== flagHasErrors) {\r\n      window.dispatchEvent(new CustomEvent(\"solutionEditorHasErrors\", {\r\n        detail: flagHasErrors,\r\n        bubbles: true,\r\n        cancelable: false,\r\n        composed: true\r\n      }));\r\n      this.hasErrors = flagHasErrors;\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 JsonEditor_T9n;\r\n  }\r\n\r\n  /**\r\n   * Initializes the observer that will monitor and respond to changes of the value.\r\n   *\r\n   * @protected\r\n   */\r\n   protected _initValueObserver(): void {\r\n    this._valueObserver = new MutationObserver(ml => {\r\n      ml.forEach(mutation => {\r\n        if (mutation.type === 'attributes' && mutation.attributeName === \"value\") {\r\n          const newValue: string = mutation.target[mutation.attributeName];\r\n          if ((newValue !== mutation.oldValue && this._loaded)) {\r\n            this._currentModel.setValue(this.value);\r\n          }\r\n        }\r\n      });\r\n    });\r\n    this._valueObserver.observe(this.el, { attributes: true, attributeOldValue: true });\r\n  }\r\n\r\n  /**\r\n   * Handles activites appropriate to changes in the editor.\r\n   *\r\n   * @protected\r\n   */\r\n  protected _onEditorChange(): void {\r\n    // Note: we're not flagging that the editor has changes here because this event\r\n    // arrives before the model markers event, which indicates errors. We don't want\r\n    // to notify about changes if there are errors.\r\n    this._toggleUndoRedo();\r\n  }\r\n\r\n  /**\r\n   * Redoes the previous edit operation.\r\n   *\r\n   * @protected\r\n   */\r\n   protected _redo(): void {\r\n    if (this._currentModel?.canRedo()) {\r\n      this._currentModel.redo();\r\n      this._toggleUndoRedo();\r\n    }\r\n  }\r\n\r\n  /**\r\n   * Resets the stored model to the original value.\r\n   *\r\n   * @protected\r\n   */\r\n   protected _reset(): void {\r\n    // Restore the original value\r\n    this._currentModel.setValue(this.value);\r\n\r\n    // update the ui\r\n    this._toggleUndoRedo();\r\n  }\r\n\r\n  /**\r\n   * Handles click on \"Search\" button.\r\n   *\r\n   * @protected\r\n   */\r\n   protected _search(): void {\r\n    this._editor.trigger('toggleFind', 'actions.find');\r\n  }\r\n\r\n  /**\r\n   * Sets the models for the diff editor.\r\n   *\r\n   * @protected\r\n   */\r\n   protected _setDiffModel(): void {\r\n    if (this._diffEditor) {\r\n      this._diffEditor.setModel({\r\n        original: monaco.editor.createModel(this.value, \"json\"),\r\n        modified: this._editor.getModel()\r\n      });\r\n    }\r\n  }\r\n\r\n  /**\r\n   * Shows/Hides the appropriate editor: regular or diff.\r\n   *\r\n   * @protected\r\n   */\r\n   protected _toggleEditor(): void {\r\n    this._useDiffEditor = !this._useDiffEditor;\r\n    let diffContainer = document.getElementById(`${this.instanceid}-diff-container`);\r\n    let container = document.getElementById(`${this.instanceid}-container`);\r\n    if (this._useDiffEditor) {\r\n      this._setDiffModel();\r\n      diffContainer.classList.remove(\"display-none\");\r\n      container.classList.add(\"display-none\");\r\n    } else {\r\n      diffContainer.classList.add(\"display-none\");\r\n      container.classList.remove(\"display-none\");\r\n    }\r\n  }\r\n\r\n  /**\r\n   * Toggles the undo and redo buttons.\r\n   *\r\n   * @protected\r\n   */\r\n   protected _toggleUndoRedo(): void {\r\n    if (this._currentModel?.canUndo()) {\r\n      this._enableButton(`${this.instanceid}-undo`);\r\n    } else {\r\n      this._disableButton(`${this.instanceid}-undo`);\r\n    }\r\n\r\n    if (this._currentModel?.canRedo()) {\r\n      this._enableButton(`${this.instanceid}-redo`);\r\n    } else {\r\n      this._disableButton(`${this.instanceid}-redo`);\r\n    }\r\n\r\n    if (this._currentModel?.canUndo() || this._currentModel?.canRedo()) {\r\n      this._enableButton(`${this.instanceid}-reset`);\r\n    } else {\r\n      this._disableButton(`${this.instanceid}-reset`);\r\n    }\r\n  }\r\n\r\n  /**\r\n   * Undoes the current edit operation.\r\n   *\r\n   * @protected\r\n   */\r\n   protected _undo(): void {\r\n    if (this._currentModel?.canUndo()) {\r\n      this._currentModel.undo();\r\n      this._toggleUndoRedo();\r\n    }\r\n  }\r\n\r\n}\r\n"],"version":3}

package/dist/components/key.js

@@ -1,18 +0,0 @@
-/*!
- * Copyright 2022 Esri
- * Licensed under the Apache License, Version 2.0
- * http://www.apache.org/licenses/LICENSE-2.0
- */
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-beta.97
- */
-function isActivationKey(key) {
-  return key === "Enter" || key === " ";
-}
-const numberKeys = ["0", "1", "2", "3", "4", "5", "6", "7", "8", "9"];
-
-export { isActivationKey as i, numberKeys as n };
-
-//# sourceMappingURL=key.js.map

package/dist/components/key.js.map

@@ -1 +0,0 @@
-{"file":"key.js","mappings":";;;;;AAAA;AACA;AACA;AACA;AACA;AACO,SAAS,eAAe,CAAC,GAAG,EAAE;AACrC,EAAE,OAAO,GAAG,KAAK,OAAO,IAAI,GAAG,KAAK,GAAG,CAAC;AACxC,CAAC;AACW,MAAC,UAAU,GAAG,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG;;;;","names":[],"sources":["./node_modules/@esri/calcite-components/dist/collection/utils/key.js"],"sourcesContent":["/*!\n * All material copyright ESRI, All Rights Reserved, unless otherwise specified.\n * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.\n * v1.0.0-beta.97\n */\nexport function isActivationKey(key) {\n  return key === \"Enter\" || key === \" \";\n}\nexport const numberKeys = [\"0\", \"1\", \"2\", \"3\", \"4\", \"5\", \"6\", \"7\", \"8\", \"9\"];\nexport const letterKeys = [\n  \"a\",\n  \"b\",\n  \"c\",\n  \"d\",\n  \"e\",\n  \"f\",\n  \"g\",\n  \"h\",\n  \"i\",\n  \"j\",\n  \"k\",\n  \"l\",\n  \"m\",\n  \"n\",\n  \"o\",\n  \"p\",\n  \"q\",\n  \"r\",\n  \"s\",\n  \"t\",\n  \"u\",\n  \"v\",\n  \"w\",\n  \"x\",\n  \"y\",\n  \"z\"\n];\n"],"version":3}

package/dist/components/label.js

@@ -1,108 +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 { l as labelConnectedEvent, a as labelDisconnectedEvent } from './label2.js';
-
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-beta.97
- */
-const CSS = {
-  container: "container"
-};
-
-const labelCss = "@keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in-down{0%{opacity:0;transform:translate3D(0, -5px, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;transform:translate3D(0, 5px, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-scale{0%{opacity:0;transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:calc(150ms * var(--calcite-internal-duration-factor));--calcite-internal-duration-factor:var(--calcite-duration-factor, 1);--calcite-internal-animation-timing-fast:calc(100ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-medium:calc(200ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-slow:calc(300ms * var(--calcite-internal-duration-factor))}.calcite-animate{opacity:0;animation-fill-mode:both;animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{animation-name:in}.calcite-animate__in-down{animation-name:in-down}.calcite-animate__in-up{animation-name:in-up}.calcite-animate__in-scale{animation-name:in-scale}@media (prefers-reduced-motion: reduce){:root{--calcite-internal-duration-factor:0.01}}:root{--calcite-floating-ui-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}:host([disabled]){pointer-events:none;cursor:default;-webkit-user-select:none;-moz-user-select:none;user-select:none;opacity:var(--calcite-ui-opacity-disabled)}:host{display:inline}:host([alignment=start]){text-align:start}:host([alignment=end]){text-align:end}:host([alignment=center]){text-align:center}:host([scale=s]) .container{gap:0.25rem;font-size:var(--calcite-font-size--2);line-height:1rem}:host(:not([disable-spacing])[scale=s]) .container{-webkit-margin-after:var(--calcite-label-margin-bottom, 0.5rem);margin-block-end:var(--calcite-label-margin-bottom, 0.5rem)}:host([scale=m]) .container{gap:0.5rem;font-size:var(--calcite-font-size--1);line-height:1rem}:host(:not([disable-spacing])[scale=m]) .container{-webkit-margin-after:var(--calcite-label-margin-bottom, 0.75rem);margin-block-end:var(--calcite-label-margin-bottom, 0.75rem)}:host([scale=l]) .container{gap:0.5rem;font-size:var(--calcite-font-size-0);line-height:1.25rem}:host(:not([disable-spacing])[scale=l]) .container{-webkit-margin-after:var(--calcite-label-margin-bottom, 1rem);margin-block-end:var(--calcite-label-margin-bottom, 1rem)}:host .container{margin-inline:0px;-webkit-margin-before:0px;margin-block-start:0px;inline-size:100%;line-height:1.375;color:var(--calcite-ui-text-1)}:host([layout=default]) .container{display:flex;flex-direction:column}:host([layout=inline]) .container,:host([layout=inline-space-between]) .container{display:flex;flex-direction:row;align-items:center;gap:0.5rem}:host([layout=inline][scale=l]) .container{gap:0.75rem}:host([layout=inline-space-between]) .container{justify-content:space-between}:host([disabled])>.container{pointer-events:none;opacity:var(--calcite-ui-opacity-disabled)}:host([disabled]) ::slotted(*){pointer-events:none}:host([disabled]) ::slotted(*[disabled]),:host([disabled]) ::slotted(*[disabled] *){--tw-bg-opacity:1}:host([disabled]) ::slotted(calcite-input-message:not([active])){--tw-bg-opacity:0}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}:host([disable-spacing]) .container{margin:0px;gap:0px}";
-
-const Label = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
-  constructor() {
-    super();
-    this.__registerHost();
-    this.__attachShadow();
-    this.calciteInternalLabelClick = createEvent(this, "calciteInternalLabelClick", 2);
-    //--------------------------------------------------------------------------
-    //
-    //  Properties
-    //
-    //--------------------------------------------------------------------------
-    /** Specifies the text alignment of the component. */
-    this.alignment = "start";
-    /**
-     * Specifies the status of the component and any child input, or input messages.
-     *
-     * @deprecated Set directly on the component the label is bound to instead.
-     */
-    this.status = "idle";
-    /** Specifies the size of the component. */
-    this.scale = "m";
-    /** Defines the layout of the label in relation to the component. Use `"inline"` positions to wrap the label and component on the same line. */
-    this.layout = "default";
-    /**
-     * When `true`, interaction is prevented and the component is displayed with lower opacity.
-     *
-     * @deprecated Use the `disabled` property on the component the label is bound to instead.
-     */
-    this.disabled = false;
-    /**
-     * When `true`, disables the component's spacing.
-     *
-     * @deprecated Set the `--calcite-label-margin-bottom` css variable to `0` instead.
-     */
-    this.disableSpacing = false;
-    //--------------------------------------------------------------------------
-    //
-    //  Private Methods
-    //
-    //--------------------------------------------------------------------------
-    this.labelClickHandler = (event) => {
-      this.calciteInternalLabelClick.emit({
-        sourceEvent: event
-      });
-    };
-  }
-  //--------------------------------------------------------------------------
-  //
-  //  Lifecycle
-  //
-  //--------------------------------------------------------------------------
-  connectedCallback() {
-    document.dispatchEvent(new CustomEvent(labelConnectedEvent));
-  }
-  disconnectedCallback() {
-    document.dispatchEvent(new CustomEvent(labelDisconnectedEvent));
-  }
-  render() {
-    return (h(Host, { onClick: this.labelClickHandler }, h("div", { class: CSS.container }, h("slot", null))));
-  }
-  get el() { return this; }
-  static get style() { return labelCss; }
-}, [1, "calcite-label", {
-    "alignment": [513],
-    "status": [513],
-    "for": [513],
-    "scale": [513],
-    "layout": [513],
-    "disabled": [516],
-    "disableSpacing": [516, "disable-spacing"]
-  }]);
-function defineCustomElement() {
-  if (typeof customElements === "undefined") {
-    return;
-  }
-  const components = ["calcite-label"];
-  components.forEach(tagName => { switch (tagName) {
-    case "calcite-label":
-      if (!customElements.get(tagName)) {
-        customElements.define(tagName, Label);
-      }
-      break;
-  } });
-}
-defineCustomElement();
-
-export { Label as L, defineCustomElement as d };
-
-//# sourceMappingURL=label.js.map