@ds-autonomie/web-components 1.16.2 → 1.18.0

package/dist/chunks/chunk.PAF4S7OV.js

@@ -1,484 +0,0 @@
-import {
-  filter_range_styles_default
-} from "./chunk.FZODQJBF.js";
-import {
-  waitForEvent
-} from "./chunk.B4BZKR24.js";
-import {
-  animateTo,
-  stopAnimations
-} from "./chunk.2FK6USFR.js";
-import {
-  getAnimation,
-  setDefaultAnimation
-} from "./chunk.V7RJROLH.js";
-import {
-  LocalizeController
-} from "./chunk.6L6CZSQX.js";
-import {
-  watch
-} from "./chunk.6IH66JBY.js";
-import {
-  ifDefinedAndNotEmpty
-} from "./chunk.ZQJVCRB2.js";
-import {
-  ShoelaceElement
-} from "./chunk.YCXTCVAZ.js";
-import {
-  __decorateClass
-} from "./chunk.6M63UXML.js";
-
-// src/components/filter/filter-range/filter-range.ts
-import { html } from "lit";
-import { customElement, property, query, state } from "lit/decorators.js";
-import { ifDefined } from "lit/directives/if-defined.js";
-
-// src/internal/debounce.ts
-var TIMER_ID_KEY = Symbol();
-function debounce(delay) {
-  return (_target, _propertyKey, descriptor) => {
-    const fn = descriptor.value;
-    descriptor.value = function valueFn(...args) {
-      clearTimeout(this[TIMER_ID_KEY]);
-      this[TIMER_ID_KEY] = window.setTimeout(() => {
-        fn.apply(this, args);
-      }, delay);
-    };
-  };
-}
-
-// src/components/filter/filter-range/filter-range.ts
-var RANGE_SLIDER_DEBOUNCE_DELAY = 100;
-var DSAFilterRange = class extends ShoelaceElement {
-  constructor() {
-    super(...arguments);
-    this.localize = new LocalizeController(this);
-    this.currentStartValue = "";
-    this.currentEndValue = "";
-    this.start = "";
-    this.end = "";
-    this.defaultStart = "";
-    this.defaultEnd = "";
-    this.open = false;
-    this.label = "";
-    this.slider = false;
-    this.hoist = false;
-    this.disabled = false;
-    this.readonly = false;
-  }
-  connectedCallback() {
-    super.connectedCallback();
-    this.handleDocumentFocusIn = this.handleDocumentFocusIn.bind(this);
-    this.handleDocumentMouseDown = this.handleDocumentMouseDown.bind(this);
-    this.handleSliderFromValueChange = this.handleSliderFromValueChange.bind(this);
-    this.handleSliderToValueChange = this.handleSliderToValueChange.bind(this);
-    this.addEventListener(
-      "dsa-slider-from-value-change",
-      this.handleSliderFromValueChange
-    );
-    this.addEventListener(
-      "dsa-slider-to-value-change",
-      this.handleSliderToValueChange
-    );
-    this.start = this.start === "" ? this.defaultStart : this.start;
-    this.currentStartValue = this.start;
-    this.end = this.end === "" ? this.defaultEnd : this.end;
-    this.currentEndValue = this.end;
-  }
-  disconnectedCallback() {
-    super.disconnectedCallback();
-    this.removeEventListener(
-      "dsa-slider-from-value-change",
-      this.handleSliderFromValueChange
-    );
-    this.removeEventListener(
-      "dsa-slider-to-value-change",
-      this.handleSliderToValueChange
-    );
-  }
-  handleSliderFromValueChange(event) {
-    const value = event.detail.value;
-    this.currentStartValue = value;
-  }
-  handleSliderToValueChange(event) {
-    const value = event.detail.value;
-    this.currentEndValue = value;
-  }
-  addOpenListeners() {
-    document.addEventListener("focusin", this.handleDocumentFocusIn);
-    document.addEventListener("mousedown", this.handleDocumentMouseDown);
-  }
-  removeOpenListeners() {
-    document.removeEventListener("focusin", this.handleDocumentFocusIn);
-    document.removeEventListener("mousedown", this.handleDocumentMouseDown);
-  }
-  handleDocumentFocusIn(event) {
-    const path = event.composedPath();
-    if (this && !path.includes(this)) {
-      this.hide();
-      this.filterButton.focus({ preventScroll: true });
-    }
-  }
-  handleKeyDown(event) {
-    if (this.open && event.key === "Escape") {
-      event.stopPropagation();
-      event.preventDefault();
-      this.hide();
-      this.filterButton.focus({ preventScroll: true });
-    }
-    if (this.open && event.key === "Tab") {
-      setTimeout(() => {
-        var _a, _b;
-        const activeElement = (this == null ? void 0 : this.getRootNode()) instanceof ShadowRoot ? (_b = (_a = document.activeElement) == null ? void 0 : _a.shadowRoot) == null ? void 0 : _b.activeElement : document.activeElement;
-        if (!this || (activeElement == null ? void 0 : activeElement.closest(this.tagName.toLowerCase())) !== this) {
-          this.hide();
-          this.filterButton.focus({ preventScroll: true });
-        }
-      });
-    }
-    const path = event.composedPath();
-    const isFilterButton = path.some((el) => el === this.filterButton);
-    if (isFilterButton && (event.key === "Enter" || event.key === " ")) {
-      event.preventDefault();
-      if (!this.open) {
-        this.show();
-        return;
-      }
-      if (isFilterButton) {
-        this.hide();
-      }
-    }
-  }
-  handleDocumentMouseDown(event) {
-    const path = event.composedPath();
-    if (this && !path.includes(this)) {
-      this.hide();
-    }
-  }
-  handleFilterButtonMouseDown(event) {
-    event.preventDefault();
-    this.filterButton.focus({ preventScroll: true });
-    this.open = !this.open;
-  }
-  handleFocus() {
-    this.emit("dsa-focus");
-  }
-  handleBlur() {
-    this.emit("dsa-blur");
-  }
-  handleReset() {
-    var _a;
-    this.currentStartValue = this.defaultStart;
-    this.currentEndValue = this.defaultEnd;
-    (_a = this.startValueInput) == null ? void 0 : _a.focus({ preventScroll: true });
-  }
-  handleSubmit() {
-    this.start = this.currentStartValue;
-    this.end = this.currentEndValue;
-    this.emit("dsa-submit");
-    this.hide();
-    this.filterButton.focus({ preventScroll: true });
-  }
-  handleStartInput(event) {
-    const nextStartValue = event.target.value;
-    this.currentStartValue = nextStartValue;
-    this.emit("dsa-input");
-  }
-  handleEndInput(event) {
-    const nextEndValue = event.target.value;
-    this.currentEndValue = nextEndValue;
-    this.emit("dsa-input");
-  }
-  handleStartChange(event) {
-    const nextStartValue = event.target.value;
-    const currentEndValue = parseFloat(this.currentEndValue);
-    if (parseFloat(nextStartValue) <= this.min) {
-      this.currentStartValue = `${this.min}`;
-    } else if (parseFloat(nextStartValue) <= currentEndValue) {
-      this.currentStartValue = nextStartValue;
-    } else if (parseFloat(nextStartValue) > currentEndValue) {
-      this.currentStartValue = this.currentEndValue;
-    }
-    this.emit("dsa-change");
-  }
-  handleEndChange(event) {
-    const nextEndValue = event.target.value;
-    const currentStartValue = parseFloat(this.currentStartValue);
-    if (parseFloat(nextEndValue) >= this.max) {
-      this.currentEndValue = `${this.max}`;
-    } else if (parseFloat(nextEndValue) >= currentStartValue) {
-      this.currentEndValue = nextEndValue;
-    } else if (parseFloat(nextEndValue) < currentStartValue) {
-      this.currentEndValue = this.currentStartValue;
-    }
-    this.emit("dsa-change");
-  }
-  getRangeValue() {
-    if (this.start === "" && this.end === "") {
-      return "";
-    }
-    if (this.start === "") {
-      return `${this.localize.term("lessThan")} ${this.end}`;
-    }
-    if (this.end === "") {
-      return `${this.localize.term("moreThan")} ${this.start}`;
-    }
-    return `${this.start} - ${this.end}`;
-  }
-  async show() {
-    if (this.open) {
-      return void 0;
-    }
-    this.open = true;
-    return await waitForEvent(this, "dsa-after-show");
-  }
-  /** Hides the listbox. */
-  async hide() {
-    if (!this.open) {
-      return void 0;
-    }
-    this.open = false;
-    return await waitForEvent(this, "dsa-after-hide");
-  }
-  async handleDisabledChange() {
-    if (this.disabled || this.readonly) {
-      this.open = false;
-      this.emit("dsa-hide");
-      this.removeOpenListeners();
-      await stopAnimations(this);
-      this.popup.active = false;
-      const { keyframes, options } = getAnimation(this, "filter.hide", {
-        dir: this.localize.dir()
-      });
-      await animateTo(this.popup.popup, keyframes, options);
-      this.emit("dsa-after-hide");
-    }
-  }
-  async handleOpenChange() {
-    if (this.open) {
-      this.emit("dsa-show");
-      this.addOpenListeners();
-      await stopAnimations(this);
-      this.popup.active = true;
-      const { keyframes, options } = getAnimation(this, "filter.show", {
-        dir: this.localize.dir()
-      });
-      await animateTo(this.popup.popup, keyframes, options);
-      this.emit("dsa-after-show");
-    } else {
-      this.emit("dsa-hide");
-      this.removeOpenListeners();
-      this.currentStartValue = this.start === "" ? this.defaultStart : this.start;
-      this.currentEndValue = this.end === "" ? this.defaultEnd : this.end;
-      await stopAnimations(this);
-      const { keyframes, options } = getAnimation(this, "filter.hide", {
-        dir: this.localize.dir()
-      });
-      await animateTo(this.popup.popup, keyframes, options);
-      this.popup.active = false;
-      this.emit("dsa-after-hide");
-    }
-  }
-  /** Sets focus on the control. */
-  focus(options) {
-    this.filterButton.focus(options);
-  }
-  /** Removes focus from the control. */
-  blur() {
-    this.filterButton.blur();
-  }
-  render() {
-    const rangeValue = this.getRangeValue();
-    return html`
-      <dsa-popup
-        class="filter"
-        part="popup"
-        placement="bottom-start"
-        strategy=${this.hoist ? "fixed" : "absolute"}
-        distance="4"
-        flip
-        shift
-        auto-size="vertical"
-        auto-size-padding="10"
-        @keydown=${this.handleKeyDown}
-      >
-        <dsa-filter-button
-          slot="anchor"
-          class="filter__button"
-          label=${this.label}
-          selection-count=${rangeValue !== "" ? "1" : "0"}
-          selected-option=${ifDefinedAndNotEmpty(rangeValue)}
-          aria-expanded=${this.open ? "true" : "false"}
-          aria-controls="filter__panel"
-          ?disabled=${this.disabled}
-          ?readonly=${this.readonly}
-          @focus=${this.handleFocus}
-          @blur=${this.handleBlur}
-          @mousedown=${this.handleFilterButtonMouseDown}
-        ></dsa-filter-button>
-
-        <div id="filter__panel" class="filter__panel">
-          <div class="filter__content">
-            ${this.slider ? html`
-                  <div class="filter__slider">
-                    <dsa-range-slider
-                      from=${ifDefinedAndNotEmpty(
-      this.currentStartValue !== "" ? this.currentStartValue : `${this.min}`
-    )}
-                      to=${ifDefinedAndNotEmpty(
-      this.currentEndValue !== "" ? this.currentEndValue : `${this.max}`
-    )}
-                      min=${ifDefined(this.min)}
-                      max=${ifDefined(this.max)}
-                      label-from=${this.localize.term("min")}
-                      label-to=${this.localize.term("max")}
-                    ></dsa-range-slider>
-                  </div>
-                ` : html``}
-
-            <div class="filter__content--inputs">
-              <dsa-input
-                class="start-range__input"
-                label=${this.localize.term("min")}
-                .value=${this.currentStartValue}
-                placeholder=${ifDefinedAndNotEmpty(`${this.min}`)}
-                min=${ifDefined(this.min)}
-                max=${ifDefined(this.max)}
-                type="number"
-                @dsa-input=${this.handleStartInput}
-                @dsa-change=${this.handleStartChange}
-              ></dsa-input>
-              <dsa-divider></dsa-divider>
-              <dsa-input
-                class="end-range__input"
-                label=${this.localize.term("max")}
-                placeholder=${ifDefinedAndNotEmpty(`${this.max}`)}
-                .value=${this.currentEndValue}
-                min=${ifDefined(this.min)}
-                max=${ifDefined(this.max)}
-                type="number"
-                @dsa-input=${this.handleEndInput}
-                @dsa-change=${this.handleEndChange}
-              ></dsa-input>
-            </div>
-          </div>
-
-          <div class="filter__footer">
-            <dsa-button
-              variant="tertiary"
-              size="small"
-              class="reset__button"
-              @click=${this.handleReset}
-              ?disabled=${this.currentStartValue === this.defaultStart && this.currentEndValue === this.defaultEnd}
-            >
-              <dsa-icon name="restart_alt" slot="prefix"></dsa-icon>
-              ${this.localize.term("filterReset")}
-            </dsa-button>
-            <dsa-button
-              variant="primary"
-              size="small"
-              class="submit__button"
-              @click=${this.handleSubmit}
-            >
-              ${this.localize.term("filterSubmit")}
-            </dsa-button>
-          </div>
-        </div>
-      </dsa-popup>
-    `;
-  }
-};
-DSAFilterRange.styles = filter_range_styles_default;
-__decorateClass([
-  state()
-], DSAFilterRange.prototype, "currentStartValue", 2);
-__decorateClass([
-  state()
-], DSAFilterRange.prototype, "currentEndValue", 2);
-__decorateClass([
-  query(".filter")
-], DSAFilterRange.prototype, "popup", 2);
-__decorateClass([
-  query(".filter__button")
-], DSAFilterRange.prototype, "filterButton", 2);
-__decorateClass([
-  query(".start-range__input")
-], DSAFilterRange.prototype, "startValueInput", 2);
-__decorateClass([
-  query(".end-range__input")
-], DSAFilterRange.prototype, "endValueInput", 2);
-__decorateClass([
-  query(".reset__button")
-], DSAFilterRange.prototype, "resetButton", 2);
-__decorateClass([
-  query(".submit__button")
-], DSAFilterRange.prototype, "submitButton", 2);
-__decorateClass([
-  property({ attribute: "start" })
-], DSAFilterRange.prototype, "start", 2);
-__decorateClass([
-  property({ attribute: "end" })
-], DSAFilterRange.prototype, "end", 2);
-__decorateClass([
-  property({ attribute: "default-start" })
-], DSAFilterRange.prototype, "defaultStart", 2);
-__decorateClass([
-  property({ attribute: "default-end" })
-], DSAFilterRange.prototype, "defaultEnd", 2);
-__decorateClass([
-  property({ type: Boolean, reflect: true })
-], DSAFilterRange.prototype, "open", 2);
-__decorateClass([
-  property()
-], DSAFilterRange.prototype, "label", 2);
-__decorateClass([
-  property({ type: Boolean })
-], DSAFilterRange.prototype, "slider", 2);
-__decorateClass([
-  property({ type: Boolean })
-], DSAFilterRange.prototype, "hoist", 2);
-__decorateClass([
-  property({ type: Boolean, reflect: true })
-], DSAFilterRange.prototype, "disabled", 2);
-__decorateClass([
-  property({ type: Boolean, reflect: true })
-], DSAFilterRange.prototype, "readonly", 2);
-__decorateClass([
-  property()
-], DSAFilterRange.prototype, "min", 2);
-__decorateClass([
-  property()
-], DSAFilterRange.prototype, "max", 2);
-__decorateClass([
-  debounce(RANGE_SLIDER_DEBOUNCE_DELAY)
-], DSAFilterRange.prototype, "handleSliderFromValueChange", 1);
-__decorateClass([
-  debounce(RANGE_SLIDER_DEBOUNCE_DELAY)
-], DSAFilterRange.prototype, "handleSliderToValueChange", 1);
-__decorateClass([
-  watch(["disabled", "readonly"], { waitUntilFirstUpdate: true })
-], DSAFilterRange.prototype, "handleDisabledChange", 1);
-__decorateClass([
-  watch("open", { waitUntilFirstUpdate: true })
-], DSAFilterRange.prototype, "handleOpenChange", 1);
-DSAFilterRange = __decorateClass([
-  customElement("dsa-filter-range")
-], DSAFilterRange);
-setDefaultAnimation("filter.show", {
-  keyframes: [
-    { opacity: 0, scale: 0.9 },
-    { opacity: 1, scale: 1 }
-  ],
-  options: { duration: 100, easing: "ease" }
-});
-setDefaultAnimation("filter.hide", {
-  keyframes: [
-    { opacity: 1, scale: 1 },
-    { opacity: 0, scale: 0.9 }
-  ],
-  options: { duration: 100, easing: "ease" }
-});
-
-export {
-  DSAFilterRange
-};

