@ionic/core/components/ion-card-header.js

Base components for Ionic

/*!
 * (C) Ionic http://ionicframework.com - MIT License
 */
import{d as o,H as r,h as t,f as e,t as n}from"./p-Ct2aBEue.js";import{c as i}from"./p-byZM6qHV.js";import{b as a}from"./p-HthJZjZ6.js";const d=o(class extends r{constructor(o){super(),!1!==o&&this.__registerHost(),this.__attachShadow(),this.translucent=!1}render(){const o=a(this);return t(e,{key:"64246b81931203a64d553c788cd736f41e23f37b",class:i(this.color,{"card-header-translucent":this.translucent,"ion-inherit-color":!0,[o]:!0})},t("slot",{key:"af2da2dfe266889afeb57fac25c6a730558dbba4"}))}static get style(){return{ios:":host{--background:transparent;--color:inherit;display:-ms-flexbox;display:flex;position:relative;-ms-flex-direction:column;flex-direction:column;background:var(--background);color:var(--color)}:host(.ion-color){background:var(--ion-color-base);color:var(--ion-color-contrast)}:host{-webkit-padding-start:20px;padding-inline-start:20px;-webkit-padding-end:20px;padding-inline-end:20px;padding-top:20px;padding-bottom:16px;-ms-flex-direction:column-reverse;flex-direction:column-reverse}@supports ((-webkit-backdrop-filter: blur(0)) or (backdrop-filter: blur(0))){:host(.card-header-translucent){background-color:rgba(var(--ion-background-color-rgb, 255, 255, 255), 0.9);-webkit-backdrop-filter:saturate(180%) blur(30px);backdrop-filter:saturate(180%) blur(30px)}}",md:":host{--background:transparent;--color:inherit;display:-ms-flexbox;display:flex;position:relative;-ms-flex-direction:column;flex-direction:column;background:var(--background);color:var(--color)}:host(.ion-color){background:var(--ion-color-base);color:var(--ion-color-contrast)}:host{-webkit-padding-start:16px;padding-inline-start:16px;-webkit-padding-end:16px;padding-inline-end:16px;padding-top:16px;padding-bottom:16px}::slotted(ion-card-title:not(:first-child)),::slotted(ion-card-subtitle:not(:first-child)){margin-top:8px}"}}},[289,"ion-card-header",{color:[513],translucent:[4]}]),s=d,c=function(){"undefined"!=typeof customElements&&["ion-card-header"].forEach((o=>{"ion-card-header"===o&&(customElements.get(n(o))||customElements.define(n(o),d))}))};export{s as IonCardHeader,c as defineCustomElement}