@luzmo/lucero 1.0.1-alpha.17 → 1.0.1-alpha.19

package/components/index.js

@@ -15,186 +15,184 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  * */
-const initializeGlobalLuzmoCSSVariables = () => {
-  if (typeof document !== "undefined" && !document.querySelector("style[data-luzmo-vars]")) {
-    const styleElement = document.createElement("style");
-    styleElement.setAttribute("data-luzmo-vars", "");
-    styleElement.textContent = `html{--luzmo-animation-duration: 0.15s;--luzmo-border-color: rgba(var(--luzmo-border-color-rgb), 0.1);--luzmo-border-color-hover: rgba(var(--luzmo-border-color-rgb), 0.15);--luzmo-border-color-down: rgba(var(--luzmo-border-color-rgb), 0.3);--luzmo-border-color-focus: rgba(var(--luzmo-border-color-rgb), 0.15);--luzmo-border-color-rgb: 0, 0, 0;--luzmo-border-color-full: rgb(180, 180, 180);--luzmo-border-color-full-hover: rgb(140, 140, 140);--luzmo-border-color-full-down: rgb(110, 110, 110);--luzmo-border-color-full-focus: rgb(140, 140, 140);--luzmo-border-color-disabled: #dddddd;--luzmo-border-radius: 6px;--luzmo-border-radius-s: 4px;--luzmo-border-radius-l: 8px;--luzmo-border-radius-xl: 12px;--luzmo-border-radius-full: 999rem;--luzmo-background-color: #ffffff;--luzmo-background-color-rgb: 255, 255, 255;--luzmo-background-color-disabled: #eeeeee;--luzmo-background-color-hover: #f0f0fc;--luzmo-background-color-down: #f1f1ff;--luzmo-background-color-focus: #f0f0fc;--luzmo-background-color-highlight: rgb(240, 240, 240);--luzmo-background-color-highlight-disabled: rgb(245, 245, 245);--luzmo-background-color-highlight-hover: rgb(225, 225, 225);--luzmo-background-color-highlight-down: rgb(215, 215, 215);--luzmo-background-color-highlight-focus: rgb(225, 225, 225);--luzmo-border-width: 1px;--luzmo-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", Helvetica, Arial, sans-serif;--luzmo-font-size-xs: 10px;--luzmo-font-size-s: 12px;--luzmo-font-size-m: 14px;--luzmo-font-size: 14px;--luzmo-font-size-l: 16px;--luzmo-font-size-xl: 18px;--luzmo-font-size-xxl: 20px;--luzmo-font-style: normal;--luzmo-line-height: normal;--luzmo-font-weight: 400;--luzmo-font-weight-semibold: 500;--luzmo-font-weight-bold: 600;--luzmo-font-color: #333;--luzmo-font-color-hard: #000;--luzmo-font-color-disabled: var(--luzmo-disabled-color);--luzmo-font-color-extra-dimmed: #888;--luzmo-font-color-hover: #333;--luzmo-font-color-down: #111;--luzmo-font-color-focus: #333;--luzmo-primary: #4434ff;--luzmo-primary-hover: #4234e4;--luzmo-primary-down: #392cc7;--luzmo-primary-focus: #4234e4;--luzmo-primary-inverse-color: #ffffff;--luzmo-primary-rgb: 68, 52, 255;--luzmo-secondary: #ff00ff;--luzmo-secondary-hover: #e309e3;--luzmo-secondary-down: #c711c7;--luzmo-secondary-focus: #e309e3;--luzmo-secondary-inverse-color: #ffffff;--luzmo-secondary-rgb: 255, 0, 255;--luzmo-negative-color: #ca221c;--luzmo-negative-color-hover: #b3241f;--luzmo-negative-color-down: #9f231f;--luzmo-negative-color-focus: #b3241f;--luzmo-negative-color-rgb: 202, 34, 28;--luzmo-positive-color: rgb(20, 150, 101);--luzmo-positive-color-hover: rgb(17, 128, 86);--luzmo-positive-color-down: rgb(16, 105, 71);--luzmo-positive-color-focus: rgb(17, 128, 86);--luzmo-positive-color-rgb: 20, 150, 101;--luzmo-selected-color: rgb(110, 110, 110);--luzmo-selected-color-hover: rgb(70, 70, 70);--luzmo-selected-color-down: rgb(40, 40, 40);--luzmo-selected-color-focus: rgb(70, 70, 70);--luzmo-selected-color-hard: #1e1e1e;--luzmo-selected-color-hard-hover: rgb(0, 0, 0);--luzmo-selected-color-hard-down: rgb(0, 0, 0);--luzmo-selected-color-hard-focus: rgb(0, 0, 0);--luzmo-informative-color: #1a77e9;--luzmo-informative-color-rgb: 26, 119, 233;--luzmo-disabled-color: #aaaaaa;--luzmo-spacing-1: 2px;--luzmo-spacing-2: 4px;--luzmo-spacing-3: 8px;--luzmo-spacing-4: 12px;--luzmo-spacing-5: 16px;--luzmo-indicator-gap: 2px;--luzmo-indicator-width: 1px;--luzmo-indicator-color: var(--luzmo-primary);--luzmo-component-height-xxs: 20px;--luzmo-component-height-xs: 24px;--luzmo-component-height-s: 28px;--luzmo-component-height: 32px;--luzmo-component-height-l: 40px;--luzmo-component-height-xl: 48px;--luzmo-component-height-xxl: 64px;--luzmo-icon-size-xxs: 12px;--luzmo-icon-size-xs: 14px;--luzmo-icon-size-s: 16px;--luzmo-icon-size-m: 18px;--luzmo-icon-size-l: 20px;--luzmo-icon-size-xl: 22px;--luzmo-icon-size-xxl: 32px}`;
-    document.head.appendChild(styleElement);
-  }
-};
-initializeGlobalLuzmoCSSVariables();
-import { LuzmoAccordion, LuzmoAccordionItem } from "./accordion/index.js";
-import { LuzmoActionBar } from "./action-bar/index.js";
-import { LuzmoActionButton } from "./action-button/index.js";
+import { LuzmoAccordion as s, LuzmoAccordionItem as c } from "./accordion/index.js";
+import { LuzmoActionBar as f } from "./action-bar/index.js";
+import { LuzmoActionButton as x } from "./action-button/index.js";
 import "./action-group/index.js";
-import { LuzmoActionMenu } from "./action-menu/index.js";
-import { LuzmoAvatar } from "./avatar/index.js";
-import { LuzmoButton } from "./button/index.js";
-import { LuzmoButtonGroup } from "./button-group/index.js";
-import { LuzmoCalendar } from "./calendar/index.js";
-import { LuzmoCheckbox } from "./checkbox/index.js";
-import { LuzmoColorArea } from "./color-area/index.js";
-import { LuzmoColorField } from "./color-field/index.js";
-import { LuzmoColorHandle } from "./color-handle/index.js";
+import { LuzmoActionMenu as g } from "./action-menu/index.js";
+import { LuzmoAvatar as h } from "./avatar/index.js";
+import { LuzmoButton as S } from "./button/index.js";
+import { LuzmoButtonGroup as C } from "./button-group/index.js";
+import { L as T } from "./index-Cf6G4q52.js";
+import { LuzmoCheckbox as w } from "./checkbox/index.js";
+import { LuzmoColorArea as O } from "./color-area/index.js";
+import { LuzmoColorField as F } from "./color-field/index.js";
+import { LuzmoColorHandle as R } from "./color-handle/index.js";
 import "./color-loupe/index.js";
