@esri/calcite-components 1.5.0-next.31 → 1.5.0-next.32

package/dist/loader/index.es2017.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v1.5.0-next.31
+ * v1.5.0-next.32
  */
 export * from '../esm/polyfills/index.js';
 export * from '../esm/loader.js';

package/dist/loader/index.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v1.5.0-next.31
+ * v1.5.0-next.32
  */
 (function(){if("undefined"!==typeof window&&void 0!==window.Reflect&&void 0!==window.customElements){var a=HTMLElement;window.HTMLElement=function(){return Reflect.construct(a,[],this.constructor)};HTMLElement.prototype=a.prototype;HTMLElement.prototype.constructor=HTMLElement;Object.setPrototypeOf(HTMLElement,a)}})();
 export * from '../esm/polyfills/index.js';

package/dist/types/components/text-area/resources.d.ts

@@ -1,4 +1,5 @@
 export declare const CSS: {
+  assistiveText: string;
   characterLimit: string;
   content: string;
   container: string;

package/dist/types/components/text-area/text-area.d.ts

@@ -139,6 +139,7 @@ export declare class TextArea implements FormComponent, LabelableComponent, Loca
   effectiveLocale: string;
   localizedCharacterLengthObj: CharacterLengthObj;
   effectiveLocaleChange(): void;
+  private guid;
   onFormReset(): void;
   onLabelClick(): void;
   handleInput: (event: InputEvent) => void;
@@ -148,8 +149,6 @@ export declare class TextArea implements FormComponent, LabelableComponent, Loca
   getLocalizedCharacterLength(): CharacterLengthObj;
   resizeObserver: ResizeObserver;
   syncHiddenFormInput(input: HTMLInputElement): void;
-  private replacePlaceHoldersInMessages;
-  private setHeightAndWidthToAuto;
   setTextAreaEl: (el: HTMLTextAreaElement) => void;
   setTextAreaHeight(): void;
   getHeightandWidthOfElements(): {
@@ -160,4 +159,7 @@ export declare class TextArea implements FormComponent, LabelableComponent, Loca
     footerHeight: number;
     footerWidth: number;
   };
+  private replacePlaceHoldersInMessages;
+  private setHeightAndWidthToAuto;
+  private isCharacterLimitExceeded;
 }

package/hydrate/index.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v1.5.0-next.31
+ * v1.5.0-next.32
  */
 'use strict';
 
