@esri/solutions-components 0.2.3 → 0.2.4

package/dist/solutions-components/p-c3f93cec.entry.js

@@ -0,0 +1,158 @@
+/*!
+ * Copyright 2022 Esri
+ * Licensed under the Apache License, Version 2.0
+ * http://www.apache.org/licenses/LICENSE-2.0
+ */
+import { r as registerInstance, c as createEvent, h, F as Fragment, g as getElement } from './p-58c69df2.js';
+import { g as guid } from './p-a80b3880.js';
+import { c as connectLabel, d as disconnectLabel } from './p-dbad98e8.js';
+import { c as connectForm, d as disconnectForm, H as HiddenFormInputSlot } from './p-3f6b0af4.js';
+import { u as updateHostInteraction } from './p-7daea1df.js';
+import { i as isActivationKey } from './p-73e23995.js';
+import './p-32a67cb2.js';
+import './p-729708a3.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 TEXT = {
+  rating: "Rating",
+  stars: "Stars: ${num}"
+};
+
+const ratingCss = "@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{position:relative;display:flex;align-items:center;inline-size:-moz-fit-content;inline-size:fit-content}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}:host([scale=s]){block-size:1.5rem;--calcite-rating-spacing-unit:0.25rem}:host([scale=m]){block-size:2rem;--calcite-rating-spacing-unit:0.5rem}:host([scale=l]){block-size:2.75rem;--calcite-rating-spacing-unit:0.75rem}:host([read-only]){pointer-events:none}.fieldset{margin:0px;display:flex;border-width:0px;padding:0px}.wrapper{display:inline-block;-webkit-margin-end:var(--calcite-rating-spacing-unit);margin-inline-end:var(--calcite-rating-spacing-unit)}.star{position:relative;display:flex;cursor:pointer;outline-color:transparent;transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;color:var(--calcite-ui-border-input)}.focused{outline:2px solid var(--calcite-ui-brand);outline-offset:2px}.average,.fraction{color:var(--calcite-ui-warning)}.hovered,.selected,:host([read-only]) .average,:host([read-only]) .fraction{color:var(--calcite-ui-brand)}:host .fraction{pointer-events:none;position:absolute;inset-block-start:0px;overflow:hidden;transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;inset-inline-start:0}calcite-chip{pointer-events:none;cursor:default}.number--average{font-weight:var(--calcite-font-weight-bold)}.number--count{color:var(--calcite-ui-text-2);font-style:italic}.number--count:not(:first-child){-webkit-margin-start:var(--calcite-rating-spacing-unit);margin-inline-start:var(--calcite-rating-spacing-unit)}.visually-hidden{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}::slotted(input[slot=hidden-form-input]){margin:0 !important;opacity:0 !important;outline:none !important;padding:0 !important;position:absolute !important;inset:0 !important;transform:none !important;-webkit-appearance:none !important;z-index:-1 !important}";
+
+const Rating = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    this.calciteRatingChange = createEvent(this, "calciteRatingChange", 6);
+    // --------------------------------------------------------------------------
+    //
+    //  Properties
+    //
+    // --------------------------------------------------------------------------
+    /** Specifies the size of the component. */
+    this.scale = "m";
+    /** The component's value. */
+    this.value = 0;
+    /** When `true`, the component's value can be read, but cannot be modified. */
+    this.readOnly = false;
+    /** When `true`, interaction is prevented and the component is displayed with lower opacity. */
+    this.disabled = false;
+    /** When `true`, and if available, displays the `average` and/or `count` data summary in a `calcite-chip`. */
+    this.showChip = false;
+    /**
+     * Accessible name for the component.
+     *
+     * @default "Rating"
+     */
+    this.intlRating = TEXT.rating;
+    /**
+     * Accessible name for each star. The `${num}` in the string will be replaced by the number.
+     *
+     * @default "Stars: ${num}"
+     */
+    this.intlStars = TEXT.stars;
+    /**
+     * When `true`, the component must have a value in order for the form to submit.
+     *
+     * @internal
+     */
+    this.required = false;
+    this.onKeyboardPressed = (event) => {
+      if (!this.required && isActivationKey(event.key)) {
+        event.preventDefault();
+        this.updateValue(0);
+      }
+    };
+    this.onFocusChange = (selectedRatingValue) => {
+      this.hasFocus = true;
+      if (!this.required && this.focusValue === selectedRatingValue) {
+        this.updateValue(0);
+      }
+      else {
+        this.focusValue = selectedRatingValue;
+      }
+    };
+    this.guid = `calcite-ratings-${guid()}`;
+  }
+  //--------------------------------------------------------------------------
+  //
+  //  Lifecycle
+  //
+  //--------------------------------------------------------------------------
+  connectedCallback() {
+    connectLabel(this);
+    connectForm(this);
+  }
+  disconnectedCallback() {
+    disconnectLabel(this);
+    disconnectForm(this);
+  }
+  componentDidRender() {
+    updateHostInteraction(this);
+  }
+  //--------------------------------------------------------------------------
+  //
+  //  Event Listeners
+  //
+  //--------------------------------------------------------------------------
+  blurHandler() {
+    this.hasFocus = false;
+  }
+  // --------------------------------------------------------------------------
+  //
+  //  Render Methods
+  //
+  // --------------------------------------------------------------------------
+  renderStars() {
+    return [1, 2, 3, 4, 5].map((i) => {
+      const selected = this.value >= i;
+      const average = this.average && !this.value && i <= this.average;
+      const hovered = i <= this.hoverValue;
+      const fraction = this.average && this.average + 1 - i;
+      const partial = !this.value && !hovered && fraction > 0 && fraction < 1;
+      const focused = this.hasFocus && this.focusValue === i;
+      return (h("span", { class: { wrapper: true } }, h("label", { class: { star: true, focused, selected, average, hovered, partial }, htmlFor: `${this.guid}-${i}`, onPointerOver: () => {
+          this.hoverValue = i;
+        } }, h("calcite-icon", { "aria-hidden": "true", class: "icon", icon: selected || average || this.readOnly ? "star-f" : "star", scale: this.scale }), partial && (h("div", { class: "fraction", style: { width: `${fraction * 100}%` } }, h("calcite-icon", { icon: "star-f", scale: this.scale }))), h("span", { class: "visually-hidden" }, this.intlStars.replace("${num}", `${i}`))), h("input", { checked: i === this.value, class: "visually-hidden", disabled: this.disabled || this.readOnly, id: `${this.guid}-${i}`, name: this.guid, onChange: () => this.updateValue(i), onClick: (event) => 
+        // click is fired from the component's label, so we treat this as an internal event
+        event.stopPropagation(), onFocus: () => this.onFocusChange(i), onKeyDown: this.onKeyboardPressed, ref: (el) => (i === 1 || i === this.value) && (this.inputFocusRef = el), type: "radio", value: i })));
+    });
+  }
+  render() {
+    const { disabled, intlRating, showChip, scale, count, average } = this;
+    return (h(Fragment, null, h("fieldset", { class: "fieldset", disabled: disabled, onBlur: () => (this.hoverValue = null), onPointerLeave: () => (this.hoverValue = null), onTouchEnd: () => (this.hoverValue = null) }, h("legend", { class: "visually-hidden" }, intlRating), this.renderStars()), (count || average) && showChip ? (h("calcite-chip", { scale: scale, value: count === null || count === void 0 ? void 0 : count.toString() }, !!average && h("span", { class: "number--average" }, average.toString()), !!count && h("span", { class: "number--count" }, "(", count === null || count === void 0 ? void 0 :
+      count.toString(), ")"))) : null, h(HiddenFormInputSlot, { component: this })));
+  }
+  //--------------------------------------------------------------------------
+  //
+  //  Private Methods
+  //
+  //--------------------------------------------------------------------------
+  onLabelClick() {
+    this.setFocus();
+  }
+  updateValue(value) {
+    this.value = value;
+    this.calciteRatingChange.emit({ value });
+  }
+  //--------------------------------------------------------------------------
+  //
+  //  Public Methods
+  //
+  //--------------------------------------------------------------------------
+  /** Sets focus on the component. */
+  async setFocus() {
+    var _a;
+    (_a = this.inputFocusRef) === null || _a === void 0 ? void 0 : _a.focus();
+  }
+  get el() { return getElement(this); }
+};
+Rating.style = ratingCss;
+
+export { Rating as calcite_rating };
+
+//# sourceMappingURL=p-c3f93cec.entry.js.map

