wj-elements
Version:
WebJET Elements is a modern set of user interface tools harnessing the power of web components designed to simplify web application development.
68 lines (67 loc) • 2.32 kB
TypeScript
import { default as WJElement } from '../wje-element/element.js';
/**
* @summary OrgchartItem is a custom web component that extends WJElement.
* @documentation https://elements.webjet.sk/components/OrgchartItem
* @status stable
* @augments WJElement
* @attribute {boolean} boss - The boss of the orgchart item (default: false).
* @attribute {boolean} virtual - Renders the item as a structural connector without its own card or expander.
* @slot - The default slot for the orgchart item.
* @slot child - The child slot for the orgchart item.
* @csspart - Styles the element.
* @csspart native - Styles the native element.
* @csspart expander - Styles the expander element.
* // @fires wje-orgchart-item:click - Emitted when the item card is clicked.
* @tag wje-orgchart-item
*/
export default class OrgchartItem extends WJElement {
/**
* Returns the CSS styles for the component.
* @static
* @returns {CSSStyleSheet}
*/
static get cssStyleSheet(): CSSStyleSheet;
/**
* Returns attributes that trigger a redraw when they change.
* @returns {Array<string>} Attribute names that require a new template render.
*/
static get observedAttributes(): Array<string>;
/**
* Sets the boss of the orgchart item.
* @param value
*/
set boss(value: boolean);
/**
* Gets the boss of the orgchart item.
* @returns {boolean}
*/
get boss(): boolean;
/**
* Sets whether the item should render only as a structural connector.
* @param {boolean} value True when the item should not render its own card.
*/
set virtual(value: boolean);
/**
* Gets whether the item renders only as a structural connector.
* @returns {boolean} True when the item has the virtual attribute.
*/
get virtual(): boolean;
beforeDraw(): void;
/**
* Draws the component for the org chart item.
* @returns {DocumentFragment}
*/
draw(): DocumentFragment;
expander: HTMLDivElement;
card: HTMLElement;
/**
* After Draws the component for the org chart item.
*/
afterDraw(): void;
handleItemClick: (e: any) => void;
/**
* Toggles the children of the orgchart item.
* @param e The event object.
*/
toggleChildren: (e: any) => void;
}