-import { LuzmoColorMenu } from "./color-menu/index.js";
-import { LuzmoColorPalette } from "./color-palette/index.js";
-import { LuzmoColorPaletteGroup } from "./color-palette-group/index.js";
-import { LuzmoColorPicker } from "./color-picker/index.js";
-import { LuzmoColorSlider } from "./color-slider/index.js";
-import { LuzmoDateTimePicker } from "./date-time-picker/index.js";
-import { LuzmoDivider } from "./divider/index.js";
+import { LuzmoColorMenu as B } from "./color-menu/index.js";
+import { LuzmoColorPalette as G } from "./color-palette/index.js";
+import { LuzmoColorPaletteGroup as _ } from "./color-palette-group/index.js";
+import { LuzmoColorPicker as H } from "./color-picker/index.js";
+import { L as V } from "./index-D3ICqC7S.js";
+import { LuzmoDateTimePicker as K } from "./date-time-picker/index.js";
+import { LuzmoDivider as Z } from "./divider/index.js";
 import "./field-group/index.js";
 import "./field-label/index.js";
-import { LuzmoIcon } from "./icon/index.js";
-import { LuzmoInfieldButton } from "./infield-button/index.js";
-import { LuzmoLabel } from "./label/index.js";
-import { LuzmoMenu, LuzmoMenuDivider, LuzmoMenuGroup, LuzmoMenuItem, MenuItemAddedOrUpdatedEvent } from "./menu/index.js";
-import { LuzmoMultiLangField } from "./multi-language-field/index.js";
-import { LuzmoNumberField } from "./number-field/index.js";
-import { LuzmoOption, LuzmoOptions, LuzmoOptionsDivider, VIRTUALIZE_AS_OF_NUM_ITEMS } from "./options/index.js";
-import { LuzmoOverlayTrigger, OverlayTriggerDirective, SlottableRequestDirective, openOverlay, slottableRequest, trigger } from "./overlay/index.js";
+import { LuzmoIcon as Q } from "./icon/index.js";
+import { LuzmoInfieldButton as Y } from "./infield-button/index.js";
+import { LuzmoLabel as oo } from "./label/index.js";
+import { LuzmoMenu as eo, LuzmoMenuDivider as lo, LuzmoMenuGroup as mo, LuzmoMenuItem as to, MenuItemAddedOrUpdatedEvent as uo } from "./menu/index.js";
+import { LuzmoMultiLangField as io } from "./multi-language-field/index.js";
+import { LuzmoNumberField as no } from "./number-field/index.js";
+import { LuzmoOption as co, LuzmoOptions as po, LuzmoOptionsDivider as fo, VIRTUALIZE_AS_OF_NUM_ITEMS as xo } from "./options/index.js";
+import { LuzmoOverlayTrigger as go, OverlayTriggerDirective as Lo, SlottableRequestDirective as ho, openOverlay as vo, slottableRequest as So, trigger as yo } from "./overlay/index.js";
 import "./picker/index.js";
-import { LuzmoPickerButton } from "./picker-button/index.js";
+import { LuzmoPickerButton as Io } from "./picker-button/index.js";
 import "./popover/index.js";
 import "./progress-circle/index.js";
