@esri/calcite-components 2.12.0 → 2.13.0-next.1

package/dist/calcite/p-3a7b1de3.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["CSS","lastVisibleRow","tableRowCss","CalciteTableRowStyle0","TableRow","this","rowCells","keyDownHandler","event","interactionMode","el","target","key","isControl","ctrlKey","cells","matches","emitTableRowFocusRequest","positionInRow","positionAll","preventDefault","focusElementInGroup","length","cellPosition","rowPosition","destination","lastCell","calciteInternalTableRowFocusRequest","emit","updateCells","alignment","rowType","slottedCells","tableRowSlotEl","assignedElements","flatten","filter","renderedCells","Array","from","tableRowEl","querySelectorAll","numberCell","selectionCell","concat","forEach","cell","index","parentRowAlignment","parentRowIsSelected","selected","parentRowType","scale","nodeName","readCellContentsToAT","disabled","cellCount","handleSelectionOfRow","calciteTableRowSelect","handleKeyboardSelection","isActivationKey","handleCellChanges","handleDelayedCellChanges","requestAnimationFrame","componentDidLoad","componentDidRender","updateHostInteraction","calciteInternalTableRowFocusChangeHandler","contains","position","detail","deflectDirection","find","_","setFocus","renderSelectionIcon","icon","selectionMode","h","getIconScale","renderSelectableCell","bodyRowCount","onClick","onKeyDown","selectedRowCount","selectedRowCountLocalized","parentRowPositionLocalized","positionSectionLocalized","renderNumberedCell","render","Host","InteractiveContainer","class","ref","numbered","onSlotchange"],"sources":["src/components/table-row/resources.ts","src/components/table-row/table-row.scss?tag=calcite-table-row&encapsulation=shadow","src/components/table-row/table-row.tsx"],"sourcesContent":["export const CSS = {\n  lastVisibleRow: \"last-visible-row\",\n};\n","/**\n * CSS Custom Properties\n *\n * These properties can be overridden using the component's tag as selector.\n *\n * @prop --calcite-table-row-background: Specifies the background color of the component.\n * @prop --calcite-table-row-border-color: Specifies the border color of the component.\n */\n\n:host {\n  --calcite-internal-table-row-background: var(--calcite-table-row-background, var(--calcite-color-foreground-1));\n  --calcite-internal-table-row-border-color: var(--calcite-table-row-border-color, transparent);\n  @apply contents;\n}\n\n@include base-component();\n\n@include disabled() {\n  tr {\n    @apply opacity-disabled pointer-events-none;\n  }\n}\n\ntr {\n  border-block-end: 1px solid var(--calcite-internal-table-row-border-color);\n  background-color: var(--calcite-internal-table-row-background);\n}\n\ntr.last-visible-row {\n  border-block-end: 0;\n}\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 { LocalizedComponent } from \"../../utils/locale\";\nimport { Alignment, Scale, SelectionMode } from \"../interfaces\";\nimport { focusElementInGroup, FocusElementInGroupDestination } from \"../../utils/dom\";\nimport { RowType, TableInteractionMode, TableRowFocusEvent } from \"../table/interfaces\";\nimport { isActivationKey } from \"../../utils/key\";\nimport {\n  InteractiveComponent,\n  InteractiveContainer,\n  updateHostInteraction,\n} from \"../../utils/interactive\";\nimport { getIconScale } from \"../../utils/component\";\nimport { CSS } from \"./resources\";\n\n/**\n * @slot - A slot for adding `calcite-table-cell` or `calcite-table-header` elements.\n */\n\n@Component({\n  tag: \"calcite-table-row\",\n  styleUrl: \"table-row.scss\",\n  shadow: true,\n})\nexport class TableRow implements InteractiveComponent, LocalizedComponent {\n  //--------------------------------------------------------------------------\n  //\n  //  Properties\n  //\n  //--------------------------------------------------------------------------\n  /** Specifies the alignment of the component. */\n  @Prop({ reflect: true }) alignment: Alignment;\n\n  /** When `true`, interaction is prevented and the component is displayed with lower opacity. */\n  @Prop({ reflect: true }) disabled = false;\n\n  /** When `true`, the component is selected. */\n  @Prop({ reflect: true }) selected = false;\n\n  /** @internal */\n  @Prop({ mutable: true }) cellCount: number;\n\n  /** @internal */\n  @Prop() interactionMode: TableInteractionMode = \"interactive\";\n\n  /** @internal */\n  @Prop() lastVisibleRow: boolean;\n\n  /** @internal */\n  @Prop() rowType: RowType;\n\n  /** @internal */\n  @Prop() numbered = false;\n\n  /** @internal */\n  @Prop() positionSection: number;\n\n  /** @internal */\n  @Prop() positionSectionLocalized: string;\n\n  /** @internal */\n  @Prop() positionAll: number;\n\n  /** @internal */\n  @Prop() readCellContentsToAT: boolean;\n\n  /** @internal */\n  @Prop() scale: Scale;\n\n  /** @internal */\n  @Prop() selectionMode: Extract<\"multiple\" | \"single\" | \"none\", SelectionMode> = \"none\";\n\n  /** @internal */\n  @Prop() selectedRowCount: number;\n\n  /** @internal */\n  @Prop() selectedRowCountLocalized: string;\n\n  /** @internal */\n  @Prop() bodyRowCount: number;\n\n  @Watch(\"bodyRowCount\")\n  @Watch(\"scale\")\n  @Watch(\"selected\")\n  @Watch(\"selectedRowCount\")\n  @Watch(\"interactionMode\")\n  handleCellChanges(): void {\n    if (this.tableRowEl && this.rowCells.length > 0) {\n      this.updateCells();\n    }\n  }\n\n  @Watch(\"numbered\")\n  @Watch(\"selectionMode\")\n  handleDelayedCellChanges(): void {\n    if (this.tableRowEl && this.rowCells.length > 0) {\n      requestAnimationFrame(() => this.updateCells());\n    }\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  //--------------------------------------------------------------------------\n\n  componentDidLoad(): void {\n    if (this.tableRowEl && this.rowCells.length > 0) {\n      this.updateCells();\n    }\n  }\n\n  componentDidRender(): void {\n    updateHostInteraction(this);\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Private Properties\n  //\n  //--------------------------------------------------------------------------\n\n  @Element() el: HTMLCalciteTableRowElement;\n\n  private rowCells: (HTMLCalciteTableCellElement | HTMLCalciteTableHeaderElement)[] = [];\n\n  private tableRowEl: HTMLTableRowElement;\n\n  private tableRowSlotEl: HTMLSlotElement;\n\n  @State() effectiveLocale = \"\";\n\n  // --------------------------------------------------------------------------\n  //\n  //  Events\n  //\n  // --------------------------------------------------------------------------\n\n  /**\n   * Fires when the selected state of the component changes.\n   */\n  @Event({ cancelable: false }) calciteTableRowSelect: EventEmitter<void>;\n\n  /** @internal */\n  @Event({ cancelable: false })\n  calciteInternalTableRowFocusRequest: EventEmitter<TableRowFocusEvent>;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Event Listeners\n  //\n  //--------------------------------------------------------------------------\n\n  @Listen(\"calciteInternalTableRowFocusChange\", { target: \"document\" })\n  calciteInternalTableRowFocusChangeHandler(event: CustomEvent): void {\n    if ((event.target as Element).contains(this.el)) {\n      const position = event.detail.cellPosition;\n      const rowPosition = event.detail.rowPosition;\n      const destination = event.detail.destination;\n      const lastCell = event.detail.lastCell;\n\n      if (rowPosition === this.positionAll) {\n        if (this.disabled) {\n          const deflectDirection =\n            destination === \"last\" ? \"previous\" : destination === \"first\" ? \"next\" : destination;\n          this.emitTableRowFocusRequest(position, this.positionAll, deflectDirection);\n          return;\n        }\n        const cellPosition = lastCell\n          ? this.rowCells[this.rowCells.length - 1]\n          : this.rowCells?.find((_, index) => index + 1 === position);\n\n        if (cellPosition) {\n          cellPosition.setFocus();\n        }\n      }\n    }\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Private Methods\n  //\n  //--------------------------------------------------------------------------\n\n  private keyDownHandler = (event: KeyboardEvent): void => {\n    if (this.interactionMode !== \"interactive\") {\n      return;\n    }\n    const el = event.target as HTMLCalciteTableCellElement | HTMLCalciteTableHeaderElement;\n    const key = event.key;\n    const isControl = event.ctrlKey;\n    const cells = this.rowCells;\n    if (el.matches(\"calcite-table-cell\") || el.matches(\"calcite-table-header\")) {\n      switch (key) {\n        case \"ArrowUp\":\n          this.emitTableRowFocusRequest(el.positionInRow, this.positionAll, \"previous\");\n          event.preventDefault();\n          break;\n        case \"ArrowDown\":\n          this.emitTableRowFocusRequest(el.positionInRow, this.positionAll, \"next\");\n          event.preventDefault();\n          break;\n        case \"PageUp\":\n          this.emitTableRowFocusRequest(el.positionInRow, this.positionAll, \"first\");\n          event.preventDefault();\n          break;\n        case \"PageDown\":\n          this.emitTableRowFocusRequest(el.positionInRow, this.positionAll, \"last\");\n          event.preventDefault();\n          break;\n        case \"ArrowLeft\":\n          focusElementInGroup(cells, el, \"previous\", false);\n          event.preventDefault();\n          break;\n        case \"ArrowRight\":\n          focusElementInGroup(cells, el, \"next\", false);\n          event.preventDefault();\n          break;\n        case \"Home\":\n          if (isControl) {\n            this.emitTableRowFocusRequest(1, this.positionAll, \"first\");\n            event.preventDefault();\n          } else {\n            focusElementInGroup(cells, el, \"first\", false);\n            event.preventDefault();\n          }\n          break;\n        case \"End\":\n          if (isControl) {\n            this.emitTableRowFocusRequest(this.rowCells?.length, this.positionAll, \"last\", true);\n            event.preventDefault();\n          } else {\n            focusElementInGroup(cells, el, \"last\", false);\n            event.preventDefault();\n          }\n          break;\n      }\n    }\n  };\n\n  private emitTableRowFocusRequest = (\n    cellPosition: number,\n    rowPosition: number,\n    destination: FocusElementInGroupDestination,\n    lastCell?: boolean,\n  ): void => {\n    this.calciteInternalTableRowFocusRequest.emit({\n      cellPosition,\n      rowPosition,\n      destination,\n      lastCell,\n    });\n  };\n\n  private updateCells = (): void => {\n    const alignment = this.alignment\n      ? this.alignment\n      : this.rowType !== \"head\"\n        ? \"center\"\n        : \"start\";\n    const slottedCells = this.tableRowSlotEl\n      ?.assignedElements({ flatten: true })\n      ?.filter(\n        (el: HTMLCalciteTableCellElement | HTMLCalciteTableHeaderElement) =>\n          el.matches(\"calcite-table-cell\") || el.matches(\"calcite-table-header\"),\n      );\n\n    const renderedCells = Array.from(\n      this.tableRowEl?.querySelectorAll(\"calcite-table-header, calcite-table-cell\"),\n    )?.filter(\n      (el: HTMLCalciteTableCellElement | HTMLCalciteTableHeaderElement) =>\n        el.numberCell || el.selectionCell,\n    );\n\n    const cells = renderedCells ? renderedCells.concat(slottedCells) : slottedCells;\n\n    if (cells.length > 0) {\n      cells?.forEach((cell: HTMLCalciteTableCellElement | HTMLCalciteTableHeaderElement, index) => {\n        cell.interactionMode = this.interactionMode;\n        cell.lastCell = index === cells.length - 1;\n        cell.parentRowAlignment = alignment;\n        cell.parentRowIsSelected = this.selected;\n        cell.parentRowType = this.rowType;\n        cell.positionInRow = index + 1;\n        cell.scale = this.scale;\n\n        if (cell.nodeName === \"CALCITE-TABLE-CELL\") {\n          (cell as HTMLCalciteTableCellElement).readCellContentsToAT = this.readCellContentsToAT;\n          (cell as HTMLCalciteTableCellElement).disabled = this.disabled;\n        }\n      });\n    }\n\n    this.rowCells =\n      (cells as (HTMLCalciteTableCellElement | HTMLCalciteTableHeaderElement)[]) || [];\n    this.cellCount = cells?.length;\n  };\n\n  private handleSelectionOfRow = (): void => {\n    this.calciteTableRowSelect.emit();\n  };\n\n  private handleKeyboardSelection = (event: KeyboardEvent): void => {\n    if (isActivationKey(event.key)) {\n      if (event.key === \" \") {\n        event.preventDefault();\n      }\n      this.handleSelectionOfRow();\n    }\n  };\n\n  //--------------------------------------------------------------------------\n  //\n  //  Render Methods\n  //\n  //--------------------------------------------------------------------------\n\n  renderSelectionIcon(): VNode {\n    const icon =\n      this.selectionMode === \"multiple\" && this.selected\n        ? \"check-square-f\"\n        : this.selectionMode === \"multiple\"\n          ? \"square\"\n          : this.selected\n            ? \"circle-f\"\n            : \"circle\";\n\n    return <calcite-icon icon={icon} scale={getIconScale(this.scale)} />;\n  }\n\n  renderSelectableCell(): VNode {\n    return this.rowType === \"head\" ? (\n      <calcite-table-header\n        alignment=\"center\"\n        bodyRowCount={this.bodyRowCount}\n        key=\"selection-head\"\n        onClick={this.selectionMode === \"multiple\" && this.handleSelectionOfRow}\n        onKeyDown={this.selectionMode === \"multiple\" && this.handleKeyboardSelection}\n        parentRowAlignment={this.alignment}\n        selectedRowCount={this.selectedRowCount}\n        selectedRowCountLocalized={this.selectedRowCountLocalized}\n        selectionCell={true}\n        selectionMode={this.selectionMode}\n      />\n    ) : this.rowType === \"body\" ? (\n      <calcite-table-cell\n        alignment=\"center\"\n        key=\"selection-body\"\n        onClick={this.handleSelectionOfRow}\n        onKeyDown={this.handleKeyboardSelection}\n        parentRowAlignment={this.alignment}\n        parentRowIsSelected={this.selected}\n        parentRowPositionLocalized={this.positionSectionLocalized}\n        selectionCell={true}\n      >\n        {this.renderSelectionIcon()}\n      </calcite-table-cell>\n    ) : (\n      <calcite-table-cell\n        alignment=\"center\"\n        key=\"selection-foot\"\n        parentRowAlignment={this.alignment}\n        selectionCell={true}\n      />\n    );\n  }\n\n  renderNumberedCell(): VNode {\n    return this.rowType === \"head\" ? (\n      <calcite-table-header\n        alignment=\"center\"\n        key=\"numbered-head\"\n        numberCell={true}\n        parentRowAlignment={this.alignment}\n      />\n    ) : this.rowType === \"body\" ? (\n      <calcite-table-cell\n        alignment=\"center\"\n        key=\"numbered-body\"\n        numberCell={true}\n        parentRowAlignment={this.alignment}\n      >\n        {this.positionSectionLocalized}\n      </calcite-table-cell>\n    ) : (\n      <calcite-table-cell\n        alignment=\"center\"\n        key=\"numbered-foot\"\n        numberCell={true}\n        parentRowAlignment={this.alignment}\n      />\n    );\n  }\n\n  render(): VNode {\n    return (\n      <Host>\n        <InteractiveContainer disabled={this.disabled}>\n          <tr\n            aria-disabled={this.disabled}\n            aria-rowindex={this.positionAll + 1}\n            aria-selected={this.selected}\n            class={{ [CSS.lastVisibleRow]: this.lastVisibleRow }}\n            onKeyDown={this.keyDownHandler}\n            ref={(el) => (this.tableRowEl = el)}\n          >\n            {this.numbered && this.renderNumberedCell()}\n            {this.selectionMode !== \"none\" && this.renderSelectableCell()}\n            <slot\n              onSlotchange={this.updateCells}\n              ref={(el) => (this.tableRowSlotEl = el as HTMLSlotElement)}\n            />\n          </tr>\n        </InteractiveContainer>\n      </Host>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/calcite/p-3bffea95.js

@@ -0,0 +1,7 @@
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
+ * v2.13.0-next.1
+ */
+const t=(()=>{const t=Intl.supportedValuesOf("timeZone");const c=["Etc/GMT+1","Etc/GMT+10","Etc/GMT+11","Etc/GMT+12","Etc/GMT+2","Etc/GMT+3","Etc/GMT+4","Etc/GMT+5","Etc/GMT+6","Etc/GMT+7","Etc/GMT+8","Etc/GMT+9","Etc/GMT-1","Etc/GMT-10","Etc/GMT-11","Etc/GMT-12","Etc/GMT-13","Etc/GMT-14","Etc/GMT-2","Etc/GMT-3","Etc/GMT-4","Etc/GMT-5","Etc/GMT-6","Etc/GMT-7","Etc/GMT-8","Etc/GMT-9"];return[...new Set([...t,...c])]})();export{t};
+//# sourceMappingURL=p-3bffea95.js.map

package/dist/calcite/p-3cd6ef65.js

@@ -0,0 +1,7 @@
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
+ * v2.13.0-next.1
+ */
+import{d as r}from"./p-5d73097e.js";import"./p-17581615.js";import"./p-48c46ebf.js";import"./p-cbc54e80.js";import"./p-3cf89117.js";import"./p-d32e5254.js";import"./p-176e985b.js";import"./p-b92ebeef.js";import"./p-f099b69b.js";import"./p-02522147.js";import"./p-ff633d19.js";import"./p-6861beb6.js";import"./p-a3136988.js";import"./p-fbf41cbc.js";import"./p-0950b635.js";import"./p-92a1d6d7.js";import"./p-54e1cc3e.js";import"./p-62a45517.js";import"./p-658e49d1.js";import"./p-6b034312.js";function e(r){return r>1&&r<5&&~~(r/10)!==1}function t(r,t,m,o){var s=r+" ";switch(m){case"s":return t||o?"pár sekúnd":"pár sekundami";case"m":return t?"minúta":o?"minútu":"minútou";case"mm":if(t||o){return s+(e(r)?"minúty":"minút")}return s+"minútami";case"h":return t?"hodina":o?"hodinu":"hodinou";case"hh":if(t||o){return s+(e(r)?"hodiny":"hodín")}return s+"hodinami";case"d":return t||o?"deň":"dňom";case"dd":if(t||o){return s+(e(r)?"dni":"dní")}return s+"dňami";case"M":return t||o?"mesiac":"mesiacom";case"MM":if(t||o){return s+(e(r)?"mesiace":"mesiacov")}return s+"mesiacmi";case"y":return t||o?"rok":"rokom";case"yy":if(t||o){return s+(e(r)?"roky":"rokov")}return s+"rokmi"}}var m={name:"sk",weekdays:"nedeľa_pondelok_utorok_streda_štvrtok_piatok_sobota".split("_"),weekdaysShort:"ne_po_ut_st_št_pi_so".split("_"),weekdaysMin:"ne_po_ut_st_št_pi_so".split("_"),months:"január_február_marec_apríl_máj_jún_júl_august_september_október_november_december".split("_"),monthsShort:"jan_feb_mar_apr_máj_jún_júl_aug_sep_okt_nov_dec".split("_"),weekStart:1,yearStart:4,ordinal:function r(e){return e+"."},formats:{LT:"H:mm",LTS:"H:mm:ss",L:"DD.MM.YYYY",LL:"D. MMMM YYYY",LLL:"D. MMMM YYYY H:mm",LLLL:"dddd D. MMMM YYYY H:mm",l:"D. M. YYYY"},relativeTime:{future:"za %s",past:"pred %s",s:t,m:t,mm:t,h:t,hh:t,d:t,dd:t,M:t,MM:t,y:t,yy:t}};r.locale(m,null,true);export{m as default};
+//# sourceMappingURL=p-3cd6ef65.js.map

package/dist/calcite/p-3cf89117.js

@@ -0,0 +1,7 @@
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
+ * v2.13.0-next.1
+ */
+function t(t){return t.map((t=>{let r="";for(let e=0;e<t;e++){r+=((1+Math.random())*65536|0).toString(16).substring(1)}return r})).join("-")}const r=()=>t([2,1,1,1,3]);export{r as g};
+//# sourceMappingURL=p-3cf89117.js.map

package/dist/calcite/p-3eddc208.js

@@ -0,0 +1,7 @@
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
+ * v2.13.0-next.1
+ */
+import{d as e}from"./p-5d73097e.js";import"./p-17581615.js";import"./p-48c46ebf.js";import"./p-cbc54e80.js";import"./p-3cf89117.js";import"./p-d32e5254.js";import"./p-176e985b.js";import"./p-b92ebeef.js";import"./p-f099b69b.js";import"./p-02522147.js";import"./p-ff633d19.js";import"./p-6861beb6.js";import"./p-a3136988.js";import"./p-fbf41cbc.js";import"./p-0950b635.js";import"./p-92a1d6d7.js";import"./p-54e1cc3e.js";import"./p-62a45517.js";import"./p-658e49d1.js";import"./p-6b034312.js";var m={name:"es",monthsShort:"ene_feb_mar_abr_may_jun_jul_ago_sep_oct_nov_dic".split("_"),weekdays:"domingo_lunes_martes_miércoles_jueves_viernes_sábado".split("_"),weekdaysShort:"dom._lun._mar._mié._jue._vie._sáb.".split("_"),weekdaysMin:"do_lu_ma_mi_ju_vi_sá".split("_"),months:"enero_febrero_marzo_abril_mayo_junio_julio_agosto_septiembre_octubre_noviembre_diciembre".split("_"),weekStart:1,formats:{LT:"H:mm",LTS:"H:mm:ss",L:"DD/MM/YYYY",LL:"D [de] MMMM [de] YYYY",LLL:"D [de] MMMM [de] YYYY H:mm",LLLL:"dddd, D [de] MMMM [de] YYYY H:mm"},relativeTime:{future:"en %s",past:"hace %s",s:"unos segundos",m:"un minuto",mm:"%d minutos",h:"una hora",hh:"%d horas",d:"un día",dd:"%d días",M:"un mes",MM:"%d meses",y:"un año",yy:"%d años"},ordinal:function e(m){return m+"º"}};e.locale(m,null,true);export{m as default};
+//# sourceMappingURL=p-3eddc208.js.map

package/dist/calcite/p-416a1dfa.js

@@ -0,0 +1,7 @@
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
+ * v2.13.0-next.1
+ */
+import{d as a}from"./p-5d73097e.js";import"./p-17581615.js";import"./p-48c46ebf.js";import"./p-cbc54e80.js";import"./p-3cf89117.js";import"./p-d32e5254.js";import"./p-176e985b.js";import"./p-b92ebeef.js";import"./p-f099b69b.js";import"./p-02522147.js";import"./p-ff633d19.js";import"./p-6861beb6.js";import"./p-a3136988.js";import"./p-fbf41cbc.js";import"./p-0950b635.js";import"./p-92a1d6d7.js";import"./p-54e1cc3e.js";import"./p-62a45517.js";import"./p-658e49d1.js";import"./p-6b034312.js";var s="siječnja_veljače_ožujka_travnja_svibnja_lipnja_srpnja_kolovoza_rujna_listopada_studenoga_prosinca".split("_");var p="siječanj_veljača_ožujak_travanj_svibanj_lipanj_srpanj_kolovoz_rujan_listopad_studeni_prosinac".split("_");var r=/D[oD]?(\[[^[\]]*\]|\s)+MMMM?/;var e=function a(e,t){if(r.test(t)){return s[e.month()]}return p[e.month()]};e.s=p;e.f=s;var t={name:"hr",weekdays:"nedjelja_ponedjeljak_utorak_srijeda_četvrtak_petak_subota".split("_"),weekdaysShort:"ned._pon._uto._sri._čet._pet._sub.".split("_"),weekdaysMin:"ne_po_ut_sr_če_pe_su".split("_"),months:e,monthsShort:"sij._velj._ožu._tra._svi._lip._srp._kol._ruj._lis._stu._pro.".split("_"),weekStart:1,formats:{LT:"H:mm",LTS:"H:mm:ss",L:"DD.MM.YYYY",LL:"D. MMMM YYYY",LLL:"D. MMMM YYYY H:mm",LLLL:"dddd, D. MMMM YYYY H:mm"},relativeTime:{future:"za %s",past:"prije %s",s:"sekunda",m:"minuta",mm:"%d minuta",h:"sat",hh:"%d sati",d:"dan",dd:"%d dana",M:"mjesec",MM:"%d mjeseci",y:"godina",yy:"%d godine"},ordinal:function a(s){return s+"."}};a.locale(t,null,true);export{t as default};
+//# sourceMappingURL=p-416a1dfa.js.map

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

@@ -0,0 +1,7 @@
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
+ * v2.13.0-next.1
+ */
+import{r as e,c as t,h as i,f as s,H as a,g as o}from"./p-17581615.js";import{c as r,d as n,H as c}from"./p-48c46ebf.js";import{c as l,d,g as h}from"./p-f099b69b.js";import{t as f,b as p}from"./p-cbc54e80.js";import{c as b,d as m,n as u}from"./p-a3136988.js";import{c as g}from"./p-fbf41cbc.js";import{b as x,s as v,a as y,c as z}from"./p-ff633d19.js";import{c as k,s as w,d as j,u as L}from"./p-62a45517.js";import{u as H,I as C}from"./p-176e985b.js";import{g as A}from"./p-3cf89117.js";import{V as M}from"./p-658e49d1.js";import{s as S}from"./p-6b034312.js";import{t as W}from"./p-827c78ae.js";import"./p-02522147.js";import"./p-d32e5254.js";import"./p-b92ebeef.js";import"./p-6861beb6.js";import"./p-92e7212f.js";const D={assistiveText:"assistive-text",characterLimit:"character-limit",content:"content",container:"container",footer:"footer",resizeDisabled:"resize--disabled",resizeDisabledX:"resize--disabled-x",resizeDisabledY:"resize--disabled-y",characterOverLimit:"character--over-limit",readOnly:"readonly",textAreaInvalid:"text-area--invalid",footerSlotted:"footer--slotted",borderColor:"border--color",hide:"hide",blockSizeFull:"block-size--full",footerEndSlotOnly:"footer--end-only"};const I={validationMessage:"textAreaValidationMessage"};const O={footerStart:"footer-start",footerEnd:"footer-end"};const E=100;const T=":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 F=T;const G=class{constructor(s){e(this,s);this.calciteTextAreaInput=t(this,"calciteTextAreaInput",7);this.calciteTextAreaChange=t(this,"calciteTextAreaChange",7);this.guid=A();this.handleInput=e=>{this.value=e.target["value"];this.calciteTextAreaInput.emit()};this.handleChange=()=>{this.calciteTextAreaChange.emit()};this.contentSlotChangeHandler=()=>{if(!this.value){const e=this.el.childNodes;e.forEach((e=>{if(e.nodeName==="#text"){this.value=e.nodeValue.trim()}}))}};this.renderCharacterLimit=()=>{if(this.maxLength){this.localizedCharacterLengthObj=this.getLocalizedCharacterLength();return i("span",{class:D.characterLimit},i("span",{class:{[D.characterOverLimit]:this.isCharacterLimitExceeded()}},this.localizedCharacterLengthObj.currentLength),"/",this.localizedCharacterLengthObj.maxLength)}return null};this.resizeObserver=g("resize",(async()=>{await x(this);const{textAreaHeight:e,textAreaWidth:t,elHeight:i,elWidth:s,footerHeight:a,footerWidth:o}=this.getHeightAndWidthOfElements();if(o>0&&o!==t){this.footerEl.style.width=`${t}px`}if(s!==t||i!==e+(a||0)){this.setHeightAndWidthToAuto()}}));this.setTextAreaEl=e=>{this.textAreaEl=e;this.resizeObserver.observe(e)};this.setHeightAndWidthToAuto=W((()=>{if(this.resize==="vertical"||this.resize==="both"){this.el.style.height="auto"}if(this.resize==="horizontal"||this.resize==="both"){this.el.style.width="auto"}}),E,{leading:false});this.columns=undefined;this.disabled=false;this.form=undefined;this.groupSeparator=false;this.label=undefined;this.minLength=undefined;this.maxLength=undefined;this.messages=undefined;this.validationMessage=undefined;this.validationIcon=undefined;this.validity={valid:false,badInput:false,customError:false,patternMismatch:false,rangeOverflow:false,rangeUnderflow:false,stepMismatch:false,tooLong:false,tooShort:false,typeMismatch:false,valueMissing:false};this.name=undefined;this.numberingSystem=undefined;this.placeholder=undefined;this.readOnly=false;this.required=false;this.resize="both";this.rows=undefined;this.scale="m";this.status="idle";this.value="";this.wrap="soft";this.messageOverrides=undefined;this.defaultMessages=undefined;this.endSlotHasElements=undefined;this.startSlotHasElements=undefined;this.effectiveLocale=""}handleGlobalAttributesChanged(){s(this)}onMessagesChange(){}connectedCallback(){l(this);r(this);b(this);k(this)}async componentWillLoad(){v(this);await w(this)}componentDidLoad(){y(this)}componentDidRender(){H(this);this.setTextAreaHeight()}disconnectedCallback(){d(this);n(this);m(this);j(this);this.resizeObserver?.disconnect()}render(){const e=this.startSlotHasElements||this.endSlotHasElements||!!this.maxLength;return i(a,{key:"98e9a196f99d52fd5b99f9620c064d9f8d715d25"},i(C,{key:"979ec5f889c9706190cf27dab137315f4d178fc8",disabled:this.disabled},i("textarea",{key:"bcc1ad37828bcdb71cba16bb7e291961ec3a7252","aria-describedby":this.guid,"aria-errormessage":I.validationMessage,"aria-invalid":f(this.status==="invalid"||this.isCharacterLimitExceeded()),"aria-label":h(this),autofocus:this.el.autofocus,class:{[D.readOnly]:this.readOnly,[D.textAreaInvalid]:this.isCharacterLimitExceeded(),[D.footerSlotted]:this.endSlotHasElements&&this.startSlotHasElements,[D.blockSizeFull]:!e,[D.borderColor]:!e},cols:this.columns,disabled:this.disabled,name:this.name,onChange:this.handleChange,onInput:this.handleInput,placeholder:this.placeholder,readOnly:this.readOnly,ref:this.setTextAreaEl,required:this.required,rows:this.rows,value:this.value,wrap:this.wrap}),i("span",{key:"a7e161a32672211a80f13e9821ce8678ad196f09",class:{[D.content]:true}},i("slot",{key:"49d047f7123ad8e61a0857f055065ee1fe8d2cff",onSlotchange:this.contentSlotChangeHandler})),i("footer",{key:"b15140e1d364af8ee666c974bbf1795a96cedc74",class:{[D.footer]:true,[D.readOnly]:this.readOnly,[D.hide]:!e},ref:e=>this.footerEl=e},i("div",{key:"c25acf070ed86980cbdef3328805995f2bfe5a09",class:{[D.container]:true,[D.footerEndSlotOnly]:!this.startSlotHasElements&&this.endSlotHasElements}},i("slot",{key:"582a55c98ccdb40dcf7d528bf62875537e8c3046",name:O.footerStart,onSlotchange:e=>this.startSlotHasElements=p(e)}),i("slot",{key:"8ce5d750d2b0625ccbe1da758b97e55efd015e54",name:O.footerEnd,onSlotchange:e=>this.endSlotHasElements=p(e)})),this.renderCharacterLimit()),i(c,{key:"cba807ea14d827dfeebb8430f3336da65218d68d",component:this}),this.isCharacterLimitExceeded()&&i("span",{key:"f7503ad9e52f6902bf0e115ce5469df51f3cf0cb","aria-hidden":true,"aria-live":"polite",class:D.assistiveText,id:this.guid},this.replacePlaceHoldersInMessages()),this.validationMessage&&this.status==="invalid"?i(M,{icon:this.validationIcon,id:I.validationMessage,message:this.validationMessage,scale:this.scale,status:this.status}):null))}async setFocus(){await z(this);this.textAreaEl.focus()}async selectText(){await x(this);this.textAreaEl.select()}effectiveLocaleChange(){L(this,this.effectiveLocale)}onLabelClick(){this.setFocus()}getLocalizedCharacterLength(){const e=this.value?this.value.length.toString():"0";const t=this.maxLength.toString();if(this.numberingSystem==="latn"){return{currentLength:e,maxLength:t}}u.numberFormatOptions={locale:this.effectiveLocale,numberingSystem:this.numberingSystem,signDisplay:"never",useGrouping:this.groupSeparator};return{currentLength:u.localize(e),maxLength:u.localize(t)}}syncHiddenFormInput(e){e.setCustomValidity("");if(this.isCharacterLimitExceeded()){e.setCustomValidity(this.replacePlaceHoldersInMessages())}S("textarea",this,e)}setTextAreaHeight(){const{textAreaHeight:e,elHeight:t,footerHeight:i}=this.getHeightAndWidthOfElements();if(i>0&&e+i!=t){this.textAreaEl.style.height=`${t-i}px`}}getHeightAndWidthOfElements(){const{height:e,width:t}=this.textAreaEl.getBoundingClientRect();const{height:i,width:s}=this.el.getBoundingClientRect();const{height:a,width:o}=this.footerEl.getBoundingClientRect();return{textAreaHeight:e,textAreaWidth:t,elHeight:i,elWidth:s,footerHeight:a,footerWidth:o}}replacePlaceHoldersInMessages(){return this.messages.tooLong.replace("{maxLength}",this.localizedCharacterLengthObj.maxLength).replace("{currentLength}",this.localizedCharacterLengthObj.currentLength)}isCharacterLimitExceeded(){return this.value?.length>this.maxLength}static get assetsDirs(){return["assets"]}get el(){return o(this)}static get watchers(){return{autofocus:["handleGlobalAttributesChanged"],messageOverrides:["onMessagesChange"],effectiveLocale:["effectiveLocaleChange"]}}};G.style=F;export{G as calcite_text_area};
+//# sourceMappingURL=p-42729737.entry.js.map

package/dist/calcite/p-42729737.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["CSS","assistiveText","characterLimit","content","container","footer","resizeDisabled","resizeDisabledX","resizeDisabledY","characterOverLimit","readOnly","textAreaInvalid","footerSlotted","borderColor","hide","blockSizeFull","footerEndSlotOnly","IDS","validationMessage","SLOTS","footerStart","footerEnd","RESIZE_TIMEOUT","textAreaCss","CalciteTextAreaStyle0","TextArea","this","guid","handleInput","event","value","target","calciteTextAreaInput","emit","handleChange","calciteTextAreaChange","contentSlotChangeHandler","nodes","el","childNodes","forEach","nodeName","nodeValue","trim","renderCharacterLimit","maxLength","localizedCharacterLengthObj","getLocalizedCharacterLength","h","class","isCharacterLimitExceeded","currentLength","resizeObserver","createObserver","async","componentLoaded","textAreaHeight","textAreaWidth","elHeight","elWidth","footerHeight","footerWidth","getHeightAndWidthOfElements","footerEl","style","width","setHeightAndWidthToAuto","setTextAreaEl","textAreaEl","observe","throttle","resize","height","leading","valid","badInput","customError","patternMismatch","rangeOverflow","rangeUnderflow","stepMismatch","tooLong","tooShort","typeMismatch","valueMissing","handleGlobalAttributesChanged","forceUpdate","onMessagesChange","connectedCallback","connectLabel","connectForm","connectLocalized","connectMessages","componentWillLoad","setUpLoadableComponent","setUpMessages","componentDidLoad","setComponentLoaded","componentDidRender","updateHostInteraction","setTextAreaHeight","disconnectedCallback","disconnectLabel","disconnectForm","disconnectLocalized","disconnectMessages","disconnect","render","hasFooter","startSlotHasElements","endSlotHasElements","Host","key","InteractiveContainer","disabled","toAriaBoolean","status","getLabelText","autofocus","cols","columns","name","onChange","onInput","placeholder","ref","required","rows","wrap","onSlotchange","slotChangeHasAssignedElement","HiddenFormInputSlot","component","id","replacePlaceHoldersInMessages","Validation","icon","validationIcon","message","scale","setFocus","componentFocusable","focus","selectText","select","effectiveLocaleChange","updateMessages","effectiveLocale","onLabelClick","length","toString","numberingSystem","numberStringFormatter","numberFormatOptions","locale","signDisplay","useGrouping","groupSeparator","localize","syncHiddenFormInput","input","setCustomValidity","getBoundingClientRect","messages","replace"],"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 IDS = {\n  validationMessage: \"textAreaValidationMessage\",\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  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 { IconNameOrString } from \"../icon/interfaces\";\nimport { CharacterLengthObj } from \"./interfaces\";\nimport { TextAreaMessages } from \"./assets/text-area/t9n\";\nimport { CSS, IDS, 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: IconNameOrString | 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    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    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-errormessage={IDS.validationMessage}\n            aria-invalid={toAriaBoolean(\n              this.status === \"invalid\" || this.isCharacterLimitExceeded(),\n            )}\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              id={IDS.validationMessage}\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"],"mappings":"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","ignoreList":[]}

