@iris.interactive/handcook 7.0.9 → 7.0.11
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 +1 -1
- package/package.json +1 -1
- package/public/scripts/components/collapse/collapse.component.js +9 -1
- package/public/scripts/components/lazyload/lazyload.component.js +13 -8
- package/public/scripts/components/lazyload/lazyload.component.min.js +1 -1
- package/public/scripts/components/slider/slider.component.js +10 -1
- package/public/scripts/components/tooltip/tooltip.component.js +2 -2
- package/public/styles/scss/_variables.scss +4 -0
- package/public/styles/scss/mixins/_mixin-style.scss +4 -8
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
|
@@ -39,9 +39,15 @@ export class HcCollapse {
|
|
|
39
39
|
});
|
|
40
40
|
collapseList.map(function (collapse) {
|
|
41
41
|
document.querySelectorAll(`[data-hc-collapse-trigger="${collapse._element.getAttribute("data-hc-collapse")}"]`).forEach(trigger => {
|
|
42
|
-
|
|
42
|
+
const handleTriggerAction = (e) => {
|
|
43
43
|
e.preventDefault();
|
|
44
44
|
collapse.toggle();
|
|
45
|
+
};
|
|
46
|
+
trigger.addEventListener('click', handleTriggerAction);
|
|
47
|
+
trigger.addEventListener('keydown', (e) => {
|
|
48
|
+
if (e.which == 13 ) {
|
|
49
|
+
handleTriggerAction(e);
|
|
50
|
+
}
|
|
45
51
|
});
|
|
46
52
|
});
|
|
47
53
|
});
|
|
@@ -52,6 +58,7 @@ export class HcCollapse {
|
|
|
52
58
|
if (triggerEl.classList.contains('active')) {
|
|
53
59
|
triggerEl.classList.remove('active');
|
|
54
60
|
}
|
|
61
|
+
triggerEl.setAttribute('aria-expanded', 'false');
|
|
55
62
|
});
|
|
56
63
|
trigger.dispatchEvent(this.hideEvent);
|
|
57
64
|
});
|
|
@@ -63,6 +70,7 @@ export class HcCollapse {
|
|
|
63
70
|
if (!triggerEl.classList.contains('active')) {
|
|
64
71
|
triggerEl.classList.add('active');
|
|
65
72
|
}
|
|
73
|
+
triggerEl.setAttribute('aria-expanded', 'true');
|
|
66
74
|
});
|
|
67
75
|
trigger.dispatchEvent(this.showEvent);
|
|
68
76
|
});
|
|
@@ -18,7 +18,7 @@ import LazyLoad from "vanilla-lazyload";
|
|
|
18
18
|
|
|
19
19
|
export class HcLazyload {
|
|
20
20
|
|
|
21
|
-
static instance
|
|
21
|
+
static instance;
|
|
22
22
|
|
|
23
23
|
constructor(options = {}) {
|
|
24
24
|
options = Object.assign({
|
|
@@ -29,23 +29,28 @@ export class HcLazyload {
|
|
|
29
29
|
data_srcset: 'hc-srcset'
|
|
30
30
|
}, options);
|
|
31
31
|
|
|
32
|
-
|
|
32
|
+
this.lazyLoadInstance = new LazyLoad(options);
|
|
33
33
|
}
|
|
34
34
|
|
|
35
35
|
static getInstance(options = {}) {
|
|
36
|
-
if (HcLazyload.instance
|
|
37
|
-
HcLazyload.instance = new HcLazyload(options)
|
|
36
|
+
if (!HcLazyload.instance) {
|
|
37
|
+
HcLazyload.instance = new HcLazyload(options);
|
|
38
38
|
}
|
|
39
|
-
|
|
40
|
-
return HcLazyload.instance;
|
|
39
|
+
return HcLazyload.instance.lazyLoadInstance;
|
|
41
40
|
}
|
|
42
41
|
|
|
43
42
|
static update(options = {}) {
|
|
44
|
-
HcLazyload.getInstance(options)
|
|
43
|
+
const instance = HcLazyload.getInstance(options);
|
|
44
|
+
if (instance && typeof instance.update === 'function') {
|
|
45
|
+
instance.update();
|
|
46
|
+
}
|
|
45
47
|
}
|
|
46
48
|
|
|
47
49
|
static loadAll(options = {}) {
|
|
48
|
-
HcLazyload.getInstance(options)
|
|
50
|
+
const instance = HcLazyload.getInstance(options);
|
|
51
|
+
if (instance && typeof instance.loadAll === 'function') {
|
|
52
|
+
instance.loadAll();
|
|
53
|
+
}
|
|
49
54
|
}
|
|
50
55
|
}
|
|
51
56
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
(()=>{var t={4144:function(t){t.exports=function(){"use strict";function t(){return t=Object.assign||function(t){for(var n=1;n<arguments.length;n++){var e=arguments[n];for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&(t[r]=e[r])}return t},t.apply(this,arguments)}var n="undefined"!=typeof window,e=n&&!("onscroll"in window)||"undefined"!=typeof navigator&&/(gle|ing|ro)bot|crawl|spider/i.test(navigator.userAgent),r=n&&"IntersectionObserver"in window,o=n&&"classList"in document.createElement("p"),a=n&&window.devicePixelRatio>1,i={elements_selector:".lazy",container:e||n?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_bg_set:"bg-set",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,restore_on_error:!1},c=function(n){return t({},i,n)},l=function(t,n){var e,r="LazyLoad::Initialized",o=new t(n);try{e=new CustomEvent(r,{detail:{instance:o}})}catch(t){(e=document.createEvent("CustomEvent")).initCustomEvent(r,!1,!1,{instance:o})}window.dispatchEvent(e)},u="src",s="srcset",f="sizes",d="poster",v="llOriginalAttrs",_="data",g="loading",b="loaded",p="applied",m="error",h="native",y="data-",E="ll-status",I=function(t,n){return t.getAttribute(y+n)},w=function(t){return I(t,E)},k=function(t,n){return function(t,n,e){var r="data-ll-status";null!==e?t.setAttribute(r,e):t.removeAttribute(r)}(t,0,n)},O=function(t){return k(t,null)},A=function(t){return null===w(t)},x=function(t){return w(t)===h},L=[g,b,p,m],C=function(t,n,e,r){t&&"function"==typeof t&&(void 0===r?void 0===e?t(n):t(n,e):t(n,e,r))},N=function(t,n){""!==n&&(o?t.classList.add(n):t.className+=(t.className?" ":"")+n)},M=function(t,n){""!==n&&(o?t.classList.remove(n):t.className=t.className.replace(new RegExp("(^|\\s+)"+n+"(\\s+|$)")," ").replace(/^\s+/,"").replace(/\s+$/,""))},j=function(t){return t.llTempImage},P=function(t,n){if(n){var e=n._observer;e&&e.unobserve(t)}},S=function(t,n){t&&(t.loadingCount+=n)},T=function(t,n){t&&(t.toLoadCount=n)},z=function(t){for(var n,e=[],r=0;n=t.children[r];r+=1)"SOURCE"===n.tagName&&e.push(n);return e},R=function(t,n){var e=t.parentNode;e&&"PICTURE"===e.tagName&&z(e).forEach(n)},G=function(t,n){z(t).forEach(n)},D=[u],H=[u,d],V=[u,s,f],F=[_],B=function(t){return!!t[v]},J=function(t){return t[v]},U=function(t){return delete t[v]},$=function(t,n){if(!B(t)){var e={};n.forEach((function(n){e[n]=t.getAttribute(n)})),t[v]=e}},q=function(t,n){if(B(t)){var e=J(t);n.forEach((function(n){!function(t,n,e){e?t.setAttribute(n,e):t.removeAttribute(n)}(t,n,e[n])}))}},K=function(t,n,e){N(t,n.class_applied),k(t,p),e&&(n.unobserve_completed&&P(t,n),C(n.callback_applied,t,e))},Q=function(t,n,e){N(t,n.class_loading),k(t,g),e&&(S(e,1),C(n.callback_loading,t,e))},W=function(t,n,e){e&&t.setAttribute(n,e)},X=function(t,n){W(t,f,I(t,n.data_sizes)),W(t,s,I(t,n.data_srcset)),W(t,u,I(t,n.data_src))},Y={IMG:function(t,n){R(t,(function(t){$(t,V),X(t,n)})),$(t,V),X(t,n)},IFRAME:function(t,n){$(t,D),W(t,u,I(t,n.data_src))},VIDEO:function(t,n){G(t,(function(t){$(t,D),W(t,u,I(t,n.data_src))})),$(t,H),W(t,d,I(t,n.data_poster)),W(t,u,I(t,n.data_src)),t.load()},OBJECT:function(t,n){$(t,F),W(t,_,I(t,n.data_src))}},Z=["IMG","IFRAME","VIDEO","OBJECT"],tt=function(t,n){!n||function(t){return t.loadingCount>0}(n)||function(t){return t.toLoadCount>0}(n)||C(t.callback_finish,n)},nt=function(t,n,e){t.addEventListener(n,e),t.llEvLisnrs[n]=e},et=function(t,n,e){t.removeEventListener(n,e)},rt=function(t){return!!t.llEvLisnrs},ot=function(t){if(rt(t)){var n=t.llEvLisnrs;for(var e in n){var r=n[e];et(t,e,r)}delete t.llEvLisnrs}},at=function(t,n,e){!function(t){delete t.llTempImage}(t),S(e,-1),function(t){t&&(t.toLoadCount-=1)}(e),M(t,n.class_loading),n.unobserve_completed&&P(t,e)},it=function(t,n,e){var r=j(t)||t;rt(r)||function(t,n,e){rt(t)||(t.llEvLisnrs={});var r="VIDEO"===t.tagName?"loadeddata":"load";nt(t,r,n),nt(t,"error",e)}(r,(function(o){!function(t,n,e,r){var o=x(n);at(n,e,r),N(n,e.class_loaded),k(n,b),C(e.callback_loaded,n,r),o||tt(e,r)}(0,t,n,e),ot(r)}),(function(o){!function(t,n,e,r){var o=x(n);at(n,e,r),N(n,e.class_error),k(n,m),C(e.callback_error,n,r),e.restore_on_error&&q(n,V),o||tt(e,r)}(0,t,n,e),ot(r)}))},ct=function(t,n,e){!function(t){return Z.indexOf(t.tagName)>-1}(t)?function(t,n,e){!function(t){t.llTempImage=document.createElement("IMG")}(t),it(t,n,e),function(t){B(t)||(t[v]={backgroundImage:t.style.backgroundImage})}(t),function(t,n,e){var r=I(t,n.data_bg),o=I(t,n.data_bg_hidpi),i=a&&o?o:r;i&&(t.style.backgroundImage='url("'.concat(i,'")'),j(t).setAttribute(u,i),Q(t,n,e))}(t,n,e),function(t,n,e){var r=I(t,n.data_bg_multi),o=I(t,n.data_bg_multi_hidpi),i=a&&o?o:r;i&&(t.style.backgroundImage=i,K(t,n,e))}(t,n,e),function(t,n,e){var r=I(t,n.data_bg_set);if(r){var o=r.split("|"),a=o.map((function(t){return"image-set(".concat(t,")")}));t.style.backgroundImage=a.join(),""===t.style.backgroundImage&&(a=o.map((function(t){return"-webkit-image-set(".concat(t,")")})),t.style.backgroundImage=a.join()),K(t,n,e)}}(t,n,e)}(t,n,e):function(t,n,e){it(t,n,e),function(t,n,e){var r=Y[t.tagName];r&&(r(t,n),Q(t,n,e))}(t,n,e)}(t,n,e)},lt=function(t){t.removeAttribute(u),t.removeAttribute(s),t.removeAttribute(f)},ut=function(t){R(t,(function(t){q(t,V)})),q(t,V)},st={IMG:ut,IFRAME:function(t){q(t,D)},VIDEO:function(t){G(t,(function(t){q(t,D)})),q(t,H),t.load()},OBJECT:function(t){q(t,F)}},ft=function(t,n){(function(t){var n=st[t.tagName];n?n(t):function(t){if(B(t)){var n=J(t);t.style.backgroundImage=n.backgroundImage}}(t)})(t),function(t,n){A(t)||x(t)||(M(t,n.class_entered),M(t,n.class_exited),M(t,n.class_applied),M(t,n.class_loading),M(t,n.class_loaded),M(t,n.class_error))}(t,n),O(t),U(t)},dt=["IMG","IFRAME","VIDEO"],vt=function(t){return t.use_native&&"loading"in HTMLImageElement.prototype},_t=function(t,n,e){t.forEach((function(t){return function(t){return t.isIntersecting||t.intersectionRatio>0}(t)?function(t,n,e,r){var o=function(t){return L.indexOf(w(t))>=0}(t);k(t,"entered"),N(t,e.class_entered),M(t,e.class_exited),function(t,n,e){n.unobserve_entered&&P(t,e)}(t,e,r),C(e.callback_enter,t,n,r),o||ct(t,e,r)}(t.target,t,n,e):function(t,n,e,r){A(t)||(N(t,e.class_exited),function(t,n,e,r){e.cancel_on_exit&&function(t){return w(t)===g}(t)&&"IMG"===t.tagName&&(ot(t),function(t){R(t,(function(t){lt(t)})),lt(t)}(t),ut(t),M(t,e.class_loading),S(r,-1),O(t),C(e.callback_cancel,t,n,r))}(t,n,e,r),C(e.callback_exit,t,n,r))}(t.target,t,n,e)}))},gt=function(t){return Array.prototype.slice.call(t)},bt=function(t){return t.container.querySelectorAll(t.elements_selector)},pt=function(t){return function(t){return w(t)===m}(t)},mt=function(t,n){return function(t){return gt(t).filter(A)}(t||bt(n))},ht=function(t,e){var o=c(t);this._settings=o,this.loadingCount=0,function(t,n){r&&!vt(t)&&(n._observer=new IntersectionObserver((function(e){_t(e,t,n)}),function(t){return{root:t.container===document?null:t.container,rootMargin:t.thresholds||t.threshold+"px"}}(t)))}(o,this),function(t,e){n&&(e._onlineHandler=function(){!function(t,n){var e;(e=bt(t),gt(e).filter(pt)).forEach((function(n){M(n,t.class_error),O(n)})),n.update()}(t,e)},window.addEventListener("online",e._onlineHandler))}(o,this),this.update(e)};return ht.prototype={update:function(t){var n,o,a=this._settings,i=mt(t,a);T(this,i.length),!e&&r?vt(a)?function(t,n,e){t.forEach((function(t){-1!==dt.indexOf(t.tagName)&&function(t,n,e){t.setAttribute("loading","lazy"),it(t,n,e),function(t,n){var e=Y[t.tagName];e&&e(t,n)}(t,n),k(t,h)}(t,n,e)})),T(e,0)}(i,a,this):(o=i,function(t){t.disconnect()}(n=this._observer),function(t,n){n.forEach((function(n){t.observe(n)}))}(n,o)):this.loadAll(i)},destroy:function(){this._observer&&this._observer.disconnect(),n&&window.removeEventListener("online",this._onlineHandler),bt(this._settings).forEach((function(t){U(t)})),delete this._observer,delete this._settings,delete this._onlineHandler,delete this.loadingCount,delete this.toLoadCount},loadAll:function(t){var n=this,e=this._settings;mt(t,e).forEach((function(t){P(t,n),ct(t,e,n)}))},restoreAll:function(){var t=this._settings;bt(t).forEach((function(n){ft(n,t)}))}},ht.load=function(t,n){var e=c(n);ct(t,e)},ht.resetStatus=function(t){O(t)},n&&function(t,n){if(n)if(n.length)for(var e,r=0;e=n[r];r+=1)l(t,e);else l(t,n)}(ht,window.lazyLoadOptions),ht}()}},n={};function e(r){var o=n[r];if(void 0!==o)return o.exports;var a=n[r]={exports:{}};return t[r].call(a.exports,a,a.exports,e),a.exports}e.n=t=>{var n=t&&t.__esModule?()=>t.default:()=>t;return e.d(n,{a:n}),n},e.d=(t,n)=>{for(var r in n)e.o(n,r)&&!e.o(t,r)&&Object.defineProperty(t,r,{enumerable:!0,get:n[r]})},e.o=(t,n)=>Object.prototype.hasOwnProperty.call(t,n),(()=>{"use strict";var t=e(4144),n=e.n(t);function r(t){return r="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},r(t)}function o(t,n){for(var e=0;e<n.length;e++){var r=n[e];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,a(r.key),r)}}function a(t){var n=function(t,n){if("object"!=r(t)||!t)return t;var e=t[Symbol.toPrimitive];if(void 0!==e){var o=e.call(t,n||"default");if("object"!=r(o))return o;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(t)}(t,"string");return"symbol"==r(n)?n:n+""}var i,c,l,u=function(){function t(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return function(t,n){if(!(t instanceof n))throw new TypeError("Cannot call a class as a function")}(this,t),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(n())(e)}return e=t,a=[{key:"getInstance",value:function(){var n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return null===t.instance&&(t.instance=new t(n)),t.instance}},{key:"update",value:function(){var n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};t.getInstance(n).update()}},{key:"loadAll",value:function(){var n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};t.getInstance(n).loadAll()}}],(r=null)&&o(e.prototype,r),a&&o(e,a),Object.defineProperty(e,"prototype",{writable:!1}),e;var e,r,a}();i=u,l=null,(c=a(c="instance"))in i?Object.defineProperty(i,c,{value:l,enumerable:!0,configurable:!0,writable:!0}):i[c]=l})()})();
|
|
1
|
+
(()=>{var t={4144:function(t){t.exports=function(){"use strict";function t(){return t=Object.assign||function(t){for(var n=1;n<arguments.length;n++){var e=arguments[n];for(var o in e)Object.prototype.hasOwnProperty.call(e,o)&&(t[o]=e[o])}return t},t.apply(this,arguments)}var n="undefined"!=typeof window,e=n&&!("onscroll"in window)||"undefined"!=typeof navigator&&/(gle|ing|ro)bot|crawl|spider/i.test(navigator.userAgent),o=n&&"IntersectionObserver"in window,r=n&&"classList"in document.createElement("p"),a=n&&window.devicePixelRatio>1,i={elements_selector:".lazy",container:e||n?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_bg_set:"bg-set",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,restore_on_error:!1},c=function(n){return t({},i,n)},l=function(t,n){var e,o="LazyLoad::Initialized",r=new t(n);try{e=new CustomEvent(o,{detail:{instance:r}})}catch(t){(e=document.createEvent("CustomEvent")).initCustomEvent(o,!1,!1,{instance:r})}window.dispatchEvent(e)},u="src",s="srcset",f="sizes",d="poster",v="llOriginalAttrs",_="data",g="loading",b="loaded",p="applied",m="error",h="native",y="data-",E="ll-status",I=function(t,n){return t.getAttribute(y+n)},w=function(t){return I(t,E)},k=function(t,n){return function(t,n,e){var o="data-ll-status";null!==e?t.setAttribute(o,e):t.removeAttribute(o)}(t,0,n)},A=function(t){return k(t,null)},O=function(t){return null===w(t)},L=function(t){return w(t)===h},x=[g,b,p,m],C=function(t,n,e,o){t&&"function"==typeof t&&(void 0===o?void 0===e?t(n):t(n,e):t(n,e,o))},N=function(t,n){""!==n&&(r?t.classList.add(n):t.className+=(t.className?" ":"")+n)},M=function(t,n){""!==n&&(r?t.classList.remove(n):t.className=t.className.replace(new RegExp("(^|\\s+)"+n+"(\\s+|$)")," ").replace(/^\s+/,"").replace(/\s+$/,""))},j=function(t){return t.llTempImage},z=function(t,n){if(n){var e=n._observer;e&&e.unobserve(t)}},P=function(t,n){t&&(t.loadingCount+=n)},S=function(t,n){t&&(t.toLoadCount=n)},T=function(t){for(var n,e=[],o=0;n=t.children[o];o+=1)"SOURCE"===n.tagName&&e.push(n);return e},R=function(t,n){var e=t.parentNode;e&&"PICTURE"===e.tagName&&T(e).forEach(n)},G=function(t,n){T(t).forEach(n)},D=[u],H=[u,d],V=[u,s,f],F=[_],B=function(t){return!!t[v]},J=function(t){return t[v]},U=function(t){return delete t[v]},$=function(t,n){if(!B(t)){var e={};n.forEach((function(n){e[n]=t.getAttribute(n)})),t[v]=e}},q=function(t,n){if(B(t)){var e=J(t);n.forEach((function(n){!function(t,n,e){e?t.setAttribute(n,e):t.removeAttribute(n)}(t,n,e[n])}))}},K=function(t,n,e){N(t,n.class_applied),k(t,p),e&&(n.unobserve_completed&&z(t,n),C(n.callback_applied,t,e))},Q=function(t,n,e){N(t,n.class_loading),k(t,g),e&&(P(e,1),C(n.callback_loading,t,e))},W=function(t,n,e){e&&t.setAttribute(n,e)},X=function(t,n){W(t,f,I(t,n.data_sizes)),W(t,s,I(t,n.data_srcset)),W(t,u,I(t,n.data_src))},Y={IMG:function(t,n){R(t,(function(t){$(t,V),X(t,n)})),$(t,V),X(t,n)},IFRAME:function(t,n){$(t,D),W(t,u,I(t,n.data_src))},VIDEO:function(t,n){G(t,(function(t){$(t,D),W(t,u,I(t,n.data_src))})),$(t,H),W(t,d,I(t,n.data_poster)),W(t,u,I(t,n.data_src)),t.load()},OBJECT:function(t,n){$(t,F),W(t,_,I(t,n.data_src))}},Z=["IMG","IFRAME","VIDEO","OBJECT"],tt=function(t,n){!n||function(t){return t.loadingCount>0}(n)||function(t){return t.toLoadCount>0}(n)||C(t.callback_finish,n)},nt=function(t,n,e){t.addEventListener(n,e),t.llEvLisnrs[n]=e},et=function(t,n,e){t.removeEventListener(n,e)},ot=function(t){return!!t.llEvLisnrs},rt=function(t){if(ot(t)){var n=t.llEvLisnrs;for(var e in n){var o=n[e];et(t,e,o)}delete t.llEvLisnrs}},at=function(t,n,e){!function(t){delete t.llTempImage}(t),P(e,-1),function(t){t&&(t.toLoadCount-=1)}(e),M(t,n.class_loading),n.unobserve_completed&&z(t,e)},it=function(t,n,e){var o=j(t)||t;ot(o)||function(t,n,e){ot(t)||(t.llEvLisnrs={});var o="VIDEO"===t.tagName?"loadeddata":"load";nt(t,o,n),nt(t,"error",e)}(o,(function(r){!function(t,n,e,o){var r=L(n);at(n,e,o),N(n,e.class_loaded),k(n,b),C(e.callback_loaded,n,o),r||tt(e,o)}(0,t,n,e),rt(o)}),(function(r){!function(t,n,e,o){var r=L(n);at(n,e,o),N(n,e.class_error),k(n,m),C(e.callback_error,n,o),e.restore_on_error&&q(n,V),r||tt(e,o)}(0,t,n,e),rt(o)}))},ct=function(t,n,e){!function(t){return Z.indexOf(t.tagName)>-1}(t)?function(t,n,e){!function(t){t.llTempImage=document.createElement("IMG")}(t),it(t,n,e),function(t){B(t)||(t[v]={backgroundImage:t.style.backgroundImage})}(t),function(t,n,e){var o=I(t,n.data_bg),r=I(t,n.data_bg_hidpi),i=a&&r?r:o;i&&(t.style.backgroundImage='url("'.concat(i,'")'),j(t).setAttribute(u,i),Q(t,n,e))}(t,n,e),function(t,n,e){var o=I(t,n.data_bg_multi),r=I(t,n.data_bg_multi_hidpi),i=a&&r?r:o;i&&(t.style.backgroundImage=i,K(t,n,e))}(t,n,e),function(t,n,e){var o=I(t,n.data_bg_set);if(o){var r=o.split("|"),a=r.map((function(t){return"image-set(".concat(t,")")}));t.style.backgroundImage=a.join(),""===t.style.backgroundImage&&(a=r.map((function(t){return"-webkit-image-set(".concat(t,")")})),t.style.backgroundImage=a.join()),K(t,n,e)}}(t,n,e)}(t,n,e):function(t,n,e){it(t,n,e),function(t,n,e){var o=Y[t.tagName];o&&(o(t,n),Q(t,n,e))}(t,n,e)}(t,n,e)},lt=function(t){t.removeAttribute(u),t.removeAttribute(s),t.removeAttribute(f)},ut=function(t){R(t,(function(t){q(t,V)})),q(t,V)},st={IMG:ut,IFRAME:function(t){q(t,D)},VIDEO:function(t){G(t,(function(t){q(t,D)})),q(t,H),t.load()},OBJECT:function(t){q(t,F)}},ft=function(t,n){(function(t){var n=st[t.tagName];n?n(t):function(t){if(B(t)){var n=J(t);t.style.backgroundImage=n.backgroundImage}}(t)})(t),function(t,n){O(t)||L(t)||(M(t,n.class_entered),M(t,n.class_exited),M(t,n.class_applied),M(t,n.class_loading),M(t,n.class_loaded),M(t,n.class_error))}(t,n),A(t),U(t)},dt=["IMG","IFRAME","VIDEO"],vt=function(t){return t.use_native&&"loading"in HTMLImageElement.prototype},_t=function(t,n,e){t.forEach((function(t){return function(t){return t.isIntersecting||t.intersectionRatio>0}(t)?function(t,n,e,o){var r=function(t){return x.indexOf(w(t))>=0}(t);k(t,"entered"),N(t,e.class_entered),M(t,e.class_exited),function(t,n,e){n.unobserve_entered&&z(t,e)}(t,e,o),C(e.callback_enter,t,n,o),r||ct(t,e,o)}(t.target,t,n,e):function(t,n,e,o){O(t)||(N(t,e.class_exited),function(t,n,e,o){e.cancel_on_exit&&function(t){return w(t)===g}(t)&&"IMG"===t.tagName&&(rt(t),function(t){R(t,(function(t){lt(t)})),lt(t)}(t),ut(t),M(t,e.class_loading),P(o,-1),A(t),C(e.callback_cancel,t,n,o))}(t,n,e,o),C(e.callback_exit,t,n,o))}(t.target,t,n,e)}))},gt=function(t){return Array.prototype.slice.call(t)},bt=function(t){return t.container.querySelectorAll(t.elements_selector)},pt=function(t){return function(t){return w(t)===m}(t)},mt=function(t,n){return function(t){return gt(t).filter(O)}(t||bt(n))},ht=function(t,e){var r=c(t);this._settings=r,this.loadingCount=0,function(t,n){o&&!vt(t)&&(n._observer=new IntersectionObserver((function(e){_t(e,t,n)}),function(t){return{root:t.container===document?null:t.container,rootMargin:t.thresholds||t.threshold+"px"}}(t)))}(r,this),function(t,e){n&&(e._onlineHandler=function(){!function(t,n){var e;(e=bt(t),gt(e).filter(pt)).forEach((function(n){M(n,t.class_error),A(n)})),n.update()}(t,e)},window.addEventListener("online",e._onlineHandler))}(r,this),this.update(e)};return ht.prototype={update:function(t){var n,r,a=this._settings,i=mt(t,a);S(this,i.length),!e&&o?vt(a)?function(t,n,e){t.forEach((function(t){-1!==dt.indexOf(t.tagName)&&function(t,n,e){t.setAttribute("loading","lazy"),it(t,n,e),function(t,n){var e=Y[t.tagName];e&&e(t,n)}(t,n),k(t,h)}(t,n,e)})),S(e,0)}(i,a,this):(r=i,function(t){t.disconnect()}(n=this._observer),function(t,n){n.forEach((function(n){t.observe(n)}))}(n,r)):this.loadAll(i)},destroy:function(){this._observer&&this._observer.disconnect(),n&&window.removeEventListener("online",this._onlineHandler),bt(this._settings).forEach((function(t){U(t)})),delete this._observer,delete this._settings,delete this._onlineHandler,delete this.loadingCount,delete this.toLoadCount},loadAll:function(t){var n=this,e=this._settings;mt(t,e).forEach((function(t){z(t,n),ct(t,e,n)}))},restoreAll:function(){var t=this._settings;bt(t).forEach((function(n){ft(n,t)}))}},ht.load=function(t,n){var e=c(n);ct(t,e)},ht.resetStatus=function(t){A(t)},n&&function(t,n){if(n)if(n.length)for(var e,o=0;e=n[o];o+=1)l(t,e);else l(t,n)}(ht,window.lazyLoadOptions),ht}()}},n={};function e(o){var r=n[o];if(void 0!==r)return r.exports;var a=n[o]={exports:{}};return t[o].call(a.exports,a,a.exports,e),a.exports}e.n=t=>{var n=t&&t.__esModule?()=>t.default:()=>t;return e.d(n,{a:n}),n},e.d=(t,n)=>{for(var o in n)e.o(n,o)&&!e.o(t,o)&&Object.defineProperty(t,o,{enumerable:!0,get:n[o]})},e.o=(t,n)=>Object.prototype.hasOwnProperty.call(t,n),(()=>{"use strict";var t=e(4144),n=e.n(t);function o(t){return o="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},o(t)}function r(t,n){for(var e=0;e<n.length;e++){var o=n[e];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(t,a(o.key),o)}}function a(t){var n=function(t,n){if("object"!=o(t)||!t)return t;var e=t[Symbol.toPrimitive];if(void 0!==e){var r=e.call(t,n||"default");if("object"!=o(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(t)}(t,"string");return"symbol"==o(n)?n:n+""}var i,c,l,u=function(){function t(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};!function(t,n){if(!(t instanceof n))throw new TypeError("Cannot call a class as a function")}(this,t),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),this.lazyLoadInstance=new(n())(e)}return e=t,a=[{key:"getInstance",value:function(){var n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return t.instance||(t.instance=new t(n)),t.instance.lazyLoadInstance}},{key:"update",value:function(){var n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},e=t.getInstance(n);e&&"function"==typeof e.update&&e.update()}},{key:"loadAll",value:function(){var n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},e=t.getInstance(n);e&&"function"==typeof e.loadAll&&e.loadAll()}}],(o=null)&&r(e.prototype,o),a&&r(e,a),Object.defineProperty(e,"prototype",{writable:!1}),e;var e,o,a}();i=u,l=void 0,(c=a(c="instance"))in i?Object.defineProperty(i,c,{value:l,enumerable:!0,configurable:!0,writable:!0}):i[c]=l})()})();
|
|
@@ -198,6 +198,7 @@ export class HcSlider {
|
|
|
198
198
|
const items = [].slice.call(this.slider.children);
|
|
199
199
|
items.forEach(item => {
|
|
200
200
|
item.classList.add('swiper-slide');
|
|
201
|
+
item.setAttribute('aria-roledescription', 'slide');
|
|
201
202
|
});
|
|
202
203
|
|
|
203
204
|
// On ajoute la classe swiper a notre slider,
|
|
@@ -237,7 +238,7 @@ export class HcSlider {
|
|
|
237
238
|
buttonsWrapper.appendChild(buttonPrev);
|
|
238
239
|
buttonsWrapper.appendChild(buttonNext);
|
|
239
240
|
|
|
240
|
-
this.slider.
|
|
241
|
+
this.slider.prepend(buttonsWrapper);
|
|
241
242
|
} else {
|
|
242
243
|
if (!this.slider.hasAttribute('data-hc-slider-arrow-prev') && prevEl.length === 0) {
|
|
243
244
|
const buttonPrev = document.createElement("div");
|
|
@@ -266,6 +267,14 @@ export class HcSlider {
|
|
|
266
267
|
grabCursor: true,
|
|
267
268
|
loop: false,
|
|
268
269
|
watchSlidesProgress: true,
|
|
270
|
+
a11y: {
|
|
271
|
+
prevSlideMessage: IRISCollectionTheme.translate.slider.prevSlideMessage ?? 'Slide précédente',
|
|
272
|
+
nextSlideMessage: IRISCollectionTheme.translate.slider.nextSlideMessage ?? 'Slide suivante',
|
|
273
|
+
firstSlideMessage: IRISCollectionTheme.translate.slider.firstSlideMessage ?? 'Vous êtes sur la première slide',
|
|
274
|
+
lastSlideMessage: IRISCollectionTheme.translate.slider.lastSlideMessage ?? 'Vous avez atteint la dernière slide',
|
|
275
|
+
paginationBulletMessage: IRISCollectionTheme.translate.slider.paginationBulletMessage ?? 'Aller sur la slide {{index}}',
|
|
276
|
+
slideLabelMessage: IRISCollectionTheme.translate.slider.slideLabelMessage ?? 'Slide {{index}} sur {{slidesLength}}',
|
|
277
|
+
},
|
|
269
278
|
on: {
|
|
270
279
|
init: (swiper) => {
|
|
271
280
|
|
|
@@ -40,14 +40,14 @@ export class HcTooltip {
|
|
|
40
40
|
document.querySelectorAll(elements).forEach(element => {
|
|
41
41
|
let options = {};
|
|
42
42
|
Object.assign(options, this.defaultOptions, overrideOptions);
|
|
43
|
-
options.trigger = options.trigger != '' ? options.trigger : (element.hasAttribute(TooltipEnum.attrPopover) ? "click" : "mouseenter");
|
|
43
|
+
options.trigger = options.trigger != '' ? options.trigger : (element.hasAttribute(TooltipEnum.attrPopover) ? "click focus" : "mouseenter focus");
|
|
44
44
|
options.content = options.content != '' ? options.content : (element.hasAttribute(TooltipEnum.attrContent) ? element.getAttribute(TooltipEnum.attrContent) : '');
|
|
45
45
|
options.placement = options.placement != '' ? options.placement : (element.hasAttribute(TooltipEnum.attrPlacement) ? element.getAttribute(TooltipEnum.attrPlacement) : 'bottom');
|
|
46
46
|
options.interactive = options.interactive != '' ? options.interactive : (element.hasAttribute(TooltipEnum.attrInteractive) ? element.getAttribute(TooltipEnum.attrInteractive) : false);
|
|
47
47
|
let backgroundColor = element.hasAttribute(TooltipEnum.attrBackgroundColor) ? element.getAttribute(TooltipEnum.attrBackgroundColor) : '';
|
|
48
48
|
let color = element.hasAttribute(TooltipEnum.attrColor) ? element.getAttribute(TooltipEnum.attrColor) : '';
|
|
49
49
|
let fontSize = element.hasAttribute(TooltipEnum.attrFontSize) ? element.getAttribute(TooltipEnum.attrFontSize) : '';
|
|
50
|
-
if (options.trigger
|
|
50
|
+
if (options.trigger.indexOf('click') !== -1) {
|
|
51
51
|
element.addEventListener('click', (e) => {
|
|
52
52
|
e.preventDefault();
|
|
53
53
|
});
|
|
@@ -169,9 +169,7 @@
|
|
|
169
169
|
@include transition;
|
|
170
170
|
}
|
|
171
171
|
|
|
172
|
-
&:visited
|
|
173
|
-
&:focus,
|
|
174
|
-
&:focus-within {
|
|
172
|
+
&:visited {
|
|
175
173
|
color: $button-color;
|
|
176
174
|
background-color: $button-background-color;
|
|
177
175
|
background-image: $button-background-image;
|
|
@@ -180,7 +178,7 @@
|
|
|
180
178
|
border: $button-border;
|
|
181
179
|
}
|
|
182
180
|
|
|
183
|
-
@include hover {
|
|
181
|
+
@include hover-focus {
|
|
184
182
|
color: $button-color-hover;
|
|
185
183
|
background-color: $button-background-color-hover;
|
|
186
184
|
border: $button-border-hover;
|
|
@@ -228,9 +226,7 @@
|
|
|
228
226
|
@include transition;
|
|
229
227
|
}
|
|
230
228
|
|
|
231
|
-
&:visited
|
|
232
|
-
&:focus,
|
|
233
|
-
&:focus-within {
|
|
229
|
+
&:visited {
|
|
234
230
|
color: $secondary-button-color;
|
|
235
231
|
background-color: $secondary-button-background-color;
|
|
236
232
|
background-image: $secondary-button-background-image;
|
|
@@ -239,7 +235,7 @@
|
|
|
239
235
|
border: $secondary-button-border;
|
|
240
236
|
}
|
|
241
237
|
|
|
242
|
-
@include hover {
|
|
238
|
+
@include hover-focus {
|
|
243
239
|
color: $secondary-button-color-hover;
|
|
244
240
|
background-color: $secondary-button-background-color-hover;
|
|
245
241
|
border: $secondary-button-border-hover;
|