@statistikzh/leu 0.9.0 → 0.11.0

package/dist/Range.js

@@ -0,0 +1,414 @@
+import { _ as _defineProperty, L as LeuElement } from './LeuElement-78b4a998.js';
+import { css, html } from 'lit';
+
+var css_248z = css`:host {
+  --range-color: var(--leu-color-black-40);
+  --range-color-disabled: var(--leu-color-black-20);
+  --range-color-focus: var(--leu-color-func-cyan);
+
+  --range-track-background-color: var(--leu-color-black-10);
+  --range-track-height: 4px;
+  --range-track-radius: var(--range-track-height);
+
+  --range-track-value-color: var(--leu-color-func-cyan);
+  --range-track-value-width: 0;
+  --range-track-value-min: 0;
+
+  --range-thumb-color: var(--leu-color-black-0);
+  --range-thumb-border-color: var(--range-color);
+  --range-thumb-hover-border-color: var(--leu-color-black-100);
+  --range-thumb-diameter: 32px;
+
+  --range-value-color: var(--leu-color-black-100);
+  --range-value-color-disabled: var(--range-color-disabled);
+
+  --range-font-regular: var(--leu-font-family-regular);
+  --range-font-black: var(--leu-font-family-black);
+
+  display: block;
+  box-sizing: border-box;
+
+  font-family: var(--leu-font-family-regular);
+
+  font-family: var(--range-font-regular);
+}
+
+:host([disabled]) {
+  --range-track-background: var(--range-color-disabled);
+  --range-track-value-color: var(--range-color-disabled);
+  --range-thumb-border-color: var(--range-color-disabled);
+  --range-thumb-hover-border-color: var(--range-color-disabled);
+  --range-value-color: var(--range-value-color-disabled);
+}
+
+/***************************   */
+
+.label {
+  display: inline-block;
+  margin-bottom: 0.5rem;
+  color: var(--leu-color-black-100);
+  font: var(--leu-t-regular-regular-font);
+}
+
+.outputs {
+  position: relative;
+  height: 1.5rem;
+  margin-bottom: 0.25rem;
+}
+
+.output {
+  position: absolute;
+
+  text-align: center;
+  font: var(--leu-t-tiny-black-font);
+  color: var(--range-value-color);
+
+  min-width: var(--range-thumb-diameter);
+
+  --_stop: calc(100% - var(--range-thumb-diameter));
+  --_start: 0%;
+
+  left: calc(var(--value) * (calc(100% - var(--range-thumb-diameter)) - 0%) + 0%);
+
+  left: calc(var(--value) * (var(--_stop) - var(--_start)) + var(--_start));
+  transform: translateX(calc(-50% + var(--range-thumb-diameter) / 2));
+}
+
+.inputs {
+  position: relative;
+}
+
+.range {
+  -webkit-appearance: none;
+     -moz-appearance: none;
+          appearance: none;
+  width: 100%;
+  height: var(--range-thumb-diameter);
+  padding: 0;
+  margin: 0;
+  background: transparent;
+
+  --_track-background: linear-gradient(
+    to right,
+    var(--range-track-background-color) calc(var(--low) * 100%),
+    var(--range-track-value-color) 0,
+    var(--range-track-value-color) calc(var(--high) * 100%),
+    var(--range-track-background-color) 0
+  );
+}
+
+.range--ghost {
+  position: absolute;
+  top: 0;
+  left: 0;
+  z-index: 1;
+  pointer-events: none;
+}
+
+.range:focus {
+  outline: none;
+}
+
+/* Thumb */
+
+.range::-moz-range-thumb {
+  cursor: pointer;
+  background: var(--range-thumb-color);
+
+  border: 2px var(--range-thumb-border-color) solid;
+  border-radius: 50%;
+
+  height: var(--range-thumb-diameter);
+  width: var(--range-thumb-diameter);
+
+  pointer-events: all;
+}
+
+.range:disabled::-moz-range-thumb {
+  cursor: not-allowed;
+}
+
+.range:focus-visible::-moz-range-thumb {
+  outline: 2px solid var(--range-color-focus);
+  outline-offset: 2px;
+}
+
+.range::-moz-range-thumb:hover,
+.range:focus-visible::-moz-range-thumb {
+  border-color: var(--range-thumb-hover-border-color);
+}
+
+.range::-webkit-slider-thumb {
+  -webkit-appearance: none;
+          appearance: none;
+  cursor: pointer;
+  background: var(--range-thumb-color);
+
+  border: 2px var(--range-thumb-border-color) solid;
+  border-radius: 50%;
+
+  height: var(--range-thumb-diameter);
+  width: var(--range-thumb-diameter);
+  margin-top: calc(var(--range-thumb-diameter) / -2 + 2px);
+
+  pointer-events: all;
+}
+
+.range:disabled::-webkit-slider-thumb {
+  cursor: not-allowed;
+}
+
+.range:focus::-webkit-slider-thumb {
+  outline: 2px solid var(--range-color-focus);
+  outline-offset: 2px;
+}
+
+.range:focus::-webkit-slider-thumb,
+.range::-webkit-slider-thumb:hover {
+  border-color: var(--range-thumb-hover-border-color);
+}
+
+/* Track */
+
+.range::-moz-range-track {
+  background: var(--_track-background);
+  border-radius: var(--range-track-radius);
+  height: var(--range-track-height);
+}
+
+.range--ghost::-moz-range-track {
+  background: transparent;
+}
+
+.range::-webkit-slider-runnable-track {
+  background: var(--_track-background);
+  border-radius: var(--range-track-radius);
+  height: var(--range-track-height);
+}
+
+.range--ghost::-webkit-slider-runnable-track {
+  background: transparent;
+}
+`;
+
+const defaultValueConverter = {
+  fromAttribute(value) {
+    return value.split(",").map(v => Number(v.trim()));
+  },
+  toAttribute(value) {
+    return value.join(",");
+  }
+};
+const RANGE_LABELS = ["Von", "Bis"];
+
+/**
+ * @tagname leu-range
+ */
+class LeuRange extends LeuElement {
+  constructor() {
+    super();
+    this.defaultValue = [50];
+    this.min = 0;
+    this.max = 100;
+    this.step = 1;
+    this.name = "";
+    this.label = "";
+    this.disabled = false;
+    this.multiple = false;
+  }
+  updated() {
+    this._updateStyles();
+  }
+  _updateStyles() {
+    const normalizedRange = this._getNormalizedRange();
+    this.style.setProperty("--low", normalizedRange[0].toString());
+    this.style.setProperty("--high", normalizedRange[1].toString());
+    const inputs = this.multiple ? [this._getBaseInput(), this._getGhostInput()] : [this._getBaseInput()];
+    inputs.forEach(input => {
+      /** @type {HTMLOutputElement} */
+      const output = this.shadowRoot.querySelector(`.output[for=${input.id}]`);
+      const normalizedValue = this._getNormalizedValue(input.valueAsNumber);
+      output.style.setProperty("--value", normalizedValue.toString());
+      output.value = input.value;
+    });
+  }
+  get value() {
+    const inputs = Array.from(this.shadowRoot.querySelectorAll("input"));
+    return inputs.map(input => input.value).join(",");
+  }
+
+  /**
+   * Sets the value of the underlying input element(s).
+   * The value has to be an array if "multiple" range is used.
+   * Otherwise it has to be a string.
+   * @param {string | Array} value
+   */
+  set value(value) {
+    if (this.multiple && Array.isArray(value)) {
+      const inputs = Array.from(this.shadowRoot.querySelectorAll("input"));
+      value.forEach((v, i) => {
+        inputs[i].value = v;
+      });
+      this._updateStyles();
+    } else if (!this.multiple) {
+      this._getBaseInput().value = value;
+      this._updateStyles();
+    }
+  }
+  get valueAsArray() {
+    return Array.from(this.shadowRoot.querySelectorAll("input")).map(input => input.valueAsNumber);
+  }
+  get valueLow() {
+    const inputs = Array.from(this.shadowRoot.querySelectorAll("input"));
+    if (this.multiple) {
+      return inputs.map(input => input.valueAsNumber).sort((a, b) => a - b)[0];
+    }
+    return inputs[0].value;
+  }
+  get valueHigh() {
+    const inputs = Array.from(this.shadowRoot.querySelectorAll("input"));
+    if (this.multiple) {
+      return inputs.map(input => input.valueAsNumber).sort((a, b) => a - b)[1];
+    }
+    return inputs[0].value;
+  }
+
+  /**
+   * @returns {HTMLInputElement | null}
+   */
+  _getBaseInput() {
+    return this.shadowRoot.querySelector(".range--base");
+  }
+
+  /**
+   * @returns {HTMLInputElement | null}
+   */
+  _getGhostInput() {
+    return this.shadowRoot.querySelector(".range--ghost");
+  }
+
+  /**
+   *
+   * @param {number} _index
+   * @param {InputEvent & {target: HTMLInputElement}} _e
+   */
+  _handleInput(_index, _e) {
+    this._updateStyles();
+  }
+
+  /**
+   *
+   * @param {number} value
+   * @returns {number}
+   */
+  _getNormalizedValue(value) {
+    return (value - this.min) / (this.max - this.min);
+  }
+  _getNormalizedRange() {
+    if (this.multiple) {
+      return this.valueAsArray.map(value => this._getNormalizedValue(value)).sort((a, b) => a - b);
+    }
+    return [0, this._getNormalizedValue(this.valueAsArray[0])];
+  }
+
+  /**
+   * Determine if the "click" (pointer event) is closer the
+   * the value of the other input element. Swap the values if this is the case.
+   * @param {PointerEvent & {target: HTMLInputElement}} e
+   */
+  _handlePointerDown(e) {
+    const clickValue = this.min + (this.max - this.min) * e.offsetX / this.offsetWidth;
+    const middleValue = (this.valueAsArray[0] + this.valueAsArray[1]) / 2;
+    if (e.target.valueAsNumber === this.valueLow === clickValue > middleValue) {
+      /**
+       * As the pointerdown event is fired before the input event, we first overwrite the value
+       * of the input element that was not clicked on. The active input element will update itself.
+       */
+      // this._value = [e.target.valueAsNumber, e.target.valueAsNumber]
+      this._getGhostInput().value = e.target.value;
+    }
+  }
+  render() {
+    const inputs = this.multiple ? ["base", "ghost"] : ["base"];
+    const {
+      multiple,
+      disabled,
+      label,
+      defaultValue
+    } = this;
+    return html`
+      <div
+        role=${multiple ? "group" : undefined}
+        aria-labelledby=${multiple ? "group-label" : undefined}
+      >
+        ${multiple ? html`<span id="group-label" class="label">${label}</span>` : html`<label for="input-base" class="label">${label}</label>`}
+        <div class="outputs">
+          ${inputs.map((type, index) => html`<output
+                class="output"
+                for="input-${type}"
+                value=${defaultValue[index]}
+              ></output>`)}
+        </div>
+        <div class="inputs">
+          ${inputs.map((type, index) => html`
+                <input
+                  @input=${e => this._handleInput(index, e)}
+                  @pointerdown=${multiple && !disabled && index === 0 ? this._handlePointerDown : undefined}
+                  type="range"
+                  class="range range--${type}"
+                  id="input-${type}"
+                  name=${this.name}
+                  min=${this.min}
+                  max=${this.max}
+                  step=${this.step}
+                  aria-label=${multiple ? RANGE_LABELS[index] : undefined}
+                  ?disabled=${disabled}
+                  .value=${defaultValue[index].toString()}
+                />
+              `)}
+        </div>
+      </div>
+    `;
+  }
+}
+_defineProperty(LeuRange, "styles", css_248z);
+_defineProperty(LeuRange, "shadowRootOptions", {
+  ...LeuElement.shadowRootOptions,
+  delegatesFocus: true
+});
+_defineProperty(LeuRange, "properties", {
+  defaultValue: {
+    converter: defaultValueConverter,
+    attribute: "value"
+  },
+  min: {
+    type: Number,
+    reflect: true
+  },
+  max: {
+    type: Number,
+    reflect: true
+  },
+  step: {
+    type: Number,
+    reflect: true
+  },
+  name: {
+    type: String,
+    reflect: true
+  },
+  label: {
+    type: String,
+    reflect: true
+  },
+  disabled: {
+    type: Boolean,
+    reflect: true
+  },
+  multiple: {
+    type: Boolean,
+    reflect: true
+  }
+});
+
+export { LeuRange };

