@esri/calcite-components 6.0.0-next.20 → 6.0.0-next.21

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 (157) hide show
  1. package/dist/cdn/{WHTHZOC4.js → 223W6LE6.js} +1 -1
  2. package/dist/cdn/{F54DLL4E.js → 2HKTQKIH.js} +1 -1
  3. package/dist/cdn/{7IASAQ7D.js → 2LTNE2J4.js} +1 -1
  4. package/dist/cdn/{RKMSN5Z6.js → 2OD2MGWV.js} +1 -1
  5. package/dist/cdn/{CZO3L5SA.js → 3AFFJLVY.js} +1 -1
  6. package/dist/cdn/{7AZ57PED.js → 3PSQ2R35.js} +1 -1
  7. package/dist/cdn/{5AGKW7GW.js → 3VLS6XUS.js} +1 -1
  8. package/dist/cdn/{TBUV6LXL.js → 43QGZQHO.js} +1 -1
  9. package/dist/cdn/{KY5KZ3TP.js → 4QDQG26I.js} +1 -1
  10. package/dist/cdn/{M7DSCHPP.js → 5D2NEYZW.js} +1 -1
  11. package/dist/cdn/{WG4RAPSY.js → 6F7UYHW2.js} +1 -1
  12. package/dist/cdn/6JMUIF4F.js +2 -0
  13. package/dist/cdn/{ONY6IA3S.js → 6MLPV6EV.js} +1 -1
  14. package/dist/cdn/{RADU4FG4.js → 6OWCAUN5.js} +1 -1
  15. package/dist/cdn/{CKMYPQDQ.js → 6VJGGSVT.js} +1 -1
  16. package/dist/cdn/{AG73SIBX.js → 75JI65U7.js} +1 -1
  17. package/dist/cdn/{XPHFRVKY.js → 7DJKJGW5.js} +1 -1
  18. package/dist/cdn/{G4GNSXXB.js → 7FL7AGSC.js} +1 -1
  19. package/dist/cdn/{NIKLMX5K.js → 7SDW6CJN.js} +1 -1
  20. package/dist/cdn/{RIILA76Y.js → 7ST7F4C6.js} +1 -1
  21. package/dist/cdn/{2ERADWX5.js → A3EJHPRO.js} +1 -1
  22. package/dist/cdn/{62W5GAI2.js → AQIXRNUC.js} +1 -1
  23. package/dist/cdn/{B2MS3P2I.js → B2ZZAOVP.js} +1 -1
  24. package/dist/cdn/{DGHV63ZL.js → B3GZC5K2.js} +1 -1
  25. package/dist/cdn/{V5B5TLVR.js → B5PAE7GA.js} +1 -1
  26. package/dist/cdn/{NA4WBXVV.js → B7DJSTXM.js} +1 -1
  27. package/dist/cdn/{77NLVPBD.js → BCXJAK2Y.js} +1 -1
  28. package/dist/cdn/{E5BC5QKH.js → C3ZPJCLV.js} +1 -1
  29. package/dist/cdn/{RHZDPDYF.js → CGISL4IE.js} +1 -1
  30. package/dist/cdn/{SFVC7634.js → CMLT3S3M.js} +1 -1
  31. package/dist/cdn/{KW5HDNRL.js → D2N5YVPZ.js} +1 -1
  32. package/dist/cdn/{5QXIAHK7.js → DBN7UMVW.js} +1 -1
  33. package/dist/cdn/{P36DALSW.js → E5ZW7EOD.js} +1 -1
  34. package/dist/cdn/{4EPSJDMC.js → EQNCSPGY.js} +1 -1
  35. package/dist/cdn/{WDALO54G.js → EW44NU73.js} +1 -1
  36. package/dist/cdn/{3ZNJNYLQ.js → EZGSGKNY.js} +1 -1
  37. package/dist/cdn/{X72CO2GR.js → F4YSIPQB.js} +1 -1
  38. package/dist/cdn/{FMFRWNOX.js → FHGPRD2I.js} +1 -1
  39. package/dist/cdn/{352QTXGL.js → FUGQDG25.js} +1 -1
  40. package/dist/cdn/{FNMUXYJK.js → FZSYHFGG.js} +1 -1
  41. package/dist/cdn/{Q3V3YTJP.js → G2LFTHKB.js} +1 -1
  42. package/dist/cdn/{UPZOW3QC.js → GJ6QA72Q.js} +1 -1
  43. package/dist/cdn/{FMX2HLIF.js → GPUDVETJ.js} +1 -1
  44. package/dist/cdn/{73UJQHUJ.js → H2O6BNXL.js} +1 -1
  45. package/dist/cdn/{TP6227SF.js → H7ROXLJZ.js} +1 -1
  46. package/dist/cdn/{TNX6HV4E.js → HASKZEWS.js} +1 -1
  47. package/dist/cdn/{MV5VZTG4.js → HC3X32YH.js} +1 -1
  48. package/dist/cdn/{5VCXRHKV.js → HNNJVH5N.js} +1 -1
  49. package/dist/cdn/{CTGSTFNT.js → HSFPIQ3V.js} +1 -1
  50. package/dist/cdn/{I34PZLRU.js → HW4P4F3W.js} +1 -1
  51. package/dist/cdn/{AGMPWK3B.js → I2CMQFSF.js} +1 -1
  52. package/dist/cdn/{PI3UGAL6.js → ICZPODAW.js} +1 -1
  53. package/dist/cdn/{D56BPCF2.js → IHXI4OLW.js} +1 -1
  54. package/dist/cdn/{DDNUWCV6.js → IJEMAAHD.js} +1 -1
  55. package/dist/cdn/{WFZWGXCL.js → IKOX73E3.js} +1 -1
  56. package/dist/cdn/{YV7JYJCI.js → IXNMS7HW.js} +1 -1
  57. package/dist/cdn/{VLAYRY7T.js → JAARPQK6.js} +1 -1
  58. package/dist/cdn/{Z6UTYXNI.js → JFRCQM7E.js} +1 -1
  59. package/dist/cdn/{E6AHBWHN.js → JHA7GYWD.js} +1 -1
  60. package/dist/cdn/{S5LQF6KX.js → JHKU2OVH.js} +1 -1
  61. package/dist/cdn/{VSZ73WMA.js → JHYK73LU.js} +1 -1
  62. package/dist/cdn/{ROSOTUC6.js → K477JM2I.js} +1 -1
  63. package/dist/cdn/{KL4S3ITD.js → KKFGIVD6.js} +1 -1
  64. package/dist/cdn/{MIJMEBBT.js → KKMSYRNB.js} +1 -1
  65. package/dist/cdn/{3H7BHSWS.js → KOQXT3EG.js} +1 -1
  66. package/dist/cdn/{LG7XKQE5.js → KULOWW3X.js} +1 -1
  67. package/dist/cdn/{KTV65ZLA.js → KZ6E3NTF.js} +1 -1
  68. package/dist/cdn/{PHFOHCAR.js → L7FWJRGX.js} +1 -1
  69. package/dist/cdn/{2TIS2MT6.js → LDFXQ6WC.js} +1 -1
  70. package/dist/cdn/{S45ARFE5.js → LHAL2DLD.js} +1 -1
  71. package/dist/cdn/{LAW7YN32.js → LIPIKH5W.js} +1 -1
  72. package/dist/cdn/{EHHDQ55E.js → LN335X64.js} +1 -1
  73. package/dist/cdn/{ZBN4CXKG.js → LXTMJSEZ.js} +1 -1
  74. package/dist/cdn/{6QUUBHCN.js → LZ2LNBCJ.js} +1 -1
  75. package/dist/cdn/{I465CPMF.js → LZPLASEQ.js} +1 -1
  76. package/dist/cdn/{AF5N73PK.js → M2FNO345.js} +1 -1
  77. package/dist/cdn/{GOGEX4ZP.js → MBBKKJ5T.js} +1 -1
  78. package/dist/cdn/{ZCTSQDC2.js → MGROSAVF.js} +1 -1
  79. package/dist/cdn/{VTWFALP4.js → MQPN6RWU.js} +1 -1
  80. package/dist/cdn/{AGX2R2FQ.js → MU2SEDNK.js} +1 -1
  81. package/dist/cdn/{GEX42V2X.js → N2LSFCQB.js} +1 -1
  82. package/dist/cdn/{UTMNNT2G.js → NPJNPZL6.js} +1 -1
  83. package/dist/cdn/{67UBUW46.js → OD6OIPUQ.js} +1 -1
  84. package/dist/cdn/{H6GIBAIH.js → OKXA6BGH.js} +1 -1
  85. package/dist/cdn/{NYER5O2A.js → OM67I5OV.js} +1 -1
  86. package/dist/cdn/{C6XPR34H.js → ORIJJUN7.js} +1 -1
  87. package/dist/cdn/{GHNUQ7YS.js → OSPSMXCW.js} +1 -1
  88. package/dist/cdn/{VMNZNHPM.js → OTPWDYWR.js} +1 -1
  89. package/dist/cdn/{26SKFA7H.js → PPYGAB7T.js} +1 -1
  90. package/dist/cdn/{FGAGMZ65.js → PWBG4GRR.js} +1 -1
  91. package/dist/cdn/{JAR2VTHU.js → QAGTFRK3.js} +1 -1
  92. package/dist/cdn/{I5PTU3Q5.js → QEH5EF5E.js} +1 -1
  93. package/dist/cdn/{JYHXYYGU.js → QKPAKLKF.js} +1 -1
  94. package/dist/cdn/{MCHCHOX2.js → QMIMGMQN.js} +1 -1
  95. package/dist/cdn/{ON35XWXF.js → QRX37DPF.js} +1 -1
  96. package/dist/cdn/{4OQDH6ML.js → R2VBTLA2.js} +1 -1
  97. package/dist/cdn/{47T3GQOF.js → RMLOWP7Y.js} +1 -1
  98. package/dist/cdn/{X4UTJBGS.js → RQ6NCXDH.js} +1 -1
  99. package/dist/cdn/{XAMGXDQM.js → SBISOJF7.js} +1 -1
  100. package/dist/cdn/{Q2HLWSB3.js → SBUMSDIR.js} +1 -1
  101. package/dist/cdn/{MZEWBDY5.js → SFVWKI2W.js} +1 -1
  102. package/dist/cdn/{DOHECLK5.js → SGTG3MOD.js} +1 -1
  103. package/dist/cdn/{3QZNUHZN.js → SNF66L2P.js} +1 -1
  104. package/dist/cdn/{RPZA26PT.js → TBUK6ANU.js} +1 -1
  105. package/dist/cdn/{Q53JZPXE.js → TFJWBIPL.js} +1 -1
  106. package/dist/cdn/{VDWZNBQ2.js → TGZUPIPO.js} +1 -1
  107. package/dist/cdn/{VKDNMFWC.js → TYD3ZYJS.js} +1 -1
  108. package/dist/cdn/{SNG25NUL.js → URNCCFR6.js} +1 -1
  109. package/dist/cdn/{XXUPRH2U.js → V4A427UR.js} +1 -1
  110. package/dist/cdn/{BISG4LDB.js → V6ZD6HFR.js} +1 -1
  111. package/dist/cdn/{TXHV24AS.js → VIZJ6UPN.js} +1 -1
  112. package/dist/cdn/{OVPEWR26.js → VKVBCBSQ.js} +1 -1
  113. package/dist/cdn/{7QGFB6LY.js → VP2UDP6C.js} +1 -1
  114. package/dist/cdn/{IFGDFXTG.js → W2J4OI23.js} +1 -1
  115. package/dist/cdn/{HIKJEHYI.js → W4CTQLKO.js} +1 -1
  116. package/dist/cdn/{2M4URDWG.js → W6STXL5X.js} +1 -1
  117. package/dist/cdn/{AYYWY4FE.js → WIZBEODG.js} +1 -1
  118. package/dist/cdn/WTNYMVTD.js +2 -0
  119. package/dist/cdn/{PRTNSPHR.js → WU43O4ZF.js} +1 -1
  120. package/dist/cdn/{QH7JGATU.js → XEDZEFWH.js} +1 -1
  121. package/dist/cdn/{YYPRBJGS.js → XGLOX3EZ.js} +1 -1
  122. package/dist/cdn/{4FCP3TFX.js → XI3D2ECF.js} +1 -1
  123. package/dist/cdn/{YRP2DNSL.js → XI533FAA.js} +1 -1
  124. package/dist/cdn/{IYZWM4FM.js → XTNNNHIS.js} +1 -1
  125. package/dist/cdn/{JIKTRB5Y.js → XY34NDQR.js} +1 -1
  126. package/dist/cdn/{RJQT2IJV.js → Y5ASPAXE.js} +1 -1
  127. package/dist/cdn/{VHVTQW5W.js → YEUH5SYT.js} +1 -1
  128. package/dist/cdn/{HD3HSAAD.js → YPASF5LY.js} +1 -1
  129. package/dist/cdn/{77TK7LRB.js → YSK6HDBM.js} +1 -1
  130. package/dist/cdn/{OOWXHCQX.js → YTGZHSPZ.js} +1 -1
  131. package/dist/cdn/{I4G7ZB4P.js → Z2PB4F6G.js} +1 -1
  132. package/dist/cdn/{HCU5UUAA.js → ZCTSWGAB.js} +1 -1
  133. package/dist/cdn/{55ZSMEHY.js → ZEM2IGDH.js} +1 -1
  134. package/dist/cdn/{S56DZ7HX.js → ZILQK6FI.js} +1 -1
  135. package/dist/cdn/{DBXOMBNK.js → ZK26QW47.js} +1 -1
  136. package/dist/cdn/{QWS3NTOY.js → ZRPWJAOA.js} +1 -1
  137. package/dist/cdn/{QXBEVQ6N.js → ZTNUSBAC.js} +1 -1
  138. package/dist/cdn/{PZ4KRU67.js → ZWBJR6K4.js} +1 -1
  139. package/dist/cdn/index.js +1 -1
  140. package/dist/chunks/aria.js +5 -0
  141. package/dist/chunks/runtime.js +3 -3
  142. package/dist/components/calcite-button/customElement.d.ts +3 -1
  143. package/dist/components/calcite-button/customElement.js +4 -4
  144. package/dist/components/calcite-dialog/customElement.d.ts +3 -1
  145. package/dist/components/calcite-dialog/customElement.js +2 -2
  146. package/dist/components/calcite-tooltip/customElement.js +0 -1
  147. package/dist/docs/api.json +1 -1
  148. package/dist/docs/docs.json +1 -1
  149. package/dist/docs/web-types.json +1 -1
  150. package/dist/loader.js +2 -2
  151. package/dist/types/lumina.d.ts +2 -2
  152. package/dist/types/preact.d.ts +2 -2
  153. package/dist/types/react.d.ts +2 -2
  154. package/dist/types/stencil.d.ts +2 -2
  155. package/package.json +1 -1
  156. package/dist/cdn/3MKROW7D.js +0 -2
  157. package/dist/cdn/A5OQTYIZ.js +0 -2
