@livetiles/reach-components-react 0.5.0-preview.493 → 0.5.0-preview.495

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/index10.esm.js CHANGED
@@ -1,4 +1,4 @@
1
- import{X as t,Z as e}from"./index.esm2.js";import"react/jsx-runtime";import"events";import"react";import"office-ui-fabric-react";import"react-router-dom";import"react-is";import"styled-components";import"react-dom";import"office-ui-fabric-core/dist/css/fabric.css";import"office-ui-fabric-react/lib/common/DirectionalHint";import"react-dom/server";
1
+ import{Y as t,Z as e}from"./index.esm2.js";import"react/jsx-runtime";import"events";import"react";import"office-ui-fabric-react";import"react-router-dom";import"react-is";import"styled-components";import"react-dom";import"office-ui-fabric-core/dist/css/fabric.css";import"office-ui-fabric-react/lib/common/DirectionalHint";import"react-dom/server";
2
2
  /*!
3
3
  * (C) Ionic http://ionicframework.com - MIT License
4
- */const o=o=>{let l,m,f,p=10*-d,u=0;const v=o.getBoolean("animated",!0)&&o.getBoolean("rippleEffect",!0),L=new WeakMap,h=e=>{p=t(e),E(e)},b=()=>{clearTimeout(f),f=void 0,l&&(x(!1),l=void 0)},w=t=>{l||g(i(t),t)},E=t=>{g(void 0,t)},g=(t,o)=>{if(t&&t===l)return;clearTimeout(f),f=void 0;const{x:i,y:n}=e(o);if(l){if(L.has(l))throw new Error("internal error");l.classList.contains(s)||R(l,i,n),x(!0)}if(t){const e=L.get(t);e&&(clearTimeout(e),L.delete(t));const o=r(t)?0:a;t.classList.remove(s),f=setTimeout((()=>{R(t,i,n),f=void 0}),o)}l=t},R=(t,e,o)=>{u=Date.now(),t.classList.add(s);const i=v&&n(t);i&&i.addRipple&&(T(),m=i.addRipple(e,o))},T=()=>{void 0!==m&&(m.then((t=>t())),m=void 0)},x=t=>{T();const e=l;if(!e)return;const o=c-Date.now()+u;if(t&&o>0&&!r(e)){const t=setTimeout((()=>{e.classList.remove(s),L.delete(e)}),c);L.set(e,t)}else e.classList.remove(s)},y=document;y.addEventListener("ionGestureCaptured",b),y.addEventListener("touchstart",(e=>{p=t(e),w(e)}),!0),y.addEventListener("touchcancel",h,!0),y.addEventListener("touchend",h,!0),y.addEventListener("pointercancel",b,!0),y.addEventListener("mousedown",(e=>{if(2===e.button)return;const o=t(e)-d;p<o&&w(e)}),!0),y.addEventListener("mouseup",(e=>{const o=t(e)-d;p<o&&E(e)}),!0)},i=t=>{if(!t.composedPath)return t.target.closest(".ion-activatable");{const e=t.composedPath();for(let t=0;t<e.length-2;t++){const o=e[t];if(!(o instanceof ShadowRoot)&&o.classList.contains("ion-activatable"))return o}}},r=t=>t.classList.contains("ion-activatable-instant"),n=t=>{if(t.shadowRoot){const e=t.shadowRoot.querySelector("ion-ripple-effect");if(e)return e}return t.querySelector("ion-ripple-effect")},s="ion-activated",a=200,c=200,d=2500;export{o as startTapClick};
4
+ */const o=o=>{let l,m,f,u=10*-d,p=0;const v=o.getBoolean("animated",!0)&&o.getBoolean("rippleEffect",!0),L=new WeakMap,h=e=>{u=t(e),E(e)},b=()=>{f&&clearTimeout(f),f=void 0,l&&(y(!1),l=void 0)},w=t=>{l||g(i(t),t)},E=t=>{g(void 0,t)},g=(t,o)=>{if(t&&t===l)return;f&&clearTimeout(f),f=void 0;const{x:i,y:n}=e(o);if(l){if(L.has(l))throw new Error("internal error");l.classList.contains(s)||T(l,i,n),y(!0)}if(t){const e=L.get(t);e&&(clearTimeout(e),L.delete(t)),t.classList.remove(s);const o=()=>{T(t,i,n),f=void 0};r(t)?o():f=setTimeout(o,a)}l=t},T=(t,e,o)=>{if(p=Date.now(),t.classList.add(s),!v)return;const i=n(t);null!==i&&(x(),m=i.addRipple(e,o))},x=()=>{void 0!==m&&(m.then((t=>t())),m=void 0)},y=t=>{x();const e=l;if(!e)return;const o=c-Date.now()+p;if(t&&o>0&&!r(e)){const t=setTimeout((()=>{e.classList.remove(s),L.delete(e)}),c);L.set(e,t)}else e.classList.remove(s)},R=document;R.addEventListener("ionGestureCaptured",b),R.addEventListener("touchstart",(e=>{u=t(e),w(e)}),!0),R.addEventListener("touchcancel",h,!0),R.addEventListener("touchend",h,!0),R.addEventListener("pointercancel",b,!0),R.addEventListener("mousedown",(e=>{if(2===e.button)return;const o=t(e)-d;u<o&&w(e)}),!0),R.addEventListener("mouseup",(e=>{const o=t(e)-d;u<o&&E(e)}),!0)},i=t=>{if(void 0===t.composedPath)return t.target.closest(".ion-activatable");{const e=t.composedPath();for(let t=0;t<e.length-2;t++){const o=e[t];if(!(o instanceof ShadowRoot)&&o.classList.contains("ion-activatable"))return o}}},r=t=>t.classList.contains("ion-activatable-instant"),n=t=>{if(t.shadowRoot){const e=t.shadowRoot.querySelector("ion-ripple-effect");if(e)return e}return t.querySelector("ion-ripple-effect")},s="ion-activated",a=200,c=200,d=2500;export{o as startTapClick};
@@ -1,4 +1,4 @@
1
1
  import{a4 as e,a5 as t,a0 as o,a1 as n,Z as r,a6 as i,a7 as a,a8 as s}from"./index.esm2.js";import"react/jsx-runtime";import"events";import"react";import"office-ui-fabric-react";import"react-router-dom";import"react-is";import"styled-components";import"react-dom";import"office-ui-fabric-core/dist/css/fabric.css";import"office-ui-fabric-react/lib/common/DirectionalHint";import"react-dom/server";
