@ds-autonomie/web-components 2.4.0 → 2.5.0

package/cdn/chunks/chunk.W6RA2ZKW.js

@@ -0,0 +1,124 @@
+import {
+  component_styles_default
+} from "./chunk.PSQJDSB2.js";
+import {
+  i
+} from "./chunk.4KHZQZ3M.js";
+
+// src/components/tag-button/tag-button.styles.ts
+var tag_button_styles_default = i`
+  ${component_styles_default}
+
+  :host {
+    display: inline-block;
+  }
+
+  .tag-button {
+    display: flex;
+    align-items: center;
+    white-space: nowrap;
+    user-select: none;
+    border-width: var(--dsa-wc-tag-button-border-width);
+    border-style: solid;
+    border-radius: var(--dsa-wc-tag-border-radius);
+    text-decoration: none;
+    user-select: none;
+    cursor: pointer;
+  }
+
+  .tag-button:focus-visible {
+    outline-offset: var(--dsa-wc-focus-ring-offset);
+  }
+
+  .tag-button__prefix,
+  .tag-button__suffix {
+    flex: 0 0 auto;
+    display: flex;
+    align-items: center;
+    pointer-events: none;
+  }
+
+  .tag-button__prefix {
+    margin-inline-end: var(--dsa-wc-tag-icon-spacing);
+  }
+
+  .tag-button__suffix {
+    margin-inline-start: var(--dsa-wc-tag-icon-spacing);
+  }
+
+  .tag-button__content {
+    display: inline-block;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    text-wrap: nowrap;
+  }
+
+  .tag-button__description {
+    display: none;
+  }
+
+  /*
+  * Size modifiers
+  */
+
+  .tag-button--small {
+    font: var(--dsa-wc-tag-small-font-size);
+    height: var(--dsa-wc-tag-small-height);
+    padding: var(--dsa-wc-tag-small-padding);
+  }
+
+  .tag-button--medium {
+    font: var(--dsa-wc-tag-medium-font-size);
+    height: var(--dsa-wc-tag-medium-height);
+    padding: var(--dsa-wc-tag-medium-padding);
+  }
+
+  .tag-button--large {
+    font: var(--dsa-wc-tag-large-font-size);
+    height: var(--dsa-wc-tag-large-height);
+    padding: var(--dsa-wc-tag-large-padding);
+  }
+
+  /* 
+  * Variants
+  */
+  /* Neutral */
+  .tag-button--neutral {
+    color: var(--dsa-wc-tag-button-neutral-color);
+    background: var(--dsa-wc-tag-button-neutral-background);
+    border-color: var(--dsa-wc-tag-button-neutral-border-color);
+  }
+  .tag-button--neutral:hover,
+  .tag-button--neutral:focus-visible {
+    color: var(--dsa-wc-tag-button-neutral-hover-color);
+    background: var(--dsa-wc-tag-button-neutral-hover-background);
+    border-color: var(--dsa-wc-tag-button-neutral-hover-border-color);
+  }
+  .tag-button--neutral:active {
+    color: var(--dsa-wc-tag-button-neutral-active-color);
+    background: var(--dsa-wc-tag-button-neutral-active-background);
+    border-color: var(--dsa-wc-tag-button-neutral-active-border-color);
+  }
+
+  /* Active */
+  .tag-button--active {
+    color: var(--dsa-wc-tag-button-active-color);
+    background: var(--dsa-wc-tag-button-active-background);
+    border-color: var(--dsa-wc-tag-button-active-border-color);
+  }
+  .tag-button--active:hover,
+  .tag-button--active:focus-visible {
+    color: var(--dsa-wc-tag-button-active-hover-color);
+    background: var(--dsa-wc-tag-button-active-hover-background);
+    border-color: var(--dsa-wc-tag-button-active-hover-border-color);
+  }
+  .tag-button--active:active {
+    color: var(--dsa-wc-tag-button-active-active-color);
+    background: var(--dsa-wc-tag-button-active-active-background);
+    border-color: var(--dsa-wc-tag-button-active-active-border-color);
+  }
+`;
+
+export {
+  tag_button_styles_default
+};

