@ds-autonomie/web-components 2.14.0 → 2.15.0

package/dist/chunks/chunk.V3PHLLGV.js

@@ -1,33 +0,0 @@
-import {
-  avatar_group_styles_default
-} from "./chunk.XWUQFDIN.js";
-import {
-  ShoelaceElement
-} from "./chunk.KPJCYT4S.js";
-import {
-  __decorateClass
-} from "./chunk.5GB6F3WA.js";
-
-// src/components/avatar-group/avatar-group.ts
-import { html } from "lit";
-import { customElement, query } from "lit/decorators.js";
-var DSAAvatarGroup = class extends ShoelaceElement {
-  render() {
-    return html`
-      <div part="base" class="avatar-group" role="group">
-        <slot></slot>
-      </div>
-    `;
-  }
-};
-DSAAvatarGroup.styles = avatar_group_styles_default;
-__decorateClass([
-  query("slot")
-], DSAAvatarGroup.prototype, "defaultSlot", 2);
-DSAAvatarGroup = __decorateClass([
-  customElement("dsa-avatar-group")
-], DSAAvatarGroup);
-
-export {
-  DSAAvatarGroup
-};

package/dist/chunks/chunk.VC7GDGXF.js

@@ -1,44 +0,0 @@
-import {
-  FormSelectableCard
-} from "./chunk.CHUBPDIO.js";
-import {
-  watch
-} from "./chunk.7627FYPL.js";
-import {
-  __decorateClass
-} from "./chunk.5GB6F3WA.js";
-
-// src/components/checkbox-card/checkbox-card.ts
-import { customElement } from "lit/decorators.js";
-var DSACheckboxCard = class extends FormSelectableCard {
-  constructor() {
-    super(...arguments);
-    this.type = "checkbox";
-  }
-  connectedCallback() {
-    super.connectedCallback();
-    if (!this.hasAttribute("role")) {
-      this.setAttribute("role", "listitem");
-    }
-  }
-  handleClick() {
-    this.checked = !this.checked;
-  }
-  handleErrorChange() {
-    if (this.error) {
-      this.button.setAttribute("aria-invalid", "true");
-    } else {
-      this.button.removeAttribute("aria-invalid");
-    }
-  }
-};
-__decorateClass([
-  watch("error", { waitUntilFirstUpdate: true })
-], DSACheckboxCard.prototype, "handleErrorChange", 1);
-DSACheckboxCard = __decorateClass([
-  customElement("dsa-checkbox-card")
-], DSACheckboxCard);
-
-export {
-  DSACheckboxCard
-};

package/dist/chunks/chunk.VCIUXBGN.js

