aptechka 0.82.1 → 0.82.3

package/lib/popover/index.cjs

@@ -1 +1 @@
-"use strict";var he=c=>{throw TypeError(c)};var se=(c,n,t)=>n.has(c)||he("Cannot "+t);var e=(c,n,t)=>(se(c,n,"read from private field"),t?t.call(c):n.get(c)),r=(c,n,t)=>n.has(c)?he("Cannot add the same private member more than once"):n instanceof WeakSet?n.add(c):n.set(c,t),o=(c,n,t,s)=>(se(c,n,"write to private field"),s?s.call(c,t):n.set(c,t),t),p=(c,n,t)=>(se(c,n,"access private method"),t);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const fe=require("../element-linked-store/index.cjs"),y=require("../css-property/index.cjs"),oe=require("../index-CKTweR3M.cjs"),W=require("../events-KVanG9sR.cjs"),ge=require("../function-MthRj-GJ.cjs"),le=require("../style-At6aDoqG.cjs");require("construct-style-sheets-polyfill");const ce=require("../url-CPgw9bd5.cjs"),ae=require("../window-resizer/index.cjs"),Z=require("../Viewport-Cx50Hufs.cjs");var f,w,ee,te;class ve{constructor(){r(this,f,new Map);r(this,w,[]);r(this,ee,n=>{var s;const t=[...e(this,w)].reverse().find(i=>i.clickOutside.current);if(t){const i=n.composedPath();if(i.find(Q=>Q instanceof HTMLElement&&Q.hasAttribute("data-popover-content")))return;const l=i[0],d=l instanceof Node&&(t.contains(l)||((s=t.shadowRoot)==null?void 0:s.contains(l))),L=l instanceof HTMLElement&&l.hasAttribute("data-outside");(!d||L)&&t.close()}});r(this,te,n=>{if(n.code==="Escape"){const t=[...e(this,w)].reverse().find(s=>s.escape.current);t&&t.close()}});document.documentElement.addEventListener("click",e(this,ee)),addEventListener("keydown",e(this,te))}get groups(){return e(this,f)}get stack(){return e(this,w)}add(n,t){if(t.closeRest.current)e(this,f).forEach(i=>{i.forEach(l=>{l.close()})});else if(t.closeRestInGroup.current){let i=e(this,f).get(n);i==null||i.forEach(l=>{l.close()})}let s=e(this,f).get(n);s!=null&&s.length||(s=[],e(this,f).set(n,s)),e(this,w).push(t),s.push(t)}remove(n,t){if(setTimeout(()=>{o(this,w,e(this,w).filter(s=>s!==t))}),t.closeRest.current){let s=[];e(this,f).forEach(i=>{i.forEach(l=>s.push(l))}),e(this,f).clear(),s.forEach(i=>i.close())}else if(t.closeRestInGroup.current){const s=e(this,f).get(n);e(this,f).delete(n),s==null||s.forEach(i=>{i.close()})}else{let s=e(this,f).get(n);s&&(s=s.filter(i=>i!==t),e(this,f).set(n,s))}}}f=new WeakMap,w=new WeakMap,ee=new WeakMap,te=new WeakMap;var v,B,H,R,G,m,T,P,q,$,b,V,O,k,E,z,a,M,D,u,ue,S,_,F,A,I,X,U;const C=class C extends HTMLElement{constructor(){super();r(this,u);r(this,v);r(this,B);r(this,H);r(this,R);r(this,G);r(this,m);r(this,T);r(this,P);r(this,q);r(this,$);r(this,b);r(this,V);r(this,O);r(this,k);r(this,E);r(this,z);r(this,a);r(this,M);r(this,D);r(this,F);r(this,A);r(this,I);r(this,X);r(this,U);this.urlValue="",o(this,v,!1),o(this,m,new y.CSSProperty(this,"--history",!1)),o(this,T,new y.CSSProperty(this,"--restore",!1)),o(this,P,new y.CSSProperty(this,"--dispatch-resize",!1)),o(this,q,new y.CSSProperty(this,"--close-rest",!1)),o(this,$,new y.CSSProperty(this,"--close-rest-in-group",!1)),o(this,b,new y.CSSProperty(this,"--group","")),o(this,V,new y.CSSProperty(this,"--click-outside",!1)),o(this,O,new y.CSSProperty(this,"--escape",!1)),o(this,k,new y.CSSProperty(this,"--check-viewport-bounds",!1)),o(this,E,!0),o(this,a,new fe.ElementLinkedStore(this,{triggered:!1,beforeopen:!1,opened:!1,closing:!1,transitionend:!1})),o(this,M,[]),o(this,D,[]),o(this,F,()=>{o(this,E,!1),e(this,v)&&e(this,m).current&&!location.search.includes(this.id)?this.close():!e(this,v)&&e(this,m).current&&location.search.includes(this.id)&&this.open({trigger:this.idWithValue}),o(this,E,!0)}),o(this,A,()=>{this.style.setProperty("--content-width","initial"),this.style.setProperty("--content-height","initial"),this.style.setProperty("--viewport-offset-x","0px"),this.style.setProperty("--viewport-offset-y","0px"),e(this,I).call(this)}),o(this,I,ge.debounce(()=>{e(this,X).call(this)},10)),o(this,X,()=>{if(this.style.setProperty("--content-width",this.scrollWidth+"px"),this.style.setProperty("--content-height",this.scrollHeight+"px"),e(this,k).current){const t=this.getBoundingClientRect();let s=0,i=0;t.right>Z.viewport.width?s=Z.viewport.width-t.right:t.left<0&&(s=t.left*-1),t.bottom>Z.viewport.height?i=Z.viewport.height-t.bottom:t.top<0&&(i=t.top*-1),this.style.setProperty("--viewport-offset-x",s+"px"),this.style.setProperty("--viewport-offset-y",i+"px")}}),o(this,U,()=>{this.close()}),e(this,b).subscribe(t=>{t.previous&&(C.stack.remove(t.previous,this),t.current||(document.documentElement.classList.remove(`${this.group.previous}-closing`),document.documentElement.classList.remove(`${this.group.previous}-opened`)))}),e(this,a).subscribe(t=>{if(this.group.current){document.documentElement.classList.toggle(`${this.group.current}-closing`,t.current.closing);const s=C.stack.groups.get(this.group.current),i=s==null?void 0:s.find(l=>l.opened);document.documentElement.classList.toggle(`${this.group.current}-opened`,!!i)}})}get openClass(){return this.getAttribute("data-open-global-class")}get closingClass(){return this.getAttribute("data-closing-global-class")}get history(){return e(this,m)}get restore(){return e(this,T)}get dispatchResize(){return e(this,P)}get closeRest(){return e(this,q)}get closeRestInGroup(){return e(this,$)}get group(){return e(this,b)}get clickOutside(){return e(this,V)}get escape(){return e(this,O)}get opened(){return e(this,v)}get lastTrigger(){return e(this,z)}get idWithValue(){return`${this.id}${this.urlValue?"="+this.urlValue:""}`}updateUrlValue(t){this.urlValue=(t==null?void 0:t.toString())||"",e(this,v)&&ce.updateSearchParameter(this.id,t)}open(t){if(e(this,v))return;o(this,z,t==null?void 0:t.trigger),clearTimeout(e(this,B)),clearTimeout(e(this,H)),p(this,u,S).call(this,!1,this.closingClass),e(this,a).set("closing",!1),e(this,a).set("triggered",!0),W.dispatchEvent(this,"popoverTriggered",{custom:!0,detail:{trigger:e(this,z)}}),e(this,m).current&&e(this,E)&&history.pushState(history.state,"",e(this,u,ue)),e(this,a).set("beforeopen",!0),o(this,v,!0);const s=()=>{C.stack.add(e(this,b).current,this),e(this,D).forEach(i=>{i.scroll({top:0,left:0,behavior:"instant"})}),p(this,u,S).call(this,!0,this.openClass),e(this,a).set("opened",!0),e(this,P).current?W.dispatchEvent(window,"resize",{custom:!0}):e(this,A).call(this),W.dispatchEvent(this,"popoverOpened",{custom:!0,detail:{trigger:e(this,z)},bubbles:!0}),o(this,R,void 0),o(this,G,setTimeout(()=>{e(this,a).set("transitionend",!0),W.dispatchEvent(this,"popoverTransitionend")},le.getElementTransitionDurationMS(this)+10))};t!=null&&t.skipTransition?s():o(this,R,requestAnimationFrame(s))}close(){e(this,v)&&(o(this,v,!1),cancelAnimationFrame(e(this,R)),clearTimeout(e(this,G)),C.stack.remove(e(this,b).current,this),p(this,u,_).call(this),o(this,B,setTimeout(()=>{e(this,a).set("transitionend",!1),e(this,a).set("opened",!1),e(this,a).set("closing",!0),p(this,u,S).call(this,!1,this.openClass),p(this,u,S).call(this,!0,this.closingClass),W.dispatchEvent(this,"popoverClosing",{custom:!0,bubbles:!0}),o(this,H,setTimeout(()=>{e(this,a).set("triggered",!1),e(this,a).set("beforeopen",!1),e(this,a).set("closing",!1),p(this,u,S).call(this,!1,this.closingClass),W.dispatchEvent(this,"popoverClosed",{custom:!0,bubbles:!0})},le.getElementTransitionDurationMS(this)+10))},10)))}connectedCallback(){o(this,M,[...this.querySelectorAll(`[data-popover-close${this.id?`="${this.id}"`:""}]`)]),e(this,M).forEach(t=>{t.addEventListener("click",e(this,U))}),o(this,D,[...this.querySelectorAll(`[data-popover-reset-scroll${this.id?`="${this.id}"`:""}]`)]),e(this,m).observe(),e(this,T).observe(),e(this,P).observe(),e(this,q).observe(),e(this,$).observe(),e(this,b).observe(),e(this,V).observe(),e(this,O).observe(),e(this,k).observe(),this.setAttribute("role","dialog"),addEventListener("popstate",e(this,F)),setTimeout(()=>{e(this,T).current?(o(this,E,!1),this.urlValue=ce.parseSearchParameters(location.search)[this.id],location.search.includes(this.id)&&this.open({trigger:this.idWithValue}),o(this,E,!0)):(p(this,u,_).call(this),o(this,E,!0))},0),e(this,k).subscribe(()=>{e(this,A).call(this)}),ae.windowResizer.subscribe(e(this,A))}disconnectedCallback(){e(this,M).forEach(t=>{t.removeEventListener("click",e(this,U))}),C.stack.remove(e(this,b).current,this),ae.windowResizer.unsubscribe(e(this,A)),e(this,m).close(),e(this,T).close(),e(this,P).close(),e(this,q).close(),e(this,$).close(),e(this,b).close(),e(this,V).close(),e(this,O).close(),e(this,k).close(),this.removeAttribute("role"),p(this,u,S).call(this,!1,this.openClass),p(this,u,S).call(this,!1,this.closingClass),clearTimeout(e(this,B)),clearTimeout(e(this,H)),clearTimeout(e(this,R)),clearTimeout(e(this,G)),removeEventListener("popstate",e(this,F)),this.style.removeProperty("--content-width"),this.style.removeProperty("--content-height"),this.style.removeProperty("--viewport-offset-x"),this.style.removeProperty("--viewport-offset-y"),p(this,u,_).call(this)}};v=new WeakMap,B=new WeakMap,H=new WeakMap,R=new WeakMap,G=new WeakMap,m=new WeakMap,T=new WeakMap,P=new WeakMap,q=new WeakMap,$=new WeakMap,b=new WeakMap,V=new WeakMap,O=new WeakMap,k=new WeakMap,E=new WeakMap,z=new WeakMap,a=new WeakMap,M=new WeakMap,D=new WeakMap,u=new WeakSet,ue=function(){return`${location.pathname}${location.search?location.search+"&":"?"}${this.idWithValue}`},S=function(t,s){s&&s.split(" ").map(i=>{document.documentElement.classList.toggle(i.trim(),t)})},_=function(){if(e(this,m).current){const t=new URL(location.href);t.searchParams.delete(this.id),history.replaceState(history.state,"",t.href)}},F=new WeakMap,A=new WeakMap,I=new WeakMap,X=new WeakMap,U=new WeakMap,C.stack=new ve;let j=C;oe.isBrowser&&!customElements.get("e-popover")&&customElements.define("e-popover",j);var h,g,x,ie,Y,J,K,N,re;class pe extends HTMLElement{constructor(){super();r(this,x);r(this,h);r(this,g,new y.CSSProperty(this,"--type","open"));r(this,Y,t=>{t.target===e(this,h)&&e(this,g).current!=="close"&&this.classList.add("triggered")});r(this,J,t=>{t.target===e(this,h)&&e(this,g).current!=="close"&&(this.classList.add("opened"),this.setAttribute("aria-expanded","true"))});r(this,K,t=>{t.target===e(this,h)&&e(this,g).current!=="close"&&this.classList.remove("opened")});r(this,N,t=>{t.target===e(this,h)&&e(this,g).current!=="close"&&(this.classList.remove("triggered"),this.setAttribute("aria-expanded","false"))});oe.isBrowser&&(this.addEventListener("click",()=>{if(e(this,h)){const t=e(this,g).current;t==="open"||t==="toggle"&&!e(this,h).opened?e(this,h).open({trigger:this}):(t==="close"||t==="toggle"&&e(this,h).opened)&&e(this,h).close()}}),this.addEventListener("keydown",t=>{t.code==="Space"&&!this.hasAttribute("keydown-disabled")&&(t.preventDefault(),this.click())}))}get type(){return e(this,g)}get popoverElement(){return e(this,h)}changePopover(t){var s;if(p(this,x,ie).call(this),t){let i=null;if(t==="parent"){const l=this.closest("[data-popover]");if(l)i=l;else{const d=this.getRootNode();d instanceof ShadowRoot?i=d.host.closest("[data-popover]"):d instanceof HTMLElement&&(i=d.closest("[data-popover]"))}}else if(t==="sibling")i=(s=this.parentElement)==null?void 0:s.querySelector("[data-popover]");else if(t==="ancestor-child"){const l=d=>{if(!d)return null;let L=d.querySelector("[data-popover]");return!L&&(d!=null&&d.parentElement)&&(L=l(d.parentElement)),L};i=l(this.parentElement)||null}else{let l=t;if(isNaN(parseInt(l))&&(!t.startsWith(".")&&!t.startsWith("[")&&!t.startsWith("#")&&(l=`#${t}`),i=document.querySelector(l)||this.getRootNode().querySelector(l)),!i){const L=[...document.querySelectorAll("[data-popover-ids]")].find(Q=>{var ne;return(ne=Q.getAttribute("data-popover-ids"))==null?void 0:ne.split(",").find(de=>de.trim()===t)});L&&(i=L)}}i instanceof HTMLElement?(o(this,h,i),e(this,h).addEventListener("popoverTriggered",e(this,Y)),e(this,h).addEventListener("popoverOpened",e(this,J)),e(this,h).addEventListener("popoverClosing",e(this,K)),e(this,h).addEventListener("popoverClosed",e(this,N))):console.warn(this,`target ${t} not found`)}p(this,x,re).call(this,e(this,g).current)}connectedCallback(){e(this,g).subscribe(s=>{p(this,x,re).call(this,s.current)}),this.hasAttribute("tabindex")||(this.tabIndex=0),this.hasAttribute("role")||this.setAttribute("role","button");const t=this.getAttribute("target");t&&this.changePopover(t),this.isConnected&&e(this,g).observe()}disconnectedCallback(){e(this,g).unobserve(),this.removeAttribute("aria-haspopup"),this.removeAttribute("aria-expanded"),this.removeAttribute("aria-controls"),this.removeAttribute("role"),this.removeAttribute("tabindex"),p(this,x,ie).call(this)}}h=new WeakMap,g=new WeakMap,x=new WeakSet,ie=function(){e(this,h)&&(e(this,h).removeEventListener("popoverTriggered",e(this,Y)),e(this,h).removeEventListener("popoverOpened",e(this,J)),e(this,h).removeEventListener("popoverClosing",e(this,K)),e(this,h).removeEventListener("popoverClosed",e(this,N)))},Y=new WeakMap,J=new WeakMap,K=new WeakMap,N=new WeakMap,re=function(t){e(this,h)instanceof j&&(t!=="close"?(this.setAttribute("aria-haspopup","true"),this.setAttribute("aria-expanded",e(this,h).opened?"true":"false"),this.setAttribute("aria-controls",e(this,h).id||"")):(this.removeAttribute("aria-haspopup"),this.removeAttribute("aria-expanded"),this.removeAttribute("aria-controls")))};oe.isBrowser&&!customElements.get("e-popover-button")&&customElements.define("e-popover-button",pe);exports.PopoverButtonElement=pe;exports.PopoverElement=j;
+"use strict";var he=c=>{throw TypeError(c)};var se=(c,n,t)=>n.has(c)||he("Cannot "+t);var e=(c,n,t)=>(se(c,n,"read from private field"),t?t.call(c):n.get(c)),r=(c,n,t)=>n.has(c)?he("Cannot add the same private member more than once"):n instanceof WeakSet?n.add(c):n.set(c,t),o=(c,n,t,s)=>(se(c,n,"write to private field"),s?s.call(c,t):n.set(c,t),t),p=(c,n,t)=>(se(c,n,"access private method"),t);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const y=require("../css-property/index.cjs"),Z=require("../Viewport-Cx50Hufs.cjs"),fe=require("../element-linked-store/index.cjs"),oe=require("../index-CKTweR3M.cjs"),W=require("../events-KVanG9sR.cjs"),ge=require("../function-MthRj-GJ.cjs"),le=require("../style-At6aDoqG.cjs");require("construct-style-sheets-polyfill");const ce=require("../url-CPgw9bd5.cjs"),ae=require("../window-resizer/index.cjs");var f,w,ee,te;class ve{constructor(){r(this,f,new Map);r(this,w,[]);r(this,ee,n=>{var s;const t=[...e(this,w)].reverse().find(i=>i.clickOutside.current);if(t){const i=n.composedPath();if(i.find(Q=>Q instanceof HTMLElement&&Q.hasAttribute("data-popover-content")))return;const l=i[0],d=l instanceof Node&&(t.contains(l)||((s=t.shadowRoot)==null?void 0:s.contains(l))),L=l instanceof HTMLElement&&l.hasAttribute("data-outside");(!d||L)&&t.close()}});r(this,te,n=>{if(n.code==="Escape"){const t=[...e(this,w)].reverse().find(s=>s.escape.current);t&&t.close()}});document.documentElement.addEventListener("click",e(this,ee)),addEventListener("keydown",e(this,te))}get groups(){return e(this,f)}get stack(){return e(this,w)}add(n,t){if(t.closeRest.current)e(this,f).forEach(i=>{i.forEach(l=>{l.close()})});else if(t.closeRestInGroup.current){let i=e(this,f).get(n);i==null||i.forEach(l=>{l.close()})}let s=e(this,f).get(n);s!=null&&s.length||(s=[],e(this,f).set(n,s)),e(this,w).push(t),s.push(t)}remove(n,t){if(setTimeout(()=>{o(this,w,e(this,w).filter(s=>s!==t))}),t.closeRest.current){let s=[];e(this,f).forEach(i=>{i.forEach(l=>s.push(l))}),e(this,f).clear(),s.forEach(i=>i.close())}else if(t.closeRestInGroup.current){const s=e(this,f).get(n);e(this,f).delete(n),s==null||s.forEach(i=>{i.close()})}else{let s=e(this,f).get(n);s&&(s=s.filter(i=>i!==t),e(this,f).set(n,s))}}}f=new WeakMap,w=new WeakMap,ee=new WeakMap,te=new WeakMap;var v,B,H,R,G,m,T,P,q,$,b,V,O,k,E,z,a,M,D,u,ue,S,_,F,A,I,X,U;const C=class C extends HTMLElement{constructor(){super();r(this,u);r(this,v);r(this,B);r(this,H);r(this,R);r(this,G);r(this,m);r(this,T);r(this,P);r(this,q);r(this,$);r(this,b);r(this,V);r(this,O);r(this,k);r(this,E);r(this,z);r(this,a);r(this,M);r(this,D);r(this,F);r(this,A);r(this,I);r(this,X);r(this,U);this.urlValue="",o(this,v,!1),o(this,m,new y.CSSProperty(this,"--history",!1)),o(this,T,new y.CSSProperty(this,"--restore",!1)),o(this,P,new y.CSSProperty(this,"--dispatch-resize",!1)),o(this,q,new y.CSSProperty(this,"--close-rest",!1)),o(this,$,new y.CSSProperty(this,"--close-rest-in-group",!1)),o(this,b,new y.CSSProperty(this,"--group","")),o(this,V,new y.CSSProperty(this,"--click-outside",!1)),o(this,O,new y.CSSProperty(this,"--escape",!1)),o(this,k,new y.CSSProperty(this,"--check-viewport-bounds",!1)),o(this,E,!0),o(this,a,new fe.ElementLinkedStore(this,{triggered:!1,beforeopen:!1,opened:!1,closing:!1,transitionend:!1})),o(this,M,[]),o(this,D,[]),o(this,F,()=>{o(this,E,!1),e(this,v)&&e(this,m).current&&!location.search.includes(this.id)?this.close():!e(this,v)&&e(this,m).current&&location.search.includes(this.id)&&this.open({trigger:this.idWithValue}),o(this,E,!0)}),o(this,A,()=>{this.style.setProperty("--content-width","initial"),this.style.setProperty("--content-height","initial"),this.style.setProperty("--viewport-offset-x","0px"),this.style.setProperty("--viewport-offset-y","0px"),e(this,I).call(this)}),o(this,I,ge.debounce(()=>{e(this,X).call(this)},10)),o(this,X,()=>{if(this.style.setProperty("--content-width",this.scrollWidth+"px"),this.style.setProperty("--content-height",this.scrollHeight+"px"),e(this,k).current){const t=this.getBoundingClientRect();let s=0,i=0;t.right>Z.viewport.width?s=Z.viewport.width-t.right:t.left<0&&(s=t.left*-1),t.bottom>Z.viewport.height?i=Z.viewport.height-t.bottom:t.top<0&&(i=t.top*-1),this.style.setProperty("--viewport-offset-x",s+"px"),this.style.setProperty("--viewport-offset-y",i+"px")}}),o(this,U,()=>{this.close()}),e(this,b).subscribe(t=>{t.previous&&(C.stack.remove(t.previous,this),t.current||(document.documentElement.classList.remove(`${this.group.previous}-closing`),document.documentElement.classList.remove(`${this.group.previous}-opened`)))}),e(this,a).subscribe(t=>{if(this.group.current){document.documentElement.classList.toggle(`${this.group.current}-closing`,t.current.closing);const s=C.stack.groups.get(this.group.current),i=s==null?void 0:s.find(l=>l.opened);document.documentElement.classList.toggle(`${this.group.current}-opened`,!!i)}})}get openClass(){return this.getAttribute("data-open-global-class")}get closingClass(){return this.getAttribute("data-closing-global-class")}get history(){return e(this,m)}get restore(){return e(this,T)}get dispatchResize(){return e(this,P)}get closeRest(){return e(this,q)}get closeRestInGroup(){return e(this,$)}get group(){return e(this,b)}get clickOutside(){return e(this,V)}get escape(){return e(this,O)}get opened(){return e(this,v)}get lastTrigger(){return e(this,z)}get idWithValue(){return`${this.id}${this.urlValue?"="+this.urlValue:""}`}updateUrlValue(t){this.urlValue=(t==null?void 0:t.toString())||"",e(this,v)&&ce.updateSearchParameter(this.id,t)}open(t){if(e(this,v))return;o(this,z,t==null?void 0:t.trigger),clearTimeout(e(this,B)),clearTimeout(e(this,H)),p(this,u,S).call(this,!1,this.closingClass),e(this,a).set("closing",!1),e(this,a).set("triggered",!0),W.dispatchEvent(this,"popoverTriggered",{custom:!0,detail:{trigger:e(this,z)}}),e(this,m).current&&e(this,E)&&history.pushState(history.state,"",e(this,u,ue)),e(this,a).set("beforeopen",!0),o(this,v,!0);const s=()=>{C.stack.add(e(this,b).current,this),e(this,D).forEach(i=>{i.scroll({top:0,left:0,behavior:"instant"})}),p(this,u,S).call(this,!0,this.openClass),e(this,a).set("opened",!0),e(this,P).current?W.dispatchEvent(window,"resize",{custom:!0}):e(this,A).call(this),W.dispatchEvent(this,"popoverOpened",{custom:!0,detail:{trigger:e(this,z)},bubbles:!0}),o(this,R,void 0),o(this,G,setTimeout(()=>{e(this,a).set("transitionend",!0),W.dispatchEvent(this,"popoverTransitionend")},le.getElementTransitionDurationMS(this)+10))};t!=null&&t.skipTransition?s():o(this,R,requestAnimationFrame(s))}close(){e(this,v)&&(o(this,v,!1),cancelAnimationFrame(e(this,R)),clearTimeout(e(this,G)),C.stack.remove(e(this,b).current,this),p(this,u,_).call(this),o(this,B,setTimeout(()=>{e(this,a).set("transitionend",!1),e(this,a).set("opened",!1),e(this,a).set("closing",!0),p(this,u,S).call(this,!1,this.openClass),p(this,u,S).call(this,!0,this.closingClass),W.dispatchEvent(this,"popoverClosing",{custom:!0,bubbles:!0}),o(this,H,setTimeout(()=>{e(this,a).set("triggered",!1),e(this,a).set("beforeopen",!1),e(this,a).set("closing",!1),p(this,u,S).call(this,!1,this.closingClass),W.dispatchEvent(this,"popoverClosed",{custom:!0,bubbles:!0})},le.getElementTransitionDurationMS(this)+10))},10)))}connectedCallback(){o(this,M,[...this.querySelectorAll(`[data-popover-close${this.id?`="${this.id}"`:""}]`)]),e(this,M).forEach(t=>{t.addEventListener("click",e(this,U))}),o(this,D,[...this.querySelectorAll(`[data-popover-reset-scroll${this.id?`="${this.id}"`:""}]`)]),e(this,m).observe(),e(this,T).observe(),e(this,P).observe(),e(this,q).observe(),e(this,$).observe(),e(this,b).observe(),e(this,V).observe(),e(this,O).observe(),e(this,k).observe(),this.setAttribute("role","dialog"),addEventListener("popstate",e(this,F)),setTimeout(()=>{e(this,T).current?(o(this,E,!1),this.urlValue=ce.parseSearchParameters(location.search)[this.id],location.search.includes(this.id)&&this.open({trigger:this.idWithValue}),o(this,E,!0)):(p(this,u,_).call(this),o(this,E,!0))},0),e(this,k).subscribe(()=>{e(this,A).call(this)}),ae.windowResizer.subscribe(e(this,A))}disconnectedCallback(){e(this,M).forEach(t=>{t.removeEventListener("click",e(this,U))}),C.stack.remove(e(this,b).current,this),ae.windowResizer.unsubscribe(e(this,A)),e(this,m).close(),e(this,T).close(),e(this,P).close(),e(this,q).close(),e(this,$).close(),e(this,b).close(),e(this,V).close(),e(this,O).close(),e(this,k).close(),this.removeAttribute("role"),p(this,u,S).call(this,!1,this.openClass),p(this,u,S).call(this,!1,this.closingClass),clearTimeout(e(this,B)),clearTimeout(e(this,H)),clearTimeout(e(this,R)),clearTimeout(e(this,G)),removeEventListener("popstate",e(this,F)),this.style.removeProperty("--content-width"),this.style.removeProperty("--content-height"),this.style.removeProperty("--viewport-offset-x"),this.style.removeProperty("--viewport-offset-y"),p(this,u,_).call(this)}};v=new WeakMap,B=new WeakMap,H=new WeakMap,R=new WeakMap,G=new WeakMap,m=new WeakMap,T=new WeakMap,P=new WeakMap,q=new WeakMap,$=new WeakMap,b=new WeakMap,V=new WeakMap,O=new WeakMap,k=new WeakMap,E=new WeakMap,z=new WeakMap,a=new WeakMap,M=new WeakMap,D=new WeakMap,u=new WeakSet,ue=function(){return`${location.pathname}${location.search?location.search+"&":"?"}${this.idWithValue}`},S=function(t,s){s&&s.split(" ").map(i=>{document.documentElement.classList.toggle(i.trim(),t)})},_=function(){if(e(this,m).current){const t=new URL(location.href);t.searchParams.delete(this.id),history.replaceState(history.state,"",t.href)}},F=new WeakMap,A=new WeakMap,I=new WeakMap,X=new WeakMap,U=new WeakMap,C.stack=new ve;let j=C;oe.isBrowser&&!customElements.get("e-popover")&&customElements.define("e-popover",j);var h,g,x,ie,Y,J,K,N,re;class pe extends HTMLElement{constructor(){super();r(this,x);r(this,h);r(this,g,new y.CSSProperty(this,"--type","open"));r(this,Y,t=>{t.target===e(this,h)&&e(this,g).current!=="close"&&this.classList.add("triggered")});r(this,J,t=>{t.target===e(this,h)&&e(this,g).current!=="close"&&(this.classList.add("opened"),this.setAttribute("aria-expanded","true"))});r(this,K,t=>{t.target===e(this,h)&&e(this,g).current!=="close"&&this.classList.remove("opened")});r(this,N,t=>{t.target===e(this,h)&&e(this,g).current!=="close"&&(this.classList.remove("triggered"),this.setAttribute("aria-expanded","false"))});oe.isBrowser&&(this.addEventListener("click",()=>{if(e(this,h)){const t=e(this,g).current;t==="open"||t==="toggle"&&!e(this,h).opened?e(this,h).open({trigger:this}):(t==="close"||t==="toggle"&&e(this,h).opened)&&e(this,h).close()}}),this.addEventListener("keydown",t=>{t.code==="Space"&&!this.hasAttribute("keydown-disabled")&&(t.preventDefault(),this.click())}))}get type(){return e(this,g)}get popoverElement(){return e(this,h)}changePopover(t){var s;if(p(this,x,ie).call(this),t){let i=null;if(t==="parent"){const l=this.closest("[data-popover]");if(l)i=l;else{const d=this.getRootNode();d instanceof ShadowRoot?i=d.host.closest("[data-popover]"):d instanceof HTMLElement&&(i=d.closest("[data-popover]"))}}else if(t==="sibling")i=(s=this.parentElement)==null?void 0:s.querySelector("[data-popover]");else if(t==="ancestor-child"){const l=d=>{if(!d)return null;let L=d.querySelector("[data-popover]");return!L&&(d!=null&&d.parentElement)&&(L=l(d.parentElement)),L};i=l(this.parentElement)||null}else{let l=t;if(isNaN(parseInt(l))&&(!t.startsWith(".")&&!t.startsWith("[")&&!t.startsWith("#")&&(l=`#${t}`),i=document.querySelector(l)||this.getRootNode().querySelector(l)),!i){const L=[...document.querySelectorAll("[data-popover-ids]")].find(Q=>{var ne;return(ne=Q.getAttribute("data-popover-ids"))==null?void 0:ne.split(",").find(de=>de.trim()===t)});L&&(i=L)}}i instanceof HTMLElement?(o(this,h,i),e(this,h).addEventListener("popoverTriggered",e(this,Y)),e(this,h).addEventListener("popoverOpened",e(this,J)),e(this,h).addEventListener("popoverClosing",e(this,K)),e(this,h).addEventListener("popoverClosed",e(this,N))):console.warn(this,`target ${t} not found`)}p(this,x,re).call(this,e(this,g).current)}connectedCallback(){e(this,g).subscribe(s=>{p(this,x,re).call(this,s.current)}),this.hasAttribute("tabindex")||(this.tabIndex=0),this.hasAttribute("role")||this.setAttribute("role","button");const t=this.getAttribute("target");t&&this.changePopover(t),this.isConnected&&e(this,g).observe()}disconnectedCallback(){e(this,g).unobserve(),this.removeAttribute("aria-haspopup"),this.removeAttribute("aria-expanded"),this.removeAttribute("aria-controls"),this.removeAttribute("role"),this.removeAttribute("tabindex"),p(this,x,ie).call(this)}}h=new WeakMap,g=new WeakMap,x=new WeakSet,ie=function(){e(this,h)&&(e(this,h).removeEventListener("popoverTriggered",e(this,Y)),e(this,h).removeEventListener("popoverOpened",e(this,J)),e(this,h).removeEventListener("popoverClosing",e(this,K)),e(this,h).removeEventListener("popoverClosed",e(this,N)))},Y=new WeakMap,J=new WeakMap,K=new WeakMap,N=new WeakMap,re=function(t){e(this,h)instanceof j&&(t!=="close"?(this.setAttribute("aria-haspopup","true"),this.setAttribute("aria-expanded",e(this,h).opened?"true":"false"),this.setAttribute("aria-controls",e(this,h).id||"")):(this.removeAttribute("aria-haspopup"),this.removeAttribute("aria-expanded"),this.removeAttribute("aria-controls")))};oe.isBrowser&&!customElements.get("e-popover-button")&&customElements.define("e-popover-button",pe);exports.PopoverButtonElement=pe;exports.PopoverElement=j;

