@ds-autonomie/web-components 2.14.0 → 2.14.1

package/dist/chunks/chunk.D5655OGD.js

@@ -1,234 +0,0 @@
-import {
-  input_mask_styles_default
-} from "./chunk.OHHVC2MR.js";
-import {
-  maskedValueToRawValue,
-  rawValueToMaskedValue,
-  stripSpecialChars
-} from "./chunk.7OLEA3GQ.js";
-import {
-  InputBase
-} from "./chunk.OUL3HENR.js";
-import {
-  ifDefinedAndNotEmpty
-} from "./chunk.ZQJVCRB2.js";
-import {
-  LocalizeController
-} from "./chunk.QY3AIGLE.js";
-import {
-  watch
-} from "./chunk.7627FYPL.js";
-import {
-  __decorateClass
-} from "./chunk.5GB6F3WA.js";
-
-// src/components/input-mask/input-mask.ts
-import { html } from "lit";
-import { customElement, property, query, state } from "lit/decorators.js";
-import { classMap } from "lit/directives/class-map.js";
-import { ifDefined } from "lit/directives/if-defined.js";
-import { live } from "lit/directives/live.js";
-var DSAInputMask = class extends InputBase {
-  constructor() {
-    super(...arguments);
-    this.localize = new LocalizeController(this);
-    this.maskedValue = "";
-    this.pattern = "";
-    this.mask = "";
-  }
-  /** Gets the validity state object */
-  get validity() {
-    let patternMatch = true;
-    if (this.value.length > 0 && this.pattern.length > 0) {
-      const strippedValue = stripSpecialChars(this.value);
-      const matches = strippedValue.match(this.pattern);
-      patternMatch = matches !== null;
-    }
-    const validityState = {
-      badInput: this.input.validity.badInput,
-      customError: this.input.validity.customError,
-      patternMismatch: !patternMatch,
-      rangeOverflow: this.input.validity.rangeOverflow,
-      rangeUnderflow: this.input.validity.rangeUnderflow,
-      stepMismatch: this.input.validity.stepMismatch,
-      tooLong: this.input.validity.tooLong,
-      tooShort: this.input.validity.tooShort,
-      typeMismatch: this.input.validity.typeMismatch,
-      valid: this.value.length > 0 && this.pattern.length > 0 ? patternMatch : this.input.validity.valid,
-      valueMissing: this.input.validity.valueMissing
-    };
-    return validityState;
-  }
-  connectedCallback() {
-    super.connectedCallback();
-    if (this.mask.length > 0 && this.mask.length !== this.placeholder.length) {
-      console.warn(
-        "For correct usage: add `mask` attribute. It should have the same format than the placeholder."
-      );
-    }
-    this.maskedValue = this.rawValueToMaskedValue(this.value);
-  }
-  handleDocumentKeyUp() {
-    const strippedValue = stripSpecialChars(this.input.value);
-    const newValue = maskedValueToRawValue(
-      strippedValue,
-      this.mask.length > 0 ? this.mask : this.placeholder
-    );
-    const maskedValue = this.rawValueToMaskedValue(newValue);
-    this.value = newValue;
-    this.maskedValue = maskedValue;
-    this.input.value = maskedValue;
-    this.formControlController.updateValidity();
-    this.emit("dsa-input");
-  }
-  rawValueToMaskedValue(inputValue) {
-    return rawValueToMaskedValue(inputValue, this.placeholder);
-  }
-  handleChange() {
-    this.emit("dsa-change");
-  }
-  async handleValueChange() {
-    this.maskedValue = this.rawValueToMaskedValue(this.value);
-    await this.updateComplete;
-    this.formControlController.updateValidity();
-  }
-  /** Replaces a range of text with a new string. */
-  setRangeText(replacement, start, end, selectMode) {
-    this.input.setRangeText(replacement, start, end, selectMode);
-    if (this.value !== this.input.value) {
-      this.value = this.input.value;
-    }
-  }
-  renderInput() {
-    var _a, _b;
-    const hasLabelSlot = this.hasSlotController.test("label");
-    const hasPrefixIcon = this.hasSlotController.test("prefix");
-    const hasSuffixIcon = this.hasSlotController.test("suffix");
-    const hasLabel = this.label ? true : !!hasLabelSlot;
-    const hasClearIcon = this.clearable && !this.disabled && !this.readonly && (typeof this.value === "number" || this.value.length > 0);
-    const placeholder = this.placeholder.substring(this.maskedValue.length);
-    return html`
-      <div
-        part="base"
-        class=${classMap({
-      "input-mask": true,
-      // Sizes
-      "input--small": this.size === "small",
-      "input--medium": this.size === "medium",
-      "input--large": this.size === "large",
-      // States
-      "input--error": this.error,
-      "input--success": this.success && !this.error,
-      "input--on-layer": this.variant === "layer",
-      "input--on-base": this.variant === "base",
-      "input--disabled": this.disabled,
-      "input--readonly": this.readonly,
-      "input--focused": this.hasFocus,
-      "input--empty": !this.value
-    })}
-      >
-        <slot
-          name="prefix"
-          part="prefix"
-          id="input__prefix"
-          class="input-mask__prefix"
-        ></slot>
-
-        <div
-          class=${classMap({
-      "input-mask__placeholder": true
-    })}
-          aria-placeholder=${placeholder}
-          aria-hidden="true"
-        >
-          <span class="input-mask__value" aria-hidden="true"
-            >${this.maskedValue}</span
-          >
-          ${placeholder}
-        </div>
-
-        <input
-          part="input"
-          id="input"
-          class=${classMap({
-      "input-mask__control": true,
-      "input-mask__control-with-prefix": hasPrefixIcon
-    })}
-          type="text"
-          title=${ifDefinedAndNotEmpty(
-      hasLabel ? void 0 : (_a = this.accessibleName) != null ? _a : this.title
-    )}
-          name=${ifDefinedAndNotEmpty(this.name)}
-          ?disabled=${this.disabled}
-          ?readonly=${this.readonly}
-          ?required=${this.required}
-          minlength=${ifDefined(this.minlength)}
-          maxlength=${ifDefined(this.placeholder.length)}
-          size=${ifDefined(this.placeholder.length)}
-          placeholder=${ifDefined(this.placeholder)}
-          .value=${live(this.maskedValue)}
-          autocomplete=${ifDefined(this.autocomplete)}
-          autocorrect=${ifDefined(this.autocorrect)}
-          ?autofocus=${this.autofocus}
-          spellcheck=${this.spellcheck}
-          enterkeyhint=${ifDefined(this.enterkeyhint)}
-          inputmode=${this.inputmode}
-          aria-label=${ifDefinedAndNotEmpty(
-      hasLabel ? void 0 : (_b = this.accessibleName) != null ? _b : this.title
-    )}
-          aria-describedby=${this.getDescriptionIds()}
-          aria-invalid=${ifDefined(this.error ? "true" : void 0)}
-          @change=${this.handleChange}
-          @invalid=${this.handleInvalid}
-          @keyup=${this.handleDocumentKeyUp}
-          @keydown=${this.handleKeyDown}
-          @focus=${this.handleFocus}
-          @blur=${this.handleBlur}
-        />
-
-        ${hasSuffixIcon ? html`<slot
-              name="suffix"
-              id="input__suffix"
-              class="input-mask__suffix"
-            ></slot>` : ""}
-        ${hasClearIcon ? html`
-              <dsa-icon-button
-                part="clear-button"
-                class="input-mask__clear"
-                label=${this.localize.term("clearEntry")}
-                @click=${this.handleClearClick}
-                name="close"
-                library="system"
-              >
-              </dsa-icon-button>
-            ` : ""}
-      </div>
-    `;
-  }
-};
-DSAInputMask.styles = input_mask_styles_default;
-__decorateClass([
-  query(".input-mask__control")
-], DSAInputMask.prototype, "input", 2);
-__decorateClass([
-  state()
-], DSAInputMask.prototype, "maskedValue", 2);
-__decorateClass([
-  property()
-], DSAInputMask.prototype, "inputmode", 2);
-__decorateClass([
-  property()
-], DSAInputMask.prototype, "pattern", 2);
-__decorateClass([
-  property({ reflect: true })
-], DSAInputMask.prototype, "mask", 2);
-__decorateClass([
-  watch("value", { waitUntilFirstUpdate: true })
-], DSAInputMask.prototype, "handleValueChange", 1);
-DSAInputMask = __decorateClass([
-  customElement("dsa-input-mask")
-], DSAInputMask);
-
-export {
-  DSAInputMask
-};