2
2
  /*!
3
3
  * (C) Ionic http://ionicframework.com - MIT License
4
- */const d=new WeakMap,c=(e,t,o,n=0)=>{d.has(e)!==o&&(o?u(e,t,n):m(e,t))},l=e=>e===e.getRootNode().activeElement,u=(e,t,o)=>{const n=t.parentNode,r=t.cloneNode(!1);r.classList.add("cloned-input"),r.tabIndex=-1,n.appendChild(r),d.set(e,r);const i="rtl"===e.ownerDocument.dir?9999:-9999;e.style.pointerEvents="none",t.style.transform=`translate3d(${i}px,${o}px,0) scale(0)`},m=(e,t)=>{const o=d.get(e);o&&(d.delete(e),o.remove()),e.style.pointerEvents="",t.style.transform=""},f="input, textarea, [no-blur], [contenteditable]",p=(e,t,o,n)=>{const r=e.top,i=e.bottom,a=t.top,s=a+15,d=.75*Math.min(t.bottom,n-o)-i,c=s-r,l=Math.round(d<0?-d:c>0?-c:0),u=Math.min(l,r-a),m=Math.abs(u)/.3;return{scrollAmount:u,scrollDuration:Math.min(400,Math.max(150,m)),scrollPadding:o,inputSafeY:4-(r-s)}},v=async(e,t,o,n,r)=>{if(!o&&!n)return;const d=((e,t,o)=>{const n=e.closest("ion-item,[ion-item]")||e;return p(n.getBoundingClientRect(),t.getBoundingClientRect(),o,e.ownerDocument.defaultView.innerHeight)})(e,o||n,r);if(o&&Math.abs(d.scrollAmount)<4)t.focus();else if(c(e,t,!0,d.inputSafeY),t.focus(),i((()=>e.click())),"undefined"!=typeof window){let n;const r=async()=>{void 0!==n&&clearTimeout(n),window.removeEventListener("ionKeyboardDidShow",i),window.removeEventListener("ionKeyboardDidShow",r),o&&await s(o,0,d.scrollAmount,d.scrollDuration),c(e,t,!1,d.inputSafeY),t.focus()},i=()=>{window.removeEventListener("ionKeyboardDidShow",i),window.addEventListener("ionKeyboardDidShow",r)};if(o){const e=await a(o),s=e.scrollHeight-e.clientHeight;if(d.scrollAmount>s-e.scrollTop)return"password"===t.type?(d.scrollAmount+=50,window.addEventListener("ionKeyboardDidShow",i)):window.addEventListener("ionKeyboardDidShow",r),void(n=setTimeout(r,1e3))}r()}},w=(e,t,o)=>{if(t&&o){const n=t.x-o.x,r=t.y-o.y;return n*n+r*r>e*e}return!1},y=(e,t)=>{var n,r;if("INPUT"!==e.tagName)return;if(e.parentElement&&"ION-INPUT"===e.parentElement.tagName)return;if("ION-SEARCHBAR"===(null===(r=null===(n=e.parentElement)||void 0===n?void 0:n.parentElement)||void 0===r?void 0:r.tagName))return;const i=o(e);if(null===i)return;const a=i.$ionPaddingTimer;a&&clearTimeout(a),t>0?i.style.setProperty("--keyboard-offset",`${t}px`):i.$ionPaddingTimer=setTimeout((()=>{i.style.setProperty("--keyboard-offset","0px")}),120)},h=i=>{const a=document,s=i.getNumber("keyboardHeight",290),d=i.getBoolean("scrollAssist",!0),u=i.getBoolean("hideCaretOnScroll",!0),m=i.getBoolean("inputBlurring",!0),p=i.getBoolean("scrollPadding",!0),h=Array.from(a.querySelectorAll("ion-input, ion-textarea")),E=new WeakMap,g=new WeakMap,b=async i=>{await new Promise((e=>n(i,e)));const a=i.shadowRoot||i,m=a.querySelector("input")||a.querySelector("textarea"),f=o(i),p=f?null:i.closest("ion-footer");if(!m)return;if(f&&u&&!E.has(i)){const o=((o,n,r)=>{if(!r||!n)return()=>{};const i=e=>{l(n)&&c(o,n,e)},a=()=>c(o,n,!1),s=()=>i(!0),d=()=>i(!1);return t(r,"ionScrollStart",s),t(r,"ionScrollEnd",d),n.addEventListener("blur",a),()=>{e(r,"ionScrollStart",s),e(r,"ionScrollEnd",d),n.addEventListener("ionBlur",a)}})(i,m,f);E.set(i,o)}if(!("date"===m.type||"datetime-local"===m.type)&&(f||p)&&d&&!g.has(i)){const e=((e,t,o,n,i)=>{let a;const s=e=>{a=r(e)},d=s=>{if(!a)return;const d=r(s);w(6,a,d)||l(t)||v(e,t,o,n,i)};return e.addEventListener("touchstart",s,{capture:!0,passive:!0}),e.addEventListener("touchend",d,!0),()=>{e.removeEventListener("touchstart",s,!0),e.removeEventListener("touchend",d,!0)}})(i,m,f,p,s);g.set(i,e)}};m&&(()=>{let e=!0,o=!1;const n=document,r=()=>{o=!0},i=()=>{e=!0},a=t=>{if(o)return void(o=!1);const r=n.activeElement;if(!r)return;if(r.matches(f))return;const i=t.target;i!==r&&(i.matches(f)||i.closest(f)||(e=!1,setTimeout((()=>{e||r.blur()}),50)))};t(n,"ionScrollStart",r),n.addEventListener("focusin",i,!0),n.addEventListener("touchend",a,!1)})(),p&&(e=>{const t=document,o=t=>{y(t.target,e)},n=e=>{y(e.target,0)};t.addEventListener("focusin",o),t.addEventListener("focusout",n)})(s);for(const e of h)b(e);a.addEventListener("ionInputDidLoad",(e=>{b(e.detail)})),a.addEventListener("ionInputDidUnload",(e=>{(e=>{if(u){const t=E.get(e);t&&t(),E.delete(e)}if(d){const t=g.get(e);t&&t(),g.delete(e)}})(e.detail)}))};export{h as startInputShims};
4
+ */const d=new WeakMap,c=(e,t,o,n=0,r=!1)=>{d.has(e)!==o&&(o?u(e,t,n,r):m(e,t))},l=e=>e===e.getRootNode().activeElement,u=(e,t,o,n=!1)=>{const r=t.parentNode,i=t.cloneNode(!1);i.classList.add("cloned-input"),i.tabIndex=-1,n&&(i.disabled=!0),r.appendChild(i),d.set(e,i);const a="rtl"===e.ownerDocument.dir?9999:-9999;e.style.pointerEvents="none",t.style.transform=`translate3d(${a}px,${o}px,0) scale(0)`},m=(e,t)=>{const o=d.get(e);o&&(d.delete(e),o.remove()),e.style.pointerEvents="",t.style.transform=""},f="input, textarea, [no-blur], [contenteditable]",p=(e,t,o,n)=>{const r=e.top,i=e.bottom,a=t.top,s=a+15,d=.75*Math.min(t.bottom,n-o)-i,c=s-r,l=Math.round(d<0?-d:c>0?-c:0),u=Math.min(l,r-a),m=Math.abs(u)/.3;return{scrollAmount:u,scrollDuration:Math.min(400,Math.max(150,m)),scrollPadding:o,inputSafeY:4-(r-s)}},v=async(e,t,o,n,r,d=!1)=>{if(!o&&!n)return;const l=((e,t,o)=>{var n;const r=null!==(n=e.closest("ion-item,[ion-item]"))&&void 0!==n?n:e;return p(r.getBoundingClientRect(),t.getBoundingClientRect(),o,e.ownerDocument.defaultView.innerHeight)})(e,o||n,r);if(o&&Math.abs(l.scrollAmount)<4)t.focus();else if(c(e,t,!0,l.inputSafeY,d),t.focus(),i((()=>e.click())),"undefined"!=typeof window){let n;const r=async()=>{void 0!==n&&clearTimeout(n),window.removeEventListener("ionKeyboardDidShow",i),window.removeEventListener("ionKeyboardDidShow",r),o&&await s(o,0,l.scrollAmount,l.scrollDuration),c(e,t,!1,l.inputSafeY),t.focus()},i=()=>{window.removeEventListener("ionKeyboardDidShow",i),window.addEventListener("ionKeyboardDidShow",r)};if(o){const e=await a(o),s=e.scrollHeight-e.clientHeight;if(l.scrollAmount>s-e.scrollTop)return"password"===t.type?(l.scrollAmount+=50,window.addEventListener("ionKeyboardDidShow",i)):window.addEventListener("ionKeyboardDidShow",r),void(n=setTimeout(r,1e3))}r()}},w=(e,t,o)=>{if(t&&o){const n=t.x-o.x,r=t.y-o.y;return n*n+r*r>e*e}return!1},y=(e,t)=>{var n,r;if("INPUT"!==e.tagName)return;if(e.parentElement&&"ION-INPUT"===e.parentElement.tagName)return;if("ION-SEARCHBAR"===(null===(r=null===(n=e.parentElement)||void 0===n?void 0:n.parentElement)||void 0===r?void 0:r.tagName))return;const i=o(e);if(null===i)return;const a=i.$ionPaddingTimer;a&&clearTimeout(a),t>0?i.style.setProperty("--keyboard-offset",`${t}px`):i.$ionPaddingTimer=setTimeout((()=>{i.style.setProperty("--keyboard-offset","0px")}),120)},h=(i,a)=>{const s=document,d="ios"===a,u="android"===a,m=i.getNumber("keyboardHeight",290),p=i.getBoolean("scrollAssist",!0),h=i.getBoolean("hideCaretOnScroll",d),E=i.getBoolean("inputBlurring",d),g=i.getBoolean("scrollPadding",!0),b=Array.from(s.querySelectorAll("ion-input, ion-textarea")),S=new WeakMap,L=new WeakMap,x=async i=>{await new Promise((e=>n(i,e)));const a=i.shadowRoot||i,s=a.querySelector("input")||a.querySelector("textarea"),d=o(i),f=d?null:i.closest("ion-footer");if(!s)return;if(d&&h&&!S.has(i)){const o=((o,n,r)=>{if(!r||!n)return()=>{};const i=e=>{l(n)&&c(o,n,e)},a=()=>c(o,n,!1),s=()=>i(!0),d=()=>i(!1);return t(r,"ionScrollStart",s),t(r,"ionScrollEnd",d),n.addEventListener("blur",a),()=>{e(r,"ionScrollStart",s),e(r,"ionScrollEnd",d),n.removeEventListener("blur",a)}})(i,s,d);S.set(i,o)}if(!("date"===s.type||"datetime-local"===s.type)&&(d||f)&&p&&!L.has(i)){const e=((e,t,o,n,i,a=!1)=>{let s;const d=e=>{s=r(e)},c=d=>{if(!s)return;const c=r(d);w(6,s,c)||l(t)||v(e,t,o,n,i,a)};return e.addEventListener("touchstart",d,{capture:!0,passive:!0}),e.addEventListener("touchend",c,!0),()=>{e.removeEventListener("touchstart",d,!0),e.removeEventListener("touchend",c,!0)}})(i,s,d,f,m,u);L.set(i,e)}};E&&(()=>{let e=!0,o=!1;const n=document,r=()=>{o=!0},i=()=>{e=!0},a=t=>{if(o)return void(o=!1);const r=n.activeElement;if(!r)return;if(r.matches(f))return;const i=t.target;i!==r&&(i.matches(f)||i.closest(f)||(e=!1,setTimeout((()=>{e||r.blur()}),50)))};t(n,"ionScrollStart",r),n.addEventListener("focusin",i,!0),n.addEventListener("touchend",a,!1)})(),g&&(e=>{const t=document,o=t=>{y(t.target,e)},n=e=>{y(e.target,0)};t.addEventListener("focusin",o),t.addEventListener("focusout",n)})(m);for(const e of b)x(e);s.addEventListener("ionInputDidLoad",(e=>{x(e.detail)})),s.addEventListener("ionInputDidUnload",(e=>{(e=>{if(h){const t=S.get(e);t&&t(),S.delete(e)}if(p){const t=L.get(e);t&&t(),L.delete(e)}})(e.detail)}))};export{h as startInputShims};
@@ -1,4 +1,4 @@
1
1
  import{a9 as e,aa as t}from"./index.esm2.js";import"react/jsx-runtime";import"events";import"react";import"office-ui-fabric-react";import"react-router-dom";import"react-is";import"styled-components";import"react-dom";import"office-ui-fabric-core/dist/css/fabric.css";import"office-ui-fabric-react/lib/common/DirectionalHint";import"react-dom/server";
