@esri/solutions-components 0.2.3 → 0.2.4

package/dist/solutions-components/p-56350bff.js

@@ -3,9 +3,180 @@
  * Licensed under the Apache License, Version 2.0
  * http://www.apache.org/licenses/LICENSE-2.0
  */
-import{n}from"./p-23904a3d.js";
+import { n as numberStringFormatter } from './p-23904a3d.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
- */function t(n,t,e){const a=n.getTime(),r=!(t instanceof Date)||a>=t.getTime(),s=!(e instanceof Date)||a<=e.getTime();return r&&s}function e(n,t,e){if(!(n instanceof Date))return null;const a=n.getTime(),r=t instanceof Date&&a<t.getTime(),s=e instanceof Date&&a>e.getTime();return r?t:s?e:n}function a(n,t=!1){if(n instanceof Date)return n;if(!n||"string"!=typeof n)return null;const e=n.split(/[: T-]/).map(parseFloat),a=new Date(e[0],(e[1]||1)-1,e[2]||1);if(a.setFullYear(e[0]),isNaN(a.getTime()))throw new Error(`Invalid ISO 8601 date: "${n}"`);return t?D(a):a}function r(n){return"string"==typeof n?n:n instanceof Date?new Date(n.getTime()-6e4*n.getTimezoneOffset()).toISOString().split("T")[0]:""}function s(n,t){return n instanceof Date&&t instanceof Date&&n.getDate()===t.getDate()&&n.getMonth()===t.getMonth()&&n.getFullYear()===t.getFullYear()}function o(n){const t=n.getMonth(),e=new Date(n);return e.setMonth(t-1),t===e.getMonth()?new Date(n.getFullYear(),t,0):e}function i(n){const t=n.getMonth(),e=new Date(n);return e.setMonth(t+1),(t+2)%7==e.getMonth()%7?new Date(n.getFullYear(),t+2,0):e}function c(t,e){const{separator:a,unitOrder:r}=e,s=f(r),o=t.split(a).map((t=>n.delocalize(t)));return{day:parseInt(o[s.indexOf("d")]),month:parseInt(o[s.indexOf("m")])-1,year:parseInt(o[s.indexOf("y")])}}function f(n){const t=n.toLowerCase();return["d","m","y"].sort(((n,e)=>t.indexOf(n)-t.indexOf(e)))}function u(n,t){return(n.getTime()-t.getTime())/864e5}function D(n){return n.setHours(23,59,59,999),n}export{a,e as b,s as c,r as d,f as e,o as f,u as g,t as i,i as n,c as p,D as s}
+ */
+/**
+ * Check if date is within a min and max
+ *
+ * @param date
+ * @param min
+ * @param max
+ */
+function inRange(date, min, max) {
+  const time = date.getTime();
+  const afterMin = !(min instanceof Date) || time >= min.getTime();
+  const beforeMax = !(max instanceof Date) || time <= max.getTime();
+  return afterMin && beforeMax;
+}
+/**
+ * Ensures date is within range,
+ * returns min or max if out of bounds
+ *
+ * @param date
+ * @param min
+ * @param max
+ */
+function dateFromRange(date, min, max) {
+  if (!(date instanceof Date)) {
+    return null;
+  }
+  const time = date.getTime();
+  const beforeMin = min instanceof Date && time < min.getTime();
+  const afterMax = max instanceof Date && time > max.getTime();
+  if (beforeMin) {
+    return min;
+  }
+  if (afterMax) {
+    return max;
+  }
+  return date;
+}
+/**
+ * Parse an iso8601 string (YYYY-mm-dd) into a valid date.
+ * TODO: handle time when time of day UI is added
+ *
+ * @param iso8601
+ * @param isEndDate
+ */
+function dateFromISO(iso8601, isEndDate = false) {
+  if (iso8601 instanceof Date) {
+    return iso8601;
+  }
+  if (!iso8601 || typeof iso8601 !== "string") {
+    return null;
+  }
+  const d = iso8601.split(/[: T-]/).map(parseFloat);
+  const date = new Date(d[0], (d[1] || 1) - 1, d[2] || 1);
+  date.setFullYear(d[0]);
+  if (isNaN(date.getTime())) {
+    throw new Error(`Invalid ISO 8601 date: "${iso8601}"`);
+  }
+  if (isEndDate) {
+    return setEndOfDay(date);
+  }
+  return date;
+}
+/**
+ * Return first portion of ISO string (YYYY-mm-dd)
+ *
+ * @param date
+ */
+function dateToISO(date) {
+  if (typeof date === "string") {
+    return date;
+  }
+  if (date instanceof Date) {
+    return new Date(date.getTime() - date.getTimezoneOffset() * 60000).toISOString().split("T")[0];
+  }
+  return "";
+}
+/**
+ * Check if two dates are the same day, month, year
+ *
+ * @param d1
+ * @param d2
+ */
+function sameDate(d1, d2) {
+  return (d1 instanceof Date &&
+    d2 instanceof Date &&
+    d1.getDate() === d2.getDate() &&
+    d1.getMonth() === d2.getMonth() &&
+    d1.getFullYear() === d2.getFullYear());
+}
+/**
+ * Get a date one month in the past
+ *
+ * @param date
+ */
+function prevMonth(date) {
+  const month = date.getMonth();
+  const nextDate = new Date(date);
+  nextDate.setMonth(month - 1);
+  // date doesn't exist in new month, use last day
+  if (month === nextDate.getMonth()) {
+    return new Date(date.getFullYear(), month, 0);
+  }
+  return nextDate;
+}
+/**
+ * Get a date one month in the future
+ *
+ * @param date
+ */
+function nextMonth(date) {
+  const month = date.getMonth();
+  const nextDate = new Date(date);
+  nextDate.setMonth(month + 1);
+  // date doesn't exist in new month, use last day
+  if ((month + 2) % 7 === nextDate.getMonth() % 7) {
+    return new Date(date.getFullYear(), month + 2, 0);
+  }
+  return nextDate;
+}
+/**
+ * Parse numeric units for day, month, and year from a localized string
+ * month starts at 0 (can pass to date constructor)
+ *
+ * @param str
+ * @param localeData
+ */
+function parseDateString(str, localeData) {
+  const { separator, unitOrder } = localeData;
+  const order = getOrder(unitOrder);
+  const values = str.split(separator).map((part) => numberStringFormatter.delocalize(part));
+  return {
+    day: parseInt(values[order.indexOf("d")]),
+    month: parseInt(values[order.indexOf("m")]) - 1,
+    year: parseInt(values[order.indexOf("y")])
+  };
+}
+/**
+ * Based on the unitOrder string, find order of month, day, and year for locale
+ *
+ * @param unitOrder
+ */
+function getOrder(unitOrder) {
+  const signifiers = ["d", "m", "y"];
+  const order = unitOrder.toLowerCase();
+  return signifiers.sort((a, b) => order.indexOf(a) - order.indexOf(b));
+}
+/**
+ * Get number of days between two dates
+ *
+ * @param date1
+ * @param date2
+ */
+function getDaysDiff(date1, date2) {
+  const ts1 = date1.getTime();
+  const ts2 = date2.getTime();
+  return (ts1 - ts2) / (1000 * 3600 * 24);
+}
+/**
+ * Set time of the day to the end.
+ *
+ * @param {Date} date Date.
+ * @returns {Date} Date with time set to end of day .
+ */
+function setEndOfDay(date) {
+  date.setHours(23, 59, 59, 999);
+  return date;
+}
+
+export { dateFromISO as a, dateFromRange as b, sameDate as c, dateToISO as d, getOrder as e, prevMonth as f, getDaysDiff as g, inRange as i, nextMonth as n, parseDateString as p, setEndOfDay as s };
+
+//# sourceMappingURL=p-56350bff.js.map

