All files / src/custom-element/mixins ShadowRootMixin.ts

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
 
 
 
 
 
15x
 
15x
 
 
 
81x
 
81x
 
80x
 
 
 
 
 
 
 
 
95x
 
 
 
 
 
 
15x
/**
 * Mixin to manage whether the custom component has a shadow root or not
 * @param Base 
 * @returns 
 */
const ShadowRootMixin = Base =>
 
    class ShadowRoot extends Base {
 
        constructor() {
 
            super();
 
            if ((this.constructor as any).metadata.shadow === true) {
 
                this.attachShadow({ mode: 'open' });
            }
        }
 
        /** 
         * The DOM document in which this component is updated 
         */
        get document() {
 
            return this.shadowRoot !== null ?
                this.shadowRoot :
                this;
        }
 
    }
 
export default ShadowRootMixin;