package/dist/loader.js CHANGED
@@ -16,7 +16,7 @@ const defineCustomElements = makeDefineCustomElements(runtime, {
16
16
  "calcite-block": [() => import("./components/calcite-block/customElement.js"), "addToItems:,collapsible,description,disabled,dragDisabled,dragHandle,expandable,expanded,heading,headingLevel,iconEnd,iconFlipRtl,iconStart,label,loading,menuFlipPlacements:,menuPlacement,messageOverrides:,moveToItems:,open,overlayPositioning,scale,setPosition,setSize,sortDisabled,sortHandleOpen,status,toggleDisplay,topLayerDisabled;setFocus"],
17
17
  "calcite-block-group": [() => import("./components/calcite-block-group/customElement.js"), "canPull:,canPut:,disabled,dragEnabled,expandMode,group,label,loading,scale,sortDisabled;setFocus;emitOrderChangeEvent"],
18
18
  "calcite-block-section": [() => import("./components/calcite-block-section/customElement.js"), "expanded,iconEnd,iconFlipRtl,iconStart,messageOverrides:,open,scale,status,text,toggleDisplay;setFocus"],
19
- "calcite-button": [() => import("./components/calcite-button/customElement.js"), "alignment,appearance,disabled,download,form,href,iconEnd,iconFlipRtl,iconStart,kind,label,loading,messageOverrides:,name,rel,round,scale,splitChild,target,type,width;setFocus", 1],
19
+ "calcite-button": [() => import("./components/calcite-button/customElement.js"), "alignment,appearance,aria:,disabled,download,form,href,iconEnd,iconFlipRtl,iconStart,kind,label,loading,messageOverrides:,name,rel,round,scale,splitChild,target,type,width;setFocus", 1],
20
20
  "calcite-card": [() => import("./components/calcite-card/customElement.js"), "disabled,label,loading,messageOverrides:,scale,selectable,selected,selectionMode,thumbnailPosition;setFocus"],
21
21
  "calcite-card-group": [() => import("./components/calcite-card-group/customElement.js"), "disabled,label,scale,selectedItems:,selectionMode;setFocus"],
22
22
  "calcite-carousel": [() => import("./components/calcite-carousel/customElement.js"), "arrowType,autoplay,autoplayDuration,controlOverlay,disabled,label,messageOverrides:,paginationDisabled,paginationPosition,paused,selectedItem:;play,setFocus,stop"],
@@ -33,7 +33,7 @@ const defineCustomElements = makeDefineCustomElements(runtime, {
33
33
  "calcite-date-picker-day": [() => import("./components/calcite-date-picker-day/customElement.js"), "active,currentMonth,dateTimeFormat:,day,disabled,endOfRange,highlighted,range,rangeHover,scale,selected,startOfRange,value:;setFocus"],
34
34
  "calcite-date-picker-month": [() => import("./components/calcite-date-picker-month/customElement.js"), "activeDate:,calendars,dateTimeFormat:,endDate:,headingLevel,hoverRange:,layout,localeData:,max:,messages:,min:,monthStyle,range,scale,selectedDate:,startDate:"],
35
35
  "calcite-date-picker-month-header": [() => import("./components/calcite-date-picker-month-header/customElement.js"), "activeDate:,headingLevel,localeData:,max:,messages:,min:,monthStyle,position,scale,selectedDate:"],
36
- "calcite-dialog": [() => import("./components/calcite-dialog/customElement.js"), "beforeClose:,closeDisabled,description,dragEnabled,embedded,escapeDisabled,focusTrapDisabled,focusTrapOptions:,fullscreenDisabled,heading,headingLevel,icon,iconFlipRtl,kind,loading,menuOpen,messageOverrides:,modal,open,outsideCloseDisabled,overlayPositioning,placement,resizable,scale,topLayerDisabled,width,widthScale;scrollContentTo,setFocus,updateFocusTrapElements,updateSize"],
36
+ "calcite-dialog": [() => import("./components/calcite-dialog/customElement.js"), "aria:,beforeClose:,closeDisabled,description,dragEnabled,embedded,escapeDisabled,focusTrapDisabled,focusTrapOptions:,fullscreenDisabled,heading,headingLevel,icon,iconFlipRtl,kind,loading,menuOpen,messageOverrides:,modal,open,outsideCloseDisabled,overlayPositioning,placement,resizable,scale,topLayerDisabled,width,widthScale;scrollContentTo,setFocus,updateFocusTrapElements,updateSize"],
37
37
  "calcite-dropdown": [() => import("./components/calcite-dropdown/customElement.js"), "closeOnSelectDisabled,disabled,flipPlacements:,maxItems,offsetDistance,offsetSkidding,open,overlayPositioning,placement,referenceElement,scale,selectedItems:,topLayerDisabled,type,width,widthScale;reposition,setFocus"],
38
38
  "calcite-dropdown-group": [() => import("./components/calcite-dropdown-group/customElement.js"), "groupTitle,position,scale,selectionMode"],
39
39
  "calcite-dropdown-item": [() => import("./components/calcite-dropdown-item/customElement.js"), "activeDescendant,disabled,href,iconEnd,iconFlipRtl,iconStart,label,rel,scale,selected,selectionMode,target;activateItem,setFocus"],
@@ -182,7 +182,7 @@ interface LuminaCalciteBlockSection extends Partial<Pick<BlockSection, "expanded
182
182
  oncalciteBlockSectionToggle?: EventHandler<BlockSection["calciteBlockSectionToggle"]>;
183
183
  }
184
184
 
185
- interface LuminaCalciteButton extends Partial<Pick<Button, "alignment" | "appearance" | "disabled" | "download" | "form" | "href" | "iconEnd" | "iconFlipRtl" | "iconStart" | "kind" | "label" | "loading" | "messageOverrides" | "name" | "rel" | "round" | "scale" | "splitChild" | "target" | "type" | "width">>, h.JSX.HTMLAttributes<Button> {
185
+ interface LuminaCalciteButton extends Partial<Pick<Button, "alignment" | "appearance" | "aria" | "disabled" | "download" | "form" | "href" | "iconEnd" | "iconFlipRtl" | "iconStart" | "kind" | "label" | "loading" | "messageOverrides" | "name" | "rel" | "round" | "scale" | "splitChild" | "target" | "type" | "width">>, h.JSX.HTMLAttributes<Button> {
186
186
  }
187
187
 
188
188
  interface LuminaCalciteCard extends Partial<Pick<Card, "disabled" | "label" | "loading" | "messageOverrides" | "scale" | "selectable" | "selected" | "thumbnailPosition">>, h.JSX.HTMLAttributes<Card> {
@@ -254,7 +254,7 @@ interface LuminaCalciteDatePickerDay extends Required<Pick<DatePickerDay, "day">
254
254
  interface LuminaCalciteDatePickerMonth extends Partial<Pick<DatePickerMonth, "activeDate" | "calendars" | "endDate" | "headingLevel" | "hoverRange" | "max" | "min" | "monthStyle" | "range" | "scale" | "selectedDate" | "startDate">>, h.JSX.HTMLAttributes<DatePickerMonth> {
255
255
  }
256
256
 
257
- interface LuminaCalciteDialog extends Partial<Pick<Dialog, "beforeClose" | "closeDisabled" | "description" | "dragEnabled" | "escapeDisabled" | "focusTrapDisabled" | "focusTrapOptions" | "fullscreenDisabled" | "heading" | "headingLevel" | "icon" | "iconFlipRtl" | "kind" | "loading" | "menuOpen" | "messageOverrides" | "modal" | "open" | "outsideCloseDisabled" | "overlayPositioning" | "placement" | "resizable" | "scale" | "topLayerDisabled" | "width" | "widthScale">>, h.JSX.HTMLAttributes<Dialog> {
257
+ interface LuminaCalciteDialog extends Partial<Pick<Dialog, "aria" | "beforeClose" | "closeDisabled" | "description" | "dragEnabled" | "escapeDisabled" | "focusTrapDisabled" | "focusTrapOptions" | "fullscreenDisabled" | "heading" | "headingLevel" | "icon" | "iconFlipRtl" | "kind" | "loading" | "menuOpen" | "messageOverrides" | "modal" | "open" | "outsideCloseDisabled" | "overlayPositioning" | "placement" | "resizable" | "scale" | "topLayerDisabled" | "width" | "widthScale">>, h.JSX.HTMLAttributes<Dialog> {
258
258
  oncalciteDialogBeforeClose?: EventHandler<Dialog["calciteDialogBeforeClose"]>;
259
259
  oncalciteDialogBeforeOpen?: EventHandler<Dialog["calciteDialogBeforeOpen"]>;
260
260
  oncalciteDialogClose?: EventHandler<Dialog["calciteDialogClose"]>;
@@ -183,7 +183,7 @@ interface PreactCalciteBlockSection extends Partial<Pick<BlockSection, "expanded
183
183
  oncalciteBlockSectionToggle?: EventHandler<BlockSection["calciteBlockSectionToggle"]>;
184
184
  }
185
185
 
186
- interface PreactCalciteButton extends Partial<Pick<Button, "alignment" | "appearance" | "disabled" | "download" | "form" | "href" | "iconEnd" | "iconFlipRtl" | "iconStart" | "kind" | "label" | "loading" | "messageOverrides" | "name" | "rel" | "round" | "scale" | "splitChild" | "target" | "type" | "width">>, HTMLAttributes<Button> {
186
+ interface PreactCalciteButton extends Partial<Pick<Button, "alignment" | "appearance" | "aria" | "disabled" | "download" | "form" | "href" | "iconEnd" | "iconFlipRtl" | "iconStart" | "kind" | "label" | "loading" | "messageOverrides" | "name" | "rel" | "round" | "scale" | "splitChild" | "target" | "type" | "width">>, HTMLAttributes<Button> {
187
187
  }
188
188
 
189
189
  interface PreactCalciteCard extends Partial<Pick<Card, "disabled" | "label" | "loading" | "messageOverrides" | "scale" | "selectable" | "selected" | "thumbnailPosition">>, HTMLAttributes<Card> {
@@ -255,7 +255,7 @@ interface PreactCalciteDatePickerDay extends Required<Pick<DatePickerDay, "day">
255
255
  interface PreactCalciteDatePickerMonth extends Partial<Pick<DatePickerMonth, "activeDate" | "calendars" | "endDate" | "headingLevel" | "hoverRange" | "max" | "min" | "monthStyle" | "range" | "scale" | "selectedDate" | "startDate">>, HTMLAttributes<DatePickerMonth> {
256
256
  }
257
257
 
258
- interface PreactCalciteDialog extends Partial<Pick<Dialog, "beforeClose" | "closeDisabled" | "description" | "dragEnabled" | "escapeDisabled" | "focusTrapDisabled" | "focusTrapOptions" | "fullscreenDisabled" | "heading" | "headingLevel" | "icon" | "iconFlipRtl" | "kind" | "loading" | "menuOpen" | "messageOverrides" | "modal" | "open" | "outsideCloseDisabled" | "overlayPositioning" | "placement" | "resizable" | "scale" | "topLayerDisabled" | "width" | "widthScale">>, HTMLAttributes<Dialog> {
258
+ interface PreactCalciteDialog extends Partial<Pick<Dialog, "aria" | "beforeClose" | "closeDisabled" | "description" | "dragEnabled" | "escapeDisabled" | "focusTrapDisabled" | "focusTrapOptions" | "fullscreenDisabled" | "heading" | "headingLevel" | "icon" | "iconFlipRtl" | "kind" | "loading" | "menuOpen" | "messageOverrides" | "modal" | "open" | "outsideCloseDisabled" | "overlayPositioning" | "placement" | "resizable" | "scale" | "topLayerDisabled" | "width" | "widthScale">>, HTMLAttributes<Dialog> {
259
259
  oncalciteDialogBeforeClose?: EventHandler<Dialog["calciteDialogBeforeClose"]>;
260
260
  oncalciteDialogBeforeOpen?: EventHandler<Dialog["calciteDialogBeforeOpen"]>;
261
261
  oncalciteDialogClose?: EventHandler<Dialog["calciteDialogClose"]>;
@@ -183,7 +183,7 @@ interface ReactCalciteBlockSection extends Partial<Pick<BlockSection, "expanded"
183
183
  oncalciteBlockSectionToggle?: EventHandler<BlockSection["calciteBlockSectionToggle"]>;
184
184
  }
185
185
 
186
- interface ReactCalciteButton extends Partial<Pick<Button, "alignment" | "appearance" | "disabled" | "download" | "form" | "href" | "iconEnd" | "iconFlipRtl" | "iconStart" | "kind" | "label" | "loading" | "messageOverrides" | "name" | "rel" | "round" | "scale" | "splitChild" | "target" | "type" | "width">>, HTMLProps<Button> {
186
+ interface ReactCalciteButton extends Partial<Pick<Button, "alignment" | "appearance" | "aria" | "disabled" | "download" | "form" | "href" | "iconEnd" | "iconFlipRtl" | "iconStart" | "kind" | "label" | "loading" | "messageOverrides" | "name" | "rel" | "round" | "scale" | "splitChild" | "target" | "type" | "width">>, HTMLProps<Button> {
187
187
  }
188
188
 
189
189
  interface ReactCalciteCard extends Partial<Pick<Card, "disabled" | "label" | "loading" | "messageOverrides" | "scale" | "selectable" | "selected" | "thumbnailPosition">>, HTMLProps<Card> {
@@ -255,7 +255,7 @@ interface ReactCalciteDatePickerDay extends Required<Pick<DatePickerDay, "day">>
255
255
  interface ReactCalciteDatePickerMonth extends Partial<Pick<DatePickerMonth, "activeDate" | "calendars" | "endDate" | "headingLevel" | "hoverRange" | "max" | "min" | "monthStyle" | "range" | "scale" | "selectedDate" | "startDate">>, HTMLProps<DatePickerMonth> {
256
256
  }
257
257
 
258
- interface ReactCalciteDialog extends Partial<Pick<Dialog, "beforeClose" | "closeDisabled" | "description" | "dragEnabled" | "escapeDisabled" | "focusTrapDisabled" | "focusTrapOptions" | "fullscreenDisabled" | "heading" | "headingLevel" | "icon" | "iconFlipRtl" | "kind" | "loading" | "menuOpen" | "messageOverrides" | "modal" | "open" | "outsideCloseDisabled" | "overlayPositioning" | "placement" | "resizable" | "scale" | "topLayerDisabled" | "width" | "widthScale">>, HTMLProps<Dialog> {
258
+ interface ReactCalciteDialog extends Partial<Pick<Dialog, "aria" | "beforeClose" | "closeDisabled" | "description" | "dragEnabled" | "escapeDisabled" | "focusTrapDisabled" | "focusTrapOptions" | "fullscreenDisabled" | "heading" | "headingLevel" | "icon" | "iconFlipRtl" | "kind" | "loading" | "menuOpen" | "messageOverrides" | "modal" | "open" | "outsideCloseDisabled" | "overlayPositioning" | "placement" | "resizable" | "scale" | "topLayerDisabled" | "width" | "widthScale">>, HTMLProps<Dialog> {
259
259
  oncalciteDialogBeforeClose?: EventHandler<Dialog["calciteDialogBeforeClose"]>;
260
260
  oncalciteDialogBeforeOpen?: EventHandler<Dialog["calciteDialogBeforeOpen"]>;
261
261
  oncalciteDialogClose?: EventHandler<Dialog["calciteDialogClose"]>;
@@ -183,7 +183,7 @@ interface StencilCalciteBlockSection extends Partial<Pick<BlockSection, "expande
183
183
  onCalciteBlockSectionToggle?: EventHandler<BlockSection["calciteBlockSectionToggle"]>;
184
184
  }
185
185
 
186
- interface StencilCalciteButton extends Partial<Pick<Button, "alignment" | "appearance" | "disabled" | "download" | "form" | "href" | "iconEnd" | "iconFlipRtl" | "iconStart" | "kind" | "label" | "loading" | "messageOverrides" | "name" | "rel" | "round" | "scale" | "splitChild" | "target" | "type" | "width">>, StencilJsx.HTMLAttributes<Button> {
186
+ interface StencilCalciteButton extends Partial<Pick<Button, "alignment" | "appearance" | "aria" | "disabled" | "download" | "form" | "href" | "iconEnd" | "iconFlipRtl" | "iconStart" | "kind" | "label" | "loading" | "messageOverrides" | "name" | "rel" | "round" | "scale" | "splitChild" | "target" | "type" | "width">>, StencilJsx.HTMLAttributes<Button> {
187
187
  }
188
188
 
189
189
  interface StencilCalciteCard extends Partial<Pick<Card, "disabled" | "label" | "loading" | "messageOverrides" | "scale" | "selectable" | "selected" | "thumbnailPosition">>, StencilJsx.HTMLAttributes<Card> {
@@ -255,7 +255,7 @@ interface StencilCalciteDatePickerDay extends Required<Pick<DatePickerDay, "day"
255
255
  interface StencilCalciteDatePickerMonth extends Partial<Pick<DatePickerMonth, "activeDate" | "calendars" | "endDate" | "headingLevel" | "hoverRange" | "max" | "min" | "monthStyle" | "range" | "scale" | "selectedDate" | "startDate">>, StencilJsx.HTMLAttributes<DatePickerMonth> {
256
256
  }
257
257
 
258
- interface StencilCalciteDialog extends Partial<Pick<Dialog, "beforeClose" | "closeDisabled" | "description" | "dragEnabled" | "escapeDisabled" | "focusTrapDisabled" | "focusTrapOptions" | "fullscreenDisabled" | "heading" | "headingLevel" | "icon" | "iconFlipRtl" | "kind" | "loading" | "menuOpen" | "messageOverrides" | "modal" | "open" | "outsideCloseDisabled" | "overlayPositioning" | "placement" | "resizable" | "scale" | "topLayerDisabled" | "width" | "widthScale">>, StencilJsx.HTMLAttributes<Dialog> {
258
+ interface StencilCalciteDialog extends Partial<Pick<Dialog, "aria" | "beforeClose" | "closeDisabled" | "description" | "dragEnabled" | "escapeDisabled" | "focusTrapDisabled" | "focusTrapOptions" | "fullscreenDisabled" | "heading" | "headingLevel" | "icon" | "iconFlipRtl" | "kind" | "loading" | "menuOpen" | "messageOverrides" | "modal" | "open" | "outsideCloseDisabled" | "overlayPositioning" | "placement" | "resizable" | "scale" | "topLayerDisabled" | "width" | "widthScale">>, StencilJsx.HTMLAttributes<Dialog> {
259
259
  onCalciteDialogBeforeClose?: EventHandler<Dialog["calciteDialogBeforeClose"]>;
260
260
  onCalciteDialogBeforeOpen?: EventHandler<Dialog["calciteDialogBeforeOpen"]>;
261
261
  onCalciteDialogClose?: EventHandler<Dialog["calciteDialogClose"]>;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@esri/calcite-components",
3
- "version": "6.0.0-next.20",
3
+ "version": "6.0.0-next.21",
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/6.0/LICENSE.txt */
2
- import{a as C}from"./XN5GTOTE.js";import{a as S}from"./DGHV63ZL.js";import{b as l,c as w}from"./Q53JZPXE.js";import{a as $}from"./UTMNNT2G.js";import{a as z}from"./3H7BHSWS.js";import{a as c,b as m}from"./FDHY2TZA.js";import{b as E}from"./A5OQTYIZ.js";import{a as y}from"./QWS3NTOY.js";import{a as x}from"./F54DLL4E.js";import{a as i}from"./VMHJHFFS.js";import{c as f}from"./I34PZLRU.js";import"./55ZSMEHY.js";import{v as k}from"./G4SOANDF.js";import{E as p,F as r,G as h,H as n,J as a,L as v,T as g,g as b,h as o}from"./RHZDPDYF.js";var e={buttonLoader:"calcite-button--loader",content:"content",contentSlotted:"content--slotted",icon:"icon",iconStart:"icon--start",iconEnd:"icon--end",loadingIn:"loading-in",loadingOut:"loading-out",iconStartEmpty:"icon-start-empty",iconEndEmpty:"icon-end-empty",buttonPadding:"button-padding",buttonPaddingShrunk:"button-padding--shrunk"},L=b`: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;inline-size:auto;vertical-align:middle;border-radius:var(--calcite-button-corner-radius, var(--calcite-internal-button-corner-radius, var(--calcite-corner-radius)))}:host a,:host button{--calcite-internal-button-content-margin: .5rem;--calcite-internal-button-padding-x: 7px;--calcite-internal-button-padding-y: 3px;appearance:none;box-sizing:border-box;cursor:pointer;display:flex;outline-color:transparent;font-family:inherit;font-weight:var(--calcite-theme-font-weight-regular, var(--calcite-font-weight-normal));block-size:100%;align-items:center;justify-content:center;text-decoration-line:none;position:relative;-webkit-user-select:none;user-select:none;text-align:center;inline-size:100%;box-shadow:var(--calcite-button-shadow, var(--calcite-shadow-none));background-color:var(--calcite-button-background-color, var(--calcite-internal-button-background-color, var(--calcite-color-transparent)));border-block-start-color:var(--calcite-button-border-color, var(--calcite-internal-button-border-block-start-color, var(--calcite-internal-button-border-color, var(--calcite-color-transparent))));border-block-end-color:var(--calcite-button-border-color, var(--calcite-internal-button-border-block-end-color, var(--calcite-internal-button-border-color, var(--calcite-color-transparent))));border-inline-start-color:var(--calcite-button-border-color, var(--calcite-internal-button-border-inline-start-color, var(--calcite-internal-button-border-color, var(--calcite-color-transparent))));border-inline-end-color:var(--calcite-button-border-color, var(--calcite-internal-button-border-inline-end-color, var(--calcite-internal-button-border-color, var(--calcite-color-transparent))));border-style:solid;border-width:var(--calcite-border-width-sm);border-radius:var(--calcite-button-corner-radius, var(--calcite-internal-button-corner-radius, var(--calcite-corner-radius)));color:var(--calcite-button-text-color, var(--calcite-internal-button-text-color, currentColor));padding-block:var(--calcite-internal-button-padding-y);padding-inline:var(--calcite-internal-button-padding-x);transition:color var(--calcite-animation-timing) ease-in-out,background-color var(--calcite-animation-timing) ease-in-out,box-shadow var(--calcite-animation-timing) ease-in-out,outline-color var(--calcite-internal-animation-timing-fast) ease-in-out}:host a:hover,:host button:hover{text-decoration-line:none;background-color:var(--calcite-button-background-color, var(--calcite-internal-button-background-color-hover, var(--calcite-color-transparent)))}:host a:focus,:host button: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)))}:host a:active,:host button:active{background-color:var(--calcite-button-background-color, var(--calcite-internal-button-background-color-press, var(--calcite-color-transparent)))}:host a span,:host button span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host a calcite-loader,:host button calcite-loader{color:var(--calcite-button-loader-color, var(--calcite-internal-button-loader-color, var(--calcite-button-text-color, var(--calcite-internal-button-text-color))))}:host([round]){--calcite-internal-button-corner-radius: 50px}.content{margin-inline:var(--calcite-internal-button-content-margin)}.icon-start-empty .content{margin-inline-start:unset}.icon-end-empty .content{margin-inline-end:unset}:host([scale=m]) button,:host([scale=m]) a{--calcite-internal-button-content-margin: .75rem}:host([scale=l]) button,:host([scale=l]) a{--calcite-internal-button-content-margin: 1rem}:host([width=auto]){inline-size:auto}:host([width=half]){inline-size:50%}:host([width=full]){inline-size:100%}:host([alignment=center]:not([width=auto])) a,:host([alignment=center]:not([width=auto])) button{justify-content:center}:host([alignment=start]:not([width=auto])) a,:host([alignment=start]:not([width=auto])) button{justify-content:flex-start}:host([alignment=end]:not([width=auto])) a,:host([alignment=end]:not([width=auto])) button{justify-content:flex-end}:host([alignment*=space-between]:not([width=auto])) a,:host([alignment*=space-between]:not([width=auto])) button{justify-content:space-between}:host([alignment=icon-start-space-between]:not([width=auto])) .icon--start{margin-inline-end:auto}:host([alignment=icon-start-space-between]:not([width=auto])) a,:host([alignment=icon-start-space-between]:not([width=auto])) button{text-align:unset}:host([alignment=icon-end-space-between]:not([width=auto])) .icon--end{margin-inline-start:auto}:host([alignment=icon-end-space-between]:not([width=auto])) a,:host([alignment=icon-end-space-between]:not([width=auto])) button{text-align:unset}:host([alignment=center]) a:not(.content--slotted) .icon--start+.icon--end,:host([alignment=center]) button:not(.content--slotted) .icon--start+.icon--end{margin-inline-start:var(--calcite-internal-button-content-margin)}.icon--start,.icon--end{color:var(--calcite-button-icon-color, var(--calcite-icon-color, var(--calcite-ui-icon-color)))}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}@keyframes loader-in{0%{inline-size:0;opacity:0;transform:scale(.5)}to{inline-size:1em;opacity:1;transform:scale(1)}}@keyframes loader-out{0%{inline-size:1em;opacity:1;transform:scale(1)}to{inline-size:0;opacity:0;transform:scale(.5)}}.calcite-button--loader{display:flex}.calcite-button--loader calcite-loader{margin:0}:host([loading]) button.content--slotted .calcite-button--loader calcite-loader,:host([loading]) a.content--slotted .calcite-button--loader calcite-loader{margin-inline-end:var(--calcite-internal-button-content-margin)}:host([loading]) button:not(.content--slotted) .icon--start,:host([loading]) button:not(.content--slotted) .icon--end,:host([loading]) a:not(.content--slotted) .icon--start,:host([loading]) a:not(.content--slotted) .icon--end{display:none}:host([appearance]) button,:host([appearance]) a{--calcite-internal-button-border-color: var(--calcite-color-transparent);border-style:solid;border-width:var(--calcite-button-border-size, 1px)}:host([kind=brand]){--calcite-internal-button-background-color: var(--calcite-color-brand);--calcite-internal-button-background-color-hover: var(--calcite-color-brand-hover);--calcite-internal-button-background-color-press: var(--calcite-color-brand-press);--calcite-internal-button-loader-color: var(--calcite-color-text-inverse);--calcite-internal-button-text-color: var(--calcite-color-text-inverse)}:host([kind=danger]){--calcite-internal-button-background-color: var(--calcite-color-status-danger);--calcite-internal-button-background-color-hover: var(--calcite-color-status-danger-hover);--calcite-internal-button-background-color-press: var(--calcite-color-status-danger-press);--calcite-internal-button-loader-color: var(--calcite-color-text-inverse);--calcite-internal-button-text-color: var(--calcite-color-text-inverse)}:host([kind=neutral]){--calcite-internal-button-background-color: var(--calcite-theme-color-surface-4, var(--calcite-color-foreground-3));--calcite-internal-button-background-color-hover: var( --calcite-theme-color-surface-3, var(--calcite-color-foreground-2) );--calcite-internal-button-background-color-press: var( --calcite-theme-color-surface-2, var(--calcite-color-foreground-1) );--calcite-internal-button-loader-color: var(--calcite-color-text-1);--calcite-internal-button-text-color: var(--calcite-color-text-1)}:host([kind=inverse]){--calcite-internal-button-background-color: var(--calcite-color-inverse);--calcite-internal-button-background-color-hover: var(--calcite-color-inverse-hover);--calcite-internal-button-background-color-press: var(--calcite-color-inverse-press);--calcite-internal-button-loader-color: var(--calcite-color-text-inverse);--calcite-internal-button-text-color: var(--calcite-color-text-inverse)}:host([appearance=outline-fill]){--calcite-internal-button-background-color: var(--calcite-theme-color-surface-2, var(--calcite-color-foreground-1));--calcite-internal-button-background-color-hover: var( --calcite-theme-color-surface-3, var(--calcite-color-foreground-2) );--calcite-internal-button-background-color-press: var( --calcite-theme-color-surface-4, var(--calcite-color-foreground-3) )}:host([appearance=outline-fill]) button,:host([appearance=outline-fill]) a{border-style:solid;border-width:var(--calcite-button-border-size, 1px)}:host([appearance=outline-fill][kind=brand]) button,:host([appearance=outline-fill][kind=brand]) a{--calcite-internal-button-border-color: var(--calcite-color-brand);--calcite-internal-button-text-color: var(--calcite-color-brand);--calcite-internal-button-loader-color: var(--calcite-color-brand)}:host([appearance=outline-fill][kind=brand]) button:hover,:host([appearance=outline-fill][kind=brand]) a:hover{--calcite-internal-button-border-color: var(--calcite-color-brand-hover);--calcite-internal-button-text-color: var(--calcite-color-brand-hover)}:host([appearance=outline-fill][kind=brand]) button:active,:host([appearance=outline-fill][kind=brand]) a:active{--calcite-internal-button-border-color: var(--calcite-color-brand-press);--calcite-internal-button-text-color: var(--calcite-color-brand-press)}:host([appearance=outline-fill][kind=brand]) button calcite-loader,:host([appearance=outline-fill][kind=brand]) a calcite-loader{--calcite-internal-button-loader-color: var(--calcite-color-brand)}:host([appearance=outline-fill][kind=danger]) button,:host([appearance=outline-fill][kind=danger]) a{--calcite-internal-button-border-color: var(--calcite-color-status-danger);--calcite-internal-button-text-color: var(--calcite-color-status-danger);--calcite-internal-button-loader-color: var(--calcite-color-status-danger)}:host([appearance=outline-fill][kind=danger]) button:hover,:host([appearance=outline-fill][kind=danger]) a:hover{--calcite-internal-button-border-color: var(--calcite-color-status-danger-hover);--calcite-internal-button-text-color: var(--calcite-color-status-danger-hover)}:host([appearance=outline-fill][kind=danger]) button:active,:host([appearance=outline-fill][kind=danger]) a:active{--calcite-internal-button-border-color: var(--calcite-color-status-danger-press);--calcite-internal-button-text-color: var(--calcite-color-status-danger-press)}:host([appearance=outline-fill][kind=danger]) button calcite-loader,:host([appearance=outline-fill][kind=danger]) a calcite-loader{--calcite-internal-button-loader-color: var(--calcite-color-status-danger)}:host([appearance=outline-fill][kind=neutral]) button,:host([appearance=outline-fill][kind=neutral]) a{--calcite-internal-button-border-color: var(--calcite-color-border-1);--calcite-internal-button-text-color: var(--calcite-color-text-1);--calcite-internal-button-loader-color: var(--calcite-color-text-1)}:host([appearance=outline-fill][kind=neutral]) button:hover,:host([appearance=outline-fill][kind=neutral]) a:hover{--calcite-internal-button-border-color: var(--calcite-color-border-input)}:host([appearance=outline-fill][kind=neutral]) button:active,:host([appearance=outline-fill][kind=neutral]) a:active{--calcite-internal-button-border-color: var(--calcite-color-text-3)}:host([appearance=solid][kind=neutral]){--calcite-internal-button-background-color-hover: var(--calcite-color-border-2);--calcite-internal-button-background-color-press: var(--calcite-color-border-1)}:host([appearance=outline-fill][kind=inverse]) button,:host([appearance=outline-fill][kind=inverse]) a{--calcite-internal-button-text-color: var(--calcite-color-text-1);--calcite-internal-button-border-color: var(--calcite-color-inverse);--calcite-internal-button-loader-color: var(--calcite-color-text-1)}:host([appearance=outline-fill][kind=inverse]) button:hover,:host([appearance=outline-fill][kind=inverse]) a:hover{--calcite-internal-button-border-color: var(--calcite-color-inverse-hover)}:host([appearance=outline-fill][kind=inverse]) button:active,:host([appearance=outline-fill][kind=inverse]) a:active{--calcite-internal-button-border-color: var(--calcite-color-inverse-press)}:host([appearance=outline]){--calcite-internal-button-background-color: var(--calcite-color-transparent);--calcite-internal-button-background-color-hover: var(--calcite-color-transparent-hover);--calcite-internal-button-background-color-press: var(--calcite-color-transparent-press)}:host([appearance=outline]) button,:host([appearance=outline]) a{border-style:solid;border-width:var(--calcite-button-border-size, 1px)}:host([appearance=outline][kind=brand]) button,:host([appearance=outline][kind=brand]) a{--calcite-internal-button-border-color: var(--calcite-color-brand);--calcite-internal-button-text-color: var(--calcite-color-brand);--calcite-internal-button-loader-color: var(--calcite-color-brand)}:host([appearance=outline][kind=brand]) button:hover,:host([appearance=outline][kind=brand]) a:hover{--calcite-internal-button-border-color: var(--calcite-color-brand-hover);--calcite-internal-button-text-color: var(--calcite-color-brand-hover)}:host([appearance=outline][kind=brand]) button:active,:host([appearance=outline][kind=brand]) a:active{--calcite-internal-button-border-color: var(--calcite-color-brand-press);--calcite-internal-button-text-color: var(--calcite-color-brand-press)}:host([appearance=outline][kind=brand]) button calcite-loader,:host([appearance=outline][kind=brand]) a calcite-loader{--calcite-internal-button-loader-color: var(--calcite-color-brand)}:host([appearance=outline][kind=danger]) button,:host([appearance=outline][kind=danger]) a{--calcite-internal-button-border-color: var(--calcite-color-status-danger);--calcite-internal-button-text-color: var(--calcite-color-status-danger);--calcite-internal-button-loader-color: var(--calcite-color-status-danger)}:host([appearance=outline][kind=danger]) button:hover,:host([appearance=outline][kind=danger]) a:hover{--calcite-internal-button-border-color: var(--calcite-color-status-danger-hover);--calcite-internal-button-text-color: var(--calcite-color-status-danger-hover)}:host([appearance=outline][kind=danger]) button:active,:host([appearance=outline][kind=danger]) a:active{--calcite-internal-button-border-color: var(--calcite-color-status-danger-press);--calcite-internal-button-text-color: var(--calcite-color-status-danger-press)}:host([appearance=outline][kind=danger]) button calcite-loader,:host([appearance=outline][kind=danger]) a calcite-loader{--calcite-internal-button-loader-color: var(--calcite-color-status-danger)}:host([appearance=outline][kind=neutral]) button,:host([appearance=outline][kind=neutral]) a{--calcite-internal-button-text-color: var(--calcite-color-text-1);--calcite-internal-button-border-color: var(--calcite-color-border-1);--calcite-internal-button-loader-color: var(--calcite-color-text-1)}:host([appearance=outline][kind=neutral]) button:hover,:host([appearance=outline][kind=neutral]) a:hover{--calcite-internal-button-border-color: var(--calcite-color-border-input)}:host([appearance=outline][kind=neutral]) button:active,:host([appearance=outline][kind=neutral]) a:active{--calcite-internal-button-border-color: var(--calcite-color-text-3)}:host([appearance=outline][kind=inverse]) button,:host([appearance=outline][kind=inverse]) a{--calcite-internal-button-text-color: var(--calcite-color-text-1);--calcite-internal-button-border-color: var(--calcite-color-inverse);--calcite-internal-button-loader-color: var(--calcite-color-text-1)}:host([appearance=outline][kind=inverse]) button:hover,:host([appearance=outline][kind=inverse]) a:hover{--calcite-internal-button-border-color: var(--calcite-color-inverse-hover)}:host([appearance=outline][kind=inverse]) button:active,:host([appearance=outline][kind=inverse]) a:active{--calcite-internal-button-border-color: var(--calcite-color-inverse-press)}:host([appearance=outline-fill][split-child=primary]) button,:host([appearance=outline][split-child=primary]) button,:host([appearance=outline-fill][split-child=primary]) a,:host([appearance=outline][split-child=primary]) a{border-inline-end-width:0;border-inline-start-width:1px}:host([appearance=outline-fill][split-child=secondary]) button,:host([appearance=outline][split-child=secondary]) button,:host([appearance=outline-fill][split-child=secondary]) a,:host([appearance=outline][split-child=secondary]) a{border-inline-start-width:0;border-inline-end-width:1px}:host([appearance=transparent]){--calcite-internal-button-background-color: var(--calcite-color-transparent);--calcite-internal-button-background-color-hover: var(--calcite-color-transparent-hover);--calcite-internal-button-background-color-press: var(--calcite-color-transparent-press)}:host([appearance=transparent]:not(.enable-editing-button)){--calcite-internal-button-background-color-hover: var(--calcite-color-transparent-hover);--calcite-internal-button-background-color-press: var(--calcite-color-transparent-press)}:host([appearance=transparent][kind=brand]) button,:host([appearance=transparent][kind=brand]) a{--calcite-internal-button-text-color: var(--calcite-color-brand);--calcite-internal-button-loader-color: var(--calcite-color-brand)}:host([appearance=transparent][kind=brand]) button:hover,:host([appearance=transparent][kind=brand]) a:hover{--calcite-internal-button-text-color: var(--calcite-color-brand-hover)}:host([appearance=transparent][kind=brand]) button:active,:host([appearance=transparent][kind=brand]) a:active{--calcite-internal-button-text-color: var(--calcite-color-brand-press)}:host([appearance=transparent][kind=brand]) button calcite-loader,:host([appearance=transparent][kind=brand]) a calcite-loader{--calcite-internal-button-loader-color: var(--calcite-color-brand)}:host([appearance=transparent][kind=danger]) button,:host([appearance=transparent][kind=danger]) a{--calcite-internal-button-text-color: var(--calcite-color-status-danger);--calcite-internal-button-loader-color: var(--calcite-color-status-danger)}:host([appearance=transparent][kind=danger]) button:hover,:host([appearance=transparent][kind=danger]) a:hover{--calcite-internal-button-text-color: var(--calcite-color-status-danger-hover)}:host([appearance=transparent][kind=danger]) button:active,:host([appearance=transparent][kind=danger]) a:active{--calcite-internal-button-text-color: var(--calcite-color-status-danger-press)}:host([appearance=transparent][kind=danger]) button calcite-loader,:host([appearance=transparent][kind=danger]) a calcite-loader{--calcite-internal-button-loader-color: var(--calcite-color-status-danger)}:host([appearance=transparent][kind=neutral]:not(.cancel-editing-button)) button,:host([appearance=transparent][kind=neutral]:not(.cancel-editing-button)) a,:host([appearance=transparent][kind=neutral]:not(.cancel-editing-button)) calcite-loader{--calcite-internal-button-text-color: var(--calcite-color-text-1)}:host([appearance=transparent][kind=neutral].cancel-editing-button) button{--calcite-internal-button-text-color: var(--calcite-color-text-3)}:host([appearance=transparent][kind=neutral].cancel-editing-button) button:hover{--calcite-internal-button-text-color: var(--calcite-color-text-1);--calcite-internal-button-padding-y: 0}:host(.confirm-changes-button) button:focus,:host(.cancel-editing-button) button:focus,:host(.enable-editing-button) button:focus{outline-offset:-2px}:host([appearance=transparent][kind=inverse]){--calcite-internal-button-background-color-hover: var(--calcite-color-transparent-hover);--calcite-internal-button-background-color-press: var(--calcite-color-transparent-press)}:host([appearance=transparent][kind=inverse]) button calcite-loader,:host([appearance=transparent][kind=inverse]) a calcite-loader{--calcite-internal-button-text-color: var(--calcite-color-text-inverse)}:host([scale=s]) button.content--slotted,:host([scale=s]) a.content--slotted{font-size:var(--calcite-font-size-relative-sm);line-height:var(--calcite-font-line-height-sm)}:host([scale=s][appearance=transparent]) button.content--slotted,:host([scale=s][appearance=transparent]) a.content--slotted{--calcite-internal-button-padding-x: .5rem}:host([scale=s]) button,:host([scale=s]) a{--calcite-internal-button-padding-y: 3px}:host([scale=m]) button.content--slotted,:host([scale=m]) a.content--slotted{--calcite-internal-button-padding-x: 11px;font-size:var(--calcite-font-size-relative-base);line-height:var(--calcite-font-line-height-base)}:host([scale=m]) button,:host([scale=m]) a{--calcite-internal-button-padding-y: 7px}:host([scale=m][appearance=transparent]) button.content--slotted,:host([scale=m][appearance=transparent]) a.content--slotted{--calcite-internal-button-padding-x: .75rem}:host([scale=l]) button.content--slotted,:host([scale=l]) a.content--slotted{--calcite-internal-button-padding-x: 15px;font-size:var(--calcite-font-size-relative-md);line-height:var(--calcite-font-line-height-md)}:host([scale=l]) .button-padding{--calcite-internal-button-padding-x: 1rem;--calcite-internal-button-padding-y: 11px}:host([scale=l]) .button-padding--shrunk{--calcite-internal-button-padding-y: 9px}:host([scale=s]) button:not(.content--slotted),:host([scale=s]) a:not(.content--slotted){--calcite-internal-button-padding-x: .125rem;--calcite-internal-button-padding-y: 3px;font-size:var(--calcite-font-size-relative-md);line-height:var(--calcite-font-line-height-md);inline-size:var(--calcite-space-2xl);min-block-size:1.5rem}:host([scale=m]) button:not(.content--slotted),:host([scale=m]) a:not(.content--slotted){--calcite-internal-button-padding-x: .125rem;--calcite-internal-button-padding-y: 7px;font-size:var(--calcite-font-size-relative-md);line-height:var(--calcite-font-line-height-md);inline-size:var(--calcite-space-3xl);min-block-size:2rem}:host([scale=l]) button:not(.content--slotted),:host([scale=l]) a:not(.content--slotted){--calcite-internal-button-padding-x: .125rem;--calcite-internal-button-padding-y: 9px;font-size:var(--calcite-font-size-relative-md);line-height:var(--calcite-font-line-height-md);inline-size:var(--calcite-space-4xl);min-block-size:2.75rem}:host(:is([scale=s],[scale=m],[scale=l])[width=full]) a:not(.content--slotted),:host(:is([scale=s],[scale=m],[scale=l])[width=full]) button:not(.content--slotted){inline-size:var(--calcite-container-size-content-fluid)}:host([scale=l][appearance=transparent]) button:not(.content--slotted),:host([scale=l][appearance=transparent]) a:not(.content--slotted){--calcite-internal-button-padding-y: var(--calcite-space-sm-plus)}:host([scale=s][icon-start][icon-end]) button:not(.content--slotted),:host([scale=s][icon-start][icon-end]) a:not(.content--slotted){--calcite-internal-button-padding-x: 23px;font-size:var(--calcite-font-size-relative-md);line-height:var(--calcite-font-line-height-md);block-size:var(--calcite-space-2xl)}:host([scale=s][icon-start][icon-end][appearance=transparent]) button:not(.content--slotted),:host([scale=s][icon-start][icon-end][appearance=transparent]) a:not(.content--slotted){--calcite-internal-button-padding-x: 1.5rem}:host([scale=m][icon-start][icon-end]) button:not(.content--slotted),:host([scale=m][icon-start][icon-end]) a:not(.content--slotted){--calcite-internal-button-padding-x: 2rem;font-size:var(--calcite-font-size-relative-md);line-height:var(--calcite-font-line-height-md);block-size:var(--calcite-space-3xl)}:host([scale=m][icon-start][icon-end][appearance=transparent]) button:not(.content--slotted),:host([scale=m][icon-start][icon-end][appearance=transparent]) a:not(.content--slotted){--calcite-internal-button-padding-x: 33px}:host([scale=l][icon-start][icon-end]) button:not(.content--slotted),:host([scale=l][icon-start][icon-end]) a:not(.content--slotted){--calcite-internal-button-padding-x: 43px;font-size:var(--calcite-font-size-relative-md);line-height:var(--calcite-font-line-height-md);block-size:var(--calcite-space-4xl)}:host([scale=l][icon-start][icon-end]) button:not(.content--slotted) .icon--start+.icon--end,:host([scale=l][icon-start][icon-end]) a:not(.content--slotted) .icon--start+.icon--end{margin-inline-start:1rem}:host([scale=l][icon-start][icon-end][appearance=transparent]) button:not(.content--slotted),:host([scale=l][icon-start][icon-end][appearance=transparent]) a:not(.content--slotted){--calcite-internal-button-padding-x: 2.75rem}:host([hidden]){display:none}[hidden]{display:none}`,s=class extends h{constructor(){super(),this.attributeWatch=f(["aria-expanded"],this.handleGlobalAttributesChanged),this.contentRef=p(),this.mutationObserver=c("mutation",()=>this.updateHasContent()),this.resizeObserver=c("resize",()=>this.setTooltipText()),this.focusSetter=x()(this),this.messages=y(),this.interactiveContainer=z(this),this.hasContent=!1,this.alignment="center",this.appearance="solid",this.disabled=!1,this.download=!1,this.kind="brand",this.loading=!1,this.round=!1,this.scale="m",this.splitChild=!1,this.type="button",this.width="auto",$({disabled:()=>!!this.href})(this),S(this)}static{this.properties={hasContent:[16,{},{state:!0}],tooltipText:[16,{},{state:!0}],alignment:[3,{},{reflect:!0}],appearance:[3,{},{reflect:!0}],disabled:[7,{},{reflect:!0,type:Boolean}],download:[3,{converter:v},{reflect:!0}],form:[3,{},{reflect:!0}],href:[3,{},{reflect:!0}],iconEnd:[3,{},{reflect:!0}],iconFlipRtl:[3,{},{reflect:!0}],iconStart:[3,{},{reflect:!0}],kind:[3,{},{reflect:!0}],label:1,loading:[7,{},{reflect:!0,type:Boolean}],messageOverrides:[0,{},{attribute:!1}],name:[3,{},{reflect:!0}],rel:[3,{},{reflect:!0}],round:[7,{},{reflect:!0,type:Boolean}],scale:[3,{},{reflect:!0}],splitChild:[3,{},{reflect:!0}],target:[3,{},{reflect:!0}],type:[3,{},{reflect:!0}],width:[3,{},{reflect:!0}]}}static{this.formAssociated=!0}static{this.styles=L}async setFocus(t){return this.focusSetter(()=>this.childEl,t)}connectedCallback(){super.connectedCallback(),this.setupTextContentObserver()}async load(){this.updateHasContent()}loaded(){this.setTooltipText()}disconnectedCallback(){super.disconnectedCallback(),this.mutationObserver?.disconnect(),this.resizeObserver?.disconnect()}handleGlobalAttributesChanged(){this.requestUpdate()}updateHasContent(){this.hasContent=k(this.el)}setupTextContentObserver(){this.mutationObserver?.observe(this.el,{childList:!0,subtree:!0})}onLabelClick(){this.setFocus()}setTooltipText(){let{contentRef:{value:t}}=this;t&&(this.tooltipText=t.offsetWidth<t.scrollWidth&&this.el.innerText||void 0)}setChildEl(t){m(this.resizeObserver,this.childEl,t),this.childEl=t}render(){let t=this.href?"a":"button",d=this.href?l`a`:l`button`,T=this.loading?o`<div class=${n(e.buttonLoader)}><calcite-loader class=${n(this.loading?e.loadingIn:e.loadingOut)} inline .label=${this.messages.loading} .scale=${this.scale==="l"?"m":"s"}></calcite-loader></div>`:null,u=!this.iconStart&&!this.iconEnd,O=o`<calcite-icon class=${n({[e.icon]:!0,[e.iconStart]:!0})} .flipRtl=${this.iconFlipRtl==="start"||this.iconFlipRtl==="both"} .icon=${this.iconStart} .scale=${i(this.scale)}></calcite-icon>`,R=o`<calcite-icon class=${n({[e.icon]:!0,[e.iconEnd]:!0})} .flipRtl=${this.iconFlipRtl==="end"||this.iconFlipRtl==="both"} .icon=${this.iconEnd} .scale=${i(this.scale)}></calcite-icon>`,F=o`<span class=${n(e.content)} ${r(this.contentRef)}><slot></slot></span>`;return this.interactiveContainer({disabled:this.disabled,children:w`<${d} .ariaBusy=${E(this.loading,void 0)} .ariaExpanded=${this.el.ariaExpanded?this.el.ariaExpanded:void 0} .ariaLabel=${this.loading?this.messages.loading:C(this)||void 0} aria-live=polite class=${n({[e.buttonPadding]:u,[e.buttonPaddingShrunk]:!u,[e.contentSlotted]:this.hasContent,[e.iconStartEmpty]:!this.iconStart,[e.iconEndEmpty]:!this.iconEnd})} .disabled=${t==="button"?this.disabled:void 0} download=${(t==="a"?this.download===!0||this.download===""?"":this.download||void 0:void 0)??a} href=${(t==="a"?this.href:void 0)??a} name=${(t==="button"?this.name:void 0)??a} rel=${(t==="a"?this.rel:void 0)??a} tabindex=${(this.disabled?-1:void 0)??a} target=${(t==="a"?this.target:void 0)??a} title=${this.tooltipText??a} type=${(t==="button"?this.type:void 0)??a} ${r(this.setChildEl)}>${T}${this.iconStart?O:null}${this.hasContent?F:null}${this.iconEnd?R:null}</${d}>`})}};g("calcite-button",s);export{s as Button};
@@ -1,2 +0,0 @@
1
- /* COPYRIGHT Esri - https://js.arcgis.com/6.0/LICENSE.txt */
2
- function a(t,e,n){let o=t==="block"?e:n;return o!=null?`${o}`:void 0}function l(t,...e){let n=e.length===0?"false":e[0];return t?"true":n}export{a,l as b};