@esri/calcite-components 5.2.0-next.102 → 5.2.0-next.104

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (176) hide show
  1. package/dist/cdn/{PFOFT4N3.js → 264Q77D5.js} +1 -1
  2. package/dist/cdn/{ZO4SGR25.js → 2RUE4F4A.js} +1 -1
  3. package/dist/cdn/{UQ36K7AM.js → 2TXBP24L.js} +1 -1
  4. package/dist/cdn/{6HJWRJEB.js → 3BZ6M7XT.js} +1 -1
  5. package/dist/cdn/{K6EBPLLU.js → 3FX4JWQK.js} +1 -1
  6. package/dist/cdn/{YAV2P2ED.js → 4HHBO3XZ.js} +1 -1
  7. package/dist/cdn/{6YJXN6YX.js → 4LTEB4JK.js} +1 -1
  8. package/dist/cdn/{7P45SJQG.js → 4T7LEQYG.js} +1 -1
  9. package/dist/cdn/{RE76EAUQ.js → 52GUFRP5.js} +1 -1
  10. package/dist/cdn/{QWAPXTTM.js → 54U75DHP.js} +1 -1
  11. package/dist/cdn/{CVLP4SXJ.js → 5D3OONRM.js} +1 -1
  12. package/dist/cdn/{CK7MUUAK.js → 5HRYOFX5.js} +1 -1
  13. package/dist/cdn/{26BOJ3AS.js → 5I6Y46L4.js} +1 -1
  14. package/dist/cdn/5KJXJHLE.js +2 -0
  15. package/dist/cdn/{3KBOQTLS.js → 5REWXPLJ.js} +1 -1
  16. package/dist/cdn/{LX5F4GG4.js → 5XG7MJXM.js} +1 -1
  17. package/dist/cdn/6BSCY2CN.js +2 -0
  18. package/dist/cdn/{5N3X3EYM.js → 6OGJG3KA.js} +1 -1
  19. package/dist/cdn/{2AUQGJCO.js → 6SRMO7QR.js} +1 -1
  20. package/dist/cdn/{FSRXHHGZ.js → 6U3HG35E.js} +1 -1
  21. package/dist/cdn/{3D4JXGZF.js → 6YIR6UQ2.js} +1 -1
  22. package/dist/cdn/{6ARU3W4T.js → A2JEAX6B.js} +1 -1
  23. package/dist/cdn/{ZDYW6A5H.js → A46Z7TV2.js} +1 -1
  24. package/dist/cdn/{M75K6WN5.js → A6RHKWKU.js} +1 -1
  25. package/dist/cdn/{O7MD54NP.js → A7U6LXNL.js} +1 -1
  26. package/dist/cdn/{GAJFTSWJ.js → AB2AAI4P.js} +1 -1
  27. package/dist/cdn/{AVGGTI7X.js → AEOCIW6N.js} +1 -1
  28. package/dist/cdn/{MZPMJXP6.js → ALZ6O4VG.js} +1 -1
  29. package/dist/cdn/{27K5OJ2X.js → ANXCH4NM.js} +1 -1
  30. package/dist/cdn/{ICGB7OHW.js → ATIGQA43.js} +1 -1
  31. package/dist/cdn/{WHRY6PW3.js → AVBEANMP.js} +1 -1
  32. package/dist/cdn/{TYNM7NKY.js → AXLKHZF7.js} +1 -1
  33. package/dist/cdn/{XRPAIIKT.js → B6ICS4L5.js} +1 -1
  34. package/dist/cdn/{ORVBMM34.js → BBHZTJ7E.js} +1 -1
  35. package/dist/cdn/{G2QY25JG.js → BL4UJCS5.js} +1 -1
  36. package/dist/cdn/{DFEVAYBM.js → BMPLNW7Y.js} +1 -1
  37. package/dist/cdn/{K33XSTQJ.js → BR42QAF2.js} +1 -1
  38. package/dist/cdn/BUXBC2TD.js +2 -0
  39. package/dist/cdn/{7DPH4J74.js → BYJWKSPM.js} +1 -1
  40. package/dist/cdn/{4HNDYW3I.js → CB56QAVN.js} +1 -1
  41. package/dist/cdn/{RVLA67A3.js → CGKKSBUK.js} +1 -1
  42. package/dist/cdn/{IG4T7QNO.js → CJPLMHL6.js} +1 -1
  43. package/dist/cdn/{LKZVI7JX.js → CX6VMTHB.js} +1 -1
  44. package/dist/cdn/{I3UIWDLW.js → D6OXR5HH.js} +1 -1
  45. package/dist/cdn/{2CBCRLZU.js → DFJLELTS.js} +1 -1
  46. package/dist/cdn/{GIJACFRM.js → DFKGKYEF.js} +1 -1
  47. package/dist/cdn/{7FW2RVVH.js → DJD3CC5A.js} +1 -1
  48. package/dist/cdn/{CPJWJSHI.js → DUDXVLZX.js} +1 -1
  49. package/dist/cdn/{YIVWYM7O.js → DXGTCHAD.js} +1 -1
  50. package/dist/cdn/{GJIC4IIX.js → EG6PJL34.js} +1 -1
  51. package/dist/cdn/{L6STJJQX.js → EGBHDYPW.js} +1 -1
  52. package/dist/cdn/{HMDESRNL.js → F3FFPXMX.js} +1 -1
  53. package/dist/cdn/{EEU562WF.js → FDZX4WWL.js} +1 -1
  54. package/dist/cdn/{26K4W52A.js → FEMJOITB.js} +1 -1
  55. package/dist/cdn/{SAZM37N6.js → FK326MY2.js} +1 -1
  56. package/dist/cdn/{YAHYADUP.js → FPQEHXJ3.js} +1 -1
  57. package/dist/cdn/{YSOEBQ4L.js → GM5YEWMM.js} +1 -1
  58. package/dist/cdn/{M4XG6CGT.js → GMW5MPTM.js} +1 -1
  59. package/dist/cdn/{INT4F44W.js → GWQVXROY.js} +1 -1
  60. package/dist/cdn/{LNYZHXW3.js → H32SNSSX.js} +1 -1
  61. package/dist/cdn/{5ZYCAOFR.js → H4MYZ7CU.js} +1 -1
  62. package/dist/cdn/{MND5LNIL.js → H5A5N3SD.js} +1 -1
  63. package/dist/cdn/{DWOVKLPL.js → HGN6W2NJ.js} +1 -1
  64. package/dist/cdn/{HXLP2PM2.js → HISTK2ZF.js} +1 -1
  65. package/dist/cdn/{VFPAGN4M.js → HRGDUQAV.js} +1 -1
  66. package/dist/cdn/{66A27LX7.js → I3MBK6RQ.js} +1 -1
  67. package/dist/cdn/{XDY7OFJO.js → ICEQ2B2G.js} +1 -1
  68. package/dist/cdn/{YISOG3ZP.js → IISAEGKF.js} +1 -1
  69. package/dist/cdn/{HW4WSWTV.js → ILL5MCXC.js} +1 -1
  70. package/dist/cdn/{SH7KTJUK.js → ILY2U7OP.js} +1 -1
  71. package/dist/cdn/{BJ7WOEAG.js → IQ47BKLT.js} +1 -1
  72. package/dist/cdn/{L4R2PRKY.js → IXWEGLDQ.js} +1 -1
  73. package/dist/cdn/{3YTF5DX5.js → IZZHPHVF.js} +1 -1
  74. package/dist/cdn/{D3VKELYU.js → J7Z64224.js} +1 -1
  75. package/dist/cdn/{6CDUYZAO.js → JBF36T3N.js} +1 -1
  76. package/dist/cdn/{BKATIQKR.js → JDYFHYMW.js} +1 -1
  77. package/dist/cdn/{NDECAMD3.js → JIGI5ZSK.js} +1 -1
  78. package/dist/cdn/{2IKUEISB.js → JRFXKWAG.js} +1 -1
  79. package/dist/cdn/{JYI4327E.js → JRI5SUUW.js} +1 -1
  80. package/dist/cdn/{KUVPBSXE.js → JXSSREAK.js} +1 -1
  81. package/dist/cdn/{NNLUZDBR.js → JZYUW6IY.js} +1 -1
  82. package/dist/cdn/{W2RJQH3L.js → KMST6UJ3.js} +1 -1
  83. package/dist/cdn/{L4H2SS3D.js → LJKZP4QZ.js} +1 -1
  84. package/dist/cdn/{TU6RUNAV.js → LKJXWD5J.js} +1 -1
  85. package/dist/cdn/{EHNSDZ6Y.js → LRJHEYDG.js} +1 -1
  86. package/dist/cdn/{HHQX2WEL.js → LXCVGBWN.js} +1 -1
  87. package/dist/cdn/{T5HOHJA5.js → MI7EPZ72.js} +1 -1
  88. package/dist/cdn/{CRUGCAUH.js → MWEZH3M4.js} +1 -1
  89. package/dist/cdn/{OUNGWBIE.js → NEJIA7VA.js} +1 -1
  90. package/dist/cdn/{2DFC42XH.js → NIJ3A4IY.js} +1 -1
  91. package/dist/cdn/{QVPPQ5QM.js → NK2OTN4N.js} +1 -1
  92. package/dist/cdn/{BB4NCRPI.js → NLYAVVAL.js} +1 -1
  93. package/dist/cdn/NOODJZAN.js +2 -0
  94. package/dist/cdn/{JJIR6VS5.js → NPSWLXKP.js} +1 -1
  95. package/dist/cdn/{FDBT32UY.js → O3AMPVTL.js} +1 -1
  96. package/dist/cdn/{SNU6GHTA.js → OLCMMDWX.js} +1 -1
  97. package/dist/cdn/{ROOTN64V.js → P6CSCVUV.js} +1 -1
  98. package/dist/cdn/{4F67QOP2.js → PFRZKJRH.js} +1 -1
  99. package/dist/cdn/{QWNO6CDS.js → PT5BEFCD.js} +1 -1
  100. package/dist/cdn/{4YDDNPJM.js → PYBVWWY3.js} +1 -1
  101. package/dist/cdn/{7CBMIGZ5.js → QKCFDUPD.js} +1 -1
  102. package/dist/cdn/{XE6RRR4B.js → QQKSZ66Y.js} +1 -1
  103. package/dist/cdn/{HDBOSQPV.js → QXLJAGMM.js} +1 -1
  104. package/dist/cdn/{E7L3YNDJ.js → R5Q4436Z.js} +1 -1
  105. package/dist/cdn/{KPLLNKHQ.js → RKOHEWU6.js} +1 -1
  106. package/dist/cdn/{ULE74MJQ.js → RQJTT4C4.js} +1 -1
  107. package/dist/cdn/{RBZR4RB7.js → S3HX76F7.js} +1 -1
  108. package/dist/cdn/{PKAE4WC2.js → S5HTCGOP.js} +1 -1
  109. package/dist/cdn/{MSCZMCIJ.js → SFQQQ4HL.js} +1 -1
  110. package/dist/cdn/{4QLJSFIV.js → SLOE7CR3.js} +1 -1
  111. package/dist/cdn/{5QN37AAD.js → ST2D3A4C.js} +1 -1
  112. package/dist/cdn/{3NKCGC76.js → SXGTS2QT.js} +1 -1
  113. package/dist/cdn/{7SZ25WQY.js → SZDROVZZ.js} +1 -1
  114. package/dist/cdn/T2EK7M5W.js +2 -0
  115. package/dist/cdn/{S6TTJ3MN.js → TAGQIAHC.js} +1 -1
  116. package/dist/cdn/{6G2XKITX.js → TKY5V6N3.js} +1 -1
  117. package/dist/cdn/{XZGRTKR5.js → TLXTULLR.js} +1 -1
  118. package/dist/cdn/{MH3HKR7J.js → TXMIPGD7.js} +1 -1
  119. package/dist/cdn/{URJJHOZ3.js → TXQROMS6.js} +1 -1
  120. package/dist/cdn/{WRLMTTQL.js → U3NJ5OUI.js} +1 -1
  121. package/dist/cdn/{FZII3ZXY.js → UCKYBMPL.js} +1 -1
  122. package/dist/cdn/{DDTRUVZM.js → UJ7SVXW5.js} +1 -1
  123. package/dist/cdn/{43VC2RPP.js → UKCB6Z25.js} +1 -1
  124. package/dist/cdn/{4W3ES3UM.js → UNHUSMA2.js} +1 -1
  125. package/dist/cdn/{STH5JQ6U.js → UQ2CL2S6.js} +1 -1
  126. package/dist/cdn/{Y6URTI6B.js → V2XZFSTP.js} +1 -1
  127. package/dist/cdn/{KC2HWDZV.js → VHWTZ7L2.js} +1 -1
  128. package/dist/cdn/{S34XTF7D.js → VTGFMCFV.js} +1 -1
  129. package/dist/cdn/{NPYCNKHD.js → W2WQCASL.js} +1 -1
  130. package/dist/cdn/{XOP5FFXT.js → W4AT4EUP.js} +1 -1
  131. package/dist/cdn/{J7JZAIUL.js → WAH6L565.js} +1 -1
  132. package/dist/cdn/{MXZYCKP6.js → WDN7NXSE.js} +1 -1
  133. package/dist/cdn/{HQWZSX3A.js → WRRFRZSF.js} +1 -1
  134. package/dist/cdn/{OTHXF7V5.js → XXPMMKQV.js} +1 -1
  135. package/dist/cdn/{A6D64KCU.js → XZPALSDR.js} +1 -1
  136. package/dist/cdn/{FPI74P5T.js → YBIVT4F6.js} +1 -1
  137. package/dist/cdn/{ZJJHRZ3X.js → YDPXGMY2.js} +1 -1
  138. package/dist/cdn/YGPHXXML.js +2 -0
  139. package/dist/cdn/{DZ3GTNUK.js → Z5T3ZOKL.js} +1 -1
  140. package/dist/cdn/{XSLEH5ZJ.js → ZAZOB2QT.js} +1 -1
  141. package/dist/cdn/{TEARJIUB.js → ZDTD2JS7.js} +1 -1
  142. package/dist/cdn/{MRT2D5C7.js → ZN7DDJAR.js} +1 -1
  143. package/dist/cdn/{Y72UN7RT.js → ZP53YJCX.js} +1 -1
  144. package/dist/cdn/{F25BWA5S.js → ZQDBLWXZ.js} +1 -1
  145. package/dist/cdn/{UI4HTACK.js → ZQYYCBV6.js} +1 -1
  146. package/dist/cdn/{PE3SFDR6.js → ZXRTKVNU.js} +1 -1
  147. package/dist/cdn/index.js +1 -1
  148. package/dist/cdn/main.css +1 -1
  149. package/dist/chunks/dom.js +7 -1
  150. package/dist/chunks/runtime.js +4 -4
  151. package/dist/chunks/useInlineEdit.js +4 -1
  152. package/dist/components/calcite-input/customElement.js +3 -0
  153. package/dist/components/calcite-input-number/customElement.js +3 -0
  154. package/dist/components/calcite-input-text/customElement.js +3 -0
  155. package/dist/components/calcite-input-time-zone/customElement.d.ts +2 -0
  156. package/dist/components/calcite-input-time-zone/customElement.js +2 -2
  157. package/dist/components/calcite-text/customElement.d.ts +19 -0
  158. package/dist/components/calcite-text/customElement.js +174 -0
  159. package/dist/components/calcite-text/index.d.ts +1 -0
  160. package/dist/components/calcite-text/index.js +1 -0
  161. package/dist/docs/api.json +1 -1
  162. package/dist/docs/docs.json +1 -1
  163. package/dist/docs/vscode.html-custom-data.json +1 -1
  164. package/dist/docs/web-types.json +1 -1
  165. package/dist/index.d.ts +4 -0
  166. package/dist/loader.js +2 -1
  167. package/dist/types/lumina.d.ts +6 -1
  168. package/dist/types/preact.d.ts +7 -1
  169. package/dist/types/react.d.ts +8 -1
  170. package/dist/types/stencil.d.ts +6 -1
  171. package/package.json +1 -1
  172. package/dist/cdn/3JHXZ2IW.js +0 -2
  173. package/dist/cdn/5EYLSRG6.js +0 -2
  174. package/dist/cdn/CX2QTIR3.js +0 -2
  175. package/dist/cdn/IMC5455V.js +0 -2
  176. package/dist/cdn/OFYS2GLL.js +0 -2
