@ds-autonomie/web-components 1.8.0 → 1.9.0

package/dist/chunks/{chunk.5KOTVDN5.js → chunk.66WACVGP.js}

@@ -1,6 +1,9 @@
+import {
+  HasSlotController
+} from "./chunk.YIY5RM53.js";
 import {
   badge_styles_default
-} from "./chunk.IFXLU6P3.js";
+} from "./chunk.BVRGK5ZO.js";
 import {
   ShoelaceElement
 } from "./chunk.YCXTCVAZ.js";
@@ -15,7 +18,9 @@ import { classMap } from "lit/directives/class-map.js";
 var DSABadge = class extends ShoelaceElement {
   constructor() {
     super(...arguments);
+    this.hasSlotController = new HasSlotController(this, "[default]");
     this.variant = "primary";
+    this.size = "medium";
     this.pulse = false;
   }
   render() {
@@ -29,7 +34,10 @@ var DSABadge = class extends ShoelaceElement {
       "badge--neutral": this.variant === "neutral",
       "badge--warning": this.variant === "warning",
       "badge--danger": this.variant === "danger",
-      "badge--pulse": this.pulse
+      "badge--medium": this.size === "medium",
+      "badge--small": this.size === "small",
+      "badge--pulse": this.pulse,
+      "badge--has-text": this.hasSlotController.test("[default]")
     })}
         role="status"
       >
@@ -42,6 +50,9 @@ DSABadge.styles = badge_styles_default;
 __decorateClass([
   property({ reflect: true })
 ], DSABadge.prototype, "variant", 2);
+__decorateClass([
+  property({ reflect: true })
+], DSABadge.prototype, "size", 2);
 __decorateClass([
   property({ type: Boolean, reflect: true })
 ], DSABadge.prototype, "pulse", 2);

package/dist/chunks/{chunk.TFXRULTL.js → chunk.74YBAWFQ.js}

@@ -26,7 +26,7 @@ import {
 } from "./chunk.V7RJROLH.js";
 import {
   LocalizeController
-} from "./chunk.KZIAHLAV.js";
+} from "./chunk.27JQOQHL.js";
 import {
   watch
 } from "./chunk.6IH66JBY.js";

package/dist/chunks/chunk.7NRLP2GK.js

@@ -0,0 +1,172 @@
+import {
+  component_styles_default
+} from "./chunk.TUVJKY7S.js";
+
+// src/components/header/header.styles.ts
+import { css } from "lit";
+var header_styles_default = css`
+  ${component_styles_default}
+
+  :host {
+    display: block;
+  }
+
+  [part~='base'] {
+    background: var(--dsa-wc-header-background);
+    box-shadow: var(--dsa-wc-header-box-shadow);
+  }
+  [part~='base'] nav ul {
+    margin: 0;
+    padding: 0;
+  }
+
+  [part~='external-links'] {
+    display: none;
+  }
+
+  [part~='main'] {
+    display: grid;
+    grid-template:
+      'firstLogo actions'
+      / var(--dsa-wc-header-logo-width-mobile) auto;
+    grid-row-gap: var(--dsa-spacing-8);
+    grid-column-gap: var(--dsa-spacing-16);
+    padding: var(--dsa-wc-header-main-padding-y) var(--dsa-wc-header-padding-x);
+  }
+  .has-brand {
+    grid-template:
+      'firstLogo actions'
+      'brand brand'
+      / var(--dsa-wc-header-logo-width-mobile) auto;
+  }
+
+  [part~='first-logo'] {
+    grid-area: firstLogo;
+  }
+  [part~='first-logo']:focus-visible {
+    outline: var(--dsa-wc-focus-ring);
+    border-radius: var(--dsa-wc-focus-ring-radius);
+  }
+
+  [part~='brand'] {
+    display: none;
+  }
+  .has-brand [part~='brand'] {
+    display: flex;
+    align-items: center;
+    gap: var(--dsa-spacing-16);
+    padding-top: var(--dsa-spacing-8);
+    border-top: 1px solid var(--dsa-color-background-divider);
+    grid-area: brand;
+    flex-shrink: 0;
+  }
+
+  .logo {
+    display: flex;
+    justify-content: center;
+    width: var(--dsa-wc-header-logo-width-mobile);
+    height: var(--dsa-wc-header-logo-height-mobile);
+  }
+
+  .site-info {
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    gap: var(--dsa-spacing-2);
+    min-height: var(--dsa-wc-header-logo-height-mobile);
+  }
+
+  [part~='site-name']::slotted(*) {
+    color: var(--dsa-wc-header-sitename-color);
+    font: var(--dsa-wc-header-sitename-font-mobile);
+    margin: 0;
+  }
+  [part~='baseline']::slotted(*) {
+    color: var(--dsa-wc-header-baseline-color);
+    font: var(--dsa-wc-header-baseline-font-mobile);
+    margin: 0;
+  }
+
+  [part~='actions'] {
+    grid-area: actions;
+    flex: 1;
+    display: flex;
+    align-items: center;
+    justify-content: flex-end;
+    gap: var(--dsa-spacing-16);
+    min-height: var(--dsa-wc-header-logo-height-mobile);
+  }
+
+  [part~='search'] {
+    flex: 1;
+  }
+
+  .header--search-expanded [part~='navigation'] {
+    display: none;
+  }
+
+  @media only screen and (max-width: 719px) {
+    .header--search-expanded {
+      display: block;
+    }
+
+    .header--search-expanded [part~='first-logo'],
+    .header--search-expanded [part~='brand'] {
+      display: none;
+    }
+  }
+
+  @media only screen and (min-width: 720px) {
+    [part~='external-links'],
+    [part~='main'] {
+      padding-inline: var(--dsa-wc-header-medium-padding-x);
+    }
+
+    [part~='external-links'] {
+      display: flex;
+      justify-content: end;
+      padding-block: var(--dsa-wc-header-external-links-padding-y);
+      border-bottom: 1px solid var(--dsa-color-background-divider);
+    }
+
+    [part~='main'] {
+      padding-block: var(--dsa-wc-header-main-medium-padding-y);
+      display: flex;
+      align-items: center;
+    }
+
+    .has-brand [part~='brand'] {
+      gap: var(--dsa-spacing-32);
+      padding-top: 0;
+      border: none;
+    }
+    .logo {
+      width: var(--dsa-wc-header-logo-width-desktop);
+      height: var(--dsa-wc-header-logo-height-desktop);
+    }
+    .site-info {
+      gap: var(--dsa-spacing-4);
+    }
+
+    [part~='site-name']::slotted(*) {
+      font: var(--dsa-wc-header-sitename-font-desktop);
+    }
+    [part~='baseline']::slotted(*) {
+      font: var(--dsa-wc-header-baseline-font-desktop);
+    }
+    [part~='actions'] {
+      gap: var(--dsa-spacing-32);
+    }
+  }
+
+  @media only screen and (min-width: 1440px) {
+    [part~='external-links'],
+    [part~='main'] {
+      padding-inline: var(--dsa-wc-header-x-large-padding-x);
+    }
+  }
+`;
+
+export {
+  header_styles_default
+};

