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

47 lines (44 loc) 1.17 kB
import { divider_styles_default } from "./chunk.FSZIE7IO.js"; import { divider_custom_styles_default } from "./chunk.FA6V2WD6.js"; import { watch } from "./chunk.BVZQ6QSY.js"; import { component_styles_default } from "./chunk.NLYVOJGK.js"; import { SynergyElement } from "./chunk.3AZFEB6D.js"; import { __decorateClass } from "./chunk.Z4XV3SMG.js"; // src/components/divider/divider.component.ts import { property } from "lit/decorators.js"; var SynDivider = class extends SynergyElement { constructor() { super(...arguments); this.vertical = false; } connectedCallback() { super.connectedCallback(); this.setAttribute("role", "separator"); } handleVerticalChange() { this.setAttribute("aria-orientation", this.vertical ? "vertical" : "horizontal"); } }; SynDivider.styles = [component_styles_default, divider_styles_default, divider_custom_styles_default]; __decorateClass([ property({ type: Boolean, reflect: true }) ], SynDivider.prototype, "vertical", 2); __decorateClass([ watch("vertical") ], SynDivider.prototype, "handleVerticalChange", 1); export { SynDivider }; //# sourceMappingURL=chunk.P2IQYZXI.js.map