package/dist/solutions-components/p-56350bff.js.map

@@ -0,0 +1 @@
+{"file":"p-56350bff.js","mappings":"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","names":[],"sources":["./node_modules/@esri/calcite-components/dist/collection/utils/date.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 */\nimport { numberStringFormatter } from \"./locale\";\n/**\n * Check if date is within a min and max\n *\n * @param date\n * @param min\n * @param max\n */\nexport function inRange(date, min, max) {\n  const time = date.getTime();\n  const afterMin = !(min instanceof Date) || time >= min.getTime();\n  const beforeMax = !(max instanceof Date) || time <= max.getTime();\n  return afterMin && beforeMax;\n}\n/**\n * Ensures date is within range,\n * returns min or max if out of bounds\n *\n * @param date\n * @param min\n * @param max\n */\nexport function dateFromRange(date, min, max) {\n  if (!(date instanceof Date)) {\n    return null;\n  }\n  const time = date.getTime();\n  const beforeMin = min instanceof Date && time < min.getTime();\n  const afterMax = max instanceof Date && time > max.getTime();\n  if (beforeMin) {\n    return min;\n  }\n  if (afterMax) {\n    return max;\n  }\n  return date;\n}\n/**\n * Parse an iso8601 string (YYYY-mm-dd) into a valid date.\n * TODO: handle time when time of day UI is added\n *\n * @param iso8601\n * @param isEndDate\n */\nexport function dateFromISO(iso8601, isEndDate = false) {\n  if (iso8601 instanceof Date) {\n    return iso8601;\n  }\n  if (!iso8601 || typeof iso8601 !== \"string\") {\n    return null;\n  }\n  const d = iso8601.split(/[: T-]/).map(parseFloat);\n  const date = new Date(d[0], (d[1] || 1) - 1, d[2] || 1);\n  date.setFullYear(d[0]);\n  if (isNaN(date.getTime())) {\n    throw new Error(`Invalid ISO 8601 date: \"${iso8601}\"`);\n  }\n  if (isEndDate) {\n    return setEndOfDay(date);\n  }\n  return date;\n}\n/**\n * Return first portion of ISO string (YYYY-mm-dd)\n *\n * @param date\n */\nexport function dateToISO(date) {\n  if (typeof date === \"string\") {\n    return date;\n  }\n  if (date instanceof Date) {\n    return new Date(date.getTime() - date.getTimezoneOffset() * 60000).toISOString().split(\"T\")[0];\n  }\n  return \"\";\n}\n/**\n * Check if two dates are the same day, month, year\n *\n * @param d1\n * @param d2\n */\nexport function sameDate(d1, d2) {\n  return (d1 instanceof Date &&\n    d2 instanceof Date &&\n    d1.getDate() === d2.getDate() &&\n    d1.getMonth() === d2.getMonth() &&\n    d1.getFullYear() === d2.getFullYear());\n}\n/**\n * Get a date one month in the past\n *\n * @param date\n */\nexport function prevMonth(date) {\n  const month = date.getMonth();\n  const nextDate = new Date(date);\n  nextDate.setMonth(month - 1);\n  // date doesn't exist in new month, use last day\n  if (month === nextDate.getMonth()) {\n    return new Date(date.getFullYear(), month, 0);\n  }\n  return nextDate;\n}\n/**\n * Get a date one month in the future\n *\n * @param date\n */\nexport function nextMonth(date) {\n  const month = date.getMonth();\n  const nextDate = new Date(date);\n  nextDate.setMonth(month + 1);\n  // date doesn't exist in new month, use last day\n  if ((month + 2) % 7 === nextDate.getMonth() % 7) {\n    return new Date(date.getFullYear(), month + 2, 0);\n  }\n  return nextDate;\n}\n/**\n * Parse numeric units for day, month, and year from a localized string\n * month starts at 0 (can pass to date constructor)\n *\n * @param str\n * @param localeData\n */\nexport function parseDateString(str, localeData) {\n  const { separator, unitOrder } = localeData;\n  const order = getOrder(unitOrder);\n  const values = str.split(separator).map((part) => numberStringFormatter.delocalize(part));\n  return {\n    day: parseInt(values[order.indexOf(\"d\")]),\n    month: parseInt(values[order.indexOf(\"m\")]) - 1,\n    year: parseInt(values[order.indexOf(\"y\")])\n  };\n}\n/**\n * Based on the unitOrder string, find order of month, day, and year for locale\n *\n * @param unitOrder\n */\nexport function getOrder(unitOrder) {\n  const signifiers = [\"d\", \"m\", \"y\"];\n  const order = unitOrder.toLowerCase();\n  return signifiers.sort((a, b) => order.indexOf(a) - order.indexOf(b));\n}\n/**\n * Get number of days between two dates\n *\n * @param date1\n * @param date2\n */\nexport function getDaysDiff(date1, date2) {\n  const ts1 = date1.getTime();\n  const ts2 = date2.getTime();\n  return (ts1 - ts2) / (1000 * 3600 * 24);\n}\n/**\n * Set time of the day to the end.\n *\n * @param {Date} date Date.\n * @returns {Date} Date with time set to end of day .\n */\nexport function setEndOfDay(date) {\n  date.setHours(23, 59, 59, 999);\n  return date;\n}\n"],"version":3}