package/dist/solutions-components/p-c3f93cec.entry.js.map

@@ -0,0 +1 @@
+{"file":"calcite-rating.entry.esm.js","mappings":"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","names":[],"sources":["./node_modules/@esri/calcite-components/dist/collection/components/rating/resources.js","./node_modules/@esri/calcite-components/dist/collection/components/rating/rating.css?tag=calcite-rating&encapsulation=shadow","./node_modules/@esri/calcite-components/dist/collection/components/rating/rating.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 const TEXT = {\n  rating: \"Rating\",\n  stars: \"Stars: ${num}\"\n};\n","/* mixins & extensions */\n@keyframes in {\n  0% {\n    opacity: 0;\n  }\n  100% {\n    opacity: 1;\n  }\n}\n@keyframes in-down {\n  0% {\n    opacity: 0;\n    transform: translate3D(0, -5px, 0);\n  }\n  100% {\n    opacity: 1;\n    transform: translate3D(0, 0, 0);\n  }\n}\n@keyframes in-up {\n  0% {\n    opacity: 0;\n    transform: translate3D(0, 5px, 0);\n  }\n  100% {\n    opacity: 1;\n    transform: translate3D(0, 0, 0);\n  }\n}\n@keyframes in-scale {\n  0% {\n    opacity: 0;\n    transform: scale3D(0.95, 0.95, 1);\n  }\n  100% {\n    opacity: 1;\n    transform: scale3D(1, 1, 1);\n  }\n}\n:root {\n  --calcite-animation-timing: calc(150ms * var(--calcite-internal-duration-factor));\n  --calcite-internal-duration-factor: var(--calcite-duration-factor, 1);\n  --calcite-internal-animation-timing-fast: calc(100ms * var(--calcite-internal-duration-factor));\n  --calcite-internal-animation-timing-medium: calc(200ms * var(--calcite-internal-duration-factor));\n  --calcite-internal-animation-timing-slow: calc(300ms * var(--calcite-internal-duration-factor));\n}\n\n.calcite-animate {\n  opacity: 0;\n  animation-fill-mode: both;\n  animation-duration: var(--calcite-animation-timing);\n}\n\n.calcite-animate__in {\n  animation-name: in;\n}\n\n.calcite-animate__in-down {\n  animation-name: in-down;\n}\n\n.calcite-animate__in-up {\n  animation-name: in-up;\n}\n\n.calcite-animate__in-scale {\n  animation-name: in-scale;\n}\n\n@media (prefers-reduced-motion: reduce) {\n  :root {\n    --calcite-internal-duration-factor: 0.01;\n  }\n}\n/**\n* Currently only used in Checkbox.\n*/\n:root {\n  --calcite-floating-ui-transition: var(--calcite-animation-timing);\n}\n\n:host([hidden]) {\n  display: none;\n}\n\n:host([disabled]) {\n  pointer-events: none;\n  cursor: default;\n  -webkit-user-select: none;\n          user-select: none;\n  opacity: var(--calcite-ui-opacity-disabled);\n}\n\n/**\n* CSS Custom Properties\n*\n* These properties can be overridden using the component's tag as selector.\n*\n* @prop --calcite-rating-spacing-unit: The amount of left and right margin spacing between each rating star.\n*/\n:host {\n  position: relative;\n  display: flex;\n  align-items: center;\n  inline-size: -moz-fit-content;\n  inline-size: fit-content;\n}\n\n:host([disabled]) ::slotted([calcite-hydrated][disabled]),\n:host([disabled]) [calcite-hydrated][disabled] {\n  /* prevent opacity stacking */\n  opacity: 1;\n}\n\n:host([scale=s]) {\n  block-size: 1.5rem;\n  --calcite-rating-spacing-unit: 0.25rem;\n}\n\n:host([scale=m]) {\n  block-size: 2rem;\n  --calcite-rating-spacing-unit: 0.5rem;\n}\n\n:host([scale=l]) {\n  block-size: 2.75rem;\n  --calcite-rating-spacing-unit: 0.75rem;\n}\n\n:host([read-only]) {\n  pointer-events: none;\n}\n\n.fieldset {\n  margin: 0px;\n  display: flex;\n  border-width: 0px;\n  padding: 0px;\n}\n\n.wrapper {\n  display: inline-block;\n  margin-inline-end: var(--calcite-rating-spacing-unit);\n}\n\n.star {\n  position: relative;\n  display: flex;\n  cursor: pointer;\n  outline-color: transparent;\n  transition: all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;\n  color: var(--calcite-ui-border-input);\n}\n\n.focused {\n  outline: 2px solid var(--calcite-ui-brand);\n  outline-offset: 2px;\n}\n\n.average,\n.fraction {\n  color: var(--calcite-ui-warning);\n}\n\n.hovered,\n.selected,\n:host([read-only]) .average,\n:host([read-only]) .fraction {\n  color: var(--calcite-ui-brand);\n}\n\n:host .fraction {\n  pointer-events: none;\n  position: absolute;\n  inset-block-start: 0px;\n  overflow: hidden;\n  transition: all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;\n  inset-inline-start: 0;\n}\n\ncalcite-chip {\n  pointer-events: none;\n  cursor: default;\n}\n\n.number--average {\n  font-weight: var(--calcite-font-weight-bold);\n}\n\n.number--count {\n  color: var(--calcite-ui-text-2);\n  font-style: italic;\n}\n.number--count:not(:first-child) {\n  margin-inline-start: var(--calcite-rating-spacing-unit);\n}\n\n.visually-hidden {\n  position: absolute;\n  inline-size: 1px;\n  block-size: 1px;\n  padding: 0;\n  margin: -1px;\n  overflow: hidden;\n  clip: rect(0, 0, 0, 0);\n  white-space: nowrap;\n  border-width: 0;\n}\n\n::slotted(input[slot=hidden-form-input]) {\n  margin: 0 !important;\n  opacity: 0 !important;\n  outline: none !important;\n  padding: 0 !important;\n  position: absolute !important;\n  inset: 0 !important;\n  transform: none !important;\n  -webkit-appearance: none !important;\n  z-index: -1 !important;\n}","/*!\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 */\nimport { Fragment, h } from \"@stencil/core\";\nimport { guid } from \"../../utils/guid\";\nimport { connectLabel, disconnectLabel } from \"../../utils/label\";\nimport { connectForm, disconnectForm, HiddenFormInputSlot } from \"../../utils/form\";\nimport { TEXT } from \"./resources\";\nimport { updateHostInteraction } from \"../../utils/interactive\";\nimport { isActivationKey } from \"../../utils/key\";\nexport class Rating {\n  constructor() {\n    // --------------------------------------------------------------------------\n    //\n    //  Properties\n    //\n    // --------------------------------------------------------------------------\n    /** Specifies the size of the component. */\n    this.scale = \"m\";\n    /** The component's value. */\n    this.value = 0;\n    /** When `true`, the component's value can be read, but cannot be modified. */\n    this.readOnly = false;\n    /** When `true`, interaction is prevented and the component is displayed with lower opacity. */\n    this.disabled = false;\n    /** When `true`, and if available, displays the `average` and/or `count` data summary in a `calcite-chip`. */\n    this.showChip = false;\n    /**\n     * Accessible name for the component.\n     *\n     * @default \"Rating\"\n     */\n    this.intlRating = TEXT.rating;\n    /**\n     * Accessible name for each star. The `${num}` in the string will be replaced by the number.\n     *\n     * @default \"Stars: ${num}\"\n     */\n    this.intlStars = TEXT.stars;\n    /**\n     * When `true`, the component must have a value in order for the form to submit.\n     *\n     * @internal\n     */\n    this.required = false;\n    this.onKeyboardPressed = (event) => {\n      if (!this.required && isActivationKey(event.key)) {\n        event.preventDefault();\n        this.updateValue(0);\n      }\n    };\n    this.onFocusChange = (selectedRatingValue) => {\n      this.hasFocus = true;\n      if (!this.required && this.focusValue === selectedRatingValue) {\n        this.updateValue(0);\n      }\n      else {\n        this.focusValue = selectedRatingValue;\n      }\n    };\n    this.guid = `calcite-ratings-${guid()}`;\n  }\n  //--------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  //--------------------------------------------------------------------------\n  connectedCallback() {\n    connectLabel(this);\n    connectForm(this);\n  }\n  disconnectedCallback() {\n    disconnectLabel(this);\n    disconnectForm(this);\n  }\n  componentDidRender() {\n    updateHostInteraction(this);\n  }\n  //--------------------------------------------------------------------------\n  //\n  //  Event Listeners\n  //\n  //--------------------------------------------------------------------------\n  blurHandler() {\n    this.hasFocus = false;\n  }\n  // --------------------------------------------------------------------------\n  //\n  //  Render Methods\n  //\n  // --------------------------------------------------------------------------\n  renderStars() {\n    return [1, 2, 3, 4, 5].map((i) => {\n      const selected = this.value >= i;\n      const average = this.average && !this.value && i <= this.average;\n      const hovered = i <= this.hoverValue;\n      const fraction = this.average && this.average + 1 - i;\n      const partial = !this.value && !hovered && fraction > 0 && fraction < 1;\n      const focused = this.hasFocus && this.focusValue === i;\n      return (h(\"span\", { class: { wrapper: true } }, h(\"label\", { class: { star: true, focused, selected, average, hovered, partial }, htmlFor: `${this.guid}-${i}`, onPointerOver: () => {\n          this.hoverValue = i;\n        } }, h(\"calcite-icon\", { \"aria-hidden\": \"true\", class: \"icon\", icon: selected || average || this.readOnly ? \"star-f\" : \"star\", scale: this.scale }), partial && (h(\"div\", { class: \"fraction\", style: { width: `${fraction * 100}%` } }, h(\"calcite-icon\", { icon: \"star-f\", scale: this.scale }))), h(\"span\", { class: \"visually-hidden\" }, this.intlStars.replace(\"${num}\", `${i}`))), h(\"input\", { checked: i === this.value, class: \"visually-hidden\", disabled: this.disabled || this.readOnly, id: `${this.guid}-${i}`, name: this.guid, onChange: () => this.updateValue(i), onClick: (event) => \n        // click is fired from the component's label, so we treat this as an internal event\n        event.stopPropagation(), onFocus: () => this.onFocusChange(i), onKeyDown: this.onKeyboardPressed, ref: (el) => (i === 1 || i === this.value) && (this.inputFocusRef = el), type: \"radio\", value: i })));\n    });\n  }\n  render() {\n    const { disabled, intlRating, showChip, scale, count, average } = this;\n    return (h(Fragment, null, h(\"fieldset\", { class: \"fieldset\", disabled: disabled, onBlur: () => (this.hoverValue = null), onPointerLeave: () => (this.hoverValue = null), onTouchEnd: () => (this.hoverValue = null) }, h(\"legend\", { class: \"visually-hidden\" }, intlRating), this.renderStars()), (count || average) && showChip ? (h(\"calcite-chip\", { scale: scale, value: count === null || count === void 0 ? void 0 : count.toString() }, !!average && h(\"span\", { class: \"number--average\" }, average.toString()), !!count && h(\"span\", { class: \"number--count\" }, \"(\", count === null || count === void 0 ? void 0 :\n      count.toString(), \")\"))) : null, h(HiddenFormInputSlot, { component: this })));\n  }\n  //--------------------------------------------------------------------------\n  //\n  //  Private Methods\n  //\n  //--------------------------------------------------------------------------\n  onLabelClick() {\n    this.setFocus();\n  }\n  updateValue(value) {\n    this.value = value;\n    this.calciteRatingChange.emit({ value });\n  }\n  //--------------------------------------------------------------------------\n  //\n  //  Public Methods\n  //\n  //--------------------------------------------------------------------------\n  /** Sets focus on the component. */\n  async setFocus() {\n    var _a;\n    (_a = this.inputFocusRef) === null || _a === void 0 ? void 0 : _a.focus();\n  }\n  static get is() { return \"calcite-rating\"; }\n  static get encapsulation() { return \"shadow\"; }\n  static get originalStyleUrls() {\n    return {\n      \"$\": [\"rating.scss\"]\n    };\n  }\n  static get styleUrls() {\n    return {\n      \"$\": [\"rating.css\"]\n    };\n  }\n  static get properties() {\n    return {\n      \"scale\": {\n        \"type\": \"string\",\n        \"mutable\": false,\n        \"complexType\": {\n          \"original\": \"Scale\",\n          \"resolved\": \"\\\"l\\\" | \\\"m\\\" | \\\"s\\\"\",\n          \"references\": {\n            \"Scale\": {\n              \"location\": \"import\",\n              \"path\": \"../interfaces\"\n            }\n          }\n        },\n        \"required\": false,\n        \"optional\": false,\n        \"docs\": {\n          \"tags\": [],\n          \"text\": \"Specifies the size of the component.\"\n        },\n        \"attribute\": \"scale\",\n        \"reflect\": true,\n        \"defaultValue\": \"\\\"m\\\"\"\n      },\n      \"value\": {\n        \"type\": \"number\",\n        \"mutable\": true,\n        \"complexType\": {\n          \"original\": \"number\",\n          \"resolved\": \"number\",\n          \"references\": {}\n        },\n        \"required\": false,\n        \"optional\": false,\n        \"docs\": {\n          \"tags\": [],\n          \"text\": \"The component's value.\"\n        },\n        \"attribute\": \"value\",\n        \"reflect\": true,\n        \"defaultValue\": \"0\"\n      },\n      \"readOnly\": {\n        \"type\": \"boolean\",\n        \"mutable\": false,\n        \"complexType\": {\n          \"original\": \"boolean\",\n          \"resolved\": \"boolean\",\n          \"references\": {}\n        },\n        \"required\": false,\n        \"optional\": false,\n        \"docs\": {\n          \"tags\": [],\n          \"text\": \"When `true`, the component's value can be read, but cannot be modified.\"\n        },\n        \"attribute\": \"read-only\",\n        \"reflect\": true,\n        \"defaultValue\": \"false\"\n      },\n      \"disabled\": {\n        \"type\": \"boolean\",\n        \"mutable\": false,\n        \"complexType\": {\n          \"original\": \"boolean\",\n          \"resolved\": \"boolean\",\n          \"references\": {}\n        },\n        \"required\": false,\n        \"optional\": false,\n        \"docs\": {\n          \"tags\": [],\n          \"text\": \"When `true`, interaction is prevented and the component is displayed with lower opacity.\"\n        },\n        \"attribute\": \"disabled\",\n        \"reflect\": true,\n        \"defaultValue\": \"false\"\n      },\n      \"showChip\": {\n        \"type\": \"boolean\",\n        \"mutable\": false,\n        \"complexType\": {\n          \"original\": \"boolean\",\n          \"resolved\": \"boolean\",\n          \"references\": {}\n        },\n        \"required\": false,\n        \"optional\": false,\n        \"docs\": {\n          \"tags\": [],\n          \"text\": \"When `true`, and if available, displays the `average` and/or `count` data summary in a `calcite-chip`.\"\n        },\n        \"attribute\": \"show-chip\",\n        \"reflect\": true,\n        \"defaultValue\": \"false\"\n      },\n      \"count\": {\n        \"type\": \"number\",\n        \"mutable\": false,\n        \"complexType\": {\n          \"original\": \"number\",\n          \"resolved\": \"number\",\n          \"references\": {}\n        },\n        \"required\": false,\n        \"optional\": true,\n        \"docs\": {\n          \"tags\": [],\n          \"text\": \"Specifies the number of previous ratings to display.\"\n        },\n        \"attribute\": \"count\",\n        \"reflect\": true\n      },\n      \"average\": {\n        \"type\": \"number\",\n        \"mutable\": false,\n        \"complexType\": {\n          \"original\": \"number\",\n          \"resolved\": \"number\",\n          \"references\": {}\n        },\n        \"required\": false,\n        \"optional\": true,\n        \"docs\": {\n          \"tags\": [],\n          \"text\": \"Specifies a cumulative average from previous ratings to display.\"\n        },\n        \"attribute\": \"average\",\n        \"reflect\": true\n      },\n      \"name\": {\n        \"type\": \"string\",\n        \"mutable\": false,\n        \"complexType\": {\n          \"original\": \"string\",\n          \"resolved\": \"string\",\n          \"references\": {}\n        },\n        \"required\": false,\n        \"optional\": false,\n        \"docs\": {\n          \"tags\": [],\n          \"text\": \"Specifies the name of the component on form submission.\"\n        },\n        \"attribute\": \"name\",\n        \"reflect\": true\n      },\n      \"intlRating\": {\n        \"type\": \"string\",\n        \"mutable\": false,\n        \"complexType\": {\n          \"original\": \"string\",\n          \"resolved\": \"string\",\n          \"references\": {}\n        },\n        \"required\": false,\n        \"optional\": true,\n        \"docs\": {\n          \"tags\": [{\n              \"name\": \"default\",\n              \"text\": \"\\\"Rating\\\"\"\n            }],\n          \"text\": \"Accessible name for the component.\"\n        },\n        \"attribute\": \"intl-rating\",\n        \"reflect\": false,\n        \"defaultValue\": \"TEXT.rating\"\n      },\n      \"intlStars\": {\n        \"type\": \"string\",\n        \"mutable\": false,\n        \"complexType\": {\n          \"original\": \"string\",\n          \"resolved\": \"string\",\n          \"references\": {}\n        },\n        \"required\": false,\n        \"optional\": true,\n        \"docs\": {\n          \"tags\": [{\n              \"name\": \"default\",\n              \"text\": \"\\\"Stars: ${num}\\\"\"\n            }],\n          \"text\": \"Accessible name for each star. The `${num}` in the string will be replaced by the number.\"\n        },\n        \"attribute\": \"intl-stars\",\n        \"reflect\": false,\n        \"defaultValue\": \"TEXT.stars\"\n      },\n      \"required\": {\n        \"type\": \"boolean\",\n        \"mutable\": false,\n        \"complexType\": {\n          \"original\": \"boolean\",\n          \"resolved\": \"boolean\",\n          \"references\": {}\n        },\n        \"required\": false,\n        \"optional\": false,\n        \"docs\": {\n          \"tags\": [{\n              \"name\": \"internal\",\n              \"text\": undefined\n            }],\n          \"text\": \"When `true`, the component must have a value in order for the form to submit.\"\n        },\n        \"attribute\": \"required\",\n        \"reflect\": true,\n        \"defaultValue\": \"false\"\n      }\n    };\n  }\n  static get states() {\n    return {\n      \"hoverValue\": {},\n      \"focusValue\": {},\n      \"hasFocus\": {}\n    };\n  }\n  static get events() {\n    return [{\n        \"method\": \"calciteRatingChange\",\n        \"name\": \"calciteRatingChange\",\n        \"bubbles\": true,\n        \"cancelable\": false,\n        \"composed\": true,\n        \"docs\": {\n          \"tags\": [],\n          \"text\": \"Fires when the component's value changes.\"\n        },\n        \"complexType\": {\n          \"original\": \"{ value: number }\",\n          \"resolved\": \"{ value: number; }\",\n          \"references\": {}\n        }\n      }];\n  }\n  static get methods() {\n    return {\n      \"setFocus\": {\n        \"complexType\": {\n          \"signature\": \"() => Promise<void>\",\n          \"parameters\": [],\n          \"references\": {\n            \"Promise\": {\n              \"location\": \"global\"\n            }\n          },\n          \"return\": \"Promise<void>\"\n        },\n        \"docs\": {\n          \"text\": \"Sets focus on the component.\",\n          \"tags\": []\n        }\n      }\n    };\n  }\n  static get elementRef() { return \"el\"; }\n  static get listeners() {\n    return [{\n        \"name\": \"blur\",\n        \"method\": \"blurHandler\",\n        \"target\": undefined,\n        \"capture\": false,\n        \"passive\": false\n      }];\n  }\n}\n"],"version":3}

