@huluvu424242/honey-slideshow/dist/honey-slideshow/p-1682abfd.entry.js

Text to Speech component wich is reading texts from DOM elements.

import{r as o,c as i,h as t,H as r,g as e}from"./p-4a369965.js";import"./p-343e47ca.js";import"./p-71c4eb61.js";import{c as p}from"./p-6f73a4f7.js";import{d as s}from"./p-24519a44.js";import"./p-f3a0c163.js";import{g as n}from"./p-97eca155.js";import{B as a,p as c,a as v,d as h,e as d}from"./p-ffc92422.js";import{g as l}from"./p-5b51185b.js";import{a as m,d as x}from"./p-718ae824.js";const b=(o,i)=>{let t="top",r="left";const e=o.querySelector(".popover-content"),s=e.getBoundingClientRect(),n=s.width,a=s.height,c=o.ownerDocument.defaultView.innerWidth,v=o.ownerDocument.defaultView.innerHeight,h=i&&i.target&&i.target.getBoundingClientRect(),d=null!=h&&"top"in h?h.top:v/2-a/2,l=null!=h&&"left"in h?h.left:c/2,m=h&&h.width||0,x=h&&h.height||0,b=o.querySelector(".popover-arrow"),w=b.getBoundingClientRect(),u=w.width,g=w.height;null==h&&(b.style.display="none");const k={top:d+x,left:l+m/2-u/2},y={top:d+x+(g-1),left:l+m/2-n/2};let D=!1,P=!1;y.left<f+25?(D=!0,y.left=f):n+f+y.left+25>c&&(P=!0,y.left=c-n-f,r="right"),d+x+a>v&&d-a>0?(k.top=d-(g+1),y.top=d-a-(g-1),o.className=o.className+" popover-bottom",t="bottom"):d+x+a>v&&(e.style.bottom=f+"%"),b.style.top=k.top+"px",b.style.left=k.left+"px",e.style.top=y.top+"px",e.style.left=y.left+"px",D&&(e.style.left=`calc(${y.left}px + var(--ion-safe-area-left, 0px))`),P&&(e.style.left=`calc(${y.left}px - var(--ion-safe-area-right, 0px))`),e.style.transformOrigin=t+" "+r;const j=p(),W=p(),z=p();return W.addElement(o.querySelector("ion-backdrop")).fromTo("opacity",.01,"var(--backdrop-opacity)").beforeStyles({"pointer-events":"none"}).afterClearStyles(["pointer-events"]),z.addElement(o.querySelector(".popover-wrapper")).fromTo("opacity",.01,1),j.addElement(o).easing("ease").duration(100).addAnimation([W,z])},f=5,w=o=>{const i=p(),t=p(),r=p();return t.addElement(o.querySelector("ion-backdrop")).fromTo("opacity","var(--backdrop-opacity)",0),r.addElement(o.querySelector(".popover-wrapper")).fromTo("opacity",.99,0),i.addElement(o).easing("ease").duration(500).addAnimation([t,r])},u=(o,i)=>{const t=o.ownerDocument,r="rtl"===t.dir;let e="top",s=r?"right":"left";const n=o.querySelector(".popover-content"),a=n.getBoundingClientRect(),c=a.width,v=a.height,h=t.defaultView.innerWidth,d=t.defaultView.innerHeight,l=i&&i.target&&i.target.getBoundingClientRect(),m=null!=l&&"bottom"in l?l.bottom:d/2-v/2,x=l&&l.height||0,b={top:m,left:null!=l&&"left"in l?r?l.left-c+l.width:l.left:h/2-c/2};b.left<12?(b.left=12,s="left"):c+12+b.left>h&&(b.left=h-c-12,s="right"),m+x+v>d&&m-v>0?(b.top=m-v-x,o.className=o.className+" popover-bottom",e="bottom"):m+x+v>d&&(n.style.bottom="12px");const f=p(),w=p(),u=p(),g=p(),k=p();return w.addElement(o.querySelector("ion-backdrop")).fromTo("opacity",.01,"var(--backdrop-opacity)").beforeStyles({"pointer-events":"none"}).afterClearStyles(["pointer-events"]),u.addElement(o.querySelector(".popover-wrapper")).fromTo("opacity",.01,1),g.addElement(n).beforeStyles({top:b.top+"px",left:b.left+"px","transform-origin":`${e} ${s}`}).fromTo("transform","scale(0.001)","scale(1)"),k.addElement(o.querySelector(".popover-viewport")).fromTo("opacity",.01,1),f.addElement(o).easing("cubic-bezier(0.36,0.66,0.04,1)").duration(300).addAnimation([w,u,g,k])},g=o=>{const i=p(),t=p(),r=p();return t.addElement(o.querySelector("ion-backdrop")).fromTo("opacity","var(--backdrop-opacity)",0),r.addElement(o.querySelector(".popover-wrapper")).fromTo("opacity",.99,0),i.addElement(o).easing("ease").duration(500).addAnimation([t,r])},k=class{constructor(t){o(this,t),this.didPresent=i(this,"ionPopoverDidPresent",7),this.willPresent=i(this,"ionPopoverWillPresent",7),this.willDismiss=i(this,"ionPopoverWillDismiss",7),this.didDismiss=i(this,"ionPopoverDidDismiss",7),this.presented=!1,this.keyboardClose=!0,this.backdropDismiss=!0,this.showBackdrop=!0,this.translucent=!1,this.animated=!0,this.onDismiss=o=>{o.stopPropagation(),o.preventDefault(),this.dismiss()},this.onBackdropTap=()=>{this.dismiss(void 0,a)},this.onLifecycle=o=>{const i=this.usersElement,t=y[o.type];if(i&&t){const r=new CustomEvent(t,{bubbles:!1,cancelable:!1,detail:o.detail});i.dispatchEvent(r)}},c(this.el)}async present(){if(this.presented)return;const o=this.el.querySelector(".popover-content");if(!o)throw new Error("container is undefined");const i=Object.assign(Object.assign({},this.componentProps),{popover:this.el});return this.usersElement=await m(this.delegate,o,this.component,["popover-viewport",this.el["s-sc"]],i),await s(this.usersElement),v(this,"popoverEnter",b,u,this.event)}async dismiss(o,i){const t=await h(this,o,i,"popoverLeave",w,g,this.event);return t&&await x(this.delegate,this.usersElement),t}onDidDismiss(){return d(this.el,"ionPopoverDidDismiss")}onWillDismiss(){return d(this.el,"ionPopoverWillDismiss")}render(){const o=n(this),{onLifecycle:i}=this;return t(r,{"aria-modal":"true","no-router":!0,tabindex:"-1",style:{zIndex:""+(2e4+this.overlayIndex)},class:Object.assign(Object.assign({},l(this.cssClass)),{[o]:!0,"popover-translucent":this.translucent}),onIonPopoverDidPresent:i,onIonPopoverWillPresent:i,onIonPopoverWillDismiss:i,onIonPopoverDidDismiss:i,onIonDismiss:this.onDismiss,onIonBackdropTap:this.onBackdropTap},t("ion-backdrop",{tappable:this.backdropDismiss,visible:this.showBackdrop}),t("div",{class:"popover-wrapper"},t("div",{class:"popover-arrow"}),t("div",{class:"popover-content"})))}get el(){return e(this)}},y={ionPopoverDidPresent:"ionViewDidEnter",ionPopoverWillPresent:"ionViewWillEnter",ionPopoverWillDismiss:"ionViewWillLeave",ionPopoverDidDismiss:"ionViewDidLeave"};k.style={ios:'.sc-ion-popover-ios-h{--background:var(--ion-background-color, #fff);--min-width:0;--min-height:0;--max-width:auto;--height:auto;left:0;right:0;top:0;bottom:0;display:-ms-flexbox;display:flex;position:fixed;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;outline:none;color:var(--ion-text-color, #000);z-index:1001}.overlay-hidden.sc-ion-popover-ios-h{display:none}.popover-wrapper.sc-ion-popover-ios{opacity:0;z-index:10}.popover-content.sc-ion-popover-ios{display:-ms-flexbox;display:flex;position:absolute;-ms-flex-direction:column;flex-direction:column;width:var(--width);min-width:var(--min-width);max-width:var(--max-width);height:var(--height);min-height:var(--min-height);max-height:var(--max-height);background:var(--background);-webkit-box-shadow:var(--box-shadow);box-shadow:var(--box-shadow);overflow:auto;z-index:10}.popover-viewport.sc-ion-popover-ios{--ion-safe-area-top:0px;--ion-safe-area-right:0px;--ion-safe-area-bottom:0px;--ion-safe-area-left:0px}.sc-ion-popover-ios-h{--width:200px;--max-height:90%;--box-shadow:none;--backdrop-opacity:var(--ion-backdrop-opacity, 0.08)}.popover-content.sc-ion-popover-ios{border-radius:10px}.popover-arrow.sc-ion-popover-ios{display:block;position:absolute;width:20px;height:10px;overflow:hidden}.popover-arrow.sc-ion-popover-ios::after{left:3px;top:3px;border-radius:3px;position:absolute;width:14px;height:14px;-webkit-transform:rotate(45deg);transform:rotate(45deg);background:var(--background);content:"";z-index:10}[dir=rtl].sc-ion-popover-ios .popover-arrow.sc-ion-popover-ios::after,[dir=rtl].sc-ion-popover-ios-h .popover-arrow.sc-ion-popover-ios::after,[dir=rtl] .sc-ion-popover-ios-h .popover-arrow.sc-ion-popover-ios::after{left:unset;right:unset;right:3px}.popover-bottom.sc-ion-popover-ios-h .popover-arrow.sc-ion-popover-ios{top:auto;bottom:-10px}.popover-bottom.sc-ion-popover-ios-h .popover-arrow.sc-ion-popover-ios::after{top:-6px}@supports ((-webkit-backdrop-filter: blur(0)) or (backdrop-filter: blur(0))){.popover-translucent.sc-ion-popover-ios-h .popover-content.sc-ion-popover-ios,.popover-translucent.sc-ion-popover-ios-h .popover-arrow.sc-ion-popover-ios::after{background:rgba(var(--ion-background-color-rgb, 255, 255, 255), 0.8);-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px)}}',md:".sc-ion-popover-md-h{--background:var(--ion-background-color, #fff);--min-width:0;--min-height:0;--max-width:auto;--height:auto;left:0;right:0;top:0;bottom:0;display:-ms-flexbox;display:flex;position:fixed;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;outline:none;color:var(--ion-text-color, #000);z-index:1001}.overlay-hidden.sc-ion-popover-md-h{display:none}.popover-wrapper.sc-ion-popover-md{opacity:0;z-index:10}.popover-content.sc-ion-popover-md{display:-ms-flexbox;display:flex;position:absolute;-ms-flex-direction:column;flex-direction:column;width:var(--width);min-width:var(--min-width);max-width:var(--max-width);height:var(--height);min-height:var(--min-height);max-height:var(--max-height);background:var(--background);-webkit-box-shadow:var(--box-shadow);box-shadow:var(--box-shadow);overflow:auto;z-index:10}.popover-viewport.sc-ion-popover-md{--ion-safe-area-top:0px;--ion-safe-area-right:0px;--ion-safe-area-bottom:0px;--ion-safe-area-left:0px}.sc-ion-popover-md-h{--width:250px;--max-height:90%;--box-shadow:0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);--backdrop-opacity:var(--ion-backdrop-opacity, 0.32)}.popover-content.sc-ion-popover-md{border-radius:4px;-webkit-transform-origin:left top;transform-origin:left top}[dir=rtl].sc-ion-popover-md .popover-content.sc-ion-popover-md,[dir=rtl].sc-ion-popover-md-h .popover-content.sc-ion-popover-md,[dir=rtl] .sc-ion-popover-md-h .popover-content.sc-ion-popover-md{-webkit-transform-origin:right top;transform-origin:right top}.popover-viewport.sc-ion-popover-md{-webkit-transition-delay:100ms;transition-delay:100ms}"};export{k as ion_popover}