package/dist/calcite/p-42c8bed7.js

@@ -0,0 +1,7 @@
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
+ * v2.13.0-next.1
+ */
+import{d as r}from"./p-5d73097e.js";import"./p-17581615.js";import"./p-48c46ebf.js";import"./p-cbc54e80.js";import"./p-3cf89117.js";import"./p-d32e5254.js";import"./p-176e985b.js";import"./p-b92ebeef.js";import"./p-f099b69b.js";import"./p-02522147.js";import"./p-ff633d19.js";import"./p-6861beb6.js";import"./p-a3136988.js";import"./p-fbf41cbc.js";import"./p-0950b635.js";import"./p-92a1d6d7.js";import"./p-54e1cc3e.js";import"./p-62a45517.js";import"./p-658e49d1.js";import"./p-6b034312.js";var e={name:"zh-tw",weekdays:"星期日_星期一_星期二_星期三_星期四_星期五_星期六".split("_"),weekdaysShort:"週日_週一_週二_週三_週四_週五_週六".split("_"),weekdaysMin:"日_一_二_三_四_五_六".split("_"),months:"一月_二月_三月_四月_五月_六月_七月_八月_九月_十月_十一月_十二月".split("_"),monthsShort:"1月_2月_3月_4月_5月_6月_7月_8月_9月_10月_11月_12月".split("_"),ordinal:function r(e,_){switch(_){case"W":return e+"週";default:return e+"日"}},formats:{LT:"HH:mm",LTS:"HH:mm:ss",L:"YYYY/MM/DD",LL:"YYYY年M月D日",LLL:"YYYY年M月D日 HH:mm",LLLL:"YYYY年M月D日dddd HH:mm",l:"YYYY/M/D",ll:"YYYY年M月D日",lll:"YYYY年M月D日 HH:mm",llll:"YYYY年M月D日dddd HH:mm"},relativeTime:{future:"%s內",past:"%s前",s:"幾秒",m:"1 分鐘",mm:"%d 分鐘",h:"1 小時",hh:"%d 小時",d:"1 天",dd:"%d 天",M:"1 個月",MM:"%d 個月",y:"1 年",yy:"%d 年"},meridiem:function r(e,_){var t=e*100+_;if(t<600){return"凌晨"}else if(t<900){return"早上"}else if(t<1100){return"上午"}else if(t<1300){return"中午"}else if(t<1800){return"下午"}return"晚上"}};r.locale(e,null,true);export{e as default};
+//# sourceMappingURL=p-42c8bed7.js.map

