@m3e/web 2.1.0 → 2.1.2

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 (263) hide show
  1. package/dist/all.js +636 -1299
  2. package/dist/all.js.map +1 -1
  3. package/dist/all.min.js +54 -114
  4. package/dist/all.min.js.map +1 -1
  5. package/dist/app-bar.js +2 -34
  6. package/dist/app-bar.js.map +1 -1
  7. package/dist/app-bar.min.js +1 -1
  8. package/dist/app-bar.min.js.map +1 -1
  9. package/dist/autocomplete.js +17 -40
  10. package/dist/autocomplete.js.map +1 -1
  11. package/dist/autocomplete.min.js +1 -1
  12. package/dist/autocomplete.min.js.map +1 -1
  13. package/dist/avatar.js +1 -28
  14. package/dist/avatar.js.map +1 -1
  15. package/dist/avatar.min.js +1 -1
  16. package/dist/avatar.min.js.map +1 -1
  17. package/dist/badge.js +1 -39
  18. package/dist/badge.js.map +1 -1
  19. package/dist/badge.min.js +1 -1
  20. package/dist/badge.min.js.map +1 -1
  21. package/dist/bottom-sheet.js +22 -58
  22. package/dist/bottom-sheet.js.map +1 -1
  23. package/dist/bottom-sheet.min.js +1 -1
  24. package/dist/bottom-sheet.min.js.map +1 -1
  25. package/dist/button-group.js +2 -34
  26. package/dist/button-group.js.map +1 -1
  27. package/dist/button-group.min.js +1 -1
  28. package/dist/button-group.min.js.map +1 -1
  29. package/dist/button.js +2 -34
  30. package/dist/button.js.map +1 -1
  31. package/dist/button.min.js +1 -1
  32. package/dist/button.min.js.map +1 -1
  33. package/dist/card.js +4 -34
  34. package/dist/card.js.map +1 -1
  35. package/dist/card.min.js +1 -1
  36. package/dist/card.min.js.map +1 -1
  37. package/dist/checkbox.js +2 -34
  38. package/dist/checkbox.js.map +1 -1
  39. package/dist/checkbox.min.js +1 -1
  40. package/dist/checkbox.min.js.map +1 -1
  41. package/dist/chips.js +2 -40
  42. package/dist/chips.js.map +1 -1
  43. package/dist/chips.min.js +1 -1
  44. package/dist/chips.min.js.map +1 -1
  45. package/dist/core-a11y.js +1 -39
  46. package/dist/core-a11y.js.map +1 -1
  47. package/dist/core-a11y.min.js +4 -4
  48. package/dist/core-a11y.min.js.map +1 -1
  49. package/dist/core-anchoring.js +164 -177
  50. package/dist/core-anchoring.js.map +1 -1
  51. package/dist/core-anchoring.min.js +1 -1
  52. package/dist/core-anchoring.min.js.map +1 -1
  53. package/dist/core-bidi.js +1 -31
  54. package/dist/core-bidi.js.map +1 -1
  55. package/dist/core-bidi.min.js +2 -3
  56. package/dist/core-bidi.min.js.map +1 -1
  57. package/dist/core.js +84 -43
  58. package/dist/core.js.map +1 -1
  59. package/dist/core.min.js +1 -1
  60. package/dist/core.min.js.map +1 -1
  61. package/dist/css-custom-data.json +492 -487
  62. package/dist/custom-elements.json +6233 -4722
  63. package/dist/dialog.js +3 -41
  64. package/dist/dialog.js.map +1 -1
  65. package/dist/dialog.min.js +1 -1
  66. package/dist/dialog.min.js.map +1 -1
  67. package/dist/divider.js +1 -28
  68. package/dist/divider.js.map +1 -1
  69. package/dist/divider.min.js +1 -1
  70. package/dist/divider.min.js.map +1 -1
  71. package/dist/drawer-container.js +18 -48
  72. package/dist/drawer-container.js.map +1 -1
  73. package/dist/drawer-container.min.js +1 -1
  74. package/dist/drawer-container.min.js.map +1 -1
  75. package/dist/expansion-panel.js +8 -41
  76. package/dist/expansion-panel.js.map +1 -1
  77. package/dist/expansion-panel.min.js +1 -1
  78. package/dist/expansion-panel.min.js.map +1 -1
  79. package/dist/fab-menu.js +3 -47
  80. package/dist/fab-menu.js.map +1 -1
  81. package/dist/fab-menu.min.js +1 -1
  82. package/dist/fab-menu.min.js.map +1 -1
  83. package/dist/fab.js +1 -33
  84. package/dist/fab.js.map +1 -1
  85. package/dist/fab.min.js +1 -1
  86. package/dist/fab.min.js.map +1 -1
  87. package/dist/form-field.js +19 -49
  88. package/dist/form-field.js.map +1 -1
  89. package/dist/form-field.min.js +3 -4
  90. package/dist/form-field.min.js.map +1 -1
  91. package/dist/heading.js +1 -28
  92. package/dist/heading.js.map +1 -1
  93. package/dist/heading.min.js +1 -1
  94. package/dist/heading.min.js.map +1 -1
  95. package/dist/html-custom-data.json +223 -202
  96. package/dist/icon-button.js +2 -34
  97. package/dist/icon-button.js.map +1 -1
  98. package/dist/icon-button.min.js +1 -1
  99. package/dist/icon-button.min.js.map +1 -1
  100. package/dist/icon.js +1 -28
  101. package/dist/icon.js.map +1 -1
  102. package/dist/icon.min.js +1 -1
  103. package/dist/icon.min.js.map +1 -1
  104. package/dist/index.js.map +1 -1
  105. package/dist/index.min.js +7 -0
  106. package/dist/index.min.js.map +1 -0
  107. package/dist/list.js +17 -46
  108. package/dist/list.js.map +1 -1
  109. package/dist/list.min.js +1 -1
  110. package/dist/list.min.js.map +1 -1
  111. package/dist/loading-indicator.js +8 -31
  112. package/dist/loading-indicator.js.map +1 -1
  113. package/dist/loading-indicator.min.js +1 -1
  114. package/dist/loading-indicator.min.js.map +1 -1
  115. package/dist/menu.js +3 -47
  116. package/dist/menu.js.map +1 -1
  117. package/dist/menu.min.js +1 -1
  118. package/dist/menu.min.js.map +1 -1
  119. package/dist/nav-bar.js +3 -41
  120. package/dist/nav-bar.js.map +1 -1
  121. package/dist/nav-bar.min.js +1 -1
  122. package/dist/nav-bar.min.js.map +1 -1
  123. package/dist/nav-menu.js +2 -40
  124. package/dist/nav-menu.js.map +1 -1
  125. package/dist/nav-menu.min.js +1 -1
  126. package/dist/nav-menu.min.js.map +1 -1
  127. package/dist/nav-rail.js +1 -33
  128. package/dist/nav-rail.js.map +1 -1
  129. package/dist/nav-rail.min.js +1 -1
  130. package/dist/nav-rail.min.js.map +1 -1
  131. package/dist/option.js +3 -59
  132. package/dist/option.js.map +1 -1
  133. package/dist/option.min.js +1 -1
  134. package/dist/option.min.js.map +1 -1
  135. package/dist/paginator.js +2 -34
  136. package/dist/paginator.js.map +1 -1
  137. package/dist/paginator.min.js +2 -3
  138. package/dist/paginator.min.js.map +1 -1
  139. package/dist/progress-indicator.js +41 -63
  140. package/dist/progress-indicator.js.map +1 -1
  141. package/dist/progress-indicator.min.js +32 -32
  142. package/dist/progress-indicator.min.js.map +1 -1
  143. package/dist/radio-group.js +1 -39
  144. package/dist/radio-group.js.map +1 -1
  145. package/dist/radio-group.min.js +1 -1
  146. package/dist/radio-group.min.js.map +1 -1
  147. package/dist/segmented-button.js +2 -40
  148. package/dist/segmented-button.js.map +1 -1
  149. package/dist/segmented-button.min.js +1 -1
  150. package/dist/segmented-button.min.js.map +1 -1
  151. package/dist/select.js +16 -40
  152. package/dist/select.js.map +1 -1
  153. package/dist/select.min.js +1 -1
  154. package/dist/select.min.js.map +1 -1
  155. package/dist/shape.js +1 -28
  156. package/dist/shape.js.map +1 -1
  157. package/dist/shape.min.js +1 -1
  158. package/dist/shape.min.js.map +1 -1
  159. package/dist/slide-group.js +9 -42
  160. package/dist/slide-group.js.map +1 -1
  161. package/dist/slide-group.min.js +1 -1
  162. package/dist/slide-group.min.js.map +1 -1
  163. package/dist/slider.js +1 -39
  164. package/dist/slider.js.map +1 -1
  165. package/dist/slider.min.js +1 -1
  166. package/dist/slider.min.js.map +1 -1
  167. package/dist/snackbar.js +2 -40
  168. package/dist/snackbar.js.map +1 -1
  169. package/dist/snackbar.min.js +1 -1
  170. package/dist/snackbar.min.js.map +1 -1
  171. package/dist/split-button.js +1 -39
  172. package/dist/split-button.js.map +1 -1
  173. package/dist/split-button.min.js +1 -1
  174. package/dist/split-button.min.js.map +1 -1
  175. package/dist/src/autocomplete/AutocompleteElement.d.ts +6 -0
  176. package/dist/src/autocomplete/AutocompleteElement.d.ts.map +1 -1
  177. package/dist/src/bottom-sheet/BottomSheetElement.d.ts +3 -3
  178. package/dist/src/bottom-sheet/BottomSheetElement.d.ts.map +1 -1
  179. package/dist/src/card/CardElement.d.ts +1 -0
  180. package/dist/src/card/CardElement.d.ts.map +1 -1
  181. package/dist/src/card/styles/CardVariantToken.d.ts +1 -1
  182. package/dist/src/card/styles/CardVariantToken.d.ts.map +1 -1
  183. package/dist/src/core/anchoring/FloatingPanelElement.d.ts +6 -3
  184. package/dist/src/core/anchoring/FloatingPanelElement.d.ts.map +1 -1
  185. package/dist/src/core/anchoring/FloatingPanelScrollStrategy.d.ts +3 -0
  186. package/dist/src/core/anchoring/FloatingPanelScrollStrategy.d.ts.map +1 -0
  187. package/dist/src/core/anchoring/index.d.ts +1 -0
  188. package/dist/src/core/anchoring/index.d.ts.map +1 -1
  189. package/dist/src/core/shared/mixins/AttachInternals.d.ts.map +1 -1
  190. package/dist/src/core/shared/mixins/ReconnectedCallback.d.ts +15 -0
  191. package/dist/src/core/shared/mixins/ReconnectedCallback.d.ts.map +1 -0
  192. package/dist/src/core/shared/mixins/SuppressInitialAnimation.d.ts +11 -0
  193. package/dist/src/core/shared/mixins/SuppressInitialAnimation.d.ts.map +1 -0
  194. package/dist/src/core/shared/mixins/index.d.ts +2 -0
  195. package/dist/src/core/shared/mixins/index.d.ts.map +1 -1
  196. package/dist/src/drawer-container/DrawerContainerElement.d.ts +4 -2
  197. package/dist/src/drawer-container/DrawerContainerElement.d.ts.map +1 -1
  198. package/dist/src/expansion-panel/ExpansionPanelElement.d.ts +3 -1
  199. package/dist/src/expansion-panel/ExpansionPanelElement.d.ts.map +1 -1
  200. package/dist/src/fab-menu/FabMenuElement.d.ts +1 -3
  201. package/dist/src/fab-menu/FabMenuElement.d.ts.map +1 -1
  202. package/dist/src/form-field/FormFieldElement.d.ts +4 -2
  203. package/dist/src/form-field/FormFieldElement.d.ts.map +1 -1
  204. package/dist/src/list/ActionListElement.d.ts.map +1 -1
  205. package/dist/src/list/ListItemElement.d.ts +3 -1
  206. package/dist/src/list/ListItemElement.d.ts.map +1 -1
  207. package/dist/src/loading-indicator/LoadingIndicatorElement.d.ts +3 -1
  208. package/dist/src/loading-indicator/LoadingIndicatorElement.d.ts.map +1 -1
  209. package/dist/src/menu/MenuElement.d.ts +1 -3
  210. package/dist/src/menu/MenuElement.d.ts.map +1 -1
  211. package/dist/src/nav-bar/NavBarElement.d.ts +1 -1
  212. package/dist/src/nav-bar/NavBarElement.d.ts.map +1 -1
  213. package/dist/src/option/OptionPanelElement.d.ts +0 -4
  214. package/dist/src/option/OptionPanelElement.d.ts.map +1 -1
  215. package/dist/src/progress-indicator/CircularProgressIndicatorElement.d.ts +2 -0
  216. package/dist/src/progress-indicator/CircularProgressIndicatorElement.d.ts.map +1 -1
  217. package/dist/src/progress-indicator/LinearProgressIndicatorElement.d.ts +2 -0
  218. package/dist/src/progress-indicator/LinearProgressIndicatorElement.d.ts.map +1 -1
  219. package/dist/src/progress-indicator/ProgressElementIndicatorBase.d.ts +1 -1
  220. package/dist/src/progress-indicator/ProgressElementIndicatorBase.d.ts.map +1 -1
  221. package/dist/src/select/SelectElement.d.ts +6 -0
  222. package/dist/src/select/SelectElement.d.ts.map +1 -1
  223. package/dist/src/slide-group/SlideGroupElement.d.ts +5 -1
  224. package/dist/src/slide-group/SlideGroupElement.d.ts.map +1 -1
  225. package/dist/src/stepper/StepperElement.d.ts +1 -1
  226. package/dist/src/stepper/StepperElement.d.ts.map +1 -1
  227. package/dist/src/toc/TocElement.d.ts +1 -1
  228. package/dist/src/toc/TocElement.d.ts.map +1 -1
  229. package/dist/src/tooltip/TooltipElementBase.d.ts +3 -1
  230. package/dist/src/tooltip/TooltipElementBase.d.ts.map +1 -1
  231. package/dist/stepper.js +3 -41
  232. package/dist/stepper.js.map +1 -1
  233. package/dist/stepper.min.js +1 -1
  234. package/dist/stepper.min.js.map +1 -1
  235. package/dist/switch.js +1 -33
  236. package/dist/switch.js.map +1 -1
  237. package/dist/switch.min.js +1 -1
  238. package/dist/switch.min.js.map +1 -1
  239. package/dist/tabs.js +1 -39
  240. package/dist/tabs.js.map +1 -1
  241. package/dist/tabs.min.js +1 -1
  242. package/dist/tabs.min.js.map +1 -1
  243. package/dist/textarea-autosize.js +1 -39
  244. package/dist/textarea-autosize.js.map +1 -1
  245. package/dist/textarea-autosize.min.js +2 -3
  246. package/dist/textarea-autosize.min.js.map +1 -1
  247. package/dist/theme.js +1 -39
  248. package/dist/theme.js.map +1 -1
  249. package/dist/theme.min.js +19 -19
  250. package/dist/theme.min.js.map +1 -1
  251. package/dist/toc.js +4 -42
  252. package/dist/toc.js.map +1 -1
  253. package/dist/toc.min.js +1 -1
  254. package/dist/toc.min.js.map +1 -1
  255. package/dist/toolbar.js +1 -39
  256. package/dist/toolbar.js.map +1 -1
  257. package/dist/toolbar.min.js +1 -1
  258. package/dist/toolbar.min.js.map +1 -1
  259. package/dist/tooltip.js +15 -46
  260. package/dist/tooltip.js.map +1 -1
  261. package/dist/tooltip.min.js +1 -1
  262. package/dist/tooltip.min.js.map +1 -1
  263. package/package.json +3 -2
package/dist/fab.min.js CHANGED
@@ -3,5 +3,5 @@
3
3
  * Copyright (c) 2025 matraic
4
4
  * See LICENSE file in the project root for full license text.
5
5
  */
