mirror of
https://github.com/material-components/material-web.git
synced 2024-10-27 14:07:17 +03:00
30c95aeee1
In particular, this allows external build tools like Rollup and @web/dev-server to understand imports of Lit, which is configured to require the ".js" extension via its export conditions (so that Lit import maps can remain minimal). PiperOrigin-RevId: 469772992
26 lines
661 B
TypeScript
26 lines
661 B
TypeScript
/**
|
|
* @license
|
|
* Copyright 2022 Google LLC
|
|
* SPDX-License-Identifier: Apache-2.0
|
|
*/
|
|
|
|
import {html, TemplateResult} from 'lit';
|
|
import {ClassInfo} from 'lit/directives/class-map.js';
|
|
|
|
import {SegmentedButton} from './segmented-button.js';
|
|
|
|
/** @soyCompatible */
|
|
export class OutlinedSegmentedButton extends SegmentedButton {
|
|
/** @soyTemplate */
|
|
protected override getRenderClasses(): ClassInfo {
|
|
return {
|
|
...super.getRenderClasses(),
|
|
'md3-segmented-button--outlined': true,
|
|
};
|
|
}
|
|
|
|
/** @soyTemplate */
|
|
protected override renderOutline(): TemplateResult {
|
|
return html`<span class="md3-segmented-button__outline"></span>`;
|
|
}
|
|
} |