@@ -1,88 +0,0 @@
-import {
-  quote_styles_default
-} from "./chunk.UUMZUOSS.js";
-import {
-  ShoelaceElement
-} from "./chunk.KPJCYT4S.js";
-import {
-  __decorateClass
-} from "./chunk.5GB6F3WA.js";
-
-// src/components/quote/quote.ts
-import { html } from "lit";
-import { customElement, property } from "lit/decorators.js";
-import { classMap } from "lit/directives/class-map.js";
-import { ifDefined } from "lit/directives/if-defined.js";
-var DSAQuote = class extends ShoelaceElement {
-  constructor() {
-    super(...arguments);
-    this.quote = "";
-    this.author = "";
-    this.cite = "";
-    this.details = "";
-    this.borders = false;
-    this.size = "medium";
-  }
-  render() {
-    return html`
-      <div
-        class=${classMap({
-      quote: true,
-      "quote--with-borders": this.borders,
-      "quote--small": this.size === "small"
-    })}
-      >
-        <svg
-          xmlns="http://www.w3.org/2000/svg"
-          viewBox="0 0 34 25"
-          class=${classMap({
-      quote__mark: true,
-      "quote__mark--small": this.size === "small"
-    })}
-          aria-hidden="true"
-        >
-          <path
-            d="M15.2125 4C6.56865 4 0.867188 11.0522 0.867188 17.8318C0.867188 22.8318 4.86719 24.8318 7.86719 24.8318C11.6538 24.8318 14.702 21.6901 14.702 17.8318C14.702 13.9736 11.0908 11.2817 8.75749 11.1932C9.2231 8.95474 11.7534 6.4521 15.2125 6.4521V4ZM33.0645 4C24.4207 4 18.7192 11.0522 18.7192 17.8318C18.7192 22.8318 22.7192 24.8318 25.7192 24.8318C29.5058 24.8318 32.5541 21.6901 32.5541 17.8318C32.5541 13.9736 28.9429 11.2817 26.6095 11.1932C27.0751 8.95474 29.6054 6.4521 33.0645 6.4521V4Z"
-            fill="currentColor"
-          />
-        </svg>
-        <div class="quote__content">
-          <blockquote cite=${ifDefined(this.cite)} class="quote__blockquote">
-            <p>${this.quote}</p>
-          </blockquote>
-          ${this.author ? html` <p class="quote__source"><span>–</span>${this.author}</p> ` : ""}
-          <slot name="details" class="quote__details"
-            >${this.details ? html` <p>${this.details}</p> ` : ""}
-          </slot>
-          <slot name="image"></slot>
-        </div>
-      </div>
-    `;
-  }
-};
-DSAQuote.styles = quote_styles_default;
-__decorateClass([
-  property()
-], DSAQuote.prototype, "quote", 2);
-__decorateClass([
-  property()
-], DSAQuote.prototype, "author", 2);
-__decorateClass([
-  property()
-], DSAQuote.prototype, "cite", 2);
-__decorateClass([
-  property()
-], DSAQuote.prototype, "details", 2);
-__decorateClass([
-  property({ type: Boolean })
-], DSAQuote.prototype, "borders", 2);
-__decorateClass([
-  property()
-], DSAQuote.prototype, "size", 2);
-DSAQuote = __decorateClass([
-  customElement("dsa-quote")
-], DSAQuote);
-
-export {
-  DSAQuote
-};

package/dist/chunks/chunk.VI3FKXGA.js

@@ -1,79 +0,0 @@
-import {
-  card_nav_item_styles_default
-} from "./chunk.3XTO3LV5.js";
-import {
-  HasSlotController
-} from "./chunk.YIY5RM53.js";
-import {
-  a11yWarning
-} from "./chunk.PWL7QCVG.js";
-import {
-  ShoelaceElement
-} from "./chunk.KPJCYT4S.js";
-import {
-  __decorateClass
-} from "./chunk.5GB6F3WA.js";
-
-// src/components/card-nav-item/card-nav-item.ts
-import { customElement, property } from "lit/decorators.js";
-import { ifDefined } from "lit/directives/if-defined.js";
-import { html, literal } from "lit/static-html.js";
-var DSACardNavItem = class extends ShoelaceElement {
-  constructor() {
-    super(...arguments);
-    this.hasSlotController = new HasSlotController(this, "[default]");
-    this.href = "";
-    this.rel = "noreferrer noopener";
-    this.role = "listitem";
-  }
-  isLink() {
-    return this.href ? true : false;
-  }
-  render() {
-    const isLink = this.isLink();
-    const tag = isLink ? literal`a` : literal`button`;
-    if (!this.hasSlotController.test("[default]")) {
-      a11yWarning(
-        "<dsa-card-nav-item> requires slotted content for accessibility"
-      );
-    }
-    return html`
-      <${tag}
-        part="base"
-        class="card-nav-item"
-        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.rel : void 0)}
-      >
-        <div class="card-nav-item__body">
-          <slot></slot>
-          <dsa-icon library="system" name="arrow_forward" class="card-nav-item__icon"></dsa-icon>
-      </div>
-      </${tag}>
-    `;
-  }
-};
-DSACardNavItem.styles = card_nav_item_styles_default;
-__decorateClass([
-  property()
-], DSACardNavItem.prototype, "href", 2);
-__decorateClass([
-  property()
-], DSACardNavItem.prototype, "target", 2);
-__decorateClass([
-  property()
-], DSACardNavItem.prototype, "rel", 2);
-__decorateClass([
-  property()
-], DSACardNavItem.prototype, "download", 2);
-__decorateClass([
-  property({ reflect: true })
-], DSACardNavItem.prototype, "role", 2);
-DSACardNavItem = __decorateClass([
-  customElement("dsa-card-nav-item")
-], DSACardNavItem);
-
-export {
-  DSACardNavItem
-};