package/dist/chunks/chunk.DBQ5OKUO.js

@@ -1,95 +0,0 @@
-import {
-  download_link_styles_default
-} from "./chunk.6HSTAJNR.js";
-import {
-  ShoelaceElement
-} from "./chunk.KPJCYT4S.js";
-import {
-  __decorateClass
-} from "./chunk.5GB6F3WA.js";
-
-// src/components/download-link/download-link.ts
-import { html } from "lit";
-import { customElement, property } from "lit/decorators.js";
-import { classMap } from "lit/directives/class-map.js";
-var DSADownloadLink = class extends ShoelaceElement {
-  constructor() {
-    super(...arguments);
-    this.variant = "base";
-    this.size = "medium";
-  }
-  handleFocus() {
-    this.emit("dsa-focus");
-  }
-  handleBlur() {
-    this.emit("dsa-blur");
-  }
-  render() {
-    if (this.variant === "contrasted") {
-      console.warn(
-        "The `contrasted` variant is deprecated, and will be removed in the next major release."
-      );
-    }
-    return html`
-      <a
-        part="link"
-        class=${classMap({
-      link: true,
-      "link--on-layer": this.variant === "layer",
-      "link--on-contrasted": this.variant === "contrasted",
-      "link--floating-menu": this.variant === "floating",
-      "document-link--x-large": this.size === "xlarge",
-      "document-link--large": this.size === "large",
-      "document-link--medium": this.size === "medium",
-      "document-link--small": this.size === "small",
-      "document-link--x-small": this.size === "xsmall",
-      "document-link--2x-small": this.size === "2xsmall"
-    })}
-        download=${this.filename}
-        href=${this.href}
-        @focus=${this.handleFocus}
-        @blur=${this.handleBlur}
-      >
-        <slot></slot>
-        <dsa-icon name="download" library="system"></dsa-icon>
-        <p
-          id="document-info"
-          class=${classMap({
-      "document-info": true,
-      "document-info--on-layer": this.variant === "layer",
-      "document-info--on-contrasted": this.variant === "contrasted",
-      "document-info--floating-menu": this.variant === "floating"
-    })}
-        >
-          ${this.format}${this.format && this.documentSize ? " - " : ""}${this.documentSize}
-        </p>
-      </a>
-    `;
-  }
-};
-DSADownloadLink.styles = download_link_styles_default;
-__decorateClass([
-  property()
-], DSADownloadLink.prototype, "href", 2);
-__decorateClass([
-  property()
-], DSADownloadLink.prototype, "format", 2);
-__decorateClass([
-  property({ attribute: "documentsize" })
-], DSADownloadLink.prototype, "documentSize", 2);
-__decorateClass([
-  property()
-], DSADownloadLink.prototype, "variant", 2);
-__decorateClass([
-  property()
-], DSADownloadLink.prototype, "size", 2);
-__decorateClass([
-  property()
-], DSADownloadLink.prototype, "filename", 2);
-DSADownloadLink = __decorateClass([
-  customElement("dsa-download-link")
-], DSADownloadLink);
-
-export {
-  DSADownloadLink
-};