package/lib/popover/index.js

@@ -3,8 +3,9 @@ var nt = (c) => {
 };
 var st = (c, h, e) => h.has(c) || nt("Cannot " + e);
 var t = (c, h, e) => (st(c, h, "read from private field"), e ? e.call(c) : h.get(c)), r = (c, h, e) => h.has(c) ? nt("Cannot add the same private member more than once") : h instanceof WeakSet ? h.add(c) : h.set(c, e), o = (c, h, e, s) => (st(c, h, "write to private field"), s ? s.call(c, e) : h.set(c, e), e), p = (c, h, e) => (st(c, h, "access private method"), e);
-import { ElementLinkedStore as pt } from "../element-linked-store/index.js";
 import { CSSProperty as E } from "../css-property/index.js";
+import { v as Q } from "../Viewport-DGnJ31b4.js";
+import { ElementLinkedStore as pt } from "../element-linked-store/index.js";
 import { i as ot } from "../index-LReFyN6i.js";
 import { d as W } from "../events-CsVF98U6.js";
 import { d as dt } from "../function-C10DGppn.js";
@@ -12,7 +13,6 @@ import { g as lt } from "../style-j2TwriJ_.js";
 import "construct-style-sheets-polyfill";
 import { u as ft, p as gt } from "../url-DAl-mgbC.js";
 import { windowResizer as ct } from "../window-resizer/index.js";
