cable_ready 2.0.4 → 2.0.5
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +5 -5
- data/Gemfile.lock +30 -32
- data/README.md +26 -28
- data/lib/cable_ready/channel.rb +6 -5
- data/lib/cable_ready/version.rb +1 -1
- data/vendor/assets/javascripts/cable_ready.js +1 -879
- metadata +3 -3
checksums.yaml
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
---
|
|
2
|
-
|
|
3
|
-
metadata.gz:
|
|
4
|
-
data.tar.gz:
|
|
2
|
+
SHA256:
|
|
3
|
+
metadata.gz: '030087e1ec806372dc4930474097f291137b71ef3ce476d50f1239f33c3069bd'
|
|
4
|
+
data.tar.gz: c38745299547284356b325ac88ee2c2d98ba1991b730de6f32a4e60a6d6ed2b8
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
6
|
+
metadata.gz: 9f7bf0c672caff6cf06c76b7419248b0818fd38a9e4e526cf9fd76ef15ed66f59c20ec2b5ac85350043bc50ad5f27ad87104207852d2623dd7586ed841538197
|
|
7
|
+
data.tar.gz: 37f3bd9207d3fc48c23c8bb680f6d44e5594c3214ff51c1ef28d1abe60ae31cdd84297d34d7ea358f79936aa8f4aadb28f3dfaf8e0988ba3cee18a6a4d282842
|
data/Gemfile.lock
CHANGED
|
@@ -1,44 +1,43 @@
|
|
|
1
1
|
PATH
|
|
2
2
|
remote: .
|
|
3
3
|
specs:
|
|
4
|
-
cable_ready (2.0.
|
|
4
|
+
cable_ready (2.0.5)
|
|
5
5
|
activesupport (>= 5.0.0)
|
|
6
6
|
|
|
7
7
|
GEM
|
|
8
8
|
remote: https://rubygems.org/
|
|
9
9
|
specs:
|
|
10
|
-
activesupport (5.1
|
|
10
|
+
activesupport (5.2.1)
|
|
11
11
|
concurrent-ruby (~> 1.0, >= 1.0.2)
|
|
12
|
-
i18n (
|
|
12
|
+
i18n (>= 0.7, < 2)
|
|
13
13
|
minitest (~> 5.1)
|
|
14
14
|
tzinfo (~> 1.1)
|
|
15
|
-
binding_of_caller (0.
|
|
15
|
+
binding_of_caller (0.8.0)
|
|
16
16
|
debug_inspector (>= 0.0.1)
|
|
17
|
-
byebug (
|
|
18
|
-
coderay (1.1.
|
|
17
|
+
byebug (10.0.2)
|
|
18
|
+
coderay (1.1.2)
|
|
19
19
|
concurrent-ruby (1.0.5)
|
|
20
|
-
coveralls (0.8.
|
|
20
|
+
coveralls (0.8.22)
|
|
21
21
|
json (>= 1.8, < 3)
|
|
22
|
-
simplecov (~> 0.
|
|
22
|
+
simplecov (~> 0.16.1)
|
|
23
23
|
term-ansicolor (~> 1.3)
|
|
24
24
|
thor (~> 0.19.4)
|
|
25
25
|
tins (~> 1.6)
|
|
26
26
|
debug_inspector (0.0.3)
|
|
27
|
-
docile (1.1
|
|
28
|
-
i18n (
|
|
27
|
+
docile (1.3.1)
|
|
28
|
+
i18n (1.1.0)
|
|
29
29
|
concurrent-ruby (~> 1.0)
|
|
30
30
|
interception (0.5)
|
|
31
31
|
json (2.1.0)
|
|
32
|
-
method_source (0.
|
|
33
|
-
minitest (5.
|
|
34
|
-
mustermann (1.0.
|
|
32
|
+
method_source (0.9.0)
|
|
33
|
+
minitest (5.11.3)
|
|
34
|
+
mustermann (1.0.3)
|
|
35
35
|
os (1.0.0)
|
|
36
|
-
pry (0.
|
|
36
|
+
pry (0.11.3)
|
|
37
37
|
coderay (~> 1.1.0)
|
|
38
|
-
method_source (~> 0.
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
byebug (~> 9.0)
|
|
38
|
+
method_source (~> 0.9.0)
|
|
39
|
+
pry-byebug (3.6.0)
|
|
40
|
+
byebug (~> 10.0)
|
|
42
41
|
pry (~> 0.10)
|
|
43
42
|
pry-rescue (1.4.5)
|
|
44
43
|
interception (>= 0.5)
|
|
@@ -46,34 +45,33 @@ GEM
|
|
|
46
45
|
pry-stack_explorer (0.4.9.2)
|
|
47
46
|
binding_of_caller (>= 0.7)
|
|
48
47
|
pry (>= 0.9.11)
|
|
49
|
-
pry-test (0.6.
|
|
48
|
+
pry-test (0.6.5)
|
|
50
49
|
os
|
|
51
50
|
pry
|
|
52
51
|
pry-byebug
|
|
53
52
|
pry-rescue
|
|
54
53
|
pry-stack_explorer
|
|
55
|
-
rack (2.0.
|
|
56
|
-
rack-protection (2.0.
|
|
54
|
+
rack (2.0.5)
|
|
55
|
+
rack-protection (2.0.4)
|
|
57
56
|
rack
|
|
58
|
-
rake (
|
|
59
|
-
simplecov (0.
|
|
60
|
-
docile (~> 1.1
|
|
57
|
+
rake (12.3.1)
|
|
58
|
+
simplecov (0.16.1)
|
|
59
|
+
docile (~> 1.1)
|
|
61
60
|
json (>= 1.8, < 3)
|
|
62
61
|
simplecov-html (~> 0.10.0)
|
|
63
|
-
simplecov-html (0.10.
|
|
64
|
-
sinatra (2.0.
|
|
62
|
+
simplecov-html (0.10.2)
|
|
63
|
+
sinatra (2.0.4)
|
|
65
64
|
mustermann (~> 1.0)
|
|
66
65
|
rack (~> 2.0)
|
|
67
|
-
rack-protection (= 2.0.
|
|
66
|
+
rack-protection (= 2.0.4)
|
|
68
67
|
tilt (~> 2.0)
|
|
69
|
-
slop (3.6.0)
|
|
70
68
|
term-ansicolor (1.6.0)
|
|
71
69
|
tins (~> 1.0)
|
|
72
70
|
thor (0.19.4)
|
|
73
71
|
thread_safe (0.3.6)
|
|
74
|
-
tilt (2.0.
|
|
75
|
-
tins (1.
|
|
76
|
-
tzinfo (1.2.
|
|
72
|
+
tilt (2.0.8)
|
|
73
|
+
tins (1.16.3)
|
|
74
|
+
tzinfo (1.2.5)
|
|
77
75
|
thread_safe (~> 0.1)
|
|
78
76
|
|
|
79
77
|
PLATFORMS
|
|
@@ -87,4 +85,4 @@ DEPENDENCIES
|
|
|
87
85
|
sinatra
|
|
88
86
|
|
|
89
87
|
BUNDLED WITH
|
|
90
|
-
1.16.
|
|
88
|
+
1.16.4
|
data/README.md
CHANGED
|
@@ -1,6 +1,5 @@
|
|
|
1
|
-
[](https://gemnasium.com/hopsoft/cable_ready)
|
|
1
|
+
[](http://blog.codinghorror.com/the-best-code-is-no-code-at-all/)
|
|
2
|
+
[](https://codeclimate.com/github/hopsoft/cable_ready)
|
|
4
3
|
|
|
5
4
|
# CableReady
|
|
6
5
|
|
|
@@ -13,11 +12,15 @@ from the server via [ActionCable](http://guides.rubyonrails.org/action_cable_ove
|
|
|
13
12
|
|
|
14
13
|
> Please read the official [ActionCable docs](http://guides.rubyonrails.org/action_cable_overview.html) to learn more about ActionCable before proceeding.
|
|
15
14
|
|
|
15
|
+
```ruby
|
|
16
|
+
# Gemfile
|
|
17
|
+
gem "cable_ready"
|
|
18
|
+
```
|
|
19
|
+
|
|
16
20
|
```javascript
|
|
17
|
-
// app/assets/javascripts/
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
*/
|
|
21
|
+
// app/assets/javascripts/cable.js
|
|
22
|
+
//= require action_cable
|
|
23
|
+
//= require cable_ready
|
|
21
24
|
```
|
|
22
25
|
|
|
23
26
|
```javascript
|
|
@@ -88,9 +91,10 @@ cable_ready["MyChannel"].dispatch_event(
|
|
|
88
91
|
|
|
89
92
|
```ruby
|
|
90
93
|
cable_ready["MyChannel"].morph(
|
|
91
|
-
selector:
|
|
92
|
-
|
|
93
|
-
|
|
94
|
+
selector: "string", # required - string containing one or more CSS selectors separated by commas
|
|
95
|
+
html: "string" # [null] - the HTML to assign
|
|
96
|
+
children_only: true|false # [null] - indicates if only child nodes should be morphed... skipping the parent element
|
|
97
|
+
focus_selector: "string", # [null] - string containing one or more CSS selectors separated by commas
|
|
94
98
|
)
|
|
95
99
|
```
|
|
96
100
|
|
|
@@ -100,9 +104,9 @@ Sets the innerHTML of a DOM element.
|
|
|
100
104
|
|
|
101
105
|
```ruby
|
|
102
106
|
cable_ready["MyChannel"].inner_html(
|
|
103
|
-
selector:
|
|
104
|
-
|
|
105
|
-
html:
|
|
107
|
+
selector: "string", # required - string containing one or more CSS selectors separated by commas
|
|
108
|
+
focus_selector: "string", # [null] - string containing one or more CSS selectors separated by commas
|
|
109
|
+
html: "string" # [null] - the HTML to assign
|
|
106
110
|
)
|
|
107
111
|
```
|
|
108
112
|
|
|
@@ -124,10 +128,10 @@ Supports behavior akin to prepend & append.
|
|
|
124
128
|
|
|
125
129
|
```ruby
|
|
126
130
|
cable_ready["MyChannel"].insert_adjacent_html(
|
|
127
|
-
selector:
|
|
128
|
-
|
|
129
|
-
position:
|
|
130
|
-
html:
|
|
131
|
+
selector: "string", # required - string containing one or more CSS selectors separated by commas
|
|
132
|
+
focus_selector: "string", # [null] - string containing one or more CSS selectors separated by commas
|
|
133
|
+
position: "string", # [beforeend] - the relative position to the DOM element (beforebegin, afterbegin, beforeend, afterend)
|
|
134
|
+
html: "string" # [null] - the HTML to insert
|
|
131
135
|
)
|
|
132
136
|
```
|
|
133
137
|
|
|
@@ -150,8 +154,8 @@ Removes an element from the DOM.
|
|
|
150
154
|
|
|
151
155
|
```ruby
|
|
152
156
|
cable_ready["MyChannel"].remove(
|
|
153
|
-
selector:
|
|
154
|
-
|
|
157
|
+
selector: "string", # required - string containing one or more CSS selectors separated by commas
|
|
158
|
+
focus_selector: "string" # [null] - string containing one or more CSS selectors separated by commas
|
|
155
159
|
)
|
|
156
160
|
```
|
|
157
161
|
|
|
@@ -161,9 +165,9 @@ Replaces a DOM element with new HTML.
|
|
|
161
165
|
|
|
162
166
|
```ruby
|
|
163
167
|
cable_ready["MyChannel"].replace(
|
|
164
|
-
selector:
|
|
165
|
-
|
|
166
|
-
html:
|
|
168
|
+
selector: "string", # required - string containing one or more CSS selectors separated by commas
|
|
169
|
+
focus_selector: "string", # [null] - string containing one or more CSS selectors separated by commas
|
|
170
|
+
html: "string" # [null] - the HTML to use as replacement
|
|
167
171
|
)
|
|
168
172
|
```
|
|
169
173
|
|
|
@@ -251,9 +255,3 @@ The JavaScript source is located in `vendor/assets/javascripts/cable_ready/src`
|
|
|
251
255
|
cd vendor/assets/javascripts/cable_ready/src
|
|
252
256
|
webpack
|
|
253
257
|
```
|
|
254
|
-
|
|
255
|
-
---
|
|
256
|
-
|
|
257
|
-
<a target='_blank' rel='nofollow' href='https://app.codesponsor.io/link/QMSjMHrtPhvfmCnk5Hbikhhr/hopsoft/cable_ready'>
|
|
258
|
-
<img alt='Sponsor' width='888' height='68' src='https://app.codesponsor.io/embed/QMSjMHrtPhvfmCnk5Hbikhhr/hopsoft/cable_ready.svg' />
|
|
259
|
-
</a>
|
data/lib/cable_ready/channel.rb
CHANGED
|
@@ -17,13 +17,14 @@ module CableReady
|
|
|
17
17
|
#
|
|
18
18
|
# morph: [{
|
|
19
19
|
# selector: "string",
|
|
20
|
-
# focusSelector: "string",
|
|
21
20
|
# html: "string"
|
|
21
|
+
# children_only: true|false,
|
|
22
|
+
# focus_selector: "string",
|
|
22
23
|
# }, ...],
|
|
23
24
|
#
|
|
24
25
|
# inner_html: [{
|
|
25
26
|
# selector: "string",
|
|
26
|
-
#
|
|
27
|
+
# focus_selector: "string",
|
|
27
28
|
# html: "string"
|
|
28
29
|
# }, ...],
|
|
29
30
|
#
|
|
@@ -34,7 +35,7 @@ module CableReady
|
|
|
34
35
|
#
|
|
35
36
|
# insert_adjacent_html: [{
|
|
36
37
|
# selector: "string",
|
|
37
|
-
#
|
|
38
|
+
# focus_selector: "string",
|
|
38
39
|
# position: "string",
|
|
39
40
|
# html: "string"
|
|
40
41
|
# }, ...],
|
|
@@ -47,12 +48,12 @@ module CableReady
|
|
|
47
48
|
#
|
|
48
49
|
# remove: [{
|
|
49
50
|
# selector: "string",
|
|
50
|
-
#
|
|
51
|
+
# focus_selector: "string,
|
|
51
52
|
# }, ...],
|
|
52
53
|
#
|
|
53
54
|
# replace: [{
|
|
54
55
|
# selector: "string",
|
|
55
|
-
#
|
|
56
|
+
# focus_selector: "string",
|
|
56
57
|
# html: "string"
|
|
57
58
|
# }, ...],
|
|
58
59
|
#
|
data/lib/cable_ready/version.rb
CHANGED
|
@@ -1,879 +1 @@
|
|
|
1
|
-
var CableReady
|
|
2
|
-
/******/ (function(modules) { // webpackBootstrap
|
|
3
|
-
/******/ // The module cache
|
|
4
|
-
/******/ var installedModules = {};
|
|
5
|
-
/******/
|
|
6
|
-
/******/ // The require function
|
|
7
|
-
/******/ function __webpack_require__(moduleId) {
|
|
8
|
-
/******/
|
|
9
|
-
/******/ // Check if module is in cache
|
|
10
|
-
/******/ if(installedModules[moduleId]) {
|
|
11
|
-
/******/ return installedModules[moduleId].exports;
|
|
12
|
-
/******/ }
|
|
13
|
-
/******/ // Create a new module (and put it into the cache)
|
|
14
|
-
/******/ var module = installedModules[moduleId] = {
|
|
15
|
-
/******/ i: moduleId,
|
|
16
|
-
/******/ l: false,
|
|
17
|
-
/******/ exports: {}
|
|
18
|
-
/******/ };
|
|
19
|
-
/******/
|
|
20
|
-
/******/ // Execute the module function
|
|
21
|
-
/******/ modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
|
|
22
|
-
/******/
|
|
23
|
-
/******/ // Flag the module as loaded
|
|
24
|
-
/******/ module.l = true;
|
|
25
|
-
/******/
|
|
26
|
-
/******/ // Return the exports of the module
|
|
27
|
-
/******/ return module.exports;
|
|
28
|
-
/******/ }
|
|
29
|
-
/******/
|
|
30
|
-
/******/
|
|
31
|
-
/******/ // expose the modules object (__webpack_modules__)
|
|
32
|
-
/******/ __webpack_require__.m = modules;
|
|
33
|
-
/******/
|
|
34
|
-
/******/ // expose the module cache
|
|
35
|
-
/******/ __webpack_require__.c = installedModules;
|
|
36
|
-
/******/
|
|
37
|
-
/******/ // define getter function for harmony exports
|
|
38
|
-
/******/ __webpack_require__.d = function(exports, name, getter) {
|
|
39
|
-
/******/ if(!__webpack_require__.o(exports, name)) {
|
|
40
|
-
/******/ Object.defineProperty(exports, name, {
|
|
41
|
-
/******/ configurable: false,
|
|
42
|
-
/******/ enumerable: true,
|
|
43
|
-
/******/ get: getter
|
|
44
|
-
/******/ });
|
|
45
|
-
/******/ }
|
|
46
|
-
/******/ };
|
|
47
|
-
/******/
|
|
48
|
-
/******/ // getDefaultExport function for compatibility with non-harmony modules
|
|
49
|
-
/******/ __webpack_require__.n = function(module) {
|
|
50
|
-
/******/ var getter = module && module.__esModule ?
|
|
51
|
-
/******/ function getDefault() { return module['default']; } :
|
|
52
|
-
/******/ function getModuleExports() { return module; };
|
|
53
|
-
/******/ __webpack_require__.d(getter, 'a', getter);
|
|
54
|
-
/******/ return getter;
|
|
55
|
-
/******/ };
|
|
56
|
-
/******/
|
|
57
|
-
/******/ // Object.prototype.hasOwnProperty.call
|
|
58
|
-
/******/ __webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
|
|
59
|
-
/******/
|
|
60
|
-
/******/ // __webpack_public_path__
|
|
61
|
-
/******/ __webpack_require__.p = "";
|
|
62
|
-
/******/
|
|
63
|
-
/******/ // Load entry module and return exports
|
|
64
|
-
/******/ return __webpack_require__(__webpack_require__.s = 0);
|
|
65
|
-
/******/ })
|
|
66
|
-
/************************************************************************/
|
|
67
|
-
/******/ ([
|
|
68
|
-
/* 0 */
|
|
69
|
-
/***/ (function(module, exports, __webpack_require__) {
|
|
70
|
-
|
|
71
|
-
"use strict";
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
Object.defineProperty(exports, "__esModule", {
|
|
75
|
-
value: true
|
|
76
|
-
});
|
|
77
|
-
exports.perform = undefined;
|
|
78
|
-
|
|
79
|
-
var _morphdom = __webpack_require__(1);
|
|
80
|
-
|
|
81
|
-
var _morphdom2 = _interopRequireDefault(_morphdom);
|
|
82
|
-
|
|
83
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
84
|
-
|
|
85
|
-
var DOMOperations = {
|
|
86
|
-
// DOM Events ..............................................................................................
|
|
87
|
-
|
|
88
|
-
dispatchEvent: function dispatchEvent(config) {
|
|
89
|
-
var target = document.querySelector(config.selector) || window;
|
|
90
|
-
var event = new Event(config.name);
|
|
91
|
-
event.detail = config.detail;
|
|
92
|
-
target.dispatchEvent(event);
|
|
93
|
-
},
|
|
94
|
-
|
|
95
|
-
// Element Mutations .......................................................................................
|
|
96
|
-
|
|
97
|
-
morph: function morph(config) {
|
|
98
|
-
(0, _morphdom2.default)(document.querySelector(config.selector), config.html);
|
|
99
|
-
if (config.focusSelector) {
|
|
100
|
-
document.querySelector(config.focusSelector).focus();
|
|
101
|
-
}
|
|
102
|
-
},
|
|
103
|
-
|
|
104
|
-
innerHtml: function innerHtml(config) {
|
|
105
|
-
document.querySelector(config.selector).innerHTML = config.html;
|
|
106
|
-
if (config.focusSelector) {
|
|
107
|
-
document.querySelector(config.focusSelector).focus();
|
|
108
|
-
}
|
|
109
|
-
},
|
|
110
|
-
|
|
111
|
-
textContent: function textContent(config) {
|
|
112
|
-
document.querySelector(config.selector).textContent = config.text;
|
|
113
|
-
},
|
|
114
|
-
|
|
115
|
-
insertAdjacentHtml: function insertAdjacentHtml(config) {
|
|
116
|
-
document.querySelector(config.selector).insertAdjacentHTML(config.position || "beforeend", config.html);
|
|
117
|
-
if (config.focusSelector) {
|
|
118
|
-
document.querySelector(config.focusSelector).focus();
|
|
119
|
-
}
|
|
120
|
-
},
|
|
121
|
-
|
|
122
|
-
insertAdjacentText: function insertAdjacentText(config) {
|
|
123
|
-
document.querySelector(config.querySelector).insertAdjacentText(config.position || "beforeend", config.text);
|
|
124
|
-
},
|
|
125
|
-
|
|
126
|
-
remove: function remove(config) {
|
|
127
|
-
document.querySelector(config.selector).remove();
|
|
128
|
-
if (config.focusSelector) {
|
|
129
|
-
document.querySelector(config.focusSelector).focus();
|
|
130
|
-
}
|
|
131
|
-
},
|
|
132
|
-
|
|
133
|
-
replace: function replace(config) {
|
|
134
|
-
var element = document.querySelector(config.selector);
|
|
135
|
-
var div = document.createElement("div");
|
|
136
|
-
div.innerHTML = config.html;
|
|
137
|
-
if (config.focusSelector) {
|
|
138
|
-
document.querySelector(config.focusSelector).focus();
|
|
139
|
-
}
|
|
140
|
-
},
|
|
141
|
-
|
|
142
|
-
setValue: function setValue(config) {
|
|
143
|
-
document.querySelector(config.selector).value = config.value;
|
|
144
|
-
},
|
|
145
|
-
|
|
146
|
-
// Attribute Mutations .....................................................................................
|
|
147
|
-
|
|
148
|
-
setAttribute: function setAttribute(config) {
|
|
149
|
-
document.querySelector(config.selector).setAttribute(config.name, config.value);
|
|
150
|
-
},
|
|
151
|
-
|
|
152
|
-
removeAttribute: function removeAttribute(config) {
|
|
153
|
-
document.querySelector(config.selector).removeAttribute(config.name);
|
|
154
|
-
},
|
|
155
|
-
|
|
156
|
-
// CSS Class Mutations .....................................................................................
|
|
157
|
-
|
|
158
|
-
addCssClass: function addCssClass(config) {
|
|
159
|
-
document.querySelector(config.selector).classList.add(config.name);
|
|
160
|
-
},
|
|
161
|
-
|
|
162
|
-
removeCssClass: function removeCssClass(config) {
|
|
163
|
-
document.querySelector(config.selector).classList.remove(config.name);
|
|
164
|
-
},
|
|
165
|
-
|
|
166
|
-
// Dataset Mutations .......................................................................................
|
|
167
|
-
|
|
168
|
-
setDatasetProperty: function setDatasetProperty(config) {
|
|
169
|
-
document.querySelector(config.selector).dataset[config.name] = config.value;
|
|
170
|
-
}
|
|
171
|
-
};
|
|
172
|
-
|
|
173
|
-
var perform = exports.perform = function perform(operations) {
|
|
174
|
-
for (var name in operations) {
|
|
175
|
-
if (operations.hasOwnProperty(name)) {
|
|
176
|
-
var entries = operations[name];
|
|
177
|
-
for (var i = 0; i < entries.length; i++) {
|
|
178
|
-
try {
|
|
179
|
-
var config = entries[i];
|
|
180
|
-
DOMOperations[name](config);
|
|
181
|
-
} catch (e) {
|
|
182
|
-
console.log("CableReady detected an error in " + name + "! " + e.message);
|
|
183
|
-
}
|
|
184
|
-
}
|
|
185
|
-
}
|
|
186
|
-
}
|
|
187
|
-
};
|
|
188
|
-
|
|
189
|
-
/***/ }),
|
|
190
|
-
/* 1 */
|
|
191
|
-
/***/ (function(module, exports, __webpack_require__) {
|
|
192
|
-
|
|
193
|
-
"use strict";
|
|
194
|
-
|
|
195
|
-
|
|
196
|
-
var range; // Create a range object for efficently rendering strings to elements.
|
|
197
|
-
var NS_XHTML = 'http://www.w3.org/1999/xhtml';
|
|
198
|
-
|
|
199
|
-
var doc = typeof document === 'undefined' ? undefined : document;
|
|
200
|
-
|
|
201
|
-
var testEl = doc ?
|
|
202
|
-
doc.body || doc.createElement('div') :
|
|
203
|
-
{};
|
|
204
|
-
|
|
205
|
-
// Fixes <https://github.com/patrick-steele-idem/morphdom/issues/32>
|
|
206
|
-
// (IE7+ support) <=IE7 does not support el.hasAttribute(name)
|
|
207
|
-
var actualHasAttributeNS;
|
|
208
|
-
|
|
209
|
-
if (testEl.hasAttributeNS) {
|
|
210
|
-
actualHasAttributeNS = function(el, namespaceURI, name) {
|
|
211
|
-
return el.hasAttributeNS(namespaceURI, name);
|
|
212
|
-
};
|
|
213
|
-
} else if (testEl.hasAttribute) {
|
|
214
|
-
actualHasAttributeNS = function(el, namespaceURI, name) {
|
|
215
|
-
return el.hasAttribute(name);
|
|
216
|
-
};
|
|
217
|
-
} else {
|
|
218
|
-
actualHasAttributeNS = function(el, namespaceURI, name) {
|
|
219
|
-
return el.getAttributeNode(namespaceURI, name) != null;
|
|
220
|
-
};
|
|
221
|
-
}
|
|
222
|
-
|
|
223
|
-
var hasAttributeNS = actualHasAttributeNS;
|
|
224
|
-
|
|
225
|
-
|
|
226
|
-
function toElement(str) {
|
|
227
|
-
if (!range && doc.createRange) {
|
|
228
|
-
range = doc.createRange();
|
|
229
|
-
range.selectNode(doc.body);
|
|
230
|
-
}
|
|
231
|
-
|
|
232
|
-
var fragment;
|
|
233
|
-
if (range && range.createContextualFragment) {
|
|
234
|
-
fragment = range.createContextualFragment(str);
|
|
235
|
-
} else {
|
|
236
|
-
fragment = doc.createElement('body');
|
|
237
|
-
fragment.innerHTML = str;
|
|
238
|
-
}
|
|
239
|
-
return fragment.childNodes[0];
|
|
240
|
-
}
|
|
241
|
-
|
|
242
|
-
/**
|
|
243
|
-
* Returns true if two node's names are the same.
|
|
244
|
-
*
|
|
245
|
-
* NOTE: We don't bother checking `namespaceURI` because you will never find two HTML elements with the same
|
|
246
|
-
* nodeName and different namespace URIs.
|
|
247
|
-
*
|
|
248
|
-
* @param {Element} a
|
|
249
|
-
* @param {Element} b The target element
|
|
250
|
-
* @return {boolean}
|
|
251
|
-
*/
|
|
252
|
-
function compareNodeNames(fromEl, toEl) {
|
|
253
|
-
var fromNodeName = fromEl.nodeName;
|
|
254
|
-
var toNodeName = toEl.nodeName;
|
|
255
|
-
|
|
256
|
-
if (fromNodeName === toNodeName) {
|
|
257
|
-
return true;
|
|
258
|
-
}
|
|
259
|
-
|
|
260
|
-
if (toEl.actualize &&
|
|
261
|
-
fromNodeName.charCodeAt(0) < 91 && /* from tag name is upper case */
|
|
262
|
-
toNodeName.charCodeAt(0) > 90 /* target tag name is lower case */) {
|
|
263
|
-
// If the target element is a virtual DOM node then we may need to normalize the tag name
|
|
264
|
-
// before comparing. Normal HTML elements that are in the "http://www.w3.org/1999/xhtml"
|
|
265
|
-
// are converted to upper case
|
|
266
|
-
return fromNodeName === toNodeName.toUpperCase();
|
|
267
|
-
} else {
|
|
268
|
-
return false;
|
|
269
|
-
}
|
|
270
|
-
}
|
|
271
|
-
|
|
272
|
-
/**
|
|
273
|
-
* Create an element, optionally with a known namespace URI.
|
|
274
|
-
*
|
|
275
|
-
* @param {string} name the element name, e.g. 'div' or 'svg'
|
|
276
|
-
* @param {string} [namespaceURI] the element's namespace URI, i.e. the value of
|
|
277
|
-
* its `xmlns` attribute or its inferred namespace.
|
|
278
|
-
*
|
|
279
|
-
* @return {Element}
|
|
280
|
-
*/
|
|
281
|
-
function createElementNS(name, namespaceURI) {
|
|
282
|
-
return !namespaceURI || namespaceURI === NS_XHTML ?
|
|
283
|
-
doc.createElement(name) :
|
|
284
|
-
doc.createElementNS(namespaceURI, name);
|
|
285
|
-
}
|
|
286
|
-
|
|
287
|
-
/**
|
|
288
|
-
* Copies the children of one DOM element to another DOM element
|
|
289
|
-
*/
|
|
290
|
-
function moveChildren(fromEl, toEl) {
|
|
291
|
-
var curChild = fromEl.firstChild;
|
|
292
|
-
while (curChild) {
|
|
293
|
-
var nextChild = curChild.nextSibling;
|
|
294
|
-
toEl.appendChild(curChild);
|
|
295
|
-
curChild = nextChild;
|
|
296
|
-
}
|
|
297
|
-
return toEl;
|
|
298
|
-
}
|
|
299
|
-
|
|
300
|
-
function morphAttrs(fromNode, toNode) {
|
|
301
|
-
var attrs = toNode.attributes;
|
|
302
|
-
var i;
|
|
303
|
-
var attr;
|
|
304
|
-
var attrName;
|
|
305
|
-
var attrNamespaceURI;
|
|
306
|
-
var attrValue;
|
|
307
|
-
var fromValue;
|
|
308
|
-
|
|
309
|
-
for (i = attrs.length - 1; i >= 0; --i) {
|
|
310
|
-
attr = attrs[i];
|
|
311
|
-
attrName = attr.name;
|
|
312
|
-
attrNamespaceURI = attr.namespaceURI;
|
|
313
|
-
attrValue = attr.value;
|
|
314
|
-
|
|
315
|
-
if (attrNamespaceURI) {
|
|
316
|
-
attrName = attr.localName || attrName;
|
|
317
|
-
fromValue = fromNode.getAttributeNS(attrNamespaceURI, attrName);
|
|
318
|
-
|
|
319
|
-
if (fromValue !== attrValue) {
|
|
320
|
-
fromNode.setAttributeNS(attrNamespaceURI, attrName, attrValue);
|
|
321
|
-
}
|
|
322
|
-
} else {
|
|
323
|
-
fromValue = fromNode.getAttribute(attrName);
|
|
324
|
-
|
|
325
|
-
if (fromValue !== attrValue) {
|
|
326
|
-
fromNode.setAttribute(attrName, attrValue);
|
|
327
|
-
}
|
|
328
|
-
}
|
|
329
|
-
}
|
|
330
|
-
|
|
331
|
-
// Remove any extra attributes found on the original DOM element that
|
|
332
|
-
// weren't found on the target element.
|
|
333
|
-
attrs = fromNode.attributes;
|
|
334
|
-
|
|
335
|
-
for (i = attrs.length - 1; i >= 0; --i) {
|
|
336
|
-
attr = attrs[i];
|
|
337
|
-
if (attr.specified !== false) {
|
|
338
|
-
attrName = attr.name;
|
|
339
|
-
attrNamespaceURI = attr.namespaceURI;
|
|
340
|
-
|
|
341
|
-
if (attrNamespaceURI) {
|
|
342
|
-
attrName = attr.localName || attrName;
|
|
343
|
-
|
|
344
|
-
if (!hasAttributeNS(toNode, attrNamespaceURI, attrName)) {
|
|
345
|
-
fromNode.removeAttributeNS(attrNamespaceURI, attrName);
|
|
346
|
-
}
|
|
347
|
-
} else {
|
|
348
|
-
if (!hasAttributeNS(toNode, null, attrName)) {
|
|
349
|
-
fromNode.removeAttribute(attrName);
|
|
350
|
-
}
|
|
351
|
-
}
|
|
352
|
-
}
|
|
353
|
-
}
|
|
354
|
-
}
|
|
355
|
-
|
|
356
|
-
function syncBooleanAttrProp(fromEl, toEl, name) {
|
|
357
|
-
if (fromEl[name] !== toEl[name]) {
|
|
358
|
-
fromEl[name] = toEl[name];
|
|
359
|
-
if (fromEl[name]) {
|
|
360
|
-
fromEl.setAttribute(name, '');
|
|
361
|
-
} else {
|
|
362
|
-
fromEl.removeAttribute(name, '');
|
|
363
|
-
}
|
|
364
|
-
}
|
|
365
|
-
}
|
|
366
|
-
|
|
367
|
-
var specialElHandlers = {
|
|
368
|
-
/**
|
|
369
|
-
* Needed for IE. Apparently IE doesn't think that "selected" is an
|
|
370
|
-
* attribute when reading over the attributes using selectEl.attributes
|
|
371
|
-
*/
|
|
372
|
-
OPTION: function(fromEl, toEl) {
|
|
373
|
-
syncBooleanAttrProp(fromEl, toEl, 'selected');
|
|
374
|
-
},
|
|
375
|
-
/**
|
|
376
|
-
* The "value" attribute is special for the <input> element since it sets
|
|
377
|
-
* the initial value. Changing the "value" attribute without changing the
|
|
378
|
-
* "value" property will have no effect since it is only used to the set the
|
|
379
|
-
* initial value. Similar for the "checked" attribute, and "disabled".
|
|
380
|
-
*/
|
|
381
|
-
INPUT: function(fromEl, toEl) {
|
|
382
|
-
syncBooleanAttrProp(fromEl, toEl, 'checked');
|
|
383
|
-
syncBooleanAttrProp(fromEl, toEl, 'disabled');
|
|
384
|
-
|
|
385
|
-
if (fromEl.value !== toEl.value) {
|
|
386
|
-
fromEl.value = toEl.value;
|
|
387
|
-
}
|
|
388
|
-
|
|
389
|
-
if (!hasAttributeNS(toEl, null, 'value')) {
|
|
390
|
-
fromEl.removeAttribute('value');
|
|
391
|
-
}
|
|
392
|
-
},
|
|
393
|
-
|
|
394
|
-
TEXTAREA: function(fromEl, toEl) {
|
|
395
|
-
var newValue = toEl.value;
|
|
396
|
-
if (fromEl.value !== newValue) {
|
|
397
|
-
fromEl.value = newValue;
|
|
398
|
-
}
|
|
399
|
-
|
|
400
|
-
var firstChild = fromEl.firstChild;
|
|
401
|
-
if (firstChild) {
|
|
402
|
-
// Needed for IE. Apparently IE sets the placeholder as the
|
|
403
|
-
// node value and vise versa. This ignores an empty update.
|
|
404
|
-
var oldValue = firstChild.nodeValue;
|
|
405
|
-
|
|
406
|
-
if (oldValue == newValue || (!newValue && oldValue == fromEl.placeholder)) {
|
|
407
|
-
return;
|
|
408
|
-
}
|
|
409
|
-
|
|
410
|
-
firstChild.nodeValue = newValue;
|
|
411
|
-
}
|
|
412
|
-
},
|
|
413
|
-
SELECT: function(fromEl, toEl) {
|
|
414
|
-
if (!hasAttributeNS(toEl, null, 'multiple')) {
|
|
415
|
-
var selectedIndex = -1;
|
|
416
|
-
var i = 0;
|
|
417
|
-
var curChild = toEl.firstChild;
|
|
418
|
-
while(curChild) {
|
|
419
|
-
var nodeName = curChild.nodeName;
|
|
420
|
-
if (nodeName && nodeName.toUpperCase() === 'OPTION') {
|
|
421
|
-
if (hasAttributeNS(curChild, null, 'selected')) {
|
|
422
|
-
selectedIndex = i;
|
|
423
|
-
break;
|
|
424
|
-
}
|
|
425
|
-
i++;
|
|
426
|
-
}
|
|
427
|
-
curChild = curChild.nextSibling;
|
|
428
|
-
}
|
|
429
|
-
|
|
430
|
-
fromEl.selectedIndex = i;
|
|
431
|
-
}
|
|
432
|
-
}
|
|
433
|
-
};
|
|
434
|
-
|
|
435
|
-
var ELEMENT_NODE = 1;
|
|
436
|
-
var TEXT_NODE = 3;
|
|
437
|
-
var COMMENT_NODE = 8;
|
|
438
|
-
|
|
439
|
-
function noop() {}
|
|
440
|
-
|
|
441
|
-
function defaultGetNodeKey(node) {
|
|
442
|
-
return node.id;
|
|
443
|
-
}
|
|
444
|
-
|
|
445
|
-
function morphdomFactory(morphAttrs) {
|
|
446
|
-
|
|
447
|
-
return function morphdom(fromNode, toNode, options) {
|
|
448
|
-
if (!options) {
|
|
449
|
-
options = {};
|
|
450
|
-
}
|
|
451
|
-
|
|
452
|
-
if (typeof toNode === 'string') {
|
|
453
|
-
if (fromNode.nodeName === '#document' || fromNode.nodeName === 'HTML') {
|
|
454
|
-
var toNodeHtml = toNode;
|
|
455
|
-
toNode = doc.createElement('html');
|
|
456
|
-
toNode.innerHTML = toNodeHtml;
|
|
457
|
-
} else {
|
|
458
|
-
toNode = toElement(toNode);
|
|
459
|
-
}
|
|
460
|
-
}
|
|
461
|
-
|
|
462
|
-
var getNodeKey = options.getNodeKey || defaultGetNodeKey;
|
|
463
|
-
var onBeforeNodeAdded = options.onBeforeNodeAdded || noop;
|
|
464
|
-
var onNodeAdded = options.onNodeAdded || noop;
|
|
465
|
-
var onBeforeElUpdated = options.onBeforeElUpdated || noop;
|
|
466
|
-
var onElUpdated = options.onElUpdated || noop;
|
|
467
|
-
var onBeforeNodeDiscarded = options.onBeforeNodeDiscarded || noop;
|
|
468
|
-
var onNodeDiscarded = options.onNodeDiscarded || noop;
|
|
469
|
-
var onBeforeElChildrenUpdated = options.onBeforeElChildrenUpdated || noop;
|
|
470
|
-
var childrenOnly = options.childrenOnly === true;
|
|
471
|
-
|
|
472
|
-
// This object is used as a lookup to quickly find all keyed elements in the original DOM tree.
|
|
473
|
-
var fromNodesLookup = {};
|
|
474
|
-
var keyedRemovalList;
|
|
475
|
-
|
|
476
|
-
function addKeyedRemoval(key) {
|
|
477
|
-
if (keyedRemovalList) {
|
|
478
|
-
keyedRemovalList.push(key);
|
|
479
|
-
} else {
|
|
480
|
-
keyedRemovalList = [key];
|
|
481
|
-
}
|
|
482
|
-
}
|
|
483
|
-
|
|
484
|
-
function walkDiscardedChildNodes(node, skipKeyedNodes) {
|
|
485
|
-
if (node.nodeType === ELEMENT_NODE) {
|
|
486
|
-
var curChild = node.firstChild;
|
|
487
|
-
while (curChild) {
|
|
488
|
-
|
|
489
|
-
var key = undefined;
|
|
490
|
-
|
|
491
|
-
if (skipKeyedNodes && (key = getNodeKey(curChild))) {
|
|
492
|
-
// If we are skipping keyed nodes then we add the key
|
|
493
|
-
// to a list so that it can be handled at the very end.
|
|
494
|
-
addKeyedRemoval(key);
|
|
495
|
-
} else {
|
|
496
|
-
// Only report the node as discarded if it is not keyed. We do this because
|
|
497
|
-
// at the end we loop through all keyed elements that were unmatched
|
|
498
|
-
// and then discard them in one final pass.
|
|
499
|
-
onNodeDiscarded(curChild);
|
|
500
|
-
if (curChild.firstChild) {
|
|
501
|
-
walkDiscardedChildNodes(curChild, skipKeyedNodes);
|
|
502
|
-
}
|
|
503
|
-
}
|
|
504
|
-
|
|
505
|
-
curChild = curChild.nextSibling;
|
|
506
|
-
}
|
|
507
|
-
}
|
|
508
|
-
}
|
|
509
|
-
|
|
510
|
-
/**
|
|
511
|
-
* Removes a DOM node out of the original DOM
|
|
512
|
-
*
|
|
513
|
-
* @param {Node} node The node to remove
|
|
514
|
-
* @param {Node} parentNode The nodes parent
|
|
515
|
-
* @param {Boolean} skipKeyedNodes If true then elements with keys will be skipped and not discarded.
|
|
516
|
-
* @return {undefined}
|
|
517
|
-
*/
|
|
518
|
-
function removeNode(node, parentNode, skipKeyedNodes) {
|
|
519
|
-
if (onBeforeNodeDiscarded(node) === false) {
|
|
520
|
-
return;
|
|
521
|
-
}
|
|
522
|
-
|
|
523
|
-
if (parentNode) {
|
|
524
|
-
parentNode.removeChild(node);
|
|
525
|
-
}
|
|
526
|
-
|
|
527
|
-
onNodeDiscarded(node);
|
|
528
|
-
walkDiscardedChildNodes(node, skipKeyedNodes);
|
|
529
|
-
}
|
|
530
|
-
|
|
531
|
-
// // TreeWalker implementation is no faster, but keeping this around in case this changes in the future
|
|
532
|
-
// function indexTree(root) {
|
|
533
|
-
// var treeWalker = document.createTreeWalker(
|
|
534
|
-
// root,
|
|
535
|
-
// NodeFilter.SHOW_ELEMENT);
|
|
536
|
-
//
|
|
537
|
-
// var el;
|
|
538
|
-
// while((el = treeWalker.nextNode())) {
|
|
539
|
-
// var key = getNodeKey(el);
|
|
540
|
-
// if (key) {
|
|
541
|
-
// fromNodesLookup[key] = el;
|
|
542
|
-
// }
|
|
543
|
-
// }
|
|
544
|
-
// }
|
|
545
|
-
|
|
546
|
-
// // NodeIterator implementation is no faster, but keeping this around in case this changes in the future
|
|
547
|
-
//
|
|
548
|
-
// function indexTree(node) {
|
|
549
|
-
// var nodeIterator = document.createNodeIterator(node, NodeFilter.SHOW_ELEMENT);
|
|
550
|
-
// var el;
|
|
551
|
-
// while((el = nodeIterator.nextNode())) {
|
|
552
|
-
// var key = getNodeKey(el);
|
|
553
|
-
// if (key) {
|
|
554
|
-
// fromNodesLookup[key] = el;
|
|
555
|
-
// }
|
|
556
|
-
// }
|
|
557
|
-
// }
|
|
558
|
-
|
|
559
|
-
function indexTree(node) {
|
|
560
|
-
if (node.nodeType === ELEMENT_NODE) {
|
|
561
|
-
var curChild = node.firstChild;
|
|
562
|
-
while (curChild) {
|
|
563
|
-
var key = getNodeKey(curChild);
|
|
564
|
-
if (key) {
|
|
565
|
-
fromNodesLookup[key] = curChild;
|
|
566
|
-
}
|
|
567
|
-
|
|
568
|
-
// Walk recursively
|
|
569
|
-
indexTree(curChild);
|
|
570
|
-
|
|
571
|
-
curChild = curChild.nextSibling;
|
|
572
|
-
}
|
|
573
|
-
}
|
|
574
|
-
}
|
|
575
|
-
|
|
576
|
-
indexTree(fromNode);
|
|
577
|
-
|
|
578
|
-
function handleNodeAdded(el) {
|
|
579
|
-
onNodeAdded(el);
|
|
580
|
-
|
|
581
|
-
var curChild = el.firstChild;
|
|
582
|
-
while (curChild) {
|
|
583
|
-
var nextSibling = curChild.nextSibling;
|
|
584
|
-
|
|
585
|
-
var key = getNodeKey(curChild);
|
|
586
|
-
if (key) {
|
|
587
|
-
var unmatchedFromEl = fromNodesLookup[key];
|
|
588
|
-
if (unmatchedFromEl && compareNodeNames(curChild, unmatchedFromEl)) {
|
|
589
|
-
curChild.parentNode.replaceChild(unmatchedFromEl, curChild);
|
|
590
|
-
morphEl(unmatchedFromEl, curChild);
|
|
591
|
-
}
|
|
592
|
-
}
|
|
593
|
-
|
|
594
|
-
handleNodeAdded(curChild);
|
|
595
|
-
curChild = nextSibling;
|
|
596
|
-
}
|
|
597
|
-
}
|
|
598
|
-
|
|
599
|
-
function morphEl(fromEl, toEl, childrenOnly) {
|
|
600
|
-
var toElKey = getNodeKey(toEl);
|
|
601
|
-
var curFromNodeKey;
|
|
602
|
-
|
|
603
|
-
if (toElKey) {
|
|
604
|
-
// If an element with an ID is being morphed then it is will be in the final
|
|
605
|
-
// DOM so clear it out of the saved elements collection
|
|
606
|
-
delete fromNodesLookup[toElKey];
|
|
607
|
-
}
|
|
608
|
-
|
|
609
|
-
if (toNode.isSameNode && toNode.isSameNode(fromNode)) {
|
|
610
|
-
return;
|
|
611
|
-
}
|
|
612
|
-
|
|
613
|
-
if (!childrenOnly) {
|
|
614
|
-
if (onBeforeElUpdated(fromEl, toEl) === false) {
|
|
615
|
-
return;
|
|
616
|
-
}
|
|
617
|
-
|
|
618
|
-
morphAttrs(fromEl, toEl);
|
|
619
|
-
onElUpdated(fromEl);
|
|
620
|
-
|
|
621
|
-
if (onBeforeElChildrenUpdated(fromEl, toEl) === false) {
|
|
622
|
-
return;
|
|
623
|
-
}
|
|
624
|
-
}
|
|
625
|
-
|
|
626
|
-
if (fromEl.nodeName !== 'TEXTAREA') {
|
|
627
|
-
var curToNodeChild = toEl.firstChild;
|
|
628
|
-
var curFromNodeChild = fromEl.firstChild;
|
|
629
|
-
var curToNodeKey;
|
|
630
|
-
|
|
631
|
-
var fromNextSibling;
|
|
632
|
-
var toNextSibling;
|
|
633
|
-
var matchingFromEl;
|
|
634
|
-
|
|
635
|
-
outer: while (curToNodeChild) {
|
|
636
|
-
toNextSibling = curToNodeChild.nextSibling;
|
|
637
|
-
curToNodeKey = getNodeKey(curToNodeChild);
|
|
638
|
-
|
|
639
|
-
while (curFromNodeChild) {
|
|
640
|
-
fromNextSibling = curFromNodeChild.nextSibling;
|
|
641
|
-
|
|
642
|
-
if (curToNodeChild.isSameNode && curToNodeChild.isSameNode(curFromNodeChild)) {
|
|
643
|
-
curToNodeChild = toNextSibling;
|
|
644
|
-
curFromNodeChild = fromNextSibling;
|
|
645
|
-
continue outer;
|
|
646
|
-
}
|
|
647
|
-
|
|
648
|
-
curFromNodeKey = getNodeKey(curFromNodeChild);
|
|
649
|
-
|
|
650
|
-
var curFromNodeType = curFromNodeChild.nodeType;
|
|
651
|
-
|
|
652
|
-
var isCompatible = undefined;
|
|
653
|
-
|
|
654
|
-
if (curFromNodeType === curToNodeChild.nodeType) {
|
|
655
|
-
if (curFromNodeType === ELEMENT_NODE) {
|
|
656
|
-
// Both nodes being compared are Element nodes
|
|
657
|
-
|
|
658
|
-
if (curToNodeKey) {
|
|
659
|
-
// The target node has a key so we want to match it up with the correct element
|
|
660
|
-
// in the original DOM tree
|
|
661
|
-
if (curToNodeKey !== curFromNodeKey) {
|
|
662
|
-
// The current element in the original DOM tree does not have a matching key so
|
|
663
|
-
// let's check our lookup to see if there is a matching element in the original
|
|
664
|
-
// DOM tree
|
|
665
|
-
if ((matchingFromEl = fromNodesLookup[curToNodeKey])) {
|
|
666
|
-
if (curFromNodeChild.nextSibling === matchingFromEl) {
|
|
667
|
-
// Special case for single element removals. To avoid removing the original
|
|
668
|
-
// DOM node out of the tree (since that can break CSS transitions, etc.),
|
|
669
|
-
// we will instead discard the current node and wait until the next
|
|
670
|
-
// iteration to properly match up the keyed target element with its matching
|
|
671
|
-
// element in the original tree
|
|
672
|
-
isCompatible = false;
|
|
673
|
-
} else {
|
|
674
|
-
// We found a matching keyed element somewhere in the original DOM tree.
|
|
675
|
-
// Let's moving the original DOM node into the current position and morph
|
|
676
|
-
// it.
|
|
677
|
-
|
|
678
|
-
// NOTE: We use insertBefore instead of replaceChild because we want to go through
|
|
679
|
-
// the `removeNode()` function for the node that is being discarded so that
|
|
680
|
-
// all lifecycle hooks are correctly invoked
|
|
681
|
-
fromEl.insertBefore(matchingFromEl, curFromNodeChild);
|
|
682
|
-
|
|
683
|
-
fromNextSibling = curFromNodeChild.nextSibling;
|
|
684
|
-
|
|
685
|
-
if (curFromNodeKey) {
|
|
686
|
-
// Since the node is keyed it might be matched up later so we defer
|
|
687
|
-
// the actual removal to later
|
|
688
|
-
addKeyedRemoval(curFromNodeKey);
|
|
689
|
-
} else {
|
|
690
|
-
// NOTE: we skip nested keyed nodes from being removed since there is
|
|
691
|
-
// still a chance they will be matched up later
|
|
692
|
-
removeNode(curFromNodeChild, fromEl, true /* skip keyed nodes */);
|
|
693
|
-
}
|
|
694
|
-
|
|
695
|
-
curFromNodeChild = matchingFromEl;
|
|
696
|
-
}
|
|
697
|
-
} else {
|
|
698
|
-
// The nodes are not compatible since the "to" node has a key and there
|
|
699
|
-
// is no matching keyed node in the source tree
|
|
700
|
-
isCompatible = false;
|
|
701
|
-
}
|
|
702
|
-
}
|
|
703
|
-
} else if (curFromNodeKey) {
|
|
704
|
-
// The original has a key
|
|
705
|
-
isCompatible = false;
|
|
706
|
-
}
|
|
707
|
-
|
|
708
|
-
isCompatible = isCompatible !== false && compareNodeNames(curFromNodeChild, curToNodeChild);
|
|
709
|
-
if (isCompatible) {
|
|
710
|
-
// We found compatible DOM elements so transform
|
|
711
|
-
// the current "from" node to match the current
|
|
712
|
-
// target DOM node.
|
|
713
|
-
morphEl(curFromNodeChild, curToNodeChild);
|
|
714
|
-
}
|
|
715
|
-
|
|
716
|
-
} else if (curFromNodeType === TEXT_NODE || curFromNodeType == COMMENT_NODE) {
|
|
717
|
-
// Both nodes being compared are Text or Comment nodes
|
|
718
|
-
isCompatible = true;
|
|
719
|
-
// Simply update nodeValue on the original node to
|
|
720
|
-
// change the text value
|
|
721
|
-
if (curFromNodeChild.nodeValue !== curToNodeChild.nodeValue) {
|
|
722
|
-
curFromNodeChild.nodeValue = curToNodeChild.nodeValue;
|
|
723
|
-
}
|
|
724
|
-
|
|
725
|
-
}
|
|
726
|
-
}
|
|
727
|
-
|
|
728
|
-
if (isCompatible) {
|
|
729
|
-
// Advance both the "to" child and the "from" child since we found a match
|
|
730
|
-
curToNodeChild = toNextSibling;
|
|
731
|
-
curFromNodeChild = fromNextSibling;
|
|
732
|
-
continue outer;
|
|
733
|
-
}
|
|
734
|
-
|
|
735
|
-
// No compatible match so remove the old node from the DOM and continue trying to find a
|
|
736
|
-
// match in the original DOM. However, we only do this if the from node is not keyed
|
|
737
|
-
// since it is possible that a keyed node might match up with a node somewhere else in the
|
|
738
|
-
// target tree and we don't want to discard it just yet since it still might find a
|
|
739
|
-
// home in the final DOM tree. After everything is done we will remove any keyed nodes
|
|
740
|
-
// that didn't find a home
|
|
741
|
-
if (curFromNodeKey) {
|
|
742
|
-
// Since the node is keyed it might be matched up later so we defer
|
|
743
|
-
// the actual removal to later
|
|
744
|
-
addKeyedRemoval(curFromNodeKey);
|
|
745
|
-
} else {
|
|
746
|
-
// NOTE: we skip nested keyed nodes from being removed since there is
|
|
747
|
-
// still a chance they will be matched up later
|
|
748
|
-
removeNode(curFromNodeChild, fromEl, true /* skip keyed nodes */);
|
|
749
|
-
}
|
|
750
|
-
|
|
751
|
-
curFromNodeChild = fromNextSibling;
|
|
752
|
-
}
|
|
753
|
-
|
|
754
|
-
// If we got this far then we did not find a candidate match for
|
|
755
|
-
// our "to node" and we exhausted all of the children "from"
|
|
756
|
-
// nodes. Therefore, we will just append the current "to" node
|
|
757
|
-
// to the end
|
|
758
|
-
if (curToNodeKey && (matchingFromEl = fromNodesLookup[curToNodeKey]) && compareNodeNames(matchingFromEl, curToNodeChild)) {
|
|
759
|
-
fromEl.appendChild(matchingFromEl);
|
|
760
|
-
morphEl(matchingFromEl, curToNodeChild);
|
|
761
|
-
} else {
|
|
762
|
-
var onBeforeNodeAddedResult = onBeforeNodeAdded(curToNodeChild);
|
|
763
|
-
if (onBeforeNodeAddedResult !== false) {
|
|
764
|
-
if (onBeforeNodeAddedResult) {
|
|
765
|
-
curToNodeChild = onBeforeNodeAddedResult;
|
|
766
|
-
}
|
|
767
|
-
|
|
768
|
-
if (curToNodeChild.actualize) {
|
|
769
|
-
curToNodeChild = curToNodeChild.actualize(fromEl.ownerDocument || doc);
|
|
770
|
-
}
|
|
771
|
-
fromEl.appendChild(curToNodeChild);
|
|
772
|
-
handleNodeAdded(curToNodeChild);
|
|
773
|
-
}
|
|
774
|
-
}
|
|
775
|
-
|
|
776
|
-
curToNodeChild = toNextSibling;
|
|
777
|
-
curFromNodeChild = fromNextSibling;
|
|
778
|
-
}
|
|
779
|
-
|
|
780
|
-
// We have processed all of the "to nodes". If curFromNodeChild is
|
|
781
|
-
// non-null then we still have some from nodes left over that need
|
|
782
|
-
// to be removed
|
|
783
|
-
while (curFromNodeChild) {
|
|
784
|
-
fromNextSibling = curFromNodeChild.nextSibling;
|
|
785
|
-
if ((curFromNodeKey = getNodeKey(curFromNodeChild))) {
|
|
786
|
-
// Since the node is keyed it might be matched up later so we defer
|
|
787
|
-
// the actual removal to later
|
|
788
|
-
addKeyedRemoval(curFromNodeKey);
|
|
789
|
-
} else {
|
|
790
|
-
// NOTE: we skip nested keyed nodes from being removed since there is
|
|
791
|
-
// still a chance they will be matched up later
|
|
792
|
-
removeNode(curFromNodeChild, fromEl, true /* skip keyed nodes */);
|
|
793
|
-
}
|
|
794
|
-
curFromNodeChild = fromNextSibling;
|
|
795
|
-
}
|
|
796
|
-
}
|
|
797
|
-
|
|
798
|
-
var specialElHandler = specialElHandlers[fromEl.nodeName];
|
|
799
|
-
if (specialElHandler) {
|
|
800
|
-
specialElHandler(fromEl, toEl);
|
|
801
|
-
}
|
|
802
|
-
} // END: morphEl(...)
|
|
803
|
-
|
|
804
|
-
var morphedNode = fromNode;
|
|
805
|
-
var morphedNodeType = morphedNode.nodeType;
|
|
806
|
-
var toNodeType = toNode.nodeType;
|
|
807
|
-
|
|
808
|
-
if (!childrenOnly) {
|
|
809
|
-
// Handle the case where we are given two DOM nodes that are not
|
|
810
|
-
// compatible (e.g. <div> --> <span> or <div> --> TEXT)
|
|
811
|
-
if (morphedNodeType === ELEMENT_NODE) {
|
|
812
|
-
if (toNodeType === ELEMENT_NODE) {
|
|
813
|
-
if (!compareNodeNames(fromNode, toNode)) {
|
|
814
|
-
onNodeDiscarded(fromNode);
|
|
815
|
-
morphedNode = moveChildren(fromNode, createElementNS(toNode.nodeName, toNode.namespaceURI));
|
|
816
|
-
}
|
|
817
|
-
} else {
|
|
818
|
-
// Going from an element node to a text node
|
|
819
|
-
morphedNode = toNode;
|
|
820
|
-
}
|
|
821
|
-
} else if (morphedNodeType === TEXT_NODE || morphedNodeType === COMMENT_NODE) { // Text or comment node
|
|
822
|
-
if (toNodeType === morphedNodeType) {
|
|
823
|
-
if (morphedNode.nodeValue !== toNode.nodeValue) {
|
|
824
|
-
morphedNode.nodeValue = toNode.nodeValue;
|
|
825
|
-
}
|
|
826
|
-
|
|
827
|
-
return morphedNode;
|
|
828
|
-
} else {
|
|
829
|
-
// Text node to something else
|
|
830
|
-
morphedNode = toNode;
|
|
831
|
-
}
|
|
832
|
-
}
|
|
833
|
-
}
|
|
834
|
-
|
|
835
|
-
if (morphedNode === toNode) {
|
|
836
|
-
// The "to node" was not compatible with the "from node" so we had to
|
|
837
|
-
// toss out the "from node" and use the "to node"
|
|
838
|
-
onNodeDiscarded(fromNode);
|
|
839
|
-
} else {
|
|
840
|
-
morphEl(morphedNode, toNode, childrenOnly);
|
|
841
|
-
|
|
842
|
-
// We now need to loop over any keyed nodes that might need to be
|
|
843
|
-
// removed. We only do the removal if we know that the keyed node
|
|
844
|
-
// never found a match. When a keyed node is matched up we remove
|
|
845
|
-
// it out of fromNodesLookup and we use fromNodesLookup to determine
|
|
846
|
-
// if a keyed node has been matched up or not
|
|
847
|
-
if (keyedRemovalList) {
|
|
848
|
-
for (var i=0, len=keyedRemovalList.length; i<len; i++) {
|
|
849
|
-
var elToRemove = fromNodesLookup[keyedRemovalList[i]];
|
|
850
|
-
if (elToRemove) {
|
|
851
|
-
removeNode(elToRemove, elToRemove.parentNode, false);
|
|
852
|
-
}
|
|
853
|
-
}
|
|
854
|
-
}
|
|
855
|
-
}
|
|
856
|
-
|
|
857
|
-
if (!childrenOnly && morphedNode !== fromNode && fromNode.parentNode) {
|
|
858
|
-
if (morphedNode.actualize) {
|
|
859
|
-
morphedNode = morphedNode.actualize(fromNode.ownerDocument || doc);
|
|
860
|
-
}
|
|
861
|
-
// If we had to swap out the from node with a new node because the old
|
|
862
|
-
// node was not compatible with the target node then we need to
|
|
863
|
-
// replace the old DOM node in the original DOM tree. This is only
|
|
864
|
-
// possible if the original DOM node was part of a DOM tree which
|
|
865
|
-
// we know is the case if it has a parent node.
|
|
866
|
-
fromNode.parentNode.replaceChild(morphedNode, fromNode);
|
|
867
|
-
}
|
|
868
|
-
|
|
869
|
-
return morphedNode;
|
|
870
|
-
};
|
|
871
|
-
}
|
|
872
|
-
|
|
873
|
-
var morphdom = morphdomFactory(morphAttrs);
|
|
874
|
-
|
|
875
|
-
module.exports = morphdom;
|
|
876
|
-
|
|
877
|
-
|
|
878
|
-
/***/ })
|
|
879
|
-
/******/ ]);
|
|
1
|
+
window.CableReady=function(e){var t={};function n(r){if(t[r])return t[r].exports;var o=t[r]={i:r,l:!1,exports:{}};return e[r].call(o.exports,o,o.exports,n),o.l=!0,o.exports}return n.m=e,n.c=t,n.d=function(e,t,r){n.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:r})},n.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},n.t=function(e,t){if(1&t&&(e=n(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var r=Object.create(null);if(n.r(r),Object.defineProperty(r,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var o in e)n.d(r,o,function(t){return e[t]}.bind(null,o));return r},n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,"a",t),t},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.p="",n(n.s=1)}([function(e,t,n){"use strict";var r,o="http://www.w3.org/1999/xhtml",u="undefined"==typeof document?void 0:document,i=u?u.body||u.createElement("div"):{},c=i.hasAttributeNS?function(e,t,n){return e.hasAttributeNS(t,n)}:i.hasAttribute?function(e,t,n){return e.hasAttribute(n)}:function(e,t,n){return null!=e.getAttributeNode(t,n)};function l(e,t){var n=e.nodeName,r=t.nodeName;return n===r||!!(t.actualize&&n.charCodeAt(0)<91&&r.charCodeAt(0)>90)&&n===r.toUpperCase()}function a(e,t,n){e[n]!==t[n]&&(e[n]=t[n],e[n]?e.setAttribute(n,""):e.removeAttribute(n,""))}var d={OPTION:function(e,t){a(e,t,"selected")},INPUT:function(e,t){a(e,t,"checked"),a(e,t,"disabled"),e.value!==t.value&&(e.value=t.value),c(t,null,"value")||e.removeAttribute("value")},TEXTAREA:function(e,t){var n=t.value;e.value!==n&&(e.value=n);var r=e.firstChild;if(r){var o=r.nodeValue;if(o==n||!n&&o==e.placeholder)return;r.nodeValue=n}},SELECT:function(e,t){if(!c(t,null,"multiple")){for(var n=0,r=t.firstChild;r;){var o=r.nodeName;if(o&&"OPTION"===o.toUpperCase()){if(c(r,null,"selected")){n;break}n++}r=r.nextSibling}e.selectedIndex=n}}},f=1,s=3,m=8;function v(){}function p(e){return e.id}var S=function(e){return function(t,n,i){if(i||(i={}),"string"==typeof n)if("#document"===t.nodeName||"HTML"===t.nodeName){var c=n;(n=u.createElement("html")).innerHTML=c}else n=function(e){var t;return!r&&u.createRange&&(r=u.createRange()).selectNode(u.body),r&&r.createContextualFragment?t=r.createContextualFragment(e):(t=u.createElement("body")).innerHTML=e,t.childNodes[0]}(n);var a,S=i.getNodeKey||p,b=i.onBeforeNodeAdded||v,y=i.onNodeAdded||v,h=i.onBeforeElUpdated||v,N=i.onElUpdated||v,g=i.onBeforeNodeDiscarded||v,C=i.onNodeDiscarded||v,A=i.onBeforeElChildrenUpdated||v,x=!0===i.childrenOnly,T={};function q(e){a?a.push(e):a=[e]}function E(e,t,n){!1!==g(e)&&(t&&t.removeChild(e),C(e),function e(t,n){if(t.nodeType===f)for(var r=t.firstChild;r;){var o=void 0;n&&(o=S(r))?q(o):(C(r),r.firstChild&&e(r,n)),r=r.nextSibling}}(e,n))}function O(e){y(e);for(var t=e.firstChild;t;){var n=t.nextSibling,r=S(t);if(r){var o=T[r];o&&l(t,o)&&(t.parentNode.replaceChild(o,t),w(o,t))}O(t),t=n}}function w(r,o,i){var c,a=S(o);if(a&&delete T[a],!n.isSameNode||!n.isSameNode(t)){if(!i){if(!1===h(r,o))return;if(e(r,o),N(r),!1===A(r,o))return}if("TEXTAREA"!==r.nodeName){var v,p,y,g,C=o.firstChild,x=r.firstChild;e:for(;C;){for(y=C.nextSibling,v=S(C);x;){if(p=x.nextSibling,C.isSameNode&&C.isSameNode(x)){C=y,x=p;continue e}c=S(x);var j=x.nodeType,M=void 0;if(j===C.nodeType&&(j===f?(v?v!==c&&((g=T[v])?x.nextSibling===g?M=!1:(r.insertBefore(g,x),p=x.nextSibling,c?q(c):E(x,r,!0),x=g):M=!1):c&&(M=!1),(M=!1!==M&&l(x,C))&&w(x,C)):j!==s&&j!=m||(M=!0,x.nodeValue!==C.nodeValue&&(x.nodeValue=C.nodeValue))),M){C=y,x=p;continue e}c?q(c):E(x,r,!0),x=p}if(v&&(g=T[v])&&l(g,C))r.appendChild(g),w(g,C);else{var V=b(C);!1!==V&&(V&&(C=V),C.actualize&&(C=C.actualize(r.ownerDocument||u)),r.appendChild(C),O(C))}C=y,x=p}for(;x;)p=x.nextSibling,(c=S(x))?q(c):E(x,r,!0),x=p}var L=d[r.nodeName];L&&L(r,o)}}!function e(t){if(t.nodeType===f)for(var n=t.firstChild;n;){var r=S(n);r&&(T[r]=n),e(n),n=n.nextSibling}}(t);var j=t,M=j.nodeType,V=n.nodeType;if(!x)if(M===f)V===f?l(t,n)||(C(t),j=function(e,t){for(var n=e.firstChild;n;){var r=n.nextSibling;t.appendChild(n),n=r}return t}(t,function(e,t){return t&&t!==o?u.createElementNS(t,e):u.createElement(e)}(n.nodeName,n.namespaceURI))):j=n;else if(M===s||M===m){if(V===M)return j.nodeValue!==n.nodeValue&&(j.nodeValue=n.nodeValue),j;j=n}if(j===n)C(t);else if(w(j,n,x),a)for(var L=0,P=a.length;L<P;L++){var H=T[a[L]];H&&E(H,H.parentNode,!1)}return!x&&j!==t&&t.parentNode&&(j.actualize&&(j=j.actualize(t.ownerDocument||u)),t.parentNode.replaceChild(j,t)),j}}(function(e,t){var n,r,o,u,i,l=t.attributes;for(n=l.length-1;n>=0;--n)o=(r=l[n]).name,u=r.namespaceURI,i=r.value,u?(o=r.localName||o,e.getAttributeNS(u,o)!==i&&e.setAttributeNS(u,o,i)):e.getAttribute(o)!==i&&e.setAttribute(o,i);for(n=(l=e.attributes).length-1;n>=0;--n)!1!==(r=l[n]).specified&&(o=r.name,(u=r.namespaceURI)?(o=r.localName||o,c(t,u,o)||e.removeAttributeNS(u,o)):c(t,null,o)||e.removeAttribute(o))});e.exports=S},function(e,t,n){"use strict";n.r(t),n.d(t,"perform",function(){return i});var r=n(0),o=n.n(r),u={dispatchEvent:function(e){var t=document.querySelector(e.selector)||window,n=new Event(e.name);n.detail=e.detail,t.dispatchEvent(n)},morph:function(e){var t=String(e.html).trim(),n=document.createElement("template");n.innerHTML=t,o()(document.querySelector(e.selector),n.content,{childrenOnly:!!e.childrenOnly}),e.focusSelector&&document.querySelector(e.focusSelector).focus()},innerHtml:function(e){document.querySelector(e.selector).innerHTML=e.html,e.focusSelector&&document.querySelector(e.focusSelector).focus()},textContent:function(e){document.querySelector(e.selector).textContent=e.text},insertAdjacentHtml:function(e){document.querySelector(e.selector).insertAdjacentHTML(e.position||"beforeend",e.html),e.focusSelector&&document.querySelector(e.focusSelector).focus()},insertAdjacentText:function(e){document.querySelector(e.querySelector).insertAdjacentText(e.position||"beforeend",e.text)},remove:function(e){document.querySelector(e.selector).remove(),e.focusSelector&&document.querySelector(e.focusSelector).focus()},replace:function(e){document.querySelector(e.selector);document.createElement("div").innerHTML=e.html,e.focusSelector&&document.querySelector(e.focusSelector).focus()},setValue:function(e){document.querySelector(e.selector).value=e.value},setAttribute:function(e){document.querySelector(e.selector).setAttribute(e.name,e.value)},removeAttribute:function(e){document.querySelector(e.selector).removeAttribute(e.name)},addCssClass:function(e){document.querySelector(e.selector).classList.add(e.name)},removeCssClass:function(e){document.querySelector(e.selector).classList.remove(e.name)},setDatasetProperty:function(e){document.querySelector(e.selector).dataset[e.name]=e.value}},i=function(e){for(var t in e)if(e.hasOwnProperty(t))for(var n=e[t],r=0;r<n.length;r++)try{var o=n[r];u[t](o)}catch(e){console.log("CableReady detected an error in ".concat(t,"! ").concat(e.message))}}}]);
|
metadata
CHANGED
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
|
2
2
|
name: cable_ready
|
|
3
3
|
version: !ruby/object:Gem::Version
|
|
4
|
-
version: 2.0.
|
|
4
|
+
version: 2.0.5
|
|
5
5
|
platform: ruby
|
|
6
6
|
authors:
|
|
7
7
|
- Nathan Hopkins
|
|
8
8
|
autorequire:
|
|
9
9
|
bindir: bin
|
|
10
10
|
cert_chain: []
|
|
11
|
-
date:
|
|
11
|
+
date: 2018-10-12 00:00:00.000000000 Z
|
|
12
12
|
dependencies:
|
|
13
13
|
- !ruby/object:Gem::Dependency
|
|
14
14
|
name: activesupport
|
|
@@ -120,7 +120,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
|
|
|
120
120
|
version: '0'
|
|
121
121
|
requirements: []
|
|
122
122
|
rubyforge_project:
|
|
123
|
-
rubygems_version: 2.6
|
|
123
|
+
rubygems_version: 2.7.6
|
|
124
124
|
signing_key:
|
|
125
125
|
specification_version: 4
|
|
126
126
|
summary: put something here
|