package/dist/solutions-components/p-c5721b0f.entry.js

@@ -0,0 +1,127 @@
+/*!
+ * Copyright 2022 Esri
+ * Licensed under the Apache License, Version 2.0
+ * http://www.apache.org/licenses/LICENSE-2.0
+ */
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './p-58c69df2.js';
+import { g as getLocaleComponentStrings } from './p-20bdf42f.js';
+import './p-3b010ce1.js';
+
+const solutionConfigModalCss = ".configuration-container{position:relative;height:100%;width:100%}.configuration{position:absolute;top:0px;right:0px;bottom:0px;left:0px;display:flex;padding:0.5rem;border:1px #808080 solid}.config-tabs{width:100%}.config-tab{width:100%}.config-solution{position:absolute;top:3.5rem;right:-1px;bottom:-1px;left:-1px;display:flex;padding:0.5rem}.config-inventory{display:inline;max-width:-moz-min-content;max-width:min-content;flex-grow:0;overflow-y:auto}.config-inventory-hide{display:none;max-width:-moz-min-content;max-width:min-content;flex-grow:0;overflow-y:auto}.config-item{position:relative;display:inline;flex-grow:1;overflow-y:auto;-webkit-margin-start:0.5rem;margin-inline-start:0.5rem}solution-contents{position:relative;height:100%}solution-item{position:relative;height:100%}solution-spatial-ref{position:relative;height:100%;width:100%;overflow-y:auto}";
+
+const SolutionConfigModal = class {
+  //--------------------------------------------------------------------------
+  //
+  //  Lifecycle
+  //
+  //--------------------------------------------------------------------------
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    this.solutionConfigModalClosed = createEvent(this, "solutionConfigModalClosed", 7);
+    this.cacheBreaker = undefined;
+    this.serializedAuthentication = "";
+    this.solutionTitle = "";
+    this.solutionItemId = undefined;
+    this._canSave = false;
+    this._translations = undefined;
+    //console.log("MODAL constructor " + this.solutionItemId);//??? + " open:" + this._modalIsOpen);//???
+    window.addEventListener("solutionCanSave", (evt) => {
+      this._canSave = evt.detail;
+    });
+  }
+  async valueWatchHandler() {
+    console.log("MODAL watch " + this.solutionItemId); //???
+  }
+  /**
+   * StencilJS: Called once just after the component is first connected to the DOM.
+   *
+   * @returns Promise when complete
+   */
+  async componentWillLoad() {
+    return this._getTranslations();
+  }
+  componentWillRender() {
+    console.log("MODAL will render " + this.solutionTitle + " (" + this.solutionItemId + ", " + this.cacheBreaker + ")"); //???
+  }
+  /**
+   * Renders the component.
+   */
+  render() {
+    const cacheBreakerParts = this.cacheBreaker.split("_");
+    if (!this.solutionItemId && cacheBreakerParts.length === 2) {
+      this.solutionItemId = cacheBreakerParts[0];
+    }
+    const modalIsOpen = !!this.solutionItemId;
+    console.log("MODAL render " + this.solutionTitle + " (" + this.solutionItemId + ", " + this.cacheBreaker + ")" + " open:" + modalIsOpen.toString()); //???
+    return (h(Host, null, h("calcite-modal", { "aria-labelledby": "solutions-modal-title", fullscreen: "", "intl-close": this._translations.cancel, onCalciteModalClose: () => this._cancel(), open: modalIsOpen, ref: (el) => this._modal = el }, h("h3", { id: "solutions-modal-title", slot: "header" }, this._translations.title.replace("{{solutionName}}", this.solutionTitle)), h("div", { class: "solutions-modal-content", id: "solutions-modal-content", slot: "content" }, h("solution-configuration", { ref: (el) => (this._configuration = el), "serialized-authentication": this.serializedAuthentication, "solution-item-id": this.solutionItemId })), h("calcite-button", { appearance: "outline", disabled: !this._canSave, onClick: () => this._cancel(), ref: (el) => (this._cancelBtn = el), slot: "secondary", width: "full" }, this._translations.cancel), h("calcite-button", { appearance: "solid", disabled: !this._canSave, onClick: () => this._save(), ref: (el) => (this._saveBtn = el), slot: "primary", width: "full" }, this._translations.save))));
+  }
+  //--------------------------------------------------------------------------
+  //
+  //  Public Methods (async)
+  //
+  //--------------------------------------------------------------------------
+  //--------------------------------------------------------------------------
+  //
+  //  Private Methods
+  //
+  //--------------------------------------------------------------------------
+  async _cancel() {
+    console.log("MODAL cancel " + this.solutionItemId); //???
+    this._cancelBtn.disabled = this._saveBtn.disabled = true;
+    this._canSave
+      ? confirm("Save changes?")
+        ? await this._saveChanges()
+        : await this._cancelChanges()
+      : await this._cancelChanges();
+    this._closeModal();
+  }
+  async _cancelChanges() {
+    console.log("MODAL cancelChanges"); //???
+    this._canSave = false;
+    await this._configuration.unloadSolution();
+  }
+  _closeModal() {
+    console.log("MODAL close"); //???
+    this.solutionItemId = "";
+    //this.solutionTitle = "";
+    this.cacheBreaker = "";
+    this.solutionConfigModalClosed.emit();
+  }
+  // Save changes and close the modal
+  async _save() {
+    console.log("MODAL save " + this.solutionItemId); //???
+    this._cancelBtn.disabled = this._saveBtn.disabled = true;
+    if (this._canSave) {
+      await this._saveChanges();
+    }
+  }
+  async _saveChanges() {
+    console.log("MODAL saveChanges"); //???
+    try {
+      this._canSave = false;
+      await this._configuration.saveSolution();
+    }
+    catch (error) {
+      //reportError("Unable to save", error.originalMessage);
+      console.log("Unable to save", error.originalMessage);
+    }
+  }
+  /**
+   * Fetches the component's translations
+   *
+   * @protected
+   */
+  async _getTranslations() {
+    const translations = await getLocaleComponentStrings(this.el);
+    this._translations = translations[0];
+  }
+  get el() { return getElement(this); }
+  static get watchers() { return {
+    "solutionItemId": ["valueWatchHandler"]
+  }; }
+};
+SolutionConfigModal.style = solutionConfigModalCss;
+
+export { SolutionConfigModal as solution_config_modal };
+
+//# sourceMappingURL=p-c5721b0f.entry.js.map

