@nextcloud/vue
Version:
Nextcloud vue components
2 lines (1 loc) • 1.44 kB
JavaScript
var h=require("../assets/index26.css");const n=require("vue-material-design-icons/CheckboxMarkedCircle.vue"),o=require("vue-material-design-icons/AlertDecagram.vue"),t=require("vue-material-design-icons/Alert.vue"),a=require("vue-material-design-icons/Information.vue"),s=require("../chunks/_plugin-vue2_normalizer-764a4c12.cjs");const c={name:"NcNoteCard",props:{type:{type:String,default:"warning",validator:r=>["success","info","warning","error"].includes(r)},showAlert:{type:Boolean,default:!1},heading:{type:String,default:""}},computed:{shouldShowAlert(){return this.showAlert||this.type==="error"},icon(){switch(this.type){case"error":return o;case"success":return n;case"info":return a;case"warning":return t;default:return t}},color(){switch(this.type){case"error":return"var(--color-error)";case"success":return"var(--color-success)";case"info":return"var(--color-info)";case"warning":return"var(--color-warning)";default:return"var(--color-warning)"}}}};var i=function(){var r=this,e=r._self._c;return e("div",{staticClass:"notecard",class:`notecard--${r.type}`,attrs:{role:r.shouldShowAlert?"alert":""}},[e(r.icon,{tag:"component",staticClass:"notecard__icon",class:{"notecard__icon--heading":r.heading},attrs:{"fill-color":r.color}}),e("div",[r.heading?e("h2",[r._v(" "+r._s(r.heading)+" ")]):r._e(),r._t("default")],2)],1)},l=[],u=s.normalizeComponent(c,i,l,!1,null,"a0360c76",null,null);const d=u.exports;module.exports=d;