package/dist/chunks/chunk.VIKMVPWW.js

@@ -1,117 +0,0 @@
-import {
-  navbar_styles_default
-} from "./chunk.UC5S2IUH.js";
-import {
-  watch
-} from "./chunk.7627FYPL.js";
-import {
-  ShoelaceElement
-} from "./chunk.KPJCYT4S.js";
-import {
-  __decorateClass
-} from "./chunk.5GB6F3WA.js";
-
-// src/components/navbar/navbar.ts
-import { html } from "lit";
-import { customElement, property, query, state } from "lit/decorators.js";
-var MENU_TAG = "dsa-navbar-menu";
-var LINK_TAG = "dsa-navbar-link";
-var DSANavbar = class extends ShoelaceElement {
-  constructor() {
-    super(...arguments);
-    this.currentOpenMenu = null;
-    this.mobile = false;
-  }
-  connectedCallback() {
-    super.connectedCallback();
-  }
-  handleSlotChange() {
-    this.getAllChildren().forEach((el) => {
-      el.mobile = this.mobile;
-    });
-  }
-  handleMobileChange() {
-    this.getAllChildren().forEach((el) => {
-      el.mobile = this.mobile;
-      el.classList.remove("hidden");
-      if (this.isNavbarMenu(el)) {
-        el.open = false;
-      }
-    });
-  }
-  handleMenuShow(event) {
-    if (!this.mobile) return;
-    const target = event.target;
-    const menu = target.closest(MENU_TAG);
-    if (menu) {
-      this.currentOpenMenu = menu;
-    }
-  }
-  handleMenuHide() {
-    if (!this.mobile) return;
-    if (!this.getAllMenus().some((el) => el.open)) {
-      this.currentOpenMenu = null;
-    }
-  }
-  getAllChildren() {
-    return [
-      ...this.querySelectorAll(MENU_TAG),
-      ...this.querySelectorAll(LINK_TAG)
-    ];
-  }
-  getAllMenus() {
-    return [...this.querySelectorAll(MENU_TAG)];
-  }
-  isNavbarMenu(el) {
-    return el.tagName.toLowerCase() === MENU_TAG;
-  }
-  render() {
-    if (this.mobile) {
-      this.getAllChildren().forEach((el) => {
-        if (this.currentOpenMenu === null || el === this.currentOpenMenu) {
-          el.classList.remove("hidden");
-        } else {
-          el.classList.add("hidden");
-          if (this.isNavbarMenu(el)) {
-            el.open = false;
-          }
-        }
-      });
-    }
-    return html`
-      <slot
-        role="list"
-        class="navbar__list"
-        @slotchange=${this.handleSlotChange}
-        @dsa-show=${this.handleMenuShow}
-        @dsa-hide=${this.handleMenuHide}
-      ></slot>
-    `;
-  }
-};
-DSANavbar.styles = navbar_styles_default;
-__decorateClass([
-  query("nav")
-], DSANavbar.prototype, "navbar", 2);
-__decorateClass([
-  query("slot")
-], DSANavbar.prototype, "defaultSlot", 2);
-__decorateClass([
-  state()
-], DSANavbar.prototype, "allMenus", 2);
-__decorateClass([
-  state()
-], DSANavbar.prototype, "currentOpenMenu", 2);
-__decorateClass([
-  property({ type: Boolean })
-], DSANavbar.prototype, "mobile", 2);
-__decorateClass([
-  watch("mobile")
-], DSANavbar.prototype, "handleMobileChange", 1);
-DSANavbar = __decorateClass([
-  customElement("dsa-navbar")
-], DSANavbar);
-
-export {
-  DSANavbar
-};

