@sandlada/mdc/build/components/button-group/connected-button-group.js

@sandlada/mdc is an open source component library that follows the Material Design 3 design specifications.

import{_ as e}from"../../tslib.es6-CmLYFWVC.js";import{a}from"../../lit-element-Ho-VPzO1.js";import{t}from"../../custom-element-Dz3n6kSt.js";import"../../component-definitions/button.definition.js";import"../../component-definitions/checkbox.definition.js";import"../../component-definitions/dialog.definition.js";import"../../component-definitions/fab.definition.js";import"../../component-definitions/focus-ring.definition.js";import"../../component-definitions/icon-button.definition.js";import"../../component-definitions/navigation-bar.definition.js";import"../../component-definitions/navigation-rail.definition.js";import"../../component-definitions/navigation-tab.definition.js";import"../../component-definitions/progress-indicator.definition.js";import"../../component-definitions/switch.definition.js";import"../../utils/controller/attachable-controller.js";import{createLogicShapeTokens as n}from"../../utils/tokens/create-logic-shape-tokens.js";import{overrideComponentTokens as r}from"../../utils/tokens/override-component-tokens.js";import{stringTokens as o}from"../../utils/tokens/string-tokens.js";import{BaseButtonGroup as i}from"./base-button-group.js";import"../../color-CigMJnjV.js";import"../../elevation-dUQez_WX.js";import"../../shape-CrZ0CLVJ.js";import"../../state-C-haZXan.js";import"../../typescale-Bh1NLwSE.js";import"../../duration-CDKuKTyT.js";const s=o(r("--mdc-icon-button",{"extra-large-container-shape-round-start-start":"calc(var(--mdc-icon-button-extra-large-container-height) / 2)","extra-large-container-shape-round-end-start":"calc(var(--mdc-icon-button-extra-large-container-height) / 2)","extra-large-container-shape-round-start-end":"20px","extra-large-container-shape-round-end-end":"20px","large-container-shape-round-start-start":"calc(var(--mdc-icon-button-large-container-height) / 2)","large-container-shape-round-end-start":"calc(var(--mdc-icon-button-large-container-height) / 2)","large-container-shape-round-start-end":"16px","large-container-shape-round-end-end":"16px","medium-container-shape-round-start-start":"calc(var(--mdc-icon-button-medium-container-height) / 2)","medium-container-shape-round-end-start":"calc(var(--mdc-icon-button-medium-container-height) / 2)","medium-container-shape-round-start-end":"8px","medium-container-shape-round-end-end":"8px","small-container-shape-round-start-start":"calc(var(--mdc-icon-button-small-container-height) / 2)","small-container-shape-round-end-start":"calc(var(--mdc-icon-button-small-container-height) / 2)","small-container-shape-round-start-end":"8px","small-container-shape-round-end-end":"8px","extra-small-container-shape-round-start-start":"calc(var(--mdc-icon-button-extra-small-container-height) / 2)","extra-small-container-shape-round-end-start":"calc(var(--mdc-icon-button-extra-small-container-height) / 2)","extra-small-container-shape-round-start-end":"4px","extra-small-container-shape-round-end-end":"4px","extra-large-container-shape-square-start-start":"calc(var(--mdc-icon-button-extra-large-container-height) / 2)","extra-large-container-shape-square-end-start":"calc(var(--mdc-icon-button-extra-large-container-height) / 2)","extra-large-container-shape-square-start-end":"20px","extra-large-container-shape-square-end-end":"20px","large-container-shape-square-start-start":"calc(var(--mdc-icon-button-large-container-height) / 2)","large-container-shape-square-end-start":"calc(var(--mdc-icon-button-large-container-height) / 2)","large-container-shape-square-start-end":"16px","large-container-shape-square-end-end":"16px","medium-container-shape-square-start-start":"calc(var(--mdc-icon-button-medium-container-height) / 2)","medium-container-shape-square-end-start":"calc(var(--mdc-icon-button-medium-container-height) / 2)","medium-container-shape-square-start-end":"8px","medium-container-shape-square-end-end":"8px","small-container-shape-square-start-start":"calc(var(--mdc-icon-button-small-container-height) / 2)","small-container-shape-square-end-start":"calc(var(--mdc-icon-button-small-container-height) / 2)","small-container-shape-square-start-end":"8px","small-container-shape-square-end-end":"8px","extra-small-container-shape-square-start-start":"calc(var(--mdc-icon-button-extra-small-container-height) / 2)","extra-small-container-shape-square-end-start":"calc(var(--mdc-icon-button-extra-small-container-height) / 2)","extra-small-container-shape-square-start-end":"4px","extra-small-container-shape-square-end-end":"4px"})),c=o(r("--mdc-icon-button",{"extra-large-container-shape-round-start-end":"calc(var(--_extra-large-container-height) / 2)","extra-large-container-shape-round-end-end":"calc(var(--_extra-large-container-height) / 2)","extra-large-container-shape-round-start-start":"20px","extra-large-container-shape-round-end-start":"20px","large-container-shape-round-start-end":"calc(var(--_large-container-height) / 2)","large-container-shape-round-end-end":"calc(var(--_large-container-height) / 2)","large-container-shape-round-start-start":"16px","large-container-shape-round-end-start":"16px","medium-container-shape-round-start-end":"calc(var(--_medium-container-height) / 2)","medium-container-shape-round-end-end":"calc(var(--_medium-container-height) / 2)","medium-container-shape-round-start-start":"8px","medium-container-shape-round-end-start":"8px","small-container-shape-round-start-end":"calc(var(--_small-container-height) / 2)","small-container-shape-round-end-end":"calc(var(--_small-container-height) / 2)","small-container-shape-round-start-start":"8px","small-container-shape-round-end-start":"8px","extra-small-container-shape-round-start-end":"calc(var(--_extra-small-container-height) / 2)","extra-small-container-shape-round-end-end":"calc(var(--_extra-small-container-height) / 2)","extra-small-container-shape-round-start-start":"4px","extra-small-container-shape-round-end-start":"4px"})),l=o(r("--mdc-icon-button",{...n("--mdc-icon-button",{"extra-large-container-shape-round":"20px","large-container-shape-round":"16px","medium-container-shape-round":"8px","small-container-shape-round":"8px","extra-small-container-shape-round":"4px","extra-large-container-shape-square":"20px","large-container-shape-square":"16px","medium-container-shape-square":"8px","small-container-shape-square":"8px","extra-small-container-shape-square":"4px"},"all",!1)})),d=o(r("--mdc-icon-button",{...n("--_",{"extra-large-selected-container-shape-round":"calc(var(--_extra-large-container-height) / 2)","large-selected-container-shape-round":"calc(var(--_large-container-height) / 2)","medium-selected-container-shape-round":"calc(var(--_medium-container-height) / 2)","small-selected-container-shape-round":"calc(var(--_small-container-height) / 2)","extra-small-selected-container-shape-round":"calc(var(--_extra-small-container-height) / 2)","extra-large-selected-container-shape-square":"calc(var(--_extra-large-container-height) / 2)","large-selected-container-shape-square":"calc(var(--_large-container-height) / 2)","medium-selected-container-shape-square":"calc(var(--_medium-container-height) / 2)","small-selected-container-shape-square":"calc(var(--_small-container-height) / 2)","extra-small-selected-container-shape-square":"calc(var(--_extra-small-container-height) / 2)"},"all",!1)}));let m=class extends i{static{this.styles=a`:host{vertical-align:top}.container{display:inline-flex;gap:2px}::slotted(*){${d}}::slotted(:not(.side)){${l}}::slotted(.start-side){${s}}::slotted(.end-side){${c}}`}};m=e([t("mdc-connected-button-group")],m);export{m as MDCConnectedButtonGroup};