package/dist/calcite/p-4310e573.entry.js

@@ -0,0 +1,7 @@
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
+ * v2.13.0-next.1
+ */
+import{r as e,c as t,h as s,g as i}from"./p-17581615.js";import{t as a}from"./p-cbc54e80.js";import{s as n,a as o,c as l}from"./p-ff633d19.js";import{c,d as r}from"./p-a3136988.js";import{c as d,s as h,d as f,u}from"./p-62a45517.js";import{u as p}from"./p-176e985b.js";import"./p-3cf89117.js";import"./p-d32e5254.js";import"./p-6861beb6.js";import"./p-b92ebeef.js";import"./p-fbf41cbc.js";const b={handle:"handle",handleSelected:"handle--selected"};const g={drag:"drag"};const m={itemLabel:"{itemLabel}",position:"{position}",total:"{total}"};const v=":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{display:flex}.handle{display:flex;align-items:center;justify-content:center;align-self:stretch;border-style:none;outline-color:transparent;color:var(--calcite-color-border-input);padding-block:0.75rem;padding-inline:0.25rem;line-height:0}.handle calcite-icon{color:inherit}:host(:not([disabled])) .handle{cursor:move}:host(:not([disabled])) .handle:hover{background-color:var(--calcite-color-foreground-2);color:var(--calcite-color-text-1)}:host(:not([disabled])) .handle:focus{color:var(--calcite-color-text-1);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          )}:host(:not([disabled])) .handle--selected{background-color:var(--calcite-color-foreground-3);color:var(--calcite-color-text-1)}: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 y=v;const x=class{constructor(s){e(this,s);this.calciteHandleChange=t(this,"calciteHandleChange",6);this.calciteHandleNudge=t(this,"calciteHandleNudge",6);this.calciteInternalAssistiveTextChange=t(this,"calciteInternalAssistiveTextChange",6);this.handleKeyDown=e=>{if(this.disabled){return}switch(e.key){case" ":this.selected=!this.selected;this.calciteHandleChange.emit();e.preventDefault();break;case"ArrowUp":if(!this.selected){return}e.preventDefault();this.calciteHandleNudge.emit({direction:"up"});break;case"ArrowDown":if(!this.selected){return}e.preventDefault();this.calciteHandleNudge.emit({direction:"down"});break}};this.handleBlur=()=>{if(this.blurUnselectDisabled||this.disabled){return}if(this.selected){this.selected=false;this.calciteHandleChange.emit()}};this.selected=false;this.disabled=false;this.dragHandle=undefined;this.messages=undefined;this.setPosition=undefined;this.setSize=undefined;this.label=undefined;this.blurUnselectDisabled=false;this.messageOverrides=undefined;this.effectiveLocale=undefined;this.defaultMessages=undefined}handleAriaTextChange(){const e=this.getAriaText("live");if(e){this.calciteInternalAssistiveTextChange.emit({message:e})}}onMessagesChange(){}connectedCallback(){d(this);c(this)}async componentWillLoad(){n(this);await h(this)}componentDidLoad(){o(this)}componentDidRender(){p(this)}disconnectedCallback(){f(this);r(this)}effectiveLocaleChange(){u(this,this.effectiveLocale)}async setFocus(){await l(this);this.handleButton?.focus()}getTooltip(){const{label:e,messages:t}=this;if(!t){return""}if(!e){return t.dragHandleUntitled}return t.dragHandle.replace(m.itemLabel,e)}getAriaText(e){const{setPosition:t,setSize:s,label:i,messages:a,selected:n}=this;if(!a||!i||typeof s!=="number"||typeof t!=="number"){return null}const o=e==="label"?n?a.dragHandleChange:a.dragHandleIdle:n?a.dragHandleActive:a.dragHandleCommit;const l=o.replace(m.position,t.toString());const c=l.replace(m.itemLabel,i);return c.replace(m.total,s.toString())}render(){return s("span",{key:"70bad3175017506fbe748d930b4945f57d0ed331","aria-checked":this.disabled?null:a(this.selected),"aria-disabled":this.disabled?a(this.disabled):null,"aria-label":this.disabled?null:this.getAriaText("label"),class:{[b.handle]:true,[b.handleSelected]:!this.disabled&&this.selected},onBlur:this.handleBlur,onKeyDown:this.handleKeyDown,ref:e=>{this.handleButton=e},role:"radio",tabIndex:this.disabled?null:0,title:this.getTooltip()},s("calcite-icon",{key:"c3eab375f0ac588ff37ab16747f7158567dfd0d0",icon:g.drag,scale:"s"}))}static get assetsDirs(){return["assets"]}get el(){return i(this)}static get watchers(){return{messages:["handleAriaTextChange"],label:["handleAriaTextChange"],selected:["handleAriaTextChange"],setPosition:["handleAriaTextChange"],setSize:["handleAriaTextChange"],messageOverrides:["onMessagesChange"],effectiveLocale:["effectiveLocaleChange"]}}};x.style=y;export{x as calcite_handle};
+//# sourceMappingURL=p-4310e573.entry.js.map