-import { LuzmoRadio, LuzmoRadioGroup } from "./radio/index.js";
-import { LuzmoSearch } from "./search/index.js";
-import { LuzmoSelect } from "./select/index.js";
-import { LuzmoSlider } from "./slider/index.js";
-import { LuzmoSwatch, LuzmoSwatchGroup } from "./swatch/index.js";
-import { LuzmoSwitch } from "./switch/index.js";
-import { LuzmoTab, LuzmoTabPanel, LuzmoTabs, LuzmoTabsOverflow } from "./tabs/index.js";
-import { LuzmoTag, LuzmoTags } from "./tags/index.js";
-import { LuzmoHelpText } from "./text-field/index.js";
-import { LuzmoToast } from "./toast/index.js";
-import { LuzmoTooltip } from "./tooltip/index.js";
-import { LuzmoUnitInput } from "./unit-input/index.js";
-import { a, L } from "./base-DmeVy0cq.js";
-import { F } from "./focus-visible-BUPRWlsh.js";
-import { F as F2 } from "./focusable-ChCLg1k4.js";
-import { j, d, e, h, c, b, a as a2, i, g, f } from "./platform-Cxn0WbyT.js";
-import { E, S } from "./sized-mixin-DmkrNdWB.js";
-import { s } from "./streaming-listener-cAz5zJyk.js";
-import { L as L2 } from "./action-group-DHp8RHDf.js";
-import { L as L3 } from "./clear-button-Co6oKSgl.js";
-import { L as L4 } from "./close-button-Miw9ZjoJ.js";
-import { L as L5 } from "./color-loupe-B_DDFv8l.js";
-import { L as L6 } from "./field-group-DVdAWCQF.js";
-import { L as L7 } from "./field-label-Dpsecoc6.js";
-import { C, H, b as b2, I, c as c2, d as d2, L as L8, e as e2, P, S as S2, V, g as g2, l, a as a3, n, o, p } from "./overlay-CN8ISP1F.js";
-import { S as S3, r } from "./slottable-request-event-D9WzrdWv.js";
-import { D, a as a4, L as L9 } from "./picker-PfUAF05y.js";
-import { LuzmoPopover } from "./popover-BkbYhl3i.js";
-import { L as L10 } from "./progress-circle-Hu_ivPHf.js";
-import { L as L11 } from "./text-field-Chi9J2Cz.js";
+import { LuzmoRadio as ko, LuzmoRadioGroup as wo } from "./radio/index.js";
+import { LuzmoSearch as Oo } from "./search/index.js";
+import { LuzmoSelect as Fo } from "./select/index.js";
+import { LuzmoSlider as Ro } from "./slider/index.js";
+import { LuzmoSwatch as Bo, LuzmoSwatchGroup as Do } from "./swatch/index.js";
+import { LuzmoSwitch as Uo } from "./switch/index.js";
+import { LuzmoTab as No, LuzmoTabPanel as Ho, LuzmoTabs as qo, LuzmoTabsOverflow as Vo } from "./tabs/index.js";
+import { LuzmoTag as Ko, LuzmoTags as Wo } from "./tags/index.js";
+import { LuzmoHelpText as Jo } from "./text-field/index.js";
+import { LuzmoToast as Xo } from "./toast/index.js";
+import { LuzmoTooltip as $o } from "./tooltip/index.js";
+import { LuzmoUnitInput as rr } from "./unit-input/index.js";
+import { a as lr, L as mr } from "./base-CFWO09N1.js";
+import { F as ur } from "./focus-visible-BvScGDCE.js";
+import { F as ir } from "./focusable-C5JjRZmT.js";
+import { j as nr, d as sr, e as cr, h as pr, c as fr, b as dr, a as xr, i as br, g as gr, f as Lr } from "./platform-BM-uMWpX.js";
+import { E as vr, S as Sr } from "./sized-mixin-CJbBHWRQ.js";
+import { s as Cr } from "./streaming-listener-BQ68fKMa.js";
+import { L as Tr } from "./action-group-C9dsPJg-.js";
+import { L as wr } from "./clear-button-DzZ5ulBW.js";
+import { L as Or } from "./close-button-CuQdsez5.js";
+import { L as Fr } from "./color-loupe-DmQe3SpP.js";
+import { L as Rr } from "./field-group-D4B0IOdA.js";
+import { L as Br } from "./field-label-DxmPiC5p.js";
+import { C as Gr, H as Ur, b as _r, I as Nr, c as Hr, d as qr, L as Vr, e as jr, P as Kr, S as Wr, V as Zr, g as Jr, l as Qr, a as Xr, n as Yr, o as $r, p as oe } from "./overlay-CUKs69yr.js";
+import { S as ee, r as le } from "./slottable-request-event-DggLA4Rx.js";
+import { D as te, a as ue, L as ae } from "./picker-W1qNmtsh.js";
+import { LuzmoPopover as ze } from "./popover-iD8f5Jkp.js";
+import { L as se } from "./progress-circle-USIIU1up.js";
+import { L as pe } from "./text-field-C2n3rzCK.js";
+const r = () => {
+  if (typeof document < "u" && !document.querySelector("style[data-luzmo-vars]")) {
+    const o = document.createElement("style");
+    o.setAttribute("data-luzmo-vars", ""), o.textContent = 'html{--luzmo-animation-duration: 0.15s;--luzmo-border-color: rgba(var(--luzmo-border-color-rgb), 0.1);--luzmo-border-color-hover: rgba(var(--luzmo-border-color-rgb), 0.15);--luzmo-border-color-down: rgba(var(--luzmo-border-color-rgb), 0.3);--luzmo-border-color-focus: rgba(var(--luzmo-border-color-rgb), 0.15);--luzmo-border-color-rgb: 0, 0, 0;--luzmo-border-color-full: rgb(180, 180, 180);--luzmo-border-color-full-hover: rgb(140, 140, 140);--luzmo-border-color-full-down: rgb(110, 110, 110);--luzmo-border-color-full-focus: rgb(140, 140, 140);--luzmo-border-color-disabled: #dddddd;--luzmo-border-radius: 6px;--luzmo-border-radius-s: 4px;--luzmo-border-radius-l: 8px;--luzmo-border-radius-xl: 12px;--luzmo-border-radius-full: 999rem;--luzmo-background-color: #ffffff;--luzmo-background-color-rgb: 255, 255, 255;--luzmo-background-color-disabled: #eeeeee;--luzmo-background-color-hover: #f0f0fc;--luzmo-background-color-down: #f1f1ff;--luzmo-background-color-focus: #f0f0fc;--luzmo-background-color-highlight: rgb(240, 240, 240);--luzmo-background-color-highlight-disabled: rgb(245, 245, 245);--luzmo-background-color-highlight-hover: rgb(225, 225, 225);--luzmo-background-color-highlight-down: rgb(215, 215, 215);--luzmo-background-color-highlight-focus: rgb(225, 225, 225);--luzmo-border-width: 1px;--luzmo-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", Helvetica, Arial, sans-serif;--luzmo-font-size-xs: 10px;--luzmo-font-size-s: 12px;--luzmo-font-size-m: 14px;--luzmo-font-size: 14px;--luzmo-font-size-l: 16px;--luzmo-font-size-xl: 18px;--luzmo-font-size-xxl: 20px;--luzmo-font-style: normal;--luzmo-line-height: normal;--luzmo-font-weight: 400;--luzmo-font-weight-semibold: 500;--luzmo-font-weight-bold: 600;--luzmo-font-color: #333;--luzmo-font-color-hard: #000;--luzmo-font-color-disabled: var(--luzmo-disabled-color);--luzmo-font-color-extra-dimmed: #888;--luzmo-font-color-hover: #333;--luzmo-font-color-down: #111;--luzmo-font-color-focus: #333;--luzmo-primary: #4434ff;--luzmo-primary-hover: #4234e4;--luzmo-primary-down: #392cc7;--luzmo-primary-focus: #4234e4;--luzmo-primary-inverse-color: #ffffff;--luzmo-primary-rgb: 68, 52, 255;--luzmo-secondary: #ff00ff;--luzmo-secondary-hover: #e309e3;--luzmo-secondary-down: #c711c7;--luzmo-secondary-focus: #e309e3;--luzmo-secondary-inverse-color: #ffffff;--luzmo-secondary-rgb: 255, 0, 255;--luzmo-negative-color: #ca221c;--luzmo-negative-color-hover: #b3241f;--luzmo-negative-color-down: #9f231f;--luzmo-negative-color-focus: #b3241f;--luzmo-negative-color-rgb: 202, 34, 28;--luzmo-positive-color: rgb(20, 150, 101);--luzmo-positive-color-hover: rgb(17, 128, 86);--luzmo-positive-color-down: rgb(16, 105, 71);--luzmo-positive-color-focus: rgb(17, 128, 86);--luzmo-positive-color-rgb: 20, 150, 101;--luzmo-selected-color: rgb(110, 110, 110);--luzmo-selected-color-hover: rgb(70, 70, 70);--luzmo-selected-color-down: rgb(40, 40, 40);--luzmo-selected-color-focus: rgb(70, 70, 70);--luzmo-selected-color-hard: #1e1e1e;--luzmo-selected-color-hard-hover: rgb(0, 0, 0);--luzmo-selected-color-hard-down: rgb(0, 0, 0);--luzmo-selected-color-hard-focus: rgb(0, 0, 0);--luzmo-informative-color: #1a77e9;--luzmo-informative-color-rgb: 26, 119, 233;--luzmo-disabled-color: #aaaaaa;--luzmo-spacing-1: 2px;--luzmo-spacing-2: 4px;--luzmo-spacing-3: 8px;--luzmo-spacing-4: 12px;--luzmo-spacing-5: 16px;--luzmo-indicator-gap: 2px;--luzmo-indicator-width: 1px;--luzmo-indicator-color: var(--luzmo-primary);--luzmo-component-height-xxs: 20px;--luzmo-component-height-xs: 24px;--luzmo-component-height-s: 28px;--luzmo-component-height: 32px;--luzmo-component-height-l: 40px;--luzmo-component-height-xl: 48px;--luzmo-component-height-xxl: 64px;--luzmo-icon-size-xxs: 12px;--luzmo-icon-size-xs: 14px;--luzmo-icon-size-s: 16px;--luzmo-icon-size-m: 18px;--luzmo-icon-size-l: 20px;--luzmo-icon-size-xl: 22px;--luzmo-icon-size-xxl: 32px}', document.head.appendChild(o);
+  }
+};
+r();
 export {
-  C as ClickController,
-  D as DESCRIPTION_ID,
-  E as ElementSizes,
-  F as FocusVisiblePolyfillMixin,
-  F2 as Focusable,
-  H as HoverController,
-  b2 as InteractionController,
-  I as InteractionTypes,
-  c2 as LONGPRESS_INSTRUCTIONS,
-  d2 as LongpressController,
-  L8 as LuzmoAbstractOverlay,
-  LuzmoAccordion,
-  LuzmoAccordionItem,
-  LuzmoActionBar,
-  LuzmoActionButton,
-  L2 as LuzmoActionGroup,
-  LuzmoActionMenu,
-  LuzmoAvatar,
-  LuzmoButton,
-  LuzmoButtonGroup,
-  LuzmoCalendar,
-  LuzmoCheckbox,
-  L3 as LuzmoClearButton,
-  L4 as LuzmoCloseButton,
-  LuzmoColorArea,
-  LuzmoColorField,
-  LuzmoColorHandle,
-  L5 as LuzmoColorLoupe,
-  LuzmoColorMenu,
-  LuzmoColorPalette,
-  LuzmoColorPaletteGroup,
-  LuzmoColorPicker,
-  LuzmoColorSlider,
-  LuzmoDateTimePicker,
-  LuzmoDivider,
-  a as LuzmoElement,
-  L6 as LuzmoFieldGroup,
-  L7 as LuzmoFieldLabel,
-  LuzmoHelpText,
-  LuzmoIcon,
-  LuzmoInfieldButton,
-  LuzmoLabel,
-  LuzmoMenu,
-  LuzmoMenuDivider,
-  LuzmoMenuGroup,
-  LuzmoMenuItem,
-  L as LuzmoMixin,
-  LuzmoMultiLangField,
-  LuzmoNumberField,
-  LuzmoOption,
-  LuzmoOptions,
-  LuzmoOptionsDivider,
-  e2 as LuzmoOverlay,
-  LuzmoOverlayTrigger,
-  a4 as LuzmoPicker,
-  L9 as LuzmoPickerBase,
-  LuzmoPickerButton,
-  LuzmoPopover,
-  L10 as LuzmoProgressCircle,
-  LuzmoRadio,
-  LuzmoRadioGroup,
-  LuzmoSearch,
-  LuzmoSelect,
-  LuzmoSlider,
-  LuzmoSwatch,
-  LuzmoSwatchGroup,
-  LuzmoSwitch,
-  LuzmoTab,
-  LuzmoTabPanel,
-  LuzmoTabs,
-  LuzmoTabsOverflow,
-  LuzmoTag,
-  LuzmoTags,
-  L11 as LuzmoTextField,
-  LuzmoToast,
-  LuzmoTooltip,
-  LuzmoUnitInput,
-  MenuItemAddedOrUpdatedEvent,
-  OverlayTriggerDirective,
-  P as PlacementController,
-  S2 as SAFARI_FOCUS_RING_CLASS,
-  S as SizedMixin,
-  SlottableRequestDirective,
-  S3 as SlottableRequestEvent,
-  VIRTUALIZE_AS_OF_NUM_ITEMS,
-  V as VirtualTrigger,
-  g2 as guaranteedAllTransitionend,
-  j as isAndroid,
-  d as isAppleDevice,
-  e as isChrome,
-  h as isFirefox,
-  c as isIOS,
-  b as isIPad,
-  a2 as isIPhone,
-  i as isMac,
-  g as isSeamonkey,
-  f as isWebKit,
-  l as lastInteractionType,
-  a3 as nextFrame,
-  n as noop,
-  openOverlay,
-  o as overlayTimer,
-  p as placementUpdatedSymbol,
-  r as removeSlottableRequest,
-  slottableRequest,
-  s as streamingListener,
-  trigger
+  Gr as ClickController,
+  te as DESCRIPTION_ID,
+  vr as ElementSizes,
+  ur as FocusVisiblePolyfillMixin,
+  ir as Focusable,
+  Ur as HoverController,
+  _r as InteractionController,
+  Nr as InteractionTypes,
+  Hr as LONGPRESS_INSTRUCTIONS,
+  qr as LongpressController,
+  Vr as LuzmoAbstractOverlay,
+  s as LuzmoAccordion,
+  c as LuzmoAccordionItem,
+  f as LuzmoActionBar,
+  x as LuzmoActionButton,
+  Tr as LuzmoActionGroup,
+  g as LuzmoActionMenu,
+  h as LuzmoAvatar,
+  S as LuzmoButton,
+  C as LuzmoButtonGroup,
+  T as LuzmoCalendar,
+  w as LuzmoCheckbox,
+  wr as LuzmoClearButton,
+  Or as LuzmoCloseButton,
+  O as LuzmoColorArea,
+  F as LuzmoColorField,
+  R as LuzmoColorHandle,
+  Fr as LuzmoColorLoupe,
+  B as LuzmoColorMenu,
+  G as LuzmoColorPalette,
+  _ as LuzmoColorPaletteGroup,
+  H as LuzmoColorPicker,
+  V as LuzmoColorSlider,
+  K as LuzmoDateTimePicker,
+  Z as LuzmoDivider,
+  lr as LuzmoElement,
+  Rr as LuzmoFieldGroup,
+  Br as LuzmoFieldLabel,
+  Jo as LuzmoHelpText,
+  Q as LuzmoIcon,
+  Y as LuzmoInfieldButton,
+  oo as LuzmoLabel,
+  eo as LuzmoMenu,
+  lo as LuzmoMenuDivider,
+  mo as LuzmoMenuGroup,
+  to as LuzmoMenuItem,
+  mr as LuzmoMixin,
+  io as LuzmoMultiLangField,
+  no as LuzmoNumberField,
+  co as LuzmoOption,
+  po as LuzmoOptions,
+  fo as LuzmoOptionsDivider,
+  jr as LuzmoOverlay,
+  go as LuzmoOverlayTrigger,
+  ue as LuzmoPicker,
+  ae as LuzmoPickerBase,
+  Io as LuzmoPickerButton,
+  ze as LuzmoPopover,
+  se as LuzmoProgressCircle,
+  ko as LuzmoRadio,
+  wo as LuzmoRadioGroup,
+  Oo as LuzmoSearch,
+  Fo as LuzmoSelect,
+  Ro as LuzmoSlider,
+  Bo as LuzmoSwatch,
+  Do as LuzmoSwatchGroup,
+  Uo as LuzmoSwitch,
+  No as LuzmoTab,
+  Ho as LuzmoTabPanel,
+  qo as LuzmoTabs,
+  Vo as LuzmoTabsOverflow,
+  Ko as LuzmoTag,
+  Wo as LuzmoTags,
+  pe as LuzmoTextField,
+  Xo as LuzmoToast,
+  $o as LuzmoTooltip,
+  rr as LuzmoUnitInput,
+  uo as MenuItemAddedOrUpdatedEvent,
+  Lo as OverlayTriggerDirective,
+  Kr as PlacementController,
+  Wr as SAFARI_FOCUS_RING_CLASS,
+  Sr as SizedMixin,
+  ho as SlottableRequestDirective,
+  ee as SlottableRequestEvent,
+  xo as VIRTUALIZE_AS_OF_NUM_ITEMS,
+  Zr as VirtualTrigger,
+  Jr as guaranteedAllTransitionend,
+  nr as isAndroid,
+  sr as isAppleDevice,
+  cr as isChrome,
+  pr as isFirefox,
+  fr as isIOS,
+  dr as isIPad,
+  xr as isIPhone,
+  br as isMac,
+  gr as isSeamonkey,
+  Lr as isWebKit,
+  Qr as lastInteractionType,
+  Xr as nextFrame,
+  Yr as noop,
+  vo as openOverlay,
+  $r as overlayTimer,
+  oe as placementUpdatedSymbol,
+  le as removeSlottableRequest,
+  So as slottableRequest,
+  Cr as streamingListener,
+  yo as trigger
 };

