@livetiles/reach-components-react 0.5.0-preview.1221 → 0.5.0-preview.1223

package/ios.transition.esm.js

@@ -1,4 +1,4 @@
-import{ac as e,ad as t}from"./index.esm2.js";import"react/jsx-runtime";import"styled-components";import"office-ui-fabric-react";import"react";import"react-router-dom";import"react-is";import"events";import"react-dom";import"office-ui-fabric-core/dist/css/fabric.css";import"office-ui-fabric-react/lib/common/DirectionalHint";import"react-dom/server";
+import{ag as e,ah as t}from"./index.esm2.js";import"react/jsx-runtime";import"styled-components";import"office-ui-fabric-react";import"react";import"react-router-dom";import"react-is";import"events";import"react-dom";import"office-ui-fabric-core/dist/css/fabric.css";import"office-ui-fabric-react/lib/common/DirectionalHint";import"react-dom/server";
 /*!
  * (C) Ionic http://ionicframework.com - MIT License
- */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};
+ */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(),h=e(),q=o("ion-back-button"),X=r(q).querySelector(".button-text"),E=r(q).querySelector("ion-icon");q.text=l.text,q.mode=l.mode,q.icon=l.icon,q.color=l.color,q.disabled=l.disabled,q.style.setProperty("display","block"),q.style.setProperty("position","fixed"),h.addElement(E),T.addElement(X),T.beforeStyles({"transform-origin":`${p} center`}).beforeAddWrite((()=>{l.style.setProperty("display","none"),q.style.setProperty(p,c)})).afterAddWrite((()=>{l.style.setProperty("display",""),q.style.setProperty("display","none"),q.style.removeProperty(p)})).keyframes(S),h.beforeStyles({"transform-origin":`${y} center`}).keyframes(x),t.addAnimation([T,h])},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"),h=$.querySelectorAll(":scope > ion-header > *:not(ion-toolbar), :scope > ion-footer > *"),q=$.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!==q.length||0!==h.length?(E.addElement(T),E.addElement(h)):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(q.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};

package/md.transition.esm.js

