@esri/solutions-components 0.3.5 → 0.3.7

package/dist/solutions-components/p-7a46ef97.js

@@ -3,9 +3,188 @@
  * Licensed under the Apache License, Version 2.0
  * http://www.apache.org/licenses/LICENSE-2.0
  */
-import{i as n,g as e,b as t}from"./p-9eba5c66.js";
+import { i as isValidNumber, g as getSupportedLocale, b as getSupportedNumberingSystem } from './p-9eba5c66.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 r=5;function u(n,r,u=!0){try{const i={hour:"2-digit",minute:"2-digit",timeZone:"UTC",numberingSystem:t(r)};return u&&(i.second="2-digit"),new Intl.DateTimeFormat(e(n),i)}catch(e){throw new Error(`Invalid locale supplied while attempting to create a DateTime formatter: ${n}`)}}function i(n){const e=n.toString();return n>=0&&n<=9?e.padStart(2,"0"):e}function o(n){if(!c(n))return null;const[e,t,r]=n.split(":"),u=i(parseInt(e)),o=i(parseInt(t));return r?`${u}:${o}:${i(parseInt(r))}`:`${u}:${o}`}function l(n,e){return a("meridiem",u(n,e).formatToParts(new Date(Date.UTC(0,0,0,0,0,0))))?"12":"24"}function a(n,e){var t,r,u,i;if(!n||!e)return null;if("hourSuffix"===n){const n=e.indexOf(e.find((({type:n})=>"hour"===n))),r=e.indexOf(e.find((({type:n})=>"minute"===n))),u=e[n+1];return u&&"literal"===u.type&&r-n==2&&(null===(t=u.value)||void 0===t?void 0:t.trim())||null}if("minuteSuffix"===n){const n=e.indexOf(e.find((({type:n})=>"minute"===n))),t=e.indexOf(e.find((({type:n})=>"second"===n))),u=e[n+1];return u&&"literal"===u.type&&t-n==2&&(null===(r=u.value)||void 0===r?void 0:r.trim())||null}if("secondSuffix"===n){const n=e.indexOf(e.find((({type:n})=>"second"===n))),t=e[n+1];return t&&"literal"===t.type&&(null===(u=t.value)||void 0===u?void 0:u.trim())||null}return(null===(i=e.find((({type:e})=>"meridiem"==n?"dayPeriod"===e:e===n)))||void 0===i?void 0:i.value)||null}function s(e){if(!n(e))return null;const t=parseInt(e);return t>=0&&t<=11?"AM":"PM"}function c(e){if(!e||e.startsWith(":")||e.endsWith(":"))return!1;const t=e.split(":");if(!(t.length>1&&t.length<4))return!1;const[r,u,i]=t,o=parseInt(t[0]),l=parseInt(t[1]),a=parseInt(t[2]),s=n(r)&&o>=0&&o<24,c=n(u)&&l>=0&&l<60,f=n(i)&&a>=0&&a<60;return!!(s&&c&&!i||s&&c&&f)||void 0}function f({value:e,part:t,locale:r,numberingSystem:i}){if(!function(e,t){if("meridiem"===t)return"AM"===e||"PM"===e;if(!n(e))return!1;const r=Number(e);return"hour"===t?r>=0&&r<24:r>=0&&r<60}(e,t))return;const o=parseInt(e),l=new Date(Date.UTC(0,0,0,"hour"===t?o:"meridiem"===t?"AM"===e?0:12:0,"minute"===t?o:0,"second"===t?o:0));return l?a(t,u(r,i).formatToParts(l)):void 0}function d({value:n,locale:e,numberingSystem:t,includeSeconds:r=!0}){if(!c(n))return null;const{hour:i,minute:o,second:l="0"}=I(n),a=new Date(Date.UTC(0,0,0,parseInt(i),parseInt(o),parseInt(l))),s=u(e,t,r);return(null==s?void 0:s.format(a))||null}function m({value:n,locale:e,numberingSystem:t}){if(!c(n))return null;const{hour:r,minute:i,second:o="0"}=I(n),l=new Date(Date.UTC(0,0,0,parseInt(r),parseInt(i),parseInt(o)));if(l){const n=u(e,t).formatToParts(l);return{localizedHour:a("hour",n),localizedHourSuffix:a("hourSuffix",n),localizedMinute:a("minute",n),localizedMinuteSuffix:a("minuteSuffix",n),localizedSecond:a("second",n),localizedSecondSuffix:a("secondSuffix",n),localizedMeridiem:a("meridiem",n)}}return null}function p({value:n,locale:e,numberingSystem:t}){if(!c(n))return null;const{hour:r,minute:i,second:o="0"}=I(n),l=new Date(Date.UTC(0,0,0,parseInt(r),parseInt(i),parseInt(o)));return l?u(e,t).formatToParts(l):null}function I(n){if(c(n)){const[e,t,r]=n.split(":");return{hour:e,minute:t,second:r}}return{hour:null,minute:null,second:null}}export{m as a,p as b,i as c,f as d,l as e,o as f,s as g,c as i,d as l,r as m,I as p}
+ */
+const maxTenthForMinuteAndSecond = 5;
+function createLocaleDateTimeFormatter(locale, numberingSystem, includeSeconds = true) {
+  try {
+    const options = {
+      hour: "2-digit",
+      minute: "2-digit",
+      timeZone: "UTC",
+      numberingSystem: getSupportedNumberingSystem(numberingSystem)
+    };
+    if (includeSeconds) {
+      options.second = "2-digit";
+    }
+    return new Intl.DateTimeFormat(getSupportedLocale(locale), options);
+  }
+  catch (error) {
+    throw new Error(`Invalid locale supplied while attempting to create a DateTime formatter: ${locale}`);
+  }
+}
+function formatTimePart(number) {
+  const numberAsString = number.toString();
+  return number >= 0 && number <= 9 ? numberAsString.padStart(2, "0") : numberAsString;
+}
+function formatTimeString(value) {
+  if (!isValidTime(value)) {
+    return null;
+  }
+  const [hourString, minuteString, secondString] = value.split(":");
+  const hour = formatTimePart(parseInt(hourString));
+  const minute = formatTimePart(parseInt(minuteString));
+  if (secondString) {
+    const second = formatTimePart(parseInt(secondString));
+    return `${hour}:${minute}:${second}`;
+  }
+  return `${hour}:${minute}`;
+}
+function getLocaleHourCycle(locale, numberingSystem) {
+  const formatter = createLocaleDateTimeFormatter(locale, numberingSystem);
+  const parts = formatter.formatToParts(new Date(Date.UTC(0, 0, 0, 0, 0, 0)));
+  return getLocalizedTimePart("meridiem", parts) ? "12" : "24";
+}
+function getLocalizedTimePart(part, parts) {
+  var _a, _b, _c, _d;
+  if (!part || !parts) {
+    return null;
+  }
+  if (part === "hourSuffix") {
+    const hourIndex = parts.indexOf(parts.find(({ type }) => type === "hour"));
+    const minuteIndex = parts.indexOf(parts.find(({ type }) => type === "minute"));
+    const hourSuffix = parts[hourIndex + 1];
+    return hourSuffix && hourSuffix.type === "literal" && minuteIndex - hourIndex === 2
+      ? ((_a = hourSuffix.value) === null || _a === void 0 ? void 0 : _a.trim()) || null
+      : null;
+  }
+  if (part === "minuteSuffix") {
+    const minuteIndex = parts.indexOf(parts.find(({ type }) => type === "minute"));
+    const secondIndex = parts.indexOf(parts.find(({ type }) => type === "second"));
+    const minuteSuffix = parts[minuteIndex + 1];
+    return minuteSuffix && minuteSuffix.type === "literal" && secondIndex - minuteIndex === 2
+      ? ((_b = minuteSuffix.value) === null || _b === void 0 ? void 0 : _b.trim()) || null
+      : null;
+  }
+  if (part === "secondSuffix") {
+    const secondIndex = parts.indexOf(parts.find(({ type }) => type === "second"));
+    const secondSuffix = parts[secondIndex + 1];
+    return secondSuffix && secondSuffix.type === "literal" ? ((_c = secondSuffix.value) === null || _c === void 0 ? void 0 : _c.trim()) || null : null;
+  }
+  return ((_d = parts.find(({ type }) => (part == "meridiem" ? type === "dayPeriod" : type === part))) === null || _d === void 0 ? void 0 : _d.value) || null;
+}
+function getMeridiem(hour) {
+  if (!isValidNumber(hour)) {
+    return null;
+  }
+  const hourAsNumber = parseInt(hour);
+  return hourAsNumber >= 0 && hourAsNumber <= 11 ? "AM" : "PM";
+}
+function isValidTime(value) {
+  if (!value || value.startsWith(":") || value.endsWith(":")) {
+    return false;
+  }
+  const splitValue = value.split(":");
+  const validLength = splitValue.length > 1 && splitValue.length < 4;
+  if (!validLength) {
+    return false;
+  }
+  const [hour, minute, second] = splitValue;
+  const hourAsNumber = parseInt(splitValue[0]);
+  const minuteAsNumber = parseInt(splitValue[1]);
+  const secondAsNumber = parseInt(splitValue[2]);
+  const hourValid = isValidNumber(hour) && hourAsNumber >= 0 && hourAsNumber < 24;
+  const minuteValid = isValidNumber(minute) && minuteAsNumber >= 0 && minuteAsNumber < 60;
+  const secondValid = isValidNumber(second) && secondAsNumber >= 0 && secondAsNumber < 60;
+  if ((hourValid && minuteValid && !second) || (hourValid && minuteValid && secondValid)) {
+    return true;
+  }
+}
+function isValidTimePart(value, part) {
+  if (part === "meridiem") {
+    return value === "AM" || value === "PM";
+  }
+  if (!isValidNumber(value)) {
+    return false;
+  }
+  const valueAsNumber = Number(value);
+  return part === "hour" ? valueAsNumber >= 0 && valueAsNumber < 24 : valueAsNumber >= 0 && valueAsNumber < 60;
+}
+function localizeTimePart({ value, part, locale, numberingSystem }) {
+  if (!isValidTimePart(value, part)) {
+    return;
+  }
+  const valueAsNumber = parseInt(value);
+  const date = new Date(Date.UTC(0, 0, 0, part === "hour" ? valueAsNumber : part === "meridiem" ? (value === "AM" ? 0 : 12) : 0, part === "minute" ? valueAsNumber : 0, part === "second" ? valueAsNumber : 0));
+  if (!date) {
+    return;
+  }
+  const formatter = createLocaleDateTimeFormatter(locale, numberingSystem);
+  const parts = formatter.formatToParts(date);
+  return getLocalizedTimePart(part, parts);
+}
+function localizeTimeString({ value, locale, numberingSystem, includeSeconds = true }) {
+  if (!isValidTime(value)) {
+    return null;
+  }
+  const { hour, minute, second = "0" } = parseTimeString(value);
+  const dateFromTimeString = new Date(Date.UTC(0, 0, 0, parseInt(hour), parseInt(minute), parseInt(second)));
+  const formatter = createLocaleDateTimeFormatter(locale, numberingSystem, includeSeconds);
+  return (formatter === null || formatter === void 0 ? void 0 : formatter.format(dateFromTimeString)) || null;
+}
+function localizeTimeStringToParts({ value, locale, numberingSystem }) {
+  if (!isValidTime(value)) {
+    return null;
+  }
+  const { hour, minute, second = "0" } = parseTimeString(value);
+  const dateFromTimeString = new Date(Date.UTC(0, 0, 0, parseInt(hour), parseInt(minute), parseInt(second)));
+  if (dateFromTimeString) {
+    const formatter = createLocaleDateTimeFormatter(locale, numberingSystem);
+    const parts = formatter.formatToParts(dateFromTimeString);
+    return {
+      localizedHour: getLocalizedTimePart("hour", parts),
+      localizedHourSuffix: getLocalizedTimePart("hourSuffix", parts),
+      localizedMinute: getLocalizedTimePart("minute", parts),
+      localizedMinuteSuffix: getLocalizedTimePart("minuteSuffix", parts),
+      localizedSecond: getLocalizedTimePart("second", parts),
+      localizedSecondSuffix: getLocalizedTimePart("secondSuffix", parts),
+      localizedMeridiem: getLocalizedTimePart("meridiem", parts)
+    };
+  }
+  return null;
+}
+function getTimeParts({ value, locale, numberingSystem }) {
+  if (!isValidTime(value)) {
+    return null;
+  }
+  const { hour, minute, second = "0" } = parseTimeString(value);
+  const dateFromTimeString = new Date(Date.UTC(0, 0, 0, parseInt(hour), parseInt(minute), parseInt(second)));
+  if (dateFromTimeString) {
+    const formatter = createLocaleDateTimeFormatter(locale, numberingSystem);
+    const parts = formatter.formatToParts(dateFromTimeString);
+    return parts;
+  }
+  return null;
+}
+function parseTimeString(value) {
+  if (isValidTime(value)) {
+    const [hour, minute, second] = value.split(":");
+    return {
+      hour,
+      minute,
+      second
+    };
+  }
+  return {
+    hour: null,
+    minute: null,
+    second: null
+  };
+}
+
+export { localizeTimeStringToParts as a, getTimeParts as b, formatTimePart as c, localizeTimePart as d, getLocaleHourCycle as e, formatTimeString as f, getMeridiem as g, isValidTime as i, localizeTimeString as l, maxTenthForMinuteAndSecond as m, parseTimeString as p };

