@joist/templating 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.
Files changed (67) hide show
  1. package/package.json +1 -1
  2. package/src/lib/bind.ts +13 -4
  3. package/src/lib/elements/async.element.ts +4 -4
  4. package/src/lib/elements/bind.element.test.ts +2 -2
  5. package/src/lib/elements/bind.element.ts +4 -2
  6. package/src/lib/elements/for.element.test.ts +10 -10
  7. package/src/lib/elements/for.element.ts +5 -3
  8. package/src/lib/elements/if.element.ts +4 -2
  9. package/src/lib/events.ts +2 -2
  10. package/src/lib/expression.ts +4 -3
  11. package/target/lib/bind.d.ts +0 -5
  12. package/target/lib/bind.js +0 -45
  13. package/target/lib/bind.js.map +0 -1
  14. package/target/lib/bind.test.d.ts +0 -1
  15. package/target/lib/bind.test.js +0 -76
  16. package/target/lib/bind.test.js.map +0 -1
  17. package/target/lib/define.d.ts +0 -16
  18. package/target/lib/define.js +0 -14
  19. package/target/lib/define.js.map +0 -1
  20. package/target/lib/elements/async.element.d.ts +0 -13
  21. package/target/lib/elements/async.element.js +0 -133
  22. package/target/lib/elements/async.element.js.map +0 -1
  23. package/target/lib/elements/async.element.test.d.ts +0 -1
  24. package/target/lib/elements/async.element.test.js +0 -180
  25. package/target/lib/elements/async.element.test.js.map +0 -1
  26. package/target/lib/elements/bind.element.d.ts +0 -13
  27. package/target/lib/elements/bind.element.js +0 -144
  28. package/target/lib/elements/bind.element.js.map +0 -1
  29. package/target/lib/elements/bind.element.test.d.ts +0 -1
  30. package/target/lib/elements/bind.element.test.js +0 -150
  31. package/target/lib/elements/bind.element.test.js.map +0 -1
  32. package/target/lib/elements/for.element.d.ts +0 -15
  33. package/target/lib/elements/for.element.js +0 -215
  34. package/target/lib/elements/for.element.js.map +0 -1
  35. package/target/lib/elements/for.element.test.d.ts +0 -1
  36. package/target/lib/elements/for.element.test.js +0 -188
  37. package/target/lib/elements/for.element.test.js.map +0 -1
  38. package/target/lib/elements/if.element.d.ts +0 -9
  39. package/target/lib/elements/if.element.js +0 -108
  40. package/target/lib/elements/if.element.js.map +0 -1
  41. package/target/lib/elements/if.element.test.d.ts +0 -1
  42. package/target/lib/elements/if.element.test.js +0 -306
  43. package/target/lib/elements/if.element.test.js.map +0 -1
  44. package/target/lib/elements/scope.element.d.ts +0 -3
  45. package/target/lib/elements/scope.element.js +0 -37
  46. package/target/lib/elements/scope.element.js.map +0 -1
  47. package/target/lib/elements/scope.element.test.d.ts +0 -1
  48. package/target/lib/elements/scope.element.test.js +0 -24
  49. package/target/lib/elements/scope.element.test.js.map +0 -1
  50. package/target/lib/elements/value.element.d.ts +0 -5
  51. package/target/lib/elements/value.element.js +0 -62
  52. package/target/lib/elements/value.element.js.map +0 -1
  53. package/target/lib/elements/value.element.test.d.ts +0 -1
  54. package/target/lib/elements/value.element.test.js +0 -65
  55. package/target/lib/elements/value.element.test.js.map +0 -1
  56. package/target/lib/events.d.ts +0 -16
  57. package/target/lib/events.js +0 -10
  58. package/target/lib/events.js.map +0 -1
  59. package/target/lib/expression.d.ts +0 -13
  60. package/target/lib/expression.js +0 -87
  61. package/target/lib/expression.js.map +0 -1
  62. package/target/lib/expression.test.d.ts +0 -1
  63. package/target/lib/expression.test.js +0 -171
  64. package/target/lib/expression.test.js.map +0 -1
  65. package/target/lib.d.ts +0 -2
  66. package/target/lib.js +0 -3
  67. package/target/lib.js.map +0 -1