package/dist/solutions-components/p-c5721b0f.entry.js.map

@@ -0,0 +1 @@
+{"file":"solution-config-modal.entry.esm.js","mappings":"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","names":[],"sources":["./src/components/solution-config-modal/solution-config-modal.scss?tag=solution-config-modal","./src/components/solution-config-modal/solution-config-modal.tsx"],"sourcesContent":["/** @license\r\n * Copyright 2022 Esri\r\n *\r\n * Licensed under the Apache License, Version 2.0 (the \"License\");\r\n * you may not use this file except in compliance with the License.\r\n * You may obtain a copy of the License at\r\n *\r\n *    http://www.apache.org/licenses/LICENSE-2.0\r\n *\r\n * Unless required by applicable law or agreed to in writing, software\r\n * distributed under the License is distributed on an \"AS IS\" BASIS,\r\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\r\n * See the License for the specific language governing permissions and\r\n * limitations under the License.\r\n */\r\n\r\n.configuration-container {\r\n  @apply w-full\r\n    h-full\r\n    relative;\r\n}\r\n\r\n.configuration {\r\n  @apply absolute\r\n    top-0\r\n    right-0\r\n    bottom-0\r\n    left-0\r\n    flex\r\n    p-2\r\n    border-lightgray;\r\n}\r\n\r\n.config-tabs {\r\n  @apply w-full;\r\n}\r\n\r\n.config-tab {\r\n  @apply w-full;\r\n}\r\n\r\n.config-solution {\r\n  @apply\r\n    absolute\r\n    top-14\r\n    -right-px\r\n    -bottom-px\r\n    -left-px\r\n    flex\r\n    p-2;\r\n}\r\n\r\n.config-inventory {\r\n  @apply inline\r\n    flex-grow-0\r\n    overflow-y-auto\r\n    max-w-min;\r\n}\r\n\r\n.config-inventory-hide {\r\n  @apply flex-grow-0\r\n    overflow-y-auto\r\n    max-w-min\r\n    hidden;\r\n}\r\n\r\n.config-item {\r\n  @apply inline\r\n    flex-grow\r\n    overflow-y-auto\r\n    relative\r\n    m-inline-start-2;\r\n}\r\n\r\nsolution-contents {\r\n  @apply relative\r\n    h-full;\r\n}\r\n\r\nsolution-item {\r\n  @apply relative\r\n    h-full;\r\n}\r\n\r\nsolution-spatial-ref {\r\n  @apply w-full\r\n    h-full\r\n    relative\r\n    overflow-y-auto;\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, h, Host, Prop, State, VNode, Watch } from \"@stencil/core\";\r\nimport \"@esri/calcite-components\";\r\nimport SolutionConfigModal_T9n from \"../../assets/t9n/solution-config-modal/resources.json\";\r\nimport { getLocaleComponentStrings } from \"../../utils/locale\";\r\n\r\n@Component({\r\n  tag: \"solution-config-modal\",\r\n  styleUrl: \"solution-config-modal.scss\",\r\n  shadow: false\r\n})\r\nexport class SolutionConfigModal {\r\n\r\n  //--------------------------------------------------------------------------\r\n  //\r\n  //  Host element access\r\n  //\r\n  //--------------------------------------------------------------------------\r\n\r\n  @Element() el: HTMLSolutionConfigModalElement;\r\n\r\n  //--------------------------------------------------------------------------\r\n  //\r\n  //  Properties (public)\r\n  //\r\n  //--------------------------------------------------------------------------\r\n\r\n  @Prop({ mutable: true }) cacheBreaker: string;\r\n\r\n  /**\r\n   * Credentials for requests in a serialized form\r\n   */\r\n  @Prop({ mutable: true }) serializedAuthentication = \"\";\r\n\r\n  @Prop({ mutable: true }) solutionTitle = \"\";\r\n\r\n  /**\r\n   * Contains the current solution item id\r\n   */\r\n  @Prop({ mutable: true }) solutionItemId: string;\r\n\r\n  @Watch(\"solutionItemId\") async valueWatchHandler(): Promise<void> {\r\n    console.log(\"MODAL watch \" + this.solutionItemId);//???\r\n  }\r\n\r\n  //--------------------------------------------------------------------------\r\n  //\r\n  //  Lifecycle\r\n  //\r\n  //--------------------------------------------------------------------------\r\n\r\n  constructor() {\r\n    //console.log(\"MODAL constructor \" + this.solutionItemId);//??? + \" open:\" + this._modalIsOpen);//???\r\n\r\n    window.addEventListener(\"solutionCanSave\",\r\n      (evt) => {\r\n        this._canSave = (evt as any).detail as boolean;\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   * @returns Promise when complete\r\n   */\r\n  async componentWillLoad(): Promise<void> {\r\n    return this._getTranslations();\r\n  }\r\n\r\n  componentWillRender(): void {\r\n    console.log(\"MODAL will render \" + this.solutionTitle + \" (\" + this.solutionItemId + \", \" + this.cacheBreaker + \")\");//???\r\n  }\r\n\r\n  /**\r\n   * Renders the component.\r\n   */\r\n  render(): VNode {\r\n    const cacheBreakerParts = this.cacheBreaker.split(\"_\");\r\n    if (!this.solutionItemId && cacheBreakerParts.length === 2) {\r\n      this.solutionItemId = cacheBreakerParts[0];\r\n    }\r\n\r\n    const modalIsOpen = !!this.solutionItemId;\r\n    console.log(\"MODAL render \" + this.solutionTitle + \" (\" + this.solutionItemId + \", \" + this.cacheBreaker + \")\" + \" open:\" + modalIsOpen.toString());//???\r\n    return (\r\n      <Host>\r\n        <calcite-modal\r\n          aria-labelledby=\"solutions-modal-title\"\r\n          fullscreen=\"\"\r\n          intl-close={this._translations.cancel}\r\n          onCalciteModalClose={() => this._cancel()}\r\n          open={modalIsOpen}\r\n          ref={(el) => this._modal = el}\r\n        >\r\n          <h3\r\n            id=\"solutions-modal-title\"\r\n            slot=\"header\"\r\n          >\r\n            {this._translations.title.replace(\"{{solutionName}}\", this.solutionTitle)}\r\n          </h3>\r\n          <div\r\n            class=\"solutions-modal-content\"\r\n            id=\"solutions-modal-content\"\r\n            slot=\"content\"\r\n          >\r\n            <solution-configuration\r\n              ref ={(el) => (this._configuration = el)}\r\n              serialized-authentication={this.serializedAuthentication}\r\n              solution-item-id={this.solutionItemId}\r\n            />\r\n          </div>\r\n          <calcite-button\r\n            appearance=\"outline\"\r\n            disabled={!this._canSave}\r\n            onClick={() => this._cancel()}\r\n            ref={(el) => (this._cancelBtn = el)}\r\n            slot=\"secondary\"\r\n            width=\"full\"\r\n          >\r\n            {this._translations.cancel}\r\n          </calcite-button>\r\n          <calcite-button\r\n            appearance=\"solid\"\r\n            disabled={!this._canSave}\r\n            onClick={() => this._save()}\r\n            ref={(el) => (this._saveBtn = el)}\r\n            slot=\"primary\"\r\n            width=\"full\"\r\n          >\r\n            {this._translations.save}\r\n          </calcite-button>\r\n        </calcite-modal>\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 _cancelBtn: HTMLCalciteButtonElement;\r\n\r\n  /**\r\n   * Controls enablement of Cancel and Save modal buttons\r\n   */\r\n  @State() protected _canSave = false;\r\n\r\n  protected _configuration: HTMLSolutionConfigurationElement;\r\n\r\n  protected _modal: HTMLCalciteModalElement;\r\n\r\n  //@State() protected _modalIsOpen = false;\r\n\r\n  protected _saveBtn: HTMLCalciteButtonElement;\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 SolutionConfigModal_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() solutionConfigModalClosed: EventEmitter<void>;\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  protected async _cancel(): Promise<void> {\r\n    console.log(\"MODAL cancel \" + this.solutionItemId);//???\r\n    this._cancelBtn.disabled = this._saveBtn.disabled = true;\r\n    this._canSave\r\n      ? confirm(\"Save changes?\")\r\n        ? await this._saveChanges()\r\n        : await this._cancelChanges()\r\n      : await this._cancelChanges();\r\n    this._closeModal();\r\n  }\r\n\r\n  protected async _cancelChanges(): Promise<void> {\r\n    console.log(\"MODAL cancelChanges\");//???\r\n    this._canSave = false;\r\n    await this._configuration.unloadSolution();\r\n  }\r\n\r\n  protected _closeModal(): void {\r\n    console.log(\"MODAL close\");//???\r\n    this.solutionItemId = \"\";\r\n    //this.solutionTitle = \"\";\r\n    this.cacheBreaker = \"\";\r\n    this.solutionConfigModalClosed.emit();\r\n  }\r\n\r\n  // Save changes and close the modal\r\n  protected async _save(): Promise<void> {\r\n    console.log(\"MODAL save \" + this.solutionItemId);//???\r\n    this._cancelBtn.disabled = this._saveBtn.disabled = true;\r\n    if (this._canSave) {\r\n      await this._saveChanges();\r\n    }\r\n  }\r\n\r\n  protected async _saveChanges(): Promise<void> {\r\n    console.log(\"MODAL saveChanges\");//???\r\n    try {\r\n      this._canSave = false;\r\n      await this._configuration.saveSolution();\r\n    } catch (error) {\r\n      //reportError(\"Unable to save\", error.originalMessage);\r\n      console.log(\"Unable to save\", error.originalMessage);\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 SolutionConfigModal_T9n;\r\n  }\r\n}\r\n"],"version":3}

