material-web/segmentedbutton/lib/outlined-segmented-button.ts
Alexander Marks 30c95aeee1 chore: add ".js" extensions to import statements.
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
2022-08-24 11:01:21 -07:00

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>`;
}
}