@@ -1,4 +1,4 @@
-import{ad as i,ac as e}from"./index.esm2.js";import"react/jsx-runtime";import"styled-components";import"office-ui-fabric-react";import"react";import"react-router-dom";import"react-is";import"events";import"react-dom";import"office-ui-fabric-core/dist/css/fabric.css";import"office-ui-fabric-react/lib/common/DirectionalHint";import"react-dom/server";
+import{ah as i,ag as e}from"./index.esm2.js";import"react/jsx-runtime";import"styled-components";import"office-ui-fabric-react";import"react";import"react-router-dom";import"react-is";import"events";import"react-dom";import"office-ui-fabric-core/dist/css/fabric.css";import"office-ui-fabric-react/lib/common/DirectionalHint";import"react-dom/server";
 /*!
  * (C) Ionic http://ionicframework.com - MIT License
- */const t=(t,o)=>{var r,a,n;const c="back"===o.direction,s=o.enteringEl,m=o.leavingEl,l=i(s),d=l.querySelector("ion-toolbar"),p=e();if(p.addElement(l).fill("both").beforeRemoveClass("ion-page-invisible"),c?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&&c){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};
+ */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

@@ -1,7 +1,7 @@
 {
   "name": "@livetiles/reach-components-react",
   "description": "Provides React components to consume LiveTiles Reach data",
-  "version": "0.5.0-preview.1221",
+  "version": "0.5.0-preview.1223",
   "peerDependencies": {
     "react": "^16.14.0 || ^17",
     "react-dom": "^16.14.0 || ^17",

package/web.esm.js

@@ -0,0 +1 @@
+import{ac as e,ad as t,ae as a,af as r}from"./index.esm2.js";import"react/jsx-runtime";import"styled-components";import"office-ui-fabric-react";import"react";import"react-router-dom";import"react-is";import"events";import"react-dom";import"office-ui-fabric-core/dist/css/fabric.css";import"office-ui-fabric-react/lib/common/DirectionalHint";import"react-dom/server";class i extends e{async getPhoto(e){return new Promise((async(a,r)=>{if(e.webUseInput||e.source===t.Photos)this.fileInputExperience(e,a);else if(e.source===t.Prompt){let t=document.querySelector("pwa-action-sheet");t||(t=document.createElement("pwa-action-sheet"),document.body.appendChild(t)),t.header=e.promptLabelHeader||"Photo",t.cancelable=!1,t.options=[{title:e.promptLabelPhoto||"From Photos"},{title:e.promptLabelPicture||"Take Picture"}],t.addEventListener("onSelection",(async t=>{0===t.detail?this.fileInputExperience(e,a):this.cameraExperience(e,a,r)}))}else this.cameraExperience(e,a,r)}))}async pickImages(e){return new Promise((async e=>{this.multipleFileInputExperience(e)}))}async cameraExperience(e,t,i){if(customElements.get("pwa-camera-modal")){const o=document.createElement("pwa-camera-modal");o.facingMode=e.direction===a.Front?"user":"environment",document.body.appendChild(o);try{await o.componentOnReady(),o.addEventListener("onPhoto",(async a=>{const n=a.detail;null===n?i(new r("User cancelled photos app")):n instanceof Error?i(n):t(await this._getCameraPhoto(n,e)),o.dismiss(),document.body.removeChild(o)})),o.present()}catch(a){this.fileInputExperience(e,t)}}else console.error("Unable to load PWA Element 'pwa-camera-modal'. See the docs: https://capacitorjs.com/docs/web/pwa-elements."),this.fileInputExperience(e,t)}fileInputExperience(e,r){let i=document.querySelector("#_capacitor-camera-input");const o=()=>{var e;null===(e=i.parentNode)||void 0===e||e.removeChild(i)};i||(i=document.createElement("input"),i.id="_capacitor-camera-input",i.type="file",i.hidden=!0,document.body.appendChild(i),i.addEventListener("change",(t=>{const a=i.files[0];let n="jpeg";if("image/png"===a.type?n="png":"image/gif"===a.type&&(n="gif"),"dataUrl"===e.resultType||"base64"===e.resultType){const t=new FileReader;t.addEventListener("load",(()=>{if("dataUrl"===e.resultType)r({dataUrl:t.result,format:n});else if("base64"===e.resultType){const e=t.result.split(",")[1];r({base64String:e,format:n})}o()})),t.readAsDataURL(a)}else r({webPath:URL.createObjectURL(a),format:n}),o()}))),i.accept="image/*",i.capture=!0,e.source===t.Photos||e.source===t.Prompt?i.removeAttribute("capture"):e.direction===a.Front?i.capture="user":e.direction===a.Rear&&(i.capture="environment"),i.click()}multipleFileInputExperience(e){let t=document.querySelector("#_capacitor-camera-input-multiple");t||(t=document.createElement("input"),t.id="_capacitor-camera-input-multiple",t.type="file",t.hidden=!0,t.multiple=!0,document.body.appendChild(t),t.addEventListener("change",(a=>{const r=[];for(let e=0;e<t.files.length;e++){const a=t.files[e];let i="jpeg";"image/png"===a.type?i="png":"image/gif"===a.type&&(i="gif"),r.push({webPath:URL.createObjectURL(a),format:i})}var i;e({photos:r}),null===(i=t.parentNode)||void 0===i||i.removeChild(t)}))),t.accept="image/*",t.click()}_getCameraPhoto(e,t){return new Promise(((a,r)=>{const i=new FileReader,o=e.type.split("/")[1];"uri"===t.resultType?a({webPath:URL.createObjectURL(e),format:o,saved:!1}):(i.readAsDataURL(e),i.onloadend=()=>{const e=i.result;"dataUrl"===t.resultType?a({dataUrl:e,format:o,saved:!1}):a({base64String:e.split(",")[1],format:o,saved:!1})},i.onerror=e=>{r(e)})}))}async checkPermissions(){if("undefined"==typeof navigator||!navigator.permissions)throw this.unavailable("Permissions API not available in this browser");try{return{camera:(await window.navigator.permissions.query({name:"camera"})).state,photos:"granted"}}catch(e){throw this.unavailable("Camera permissions are not available in this browser")}}async requestPermissions(){throw this.unimplemented("Not implemented on web.")}async pickLimitedLibraryPhotos(){throw this.unavailable("Not implemented on web.")}async getLimitedLibraryPhotos(){throw this.unavailable("Not implemented on web.")}}const o=new i;export{o as Camera,i as CameraWeb};

package/MemoryCache.d.ts

@@ -1,13 +0,0 @@
-import { Storage } from '@livetiles/reach/util/context';
-declare class MemoryStorage implements Storage {
-    private storage;
-    remove(key: string): Promise<void>;
-    clearAll(): Promise<void>;
-    getObject<T>(key: string): Promise<T>;
-    set<T>(key: string, value: T): Promise<void>;
-    getString(key: string): Promise<string>;
-    setString(key: string, value: string): Promise<void>;
-    getAllKeys(): Promise<string[]>;
-}
-export declare const memoryStorageInstance: MemoryStorage;
-export {};