package/dist/index.d.ts CHANGED
@@ -139,6 +139,7 @@ import type { TableCell } from "./components/calcite-table-cell/customElement.js
139
139
  import type { TableHeader } from "./components/calcite-table-header/customElement.js";
140
140
  import type { TableRow } from "./components/calcite-table-row/customElement.js";
141
141
  import type { Tabs } from "./components/calcite-tabs/customElement.js";
142
+ import type { Text } from "./components/calcite-text/customElement.js";
142
143
  import type { TextArea } from "./components/calcite-text-area/customElement.js";
143
144
  import type { Tile } from "./components/calcite-tile/customElement.js";
144
145
  import type { TileGroup } from "./components/calcite-tile-group/customElement.js";
@@ -607,6 +608,7 @@ declare global {
607
608
  "calcite-table-header": TableHeader;
608
609
  "calcite-table-row": TableRow;
609
610
  "calcite-tabs": Tabs;
611
+ "calcite-text": Text;
610
612
  "calcite-text-area": TextArea;
611
613
  "calcite-tile": Tile;
612
614
  "calcite-tile-group": TileGroup;
@@ -879,6 +881,8 @@ declare global {
879
881
 
880
882
  type HTMLCalciteTabsElement = Tabs;
881
883
 
884
+ type HTMLCalciteTextElement = Text;
885
+
882
886
  type HTMLCalciteTextAreaElementEventMap = TextArea["@eventTypes"];
883
887
  type HTMLCalciteTextAreaElement = TextArea;
884
888
 
package/dist/loader.js CHANGED
@@ -54,7 +54,7 @@ const defineCustomElements = makeDefineCustomElements(runtime, {
54
54
  "calcite-input-number": [() => import("./components/calcite-input-number/customElement.js"), "alignment,autocomplete,clearable,disabled,form,groupSeparator,icon,iconFlipRtl,inlineEdit,inlineEditing,inlineEditingBeforeConfirm:,integer,label,labelText,loading,localeFormat,max,maxLength,messageOverrides:,min,minLength,name,numberButtonType,numberingSystem,placeholder,prefixText,readOnly,required,scale,status,step,suffixText,validationIcon,validationMessage,validity:,value;selectText,setFocus", 1],
55
55
  "calcite-input-text": [() => import("./components/calcite-input-text/customElement.js"), "alignment,autocomplete,clearable,disabled,form,icon,iconFlipRtl,inlineEdit,inlineEditing,inlineEditingBeforeConfirm:,label,labelText,loading,maxLength,messageOverrides:,minLength,name,pattern,placeholder,prefixText,readOnly,required,scale,status,suffixText,validationIcon,validationMessage,validity:,value;selectText,setFocus", 1],
56
56
  "calcite-input-time-picker": [() => import("./components/calcite-input-time-picker/customElement.js"), "clearable,disabled,focusTrapDisabled,form,hourFormat,label,labelText,max,messageOverrides:,min,name,numberingSystem,open,overlayPositioning,placeholder,placement,readOnly,required,scale,status,step,validationIcon,validationMessage,validity:,value;reposition,setFocus", 1],
57
- "calcite-input-time-zone": [() => import("./components/calcite-input-time-zone/customElement.js"), "clearable,disabled,form,labelText,maxItems,messageOverrides:,mode,name,offsetStyle,open,overlayPositioning,placeholder,readOnly,referenceDate,required,scale,status,topLayerDisabled,validationIcon,validationMessage,validity:,value;setFocus", 1],
57
+ "calcite-input-time-zone": [() => import("./components/calcite-input-time-zone/customElement.js"), "clearable,disabled,form,label,labelText,maxItems,messageOverrides:,mode,name,offsetStyle,open,overlayPositioning,placeholder,readOnly,referenceDate,required,scale,status,topLayerDisabled,validationIcon,validationMessage,validity:,value;setFocus", 1],
58
58
  "calcite-label": [() => import("./components/calcite-label/customElement.js"), "alignment,for,layout,scale"],
59
59
  "calcite-link": [() => import("./components/calcite-link/customElement.js"), "disabled,download,href,iconEnd,iconFlipRtl,iconStart,rel,target;setFocus"],
60
60
  "calcite-list": [() => import("./components/calcite-list/customElement.js"), "canPull:,canPut:,disabled,displayMode,dragEnabled,filteredData:,filteredItems:,filterEnabled,filterLabel,filterPlaceholder,filterPredicate:,filterProps:,filterText,group,interactionMode,label,loading,messageOverrides:,numberingSystem,scale,selectedItems:,selectionAppearance,selectionMode,sortDisabled;setFocus;emitOrderChangeEvent"],
@@ -102,6 +102,7 @@ const defineCustomElements = makeDefineCustomElements(runtime, {
102
102
  "calcite-table-header": [() => import("./components/calcite-table-header/customElement.js"), "alignment,bodyRowCount,colSpan,description,heading,interactionMode,lastCell,messageOverrides:,numberCell,parentRowAlignment,parentRowIsSelected,parentRowType,positionInRow,rowSpan,scale,selectedRowCount,selectedRowCountLocalized,selectionCell,selectionMode;setFocus"],
103
103
  "calcite-table-row": [() => import("./components/calcite-table-row/customElement.js"), "alignment,bodyRowCount,cellCount,disabled,interactionMode,itemHidden,lastVisibleRow,numbered,positionAll,positionSection,positionSectionLocalized,readCellContentsToAT,rowType,scale,selected,selectedRowCount,selectedRowCountLocalized,selectionMode,stickyHeaderEnabled"],
104
104
  "calcite-tabs": [() => import("./components/calcite-tabs/customElement.js"), "bordered,lastTabClosable,layout,position,scale"],
105
+ "calcite-text": [() => import("./components/calcite-text/customElement.js"), "maxLines,truncatePosition"],
105
106
  "calcite-text-area": [() => import("./components/calcite-text-area/customElement.js"), "columns,disabled,form,groupSeparator,label,labelText,limitText,loading,maxLength,messageOverrides:,minLength,name,numberingSystem,placeholder,readOnly,required,resize,rows,scale,status,validationIcon,validationMessage,validity:,value,wrap;selectText,setFocus", 1],
106
107
  "calcite-tile": [() => import("./components/calcite-tile/customElement.js"), "active,alignment,description,disabled,embed,heading,headingLevel,href,icon,iconFlipRtl,interactive,label,layout,scale,selected,selectionAppearance,selectionMode;setFocus"],
107
108
  "calcite-tile-group": [() => import("./components/calcite-tile-group/customElement.js"), "alignment,disabled,label,layout,scale,selectedItems:,selectionAppearance,selectionMode"],
@@ -98,6 +98,7 @@ import type { TableCell } from "../components/calcite-table-cell/customElement.j
98
98
  import type { TableHeader } from "../components/calcite-table-header/customElement.js";
99
99
  import type { TableRow } from "../components/calcite-table-row/customElement.js";
100
100
  import type { Tabs } from "../components/calcite-tabs/customElement.js";
101
+ import type { Text } from "../components/calcite-text/customElement.js";
101
102
  import type { TextArea } from "../components/calcite-text-area/customElement.js";
102
103
  import type { Tile } from "../components/calcite-tile/customElement.js";
103
104
  import type { TileGroup } from "../components/calcite-tile-group/customElement.js";
@@ -378,7 +379,7 @@ interface LuminaCalciteInputTimePicker extends Partial<Pick<InputTimePicker, "cl
378
379
  oncalciteInputTimePickerOpen?: EventHandler<InputTimePicker["calciteInputTimePickerOpen"]>;
379
380
  }
380
381
 
381
- interface LuminaCalciteInputTimeZone extends Partial<Pick<InputTimeZone, "clearable" | "disabled" | "form" | "labelText" | "maxItems" | "messageOverrides" | "mode" | "name" | "offsetStyle" | "open" | "overlayPositioning" | "placeholder" | "readOnly" | "referenceDate" | "scale" | "status" | "topLayerDisabled" | "validationIcon" | "validationMessage" | "value">>, h.JSX.HTMLAttributes<InputTimeZone> {
382
+ interface LuminaCalciteInputTimeZone extends Partial<Pick<InputTimeZone, "clearable" | "disabled" | "form" | "label" | "labelText" | "maxItems" | "messageOverrides" | "mode" | "name" | "offsetStyle" | "open" | "overlayPositioning" | "placeholder" | "readOnly" | "referenceDate" | "scale" | "status" | "topLayerDisabled" | "validationIcon" | "validationMessage" | "value">>, h.JSX.HTMLAttributes<InputTimeZone> {
382
383
  oncalciteInputTimeZoneBeforeClose?: EventHandler<InputTimeZone["calciteInputTimeZoneBeforeClose"]>;
383
384
  oncalciteInputTimeZoneBeforeOpen?: EventHandler<InputTimeZone["calciteInputTimeZoneBeforeOpen"]>;
384
385
  oncalciteInputTimeZoneChange?: EventHandler<InputTimeZone["calciteInputTimeZoneChange"]>;
@@ -592,6 +593,9 @@ interface LuminaCalciteTableRow extends Partial<Pick<TableRow, "alignment" | "di
592
593
  interface LuminaCalciteTabs extends Partial<Pick<Tabs, "bordered" | "lastTabClosable" | "layout" | "position" | "scale">>, h.JSX.HTMLAttributes<Tabs> {
593
594
  }
594
595
 
596
+ interface LuminaCalciteText extends Partial<Pick<Text, "maxLines" | "truncatePosition">>, h.JSX.HTMLAttributes<Text> {
597
+ }
598
+
595
599
  interface LuminaCalciteTextArea extends Partial<Pick<TextArea, "columns" | "disabled" | "form" | "groupSeparator" | "label" | "labelText" | "limitText" | "loading" | "maxLength" | "messageOverrides" | "minLength" | "name" | "numberingSystem" | "placeholder" | "readOnly" | "required" | "resize" | "rows" | "scale" | "status" | "validationIcon" | "validationMessage" | "value" | "wrap">>, h.JSX.HTMLAttributes<TextArea> {
596
600
  oncalciteTextAreaChange?: EventHandler<TextArea["calciteTextAreaChange"]>;
597
601
  oncalciteTextAreaInput?: EventHandler<TextArea["calciteTextAreaInput"]>;
@@ -728,6 +732,7 @@ declare module "@arcgis/lumina" {
728
732
  "calcite-table-header": LuminaCalciteTableHeader;
729
733
  "calcite-table-row": LuminaCalciteTableRow;
730
734
  "calcite-tabs": LuminaCalciteTabs;
735
+ "calcite-text": LuminaCalciteText;
731
736
  "calcite-text-area": LuminaCalciteTextArea;
732
737
  "calcite-tile": LuminaCalciteTile;
733
738
  "calcite-tile-group": LuminaCalciteTileGroup;
@@ -98,6 +98,7 @@ import type { TableCell } from "../components/calcite-table-cell/customElement.j
98
98
  import type { TableHeader } from "../components/calcite-table-header/customElement.js";
99
99
  import type { TableRow } from "../components/calcite-table-row/customElement.js";
100
100
  import type { Tabs } from "../components/calcite-tabs/customElement.js";
101
+ import type { Text } from "../components/calcite-text/customElement.js";
101
102
  import type { TextArea } from "../components/calcite-text-area/customElement.js";
102
103
  import type { Tile } from "../components/calcite-tile/customElement.js";
103
104
  import type { TileGroup } from "../components/calcite-tile-group/customElement.js";
@@ -379,7 +380,7 @@ interface PreactCalciteInputTimePicker extends Partial<Pick<InputTimePicker, "cl
379
380
  oncalciteInputTimePickerOpen?: EventHandler<InputTimePicker["calciteInputTimePickerOpen"]>;
380
381
  }
381
382
 
382
- interface PreactCalciteInputTimeZone extends Partial<Pick<InputTimeZone, "clearable" | "disabled" | "form" | "labelText" | "maxItems" | "messageOverrides" | "mode" | "name" | "offsetStyle" | "open" | "overlayPositioning" | "placeholder" | "readOnly" | "referenceDate" | "scale" | "status" | "topLayerDisabled" | "validationIcon" | "validationMessage" | "value">>, HTMLAttributes<InputTimeZone> {
383
+ interface PreactCalciteInputTimeZone extends Partial<Pick<InputTimeZone, "clearable" | "disabled" | "form" | "label" | "labelText" | "maxItems" | "messageOverrides" | "mode" | "name" | "offsetStyle" | "open" | "overlayPositioning" | "placeholder" | "readOnly" | "referenceDate" | "scale" | "status" | "topLayerDisabled" | "validationIcon" | "validationMessage" | "value">>, HTMLAttributes<InputTimeZone> {
383
384
  oncalciteInputTimeZoneBeforeClose?: EventHandler<InputTimeZone["calciteInputTimeZoneBeforeClose"]>;
384
385
  oncalciteInputTimeZoneBeforeOpen?: EventHandler<InputTimeZone["calciteInputTimeZoneBeforeOpen"]>;
385
386
  oncalciteInputTimeZoneChange?: EventHandler<InputTimeZone["calciteInputTimeZoneChange"]>;
@@ -593,6 +594,9 @@ interface PreactCalciteTableRow extends Partial<Pick<TableRow, "alignment" | "di
593
594
  interface PreactCalciteTabs extends Partial<Pick<Tabs, "bordered" | "lastTabClosable" | "layout" | "position" | "scale">>, HTMLAttributes<Tabs> {
594
595
  }
595
596
 
597
+ interface PreactCalciteText extends Partial<Pick<Text, "maxLines" | "truncatePosition">>, HTMLAttributes<Text> {
598
+ }
599
+
596
600
  interface PreactCalciteTextArea extends Partial<Pick<TextArea, "columns" | "disabled" | "form" | "groupSeparator" | "label" | "labelText" | "limitText" | "loading" | "maxLength" | "messageOverrides" | "minLength" | "name" | "numberingSystem" | "placeholder" | "readOnly" | "required" | "resize" | "rows" | "scale" | "status" | "validationIcon" | "validationMessage" | "value" | "wrap">>, HTMLAttributes<TextArea> {
597
601
  oncalciteTextAreaChange?: EventHandler<TextArea["calciteTextAreaChange"]>;
598
602
  oncalciteTextAreaInput?: EventHandler<TextArea["calciteTextAreaInput"]>;
@@ -729,6 +733,7 @@ declare module 'preact' {
729
733
  "calcite-table-header": PreactCalciteTableHeader;
730
734
  "calcite-table-row": PreactCalciteTableRow;
731
735
  "calcite-tabs": PreactCalciteTabs;
736
+ "calcite-text": PreactCalciteText;
732
737
  "calcite-text-area": PreactCalciteTextArea;
733
738
  "calcite-tile": PreactCalciteTile;
734
739
  "calcite-tile-group": PreactCalciteTileGroup;
@@ -839,6 +844,7 @@ declare module 'preact' {
839
844
  "calcite-table-header": PreactCalciteTableHeader;
840
845
  "calcite-table-row": PreactCalciteTableRow;
841
846
  "calcite-tabs": PreactCalciteTabs;
847
+ "calcite-text": PreactCalciteText;
842
848
  "calcite-text-area": PreactCalciteTextArea;
843
849
  "calcite-tile": PreactCalciteTile;
844
850
  "calcite-tile-group": PreactCalciteTileGroup;
@@ -98,6 +98,7 @@ import type { TableCell } from "../components/calcite-table-cell/customElement.j
98
98
  import type { TableHeader } from "../components/calcite-table-header/customElement.js";
99
99
  import type { TableRow } from "../components/calcite-table-row/customElement.js";
100
100
  import type { Tabs } from "../components/calcite-tabs/customElement.js";
101
+ import type { Text } from "../components/calcite-text/customElement.js";
101
102
  import type { TextArea } from "../components/calcite-text-area/customElement.js";
102
103
  import type { Tile } from "../components/calcite-tile/customElement.js";
103
104
  import type { TileGroup } from "../components/calcite-tile-group/customElement.js";
@@ -379,7 +380,7 @@ interface ReactCalciteInputTimePicker extends Partial<Pick<InputTimePicker, "cle
379
380
  oncalciteInputTimePickerOpen?: EventHandler<InputTimePicker["calciteInputTimePickerOpen"]>;
380
381
  }
381
382
 
382
- interface ReactCalciteInputTimeZone extends Partial<Pick<InputTimeZone, "clearable" | "disabled" | "form" | "labelText" | "maxItems" | "messageOverrides" | "mode" | "name" | "offsetStyle" | "open" | "overlayPositioning" | "placeholder" | "readOnly" | "referenceDate" | "scale" | "status" | "topLayerDisabled" | "validationIcon" | "validationMessage" | "value">>, HTMLProps<InputTimeZone> {
383
+ interface ReactCalciteInputTimeZone extends Partial<Pick<InputTimeZone, "clearable" | "disabled" | "form" | "label" | "labelText" | "maxItems" | "messageOverrides" | "mode" | "name" | "offsetStyle" | "open" | "overlayPositioning" | "placeholder" | "readOnly" | "referenceDate" | "scale" | "status" | "topLayerDisabled" | "validationIcon" | "validationMessage" | "value">>, HTMLProps<InputTimeZone> {
383
384
  oncalciteInputTimeZoneBeforeClose?: EventHandler<InputTimeZone["calciteInputTimeZoneBeforeClose"]>;
384
385
  oncalciteInputTimeZoneBeforeOpen?: EventHandler<InputTimeZone["calciteInputTimeZoneBeforeOpen"]>;
385
386
  oncalciteInputTimeZoneChange?: EventHandler<InputTimeZone["calciteInputTimeZoneChange"]>;
@@ -593,6 +594,9 @@ interface ReactCalciteTableRow extends Partial<Pick<TableRow, "alignment" | "dis
593
594
  interface ReactCalciteTabs extends Partial<Pick<Tabs, "bordered" | "lastTabClosable" | "layout" | "position" | "scale">>, HTMLProps<Tabs> {
594
595
  }
595
596
 
597
+ interface ReactCalciteText extends Partial<Pick<Text, "maxLines" | "truncatePosition">>, HTMLProps<Text> {
598
+ }
599
+
596
600
  interface ReactCalciteTextArea extends Partial<Pick<TextArea, "columns" | "disabled" | "form" | "groupSeparator" | "label" | "labelText" | "limitText" | "loading" | "maxLength" | "messageOverrides" | "minLength" | "name" | "numberingSystem" | "placeholder" | "readOnly" | "required" | "resize" | "rows" | "scale" | "status" | "validationIcon" | "validationMessage" | "value" | "wrap">>, HTMLProps<TextArea> {
597
601
  oncalciteTextAreaChange?: EventHandler<TextArea["calciteTextAreaChange"]>;
598
602
  oncalciteTextAreaInput?: EventHandler<TextArea["calciteTextAreaInput"]>;
@@ -729,6 +733,7 @@ declare module "react" {
729
733
  "calcite-table-header": ReactCalciteTableHeader;
730
734
  "calcite-table-row": ReactCalciteTableRow;
731
735
  "calcite-tabs": ReactCalciteTabs;
736
+ "calcite-text": ReactCalciteText;
732
737
  "calcite-text-area": ReactCalciteTextArea;
733
738
  "calcite-tile": ReactCalciteTile;
734
739
  "calcite-tile-group": ReactCalciteTileGroup;
@@ -841,6 +846,7 @@ declare module "react/jsx-runtime" {
841
846
  "calcite-table-header": ReactCalciteTableHeader;
842
847
  "calcite-table-row": ReactCalciteTableRow;
843
848
  "calcite-tabs": ReactCalciteTabs;
849
+ "calcite-text": ReactCalciteText;
844
850
  "calcite-text-area": ReactCalciteTextArea;
845
851
  "calcite-tile": ReactCalciteTile;
846
852
  "calcite-tile-group": ReactCalciteTileGroup;
@@ -953,6 +959,7 @@ declare module "react/jsx-dev-runtime" {
953
959
  "calcite-table-header": ReactCalciteTableHeader;
954
960
  "calcite-table-row": ReactCalciteTableRow;
955
961
  "calcite-tabs": ReactCalciteTabs;
962
+ "calcite-text": ReactCalciteText;
956
963
  "calcite-text-area": ReactCalciteTextArea;
957
964
  "calcite-tile": ReactCalciteTile;
958
965
  "calcite-tile-group": ReactCalciteTileGroup;
@@ -98,6 +98,7 @@ import type { TableCell } from "../components/calcite-table-cell/customElement.j
98
98
  import type { TableHeader } from "../components/calcite-table-header/customElement.js";
99
99
  import type { TableRow } from "../components/calcite-table-row/customElement.js";
100
100
  import type { Tabs } from "../components/calcite-tabs/customElement.js";
101
+ import type { Text } from "../components/calcite-text/customElement.js";
101
102
  import type { TextArea } from "../components/calcite-text-area/customElement.js";
102
103
  import type { Tile } from "../components/calcite-tile/customElement.js";
103
104
  import type { TileGroup } from "../components/calcite-tile-group/customElement.js";
@@ -379,7 +380,7 @@ interface StencilCalciteInputTimePicker extends Partial<Pick<InputTimePicker, "c
379
380
  onCalciteInputTimePickerOpen?: EventHandler<InputTimePicker["calciteInputTimePickerOpen"]>;
380
381
  }
381
382
 
382
- interface StencilCalciteInputTimeZone extends Partial<Pick<InputTimeZone, "clearable" | "disabled" | "form" | "labelText" | "maxItems" | "messageOverrides" | "mode" | "name" | "offsetStyle" | "open" | "overlayPositioning" | "placeholder" | "readOnly" | "referenceDate" | "scale" | "status" | "topLayerDisabled" | "validationIcon" | "validationMessage" | "value">>, StencilJsx.HTMLAttributes<InputTimeZone> {
383
+ interface StencilCalciteInputTimeZone extends Partial<Pick<InputTimeZone, "clearable" | "disabled" | "form" | "label" | "labelText" | "maxItems" | "messageOverrides" | "mode" | "name" | "offsetStyle" | "open" | "overlayPositioning" | "placeholder" | "readOnly" | "referenceDate" | "scale" | "status" | "topLayerDisabled" | "validationIcon" | "validationMessage" | "value">>, StencilJsx.HTMLAttributes<InputTimeZone> {
383
384
  onCalciteInputTimeZoneBeforeClose?: EventHandler<InputTimeZone["calciteInputTimeZoneBeforeClose"]>;
384
385
  onCalciteInputTimeZoneBeforeOpen?: EventHandler<InputTimeZone["calciteInputTimeZoneBeforeOpen"]>;
385
386
  onCalciteInputTimeZoneChange?: EventHandler<InputTimeZone["calciteInputTimeZoneChange"]>;
@@ -593,6 +594,9 @@ interface StencilCalciteTableRow extends Partial<Pick<TableRow, "alignment" | "d
593
594
  interface StencilCalciteTabs extends Partial<Pick<Tabs, "bordered" | "lastTabClosable" | "layout" | "position" | "scale">>, StencilJsx.HTMLAttributes<Tabs> {
594
595
  }
595
596
 
597
+ interface StencilCalciteText extends Partial<Pick<Text, "maxLines" | "truncatePosition">>, StencilJsx.HTMLAttributes<Text> {
598
+ }
599
+
596
600
  interface StencilCalciteTextArea extends Partial<Pick<TextArea, "columns" | "disabled" | "form" | "groupSeparator" | "label" | "labelText" | "limitText" | "loading" | "maxLength" | "messageOverrides" | "minLength" | "name" | "numberingSystem" | "placeholder" | "readOnly" | "required" | "resize" | "rows" | "scale" | "status" | "validationIcon" | "validationMessage" | "value" | "wrap">>, StencilJsx.HTMLAttributes<TextArea> {
597
601
  onCalciteTextAreaChange?: EventHandler<TextArea["calciteTextAreaChange"]>;
598
602
  onCalciteTextAreaInput?: EventHandler<TextArea["calciteTextAreaInput"]>;
@@ -727,6 +731,7 @@ interface ExposedElements {
727
731
  "calcite-table-header": StencilCalciteTableHeader;
728
732
  "calcite-table-row": StencilCalciteTableRow;
729
733
  "calcite-tabs": StencilCalciteTabs;
734
+ "calcite-text": StencilCalciteText;
730
735
  "calcite-text-area": StencilCalciteTextArea;
731
736
  "calcite-tile": StencilCalciteTile;
732
737
  "calcite-tile-group": StencilCalciteTileGroup;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@esri/calcite-components",
3
- "version": "5.2.0-next.102",
3
+ "version": "5.2.0-next.104",
4
4
  "description": "Web Components for Esri's Calcite Design System.",
5
5
  "homepage": "https://developers.arcgis.com/calcite-design-system/",
6
6
  "repository": {
@@ -1,2 +0,0 @@
1
- /* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
2
- import{g as j}from"./LPMYRCBM.js";import{k as G}from"./PFOFT4N3.js";import{a as $}from"./3D4JXGZF.js";import{c as A}from"./XZGRTKR5.js";import{a as W}from"./XRPAIIKT.js";import{a as q}from"./5ZYCAOFR.js";import{a as E}from"./A6D64KCU.js";import"./YP3AYJH3.js";import{a as k}from"./XOP5FFXT.js";import{a as N}from"./66A27LX7.js";import"./ZWPNZ5XW.js";import"./EEU562WF.js";import"./NDECAMD3.js";import"./7FW2RVVH.js";import{E as z,F as P,G as M,H as U,L as _,T as V,g as R,h as v,l as y,p}from"./PKAE4WC2.js";var Y={offset:"offset"},ee={labelContent:"label-content"},te=60;function O(t){return t.replace(":15",".25").replace(":30",".5").replace(":45",".75").replace("\u2212","-")}function oe(t,e){let o=L(t,"en-US",e).replace("GMT","");return o===""?0:Number(O(o))*te}function se(){return new Date().getTimezoneOffset()*-1}function ie(){return new Intl.DateTimeFormat().resolvedOptions().timeZone}async function ae(t){if(t==="offset")return o=>o;let{normalize:e}=await import("./6OAAZ4VY.js");return e}async function ne(t,e,o,s,a){if(o==="name"){let{groupByName:n}=await import("./V5D6RICM.js");return(await n()).map(({label:l})=>({label:l,value:l,metadata:{filterValue:l}})).filter(l=>!!l).sort()}let i=a==="user"?t:a==="utc"?"fr":"en-GB",c=s.getTime();if(o==="region"){let[{groupByRegion:n},{getCountry:m,global:l}]=await Promise.all([import("./MJMONOF2.js"),import("./T7OMXDHP.js")]);return(await n()).map(({label:u,tzs:f})=>(f.sort((h,d)=>{let I=T(h,e),x=T(d,e),b="Etc/GMT";if(h.startsWith(b)&&d.startsWith(b)){let g=h.substring(b.length),F=d.substring(b.length),X=g===""?0:parseInt(g,10);return(F===""?0:parseInt(F,10))-X}return I.localeCompare(x)}),{label:S(e,u),items:f.map(h=>{let d=O(L(h,i,c)),I=T(h,e),x=u===l?`${T(l,e)} Etc`:K(h),b=m(h),g=S(e,b);return{label:I,value:h,metadata:{country:g===I?void 0:g,filterValue:x,offset:d}}})})).sort((u,f)=>u.label===l?-1:f.label===l?1:u.label.localeCompare(f.label))}let[{groupByOffset:Z},{DateEngine:C}]=await Promise.all([import("./UKT2W47B.js"),import("./AJL3UUYU.js")]),D=await Z({dateEngine:new C,groupDateRange:1,startDate:new Date(c).toISOString()}),Q=new Intl.ListFormat(t,{style:"long",type:"conjunction"}),w=["Factory","Etc/UTC"];return D.forEach(n=>{let m=[],l=0;n.tzs.forEach((r,u)=>{w.includes(r)&&l++,m[u]=l}),n.tzs=n.tzs.filter(r=>!w.includes(r)),n.labelTzIdx=n.labelTzIdx.map(r=>r-m[r]).filter(r=>r>=0&&r<n.tzs.length)}),D.map(({labelTzIdx:n,tzs:m})=>{let l=m[0],r=O(L(l,i,c)),u=oe(l,c),f=n.map(d=>T(m[d],e));return{label:ce(e,r,Q.format(f)),value:u,metadata:{filterValue:m.map(d=>K(d))}}}).filter(n=>!!n).sort((n,m)=>n.value-m.value)}function T(t,e){return J(e,t)||re(t)}function le(t,e,o){return o.timeZoneRegionLabel.replace("{city}",t).replace("{country}",S(o,e))}function S(t,e){return J(t,e)||e}function J(t,e){let o=t[e];return typeof o=="string"?o:void 0}function re(t){return t.split("/").pop()??""}function K(t){return t.replace(/_/g," ")}function ce(t,e,o){return t.timeZoneLabel.replace("{offset}",e).replace("{cities}",o)}function L(t,e,o=Date.now()){return t==="Factory"&&(t="Etc/GMT"),G(e,{timeZone:t,timeZoneName:"shortOffset"}).formatToParts(o).find(({type:i})=>i==="timeZoneName").value}function me(t){return t[0].items!==void 0}function ue(t){return me(t)?t.flatMap(e=>e.items):t}function H(t,e,o){return o===void 0||t===void 0?void 0:ue(t).find(s=>s[e]==o)}var he=R`: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:block;--calcite-combobox-corner-radius: var(--calcite-input-time-zone-corner-radius, var(--calcite-corner-radius))}.offset{white-space:nowrap}:host([hidden]){display:none}[hidden]{display:none}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}`,B=class extends M{constructor(){super(),this.comboboxRef=z(),this.formSupport=A({inputType:"text"})(this),this.messages=k({blocking:!0}),this.focusSetter=N()(this),this.interactiveContainer=q(this),this.#e=null,this.clearable=!1,this.disabled=!1,this.maxItems=0,this.mode="offset",this.offsetStyle="user",this.open=!1,this.overlayPositioning="absolute",this.readOnly=!1,this.required=!1,this.scale="m",this.status="idle",this.topLayerDisabled=!1,this.calciteInputTimeZoneBeforeClose=p({cancelable:!1}),this.calciteInputTimeZoneBeforeOpen=p({cancelable:!1}),this.calciteInputTimeZoneChange=p({cancelable:!1}),this.calciteInputTimeZoneClose=p({cancelable:!1}),this.calciteInputTimeZoneOpen=p({cancelable:!1}),W(this)}static{this.properties={selectedTimeZoneItem:[16,{},{state:!0}],timeZoneItems:[16,{},{state:!0}],clearable:[7,{},{reflect:!0,type:Boolean}],disabled:[7,{},{reflect:!0,type:Boolean}],form:[3,{},{reflect:!0}],labelText:1,maxItems:[11,{},{reflect:!0,type:Number}],messageOverrides:[0,{},{attribute:!1}],mode:[3,{},{reflect:!0}],name:[3,{},{reflect:!0}],offsetStyle:[3,{},{reflect:!0}],open:[7,{},{reflect:!0,type:Boolean}],overlayPositioning:[3,{},{reflect:!0}],placeholder:1,readOnly:[7,{},{reflect:!0,type:Boolean}],referenceDate:1,required:[7,{},{reflect:!0,type:Boolean}],scale:[3,{},{reflect:!0}],status:[3,{},{reflect:!0}],topLayerDisabled:[7,{},{reflect:!0,type:Boolean}],validationIcon:[3,{converter:_},{reflect:!0}],validationMessage:1,validity:[32,{},{readOnly:!0,attribute:!1}],value:1}}static{this.formAssociated=!0}static{this.shadowRootOptions={mode:"open",delegatesFocus:!0}}static{this.styles=he}#e;get value(){return this._value}set value(e){this.#e="internal",this._value=e}async setFocus(e){return this.focusSetter(()=>this.comboboxRef.value,e)}async load(){this.normalizer=await ae(this.mode),await this.updateTimeZoneItems();let e=this.value,o=this.normalizeValue(e);this.value=o||(e===""?o:void 0),this.updateTimeZoneSelection();let s=this.selectedTimeZoneItem?`${this.selectedTimeZoneItem.value}`:"";this.value=s}willUpdate(e){e.has("value")&&this.hasUpdated&&this.handleValueChange(this.value,e.get("value")),(e.has("messages")||e.has("mode")&&(this.hasUpdated||this.mode!=="offset")||e.has("referenceDate"))&&this.handleTimeZoneItemPropsChange(),e.has("open")&&(this.hasUpdated||this.open!==!1)&&this.openChanged()}loaded(){this.openChanged()}async handleTimeZoneItemPropsChange(){!this.timeZoneItems||!this.hasUpdated||(await this.updateTimeZoneItems(),this.updateTimeZoneSelection())}openChanged(){this.comboboxRef.value&&(this.comboboxRef.value.open=this.open)}async handleValueChange(e,o){let s=this.#e==="user";if(this.#e=null,s)return;let a=this.normalizeValue(e);if(!a){if(this.clearable){this._value=a,this.selectedTimeZoneItem=void 0;return}this._value=o,this.selectedTimeZoneItem=this.findTimeZoneItem(o);return}let i=this.findTimeZoneItem(a);if(!i){this._value=o;return}this._value=a,this.selectedTimeZoneItem=i}onLabelClick(){this.setFocus()}overrideSelectedLabelForRegion(e){this.mode!=="region"||!this.selectedTimeZoneItem||this.comboboxRef.value&&(this.comboboxRef.value.selectedItems[0].heading=this.getItemLabel(this.selectedTimeZoneItem,e))}onComboboxBeforeClose(e){e.stopPropagation(),this.overrideSelectedLabelForRegion(!1),this.calciteInputTimeZoneBeforeClose.emit()}onComboboxBeforeOpen(e){e.stopPropagation(),this.overrideSelectedLabelForRegion(!0),this.calciteInputTimeZoneBeforeOpen.emit()}onComboboxChange(e){e.stopPropagation();let s=e.target.selectedItems[0],a=this._value;if(!s){this._value="",this.requestUpdate("value",a),this.selectedTimeZoneItem=void 0,this.calciteInputTimeZoneChange.emit();return}let i=this.findTimeZoneItemByLabel(s.getAttribute("data-label")??void 0),c=i?.value===void 0?void 0:`${i?.value}`;this.value===c&&i?.label===this.selectedTimeZoneItem?.label||(this._value=c,this.requestUpdate("value",a),this.selectedTimeZoneItem=i,this.#e="user",this.calciteInputTimeZoneChange.emit())}onComboboxClose(e){e.stopPropagation(),this.open=!1,this.calciteInputTimeZoneClose.emit()}onComboboxOpen(e){this.open=!0,e.stopPropagation(),this.calciteInputTimeZoneOpen.emit()}findTimeZoneItem(e){return H(this.timeZoneItems,"value",e)}findTimeZoneItemByLabel(e){return H(this.timeZoneItems,"label",e)}async updateTimeZoneItems(){this.timeZoneItems=await this.createTimeZoneItems()}updateTimeZoneSelection(){if(this.value===""&&this.clearable){this.selectedTimeZoneItem=void 0;return}let e=this.mode==="offset"?se():ie(),o=this.value===""||!this.value?e:this.value;this.selectedTimeZoneItem=this.findTimeZoneItem(o)||this.findTimeZoneItem(e)}async createTimeZoneItems(){return!this.messages._lang||!this.messages?[]:ne(this.messages._lang,this.messages,this.mode,this.referenceDate instanceof Date?this.referenceDate:new Date(this.referenceDate??Date.now()),this.offsetStyle)}normalizeValue(e){return e=e===void 0?"":e,e&&this.normalizer(e)}getItemLabel(e,o=this.open){let s=this.selectedTimeZoneItem===e,{label:a,metadata:i}=e;return!i.country||o||!s?a:le(a,i.country,this.messages)}render(){return this.interactiveContainer({disabled:this.disabled,children:v`<calcite-combobox .clearDisabled=${!this.clearable} .disabled=${this.disabled} .label=${this.messages.chooseTimeZone} .labelText=${this.labelText} lang=${this.messages._lang??y} .maxItems=${this.maxItems} @calciteComboboxBeforeClose=${this.onComboboxBeforeClose} @calciteComboboxBeforeOpen=${this.onComboboxBeforeOpen} @calciteComboboxChange=${this.onComboboxChange} @calciteComboboxClose=${this.onComboboxClose} @calciteComboboxOpen=${this.onComboboxOpen} .overlayPositioning=${this.overlayPositioning} .placeholder=${this.placeholder||this.messages[`${this.mode}Placeholder`]} placeholder-icon=search .readOnly=${this.readOnly} .required=${this.required} .scale=${this.scale} .selectionMode=${this.clearable?"single":"single-persist"} .status=${this.status} .topLayerDisabled=${this.topLayerDisabled} .validationIcon=${this.validationIcon} .validationMessage=${this.validationMessage} ${P(this.comboboxRef)}>${this.renderItems()}<slot name=${ee.labelContent} slot=${j.labelContent}></slot></calcite-combobox>`})}renderItems(){return this.mode==="region"?this.renderRegionItems():$(this.timeZoneItems,({label:e})=>e,e=>{let o=this.selectedTimeZoneItem===e,{label:s,metadata:a,value:i}=e;return v`<calcite-combobox-item data-label=${s??y} .heading=${s} .metadata=${a} .selected=${o} .value=${i}></calcite-combobox-item>`})}renderRegionItems(){return this.timeZoneItems.flatMap(({label:e,items:o})=>E(e,v`<calcite-combobox-item-group .label=${e}>${$(o,({label:s})=>s,s=>{let a=this.selectedTimeZoneItem===s,{label:i,metadata:c,value:Z}=s,C=this.getItemLabel(s);return v`<calcite-combobox-item data-label=${i??y} .description=${c.country} .heading=${C} .metadata=${c} .selected=${a} .value=${Z}><span class=${U(Y.offset)} slot=content-end>${c.offset}</span></calcite-combobox-item>`})}</calcite-combobox-item-group>`))}};V("calcite-input-time-zone",B);export{B as InputTimeZone};
@@ -1,2 +0,0 @@
1
- /* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
2
- import{F as $,H as e,h as n,l as s}from"./PKAE4WC2.js";var a={container:"inline-edit--container",enableEditing:"enable-editing",confirmChanges:"confirm-changes",cancelEditing:"cancel-editing"},C=({cancelEditingLabel:t,confirmChangesLabel:i,inlineEditing:o,enableEditingLabel:c,enableEditingButtonRef:d,loading:l,onCancelEditing:p,onConfirmChanges:m,onEnableEditing:u,scale:r,showControls:g})=>n`<div class=${e(a.container)}>${!o&&n`<calcite-action .ariaLabel=${c} class=${e(a.enableEditing)} icon=pencil @click=${u} .scale=${r} .text=${c} title=${c??s} type=button ${$(d)}></calcite-action>`||""}${g&&[n`<calcite-action .ariaLabel=${i} class=${e(a.confirmChanges)} .disabled=${l} icon=check .loading=${l} @click=${m} .scale=${r} .text=${i} title=${i??s} type=button></calcite-action>`,n`<calcite-action .ariaLabel=${t} class=${e(a.cancelEditing)} .disabled=${l} icon=x @click=${p} .scale=${r} .text=${t} title=${t??s} type=button></calcite-action>`]||""}</div>`,h=class{constructor(i){this.options=i,this.valuePriorToEditing=""}enable(){this.valuePriorToEditing=this.options.getValue(),this.options.setInlineEditing(!0),requestAnimationFrame(()=>{this.options.setFocus()}),this.options.emitEnableEditingChange()}disable(){this.options.setInlineEditing(!1)}cancelEditing(){this.options.restoreValue(this.valuePriorToEditing),this.disable(),this.options.emitCancel(),this.options.emitEnableEditingChange()}async confirm(i,o){if(i){o?.(!0);try{await i()}finally{o?.(!1)}}this.options.commitValue(),this.disable(),this.options.emitConfirm(),this.options.emitEnableEditingChange()}},y={fromAttribute(t){return t===null?!1:t==="controls-disabled"?t:!0},toAttribute(t){return t===!1?null:t===!0?"":t}};export{a,C as b,h as c,y as d};
@@ -1,2 +0,0 @@
1
- /* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
2
- import{a as t,b as l,c as r}from"./IP7QMIWU.js";import{a as C}from"./AVGGTI7X.js";import"./NPYCNKHD.js";import{a as $}from"./5ZYCAOFR.js";import"./A6D64KCU.js";import{a as S}from"./YP3AYJH3.js";import"./VUYX7MNO.js";import{a as w}from"./66A27LX7.js";import"./ZWPNZ5XW.js";import"./EEU562WF.js";import"./NDECAMD3.js";import{x as y}from"./7FW2RVVH.js";import{F as b,G as x,H as c,J as k,T as z,g as m,h as a,p as g}from"./PKAE4WC2.js";var M=m`: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{box-shadow:var(--calcite-tile-shadow, var(--calcite-shadow-none));box-sizing:border-box;display:inline-block}calcite-link{--calcite-internal-link-text-decoration-line: none;--calcite-link-text-color: var(--calcite-tile-link-text-color)}.container{background-color:var(--calcite-tile-background-color, var(--calcite-theme-color-surface-2, var(--calcite-color-foreground-1)));block-size:var(--calcite-container-size-content-fluid);border-radius:var(--calcite-tile-corner-radius, var(--calcite-corner-radius));box-sizing:border-box;color:var(--calcite-tile-text-color, var(--calcite-color-text-3));inline-size:var(--calcite-container-size-content-fluid);outline:var(--calcite-border-width-sm, 1px) solid var(--calcite-tile-border-color, var(--calcite-color-border-2));padding:var(--calcite-internal-tile-spacing);position:relative;-webkit-user-select:none;user-select:none}.container .selection-icon{color:var(--calcite-tile-text-color, var(--calcite-color-text-3))}.container ::slotted(calcite-chip){--calcite-icon-color: var(--calcite-tile-text-color, var(--calcite-color-text-3))}.container.interactive{cursor:pointer}.container.interactive:hover,.container.interactive:focus,.container.interactive.selected{outline-color:var(--calcite-tile-accent-color-press, var(--calcite-color-brand));z-index:var(--calcite-z-index)}.container.interactive:hover .selection-icon,.container.interactive:focus .selection-icon,.container.interactive.selected .selection-icon{color:var(--calcite-tile-accent-color-press, var(--calcite-color-brand))}.container.interactive:hover .icon,.container.interactive:focus .icon,.container.interactive.selected .icon{color:var(--calcite-tile-heading-text-color, var(--calcite-color-text-1))}.container.interactive:hover ::slotted(calcite-chip),.container.interactive:focus ::slotted(calcite-chip),.container.interactive.selected ::slotted(calcite-chip){--calcite-icon-color: var(--calcite-tile-text-color, var(--calcite-color-text-1))}.container.interactive:focus{box-shadow:inset 0 0 0 1px var(--calcite-tile-accent-color-press, var(--calcite-color-brand));z-index:calc(var(--calcite-z-index) + 1)}.content-container,.row{align-items:flex-start;display:flex}.content-container{flex-direction:column;overflow-wrap:break-word;word-break:break-word;inline-size:var(--calcite-container-size-content-fluid)}.text-content-container{inline-size:100%;outline-color:transparent;padding:0}.text-content{display:flex;flex-direction:column}.heading{margin:0;padding:0;color:var(--calcite-tile-heading-text-color, var(--calcite-color-text-1));font-weight:var(--calcite-font-weight-medium);line-height:1.20313rem;overflow-wrap:break-word}.description{color:var(--calcite-tile-text-color, var(--calcite-color-text-2));font-weight:var(--calcite-font-weight-regular);overflow-wrap:break-word}.large-visual-deprecated{align-items:center;justify-content:center;min-block-size:12rem;text-align:center}.large-visual-deprecated .icon{align-self:center;block-size:64px;inline-size:64px}.large-visual-deprecated .selection-icon{position:absolute;inset-inline-start:var(--calcite-internal-tile-spacing);inset-block-start:var(--calcite-internal-tile-spacing);z-index:var(--calcite-z-index)}.large-visual-deprecated .text-content-container{justify-content:center}:host([alignment=center]) .icon{align-self:center}:host([alignment=center]) .text-content-container{justify-content:center}:host([alignment=center]) .text-content{text-align:center}:host([alignment=center]) slot[name=content-bottom]::slotted(*),:host([alignment=center]) slot[name=content-top]::slotted(*){align-self:center}:host([scale=s]){--calcite-internal-tile-spacing: var(--calcite-theme-space-sm, var(--calcite-spacing-sm));max-inline-size:400px;min-inline-size:100px}:host([scale=s]) .heading{font-size:var(--calcite-font-size--2);line-height:1.03125rem}:host([scale=s]) .description{font-size:var(--calcite-font-size--3);line-height:.85938rem}:host([scale=m]){--calcite-internal-tile-spacing: var(--calcite-theme-space-md, var(--calcite-spacing-md));max-inline-size:460px;min-inline-size:140px}:host([scale=m]) .heading{font-size:var(--calcite-font-size--1);line-height:1.20313rem}:host([scale=m]) .description{font-size:var(--calcite-font-size--2);line-height:1.03125rem}:host([scale=l]){--calcite-internal-tile-spacing: var(--calcite-theme-space-lg, var(--calcite-spacing-lg));max-inline-size:520px;min-inline-size:160px}:host([scale=l]) .heading{font-size:var(--calcite-font-size-0);line-height:1.375rem}:host([scale=l]) .description{font-size:var(--calcite-font-size--1);line-height:1.20313rem}.content-container--has-content,.row{gap:var(--calcite-internal-tile-spacing)}.content-container--has-only-content-top-and-bottom slot[name=content-top]::slotted(*){margin-block-end:var(--calcite-internal-tile-spacing)}:host([selection-appearance=border][layout=horizontal]) .container.selected:focus:before,:host([selection-appearance=border][layout=vertical]) .container.selected:focus:before{block-size:100%;box-shadow:inset 0 0 0 1px var(--calcite-tile-accent-color-press, var(--calcite-color-brand));content:"";display:block;inline-size:100%;inset-block-start:0;inset-inline-start:0;position:absolute}:host([selection-appearance=highlight]) .container.selected{background-color:var(--calcite-color-surface-highlight)}:host([selection-appearance=border][layout=horizontal]) .container.selected{box-shadow:inset 0 -4px 0 0 var(--calcite-tile-accent-color-press, var(--calcite-color-brand))}:host([selection-appearance=border][layout=vertical]) .container.selected{box-shadow:inset 4px 0 0 0 var(--calcite-tile-accent-color-press, var(--calcite-color-brand))}:host(:hover:not([disabled])) .heading,:host([active]:not([disabled])) .heading{color:var(--calcite-tile-heading-text-color, var(--calcite-color-text-1))}:host(:hover:not([disabled])) .description,:host([active]:not([disabled])) .description{color:var(--calcite-tile-text-color, var(--calcite-color-text-2))}:host([href]:focus:not([disabled])) .container,:host([href]:hover:not([disabled])) .container{outline-color:var(--calcite-tile-link-color, var(--calcite-color-text-link));z-index:var(--calcite-z-index)}:host([href]:focus:not([disabled])) .icon,:host([href]:hover:not([disabled])) .icon{color:var(--calcite-tile-link-color, var(--calcite-color-text-link))}:host([href]:focus:not([disabled])) .heading,:host([href]:hover:not([disabled])) .heading{color:var(--calcite-tile-link-color, var(--calcite-color-text-link))}:host([href]:active:not([disabled])) .container{box-shadow:inset 0 0 0 1px var(--calcite-tile-link-color, var(--calcite-color-text-link));outline-color:var(--calcite-tile-link-color, var(--calcite-color-text-link))}:host([embed]) .container{padding:0}:host([selection-mode=none]) .container:hover,:host([selection-mode=none]) .container.selected{outline-color:var(--calcite-tile-border-color, var(--calcite-color-border-2))}:host([selection-mode=none]) .container:focus{outline-color:var(--calcite-tile-accent-color-press, var(--calcite-color-brand))}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}:host([hidden]){display:none}[hidden]{display:none}::slotted(*){max-inline-size:100%}`,v=class extends x{constructor(){super(),this.focusSetter=w()(this),this.interactiveContainer=$(this),this.hasContentBottom=!1,this.hasContentTop=!1,this.active=!1,this.alignment="start",this.disabled=!1,this.embed=!1,this.iconFlipRtl=!1,this.interactive=!1,this.layout="horizontal",this.scale="m",this.selected=!1,this.selectionAppearance="icon",this.selectionMode="none",this.calciteTileSelect=g(),this.listen("keydown",this.keyDownHandler)}static{this.properties={hasContentBottom:[16,{},{state:!0}],hasContentTop:[16,{},{state:!0}],active:[7,{},{reflect:!0,type:Boolean}],alignment:[3,{},{reflect:!0}],description:[3,{},{reflect:!0}],disabled:[7,{},{reflect:!0,type:Boolean}],embed:[7,{},{reflect:!0,type:Boolean}],heading:[3,{},{reflect:!0}],headingLevel:[11,{},{type:Number,reflect:!0}],href:[3,{},{reflect:!0}],icon:[3,{},{reflect:!0}],iconFlipRtl:[7,{},{reflect:!0,type:Boolean}],interactive:[5,{},{type:Boolean}],label:1,layout:[3,{},{reflect:!0}],scale:[3,{},{reflect:!0}],selected:[7,{},{reflect:!0,type:Boolean}],selectionAppearance:[3,{},{reflect:!0}],selectionMode:[3,{},{reflect:!0}]}}static{this.styles=M}async setFocus(e){return this.focusSetter(()=>this.interactive?this.containerEl:void 0,e)}clickHandler(){this.interactive&&(this.setFocus(),this.handleSelectEvent())}handleSelectEvent(){this.disabled||!this.interactive||this.selectionMode==="single-persist"&&this.selected===!0||this.calciteTileSelect.emit()}handleSlotChange(e){let o=y(e),i=e.target.name;i===r.contentBottom?this.hasContentBottom=o:i===r.contentTop&&(this.hasContentTop=o)}setContainerEl(e){this.containerEl=e}keyDownHandler(e){!this.href&&e.target===this.el&&S(e.key)&&(this.handleSelectEvent(),e.preventDefault())}renderSelectionIcon(){let{selected:e,selectionAppearance:o,selectionMode:i}=this;if(o==="icon"&&i!=="none")return a`<calcite-icon class=${c(t.selectionIcon)} .icon=${e?i==="multiple"?l.selectedMultiple:l.selectedSingle:i==="multiple"?l.unselectedMultiple:l.unselectedSingle} scale=s></calcite-icon>`}renderTile(){let{description:e,disabled:o,hasContentBottom:i,hasContentTop:B,heading:s,headingLevel:T,icon:d,iconFlipRtl:E,interactive:n,selectionMode:h}=this,H=s&&d&&!e,p=!!this.href||!n,u=h==="multiple"&&n?"checkbox":h!=="none"&&n?"radio":n?"button":void 0,f=!!(e||s||d),A=!f&&B&&i;return a`<div .ariaChecked=${h!=="none"&&n?this.selected:void 0} .ariaDisabled=${p?o:void 0} .ariaLabel=${u&&this.label} class=${c({[t.container]:!0,[t.interactive]:n,[t.largeVisualDeprecated]:H,[t.row]:!0,[t.selected]:this.selected})} @click=${this.clickHandler} .role=${u} tabindex=${(p?void 0:0)??k} ${b(this.setContainerEl)}>${this.renderSelectionIcon()}<div class=${c({[t.contentContainer]:!0,[t.contentContainerHasContent]:f,[t.contentContainerHasOnlyContentTopAndBottom]:A})}><slot name=${r.contentTop} @slotchange=${this.handleSlotChange}></slot>${d&&a`<calcite-icon class=${c(t.icon)} .flipRtl=${E} .icon=${d} scale=l></calcite-icon>`||""}<div class=${c({[t.textContentContainer]:!0,[t.row]:!0})}><div class=${c(t.textContent)}>${s&&C({class:t.heading,level:T,children:s})||""}${e&&a`<div class=${c(t.description)}>${e}</div>`||""}</div></div><slot name=${r.contentBottom} @slotchange=${this.handleSlotChange}></slot></div></div>`}render(){let{disabled:e}=this;return this.interactiveContainer({disabled:e,children:this.href?a`<calcite-link .disabled=${e} .href=${this.href}>${this.renderTile()}</calcite-link>`:this.renderTile()})}};z("calcite-tile",v);export{v as Tile};
@@ -1,2 +0,0 @@
1
- /* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
2
- import{a as c,b as k,c as l}from"./C4WP5EBM.js";import{a as b}from"./5ZYCAOFR.js";import{a as f}from"./YP3AYJH3.js";import{a as u}from"./XOP5FFXT.js";import"./VUYX7MNO.js";import{a as g}from"./66A27LX7.js";import{a as s}from"./ZWPNZ5XW.js";import"./EEU562WF.js";import"./NDECAMD3.js";import{p as m,x}from"./7FW2RVVH.js";import{E as n,F as r,G as d,H as a,T as v,g as h,h as t,p as i}from"./PKAE4WC2.js";var C=h`: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-flex;cursor:default;border-radius:var(--calcite-chip-corner-radius, 9999px)}:host([closed]){display:none}:host([appearance=outline]) .container,:host([appearance=outline-fill]) .container{color:var(--calcite-chip-text-color, var(--calcite-color-text-1))}:host([appearance=outline]):host([kind=brand]),:host([appearance=outline-fill]):host([kind=brand]){--calcite-internal-chip-border-color: var(--calcite-chip-border-color, var(--calcite-color-brand));--calcite-internal-chip-selectable-hover-border-color: var(--calcite-chip-border-color, var(--calcite-color-brand));--calcite-internal-chip-selectable-active-border-color: var( --calcite-chip-border-color, var(--calcite-color-brand) )}:host([appearance=outline]):host([kind=inverse]),:host([appearance=outline-fill]):host([kind=inverse]){--calcite-internal-chip-border-color: var(--calcite-chip-border-color, var(--calcite-color-border-inverse))}:host([appearance=outline]):host([kind=neutral]),:host([appearance=outline-fill]):host([kind=neutral]){--calcite-internal-chip-border-color: var(--calcite-chip-border-color, var(--calcite-color-border-1))}:host([appearance=outline]){--calcite-internal-chip-background-color: transparent}:host([appearance=outline-fill]){--calcite-internal-chip-background-color: var( --calcite-chip-background-color, var(--calcite-theme-color-surface-2, var(--calcite-color-foreground-1)) )}:host([appearance=solid]){--calcite-internal-chip-border-color: transparent;--calcite-internal-chip-selectable-hover-border-color: transparent;--calcite-internal-chip-selectable-active-border-color: transparent}:host([appearance=solid]):host([kind=brand]),:host([appearance=solid]):host([kind=inverse]){--calcite-internal-chip-close-background-color-hover: var(--calcite-color-transparent-inverse-hover);--calcite-internal-chip-close-background-color-press: var(--calcite-color-transparent-inverse-press);--calcite-internal-chip-close-icon-color: var(--calcite-color-text-inverse);--calcite-internal-chip-close-icon-color-hover: var(--calcite-color-text-inverse)}:host([appearance=solid]):host([kind=brand]) .container,:host([appearance=solid]):host([kind=inverse]) .container{color:var(--calcite-chip-text-color, var(--calcite-color-text-inverse))}:host([appearance=solid]):host([kind=brand]) .close,:host([appearance=solid]):host([kind=inverse]) .close{--calcite-color-focus: var(--calcite-color-text-inverse)}:host([appearance=solid]):host([kind=brand]){--calcite-internal-chip-background-color: var(--calcite-chip-background-color, var(--calcite-color-brand))}:host([appearance=solid]):host([kind=inverse]){--calcite-internal-chip-background-color: var(--calcite-chip-background-color, var(--calcite-color-inverse))}:host([appearance=solid]):host([kind=neutral]){--calcite-internal-chip-background-color: var( --calcite-chip-background-color, var(--calcite-theme-color-surface-3, var(--calcite-color-foreground-2)) )}:host([kind=neutral]) .container{color:var(--calcite-chip-text-color, var(--calcite-color-text-1))}:host([selected]) .select-icon{opacity:1}:host([appearance=solid]):host([kind=neutral]){--calcite-internal-chip-selectable-hover-background-color: var( --calcite-theme-color-surface-4, var(--calcite-color-foreground-3) );--calcite-internal-chip-selectable-active-background-color: var(--calcite-color-border-2)}:host([appearance=solid]):host([kind=inverse]){--calcite-internal-chip-selectable-hover-background-color: var(--calcite-color-inverse-hover);--calcite-internal-chip-selectable-active-background-color: var(--calcite-color-inverse-press)}:host([appearance=solid]):host([kind=brand]){--calcite-internal-chip-selectable-hover-background-color: var(--calcite-color-brand-hover);--calcite-internal-chip-selectable-active-background-color: var(--calcite-color-brand-press)}:host([appearance=outline-fill]):host([kind=neutral]){--calcite-internal-chip-selectable-hover-background-color: var( --calcite-theme-color-surface-3, var(--calcite-color-foreground-2) );--calcite-internal-chip-selectable-hover-border-color: var(--calcite-color-border-input);--calcite-internal-chip-selectable-active-background-color: var( --calcite-theme-color-surface-4, var(--calcite-color-foreground-3) );--calcite-internal-chip-selectable-active-border-color: var(--calcite-color-text-3)}:host([appearance=outline-fill]):host([kind=inverse]),:host([appearance=outline-fill]):host([kind=brand]){--calcite-internal-chip-selectable-hover-background-color: var( --calcite-theme-color-surface-3, var(--calcite-color-foreground-2) );--calcite-internal-chip-selectable-active-background-color: var( --calcite-theme-color-surface-4, var(--calcite-color-foreground-3) )}:host([appearance=outline]):host([kind=neutral]){--calcite-internal-chip-selectable-hover-background-color: var(--calcite-color-transparent-hover);--calcite-internal-chip-selectable-hover-border-color: var(--calcite-color-border-input);--calcite-internal-chip-selectable-active-background-color: var(--calcite-color-transparent-press);--calcite-internal-chip-selectable-active-border-color: var(--calcite-color-text-3)}:host([appearance=outline]):host([kind=inverse]),:host([appearance=outline]):host([kind=brand]){--calcite-internal-chip-selectable-hover-background-color: var(--calcite-color-transparent-hover);--calcite-internal-chip-selectable-active-background-color: var(--calcite-color-transparent-press)}:host([scale=s]){--calcite-internal-chip-close-padding: var(--calcite-theme-space-none, var(--calcite-spacing-none))}:host([scale=s]) .container{--calcite-internal-chip-block-size: var(--calcite-size-sm, 1.5rem) ;--calcite-internal-chip-container-space-x-end: var(--calcite-theme-space-2xs, var(--calcite-spacing-xxs, .25rem)) ;--calcite-internal-chip-container-space-x-start: var(--calcite-theme-space-2xs, var(--calcite-spacing-xxs, .25rem)) ;--calcite-internal-chip-font-size: var(--calcite-font-size--2);--calcite-internal-chip-icon-size: var(--calcite-size-xs, 1rem) ;--calcite-internal-chip-icon-space: var(--calcite-theme-space-2xs, var(--calcite-spacing-xxs, .25rem)) ;--calcite-internal-chip-image-size: var(--calcite-theme-space-xl, var(--calcite-spacing-xl, 1.25rem)) ;--calcite-internal-chip-title-space: var(--calcite-theme-space-2xs, var(--calcite-spacing-xxs, .25rem)) ;--calcite-internal-close-size: var(--calcite-size-xs, 1rem) }:host([scale=s]) .container:not(.closable).is-circle{--calcite-internal-chip-container-space-x-start: var(--calcite-theme-space-px, var(--calcite-spacing-px));--calcite-internal-chip-container-space-x-end: var(--calcite-theme-space-px, var(--calcite-spacing-px))}:host([scale=s]) .container.image--slotted:has(.chip-icon),:host([scale=s]) .container.image--slotted.text--slotted,:host([scale=s]) .container.image--slotted.closable{--calcite-internal-chip-image-space-x-end: var(--calcite-theme-space-2xs, var(--calcite-spacing-xxs, .25rem)) }:host([scale=s]) .container.image--slotted:not(.text--slotted,:has(.chip-icon)),:host([scale=s]) .container.image--slotted:not(.selectable){--calcite-internal-chip-container-space-x-start: var(--calcite-theme-space-px, var(--calcite-spacing-px))}:host([scale=s]) .container.selectable.single:not(.is-circle).image--slotted{--calcite-internal-chip-container-space-x-start: var(--calcite-theme-space-px, var(--calcite-spacing-px))}:host([scale=s]) .container.selectable.single:not(.is-circle).selected{--calcite-internal-chip-select-space-x-end: var(--calcite-theme-space-xs, var(--calcite-spacing-xs, .375rem)) ;--calcite-internal-chip-select-space-x-start: var(--calcite-theme-space-none, var(--calcite-spacing-none, 0))}:host([scale=s]) .container.selectable.single:not(.is-circle).selected.image--slotted{--calcite-internal-chip-select-space-x-end: .5rem ;--calcite-internal-chip-select-space-x-start: .125rem }:host([scale=s]) .container.multiple:not(.is-circle){--calcite-internal-chip-container-space-x-start: var( --calcite-theme-space-2xs, var(--calcite-spacing-xxs, .25rem) ) ;--calcite-internal-chip-select-space-x-end: var(--calcite-theme-space-2xs, var(--calcite-spacing-xxs, .25rem)) ;--calcite-internal-chip-select-space-x-start: var(--calcite-theme-space-2xs, var(--calcite-spacing-xxs, .25rem)) }:host([scale=s]) .container.multiple:not(.is-circle).image--slotted{--calcite-internal-chip-select-space-x-end: .5rem ;--calcite-internal-chip-select-space-x-start: var(--calcite-theme-space-xs, var(--calcite-spacing-xs, .375rem)) ;--calcite-internal-chip-container-space-x-start: var(--calcite-theme-space-px, var(--calcite-spacing-px))}:host([scale=s]) .container.multiple:not(.is-circle).image--slotted:not(.text--slotted){--calcite-internal-chip-select-space-x-start: var( --calcite-theme-space-xs, var(--calcite-spacing-xs, .375rem) ) }:host([scale=m]){--calcite-internal-chip-close-padding: var(--calcite-theme-space-2xs, var(--calcite-spacing-xxs))}:host([scale=m]) .container{--calcite-internal-chip-block-size: var(--calcite-size-md, 2rem) ;--calcite-internal-chip-container-space-x-end: var(--calcite-theme-space-xs, var(--calcite-spacing-xs, .375rem)) ;--calcite-internal-chip-container-space-x-start: var(--calcite-theme-space-xs, var(--calcite-spacing-xs, .375rem)) ;--calcite-internal-chip-font-size: var(--calcite-font-size--1);--calcite-internal-chip-icon-size: var(--calcite-size-sm, 1.5rem) ;--calcite-internal-chip-icon-space: var(--calcite-theme-space-xs, var(--calcite-spacing-xs, .375rem)) ;--calcite-internal-chip-image-size: var(--calcite-size-sm, 1.5rem) ;--calcite-internal-chip-title-space: var(--calcite-theme-space-xs, var(--calcite-spacing-xs, .375rem)) ;--calcite-internal-close-size: var(--calcite-size-sm, 1.5rem) }:host([scale=m]) .container:not(.closable).is-circle{--calcite-internal-chip-container-space-x-end: var(--calcite-theme-space-px, var(--calcite-spacing-px));--calcite-internal-chip-container-space-x-start: var(--calcite-theme-space-px, var(--calcite-spacing-px))}:host([scale=m]) .container.image--slotted:not(.is-circle){--calcite-internal-chip-container-space-x-start: var( --calcite-theme-space-2xs, var(--calcite-spacing-xxs, .25rem) ) }:host([scale=m]) .container.image--slotted:has(.chip-icon),:host([scale=m]) .container.image--slotted.text--slotted,:host([scale=m]) .container.image--slotted.closable{--calcite-internal-chip-image-space-x-end: var(--calcite-theme-space-xs, var(--calcite-spacing-xs, .375rem)) }:host([scale=m]) .container.selectable.single:not(.is-circle).image--slotted{--calcite-internal-chip-container-space-x-start: var( --calcite-theme-space-2xs, var(--calcite-spacing-xxs, .25rem) ) }:host([scale=m]) .container.selectable.single:not(.is-circle).selected{--calcite-internal-chip-select-space-x-end: var(--calcite-theme-space-px, var(--calcite-spacing-px));--calcite-internal-chip-select-space-x-start: var(--calcite-theme-space-none, var(--calcite-spacing-none, 0))}:host([scale=m]) .container.selectable.single:not(.is-circle).selected.image--slotted{--calcite-internal-chip-select-space-x-end: var( --calcite-theme-space-2xs, var(--calcite-spacing-xxs, .25rem) ) ;--calcite-internal-chip-select-space-x-start: var( --calcite-theme-space-xs, var(--calcite-spacing-xs, .375rem) ) }:host([scale=m]) .container.multiple:not(.is-circle){--calcite-internal-chip-select-space-x-end: .125rem ;--calcite-internal-chip-select-space-x-start: .125rem }:host([scale=m]) .container.multiple:not(.is-circle).image--slotted{--calcite-internal-chip-select-space-x-end: .5rem ;--calcite-internal-chip-select-space-x-start: var( --calcite-theme-space-2xs, var(--calcite-spacing-xxs, .25rem) ) }:host([scale=m]) .container.closable:not(.is-circle){--calcite-internal-chip-container-space-x-end: var(--calcite-theme-space-2xs, var(--calcite-spacing-xxs, .25rem)) }:host([scale=l]){--calcite-internal-chip-close-padding: var(--calcite-theme-space-2xs, var(--calcite-spacing-xxs))}:host([scale=l]) .container{--calcite-internal-chip-block-size: 2.75rem ;--calcite-internal-chip-container-space-x-end: .5rem ;--calcite-internal-chip-container-space-x-start: .5rem ;--calcite-internal-chip-font-size: var(--calcite-font-size-0);--calcite-internal-chip-icon-size: var(--calcite-size-md, 2rem) ;--calcite-internal-chip-icon-space: .5rem ;--calcite-internal-chip-image-size: var(--calcite-size-md, 2rem) ;--calcite-internal-chip-title-space: .5rem ;--calcite-internal-close-size: var(--calcite-size-md, 2rem) }:host([scale=l]) .container:not(.closable).is-circle{--calcite-internal-chip-container-space-x-end: var( --calcite-theme-space-2xs, var(--calcite-spacing-xxs, .25rem) ) ;--calcite-internal-chip-container-space-x-start: var( --calcite-theme-space-2xs, var(--calcite-spacing-xxs, .25rem) ) }:host([scale=l]) .container.image--slotted:not(.is-circle){--calcite-internal-chip-container-space-x-start: var( --calcite-theme-space-xs, var(--calcite-spacing-xs, .375rem) ) }:host([scale=l]) .container.image--slotted:has(.chip-icon),:host([scale=l]) .container.image--slotted.text--slotted,:host([scale=l]) .container.image--slotted.closable{--calcite-internal-chip-image-space-x-end: .5rem }:host([scale=l]) .container.selectable.single:not(.is-circle).image--slotted{--calcite-internal-chip-container-space-x-start: var( --calcite-theme-space-xs, var(--calcite-spacing-xs, .375rem) ) }:host([scale=l]) .container.selectable.single:not(.is-circle).selected{--calcite-internal-chip-select-space-x-end: var(--calcite-theme-space-2xs, var(--calcite-spacing-xxs, .25rem)) ;--calcite-internal-chip-select-space-x-start: var(--calcite-theme-space-none, var(--calcite-spacing-none, 0))}:host([scale=l]) .container.selectable.single:not(.is-circle).selected.image--slotted{--calcite-internal-chip-select-space-x-end: var(--calcite-theme-space-xs, var(--calcite-spacing-xs, .375rem)) ;--calcite-internal-chip-select-space-x-start: .5rem }:host([scale=l]) .container.multiple:not(.is-circle){--calcite-internal-chip-container-space-x-start: .5rem ;--calcite-internal-chip-select-space-x-end: var(--calcite-theme-space-2xs, var(--calcite-spacing-xxs, .25rem)) ;--calcite-internal-chip-select-space-x-start: var(--calcite-theme-space-2xs, var(--calcite-spacing-xxs, .25rem)) }:host([scale=l]) .container.multiple:not(.is-circle).image--slotted{--calcite-internal-chip-select-space-x-end: .75rem }:host([scale=l]) .container.closable:not(.is-circle){--calcite-internal-chip-container-space-x-end: var(--calcite-theme-space-xs, var(--calcite-spacing-xs, .375rem)) }.container{display:inline-flex;max-inline-size:100%;align-items:center;outline-color:transparent;justify-content:center;box-sizing:border-box;font-weight:var(--calcite-font-weight-medium);background-color:var(--calcite-internal-chip-background-color);border-color:var(--calcite-internal-chip-border-color);border-radius:var(--calcite-chip-corner-radius, var(--calcite-corner-radius-pill));border-width:var(--calcite-border-width-sm);border-style:solid;font-size:var(--calcite-internal-chip-font-size, var(--calcite-font-size));padding-inline-start:var(--calcite-internal-chip-container-space-x-start);padding-inline-end:var(--calcite-internal-chip-container-space-x-end);block-size:var(--calcite-internal-chip-block-size, auto);inline-size:var(--calcite-internal-chip-inline-size, auto);min-inline-size:var(--calcite-internal-chip-block-size, auto)}.container:hover .select-icon--active{opacity:var(--calcite-opacity-full, 1)}.container.selectable{cursor:pointer}.container.selectable:hover{background-color:var(--calcite-internal-chip-selectable-hover-background-color);border-color:var(--calcite-internal-chip-selectable-hover-border-color)}.container.selectable:active{background-color:var(--calcite-internal-chip-selectable-active-background-color);border-color:var(--calcite-internal-chip-selectable-active-border-color)}.container:not(.non-interactive):focus{outline:var(--calcite-border-width-md) solid var(--calcite-color-focus, var(--calcite-ui-focus-color, var(--calcite-color-brand)));outline-offset:calc(var(--calcite-space-base) * (1 - 2 * clamp(0,var(--calcite-offset-invert-focus),1)))}.container.text--slotted .title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.container:not(.text--slotted) .title,.container:not(.image--slotted) .image-container{display:none}.container.is-circle .chip-icon,.container.is-circle .image-container{padding:var(--calcite-theme-space-none, var(--calcite-spacing-none, 0))}.title{padding-inline:var(--calcite-internal-chip-title-space)}.image-container{display:inline-flex;overflow:hidden;align-items:center;justify-content:center;pointer-events:none;block-size:var(--calcite-internal-chip-image-size, var(--calcite-theme-space-2xl, var(--calcite-spacing-xxl, 1.5rem)));inline-size:var(--calcite-internal-chip-image-size, var(--calcite-theme-space-2xl, var(--calcite-spacing-xxl, 1.5rem)));padding-inline-start:var(--calcite-theme-space-none, var(--calcite-spacing-none, 0));padding-inline-end:var(--calcite-internal-chip-image-space-x-end, 0)}.chip-icon{position:relative;margin-block:0;display:inline-flex;transition-timing-function:var(--calcite-animation-easing-function);color:var(--calcite-chip-icon-color, var(--calcite-chip-text-color, var(--calcite-icon-color, var(--calcite-ui-icon-color, currentColor))));padding-inline:var(--calcite-internal-chip-icon-space, var(--calcite-theme-space-xs, var(--calcite-spacing-xs, .375rem)))}.select-icon{align-self:center;justify-content:center;align-items:center;display:flex;inset-block-start:-1px;position:absolute;visibility:hidden;inline-size:auto;opacity:0;transition:opacity .15s ease-in-out,inline-size .15s ease-in-out;color:var(--calcite-chip-select-icon-color, currentColor)}.select-icon.select-icon--active{position:relative;visibility:visible;opacity:var(--calcite-opacity-half, .5);color:var(--calcite-chip-select-icon-color-press, var(--calcite-chip-select-icon-color-pressed, var(--calcite-chip-select-icon-color, currentColor)))}.multiple .select-icon{display:flex;justify-content:center;align-items:center}.multiple .select-icon,.single .select-icon--active{padding-inline-start:var(--calcite-internal-chip-select-space-x-start);padding-inline-end:var(--calcite-internal-chip-select-space-x-end);block-size:var(--calcite-internal-chip-icon-size, var(--calcite-theme-space-2xl, var(--calcite-spacing-xxl, 1.5rem)));inline-size:var(--calcite-internal-chip-icon-size, var(--calcite-theme-space-2xl, var(--calcite-spacing-xxl, 1.5rem)))}.close{--calcite-action-background-color-hover: var(--calcite-internal-chip-close-background-color-hover);--calcite-action-background-color-press: var(--calcite-internal-chip-close-background-color-press);--calcite-action-corner-radius: var(--calcite-corner-radius-pill);--calcite-action-text-color: var( --calcite-chip-close-icon-color, var(--calcite-close-icon-color, var(--calcite-internal-chip-close-icon-color)) );--calcite-action-text-color-press: var( --calcite-chip-close-icon-color, var(--calcite-close-icon-color, var(--calcite-internal-chip-close-icon-color-hover)) );--calcite-icon-color: var(--calcite-action-text-color);--calcite-internal-action-min-height: unset;--calcite-internal-action-spacing: var(--calcite-internal-chip-close-padding)}slot[name=image]::slotted(*){border-radius:50%;display:flex;block-size:100%;inline-size:100%;overflow:hidden}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}:host([hidden]){display:none}[hidden]{display:none}`,o=class extends d{constructor(){super(),this.closeButtonRef=n(),this.containerRef=n(),this.messages=u({blocking:!0}),this.focusSetter=g()(this),this.interactiveContainer=b(this),this.hasImage=!1,this.hasText=!1,this.appearance="solid",this.closable=!1,this.closed=!1,this.closeOnDelete=!1,this.disabled=!1,this.iconFlipRtl=!1,this.interactive=!1,this.kind="neutral",this.scale="m",this.selected=!1,this.selectionMode="none",this.calciteChipClose=i({cancelable:!1}),this.calciteChipSelect=i({cancelable:!1}),this.calciteInternalChipSelect=i({cancelable:!1}),this.calciteInternalSyncSelectedChips=i({cancelable:!1}),this.listen("keydown",this.keyDownHandler),this.listen("click",this.clickHandler)}static{this.properties={hasImage:[16,{},{state:!0}],hasText:[16,{},{state:!0}],appearance:[3,{},{reflect:!0}],closable:[7,{},{reflect:!0,type:Boolean}],closed:[7,{},{reflect:!0,type:Boolean}],closeOnDelete:[7,{},{reflect:!0,type:Boolean}],disabled:[7,{},{reflect:!0,type:Boolean}],icon:[3,{},{reflect:!0}],iconFlipRtl:[7,{},{reflect:!0,type:Boolean}],interactive:[5,{},{type:Boolean}],kind:[3,{},{reflect:!0}],label:1,messageOverrides:[0,{},{attribute:!1}],parentChipGroup:[0,{},{attribute:!1}],scale:[3,{},{reflect:!0}],selected:[7,{},{reflect:!0,type:Boolean}],selectionMode:1,value:1}}static{this.styles=C}async setFocus(e){return this.focusSetter(()=>{if(this.interactive)return this.containerRef.value;if(this.closable)return this.closeButtonRef.value},e)}async load(){this.updateHasText()}willUpdate(e){e.has("selected")&&this.hasUpdated&&this.watchSelected(this.selected)}loaded(){this.selectionMode!=="none"&&this.interactive&&this.selected&&this.handleSelectionPropertyChange(this.selected)}watchSelected(e){this.selectionMode!=="none"&&this.handleSelectionPropertyChange(e)}keyDownHandler(e){if(e.target===this.el)switch(e.key){case" ":case"Enter":this.handleEmittingEvent(),e.preventDefault();break;case"Backspace":case"Delete":this.closable&&!this.closed&&this.closeOnDelete&&(e.preventDefault(),this.close());break}}clickHandler(){!this.interactive&&this.closable&&m(this.closeButtonRef.value)}handleDefaultSlotChange(){this.updateHasText()}close(){this.calciteChipClose.emit(),this.selected=!1,this.closed=!0}closeButtonKeyDownHandler(e){f(e.key)&&(e.preventDefault(),this.close())}updateHasText(){this.hasText=this.el.textContent.trim().length>0}handleSlotImageChange(e){this.hasImage=x(e)}handleEmittingEvent(){this.interactive&&this.calciteChipSelect.emit()}handleSelectionPropertyChange(e){this.selectionMode==="single"&&this.calciteInternalSyncSelectedChips.emit(),!this.parentChipGroup?.selectedItems.includes(this.el)&&e&&this.selectionMode!=="multiple"&&this.calciteInternalChipSelect.emit(),this.selectionMode!=="single"&&this.calciteInternalSyncSelectedChips.emit()}renderChipImage(){return t`<div class=${a(c.imageContainer)}><slot name=${k.image} @slotchange=${this.handleSlotImageChange}></slot></div>`}renderSelectionIcon(){let e=this.selectionMode==="multiple"?this.selected?l.checkedMultiple:l.uncheckedMultiple:this.selected?l.checkedSingle:void 0;return t`<div class=${a({[c.selectIcon]:!0,[c.selectIconActive]:this.selectionMode==="multiple"||this.selected})}>${e?t`<calcite-icon .icon=${e} .scale=${s(this.scale)}></calcite-icon>`:null}</div>`}renderCloseButton(){return t`<calcite-action class=${a(c.close)} .icon=${l.close} @click=${this.close} @keydown=${this.closeButtonKeyDownHandler} .scale=${this.scale} .text=${this.messages.dismissLabel} ${r(this.closeButtonRef)}></calcite-action>`}renderIcon(){return t`<calcite-icon class=${a(c.chipIcon)} .flipRtl=${this.iconFlipRtl} .icon=${this.icon} .scale=${s(this.scale)}></calcite-icon>`}render(){let{disabled:e}=this,p=e||!e&&!this.interactive,y=this.selectionMode==="multiple"&&this.interactive?"checkbox":this.selectionMode!=="none"&&this.interactive?"radio":this.interactive?"button":this.closable?void 0:"img";return this.interactiveContainer({disabled:e,children:t`<div .ariaChecked=${this.selectionMode!=="none"&&this.interactive?this.selected:void 0} .ariaLabel=${this.label} class=${a({[c.container]:!0,[c.textSlotted]:this.hasText,[c.imageSlotted]:this.hasImage,[c.selectable]:this.selectionMode!=="none",[c.multiple]:this.selectionMode==="multiple",[c.single]:this.selectionMode==="single"||this.selectionMode==="single-persist",[c.selected]:this.selected,[c.closable]:this.closable,[c.nonInteractive]:!this.interactive,[c.isCircle]:!this.closable&&!this.hasText&&(!this.icon||!this.hasImage)&&(this.selectionMode==="none"||!!this.selectionMode&&this.selectionMode!=="multiple"&&!this.selected)})} @click=${this.handleEmittingEvent} .role=${y} .tabIndex=${p?-1:0} ${r(this.containerRef)}>${this.selectionMode!=="none"&&this.renderSelectionIcon()||""}${this.renderChipImage()}${this.icon&&this.renderIcon()||""}<span class=${a(c.title)}><slot @slotchange=${this.handleDefaultSlotChange}></slot></span>${this.closable&&this.renderCloseButton()||""}</div>`})}};v("calcite-chip",o);export{o as Chip};
@@ -1,2 +0,0 @@
1
- /* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
2
- import{c as o}from"./U3Y3V2ZH.js";import{a as S}from"./MZPMJXP6.js";import{a as k}from"./L6STJJQX.js";import{c as A}from"./XZGRTKR5.js";import{a as C}from"./DKJI4BME.js";import{a as D}from"./XRPAIIKT.js";import{a as I}from"./5ZYCAOFR.js";import{a as w}from"./XOP5FFXT.js";import"./VUYX7MNO.js";import{a as x}from"./66A27LX7.js";import"./ZWPNZ5XW.js";import{e as b}from"./EEU562WF.js";import"./NDECAMD3.js";import{y}from"./7FW2RVVH.js";import{G as u,H as f,L as g,T as v,g as h,h as c,l as m,p}from"./PKAE4WC2.js";var $={itemWrapper:"item-wrapper"},z={validationMessage:"segmentedControlValidationMessage"},E=h`: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;flex-direction:column}.item-wrapper{display:flex;background-color:var(--calcite-color-foreground-1);inline-size:fit-content;border-radius:var(--calcite-segmented-control-corner-radius, var(--calcite-corner-radius));outline:1px solid var(--calcite-segmented-control-border-color, var(--calcite-color-border-input));outline-offset:-1px}:host([appearance=outline])>.item-wrapper{background-color:transparent}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}:host([layout=vertical])>.item-wrapper{flex-direction:column;align-items:flex-start;align-self:flex-start}:host([width=full])>.item-wrapper{inline-size:100%;min-inline-size:fit-content}:host([width=full])>.item-wrapper ::slotted(calcite-segmented-control-item){flex:1 1 auto}:host([width=full][layout=vertical])>.item-wrapper ::slotted(calcite-segmented-control-item){justify-content:flex-start}.internal-label-alignment--center{align-items:center}.internal-label-alignment--end{align-items:end}.internal-label--container{display:flex;justify-content:space-between;color:var(--calcite-color-text-1)}.internal-label-required--indicator{font-weight:var(--calcite-font-weight-medium);color:var(--calcite-color-status-danger);padding-inline:var(--calcite-theme-space-base, var(--calcite-spacing-base))}.internal-label-required--indicator:hover{cursor:help}.internal-label--text{line-height:1}:host([scale=s]) .internal-label-spacing--bottom{margin-block-end:var(--calcite-theme-space-2xs, var(--calcite-spacing-xxs))}:host([scale=s]) .internal-label-spacing-inline--end{margin-inline-end:var(--calcite-theme-space-sm, var(--calcite-spacing-sm))}:host([scale=s]) .internal-label-spacing-inline--start{margin-inline-start:var(--calcite-theme-space-sm, var(--calcite-spacing-sm))}:host([scale=s]) .internal-label--text{font-size:var(--calcite-font-size--2)}:host([scale=m]) .internal-label-spacing--bottom{margin-block-end:var(--calcite-theme-space-sm, var(--calcite-spacing-sm))}:host([scale=m]) .internal-label-spacing-inline--end{margin-inline-end:var(--calcite-theme-space-sm, var(--calcite-spacing-sm))}:host([scale=m]) .internal-label-spacing-inline--start{margin-inline-start:var(--calcite-theme-space-sm, var(--calcite-spacing-sm))}:host([scale=m]) .internal-label--text{font-size:var(--calcite-font-size--1)}:host([scale=l]) .internal-label-spacing--bottom{margin-block-end:var(--calcite-theme-space-sm, var(--calcite-spacing-sm))}:host([scale=l]) .internal-label-spacing-inline--end{margin-inline-end:var(--calcite-theme-space-md, var(--calcite-spacing-md))}:host([scale=l]) .internal-label-spacing-inline--start{margin-inline-start:var(--calcite-theme-space-md, var(--calcite-spacing-md))}:host([scale=l]) .internal-label--text{font-size:var(--calcite-font-size-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:.5rem}:host([scale=s]) .validation-container{padding-block-start:.25rem}:host([hidden]){display:none}[hidden]{display:none}`,d=class extends u{constructor(){super(),this.direction=b(),this.formSupport=A({inputType:"text"})(this),this.items=[],this.messages=w(),this.focusSetter=x()(this),this.interactiveContainer=I(this),this.appearance="solid",this.disabled=!1,this.layout="horizontal",this.required=!1,this.scale="m",this.status="idle",this.value=null,this.width="auto",this.calciteSegmentedControlChange=p({cancelable:!1}),D(this),this.listen("calciteInternalSegmentedControlItemChange",this.handleSelected),this.listen("keydown",this.handleKeyDown),this.listen("click",this.handleClick)}static{this.properties={appearance:[3,{},{reflect:!0}],disabled:[7,{},{reflect:!0,type:Boolean}],form:[3,{},{reflect:!0}],layout:[3,{},{reflect:!0}],labelText:1,messageOverrides:[0,{},{attribute:!1}],name:[3,{},{reflect:!0}],required:[7,{},{reflect:!0,type:Boolean}],scale:[3,{},{reflect:!0}],selectedItem:[0,{},{attribute:!1}],status:[3,{},{reflect:!0}],validationIcon:[3,{converter:g},{reflect:!0}],validationMessage:1,validity:[32,{},{readOnly:!0,attribute:!1}],value:1,width:[3,{},{reflect:!0}]}}static{this.formAssociated=!0}static{this.styles=E}async setFocus(e){return this.focusSetter(()=>this.selectedItem||this.items[0],e)}willUpdate(e){(e.has("appearance")&&(this.hasUpdated||this.appearance!=="solid")||e.has("layout")&&(this.hasUpdated||this.layout!=="horizontal")||e.has("scale")&&(this.hasUpdated||this.scale!=="m"))&&this.handleItemPropChange(),e.has("value")&&(this.hasUpdated||this.value!==null)&&this.valueHandler(this.value),e.has("selectedItem")&&this.handleSelectedItemChange(this.selectedItem,e.get("selectedItem"))}loaded(){this.formSupport.overrideDefaultValue(this.value)}valueHandler(e){let{items:t}=this;t.forEach(a=>a.checked=a.value===e)}handleSelectedItemChange(e,t){if(this.value=e?.value,e===t)return;let{items:a}=this,l=a.filter(s=>s===e).pop();l?this.selectItem(l):a[0]&&(a[0].tabIndex=0)}handleClick(e){this.disabled||o(e.target)&&this.selectItem(e.target,!0)}handleSelected(e){e.preventDefault();let t=e.target;t.checked&&this.selectItem(t),e.stopPropagation()}handleKeyDown(e){let t=["ArrowLeft","ArrowUp","ArrowRight","ArrowDown"," "],{key:a}=e,{selectedItem:l}=this;if(t.indexOf(a)===-1)return;let s=a;this.direction==="rtl"&&(a==="ArrowRight"&&(s="ArrowLeft"),a==="ArrowLeft"&&(s="ArrowRight"));let{items:i}=this,r=-1;switch(i.forEach((n,L)=>{n===l&&(r=L)}),s){case"ArrowLeft":case"ArrowUp":{e.preventDefault();let n=r<1?i[i.length-1]:i[r-1];this.selectItem(n,!0);return}case"ArrowRight":case"ArrowDown":{e.preventDefault();let n=r===-1?i[1]:i[r+1]||i[0];this.selectItem(n,!0);return}case" ":e.preventDefault(),this.selectItem(e.target,!0);return;default:return}}handleItemPropChange(){let{items:e}=this;e.forEach(t=>{t.appearance=this.appearance,t.layout=this.layout,t.scale=this.scale})}handleSelectedItem(){let{items:e}=this,t=e.filter(a=>a.checked).pop();t?this.selectItem(t):e[0]&&(e[0].tabIndex=0)}async handleDefaultSlotChange(e){let t=y(e).filter(o);await Promise.all(t.map(a=>a.componentOnReady())),this.items=t,this.handleSelectedItem(),this.handleItemPropChange()}onLabelClick(){this.setFocus()}async selectItem(e,t=!1){if(e===this.selectedItem)return;let{items:a}=this,l;a.forEach(s=>{let i=s===e;(i&&!s.checked||!i&&s.checked)&&(s.checked=i),s.tabIndex=i?0:-1,i&&(l=s)}),this.selectedItem=l,l&&t&&(await this.updateComplete,this.calciteSegmentedControlChange.emit(),l.focus())}render(){return this.el.role="radiogroup",c`${this.labelText&&k({labelText:this.labelText,onClick:this.onLabelClick,required:this.required,tooltipText:this.messages.required})||""}<div aria-errormessage=${z.validationMessage} aria-label=${C(this)??m} .ariaInvalid=${this.status==="invalid"} .ariaRequired=${this.required} class=${f($.itemWrapper)}>${this.interactiveContainer({disabled:this.disabled,children:c`<slot @slotchange=${this.handleDefaultSlotChange}></slot>`})}</div>${this.validationMessage&&this.status==="invalid"?S({icon:this.validationIcon,id:z.validationMessage,message:this.validationMessage,scale:this.scale,status:this.status}):null}`}};v("calcite-segmented-control",d);export{d as SegmentedControl};