2
2
  /*!
3
3
  * (C) Ionic http://ionicframework.com - MIT License
4
- */const o=e=>document.querySelector(`${e}.ion-cloned-element`),r=e=>e.shadowRoot||e,n=e=>{const t="ION-TABS"===e.tagName?e:e.querySelector("ion-tabs"),o="ion-content ion-header:not(.header-collapse-condense-inactive) ion-title.title-large";if(null!=t){const e=t.querySelector("ion-tab:not(.tab-hidden), .ion-page:not(.ion-page-hidden)");return null!=e?e.querySelector(o):null}return e.querySelector(o)},a=(e,t)=>{const o="ION-TABS"===e.tagName?e:e.querySelector("ion-tabs");let r=[];if(null!=o){const e=o.querySelector("ion-tab:not(.tab-hidden), .ion-page:not(.ion-page-hidden)");null!=e&&(r=e.querySelectorAll("ion-buttons"))}else r=e.querySelectorAll("ion-buttons");for(const e of r){const o=e.closest("ion-header"),r=o&&!o.classList.contains("header-collapse-condense-inactive"),n=e.querySelector("ion-back-button"),a=e.classList.contains("buttons-collapse"),l="start"===e.slot||""===e.slot;if(null!==n&&l&&(a&&r&&t||!a))return n}return null},l=(t,n,a,l,s,i)=>{const c=n?`calc(100% - ${i.right+4}px)`:i.left-4+"px",d=n?"7px":"-7px",f=n?"-4px":"4px",m=n?"-4px":"4px",p=n?"right":"left",y=n?"left":"right",u=[{offset:0,opacity:0,transform:`translate3d(${d}, ${s.top-40}px, 0) scale(2.1)`},{offset:1,opacity:1,transform:`translate3d(${f}, ${i.top-46}px, 0) scale(1)`}],b=[{offset:0,opacity:1,transform:`translate3d(${f}, ${i.top-46}px, 0) scale(1)`},{offset:.6,opacity:0},{offset:1,opacity:0,transform:`translate3d(${d}, ${s.top-40}px, 0) scale(2.1)`}],S=a?b:u,$=[{offset:0,opacity:0,transform:`translate3d(${m}, ${i.top-41}px, 0) scale(0.6)`},{offset:1,opacity:1,transform:`translate3d(${m}, ${i.top-46}px, 0) scale(1)`}],g=[{offset:0,opacity:1,transform:`translate3d(${m}, ${i.top-46}px, 0) scale(1)`},{offset:.2,opacity:0,transform:`translate3d(${m}, ${i.top-41}px, 0) scale(0.6)`},{offset:1,opacity:0,transform:`translate3d(${m}, ${i.top-41}px, 0) scale(0.6)`}],x=a?g:$,T=e(),q=e(),h=o("ion-back-button"),X=r(h).querySelector(".button-text"),E=r(h).querySelector("ion-icon");h.text=l.text,h.mode=l.mode,h.icon=l.icon,h.color=l.color,h.disabled=l.disabled,h.style.setProperty("display","block"),h.style.setProperty("position","fixed"),q.addElement(E),T.addElement(X),T.beforeStyles({"transform-origin":`${p} center`}).beforeAddWrite((()=>{l.style.setProperty("display","none"),h.style.setProperty(p,c)})).afterAddWrite((()=>{l.style.setProperty("display",""),h.style.setProperty("display","none"),h.style.removeProperty(p)})).keyframes(S),q.beforeStyles({"transform-origin":`${y} center`}).keyframes(x),t.addAnimation([T,q])},s=(t,r,n,a,l,s)=>{const i=r?`calc(100% - ${l.right}px)`:`${l.left}px`,c=r?"-18px":"18px",d=r?"right":"left",f=[{offset:0,opacity:0,transform:`translate3d(${c}, ${s.top-4}px, 0) scale(0.49)`},{offset:.1,opacity:0},{offset:1,opacity:1,transform:`translate3d(0, ${l.top-2}px, 0) scale(1)`}],m=[{offset:0,opacity:.99,transform:`translate3d(0, ${l.top-2}px, 0) scale(1)`},{offset:.6,opacity:0},{offset:1,opacity:0,transform:`translate3d(${c}, ${s.top-4}px, 0) scale(0.5)`}],p=n?f:m,y=o("ion-title"),u=e();y.innerText=a.innerText,y.size=a.size,y.color=a.color,u.addElement(y),u.beforeStyles({"transform-origin":`${d} center`,height:"46px",display:"",position:"relative",[d]:i}).beforeAddWrite((()=>{a.style.setProperty("display","none")})).afterAddWrite((()=>{a.style.setProperty("display",""),y.style.setProperty("display","none")})).keyframes(p),t.addAnimation(u)},i=(o,i)=>{try{const c="cubic-bezier(0.32,0.72,0,1)",d="opacity",f="transform",m="0%",p=.8,y="rtl"===o.ownerDocument.dir,u=y?"-99.5%":"99.5%",b=y?"33%":"-33%",S=i.enteringEl,$=i.leavingEl,g="back"===i.direction,x=S.querySelector(":scope > ion-content"),T=S.querySelectorAll(":scope > ion-header > *:not(ion-toolbar), :scope > ion-footer > *"),q=S.querySelectorAll(":scope > ion-header > ion-toolbar"),h=e(),X=e();if(h.addElement(S).duration(i.duration||540).easing(i.easing||c).fill("both").beforeRemoveClass("ion-page-invisible"),$&&o){const t=e();t.addElement(o),h.addAnimation(t)}if(x||0!==q.length||0!==T.length?(X.addElement(x),X.addElement(T)):X.addElement(S.querySelector(":scope > .ion-page, :scope > ion-nav, :scope > ion-tabs")),h.addAnimation(X),g?X.beforeClearStyles([d]).fromTo("transform",`translateX(${b})`,`translateX(${m})`).fromTo(d,p,1):X.beforeClearStyles([d]).fromTo("transform",`translateX(${u})`,`translateX(${m})`),x){const t=r(x).querySelector(".transition-effect");if(t){const o=t.querySelector(".transition-cover"),r=t.querySelector(".transition-shadow"),n=e(),a=e(),l=e();n.addElement(t).beforeStyles({opacity:"1",display:"block"}).afterStyles({opacity:"",display:""}),a.addElement(o).beforeClearStyles([d]).fromTo(d,0,.1),l.addElement(r).beforeClearStyles([d]).fromTo(d,.03,.7),n.addAnimation([a,l]),X.addAnimation([n])}}const E=S.querySelector("ion-header.header-collapse-condense"),{forward:A,backward:v}=((e,t,o,r,i)=>{const c=a(r,o),d=n(i),f=n(r),m=a(i,o),p=null!==c&&null!==d&&!o,y=null!==f&&null!==m&&o;if(p){const r=d.getBoundingClientRect(),n=c.getBoundingClientRect();s(e,t,o,d,r,n),l(e,t,o,c,r,n)}else if(y){const r=f.getBoundingClientRect(),n=m.getBoundingClientRect();s(e,t,o,f,r,n),l(e,t,o,m,r,n)}return{forward:p,backward:y}})(h,y,g,S,$);if(q.forEach((t=>{const o=e();o.addElement(t),h.addAnimation(o);const n=e();n.addElement(t.querySelector("ion-title"));const a=e(),l=Array.from(t.querySelectorAll("ion-buttons,[menuToggle]")),s=t.closest("ion-header"),i=null==s?void 0:s.classList.contains("header-collapse-condense-inactive");let c;c=g?l.filter((e=>{const t=e.classList.contains("buttons-collapse");return t&&!i||!t})):l.filter((e=>!e.classList.contains("buttons-collapse"))),a.addElement(c);const f=e();f.addElement(t.querySelectorAll(":scope > *:not(ion-title):not(ion-buttons):not([menuToggle])"));const p=e();p.addElement(r(t).querySelector(".toolbar-background"));const S=e(),$=t.querySelector("ion-back-button");if($&&S.addElement($),o.addAnimation([n,a,f,p,S]),a.fromTo(d,.01,1),f.fromTo(d,.01,1),g)i||n.fromTo("transform",`translateX(${b})`,`translateX(${m})`).fromTo(d,.01,1),f.fromTo("transform",`translateX(${b})`,`translateX(${m})`),S.fromTo(d,.01,1);else{E||n.fromTo("transform",`translateX(${u})`,`translateX(${m})`).fromTo(d,.01,1),f.fromTo("transform",`translateX(${u})`,`translateX(${m})`),p.beforeClearStyles([d,"transform"]);if((null==s?void 0:s.translucent)?p.fromTo("transform",y?"translateX(-100%)":"translateX(100%)","translateX(0px)"):p.fromTo(d,.01,"var(--opacity)"),A||S.fromTo(d,.01,1),$&&!A){const t=e();t.addElement(r($).querySelector(".button-text")).fromTo("transform",y?"translateX(-100px)":"translateX(100px)","translateX(0px)"),o.addAnimation(t)}}})),$){const o=e(),n=$.querySelector(":scope > ion-content"),a=$.querySelectorAll(":scope > ion-header > ion-toolbar"),l=$.querySelectorAll(":scope > ion-header > *:not(ion-toolbar), :scope > ion-footer > *");if(n||0!==a.length||0!==l.length?(o.addElement(n),o.addElement(l)):o.addElement($.querySelector(":scope > .ion-page, :scope > ion-nav, :scope > ion-tabs")),h.addAnimation(o),g){o.beforeClearStyles([d]).fromTo("transform",`translateX(${m})`,y?"translateX(-100%)":"translateX(100%)");const e=t($);h.afterAddWrite((()=>{"normal"===h.getDirection()&&e.style.setProperty("display","none")}))}else o.fromTo("transform",`translateX(${m})`,`translateX(${b})`).fromTo(d,1,p);if(n){const t=r(n).querySelector(".transition-effect");if(t){const r=t.querySelector(".transition-cover"),n=t.querySelector(".transition-shadow"),a=e(),l=e(),s=e();a.addElement(t).beforeStyles({opacity:"1",display:"block"}).afterStyles({opacity:"",display:""}),l.addElement(r).beforeClearStyles([d]).fromTo(d,.1,0),s.addElement(n).beforeClearStyles([d]).fromTo(d,.7,.03),a.addAnimation([l,s]),o.addAnimation([a])}}a.forEach((t=>{const o=e();o.addElement(t);const n=e();n.addElement(t.querySelector("ion-title"));const a=e(),l=t.querySelectorAll("ion-buttons,[menuToggle]"),s=t.closest("ion-header"),i=null==s?void 0:s.classList.contains("header-collapse-condense-inactive"),c=Array.from(l).filter((e=>{const t=e.classList.contains("buttons-collapse");return t&&!i||!t}));a.addElement(c);const p=e(),u=t.querySelectorAll(":scope > *:not(ion-title):not(ion-buttons):not([menuToggle])");u.length>0&&p.addElement(u);const S=e();S.addElement(r(t).querySelector(".toolbar-background"));const $=e(),x=t.querySelector("ion-back-button");if(x&&$.addElement(x),o.addAnimation([n,a,p,$,S]),h.addAnimation(o),$.fromTo(d,.99,0),a.fromTo(d,.99,0),p.fromTo(d,.99,0),g){i||n.fromTo("transform",`translateX(${m})`,y?"translateX(-100%)":"translateX(100%)").fromTo(d,.99,0),p.fromTo("transform",`translateX(${m})`,y?"translateX(-100%)":"translateX(100%)"),S.beforeClearStyles([d,"transform"]);if((null==s?void 0:s.translucent)?S.fromTo("transform","translateX(0px)",y?"translateX(-100%)":"translateX(100%)"):S.fromTo(d,"var(--opacity)",0),x&&!v){const t=e();t.addElement(r(x).querySelector(".button-text")).fromTo("transform",`translateX(${m})`,`translateX(${(y?-124:124)+"px"})`),o.addAnimation(t)}}else i||n.fromTo("transform",`translateX(${m})`,`translateX(${b})`).fromTo(d,.99,0).afterClearStyles([f,d]),p.fromTo("transform",`translateX(${m})`,`translateX(${b})`).afterClearStyles([f,d]),$.afterClearStyles([d]),n.afterClearStyles([d]),a.afterClearStyles([d])}))}return h}catch(e){throw e}};export{i as iosTransitionAnimation,r as shadow};
4
+ */const o=e=>document.querySelector(`${e}.ion-cloned-element`),r=e=>e.shadowRoot||e,n=e=>{const t="ION-TABS"===e.tagName?e:e.querySelector("ion-tabs"),o="ion-content ion-header:not(.header-collapse-condense-inactive) ion-title.title-large";if(null!=t){const e=t.querySelector("ion-tab:not(.tab-hidden), .ion-page:not(.ion-page-hidden)");return null!=e?e.querySelector(o):null}return e.querySelector(o)},a=(e,t)=>{const o="ION-TABS"===e.tagName?e:e.querySelector("ion-tabs");let r=[];if(null!=o){const e=o.querySelector("ion-tab:not(.tab-hidden), .ion-page:not(.ion-page-hidden)");null!=e&&(r=e.querySelectorAll("ion-buttons"))}else r=e.querySelectorAll("ion-buttons");for(const e of r){const o=e.closest("ion-header"),r=o&&!o.classList.contains("header-collapse-condense-inactive"),n=e.querySelector("ion-back-button"),a=e.classList.contains("buttons-collapse"),l="start"===e.slot||""===e.slot;if(null!==n&&l&&(a&&r&&t||!a))return n}return null},l=(t,n,a,l,s,i)=>{const c=n?`calc(100% - ${i.right+4}px)`:i.left-4+"px",d=n?"7px":"-7px",f=n?"-4px":"4px",m=n?"-4px":"4px",p=n?"right":"left",y=n?"left":"right",u=[{offset:0,opacity:0,transform:`translate3d(${d}, ${s.top-40}px, 0) scale(2.1)`},{offset:1,opacity:1,transform:`translate3d(${f}, ${i.top-46}px, 0) scale(1)`}],b=[{offset:0,opacity:1,transform:`translate3d(${f}, ${i.top-46}px, 0) scale(1)`},{offset:.6,opacity:0},{offset:1,opacity:0,transform:`translate3d(${d}, ${s.top-40}px, 0) scale(2.1)`}],S=a?b:u,$=[{offset:0,opacity:0,transform:`translate3d(${m}, ${i.top-41}px, 0) scale(0.6)`},{offset:1,opacity:1,transform:`translate3d(${m}, ${i.top-46}px, 0) scale(1)`}],g=[{offset:0,opacity:1,transform:`translate3d(${m}, ${i.top-46}px, 0) scale(1)`},{offset:.2,opacity:0,transform:`translate3d(${m}, ${i.top-41}px, 0) scale(0.6)`},{offset:1,opacity:0,transform:`translate3d(${m}, ${i.top-41}px, 0) scale(0.6)`}],x=a?g:$,T=e(),q=e(),h=o("ion-back-button"),X=r(h).querySelector(".button-text"),E=r(h).querySelector("ion-icon");h.text=l.text,h.mode=l.mode,h.icon=l.icon,h.color=l.color,h.disabled=l.disabled,h.style.setProperty("display","block"),h.style.setProperty("position","fixed"),q.addElement(E),T.addElement(X),T.beforeStyles({"transform-origin":`${p} center`}).beforeAddWrite((()=>{l.style.setProperty("display","none"),h.style.setProperty(p,c)})).afterAddWrite((()=>{l.style.setProperty("display",""),h.style.setProperty("display","none"),h.style.removeProperty(p)})).keyframes(S),q.beforeStyles({"transform-origin":`${y} center`}).keyframes(x),t.addAnimation([T,q])},s=(t,r,n,a,l,s)=>{const i=r?`calc(100% - ${l.right}px)`:`${l.left}px`,c=r?"-18px":"18px",d=r?"right":"left",f=[{offset:0,opacity:0,transform:`translate3d(${c}, ${s.top-4}px, 0) scale(0.49)`},{offset:.1,opacity:0},{offset:1,opacity:1,transform:`translate3d(0, ${l.top-2}px, 0) scale(1)`}],m=[{offset:0,opacity:.99,transform:`translate3d(0, ${l.top-2}px, 0) scale(1)`},{offset:.6,opacity:0},{offset:1,opacity:0,transform:`translate3d(${c}, ${s.top-4}px, 0) scale(0.5)`}],p=n?f:m,y=o("ion-title"),u=e();y.innerText=a.innerText,y.size=a.size,y.color=a.color,u.addElement(y),u.beforeStyles({"transform-origin":`${d} center`,height:"46px",display:"",position:"relative",[d]:i}).beforeAddWrite((()=>{a.style.setProperty("display","none")})).afterAddWrite((()=>{a.style.setProperty("display",""),y.style.setProperty("display","none")})).keyframes(p),t.addAnimation(u)},i=(o,i)=>{var c;try{const d="cubic-bezier(0.32,0.72,0,1)",f="opacity",m="transform",p="0%",y=.8,u="rtl"===o.ownerDocument.dir,b=u?"-99.5%":"99.5%",S=u?"33%":"-33%",$=i.enteringEl,g=i.leavingEl,x="back"===i.direction,T=$.querySelector(":scope > ion-content"),q=$.querySelectorAll(":scope > ion-header > *:not(ion-toolbar), :scope > ion-footer > *"),h=$.querySelectorAll(":scope > ion-header > ion-toolbar"),X=e(),E=e();if(X.addElement($).duration((null!==(c=i.duration)&&void 0!==c?c:0)||540).easing(i.easing||d).fill("both").beforeRemoveClass("ion-page-invisible"),g&&null!=o){const t=e();t.addElement(o),X.addAnimation(t)}if(T||0!==h.length||0!==q.length?(E.addElement(T),E.addElement(q)):E.addElement($.querySelector(":scope > .ion-page, :scope > ion-nav, :scope > ion-tabs")),X.addAnimation(E),x?E.beforeClearStyles([f]).fromTo("transform",`translateX(${S})`,`translateX(${p})`).fromTo(f,y,1):E.beforeClearStyles([f]).fromTo("transform",`translateX(${b})`,`translateX(${p})`),T){const t=r(T).querySelector(".transition-effect");if(t){const o=t.querySelector(".transition-cover"),r=t.querySelector(".transition-shadow"),n=e(),a=e(),l=e();n.addElement(t).beforeStyles({opacity:"1",display:"block"}).afterStyles({opacity:"",display:""}),a.addElement(o).beforeClearStyles([f]).fromTo(f,0,.1),l.addElement(r).beforeClearStyles([f]).fromTo(f,.03,.7),n.addAnimation([a,l]),E.addAnimation([n])}}const A=$.querySelector("ion-header.header-collapse-condense"),{forward:v,backward:C}=((e,t,o,r,i)=>{const c=a(r,o),d=n(i),f=n(r),m=a(i,o),p=null!==c&&null!==d&&!o,y=null!==f&&null!==m&&o;if(p){const r=d.getBoundingClientRect(),n=c.getBoundingClientRect();s(e,t,o,d,r,n),l(e,t,o,c,r,n)}else if(y){const r=f.getBoundingClientRect(),n=m.getBoundingClientRect();s(e,t,o,f,r,n),l(e,t,o,m,r,n)}return{forward:p,backward:y}})(X,u,x,$,g);if(h.forEach((t=>{const o=e();o.addElement(t),X.addAnimation(o);const n=e();n.addElement(t.querySelector("ion-title"));const a=e(),l=Array.from(t.querySelectorAll("ion-buttons,[menuToggle]")),s=t.closest("ion-header"),i=null==s?void 0:s.classList.contains("header-collapse-condense-inactive");let c;c=x?l.filter((e=>{const t=e.classList.contains("buttons-collapse");return t&&!i||!t})):l.filter((e=>!e.classList.contains("buttons-collapse"))),a.addElement(c);const d=e();d.addElement(t.querySelectorAll(":scope > *:not(ion-title):not(ion-buttons):not([menuToggle])"));const m=e();m.addElement(r(t).querySelector(".toolbar-background"));const y=e(),$=t.querySelector("ion-back-button");if($&&y.addElement($),o.addAnimation([n,a,d,m,y]),a.fromTo(f,.01,1),d.fromTo(f,.01,1),x)i||n.fromTo("transform",`translateX(${S})`,`translateX(${p})`).fromTo(f,.01,1),d.fromTo("transform",`translateX(${S})`,`translateX(${p})`),y.fromTo(f,.01,1);else{A||n.fromTo("transform",`translateX(${b})`,`translateX(${p})`).fromTo(f,.01,1),d.fromTo("transform",`translateX(${b})`,`translateX(${p})`),m.beforeClearStyles([f,"transform"]);if((null==s?void 0:s.translucent)?m.fromTo("transform",u?"translateX(-100%)":"translateX(100%)","translateX(0px)"):m.fromTo(f,.01,"var(--opacity)"),v||y.fromTo(f,.01,1),$&&!v){const t=e();t.addElement(r($).querySelector(".button-text")).fromTo("transform",u?"translateX(-100px)":"translateX(100px)","translateX(0px)"),o.addAnimation(t)}}})),g){const o=e(),n=g.querySelector(":scope > ion-content"),a=g.querySelectorAll(":scope > ion-header > ion-toolbar"),l=g.querySelectorAll(":scope > ion-header > *:not(ion-toolbar), :scope > ion-footer > *");if(n||0!==a.length||0!==l.length?(o.addElement(n),o.addElement(l)):o.addElement(g.querySelector(":scope > .ion-page, :scope > ion-nav, :scope > ion-tabs")),X.addAnimation(o),x){o.beforeClearStyles([f]).fromTo("transform",`translateX(${p})`,u?"translateX(-100%)":"translateX(100%)");const e=t(g);X.afterAddWrite((()=>{"normal"===X.getDirection()&&e.style.setProperty("display","none")}))}else o.fromTo("transform",`translateX(${p})`,`translateX(${S})`).fromTo(f,1,y);if(n){const t=r(n).querySelector(".transition-effect");if(t){const r=t.querySelector(".transition-cover"),n=t.querySelector(".transition-shadow"),a=e(),l=e(),s=e();a.addElement(t).beforeStyles({opacity:"1",display:"block"}).afterStyles({opacity:"",display:""}),l.addElement(r).beforeClearStyles([f]).fromTo(f,.1,0),s.addElement(n).beforeClearStyles([f]).fromTo(f,.7,.03),a.addAnimation([l,s]),o.addAnimation([a])}}a.forEach((t=>{const o=e();o.addElement(t);const n=e();n.addElement(t.querySelector("ion-title"));const a=e(),l=t.querySelectorAll("ion-buttons,[menuToggle]"),s=t.closest("ion-header"),i=null==s?void 0:s.classList.contains("header-collapse-condense-inactive"),c=Array.from(l).filter((e=>{const t=e.classList.contains("buttons-collapse");return t&&!i||!t}));a.addElement(c);const d=e(),y=t.querySelectorAll(":scope > *:not(ion-title):not(ion-buttons):not([menuToggle])");y.length>0&&d.addElement(y);const b=e();b.addElement(r(t).querySelector(".toolbar-background"));const $=e(),g=t.querySelector("ion-back-button");if(g&&$.addElement(g),o.addAnimation([n,a,d,$,b]),X.addAnimation(o),$.fromTo(f,.99,0),a.fromTo(f,.99,0),d.fromTo(f,.99,0),x){i||n.fromTo("transform",`translateX(${p})`,u?"translateX(-100%)":"translateX(100%)").fromTo(f,.99,0),d.fromTo("transform",`translateX(${p})`,u?"translateX(-100%)":"translateX(100%)"),b.beforeClearStyles([f,"transform"]);if((null==s?void 0:s.translucent)?b.fromTo("transform","translateX(0px)",u?"translateX(-100%)":"translateX(100%)"):b.fromTo(f,"var(--opacity)",0),g&&!C){const t=e();t.addElement(r(g).querySelector(".button-text")).fromTo("transform",`translateX(${p})`,`translateX(${(u?-124:124)+"px"})`),o.addAnimation(t)}}else i||n.fromTo("transform",`translateX(${p})`,`translateX(${S})`).fromTo(f,.99,0).afterClearStyles([m,f]),d.fromTo("transform",`translateX(${p})`,`translateX(${S})`).afterClearStyles([m,f]),$.afterClearStyles([f]),n.afterClearStyles([f]),a.afterClearStyles([f])}))}return X}catch(e){throw e}};export{i as iosTransitionAnimation,r as shadow};
@@ -1,4 +1,4 @@
1
- import{aa as e,a9 as t}from"./index.esm2.js";import"react/jsx-runtime";import"events";import"react";import"office-ui-fabric-react";import"react-router-dom";import"react-is";import"styled-components";import"react-dom";import"office-ui-fabric-core/dist/css/fabric.css";import"office-ui-fabric-react/lib/common/DirectionalHint";import"react-dom/server";
1
+ import{aa as i,a9 as e}from"./index.esm2.js";import"react/jsx-runtime";import"events";import"react";import"office-ui-fabric-react";import"react-router-dom";import"react-is";import"styled-components";import"react-dom";import"office-ui-fabric-core/dist/css/fabric.css";import"office-ui-fabric-react/lib/common/DirectionalHint";import"react-dom/server";
2
2
  /*!
3
3
  * (C) Ionic http://ionicframework.com - MIT License
4
- */const i=(i,r)=>{const o="back"===r.direction,a=r.enteringEl,n=r.leavingEl,s=e(a),c=s.querySelector("ion-toolbar"),m=t();if(m.addElement(s).fill("both").beforeRemoveClass("ion-page-invisible"),o?m.duration(r.duration||200).easing("cubic-bezier(0.47,0,0.745,0.715)"):m.duration(r.duration||280).easing("cubic-bezier(0.36,0.66,0.04,1)").fromTo("transform","translateY(40px)","translateY(0px)").fromTo("opacity",.01,1),c){const e=t();e.addElement(c),m.addAnimation(e)}if(n&&o){m.duration(r.duration||200).easing("cubic-bezier(0.47,0,0.745,0.715)");const i=t();i.addElement(e(n)).onFinish((e=>{1===e&&i.elements.length>0&&i.elements[0].style.setProperty("display","none")})).fromTo("transform","translateY(0px)","translateY(40px)").fromTo("opacity",1,0),m.addAnimation(i)}return m};export{i as mdTransitionAnimation};
4
+ */const t=(t,o)=>{var r,a,n;const s="back"===o.direction,c=o.enteringEl,m=o.leavingEl,l=i(c),d=l.querySelector("ion-toolbar"),p=e();if(p.addElement(l).fill("both").beforeRemoveClass("ion-page-invisible"),s?p.duration((null!==(r=o.duration)&&void 0!==r?r:0)||200).easing("cubic-bezier(0.47,0,0.745,0.715)"):p.duration((null!==(a=o.duration)&&void 0!==a?a:0)||280).easing("cubic-bezier(0.36,0.66,0.04,1)").fromTo("transform","translateY(40px)","translateY(0px)").fromTo("opacity",.01,1),d){const i=e();i.addElement(d),p.addAnimation(i)}if(m&&s){p.duration((null!==(n=o.duration)&&void 0!==n?n:0)||200).easing("cubic-bezier(0.47,0,0.745,0.715)");const t=e();t.addElement(i(m)).onFinish((i=>{1===i&&t.elements.length>0&&t.elements[0].style.setProperty("display","none")})).fromTo("transform","translateY(0px)","translateY(40px)").fromTo("opacity",1,0),p.addAnimation(t)}return p};export{t as mdTransitionAnimation};
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@livetiles/reach-components-react",
3
3
  "description": "Provides React components to consume LiveTiles Reach data",