package/dist/chunks/chunk.VJ6DHJGA.js

@@ -1,195 +0,0 @@
-import {
-  card_content_styles_default
-} from "./chunk.CNRGP5OT.js";
-import {
-  HasSlotController
-} from "./chunk.YIY5RM53.js";
-import {
-  a11yWarning
-} from "./chunk.PWL7QCVG.js";
-import {
-  ifDefinedAndNotEmpty
-} from "./chunk.ZQJVCRB2.js";
-import {
-  watch
-} from "./chunk.7627FYPL.js";
-import {
-  ShoelaceElement
-} from "./chunk.KPJCYT4S.js";
-import {
-  __decorateClass
-} from "./chunk.5GB6F3WA.js";
-
-// src/components/card-content/card-content.ts
-import { customElement, property } 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 DSACardContent = class extends ShoelaceElement {
-  constructor() {
-    super(...arguments);
-    this.hasSlotController = new HasSlotController(
-      this,
-      "media",
-      "tags",
-      "title-icon",
-      "title",
-      "subtitle",
-      "footer"
-    );
-    this.href = "";
-    this.rel = "noreferrer noopener";
-    this.variant = "outlined";
-    this.layout = "vertical";
-    this.size = "large";
-    this.contrastedBorders = false;
-  }
-  isLink() {
-    return this.href ? true : false;
-  }
-  updateTagsSizes() {
-    const slottedTags = this.querySelectorAll("dsa-tag");
-    slottedTags.forEach(
-      (tag) => tag.size = this.size === "large" ? "medium" : "small"
-    );
-  }
-  handleTagsSlotChange() {
-    this.updateTagsSizes();
-  }
-  handleSizeChange() {
-    this.updateTagsSizes();
-  }
-  render() {
-    const isLink = this.isLink();
-    const tag = isLink ? literal`a` : literal`div`;
-    const hasSideLinkIcon = isLink && !this.hasSlotController.test("footer") && this.layout === "left-align";
-    const hasBottomLinkIcon = isLink && !this.hasSlotController.test("footer") && this.layout !== "left-align";
-    if (isLink && !this.hasSlotController.test("title")) {
-      a11yWarning(
-        "<dsa-card-content> requires a title slot for accessibility when used as a link"
-      );
-    }
-    return html`
-      <article
-        part="base"
-        class=${classMap({
-      "card-content": true,
-      "card-content--link": isLink,
-      "card-content--small": this.size === "small",
-      "card-content--medium": this.size === "medium",
-      "card-content--large": this.size === "large",
-      "card-content--left-align": this.layout === "left-align",
-      "card-content--right-align": this.layout === "right-align",
-      "card-content--filled": this.variant === "filled",
-      "card-content--contrasted-borders": this.contrastedBorders
-    })}
-      >
-        <slot name="media" class=${ifDefinedAndNotEmpty(
-      this.hasSlotController.test("media") ? "card-content__media" : void 0
-    )}></slot>
-        <div part="body" class="card-content__body">
-          <div class="card-content__header">
-            <div class="card-content__title_block">
-              <slot name="title-icon" class=${ifDefinedAndNotEmpty(
-      this.hasSlotController.test("title-icon") ? "card-content__title-icon" : void 0
-    )}></slot>
-              <div class="card-content__title-block-text">
-                <${tag}
-                  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.rel : void 0)}
-                >
-                  <slot 
-                    name="title" 
-                    class=${ifDefinedAndNotEmpty(
-      this.hasSlotController.test("title") ? "card-content__title" : void 0
-    )}
-                  ></slot>
-                </${tag}>
-                <slot 
-                  name="subtitle" 
-                  class=${ifDefinedAndNotEmpty(
-      this.hasSlotController.test("subtitle") ? "card-content__subtitle" : void 0
-    )}>
-                  </slot>
-              </div>
-            </div>
-            <slot
-              name="tags"
-              @slotchange=${this.handleTagsSlotChange}
-              class=${ifDefinedAndNotEmpty(
-      this.hasSlotController.test("tags") ? "card-content__tags" : void 0
-    )}
-            ></slot>
-          </div>
-
-          ${this.hasSlotController.test("[default]") ? html` <slot class="card-content__content"></slot> ` : ""}
-          <slot 
-            name="footer" 
-            part="footer" 
-            class=${ifDefinedAndNotEmpty(
-      this.hasSlotController.test("footer") ? "card-content__footer" : void 0
-    )}
-            tabindex=${ifDefined(isLink ? "-1" : void 0)}
-          ></slot>
-          ${hasBottomLinkIcon ? html`
-                  <div class="card-content__link-bottom-icon-container">
-                    <dsa-icon
-                      class="card-content__link-icon"
-                      name="chevron_right"
-                      library="system"
-                      aria-hidden="true"
-                    ></dsa-icon>
-                  </div>
-                ` : ""}
-        </div>
-        ${hasSideLinkIcon ? html`
-                <div class="card-content__link-icon-container">
-                  <dsa-icon
-                    class="card-content__link-icon"
-                    name="chevron_right"
-                    library="system"
-                    aria-hidden="true"
-                  ></dsa-icon>
-                </div>
-              ` : ""}
-      </article>
-    `;
-  }
-};
-DSACardContent.styles = card_content_styles_default;
-__decorateClass([
-  property()
-], DSACardContent.prototype, "href", 2);
-__decorateClass([
-  property()
-], DSACardContent.prototype, "target", 2);
-__decorateClass([
-  property()
-], DSACardContent.prototype, "rel", 2);
-__decorateClass([
-  property()
-], DSACardContent.prototype, "download", 2);
-__decorateClass([
-  property({ reflect: true })
-], DSACardContent.prototype, "variant", 2);
-__decorateClass([
-  property({ reflect: true })
-], DSACardContent.prototype, "layout", 2);
-__decorateClass([
-  property({ reflect: true })
-], DSACardContent.prototype, "size", 2);
-__decorateClass([
-  property({ type: Boolean, reflect: true, attribute: "contrasted-borders" })
-], DSACardContent.prototype, "contrastedBorders", 2);
-__decorateClass([
-  watch("size")
-], DSACardContent.prototype, "handleSizeChange", 1);
-DSACardContent = __decorateClass([
-  customElement("dsa-card-content")
-], DSACardContent);
-
-export {
-  DSACardContent
-};