package/cdn/chunks/{chunk.JD7YUYPB.js → chunk.WLND36JK.js}

@@ -6,7 +6,7 @@ import {
 } from "./chunk.EMIT7S33.js";
 import {
   LocalizeController
-} from "./chunk.VARBZAJP.js";
+} from "./chunk.BMQ5WSY7.js";
 import {
   watch
 } from "./chunk.4FQJ3QJK.js";
@@ -41,19 +41,41 @@ var DSATabGroup = class extends ShoelaceElement {
     this.belowPageHeader = false;
   }
   connectedCallback() {
+    const whenAllDefined = Promise.all([
+      customElements.whenDefined("dsa-tab"),
+      customElements.whenDefined("dsa-tab-panel")
+    ]);
     super.connectedCallback();
     this.resizeObserver = new ResizeObserver(() => {
       this.repositionIndicator();
       this.updateScrollControls();
     });
     this.mutationObserver = new MutationObserver((mutations) => {
-      if (mutations.some(
+      const instanceMutations = mutations.filter(({ target }) => {
+        if (target === this) return true;
+        if (target.closest("dsa-tab-group") !== this)
+          return false;
+        const tagName = target.tagName.toLowerCase();
+        return tagName === "dsa-tab" || tagName === "dsa-tab-panel";
+      });
+      if (instanceMutations.length === 0) {
+        return;
+      }
+      if (instanceMutations.some(
         (m) => !["aria-labelledby", "aria-controls"].includes(m.attributeName)
       )) {
         setTimeout(() => this.setAriaLabels());
       }
-      if (mutations.some((m) => m.attributeName === "disabled")) {
+      if (instanceMutations.some((m) => m.attributeName === "disabled")) {
         this.syncTabsAndPanels();
+      } else if (instanceMutations.some((m) => m.attributeName === "active")) {
+        const tabs = instanceMutations.filter(
+          (m) => m.attributeName === "active" && m.target.tagName.toLowerCase() === "dsa-tab"
+        ).map((m) => m.target);
+        const newActiveTab = tabs.find((tab) => tab.active);
+        if (newActiveTab) {
+          this.setActiveTab(newActiveTab);
+        }
       }
     });
     this.updateComplete.then(() => {
@@ -64,19 +86,21 @@ var DSATabGroup = class extends ShoelaceElement {
         subtree: true
       });
       this.resizeObserver.observe(this.nav);
-      const intersectionObserver = new IntersectionObserver(
-        (entries, observer) => {
-          var _a;
-          if (entries[0].intersectionRatio > 0) {
-            this.setAriaLabels();
-            this.setActiveTab((_a = this.getActiveTab()) != null ? _a : this.tabs[0], {
-              emitEvents: false
-            });
-            observer.unobserve(entries[0].target);
+      whenAllDefined.then(() => {
+        const intersectionObserver = new IntersectionObserver(
+          (entries, observer) => {
+            var _a;
+            if (entries[0].intersectionRatio > 0) {
+              this.setAriaLabels();
+              this.setActiveTab((_a = this.getActiveTab()) != null ? _a : this.tabs[0], {
+                emitEvents: false
+              });
+              observer.unobserve(entries[0].target);
+            }
           }
-        }
-      );
-      intersectionObserver.observe(this.tabGroup);
+        );
+        intersectionObserver.observe(this.tabGroup);
+      });
     });
   }
   disconnectedCallback() {

package/cdn/chunks/{chunk.AZBK27ET.js → chunk.WQLZJXIF.js}

@@ -9,7 +9,7 @@ import {
 } from "./chunk.YIY5RM53.js";
 import {
   LocalizeController
-} from "./chunk.VARBZAJP.js";
+} from "./chunk.BMQ5WSY7.js";
 import {
   watch
 } from "./chunk.4FQJ3QJK.js";

package/cdn/chunks/{chunk.SMWE3ICX.js → chunk.XGOXFBM5.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk.OOL4Q6HA.js";
 import {
   LocalizeController
-} from "./chunk.VARBZAJP.js";
+} from "./chunk.BMQ5WSY7.js";
 import {
   ShoelaceElement,
   e,

package/cdn/chunks/{chunk.7YE2BWH2.js → chunk.XYXJQSTL.js}

@@ -6,7 +6,7 @@ import {
 } from "./chunk.YIY5RM53.js";
 import {
   LocalizeController
-} from "./chunk.VARBZAJP.js";
+} from "./chunk.BMQ5WSY7.js";
 import {
   watch
 } from "./chunk.4FQJ3QJK.js";

package/cdn/chunks/{chunk.KOWSS3HP.js → chunk.Y2RQJPXD.js}

@@ -13,7 +13,7 @@ import {
 } from "./chunk.VIVOXZF6.js";
 import {
   LocalizeController
-} from "./chunk.VARBZAJP.js";
+} from "./chunk.BMQ5WSY7.js";
 import {
   a11yWarning
 } from "./chunk.PWL7QCVG.js";

package/cdn/chunks/{chunk.KPS4A22J.js → chunk.Y4XSMWCI.js}

@@ -15,7 +15,7 @@ import {
 } from "./chunk.3NWILHZZ.js";
 import {
   LocalizeController
-} from "./chunk.VARBZAJP.js";
+} from "./chunk.BMQ5WSY7.js";
 import {
   watch
 } from "./chunk.4FQJ3QJK.js";

package/cdn/chunks/{chunk.PIFZYHAW.js → chunk.YAK3QGTM.js}

@@ -11,7 +11,7 @@ import {
 } from "./chunk.2WRFDMKN.js";
 import {
   LocalizeController
-} from "./chunk.VARBZAJP.js";
+} from "./chunk.BMQ5WSY7.js";
 import {
   watch
 } from "./chunk.4FQJ3QJK.js";