package/dist/solutions-components/p-7be159e6.entry.js

@@ -0,0 +1,175 @@
+/*!
+ * 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, g as getElement } from './p-c023e6a1.js';
+import { S as Sortable } from './p-77182c3a.js';
+import { c as createObserver } from './p-9a9955db.js';
+import { u as updateHostInteraction } from './p-7daea1df.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 = {
+  sortItem: "sort-item",
+  container: "container",
+  containerHorizontal: "container--horizontal",
+  containerVertical: "container--vertical"
+};
+
+const sortableListCss = "@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:flex}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.container{display:flex;flex:1 1 auto}.container--vertical{flex-direction:column}.container--horizontal{flex-direction:row}";
+
+const SortableList = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    this.calciteListOrderChange = createEvent(this, "calciteListOrderChange", 6);
+    /**
+     * The selector for the handle elements.
+     */
+    this.handleSelector = "calcite-handle";
+    /**
+     * Indicates the horizontal or vertical orientation of the component.
+     */
+    this.layout = "vertical";
+    /**
+     * When true, disabled prevents interaction. This state shows items with lower opacity/grayed.
+     */
+    this.disabled = false;
+    /**
+     * When true, content is waiting to be loaded. This state shows a busy indicator.
+     */
+    this.loading = false;
+    this.handleActivated = false;
+    this.items = [];
+    this.mutationObserver = createObserver("mutation", () => {
+      this.cleanUpDragAndDrop();
+      this.items = Array.from(this.el.children);
+      this.setUpDragAndDrop();
+    });
+  }
+  // --------------------------------------------------------------------------
+  //
+  //  Lifecycle
+  //
+  // --------------------------------------------------------------------------
+  connectedCallback() {
+    this.items = Array.from(this.el.children);
+    this.setUpDragAndDrop();
+    this.beginObserving();
+  }
+  disconnectedCallback() {
+    var _a;
+    (_a = this.mutationObserver) === null || _a === void 0 ? void 0 : _a.disconnect();
+    this.cleanUpDragAndDrop();
+  }
+  componentDidRender() {
+    updateHostInteraction(this);
+  }
+  calciteHandleNudgeHandler(event) {
+    var _a;
+    const sortItem = this.items.find((item) => {
+      return item.contains(event.detail.handle) || event.composedPath().includes(item);
+    });
+    const lastIndex = this.items.length - 1;
+    const startingIndex = this.items.indexOf(sortItem);
+    let appendInstead = false;
+    let buddyIndex;
+    switch (event.detail.direction) {
+      case "up":
+        event.preventDefault();
+        if (startingIndex === 0) {
+          appendInstead = true;
+        }
+        else {
+          buddyIndex = startingIndex - 1;
+        }
+        break;
+      case "down":
+        event.preventDefault();
+        if (startingIndex === lastIndex) {
+          buddyIndex = 0;
+        }
+        else if (startingIndex === lastIndex - 1) {
+          appendInstead = true;
+        }
+        else {
+          buddyIndex = startingIndex + 2;
+        }
+        break;
+      default:
+        return;
+    }
+    (_a = this.mutationObserver) === null || _a === void 0 ? void 0 : _a.disconnect();
+    if (appendInstead) {
+      sortItem.parentElement.appendChild(sortItem);
+    }
+    else {
+      sortItem.parentElement.insertBefore(sortItem, this.items[buddyIndex]);
+    }
+    this.items = Array.from(this.el.children);
+    event.detail.handle.activated = true;
+    event.detail.handle.setFocus();
+    this.beginObserving();
+  }
+  // --------------------------------------------------------------------------
+  //
+  //  Private Methods
+  //
+  // --------------------------------------------------------------------------
+  setUpDragAndDrop() {
+    this.cleanUpDragAndDrop();
+    const options = {
+      dataIdAttr: "id",
+      group: this.group,
+      handle: this.handleSelector,
+      // Changed sorting within list
+      onUpdate: () => {
+        this.items = Array.from(this.el.children);
+        this.calciteListOrderChange.emit();
+      },
+      // Element dragging started
+      onStart: () => {
+        var _a;
+        (_a = this.mutationObserver) === null || _a === void 0 ? void 0 : _a.disconnect();
+      },
+      // Element dragging ended
+      onEnd: () => {
+        this.beginObserving();
+      }
+    };
+    if (this.dragSelector) {
+      options.draggable = this.dragSelector;
+    }
+    this.sortable = Sortable.create(this.el, options);
+  }
+  cleanUpDragAndDrop() {
+    var _a;
+    (_a = this.sortable) === null || _a === void 0 ? void 0 : _a.destroy();
+    this.sortable = null;
+  }
+  beginObserving() {
+    var _a;
+    (_a = this.mutationObserver) === null || _a === void 0 ? void 0 : _a.observe(this.el, { childList: true, subtree: true });
+  }
+  // --------------------------------------------------------------------------
+  //
+  //  Render Methods
+  //
+  // --------------------------------------------------------------------------
+  render() {
+    const { layout } = this;
+    const horizontal = layout === "horizontal" || false;
+    return (h("div", { class: {
+        [CSS.container]: true,
+        [CSS.containerVertical]: !horizontal,
+        [CSS.containerHorizontal]: horizontal
+      } }, h("slot", null)));
+  }
+  get el() { return getElement(this); }
+};
+SortableList.style = sortableListCss;
+
+export { SortableList as calcite_sortable_list };