package/dist/calcite/p-4310e573.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["CSS","handle","handleSelected","ICONS","drag","SUBSTITUTIONS","itemLabel","position","total","handleCss","CalciteHandleStyle0","Handle","this","handleKeyDown","event","disabled","key","selected","calciteHandleChange","emit","preventDefault","calciteHandleNudge","direction","handleBlur","blurUnselectDisabled","handleAriaTextChange","message","getAriaText","calciteInternalAssistiveTextChange","onMessagesChange","connectedCallback","connectMessages","connectLocalized","componentWillLoad","setUpLoadableComponent","setUpMessages","componentDidLoad","setComponentLoaded","componentDidRender","updateHostInteraction","disconnectedCallback","disconnectMessages","disconnectLocalized","effectiveLocaleChange","updateMessages","effectiveLocale","setFocus","componentFocusable","handleButton","focus","getTooltip","label","messages","dragHandleUntitled","dragHandle","replace","type","setPosition","setSize","text","dragHandleChange","dragHandleIdle","dragHandleActive","dragHandleCommit","replacePosition","toString","replaceLabel","render","h","toAriaBoolean","class","onBlur","onKeyDown","ref","el","role","tabIndex","title","icon","scale"],"sources":["src/components/handle/resources.ts","src/components/handle/handle.scss?tag=calcite-handle&encapsulation=shadow","src/components/handle/handle.tsx"],"sourcesContent":["export const CSS = {\n  handle: \"handle\",\n  handleSelected: \"handle--selected\",\n};\n\nexport const ICONS = {\n  drag: \"drag\",\n} as const;\n\nexport const SUBSTITUTIONS = {\n  itemLabel: \"{itemLabel}\",\n  position: \"{position}\",\n  total: \"{total}\",\n};\n",":host {\n  @apply flex;\n}\n\n.handle {\n  @apply focus-base\n    flex\n    items-center\n    justify-center\n    self-stretch\n    border-none;\n  color: theme(\"borderColor.color.input\");\n  padding-block: theme(\"spacing.3\");\n  padding-inline: theme(\"spacing.1\");\n  line-height: 0;\n\n  calcite-icon {\n    color: inherit;\n  }\n}\n\n:host(:not([disabled])) .handle {\n  @apply cursor-move;\n  &:hover {\n    @apply bg-foreground-2 text-color-1;\n  }\n  &:focus {\n    @apply text-color-1 focus-inset;\n  }\n  &--selected {\n    @apply bg-foreground-3 text-color-1;\n  }\n}\n\n@include disabled();\n\n@include base-component();\n","import {\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  h,\n  Method,\n  Prop,\n  State,\n  VNode,\n  Watch,\n} from \"@stencil/core\";\nimport { toAriaBoolean } from \"../../utils/dom\";\nimport {\n  componentFocusable,\n  LoadableComponent,\n  setComponentLoaded,\n  setUpLoadableComponent,\n} from \"../../utils/loadable\";\nimport { connectLocalized, disconnectLocalized } from \"../../utils/locale\";\nimport {\n  connectMessages,\n  disconnectMessages,\n  setUpMessages,\n  T9nComponent,\n  updateMessages,\n} from \"../../utils/t9n\";\nimport { InteractiveComponent, updateHostInteraction } from \"../../utils/interactive\";\nimport { HandleMessages } from \"./assets/handle/t9n\";\nimport { HandleChange, HandleNudge } from \"./interfaces\";\nimport { CSS, ICONS, SUBSTITUTIONS } from \"./resources\";\n\n@Component({\n  tag: \"calcite-handle\",\n  styleUrl: \"handle.scss\",\n  shadow: true,\n  assetsDirs: [\"assets\"],\n})\nexport class Handle implements LoadableComponent, T9nComponent, InteractiveComponent {\n  // --------------------------------------------------------------------------\n  //\n  //  Properties\n  //\n  // --------------------------------------------------------------------------\n\n  /**\n   * When `true`, the component is selected.\n   */\n  @Prop({ mutable: true, reflect: true }) selected = false;\n\n  @Watch(\"messages\")\n  @Watch(\"label\")\n  @Watch(\"selected\")\n  @Watch(\"setPosition\")\n  @Watch(\"setSize\")\n  handleAriaTextChange(): void {\n    const message = this.getAriaText(\"live\");\n\n    if (message) {\n      this.calciteInternalAssistiveTextChange.emit({\n        message,\n      });\n    }\n  }\n\n  /**\n   * When `true`, interaction is prevented and the component is displayed with lower opacity.\n   */\n  @Prop({ reflect: true }) disabled = false;\n\n  /**\n   * Value for the button title attribute.\n   */\n  @Prop({ reflect: true }) dragHandle: string;\n\n  /**\n   * Made into a prop for testing purposes only.\n   *\n   * @internal\n   * @readonly\n   */\n  // eslint-disable-next-line @stencil-community/strict-mutable -- updated by t9n module\n  @Prop({ mutable: true }) messages: HandleMessages;\n\n  /**\n   *\n   *\n   * @internal\n   */\n  @Prop() setPosition: number;\n\n  /**\n   *\n   *\n   * @internal\n   */\n  @Prop() setSize: number;\n\n  /**\n   *\n   *\n   * @internal\n   */\n  @Prop() label: string;\n\n  /**\n   * When `true`, disables unselecting the component when blurred.\n   *\n   * @internal\n   */\n  @Prop() blurUnselectDisabled = false;\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<HandleMessages>;\n\n  @Watch(\"messageOverrides\")\n  onMessagesChange(): void {\n    /* wired up by t9n util */\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  //--------------------------------------------------------------------------\n\n  connectedCallback(): void {\n    connectMessages(this);\n    connectLocalized(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  }\n\n  disconnectedCallback(): void {\n    disconnectMessages(this);\n    disconnectLocalized(this);\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Private Properties\n  //\n  // --------------------------------------------------------------------------\n\n  @Element() el: HTMLCalciteHandleElement;\n\n  handleButton: HTMLElement;\n\n  @State() effectiveLocale: string;\n\n  @State() defaultMessages: HandleMessages;\n\n  @Watch(\"effectiveLocale\")\n  effectiveLocaleChange(): void {\n    updateMessages(this, this.effectiveLocale);\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Events\n  //\n  // --------------------------------------------------------------------------\n\n  /**\n   * Fires whenever the component is selected or unselected.\n   *\n   */\n  @Event({ cancelable: false }) calciteHandleChange: EventEmitter<void>;\n\n  /**\n   * Fires when the handle is selected and the up or down arrow key is pressed.\n   */\n  @Event({ cancelable: false }) calciteHandleNudge: EventEmitter<HandleNudge>;\n\n  /**\n   * Fires when the assistive text has changed.\n   * @internal\n   */\n  @Event({ cancelable: false }) calciteInternalAssistiveTextChange: EventEmitter<HandleChange>;\n\n  // --------------------------------------------------------------------------\n  //\n  //  Methods\n  //\n  // --------------------------------------------------------------------------\n\n  /** Sets focus on the component. */\n  @Method()\n  async setFocus(): Promise<void> {\n    await componentFocusable(this);\n\n    this.handleButton?.focus();\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Private Methods\n  //\n  // --------------------------------------------------------------------------\n\n  private getTooltip(): string {\n    const { label, messages } = this;\n\n    if (!messages) {\n      return \"\";\n    }\n\n    if (!label) {\n      return messages.dragHandleUntitled;\n    }\n\n    return messages.dragHandle.replace(SUBSTITUTIONS.itemLabel, label);\n  }\n\n  getAriaText(type: \"label\" | \"live\"): string {\n    const { setPosition, setSize, label, messages, selected } = this;\n\n    if (!messages || !label || typeof setSize !== \"number\" || typeof setPosition !== \"number\") {\n      return null;\n    }\n\n    const text =\n      type === \"label\"\n        ? selected\n          ? messages.dragHandleChange\n          : messages.dragHandleIdle\n        : selected\n          ? messages.dragHandleActive\n          : messages.dragHandleCommit;\n\n    const replacePosition = text.replace(SUBSTITUTIONS.position, setPosition.toString());\n    const replaceLabel = replacePosition.replace(SUBSTITUTIONS.itemLabel, label);\n    return replaceLabel.replace(SUBSTITUTIONS.total, setSize.toString());\n  }\n\n  handleKeyDown = (event: KeyboardEvent): void => {\n    if (this.disabled) {\n      return;\n    }\n\n    switch (event.key) {\n      case \" \":\n        this.selected = !this.selected;\n        this.calciteHandleChange.emit();\n        event.preventDefault();\n        break;\n      case \"ArrowUp\":\n        if (!this.selected) {\n          return;\n        }\n        event.preventDefault();\n        this.calciteHandleNudge.emit({ direction: \"up\" });\n        break;\n      case \"ArrowDown\":\n        if (!this.selected) {\n          return;\n        }\n        event.preventDefault();\n        this.calciteHandleNudge.emit({ direction: \"down\" });\n        break;\n    }\n  };\n\n  handleBlur = (): void => {\n    if (this.blurUnselectDisabled || this.disabled) {\n      return;\n    }\n\n    if (this.selected) {\n      this.selected = false;\n      this.calciteHandleChange.emit();\n    }\n  };\n\n  // --------------------------------------------------------------------------\n  //\n  //  Render Methods\n  //\n  // --------------------------------------------------------------------------\n\n  render(): VNode {\n    return (\n      // Needs to be a span because of https://github.com/SortableJS/Sortable/issues/1486\n      <span\n        aria-checked={this.disabled ? null : toAriaBoolean(this.selected)}\n        aria-disabled={this.disabled ? toAriaBoolean(this.disabled) : null}\n        aria-label={this.disabled ? null : this.getAriaText(\"label\")}\n        class={{ [CSS.handle]: true, [CSS.handleSelected]: !this.disabled && this.selected }}\n        onBlur={this.handleBlur}\n        onKeyDown={this.handleKeyDown}\n        ref={(el): void => {\n          this.handleButton = el;\n        }}\n        // role of radio is being applied to allow space key to select in screen readers\n        role=\"radio\"\n        tabIndex={this.disabled ? null : 0}\n        title={this.getTooltip()}\n      >\n        <calcite-icon icon={ICONS.drag} scale=\"s\" />\n      </span>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/calcite/p-432012f7.js

@@ -0,0 +1,7 @@
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
+ * v2.13.0-next.1
+ */
+var t={exports:{}};var n={aliceblue:[240,248,255],antiquewhite:[250,235,215],aqua:[0,255,255],aquamarine:[127,255,212],azure:[240,255,255],beige:[245,245,220],bisque:[255,228,196],black:[0,0,0],blanchedalmond:[255,235,205],blue:[0,0,255],blueviolet:[138,43,226],brown:[165,42,42],burlywood:[222,184,135],cadetblue:[95,158,160],chartreuse:[127,255,0],chocolate:[210,105,30],coral:[255,127,80],cornflowerblue:[100,149,237],cornsilk:[255,248,220],crimson:[220,20,60],cyan:[0,255,255],darkblue:[0,0,139],darkcyan:[0,139,139],darkgoldenrod:[184,134,11],darkgray:[169,169,169],darkgreen:[0,100,0],darkgrey:[169,169,169],darkkhaki:[189,183,107],darkmagenta:[139,0,139],darkolivegreen:[85,107,47],darkorange:[255,140,0],darkorchid:[153,50,204],darkred:[139,0,0],darksalmon:[233,150,122],darkseagreen:[143,188,143],darkslateblue:[72,61,139],darkslategray:[47,79,79],darkslategrey:[47,79,79],darkturquoise:[0,206,209],darkviolet:[148,0,211],deeppink:[255,20,147],deepskyblue:[0,191,255],dimgray:[105,105,105],dimgrey:[105,105,105],dodgerblue:[30,144,255],firebrick:[178,34,34],floralwhite:[255,250,240],forestgreen:[34,139,34],fuchsia:[255,0,255],gainsboro:[220,220,220],ghostwhite:[248,248,255],gold:[255,215,0],goldenrod:[218,165,32],gray:[128,128,128],green:[0,128,0],greenyellow:[173,255,47],grey:[128,128,128],honeydew:[240,255,240],hotpink:[255,105,180],indianred:[205,92,92],indigo:[75,0,130],ivory:[255,255,240],khaki:[240,230,140],lavender:[230,230,250],lavenderblush:[255,240,245],lawngreen:[124,252,0],lemonchiffon:[255,250,205],lightblue:[173,216,230],lightcoral:[240,128,128],lightcyan:[224,255,255],lightgoldenrodyellow:[250,250,210],lightgray:[211,211,211],lightgreen:[144,238,144],lightgrey:[211,211,211],lightpink:[255,182,193],lightsalmon:[255,160,122],lightseagreen:[32,178,170],lightskyblue:[135,206,250],lightslategray:[119,136,153],lightslategrey:[119,136,153],lightsteelblue:[176,196,222],lightyellow:[255,255,224],lime:[0,255,0],limegreen:[50,205,50],linen:[250,240,230],magenta:[255,0,255],maroon:[128,0,0],mediumaquamarine:[102,205,170],mediumblue:[0,0,205],mediumorchid:[186,85,211],mediumpurple:[147,112,219],mediumseagreen:[60,179,113],mediumslateblue:[123,104,238],mediumspringgreen:[0,250,154],mediumturquoise:[72,209,204],mediumvioletred:[199,21,133],midnightblue:[25,25,112],mintcream:[245,255,250],mistyrose:[255,228,225],moccasin:[255,228,181],navajowhite:[255,222,173],navy:[0,0,128],oldlace:[253,245,230],olive:[128,128,0],olivedrab:[107,142,35],orange:[255,165,0],orangered:[255,69,0],orchid:[218,112,214],palegoldenrod:[238,232,170],palegreen:[152,251,152],paleturquoise:[175,238,238],palevioletred:[219,112,147],papayawhip:[255,239,213],peachpuff:[255,218,185],peru:[205,133,63],pink:[255,192,203],plum:[221,160,221],powderblue:[176,224,230],purple:[128,0,128],rebeccapurple:[102,51,153],red:[255,0,0],rosybrown:[188,143,143],royalblue:[65,105,225],saddlebrown:[139,69,19],salmon:[250,128,114],sandybrown:[244,164,96],seagreen:[46,139,87],seashell:[255,245,238],sienna:[160,82,45],silver:[192,192,192],skyblue:[135,206,235],slateblue:[106,90,205],slategray:[112,128,144],slategrey:[112,128,144],snow:[255,250,250],springgreen:[0,255,127],steelblue:[70,130,180],tan:[210,180,140],teal:[0,128,128],thistle:[216,191,216],tomato:[255,99,71],turquoise:[64,224,208],violet:[238,130,238],wheat:[245,222,179],white:[255,255,255],whitesmoke:[245,245,245],yellow:[255,255,0],yellowgreen:[154,205,50]};var e={exports:{}};var r=function t(n){if(!n||typeof n==="string"){return false}return n instanceof Array||Array.isArray(n)||n.length>=0&&(n.splice instanceof Function||Object.getOwnPropertyDescriptor(n,n.length-1)&&n.constructor.name!=="String")};var s=r;var o=Array.prototype.concat;var c=Array.prototype.slice;var i=e.exports=function t(n){var e=[];for(var r=0,i=n.length;r<i;r++){var a=n[r];if(s(a)){e=o.call(e,c.call(a))}else{e.push(a)}}return e};i.wrap=function(t){return function(){return t(i(arguments))}};var a=n;var l=e.exports;var u=Object.hasOwnProperty;var h=Object.create(null);for(var f in a){if(u.call(a,f)){h[a[f]]=f}}var d=t.exports={to:{},get:{}};d.get=function(t){var n=t.substring(0,3).toLowerCase();var e;var r;switch(n){case"hsl":e=d.get.hsl(t);r="hsl";break;case"hwb":e=d.get.hwb(t);r="hwb";break;default:e=d.get.rgb(t);r="rgb";break}if(!e){return null}return{model:r,value:e}};d.get.rgb=function(t){if(!t){return null}var n=/^#([a-f0-9]{3,4})$/i;var e=/^#([a-f0-9]{6})([a-f0-9]{2})?$/i;var r=/^rgba?\(\s*([+-]?\d+)(?=[\s,])\s*(?:,\s*)?([+-]?\d+)(?=[\s,])\s*(?:,\s*)?([+-]?\d+)\s*(?:[,|\/]\s*([+-]?[\d\.]+)(%?)\s*)?\)$/;var s=/^rgba?\(\s*([+-]?[\d\.]+)\%\s*,?\s*([+-]?[\d\.]+)\%\s*,?\s*([+-]?[\d\.]+)\%\s*(?:[,|\/]\s*([+-]?[\d\.]+)(%?)\s*)?\)$/;var o=/^(\w+)$/;var c=[0,0,0,1];var i;var l;var h;if(i=t.match(e)){h=i[2];i=i[1];for(l=0;l<3;l++){var f=l*2;c[l]=parseInt(i.slice(f,f+2),16)}if(h){c[3]=parseInt(h,16)/255}}else if(i=t.match(n)){i=i[1];h=i[3];for(l=0;l<3;l++){c[l]=parseInt(i[l]+i[l],16)}if(h){c[3]=parseInt(h+h,16)/255}}else if(i=t.match(r)){for(l=0;l<3;l++){c[l]=parseInt(i[l+1],0)}if(i[4]){if(i[5]){c[3]=parseFloat(i[4])*.01}else{c[3]=parseFloat(i[4])}}}else if(i=t.match(s)){for(l=0;l<3;l++){c[l]=Math.round(parseFloat(i[l+1])*2.55)}if(i[4]){if(i[5]){c[3]=parseFloat(i[4])*.01}else{c[3]=parseFloat(i[4])}}}else if(i=t.match(o)){if(i[1]==="transparent"){return[0,0,0,0]}if(!u.call(a,i[1])){return null}c=a[i[1]];c[3]=1;return c}else{return null}for(l=0;l<3;l++){c[l]=b(c[l],0,255)}c[3]=b(c[3],0,1);return c};d.get.hsl=function(t){if(!t){return null}var n=/^hsla?\(\s*([+-]?(?:\d{0,3}\.)?\d+)(?:deg)?\s*,?\s*([+-]?[\d\.]+)%\s*,?\s*([+-]?[\d\.]+)%\s*(?:[,|\/]\s*([+-]?(?=\.\d|\d)(?:0|[1-9]\d*)?(?:\.\d*)?(?:[eE][+-]?\d+)?)\s*)?\)$/;var e=t.match(n);if(e){var r=parseFloat(e[4]);var s=(parseFloat(e[1])%360+360)%360;var o=b(parseFloat(e[2]),0,100);var c=b(parseFloat(e[3]),0,100);var i=b(isNaN(r)?1:r,0,1);return[s,o,c,i]}return null};d.get.hwb=function(t){if(!t){return null}var n=/^hwb\(\s*([+-]?\d{0,3}(?:\.\d+)?)(?:deg)?\s*,\s*([+-]?[\d\.]+)%\s*,\s*([+-]?[\d\.]+)%\s*(?:,\s*([+-]?(?=\.\d|\d)(?:0|[1-9]\d*)?(?:\.\d*)?(?:[eE][+-]?\d+)?)\s*)?\)$/;var e=t.match(n);if(e){var r=parseFloat(e[4]);var s=(parseFloat(e[1])%360+360)%360;var o=b(parseFloat(e[2]),0,100);var c=b(parseFloat(e[3]),0,100);var i=b(isNaN(r)?1:r,0,1);return[s,o,c,i]}return null};d.to.hex=function(){var t=l(arguments);return"#"+g(t[0])+g(t[1])+g(t[2])+(t[3]<1?g(Math.round(t[3]*255)):"")};d.to.rgb=function(){var t=l(arguments);return t.length<4||t[3]===1?"rgb("+Math.round(t[0])+", "+Math.round(t[1])+", "+Math.round(t[2])+")":"rgba("+Math.round(t[0])+", "+Math.round(t[1])+", "+Math.round(t[2])+", "+t[3]+")"};d.to.rgb.percent=function(){var t=l(arguments);var n=Math.round(t[0]/255*100);var e=Math.round(t[1]/255*100);var r=Math.round(t[2]/255*100);return t.length<4||t[3]===1?"rgb("+n+"%, "+e+"%, "+r+"%)":"rgba("+n+"%, "+e+"%, "+r+"%, "+t[3]+")"};d.to.hsl=function(){var t=l(arguments);return t.length<4||t[3]===1?"hsl("+t[0]+", "+t[1]+"%, "+t[2]+"%)":"hsla("+t[0]+", "+t[1]+"%, "+t[2]+"%, "+t[3]+")"};d.to.hwb=function(){var t=l(arguments);var n="";if(t.length>=4&&t[3]!==1){n=", "+t[3]}return"hwb("+t[0]+", "+t[1]+"%, "+t[2]+"%"+n+")"};d.to.keyword=function(t){return h[t.slice(0,3)]};function b(t,n,e){return Math.min(Math.max(n,t),e)}function g(t){var n=Math.round(t).toString(16).toUpperCase();return n.length<2?"0"+n:n}const p=n;const v={};for(const t of Object.keys(p)){v[p[t]]=t}const w={rgb:{channels:3,labels:"rgb"},hsl:{channels:3,labels:"hsl"},hsv:{channels:3,labels:"hsv"},hwb:{channels:3,labels:"hwb"},cmyk:{channels:4,labels:"cmyk"},xyz:{channels:3,labels:"xyz"},lab:{channels:3,labels:"lab"},lch:{channels:3,labels:"lch"},hex:{channels:1,labels:["hex"]},keyword:{channels:1,labels:["keyword"]},ansi16:{channels:1,labels:["ansi16"]},ansi256:{channels:1,labels:["ansi256"]},hcg:{channels:3,labels:["h","c","g"]},apple:{channels:3,labels:["r16","g16","b16"]},gray:{channels:1,labels:["gray"]}};var y=w;for(const t of Object.keys(w)){if(!("channels"in w[t])){throw new Error("missing channels property: "+t)}if(!("labels"in w[t])){throw new Error("missing channel labels property: "+t)}if(w[t].labels.length!==w[t].channels){throw new Error("channel and label counts mismatch: "+t)}const{channels:n,labels:e}=w[t];delete w[t].channels;delete w[t].labels;Object.defineProperty(w[t],"channels",{value:n});Object.defineProperty(w[t],"labels",{value:e})}w.rgb.hsl=function(t){const n=t[0]/255;const e=t[1]/255;const r=t[2]/255;const s=Math.min(n,e,r);const o=Math.max(n,e,r);const c=o-s;let i;let a;if(o===s){i=0}else if(n===o){i=(e-r)/c}else if(e===o){i=2+(r-n)/c}else if(r===o){i=4+(n-e)/c}i=Math.min(i*60,360);if(i<0){i+=360}const l=(s+o)/2;if(o===s){a=0}else if(l<=.5){a=c/(o+s)}else{a=c/(2-o-s)}return[i,a*100,l*100]};w.rgb.hsv=function(t){let n;let e;let r;let s;let o;const c=t[0]/255;const i=t[1]/255;const a=t[2]/255;const l=Math.max(c,i,a);const u=l-Math.min(c,i,a);const h=function(t){return(l-t)/6/u+1/2};if(u===0){s=0;o=0}else{o=u/l;n=h(c);e=h(i);r=h(a);if(c===l){s=r-e}else if(i===l){s=1/3+n-r}else if(a===l){s=2/3+e-n}if(s<0){s+=1}else if(s>1){s-=1}}return[s*360,o*100,l*100]};w.rgb.hwb=function(t){const n=t[0];const e=t[1];let r=t[2];const s=w.rgb.hsl(t)[0];const o=1/255*Math.min(n,Math.min(e,r));r=1-1/255*Math.max(n,Math.max(e,r));return[s,o*100,r*100]};w.rgb.cmyk=function(t){const n=t[0]/255;const e=t[1]/255;const r=t[2]/255;const s=Math.min(1-n,1-e,1-r);const o=(1-n-s)/(1-s)||0;const c=(1-e-s)/(1-s)||0;const i=(1-r-s)/(1-s)||0;return[o*100,c*100,i*100,s*100]};function m(t,n){return(t[0]-n[0])**2+(t[1]-n[1])**2+(t[2]-n[2])**2}w.rgb.keyword=function(t){const n=v[t];if(n){return n}let e=Infinity;let r;for(const n of Object.keys(p)){const s=p[n];const o=m(t,s);if(o<e){e=o;r=n}}return r};w.keyword.rgb=function(t){return p[t]};w.rgb.xyz=function(t){let n=t[0]/255;let e=t[1]/255;let r=t[2]/255;n=n>.04045?((n+.055)/1.055)**2.4:n/12.92;e=e>.04045?((e+.055)/1.055)**2.4:e/12.92;r=r>.04045?((r+.055)/1.055)**2.4:r/12.92;const s=n*.4124+e*.3576+r*.1805;const o=n*.2126+e*.7152+r*.0722;const c=n*.0193+e*.1192+r*.9505;return[s*100,o*100,c*100]};w.rgb.lab=function(t){const n=w.rgb.xyz(t);let e=n[0];let r=n[1];let s=n[2];e/=95.047;r/=100;s/=108.883;e=e>.008856?e**(1/3):7.787*e+16/116;r=r>.008856?r**(1/3):7.787*r+16/116;s=s>.008856?s**(1/3):7.787*s+16/116;const o=116*r-16;const c=500*(e-r);const i=200*(r-s);return[o,c,i]};w.hsl.rgb=function(t){const n=t[0]/360;const e=t[1]/100;const r=t[2]/100;let s;let o;let c;if(e===0){c=r*255;return[c,c,c]}if(r<.5){s=r*(1+e)}else{s=r+e-r*e}const i=2*r-s;const a=[0,0,0];for(let t=0;t<3;t++){o=n+1/3*-(t-1);if(o<0){o++}if(o>1){o--}if(6*o<1){c=i+(s-i)*6*o}else if(2*o<1){c=s}else if(3*o<2){c=i+(s-i)*(2/3-o)*6}else{c=i}a[t]=c*255}return a};w.hsl.hsv=function(t){const n=t[0];let e=t[1]/100;let r=t[2]/100;let s=e;const o=Math.max(r,.01);r*=2;e*=r<=1?r:2-r;s*=o<=1?o:2-o;const c=(r+e)/2;const i=r===0?2*s/(o+s):2*e/(r+e);return[n,i*100,c*100]};w.hsv.rgb=function(t){const n=t[0]/60;const e=t[1]/100;let r=t[2]/100;const s=Math.floor(n)%6;const o=n-Math.floor(n);const c=255*r*(1-e);const i=255*r*(1-e*o);const a=255*r*(1-e*(1-o));r*=255;switch(s){case 0:return[r,a,c];case 1:return[i,r,c];case 2:return[c,r,a];case 3:return[c,i,r];case 4:return[a,c,r];case 5:return[r,c,i]}};w.hsv.hsl=function(t){const n=t[0];const e=t[1]/100;const r=t[2]/100;const s=Math.max(r,.01);let o;let c;c=(2-e)*r;const i=(2-e)*s;o=e*s;o/=i<=1?i:2-i;o=o||0;c/=2;return[n,o*100,c*100]};w.hwb.rgb=function(t){const n=t[0]/360;let e=t[1]/100;let r=t[2]/100;const s=e+r;let o;if(s>1){e/=s;r/=s}const c=Math.floor(6*n);const i=1-r;o=6*n-c;if((c&1)!==0){o=1-o}const a=e+o*(i-e);let l;let u;let h;switch(c){default:case 6:case 0:l=i;u=a;h=e;break;case 1:l=a;u=i;h=e;break;case 2:l=e;u=i;h=a;break;case 3:l=e;u=a;h=i;break;case 4:l=a;u=e;h=i;break;case 5:l=i;u=e;h=a;break}return[l*255,u*255,h*255]};w.cmyk.rgb=function(t){const n=t[0]/100;const e=t[1]/100;const r=t[2]/100;const s=t[3]/100;const o=1-Math.min(1,n*(1-s)+s);const c=1-Math.min(1,e*(1-s)+s);const i=1-Math.min(1,r*(1-s)+s);return[o*255,c*255,i*255]};w.xyz.rgb=function(t){const n=t[0]/100;const e=t[1]/100;const r=t[2]/100;let s;let o;let c;s=n*3.2406+e*-1.5372+r*-.4986;o=n*-.9689+e*1.8758+r*.0415;c=n*.0557+e*-.204+r*1.057;s=s>.0031308?1.055*s**(1/2.4)-.055:s*12.92;o=o>.0031308?1.055*o**(1/2.4)-.055:o*12.92;c=c>.0031308?1.055*c**(1/2.4)-.055:c*12.92;s=Math.min(Math.max(0,s),1);o=Math.min(Math.max(0,o),1);c=Math.min(Math.max(0,c),1);return[s*255,o*255,c*255]};w.xyz.lab=function(t){let n=t[0];let e=t[1];let r=t[2];n/=95.047;e/=100;r/=108.883;n=n>.008856?n**(1/3):7.787*n+16/116;e=e>.008856?e**(1/3):7.787*e+16/116;r=r>.008856?r**(1/3):7.787*r+16/116;const s=116*e-16;const o=500*(n-e);const c=200*(e-r);return[s,o,c]};w.lab.xyz=function(t){const n=t[0];const e=t[1];const r=t[2];let s;let o;let c;o=(n+16)/116;s=e/500+o;c=o-r/200;const i=o**3;const a=s**3;const l=c**3;o=i>.008856?i:(o-16/116)/7.787;s=a>.008856?a:(s-16/116)/7.787;c=l>.008856?l:(c-16/116)/7.787;s*=95.047;o*=100;c*=108.883;return[s,o,c]};w.lab.lch=function(t){const n=t[0];const e=t[1];const r=t[2];let s;const o=Math.atan2(r,e);s=o*360/2/Math.PI;if(s<0){s+=360}const c=Math.sqrt(e*e+r*r);return[n,c,s]};w.lch.lab=function(t){const n=t[0];const e=t[1];const r=t[2];const s=r/360*2*Math.PI;const o=e*Math.cos(s);const c=e*Math.sin(s);return[n,o,c]};w.rgb.ansi16=function(t,n=null){const[e,r,s]=t;let o=n===null?w.rgb.hsv(t)[2]:n;o=Math.round(o/50);if(o===0){return 30}let c=30+(Math.round(s/255)<<2|Math.round(r/255)<<1|Math.round(e/255));if(o===2){c+=60}return c};w.hsv.ansi16=function(t){return w.rgb.ansi16(w.hsv.rgb(t),t[2])};w.rgb.ansi256=function(t){const n=t[0];const e=t[1];const r=t[2];if(n===e&&e===r){if(n<8){return 16}if(n>248){return 231}return Math.round((n-8)/247*24)+232}const s=16+36*Math.round(n/255*5)+6*Math.round(e/255*5)+Math.round(r/255*5);return s};w.ansi16.rgb=function(t){let n=t%10;if(n===0||n===7){if(t>50){n+=3.5}n=n/10.5*255;return[n,n,n]}const e=(~~(t>50)+1)*.5;const r=(n&1)*e*255;const s=(n>>1&1)*e*255;const o=(n>>2&1)*e*255;return[r,s,o]};w.ansi256.rgb=function(t){if(t>=232){const n=(t-232)*10+8;return[n,n,n]}t-=16;let n;const e=Math.floor(t/36)/5*255;const r=Math.floor((n=t%36)/6)/5*255;const s=n%6/5*255;return[e,r,s]};w.rgb.hex=function(t){const n=((Math.round(t[0])&255)<<16)+((Math.round(t[1])&255)<<8)+(Math.round(t[2])&255);const e=n.toString(16).toUpperCase();return"000000".substring(e.length)+e};w.hex.rgb=function(t){const n=t.toString(16).match(/[a-f0-9]{6}|[a-f0-9]{3}/i);if(!n){return[0,0,0]}let e=n[0];if(n[0].length===3){e=e.split("").map((t=>t+t)).join("")}const r=parseInt(e,16);const s=r>>16&255;const o=r>>8&255;const c=r&255;return[s,o,c]};w.rgb.hcg=function(t){const n=t[0]/255;const e=t[1]/255;const r=t[2]/255;const s=Math.max(Math.max(n,e),r);const o=Math.min(Math.min(n,e),r);const c=s-o;let i;let a;if(c<1){i=o/(1-c)}else{i=0}if(c<=0){a=0}else if(s===n){a=(e-r)/c%6}else if(s===e){a=2+(r-n)/c}else{a=4+(n-e)/c}a/=6;a%=1;return[a*360,c*100,i*100]};w.hsl.hcg=function(t){const n=t[1]/100;const e=t[2]/100;const r=e<.5?2*n*e:2*n*(1-e);let s=0;if(r<1){s=(e-.5*r)/(1-r)}return[t[0],r*100,s*100]};w.hsv.hcg=function(t){const n=t[1]/100;const e=t[2]/100;const r=n*e;let s=0;if(r<1){s=(e-r)/(1-r)}return[t[0],r*100,s*100]};w.hcg.rgb=function(t){const n=t[0]/360;const e=t[1]/100;const r=t[2]/100;if(e===0){return[r*255,r*255,r*255]}const s=[0,0,0];const o=n%1*6;const c=o%1;const i=1-c;let a=0;switch(Math.floor(o)){case 0:s[0]=1;s[1]=c;s[2]=0;break;case 1:s[0]=i;s[1]=1;s[2]=0;break;case 2:s[0]=0;s[1]=1;s[2]=c;break;case 3:s[0]=0;s[1]=i;s[2]=1;break;case 4:s[0]=c;s[1]=0;s[2]=1;break;default:s[0]=1;s[1]=0;s[2]=i}a=(1-e)*r;return[(e*s[0]+a)*255,(e*s[1]+a)*255,(e*s[2]+a)*255]};w.hcg.hsv=function(t){const n=t[1]/100;const e=t[2]/100;const r=n+e*(1-n);let s=0;if(r>0){s=n/r}return[t[0],s*100,r*100]};w.hcg.hsl=function(t){const n=t[1]/100;const e=t[2]/100;const r=e*(1-n)+.5*n;let s=0;if(r>0&&r<.5){s=n/(2*r)}else if(r>=.5&&r<1){s=n/(2*(1-r))}return[t[0],s*100,r*100]};w.hcg.hwb=function(t){const n=t[1]/100;const e=t[2]/100;const r=n+e*(1-n);return[t[0],(r-n)*100,(1-r)*100]};w.hwb.hcg=function(t){const n=t[1]/100;const e=t[2]/100;const r=1-e;const s=r-n;let o=0;if(s<1){o=(r-s)/(1-s)}return[t[0],s*100,o*100]};w.apple.rgb=function(t){return[t[0]/65535*255,t[1]/65535*255,t[2]/65535*255]};w.rgb.apple=function(t){return[t[0]/255*65535,t[1]/255*65535,t[2]/255*65535]};w.gray.rgb=function(t){return[t[0]/100*255,t[0]/100*255,t[0]/100*255]};w.gray.hsl=function(t){return[0,0,t[0]]};w.gray.hsv=w.gray.hsl;w.gray.hwb=function(t){return[0,100,t[0]]};w.gray.cmyk=function(t){return[0,0,0,t[0]]};w.gray.lab=function(t){return[t[0],0,0]};w.gray.hex=function(t){const n=Math.round(t[0]/100*255)&255;const e=(n<<16)+(n<<8)+n;const r=e.toString(16).toUpperCase();return"000000".substring(r.length)+r};w.rgb.gray=function(t){const n=(t[0]+t[1]+t[2])/3;return[n/255*100]};const M=y;function k(){const t={};const n=Object.keys(M);for(let e=n.length,r=0;r<e;r++){t[n[r]]={distance:-1,parent:null}}return t}function S(t){const n=k();const e=[t];n[t].distance=0;while(e.length){const t=e.pop();const r=Object.keys(M[t]);for(let s=r.length,o=0;o<s;o++){const s=r[o];const c=n[s];if(c.distance===-1){c.distance=n[t].distance+1;c.parent=t;e.unshift(s)}}}return n}function A(t,n){return function(e){return n(t(e))}}function $(t,n){const e=[n[t].parent,t];let r=M[n[t].parent][t];let s=n[t].parent;while(n[s].parent){e.unshift(n[s].parent);r=A(M[n[s].parent][s],r);s=n[s].parent}r.conversion=e;return r}var j=function(t){const n=S(t);const e={};const r=Object.keys(n);for(let t=r.length,s=0;s<t;s++){const t=r[s];const o=n[t];if(o.parent===null){continue}e[t]=$(t,n)}return e};const O=y;const F=j;const x={};const C=Object.keys(O);function I(t){const n=function(...n){const e=n[0];if(e===undefined||e===null){return e}if(e.length>1){n=e}return t(n)};if("conversion"in t){n.conversion=t.conversion}return n}function N(t){const n=function(...n){const e=n[0];if(e===undefined||e===null){return e}if(e.length>1){n=e}const r=t(n);if(typeof r==="object"){for(let t=r.length,n=0;n<t;n++){r[n]=Math.round(r[n])}}return r};if("conversion"in t){n.conversion=t.conversion}return n}C.forEach((t=>{x[t]={};Object.defineProperty(x[t],"channels",{value:O[t].channels});Object.defineProperty(x[t],"labels",{value:O[t].labels});const n=F(t);const e=Object.keys(n);e.forEach((e=>{const r=n[e];x[t][e]=N(r);x[t][e].raw=I(r)}))}));var q=x;const E=t.exports;const z=q;const H=["keyword","gray","hex"];const B={};for(const t of Object.keys(z)){B[[...z[t].labels].sort().join("")]=t}const G={};function L(t,n){if(!(this instanceof L)){return new L(t,n)}if(n&&n in H){n=null}if(n&&!(n in z)){throw new Error("Unknown model: "+n)}let e;let r;if(t==null){this.model="rgb";this.color=[0,0,0];this.valpha=1}else if(t instanceof L){this.model=t.model;this.color=[...t.color];this.valpha=t.valpha}else if(typeof t==="string"){const n=E.get(t);if(n===null){throw new Error("Unable to parse color from string: "+t)}this.model=n.model;r=z[this.model].channels;this.color=n.value.slice(0,r);this.valpha=typeof n.value[r]==="number"?n.value[r]:1}else if(t.length>0){this.model=n||"rgb";r=z[this.model].channels;const e=Array.prototype.slice.call(t,0,r);this.color=V(e,r);this.valpha=typeof t[r]==="number"?t[r]:1}else if(typeof t==="number"){this.model="rgb";this.color=[t>>16&255,t>>8&255,t&255];this.valpha=1}else{this.valpha=1;const n=Object.keys(t);if("alpha"in t){n.splice(n.indexOf("alpha"),1);this.valpha=typeof t.alpha==="number"?t.alpha:0}const r=n.sort().join("");if(!(r in B)){throw new Error("Unable to parse color from object: "+JSON.stringify(t))}this.model=B[r];const{labels:s}=z[this.model];const o=[];for(e=0;e<s.length;e++){o.push(t[s[e]])}this.color=V(o)}if(G[this.model]){r=z[this.model].channels;for(e=0;e<r;e++){const t=G[this.model][e];if(t){this.color[e]=t(this.color[e])}}}this.valpha=Math.max(0,Math.min(1,this.valpha));if(Object.freeze){Object.freeze(this)}}L.prototype={toString(){return this.string()},toJSON(){return this[this.model]()},string(t){let n=this.model in E.to?this:this.rgb();n=n.round(typeof t==="number"?t:1);const e=n.valpha===1?n.color:[...n.color,this.valpha];return E.to[n.model](e)},percentString(t){const n=this.rgb().round(typeof t==="number"?t:1);const e=n.valpha===1?n.color:[...n.color,this.valpha];return E.to.rgb.percent(e)},array(){return this.valpha===1?[...this.color]:[...this.color,this.valpha]},object(){const t={};const{channels:n}=z[this.model];const{labels:e}=z[this.model];for(let r=0;r<n;r++){t[e[r]]=this.color[r]}if(this.valpha!==1){t.alpha=this.valpha}return t},unitArray(){const t=this.rgb().color;t[0]/=255;t[1]/=255;t[2]/=255;if(this.valpha!==1){t.push(this.valpha)}return t},unitObject(){const t=this.rgb().object();t.r/=255;t.g/=255;t.b/=255;if(this.valpha!==1){t.alpha=this.valpha}return t},round(t){t=Math.max(t||0,0);return new L([...this.color.map(_(t)),this.valpha],this.model)},alpha(t){if(t!==undefined){return new L([...this.color,Math.max(0,Math.min(1,t))],this.model)}return this.valpha},red:U("rgb",0,D(255)),green:U("rgb",1,D(255)),blue:U("rgb",2,D(255)),hue:U(["hsl","hsv","hsl","hwb","hcg"],0,(t=>(t%360+360)%360)),saturationl:U("hsl",1,D(100)),lightness:U("hsl",2,D(100)),saturationv:U("hsv",1,D(100)),value:U("hsv",2,D(100)),chroma:U("hcg",1,D(100)),gray:U("hcg",2,D(100)),white:U("hwb",1,D(100)),wblack:U("hwb",2,D(100)),cyan:U("cmyk",0,D(100)),magenta:U("cmyk",1,D(100)),yellow:U("cmyk",2,D(100)),black:U("cmyk",3,D(100)),x:U("xyz",0,D(95.047)),y:U("xyz",1,D(100)),z:U("xyz",2,D(108.833)),l:U("lab",0,D(100)),a:U("lab",1),b:U("lab",2),keyword(t){if(t!==undefined){return new L(t)}return z[this.model].keyword(this.color)},hex(t){if(t!==undefined){return new L(t)}return E.to.hex(this.rgb().round().color)},hexa(t){if(t!==undefined){return new L(t)}const n=this.rgb().round().color;let e=Math.round(this.valpha*255).toString(16).toUpperCase();if(e.length===1){e="0"+e}return E.to.hex(n)+e},rgbNumber(){const t=this.rgb().color;return(t[0]&255)<<16|(t[1]&255)<<8|t[2]&255},luminosity(){const t=this.rgb().color;const n=[];for(const[e,r]of t.entries()){const t=r/255;n[e]=t<=.04045?t/12.92:((t+.055)/1.055)**2.4}return.2126*n[0]+.7152*n[1]+.0722*n[2]},contrast(t){const n=this.luminosity();const e=t.luminosity();if(n>e){return(n+.05)/(e+.05)}return(e+.05)/(n+.05)},level(t){const n=this.contrast(t);if(n>=7){return"AAA"}return n>=4.5?"AA":""},isDark(){const t=this.rgb().color;const n=(t[0]*2126+t[1]*7152+t[2]*722)/1e4;return n<128},isLight(){return!this.isDark()},negate(){const t=this.rgb();for(let n=0;n<3;n++){t.color[n]=255-t.color[n]}return t},lighten(t){const n=this.hsl();n.color[2]+=n.color[2]*t;return n},darken(t){const n=this.hsl();n.color[2]-=n.color[2]*t;return n},saturate(t){const n=this.hsl();n.color[1]+=n.color[1]*t;return n},desaturate(t){const n=this.hsl();n.color[1]-=n.color[1]*t;return n},whiten(t){const n=this.hwb();n.color[1]+=n.color[1]*t;return n},blacken(t){const n=this.hwb();n.color[2]+=n.color[2]*t;return n},grayscale(){const t=this.rgb().color;const n=t[0]*.3+t[1]*.59+t[2]*.11;return L.rgb(n,n,n)},fade(t){return this.alpha(this.valpha-this.valpha*t)},opaquer(t){return this.alpha(this.valpha+this.valpha*t)},rotate(t){const n=this.hsl();let e=n.color[0];e=(e+t)%360;e=e<0?360+e:e;n.color[0]=e;return n},mix(t,n){if(!t||!t.rgb){throw new Error('Argument to "mix" was not a Color instance, but rather an instance of '+typeof t)}const e=t.rgb();const r=this.rgb();const s=n===undefined?.5:n;const o=2*s-1;const c=e.alpha()-r.alpha();const i=((o*c===-1?o:(o+c)/(1+o*c))+1)/2;const a=1-i;return L.rgb(i*e.red()+a*r.red(),i*e.green()+a*r.green(),i*e.blue()+a*r.blue(),e.alpha()*s+r.alpha()*(1-s))}};for(const t of Object.keys(z)){if(H.includes(t)){continue}const{channels:n}=z[t];L.prototype[t]=function(...n){if(this.model===t){return new L(this)}if(n.length>0){return new L(n,t)}return new L([...J(z[this.model][t].raw(this.color)),this.valpha],t)};L[t]=function(...e){let r=e[0];if(typeof r==="number"){r=V(e,n)}return new L(r,t)}}function R(t,n){return Number(t.toFixed(n))}function _(t){return function(n){return R(n,t)}}function U(t,n,e){t=Array.isArray(t)?t:[t];for(const r of t){(G[r]||(G[r]=[]))[n]=e}t=t[0];return function(r){let s;if(r!==undefined){if(e){r=e(r)}s=this[t]();s.color[n]=r;return s}s=this[t]().color[n];if(e){s=e(s)}return s}}function D(t){return function(n){return Math.max(0,Math.min(t,n))}}function J(t){return Array.isArray(t)?t:[t]}function V(t,n){for(let e=0;e<n;e++){if(typeof t[e]!=="number"){t[e]=0}}return t}var X=L;const K=X;const P={channel:"channel",channels:"channels",colorField:"color-field",colorFieldScope:"scope--color-field",colorMode:"color-mode",colorModeContainer:"color-mode-container",container:"container",control:"control",controlAndScope:"control-and-scope",controlSection:"control-section",deleteColor:"delete-color",header:"header",hexAndChannelsGroup:"hex-and-channels-group",hexOptions:"color-hex-options",hueScope:"scope--hue",hueSlider:"hue-slider",opacityScope:"scope--opacity",opacitySlider:"opacity-slider",preview:"preview",previewAndSliders:"preview-and-sliders",saveColor:"save-color",savedColor:"saved-color",savedColors:"saved-colors",savedColorsButtons:"saved-colors-buttons",savedColorsSection:"saved-colors-section",scope:"scope",section:"section",slider:"slider",sliders:"sliders",splitSection:"section--split"};const Q=K("#007AC2");const T="calcite-color-";const W={r:255,g:255,b:255};const Y={h:360,s:100,v:100};const Z=Y.h-1;const tt={min:0,max:100};const nt={s:{slider:{height:12,width:104},colorField:{height:80,width:160},thumb:{radius:7},preview:{size:20}},m:{slider:{height:12,width:204},colorField:{height:150,width:272},thumb:{radius:7},preview:{size:24}},l:{slider:{height:12,width:384},colorField:{height:200,width:464},thumb:{radius:7},preview:{size:32}}};const et=1;const rt=/^[0-9A-F]$/i;const st=/^#[0-9A-F]{3}$/i;const ot=/^#[0-9A-F]{6}$/i;const ct=/^#[0-9A-F]{4}$/i;const it=/^#[0-9A-F]{8}$/i;const at=t=>Number((t*100).toFixed());const lt=t=>Number((t/100).toFixed(2));function ut(t,n=false){return ft(t,n)||dt(t,n)}function ht(t,n,e){if(!t){return false}return t.length===n&&e.test(t)}function ft(t,n=false){const e=n?5:4;const r=n?ct:st;return ht(t,e,r)}function dt(t,n=false){const e=n?9:7;const r=n?it:ot;return ht(t,e,r)}function bt(t,n=false,e=false){t=t.toLowerCase();if(!t.startsWith("#")){t=`#${t}`}if(ft(t,n)){return pt(mt(t,n))}if(n&&e&&ut(t,false)){const n=ft(t,false);return pt(mt(`${t}${n?"f":"ff"}`,true))}return t}function gt(t,n=false){return n?t.hexa():t.hex()}function pt(t){const{r:n,g:e,b:r}=t;const s=vt(n);const o=vt(e);const c=vt(r);const i="a"in t?vt(t.a*255):"";return`#${s}${o}${c}${i}`.toLowerCase()}function vt(t){return t.toString(16).padStart(2,"0")}function wt(t){const n={...t,a:t.alpha??1};delete n.alpha;return n}function yt(t){const n={...t,alpha:t.a??1};delete n.a;return n}function mt(t,n=false){if(!ut(t,n)){return null}t=t.replace("#","");let e;let r;let s;let o;const c=t.length===3||t.length===4;if(c){const[n,c,i,a]=t.split("");e=parseInt(`${n}${n}`,16);r=parseInt(`${c}${c}`,16);s=parseInt(`${i}${i}`,16);o=parseInt(`${a}${a}`,16)/255}else{e=parseInt(t.slice(0,2),16);r=parseInt(t.slice(2,4),16);s=parseInt(t.slice(4,6),16);o=parseInt(t.slice(6,8),16)/255}return isNaN(o)?{r:e,g:r,b:s}:{r:e,g:r,b:s,a:o}}const Mt=t=>t;const kt=Mt({HEX:"hex",HEXA:"hexa",RGB_CSS:"rgb-css",RGBA_CSS:"rgba-css",HSL_CSS:"hsl-css",HSLA_CSS:"hsla-css"});const St=Mt({RGB:"rgb",RGBA:"rgba",HSL:"hsl",HSLA:"hsla",HSV:"hsv",HSVA:"hsva"});function At(t){if(typeof t==="string"){if(t.startsWith("#")){const{length:n}=t;if(n===4||n===7){return kt.HEX}if(n===5||n===9){return kt.HEXA}}if(t.startsWith("rgba(")){return kt.RGBA_CSS}if(t.startsWith("rgb(")){return kt.RGB_CSS}if(t.startsWith("hsl(")){return kt.HSL_CSS}if(t.startsWith("hsla(")){return kt.HSLA_CSS}}if(typeof t==="object"){if($t(t,"r","g","b")){return $t(t,"a")?St.RGBA:St.RGB}if($t(t,"h","s","l")){return $t(t,"a")?St.HSLA:St.HSL}if($t(t,"h","s","v")){return $t(t,"a")?St.HSVA:St.HSV}}return null}function $t(t,...n){return n.every((n=>n&&t&&`${n}`in t))}function jt(t,n){return t?.rgb().array().toString()===n?.rgb().array().toString()}function Ot(t){return t===kt.HEXA||t===kt.RGBA_CSS||t===kt.HSLA_CSS||t===St.RGBA||t===St.HSLA||t===St.HSVA}function Ft(t){const n=t===kt.HEX?kt.HEXA:t===kt.RGB_CSS?kt.RGBA_CSS:t===kt.HSL_CSS?kt.HSLA_CSS:t===St.RGB?St.RGBA:t===St.HSL?St.HSLA:t===St.HSV?St.HSVA:t;return n}function xt(t){const n=t===kt.HEXA?kt.HEX:t===kt.RGBA_CSS?kt.RGB_CSS:t===kt.HSLA_CSS?kt.HSL_CSS:t===St.RGBA?St.RGB:t===St.HSLA?St.HSL:t===St.HSVA?St.HSV:t;return n}function Ct(t,n){const{slider:{width:e},preview:r}=t;if(n){return e}const s=nt["l"].preview.size-r.size;return e+s}export{kt as C,Q as D,Y as H,tt as O,W as R,et as S,gt as a,K as b,P as c,at as d,nt as e,Ot as f,Ct as g,mt as h,ut as i,yt as j,jt as k,wt as l,Z as m,bt as n,lt as o,At as p,T as q,Ft as r,dt as s,xt as t,ft as u,pt as v,rt as w};
+//# sourceMappingURL=p-432012f7.js.map

package/dist/calcite/p-43b5ddd0.js

@@ -0,0 +1,7 @@
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
+ * v2.13.0-next.1
+ */
+import{a as n}from"./p-17581615.js";import{n as t,g as r}from"./p-a3136988.js";function o(n,t,r){if(!n){return}const o=n.getTime();const s=!(t instanceof Date)||o>=t.getTime();const e=!(r instanceof Date)||o<=r.getTime();return s&&e}function s(n,t,r){if(!(n instanceof Date)){return null}const o=n.getTime();const s=t instanceof Date&&o<t.getTime();const e=r instanceof Date&&o>r.getTime();if(s){return t}if(e){return r}return n}function e(n,t=false){if(n instanceof Date){return n}if(!n||typeof n!=="string"){return null}const r=n.split(/[: T-]/).map(parseFloat);const o=new Date(r[0],(r[1]||1)-1,r[2]||1);o.setFullYear(r[0]);if(isNaN(o.getTime())){throw new Error(`Invalid ISO 8601 date: "${n}"`)}if(t){return g(o)}return o}function a(n,t){if(!t){return null}const{separator:r}=t;const o=m(n,t);const{day:s,month:e}=o;const a=c(o.year,t);const i=new Date(a,e,s);i.setFullYear(a);const u=s>0;const f=e>-1;const l=!isNaN(i.getTime());const d=n.split(r).filter((n=>n)).length>2;const D=a.toString().length>0;if(u&&f&&l&&d&&D){return i}return null}function c(n,t){return u(n,t,"read")}function i(n,t){return u(n,t,"write")}function u(n,t,r){if(t["default-calendar"]!=="buddhist"){return n}const o=543;const s=o*(r==="read"?-1:1);return n+s}function f(n,r){const{separator:o,unitOrder:s}=r;const e=h(s);const a=n.split(o).map((n=>t.delocalize(n)));const c=a[e.indexOf("d")];const i=a[e.indexOf("m")];const u=a[e.indexOf("y")];return{day:c,month:i,year:u}}function l(n){if(n instanceof Date){const t=String(n.getMonth()+1).padStart(2,"0");const r=String(n.getDate()).padStart(2,"0");const o=String(n.getFullYear()).padStart(4,"0");return`${o}-${t}-${r}`}return""}function d(n){const t=n.split("-");return{day:t[2],month:t[1],year:t[0]}}function D(n,t){return n instanceof Date&&t instanceof Date&&n.getDate()===t.getDate()&&n.getMonth()===t.getMonth()&&n.getFullYear()===t.getFullYear()}function p(n){const t=n.getMonth();const r=new Date(n);r.setMonth(t-1);if(t===r.getMonth()){return new Date(n.getFullYear(),t,0)}return r}function y(n){const t=n.getMonth();const r=new Date(n);r.setMonth(t+1);if((t+2)%7===r.getMonth()%7){return new Date(n.getFullYear(),t+2,0)}return r}function m(n,t){const{day:r,month:o,year:s}=f(n,t);return{day:parseInt(r),month:parseInt(o)-1,year:parseInt(s)}}function h(n){const t=["d","m","y"];const r=n.toLowerCase();return t.sort(((n,t)=>r.indexOf(n)-r.indexOf(t)))}function w(n,t){const r=n.getTime();const o=t.getTime();return(r-o)/(1e3*3600*24)}function g(n){n.setHours(23,59,59,999);return n}const $={};const I={};async function j(t){const o=r(t);if($[o]){return $[o]}if(!I[o]){I[o]=fetch(n(`./assets/date-picker/nls/${o}.json`)).then((n=>n.json())).catch((()=>{console.error(`Translations for "${o}" not found or invalid, falling back to english`);return j("en")}))}const s=await I[o];$[o]=s;return s}function N(n){return n.map(((n,t)=>e(n,t===1)))}export{f as a,a as b,l as c,d,e,s as f,N as g,j as h,o as i,w as j,D as k,h as l,i as m,y as n,c as o,p,g as s};
+//# sourceMappingURL=p-43b5ddd0.js.map

package/dist/calcite/p-44885066.js

@@ -0,0 +1,7 @@
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
+ * v2.13.0-next.1
+ */
+import{d as e}from"./p-5d73097e.js";import"./p-17581615.js";import"./p-48c46ebf.js";import"./p-cbc54e80.js";import"./p-3cf89117.js";import"./p-d32e5254.js";import"./p-176e985b.js";import"./p-b92ebeef.js";import"./p-f099b69b.js";import"./p-02522147.js";import"./p-ff633d19.js";import"./p-6861beb6.js";import"./p-a3136988.js";import"./p-fbf41cbc.js";import"./p-0950b635.js";import"./p-92a1d6d7.js";import"./p-54e1cc3e.js";import"./p-62a45517.js";import"./p-658e49d1.js";import"./p-6b034312.js";var r={s:"ein paar Sekunden",m:["eine Minute","einer Minute"],mm:"%d Minuten",h:["eine Stunde","einer Stunde"],hh:"%d Stunden",d:["ein Tag","einem Tag"],dd:["%d Tage","%d Tagen"],M:["ein Monat","einem Monat"],MM:["%d Monate","%d Monaten"],y:["ein Jahr","einem Jahr"],yy:["%d Jahre","%d Jahren"]};function t(e,t,i){var n=r[i];if(Array.isArray(n)){n=n[t?0:1]}return n.replace("%d",e)}var i={name:"de",weekdays:"Sonntag_Montag_Dienstag_Mittwoch_Donnerstag_Freitag_Samstag".split("_"),weekdaysShort:"So._Mo._Di._Mi._Do._Fr._Sa.".split("_"),weekdaysMin:"So_Mo_Di_Mi_Do_Fr_Sa".split("_"),months:"Januar_Februar_März_April_Mai_Juni_Juli_August_September_Oktober_November_Dezember".split("_"),monthsShort:"Jan._Feb._März_Apr._Mai_Juni_Juli_Aug._Sept._Okt._Nov._Dez.".split("_"),ordinal:function e(r){return r+"."},weekStart:1,yearStart:4,formats:{LTS:"HH:mm:ss",LT:"HH:mm",L:"DD.MM.YYYY",LL:"D. MMMM YYYY",LLL:"D. MMMM YYYY HH:mm",LLLL:"dddd, D. MMMM YYYY HH:mm"},relativeTime:{future:"in %s",past:"vor %s",s:t,m:t,mm:t,h:t,hh:t,d:t,dd:t,M:t,MM:t,y:t,yy:t}};e.locale(i,null,true);export{i as default};
+//# sourceMappingURL=p-44885066.js.map

package/dist/calcite/p-44b70c91.entry.js

@@ -0,0 +1,7 @@
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
+ * v2.13.0-next.1
+ */
+import{r as e,h as t,H as i,g as l}from"./p-17581615.js";import{s as c,a as s,c as n}from"./p-ff633d19.js";import{u as a,s as o,c as r,d}from"./p-62a45517.js";import{u as h,I as f}from"./p-176e985b.js";import{c as b,d as u}from"./p-a3136988.js";import{g as p}from"./p-cbc54e80.js";import{C as g}from"./p-d32e5254.js";import{g as v}from"./p-02522147.js";import"./p-6861beb6.js";import"./p-b92ebeef.js";import"./p-fbf41cbc.js";import"./p-3cf89117.js";const m={contentCell:"content-cell",numberCell:"number-cell",footerCell:"footer-cell",selectionCell:"selection-cell",selectedCell:"selected-cell",assistiveText:"assistive-text",lastCell:"last-cell",staticCell:"static-cell"};const x=":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{--calcite-internal-table-cell-background:var(--calcite-table-cell-background, transparent);display:contents}:host([alignment=center]) td:not(.selection-cell):not(.number-cell){text-align:center}:host([alignment=end]) td:not(.selection-cell):not(.number-cell){text-align: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}td{white-space:normal;text-align:start;vertical-align:middle;color:var(--calcite-color-text-1);background:var(--calcite-internal-table-cell-background);font-size:var(--calcite-internal-table-cell-font-size);border-inline-end:1px solid var(--calcite-color-border-3);padding:var(--calcite-internal-table-cell-padding)}td:not(.static-cell){outline-color:transparent}td:not(.static-cell):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          )}td.start.content-cell{vertical-align:top}td.end.content-cell{vertical-align:bottom}td.last-cell{border-inline-end:0}.number-cell{background-color:var(--calcite-color-foreground-2)}.footer-cell{background-color:var(--calcite-color-background);font-weight:var(--calcite-font-weight-medium);color:var(--calcite-color-text-1);border-block-start:1px solid var(--calcite-color-border-3)}.number-cell,.selection-cell{text-align:center;border-inline-end:1px solid var(--calcite-color-border-3);inline-size:2rem;min-inline-size:2rem}.selection-cell{color:var(--calcite-color-text-3);inset-inline-start:2rem}.selection-cell:not(.footer-cell){cursor:pointer}.selected-cell:not(.number-cell):not(.footer-cell){--calcite-internal-table-cell-background:var(--calcite-color-foreground-current)}.selection-cell.selected-cell{box-shadow:inset 0.25rem 0 0 0 var(--calcite-color-brand);color:var(--calcite-color-brand)}.selection-cell.selected-cell calcite-icon{color:var(--calcite-color-brand)}.calcite--rtl.selection-cell.selected-cell{box-shadow:inset -0.25rem 0 0 0 var(--calcite-color-brand)}.selection-cell{vertical-align:middle}.selection-cell ::slotted(calcite-icon){pointer-events:none;margin-block-start:0.25rem}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}";const k=x;const w=class{constructor(t){e(this,t);this.updateScreenReaderContentsText=()=>{this.contentsText=this.el.textContent};this.onContainerBlur=()=>{this.focused=false};this.onContainerFocus=()=>{this.focused=true};this.alignment="start";this.colSpan=undefined;this.rowSpan=undefined;this.disabled=undefined;this.interactionMode="interactive";this.lastCell=undefined;this.numberCell=undefined;this.parentRowIsSelected=undefined;this.parentRowAlignment="start";this.parentRowPositionLocalized=undefined;this.parentRowType=undefined;this.positionInRow=undefined;this.readCellContentsToAT=undefined;this.scale="m";this.selectionCell=undefined;this.messages=undefined;this.messageOverrides=undefined;this.contentsText="";this.defaultMessages=undefined;this.focused=false;this.selectionText="";this.effectiveLocale=""}onSelectedChange(){this.updateScreenReaderSelectionText()}onMessagesChange(){}effectiveLocaleChange(){a(this,this.effectiveLocale)}async componentWillLoad(){c(this);await o(this);this.updateScreenReaderContentsText();this.updateScreenReaderSelectionText()}componentDidLoad(){s(this)}connectedCallback(){b(this);r(this)}componentDidRender(){h(this)}disconnectedCallback(){u(this);d(this)}async setFocus(){await n(this);this.containerEl.focus()}updateScreenReaderSelectionText(){const e=`${this.messages?.row} ${this.parentRowPositionLocalized} ${this.messages?.selected} ${this.messages?.keyboardDeselect}`;const t=`${this.messages?.row} ${this.parentRowPositionLocalized} ${this.messages?.unselected} ${this.messages?.keyboardSelect}`;this.selectionText=this.parentRowIsSelected?e:t}render(){const e=p(this.el);const l=this.disabled||this.interactionMode==="static"&&(!this.selectionCell||this.selectionCell&&this.parentRowType==="foot");return t(i,{key:"dc9cf8fdc1323d4213de2bc9b620a141d21dc631"},t(f,{key:"721db27326ddeadd06aa4a995aa6640e32490a01",disabled:this.disabled},t("td",{key:"8b3e60277f82d2378b906ed6168b5072c8787d00","aria-disabled":this.disabled,class:{[m.footerCell]:this.parentRowType==="foot",[m.contentCell]:!this.numberCell&&!this.selectionCell,[m.numberCell]:this.numberCell,[m.selectionCell]:this.selectionCell,[m.selectedCell]:this.parentRowIsSelected,[m.lastCell]:this.lastCell&&(!this.rowSpan||this.colSpan&&!!this.rowSpan),[g.rtl]:e==="rtl",[m.staticCell]:l,[this.parentRowAlignment]:this.parentRowAlignment==="start"||this.parentRowAlignment==="end"},colSpan:this.colSpan,onBlur:this.onContainerBlur,onFocus:this.onContainerFocus,ref:e=>this.containerEl=e,role:this.interactionMode==="interactive"?"gridcell":"cell",rowSpan:this.rowSpan,tabIndex:l?-1:0},(this.selectionCell||this.readCellContentsToAT)&&t("span",{key:"8be446b32c7711f3df8a570d736fdc77cffde29d","aria-hidden":true,"aria-live":this.focused?"polite":"off",class:m.assistiveText},this.selectionCell&&this.selectionText,this.readCellContentsToAT&&!this.selectionCell&&this.contentsText),t("slot",{key:"eb62177d0d59a2777a050ba9234393070a086fd6",onSlotchange:this.updateScreenReaderContentsText}))))}static get assetsDirs(){return["assets"]}get el(){return l(this)}static get watchers(){return{parentRowIsSelected:["onSelectedChange"],messageOverrides:["onMessagesChange"],effectiveLocale:["effectiveLocaleChange"]}}};w.style=k;const C={contentCell:"content-cell",numberCell:"number-cell",selectionCell:"selection-cell",bodyRow:"body-row",footerRow:"footer-row",heading:"heading",description:"description",multipleSelectionCell:"cell--multiple-selection",assistiveText:"assistive-text",active:"active",selectedCell:"selected-cell",lastCell:"last-cell",staticCell:"static-cell"};const y={checked:"check-square-f",indeterminate:"minus-square-f",unchecked:"square"};const $=":host{--calcite-internal-table-header-background:var(--calcite-table-header-background, var(--calcite-color-foreground-2));--calcite-internal-table-header-border-color:var(--calcite-table-border-color, var(--calcite-color-border-3));display:contents}:host([alignment=center]) th{text-align:center}:host([alignment=end]) th{text-align: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}th{white-space:normal;text-align:start;font-weight:var(--calcite-font-weight-medium);color:var(--calcite-color-text-1);font-size:var(--calcite-internal-table-cell-font-size);border-inline-end:1px solid var(--calcite-internal-table-header-border-color);border-block-end:1px solid var(--calcite-internal-table-header-border-color);padding-block:calc(var(--calcite-internal-table-cell-padding) * 1.5);padding-inline:var(--calcite-internal-table-cell-padding);background-color:var(--calcite-internal-table-header-background)}th:not(.static-cell){outline-color:transparent}th:not(.static-cell):not(.static-cell):focus-within{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          )}th:not(.center):not(.end).content-cell{vertical-align:top}th.center{vertical-align:middle}th.end.content-cell{vertical-align:bottom}th.body-row,th.footer-row{padding-block:var(--calcite-internal-table-cell-padding);border-block-end:0}th.footer-row{border-block-start:1px solid var(--calcite-internal-table-header-border-color)}th.last-cell{border-inline-end:0}.cell--multiple-selection{cursor:pointer;vertical-align:middle;color:var(--calcite-color-text-3)}.cell--multiple-selection:not(.end){vertical-align:middle}.selected-cell:not(.number-cell):not(.footer-cell){--calcite-internal-table-header-background:var(--calcite-color-foreground-current)}.number-cell,.selection-cell{color:var(--calcite-color-text-2);inline-size:2rem;min-inline-size:2rem}.selection-cell calcite-icon.active{color:var(--calcite-color-brand)}.number-cell calcite-icon,.selection-cell calcite-icon{margin-inline-start:auto;margin-inline-end:auto;vertical-align:middle}.heading{color:var(--calcite-color-text-1)}.description{color:var(--calcite-color-text-3);font-size:var(--calcite-internal-table-cell-font-size-secondary)}";const z=$;const S=class{constructor(t){e(this,t);this.onContainerBlur=()=>{this.focused=false};this.onContainerFocus=()=>{this.focused=true};this.alignment="start";this.colSpan=undefined;this.description=undefined;this.heading=undefined;this.rowSpan=undefined;this.interactionMode="interactive";this.lastCell=undefined;this.numberCell=false;this.parentRowAlignment="start";this.parentRowIsSelected=undefined;this.parentRowType=undefined;this.positionInRow=undefined;this.scale=undefined;this.selectedRowCount=undefined;this.selectedRowCountLocalized=undefined;this.selectionCell=false;this.selectionMode=undefined;this.bodyRowCount=undefined;this.messages=undefined;this.messageOverrides=undefined;this.defaultMessages=undefined;this.focused=false;this.screenReaderText="";this.effectiveLocale=""}onSelectedChange(){this.updateScreenReaderText()}onMessagesChange(){}async componentWillLoad(){c(this);await o(this);this.updateScreenReaderText()}componentDidLoad(){s(this)}connectedCallback(){b(this);r(this)}disconnectedCallback(){u(this);d(this)}effectiveLocaleChange(){a(this,this.effectiveLocale)}async setFocus(){await n(this);this.containerEl.focus()}updateScreenReaderText(){let e="";const t=`${this.selectedRowCountLocalized} ${this.messages?.selected}`;if(this.numberCell){e=this.messages?.rowNumber}else if(this.selectionMode==="single"){e=`${this.messages?.selectionColumn}. ${t}`}else if(this.bodyRowCount===this.selectedRowCount){e=`${this.messages?.selectionColumn}. ${this.messages?.all} ${t} ${this.messages?.keyboardDeselectAll}`}else{e=`${this.messages?.selectionColumn}. ${t} ${this.messages?.keyboardSelectAll}`}this.screenReaderText=e}render(){const e=this.rowSpan?"rowgroup":this.colSpan?"colgroup":this.parentRowType==="body"?"row":"col";const l=this.selectedRowCount===this.bodyRowCount;const c=this.selectedRowCount>0;const s=l?y.checked:c?y.indeterminate:y.unchecked;const n=this.interactionMode==="static"&&!this.selectionCell;return t(i,{key:"55805e40fd5617971301fe6c3df52fd45ff4486e"},t("th",{key:"2f7c756603386e578a871558645daac673fd6cdc","aria-colindex":this.parentRowType==="head"?this.positionInRow:undefined,class:{[C.bodyRow]:this.parentRowType==="body",[C.footerRow]:this.parentRowType==="foot",[C.contentCell]:!this.numberCell&&!this.selectionCell,[C.numberCell]:this.numberCell,[C.selectionCell]:this.selectionCell,[C.selectedCell]:this.parentRowIsSelected,[C.multipleSelectionCell]:this.selectionMode==="multiple",[C.staticCell]:n,[C.lastCell]:this.lastCell&&(!this.rowSpan||this.colSpan&&!!this.rowSpan),[this.parentRowAlignment]:this.parentRowAlignment==="center"||this.parentRowAlignment==="end"},colSpan:this.colSpan,onBlur:this.onContainerBlur,onFocus:this.onContainerFocus,ref:e=>this.containerEl=e,role:this.parentRowType==="head"?"columnheader":"rowheader",rowSpan:this.rowSpan,scope:e,tabIndex:this.selectionCell?0:n?-1:0},this.heading&&t("div",{key:"e347778a1676cf40c5f4c2937a590ac8b6c1fde0",class:C.heading},this.heading),this.description&&t("div",{key:"13c5d2ec28bf68132c1217be299aa4363794f370",class:C.description},this.description),this.selectionCell&&this.selectionMode==="multiple"&&t("calcite-icon",{key:"11f84e3c1c3cb8be33c8c5aa4a2cc4f5d01fbbfa",class:{[C.active]:c||l},icon:s,scale:v(this.scale)}),(this.selectionCell||this.numberCell)&&t("span",{key:"23c2914de335aa02bf99b1d9286ad2b2ad38cccb","aria-hidden":true,"aria-live":this.focused?"polite":"off",class:C.assistiveText},this.screenReaderText)))}static get assetsDirs(){return["assets"]}get el(){return l(this)}static get watchers(){return{selectedRowCount:["onSelectedChange"],selectedRowCountLocalized:["onSelectedChange"],messageOverrides:["onMessagesChange"],effectiveLocale:["effectiveLocaleChange"]}}};S.style=z;export{w as calcite_table_cell,S as calcite_table_header};
+//# sourceMappingURL=p-44b70c91.entry.js.map

package/dist/calcite/p-44b70c91.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["CSS","contentCell","numberCell","footerCell","selectionCell","selectedCell","assistiveText","lastCell","staticCell","tableCellCss","CalciteTableCellStyle0","TableCell","this","updateScreenReaderContentsText","contentsText","el","textContent","onContainerBlur","focused","onContainerFocus","onSelectedChange","updateScreenReaderSelectionText","onMessagesChange","effectiveLocaleChange","updateMessages","effectiveLocale","componentWillLoad","setUpLoadableComponent","setUpMessages","componentDidLoad","setComponentLoaded","connectedCallback","connectLocalized","connectMessages","componentDidRender","updateHostInteraction","disconnectedCallback","disconnectLocalized","disconnectMessages","setFocus","componentFocusable","containerEl","focus","selectedText","messages","row","parentRowPositionLocalized","selected","keyboardDeselect","unselectedText","unselected","keyboardSelect","selectionText","parentRowIsSelected","render","dir","getElementDir","disabled","interactionMode","parentRowType","h","Host","key","InteractiveContainer","class","rowSpan","colSpan","CSS_UTILITY","rtl","parentRowAlignment","onBlur","onFocus","ref","role","tabIndex","readCellContentsToAT","onSlotchange","bodyRow","footerRow","heading","description","multipleSelectionCell","active","ICONS","checked","indeterminate","unchecked","tableHeaderCss","CalciteTableHeaderStyle0","TableHeader","updateScreenReaderText","text","sharedText","selectedRowCountLocalized","rowNumber","selectionMode","selectionColumn","bodyRowCount","selectedRowCount","all","keyboardDeselectAll","keyboardSelectAll","screenReaderText","scope","selectionIcon","positionInRow","undefined","icon","scale","getIconScale"],"sources":["src/components/table-cell/resources.ts","src/components/table-cell/table-cell.scss?tag=calcite-table-cell&encapsulation=shadow","src/components/table-cell/table-cell.tsx","src/components/table-header/resources.ts","src/components/table-header/table-header.scss?tag=calcite-table-header&encapsulation=shadow","src/components/table-header/table-header.tsx"],"sourcesContent":["export const CSS = {\n  contentCell: \"content-cell\",\n  numberCell: \"number-cell\",\n  footerCell: \"footer-cell\",\n  selectionCell: \"selection-cell\",\n  selectedCell: \"selected-cell\",\n  assistiveText: \"assistive-text\",\n  lastCell: \"last-cell\",\n  staticCell: \"static-cell\",\n};\n","/**\n * CSS Custom Properties\n *\n * These properties can be overridden using the component's tag as selector.\n *\n * @prop --calcite-table-cell-background: Specifies the background color of the component.\n */\n\n:host {\n  --calcite-internal-table-cell-background: var(--calcite-table-cell-background, transparent);\n  @apply contents;\n}\n\n:host([alignment=\"center\"]) td:not(.selection-cell):not(.number-cell) {\n  @apply text-center;\n}\n\n:host([alignment=\"end\"]) td:not(.selection-cell):not(.number-cell) {\n  @apply text-end;\n}\n\n.assistive-text {\n  @apply sr-only;\n}\n\ntd {\n  @apply text-start align-middle text-color-1 whitespace-normal;\n  background: var(--calcite-internal-table-cell-background);\n  font-size: var(--calcite-internal-table-cell-font-size);\n  border-inline-end: 1px solid var(--calcite-color-border-3);\n  padding: var(--calcite-internal-table-cell-padding);\n\n  &:not(.static-cell) {\n    @apply focus-base;\n    &:focus {\n      @apply focus-inset;\n    }\n  }\n}\n\ntd.start.content-cell {\n  @apply align-top;\n}\n\ntd.end.content-cell {\n  @apply align-bottom;\n}\n\ntd.last-cell {\n  border-inline-end: 0;\n}\n\n.number-cell {\n  @apply bg-foreground-2;\n}\n\n.footer-cell {\n  @apply bg-background font-medium text-color-1;\n  border-block-start: 1px solid var(--calcite-color-border-3);\n}\n\n.number-cell,\n.selection-cell {\n  @apply text-center;\n  border-inline-end: 1px solid var(--calcite-color-border-3);\n  inline-size: 2rem;\n  min-inline-size: 2rem;\n}\n\n.selection-cell {\n  @apply text-color-3;\n  inset-inline-start: 2rem;\n  &:not(.footer-cell) {\n    @apply cursor-pointer;\n  }\n}\n\n.selected-cell:not(.number-cell):not(.footer-cell) {\n  --calcite-internal-table-cell-background: var(--calcite-color-foreground-current);\n}\n\n.selection-cell.selected-cell {\n  box-shadow: inset 0.25rem 0 0 0 var(--calcite-color-brand);\n  color: var(--calcite-color-brand);\n  & calcite-icon {\n    color: var(--calcite-color-brand);\n  }\n}\n\n.calcite--rtl.selection-cell.selected-cell {\n  box-shadow: inset -0.25rem 0 0 0 var(--calcite-color-brand);\n}\n\n.selection-cell {\n  @apply align-middle;\n  & ::slotted(calcite-icon) {\n    @apply pointer-events-none mt-1;\n  }\n}\n\n@include disabled();\n","import { Component, Element, h, Host, Method, Prop, State, VNode, Watch } from \"@stencil/core\";\nimport { Alignment, Scale } from \"../interfaces\";\nimport {\n  componentFocusable,\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  InteractiveComponent,\n  InteractiveContainer,\n  updateHostInteraction,\n} from \"../../utils/interactive\";\nimport { connectLocalized, disconnectLocalized, LocalizedComponent } from \"../../utils/locale\";\nimport { RowType, TableInteractionMode } from \"../table/interfaces\";\nimport { getElementDir } from \"../../utils/dom\";\nimport { CSS_UTILITY } from \"../../utils/resources\";\nimport { CSS } from \"./resources\";\nimport { TableCellMessages } from \"./assets/table-cell/t9n\";\n\n/**\n * @slot - A slot for adding content, usually text content.\n */\n@Component({\n  tag: \"calcite-table-cell\",\n  styleUrl: \"table-cell.scss\",\n  shadow: true,\n  assetsDirs: [\"assets\"],\n})\nexport class TableCell\n  implements InteractiveComponent, LocalizedComponent, LoadableComponent, T9nComponent\n{\n  //--------------------------------------------------------------------------\n  //\n  //  Properties\n  //\n  //--------------------------------------------------------------------------\n\n  /** Specifies the alignment of the component. */\n  @Prop({ reflect: true }) alignment: Alignment = \"start\";\n\n  /** Specifies the number of columns the component should span. */\n  @Prop({ reflect: true }) colSpan: number;\n\n  /** Specifies the number of rows the component should span. */\n  @Prop({ reflect: true }) rowSpan: number;\n\n  /** @internal */\n  @Prop() disabled: boolean;\n\n  /** @internal */\n  @Prop() interactionMode: TableInteractionMode = \"interactive\";\n\n  /** @internal */\n  @Prop() lastCell: boolean;\n\n  /** @internal */\n  @Prop() numberCell: boolean;\n\n  /** @internal */\n  @Prop() parentRowIsSelected: boolean;\n\n  @Watch(\"parentRowIsSelected\")\n  onSelectedChange(): void {\n    this.updateScreenReaderSelectionText();\n  }\n\n  /** @internal */\n  @Prop() parentRowAlignment: Alignment = \"start\";\n\n  /** @internal */\n  @Prop() parentRowPositionLocalized: string;\n\n  /** @internal */\n  @Prop() parentRowType: RowType;\n\n  /** @internal */\n  @Prop() positionInRow: number;\n\n  /** @internal */\n  @Prop() readCellContentsToAT: boolean;\n\n  /** @internal */\n  @Prop() scale: Scale = \"m\";\n\n  /** @internal */\n  @Prop() selectionCell: boolean;\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: TableCellMessages;\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<TableCellMessages>;\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: HTMLCalciteTableCellElement;\n\n  @State() contentsText = \"\";\n\n  @State() defaultMessages: TableCellMessages;\n\n  @State() focused = false;\n\n  @State() selectionText = \"\";\n\n  @State() effectiveLocale = \"\";\n\n  @Watch(\"effectiveLocale\")\n  effectiveLocaleChange(): void {\n    updateMessages(this, this.effectiveLocale);\n  }\n\n  private containerEl: HTMLTableCellElement;\n\n  // --------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  // --------------------------------------------------------------------------\n\n  async componentWillLoad(): Promise<void> {\n    setUpLoadableComponent(this);\n    await setUpMessages(this);\n    this.updateScreenReaderContentsText();\n    this.updateScreenReaderSelectionText();\n  }\n\n  componentDidLoad(): void {\n    setComponentLoaded(this);\n  }\n\n  connectedCallback(): void {\n    connectLocalized(this);\n    connectMessages(this);\n  }\n\n  componentDidRender(): void {\n    updateHostInteraction(this);\n  }\n\n  disconnectedCallback(): void {\n    disconnectLocalized(this);\n    disconnectMessages(this);\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.containerEl.focus();\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Private Methods\n  //\n  // --------------------------------------------------------------------------\n\n  private updateScreenReaderSelectionText(): void {\n    const selectedText = `${this.messages?.row} ${this.parentRowPositionLocalized} ${this.messages?.selected} ${this.messages?.keyboardDeselect}`;\n    const unselectedText = `${this.messages?.row} ${this.parentRowPositionLocalized} ${this.messages?.unselected} ${this.messages?.keyboardSelect}`;\n    this.selectionText = this.parentRowIsSelected ? selectedText : unselectedText;\n  }\n\n  private updateScreenReaderContentsText = (): void => {\n    this.contentsText = this.el.textContent;\n  };\n\n  private onContainerBlur = (): void => {\n    this.focused = false;\n  };\n\n  private onContainerFocus = (): void => {\n    this.focused = true;\n  };\n\n  //--------------------------------------------------------------------------\n  //\n  //  Render Methods\n  //\n  //--------------------------------------------------------------------------\n\n  render(): VNode {\n    const dir = getElementDir(this.el);\n    const staticCell =\n      this.disabled ||\n      (this.interactionMode === \"static\" &&\n        (!this.selectionCell || (this.selectionCell && this.parentRowType === \"foot\")));\n\n    return (\n      <Host>\n        <InteractiveContainer disabled={this.disabled}>\n          <td\n            aria-disabled={this.disabled}\n            class={{\n              [CSS.footerCell]: this.parentRowType === \"foot\",\n              [CSS.contentCell]: !this.numberCell && !this.selectionCell,\n              [CSS.numberCell]: this.numberCell,\n              [CSS.selectionCell]: this.selectionCell,\n              [CSS.selectedCell]: this.parentRowIsSelected,\n              [CSS.lastCell]: this.lastCell && (!this.rowSpan || (this.colSpan && !!this.rowSpan)),\n              [CSS_UTILITY.rtl]: dir === \"rtl\",\n              [CSS.staticCell]: staticCell,\n              [this.parentRowAlignment]:\n                this.parentRowAlignment === \"start\" || this.parentRowAlignment === \"end\",\n            }}\n            colSpan={this.colSpan}\n            onBlur={this.onContainerBlur}\n            onFocus={this.onContainerFocus}\n            ref={(el) => (this.containerEl = el)}\n            role={this.interactionMode === \"interactive\" ? \"gridcell\" : \"cell\"}\n            rowSpan={this.rowSpan}\n            tabIndex={staticCell ? -1 : 0}\n          >\n            {(this.selectionCell || this.readCellContentsToAT) && (\n              <span\n                aria-hidden={true}\n                aria-live={this.focused ? \"polite\" : \"off\"}\n                class={CSS.assistiveText}\n              >\n                {this.selectionCell && this.selectionText}\n                {this.readCellContentsToAT && !this.selectionCell && this.contentsText}\n              </span>\n            )}\n            <slot onSlotchange={this.updateScreenReaderContentsText} />\n          </td>\n        </InteractiveContainer>\n      </Host>\n    );\n  }\n}\n","export const CSS = {\n  contentCell: \"content-cell\",\n  numberCell: \"number-cell\",\n  selectionCell: \"selection-cell\",\n  bodyRow: \"body-row\",\n  footerRow: \"footer-row\",\n  heading: \"heading\",\n  description: \"description\",\n  multipleSelectionCell: \"cell--multiple-selection\",\n  assistiveText: \"assistive-text\",\n  active: \"active\",\n  selectedCell: \"selected-cell\",\n  lastCell: \"last-cell\",\n  staticCell: \"static-cell\",\n};\n\nexport const ICONS = {\n  checked: \"check-square-f\",\n  indeterminate: \"minus-square-f\",\n  unchecked: \"square\",\n};\n","/**\n * CSS Custom Properties\n *\n * These properties can be overridden using the component's tag as selector.\n *\n * @prop --calcite-table-header-background: Specifies the background color of the component.\n * @prop --calcite-table-header-border-color: Specifies the border color of the component.\n */\n\n:host {\n  --calcite-internal-table-header-background: var(--calcite-table-header-background, var(--calcite-color-foreground-2));\n  --calcite-internal-table-header-border-color: var(--calcite-table-border-color, var(--calcite-color-border-3));\n  @apply contents;\n}\n\n:host([alignment=\"center\"]) th {\n  @apply text-center;\n}\n\n:host([alignment=\"end\"]) th {\n  @apply text-end;\n}\n\n.assistive-text {\n  @apply sr-only;\n}\n\nth {\n  @apply text-color-1 text-start font-medium whitespace-normal;\n  font-size: var(--calcite-internal-table-cell-font-size);\n  border-inline-end: 1px solid var(--calcite-internal-table-header-border-color);\n  border-block-end: 1px solid var(--calcite-internal-table-header-border-color);\n  padding-block: calc(var(--calcite-internal-table-cell-padding) * 1.5);\n  padding-inline: var(--calcite-internal-table-cell-padding);\n  background-color: var(--calcite-internal-table-header-background);\n\n  &:not(.static-cell) {\n    @apply focus-base;\n    &:not(.static-cell):focus-within {\n      @apply focus-inset;\n    }\n  }\n}\n\nth:not(.center):not(.end).content-cell {\n  @apply align-top;\n}\n\nth.center {\n  @apply align-middle;\n}\n\nth.end.content-cell {\n  @apply align-bottom;\n}\n\nth.body-row,\nth.footer-row {\n  padding-block: var(--calcite-internal-table-cell-padding);\n  border-block-end: 0;\n}\n\nth.footer-row {\n  border-block-start: 1px solid var(--calcite-internal-table-header-border-color);\n}\n\nth.last-cell {\n  border-inline-end: 0;\n}\n\n.cell--multiple-selection {\n  @apply cursor-pointer align-middle text-color-3;\n  &:not(.end) {\n    @apply align-middle;\n  }\n}\n\n.selected-cell:not(.number-cell):not(.footer-cell) {\n  --calcite-internal-table-header-background: var(--calcite-color-foreground-current);\n}\n\n.number-cell,\n.selection-cell {\n  @apply text-color-2;\n  inline-size: 2rem;\n  min-inline-size: 2rem;\n}\n\n.selection-cell calcite-icon.active {\n  color: var(--calcite-color-brand);\n}\n.number-cell calcite-icon,\n.selection-cell calcite-icon {\n  @apply ms-auto me-auto align-middle;\n}\n\n.heading {\n  @apply text-color-1;\n}\n\n.description {\n  @apply text-color-3;\n  font-size: var(--calcite-internal-table-cell-font-size-secondary);\n}\n","import { Component, Element, h, Host, Method, Prop, State, VNode, Watch } from \"@stencil/core\";\nimport {\n  componentFocusable,\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 { connectLocalized, disconnectLocalized, LocalizedComponent } from \"../../utils/locale\";\nimport { Alignment, Scale, SelectionMode } from \"../interfaces\";\nimport { RowType, TableInteractionMode } from \"../table/interfaces\";\nimport { getIconScale } from \"../../utils/component\";\nimport { TableHeaderMessages } from \"./assets/table-header/t9n\";\nimport { CSS, ICONS } from \"./resources\";\n\n@Component({\n  tag: \"calcite-table-header\",\n  styleUrl: \"table-header.scss\",\n  shadow: true,\n  assetsDirs: [\"assets\"],\n})\nexport class TableHeader implements LocalizedComponent, LoadableComponent, T9nComponent {\n  //--------------------------------------------------------------------------\n  //\n  //  Properties\n  //\n  //--------------------------------------------------------------------------\n\n  /** Specifies the alignment of the component. */\n  @Prop({ reflect: true }) alignment: Alignment = \"start\";\n\n  /** Specifies the number of columns the component should span. */\n  @Prop({ reflect: true }) colSpan: number;\n\n  /** A description to display beneath heading content. */\n  @Prop({ reflect: true }) description: string;\n\n  /** A heading to display above description content. */\n  @Prop({ reflect: true }) heading: string;\n\n  /** Specifies the number of rows the component should span. */\n  @Prop({ reflect: true }) rowSpan: number;\n\n  /** @internal */\n  @Prop() interactionMode: TableInteractionMode = \"interactive\";\n\n  /** @internal */\n  @Prop() lastCell: boolean;\n\n  /** @internal */\n  @Prop() numberCell = false;\n\n  /** @internal */\n  @Prop() parentRowAlignment: Alignment = \"start\";\n\n  /** @internal */\n  @Prop() parentRowIsSelected: boolean;\n\n  /** @internal */\n  @Prop() parentRowType: RowType;\n\n  /** @internal */\n  @Prop() positionInRow: number;\n\n  /** @internal */\n  @Prop() scale: Scale;\n\n  /** @internal */\n  @Prop() selectedRowCount: number;\n\n  /** @internal */\n  @Prop() selectedRowCountLocalized: string;\n\n  @Watch(\"selectedRowCount\")\n  @Watch(\"selectedRowCountLocalized\")\n  onSelectedChange(): void {\n    this.updateScreenReaderText();\n  }\n\n  /** @internal */\n  @Prop() selectionCell = false;\n\n  /** @internal */\n  @Prop() selectionMode: SelectionMode;\n\n  /** @internal */\n  @Prop() bodyRowCount: 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: TableHeaderMessages;\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<TableHeaderMessages>;\n\n  @Watch(\"messageOverrides\")\n  onMessagesChange(): void {\n    /* wired up by t9n util */\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  // --------------------------------------------------------------------------\n\n  async componentWillLoad(): Promise<void> {\n    setUpLoadableComponent(this);\n    await setUpMessages(this);\n    this.updateScreenReaderText();\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  //\n  //  Private Properties\n  //\n  // --------------------------------------------------------------------------\n  @Element() el: HTMLCalciteTableHeaderElement;\n\n  @State() defaultMessages: TableHeaderMessages;\n\n  @State() focused = false;\n\n  @State() screenReaderText = \"\";\n\n  @State() effectiveLocale = \"\";\n\n  @Watch(\"effectiveLocale\")\n  effectiveLocaleChange(): void {\n    updateMessages(this, this.effectiveLocale);\n  }\n\n  private containerEl: HTMLTableCellElement;\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.containerEl.focus();\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Private Methods\n  //\n  // --------------------------------------------------------------------------\n\n  private updateScreenReaderText(): void {\n    let text = \"\";\n    const sharedText = `${this.selectedRowCountLocalized} ${this.messages?.selected}`;\n    if (this.numberCell) {\n      text = this.messages?.rowNumber;\n    } else if (this.selectionMode === \"single\") {\n      text = `${this.messages?.selectionColumn}. ${sharedText}`;\n    } else if (this.bodyRowCount === this.selectedRowCount) {\n      text = `${this.messages?.selectionColumn}. ${this.messages?.all} ${sharedText} ${this.messages?.keyboardDeselectAll}`;\n    } else {\n      text = `${this.messages?.selectionColumn}. ${sharedText} ${this.messages?.keyboardSelectAll}`;\n    }\n    this.screenReaderText = text;\n  }\n\n  private onContainerBlur = (): void => {\n    this.focused = false;\n  };\n\n  private onContainerFocus = (): void => {\n    this.focused = true;\n  };\n\n  //--------------------------------------------------------------------------\n  //\n  //  Render Methods\n  //\n  //--------------------------------------------------------------------------\n\n  render(): VNode {\n    const scope = this.rowSpan\n      ? \"rowgroup\"\n      : this.colSpan\n        ? \"colgroup\"\n        : this.parentRowType === \"body\"\n          ? \"row\"\n          : \"col\";\n\n    const checked = this.selectedRowCount === this.bodyRowCount;\n    const indeterminate = this.selectedRowCount > 0;\n    const selectionIcon = checked\n      ? ICONS.checked\n      : indeterminate\n        ? ICONS.indeterminate\n        : ICONS.unchecked;\n\n    const staticCell = this.interactionMode === \"static\" && !this.selectionCell;\n    return (\n      <Host>\n        <th\n          aria-colindex={this.parentRowType === \"head\" ? this.positionInRow : undefined}\n          class={{\n            [CSS.bodyRow]: this.parentRowType === \"body\",\n            [CSS.footerRow]: this.parentRowType === \"foot\",\n            [CSS.contentCell]: !this.numberCell && !this.selectionCell,\n            [CSS.numberCell]: this.numberCell,\n            [CSS.selectionCell]: this.selectionCell,\n            [CSS.selectedCell]: this.parentRowIsSelected,\n            [CSS.multipleSelectionCell]: this.selectionMode === \"multiple\",\n            [CSS.staticCell]: staticCell,\n            [CSS.lastCell]: this.lastCell && (!this.rowSpan || (this.colSpan && !!this.rowSpan)),\n            [this.parentRowAlignment]:\n              this.parentRowAlignment === \"center\" || this.parentRowAlignment === \"end\",\n          }}\n          colSpan={this.colSpan}\n          onBlur={this.onContainerBlur}\n          onFocus={this.onContainerFocus}\n          ref={(el) => (this.containerEl = el)}\n          role={this.parentRowType === \"head\" ? \"columnheader\" : \"rowheader\"}\n          rowSpan={this.rowSpan}\n          scope={scope}\n          tabIndex={this.selectionCell ? 0 : staticCell ? -1 : 0}\n        >\n          {this.heading && <div class={CSS.heading}>{this.heading}</div>}\n          {this.description && <div class={CSS.description}>{this.description}</div>}\n          {this.selectionCell && this.selectionMode === \"multiple\" && (\n            <calcite-icon\n              class={{ [CSS.active]: indeterminate || checked }}\n              icon={selectionIcon}\n              scale={getIconScale(this.scale)}\n            />\n          )}\n          {(this.selectionCell || this.numberCell) && (\n            <span\n              aria-hidden={true}\n              aria-live={this.focused ? \"polite\" : \"off\"}\n              class={CSS.assistiveText}\n            >\n              {this.screenReaderText}\n            </span>\n          )}\n        </th>\n      </Host>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/calcite/p-45dd419d.entry.js

@@ -0,0 +1,7 @@
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
+ * v2.13.0-next.1
+ */
+import{r as t,c as i,h as e,g as a}from"./p-17581615.js";import{u as n,I as o}from"./p-176e985b.js";import{c as l,s as r,a as s}from"./p-ff633d19.js";import"./p-6861beb6.js";const c={container:"container",dividerContainer:"divider-container",divider:"divider",widthAuto:"width-auto",widthHalf:"width-half",widthFull:"width-full"};const d=":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{display:inline-block}:host([width=auto]){inline-size:auto}:host([width=half]){inline-size:50%}:host([width=full]){inline-size:100%}:host([kind=brand]){--calcite-internal-split-button-background:var(--calcite-color-brand);--calcite-internal-split-button-divider:var(--calcite-color-foreground-1)}:host([kind=danger]){--calcite-internal-split-button-background:var(--calcite-color-status-danger);--calcite-internal-split-button-divider:var(--calcite-color-foreground-1)}:host([kind=neutral]){--calcite-internal-split-button-background:var(--calcite-color-foreground-3);--calcite-internal-split-button-divider:var(--calcite-color-text-1)}:host([kind=inverse]){--calcite-internal-split-button-background:var(--calcite-color-inverse);--calcite-internal-split-button-divider:var(--calcite-color-foreground-1)}:host([appearance=transparent]){--calcite-internal-split-button-background:transparent}:host([appearance=transparent]):host([kind=brand]){--calcite-internal-split-button-divider:var(--calcite-color-brand)}:host([appearance=transparent]):host([kind=danger]){--calcite-internal-split-button-divider:var(--calcite-color-status-danger)}:host([appearance=transparent]):host([kind=neutral]){--calcite-internal-split-button-divider:var(--calcite-color-text-1)}:host([appearance=transparent]):host([kind=inverse]){--calcite-internal-split-button-divider:var(--calcite-color-foreground-1)}:host([appearance=outline]):host([kind=brand]),:host([appearance=outline]):host([kind=danger]),:host([appearance=outline]):host([kind=neutral]),:host([appearance=outline]):host([kind=inverse]){--calcite-internal-split-button-background:transparent}:host([appearance=outline-fill]):host([kind=brand]),:host([appearance=outline-fill]):host([kind=danger]),:host([appearance=outline-fill]):host([kind=neutral]),:host([appearance=outline-fill]):host([kind=inverse]){--calcite-internal-split-button-background:var(--calcite-color-background)}:host([appearance=outline]):host([kind=brand]),:host([appearance=outline-fill]):host([kind=brand]){--calcite-internal-split-button-divider:var(--calcite-color-brand)}:host([appearance=outline]):host([kind=danger]),:host([appearance=outline-fill]):host([kind=danger]){--calcite-internal-split-button-divider:var(--calcite-color-status-danger)}:host([appearance=outline]):host([kind=neutral]),:host([appearance=outline-fill]):host([kind=neutral]){--calcite-internal-split-button-divider:var(--calcite-color-border-1)}:host([appearance=outline]):host([kind=inverse]),:host([appearance=outline-fill]):host([kind=inverse]){--calcite-internal-split-button-divider:var(--calcite-color-inverse)}.container{display:flex;align-items:stretch}.container>calcite-dropdown>calcite-button{block-size:100%;vertical-align:top}.divider-container{display:flex;inline-size:1px;align-items:stretch;transition:background-color, block-size, border-color, box-shadow, color, inset-block-end, inset-block-start, inset-inline-end, inset-inline-start inset-size, opacity, outline-color, transform var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;background-color:var(--calcite-internal-split-button-background)}.divider{margin-block:0.25rem;display:inline-block;inline-size:1px;background-color:var(--calcite-internal-split-button-divider)}:host([appearance=outline-fill]) .divider-container,:host([appearance=outline]) .divider-container{border-block:1px solid var(--calcite-internal-split-button-divider)}:host([appearance=outline-fill]):hover .divider-container,:host([appearance=outline]):hover .divider-container{background-color:var(--calcite-internal-split-button-divider)}:host([appearance=outline-fill]:hover) .divider-container,:host([appearance=outline]:hover) .divider-container{background-color:var(--calcite-internal-split-button-divider)}:host([appearance=outline-fill]:focus-within):host([kind=brand]),:host([appearance=outline]:focus-within):host([kind=brand]){--calcite-internal-split-button-divider:var(--calcite-color-brand-press)}:host([appearance=outline-fill]:focus-within):host([kind=danger]),:host([appearance=outline]:focus-within):host([kind=danger]){--calcite-internal-split-button-divider:var(--calcite-color-status-danger-press)}:host([appearance=outline-fill]:focus-within) .divider-container,:host([appearance=outline]:focus-within) .divider-container{background-color:var(--calcite-internal-split-button-divider)}:host([disabled]) calcite-dropdown>calcite-button{pointer-events:none}:host([disabled]):host([appearance=outline-fill]) .divider-container{background-color:var(--calcite-color-background)}:host([disabled]):host([appearance=outline]) .divider-container{background-color:transparent}: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 h=d;const p=class{constructor(e){t(this,e);this.calciteSplitButtonPrimaryClick=i(this,"calciteSplitButtonPrimaryClick",6);this.calciteSplitButtonSecondaryClick=i(this,"calciteSplitButtonSecondaryClick",6);this.calciteSplitButtonPrimaryClickHandler=()=>this.calciteSplitButtonPrimaryClick.emit();this.calciteSplitButtonSecondaryClickHandler=()=>this.calciteSplitButtonSecondaryClick.emit();this.appearance="solid";this.kind="brand";this.disabled=false;this.active=false;this.dropdownIconType="chevron";this.dropdownLabel=undefined;this.flipPlacements=undefined;this.loading=false;this.overlayPositioning="absolute";this.placement="bottom-end";this.primaryIconEnd=undefined;this.primaryIconFlipRtl=undefined;this.primaryIconStart=undefined;this.primaryLabel=undefined;this.primaryText=undefined;this.scale="m";this.width="auto"}handleDisabledChange(t){if(!t){this.active=false}}activeHandler(){if(this.disabled){this.active=false}}async setFocus(){await l(this);this.el.focus()}componentWillLoad(){r(this)}componentDidLoad(){s(this)}componentDidRender(){n(this)}render(){const t=this.width==="auto"?"auto":"full";return e(o,{key:"14845b4360228ff8aba010ee85ba3d49c921fce3",disabled:this.disabled},e("div",{key:"628e989b6c3cf109f2d2b7f515cfa4b4f42fa4e3",class:c.container},e("calcite-button",{key:"6177782d26aae8b60978b21dfa66a44fde3a6216",appearance:this.appearance,disabled:this.disabled,"icon-end":this.primaryIconEnd?this.primaryIconEnd:null,"icon-start":this.primaryIconStart?this.primaryIconStart:null,iconFlipRtl:this.primaryIconFlipRtl?this.primaryIconFlipRtl:null,kind:this.kind,label:this.primaryLabel,loading:this.loading,onClick:this.calciteSplitButtonPrimaryClickHandler,scale:this.scale,splitChild:"primary",type:"button",width:t},this.primaryText),e("div",{key:"cc9cbf0e38ca5fb1be1accba84268a3a33d624b2",class:c.dividerContainer},e("div",{key:"21170599428198ef40515ec57407aba27758f705",class:c.divider})),e("calcite-dropdown",{key:"e51ebf919c6cb283ab689654fd0469884c080739",disabled:this.disabled,flipPlacements:this.flipPlacements,onClick:this.calciteSplitButtonSecondaryClickHandler,open:this.active,overlayPositioning:this.overlayPositioning,placement:this.placement,scale:this.scale,"width-scale":this.scale},e("calcite-button",{key:"12ff26ed0de03de2414da7884c0e159d9eed5d67",appearance:this.appearance,disabled:this.disabled,"icon-start":this.dropdownIcon,kind:this.kind,label:this.dropdownLabel,scale:this.scale,slot:"trigger",splitChild:"secondary",type:"button"}),e("slot",{key:"9fa4be0ea31a54fc2df37e4277cd4c10a4584d3a"}))))}get dropdownIcon(){return this.dropdownIconType==="chevron"?"chevronDown":this.dropdownIconType==="caret"?"caretDown":this.dropdownIconType==="ellipsis"?"ellipsis":"handle-vertical"}static get delegatesFocus(){return true}get el(){return a(this)}static get watchers(){return{disabled:["handleDisabledChange"],active:["activeHandler"]}}};p.style=h;export{p as calcite_split_button};
+//# sourceMappingURL=p-45dd419d.entry.js.map