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