package/dist/solutions-components/p-7d4451c2.entry.js

@@ -0,0 +1,71 @@
+/*!
+ * 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-c023e6a1.js';
+
+const crowdsourceReporterCss = ":host{display:block}";
+
+const CrowdsourceReporter = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+  }
+  //--------------------------------------------------------------------------
+  //
+  //  Properties (public)
+  //
+  //--------------------------------------------------------------------------
+  //--------------------------------------------------------------------------
+  //
+  //  State (internal)
+  //
+  //--------------------------------------------------------------------------
+  //--------------------------------------------------------------------------
+  //
+  //  Properties (protected)
+  //
+  //--------------------------------------------------------------------------
+  //--------------------------------------------------------------------------
+  //
+  //  Watch handlers
+  //
+  //--------------------------------------------------------------------------
+  //--------------------------------------------------------------------------
+  //
+  //  Methods (public)
+  //
+  //--------------------------------------------------------------------------
+  //--------------------------------------------------------------------------
+  //
+  //  Events (public)
+  //
+  //--------------------------------------------------------------------------
+  //--------------------------------------------------------------------------
+  //
+  //  Functions (lifecycle)
+  //
+  //--------------------------------------------------------------------------
+  render() {
+    return (h(Host, null, h("slot", null)));
+  }
+  //--------------------------------------------------------------------------
+  //
+  //  Functions (protected)
+  //
+  //--------------------------------------------------------------------------
+  /**
+   * Fetches the component's translations
+   *
+   * @returns Promise when complete
+   * @protected
+   */
+  async _getTranslations() {
+    // const messages = await getLocaleComponentStrings(this.el);
+    // this._translations = messages[0] as typeof BufferTools_T9n;
+  }
+  get el() { return getElement(this); }
+};
+CrowdsourceReporter.style = crowdsourceReporterCss;
+
+export { CrowdsourceReporter as crowdsource_reporter };