@@ -1,215 +0,0 @@
1
- import { __esDecorate, __runInitializers } from "tslib";
2
- import { attr, element, query, css, html } from "@joist/element";
3
- import { effect, observe } from "@joist/observable";
4
- import { JoistValueEvent } from "../events.js";
5
- import { JExpression } from "../expression.js";
6
- let JoistForScopeContainer = (() => {
7
- let _instanceExtraInitializers = [];
8
- let _each_decorators;
9
- let _each_initializers = [];
10
- let _each_extraInitializers = [];
11
- let _onChange_decorators;
12
- return class JoistForScopeContainer {
13
- static {
14
- const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(null) : void 0;
15
- _each_decorators = [observe()];
16
- _onChange_decorators = [effect()];
17
- __esDecorate(this, null, _each_decorators, { kind: "accessor", name: "each", static: false, private: false, access: { has: obj => "each" in obj, get: obj => obj.each, set: (obj, value) => { obj.each = value; } }, metadata: _metadata }, _each_initializers, _each_extraInitializers);
18
- __esDecorate(this, null, _onChange_decorators, { kind: "method", name: "onChange", static: false, private: false, access: { has: obj => "onChange" in obj, get: obj => obj.onChange }, metadata: _metadata }, null, _instanceExtraInitializers);
19
- if (_metadata) Object.defineProperty(this, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
20
- }
21
- host = __runInitializers(this, _instanceExtraInitializers);
22
- get key() {
23
- return this.host.getAttribute("key");
24
- }
25
- #callbacks = [];
26
- #each_accessor_storage = __runInitializers(this, _each_initializers, {
27
- value: null,
28
- index: null,
29
- position: null,
30
- });
31
- get each() { return this.#each_accessor_storage; }
32
- set each(value) { this.#each_accessor_storage = value; }
33
- constructor(host) {
34
- __runInitializers(this, _each_extraInitializers);
35
- if (host == null) {
36
- throw new Error("JForScope required a host element");
37
- }
38
- this.host = host;
39
- this.host.addEventListener("joist::value", (e) => {
40
- if (e.expression.bindTo === "each") {
41
- e.stopPropagation();
42
- this.#callbacks.push(e.update);
43
- e.update({
44
- oldValue: null,
45
- newValue: this.each,
46
- firstChange: true,
47
- });
48
- }
49
- });
50
- }
51
- onChange(changes) {
52
- const change = changes.get("each");
53
- for (let cb of this.#callbacks) {
54
- cb({
55
- oldValue: change.oldValue,
56
- newValue: change.newValue,
57
- firstChange: false,
58
- });
59
- }
60
- }
61
- };
62
- })();
63
- let JoistForElement = (() => {
64
- let _classDecorators = [element({
65
- shadowDom: [css `:host{display:contents;}`, html `<slot></slot>`],
66
- })];
67
- let _classDescriptor;
68
- let _classExtraInitializers = [];
69
- let _classThis;
70
- let _classSuper = HTMLElement;
71
- let _bind_decorators;
72
- let _bind_initializers = [];
73
- let _bind_extraInitializers = [];
74
- let _key_decorators;
75
- let _key_initializers = [];
76
- let _key_extraInitializers = [];
77
- let _dependsOn_decorators;
78
- let _dependsOn_initializers = [];
79
- let _dependsOn_extraInitializers = [];
80
- var JoistForElement = class extends _classSuper {
81
- static { _classThis = this; }
82
- static {
83
- const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
84
- _bind_decorators = [attr()];
85
- _key_decorators = [attr()];
86
- _dependsOn_decorators = [attr({
87
- name: "depends-on",
88
- })];
89
- __esDecorate(this, null, _bind_decorators, { kind: "accessor", name: "bind", static: false, private: false, access: { has: obj => "bind" in obj, get: obj => obj.bind, set: (obj, value) => { obj.bind = value; } }, metadata: _metadata }, _bind_initializers, _bind_extraInitializers);
90
- __esDecorate(this, null, _key_decorators, { kind: "accessor", name: "key", static: false, private: false, access: { has: obj => "key" in obj, get: obj => obj.key, set: (obj, value) => { obj.key = value; } }, metadata: _metadata }, _key_initializers, _key_extraInitializers);
91
- __esDecorate(this, null, _dependsOn_decorators, { kind: "accessor", name: "dependsOn", static: false, private: false, access: { has: obj => "dependsOn" in obj, get: obj => obj.dependsOn, set: (obj, value) => { obj.dependsOn = value; } }, metadata: _metadata }, _dependsOn_initializers, _dependsOn_extraInitializers);
92
- __esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
93
- JoistForElement = _classThis = _classDescriptor.value;
94
- if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
95
- __runInitializers(_classThis, _classExtraInitializers);
96
- }
97
- #bind_accessor_storage = __runInitializers(this, _bind_initializers, "");
98
- get bind() { return this.#bind_accessor_storage; }
99
- set bind(value) { this.#bind_accessor_storage = value; }
100
- #key_accessor_storage = (__runInitializers(this, _bind_extraInitializers), __runInitializers(this, _key_initializers, ""));
101
- get key() { return this.#key_accessor_storage; }
102
- set key(value) { this.#key_accessor_storage = value; }
103
- #dependsOn_accessor_storage = (__runInitializers(this, _key_extraInitializers), __runInitializers(this, _dependsOn_initializers, ""));
104
- get dependsOn() { return this.#dependsOn_accessor_storage; }
105
- set dependsOn(value) { this.#dependsOn_accessor_storage = value; }
106
- #template = (__runInitializers(this, _dependsOn_extraInitializers), query("template", this));
107
- #items = [];
108
- #scopes = new Map();
109
- async connectedCallback() {
110
- const template = this.#template();
111
- if (this.firstElementChild !== template) {
112
- throw new Error("The first Node in j-for needs to be a template");
113
- }
114
- let currentScope = template.nextElementSibling;
115
- while (currentScope instanceof JoistForScopeContainer) {
116
- this.#scopes.set(String(currentScope.key), currentScope);
117
- currentScope = currentScope.nextElementSibling;
118
- }
119
- if (this.dependsOn) {
120
- await Promise.all(this.dependsOn.split(",").map((tag) => window.customElements.whenDefined(tag)));
121
- }
122
- const token = new JExpression(this.bind);
123
- this.dispatchEvent(new JoistValueEvent(token, ({ newValue, oldValue }) => {
124
- if (newValue !== oldValue) {
125
- if (isIterable(newValue)) {
126
- this.#items = newValue;
127
- }
128
- else {
129
- this.#items = [];
130
- }
131
- if (template.nextSibling === null) {
132
- this.createFromEmpty();
133
- }
134
- else {
135
- this.updateItems();
136
- }
137
- }
138
- }));
139
- }
140
- createFromEmpty() {
141
- const keyProperty = this.key;
142
- const fragment = document.createDocumentFragment();
143
- let index = 0;
144
- for (const value of this.#items) {
145
- let key = index;
146
- if (keyProperty && hasProperty(value, keyProperty)) {
147
- key = value[keyProperty];
148
- }
149
- const scope = this.#createScopeContainer();
150
- scope.host.setAttribute("key", String(key));
151
- scope.each = { position: index + 1, index, value };
152
- fragment.appendChild(scope.host);
153
- this.#scopes.set(String(key), scope);
154
- index++;
155
- }
156
- this.append(fragment);
157
- }
158
- updateItems() {
159
- const leftoverScopes = new Map(this.#scopes);
160
- const keyProperty = this.key;
161
- let index = 0;
162
- for (const value of this.#items) {
163
- let key = index;
164
- if (keyProperty && hasProperty(value, keyProperty)) {
165
- key = value[keyProperty];
166
- }
167
- let scope = leftoverScopes.get(key);
168
- if (!scope) {
169
- scope = scope = this.#createScopeContainer();
170
- this.#scopes.set(String(key), scope);
171
- }
172
- else {
173
- leftoverScopes.delete(key);
174
- }
175
- if (scope.key !== key || scope.each.value !== value) {
176
- scope.host.setAttribute("key", String(key));
177
- scope.each = { position: index + 1, index, value };
178
- }
179
- const child = this.children[index + 1];
180
- if (child !== scope.host) {
181
- this.insertBefore(scope.host, child);
182
- }
183
- index++;
184
- }
185
- for (const scope of leftoverScopes.values()) {
186
- scope.host.remove();
187
- }
188
- }
189
- disconnectedCallback() {
190
- for (const scope of this.#scopes.values()) {
191
- scope.host.remove();
192
- }
193
- this.#scopes.clear();
194
- this.#items = [];
195
- }
196
- #createScopeContainer() {
197
- const template = this.#template();
198
- const content = template.content.firstElementChild;
199
- if (content === null) {
200
- throw new Error("template must contain a single parent element");
201
- }
202
- const fragment = document.importNode(content, true);
203
- return new JoistForScopeContainer(fragment);
204
- }
205
- };
206
- return JoistForElement = _classThis;
207
- })();
208
- export { JoistForElement };
209
- function isIterable(obj) {
210
- return obj != null && typeof obj[Symbol.iterator] === "function";
211
- }
212
- function hasProperty(item, key) {
213
- return Object.prototype.hasOwnProperty.call(item, key);
214
- }
215
- //# sourceMappingURL=for.element.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"for.element.js","sourceRoot":"","sources":["../../../src/lib/elements/for.element.ts"],"names":[],"mappings":"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"}
@@ -1 +0,0 @@
1
- import "../define.js";
@@ -1,188 +0,0 @@
1
- import "../define.js";
2
- import { fixtureSync, html } from "@open-wc/testing";
3
- import { assert } from "chai";
4
- it("should iterate over an iterable", () => {
5
- const element = fixtureSync(html `
6
- <div
7
- @joist::value=${(e) => {
8
- e.update({
9
- oldValue: null,
10
- newValue: new Set([
11
- { id: "123", label: "Hello" },
12
- { id: "456", label: "World" },
13
- ]),
14
- });
15
- }}
16
- >
17
- <ul>
18
- <j-for bind="items" key="id">
19
- <template>
20
- <li>
21
- <j-val bind="each.value.label"></j-val>
22
- </li>
23
- </template>
24
- </j-for>
25
- </ul>
26
- </div>
27
- `);
28
- const listItems = element.querySelectorAll("li");
29
- assert.equal(listItems.length, 2);
30
- assert.equal(listItems[0].textContent?.trim(), "Hello");
31
- assert.equal(listItems[1].textContent?.trim(), "World");
32
- });
33
- it("should handle empty arrays", () => {
34
- const element = fixtureSync(html `
35
- <div
36
- @joist::value=${(e) => {
37
- e.update({
38
- oldValue: null,
39
- newValue: [],
40
- });
41
- }}
42
- >
43
- <j-for bind="items">
44
- <template>
45
- <div>Item</div>
46
- </template>
47
- </j-for>
48
- </div>
49
- `);
50
- assert.equal(element.querySelectorAll("div").length, 0);
51
- });
52
- it("should update when items are added or removed", () => {
53
- const element = fixtureSync(html `
54
- <div
55
- @joist::value=${(e) => {
56
- e.update({
57
- oldValue: null,
58
- newValue: [
59
- { id: "1", text: "First" },
60
- { id: "2", text: "Second" },
61
- ],
62
- });
63
- e.update({
64
- oldValue: null,
65
- newValue: [
66
- { id: "1", text: "First" },
67
- { id: "2", text: "Second" },
68
- { id: "3", text: "Third" },
69
- ],
70
- });
71
- e.update({
72
- oldValue: null,
73
- newValue: [
74
- { id: "1", text: "First" },
75
- { id: "3", text: "Third" },
76
- ],
77
- });
78
- }}
79
- >
80
- <j-for bind="items" key="id">
81
- <template>
82
- <j-val bind="each.value.text"></j-val>
83
- </template>
84
- </j-for>
85
- </div>
86
- `);
87
- const items = element.querySelectorAll("j-val");
88
- assert.equal(items.length, 2);
89
- assert.equal(items[0].textContent?.trim(), "First");
90
- assert.equal(items[1].textContent?.trim(), "Third");
91
- });
92
- it("should provide index and position information", () => {
93
- const element = fixtureSync(html `
94
- <div
95
- @joist::value=${(e) => {
96
- e.update({
97
- oldValue: null,
98
- newValue: ["A", "B", "C"],
99
- });
100
- }}
101
- >
102
- <j-for bind="items">
103
- <template>
104
- <div class="item">
105
- <j-val bind="each.value"></j-val>
106
- (index: <j-val bind="each.index"></j-val>, position:
107
- <j-val bind="each.position"></j-val>)
108
- </div>
109
- </template>
110
- </j-for>
111
- </div>
112
- `);
113
- const items = element.querySelectorAll(".item");
114
- assert.equal(items.length, 3);
115
- assert.equal(items[0].textContent?.trim().replaceAll("\n", "").replaceAll(" ", ""), "A(index:0,position:1)");
116
- assert.equal(items[1].textContent?.trim().replaceAll("\n", "").replaceAll(" ", ""), "B(index:1,position:2)");
117
- assert.equal(items[2].textContent?.trim().replaceAll("\n", "").replaceAll(" ", ""), "C(index:2,position:3)");
118
- });
119
- it("should maintain DOM order when items are reordered", () => {
120
- const element = fixtureSync(html `
121
- <div
122
- @joist::value=${(e) => {
123
- e.update({
124
- oldValue: null,
125
- newValue: [
126
- { id: "1", text: "First" },
127
- { id: "2", text: "Second" },
128
- { id: "3", text: "Third" },
129
- ],
130
- });
131
- e.update({
132
- oldValue: null,
133
- newValue: [
134
- { id: "3", text: "Third" },
135
- { id: "1", text: "First" },
136
- { id: "2", text: "Second" },
137
- ],
138
- });
139
- }}
140
- >
141
- <j-for bind="items" key="id">
142
- <template>
143
- <j-val bind="each.value.text"></j-val>
144
- </template>
145
- </j-for>
146
- </div>
147
- `);
148
- const items = element.querySelectorAll("j-val");
149
- assert.equal(items.length, 3);
150
- assert.equal(items[0].textContent?.trim(), "Third");
151
- assert.equal(items[1].textContent?.trim(), "First");
152
- assert.equal(items[2].textContent?.trim(), "Second");
153
- });
154
- it("should wait for depends-on before dispatching events", async () => {
155
- let eventDispatched = false;
156
- customElements.define("dependency-1", class extends HTMLElement {
157
- });
158
- customElements.define("dependency-2", class extends HTMLElement {
159
- });
160
- fixtureSync(html `
161
- <div
162
- @joist::value=${(e) => {
163
- if (e.expression.bindTo === "items") {
164
- eventDispatched = true;
165
- e.update({
166
- oldValue: null,
167
- newValue: ["A", "B", "C"],
168
- });
169
- }
170
- }}
171
- >
172
- <j-for bind="items" depends-on="dependency-1,dependency-2">
173
- <template>
174
- <div class="item">
175
- <j-val bind="each.value"></j-val>
176
- </div>
177
- </template>
178
- </j-for>
179
- </div>
180
- `);
181
- assert.isFalse(eventDispatched);
182
- await Promise.all([
183
- customElements.whenDefined("dependency-1"),
184
- customElements.whenDefined("dependency-2"),
185
- ]);
186
- assert.isTrue(eventDispatched);
187
- });
188
- //# sourceMappingURL=for.element.test.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"for.element.test.js","sourceRoot":"","sources":["../../../src/lib/elements/for.element.test.ts"],"names":[],"mappings":"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"}
@@ -1,9 +0,0 @@
1
- export declare class JoistIfElement extends HTMLElement {
2
- #private;
3
- accessor bind: string;
4
- accessor target: string;
5
- accessor dependsOn: string;
6
- connectedCallback(): Promise<void>;
7
- apply(value: unknown, isNegative: boolean): void;
8
- disconnectedCallback(): void;
9
- }
@@ -1,108 +0,0 @@
1
- import { __esDecorate, __runInitializers } from "tslib";
2
- import { attr, element, queryAll, css, html } from "@joist/element";
3
- import { JoistValueEvent } from "../events.js";
4
- import { JExpression } from "../expression.js";
5
- let JoistIfElement = (() => {
6
- let _classDecorators = [element({
7
- shadowDom: [css `:host{display: contents}`, html `<slot></slot>`],
8
- })];
9
- let _classDescriptor;
10
- let _classExtraInitializers = [];
11
- let _classThis;
12
- let _classSuper = HTMLElement;
13
- let _bind_decorators;
14
- let _bind_initializers = [];
15
- let _bind_extraInitializers = [];
16
- let _target_decorators;
17
- let _target_initializers = [];
18
- let _target_extraInitializers = [];
19
- let _dependsOn_decorators;
20
- let _dependsOn_initializers = [];
21
- let _dependsOn_extraInitializers = [];
22
- var JoistIfElement = class extends _classSuper {
23
- static { _classThis = this; }
24
- static {
25
- const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
26
- _bind_decorators = [attr()];
27
- _target_decorators = [attr()];
28
- _dependsOn_decorators = [attr({
29
- name: "depends-on",
30
- })];
31
- __esDecorate(this, null, _bind_decorators, { kind: "accessor", name: "bind", static: false, private: false, access: { has: obj => "bind" in obj, get: obj => obj.bind, set: (obj, value) => { obj.bind = value; } }, metadata: _metadata }, _bind_initializers, _bind_extraInitializers);
32
- __esDecorate(this, null, _target_decorators, { kind: "accessor", name: "target", static: false, private: false, access: { has: obj => "target" in obj, get: obj => obj.target, set: (obj, value) => { obj.target = value; } }, metadata: _metadata }, _target_initializers, _target_extraInitializers);
33
- __esDecorate(this, null, _dependsOn_decorators, { kind: "accessor", name: "dependsOn", static: false, private: false, access: { has: obj => "dependsOn" in obj, get: obj => obj.dependsOn, set: (obj, value) => { obj.dependsOn = value; } }, metadata: _metadata }, _dependsOn_initializers, _dependsOn_extraInitializers);
34
- __esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
35
- JoistIfElement = _classThis = _classDescriptor.value;
36
- if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
37
- __runInitializers(_classThis, _classExtraInitializers);
38
- }
39
- #bind_accessor_storage = __runInitializers(this, _bind_initializers, "");
40
- get bind() { return this.#bind_accessor_storage; }
41
- set bind(value) { this.#bind_accessor_storage = value; }
42
- #target_accessor_storage = (__runInitializers(this, _bind_extraInitializers), __runInitializers(this, _target_initializers, ""));
43
- get target() { return this.#target_accessor_storage; }
44
- set target(value) { this.#target_accessor_storage = value; }
45
- #dependsOn_accessor_storage = (__runInitializers(this, _target_extraInitializers), __runInitializers(this, _dependsOn_initializers, ""));
46
- get dependsOn() { return this.#dependsOn_accessor_storage; }
47
- set dependsOn(value) { this.#dependsOn_accessor_storage = value; }
48
- #templates = (__runInitializers(this, _dependsOn_extraInitializers), queryAll("template", this));
49
- #shouldShowIf = null;
50
- #target = this;
51
- async connectedCallback() {
52
- const templates = Array.from(this.#templates());
53
- if (templates.length === 0) {
54
- throw new Error("j-if requires at least one template element");
55
- }
56
- if (templates.length > 2) {
57
- throw new Error("j-if can only have two template elements (if and else)");
58
- }
59
- if (templates.length === 2 && !templates.some((t) => t.hasAttribute("else"))) {
60
- throw new Error("When using two templates, one must have the else attribute");
61
- }
62
- if (templates.length === 2 && templates[0].hasAttribute("else")) {
63
- [templates[0], templates[1]] = [templates[1], templates[0]];
64
- }
65
- const token = new JExpression(this.bind);
66
- const root = this.getRootNode();
67
- if (this.target) {
68
- const result = root.querySelector(this.target);
69
- if (result) {
70
- this.#target = result;
71
- }
72
- }
73
- if (this.dependsOn) {
74
- await Promise.all(this.dependsOn.split(",").map((tag) => window.customElements.whenDefined(tag)));
75
- }
76
- this.dispatchEvent(new JoistValueEvent(token, ({ newValue, oldValue, firstChange }) => {
77
- if (firstChange || newValue !== oldValue) {
78
- this.apply(token.evaluate(newValue), token.isNegated);
79
- }
80
- }));
81
- }
82
- apply(value, isNegative) {
83
- const shouldShowIf = isNegative ? !value : !!value;
84
- if (shouldShowIf === this.#shouldShowIf) {
85
- return;
86
- }
87
- this.#shouldShowIf = shouldShowIf;
88
- this.#clean();
89
- const templates = this.#templates();
90
- const templateToUse = this.#shouldShowIf ? templates[0] : templates[1];
91
- if (templateToUse) {
92
- const content = document.importNode(templateToUse.content, true);
93
- this.#target.append(content);
94
- }
95
- }
96
- #clean() {
97
- while (this.#target.lastChild && !(this.#target.lastChild instanceof HTMLTemplateElement)) {
98
- this.#target.lastChild.remove();
99
- }
100
- }
101
- disconnectedCallback() {
102
- this.#clean();
103
- }
104
- };
105
- return JoistIfElement = _classThis;
106
- })();
107
- export { JoistIfElement };
108
- //# sourceMappingURL=if.element.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"if.element.js","sourceRoot":"","sources":["../../../src/lib/elements/if.element.ts"],"names":[],"mappings":"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"}
@@ -1 +0,0 @@
1
- import "../define.js";