@oiz/stzh-components 4.6.0-beta3 → 4.6.0

package/dist/stzh-components/{p-24122dbc.entry.js → p-6d918b8b.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,c as s,h as i,a as o,g as e}from"./p-ef5985a3.js";import{d as h,o as n}from"./p-87c329f2.js";import{t as c}from"./p-9ed1a9d3.js";import"./p-dae15605.js";import"./p-6997324b.js";import"./p-1ab64d01.js";const a=':host{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium);color:var(--stzh-base-color);box-sizing:border-box;display:block;}:host[hidden],:host[stzh-hidden]{display:none}:host::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}:host *,:host *::before,:host *::after{box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness);-webkit-text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink);text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink)}:host .has-focus{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}:host .stzh-fylingfocus-focused{outline-style:none !important}:host .stzh-fylingfocus-focused::-moz-focus-inner{border:0 !important}:host{--padding-top:var(--stzh-space-large);--padding-bottom:var(--stzh-space-large);--padding-left:0;--padding-right:0;--background-color:transparent;--stuck-padding-top:var(--padding-top);--stuck-padding-bottom:var(--padding-bottom);--stuck-padding-left:var(--padding-left);--stuck-padding-right:var(--padding-right);--stuck-background-color:var(--stzh-color-grey10);display:contents}@media print{:host{display:none}}:host([variant=transparent]){--background-color:transparent;--stuck-background-color:transparent;pointer-events:none}:host([position=fixed]){display:block}.stzh-sticky{display:contents;}.stzh-sticky__sticky{position:sticky;top:-0.0625rem;bottom:-0.0625rem;z-index:var(--stzh-z-index-sticky);width:var(--stzh-sticky-unstuck-width, auto);transition-property:width, transform, opacity;transition-duration:var(--stzh-base-transition-animation-speed)}.stzh-sticky__content,.stzh-sticky__content::before{background-color:var(--background-color);transition-duration:var(--stzh-base-transition-animation-speed)}.stzh-sticky__content{--stzh-button-pointer-events:all;--stzh-link-pointer-events:all;position:relative;transition-property:background-color, transform}.stzh-sticky__content-inner{padding-top:var(--padding-top);padding-bottom:var(--padding-bottom);padding-left:var(--padding-left);padding-right:var(--padding-right);transition-property:padding;transition-duration:var(--stzh-base-transition-animation-speed)}.stzh-sticky__spacer{display:none}.stzh-sticky--is-disabled-sticky-top .stzh-sticky__sticky{top:auto}.stzh-sticky--is-disabled-sticky-bottom .stzh-sticky__sticky{bottom:auto}.stzh-sticky--is-bleeding .stzh-sticky__content::before{z-index:-1;content:"";position:absolute;display:block;width:100%;height:100%;transform:translateY(0);transition-property:width, background-color, transform}.stzh-sticky--is-stuck .stzh-sticky__content,.stzh-sticky--is-stuck .stzh-sticky__content::before{background-color:var(--stuck-background-color)}.stzh-sticky--is-stuck .stzh-sticky__content::before{width:calc(100vw - var(--stzh-scrollbar-width));transform:translateX(calc(var(--stzh-sticky-offset-left) / -1))}.stzh-sticky--is-stuck .stzh-sticky__content-inner{padding-top:var(--stuck-padding-top);padding-bottom:var(--stuck-padding-bottom);padding-left:var(--stuck-padding-left);padding-right:var(--stuck-padding-right)}.stzh-sticky--is-not-loaded{visibility:hidden}.stzh-sticky--is-not-loaded.stzh-sticky--is-stuck .stzh-sticky__sticky{transform:translateY(100%);opacity:0}.stzh-sticky--is-not-loaded .stzh-sticky__sticky,.stzh-sticky--is-not-loaded .stzh-sticky__content,.stzh-sticky--is-not-loaded .stzh-sticky__content::before,.stzh-sticky--is-not-loaded .stzh-sticky__content-inner{transition-duration:0ms}';const r=a;const d="data-stzh-sticky-container";const k="data-stzh-sticky-width-container";const l=class{constructor(i){t(this,i);this.stzhStuckTop=s(this,"stzhStuckTop",7);this.stzhStuckBottom=s(this,"stzhStuckBottom",7);this.fixedHeight=0;this.fixedWidth=0;this.fixedLimit=null;this.handleScroll=()=>{if(this.debounceScroll){window.cancelAnimationFrame(this.debounceScroll)}this.debounceScroll=requestAnimationFrame(this.updateByScroll)};this.handleResize=()=>{if(this.debounceResize){window.cancelAnimationFrame(this.debounceResize)}this.debounceResize=requestAnimationFrame(this.updateFixedByResize)};this.handleStickyResize=c((()=>{this.stuckHeightWatcher();this.updateByScroll()}),100);this.updateByScroll=()=>{if(!h(this.stickyElement)||!this.element.isConnected){return}const t=this.element.closest(`[${k}]`)||this.element.parentElement;const s=n((this.isStuckTop||this.isStuckBottom)&&this.position==="fixed"?this.spacerElement:this.stickyElement);this.fixedTop=s.top;this.fixedLeft=s.left;t.style.setProperty("--stzh-sticky-offset-top",`${this.fixedTop}px`);t.style.setProperty("--stzh-sticky-offset-left",`${this.fixedLeft}px`);if(this.position==="sticky"){return}this.fixedHeight=this.stickyElement.offsetHeight;this.spacerElement.style.height=`${this.fixedHeight}px`;this.scrollX=window.scrollX;this.scrollY=window.scrollY;this.fixedLimit=this.getFixedLimit();this.fixedWidth=t.getBoundingClientRect().width;const i=this.element.getBoundingClientRect().width;t.style.setProperty("--stzh-sticky-unstuck-width",`${i}px`);this.isStuckBottom=!this.disableStickyBottom&&this.scrollY+this.windowHeight<=this.fixedTop+this.fixedHeight;this.isStuckTop=!this.disableStickyTop&&this.scrollY>=this.fixedTop;this.hasReachedTopLimit=this.fixedLimit&&this.scrollY+this.windowHeight-this.fixedHeight<=this.fixedLimit.top;this.hasReachedBottomLimit=this.fixedLimit&&this.scrollY>=this.fixedLimit.bottom-this.fixedHeight;if(this.isStuckTop||this.isStuckBottom){this.setFixed()}else{this.setUnfixed()}};this.updateFixedByResize=()=>{if(!this.stickyElement||!this.element.isConnected){return}this.setUnfixed();this.stickyElement.style.position="static";this.stickyElement.style.width="auto";this.isStuckTop=false;this.isStuckBottom=false;if(h(this.stickyElement)){this.windowHeight=window.innerHeight;this.updateByScroll()}};this.observe=()=>{this.updateStuck()};this.variant="default";this.disableStickyTop=true;this.disableStickyBottom=false;this.bleeding=false;this.name=undefined;this.position="sticky";this.isStuckTop=undefined;this.isStuckBottom=undefined;this.hasReachedTopLimit=undefined;this.hasReachedBottomLimit=undefined;this.loaded=false}disableStickyWatcher(){requestAnimationFrame((()=>{requestAnimationFrame((()=>{if(this.position==="fixed"){this.updateFixedByResize()}else{this.updateStuck()}}))}))}stuckHeightWatcher(){let t=false;if(this.isStuckTop&&!this.hasReachedBottomLimit){t=true;document.documentElement.style.setProperty(`--stzh-sticky-${this.name&&this.name+"-"}is-stuck-top`,"1");document.documentElement.style.setProperty(`--stzh-sticky-${this.name&&this.name+"-"}is-not-stuck-top`,"0");document.documentElement.style.setProperty(`--stzh-sticky-${this.name&&this.name+"-"}stuck-top-height`,`${this.stickyElement.offsetHeight}px`)}else{document.documentElement.style.setProperty(`--stzh-sticky-${this.name&&this.name+"-"}is-stuck-top`,"0");document.documentElement.style.setProperty(`--stzh-sticky-${this.name&&this.name+"-"}is-not-stuck-top`,"1");document.documentElement.style.setProperty(`--stzh-sticky-${this.name&&this.name+"-"}stuck-top-height`,"0px")}if(this.isStuckBottom&&!this.hasReachedTopLimit){t=true;document.documentElement.style.setProperty(`--stzh-sticky-${this.name&&this.name+"-"}is-stuck-bottom`,"1");document.documentElement.style.setProperty(`--stzh-sticky-${this.name&&this.name+"-"}is-not-stuck-bottom`,"0");document.documentElement.style.setProperty(`--stzh-sticky-${this.name&&this.name+"-"}stuck-bottom-height`,`${this.stickyElement.offsetHeight}px`)}else{document.documentElement.style.setProperty(`--stzh-sticky-${this.name&&this.name+"-"}is-stuck-bottom`,"0");document.documentElement.style.setProperty(`--stzh-sticky-${this.name&&this.name+"-"}is-not-stuck-bottom`,"1");document.documentElement.style.setProperty(`--stzh-sticky-${this.name&&this.name+"-"}stuck-bottom-height`,"0px")}document.documentElement.style.setProperty(`--stzh-sticky-${this.name&&this.name+"-"}is-stuck`,t?"1":"0");document.documentElement.style.setProperty(`--stzh-sticky-${this.name&&this.name+"-"}is-not-stuck`,t?"0":"1");if(t){this.stickyResizeObserver.observe(this.stickyElement)}else{this.stickyResizeObserver.unobserve(this.stickyElement)}}isStuckTopWatcher(t){this.stzhStuckTop.emit({component:"stzh-sticky",sticky:t})}isStuckBottomWatcher(t){this.stzhStuckBottom.emit({component:"stzh-sticky",sticky:t})}positionWatcher(){if(this.position==="fixed"){if(this.observer){this.observer.disconnect()}window.addEventListener("scroll",this.handleScroll,{passive:true});window.addEventListener("resize",this.handleResize);this.updateFixedByResize()}else{if(this.bleeding){window.addEventListener("scroll",this.handleScroll,{passive:true});this.updateByScroll()}else{window.removeEventListener("scroll",this.handleScroll)}window.removeEventListener("resize",this.handleResize);this.setUnfixed();this.observer=new IntersectionObserver(this.observe,{threshold:[1]});this.observer.observe(this.stickyElement);this.updateStuck()}}updateStuck(){const t=parseInt(getComputedStyle(this.stickyElement).top,10);const s=parseInt(getComputedStyle(this.stickyElement).bottom,10);const i=this.stickyElement.getBoundingClientRect();if(t){this.isStuckTop=i.top<0}else{this.isStuckTop=false}if(s){this.isStuckBottom=document.documentElement.clientHeight<i.bottom}else{this.isStuckBottom=false}}getFixedLimit(){const t=this.element.closest(`[${d}]`);if(!t){return null}const s=n(t);return{top:s.top,bottom:s.top+t.scrollHeight}}setUnfixed(){Object.assign(this.stickyElement.style,{position:null,top:null,bottom:null,left:null,width:null});Object.assign(this.spacerElement.style,{display:"none"})}setFixed(){const t=this.hasReachedTopLimit||this.hasReachedBottomLimit?"absolute":"fixed";Object.assign(this.stickyElement.style,{position:t,top:t==="absolute"?`${this.isStuckTop?this.fixedLimit.bottom-this.fixedHeight:this.fixedLimit.top}px`:this.isStuckTop?"0px":"auto",bottom:this.isStuckTop||t==="absolute"?"auto":"0px",left:`${this.fixedLeft+(t==="fixed"?this.scrollX:0)}px`,width:`${this.fixedWidth}px`});Object.assign(this.spacerElement.style,{display:"block"})}componentDidLoad(){this.stickyResizeObserver=new ResizeObserver(this.handleStickyResize);this.positionWatcher();requestAnimationFrame((()=>{requestAnimationFrame((()=>{window.setTimeout((()=>{this.loaded=true;if(this.position==="fixed"){this.updateFixedByResize()}}),250)}))}))}disconnectedCallback(){var t,s;(t=this.observer)===null||t===void 0?void 0:t.disconnect();(s=this.stickyResizeObserver)===null||s===void 0?void 0:s.disconnect();window.removeEventListener("scroll",this.handleScroll);window.removeEventListener("resize",this.handleResize)}render(){const t=this.isStuckTop||this.isStuckBottom;const s={"stzh-sticky":true,"stzh-sticky--is-not-loaded":!this.loaded,"stzh-sticky--is-stuck":t,"stzh-sticky--is-stuck-top":this.isStuckTop,"stzh-sticky--is-stuck-bottom":this.isStuckBottom,"stzh-sticky--is-disabled-sticky-top":this.disableStickyTop,"stzh-sticky--is-disabled-sticky-bottom":this.disableStickyBottom,"stzh-sticky--is-bleeding":this.bleeding,[`stzh-sticky--position-${this.position}`]:!!this.position,[`stzh-sticky--${this.variant}`]:!!this.variant};return i(o,{key:"002461e23be34554fb5537981f26d10f88e43922","is-stuck":this.isStuckTop||this.isStuckBottom,"is-stuck-top":this.isStuckTop,"is-stuck-bottom":this.isStuckBottom},i("div",{key:"8d9fae15006c6dfcba20a600557d02f0668291f7",class:s},i("div",{key:"6454975317fba64ca5a897c5a21cf881f45d135c",ref:t=>this.spacerElement=t,class:"stzh-sticky__spacer"}),i("div",{key:"47832c767c9f3fee6aaa8e75abe8ccf6e31e15b5",ref:t=>this.stickyElement=t,class:"stzh-sticky__sticky"},i("div",{key:"4c396a8fc77a9e9e1782b3cc49599e0821f4358d",class:"stzh-sticky__content"},i("div",{key:"791776dc949e25713e5604e11b7830fcfe796adb",class:"stzh-sticky__content-inner"},i("slot",{key:"be42bc0f54a78d6eb55210d66cebfba5eeb8cf40"}))))))}get element(){return e(this)}static get watchers(){return{disableStickyTop:["disableStickyWatcher"],disableStickyBottom:["disableStickyWatcher"],isStuckTop:["stuckHeightWatcher","isStuckTopWatcher"],isStuckBottom:["stuckHeightWatcher","isStuckBottomWatcher"],hasReachedTopLimit:["stuckHeightWatcher"],hasReachedBottomLimit:["stuckHeightWatcher"],position:["positionWatcher"],bleeding:["positionWatcher"]}}};l.style=r;export{l as stzh_sticky};
-//# sourceMappingURL=p-24122dbc.entry.js.map
+import{r as t,c as s,h as i,a as o,g as e}from"./p-ef5985a3.js";import{d as h,o as n}from"./p-87c329f2.js";import{t as c}from"./p-9ed1a9d3.js";import"./p-dae15605.js";import"./p-6997324b.js";import"./p-1ab64d01.js";const a=':host{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium);color:var(--stzh-base-color);box-sizing:border-box;display:block;}:host[hidden],:host[stzh-hidden]{display:none}:host::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}:host *,:host *::before,:host *::after{box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness);-webkit-text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink);text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink)}:host .has-focus{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}:host .stzh-fylingfocus-focused{outline-style:none !important}:host .stzh-fylingfocus-focused::-moz-focus-inner{border:0 !important}:host{--padding-top:var(--stzh-space-large);--padding-bottom:var(--stzh-space-large);--padding-left:0;--padding-right:0;--background-color:transparent;--stuck-padding-top:var(--padding-top);--stuck-padding-bottom:var(--padding-bottom);--stuck-padding-left:var(--padding-left);--stuck-padding-right:var(--padding-right);--stuck-background-color:var(--stzh-color-grey10);display:contents}@media print{:host{display:none}}:host([variant=transparent]){--background-color:transparent;--stuck-background-color:transparent;pointer-events:none}:host([position=fixed]){display:block}.stzh-sticky{display:contents;}.stzh-sticky__sticky{position:sticky;top:-0.0625rem;bottom:-0.0625rem;z-index:var(--stzh-z-index-sticky);width:var(--stzh-sticky-unstuck-width, auto);transition-property:width, transform, opacity;transition-duration:var(--stzh-base-transition-animation-speed)}.stzh-sticky__content,.stzh-sticky__content::before{background-color:var(--background-color);transition-duration:var(--stzh-base-transition-animation-speed)}.stzh-sticky__content{--stzh-button-pointer-events:all;--stzh-link-pointer-events:all;position:relative;transition-property:background-color, transform}.stzh-sticky__content-inner{padding-top:var(--padding-top);padding-bottom:var(--padding-bottom);padding-left:var(--padding-left);padding-right:var(--padding-right);transition-property:padding;transition-duration:var(--stzh-base-transition-animation-speed)}.stzh-sticky__spacer{display:none}.stzh-sticky--is-disabled-sticky-top .stzh-sticky__sticky{top:auto}.stzh-sticky--is-disabled-sticky-bottom .stzh-sticky__sticky{bottom:auto}.stzh-sticky--is-bleeding .stzh-sticky__content::before{z-index:-1;content:"";position:absolute;display:block;width:100%;height:100%;transform:translateY(0);transition-property:width, background-color, transform}.stzh-sticky--is-stuck .stzh-sticky__content,.stzh-sticky--is-stuck .stzh-sticky__content::before{background-color:var(--stuck-background-color)}.stzh-sticky--is-stuck .stzh-sticky__content::before{width:calc(100vw - var(--stzh-scrollbar-width));transform:translateX(calc(var(--stzh-sticky-offset-left) / -1))}.stzh-sticky--is-stuck .stzh-sticky__content-inner{padding-top:var(--stuck-padding-top);padding-bottom:var(--stuck-padding-bottom);padding-left:var(--stuck-padding-left);padding-right:var(--stuck-padding-right)}.stzh-sticky--is-not-loaded{visibility:hidden}.stzh-sticky--is-not-loaded.stzh-sticky--is-stuck .stzh-sticky__sticky{transform:translateY(100%);opacity:0}.stzh-sticky--is-not-loaded .stzh-sticky__sticky,.stzh-sticky--is-not-loaded .stzh-sticky__content,.stzh-sticky--is-not-loaded .stzh-sticky__content::before,.stzh-sticky--is-not-loaded .stzh-sticky__content-inner{transition-duration:0ms}';const r=a;const d="data-stzh-sticky-container";const k="data-stzh-sticky-width-container";const l=class{constructor(i){t(this,i);this.stzhStuckTop=s(this,"stzhStuckTop",7);this.stzhStuckBottom=s(this,"stzhStuckBottom",7);this.fixedHeight=0;this.fixedWidth=0;this.fixedLimit=null;this.handleScroll=()=>{if(this.debounceScroll){window.cancelAnimationFrame(this.debounceScroll)}this.debounceScroll=requestAnimationFrame(this.updateByScroll)};this.handleResize=()=>{if(this.debounceResize){window.cancelAnimationFrame(this.debounceResize)}this.debounceResize=requestAnimationFrame(this.updateFixedByResize)};this.handleStickyResize=c((()=>{this.stuckHeightWatcher();this.updateByScroll()}),100);this.updateByScroll=()=>{if(!h(this.stickyElement)||!this.element.isConnected){return}const t=this.element.closest(`[${k}]`)||this.element.parentElement;const s=n((this.isStuckTop||this.isStuckBottom)&&this.position==="fixed"?this.spacerElement:this.stickyElement);this.fixedTop=s.top;this.fixedLeft=s.left;t.style.setProperty("--stzh-sticky-offset-top",`${this.fixedTop}px`);t.style.setProperty("--stzh-sticky-offset-left",`${this.fixedLeft}px`);if(this.position==="sticky"){return}this.fixedHeight=this.stickyElement.offsetHeight;this.spacerElement.style.height=`${this.fixedHeight}px`;this.scrollX=window.scrollX;this.scrollY=window.scrollY;this.fixedLimit=this.getFixedLimit();this.fixedWidth=t.getBoundingClientRect().width;const i=this.element.getBoundingClientRect().width;t.style.setProperty("--stzh-sticky-unstuck-width",`${i}px`);this.isStuckBottom=!this.disableStickyBottom&&this.scrollY+this.windowHeight<=this.fixedTop+this.fixedHeight;this.isStuckTop=!this.disableStickyTop&&this.scrollY>=this.fixedTop;this.hasReachedTopLimit=this.fixedLimit&&this.scrollY+this.windowHeight-this.fixedHeight<=this.fixedLimit.top;this.hasReachedBottomLimit=this.fixedLimit&&this.scrollY>=this.fixedLimit.bottom-this.fixedHeight;if(this.isStuckTop||this.isStuckBottom){this.setFixed()}else{this.setUnfixed()}};this.updateFixedByResize=()=>{if(!this.stickyElement||!this.element.isConnected){return}this.setUnfixed();this.stickyElement.style.position="static";this.stickyElement.style.width="auto";this.isStuckTop=false;this.isStuckBottom=false;if(h(this.stickyElement)){this.windowHeight=window.innerHeight;this.updateByScroll()}};this.observe=()=>{this.updateStuck()};this.variant="default";this.disableStickyTop=true;this.disableStickyBottom=false;this.bleeding=false;this.name=undefined;this.position="sticky";this.isStuckTop=undefined;this.isStuckBottom=undefined;this.hasReachedTopLimit=undefined;this.hasReachedBottomLimit=undefined;this.loaded=false}disableStickyWatcher(){requestAnimationFrame((()=>{requestAnimationFrame((()=>{if(this.position==="fixed"){this.updateFixedByResize()}else{this.updateStuck()}}))}))}stuckHeightWatcher(){let t=false;if(this.isStuckTop&&!this.hasReachedBottomLimit){t=true;document.documentElement.style.setProperty(`--stzh-sticky-${this.name&&this.name+"-"}is-stuck-top`,"1");document.documentElement.style.setProperty(`--stzh-sticky-${this.name&&this.name+"-"}is-not-stuck-top`,"0");document.documentElement.style.setProperty(`--stzh-sticky-${this.name&&this.name+"-"}stuck-top-height`,`${this.stickyElement.offsetHeight}px`)}else{document.documentElement.style.setProperty(`--stzh-sticky-${this.name&&this.name+"-"}is-stuck-top`,"0");document.documentElement.style.setProperty(`--stzh-sticky-${this.name&&this.name+"-"}is-not-stuck-top`,"1");document.documentElement.style.setProperty(`--stzh-sticky-${this.name&&this.name+"-"}stuck-top-height`,"0px")}if(this.isStuckBottom&&!this.hasReachedTopLimit){t=true;document.documentElement.style.setProperty(`--stzh-sticky-${this.name&&this.name+"-"}is-stuck-bottom`,"1");document.documentElement.style.setProperty(`--stzh-sticky-${this.name&&this.name+"-"}is-not-stuck-bottom`,"0");document.documentElement.style.setProperty(`--stzh-sticky-${this.name&&this.name+"-"}stuck-bottom-height`,`${this.stickyElement.offsetHeight}px`)}else{document.documentElement.style.setProperty(`--stzh-sticky-${this.name&&this.name+"-"}is-stuck-bottom`,"0");document.documentElement.style.setProperty(`--stzh-sticky-${this.name&&this.name+"-"}is-not-stuck-bottom`,"1");document.documentElement.style.setProperty(`--stzh-sticky-${this.name&&this.name+"-"}stuck-bottom-height`,"0px")}document.documentElement.style.setProperty(`--stzh-sticky-${this.name&&this.name+"-"}is-stuck`,t?"1":"0");document.documentElement.style.setProperty(`--stzh-sticky-${this.name&&this.name+"-"}is-not-stuck`,t?"0":"1");if(t){this.stickyResizeObserver.observe(this.stickyElement)}else{this.stickyResizeObserver.unobserve(this.stickyElement)}}isStuckTopWatcher(t){this.stzhStuckTop.emit({component:"stzh-sticky",sticky:t})}isStuckBottomWatcher(t){this.stzhStuckBottom.emit({component:"stzh-sticky",sticky:t})}positionWatcher(){if(this.position==="fixed"){if(this.observer){this.observer.disconnect()}window.addEventListener("scroll",this.handleScroll,{passive:true});window.addEventListener("resize",this.handleResize);this.updateFixedByResize()}else{if(this.bleeding){window.addEventListener("scroll",this.handleScroll,{passive:true});this.updateByScroll()}else{window.removeEventListener("scroll",this.handleScroll)}window.removeEventListener("resize",this.handleResize);this.setUnfixed();this.observer=new IntersectionObserver(this.observe,{threshold:[1]});this.observer.observe(this.stickyElement);this.updateStuck()}}updateStuck(){const t=parseInt(getComputedStyle(this.stickyElement).top,10);const s=parseInt(getComputedStyle(this.stickyElement).bottom,10);const i=this.stickyElement.getBoundingClientRect();if(t){this.isStuckTop=i.top<0}else{this.isStuckTop=false}if(s){this.isStuckBottom=document.documentElement.clientHeight<i.bottom}else{this.isStuckBottom=false}}getFixedLimit(){const t=this.element.closest(`[${d}]`);if(!t){return null}const s=n(t);return{top:s.top,bottom:s.top+t.scrollHeight}}setUnfixed(){Object.assign(this.stickyElement.style,{position:null,top:null,bottom:null,left:null,width:null});Object.assign(this.spacerElement.style,{display:"none"})}setFixed(){const t=this.hasReachedTopLimit||this.hasReachedBottomLimit?"absolute":"fixed";Object.assign(this.stickyElement.style,{position:t,top:t==="absolute"?`${this.isStuckTop?this.fixedLimit.bottom-this.fixedHeight:this.fixedLimit.top}px`:this.isStuckTop?"0px":"auto",bottom:this.isStuckTop||t==="absolute"?"auto":"0px",left:`${this.fixedLeft+(t==="fixed"?this.scrollX:0)}px`,width:`${this.fixedWidth}px`});Object.assign(this.spacerElement.style,{display:"block"})}componentDidLoad(){this.stickyResizeObserver=new ResizeObserver(this.handleStickyResize);this.positionWatcher();requestAnimationFrame((()=>{requestAnimationFrame((()=>{window.setTimeout((()=>{this.loaded=true;if(this.position==="fixed"){this.updateFixedByResize()}}),250)}))}))}disconnectedCallback(){var t,s;(t=this.observer)===null||t===void 0?void 0:t.disconnect();(s=this.stickyResizeObserver)===null||s===void 0?void 0:s.disconnect();window.removeEventListener("scroll",this.handleScroll);window.removeEventListener("resize",this.handleResize)}render(){const t=this.isStuckTop||this.isStuckBottom;const s={"stzh-sticky":true,"stzh-sticky--is-not-loaded":!this.loaded,"stzh-sticky--is-stuck":t,"stzh-sticky--is-stuck-top":this.isStuckTop,"stzh-sticky--is-stuck-bottom":this.isStuckBottom,"stzh-sticky--is-disabled-sticky-top":this.disableStickyTop,"stzh-sticky--is-disabled-sticky-bottom":this.disableStickyBottom,"stzh-sticky--is-bleeding":this.bleeding,[`stzh-sticky--position-${this.position}`]:!!this.position,[`stzh-sticky--${this.variant}`]:!!this.variant};return i(o,{key:"01492883beb334fda54b1931275876d27bdedd66","is-stuck":this.isStuckTop||this.isStuckBottom,"is-stuck-top":this.isStuckTop,"is-stuck-bottom":this.isStuckBottom},i("div",{key:"0606eea000f552312f5b878d7b9a178f1a905c40",class:s},i("div",{key:"cd1f582162db1ab90df203edaf974698eaf1c174",ref:t=>this.spacerElement=t,class:"stzh-sticky__spacer"}),i("div",{key:"61e32982fcf9646b97590b0df6645a78fdce3e98",ref:t=>this.stickyElement=t,class:"stzh-sticky__sticky"},i("div",{key:"fbd1e9f36343848fdbb0b5a2e06e29a564417b36",class:"stzh-sticky__content"},i("div",{key:"8eb4d39bfd9a0230833b19eb384afcb95661e97c",class:"stzh-sticky__content-inner"},i("slot",{key:"e730934534a68074c5c20c594e37e4a0a0c8db9a"}))))))}get element(){return e(this)}static get watchers(){return{disableStickyTop:["disableStickyWatcher"],disableStickyBottom:["disableStickyWatcher"],isStuckTop:["stuckHeightWatcher","isStuckTopWatcher"],isStuckBottom:["stuckHeightWatcher","isStuckBottomWatcher"],hasReachedTopLimit:["stuckHeightWatcher"],hasReachedBottomLimit:["stuckHeightWatcher"],position:["positionWatcher"],bleeding:["positionWatcher"]}}};l.style=r;export{l as stzh_sticky};
+//# sourceMappingURL=p-6d918b8b.entry.js.map