statica 0.31.0

statica — Powered HTML pipeline (parse, funnel, bind, scope, emit)
Documentation 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74

/**
 * statica.js — scoped DOM helpers for fragment actions.
 *
 * `$` scopes selectors to the fragment instance (`data-s="id-hash"`), then selects.
 * Not jQuery. Authors write `$.querySelector(".btn")`; build inlines this helper.
 */
(function (root, factory) {
  if (typeof module === "object" && module.exports) {
    module.exports = factory();
  } else {
    root.__statica = factory();
  }
})(typeof self !== "undefined" ? self : this, function () {
  "use strict";

  function scopeSelector(sel, scopeId) {
    return String(sel)
      .split(",")
      .map(function (part) {
        part = part.trim();
        if (!part) return part;
        if (part.indexOf('[data-s="') !== -1) return part;
        return part + '[data-s="' + scopeId + '"]';
      })
      .join(", ");
  }

  function findHost(scriptEl, scopeId) {
    var n = scriptEl && scriptEl.previousElementSibling;
    while (n) {
      if (n.getAttribute && n.getAttribute("data-s") === scopeId) return n;
      n = n.previousElementSibling;
    }
    return document.querySelector('[data-s="' + scopeId + '"]');
  }

  function createScope(scriptEl, scopeId) {
    var host = findHost(scriptEl, scopeId);
    var root = (host && host.parentNode) || document;

    function qs(sel) {
      var scoped = scopeSelector(sel, scopeId);
      if (host && host.matches && host.matches(scoped)) return host;
      return root.querySelector(scoped);
    }

    function qsa(sel) {
      var scoped = scopeSelector(sel, scopeId);
      var list = Array.prototype.slice.call(root.querySelectorAll(scoped));
      if (host && host.matches && host.matches(scoped) && list.indexOf(host) === -1) {
        list.unshift(host);
      }
      return list;
    }

    return {
      host: host,
      querySelector: qs,
      querySelectorAll: qsa,
      addEventListener: function () {
        return host && host.addEventListener.apply(host, arguments);
      },
      getElementById: function (id) {
        return qs("#" + id);
      },
    };
  }

  return {
    scope: createScope,
    /** @deprecated use scope() — kept for inlined build output */
    __staticaScope: createScope,
  };
});