package/dist/solutions-components/p-7daea1df.js

@@ -8,4 +8,44 @@
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
  * v1.0.0-beta.97
  */
-function e(){}function n(n,t=!1){if(n.disabled)return n.el.setAttribute("tabindex","-1"),n.el.setAttribute("aria-disabled","true"),n.el.contains(document.activeElement)&&document.activeElement.blur(),void(n.el.click=e);n.el.click=HTMLElement.prototype.click,"function"==typeof t?n.el.setAttribute("tabindex",t.call(n)?"0":"-1"):!0===t?n.el.setAttribute("tabindex","0"):!1===t&&n.el.removeAttribute("tabindex"),n.el.removeAttribute("aria-disabled")}export{n as u}
+function noopClick() {
+  /** noop */
+}
+/**
+ * This helper updates the host element to prevent keyboard interaction on its subtree and sets the appropriate aria attribute for accessibility.
+ *
+ * This should be used in the `componentDidRender` lifecycle hook.
+ *
+ * **Notes**
+ *
+ * this util is not needed for simple components whose root element or elements are an interactive component (custom element or native control). For those cases, set the `disabled` props on the root components instead.
+ * technically, users can override `tabindex` and restore keyboard navigation, but this will be considered user error
+ *
+ * @param component
+ * @param hostIsTabbable
+ */
+function updateHostInteraction(component, hostIsTabbable = false) {
+  if (component.disabled) {
+    component.el.setAttribute("tabindex", "-1");
+    component.el.setAttribute("aria-disabled", "true");
+    if (component.el.contains(document.activeElement)) {
+      document.activeElement.blur();
+    }
+    component.el.click = noopClick;
+    return;
+  }
+  component.el.click = HTMLElement.prototype.click;
+  if (typeof hostIsTabbable === "function") {
+    component.el.setAttribute("tabindex", hostIsTabbable.call(component) ? "0" : "-1");
+  }
+  else if (hostIsTabbable === true) {
+    component.el.setAttribute("tabindex", "0");
+  }
+  else if (hostIsTabbable === false) {
+    component.el.removeAttribute("tabindex");
+  }
+  else ;
+  component.el.removeAttribute("aria-disabled");
+}
+
+export { updateHostInteraction as u };