package/dist/solutions-components/p-c818e661.entry.js

@@ -0,0 +1,107 @@
+/*!
+ * Copyright 2022 Esri
+ * Licensed under the Apache License, Version 2.0
+ * http://www.apache.org/licenses/LICENSE-2.0
+ */
+import { r as registerInstance, h, H as Host, g as getElement } from './p-58c69df2.js';
+import { g as getLocaleComponentStrings } from './p-20bdf42f.js';
+import { g as getMapLayerNames } from './p-c20bd963.js';
+import './p-3b010ce1.js';
+import './p-f04fdb9a.js';
+
+const configLayerPickerCss = ":host{display:block}.label-spacing{--calcite-label-margin-bottom:0}.padding-block-end-1{-webkit-padding-after:1rem;padding-block-end:1rem}.padding-inline-start-1{-webkit-padding-start:1rem;padding-inline-start:1rem}";
+
+const ConfigLayerPicker = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    this.defaultChecked = true;
+    this.mapView = undefined;
+    this._layerNames = [];
+    this._translations = undefined;
+  }
+  //--------------------------------------------------------------------------
+  //
+  //  Watch handlers
+  //
+  //--------------------------------------------------------------------------
+  /**
+   * Called each time the mapView prop is changed.
+   *
+   */
+  async watchStateHandler() {
+    await this._setLayers();
+  }
+  //--------------------------------------------------------------------------
+  //
+  //  Methods (public)
+  //
+  //--------------------------------------------------------------------------
+  /**
+   * Returns a key/value pair that represents the checkbox value and checked state
+   *
+   * @returns Promise with the state of the checkboxes
+   */
+  async getConfigInfo() {
+    return this._checkList.getConfigInfo();
+  }
+  //--------------------------------------------------------------------------
+  //
+  //  Events (public)
+  //
+  //--------------------------------------------------------------------------
+  //--------------------------------------------------------------------------
+  //
+  //  Functions (lifecycle)
+  //
+  //--------------------------------------------------------------------------
+  /**
+   * StencilJS: Called once just after the component is first connected to the DOM.
+   *
+   * @returns Promise when complete
+   */
+  async componentWillLoad() {
+    await this._setLayers();
+    await this._getTranslations();
+  }
+  /**
+   * Renders the component.
+   */
+  render() {
+    var _a;
+    return (h(Host, null, h("div", null, h("div", { class: "padding-block-end-1" }, h("calcite-label", { class: "label-spacing" }, (_a = this._translations) === null || _a === void 0 ? void 0 : _a.addresseeLayers)), h("div", { class: "padding-inline-start-1" }, h("check-list", { defaultChecked: this.defaultChecked, ref: (el) => { this._checkList = el; }, values: this._layerNames })))));
+  }
+  //--------------------------------------------------------------------------
+  //
+  //  Functions (protected)
+  //
+  //--------------------------------------------------------------------------
+  /**
+   * Fetch the names of the layers from the map
+   *
+   * @returns Promise when the operation has completed
+   */
+  async _setLayers() {
+    if (this.mapView) {
+      this._layerNames = await getMapLayerNames(this.mapView);
+    }
+  }
+  /**
+   * Fetches the component's translations
+   *
+   * @returns Promise when complete
+   * @protected
+   */
+  async _getTranslations() {
+    const messages = await getLocaleComponentStrings(this.el);
+    this._translations = messages[0];
+  }
+  get el() { return getElement(this); }
+  static get watchers() { return {
+    "mapView": ["watchStateHandler"]
+  }; }
+};
+ConfigLayerPicker.style = configLayerPickerCss;
+
+export { ConfigLayerPicker as config_layer_picker };
+
+//# sourceMappingURL=p-c818e661.entry.js.map