package/cdn/chunks/chunk.YGZ44MNV.js

@@ -0,0 +1,64 @@
+import {
+  component_styles_default
+} from "./chunk.PSQJDSB2.js";
+import {
+  i
+} from "./chunk.4KHZQZ3M.js";
+
+// src/components/card-nav-item/card-nav-item.styles.ts
+var card_nav_item_styles_default = i`
+  ${component_styles_default}
+
+  :host {
+    display: block;
+    --card-nav-item-border-width: 1px;
+    --card-nav-item-padding: 0.75rem 0.5rem 0.75rem 1rem;
+    --card-nav-item-font: var(--dsa-font-medium-bold);
+  }
+
+  .card-nav-item {
+    display: block;
+    background: var(--dsa-wc-card-nav-background-color);
+    width: 100%;
+    border: unset;
+    cursor: pointer;
+    padding: 0;
+    text-decoration: none;
+  }
+  .card-nav-item:hover,
+  .card-nav-item:focus {
+    background: var(--dsa-wc-card-nav-background-color-hover);
+  }
+  .card-nav-item:focus-visible {
+    outline: var(--dsa-wc-focus-ring);
+    outline-offset: -1px;
+  }
+
+  .card-nav-item__body {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    border-bottom: var(--card-nav-item-border-width) solid
+      var(--dsa-wc-card-nav-border-color);
+    color: var(--dsa-wc-card-nav-color);
+    padding: var(--card-nav-item-padding);
+    font: var(--card-nav-item-font);
+    height: 3.75rem;
+    text-align: start;
+  }
+  .card-nav-item:hover .card-nav-item__body,
+  .card-nav-item:focus .card-nav-item__body {
+    border-color: var(--dsa-wc-card-nav-border-color-hover);
+  }
+
+  .card-nav-item__icon {
+    flex-shrink: 0;
+    padding: var(--dsa-spacing-8);
+    width: 1.25rem;
+    height: 1.25rem;
+  }
+`;
+
+export {
+  card_nav_item_styles_default
+};

package/cdn/chunks/{chunk.RZUPGCMM.js → chunk.YSKD4LUA.js}

@@ -3,13 +3,10 @@ import {
 } from "./chunk.KDSIJN5N.js";
 import {
   LocalizeController
-} from "./chunk.VARBZAJP.js";
+} from "./chunk.BMQ5WSY7.js";
 import {
   watch
 } from "./chunk.4FQJ3QJK.js";
-import {
-  ifDefinedAndNotEmpty
-} from "./chunk.B6GVVW66.js";
 import {
   e
 } from "./chunk.IKHG7XGO.js";
