System.register(["./index-0425c4de.system.js"],(function(e){"use strict";var t,i,s,n,o;return{setters:[function(e){t=e.r;i=e.e;s=e.h;n=e.f;o=e.g}],execute:function(){var r=":host{display:-ms-flexbox;display:flex;position:relative}:host:focus-visible{outline:none}.card{display:-ms-flexbox;display:flex;width:100%}.card_hover:hover{-webkit-transform:scale(1.02);transform:scale(1.02);-webkit-transition:all 0.3s;transition:all 0.3s;cursor:pointer}.focus:focus-visible{display:-ms-flexbox;display:flex;position:absolute;border:2px solid var(--color-focus, #c226fb);border-radius:4px;width:100%;height:100%;top:-4px;left:-4px;padding-right:4px;padding-bottom:4px;outline:none}";var d=e("bds_card",function(){function e(e){t(this,e);this.bdsClick=i(this,"bdsClick",7);this.height=null;this.width="fit-content";this.clickable=false;this.bgColor="surface-1";this.dataTest=null;this.isHovered=false;this.isPressed=false;this.elevation="primary"}e.prototype.componentDidLoad=function(){var e=this;this.cardElement=this.element.shadowRoot.querySelector(".card");if(this.cardElement&&this.clickable===true){this.cardElement.addEventListener("mouseenter",(function(){e.isHovered=true}));this.cardElement.addEventListener("mouseleave",(function(){e.isHovered=false}));this.cardElement.addEventListener("mousedown",(function(){e.isPressed=true;e.bdsClick.emit()}));document.addEventListener("mouseup",(function(){e.isPressed=false}));this.cardElement.addEventListener("keydown",(function(t){if(t.key==="Enter"){e.isPressed=true;e.bdsClick.emit()}}));this.cardElement.addEventListener("keyup",(function(t){if(t.key==="Enter"){e.isPressed=false}}))}};e.prototype.componentDidUpdate=function(){if(this.isPressed){this.elevation="static"}else if(this.isHovered){this.elevation="secondary"}};e.prototype.handleKeyDown=function(e){if(e.key=="Enter"){this.isPressed=true;this.bdsClick.emit(e)}};e.prototype.render=function(){var e={width:this.width};return s(n,{style:e},s("bds-paper",{elevation:this.elevation,class:{card:true,card_hover:this.clickable},height:this.height,width:this.width,bgColor:this.bgColor,"data-test":this.dataTest},s("div",{tabindex:"0",class:"focus",onKeyDown:this.handleKeyDown.bind(this)}),s("bds-grid",{xxs:"12",direction:"column",gap:"2",padding:"2"},s("slot",null))))};Object.defineProperty(e.prototype,"element",{get:function(){return o(this)},enumerable:false,configurable:true});return e}());d.style=r}}}));