package/dist/chunks/chunk.YOLAIUYX.js

@@ -1,95 +0,0 @@
-import {
-  form_control_styles_default
-} from "./chunk.3EPXMS3X.js";
-import {
-  component_styles_default
-} from "./chunk.TUVJKY7S.js";
-
-// src/components/filter/filter-select/filter-select.styles.ts
-import { css } from "lit";
-var filter_select_styles_default = css`
-  ${component_styles_default}
-  ${form_control_styles_default}
-
-  :host {
-    display: block;
-  }
-
-  /** The popup */
-  .filter {
-    flex: 1 1 auto;
-    display: inline-flex;
-    width: 100%;
-    position: relative;
-    vertical-align: middle;
-  }
-
-  .filter::part(popup) {
-    z-index: var(--dsa-wc-z-index-dropdown);
-  }
-
-  /* Panel */
-  .filter__panel {
-    display: flex;
-    flex-direction: column;
-    position: relative;
-    font: var(--dsa-wc-input-text-field-font);
-    box-shadow: var(--dsa-wc-shadow-small);
-    background: var(--dsa-wc-select-listbox-background-color);
-    border: solid var(--dsa-wc-select-listbox-border-width)
-      var(--dsa-wc-select-listbox-border-color);
-    border-radius: var(--dsa-wc-select-listbox-border-radius);
-    padding-inline: 0;
-    overflow: hidden;
-    overscroll-behavior: none;
-    min-width: var(--dsa-filter-panel-min-width);
-
-    /* Make sure it adheres to the popup's auto size */
-    /* stylelint-disable-next-line */
-    max-width: var(--auto-size-available-width);
-    /* stylelint-disable-next-line */
-    max-height: min(
-      var(--auto-size-available-height),
-      var(--dsa-filter-panel-max-height)
-    );
-  }
-
-  .filter__multiselect-header {
-    display: flex;
-    padding: var(--dsa-spacing-12) var(--dsa-spacing-8);
-    align-items: center;
-    justify-content: space-between;
-    border-bottom: solid var(--dsa-wc-select-listbox-border-width)
-      var(--dsa-wc-select-listbox-border-color);
-  }
-
-  .filter__panel dsa-input {
-    margin: var(--dsa-spacing-8);
-  }
-
-  .filter__listbox {
-    overflow: auto;
-    margin: 0;
-    padding: 0;
-    position: relative;
-  }
-
-  .filter__options {
-    display: none;
-  }
-
-  .filter__see-all-button {
-    align-self: flex-start;
-    margin-inline-start: var(--dsa-spacing-4);
-  }
-
-  .filter__empty_text {
-    font: var(--dsa-wc-combobox-empty-label-font);
-    color: var(--dsa-wc-combobox-empty-label-color);
-    padding-inline: var(--dsa-wc-combobox-listbox-padding-inline);
-  }
-`;
-
-export {
-  filter_select_styles_default
-};

package/dist/chunks/{chunk.O2PIWM25.js → chunk.D34QDO4H.js}

@@ -1,9 +1,9 @@
-import {
-  library_default_default
-} from "./chunk.RDGMZ5XB.js";
 import {
   library_system_default
 } from "./chunk.RB6TMBWW.js";
+import {
+  library_default_default
+} from "./chunk.RDGMZ5XB.js";
 
 // src/components/icon/library.ts
 var registry = [library_default_default, library_system_default];