@@ -68,7 +65,6 @@ var DSATag = class extends ShoelaceElement {
       // Modifiers
       "tag--removable": this.removable
     })}
-        title=${ifDefinedAndNotEmpty(this.label)}
       >
         <slot part="prefix" name="prefix" class="tag__prefix"></slot>
 

package/cdn/chunks/{chunk.K4B5TCNN.js → chunk.YX277NFA.js}

@@ -9,7 +9,7 @@ import {
 } from "./chunk.YIY5RM53.js";
 import {
   LocalizeController
-} from "./chunk.VARBZAJP.js";
+} from "./chunk.BMQ5WSY7.js";
 import {
   watch
 } from "./chunk.4FQJ3QJK.js";

package/cdn/components/accordion/accordion.js

@@ -1,20 +1,20 @@
 import {
   DSAAccordion
-} from "../../chunks/chunk.OVBLP5E4.js";
+} from "../../chunks/chunk.PRP4B2TV.js";
 import "../../chunks/chunk.YIY5RM53.js";
 import "../../chunks/chunk.4GWNV3R4.js";
 import "../../chunks/chunk.B4BZKR24.js";
 import "../../chunks/chunk.UBKKXGSV.js";
 import "../../chunks/chunk.2WRFDMKN.js";
-import "../../chunks/chunk.VARBZAJP.js";
+import "../../chunks/chunk.BMQ5WSY7.js";
 import "../../chunks/chunk.CAMVBH5H.js";
 import "../../chunks/chunk.D5IL5KN6.js";
 import "../../chunks/chunk.CAYHSQZJ.js";
+import "../../chunks/chunk.C2W7WMBY.js";
+import "../../chunks/chunk.HJU52GCK.js";
 import "../../chunks/chunk.23TOS4ZE.js";
 import "../../chunks/chunk.XNEONNEJ.js";
 import "../../chunks/chunk.GNULOP2U.js";
-import "../../chunks/chunk.C2W7WMBY.js";
-import "../../chunks/chunk.HJU52GCK.js";
 import "../../chunks/chunk.4FQJ3QJK.js";
 import "../../chunks/chunk.L633QVVV.js";
 import "../../chunks/chunk.PWL7QCVG.js";

package/cdn/components/alert/alert.js

@@ -1,21 +1,21 @@
 import {
   DSAAlert
-} from "../../chunks/chunk.PIFZYHAW.js";
+} from "../../chunks/chunk.YAK3QGTM.js";
 import "../../chunks/chunk.ZYAFL7BC.js";
 import "../../chunks/chunk.TS2KKUX2.js";
 import "../../chunks/chunk.VIVOXZF6.js";
 import "../../chunks/chunk.B4BZKR24.js";
 import "../../chunks/chunk.UBKKXGSV.js";
 import "../../chunks/chunk.2WRFDMKN.js";
-import "../../chunks/chunk.VARBZAJP.js";
+import "../../chunks/chunk.BMQ5WSY7.js";
 import "../../chunks/chunk.CAMVBH5H.js";
 import "../../chunks/chunk.D5IL5KN6.js";
 import "../../chunks/chunk.CAYHSQZJ.js";
+import "../../chunks/chunk.C2W7WMBY.js";
+import "../../chunks/chunk.HJU52GCK.js";
 import "../../chunks/chunk.23TOS4ZE.js";
 import "../../chunks/chunk.XNEONNEJ.js";
 import "../../chunks/chunk.GNULOP2U.js";
-import "../../chunks/chunk.C2W7WMBY.js";
-import "../../chunks/chunk.HJU52GCK.js";
 import "../../chunks/chunk.4FQJ3QJK.js";
 import "../../chunks/chunk.L633QVVV.js";
 import "../../chunks/chunk.YDT7HT2E.js";

package/cdn/components/anchor-tag/anchor-tag.d.ts

