generated from shgysk8zer0/npm-template
-
-
Notifications
You must be signed in to change notification settings - Fork 0
/
dom.js
113 lines (91 loc) · 3.59 KB
/
dom.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
import { attachListeners } from './events.js';
const ESCAPED_PATTERN = /&(?![a-zA-Z\d]{2,5};|#\d{1,3};)/g;
export const escapeAttrVal = str => str.toString()
// Do not double-escape
.replaceAll(ESCAPED_PATTERN, '&')
.replaceAll('"', '"');
export function createAttribute(name, value = '', namespace) {
const attr = typeof namespace === 'string'
? document.createAttributeNS(namespace, name)
: document.createAttribute(name);
attr.value = value;
return attr;
}
export const stringifyAttr = attr => `${attr.name}="${escapeAttrVal(attr.value)}"`;
export const escape = str => str.toString()
.replaceAll(ESCAPED_PATTERN, '&')
.replaceAll('<', '<')
.replaceAll('>', '>')
.replaceAll('"', '"');
export const getUniqueSelector = (prefix = '_aegis-scope') => `${prefix}-${crypto.randomUUID()}`;
export function replaceStyles(target, ...sheets) {
if (! (target instanceof Node)) {
throw new TypeError('Expected target to be a Document, DocumentFragment, ShadowRoot, or Element.');
} else if (target instanceof Document || target instanceof ShadowRoot) {
target.adoptedStyleSheets = sheets;
} else if (! (target instanceof Element || DocumentFragment)) {
throw new TypeError('Expected target to be a Document, DocumentFragment, ShadowRoot, or Element.');
} else if (target.shadowRoot instanceof ShadowRoot) {
return replaceStyles(target.shadowRoot, ...sheets);
} else if (! target.isConnected) {
throw new TypeError('Target is not connected to the document yet.');
} else {
return replaceStyles(target.getRootNode({ composed: false }), ...sheets);
}
}
export function addStyles(target, ...sheets) {
if (! (target instanceof Node)) {
throw new TypeError('Expected target to be a Document, DocumentFragment, ShadowRoot, or Element.');
} else if (target instanceof Document || target instanceof ShadowRoot) {
replaceStyles(target, ...target.adoptedStyleSheets, ...sheets);
} else if (target.shadowRoot instanceof ShadowRoot) {
return addStyles(target.shadowRoot, ...sheets);
} else {
return addStyles(target.getRootNode({ composed: false }), ...sheets);
}
}
export function appendTo(target, ...items) {
if (! (target instanceof Node)) {
throw new TypeError('Target must be a Node.');
} else {
const styles = items.filter(item => item instanceof CSSStyleSheet);
const children = items.filter(item => typeof item === 'string' || item instanceof Node);
if (styles.length !== 0) {
addStyles(target, ...styles);
}
if (children.length !== 0) {
target.append(...children);
}
attachListeners(target instanceof ShadowRoot ? target.host : target);
}
}
export function prependTo(target, ...items) {
if (! (target instanceof Node)) {
throw new TypeError('Target must be a Node.');
} else {
const styles = items.filter(item => item instanceof CSSStyleSheet);
const children = items.filter(item => typeof item === 'string' || item instanceof Node);
if (styles.length !== 0) {
addStyles(target, ...styles);
}
if (children.length !== 0) {
target.prepend(...children);
}
attachListeners(target instanceof ShadowRoot ? target.host : target);
}
}
export function replace(target, ...items) {
if (! (target instanceof Node)) {
throw new TypeError('Target must be a Node.');
} else {
const styles = items.filter(item => item instanceof CSSStyleSheet);
const children = items.filter(item => typeof item === 'string' || item instanceof Node);
if (styles.length !== 0) {
replaceStyles(target, ...styles);
}
if (children.length !== 0) {
target.replaceChildren(...children);
}
attachListeners(target instanceof ShadowRoot ? target.host : target);
}
}