grainjs 1.0.1 → 1.1.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.
- package/README.md +23 -26
- package/dist/cjs/index.js +28 -17
- package/dist/cjs/index.js.map +1 -1
- package/dist/cjs/lib/PriorityQueue.d.ts +2 -2
- package/dist/cjs/lib/PriorityQueue.js +1 -0
- package/dist/cjs/lib/PriorityQueue.js.map +1 -1
- package/dist/cjs/lib/_computed_queue.js +4 -3
- package/dist/cjs/lib/_computed_queue.js.map +1 -1
- package/dist/cjs/lib/binding.d.ts +11 -4
- package/dist/cjs/lib/binding.js +6 -5
- package/dist/cjs/lib/binding.js.map +1 -1
- package/dist/cjs/lib/browserGlobals.d.ts +4 -1
- package/dist/cjs/lib/browserGlobals.js +2 -0
- package/dist/cjs/lib/browserGlobals.js.map +1 -1
- package/dist/cjs/lib/computed.d.ts +49 -28
- package/dist/cjs/lib/computed.js +38 -51
- package/dist/cjs/lib/computed.js.map +1 -1
- package/dist/cjs/lib/dispose.d.ts +109 -96
- package/dist/cjs/lib/dispose.js +106 -79
- package/dist/cjs/lib/dispose.js.map +1 -1
- package/dist/cjs/lib/dom.d.ts +40 -18
- package/dist/cjs/lib/dom.js +63 -29
- package/dist/cjs/lib/dom.js.map +1 -1
- package/dist/cjs/lib/domComponent.d.ts +56 -51
- package/dist/cjs/lib/domComponent.js +46 -44
- package/dist/cjs/lib/domComponent.js.map +1 -1
- package/dist/cjs/lib/domComputed.d.ts +50 -20
- package/dist/cjs/lib/domComputed.js +37 -7
- package/dist/cjs/lib/domComputed.js.map +1 -1
- package/dist/cjs/lib/domDispose.d.ts +27 -12
- package/dist/cjs/lib/domDispose.js +27 -11
- package/dist/cjs/lib/domDispose.js.map +1 -1
- package/dist/cjs/lib/domForEach.d.ts +5 -4
- package/dist/cjs/lib/domForEach.js +41 -41
- package/dist/cjs/lib/domForEach.js.map +1 -1
- package/dist/cjs/lib/domImpl.d.ts +33 -10
- package/dist/cjs/lib/domImpl.js +29 -9
- package/dist/cjs/lib/domImpl.js.map +1 -1
- package/dist/cjs/lib/domMethods.d.ts +93 -47
- package/dist/cjs/lib/domMethods.js +91 -47
- package/dist/cjs/lib/domMethods.js.map +1 -1
- package/dist/cjs/lib/domevent.d.ts +87 -62
- package/dist/cjs/lib/domevent.js +85 -59
- package/dist/cjs/lib/domevent.js.map +1 -1
- package/dist/cjs/lib/emit.d.ts +62 -32
- package/dist/cjs/lib/emit.js +68 -53
- package/dist/cjs/lib/emit.js.map +1 -1
- package/dist/cjs/lib/kowrap.d.ts +6 -3
- package/dist/cjs/lib/kowrap.js +7 -3
- package/dist/cjs/lib/kowrap.js.map +1 -1
- package/dist/cjs/lib/obsArray.d.ts +91 -53
- package/dist/cjs/lib/obsArray.js +87 -54
- package/dist/cjs/lib/obsArray.js.map +1 -1
- package/dist/cjs/lib/observable.d.ts +25 -15
- package/dist/cjs/lib/observable.js +31 -19
- package/dist/cjs/lib/observable.js.map +1 -1
- package/dist/cjs/lib/pureComputed.d.ts +12 -15
- package/dist/cjs/lib/pureComputed.js +16 -18
- package/dist/cjs/lib/pureComputed.js.map +1 -1
- package/dist/cjs/lib/styled.d.ts +78 -61
- package/dist/cjs/lib/styled.js +27 -79
- package/dist/cjs/lib/styled.js.map +1 -1
- package/dist/cjs/lib/subscribe.d.ts +41 -37
- package/dist/cjs/lib/subscribe.js +31 -39
- package/dist/cjs/lib/subscribe.js.map +1 -1
- package/dist/cjs/lib/util.js +2 -0
- package/dist/cjs/lib/util.js.map +1 -1
- package/dist/cjs/lib/widgets/input.d.ts +3 -1
- package/dist/cjs/lib/widgets/input.js +7 -4
- package/dist/cjs/lib/widgets/input.js.map +1 -1
- package/dist/cjs/lib/widgets/select.d.ts +4 -2
- package/dist/cjs/lib/widgets/select.js +8 -5
- package/dist/cjs/lib/widgets/select.js.map +1 -1
- package/dist/esm/lib/_computed_queue.js +3 -3
- package/dist/esm/lib/_computed_queue.js.map +1 -1
- package/dist/esm/lib/binding.js +2 -2
- package/dist/esm/lib/binding.js.map +1 -1
- package/dist/esm/lib/browserGlobals.js +1 -0
- package/dist/esm/lib/browserGlobals.js.map +1 -1
- package/dist/esm/lib/computed.js +36 -50
- package/dist/esm/lib/computed.js.map +1 -1
- package/dist/esm/lib/dispose.js +104 -78
- package/dist/esm/lib/dispose.js.map +1 -1
- package/dist/esm/lib/dom.js +40 -18
- package/dist/esm/lib/dom.js.map +1 -1
- package/dist/esm/lib/domComponent.js +45 -44
- package/dist/esm/lib/domComponent.js.map +1 -1
- package/dist/esm/lib/domComputed.js +32 -5
- package/dist/esm/lib/domComputed.js.map +1 -1
- package/dist/esm/lib/domDispose.js +26 -11
- package/dist/esm/lib/domDispose.js.map +1 -1
- package/dist/esm/lib/domForEach.js +40 -41
- package/dist/esm/lib/domForEach.js.map +1 -1
- package/dist/esm/lib/domImpl.js +26 -7
- package/dist/esm/lib/domImpl.js.map +1 -1
- package/dist/esm/lib/domMethods.js +77 -35
- package/dist/esm/lib/domMethods.js.map +1 -1
- package/dist/esm/lib/domevent.js +84 -59
- package/dist/esm/lib/domevent.js.map +1 -1
- package/dist/esm/lib/emit.js +67 -53
- package/dist/esm/lib/emit.js.map +1 -1
- package/dist/esm/lib/kowrap.js +5 -2
- package/dist/esm/lib/kowrap.js.map +1 -1
- package/dist/esm/lib/obsArray.js +82 -50
- package/dist/esm/lib/obsArray.js.map +1 -1
- package/dist/esm/lib/observable.js +26 -15
- package/dist/esm/lib/observable.js.map +1 -1
- package/dist/esm/lib/pureComputed.js +15 -18
- package/dist/esm/lib/pureComputed.js.map +1 -1
- package/dist/esm/lib/styled.js +24 -77
- package/dist/esm/lib/styled.js.map +1 -1
- package/dist/esm/lib/subscribe.js +27 -36
- package/dist/esm/lib/subscribe.js.map +1 -1
- package/dist/esm/lib/util.js +1 -0
- package/dist/esm/lib/util.js.map +1 -1
- package/dist/esm/lib/widgets/input.js +3 -1
- package/dist/esm/lib/widgets/input.js.map +1 -1
- package/dist/esm/lib/widgets/select.js +3 -1
- package/dist/esm/lib/widgets/select.js.map +1 -1
- package/dist/grain-full.debug.js +2138 -3052
- package/dist/grain-full.debug.js.map +7 -0
- package/dist/grain-full.min.js +6 -2
- package/dist/grain-full.min.js.map +7 -1
- package/lib/binding.ts +9 -2
- package/lib/browserGlobals.ts +3 -1
- package/lib/computed.ts +56 -56
- package/lib/dispose.ts +110 -85
- package/lib/dom.ts +41 -20
- package/lib/domComponent.ts +68 -70
- package/lib/domComputed.ts +66 -21
- package/lib/domDispose.ts +28 -11
- package/lib/domForEach.ts +13 -12
- package/lib/domImpl.ts +30 -7
- package/lib/domMethods.ts +101 -46
- package/lib/domevent.ts +86 -61
- package/lib/emit.ts +64 -50
- package/lib/kowrap.ts +5 -2
- package/lib/obsArray.ts +89 -54
- package/lib/observable.ts +26 -15
- package/lib/pureComputed.ts +16 -22
- package/lib/styled.ts +85 -71
- package/lib/subscribe.ts +41 -45
- package/lib/util.ts +1 -0
- package/lib/widgets/input.ts +3 -1
- package/lib/widgets/select.ts +3 -1
- package/package.json +48 -38
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"subscribe.js","sourceRoot":"","sources":["../../../lib/subscribe.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"subscribe.js","sourceRoot":"","sources":["../../../lib/subscribe.ts"],"names":[],"mappings":"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"}
|
package/dist/cjs/lib/util.js
CHANGED
|
@@ -1,5 +1,7 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
+
/* eslint-disable prefer-spread */
|
|
2
3
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
4
|
+
exports.bindBU = exports.bindUB = exports.bindB = void 0;
|
|
3
5
|
/**
|
|
4
6
|
* Returns f such that f() calls func(...boundArgs), i.e. optimizes `() => func(...boundArgs)`.
|
|
5
7
|
* It is faster on node6 by 57-92%.
|
package/dist/cjs/lib/util.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"util.js","sourceRoot":"","sources":["../../../lib/util.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"util.js","sourceRoot":"","sources":["../../../lib/util.ts"],"names":[],"mappings":"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"}
|
|
@@ -14,12 +14,14 @@ export interface IInputOptions {
|
|
|
14
14
|
* number, tel.
|
|
15
15
|
*
|
|
16
16
|
* Note that every change to the observable will affect the input element, but not every change to
|
|
17
|
-
* the input element will affect the observable. Specifically, unless {onInput: true} is set, the
|
|
17
|
+
* the input element will affect the observable. Specifically, unless `{onInput: true}` is set, the
|
|
18
18
|
* visible content may differ from the observable until the element loses focus or Enter is hit.
|
|
19
19
|
*
|
|
20
20
|
* Example usage:
|
|
21
|
+
* ```
|
|
21
22
|
* input(obs, {}, {type: 'text', placeholder: 'Your name...'});
|
|
22
23
|
* input(obs, {isValid: isValidObs}, {type: 'email', placeholder: 'Your email...'});
|
|
23
24
|
* input(obs, {onInput: true}, {type: 'text'});
|
|
25
|
+
* ```
|
|
24
26
|
*/
|
|
25
27
|
export declare function input(obs: Observable<string>, options: IInputOptions, ...args: IDomArgs<HTMLInputElement>): HTMLInputElement;
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.input = void 0;
|
|
3
4
|
/**
|
|
4
5
|
* General INPUT widget.
|
|
5
6
|
*/
|
|
@@ -12,26 +13,28 @@ const index_1 = require("../../index");
|
|
|
12
13
|
* number, tel.
|
|
13
14
|
*
|
|
14
15
|
* Note that every change to the observable will affect the input element, but not every change to
|
|
15
|
-
* the input element will affect the observable. Specifically, unless {onInput: true} is set, the
|
|
16
|
+
* the input element will affect the observable. Specifically, unless `{onInput: true}` is set, the
|
|
16
17
|
* visible content may differ from the observable until the element loses focus or Enter is hit.
|
|
17
18
|
*
|
|
18
19
|
* Example usage:
|
|
20
|
+
* ```
|
|
19
21
|
* input(obs, {}, {type: 'text', placeholder: 'Your name...'});
|
|
20
22
|
* input(obs, {isValid: isValidObs}, {type: 'email', placeholder: 'Your email...'});
|
|
21
23
|
* input(obs, {onInput: true}, {type: 'text'});
|
|
24
|
+
* ```
|
|
22
25
|
*/
|
|
23
26
|
function input(obs, options, ...args) {
|
|
24
27
|
const isValid = options.isValid;
|
|
25
28
|
function setValue(elem) {
|
|
26
|
-
index_1.bundleChanges(() => {
|
|
29
|
+
(0, index_1.bundleChanges)(() => {
|
|
27
30
|
obs.set(elem.value);
|
|
28
31
|
if (isValid) {
|
|
29
32
|
isValid.set(elem.validity.valid);
|
|
30
33
|
}
|
|
31
34
|
});
|
|
32
35
|
}
|
|
33
|
-
return index_1.dom('input', ...args, index_1.dom.prop('value', obs), (isValid ?
|
|
34
|
-
(elem) => index_1.dom.autoDisposeElem(elem, index_1.subscribe(obs, (use) => isValid.set(elem.checkValidity()))) :
|
|
36
|
+
return (0, index_1.dom)('input', ...args, index_1.dom.prop('value', obs), (isValid ?
|
|
37
|
+
(elem) => index_1.dom.autoDisposeElem(elem, (0, index_1.subscribe)(obs, (use) => isValid.set(elem.checkValidity()))) :
|
|
35
38
|
null), options.onInput ? index_1.dom.on('input', (e, elem) => setValue(elem)) : null, index_1.dom.on('change', (e, elem) => setValue(elem)), index_1.dom.onKeyPress({ Enter: (e, elem) => setValue(elem) }));
|
|
36
39
|
}
|
|
37
40
|
exports.input = input;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"input.js","sourceRoot":"","sources":["../../../../lib/widgets/input.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"input.js","sourceRoot":"","sources":["../../../../lib/widgets/input.ts"],"names":[],"mappings":";;;AAAA;;GAEG;AACH,uCAAgF;AAUhF;;;;;;;;;;;;;;;;;GAiBG;AACH,SAAgB,KAAK,CACnB,GAAuB,EAAE,OAAsB,EAAE,GAAG,IAAgC;IAGpF,MAAM,OAAO,GAAG,OAAO,CAAC,OAAO,CAAC;IAEhC,SAAS,QAAQ,CAAC,IAAsB;QACtC,IAAA,qBAAa,EAAC,GAAG,EAAE;YACjB,GAAG,CAAC,GAAG,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;YACpB,IAAI,OAAO,EAAE;gBAAE,OAAO,CAAC,GAAG,CAAC,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;aAAE;QACpD,CAAC,CAAC,CAAC;IACL,CAAC;IAED,OAAO,IAAA,WAAG,EAAC,OAAO,EAAE,GAAG,IAAI,EACzB,WAAG,CAAC,IAAI,CAAC,OAAO,EAAE,GAAG,CAAC,EACtB,CAAC,OAAO,CAAC,CAAC;QACR,CAAC,IAAI,EAAE,EAAE,CAAC,WAAG,CAAC,eAAe,CAAC,IAAI,EAChC,IAAA,iBAAS,EAAC,GAAG,EAAE,CAAC,GAAG,EAAE,EAAE,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI,CAAC,aAAa,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC;QAC/D,IAAI,CAAC,EACP,OAAO,CAAC,OAAO,CAAC,CAAC,CAAC,WAAG,CAAC,EAAE,CAAC,OAAO,EAAE,CAAC,CAAC,EAAE,IAAI,EAAE,EAAE,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,EACrE,WAAG,CAAC,EAAE,CAAC,QAAQ,EAAE,CAAC,CAAC,EAAE,IAAI,EAAE,EAAE,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,EAC7C,WAAG,CAAC,UAAU,CAAC,EAAC,KAAK,EAAE,CAAC,CAAC,EAAE,IAAI,EAAE,EAAE,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAC,CAAC,CACrD,CAAC;AACJ,CAAC;AAvBD,sBAuBC"}
|
|
@@ -7,11 +7,11 @@ export interface IOptionFull<T> {
|
|
|
7
7
|
label: string;
|
|
8
8
|
disabled?: boolean;
|
|
9
9
|
}
|
|
10
|
-
export
|
|
10
|
+
export type IOption<T> = (T & string) | IOptionFull<T>;
|
|
11
11
|
/**
|
|
12
12
|
* Creates a select dropdown widget. The observable `obs` reflects the value of the selected
|
|
13
13
|
* option, and `optionArray` is an array (regular or observable) of option values and labels.
|
|
14
|
-
* These may be either strings, or {label, value, disabled} objects.
|
|
14
|
+
* These may be either strings, or `{label, value, disabled}` objects.
|
|
15
15
|
*
|
|
16
16
|
* The type of value may be any type at all; it is opaque to this widget.
|
|
17
17
|
*
|
|
@@ -19,6 +19,7 @@ export declare type IOption<T> = (T & string) | IOptionFull<T>;
|
|
|
19
19
|
* label that the select box will show, blank by default.
|
|
20
20
|
*
|
|
21
21
|
* Usage:
|
|
22
|
+
* ```
|
|
22
23
|
* const fruit = observable("apple");
|
|
23
24
|
* select(fruit, ["apple", "banana", "mango"]);
|
|
24
25
|
*
|
|
@@ -29,6 +30,7 @@ export declare type IOption<T> = (T & string) | IOptionFull<T>;
|
|
|
29
30
|
* {value: 21, label: "Eve"},
|
|
30
31
|
* ]);
|
|
31
32
|
* select(employee, employees, {defLabel: "Select employee:"});
|
|
33
|
+
* ```
|
|
32
34
|
*/
|
|
33
35
|
export declare function select<T>(obs: Observable<T>, optionArray: MaybeObsArray<IOption<T>>, options?: {
|
|
34
36
|
defLabel?: string;
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.select = void 0;
|
|
3
4
|
/**
|
|
4
5
|
* Select dropdown widget.
|
|
5
6
|
*/
|
|
@@ -14,7 +15,7 @@ function getOptionValue(option) {
|
|
|
14
15
|
/**
|
|
15
16
|
* Creates a select dropdown widget. The observable `obs` reflects the value of the selected
|
|
16
17
|
* option, and `optionArray` is an array (regular or observable) of option values and labels.
|
|
17
|
-
* These may be either strings, or {label, value, disabled} objects.
|
|
18
|
+
* These may be either strings, or `{label, value, disabled}` objects.
|
|
18
19
|
*
|
|
19
20
|
* The type of value may be any type at all; it is opaque to this widget.
|
|
20
21
|
*
|
|
@@ -22,6 +23,7 @@ function getOptionValue(option) {
|
|
|
22
23
|
* label that the select box will show, blank by default.
|
|
23
24
|
*
|
|
24
25
|
* Usage:
|
|
26
|
+
* ```
|
|
25
27
|
* const fruit = observable("apple");
|
|
26
28
|
* select(fruit, ["apple", "banana", "mango"]);
|
|
27
29
|
*
|
|
@@ -32,27 +34,28 @@ function getOptionValue(option) {
|
|
|
32
34
|
* {value: 21, label: "Eve"},
|
|
33
35
|
* ]);
|
|
34
36
|
* select(employee, employees, {defLabel: "Select employee:"});
|
|
37
|
+
* ```
|
|
35
38
|
*/
|
|
36
39
|
function select(obs, optionArray, options = {}) {
|
|
37
40
|
const { defLabel = "" } = options;
|
|
38
|
-
return index_1.dom('select',
|
|
41
|
+
return (0, index_1.dom)('select',
|
|
39
42
|
// Include a hidden option to represent a default value. This one gets shown when none of the
|
|
40
43
|
// options are selected. This is more consistent when showing the first valid option.
|
|
41
|
-
index_1.dom('option', index_1.dom.hide(true), defLabel),
|
|
44
|
+
(0, index_1.dom)('option', index_1.dom.hide(true), defLabel),
|
|
42
45
|
// Create all the option elements.
|
|
43
46
|
index_1.dom.forEach(optionArray, (option) => {
|
|
44
47
|
const obj = (typeof option === "string") ?
|
|
45
48
|
{ value: option, label: option } : option;
|
|
46
49
|
// Note we only set 'selected' when an <option> is created; we are not subscribing to obs.
|
|
47
50
|
// This is to reduce the amount of subscriptions, esp. when number of options is large.
|
|
48
|
-
return index_1.dom('option', {
|
|
51
|
+
return (0, index_1.dom)('option', {
|
|
49
52
|
disabled: obj.disabled,
|
|
50
53
|
selected: obj.value === obs.get(),
|
|
51
54
|
}, obj.label);
|
|
52
55
|
}),
|
|
53
56
|
// When obs changes, update select's value; we do it after <options> have been created.
|
|
54
57
|
// Note that autoDisposeElem ensures the subscription is disposed with the 'select' element.
|
|
55
|
-
(elem) => index_1.dom.autoDisposeElem(elem, index_1.subscribe(obs, (use, obsValue) => {
|
|
58
|
+
(elem) => index_1.dom.autoDisposeElem(elem, (0, index_1.subscribe)(obs, (use, obsValue) => {
|
|
56
59
|
const arr = unwrapMaybeObsArray(optionArray);
|
|
57
60
|
const index = arr.findIndex((item) => getOptionValue(item) === obsValue);
|
|
58
61
|
elem.selectedIndex = index + 1; // +1 for default option
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"select.js","sourceRoot":"","sources":["../../../../lib/widgets/select.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"select.js","sourceRoot":"","sources":["../../../../lib/widgets/select.ts"],"names":[],"mappings":";;;AAAA;;GAEG;AACH,uCAAsE;AAWtE,SAAS,mBAAmB,CAAI,KAAuB;IACrD,OAAO,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,GAAG,EAAE,CAAC;AACpD,CAAC;AAED,SAAS,cAAc,CAAI,MAAkB;IAC3C,OAAO,CAAC,OAAO,MAAM,KAAK,QAAQ,CAAC,CAAC,CAAC;QACnC,MAAM,CAAC,CAAC,CAAE,MAAyB,CAAC,KAAK,CAAC;AAC9C,CAAC;AAED;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,SAAgB,MAAM,CAAI,GAAkB,EAAE,WAAsC,EAC1D,UAA+B,EAAE;IACzD,MAAM,EAAC,QAAQ,GAAG,EAAE,EAAC,GAAG,OAAO,CAAC;IAChC,OAAO,IAAA,WAAG,EAAC,QAAQ;IACjB,6FAA6F;IAC7F,qFAAqF;IACrF,IAAA,WAAG,EAAC,QAAQ,EAAE,WAAG,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,QAAQ,CAAC;IAEvC,kCAAkC;IAClC,WAAG,CAAC,OAAO,CAAC,WAAW,EAAE,CAAC,MAAM,EAAE,EAAE;QAClC,MAAM,GAAG,GAAmB,CAAC,OAAO,MAAM,KAAK,QAAQ,CAAC,CAAC,CAAC;YACxD,EAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAC,CAAC,CAAC,CAAE,MAAyB,CAAC;QAC9D,0FAA0F;QAC1F,uFAAuF;QACvF,OAAO,IAAA,WAAG,EAAC,QAAQ,EAAE;YACnB,QAAQ,EAAE,GAAG,CAAC,QAAQ;YACtB,QAAQ,EAAE,GAAG,CAAC,KAAK,KAAK,GAAG,CAAC,GAAG,EAAE;SAClC,EAAE,GAAG,CAAC,KAAK,CAAC,CAAC;IAChB,CAAC,CAAC;IAEF,uFAAuF;IACvF,4FAA4F;IAC5F,CAAC,IAAI,EAAE,EAAE,CAAC,WAAG,CAAC,eAAe,CAAC,IAAI,EAAE,IAAA,iBAAS,EAAC,GAAG,EAAE,CAAC,GAAG,EAAE,QAAQ,EAAE,EAAE;QACnE,MAAM,GAAG,GAAG,mBAAmB,CAAC,WAAW,CAAC,CAAC;QAC7C,MAAM,KAAK,GAAG,GAAG,CAAC,SAAS,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,cAAc,CAAC,IAAI,CAAC,KAAK,QAAQ,CAAC,CAAC;QACzE,IAAI,CAAC,aAAa,GAAG,KAAK,GAAG,CAAC,CAAC,CAAI,wBAAwB;IAC7D,CAAC,CAAC,CAAC;IAEH,sEAAsE;IACtE,WAAG,CAAC,EAAE,CAAC,QAAQ,EAAE,CAAC,CAAC,EAAE,IAAI,EAAE,EAAE;QAC3B,MAAM,KAAK,GAAG,IAAI,CAAC,aAAa,CAAC;QACjC,MAAM,IAAI,GAAG,mBAAmB,CAAC,WAAW,CAAC,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC,CAAG,wBAAwB;QACpF,4FAA4F;QAC5F,IAAI,IAAI,KAAK,SAAS,EAAE;YACtB,GAAG,CAAC,GAAG,CAAC,cAAc,CAAC,IAAI,CAAC,CAAC,CAAC;SAC/B;IACH,CAAC,CAAC,CACH,CAAC;AACJ,CAAC;AAtCD,wBAsCC"}
|
|
@@ -21,6 +21,9 @@ import { PriorityQueue } from './PriorityQueue';
|
|
|
21
21
|
* for subscriptions and computed observables.
|
|
22
22
|
*/
|
|
23
23
|
export class DepItem {
|
|
24
|
+
static isPrioritySmaller(a, b) {
|
|
25
|
+
return a._priority < b._priority || (a._priority === b._priority && a._creation < b._creation);
|
|
26
|
+
}
|
|
24
27
|
/**
|
|
25
28
|
* Callback should call depItem.useDep(dep) for each DepInput it depends on.
|
|
26
29
|
*/
|
|
@@ -32,9 +35,6 @@ export class DepItem {
|
|
|
32
35
|
this._callback = callback;
|
|
33
36
|
this._context = optContext;
|
|
34
37
|
}
|
|
35
|
-
static isPrioritySmaller(a, b) {
|
|
36
|
-
return a._priority < b._priority || (a._priority === b._priority && a._creation < b._creation);
|
|
37
|
-
}
|
|
38
38
|
/**
|
|
39
39
|
* Mark depItem as a dependency of this DepItem. The argument may be null to indicate a leaf (an
|
|
40
40
|
* item such as a plain observable, which does not itself depend on anything else).
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"_computed_queue.js","sourceRoot":"","sources":["../../../lib/_computed_queue.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAEH,OAAO,EAAC,aAAa,EAAC,MAAM,iBAAiB,CAAC;AAE9C;;;GAGG;AACH,MAAM,OAAO,OAAO;
|
|
1
|
+
{"version":3,"file":"_computed_queue.js","sourceRoot":"","sources":["../../../lib/_computed_queue.ts"],"names":[],"mappings":"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"}
|
package/dist/esm/lib/binding.js
CHANGED
|
@@ -35,8 +35,8 @@ export function subscribeBindable(valueObs, callback) {
|
|
|
35
35
|
return null;
|
|
36
36
|
}
|
|
37
37
|
/**
|
|
38
|
-
* Subscribes a callback to valueObs (which may be a value, observable, or function) using
|
|
39
|
-
*
|
|
38
|
+
* Subscribes a callback to `valueObs` (which may be a value, observable, or function) using
|
|
39
|
+
* `subscribeBindable()`, and ties the disposal of this subscription to the passed-in element.
|
|
40
40
|
*/
|
|
41
41
|
export function subscribeElem(elem, valueObs, callback) {
|
|
42
42
|
autoDisposeElem(elem, subscribeBindable(valueObs, callback));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"binding.js","sourceRoot":"","sources":["../../../lib/binding.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,EAAC,QAAQ,EAAC,MAAM,YAAY,CAAC;AAEpC,OAAO,EAAC,eAAe,EAAC,MAAM,cAAc,CAAC;AAE7C,OAAO,EAAC,cAAc,EAAC,MAAM,cAAc,CAAC;AAC5C,OAAO,EAAC,SAAS,EAAa,MAAM,aAAa,CAAC;
|
|
1
|
+
{"version":3,"file":"binding.js","sourceRoot":"","sources":["../../../lib/binding.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,EAAC,QAAQ,EAAC,MAAM,YAAY,CAAC;AAEpC,OAAO,EAAC,eAAe,EAAC,MAAM,cAAc,CAAC;AAE7C,OAAO,EAAC,cAAc,EAAC,MAAM,cAAc,CAAC;AAC5C,OAAO,EAAC,SAAS,EAAa,MAAM,aAAa,CAAC;AA6BlD,MAAM,UAAU,iBAAiB,CAC7B,QAA0B,EAAE,QAA0B;IACxD,wEAAwE;IACxE,IAAI,OAAO,QAAQ,KAAK,UAAU,EAAE;QAClC,uBAAuB;QACvB,MAAM,OAAO,GAAG,QAAsC,CAAC;QACvD,IAAI,OAAO,OAAO,CAAC,IAAI,KAAK,UAAU,EAAE;YACtC,MAAM,GAAG,GAAG,OAAO,CAAC,SAAS,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC;YACtD,QAAQ,CAAC,OAAO,CAAC,IAAI,EAAE,CAAC,CAAC;YACzB,OAAO,GAAG,CAAC;SACZ;QAED,6EAA6E;QAC7E,0DAA0D;QAC1D,yFAAyF;QACzF,6DAA6D;QAC7D,MAAM,IAAI,GAAG,QAAQ,CAAC,QAA+B,CAAC,CAAC;QACvD,IAAI,CAAC,WAAW,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC;QACzC,QAAQ,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC,CAAC;QACrB,OAAO,IAAI,CAAC,CAAM,gDAAgD;KACnE;IAED,iBAAiB;IACjB,IAAI,QAAQ,YAAY,cAAc,EAAE;QACtC,4FAA4F;QAC5F,mFAAmF;QACnF,OAAO,SAAS,CAAC,QAAQ,EAAE,CAAC,GAAG,EAAE,GAAG,EAAE,EAAE,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC;KACzD;IAED,QAAQ,CAAC,QAAQ,CAAC,CAAC;IACnB,OAAO,IAAI,CAAC;AACd,CAAC;AAED;;;GAGG;AACH,MAAM,UAAU,aAAa,CAAI,IAAU,EAAE,QAA0B,EACtC,QAAyC;IACxE,eAAe,CAAC,IAAI,EAAE,iBAAiB,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC,CAAC;AAC/D,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"browserGlobals.js","sourceRoot":"","sources":["../../../lib/browserGlobals.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;GAmBG;
|
|
1
|
+
{"version":3,"file":"browserGlobals.js","sourceRoot":"","sources":["../../../lib/browserGlobals.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAUsE,CAAC;AAE1E,SAAS,cAAc,CAAC,IAAqB,EAAE,MAAuB;IACpE,IAAI,CAAC,gBAAgB,GAAI,MAAM,CAAC,gBAAgB,CAAC;IACjD,IAAI,CAAC,OAAO,GAAa,MAAM,CAAC,OAAO,CAAC;IACxC,IAAI,CAAC,IAAI,GAAgB,MAAM,CAAC,IAAI,CAAC;IACrC,IAAI,CAAC,QAAQ,GAAY,MAAM,CAAC,QAAQ,CAAC;IACzC,IAAI,CAAC,MAAM,GAAc,MAAM,CAAC,MAAM,CAAC;AACzC,CAAC;AAED,sCAAsC;AACtC,MAAM,OAAO,GAAoB,EAAqB,CAAC;AACvD,cAAc,CAAC,OAAO,EAAE,CAAC,OAAO,MAAM,KAAK,WAAW,CAAC,CAAC,CAAC,MAAa,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;AAE9E,4DAA4D;AAC5D,MAAM,CAAC,MAAM,CAAC,qBAAyB,OAAO,CAAE,CAAC;AAEjD,uFAAuF;AACvF,MAAM,aAAa,GAAsB,CAAC,OAAO,CAAC,CAAC;AAEnD;;GAEG;AACH,MAAM,UAAU,WAAW,CAAC,OAA2B;IACrD,aAAa,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;IAC5B,cAAc,CAAC,CAAC,EAAE,OAAO,CAAC,CAAC;AAC7B,CAAC;AAED;;GAEG;AACH,MAAM,UAAU,UAAU;IACxB,IAAI,aAAa,CAAC,MAAM,GAAG,CAAC,EAAE;QAC5B,aAAa,CAAC,GAAG,EAAE,CAAC;KACrB;IACD,cAAc,CAAC,CAAC,EAAE,aAAa,CAAC,aAAa,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC;AAC7D,CAAC"}
|
package/dist/esm/lib/computed.js
CHANGED
|
@@ -1,48 +1,57 @@
|
|
|
1
|
+
import { setDisposeOwner } from './dispose';
|
|
2
|
+
import { Observable } from './observable';
|
|
3
|
+
import { Subscription } from './subscribe';
|
|
4
|
+
function _noWrite() {
|
|
5
|
+
throw new Error("Can't write to non-writable computed");
|
|
6
|
+
}
|
|
1
7
|
/**
|
|
2
|
-
*
|
|
8
|
+
* `Computed` implements a computed observable, whose value depends on other observables and gets
|
|
3
9
|
* recalculated automatically when they change.
|
|
4
10
|
*
|
|
5
|
-
* E.g. if we have some existing observables (which may themselves be instances of `
|
|
11
|
+
* E.g. if we have some existing observables (which may themselves be instances of `Computed`),
|
|
6
12
|
* we can create a computed that subscribes to them explicitly:
|
|
7
|
-
*
|
|
8
|
-
*
|
|
13
|
+
* ```ts
|
|
14
|
+
* const obs1 = Observable.create(null, 5), obs2 = Observable.create(null, 12);
|
|
15
|
+
* const computed1 = Computed.create(null, obs1, obs2, (use, v1, v2) => v1 + v2);
|
|
16
|
+
* ```
|
|
9
17
|
*
|
|
10
18
|
* or implicitly by using `use(obs)` function:
|
|
11
|
-
*
|
|
19
|
+
* ```ts
|
|
20
|
+
* const computed2 = Computed.create(null, use => use(obs1) + use(obs2));
|
|
21
|
+
* ```
|
|
12
22
|
*
|
|
13
|
-
* In either case, computed1.get() and computed2.get() will have the value 17. If obs1 or
|
|
14
|
-
* changed, computed1 and computed2 will get recomputed automatically.
|
|
23
|
+
* In either case, `computed1.get()` and `computed2.get()` will have the value 17. If `obs1` or
|
|
24
|
+
* `obs2` is changed, `computed1` and `computed2` will get recomputed automatically.
|
|
15
25
|
*
|
|
16
26
|
* Creating a computed allows any number of dependencies to be specified explicitly, and their
|
|
17
|
-
* values will be passed to the read() callback. These may be combined with automatic dependencies
|
|
18
|
-
* detected using use()
|
|
19
|
-
*
|
|
20
|
-
*
|
|
27
|
+
* values will be passed to the `read()` callback. These may be combined with automatic dependencies
|
|
28
|
+
* detected using `use()`. Note that constructor dependencies have less overhead.
|
|
29
|
+
* ```ts
|
|
30
|
+
* const val = Computed.create(null, ...deps, ((use, ...depValues) => READ_CALLBACK));
|
|
31
|
+
* ```
|
|
21
32
|
*
|
|
22
33
|
* You may specify a `write` callback by calling `onWrite(WRITE_CALLBACK)`, which will be called
|
|
23
|
-
* whenever set() is called on the computed by its user. If a `write` bacllback is not specified,
|
|
34
|
+
* whenever `set()` is called on the computed by its user. If a `write` bacllback is not specified,
|
|
24
35
|
* calling `set` on a computed observable will throw an exception.
|
|
25
36
|
*
|
|
26
|
-
* Note that
|
|
37
|
+
* Note that `PureComputed` offers a variation of `Computed` with the same interface, but which
|
|
27
38
|
* stays unsubscribed from dependencies while it itself has no subscribers.
|
|
28
39
|
*
|
|
29
40
|
* A computed may be used with a disposable value using `use.owner` as the value's owner. E.g.
|
|
30
|
-
*
|
|
41
|
+
* ```ts
|
|
42
|
+
* const val = Computed.create(null, ((use) => Foo.create(use.owner, use(a), use(b)));
|
|
43
|
+
* ```
|
|
31
44
|
*
|
|
32
|
-
* When the
|
|
33
|
-
* owned value. Note that only the pattern above works, i.e. use.owner may only be used to take
|
|
45
|
+
* When the `Computed` is re-evaluated, and when it itself is disposed, it disposes the previously
|
|
46
|
+
* owned value. Note that only the pattern above works, i.e. `use.owner` may only be used to take
|
|
34
47
|
* ownership of the same disposable that the callback returns.
|
|
35
48
|
*/
|
|
36
|
-
import { setDisposeOwner } from './dispose';
|
|
37
|
-
import { Observable } from './observable';
|
|
38
|
-
import { Subscription } from './subscribe';
|
|
39
|
-
function _noWrite() {
|
|
40
|
-
throw new Error("Can't write to non-writable computed");
|
|
41
|
-
}
|
|
42
49
|
export class Computed extends Observable {
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
50
|
+
static create(owner, ...args) {
|
|
51
|
+
const readCb = args.pop();
|
|
52
|
+
return setDisposeOwner(owner, new Computed(readCb, args));
|
|
53
|
+
}
|
|
54
|
+
// Internal constructor for a Computed observable. You should use computed() function instead.
|
|
46
55
|
constructor(callback, dependencies) {
|
|
47
56
|
// At initialization we force an undefined value even though it's not of type T: it gets set
|
|
48
57
|
// to a proper value during the creation of new Subscription, which calls this._read.
|
|
@@ -51,22 +60,9 @@ export class Computed extends Observable {
|
|
|
51
60
|
this._write = _noWrite;
|
|
52
61
|
this._sub = new Subscription(this._read.bind(this), dependencies, this);
|
|
53
62
|
}
|
|
54
|
-
/**
|
|
55
|
-
* Creates a new Computed, owned by the given owner.
|
|
56
|
-
* @param owner: Object to own this Computed, or null to handle disposal manually.
|
|
57
|
-
* @param ...observables: Zero or more observables on which this computes depends. The callback
|
|
58
|
-
* will get called when any of these changes.
|
|
59
|
-
* @param callback: Read callback that will be called with (use, ...values),
|
|
60
|
-
* i.e. the `use` function and values for all of the ...observables. The callback is called
|
|
61
|
-
* immediately and whenever any dependency changes.
|
|
62
|
-
* @returns {Computed} The newly created computed observable.
|
|
63
|
-
*/
|
|
64
|
-
static create(owner, ...args) {
|
|
65
|
-
const readCb = args.pop();
|
|
66
|
-
return setDisposeOwner(owner, new Computed(readCb, args));
|
|
67
|
-
}
|
|
68
63
|
/**
|
|
69
64
|
* Used by subscriptions to keep track of dependencies.
|
|
65
|
+
* @internal
|
|
70
66
|
*/
|
|
71
67
|
_getDepItem() {
|
|
72
68
|
return this._sub._getDepItem();
|
|
@@ -74,7 +70,7 @@ export class Computed extends Observable {
|
|
|
74
70
|
/**
|
|
75
71
|
* "Sets" the value of the computed by calling the write() callback if one was provided in the
|
|
76
72
|
* constructor. Throws an error if there was no such callback (not a "writable" computed).
|
|
77
|
-
* @param
|
|
73
|
+
* @param value - The value to pass to the write() callback.
|
|
78
74
|
*/
|
|
79
75
|
set(value) { this._write(value); }
|
|
80
76
|
/**
|
|
@@ -96,16 +92,6 @@ export class Computed extends Observable {
|
|
|
96
92
|
super.set(this._callback(use, ...args));
|
|
97
93
|
}
|
|
98
94
|
}
|
|
99
|
-
/**
|
|
100
|
-
* Creates a new Computed.
|
|
101
|
-
* @param {Observable} ...observables: The initial params, of which there may be zero or more, are
|
|
102
|
-
* observables on which this computed depends. When any of them change, the read() callback
|
|
103
|
-
* will be called with the values of these observables as arguments.
|
|
104
|
-
* @param {Function} readCallback: Read callback that will be called with (use, ...values),
|
|
105
|
-
* i.e. the `use` function and values for all of the ...observables. The callback is called
|
|
106
|
-
* immediately and whenever any dependency changes.
|
|
107
|
-
* @returns {Computed} The newly created computed observable.
|
|
108
|
-
*/
|
|
109
95
|
export function computed(...args) {
|
|
110
96
|
const readCb = args.pop();
|
|
111
97
|
return new Computed(readCb, args);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"computed.js","sourceRoot":"","sources":["../../../lib/computed.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"computed.js","sourceRoot":"","sources":["../../../lib/computed.ts"],"names":[],"mappings":"AACA,OAAO,EAAoB,eAAe,EAAC,MAAM,WAAW,CAAC;AAC7D,OAAO,EAAwB,UAAU,EAAC,MAAM,cAAc,CAAC;AAC/D,OAAO,EAAgB,YAAY,EAAsB,MAAM,aAAa,CAAC;AAE7E,SAAS,QAAQ;IACf,MAAM,IAAI,KAAK,CAAC,sCAAsC,CAAC,CAAC;AAC1D,CAAC;AAKD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAyCG;AACH,MAAM,OAAO,QAAY,SAAQ,UAAa;IA6BrC,MAAM,CAAC,MAAM,CAAI,KAA0C,EAAE,GAAG,IAAW;QAChF,MAAM,MAAM,GAAG,IAAI,CAAC,GAAG,EAAE,CAAC;QAC1B,OAAO,eAAe,CAAC,KAAK,EAAE,IAAI,QAAQ,CAAI,MAAM,EAAE,IAAI,CAAC,CAAC,CAAC;IAC/D,CAAC;IAMD,8FAA8F;IAC9F,YAAY,QAA2C,EAAE,YAA6B;QACpF,4FAA4F;QAC5F,qFAAqF;QACrF,KAAK,CAAC,SAAgB,CAAC,CAAC;QACxB,IAAI,CAAC,SAAS,GAAG,QAAQ,CAAC;QAC1B,IAAI,CAAC,MAAM,GAAG,QAAQ,CAAC;QACvB,IAAI,CAAC,IAAI,GAAG,IAAI,YAAY,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,YAAY,EAAE,IAAI,CAAC,CAAC;IAC1E,CAAC;IAED;;;OAGG;IACI,WAAW;QAChB,OAAO,IAAI,CAAC,IAAI,CAAC,WAAW,EAAE,CAAC;IACjC,CAAC;IAED;;;;OAIG;IACI,GAAG,CAAC,KAAQ,IAAU,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;IAElD;;;OAGG;IACI,OAAO,CAAC,SAA6B;QAC1C,IAAI,CAAC,MAAM,GAAG,SAAS,CAAC;QACxB,OAAO,IAAI,CAAC;IACd,CAAC;IAED;;OAEG;IACI,OAAO;QACZ,IAAI,CAAC,IAAI,CAAC,OAAO,EAAE,CAAC;QACpB,KAAK,CAAC,OAAO,EAAE,CAAC;IAClB,CAAC;IAEO,KAAK,CAAC,GAAQ,EAAE,GAAG,IAAW;QACpC,KAAK,CAAC,GAAG,CAAC,IAAI,CAAC,SAAS,CAAC,GAAY,EAAE,GAAG,IAAI,CAAC,CAAC,CAAC;IACnD,CAAC;CACF;AAkCD,MAAM,UAAU,QAAQ,CAAC,GAAG,IAAW;IACrC,MAAM,MAAM,GAAG,IAAI,CAAC,GAAG,EAAE,CAAC;IAC1B,OAAO,IAAI,QAAQ,CAAM,MAAM,EAAE,IAAI,CAAC,CAAC;AACzC,CAAC;AAED,kDAAkD;AAClD,2FAA2F;AAC3F,4FAA4F;AAC5F,+EAA+E;AAC/E,EAAE;AACF,yDAAyD;AACzD,wFAAwF;AACxF,oEAAoE;AACpE,qEAAqE;AACrE,uFAAuF;AACvF,kGAAkG;AAClG,oCAAoC"}
|