finpro/dist/chunk-6EQ3MXZG.js

Design System

import{a as p}from"./chunk-HBTBCTHY.js";import{a as n}from"./chunk-2M6HTKCC.js";import{a as i}from"./chunk-JA3VZI2D.js";import{a as c,b as s,g as l,h as e}from"./chunk-GBPY57YZ.js";import{a}from"./chunk-NZ3RGSR6.js";var f=c`:host{box-sizing:border-box;display:inline-block}:host *,:host *::before,:host *::after{box-sizing:inherit}[hidden]{display:none !important}.card{--main-color:var(--fp-color-primary);--bg-color:var(--main-color);--border-color:var(--main-color);--content-color:var(--fp-color-content-primary);--border-radius:var(--fp-border-radius-s);--border-width:1px;--padding:var(--fp-size-m);--font:var(--fp-font-title-3-medium);display:flex;flex-direction:column;background-color:var(--bg-color);color:var(--content-color);border:solid var(--border-width) var(--border-color);border-radius:var(--border-radius);font:var(--font)}.card-img{display:flex;border-top-left-radius:var(--border-radius);border-top-right-radius:var(--border-radius);margin:calc(-1 * var(--border-width));overflow:hidden}.card-img::slotted(img){display:block;width:100%}.card:not(.card--has-image) .card-img{display:none}.card-header{font:var(--fp-font-title-2-bold);display:block;border-bottom:solid var(--border-width) var(--border-color);padding:calc(var(--padding) / 2) var(--padding)}.card:not(.card--has-header) .card-header{display:none}.card:not(.card--has-image) .card-header{border-top-left-radius:var(--border-radius);border-top-right-radius:var(--border-radius)}.card-body{display:block;padding:var(--padding)}.card--has-footer .card-footer{display:block;border-top:solid var(--border-width) var(--border-color);padding:var(--padding)}.card:not(.card--has-footer) .card-footer{display:none}:host([variant='primary']) .card{--content-color:var(--fp-color-content-primary);--border-color:var(--fp-color-primary);--bg-color:var(--fp-color-primary-background)}:host([variant='secondary']) .card{--content-color:var(--fp-color-content-secondary);--border-color:var(--fp-color-secondary-hover);--bg-color:var(--fp-color-secondary-background)}:host([variant='tertiary']) .card{--content-color:var(--fp-color-content-tertiary);--border-color:var(--fp-color-tertiary-hover);--bg-color:var(--fp-color-tertiary-background)}:host([variant='alternative']) .card{--content-color:var(--fp-color-alternative);--border-color:var(--fp-color-alternative-hover);--bg-color:var(--fp-color-alternative-background)}:host([variant='featured']) .card{--content-color:var(--fp-color-featured);--border-color:var(--fp-color-featured-hover);--bg-color:var(--fp-color-featured-background)}:host([variant='success']) .card{--content-color:var(--fp-color-success);--border-color:var(--fp-color-success-hover);--bg-color:var(--fp-color-success-background)}:host([variant='warning']) .card{--content-color:var(--fp-color-warning);--border-color:var(--fp-color-warning-hover);--bg-color:var(--fp-color-warning-background)}:host([variant='danger']) .card{--content-color:var(--fp-color-danger);--border-color:var(--fp-color-danger-hover);--bg-color:var(--fp-color-danger-background)}:host([borderRadius="n"]) .card{--border-radius:var(--fp-border-radius-n)}:host([borderRadius="2xs"]) .card{--border-radius:var(--fp-border-radius-2xs)}:host([borderRadius="xs"]) .card{--border-radius:var(--fp-border-radius-xs)}:host([borderRadius="m"]) .card{--border-radius:var(--fp-border-radius-m)}:host([borderRadius="l"]) .card{--border-radius:var(--fp-border-radius-l)}:host([borderRadius="xl"]) .card{--border-radius:var(--fp-border-radius-xl)}:host([borderRadius="2xl"]) .card{--border-radius:var(--fp-border-radius-2xl)}:host([borderRadius="pill"]) .card{--border-radius:var(--fp-border-radius-pill)}`,b=f;var r=class extends i{constructor(){super(...arguments);this.variant="primary";this.borderRadius="s";this.hasSlotController=new p(this,"footer","header","img")}static get styles(){return[b]}get _hasDefaultSlot(){return[...this.childNodes].some(o=>{var t;let d=o.nodeType;return d===o.TEXT_NODE&&((t=o.textContent)==null?void 0:t.trim())!==""||d===o.ELEMENT_NODE&&!o.hasAttribute("slot")})}render(){return s`
            <div part="base"
                 class=${n({card:!0,"card--has-footer":this.hasSlotController.test("footer"),"card--has-image":this.hasSlotController.test("img"),"card--has-header":this.hasSlotController.test("header")})}>
                <slot name="img" class="card-img" part="img"></slot>
                <slot name="header" class="card-header" part="header"></slot>
                <slot part="body" class="card-body" part="body"></slot>
                <slot name="footer" class="card-footer" part="footer"></slot>
            </div> `}};a([e({type:String,reflect:!0})],r.prototype,"variant",2),a([e({type:String,reflect:!0})],r.prototype,"borderRadius",2),r=a([l("fp-card")],r);export{r as a};
//# sourceMappingURL=chunk-6EQ3MXZG.js.map