@uh-design-system/component-library 1.4.0-rc.2 → 1.4.0

package/dist/components/ds-breadcrumbs.js

@@ -1,78 +1 @@
-import { p as proxyCustomElement, H, c as createEvent, h } from './p-GalXVdFP.js';
-import { c as cx } from './p-C34PGDVY.js';
-import { g as getLanguage } from './p-B71giUZh.js';
-import { i as isGreaterThanEqualBreakpointMediaQuery } from './p-BW1GUsO7.js';
-
-const dsBreadcrumbsCss = ".ds-breadcrumbs__oSBnIJ{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;min-height:24px;line-height:var(--ds-lineHeight-small)}@media (min-width: 60rem){.ds-breadcrumbs__oSBnIJ{min-height:32px}}.ds-breadcrumbs__oSBnIJ__breadcrumbs{display:inline-block;vertical-align:middle;margin:0;padding:1px 0;list-style:none;line-height:var(--ds-lineHeight-small);font-size:var(--ds-fontSize-14)}@media (min-width: 60rem){.ds-breadcrumbs__oSBnIJ__breadcrumbs{padding:var(--ds-spacing-4xSmall, 2px) 0;font-size:var(--ds-fontSize-16)}}";
-
-const DsBreadcrumbs$1 = proxyCustomElement(class DsBreadcrumbs extends H {
-    constructor(registerHost) {
-        super();
-        if (registerHost !== false) {
-            this.__registerHost();
-        }
-        this.__attachShadow();
-        this.dsSizeChange = createEvent(this, "dsSizeChange");
-    }
-    isGreaterThanEqualMediumMediaQuery = isGreaterThanEqualBreakpointMediaQuery('medium');
-    get el() { return this; }
-    dsSizeChange;
-    dsAriaLabel;
-    size = 'medium';
-    get breadcrumb() {
-        switch (getLanguage()) {
-            case 'fi':
-                return 'Murupolku';
-            case 'sv':
-                return 'Brödsmulestig';
-            default:
-                return 'Breadcrumb';
-        }
-    }
-    sizeObserver(newValue) {
-        this.dsSizeChange.emit(newValue);
-    }
-    setSize = (e) => {
-        this.size = e.matches ? 'medium' : 'small';
-    };
-    connectedCallback() {
-        this.isGreaterThanEqualMediumMediaQuery.addEventListener('change', this.setSize);
-    }
-    disconnectedCallback() {
-        this.isGreaterThanEqualMediumMediaQuery.removeEventListener('change', this.setSize);
-    }
-    componentWillLoad() {
-        this.size = this.isGreaterThanEqualMediumMediaQuery.matches ? 'medium' : 'small';
-    }
-    render() {
-        const baseClass = cx('ds-breadcrumbs');
-        return (h("nav", { key: '01e0f590dfd6600ed96473b40a70ae6f5af1c24d', class: baseClass, "aria-label": this.dsAriaLabel || this.breadcrumb }, h("div", { key: 'b24c8ecbb9070c47fbb05c7df370185f4d9bec5a', role: "list", class: `${baseClass}__breadcrumbs` }, h("slot", { key: '061e679827111d236fa5777421e7c71608af14e0' }))));
-    }
-    static get watchers() { return {
-        "size": ["sizeObserver"]
-    }; }
-    static get style() { return dsBreadcrumbsCss; }
-}, [257, "ds-breadcrumbs", {
-        "dsAriaLabel": [1, "ds-aria-label"],
-        "size": [32]
-    }, undefined, {
-        "size": ["sizeObserver"]
-    }]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["ds-breadcrumbs"];
-    components.forEach(tagName => { switch (tagName) {
-        case "ds-breadcrumbs":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, DsBreadcrumbs$1);
-            }
-            break;
-    } });
-}
-
-const DsBreadcrumbs = DsBreadcrumbs$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { DsBreadcrumbs, defineCustomElement };
+import{p as e,H as s,c as i,h as a,t}from"./p-D7drWwKe.js";import{c as r}from"./p-DgTb4Jpc.js";import{g as d}from"./p-J7Ct1MQ0.js";import{i as n}from"./p-BW1GUsO7.js";const l=e(class extends s{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.dsSizeChange=i(this,"dsSizeChange",7)}isGreaterThanEqualMediumMediaQuery=n("medium");get el(){return this}dsSizeChange;dsAriaLabel;size="medium";get breadcrumb(){switch(d()){case"fi":return"Murupolku";case"sv":return"Brödsmulestig";default:return"Breadcrumb"}}sizeObserver(e){this.dsSizeChange.emit(e)}setSize=e=>{this.size=e.matches?"medium":"small"};connectedCallback(){this.isGreaterThanEqualMediumMediaQuery.addEventListener("change",this.setSize)}disconnectedCallback(){this.isGreaterThanEqualMediumMediaQuery.removeEventListener("change",this.setSize)}componentWillLoad(){this.size=this.isGreaterThanEqualMediumMediaQuery.matches?"medium":"small"}render(){const e=r("ds-breadcrumbs");return a("nav",{key:"32200ea636a5e0b12dd1b2aff968063aa9a292b1",class:e,"aria-label":this.dsAriaLabel||this.breadcrumb},a("div",{key:"b68af73fe06dadfbbdbcc1327cc79e7896497fff",role:"list",class:e+"__breadcrumbs"},a("slot",{key:"2d7af502821d4760b5e3d48a6132035d6df7435a"})))}static get watchers(){return{size:[{sizeObserver:0}]}}static get style(){return".ds-breadcrumbs__SPFJ1E{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;min-height:24px;line-height:var(--ds-lineHeight-small)}@media (min-width: 60rem){.ds-breadcrumbs__SPFJ1E{min-height:32px}}.ds-breadcrumbs__SPFJ1E__breadcrumbs{display:inline-block;vertical-align:middle;margin:0;padding:1px 0;list-style:none;line-height:var(--ds-lineHeight-small);font-size:var(--ds-fontSize-14)}@media (min-width: 60rem){.ds-breadcrumbs__SPFJ1E__breadcrumbs{padding:var(--ds-spacing-4xSmall, 2px) 0;font-size:var(--ds-fontSize-16)}}"}},[769,"ds-breadcrumbs",{dsAriaLabel:[1,"ds-aria-label"],size:[32]},void 0,{size:[{sizeObserver:0}]}]),m=l,c=function(){"undefined"!=typeof customElements&&["ds-breadcrumbs"].forEach((e=>{"ds-breadcrumbs"===e&&(customElements.get(t(e))||customElements.define(t(e),l))}))};export{m as DsBreadcrumbs,c as defineCustomElement}

