@joist/element 3.1.0 → 3.1.1
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 +3 -2
- package/src/lib/attr.ts +2 -6
- package/src/lib/element.ts +6 -16
- package/src/lib/metadata.ts +28 -0
- package/src/lib/shadow.ts +2 -4
- package/src/lib/tag-name.ts +4 -6
- package/target/lib/attr.js +1 -1
- package/target/lib/attr.js.map +1 -1
- package/target/lib/attr.test.js +1 -1
- package/target/lib/attr.test.js.map +1 -1
- package/target/lib/element.d.ts +4 -3
- package/target/lib/element.js +6 -14
- package/target/lib/element.js.map +1 -1
- package/target/lib/element.test.js +1 -1
- package/target/lib/element.test.js.map +1 -1
- package/target/lib/tag-name.d.ts +1 -1
- package/target/lib/tag-name.js +9 -6
- package/target/lib/tag-name.js.map +1 -1
- package/target/lib/tag-name.test.js +4 -16
- package/target/lib/tag-name.test.js.map +1 -1
- package/target/lib.d.ts +0 -1
- package/target/lib.js +0 -1
- package/target/lib.js.map +1 -1
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@joist/element",
|
|
3
|
-
"version": "3.1.
|
|
3
|
+
"version": "3.1.1",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"main": "./target/lib.js",
|
|
6
6
|
"module": "./target/lib.js",
|
|
@@ -46,7 +46,8 @@
|
|
|
46
46
|
"clean": "if-file-deleted",
|
|
47
47
|
"files": [
|
|
48
48
|
"src/**",
|
|
49
|
-
"tsconfig.json"
|
|
49
|
+
"tsconfig.json",
|
|
50
|
+
"../../tsconfig.json"
|
|
50
51
|
],
|
|
51
52
|
"output": [
|
|
52
53
|
"target/**",
|
package/src/lib/attr.ts
CHANGED
|
@@ -1,14 +1,10 @@
|
|
|
1
|
-
|
|
2
|
-
(Symbol as any).metadata ??= Symbol('Symbol.metadata');
|
|
3
|
-
|
|
4
|
-
import { ElementMetadata } from './element.js';
|
|
1
|
+
import { metadataStore } from './metadata.js';
|
|
5
2
|
|
|
6
3
|
export function attr<This extends HTMLElement>(
|
|
7
4
|
{ get, set }: ClassAccessorDecoratorTarget<This, unknown>,
|
|
8
5
|
ctx: ClassAccessorDecoratorContext<This>
|
|
9
6
|
): ClassAccessorDecoratorResult<This, any> {
|
|
10
|
-
|
|
11
|
-
const meta = ctx.metadata.el as ElementMetadata;
|
|
7
|
+
const meta = metadataStore.read(ctx.metadata);
|
|
12
8
|
meta.attrs.push(String(ctx.name));
|
|
13
9
|
|
|
14
10
|
return {
|
package/src/lib/element.ts
CHANGED
|
@@ -1,22 +1,12 @@
|
|
|
1
|
-
|
|
1
|
+
import { metadataStore } from './metadata.js';
|
|
2
2
|
|
|
3
|
-
export
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
}
|
|
7
|
-
|
|
8
|
-
export interface ElementCtx {
|
|
9
|
-
el?: ElementMetadata;
|
|
10
|
-
}
|
|
11
|
-
|
|
12
|
-
export function element<T extends new (...args: any[]) => HTMLElement>(
|
|
13
|
-
Base: T,
|
|
14
|
-
ctx: ClassDecoratorContext<T>
|
|
3
|
+
export function element<Target extends CustomElementConstructor>(
|
|
4
|
+
Base: Target,
|
|
5
|
+
ctx: ClassDecoratorContext<Target>
|
|
15
6
|
) {
|
|
16
|
-
|
|
17
|
-
const meta = ctx.metadata.el as ElementMetadata;
|
|
7
|
+
const meta = metadataStore.read(ctx.metadata);
|
|
18
8
|
|
|
19
|
-
ctx.addInitializer(function (this:
|
|
9
|
+
ctx.addInitializer(function (this: Target) {
|
|
20
10
|
if (meta.tagName) {
|
|
21
11
|
const val = meta.tagName(this);
|
|
22
12
|
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
(Symbol as any).metadata ??= Symbol('Symbol.metadata');
|
|
2
|
+
|
|
3
|
+
export abstract class MetadataStore<T> {
|
|
4
|
+
#data = new WeakMap<object, T>();
|
|
5
|
+
|
|
6
|
+
read<T extends object>(value: T) {
|
|
7
|
+
if (!this.#data.has(value)) {
|
|
8
|
+
this.#data.set(value, this.init());
|
|
9
|
+
}
|
|
10
|
+
|
|
11
|
+
return this.#data.get(value)!;
|
|
12
|
+
}
|
|
13
|
+
|
|
14
|
+
abstract init(): T;
|
|
15
|
+
}
|
|
16
|
+
|
|
17
|
+
export class ElementMetadata {
|
|
18
|
+
attrs: string[] = [];
|
|
19
|
+
tagName?: (val: any) => string;
|
|
20
|
+
}
|
|
21
|
+
|
|
22
|
+
export class ElementMetadataStore extends MetadataStore<ElementMetadata> {
|
|
23
|
+
init() {
|
|
24
|
+
return new ElementMetadata();
|
|
25
|
+
}
|
|
26
|
+
}
|
|
27
|
+
|
|
28
|
+
export const metadataStore = new ElementMetadataStore();
|
package/src/lib/shadow.ts
CHANGED
|
@@ -2,15 +2,13 @@ import { ShadowResult } from './result.js';
|
|
|
2
2
|
|
|
3
3
|
export function shadow<This extends HTMLElement, T extends ShadowResult>(
|
|
4
4
|
_: undefined,
|
|
5
|
-
|
|
5
|
+
_ctx: ClassFieldDecoratorContext<This, T>
|
|
6
6
|
) {
|
|
7
|
-
|
|
7
|
+
return function (this: This, result: T) {
|
|
8
8
|
if (!this.shadowRoot) {
|
|
9
9
|
this.attachShadow({ mode: 'open' });
|
|
10
10
|
}
|
|
11
|
-
});
|
|
12
11
|
|
|
13
|
-
return function (this: This, result: T) {
|
|
14
12
|
result.execute(this.shadowRoot!);
|
|
15
13
|
|
|
16
14
|
return result;
|
package/src/lib/tag-name.ts
CHANGED
|
@@ -1,12 +1,10 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
import { ElementMetadata } from './element.js';
|
|
1
|
+
import { metadataStore } from './metadata.js';
|
|
4
2
|
|
|
5
3
|
export function tagName<This extends typeof HTMLElement>(
|
|
6
4
|
_val: unknown,
|
|
7
5
|
ctx: ClassFieldDecoratorContext<This, string>
|
|
8
6
|
) {
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
7
|
+
const metadata = metadataStore.read(ctx.metadata);
|
|
8
|
+
|
|
9
|
+
metadata.tagName = ctx.access.get;
|
|
12
10
|
}
|
package/target/lib/attr.js
CHANGED
package/target/lib/attr.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"attr.js","sourceRoot":"","sources":["../../src/lib/attr.ts"],"names":[],"mappings":"AACC,MAAc,CAAC,QAAQ,KAAK,MAAM,CAAC,iBAAiB,CAAC,CAAC;AAEvD,OAAO,EAAE,eAAe,EAAE,MAAM,
|
|
1
|
+
{"version":3,"file":"attr.js","sourceRoot":"","sources":["../../src/lib/attr.ts"],"names":[],"mappings":"AACC,MAAc,CAAC,QAAQ,KAAK,MAAM,CAAC,iBAAiB,CAAC,CAAC;AAEvD,OAAO,EAAE,eAAe,EAAE,MAAM,WAAW,CAAC;AAE5C,MAAM,UAAU,IAAI,CAClB,EAAE,GAAG,EAAE,GAAG,EAA+C,EACzD,GAAwC;IAExC,GAAG,CAAC,QAAQ,CAAC,EAAE,KAAK,IAAI,eAAe,EAAE,CAAC;IAC1C,MAAM,IAAI,GAAG,GAAG,CAAC,QAAQ,CAAC,EAAqB,CAAC;IAChD,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC,CAAC;IAElC,OAAO;QACL,GAAG,CAAC,KAAc;YAChB,IAAI,OAAO,GAAG,CAAC,IAAI,KAAK,QAAQ,EAAE,CAAC;gBACjC,IAAI,OAAO,KAAK,KAAK,SAAS,EAAE,CAAC;oBAC/B,IAAI,KAAK,EAAE,CAAC;wBACV,IAAI,CAAC,YAAY,CAAC,GAAG,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC;oBAClC,CAAC;yBAAM,CAAC;wBACN,IAAI,CAAC,eAAe,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;oBACjC,CAAC;gBACH,CAAC;qBAAM,CAAC;oBACN,IAAI,CAAC,YAAY,CAAC,GAAG,CAAC,IAAI,EAAE,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC;gBAC7C,CAAC;YACH,CAAC;YAED,OAAO,GAAG,CAAC,IAAI,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC;QAC/B,CAAC;QACD,GAAG;YACD,MAAM,OAAO,GAAG,GAAG,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;YAE/B,IAAI,OAAO,GAAG,CAAC,IAAI,KAAK,QAAQ,EAAE,CAAC;gBACjC,MAAM,IAAI,GAAG,IAAI,CAAC,YAAY,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;gBAEzC,IAAI,IAAI,KAAK,IAAI,EAAE,CAAC;oBAElB,IAAI,IAAI,KAAK,EAAE,EAAE,CAAC;wBAChB,OAAO,IAAI,CAAC;oBACd,CAAC;oBAGD,IAAI,OAAO,OAAO,KAAK,QAAQ,EAAE,CAAC;wBAChC,OAAO,MAAM,CAAC,IAAI,CAAC,CAAC;oBACtB,CAAC;oBAGD,OAAO,IAAI,CAAC;gBACd,CAAC;YACH,CAAC;YAGD,OAAO,OAAO,CAAC;QACjB,CAAC;KACF,CAAC;AACJ,CAAC"}
|
package/target/lib/attr.test.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { __esDecorate, __runInitializers } from "tslib";
|
|
2
2
|
import { expect, fixture, html } from '@open-wc/testing';
|
|
3
3
|
import { attr } from './attr.js';
|
|
4
|
-
describe('
|
|
4
|
+
describe('observable: attr()', () => {
|
|
5
5
|
it('should read and parse the correct values', async () => {
|
|
6
6
|
let MyElement = (() => {
|
|
7
7
|
let _classSuper = HTMLElement;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"attr.test.js","sourceRoot":"","sources":["../../src/lib/attr.test.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAEzD,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC;AAEjC,QAAQ,CAAC,
|
|
1
|
+
{"version":3,"file":"attr.test.js","sourceRoot":"","sources":["../../src/lib/attr.test.ts"],"names":[],"mappings":"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"}
|
package/target/lib/element.d.ts
CHANGED
|
@@ -1,9 +1,10 @@
|
|
|
1
1
|
export declare class ElementMetadata {
|
|
2
2
|
attrs: string[];
|
|
3
|
-
tagName?: (val: any) => string;
|
|
4
3
|
}
|
|
5
4
|
export interface ElementCtx {
|
|
6
|
-
|
|
5
|
+
metadata: {
|
|
6
|
+
el: ElementMetadata;
|
|
7
|
+
};
|
|
7
8
|
}
|
|
8
9
|
export declare function element<T extends new (...args: any[]) => HTMLElement>(Base: T, ctx: ClassDecoratorContext<T>): {
|
|
9
10
|
new (...args: any[]): {
|
|
@@ -197,7 +198,7 @@ export declare function element<T extends new (...args: any[]) => HTMLElement>(B
|
|
|
197
198
|
ariaValueNow: string | null;
|
|
198
199
|
ariaValueText: string | null;
|
|
199
200
|
role: string | null;
|
|
200
|
-
animate(keyframes: Keyframe[] |
|
|
201
|
+
animate(keyframes: PropertyIndexedKeyframes | Keyframe[] | null, options?: number | KeyframeAnimationOptions | undefined): Animation;
|
|
201
202
|
getAnimations(options?: GetAnimationsOptions | undefined): Animation[];
|
|
202
203
|
after(...nodes: (string | Node)[]): void;
|
|
203
204
|
before(...nodes: (string | Node)[]): void;
|
package/target/lib/element.js
CHANGED
|
@@ -1,23 +1,15 @@
|
|
|
1
|
-
Symbol.metadata ??= Symbol('Symbol.metadata');
|
|
2
1
|
export class ElementMetadata {
|
|
3
2
|
attrs = [];
|
|
4
|
-
tagName;
|
|
5
3
|
}
|
|
6
4
|
export function element(Base, ctx) {
|
|
7
|
-
|
|
8
|
-
const meta = ctx.metadata.el;
|
|
9
|
-
ctx.addInitializer(function () {
|
|
10
|
-
if (meta.tagName) {
|
|
11
|
-
const val = meta.tagName(this);
|
|
12
|
-
if (!customElements.get(val)) {
|
|
13
|
-
customElements.define(val, this);
|
|
14
|
-
}
|
|
15
|
-
}
|
|
16
|
-
});
|
|
5
|
+
const { metadata } = ctx;
|
|
17
6
|
return class JoistElement extends Base {
|
|
18
|
-
static observedAttributes = [...
|
|
7
|
+
static observedAttributes = [...metadata.el.attrs];
|
|
8
|
+
constructor(...args) {
|
|
9
|
+
super(...args);
|
|
10
|
+
}
|
|
19
11
|
connectedCallback() {
|
|
20
|
-
for (let attr of
|
|
12
|
+
for (let attr of metadata.el.attrs) {
|
|
21
13
|
const value = Reflect.get(this, attr);
|
|
22
14
|
if (value !== null && value !== undefined && value !== '') {
|
|
23
15
|
if (typeof value === 'boolean') {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"element.js","sourceRoot":"","sources":["../../src/lib/element.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"element.js","sourceRoot":"","sources":["../../src/lib/element.ts"],"names":[],"mappings":"AAAA,MAAM,OAAO,eAAe;IAC1B,KAAK,GAAa,EAAE,CAAC;CACtB;AAQD,MAAM,UAAU,OAAO,CACrB,IAAO,EACP,GAA6B;IAE7B,MAAM,EAAE,QAAQ,EAAE,GAAG,GAA4B,CAAC;IAElD,OAAO,MAAM,YAAa,SAAQ,IAAI;QAEpC,MAAM,CAAC,kBAAkB,GAAG,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC;QAEnD,YAAY,GAAG,IAAW;YACxB,KAAK,CAAC,GAAG,IAAI,CAAC,CAAC;QACjB,CAAC;QAED,iBAAiB;YACf,KAAK,IAAI,IAAI,IAAI,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,CAAC;gBACnC,MAAM,KAAK,GAAG,OAAO,CAAC,GAAG,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;gBAGtC,IAAI,KAAK,KAAK,IAAI,IAAI,KAAK,KAAK,SAAS,IAAI,KAAK,KAAK,EAAE,EAAE,CAAC;oBAC1D,IAAI,OAAO,KAAK,KAAK,SAAS,EAAE,CAAC;wBAC/B,IAAI,KAAK,KAAK,IAAI,EAAE,CAAC;4BAEnB,IAAI,CAAC,YAAY,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC;wBAC9B,CAAC;oBACH,CAAC;yBAAM,CAAC;wBAEN,IAAI,CAAC,YAAY,CAAC,IAAI,EAAE,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC;oBACzC,CAAC;gBACH,CAAC;YACH,CAAC;YAED,IAAI,KAAK,CAAC,iBAAiB,EAAE,CAAC;gBAC5B,KAAK,CAAC,iBAAiB,EAAE,CAAC;YAC5B,CAAC;QACH,CAAC;KACF,CAAC;AACJ,CAAC"}
|
|
@@ -3,7 +3,7 @@ import { expect, fixture, html } from '@open-wc/testing';
|
|
|
3
3
|
import { attr } from './attr.js';
|
|
4
4
|
import { element } from './element.js';
|
|
5
5
|
import { tagName } from './tag-name.js';
|
|
6
|
-
describe('
|
|
6
|
+
describe('element()', () => {
|
|
7
7
|
it('should write default value to attribute', async () => {
|
|
8
8
|
let MyElement = (() => {
|
|
9
9
|
let _classDecorators = [element];
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"element.test.js","sourceRoot":"","sources":["../../src/lib/element.test.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAEzD,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC;AACjC,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AACvC,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AAExC,QAAQ,CAAC,
|
|
1
|
+
{"version":3,"file":"element.test.js","sourceRoot":"","sources":["../../src/lib/element.test.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAEzD,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC;AACjC,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AACvC,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AAExC,QAAQ,CAAC,WAAW,EAAE,GAAG,EAAE;IACzB,EAAE,CAAC,yCAAyC,EAAE,KAAK,IAAI,EAAE;YAEjD,SAAS;oCADd,OAAO;;;;8BACgB,WAAW;;;;;;;;;;;iCAAnB,SAAQ,WAAW;;;;8CAChC,OAAO;0CAEP,IAAI;0CACJ,IAAI;0CACJ,IAAI;oBAFC,uKAAS,MAAM,6BAAN,MAAM,wFAAW;oBAC1B,uKAAS,MAAM,6BAAN,MAAM,wFAAK;oBACpB,uKAAS,MAAM,6BAAN,MAAM,wFAAQ;oBAJpB,iKAAO,GAAG,6BAAH,GAAG,0FAAe;oBADpC,6KAMC;;;oBANK,wDAAS;;gBACJ,MAAM,CAAC,GAAG,2DAAG,WAAW,EAAC;gBAE5B,+HAAkB,OAAO,GAAC;gBAA1B,IAAS,MAAM,4CAAW;gBAA1B,IAAS,MAAM,kDAAW;gBAC1B,yEAAkB,CAAC,EAAC;gBAApB,IAAS,MAAM,4CAAK;gBAApB,IAAS,MAAM,kDAAK;gBACpB,yEAAkB,IAAI,EAAC;gBAAvB,IAAS,MAAM,4CAAQ;gBAAvB,IAAS,MAAM,kDAAQ;;oBALzB,uDAAS;;;;;QAQf,MAAM,EAAE,GAAG,MAAM,OAAO,CAAY,IAAI,CAAA,yBAAyB,CAAC,CAAC;QAEnE,MAAM,CAAC,EAAE,CAAC,YAAY,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC;QACpD,MAAM,CAAC,EAAE,CAAC,YAAY,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;QAChD,MAAM,CAAC,EAAE,CAAC,YAAY,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC;IACjD,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}
|
package/target/lib/tag-name.d.ts
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export declare function tagName
|
|
1
|
+
export declare function tagName(_val: unknown, _ctx: ClassFieldDecoratorContext): (this: CustomElementConstructor, val: string) => string;
|
package/target/lib/tag-name.js
CHANGED
|
@@ -1,8 +1,11 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
1
|
+
export function tagName(_val, _ctx) {
|
|
2
|
+
return function (val) {
|
|
3
|
+
Promise.resolve().then(() => {
|
|
4
|
+
if (!customElements.get(val)) {
|
|
5
|
+
customElements.define(val, this);
|
|
6
|
+
}
|
|
7
|
+
});
|
|
8
|
+
return val;
|
|
9
|
+
};
|
|
7
10
|
}
|
|
8
11
|
//# sourceMappingURL=tag-name.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tag-name.js","sourceRoot":"","sources":["../../src/lib/tag-name.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"tag-name.js","sourceRoot":"","sources":["../../src/lib/tag-name.ts"],"names":[],"mappings":"AAAA,MAAM,UAAU,OAAO,CAAC,IAAa,EAAE,IAAgC;IACrE,OAAO,UAA0C,GAAW;QAC1D,OAAO,CAAC,OAAO,EAAE,CAAC,IAAI,CAAC,GAAG,EAAE;YAC1B,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,GAAG,CAAC,EAAE,CAAC;gBAC7B,cAAc,CAAC,MAAM,CAAC,GAAG,EAAE,IAAI,CAAC,CAAC;YACnC,CAAC;QACH,CAAC,CAAC,CAAC;QAEH,OAAO,GAAG,CAAC;IACb,CAAC,CAAC;AACJ,CAAC"}
|
|
@@ -1,34 +1,22 @@
|
|
|
1
1
|
import { __esDecorate, __runInitializers } from "tslib";
|
|
2
|
-
import { element } from './element.js';
|
|
3
2
|
import { tagName } from './tag-name.js';
|
|
4
3
|
describe('tag-name', () => {
|
|
5
4
|
it('should define a custom element', async () => {
|
|
6
5
|
let MyElement = (() => {
|
|
7
|
-
let _classDecorators = [element];
|
|
8
|
-
let _classDescriptor;
|
|
9
|
-
let _classExtraInitializers = [];
|
|
10
|
-
let _classThis;
|
|
11
6
|
let _classSuper = HTMLElement;
|
|
12
7
|
let _staticExtraInitializers = [];
|
|
13
8
|
let _static_tagName_decorators;
|
|
14
9
|
let _static_tagName_initializers = [];
|
|
15
|
-
|
|
16
|
-
static { _classThis = this; }
|
|
10
|
+
return class MyElement extends _classSuper {
|
|
17
11
|
static {
|
|
18
12
|
const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
|
|
19
13
|
_static_tagName_decorators = [tagName];
|
|
20
14
|
__esDecorate(null, null, _static_tagName_decorators, { kind: "field", name: "tagName", static: true, private: false, access: { has: obj => "tagName" in obj, get: obj => obj.tagName, set: (obj, value) => { obj.tagName = value; } }, metadata: _metadata }, _static_tagName_initializers, _staticExtraInitializers);
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
|
|
24
|
-
__runInitializers(_classThis, _staticExtraInitializers);
|
|
25
|
-
}
|
|
26
|
-
static tagName = __runInitializers(_classThis, _static_tagName_initializers, 'tn-test-1');
|
|
27
|
-
static {
|
|
28
|
-
__runInitializers(_classThis, _classExtraInitializers);
|
|
15
|
+
if (_metadata) Object.defineProperty(this, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
|
|
16
|
+
__runInitializers(this, _staticExtraInitializers);
|
|
29
17
|
}
|
|
18
|
+
static tagName = __runInitializers(this, _static_tagName_initializers, 'tn-test-1');
|
|
30
19
|
};
|
|
31
|
-
return MyElement = _classThis;
|
|
32
20
|
})();
|
|
33
21
|
return customElements.whenDefined(MyElement.tagName);
|
|
34
22
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tag-name.test.js","sourceRoot":"","sources":["../../src/lib/tag-name.test.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,
|
|
1
|
+
{"version":3,"file":"tag-name.test.js","sourceRoot":"","sources":["../../src/lib/tag-name.test.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AAExC,QAAQ,CAAC,UAAU,EAAE,GAAG,EAAE;IACxB,EAAE,CAAC,gCAAgC,EAAE,KAAK,IAAI,EAAE;YACxC,SAAS;8BAAS,WAAW;;;;yBAA7B,SAAU,SAAQ,WAAW;;;kDAChC,OAAO;oBAAC,6KAAO,OAAO,6BAAP,OAAO,8FAAe;;oBADlC,kDAAS;;gBACJ,MAAM,CAAC,OAAO,yDAAG,WAAW,EAAC;;;QAGxC,OAAO,cAAc,CAAC,WAAW,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC;IACvD,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}
|
package/target/lib.d.ts
CHANGED
package/target/lib.js
CHANGED
package/target/lib.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"lib.js","sourceRoot":"","sources":["../src/lib.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,IAAI,cAAc,EAAE,MAAM,iBAAiB,CAAC;AACjE,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AACjE,OAAO,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AACzC,OAAO,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AACrC,OAAO,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AACzC,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC
|
|
1
|
+
{"version":3,"file":"lib.js","sourceRoot":"","sources":["../src/lib.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,IAAI,cAAc,EAAE,MAAM,iBAAiB,CAAC;AACjE,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AACjE,OAAO,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AACzC,OAAO,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AACrC,OAAO,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AACzC,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC"}
|