-import { v as Q } from "../Viewport-DGnJ31b4.js";
 var f, w, tt, et;
 class mt {
   constructor() {
@@ -221,9 +221,12 @@ const k = class k extends HTMLElement {
           trigger: t(this, z)
         },
         bubbles: !0
-      }), o(this, R, void 0), o(this, B, setTimeout(() => {
-        t(this, a).set("transitionend", !0), W(this, "popoverTransitionend");
-      }, lt(this) + 10));
+      }), o(this, R, void 0), o(this, B, setTimeout(
+        () => {
+          t(this, a).set("transitionend", !0), W(this, "popoverTransitionend");
+        },
+        lt(this) + 10
+      ));
     };
     e != null && e.skipTransition ? s() : o(this, R, requestAnimationFrame(s));
   }
@@ -232,12 +235,15 @@ const k = class k extends HTMLElement {
       t(this, a).set("transitionend", !1), t(this, a).set("opened", !1), t(this, a).set("closing", !0), p(this, u, T).call(this, !1, this.openClass), p(this, u, T).call(this, !0, this.closingClass), W(this, "popoverClosing", {
         custom: !0,
         bubbles: !0
-      }), o(this, G, setTimeout(() => {
-        t(this, a).set("triggered", !1), t(this, a).set("beforeopen", !1), t(this, a).set("closing", !1), p(this, u, T).call(this, !1, this.closingClass), W(this, "popoverClosed", {
-          custom: !0,
-          bubbles: !0
-        });
-      }, lt(this) + 10));
+      }), o(this, G, setTimeout(
+        () => {
+          t(this, a).set("triggered", !1), t(this, a).set("beforeopen", !1), t(this, a).set("closing", !1), p(this, u, T).call(this, !1, this.closingClass), W(this, "popoverClosed", {
+            custom: !0,
+            bubbles: !0
+          });
+        },
+        lt(this) + 10
+      ));
     }, 10)));
   }
   connectedCallback() {

package/lib/slicer/index.cjs

@@ -1 +1 @@
-"use strict";var O=n=>{throw TypeError(n)};var C=(n,e,s)=>e.has(n)||O("Cannot "+s);var t=(n,e,s)=>(C(n,e,"read from private field"),s?s.call(n):e.get(n)),r=(n,e,s)=>e.has(n)?O("Cannot add the same private member more than once"):e instanceof WeakSet?e.add(n):e.set(n,s),o=(n,e,s,p)=>(C(n,e,"write to private field"),p?p.call(n,s):e.set(n,s),s),m=(n,e,s)=>(C(n,e,"access private method"),s);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const k=require("../media/index.cjs"),q=require("../index-CKTweR3M.cjs");require("construct-style-sheets-polyfill");var y,d;class F{constructor(e){r(this,y);r(this,d);o(this,y,e.index),o(this,d,document.createElement("span")),t(this,d).classList.add("letter"),e.clone?t(this,d).innerHTML=`<span class="original"><span class="value">${e.text}</span></span><span class="clone" aria-hidden><span class="value">${e.text}</span></span>`:t(this,d).innerHTML=`<span class="original"><span class="value">${e.text}</span></span>`}get index(){return t(this,y)}get element(){return t(this,d)}}y=new WeakMap,d=new WeakMap;var L,h,g,E;class S{constructor(e){r(this,L);r(this,h);r(this,g);r(this,E);if(o(this,L,e.index),o(this,h,document.createElement("span")),o(this,g,[]),o(this,E,e.text.endsWith("\\n")),t(this,E)&&(e.text=e.text.replace("\\n","")),e.letters&&e.lettersAcc!==void 0){let s=0;const p=e.text.split("").map(c=>{if(c!==" ")return new F({index:e.lettersAcc+s++,text:c,clone:e.clone})});o(this,g,p.filter(c=>c instanceof F)),t(this,h).append(...t(this,g).map(c=>c.element))}else e.clone?t(this,h).innerHTML=`<span class="original"><span class="value">${e.text}</span></span><span class="clone" aria-hidden><span class="value">${e.text}</span></span>`:t(this,h).innerHTML=`<span class="original"><span class="value">${e.text}</span></span>`;t(this,h).classList.add("word")}get index(){return t(this,L)}get element(){return t(this,h)}get letters(){return t(this,g)}get hasNewLine(){return t(this,E)}}L=new WeakMap,h=new WeakMap,g=new WeakMap,E=new WeakMap;var N,a,x,T,u,H,D;class P extends HTMLElement{constructor(){super(...arguments);r(this,u);r(this,N,"");r(this,a,[]);r(this,x,[]);r(this,T,null)}get wordsArray(){return t(this,a)}get lettersArray(){return t(this,x)}get originalHTML(){return t(this,N)}connectedCallback(){this.classList.contains("splitted")||(o(this,N,this.innerHTML.trim()),this.hasAttribute("media")?(o(this,T,new k.Media(this.getAttribute("media"))),t(this,T).subscribe(s=>{s.current?m(this,u,H).call(this):!s.current&&s.previous&&m(this,u,D).call(this)})):m(this,u,H).call(this),this.classList.add("splitted"))}disconnectedCallback(){var s;m(this,u,D).call(this),(s=t(this,T))==null||s.close()}}N=new WeakMap,a=new WeakMap,x=new WeakMap,T=new WeakMap,u=new WeakSet,H=function(){const s=[];o(this,a,[]);let p=0,c=0;const $=i=>{var f;const l=(f=i.textContent)==null?void 0:f.trim();if(!l)return document.createDocumentFragment();const A=document.createDocumentFragment();return l.replace(/[\s\u00A0\u1680\u2000-\u200F\u2028\u2029\u202F\u205F\u3000\uFEFF]+/g," ").split(" ").forEach((M,b,v)=>{if(!M)return;const w=new S({index:p,text:M+(b<v.length-1?" ":""),letters:this.hasAttribute("letters"),lettersAcc:c,clone:this.hasAttribute("clone")});c+=w.letters.length,p+=1,t(this,x).push(...w.letters),t(this,a).push(w),A.appendChild(w.element)}),A},_=i=>{if(i.nodeType===Node.TEXT_NODE)return $(i);if(i.nodeType===Node.ELEMENT_NODE){const l=i.cloneNode(!1);return Array.from(i.childNodes).forEach(A=>{const f=_(A);f&&(f.nodeType===Node.DOCUMENT_FRAGMENT_NODE?Array.from(f.childNodes).forEach((M,b,v)=>{l.append(M),b!==v.length-1&&l.append(new Text(" "))}):l.appendChild(f))}),l}return i.cloneNode()};Array.from(this.childNodes).forEach(i=>{const l=_(i);l.nodeType===Node.DOCUMENT_FRAGMENT_NODE?s.push(...Array.from(l.childNodes)):s.push(l)}),this.hasAttribute("index")&&(t(this,a).forEach(i=>{i.element.style.setProperty("--word-index",i.index.toString())}),t(this,x).forEach(i=>{i.element.style.setProperty("--letter-index",i.index.toString())})),this.innerHTML="",s.forEach((i,l)=>{this.appendChild(i),l<s.length-1&&i.nodeType===Node.ELEMENT_NODE&&this.appendChild(new Text(" "))}),this.style.setProperty("--words-length",t(this,a).length.toString()),this.style.setProperty("--letters-length",t(this,x).length.toString())},D=function(){o(this,a,[]),this.innerHTML=t(this,N),this.style.removeProperty("--words-length"),this.style.removeProperty("--letters-length")};q.isBrowser&&!customElements.get("e-slicer")&&customElements.define("e-slicer",P);exports.Letter=F;exports.SlicerElement=P;exports.Word=S;
+"use strict";var P=i=>{throw TypeError(i)};var H=(i,e,s)=>e.has(i)||P("Cannot "+s);var t=(i,e,s)=>(H(i,e,"read from private field"),s?s.call(i):e.get(i)),c=(i,e,s)=>e.has(i)?P("Cannot add the same private member more than once"):e instanceof WeakSet?e.add(i):e.set(i,s),o=(i,e,s,g)=>(H(i,e,"write to private field"),g?g.call(i,s):e.set(i,s),s),L=(i,e,s)=>(H(i,e,"access private method"),s);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const k=require("../media/index.cjs"),q=require("../index-CKTweR3M.cjs");require("construct-style-sheets-polyfill");var A,u;class D{constructor(e){c(this,A);c(this,u);o(this,A,e.index),o(this,u,document.createElement("span")),t(this,u).classList.add("letter"),e.clone?t(this,u).innerHTML=`<span class="original"><span class="value">${e.text}</span></span><span class="clone" aria-hidden><span class="value">${e.text}</span></span>`:t(this,u).innerHTML=`<span class="original"><span class="value">${e.text}</span></span>`}get index(){return t(this,A)}get element(){return t(this,u)}}A=new WeakMap,u=new WeakMap;var M,h,p,x;class S{constructor(e){c(this,M);c(this,h);c(this,p);c(this,x);if(o(this,M,e.index),o(this,h,document.createElement("span")),o(this,p,[]),o(this,x,e.text.endsWith("\\n")),t(this,x)&&(e.text=e.text.replace("\\n","")),e.letters&&e.lettersAcc!==void 0){let s=0;const g=/([\s\u00A0\u1680\u2000-\u200F\u2028\u2029\u202F\u205F\u3000\uFEFF\-–—])/,T=e.text.split(g).filter(y=>y.trim()!=="");T.length>1&&t(this,h).classList.add("words-inside"),T.forEach((y,w,n)=>{const l=y.split("").map(r=>{if(r!==" ")return new D({index:e.lettersAcc+s++,text:r,clone:e.clone})});if(o(this,p,l.filter(r=>r instanceof D)),n.length>1){const r=document.createElement("span");r.append(...t(this,p).map(a=>a.element)),t(this,h).append(r),w!==n.length-1&&t(this,h).append(r)}else t(this,h).append(...t(this,p).map(r=>r.element))})}else e.clone?t(this,h).innerHTML=`<span class="original"><span class="value">${e.text}</span></span><span class="clone" aria-hidden><span class="value">${e.text}</span></span>`:t(this,h).innerHTML=`<span class="original"><span class="value">${e.text}</span></span>`;t(this,h).classList.add("word")}get index(){return t(this,M)}get element(){return t(this,h)}get letters(){return t(this,p)}get hasNewLine(){return t(this,x)}}M=new WeakMap,h=new WeakMap,p=new WeakMap,x=new WeakMap;var m,d,E,N,f,_,O;class $ extends HTMLElement{constructor(){super(...arguments);c(this,f);c(this,m,"");c(this,d,[]);c(this,E,[]);c(this,N,null)}get wordsArray(){return t(this,d)}get lettersArray(){return t(this,E)}get originalHTML(){return t(this,m)}connectedCallback(){this.classList.contains("splitted")||(o(this,m,this.innerHTML.trim()),this.hasAttribute("media")?(o(this,N,new k.Media(this.getAttribute("media"))),t(this,N).subscribe(s=>{s.current?L(this,f,_).call(this):!s.current&&s.previous&&L(this,f,O).call(this)})):L(this,f,_).call(this),this.classList.add("splitted"))}disconnectedCallback(){var s;L(this,f,O).call(this),(s=t(this,N))==null||s.close()}}m=new WeakMap,d=new WeakMap,E=new WeakMap,N=new WeakMap,f=new WeakSet,_=function(){const s=[];o(this,d,[]);let g=0,T=0;const y=n=>{var a;const l=(a=n.textContent)==null?void 0:a.trim();if(!l)return document.createDocumentFragment();const r=document.createDocumentFragment();return l.replace(/[\s\u00A0\u1680\u2000-\u200F\u2028\u2029\u202F\u205F\u3000\uFEFF]+/g," ").split(" ").forEach((F,v,C)=>{if(!F)return;const b=new S({index:g,text:F+(v<C.length-1?" ":""),letters:this.hasAttribute("letters"),lettersAcc:T,clone:this.hasAttribute("clone")});T+=b.letters.length,g+=1,t(this,E).push(...b.letters),t(this,d).push(b),r.appendChild(b.element)}),r},w=n=>{if(n.nodeType===Node.TEXT_NODE)return y(n);if(n.nodeType===Node.ELEMENT_NODE){const l=n.cloneNode(!1);return Array.from(n.childNodes).forEach(r=>{const a=w(r);a&&(a.nodeType===Node.DOCUMENT_FRAGMENT_NODE?Array.from(a.childNodes).forEach((F,v,C)=>{l.append(F),v!==C.length-1&&l.append(new Text(" "))}):l.appendChild(a))}),l}return n.cloneNode()};Array.from(this.childNodes).forEach(n=>{const l=w(n);l.nodeType===Node.DOCUMENT_FRAGMENT_NODE?s.push(...Array.from(l.childNodes)):s.push(l)}),this.hasAttribute("index")&&(t(this,d).forEach(n=>{n.element.style.setProperty("--word-index",n.index.toString())}),t(this,E).forEach(n=>{n.element.style.setProperty("--letter-index",n.index.toString())})),this.innerHTML="",s.forEach((n,l)=>{this.appendChild(n),l<s.length-1&&n.nodeType===Node.ELEMENT_NODE&&this.appendChild(new Text(" "))}),this.style.setProperty("--words-length",t(this,d).length.toString()),this.style.setProperty("--letters-length",t(this,E).length.toString())},O=function(){o(this,d,[]),this.innerHTML=t(this,m),this.style.removeProperty("--words-length"),this.style.removeProperty("--letters-length")};q.isBrowser&&!customElements.get("e-slicer")&&customElements.define("e-slicer",$);exports.Letter=D;exports.SlicerElement=$;exports.Word=S;

package/lib/slicer/index.js

@@ -1,145 +1,154 @@
-var O = (n) => {
-  throw TypeError(n);
+var P = (i) => {
+  throw TypeError(i);
 };
-var F = (n, e, s) => e.has(n) || O("Cannot " + s);
-var t = (n, e, s) => (F(n, e, "read from private field"), s ? s.call(n) : e.get(n)), r = (n, e, s) => e.has(n) ? O("Cannot add the same private member more than once") : e instanceof WeakSet ? e.add(n) : e.set(n, s), o = (n, e, s, p) => (F(n, e, "write to private field"), p ? p.call(n, s) : e.set(n, s), s), T = (n, e, s) => (F(n, e, "access private method"), s);
+var b = (i, e, s) => e.has(i) || P("Cannot " + s);
+var t = (i, e, s) => (b(i, e, "read from private field"), s ? s.call(i) : e.get(i)), h = (i, e, s) => e.has(i) ? P("Cannot add the same private member more than once") : e instanceof WeakSet ? e.add(i) : e.set(i, s), o = (i, e, s, g) => (b(i, e, "write to private field"), g ? g.call(i, s) : e.set(i, s), s), L = (i, e, s) => (b(i, e, "access private method"), s);
 import { Media as $ } from "../media/index.js";
 import { i as S } from "../index-LReFyN6i.js";
 import "construct-style-sheets-polyfill";
-var y, d;
+var A, u;
 class _ {
   constructor(e) {
-    r(this, y);
-    r(this, d);
-    o(this, y, e.index), o(this, d, document.createElement("span")), t(this, d).classList.add("letter"), e.clone ? t(this, d).innerHTML = `<span class="original"><span class="value">${e.text}</span></span><span class="clone" aria-hidden><span class="value">${e.text}</span></span>` : t(this, d).innerHTML = `<span class="original"><span class="value">${e.text}</span></span>`;
+    h(this, A);
+    h(this, u);
+    o(this, A, e.index), o(this, u, document.createElement("span")), t(this, u).classList.add("letter"), e.clone ? t(this, u).innerHTML = `<span class="original"><span class="value">${e.text}</span></span><span class="clone" aria-hidden><span class="value">${e.text}</span></span>` : t(this, u).innerHTML = `<span class="original"><span class="value">${e.text}</span></span>`;
   }
   get index() {
-    return t(this, y);
+    return t(this, A);
   }
   get element() {
-    return t(this, d);
+    return t(this, u);
   }
 }
-y = new WeakMap(), d = new WeakMap();
-var L, c, g, E;
+A = new WeakMap(), u = new WeakMap();
+var M, c, p, m;
 class k {
   constructor(e) {
-    r(this, L);
-    r(this, c);
-    r(this, g);
-    r(this, E);
-    if (o(this, L, e.index), o(this, c, document.createElement("span")), o(this, g, []), o(this, E, e.text.endsWith("\\n")), t(this, E) && (e.text = e.text.replace("\\n", "")), e.letters && e.lettersAcc !== void 0) {
+    h(this, M);
+    h(this, c);
+    h(this, p);
+    h(this, m);
+    if (o(this, M, e.index), o(this, c, document.createElement("span")), o(this, p, []), o(this, m, e.text.endsWith("\\n")), t(this, m) && (e.text = e.text.replace("\\n", "")), e.letters && e.lettersAcc !== void 0) {
       let s = 0;
-      const p = e.text.split("").map((h) => {
-        if (h !== " ")
-          return new _({
-            index: e.lettersAcc + s++,
-            text: h,
-            clone: e.clone
-          });
+      const g = /([\s\u00A0\u1680\u2000-\u200F\u2028\u2029\u202F\u205F\u3000\uFEFF\-–—])/, T = e.text.split(g).filter((y) => y.trim() !== "");
+      T.length > 1 && t(this, c).classList.add("words-inside"), T.forEach((y, w, n) => {
+        const l = y.split("").map((r) => {
+          if (r !== " ")
+            return new _({
+              index: e.lettersAcc + s++,
+              text: r,
+              clone: e.clone
+            });
+        });
+        if (o(this, p, l.filter((r) => r instanceof _)), n.length > 1) {
+          const r = document.createElement("span");
+          r.append(
+            ...t(this, p).map((a) => a.element)
+          ), t(this, c).append(r), w !== n.length - 1 && t(this, c).append(r);
+        } else
+          t(this, c).append(
+            ...t(this, p).map((r) => r.element)
+          );
       });
-      o(this, g, p.filter((h) => h instanceof _)), t(this, c).append(
-        ...t(this, g).map((h) => h.element)
-      );
     } else
       e.clone ? t(this, c).innerHTML = `<span class="original"><span class="value">${e.text}</span></span><span class="clone" aria-hidden><span class="value">${e.text}</span></span>` : t(this, c).innerHTML = `<span class="original"><span class="value">${e.text}</span></span>`;
     t(this, c).classList.add("word");
   }
   get index() {
-    return t(this, L);
+    return t(this, M);
   }
   get element() {
     return t(this, c);
   }
   get letters() {
-    return t(this, g);
+    return t(this, p);
   }
   get hasNewLine() {
-    return t(this, E);
+    return t(this, m);
   }
 }
-L = new WeakMap(), c = new WeakMap(), g = new WeakMap(), E = new WeakMap();
-var m, a, x, N, u, H, b;
+M = new WeakMap(), c = new WeakMap(), p = new WeakMap(), m = new WeakMap();
+var x, d, E, N, f, D, O;
 class G extends HTMLElement {
   constructor() {
     super(...arguments);
-    r(this, u);
-    r(this, m, "");
-    r(this, a, []);
-    r(this, x, []);
-    r(this, N, null);
+    h(this, f);
+    h(this, x, "");
+    h(this, d, []);
+    h(this, E, []);
+    h(this, N, null);
   }
   get wordsArray() {
-    return t(this, a);
+    return t(this, d);
   }
   get lettersArray() {
-    return t(this, x);
+    return t(this, E);
   }
   get originalHTML() {
-    return t(this, m);
+    return t(this, x);
   }
   connectedCallback() {
-    this.classList.contains("splitted") || (o(this, m, this.innerHTML.trim()), this.hasAttribute("media") ? (o(this, N, new $(this.getAttribute("media"))), t(this, N).subscribe((s) => {
-      s.current ? T(this, u, H).call(this) : !s.current && s.previous && T(this, u, b).call(this);
-    })) : T(this, u, H).call(this), this.classList.add("splitted"));
+    this.classList.contains("splitted") || (o(this, x, this.innerHTML.trim()), this.hasAttribute("media") ? (o(this, N, new $(this.getAttribute("media"))), t(this, N).subscribe((s) => {
+      s.current ? L(this, f, D).call(this) : !s.current && s.previous && L(this, f, O).call(this);
+    })) : L(this, f, D).call(this), this.classList.add("splitted"));
   }
   disconnectedCallback() {
     var s;
-    T(this, u, b).call(this), (s = t(this, N)) == null || s.close();
+    L(this, f, O).call(this), (s = t(this, N)) == null || s.close();
   }
 }
-m = new WeakMap(), a = new WeakMap(), x = new WeakMap(), N = new WeakMap(), u = new WeakSet(), H = function() {
+x = new WeakMap(), d = new WeakMap(), E = new WeakMap(), N = new WeakMap(), f = new WeakSet(), D = function() {
   const s = [];
-  o(this, a, []);
-  let p = 0, h = 0;
-  const P = (i) => {
-    var f;
-    const l = (f = i.textContent) == null ? void 0 : f.trim();
+  o(this, d, []);
+  let g = 0, T = 0;
+  const y = (n) => {
+    var a;
+    const l = (a = n.textContent) == null ? void 0 : a.trim();
     if (!l) return document.createDocumentFragment();
-    const A = document.createDocumentFragment();
+    const r = document.createDocumentFragment();
     return l.replace(
       /[\s\u00A0\u1680\u2000-\u200F\u2028\u2029\u202F\u205F\u3000\uFEFF]+/g,
       " "
-    ).split(" ").forEach((M, v, C) => {
-      if (!M) return;
-      const w = new k({
-        index: p,
-        text: M + (v < C.length - 1 ? " " : ""),
+    ).split(" ").forEach((F, C, H) => {
+      if (!F) return;
+      const v = new k({
+        index: g,
+        text: F + (C < H.length - 1 ? " " : ""),
         letters: this.hasAttribute("letters"),
-        lettersAcc: h,
+        lettersAcc: T,
         clone: this.hasAttribute("clone")
       });
-      h += w.letters.length, p += 1, t(this, x).push(...w.letters), t(this, a).push(w), A.appendChild(w.element);
-    }), A;
-  }, D = (i) => {
-    if (i.nodeType === Node.TEXT_NODE)
-      return P(i);
-    if (i.nodeType === Node.ELEMENT_NODE) {
-      const l = i.cloneNode(!1);
-      return Array.from(i.childNodes).forEach((A) => {
-        const f = D(A);
-        f && (f.nodeType === Node.DOCUMENT_FRAGMENT_NODE ? Array.from(f.childNodes).forEach((M, v, C) => {
-          l.append(M), v !== C.length - 1 && l.append(new Text(" "));
-        }) : l.appendChild(f));
+      T += v.letters.length, g += 1, t(this, E).push(...v.letters), t(this, d).push(v), r.appendChild(v.element);
+    }), r;
+  }, w = (n) => {
+    if (n.nodeType === Node.TEXT_NODE)
+      return y(n);
+    if (n.nodeType === Node.ELEMENT_NODE) {
+      const l = n.cloneNode(!1);
+      return Array.from(n.childNodes).forEach((r) => {
+        const a = w(r);
+        a && (a.nodeType === Node.DOCUMENT_FRAGMENT_NODE ? Array.from(a.childNodes).forEach((F, C, H) => {
+          l.append(F), C !== H.length - 1 && l.append(new Text(" "));
+        }) : l.appendChild(a));
       }), l;
     }
-    return i.cloneNode();
+    return n.cloneNode();
   };
-  Array.from(this.childNodes).forEach((i) => {
-    const l = D(i);
+  Array.from(this.childNodes).forEach((n) => {
+    const l = w(n);
     l.nodeType === Node.DOCUMENT_FRAGMENT_NODE ? s.push(...Array.from(l.childNodes)) : s.push(l);
-  }), this.hasAttribute("index") && (t(this, a).forEach((i) => {
-    i.element.style.setProperty("--word-index", i.index.toString());
-  }), t(this, x).forEach((i) => {
-    i.element.style.setProperty(
+  }), this.hasAttribute("index") && (t(this, d).forEach((n) => {
+    n.element.style.setProperty("--word-index", n.index.toString());
+  }), t(this, E).forEach((n) => {
+    n.element.style.setProperty(
       "--letter-index",
-      i.index.toString()
+      n.index.toString()
     );
-  })), this.innerHTML = "", s.forEach((i, l) => {
-    this.appendChild(i), l < s.length - 1 && i.nodeType === Node.ELEMENT_NODE && this.appendChild(new Text(" "));
-  }), this.style.setProperty("--words-length", t(this, a).length.toString()), this.style.setProperty("--letters-length", t(this, x).length.toString());
-}, b = function() {
-  o(this, a, []), this.innerHTML = t(this, m), this.style.removeProperty("--words-length"), this.style.removeProperty("--letters-length");
+  })), this.innerHTML = "", s.forEach((n, l) => {
+    this.appendChild(n), l < s.length - 1 && n.nodeType === Node.ELEMENT_NODE && this.appendChild(new Text(" "));
+  }), this.style.setProperty("--words-length", t(this, d).length.toString()), this.style.setProperty("--letters-length", t(this, E).length.toString());
+}, O = function() {
+  o(this, d, []), this.innerHTML = t(this, x), this.style.removeProperty("--words-length"), this.style.removeProperty("--letters-length");
 };
 S && !customElements.get("e-slicer") && customElements.define("e-slicer", G);
 export {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "aptechka",
-  "version": "0.82.1",
+  "version": "0.82.3",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/denisavitski/aptechka.git"
@@ -450,7 +450,7 @@
   },
   "devDependencies": {
     "@types/node": "^24.1.0",
-    "@types/three": "^0.178.1",
+    "@types/three": "^0.179.0",
     "tsx": "^4.20.3",
     "vite": "^7.0.6",
     "vite-plugin-dts": "^4.5.4",