package/dist/components/ds-button.js

@@ -1,6 +1 @@
-import { D as DsButton$1, d as defineCustomElement$1 } from './p-CBTcmEBq.js';
-
-const DsButton = DsButton$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { DsButton, defineCustomElement };
+import{D as o,d as s}from"./p-Dib6BujO.js";const p=o,r=s;export{p as DsButton,r as defineCustomElement}

package/dist/components/ds-card.js

@@ -1,177 +1 @@
-import { p as proxyCustomElement, H, h } from './p-GalXVdFP.js';
-import { c as classNames } from './p-BfTCfPZ1.js';
-import { i as idGenerator, t as transformTagName, d as declareComponentDependencies } from './p-J5Ghj1_T.js';
-import { o as opensInNewTab, v as visuallyHiddenAssistiveText } from './p-CFr-8gB_.js';
-import { c as cx } from './p-C34PGDVY.js';
-import { a as inheritAttributes, i as inheritAriaAttributes } from './p-BecId8t2.js';
-import { d as defineCustomElement$3 } from './p-DIxFOW85.js';
-import { d as defineCustomElement$2 } from './p-Cq_RwLX7.js';
-
-const dsCardCss = ".ds-heading-2xl.sc-ds-card{color:var(--ds-textColor-default);font-family:var(--ds-fontFamily-heading);font-size:var(--ds-fontSize-40);font-weight:var(--ds-fontWeight-bold);letter-spacing:var(--ds-letterSpacing, -1.2px);font-stretch:var(--ds-fontWidth-condense);line-height:48px;text-transform:uppercase}@media (min-width: 60rem){.ds-heading-2xl.sc-ds-card{font-size:var(--ds-fontSize-56);letter-spacing:var(--ds-letterSpacing-tight);line-height:64px}}.ds-heading-xl--hyphenated.sc-ds-card{hyphens:auto}.ds-heading-xl.sc-ds-card{color:var(--ds-textColor-default);font-family:var(--ds-fontFamily-heading);font-size:var(--ds-fontSize-32);font-weight:var(--ds-fontWeight-bold);letter-spacing:var(--ds-letterSpacing-tight);line-height:36px;font-stretch:var(--ds-fontWidth-condense);text-transform:none}@media (min-width: 60rem){.ds-heading-xl.sc-ds-card{font-size:var(--ds-fontSize-48);line-height:52px}}.ds-heading-lg--hyphenated.sc-ds-card{hyphens:auto}.ds-heading-lg.sc-ds-card{color:var(--ds-textColor-default);font-family:var(--ds-fontFamily-heading);font-size:var(--ds-fontSize-24);font-weight:var(--ds-fontWeight-bold);letter-spacing:var(--ds-letterSpacing-normal);line-height:28px;font-stretch:var(--ds-fontWidth-normal);text-transform:none}@media (min-width: 60rem){.ds-heading-lg.sc-ds-card{font-size:var(--ds-fontSize-32);font-weight:var(--ds-fontWeight-semiboldPlus);letter-spacing:var(--ds-letterSpacing-tight);line-height:36px}}.ds-heading-md--hyphenated.sc-ds-card{hyphens:auto}.ds-heading-md.sc-ds-card{color:var(--ds-textColor-default);font-family:var(--ds-fontFamily-heading);font-size:var(--ds-fontSize-20);font-weight:var(--ds-fontWeight-semiboldPlus);letter-spacing:var(--ds-letterSpacing-normal);line-height:28px;font-stretch:var(--ds-fontWidth-normal);text-transform:none}@media (min-width: 60rem){.ds-heading-md.sc-ds-card{font-size:var(--ds-fontSize-24);line-height:24px}}.ds-heading-sm--hyphenated.sc-ds-card{hyphens:auto}.ds-heading-sm.sc-ds-card{color:var(--ds-textColor-default);font-family:var(--ds-fontFamily-heading);font-size:var(--ds-fontSize-18);font-weight:var(--ds-fontWeight-semibold);letter-spacing:var(--ds-letterSpacing-normal);line-height:20px;font-stretch:var(--ds-fontWidth-normal);text-transform:none}@media (min-width: 60rem){.ds-heading-sm.sc-ds-card{font-size:var(--ds-fontSize-20);line-height:24px}}.ds-heading-xs--hyphenated.sc-ds-card{hyphens:auto}.ds-heading-xs.sc-ds-card{color:var(--ds-textColor-default);font-family:var(--ds-fontFamily-heading);font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-semibold);letter-spacing:var(--ds-letterSpacing-normal);line-height:18px;font-stretch:var(--ds-fontWidth-normal);text-transform:none}@media (min-width: 60rem){.ds-heading-xs.sc-ds-card{font-size:var(--ds-fontSize-18);line-height:20px}}.ds-heading-2xs--hyphenated.sc-ds-card{hyphens:auto}.ds-heading-2xs.sc-ds-card{color:var(--ds-textColor-default);font-family:var(--ds-fontFamily-heading);font-size:var(--ds-fontSize-14);font-weight:var(--ds-fontWeight-semibold);letter-spacing:var(--ds-letterSpacing-normal);line-height:16px;font-stretch:var(--ds-fontWidth-normal);text-transform:none}@media (min-width: 60rem){.ds-heading-2xs.sc-ds-card{font-size:var(--ds-fontSize-16);line-height:18px}}.sc-ds-card-h{display:block}.ds-card__oSBnIJ.sc-ds-card{background-color:var(--ds-bgColor-white);border:var(--ds-borderWidth-hairline) solid var(--ds-borderColor-light);display:flex;flex-direction:column;color:var(--ds-textColor-default);font-family:var(--ds-fontFamily-body);hyphens:auto;height:auto;min-height:var(--ds-spacing-layout-2xLarge, 8rem);position:relative}.ds-card__oSBnIJ--fluid-height.sc-ds-card{height:100%}.ds-card__oSBnIJ.ds-card__oSBnIJ--link--full.sc-ds-card:hover{background-color:var(--ds-bgColor-neutralLight-hover);cursor:pointer}.ds-card__oSBnIJ.ds-card__oSBnIJ--link--full.sc-ds-card:hover .ds-card__oSBnIJ__icon.sc-ds-card{color:var(--ds-textColor-link-standalone-hover)}.ds-card__oSBnIJ.ds-card__oSBnIJ--link--full.sc-ds-card:hover .ds-card__oSBnIJ__image-container--has-image.sc-ds-card::after{content:\"\";position:absolute;inset:0;background-color:var(--ds-bgColor-transparent-onLight-hover)}.ds-card__oSBnIJ.ds-card__oSBnIJ--link--full.sc-ds-card:hover .ds-card__oSBnIJ__link--heading.sc-ds-card{text-decoration:none}.ds-card__oSBnIJ.ds-card__oSBnIJ--link--full.sc-ds-card:active{background-color:var(--ds-bgColor-neutralLight-active);outline:none}.ds-card__oSBnIJ.ds-card__oSBnIJ--link--full.sc-ds-card:active .ds-card__oSBnIJ__icon.sc-ds-card{color:var(--ds-textColor-link-standalone-hover)}.ds-card__oSBnIJ.ds-card__oSBnIJ--link--full.sc-ds-card:active .ds-card__oSBnIJ__image-container--has-image.sc-ds-card::after{content:\"\";position:absolute;inset:0;background-color:var(--ds-bgColor-transparent-onLight-active)}.ds-card__oSBnIJ.ds-card__oSBnIJ--link--full.sc-ds-card:active .ds-card__oSBnIJ__link--heading.sc-ds-card{text-decoration:none}.ds-card__oSBnIJ.ds-card__oSBnIJ--link--full.sc-ds-card:focus-within{box-shadow:false 0 0 0 var(--ds-borderWidth-thick) var(--ds-borderColor-white);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-black);outline-offset:calc(var(--ds-borderWidth-thin) * -1 * -1)}.ds-card__oSBnIJ.sc-ds-card .ds-card__oSBnIJ__link--full.sc-ds-card:after{content:\"\";position:absolute;inset:0}.ds-card__oSBnIJ--horizontal.sc-ds-card{flex-direction:column}@media (min-width: 30rem){.ds-card__oSBnIJ--horizontal.sc-ds-card{display:grid;grid-template:\"image content\" auto \"image contentBottom\" auto/auto 1fr}.ds-card__oSBnIJ--horizontal.sc-ds-card .ds-card__oSBnIJ__image-container.sc-ds-card{grid-area:image;height:100%;order:initial}.ds-card__oSBnIJ--horizontal.sc-ds-card .ds-card__oSBnIJ__content.sc-ds-card{grid-area:content;height:100%;order:initial}.ds-card__oSBnIJ--horizontal.sc-ds-card .ds-card__oSBnIJ__content--bottom.sc-ds-card{grid-area:contentBottom;order:initial}}.ds-card__oSBnIJ--filled.sc-ds-card{background-color:var(--ds-bgColor-neutralLight)}.ds-card__oSBnIJ__image-container.sc-ds-card{display:none}.ds-card__oSBnIJ__image-container--has-image.sc-ds-card{display:block;height:auto;order:1;position:relative;width:100%}@media (min-width: 30rem){.ds-card__oSBnIJ.sc-ds-card:not(.ds-card__oSBnIJ--vertical) .ds-card__oSBnIJ__image-container--has-image.sc-ds-card{max-width:var(--vertical-image-max-width, 200px)}}@media (min-width: 30rem){.ds-card__oSBnIJ.sc-ds-card:not(.ds-card__oSBnIJ--horizontal) .ds-card__oSBnIJ__image-container--has-image.sc-ds-card{max-height:var(--horizontal-image-max-height, auto)}}.ds-card__oSBnIJ--link--full.sc-ds-card .ds-card__oSBnIJ__image-container--has-image.sc-ds-card{pointer-events:none}.ds-card__oSBnIJ__tag.sc-ds-card{background-color:var(--ds-bgColor-black);color:var(--ds-textColor-white);font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-14);font-weight:var(--ds-fontWeight-semibold);left:-10px;letter-spacing:var(--ds-letterSpacing-wide);line-height:var(--ds-lineHeight-large);min-height:24px;padding-block:1.5px;padding-inline:var(--ds-spacing-2xSmall);position:absolute;top:1rem;z-index:2}.ds-card__oSBnIJ__image.sc-ds-card{width:100%;height:100%;object-fit:cover}.ds-card__oSBnIJ__content.sc-ds-card{display:flex;flex-direction:column;order:2;width:100%}.ds-card__oSBnIJ__content--top.sc-ds-card{align-items:flex-start;display:flex;gap:var(--ds-spacing-small);justify-content:space-between;order:2;padding:var(--ds-spacing-small) var(--ds-spacing-small) var(--ds-spacing-xSmall) var(--ds-spacing-small)}.ds-card__oSBnIJ__content--top__text.sc-ds-card{display:flex;flex-direction:column}.ds-card__oSBnIJ__content--bottom.sc-ds-card{order:4}.ds-card__oSBnIJ__eyebrow.sc-ds-card{color:var(--ds-textColor-secondary);font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-semibold);line-height:var(--ds-lineHeight-large);letter-spacing:var(--ds-letterSpacing-wide);margin-bottom:var(--ds-spacing-2xSmall);order:1}.ds-card__oSBnIJ__heading-container.sc-ds-card{display:flex;flex-direction:column}.ds-card__oSBnIJ__heading--hyphenated.sc-ds-card{hyphens:auto}.ds-card__oSBnIJ__heading.sc-ds-card{color:var(--ds-textColor-default);font-family:var(--ds-fontFamily-heading);font-size:var(--ds-fontSize-18);font-weight:var(--ds-fontWeight-semibold);letter-spacing:var(--ds-letterSpacing-normal);line-height:20px;font-stretch:var(--ds-fontWidth-normal);text-transform:none}@media (min-width: 60rem){.ds-card__oSBnIJ__heading.sc-ds-card{font-size:var(--ds-fontSize-20);line-height:24px}}.ds-card__oSBnIJ__heading.sc-ds-card{align-items:center;display:flex;margin:0;margin-bottom:var(--ds-spacing-3xSmall);justify-content:space-between;order:2;text-wrap:balance}.ds-card__oSBnIJ__heading.sc-ds-card .ds-card__oSBnIJ__link.sc-ds-card{color:var(--ds-textColor-default);text-decoration:none;outline:none}.ds-card__oSBnIJ__heading.sc-ds-card .ds-card__oSBnIJ__link.sc-ds-card:not(.ds-card__oSBnIJ__link--full):hover,.ds-card__oSBnIJ__heading.sc-ds-card .ds-card__oSBnIJ__link.sc-ds-card:not(.ds-card__oSBnIJ__link--full):active{text-decoration-line:underline;text-decoration-style:solid;text-decoration-skip-ink:auto;text-decoration-thickness:13%;text-underline-offset:12%;text-underline-position:from-font}.ds-card__oSBnIJ__heading.sc-ds-card .ds-card__oSBnIJ__link--heading.sc-ds-card{text-decoration-line:underline;text-decoration-style:solid;text-decoration-skip-ink:auto;text-decoration-thickness:7%;text-underline-offset:12%;text-underline-position:from-font}.ds-card__oSBnIJ__heading.sc-ds-card .ds-card__oSBnIJ__link--heading.sc-ds-card:focus-visible{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-white);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-black);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-card__oSBnIJ__subtitle.sc-ds-card,.ds-card__oSBnIJ__slot-subtitle.sc-ds-card{font-size:var(--ds-fontSize-16);font-family:var(--ds-fontFamily-body);color:var(--ds-textColor-secondary);line-height:var(--ds-lineHeight-large);letter-spacing:var(--ds-letterSpacing-wide);order:3}.ds-card__oSBnIJ__description.sc-ds-card{-webkit-box-orient:vertical;-webkit-line-clamp:var(--description-line-clamp, \"none\");color:var(--ds-textColor-default);display:-webkit-box;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);letter-spacing:var(--ds-letterSpacing-wide);line-clamp:var(--description-line-clamp, \"none\");line-height:var(--ds-lineHeight-large);margin:0 0 var(--ds-spacing-small) 0;overflow:hidden;padding:0 var(--ds-spacing-small);text-wrap:pretty;order:3;max-width:var(--ds-card-description-max-width, none)}.ds-card__oSBnIJ__icon.sc-ds-card{color:var(--ds-textColor-primary);font-size:var(--ds-fontSize-20);font-weight:normal}.ds-card__oSBnIJ__slot-subtitle--hidden.sc-ds-card{display:none}";
-
-const cardIdGenerator = idGenerator('ds-card');
-const DsCard$1 = proxyCustomElement(class DsCard extends H {
-    constructor(registerHost) {
-        super();
-        if (registerHost !== false) {
-            this.__registerHost();
-        }
-    }
-    linkIcon = 'arrow_forward';
-    inheritedAttributes = {};
-    cardId = cardIdGenerator.next().value;
-    get el() { return this; }
-    dsLinkType = 'full';
-    dsVariant = 'filled';
-    dsHorizontal = false;
-    dsHeading;
-    dsHeadingLevel = 3;
-    dsDescription;
-    dsDescriptionClamp;
-    dsDescriptionMaxWidth = 'none';
-    dsUrl;
-    dsUrlTarget = '_self';
-    dsEyebrow;
-    dsSubtitle;
-    dsTag;
-    dsShowArrow = true;
-    dsFluidHeight = false;
-    hasImageSlot = false;
-    hasSubtitleSlot = false;
-    hasSlotContent = true;
-    isCardFocused = false;
-    componentWillLoad() {
-        if (opensInNewTab(this.dsUrlTarget)) {
-            this.linkIcon = 'arrow_outward';
-        }
-        this.inheritedAttributes = {
-            ...inheritAriaAttributes(this.el, ['aria-labelledby']),
-            ...inheritAttributes(this, this.el),
-        };
-    }
-    connectedCallback() {
-        const contentEmpty = this.el.querySelector('[slot="content"]') === null;
-        const footerEmpty = this.el.querySelector('[slot="footer"]') === null;
-        if (contentEmpty && footerEmpty) {
-            this.hasSlotContent = false;
-        }
-    }
-    componentDidLoad() {
-        this.checkImageSlot();
-    }
-    isSlottedElement(element) {
-        let current = element;
-        while (current && current !== this.el) {
-            if (current.hasAttribute('slot')) {
-                return true;
-            }
-            current = current.parentElement;
-        }
-        return false;
-    }
-    handleFocusIn(e) {
-        const target = e.target;
-        if (!this.isSlottedElement(target)) {
-            this.isCardFocused = true;
-        }
-    }
-    handleFocusOut(e) {
-        const relatedTarget = e.relatedTarget;
-        if (!relatedTarget || !this.el.contains(relatedTarget) || this.isSlottedElement(relatedTarget)) {
-            this.isCardFocused = false;
-        }
-    }
-    handleClick() {
-        if (!this.dsUrl)
-            return;
-    }
-    handleKeydown(e) {
-        if (e.key !== 'Enter' || !this.dsUrl)
-            return;
-    }
-    checkImageSlot() {
-        const imageSlotElements = this.el.querySelectorAll('[slot="image"]');
-        this.hasImageSlot = imageSlotElements.length > 0;
-    }
-    checkSubtitleSlot() {
-        const subtitleSlotElements = this.el.querySelectorAll('[slot="subtitle"]');
-        this.hasSubtitleSlot = subtitleSlotElements.length > 0;
-    }
-    render() {
-        const baseClass = cx('ds-card');
-        const classes = classNames(baseClass, `${baseClass}--${this.dsVariant}`, {
-            [`${baseClass}--link--full`]: this.dsLinkType === 'full',
-            [`${baseClass}--fluid-height`]: this.dsFluidHeight,
-            [`${baseClass}--focused`]: this.isCardFocused,
-        }, this.dsHorizontal ? `${baseClass}--horizontal` : `${baseClass}--vertical`, `${baseClass}--link__${this.dsLinkType}`);
-        const linkClasses = classNames(`${baseClass}__link`, {
-            [`${baseClass}__link--${this.dsLinkType}`]: true,
-        });
-        const HeadingTag = `h${this.dsHeadingLevel}`;
-        const headingId = `${this.cardId}-heading`;
-        const DsIcon = transformTagName('ds-icon', 'ds-card', this.el);
-        const DsVisuallyHidden = transformTagName('ds-visually-hidden', 'ds-card', this.el);
-        const descriptionClamp = this.dsDescriptionClamp ? this.dsDescriptionClamp.toString() : 'none';
-        return (h("article", { key: 'fee8177c357699a41290cae6abf5e652b65f6508', class: classes, style: { '--description-line-clamp': descriptionClamp }, "aria-labelledby": headingId, ...this.inheritedAttributes }, h("div", { key: 'c46d9c2bcceae090bf91f54367fe9bf394921002', class: `${baseClass}__content` }, h("div", { key: 'bf0740ced2cb6445fb304d2151d04966e8b70056', class: {
-                [`${baseClass}__content--top`]: true,
-                [`${baseClass}__content--top--has-link`]: Boolean(this.dsUrl),
-            } }, h("div", { key: '1f9a184f8b8cef3baa4f9ff0a579b68a19ba5550', class: `${baseClass}__heading-container` }, this.dsHeading && this.dsUrl && this.dsLinkType !== 'none' ? (h(HeadingTag, { class: `${baseClass}__heading`, id: headingId }, h("a", { href: this.dsUrl, target: this.dsUrlTarget, class: linkClasses }, h("slot", { name: "heading" }, this.dsHeading), opensInNewTab(this.dsUrlTarget) && h(DsVisuallyHidden, { dsTag: "span" }, visuallyHiddenAssistiveText())))) : (h(HeadingTag, { class: `${baseClass}__heading` }, h("slot", { name: "heading" }, this.dsHeading))), this.dsTag && this.hasImageSlot && h("span", { key: 'f81019f78a2d456e8f8cd38eed046a2121982ead', class: `${baseClass}__tag` }, this.dsTag), this.dsEyebrow && h("div", { key: '253719d48dc9e22ae01bbb09f70b00175634c2c9', class: `${baseClass}__eyebrow` }, this.dsEyebrow), this.dsSubtitle && h("div", { key: 'd8f4c0f25be25a0d76e8223dc44e68c895d78737', class: `${baseClass}__subtitle` }, this.dsSubtitle), h("div", { key: 'bb6490c669574c12237d84ed17976253f12b7b93', class: classNames(`${baseClass}__slot-subtitle`, {
-                [`${baseClass}__slot-subtitle--hidden`]: !this.hasSubtitleSlot,
-            }) }, h("slot", { key: '30d5be3ecfeb141782c58446f61f358522250ed7', name: "subtitle", onSlotchange: () => this.checkSubtitleSlot() }))), this.dsUrl && this.dsShowArrow && this.dsLinkType !== 'heading' && h(DsIcon, { key: 'ce02738b9a3e3f0b3a03e2a9cf290eb36226fa6c', dsSize: "2rem", class: `${baseClass}__icon`, dsName: this.linkIcon })), this.dsDescription && (h("p", { key: '6771bf6000b9bacb253420a5513db3fe30ccc1e7', class: `${baseClass}__description`, style: { '--ds-card-description-max-width': this.dsDescriptionMaxWidth } }, this.dsDescription))), h("div", { key: '9d2c7ccef338986f77d6b83958deda9e7f914035', class: classNames(`${baseClass}__content--bottom`, {
-                [`${baseClass}__content--bottom--has-slot-content`]: this.hasSlotContent,
-            }) }, h("div", { key: '72db5679fb7e54a6363000cd039010f358021eda', class: `${baseClass}__slot--content` }, h("slot", { key: '92229eaecc394122ebbbc685e53b0403ed768f11', name: "content" })), h("div", { key: '65fc5b3441dac2c8fd65cd233abceb8041d8bec0', class: `${baseClass}__slot--footer` }, h("slot", { key: '86143c066f2b14a59c6a2c76235eabe3021a6fea', name: "footer" }))), h("div", { key: '2617de940ba9a9c6f839f6fdf014025c55401721', class: {
-                [`${baseClass}__image-container`]: true,
-                [`${baseClass}__image-container--has-image`]: this.hasImageSlot,
-            } }, h("slot", { key: '9257a3af2b8ba1a801a9730d458078b914761cd8', name: "image", onSlotchange: () => this.checkImageSlot() }))));
-    }
-    static get style() { return dsCardCss; }
-}, [262, "ds-card", {
-        "dsLinkType": [1, "ds-link-type"],
-        "dsVariant": [1, "ds-variant"],
-        "dsHorizontal": [4, "ds-horizontal"],
-        "dsHeading": [1, "ds-heading"],
-        "dsHeadingLevel": [2, "ds-heading-level"],
-        "dsDescription": [1, "ds-description"],
-        "dsDescriptionClamp": [2, "ds-description-clamp"],
-        "dsDescriptionMaxWidth": [1, "ds-description-max-width"],
-        "dsUrl": [1, "ds-url"],
-        "dsUrlTarget": [1, "ds-url-target"],
-        "dsEyebrow": [1, "ds-eyebrow"],
-        "dsSubtitle": [1, "ds-subtitle"],
-        "dsTag": [1, "ds-tag"],
-        "dsShowArrow": [4, "ds-show-arrow"],
-        "dsFluidHeight": [4, "ds-fluid-height"],
-        "hasImageSlot": [32],
-        "hasSubtitleSlot": [32],
-        "hasSlotContent": [32],
-        "isCardFocused": [32]
-    }, [[0, "focusin", "handleFocusIn"], [0, "focusout", "handleFocusOut"], [2, "click", "handleClick"], [2, "keydown", "handleKeydown"]]]);
-declareComponentDependencies([h("ds-icon", { dsName: "" }), h("ds-visually-hidden", null)]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["ds-card", "ds-icon", "ds-visually-hidden"];
-    components.forEach(tagName => { switch (tagName) {
-        case "ds-card":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, DsCard$1);
-            }
-            break;
-        case "ds-icon":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$3();
-            }
-            break;
-        case "ds-visually-hidden":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$2();
-            }
-            break;
-    } });
-}
-
-const DsCard = DsCard$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { DsCard, defineCustomElement };
+import{p as d,H as e,h as t,t as s}from"./p-D7drWwKe.js";import{c as a}from"./p-BfTCfPZ1.js";import{i,t as r,d as n}from"./p-J5Ghj1_T.js";import{o,v as c}from"./p-CRw90huu.js";import{c as l}from"./p-DgTb4Jpc.js";import{a as h,i as _}from"./p-BecId8t2.js";import{d as f}from"./p-BRKwvv98.js";import{d as g}from"./p-tTA4zhDH.js";const m=i("ds-card"),p=d(class extends e{constructor(d){super(),!1!==d&&this.__registerHost()}linkIcon="arrow_forward";inheritedAttributes={};cardId=m.next().value;get el(){return this}dsLinkType="full";dsVariant="filled";dsHorizontal=!1;dsHeading;dsHeadingLevel=3;dsDescription;dsDescriptionClamp;dsDescriptionMaxWidth="none";dsUrl;dsUrlTarget="_self";dsEyebrow;dsSubtitle;dsTag;dsShowArrow=!0;dsFluidHeight=!1;hasImageSlot=!1;hasSubtitleSlot=!1;hasSlotContent=!0;isCardFocused=!1;componentWillLoad(){o(this.dsUrlTarget)&&(this.linkIcon="arrow_outward"),this.inheritedAttributes={..._(this.el,["aria-labelledby"]),...h(this,this.el)}}connectedCallback(){const d=null===this.el.querySelector('[slot="content"]'),e=null===this.el.querySelector('[slot="footer"]');d&&e&&(this.hasSlotContent=!1)}componentDidLoad(){this.checkImageSlot()}isSlottedElement(d){let e=d;for(;e&&e!==this.el;){if(e.hasAttribute("slot"))return!0;e=e.parentElement}return!1}handleFocusIn(d){this.isSlottedElement(d.target)||(this.isCardFocused=!0)}handleFocusOut(d){const e=d.relatedTarget;e&&this.el.contains(e)&&!this.isSlottedElement(e)||(this.isCardFocused=!1)}handleClick(){}handleKeydown(d){}checkImageSlot(){const d=this.el.querySelectorAll('[slot="image"]');this.hasImageSlot=d.length>0}checkSubtitleSlot(){const d=this.el.querySelectorAll('[slot="subtitle"]');this.hasSubtitleSlot=d.length>0}render(){const d=l("ds-card"),e=a(d,`${d}--${this.dsVariant}`,{[d+"--link--full"]:"full"===this.dsLinkType,[d+"--fluid-height"]:this.dsFluidHeight,[d+"--focused"]:this.isCardFocused},this.dsHorizontal?d+"--horizontal":d+"--vertical",`${d}--link__${this.dsLinkType}`),s=a(d+"__link",{[`${d}__link--${this.dsLinkType}`]:!0}),i="h"+this.dsHeadingLevel,n=this.cardId+"-heading",h=r("ds-icon","ds-card",this.el),_=r("ds-visually-hidden","ds-card",this.el);return t("article",{key:"fc9ea3131fae176552872efa2702ce3a1093fb59",class:e,style:{"--description-line-clamp":this.dsDescriptionClamp?""+this.dsDescriptionClamp:"none"},"aria-labelledby":n,...this.inheritedAttributes},t("div",{key:"11a74e7d4a0dbecc6a82fd20c1c2718a9e5220d7",class:d+"__content"},t("div",{key:"56a0eb6fd24688ff3609c0f74bd9e3c7ff63285b",class:{[d+"__content--top"]:!0,[d+"__content--top--has-link"]:!!this.dsUrl}},t("div",{key:"9fc2f633e739ee22e01dc9efba397d8c29152c36",class:d+"__heading-container"},this.dsUrl&&"none"!==this.dsLinkType?t(i,{class:d+"__heading",id:n},t("a",{href:this.dsUrl,target:this.dsUrlTarget,class:s},t("slot",{name:"heading"},this.dsHeading),o(this.dsUrlTarget)&&t(_,{dsTag:"span"},c()))):t(i,{class:d+"__heading"},t("slot",{name:"heading"},this.dsHeading)),this.dsTag&&this.hasImageSlot&&t("span",{key:"cef4fa8c42e5b8174e0870092086255353cde89c",class:d+"__tag"},this.dsTag),this.dsEyebrow&&t("div",{key:"61bd2b134a7321b645579236f2024221fd5b7fba",class:d+"__eyebrow"},this.dsEyebrow),this.dsSubtitle&&t("div",{key:"136978f0b0fdb9f1de0e1827bee1a29725fa7e47",class:d+"__subtitle"},this.dsSubtitle),t("div",{key:"9e958f257dd6e1cba55536d76fedb139d3f375e0",class:a(d+"__slot-subtitle",{[d+"__slot-subtitle--hidden"]:!this.hasSubtitleSlot})},t("slot",{key:"2822a1eaaa013abbcc713512972ae9ba72845811",name:"subtitle",onSlotchange:()=>this.checkSubtitleSlot()}))),this.dsUrl&&this.dsShowArrow&&"heading"!==this.dsLinkType&&t(h,{key:"fc96c023ab6434c1f9556487ce2626f470a96557",dsSize:"2rem",class:d+"__icon",dsName:this.linkIcon})),this.dsDescription&&t("p",{key:"4ae570461ae03371141238fa340728fc4371573b",class:d+"__description",style:{"--ds-card-description-max-width":this.dsDescriptionMaxWidth}},this.dsDescription)),t("div",{key:"c7dadca86ac1dc379c25fc018c2f070693ab8199",class:a(d+"__content--bottom",{[d+"__content--bottom--has-slot-content"]:this.hasSlotContent})},t("div",{key:"4c780ce7598fcc6bc115383738e46dba6834f66a",class:d+"__slot--content"},t("slot",{key:"9650ba762386fbe0c154a8ce108eb086e6cffb33",name:"content"})),t("div",{key:"4506acbee6ac2340ece8ad9e3d7abe70563624dd",class:d+"__slot--footer"},t("slot",{key:"d241d23ca7fd1b5e4d18d17f78511eef72c9b57c",name:"footer"}))),t("div",{key:"ec30879cf27196a899f25fc448f02bb44043fad9",class:{[d+"__image-container"]:!0,[d+"__image-container--has-image"]:this.hasImageSlot}},t("slot",{key:"8a1a5ee9a4f8cae2475e804a6bebccbbeaa3ea9a",name:"image",onSlotchange:()=>this.checkImageSlot()})))}static get style(){return'.ds-heading-2xl.sc-ds-card{color:var(--ds-textColor-default);font-family:var(--ds-fontFamily-heading);font-size:var(--ds-fontSize-40);font-weight:var(--ds-fontWeight-bold);letter-spacing:var(--ds-letterSpacing, -1.2px);font-stretch:var(--ds-fontWidth-condense);line-height:48px;text-transform:uppercase}@media (min-width: 60rem){.ds-heading-2xl.sc-ds-card{font-size:var(--ds-fontSize-56);letter-spacing:var(--ds-letterSpacing-tight);line-height:64px}}.ds-heading-xl--hyphenated.sc-ds-card{hyphens:auto}.ds-heading-xl.sc-ds-card{color:var(--ds-textColor-default);font-family:var(--ds-fontFamily-heading);font-size:var(--ds-fontSize-32);font-weight:var(--ds-fontWeight-bold);letter-spacing:var(--ds-letterSpacing-tight);line-height:36px;font-stretch:var(--ds-fontWidth-condense);text-transform:none}@media (min-width: 60rem){.ds-heading-xl.sc-ds-card{font-size:var(--ds-fontSize-48);line-height:52px}}.ds-heading-lg--hyphenated.sc-ds-card{hyphens:auto}.ds-heading-lg.sc-ds-card{color:var(--ds-textColor-default);font-family:var(--ds-fontFamily-heading);font-size:var(--ds-fontSize-24);font-weight:var(--ds-fontWeight-bold);letter-spacing:var(--ds-letterSpacing-normal);line-height:28px;font-stretch:var(--ds-fontWidth-normal);text-transform:none}@media (min-width: 60rem){.ds-heading-lg.sc-ds-card{font-size:var(--ds-fontSize-32);font-weight:var(--ds-fontWeight-semiboldPlus);letter-spacing:var(--ds-letterSpacing-tight);line-height:36px}}.ds-heading-md--hyphenated.sc-ds-card{hyphens:auto}.ds-heading-md.sc-ds-card{color:var(--ds-textColor-default);font-family:var(--ds-fontFamily-heading);font-size:var(--ds-fontSize-20);font-weight:var(--ds-fontWeight-semiboldPlus);letter-spacing:var(--ds-letterSpacing-normal);line-height:28px;font-stretch:var(--ds-fontWidth-normal);text-transform:none}@media (min-width: 60rem){.ds-heading-md.sc-ds-card{font-size:var(--ds-fontSize-24);line-height:24px}}.ds-heading-sm--hyphenated.sc-ds-card{hyphens:auto}.ds-heading-sm.sc-ds-card{color:var(--ds-textColor-default);font-family:var(--ds-fontFamily-heading);font-size:var(--ds-fontSize-18);font-weight:var(--ds-fontWeight-semibold);letter-spacing:var(--ds-letterSpacing-normal);line-height:20px;font-stretch:var(--ds-fontWidth-normal);text-transform:none}@media (min-width: 60rem){.ds-heading-sm.sc-ds-card{font-size:var(--ds-fontSize-20);line-height:24px}}.ds-heading-xs--hyphenated.sc-ds-card{hyphens:auto}.ds-heading-xs.sc-ds-card{color:var(--ds-textColor-default);font-family:var(--ds-fontFamily-heading);font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-semibold);letter-spacing:var(--ds-letterSpacing-normal);line-height:18px;font-stretch:var(--ds-fontWidth-normal);text-transform:none}@media (min-width: 60rem){.ds-heading-xs.sc-ds-card{font-size:var(--ds-fontSize-18);line-height:20px}}.ds-heading-2xs--hyphenated.sc-ds-card{hyphens:auto}.ds-heading-2xs.sc-ds-card{color:var(--ds-textColor-default);font-family:var(--ds-fontFamily-heading);font-size:var(--ds-fontSize-14);font-weight:var(--ds-fontWeight-semibold);letter-spacing:var(--ds-letterSpacing-normal);line-height:16px;font-stretch:var(--ds-fontWidth-normal);text-transform:none}@media (min-width: 60rem){.ds-heading-2xs.sc-ds-card{font-size:var(--ds-fontSize-16);line-height:18px}}.sc-ds-card-h{display:block}.ds-card__SPFJ1E.sc-ds-card{background-color:var(--ds-bgColor-white);border:var(--ds-borderWidth-hairline) solid var(--ds-borderColor-light);display:flex;flex-direction:column;color:var(--ds-textColor-default);font-family:var(--ds-fontFamily-body);hyphens:auto;height:auto;min-height:var(--ds-spacing-layout-2xLarge, 8rem);position:relative}.ds-card__SPFJ1E--fluid-height.sc-ds-card{height:100%}.ds-card__SPFJ1E.ds-card__SPFJ1E--link--full.sc-ds-card:hover{background-color:var(--ds-bgColor-neutralLight-hover);cursor:pointer}.ds-card__SPFJ1E.ds-card__SPFJ1E--link--full.sc-ds-card:hover .ds-card__SPFJ1E__icon.sc-ds-card{color:var(--ds-textColor-link-standalone-hover)}.ds-card__SPFJ1E.ds-card__SPFJ1E--link--full.sc-ds-card:hover .ds-card__SPFJ1E__image-container--has-image.sc-ds-card::after{content:"";position:absolute;inset:0;background-color:var(--ds-bgColor-transparent-onLight-hover)}.ds-card__SPFJ1E.ds-card__SPFJ1E--link--full.sc-ds-card:hover .ds-card__SPFJ1E__link--heading.sc-ds-card{text-decoration:none}.ds-card__SPFJ1E.ds-card__SPFJ1E--link--full.sc-ds-card:active{background-color:var(--ds-bgColor-neutralLight-active);outline:none}.ds-card__SPFJ1E.ds-card__SPFJ1E--link--full.sc-ds-card:active .ds-card__SPFJ1E__icon.sc-ds-card{color:var(--ds-textColor-link-standalone-hover)}.ds-card__SPFJ1E.ds-card__SPFJ1E--link--full.sc-ds-card:active .ds-card__SPFJ1E__image-container--has-image.sc-ds-card::after{content:"";position:absolute;inset:0;background-color:var(--ds-bgColor-transparent-onLight-active)}.ds-card__SPFJ1E.ds-card__SPFJ1E--link--full.sc-ds-card:active .ds-card__SPFJ1E__link--heading.sc-ds-card{text-decoration:none}.ds-card__SPFJ1E.ds-card__SPFJ1E--link--full.sc-ds-card:focus-within{box-shadow:false 0 0 0 var(--ds-borderWidth-thick) var(--ds-borderColor-white);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-black);outline-offset:calc(var(--ds-borderWidth-thin) * -1 * -1)}.ds-card__SPFJ1E.sc-ds-card .ds-card__SPFJ1E__link--full.sc-ds-card:after{content:"";position:absolute;inset:0}.ds-card__SPFJ1E--horizontal.sc-ds-card{flex-direction:column}@media (min-width: 30rem){.ds-card__SPFJ1E--horizontal.sc-ds-card{display:grid;grid-template:"image content" auto "image contentBottom" auto/auto 1fr}.ds-card__SPFJ1E--horizontal.sc-ds-card .ds-card__SPFJ1E__image-container.sc-ds-card{grid-area:image;height:100%;order:initial}.ds-card__SPFJ1E--horizontal.sc-ds-card .ds-card__SPFJ1E__content.sc-ds-card{grid-area:content;height:100%;order:initial}.ds-card__SPFJ1E--horizontal.sc-ds-card .ds-card__SPFJ1E__content--bottom.sc-ds-card{grid-area:contentBottom;order:initial}}.ds-card__SPFJ1E--filled.sc-ds-card{background-color:var(--ds-bgColor-neutralLight)}.ds-card__SPFJ1E__image-container.sc-ds-card{display:none}.ds-card__SPFJ1E__image-container--has-image.sc-ds-card{display:block;height:auto;order:1;position:relative;width:100%}@media (min-width: 30rem){.ds-card__SPFJ1E.sc-ds-card:not(.ds-card__SPFJ1E--vertical) .ds-card__SPFJ1E__image-container--has-image.sc-ds-card{max-width:var(--vertical-image-max-width, 200px)}}@media (min-width: 30rem){.ds-card__SPFJ1E.sc-ds-card:not(.ds-card__SPFJ1E--horizontal) .ds-card__SPFJ1E__image-container--has-image.sc-ds-card{max-height:var(--horizontal-image-max-height, auto)}}.ds-card__SPFJ1E--link--full.sc-ds-card .ds-card__SPFJ1E__image-container--has-image.sc-ds-card{pointer-events:none}.ds-card__SPFJ1E__tag.sc-ds-card{background-color:var(--ds-bgColor-black);color:var(--ds-textColor-white);font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-14);font-weight:var(--ds-fontWeight-semibold);left:-10px;letter-spacing:var(--ds-letterSpacing-wide);line-height:var(--ds-lineHeight-large);min-height:24px;padding-block:1.5px;padding-inline:var(--ds-spacing-2xSmall);position:absolute;top:1rem;z-index:2}.ds-card__SPFJ1E__image.sc-ds-card{width:100%;height:100%;object-fit:cover}.ds-card__SPFJ1E__content.sc-ds-card{display:flex;flex-direction:column;order:2;width:100%}.ds-card__SPFJ1E__content--top.sc-ds-card{align-items:flex-start;display:flex;gap:var(--ds-spacing-small);justify-content:space-between;order:2;padding:var(--ds-spacing-small) var(--ds-spacing-small) var(--ds-spacing-xSmall) var(--ds-spacing-small)}.ds-card__SPFJ1E__content--top__text.sc-ds-card{display:flex;flex-direction:column}.ds-card__SPFJ1E__content--bottom.sc-ds-card{order:4}.ds-card__SPFJ1E__eyebrow.sc-ds-card{color:var(--ds-textColor-secondary);font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-semibold);line-height:var(--ds-lineHeight-large);letter-spacing:var(--ds-letterSpacing-wide);margin-bottom:var(--ds-spacing-2xSmall);order:1}.ds-card__SPFJ1E__heading-container.sc-ds-card{display:flex;flex-direction:column}.ds-card__SPFJ1E__heading--hyphenated.sc-ds-card{hyphens:auto}.ds-card__SPFJ1E__heading.sc-ds-card{color:var(--ds-textColor-default);font-family:var(--ds-fontFamily-heading);font-size:var(--ds-fontSize-18);font-weight:var(--ds-fontWeight-semibold);letter-spacing:var(--ds-letterSpacing-normal);line-height:20px;font-stretch:var(--ds-fontWidth-normal);text-transform:none}@media (min-width: 60rem){.ds-card__SPFJ1E__heading.sc-ds-card{font-size:var(--ds-fontSize-20);line-height:24px}}.ds-card__SPFJ1E__heading.sc-ds-card{align-items:center;display:flex;margin:0;margin-bottom:var(--ds-spacing-3xSmall);justify-content:space-between;order:2;text-wrap:balance}.ds-card__SPFJ1E__heading.sc-ds-card .ds-card__SPFJ1E__link.sc-ds-card{color:var(--ds-textColor-default);text-decoration:none;outline:none}.ds-card__SPFJ1E__heading.sc-ds-card .ds-card__SPFJ1E__link.sc-ds-card:not(.ds-card__SPFJ1E__link--full):hover,.ds-card__SPFJ1E__heading.sc-ds-card .ds-card__SPFJ1E__link.sc-ds-card:not(.ds-card__SPFJ1E__link--full):active{text-decoration-line:underline;text-decoration-style:solid;text-decoration-skip-ink:auto;text-decoration-thickness:13%;text-underline-offset:12%;text-underline-position:from-font}.ds-card__SPFJ1E__heading.sc-ds-card .ds-card__SPFJ1E__link--heading.sc-ds-card{text-decoration-line:underline;text-decoration-style:solid;text-decoration-skip-ink:auto;text-decoration-thickness:7%;text-underline-offset:12%;text-underline-position:from-font}.ds-card__SPFJ1E__heading.sc-ds-card .ds-card__SPFJ1E__link--heading.sc-ds-card:focus-visible{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-white);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-black);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-card__SPFJ1E__subtitle.sc-ds-card,.ds-card__SPFJ1E__slot-subtitle.sc-ds-card{font-size:var(--ds-fontSize-16);font-family:var(--ds-fontFamily-body);color:var(--ds-textColor-secondary);line-height:var(--ds-lineHeight-large);letter-spacing:var(--ds-letterSpacing-wide);order:3}.ds-card__SPFJ1E__description.sc-ds-card{-webkit-box-orient:vertical;-webkit-line-clamp:var(--description-line-clamp, "none");color:var(--ds-textColor-default);display:-webkit-box;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);letter-spacing:var(--ds-letterSpacing-wide);line-clamp:var(--description-line-clamp, "none");line-height:var(--ds-lineHeight-large);margin:0 0 var(--ds-spacing-small) 0;overflow:hidden;padding:0 var(--ds-spacing-small);text-wrap:pretty;order:3;max-width:var(--ds-card-description-max-width, none)}.ds-card__SPFJ1E__icon.sc-ds-card{color:var(--ds-textColor-primary);font-size:var(--ds-fontSize-20);font-weight:normal}.ds-card__SPFJ1E__slot-subtitle--hidden.sc-ds-card{display:none}'}},[774,"ds-card",{dsLinkType:[1,"ds-link-type"],dsVariant:[1,"ds-variant"],dsHorizontal:[4,"ds-horizontal"],dsHeading:[1,"ds-heading"],dsHeadingLevel:[2,"ds-heading-level"],dsDescription:[1,"ds-description"],dsDescriptionClamp:[2,"ds-description-clamp"],dsDescriptionMaxWidth:[1,"ds-description-max-width"],dsUrl:[1,"ds-url"],dsUrlTarget:[1,"ds-url-target"],dsEyebrow:[1,"ds-eyebrow"],dsSubtitle:[1,"ds-subtitle"],dsTag:[1,"ds-tag"],dsShowArrow:[4,"ds-show-arrow"],dsFluidHeight:[4,"ds-fluid-height"],hasImageSlot:[32],hasSubtitleSlot:[32],hasSlotContent:[32],isCardFocused:[32]},[[0,"focusin","handleFocusIn"],[0,"focusout","handleFocusOut"],[2,"click","handleClick"],[2,"keydown","handleKeydown"]]]);n([t("ds-icon",{dsName:""}),t("ds-visually-hidden",null)]);const v=p,u=function(){"undefined"!=typeof customElements&&["ds-card","ds-icon","ds-visually-hidden"].forEach((d=>{switch(d){case"ds-card":customElements.get(s(d))||customElements.define(s(d),p);break;case"ds-icon":customElements.get(s(d))||f();break;case"ds-visually-hidden":customElements.get(s(d))||g()}}))};export{v as DsCard,u as defineCustomElement}