@esri/calcite-components 5.2.0-next.101 → 5.2.0-next.103

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 (163) hide show
  1. package/dist/cdn/{QNXAVWAJ.js → 2IPGIBTO.js} +1 -1
  2. package/dist/cdn/{C2Y4NJDT.js → 2JI7T52K.js} +1 -1
  3. package/dist/cdn/{LI5EWXSM.js → 2JLRCF4I.js} +1 -1
  4. package/dist/cdn/{BJME77UX.js → 2NOL7Q65.js} +1 -1
  5. package/dist/cdn/{DPVHIOSO.js → 3BPDTQNV.js} +1 -1
  6. package/dist/cdn/{KDS6PDL2.js → 3PPFRHH4.js} +1 -1
  7. package/dist/cdn/{4XNRHDB3.js → 3SKUTKSO.js} +1 -1
  8. package/dist/cdn/{FOKLLR44.js → 3YGGVMYI.js} +1 -1
  9. package/dist/cdn/{KF7V4DAX.js → 4EHSWGPR.js} +1 -1
  10. package/dist/cdn/{LZ5PYGNR.js → 4PEEVGHS.js} +1 -1
  11. package/dist/cdn/{CQ6LREJD.js → 4R32CTYU.js} +1 -1
  12. package/dist/cdn/{NJMV4WPQ.js → 4UG53ECI.js} +1 -1
  13. package/dist/cdn/{PX4KTOO6.js → 4V5MVVRD.js} +1 -1
  14. package/dist/cdn/{OTNR266R.js → 54WHGMZW.js} +1 -1
  15. package/dist/cdn/{FH6P65VP.js → 5HDQCOR6.js} +1 -1
  16. package/dist/cdn/{IEEPXDXH.js → 5U3NJGQX.js} +1 -1
  17. package/dist/cdn/{2MNEHZ77.js → 62ISXFZN.js} +1 -1
  18. package/dist/cdn/{32AG2SVX.js → 6AIJWT53.js} +1 -1
  19. package/dist/cdn/{DFBXIKQJ.js → 6G2I27TN.js} +1 -1
  20. package/dist/cdn/{6SJWWMGS.js → 77H5FFOU.js} +1 -1
  21. package/dist/cdn/{PC7VCOJW.js → 7BSGC2YH.js} +1 -1
  22. package/dist/cdn/{TKBGROBB.js → 7F56ZKSG.js} +1 -1
  23. package/dist/cdn/{LXYP4VCL.js → 7HFZ7P6F.js} +1 -1
  24. package/dist/cdn/{VTVKZ3IV.js → 7L2PZVCL.js} +1 -1
  25. package/dist/cdn/{52QJFUTH.js → 7LKIC5WK.js} +1 -1
  26. package/dist/cdn/{TKFFMUUV.js → 7PLHBGIG.js} +1 -1
  27. package/dist/cdn/{D7WW33KQ.js → AFR5N4NC.js} +1 -1
  28. package/dist/cdn/{NWX36XFN.js → AGKFDKBX.js} +1 -1
  29. package/dist/cdn/{CIURGFBE.js → ATWPPYA5.js} +1 -1
  30. package/dist/cdn/{OITE76X3.js → AUCYXKXH.js} +1 -1
  31. package/dist/cdn/{KUNCCYG6.js → BKDCQ36Q.js} +1 -1
  32. package/dist/cdn/{NMBDQTIL.js → BLRUYBMF.js} +1 -1
  33. package/dist/cdn/{HPTELVKO.js → BN7J3DSR.js} +1 -1
  34. package/dist/cdn/{JTNOE2U5.js → BQLAO6ZR.js} +1 -1
  35. package/dist/cdn/{IXXKQSMT.js → BRYFJKNK.js} +1 -1
  36. package/dist/cdn/{BTIRWNKL.js → BYZQ7O2W.js} +1 -1
  37. package/dist/cdn/{OUE6S4BI.js → C47K7XML.js} +1 -1
  38. package/dist/cdn/{WZQ3BEX5.js → CATHTHB4.js} +1 -1
  39. package/dist/cdn/{SGD4675X.js → CGU7D6CR.js} +1 -1
  40. package/dist/cdn/{HSHO3Y2U.js → CMACEQ5G.js} +1 -1
  41. package/dist/cdn/{M5SUKDOE.js → CNY47T4K.js} +1 -1
  42. package/dist/cdn/{QGDBHGWC.js → DBGUFNPK.js} +1 -1
  43. package/dist/cdn/{G7OWSOEN.js → DEMKELDJ.js} +1 -1
  44. package/dist/cdn/{W57LYIDN.js → DJBHHZFQ.js} +1 -1
  45. package/dist/cdn/{LOQZGUAZ.js → E3WBQZVR.js} +1 -1
  46. package/dist/cdn/{QYCAM2FZ.js → E5BGBZ4P.js} +1 -1
  47. package/dist/cdn/{UNWHDWW4.js → EGN6FYWS.js} +1 -1
  48. package/dist/cdn/{KSWFZRQC.js → F4WPJCRH.js} +1 -1
  49. package/dist/cdn/{JEVWAZAG.js → F66D2GVI.js} +1 -1
  50. package/dist/cdn/{LLLITH6D.js → FDYM4AWK.js} +1 -1
  51. package/dist/cdn/{D2ULUBCF.js → GBQG4OH5.js} +1 -1
  52. package/dist/cdn/{T3IXAHR6.js → GH5TSRXM.js} +1 -1
  53. package/dist/cdn/{XTMHPRR3.js → GJXYW5JA.js} +1 -1
  54. package/dist/cdn/{4TGO3N37.js → GLJEKGXJ.js} +1 -1
  55. package/dist/cdn/{ZV4W33SO.js → GRGSP36F.js} +1 -1
  56. package/dist/cdn/{AV6ILLAW.js → H3Y3GWRZ.js} +1 -1
  57. package/dist/cdn/{ZW6JB2XL.js → H4LY7LBK.js} +1 -1
  58. package/dist/cdn/{NAZ2NMJL.js → HAGZ2UE4.js} +1 -1
  59. package/dist/cdn/{HSKA4PER.js → HVC2BCCM.js} +1 -1
  60. package/dist/cdn/{AKGXENQP.js → HZOHJOJL.js} +1 -1
  61. package/dist/cdn/{WIIR767T.js → I32PAADY.js} +1 -1
  62. package/dist/cdn/{46B743KL.js → I6OTOCV6.js} +1 -1
  63. package/dist/cdn/{ZHIFK6BI.js → IHIDGVIU.js} +1 -1
  64. package/dist/cdn/{4HMG2JYR.js → IJB2I3TD.js} +1 -1
  65. package/dist/cdn/{L23LAMMK.js → IKG226TX.js} +1 -1
  66. package/dist/cdn/{SANEY2MN.js → ITGZKYPZ.js} +1 -1
  67. package/dist/cdn/{FQHHOFXL.js → IUMWT6J7.js} +1 -1
  68. package/dist/cdn/{5HWWIBGM.js → IUNIMOSP.js} +1 -1
  69. package/dist/cdn/{RT2X73X5.js → IZ5RTG2Q.js} +1 -1
  70. package/dist/cdn/{HK7X66VA.js → JF6FZSXC.js} +1 -1
  71. package/dist/cdn/{DXZBXR6Y.js → JH6W45BP.js} +1 -1
  72. package/dist/cdn/{3G4MYQNA.js → JKCCMABM.js} +1 -1
  73. package/dist/cdn/{ANIMOFXR.js → KB6N7G26.js} +1 -1
  74. package/dist/cdn/{H7HO2WD6.js → KJH4D2S6.js} +1 -1
  75. package/dist/cdn/{DGEUB652.js → KP3FEWJW.js} +1 -1
  76. package/dist/cdn/{UONKVMR7.js → LDPZSCQE.js} +1 -1
  77. package/dist/cdn/{7I7DDHBC.js → LW5RCTSQ.js} +1 -1
  78. package/dist/cdn/{QUVKKJTW.js → MAJLOAKZ.js} +1 -1
  79. package/dist/cdn/{XQJWB6YQ.js → MBAXFZ3W.js} +1 -1
  80. package/dist/cdn/{LM3KDPA7.js → MGSSLTW7.js} +1 -1
  81. package/dist/cdn/{M53A7XVV.js → N5BF64FZ.js} +1 -1
  82. package/dist/cdn/NCOXIVYP.js +2 -0
  83. package/dist/cdn/{523DDQ52.js → NJIBNDLU.js} +1 -1
  84. package/dist/cdn/{4RV77DD5.js → NR7NGST5.js} +1 -1
  85. package/dist/cdn/{TYKRFXSY.js → NXUIPQEN.js} +1 -1
  86. package/dist/cdn/{IPO64CAF.js → NZ6F6C7N.js} +1 -1
  87. package/dist/cdn/{L2EXDYUL.js → O7X4KGBR.js} +1 -1
  88. package/dist/cdn/{DRMKHWJY.js → OMBGJQFM.js} +1 -1
  89. package/dist/cdn/{VTNBAACJ.js → ON2MMN2J.js} +1 -1
  90. package/dist/cdn/{GYRYEQNO.js → ORUK2RNJ.js} +1 -1
  91. package/dist/cdn/{MBM4L4JS.js → PIYUQJYO.js} +1 -1
  92. package/dist/cdn/{3RINML6P.js → PJMHCGCH.js} +1 -1
  93. package/dist/cdn/{PWYT3PJV.js → PLACFEL6.js} +1 -1
  94. package/dist/cdn/{7WSSHKKL.js → PQ3QFS5B.js} +1 -1
  95. package/dist/cdn/{6D36TIPR.js → PXMBKS4I.js} +1 -1
  96. package/dist/cdn/{6E7FFVUE.js → Q3NA4XJS.js} +1 -1
  97. package/dist/cdn/{NBYRMJGE.js → QPXLDRBN.js} +1 -1
  98. package/dist/cdn/{ZWV2Q4GM.js → QTATVLQU.js} +1 -1
  99. package/dist/cdn/{IPKSRVDL.js → QW2BR3TH.js} +1 -1
  100. package/dist/cdn/{YL2GTWCW.js → R3GNRXGI.js} +1 -1
  101. package/dist/cdn/{D3MV7AUC.js → RBLUH75D.js} +1 -1
  102. package/dist/cdn/{SIZWL33X.js → RGGKE5IC.js} +1 -1
  103. package/dist/cdn/{PUOD7WQF.js → RIE7E7M6.js} +1 -1
  104. package/dist/cdn/{XER5OKM2.js → RWIYEEZL.js} +1 -1
  105. package/dist/cdn/{NIPC55ZH.js → RZYJZ7B2.js} +1 -1
  106. package/dist/cdn/{EJOUOI23.js → S6MLGIDR.js} +1 -1
  107. package/dist/cdn/{RDXHFPJV.js → SEMBAU6Z.js} +1 -1
  108. package/dist/cdn/{JO5B5DFP.js → SIHISUDZ.js} +1 -1
  109. package/dist/cdn/{RK7EHMPA.js → SRMV45BG.js} +1 -1
  110. package/dist/cdn/{2EZRHGL6.js → SRTFOHYI.js} +1 -1
  111. package/dist/cdn/{A2NSL5HJ.js → SYK7SBYC.js} +1 -1
  112. package/dist/cdn/{6SE3MNHH.js → T26P6UCA.js} +1 -1
  113. package/dist/cdn/{YIU6OW7A.js → T665KJMI.js} +1 -1
  114. package/dist/cdn/{AJG3PLXA.js → TDXSYVVL.js} +1 -1
  115. package/dist/cdn/{OIKPAS3K.js → TGNGMEFP.js} +1 -1
  116. package/dist/cdn/{UR5DHY7J.js → TGR4OOVA.js} +1 -1
  117. package/dist/cdn/{GAZEHUH6.js → TIQCZLSJ.js} +1 -1
  118. package/dist/cdn/{PPXTR2IH.js → TMPSQ6R3.js} +1 -1
  119. package/dist/cdn/TU233PHY.js +2 -0
  120. package/dist/cdn/{W2PTO3XY.js → UHFLHNFQ.js} +1 -1
  121. package/dist/cdn/{3YW6GSTH.js → UIW47FPX.js} +1 -1
  122. package/dist/cdn/{ZB3N5W7Z.js → UJWDH6OA.js} +1 -1
  123. package/dist/cdn/{TE5JW6DY.js → VM4HT5ED.js} +1 -1
  124. package/dist/cdn/{BURY3W5D.js → VWKHXY64.js} +1 -1
  125. package/dist/cdn/{PCHRDMUP.js → VYXA2N5G.js} +1 -1
  126. package/dist/cdn/{G7DHZ74I.js → VZC4JOKZ.js} +1 -1
  127. package/dist/cdn/{MWW3XQX5.js → W5CF7YHI.js} +1 -1
  128. package/dist/cdn/{UJOX6Y2F.js → WBTD2M6Y.js} +1 -1
  129. package/dist/cdn/{7Q3ADTIZ.js → WIOFWDKD.js} +1 -1
  130. package/dist/cdn/{YJP4OLZE.js → WSO7IIGG.js} +1 -1
  131. package/dist/cdn/{ULMSJKXY.js → XY4YESU3.js} +1 -1
  132. package/dist/cdn/{5HSBGT3N.js → YBZU2AHE.js} +1 -1
  133. package/dist/cdn/{RMC37QBN.js → YDMT3M23.js} +1 -1
  134. package/dist/cdn/{LTAYEKN6.js → YEOBEDTO.js} +1 -1
  135. package/dist/cdn/{ILCJ4M5U.js → YMEXTFWV.js} +1 -1
  136. package/dist/cdn/{NEVGLFYV.js → YQT3EPXZ.js} +1 -1
  137. package/dist/cdn/{PJCB5HTP.js → Z6KAIADL.js} +1 -1
  138. package/dist/cdn/{3YZQTFAU.js → ZHLLNVRD.js} +1 -1
  139. package/dist/cdn/{V73MWTZO.js → ZJITKKLT.js} +1 -1
  140. package/dist/cdn/{B5VSUIUK.js → ZQI4ILEQ.js} +1 -1
  141. package/dist/cdn/{JDJZBYDZ.js → ZTLW2EUH.js} +1 -1
  142. package/dist/cdn/{W3CSMC5S.js → ZXUPYQ5O.js} +1 -1
  143. package/dist/cdn/index.js +1 -1
  144. package/dist/chunks/runtime.js +3 -3
  145. package/dist/chunks/useInlineEdit.js +4 -1
  146. package/dist/components/calcite-input/customElement.js +3 -0
  147. package/dist/components/calcite-input-number/customElement.js +3 -0
  148. package/dist/components/calcite-input-text/customElement.js +3 -0
  149. package/dist/components/calcite-input-time-zone/customElement.d.ts +2 -0
  150. package/dist/components/calcite-input-time-zone/customElement.js +2 -2
  151. package/dist/components/calcite-menu-item/customElement.js +1 -1
  152. package/dist/docs/api.json +1 -1
  153. package/dist/docs/docs.json +1 -1
  154. package/dist/docs/vscode.html-custom-data.json +1 -1
  155. package/dist/docs/web-types.json +1 -1
  156. package/dist/loader.js +1 -1
  157. package/dist/types/lumina.d.ts +1 -1
  158. package/dist/types/preact.d.ts +1 -1
  159. package/dist/types/react.d.ts +1 -1
  160. package/dist/types/stencil.d.ts +1 -1
  161. package/package.json +1 -1
  162. package/dist/cdn/4CE62ZY4.js +0 -2
  163. package/dist/cdn/BTFRXRZO.js +0 -2