package/components/infield-button/index.cjs

@@ -15,52 +15,8 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  * */
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const lit = require("lit");
-const decorators_js = require("lit/decorators.js");
-const sizedMixin = require("../sized-mixin-UaTVa-AE.cjs");
-const buttonBase = require("../button-base-7Ak55xFd.cjs");
-const styles = "@media (forced-colors: active){:host(:is(:active,[active])):not(:disabled),:host(:focus-visible):not(:disabled){--highcontrast-infield-button-border-color: Highlight}}@media (forced-colors: active) and (hover: hover){:host(:hover):not(:disabled){--highcontrast-infield-button-border-color: Highlight}}:host{background-color:initial;cursor:pointer;block-size:var(--luzmo-infield-button-height, var(--infield-button-height));inline-size:var(--luzmo-infield-button-width, var(--infield-button-width));padding:var(--luzmo-infield-button-edge-to-fill, var(--infield-button-edge-to-fill));color:var(--infield-button-content-color, inherit);border-style:none;justify-content:center;align-items:center;display:flex}.fill{block-size:100%;inline-size:100%;background-color:var(--luzmo-infield-button-background-color, var(--infield-button-background-color));border-width:var(--luzmo-infield-button-border-width, var(--infield-button-border-width));border-style:solid;border-color:var(--highcontrast-infield-button-border-color, var(--luzmo-infield-button-border-color, var(--infield-button-border-color)));padding:var(--luzmo-infield-button-fill-padding, var(--infield-button-fill-padding));border-start-start-radius:var(--luzmo-infield-button-border-radius, var(--infield-button-border-radius));border-start-end-radius:var(--luzmo-infield-button-border-radius, var(--infield-button-border-radius));border-end-end-radius:var(--luzmo-infield-button-border-radius, var(--infield-button-border-radius));border-end-start-radius:var(--luzmo-infield-button-border-radius, var(--infield-button-border-radius))}::slotted(*){color:var(--luzmo-infield-button-icon-color, var(--infield-button-icon-color))}:host([inline=end]) .fill{border-start-start-radius:var(--luzmo-infield-button-border-radius-reset, var(--infield-button-border-radius-reset));border-end-start-radius:var(--luzmo-infield-button-border-radius-reset, var(--infield-button-border-radius-reset))}:host([inline=start]) .fill{border-start-end-radius:var(--luzmo-infield-button-border-radius-reset, var(--infield-button-border-radius-reset));border-end-end-radius:var(--luzmo-infield-button-border-radius-reset, var(--infield-button-border-radius-reset))}:host([block=end]),:host([block=start]){--infield-button-width: var(--luzmo-infield-button-width-stacked, 28px)}:host([block=end][size=s]),:host([block=start][size=s]){--infield-button-width: var(--luzmo-infield-button-width-stacked, 20px)}:host([block=end][size=l]),:host([block=start][size=l]){--infield-button-width: var(--luzmo-infield-button-width-stacked, 36px)}:host([block=end][size=xl]),:host([block=start][size=xl]){--infield-button-width: var(--luzmo-infield-button-width-stacked, 44px)}:host([quiet]){--infield-button-background-color: var( --luzmo-infield-button-background-color-quiet, transparent );--infield-button-background-color-hover: var( --luzmo-infield-button-background-color-hover-quiet, transparent );--infield-button-background-color-down: var( --luzmo-infield-button-background-color-down-quiet, transparent );--infield-button-background-color-key-focus: var( --luzmo-infield-button-background-color-key-focus-quiet, transparent );--infield-border-color: var(--luzmo-infield-border-color-quiet, transparent);--infield-button-border-width: var( --luzmo-infield-button-border-width-quiet, 0 )}:host([quiet][disabled]){--infield-button-background-color: var( --luzmo-infield-button-background-color-quiet-disabled, transparent );--infield-button-border-color: var( --luzmo-infield-button-border-color-quiet-disabled, transparent )}:host([disabled]){--infield-button-background-color: var( --luzmo-infield-button-background-color-disabled, var(--luzmo-background-color-disabled) );--infield-button-background-color-hover: var( --luzmo-infield-button-background-color-hover-disabled, var(--luzmo-background-color-disabled) );--infield-button-background-color-down: var( --luzmo-infield-button-background-color-down-disabled, var(--luzmo-background-color-disabled) );--infield-button-border-color: var( --luzmo-infield-button-border-color-disabled, var(--luzmo-background-color-disabled) );--infield-button-content-color: var( --luzmo-infield-button-content-color-disabled, var(--luzmo-disabled-color) );--infield-button-icon-color: var( --luzmo-infield-button-icon-color-disabled, var(--luzmo-disabled-color) );--infield-button-icon-color-hover: var( --luzmo-infield-button-icon-color-hover-disabled, var(--luzmo-disabled-color) );--infield-button-icon-color-down: var( --luzmo-infield-button-icon-color-down-disabled, var(--luzmo-disabled-color) );--infield-button-icon-color-key-focus: var( --luzmo-infield-button-icon-color-key-focus-disabled, var(--luzmo-disabled-color) );cursor:auto}@media (hover: hover){:host(:hover) .fill{background-color:var(--luzmo-infield-button-background-color-hover, var(--infield-button-background-color-hover))}:host(:hover) ::slotted(*){color:var(--luzmo-infield-button-icon-color-hover, var(--infield-button-icon-color-hover))}}:host(:is(:active,[active])) .fill{background-color:var(--luzmo-infield-button-background-color-down, var(--infield-button-background-color-down))}:host(:is(:active,[active])) ::slotted(*){color:var(--luzmo-infield-button-icon-color-down, var(--infield-button-icon-color-down))}:host(:focus-visible){outline:none}:host(:focus-visible) .fill{background-color:var(--luzmo-infield-button-background-color-key-focus, var(--infield-button-background-color-key-focus))}:host(:focus-visible) ::slotted(*){color:var(--luzmo-infield-button-icon-color-key-focus, var(--infield-button-icon-color-key-focus))}.fill{align-items:center;justify-content:var(--luzmo-infield-button-fill-justify-content, var(--infield-button-fill-justify-content));display:flex}:host([block=end]),:host([block=start]){block-size:calc(var(--luzmo-infield-button-height, var(--infield-button-height)) / 2)}:host([block=end]) .fill,:host([block=start]) .fill{box-sizing:border-box;padding-inline-start:calc(var(--luzmo-infield-button-stacked-fill-padding-inline, var(--infield-button-stacked-fill-padding-inline)) - var(--luzmo-infield-button-edge-to-fill, var(--infield-button-edge-to-fill)) - var(--luzmo-infield-button-border-width, var(--infield-button-border-width)));padding-inline-end:calc(var(--luzmo-infield-button-stacked-fill-padding-inline, var(--infield-button-stacked-fill-padding-inline)) - var(--luzmo-infield-button-edge-to-fill, var(--infield-button-edge-to-fill)) - var(--luzmo-infield-button-border-width, var(--infield-button-border-width)))}:host([block=start]){padding-block-end:var(--luzmo-infield-button-inner-edge-to-fill, var(--infield-button-inner-edge-to-fill))}:host([block=start]) .fill{border-block-end:none;border-start-start-radius:var(--luzmo-infield-button-stacked-top-border-radius-start-start, var(--infield-button-stacked-top-border-radius-start-start));border-end-end-radius:var(--luzmo-infield-button-stacked-border-radius-reset, var(--infield-button-stacked-border-radius-reset));border-end-start-radius:var(--luzmo-infield-button-stacked-border-radius-reset, var(--infield-button-stacked-border-radius-reset));padding-block-start:calc(var(--luzmo-infield-button-stacked-fill-padding-outer, var(--infield-button-stacked-fill-padding-outer)) - var(--luzmo-infield-button-edge-to-fill, var(--infield-button-edge-to-fill)) - var(--luzmo-infield-button-border-width, var(--infield-button-border-width)));padding-block-end:calc(var(--luzmo-infield-button-stacked-fill-padding-inner, var(--infield-button-stacked-fill-padding-inner)) - var(--luzmo-infield-button-inner-edge-to-fill, var(--infield-button-inner-edge-to-fill)))}:host([block=end]){padding-block-start:var(--luzmo-infield-button-inner-edge-to-fill, var(--infield-button-inner-edge-to-fill))}:host([block=end]) .fill{border-block-end-width:var(--luzmo-infield-button-stacked-bottom-border-block-end-width, var(--luzmo-infield-button-border-width, var(--infield-button-border-width)));border-start-start-radius:var(--luzmo-infield-button-stacked-border-radius-reset, var(--infield-button-stacked-border-radius-reset));border-start-end-radius:var(--luzmo-infield-button-stacked-border-radius-reset, var(--infield-button-stacked-border-radius-reset));border-end-end-radius:var(--luzmo-infield-button-stacked-bottom-border-radius-end-end, var(--luzmo-infield-button-border-radius, var(--infield-button-border-radius)));border-end-start-radius:var(--luzmo-infield-button-stacked-bottom-border-radius-end-start, var(--infield-button-stacked-bottom-border-radius-end-start));padding-block-start:calc(var(--luzmo-infield-button-stacked-fill-padding-inner, var(--infield-button-stacked-fill-padding-inner)) - var(--luzmo-infield-button-edge-to-fill, var(--infield-button-edge-to-fill)) - var(--luzmo-infield-button-border-width, var(--infield-button-border-width)));padding-block-end:calc(var(--luzmo-infield-button-stacked-fill-padding-outer, var(--infield-button-stacked-fill-padding-outer)) - var(--luzmo-infield-button-inner-edge-to-fill, var(--infield-button-inner-edge-to-fill)) - var(--luzmo-infield-button-border-width, var(--infield-button-border-width)))}::slotted(*){display:initial;flex-shrink:0;margin:0!important}:host{--infield-button-border-width: var(--luzmo-border-width);--infield-button-border-color: inherit;--infield-button-border-radius: var(--luzmo-border-radius);--infield-button-border-radius-reset: 0;--infield-button-stacked-top-border-radius-start-start: 0;--infield-button-stacked-bottom-border-radius-end-start: 0;--infield-button-background-color: var(--luzmo-background-color);--infield-button-background-color-hover: var(--luzmo-background-color-hover);--infield-button-background-color-down: var(--luzmo-background-color-down);--infield-button-background-color-key-focus: var( --luzmo-background-color-focus );--infield-button-height: var(--luzmo-component-height);--infield-button-width: var(--luzmo-component-height);--infield-button-stacked-border-radius-reset: 0px;--infield-button-edge-to-fill: 0px;--infield-button-inner-edge-to-fill: 0px;--infield-button-fill-padding: 0px;--infield-button-stacked-fill-padding-inline: 9px;--infield-button-stacked-fill-padding-outer: 3px;--infield-button-stacked-fill-padding-inner: 3px;--infield-button-animation-duration: var(--luzmo-animation-duration);--infield-button-icon-color: var(--luzmo-font-color);--infield-button-icon-color-hover: var(--luzmo-font-color-hard);--infield-button-icon-color-down: var(--luzmo-font-color-hard);--infield-button-icon-color-key-focus: var(--luzmo-font-color-hard);--infield-button-fill-justify-content: center}:host([disabled]){--infield-button-background-color: var(--luzmo-background-color-disabled);--infield-button-background-color-hover: var( --luzmo-background-color-disabled );--infield-button-background-color-down: var( --luzmo-background-color-disabled );--infield-button-border-color: var(--luzmo-border-color-disabled);--infield-button-content-color: var(--luzmo-disabled-color);--infield-button-icon-color: var(--luzmo-disabled-color);--infield-button-icon-color-hover: var(--luzmo-disabled-color);--infield-button-icon-color-down: var(--luzmo-disabled-color);--infield-button-icon-color-key-focus: var(--luzmo-disabled-color)}:host([size=s]){--infield-button-height: var(--luzmo-component-height-s);--infield-button-width: var(--luzmo-component-height-s);--infield-button-stacked-fill-padding-inline: 7px;--infield-button-stacked-fill-padding-outer: 3px;--infield-button-stacked-fill-padding-inner: 3px}:host([size=l]){--infield-button-height: var(--luzmo-component-height-l);--infield-button-width: var(--luzmo-component-height-l);--infield-button-stacked-fill-padding-inline: 13px;--infield-button-stacked-fill-padding-outer: 4px;--infield-button-stacked-fill-padding-inner: 4px}:host([size=xl]){--infield-button-height: var(--luzmo-component-height-xl);--infield-button-width: var(--luzmo-component-height-xl);--infield-button-stacked-fill-padding-inline: 16px;--infield-button-stacked-fill-padding-outer: 5px;--infield-button-stacked-fill-padding-inner: 5px}:host([block=start]){--infield-button-width: 20px}:host([block=end]){--infield-button-width: 20px}:host([block=start][size=s]){--infield-button-width: 16px}:host([block=end][size=s]){--infield-button-width: 16px}:host([block=start][size=l]){--infield-button-width: 28px}:host([block=end][size=l]){--infield-button-width: 28px}:host([block=start][size=xl]){--infield-button-width: 36px}:host([block=end][size=xl]){--infield-button-width: 36px}:host([quiet]){--infield-button-background-color: transparent;--infield-button-background-color-hover: transparent;--infield-button-background-color-down: transparent;--infield-button-background-color-key-focus: transparent;--infield-border-color: transparent;--infield-button-border-width: 0}:host([quiet][disabled]){--infield-button-background-color: transparent;--infield-button-border-color: transparent}:host{box-sizing:border-box;-webkit-user-select:none;user-select:none}::slotted(*){--luzmo-icon-vertical-align: 1px;--icon-size: inherit}";
-var __defProp = Object.defineProperty;
-var __decorateClass = (decorators, target, key, kind) => {
-  var result = void 0;
-  for (var i = decorators.length - 1, decorator; i >= 0; i--)
-    if (decorator = decorators[i])
-      result = decorator(target, key, result) || result;
-  if (result) __defProp(target, key, result);
-  return result;
-};
-class LuzmoInfieldButton extends sizedMixin.SizedMixin(buttonBase.LuzmoButtonBase, {
-  noDefaultSize: true,
-  validSizes: ["s", "m", "l", "xl"]
-}) {
-  constructor() {
-    super(...arguments);
-    this.quiet = false;
-  }
-  static get styles() {
-    return [...super.styles, lit.unsafeCSS(styles)];
-  }
-  get buttonContent() {
-    const buttonContent = lit.html`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../base-Cy0MQrPT.cjs"),u=require("../sized-mixin-WPHH0a_D.cjs"),b=require("../button-base-tf95Lyl4.cjs"),s="@media (forced-colors: active){:host(:is(:active,[active])):not(:disabled),:host(:focus-visible):not(:disabled){--highcontrast-infield-button-border-color: Highlight}}@media (forced-colors: active) and (hover: hover){:host(:hover):not(:disabled){--highcontrast-infield-button-border-color: Highlight}}:host{background-color:initial;cursor:pointer;block-size:var(--luzmo-infield-button-height, var(--infield-button-height));inline-size:var(--luzmo-infield-button-width, var(--infield-button-width));padding:var(--luzmo-infield-button-edge-to-fill, var(--infield-button-edge-to-fill));color:var(--infield-button-content-color, inherit);border-style:none;justify-content:center;align-items:center;display:flex}.fill{block-size:100%;inline-size:100%;background-color:var(--luzmo-infield-button-background-color, var(--infield-button-background-color));border-width:var(--luzmo-infield-button-border-width, var(--infield-button-border-width));border-style:solid;border-color:var(--highcontrast-infield-button-border-color, var(--luzmo-infield-button-border-color, var(--infield-button-border-color)));padding:var(--luzmo-infield-button-fill-padding, var(--infield-button-fill-padding));border-start-start-radius:var(--luzmo-infield-button-border-radius, var(--infield-button-border-radius));border-start-end-radius:var(--luzmo-infield-button-border-radius, var(--infield-button-border-radius));border-end-end-radius:var(--luzmo-infield-button-border-radius, var(--infield-button-border-radius));border-end-start-radius:var(--luzmo-infield-button-border-radius, var(--infield-button-border-radius))}::slotted(*){color:var(--luzmo-infield-button-icon-color, var(--infield-button-icon-color))}:host([inline=end]) .fill{border-start-start-radius:var(--luzmo-infield-button-border-radius-reset, var(--infield-button-border-radius-reset));border-end-start-radius:var(--luzmo-infield-button-border-radius-reset, var(--infield-button-border-radius-reset))}:host([inline=start]) .fill{border-start-end-radius:var(--luzmo-infield-button-border-radius-reset, var(--infield-button-border-radius-reset));border-end-end-radius:var(--luzmo-infield-button-border-radius-reset, var(--infield-button-border-radius-reset))}:host([block=end]),:host([block=start]){--infield-button-width: var(--luzmo-infield-button-width-stacked, 28px)}:host([block=end][size=s]),:host([block=start][size=s]){--infield-button-width: var(--luzmo-infield-button-width-stacked, 20px)}:host([block=end][size=l]),:host([block=start][size=l]){--infield-button-width: var(--luzmo-infield-button-width-stacked, 36px)}:host([block=end][size=xl]),:host([block=start][size=xl]){--infield-button-width: var(--luzmo-infield-button-width-stacked, 44px)}:host([quiet]){--infield-button-background-color: var( --luzmo-infield-button-background-color-quiet, transparent );--infield-button-background-color-hover: var( --luzmo-infield-button-background-color-hover-quiet, transparent );--infield-button-background-color-down: var( --luzmo-infield-button-background-color-down-quiet, transparent );--infield-button-background-color-key-focus: var( --luzmo-infield-button-background-color-key-focus-quiet, transparent );--infield-border-color: var(--luzmo-infield-border-color-quiet, transparent);--infield-button-border-width: var( --luzmo-infield-button-border-width-quiet, 0 )}:host([quiet][disabled]){--infield-button-background-color: var( --luzmo-infield-button-background-color-quiet-disabled, transparent );--infield-button-border-color: var( --luzmo-infield-button-border-color-quiet-disabled, transparent )}:host([disabled]){--infield-button-background-color: var( --luzmo-infield-button-background-color-disabled, var(--luzmo-background-color-disabled) );--infield-button-background-color-hover: var( --luzmo-infield-button-background-color-hover-disabled, var(--luzmo-background-color-disabled) );--infield-button-background-color-down: var( --luzmo-infield-button-background-color-down-disabled, var(--luzmo-background-color-disabled) );--infield-button-border-color: var( --luzmo-infield-button-border-color-disabled, var(--luzmo-background-color-disabled) );--infield-button-content-color: var( --luzmo-infield-button-content-color-disabled, var(--luzmo-disabled-color) );--infield-button-icon-color: var( --luzmo-infield-button-icon-color-disabled, var(--luzmo-disabled-color) );--infield-button-icon-color-hover: var( --luzmo-infield-button-icon-color-hover-disabled, var(--luzmo-disabled-color) );--infield-button-icon-color-down: var( --luzmo-infield-button-icon-color-down-disabled, var(--luzmo-disabled-color) );--infield-button-icon-color-key-focus: var( --luzmo-infield-button-icon-color-key-focus-disabled, var(--luzmo-disabled-color) );cursor:auto}@media (hover: hover){:host(:hover) .fill{background-color:var(--luzmo-infield-button-background-color-hover, var(--infield-button-background-color-hover))}:host(:hover) ::slotted(*){color:var(--luzmo-infield-button-icon-color-hover, var(--infield-button-icon-color-hover))}}:host(:is(:active,[active])) .fill{background-color:var(--luzmo-infield-button-background-color-down, var(--infield-button-background-color-down))}:host(:is(:active,[active])) ::slotted(*){color:var(--luzmo-infield-button-icon-color-down, var(--infield-button-icon-color-down))}:host(:focus-visible){outline:none}:host(:focus-visible) .fill{background-color:var(--luzmo-infield-button-background-color-key-focus, var(--infield-button-background-color-key-focus))}:host(:focus-visible) ::slotted(*){color:var(--luzmo-infield-button-icon-color-key-focus, var(--infield-button-icon-color-key-focus))}.fill{align-items:center;justify-content:var(--luzmo-infield-button-fill-justify-content, var(--infield-button-fill-justify-content));display:flex}:host([block=end]),:host([block=start]){block-size:calc(var(--luzmo-infield-button-height, var(--infield-button-height)) / 2)}:host([block=end]) .fill,:host([block=start]) .fill{box-sizing:border-box;padding-inline-start:calc(var(--luzmo-infield-button-stacked-fill-padding-inline, var(--infield-button-stacked-fill-padding-inline)) - var(--luzmo-infield-button-edge-to-fill, var(--infield-button-edge-to-fill)) - var(--luzmo-infield-button-border-width, var(--infield-button-border-width)));padding-inline-end:calc(var(--luzmo-infield-button-stacked-fill-padding-inline, var(--infield-button-stacked-fill-padding-inline)) - var(--luzmo-infield-button-edge-to-fill, var(--infield-button-edge-to-fill)) - var(--luzmo-infield-button-border-width, var(--infield-button-border-width)))}:host([block=start]){padding-block-end:var(--luzmo-infield-button-inner-edge-to-fill, var(--infield-button-inner-edge-to-fill))}:host([block=start]) .fill{border-block-end:none;border-start-start-radius:var(--luzmo-infield-button-stacked-top-border-radius-start-start, var(--infield-button-stacked-top-border-radius-start-start));border-end-end-radius:var(--luzmo-infield-button-stacked-border-radius-reset, var(--infield-button-stacked-border-radius-reset));border-end-start-radius:var(--luzmo-infield-button-stacked-border-radius-reset, var(--infield-button-stacked-border-radius-reset));padding-block-start:calc(var(--luzmo-infield-button-stacked-fill-padding-outer, var(--infield-button-stacked-fill-padding-outer)) - var(--luzmo-infield-button-edge-to-fill, var(--infield-button-edge-to-fill)) - var(--luzmo-infield-button-border-width, var(--infield-button-border-width)));padding-block-end:calc(var(--luzmo-infield-button-stacked-fill-padding-inner, var(--infield-button-stacked-fill-padding-inner)) - var(--luzmo-infield-button-inner-edge-to-fill, var(--infield-button-inner-edge-to-fill)))}:host([block=end]){padding-block-start:var(--luzmo-infield-button-inner-edge-to-fill, var(--infield-button-inner-edge-to-fill))}:host([block=end]) .fill{border-block-end-width:var(--luzmo-infield-button-stacked-bottom-border-block-end-width, var(--luzmo-infield-button-border-width, var(--infield-button-border-width)));border-start-start-radius:var(--luzmo-infield-button-stacked-border-radius-reset, var(--infield-button-stacked-border-radius-reset));border-start-end-radius:var(--luzmo-infield-button-stacked-border-radius-reset, var(--infield-button-stacked-border-radius-reset));border-end-end-radius:var(--luzmo-infield-button-stacked-bottom-border-radius-end-end, var(--luzmo-infield-button-border-radius, var(--infield-button-border-radius)));border-end-start-radius:var(--luzmo-infield-button-stacked-bottom-border-radius-end-start, var(--infield-button-stacked-bottom-border-radius-end-start));padding-block-start:calc(var(--luzmo-infield-button-stacked-fill-padding-inner, var(--infield-button-stacked-fill-padding-inner)) - var(--luzmo-infield-button-edge-to-fill, var(--infield-button-edge-to-fill)) - var(--luzmo-infield-button-border-width, var(--infield-button-border-width)));padding-block-end:calc(var(--luzmo-infield-button-stacked-fill-padding-outer, var(--infield-button-stacked-fill-padding-outer)) - var(--luzmo-infield-button-inner-edge-to-fill, var(--infield-button-inner-edge-to-fill)) - var(--luzmo-infield-button-border-width, var(--infield-button-border-width)))}::slotted(*){display:initial;flex-shrink:0;margin:0!important}:host{--infield-button-border-width: var(--luzmo-border-width);--infield-button-border-color: inherit;--infield-button-border-radius: var(--luzmo-border-radius);--infield-button-border-radius-reset: 0;--infield-button-stacked-top-border-radius-start-start: 0;--infield-button-stacked-bottom-border-radius-end-start: 0;--infield-button-background-color: var(--luzmo-background-color);--infield-button-background-color-hover: var(--luzmo-background-color-hover);--infield-button-background-color-down: var(--luzmo-background-color-down);--infield-button-background-color-key-focus: var( --luzmo-background-color-focus );--infield-button-height: var(--luzmo-component-height);--infield-button-width: var(--luzmo-component-height);--infield-button-stacked-border-radius-reset: 0px;--infield-button-edge-to-fill: 0px;--infield-button-inner-edge-to-fill: 0px;--infield-button-fill-padding: 0px;--infield-button-stacked-fill-padding-inline: 9px;--infield-button-stacked-fill-padding-outer: 3px;--infield-button-stacked-fill-padding-inner: 3px;--infield-button-animation-duration: var(--luzmo-animation-duration);--infield-button-icon-color: var(--luzmo-font-color);--infield-button-icon-color-hover: var(--luzmo-font-color-hard);--infield-button-icon-color-down: var(--luzmo-font-color-hard);--infield-button-icon-color-key-focus: var(--luzmo-font-color-hard);--infield-button-fill-justify-content: center}:host([disabled]){--infield-button-background-color: var(--luzmo-background-color-disabled);--infield-button-background-color-hover: var( --luzmo-background-color-disabled );--infield-button-background-color-down: var( --luzmo-background-color-disabled );--infield-button-border-color: var(--luzmo-border-color-disabled);--infield-button-content-color: var(--luzmo-disabled-color);--infield-button-icon-color: var(--luzmo-disabled-color);--infield-button-icon-color-hover: var(--luzmo-disabled-color);--infield-button-icon-color-down: var(--luzmo-disabled-color);--infield-button-icon-color-key-focus: var(--luzmo-disabled-color)}:host([size=s]){--infield-button-height: var(--luzmo-component-height-s);--infield-button-width: var(--luzmo-component-height-s);--infield-button-stacked-fill-padding-inline: 7px;--infield-button-stacked-fill-padding-outer: 3px;--infield-button-stacked-fill-padding-inner: 3px}:host([size=l]){--infield-button-height: var(--luzmo-component-height-l);--infield-button-width: var(--luzmo-component-height-l);--infield-button-stacked-fill-padding-inline: 13px;--infield-button-stacked-fill-padding-outer: 4px;--infield-button-stacked-fill-padding-inner: 4px}:host([size=xl]){--infield-button-height: var(--luzmo-component-height-xl);--infield-button-width: var(--luzmo-component-height-xl);--infield-button-stacked-fill-padding-inline: 16px;--infield-button-stacked-fill-padding-outer: 5px;--infield-button-stacked-fill-padding-inner: 5px}:host([block=start]){--infield-button-width: 20px}:host([block=end]){--infield-button-width: 20px}:host([block=start][size=s]){--infield-button-width: 16px}:host([block=end][size=s]){--infield-button-width: 16px}:host([block=start][size=l]){--infield-button-width: 28px}:host([block=end][size=l]){--infield-button-width: 28px}:host([block=start][size=xl]){--infield-button-width: 36px}:host([block=end][size=xl]){--infield-button-width: 36px}:host([quiet]){--infield-button-background-color: transparent;--infield-button-background-color-hover: transparent;--infield-button-background-color-down: transparent;--infield-button-background-color-key-focus: transparent;--infield-border-color: transparent;--infield-button-border-width: 0}:host([quiet][disabled]){--infield-button-background-color: transparent;--infield-button-border-color: transparent}:host{box-sizing:border-box;-webkit-user-select:none;user-select:none}::slotted(*){--luzmo-icon-vertical-align: 1px;--icon-size: inherit}";var c=Object.defineProperty,d=(n,e,l,f)=>{for(var o=void 0,r=n.length-1,a;r>=0;r--)(a=n[r])&&(o=a(e,l,o)||o);return o&&c(e,l,o),o};class i extends u.SizedMixin(b.LuzmoButtonBase,{noDefaultSize:!0,validSizes:["s","m","l","xl"]}){constructor(){super(...arguments),this.quiet=!1}static get styles(){return[...super.styles,t.r(s)]}get buttonContent(){return[t.x`
       <div class="fill">
         <slot></slot>
       </div>
-    `;
-    return [buttonContent];
-  }
-}
-__decorateClass([
-  decorators_js.property()
-], LuzmoInfieldButton.prototype, "block");
-__decorateClass([
-  decorators_js.property()
-], LuzmoInfieldButton.prototype, "inline");
-__decorateClass([
-  decorators_js.property({ type: Boolean, reflect: true })
-], LuzmoInfieldButton.prototype, "quiet");
-if (!customElements.get("luzmo-infield-button")) {
-  customElements.define("luzmo-infield-button", LuzmoInfieldButton);
-}
-exports.LuzmoInfieldButton = LuzmoInfieldButton;
+    `]}}d([t.n()],i.prototype,"block");d([t.n()],i.prototype,"inline");d([t.n({type:Boolean,reflect:!0})],i.prototype,"quiet");customElements.get("luzmo-infield-button")||customElements.define("luzmo-infield-button",i);exports.LuzmoInfieldButton=i;