@thomas-siegfried/tapout 0.0.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/LICENSE +21 -0
- package/README.md +1206 -0
- package/dist/applyBindings.d.ts +10 -0
- package/dist/applyBindings.d.ts.map +1 -0
- package/dist/applyBindings.js +261 -0
- package/dist/applyBindings.js.map +1 -0
- package/dist/arrayToDomMapping.d.ts +14 -0
- package/dist/arrayToDomMapping.d.ts.map +1 -0
- package/dist/arrayToDomMapping.js +219 -0
- package/dist/arrayToDomMapping.js.map +1 -0
- package/dist/attributeInterpolationMarkup.d.ts +6 -0
- package/dist/attributeInterpolationMarkup.d.ts.map +1 -0
- package/dist/attributeInterpolationMarkup.js +70 -0
- package/dist/attributeInterpolationMarkup.js.map +1 -0
- package/dist/bindingContext.d.ts +38 -0
- package/dist/bindingContext.d.ts.map +1 -0
- package/dist/bindingContext.js +138 -0
- package/dist/bindingContext.js.map +1 -0
- package/dist/bindingEvent.d.ts +33 -0
- package/dist/bindingEvent.d.ts.map +1 -0
- package/dist/bindingEvent.js +144 -0
- package/dist/bindingEvent.js.map +1 -0
- package/dist/bindingProvider.d.ts +38 -0
- package/dist/bindingProvider.d.ts.map +1 -0
- package/dist/bindingProvider.js +145 -0
- package/dist/bindingProvider.js.map +1 -0
- package/dist/bindings.d.ts +2 -0
- package/dist/bindings.d.ts.map +1 -0
- package/dist/bindings.js +862 -0
- package/dist/bindings.js.map +1 -0
- package/dist/compareArrays.d.ts +13 -0
- package/dist/compareArrays.d.ts.map +1 -0
- package/dist/compareArrays.js +91 -0
- package/dist/compareArrays.js.map +1 -0
- package/dist/componentBinding.d.ts +4 -0
- package/dist/componentBinding.d.ts.map +1 -0
- package/dist/componentBinding.js +240 -0
- package/dist/componentBinding.js.map +1 -0
- package/dist/componentDecorator.d.ts +22 -0
- package/dist/componentDecorator.d.ts.map +1 -0
- package/dist/componentDecorator.js +32 -0
- package/dist/componentDecorator.js.map +1 -0
- package/dist/components.d.ts +34 -0
- package/dist/components.d.ts.map +1 -0
- package/dist/components.js +256 -0
- package/dist/components.js.map +1 -0
- package/dist/computed.d.ts +54 -0
- package/dist/computed.d.ts.map +1 -0
- package/dist/computed.js +376 -0
- package/dist/computed.js.map +1 -0
- package/dist/configure.d.ts +4 -0
- package/dist/configure.d.ts.map +1 -0
- package/dist/configure.js +48 -0
- package/dist/configure.js.map +1 -0
- package/dist/controlFlowBindings.d.ts +2 -0
- package/dist/controlFlowBindings.d.ts.map +1 -0
- package/dist/controlFlowBindings.js +151 -0
- package/dist/controlFlowBindings.js.map +1 -0
- package/dist/core.d.ts +29 -0
- package/dist/core.d.ts.map +1 -0
- package/dist/core.js +27 -0
- package/dist/core.js.map +1 -0
- package/dist/decorators.d.ts +40 -0
- package/dist/decorators.d.ts.map +1 -0
- package/dist/decorators.js +276 -0
- package/dist/decorators.js.map +1 -0
- package/dist/dependencyDetection.d.ts +21 -0
- package/dist/dependencyDetection.d.ts.map +1 -0
- package/dist/dependencyDetection.js +53 -0
- package/dist/dependencyDetection.js.map +1 -0
- package/dist/disposable.d.ts +12 -0
- package/dist/disposable.d.ts.map +1 -0
- package/dist/disposable.js +29 -0
- package/dist/disposable.js.map +1 -0
- package/dist/domData.d.ts +6 -0
- package/dist/domData.d.ts.map +1 -0
- package/dist/domData.js +40 -0
- package/dist/domData.js.map +1 -0
- package/dist/domNodeDisposal.d.ts +7 -0
- package/dist/domNodeDisposal.d.ts.map +1 -0
- package/dist/domNodeDisposal.js +78 -0
- package/dist/domNodeDisposal.js.map +1 -0
- package/dist/effects.d.ts +13 -0
- package/dist/effects.d.ts.map +1 -0
- package/dist/effects.js +24 -0
- package/dist/effects.js.map +1 -0
- package/dist/event.d.ts +38 -0
- package/dist/event.d.ts.map +1 -0
- package/dist/event.js +138 -0
- package/dist/event.js.map +1 -0
- package/dist/expressionRewriting.d.ts +22 -0
- package/dist/expressionRewriting.d.ts.map +1 -0
- package/dist/expressionRewriting.js +169 -0
- package/dist/expressionRewriting.js.map +1 -0
- package/dist/extenders.d.ts +17 -0
- package/dist/extenders.d.ts.map +1 -0
- package/dist/extenders.js +75 -0
- package/dist/extenders.js.map +1 -0
- package/dist/filters.d.ts +5 -0
- package/dist/filters.d.ts.map +1 -0
- package/dist/filters.js +81 -0
- package/dist/filters.js.map +1 -0
- package/dist/index.d.ts +45 -0
- package/dist/index.d.ts.map +1 -0
- package/dist/index.js +35 -0
- package/dist/index.js.map +1 -0
- package/dist/interpolationMarkup.d.ts +6 -0
- package/dist/interpolationMarkup.d.ts.map +1 -0
- package/dist/interpolationMarkup.js +110 -0
- package/dist/interpolationMarkup.js.map +1 -0
- package/dist/memoization.d.ts +7 -0
- package/dist/memoization.d.ts.map +1 -0
- package/dist/memoization.js +59 -0
- package/dist/memoization.js.map +1 -0
- package/dist/namespacedBindings.d.ts +7 -0
- package/dist/namespacedBindings.d.ts.map +1 -0
- package/dist/namespacedBindings.js +81 -0
- package/dist/namespacedBindings.js.map +1 -0
- package/dist/observable.d.ts +13 -0
- package/dist/observable.d.ts.map +1 -0
- package/dist/observable.js +39 -0
- package/dist/observable.js.map +1 -0
- package/dist/observableArray.d.ts +58 -0
- package/dist/observableArray.d.ts.map +1 -0
- package/dist/observableArray.js +328 -0
- package/dist/observableArray.js.map +1 -0
- package/dist/options.d.ts +14 -0
- package/dist/options.d.ts.map +1 -0
- package/dist/options.js +12 -0
- package/dist/options.js.map +1 -0
- package/dist/selectExtensions.d.ts +4 -0
- package/dist/selectExtensions.d.ts.map +1 -0
- package/dist/selectExtensions.js +67 -0
- package/dist/selectExtensions.js.map +1 -0
- package/dist/slotBinding.d.ts +2 -0
- package/dist/slotBinding.d.ts.map +1 -0
- package/dist/slotBinding.js +63 -0
- package/dist/slotBinding.js.map +1 -0
- package/dist/subscribable.d.ts +57 -0
- package/dist/subscribable.d.ts.map +1 -0
- package/dist/subscribable.js +211 -0
- package/dist/subscribable.js.map +1 -0
- package/dist/tasks.d.ts +8 -0
- package/dist/tasks.d.ts.map +1 -0
- package/dist/tasks.js +68 -0
- package/dist/tasks.js.map +1 -0
- package/dist/templateEngine.d.ts +37 -0
- package/dist/templateEngine.d.ts.map +1 -0
- package/dist/templateEngine.js +60 -0
- package/dist/templateEngine.js.map +1 -0
- package/dist/templateRendering.d.ts +8 -0
- package/dist/templateRendering.d.ts.map +1 -0
- package/dist/templateRendering.js +322 -0
- package/dist/templateRendering.js.map +1 -0
- package/dist/templateRewriting.d.ts +7 -0
- package/dist/templateRewriting.d.ts.map +1 -0
- package/dist/templateRewriting.js +63 -0
- package/dist/templateRewriting.js.map +1 -0
- package/dist/templateSources.d.ts +19 -0
- package/dist/templateSources.d.ts.map +1 -0
- package/dist/templateSources.js +110 -0
- package/dist/templateSources.js.map +1 -0
- package/dist/utils.d.ts +8 -0
- package/dist/utils.d.ts.map +1 -0
- package/dist/utils.js +100 -0
- package/dist/utils.js.map +1 -0
- package/dist/utilsDom.d.ts +8 -0
- package/dist/utilsDom.d.ts.map +1 -0
- package/dist/utilsDom.js +81 -0
- package/dist/utilsDom.js.map +1 -0
- package/dist/virtualElements.d.ts +12 -0
- package/dist/virtualElements.d.ts.map +1 -0
- package/dist/virtualElements.js +141 -0
- package/dist/virtualElements.js.map +1 -0
- package/dist/wireParams.d.ts +6 -0
- package/dist/wireParams.d.ts.map +1 -0
- package/dist/wireParams.js +39 -0
- package/dist/wireParams.js.map +1 -0
- package/package.json +55 -0
- package/src/applyBindings.ts +372 -0
- package/src/arrayToDomMapping.ts +300 -0
- package/src/attributeInterpolationMarkup.ts +91 -0
- package/src/bindingContext.ts +207 -0
- package/src/bindingEvent.ts +198 -0
- package/src/bindingProvider.ts +260 -0
- package/src/bindings.ts +963 -0
- package/src/compareArrays.ts +122 -0
- package/src/componentBinding.ts +318 -0
- package/src/componentDecorator.ts +62 -0
- package/src/components.ts +367 -0
- package/src/computed.ts +439 -0
- package/src/configure.ts +52 -0
- package/src/controlFlowBindings.ts +206 -0
- package/src/core.ts +60 -0
- package/src/decorators.ts +407 -0
- package/src/dependencyDetection.ts +76 -0
- package/src/disposable.ts +36 -0
- package/src/domData.ts +42 -0
- package/src/domNodeDisposal.ts +94 -0
- package/src/effects.ts +29 -0
- package/src/event.ts +173 -0
- package/src/expressionRewriting.ts +219 -0
- package/src/extenders.ts +102 -0
- package/src/filters.ts +91 -0
- package/src/index.ts +150 -0
- package/src/interpolationMarkup.ts +130 -0
- package/src/memoization.ts +71 -0
- package/src/namespacedBindings.ts +132 -0
- package/src/observable.ts +48 -0
- package/src/observableArray.ts +397 -0
- package/src/options.ts +25 -0
- package/src/selectExtensions.ts +68 -0
- package/src/slotBinding.ts +84 -0
- package/src/subscribable.ts +266 -0
- package/src/tasks.ts +79 -0
- package/src/templateEngine.ts +108 -0
- package/src/templateRendering.ts +399 -0
- package/src/templateRewriting.ts +94 -0
- package/src/templateSources.ts +134 -0
- package/src/utils.ts +123 -0
- package/src/utilsDom.ts +87 -0
- package/src/virtualElements.ts +153 -0
- package/src/wireParams.ts +49 -0
|
@@ -0,0 +1,322 @@
|
|
|
1
|
+
import { Computed } from './computed.js';
|
|
2
|
+
import { ignore } from './dependencyDetection.js';
|
|
3
|
+
import { BindingContext } from './bindingContext.js';
|
|
4
|
+
import { domDataGet, domDataSet, domDataNextKey } from './domData.js';
|
|
5
|
+
import { addDisposeCallback } from './domNodeDisposal.js';
|
|
6
|
+
import { bindingEvent } from './bindingEvent.js';
|
|
7
|
+
import { applyBindings } from './applyBindings.js';
|
|
8
|
+
import { instance as providerInstance } from './bindingProvider.js';
|
|
9
|
+
import { bindingHandlers } from './bindingProvider.js';
|
|
10
|
+
import { allowedVirtualElementBindings, virtualChildNodes, virtualEmptyNode, virtualSetChildren, virtualNextSibling } from './virtualElements.js';
|
|
11
|
+
import { isReadableSubscribable } from './subscribable.js';
|
|
12
|
+
import { isObservableArray } from './observableArray.js';
|
|
13
|
+
import { AnonymousSource } from './templateSources.js';
|
|
14
|
+
import { getTemplateEngine } from './templateEngine.js';
|
|
15
|
+
import { setDomNodeChildrenFromArrayMapping } from './arrayToDomMapping.js';
|
|
16
|
+
import { unmemoizeDomNodeAndDescendants } from './memoization.js';
|
|
17
|
+
import { ensureTemplateIsRewritten } from './templateRewriting.js';
|
|
18
|
+
import { unwrapObservable } from './utils.js';
|
|
19
|
+
import { fixUpContinuousNodeArray, replaceDomNodes, moveCleanedNodesToContainerElement, domNodeIsAttachedToDocument, } from './utilsDom.js';
|
|
20
|
+
function invokeForEachNodeInContinuousRange(firstNode, lastNode, action) {
|
|
21
|
+
const firstOutOfRange = virtualNextSibling(lastNode);
|
|
22
|
+
let nextInQueue = firstNode;
|
|
23
|
+
while (nextInQueue && nextInQueue !== firstOutOfRange) {
|
|
24
|
+
const node = nextInQueue;
|
|
25
|
+
nextInQueue = virtualNextSibling(node);
|
|
26
|
+
action(node, nextInQueue ?? undefined);
|
|
27
|
+
}
|
|
28
|
+
}
|
|
29
|
+
function activateBindingsOnContinuousNodeArray(continuousNodeArray, bindingContext) {
|
|
30
|
+
if (continuousNodeArray.length) {
|
|
31
|
+
let firstNode = continuousNodeArray[0];
|
|
32
|
+
let lastNode = continuousNodeArray[continuousNodeArray.length - 1];
|
|
33
|
+
const parentNode = firstNode.parentNode;
|
|
34
|
+
const provider = providerInstance;
|
|
35
|
+
const preprocessNode = provider.preprocessNode;
|
|
36
|
+
if (preprocessNode) {
|
|
37
|
+
invokeForEachNodeInContinuousRange(firstNode, lastNode, (node, nextNodeInRange) => {
|
|
38
|
+
const nodePreviousSibling = node.previousSibling;
|
|
39
|
+
const newNodes = preprocessNode.call(provider, node);
|
|
40
|
+
if (newNodes) {
|
|
41
|
+
if (node === firstNode)
|
|
42
|
+
firstNode = newNodes[0] || nextNodeInRange;
|
|
43
|
+
if (node === lastNode)
|
|
44
|
+
lastNode = newNodes[newNodes.length - 1] || nodePreviousSibling;
|
|
45
|
+
}
|
|
46
|
+
});
|
|
47
|
+
continuousNodeArray.length = 0;
|
|
48
|
+
if (!firstNode)
|
|
49
|
+
return;
|
|
50
|
+
if (firstNode === lastNode) {
|
|
51
|
+
continuousNodeArray.push(firstNode);
|
|
52
|
+
}
|
|
53
|
+
else {
|
|
54
|
+
continuousNodeArray.push(firstNode, lastNode);
|
|
55
|
+
fixUpContinuousNodeArray(continuousNodeArray, parentNode);
|
|
56
|
+
}
|
|
57
|
+
}
|
|
58
|
+
// Apply bindings before unmemoization — unmemoization may introduce new nodes
|
|
59
|
+
// that shouldn't be re-bound, whereas regular applyBindings won't add memoized nodes
|
|
60
|
+
invokeForEachNodeInContinuousRange(firstNode, lastNode, (node) => {
|
|
61
|
+
if (node.nodeType === 1 || node.nodeType === 8)
|
|
62
|
+
applyBindings(bindingContext, node);
|
|
63
|
+
});
|
|
64
|
+
invokeForEachNodeInContinuousRange(firstNode, lastNode, (node) => {
|
|
65
|
+
if (node.nodeType === 1 || node.nodeType === 8)
|
|
66
|
+
unmemoizeDomNodeAndDescendants(node, [bindingContext]);
|
|
67
|
+
});
|
|
68
|
+
fixUpContinuousNodeArray(continuousNodeArray, parentNode);
|
|
69
|
+
}
|
|
70
|
+
}
|
|
71
|
+
function getFirstNodeFromPossibleArray(nodeOrNodeArray) {
|
|
72
|
+
if ('nodeType' in nodeOrNodeArray && nodeOrNodeArray.nodeType) {
|
|
73
|
+
return nodeOrNodeArray;
|
|
74
|
+
}
|
|
75
|
+
const arr = nodeOrNodeArray;
|
|
76
|
+
return arr.length > 0 ? arr[0] : null;
|
|
77
|
+
}
|
|
78
|
+
function executeTemplate(targetNodeOrNodeArray, renderMode, template, bindingContext, options) {
|
|
79
|
+
options = options || {};
|
|
80
|
+
const firstTargetNode = targetNodeOrNodeArray && getFirstNodeFromPossibleArray(targetNodeOrNodeArray);
|
|
81
|
+
const templateDocument = (firstTargetNode || template)?.ownerDocument;
|
|
82
|
+
const templateEngineToUse = options.templateEngine || getTemplateEngine();
|
|
83
|
+
ensureTemplateIsRewritten(template, templateEngineToUse, templateDocument ?? undefined);
|
|
84
|
+
const renderedNodesArray = templateEngineToUse.renderTemplate(template, bindingContext, options, templateDocument ?? undefined);
|
|
85
|
+
if (typeof renderedNodesArray.length !== 'number' || (renderedNodesArray.length > 0 && typeof renderedNodesArray[0].nodeType !== 'number'))
|
|
86
|
+
throw new Error('Template engine must return an array of DOM nodes');
|
|
87
|
+
let haveAddedNodesToParent = false;
|
|
88
|
+
switch (renderMode) {
|
|
89
|
+
case 'replaceChildren':
|
|
90
|
+
virtualSetChildren(targetNodeOrNodeArray, renderedNodesArray);
|
|
91
|
+
haveAddedNodesToParent = true;
|
|
92
|
+
break;
|
|
93
|
+
case 'replaceNode':
|
|
94
|
+
replaceDomNodes(targetNodeOrNodeArray, renderedNodesArray);
|
|
95
|
+
haveAddedNodesToParent = true;
|
|
96
|
+
break;
|
|
97
|
+
case 'ignoreTargetNode':
|
|
98
|
+
break;
|
|
99
|
+
default:
|
|
100
|
+
throw new Error('Unknown renderMode: ' + renderMode);
|
|
101
|
+
}
|
|
102
|
+
if (haveAddedNodesToParent) {
|
|
103
|
+
activateBindingsOnContinuousNodeArray(renderedNodesArray, bindingContext);
|
|
104
|
+
if (options.afterRender) {
|
|
105
|
+
ignore(() => options.afterRender(renderedNodesArray, bindingContext[options.as || '$data']));
|
|
106
|
+
}
|
|
107
|
+
if (renderMode === 'replaceChildren') {
|
|
108
|
+
bindingEvent.notify(targetNodeOrNodeArray, bindingEvent.childrenComplete);
|
|
109
|
+
}
|
|
110
|
+
}
|
|
111
|
+
return renderedNodesArray;
|
|
112
|
+
}
|
|
113
|
+
function resolveTemplateName(template, data, context) {
|
|
114
|
+
if (isReadableSubscribable(template)) {
|
|
115
|
+
return template.get();
|
|
116
|
+
}
|
|
117
|
+
else if (typeof template === 'function') {
|
|
118
|
+
return template(data, context);
|
|
119
|
+
}
|
|
120
|
+
else {
|
|
121
|
+
return template;
|
|
122
|
+
}
|
|
123
|
+
}
|
|
124
|
+
const templateComputedDomDataKey = domDataNextKey();
|
|
125
|
+
function disposeOldComputed(element) {
|
|
126
|
+
const oldComputed = domDataGet(element, templateComputedDomDataKey);
|
|
127
|
+
if (oldComputed && typeof oldComputed.dispose === 'function')
|
|
128
|
+
oldComputed.dispose();
|
|
129
|
+
}
|
|
130
|
+
function storeNewComputed(element, newComputed) {
|
|
131
|
+
domDataSet(element, templateComputedDomDataKey, newComputed && (!('isActive' in newComputed) || newComputed.isActive()) ? newComputed : undefined);
|
|
132
|
+
}
|
|
133
|
+
export function renderTemplate(template, dataOrBindingContext, options, targetNodeOrNodeArray, renderMode) {
|
|
134
|
+
options = options || {};
|
|
135
|
+
if ((options.templateEngine || getTemplateEngine()) == null)
|
|
136
|
+
throw new Error('Set a template engine before calling renderTemplate');
|
|
137
|
+
renderMode = renderMode || 'replaceChildren';
|
|
138
|
+
const firstTargetNode = getFirstNodeFromPossibleArray(targetNodeOrNodeArray);
|
|
139
|
+
const whenToDispose = () => !firstTargetNode || !domNodeIsAttachedToDocument(firstTargetNode);
|
|
140
|
+
const activelyDisposeWhenNodeIsRemoved = (firstTargetNode && renderMode === 'replaceNode')
|
|
141
|
+
? firstTargetNode.parentNode
|
|
142
|
+
: firstTargetNode;
|
|
143
|
+
let currentTargetNodeOrNodeArray = targetNodeOrNodeArray;
|
|
144
|
+
const computed = new Computed(() => {
|
|
145
|
+
const bindingContext = (dataOrBindingContext instanceof BindingContext)
|
|
146
|
+
? dataOrBindingContext
|
|
147
|
+
: new BindingContext(dataOrBindingContext, undefined, undefined, undefined, { exportDependencies: true });
|
|
148
|
+
const templateName = resolveTemplateName(template, bindingContext.$data, bindingContext);
|
|
149
|
+
const renderedNodesArray = executeTemplate(currentTargetNodeOrNodeArray, renderMode, templateName, bindingContext, options);
|
|
150
|
+
if (renderMode === 'replaceNode') {
|
|
151
|
+
currentTargetNodeOrNodeArray = renderedNodesArray;
|
|
152
|
+
}
|
|
153
|
+
});
|
|
154
|
+
if (activelyDisposeWhenNodeIsRemoved) {
|
|
155
|
+
addDisposeCallback(activelyDisposeWhenNodeIsRemoved, () => computed.dispose());
|
|
156
|
+
}
|
|
157
|
+
// Also add a check to dispose when detached from DOM
|
|
158
|
+
const sub = computed.subscribe(() => {
|
|
159
|
+
if (whenToDispose()) {
|
|
160
|
+
computed.dispose();
|
|
161
|
+
sub.dispose();
|
|
162
|
+
}
|
|
163
|
+
});
|
|
164
|
+
return computed;
|
|
165
|
+
}
|
|
166
|
+
export function renderTemplateForEach(template, arrayOrObservableArray, options, targetNode, parentBindingContext) {
|
|
167
|
+
let arrayItemContext;
|
|
168
|
+
const asName = options.as;
|
|
169
|
+
const executeTemplateForArrayItem = (arrayValue, index) => {
|
|
170
|
+
arrayItemContext = parentBindingContext.createChildContext(arrayValue, {
|
|
171
|
+
as: asName,
|
|
172
|
+
noChildContext: options.noChildContext,
|
|
173
|
+
extend(context) {
|
|
174
|
+
context.$index = index;
|
|
175
|
+
if (asName) {
|
|
176
|
+
context[asName + 'Index'] = index;
|
|
177
|
+
}
|
|
178
|
+
},
|
|
179
|
+
});
|
|
180
|
+
const templateName = resolveTemplateName(template, arrayValue, arrayItemContext);
|
|
181
|
+
return executeTemplate(targetNode, 'ignoreTargetNode', templateName, arrayItemContext, options);
|
|
182
|
+
};
|
|
183
|
+
const activateBindingsCallback = (arrayValue, addedNodesArray) => {
|
|
184
|
+
activateBindingsOnContinuousNodeArray(addedNodesArray, arrayItemContext);
|
|
185
|
+
if (options.afterRender)
|
|
186
|
+
options.afterRender(addedNodesArray, arrayValue);
|
|
187
|
+
arrayItemContext = null;
|
|
188
|
+
};
|
|
189
|
+
const setDomNodeChildrenFromArrayMappingCb = (newArray, changeList) => {
|
|
190
|
+
ignore(() => setDomNodeChildrenFromArrayMapping(targetNode, newArray, executeTemplateForArrayItem, options, activateBindingsCallback, changeList));
|
|
191
|
+
bindingEvent.notify(targetNode, bindingEvent.childrenComplete);
|
|
192
|
+
};
|
|
193
|
+
const shouldHideDestroyed = (options.includeDestroyed === false);
|
|
194
|
+
if (!shouldHideDestroyed && !options.beforeRemove && isObservableArray(arrayOrObservableArray)) {
|
|
195
|
+
const observableArray = arrayOrObservableArray;
|
|
196
|
+
const queuedChangeLists = [];
|
|
197
|
+
let isProcessing = false;
|
|
198
|
+
function processArrayChange(changeList) {
|
|
199
|
+
if (changeList)
|
|
200
|
+
queuedChangeLists.push(changeList);
|
|
201
|
+
if (isProcessing)
|
|
202
|
+
return;
|
|
203
|
+
isProcessing = true;
|
|
204
|
+
try {
|
|
205
|
+
if (queuedChangeLists.length === 0) {
|
|
206
|
+
setDomNodeChildrenFromArrayMappingCb(observableArray.peek());
|
|
207
|
+
}
|
|
208
|
+
else {
|
|
209
|
+
while (queuedChangeLists.length) {
|
|
210
|
+
const cl = queuedChangeLists.shift();
|
|
211
|
+
try {
|
|
212
|
+
setDomNodeChildrenFromArrayMappingCb(observableArray.peek(), cl);
|
|
213
|
+
}
|
|
214
|
+
catch (e) {
|
|
215
|
+
// allow processing to continue
|
|
216
|
+
if (queuedChangeLists.length === 0)
|
|
217
|
+
throw e;
|
|
218
|
+
}
|
|
219
|
+
}
|
|
220
|
+
}
|
|
221
|
+
}
|
|
222
|
+
finally {
|
|
223
|
+
isProcessing = false;
|
|
224
|
+
}
|
|
225
|
+
}
|
|
226
|
+
const subscription = observableArray.subscribe(processArrayChange, 'arrayChange');
|
|
227
|
+
addDisposeCallback(targetNode, () => subscription.dispose());
|
|
228
|
+
processArrayChange();
|
|
229
|
+
return subscription;
|
|
230
|
+
}
|
|
231
|
+
else {
|
|
232
|
+
const computed = new Computed(() => {
|
|
233
|
+
let unwrappedArray = unwrapObservable(arrayOrObservableArray) || [];
|
|
234
|
+
if (!Array.isArray(unwrappedArray)) {
|
|
235
|
+
unwrappedArray = [unwrappedArray];
|
|
236
|
+
}
|
|
237
|
+
if (shouldHideDestroyed) {
|
|
238
|
+
unwrappedArray = unwrappedArray.filter(item => item === undefined || item === null || !unwrapObservable(item._destroy));
|
|
239
|
+
}
|
|
240
|
+
setDomNodeChildrenFromArrayMappingCb(unwrappedArray);
|
|
241
|
+
});
|
|
242
|
+
addDisposeCallback(targetNode, () => computed.dispose());
|
|
243
|
+
return computed;
|
|
244
|
+
}
|
|
245
|
+
}
|
|
246
|
+
// ---- template binding handler ----
|
|
247
|
+
const cleanContainerDomDataKey = domDataNextKey();
|
|
248
|
+
const templateHandler = {
|
|
249
|
+
init(element, valueAccessor) {
|
|
250
|
+
const bindingValue = unwrapObservable(valueAccessor());
|
|
251
|
+
if (typeof bindingValue === 'string' || (bindingValue && typeof bindingValue === 'object' && 'name' in bindingValue)) {
|
|
252
|
+
virtualEmptyNode(element);
|
|
253
|
+
}
|
|
254
|
+
else if (bindingValue && typeof bindingValue === 'object' && 'nodes' in bindingValue) {
|
|
255
|
+
const nodes = bindingValue.nodes || [];
|
|
256
|
+
if (isReadableSubscribable(nodes)) {
|
|
257
|
+
throw new Error('The "nodes" option must be a plain, non-observable array.');
|
|
258
|
+
}
|
|
259
|
+
let container = nodes[0]?.parentNode;
|
|
260
|
+
if (!container || !domDataGet(container, cleanContainerDomDataKey)) {
|
|
261
|
+
container = moveCleanedNodesToContainerElement(nodes);
|
|
262
|
+
domDataSet(container, cleanContainerDomDataKey, true);
|
|
263
|
+
}
|
|
264
|
+
new AnonymousSource(element).nodes(container);
|
|
265
|
+
}
|
|
266
|
+
else {
|
|
267
|
+
const templateNodes = virtualChildNodes(element);
|
|
268
|
+
if (templateNodes.length > 0) {
|
|
269
|
+
const container = moveCleanedNodesToContainerElement(templateNodes);
|
|
270
|
+
new AnonymousSource(element).nodes(container);
|
|
271
|
+
}
|
|
272
|
+
else {
|
|
273
|
+
throw new Error('Anonymous template defined, but no template content was provided');
|
|
274
|
+
}
|
|
275
|
+
}
|
|
276
|
+
return { controlsDescendantBindings: true };
|
|
277
|
+
},
|
|
278
|
+
update(element, valueAccessor, allBindings, viewModel, bindingContext) {
|
|
279
|
+
const value = valueAccessor();
|
|
280
|
+
let options = unwrapObservable(value);
|
|
281
|
+
let shouldDisplay = true;
|
|
282
|
+
let templateComputed;
|
|
283
|
+
let template;
|
|
284
|
+
if (typeof options === 'string') {
|
|
285
|
+
template = value;
|
|
286
|
+
options = {};
|
|
287
|
+
}
|
|
288
|
+
else {
|
|
289
|
+
template = 'name' in options ? unwrapObservable(options.name) : element;
|
|
290
|
+
if ('if' in options)
|
|
291
|
+
shouldDisplay = !!unwrapObservable(options['if']);
|
|
292
|
+
if (shouldDisplay && 'ifnot' in options)
|
|
293
|
+
shouldDisplay = !unwrapObservable(options.ifnot);
|
|
294
|
+
}
|
|
295
|
+
if (shouldDisplay && !template) {
|
|
296
|
+
shouldDisplay = false;
|
|
297
|
+
}
|
|
298
|
+
disposeOldComputed(element);
|
|
299
|
+
if ('foreach' in options) {
|
|
300
|
+
const dataArray = (shouldDisplay && options.foreach) || [];
|
|
301
|
+
templateComputed = renderTemplateForEach(template, dataArray, options, element, bindingContext);
|
|
302
|
+
}
|
|
303
|
+
else if (!shouldDisplay) {
|
|
304
|
+
virtualEmptyNode(element);
|
|
305
|
+
}
|
|
306
|
+
else {
|
|
307
|
+
let innerBindingContext = bindingContext;
|
|
308
|
+
if ('data' in options) {
|
|
309
|
+
innerBindingContext = bindingContext.createChildContext(options.data, {
|
|
310
|
+
as: options.as,
|
|
311
|
+
noChildContext: options.noChildContext,
|
|
312
|
+
exportDependencies: true,
|
|
313
|
+
});
|
|
314
|
+
}
|
|
315
|
+
templateComputed = renderTemplate(template, innerBindingContext, options, element);
|
|
316
|
+
}
|
|
317
|
+
storeNewComputed(element, templateComputed);
|
|
318
|
+
},
|
|
319
|
+
};
|
|
320
|
+
bindingHandlers['template'] = templateHandler;
|
|
321
|
+
allowedVirtualElementBindings['template'] = true;
|
|
322
|
+
//# sourceMappingURL=templateRendering.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"templateRendering.js","sourceRoot":"","sources":["../src/templateRendering.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import type { TemplateEngine } from './templateEngine.js';
|
|
2
|
+
import type { BindingContext } from './bindingContext.js';
|
|
3
|
+
export declare const bindingRewriteValidators: Record<string, boolean | ((value: string) => string | void)>;
|
|
4
|
+
export declare function ensureTemplateIsRewritten(template: string | Node, templateEngine: TemplateEngine, templateDocument?: Document): void;
|
|
5
|
+
export declare function memoizeBindingAttributeSyntax(htmlString: string, templateEngine: TemplateEngine): string;
|
|
6
|
+
export declare function applyMemoizedBindingsToNextSibling(bindings: ((ctx: BindingContext, el: Node) => Record<string, () => unknown>), nodeName: string): string;
|
|
7
|
+
//# sourceMappingURL=templateRewriting.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"templateRewriting.d.ts","sourceRoot":"","sources":["../src/templateRewriting.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AAC1D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AAS1D,eAAO,MAAM,wBAAwB,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,GAAG,CAAC,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,GAAG,IAAI,CAAC,CAAM,CAAC;AAkCzG,wBAAgB,yBAAyB,CACvC,QAAQ,EAAE,MAAM,GAAG,IAAI,EACvB,cAAc,EAAE,cAAc,EAC9B,gBAAgB,CAAC,EAAE,QAAQ,GAC1B,IAAI,CAMN;AAED,wBAAgB,6BAA6B,CAC3C,UAAU,EAAE,MAAM,EAClB,cAAc,EAAE,cAAc,GAC7B,MAAM,CAkBR;AAED,wBAAgB,kCAAkC,CAChD,QAAQ,EAAE,CAAC,CAAC,GAAG,EAAE,cAAc,EAAE,EAAE,EAAE,IAAI,KAAK,MAAM,CAAC,MAAM,EAAE,MAAM,OAAO,CAAC,CAAC,EAC5E,QAAQ,EAAE,MAAM,GACf,MAAM,CAQR"}
|
|
@@ -0,0 +1,63 @@
|
|
|
1
|
+
import { parseObjectLiteral, preProcessBindings } from './expressionRewriting.js';
|
|
2
|
+
import { memoize } from './memoization.js';
|
|
3
|
+
import { applyBindingAccessorsToNode } from './applyBindings.js';
|
|
4
|
+
const memoizeDataBindingAttributeSyntaxRegex = /(<([a-z]+\d*)(?:\s+(?!data-bind\s*=\s*)[a-z0-9\-]+(?:=(?:"[^"]*"|'[^']*'|[^>]*))?)*\s+)data-bind\s*=\s*(["'])([\s\S]*?)\3/gi;
|
|
5
|
+
const memoizeVirtualContainerBindingSyntaxRegex = /<!--\s*tap\b\s*([\s\S]*?)\s*-->/g;
|
|
6
|
+
export const bindingRewriteValidators = {};
|
|
7
|
+
function validateDataBindValuesForRewriting(keyValueArray) {
|
|
8
|
+
for (const kv of keyValueArray) {
|
|
9
|
+
const key = kv.key;
|
|
10
|
+
if (key && Object.prototype.hasOwnProperty.call(bindingRewriteValidators, key)) {
|
|
11
|
+
const validator = bindingRewriteValidators[key];
|
|
12
|
+
if (typeof validator === 'function') {
|
|
13
|
+
const msg = validator(kv.value || '');
|
|
14
|
+
if (msg)
|
|
15
|
+
throw new Error(msg);
|
|
16
|
+
}
|
|
17
|
+
else if (!validator) {
|
|
18
|
+
throw new Error("This template engine does not support the '" + key + "' binding within its templates");
|
|
19
|
+
}
|
|
20
|
+
}
|
|
21
|
+
}
|
|
22
|
+
}
|
|
23
|
+
function constructMemoizedTagReplacement(dataBindAttributeValue, tagToRetain, nodeName, templateEngine) {
|
|
24
|
+
const dataBindKeyValueArray = parseObjectLiteral(dataBindAttributeValue);
|
|
25
|
+
validateDataBindValuesForRewriting(dataBindKeyValueArray);
|
|
26
|
+
const rewrittenDataBindAttributeValue = preProcessBindings(dataBindKeyValueArray, { valueAccessors: true });
|
|
27
|
+
const applyBindingsToNextSiblingScript = "tap.__tr_ambtns(function($context,$element){return(function(){return{ " +
|
|
28
|
+
rewrittenDataBindAttributeValue +
|
|
29
|
+
" } })()},'" + nodeName.toLowerCase() + "')";
|
|
30
|
+
return templateEngine.createJavaScriptEvaluatorBlock(applyBindingsToNextSiblingScript) + tagToRetain;
|
|
31
|
+
}
|
|
32
|
+
export function ensureTemplateIsRewritten(template, templateEngine, templateDocument) {
|
|
33
|
+
if (!templateEngine.isTemplateRewritten(template, templateDocument)) {
|
|
34
|
+
templateEngine.rewriteTemplate(template, (htmlString) => {
|
|
35
|
+
return memoizeBindingAttributeSyntax(htmlString, templateEngine);
|
|
36
|
+
}, templateDocument);
|
|
37
|
+
}
|
|
38
|
+
}
|
|
39
|
+
export function memoizeBindingAttributeSyntax(htmlString, templateEngine) {
|
|
40
|
+
return htmlString
|
|
41
|
+
.replace(memoizeDataBindingAttributeSyntaxRegex, function () {
|
|
42
|
+
return constructMemoizedTagReplacement(arguments[4], // dataBindAttributeValue
|
|
43
|
+
arguments[1], // tagToRetain
|
|
44
|
+
arguments[2], // nodeName
|
|
45
|
+
templateEngine);
|
|
46
|
+
})
|
|
47
|
+
.replace(memoizeVirtualContainerBindingSyntaxRegex, function () {
|
|
48
|
+
return constructMemoizedTagReplacement(arguments[1], // dataBindAttributeValue
|
|
49
|
+
'<!-- tap -->', // tagToRetain
|
|
50
|
+
'#comment', // nodeName
|
|
51
|
+
templateEngine);
|
|
52
|
+
});
|
|
53
|
+
}
|
|
54
|
+
export function applyMemoizedBindingsToNextSibling(bindings, nodeName) {
|
|
55
|
+
return memoize(function (domNode, bindingContext) {
|
|
56
|
+
const node = domNode;
|
|
57
|
+
const nodeToBind = node.nextSibling;
|
|
58
|
+
if (nodeToBind && nodeToBind.nodeName.toLowerCase() === nodeName) {
|
|
59
|
+
applyBindingAccessorsToNode(nodeToBind, bindings, bindingContext);
|
|
60
|
+
}
|
|
61
|
+
});
|
|
62
|
+
}
|
|
63
|
+
//# sourceMappingURL=templateRewriting.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"templateRewriting.js","sourceRoot":"","sources":["../src/templateRewriting.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
export declare class DomElementSource {
|
|
2
|
+
readonly domElement: Element;
|
|
3
|
+
private templateType;
|
|
4
|
+
constructor(element: Element);
|
|
5
|
+
text(): string;
|
|
6
|
+
text(value: string): void;
|
|
7
|
+
data(key: string): unknown;
|
|
8
|
+
data(key: string, value: unknown): void;
|
|
9
|
+
nodes(): DocumentFragment | HTMLElement | undefined;
|
|
10
|
+
nodes(value: DocumentFragment | HTMLElement): void;
|
|
11
|
+
}
|
|
12
|
+
export declare class AnonymousSource extends DomElementSource {
|
|
13
|
+
constructor(element: Element | Comment);
|
|
14
|
+
text(): string;
|
|
15
|
+
text(value: string): void;
|
|
16
|
+
nodes(): DocumentFragment | HTMLElement | undefined;
|
|
17
|
+
nodes(value: DocumentFragment | HTMLElement): void;
|
|
18
|
+
}
|
|
19
|
+
//# sourceMappingURL=templateSources.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"templateSources.d.ts","sourceRoot":"","sources":["../src/templateSources.ts"],"names":[],"mappings":"AA2BA,qBAAa,gBAAgB;IAC3B,QAAQ,CAAC,UAAU,EAAE,OAAO,CAAC;IAC7B,OAAO,CAAC,YAAY,CAAe;gBAEvB,OAAO,EAAE,OAAO;IAW5B,IAAI,IAAI,MAAM;IACd,IAAI,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI;IAazB,IAAI,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO;IAC1B,IAAI,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,GAAG,IAAI;IASvC,KAAK,IAAI,gBAAgB,GAAG,WAAW,GAAG,SAAS;IACnD,KAAK,CAAC,KAAK,EAAE,gBAAgB,GAAG,WAAW,GAAG,IAAI;CAgCnD;AAED,qBAAa,eAAgB,SAAQ,gBAAgB;gBACvC,OAAO,EAAE,OAAO,GAAG,OAAO;IAI7B,IAAI,IAAI,MAAM;IACd,IAAI,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI;IAgBzB,KAAK,IAAI,gBAAgB,GAAG,WAAW,GAAG,SAAS;IACnD,KAAK,CAAC,KAAK,EAAE,gBAAgB,GAAG,WAAW,GAAG,IAAI;CAS5D"}
|
|
@@ -0,0 +1,110 @@
|
|
|
1
|
+
import { domDataGet, domDataSet, domDataNextKey } from './domData.js';
|
|
2
|
+
import { parseHtmlFragment } from './utilsDom.js';
|
|
3
|
+
var TemplateType;
|
|
4
|
+
(function (TemplateType) {
|
|
5
|
+
TemplateType[TemplateType["Script"] = 1] = "Script";
|
|
6
|
+
TemplateType[TemplateType["TextArea"] = 2] = "TextArea";
|
|
7
|
+
TemplateType[TemplateType["Template"] = 3] = "Template";
|
|
8
|
+
TemplateType[TemplateType["Element"] = 4] = "Element";
|
|
9
|
+
})(TemplateType || (TemplateType = {}));
|
|
10
|
+
const dataDomDataPrefix = domDataNextKey();
|
|
11
|
+
const templatesDomDataKey = domDataNextKey();
|
|
12
|
+
function getTemplateDomData(element) {
|
|
13
|
+
return domDataGet(element, templatesDomDataKey) || {};
|
|
14
|
+
}
|
|
15
|
+
function setTemplateDomData(element, data) {
|
|
16
|
+
domDataSet(element, templatesDomDataKey, data);
|
|
17
|
+
}
|
|
18
|
+
export class DomElementSource {
|
|
19
|
+
domElement;
|
|
20
|
+
templateType;
|
|
21
|
+
constructor(element) {
|
|
22
|
+
this.domElement = element;
|
|
23
|
+
const tagName = element.tagName?.toLowerCase();
|
|
24
|
+
this.templateType =
|
|
25
|
+
tagName === 'script' ? TemplateType.Script :
|
|
26
|
+
tagName === 'textarea' ? TemplateType.TextArea :
|
|
27
|
+
tagName === 'template' && element.content &&
|
|
28
|
+
element.content.nodeType === 11 ? TemplateType.Template :
|
|
29
|
+
TemplateType.Element;
|
|
30
|
+
}
|
|
31
|
+
text(value) {
|
|
32
|
+
const prop = this.templateType === TemplateType.Script ? 'text'
|
|
33
|
+
: this.templateType === TemplateType.TextArea ? 'value'
|
|
34
|
+
: 'innerHTML';
|
|
35
|
+
if (arguments.length === 0) {
|
|
36
|
+
return this.domElement[prop];
|
|
37
|
+
}
|
|
38
|
+
else {
|
|
39
|
+
this.domElement[prop] = value;
|
|
40
|
+
}
|
|
41
|
+
}
|
|
42
|
+
data(key, value) {
|
|
43
|
+
if (arguments.length === 1) {
|
|
44
|
+
return domDataGet(this.domElement, dataDomDataPrefix + key);
|
|
45
|
+
}
|
|
46
|
+
else {
|
|
47
|
+
domDataSet(this.domElement, dataDomDataPrefix + key, value);
|
|
48
|
+
}
|
|
49
|
+
}
|
|
50
|
+
nodes(value) {
|
|
51
|
+
const element = this.domElement;
|
|
52
|
+
if (arguments.length === 0) {
|
|
53
|
+
const templateData = getTemplateDomData(element);
|
|
54
|
+
let nodes = templateData.containerData || (this.templateType === TemplateType.Template ? element.content :
|
|
55
|
+
this.templateType === TemplateType.Element ? element :
|
|
56
|
+
undefined);
|
|
57
|
+
if (!nodes || templateData.alwaysCheckText) {
|
|
58
|
+
const text = this.text();
|
|
59
|
+
if (text && text !== templateData.textData) {
|
|
60
|
+
const parsed = parseHtmlFragment(text, element.ownerDocument);
|
|
61
|
+
const container = element.ownerDocument.createElement('div');
|
|
62
|
+
for (const n of parsed)
|
|
63
|
+
container.appendChild(n);
|
|
64
|
+
setTemplateDomData(element, {
|
|
65
|
+
containerData: container,
|
|
66
|
+
textData: text,
|
|
67
|
+
alwaysCheckText: true,
|
|
68
|
+
});
|
|
69
|
+
nodes = container;
|
|
70
|
+
}
|
|
71
|
+
}
|
|
72
|
+
return nodes;
|
|
73
|
+
}
|
|
74
|
+
else {
|
|
75
|
+
const templateData = getTemplateDomData(element);
|
|
76
|
+
templateData.containerData = value;
|
|
77
|
+
setTemplateDomData(element, templateData);
|
|
78
|
+
}
|
|
79
|
+
}
|
|
80
|
+
}
|
|
81
|
+
export class AnonymousSource extends DomElementSource {
|
|
82
|
+
constructor(element) {
|
|
83
|
+
super(element);
|
|
84
|
+
}
|
|
85
|
+
text(value) {
|
|
86
|
+
if (arguments.length === 0) {
|
|
87
|
+
const data = domDataGet(this.domElement, dataDomDataPrefix + 'anonymousTemplateText');
|
|
88
|
+
if (data === undefined) {
|
|
89
|
+
const nodesContainer = this.nodes();
|
|
90
|
+
if (nodesContainer) {
|
|
91
|
+
return nodesContainer.innerHTML;
|
|
92
|
+
}
|
|
93
|
+
}
|
|
94
|
+
return data;
|
|
95
|
+
}
|
|
96
|
+
else {
|
|
97
|
+
domDataSet(this.domElement, dataDomDataPrefix + 'anonymousTemplateText', value);
|
|
98
|
+
}
|
|
99
|
+
}
|
|
100
|
+
nodes(value) {
|
|
101
|
+
if (arguments.length === 0) {
|
|
102
|
+
const containerData = getTemplateDomData(this.domElement).containerData;
|
|
103
|
+
return containerData;
|
|
104
|
+
}
|
|
105
|
+
else {
|
|
106
|
+
setTemplateDomData(this.domElement, { containerData: value });
|
|
107
|
+
}
|
|
108
|
+
}
|
|
109
|
+
}
|
|
110
|
+
//# sourceMappingURL=templateSources.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"templateSources.js","sourceRoot":"","sources":["../src/templateSources.ts"],"names":[],"mappings":"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"}
|
package/dist/utils.d.ts
ADDED
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import type { Subscription } from './subscribable.js';
|
|
2
|
+
export declare function unwrapObservable(value: unknown): unknown;
|
|
3
|
+
export declare function peekObservable(value: unknown): unknown;
|
|
4
|
+
export declare function toJS<T>(rootObject: T): unknown;
|
|
5
|
+
export declare function toJSON(rootObject: unknown, replacer?: (key: string, value: unknown) => unknown, space?: string | number): string;
|
|
6
|
+
export declare function when(predicate: () => unknown, callback?: (value: unknown) => void): Promise<unknown> | Subscription<unknown>;
|
|
7
|
+
export declare function catchFunctionErrors<T extends (...args: never[]) => unknown>(delegate: T): T;
|
|
8
|
+
//# sourceMappingURL=utils.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../src/utils.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAwB,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAK5E,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,OAAO,GAAG,OAAO,CAKxD;AAED,wBAAgB,cAAc,CAAC,KAAK,EAAE,OAAO,GAAG,OAAO,CAKtD;AAuDD,wBAAgB,IAAI,CAAC,CAAC,EAAE,UAAU,EAAE,CAAC,GAAG,OAAO,CAE9C;AAED,wBAAgB,MAAM,CACpB,UAAU,EAAE,OAAO,EACnB,QAAQ,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,KAAK,OAAO,EACnD,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,GACtB,MAAM,CAGR;AAED,wBAAgB,IAAI,CAClB,SAAS,EAAE,MAAM,OAAO,EACxB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,GAClC,OAAO,CAAC,OAAO,CAAC,GAAG,YAAY,CAAC,OAAO,CAAC,CAoB1C;AAED,wBAAgB,mBAAmB,CAAC,CAAC,SAAS,CAAC,GAAG,IAAI,EAAE,KAAK,EAAE,KAAK,OAAO,EAAE,QAAQ,EAAE,CAAC,GAAG,CAAC,CAU3F"}
|