package/dist/components/calcite-input-time-zone/customElement.js CHANGED
@@ -233,7 +233,7 @@ class InputTimeZone extends LitElement {
233
233
  useLabel(this);
234
234
  }
235
235
  static {
236
- this.properties = { selectedTimeZoneItem: [16, {}, { state: true }], timeZoneItems: [16, {}, { state: true }], clearable: [7, {}, { reflect: true, type: Boolean }], disabled: [7, {}, { reflect: true, type: Boolean }], form: [3, {}, { reflect: true }], labelText: 1, maxItems: [11, {}, { reflect: true, type: Number }], messageOverrides: [0, {}, { attribute: false }], mode: [3, {}, { reflect: true }], name: [3, {}, { reflect: true }], offsetStyle: [3, {}, { reflect: true }], open: [7, {}, { reflect: true, type: Boolean }], overlayPositioning: [3, {}, { reflect: true }], placeholder: 1, readOnly: [7, {}, { reflect: true, type: Boolean }], referenceDate: 1, required: [7, {}, { reflect: true, type: Boolean }], scale: [3, {}, { reflect: true }], status: [3, {}, { reflect: true }], topLayerDisabled: [7, {}, { reflect: true, type: Boolean }], validationIcon: [3, { converter: stringOrBoolean }, { reflect: true }], validationMessage: 1, validity: [32, {}, { readOnly: true, attribute: false }], value: 1 };
236
+ this.properties = { selectedTimeZoneItem: [16, {}, { state: true }], timeZoneItems: [16, {}, { state: true }], clearable: [7, {}, { reflect: true, type: Boolean }], disabled: [7, {}, { reflect: true, type: Boolean }], form: [3, {}, { reflect: true }], label: 1, labelText: 1, maxItems: [11, {}, { reflect: true, type: Number }], messageOverrides: [0, {}, { attribute: false }], mode: [3, {}, { reflect: true }], name: [3, {}, { reflect: true }], offsetStyle: [3, {}, { reflect: true }], open: [7, {}, { reflect: true, type: Boolean }], overlayPositioning: [3, {}, { reflect: true }], placeholder: 1, readOnly: [7, {}, { reflect: true, type: Boolean }], referenceDate: 1, required: [7, {}, { reflect: true, type: Boolean }], scale: [3, {}, { reflect: true }], status: [3, {}, { reflect: true }], topLayerDisabled: [7, {}, { reflect: true, type: Boolean }], validationIcon: [3, { converter: stringOrBoolean }, { reflect: true }], validationMessage: 1, validity: [32, {}, { readOnly: true, attribute: false }], value: 1 };
237
237
  }
