mirror of
https://github.com/codex-team/editor.js
synced 2024-05-19 06:47:16 +02:00
e1c70b4fb8
* Support delimiter * Rename types, move types to popover-item folder * Fix ts errors * Add tests * Review fixes * Review fixes 2 * Fix delimiter while search * Fix flipper issue * Fix block tunes types * Fix types * Fixes * Make search input emit event * Fix types * Rename delimiter to separator * Update chengelog
44 lines
913 B
TypeScript
44 lines
913 B
TypeScript
import Dom from '../../../../../dom';
|
|
import { PopoverItem } from '../popover-item';
|
|
import { css } from './popover-item-separator.const';
|
|
|
|
/**
|
|
* Represents popover separator node
|
|
*/
|
|
export class PopoverItemSeparator extends PopoverItem {
|
|
/**
|
|
* Html elements
|
|
*/
|
|
private nodes: { root: HTMLElement; line: HTMLElement };
|
|
|
|
/**
|
|
* Constructs the instance
|
|
*/
|
|
constructor() {
|
|
super();
|
|
|
|
this.nodes = {
|
|
root: Dom.make('div', css.container),
|
|
line: Dom.make('div', css.line),
|
|
};
|
|
|
|
this.nodes.root.appendChild(this.nodes.line);
|
|
}
|
|
|
|
/**
|
|
* Returns popover separator root element
|
|
*/
|
|
public getElement(): HTMLElement {
|
|
return this.nodes.root;
|
|
}
|
|
|
|
/**
|
|
* Toggles item hidden state
|
|
*
|
|
* @param isHidden - true if item should be hidden
|
|
*/
|
|
public toggleHidden(isHidden: boolean): void {
|
|
this.nodes.root?.classList.toggle(css.hidden, isHidden);
|
|
}
|
|
}
|