6
- import{unsafeCSS as e,css as a,LitElement as o,html as r}from"lit";import{query as t,property as l}from"lit/decorators.js";import{DesignToken as n,KeyboardClick as i,LinkButton as c,FormSubmitter as s,Focusable as v,DisabledInteractive as b,Disabled as d,AttachInternals as m,Role as f,PressedController as y,renderPseudoLink as p,customElement as h}from"@m3e/web/core";function $(e,a,o,r){var t,l=arguments.length,n=l<3?a:null===r?r=Object.getOwnPropertyDescriptor(a,o):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,a,o,r);else for(var i=e.length-1;i>=0;i--)(t=e[i])&&(n=(l<3?t(n):l>3?t(a,o,n):t(a,o))||n);return l>3&&n&&Object.defineProperty(a,o,n),n}function u(e,a,o,r){if("a"===o&&!r)throw new TypeError("Private accessor was defined without a getter");if("function"==typeof a?e!==a||!r:!a.has(e))throw new TypeError("Cannot read private member from an object whose class did not declare it");return"m"===o?r:"a"===o?r.call(e):r?r.value:a.get(e)}"function"==typeof SuppressedError&&SuppressedError;const x=a`:host { display: inline-block; outline: none; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .base { box-sizing: border-box; vertical-align: middle; display: inline-flex; align-items: center; justify-content: center; position: relative; width: 100%; transition: ${e(`background-color ${n.motion.duration.short4} ${n.motion.easing.standard}`)}; } .touch { position: absolute; height: 3rem; left: 0; right: 0; } .wrapper { width: 100%; overflow: hidden; display: inline-flex; align-items: center; } .label { justify-self: center; flex: 1 1 auto; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; transition: ${e(`color ${n.motion.duration.short4} ${n.motion.easing.standard}`)}; } .icon { transition: ${e(`color ${n.motion.duration.short4} ${n.motion.easing.standard}`)}; } :host(:not(:disabled):not([disabled-interactive])) { cursor: pointer; } :host([disabled-interactive]) { cursor: not-allowed; } .close-icon, ::slotted(:not([slot])), ::slotted([slot="close-icon"]) { font-size: inherit !important; flex: none; } .close-icon, ::slotted(svg:not([slot])), ::slotted(svg[slot="close-icon"]) { width: 1em; height: 1em; } :host(:not([extended])) ::slotted([slot="label"]), .base.with-menu ::slotted([slot="label"]), .base:not(.with-menu) ::slotted([slot="close-icon"]), .base:not(.with-menu) .close-icon, :host([aria-expanded="true"]) .base.with-menu ::slotted(:not([slot])), :host([aria-expanded="false"]) .base.with-menu ::slotted([slot="close-icon"]), :host([aria-expanded="false"]) .base.with-menu .close-icon { display: none; } :host([aria-expanded="true"]) .base.with-menu { border-radius: var(--m3e-fab-menu-close-button-container-shape, ${n.shape.corner.full}); height: calc(var(--m3e-fab-menu-close-button-container-height, 3.5rem) + ${n.density.calc(-3)}); } :host([aria-expanded="true"]) .base.with-menu .wrapper { padding-inline-start: calc(var(--m3e-fab-menu-close-button-leading-space, 1rem) + ${n.density.calc(-3)}); padding-inline-end: calc(var(--m3e-fab-menu-close-button-trailing-space, 1rem) + ${n.density.calc(-3)}); } :host([aria-expanded="true"]) .base.with-menu .icon { font-size: calc(var(--m3e-fab-menu-close-button-icon-size, 1.5rem) + ${n.density.calc(-3)}); --m3e-icon-size: calc(var(--m3e-fab-menu-close-button-icon-size, 1.5rem) + ${n.density.calc(-3)}); } .base.with-menu { transition: height ${n.motion.spring.fastSpatial}; } .base.with-menu .wrapper { transition: padding ${n.motion.spring.fastSpatial}; } a { all: unset; display: block; position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; z-index: 1; } @media (forced-colors: active) { .base, .icon { transition: none; } .base { outline-style: solid; } :host([variant]:not(:disabled):not([disabled-interactive])) .base { background-color: ButtonFace; outline-color: ButtonText; } :host([variant]:not(:disabled):not([disabled-interactive])) .label, :host([variant]:not(:disabled):not([disabled-interactive])) .icon { color: ButtonText; } :host([variant]:disabled) .base, :host([variant][disabled-interactive]) .base { outline-color: GrayText; background-color: unset; } :host([variant]:disabled) .label, :host([variant][disabled-interactive]) .label, :host([variant]:disabled) .icon, :host([variant][disabled-interactive]) .icon { color: GrayText; } :host([size="small"]) .base { outline-offset: calc(0px - var(--m3e-button-small-outline-thickness, 1px)); outline-width: var(--m3e-button-small-outline-thickness, 1px); } :host([size="medium"]) .base { outline-offset: calc(0px - var(--m3e-button-medium-outline-thickness, 1px)); outline-width: var(--m3e-button-medium-outline-thickness, 1px); } :host([size="large"]) .base { outline-offset: calc(0px - var(--m3e-button-large-outline-thickness, 2px)); outline-width: var(--m3e-button-large-outline-thickness, 2px); } } @media (prefers-reduced-motion) { .base, .base.resting, .base.pressed, .label, .icon { transition: none; } }`,C={small:{containerHeight:e(`calc(var(--m3e-fab-small-container-height, var(--m3e-fab-container-height, 3.5rem)) + ${n.density.calc(-3)})`),labelTextFontSize:e(`var(--m3e-fab-small-label-text-font-size, var(--m3e-fab-label-text-font-size, ${n.typescale.standard.title.medium.fontSize}))`),labelTextFontWeight:e(`var(--m3e-fab-small-label-text-font-weight, var(--m3e-fab-label-text-font-weight, ${n.typescale.standard.title.medium.fontWeight}))`),labelTextLineHeight:e(`var(--m3e-fab-small-label-text-line-height, var(--m3e-fab-label-text-line-height, ${n.typescale.standard.title.medium.lineHeight}))`),labelTextTracking:e(`var(--m3e-fab-small-label-text-tracking, var(--m3e-fab-label-text-tracking, ${n.typescale.standard.title.medium.tracking}))`),iconSize:e(`calc(var(--m3e-fab-small-icon-size, var(--m3e-fab-icon-size, 1.5rem)) + ${n.density.calc(-3)})`),extendedIconSize:e("var(--m3e-fab-small-icon-size, var(--m3e-fab-icon-size, 1.5rem))"),shape:e(`var(--m3e-fab-small-shape, var(--m3e-fab-shape, ${n.shape.corner.large}))`),leadingSpace:e(`calc(var(--m3e-fab-small-leading-space, var(--m3e-fab-leading-space, 1rem)) + ${n.density.calc(-3)})`),trailingSpace:e(`calc(var(--m3e-fab-small-trailing-space, var(--m3e-fab-trailing-space, 1rem)) + ${n.density.calc(-3)})`),iconLabelSpace:e("var(--m3e-fab-small-icon-label-space, var(--m3e-fab-icon-label-space, 0.5rem))"),extendedLeadingSpace:e("var(--m3e-fab-small-leading-space, var(--m3e-fab-leading-space, 1rem))"),extendedTrailingSpace:e("var(--m3e-fab-small-trailing-space, var(--m3e-fab-trailing-space, 1rem))")},medium:{containerHeight:e(`calc(var(--m3e-fab-medium-container-height, var(--m3e-fab-container-height, 5rem)) + ${n.density.calc(-3)})`),labelTextFontSize:e(`var(--m3e-fab-medium-label-text-font-size, var(--m3e-fab-label-text-font-size, ${n.typescale.standard.title.large.fontSize}))`),labelTextFontWeight:e(`var(--m3e-fab-medium-label-text-font-weight, var(--m3e-fab-label-text-font-weight, ${n.typescale.standard.title.large.fontWeight}))`),labelTextLineHeight:e(`var(--m3e-fab-medium-label-text-line-height, var(--m3e-fab-label-text-line-height, ${n.typescale.standard.title.large.lineHeight}))`),labelTextTracking:e(`var(--m3e-fab-medium-label-text-tracking, var(--m3e-fab-label-text-tracking, ${n.typescale.standard.title.large.tracking}))`),iconSize:e(`calc(var(--m3e-fab-medium-icon-size, var(--m3e-fab-icon-size, 1.75rem)) + ${n.density.calc(-3)})`),extendedIconSize:e("var(--m3e-fab-medium-icon-size, var(--m3e-fab-icon-size, 1.75rem))"),shape:e(`var(--m3e-fab-medium-shape, var(--m3e-fab-shape, ${n.shape.corner.largeIncreased}))`),leadingSpace:e(`calc(var(--m3e-fab-medium-leading-space, var(--m3e-fab-leading-space, 1.625rem)) + ${n.density.calc(-3)})`),trailingSpace:e(`calc(var(--m3e-fab-medium-trailing-space, var(--m3e-fab-trailing-space, 1.625rem)) + ${n.density.calc(-3)})`),iconLabelSpace:e("var(--m3e-fab-medium-icon-label-space, var(--m3e-fab-icon-label-space, 0.75rem))"),extendedLeadingSpace:e("var(--m3e-fab-medium-leading-space, var(--m3e-fab-leading-space, 1.625rem))"),extendedTrailingSpace:e("var(--m3e-fab-medium-trailing-space, var(--m3e-fab-trailing-space, 1.625rem))")},large:{containerHeight:e(`calc(var(--m3e-fab-large-container-height, var(--m3e-fab-container-height, 6rem)) + ${n.density.calc(-3)})`),labelTextFontSize:e(`var(--m3e-fab-large-label-text-font-size, var(--m3e-fab-label-text-font-size, ${n.typescale.standard.headline.small.fontSize}))`),labelTextFontWeight:e(`var(--m3e-fab-large-label-text-font-weight, var(--m3e-fab-label-text-font-weight, ${n.typescale.standard.headline.small.fontWeight}))`),labelTextLineHeight:e(`var(--m3e-fab-large-label-text-line-height, var(--m3e-fab-label-text-line-height, ${n.typescale.standard.headline.small.lineHeight}))`),labelTextTracking:e(`var(--m3e-fab-large-label-text-tracking, var(--m3e-fab-label-text-tracking, ${n.typescale.standard.headline.small.tracking}))`),iconSize:e(`calc(var(--m3e-fab-large-icon-size, var(--m3e-fab-icon-size, 2.25rem)) + ${n.density.calc(-3)})`),extendedIconSize:e("var(--m3e-fab-large-icon-size, var(--m3e-fab-icon-size, 2.25rem))"),shape:e(`var(--m3e-fab-large-shape, var(--m3e-fab-shape, ${n.shape.corner.extraLarge}))`),leadingSpace:e(`calc(var(--m3e-fab-large-leading-space, var(--m3e-fab-leading-space, 1.75rem)) + ${n.density.calc(-3)})`),trailingSpace:e(`calc(var(--m3e-fab-large-trailing-space, var(--m3e-fab-trailing-space, 1.75rem)) + ${n.density.calc(-3)})`),iconLabelSpace:e("var(--m3e-fab-large-icon-label-space, var(--m3e-fab-icon-label-space, 1rem))"),extendedLeadingSpace:e("var(--m3e-fab-large-leading-space, var(--m3e-fab-leading-space, 1.75rem))"),extendedTrailingSpace:e("var(--m3e-fab-large-trailing-space, var(--m3e-fab-trailing-space, 1.75rem))")}};function g(o){return a`:host([size="${e(o)}"]) .base { height: ${C[o].containerHeight}; } :host([size="${e(o)}"]) .base { border-radius: ${C[o].shape}; } :host([size="${e(o)}"]) .label { font-size: ${C[o].labelTextFontSize}; font-weight: ${C[o].labelTextFontWeight}; line-height: ${C[o].labelTextLineHeight}; letter-spacing: ${C[o].labelTextTracking}; } :host([size="${e(o)}"]:not([extended])) .wrapper { padding-inline-start: ${C[o].leadingSpace}; padding-inline-end: ${C[o].trailingSpace}; } :host([size="${e(o)}"]:not([extended])) .icon { font-size: ${C[o].iconSize}; --m3e-icon-size: ${C[o].iconSize}; } :host([size="${e(o)}"][extended]) .wrapper { padding-inline-start: ${C[o].extendedLeadingSpace}; padding-inline-end: ${C[o].extendedTrailingSpace}; column-gap: ${C[o].iconLabelSpace}; } :host([size="${e(o)}"][extended]) .icon { font-size: ${C[o].extendedIconSize}; --m3e-icon-size: ${C[o].extendedIconSize}; }`}const w=[g("small"),g("medium"),g("large")],S={primary:{labelTextColor:e(`var(--m3e-primary-fab-label-text-color, var(--m3e-fab-label-text-color, ${n.color.onPrimary}))`),iconColor:e(`var(--m3e-primary-fab-icon-color, var(--m3e-fab-icon-color, ${n.color.onPrimary}))`),containerColor:e(`var(--m3e-primary-fab-container-color, var(--m3e-fab-container-color, ${n.color.primary}))`),containerElevation:e(`var(--m3e-primary-fab-container-elevation, var(--m3e-fab-container-elevation, ${n.elevation.level3}))`),loweredContainerElevation:e(`var(--m3e-primary-fab-lowered-container-elevation, var(--m3e-fab-lowered-container-elevation, ${n.elevation.level2}))`),disabled:{containerColor:e(`var(--m3e-primary-fab-disabled-container-color, var(--m3e-fab-disabled-container-color, ${n.color.onSurface}))`),containerOpacity:e("var(--m3e-primary-fab-disabled-container-opacity, var(--m3e-fab-disabled-container-opacity, 10%))"),iconColor:e(`var(--m3e-primary-fab-disabled-icon-color, var(--m3e-fab-disabled-icon-color, ${n.color.onSurface}))`),iconOpacity:e("var(--m3e-primary-fab-disabled-icon-opacity, var(--m3e-fab-disabled-icon-opacity, 38%))"),labelTextColor:e(`var(--m3e-primary-fab-disabled-label-text-color, var(--m3e-fab-disabled-label-text-color, ${n.color.onSurface}))`),labelTextOpacity:e("var(--m3e-primary-fab-disabled-label-text-opacity, var(--m3e-fab-disabled-label-text-opacity, 38%))"),containerElevation:e(`var(--m3e-primary-fab-disabled-container-elevation, var(--m3e-fab-disabled-container-elevation, ${n.elevation.level0}))`),loweredContainerElevation:e(`var(--m3e-primary-fab-lowered-disabled-container-elevation, var(--m3e-fab-lowered-disabled-container-elevation, ${n.elevation.level0}))`)},hover:{iconColor:e(`var(--m3e-primary-fab-hover-icon-color, var(--m3e-fab-hover-icon-color, ${n.color.onPrimary}))`),labelTextColor:e(`var(--m3e-primary-fab-hover-label-text-color, var(--m3e-fab-hover-label-text-color, ${n.color.onPrimary}))`),stateLayerColor:e(`var(--m3e-primary-fab-hover-state-layer-color, var(--m3e-fab-hover-state-layer-color, ${n.color.onPrimary}))`),stateLayerOpacity:e(`var(--m3e-primary-fab-hover-state-layer-opacity, var(--m3e-fab-hover-state-layer-opacity, ${n.state.hoverStateLayerOpacity}))`),containerElevation:e(`var(--m3e-primary-fab-hover-container-elevation, var(--m3e-fab-hover-container-elevation, ${n.elevation.level4}))`),loweredContainerElevation:e(`var(--m3e-primary-fab-lowered-hover-container-elevation, var(--m3e-fab-lowered-hover-container-elevation, ${n.elevation.level3}))`)},focus:{iconColor:e(`var(--m3e-primary-fab-focus-icon-color, var(--m3e-fab-focus-icon-color, ${n.color.onPrimary}))`),labelTextColor:e(`var(--m3e-primary-fab-focus-label-text-color, var(--m3e-fab-focus-label-text-color, ${n.color.onPrimary}))`),stateLayerColor:e(`var(--m3e-primary-fab-focus-state-layer-color, var(--m3e-fab-focus-state-layer-color, ${n.color.onPrimary}))`),stateLayerOpacity:e(`var(--m3e-primary-fab-focus-state-layer-opacity, var(--m3e-fab-focus-state-layer-opacity, ${n.state.focusStateLayerOpacity}))`),containerElevation:e(`var(--m3e-primary-fab-focus-container-elevation, var(--m3e-fab-focus-container-elevation, ${n.elevation.level3}))`),loweredContainerElevation:e(`var(--m3e-primary-fab-lowered-focus-container-elevation, var(--m3e-fab-lowered-focus-container-elevation, ${n.elevation.level2}))`)},pressed:{iconColor:e(`var(--m3e-primary-fab-pressed-icon-color, var(--m3e-fab-pressed-icon-color, ${n.color.onPrimary}))`),labelTextColor:e(`var(--m3e-primary-fab-pressed-label-text-color, var(--m3e-fab-pressed-label-text-color, ${n.color.onPrimary}))`),stateLayerColor:e(`var(--m3e-primary-fab-pressed-state-layer-color, var(--m3e-fab-pressed-state-layer-color, ${n.color.onPrimary}))`),stateLayerOpacity:e(`var(--m3e-primary-fab-pressed-state-layer-opacity, var(--m3e-fab-pressed-state-layer-opacity, ${n.state.pressedStateLayerOpacity}))`),containerElevation:e(`var(--m3e-primary-fab-pressed-container-elevation, var(--m3e-fab-pressed-container-elevation, ${n.elevation.level3}))`),loweredContainerElevation:e(`var(--m3e-primary-fab-lowered-pressed-container-elevation, var(--m3e-fab-lowered-pressed-container-elevation, ${n.elevation.level2}))`)}},secondary:{labelTextColor:e(`var(--m3e-secondary-fab-label-text-color, var(--m3e-fab-label-text-color, ${n.color.onSecondary}))`),iconColor:e(`var(--m3e-secondary-fab-icon-color, var(--m3e-fab-icon-color, ${n.color.onSecondary}))`),containerColor:e(`var(--m3e-secondary-fab-container-color, var(--m3e-fab-container-color, ${n.color.secondary}))`),containerElevation:e(`var(--m3e-secondary-fab-container-elevation, var(--m3e-fab-container-elevation, ${n.elevation.level3}))`),loweredContainerElevation:e(`var(--m3e-secondary-fab-lowered-container-elevation, var(--m3e-fab-lowered-container-elevation, ${n.elevation.level2}))`),disabled:{containerColor:e(`var(--m3e-secondary-fab-disabled-container-color, var(--m3e-fab-disabled-container-color, ${n.color.onSurface}))`),containerOpacity:e("var(--m3e-secondary-fab-disabled-container-opacity, var(--m3e-fab-disabled-container-opacity, 10%))"),iconColor:e(`var(--m3e-secondary-fab-disabled-icon-color, var(--m3e-fab-disabled-icon-color, ${n.color.onSurface}))`),iconOpacity:e("var(--m3e-secondary-fab-disabled-icon-opacity, var(--m3e-fab-disabled-icon-opacity, 38%))"),labelTextColor:e(`var(--m3e-secondary-fab-disabled-label-text-color, var(--m3e-fab-disabled-label-text-color, ${n.color.onSurface}))`),labelTextOpacity:e("var(--m3e-secondary-fab-disabled-label-text-opacity, var(--m3e-fab-disabled-label-text-opacity, 38%))"),containerElevation:e(`var(--m3e-secondary-fab-disabled-container-elevation, var(--m3e-fab-disabled-container-elevation, ${n.elevation.level0}))`),loweredContainerElevation:e(`var(--m3e-secondary-fab-lowered-disabled-container-elevation, var(--m3e-fab-lowered-disabled-container-elevation, ${n.elevation.level0}))`)},hover:{iconColor:e(`var(--m3e-secondary-fab-hover-icon-color, var(--m3e-fab-hover-icon-color, ${n.color.onSecondary}))`),labelTextColor:e(`var(--m3e-secondary-fab-hover-label-text-color, var(--m3e-fab-hover-label-text-color, ${n.color.onSecondary}))`),stateLayerColor:e(`var(--m3e-secondary-fab-hover-state-layer-color, var(--m3e-fab-hover-state-layer-color, ${n.color.onSecondary}))`),stateLayerOpacity:e(`var(--m3e-secondary-fab-hover-state-layer-opacity, var(--m3e-fab-hover-state-layer-opacity, ${n.state.hoverStateLayerOpacity}))`),containerElevation:e(`var(--m3e-secondary-fab-hover-container-elevation, var(--m3e-fab-hover-container-elevation, ${n.elevation.level4}))`),loweredContainerElevation:e(`var(--m3e-secondary-fab-lowered-hover-container-elevation, var(--m3e-fab-lowered-hover-container-elevation, ${n.elevation.level3}))`)},focus:{iconColor:e(`var(--m3e-secondary-fab-focus-icon-color, var(--m3e-fab-focus-icon-color, ${n.color.onSecondary}))`),labelTextColor:e(`var(--m3e-secondary-fab-focus-label-text-color, var(--m3e-fab-focus-label-text-color, ${n.color.onSecondary}))`),stateLayerColor:e(`var(--m3e-secondary-fab-focus-state-layer-color, var(--m3e-fab-focus-state-layer-color, ${n.color.onSecondary}))`),stateLayerOpacity:e(`var(--m3e-secondary-fab-focus-state-layer-opacity, var(--m3e-fab-focus-state-layer-opacity, ${n.state.focusStateLayerOpacity}))`),containerElevation:e(`var(--m3e-secondary-fab-focus-container-elevation, var(--m3e-fab-focus-container-elevation, ${n.elevation.level3}))`),loweredContainerElevation:e(`var(--m3e-secondary-fab-lowered-focus-container-elevation, var(--m3e-fab-lowered-focus-container-elevation, ${n.elevation.level2}))`)},pressed:{iconColor:e(`var(--m3e-secondary-fab-pressed-icon-color, var(--m3e-fab-pressed-icon-color, ${n.color.onSecondary}))`),labelTextColor:e(`var(--m3e-secondary-fab-pressed-label-text-color, var(--m3e-fab-pressed-label-text-color, ${n.color.onSecondary}))`),stateLayerColor:e(`var(--m3e-secondary-fab-pressed-state-layer-color, var(--m3e-fab-pressed-state-layer-color, ${n.color.onSecondary}))`),stateLayerOpacity:e(`var(--m3e-secondary-fab-pressed-state-layer-opacity, var(--m3e-fab-pressed-state-layer-opacity, ${n.state.pressedStateLayerOpacity}))`),containerElevation:e(`var(--m3e-secondary-fab-pressed-container-elevation, var(--m3e-fab-pressed-container-elevation, ${n.elevation.level3}))`),loweredContainerElevation:e(`var(--m3e-secondary-fab-lowered-pressed-container-elevation, var(--m3e-fab-lowered-pressed-container-elevation, ${n.elevation.level2}))`)}},tertiary:{labelTextColor:e(`var(--m3e-tertiary-fab-label-text-color, var(--m3e-fab-label-text-color, ${n.color.onTertiary}))`),iconColor:e(`var(--m3e-tertiary-fab-icon-color, var(--m3e-fab-icon-color, ${n.color.onTertiary}))`),containerColor:e(`var(--m3e-tertiary-fab-container-color, var(--m3e-fab-container-color, ${n.color.tertiary}))`),containerElevation:e(`var(--m3e-tertiary-fab-container-elevation, var(--m3e-fab-container-elevation, ${n.elevation.level3}))`),loweredContainerElevation:e(`var(--m3e-tertiary-fab-lowered-container-elevation, var(--m3e-fab-lowered-container-elevation, ${n.elevation.level2}))`),disabled:{containerColor:e(`var(--m3e-tertiary-fab-disabled-container-color, var(--m3e-fab-disabled-container-color, ${n.color.onSurface}))`),containerOpacity:e("var(--m3e-tertiary-fab-disabled-container-opacity, var(--m3e-fab-disabled-container-opacity, 10%))"),iconColor:e(`var(--m3e-tertiary-fab-disabled-icon-color, var(--m3e-fab-disabled-icon-color, ${n.color.onSurface}))`),iconOpacity:e("var(--m3e-tertiary-fab-disabled-icon-opacity, var(--m3e-fab-disabled-icon-opacity, 38%))"),labelTextColor:e(`var(--m3e-tertiary-fab-disabled-label-text-color, var(--m3e-fab-disabled-label-text-color, ${n.color.onSurface}))`),labelTextOpacity:e("var(--m3e-tertiary-fab-disabled-label-text-opacity, var(--m3e-fab-disabled-label-text-opacity, 38%))"),containerElevation:e(`var(--m3e-tertiary-fab-disabled-container-elevation, var(--m3e-fab-disabled-container-elevation, ${n.elevation.level0}))`),loweredContainerElevation:e(`var(--m3e-tertiary-fab-lowered-disabled-container-elevation, var(--m3e-fab-lowered-disabled-container-elevation, ${n.elevation.level0}))`)},hover:{iconColor:e(`var(--m3e-tertiary-fab-hover-icon-color, var(--m3e-fab-hover-icon-color, ${n.color.onTertiary}))`),labelTextColor:e(`var(--m3e-tertiary-fab-hover-label-text-color, var(--m3e-fab-hover-label-text-color, ${n.color.onTertiary}))`),stateLayerColor:e(`var(--m3e-tertiary-fab-hover-state-layer-color, var(--m3e-fab-hover-state-layer-color, ${n.color.onTertiary}))`),stateLayerOpacity:e(`var(--m3e-tertiary-fab-hover-state-layer-opacity, var(--m3e-fab-hover-state-layer-opacity, ${n.state.hoverStateLayerOpacity}))`),containerElevation:e(`var(--m3e-tertiary-fab-hover-container-elevation, var(--m3e-fab-hover-container-elevation, ${n.elevation.level4}))`),loweredContainerElevation:e(`var(--m3e-tertiary-fab-lowered-hover-container-elevation, var(--m3e-fab-lowered-hover-container-elevation, ${n.elevation.level3}))`)},focus:{iconColor:e(`var(--m3e-tertiary-fab-focus-icon-color, var(--m3e-fab-focus-icon-color, ${n.color.onTertiary}))`),labelTextColor:e(`var(--m3e-tertiary-fab-focus-label-text-color, var(--m3e-fab-focus-label-text-color, ${n.color.onTertiary}))`),stateLayerColor:e(`var(--m3e-tertiary-fab-focus-state-layer-color, var(--m3e-fab-focus-state-layer-color, ${n.color.onTertiary}))`),stateLayerOpacity:e(`var(--m3e-tertiary-fab-focus-state-layer-opacity, var(--m3e-fab-focus-state-layer-opacity, ${n.state.focusStateLayerOpacity}))`),containerElevation:e(`var(--m3e-tertiary-fab-focus-container-elevation, var(--m3e-fab-focus-container-elevation, ${n.elevation.level3}))`),loweredContainerElevation:e(`var(--m3e-tertiary-fab-lowered-focus-container-elevation, var(--m3e-fab-lowered-focus-container-elevation, ${n.elevation.level2}))`)},pressed:{iconColor:e(`var(--m3e-tertiary-fab-pressed-icon-color, var(--m3e-fab-pressed-icon-color, ${n.color.onTertiary}))`),labelTextColor:e(`var(--m3e-tertiary-fab-pressed-label-text-color, var(--m3e-fab-pressed-label-text-color, ${n.color.onTertiary}))`),stateLayerColor:e(`var(--m3e-tertiary-fab-pressed-state-layer-color, var(--m3e-fab-pressed-state-layer-color, ${n.color.onTertiary}))`),stateLayerOpacity:e(`var(--m3e-tertiary-fab-pressed-state-layer-opacity, var(--m3e-fab-pressed-state-layer-opacity, ${n.state.pressedStateLayerOpacity}))`),containerElevation:e(`var(--m3e-tertiary-fab-pressed-container-elevation, var(--m3e-fab-pressed-container-elevation, ${n.elevation.level3}))`),loweredContainerElevation:e(`var(--m3e-tertiary-fab-lowered-pressed-container-elevation, var(--m3e-fab-lowered-pressed-container-elevation, ${n.elevation.level2}))`)}},"primary-container":{labelTextColor:e(`var(--m3e-primary-container-fab-label-text-color, var(--m3e-primary-container-fab-label-text-color, ${n.color.onPrimaryContainer}))`),iconColor:e(`var(--m3e-primary-container-fab-icon-color, var(--m3e-primary-container-fab-icon-color, ${n.color.onPrimaryContainer}))`),containerColor:e(`var(--m3e-primary-container-fab-container-color, var(--m3e-fab-container-color, ${n.color.primaryContainer}))`),containerElevation:e(`var(--m3e-primary-container-fab-container-elevation, var(--m3e-fab-container-elevation, ${n.elevation.level3}))`),loweredContainerElevation:e(`var(--m3e-primary-container-fab-lowered-container-elevation, var(--m3e-fab-lowered-container-elevation, ${n.elevation.level2}))`),disabled:{containerColor:e(`var(--m3e-primary-container-fab-disabled-container-color, var(--m3e-fab-disabled-container-color, ${n.color.onSurface}))`),containerOpacity:e("var(--m3e-primary-container-fab-disabled-container-opacity, var(--m3e-fab-disabled-container-opacity, 10%))"),iconColor:e(`var(--m3e-primary-container-fab-disabled-icon-color, var(--m3e-fab-disabled-icon-color, ${n.color.onSurface}))`),iconOpacity:e("var(--m3e-primary-container-fab-disabled-icon-opacity, var(--m3e-fab-disabled-icon-opacity, 38%))"),labelTextColor:e(`var(--m3e-primary-container-fab-disabled-label-text-color, var(--m3e-fab-disabled-label-text-color, ${n.color.onSurface}))`),labelTextOpacity:e("var(--m3e-primary-container-fab-disabled-label-text-opacity, var(--m3e-fab-disabled-label-text-opacity, 38%))"),containerElevation:e(`var(--m3e-primary-container-fab-disabled-container-elevation, var(--m3e-fab-disabled-container-elevation, ${n.elevation.level0}))`),loweredContainerElevation:e(`var(--m3e-primary-container-fab-lowered-disabled-container-elevation, var(--m3e-fab-lowered-disabled-container-elevation, ${n.elevation.level0}))`)},hover:{iconColor:e(`var(--m3e-primary-container-fab-hover-icon-color, var(--m3e-fab-hover-icon-color, ${n.color.onPrimaryContainer}))`),labelTextColor:e(`var(--m3e-primary-container-fab-hover-label-text-color, var(--m3e-fab-hover-label-text-color, ${n.color.onPrimaryContainer}))`),stateLayerColor:e(`var(--m3e-primary-container-fab-hover-state-layer-color, var(--m3e-fab-hover-state-layer-color, ${n.color.onPrimaryContainer}))`),stateLayerOpacity:e(`var(--m3e-primary-container-fab-hover-state-layer-opacity, var(--m3e-fab-hover-state-layer-opacity, ${n.state.hoverStateLayerOpacity}))`),containerElevation:e(`var(--m3e-primary-container-fab-hover-container-elevation, var(--m3e-fab-hover-container-elevation, ${n.elevation.level4}))`),loweredContainerElevation:e(`var(--m3e-primary-container-fab-lowered-hover-container-elevation, var(--m3e-fab-lowered-hover-container-elevation, ${n.elevation.level3}))`)},focus:{iconColor:e(`var(--m3e-primary-container-fab-focus-icon-color, var(--m3e-fab-focus-icon-color, ${n.color.onPrimaryContainer}))`),labelTextColor:e(`var(--m3e-primary-container-fab-focus-label-text-color, var(--m3e-fab-focus-label-text-color, ${n.color.onPrimaryContainer}))`),stateLayerColor:e(`var(--m3e-primary-container-fab-focus-state-layer-color, var(--m3e-fab-focus-state-layer-color, ${n.color.onPrimaryContainer}))`),stateLayerOpacity:e(`var(--m3e-primary-container-fab-focus-state-layer-opacity, var(--m3e-fab-focus-state-layer-opacity, ${n.state.focusStateLayerOpacity}))`),containerElevation:e(`var(--m3e-primary-container-fab-focus-container-elevation, var(--m3e-fab-focus-container-elevation, ${n.elevation.level3}))`),loweredContainerElevation:e(`var(--m3e-primary-container-fab-lowered-focus-container-elevation, var(--m3e-fab-lowered-focus-container-elevation, ${n.elevation.level2}))`)},pressed:{iconColor:e(`var(--m3e-primary-container-fab-pressed-icon-color, var(--m3e-fab-pressed-icon-color, ${n.color.onPrimaryContainer}))`),labelTextColor:e(`var(--m3e-primary-container-fab-pressed-label-text-color, var(--m3e-fab-pressed-label-text-color, ${n.color.onPrimaryContainer}))`),stateLayerColor:e(`var(--m3e-primary-container-fab-pressed-state-layer-color, var(--m3e-fab-pressed-state-layer-color, ${n.color.onPrimaryContainer}))`),stateLayerOpacity:e(`var(--m3e-primary-container-fab-pressed-state-layer-opacity, var(--m3e-fab-pressed-state-layer-opacity, ${n.state.pressedStateLayerOpacity}))`),containerElevation:e(`var(--m3e-primary-container-fab-pressed-container-elevation, var(--m3e-fab-pressed-container-elevation, ${n.elevation.level3}))`),loweredContainerElevation:e(`var(--m3e-primary-container-fab-lowered-pressed-container-elevation, var(--m3e-fab-lowered-pressed-container-elevation, ${n.elevation.level2}))`)}},"secondary-container":{labelTextColor:e(`var(--m3e-secondary-container-fab-label-text-color, var(--m3e-fab-label-text-color, ${n.color.onSecondaryContainer}))`),iconColor:e(`var(--m3e-secondary-container-fab-icon-color, var(--m3e-fab-icon-color, ${n.color.onSecondaryContainer}))`),containerColor:e(`var(--m3e-secondary-container-fab-container-color, var(--m3e-fab-container-color, ${n.color.secondaryContainer}))`),containerElevation:e(`var(--m3e-secondary-container-fab-container-elevation, var(--m3e-fab-container-elevation, ${n.elevation.level3}))`),loweredContainerElevation:e(`var(--m3e-secondary-container-fab-lowered-container-elevation, var(--m3e-fab-lowered-container-elevation, ${n.elevation.level2}))`),disabled:{containerColor:e(`var(--m3e-secondary-container-fab-disabled-container-color, var(--m3e-fab-disabled-container-color, ${n.color.onSurface}))`),containerOpacity:e("var(--m3e-secondary-container-fab-disabled-container-opacity, var(--m3e-fab-disabled-container-opacity, 10%))"),iconColor:e(`var(--m3e-secondary-container-fab-disabled-icon-color, var(--m3e-fab-disabled-icon-color, ${n.color.onSurface}))`),iconOpacity:e("var(--m3e-secondary-container-fab-disabled-icon-opacity, var(--m3e-fab-disabled-icon-opacity, 38%))"),labelTextColor:e(`var(--m3e-secondary-container-fab-disabled-label-text-color, var(--m3e-fab-disabled-label-text-color, ${n.color.onSurface}))`),labelTextOpacity:e("var(--m3e-secondary-container-fab-disabled-label-text-opacity, var(--m3e-fab-disabled-label-text-opacity, 38%))"),containerElevation:e(`var(--m3e-secondary-container-fab-disabled-container-elevation, var(--m3e-fab-disabled-container-elevation, ${n.elevation.level0}))`),loweredContainerElevation:e(`var(--m3e-secondary-container-fab-lowered-disabled-container-elevation, var(--m3e-fab-lowered-disabled-container-elevation, ${n.elevation.level0}))`)},hover:{iconColor:e(`var(--m3e-secondary-container-fab-hover-icon-color, var(--m3e-fab-hover-icon-color, ${n.color.onSecondaryContainer}))`),labelTextColor:e(`var(--m3e-secondary-container-fab-hover-label-text-color, var(--m3e-fab-hover-label-text-color, ${n.color.onSecondaryContainer}))`),stateLayerColor:e(`var(--m3e-secondary-container-fab-hover-state-layer-color, var(--m3e-fab-hover-state-layer-color, ${n.color.onSecondaryContainer}))`),stateLayerOpacity:e(`var(--m3e-secondary-container-fab-hover-state-layer-opacity, var(--m3e-fab-hover-state-layer-opacity, ${n.state.hoverStateLayerOpacity}))`),containerElevation:e(`var(--m3e-secondary-container-fab-hover-container-elevation, var(--m3e-fab-hover-container-elevation, ${n.elevation.level4}))`),loweredContainerElevation:e(`var(--m3e-secondary-container-fab-lowered-hover-container-elevation, var(--m3e-fab-lowered-hover-container-elevation, ${n.elevation.level3}))`)},focus:{iconColor:e(`var(--m3e-secondary-container-fab-focus-icon-color, var(--m3e-fab-focus-icon-color, ${n.color.onSecondaryContainer}))`),labelTextColor:e(`var(--m3e-secondary-container-fab-focus-label-text-color, var(--m3e-fab-focus-label-text-color, ${n.color.onSecondaryContainer}))`),stateLayerColor:e(`var(--m3e-secondary-container-fab-focus-state-layer-color, var(--m3e-fab-focus-state-layer-color, ${n.color.onSecondaryContainer}))`),stateLayerOpacity:e(`var(--m3e-secondary-container-fab-focus-state-layer-opacity, var(--m3e-fab-focus-state-layer-opacity, ${n.state.focusStateLayerOpacity}))`),containerElevation:e(`var(--m3e-secondary-container-fab-focus-container-elevation, var(--m3e-fab-focus-container-elevation, ${n.elevation.level3}))`),loweredContainerElevation:e(`var(--m3e-secondary-container-fab-lowered-focus-container-elevation, var(--m3e-fab-lowered-focus-container-elevation, ${n.elevation.level2}))`)},pressed:{iconColor:e(`var(--m3e-secondary-container-fab-pressed-icon-color, var(--m3e-fab-pressed-icon-color, ${n.color.onSecondaryContainer}))`),labelTextColor:e(`var(--m3e-secondary-container-fab-pressed-label-text-color, var(--m3e-fab-pressed-label-text-color, ${n.color.onSecondaryContainer}))`),stateLayerColor:e(`var(--m3e-secondary-container-fab-pressed-state-layer-color, var(--m3e-fab-pressed-state-layer-color, ${n.color.onSecondaryContainer}))`),stateLayerOpacity:e(`var(--m3e-secondary-container-fab-pressed-state-layer-opacity, var(--m3e-fab-pressed-state-layer-opacity, ${n.state.pressedStateLayerOpacity}))`),containerElevation:e(`var(--m3e-secondary-container-fab-pressed-container-elevation, var(--m3e-fab-pressed-container-elevation, ${n.elevation.level3}))`),loweredContainerElevation:e(`var(--m3e-secondary-container-fab-lowered-pressed-container-elevation, var(--m3e-fab-lowered-pressed-container-elevation, ${n.elevation.level2}))`)}},"tertiary-container":{labelTextColor:e(`var(--m3e-tertiary-container-fab-label-text-color, var(--m3e-fab-label-text-color, ${n.color.onTertiaryContainer}))`),iconColor:e(`var(--m3e-tertiary-container-fab-icon-color, var(--m3e-fab-icon-color, ${n.color.onTertiaryContainer}))`),containerColor:e(`var(--m3e-tertiary-container-fab-container-color, var(--m3e-fab-container-color, ${n.color.tertiaryContainer}))`),containerElevation:e(`var(--m3e-tertiary-container-fab-container-elevation, var(--m3e-fab-container-elevation, ${n.elevation.level3}))`),loweredContainerElevation:e(`var(--m3e-tertiary-container-fab-lowered-container-elevation, var(--m3e-fab-lowered-container-elevation, ${n.elevation.level2}))`),disabled:{containerColor:e(`var(--m3e-tertiary-container-fab-disabled-container-color, var(--m3e-fab-disabled-container-color, ${n.color.onSurface}))`),containerOpacity:e("var(--m3e-tertiary-container-fab-disabled-container-opacity, var(--m3e-fab-disabled-container-opacity, 10%))"),iconColor:e(`var(--m3e-tertiary-container-fab-disabled-icon-color, var(--m3e-fab-disabled-icon-color, ${n.color.onSurface}))`),iconOpacity:e("var(--m3e-tertiary-container-fab-disabled-icon-opacity, var(--m3e-fab-disabled-icon-opacity, 38%))"),labelTextColor:e(`var(--m3e-tertiary-container-fab-disabled-label-text-color, var(--m3e-fab-disabled-label-text-color, ${n.color.onSurface}))`),labelTextOpacity:e("var(--m3e-tertiary-container-fab-disabled-label-text-opacity, var(--m3e-fab-disabled-label-text-opacity, 38%))"),containerElevation:e(`var(--m3e-tertiary-container-fab-disabled-container-elevation, var(--m3e-fab-disabled-container-elevation, ${n.elevation.level0}))`),loweredContainerElevation:e(`var(--m3e-tertiary-container-fab-lowered-disabled-container-elevation, var(--m3e-fab-lowered-disabled-container-elevation, ${n.elevation.level0}))`)},hover:{iconColor:e(`var(--m3e-tertiary-container-fab-hover-icon-color, var(--m3e-fab-hover-icon-color, ${n.color.onTertiaryContainer}))`),labelTextColor:e(`var(--m3e-tertiary-container-fab-hover-label-text-color, var(--m3e-fab-hover-label-text-color, ${n.color.onTertiaryContainer}))`),stateLayerColor:e(`var(--m3e-tertiary-container-fab-hover-state-layer-color, var(--m3e-fab-hover-state-layer-color, ${n.color.onTertiaryContainer}))`),stateLayerOpacity:e(`var(--m3e-tertiary-container-fab-hover-state-layer-opacity, var(--m3e-fab-hover-state-layer-opacity, ${n.state.hoverStateLayerOpacity}))`),containerElevation:e(`var(--m3e-tertiary-container-fab-hover-container-elevation, var(--m3e-fab-hover-container-elevation, ${n.elevation.level4}))`),loweredContainerElevation:e(`var(--m3e-tertiary-container-fab-lowered-hover-container-elevation, var(--m3e-fab-lowered-hover-container-elevation, ${n.elevation.level3}))`)},focus:{iconColor:e(`var(--m3e-tertiary-container-fab-focus-icon-color, var(--m3e-fab-focus-icon-color, ${n.color.onTertiaryContainer}))`),labelTextColor:e(`var(--m3e-tertiary-container-fab-focus-label-text-color, var(--m3e-fab-focus-label-text-color, ${n.color.onTertiaryContainer}))`),stateLayerColor:e(`var(--m3e-tertiary-container-fab-focus-state-layer-color, var(--m3e-fab-focus-state-layer-color, ${n.color.onTertiaryContainer}))`),stateLayerOpacity:e(`var(--m3e-tertiary-container-fab-focus-state-layer-opacity, var(--m3e-fab-focus-state-layer-opacity, ${n.state.focusStateLayerOpacity}))`),containerElevation:e(`var(--m3e-tertiary-container-fab-focus-container-elevation, var(--m3e-fab-focus-container-elevation, ${n.elevation.level3}))`),loweredContainerElevation:e(`var(--m3e-tertiary-container-fab-lowered-focus-container-elevation, var(--m3e-fab-lowered-focus-container-elevation, ${n.elevation.level2}))`)},pressed:{iconColor:e(`var(--m3e-tertiary-container-fab-pressed-icon-color, var(--m3e-fab-pressed-icon-color, ${n.color.onTertiaryContainer}))`),labelTextColor:e(`var(--m3e-tertiary-container-fab-pressed-label-text-color, var(--m3e-fab-pressed-label-text-color, ${n.color.onTertiaryContainer}))`),stateLayerColor:e(`var(--m3e-tertiary-container-fab-pressed-state-layer-color, var(--m3e-fab-pressed-state-layer-color, ${n.color.onTertiaryContainer}))`),stateLayerOpacity:e(`var(--m3e-tertiary-container-fab-pressed-state-layer-opacity, var(--m3e-fab-pressed-state-layer-opacity, ${n.state.pressedStateLayerOpacity}))`),containerElevation:e(`var(--m3e-tertiary-container-fab-pressed-container-elevation, var(--m3e-fab-pressed-container-elevation, ${n.elevation.level3}))`),loweredContainerElevation:e(`var(--m3e-tertiary-container-fab-lowered-pressed-container-elevation, var(--m3e-fab-lowered-pressed-container-elevation, ${n.elevation.level2}))`)}},surface:{labelTextColor:e(`var(--m3e-surface-fab-label-text-color, var(--m3e-fab-label-text-color, ${n.color.primary}))`),iconColor:e(`var(--m3e-surface-fab-icon-color, var(--m3e-fab-icon-color, ${n.color.primary}))`),containerColor:e(`var(--m3e-surface-fab-container-color, var(--m3e-fab-container-color, ${n.color.surfaceContainerHigh}))`),containerElevation:e(`var(--m3e-surface-fab-container-elevation, var(--m3e-fab-container-elevation, ${n.elevation.level3}))`),loweredContainerElevation:e(`var(--m3e-surface-fab-lowered-container-elevation, var(--m3e-fab-lowered-container-elevation, ${n.elevation.level2}))`),loweredContainerColor:e(`var(--m3e-surface-fab-lowered-container-color, var(--m3e-fab-lowered-container-color, ${n.color.surfaceContainerLow}))`),disabled:{containerColor:e(`var(--m3e-surface-fab-disabled-container-color, var(--m3e-fab-disabled-container-color, ${n.color.onSurface}))`),containerOpacity:e("var(--m3e-surface-fab-disabled-container-opacity, var(--m3e-fab-disabled-container-opacity, 10%))"),iconColor:e(`var(--m3e-surface-fab-disabled-icon-color, var(--m3e-fab-disabled-icon-color, ${n.color.onSurface}))`),iconOpacity:e("var(--m3e-surface-fab-disabled-icon-opacity, var(--m3e-fab-disabled-icon-opacity, 38%))"),labelTextColor:e(`var(--m3e-surface-fab-disabled-label-text-color, var(--m3e-fab-disabled-label-text-color, ${n.color.onSurface}))`),labelTextOpacity:e("var(--m3e-surface-fab-disabled-label-text-opacity, var(--m3e-fab-disabled-label-text-opacity, 38%))"),containerElevation:e(`var(--m3e-surface-fab-disabled-container-elevation, var(--m3e-fab-disabled-container-elevation, ${n.elevation.level0}))`),loweredContainerElevation:e(`var(--m3e-surface-fab-lowered-disabled-container-elevation, var(--m3e-fab-lowered-disabled-container-elevation, ${n.elevation.level0}))`)},hover:{iconColor:e(`var(--m3e-surface-fab-hover-icon-color, var(--m3e-fab-hover-icon-color, ${n.color.primary}))`),labelTextColor:e(`var(--m3e-surface-fab-hover-label-text-color, var(--m3e-fab-hover-label-text-color, ${n.color.primary}))`),stateLayerColor:e(`var(--m3e-surface-fab-hover-state-layer-color, var(--m3e-fab-hover-state-layer-color, ${n.color.primary}))`),stateLayerOpacity:e(`var(--m3e-surface-fab-hover-state-layer-opacity, var(--m3e-fab-hover-state-layer-opacity, ${n.state.hoverStateLayerOpacity}))`),containerElevation:e(`var(--m3e-surface-fab-hover-container-elevation, var(--m3e-fab-hover-container-elevation, ${n.elevation.level4}))`),loweredContainerElevation:e(`var(--m3e-surface-fab-lowered-hover-container-elevation, var(--m3e-fab-lowered-hover-container-elevation, ${n.elevation.level3}))`)},focus:{iconColor:e(`var(--m3e-surface-fab-focus-icon-color, var(--m3e-fab-focus-icon-color, ${n.color.primary}))`),labelTextColor:e(`var(--m3e-surface-fab-focus-label-text-color, var(--m3e-fab-focus-label-text-color, ${n.color.primary}))`),stateLayerColor:e(`var(--m3e-surface-fab-focus-state-layer-color, var(--m3e-fab-focus-state-layer-color, ${n.color.primary}))`),stateLayerOpacity:e(`var(--m3e-surface-fab-focus-state-layer-opacity, var(--m3e-fab-focus-state-layer-opacity, ${n.state.focusStateLayerOpacity}))`),containerElevation:e(`var(--m3e-surface-fab-focus-container-elevation, var(--m3e-fab-focus-container-elevation, ${n.elevation.level3}))`),loweredContainerElevation:e(`var(--m3e-surface-fab-lowered-focus-container-elevation, var(--m3e-fab-lowered-focus-container-elevation, ${n.elevation.level2}))`)},pressed:{iconColor:e(`var(--m3e-surface-fab-pressed-icon-color, var(--m3e-fab-pressed-icon-color, ${n.color.primary}))`),labelTextColor:e(`var(--m3e-surface-fab-pressed-label-text-color, var(--m3e-fab-pressed-label-text-color, ${n.color.primary}))`),stateLayerColor:e(`var(--m3e-surface-fab-pressed-state-layer-color, var(--m3e-fab-pressed-state-layer-color, ${n.color.primary}))`),stateLayerOpacity:e(`var(--m3e-surface-fab-pressed-state-layer-opacity, var(--m3e-fab-pressed-state-layer-opacity, ${n.state.pressedStateLayerOpacity}))`),containerElevation:e(`var(--m3e-surface-fab-pressed-container-elevation, var(--m3e-fab-pressed-container-elevation, ${n.elevation.level3}))`),loweredContainerElevation:e(`var(--m3e-surface-fab-lowered-pressed-container-elevation, var(--m3e-fab-lowered-pressed-container-elevation, ${n.elevation.level2}))`)}}};function T(o){return a`:host([variant="${e(o)}"]:not([lowered])) .base { background-color: ${S[o].containerColor}; --m3e-elevation-level: ${S[o].containerElevation}; --m3e-elevation-hover-level: ${S[o].hover.containerElevation}; --m3e-elevation-focus-level: ${S[o].focus.containerElevation}; --m3e-elevation-pressed-level: ${S[o].pressed.containerElevation}; } :host([variant="${e(o)}"][lowered]) .base { background-color: ${S[o].loweredContainerColor??S[o].containerColor}; --m3e-elevation-level: ${S[o].loweredContainerElevation}; --m3e-elevation-hover-level: ${S[o].hover.loweredContainerElevation}; --m3e-elevation-focus-level: ${S[o].focus.loweredContainerElevation}; --m3e-elevation-pressed-level: ${S[o].pressed.loweredContainerElevation}; } :host([variant="${e(o)}"]) .base { --m3e-state-layer-hover-color: ${S[o].hover.stateLayerColor}; --m3e-state-layer-hover-opacity: ${S[o].hover.stateLayerOpacity}; --m3e-state-layer-focus-color: ${S[o].focus.stateLayerColor}; --m3e-state-layer-focus-opacity: ${S[o].focus.stateLayerOpacity}; --m3e-ripple-color: ${S[o].pressed.stateLayerColor}; --m3e-ripple-opacity: ${S[o].pressed.stateLayerOpacity}; } :host([variant="${e(o)}"]) .label { color: ${S[o].labelTextColor}; } :host([variant="${e(o)}"]:focus) .label { color: ${S[o].focus.labelTextColor}; } :host([variant="${e(o)}"]:hover) .label { color: ${S[o].hover.labelTextColor}; } :host([variant="${e(o)}"]) .base.pressed .label { color: ${S[o].pressed.labelTextColor}; } :host([variant="${e(o)}"]) .icon { color: ${S[o].iconColor}; } :host([variant="${e(o)}"]:focus) .icon { color: ${S[o].focus.iconColor}; } :host([variant="${e(o)}"]:hover) .icon { color: ${S[o].hover.iconColor}; } :host([variant="${e(o)}"]) .base.pressed .icon { color: ${S[o].pressed.iconColor}; } :host([variant="${e(o)}"]:disabled) .base, :host([variant="${e(o)}"][disabled-interactive]) .base { --m3e-elevation-level: ${S[o].disabled.containerElevation}; background-color: color-mix( in srgb, ${S[o].disabled.containerColor} ${S[o].disabled.containerOpacity}, transparent ); } :host([variant="${e(o)}"]:disabled) .label, :host([variant="${e(o)}"][disabled-interactive]) .label { color: color-mix( in srgb, ${S[o].disabled.labelTextColor} ${S[o].disabled.labelTextOpacity}, transparent ); } :host([variant="${e(o)}"]:disabled) .icon, :host([variant="${e(o)}"][disabled-interactive]) .icon { color: color-mix( in srgb, ${S[o].disabled.iconColor} ${S[o].disabled.iconOpacity}, transparent ); }`}const L=[T("primary"),T("secondary"),T("tertiary"),T("primary-container"),T("secondary-container"),T("tertiary-container"),T("surface")];var E,O;let z=class extends(i(c(s(v(b(d(m(f(o,"button"),!0)))))))){constructor(){super(),E.add(this),this.variant="primary-container",this.lowered=!1,this.size="medium",this.extended=!1,new y(this,{isPressedKey:e=>" "===e,callback:e=>{this.disabled||this.disabledInteractive||(this._base?.classList.toggle("pressed",e),this._base?.classList.toggle("resting",!e))}})}disconnectedCallback(){super.disconnectedCallback(),this._base?.classList.toggle("pressed",!1),this._base?.classList.toggle("resting",!1)}firstUpdated(e){super.firstUpdated(e),[this._elevation,this._focusRing,this._stateLayer,this._ripple].forEach(e=>e?.attach(this))}updated(e){super.updated(e),(e.has("disabled")&&this.disabled||e.has("disabledInteractive")&&this.disabledInteractive)&&(this._base?.classList.toggle("pressed",!1),this._base?.classList.toggle("resting",!1))}render(){return r`<div class="base"><m3e-elevation class="elevation" ?disabled="${this.disabled||this.disabledInteractive}"></m3e-elevation><m3e-state-layer class="state-layer" ?disabled="${this.disabled||this.disabledInteractive}"></m3e-state-layer><m3e-focus-ring class="focus-ring" ?disabled="${this.disabled}"></m3e-focus-ring><m3e-ripple class="ripple" ?centered="${!this.extended}" ?disabled="${this.disabled||this.disabledInteractive}"></m3e-ripple><div class="touch" aria-hidden="true"></div>${this[p]()}<div class="wrapper"><slot class="icon" aria-hidden="true" @slotchange="${u(this,E,"m",O)}"></slot><slot class="icon" aria-hidden="true" name="close-icon"><svg class="close-icon" viewBox="0 -960 960 960" fill="currentColor"><path d="m256-200-56-56 224-224-224-224 56-56 224 224 224-224 56 56-224 224 224 224-56 56-224-224-224 224Z"/></svg></slot><div class="label"><slot name="label" @slotchange="${u(this,E,"m",O)}"></slot></div></div></div>`}};E=new WeakSet,O=function(){this._base?.classList.toggle("with-menu",null!==this.querySelector("m3e-fab-menu-trigger"))},z.styles=[w,L,x],$([t(".base")],z.prototype,"_base",void 0),$([t(".elevation")],z.prototype,"_elevation",void 0),$([t(".focus-ring")],z.prototype,"_focusRing",void 0),$([t(".state-layer")],z.prototype,"_stateLayer",void 0),$([t(".ripple")],z.prototype,"_ripple",void 0),$([l({reflect:!0})],z.prototype,"variant",void 0),$([l({type:Boolean,reflect:!0})],z.prototype,"lowered",void 0),$([l({reflect:!0})],z.prototype,"size",void 0),$([l({type:Boolean,reflect:!0})],z.prototype,"extended",void 0),z=$([h("m3e-fab")],z);export{z as M3eFabElement};
6
+ import{__classPrivateFieldGet as e,__decorate as a}from"tslib";import{unsafeCSS as o,css as r,LitElement as t,html as l}from"lit";import{query as i,property as n}from"lit/decorators.js";import{DesignToken as c,KeyboardClick as s,LinkButton as v,FormSubmitter as b,Focusable as d,DisabledInteractive as m,Disabled as f,AttachInternals as y,Role as p,PressedController as h,renderPseudoLink as $,customElement as u}from"@m3e/web/core";const x=r`:host { display: inline-block; outline: none; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .base { box-sizing: border-box; vertical-align: middle; display: inline-flex; align-items: center; justify-content: center; position: relative; width: 100%; transition: ${o(`background-color ${c.motion.duration.short4} ${c.motion.easing.standard}`)}; } .touch { position: absolute; height: 3rem; left: 0; right: 0; } .wrapper { width: 100%; overflow: hidden; display: inline-flex; align-items: center; } .label { justify-self: center; flex: 1 1 auto; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; transition: ${o(`color ${c.motion.duration.short4} ${c.motion.easing.standard}`)}; } .icon { transition: ${o(`color ${c.motion.duration.short4} ${c.motion.easing.standard}`)}; } :host(:not(:disabled):not([disabled-interactive])) { cursor: pointer; } :host([disabled-interactive]) { cursor: not-allowed; } .close-icon, ::slotted(:not([slot])), ::slotted([slot="close-icon"]) { font-size: inherit !important; flex: none; } .close-icon, ::slotted(svg:not([slot])), ::slotted(svg[slot="close-icon"]) { width: 1em; height: 1em; } :host(:not([extended])) ::slotted([slot="label"]), .base.with-menu ::slotted([slot="label"]), .base:not(.with-menu) ::slotted([slot="close-icon"]), .base:not(.with-menu) .close-icon, :host([aria-expanded="true"]) .base.with-menu ::slotted(:not([slot])), :host([aria-expanded="false"]) .base.with-menu ::slotted([slot="close-icon"]), :host([aria-expanded="false"]) .base.with-menu .close-icon { display: none; } :host([aria-expanded="true"]) .base.with-menu { border-radius: var(--m3e-fab-menu-close-button-container-shape, ${c.shape.corner.full}); height: calc(var(--m3e-fab-menu-close-button-container-height, 3.5rem) + ${c.density.calc(-3)}); } :host([aria-expanded="true"]) .base.with-menu .wrapper { padding-inline-start: calc(var(--m3e-fab-menu-close-button-leading-space, 1rem) + ${c.density.calc(-3)}); padding-inline-end: calc(var(--m3e-fab-menu-close-button-trailing-space, 1rem) + ${c.density.calc(-3)}); } :host([aria-expanded="true"]) .base.with-menu .icon { font-size: calc(var(--m3e-fab-menu-close-button-icon-size, 1.5rem) + ${c.density.calc(-3)}); --m3e-icon-size: calc(var(--m3e-fab-menu-close-button-icon-size, 1.5rem) + ${c.density.calc(-3)}); } .base.with-menu { transition: height ${c.motion.spring.fastSpatial}; } .base.with-menu .wrapper { transition: padding ${c.motion.spring.fastSpatial}; } a { all: unset; display: block; position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; z-index: 1; } @media (forced-colors: active) { .base, .icon { transition: none; } .base { outline-style: solid; } :host([variant]:not(:disabled):not([disabled-interactive])) .base { background-color: ButtonFace; outline-color: ButtonText; } :host([variant]:not(:disabled):not([disabled-interactive])) .label, :host([variant]:not(:disabled):not([disabled-interactive])) .icon { color: ButtonText; } :host([variant]:disabled) .base, :host([variant][disabled-interactive]) .base { outline-color: GrayText; background-color: unset; } :host([variant]:disabled) .label, :host([variant][disabled-interactive]) .label, :host([variant]:disabled) .icon, :host([variant][disabled-interactive]) .icon { color: GrayText; } :host([size="small"]) .base { outline-offset: calc(0px - var(--m3e-button-small-outline-thickness, 1px)); outline-width: var(--m3e-button-small-outline-thickness, 1px); } :host([size="medium"]) .base { outline-offset: calc(0px - var(--m3e-button-medium-outline-thickness, 1px)); outline-width: var(--m3e-button-medium-outline-thickness, 1px); } :host([size="large"]) .base { outline-offset: calc(0px - var(--m3e-button-large-outline-thickness, 2px)); outline-width: var(--m3e-button-large-outline-thickness, 2px); } } @media (prefers-reduced-motion) { .base, .base.resting, .base.pressed, .label, .icon { transition: none; } }`,C={small:{containerHeight:o(`calc(var(--m3e-fab-small-container-height, var(--m3e-fab-container-height, 3.5rem)) + ${c.density.calc(-3)})`),labelTextFontSize:o(`var(--m3e-fab-small-label-text-font-size, var(--m3e-fab-label-text-font-size, ${c.typescale.standard.title.medium.fontSize}))`),labelTextFontWeight:o(`var(--m3e-fab-small-label-text-font-weight, var(--m3e-fab-label-text-font-weight, ${c.typescale.standard.title.medium.fontWeight}))`),labelTextLineHeight:o(`var(--m3e-fab-small-label-text-line-height, var(--m3e-fab-label-text-line-height, ${c.typescale.standard.title.medium.lineHeight}))`),labelTextTracking:o(`var(--m3e-fab-small-label-text-tracking, var(--m3e-fab-label-text-tracking, ${c.typescale.standard.title.medium.tracking}))`),iconSize:o(`calc(var(--m3e-fab-small-icon-size, var(--m3e-fab-icon-size, 1.5rem)) + ${c.density.calc(-3)})`),extendedIconSize:o("var(--m3e-fab-small-icon-size, var(--m3e-fab-icon-size, 1.5rem))"),shape:o(`var(--m3e-fab-small-shape, var(--m3e-fab-shape, ${c.shape.corner.large}))`),leadingSpace:o(`calc(var(--m3e-fab-small-leading-space, var(--m3e-fab-leading-space, 1rem)) + ${c.density.calc(-3)})`),trailingSpace:o(`calc(var(--m3e-fab-small-trailing-space, var(--m3e-fab-trailing-space, 1rem)) + ${c.density.calc(-3)})`),iconLabelSpace:o("var(--m3e-fab-small-icon-label-space, var(--m3e-fab-icon-label-space, 0.5rem))"),extendedLeadingSpace:o("var(--m3e-fab-small-leading-space, var(--m3e-fab-leading-space, 1rem))"),extendedTrailingSpace:o("var(--m3e-fab-small-trailing-space, var(--m3e-fab-trailing-space, 1rem))")},medium:{containerHeight:o(`calc(var(--m3e-fab-medium-container-height, var(--m3e-fab-container-height, 5rem)) + ${c.density.calc(-3)})`),labelTextFontSize:o(`var(--m3e-fab-medium-label-text-font-size, var(--m3e-fab-label-text-font-size, ${c.typescale.standard.title.large.fontSize}))`),labelTextFontWeight:o(`var(--m3e-fab-medium-label-text-font-weight, var(--m3e-fab-label-text-font-weight, ${c.typescale.standard.title.large.fontWeight}))`),labelTextLineHeight:o(`var(--m3e-fab-medium-label-text-line-height, var(--m3e-fab-label-text-line-height, ${c.typescale.standard.title.large.lineHeight}))`),labelTextTracking:o(`var(--m3e-fab-medium-label-text-tracking, var(--m3e-fab-label-text-tracking, ${c.typescale.standard.title.large.tracking}))`),iconSize:o(`calc(var(--m3e-fab-medium-icon-size, var(--m3e-fab-icon-size, 1.75rem)) + ${c.density.calc(-3)})`),extendedIconSize:o("var(--m3e-fab-medium-icon-size, var(--m3e-fab-icon-size, 1.75rem))"),shape:o(`var(--m3e-fab-medium-shape, var(--m3e-fab-shape, ${c.shape.corner.largeIncreased}))`),leadingSpace:o(`calc(var(--m3e-fab-medium-leading-space, var(--m3e-fab-leading-space, 1.625rem)) + ${c.density.calc(-3)})`),trailingSpace:o(`calc(var(--m3e-fab-medium-trailing-space, var(--m3e-fab-trailing-space, 1.625rem)) + ${c.density.calc(-3)})`),iconLabelSpace:o("var(--m3e-fab-medium-icon-label-space, var(--m3e-fab-icon-label-space, 0.75rem))"),extendedLeadingSpace:o("var(--m3e-fab-medium-leading-space, var(--m3e-fab-leading-space, 1.625rem))"),extendedTrailingSpace:o("var(--m3e-fab-medium-trailing-space, var(--m3e-fab-trailing-space, 1.625rem))")},large:{containerHeight:o(`calc(var(--m3e-fab-large-container-height, var(--m3e-fab-container-height, 6rem)) + ${c.density.calc(-3)})`),labelTextFontSize:o(`var(--m3e-fab-large-label-text-font-size, var(--m3e-fab-label-text-font-size, ${c.typescale.standard.headline.small.fontSize}))`),labelTextFontWeight:o(`var(--m3e-fab-large-label-text-font-weight, var(--m3e-fab-label-text-font-weight, ${c.typescale.standard.headline.small.fontWeight}))`),labelTextLineHeight:o(`var(--m3e-fab-large-label-text-line-height, var(--m3e-fab-label-text-line-height, ${c.typescale.standard.headline.small.lineHeight}))`),labelTextTracking:o(`var(--m3e-fab-large-label-text-tracking, var(--m3e-fab-label-text-tracking, ${c.typescale.standard.headline.small.tracking}))`),iconSize:o(`calc(var(--m3e-fab-large-icon-size, var(--m3e-fab-icon-size, 2.25rem)) + ${c.density.calc(-3)})`),extendedIconSize:o("var(--m3e-fab-large-icon-size, var(--m3e-fab-icon-size, 2.25rem))"),shape:o(`var(--m3e-fab-large-shape, var(--m3e-fab-shape, ${c.shape.corner.extraLarge}))`),leadingSpace:o(`calc(var(--m3e-fab-large-leading-space, var(--m3e-fab-leading-space, 1.75rem)) + ${c.density.calc(-3)})`),trailingSpace:o(`calc(var(--m3e-fab-large-trailing-space, var(--m3e-fab-trailing-space, 1.75rem)) + ${c.density.calc(-3)})`),iconLabelSpace:o("var(--m3e-fab-large-icon-label-space, var(--m3e-fab-icon-label-space, 1rem))"),extendedLeadingSpace:o("var(--m3e-fab-large-leading-space, var(--m3e-fab-leading-space, 1.75rem))"),extendedTrailingSpace:o("var(--m3e-fab-large-trailing-space, var(--m3e-fab-trailing-space, 1.75rem))")}};function g(e){return r`:host([size="${o(e)}"]) .base { height: ${C[e].containerHeight}; } :host([size="${o(e)}"]) .base { border-radius: ${C[e].shape}; } :host([size="${o(e)}"]) .label { font-size: ${C[e].labelTextFontSize}; font-weight: ${C[e].labelTextFontWeight}; line-height: ${C[e].labelTextLineHeight}; letter-spacing: ${C[e].labelTextTracking}; } :host([size="${o(e)}"]:not([extended])) .wrapper { padding-inline-start: ${C[e].leadingSpace}; padding-inline-end: ${C[e].trailingSpace}; } :host([size="${o(e)}"]:not([extended])) .icon { font-size: ${C[e].iconSize}; --m3e-icon-size: ${C[e].iconSize}; } :host([size="${o(e)}"][extended]) .wrapper { padding-inline-start: ${C[e].extendedLeadingSpace}; padding-inline-end: ${C[e].extendedTrailingSpace}; column-gap: ${C[e].iconLabelSpace}; } :host([size="${o(e)}"][extended]) .icon { font-size: ${C[e].extendedIconSize}; --m3e-icon-size: ${C[e].extendedIconSize}; }`}const w=[g("small"),g("medium"),g("large")],S={primary:{labelTextColor:o(`var(--m3e-primary-fab-label-text-color, var(--m3e-fab-label-text-color, ${c.color.onPrimary}))`),iconColor:o(`var(--m3e-primary-fab-icon-color, var(--m3e-fab-icon-color, ${c.color.onPrimary}))`),containerColor:o(`var(--m3e-primary-fab-container-color, var(--m3e-fab-container-color, ${c.color.primary}))`),containerElevation:o(`var(--m3e-primary-fab-container-elevation, var(--m3e-fab-container-elevation, ${c.elevation.level3}))`),loweredContainerElevation:o(`var(--m3e-primary-fab-lowered-container-elevation, var(--m3e-fab-lowered-container-elevation, ${c.elevation.level2}))`),disabled:{containerColor:o(`var(--m3e-primary-fab-disabled-container-color, var(--m3e-fab-disabled-container-color, ${c.color.onSurface}))`),containerOpacity:o("var(--m3e-primary-fab-disabled-container-opacity, var(--m3e-fab-disabled-container-opacity, 10%))"),iconColor:o(`var(--m3e-primary-fab-disabled-icon-color, var(--m3e-fab-disabled-icon-color, ${c.color.onSurface}))`),iconOpacity:o("var(--m3e-primary-fab-disabled-icon-opacity, var(--m3e-fab-disabled-icon-opacity, 38%))"),labelTextColor:o(`var(--m3e-primary-fab-disabled-label-text-color, var(--m3e-fab-disabled-label-text-color, ${c.color.onSurface}))`),labelTextOpacity:o("var(--m3e-primary-fab-disabled-label-text-opacity, var(--m3e-fab-disabled-label-text-opacity, 38%))"),containerElevation:o(`var(--m3e-primary-fab-disabled-container-elevation, var(--m3e-fab-disabled-container-elevation, ${c.elevation.level0}))`),loweredContainerElevation:o(`var(--m3e-primary-fab-lowered-disabled-container-elevation, var(--m3e-fab-lowered-disabled-container-elevation, ${c.elevation.level0}))`)},hover:{iconColor:o(`var(--m3e-primary-fab-hover-icon-color, var(--m3e-fab-hover-icon-color, ${c.color.onPrimary}))`),labelTextColor:o(`var(--m3e-primary-fab-hover-label-text-color, var(--m3e-fab-hover-label-text-color, ${c.color.onPrimary}))`),stateLayerColor:o(`var(--m3e-primary-fab-hover-state-layer-color, var(--m3e-fab-hover-state-layer-color, ${c.color.onPrimary}))`),stateLayerOpacity:o(`var(--m3e-primary-fab-hover-state-layer-opacity, var(--m3e-fab-hover-state-layer-opacity, ${c.state.hoverStateLayerOpacity}))`),containerElevation:o(`var(--m3e-primary-fab-hover-container-elevation, var(--m3e-fab-hover-container-elevation, ${c.elevation.level4}))`),loweredContainerElevation:o(`var(--m3e-primary-fab-lowered-hover-container-elevation, var(--m3e-fab-lowered-hover-container-elevation, ${c.elevation.level3}))`)},focus:{iconColor:o(`var(--m3e-primary-fab-focus-icon-color, var(--m3e-fab-focus-icon-color, ${c.color.onPrimary}))`),labelTextColor:o(`var(--m3e-primary-fab-focus-label-text-color, var(--m3e-fab-focus-label-text-color, ${c.color.onPrimary}))`),stateLayerColor:o(`var(--m3e-primary-fab-focus-state-layer-color, var(--m3e-fab-focus-state-layer-color, ${c.color.onPrimary}))`),stateLayerOpacity:o(`var(--m3e-primary-fab-focus-state-layer-opacity, var(--m3e-fab-focus-state-layer-opacity, ${c.state.focusStateLayerOpacity}))`),containerElevation:o(`var(--m3e-primary-fab-focus-container-elevation, var(--m3e-fab-focus-container-elevation, ${c.elevation.level3}))`),loweredContainerElevation:o(`var(--m3e-primary-fab-lowered-focus-container-elevation, var(--m3e-fab-lowered-focus-container-elevation, ${c.elevation.level2}))`)},pressed:{iconColor:o(`var(--m3e-primary-fab-pressed-icon-color, var(--m3e-fab-pressed-icon-color, ${c.color.onPrimary}))`),labelTextColor:o(`var(--m3e-primary-fab-pressed-label-text-color, var(--m3e-fab-pressed-label-text-color, ${c.color.onPrimary}))`),stateLayerColor:o(`var(--m3e-primary-fab-pressed-state-layer-color, var(--m3e-fab-pressed-state-layer-color, ${c.color.onPrimary}))`),stateLayerOpacity:o(`var(--m3e-primary-fab-pressed-state-layer-opacity, var(--m3e-fab-pressed-state-layer-opacity, ${c.state.pressedStateLayerOpacity}))`),containerElevation:o(`var(--m3e-primary-fab-pressed-container-elevation, var(--m3e-fab-pressed-container-elevation, ${c.elevation.level3}))`),loweredContainerElevation:o(`var(--m3e-primary-fab-lowered-pressed-container-elevation, var(--m3e-fab-lowered-pressed-container-elevation, ${c.elevation.level2}))`)}},secondary:{labelTextColor:o(`var(--m3e-secondary-fab-label-text-color, var(--m3e-fab-label-text-color, ${c.color.onSecondary}))`),iconColor:o(`var(--m3e-secondary-fab-icon-color, var(--m3e-fab-icon-color, ${c.color.onSecondary}))`),containerColor:o(`var(--m3e-secondary-fab-container-color, var(--m3e-fab-container-color, ${c.color.secondary}))`),containerElevation:o(`var(--m3e-secondary-fab-container-elevation, var(--m3e-fab-container-elevation, ${c.elevation.level3}))`),loweredContainerElevation:o(`var(--m3e-secondary-fab-lowered-container-elevation, var(--m3e-fab-lowered-container-elevation, ${c.elevation.level2}))`),disabled:{containerColor:o(`var(--m3e-secondary-fab-disabled-container-color, var(--m3e-fab-disabled-container-color, ${c.color.onSurface}))`),containerOpacity:o("var(--m3e-secondary-fab-disabled-container-opacity, var(--m3e-fab-disabled-container-opacity, 10%))"),iconColor:o(`var(--m3e-secondary-fab-disabled-icon-color, var(--m3e-fab-disabled-icon-color, ${c.color.onSurface}))`),iconOpacity:o("var(--m3e-secondary-fab-disabled-icon-opacity, var(--m3e-fab-disabled-icon-opacity, 38%))"),labelTextColor:o(`var(--m3e-secondary-fab-disabled-label-text-color, var(--m3e-fab-disabled-label-text-color, ${c.color.onSurface}))`),labelTextOpacity:o("var(--m3e-secondary-fab-disabled-label-text-opacity, var(--m3e-fab-disabled-label-text-opacity, 38%))"),containerElevation:o(`var(--m3e-secondary-fab-disabled-container-elevation, var(--m3e-fab-disabled-container-elevation, ${c.elevation.level0}))`),loweredContainerElevation:o(`var(--m3e-secondary-fab-lowered-disabled-container-elevation, var(--m3e-fab-lowered-disabled-container-elevation, ${c.elevation.level0}))`)},hover:{iconColor:o(`var(--m3e-secondary-fab-hover-icon-color, var(--m3e-fab-hover-icon-color, ${c.color.onSecondary}))`),labelTextColor:o(`var(--m3e-secondary-fab-hover-label-text-color, var(--m3e-fab-hover-label-text-color, ${c.color.onSecondary}))`),stateLayerColor:o(`var(--m3e-secondary-fab-hover-state-layer-color, var(--m3e-fab-hover-state-layer-color, ${c.color.onSecondary}))`),stateLayerOpacity:o(`var(--m3e-secondary-fab-hover-state-layer-opacity, var(--m3e-fab-hover-state-layer-opacity, ${c.state.hoverStateLayerOpacity}))`),containerElevation:o(`var(--m3e-secondary-fab-hover-container-elevation, var(--m3e-fab-hover-container-elevation, ${c.elevation.level4}))`),loweredContainerElevation:o(`var(--m3e-secondary-fab-lowered-hover-container-elevation, var(--m3e-fab-lowered-hover-container-elevation, ${c.elevation.level3}))`)},focus:{iconColor:o(`var(--m3e-secondary-fab-focus-icon-color, var(--m3e-fab-focus-icon-color, ${c.color.onSecondary}))`),labelTextColor:o(`var(--m3e-secondary-fab-focus-label-text-color, var(--m3e-fab-focus-label-text-color, ${c.color.onSecondary}))`),stateLayerColor:o(`var(--m3e-secondary-fab-focus-state-layer-color, var(--m3e-fab-focus-state-layer-color, ${c.color.onSecondary}))`),stateLayerOpacity:o(`var(--m3e-secondary-fab-focus-state-layer-opacity, var(--m3e-fab-focus-state-layer-opacity, ${c.state.focusStateLayerOpacity}))`),containerElevation:o(`var(--m3e-secondary-fab-focus-container-elevation, var(--m3e-fab-focus-container-elevation, ${c.elevation.level3}))`),loweredContainerElevation:o(`var(--m3e-secondary-fab-lowered-focus-container-elevation, var(--m3e-fab-lowered-focus-container-elevation, ${c.elevation.level2}))`)},pressed:{iconColor:o(`var(--m3e-secondary-fab-pressed-icon-color, var(--m3e-fab-pressed-icon-color, ${c.color.onSecondary}))`),labelTextColor:o(`var(--m3e-secondary-fab-pressed-label-text-color, var(--m3e-fab-pressed-label-text-color, ${c.color.onSecondary}))`),stateLayerColor:o(`var(--m3e-secondary-fab-pressed-state-layer-color, var(--m3e-fab-pressed-state-layer-color, ${c.color.onSecondary}))`),stateLayerOpacity:o(`var(--m3e-secondary-fab-pressed-state-layer-opacity, var(--m3e-fab-pressed-state-layer-opacity, ${c.state.pressedStateLayerOpacity}))`),containerElevation:o(`var(--m3e-secondary-fab-pressed-container-elevation, var(--m3e-fab-pressed-container-elevation, ${c.elevation.level3}))`),loweredContainerElevation:o(`var(--m3e-secondary-fab-lowered-pressed-container-elevation, var(--m3e-fab-lowered-pressed-container-elevation, ${c.elevation.level2}))`)}},tertiary:{labelTextColor:o(`var(--m3e-tertiary-fab-label-text-color, var(--m3e-fab-label-text-color, ${c.color.onTertiary}))`),iconColor:o(`var(--m3e-tertiary-fab-icon-color, var(--m3e-fab-icon-color, ${c.color.onTertiary}))`),containerColor:o(`var(--m3e-tertiary-fab-container-color, var(--m3e-fab-container-color, ${c.color.tertiary}))`),containerElevation:o(`var(--m3e-tertiary-fab-container-elevation, var(--m3e-fab-container-elevation, ${c.elevation.level3}))`),loweredContainerElevation:o(`var(--m3e-tertiary-fab-lowered-container-elevation, var(--m3e-fab-lowered-container-elevation, ${c.elevation.level2}))`),disabled:{containerColor:o(`var(--m3e-tertiary-fab-disabled-container-color, var(--m3e-fab-disabled-container-color, ${c.color.onSurface}))`),containerOpacity:o("var(--m3e-tertiary-fab-disabled-container-opacity, var(--m3e-fab-disabled-container-opacity, 10%))"),iconColor:o(`var(--m3e-tertiary-fab-disabled-icon-color, var(--m3e-fab-disabled-icon-color, ${c.color.onSurface}))`),iconOpacity:o("var(--m3e-tertiary-fab-disabled-icon-opacity, var(--m3e-fab-disabled-icon-opacity, 38%))"),labelTextColor:o(`var(--m3e-tertiary-fab-disabled-label-text-color, var(--m3e-fab-disabled-label-text-color, ${c.color.onSurface}))`),labelTextOpacity:o("var(--m3e-tertiary-fab-disabled-label-text-opacity, var(--m3e-fab-disabled-label-text-opacity, 38%))"),containerElevation:o(`var(--m3e-tertiary-fab-disabled-container-elevation, var(--m3e-fab-disabled-container-elevation, ${c.elevation.level0}))`),loweredContainerElevation:o(`var(--m3e-tertiary-fab-lowered-disabled-container-elevation, var(--m3e-fab-lowered-disabled-container-elevation, ${c.elevation.level0}))`)},hover:{iconColor:o(`var(--m3e-tertiary-fab-hover-icon-color, var(--m3e-fab-hover-icon-color, ${c.color.onTertiary}))`),labelTextColor:o(`var(--m3e-tertiary-fab-hover-label-text-color, var(--m3e-fab-hover-label-text-color, ${c.color.onTertiary}))`),stateLayerColor:o(`var(--m3e-tertiary-fab-hover-state-layer-color, var(--m3e-fab-hover-state-layer-color, ${c.color.onTertiary}))`),stateLayerOpacity:o(`var(--m3e-tertiary-fab-hover-state-layer-opacity, var(--m3e-fab-hover-state-layer-opacity, ${c.state.hoverStateLayerOpacity}))`),containerElevation:o(`var(--m3e-tertiary-fab-hover-container-elevation, var(--m3e-fab-hover-container-elevation, ${c.elevation.level4}))`),loweredContainerElevation:o(`var(--m3e-tertiary-fab-lowered-hover-container-elevation, var(--m3e-fab-lowered-hover-container-elevation, ${c.elevation.level3}))`)},focus:{iconColor:o(`var(--m3e-tertiary-fab-focus-icon-color, var(--m3e-fab-focus-icon-color, ${c.color.onTertiary}))`),labelTextColor:o(`var(--m3e-tertiary-fab-focus-label-text-color, var(--m3e-fab-focus-label-text-color, ${c.color.onTertiary}))`),stateLayerColor:o(`var(--m3e-tertiary-fab-focus-state-layer-color, var(--m3e-fab-focus-state-layer-color, ${c.color.onTertiary}))`),stateLayerOpacity:o(`var(--m3e-tertiary-fab-focus-state-layer-opacity, var(--m3e-fab-focus-state-layer-opacity, ${c.state.focusStateLayerOpacity}))`),containerElevation:o(`var(--m3e-tertiary-fab-focus-container-elevation, var(--m3e-fab-focus-container-elevation, ${c.elevation.level3}))`),loweredContainerElevation:o(`var(--m3e-tertiary-fab-lowered-focus-container-elevation, var(--m3e-fab-lowered-focus-container-elevation, ${c.elevation.level2}))`)},pressed:{iconColor:o(`var(--m3e-tertiary-fab-pressed-icon-color, var(--m3e-fab-pressed-icon-color, ${c.color.onTertiary}))`),labelTextColor:o(`var(--m3e-tertiary-fab-pressed-label-text-color, var(--m3e-fab-pressed-label-text-color, ${c.color.onTertiary}))`),stateLayerColor:o(`var(--m3e-tertiary-fab-pressed-state-layer-color, var(--m3e-fab-pressed-state-layer-color, ${c.color.onTertiary}))`),stateLayerOpacity:o(`var(--m3e-tertiary-fab-pressed-state-layer-opacity, var(--m3e-fab-pressed-state-layer-opacity, ${c.state.pressedStateLayerOpacity}))`),containerElevation:o(`var(--m3e-tertiary-fab-pressed-container-elevation, var(--m3e-fab-pressed-container-elevation, ${c.elevation.level3}))`),loweredContainerElevation:o(`var(--m3e-tertiary-fab-lowered-pressed-container-elevation, var(--m3e-fab-lowered-pressed-container-elevation, ${c.elevation.level2}))`)}},"primary-container":{labelTextColor:o(`var(--m3e-primary-container-fab-label-text-color, var(--m3e-primary-container-fab-label-text-color, ${c.color.onPrimaryContainer}))`),iconColor:o(`var(--m3e-primary-container-fab-icon-color, var(--m3e-primary-container-fab-icon-color, ${c.color.onPrimaryContainer}))`),containerColor:o(`var(--m3e-primary-container-fab-container-color, var(--m3e-fab-container-color, ${c.color.primaryContainer}))`),containerElevation:o(`var(--m3e-primary-container-fab-container-elevation, var(--m3e-fab-container-elevation, ${c.elevation.level3}))`),loweredContainerElevation:o(`var(--m3e-primary-container-fab-lowered-container-elevation, var(--m3e-fab-lowered-container-elevation, ${c.elevation.level2}))`),disabled:{containerColor:o(`var(--m3e-primary-container-fab-disabled-container-color, var(--m3e-fab-disabled-container-color, ${c.color.onSurface}))`),containerOpacity:o("var(--m3e-primary-container-fab-disabled-container-opacity, var(--m3e-fab-disabled-container-opacity, 10%))"),iconColor:o(`var(--m3e-primary-container-fab-disabled-icon-color, var(--m3e-fab-disabled-icon-color, ${c.color.onSurface}))`),iconOpacity:o("var(--m3e-primary-container-fab-disabled-icon-opacity, var(--m3e-fab-disabled-icon-opacity, 38%))"),labelTextColor:o(`var(--m3e-primary-container-fab-disabled-label-text-color, var(--m3e-fab-disabled-label-text-color, ${c.color.onSurface}))`),labelTextOpacity:o("var(--m3e-primary-container-fab-disabled-label-text-opacity, var(--m3e-fab-disabled-label-text-opacity, 38%))"),containerElevation:o(`var(--m3e-primary-container-fab-disabled-container-elevation, var(--m3e-fab-disabled-container-elevation, ${c.elevation.level0}))`),loweredContainerElevation:o(`var(--m3e-primary-container-fab-lowered-disabled-container-elevation, var(--m3e-fab-lowered-disabled-container-elevation, ${c.elevation.level0}))`)},hover:{iconColor:o(`var(--m3e-primary-container-fab-hover-icon-color, var(--m3e-fab-hover-icon-color, ${c.color.onPrimaryContainer}))`),labelTextColor:o(`var(--m3e-primary-container-fab-hover-label-text-color, var(--m3e-fab-hover-label-text-color, ${c.color.onPrimaryContainer}))`),stateLayerColor:o(`var(--m3e-primary-container-fab-hover-state-layer-color, var(--m3e-fab-hover-state-layer-color, ${c.color.onPrimaryContainer}))`),stateLayerOpacity:o(`var(--m3e-primary-container-fab-hover-state-layer-opacity, var(--m3e-fab-hover-state-layer-opacity, ${c.state.hoverStateLayerOpacity}))`),containerElevation:o(`var(--m3e-primary-container-fab-hover-container-elevation, var(--m3e-fab-hover-container-elevation, ${c.elevation.level4}))`),loweredContainerElevation:o(`var(--m3e-primary-container-fab-lowered-hover-container-elevation, var(--m3e-fab-lowered-hover-container-elevation, ${c.elevation.level3}))`)},focus:{iconColor:o(`var(--m3e-primary-container-fab-focus-icon-color, var(--m3e-fab-focus-icon-color, ${c.color.onPrimaryContainer}))`),labelTextColor:o(`var(--m3e-primary-container-fab-focus-label-text-color, var(--m3e-fab-focus-label-text-color, ${c.color.onPrimaryContainer}))`),stateLayerColor:o(`var(--m3e-primary-container-fab-focus-state-layer-color, var(--m3e-fab-focus-state-layer-color, ${c.color.onPrimaryContainer}))`),stateLayerOpacity:o(`var(--m3e-primary-container-fab-focus-state-layer-opacity, var(--m3e-fab-focus-state-layer-opacity, ${c.state.focusStateLayerOpacity}))`),containerElevation:o(`var(--m3e-primary-container-fab-focus-container-elevation, var(--m3e-fab-focus-container-elevation, ${c.elevation.level3}))`),loweredContainerElevation:o(`var(--m3e-primary-container-fab-lowered-focus-container-elevation, var(--m3e-fab-lowered-focus-container-elevation, ${c.elevation.level2}))`)},pressed:{iconColor:o(`var(--m3e-primary-container-fab-pressed-icon-color, var(--m3e-fab-pressed-icon-color, ${c.color.onPrimaryContainer}))`),labelTextColor:o(`var(--m3e-primary-container-fab-pressed-label-text-color, var(--m3e-fab-pressed-label-text-color, ${c.color.onPrimaryContainer}))`),stateLayerColor:o(`var(--m3e-primary-container-fab-pressed-state-layer-color, var(--m3e-fab-pressed-state-layer-color, ${c.color.onPrimaryContainer}))`),stateLayerOpacity:o(`var(--m3e-primary-container-fab-pressed-state-layer-opacity, var(--m3e-fab-pressed-state-layer-opacity, ${c.state.pressedStateLayerOpacity}))`),containerElevation:o(`var(--m3e-primary-container-fab-pressed-container-elevation, var(--m3e-fab-pressed-container-elevation, ${c.elevation.level3}))`),loweredContainerElevation:o(`var(--m3e-primary-container-fab-lowered-pressed-container-elevation, var(--m3e-fab-lowered-pressed-container-elevation, ${c.elevation.level2}))`)}},"secondary-container":{labelTextColor:o(`var(--m3e-secondary-container-fab-label-text-color, var(--m3e-fab-label-text-color, ${c.color.onSecondaryContainer}))`),iconColor:o(`var(--m3e-secondary-container-fab-icon-color, var(--m3e-fab-icon-color, ${c.color.onSecondaryContainer}))`),containerColor:o(`var(--m3e-secondary-container-fab-container-color, var(--m3e-fab-container-color, ${c.color.secondaryContainer}))`),containerElevation:o(`var(--m3e-secondary-container-fab-container-elevation, var(--m3e-fab-container-elevation, ${c.elevation.level3}))`),loweredContainerElevation:o(`var(--m3e-secondary-container-fab-lowered-container-elevation, var(--m3e-fab-lowered-container-elevation, ${c.elevation.level2}))`),disabled:{containerColor:o(`var(--m3e-secondary-container-fab-disabled-container-color, var(--m3e-fab-disabled-container-color, ${c.color.onSurface}))`),containerOpacity:o("var(--m3e-secondary-container-fab-disabled-container-opacity, var(--m3e-fab-disabled-container-opacity, 10%))"),iconColor:o(`var(--m3e-secondary-container-fab-disabled-icon-color, var(--m3e-fab-disabled-icon-color, ${c.color.onSurface}))`),iconOpacity:o("var(--m3e-secondary-container-fab-disabled-icon-opacity, var(--m3e-fab-disabled-icon-opacity, 38%))"),labelTextColor:o(`var(--m3e-secondary-container-fab-disabled-label-text-color, var(--m3e-fab-disabled-label-text-color, ${c.color.onSurface}))`),labelTextOpacity:o("var(--m3e-secondary-container-fab-disabled-label-text-opacity, var(--m3e-fab-disabled-label-text-opacity, 38%))"),containerElevation:o(`var(--m3e-secondary-container-fab-disabled-container-elevation, var(--m3e-fab-disabled-container-elevation, ${c.elevation.level0}))`),loweredContainerElevation:o(`var(--m3e-secondary-container-fab-lowered-disabled-container-elevation, var(--m3e-fab-lowered-disabled-container-elevation, ${c.elevation.level0}))`)},hover:{iconColor:o(`var(--m3e-secondary-container-fab-hover-icon-color, var(--m3e-fab-hover-icon-color, ${c.color.onSecondaryContainer}))`),labelTextColor:o(`var(--m3e-secondary-container-fab-hover-label-text-color, var(--m3e-fab-hover-label-text-color, ${c.color.onSecondaryContainer}))`),stateLayerColor:o(`var(--m3e-secondary-container-fab-hover-state-layer-color, var(--m3e-fab-hover-state-layer-color, ${c.color.onSecondaryContainer}))`),stateLayerOpacity:o(`var(--m3e-secondary-container-fab-hover-state-layer-opacity, var(--m3e-fab-hover-state-layer-opacity, ${c.state.hoverStateLayerOpacity}))`),containerElevation:o(`var(--m3e-secondary-container-fab-hover-container-elevation, var(--m3e-fab-hover-container-elevation, ${c.elevation.level4}))`),loweredContainerElevation:o(`var(--m3e-secondary-container-fab-lowered-hover-container-elevation, var(--m3e-fab-lowered-hover-container-elevation, ${c.elevation.level3}))`)},focus:{iconColor:o(`var(--m3e-secondary-container-fab-focus-icon-color, var(--m3e-fab-focus-icon-color, ${c.color.onSecondaryContainer}))`),labelTextColor:o(`var(--m3e-secondary-container-fab-focus-label-text-color, var(--m3e-fab-focus-label-text-color, ${c.color.onSecondaryContainer}))`),stateLayerColor:o(`var(--m3e-secondary-container-fab-focus-state-layer-color, var(--m3e-fab-focus-state-layer-color, ${c.color.onSecondaryContainer}))`),stateLayerOpacity:o(`var(--m3e-secondary-container-fab-focus-state-layer-opacity, var(--m3e-fab-focus-state-layer-opacity, ${c.state.focusStateLayerOpacity}))`),containerElevation:o(`var(--m3e-secondary-container-fab-focus-container-elevation, var(--m3e-fab-focus-container-elevation, ${c.elevation.level3}))`),loweredContainerElevation:o(`var(--m3e-secondary-container-fab-lowered-focus-container-elevation, var(--m3e-fab-lowered-focus-container-elevation, ${c.elevation.level2}))`)},pressed:{iconColor:o(`var(--m3e-secondary-container-fab-pressed-icon-color, var(--m3e-fab-pressed-icon-color, ${c.color.onSecondaryContainer}))`),labelTextColor:o(`var(--m3e-secondary-container-fab-pressed-label-text-color, var(--m3e-fab-pressed-label-text-color, ${c.color.onSecondaryContainer}))`),stateLayerColor:o(`var(--m3e-secondary-container-fab-pressed-state-layer-color, var(--m3e-fab-pressed-state-layer-color, ${c.color.onSecondaryContainer}))`),stateLayerOpacity:o(`var(--m3e-secondary-container-fab-pressed-state-layer-opacity, var(--m3e-fab-pressed-state-layer-opacity, ${c.state.pressedStateLayerOpacity}))`),containerElevation:o(`var(--m3e-secondary-container-fab-pressed-container-elevation, var(--m3e-fab-pressed-container-elevation, ${c.elevation.level3}))`),loweredContainerElevation:o(`var(--m3e-secondary-container-fab-lowered-pressed-container-elevation, var(--m3e-fab-lowered-pressed-container-elevation, ${c.elevation.level2}))`)}},"tertiary-container":{labelTextColor:o(`var(--m3e-tertiary-container-fab-label-text-color, var(--m3e-fab-label-text-color, ${c.color.onTertiaryContainer}))`),iconColor:o(`var(--m3e-tertiary-container-fab-icon-color, var(--m3e-fab-icon-color, ${c.color.onTertiaryContainer}))`),containerColor:o(`var(--m3e-tertiary-container-fab-container-color, var(--m3e-fab-container-color, ${c.color.tertiaryContainer}))`),containerElevation:o(`var(--m3e-tertiary-container-fab-container-elevation, var(--m3e-fab-container-elevation, ${c.elevation.level3}))`),loweredContainerElevation:o(`var(--m3e-tertiary-container-fab-lowered-container-elevation, var(--m3e-fab-lowered-container-elevation, ${c.elevation.level2}))`),disabled:{containerColor:o(`var(--m3e-tertiary-container-fab-disabled-container-color, var(--m3e-fab-disabled-container-color, ${c.color.onSurface}))`),containerOpacity:o("var(--m3e-tertiary-container-fab-disabled-container-opacity, var(--m3e-fab-disabled-container-opacity, 10%))"),iconColor:o(`var(--m3e-tertiary-container-fab-disabled-icon-color, var(--m3e-fab-disabled-icon-color, ${c.color.onSurface}))`),iconOpacity:o("var(--m3e-tertiary-container-fab-disabled-icon-opacity, var(--m3e-fab-disabled-icon-opacity, 38%))"),labelTextColor:o(`var(--m3e-tertiary-container-fab-disabled-label-text-color, var(--m3e-fab-disabled-label-text-color, ${c.color.onSurface}))`),labelTextOpacity:o("var(--m3e-tertiary-container-fab-disabled-label-text-opacity, var(--m3e-fab-disabled-label-text-opacity, 38%))"),containerElevation:o(`var(--m3e-tertiary-container-fab-disabled-container-elevation, var(--m3e-fab-disabled-container-elevation, ${c.elevation.level0}))`),loweredContainerElevation:o(`var(--m3e-tertiary-container-fab-lowered-disabled-container-elevation, var(--m3e-fab-lowered-disabled-container-elevation, ${c.elevation.level0}))`)},hover:{iconColor:o(`var(--m3e-tertiary-container-fab-hover-icon-color, var(--m3e-fab-hover-icon-color, ${c.color.onTertiaryContainer}))`),labelTextColor:o(`var(--m3e-tertiary-container-fab-hover-label-text-color, var(--m3e-fab-hover-label-text-color, ${c.color.onTertiaryContainer}))`),stateLayerColor:o(`var(--m3e-tertiary-container-fab-hover-state-layer-color, var(--m3e-fab-hover-state-layer-color, ${c.color.onTertiaryContainer}))`),stateLayerOpacity:o(`var(--m3e-tertiary-container-fab-hover-state-layer-opacity, var(--m3e-fab-hover-state-layer-opacity, ${c.state.hoverStateLayerOpacity}))`),containerElevation:o(`var(--m3e-tertiary-container-fab-hover-container-elevation, var(--m3e-fab-hover-container-elevation, ${c.elevation.level4}))`),loweredContainerElevation:o(`var(--m3e-tertiary-container-fab-lowered-hover-container-elevation, var(--m3e-fab-lowered-hover-container-elevation, ${c.elevation.level3}))`)},focus:{iconColor:o(`var(--m3e-tertiary-container-fab-focus-icon-color, var(--m3e-fab-focus-icon-color, ${c.color.onTertiaryContainer}))`),labelTextColor:o(`var(--m3e-tertiary-container-fab-focus-label-text-color, var(--m3e-fab-focus-label-text-color, ${c.color.onTertiaryContainer}))`),stateLayerColor:o(`var(--m3e-tertiary-container-fab-focus-state-layer-color, var(--m3e-fab-focus-state-layer-color, ${c.color.onTertiaryContainer}))`),stateLayerOpacity:o(`var(--m3e-tertiary-container-fab-focus-state-layer-opacity, var(--m3e-fab-focus-state-layer-opacity, ${c.state.focusStateLayerOpacity}))`),containerElevation:o(`var(--m3e-tertiary-container-fab-focus-container-elevation, var(--m3e-fab-focus-container-elevation, ${c.elevation.level3}))`),loweredContainerElevation:o(`var(--m3e-tertiary-container-fab-lowered-focus-container-elevation, var(--m3e-fab-lowered-focus-container-elevation, ${c.elevation.level2}))`)},pressed:{iconColor:o(`var(--m3e-tertiary-container-fab-pressed-icon-color, var(--m3e-fab-pressed-icon-color, ${c.color.onTertiaryContainer}))`),labelTextColor:o(`var(--m3e-tertiary-container-fab-pressed-label-text-color, var(--m3e-fab-pressed-label-text-color, ${c.color.onTertiaryContainer}))`),stateLayerColor:o(`var(--m3e-tertiary-container-fab-pressed-state-layer-color, var(--m3e-fab-pressed-state-layer-color, ${c.color.onTertiaryContainer}))`),stateLayerOpacity:o(`var(--m3e-tertiary-container-fab-pressed-state-layer-opacity, var(--m3e-fab-pressed-state-layer-opacity, ${c.state.pressedStateLayerOpacity}))`),containerElevation:o(`var(--m3e-tertiary-container-fab-pressed-container-elevation, var(--m3e-fab-pressed-container-elevation, ${c.elevation.level3}))`),loweredContainerElevation:o(`var(--m3e-tertiary-container-fab-lowered-pressed-container-elevation, var(--m3e-fab-lowered-pressed-container-elevation, ${c.elevation.level2}))`)}},surface:{labelTextColor:o(`var(--m3e-surface-fab-label-text-color, var(--m3e-fab-label-text-color, ${c.color.primary}))`),iconColor:o(`var(--m3e-surface-fab-icon-color, var(--m3e-fab-icon-color, ${c.color.primary}))`),containerColor:o(`var(--m3e-surface-fab-container-color, var(--m3e-fab-container-color, ${c.color.surfaceContainerHigh}))`),containerElevation:o(`var(--m3e-surface-fab-container-elevation, var(--m3e-fab-container-elevation, ${c.elevation.level3}))`),loweredContainerElevation:o(`var(--m3e-surface-fab-lowered-container-elevation, var(--m3e-fab-lowered-container-elevation, ${c.elevation.level2}))`),loweredContainerColor:o(`var(--m3e-surface-fab-lowered-container-color, var(--m3e-fab-lowered-container-color, ${c.color.surfaceContainerLow}))`),disabled:{containerColor:o(`var(--m3e-surface-fab-disabled-container-color, var(--m3e-fab-disabled-container-color, ${c.color.onSurface}))`),containerOpacity:o("var(--m3e-surface-fab-disabled-container-opacity, var(--m3e-fab-disabled-container-opacity, 10%))"),iconColor:o(`var(--m3e-surface-fab-disabled-icon-color, var(--m3e-fab-disabled-icon-color, ${c.color.onSurface}))`),iconOpacity:o("var(--m3e-surface-fab-disabled-icon-opacity, var(--m3e-fab-disabled-icon-opacity, 38%))"),labelTextColor:o(`var(--m3e-surface-fab-disabled-label-text-color, var(--m3e-fab-disabled-label-text-color, ${c.color.onSurface}))`),labelTextOpacity:o("var(--m3e-surface-fab-disabled-label-text-opacity, var(--m3e-fab-disabled-label-text-opacity, 38%))"),containerElevation:o(`var(--m3e-surface-fab-disabled-container-elevation, var(--m3e-fab-disabled-container-elevation, ${c.elevation.level0}))`),loweredContainerElevation:o(`var(--m3e-surface-fab-lowered-disabled-container-elevation, var(--m3e-fab-lowered-disabled-container-elevation, ${c.elevation.level0}))`)},hover:{iconColor:o(`var(--m3e-surface-fab-hover-icon-color, var(--m3e-fab-hover-icon-color, ${c.color.primary}))`),labelTextColor:o(`var(--m3e-surface-fab-hover-label-text-color, var(--m3e-fab-hover-label-text-color, ${c.color.primary}))`),stateLayerColor:o(`var(--m3e-surface-fab-hover-state-layer-color, var(--m3e-fab-hover-state-layer-color, ${c.color.primary}))`),stateLayerOpacity:o(`var(--m3e-surface-fab-hover-state-layer-opacity, var(--m3e-fab-hover-state-layer-opacity, ${c.state.hoverStateLayerOpacity}))`),containerElevation:o(`var(--m3e-surface-fab-hover-container-elevation, var(--m3e-fab-hover-container-elevation, ${c.elevation.level4}))`),loweredContainerElevation:o(`var(--m3e-surface-fab-lowered-hover-container-elevation, var(--m3e-fab-lowered-hover-container-elevation, ${c.elevation.level3}))`)},focus:{iconColor:o(`var(--m3e-surface-fab-focus-icon-color, var(--m3e-fab-focus-icon-color, ${c.color.primary}))`),labelTextColor:o(`var(--m3e-surface-fab-focus-label-text-color, var(--m3e-fab-focus-label-text-color, ${c.color.primary}))`),stateLayerColor:o(`var(--m3e-surface-fab-focus-state-layer-color, var(--m3e-fab-focus-state-layer-color, ${c.color.primary}))`),stateLayerOpacity:o(`var(--m3e-surface-fab-focus-state-layer-opacity, var(--m3e-fab-focus-state-layer-opacity, ${c.state.focusStateLayerOpacity}))`),containerElevation:o(`var(--m3e-surface-fab-focus-container-elevation, var(--m3e-fab-focus-container-elevation, ${c.elevation.level3}))`),loweredContainerElevation:o(`var(--m3e-surface-fab-lowered-focus-container-elevation, var(--m3e-fab-lowered-focus-container-elevation, ${c.elevation.level2}))`)},pressed:{iconColor:o(`var(--m3e-surface-fab-pressed-icon-color, var(--m3e-fab-pressed-icon-color, ${c.color.primary}))`),labelTextColor:o(`var(--m3e-surface-fab-pressed-label-text-color, var(--m3e-fab-pressed-label-text-color, ${c.color.primary}))`),stateLayerColor:o(`var(--m3e-surface-fab-pressed-state-layer-color, var(--m3e-fab-pressed-state-layer-color, ${c.color.primary}))`),stateLayerOpacity:o(`var(--m3e-surface-fab-pressed-state-layer-opacity, var(--m3e-fab-pressed-state-layer-opacity, ${c.state.pressedStateLayerOpacity}))`),containerElevation:o(`var(--m3e-surface-fab-pressed-container-elevation, var(--m3e-fab-pressed-container-elevation, ${c.elevation.level3}))`),loweredContainerElevation:o(`var(--m3e-surface-fab-lowered-pressed-container-elevation, var(--m3e-fab-lowered-pressed-container-elevation, ${c.elevation.level2}))`)}}};function T(e){return r`:host([variant="${o(e)}"]:not([lowered])) .base { background-color: ${S[e].containerColor}; --m3e-elevation-level: ${S[e].containerElevation}; --m3e-elevation-hover-level: ${S[e].hover.containerElevation}; --m3e-elevation-focus-level: ${S[e].focus.containerElevation}; --m3e-elevation-pressed-level: ${S[e].pressed.containerElevation}; } :host([variant="${o(e)}"][lowered]) .base { background-color: ${S[e].loweredContainerColor??S[e].containerColor}; --m3e-elevation-level: ${S[e].loweredContainerElevation}; --m3e-elevation-hover-level: ${S[e].hover.loweredContainerElevation}; --m3e-elevation-focus-level: ${S[e].focus.loweredContainerElevation}; --m3e-elevation-pressed-level: ${S[e].pressed.loweredContainerElevation}; } :host([variant="${o(e)}"]) .base { --m3e-state-layer-hover-color: ${S[e].hover.stateLayerColor}; --m3e-state-layer-hover-opacity: ${S[e].hover.stateLayerOpacity}; --m3e-state-layer-focus-color: ${S[e].focus.stateLayerColor}; --m3e-state-layer-focus-opacity: ${S[e].focus.stateLayerOpacity}; --m3e-ripple-color: ${S[e].pressed.stateLayerColor}; --m3e-ripple-opacity: ${S[e].pressed.stateLayerOpacity}; } :host([variant="${o(e)}"]) .label { color: ${S[e].labelTextColor}; } :host([variant="${o(e)}"]:focus) .label { color: ${S[e].focus.labelTextColor}; } :host([variant="${o(e)}"]:hover) .label { color: ${S[e].hover.labelTextColor}; } :host([variant="${o(e)}"]) .base.pressed .label { color: ${S[e].pressed.labelTextColor}; } :host([variant="${o(e)}"]) .icon { color: ${S[e].iconColor}; } :host([variant="${o(e)}"]:focus) .icon { color: ${S[e].focus.iconColor}; } :host([variant="${o(e)}"]:hover) .icon { color: ${S[e].hover.iconColor}; } :host([variant="${o(e)}"]) .base.pressed .icon { color: ${S[e].pressed.iconColor}; } :host([variant="${o(e)}"]:disabled) .base, :host([variant="${o(e)}"][disabled-interactive]) .base { --m3e-elevation-level: ${S[e].disabled.containerElevation}; background-color: color-mix( in srgb, ${S[e].disabled.containerColor} ${S[e].disabled.containerOpacity}, transparent ); } :host([variant="${o(e)}"]:disabled) .label, :host([variant="${o(e)}"][disabled-interactive]) .label { color: color-mix( in srgb, ${S[e].disabled.labelTextColor} ${S[e].disabled.labelTextOpacity}, transparent ); } :host([variant="${o(e)}"]:disabled) .icon, :host([variant="${o(e)}"][disabled-interactive]) .icon { color: color-mix( in srgb, ${S[e].disabled.iconColor} ${S[e].disabled.iconOpacity}, transparent ); }`}const L=[T("primary"),T("secondary"),T("tertiary"),T("primary-container"),T("secondary-container"),T("tertiary-container"),T("surface")];var E,O;let z=class extends(s(v(b(d(m(f(y(p(t,"button"),!0)))))))){constructor(){super(),E.add(this),this.variant="primary-container",this.lowered=!1,this.size="medium",this.extended=!1,new h(this,{isPressedKey:e=>" "===e,callback:e=>{this.disabled||this.disabledInteractive||(this._base?.classList.toggle("pressed",e),this._base?.classList.toggle("resting",!e))}})}disconnectedCallback(){super.disconnectedCallback(),this._base?.classList.toggle("pressed",!1),this._base?.classList.toggle("resting",!1)}firstUpdated(e){super.firstUpdated(e),[this._elevation,this._focusRing,this._stateLayer,this._ripple].forEach(e=>e?.attach(this))}updated(e){super.updated(e),(e.has("disabled")&&this.disabled||e.has("disabledInteractive")&&this.disabledInteractive)&&(this._base?.classList.toggle("pressed",!1),this._base?.classList.toggle("resting",!1))}render(){return l`<div class="base"><m3e-elevation class="elevation" ?disabled="${this.disabled||this.disabledInteractive}"></m3e-elevation><m3e-state-layer class="state-layer" ?disabled="${this.disabled||this.disabledInteractive}"></m3e-state-layer><m3e-focus-ring class="focus-ring" ?disabled="${this.disabled}"></m3e-focus-ring><m3e-ripple class="ripple" ?centered="${!this.extended}" ?disabled="${this.disabled||this.disabledInteractive}"></m3e-ripple><div class="touch" aria-hidden="true"></div>${this[$]()}<div class="wrapper"><slot class="icon" aria-hidden="true" @slotchange="${e(this,E,"m",O)}"></slot><slot class="icon" aria-hidden="true" name="close-icon"><svg class="close-icon" viewBox="0 -960 960 960" fill="currentColor"><path d="m256-200-56-56 224-224-224-224 56-56 224 224 224-224 56 56-224 224 224 224-56 56-224-224-224 224Z"/></svg></slot><div class="label"><slot name="label" @slotchange="${e(this,E,"m",O)}"></slot></div></div></div>`}};E=new WeakSet,O=function(){this._base?.classList.toggle("with-menu",null!==this.querySelector("m3e-fab-menu-trigger"))},z.styles=[w,L,x],a([i(".base")],z.prototype,"_base",void 0),a([i(".elevation")],z.prototype,"_elevation",void 0),a([i(".focus-ring")],z.prototype,"_focusRing",void 0),a([i(".state-layer")],z.prototype,"_stateLayer",void 0),a([i(".ripple")],z.prototype,"_ripple",void 0),a([n({reflect:!0})],z.prototype,"variant",void 0),a([n({type:Boolean,reflect:!0})],z.prototype,"lowered",void 0),a([n({reflect:!0})],z.prototype,"size",void 0),a([n({type:Boolean,reflect:!0})],z.prototype,"extended",void 0),z=a([u("m3e-fab")],z);export{z as M3eFabElement};
7
7
  //# sourceMappingURL=fab.min.js.map