@@ -1,7 +1,7 @@
 import type { CSSResultGroup } from 'lit';
 import { ShoelaceElement } from '../../internal/shoelace-element';
 /**
- * @summary Anchor tags are used as a hyperlink, which is used to link from one page to another. It mirrors the visual style of a tag, and the functionnality of a standard HTML anchor tag.
+ * @summary (Deprecated) Anchor tags are used as a hyperlink, which is used to link from one page to another. It mirrors the visual style of a tag, and the functionnality of a standard HTML anchor tag.
  * @documentation https://dsa.service-public-autonomie.fr/latest/librairie-webcomponents/tag-tag/web-ztnWI4xr#section-dsa-anchor-tag-8b
  *
  *
@@ -33,6 +33,7 @@ export default class DSAAnchorTag extends ShoelaceElement {
     target: '_blank' | '_parent' | '_self' | '_top';
     /** The tag's size. */
     size: 'small' | 'medium' | 'large';
+    connectedCallback(): void;
     render(): import("lit").TemplateResult<1>;
 }
 declare global {

package/cdn/components/anchor-tag/anchor-tag.js

@@ -1,6 +1,6 @@
 import {
   DSAAnchorTag
-} from "../../chunks/chunk.ZCBARTO2.js";
+} from "../../chunks/chunk.3PDDINNE.js";
 import "../../chunks/chunk.B6GVVW66.js";
 import "../../chunks/chunk.PWL7QCVG.js";
 import "../../chunks/chunk.YQLIIKLI.js";

package/cdn/components/avatar/avatar.js

@@ -4,11 +4,11 @@ import {
 import "../../chunks/chunk.7M6TBOTT.js";
 import "../../chunks/chunk.D5IL5KN6.js";
 import "../../chunks/chunk.CAYHSQZJ.js";
+import "../../chunks/chunk.C2W7WMBY.js";
+import "../../chunks/chunk.HJU52GCK.js";
 import "../../chunks/chunk.23TOS4ZE.js";
 import "../../chunks/chunk.XNEONNEJ.js";
 import "../../chunks/chunk.GNULOP2U.js";
-import "../../chunks/chunk.C2W7WMBY.js";
-import "../../chunks/chunk.HJU52GCK.js";
 import "../../chunks/chunk.4FQJ3QJK.js";
 import "../../chunks/chunk.L633QVVV.js";
 import "../../chunks/chunk.B6GVVW66.js";

package/cdn/components/breadcrumb/breadcrumb.js

@@ -1,16 +1,16 @@
 import {
   DSABreadcrumb
-} from "../../chunks/chunk.SMWE3ICX.js";
+} from "../../chunks/chunk.XGOXFBM5.js";
 import "../../chunks/chunk.OOL4Q6HA.js";
-import "../../chunks/chunk.VARBZAJP.js";
+import "../../chunks/chunk.BMQ5WSY7.js";
 import "../../chunks/chunk.CAMVBH5H.js";
 import "../../chunks/chunk.D5IL5KN6.js";
 import "../../chunks/chunk.CAYHSQZJ.js";
+import "../../chunks/chunk.C2W7WMBY.js";
+import "../../chunks/chunk.HJU52GCK.js";
 import "../../chunks/chunk.23TOS4ZE.js";
 import "../../chunks/chunk.XNEONNEJ.js";
 import "../../chunks/chunk.GNULOP2U.js";
-import "../../chunks/chunk.C2W7WMBY.js";
-import "../../chunks/chunk.HJU52GCK.js";
 import "../../chunks/chunk.4FQJ3QJK.js";
 import "../../chunks/chunk.L633QVVV.js";
 import "../../chunks/chunk.3VUJFXU2.js";

package/cdn/components/breadcrumb-item/breadcrumb-item.js

@@ -1,9 +1,9 @@
 import {
   DSABreadcrumbItem
-} from "../../chunks/chunk.2FOGPUI3.js";
+} from "../../chunks/chunk.NMVBZ537.js";
 import "../../chunks/chunk.KWRUGVRF.js";
 import "../../chunks/chunk.YIY5RM53.js";
-import "../../chunks/chunk.VARBZAJP.js";
+import "../../chunks/chunk.BMQ5WSY7.js";
 import "../../chunks/chunk.CAMVBH5H.js";
 import "../../chunks/chunk.YQLIIKLI.js";
 import "../../chunks/chunk.IKHG7XGO.js";

package/cdn/components/button/button.js