package/dist/solutions-components/p-7e39e5ad.entry.js

@@ -0,0 +1,102 @@
+/*!
+ * 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-c023e6a1.js';
+import { g as getLocaleComponentStrings } from './p-44da2507.js';
+import './p-3b010ce1.js';
+
+const addRecordModalCss = ":host{display:block;--calcite-label-margin-bottom:0px}.padding-bottom-1{padding-bottom:1rem}.font-bold{font-weight:bold}.font-500{font-weight:500}.display-none{display:none}";
+
+const AddRecordModal = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    this.open = false;
+    this._translations = undefined;
+  }
+  //--------------------------------------------------------------------------
+  //
+  //  Watch handlers
+  //
+  //--------------------------------------------------------------------------
+  //--------------------------------------------------------------------------
+  //
+  //  Methods (public)
+  //
+  //--------------------------------------------------------------------------
+  //--------------------------------------------------------------------------
+  //
+  //  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._getTranslations();
+  }
+  /**
+   * Renders the component.
+   */
+  render() {
+    return (h(Host, null, h("div", null, h("calcite-modal", { open: this.open, width: "s" }, h("div", { class: "font-500", slot: "header" }, this._translations.addRecord), h("div", { slot: "content" }, h("div", null, h("div", { class: "padding-bottom-1" }, h("calcite-label", { class: "font-bold" }, this._translations.source, h("calcite-input", { placeholder: this._translations.textField, type: 'textarea' }))), h("div", { class: "padding-bottom-1" }, h("calcite-label", { class: "font-bold" }, this._translations.publicView, h("calcite-input", { placeholder: this._translations.textField, type: 'textarea' }))), h("div", { class: "padding-bottom-1" }, h("calcite-label", { class: "font-bold" }, this._translations.attachments, h("div", null, h("input", { class: "display-none", onChange: (event) => (this._updateAttachment(event)), ref: (el) => (this._browseForAttachment = el), type: "file" }), h("calcite-button", { appearance: "solid", color: "neutral", onClick: () => this._browse(), width: 'auto' }, this._translations.browse)))))), h("calcite-button", { appearance: "outline", onClick: () => this._cancel(), slot: "secondary", width: "full" }, this._translations.cancel), h("calcite-button", { appearance: "solid", onClick: () => this._save(), slot: "primary", width: "full" }, this._translations.save)))));
+  }
+  //--------------------------------------------------------------------------
+  //
+  //  Functions (protected)
+  //
+  //--------------------------------------------------------------------------
+  /**
+   * Opens the browse dialog
+   *
+   * @returns void
+   */
+  _browse() {
+    this._browseForAttachment.click();
+  }
+  /**
+   * Closes the modal
+   *
+   * @returns void
+   */
+  _cancel() {
+    this.open = false;
+  }
+  // TODO needs to be implemented will handle save of the record
+  _save() {
+    this.open = false;
+  }
+  /**
+   * Gets the result file from browse
+   *
+   * @param event The input controls event that contains the new file
+   */
+  _updateAttachment(event) {
+    const files = event.target.files;
+    if (files && files[0]) {
+      console.log(files[0]);
+    }
+  }
+  /**
+   * 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); }
+};
+AddRecordModal.style = addRecordModalCss;
+
+export { AddRecordModal as add_record_modal };

package/dist/solutions-components/p-7fb45059.entry.js

@@ -0,0 +1,43 @@
+/*!
+ * 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-c023e6a1.js';
+import { H as Heading, c as constrainHeadingLevel } from './p-508317b3.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 = {
+  heading: "heading",
+  container: "container"
+};
+const HEADING_LEVEL = 3;
+
+const listItemGroupCss = "@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{display:flex;flex-direction:column}.heading{margin:0px;display:flex;flex:1 1 0%;background-color:var(--calcite-ui-foreground-2);padding:0.75rem;font-family:var(--calcite-sans-family);font-size:var(--calcite-font-size--1);font-weight:var(--calcite-font-weight-bold);color:var(--calcite-ui-text-2)}.container{display:flex;inline-size:100%;flex-direction:column;background-color:var(--calcite-ui-foreground-1)}::slotted(calcite-list-item-group){-webkit-padding-start:0.5rem;padding-inline-start:0.5rem}";
+
+const ListItemGroup = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+  }
+  // --------------------------------------------------------------------------
+  //
+  //  Render Methods
+  //
+  // --------------------------------------------------------------------------
+  render() {
+    var _a;
+    const { el, heading, headingLevel } = this;
+    const parentLevel = (_a = el.closest("calcite-list, calcite-list-item-group")) === null || _a === void 0 ? void 0 : _a.headingLevel;
+    const relativeLevel = parentLevel ? constrainHeadingLevel(parentLevel + 1) : null;
+    const level = headingLevel || relativeLevel || HEADING_LEVEL;
+    return (h(Host, null, heading ? (h(Heading, { class: CSS.heading, level: level }, heading)) : null, h("div", { class: CSS.container, role: "group" }, h("slot", null))));
+  }
+  get el() { return getElement(this); }
+};
+ListItemGroup.style = listItemGroupCss;
+
+export { ListItemGroup as calcite_list_item_group };