package/dist/chunks/chunk.DFNCZLQM.js

@@ -1,193 +0,0 @@
-import {
-  icon_button_styles_default
-} from "./chunk.QEXDSP5Y.js";
-import {
-  a11yWarning
-} from "./chunk.PWL7QCVG.js";
-import {
-  ifDefinedAndNotEmpty
-} from "./chunk.ZQJVCRB2.js";
-import {
-  ShoelaceElement
-} from "./chunk.KPJCYT4S.js";
-import {
-  __decorateClass
-} from "./chunk.5GB6F3WA.js";
-
-// src/components/icon-button/icon-button.ts
-import { customElement, property, query, state } from "lit/decorators.js";
-import { classMap } from "lit/directives/class-map.js";
-import { ifDefined } from "lit/directives/if-defined.js";
-import { html, literal } from "lit/static-html.js";
-var DSAIconButton = class extends ShoelaceElement {
-  constructor() {
-    super(...arguments);
-    this.hasFocus = false;
-    this.disableTabIndex = false;
-    this.label = "";
-    this.description = "";
-    this.disabled = false;
-    this.floating = false;
-    this.toggle = false;
-    this.pressed = false;
-    this.variant = "default";
-    this.size = "medium";
-  }
-  handleBlur() {
-    this.hasFocus = false;
-    this.emit("dsa-blur");
-  }
-  handleFocus() {
-    this.hasFocus = true;
-    this.emit("dsa-focus");
-  }
-  handleClick(event) {
-    if (this.disabled) {
-      event.preventDefault();
-      event.stopPropagation();
-    }
-    if (this.toggle) {
-      this.pressed = !this.pressed;
-      this.emit("dsa-change");
-    }
-  }
-  /** Simulates a click on the icon button. */
-  click() {
-    this.button.click();
-  }
-  /** Sets focus on the icon button. */
-  focus(options) {
-    this.button.focus(options);
-  }
-  /** Removes focus from the icon button. */
-  blur() {
-    this.button.blur();
-  }
-  render() {
-    if (!this.label) {
-      a11yWarning(
-        "<dsa-icon-button> requires a label attribute for accessibility"
-      );
-    }
-    const isLink = this.href ? true : false;
-    const tag = isLink ? literal`a` : literal`button`;
-    return html`
-      <${tag}
-        part="base"
-        class=${classMap({
-      "icon-button": true,
-      "icon-button--on-floating-menu": this.floating,
-      "icon-button--default": this.variant === "default",
-      "icon-button--primary": this.variant === "primary",
-      "icon-button--secondary": this.variant === "secondary",
-      "icon-button--tertiary": this.variant === "tertiary",
-      "icon-button--danger": this.variant === "danger",
-      "icon-button--disabled": !isLink && (this.disabled || this.disableTabIndex),
-      "icon-button--focused": this.hasFocus,
-      "icon-button--toggle": this.toggle,
-      "icon-button--pressed": this.toggle && this.pressed
-    })}
-        ?disabled=${ifDefined(isLink ? void 0 : this.disabled)}
-        type=${ifDefined(isLink ? void 0 : "button")}
-        href=${ifDefined(isLink ? this.href : void 0)}
-        target=${ifDefined(isLink ? this.target : void 0)}
-        download=${ifDefined(isLink ? this.download : void 0)}
-        rel=${ifDefined(
-      isLink && this.target ? "noreferrer noopener" : void 0
-    )}
-        role=${ifDefined(isLink ? void 0 : "button")}
-        aria-disabled=${ifDefined(this.disabled && isLink ? "true" : void 0)}
-        aria-pressed=${ifDefined(this.toggle ? this.pressed : void 0)}
-        aria-label=${ifDefinedAndNotEmpty(this.label)}
-        aria-describedby="description"
-        tabindex=${this.disableTabIndex || this.disabled ? "-1" : "0"}
-        @blur=${this.handleBlur}
-        @focus=${this.handleFocus}
-        @click=${this.handleClick}
-      >
-        <dsa-icon
-          class=${classMap({
-      "icon-button__icon": true,
-      "icon-button__icon--2xsmall": this.size === "2xsmall",
-      "icon-button__icon--xsmall": this.size === "xsmall",
-      "icon-button__icon--small": this.size === "small",
-      "icon-button__icon--medium": this.size === "medium",
-      "icon-button__icon--large": this.size === "large",
-      "icon-button__icon--xlarge": this.size === "xlarge",
-      "icon-button__icon--2xlarge": this.size === "2xlarge"
-    })}
-          name=${ifDefined(this.name)}
-          src=${ifDefined(this.src)}
-          aria-hidden="true"
-          library=${ifDefined(this.library)}
-        ></dsa-icon>
-        <slot></slot>
-      </${tag}>
-            ${this.description !== "" ? html`
-                    <p id="description" class="icon-button__description">
-                      ${this.description}
-                    </p>
-                  ` : ""}
-
-    `;
-  }
-};
-DSAIconButton.styles = icon_button_styles_default;
-__decorateClass([
-  query(".icon-button")
-], DSAIconButton.prototype, "button", 2);
-__decorateClass([
-  state()
-], DSAIconButton.prototype, "hasFocus", 2);
-__decorateClass([
-  property({ type: Boolean, attribute: "disable-tab-index" })
-], DSAIconButton.prototype, "disableTabIndex", 2);
-__decorateClass([
-  property()
-], DSAIconButton.prototype, "name", 2);
-__decorateClass([
-  property()
-], DSAIconButton.prototype, "library", 2);
-__decorateClass([
-  property()
-], DSAIconButton.prototype, "src", 2);
-__decorateClass([
-  property()
-], DSAIconButton.prototype, "href", 2);
-__decorateClass([
-  property()
-], DSAIconButton.prototype, "target", 2);
-__decorateClass([
-  property()
-], DSAIconButton.prototype, "download", 2);
-__decorateClass([
-  property()
-], DSAIconButton.prototype, "label", 2);
-__decorateClass([
-  property({ attribute: "description" })
-], DSAIconButton.prototype, "description", 2);
-__decorateClass([
-  property({ type: Boolean, reflect: true })
-], DSAIconButton.prototype, "disabled", 2);
-__decorateClass([
-  property({ type: Boolean, reflect: true })
-], DSAIconButton.prototype, "floating", 2);
-__decorateClass([
-  property({ type: Boolean, reflect: true })
-], DSAIconButton.prototype, "toggle", 2);
-__decorateClass([
-  property({ type: Boolean, reflect: true })
-], DSAIconButton.prototype, "pressed", 2);
-__decorateClass([
-  property()
-], DSAIconButton.prototype, "variant", 2);
-__decorateClass([
-  property({ reflect: true })
-], DSAIconButton.prototype, "size", 2);
-DSAIconButton = __decorateClass([
-  customElement("dsa-icon-button")
-], DSAIconButton);
-
-export {
-  DSAIconButton
-};