4
- "version": "0.5.0-preview.493",
4
+ "version": "0.5.0-preview.495",
5
5
  "peerDependencies": {
6
6
  "react": "^16.14.0 || ^17",
7
7
  "react-dom": "^16.14.0 || ^17",
package/swipe-back.esm.js CHANGED
@@ -1,4 +1,4 @@
1
- import{O as t,V as r,W as e}from"./index.esm2.js";import"react/jsx-runtime";import"events";import"react";import"office-ui-fabric-react";import"react-router-dom";import"react-is";import"styled-components";import"react-dom";import"office-ui-fabric-core/dist/css/fabric.css";import"office-ui-fabric-react/lib/common/DirectionalHint";import"react-dom/server";
1
+ import{S as t,V as r,W as e}from"./index.esm2.js";import"react/jsx-runtime";import"events";import"react";import"office-ui-fabric-react";import"react-router-dom";import"react-is";import"styled-components";import"react-dom";import"office-ui-fabric-core/dist/css/fabric.css";import"office-ui-fabric-react/lib/common/DirectionalHint";import"react-dom/server";
2
2
  /*!
3
3
  * (C) Ionic http://ionicframework.com - MIT License
4
- */const i=(i,o,c,n,a)=>{const s=i.ownerDocument.defaultView,m=t(i),p=t=>m?-t.deltaX:t.deltaX;return r({el:i,gestureName:"goback-swipe",gesturePriority:40,threshold:10,canStart:t=>(t=>{const{startX:r}=t;return m?r>=s.innerWidth-50:r<=50})(t)&&o(),onStart:c,onMove:t=>{const r=p(t)/s.innerWidth;n(r)},onEnd:t=>{const r=p(t),i=s.innerWidth,o=r/i,c=(t=>m?-t.velocityX:t.velocityX)(t),n=c>=0&&(c>.2||r>i/2),d=(n?1-o:o)*i;let f=0;if(d>5){const t=d/Math.abs(c);f=Math.min(t,540)}a(n,o<=0?.01:e(0,o,.9999),f)}})};export{i as createSwipeBackGesture};
4
+ */const o=(o,i,c,n,s)=>{const a=o.ownerDocument.defaultView;let m=t(o);const p=t=>m?-t.deltaX:t.deltaX;return r({el:o,gestureName:"goback-swipe",gesturePriority:40,threshold:10,canStart:r=>(m=t(o),(t=>{const{startX:r}=t;return m?r>=a.innerWidth-50:r<=50})(r)&&i()),onStart:c,onMove:t=>{const r=p(t)/a.innerWidth;n(r)},onEnd:t=>{const r=p(t),o=a.innerWidth,i=r/o,c=(t=>m?-t.velocityX:t.velocityX)(t),n=c>=0&&(c>.2||r>o/2),d=(n?1-i:i)*o;let f=0;if(d>5){const t=d/Math.abs(c);f=Math.min(t,540)}s(n,i<=0?.01:e(0,i,.9999),f)}})};export{o as createSwipeBackGesture};
@@ -1 +0,0 @@
1
- import{ab as e}from"./index.esm2.js";import"react/jsx-runtime";import"events";import"react";import"office-ui-fabric-react";import"react-router-dom";import"react-is";import"styled-components";import"react-dom";import"office-ui-fabric-core/dist/css/fabric.css";import"office-ui-fabric-react/lib/common/DirectionalHint";import"react-dom/server";function t(e,t){for(var a=0;a<t.length;a++){const n=t[a];if("string"!=typeof n&&!Array.isArray(n))for(const t in n)if("default"!==t&&!(t in e)){const a=Object.getOwnPropertyDescriptor(n,t);a&&Object.defineProperty(e,t,a.get?a:{enumerable:!0,get:()=>n[t]})}}return Object.freeze(Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}))}var a={exports:{}};window;const n=t({__proto__:null,default:e(a.exports=function(e){var t={};function a(n){if(t[n])return t[n].exports;var i=t[n]={i:n,l:!1,exports:{}};return e[n].call(i.exports,i,i.exports,a),i.l=!0,i.exports}return a.m=e,a.c=t,a.d=function(e,t,n){a.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:n})},a.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},a.t=function(e,t){if(1&t&&(e=a(e)),8&t||4&t&&"object"==typeof e&&e&&e.__esModule)return e;var n=Object.create(null);if(a.r(n),Object.defineProperty(n,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var i in e)a.d(n,i,function(t){return e[t]}.bind(null,i));return n},a.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return a.d(t,"a",t),t},a.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},a.p="",a(a.s=2)}([function(e,t,a){a.r(t);var n="function"==typeof fetch?fetch.bind():function(e,t){return t=t||{},new Promise((function(a,n){var i=new XMLHttpRequest;for(var r in i.open(t.method||"get",e,!0),t.headers)i.setRequestHeader(r,t.headers[r]);function o(){var e,t=[],a=[],n={};return i.getAllResponseHeaders().replace(/^(.*?):[^\S\n]*([\s\S]*?)$/gm,(function(i,r,o){t.push(r=r.toLowerCase()),a.push([r,o]),e=n[r],n[r]=e?e+","+o:o})),{ok:2==(i.status/100|0),status:i.status,statusText:i.statusText,url:i.responseURL,clone:o,text:function(){return Promise.resolve(i.responseText)},json:function(){return Promise.resolve(i.responseText).then(JSON.parse)},blob:function(){return Promise.resolve(new Blob([i.response]))},headers:{keys:function(){return t},entries:function(){return a},get:function(e){return n[e.toLowerCase()]},has:function(e){return e.toLowerCase()in n}}}}i.withCredentials="include"==t.credentials,i.onload=function(){a(o())},i.onerror=n,i.send(t.body)}))};t.default=n},function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0});var n=function(){function e(e,t){for(var a=0;a<t.length;a++){var n=t[a];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,n.key,n)}}return function(t,a,n){return a&&e(t.prototype,a),n&&e(t,n),t}}(),i=function(){function e(t,a){(function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")})(this,e),this.pluginName=t}return n(e,[{key:"track",value:function(e,t){window.analytics.track(e,t,{integration:{name:this.pluginName}})}}]),e}();t.default=i},function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.YouTubeAnalytics=t.VimeoAnalytics=void 0;var n=r(a(3)),i=r(a(4));function r(e){return e&&e.__esModule?e:{default:e}}t.VimeoAnalytics=n.default,t.YouTubeAnalytics=i.default},function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0});var n=function(){function e(e,t){for(var a=0;a<t.length;a++){var n=t[a];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,n.key,n)}}return function(t,a,n){return a&&e(t.prototype,a),n&&e(t,n),t}}(),i=r(a(0));function r(e){return e&&e.__esModule?e:{default:e}}var o=function(e){function t(e,a){!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,t);var n=function(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}(this,(t.__proto__||Object.getPrototypeOf(t)).call(this,"VimeoAnalytics"));return n.authToken=a,n.player=e,n.metadata={content:{},playback:{videoPlayer:"Vimeo"}},n.mostRecentHeartbeat=0,n.isPaused=!1,n}return function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}(t,e),n(t,[{key:"initialize",value:function(){var e=this,t={loaded:this.retrieveMetadata,play:this.trackPlay,pause:this.trackPause,ended:this.trackEnded,timeupdate:this.trackHeartbeat};for(var a in t)this.registerHandler(a,t[a]);this.player.getVideoId().then((function(t){e.retrieveMetadata({id:t})})).catch(console.error)}},{key:"registerHandler",value:function(e,t){var a=this;this.player.on(e,(function(e){a.updateMetadata(e),t.call(a,e)}))}},{key:"trackPlay",value:function(){this.isPaused?(this.track("Video Playback Resumed",this.metadata.playback),this.isPaused=!1):(this.track("Video Playback Started",this.metadata.playback),this.track("Video Content Started",this.metadata.content))}},{key:"trackEnded",value:function(){this.track("Video Playback Completed",this.metadata.playback),this.track("Video Content Completed",this.metadata.content)}},{key:"trackHeartbeat",value:function(){var e=this.mostRecentHeartbeat,t=this.metadata.playback.position;t!==e&&t-e>=10&&(this.track("Video Content Playing",this.metadata.content),this.mostRecentHeartbeat=Math.floor(t))}},{key:"trackPause",value:function(){this.isPaused=!0,this.track("Video Playback Paused",this.metadata.playback)}},{key:"retrieveMetadata",value:function(e){var t=this;return new Promise((function(a,n){var r=e.id;(0,i.default)("https://api.vimeo.com/videos/"+r,{headers:{Authorization:"Bearer "+t.authToken}}).then((function(e){return e.ok?e.json():n(e)})).then((function(e){t.metadata.content.title=e.name,t.metadata.content.description=e.description,t.metadata.content.publisher=e.user.name,t.metadata.playback.position=0,t.metadata.playback.totalLength=e.duration})).catch((function(e){return console.error("Request to Vimeo API Failed with: ",e),n(e)}))}))}},{key:"updateMetadata",value:function(e){var t=this;return new Promise((function(a,n){t.player.getVolume().then((function(n){n&&(t.metadata.playback.sound=100*n),t.metadata.playback.position=e.seconds,a()})).catch(n)}))}}]),t}(r(a(1)).default);t.default=o},function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0});var n=function(){function e(e,t){for(var a=0;a<t.length;a++){var n=t[a];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,n.key,n)}}return function(t,a,n){return a&&e(t.prototype,a),n&&e(t,n),t}}(),i=r(a(0));function r(e){return e&&e.__esModule?e:{default:e}}var o=function(e){function t(e,a){!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,t);var n=function(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}(this,(t.__proto__||Object.getPrototypeOf(t)).call(this,"YoutubeAnalytics"));return n.player=e,n.apiKey=a,n.playerLoaded=!1,n.playbackStarted=!1,n.contentStarted=!1,n.isPaused=!1,n.isBuffering=!1,n.isSeeking=!1,n.lastRecordedTime={timeReported:Date.now(),timeElapsed:0},n.metadata=[{playback:{video_player:"youtube"},content:{}}],n.playlistIndex=0,n}return function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}(t,e),n(t,[{key:"initialize",value:function(){window.segmentYoutubeOnStateChange=this.onPlayerStateChange.bind(this),window.segmentYoutubeOnReady=this.onPlayerReady.bind(this),this.player.addEventListener("onReady","segmentYoutubeOnReady"),this.player.addEventListener("onStateChange","segmentYoutubeOnStateChange")}},{key:"onPlayerReady",value:function(e){this.retrieveMetadata()}},{key:"onPlayerStateChange",value:function(e){var t=this.player.getCurrentTime();switch(this.metadata[this.playlistIndex]&&(this.metadata[this.playlistIndex].playback.position=this.metadata[this.playlistIndex].content.position=t,this.metadata[this.playlistIndex].playback.quality=this.player.getPlaybackQuality(),this.metadata[this.playlistIndex].playback.sound=this.player.isMuted()?0:this.player.getVolume()),e.data){case-1:if(this.playerLoaded)break;this.retrieveMetadata(),this.playerLoaded=!0;break;case YT.PlayerState.BUFFERING:this.handleBuffer();break;case YT.PlayerState.PLAYING:this.handlePlay();break;case YT.PlayerState.PAUSED:this.handlePause();break;case YT.PlayerState.ENDED:this.handleEnd()}this.lastRecordedTime={timeReported:Date.now(),timeElapsed:1e3*this.player.getCurrentTime()}}},{key:"retrieveMetadata",value:function(){var e=this;return new Promise((function(t,a){var n=e.player.getVideoData(),r=e.player.getPlaylist()||[n.video_id],o=r.join();(0,i.default)("https://www.googleapis.com/youtube/v3/videos?id="+o+"&part=snippet,contentDetails&key="+e.apiKey).then((function(e){if(!e.ok){var t=new Error("Segment request to Youtube API failed (likely due to a bad API Key. Events will still be sent but will not contain video metadata)");throw t.response=e,t}return e.json()})).then((function(a){e.metadata=[];for(var n=0,i=0;i<r.length;i++){var o=a.items[i];e.metadata.push({content:{title:o.snippet.title,description:o.snippet.description,keywords:o.snippet.tags,channel:o.snippet.channelTitle,airdate:o.snippet.publishedAt}}),n+=s(o.contentDetails.duration)}for(i=0;i<r.length;i++)e.metadata[i].playback={total_length:n,video_player:"youtube"};t()})).catch((function(t){e.metadata=r.map((function(e){return{playback:{video_player:"youtube"},content:{}}})),a(t)}))}))}},{key:"handleBuffer",value:function(){var e=this.determineSeek();this.playbackStarted||(this.playbackStarted=!0,this.track("Video Playback Started",this.metadata[this.playlistIndex].playback)),e&&!this.isSeeking&&(this.isSeeking=!0,this.track("Video Playback Seek Started",this.metadata[this.playlistIndex].playback)),this.isSeeking&&(this.track("Video Playback Seek Completed",this.metadata[this.playlistIndex].playback),this.isSeeking=!1);var t=this.player.getPlaylist();t&&0===this.player.getCurrentTime()&&this.player.getPlaylistIndex()!==this.playlistIndex&&(this.contentStarted=!1,this.playlistIndex===t.length-1&&0===this.player.getPlaylistIndex()&&(this.track("Video Playback Completed",this.metadata[this.player.getPlaylistIndex()].playback),this.track("Video Playback Started",this.metadata[this.player.getPlaylistIndex()].playback))),this.track("Video Playback Buffer Started",this.metadata[this.playlistIndex].playback),this.isBuffering=!0}},{key:"handlePlay",value:function(){this.contentStarted||(this.playlistIndex=this.player.getPlaylistIndex(),-1===this.playlistIndex&&(this.playlistIndex=0),this.track("Video Content Started",this.metadata[this.playlistIndex].content),this.contentStarted=!0),this.isBuffering&&(this.track("Video Playback Buffer Completed",this.metadata[this.playlistIndex].playback),this.isBuffering=!1),this.isPaused&&(this.track("Video Playback Resumed",this.metadata[this.playlistIndex].playback),this.isPaused=!1)}},{key:"handlePause",value:function(){var e=this.determineSeek();this.isBuffering&&(this.track("Video Playback Buffer Completed",this.metadata[this.playlistIndex].playback),this.isBuffering=!1),this.isPaused||(e?(this.track("Video Playback Seek Started",this.metadata[this.playlistIndex].playback),this.isSeeking=!0):(this.track("Video Playback Paused",this.metadata[this.playlistIndex].playback),this.isPaused=!0))}},{key:"handleEnd",value:function(){this.track("Video Content Completed",this.metadata[this.playlistIndex].content),this.contentStarted=!1;var e=this.player.getPlaylistIndex(),t=this.player.getPlaylist();(t&&e===t.length-1||-1===e)&&(this.track("Video Playback Completed",this.metadata[this.playlistIndex].playback),this.playbackStarted=!1)}},{key:"determineSeek",value:function(){var e=this.isPaused||this.isBuffering?0:Date.now()-this.lastRecordedTime.timeReported,t=1e3*this.player.getCurrentTime()-this.lastRecordedTime.timeElapsed;return Math.abs(e-t)>2e3}}]),t}(r(a(1)).default);function s(e){var t=e.match(/PT(\d+H)?(\d+M)?(\d+S)?/);return t=t.slice(1).map((function(e){if(null!=e)return e.replace(/\D/,"")})),3600*(parseInt(t[0])||0)+60*(parseInt(t[1])||0)+(parseInt(t[2])||0)}t.default=o}]))},[a.exports]);export{n as i};