@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
JavaScript
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