import{r as t,d as i,h as o}from"./p-9b6cc562.js";const a=class{constructor(o){t(this,o),this.floodteamFeedAction=i(this,"floodteamFeedAction",7),this.backgroundImage=void 0,this.image=void 0,this.heading=void 0,this.subtext=void 0,this.details=void 0,this.actionButtons=void 0,this.read=void 0,this.createdAt=void 0,this.modal=void 0,this.payload=void 0,this.tags=void 0}render(){return o("ion-card",{style:this.backgroundImage?{backgroundImage:`url('${this.backgroundImage}')`}:null},o("ion-item",{class:{"has-thumbnail":!!this.image}},this.image&&o("ion-thumbnail",{slot:"start"},o("img",{src:this.image})),o("ion-label",{style:this.image?null:{paddingLeft:"0px"}},o("h3",null,this.heading),this.subtext&&o("h5",null,this.subtext),o("div",{class:"tag-list"},this.tags&&this.tags.map((t=>o("ion-chip",null,t)))),o("p",null,this.details))),o("ion-buttons",null,this.actionButtons&&this.actionButtons.map((t=>o("ion-button",{size:t.size?t.size:"large",fill:t.fill?t.fill:"solid",color:t.color?t.color:"success",href:t.href?t.href:null,onClick:i=>this.floodteamFeedAction.emit({event:i,name:t.action})},t.iconStart&&o("ion-icon",{name:t.iconStart,slot:"start"}),t.text,t.iconEnd&&o("ion-icon",{name:t.iconEnd,slot:"end"}))))))}};a.style='floodteam-feed-card ion-card{position:relative;border-radius:3px;margin:15px 0;background-size:cover;background-position:center;background-repeat:no-repeat;min-height:100px}floodteam-feed-card ion-card ion-item.has-thumbnail{--padding-start:0}floodteam-feed-card ion-thumbnail{position:relative;height:100px;width:130px;margin-top:0;-webkit-mask-image:linear-gradient(to top, transparent 0%, black 20%);mask-image:linear-gradient(to top, transparent 0%, black 20%)}floodteam-feed-card ion-thumbnail:after{position:absolute;top:0;left:0;right:0;bottom:0;content:" ";background:var(--ion-background-color);display:block;height:100%;width:100%;-webkit-mask-image:linear-gradient(to right, transparent 80%, black 100%);mask-image:linear-gradient(to right, transparent 80%, black 100%);z-index:1}floodteam-feed-card ion-card h3{display:block;padding:0;margin:0;font-size:1.2em;font-weight:bold;font-family:var(--ion-font-family);text-transform:uppercase;color:var(--ion-text-color);letter-spacing:1px}floodteam-feed-card ion-card h5{font-size:1em;line-height:30px;display:block;position:relative;margin:4px 0 0 0;padding-right:20px;font-family:var(--ion-font-family);color:var(--ion-color-medium);font-weight:500;letter-spacing:1px}floodteam-feed-card ion-card .tag-list ion-chip{color:var(--ion-text-color);opacity:0.8;transition:opacity ease 0.3s;font-size:0.6em;padding-left:7px !important;padding-right:7px !important;height:24px;text-transform:capitalize;margin:3px 5px 3px 0}floodteam-feed-card ion-card .tag-list ion-chip:hover{opacity:1}floodteam-feed-card ion-card p{font-size:0.9em;display:block;position:relative;margin:0;font-family:"Bitter", serif;color:var(--ion-color-light-shade);font-weight:500;letter-spacing:1px}floodteam-feed-card ion-buttons{display:flex !important;padding:15px !important}floodteam-feed-card ion-buttons ion-button{display:block !important;margin-left:auto !important}';export{a as floodteam_feed_card}