@iris.interactive/handcook 2.8.0 → 2.8.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/README.md
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
# Welcome to HandCook 👨🍳
|
|
2
|
-
|
|
3
3
|
|
|
4
4
|
[](#)
|
|
5
5
|
[](https://twitter.com/captain\_iris)
|
package/package.json
CHANGED
|
@@ -16,17 +16,41 @@
|
|
|
16
16
|
|
|
17
17
|
import LazyLoad from "vanilla-lazyload";
|
|
18
18
|
|
|
19
|
-
|
|
19
|
+
export class HcLazyload {
|
|
20
|
+
|
|
21
|
+
static instance = null;
|
|
22
|
+
|
|
23
|
+
constructor(options = {}) {
|
|
24
|
+
options = Object.assign({
|
|
25
|
+
elements_selector: '[data-hc-src], [data-hc-bg], [data-hc-bg-hidpi], [data-hc-srcset]',
|
|
26
|
+
data_src: 'hc-src',
|
|
27
|
+
data_bg: 'hc-bg',
|
|
28
|
+
data_bg_hidpi: 'hc-bg-hidpi',
|
|
29
|
+
data_srcset: 'hc-srcset'
|
|
30
|
+
}, options);
|
|
31
|
+
|
|
32
|
+
return new LazyLoad(options);
|
|
33
|
+
}
|
|
34
|
+
|
|
35
|
+
static getInstance(options = {}) {
|
|
36
|
+
if (HcLazyload.instance === null) {
|
|
37
|
+
HcLazyload.instance = new HcLazyload(options)
|
|
38
|
+
}
|
|
20
39
|
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
data_src: 'hc-src',
|
|
24
|
-
data_bg: 'hc-bg',
|
|
25
|
-
data_bg_hidpi: 'hc-bg-hidpi',
|
|
26
|
-
data_srcset: 'hc-srcset'
|
|
27
|
-
}, options)
|
|
40
|
+
return HcLazyload.instance;
|
|
41
|
+
}
|
|
28
42
|
|
|
29
|
-
|
|
43
|
+
static update(options = {}) {
|
|
44
|
+
HcLazyload.getInstance(options).update();
|
|
45
|
+
}
|
|
46
|
+
|
|
47
|
+
static loadAll(options = {}) {
|
|
48
|
+
HcLazyload.getInstance(options).loadAll();
|
|
49
|
+
}
|
|
50
|
+
}
|
|
51
|
+
|
|
52
|
+
const hc_lazyload = function (options = {}) {
|
|
53
|
+
return HcLazyload.getInstance(options);
|
|
30
54
|
}
|
|
31
55
|
|
|
32
56
|
export default hc_lazyload;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
(()=>{var
|
|
1
|
+
(()=>{var n={732:function(n){n.exports=function(){"use strict";function n(){return n=Object.assign||function(n){for(var t=1;t<arguments.length;t++){var e=arguments[t];for(var a in e)Object.prototype.hasOwnProperty.call(e,a)&&(n[a]=e[a])}return n},n.apply(this,arguments)}var t="undefined"!=typeof window,e=t&&!("onscroll"in window)||"undefined"!=typeof navigator&&/(gle|ing|ro)bot|crawl|spider/i.test(navigator.userAgent),a=t&&"IntersectionObserver"in window,i=t&&"classList"in document.createElement("p"),r=t&&window.devicePixelRatio>1,o={elements_selector:".lazy",container:e||t?document:null,threshold:300,thresholds:null,data_src:"src",data_srcset:"srcset",data_sizes:"sizes",data_bg:"bg",data_bg_hidpi:"bg-hidpi",data_bg_multi:"bg-multi",data_bg_multi_hidpi:"bg-multi-hidpi",data_poster:"poster",class_applied:"applied",class_loading:"loading",class_loaded:"loaded",class_error:"error",class_entered:"entered",class_exited:"exited",unobserve_completed:!0,unobserve_entered:!1,cancel_on_exit:!0,callback_enter:null,callback_exit:null,callback_applied:null,callback_loading:null,callback_loaded:null,callback_error:null,callback_finish:null,callback_cancel:null,use_native:!1},c=function(t){return n({},o,t)},l=function(n,t){var e,a="LazyLoad::Initialized",i=new n(t);try{e=new CustomEvent(a,{detail:{instance:i}})}catch(n){(e=document.createEvent("CustomEvent")).initCustomEvent(a,!1,!1,{instance:i})}window.dispatchEvent(e)},u="src",s="srcset",d="sizes",f="poster",v="llOriginalAttrs",_="data",g="loading",b="loaded",p="applied",h="error",m="native",E="data-",I="ll-status",y=function(n,t){return n.getAttribute(E+t)},w=function(n){return y(n,I)},k=function(n,t){return function(n,t,e){var a="data-ll-status";null!==e?n.setAttribute(a,e):n.removeAttribute(a)}(n,0,t)},A=function(n){return k(n,null)},O=function(n){return null===w(n)},x=function(n){return w(n)===m},L=[g,b,p,h],C=function(n,t,e,a){n&&(void 0===a?void 0===e?n(t):n(t,e):n(t,e,a))},N=function(n,t){i?n.classList.add(t):n.className+=(n.className?" ":"")+t},M=function(n,t){i?n.classList.remove(t):n.className=n.className.replace(new RegExp("(^|\\s+)"+t+"(\\s+|$)")," ").replace(/^\s+/,"").replace(/\s+$/,"")},z=function(n){return n.llTempImage},R=function(n,t){if(t){var e=t._observer;e&&e.unobserve(n)}},T=function(n,t){n&&(n.loadingCount+=t)},j=function(n,t){n&&(n.toLoadCount=t)},P=function(n){for(var t,e=[],a=0;t=n.children[a];a+=1)"SOURCE"===t.tagName&&e.push(t);return e},G=function(n,t){var e=n.parentNode;e&&"PICTURE"===e.tagName&&P(e).forEach(t)},D=function(n,t){P(n).forEach(t)},V=[u],F=[u,f],B=[u,s,d],J=[_],S=function(n){return!!n[v]},U=function(n){return n[v]},$=function(n){return delete n[v]},q=function(n,t){if(!S(n)){var e={};t.forEach((function(t){e[t]=n.getAttribute(t)})),n[v]=e}},H=function(n,t){if(S(n)){var e=U(n);t.forEach((function(t){!function(n,t,e){e?n.setAttribute(t,e):n.removeAttribute(t)}(n,t,e[t])}))}},K=function(n,t,e){N(n,t.class_loading),k(n,g),e&&(T(e,1),C(t.callback_loading,n,e))},Q=function(n,t,e){e&&n.setAttribute(t,e)},W=function(n,t){Q(n,d,y(n,t.data_sizes)),Q(n,s,y(n,t.data_srcset)),Q(n,u,y(n,t.data_src))},X={IMG:function(n,t){G(n,(function(n){q(n,B),W(n,t)})),q(n,B),W(n,t)},IFRAME:function(n,t){q(n,V),Q(n,u,y(n,t.data_src))},VIDEO:function(n,t){D(n,(function(n){q(n,V),Q(n,u,y(n,t.data_src))})),q(n,F),Q(n,f,y(n,t.data_poster)),Q(n,u,y(n,t.data_src)),n.load()},OBJECT:function(n,t){q(n,J),Q(n,_,y(n,t.data_src))}},Y=["IMG","IFRAME","VIDEO","OBJECT"],Z=function(n,t){!t||function(n){return n.loadingCount>0}(t)||function(n){return n.toLoadCount>0}(t)||C(n.callback_finish,t)},nn=function(n,t,e){n.addEventListener(t,e),n.llEvLisnrs[t]=e},tn=function(n,t,e){n.removeEventListener(t,e)},en=function(n){return!!n.llEvLisnrs},an=function(n){if(en(n)){var t=n.llEvLisnrs;for(var e in t){var a=t[e];tn(n,e,a)}delete n.llEvLisnrs}},rn=function(n,t,e){!function(n){delete n.llTempImage}(n),T(e,-1),function(n){n&&(n.toLoadCount-=1)}(e),M(n,t.class_loading),t.unobserve_completed&&R(n,e)},on=function(n,t,e){var a=z(n)||n;en(a)||function(n,t,e){en(n)||(n.llEvLisnrs={});var a="VIDEO"===n.tagName?"loadeddata":"load";nn(n,a,t),nn(n,"error",e)}(a,(function(i){!function(n,t,e,a){var i=x(t);rn(t,e,a),N(t,e.class_loaded),k(t,b),C(e.callback_loaded,t,a),i||Z(e,a)}(0,n,t,e),an(a)}),(function(i){!function(n,t,e,a){var i=x(t);rn(t,e,a),N(t,e.class_error),k(t,h),C(e.callback_error,t,a),i||Z(e,a)}(0,n,t,e),an(a)}))},cn=function(n,t,e){!function(n){n.llTempImage=document.createElement("IMG")}(n),on(n,t,e),function(n){S(n)||(n[v]={backgroundImage:n.style.backgroundImage})}(n),function(n,t,e){var a=y(n,t.data_bg),i=y(n,t.data_bg_hidpi),o=r&&i?i:a;o&&(n.style.backgroundImage='url("'.concat(o,'")'),z(n).setAttribute(u,o),K(n,t,e))}(n,t,e),function(n,t,e){var a=y(n,t.data_bg_multi),i=y(n,t.data_bg_multi_hidpi),o=r&&i?i:a;o&&(n.style.backgroundImage=o,function(n,t,e){N(n,t.class_applied),k(n,p),e&&(t.unobserve_completed&&R(n,t),C(t.callback_applied,n,e))}(n,t,e))}(n,t,e)},ln=function(n,t,e){!function(n){return Y.indexOf(n.tagName)>-1}(n)?cn(n,t,e):function(n,t,e){on(n,t,e),function(n,t,e){var a=X[n.tagName];a&&(a(n,t),K(n,t,e))}(n,t,e)}(n,t,e)},un=function(n){n.removeAttribute(u),n.removeAttribute(s),n.removeAttribute(d)},sn=function(n){G(n,(function(n){H(n,B)})),H(n,B)},dn={IMG:sn,IFRAME:function(n){H(n,V)},VIDEO:function(n){D(n,(function(n){H(n,V)})),H(n,F),n.load()},OBJECT:function(n){H(n,J)}},fn=function(n,t){(function(n){var t=dn[n.tagName];t?t(n):function(n){if(S(n)){var t=U(n);n.style.backgroundImage=t.backgroundImage}}(n)})(n),function(n,t){O(n)||x(n)||(M(n,t.class_entered),M(n,t.class_exited),M(n,t.class_applied),M(n,t.class_loading),M(n,t.class_loaded),M(n,t.class_error))}(n,t),A(n),$(n)},vn=["IMG","IFRAME","VIDEO"],_n=function(n){return n.use_native&&"loading"in HTMLImageElement.prototype},gn=function(n,t,e){n.forEach((function(n){return function(n){return n.isIntersecting||n.intersectionRatio>0}(n)?function(n,t,e,a){var i=function(n){return L.indexOf(w(n))>=0}(n);k(n,"entered"),N(n,e.class_entered),M(n,e.class_exited),function(n,t,e){t.unobserve_entered&&R(n,e)}(n,e,a),C(e.callback_enter,n,t,a),i||ln(n,e,a)}(n.target,n,t,e):function(n,t,e,a){O(n)||(N(n,e.class_exited),function(n,t,e,a){e.cancel_on_exit&&function(n){return w(n)===g}(n)&&"IMG"===n.tagName&&(an(n),function(n){G(n,(function(n){un(n)})),un(n)}(n),sn(n),M(n,e.class_loading),T(a,-1),A(n),C(e.callback_cancel,n,t,a))}(n,t,e,a),C(e.callback_exit,n,t,a))}(n.target,n,t,e)}))},bn=function(n){return Array.prototype.slice.call(n)},pn=function(n){return n.container.querySelectorAll(n.elements_selector)},hn=function(n){return function(n){return w(n)===h}(n)},mn=function(n,t){return function(n){return bn(n).filter(O)}(n||pn(t))},En=function(n,e){var i=c(n);this._settings=i,this.loadingCount=0,function(n,t){a&&!_n(n)&&(t._observer=new IntersectionObserver((function(e){gn(e,n,t)}),function(n){return{root:n.container===document?null:n.container,rootMargin:n.thresholds||n.threshold+"px"}}(n)))}(i,this),function(n,e){t&&window.addEventListener("online",(function(){!function(n,t){var e;(e=pn(n),bn(e).filter(hn)).forEach((function(t){M(t,n.class_error),A(t)})),t.update()}(n,e)}))}(i,this),this.update(e)};return En.prototype={update:function(n){var t,i,r=this._settings,o=mn(n,r);j(this,o.length),!e&&a?_n(r)?function(n,t,e){n.forEach((function(n){-1!==vn.indexOf(n.tagName)&&function(n,t,e){n.setAttribute("loading","lazy"),on(n,t,e),function(n,t){var e=X[n.tagName];e&&e(n,t)}(n,t),k(n,m)}(n,t,e)})),j(e,0)}(o,r,this):(i=o,function(n){n.disconnect()}(t=this._observer),function(n,t){t.forEach((function(t){n.observe(t)}))}(t,i)):this.loadAll(o)},destroy:function(){this._observer&&this._observer.disconnect(),pn(this._settings).forEach((function(n){$(n)})),delete this._observer,delete this._settings,delete this.loadingCount,delete this.toLoadCount},loadAll:function(n){var t=this,e=this._settings;mn(n,e).forEach((function(n){R(n,t),ln(n,e,t)}))},restoreAll:function(){var n=this._settings;pn(n).forEach((function(t){fn(t,n)}))}},En.load=function(n,t){var e=c(t);ln(n,e)},En.resetStatus=function(n){A(n)},t&&function(n,t){if(t)if(t.length)for(var e,a=0;e=t[a];a+=1)l(n,e);else l(n,t)}(En,window.lazyLoadOptions),En}()}},t={};function e(a){var i=t[a];if(void 0!==i)return i.exports;var r=t[a]={exports:{}};return n[a].call(r.exports,r,r.exports,e),r.exports}e.n=n=>{var t=n&&n.__esModule?()=>n.default:()=>n;return e.d(t,{a:t}),t},e.d=(n,t)=>{for(var a in t)e.o(t,a)&&!e.o(n,a)&&Object.defineProperty(n,a,{enumerable:!0,get:t[a]})},e.o=(n,t)=>Object.prototype.hasOwnProperty.call(n,t),(()=>{"use strict";var n=e(732),t=e.n(n);function a(n,t){if(!(n instanceof t))throw new TypeError("Cannot call a class as a function")}function i(n,t){for(var e=0;e<t.length;e++){var a=t[e];a.enumerable=a.enumerable||!1,a.configurable=!0,"value"in a&&(a.writable=!0),Object.defineProperty(n,a.key,a)}}var r,o,c,l=function(){function n(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return a(this,n),e=Object.assign({elements_selector:"[data-hc-src], [data-hc-bg], [data-hc-bg-hidpi], [data-hc-srcset]",data_src:"hc-src",data_bg:"hc-bg",data_bg_hidpi:"hc-bg-hidpi",data_srcset:"hc-srcset"},e),new(t())(e)}var e,r,o;return e=n,o=[{key:"getInstance",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return null===n.instance&&(n.instance=new n(t)),n.instance}},{key:"update",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};n.getInstance(t).update()}},{key:"loadAll",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};n.getInstance(t).loadAll()}}],(r=null)&&i(e.prototype,r),o&&i(e,o),n}();c=null,(o="instance")in(r=l)?Object.defineProperty(r,o,{value:c,enumerable:!0,configurable:!0,writable:!0}):r[o]=c})()})();
|