package/dist/solutions-components/p-c818e661.entry.js.map

@@ -0,0 +1 @@
+{"file":"config-layer-picker.entry.esm.js","mappings":";;;;;;;;;;;AAAA,MAAM,oBAAoB,GAAG,yNAAyN;;MC0BzO,iBAAiB;;;0BAkBc,IAAI;;uBAkBb,EAAE;;;;;;;;;;;;EAwBnC,MAAM,iBAAiB;IACrB,MAAM,IAAI,CAAC,UAAU,EAAE,CAAC;GACzB;;;;;;;;;;;EAcD,MAAM,aAAa;IACjB,OAAO,IAAI,CAAC,UAAU,CAAC,aAAa,EAAE,CAAC;GACxC;;;;;;;;;;;;;;;;EAmBD,MAAM,iBAAiB;IACrB,MAAM,IAAI,CAAC,UAAU,EAAE,CAAC;IACxB,MAAM,IAAI,CAAC,gBAAgB,EAAE,CAAC;GAC/B;;;;EAKD,MAAM;;IACJ,QACE,EAAC,IAAI,QACH,eACE,WAAK,KAAK,EAAC,qBAAqB,IAC9B,qBAAe,KAAK,EAAC,eAAe,IACjC,MAAA,IAAI,CAAC,aAAa,0CAAE,eAAe,CACtB,CACZ,EACN,WAAK,KAAK,EAAC,wBAAwB,IACjC,kBACE,cAAc,EAAE,IAAI,CAAC,cAAc,EACnC,GAAG,EAAE,CAAC,EAAE,OAAO,IAAI,CAAC,UAAU,GAAG,EAAE,CAAC,EAAE,EACtC,MAAM,EAAE,IAAI,CAAC,WAAW,GACxB,CACE,CACF,CACD,EACP;GACH;;;;;;;;;;;EAaD,MAAM,UAAU;IACd,IAAI,IAAI,CAAC,OAAO,EAAE;MAChB,IAAI,CAAC,WAAW,GAAG,MAAM,gBAAgB,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;KACzD;GACF;;;;;;;EAQS,MAAM,gBAAgB;IAC9B,MAAM,QAAQ,GAAG,MAAM,yBAAyB,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;IAC1D,IAAI,CAAC,aAAa,GAAG,QAAQ,CAAC,CAAC,CAAiC,CAAC;GAClE;;;;;;;;;;","names":[],"sources":["./src/components/config-layer-picker/config-layer-picker.css?tag=config-layer-picker&encapsulation=shadow","./src/components/config-layer-picker/config-layer-picker.tsx"],"sourcesContent":[":host {\r\n  display: block;\r\n}\r\n\r\n.label-spacing {\r\n  --calcite-label-margin-bottom: 0;\r\n}\r\n\r\n.padding-block-end-1 {\r\n  padding-block-end: 1rem;\r\n}\r\n\r\n.padding-inline-start-1 {\r\n  padding-inline-start: 1rem;\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, Method, Prop, State, Watch } from '@stencil/core';\r\nimport ConfigLayerPicker_T9n from \"../../assets/t9n/config-layer-picker/resources.json\";\r\nimport { getLocaleComponentStrings } from \"../../utils/locale\";\r\nimport { getMapLayerNames } from \"../../utils/mapViewUtils\";\r\n\r\n@Component({\r\n  tag: 'config-layer-picker',\r\n  styleUrl: 'config-layer-picker.css',\r\n  shadow: true,\r\n})\r\nexport class ConfigLayerPicker {\r\n  //--------------------------------------------------------------------------\r\n  //\r\n  //  Host element access\r\n  //\r\n  //--------------------------------------------------------------------------\r\n  @Element() el: HTMLConfigLayerPickerElement;\r\n\r\n  //--------------------------------------------------------------------------\r\n  //\r\n  //  Properties (public)\r\n  //\r\n  //--------------------------------------------------------------------------\r\n\r\n  /**\r\n   * boolean: All checkboxes checked state will be set with this value on first render.\r\n   * Default is true\r\n   */\r\n  @Prop({ reflect: true }) defaultChecked = true;\r\n\r\n  /**\r\n   * esri/views/View: https://developers.arcgis.com/javascript/latest/api-reference/esri-views-MapView.html\r\n   */\r\n  @Prop() mapView: __esri.MapView;\r\n\r\n  //--------------------------------------------------------------------------\r\n  //\r\n  //  Properties (protected)\r\n  //\r\n  //--------------------------------------------------------------------------\r\n\r\n  /**\r\n   * string[]: list of layer names from the map\r\n   *\r\n   * @protected\r\n   */\r\n  @State() _layerNames: string[] = [];\r\n\r\n  /**\r\n   * Contains the translations for this component.\r\n   * All UI strings should be defined here.\r\n   */\r\n  @State() _translations: typeof ConfigLayerPicker_T9n;\r\n\r\n  /**\r\n   * HTMLCheckListElement: The check list element\r\n   */\r\n  protected _checkList: HTMLCheckListElement;\r\n\r\n  //--------------------------------------------------------------------------\r\n  //\r\n  //  Watch handlers\r\n  //\r\n  //--------------------------------------------------------------------------\r\n\r\n  /**\r\n   * Called each time the mapView prop is changed.\r\n   *\r\n   */\r\n  @Watch(\"mapView\")\r\n  async watchStateHandler(): Promise<void> {\r\n    await this._setLayers();\r\n  }\r\n\r\n  //--------------------------------------------------------------------------\r\n  //\r\n  //  Methods (public)\r\n  //\r\n  //--------------------------------------------------------------------------\r\n\r\n  /**\r\n   * Returns a key/value pair that represents the checkbox value and checked state\r\n   *\r\n   * @returns Promise with the state of the checkboxes\r\n   */\r\n  @Method()\r\n  async getConfigInfo(): Promise<{ [key: string]: boolean }> {\r\n    return this._checkList.getConfigInfo();\r\n  }\r\n\r\n  //--------------------------------------------------------------------------\r\n  //\r\n  //  Events (public)\r\n  //\r\n  //--------------------------------------------------------------------------\r\n\r\n  //--------------------------------------------------------------------------\r\n  //\r\n  //  Functions (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   * @returns Promise when complete\r\n   */\r\n  async componentWillLoad(): Promise<void> {\r\n    await this._setLayers();\r\n    await this._getTranslations();\r\n  }\r\n\r\n  /**\r\n   * Renders the component.\r\n   */\r\n  render() {\r\n    return (\r\n      <Host>\r\n        <div>\r\n          <div class=\"padding-block-end-1\">\r\n            <calcite-label class=\"label-spacing\">\r\n              {this._translations?.addresseeLayers}\r\n            </calcite-label>\r\n          </div>\r\n          <div class=\"padding-inline-start-1\">\r\n            <check-list\r\n              defaultChecked={this.defaultChecked}\r\n              ref={(el) => { this._checkList = el; }}\r\n              values={this._layerNames}\r\n            />\r\n          </div>\r\n        </div>\r\n      </Host>\r\n    );\r\n  }\r\n\r\n  //--------------------------------------------------------------------------\r\n  //\r\n  //  Functions (protected)\r\n  //\r\n  //--------------------------------------------------------------------------\r\n\r\n  /**\r\n   * Fetch the names of the layers from the map\r\n   *\r\n   * @returns Promise when the operation has completed\r\n   */\r\n  async _setLayers(): Promise<void> {\r\n    if (this.mapView) {\r\n      this._layerNames = await getMapLayerNames(this.mapView);\r\n    }\r\n  }\r\n\r\n  /**\r\n   * Fetches the component's translations\r\n   *\r\n   * @returns Promise when complete\r\n   * @protected\r\n   */\r\n  protected async _getTranslations(): Promise<void> {\r\n    const messages = await getLocaleComponentStrings(this.el);\r\n    this._translations = messages[0] as typeof ConfigLayerPicker_T9n;\r\n  }\r\n}\r\n"],"version":3}