package/dist/chunks/chunk.DK6C5JKN.js

@@ -1,69 +0,0 @@
-import {
-  download_card_styles_default
-} from "./chunk.TLQMWL6I.js";
-import {
-  ShoelaceElement
-} from "./chunk.KPJCYT4S.js";
-import {
-  __decorateClass
-} from "./chunk.5GB6F3WA.js";
-
-// src/components/download-card/download-card.ts
-import { html } from "lit";
-import { customElement, property } from "lit/decorators.js";
-var DSADownloadCard = class extends ShoelaceElement {
-  constructor() {
-    super(...arguments);
-    this.href = "";
-  }
-  handleFocus() {
-    this.emit("dsa-focus");
-  }
-  handleBlur() {
-    this.emit("dsa-blur");
-  }
-  render() {
-    return html`
-      <a
-        part="link"
-        download=${this.filename}
-        href=${this.href}
-        @focus=${this.handleFocus}
-        @blur=${this.handleBlur}
-      >
-        <slot name="image" part="image"></slot>
-        <div part="content">
-          <slot></slot>
-          ${this.description ? html` <p part="description">${this.description}</p> ` : ""}
-          <p part="document-info">
-            ${this.format}${this.format && this.documentSize ? " - " : ""}${this.documentSize}
-          </p>
-        </div>
-        <dsa-icon part="icon" name="download" library="system"></dsa-icon>
-      </a>
-    `;
-  }
-};
-DSADownloadCard.styles = download_card_styles_default;
-__decorateClass([
-  property()
-], DSADownloadCard.prototype, "href", 2);
-__decorateClass([
-  property()
-], DSADownloadCard.prototype, "description", 2);
-__decorateClass([
-  property()
-], DSADownloadCard.prototype, "format", 2);
-__decorateClass([
-  property({ attribute: "documentsize" })
-], DSADownloadCard.prototype, "documentSize", 2);
-__decorateClass([
-  property()
-], DSADownloadCard.prototype, "filename", 2);
-DSADownloadCard = __decorateClass([
-  customElement("dsa-download-card")
-], DSADownloadCard);
-
-export {
-  DSADownloadCard
-};