package/dist/ScrollTop.d.ts

@@ -15,5 +15,5 @@ export class LeuScrollTop extends LeuElement {
     _scrollListener: Function;
     render(): import("lit-html").TemplateResult<1>;
 }
-import { L as LeuElement } from './LeuElement-7ab5ef5e.js';
+import { L as LeuElement } from './LeuElement-78b4a998.js';
 //# sourceMappingURL=ScrollTop.d.ts.map

package/dist/ScrollTop.d.ts.map

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

package/dist/ScrollTop.js

@@ -1,10 +1,11 @@
-import { _ as _defineProperty, L as LeuElement } from './LeuElement-7ab5ef5e.js';
+import { _ as _defineProperty, L as LeuElement } from './LeuElement-78b4a998.js';
 import { css, html } from 'lit';
 import { classMap } from 'lit/directives/class-map.js';
-import { L as LeuButton } from './Button-5a8009c5.js';
+import { LeuButton } from './Button.js';
 import { LeuIcon } from './Icon.js';
 import { t as throttle } from './utils-65469421.js';
 import 'lit/directives/if-defined.js';
+import './hasSlotController-fd1950b4.js';
 
 var css_248z = css`.scroll-top {
   overflow: hidden;

package/dist/Select.d.ts

@@ -131,6 +131,6 @@ export class LeuSelect extends LeuElement {
     _renderToggleButton(): import("lit-html").TemplateResult<1>;
     render(): import("lit-html").TemplateResult<1>;
 }
-import { L as LeuElement } from './LeuElement-7ab5ef5e.js';
+import { L as LeuElement } from './LeuElement-78b4a998.js';
 import { nothing } from 'lit';
 //# sourceMappingURL=Select.d.ts.map

package/dist/Select.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["Select.js"],"names":[],"mappings":"AA6PA;;;;;;;;;;;;;GAaG;AACH;IACE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;MAmDC;IACD,wCAKC;IA4BC,cAAiB;IACjB,kBAAqB;IAErB,kBAAqB;IACrB,mBAAsB;IACtB,oBAAuB;IACvB,aAAe;IACf,cAAe;IACf,aAAc;IAEd,gBAAgB;IAChB,sBAAuB;IAEvB,gBAAgB;IAChB,2BAA6B;IAE7B,gBAAgB;IAChB,6BAAgC;IAEhC,gBAAgB;IAChB,sBAAuB;IAEvB;;OAEG;IACH,kBAFU,OAAO,oBAAoB,EAAE,GAAG,KAAmC,CAE1C;IACnC;;OAEG;IACH,kBAFU,OAAO,oBAAoB,EAAE,GAAG,CAAC,iBAAiB,CAAC,CAE1B;IAEnC;;OAEG;IACH,UAFU,OAAO,oBAAoB,EAAE,GAAG,KAAgC,CAE/C;IAU7B,sCAqBC;IAED;;;;OAIG;IACH,8CA6BC;IACD;;;OAGG;IACH,4BAFW,aAAa,iBAcvB;IAED;;;OAGG;IACH,iCAFW,aAAa,QAQvB;IAED;;;OAGG;IACH,oBAFa,uBAAgB,CAO5B;IACD,wBAMC;IACD,yBAMC;IACD,8BAOC;IACD,wBAIC;IACD,uBAMC;IACD,qCAEC;IAED;;;;OAIG;IACH,4CAEC;IACD,uCAoBC;IAED;;OAEG;IACH,uCAIC;IACD,4EAaC;IACD,4EAeC;IACD,4DAmCC;IACD,+CAmDC;CACF;gCAjrBqD,0BAA0B;wBAC7C,KAAK"}
+{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["Select.js"],"names":[],"mappings":"AA8PA;;;;;;;;;;;;;GAaG;AACH;IACE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;MAmDC;IACD,wCAKC;IA4BC,cAAiB;IACjB,kBAAqB;IAErB,kBAAqB;IACrB,mBAAsB;IACtB,oBAAuB;IACvB,aAAe;IACf,cAAe;IACf,aAAc;IAEd,gBAAgB;IAChB,sBAAuB;IAEvB,gBAAgB;IAChB,2BAA6B;IAE7B,gBAAgB;IAChB,6BAAgC;IAEhC,gBAAgB;IAChB,sBAAuB;IAEvB;;OAEG;IACH,kBAFU,OAAO,oBAAoB,EAAE,GAAG,KAAmC,CAE1C;IACnC;;OAEG;IACH,kBAFU,OAAO,oBAAoB,EAAE,GAAG,CAAC,iBAAiB,CAAC,CAE1B;IAEnC;;OAEG;IACH,UAFU,OAAO,oBAAoB,EAAE,GAAG,KAAgC,CAE/C;IAU7B,sCAqBC;IAED;;;;OAIG;IACH,8CA6BC;IACD;;;OAGG;IACH,4BAFW,aAAa,iBAcvB;IAED;;;OAGG;IACH,iCAFW,aAAa,QAQvB;IAED;;;OAGG;IACH,oBAFa,uBAAgB,CAO5B;IACD,wBAMC;IACD,yBAMC;IACD,8BAOC;IACD,wBAIC;IACD,uBAMC;IACD,qCAEC;IAED;;;;OAIG;IACH,4CAEC;IACD,uCAoBC;IAED;;OAEG;IACH,uCAIC;IACD,4EAaC;IACD,4EAeC;IACD,4DAmCC;IACD,+CAmDC;CACF;gCAlrBqD,0BAA0B;wBAC7C,KAAK"}

package/dist/Select.js

@@ -1,9 +1,10 @@
-import { _ as _defineProperty, L as LeuElement } from './LeuElement-7ab5ef5e.js';
+import { _ as _defineProperty, L as LeuElement } from './LeuElement-78b4a998.js';
 import { css, nothing, html } from 'lit';
 import { classMap } from 'lit/directives/class-map.js';
 import { createRef, ref } from 'lit/directives/ref.js';
 import { ifDefined } from 'lit/directives/if-defined.js';
-import { H as HasSlotController, L as LeuButton } from './Button-5a8009c5.js';
+import { H as HasSlotController } from './hasSlotController-fd1950b4.js';
+import { LeuButton } from './Button.js';
 import { LeuMenu } from './Menu.js';
 import { LeuMenuItem } from './MenuItem.js';
 import { LeuIcon } from './Icon.js';

package/dist/Spinner.d.ts

@@ -5,5 +5,5 @@
 export class LeuSpinner extends LeuElement {
     render(): import("lit-html").TemplateResult<1>;
 }
-import { L as LeuElement } from './LeuElement-7ab5ef5e.js';
+import { L as LeuElement } from './LeuElement-78b4a998.js';
 //# sourceMappingURL=Spinner.d.ts.map

package/dist/Spinner.js

@@ -1,4 +1,4 @@
-import { _ as _defineProperty, L as LeuElement } from './LeuElement-7ab5ef5e.js';
+import { _ as _defineProperty, L as LeuElement } from './LeuElement-78b4a998.js';
 import { css, html } from 'lit';
 
 var css_248z = css`@keyframes leu-spinner-rotate {

package/dist/Table.d.ts

@@ -40,5 +40,5 @@ export class LeuTable extends LeuElement {
     get _data(): any[];
     render(): import("lit-html").TemplateResult<1>;
 }
-import { L as LeuElement } from './LeuElement-7ab5ef5e.js';
+import { L as LeuElement } from './LeuElement-78b4a998.js';
 //# sourceMappingURL=Table.d.ts.map

package/dist/Table.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Table.d.ts","sourceRoot":"","sources":["Table.js"],"names":[],"mappings":"AAoHA;;GAEG;AACH;IAGI,oBAAoB;IACpB,eAAiB;IACjB,oBAAoB;IACpB,YAAc;IACd,sBAAsB;IACtB,mBADW,OAAO,CACY;IAC9B,qBAAqB;IACrB,cADW,MAAM,CACO;IACxB,qBAAqB;IACrB,WADW,MAAM,CACI;IACrB,sBAAsB;IACtB,cADW,OAAO,CACO;IACzB,qBAAqB;IACrB,OADW,MAAM,CACA;IAEjB,gBAAgB;IAChB,qBAAwB;IACxB,gBAAgB;IAChB,sBAAyB;IACzB,gBAAgB;IAChB,8DAA6B;IAE7B,gBAAgB;IAChB,cAAc;IACd,gCAEE;IAKJ,oEAKC;IACD,qBAGC;IACD,gCAGC;IACD,8BAEC;IACD,8GAQC;IACD,4BAEC;IACD,0BAQC;IAFG,kBAAsB;IAG1B,sDAIC;IACD,0DAEC;IACD,sBAEC;IACD,yBAMC;IACD,mBAEC;IACD,+CA6DC;CACF;gCAlRqD,0BAA0B"}
+{"version":3,"file":"Table.d.ts","sourceRoot":"","sources":["Table.js"],"names":[],"mappings":"AAqHA;;GAEG;AACH;IAGI,oBAAoB;IACpB,eAAiB;IACjB,oBAAoB;IACpB,YAAc;IACd,sBAAsB;IACtB,mBADW,OAAO,CACY;IAC9B,qBAAqB;IACrB,cADW,MAAM,CACO;IACxB,qBAAqB;IACrB,WADW,MAAM,CACI;IACrB,sBAAsB;IACtB,cADW,OAAO,CACO;IACzB,qBAAqB;IACrB,OADW,MAAM,CACA;IAEjB,gBAAgB;IAChB,qBAAwB;IACxB,gBAAgB;IAChB,sBAAyB;IACzB,gBAAgB;IAChB,8DAA6B;IAE7B,gBAAgB;IAChB,cAAc;IACd,gCAEE;IAKJ,oEAKC;IACD,qBAGC;IACD,gCAGC;IACD,8BAEC;IACD,8GAQC;IACD,4BAEC;IACD,0BAQC;IAFG,kBAAsB;IAG1B,sDAIC;IACD,0DAEC;IACD,sBAEC;IACD,yBAMC;IACD,mBAEC;IACD,+CA6DC;CACF;gCAnRqD,0BAA0B"}

package/dist/Table.js

@@ -1,4 +1,4 @@
-import { _ as _defineProperty, L as LeuElement } from './LeuElement-7ab5ef5e.js';
+import { _ as _defineProperty, L as LeuElement } from './LeuElement-78b4a998.js';
 import { css, html, nothing } from 'lit';
 import { classMap } from 'lit/directives/class-map.js';
 import { styleMap } from 'lit/directives/style-map.js';
@@ -6,8 +6,9 @@ import { createRef, ref } from 'lit/directives/ref.js';
 import { LeuIcon } from './Icon.js';
 import { LeuPagination } from './Pagination.js';
 import 'lit/directives/live.js';
-import './Button-5a8009c5.js';
+import './Button.js';
 import 'lit/directives/if-defined.js';
+import './hasSlotController-fd1950b4.js';
 import './VisuallyHidden.js';
 
 var css_248z = css`:host {

package/dist/VisuallyHidden.d.ts

@@ -4,5 +4,5 @@
 export class LeuVisuallyHidden extends LeuElement {
     render(): import("lit-html").TemplateResult<1>;
 }
-import { L as LeuElement } from './LeuElement-7ab5ef5e.js';
+import { L as LeuElement } from './LeuElement-78b4a998.js';
 //# sourceMappingURL=VisuallyHidden.d.ts.map

package/dist/VisuallyHidden.js

@@ -1,4 +1,4 @@
-import { _ as _defineProperty, L as LeuElement } from './LeuElement-7ab5ef5e.js';
+import { _ as _defineProperty, L as LeuElement } from './LeuElement-78b4a998.js';
 import { css, html } from 'lit';
 
 var css_248z = css`:host {

package/dist/hasSlotController-fd1950b4.d.ts

@@ -0,0 +1,38 @@
+export { HasSlotController as H };
+/**
+ * A reactive controller that determines when slots exist.
+ */
+export type ReactiveController = import("lit").ReactiveController;
+/**
+ * Thanks Shoelace!
+ * Source: https://github.com/shoelace-style/shoelace/blob/next/src/internal/slot.ts
+ */
+/**
+ * A reactive controller that determines when slots exist.
+ * @typedef {import("lit").ReactiveController} ReactiveController
+ * @implements {ReactiveController}
+ */
+declare class HasSlotController implements ReactiveController {
+    constructor(host: any, slotNames: any);
+    host: any;
+    slotNames: any;
+    /**
+     * @private
+     * @returns {Boolean}
+     */
+    private hasDefaultSlot;
+    /**
+     * @private
+     * @param {String} name
+     * @returns {Boolean}
+     */
+    private hasNamedSlot;
+    /**
+     * @param {String} slotName
+     * @returns {Boolean}
+     */
+    test(slotName: string): boolean;
+    hostConnected(): void;
+    hostDisconnected(): void;
+}
+//# sourceMappingURL=hasSlotController-fd1950b4.d.ts.map

package/dist/hasSlotController-fd1950b4.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"hasSlotController-fd1950b4.d.ts","sourceRoot":"","sources":["hasSlotController-fd1950b4.js"],"names":[],"mappings":";;;;iCASa,OAAO,KAAK,EAAE,kBAAkB;AAP7C;;;GAGG;AAEH;;;;GAIG;AACH;IACE,uCAcC;IAHC,UAAgB;IAEhB,eAA0B;IAG5B;;;OAGG;IACH,uBAeC;IAED;;;;OAIG;IACH,qBAEC;IAED;;;OAGG;IACH,gCAEC;IACD,sBAEC;IACD,yBAEC;CACF"}

package/dist/hasSlotController-fd1950b4.js

@@ -0,0 +1,75 @@
+import { _ as _defineProperty } from './LeuElement-78b4a998.js';
+
+/**
+ * Thanks Shoelace!
+ * Source: https://github.com/shoelace-style/shoelace/blob/next/src/internal/slot.ts
+ */
+
+/**
+ * A reactive controller that determines when slots exist.
+ * @typedef {import("lit").ReactiveController} ReactiveController
+ * @implements {ReactiveController}
+ */
+class HasSlotController {
+  constructor(host, slotNames) {
+    /**
+     * @private
+     * @param {Event} event
+     */
+    _defineProperty(this, "handleSlotChange", event => {
+      const slot = event.target;
+      if (slot instanceof HTMLSlotElement && (this.slotNames.includes("[default]") && !slot.name || slot.name && this.slotNames.includes(slot.name))) {
+        this.host.requestUpdate();
+      }
+    });
+    this.host = host;
+    host.addController(this);
+    this.slotNames = slotNames;
+  }
+
+  /**
+   * @private
+   * @returns {Boolean}
+   */
+  hasDefaultSlot() {
+    return [...this.host.childNodes].some(node => {
+      if (node.nodeType === node.TEXT_NODE && node.textContent.trim() !== "") {
+        return true;
+      }
+      if (node.nodeType === node.ELEMENT_NODE) {
+        const el = node;
+
+        // If it doesn't have a slot attribute, it's part of the default slot
+        if (!el.hasAttribute("slot")) {
+          return true;
+        }
+      }
+      return false;
+    });
+  }
+
+  /**
+   * @private
+   * @param {String} name
+   * @returns {Boolean}
+   */
+  hasNamedSlot(name) {
+    return this.host.querySelector(`:scope > [slot="${name}"]`) !== null;
+  }
+
+  /**
+   * @param {String} slotName
+   * @returns {Boolean}
+   */
+  test(slotName) {
+    return slotName === "[default]" ? this.hasDefaultSlot() : this.hasNamedSlot(slotName);
+  }
+  hostConnected() {
+    this.host.shadowRoot.addEventListener("slotchange", this.handleSlotChange);
+  }
+  hostDisconnected() {
+    this.host.shadowRoot.removeEventListener("slotchange", this.handleSlotChange);
+  }
+}
+
+export { HasSlotController as H };

package/dist/index.d.ts

@@ -16,6 +16,6 @@ export { LeuRadio } from "./Radio.js";
 export { LeuRadioGroup } from "./RadioGroup.js";
 export { LeuSelect } from "./Select.js";
 export { LeuTable } from "./Table.js";
-export { c as BUTTON_EXPANDED_OPTIONS, a as BUTTON_SIZES, b as BUTTON_TYPES, B as BUTTON_VARIANTS, L as LeuButton } from "./Button-5a8009c5.js";
+export { BUTTON_EXPANDED_OPTIONS, BUTTON_SIZES, BUTTON_TYPES, BUTTON_VARIANTS, LeuButton } from "./Button.js";
 export { LeuInput, SIZES } from "./Input.js";
 //# sourceMappingURL=index.d.ts.map

package/dist/index.js

@@ -1,6 +1,6 @@
 export { LeuAccordion } from './Accordion.js';
 export { LeuBreadcrumb } from './Breadcrumb.js';
-export { c as BUTTON_EXPANDED_OPTIONS, a as BUTTON_SIZES, b as BUTTON_TYPES, B as BUTTON_VARIANTS, L as LeuButton } from './Button-5a8009c5.js';
+export { BUTTON_EXPANDED_OPTIONS, BUTTON_SIZES, BUTTON_TYPES, BUTTON_VARIANTS, LeuButton } from './Button.js';
 export { LeuButtonGroup } from './ButtonGroup.js';
 export { LeuCheckbox } from './Checkbox.js';
 export { LeuCheckboxGroup } from './CheckboxGroup.js';
@@ -18,7 +18,7 @@ export { LeuRadio } from './Radio.js';
 export { LeuRadioGroup } from './RadioGroup.js';
 export { LeuSelect } from './Select.js';
 export { LeuTable } from './Table.js';
-import './LeuElement-7ab5ef5e.js';
+import './LeuElement-78b4a998.js';
 import 'lit';
 import 'lit/static-html.js';
 import 'lit/directives/ref.js';
@@ -27,6 +27,7 @@ import './utils-65469421.js';
 import './Icon.js';
 import './VisuallyHidden.js';
 import 'lit/directives/if-defined.js';
+import './hasSlotController-fd1950b4.js';
 import './Chip.js';
 import 'lit/directives/live.js';
 import '@floating-ui/dom';