@@ -32968,6 +32968,7 @@ class Scrim {
   connectedCallback() {
     connectLocalized(this);
     connectMessages(this);
+    this.resizeObserver?.observe(this.el);
   }
   async componentWillLoad() {
     await setUpMessages(this);
@@ -32975,6 +32976,7 @@ class Scrim {
   disconnectedCallback() {
     disconnectLocalized(this);
     disconnectMessages(this);
+    this.resizeObserver?.disconnect();
   }
   // --------------------------------------------------------------------------
   //
@@ -39774,6 +39776,7 @@ class Tabs {
 }
 
 const CSS$8 = {
+  assistiveText: "assistive-text",
   characterLimit: "character-limit",
   content: "content",
   container: "container",
@@ -39796,7 +39799,7 @@ const SLOTS$4 = {
 };
 const RESIZE_TIMEOUT = 100;
 
-const textAreaCss = "/*!@:host([disabled])*/[disabled].sc-calcite-text-area-h{cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-ui-opacity-disabled)}/*!@:host([disabled]) *,\n:host([disabled]) ::slotted(*)*/[disabled].sc-calcite-text-area-h *.sc-calcite-text-area,.sc-calcite-text-area-h[disabled] .sc-calcite-text-area-s>*{pointer-events:none}/*!@:host*/.sc-calcite-text-area-h{position:relative;display:inline-block;block-size:100%;inline-size:100%}/*!@textarea*/textarea.sc-calcite-text-area{position:relative;margin:0px;box-sizing:border-box;display:block;inline-size:100%;border-width:1px;border-color:var(--calcite-ui-border-input);background-color:var(--calcite-ui-foreground-1);font-family:var(--calcite-sans-family);color:var(--calcite-ui-text-1);min-inline-size:12rem;border-block-end:1px solid var(--calcite-ui-border-3)}@media screen and (max-width: 480px){/*!@textarea*/textarea.sc-calcite-text-area{resize:none}}/*!@textarea:focus*/textarea.sc-calcite-text-area:focus{outline:2px solid var(--calcite-ui-focus-color, var(--calcite-ui-brand));outline-offset:calc(\n            -2px *\n            calc(\n              1 -\n              2 * clamp(\n                0,\n                var(--calcite-ui-focus-offset-invert),\n                1\n              )\n            )\n          )}/*!@textarea.text-area--invalid*/textarea.text-area--invalid.sc-calcite-text-area{border-width:1px;border-block-end-width:1px;border-style:solid;border-color:var(--calcite-ui-danger)}/*!@textarea.text-area--invalid:focus*/textarea.text-area--invalid.sc-calcite-text-area:focus{outline:2px solid var(--calcite-ui-danger);outline-offset:calc(\n            -2px *\n            calc(\n              1 -\n              2 * clamp(\n                0,\n                var(--calcite-ui-focus-offset-invert),\n                1\n              )\n            )\n          )}/*!@textarea.footer--slotted*/textarea.footer--slotted.sc-calcite-text-area{min-inline-size:18rem}/*!@.footer*/.footer.sc-calcite-text-area{box-sizing:border-box;display:flex;align-items:center;border-width:1px;border-block-start-width:0px;border-style:solid;border-color:var(--calcite-ui-border-input);background-color:var(--calcite-ui-foreground-1)}/*!@.character-limit*/.character-limit.sc-calcite-text-area{display:flex;align-items:center;justify-content:flex-end;white-space:nowrap;font-weight:var(--calcite-font-weight-normal);color:var(--calcite-ui-text-2)}/*!@.character--over-limit*/.character--over-limit.sc-calcite-text-area{font-weight:var(--calcite-font-weight-bold);color:var(--calcite-ui-danger)}/*!@:host([resize=none]) textarea*/[resize=none].sc-calcite-text-area-h textarea.sc-calcite-text-area{resize:none}/*!@:host([resize=horizontal]) textarea*/[resize=horizontal].sc-calcite-text-area-h textarea.sc-calcite-text-area{resize:horizontal}/*!@:host([resize=vertical]) textarea*/[resize=vertical].sc-calcite-text-area-h textarea.sc-calcite-text-area{resize:vertical}/*!@:host([scale=s])*/[scale=s].sc-calcite-text-area-h{font-size:var(--calcite-font-size--2)}/*!@:host([scale=s]) .footer*/[scale=s].sc-calcite-text-area-h .footer.sc-calcite-text-area{padding-block:0.25rem;padding-inline:0.5rem;min-block-size:1.75rem}/*!@:host([scale=s]) textarea*/[scale=s].sc-calcite-text-area-h textarea.sc-calcite-text-area{padding-block:0.25rem;padding-inline:0.5rem}/*!@:host([scale=s]) textarea,\n:host([scale=s]) .footer,\n:host([scale=s]) .character-limit*/[scale=s].sc-calcite-text-area-h textarea.sc-calcite-text-area,[scale=s].sc-calcite-text-area-h .footer.sc-calcite-text-area,[scale=s].sc-calcite-text-area-h .character-limit.sc-calcite-text-area{padding-inline-start:0.5rem;font-size:var(--calcite-font-size--2)}/*!@:host([scale=m]) textarea*/[scale=m].sc-calcite-text-area-h textarea.sc-calcite-text-area{padding-block:0.5rem;padding-inline:0.75rem}/*!@:host([scale=m]) .footer*/[scale=m].sc-calcite-text-area-h .footer.sc-calcite-text-area{padding-block:0.5rem;padding-inline:0.75rem;min-block-size:2.25rem}/*!@:host([scale=m]) textarea,\n:host([scale=m]) .footer,\n:host([scale=m]) .character-limit*/[scale=m].sc-calcite-text-area-h textarea.sc-calcite-text-area,[scale=m].sc-calcite-text-area-h .footer.sc-calcite-text-area,[scale=m].sc-calcite-text-area-h .character-limit.sc-calcite-text-area{padding-inline-start:0.75rem;font-size:var(--calcite-font-size--1)}/*!@:host([scale=l])*/[scale=l].sc-calcite-text-area-h{font-size:var(--calcite-font-size-0)}/*!@:host([scale=l]) textarea*/[scale=l].sc-calcite-text-area-h textarea.sc-calcite-text-area{padding-block:0.75rem;padding-inline:1rem}/*!@:host([scale=l]) .footer*/[scale=l].sc-calcite-text-area-h .footer.sc-calcite-text-area{padding-block:0.75rem;padding-inline:1rem;min-block-size:2.75rem}/*!@:host([scale=l]) textarea,\n:host([scale=l]) .footer,\n:host([scale=l]) .character-limit*/[scale=l].sc-calcite-text-area-h textarea.sc-calcite-text-area,[scale=l].sc-calcite-text-area-h .footer.sc-calcite-text-area,[scale=l].sc-calcite-text-area-h .character-limit.sc-calcite-text-area{padding-inline-start:1rem;font-size:var(--calcite-font-size-0)}/*!@.readonly*/.readonly.sc-calcite-text-area{background-color:var(--calcite-ui-background);font-weight:var(--calcite-font-weight-medium)}/*!@:host([disabled]) textarea,\n:host([disabled]) footer*/[disabled].sc-calcite-text-area-h textarea.sc-calcite-text-area,[disabled].sc-calcite-text-area-h footer.sc-calcite-text-area{opacity:0.5}/*!@.border--color*/.border--color.sc-calcite-text-area{border-block-end-width:1px;border-color:var(--calcite-ui-border-input)}/*!@.border--color:focus*/.border--color.sc-calcite-text-area:focus{border-block-end-width:2px}/*!@textarea.block-size--full*/textarea.block-size--full.sc-calcite-text-area{block-size:100%}/*!@.content,\n.hide*/.content.sc-calcite-text-area,.hide.sc-calcite-text-area{display:none}/*!@.container*/.container.sc-calcite-text-area{display:flex;inline-size:100%;justify-content:space-between}/*!@.footer--end-only*/.footer--end-only.sc-calcite-text-area{justify-content:flex-end}/*!@::slotted(input[slot=hidden-form-input])*/.sc-calcite-text-area-s>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}/*!@:host([disabled]) ::slotted([calcite-hydrated][disabled]),\n:host([disabled]) [calcite-hydrated][disabled]*/.sc-calcite-text-area-h[disabled] .sc-calcite-text-area-s>[calcite-hydrated][disabled],[disabled].sc-calcite-text-area-h [calcite-hydrated][disabled].sc-calcite-text-area{opacity:1}/*!@:host([hidden])*/[hidden].sc-calcite-text-area-h{display:none}/*!@[hidden]*/[hidden].sc-calcite-text-area{display:none}";
+const textAreaCss = "/*!@:host([disabled])*/[disabled].sc-calcite-text-area-h{cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-ui-opacity-disabled)}/*!@:host([disabled]) *,\n:host([disabled]) ::slotted(*)*/[disabled].sc-calcite-text-area-h *.sc-calcite-text-area,.sc-calcite-text-area-h[disabled] .sc-calcite-text-area-s>*{pointer-events:none}/*!@:host*/.sc-calcite-text-area-h{position:relative;display:inline-block;block-size:100%;inline-size:100%}/*!@textarea*/textarea.sc-calcite-text-area{position:relative;margin:0px;box-sizing:border-box;display:block;inline-size:100%;border-width:1px;border-color:var(--calcite-ui-border-input);background-color:var(--calcite-ui-foreground-1);font-family:var(--calcite-sans-family);color:var(--calcite-ui-text-1);min-inline-size:12rem;border-block-end:1px solid var(--calcite-ui-border-3)}@media screen and (max-width: 480px){/*!@textarea*/textarea.sc-calcite-text-area{resize:none}}/*!@textarea:focus*/textarea.sc-calcite-text-area:focus{outline:2px solid var(--calcite-ui-focus-color, var(--calcite-ui-brand));outline-offset:calc(\n            -2px *\n            calc(\n              1 -\n              2 * clamp(\n                0,\n                var(--calcite-ui-focus-offset-invert),\n                1\n              )\n            )\n          )}/*!@textarea.text-area--invalid*/textarea.text-area--invalid.sc-calcite-text-area{border-width:1px;border-block-end-width:1px;border-style:solid;border-color:var(--calcite-ui-danger)}/*!@textarea.text-area--invalid:focus*/textarea.text-area--invalid.sc-calcite-text-area:focus{outline:2px solid var(--calcite-ui-danger);outline-offset:calc(\n            -2px *\n            calc(\n              1 -\n              2 * clamp(\n                0,\n                var(--calcite-ui-focus-offset-invert),\n                1\n              )\n            )\n          )}/*!@textarea.footer--slotted*/textarea.footer--slotted.sc-calcite-text-area{min-inline-size:18rem}/*!@.footer*/.footer.sc-calcite-text-area{box-sizing:border-box;display:flex;align-items:center;border-width:1px;border-block-start-width:0px;border-style:solid;border-color:var(--calcite-ui-border-input);background-color:var(--calcite-ui-foreground-1)}/*!@.character-limit*/.character-limit.sc-calcite-text-area{display:flex;align-items:center;justify-content:flex-end;white-space:nowrap;font-weight:var(--calcite-font-weight-normal);color:var(--calcite-ui-text-2)}/*!@.character--over-limit*/.character--over-limit.sc-calcite-text-area{font-weight:var(--calcite-font-weight-bold);color:var(--calcite-ui-danger)}/*!@:host([resize=none]) textarea*/[resize=none].sc-calcite-text-area-h textarea.sc-calcite-text-area{resize:none}/*!@:host([resize=horizontal]) textarea*/[resize=horizontal].sc-calcite-text-area-h textarea.sc-calcite-text-area{resize:horizontal}/*!@:host([resize=vertical]) textarea*/[resize=vertical].sc-calcite-text-area-h textarea.sc-calcite-text-area{resize:vertical}/*!@:host([scale=s])*/[scale=s].sc-calcite-text-area-h{font-size:var(--calcite-font-size--2)}/*!@:host([scale=s]) .footer*/[scale=s].sc-calcite-text-area-h .footer.sc-calcite-text-area{padding-block:0.25rem;padding-inline:0.5rem;min-block-size:1.75rem}/*!@:host([scale=s]) textarea*/[scale=s].sc-calcite-text-area-h textarea.sc-calcite-text-area{padding-block:0.25rem;padding-inline:0.5rem}/*!@:host([scale=s]) textarea,\n:host([scale=s]) .footer,\n:host([scale=s]) .character-limit*/[scale=s].sc-calcite-text-area-h textarea.sc-calcite-text-area,[scale=s].sc-calcite-text-area-h .footer.sc-calcite-text-area,[scale=s].sc-calcite-text-area-h .character-limit.sc-calcite-text-area{padding-inline-start:0.5rem;font-size:var(--calcite-font-size--2)}/*!@:host([scale=m]) textarea*/[scale=m].sc-calcite-text-area-h textarea.sc-calcite-text-area{padding-block:0.5rem;padding-inline:0.75rem}/*!@:host([scale=m]) .footer*/[scale=m].sc-calcite-text-area-h .footer.sc-calcite-text-area{padding-block:0.5rem;padding-inline:0.75rem;min-block-size:2.25rem}/*!@:host([scale=m]) textarea,\n:host([scale=m]) .footer,\n:host([scale=m]) .character-limit*/[scale=m].sc-calcite-text-area-h textarea.sc-calcite-text-area,[scale=m].sc-calcite-text-area-h .footer.sc-calcite-text-area,[scale=m].sc-calcite-text-area-h .character-limit.sc-calcite-text-area{padding-inline-start:0.75rem;font-size:var(--calcite-font-size--1)}/*!@:host([scale=l])*/[scale=l].sc-calcite-text-area-h{font-size:var(--calcite-font-size-0)}/*!@:host([scale=l]) textarea*/[scale=l].sc-calcite-text-area-h textarea.sc-calcite-text-area{padding-block:0.75rem;padding-inline:1rem}/*!@:host([scale=l]) .footer*/[scale=l].sc-calcite-text-area-h .footer.sc-calcite-text-area{padding-block:0.75rem;padding-inline:1rem;min-block-size:2.75rem}/*!@:host([scale=l]) textarea,\n:host([scale=l]) .footer,\n:host([scale=l]) .character-limit*/[scale=l].sc-calcite-text-area-h textarea.sc-calcite-text-area,[scale=l].sc-calcite-text-area-h .footer.sc-calcite-text-area,[scale=l].sc-calcite-text-area-h .character-limit.sc-calcite-text-area{padding-inline-start:1rem;font-size:var(--calcite-font-size-0)}/*!@.readonly*/.readonly.sc-calcite-text-area{background-color:var(--calcite-ui-background);font-weight:var(--calcite-font-weight-medium)}/*!@:host([disabled]) textarea,\n:host([disabled]) footer*/[disabled].sc-calcite-text-area-h textarea.sc-calcite-text-area,[disabled].sc-calcite-text-area-h footer.sc-calcite-text-area{opacity:0.5}/*!@.border--color*/.border--color.sc-calcite-text-area{border-block-end-width:1px;border-color:var(--calcite-ui-border-input)}/*!@.border--color:focus*/.border--color.sc-calcite-text-area:focus{border-block-end-width:2px}/*!@textarea.block-size--full*/textarea.block-size--full.sc-calcite-text-area{block-size:100%}/*!@.content,\n.hide*/.content.sc-calcite-text-area,.hide.sc-calcite-text-area{display:none}/*!@.container*/.container.sc-calcite-text-area{display:flex;inline-size:100%;justify-content:space-between}/*!@.footer--end-only*/.footer--end-only.sc-calcite-text-area{justify-content:flex-end}/*!@.assistive-text*/.assistive-text.sc-calcite-text-area{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])*/.sc-calcite-text-area-s>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}/*!@:host([disabled]) ::slotted([calcite-hydrated][disabled]),\n:host([disabled]) [calcite-hydrated][disabled]*/.sc-calcite-text-area-h[disabled] .sc-calcite-text-area-s>[calcite-hydrated][disabled],[disabled].sc-calcite-text-area-h [calcite-hydrated][disabled].sc-calcite-text-area{opacity:1}/*!@:host([hidden])*/[hidden].sc-calcite-text-area-h{display:none}/*!@[hidden]*/[hidden].sc-calcite-text-area{display:none}";
 
 /**
  * @slot - A slot for adding text.
@@ -39808,6 +39811,7 @@ class TextArea {
     registerInstance(this, hostRef);
     this.calciteTextAreaInput = createEvent(this, "calciteTextAreaInput", 7);
     this.calciteTextAreaChange = createEvent(this, "calciteTextAreaChange", 7);
+    this.guid = guid();
     this.handleInput = (event) => {
       this.value = event.target["value"];
       this.calciteTextAreaInput.emit();
@@ -39828,11 +39832,15 @@ class TextArea {
     this.renderCharacterLimit = () => {
       if (this.maxLength) {
         this.localizedCharacterLengthObj = this.getLocalizedCharacterLength();
-        return (hAsync("span", { class: CSS$8.characterLimit }, hAsync("span", { class: { [CSS$8.characterOverLimit]: this.value?.length > this.maxLength } }, this.localizedCharacterLengthObj.currentLength), "/", this.localizedCharacterLengthObj.maxLength));
+        return (hAsync("span", { class: CSS$8.characterLimit }, hAsync("span", { class: { [CSS$8.characterOverLimit]: this.isCharacterLimitExceeded() } }, this.localizedCharacterLengthObj.currentLength), "/", this.localizedCharacterLengthObj.maxLength));
       }
       return null;
     };
     this.resizeObserver = createObserver();
+    this.setTextAreaEl = (el) => {
+      this.textAreaEl = el;
+      this.resizeObserver.observe(el);
+    };
     // height and width are set to auto here to avoid overlapping on to neighboring elements in the layout when user starts resizing.
     // throttle is used to avoid flashing of textarea when user resizes.
     this.setHeightAndWidthToAuto = throttle$1(() => {
@@ -39843,10 +39851,6 @@ class TextArea {
         this.el.style.width = "auto";
       }
     }, RESIZE_TIMEOUT, { leading: false });
-    this.setTextAreaEl = (el) => {
-      this.textAreaEl = el;
-      this.resizeObserver.observe(el);
-    };
     this.autofocus = false;
     this.columns = undefined;
     this.disabled = false;
@@ -39908,9 +39912,9 @@ class TextArea {
   }
   render() {
     const hasFooter = this.startSlotHasElements || this.endSlotHasElements || !!this.maxLength;
-    return (hAsync(Host, null, hAsync("textarea", { "aria-invalid": toAriaBoolean(this.value?.length > this.maxLength), "aria-label": getLabelText(this), autofocus: this.autofocus, class: {
+    return (hAsync(Host, null, hAsync("textarea", { "aria-describedby": this.guid, "aria-invalid": toAriaBoolean(this.isCharacterLimitExceeded()), "aria-label": getLabelText(this), autofocus: this.autofocus, class: {
         [CSS$8.readOnly]: this.readOnly,
-        [CSS$8.textAreaInvalid]: this.value?.length > this.maxLength,
+        [CSS$8.textAreaInvalid]: this.isCharacterLimitExceeded(),
         [CSS$8.footerSlotted]: this.endSlotHasElements && this.startSlotHasElements,
         [CSS$8.blockSizeFull]: !hasFooter,
         [CSS$8.borderColor]: !hasFooter,
@@ -39923,7 +39927,7 @@ class TextArea {
       }, ref: (el) => (this.footerEl = el) }, hAsync("div", { class: {
         [CSS$8.container]: true,
         [CSS$8.footerEndSlotOnly]: !this.startSlotHasElements && this.endSlotHasElements,
-      } }, hAsync("slot", { name: SLOTS$4.footerStart, onSlotchange: (event) => (this.startSlotHasElements = slotChangeHasAssignedElement(event)) }), hAsync("slot", { name: SLOTS$4.footerEnd, onSlotchange: (event) => (this.endSlotHasElements = slotChangeHasAssignedElement(event)) })), this.renderCharacterLimit()), hAsync(HiddenFormInputSlot, { component: this })));
+      } }, hAsync("slot", { name: SLOTS$4.footerStart, onSlotchange: (event) => (this.startSlotHasElements = slotChangeHasAssignedElement(event)) }), hAsync("slot", { name: SLOTS$4.footerEnd, onSlotchange: (event) => (this.endSlotHasElements = slotChangeHasAssignedElement(event)) })), this.renderCharacterLimit()), hAsync(HiddenFormInputSlot, { component: this }), this.isCharacterLimitExceeded() && (hAsync("span", { "aria-hidden": true, "aria-live": "polite", class: CSS$8.assistiveText, id: this.guid }, this.replacePlaceHoldersInMessages()))));
   }
   //--------------------------------------------------------------------------
   //
@@ -39973,15 +39977,10 @@ class TextArea {
   }
   syncHiddenFormInput(input) {
     input.setCustomValidity("");
-    if (this.value?.length > this.maxLength) {
+    if (this.isCharacterLimitExceeded()) {
       input.setCustomValidity(this.replacePlaceHoldersInMessages());
     }
   }
-  replacePlaceHoldersInMessages() {
-    return this.messages.tooLong
-      .replace("{maxLength}", this.localizedCharacterLengthObj.maxLength)
-      .replace("{currentLength}", this.localizedCharacterLengthObj.currentLength);
-  }
   setTextAreaHeight() {
     const { textAreaHeight, elHeight, footerHeight } = this.getHeightandWidthOfElements();
     if (footerHeight > 0 && textAreaHeight + footerHeight != elHeight) {
@@ -40001,6 +40000,14 @@ class TextArea {
       footerWidth,
     };
   }
+  replacePlaceHoldersInMessages() {
+    return this.messages.tooLong
+      .replace("{maxLength}", this.localizedCharacterLengthObj.maxLength)
+      .replace("{currentLength}", this.localizedCharacterLengthObj.currentLength);
+  }
+  isCharacterLimitExceeded() {
+    return this.value?.length > this.maxLength;
+  }
   static get assetsDirs() { return ["assets"]; }
   get el() { return getElement(this); }
   static get watchers() { return {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@esri/calcite-components",
-  "version": "1.5.0-next.31",
+  "version": "1.5.0-next.32",
   "description": "Web Components for Esri's Calcite Design System.",
   "main": "dist/index.cjs.js",
   "module": "dist/index.js",
@@ -86,5 +86,5 @@
   "volta": {
     "extends": "../../package.json"
   },
-  "gitHead": "7c20289a8c4c262399acf07e2aa12ceed5e8b58e"
+  "gitHead": "de97c49a8c7e5c6b4570aa81e72e753c9c96de8e"
 }

package/dist/calcite/p-1c0d4b52.entry.js

@@ -1,6 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v1.5.0-next.31
- */
-import{r as t,h as a,a as i}from"./p-3803ea95.js";import{c as e}from"./p-f244a263.js";import{c as s,s as n,a as o}from"./p-c6ea9c4e.js";const r=class{constructor(a){t(this,a),this.itemMutationObserver=e("mutation",(()=>this.updateFlowProps())),this.getFlowDirection=(t,a)=>t&&a>1||t>1?a<t?"retreating":"advancing":null,this.updateFlowProps=()=>{const{el:t,items:a}=this,i=Array.from(t.querySelectorAll("calcite-flow-item")).filter((a=>a.closest("calcite-flow")===t)),e=a.length,s=i.length,n=i[s-1],o=i[s-2];if(s&&n&&i.forEach((t=>{t.showBackButton=t===n&&s>1,t.hidden=t!==n})),o&&(o.menuOpen=!1),this.items=i,e!==s){const t=this.getFlowDirection(e,s);this.itemCount=s,this.flowDirection=t}},this.flowDirection=null,this.itemCount=0,this.items=[]}async back(){const{items:t}=this,a=t[t.length-1];if(!a)return;const i=a.beforeBack?a.beforeBack:()=>Promise.resolve();return await i.call(a),a.remove(),a}async setFocus(){await s(this);const{items:t}=this;return t[t.length-1]?.setFocus()}connectedCallback(){this.itemMutationObserver?.observe(this.el,{childList:!0,subtree:!0}),this.updateFlowProps()}async componentWillLoad(){n(this)}componentDidLoad(){o(this)}disconnectedCallback(){this.itemMutationObserver?.disconnect()}async handleItemBackClick(){return await this.back(),this.setFocus()}render(){const{flowDirection:t}=this;return a("div",{class:{frame:!0,"frame--advancing":"advancing"===t,"frame--retreating":"retreating"===t}},a("slot",null))}get el(){return i(this)}};r.style=":host{box-sizing:border-box;background-color:var(--calcite-ui-foreground-1);color:var(--calcite-ui-text-2);font-size:var(--calcite-font-size--1)}:host *{box-sizing:border-box}:host{position:relative;display:flex;inline-size:100%;flex:1 1 auto;align-items:stretch;overflow:hidden;background-color:transparent}:host .frame{position:relative;margin:0px;display:flex;inline-size:100%;flex:1 1 auto;flex-direction:column;align-items:stretch;padding:0px}:host ::slotted(calcite-flow-item),:host ::slotted(calcite-panel){block-size:100%}:host ::slotted(.calcite-match-height:last-child){display:flex;flex:1 1 auto;overflow:hidden}:host .frame--advancing{animation:calcite-frame-advance var(--calcite-animation-timing)}:host .frame--retreating{animation:calcite-frame-retreat var(--calcite-animation-timing)}@keyframes calcite-frame-advance{0%{--tw-bg-opacity:0.5;transform:translate3d(50px, 0, 0)}100%{--tw-bg-opacity:1;transform:translate3d(0, 0, 0)}}@keyframes calcite-frame-retreat{0%{--tw-bg-opacity:0.5;transform:translate3d(-50px, 0, 0)}100%{--tw-bg-opacity:1;transform:translate3d(0, 0, 0)}}:host([hidden]){display:none}[hidden]{display:none}";export{r as calcite_flow}

package/dist/calcite/p-257cf992.js

@@ -1,6 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v1.5.0-next.31
- */
-import{f as t}from"./p-3803ea95.js";import{c as o}from"./p-f244a263.js";const n=new Set;let s;const c={childList:!0};function f(t){s||(s=o("mutation",i)),s.observe(t.el,c)}function a(t){n.delete(t.el),i(s.takeRecords()),s.disconnect();for(const[t]of n.entries())s.observe(t,c)}function i(o){o.forEach((({target:o})=>{t(o)}))}export{f as c,a as d}

package/dist/calcite/p-2c49baa2.entry.js

@@ -1,6 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v1.5.0-next.31
- */
-import{r as t,c as i,h as e,F as s,a}from"./p-3803ea95.js";import{s as o,a as n,c}from"./p-c6ea9c4e.js";import{n as r,c as l,d as h}from"./p-1d4e8c12.js";import{u as p,c as d,s as u,d as g}from"./p-b414447e.js";import"./p-7fc8c8b9.js";import"./p-710ea6ee.js";import"./p-1c86394b.js";import"./p-168096a6.js";import"./p-f244a263.js";const m="is-disabled",v="ellipsis",f=class{constructor(e){t(this,e),this.calcitePaginationChange=i(this,"calcitePaginationChange",6),this.previousClicked=()=>{this.previousPage().then(),this.emitUpdate()},this.nextClicked=()=>{this.nextPage(),this.emitUpdate()},this.groupSeparator=!1,this.messageOverrides=void 0,this.pageSize=20,this.numberingSystem=void 0,this.startItem=1,this.totalItems=0,this.scale="m",this.defaultMessages=void 0,this.effectiveLocale="",this.messages=void 0}onMessagesChange(){}effectiveLocaleChange(){p(this,this.effectiveLocale)}effectiveLocaleWatcher(){r.numberFormatOptions={locale:this.effectiveLocale,numberingSystem:this.numberingSystem,useGrouping:this.groupSeparator}}connectedCallback(){l(this),d(this)}async componentWillLoad(){await u(this),o(this)}componentDidLoad(){n(this)}disconnectedCallback(){h(this),g(this)}async setFocus(){await c(this),this.el.focus()}async nextPage(){this.startItem=Math.min(this.getLastStart(),this.startItem+this.pageSize)}async previousPage(){this.startItem=Math.max(1,this.startItem-this.pageSize)}getLastStart(){const{totalItems:t,pageSize:i}=this;return 1+(t%i==0?t-i:Math.floor(t/i)*i)}showLeftEllipsis(){return Math.floor(this.startItem/this.pageSize)>3}showRightEllipsis(){return(this.totalItems-this.startItem)/this.pageSize>3}emitUpdate(){this.calcitePaginationChange.emit()}renderPages(){const t=this.getLastStart();let i,e;this.totalItems/this.pageSize<=5?(e=1+this.pageSize,i=t-this.pageSize):this.startItem/this.pageSize<4?(e=1+this.pageSize,i=1+4*this.pageSize):this.startItem+3*this.pageSize>=this.totalItems?(e=t-4*this.pageSize,i=t-this.pageSize):(e=this.startItem-this.pageSize,i=this.startItem+this.pageSize);const s=[];for(;e<=i;)s.push(e),e+=this.pageSize;return s.map((t=>this.renderPage(t)))}renderPage(t){const i=Math.floor(t/this.pageSize)+(1===this.pageSize?0:1);r.numberFormatOptions={locale:this.effectiveLocale,numberingSystem:this.numberingSystem,useGrouping:this.groupSeparator};const s=r.localize(i.toString()),a=t===this.startItem;return e("button",{"aria-current":a?"page":"false",class:{page:!0,"is-selected":a},onClick:()=>{this.startItem=t,this.emitUpdate()}},s)}renderLeftEllipsis(){if(this.totalItems/this.pageSize>5&&this.showLeftEllipsis())return e("span",{class:`${v} ellipsis--start`},"…")}renderRightEllipsis(){if(this.totalItems/this.pageSize>5&&this.showRightEllipsis())return e("span",{class:`${v} ellipsis--end`},"…")}render(){const{totalItems:t,pageSize:i,startItem:a}=this,o=1===i?a<=i:a<i,n=a+i>t;return e(s,null,e("button",{"aria-label":this.messages.previous,class:{previous:!0,[m]:o},disabled:o,onClick:this.previousClicked},e("calcite-icon",{flipRtl:!0,icon:"chevronLeft",scale:"l"===this.scale?"m":"s"})),t>i?this.renderPage(1):null,this.renderLeftEllipsis(),this.renderPages(),this.renderRightEllipsis(),this.renderPage(this.getLastStart()),e("button",{"aria-label":this.messages.next,class:{next:!0,[m]:n},disabled:n,onClick:this.nextClicked},e("calcite-icon",{flipRtl:!0,icon:"chevronRight",scale:"l"===this.scale?"m":"s"})))}static get delegatesFocus(){return!0}static get assetsDirs(){return["assets"]}get el(){return a(this)}static get watchers(){return{messageOverrides:["onMessagesChange"],effectiveLocale:["effectiveLocaleChange","effectiveLocaleWatcher"]}}};f.style=":host([scale=s]){--calcite-pagination-spacing-internal:0.25rem 0.5rem}:host([scale=s]) .previous,:host([scale=s]) .next,:host([scale=s]) .page{block-size:1.5rem;font-size:var(--calcite-font-size--2);line-height:1rem}:host([scale=s]) .previous,:host([scale=s]) .next{padding-inline:0.25rem}:host([scale=m]){--calcite-pagination-spacing-internal:0.5rem 0.75rem}:host([scale=m]) .previous,:host([scale=m]) .next,:host([scale=m]) .page{block-size:2rem;font-size:var(--calcite-font-size--1);line-height:1rem}:host([scale=m]) .previous,:host([scale=m]) .next{padding-inline:0.5rem}:host([scale=l]){--calcite-pagination-spacing-internal:0.75rem 1rem}:host([scale=l]) .previous,:host([scale=l]) .next,:host([scale=l]) .page{block-size:2.75rem;font-size:var(--calcite-font-size-0);line-height:1.25rem}:host([scale=l]) .previous,:host([scale=l]) .next{padding-inline:1rem}:host{display:flex;writing-mode:horizontal-tb}:host button{outline-color:transparent}:host button:focus{outline:2px solid var(--calcite-ui-focus-color, var(--calcite-ui-brand));outline-offset:calc(\n            -2px *\n            calc(\n              1 -\n              2 * clamp(\n                0,\n                var(--calcite-ui-focus-offset-invert),\n                1\n              )\n            )\n          )}.previous,.next,.page{box-sizing:border-box;display:flex;cursor:pointer;align-items:center;border-style:none;--tw-border-opacity:0;background-color:transparent;font-family:inherit;font-size:var(--calcite-font-size-0);line-height:1.25rem;color:var(--calcite-ui-text-3);border-block:2px solid transparent}.previous:hover,.next:hover,.page:hover{color:var(--calcite-ui-text-1);transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s}.page:hover{border-block-end-color:var(--calcite-ui-border-2)}.page.is-selected{font-weight:var(--calcite-font-weight-medium);color:var(--calcite-ui-text-1);border-block-end-color:var(--calcite-ui-brand)}.previous:hover,.next:hover{background-color:var(--calcite-ui-foreground-2);color:var(--calcite-ui-brand)}.previous:active,.next:active{background-color:var(--calcite-ui-foreground-3)}.previous.is-disabled,.next.is-disabled{pointer-events:none;background-color:transparent}.previous.is-disabled>calcite-icon,.next.is-disabled>calcite-icon{opacity:var(--calcite-ui-opacity-disabled)}.next{margin-inline-end:0px}.page,.ellipsis{padding:var(--calcite-pagination-spacing-internal)}.ellipsis{display:flex;align-items:flex-end;color:var(--calcite-ui-text-3)}:host([hidden]){display:none}[hidden]{display:none}";export{f as calcite_pagination}

package/dist/calcite/p-49f74bd0.entry.js

@@ -1,6 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v1.5.0-next.31
- */
-export{I as calcite_input_time_picker,T as calcite_time_picker}from"./p-3935b8ae.js";import"./p-3803ea95.js";import"./p-3ac09488.js";import"./p-7fc8c8b9.js";import"./p-710ea6ee.js";import"./p-1c86394b.js";import"./p-8a4d0819.js";import"./p-168096a6.js";import"./p-253adb41.js";import"./p-c6ea9c4e.js";import"./p-1d4e8c12.js";import"./p-f244a263.js";import"./p-20d97420.js";import"./p-b414447e.js";

package/dist/calcite/p-4adc5ac1.entry.js

@@ -1,6 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v1.5.0-next.31
- */
-import{r as t,h as a,a as o}from"./p-3803ea95.js";import{d as s}from"./p-7fc8c8b9.js";import{c as i,u as e,d}from"./p-8a4d0819.js";import{s as r,a as l,c}from"./p-c6ea9c4e.js";import"./p-710ea6ee.js";import"./p-1c86394b.js";const p=class{constructor(a){t(this,a),this.appearance="solid",this.kind="brand",this.disabled=!1,this.icon="plus",this.iconFlipRtl=!1,this.label=void 0,this.loading=!1,this.scale="m",this.text=void 0,this.textEnabled=!1}connectedCallback(){i(this)}componentWillLoad(){r(this)}componentDidLoad(){l(this)}componentDidRender(){e(this)}disconnectedCallback(){d(this)}async setFocus(){await c(this),s(this.buttonEl)}render(){const{appearance:t,kind:o,disabled:s,loading:i,scale:e,textEnabled:d,icon:r,label:l,text:c,iconFlipRtl:p}=this;return a("calcite-button",{appearance:"solid"===t?"solid":"outline-fill",class:"button",disabled:s,iconFlipRtl:p?"start":null,iconStart:r,kind:o,label:l,loading:i,round:!0,scale:e,title:d?null:l||c||null,type:"button",width:"auto",ref:t=>{this.buttonEl=t}},this.textEnabled?this.text:null)}get el(){return o(this)}};p.style=":host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-ui-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{display:flex;background-color:transparent}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}calcite-button{--tw-shadow:0 6px 20px -4px rgba(0, 0, 0, 0.1), 0 4px 12px -2px rgba(0, 0, 0, 0.08);--tw-shadow-colored:0 6px 20px -4px var(--tw-shadow-color), 0 4px 12px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}calcite-button:hover{--tw-shadow:0 12px 32px -2px rgba(0, 0, 0, 0.1), 0 4px 20px 0 rgba(0, 0, 0, 0.08);--tw-shadow-colored:0 12px 32px -2px var(--tw-shadow-color), 0 4px 20px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}calcite-button:active{--tw-shadow:0 2px 12px -4px rgba(0, 0, 0, 0.2), 0 2px 4px -2px rgba(0, 0, 0, 0.16);--tw-shadow-colored:0 2px 12px -4px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}:host([hidden]){display:none}[hidden]{display:none}";export{p as calcite_fab}

package/dist/calcite/p-61e5ec28.entry.js

@@ -1,6 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v1.5.0-next.31
- */
-import{h as i,r as t,c as s,H as e,a}from"./p-3803ea95.js";import{c as n,d as o,H as h}from"./p-3ac09488.js";import{g as l}from"./p-710ea6ee.js";import{c as r,d as c,u as d}from"./p-8a4d0819.js";import{c as p,d as u}from"./p-253adb41.js";import{s as m,a as f,c as v}from"./p-c6ea9c4e.js";import{c as b,d as g}from"./p-1d4e8c12.js";import{u as y,c as w,s as k,d as x}from"./p-b414447e.js";import"./p-7fc8c8b9.js";import"./p-1c86394b.js";import"./p-168096a6.js";import"./p-f244a263.js";const j=({full:t,scale:s,partial:e})=>i("calcite-icon",{class:e?void 0:"icon",icon:t?"star-f":"star",scale:s}),z=class{constructor(i){t(this,i),this.calciteRatingChange=s(this,"calciteRatingChange",6),this.handleRatingPointerOver=()=>{this.isKeyboardInteraction=!1},this.handleRatingPointerOut=()=>{this.isKeyboardInteraction=!0,this.hoverValue=null,this.focusValue=null,this.hasFocus=!1},this.handleRatingFocusIn=()=>{const i=this.inputRefs[this.value>0?this.value-1:0],t=Number(i.value);i.select(),this.focusValue=t,this.hoverValue=t,this.hasFocus=!0},this.handleRatingFocusLeave=()=>{this.focusValue=null,this.hoverValue=null,this.hasFocus=!1},this.handleHostKeyDown=()=>{this.isKeyboardInteraction=!0},this.handleInputKeyDown=i=>{const t=Number(i.currentTarget.value),s=i.key,e=" "==s?void 0:Number(s);if(this.emit=!0,isNaN(e))switch(s){case"Enter":case" ":this.value=this.required||this.value!==t?t:0;break;case"ArrowLeft":this.value=t-1;break;case"ArrowRight":this.value=t+1;break;case"Tab":this.hasFocus&&(this.hasFocus=!1,this.focusValue=null,this.hoverValue=null)}else(!this.required&&e>=0&&e<=this.max||this.required&&e>0&&e<=this.max)&&(this.value=e)},this.handleInputChange=i=>{if(!0===this.isKeyboardInteraction){const t=Number(i.target.value);this.focusValue=t,this.hoverValue=t,this.value=t}},this.handleLabelPointerOver=i=>{const t=Number(i.currentTarget.firstChild.value||0);this.hoverValue=t,this.focusValue=null},this.handleLabelPointerDown=i=>{const t=Number(i.currentTarget.firstChild.value||0);this.focusValue=null,this.hoverValue=null,this.emit=!0,this.value=this.required||this.value!==t?t:0},this.emit=!1,this.guid=`calcite-ratings-${l()}`,this.isKeyboardInteraction=!0,this.max=5,this.average=void 0,this.count=void 0,this.disabled=!1,this.form=void 0,this.messages=void 0,this.messageOverrides=void 0,this.name=void 0,this.readOnly=!1,this.required=!1,this.scale="m",this.showChip=!1,this.value=0,this.effectiveLocale="",this.defaultMessages=void 0,this.hoverValue=void 0,this.focusValue=void 0,this.hasFocus=void 0}onMessagesChange(){}handleValueUpdate(i){this.hoverValue=i,this.focusValue=i,this.emit&&this.calciteRatingChange.emit(),this.emit=!1}effectiveLocaleChange(){y(this,this.effectiveLocale)}connectedCallback(){r(this),b(this),w(this),p(this),n(this)}async componentWillLoad(){await k(this),m(this),this.inputRefs=Array(this.max)}componentWillRender(){this.starsMap=Array.from({length:this.max},((i,t)=>{const s=t+1,e=this.average&&this.average+1-s,a=s<=this.hoverValue;return{average:!this.focusValue&&!this.hoverValue&&this.average&&!this.value&&s<=this.average,checked:s===this.value,focused:this.isKeyboardInteraction&&this.hasFocus&&this.focusValue===s,fraction:e,hovered:a,id:`${this.guid}-${s}`,idx:t,partial:!this.focusValue&&!this.hoverValue&&!this.value&&!a&&e>0&&e<1,selected:this.value>=s,value:s}}))}componentDidLoad(){f(this)}disconnectedCallback(){c(this),g(this),x(this),u(this),o(this)}componentDidRender(){d(this)}render(){return i(e,{onBlur:this.handleRatingFocusLeave,onFocus:this.handleRatingFocusIn,onKeyDown:this.handleHostKeyDown,onPointerOut:this.handleRatingPointerOut,onPointerOver:this.handleRatingPointerOver},i("span",{class:"wrapper"},i("fieldset",{class:"fieldset",disabled:this.disabled},i("legend",{class:"visually-hidden"},this.messages.rating),this.starsMap.map((({average:t,checked:s,focused:e,fraction:a,hovered:n,id:o,idx:h,partial:l,selected:r,value:c})=>i("label",{class:{star:!0,focused:e,selected:r,hovered:n,average:t,partial:l},htmlFor:o,onPointerDown:this.handleLabelPointerDown,onPointerOver:this.handleLabelPointerOver},i("input",{checked:s,class:"visually-hidden",disabled:this.disabled||this.readOnly,id:o,name:this.guid,onChange:this.handleInputChange,onKeyDown:this.handleInputKeyDown,type:"radio",value:c,ref:i=>(this.inputRefs[h]=i,(1===c||c===this.value)&&(this.inputFocusRef=i))}),i(j,{full:r||t,scale:this.scale}),l&&i("div",{class:"fraction",style:{width:100*a+"%"}},i(j,{full:!0,partial:!0,scale:this.scale})),i("span",{class:"visually-hidden"},this.messages.stars.replace("{num}",`${c}`))))),(this.count||this.average)&&this.showChip?i("calcite-chip",{scale:this.scale,value:this.count?.toString()},!!this.average&&i("span",{class:"number--average"},this.average.toString()),!!this.count&&i("span",{class:"number--count"},"(",this.count?.toString(),")")):null),i(h,{component:this})))}onLabelClick(){this.setFocus()}async setFocus(){await v(this),this.inputFocusRef?.focus()}static get assetsDirs(){return["assets"]}get el(){return a(this)}static get watchers(){return{messageOverrides:["onMessagesChange"],value:["handleValueUpdate"],effectiveLocale:["effectiveLocaleChange"]}}};z.style=":host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-ui-opacity-disabled)}:host([read-only]) *,:host([disabled]) *,:host([read-only]) ::slotted(*),:host([disabled]) ::slotted(*){pointer-events:none}: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}.fieldset{margin:0;display:flex;border-width:0;padding:0;align-items:center;gap:var(--calcite-rating-spacing-unit)}.wrapper{display:inline-block}.star{transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;position:relative;display:flex;flex-direction:column;cursor:pointer;color:var(--calcite-ui-border-input)}.focused{outline:2px solid var(--calcite-ui-focus-color, var(--calcite-ui-brand));outline-offset:calc(\n            2px *\n            calc(\n              1 -\n              2 * clamp(\n                0,\n                var(--calcite-ui-focus-offset-invert),\n                1\n              )\n            )\n          )}.average,.fraction{color:var(--calcite-ui-warning)}.hovered,.selected{color:var(--calcite-ui-brand)}.fraction{transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;position:absolute;pointer-events:none;inset-block-start:0;overflow:hidden;inset-inline-start:0}calcite-chip{pointer-events:none;cursor:default}.number--average{font-weight:bold}.number--count{color:var(--calcite-ui-text-2);font-style:italic}.number--count:not(:first-child){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}:host([hidden]){display:none}[hidden]{display:none}";export{z as calcite_rating}

package/dist/calcite/p-6abbffb0.entry.js

@@ -1,6 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v1.5.0-next.31
- */
-import{r as e,h as i,a as s}from"./p-3803ea95.js";import{c as t,d as a}from"./p-1d4e8c12.js";import{u as n,c,s as o,d as r}from"./p-b414447e.js";import{c as l}from"./p-f244a263.js";import"./p-7fc8c8b9.js";import"./p-710ea6ee.js";import"./p-1c86394b.js";import"./p-168096a6.js";const d=class{constructor(i){e(this,i),this.resizeObserver=l("resize",(()=>this.handleResize())),this.storeLoaderEl=e=>{this.loaderEl=e,this.handleResize()},this.loading=!1,this.messages=void 0,this.messageOverrides=void 0,this.loaderScale=void 0,this.defaultMessages=void 0,this.effectiveLocale=""}onMessagesChange(){}effectiveLocaleChange(){n(this,this.effectiveLocale)}connectedCallback(){t(this),c(this)}async componentWillLoad(){await o(this)}disconnectedCallback(){a(this),r(this)}render(){const{el:e,loading:s,messages:t}=this,a=e.innerHTML.trim().length>0,n=s?i("calcite-loader",{label:t.loading,ref:this.storeLoaderEl,scale:this.loaderScale}):null,c=a?i("div",{class:"content"},i("slot",null)):null;return i("div",{class:"scrim"},n,c)}getScale(e){return e<72?"s":e>=480?"l":"m"}handleResize(){const{loaderEl:e,el:i}=this;e&&(this.loaderScale=this.getScale(Math.min(i.clientHeight,i.clientWidth)??0))}static get assetsDirs(){return["assets"]}get el(){return s(this)}static get watchers(){return{messageOverrides:["onMessagesChange"],effectiveLocale:["effectiveLocaleChange"]}}};d.style=":host{position:absolute;inset:0px;z-index:var(--calcite-app-z-index-overlay);display:flex;block-size:100%;inline-size:100%;flex-direction:column;align-items:stretch}@keyframes calcite-scrim-fade-in{0%{--tw-bg-opacity:0}100%{--tw-text-opacity:1}}.scrim{position:absolute;inset:0px;display:flex;flex-direction:column;align-content:center;align-items:center;justify-content:center;overflow:hidden;animation:calcite-scrim-fade-in var(--calcite-internal-animation-timing-medium) ease-in-out;background-color:var(--calcite-scrim-background, var(--calcite-scrim-background-internal))}.content{padding:1rem}:host([hidden]){display:none}[hidden]{display:none}";export{d as calcite_scrim}

package/dist/calcite/p-6e97b09b.entry.js

@@ -1,6 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v1.5.0-next.31
- */
-import{r as t,c as i,h as e,a as s,F as a}from"./p-3803ea95.js";import{c as n,d as o,u as c}from"./p-8a4d0819.js";import{s as l,a as r,c as h}from"./p-c6ea9c4e.js";import{c as d}from"./p-f244a263.js";import{m as p,d as m,a as u,s as g,h as f,b,c as v,k as x,i as w,f as k,l as y,j as z,r as C,o as L,p as j,n as I,q as H,t as W,I as F,L as _,u as D,v as R,w as M,C as S,S as V}from"./p-4fed7c14.js";import{c as A,d as P}from"./p-257cf992.js";import{g as T,t as U}from"./p-7fc8c8b9.js";import{H as K,c as O}from"./p-b4e31ff6.js";import{c as q,d as E}from"./p-1d4e8c12.js";import{u as B,c as G,s as J,d as N}from"./p-b414447e.js";import"./p-e534f586.js";import"./p-a54c4cff.js";import"./p-710ea6ee.js";import"./p-1c86394b.js";import"./p-168096a6.js";const Q=class{constructor(e){t(this,e),this.calciteListChange=i(this,"calciteListChange",6),this.calciteListFilter=i(this,"calciteListFilter",6),this.lastSelectedItem=null,this.mutationObserver=d("mutation",p.bind(this)),this.setFilterEl=t=>{this.filterEl=t},this.setFilteredItems=t=>{this.filteredItems=t},this.deselectRemovedItems=m.bind(this),this.deselectSiblingItems=u.bind(this),this.selectSiblings=g.bind(this),this.handleFilter=f.bind(this),this.handleFilterEvent=b.bind(this),this.getItemData=v.bind(this),this.keyDownHandler=x.bind(this),this.disabled=!1,this.filteredItems=[],this.filteredData=[],this.filterEnabled=!1,this.filterPlaceholder=void 0,this.filterText=void 0,this.headingLevel=void 0,this.loading=!1,this.multiple=!1,this.selectionFollowsFocus=!1,this.selectedValues=new Map,this.dataForFilter=[]}connectedCallback(){w.call(this),k.call(this),n(this)}disconnectedCallback(){y.call(this),o(this)}componentWillLoad(){l(this)}componentDidLoad(){r(this),z.call(this)}componentDidRender(){c(this)}calciteListItemRemoveHandler(t){C.call(this,t)}calciteListItemChangeHandler(t){L.call(this,t)}calciteInternalListItemPropsChangeHandler(t){t.stopPropagation(),this.setUpFilter()}calciteInternalListItemValueChangeHandler(t){j.call(this,t),t.stopPropagation()}calciteListFocusOutHandler(t){I.call(this,t)}setUpItems(){H.call(this,"calcite-pick-list-item")}setUpFilter(){this.filterEnabled&&(this.dataForFilter=this.getItemData())}async getSelectedItems(){return this.selectedValues}async setFocus(t){return await h(this),W.call(this,t)}getIconType(){return this.multiple?F.square:F.circle}render(){return e(_,{onKeyDown:this.keyDownHandler,props:this})}get el(){return s(this)}};Q.style=":host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-ui-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{position:relative;box-sizing:border-box;display:flex;flex-shrink:0;flex-grow:1;flex-direction:column;align-items:stretch;background-color:transparent;font-size:var(--calcite-font-size--1);line-height:1rem;color:var(--calcite-ui-text-2)}:host *{box-sizing:border-box}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}:host([filter-enabled]) header{margin-block-end:0.25rem;display:flex;align-items:stretch;justify-content:flex-end;background-color:var(--calcite-ui-foreground-1);--tw-shadow:0 1px 0 var(--calcite-ui-border-3);--tw-shadow-colored:0 1px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}:host([filter-enabled]) header.sticky-pos{position:sticky;inset-block-start:0px;z-index:var(--calcite-app-z-index)}calcite-filter{margin-block-end:0px}:host([loading][disabled]){min-block-size:2rem}:host([hidden]){display:none}[hidden]{display:none}";const X=class{constructor(i){t(this,i),this.groupTitle=void 0,this.headingLevel=void 0}connectedCallback(){A(this)}disconnectedCallback(){P(this)}render(){const{el:t,groupTitle:i,headingLevel:s}=this,n=null!==T(t,D.parentItem),o={[R.container]:!0,[R.indented]:n},c=i,l=t.closest("calcite-pick-list")?.headingLevel,r=l?O(l+1):null;return e(a,null,c?e(K,{class:R.heading,level:s||r},c):null,e("slot",{name:D.parentItem}),e("section",{class:o},e("slot",null)))}get el(){return s(this)}};X.style=":host{margin-block-end:0.25rem;box-sizing:border-box;display:block;background-color:transparent;font-size:var(--calcite-font-size--1);color:var(--calcite-ui-text-2)}:host *{box-sizing:border-box}:host(:last-child){margin-block-end:0px}.header{margin:0px;display:flex;align-content:space-between;align-items:center;fill:var(--calcite-ui-text-2);color:var(--calcite-ui-text-2)}.heading{margin:0px;padding:0px;font-weight:var(--calcite-font-weight-medium)}.header .heading{flex:1 1 auto;padding:0.5rem}.heading{margin-block:0.5rem;margin-inline:1rem;font-size:var(--calcite-font-size-0);line-height:1.25rem;font-size:var(--calcite-font-size--1);line-height:1.375;color:var(--calcite-ui-text-3)}.container--indented{margin-inline-start:1.5rem}:host([hidden]){display:none}[hidden]{display:none}";const Y=class{constructor(e){t(this,e),this.calciteListItemChange=i(this,"calciteListItemChange",6),this.calciteListItemRemove=i(this,"calciteListItemRemove",7),this.calciteInternalListItemPropsChange=i(this,"calciteInternalListItemPropsChange",6),this.calciteInternalListItemValueChange=i(this,"calciteInternalListItemValueChange",6),this.pickListClickHandler=t=>{this.disabled||this.deselectDisabled&&this.selected||this.nonInteractive||(this.shiftPressed=t.shiftKey,this.selected=!this.selected)},this.pickListKeyDownHandler=t=>{if(" "===t.key){if(t.preventDefault(),this.deselectDisabled&&this.selected||this.nonInteractive)return;this.selected=!this.selected}},this.removeClickHandler=()=>{this.calciteListItemRemove.emit()},this.description=void 0,this.disabled=!1,this.deselectDisabled=!1,this.nonInteractive=!1,this.icon=null,this.iconFlipRtl=!1,this.label=void 0,this.messageOverrides=void 0,this.messages=void 0,this.metadata=void 0,this.removable=!1,this.selected=!1,this.value=void 0,this.defaultMessages=void 0,this.effectiveLocale=""}descriptionWatchHandler(){this.calciteInternalListItemPropsChange.emit()}labelWatchHandler(){this.calciteInternalListItemPropsChange.emit()}onMessagesChange(){}metadataWatchHandler(){this.calciteInternalListItemPropsChange.emit()}selectedWatchHandler(){this.calciteListItemChange.emit({item:this.el,value:this.value,selected:this.selected,shiftPressed:this.shiftPressed}),this.shiftPressed=!1}valueWatchHandler(t,i){this.calciteInternalListItemValueChange.emit({oldValue:i,newValue:t})}effectiveLocaleChange(){B(this,this.effectiveLocale)}connectedCallback(){n(this),q(this),G(this),A(this)}async componentWillLoad(){await J(this),l(this)}componentDidLoad(){r(this)}disconnectedCallback(){o(this),E(this),N(this),P(this)}componentDidRender(){c(this,!!this.el.closest("calcite-pick-list")&&"managed")}async toggleSelected(t){this.selected="boolean"==typeof t?t:!this.selected}async setFocus(){await h(this),this.focusEl?.focus()}renderIcon(){const{icon:t,iconFlipRtl:i}=this;return t?e("span",{class:{[S.icon]:!0,[S.iconDot]:t===F.circle},onClick:this.pickListClickHandler},t===F.square?e("calcite-icon",{flipRtl:i,icon:M.checked,scale:"s"}):null):null}renderRemoveAction(){return this.removable?e("calcite-action",{class:S.remove,icon:M.remove,onClick:this.removeClickHandler,slot:V.actionsEnd,text:this.messages.remove}):null}renderActionsStart(){const{el:t}=this;return T(t,V.actionsStart)?e("div",{class:{[S.actions]:!0,[S.actionsStart]:!0}},e("slot",{name:V.actionsStart})):null}renderActionsEnd(){const{el:t,removable:i}=this;return T(t,V.actionsEnd)||i?e("div",{class:{[S.actions]:!0,[S.actionsEnd]:!0}},e("slot",{name:V.actionsEnd}),this.renderRemoveAction()):null}render(){const{description:t,label:i}=this;return e(a,null,this.renderIcon(),this.renderActionsStart(),e("label",{"aria-label":i,class:S.label,onClick:this.pickListClickHandler,onKeyDown:this.pickListKeyDownHandler,tabIndex:0,ref:t=>this.focusEl=t},e("div",{"aria-checked":U(this.selected),class:S.textContainer,role:"menuitemcheckbox"},e("span",{class:S.title},i),t?e("span",{class:S.description},t):null)),this.renderActionsEnd())}static get assetsDirs(){return["assets"]}get el(){return s(this)}static get watchers(){return{description:["descriptionWatchHandler"],label:["labelWatchHandler"],defaultMessages:["onMessagesChange"],messageOverrides:["onMessagesChange"],metadata:["metadataWatchHandler"],selected:["selectedWatchHandler"],value:["valueWatchHandler"],effectiveLocale:["effectiveLocaleChange"]}}};Y.style='@charset "UTF-8";:host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-ui-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{margin:0px;margin-block-end:1px;box-sizing:border-box;display:flex;align-items:stretch;background-color:var(--calcite-ui-foreground-1);font-size:var(--calcite-font-size--1);line-height:1rem;color:var(--calcite-ui-text-1);--tw-shadow:0 1px 0 var(--calcite-ui-border-3);--tw-shadow-colored:0 1px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);transition:background-color var(--calcite-animation-timing);animation:calcite-fade-in var(--calcite-animation-timing)}:host *{box-sizing:border-box}.label{display:flex;flex:1 1 auto;cursor:pointer;align-items:center;background-color:transparent;outline-color:transparent}.label:focus{outline:2px solid var(--calcite-ui-focus-color, var(--calcite-ui-brand));outline-offset:calc(\n            -2px *\n            calc(\n              1 -\n              2 * clamp(\n                0,\n                var(--calcite-ui-focus-offset-invert),\n                1\n              )\n            )\n          )}.label:hover{background-color:var(--calcite-ui-foreground-2)}:host([non-interactive]:hover){background-color:var(--calcite-ui-foreground-1)}:host([non-interactive]) .label,:host([non-interactive]) .icon{pointer-events:none}.icon{margin-block:0px;display:flex;cursor:pointer;align-items:center;padding:0.25rem;color:var(--calcite-ui-brand);flex:0 0 auto;line-height:0}.icon:hover{background-color:var(--calcite-ui-foreground-2)}.icon-dot{display:flex;inline-size:1.5rem;align-items:center;padding:0.5rem}.icon-dot:before{opacity:0;content:"•"}.icon calcite-icon{opacity:0}:host([selected]) .icon-dot:before,:host([selected]) .icon calcite-icon{transition:opacity var(--calcite-animation-timing);opacity:1}.text-container{pointer-events:none;display:flex;flex-direction:column;flex-wrap:nowrap;overflow:hidden;padding-block:0.5rem;padding-inline:0.75rem;font-size:var(--calcite-font-size--2);line-height:1.375;word-wrap:break-word;word-break:break-word}.title{font-weight:var(--calcite-font-weight-normal);color:var(--calcite-ui-text-1)}.description{margin-block-start:0.125rem;font-weight:var(--calcite-font-weight-normal);color:var(--calcite-ui-text-3)}.actions{margin:0px;display:flex;flex:0 1 auto;align-items:stretch;justify-content:flex-end}.actions--start~.label{padding-inline-start:0.25rem}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}:host([hidden]){display:none}[hidden]{display:none}';export{Q as calcite_pick_list,X as calcite_pick_list_group,Y as calcite_pick_list_item}

package/dist/calcite/p-a0d217e2.entry.js

@@ -1,6 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v1.5.0-next.31
- */
-import{r as t,c as i,h as s,a as e,H as a}from"./p-3803ea95.js";import{c as o,u as n,d as r}from"./p-8a4d0819.js";import{s as h,a as c,c as l}from"./p-c6ea9c4e.js";import{c as d,d as u}from"./p-1d4e8c12.js";import{c as p}from"./p-f244a263.js";import{u as m,c as v,s as w,d as f}from"./p-b414447e.js";import{g,m as b,d as x,a as y,s as k,h as L,b as j,c as I,k as C,e as z,i as A,f as D,j as H,l as F,n as R,r as S,o as U,p as B,q as _,t as E,L as M,I as O,C as V,S as q}from"./p-4fed7c14.js";import{d as K,c as T,o as W,a as P}from"./p-dde9b842.js";import{d as $,g as G}from"./p-7fc8c8b9.js";import{c as J,d as N}from"./p-257cf992.js";import{g as Q}from"./p-710ea6ee.js";import"./p-168096a6.js";import"./p-e534f586.js";import"./p-a54c4cff.js";import"./p-1c86394b.js";var X;function Y(t,i,s){const{items:e,messages:a}=s,o=e.length,n=g(s,t)+1;return function(t,i,s,e){return t.replace("{position}",s.toString()).replace("{itemLabel}",i).replace("{total}",e.toString())}("idle"===i?a.dragHandleIdle:"active"===i?a.dragHandleActive:"change"===i?a.dragHandleChange:a.dragHandleCommit,t.label,n,o)}function Z(t){return{handle:t.composedPath().find((t=>void 0!==t.dataset?.jsHandle)),item:t.composedPath().find((t=>"calcite-value-list-item"===t.tagName?.toLowerCase()))}}!function(t){t.grip="grip"}(X||(X={}));const tt=class{constructor(s){t(this,s),this.calciteListChange=i(this,"calciteListChange",6),this.calciteListOrderChange=i(this,"calciteListOrderChange",6),this.calciteListFilter=i(this,"calciteListFilter",6),this.lastSelectedItem=null,this.mutationObserver=p("mutation",b.bind(this)),this.setFilterEl=t=>{this.filterEl=t},this.setFilteredItems=t=>{this.filteredItems=t},this.deselectRemovedItems=x.bind(this),this.deselectSiblingItems=y.bind(this),this.selectSiblings=k.bind(this),this.handleFilter=L.bind(this),this.handleFilterEvent=j.bind(this),this.getItemData=I.bind(this),this.keyDownHandler=t=>{if(t.defaultPrevented)return;const{handle:i,item:s}=Z(t);if(i&&!s.handleActivated&&" "===t.key&&this.updateScreenReaderText(Y(s,"commit",this)),!i||!s.handleActivated)return void C.call(this,t);t.preventDefault();const{items:e}=this;if(" "===t.key&&this.updateScreenReaderText(Y(s,"active",this)),"ArrowUp"!==t.key&&"ArrowDown"!==t.key||e.length<=1)return;const{el:a}=this,o=z(this,s,"ArrowUp"===t.key?"up":"down");if(o===e.length-1)a.appendChild(s);else{const t=a.children[o];a.insertBefore(s,t===s.nextElementSibling?t.nextElementSibling:t)}this.items=this.getItems(),this.calciteListOrderChange.emit(this.items.map((({value:t})=>t))),requestAnimationFrame((()=>$(i))),s.handleActivated=!0,this.updateHandleAriaLabel(i,Y(s,"change",this))},this.storeAssistiveEl=t=>{this.assistiveTextEl=t},this.handleFocusIn=t=>{const{handle:i,item:s}=Z(t);!s?.handleActivated&&s&&i&&this.updateHandleAriaLabel(i,Y(s,"idle",this))},this.disabled=!1,this.dragEnabled=!1,this.filteredItems=[],this.filteredData=[],this.filterEnabled=!1,this.filterPlaceholder=void 0,this.filterText=void 0,this.group=void 0,this.loading=!1,this.multiple=!1,this.selectionFollowsFocus=!1,this.messageOverrides=void 0,this.messages=void 0,this.dataForFilter=[],this.defaultMessages=void 0,this.effectiveLocale="",this.selectedValues=new Map}onMessagesChange(){}effectiveLocaleChange(){m(this,this.effectiveLocale)}connectedCallback(){o(this),d(this),v(this),A.call(this),D.call(this),this.setUpSorting()}async componentWillLoad(){h(this),await w(this)}componentDidLoad(){c(this),H.call(this)}componentDidRender(){n(this)}disconnectedCallback(){r(this),K(this),u(this),f(this),F.call(this)}calciteListFocusOutHandler(t){R.call(this,t)}calciteListItemRemoveHandler(t){S.call(this,t)}calciteListItemChangeHandler(t){U.call(this,t)}calciteInternalListItemPropsChangeHandler(t){t.stopPropagation(),this.setUpFilter()}calciteInternalListItemValueChangeHandler(t){B.call(this,t),t.stopPropagation()}getItems(){return Array.from(this.el.querySelectorAll("calcite-value-list-item"))}setUpItems(){_.call(this,"calcite-value-list-item"),this.setUpSorting()}setUpFilter(){this.filterEnabled&&(this.dataForFilter=this.getItemData())}setUpSorting(){const{dragEnabled:t,group:i}=this;t&&T(this,{dataIdAttr:"id",group:i,handle:".handle",draggable:"calcite-value-list-item",onStart:()=>{F.call(this),W(this)},onEnd:()=>{P(this),D.call(this)},onUpdate:()=>{this.items=Array.from(this.el.querySelectorAll("calcite-value-list-item"));const t=this.items.map((t=>t.value));this.calciteListOrderChange.emit(t)}})}handleBlur(){this.dragEnabled&&this.updateScreenReaderText("")}async getSelectedItems(){return this.selectedValues}async setFocus(t){return await l(this),E.call(this,t)}getIconType(){let t=null;return this.dragEnabled&&(t=X.grip),t}updateScreenReaderText(t){this.assistiveTextEl.textContent=t}updateHandleAriaLabel(t,i){t.ariaLabel=i}handleValueListItemBlur(t){const{item:i,handle:s}=t.detail;!i?.handleActivated&&i&&this.updateHandleAriaLabel(s,Y(i,"idle",this)),t.stopPropagation()}render(){return s(M,{onBlur:this.handleBlur,onFocusin:this.handleFocusIn,onKeyDown:this.keyDownHandler,props:this})}static get assetsDirs(){return["assets"]}get el(){return e(this)}static get watchers(){return{messageOverrides:["onMessagesChange"],effectiveLocale:["effectiveLocaleChange"]}}};tt.style=":host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-ui-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{position:relative;box-sizing:border-box;display:flex;flex-shrink:0;flex-grow:0;flex-direction:column;align-items:stretch;background-color:transparent;font-size:var(--calcite-font-size--1);color:var(--calcite-ui-text-2)}:host *{box-sizing:border-box}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}calcite-value-list-item:last-of-type{--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}:host([filter-enabled]) header{margin-block-end:0.25rem;display:flex;align-items:center;justify-content:flex-end;background-color:var(--calcite-ui-foreground-1);--tw-shadow:0 1px 0 var(--calcite-ui-border-3);--tw-shadow-colored:0 1px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}:host([filter-enabled]) header.sticky-pos{position:sticky;inset-block-start:0px;z-index:var(--calcite-app-z-index-sticky)}calcite-filter{margin-block-end:1px}.assistive-text{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}:host([hidden]){display:none}[hidden]{display:none}";const it="actions-end",st="actions-start",et=class{constructor(s){t(this,s),this.calciteListItemChange=i(this,"calciteListItemChange",6),this.calciteListItemRemove=i(this,"calciteListItemRemove",7),this.calciteValueListItemDragHandleBlur=i(this,"calciteValueListItemDragHandleBlur",6),this.pickListItem=null,this.guid=`calcite-value-list-item-${Q()}`,this.getPickListRef=t=>this.pickListItem=t,this.handleKeyDown=t=>{" "===t.key&&(this.handleActivated=!this.handleActivated)},this.handleBlur=()=>{this.handleActivated=!1,this.calciteValueListItemDragHandleBlur.emit({item:this.el,handle:this.handleEl})},this.handleSelectChange=t=>{this.selected=t.detail.selected},this.description=void 0,this.disabled=!1,this.deselectDisabled=!1,this.nonInteractive=!1,this.handleActivated=!1,this.icon=null,this.iconFlipRtl=!1,this.label=void 0,this.metadata=void 0,this.removable=!1,this.selected=!1,this.value=void 0}connectedCallback(){J(this),o(this)}disconnectedCallback(){N(this),r(this)}componentWillLoad(){h(this)}componentDidLoad(){c(this)}componentDidRender(){n(this,!!this.el.closest("calcite-value-list")&&"managed")}async toggleSelected(t){this.pickListItem.toggleSelected(t)}async setFocus(){return await l(this),this.pickListItem?.setFocus()}calciteListItemChangeHandler(t){t.detail.item=this.el}renderActionsEnd(){const{el:t}=this;return G(t,it)?s("slot",{name:it,slot:q.actionsEnd}):null}renderActionsStart(){const{el:t}=this;return G(t,st)?s("slot",{name:st,slot:q.actionsStart}):null}renderHandle(){const{icon:t,iconFlipRtl:i}=this;if(t===O.grip)return s("span",{class:{[V.handle]:!0,[V.handleActivated]:this.handleActivated},"data-js-handle":!0,onBlur:this.handleBlur,onKeyDown:this.handleKeyDown,ref:t=>this.handleEl=t,role:"button",tabindex:"0"},s("calcite-icon",{flipRtl:i,icon:"drag",scale:"s"}))}render(){return s(a,{id:this.el.id||this.guid},this.renderHandle(),s("calcite-pick-list-item",{description:this.description,deselectDisabled:this.deselectDisabled,disabled:this.disabled,label:this.label,metadata:this.metadata,nonInteractive:this.nonInteractive,onCalciteListItemChange:this.handleSelectChange,removable:this.removable,selected:this.selected,value:this.value,ref:this.getPickListRef},this.renderActionsStart(),this.renderActionsEnd()))}get el(){return e(this)}};et.style=":host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-ui-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{margin-block-end:1px;box-sizing:border-box;display:flex;background-color:var(--calcite-ui-foreground-1);font-size:var(--calcite-font-size--1);color:var(--calcite-ui-text-2);--tw-shadow:0 1px 0 var(--calcite-ui-border-3);--tw-shadow-colored:0 1px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);transition:background-color var(--calcite-animation-timing), box-shadow var(--calcite-animation-timing)}:host *{box-sizing:border-box}calcite-pick-list-item{position:relative;margin:0px;flex-grow:1;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}:host([active]),:host([selected]){--tw-shadow:0 0 0 1px var(--calcite-ui-brand);--tw-shadow-colored:0 0 0 1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.handle{display:flex;cursor:move;align-items:center;justify-content:center;border-style:none;background-color:transparent;padding-block:0px;padding-inline:0.25rem;color:var(--calcite-ui-border-input);outline-color:transparent}.handle:hover{background-color:var(--calcite-ui-foreground-2);color:var(--calcite-ui-text-1)}.handle:focus{outline:2px solid var(--calcite-ui-focus-color, var(--calcite-ui-brand));outline-offset:calc(\n            -2px *\n            calc(\n              1 -\n              2 * clamp(\n                0,\n                var(--calcite-ui-focus-offset-invert),\n                1\n              )\n            )\n          )}.handle--activated{background-color:var(--calcite-ui-foreground-3);color:var(--calcite-ui-text-1)}.handle calcite-icon{color:inherit}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}:host([hidden]){display:none}[hidden]{display:none}";export{tt as calcite_value_list,et as calcite_value_list_item}

package/dist/calcite/p-b4e31ff6.js

@@ -1,6 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v1.5.0-next.31
- */
-import{h as t}from"./p-3803ea95.js";function e(t){return Math.min(Math.max(Math.ceil(t),1),6)}const r=(e,r)=>{const a=e.level?`h${e.level}`:"div";return delete e.level,t(a,{...e},r)};export{r as H,e as c}

package/dist/calcite/p-bfd56017.entry.js

@@ -1,6 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v1.5.0-next.31
- */
-import{r as t,c as e,h as i,a as s,F as n}from"./p-3803ea95.js";import{c as a}from"./p-f244a263.js";import{d as o}from"./p-7fc8c8b9.js";import{c,d as r,a as l,H as h}from"./p-3ac09488.js";import{c as d,d as p,u}from"./p-8a4d0819.js";import{c as m,d as b,g}from"./p-253adb41.js";import{s as f,a as v,c as C}from"./p-c6ea9c4e.js";import"./p-710ea6ee.js";import"./p-1c86394b.js";const w=class{constructor(i){t(this,i),this.calciteInternalOptionChange=e(this,"calciteInternalOptionChange",6),this.mutationObserver=a("mutation",(()=>{this.ensureTextContentDependentProps(),this.calciteInternalOptionChange.emit()})),this.disabled=!1,this.label=void 0,this.selected=void 0,this.value=void 0}handlePropChange(t,e,i){"label"!==i&&"value"!==i||this.ensureTextContentDependentProps(),this.calciteInternalOptionChange.emit()}ensureTextContentDependentProps(){const{el:{textContent:t}}=this;this.label&&this.label!==this.internallySetLabel||(this.label=t,this.internallySetLabel=t),this.value&&this.value!==this.internallySetValue||(this.value=t,this.internallySetValue=t)}connectedCallback(){this.ensureTextContentDependentProps(),this.mutationObserver?.observe(this.el,{attributeFilter:["label","value"],characterData:!0,childList:!0,subtree:!0})}disconnectedCallback(){this.mutationObserver?.disconnect()}render(){return i("slot",null,this.label)}get el(){return s(this)}static get watchers(){return{disabled:["handlePropChange"],label:["handlePropChange"],selected:["handlePropChange"],value:["handlePropChange"]}}};w.style=":host{display:block}:host([hidden]){display:none}[hidden]{display:none}";const x=class{constructor(i){t(this,i),this.calciteInternalOptionGroupChange=e(this,"calciteInternalOptionGroupChange",6),this.disabled=!1,this.label=void 0}handlePropChange(){this.calciteInternalOptionGroupChange.emit()}render(){return i(n,null,i("div",null,this.label),i("slot",null))}static get watchers(){return{disabled:["handlePropChange"],label:["handlePropChange"]}}};x.style=":host{display:block}:host([hidden]){display:none}[hidden]{display:none}";function y(t){return"CALCITE-OPTION"===t.tagName}const z=class{constructor(i){t(this,i),this.calciteSelectChange=e(this,"calciteSelectChange",6),this.componentToNativeEl=new Map,this.mutationObserver=a("mutation",(()=>this.populateInternalSelect())),this.handleInternalSelectChange=()=>{this.selectFromNativeOption(this.selectEl.selectedOptions[0]),requestAnimationFrame((()=>this.emitChangeEvent()))},this.populateInternalSelect=()=>{const t=Array.from(this.el.children).filter((t=>"CALCITE-OPTION"===t.tagName||"CALCITE-OPTION-GROUP"===t.tagName));this.clearInternalSelect(),t.forEach((t=>this.selectEl?.append(this.toNativeElement(t))))},this.storeSelectRef=t=>{this.selectEl=t,this.populateInternalSelect(),this.selectFromNativeOption(this.selectEl.selectedOptions[0])},this.emitChangeEvent=()=>{this.calciteSelectChange.emit()},this.disabled=!1,this.form=void 0,this.label=void 0,this.name=void 0,this.required=!1,this.scale="m",this.value=null,this.selectedOption=void 0,this.width="auto"}valueHandler(t){this.el.querySelectorAll("calcite-option").forEach((e=>e.selected=e.value===t))}selectedOptionHandler(t){this.value=t?.value}connectedCallback(){const{el:t}=this;this.mutationObserver?.observe(t,{subtree:!0,childList:!0}),d(this),m(this),c(this)}disconnectedCallback(){this.mutationObserver?.disconnect(),p(this),b(this),r(this)}componentWillLoad(){f(this)}componentDidLoad(){v(this),l(this,this.selectedOption?.value??"")}componentDidRender(){u(this)}async setFocus(){await C(this),o(this.selectEl)}handleOptionOrGroupChange(t){t.stopPropagation();const e=t.target,i=this.componentToNativeEl.get(e);i&&(this.updateNativeElement(e,i),y(e)&&e.selected&&(this.deselectAllExcept(e),this.selectedOption=e))}onLabelClick(){this.setFocus()}updateNativeElement(t,e){if(e.disabled=t.disabled,e.label=t.label,y(t)){const i=e;i.selected=t.selected,i.value=t.value,i.innerText=t.label}}clearInternalSelect(){this.componentToNativeEl.forEach((t=>t.remove())),this.componentToNativeEl.clear()}selectFromNativeOption(t){if(!t)return;let e;this.componentToNativeEl.forEach(((i,s)=>{y(s)&&i===t&&(s.selected=!0,e=s,this.deselectAllExcept(s))})),e&&(this.selectedOption=e)}toNativeElement(t){if(y(t)){const e=document.createElement("option");return this.updateNativeElement(t,e),this.componentToNativeEl.set(t,e),e}if(function(t){return"CALCITE-OPTION-GROUP"===t.tagName}(t)){const e=document.createElement("optgroup");return this.updateNativeElement(t,e),Array.from(t.children).forEach((i=>{const s=this.toNativeElement(i);e.append(s),this.componentToNativeEl.set(t,s)})),this.componentToNativeEl.set(t,e),e}throw new Error("unsupported element child provided")}deselectAllExcept(t){this.el.querySelectorAll("calcite-option").forEach((e=>{e!==t&&(e.selected=!1)}))}renderChevron(){return i("div",{class:"icon-container"},i("calcite-icon",{class:"icon",icon:"chevron-down",scale:"l"===this.scale?"m":"s"}))}render(){return i(n,null,i("select",{"aria-label":g(this),class:"select",disabled:this.disabled,onChange:this.handleInternalSelectChange,ref:this.storeSelectRef},i("slot",null)),this.renderChevron(),i(h,{component:this}))}get el(){return s(this)}static get watchers(){return{value:["valueHandler"],selectedOption:["selectedOptionHandler"]}}};z.style=":host{--calcite-icon-size:1rem;--calcite-spacing-eighth:0.125rem;--calcite-spacing-quarter:0.25rem;--calcite-spacing-half:0.5rem;--calcite-spacing-three-quarters:0.75rem;--calcite-spacing:1rem;--calcite-spacing-plus-quarter:1.25rem;--calcite-spacing-plus-half:1.5rem;--calcite-spacing-double:2rem;--calcite-menu-min-width:10rem;--calcite-header-min-height:3rem;--calcite-footer-min-height:3rem}:host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-ui-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{position:relative;display:flex;align-items:stretch;inline-size:var(--select-width)}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}:host([scale=s]){block-size:1.5rem;--calcite-select-font-size:var(--calcite-font-size--2);--calcite-select-spacing-inline:0.5rem 2rem}:host([scale=s]) .icon-container{padding-inline:0.5rem}:host([scale=m]){block-size:2rem;--calcite-select-font-size:var(--calcite-font-size--1);--calcite-select-spacing-inline:0.75rem 2.5rem}:host([scale=m]) .icon-container{padding-inline:0.75rem}:host([scale=l]){block-size:44px;--calcite-select-font-size:var(--calcite-font-size-0);--calcite-select-spacing-inline:1rem 3rem}:host([scale=l]) .icon-container{padding-inline:1rem}:host([width=auto]){inline-size:auto}:host([width=half]){inline-size:50%}:host([width=full]){inline-size:100%}.select{margin:0px;box-sizing:border-box;inline-size:100%;cursor:pointer;-webkit-appearance:none;appearance:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-radius:0px;border-width:1px;border-style:solid;border-color:var(--calcite-ui-border-input);background-color:var(--calcite-ui-foreground-1);font-family:inherit;color:var(--calcite-ui-text-2);outline-color:transparent;font-size:var(--calcite-select-font-size);padding-inline:var(--calcite-select-spacing-inline);border-inline-end-width:0px}.select:focus{outline:2px solid var(--calcite-ui-focus-color, var(--calcite-ui-brand));outline-offset:calc(\n            -2px *\n            calc(\n              1 -\n              2 * clamp(\n                0,\n                var(--calcite-ui-focus-offset-invert),\n                1\n              )\n            )\n          )}.select:hover{background-color:var(--calcite-ui-foreground-2)}select:disabled{border-color:var(--calcite-ui-border-input);--tw-bg-opacity:1}.icon-container{pointer-events:none;position:absolute;inset-block:0px;display:flex;align-items:center;border-width:0px;border-style:solid;border-color:var(--calcite-ui-border-input);background-color:transparent;color:var(--calcite-ui-text-2);inset-inline-end:0px;border-inline-width:0px 1px}.select:focus~.icon-container{border-color:transparent}::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}:host([hidden]){display:none}[hidden]{display:none}";export{w as calcite_option,x as calcite_option_group,z as calcite_select}

package/dist/calcite/p-f5060be0.entry.js

@@ -1,6 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v1.5.0-next.31
- */
-import{r as t,c as e,h as i,H as s,a}from"./p-3803ea95.js";import{c as o,d as r,H as n}from"./p-3ac09488.js";import{c as h,d as c,g as l}from"./p-253adb41.js";import{e as d,t as p}from"./p-7fc8c8b9.js";import{c as m,d as f,n as b}from"./p-1d4e8c12.js";import{c as g}from"./p-f244a263.js";import{s as u,a as x,c as v,b as z}from"./p-c6ea9c4e.js";import{c as y,s as k,d as w,u as j}from"./p-b414447e.js";import{c as H,u as L,d as C}from"./p-8a4d0819.js";import{t as A}from"./p-2a5c240f.js";import"./p-710ea6ee.js";import"./p-1c86394b.js";import"./p-168096a6.js";import"./p-a54c4cff.js";const W="readonly",D=class{constructor(s){t(this,s),this.calciteTextAreaInput=e(this,"calciteTextAreaInput",7),this.calciteTextAreaChange=e(this,"calciteTextAreaChange",7),this.handleInput=t=>{this.value=t.target.value,this.calciteTextAreaInput.emit()},this.handleChange=()=>{this.calciteTextAreaChange.emit()},this.contentSlotChangeHandler=()=>{this.value||this.el.childNodes.forEach((t=>{"#text"===t.nodeName&&(this.value=t.nodeValue.trim())}))},this.renderCharacterLimit=()=>this.maxLength?(this.localizedCharacterLengthObj=this.getLocalizedCharacterLength(),i("span",{class:"character-limit"},i("span",{class:{"character--over-limit":this.value?.length>this.maxLength}},this.localizedCharacterLengthObj.currentLength),"/",this.localizedCharacterLengthObj.maxLength)):null,this.resizeObserver=g("resize",(async()=>{await z(this);const{textAreaHeight:t,textAreaWidth:e,elHeight:i,elWidth:s,footerHeight:a,footerWidth:o}=this.getHeightandWidthOfElements();o>0&&o!==e&&(this.footerEl.style.width=`${e}px`),s===e&&i===t+(a||0)||this.setHeightAndWidthToAuto()})),this.setHeightAndWidthToAuto=A((()=>{"vertical"!==this.resize&&"both"!==this.resize||(this.el.style.height="auto"),"horizontal"!==this.resize&&"both"!==this.resize||(this.el.style.width="auto")}),100,{leading:!1}),this.setTextAreaEl=t=>{this.textAreaEl=t,this.resizeObserver.observe(t)},this.autofocus=!1,this.columns=void 0,this.disabled=!1,this.form=void 0,this.groupSeparator=!1,this.label=void 0,this.maxLength=void 0,this.messages=void 0,this.name=void 0,this.numberingSystem=void 0,this.placeholder=void 0,this.readOnly=!1,this.required=!1,this.resize="both",this.rows=void 0,this.scale="m",this.value=void 0,this.wrap="soft",this.messageOverrides=void 0,this.defaultMessages=void 0,this.endSlotHasElements=void 0,this.startSlotHasElements=void 0,this.effectiveLocale="",this.localizedCharacterLengthObj=void 0}onMessagesChange(){}connectedCallback(){H(this),h(this),o(this),m(this),y(this)}async componentWillLoad(){u(this),await k(this)}componentDidLoad(){x(this)}componentDidRender(){L(this),this.setTextAreaHeight()}disconnectedCallback(){C(this),c(this),r(this),f(this),w(this),this.resizeObserver?.disconnect()}render(){const t=this.startSlotHasElements||this.endSlotHasElements||!!this.maxLength;return i(s,null,i("textarea",{"aria-invalid":p(this.value?.length>this.maxLength),"aria-label":l(this),autofocus:this.autofocus,class:{[W]:this.readOnly,"text-area--invalid":this.value?.length>this.maxLength,"footer--slotted":this.endSlotHasElements&&this.startSlotHasElements,"block-size--full":!t,"border--color":!t},cols:this.columns,disabled:this.disabled,name:this.name,onChange:this.handleChange,onInput:this.handleInput,placeholder:this.placeholder,readonly:this.readOnly,required:this.required,rows:this.rows,value:this.value,wrap:this.wrap,ref:this.setTextAreaEl}),i("span",{class:{content:!0}},i("slot",{onSlotchange:this.contentSlotChangeHandler})),i("footer",{class:{footer:!0,[W]:this.readOnly,hide:!t},ref:t=>this.footerEl=t},i("div",{class:{container:!0,"footer--end-only":!this.startSlotHasElements&&this.endSlotHasElements}},i("slot",{name:"footer-start",onSlotchange:t=>this.startSlotHasElements=d(t)}),i("slot",{name:"footer-end",onSlotchange:t=>this.endSlotHasElements=d(t)})),this.renderCharacterLimit()),i(n,{component:this}))}async setFocus(){await v(this),this.textAreaEl.focus()}async selectText(){await z(this),this.textAreaEl.select()}effectiveLocaleChange(){j(this,this.effectiveLocale)}onFormReset(){this.value=this.defaultValue}onLabelClick(){this.setFocus()}getLocalizedCharacterLength(){const t=this.value?this.value.length.toString():"0",e=this.maxLength.toString();return"latn"===this.numberingSystem?{currentLength:t,maxLength:e}:(b.numberFormatOptions={locale:this.effectiveLocale,numberingSystem:this.numberingSystem,signDisplay:"never",useGrouping:this.groupSeparator},{currentLength:b.localize(t),maxLength:b.localize(e)})}syncHiddenFormInput(t){t.setCustomValidity(""),this.value?.length>this.maxLength&&t.setCustomValidity(this.replacePlaceHoldersInMessages())}replacePlaceHoldersInMessages(){return this.messages.tooLong.replace("{maxLength}",this.localizedCharacterLengthObj.maxLength).replace("{currentLength}",this.localizedCharacterLengthObj.currentLength)}setTextAreaHeight(){const{textAreaHeight:t,elHeight:e,footerHeight:i}=this.getHeightandWidthOfElements();i>0&&t+i!=e&&(this.textAreaEl.style.height=e-i+"px")}getHeightandWidthOfElements(){const{height:t,width:e}=this.textAreaEl.getBoundingClientRect(),{height:i,width:s}=this.el.getBoundingClientRect(),{height:a,width:o}=this.footerEl?.getBoundingClientRect();return{textAreaHeight:t,textAreaWidth:e,elHeight:i,elWidth:s,footerHeight:a,footerWidth:o}}static get assetsDirs(){return["assets"]}get el(){return a(this)}static get watchers(){return{messageOverrides:["onMessagesChange"],effectiveLocale:["effectiveLocaleChange"]}}};D.style=":host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-ui-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{position:relative;display:inline-block;block-size:100%;inline-size:100%}textarea{position:relative;margin:0px;box-sizing:border-box;display:block;inline-size:100%;border-width:1px;border-color:var(--calcite-ui-border-input);background-color:var(--calcite-ui-foreground-1);font-family:var(--calcite-sans-family);color:var(--calcite-ui-text-1);min-inline-size:12rem;border-block-end:1px solid var(--calcite-ui-border-3)}@media screen and (max-width: 480px){textarea{resize:none}}textarea:focus{outline:2px solid var(--calcite-ui-focus-color, var(--calcite-ui-brand));outline-offset:calc(\n            -2px *\n            calc(\n              1 -\n              2 * clamp(\n                0,\n                var(--calcite-ui-focus-offset-invert),\n                1\n              )\n            )\n          )}textarea.text-area--invalid{border-width:1px;border-block-end-width:1px;border-style:solid;border-color:var(--calcite-ui-danger)}textarea.text-area--invalid:focus{outline:2px solid var(--calcite-ui-danger);outline-offset:calc(\n            -2px *\n            calc(\n              1 -\n              2 * clamp(\n                0,\n                var(--calcite-ui-focus-offset-invert),\n                1\n              )\n            )\n          )}textarea.footer--slotted{min-inline-size:18rem}.footer{box-sizing:border-box;display:flex;align-items:center;border-width:1px;border-block-start-width:0px;border-style:solid;border-color:var(--calcite-ui-border-input);background-color:var(--calcite-ui-foreground-1)}.character-limit{display:flex;align-items:center;justify-content:flex-end;white-space:nowrap;font-weight:var(--calcite-font-weight-normal);color:var(--calcite-ui-text-2)}.character--over-limit{font-weight:var(--calcite-font-weight-bold);color:var(--calcite-ui-danger)}:host([resize=none]) textarea{resize:none}:host([resize=horizontal]) textarea{resize:horizontal}:host([resize=vertical]) textarea{resize:vertical}:host([scale=s]){font-size:var(--calcite-font-size--2)}:host([scale=s]) .footer{padding-block:0.25rem;padding-inline:0.5rem;min-block-size:1.75rem}:host([scale=s]) textarea{padding-block:0.25rem;padding-inline:0.5rem}:host([scale=s]) textarea,:host([scale=s]) .footer,:host([scale=s]) .character-limit{padding-inline-start:0.5rem;font-size:var(--calcite-font-size--2)}:host([scale=m]) textarea{padding-block:0.5rem;padding-inline:0.75rem}:host([scale=m]) .footer{padding-block:0.5rem;padding-inline:0.75rem;min-block-size:2.25rem}:host([scale=m]) textarea,:host([scale=m]) .footer,:host([scale=m]) .character-limit{padding-inline-start:0.75rem;font-size:var(--calcite-font-size--1)}:host([scale=l]){font-size:var(--calcite-font-size-0)}:host([scale=l]) textarea{padding-block:0.75rem;padding-inline:1rem}:host([scale=l]) .footer{padding-block:0.75rem;padding-inline:1rem;min-block-size:2.75rem}:host([scale=l]) textarea,:host([scale=l]) .footer,:host([scale=l]) .character-limit{padding-inline-start:1rem;font-size:var(--calcite-font-size-0)}.readonly{background-color:var(--calcite-ui-background);font-weight:var(--calcite-font-weight-medium)}:host([disabled]) textarea,:host([disabled]) footer{opacity:0.5}.border--color{border-block-end-width:1px;border-color:var(--calcite-ui-border-input)}.border--color:focus{border-block-end-width:2px}textarea.block-size--full{block-size:100%}.content,.hide{display:none}.container{display:flex;inline-size:100%;justify-content:space-between}.footer--end-only{justify-content:flex-end}::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}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}:host([hidden]){display:none}[hidden]{display:none}";export{D as calcite_text_area}