package/dist/solutions-components/p-c9870dc4.entry.js

@@ -0,0 +1,38 @@
+/*!
+ * Copyright 2022 Esri
+ * Licensed under the Apache License, Version 2.0
+ * http://www.apache.org/licenses/LICENSE-2.0
+ */
+import { r as registerInstance, h } from './p-58c69df2.js';
+
+const tooltipManagerCss = "@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{position:relative;display:block}";
+
+const TooltipManager = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    // --------------------------------------------------------------------------
+    //
+    //  Properties
+    //
+    // --------------------------------------------------------------------------
+    /**
+     * CSS Selector to match reference elements for tooltips. Reference elements will be identified by this selector in order to open their associated tooltip.
+     *
+     * @default `[data-calcite-tooltip-reference]`
+     */
+    this.selector = "[data-calcite-tooltip-reference]";
+  }
+  // --------------------------------------------------------------------------
+  //
+  //  Render Methods
+  //
+  // --------------------------------------------------------------------------
+  render() {
+    return h("slot", null);
+  }
+};
+TooltipManager.style = tooltipManagerCss;
+
+export { TooltipManager as calcite_tooltip_manager };
+
+//# sourceMappingURL=p-c9870dc4.entry.js.map

package/dist/solutions-components/p-c9870dc4.entry.js.map