package/dist/chunks/chunk.DONQDIEN.js

@@ -1,73 +0,0 @@
-import {
-  callout_styles_default
-} from "./chunk.FWFLQD5T.js";
-import {
-  ShoelaceElement
-} from "./chunk.KPJCYT4S.js";
-import {
-  __decorateClass
-} from "./chunk.5GB6F3WA.js";
-
-// src/components/callout/callout.ts
-import { html } from "lit";
-import { customElement, property, query } from "lit/decorators.js";
-import { classMap } from "lit/directives/class-map.js";
-import { ifDefined } from "lit/directives/if-defined.js";
-var DSACallout = class extends ShoelaceElement {
-  constructor() {
-    super(...arguments);
-    this.title = "";
-    this.calloutTitle = "";
-  }
-  render() {
-    return html`
-      <div
-        part="base"
-        class=${classMap({
-      callout: true
-    })}
-        role=${ifDefined(
-      this.calloutTitle || this.title ? "region" : void 0
-    )}
-        aria-labelledby=${ifDefined(
-      this.calloutTitle || this.title ? "header" : void 0
-    )}
-      >
-        <div class="callout__text">
-          ${this.calloutTitle || this.title ? html`
-                <div
-                  part="header"
-                  id="header"
-                  aria-level=${ifDefined(this.headerLevel)}
-                  role=${ifDefined(this.headerLevel ? "heading" : void 0)}
-                  class="callout__title"
-                >
-                  ${this.calloutTitle || this.title}
-                </div>
-              ` : ""}
-          <slot part="message" class="callout__message"></slot>
-        </div>
-      </div>
-    `;
-  }
-};
-DSACallout.styles = callout_styles_default;
-__decorateClass([
-  query('[part~="base"]')
-], DSACallout.prototype, "base", 2);
-__decorateClass([
-  property()
-], DSACallout.prototype, "title", 2);
-__decorateClass([
-  property({ attribute: "callout-title" })
-], DSACallout.prototype, "calloutTitle", 2);
-__decorateClass([
-  property({ attribute: "header-level", reflect: true })
-], DSACallout.prototype, "headerLevel", 2);
-DSACallout = __decorateClass([
-  customElement("dsa-callout")
-], DSACallout);
-
-export {
-  DSACallout
-};