@oiz/stzh-components 4.9.0-beta2 → 4.9.0-beta4

package/dist/components/p-DNS8RqpI.js

@@ -0,0 +1,434 @@
+import { p as proxyCustomElement, H, d as createEvent, h, e as Host, t as transformTag } from './p-BOU3cRYl.js';
+import { b as isVisible, o as offset } from './p-CN5apKPb.js';
+import { g as getDefaultExportFromCjs } from './p-E-ZsRS8r.js';
+import { r as requireDebounce, a as requireIsObject } from './p-CIOHhwVv.js';
+
+var throttle_1;
+var hasRequiredThrottle;
+
+function requireThrottle () {
+	if (hasRequiredThrottle) return throttle_1;
+	hasRequiredThrottle = 1;
+	var debounce = requireDebounce(),
+	    isObject = requireIsObject();
+
+	/** Error message constants. */
+	var FUNC_ERROR_TEXT = 'Expected a function';
+
+	/**
+	 * Creates a throttled function that only invokes `func` at most once per
+	 * every `wait` milliseconds. The throttled function comes with a `cancel`
+	 * method to cancel delayed `func` invocations and a `flush` method to
+	 * immediately invoke them. Provide `options` to indicate whether `func`
+	 * should be invoked on the leading and/or trailing edge of the `wait`
+	 * timeout. The `func` is invoked with the last arguments provided to the
+	 * throttled function. Subsequent calls to the throttled function return the
+	 * result of the last `func` invocation.
+	 *
+	 * **Note:** If `leading` and `trailing` options are `true`, `func` is
+	 * invoked on the trailing edge of the timeout only if the throttled function
+	 * is invoked more than once during the `wait` timeout.
+	 *
+	 * If `wait` is `0` and `leading` is `false`, `func` invocation is deferred
+	 * until to the next tick, similar to `setTimeout` with a timeout of `0`.
+	 *
+	 * See [David Corbacho's article](https://css-tricks.com/debouncing-throttling-explained-examples/)
+	 * for details over the differences between `_.throttle` and `_.debounce`.
+	 *
+	 * @static
+	 * @memberOf _
+	 * @since 0.1.0
+	 * @category Function
+	 * @param {Function} func The function to throttle.
+	 * @param {number} [wait=0] The number of milliseconds to throttle invocations to.
+	 * @param {Object} [options={}] The options object.
+	 * @param {boolean} [options.leading=true]
+	 *  Specify invoking on the leading edge of the timeout.
+	 * @param {boolean} [options.trailing=true]
+	 *  Specify invoking on the trailing edge of the timeout.
+	 * @returns {Function} Returns the new throttled function.
+	 * @example
+	 *
+	 * // Avoid excessively updating the position while scrolling.
+	 * jQuery(window).on('scroll', _.throttle(updatePosition, 100));
+	 *
+	 * // Invoke `renewToken` when the click event is fired, but not more than once every 5 minutes.
+	 * var throttled = _.throttle(renewToken, 300000, { 'trailing': false });
+	 * jQuery(element).on('click', throttled);
+	 *
+	 * // Cancel the trailing throttled invocation.
+	 * jQuery(window).on('popstate', throttled.cancel);
+	 */
+	function throttle(func, wait, options) {
+	  var leading = true,
+	      trailing = true;
+
+	  if (typeof func != 'function') {
+	    throw new TypeError(FUNC_ERROR_TEXT);
+	  }
+	  if (isObject(options)) {
+	    leading = 'leading' in options ? !!options.leading : leading;
+	    trailing = 'trailing' in options ? !!options.trailing : trailing;
+	  }
+	  return debounce(func, wait, {
+	    'leading': leading,
+	    'maxWait': wait,
+	    'trailing': trailing
+	  });
+	}
+
+	throttle_1 = throttle;
+	return throttle_1;
+}
+
+var throttleExports = requireThrottle();
+var throttle = /*@__PURE__*/getDefaultExportFromCjs(throttleExports);
+
+const stzhStickyCss = () => `: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{}: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{}.stzh-sticky--is-disabled-sticky-top .stzh-sticky__sticky{top:auto}.stzh-sticky--is-disabled-sticky-bottom .stzh-sticky__sticky{bottom:auto}.stzh-sticky{}.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{}.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{}.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 ATTR_STICKY_CONTAINER = "data-stzh-sticky-container";
+const ATTR_STICKY_WIDTH_CONTAINER = "data-stzh-sticky-width-container";
+const StzhSticky = /*@__PURE__*/ proxyCustomElement(class StzhSticky extends H {
+    constructor(registerHost) {
+        super();
+        if (registerHost !== false) {
+            this.__registerHost();
+        }
+        this.__attachShadow();
+        this.stzhStuckTop = createEvent(this, "stzhStuckTop");
+        this.stzhStuckBottom = createEvent(this, "stzhStuckBottom");
+        /** Variant */
+        this.variant = "default";
+        /** Whether to disable sticking to top */
+        this.disableStickyTop = true;
+        /** Whether to disable sticking to bottom */
+        this.disableStickyBottom = false;
+        /** Whether background breaks out container to full viewport width */
+        this.bleeding = false;
+        /**
+         * Position type used.
+         *
+         * - sticky: used only css position sticky
+         * - fixed: uses position fixed with js for positioning (`data-stzh-sticky-container` can be used on a container element to limit sticky position)
+         */
+        this.position = "sticky";
+        this.loaded = false;
+        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 = throttle(() => {
+            this.stuckHeightWatcher();
+            this.updateByScroll();
+        }, 100);
+        this.updateByScroll = () => {
+            if (!isVisible(this.stickyElement) || !this.element.isConnected) {
+                return;
+            }
+            const stickyFixedWidthContainer = this.element.closest(`[${ATTR_STICKY_WIDTH_CONTAINER}]`) || this.element.parentElement;
+            const off = offset((this.isStuckTop || this.isStuckBottom) && this.position === "fixed" ? this.spacerElement : this.stickyElement);
+            this.fixedTop = off.top;
+            this.fixedLeft = off.left;
+            stickyFixedWidthContainer.style.setProperty("--stzh-sticky-offset-top", `${this.fixedTop}px`);
+            stickyFixedWidthContainer.style.setProperty("--stzh-sticky-offset-left", `${this.fixedLeft}px`);
+            if (this.position === "sticky") {
+                // for position sticky we only need the offsets variables to be updated in bleeding variant
+                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 = stickyFixedWidthContainer.getBoundingClientRect().width;
+            const unstuckWidth = this.element.getBoundingClientRect().width;
+            // stickyFixedWidthContainer.style.setProperty('--stzh-sticky-stuck-width', `${this.fixedWidth}px`);
+            stickyFixedWidthContainer.style.setProperty("--stzh-sticky-unstuck-width", `${unstuckWidth}px`);
+            // console.log(unstuckWidth);
+            // console.log(
+            //   this.scrollX,
+            //   this.scrollY,
+            //   this.windowHeight,
+            //   this.fixedTop,
+            //   this.fixedLeft,
+            //   this.fixedHeight,
+            //   this.fixedLimit,
+            // );
+            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;
+            // console.log(
+            //   this.isStuckBottom,
+            //   this.isStuckTop,
+            //   this.hasReachedBottomLimit,
+            //   this.hasReachedTopLimit,
+            // );
+            if (this.isStuckTop || this.isStuckBottom) {
+                this.setFixed();
+                // stickyFixedWidthContainer.style.setProperty('--stzh-sticky-width', `${this.fixedWidth}px`);
+            }
+            else {
+                this.setUnfixed();
+                // stickyFixedWidthContainer.style.setProperty('--stzh-sticky-width', `${unstuckWidth}px`);
+            }
+        };
+        this.updateFixedByResize = () => {
+            if (!this.stickyElement || !this.element.isConnected) {
+                return;
+            }
+            // reset sticky so we can read current offsets
+            this.setUnfixed();
+            this.stickyElement.style.position = "static";
+            this.stickyElement.style.width = "auto";
+            this.isStuckTop = false;
+            this.isStuckBottom = false;
+            if (isVisible(this.stickyElement)) {
+                this.windowHeight = window.innerHeight;
+                this.updateByScroll();
+            }
+        };
+        this.observe = () => {
+            this.updateStuck();
+        };
+    }
+    disableStickyWatcher() {
+        requestAnimationFrame(() => {
+            requestAnimationFrame(() => {
+                if (this.position === "fixed") {
+                    this.updateFixedByResize();
+                }
+                else {
+                    this.updateStuck();
+                }
+            });
+        });
+    }
+    stuckHeightWatcher() {
+        let isStuck = false;
+        if (this.isStuckTop && !this.hasReachedBottomLimit) {
+            isStuck = 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) {
+            isStuck = 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`, isStuck ? "1" : "0");
+        document.documentElement.style.setProperty(`--stzh-sticky-${this.name && this.name + "-"}is-not-stuck`, isStuck ? "0" : "1");
+        if (isStuck) {
+            this.stickyResizeObserver.observe(this.stickyElement);
+        }
+        else {
+            this.stickyResizeObserver.unobserve(this.stickyElement);
+        }
+    }
+    isStuckTopWatcher(newValue) {
+        this.stzhStuckTop.emit({
+            component: "stzh-sticky",
+            sticky: newValue,
+        });
+    }
+    isStuckBottomWatcher(newValue) {
+        this.stzhStuckBottom.emit({
+            component: "stzh-sticky",
+            sticky: newValue,
+        });
+    }
+    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 topCss = parseInt(getComputedStyle(this.stickyElement).top, 10);
+        const bottomCss = parseInt(getComputedStyle(this.stickyElement).bottom, 10);
+        const rect = this.stickyElement.getBoundingClientRect();
+        if (topCss) {
+            this.isStuckTop = rect.top < 0;
+        }
+        else {
+            this.isStuckTop = false;
+        }
+        if (bottomCss) {
+            this.isStuckBottom = document.documentElement.clientHeight < rect.bottom;
+        }
+        else {
+            this.isStuckBottom = false;
+        }
+    }
+    getFixedLimit() {
+        const stickyContainer = this.element.closest(`[${ATTR_STICKY_CONTAINER}]`);
+        if (!stickyContainer) {
+            return null;
+        }
+        const off = offset(stickyContainer);
+        return {
+            top: off.top,
+            bottom: off.top + stickyContainer.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 position = this.hasReachedTopLimit || this.hasReachedBottomLimit ? "absolute" : "fixed";
+        Object.assign(this.stickyElement.style, {
+            position,
+            top: position === "absolute"
+                ? `${this.isStuckTop ? this.fixedLimit.bottom - this.fixedHeight : this.fixedLimit.top}px`
+                : this.isStuckTop
+                    ? "0px"
+                    : "auto",
+            bottom: this.isStuckTop || position === "absolute" ? "auto" : "0px",
+            left: `${this.fixedLeft + (position === "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 _a, _b;
+        (_a = this.observer) === null || _a === void 0 ? void 0 : _a.disconnect();
+        (_b = this.stickyResizeObserver) === null || _b === void 0 ? void 0 : _b.disconnect();
+        window.removeEventListener("scroll", this.handleScroll);
+        window.removeEventListener("resize", this.handleResize);
+    }
+    render() {
+        const isStuck = this.isStuckTop || this.isStuckBottom;
+        const classes = {
+            "stzh-sticky": true,
+            "stzh-sticky--is-not-loaded": !this.loaded,
+            "stzh-sticky--is-stuck": isStuck,
+            "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 (h(Host, { key: '01492883beb334fda54b1931275876d27bdedd66', "is-stuck": this.isStuckTop || this.isStuckBottom, "is-stuck-top": this.isStuckTop, "is-stuck-bottom": this.isStuckBottom }, h("div", { key: '0606eea000f552312f5b878d7b9a178f1a905c40', class: classes }, h("div", { key: 'cd1f582162db1ab90df203edaf974698eaf1c174', ref: el => (this.spacerElement = el), class: "stzh-sticky__spacer" }), h("div", { key: '61e32982fcf9646b97590b0df6645a78fdce3e98', ref: el => (this.stickyElement = el), class: "stzh-sticky__sticky" }, h("div", { key: 'fbd1e9f36343848fdbb0b5a2e06e29a564417b36', class: "stzh-sticky__content" }, h("div", { key: '8eb4d39bfd9a0230833b19eb384afcb95661e97c', class: "stzh-sticky__content-inner" }, h("slot", { key: 'e730934534a68074c5c20c594e37e4a0a0c8db9a' })))))));
+    }
+    get element() { return this; }
+    static get watchers() { return {
+        "disableStickyTop": ["disableStickyWatcher"],
+        "disableStickyBottom": ["disableStickyWatcher"],
+        "isStuckTop": ["stuckHeightWatcher", "isStuckTopWatcher"],
+        "isStuckBottom": ["stuckHeightWatcher", "isStuckBottomWatcher"],
+        "hasReachedTopLimit": ["stuckHeightWatcher"],
+        "hasReachedBottomLimit": ["stuckHeightWatcher"],
+        "position": ["positionWatcher"],
+        "bleeding": ["positionWatcher"]
+    }; }
+    static get style() { return stzhStickyCss(); }
+}, [257, "stzh-sticky", {
+        "variant": [513],
+        "disableStickyTop": [516, "disable-sticky-top"],
+        "disableStickyBottom": [516, "disable-sticky-bottom"],
+        "bleeding": [516],
+        "name": [1],
+        "position": [513],
+        "isStuckTop": [32],
+        "isStuckBottom": [32],
+        "hasReachedTopLimit": [32],
+        "hasReachedBottomLimit": [32],
+        "loaded": [32]
+    }, undefined, {
+        "disableStickyTop": ["disableStickyWatcher"],
+        "disableStickyBottom": ["disableStickyWatcher"],
+        "isStuckTop": ["stuckHeightWatcher", "isStuckTopWatcher"],
+        "isStuckBottom": ["stuckHeightWatcher", "isStuckBottomWatcher"],
+        "hasReachedTopLimit": ["stuckHeightWatcher"],
+        "hasReachedBottomLimit": ["stuckHeightWatcher"],
+        "position": ["positionWatcher"],
+        "bleeding": ["positionWatcher"]
+    }]);
+function defineCustomElement() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["stzh-sticky"];
+    components.forEach(tagName => { switch (tagName) {
+        case "stzh-sticky":
+            if (!customElements.get(transformTag(tagName))) {
+                customElements.define(transformTag(tagName), StzhSticky);
+            }
+            break;
+    } });
+}
+
+export { StzhSticky as S, defineCustomElement as d, throttle as t };
+//# sourceMappingURL=p-DNS8RqpI.js.map
+
+//# sourceMappingURL=p-DNS8RqpI.js.map

package/dist/components/p-DNS8RqpI.js.map

@@ -0,0 +1 @@
+{"file":"p-DNS8RqpI.js","mappings":"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","names":["require$$0","require$$1","__stencil_proxyCustomElement","HTMLElement"],"sources":["node_modules/lodash/throttle.js","src/components/stzh-sticky/stzh-sticky.scss?tag=stzh-sticky&encapsulation=shadow","src/components/stzh-sticky/stzh-sticky.tsx"],"sourcesContent":["var debounce = require('./debounce'),\n    isObject = require('./isObject');\n\n/** Error message constants. */\nvar FUNC_ERROR_TEXT = 'Expected a function';\n\n/**\n * Creates a throttled function that only invokes `func` at most once per\n * every `wait` milliseconds. The throttled function comes with a `cancel`\n * method to cancel delayed `func` invocations and a `flush` method to\n * immediately invoke them. Provide `options` to indicate whether `func`\n * should be invoked on the leading and/or trailing edge of the `wait`\n * timeout. The `func` is invoked with the last arguments provided to the\n * throttled function. Subsequent calls to the throttled function return the\n * result of the last `func` invocation.\n *\n * **Note:** If `leading` and `trailing` options are `true`, `func` is\n * invoked on the trailing edge of the timeout only if the throttled function\n * is invoked more than once during the `wait` timeout.\n *\n * If `wait` is `0` and `leading` is `false`, `func` invocation is deferred\n * until to the next tick, similar to `setTimeout` with a timeout of `0`.\n *\n * See [David Corbacho's article](https://css-tricks.com/debouncing-throttling-explained-examples/)\n * for details over the differences between `_.throttle` and `_.debounce`.\n *\n * @static\n * @memberOf _\n * @since 0.1.0\n * @category Function\n * @param {Function} func The function to throttle.\n * @param {number} [wait=0] The number of milliseconds to throttle invocations to.\n * @param {Object} [options={}] The options object.\n * @param {boolean} [options.leading=true]\n *  Specify invoking on the leading edge of the timeout.\n * @param {boolean} [options.trailing=true]\n *  Specify invoking on the trailing edge of the timeout.\n * @returns {Function} Returns the new throttled function.\n * @example\n *\n * // Avoid excessively updating the position while scrolling.\n * jQuery(window).on('scroll', _.throttle(updatePosition, 100));\n *\n * // Invoke `renewToken` when the click event is fired, but not more than once every 5 minutes.\n * var throttled = _.throttle(renewToken, 300000, { 'trailing': false });\n * jQuery(element).on('click', throttled);\n *\n * // Cancel the trailing throttled invocation.\n * jQuery(window).on('popstate', throttled.cancel);\n */\nfunction throttle(func, wait, options) {\n  var leading = true,\n      trailing = true;\n\n  if (typeof func != 'function') {\n    throw new TypeError(FUNC_ERROR_TEXT);\n  }\n  if (isObject(options)) {\n    leading = 'leading' in options ? !!options.leading : leading;\n    trailing = 'trailing' in options ? !!options.trailing : trailing;\n  }\n  return debounce(func, wait, {\n    'leading': leading,\n    'maxWait': wait,\n    'trailing': trailing\n  });\n}\n\nmodule.exports = throttle;\n","/**\n * @prop --padding-top: Padding top of sticky element\n * @prop --padding-bottom: Padding bottom of sticky element\n * @prop --padding-left: Padding left of sticky element\n * @prop --padding-right: Padding right of sticky element\n * @prop --background-color: Background color of sticky element\n * @prop --stuck-padding-top: Padding top of stuck sticky element\n * @prop --stuck-padding-bottom: Padding bottom of stuck sticky element\n * @prop --stuck-padding-left: Padding left of stuck sticky element\n * @prop --stuck-padding-right: Padding right of stuck sticky element\n * @prop --stuck-background-color: Background color of stuck sticky element\n *\n * @prop --stzh-sticky-{NAME}-is-stuck: **Global**: Whether sticky is currently stuck (readonly variable on `<html>`)\n * @prop --stzh-sticky-{NAME}-is-not-stuck: **Global**: Whether sticky is currently not stuck (readonly variable on `<html>`)\n * @prop --stzh-sticky-{NAME}-is-stuck-top: **Global**: Whether sticky is currently stuck on top (readonly variable on `<html>`)\n * @prop --stzh-sticky-{NAME}-is-not-stuck-top: **Global**: Whether sticky is currently not stuck on top (readonly variable on `<html>`)\n * @prop --stzh-sticky-{NAME}-is-stuck-bottom: **Global**: Whether sticky is currently stuck on bottom (readonly variable on `<html>`)\n * @prop --stzh-sticky-{NAME}-is-not-stuck-bottom: **Global**: Whether sticky is currently not stuck on bottom (readonly variable on `<html>`)\n * @prop --stzh-sticky-{NAME}-stuck-top-height: **Global**: Stuck top sticky element height (readonly variable on `<html>`)\n * @prop --stzh-sticky-{NAME}-stuck-bottom-height: **Global**: Stuck bottom sticky element height (readonly variable on `<html>`)\n */\n\n:host {\n  --padding-top: #{space(\"large\")};\n  --padding-bottom: #{space(\"large\")};\n  --padding-left: 0;\n  --padding-right: 0;\n  --background-color: transparent;\n\n  --stuck-padding-top: var(--padding-top);\n  --stuck-padding-bottom: var(--padding-bottom);\n  --stuck-padding-left: var(--padding-left);\n  --stuck-padding-right: var(--padding-right);\n  --stuck-background-color: #{$colorGrey10};\n\n  display: contents;\n\n  @media print {\n    display: none;\n  }\n}\n\n:host([variant=\"transparent\"]) {\n  --background-color: transparent;\n  --stuck-background-color: transparent;\n\n  pointer-events: none;\n}\n\n:host([position=\"fixed\"]) {\n  display: block;\n}\n\n.stzh-sticky {\n  display: contents;\n\n  &__sticky {\n    position: sticky;\n    top: -1px;\n    bottom: -1px;\n    z-index: $zIndexSticky;\n    width: var(--stzh-sticky-unstuck-width, auto);\n    transition-property: width, transform, opacity;\n    transition-duration: $baseTransitionAnimationSpeed;\n  }\n\n  &__content,\n  &__content::before {\n    background-color: var(--background-color);\n    transition-duration: $baseTransitionAnimationSpeed;\n  }\n\n  &__content {\n    --stzh-button-pointer-events: all;\n    --stzh-link-pointer-events: all;\n\n    position: relative;\n    transition-property: background-color, transform;\n\n    // &::before,\n    // &::after {\n    //   content: '';\n    //   pointer-events: none;\n    //   display: block;\n    //   position: absolute;\n    //   left: 0;\n    //   width: 100%;\n    //   height: space('xxlarge');\n    //   opacity: 0;\n    //   transition: opacity $baseTransitionAnimationSpeed;\n    // }\n\n    // &::before {\n    //   background: linear-gradient(0deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%);\n    //   top: 0;\n    //   transform: translateY(-100%);\n    // }\n\n    // &::after {\n    //   background: linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 100%);\n    //   bottom: 0;\n    //   transform: translateY(100%);\n    // }\n  }\n\n  &__content-inner {\n    padding-top: var(--padding-top);\n    padding-bottom: var(--padding-bottom);\n    padding-left: var(--padding-left);\n    padding-right: var(--padding-right);\n    transition-property: padding;\n    transition-duration: $baseTransitionAnimationSpeed;\n  }\n\n  &__spacer {\n    display: none;\n  }\n\n  /* Disabled variants */\n\n  &--is-disabled-sticky-top &__sticky {\n    top: auto;\n  }\n\n  &--is-disabled-sticky-bottom &__sticky {\n    bottom: auto;\n  }\n\n  /* Bleeding variant */\n\n  &--is-bleeding &__content {\n    &::before {\n      z-index: -1;\n      content: \"\";\n      position: absolute;\n      display: block;\n      width: 100%;\n      height: 100%;\n      transform: translateY(0);\n      transition-property: width, background-color, transform;\n    }\n  }\n\n  /* Is stuck variant */\n\n  &--is-stuck &__content,\n  &--is-stuck &__content::before {\n    background-color: var(--stuck-background-color);\n  }\n\n  &--is-stuck &__content::before {\n    width: calc(100vw - var(--stzh-scrollbar-width));\n    transform: translateX(calc(var(--stzh-sticky-offset-left) / -1));\n  }\n\n  &--is-stuck &__content-inner {\n    padding-top: var(--stuck-padding-top);\n    padding-bottom: var(--stuck-padding-bottom);\n    padding-left: var(--stuck-padding-left);\n    padding-right: var(--stuck-padding-right);\n  }\n\n  // &--is-stuck-bottom &__content {\n  //   &::before {\n  //     opacity: 1;\n  //   }\n  // }\n\n  // &--is-stuck-top &__content {\n  //   &::after {\n  //     opacity: 1;\n  //   }\n  // }\n\n  /* Transparent variant */\n\n  // &--transparent &__content {\n  //   &::after,\n  //   &::before {\n  //     display: none;\n  //   }\n  // }\n\n  // /* Position sticky variant */\n\n  // &--is-breakout &__content {\n  // position: relative;\n  // left: 50%;\n  // right: 50%;\n  // margin-left: calc(-50vw + var(--stzh-scrollbar-width) / 2);\n  // margin-right: calc(-50vw + var(--stzh-scrollbar-width) / 2);\n  // width: calc(100vw - var(--stzh-scrollbar-width));\n  // max-width: calc(100vw - var(--stzh-scrollbar-width));\n  // }\n\n  &--is-not-loaded {\n    visibility: hidden;\n  }\n\n  &--is-not-loaded#{&}--is-stuck &__sticky {\n    transform: translateY(100%);\n    opacity: 0;\n  }\n\n  &--is-not-loaded &__sticky,\n  &--is-not-loaded &__content,\n  &--is-not-loaded &__content::before,\n  &--is-not-loaded &__content-inner {\n    transition-duration: 0ms;\n  }\n}\n","import { Component, Host, h, Element, Prop, State, Watch, Event, EventEmitter } from \"@stencil/core\";\n\nimport { StzhStickyStuckTopEvent, StzhStickyStuckBottomEvent } from \"../../index\";\n\nimport { isVisible, offset } from \"../../utils/utils\";\nimport throttle from \"lodash/throttle\";\n\nconst ATTR_STICKY_CONTAINER = \"data-stzh-sticky-container\";\nconst ATTR_STICKY_WIDTH_CONTAINER = \"data-stzh-sticky-width-container\";\n\n/**\n * @slot - Slot for any content\n */\n@Component({\n  tag: \"stzh-sticky\",\n  styleUrl: \"stzh-sticky.scss\",\n  shadow: true,\n})\nexport class StzhSticky {\n  /** Variant */\n  @Prop({ reflect: true }) variant: \"default\" | \"transparent\" = \"default\";\n\n  /** Whether to disable sticking to top */\n  @Prop({ reflect: true }) disableStickyTop: boolean = true;\n\n  /** Whether to disable sticking to bottom */\n  @Prop({ reflect: true }) disableStickyBottom: boolean = false;\n\n  /** Whether background breaks out container to full viewport width */\n  @Prop({ reflect: true }) bleeding: boolean = false;\n\n  /** Name of sticky element (used for setting css properties) */\n  @Prop() name: string;\n\n  /**\n   * Position type used.\n   *\n   * - sticky: used only css position sticky\n   * - fixed: uses position fixed with js for positioning (`data-stzh-sticky-container` can be used on a container element to limit sticky position)\n   */\n  @Prop({ reflect: true }) position: \"sticky\" | \"fixed\" = \"sticky\";\n\n  @Watch(\"disableStickyTop\")\n  @Watch(\"disableStickyBottom\")\n  disableStickyWatcher() {\n    requestAnimationFrame(() => {\n      requestAnimationFrame(() => {\n        if (this.position === \"fixed\") {\n          this.updateFixedByResize();\n        } else {\n          this.updateStuck();\n        }\n      });\n    });\n  }\n\n  @Watch(\"isStuckTop\")\n  @Watch(\"isStuckBottom\")\n  @Watch(\"hasReachedTopLimit\")\n  @Watch(\"hasReachedBottomLimit\")\n  stuckHeightWatcher() {\n    let isStuck = false;\n\n    if (this.isStuckTop && !this.hasReachedBottomLimit) {\n      isStuck = true;\n      document.documentElement.style.setProperty(`--stzh-sticky-${this.name && this.name + \"-\"}is-stuck-top`, \"1\");\n      document.documentElement.style.setProperty(`--stzh-sticky-${this.name && this.name + \"-\"}is-not-stuck-top`, \"0\");\n      document.documentElement.style.setProperty(\n        `--stzh-sticky-${this.name && this.name + \"-\"}stuck-top-height`,\n        `${this.stickyElement.offsetHeight}px`,\n      );\n    } else {\n      document.documentElement.style.setProperty(`--stzh-sticky-${this.name && this.name + \"-\"}is-stuck-top`, \"0\");\n      document.documentElement.style.setProperty(`--stzh-sticky-${this.name && this.name + \"-\"}is-not-stuck-top`, \"1\");\n      document.documentElement.style.setProperty(\n        `--stzh-sticky-${this.name && this.name + \"-\"}stuck-top-height`,\n        \"0px\",\n      );\n    }\n\n    if (this.isStuckBottom && !this.hasReachedTopLimit) {\n      isStuck = true;\n      document.documentElement.style.setProperty(`--stzh-sticky-${this.name && this.name + \"-\"}is-stuck-bottom`, \"1\");\n      document.documentElement.style.setProperty(\n        `--stzh-sticky-${this.name && this.name + \"-\"}is-not-stuck-bottom`,\n        \"0\",\n      );\n      document.documentElement.style.setProperty(\n        `--stzh-sticky-${this.name && this.name + \"-\"}stuck-bottom-height`,\n        `${this.stickyElement.offsetHeight}px`,\n      );\n    } else {\n      document.documentElement.style.setProperty(`--stzh-sticky-${this.name && this.name + \"-\"}is-stuck-bottom`, \"0\");\n      document.documentElement.style.setProperty(\n        `--stzh-sticky-${this.name && this.name + \"-\"}is-not-stuck-bottom`,\n        \"1\",\n      );\n      document.documentElement.style.setProperty(\n        `--stzh-sticky-${this.name && this.name + \"-\"}stuck-bottom-height`,\n        \"0px\",\n      );\n    }\n\n    document.documentElement.style.setProperty(\n      `--stzh-sticky-${this.name && this.name + \"-\"}is-stuck`,\n      isStuck ? \"1\" : \"0\",\n    );\n    document.documentElement.style.setProperty(\n      `--stzh-sticky-${this.name && this.name + \"-\"}is-not-stuck`,\n      isStuck ? \"0\" : \"1\",\n    );\n\n    if (isStuck) {\n      this.stickyResizeObserver.observe(this.stickyElement);\n    } else {\n      this.stickyResizeObserver.unobserve(this.stickyElement);\n    }\n  }\n\n  @Watch(\"isStuckTop\")\n  isStuckTopWatcher(newValue: boolean) {\n    this.stzhStuckTop.emit({\n      component: \"stzh-sticky\",\n      sticky: newValue,\n    });\n  }\n\n  @Watch(\"isStuckBottom\")\n  isStuckBottomWatcher(newValue: boolean) {\n    this.stzhStuckBottom.emit({\n      component: \"stzh-sticky\",\n      sticky: newValue,\n    });\n  }\n\n  @Watch(\"position\")\n  @Watch(\"bleeding\")\n  positionWatcher() {\n    if (this.position === \"fixed\") {\n      if (this.observer) {\n        this.observer.disconnect();\n      }\n\n      window.addEventListener(\"scroll\", this.handleScroll, { passive: true });\n      window.addEventListener(\"resize\", this.handleResize);\n\n      this.updateFixedByResize();\n    } else {\n      if (this.bleeding) {\n        window.addEventListener(\"scroll\", this.handleScroll, { passive: true });\n        this.updateByScroll();\n      } else {\n        window.removeEventListener(\"scroll\", this.handleScroll);\n      }\n\n      window.removeEventListener(\"resize\", this.handleResize);\n      this.setUnfixed();\n\n      this.observer = new IntersectionObserver(this.observe, { threshold: [1] });\n      this.observer.observe(this.stickyElement);\n\n      this.updateStuck();\n    }\n  }\n\n  /** Sticky stuck top event */\n  @Event() stzhStuckTop: EventEmitter<StzhStickyStuckTopEvent>;\n\n  /** Sticky stuck bottom event */\n  @Event() stzhStuckBottom: EventEmitter<StzhStickyStuckBottomEvent>;\n\n  @Element() element: HTMLStzhStickyElement;\n\n  @State() isStuckTop: boolean;\n  @State() isStuckBottom: boolean;\n\n  @State() hasReachedTopLimit: boolean;\n  @State() hasReachedBottomLimit: boolean;\n\n  @State() loaded: boolean = false;\n\n  private observer: IntersectionObserver;\n  private stickyResizeObserver: ResizeObserver;\n  private debounceScroll: number;\n  private debounceResize: number;\n  private stickyElement: HTMLElement;\n  private spacerElement: HTMLElement;\n\n  private windowHeight: number;\n  private scrollX: number;\n  private scrollY: number;\n  private fixedTop: number;\n  private fixedLeft: number;\n  private fixedHeight: number = 0;\n  private fixedWidth: number = 0;\n  private fixedLimit: { top: number; bottom: number } | null = null;\n\n  private updateStuck() {\n    const topCss = parseInt(getComputedStyle(this.stickyElement).top, 10);\n    const bottomCss = parseInt(getComputedStyle(this.stickyElement).bottom, 10);\n    const rect = this.stickyElement.getBoundingClientRect();\n\n    if (topCss) {\n      this.isStuckTop = rect.top < 0;\n    } else {\n      this.isStuckTop = false;\n    }\n\n    if (bottomCss) {\n      this.isStuckBottom = document.documentElement.clientHeight < rect.bottom;\n    } else {\n      this.isStuckBottom = false;\n    }\n  }\n\n  private getFixedLimit(): { top: number; bottom: number } | null {\n    const stickyContainer = this.element.closest(`[${ATTR_STICKY_CONTAINER}]`);\n\n    if (!stickyContainer) {\n      return null;\n    }\n\n    const off = offset(stickyContainer);\n\n    return {\n      top: off.top,\n      bottom: off.top + stickyContainer.scrollHeight,\n    };\n  }\n\n  private setUnfixed() {\n    Object.assign(this.stickyElement.style, {\n      position: null,\n      top: null,\n      bottom: null,\n      left: null,\n      width: null,\n    });\n\n    Object.assign(this.spacerElement.style, {\n      display: \"none\",\n    });\n  }\n\n  private setFixed() {\n    const position = this.hasReachedTopLimit || this.hasReachedBottomLimit ? \"absolute\" : \"fixed\";\n\n    Object.assign(this.stickyElement.style, {\n      position,\n      top:\n        position === \"absolute\"\n          ? `${this.isStuckTop ? this.fixedLimit.bottom - this.fixedHeight : this.fixedLimit.top}px`\n          : this.isStuckTop\n            ? \"0px\"\n            : \"auto\",\n      bottom: this.isStuckTop || position === \"absolute\" ? \"auto\" : \"0px\",\n      left: `${this.fixedLeft + (position === \"fixed\" ? this.scrollX : 0)}px`,\n      width: `${this.fixedWidth}px`,\n    });\n\n    Object.assign(this.spacerElement.style, {\n      display: \"block\",\n    });\n  }\n\n  private handleScroll = () => {\n    if (this.debounceScroll) {\n      window.cancelAnimationFrame(this.debounceScroll);\n    }\n\n    this.debounceScroll = requestAnimationFrame(this.updateByScroll);\n  };\n\n  private handleResize = () => {\n    if (this.debounceResize) {\n      window.cancelAnimationFrame(this.debounceResize);\n    }\n\n    this.debounceResize = requestAnimationFrame(this.updateFixedByResize);\n  };\n\n  private handleStickyResize = throttle(() => {\n    this.stuckHeightWatcher();\n    this.updateByScroll();\n  }, 100);\n\n  private updateByScroll = () => {\n    if (!isVisible(this.stickyElement) || !this.element.isConnected) {\n      return;\n    }\n\n    const stickyFixedWidthContainer =\n      (this.element.closest(`[${ATTR_STICKY_WIDTH_CONTAINER}]`) as HTMLElement) || this.element.parentElement;\n\n    const off = offset(\n      (this.isStuckTop || this.isStuckBottom) && this.position === \"fixed\" ? this.spacerElement : this.stickyElement,\n    );\n\n    this.fixedTop = off.top;\n    this.fixedLeft = off.left;\n\n    stickyFixedWidthContainer.style.setProperty(\"--stzh-sticky-offset-top\", `${this.fixedTop}px`);\n    stickyFixedWidthContainer.style.setProperty(\"--stzh-sticky-offset-left\", `${this.fixedLeft}px`);\n\n    if (this.position === \"sticky\") {\n      // for position sticky we only need the offsets variables to be updated in bleeding variant\n      return;\n    }\n\n    this.fixedHeight = this.stickyElement.offsetHeight;\n    this.spacerElement.style.height = `${this.fixedHeight}px`;\n\n    this.scrollX = window.scrollX;\n    this.scrollY = window.scrollY;\n    this.fixedLimit = this.getFixedLimit();\n\n    this.fixedWidth = stickyFixedWidthContainer.getBoundingClientRect().width;\n\n    const unstuckWidth = this.element.getBoundingClientRect().width;\n    // stickyFixedWidthContainer.style.setProperty('--stzh-sticky-stuck-width', `${this.fixedWidth}px`);\n    stickyFixedWidthContainer.style.setProperty(\"--stzh-sticky-unstuck-width\", `${unstuckWidth}px`);\n\n    // console.log(unstuckWidth);\n\n    // console.log(\n    //   this.scrollX,\n    //   this.scrollY,\n    //   this.windowHeight,\n    //   this.fixedTop,\n    //   this.fixedLeft,\n    //   this.fixedHeight,\n    //   this.fixedLimit,\n    // );\n\n    this.isStuckBottom =\n      !this.disableStickyBottom && this.scrollY + this.windowHeight <= this.fixedTop + this.fixedHeight;\n    this.isStuckTop = !this.disableStickyTop && this.scrollY >= this.fixedTop;\n\n    this.hasReachedTopLimit =\n      this.fixedLimit && this.scrollY + this.windowHeight - this.fixedHeight <= this.fixedLimit.top;\n    this.hasReachedBottomLimit = this.fixedLimit && this.scrollY >= this.fixedLimit.bottom - this.fixedHeight;\n\n    // console.log(\n    //   this.isStuckBottom,\n    //   this.isStuckTop,\n    //   this.hasReachedBottomLimit,\n    //   this.hasReachedTopLimit,\n    // );\n\n    if (this.isStuckTop || this.isStuckBottom) {\n      this.setFixed();\n      // stickyFixedWidthContainer.style.setProperty('--stzh-sticky-width', `${this.fixedWidth}px`);\n    } else {\n      this.setUnfixed();\n      // stickyFixedWidthContainer.style.setProperty('--stzh-sticky-width', `${unstuckWidth}px`);\n    }\n  };\n\n  private updateFixedByResize = () => {\n    if (!this.stickyElement || !this.element.isConnected) {\n      return;\n    }\n\n    // reset sticky so we can read current offsets\n    this.setUnfixed();\n    this.stickyElement.style.position = \"static\";\n    this.stickyElement.style.width = \"auto\";\n    this.isStuckTop = false;\n    this.isStuckBottom = false;\n\n    if (isVisible(this.stickyElement)) {\n      this.windowHeight = window.innerHeight;\n      this.updateByScroll();\n    }\n  };\n\n  private observe = () => {\n    this.updateStuck();\n  };\n\n  componentDidLoad() {\n    this.stickyResizeObserver = new ResizeObserver(this.handleStickyResize);\n    this.positionWatcher();\n\n    requestAnimationFrame(() => {\n      requestAnimationFrame(() => {\n        window.setTimeout(() => {\n          this.loaded = true;\n\n          if (this.position === \"fixed\") {\n            this.updateFixedByResize();\n          }\n        }, 250);\n      });\n    });\n  }\n\n  disconnectedCallback() {\n    this.observer?.disconnect();\n    this.stickyResizeObserver?.disconnect();\n\n    window.removeEventListener(\"scroll\", this.handleScroll);\n    window.removeEventListener(\"resize\", this.handleResize);\n  }\n\n  render() {\n    const isStuck = this.isStuckTop || this.isStuckBottom;\n\n    const classes = {\n      \"stzh-sticky\": true,\n      \"stzh-sticky--is-not-loaded\": !this.loaded,\n      \"stzh-sticky--is-stuck\": isStuck,\n      \"stzh-sticky--is-stuck-top\": this.isStuckTop,\n      \"stzh-sticky--is-stuck-bottom\": this.isStuckBottom,\n      \"stzh-sticky--is-disabled-sticky-top\": this.disableStickyTop,\n      \"stzh-sticky--is-disabled-sticky-bottom\": this.disableStickyBottom,\n      \"stzh-sticky--is-bleeding\": this.bleeding,\n      [`stzh-sticky--position-${this.position}`]: !!this.position,\n      [`stzh-sticky--${this.variant}`]: !!this.variant,\n    };\n\n    return (\n      <Host\n        is-stuck={this.isStuckTop || this.isStuckBottom}\n        is-stuck-top={this.isStuckTop}\n        is-stuck-bottom={this.isStuckBottom}\n      >\n        <div class={classes}>\n          <div ref={el => (this.spacerElement = el as HTMLDivElement)} class=\"stzh-sticky__spacer\"></div>\n          <div ref={el => (this.stickyElement = el as HTMLDivElement)} class=\"stzh-sticky__sticky\">\n            <div class=\"stzh-sticky__content\">\n              <div class=\"stzh-sticky__content-inner\">\n                <slot></slot>\n              </div>\n            </div>\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"version":3}