import type { CSSResultGroup } from 'lit'; import { ShoelaceElement } from '../../internal/shoelace-element'; /** * @summary Cards can be used to group related subjects in a container. * @documentation https://dsa.service-public-autonomie.fr/latest/librairie-webcomponents/carte-card/web-jwmkAZjE * * @slot - The card's main content. * @slot header - An optional header for the card. * @slot footer - An optional footer for the card. * @slot image - An optional image to render at the start of the card. * */ export default class DSACard extends ShoelaceElement { static styles: CSSResultGroup; private readonly hasSlotController; /** 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. */ 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; /** Increase the border contrast in contexts where is could be hard to identify the card. */ contrastedBorders: boolean; private isLink; render(): import("lit").TemplateResult; } declare global { interface HTMLElementTagNameMap { 'dsa-card': DSACard; } }