@statistikzh/leu 0.3.0 → 0.5.0

package/dist/Radio.js

@@ -1,4 +1,4 @@
-import { _ as _defineProperty, d as defineElement } from './defineElement-ba770aed.js';
+import { _ as _defineProperty } from './_rollupPluginBabelHelpers-20f659f4.js';
 import { css, LitElement, html } from 'lit';
 
 var css_248z = css`:host {
@@ -9,13 +9,13 @@ var css_248z = css`:host {
   --radio-label-color: var(--leu-color-black-100);
   --radio-label-color-disabled: var(--radio-color-disabled);
 
-  --radio-font-regular: var(--leu-font-regular);
+  --radio-font-regular: var(--leu-font-family-regular);
 
   display: inline-flex;
   align-items: flex-start;
   gap: 0.5rem;
 
-  font-family: var(--leu-font-regular);
+  font-family: var(--leu-font-family-regular);
 
   font-family: var(--radio-font-regular);
 }
@@ -124,7 +124,7 @@ class LeuRadio extends LitElement {
         ?disabled=${this.disabled}
         .value=${this.value}
       />
-      <label for=${this.identifier} class="label"><slot></slot></label>
+      <label for=${this.identifier} class="label">${this.label}</label>
     `;
   }
 }
@@ -153,10 +153,11 @@ _defineProperty(LeuRadio, "properties", {
   name: {
     type: String,
     reflect: true
+  },
+  label: {
+    type: String,
+    reflect: true
   }
 });
-function defineRadioElements() {
-  defineElement("radio", LeuRadio);
-}
 
-export { LeuRadio, defineRadioElements };
+export { LeuRadio };

package/dist/RadioGroup.d.ts

@@ -0,0 +1,20 @@
+/**
+ * @tagname leu-radio-group
+ */
+export class LeuRadioGroup extends LitElement {
+    _currentIndex: number;
+    orientation: string;
+    items: any[];
+    get value(): any;
+    addEventListeners(): void;
+    removeEventListeners(): void;
+    handleSlotChange(): void;
+    selectItem(selectingItem: any): void;
+    selectNextItem(startingIndex: any, direction: any): void;
+    setTabIndex(): void;
+    handleItems(): void;
+    initializeIndex(): void;
+    render(): import("lit-html").TemplateResult<1>;
+}
+import { LitElement } from 'lit';
+//# sourceMappingURL=RadioGroup.d.ts.map

package/dist/RadioGroup.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RadioGroup.d.ts","sourceRoot":"","sources":["RadioGroup.js"],"names":[],"mappings":"AAqCA;;GAEG;AACH;IAIM,sBAAiD;IA6BnD,oBAA+B;IAE/B,aAAe;IAEjB,iBAGC;IAUD,0BAIC;IACD,6BAIC;IACD,yBAEC;IACD,qCAIC;IACD,yDAaC;IACD,oBAQC;IACD,oBAIC;IACD,wBAIC;IACD,+CAWC;CACF;2BAxJqC,KAAK"}

package/dist/RadioGroup.js

@@ -1,7 +1,40 @@
-import { _ as _defineProperty, d as defineElement } from './defineElement-ba770aed.js';
+import { _ as _defineProperty } from './_rollupPluginBabelHelpers-20f659f4.js';
 import { css, LitElement, html } from 'lit';
 import { classMap } from 'lit/directives/class-map.js';
 
+var css_248z = css`:host {
+  --group-font-regular: var(--leu-font-family-regular);
+  --group-font-black: var(--leu-font-family-black);
+
+  font-family: var(--leu-font-family-regular);
+
+  font-family: var(--group-font-regular);
+}
+
+.fieldset {
+  display: flex;
+  align-items: flex-start;
+  flex-wrap: wrap;
+  gap: 0.5rem 1rem;
+
+  border: none;
+  padding: 0;
+}
+
+.fieldset--vertical {
+  flex-direction: column;
+  gap: 1rem;
+}
+
+.legend {
+  font-family: var(--group-font-black);
+  font-size: 1.125rem;
+  line-height: 1.5;
+
+  margin-bottom: 0.5rem;
+}
+`;
+
 /**
  * @tagname leu-radio-group
  */
@@ -73,7 +106,6 @@ class LeuRadioGroup extends LitElement {
       item.checked = item === selectingItem; // eslint-disable-line no-param-reassign
     });
   }
-
   selectNextItem(startingIndex, direction) {
     let selected = false;
     for (let index = 0; index < this.items.length; index += 1) {
@@ -97,7 +129,6 @@ class LeuRadioGroup extends LitElement {
       }
     });
   }
-
   handleItems() {
     this.items = [...this.querySelectorAll(":scope > *:not([slot])")];
     this.initializeIndex();
@@ -115,51 +146,22 @@ class LeuRadioGroup extends LitElement {
     };
     return html`
       <fieldset class=${classMap(fieldsetClasses)}>
-        <legend class="legend"><slot name="legend"></slot></legend>
+        <legend class="legend">${this.label}</legend>
         <slot @slotchange=${this.handleSlotChange}></slot>
       </fieldset>
     `;
   }
 }
-_defineProperty(LeuRadioGroup, "styles", css`
-    :host {
-      --group-font-regular: var(--leu-font-regular);
-      --group-font-black: var(--leu-font-black);
-
-      font-family: var(--group-font-regular);
-    }
-
-    .fieldset {
-      display: flex;
-      align-items: flex-start;
-      flex-wrap: wrap;
-      gap: 0.5rem 1rem;
-
-      border: none;
-      padding: 0;
-    }
-
-    .fieldset--vertical {
-      flex-direction: column;
-      gap: 1rem;
-    }
-
-    .legend {
-      font-family: var(--group-font-black);
-      font-size: 1.125rem;
-      line-height: 1.5;
-
-      margin-bottom: 0.5rem;
-    }
-  `);
+_defineProperty(LeuRadioGroup, "styles", css_248z);
 _defineProperty(LeuRadioGroup, "properties", {
   orientation: {
     type: String,
     reflect: true
+  },
+  label: {
+    type: String,
+    reflect: true
   }
 });
-function defineRadioGroupElements() {
-  defineElement("radio-group", LeuRadioGroup);
-}
 
-export { LeuRadioGroup, defineRadioGroupElements };
+export { LeuRadioGroup };

package/dist/ScrollTop.d.ts

@@ -0,0 +1,19 @@
+/**
+ * @tagname leu-scroll-top
+ */
+export class LeuScrollTop extends LitElement {
+    static scrollToTop(): void;
+    _scrollDown: boolean;
+    /**
+     * Only show the button when
+     * ... the current scroll position is greater than the window height (below-the-fold) and when
+     * ... scrolling up
+     */
+    _showButton: boolean;
+    _prevYPos: number;
+    /** @internal */
+    _scrollListener: Function;
+    render(): import("lit-html").TemplateResult<1>;
+}
+import { LitElement } from 'lit';
+//# sourceMappingURL=ScrollTop.d.ts.map

package/dist/ScrollTop.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ScrollTop.d.ts","sourceRoot":"","sources":["ScrollTop.js"],"names":[],"mappings":"AA8CA;;GAEG;AACH;IAwCE,2BAMC;IAtCO,qBAAwB;IAM5B;;;;OAIG;IACH,qBAA2E;IAC3E,kBAA+B;IAQjC,gBAAgB;IAChB,0BAAgC;IAkBlC,+CAgBC;CACF;2BAhHqC,KAAK"}

package/dist/ScrollTop.js

@@ -0,0 +1,122 @@
+import { _ as _defineProperty } from './_rollupPluginBabelHelpers-20f659f4.js';
+import { css, LitElement, html } from 'lit';
+import { classMap } from 'lit/directives/class-map.js';
+import './leu-button.js';
+import { t as throttle } from './utils-65469421.js';
+import './defineElement-40372b4b.js';
+import './Button-da11d064.js';
+import 'lit/directives/if-defined.js';
+import './icon-03e86700.js';
+
+var css_248z = css`.scroll-top {
+  overflow: hidden;
+  position: fixed;
+  right: 1.5rem;
+  z-index: 1099;
+  bottom: 8.125rem;
+
+  /* show */
+  height: 50px;
+  pointer-events: auto;
+  transition: height, bottom 0.9s, 0.6s ease;
+}
+
+.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 LitElement {
+  constructor() {
+    super();
+    /** @internal */
+    _defineProperty(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;
+    });
+    this._prevYPos = 0;
+    /** @internal */
+    this._showButton = false;
+    /** @internal */
+    this._scrollDown = false;
+
+    /** @internal */
+    this._scrollListener = undefined;
+  }
+  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
+          icon="arrowUp"
+          label="Zum Seitenanfang"
+          round
+          @click="${() => LeuScrollTop.scrollToTop()}"
+        >
+        </leu-button>
+      </div>
+    `;
+  }
+}
+_defineProperty(LeuScrollTop, "styles", css_248z);
+_defineProperty(LeuScrollTop, "properties", {
+  _showButton: {
+    state: true
+  }
+});
+
+export { LeuScrollTop };

package/dist/Select.d.ts

@@ -0,0 +1,98 @@
+/**
+ * @tagname leu-select
+ * @slot before - Optional content the appears before the option list
+ * @slot after - Optional content the appears after the option list
+ */
+export class LeuSelect extends LitElement {
+    static get properties(): {
+        open: {
+            type: BooleanConstructor;
+            reflect: boolean;
+        };
+        label: {
+            type: StringConstructor;
+            reflect: boolean;
+        };
+        options: {
+            type: ArrayConstructor;
+        };
+        value: {
+            type: ArrayConstructor;
+        };
+        clearable: {
+            type: BooleanConstructor;
+            reflect: boolean;
+        };
+        disabled: {
+            type: BooleanConstructor;
+            reflect: boolean;
+        };
+        filterable: {
+            type: BooleanConstructor;
+            reflect: boolean;
+        };
+        multiple: {
+            type: BooleanConstructor;
+            reflect: boolean;
+        };
+        optionFilter: {
+            state: boolean;
+        };
+    };
+    static getOptionLabel(option: any): any;
+    open: boolean;
+    disabled: boolean;
+    multiple: boolean;
+    clearable: boolean;
+    filterable: boolean;
+    value: any[];
+    options: any[];
+    label: string;
+    /** @internal */
+    _arrowIcon: import("lit-html").TemplateResult<1>;
+    /** @internal */
+    _clearIcon: import("lit-html").TemplateResult<1>;
+    /** @internal */
+    optionFilter: string;
+    /** @internal */
+    deferedChangeEvent: boolean;
+    /**
+     * @type {import("lit/directives/ref").Ref<import("../menu/Menu").LeuMenu>}
+     */
+    menuRef: import("lit/directives/ref").Ref<any>;
+    /**
+     * @type {import("lit/directives/ref").Ref<import("../input/Input").LeuInput>}
+     */
+    optionFilterRef: import("lit/directives/ref").Ref<any>;
+    /**
+     * @type {import("lit/directives/ref").Ref<HTMLButtonElement>}
+     */
+    toggleButtonRef: import("lit/directives/ref").Ref<HTMLButtonElement>;
+    updated(changedProperties: any): void;
+    getDisplayValue(value: any): any;
+    getFilteredOptions(): any[];
+    emitUpdateEvents(): void;
+    emitInputEvent(): void;
+    emitChangeEvent(): void;
+    clearValue(event: any): void;
+    toggleDropdown(): void;
+    openDropdown(): void;
+    closeDropdown(): void;
+    /**
+     * Adds or replaces the given option in the options array.
+     *
+     * @param {*} option
+     */
+    selectOption(option: any): void;
+    handleApplyClick(): void;
+    handleFilterInput(event: any): void;
+    isSelected(option: any): boolean;
+    renderMenu(): import("lit-html").TemplateResult<1>;
+    renderFilterInput(): import("lit-html").TemplateResult<1> | typeof nothing;
+    renderApplyButton(): import("lit-html").TemplateResult<1> | typeof nothing;
+    renderToggleButton(): import("lit-html").TemplateResult<1>;
+    render(): import("lit-html").TemplateResult<1>;
+}
+import { LitElement } from 'lit';
+import { nothing } from 'lit';
+//# sourceMappingURL=Select.d.ts.map

package/dist/Select.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["Select.js"],"names":[],"mappings":"AA6PA;;;;GAIG;AACH;IACE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;MAoCC;IACD,wCAKC;IA4BC,cAAiB;IACjB,kBAAqB;IAErB,kBAAqB;IACrB,mBAAsB;IACtB,oBAAuB;IACvB,aAAe;IACf,eAAiB;IACjB,cAAe;IAEf,gBAAgB;IAChB,iDAAuC;IAEvC,gBAAgB;IAChB,iDAA+B;IAE/B,gBAAgB;IAChB,qBAAsB;IAEtB,gBAAgB;IAChB,4BAA+B;IAE/B;;OAEG;IACH,SAFU,OAAO,oBAAoB,EAAE,GAAG,KAAgC,CAEhD;IAC1B;;OAEG;IACH,iBAFU,OAAO,oBAAoB,EAAE,GAAG,KAAmC,CAE3C;IAClC;;OAEG;IACH,iBAFU,OAAO,oBAAoB,EAAE,GAAG,CAAC,iBAAiB,CAAC,CAE3B;IAUpC,sCAUC;IACD,iCAKC;IACD,4BAKC;IACD,yBAGC;IACD,uBAMC;IACD,wBAMC;IACD,6BAMC;IACD,uBAIC;IACD,qBAEC;IACD,sBAMC;IAED;;;;OAIG;IACH,gCAYC;IACD,yBAEC;IACD,oCAEC;IACD,iCAEC;IACD,mDAqCC;IACD,2EAYC;IACD,2EAaC;IACD,2DA+BC;IACD,+CAkCC;CACF;2BAllB8C,KAAK;wBAAL,KAAK"}