@@ -1,21 +1,21 @@
 import {
   DSAButton
-} from "../../chunks/chunk.MCSZ2F65.js";
-import "../../chunks/chunk.6HLUBEKO.js";
+} from "../../chunks/chunk.BQ3SI4TM.js";
+import "../../chunks/chunk.PQNNELEM.js";
 import "../../chunks/chunk.O4RRXVX2.js";
 import "../../chunks/chunk.3NWILHZZ.js";
 import "../../chunks/chunk.TENBZ64C.js";
 import "../../chunks/chunk.YIY5RM53.js";
 import "../../chunks/chunk.VIVOXZF6.js";
-import "../../chunks/chunk.VARBZAJP.js";
+import "../../chunks/chunk.BMQ5WSY7.js";
 import "../../chunks/chunk.CAMVBH5H.js";
 import "../../chunks/chunk.D5IL5KN6.js";
 import "../../chunks/chunk.CAYHSQZJ.js";
+import "../../chunks/chunk.C2W7WMBY.js";
+import "../../chunks/chunk.HJU52GCK.js";
 import "../../chunks/chunk.23TOS4ZE.js";
 import "../../chunks/chunk.XNEONNEJ.js";
 import "../../chunks/chunk.GNULOP2U.js";
-import "../../chunks/chunk.C2W7WMBY.js";
-import "../../chunks/chunk.HJU52GCK.js";
 import "../../chunks/chunk.4FQJ3QJK.js";
 import "../../chunks/chunk.L633QVVV.js";
 import "../../chunks/chunk.B6GVVW66.js";

package/cdn/components/calendar/calendar.js

@@ -1,10 +1,10 @@
 import {
   DSACalendar
-} from "../../chunks/chunk.WJDOTH54.js";
+} from "../../chunks/chunk.6SV5RDDG.js";
 import "../../chunks/chunk.VZPL3NCB.js";
 import "../../chunks/chunk.YBWQADCH.js";
 import "../../chunks/chunk.WOGTGKIT.js";
-import "../../chunks/chunk.VARBZAJP.js";
+import "../../chunks/chunk.BMQ5WSY7.js";
 import "../../chunks/chunk.CAMVBH5H.js";
 import "../../chunks/chunk.4FQJ3QJK.js";
 import "../../chunks/chunk.YQLIIKLI.js";

package/cdn/components/callout/callout.js

@@ -7,11 +7,11 @@ import "../../chunks/chunk.TS2KKUX2.js";
 import "../../chunks/chunk.VIVOXZF6.js";
 import "../../chunks/chunk.D5IL5KN6.js";
 import "../../chunks/chunk.CAYHSQZJ.js";
+import "../../chunks/chunk.C2W7WMBY.js";
+import "../../chunks/chunk.HJU52GCK.js";
 import "../../chunks/chunk.23TOS4ZE.js";
 import "../../chunks/chunk.XNEONNEJ.js";
 import "../../chunks/chunk.GNULOP2U.js";
-import "../../chunks/chunk.C2W7WMBY.js";
-import "../../chunks/chunk.HJU52GCK.js";
 import "../../chunks/chunk.4FQJ3QJK.js";
 import "../../chunks/chunk.L633QVVV.js";
 import "../../chunks/chunk.B6GVVW66.js";

package/cdn/components/card/card.d.ts

@@ -1,5 +1,4 @@
 import type { CSSResultGroup } from 'lit';
-import type { StaticValue } from 'lit/static-html.js';
 import { ShoelaceElement } from '../../internal/shoelace-element';
 /**
  * @summary Cards can be used to group related subjects in a container.
@@ -14,7 +13,6 @@ import { ShoelaceElement } from '../../internal/shoelace-element';
 export default class DSACard extends ShoelaceElement {
     static styles: CSSResultGroup;
     private readonly hasSlotController;
-    tag: StaticValue;
     /** When set, the card header will be a link, with a clickable area covering the whole card. Since the link's accessible name is the header content, make sure to provide a header when using a card link. */
     href: string;
     /** Tells the browser where to open the link. Only used when `href` is present. */

package/cdn/components/card/card.js

