@angelscmf/front 1.0.29 → 1.0.31
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/dist/AngelsFrontAnimationLibrary.d.ts +1 -1
- package/dist/AngelsFrontAnimationLibrary.js +81 -33
- package/dist/AngelsFrontAnimationLibrary.js.map +1 -1
- package/dist/{AngelsFrontLoader.cjs → AngelsFrontAnimationLibrary.mjs} +57 -64
- package/dist/AngelsFrontAnimationLibrary.mjs.map +1 -0
- package/dist/AngelsFrontApplication.d.mts +11 -0
- package/dist/AngelsFrontApplication.d.ts +3 -2
- package/dist/AngelsFrontApplication.js +283 -28
- package/dist/AngelsFrontApplication.js.map +1 -1
- package/dist/AngelsFrontApplication.mjs +365 -0
- package/dist/AngelsFrontApplication.mjs.map +1 -0
- package/dist/AngelsFrontDOMLibrary.d.mts +13 -0
- package/dist/AngelsFrontDOMLibrary.d.ts +11 -7
- package/dist/AngelsFrontDOMLibrary.js +345 -21
- package/dist/AngelsFrontDOMLibrary.js.map +1 -1
- package/dist/AngelsFrontDOMLibrary.mjs +391 -0
- package/dist/AngelsFrontDOMLibrary.mjs.map +1 -0
- package/dist/AngelsFrontElement.d.mts +15 -0
- package/dist/AngelsFrontElement.d.ts +15 -0
- package/dist/{AngelsFrontAnimationLibrary.cjs → AngelsFrontElement.js} +80 -68
- package/dist/AngelsFrontElement.js.map +1 -0
- package/dist/AngelsFrontElement.mjs +195 -0
- package/dist/AngelsFrontElement.mjs.map +1 -0
- package/dist/AngelsFrontLoader.js +613 -32
- package/dist/AngelsFrontLoader.js.map +1 -1
- package/dist/AngelsFrontLoader.mjs +789 -0
- package/dist/AngelsFrontLoader.mjs.map +1 -0
- package/dist/{AngelsFrontMod.d.cts → AngelsFrontMod.d.mts} +4 -3
- package/dist/AngelsFrontMod.d.ts +4 -3
- package/dist/AngelsFrontMod.js +40 -17
- package/dist/AngelsFrontMod.js.map +1 -1
- package/dist/{AngelsFrontComponent.js → AngelsFrontMod.mjs} +18 -37
- package/dist/AngelsFrontMod.mjs.map +1 -0
- package/dist/AngelsFrontPage.d.mts +11 -0
- package/dist/AngelsFrontPage.d.ts +3 -2
- package/dist/AngelsFrontPage.js +283 -28
- package/dist/AngelsFrontPage.js.map +1 -1
- package/dist/AngelsFrontPage.mjs +365 -0
- package/dist/AngelsFrontPage.mjs.map +1 -0
- package/dist/AngelsFrontWidgetClass.d.mts +15 -0
- package/dist/AngelsFrontWidgetClass.d.ts +15 -0
- package/dist/AngelsFrontWidgetClass.js +383 -0
- package/dist/AngelsFrontWidgetClass.js.map +1 -0
- package/dist/AngelsFrontWidgetClass.mjs +361 -0
- package/dist/AngelsFrontWidgetClass.mjs.map +1 -0
- package/dist/index.js +1 -0
- package/dist/index.mjs +1 -0
- package/package.json +13 -2
- package/sass/AngelsDesign.scss +5 -0
- package/sass/_AngelsHTMLElements.scss +244 -244
- package/sass/_AngelsPageLayout.scss +0 -4
- package/sass/_AngelsTheme.scss +47 -15
- package/sass/_AngelsVariables.scss +1 -4
- package/sass/angelsMessages/_AngelsAlert.scss +3 -2
- package/sass/angelsMessages/_AngelsDebug.scss +3 -2
- package/sass/angelsMessages/_AngelsDone.scss +3 -2
- package/sass/angelsMessages/_AngelsError.scss +3 -2
- package/sass/angelsMessages/_AngelsInfo.scss +3 -2
- package/sass/angelsMessages/_AngelsTip.scss +3 -2
- package/sass/angelsMessages/_AngelsWarn.scss +3 -2
- package/sass/angelsTags/_a-alpha.scss +29 -0
- package/sass/angelsTags/_a-center.scss +15 -0
- package/sass/angelsTags/_a-float.scss +42 -0
- package/sass/angelsTags/_a-icenter.scss +15 -0
- package/sass/angelsTags/_a-page.scss +13 -4
- package/sass/angelsTags/_a-state.scss +2 -1
- package/sass/angelsTags/_a-table.scss +9 -35
- package/sass/angelsTags/_a-text-transform.scss +29 -0
- package/dist/AngelsCore.cjs +0 -246
- package/dist/AngelsCore.cjs.map +0 -1
- package/dist/AngelsCore.js +0 -245
- package/dist/AngelsCore.js.map +0 -1
- package/dist/AngelsElement.cjs +0 -67
- package/dist/AngelsElement.cjs.map +0 -1
- package/dist/AngelsElement.d.cts +0 -11
- package/dist/AngelsElement.d.ts +0 -11
- package/dist/AngelsElement.js +0 -42
- package/dist/AngelsElement.js.map +0 -1
- package/dist/AngelsFrontAnimationLibrary.cjs.map +0 -1
- package/dist/AngelsFrontApplication.cjs +0 -155
- package/dist/AngelsFrontApplication.cjs.map +0 -1
- package/dist/AngelsFrontApplication.d.cts +0 -10
- package/dist/AngelsFrontComponent.cjs +0 -151
- package/dist/AngelsFrontComponent.cjs.map +0 -1
- package/dist/AngelsFrontComponent.d.cts +0 -11
- package/dist/AngelsFrontComponent.d.ts +0 -11
- package/dist/AngelsFrontComponent.js.map +0 -1
- package/dist/AngelsFrontDOMLibrary.cjs +0 -130
- package/dist/AngelsFrontDOMLibrary.cjs.map +0 -1
- package/dist/AngelsFrontDOMLibrary.d.cts +0 -9
- package/dist/AngelsFrontLoader.cjs.map +0 -1
- package/dist/AngelsFrontLoader.d.cts +0 -2
- package/dist/AngelsFrontMod.cjs +0 -128
- package/dist/AngelsFrontMod.cjs.map +0 -1
- package/dist/AngelsFrontPage.cjs +0 -155
- package/dist/AngelsFrontPage.cjs.map +0 -1
- package/dist/AngelsFrontPage.d.cts +0 -10
- package/dist/index.cjs +0 -2
- package/dist/index.d.cts +0 -2
- package/dist/{AngelsFrontAnimationLibrary.d.cts → AngelsFrontAnimationLibrary.d.mts} +1 -1
- /package/dist/{AngelsCore.d.cts → AngelsFrontLoader.d.mts} +0 -0
- /package/dist/{AngelsCore.d.ts → index.d.mts} +0 -0
- /package/dist/{index.cjs.map → index.mjs.map} +0 -0
package/dist/AngelsCore.js
DELETED
|
@@ -1,245 +0,0 @@
|
|
|
1
|
-
var __async = (__this, __arguments, generator) => {
|
|
2
|
-
return new Promise((resolve, reject) => {
|
|
3
|
-
var fulfilled = (value) => {
|
|
4
|
-
try {
|
|
5
|
-
step(generator.next(value));
|
|
6
|
-
} catch (e) {
|
|
7
|
-
reject(e);
|
|
8
|
-
}
|
|
9
|
-
};
|
|
10
|
-
var rejected = (value) => {
|
|
11
|
-
try {
|
|
12
|
-
step(generator.throw(value));
|
|
13
|
-
} catch (e) {
|
|
14
|
-
reject(e);
|
|
15
|
-
}
|
|
16
|
-
};
|
|
17
|
-
var step = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
|
|
18
|
-
step((generator = generator.apply(__this, __arguments)).next());
|
|
19
|
-
});
|
|
20
|
-
};
|
|
21
|
-
|
|
22
|
-
// src/AngelsWebComponents/AngelsBoardWebComponent.ts
|
|
23
|
-
var AngelsBoardWebComponent = class _AngelsBoardWebComponent extends HTMLElement {
|
|
24
|
-
/**
|
|
25
|
-
* Use the global displayHandler if set
|
|
26
|
-
*/
|
|
27
|
-
get displayHandler() {
|
|
28
|
-
return _AngelsBoardWebComponent.globalDisplayHandler;
|
|
29
|
-
}
|
|
30
|
-
/**
|
|
31
|
-
* Switch the visible child by key
|
|
32
|
-
*/
|
|
33
|
-
aBoardSwitch(aBoardItemKey) {
|
|
34
|
-
this.setAttribute("a-board-show", aBoardItemKey);
|
|
35
|
-
}
|
|
36
|
-
/**
|
|
37
|
-
* Update visibility based on children/text
|
|
38
|
-
*/
|
|
39
|
-
aBoardUpdateDisplaying() {
|
|
40
|
-
const children = Array.from(this.children);
|
|
41
|
-
const hasVisibleChildren = children.some((el) => !el.hidden);
|
|
42
|
-
const hasNonWhitespaceText = Array.from(this.childNodes).some(
|
|
43
|
-
(node) => node.nodeType === Node.TEXT_NODE && node.textContent.trim() !== ""
|
|
44
|
-
);
|
|
45
|
-
this.hidden = !hasVisibleChildren && !hasNonWhitespaceText;
|
|
46
|
-
this.toggleAttribute("a-board-auto-hidden", this.hidden);
|
|
47
|
-
}
|
|
48
|
-
aBoardShowKey() {
|
|
49
|
-
return this.getAttribute("a-board-show") || "";
|
|
50
|
-
}
|
|
51
|
-
connectedCallback() {
|
|
52
|
-
this.initContent();
|
|
53
|
-
this.observeMutations();
|
|
54
|
-
}
|
|
55
|
-
disconnectedCallback() {
|
|
56
|
-
var _a;
|
|
57
|
-
(_a = this.mutationObserver) == null ? void 0 : _a.disconnect();
|
|
58
|
-
}
|
|
59
|
-
static get observedAttributes() {
|
|
60
|
-
return ["a-board-show"];
|
|
61
|
-
}
|
|
62
|
-
attributeChangedCallback(name, oldValue, newValue) {
|
|
63
|
-
switch (name) {
|
|
64
|
-
case "a-board-show":
|
|
65
|
-
if (oldValue !== newValue) {
|
|
66
|
-
this.updateContent();
|
|
67
|
-
}
|
|
68
|
-
}
|
|
69
|
-
}
|
|
70
|
-
/**
|
|
71
|
-
* Update which child is visible
|
|
72
|
-
*/
|
|
73
|
-
initContent() {
|
|
74
|
-
return __async(this, null, function* () {
|
|
75
|
-
const key = this.aBoardShowKey();
|
|
76
|
-
const items = Array.from(this.querySelectorAll(`:scope > [a-board-key]`));
|
|
77
|
-
const activeItem = items.find((el) => el.getAttribute("a-board-key") === key);
|
|
78
|
-
items.filter((el) => el !== activeItem).forEach((el) => {
|
|
79
|
-
const show = el === activeItem;
|
|
80
|
-
el.hidden = true;
|
|
81
|
-
});
|
|
82
|
-
if (activeItem) {
|
|
83
|
-
activeItem.hidden = false;
|
|
84
|
-
}
|
|
85
|
-
this.aBoardUpdateDisplaying();
|
|
86
|
-
});
|
|
87
|
-
}
|
|
88
|
-
/**
|
|
89
|
-
* Update which child is visible
|
|
90
|
-
*/
|
|
91
|
-
updateContent() {
|
|
92
|
-
return __async(this, null, function* () {
|
|
93
|
-
var _a;
|
|
94
|
-
(_a = this.mutationObserver) == null ? void 0 : _a.disconnect();
|
|
95
|
-
const key = this.aBoardShowKey();
|
|
96
|
-
const items = Array.from(this.querySelectorAll(`:scope > [a-board-key]`));
|
|
97
|
-
const activeItem = items.find((el) => el.getAttribute("a-board-key") === key);
|
|
98
|
-
const rect = this.getBoundingClientRect();
|
|
99
|
-
const prevWidth = this.style.width;
|
|
100
|
-
const prevHeight = this.style.height;
|
|
101
|
-
const prevOverflow = this.style.overflow;
|
|
102
|
-
this.style.width = rect.width + "px";
|
|
103
|
-
this.style.height = rect.height + "px";
|
|
104
|
-
this.style.overflow = "hidden";
|
|
105
|
-
if (this.displayHandler) {
|
|
106
|
-
const promises = [];
|
|
107
|
-
items.filter((el) => el !== activeItem).forEach((el) => {
|
|
108
|
-
const displayHandlerResult = this.displayHandler(el, false);
|
|
109
|
-
if (displayHandlerResult instanceof Promise) {
|
|
110
|
-
promises.push(displayHandlerResult);
|
|
111
|
-
}
|
|
112
|
-
});
|
|
113
|
-
yield Promise.all(promises);
|
|
114
|
-
let targetHeight = 0;
|
|
115
|
-
console.log("targetHeight", targetHeight);
|
|
116
|
-
if (activeItem) {
|
|
117
|
-
activeItem.classList.add("a-technical-transparent");
|
|
118
|
-
targetHeight = activeItem.scrollHeight;
|
|
119
|
-
activeItem.classList.remove("a-technical-transparent");
|
|
120
|
-
}
|
|
121
|
-
console.log("targetHeight", targetHeight);
|
|
122
|
-
const heightAnimation = this.animate([
|
|
123
|
-
{ height: rect.height + "px" },
|
|
124
|
-
{ height: targetHeight + "px" }
|
|
125
|
-
], {
|
|
126
|
-
duration: 300,
|
|
127
|
-
easing: "ease-in-out"
|
|
128
|
-
});
|
|
129
|
-
yield new Promise((resolve) => {
|
|
130
|
-
heightAnimation.addEventListener("finish", resolve);
|
|
131
|
-
});
|
|
132
|
-
this.style.height = targetHeight + "px";
|
|
133
|
-
if (activeItem) {
|
|
134
|
-
yield this.displayHandler(activeItem, true);
|
|
135
|
-
}
|
|
136
|
-
} else {
|
|
137
|
-
items.filter((el) => el !== activeItem).forEach((el) => {
|
|
138
|
-
const show = el === activeItem;
|
|
139
|
-
el.hidden = true;
|
|
140
|
-
});
|
|
141
|
-
let targetHeight = 0;
|
|
142
|
-
if (activeItem) {
|
|
143
|
-
activeItem.classList.add("a-technical-transparent");
|
|
144
|
-
targetHeight = activeItem.scrollHeight;
|
|
145
|
-
;
|
|
146
|
-
activeItem.classList.remove("a-technical-transparent");
|
|
147
|
-
}
|
|
148
|
-
this.style.height = targetHeight + "px";
|
|
149
|
-
if (activeItem) {
|
|
150
|
-
activeItem.hidden = false;
|
|
151
|
-
}
|
|
152
|
-
}
|
|
153
|
-
this.style.height = "";
|
|
154
|
-
this.style.width = prevWidth;
|
|
155
|
-
this.style.overflow = prevOverflow;
|
|
156
|
-
this.aBoardUpdateDisplaying();
|
|
157
|
-
this.observeMutations();
|
|
158
|
-
});
|
|
159
|
-
}
|
|
160
|
-
/**
|
|
161
|
-
* Observe direct children and text nodes only, with debounce
|
|
162
|
-
*/
|
|
163
|
-
observeMutations() {
|
|
164
|
-
if (this.mutationObserver) this.mutationObserver.disconnect();
|
|
165
|
-
this.mutationObserver = new MutationObserver(() => {
|
|
166
|
-
clearTimeout(this.mutationTimeout);
|
|
167
|
-
this.mutationTimeout = window.setTimeout(() => {
|
|
168
|
-
this.aBoardUpdateDisplaying();
|
|
169
|
-
}, 50);
|
|
170
|
-
});
|
|
171
|
-
this.mutationObserver.observe(this, {
|
|
172
|
-
childList: true,
|
|
173
|
-
characterData: true,
|
|
174
|
-
attributes: true,
|
|
175
|
-
subtree: false,
|
|
176
|
-
attributeFilter: ["hidden", "style", "class"]
|
|
177
|
-
});
|
|
178
|
-
}
|
|
179
|
-
/**
|
|
180
|
-
* Set global display handler for all <a-board> instances
|
|
181
|
-
*/
|
|
182
|
-
static setGlobalDisplayHandler(handler) {
|
|
183
|
-
_AngelsBoardWebComponent.globalDisplayHandler = handler;
|
|
184
|
-
}
|
|
185
|
-
};
|
|
186
|
-
function registerAngelsBoard(options) {
|
|
187
|
-
if (!customElements.get("a-board")) {
|
|
188
|
-
if (options == null ? void 0 : options.displayHandler) {
|
|
189
|
-
AngelsBoardWebComponent.setGlobalDisplayHandler(options.displayHandler);
|
|
190
|
-
}
|
|
191
|
-
customElements.define("a-board", AngelsBoardWebComponent);
|
|
192
|
-
} else if (options == null ? void 0 : options.displayHandler) {
|
|
193
|
-
AngelsBoardWebComponent.setGlobalDisplayHandler(options.displayHandler);
|
|
194
|
-
}
|
|
195
|
-
return customElements.get("a-board");
|
|
196
|
-
}
|
|
197
|
-
|
|
198
|
-
// src/AngelsWebComponents/AngelsStateWebComponent.ts
|
|
199
|
-
var AngelsStateWebComponent = class extends HTMLElement {
|
|
200
|
-
aStateAlert(message) {
|
|
201
|
-
this.aStateSet("a-alert", message);
|
|
202
|
-
}
|
|
203
|
-
aStateClear() {
|
|
204
|
-
this.classList.remove("a-alert", "a-debug", "a-done", "a-error", "a-info", "a-tip", "a-warn");
|
|
205
|
-
this.textContent = "";
|
|
206
|
-
this.hidden = true;
|
|
207
|
-
}
|
|
208
|
-
aStateDebug(message) {
|
|
209
|
-
this.aStateSet("a-debug", message);
|
|
210
|
-
}
|
|
211
|
-
aStateDone(message) {
|
|
212
|
-
this.aStateSet("a-done", message);
|
|
213
|
-
}
|
|
214
|
-
aStateError(message) {
|
|
215
|
-
this.aStateSet("a-error", message);
|
|
216
|
-
}
|
|
217
|
-
aStateInfo(message) {
|
|
218
|
-
this.aStateSet("a-info", message);
|
|
219
|
-
}
|
|
220
|
-
aStateTip(message) {
|
|
221
|
-
this.aStateSet("a-tip", message);
|
|
222
|
-
}
|
|
223
|
-
aStateWarn(message) {
|
|
224
|
-
this.aStateSet("a-info", message);
|
|
225
|
-
}
|
|
226
|
-
aStateSet(className, message) {
|
|
227
|
-
this.classList.remove("a-alert", "a-debug", "a-done", "a-error", "a-info", "a-tip", "a-warn");
|
|
228
|
-
this.classList.add(className);
|
|
229
|
-
this.textContent = message;
|
|
230
|
-
this.hidden = false;
|
|
231
|
-
}
|
|
232
|
-
};
|
|
233
|
-
function registerAngelsState() {
|
|
234
|
-
if (!customElements.get("a-state")) {
|
|
235
|
-
customElements.define("a-state", AngelsStateWebComponent);
|
|
236
|
-
}
|
|
237
|
-
return customElements.get("a-state");
|
|
238
|
-
}
|
|
239
|
-
|
|
240
|
-
// src/AngelsCore.ts
|
|
241
|
-
registerAngelsBoard({
|
|
242
|
-
displayHandler: aEngageElement
|
|
243
|
-
});
|
|
244
|
-
registerAngelsState();
|
|
245
|
-
//# sourceMappingURL=AngelsCore.js.map
|
package/dist/AngelsCore.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/AngelsWebComponents/AngelsBoardWebComponent.ts","../src/AngelsWebComponents/AngelsStateWebComponent.ts","../src/AngelsCore.ts"],"sourcesContent":["export type AngelsBoardItemKey = string;\nexport type DisplayHandler = (el: HTMLElement, show: boolean) => Promise<void> | void;\n\n/**\n * Custom web component <a-board> that automatically shows or hides itself\n * based on the visibility of its direct children and the presence of text nodes.\n * Supports a global displayHandler set during registration.\n */\nexport default class AngelsBoardWebComponent extends HTMLElement {\n private static globalDisplayHandler?: DisplayHandler;\n\n private mutationObserver?: MutationObserver;\n private mutationTimeout?: number;\n\n /**\n * Use the global displayHandler if set\n */\n private get displayHandler(): DisplayHandler | undefined {\n return AngelsBoardWebComponent.globalDisplayHandler;\n }\n\n /**\n * Switch the visible child by key\n */\n aBoardSwitch(aBoardItemKey: AngelsBoardItemKey) {\n this.setAttribute('a-board-show', aBoardItemKey);\n }\n\n /**\n * Update visibility based on children/text\n */\n aBoardUpdateDisplaying() {\n const children = Array.from(this.children) as HTMLElement[];\n const hasVisibleChildren = children.some(el => !el.hidden);\n const hasNonWhitespaceText = Array.from(this.childNodes).some(\n node => node.nodeType === Node.TEXT_NODE && node.textContent!.trim() !== ''\n );\n this.hidden = !hasVisibleChildren && !hasNonWhitespaceText;\n this.toggleAttribute('a-board-auto-hidden', this.hidden);\n }\n\n aBoardShowKey(): string {\n return this.getAttribute('a-board-show') || '';\n }\n\n connectedCallback() {\n this.initContent();\n this.observeMutations();\n }\n\n disconnectedCallback() {\n this.mutationObserver?.disconnect();\n }\n\n\n static get observedAttributes() {\n return ['a-board-show'];\n }\n\n attributeChangedCallback(name: string, oldValue: any, newValue: any) {\n switch (name) {\n case 'a-board-show':\n if (oldValue !== newValue) {\n this.updateContent();\n }\n }\n }\n\n /**\n * Update which child is visible\n */\n async initContent() {\n const key = this.aBoardShowKey();\n const items = Array.from(this.querySelectorAll<HTMLElement>(`:scope > [a-board-key]`));\n const activeItem = items.find(el => el.getAttribute('a-board-key') === key);\n\n items.filter(el => el !== activeItem).forEach(el => {\n const show = el === activeItem;\n el.hidden = true;\n });\n if (activeItem) {\n activeItem.hidden = false;\n }\n\n this.aBoardUpdateDisplaying();\n }\n\n /**\n * Update which child is visible\n */\n async updateContent() {\n this.mutationObserver?.disconnect();\n\n const key = this.aBoardShowKey();\n const items = Array.from(this.querySelectorAll<HTMLElement>(`:scope > [a-board-key]`));\n const activeItem = items.find(el => el.getAttribute('a-board-key') === key);\n\n // --- FREEZE LAYOUT START ---\n const rect = this.getBoundingClientRect();\n const prevWidth = this.style.width;\n const prevHeight = this.style.height;\n const prevOverflow = this.style.overflow;\n\n this.style.width = rect.width + 'px';\n this.style.height = rect.height + 'px';\n this.style.overflow = 'hidden';\n // --- /FREEZE LAYOUT START ---\n\n if (this.displayHandler) {\n const promises: Array<Promise<void>> = [];\n items.filter(el => el !== activeItem).forEach(el => {\n const displayHandlerResult = this.displayHandler!(el, false);\n if (displayHandlerResult instanceof Promise) {\n promises.push(displayHandlerResult);\n }\n });\n await Promise.all(promises);\n\n let targetHeight = 0;\n console.log('targetHeight', targetHeight);\n if (activeItem) {\n activeItem.classList.add('a-technical-transparent');\n targetHeight = activeItem.scrollHeight;\n activeItem.classList.remove('a-technical-transparent');\n }\n console.log('targetHeight', targetHeight);\n\n // Animate board height from old → new\n const heightAnimation = this.animate([\n { height: rect.height + 'px' },\n { height: targetHeight + 'px' }\n ], {\n duration: 300,\n easing: 'ease-in-out'\n });\n await new Promise(resolve => {\n heightAnimation.addEventListener('finish', resolve);\n });\n\n this.style.height = targetHeight + 'px';\n\n if (activeItem) {\n await this.displayHandler(activeItem, true);\n }\n } else {\n items.filter(el => el !== activeItem).forEach(el => {\n const show = el === activeItem;\n el.hidden = true;\n });\n\n let targetHeight = 0;\n if (activeItem) {\n activeItem.classList.add('a-technical-transparent');\n targetHeight = activeItem.scrollHeight;;\n activeItem.classList.remove('a-technical-transparent');\n }\n\n this.style.height = targetHeight + 'px';\n\n if (activeItem) {\n activeItem.hidden = false;\n }\n }\n\n // --- FREEZE LAYOUT END ---\n this.style.height = '';\n this.style.width = prevWidth;\n this.style.overflow = prevOverflow;\n // --- /FREEZE LAYOUT END ---\n\n this.aBoardUpdateDisplaying();\n this.observeMutations();\n }\n\n /**\n * Observe direct children and text nodes only, with debounce\n */\n private observeMutations() {\n if (this.mutationObserver) this.mutationObserver.disconnect();\n\n this.mutationObserver = new MutationObserver(() => {\n clearTimeout(this.mutationTimeout);\n this.mutationTimeout = window.setTimeout(() => {\n this.aBoardUpdateDisplaying();\n }, 50);\n });\n\n this.mutationObserver.observe(this, {\n childList: true,\n characterData: true,\n attributes: true,\n subtree: false,\n attributeFilter: ['hidden', 'style', 'class'],\n });\n }\n\n /**\n * Set global display handler for all <a-board> instances\n */\n static setGlobalDisplayHandler(handler: DisplayHandler) {\n AngelsBoardWebComponent.globalDisplayHandler = handler;\n }\n}\n\n/**\n * Options for registering a-board\n */\nexport interface AngelsBoardRegistrationOptions {\n displayHandler?: DisplayHandler;\n}\n\n/**\n * Register the <a-board> custom element and optionally set a global displayHandler\n */\nexport function registerAngelsBoard(options?: AngelsBoardRegistrationOptions) {\n if (!customElements.get('a-board')) {\n if (options?.displayHandler) {\n AngelsBoardWebComponent.setGlobalDisplayHandler(options.displayHandler);\n }\n customElements.define('a-board', AngelsBoardWebComponent);\n } else if (options?.displayHandler) {\n AngelsBoardWebComponent.setGlobalDisplayHandler(options.displayHandler);\n }\n return customElements.get('a-board')!;\n}\n\n","export type AngelsStateClassType = 'a-alert' | 'a-debug' | 'a-done' | 'a-error' | 'a-info' | 'a-tip' | 'a-warn';\n\n/**\n * Custom web component <a-state> that shows different messages.\n */\nexport default class AngelsStateWebComponent extends HTMLElement {\n\n aStateAlert(message: string) {\n this.aStateSet('a-alert', message);\n }\n\n aStateClear() {\n this.classList.remove('a-alert', 'a-debug', 'a-done', 'a-error', 'a-info', 'a-tip', 'a-warn');\n this.textContent = '';\n this.hidden = true;\n }\n\n aStateDebug(message: string) {\n this.aStateSet('a-debug', message);\n }\n\n aStateDone(message: string) {\n this.aStateSet('a-done', message);\n }\n\n aStateError(message: string) {\n this.aStateSet('a-error', message);\n }\n\n aStateInfo(message: string) {\n this.aStateSet('a-info', message);\n }\n\n aStateTip(message: string) {\n this.aStateSet('a-tip', message);\n }\n\n aStateWarn(message: string) {\n this.aStateSet('a-info', message);\n }\n\n aStateSet(className: AngelsStateClassType, message: string) {\n this.classList.remove('a-alert', 'a-debug', 'a-done', 'a-error', 'a-info', 'a-tip', 'a-warn');\n this.classList.add(className);\n this.textContent = message;\n this.hidden = false;\n }\n}\n\n/**\n * Register the <a-state> custom element and optionally set a global displayHandler\n */\nexport function registerAngelsState() {\n if (!customElements.get('a-state')) {\n customElements.define('a-state', AngelsStateWebComponent);\n }\n return customElements.get('a-state')!;\n}\n\n","import { registerAngelsBoard } from \"./AngelsWebComponents/AngelsBoardWebComponent\";\nimport { registerAngelsState } from \"./AngelsWebComponents/AngelsStateWebComponent\";\n\nregisterAngelsBoard({\n displayHandler: aEngageElement\n});\nregisterAngelsState();\n"],"mappings":"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","names":[]}
|
package/dist/AngelsElement.cjs
DELETED
|
@@ -1,67 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __defProp = Object.defineProperty;
|
|
3
|
-
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
4
|
-
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
5
|
-
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
6
|
-
var __export = (target, all) => {
|
|
7
|
-
for (var name in all)
|
|
8
|
-
__defProp(target, name, { get: all[name], enumerable: true });
|
|
9
|
-
};
|
|
10
|
-
var __copyProps = (to, from, except, desc) => {
|
|
11
|
-
if (from && typeof from === "object" || typeof from === "function") {
|
|
12
|
-
for (let key of __getOwnPropNames(from))
|
|
13
|
-
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
14
|
-
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
15
|
-
}
|
|
16
|
-
return to;
|
|
17
|
-
};
|
|
18
|
-
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
19
|
-
|
|
20
|
-
// src/AngelsElement.ts
|
|
21
|
-
var AngelsElement_exports = {};
|
|
22
|
-
__export(AngelsElement_exports, {
|
|
23
|
-
AngelsElementClass: () => AngelsElementClass
|
|
24
|
-
});
|
|
25
|
-
module.exports = __toCommonJS(AngelsElement_exports);
|
|
26
|
-
var AngelsElementClass = class {
|
|
27
|
-
constructor(element) {
|
|
28
|
-
this.originalElement = element;
|
|
29
|
-
return new Proxy(this, {
|
|
30
|
-
get(target, prop, receiver) {
|
|
31
|
-
if (prop in target) {
|
|
32
|
-
return target[prop];
|
|
33
|
-
}
|
|
34
|
-
return target.originalElement[prop];
|
|
35
|
-
},
|
|
36
|
-
set(target, prop, newValue, receiver) {
|
|
37
|
-
if (prop in target) {
|
|
38
|
-
target[prop] = newValue;
|
|
39
|
-
} else {
|
|
40
|
-
target.originalElement[prop] = newValue;
|
|
41
|
-
}
|
|
42
|
-
return true;
|
|
43
|
-
}
|
|
44
|
-
});
|
|
45
|
-
}
|
|
46
|
-
aHideElement() {
|
|
47
|
-
this.originalElement.hidden = true;
|
|
48
|
-
return this;
|
|
49
|
-
}
|
|
50
|
-
aShowElement() {
|
|
51
|
-
this.originalElement.hidden = false;
|
|
52
|
-
return this;
|
|
53
|
-
}
|
|
54
|
-
aTextContent(content = void 0) {
|
|
55
|
-
var _a;
|
|
56
|
-
if (content === void 0) {
|
|
57
|
-
return (_a = this.originalElement.textContent) != null ? _a : ``;
|
|
58
|
-
}
|
|
59
|
-
this.originalElement.textContent = content.toString();
|
|
60
|
-
return this;
|
|
61
|
-
}
|
|
62
|
-
};
|
|
63
|
-
// Annotate the CommonJS export names for ESM import in node:
|
|
64
|
-
0 && (module.exports = {
|
|
65
|
-
AngelsElementClass
|
|
66
|
-
});
|
|
67
|
-
//# sourceMappingURL=AngelsElement.cjs.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/AngelsElement.ts"],"sourcesContent":["export type AngelsElement<TElement extends HTMLElement = HTMLElement> = AngelsElementClass<TElement> & TElement;\n\nexport class AngelsElementClass<TElement extends HTMLElement = HTMLElement> {\n\n protected originalElement: TElement;\n\n constructor(element: TElement) {\n\n this.originalElement = element;\n\n return new Proxy(this, {\n get(target: any, prop: string | symbol, receiver: any) {\n if (prop in target) {\n return target[prop];\n }\n return target.originalElement[prop];\n },\n\n set(target: any, prop: string | symbol, newValue: any, receiver: any) {\n if (prop in target) {\n target[prop] = newValue;\n } else {\n target.originalElement[prop] = newValue;\n }\n return true;\n }\n });\n }\n\n aHideElement(): this {\n this.originalElement.hidden = true;\n return this;\n }\n\n aShowElement(): this {\n this.originalElement.hidden = false;\n return this;\n }\n\n aTextContent(): string;\n aTextContent(content: string): this;\n aTextContent(content: string | undefined = undefined): this | string {\n if (content === undefined) {\n return this.originalElement.textContent ?? ``;\n }\n this.originalElement.textContent = content.toString();\n return this;\n }\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAEO,IAAM,qBAAN,MAAqE;AAAA,EAIxE,YAAY,SAAmB;AAE3B,SAAK,kBAAkB;AAEvB,WAAO,IAAI,MAAM,MAAM;AAAA,MACnB,IAAI,QAAa,MAAuB,UAAe;AACnD,YAAI,QAAQ,QAAQ;AAChB,iBAAO,OAAO,IAAI;AAAA,QACtB;AACA,eAAO,OAAO,gBAAgB,IAAI;AAAA,MACtC;AAAA,MAEA,IAAI,QAAa,MAAuB,UAAe,UAAe;AAClE,YAAI,QAAQ,QAAQ;AAChB,iBAAO,IAAI,IAAI;AAAA,QACnB,OAAO;AACH,iBAAO,gBAAgB,IAAI,IAAI;AAAA,QACnC;AACA,eAAO;AAAA,MACX;AAAA,IACJ,CAAC;AAAA,EACL;AAAA,EAEA,eAAqB;AACjB,SAAK,gBAAgB,SAAS;AAC9B,WAAO;AAAA,EACX;AAAA,EAEA,eAAqB;AACjB,SAAK,gBAAgB,SAAS;AAC9B,WAAO;AAAA,EACX;AAAA,EAIA,aAAa,UAA8B,QAA0B;AAzCzE;AA0CQ,QAAI,YAAY,QAAW;AACvB,cAAO,UAAK,gBAAgB,gBAArB,YAAoC;AAAA,IAC/C;AACA,SAAK,gBAAgB,cAAc,QAAQ,SAAS;AACpD,WAAO;AAAA,EACX;AACJ;","names":[]}
|
package/dist/AngelsElement.d.cts
DELETED
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
type AngelsElement<TElement extends HTMLElement = HTMLElement> = AngelsElementClass<TElement> & TElement;
|
|
2
|
-
declare class AngelsElementClass<TElement extends HTMLElement = HTMLElement> {
|
|
3
|
-
protected originalElement: TElement;
|
|
4
|
-
constructor(element: TElement);
|
|
5
|
-
aHideElement(): this;
|
|
6
|
-
aShowElement(): this;
|
|
7
|
-
aTextContent(): string;
|
|
8
|
-
aTextContent(content: string): this;
|
|
9
|
-
}
|
|
10
|
-
|
|
11
|
-
export { type AngelsElement, AngelsElementClass };
|
package/dist/AngelsElement.d.ts
DELETED
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
type AngelsElement<TElement extends HTMLElement = HTMLElement> = AngelsElementClass<TElement> & TElement;
|
|
2
|
-
declare class AngelsElementClass<TElement extends HTMLElement = HTMLElement> {
|
|
3
|
-
protected originalElement: TElement;
|
|
4
|
-
constructor(element: TElement);
|
|
5
|
-
aHideElement(): this;
|
|
6
|
-
aShowElement(): this;
|
|
7
|
-
aTextContent(): string;
|
|
8
|
-
aTextContent(content: string): this;
|
|
9
|
-
}
|
|
10
|
-
|
|
11
|
-
export { type AngelsElement, AngelsElementClass };
|
package/dist/AngelsElement.js
DELETED
|
@@ -1,42 +0,0 @@
|
|
|
1
|
-
// src/AngelsElement.ts
|
|
2
|
-
var AngelsElementClass = class {
|
|
3
|
-
constructor(element) {
|
|
4
|
-
this.originalElement = element;
|
|
5
|
-
return new Proxy(this, {
|
|
6
|
-
get(target, prop, receiver) {
|
|
7
|
-
if (prop in target) {
|
|
8
|
-
return target[prop];
|
|
9
|
-
}
|
|
10
|
-
return target.originalElement[prop];
|
|
11
|
-
},
|
|
12
|
-
set(target, prop, newValue, receiver) {
|
|
13
|
-
if (prop in target) {
|
|
14
|
-
target[prop] = newValue;
|
|
15
|
-
} else {
|
|
16
|
-
target.originalElement[prop] = newValue;
|
|
17
|
-
}
|
|
18
|
-
return true;
|
|
19
|
-
}
|
|
20
|
-
});
|
|
21
|
-
}
|
|
22
|
-
aHideElement() {
|
|
23
|
-
this.originalElement.hidden = true;
|
|
24
|
-
return this;
|
|
25
|
-
}
|
|
26
|
-
aShowElement() {
|
|
27
|
-
this.originalElement.hidden = false;
|
|
28
|
-
return this;
|
|
29
|
-
}
|
|
30
|
-
aTextContent(content = void 0) {
|
|
31
|
-
var _a;
|
|
32
|
-
if (content === void 0) {
|
|
33
|
-
return (_a = this.originalElement.textContent) != null ? _a : ``;
|
|
34
|
-
}
|
|
35
|
-
this.originalElement.textContent = content.toString();
|
|
36
|
-
return this;
|
|
37
|
-
}
|
|
38
|
-
};
|
|
39
|
-
export {
|
|
40
|
-
AngelsElementClass
|
|
41
|
-
};
|
|
42
|
-
//# sourceMappingURL=AngelsElement.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/AngelsElement.ts"],"sourcesContent":["export type AngelsElement<TElement extends HTMLElement = HTMLElement> = AngelsElementClass<TElement> & TElement;\n\nexport class AngelsElementClass<TElement extends HTMLElement = HTMLElement> {\n\n protected originalElement: TElement;\n\n constructor(element: TElement) {\n\n this.originalElement = element;\n\n return new Proxy(this, {\n get(target: any, prop: string | symbol, receiver: any) {\n if (prop in target) {\n return target[prop];\n }\n return target.originalElement[prop];\n },\n\n set(target: any, prop: string | symbol, newValue: any, receiver: any) {\n if (prop in target) {\n target[prop] = newValue;\n } else {\n target.originalElement[prop] = newValue;\n }\n return true;\n }\n });\n }\n\n aHideElement(): this {\n this.originalElement.hidden = true;\n return this;\n }\n\n aShowElement(): this {\n this.originalElement.hidden = false;\n return this;\n }\n\n aTextContent(): string;\n aTextContent(content: string): this;\n aTextContent(content: string | undefined = undefined): this | string {\n if (content === undefined) {\n return this.originalElement.textContent ?? ``;\n }\n this.originalElement.textContent = content.toString();\n return this;\n }\n}\n"],"mappings":";AAEO,IAAM,qBAAN,MAAqE;AAAA,EAIxE,YAAY,SAAmB;AAE3B,SAAK,kBAAkB;AAEvB,WAAO,IAAI,MAAM,MAAM;AAAA,MACnB,IAAI,QAAa,MAAuB,UAAe;AACnD,YAAI,QAAQ,QAAQ;AAChB,iBAAO,OAAO,IAAI;AAAA,QACtB;AACA,eAAO,OAAO,gBAAgB,IAAI;AAAA,MACtC;AAAA,MAEA,IAAI,QAAa,MAAuB,UAAe,UAAe;AAClE,YAAI,QAAQ,QAAQ;AAChB,iBAAO,IAAI,IAAI;AAAA,QACnB,OAAO;AACH,iBAAO,gBAAgB,IAAI,IAAI;AAAA,QACnC;AACA,eAAO;AAAA,MACX;AAAA,IACJ,CAAC;AAAA,EACL;AAAA,EAEA,eAAqB;AACjB,SAAK,gBAAgB,SAAS;AAC9B,WAAO;AAAA,EACX;AAAA,EAEA,eAAqB;AACjB,SAAK,gBAAgB,SAAS;AAC9B,WAAO;AAAA,EACX;AAAA,EAIA,aAAa,UAA8B,QAA0B;AAzCzE;AA0CQ,QAAI,YAAY,QAAW;AACvB,cAAO,UAAK,gBAAgB,gBAArB,YAAoC;AAAA,IAC/C;AACA,SAAK,gBAAgB,cAAc,QAAQ,SAAS;AACpD,WAAO;AAAA,EACX;AACJ;","names":[]}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/AngelsFrontAnimationLibrary.ts","../src/AngelsElement.ts","../src/AngelsFrontDOMLibrary.ts"],"sourcesContent":["import { aLibRequireElement } from \"./AngelsFrontDOMLibrary\";\n\nexport async function aLibEngageElement(originalElement: AngelsSelectorType, switcher: boolean | undefined = undefined) {\n const innerElement = aLibRequireElement(originalElement);\n if (switcher === undefined) {\n switcher = !innerElement.hidden;\n }\n if (switcher) {\n return await aLibRevealElement(innerElement);\n } else {\n return await aLibConcealElement(innerElement);\n }\n}\n\nexport async function aLibConcealElement(originalElement: AngelsSelectorType) {\n const innerElement = aLibRequireElement(originalElement);\n const promise = new Promise<void>((resolve) => {\n\n if (innerElement.hidden) {\n resolve();\n return;\n }\n\n let timeout: NodeJS.Timeout | undefined;\n\n const animationHandler = () => {\n clearTimeout(timeout);\n innerElement.removeEventListener('animationend', animationHandler);\n innerElement.hidden = true;\n innerElement.classList.remove('a-out-animation');\n resolve();\n }\n\n innerElement.classList.add('a-out-animation');\n\n const animations = innerElement.getAnimations();\n if (animations.length > 0) {\n timeout = setTimeout(() => {\n innerElement.removeEventListener('animationend', animationHandler);\n innerElement.hidden = true;\n innerElement.classList.remove('a-out-animation');\n console.warn('Animation timeout');\n resolve();\n }, 5000); // 5 seconds timeout\n innerElement.addEventListener('animationend', animationHandler);\n } else {\n innerElement.hidden = true;\n resolve();\n }\n });\n\n return promise;\n}\n\nexport async function aLibRevealElement(originalElement: AngelsSelectorType) {\n const innerElement = aLibRequireElement(originalElement);\n const promise = new Promise<void>((resolve) => {\n\n if (!innerElement.hidden) {\n resolve();\n return;\n }\n\n let timeout: NodeJS.Timeout | undefined;\n\n const animationHandler = () => {\n clearTimeout(timeout);\n innerElement.removeEventListener('animationend', animationHandler);\n resolve();\n }\n\n innerElement.hidden = false;\n\n const animations = innerElement.getAnimations();\n if (animations.length > 0) {\n timeout = setTimeout(() => {\n innerElement.removeEventListener('animationend', animationHandler);\n console.warn('Animation timeout');\n resolve();\n }, 5000); // 5 seconds timeout\n innerElement.addEventListener('animationend', animationHandler);\n } else {\n resolve();\n }\n });\n\n return promise;\n}\n","export type AngelsElement<TElement extends HTMLElement = HTMLElement> = AngelsElementClass<TElement> & TElement;\n\nexport class AngelsElementClass<TElement extends HTMLElement = HTMLElement> {\n\n protected originalElement: TElement;\n\n constructor(element: TElement) {\n\n this.originalElement = element;\n\n return new Proxy(this, {\n get(target: any, prop: string | symbol, receiver: any) {\n if (prop in target) {\n return target[prop];\n }\n return target.originalElement[prop];\n },\n\n set(target: any, prop: string | symbol, newValue: any, receiver: any) {\n if (prop in target) {\n target[prop] = newValue;\n } else {\n target.originalElement[prop] = newValue;\n }\n return true;\n }\n });\n }\n\n aHideElement(): this {\n this.originalElement.hidden = true;\n return this;\n }\n\n aShowElement(): this {\n this.originalElement.hidden = false;\n return this;\n }\n\n aTextContent(): string;\n aTextContent(content: string): this;\n aTextContent(content: string | undefined = undefined): this | string {\n if (content === undefined) {\n return this.originalElement.textContent ?? ``;\n }\n this.originalElement.textContent = content.toString();\n return this;\n }\n}\n","import { AngelsElement, AngelsElementClass } from \"./AngelsElement\";\n\nexport function aLibFindElement<THTMLElement extends HTMLElement>(selector: AngelsSelectorType<THTMLElement>): AngelsElement<THTMLElement> | null {\n\n let element: THTMLElement;\n if (typeof selector === 'undefined') {\n return null;\n } else if (selector === null) {\n return null;\n } else if (typeof selector === 'string') {\n const findElement = document.querySelector<THTMLElement>(selector);\n if (!findElement) {\n return null;\n }\n element = findElement;\n } else if (selector instanceof HTMLElement) {\n element = selector as THTMLElement;\n } else if (selector instanceof Element) {\n element = selector as THTMLElement;\n } else if (selector instanceof AngelsElementClass) {\n return selector as AngelsElement<THTMLElement>;\n } else {\n element = selector;\n }\n return new AngelsElementClass(element) as AngelsElement<THTMLElement>;\n}\n\nexport function aLibRequireElement<THTMLElement extends HTMLElement>(selector: AngelsSelectorType): AngelsElement<THTMLElement> {\n const element = aLibFindElement<THTMLElement>(selector);\n if (element) {\n return element;\n }\n throw Error(`Element not found by '${selector}' selector.`);\n}\n\nexport function aLibHideElement<THTMLElement extends HTMLElement>(selector: AngelsSelectorType): AngelsElement<THTMLElement> {\n const element = aLibRequireElement<THTMLElement>(selector);\n element.hidden = true;\n return element;\n}\n\nexport function aLibShowElement<THTMLElement extends HTMLElement>(selector: AngelsSelectorType): AngelsElement<THTMLElement> {\n const element = aLibRequireElement<THTMLElement>(selector);\n element.hidden = false;\n return element;\n}\n\nexport function aLibToggleElement(originalElement: AngelsSelectorType, switcher: boolean | undefined = undefined) {\n const innerElement = aLibRequireElement(originalElement);\n if (switcher === undefined) {\n switcher = !innerElement.hidden;\n }\n if (switcher) {\n return aLibShowElement(innerElement);\n } else {\n return aLibHideElement(innerElement);\n }\n}\n"],"mappings":"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","names":[]}
|
|
@@ -1,155 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __defProp = Object.defineProperty;
|
|
3
|
-
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
4
|
-
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
5
|
-
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
6
|
-
var __export = (target, all) => {
|
|
7
|
-
for (var name in all)
|
|
8
|
-
__defProp(target, name, { get: all[name], enumerable: true });
|
|
9
|
-
};
|
|
10
|
-
var __copyProps = (to, from, except, desc) => {
|
|
11
|
-
if (from && typeof from === "object" || typeof from === "function") {
|
|
12
|
-
for (let key of __getOwnPropNames(from))
|
|
13
|
-
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
14
|
-
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
15
|
-
}
|
|
16
|
-
return to;
|
|
17
|
-
};
|
|
18
|
-
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
19
|
-
|
|
20
|
-
// src/AngelsFrontApplication.ts
|
|
21
|
-
var AngelsFrontApplication_exports = {};
|
|
22
|
-
__export(AngelsFrontApplication_exports, {
|
|
23
|
-
default: () => AngelsFrontApplication
|
|
24
|
-
});
|
|
25
|
-
module.exports = __toCommonJS(AngelsFrontApplication_exports);
|
|
26
|
-
|
|
27
|
-
// src/AngelsFrontMod.ts
|
|
28
|
-
var AngelsFrontMod = class {
|
|
29
|
-
constructor() {
|
|
30
|
-
this.modWaitStartTimeout = 1e3;
|
|
31
|
-
this.modSubModArray = new Array();
|
|
32
|
-
}
|
|
33
|
-
/**
|
|
34
|
-
* Starts AngelsFrontMod.
|
|
35
|
-
*/
|
|
36
|
-
modStart() {
|
|
37
|
-
this.modInit();
|
|
38
|
-
this.modBind();
|
|
39
|
-
this.modLink();
|
|
40
|
-
this.modRun();
|
|
41
|
-
setTimeout(() => {
|
|
42
|
-
this.modWait();
|
|
43
|
-
}, this.modWaitStartTimeout);
|
|
44
|
-
}
|
|
45
|
-
/**
|
|
46
|
-
* Finishes AngelsFrontMod.
|
|
47
|
-
*/
|
|
48
|
-
modFinish() {
|
|
49
|
-
this.modDeWait();
|
|
50
|
-
this.modDeRun();
|
|
51
|
-
this.modDeLink();
|
|
52
|
-
this.modDeBind();
|
|
53
|
-
this.modDeInit();
|
|
54
|
-
}
|
|
55
|
-
/**
|
|
56
|
-
* Inits AngelsFrontMod and its sub-modules AngelsFrontMod.
|
|
57
|
-
*/
|
|
58
|
-
modInit() {
|
|
59
|
-
this.modSubModArray.forEach((mod) => mod.modInit());
|
|
60
|
-
}
|
|
61
|
-
/**
|
|
62
|
-
* Binds AngelsFrontMod and its sub-modules AngelsFrontMod.
|
|
63
|
-
*/
|
|
64
|
-
modBind() {
|
|
65
|
-
this.modSubModArray.forEach((mod) => mod.modBind());
|
|
66
|
-
}
|
|
67
|
-
/**
|
|
68
|
-
* Links AngelsFrontMod and its sub-modules AngelsFrontMod.
|
|
69
|
-
*/
|
|
70
|
-
modLink() {
|
|
71
|
-
this.modSubModArray.forEach((mod) => mod.modLink());
|
|
72
|
-
}
|
|
73
|
-
/**
|
|
74
|
-
* Runs AngelsFrontMod and its sub-modules AngelsFrontMod.
|
|
75
|
-
*/
|
|
76
|
-
modRun() {
|
|
77
|
-
this.modSubModArray.forEach((mod) => mod.modRun());
|
|
78
|
-
}
|
|
79
|
-
/**
|
|
80
|
-
* Waits AngelsFrontMod and its sub-modules AngelsFrontMod.
|
|
81
|
-
*/
|
|
82
|
-
modWait() {
|
|
83
|
-
this.modSubModArray.forEach((mod) => mod.modWait());
|
|
84
|
-
}
|
|
85
|
-
/**
|
|
86
|
-
* DeInits AngelsFrontMod and its sub-modules AngelsFrontMod.
|
|
87
|
-
*/
|
|
88
|
-
modDeInit() {
|
|
89
|
-
this.modSubModArray.forEach((mod) => mod.modDeInit());
|
|
90
|
-
}
|
|
91
|
-
/**
|
|
92
|
-
* DeBinds AngelsFrontMod and its sub-modules AngelsFrontMod.
|
|
93
|
-
*/
|
|
94
|
-
modDeBind() {
|
|
95
|
-
this.modSubModArray.forEach((mod) => mod.modDeBind());
|
|
96
|
-
}
|
|
97
|
-
/**
|
|
98
|
-
* DeLinks AngelsFrontMod and its sub-modules AngelsFrontMod.
|
|
99
|
-
*/
|
|
100
|
-
modDeLink() {
|
|
101
|
-
this.modSubModArray.forEach((mod) => mod.modDeLink());
|
|
102
|
-
}
|
|
103
|
-
/**
|
|
104
|
-
* DeRuns AngelsFrontMod and its sub-modules AngelsFrontMod.
|
|
105
|
-
*/
|
|
106
|
-
modDeRun() {
|
|
107
|
-
this.modSubModArray.forEach((mod) => mod.modDeRun());
|
|
108
|
-
}
|
|
109
|
-
/**
|
|
110
|
-
* DeWaits AngelsFrontMod and its sub-modules AngelsFrontMod.
|
|
111
|
-
*/
|
|
112
|
-
modDeWait() {
|
|
113
|
-
this.modSubModArray.forEach((mod) => mod.modDeWait());
|
|
114
|
-
}
|
|
115
|
-
modDestructor() {
|
|
116
|
-
this.modSubModArray.forEach((mod) => mod.modDestructor());
|
|
117
|
-
}
|
|
118
|
-
modAddSubMod(mod) {
|
|
119
|
-
if (mod) {
|
|
120
|
-
this.modSubModArray.push(mod);
|
|
121
|
-
return mod;
|
|
122
|
-
}
|
|
123
|
-
return null;
|
|
124
|
-
}
|
|
125
|
-
modRequireSubMod(mod) {
|
|
126
|
-
this.modSubModArray.push(mod);
|
|
127
|
-
return mod;
|
|
128
|
-
}
|
|
129
|
-
};
|
|
130
|
-
|
|
131
|
-
// src/AngelsFrontComponent.ts
|
|
132
|
-
var AngelsFrontComponent = class extends AngelsFrontMod {
|
|
133
|
-
constructor(element) {
|
|
134
|
-
super();
|
|
135
|
-
this.comElement = element;
|
|
136
|
-
}
|
|
137
|
-
comFindElement(selector) {
|
|
138
|
-
return this.comElement.querySelector(selector);
|
|
139
|
-
}
|
|
140
|
-
comFindElements(selector) {
|
|
141
|
-
return Array.from(this.comElement.querySelectorAll(selector));
|
|
142
|
-
}
|
|
143
|
-
comRequireElement(selector) {
|
|
144
|
-
const element = this.comElement.querySelector(selector);
|
|
145
|
-
if (element) {
|
|
146
|
-
return element;
|
|
147
|
-
}
|
|
148
|
-
throw Error(`Element '${selector}' is not found.`);
|
|
149
|
-
}
|
|
150
|
-
};
|
|
151
|
-
|
|
152
|
-
// src/AngelsFrontApplication.ts
|
|
153
|
-
var AngelsFrontApplication = class extends AngelsFrontComponent {
|
|
154
|
-
};
|
|
155
|
-
//# sourceMappingURL=AngelsFrontApplication.cjs.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/AngelsFrontApplication.ts","../src/AngelsFrontMod.ts","../src/AngelsFrontComponent.ts"],"sourcesContent":["import AngelsFrontComponent from \"./AngelsFrontComponent\";\n\n/**\n * @example new AngelsFrontApplication(document.body)\n */\nexport default class AngelsFrontApplication extends AngelsFrontComponent {\n}","export default class AngelsFrontMod {\n\n protected modSubModArray: Array<AngelsFrontMod>;\n public modWaitStartTimeout = 1000;\n\n constructor() {\n this.modSubModArray = new Array;\n }\n\n /**\n * Starts AngelsFrontMod.\n */\n modStart() {\n this.modInit();\n this.modBind();\n this.modLink();\n this.modRun();\n setTimeout(() => {\n this.modWait();\n }, this.modWaitStartTimeout);\n }\n\n /**\n * Finishes AngelsFrontMod.\n */\n modFinish() {\n this.modDeWait();\n this.modDeRun();\n this.modDeLink();\n this.modDeBind();\n this.modDeInit();\n }\n\n /**\n * Inits AngelsFrontMod and its sub-modules AngelsFrontMod.\n */\n modInit() {\n this.modSubModArray.forEach(mod => mod.modInit());\n }\n\n /**\n * Binds AngelsFrontMod and its sub-modules AngelsFrontMod.\n */\n modBind() {\n this.modSubModArray.forEach(mod => mod.modBind());\n }\n\n /**\n * Links AngelsFrontMod and its sub-modules AngelsFrontMod.\n */\n modLink() {\n this.modSubModArray.forEach(mod => mod.modLink());\n }\n\n /**\n * Runs AngelsFrontMod and its sub-modules AngelsFrontMod.\n */\n modRun() {\n this.modSubModArray.forEach(mod => mod.modRun());\n }\n\n /**\n * Waits AngelsFrontMod and its sub-modules AngelsFrontMod.\n */\n modWait() {\n this.modSubModArray.forEach(mod => mod.modWait());\n }\n\n /**\n * DeInits AngelsFrontMod and its sub-modules AngelsFrontMod.\n */\n modDeInit() {\n this.modSubModArray.forEach(mod => mod.modDeInit());\n }\n /**\n * DeBinds AngelsFrontMod and its sub-modules AngelsFrontMod.\n */\n modDeBind() {\n this.modSubModArray.forEach(mod => mod.modDeBind());\n }\n /**\n * DeLinks AngelsFrontMod and its sub-modules AngelsFrontMod.\n */\n modDeLink() {\n this.modSubModArray.forEach(mod => mod.modDeLink());\n }\n /**\n * DeRuns AngelsFrontMod and its sub-modules AngelsFrontMod.\n */\n modDeRun() {\n this.modSubModArray.forEach(mod => mod.modDeRun());\n }\n /**\n * DeWaits AngelsFrontMod and its sub-modules AngelsFrontMod.\n */\n modDeWait() {\n this.modSubModArray.forEach(mod => mod.modDeWait());\n }\n\n modDestructor() {\n this.modSubModArray.forEach(mod => mod.modDestructor());\n }\n\n modAddSubMod<T extends AngelsFrontMod>(mod: T | null): T | null {\n if (mod) {\n this.modSubModArray.push(mod);\n return mod;\n }\n return null;\n }\n\n modRequireSubMod<T extends AngelsFrontMod>(mod: T): T {\n this.modSubModArray.push(mod);\n return mod;\n }\n}","import AngelsFrontMod from \"./AngelsFrontMod\";\n\nexport default class AngelsFrontComponent extends AngelsFrontMod {\n\n readonly comElement: Element;\n\n constructor(element: Element) {\n super();\n this.comElement = element;\n }\n\n comFindElement(selector: string): Element | null {\n return this.comElement.querySelector(selector);\n }\n\n comFindElements(selector: string): Array<Element> {\n return Array.from(this.comElement.querySelectorAll(selector));\n }\n\n comRequireElement(selector: string): Element {\n const element = this.comElement.querySelector(selector);\n if (element) {\n return element;\n }\n throw Error(`Element '${selector}' is not found.`);\n }\n}"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACAA,IAAqB,iBAArB,MAAoC;AAAA,EAKhC,cAAc;AAFd,SAAO,sBAAsB;AAGzB,SAAK,iBAAiB,IAAI;AAAA,EAC9B;AAAA;AAAA;AAAA;AAAA,EAKA,WAAW;AACP,SAAK,QAAQ;AACb,SAAK,QAAQ;AACb,SAAK,QAAQ;AACb,SAAK,OAAO;AACZ,eAAW,MAAM;AACb,WAAK,QAAQ;AAAA,IACjB,GAAG,KAAK,mBAAmB;AAAA,EAC/B;AAAA;AAAA;AAAA;AAAA,EAKA,YAAY;AACR,SAAK,UAAU;AACf,SAAK,SAAS;AACd,SAAK,UAAU;AACf,SAAK,UAAU;AACf,SAAK,UAAU;AAAA,EACnB;AAAA;AAAA;AAAA;AAAA,EAKA,UAAU;AACN,SAAK,eAAe,QAAQ,SAAO,IAAI,QAAQ,CAAC;AAAA,EACpD;AAAA;AAAA;AAAA;AAAA,EAKA,UAAU;AACN,SAAK,eAAe,QAAQ,SAAO,IAAI,QAAQ,CAAC;AAAA,EACpD;AAAA;AAAA;AAAA;AAAA,EAKA,UAAU;AACN,SAAK,eAAe,QAAQ,SAAO,IAAI,QAAQ,CAAC;AAAA,EACpD;AAAA;AAAA;AAAA;AAAA,EAKA,SAAS;AACL,SAAK,eAAe,QAAQ,SAAO,IAAI,OAAO,CAAC;AAAA,EACnD;AAAA;AAAA;AAAA;AAAA,EAKA,UAAU;AACN,SAAK,eAAe,QAAQ,SAAO,IAAI,QAAQ,CAAC;AAAA,EACpD;AAAA;AAAA;AAAA;AAAA,EAKA,YAAY;AACR,SAAK,eAAe,QAAQ,SAAO,IAAI,UAAU,CAAC;AAAA,EACtD;AAAA;AAAA;AAAA;AAAA,EAIA,YAAY;AACR,SAAK,eAAe,QAAQ,SAAO,IAAI,UAAU,CAAC;AAAA,EACtD;AAAA;AAAA;AAAA;AAAA,EAIA,YAAY;AACR,SAAK,eAAe,QAAQ,SAAO,IAAI,UAAU,CAAC;AAAA,EACtD;AAAA;AAAA;AAAA;AAAA,EAIA,WAAW;AACP,SAAK,eAAe,QAAQ,SAAO,IAAI,SAAS,CAAC;AAAA,EACrD;AAAA;AAAA;AAAA;AAAA,EAIA,YAAY;AACR,SAAK,eAAe,QAAQ,SAAO,IAAI,UAAU,CAAC;AAAA,EACtD;AAAA,EAEA,gBAAgB;AACZ,SAAK,eAAe,QAAQ,SAAO,IAAI,cAAc,CAAC;AAAA,EAC1D;AAAA,EAEA,aAAuC,KAAyB;AAC5D,QAAI,KAAK;AACL,WAAK,eAAe,KAAK,GAAG;AAC5B,aAAO;AAAA,IACX;AACA,WAAO;AAAA,EACX;AAAA,EAEA,iBAA2C,KAAW;AAClD,SAAK,eAAe,KAAK,GAAG;AAC5B,WAAO;AAAA,EACX;AACJ;;;ACjHA,IAAqB,uBAArB,cAAkD,eAAe;AAAA,EAI7D,YAAY,SAAkB;AAC1B,UAAM;AACN,SAAK,aAAa;AAAA,EACtB;AAAA,EAEA,eAAe,UAAkC;AAC7C,WAAO,KAAK,WAAW,cAAc,QAAQ;AAAA,EACjD;AAAA,EAEA,gBAAgB,UAAkC;AAC9C,WAAO,MAAM,KAAK,KAAK,WAAW,iBAAiB,QAAQ,CAAC;AAAA,EAChE;AAAA,EAEA,kBAAkB,UAA2B;AACzC,UAAM,UAAU,KAAK,WAAW,cAAc,QAAQ;AACtD,QAAI,SAAS;AACT,aAAO;AAAA,IACX;AACA,UAAM,MAAM,YAAY,QAAQ,iBAAiB;AAAA,EACrD;AACJ;;;AFrBA,IAAqB,yBAArB,cAAoD,qBAAqB;AACzE;","names":[]}
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
import AngelsFrontComponent from './AngelsFrontComponent.cjs';
|
|
2
|
-
import './AngelsFrontMod.cjs';
|
|
3
|
-
|
|
4
|
-
/**
|
|
5
|
-
* @example new AngelsFrontApplication(document.body)
|
|
6
|
-
*/
|
|
7
|
-
declare class AngelsFrontApplication extends AngelsFrontComponent {
|
|
8
|
-
}
|
|
9
|
-
|
|
10
|
-
export { AngelsFrontApplication as default };
|