package/dist/chunks/{chunk.F4KJFS2T.js → chunk.7PEABCEV.js}

@@ -1,6 +1,6 @@
 import {
   LocalizeController
-} from "./chunk.KZIAHLAV.js";
+} from "./chunk.27JQOQHL.js";
 import {
   ShoelaceElement
 } from "./chunk.YCXTCVAZ.js";

package/dist/chunks/{chunk.SEH7BBNZ.js → chunk.7ZBFOFLF.js}

@@ -1,6 +1,6 @@
 import {
   tree_item_styles_default
-} from "./chunk.EKWYMXQO.js";
+} from "./chunk.VNAE4DJZ.js";
 import {
   animateTo,
   shimKeyframesHeightAuto,
@@ -12,7 +12,7 @@ import {
 } from "./chunk.V7RJROLH.js";
 import {
   LocalizeController
-} from "./chunk.KZIAHLAV.js";
+} from "./chunk.27JQOQHL.js";
 import {
   watch
 } from "./chunk.6IH66JBY.js";

package/dist/chunks/chunk.BFG2T6XK.js

@@ -0,0 +1,76 @@
+import {
+  table_container_styles_default
+} from "./chunk.FWOMF5BY.js";
+import {
+  LoadingStateElement
+} from "./chunk.PFGVYROJ.js";
+import {
+  watch
+} from "./chunk.6IH66JBY.js";
+import {
+  __decorateClass
+} from "./chunk.6M63UXML.js";
+
+// src/components/table-container/table-container.ts
+import { html } from "lit";
+import { customElement } from "lit/decorators.js";
+var DSATableContainer = class extends LoadingStateElement {
+  handleLoading() {
+    const caption = this.querySelector("dsa-table-caption");
+    if (caption) {
+      caption.loading = this.loading;
+    }
+    const head = this.querySelector("dsa-table-head");
+    if (head) {
+      head.loading = this.loading;
+    }
+    const body = this.querySelector("dsa-table-body");
+    if (body) {
+      body.loading = this.loading;
+    }
+    const pagination = this.querySelector("dsa-pagination");
+    if (pagination) {
+      pagination.loading = this.loading;
+    }
+  }
+  handleSkeletonEffectChange() {
+    const caption = this.querySelector("dsa-table-caption");
+    if (caption) {
+      caption.skeletonEffect = this.skeletonEffect;
+    }
+    const head = this.querySelector("dsa-table-head");
+    if (head) {
+      head.skeletonEffect = this.skeletonEffect;
+    }
+    const body = this.querySelector("dsa-table-body");
+    if (body) {
+      body.skeletonEffect = this.skeletonEffect;
+    }
+    const pagination = this.querySelector("dsa-pagination");
+    if (pagination) {
+      pagination.skeletonEffect = this.skeletonEffect;
+    }
+  }
+  render() {
+    return html`
+      <slot part="caption" name="caption"></slot>
+      <slot part="toolbar" name="toolbar"></slot>
+      <slot part="table" name="table"></slot>
+      <slot part="pagination" name="pagination"></slot>
+    `;
+  }
+};
+DSATableContainer.styles = table_container_styles_default;
+__decorateClass([
+  watch("loading")
+], DSATableContainer.prototype, "handleLoading", 1);
+__decorateClass([
+  watch("skeletonEffect")
+], DSATableContainer.prototype, "handleSkeletonEffectChange", 1);
+DSATableContainer = __decorateClass([
+  customElement("dsa-table-container")
+], DSATableContainer);
+
+export {
+  DSATableContainer
+};