@@ -1,6 +1,6 @@
 import {
   DSACard
-} from "../../chunks/chunk.GXQMOXKI.js";
+} from "../../chunks/chunk.GVTFDL2C.js";
 import "../../chunks/chunk.FBBQLI6C.js";
 import "../../chunks/chunk.YIY5RM53.js";
 import "../../chunks/chunk.VIVOXZF6.js";

package/cdn/components/card-content/card-content.d.ts

@@ -0,0 +1,51 @@
+import type { CSSResultGroup } from 'lit';
+import { ShoelaceElement } from '../../internal/shoelace-element';
+import '../icon/icon';
+/**
+ * @summary Card content can be used for rich content cards.
+ * @documentation
+ *
+ * @dependency dsa-icon
+ *
+ * @slot - The card's main content.
+ * @slot media - An optional media to render at the start of the card.
+ * @slot tags - An optional list of tags to render at the start of the card.
+ * @slot title-icon - An optional icon to render next to the card's title.
+ * @slot title - The card title. Mandatory if the card is used as a link.
+ * @slot subtitle - An optional subtitle for the card.
+ * @slot footer - An optional footer for the card, which can be used to provide actions.
+ *
+ */
+export default class DSACardContent extends ShoelaceElement {
+    static styles: CSSResultGroup;
+    private readonly hasSlotController;
+    /** When set, the card title will be a link, with a clickable area covering the whole card. Since the link's accessible name is the title content, make sure to provide a title when using a card link. */
+    href: string;
+    /** Tells the browser where to open the link. Only used when `href` is present. */
+    target: '_blank' | '_parent' | '_self' | '_top';
+    /**
+     * When using `href`, this attribute will map to the underlying link's `rel` attribute. Unlike regular links, the
+     * default is `noreferrer noopener` to prevent security exploits. However, if you're using `target` to point to a
+     * specific tab/window, this will prevent that from working correctly. You can remove or change the default value by
+     * setting the attribute to an empty string or a value of your choice, respectively.
+     */
+    rel: string;
+    /** Tells the browser to download the linked file as this filename. Only used when `href` is present. */
+    download?: string;
+    /** The card's style variant. */
+    variant: 'outlined' | 'filled';
+    /** The card's layout variant. */
+    layout: 'vertical' | 'left-align' | 'right-align';
+    /** The card's size. */
+    size: 'small' | 'large';
+    private isLink;
+    private updateTagsSizes;
+    private handleTagsSlotChange;
+    handleSizeChange(): void;
+    render(): import("lit").TemplateResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'dsa-card-content': DSACardContent;
+    }
+}

package/cdn/components/card-content/card-content.js

@@ -0,0 +1,28 @@
+import {
+  DSACardContent
+} from "../../chunks/chunk.T4PQY3SD.js";
+import "../../chunks/chunk.RNF5H43X.js";
+import "../../chunks/chunk.YIY5RM53.js";
+import "../../chunks/chunk.VIVOXZF6.js";
+import "../../chunks/chunk.D5IL5KN6.js";
+import "../../chunks/chunk.CAYHSQZJ.js";
+import "../../chunks/chunk.C2W7WMBY.js";
+import "../../chunks/chunk.HJU52GCK.js";
+import "../../chunks/chunk.23TOS4ZE.js";
+import "../../chunks/chunk.XNEONNEJ.js";
+import "../../chunks/chunk.GNULOP2U.js";
+import "../../chunks/chunk.4FQJ3QJK.js";
+import "../../chunks/chunk.L633QVVV.js";
+import "../../chunks/chunk.B6GVVW66.js";
+import "../../chunks/chunk.PWL7QCVG.js";
+import "../../chunks/chunk.YQLIIKLI.js";
+import "../../chunks/chunk.IKHG7XGO.js";
+import "../../chunks/chunk.3VUJFXU2.js";
+import "../../chunks/chunk.DZB6XUZ7.js";
+import "../../chunks/chunk.PSQJDSB2.js";
+import "../../chunks/chunk.4KHZQZ3M.js";
+import "../../chunks/chunk.7HUC6BF3.js";
+import "../../chunks/chunk.4ZGVANML.js";
+export {
+  DSACardContent as default
+};