@joist/element 4.5.0 → 4.7.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/package.json +1 -1
- package/src/lib/define.ts +1 -1
- package/src/lib/element.ts +3 -2
- package/src/lib/tags.test.ts +34 -22
- package/src/lib.ts +1 -1
- package/target/lib/attr-changed.d.ts +0 -2
- package/target/lib/attr-changed.js +0 -12
- package/target/lib/attr-changed.js.map +0 -1
- package/target/lib/attr-changed.test.d.ts +0 -1
- package/target/lib/attr-changed.test.js +0 -117
- package/target/lib/attr-changed.test.js.map +0 -1
- package/target/lib/attr.d.ts +0 -6
- package/target/lib/attr.js +0 -66
- package/target/lib/attr.js.map +0 -1
- package/target/lib/attr.test.d.ts +0 -1
- package/target/lib/attr.test.js +0 -480
- package/target/lib/attr.test.js.map +0 -1
- package/target/lib/define.d.ts +0 -5
- package/target/lib/define.js +0 -14
- package/target/lib/define.js.map +0 -1
- package/target/lib/element.d.ts +0 -11
- package/target/lib/element.js +0 -112
- package/target/lib/element.js.map +0 -1
- package/target/lib/element.test.d.ts +0 -1
- package/target/lib/element.test.js +0 -329
- package/target/lib/element.test.js.map +0 -1
- package/target/lib/lifecycle.d.ts +0 -1
- package/target/lib/lifecycle.js +0 -8
- package/target/lib/lifecycle.js.map +0 -1
- package/target/lib/lifecycle.test.d.ts +0 -1
- package/target/lib/lifecycle.test.js +0 -48
- package/target/lib/lifecycle.test.js.map +0 -1
- package/target/lib/listen.d.ts +0 -2
- package/target/lib/listen.js +0 -26
- package/target/lib/listen.js.map +0 -1
- package/target/lib/listen.test.d.ts +0 -1
- package/target/lib/listen.test.js +0 -264
- package/target/lib/listen.test.js.map +0 -1
- package/target/lib/metadata.d.ts +0 -30
- package/target/lib/metadata.js +0 -21
- package/target/lib/metadata.js.map +0 -1
- package/target/lib/query-all.d.ts +0 -10
- package/target/lib/query-all.js +0 -40
- package/target/lib/query-all.js.map +0 -1
- package/target/lib/query-all.test.d.ts +0 -1
- package/target/lib/query-all.test.js +0 -195
- package/target/lib/query-all.test.js.map +0 -1
- package/target/lib/query.d.ts +0 -10
- package/target/lib/query.js +0 -36
- package/target/lib/query.js.map +0 -1
- package/target/lib/query.test.d.ts +0 -1
- package/target/lib/query.test.js +0 -188
- package/target/lib/query.test.js.map +0 -1
- package/target/lib/result.d.ts +0 -3
- package/target/lib/result.js +0 -2
- package/target/lib/result.js.map +0 -1
- package/target/lib/tags.d.ts +0 -14
- package/target/lib/tags.js +0 -44
- package/target/lib/tags.js.map +0 -1
- package/target/lib/tags.test.d.ts +0 -1
- package/target/lib/tags.test.js +0 -69
- package/target/lib/tags.test.js.map +0 -1
- package/target/lib.d.ts +0 -9
- package/target/lib.js +0 -9
- package/target/lib.js.map +0 -1
package/target/lib/query.test.js
DELETED
|
@@ -1,188 +0,0 @@
|
|
|
1
|
-
import { __esDecorate, __runInitializers } from "tslib";
|
|
2
|
-
import { expect } from "chai";
|
|
3
|
-
import { element } from "./element.js";
|
|
4
|
-
import { query } from "./query.js";
|
|
5
|
-
import { html } from "./tags.js";
|
|
6
|
-
it("should work", () => {
|
|
7
|
-
let MyElement = (() => {
|
|
8
|
-
let _classDecorators = [element({
|
|
9
|
-
tagName: "query-test-1",
|
|
10
|
-
shadowDom: [
|
|
11
|
-
html `
|
|
12
|
-
<form>
|
|
13
|
-
<input id="fname" name="fname" />
|
|
14
|
-
<input id="lname" name="lname" />
|
|
15
|
-
</form>
|
|
16
|
-
`,
|
|
17
|
-
],
|
|
18
|
-
})];
|
|
19
|
-
let _classDescriptor;
|
|
20
|
-
let _classExtraInitializers = [];
|
|
21
|
-
let _classThis;
|
|
22
|
-
let _classSuper = HTMLElement;
|
|
23
|
-
var MyElement = class extends _classSuper {
|
|
24
|
-
static { _classThis = this; }
|
|
25
|
-
static {
|
|
26
|
-
const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
|
|
27
|
-
__esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
|
|
28
|
-
MyElement = _classThis = _classDescriptor.value;
|
|
29
|
-
if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
|
|
30
|
-
__runInitializers(_classThis, _classExtraInitializers);
|
|
31
|
-
}
|
|
32
|
-
fname = query("#fname");
|
|
33
|
-
lname = query("#lname");
|
|
34
|
-
};
|
|
35
|
-
return MyElement = _classThis;
|
|
36
|
-
})();
|
|
37
|
-
const el = new MyElement();
|
|
38
|
-
expect(el.fname()).to.equal(el.shadowRoot?.querySelector("#fname"));
|
|
39
|
-
expect(el.lname()).to.equal(el.shadowRoot?.querySelector("#lname"));
|
|
40
|
-
});
|
|
41
|
-
it("should patch the selected item", () => {
|
|
42
|
-
let MyElement = (() => {
|
|
43
|
-
let _classDecorators = [element({
|
|
44
|
-
tagName: "query-test-2",
|
|
45
|
-
shadowDom: [
|
|
46
|
-
html `
|
|
47
|
-
<form>
|
|
48
|
-
<input id="fname" name="fname" />
|
|
49
|
-
<input id="lname" name="lname" />
|
|
50
|
-
</form>
|
|
51
|
-
`,
|
|
52
|
-
],
|
|
53
|
-
})];
|
|
54
|
-
let _classDescriptor;
|
|
55
|
-
let _classExtraInitializers = [];
|
|
56
|
-
let _classThis;
|
|
57
|
-
let _classSuper = HTMLElement;
|
|
58
|
-
var MyElement = class extends _classSuper {
|
|
59
|
-
static { _classThis = this; }
|
|
60
|
-
static {
|
|
61
|
-
const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
|
|
62
|
-
__esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
|
|
63
|
-
MyElement = _classThis = _classDescriptor.value;
|
|
64
|
-
if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
|
|
65
|
-
__runInitializers(_classThis, _classExtraInitializers);
|
|
66
|
-
}
|
|
67
|
-
fname = query("#fname");
|
|
68
|
-
lname = query("#lname");
|
|
69
|
-
};
|
|
70
|
-
return MyElement = _classThis;
|
|
71
|
-
})();
|
|
72
|
-
const el = new MyElement();
|
|
73
|
-
el.fname({ value: "Foo" });
|
|
74
|
-
el.lname({ value: "Bar" });
|
|
75
|
-
expect(el.shadowRoot?.querySelector("#fname")?.value).to.equal("Foo");
|
|
76
|
-
expect(el.shadowRoot?.querySelector("#lname")?.value).to.equal("Bar");
|
|
77
|
-
});
|
|
78
|
-
it("should patch the selected item when cached", () => {
|
|
79
|
-
let MyElement = (() => {
|
|
80
|
-
let _classDecorators = [element({
|
|
81
|
-
tagName: "query-test-3",
|
|
82
|
-
shadowDom: [
|
|
83
|
-
html `
|
|
84
|
-
<form>
|
|
85
|
-
<input id="fname" name="fname" />
|
|
86
|
-
<input id="lname" name="lname" />
|
|
87
|
-
</form>
|
|
88
|
-
`,
|
|
89
|
-
],
|
|
90
|
-
})];
|
|
91
|
-
let _classDescriptor;
|
|
92
|
-
let _classExtraInitializers = [];
|
|
93
|
-
let _classThis;
|
|
94
|
-
let _classSuper = HTMLElement;
|
|
95
|
-
var MyElement = class extends _classSuper {
|
|
96
|
-
static { _classThis = this; }
|
|
97
|
-
static {
|
|
98
|
-
const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
|
|
99
|
-
__esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
|
|
100
|
-
MyElement = _classThis = _classDescriptor.value;
|
|
101
|
-
if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
|
|
102
|
-
__runInitializers(_classThis, _classExtraInitializers);
|
|
103
|
-
}
|
|
104
|
-
fname = query("#fname");
|
|
105
|
-
lname = query("#lname");
|
|
106
|
-
};
|
|
107
|
-
return MyElement = _classThis;
|
|
108
|
-
})();
|
|
109
|
-
const el = new MyElement();
|
|
110
|
-
el.fname();
|
|
111
|
-
el.lname();
|
|
112
|
-
el.fname({ value: "Foo" });
|
|
113
|
-
el.lname({ value: "Bar" });
|
|
114
|
-
expect(el.shadowRoot?.querySelector("#fname")?.value).to.equal("Foo");
|
|
115
|
-
expect(el.shadowRoot?.querySelector("#lname")?.value).to.equal("Bar");
|
|
116
|
-
});
|
|
117
|
-
it("should use function to update", () => {
|
|
118
|
-
let MyElement = (() => {
|
|
119
|
-
let _classDecorators = [element({
|
|
120
|
-
tagName: "query-test-4",
|
|
121
|
-
shadowDom: [
|
|
122
|
-
html `
|
|
123
|
-
<form>
|
|
124
|
-
<input id="fname" name="fname" />
|
|
125
|
-
<input id="lname" name="lname" />
|
|
126
|
-
</form>
|
|
127
|
-
`,
|
|
128
|
-
],
|
|
129
|
-
})];
|
|
130
|
-
let _classDescriptor;
|
|
131
|
-
let _classExtraInitializers = [];
|
|
132
|
-
let _classThis;
|
|
133
|
-
let _classSuper = HTMLElement;
|
|
134
|
-
var MyElement = class extends _classSuper {
|
|
135
|
-
static { _classThis = this; }
|
|
136
|
-
static {
|
|
137
|
-
const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
|
|
138
|
-
__esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
|
|
139
|
-
MyElement = _classThis = _classDescriptor.value;
|
|
140
|
-
if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
|
|
141
|
-
__runInitializers(_classThis, _classExtraInitializers);
|
|
142
|
-
}
|
|
143
|
-
fname = query("#fname");
|
|
144
|
-
lname = query("#lname");
|
|
145
|
-
};
|
|
146
|
-
return MyElement = _classThis;
|
|
147
|
-
})();
|
|
148
|
-
const el = new MyElement();
|
|
149
|
-
el.fname(() => ({ value: "Foo" }));
|
|
150
|
-
el.lname(() => ({ value: "Bar" }));
|
|
151
|
-
expect(el.shadowRoot?.querySelector("#fname")?.value).to.equal("Foo");
|
|
152
|
-
expect(el.shadowRoot?.querySelector("#lname")?.value).to.equal("Bar");
|
|
153
|
-
});
|
|
154
|
-
it("should use passed in root", () => {
|
|
155
|
-
let MyElement = (() => {
|
|
156
|
-
let _classDecorators = [element({
|
|
157
|
-
tagName: "query-test-5",
|
|
158
|
-
shadowDom: [],
|
|
159
|
-
})];
|
|
160
|
-
let _classDescriptor;
|
|
161
|
-
let _classExtraInitializers = [];
|
|
162
|
-
let _classThis;
|
|
163
|
-
let _classSuper = HTMLElement;
|
|
164
|
-
var MyElement = class extends _classSuper {
|
|
165
|
-
static { _classThis = this; }
|
|
166
|
-
static {
|
|
167
|
-
const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
|
|
168
|
-
__esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
|
|
169
|
-
MyElement = _classThis = _classDescriptor.value;
|
|
170
|
-
if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
|
|
171
|
-
__runInitializers(_classThis, _classExtraInitializers);
|
|
172
|
-
}
|
|
173
|
-
fname = query("#fname", this);
|
|
174
|
-
lname = query("#lname", this);
|
|
175
|
-
};
|
|
176
|
-
return MyElement = _classThis;
|
|
177
|
-
})();
|
|
178
|
-
const el = new MyElement();
|
|
179
|
-
el.innerHTML = `
|
|
180
|
-
<form>
|
|
181
|
-
<input id="fname" name="fname" />
|
|
182
|
-
<input id="lname" name="lname" />
|
|
183
|
-
</form>
|
|
184
|
-
`;
|
|
185
|
-
expect(el.fname()).to.equal(el.querySelector("#fname"));
|
|
186
|
-
expect(el.lname()).to.equal(el.querySelector("#lname"));
|
|
187
|
-
});
|
|
188
|
-
//# sourceMappingURL=query.test.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"query.test.js","sourceRoot":"","sources":["../../src/lib/query.test.ts"],"names":[],"mappings":"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"}
|
package/target/lib/result.d.ts
DELETED
package/target/lib/result.js
DELETED
package/target/lib/result.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"result.js","sourceRoot":"","sources":["../../src/lib/result.ts"],"names":[],"mappings":""}
|
package/target/lib/tags.d.ts
DELETED
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
import type { ShadowResult } from "./result.js";
|
|
2
|
-
export declare class HTMLResult<T extends HTMLElement> implements ShadowResult {
|
|
3
|
-
#private;
|
|
4
|
-
constructor(raw: TemplateStringsArray, ..._values: any[]);
|
|
5
|
-
createNode(): Node;
|
|
6
|
-
apply(el: T): void;
|
|
7
|
-
}
|
|
8
|
-
export declare function html<T extends HTMLElement>(strings: TemplateStringsArray, ...values: any[]): HTMLResult<T>;
|
|
9
|
-
export declare class CSSResult implements ShadowResult {
|
|
10
|
-
#private;
|
|
11
|
-
constructor(raw: TemplateStringsArray, ..._values: any[]);
|
|
12
|
-
apply(el: HTMLElement): void;
|
|
13
|
-
}
|
|
14
|
-
export declare function css(strings: TemplateStringsArray): CSSResult;
|
package/target/lib/tags.js
DELETED
|
@@ -1,44 +0,0 @@
|
|
|
1
|
-
export class HTMLResult {
|
|
2
|
-
#template;
|
|
3
|
-
constructor(raw, ..._values) {
|
|
4
|
-
this.#template = document.createElement("template");
|
|
5
|
-
this.#template.innerHTML = concat(raw);
|
|
6
|
-
}
|
|
7
|
-
createNode() {
|
|
8
|
-
return document.importNode(this.#template.content, true);
|
|
9
|
-
}
|
|
10
|
-
apply(el) {
|
|
11
|
-
if (el.shadowRoot) {
|
|
12
|
-
el.shadowRoot.append(this.createNode());
|
|
13
|
-
}
|
|
14
|
-
}
|
|
15
|
-
}
|
|
16
|
-
export function html(strings, ...values) {
|
|
17
|
-
return new HTMLResult(strings, ...values);
|
|
18
|
-
}
|
|
19
|
-
export class CSSResult {
|
|
20
|
-
#sheet;
|
|
21
|
-
constructor(raw, ..._values) {
|
|
22
|
-
this.#sheet = new CSSStyleSheet();
|
|
23
|
-
this.#sheet.replaceSync(concat(raw));
|
|
24
|
-
}
|
|
25
|
-
apply(el) {
|
|
26
|
-
if (el.shadowRoot) {
|
|
27
|
-
el.shadowRoot.adoptedStyleSheets = [
|
|
28
|
-
...el.shadowRoot.adoptedStyleSheets,
|
|
29
|
-
this.#sheet,
|
|
30
|
-
];
|
|
31
|
-
}
|
|
32
|
-
}
|
|
33
|
-
}
|
|
34
|
-
export function css(strings) {
|
|
35
|
-
return new CSSResult(strings);
|
|
36
|
-
}
|
|
37
|
-
function concat(strings) {
|
|
38
|
-
let res = "";
|
|
39
|
-
for (let i = 0; i < strings.length; i++) {
|
|
40
|
-
res += strings[i];
|
|
41
|
-
}
|
|
42
|
-
return res;
|
|
43
|
-
}
|
|
44
|
-
//# sourceMappingURL=tags.js.map
|
package/target/lib/tags.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"tags.js","sourceRoot":"","sources":["../../src/lib/tags.ts"],"names":[],"mappings":"AAEA,MAAM,OAAO,UAAU;IACrB,SAAS,CAAsB;IAE/B,YAAY,GAAyB,EAAE,GAAG,OAAc;QACtD,IAAI,CAAC,SAAS,GAAG,QAAQ,CAAC,aAAa,CAAC,UAAU,CAAC,CAAC;QACpD,IAAI,CAAC,SAAS,CAAC,SAAS,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC;IACzC,CAAC;IAED,UAAU;QACR,OAAO,QAAQ,CAAC,UAAU,CAAC,IAAI,CAAC,SAAS,CAAC,OAAO,EAAE,IAAI,CAAC,CAAC;IAC3D,CAAC;IAED,KAAK,CAAC,EAAK;QACT,IAAI,EAAE,CAAC,UAAU,EAAE,CAAC;YAClB,EAAE,CAAC,UAAU,CAAC,MAAM,CAAC,IAAI,CAAC,UAAU,EAAE,CAAC,CAAC;QAC1C,CAAC;IACH,CAAC;CACF;AAED,MAAM,UAAU,IAAI,CAClB,OAA6B,EAC7B,GAAG,MAAa;IAEhB,OAAO,IAAI,UAAU,CAAC,OAAO,EAAE,GAAG,MAAM,CAAC,CAAC;AAC5C,CAAC;AAED,MAAM,OAAO,SAAS;IACpB,MAAM,CAAC;IAEP,YAAY,GAAyB,EAAE,GAAG,OAAc;QACtD,IAAI,CAAC,MAAM,GAAG,IAAI,aAAa,EAAE,CAAC;QAClC,IAAI,CAAC,MAAM,CAAC,WAAW,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC;IACvC,CAAC;IAED,KAAK,CAAC,EAAe;QACnB,IAAI,EAAE,CAAC,UAAU,EAAE,CAAC;YAClB,EAAE,CAAC,UAAU,CAAC,kBAAkB,GAAG;gBACjC,GAAG,EAAE,CAAC,UAAU,CAAC,kBAAkB;gBACnC,IAAI,CAAC,MAAM;aACZ,CAAC;QACJ,CAAC;IACH,CAAC;CACF;AAED,MAAM,UAAU,GAAG,CAAC,OAA6B;IAC/C,OAAO,IAAI,SAAS,CAAC,OAAO,CAAC,CAAC;AAChC,CAAC;AAED,SAAS,MAAM,CAAC,OAA6B;IAC3C,IAAI,GAAG,GAAG,EAAE,CAAC;IAEb,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,OAAO,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE,CAAC;QACxC,GAAG,IAAI,OAAO,CAAC,CAAC,CAAC,CAAC;IACpB,CAAC;IAED,OAAO,GAAG,CAAC;AACb,CAAC"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export {};
|
package/target/lib/tags.test.js
DELETED
|
@@ -1,69 +0,0 @@
|
|
|
1
|
-
import { assert } from "chai";
|
|
2
|
-
import { CSSResult, HTMLResult, css, html } from "./tags.js";
|
|
3
|
-
describe("tags", () => {
|
|
4
|
-
describe("html", () => {
|
|
5
|
-
it("should create an HTMLResult instance", () => {
|
|
6
|
-
const result = html `<div>Hello</div>`;
|
|
7
|
-
assert.instanceOf(result, HTMLResult);
|
|
8
|
-
});
|
|
9
|
-
it("should create a cloneable node", () => {
|
|
10
|
-
const result = html `<div>Hello</div>`;
|
|
11
|
-
const node = result.createNode();
|
|
12
|
-
assert.instanceOf(node, Node);
|
|
13
|
-
assert.equal(node.textContent, "Hello");
|
|
14
|
-
});
|
|
15
|
-
it("should apply HTML to shadow root", () => {
|
|
16
|
-
const div = document.createElement("div");
|
|
17
|
-
const shadow = div.attachShadow({ mode: "open" });
|
|
18
|
-
const result = html `<div>Hello</div>`;
|
|
19
|
-
result.apply(div);
|
|
20
|
-
assert.equal(shadow.innerHTML, "<div>Hello</div>");
|
|
21
|
-
});
|
|
22
|
-
it("should not apply HTML if no shadow root", () => {
|
|
23
|
-
const element = document.createElement("div");
|
|
24
|
-
const result = html `<div>Hello</div>`;
|
|
25
|
-
result.apply(element);
|
|
26
|
-
assert.equal(element.innerHTML, "");
|
|
27
|
-
});
|
|
28
|
-
});
|
|
29
|
-
describe("css", () => {
|
|
30
|
-
it("should create a CSSResult instance", () => {
|
|
31
|
-
const result = css `div { color: red; }`;
|
|
32
|
-
assert.instanceOf(result, CSSResult);
|
|
33
|
-
});
|
|
34
|
-
it("should create a stylesheet with correct content", () => {
|
|
35
|
-
const result = css `div { color: red; }`;
|
|
36
|
-
const element = document.createElement("div");
|
|
37
|
-
const shadow = element.attachShadow({ mode: "open" });
|
|
38
|
-
result.apply(element);
|
|
39
|
-
assert.equal(shadow.adoptedStyleSheets.length, 1);
|
|
40
|
-
assert.equal(shadow.adoptedStyleSheets[0].cssRules[0].cssText, "div { color: red; }");
|
|
41
|
-
});
|
|
42
|
-
it("should apply CSS to shadow root", () => {
|
|
43
|
-
const element = document.createElement("div");
|
|
44
|
-
const shadow = element.attachShadow({ mode: "open" });
|
|
45
|
-
const result = css `div { color: red; }`;
|
|
46
|
-
result.apply(element);
|
|
47
|
-
assert.equal(shadow.adoptedStyleSheets.length, 1);
|
|
48
|
-
assert.equal(shadow.adoptedStyleSheets[0].cssRules[0].cssText, "div { color: red; }");
|
|
49
|
-
});
|
|
50
|
-
it("should not apply CSS if no shadow root", () => {
|
|
51
|
-
const element = document.createElement("div");
|
|
52
|
-
const result = css `div { color: red; }`;
|
|
53
|
-
result.apply(element);
|
|
54
|
-
assert.equal(element.shadowRoot, null);
|
|
55
|
-
});
|
|
56
|
-
it("should append to existing style sheets", () => {
|
|
57
|
-
const element = document.createElement("div");
|
|
58
|
-
const shadow = element.attachShadow({ mode: "open" });
|
|
59
|
-
const sheet1 = css `div { color: red; }`;
|
|
60
|
-
const sheet2 = css `span { color: blue; }`;
|
|
61
|
-
sheet1.apply(element);
|
|
62
|
-
sheet2.apply(element);
|
|
63
|
-
assert.equal(shadow.adoptedStyleSheets.length, 2);
|
|
64
|
-
assert.equal(shadow.adoptedStyleSheets[0].cssRules[0].cssText, "div { color: red; }");
|
|
65
|
-
assert.equal(shadow.adoptedStyleSheets[1].cssRules[0].cssText, "span { color: blue; }");
|
|
66
|
-
});
|
|
67
|
-
});
|
|
68
|
-
});
|
|
69
|
-
//# sourceMappingURL=tags.test.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"tags.test.js","sourceRoot":"","sources":["../../src/lib/tags.test.ts"],"names":[],"mappings":"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"}
|
package/target/lib.d.ts
DELETED
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
export { css, html, HTMLResult, CSSResult } from "./lib/tags.js";
|
|
2
|
-
export { attr } from "./lib/attr.js";
|
|
3
|
-
export { listen } from "./lib/listen.js";
|
|
4
|
-
export { element } from "./lib/element.js";
|
|
5
|
-
export { query } from "./lib/query.js";
|
|
6
|
-
export { queryAll } from "./lib/query-all.js";
|
|
7
|
-
export { QueryResult } from "./lib/query.js";
|
|
8
|
-
export { ready } from "./lib/lifecycle.js";
|
|
9
|
-
export { attrChanged } from "./lib/attr-changed.js";
|
package/target/lib.js
DELETED
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
export { css, html, HTMLResult, CSSResult } from "./lib/tags.js";
|
|
2
|
-
export { attr } from "./lib/attr.js";
|
|
3
|
-
export { listen } from "./lib/listen.js";
|
|
4
|
-
export { element } from "./lib/element.js";
|
|
5
|
-
export { query } from "./lib/query.js";
|
|
6
|
-
export { queryAll } from "./lib/query-all.js";
|
|
7
|
-
export { ready } from "./lib/lifecycle.js";
|
|
8
|
-
export { attrChanged } from "./lib/attr-changed.js";
|
|
9
|
-
//# sourceMappingURL=lib.js.map
|
package/target/lib.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"lib.js","sourceRoot":"","sources":["../src/lib.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AACjE,OAAO,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AACrC,OAAO,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AACzC,OAAO,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAC3C,OAAO,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAC;AACvC,OAAO,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AAE9C,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAC3C,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC"}
|