UNPKG

@synergy-design-system/components

Version:

This package provides the base of the Synergy Design System as native web components. It uses [lit](https://www.lit.dev) and parts of [shoelace](https://shoelace.style/). Synergy officially supports the latest two versions of all major browsers (as define

52 lines (49 loc) 1.15 kB
import { range_tick_styles_default } from "./chunk.DH3ESODU.js"; import { component_styles_default } from "./chunk.NLYVOJGK.js"; import { SynergyElement } from "./chunk.3THJTCRO.js"; import { __decorateClass } from "./chunk.Z4XV3SMG.js"; // src/components/range-tick/range-tick.component.ts import { classMap } from "lit/directives/class-map.js"; import { html } from "lit"; import { property } from "lit/decorators.js"; var SynRangeTick = class extends SynergyElement { constructor() { super(...arguments); this.subdivision = false; } render() { return html` <div class=${classMap({ tick: true, "tick--subdivision": this.subdivision })} part="base" > <div class="tick-line" part="line"></div> <div class="tick-label" part="label"> <slot></slot> </div> </div> `; } }; SynRangeTick.styles = [ component_styles_default, range_tick_styles_default ]; __decorateClass([ property({ reflect: true, type: Boolean }) ], SynRangeTick.prototype, "subdivision", 2); export { SynRangeTick }; //# sourceMappingURL=chunk.MAMYRDUG.js.map