12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758 |
- import SpriteSymbol from './symbol';
- import parse from './utils/parse';
- import wrapInSvgString from './utils/wrap-in-svg-string';
- export default class BrowserSpriteSymbol extends SpriteSymbol {
- get isMounted() {
- return !!this.node;
- }
- /**
- * @param {Element} node
- * @return {BrowserSpriteSymbol}
- */
- static createFromExistingNode(node) {
- return new BrowserSpriteSymbol({
- id: node.getAttribute('id'),
- viewBox: node.getAttribute('viewBox'),
- content: node.outerHTML
- });
- }
- destroy() {
- if (this.isMounted) {
- this.unmount();
- }
- super.destroy();
- }
- /**
- * @param {Element|string} target
- * @return {Element}
- */
- mount(target) {
- if (this.isMounted) {
- return this.node;
- }
- const mountTarget = typeof target === 'string' ? document.querySelector(target) : target;
- const node = this.render();
- this.node = node;
- mountTarget.appendChild(node);
- return node;
- }
- /**
- * @return {Element}
- */
- render() {
- const content = this.stringify();
- return parse(wrapInSvgString(content)).childNodes[0];
- }
- unmount() {
- this.node.parentNode.removeChild(this.node);
- }
- }
|