package/dist/solutions-components/p-58b374c0.entry.js

@@ -0,0 +1,347 @@
+/*!
+ * 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 { a as getSlotted, s as setRequestedIcon, g as getElementProp, b as getElementDir } from './p-32a67cb2.js';
+import { c as connectLabel, d as disconnectLabel, g as getLabelText } from './p-dbad98e8.js';
+import { s as submitForm, c as connectForm, d as disconnectForm, H as HiddenFormInputSlot } from './p-3f6b0af4.js';
+import { T as TEXT$1, C as CSS_UTILITY } from './p-729708a3.js';
+import { c as createObserver } from './p-9a9955db.js';
+import { u as updateHostInteraction } from './p-7daea1df.js';
+import './p-a80b3880.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 = {
+  loader: "loader",
+  clearButton: "clear-button",
+  editingEnabled: "editing-enabled",
+  inlineChild: "inline-child",
+  inputIcon: "icon",
+  prefix: "prefix",
+  suffix: "suffix",
+  wrapper: "element-wrapper",
+  inputWrapper: "wrapper",
+  actionWrapper: "action-wrapper",
+  resizeIconWrapper: "resize-icon-wrapper"
+};
+const SLOTS = {
+  action: "action"
+};
+const TEXT = {
+  clear: "Clear value"
+};
+
+const inputTextCss = "@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:block}:host([scale=s]) input,:host([scale=s]) .prefix,:host([scale=s]) .suffix{block-size:1.5rem;padding-inline:0.5rem;font-size:var(--calcite-font-size--2);line-height:1rem}:host([scale=s]) .action-wrapper calcite-button,:host([scale=s]) .action-wrapper calcite-button button{block-size:1.5rem}:host([scale=s]) .clear-button{min-block-size:1.5rem;min-inline-size:1.5rem}:host([scale=m]) input,:host([scale=m]) .prefix,:host([scale=m]) .suffix{block-size:2rem;padding-inline:0.75rem;font-size:var(--calcite-font-size--1);line-height:1rem}:host([scale=m]) .action-wrapper calcite-button,:host([scale=m]) .action-wrapper calcite-button button{block-size:2rem}:host([scale=m]) .clear-button{min-block-size:2rem;min-inline-size:2rem}:host([scale=l]) input,:host([scale=l]) .prefix,:host([scale=l]) .suffix{block-size:2.75rem;padding-inline:1rem;font-size:var(--calcite-font-size-0);line-height:1.25rem}:host([scale=l]) .action-wrapper calcite-button,:host([scale=l]) .action-wrapper calcite-button button{block-size:2.75rem}:host([scale=l]) .clear-button{min-block-size:2.75rem;min-inline-size:2.75rem}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}input{transition:var(--calcite-animation-timing), block-size 0, outline-offset 0s;-webkit-appearance:none;position:relative;margin:0px;box-sizing:border-box;display:flex;max-block-size:100%;inline-size:100%;max-inline-size:100%;flex:1 1 0%;border-radius:0px;background-color:var(--calcite-ui-foreground-1);font-family:inherit;font-weight:var(--calcite-font-weight-normal);color:var(--calcite-ui-text-1)}:host input{border-width:1px;border-style:solid;border-color:var(--calcite-ui-border-input);color:var(--calcite-ui-text-1)}:host input::placeholder,:host input:-ms-input-placeholder,:host input::-ms-input-placeholder{font-weight:var(--calcite-font-weight-normal);color:var(--calcite-ui-text-3)}:host input:focus{border-color:var(--calcite-ui-brand);color:var(--calcite-ui-text-1)}:host input[readonly]{background-color:var(--calcite-ui-background);font-weight:var(--calcite-font-weight-medium)}:host input[readonly]:focus{color:var(--calcite-ui-text-1)}:host calcite-icon{color:var(--calcite-ui-text-3)}input{outline-color:transparent}input:focus{outline:2px solid var(--calcite-ui-brand);outline-offset:-2px}:host([status=invalid]) input{border-color:var(--calcite-ui-danger)}:host([status=invalid]) input:focus{outline:2px solid var(--calcite-ui-danger);outline-offset:-2px}:host([scale=s]) .icon{inset-inline-start:0.5rem}:host([scale=m]) .icon{inset-inline-start:0.75rem}:host([scale=l]) .icon{inset-inline-start:1rem}:host([icon][scale=s]) input{-webkit-padding-start:2rem;padding-inline-start:2rem}:host([icon][scale=m]) input{-webkit-padding-start:2.5rem;padding-inline-start:2.5rem}:host([icon][scale=l]) input{-webkit-padding-start:3rem;padding-inline-start:3rem}.element-wrapper{position:relative;order:3;display:inline-flex;flex:1 1 0%;align-items:center}.icon{pointer-events:none;position:absolute;z-index:1;display:block;transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s}input[type=text]::-ms-clear,input[type=text]::-ms-reveal{display:none;block-size:0px;inline-size:0px}.clear-button{pointer-events:initial;order:4;margin:0px;box-sizing:border-box;display:flex;min-block-size:100%;cursor:pointer;align-items:center;justify-content:center;align-self:stretch;border-width:1px;border-style:solid;border-color:var(--calcite-ui-border-input);background-color:var(--calcite-ui-foreground-1);outline-color:transparent;border-inline-start-width:0px}.clear-button:hover{background-color:var(--calcite-ui-foreground-2);transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s}.clear-button:hover calcite-icon{color:var(--calcite-ui-text-1);transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s}.clear-button:active{background-color:var(--calcite-ui-foreground-3)}.clear-button:active calcite-icon{color:var(--calcite-ui-text-1)}.clear-button:focus{outline:2px solid var(--calcite-ui-brand);outline-offset:-2px}.clear-button:disabled{opacity:var(--calcite-ui-opacity-disabled)}.loader{inset-block-start:1px;inset-inline:1px;pointer-events:none;position:absolute;display:block}.action-wrapper{order:7;display:flex}.prefix,.suffix{box-sizing:border-box;display:flex;block-size:auto;min-block-size:100%;-webkit-user-select:none;-moz-user-select:none;user-select:none;align-content:center;align-items:center;overflow-wrap:break-word;border-width:1px;border-style:solid;border-color:var(--calcite-ui-border-input);background-color:var(--calcite-ui-background);font-weight:var(--calcite-font-weight-medium);line-height:1;color:var(--calcite-ui-text-2)}.prefix{order:2;border-inline-end-width:0px}.suffix{order:5;border-inline-start-width:0px}:host([alignment=start]) input{text-align:start}:host([alignment=end]) input{text-align:end}.wrapper{position:relative;display:flex;flex-direction:row;align-items:center}:host(.no-bottom-border) input{border-block-end-width:0px}:host(.border-top-color-one) input{border-block-start-color:var(--calcite-ui-border-1)}.inline-child{background-color:transparent;transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s}.inline-child .editing-enabled{background-color:inherit}.inline-child:not(.editing-enabled){display:flex;cursor:pointer;border-color:transparent;-webkit-padding-start:0;padding-inline-start: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 InputText = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    this.calciteInternalInputTextFocus = createEvent(this, "calciteInternalInputTextFocus", 7);
+    this.calciteInternalInputTextBlur = createEvent(this, "calciteInternalInputTextBlur", 7);
+    this.calciteInputTextInput = createEvent(this, "calciteInputTextInput", 7);
+    this.calciteInputTextChange = createEvent(this, "calciteInputTextChange", 7);
+    //--------------------------------------------------------------------------
+    //
+    //  Properties
+    //
+    //--------------------------------------------------------------------------
+    /** Specifies the text alignment of the component's value. */
+    this.alignment = "start";
+    /**
+     * When `true`, the component is focused on page load.
+     *
+     * @mdn [autofocus](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/autofocus)
+     */
+    this.autofocus = false;
+    /**
+     * When `true`, a clear button is displayed when the component has a value.
+     */
+    this.clearable = false;
+    /**
+     * When `true`, interaction is prevented and the component is displayed with lower opacity.
+     *
+     * @mdn [disabled](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/disabled)
+     */
+    this.disabled = false;
+    /**
+     * When `true`, the component will not be visible.
+     *
+     * @mdn [hidden](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/hidden)
+     */
+    this.hidden = false;
+    /**
+     * Accessible name that will appear while loading.
+     *
+     * @default "Loading"
+     */
+    this.intlLoading = TEXT$1.loading;
+    /** When `true`, the icon will be flipped when the element direction is right-to-left (`"rtl"`). */
+    this.iconFlipRtl = false;
+    /** When `true`, the component is in the loading state and `calcite-progress` is displayed. */
+    this.loading = false;
+    /**
+     * When `true`, the component's value can be read, but cannot be modified.
+     *
+     * @mdn [readOnly](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/readonly)
+     */
+    this.readOnly = false;
+    /** When `true`, the component must have a value in order for the form to submit. */
+    this.required = false;
+    /** Specifies the size of the component. */
+    this.scale = "m";
+    /** Specifies the status of the input field, which determines message and icons. */
+    this.status = "idle";
+    /**
+     * @internal
+     */
+    this.editingEnabled = false;
+    /** The component's value. */
+    this.value = "";
+    this.previousValueOrigin = "initial";
+    this.mutationObserver = createObserver("mutation", () => this.setDisabledAction());
+    this.userChangedValue = false;
+    //--------------------------------------------------------------------------
+    //
+    //  Private Methods
+    //
+    //--------------------------------------------------------------------------
+    this.keyDownHandler = (event) => {
+      if (this.readOnly || this.disabled) {
+        return;
+      }
+      if (this.isClearable && event.key === "Escape") {
+        this.clearInputTextValue(event);
+        event.preventDefault();
+      }
+      if (event.key === "Enter" && !event.defaultPrevented) {
+        if (submitForm(this)) {
+          event.preventDefault();
+        }
+      }
+    };
+    this.clearInputTextValue = (nativeEvent) => {
+      this.setValue({
+        committing: true,
+        nativeEvent,
+        origin: "user",
+        value: ""
+      });
+    };
+    this.emitChangeIfUserModified = () => {
+      if (this.previousValueOrigin === "user" && this.value !== this.previousEmittedValue) {
+        this.calciteInputTextChange.emit();
+      }
+      this.previousEmittedValue = this.value;
+    };
+    this.inputTextBlurHandler = () => {
+      this.calciteInternalInputTextBlur.emit({
+        element: this.childEl,
+        value: this.value
+      });
+      this.emitChangeIfUserModified();
+    };
+    this.inputTextFocusHandler = (event) => {
+      const slottedActionEl = getSlotted(this.el, "action");
+      if (event.target !== slottedActionEl) {
+        this.setFocus();
+      }
+      this.calciteInternalInputTextFocus.emit({
+        element: this.childEl,
+        value: this.value
+      });
+    };
+    this.inputTextInputHandler = (nativeEvent) => {
+      if (this.disabled || this.readOnly) {
+        return;
+      }
+      this.setValue({
+        nativeEvent,
+        origin: "user",
+        value: nativeEvent.target.value
+      });
+    };
+    this.inputTextKeyDownHandler = (event) => {
+      if (this.disabled || this.readOnly) {
+        return;
+      }
+      if (event.key === "Enter") {
+        this.emitChangeIfUserModified();
+      }
+    };
+    this.hiddenInputChangeHandler = (event) => {
+      if (event.target.name === this.name) {
+        this.setValue({
+          value: event.target.value,
+          origin: "direct"
+        });
+      }
+      event.stopPropagation();
+    };
+    this.setChildElRef = (el) => {
+      this.childEl = el;
+    };
+    this.setInputValue = (newInputValue) => {
+      if (!this.childEl) {
+        return;
+      }
+      this.childEl.value = newInputValue;
+    };
+    this.setPreviousEmittedValue = (newPreviousEmittedValue) => {
+      this.previousEmittedValue = newPreviousEmittedValue;
+    };
+    this.setPreviousValue = (newPreviousValue) => {
+      this.previousValue = newPreviousValue;
+    };
+    this.setValue = ({ committing = false, nativeEvent, origin, previousValue, value }) => {
+      this.setPreviousValue(previousValue || this.value);
+      this.previousValueOrigin = origin;
+      this.userChangedValue = origin === "user" && value !== this.value;
+      this.value = value;
+      if (origin === "direct") {
+        this.setInputValue(value);
+      }
+      if (nativeEvent) {
+        const calciteInputTextInputEvent = this.calciteInputTextInput.emit({
+          element: this.childEl,
+          nativeEvent,
+          value: this.value
+        });
+        if (calciteInputTextInputEvent.defaultPrevented) {
+          this.value = this.previousValue;
+        }
+        else if (committing) {
+          this.emitChangeIfUserModified();
+        }
+      }
+    };
+  }
+  disabledWatcher() {
+    this.setDisabledAction();
+  }
+  valueWatcher(newValue, previousValue) {
+    if (!this.userChangedValue) {
+      this.setValue({
+        origin: "direct",
+        previousValue,
+        value: !newValue ? "" : newValue
+      });
+    }
+    this.userChangedValue = false;
+  }
+  updateRequestedIcon() {
+    this.requestedIcon = setRequestedIcon({}, this.icon, "text");
+  }
+  get isClearable() {
+    return this.clearable && this.value.length > 0;
+  }
+  //--------------------------------------------------------------------------
+  //
+  //  Lifecycle
+  //
+  //--------------------------------------------------------------------------
+  connectedCallback() {
+    var _a;
+    this.scale = getElementProp(this.el, "scale", this.scale);
+    this.status = getElementProp(this.el, "status", this.status);
+    this.inlineEditableEl = this.el.closest("calcite-inline-editable");
+    if (this.inlineEditableEl) {
+      this.editingEnabled = this.inlineEditableEl.editingEnabled || false;
+    }
+    this.setPreviousEmittedValue(this.value);
+    this.setPreviousValue(this.value);
+    connectLabel(this);
+    connectForm(this);
+    (_a = this.mutationObserver) === null || _a === void 0 ? void 0 : _a.observe(this.el, { childList: true });
+    this.setDisabledAction();
+    this.el.addEventListener("calciteInternalHiddenInputChange", this.hiddenInputChangeHandler);
+  }
+  disconnectedCallback() {
+    var _a;
+    disconnectLabel(this);
+    disconnectForm(this);
+    (_a = this.mutationObserver) === null || _a === void 0 ? void 0 : _a.disconnect();
+    this.el.removeEventListener("calciteInternalHiddenInputChange", this.hiddenInputChangeHandler);
+  }
+  componentWillLoad() {
+    this.requestedIcon = setRequestedIcon({}, this.icon, "text");
+  }
+  componentDidRender() {
+    updateHostInteraction(this);
+  }
+  //--------------------------------------------------------------------------
+  //
+  //  Public Methods
+  //
+  //--------------------------------------------------------------------------
+  /** Sets focus on the component. */
+  async setFocus() {
+    var _a;
+    (_a = this.childEl) === null || _a === void 0 ? void 0 : _a.focus();
+  }
+  /** Selects all text of the component's `value`. */
+  async selectText() {
+    var _a;
+    (_a = this.childEl) === null || _a === void 0 ? void 0 : _a.select();
+  }
+  onLabelClick() {
+    this.setFocus();
+  }
+  onFormReset() {
+    this.setValue({
+      origin: "reset",
+      value: this.defaultValue
+    });
+  }
+  syncHiddenFormInput(input) {
+    if (this.minLength != null) {
+      input.minLength = this.minLength;
+    }
+    if (this.maxLength != null) {
+      input.maxLength = this.maxLength;
+    }
+  }
+  setDisabledAction() {
+    const slottedActionEl = getSlotted(this.el, "action");
+    if (!slottedActionEl) {
+      return;
+    }
+    this.disabled
+      ? slottedActionEl.setAttribute("disabled", "")
+      : slottedActionEl.removeAttribute("disabled");
+  }
+  // --------------------------------------------------------------------------
+  //
+  //  Render Methods
+  //
+  // --------------------------------------------------------------------------
+  render() {
+    const dir = getElementDir(this.el);
+    const loader = (h("div", { class: CSS.loader }, h("calcite-progress", { label: this.intlLoading, type: "indeterminate" })));
+    const inputClearButton = (h("button", { "aria-label": this.intlClear || TEXT.clear, class: CSS.clearButton, disabled: this.disabled || this.readOnly, onClick: this.clearInputTextValue, tabIndex: -1, type: "button" }, h("calcite-icon", { icon: "x", scale: "s" })));
+    const iconEl = (h("calcite-icon", { class: CSS.inputIcon, flipRtl: this.iconFlipRtl, icon: this.requestedIcon, scale: "s" }));
+    const prefixText = h("div", { class: CSS.prefix }, this.prefixText);
+    const suffixText = h("div", { class: CSS.suffix }, this.suffixText);
+    const childEl = (h("input", { "aria-label": getLabelText(this), autofocus: this.autofocus ? true : null, class: {
+        [CSS.editingEnabled]: this.editingEnabled,
+        [CSS.inlineChild]: !!this.inlineEditableEl
+      }, defaultValue: this.defaultValue, disabled: this.disabled ? true : null, enterKeyHint: this.el.enterKeyHint, inputMode: this.el.inputMode, maxLength: this.maxLength, minLength: this.minLength, name: this.name, onBlur: this.inputTextBlurHandler, onFocus: this.inputTextFocusHandler, onInput: this.inputTextInputHandler, onKeyDown: this.inputTextKeyDownHandler, placeholder: this.placeholder || "", readOnly: this.readOnly, ref: this.setChildElRef, required: this.required ? true : null, tabIndex: this.disabled || (this.inlineEditableEl && !this.editingEnabled) ? -1 : null, type: "text", value: this.value }));
+    return (h(Host, { onClick: this.inputTextFocusHandler, onKeyDown: this.keyDownHandler }, h("div", { class: { [CSS.inputWrapper]: true, [CSS_UTILITY.rtl]: dir === "rtl" } }, this.prefixText ? prefixText : null, h("div", { class: CSS.wrapper }, childEl, this.isClearable ? inputClearButton : null, this.requestedIcon ? iconEl : null, this.loading ? loader : null), h("div", { class: CSS.actionWrapper }, h("slot", { name: SLOTS.action })), this.suffixText ? suffixText : null, h(HiddenFormInputSlot, { component: this }))));
+  }
+  get el() { return getElement(this); }
+  static get watchers() { return {
+    "disabled": ["disabledWatcher"],
+    "value": ["valueWatcher"],
+    "icon": ["updateRequestedIcon"]
+  }; }
+};
+InputText.style = inputTextCss;
+
+export { InputText as calcite_input_text };
+
+//# sourceMappingURL=p-58b374c0.entry.js.map