@@ -0,0 +1 @@
+{"file":"calcite-tooltip-manager.entry.esm.js","mappings":";;;;;;;AAAA,MAAM,iBAAiB,GAAG,ozCAAozC;;MCUj0C,cAAc;EACzB;;;;;;;;;;;;IAWE,IAAI,CAAC,QAAQ,GAAG,kCAAkC,CAAC;GACpD;;;;;;EAMD,MAAM;IACJ,OAAO,CAAC,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC;GACxB;;;;;;","names":[],"sources":["./node_modules/@esri/calcite-components/dist/collection/components/tooltip-manager/tooltip-manager.css?tag=calcite-tooltip-manager&encapsulation=shadow","./node_modules/@esri/calcite-components/dist/collection/components/tooltip-manager/tooltip-manager.js"],"sourcesContent":["/* mixins & extensions */\n@keyframes in {\n  0% {\n    opacity: 0;\n  }\n  100% {\n    opacity: 1;\n  }\n}\n@keyframes in-down {\n  0% {\n    opacity: 0;\n    transform: translate3D(0, -5px, 0);\n  }\n  100% {\n    opacity: 1;\n    transform: translate3D(0, 0, 0);\n  }\n}\n@keyframes in-up {\n  0% {\n    opacity: 0;\n    transform: translate3D(0, 5px, 0);\n  }\n  100% {\n    opacity: 1;\n    transform: translate3D(0, 0, 0);\n  }\n}\n@keyframes in-scale {\n  0% {\n    opacity: 0;\n    transform: scale3D(0.95, 0.95, 1);\n  }\n  100% {\n    opacity: 1;\n    transform: scale3D(1, 1, 1);\n  }\n}\n:root {\n  --calcite-animation-timing: calc(150ms * var(--calcite-internal-duration-factor));\n  --calcite-internal-duration-factor: var(--calcite-duration-factor, 1);\n  --calcite-internal-animation-timing-fast: calc(100ms * var(--calcite-internal-duration-factor));\n  --calcite-internal-animation-timing-medium: calc(200ms * var(--calcite-internal-duration-factor));\n  --calcite-internal-animation-timing-slow: calc(300ms * var(--calcite-internal-duration-factor));\n}\n\n.calcite-animate {\n  opacity: 0;\n  animation-fill-mode: both;\n  animation-duration: var(--calcite-animation-timing);\n}\n\n.calcite-animate__in {\n  animation-name: in;\n}\n\n.calcite-animate__in-down {\n  animation-name: in-down;\n}\n\n.calcite-animate__in-up {\n  animation-name: in-up;\n}\n\n.calcite-animate__in-scale {\n  animation-name: in-scale;\n}\n\n@media (prefers-reduced-motion: reduce) {\n  :root {\n    --calcite-internal-duration-factor: 0.01;\n  }\n}\n/**\n* Currently only used in Checkbox.\n*/\n:root {\n  --calcite-floating-ui-transition: var(--calcite-animation-timing);\n}\n\n:host([hidden]) {\n  display: none;\n}\n\n:host {\n  position: relative;\n  display: block;\n}","/*!\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 */\nimport { h } from \"@stencil/core\";\n/**\n * @slot - A slot for adding elements that reference a `calcite-tooltip` by the `selector` property.\n * @deprecated No longer required for tooltip usage.\n */\nexport class TooltipManager {\n  constructor() {\n    // --------------------------------------------------------------------------\n    //\n    //  Properties\n    //\n    // --------------------------------------------------------------------------\n    /**\n     * CSS Selector to match reference elements for tooltips. Reference elements will be identified by this selector in order to open their associated tooltip.\n     *\n     * @default `[data-calcite-tooltip-reference]`\n     */\n    this.selector = \"[data-calcite-tooltip-reference]\";\n  }\n  // --------------------------------------------------------------------------\n  //\n  //  Render Methods\n  //\n  // --------------------------------------------------------------------------\n  render() {\n    return h(\"slot\", null);\n  }\n  static get is() { return \"calcite-tooltip-manager\"; }\n  static get encapsulation() { return \"shadow\"; }\n  static get originalStyleUrls() {\n    return {\n      \"$\": [\"tooltip-manager.scss\"]\n    };\n  }\n  static get styleUrls() {\n    return {\n      \"$\": [\"tooltip-manager.css\"]\n    };\n  }\n  static get properties() {\n    return {\n      \"selector\": {\n        \"type\": \"string\",\n        \"mutable\": false,\n        \"complexType\": {\n          \"original\": \"string\",\n          \"resolved\": \"string\",\n          \"references\": {}\n        },\n        \"required\": false,\n        \"optional\": false,\n        \"docs\": {\n          \"tags\": [{\n              \"name\": \"default\",\n              \"text\": \"`[data-calcite-tooltip-reference]`\"\n            }],\n          \"text\": \"CSS Selector to match reference elements for tooltips. Reference elements will be identified by this selector in order to open their associated tooltip.\"\n        },\n        \"attribute\": \"selector\",\n        \"reflect\": true,\n        \"defaultValue\": \"\\\"[data-calcite-tooltip-reference]\\\"\"\n      }\n    };\n  }\n}\n"],"version":3}