@joist/element 4.7.0 → 4.7.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 +1 -1
- package/target/lib/attr-changed.d.ts +3 -0
- package/target/lib/attr-changed.d.ts.map +1 -0
- package/target/lib/attr-changed.js +12 -0
- package/target/lib/attr-changed.js.map +1 -0
- package/target/lib/attr-changed.test.d.ts +2 -0
- package/target/lib/attr-changed.test.d.ts.map +1 -0
- package/target/lib/attr-changed.test.js +150 -0
- package/target/lib/attr-changed.test.js.map +1 -0
- package/target/lib/attr.d.ts +7 -0
- package/target/lib/attr.d.ts.map +1 -0
- package/target/lib/attr.js +66 -0
- package/target/lib/attr.js.map +1 -0
- package/target/lib/attr.test.d.ts +2 -0
- package/target/lib/attr.test.d.ts.map +1 -0
- package/target/lib/attr.test.js +520 -0
- package/target/lib/attr.test.js.map +1 -0
- package/target/lib/define.d.ts +6 -0
- package/target/lib/define.d.ts.map +1 -0
- package/target/lib/define.js +14 -0
- package/target/lib/define.js.map +1 -0
- package/target/lib/element.d.ts +12 -0
- package/target/lib/element.d.ts.map +1 -0
- package/target/lib/element.js +118 -0
- package/target/lib/element.js.map +1 -0
- package/target/lib/element.test.d.ts +2 -0
- package/target/lib/element.test.d.ts.map +1 -0
- package/target/lib/element.test.js +365 -0
- package/target/lib/element.test.js.map +1 -0
- package/target/lib/lifecycle.d.ts +2 -0
- package/target/lib/lifecycle.d.ts.map +1 -0
- package/target/lib/lifecycle.js +8 -0
- package/target/lib/lifecycle.js.map +1 -0
- package/target/lib/lifecycle.test.d.ts +2 -0
- package/target/lib/lifecycle.test.d.ts.map +1 -0
- package/target/lib/lifecycle.test.js +81 -0
- package/target/lib/lifecycle.test.js.map +1 -0
- package/target/lib/listen.d.ts +3 -0
- package/target/lib/listen.d.ts.map +1 -0
- package/target/lib/listen.js +26 -0
- package/target/lib/listen.js.map +1 -0
- package/target/lib/listen.test.d.ts +2 -0
- package/target/lib/listen.test.d.ts.map +1 -0
- package/target/lib/listen.test.js +305 -0
- package/target/lib/listen.test.js.map +1 -0
- package/target/lib/metadata.d.ts +31 -0
- package/target/lib/metadata.d.ts.map +1 -0
- package/target/lib/metadata.js +21 -0
- package/target/lib/metadata.js.map +1 -0
- package/target/lib/query-all.d.ts +11 -0
- package/target/lib/query-all.d.ts.map +1 -0
- package/target/lib/query-all.js +40 -0
- package/target/lib/query-all.js.map +1 -0
- package/target/lib/query-all.test.d.ts +2 -0
- package/target/lib/query-all.test.d.ts.map +1 -0
- package/target/lib/query-all.test.js +228 -0
- package/target/lib/query-all.test.js.map +1 -0
- package/target/lib/query.d.ts +11 -0
- package/target/lib/query.d.ts.map +1 -0
- package/target/lib/query.js +36 -0
- package/target/lib/query.js.map +1 -0
- package/target/lib/query.test.d.ts +2 -0
- package/target/lib/query.test.d.ts.map +1 -0
- package/target/lib/query.test.js +221 -0
- package/target/lib/query.test.js.map +1 -0
- package/target/lib/result.d.ts +4 -0
- package/target/lib/result.d.ts.map +1 -0
- package/target/lib/result.js +2 -0
- package/target/lib/result.js.map +1 -0
- package/target/lib/tags.d.ts +15 -0
- package/target/lib/tags.d.ts.map +1 -0
- package/target/lib/tags.js +44 -0
- package/target/lib/tags.js.map +1 -0
- package/target/lib/tags.test.d.ts +2 -0
- package/target/lib/tags.test.d.ts.map +1 -0
- package/target/lib/tags.test.js +93 -0
- package/target/lib/tags.test.js.map +1 -0
- package/target/lib.d.ts +10 -0
- package/target/lib.d.ts.map +1 -0
- package/target/lib.js +9 -0
- package/target/lib.js.map +1 -0
package/package.json
CHANGED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"attr-changed.d.ts","sourceRoot":"","sources":["../../src/lib/attr-changed.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,mBAAmB,EAAiB,MAAM,eAAe,CAAC;AAExE,wBAAgB,WAAW,CAAC,GAAG,KAAK,EAAE,MAAM,EAAE,IACP,IAAI,SAAS,WAAW,EAC3D,IAAI,mBAAmB,EACvB,KAAK,2BAA2B,CAAC,IAAI,CAAC,KACrC,IAAI,CAWR"}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { metadataStore } from "./metadata.js";
|
|
2
|
+
export function attrChanged(...names) {
|
|
3
|
+
return function attrChangedDecorator(cb, ctx) {
|
|
4
|
+
const meta = metadataStore.read(ctx.metadata);
|
|
5
|
+
for (const name of names) {
|
|
6
|
+
const val = meta.attrChanges.get(name) ?? new Set();
|
|
7
|
+
val.add(cb);
|
|
8
|
+
meta.attrChanges.set(name, val);
|
|
9
|
+
}
|
|
10
|
+
};
|
|
11
|
+
}
|
|
12
|
+
//# sourceMappingURL=attr-changed.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"attr-changed.js","sourceRoot":"","sources":["../../src/lib/attr-changed.ts"],"names":[],"mappings":"AAAA,OAAO,EAA4B,aAAa,EAAE,MAAM,eAAe,CAAC;AAExE,MAAM,UAAU,WAAW,CAAC,GAAG,KAAe;IAC5C,OAAO,SAAS,oBAAoB,CAClC,EAAuB,EACvB,GAAsC;QAEtC,MAAM,IAAI,GAAG,aAAa,CAAC,IAAI,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC;QAE9C,KAAK,MAAM,IAAI,IAAI,KAAK,EAAE,CAAC;YACzB,MAAM,GAAG,GAAG,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,IAAI,CAAC,IAAI,IAAI,GAAG,EAAE,CAAC;YAEpD,GAAG,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC;YAEZ,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,IAAI,EAAE,GAAG,CAAC,CAAC;QAClC,CAAC;IACH,CAAC,CAAC;AACJ,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"attr-changed.test.d.ts","sourceRoot":"","sources":["../../src/lib/attr-changed.test.ts"],"names":[],"mappings":""}
|
|
@@ -0,0 +1,150 @@
|
|
|
1
|
+
var __runInitializers = (this && this.__runInitializers) || function (thisArg, initializers, value) {
|
|
2
|
+
var useValue = arguments.length > 2;
|
|
3
|
+
for (var i = 0; i < initializers.length; i++) {
|
|
4
|
+
value = useValue ? initializers[i].call(thisArg, value) : initializers[i].call(thisArg);
|
|
5
|
+
}
|
|
6
|
+
return useValue ? value : void 0;
|
|
7
|
+
};
|
|
8
|
+
var __esDecorate = (this && this.__esDecorate) || function (ctor, descriptorIn, decorators, contextIn, initializers, extraInitializers) {
|
|
9
|
+
function accept(f) { if (f !== void 0 && typeof f !== "function") throw new TypeError("Function expected"); return f; }
|
|
10
|
+
var kind = contextIn.kind, key = kind === "getter" ? "get" : kind === "setter" ? "set" : "value";
|
|
11
|
+
var target = !descriptorIn && ctor ? contextIn["static"] ? ctor : ctor.prototype : null;
|
|
12
|
+
var descriptor = descriptorIn || (target ? Object.getOwnPropertyDescriptor(target, contextIn.name) : {});
|
|
13
|
+
var _, done = false;
|
|
14
|
+
for (var i = decorators.length - 1; i >= 0; i--) {
|
|
15
|
+
var context = {};
|
|
16
|
+
for (var p in contextIn) context[p] = p === "access" ? {} : contextIn[p];
|
|
17
|
+
for (var p in contextIn.access) context.access[p] = contextIn.access[p];
|
|
18
|
+
context.addInitializer = function (f) { if (done) throw new TypeError("Cannot add initializers after decoration has completed"); extraInitializers.push(accept(f || null)); };
|
|
19
|
+
var result = (0, decorators[i])(kind === "accessor" ? { get: descriptor.get, set: descriptor.set } : descriptor[key], context);
|
|
20
|
+
if (kind === "accessor") {
|
|
21
|
+
if (result === void 0) continue;
|
|
22
|
+
if (result === null || typeof result !== "object") throw new TypeError("Object expected");
|
|
23
|
+
if (_ = accept(result.get)) descriptor.get = _;
|
|
24
|
+
if (_ = accept(result.set)) descriptor.set = _;
|
|
25
|
+
if (_ = accept(result.init)) initializers.unshift(_);
|
|
26
|
+
}
|
|
27
|
+
else if (_ = accept(result)) {
|
|
28
|
+
if (kind === "field") initializers.unshift(_);
|
|
29
|
+
else descriptor[key] = _;
|
|
30
|
+
}
|
|
31
|
+
}
|
|
32
|
+
if (target) Object.defineProperty(target, contextIn.name, descriptor);
|
|
33
|
+
done = true;
|
|
34
|
+
};
|
|
35
|
+
import { assert } from "chai";
|
|
36
|
+
import { attrChanged } from "./attr-changed.js";
|
|
37
|
+
import { attr } from "./attr.js";
|
|
38
|
+
import { element } from "./element.js";
|
|
39
|
+
it("should call specific attrbute callback", () => {
|
|
40
|
+
let args = [];
|
|
41
|
+
let MyElement = (() => {
|
|
42
|
+
let _classDecorators = [element({
|
|
43
|
+
tagName: "attr-changed-1",
|
|
44
|
+
})];
|
|
45
|
+
let _classDescriptor;
|
|
46
|
+
let _classExtraInitializers = [];
|
|
47
|
+
let _classThis;
|
|
48
|
+
let _classSuper = HTMLElement;
|
|
49
|
+
let _instanceExtraInitializers = [];
|
|
50
|
+
let _test_decorators;
|
|
51
|
+
let _test_initializers = [];
|
|
52
|
+
let _test_extraInitializers = [];
|
|
53
|
+
let _onTestChanged_decorators;
|
|
54
|
+
var MyElement = class extends _classSuper {
|
|
55
|
+
static { _classThis = this; }
|
|
56
|
+
static {
|
|
57
|
+
const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
|
|
58
|
+
_test_decorators = [attr()];
|
|
59
|
+
_onTestChanged_decorators = [attrChanged("test")];
|
|
60
|
+
__esDecorate(this, null, _test_decorators, { kind: "accessor", name: "test", static: false, private: false, access: { has: obj => "test" in obj, get: obj => obj.test, set: (obj, value) => { obj.test = value; } }, metadata: _metadata }, _test_initializers, _test_extraInitializers);
|
|
61
|
+
__esDecorate(this, null, _onTestChanged_decorators, { kind: "method", name: "onTestChanged", static: false, private: false, access: { has: obj => "onTestChanged" in obj, get: obj => obj.onTestChanged }, metadata: _metadata }, null, _instanceExtraInitializers);
|
|
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
|
+
#test_accessor_storage = (__runInitializers(this, _instanceExtraInitializers), __runInitializers(this, _test_initializers, "hello"));
|
|
68
|
+
get test() { return this.#test_accessor_storage; }
|
|
69
|
+
set test(value) { this.#test_accessor_storage = value; }
|
|
70
|
+
onTestChanged(name, oldValue, newValue) {
|
|
71
|
+
args = [name, oldValue, newValue];
|
|
72
|
+
}
|
|
73
|
+
constructor() {
|
|
74
|
+
super(...arguments);
|
|
75
|
+
__runInitializers(this, _test_extraInitializers);
|
|
76
|
+
}
|
|
77
|
+
};
|
|
78
|
+
return MyElement = _classThis;
|
|
79
|
+
})();
|
|
80
|
+
const el = new MyElement();
|
|
81
|
+
document.body.append(el);
|
|
82
|
+
assert.deepEqual(args, ["test", null, "hello"]);
|
|
83
|
+
el.setAttribute("test", "world");
|
|
84
|
+
assert.deepEqual(args, ["test", "hello", "world"]);
|
|
85
|
+
el.remove();
|
|
86
|
+
});
|
|
87
|
+
it("should call callback for multiple attributes", () => {
|
|
88
|
+
const args = [];
|
|
89
|
+
let MyElement = (() => {
|
|
90
|
+
let _classDecorators = [element({
|
|
91
|
+
tagName: "attr-changed-2",
|
|
92
|
+
})];
|
|
93
|
+
let _classDescriptor;
|
|
94
|
+
let _classExtraInitializers = [];
|
|
95
|
+
let _classThis;
|
|
96
|
+
let _classSuper = HTMLElement;
|
|
97
|
+
let _instanceExtraInitializers = [];
|
|
98
|
+
let _test1_decorators;
|
|
99
|
+
let _test1_initializers = [];
|
|
100
|
+
let _test1_extraInitializers = [];
|
|
101
|
+
let _test2_decorators;
|
|
102
|
+
let _test2_initializers = [];
|
|
103
|
+
let _test2_extraInitializers = [];
|
|
104
|
+
let _onTestChanged_decorators;
|
|
105
|
+
var MyElement = class extends _classSuper {
|
|
106
|
+
static { _classThis = this; }
|
|
107
|
+
static {
|
|
108
|
+
const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
|
|
109
|
+
_test1_decorators = [attr()];
|
|
110
|
+
_test2_decorators = [attr()];
|
|
111
|
+
_onTestChanged_decorators = [attrChanged("test1", "test2")];
|
|
112
|
+
__esDecorate(this, null, _test1_decorators, { kind: "accessor", name: "test1", static: false, private: false, access: { has: obj => "test1" in obj, get: obj => obj.test1, set: (obj, value) => { obj.test1 = value; } }, metadata: _metadata }, _test1_initializers, _test1_extraInitializers);
|
|
113
|
+
__esDecorate(this, null, _test2_decorators, { kind: "accessor", name: "test2", static: false, private: false, access: { has: obj => "test2" in obj, get: obj => obj.test2, set: (obj, value) => { obj.test2 = value; } }, metadata: _metadata }, _test2_initializers, _test2_extraInitializers);
|
|
114
|
+
__esDecorate(this, null, _onTestChanged_decorators, { kind: "method", name: "onTestChanged", static: false, private: false, access: { has: obj => "onTestChanged" in obj, get: obj => obj.onTestChanged }, metadata: _metadata }, null, _instanceExtraInitializers);
|
|
115
|
+
__esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
|
|
116
|
+
MyElement = _classThis = _classDescriptor.value;
|
|
117
|
+
if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
|
|
118
|
+
__runInitializers(_classThis, _classExtraInitializers);
|
|
119
|
+
}
|
|
120
|
+
#test1_accessor_storage = (__runInitializers(this, _instanceExtraInitializers), __runInitializers(this, _test1_initializers, "hello"));
|
|
121
|
+
get test1() { return this.#test1_accessor_storage; }
|
|
122
|
+
set test1(value) { this.#test1_accessor_storage = value; }
|
|
123
|
+
#test2_accessor_storage = (__runInitializers(this, _test1_extraInitializers), __runInitializers(this, _test2_initializers, "world"));
|
|
124
|
+
get test2() { return this.#test2_accessor_storage; }
|
|
125
|
+
set test2(value) { this.#test2_accessor_storage = value; }
|
|
126
|
+
onTestChanged(attr, oldValue, newValue) {
|
|
127
|
+
args.push([attr, oldValue, newValue]);
|
|
128
|
+
}
|
|
129
|
+
constructor() {
|
|
130
|
+
super(...arguments);
|
|
131
|
+
__runInitializers(this, _test2_extraInitializers);
|
|
132
|
+
}
|
|
133
|
+
};
|
|
134
|
+
return MyElement = _classThis;
|
|
135
|
+
})();
|
|
136
|
+
const el = new MyElement();
|
|
137
|
+
document.body.append(el);
|
|
138
|
+
assert.deepEqual(args, [
|
|
139
|
+
["test1", null, "hello"],
|
|
140
|
+
["test2", null, "world"],
|
|
141
|
+
]);
|
|
142
|
+
el.setAttribute("test1", "world");
|
|
143
|
+
assert.deepEqual(args, [
|
|
144
|
+
["test1", null, "hello"],
|
|
145
|
+
["test2", null, "world"],
|
|
146
|
+
["test1", "hello", "world"],
|
|
147
|
+
]);
|
|
148
|
+
el.remove();
|
|
149
|
+
});
|
|
150
|
+
//# sourceMappingURL=attr-changed.test.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"attr-changed.test.js","sourceRoot":"","sources":["../../src/lib/attr-changed.test.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
export interface AttrOpts {
|
|
2
|
+
name?: string;
|
|
3
|
+
observed?: boolean;
|
|
4
|
+
reflect?: boolean;
|
|
5
|
+
}
|
|
6
|
+
export declare function attr<This extends HTMLElement>(opts?: AttrOpts): (base: ClassAccessorDecoratorTarget<This, unknown>, ctx: ClassAccessorDecoratorContext<This>) => ClassAccessorDecoratorResult<This, any>;
|
|
7
|
+
//# sourceMappingURL=attr.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"attr.d.ts","sourceRoot":"","sources":["../../src/lib/attr.ts"],"names":[],"mappings":"AAEA,MAAM,WAAW,QAAQ;IACvB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,wBAAgB,IAAI,CAAC,IAAI,SAAS,WAAW,EAAE,IAAI,CAAC,EAAE,QAAQ,IAE1D,MAAM,4BAA4B,CAAC,IAAI,EAAE,OAAO,CAAC,EACjD,KAAK,6BAA6B,CAAC,IAAI,CAAC,KACvC,4BAA4B,CAAC,IAAI,EAAE,GAAG,CAAC,CAqD3C"}
|
|
@@ -0,0 +1,66 @@
|
|
|
1
|
+
import { metadataStore } from "./metadata.js";
|
|
2
|
+
export function attr(opts) {
|
|
3
|
+
return function attrDecorator(base, ctx) {
|
|
4
|
+
const attrName = opts?.name ?? parseAttrName(ctx.name);
|
|
5
|
+
const meta = metadataStore.read(ctx.metadata);
|
|
6
|
+
const reflect = opts?.reflect ?? true;
|
|
7
|
+
meta.attrs.set(attrName, {
|
|
8
|
+
propName: ctx.name,
|
|
9
|
+
observe: opts?.observed ?? true,
|
|
10
|
+
reflect,
|
|
11
|
+
access: base,
|
|
12
|
+
});
|
|
13
|
+
return {
|
|
14
|
+
init(value) {
|
|
15
|
+
if (typeof value === "boolean") {
|
|
16
|
+
return value;
|
|
17
|
+
}
|
|
18
|
+
const attrValue = this.getAttribute(attrName);
|
|
19
|
+
if (attrValue === null) {
|
|
20
|
+
return value;
|
|
21
|
+
}
|
|
22
|
+
if (typeof value === "number") {
|
|
23
|
+
return Number(attrValue);
|
|
24
|
+
}
|
|
25
|
+
return attrValue;
|
|
26
|
+
},
|
|
27
|
+
set(value) {
|
|
28
|
+
if (reflect) {
|
|
29
|
+
if (value === true) {
|
|
30
|
+
if (!this.hasAttribute(attrName)) {
|
|
31
|
+
this.setAttribute(attrName, "");
|
|
32
|
+
}
|
|
33
|
+
}
|
|
34
|
+
else if (value === false) {
|
|
35
|
+
if (this.hasAttribute(attrName)) {
|
|
36
|
+
this.removeAttribute(attrName);
|
|
37
|
+
}
|
|
38
|
+
}
|
|
39
|
+
else {
|
|
40
|
+
const strValue = String(value);
|
|
41
|
+
if (this.getAttribute(attrName) !== strValue) {
|
|
42
|
+
this.setAttribute(attrName, strValue);
|
|
43
|
+
}
|
|
44
|
+
}
|
|
45
|
+
}
|
|
46
|
+
base.set.call(this, value);
|
|
47
|
+
},
|
|
48
|
+
};
|
|
49
|
+
};
|
|
50
|
+
}
|
|
51
|
+
function parseAttrName(val) {
|
|
52
|
+
let value;
|
|
53
|
+
if (typeof val === "symbol") {
|
|
54
|
+
if (val.description) {
|
|
55
|
+
value = val.description;
|
|
56
|
+
}
|
|
57
|
+
else {
|
|
58
|
+
throw new Error("Cannot handle Symbol property without description");
|
|
59
|
+
}
|
|
60
|
+
}
|
|
61
|
+
else {
|
|
62
|
+
value = val;
|
|
63
|
+
}
|
|
64
|
+
return value.toLowerCase().replaceAll(" ", "-");
|
|
65
|
+
}
|
|
66
|
+
//# sourceMappingURL=attr.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"attr.js","sourceRoot":"","sources":["../../src/lib/attr.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAQ9C,MAAM,UAAU,IAAI,CAA2B,IAAe;IAC5D,OAAO,SAAS,aAAa,CAC3B,IAAiD,EACjD,GAAwC;QAExC,MAAM,QAAQ,GAAG,IAAI,EAAE,IAAI,IAAI,aAAa,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;QACvD,MAAM,IAAI,GAAG,aAAa,CAAC,IAAI,CAAO,GAAG,CAAC,QAAQ,CAAC,CAAC;QACpD,MAAM,OAAO,GAAG,IAAI,EAAE,OAAO,IAAI,IAAI,CAAC;QAEtC,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,QAAQ,EAAE;YACvB,QAAQ,EAAE,GAAG,CAAC,IAAI;YAClB,OAAO,EAAE,IAAI,EAAE,QAAQ,IAAI,IAAI;YAC/B,OAAO;YACP,MAAM,EAAE,IAAI;SACb,CAAC,CAAC;QAEH,OAAO;YACL,IAAI,CAAC,KAAc;gBACjB,IAAI,OAAO,KAAK,KAAK,SAAS,EAAE,CAAC;oBAC/B,OAAO,KAAK,CAAC;gBACf,CAAC;gBAED,MAAM,SAAS,GAAG,IAAI,CAAC,YAAY,CAAC,QAAQ,CAAC,CAAC;gBAE9C,IAAI,SAAS,KAAK,IAAI,EAAE,CAAC;oBACvB,OAAO,KAAK,CAAC;gBACf,CAAC;gBAED,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE,CAAC;oBAC9B,OAAO,MAAM,CAAC,SAAS,CAAC,CAAC;gBAC3B,CAAC;gBAED,OAAO,SAAS,CAAC;YACnB,CAAC;YACD,GAAG,CAAC,KAAc;gBAChB,IAAI,OAAO,EAAE,CAAC;oBACZ,IAAI,KAAK,KAAK,IAAI,EAAE,CAAC;wBACnB,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,QAAQ,CAAC,EAAE,CAAC;4BACjC,IAAI,CAAC,YAAY,CAAC,QAAQ,EAAE,EAAE,CAAC,CAAC;wBAClC,CAAC;oBACH,CAAC;yBAAM,IAAI,KAAK,KAAK,KAAK,EAAE,CAAC;wBAC3B,IAAI,IAAI,CAAC,YAAY,CAAC,QAAQ,CAAC,EAAE,CAAC;4BAChC,IAAI,CAAC,eAAe,CAAC,QAAQ,CAAC,CAAC;wBACjC,CAAC;oBACH,CAAC;yBAAM,CAAC;wBACN,MAAM,QAAQ,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;wBAE/B,IAAI,IAAI,CAAC,YAAY,CAAC,QAAQ,CAAC,KAAK,QAAQ,EAAE,CAAC;4BAC7C,IAAI,CAAC,YAAY,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC;wBACxC,CAAC;oBACH,CAAC;gBACH,CAAC;gBAED,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC;YAC7B,CAAC;SACF,CAAC;IACJ,CAAC,CAAC;AACJ,CAAC;AAED,SAAS,aAAa,CAAC,GAAoB;IACzC,IAAI,KAAa,CAAC;IAElB,IAAI,OAAO,GAAG,KAAK,QAAQ,EAAE,CAAC;QAC5B,IAAI,GAAG,CAAC,WAAW,EAAE,CAAC;YACpB,KAAK,GAAG,GAAG,CAAC,WAAW,CAAC;QAC1B,CAAC;aAAM,CAAC;YACN,MAAM,IAAI,KAAK,CAAC,mDAAmD,CAAC,CAAC;QACvE,CAAC;IACH,CAAC;SAAM,CAAC;QACN,KAAK,GAAG,GAAG,CAAC;IACd,CAAC;IAED,OAAO,KAAK,CAAC,WAAW,EAAE,CAAC,UAAU,CAAC,GAAG,EAAE,GAAG,CAAC,CAAC;AAClD,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"attr.test.d.ts","sourceRoot":"","sources":["../../src/lib/attr.test.ts"],"names":[],"mappings":""}
|