@esri/calcite-components 2.9.0-next.2 → 2.9.0-next.20

package/dist/cjs/calcite-table-cell_2.cjs.entry.js

@@ -1,24 +1,24 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.9.0-next.2
+ * v2.9.0-next.20
  */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-816b2235.js');
-const loadable = require('./loadable-8502181b.js');
-const t9n = require('./t9n-d22d6156.js');
-const interactive = require('./interactive-a21fc529.js');
-const locale = require('./locale-3c14df15.js');
-const dom = require('./dom-b3b692c7.js');
-const resources = require('./resources-2cc41c87.js');
-const component = require('./component-4791014e.js');
-require('./browser-1a5f23a5.js');
-require('./key-b4561c75.js');
-require('./observers-9d4b94fa.js');
-require('./guid-8153c924.js');
+const index = require('./index-ca9c5738.js');
+const loadable = require('./loadable-485b5ca8.js');
+const t9n = require('./t9n-a2235c64.js');
+const interactive = require('./interactive-46826d66.js');
+const locale = require('./locale-22e50901.js');
+const dom = require('./dom-4f3978e9.js');
+const resources = require('./resources-ea1d0de4.js');
+const component = require('./component-62e55d43.js');
+require('./browser-d83e81a6.js');
+require('./key-987bfdfb.js');
+require('./observers-64d0e318.js');
+require('./guid-70d8b321.js');
 
 const CSS$1 = {
     contentCell: "content-cell",

package/dist/cjs/calcite-table-row.cjs.entry.js

@@ -1,20 +1,20 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.9.0-next.2
+ * v2.9.0-next.20
  */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-816b2235.js');
-const dom = require('./dom-b3b692c7.js');
-const key = require('./key-b4561c75.js');
-const interactive = require('./interactive-a21fc529.js');
-const component = require('./component-4791014e.js');
-require('./guid-8153c924.js');
-require('./resources-2cc41c87.js');
-require('./browser-1a5f23a5.js');
+const index = require('./index-ca9c5738.js');
+const dom = require('./dom-4f3978e9.js');
+const key = require('./key-987bfdfb.js');
+const interactive = require('./interactive-46826d66.js');
+const component = require('./component-62e55d43.js');
+require('./guid-70d8b321.js');
+require('./resources-ea1d0de4.js');
+require('./browser-d83e81a6.js');
 
 const CSS = {
     lastVisibleRow: "last-visible-row",

package/dist/cjs/calcite-table.cjs.entry.js

@@ -1,22 +1,23 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.9.0-next.2
+ * v2.9.0-next.20
  */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-816b2235.js');
-const loadable = require('./loadable-8502181b.js');
-const t9n = require('./t9n-d22d6156.js');
-const locale = require('./locale-3c14df15.js');
-const browser = require('./browser-1a5f23a5.js');
-require('./dom-b3b692c7.js');
-require('./guid-8153c924.js');
-require('./resources-2cc41c87.js');
-require('./key-b4561c75.js');
-require('./observers-9d4b94fa.js');
+const index = require('./index-ca9c5738.js');
+const loadable = require('./loadable-485b5ca8.js');
+const t9n = require('./t9n-a2235c64.js');
+const locale = require('./locale-22e50901.js');
+const browser = require('./browser-d83e81a6.js');
+require('./component-62e55d43.js');
+require('./dom-4f3978e9.js');
+require('./guid-70d8b321.js');
+require('./resources-ea1d0de4.js');
+require('./key-987bfdfb.js');
+require('./observers-64d0e318.js');
 
 const CSS = {
     bordered: "bordered",
@@ -159,6 +160,7 @@ const Table = class {
         this.pageSize = 0;
         this.scale = "m";
         this.selectionMode = "none";
+        this.selectionDisplay = "top";
         this.zebra = false;
         this.striped = false;
         this.selectedItems = [];
@@ -280,11 +282,13 @@ const Table = class {
         return (index.h("tfoot", null, index.h("slot", { name: SLOTS.tableFooter, onSlotchange: this.updateRows, ref: (el) => (this.tableFootSlotEl = el) })));
     }
     render() {
-        return (index.h(index.Host, { key: 'f5317f6698a21503df118b764fc708099e702f2a' }, index.h("div", { key: '57eead0639cba4c1f64902ea97b958aed4794f80', class: CSS.container }, this.selectionMode !== "none" && this.renderSelectionArea(), index.h("div", { key: 'd7671dd5af5d31514a4a30568ec6b418a3da9230', class: {
+        return (index.h(index.Host, { key: '0ad775918a528e0383ae8ac668aaea171e743c50' }, index.h("div", { key: '001fa218604e3f208bc74fe2eb55633c37fb6359', class: CSS.container }, this.selectionMode !== "none" &&
+            this.selectionDisplay !== "none" &&
+            this.renderSelectionArea(), index.h("div", { key: '3ed54bb7c34347be92c41ac8cb3daa50833b08bc', class: {
                 [CSS.bordered]: this.bordered,
                 [CSS.striped]: this.striped || this.zebra,
                 [CSS.tableContainer]: true,
-            } }, index.h("table", { key: 'db01bbfcc733140e04373e36c080ce52d02ed15d', "aria-colcount": this.colCount, "aria-multiselectable": this.selectionMode === "multiple", "aria-rowcount": this.allRows?.length, class: { [CSS.tableFixed]: this.layout === "fixed" }, role: this.interactionMode === "interactive" ? "grid" : "table" }, index.h("caption", { key: 'db18f220868f6f4ccba99500f43f5cb82de7390f', class: CSS.assistiveText }, this.caption), this.renderTHead(), this.renderTBody(), this.renderTFoot())), this.pageSize > 0 && this.renderPaginationArea())));
+            } }, index.h("table", { key: 'fdde4e69f98bf70dd39a9a51cc269ced2d0e88b4', "aria-colcount": this.colCount, "aria-multiselectable": this.selectionMode === "multiple", "aria-rowcount": this.allRows?.length, class: { [CSS.tableFixed]: this.layout === "fixed" }, role: this.interactionMode === "interactive" ? "grid" : "table" }, index.h("caption", { key: '10dcd581d09d75e8ecb968e04bba90367b248731', class: CSS.assistiveText }, this.caption), this.renderTHead(), this.renderTBody(), this.renderTFoot())), this.pageSize > 0 && this.renderPaginationArea())));
     }
     static get assetsDirs() { return ["assets"]; }
     get el() { return index.getElement(this); }

package/dist/cjs/calcite-table.cjs.entry.js.map

@@ -1 +1 @@
-{"file":"calcite-table.entry.cjs.js","mappings":"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","names":["numberStringFormatter","updateMessages","setUpLoadableComponent","setUpMessages","getUserAgentString","setComponentLoaded","connectLocalized","connectMessages","disconnectLocalized","disconnectMessages","h","Host"],"sources":["src/components/table/resources.ts","src/components/table/table.scss?tag=calcite-table&encapsulation=shadow","src/components/table/table.tsx"],"sourcesContent":["export const CSS = {\n  bordered: \"bordered\",\n  striped: \"striped\",\n  selectionArea: \"selection-area\",\n  paginationArea: \"pagination-area\",\n  container: \"container\",\n  tableContainer: \"table-container\",\n  tableFixed: \"table--fixed\",\n  assistiveText: \"assistive-text\",\n  selectionActions: \"selection-actions\",\n};\n\nexport const SLOTS = {\n  selectionActions: \"selection-actions\",\n  tableHeader: \"table-header\",\n  tableFooter: \"table-footer\",\n};\n",":host([scale=\"s\"]) {\n  --calcite-internal-table-cell-padding: 0.25rem;\n  --calcite-internal-table-cell-font-size: var(--calcite-font-size--2);\n  --calcite-internal-table-cell-font-size-secondary: var(--calcite-font-size--3);\n}\n:host([scale=\"m\"]) {\n  --calcite-internal-table-cell-padding: 0.5rem;\n  --calcite-internal-table-cell-font-size: var(--calcite-font-size--1);\n  --calcite-internal-table-cell-font-size-secondary: var(--calcite-font-size--2);\n}\n:host([scale=\"l\"]) {\n  --calcite-internal-table-cell-padding: 1rem;\n  --calcite-internal-table-cell-font-size: var(--calcite-font-size-0);\n  --calcite-internal-table-cell-font-size-secondary: var(--calcite-font-size--1);\n}\n\n:host {\n  @apply flex;\n}\n\n.container {\n  @apply flex flex-col w-full h-full;\n}\n\n.table-container {\n  @apply overflow-auto whitespace-nowrap;\n}\n\n.table-container {\n  border: 1px solid var(--calcite-color-border-3);\n}\n\n.assistive-text {\n  @apply sr-only;\n}\n\ntable {\n  @apply w-full border-collapse;\n  overflow-x: scroll;\n}\n\n.table--fixed {\n  @apply table-fixed;\n}\n\n.bordered {\n  ::slotted(calcite-table-row) {\n    --calcite-table-row-border-color: var(--calcite-color-border-3);\n  }\n}\n\n.striped {\n  ::slotted(calcite-table-row:nth-child(2n + 1)) {\n    --calcite-table-row-background: var(--calcite-color-foreground-2);\n  }\n}\n\n.selection-actions {\n  @apply flex flex-row;\n  margin-inline-start: auto;\n}\n\n.selection-area {\n  @apply flex flex-row items-center;\n  padding-block: var(--calcite-internal-table-cell-padding);\n}\n\n.selection-area calcite-chip:last-of-type {\n  @apply me-2;\n}\n\n.selection-area calcite-chip:last-of-type:not(:first-of-type) {\n  @apply ms-2;\n}\n\n.selection-area calcite-button {\n  @apply me-4;\n}\n\n.pagination-area {\n  @apply flex flex-row w-full justify-center;\n  padding-block: var(--calcite-internal-table-cell-padding);\n}\n\ncalcite-pagination {\n  flex: 1;\n  justify-content: center;\n}\n\n@include base-component();\n","import {\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  h,\n  Host,\n  Listen,\n  Prop,\n  State,\n  VNode,\n  Watch,\n} from \"@stencil/core\";\nimport { Scale, SelectionMode } from \"../interfaces\";\nimport {\n  LoadableComponent,\n  setComponentLoaded,\n  setUpLoadableComponent,\n} from \"../../utils/loadable\";\nimport {\n  connectMessages,\n  disconnectMessages,\n  setUpMessages,\n  T9nComponent,\n  updateMessages,\n} from \"../../utils/t9n\";\nimport {\n  connectLocalized,\n  disconnectLocalized,\n  LocalizedComponent,\n  numberStringFormatter,\n  NumberingSystem,\n} from \"../../utils/locale\";\nimport { getUserAgentString } from \"../../utils/browser\";\nimport { TableInteractionMode, TableLayout, TableRowFocusEvent } from \"./interfaces\";\nimport { CSS, SLOTS } from \"./resources\";\nimport { TableMessages } from \"./assets/table/t9n\";\n\n/**\n * @slot - A slot for adding `calcite-table-row` elements containing `calcite-table-cell` and/or `calcite-table-header` elements.\n * @slot table-header - A slot for adding `calcite-table-row` elements containing `calcite-table-header` elements.\n * @slot table-footer - A slot for adding `calcite-table-row` elements containing `calcite-table-cell` and/or `calcite-table-header` elements.\n * @slot selection-actions - A slot for adding a `calcite-action-bar` or other elements to display when `selectionMode` is not `\"none\"`.\n */\n\n@Component({\n  tag: \"calcite-table\",\n  styleUrl: \"table.scss\",\n  shadow: true,\n  assetsDirs: [\"assets\"],\n})\nexport class Table implements LocalizedComponent, LoadableComponent, T9nComponent {\n  //--------------------------------------------------------------------------\n  //\n  //  Properties\n  //\n  //--------------------------------------------------------------------------\n\n  /** When `true`, displays borders in the component. */\n  @Prop({ reflect: true }) bordered = false;\n\n  /** Specifies an accessible title for the component. */\n  @Prop() caption!: string;\n\n  /** When `true`, number values are displayed with a group separator corresponding to the language and country format. */\n  @Prop({ reflect: true }) groupSeparator = false;\n\n  /** When `\"interactive\"`, allows focus and keyboard navigation of `table-header`s and `table-cell`s.  When `\"static\"`, prevents focus and keyboard navigation of `table-header`s and `table-cell`s when assistive technologies are not active. Selection affordances and slotted content within `table-cell`s remain focusable. */\n  @Prop({ reflect: true }) interactionMode: TableInteractionMode = \"interactive\";\n\n  /** Specifies the layout of the component. */\n  @Prop({ reflect: true }) layout: TableLayout = \"auto\";\n\n  /** When `true`, displays the position of the row in numeric form. */\n  @Prop({ reflect: true }) numbered = false;\n\n  /** Specifies the Unicode numeral system used by the component for localization. */\n  @Prop({ reflect: true }) numberingSystem?: NumberingSystem;\n\n  /** Specifies the page size of the component. When `true`, renders `calcite-pagination`. */\n  @Prop({ reflect: true }) pageSize = 0;\n\n  /** Specifies the size of the component. */\n  @Prop({ reflect: true }) scale: Scale = \"m\";\n\n  /**\n   * Specifies the selection mode of the component, where:\n   *\n   * `\"multiple\"` allows any number of selections,\n   *\n   * `\"single\"` allows only one selection, and\n   *\n   * `\"none\"` does not allow any selections.\n   */\n  @Prop({ reflect: true }) selectionMode: Extract<\"none\" | \"multiple\" | \"single\", SelectionMode> =\n    \"none\";\n\n  /**\n   * When `true`, displays striped styling in the component.\n   *\n   * @deprecated Use the `striped` property instead.\n   */\n  @Prop({ reflect: true }) zebra = false;\n\n  /** When `true`, displays striped styling in the component. */\n  @Prop({ reflect: true }) striped = false;\n\n  @Watch(\"groupSeparator\")\n  @Watch(\"interactionMode\")\n  @Watch(\"numbered\")\n  @Watch(\"numberingSystem\")\n  @Watch(\"pageSize\")\n  @Watch(\"scale\")\n  @Watch(\"selectionMode\")\n  handleNumberedChange(): void {\n    this.updateRows();\n  }\n\n  /**\n   * Specifies the component's selected items.\n   *\n   * @readonly\n   */\n  @Prop({ mutable: true }) selectedItems: HTMLCalciteTableRowElement[] = [];\n\n  /**\n   * Made into a prop for testing purposes only\n   *\n   * @internal\n   */\n  // eslint-disable-next-line @stencil-community/strict-mutable -- updated by t9n module\n  @Prop({ mutable: true }) messages: TableMessages;\n\n  /**\n   * Use this property to override individual strings used by the component.\n   */\n  // eslint-disable-next-line @stencil-community/strict-mutable -- updated by t9n module\n  @Prop({ mutable: true }) messageOverrides: Partial<TableMessages>;\n\n  @Watch(\"messageOverrides\")\n  onMessagesChange(): void {\n    /* wired up by t9n util */\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Private Properties\n  //\n  // --------------------------------------------------------------------------\n\n  @Element() el: HTMLCalciteTableElement;\n\n  @State() colCount = 0;\n\n  @State() pageStartRow = 1;\n\n  @State() selectedCount = 0;\n\n  /* Workaround for Safari https://bugs.webkit.org/show_bug.cgi?id=258430 https://bugs.webkit.org/show_bug.cgi?id=239478 */\n  // ⚠️ browser-sniffing is not a best practice and should be avoided ⚠️\n  @State() readCellContentsToAT: boolean;\n\n  @State() defaultMessages: TableMessages;\n\n  @State() effectiveLocale = \"\";\n\n  @Watch(\"effectiveLocale\")\n  effectiveLocaleChange(): void {\n    updateMessages(this, this.effectiveLocale);\n  }\n\n  private allRows: HTMLCalciteTableRowElement[];\n\n  private bodyRows: HTMLCalciteTableRowElement[];\n\n  private headRows: HTMLCalciteTableRowElement[];\n\n  private footRows: HTMLCalciteTableRowElement[];\n\n  private paginationEl: HTMLCalcitePaginationElement;\n\n  private tableBodySlotEl: HTMLSlotElement;\n\n  private tableHeadSlotEl: HTMLSlotElement;\n\n  private tableFootSlotEl: HTMLSlotElement;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  //--------------------------------------------------------------------------\n\n  async componentWillLoad(): Promise<void> {\n    setUpLoadableComponent(this);\n    await setUpMessages(this);\n    this.readCellContentsToAT = /safari/i.test(getUserAgentString());\n    this.updateRows();\n  }\n\n  componentDidLoad(): void {\n    setComponentLoaded(this);\n  }\n\n  connectedCallback(): void {\n    connectLocalized(this);\n    connectMessages(this);\n  }\n\n  disconnectedCallback(): void {\n    disconnectLocalized(this);\n    disconnectMessages(this);\n  }\n  //--------------------------------------------------------------------------\n  //\n  //  Events\n  //\n  //--------------------------------------------------------------------------\n\n  /** Emits when the component's selected rows change. */\n  @Event({ cancelable: false }) calciteTableSelect: EventEmitter<void>;\n\n  /** Emits when the component's page selection changes. */\n  @Event({ cancelable: false }) calciteTablePageChange: EventEmitter<void>;\n\n  /** @internal */\n  @Event({ cancelable: false })\n  calciteInternalTableRowFocusChange: EventEmitter<TableRowFocusEvent>;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Event Listeners\n  //\n  //--------------------------------------------------------------------------\n\n  @Listen(\"calciteTableRowSelect\")\n  calciteChipSelectListener(event: CustomEvent): void {\n    if (event.composedPath().includes(this.el)) {\n      this.setSelectedItems(event.target as HTMLCalciteTableRowElement);\n    }\n  }\n\n  @Listen(\"calciteInternalTableRowFocusRequest\")\n  calciteInternalTableRowFocusEvent(event: TableRowFocusEvent): void {\n    const cellPosition = event[\"detail\"].cellPosition;\n    const rowPos = event[\"detail\"].rowPosition;\n    const destination = event[\"detail\"].destination;\n    const lastCell = event[\"detail\"].lastCell;\n\n    const visibleBody = this.bodyRows?.filter((row) => !row.hidden);\n    const visibleAll = this.allRows?.filter((row) => !row.hidden);\n\n    const lastHeadRow = this.headRows[this.headRows.length - 1]?.positionAll;\n    const firstBodyRow = visibleBody[0]?.positionAll;\n    const lastBodyRow = visibleBody[visibleBody.length - 1]?.positionAll;\n    const firstFootRow = this.footRows[0]?.positionAll;\n    const lastTableRow = visibleAll[visibleAll.length - 1]?.positionAll;\n\n    const leavingHeader = destination === \"next\" && rowPos === lastHeadRow;\n    const leavingFooter = destination === \"previous\" && rowPos === firstFootRow;\n    const enteringHeader = destination === \"previous\" && rowPos === firstBodyRow;\n    const enteringFooter = destination === \"next\" && rowPos === lastBodyRow;\n\n    let rowPosition: number;\n\n    switch (destination) {\n      case \"first\":\n        rowPosition = 0;\n        break;\n      case \"last\":\n        rowPosition = lastTableRow;\n        break;\n      case \"next\":\n        rowPosition = leavingHeader ? firstBodyRow : enteringFooter ? firstFootRow : rowPos + 1;\n        break;\n      case \"previous\":\n        rowPosition = leavingFooter ? lastBodyRow : enteringHeader ? lastHeadRow : rowPos - 1;\n        break;\n    }\n\n    const destinationCount = this.allRows?.find(\n      (row) => row.positionAll === rowPosition,\n    )?.cellCount;\n\n    const adjustedPos = cellPosition > destinationCount ? destinationCount : cellPosition;\n\n    if (rowPosition !== undefined) {\n      this.calciteInternalTableRowFocusChange.emit({\n        cellPosition: adjustedPos,\n        rowPosition,\n        destination,\n        lastCell,\n      });\n    }\n  }\n  // --------------------------------------------------------------------------\n  //\n  //  Private Methods\n  //\n  // --------------------------------------------------------------------------\n\n  private getSlottedRows = (el: HTMLSlotElement): HTMLCalciteTableRowElement[] => {\n    return el\n      ?.assignedElements({ flatten: true })\n      ?.filter((el) => el?.matches(\"calcite-table-row\")) as HTMLCalciteTableRowElement[];\n  };\n\n  private updateRows = (): void => {\n    const headRows = this.getSlottedRows(this.tableHeadSlotEl) || [];\n    const bodyRows = this.getSlottedRows(this.tableBodySlotEl) || [];\n    const footRows = this.getSlottedRows(this.tableFootSlotEl) || [];\n    const allRows = [...headRows, ...bodyRows, ...footRows];\n\n    headRows?.forEach((row) => {\n      const position = headRows?.indexOf(row);\n      row.rowType = \"head\";\n      row.positionSection = position;\n      row.positionSectionLocalized = this.localizeNumber((position + 1).toString());\n    });\n\n    bodyRows?.forEach((row) => {\n      const position = bodyRows?.indexOf(row);\n      row.rowType = \"body\";\n      row.positionSection = position;\n      row.positionSectionLocalized = this.localizeNumber((position + 1).toString());\n    });\n\n    footRows?.forEach((row) => {\n      const position = footRows?.indexOf(row);\n      row.rowType = \"foot\";\n      row.positionSection = position;\n      row.positionSectionLocalized = this.localizeNumber((position + 1).toString());\n    });\n\n    allRows?.forEach((row) => {\n      row.interactionMode = this.interactionMode;\n      row.selectionMode = this.selectionMode;\n      row.bodyRowCount = bodyRows?.length;\n      row.positionAll = allRows?.indexOf(row);\n      row.numbered = this.numbered;\n      row.scale = this.scale;\n      row.readCellContentsToAT = this.readCellContentsToAT;\n      row.lastVisibleRow = allRows?.indexOf(row) === allRows.length - 1;\n    });\n\n    const colCount =\n      headRows[0]?.cellCount || headRows[0]?.querySelectorAll(\"calcite-table-header\")?.length;\n\n    this.colCount = colCount;\n    this.headRows = headRows;\n    this.bodyRows = bodyRows;\n    this.footRows = footRows;\n    this.allRows = allRows;\n\n    this.updateSelectedItems();\n    this.paginateRows();\n  };\n\n  private handlePaginationChange = (): void => {\n    const requestedItem = this.paginationEl?.startItem;\n    this.pageStartRow = requestedItem || 1;\n    this.calciteTablePageChange.emit();\n    this.updateRows();\n  };\n\n  private paginateRows = (): void => {\n    this.bodyRows?.forEach((row) => {\n      const rowPos = row.positionSection + 1;\n      const inView = rowPos >= this.pageStartRow && rowPos < this.pageStartRow + this.pageSize;\n      row.hidden = this.pageSize > 0 && !inView && !this.footRows.includes(row);\n      row.lastVisibleRow =\n        rowPos === this.pageStartRow + this.pageSize - 1 || rowPos === this.bodyRows.length;\n    });\n  };\n\n  private updateSelectedItems = (emit?: boolean): void => {\n    const selectedItems = this.bodyRows?.filter((el) => el.selected);\n    this.selectedItems = selectedItems;\n    this.selectedCount = selectedItems?.length;\n    this.allRows?.forEach((row) => {\n      row.selectedRowCount = this.selectedCount;\n      row.selectedRowCountLocalized = this.localizeNumber(this.selectedCount);\n    });\n    if (emit) {\n      this.calciteTableSelect.emit();\n    }\n  };\n\n  private handleDeselectAllRows = (): void => {\n    this.bodyRows?.forEach((row) => {\n      row.selected = false;\n    });\n    this.updateSelectedItems(true);\n  };\n\n  private setSelectedItems = (elToMatch?: HTMLCalciteTableRowElement): void => {\n    this.bodyRows?.forEach((el) => {\n      if (elToMatch?.rowType === \"head\") {\n        el.selected = this.selectedCount !== this.bodyRows?.length;\n      } else {\n        el.selected =\n          elToMatch === el ? !el.selected : this.selectionMode === \"multiple\" ? el.selected : false;\n      }\n    });\n    this.updateSelectedItems(true);\n  };\n\n  private localizeNumber = (value: number | string): string => {\n    numberStringFormatter.numberFormatOptions = {\n      locale: this.effectiveLocale,\n      numberingSystem: this.numberingSystem,\n      useGrouping: this.groupSeparator,\n    };\n\n    return numberStringFormatter.localize(value.toString());\n  };\n\n  // --------------------------------------------------------------------------\n  //\n  //  Render Methods\n  //\n  // --------------------------------------------------------------------------\n\n  renderSelectionArea(): VNode {\n    const outOfViewCount = this.selectedItems?.filter((el) => el.hidden)?.length;\n    const localizedOutOfView = this.localizeNumber(outOfViewCount?.toString());\n    const localizedSelectedCount = this.localizeNumber(this.selectedCount?.toString());\n    const selectionText = `${localizedSelectedCount} ${this.messages.selected}`;\n    const outOfView = `${localizedOutOfView} ${this.messages.hiddenSelected}`;\n\n    return (\n      <div class={CSS.selectionArea}>\n        <calcite-chip\n          kind={this.selectedCount > 0 ? \"brand\" : \"neutral\"}\n          scale={this.scale}\n          value={selectionText}\n        >\n          {selectionText}\n        </calcite-chip>\n        {outOfViewCount > 0 && (\n          <calcite-chip icon=\"hide-empty\" scale={this.scale} title={outOfView} value={outOfView}>\n            {localizedOutOfView}\n          </calcite-chip>\n        )}\n        {this.selectedCount > 0 && (\n          <calcite-button\n            icon-start=\"x\"\n            kind=\"neutral\"\n            onClick={this.handleDeselectAllRows}\n            round\n            scale={this.scale}\n            title={`${this.messages.clear} ${selectionText} ${this.messages.row}`}\n          >\n            {this.messages.clear}\n          </calcite-button>\n        )}\n        <div class={CSS.selectionActions}>\n          <slot name={SLOTS.selectionActions} />\n        </div>\n      </div>\n    );\n  }\n\n  renderPaginationArea(): VNode {\n    return (\n      <div class={CSS.paginationArea}>\n        <calcite-pagination\n          groupSeparator={this.groupSeparator}\n          numberingSystem={this.numberingSystem}\n          onCalcitePaginationChange={this.handlePaginationChange}\n          pageSize={this.pageSize}\n          ref={(el) => (this.paginationEl = el)}\n          scale={this.scale}\n          startItem={1}\n          totalItems={this.bodyRows?.length}\n        />\n      </div>\n    );\n  }\n\n  renderTHead(): VNode {\n    return (\n      <thead>\n        <slot\n          name={SLOTS.tableHeader}\n          onSlotchange={this.updateRows}\n          ref={(el) => (this.tableHeadSlotEl = el as HTMLSlotElement)}\n        />\n      </thead>\n    );\n  }\n\n  renderTBody(): VNode {\n    return (\n      <tbody>\n        <slot\n          onSlotchange={this.updateRows}\n          ref={(el) => (this.tableBodySlotEl = el as HTMLSlotElement)}\n        />\n      </tbody>\n    );\n  }\n\n  renderTFoot(): VNode {\n    return (\n      <tfoot>\n        <slot\n          name={SLOTS.tableFooter}\n          onSlotchange={this.updateRows}\n          ref={(el) => (this.tableFootSlotEl = el as HTMLSlotElement)}\n        />\n      </tfoot>\n    );\n  }\n\n  render(): VNode {\n    return (\n      <Host>\n        <div class={CSS.container}>\n          {this.selectionMode !== \"none\" && this.renderSelectionArea()}\n          <div\n            class={{\n              [CSS.bordered]: this.bordered,\n              [CSS.striped]: this.striped || this.zebra,\n              [CSS.tableContainer]: true,\n            }}\n          >\n            <table\n              aria-colcount={this.colCount}\n              aria-multiselectable={this.selectionMode === \"multiple\"}\n              aria-rowcount={this.allRows?.length}\n              class={{ [CSS.tableFixed]: this.layout === \"fixed\" }}\n              role={this.interactionMode === \"interactive\" ? \"grid\" : \"table\"}\n            >\n              <caption class={CSS.assistiveText}>{this.caption}</caption>\n              {this.renderTHead()}\n              {this.renderTBody()}\n              {this.renderTFoot()}\n            </table>\n          </div>\n          {this.pageSize > 0 && this.renderPaginationArea()}\n        </div>\n      </Host>\n    );\n  }\n}\n"],"version":3}
+{"file":"calcite-table.entry.cjs.js","mappings":"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","names":["numberStringFormatter","updateMessages","setUpLoadableComponent","setUpMessages","getUserAgentString","setComponentLoaded","connectLocalized","connectMessages","disconnectLocalized","disconnectMessages","h","Host"],"sources":["src/components/table/resources.ts","src/components/table/table.scss?tag=calcite-table&encapsulation=shadow","src/components/table/table.tsx"],"sourcesContent":["export const CSS = {\n  bordered: \"bordered\",\n  striped: \"striped\",\n  selectionArea: \"selection-area\",\n  paginationArea: \"pagination-area\",\n  container: \"container\",\n  tableContainer: \"table-container\",\n  tableFixed: \"table--fixed\",\n  assistiveText: \"assistive-text\",\n  selectionActions: \"selection-actions\",\n};\n\nexport const SLOTS = {\n  selectionActions: \"selection-actions\",\n  tableHeader: \"table-header\",\n  tableFooter: \"table-footer\",\n};\n",":host([scale=\"s\"]) {\n  --calcite-internal-table-cell-padding: 0.25rem;\n  --calcite-internal-table-cell-font-size: var(--calcite-font-size--2);\n  --calcite-internal-table-cell-font-size-secondary: var(--calcite-font-size--3);\n}\n:host([scale=\"m\"]) {\n  --calcite-internal-table-cell-padding: 0.5rem;\n  --calcite-internal-table-cell-font-size: var(--calcite-font-size--1);\n  --calcite-internal-table-cell-font-size-secondary: var(--calcite-font-size--2);\n}\n:host([scale=\"l\"]) {\n  --calcite-internal-table-cell-padding: 1rem;\n  --calcite-internal-table-cell-font-size: var(--calcite-font-size-0);\n  --calcite-internal-table-cell-font-size-secondary: var(--calcite-font-size--1);\n}\n\n:host {\n  @apply flex;\n}\n\n.container {\n  @apply flex flex-col w-full h-full;\n}\n\n.table-container {\n  @apply overflow-auto whitespace-nowrap;\n}\n\n.table-container {\n  border: 1px solid var(--calcite-color-border-3);\n}\n\n.assistive-text {\n  @apply sr-only;\n}\n\ntable {\n  @apply w-full border-collapse;\n  overflow-x: scroll;\n}\n\n.table--fixed {\n  @apply table-fixed;\n}\n\n.bordered {\n  ::slotted(calcite-table-row) {\n    --calcite-table-row-border-color: var(--calcite-color-border-3);\n  }\n}\n\n.striped {\n  ::slotted(calcite-table-row:nth-child(2n + 1)) {\n    --calcite-table-row-background: var(--calcite-color-foreground-2);\n  }\n}\n\n.selection-actions {\n  @apply flex flex-row;\n  margin-inline-start: auto;\n}\n\n.selection-area {\n  @apply flex flex-row items-center;\n  padding-block: var(--calcite-internal-table-cell-padding);\n}\n\n.selection-area calcite-chip:last-of-type {\n  @apply me-2;\n}\n\n.selection-area calcite-chip:last-of-type:not(:first-of-type) {\n  @apply ms-2;\n}\n\n.selection-area calcite-button {\n  @apply me-4;\n}\n\n.pagination-area {\n  @apply flex flex-row w-full justify-center;\n  padding-block: var(--calcite-internal-table-cell-padding);\n}\n\ncalcite-pagination {\n  flex: 1;\n  justify-content: center;\n}\n\n@include base-component();\n","import {\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  h,\n  Host,\n  Listen,\n  Prop,\n  State,\n  VNode,\n  Watch,\n} from \"@stencil/core\";\nimport { Scale, SelectionMode } from \"../interfaces\";\nimport {\n  LoadableComponent,\n  setComponentLoaded,\n  setUpLoadableComponent,\n} from \"../../utils/loadable\";\nimport {\n  connectMessages,\n  disconnectMessages,\n  setUpMessages,\n  T9nComponent,\n  updateMessages,\n} from \"../../utils/t9n\";\nimport {\n  connectLocalized,\n  disconnectLocalized,\n  LocalizedComponent,\n  numberStringFormatter,\n  NumberingSystem,\n} from \"../../utils/locale\";\nimport { getUserAgentString } from \"../../utils/browser\";\nimport {\n  TableInteractionMode,\n  TableLayout,\n  TableRowFocusEvent,\n  TableSelectionDisplay,\n} from \"./interfaces\";\nimport { CSS, SLOTS } from \"./resources\";\nimport { TableMessages } from \"./assets/table/t9n\";\n\n/**\n * @slot - A slot for adding `calcite-table-row` elements containing `calcite-table-cell` and/or `calcite-table-header` elements.\n * @slot table-header - A slot for adding `calcite-table-row` elements containing `calcite-table-header` elements.\n * @slot table-footer - A slot for adding `calcite-table-row` elements containing `calcite-table-cell` and/or `calcite-table-header` elements.\n * @slot selection-actions - A slot for adding `calcite-actions` or other elements to display when `selectionMode` is not `\"none\"` and `selectionDisplay` is not `\"none\"`.\n */\n\n@Component({\n  tag: \"calcite-table\",\n  styleUrl: \"table.scss\",\n  shadow: true,\n  assetsDirs: [\"assets\"],\n})\nexport class Table implements LocalizedComponent, LoadableComponent, T9nComponent {\n  //--------------------------------------------------------------------------\n  //\n  //  Properties\n  //\n  //--------------------------------------------------------------------------\n\n  /** When `true`, displays borders in the component. */\n  @Prop({ reflect: true }) bordered = false;\n\n  /** Specifies an accessible title for the component. */\n  @Prop() caption!: string;\n\n  /** When `true`, number values are displayed with a group separator corresponding to the language and country format. */\n  @Prop({ reflect: true }) groupSeparator = false;\n\n  /** When `\"interactive\"`, allows focus and keyboard navigation of `table-header`s and `table-cell`s.  When `\"static\"`, prevents focus and keyboard navigation of `table-header`s and `table-cell`s when assistive technologies are not active. Selection affordances and slotted content within `table-cell`s remain focusable. */\n  @Prop({ reflect: true }) interactionMode: TableInteractionMode = \"interactive\";\n\n  /** Specifies the layout of the component. */\n  @Prop({ reflect: true }) layout: TableLayout = \"auto\";\n\n  /** When `true`, displays the position of the row in numeric form. */\n  @Prop({ reflect: true }) numbered = false;\n\n  /** Specifies the Unicode numeral system used by the component for localization. */\n  @Prop({ reflect: true }) numberingSystem?: NumberingSystem;\n\n  /** Specifies the page size of the component. When `true`, renders `calcite-pagination`. */\n  @Prop({ reflect: true }) pageSize = 0;\n\n  /** Specifies the size of the component. */\n  @Prop({ reflect: true }) scale: Scale = \"m\";\n\n  /**\n   * Specifies the selection mode of the component, where:\n   *\n   * `\"multiple\"` allows any number of selections,\n   *\n   * `\"single\"` allows only one selection, and\n   *\n   * `\"none\"` does not allow any selections.\n   */\n  @Prop({ reflect: true }) selectionMode: Extract<\"none\" | \"multiple\" | \"single\", SelectionMode> =\n    \"none\";\n\n  /** Specifies the display of the selection interface when `selection-mode` is not `\"none\"`. When `\"none\"`, content slotted the `selection-actions` slot will not be displayed. */\n\n  @Prop({ reflect: true }) selectionDisplay: TableSelectionDisplay = \"top\";\n\n  /**\n   * When `true`, displays striped styling in the component.\n   *\n   * @deprecated Use the `striped` property instead.\n   */\n  @Prop({ reflect: true }) zebra = false;\n\n  /** When `true`, displays striped styling in the component. */\n  @Prop({ reflect: true }) striped = false;\n\n  @Watch(\"groupSeparator\")\n  @Watch(\"interactionMode\")\n  @Watch(\"numbered\")\n  @Watch(\"numberingSystem\")\n  @Watch(\"pageSize\")\n  @Watch(\"scale\")\n  @Watch(\"selectionMode\")\n  handleNumberedChange(): void {\n    this.updateRows();\n  }\n\n  /**\n   * Specifies the component's selected items.\n   *\n   * @readonly\n   */\n  @Prop({ mutable: true }) selectedItems: HTMLCalciteTableRowElement[] = [];\n\n  /**\n   * Made into a prop for testing purposes only\n   *\n   * @internal\n   */\n  // eslint-disable-next-line @stencil-community/strict-mutable -- updated by t9n module\n  @Prop({ mutable: true }) messages: TableMessages;\n\n  /**\n   * Use this property to override individual strings used by the component.\n   */\n  // eslint-disable-next-line @stencil-community/strict-mutable -- updated by t9n module\n  @Prop({ mutable: true }) messageOverrides: Partial<TableMessages>;\n\n  @Watch(\"messageOverrides\")\n  onMessagesChange(): void {\n    /* wired up by t9n util */\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Private Properties\n  //\n  // --------------------------------------------------------------------------\n\n  @Element() el: HTMLCalciteTableElement;\n\n  @State() colCount = 0;\n\n  @State() pageStartRow = 1;\n\n  @State() selectedCount = 0;\n\n  /* Workaround for Safari https://bugs.webkit.org/show_bug.cgi?id=258430 https://bugs.webkit.org/show_bug.cgi?id=239478 */\n  // ⚠️ browser-sniffing is not a best practice and should be avoided ⚠️\n  @State() readCellContentsToAT: boolean;\n\n  @State() defaultMessages: TableMessages;\n\n  @State() effectiveLocale = \"\";\n\n  @Watch(\"effectiveLocale\")\n  effectiveLocaleChange(): void {\n    updateMessages(this, this.effectiveLocale);\n  }\n\n  private allRows: HTMLCalciteTableRowElement[];\n\n  private bodyRows: HTMLCalciteTableRowElement[];\n\n  private headRows: HTMLCalciteTableRowElement[];\n\n  private footRows: HTMLCalciteTableRowElement[];\n\n  private paginationEl: HTMLCalcitePaginationElement;\n\n  private tableBodySlotEl: HTMLSlotElement;\n\n  private tableHeadSlotEl: HTMLSlotElement;\n\n  private tableFootSlotEl: HTMLSlotElement;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  //--------------------------------------------------------------------------\n\n  async componentWillLoad(): Promise<void> {\n    setUpLoadableComponent(this);\n    await setUpMessages(this);\n    this.readCellContentsToAT = /safari/i.test(getUserAgentString());\n    this.updateRows();\n  }\n\n  componentDidLoad(): void {\n    setComponentLoaded(this);\n  }\n\n  connectedCallback(): void {\n    connectLocalized(this);\n    connectMessages(this);\n  }\n\n  disconnectedCallback(): void {\n    disconnectLocalized(this);\n    disconnectMessages(this);\n  }\n  //--------------------------------------------------------------------------\n  //\n  //  Events\n  //\n  //--------------------------------------------------------------------------\n\n  /** Emits when the component's selected rows change. */\n  @Event({ cancelable: false }) calciteTableSelect: EventEmitter<void>;\n\n  /** Emits when the component's page selection changes. */\n  @Event({ cancelable: false }) calciteTablePageChange: EventEmitter<void>;\n\n  /** @internal */\n  @Event({ cancelable: false })\n  calciteInternalTableRowFocusChange: EventEmitter<TableRowFocusEvent>;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Event Listeners\n  //\n  //--------------------------------------------------------------------------\n\n  @Listen(\"calciteTableRowSelect\")\n  calciteChipSelectListener(event: CustomEvent): void {\n    if (event.composedPath().includes(this.el)) {\n      this.setSelectedItems(event.target as HTMLCalciteTableRowElement);\n    }\n  }\n\n  @Listen(\"calciteInternalTableRowFocusRequest\")\n  calciteInternalTableRowFocusEvent(event: TableRowFocusEvent): void {\n    const cellPosition = event[\"detail\"].cellPosition;\n    const rowPos = event[\"detail\"].rowPosition;\n    const destination = event[\"detail\"].destination;\n    const lastCell = event[\"detail\"].lastCell;\n\n    const visibleBody = this.bodyRows?.filter((row) => !row.hidden);\n    const visibleAll = this.allRows?.filter((row) => !row.hidden);\n\n    const lastHeadRow = this.headRows[this.headRows.length - 1]?.positionAll;\n    const firstBodyRow = visibleBody[0]?.positionAll;\n    const lastBodyRow = visibleBody[visibleBody.length - 1]?.positionAll;\n    const firstFootRow = this.footRows[0]?.positionAll;\n    const lastTableRow = visibleAll[visibleAll.length - 1]?.positionAll;\n\n    const leavingHeader = destination === \"next\" && rowPos === lastHeadRow;\n    const leavingFooter = destination === \"previous\" && rowPos === firstFootRow;\n    const enteringHeader = destination === \"previous\" && rowPos === firstBodyRow;\n    const enteringFooter = destination === \"next\" && rowPos === lastBodyRow;\n\n    let rowPosition: number;\n\n    switch (destination) {\n      case \"first\":\n        rowPosition = 0;\n        break;\n      case \"last\":\n        rowPosition = lastTableRow;\n        break;\n      case \"next\":\n        rowPosition = leavingHeader ? firstBodyRow : enteringFooter ? firstFootRow : rowPos + 1;\n        break;\n      case \"previous\":\n        rowPosition = leavingFooter ? lastBodyRow : enteringHeader ? lastHeadRow : rowPos - 1;\n        break;\n    }\n\n    const destinationCount = this.allRows?.find(\n      (row) => row.positionAll === rowPosition,\n    )?.cellCount;\n\n    const adjustedPos = cellPosition > destinationCount ? destinationCount : cellPosition;\n\n    if (rowPosition !== undefined) {\n      this.calciteInternalTableRowFocusChange.emit({\n        cellPosition: adjustedPos,\n        rowPosition,\n        destination,\n        lastCell,\n      });\n    }\n  }\n  // --------------------------------------------------------------------------\n  //\n  //  Private Methods\n  //\n  // --------------------------------------------------------------------------\n\n  private getSlottedRows = (el: HTMLSlotElement): HTMLCalciteTableRowElement[] => {\n    return el\n      ?.assignedElements({ flatten: true })\n      ?.filter((el) => el?.matches(\"calcite-table-row\")) as HTMLCalciteTableRowElement[];\n  };\n\n  private updateRows = (): void => {\n    const headRows = this.getSlottedRows(this.tableHeadSlotEl) || [];\n    const bodyRows = this.getSlottedRows(this.tableBodySlotEl) || [];\n    const footRows = this.getSlottedRows(this.tableFootSlotEl) || [];\n    const allRows = [...headRows, ...bodyRows, ...footRows];\n\n    headRows?.forEach((row) => {\n      const position = headRows?.indexOf(row);\n      row.rowType = \"head\";\n      row.positionSection = position;\n      row.positionSectionLocalized = this.localizeNumber((position + 1).toString());\n    });\n\n    bodyRows?.forEach((row) => {\n      const position = bodyRows?.indexOf(row);\n      row.rowType = \"body\";\n      row.positionSection = position;\n      row.positionSectionLocalized = this.localizeNumber((position + 1).toString());\n    });\n\n    footRows?.forEach((row) => {\n      const position = footRows?.indexOf(row);\n      row.rowType = \"foot\";\n      row.positionSection = position;\n      row.positionSectionLocalized = this.localizeNumber((position + 1).toString());\n    });\n\n    allRows?.forEach((row) => {\n      row.interactionMode = this.interactionMode;\n      row.selectionMode = this.selectionMode;\n      row.bodyRowCount = bodyRows?.length;\n      row.positionAll = allRows?.indexOf(row);\n      row.numbered = this.numbered;\n      row.scale = this.scale;\n      row.readCellContentsToAT = this.readCellContentsToAT;\n      row.lastVisibleRow = allRows?.indexOf(row) === allRows.length - 1;\n    });\n\n    const colCount =\n      headRows[0]?.cellCount || headRows[0]?.querySelectorAll(\"calcite-table-header\")?.length;\n\n    this.colCount = colCount;\n    this.headRows = headRows;\n    this.bodyRows = bodyRows;\n    this.footRows = footRows;\n    this.allRows = allRows;\n\n    this.updateSelectedItems();\n    this.paginateRows();\n  };\n\n  private handlePaginationChange = (): void => {\n    const requestedItem = this.paginationEl?.startItem;\n    this.pageStartRow = requestedItem || 1;\n    this.calciteTablePageChange.emit();\n    this.updateRows();\n  };\n\n  private paginateRows = (): void => {\n    this.bodyRows?.forEach((row) => {\n      const rowPos = row.positionSection + 1;\n      const inView = rowPos >= this.pageStartRow && rowPos < this.pageStartRow + this.pageSize;\n      row.hidden = this.pageSize > 0 && !inView && !this.footRows.includes(row);\n      row.lastVisibleRow =\n        rowPos === this.pageStartRow + this.pageSize - 1 || rowPos === this.bodyRows.length;\n    });\n  };\n\n  private updateSelectedItems = (emit?: boolean): void => {\n    const selectedItems = this.bodyRows?.filter((el) => el.selected);\n    this.selectedItems = selectedItems;\n    this.selectedCount = selectedItems?.length;\n    this.allRows?.forEach((row) => {\n      row.selectedRowCount = this.selectedCount;\n      row.selectedRowCountLocalized = this.localizeNumber(this.selectedCount);\n    });\n    if (emit) {\n      this.calciteTableSelect.emit();\n    }\n  };\n\n  private handleDeselectAllRows = (): void => {\n    this.bodyRows?.forEach((row) => {\n      row.selected = false;\n    });\n    this.updateSelectedItems(true);\n  };\n\n  private setSelectedItems = (elToMatch?: HTMLCalciteTableRowElement): void => {\n    this.bodyRows?.forEach((el) => {\n      if (elToMatch?.rowType === \"head\") {\n        el.selected = this.selectedCount !== this.bodyRows?.length;\n      } else {\n        el.selected =\n          elToMatch === el ? !el.selected : this.selectionMode === \"multiple\" ? el.selected : false;\n      }\n    });\n    this.updateSelectedItems(true);\n  };\n\n  private localizeNumber = (value: number | string): string => {\n    numberStringFormatter.numberFormatOptions = {\n      locale: this.effectiveLocale,\n      numberingSystem: this.numberingSystem,\n      useGrouping: this.groupSeparator,\n    };\n\n    return numberStringFormatter.localize(value.toString());\n  };\n\n  // --------------------------------------------------------------------------\n  //\n  //  Render Methods\n  //\n  // --------------------------------------------------------------------------\n\n  renderSelectionArea(): VNode {\n    const outOfViewCount = this.selectedItems?.filter((el) => el.hidden)?.length;\n    const localizedOutOfView = this.localizeNumber(outOfViewCount?.toString());\n    const localizedSelectedCount = this.localizeNumber(this.selectedCount?.toString());\n    const selectionText = `${localizedSelectedCount} ${this.messages.selected}`;\n    const outOfView = `${localizedOutOfView} ${this.messages.hiddenSelected}`;\n\n    return (\n      <div class={CSS.selectionArea}>\n        <calcite-chip\n          kind={this.selectedCount > 0 ? \"brand\" : \"neutral\"}\n          scale={this.scale}\n          value={selectionText}\n        >\n          {selectionText}\n        </calcite-chip>\n        {outOfViewCount > 0 && (\n          <calcite-chip icon=\"hide-empty\" scale={this.scale} title={outOfView} value={outOfView}>\n            {localizedOutOfView}\n          </calcite-chip>\n        )}\n        {this.selectedCount > 0 && (\n          <calcite-button\n            icon-start=\"x\"\n            kind=\"neutral\"\n            onClick={this.handleDeselectAllRows}\n            round\n            scale={this.scale}\n            title={`${this.messages.clear} ${selectionText} ${this.messages.row}`}\n          >\n            {this.messages.clear}\n          </calcite-button>\n        )}\n        <div class={CSS.selectionActions}>\n          <slot name={SLOTS.selectionActions} />\n        </div>\n      </div>\n    );\n  }\n\n  renderPaginationArea(): VNode {\n    return (\n      <div class={CSS.paginationArea}>\n        <calcite-pagination\n          groupSeparator={this.groupSeparator}\n          numberingSystem={this.numberingSystem}\n          onCalcitePaginationChange={this.handlePaginationChange}\n          pageSize={this.pageSize}\n          ref={(el) => (this.paginationEl = el)}\n          scale={this.scale}\n          startItem={1}\n          totalItems={this.bodyRows?.length}\n        />\n      </div>\n    );\n  }\n\n  renderTHead(): VNode {\n    return (\n      <thead>\n        <slot\n          name={SLOTS.tableHeader}\n          onSlotchange={this.updateRows}\n          ref={(el) => (this.tableHeadSlotEl = el as HTMLSlotElement)}\n        />\n      </thead>\n    );\n  }\n\n  renderTBody(): VNode {\n    return (\n      <tbody>\n        <slot\n          onSlotchange={this.updateRows}\n          ref={(el) => (this.tableBodySlotEl = el as HTMLSlotElement)}\n        />\n      </tbody>\n    );\n  }\n\n  renderTFoot(): VNode {\n    return (\n      <tfoot>\n        <slot\n          name={SLOTS.tableFooter}\n          onSlotchange={this.updateRows}\n          ref={(el) => (this.tableFootSlotEl = el as HTMLSlotElement)}\n        />\n      </tfoot>\n    );\n  }\n\n  render(): VNode {\n    return (\n      <Host>\n        <div class={CSS.container}>\n          {this.selectionMode !== \"none\" &&\n            this.selectionDisplay !== \"none\" &&\n            this.renderSelectionArea()}\n          <div\n            class={{\n              [CSS.bordered]: this.bordered,\n              [CSS.striped]: this.striped || this.zebra,\n              [CSS.tableContainer]: true,\n            }}\n          >\n            <table\n              aria-colcount={this.colCount}\n              aria-multiselectable={this.selectionMode === \"multiple\"}\n              aria-rowcount={this.allRows?.length}\n              class={{ [CSS.tableFixed]: this.layout === \"fixed\" }}\n              role={this.interactionMode === \"interactive\" ? \"grid\" : \"table\"}\n            >\n              <caption class={CSS.assistiveText}>{this.caption}</caption>\n              {this.renderTHead()}\n              {this.renderTBody()}\n              {this.renderTFoot()}\n            </table>\n          </div>\n          {this.pageSize > 0 && this.renderPaginationArea()}\n        </div>\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/dist/cjs/calcite-text-area.cjs.entry.js

@@ -1,30 +1,30 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.9.0-next.2
+ * v2.9.0-next.20
  */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-816b2235.js');
-const form = require('./form-2f0ce4f5.js');
-const label = require('./label-1bfab83c.js');
-const dom = require('./dom-b3b692c7.js');
-const locale = require('./locale-3c14df15.js');
-const observers = require('./observers-9d4b94fa.js');
-const loadable = require('./loadable-8502181b.js');
-const t9n = require('./t9n-d22d6156.js');
-const interactive = require('./interactive-a21fc529.js');
-const guid = require('./guid-8153c924.js');
-const Validation = require('./Validation-a9559083.js');
-const input = require('./input-59075b7d.js');
-const throttle = require('./throttle-8063c792.js');
-require('./component-4791014e.js');
-require('./resources-2cc41c87.js');
-require('./key-b4561c75.js');
-require('./browser-1a5f23a5.js');
-require('./debounce-348db285.js');
+const index = require('./index-ca9c5738.js');
+const form = require('./form-228b04bd.js');
+const label = require('./label-0eaf6fab.js');
+const dom = require('./dom-4f3978e9.js');
+const locale = require('./locale-22e50901.js');
+const observers = require('./observers-64d0e318.js');
+const loadable = require('./loadable-485b5ca8.js');
+const t9n = require('./t9n-a2235c64.js');
+const interactive = require('./interactive-46826d66.js');
+const guid = require('./guid-70d8b321.js');
+const Validation = require('./Validation-b1edd79e.js');
+const input = require('./input-5385ae4f.js');
+const throttle = require('./throttle-ea0e2dfa.js');
+require('./component-62e55d43.js');
+require('./resources-ea1d0de4.js');
+require('./key-987bfdfb.js');
+require('./browser-d83e81a6.js');
+require('./debounce-8594d56b.js');
 
 const CSS = {
     assistiveText: "assistive-text",
@@ -50,7 +50,7 @@ const SLOTS = {
 };
 const RESIZE_TIMEOUT = 100;
 
-const textAreaCss = ":host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-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-color-border-input);background-color:var(--calcite-color-foreground-1);font-family:var(--calcite-font-family);color:var(--calcite-color-text-1);min-inline-size:12rem;border-block-end:1px solid var(--calcite-color-border-3)}@media screen and (max-width: 480px){textarea{resize:none}}textarea:focus{outline:2px solid var(--calcite-ui-focus-color, var(--calcite-color-brand));outline-offset:calc(\n            -2px *\n            calc(\n              1 -\n              2 * clamp(\n                0,\n                var(--calcite-offset-invert-focus),\n                1\n              )\n            )\n          )}textarea.text-area--invalid{border-width:1px;border-block-end-width:1px;border-style:solid;border-color:var(--calcite-color-status-danger)}textarea.text-area--invalid:focus{outline:2px solid var(--calcite-color-status-danger);outline-offset:calc(\n            -2px *\n            calc(\n              1 -\n              2 * clamp(\n                0,\n                var(--calcite-offset-invert-focus),\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-color-border-input);background-color:var(--calcite-color-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-color-text-2)}.character--over-limit{font-weight:var(--calcite-font-weight-bold);color:var(--calcite-color-status-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)}:host([status=invalid]) textarea{border-color:var(--calcite-color-status-danger)}:host([status=invalid]) textarea:focus{outline:2px solid var(--calcite-color-status-danger);outline-offset:calc(\n            -2px *\n            calc(\n              1 -\n              2 * clamp(\n                0,\n                var(--calcite-offset-invert-focus),\n                1\n              )\n            )\n          )}.readonly{background-color:var(--calcite-color-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-color-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}.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}.validation-container{display:flex;flex-direction:column;align-items:flex-start;align-self:stretch}:host([scale=m]) .validation-container,:host([scale=l]) .validation-container{padding-block-start:0.5rem}:host([scale=s]) .validation-container{padding-block-start:0.25rem}::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}.interaction-container{display:contents}:host([hidden]){display:none}[hidden]{display:none}";
+const textAreaCss = ":host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-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-color-border-input);background-color:var(--calcite-color-foreground-1);font-family:var(--calcite-font-family);color:var(--calcite-color-text-1);min-inline-size:12rem;border-block-end:1px solid var(--calcite-color-border-3)}@media screen and (max-width: 480px){textarea{resize:none}}textarea:focus{outline:2px solid var(--calcite-ui-focus-color, var(--calcite-color-brand));outline-offset:calc(\n            -2px *\n            calc(\n              1 -\n              2 * clamp(\n                0,\n                var(--calcite-offset-invert-focus),\n                1\n              )\n            )\n          )}textarea.text-area--invalid{border-width:1px;border-block-end-width:1px;border-style:solid;border-color:var(--calcite-color-status-danger)}textarea.text-area--invalid:focus{outline:2px solid var(--calcite-color-status-danger);outline-offset:calc(\n            -2px *\n            calc(\n              1 -\n              2 * clamp(\n                0,\n                var(--calcite-offset-invert-focus),\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-color-border-input);background-color:var(--calcite-color-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-color-text-2)}.character--over-limit{font-weight:var(--calcite-font-weight-bold);color:var(--calcite-color-status-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)}:host([status=invalid]) textarea{border-color:var(--calcite-color-status-danger)}:host([status=invalid]) textarea:focus{outline:2px solid var(--calcite-color-status-danger);outline-offset:calc(\n            -2px *\n            calc(\n              1 -\n              2 * clamp(\n                0,\n                var(--calcite-offset-invert-focus),\n                1\n              )\n            )\n          )}.readonly{background-color:var(--calcite-color-background);font-weight:var(--calcite-font-weight-medium)}.border--color{border-block-end-width:1px;border-color:var(--calcite-color-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}.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}.validation-container{display:flex;flex-direction:column;align-items:flex-start;align-self:stretch}:host([scale=m]) .validation-container,:host([scale=l]) .validation-container{padding-block-start:0.5rem}:host([scale=s]) .validation-container{padding-block-start:0.25rem}::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}.interaction-container{display:contents}:host([hidden]){display:none}[hidden]{display:none}";
 const CalciteTextAreaStyle0 = textAreaCss;
 
 const TextArea = class {

package/dist/cjs/calcite-text-area.cjs.entry.js.map

@@ -1 +1 @@
-{"file":"calcite-text-area.entry.cjs.js","mappings":"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","names":["guid","h","createObserver","componentLoaded","throttle","forceUpdate","connectInteractive","connectLabel","connectForm","connectLocalized","connectMessages","setUpLoadableComponent","setUpMessages","setComponentLoaded","updateHostInteraction","disconnectInteractive","disconnectLabel","disconnectForm","disconnectLocalized","disconnectMessages","Host","InteractiveContainer","toAriaBoolean","getLabelText","slotChangeHasAssignedElement","HiddenFormInputSlot","Validation","componentFocusable","updateMessages","numberStringFormatter","input","syncHiddenFormInput"],"sources":["src/components/text-area/resources.ts","src/components/text-area/text-area.scss?tag=calcite-text-area&encapsulation=shadow","src/components/text-area/text-area.tsx"],"sourcesContent":["export const CSS = {\n  assistiveText: \"assistive-text\",\n  characterLimit: \"character-limit\",\n  content: \"content\",\n  container: \"container\",\n  footer: \"footer\",\n  resizeDisabled: \"resize--disabled\",\n  resizeDisabledX: \"resize--disabled-x\",\n  resizeDisabledY: \"resize--disabled-y\",\n  characterOverLimit: \"character--over-limit\",\n  readOnly: \"readonly\",\n  textAreaInvalid: \"text-area--invalid\",\n  footerSlotted: \"footer--slotted\",\n  borderColor: \"border--color\",\n  hide: \"hide\",\n  blockSizeFull: \"block-size--full\",\n  footerEndSlotOnly: \"footer--end-only\",\n};\n\nexport const SLOTS = {\n  footerStart: \"footer-start\",\n  footerEnd: \"footer-end\",\n};\n\nexport const RESIZE_TIMEOUT = 100;\n",":host {\n  @apply inline-block\n  relative\n  w-full\n  h-full;\n}\n\ntextarea {\n  @apply font-sans\n    text-color-1\n    relative\n    block\n    bg-foreground-1\n    box-border\n    border-color-input\n    border\n    w-full\n    m-0;\n  min-inline-size: theme(\"spacing.48\");\n  border-block-end: 1px solid var(--calcite-color-border-3);\n  @media screen and (max-width: 480px) {\n    @apply resize-none;\n  }\n  &:focus {\n    @apply focus-inset;\n  }\n  &.text-area--invalid {\n    @apply border-color-danger\n    border\n    border-solid\n    border-b;\n    &:focus {\n      @apply focus-inset-danger;\n    }\n  }\n  &.footer--slotted {\n    min-inline-size: theme(\"spacing.72\");\n  }\n}\n\n.footer {\n  @apply flex\n  bg-foreground-1\n  box-border\n  border-color-input\n  border\n  border-solid\n  border-t-0\n  items-center;\n}\n\n.character-limit {\n  @apply flex\n  justify-end\n  text-color-2\n  items-center\n  font-normal\n  whitespace-nowrap;\n}\n\n.character--over-limit {\n  @apply font-bold\n  text-danger;\n}\n\n:host([resize=\"none\"]) textarea {\n  @apply resize-none;\n}\n\n:host([resize=\"horizontal\"]) textarea {\n  @apply resize-x;\n}\n\n:host([resize=\"vertical\"]) textarea {\n  @apply resize-y;\n}\n\n:host([scale=\"s\"]) {\n  @apply text-n2;\n  .footer {\n    @apply py-1\n    px-2;\n    min-block-size: 1.75rem;\n  }\n  textarea {\n    @apply py-1\n    px-2;\n  }\n\n  textarea,\n  .footer,\n  .character-limit {\n    @apply text-n2\n    pl-2;\n  }\n}\n\n:host([scale=\"m\"]) {\n  textarea {\n    @apply py-2\n    px-3;\n  }\n  .footer {\n    @apply py-2\n    px-3;\n    min-block-size: 2.25rem;\n  }\n\n  textarea,\n  .footer,\n  .character-limit {\n    @apply text-n1\n    pl-3;\n  }\n}\n\n:host([scale=\"l\"]) {\n  @apply text-0;\n  textarea {\n    @apply py-3\n    px-4;\n  }\n  .footer {\n    @apply py-3\n    px-4;\n    min-block-size: 2.75rem;\n  }\n\n  textarea,\n  .footer,\n  .character-limit {\n    @apply text-0\n    pl-4;\n  }\n}\n\n:host([status=\"invalid\"]) {\n  textarea {\n    @apply border-color-danger;\n  }\n  textarea:focus {\n    @apply focus-inset-danger;\n  }\n}\n\n.readonly {\n  @apply bg-background font-medium;\n}\n\n:host([disabled]) {\n  textarea,\n  footer {\n    @apply opacity-50;\n  }\n}\n\n.border--color {\n  @apply border-b border-color-input;\n  &:focus {\n    @apply border-b-2;\n  }\n}\n\ntextarea.block-size--full {\n  @apply h-full;\n}\n\n.content,\n.hide {\n  @apply hidden;\n}\n\n.container {\n  @apply flex\n  justify-between\n  w-full;\n}\n\n.footer--end-only {\n  @apply justify-end;\n}\n\n.assistive-text {\n  @apply sr-only;\n}\n\n@include form-validation-message();\n@include hidden-form-input();\n@include disabled();\n@include base-component();\n","import {\n  Component,\n  h,\n  Prop,\n  Element,\n  Event,\n  EventEmitter,\n  VNode,\n  Watch,\n  Method,\n  Host,\n  State,\n  forceUpdate,\n} from \"@stencil/core\";\nimport { throttle } from \"lodash-es\";\nimport {\n  connectForm,\n  disconnectForm,\n  FormComponent,\n  HiddenFormInputSlot,\n  MutableValidityState,\n} from \"../../utils/form\";\nimport { connectLabel, disconnectLabel, getLabelText, LabelableComponent } from \"../../utils/label\";\nimport { slotChangeHasAssignedElement, toAriaBoolean } from \"../../utils/dom\";\nimport {\n  connectLocalized,\n  disconnectLocalized,\n  LocalizedComponent,\n  NumberingSystem,\n  numberStringFormatter,\n} from \"../../utils/locale\";\nimport { createObserver } from \"../../utils/observers\";\nimport {\n  componentFocusable,\n  componentLoaded,\n  LoadableComponent,\n  setComponentLoaded,\n  setUpLoadableComponent,\n} from \"../../utils/loadable\";\nimport {\n  connectMessages,\n  disconnectMessages,\n  setUpMessages,\n  T9nComponent,\n  updateMessages,\n} from \"../../utils/t9n\";\nimport {\n  connectInteractive,\n  disconnectInteractive,\n  InteractiveComponent,\n  InteractiveContainer,\n  updateHostInteraction,\n} from \"../../utils/interactive\";\nimport { guid } from \"../../utils/guid\";\nimport { Status } from \"../interfaces\";\nimport { Validation } from \"../functional/Validation\";\nimport { syncHiddenFormInput, TextualInputComponent } from \"../input/common/input\";\nimport { CharacterLengthObj } from \"./interfaces\";\nimport { TextAreaMessages } from \"./assets/text-area/t9n\";\nimport { CSS, SLOTS, RESIZE_TIMEOUT } from \"./resources\";\n\n/**\n * @slot - A slot for adding text.\n * @slot footer-start - A slot for adding content to the start of the component's footer.\n * @slot footer-end - A slot for adding content to the end of the component's footer.\n */\n\n@Component({\n  tag: \"calcite-text-area\",\n  styleUrl: \"text-area.scss\",\n  shadow: true,\n  assetsDirs: [\"assets\"],\n})\nexport class TextArea\n  implements\n    FormComponent,\n    LabelableComponent,\n    LocalizedComponent,\n    LoadableComponent,\n    T9nComponent,\n    InteractiveComponent,\n    Omit<TextualInputComponent, \"pattern\">\n{\n  //--------------------------------------------------------------------------\n  //\n  //  Global attributes\n  //\n  //--------------------------------------------------------------------------\n\n  @Watch(\"autofocus\")\n  handleGlobalAttributesChanged(): void {\n    forceUpdate(this);\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Properties\n  //\n  //--------------------------------------------------------------------------\n\n  /**\n   * Specifies the component's number of columns.\n   *\n   * @mdn [cols](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/textarea#attr-cols)\n   */\n  @Prop({ reflect: true }) columns: number;\n\n  /**\n   * When `true`, interaction is prevented and the component is displayed with lower opacity.\n   *\n   * @mdn [disabled](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/disabled)\n   */\n  @Prop({ reflect: true }) disabled = false;\n\n  /**\n   * The `id` of the form that will be associated with the component.\n   *\n   * When not set, the component will be associated with its ancestor form element, if any.\n   */\n  @Prop({ reflect: true })\n  form: string;\n\n  /**\n   * When `true`, number values are displayed with a group separator corresponding to the language and country format.\n   */\n  @Prop({ reflect: true }) groupSeparator = false;\n\n  /**\n   * Accessible name for the component.\n   */\n  @Prop() label: string;\n\n  /**\n   * Specifies the minimum number of characters allowed.\n   *\n   * @mdn [minlength](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/textarea#attr-minlength)\n   */\n  @Prop({ reflect: true }) minLength: number;\n\n  /**\n   * Specifies the maximum number of characters allowed.\n   *\n   * @mdn [maxlength](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/textarea#attr-maxlength)\n   */\n  @Prop({ reflect: true }) maxLength: number;\n\n  /**\n   * Made into a prop for testing purposes only\n   *\n   * @internal\n   */\n  // eslint-disable-next-line @stencil-community/strict-mutable -- updated by t9n module\n  @Prop({ mutable: true }) messages: TextAreaMessages;\n\n  /** Specifies the validation message to display under the component. */\n  @Prop() validationMessage: string;\n\n  /** Specifies the validation icon to display under the component. */\n  @Prop({ reflect: true }) validationIcon: string | boolean;\n\n  /**\n   * The current validation state of the component.\n   *\n   * @readonly\n   * @mdn [ValidityState](https://developer.mozilla.org/en-US/docs/Web/API/ValidityState)\n   */\n  // eslint-disable-next-line @stencil-community/strict-mutable -- updated in form util when syncing hidden input\n  @Prop({ mutable: true }) validity: MutableValidityState = {\n    valid: false,\n    badInput: false,\n    customError: false,\n    patternMismatch: false,\n    rangeOverflow: false,\n    rangeUnderflow: false,\n    stepMismatch: false,\n    tooLong: false,\n    tooShort: false,\n    typeMismatch: false,\n    valueMissing: false,\n  };\n\n  /**\n   * Specifies the name of the component.\n   *\n   * @mdn [name](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/textarea#attr-name)\n   */\n  @Prop({ reflect: true }) name: string;\n\n  /**\n   * Specifies the Unicode numeral system used by the component for localization.\n   */\n  @Prop() numberingSystem: NumberingSystem;\n\n  /**\n   * Specifies the placeholder text for the component.\n   *\n   * @mdn [placeholder](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/textarea#attr-placeholder)\n   */\n  @Prop() placeholder: string;\n\n  /**\n   * When `true`, the component's `value` can be read, but cannot be modified.\n   *\n   * @readonly\n   * @mdn [readOnly](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/readonly)\n   */\n  @Prop({ reflect: true }) readOnly = false;\n\n  /**\n   * When `true`, the component must have a value in order for the form to submit.\n   *\n   * @mdn [required]https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/required\n   */\n  @Prop({ reflect: true }) required = false;\n\n  /** Specifies if the component is resizable. */\n  @Prop({ reflect: true }) resize: \"both\" | \"horizontal\" | \"vertical\" | \"none\" = \"both\";\n\n  /**\n   * Specifies the component's number of rows.\n   *\n   * @mdn [rows](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/textarea#attr-rows)\n   */\n  @Prop({ reflect: true }) rows: number;\n\n  /** Specifies the size of the component. */\n  @Prop({ reflect: true }) scale: \"l\" | \"m\" | \"s\" = \"m\";\n\n  /** Specifies the status of the input field, which determines message and icons. */\n  @Prop({ reflect: true }) status: Status = \"idle\";\n\n  /** The component's value. */\n  @Prop({ mutable: true }) value = \"\";\n\n  /**\n   * Specifies the wrapping mechanism for the text.\n   *\n   * @mdn [wrap](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/textarea#attr-wrap)\n   */\n  @Prop({ reflect: true }) wrap: \"soft\" | \"hard\" = \"soft\";\n\n  /**\n   * Use this property to override individual strings used by the component.\n   */\n  // eslint-disable-next-line @stencil-community/strict-mutable -- updated by t9n module\n  @Prop({ mutable: true }) messageOverrides: Partial<TextAreaMessages>;\n\n  @Watch(\"messageOverrides\")\n  onMessagesChange(): void {\n    /* wired up by t9n util */\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Event Emitters\n  //\n  //--------------------------------------------------------------------------\n  /**\n   * Fires each time a new `value` is typed.\n   */\n  @Event() calciteTextAreaInput: EventEmitter<void>;\n\n  /**\n   * Fires each time a new `value` is typed and committed.\n   */\n  @Event() calciteTextAreaChange: EventEmitter<void>;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  //--------------------------------------------------------------------------\n\n  connectedCallback(): void {\n    connectInteractive(this);\n    connectLabel(this);\n    connectForm(this);\n    connectLocalized(this);\n    connectMessages(this);\n  }\n\n  async componentWillLoad(): Promise<void> {\n    setUpLoadableComponent(this);\n    await setUpMessages(this);\n  }\n\n  componentDidLoad(): void {\n    setComponentLoaded(this);\n  }\n\n  componentDidRender(): void {\n    updateHostInteraction(this);\n    this.setTextAreaHeight();\n  }\n\n  disconnectedCallback(): void {\n    disconnectInteractive(this);\n    disconnectLabel(this);\n    disconnectForm(this);\n    disconnectLocalized(this);\n    disconnectMessages(this);\n    this.resizeObserver?.disconnect();\n  }\n\n  render(): VNode {\n    const hasFooter = this.startSlotHasElements || this.endSlotHasElements || !!this.maxLength;\n    return (\n      <Host>\n        <InteractiveContainer disabled={this.disabled}>\n          <textarea\n            aria-describedby={this.guid}\n            aria-invalid={toAriaBoolean(this.isCharacterLimitExceeded())}\n            aria-label={getLabelText(this)}\n            autofocus={this.el.autofocus}\n            class={{\n              [CSS.readOnly]: this.readOnly,\n              [CSS.textAreaInvalid]: this.isCharacterLimitExceeded(),\n              [CSS.footerSlotted]: this.endSlotHasElements && this.startSlotHasElements,\n              [CSS.blockSizeFull]: !hasFooter,\n              [CSS.borderColor]: !hasFooter,\n            }}\n            cols={this.columns}\n            disabled={this.disabled}\n            name={this.name}\n            onChange={this.handleChange}\n            onInput={this.handleInput}\n            placeholder={this.placeholder}\n            readOnly={this.readOnly}\n            ref={this.setTextAreaEl}\n            required={this.required}\n            rows={this.rows}\n            value={this.value}\n            wrap={this.wrap}\n          />\n          <span class={{ [CSS.content]: true }}>\n            <slot onSlotchange={this.contentSlotChangeHandler} />\n          </span>\n          <footer\n            class={{\n              [CSS.footer]: true,\n              [CSS.readOnly]: this.readOnly,\n              [CSS.hide]: !hasFooter,\n            }}\n            ref={(el) => (this.footerEl = el as HTMLElement)}\n          >\n            <div\n              class={{\n                [CSS.container]: true,\n                [CSS.footerEndSlotOnly]: !this.startSlotHasElements && this.endSlotHasElements,\n              }}\n            >\n              <slot\n                name={SLOTS.footerStart}\n                onSlotchange={(event) =>\n                  (this.startSlotHasElements = slotChangeHasAssignedElement(event))\n                }\n              />\n              <slot\n                name={SLOTS.footerEnd}\n                onSlotchange={(event) =>\n                  (this.endSlotHasElements = slotChangeHasAssignedElement(event))\n                }\n              />\n            </div>\n            {this.renderCharacterLimit()}\n          </footer>\n          <HiddenFormInputSlot component={this} />\n          {this.isCharacterLimitExceeded() && (\n            <span aria-hidden={true} aria-live=\"polite\" class={CSS.assistiveText} id={this.guid}>\n              {this.replacePlaceHoldersInMessages()}\n            </span>\n          )}\n          {this.validationMessage && this.status === \"invalid\" ? (\n            <Validation\n              icon={this.validationIcon}\n              message={this.validationMessage}\n              scale={this.scale}\n              status={this.status}\n            />\n          ) : null}\n        </InteractiveContainer>\n      </Host>\n    );\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Public Methods\n  //\n  //--------------------------------------------------------------------------\n\n  /** Sets focus on the component. */\n  @Method()\n  async setFocus(): Promise<void> {\n    await componentFocusable(this);\n    this.textAreaEl.focus();\n  }\n\n  /** Selects the text of the component's `value`. */\n  @Method()\n  async selectText(): Promise<void> {\n    await componentLoaded(this);\n    this.textAreaEl.select();\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Private Properties/ State\n  //\n  //--------------------------------------------------------------------------\n\n  @Element() el: HTMLCalciteTextAreaElement;\n\n  defaultValue: TextArea[\"value\"];\n\n  footerEl: HTMLElement;\n\n  formEl: HTMLFormElement;\n\n  labelEl: HTMLCalciteLabelElement;\n\n  textAreaEl: HTMLTextAreaElement;\n\n  @State() defaultMessages: TextAreaMessages;\n\n  @State() endSlotHasElements: boolean;\n\n  @State() startSlotHasElements: boolean;\n\n  @State() effectiveLocale = \"\";\n\n  @Watch(\"effectiveLocale\")\n  effectiveLocaleChange(): void {\n    updateMessages(this, this.effectiveLocale);\n  }\n\n  private guid = guid();\n\n  private localizedCharacterLengthObj: CharacterLengthObj;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Private Methods\n  //\n  //--------------------------------------------------------------------------\n\n  onLabelClick(): void {\n    this.setFocus();\n  }\n\n  handleInput = (event: InputEvent): void => {\n    this.value = event.target[\"value\"];\n    this.calciteTextAreaInput.emit();\n  };\n\n  handleChange = (): void => {\n    this.calciteTextAreaChange.emit();\n  };\n\n  contentSlotChangeHandler = (): void => {\n    if (!this.value) {\n      const nodes = this.el.childNodes;\n      nodes.forEach((el) => {\n        if (el.nodeName === \"#text\") {\n          this.value = el.nodeValue.trim();\n        }\n      });\n    }\n  };\n\n  renderCharacterLimit = (): VNode | null => {\n    if (this.maxLength) {\n      this.localizedCharacterLengthObj = this.getLocalizedCharacterLength();\n      return (\n        <span class={CSS.characterLimit}>\n          <span class={{ [CSS.characterOverLimit]: this.isCharacterLimitExceeded() }}>\n            {this.localizedCharacterLengthObj.currentLength}\n          </span>\n          {\"/\"}\n          {this.localizedCharacterLengthObj.maxLength}\n        </span>\n      );\n    }\n    return null;\n  };\n\n  getLocalizedCharacterLength(): CharacterLengthObj {\n    const currentLength = this.value ? this.value.length.toString() : \"0\";\n    const maxLength = this.maxLength.toString();\n    if (this.numberingSystem === \"latn\") {\n      return { currentLength, maxLength };\n    }\n\n    numberStringFormatter.numberFormatOptions = {\n      locale: this.effectiveLocale,\n      numberingSystem: this.numberingSystem,\n      signDisplay: \"never\",\n      useGrouping: this.groupSeparator,\n    };\n    return {\n      currentLength: numberStringFormatter.localize(currentLength),\n      maxLength: numberStringFormatter.localize(maxLength),\n    };\n  }\n\n  resizeObserver = createObserver(\"resize\", async () => {\n    await componentLoaded(this);\n    const { textAreaHeight, textAreaWidth, elHeight, elWidth, footerHeight, footerWidth } =\n      this.getHeightAndWidthOfElements();\n    if (footerWidth > 0 && footerWidth !== textAreaWidth) {\n      this.footerEl.style.width = `${textAreaWidth}px`;\n    }\n    if (elWidth !== textAreaWidth || elHeight !== textAreaHeight + (footerHeight || 0)) {\n      this.setHeightAndWidthToAuto();\n    }\n  });\n\n  syncHiddenFormInput(input: HTMLInputElement): void {\n    input.setCustomValidity(\"\");\n    if (this.isCharacterLimitExceeded()) {\n      input.setCustomValidity(this.replacePlaceHoldersInMessages());\n    }\n\n    syncHiddenFormInput(\"textarea\", this, input);\n  }\n\n  setTextAreaEl = (el: HTMLTextAreaElement): void => {\n    this.textAreaEl = el;\n    this.resizeObserver.observe(el);\n  };\n\n  setTextAreaHeight(): void {\n    const { textAreaHeight, elHeight, footerHeight } = this.getHeightAndWidthOfElements();\n    if (footerHeight > 0 && textAreaHeight + footerHeight != elHeight) {\n      this.textAreaEl.style.height = `${elHeight - footerHeight}px`;\n    }\n  }\n\n  getHeightAndWidthOfElements(): {\n    textAreaHeight: number;\n    textAreaWidth: number;\n    elHeight: number;\n    elWidth: number;\n    footerHeight: number;\n    footerWidth: number;\n  } {\n    const { height: textAreaHeight, width: textAreaWidth } =\n      this.textAreaEl.getBoundingClientRect();\n    const { height: elHeight, width: elWidth } = this.el.getBoundingClientRect();\n    const { height: footerHeight, width: footerWidth } = this.footerEl.getBoundingClientRect();\n\n    return {\n      textAreaHeight,\n      textAreaWidth,\n      elHeight,\n      elWidth,\n      footerHeight,\n      footerWidth,\n    };\n  }\n\n  private replacePlaceHoldersInMessages(): string {\n    return this.messages.tooLong\n      .replace(\"{maxLength}\", this.localizedCharacterLengthObj.maxLength)\n      .replace(\"{currentLength}\", this.localizedCharacterLengthObj.currentLength);\n  }\n\n  // height and width are set to auto here to avoid overlapping on to neighboring elements in the layout when user starts resizing.\n  // throttle is used to avoid flashing of textarea when user resizes.\n  private setHeightAndWidthToAuto = throttle(\n    (): void => {\n      if (this.resize === \"vertical\" || this.resize === \"both\") {\n        this.el.style.height = \"auto\";\n      }\n      if (this.resize === \"horizontal\" || this.resize === \"both\") {\n        this.el.style.width = \"auto\";\n      }\n    },\n    RESIZE_TIMEOUT,\n    { leading: false },\n  );\n\n  private isCharacterLimitExceeded(): boolean {\n    return this.value?.length > this.maxLength;\n  }\n}\n"],"version":3}
+{"file":"calcite-text-area.entry.cjs.js","mappings":"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","names":["guid","h","createObserver","componentLoaded","throttle","forceUpdate","connectInteractive","connectLabel","connectForm","connectLocalized","connectMessages","setUpLoadableComponent","setUpMessages","setComponentLoaded","updateHostInteraction","disconnectInteractive","disconnectLabel","disconnectForm","disconnectLocalized","disconnectMessages","Host","InteractiveContainer","toAriaBoolean","getLabelText","slotChangeHasAssignedElement","HiddenFormInputSlot","Validation","componentFocusable","updateMessages","numberStringFormatter","input","syncHiddenFormInput"],"sources":["src/components/text-area/resources.ts","src/components/text-area/text-area.scss?tag=calcite-text-area&encapsulation=shadow","src/components/text-area/text-area.tsx"],"sourcesContent":["export const CSS = {\n  assistiveText: \"assistive-text\",\n  characterLimit: \"character-limit\",\n  content: \"content\",\n  container: \"container\",\n  footer: \"footer\",\n  resizeDisabled: \"resize--disabled\",\n  resizeDisabledX: \"resize--disabled-x\",\n  resizeDisabledY: \"resize--disabled-y\",\n  characterOverLimit: \"character--over-limit\",\n  readOnly: \"readonly\",\n  textAreaInvalid: \"text-area--invalid\",\n  footerSlotted: \"footer--slotted\",\n  borderColor: \"border--color\",\n  hide: \"hide\",\n  blockSizeFull: \"block-size--full\",\n  footerEndSlotOnly: \"footer--end-only\",\n};\n\nexport const SLOTS = {\n  footerStart: \"footer-start\",\n  footerEnd: \"footer-end\",\n};\n\nexport const RESIZE_TIMEOUT = 100;\n",":host {\n  @apply inline-block\n  relative\n  w-full\n  h-full;\n}\n\ntextarea {\n  @apply font-sans\n    text-color-1\n    relative\n    block\n    bg-foreground-1\n    box-border\n    border-color-input\n    border\n    w-full\n    m-0;\n  min-inline-size: theme(\"spacing.48\");\n  border-block-end: 1px solid var(--calcite-color-border-3);\n  @media screen and (max-width: 480px) {\n    @apply resize-none;\n  }\n  &:focus {\n    @apply focus-inset;\n  }\n  &.text-area--invalid {\n    @apply border-color-danger\n    border\n    border-solid\n    border-b;\n    &:focus {\n      @apply focus-inset-danger;\n    }\n  }\n  &.footer--slotted {\n    min-inline-size: theme(\"spacing.72\");\n  }\n}\n\n.footer {\n  @apply flex\n  bg-foreground-1\n  box-border\n  border-color-input\n  border\n  border-solid\n  border-t-0\n  items-center;\n}\n\n.character-limit {\n  @apply flex\n  justify-end\n  text-color-2\n  items-center\n  font-normal\n  whitespace-nowrap;\n}\n\n.character--over-limit {\n  @apply font-bold\n  text-danger;\n}\n\n:host([resize=\"none\"]) textarea {\n  @apply resize-none;\n}\n\n:host([resize=\"horizontal\"]) textarea {\n  @apply resize-x;\n}\n\n:host([resize=\"vertical\"]) textarea {\n  @apply resize-y;\n}\n\n:host([scale=\"s\"]) {\n  @apply text-n2;\n  .footer {\n    @apply py-1\n    px-2;\n    min-block-size: 1.75rem;\n  }\n  textarea {\n    @apply py-1\n    px-2;\n  }\n\n  textarea,\n  .footer,\n  .character-limit {\n    @apply text-n2\n    pl-2;\n  }\n}\n\n:host([scale=\"m\"]) {\n  textarea {\n    @apply py-2\n    px-3;\n  }\n  .footer {\n    @apply py-2\n    px-3;\n    min-block-size: 2.25rem;\n  }\n\n  textarea,\n  .footer,\n  .character-limit {\n    @apply text-n1\n    pl-3;\n  }\n}\n\n:host([scale=\"l\"]) {\n  @apply text-0;\n  textarea {\n    @apply py-3\n    px-4;\n  }\n  .footer {\n    @apply py-3\n    px-4;\n    min-block-size: 2.75rem;\n  }\n\n  textarea,\n  .footer,\n  .character-limit {\n    @apply text-0\n    pl-4;\n  }\n}\n\n:host([status=\"invalid\"]) {\n  textarea {\n    @apply border-color-danger;\n  }\n  textarea:focus {\n    @apply focus-inset-danger;\n  }\n}\n\n.readonly {\n  @apply bg-background font-medium;\n}\n\n.border--color {\n  @apply border-b border-color-input;\n  &:focus {\n    @apply border-b-2;\n  }\n}\n\ntextarea.block-size--full {\n  @apply h-full;\n}\n\n.content,\n.hide {\n  @apply hidden;\n}\n\n.container {\n  @apply flex\n  justify-between\n  w-full;\n}\n\n.footer--end-only {\n  @apply justify-end;\n}\n\n.assistive-text {\n  @apply sr-only;\n}\n\n@include form-validation-message();\n@include hidden-form-input();\n@include disabled();\n@include base-component();\n","import {\n  Component,\n  h,\n  Prop,\n  Element,\n  Event,\n  EventEmitter,\n  VNode,\n  Watch,\n  Method,\n  Host,\n  State,\n  forceUpdate,\n} from \"@stencil/core\";\nimport { throttle } from \"lodash-es\";\nimport {\n  connectForm,\n  disconnectForm,\n  FormComponent,\n  HiddenFormInputSlot,\n  MutableValidityState,\n} from \"../../utils/form\";\nimport { connectLabel, disconnectLabel, getLabelText, LabelableComponent } from \"../../utils/label\";\nimport { slotChangeHasAssignedElement, toAriaBoolean } from \"../../utils/dom\";\nimport {\n  connectLocalized,\n  disconnectLocalized,\n  LocalizedComponent,\n  NumberingSystem,\n  numberStringFormatter,\n} from \"../../utils/locale\";\nimport { createObserver } from \"../../utils/observers\";\nimport {\n  componentFocusable,\n  componentLoaded,\n  LoadableComponent,\n  setComponentLoaded,\n  setUpLoadableComponent,\n} from \"../../utils/loadable\";\nimport {\n  connectMessages,\n  disconnectMessages,\n  setUpMessages,\n  T9nComponent,\n  updateMessages,\n} from \"../../utils/t9n\";\nimport {\n  connectInteractive,\n  disconnectInteractive,\n  InteractiveComponent,\n  InteractiveContainer,\n  updateHostInteraction,\n} from \"../../utils/interactive\";\nimport { guid } from \"../../utils/guid\";\nimport { Status } from \"../interfaces\";\nimport { Validation } from \"../functional/Validation\";\nimport { syncHiddenFormInput, TextualInputComponent } from \"../input/common/input\";\nimport { CharacterLengthObj } from \"./interfaces\";\nimport { TextAreaMessages } from \"./assets/text-area/t9n\";\nimport { CSS, SLOTS, RESIZE_TIMEOUT } from \"./resources\";\n\n/**\n * @slot - A slot for adding text.\n * @slot footer-start - A slot for adding content to the start of the component's footer.\n * @slot footer-end - A slot for adding content to the end of the component's footer.\n */\n\n@Component({\n  tag: \"calcite-text-area\",\n  styleUrl: \"text-area.scss\",\n  shadow: true,\n  assetsDirs: [\"assets\"],\n})\nexport class TextArea\n  implements\n    FormComponent,\n    LabelableComponent,\n    LocalizedComponent,\n    LoadableComponent,\n    T9nComponent,\n    InteractiveComponent,\n    Omit<TextualInputComponent, \"pattern\">\n{\n  //--------------------------------------------------------------------------\n  //\n  //  Global attributes\n  //\n  //--------------------------------------------------------------------------\n\n  @Watch(\"autofocus\")\n  handleGlobalAttributesChanged(): void {\n    forceUpdate(this);\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Properties\n  //\n  //--------------------------------------------------------------------------\n\n  /**\n   * Specifies the component's number of columns.\n   *\n   * @mdn [cols](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/textarea#attr-cols)\n   */\n  @Prop({ reflect: true }) columns: number;\n\n  /**\n   * When `true`, interaction is prevented and the component is displayed with lower opacity.\n   *\n   * @mdn [disabled](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/disabled)\n   */\n  @Prop({ reflect: true }) disabled = false;\n\n  /**\n   * The `id` of the form that will be associated with the component.\n   *\n   * When not set, the component will be associated with its ancestor form element, if any.\n   */\n  @Prop({ reflect: true })\n  form: string;\n\n  /**\n   * When `true`, number values are displayed with a group separator corresponding to the language and country format.\n   */\n  @Prop({ reflect: true }) groupSeparator = false;\n\n  /**\n   * Accessible name for the component.\n   */\n  @Prop() label: string;\n\n  /**\n   * Specifies the minimum number of characters allowed.\n   *\n   * @mdn [minlength](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/textarea#attr-minlength)\n   */\n  @Prop({ reflect: true }) minLength: number;\n\n  /**\n   * Specifies the maximum number of characters allowed.\n   *\n   * @mdn [maxlength](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/textarea#attr-maxlength)\n   */\n  @Prop({ reflect: true }) maxLength: number;\n\n  /**\n   * Made into a prop for testing purposes only\n   *\n   * @internal\n   */\n  // eslint-disable-next-line @stencil-community/strict-mutable -- updated by t9n module\n  @Prop({ mutable: true }) messages: TextAreaMessages;\n\n  /** Specifies the validation message to display under the component. */\n  @Prop() validationMessage: string;\n\n  /** Specifies the validation icon to display under the component. */\n  @Prop({ reflect: true }) validationIcon: string | boolean;\n\n  /**\n   * The current validation state of the component.\n   *\n   * @readonly\n   * @mdn [ValidityState](https://developer.mozilla.org/en-US/docs/Web/API/ValidityState)\n   */\n  // eslint-disable-next-line @stencil-community/strict-mutable -- updated in form util when syncing hidden input\n  @Prop({ mutable: true }) validity: MutableValidityState = {\n    valid: false,\n    badInput: false,\n    customError: false,\n    patternMismatch: false,\n    rangeOverflow: false,\n    rangeUnderflow: false,\n    stepMismatch: false,\n    tooLong: false,\n    tooShort: false,\n    typeMismatch: false,\n    valueMissing: false,\n  };\n\n  /**\n   * Specifies the name of the component.\n   *\n   * @mdn [name](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/textarea#attr-name)\n   */\n  @Prop({ reflect: true }) name: string;\n\n  /**\n   * Specifies the Unicode numeral system used by the component for localization.\n   */\n  @Prop() numberingSystem: NumberingSystem;\n\n  /**\n   * Specifies the placeholder text for the component.\n   *\n   * @mdn [placeholder](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/textarea#attr-placeholder)\n   */\n  @Prop() placeholder: string;\n\n  /**\n   * When `true`, the component's `value` can be read, but cannot be modified.\n   *\n   * @readonly\n   * @mdn [readOnly](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/readonly)\n   */\n  @Prop({ reflect: true }) readOnly = false;\n\n  /**\n   * When `true`, the component must have a value in order for the form to submit.\n   *\n   * @mdn [required]https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/required\n   */\n  @Prop({ reflect: true }) required = false;\n\n  /** Specifies if the component is resizable. */\n  @Prop({ reflect: true }) resize: \"both\" | \"horizontal\" | \"vertical\" | \"none\" = \"both\";\n\n  /**\n   * Specifies the component's number of rows.\n   *\n   * @mdn [rows](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/textarea#attr-rows)\n   */\n  @Prop({ reflect: true }) rows: number;\n\n  /** Specifies the size of the component. */\n  @Prop({ reflect: true }) scale: \"l\" | \"m\" | \"s\" = \"m\";\n\n  /** Specifies the status of the input field, which determines message and icons. */\n  @Prop({ reflect: true }) status: Status = \"idle\";\n\n  /** The component's value. */\n  @Prop({ mutable: true }) value = \"\";\n\n  /**\n   * Specifies the wrapping mechanism for the text.\n   *\n   * @mdn [wrap](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/textarea#attr-wrap)\n   */\n  @Prop({ reflect: true }) wrap: \"soft\" | \"hard\" = \"soft\";\n\n  /**\n   * Use this property to override individual strings used by the component.\n   */\n  // eslint-disable-next-line @stencil-community/strict-mutable -- updated by t9n module\n  @Prop({ mutable: true }) messageOverrides: Partial<TextAreaMessages>;\n\n  @Watch(\"messageOverrides\")\n  onMessagesChange(): void {\n    /* wired up by t9n util */\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Event Emitters\n  //\n  //--------------------------------------------------------------------------\n  /**\n   * Fires each time a new `value` is typed.\n   */\n  @Event() calciteTextAreaInput: EventEmitter<void>;\n\n  /**\n   * Fires each time a new `value` is typed and committed.\n   */\n  @Event() calciteTextAreaChange: EventEmitter<void>;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  //--------------------------------------------------------------------------\n\n  connectedCallback(): void {\n    connectInteractive(this);\n    connectLabel(this);\n    connectForm(this);\n    connectLocalized(this);\n    connectMessages(this);\n  }\n\n  async componentWillLoad(): Promise<void> {\n    setUpLoadableComponent(this);\n    await setUpMessages(this);\n  }\n\n  componentDidLoad(): void {\n    setComponentLoaded(this);\n  }\n\n  componentDidRender(): void {\n    updateHostInteraction(this);\n    this.setTextAreaHeight();\n  }\n\n  disconnectedCallback(): void {\n    disconnectInteractive(this);\n    disconnectLabel(this);\n    disconnectForm(this);\n    disconnectLocalized(this);\n    disconnectMessages(this);\n    this.resizeObserver?.disconnect();\n  }\n\n  render(): VNode {\n    const hasFooter = this.startSlotHasElements || this.endSlotHasElements || !!this.maxLength;\n    return (\n      <Host>\n        <InteractiveContainer disabled={this.disabled}>\n          <textarea\n            aria-describedby={this.guid}\n            aria-invalid={toAriaBoolean(this.isCharacterLimitExceeded())}\n            aria-label={getLabelText(this)}\n            autofocus={this.el.autofocus}\n            class={{\n              [CSS.readOnly]: this.readOnly,\n              [CSS.textAreaInvalid]: this.isCharacterLimitExceeded(),\n              [CSS.footerSlotted]: this.endSlotHasElements && this.startSlotHasElements,\n              [CSS.blockSizeFull]: !hasFooter,\n              [CSS.borderColor]: !hasFooter,\n            }}\n            cols={this.columns}\n            disabled={this.disabled}\n            name={this.name}\n            onChange={this.handleChange}\n            onInput={this.handleInput}\n            placeholder={this.placeholder}\n            readOnly={this.readOnly}\n            ref={this.setTextAreaEl}\n            required={this.required}\n            rows={this.rows}\n            value={this.value}\n            wrap={this.wrap}\n          />\n          <span class={{ [CSS.content]: true }}>\n            <slot onSlotchange={this.contentSlotChangeHandler} />\n          </span>\n          <footer\n            class={{\n              [CSS.footer]: true,\n              [CSS.readOnly]: this.readOnly,\n              [CSS.hide]: !hasFooter,\n            }}\n            ref={(el) => (this.footerEl = el as HTMLElement)}\n          >\n            <div\n              class={{\n                [CSS.container]: true,\n                [CSS.footerEndSlotOnly]: !this.startSlotHasElements && this.endSlotHasElements,\n              }}\n            >\n              <slot\n                name={SLOTS.footerStart}\n                onSlotchange={(event) =>\n                  (this.startSlotHasElements = slotChangeHasAssignedElement(event))\n                }\n              />\n              <slot\n                name={SLOTS.footerEnd}\n                onSlotchange={(event) =>\n                  (this.endSlotHasElements = slotChangeHasAssignedElement(event))\n                }\n              />\n            </div>\n            {this.renderCharacterLimit()}\n          </footer>\n          <HiddenFormInputSlot component={this} />\n          {this.isCharacterLimitExceeded() && (\n            <span aria-hidden={true} aria-live=\"polite\" class={CSS.assistiveText} id={this.guid}>\n              {this.replacePlaceHoldersInMessages()}\n            </span>\n          )}\n          {this.validationMessage && this.status === \"invalid\" ? (\n            <Validation\n              icon={this.validationIcon}\n              message={this.validationMessage}\n              scale={this.scale}\n              status={this.status}\n            />\n          ) : null}\n        </InteractiveContainer>\n      </Host>\n    );\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Public Methods\n  //\n  //--------------------------------------------------------------------------\n\n  /** Sets focus on the component. */\n  @Method()\n  async setFocus(): Promise<void> {\n    await componentFocusable(this);\n    this.textAreaEl.focus();\n  }\n\n  /** Selects the text of the component's `value`. */\n  @Method()\n  async selectText(): Promise<void> {\n    await componentLoaded(this);\n    this.textAreaEl.select();\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Private Properties/ State\n  //\n  //--------------------------------------------------------------------------\n\n  @Element() el: HTMLCalciteTextAreaElement;\n\n  defaultValue: TextArea[\"value\"];\n\n  footerEl: HTMLElement;\n\n  formEl: HTMLFormElement;\n\n  labelEl: HTMLCalciteLabelElement;\n\n  textAreaEl: HTMLTextAreaElement;\n\n  @State() defaultMessages: TextAreaMessages;\n\n  @State() endSlotHasElements: boolean;\n\n  @State() startSlotHasElements: boolean;\n\n  @State() effectiveLocale = \"\";\n\n  @Watch(\"effectiveLocale\")\n  effectiveLocaleChange(): void {\n    updateMessages(this, this.effectiveLocale);\n  }\n\n  private guid = guid();\n\n  private localizedCharacterLengthObj: CharacterLengthObj;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Private Methods\n  //\n  //--------------------------------------------------------------------------\n\n  onLabelClick(): void {\n    this.setFocus();\n  }\n\n  handleInput = (event: InputEvent): void => {\n    this.value = event.target[\"value\"];\n    this.calciteTextAreaInput.emit();\n  };\n\n  handleChange = (): void => {\n    this.calciteTextAreaChange.emit();\n  };\n\n  contentSlotChangeHandler = (): void => {\n    if (!this.value) {\n      const nodes = this.el.childNodes;\n      nodes.forEach((el) => {\n        if (el.nodeName === \"#text\") {\n          this.value = el.nodeValue.trim();\n        }\n      });\n    }\n  };\n\n  renderCharacterLimit = (): VNode | null => {\n    if (this.maxLength) {\n      this.localizedCharacterLengthObj = this.getLocalizedCharacterLength();\n      return (\n        <span class={CSS.characterLimit}>\n          <span class={{ [CSS.characterOverLimit]: this.isCharacterLimitExceeded() }}>\n            {this.localizedCharacterLengthObj.currentLength}\n          </span>\n          {\"/\"}\n          {this.localizedCharacterLengthObj.maxLength}\n        </span>\n      );\n    }\n    return null;\n  };\n\n  getLocalizedCharacterLength(): CharacterLengthObj {\n    const currentLength = this.value ? this.value.length.toString() : \"0\";\n    const maxLength = this.maxLength.toString();\n    if (this.numberingSystem === \"latn\") {\n      return { currentLength, maxLength };\n    }\n\n    numberStringFormatter.numberFormatOptions = {\n      locale: this.effectiveLocale,\n      numberingSystem: this.numberingSystem,\n      signDisplay: \"never\",\n      useGrouping: this.groupSeparator,\n    };\n    return {\n      currentLength: numberStringFormatter.localize(currentLength),\n      maxLength: numberStringFormatter.localize(maxLength),\n    };\n  }\n\n  resizeObserver = createObserver(\"resize\", async () => {\n    await componentLoaded(this);\n    const { textAreaHeight, textAreaWidth, elHeight, elWidth, footerHeight, footerWidth } =\n      this.getHeightAndWidthOfElements();\n    if (footerWidth > 0 && footerWidth !== textAreaWidth) {\n      this.footerEl.style.width = `${textAreaWidth}px`;\n    }\n    if (elWidth !== textAreaWidth || elHeight !== textAreaHeight + (footerHeight || 0)) {\n      this.setHeightAndWidthToAuto();\n    }\n  });\n\n  syncHiddenFormInput(input: HTMLInputElement): void {\n    input.setCustomValidity(\"\");\n    if (this.isCharacterLimitExceeded()) {\n      input.setCustomValidity(this.replacePlaceHoldersInMessages());\n    }\n\n    syncHiddenFormInput(\"textarea\", this, input);\n  }\n\n  setTextAreaEl = (el: HTMLTextAreaElement): void => {\n    this.textAreaEl = el;\n    this.resizeObserver.observe(el);\n  };\n\n  setTextAreaHeight(): void {\n    const { textAreaHeight, elHeight, footerHeight } = this.getHeightAndWidthOfElements();\n    if (footerHeight > 0 && textAreaHeight + footerHeight != elHeight) {\n      this.textAreaEl.style.height = `${elHeight - footerHeight}px`;\n    }\n  }\n\n  getHeightAndWidthOfElements(): {\n    textAreaHeight: number;\n    textAreaWidth: number;\n    elHeight: number;\n    elWidth: number;\n    footerHeight: number;\n    footerWidth: number;\n  } {\n    const { height: textAreaHeight, width: textAreaWidth } =\n      this.textAreaEl.getBoundingClientRect();\n    const { height: elHeight, width: elWidth } = this.el.getBoundingClientRect();\n    const { height: footerHeight, width: footerWidth } = this.footerEl.getBoundingClientRect();\n\n    return {\n      textAreaHeight,\n      textAreaWidth,\n      elHeight,\n      elWidth,\n      footerHeight,\n      footerWidth,\n    };\n  }\n\n  private replacePlaceHoldersInMessages(): string {\n    return this.messages.tooLong\n      .replace(\"{maxLength}\", this.localizedCharacterLengthObj.maxLength)\n      .replace(\"{currentLength}\", this.localizedCharacterLengthObj.currentLength);\n  }\n\n  // height and width are set to auto here to avoid overlapping on to neighboring elements in the layout when user starts resizing.\n  // throttle is used to avoid flashing of textarea when user resizes.\n  private setHeightAndWidthToAuto = throttle(\n    (): void => {\n      if (this.resize === \"vertical\" || this.resize === \"both\") {\n        this.el.style.height = \"auto\";\n      }\n      if (this.resize === \"horizontal\" || this.resize === \"both\") {\n        this.el.style.width = \"auto\";\n      }\n    },\n    RESIZE_TIMEOUT,\n    { leading: false },\n  );\n\n  private isCharacterLimitExceeded(): boolean {\n    return this.value?.length > this.maxLength;\n  }\n}\n"],"version":3}

package/dist/cjs/calcite-tile-group.cjs.entry.js

@@ -1,19 +1,19 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.9.0-next.2
+ * v2.9.0-next.20
  */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-816b2235.js');
-const interactive = require('./interactive-a21fc529.js');
-const observers = require('./observers-9d4b94fa.js');
-const dom = require('./dom-b3b692c7.js');
-require('./browser-1a5f23a5.js');
-require('./guid-8153c924.js');
-require('./resources-2cc41c87.js');
+const index = require('./index-ca9c5738.js');
+const interactive = require('./interactive-46826d66.js');
+const observers = require('./observers-64d0e318.js');
+const dom = require('./dom-4f3978e9.js');
+require('./browser-d83e81a6.js');
+require('./guid-70d8b321.js');
+require('./resources-ea1d0de4.js');
 
 const CSS = {
     container: "container",

package/dist/cjs/calcite-tile-select_2.cjs.entry.js

@@ -1,17 +1,18 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.9.0-next.2
+ * v2.9.0-next.20
  */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-816b2235.js');
-const guid = require('./guid-8153c924.js');
-const interactive = require('./interactive-a21fc529.js');
-const loadable = require('./loadable-8502181b.js');
-require('./browser-1a5f23a5.js');
+const index = require('./index-ca9c5738.js');
+const guid = require('./guid-70d8b321.js');
+const interactive = require('./interactive-46826d66.js');
+const loadable = require('./loadable-485b5ca8.js');
+require('./browser-d83e81a6.js');
+require('./component-62e55d43.js');
 
 const CSS = {
     checked: "checked",
@@ -194,7 +195,7 @@ const TileSelect = class {
         const { checked, description, disabled, focused, heading, icon, inputAlignment, inputEnabled, width, iconFlipRtl, } = this;
         const isLargeVisual = heading && icon && !description;
         const renderIcon = Boolean(icon);
-        return (index.h(interactive.InteractiveContainer, { key: 'cb72da1fece66ab2a4c24aec61a924c81a3be406', disabled: disabled }, index.h("div", { key: 'f8abb79474c9939a05485a447fcd94754472eeaa', class: {
+        return (index.h(interactive.InteractiveContainer, { key: 'f70783f8c4dddccf2bfba87de96f4c6072603ae0', disabled: disabled }, index.h("div", { key: 'd982179b5d5e01a1b22110b98338846e32885e0a', class: {
                 checked,
                 container: true,
                 [CSS.description]: Boolean(description),
@@ -211,7 +212,7 @@ const TileSelect = class {
                 [CSS.largeVisual]: isLargeVisual,
                 [CSS.widthAuto]: width === "auto",
                 [CSS.widthFull]: width === "full",
-            } }, index.h("div", { key: 'cada0a6b11dc4a65f0ae444445d39ae7e058f589', class: { [CSS.tile]: true, [CSS.tileLargeVisual]: isLargeVisual } }, icon && (index.h("div", { key: 'd26d5b02a707cb453d26ffeb41f1baf4c7f861bf', class: { [CSS.icon]: renderIcon } }, index.h("calcite-icon", { key: '690d7789c359fc50dff1382dffa134f4d338afa5', flipRtl: iconFlipRtl, icon: icon, scale: "l" }))), index.h("div", { key: 'c01eb4ce2a7904987f6af65334f3418ed46be72d', class: CSS.tileContentContainer }, index.h("div", { key: 'e6374efec4daf4330ea74e10f1490fa33a1231dd', class: CSS.tileContent }, heading && index.h("div", { key: '5790d802a61bac534ffe8dd095b14fb42f612154', class: CSS.tileHeading }, heading), description && index.h("div", { key: '7fca63ab5fe57d12d510bcc72a26fa8306628c57', class: CSS.tileDescription }, description)))), index.h("slot", { key: '6587a274607d033c86e7ece20004f755343f5f9d' }))));
+            } }, index.h("div", { key: 'd02b7606cc8d1c9bceb60e6045c1b94ddb94aa47', class: { [CSS.tile]: true, [CSS.tileLargeVisual]: isLargeVisual } }, icon && (index.h("div", { key: 'd9025c18ccdcc05b98366b5222eb7eae937ac351', class: { [CSS.icon]: renderIcon } }, index.h("calcite-icon", { key: '740671b50c6feb1baef2090afc16bad798ed0d58', flipRtl: iconFlipRtl, icon: icon, scale: "l" }))), index.h("div", { key: '719a57afbd608f98ef5b56b3f58f1f475cd4e528', class: CSS.tileContentContainer }, index.h("div", { key: 'fda283b27ad44f0b28f03a79069f6ccc3e109c82', class: CSS.tileContent }, heading && index.h("div", { key: '3136fc30f4cc38eaac1ed2643ed08ae1f9d68572', class: CSS.tileHeading }, heading), description && index.h("div", { key: '814ec2da7cce51f36da4da10c0740697d710a715', class: CSS.tileDescription }, description)))), index.h("slot", { key: 'f1ef1b66654864ab61c7eca65c2698ad61707a5a' }))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {
@@ -245,7 +246,7 @@ const TileSelectGroup = class {
         interactive.disconnectInteractive(this);
     }
     render() {
-        return (index.h(interactive.InteractiveContainer, { key: 'eb2fc818dec5f2f97b4e19c4aabb7a2c6ca37bc2', disabled: this.disabled }, index.h("slot", { key: '4a421944031b9e192b4e51b02349be6ed9ed79ef' })));
+        return (index.h(interactive.InteractiveContainer, { key: '0a940853ee584166188e6c553db579ec7dcae268', disabled: this.disabled }, index.h("slot", { key: 'f0ee847dc3b6896ff245df23d6b76ce5816f482d' })));
     }
     get el() { return index.getElement(this); }
 };