238
238
  static {
239
239
  this.formAssociated = true;
@@ -404,7 +404,7 @@ class InputTimeZone extends LitElement {
404
404
  return !metadata.country || open || !selected ? label : getSelectedRegionTimeZoneLabel(label, metadata.country, this.messages);
405
405
  }
406
406
  render() {
407
- return this.interactiveContainer({ disabled: this.disabled, children: html`<calcite-combobox .clearDisabled=${!this.clearable} .disabled=${this.disabled} .label=${this.messages.chooseTimeZone} .labelText=${this.labelText} lang=${this.messages._lang ?? nothing} .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} ${ref(this.comboboxRef)}>${this.renderItems()}<slot name=${SLOTS.labelContent} slot=${SLOTS$1.labelContent}></slot></calcite-combobox>` });
407
+ return this.interactiveContainer({ disabled: this.disabled, children: html`<calcite-combobox .clearDisabled=${!this.clearable} .disabled=${this.disabled} .label=${this.label || this.messages.chooseTimeZone} .labelText=${this.labelText} lang=${this.messages._lang ?? nothing} .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} ${ref(this.comboboxRef)}>${this.renderItems()}<slot name=${SLOTS.labelContent} slot=${SLOTS$1.labelContent}></slot></calcite-combobox>` });
408
408
  }
409
409
  renderItems() {
410
410
  if (this.mode === "region") {
package/dist/components/calcite-menu-item/customElement.js CHANGED
@@ -10,7 +10,7 @@ import { g as getIconScale } from "../../chunks/component.js";
10
10
  import { u as useT9n } from "../../chunks/useT9n.js";
11
11
  import { u as useFocusable } from "../../chunks/useFocusable.js";
12
12
  import { C as CSS, I as ICONS, S as SLOTS } from "../../chunks/resources20.js";
13
- const styles = css`:host{--calcite-internal-menu-item-breadcrumb-icon-margin-inline-start: 0;--calcite-internal-menu-item-content-min-block-size: var(--calcite-size-xl);--calcite-internal-menu-item-dropdown-action-block-size: auto;--calcite-internal-menu-item-dropdown-action-divider-inset-block: var( --calcite-theme-space-2xs, var(--calcite-spacing-xxs) );--calcite-internal-menu-item-dropdown-action-flex: initial;--calcite-internal-menu-item-font-size: var(--calcite-font-size-relative-md);--calcite-internal-menu-item-icon-spacing-start: var(--calcite-space-md);--calcite-internal-menu-item-icon-spacing-end: var(--calcite-space-md);--calcite-internal-menu-item-padding-inline: var(--calcite-space-lg);--calcite-internal-menu-item-border: 1px solid var(--calcite-menu-item-sub-menu-border-color, var(--calcite-color-border-3));position:relative;box-sizing:border-box;display:flex;align-items:center;flex-shrink:0}:host .container,:host .item-content,:host .content{min-block-size:var(--calcite-internal-menu-item-content-min-block-size)}:host([layout=vertical]){--calcite-internal-menu-item-breadcrumb-icon-margin-inline-start: auto;--calcite-internal-menu-item-padding-block: var(--calcite-space-md);--calcite-internal-menu-item-padding-inline: var(--calcite-space-md);inline-size:100%}:host(:not([layout=vertical])){block-size:100%}.container,.item-content{display:flex;block-size:100%;inline-size:100%;flex-direction:row;align-items:stretch}.item-content{background-color:var(--calcite-menu-background-color, var(--calcite-internal-menu-background-color, var(--calcite-theme-color-surface-2, var(--calcite-color-foreground-1))))}.content{position:relative;box-sizing:border-box;display:flex;block-size:100%;inline-size:100%;cursor:pointer;align-items:center;justify-content:center;outline:2px solid transparent;outline-offset:2px;text-decoration:none;padding-block-start:var(--calcite-space-base);border-block-end:var(--calcite-space-base) solid var(--calcite-color-transparent);font-size:var(--calcite-internal-menu-item-font-size);line-height:var(--calcite-internal-menu-item-line-height, inherit);padding-inline:var(--calcite-internal-menu-item-padding-inline);background-color:var(--calcite-menu-background-color, var(--calcite-internal-menu-background-color, var(--calcite-theme-color-surface-2, var(--calcite-color-foreground-1))));color:var(--calcite-menu-text-color, var(--calcite-internal-menu-text-color, var(--calcite-color-text-2)))}.content:hover{--calcite-internal-menu-background-color: var(--calcite-theme-color-surface-3, var(--calcite-color-foreground-2))}.content:focus{border-block-end-width:4px;outline:var(--calcite-border-width-md) solid var(--calcite-color-focus, var(--calcite-ui-focus-color, var(--calcite-color-brand)));outline-offset:calc(calc(-1 * var(--calcite-spacing-base)) * calc(1 - (2*clamp(0,var(--calcite-offset-invert-focus),1))));padding-block-start:var(--calcite-space-2xs);border-block-end-width:var(--calcite-space-2xs)}.content:active{--calcite-internal-menu-background-color: var(--calcite-theme-color-surface-4, var(--calcite-color-foreground-3));--calcite-internal-menu-text-color: var(--calcite-color-text-1)}.content span{display:inline-flex}.content.layout--vertical{display:flex;inline-size:100%;justify-content:flex-start;padding-block:var(--calcite-internal-menu-item-padding-block);border-block-end:0;border-inline-end:var(--calcite-space-2xs) solid var(--calcite-color-transparent)}:host([scale=s]){--calcite-internal-menu-item-content-min-block-size: 2.25rem;--calcite-internal-menu-item-font-size: var(--calcite-font-size);--calcite-internal-menu-item-icon-spacing-start: var(--calcite-space-sm);--calcite-internal-menu-item-icon-spacing-end: var(--calcite-space-sm);--calcite-internal-menu-item-line-height: var(--calcite-space-lg);--calcite-internal-menu-item-padding-inline: var(--calcite-space-md);min-block-size:var(--calcite-internal-menu-item-content-min-block-size)}:host([scale=s]:not([layout=vertical])){--calcite-internal-menu-item-dropdown-action-block-size: var(--calcite-space-2xl);--calcite-internal-menu-item-dropdown-action-divider-inset-block: var(--calcite-space-base)}:host([scale=s]:not([layout=vertical])) .icon--dropdown{padding-inline-start:var(--calcite-space-xs)}:host([scale=s]:not([layout=vertical])) .dropdown-action{padding-block:0;padding-inline:0}:host([scale=s][layout=vertical]){--calcite-internal-menu-item-padding-block: var(--calcite-space-sm);--calcite-internal-menu-item-padding-inline: var(--calcite-space-sm)}:host([scale=s][layout=vertical]) .icon--end~.icon--dropdown{margin-inline-start:var(--calcite-space-sm);padding-inline-start:var(--calcite-space-xs)}:host([breadcrumb][scale=s]){--calcite-internal-menu-item-breadcrumb-icon-margin-inline-start: var(--calcite-space-xs)}:host([breadcrumb][scale=s]:not([layout=vertical])) .content{padding-inline-start:var(--calcite-space-md);padding-inline-end:var(--calcite-space-sm)}:host([scale=s][layout=vertical]) .content:not([href]){--calcite-internal-menu-item-content-min-block-size: 2.25rem}:host([scale=s][layout=vertical]):has(.dropdown-action){--calcite-internal-menu-item-dropdown-action-divider-inset-block: var(--calcite-space-base)}:host([scale=s][layout=vertical]) .content:not([href]){padding-inline-end:var(--calcite-space-2xs)}:host([scale=m][layout=vertical]) .content:not([href]){padding-inline-end:var(--calcite-space-sm)}:host([scale=l]){--calcite-internal-menu-item-content-min-block-size: var(--calcite-size-2xl);--calcite-internal-menu-item-font-size: var(--calcite-font-size-lg);--calcite-internal-menu-item-icon-spacing-start: var(--calcite-space-lg);--calcite-internal-menu-item-icon-spacing-end: var(--calcite-space-lg);--calcite-internal-menu-item-line-height: var(--calcite-space-2xl);--calcite-internal-menu-item-padding-inline: var(--calcite-space-xl);min-block-size:var(--calcite-internal-menu-item-content-min-block-size)}:host([scale=l]:not([layout=vertical])){--calcite-internal-menu-item-breadcrumb-icon-margin-inline-start: var(--calcite-space-sm-plus)}:host([scale=l]:not([layout=vertical])) .container,:host([scale=l]:not([layout=vertical])) .item-content,:host([scale=l]:not([layout=vertical])) .content{min-block-size:var(--calcite-size-2xl)}:host([scale=l]:not([layout=vertical])) .icon--dropdown{margin-inline-start:var(--calcite-space-sm-plus);padding-inline-start:0}:host([scale=l]:not([layout=vertical])) .dropdown-action{margin-inline-start:var(--calcite-space-xs)}:host([scale=l]:not([layout=vertical])) .dropdown-action:after{inset-inline-start:calc(-1 * var(--calcite-space-xs))}:host([scale=l][layout=vertical]){--calcite-internal-menu-item-padding-block: var(--calcite-space-lg);--calcite-internal-menu-item-padding-inline: var(--calcite-space-lg)}:host([scale=l][layout=vertical]) .content:has(.icon--end):has(.icon--dropdown) .icon--end~.icon--dropdown{margin-inline-start:var(--calcite-space-lg);padding-inline-start:var(--calcite-space-sm-plus)}:host([scale=l][layout=vertical]) .content:not([href]){padding-inline-end:var(--calcite-space-md)}:host([scale=l]:not([layout=vertical])):has(.dropdown-action){--calcite-internal-menu-item-dropdown-action-block-size: var(--calcite-size-lg);--calcite-internal-menu-item-dropdown-action-divider-inset-block: var(--calcite-space-xs)}:host([scale=l]:not([layout=vertical])):has(.dropdown-action) .content{padding-inline-end:var(--calcite-space-xl)}:host([scale=l]:not([layout=vertical])):has(.dropdown-action) .dropdown-action{box-sizing:border-box}:host([breadcrumb][scale=l]:not([layout=vertical])) .content{padding-inline-start:var(--calcite-space-xl);padding-inline-end:var(--calcite-space-lg)}:host([active]) .content{--calcite-internal-menu-text-color: var(--calcite-color-text-1);border-color:var(--calcite-menu-item-accent-color, var(--calcite-color-brand))}:host([active]) .icon{--calcite-internal-menu-item-icon-color: var( --calcite-icon-color, var(--calcite-ui-icon-color, var(--calcite-color-brand)) )}:host([active][scale=l][layout=vertical]) .content{border-inline-end-color:var(--calcite-menu-item-accent-color, var(--calcite-color-brand))}:host([slot=submenu-item][layout=vertical][scale=s]) .parent--vertical{padding-inline-start:var(--calcite-space-xl)}:host([slot=submenu-item][layout=vertical][scale=m]) .parent--vertical{padding-inline-start:var(--calcite-space-2xl)}:host([slot=submenu-item][layout=vertical][scale=l]) .parent--vertical{padding-inline-start:var(--calcite-space-3xl)}:host([layout=vertical]) .text-container{flex:1}:host([scale=m][layout=vertical]) .text-container{flex:0 1 auto}.icon{color:var(--calcite-menu-text-color, var(--calcite-icon-color, var(--calcite-internal-menu-item-icon-color, var(--calcite-ui-icon-color, var(--calcite-color-text-3)))))}.icon--start{margin-inline-end:var(--calcite-internal-menu-item-icon-spacing-start)}.icon--end{margin-inline-start:var(--calcite-internal-menu-item-icon-spacing-end)}:host([layout=vertical]) .icon--end{padding-inline-start:0;--calcite-internal-menu-item-icon-spacing-end: auto}:host([layout=vertical][scale=s]) .icon--end{padding-inline-start:var(--calcite-space-sm)}:host([layout=vertical][scale=m]) .icon--end{padding-inline-start:var(--calcite-space-md)}:host([layout=vertical][scale=l]) .icon--end{padding-inline-start:var(--calcite-space-lg)}.icon--dropdown{position:relative;margin-inline-start:auto;margin-inline-end:0px;padding-inline-start:.5rem}:host([layout=vertical]) .icon--end~.icon--dropdown{margin-inline-start:.75rem}:host([layout=vertical]) .hover-href-icon{padding-inline-start:.5rem}:host([layout=vertical]) .hover-href-icon~.icon--breadcrumb{margin-inline-start:.75rem}.icon--breadcrumb{margin-inline-start:var(--calcite-internal-menu-item-breadcrumb-icon-margin-inline-start);padding-inline-start:0;margin-inline-end:0px}:host([scale=m]) .icon--breadcrumb{padding-inline-start:.5rem}:host([breadcrumb][scale=l][layout=vertical]) .icon--breadcrumb{margin-inline-start:var(--calcite-space-sm-plus)}:host([layout=vertical]) .icon--breadcrumb~.icon--dropdown{margin-inline-start:.5rem}:host([layout=vertical]) .icon--end~.icon--breadcrumb{margin-inline-start:.5rem}:host([breadcrumb]) .content{padding-inline-end:.75rem}.dropdown-action{position:relative;align-self:center;--calcite-action-background-color: var(--calcite-menu-background-color);--calcite-action-text-color: var(--calcite-menu-text-color);block-size:var(--calcite-internal-menu-item-dropdown-action-block-size);flex:var(--calcite-internal-menu-item-dropdown-action-flex);margin-inline-start:var(--calcite-theme-space-2xs, var(--calcite-spacing-xxs))}.dropdown-action:after{position:absolute;display:block;inline-size:1px;content:"";inset-inline-start:calc(-1 * var(--calcite-theme-space-2xs, var(--calcite-spacing-xxs)));inset-block:var(--calcite-internal-menu-item-dropdown-action-divider-inset-block);background-color:var(--calcite-color-border-3)}.dropdown-action:active{--calcite-action-background-color-press: var(--calcite-menu-background-color)}:host([layout=vertical]) .dropdown-action{margin-inline-end:var(--calcite-theme-space-2xs, var(--calcite-spacing-xxs))}:host([scale=l][layout=vertical]) .dropdown-action{margin-inline:var(--calcite-space-xs)}:host([scale=l][layout=vertical]) .dropdown-action:after{inset-inline-start:calc(-1 * var(--calcite-space-xs))}.dropdown-menu-items{position:absolute;display:none;block-size:auto;min-inline-size:100%;flex-direction:column;overflow:visible;box-shadow:var(--calcite-shadow-md);border:var(--calcite-internal-menu-item-border);border-radius:var(--calcite-menu-item-sub-menu-corner-radius, var(--calcite-corner-radius));inset-block-start:100%;z-index:var(--calcite-z-index-dropdown)}.dropdown-menu-items.open{display:block}.dropdown-menu-items.nested{position:absolute;inset-block-start:-1px;transform:translate(calc(100% - 2px))}.parent--vertical{flex-direction:column}.dropdown--vertical.dropdown-menu-items{position:relative;box-shadow:none;inset-block-start:0;transform:none}.dropdown--vertical.dropdown-menu-items:last-of-type{border-inline:0}:host([layout=vertical]:last-of-type) .dropdown-menu-items{border-block-end:0}:host([layout=vertical]) .dropdown--vertical.dropdown-menu-items{border:none}:host([layout=vertical]) .dropdown--vertical.dropdown-menu-items:after{content:"";border-block-start:var(--calcite-internal-menu-item-border);position:absolute;inset-block-start:0;inset-inline:var(--calcite-internal-menu-item-padding-inline) 0}.dropdown-menu-items.nested.calcite--rtl{transform:translate(calc(-100% + 2px))}.dropdown--vertical.dropdown-menu-items.nested.calcite--rtl{transform:none}.hover-href-icon{position:relative;inset-inline-end:.25rem;margin-inline-start:auto;opacity:0;transition:all var(--calcite-internal-animation-timing-medium) ease-in-out}.content:focus .hover-href-icon,.content:hover .hover-href-icon{inset-inline-end:-.25rem;opacity:1}:host([hidden]){display:none}[hidden]{display:none}`;
13
+ const styles = css`:host{--calcite-internal-menu-item-breadcrumb-icon-margin-inline-start: 0;--calcite-internal-menu-item-content-min-block-size: var(--calcite-size-xl);--calcite-internal-menu-item-dropdown-action-block-size: auto;--calcite-internal-menu-item-dropdown-action-divider-inset-block: var( --calcite-theme-space-2xs, var(--calcite-spacing-xxs) );--calcite-internal-menu-item-dropdown-action-flex: initial;--calcite-internal-menu-item-font-size: var(--calcite-font-size-relative-md);--calcite-internal-menu-item-icon-spacing-start: var(--calcite-space-md);--calcite-internal-menu-item-icon-spacing-end: var(--calcite-space-md);--calcite-internal-menu-item-padding-inline: var(--calcite-space-lg);--calcite-internal-menu-item-border: 1px solid var(--calcite-menu-item-sub-menu-border-color, var(--calcite-color-border-3));position:relative;box-sizing:border-box;display:flex;align-items:center;flex-shrink:0}:host .container,:host .item-content,:host .content{min-block-size:var(--calcite-internal-menu-item-content-min-block-size)}:host([layout=vertical]){--calcite-internal-menu-item-breadcrumb-icon-margin-inline-start: auto;--calcite-internal-menu-item-padding-block: var(--calcite-space-md);--calcite-internal-menu-item-padding-inline: var(--calcite-space-md);inline-size:100%}:host(:not([layout=vertical])){block-size:100%}.container,.item-content{display:flex;block-size:100%;inline-size:100%;flex-direction:row;align-items:stretch}.item-content{background-color:var(--calcite-menu-background-color, var(--calcite-internal-menu-background-color, var(--calcite-theme-color-surface-2, var(--calcite-color-foreground-1))))}.content{position:relative;box-sizing:border-box;display:flex;block-size:100%;inline-size:100%;cursor:pointer;align-items:center;justify-content:center;outline:2px solid transparent;outline-offset:2px;text-decoration:none;padding-block-start:var(--calcite-space-base);border-block-end:var(--calcite-space-base) solid var(--calcite-color-transparent);font-size:var(--calcite-internal-menu-item-font-size);line-height:var(--calcite-internal-menu-item-line-height, inherit);padding-inline:var(--calcite-internal-menu-item-padding-inline);background-color:var(--calcite-menu-background-color, var(--calcite-internal-menu-background-color, var(--calcite-theme-color-surface-2, var(--calcite-color-foreground-1))));color:var(--calcite-menu-text-color, var(--calcite-internal-menu-text-color, var(--calcite-color-text-2)))}.content:hover{--calcite-internal-menu-background-color: var(--calcite-theme-color-surface-3, var(--calcite-color-foreground-2))}.content:focus{border-block-end-width:4px;outline:var(--calcite-border-width-md) solid var(--calcite-color-focus, var(--calcite-ui-focus-color, var(--calcite-color-brand)));outline-offset:calc(calc(-1 * var(--calcite-spacing-base)) * calc(1 - (2*clamp(0,var(--calcite-offset-invert-focus),1))));padding-block-start:var(--calcite-space-2xs);border-block-end-width:var(--calcite-space-2xs)}.content:active{--calcite-internal-menu-background-color: var(--calcite-theme-color-surface-4, var(--calcite-color-foreground-3));--calcite-internal-menu-text-color: var(--calcite-color-text-1)}.content span{display:inline-flex}.content.layout--vertical{display:flex;inline-size:100%;justify-content:flex-start;padding-block:var(--calcite-internal-menu-item-padding-block);border-block-end:0;border-inline-end:var(--calcite-space-2xs) solid var(--calcite-color-transparent)}:host([scale=s]){--calcite-internal-menu-item-content-min-block-size: 2.25rem;--calcite-internal-menu-item-font-size: var(--calcite-font-size);--calcite-internal-menu-item-icon-spacing-start: var(--calcite-space-sm);--calcite-internal-menu-item-icon-spacing-end: var(--calcite-space-sm);--calcite-internal-menu-item-line-height: var(--calcite-space-lg);--calcite-internal-menu-item-padding-inline: var(--calcite-space-md);min-block-size:var(--calcite-internal-menu-item-content-min-block-size)}:host([scale=s]:not([layout=vertical])){--calcite-internal-menu-item-dropdown-action-block-size: var(--calcite-space-2xl);--calcite-internal-menu-item-dropdown-action-divider-inset-block: var(--calcite-space-base)}:host([scale=s]:not([layout=vertical])) .icon--dropdown{padding-inline-start:var(--calcite-space-xs)}:host([scale=s]:not([layout=vertical])) .dropdown-action{padding-block:0;padding-inline:0}:host([scale=s][layout=vertical]){--calcite-internal-menu-item-padding-block: var(--calcite-space-sm);--calcite-internal-menu-item-padding-inline: var(--calcite-space-sm)}:host([scale=s][layout=vertical]) .icon--end~.icon--dropdown{margin-inline-start:var(--calcite-space-sm);padding-inline-start:var(--calcite-space-xs)}:host([breadcrumb][scale=s]){--calcite-internal-menu-item-breadcrumb-icon-margin-inline-start: var(--calcite-space-xs)}:host([breadcrumb][scale=s]:not([layout=vertical])) .content{padding-inline-start:var(--calcite-space-md);padding-inline-end:var(--calcite-space-sm)}:host([scale=s][layout=vertical]) .content:not([href]){--calcite-internal-menu-item-content-min-block-size: 2.25rem}:host([scale=s][layout=vertical]):has(.dropdown-action){--calcite-internal-menu-item-dropdown-action-divider-inset-block: var(--calcite-space-base)}:host([scale=s][layout=vertical]) .content:not([href]){padding-inline-end:var(--calcite-space-2xs)}:host([scale=m][layout=vertical]) .content:not([href]){padding-inline-end:var(--calcite-space-sm)}:host([scale=l]){--calcite-internal-menu-item-content-min-block-size: var(--calcite-size-2xl);--calcite-internal-menu-item-font-size: var(--calcite-font-size-lg);--calcite-internal-menu-item-icon-spacing-start: var(--calcite-space-lg);--calcite-internal-menu-item-icon-spacing-end: var(--calcite-space-lg);--calcite-internal-menu-item-line-height: var(--calcite-space-2xl);--calcite-internal-menu-item-padding-inline: var(--calcite-space-xl);min-block-size:var(--calcite-internal-menu-item-content-min-block-size)}:host([scale=l]:not([layout=vertical])){--calcite-internal-menu-item-breadcrumb-icon-margin-inline-start: var(--calcite-space-sm-plus)}:host([scale=l]:not([layout=vertical])) .container,:host([scale=l]:not([layout=vertical])) .item-content,:host([scale=l]:not([layout=vertical])) .content{min-block-size:var(--calcite-size-2xl)}:host([scale=l]:not([layout=vertical])) .icon--dropdown{margin-inline-start:var(--calcite-space-sm-plus);padding-inline-start:0}:host([scale=l]:not([layout=vertical])) .dropdown-action{margin-inline-start:var(--calcite-space-xs)}:host([scale=l]:not([layout=vertical])) .dropdown-action:after{inset-inline-start:calc(-1 * var(--calcite-space-xs))}:host([scale=l][layout=vertical]){--calcite-internal-menu-item-padding-block: var(--calcite-space-lg);--calcite-internal-menu-item-padding-inline: var(--calcite-space-lg)}:host([scale=l][layout=vertical]) .content:has(.icon--end):has(.icon--dropdown) .icon--end~.icon--dropdown{margin-inline-start:var(--calcite-space-lg);padding-inline-start:var(--calcite-space-sm-plus)}:host([scale=l][layout=vertical]) .content:not([href]){padding-inline-end:var(--calcite-space-md)}:host([scale=l]:not([layout=vertical])):has(.dropdown-action){--calcite-internal-menu-item-dropdown-action-block-size: var(--calcite-size-lg);--calcite-internal-menu-item-dropdown-action-divider-inset-block: var(--calcite-space-xs)}:host([scale=l]:not([layout=vertical])):has(.dropdown-action) .content{padding-inline-end:var(--calcite-space-xl)}:host([scale=l]:not([layout=vertical])):has(.dropdown-action) .dropdown-action{box-sizing:border-box}:host([breadcrumb][scale=l]:not([layout=vertical])) .content{padding-inline-start:var(--calcite-space-xl);padding-inline-end:var(--calcite-space-lg)}:host([active]) .content{--calcite-internal-menu-text-color: var(--calcite-color-text-1);border-color:var(--calcite-menu-item-accent-color, var(--calcite-color-brand))}:host([active]) .icon{--calcite-internal-menu-item-icon-color: var( --calcite-icon-color, var(--calcite-ui-icon-color, var(--calcite-color-brand)) )}:host([active][scale=l][layout=vertical]) .content{border-inline-end-color:var(--calcite-menu-item-accent-color, var(--calcite-color-brand))}:host([slot=submenu-item][layout=vertical][scale=s]) .parent--vertical{padding-inline-start:var(--calcite-space-xl)}:host([slot=submenu-item][layout=vertical][scale=m]) .parent--vertical{padding-inline-start:var(--calcite-space-2xl)}:host([slot=submenu-item][layout=vertical][scale=l]) .parent--vertical{padding-inline-start:var(--calcite-space-3xl)}:host([layout=vertical]) .text-container{flex:1}.icon{color:var(--calcite-menu-text-color, var(--calcite-icon-color, var(--calcite-internal-menu-item-icon-color, var(--calcite-ui-icon-color, var(--calcite-color-text-3)))))}.icon--start{margin-inline-end:var(--calcite-internal-menu-item-icon-spacing-start)}.icon--end{margin-inline-start:var(--calcite-internal-menu-item-icon-spacing-end)}:host([layout=vertical]) .icon--end{padding-inline-start:0;--calcite-internal-menu-item-icon-spacing-end: auto}:host([layout=vertical][scale=s]) .icon--end{padding-inline-start:var(--calcite-space-sm)}:host([layout=vertical][scale=m]) .icon--end{padding-inline-start:var(--calcite-space-md)}:host([layout=vertical][scale=l]) .icon--end{padding-inline-start:var(--calcite-space-lg)}.icon--dropdown{position:relative;margin-inline-start:auto;margin-inline-end:0px;padding-inline-start:.5rem}:host([layout=vertical]) .icon--end~.icon--dropdown{margin-inline-start:.75rem}:host([layout=vertical]) .hover-href-icon{padding-inline-start:.5rem}:host([layout=vertical]) .hover-href-icon~.icon--breadcrumb{margin-inline-start:.75rem}.icon--breadcrumb{margin-inline-start:var(--calcite-internal-menu-item-breadcrumb-icon-margin-inline-start);padding-inline-start:0;margin-inline-end:0px}:host([scale=m]) .icon--breadcrumb{padding-inline-start:.5rem}:host([breadcrumb][scale=l][layout=vertical]) .icon--breadcrumb{margin-inline-start:var(--calcite-space-sm-plus)}:host([layout=vertical]) .icon--breadcrumb~.icon--dropdown{margin-inline-start:.5rem}:host([layout=vertical]) .icon--end~.icon--breadcrumb{margin-inline-start:.5rem}:host([breadcrumb]) .content{padding-inline-end:.75rem}.dropdown-action{position:relative;align-self:center;--calcite-action-background-color: var(--calcite-menu-background-color);--calcite-action-text-color: var(--calcite-menu-text-color);block-size:var(--calcite-internal-menu-item-dropdown-action-block-size);flex:var(--calcite-internal-menu-item-dropdown-action-flex);margin-inline-start:var(--calcite-theme-space-2xs, var(--calcite-spacing-xxs))}.dropdown-action:after{position:absolute;display:block;inline-size:1px;content:"";inset-inline-start:calc(-1 * var(--calcite-theme-space-2xs, var(--calcite-spacing-xxs)));inset-block:var(--calcite-internal-menu-item-dropdown-action-divider-inset-block);background-color:var(--calcite-color-border-3)}.dropdown-action:active{--calcite-action-background-color-press: var(--calcite-menu-background-color)}:host([layout=vertical]) .dropdown-action{margin-inline-end:var(--calcite-theme-space-2xs, var(--calcite-spacing-xxs))}:host([scale=l][layout=vertical]) .dropdown-action{margin-inline:var(--calcite-space-xs)}:host([scale=l][layout=vertical]) .dropdown-action:after{inset-inline-start:calc(-1 * var(--calcite-space-xs))}.dropdown-menu-items{position:absolute;display:none;block-size:auto;min-inline-size:100%;flex-direction:column;overflow:visible;box-shadow:var(--calcite-shadow-md);border:var(--calcite-internal-menu-item-border);border-radius:var(--calcite-menu-item-sub-menu-corner-radius, var(--calcite-corner-radius));inset-block-start:100%;z-index:var(--calcite-z-index-dropdown)}.dropdown-menu-items.open{display:block}.dropdown-menu-items.nested{position:absolute;inset-block-start:-1px;transform:translate(calc(100% - 2px))}.parent--vertical{flex-direction:column}.dropdown--vertical.dropdown-menu-items{position:relative;box-shadow:none;inset-block-start:0;transform:none}.dropdown--vertical.dropdown-menu-items:last-of-type{border-inline:0}:host([layout=vertical]:last-of-type) .dropdown-menu-items{border-block-end:0}:host([layout=vertical]) .dropdown--vertical.dropdown-menu-items{border:none}:host([layout=vertical]) .dropdown--vertical.dropdown-menu-items:after{content:"";border-block-start:var(--calcite-internal-menu-item-border);position:absolute;inset-block-start:0;inset-inline:var(--calcite-internal-menu-item-padding-inline) 0}.dropdown-menu-items.nested.calcite--rtl{transform:translate(calc(-100% + 2px))}.dropdown--vertical.dropdown-menu-items.nested.calcite--rtl{transform:none}.hover-href-icon{position:relative;inset-inline-end:.25rem;margin-inline-start:auto;opacity:0;transition:all var(--calcite-internal-animation-timing-medium) ease-in-out}.content:focus .hover-href-icon,.content:hover .hover-href-icon{inset-inline-end:-.25rem;opacity:1}:host([hidden]){display:none}[hidden]{display:none}`;
14
14
  class MenuItem extends LitElement {
15
15
  constructor() {
16
16
  super();