@statistikzh/leu 0.24.2 → 0.25.0

package/dist/ScrollTop.d.ts

@@ -1,27 +1,27 @@
-import * as lit_html from 'lit-html';
-import * as lit from 'lit';
-import { L as LeuElement } from './LeuElement.d-BevHqLUu.js';
-import { LeuButton } from './Button.js';
-import { L as LeuIcon } from './Icon.d-itcQ94ym.js';
+import { t as LeuElement } from "./LeuElement-pJFU18Xm.js";
+import { t as LeuIcon } from "./Icon-Op80LrrO.js";
+import { t as LeuButton } from "./Button-DSGPIcjm.js";
+import * as lit_html0 from "lit-html";
 
+//#region src/components/scroll-top/ScrollTop.d.ts
 /**
  * @tagname leu-scroll-top
  */
 declare class LeuScrollTop extends LeuElement {
-    static dependencies: {
-        "leu-button": typeof LeuButton;
-        "leu-icon": typeof LeuIcon;
-    };
-    static styles: lit.CSSResultGroup[];
-    protected _showButton: boolean;
-    protected _prevYPos: number;
-    protected _scrollDown: boolean;
-    protected _scrollListener: EventListener;
-    scroll: () => void;
-    connectedCallback(): void;
-    disconnectedCallback(): void;
-    static scrollToTop(): void;
-    render(): lit_html.TemplateResult<1>;
+  static dependencies: {
+    "leu-button": typeof LeuButton;
+    "leu-icon": typeof LeuIcon;
+  };
+  static styles: any[];
+  protected _showButton: boolean;
+  protected _prevYPos: number;
+  protected _scrollDown: boolean;
+  protected _scrollListener: EventListener;
+  scroll: () => void;
+  connectedCallback(): void;
+  disconnectedCallback(): void;
+  static scrollToTop(): void;
+  render(): lit_html0.TemplateResult<1>;
 }
-
-export { LeuScrollTop };
+//#endregion
+export { LeuScrollTop };

package/dist/ScrollTop.js

@@ -1,135 +1,6 @@
-import { _ as __decorate } from './_tslib-CNEFicEt.js';
-import { css, html } from 'lit';
-import { classMap } from 'lit/directives/class-map.js';
-import { state } from 'lit/decorators.js';
-import { L as LeuElement } from './LeuElement-BfXSO7MN.js';
-import { LeuButton } from './Button.js';
-import { LeuIcon } from './Icon.js';
-import { t as throttle } from './utils-DBGsNSJW.js';
-import 'lit/directives/if-defined.js';
-import './hasSlotController-Bm2tipvG.js';
-
-var css_248z = css`.scroll-top {
-  overflow: hidden;
-  position: fixed;
-  z-index: var(--leu-z-index-scroll-top);
-
-  --_space: 1.5rem;
-  right: 1.5rem;
-  right: var(--_space);
-  bottom: 1.5rem;
-  bottom: var(--_space);
-
-  /* show */
-  height: 3rem;
-  pointer-events: auto;
-  transition: height, bottom 0.9s, 0.6s ease;
-}
-@media (min-width: 600px) {
-.scroll-top {
-    --_space: 2rem;
-}
-  }
-@media (min-width: 1024px) {
-.scroll-top {
-    --_space: 2.5rem;
-}
-  }
-@media (min-width: 1280px) {
-.scroll-top {
-    --_space: 3rem;
-}
-  }
-.hide {
-  height: 0;
-  pointer-events: none;
-  transition: height, top 0.9s, 0.6s ease;
-}
-@keyframes hide-animation {
-  0% {
-    transform: rotate(0deg);
-  }
-
-  100% {
-    transform: rotate(90deg);
-  }
-}
-.hide leu-button {
-  animation-name: hide-animation;
-  animation-duration: 0.45s;
-  animation-timing-function: ease;
-}
-`;
-
-/**
- * @tagname leu-scroll-top
- */
-class LeuScrollTop extends LeuElement {
-    constructor() {
-        super(...arguments);
-        this._showButton = false;
-        this._prevYPos = 0;
-        this._scrollDown = false;
-        this.scroll = () => {
-            const delta = window.scrollY - this._prevYPos;
-            if (this._scrollDown) {
-                if (delta < 0) {
-                    this._scrollDown = false;
-                }
-            }
-            else if (delta > 0) {
-                this._scrollDown = true;
-            }
-            /**
-             * Only show the button when
-             * ... the current scroll position is greater than the window height (below-the-fold) and when
-             * ... scrolling up
-             */
-            this._showButton = window.scrollY > window.innerHeight && !this._scrollDown;
-            this._prevYPos = window.scrollY;
-        };
-    }
-    connectedCallback() {
-        super.connectedCallback();
-        this._scrollListener = throttle(this.scroll, 100);
-        document.addEventListener("scroll", this._scrollListener, true);
-    }
-    disconnectedCallback() {
-        document.removeEventListener("scroll", this._scrollListener, true);
-        super.disconnectedCallback();
-    }
-    static scrollToTop() {
-        window.scrollTo({
-            top: 0,
-            left: 0,
-            behavior: "smooth",
-        });
-    }
-    render() {
-        const cssClasses = {
-            "scroll-top": true,
-            hide: !this._showButton,
-        };
-        return html `
-      <div class=${classMap(cssClasses)}>
-        <leu-button
-          label="Zum Seitenanfang"
-          round
-          @click="${() => LeuScrollTop.scrollToTop()}"
-        >
-          <leu-icon name="arrowUp"></leu-icon>
-        </leu-button>
-      </div>
-    `;
-    }
-}
-LeuScrollTop.dependencies = {
-    "leu-button": LeuButton,
-    "leu-icon": LeuIcon,
-};
-LeuScrollTop.styles = [LeuElement.styles, css_248z];
-__decorate([
-    state()
-], LeuScrollTop.prototype, "_showButton", void 0);
-
+import "./LeuElement-B7NJzWwP.js";
+import "./Icon-DhAvH0XM.js";
+import "./Button-EdS9xr2J.js";
+import "./FormAssociatedMixin-BbFlza53.js";
+import { t as LeuScrollTop } from "./ScrollTop-DxChetWq.js";
 export { LeuScrollTop };