@kizmann/pico-js 0.4.2 → 0.4.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (8) hide show
  1. package/dist/pico-js.js +1 -1
  2. package/dist/pico-js.js.map +1 -1
  3. package/docs/element/ready.html +7 -4
  4. package/package.json +1 -1
  5. package/src/library/element.js +53 -1
  6. package/src/utility/dom.js +5 -4
  7. package/src/utility/now.js +27 -0
  8. package/src/utility/object.js +10 -1
package/docs/element/ready.html CHANGED
@@ -20,11 +20,14 @@
20
20
  <body>
21
21
 
22
22
  <div id="app">
23
- <div js-test="foo: 'bar';">
24
- <span>Hallo!</span>
23
+ <div js-test="foo: 'bar'; inview: true">
24
+ <span>Hallo test!</span>
25
25
  </div>
26
- <div js-test2="foo: 'bar';">
27
- <span>Hallo!</span>
26
+ <div style="height: 2000px">
27
+ <span>Spacer!</span>
28
+ </div>
29
+ <div js-test2="foo: 'bar'; inview: true">
30
+ <span>Hallo test2!</span>
28
31
  </div>
29
32
  </div>
30
33
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@kizmann/pico-js",
3
- "version": "0.4.2",
3
+ "version": "0.4.5",
4
4
  "license": "MIT",
5
5
  "type": "module",
6
6
  "private": false,
package/src/library/element.js CHANGED
@@ -1,5 +1,15 @@
1
1
  import { Str, Obj, Dom, Any, Arr } from "../index.js";
2
2
 
3
+
4
+ Dom.ready(() => {
5
+
6
+ document.addEventListener("scroll",
7
+ Element.scroll);
8
+
9
+ Element.scroll();
10
+ });
11
+
12
+
3
13
  export class Element
4
14
  {
5
15
  /**
@@ -22,6 +32,25 @@ export class Element
22
32
  */
23
33
  static runs = [];
24
34
 
35
+ /**
36
+ * Instance storage.
37
+ */
38
+ static invi = [];
39
+
40
+ static scroll()
41
+ {
42
+ Arr.each(this.invi, (item, index) => {
43
+
44
+ if ( ! Dom.find(item.el).inviewY() ) {
45
+ return;
46
+ }
47
+
48
+ Arr.removeIndex(this.invi, index);
49
+
50
+ item.cb();
51
+ });
52
+ }
53
+
25
54
  /**
26
55
  * Bind a class on selector.
27
56
  */
@@ -56,6 +85,7 @@ export class Element
56
85
  el: el.get(0), prefix: prefix, deamon: cb
57
86
  });
58
87
 
88
+
59
89
  el.data(prefix, cb);
60
90
 
61
91
  return cb.bind !== undefined ?
@@ -130,6 +160,12 @@ export class Element
130
160
  options = { _plain: Dom.find(el).attr(selector) };
131
161
  }
132
162
 
163
+ let inview = Obj.pluck(options, 'inview', false);
164
+
165
+ if ( inview ) {
166
+ Arr.remove(this.invi, { el });
167
+ }
168
+
133
169
  if ( document.body.contains(el) ) {
134
170
  return;
135
171
  }
@@ -147,7 +183,13 @@ export class Element
147
183
  options = { _plain: Dom.find(el).attr(selector) };
148
184
  }
149
185
 
150
- this.bind(key, el, options);
186
+ let inview = Obj.pluck(options, 'inview', false);
187
+
188
+ let bindCb = () => {
189
+ this.bind(key, el, options);
190
+ };
191
+
192
+ inview ? this.bindInview(el, bindCb) : bindCb();
151
193
  });
152
194
 
153
195
  };
@@ -160,6 +202,16 @@ export class Element
160
202
  return this;
161
203
  }
162
204
 
205
+ static bindInview(el, cb)
206
+ {
207
+ Arr.add(this.invi, { el, cb }, { el });
208
+ }
209
+
210
+ static unbindInview(el, cb)
211
+ {
212
+ Arr.remove(this.invi, { el, cb }, { el });
213
+ }
214
+
163
215
 
164
216
 
165
217
  /**
package/src/utility/dom.js CHANGED
@@ -31,7 +31,7 @@ export class Dom
31
31
  }
32
32
 
33
33
  if ( delay !== 0 && (ready === false || count <= delay) ) {
34
- setTimeout(() => Dom.ready(callback, delay, count + 100), 100);
34
+ setTimeout(() => Dom.ready(callback, delay, count + 50), 50);
35
35
  return this;
36
36
  }
37
37
 
@@ -42,15 +42,16 @@ export class Dom
42
42
 
43
43
  static complete(callback, delay = 0, count = 0)
44
44
  {
45
- let ready = document.readyState === 'complete';
45
+ let ready = document.readyState === 'complete' ||
46
+ document.readyState === 'interactive';
46
47
 
47
48
  if ( delay === 0 && (ready === false || count < delay) ) {
48
- Dom.find(document).on('DOMContentLoaded', callback);
49
+ Dom.find(document).on('load', callback);
49
50
  return this;
50
51
  }
51
52
 
52
53
  if ( delay !== 0 && (ready === false || count < delay) ) {
53
- setTimeout(() => Dom.ready(callback, delay, count + 100), 100);
54
+ setTimeout(() => Dom.ready(callback, delay, count + 50), 50);
54
55
  return this;
55
56
  }
56
57
 
package/src/utility/now.js CHANGED
@@ -507,6 +507,33 @@ export class Now
507
507
  });
508
508
  }
509
509
 
510
+ resetTime()
511
+ {
512
+ this.hour(0);
513
+ this.minute(0);
514
+ this.second(0);
515
+
516
+ return this;
517
+ }
518
+
519
+ applyDate(now, format = 'YYYY-MM-DD hh:mm:ss')
520
+ {
521
+ now = Now.make(now, format);
522
+
523
+ this.year(now.year());
524
+ this.month(now.month());
525
+ this.date(now.date());
526
+ }
527
+
528
+ applyTime(now, format = 'YYYY-MM-DD hh:mm:ss')
529
+ {
530
+ now = Now.make(now, format);
531
+
532
+ this.hour(now.hour());
533
+ this.minute(now.minute());
534
+ this.second(now.second());
535
+ }
536
+
510
537
  }
511
538
 
512
539
  export default Now;
package/src/utility/object.js CHANGED
@@ -158,6 +158,15 @@ export class Obj
158
158
  return this.unset(obj[key], keys);
159
159
  }
160
160
 
161
+ static pluck(obj, keys, fallback = null)
162
+ {
163
+ let value = this.get(obj, keys, fallback);
164
+
165
+ this.unset(obj, keys);
166
+
167
+ return value;
168
+ }
169
+
161
170
  static only(obj, keys, assign = null)
162
171
  {
163
172
  let result = {};
@@ -345,7 +354,7 @@ export class Obj
345
354
  {
346
355
  let result = {};
347
356
 
348
- if ( obj instanceof FormData ) {
357
+ if ( global.FormData && obj instanceof FormData ) {
349
358
 
350
359
  for ( let [key, value] of obj.entries() ) {
351
360
  result[key] = callback(value, key);