package/dist/chunks/chunk.VOXVNOTC.js

@@ -1,41 +0,0 @@
-import {
-  table_single_cell_row_styles_default
-} from "./chunk.2E4YJNET.js";
-import {
-  ShoelaceElement
-} from "./chunk.KPJCYT4S.js";
-import {
-  __decorateClass
-} from "./chunk.5GB6F3WA.js";
-
-// src/components/table-single-cell-row/table-single-cell-row.ts
-import { html } from "lit";
-import { customElement, property } from "lit/decorators.js";
-var DSATableSingleCellRow = class extends ShoelaceElement {
-  constructor() {
-    super(...arguments);
-    this.role = "row";
-    this.colSpan = 1;
-  }
-  render() {
-    return html`
-      <td class="single-cell-row" colspan=${this.colSpan}>
-        <slot></slot>
-      </td>
-    `;
-  }
-};
-DSATableSingleCellRow.styles = table_single_cell_row_styles_default;
-__decorateClass([
-  property({ reflect: true })
-], DSATableSingleCellRow.prototype, "role", 2);
-__decorateClass([
-  property({ type: Number, attribute: "colspan" })
-], DSATableSingleCellRow.prototype, "colSpan", 2);
-DSATableSingleCellRow = __decorateClass([
-  customElement("dsa-table-single-cell-row")
-], DSATableSingleCellRow);
-
-export {
-  DSATableSingleCellRow
-};