balm-ui/components/alert/index.js

A modular and customizable UI library based on Material Design and Vue 3

!function(e,t){"object"===typeof exports&&"object"===typeof module?module.exports=t(require("vue")):"function"===typeof define&&define.amd?define("UiAlert",["vue"],t):"object"===typeof exports?exports.UiAlert=t(require("vue")):e.UiAlert=t(e.Vue)}("undefined"!==typeof self?self:this,(function(e){return function(){"use strict";var t={744:function(e){var t=function(e){return function(e){return!!e&&"object"===typeof e}(e)&&!function(e){var t=Object.prototype.toString.call(e);return"[object RegExp]"===t||"[object Date]"===t||function(e){return e.$$typeof===r}(e)}(e)};var r="function"===typeof Symbol&&Symbol.for?Symbol.for("react.element"):60103;function n(e,t){return!1!==t.clone&&t.isMergeableObject(e)?l((r=e,Array.isArray(r)?[]:{}),e,t):e;var r}function o(e,t,r){return e.concat(t).map((function(e){return n(e,r)}))}function c(e){return Object.keys(e).concat(function(e){return Object.getOwnPropertySymbols?Object.getOwnPropertySymbols(e).filter((function(t){return Object.propertyIsEnumerable.call(e,t)})):[]}(e))}function a(e,t){try{return t in e}catch(r){return!1}}function s(e,t,r){var o={};return r.isMergeableObject(e)&&c(e).forEach((function(t){o[t]=n(e[t],r)})),c(t).forEach((function(c){(function(e,t){return a(e,t)&&!(Object.hasOwnProperty.call(e,t)&&Object.propertyIsEnumerable.call(e,t))})(e,c)||(a(e,c)&&r.isMergeableObject(t[c])?o[c]=function(e,t){if(!t.customMerge)return l;var r=t.customMerge(e);return"function"===typeof r?r:l}(c,r)(e[c],t[c],r):o[c]=n(t[c],r))})),o}function l(e,r,c){(c=c||{}).arrayMerge=c.arrayMerge||o,c.isMergeableObject=c.isMergeableObject||t,c.cloneUnlessOtherwiseSpecified=n;var a=Array.isArray(r);return a===Array.isArray(e)?a?c.arrayMerge(e,r,c):s(e,r,c):n(r,c)}l.all=function(e,t){if(!Array.isArray(e))throw new Error("first argument should be an array");return e.reduce((function(e,r){return l(e,r,t)}),{})};var i=l;e.exports=i},154:function(t){t.exports=e}},r={};function n(e){var o=r[e];if(void 0!==o)return o.exports;var c=r[e]={exports:{}};return t[e](c,c.exports,n),c.exports}n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,{a:t}),t},n.d=function(e,t){for(var r in t)n.o(t,r)&&!n.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)};var o={};n.d(o,{default:function(){return j}});var c=n(744),a=n.n(c);const s=/(?:^\[object\s(.*?)\]$)/;var l=e=>Object.prototype.toString.call(e).replace(s,"$1").toLowerCase();const i=e=>{let{componentProps:t,propName:r,props:n}=e,o=n[r];if("object"===l(o)){const e=t[r].default;t[r].default=()=>a()(e,o)}else Array.isArray(o)?t[r].default=()=>o:t[r].default=o},u=e=>{let{componentMixins:t,propName:r,props:n}=e;if(t.length){let e=t.length;for(;e--;)if(t[e].props&&void 0!==t[e].props[r]){i({componentProps:t[e].props,propName:r,props:n});break}}};var p=(e,t)=>{for(const r of Object.keys(t))e.props?void 0===e.props[r]?u({componentMixins:e.mixins,propName:r,props:t}):i({componentProps:e.props,propName:r,props:t}):u({componentMixins:e.mixins,propName:r,props:t})};var f=e=>{const t={install(t){p(e,arguments.length>1&&void 0!==arguments[1]?arguments[1]:{}),t.component(e.name,e)}};return t},d=n(154);const m=["success","info","warn","warning","error","help"],y={defaults:{success:"check_circle",info:"error",error:"cancel",help:"help"},outlined:{success:"check_circle_outline",info:"error_outline",error:"highlight_off",help:"help_outline"}};const b={cssClasses:{icon:"material-icons"},EVENTS:{CLICK:"click"},getMaterialIconClass:function(){for(var e=arguments.length,t=new Array(e),r=0;r<e;r++)t[r]=arguments[r];return[b.cssClasses.icon,...t]}};var v=b;const g=["textContent"],O={class:"mdc-alert__content"},h={name:"UiAlert",customOptions:{UI_GLOBAL:v}};var j=f(Object.assign(h,{props:{state:{type:String,default:""},stateOutlined:{type:Boolean,default:!1},closable:{type:Boolean,default:!1}},setup(e){const t=e,r=(0,d.reactive)({closed:!1,destroyed:!1}),{closed:n,destroyed:o}=(0,d.toRefs)(r),{stateType:c,stateClassName:a,materialIcon:s}=function(e){const t=(0,d.computed)((()=>{let t=!1;if(m.includes(e.state))switch(e.state){case"success":t="success";break;case"info":case"help":t="info";break;case"warn":case"warning":t="warning";break;case"error":t="error"}return t})),r=(0,d.computed)((()=>{let r="";return t.value&&(r=`md-${t.value}-icon`,e.stateOutlined&&(r+="--outlined")),r})),n=(0,d.computed)((()=>{let t=!1;if(m.includes(e.state)){const r=e.stateOutlined?"outlined":"defaults";t=["info","warn","warning"].includes(e.state)?y[r].info:y[r][e.state]}return t}));return{stateType:t,stateClassName:r,materialIcon:n}}(t),l=(0,d.computed)((()=>["mdc-alert",`mdc-alert--${c.value}`,{"mdc-alert--closed":r.closed}]));function i(){r.closed=!0,setTimeout((()=>{r.destroyed=!0}),200)}return(t,r)=>(0,d.unref)(o)?(0,d.createCommentVNode)("",!0):((0,d.openBlock)(),(0,d.createElementBlock)("div",{key:0,class:(0,d.normalizeClass)(l.value)},[(0,d.renderSlot)(t.$slots,"icon",{},(()=>[(0,d.unref)(s)?((0,d.openBlock)(),(0,d.createElementBlock)("i",{key:0,class:(0,d.normalizeClass)((0,d.unref)(v).getMaterialIconClass((0,d.unref)(a),"mdc-alert__icon")),textContent:(0,d.toDisplayString)((0,d.unref)(s))},null,10,g)):(0,d.createCommentVNode)("",!0)])),(0,d.createElementVNode)("div",O,[(0,d.renderSlot)(t.$slots,"default")]),e.closable?((0,d.openBlock)(),(0,d.createElementBlock)("i",{key:0,class:(0,d.normalizeClass)((0,d.unref)(v).getMaterialIconClass("mdc-alert__close-button")),onClick:i}," clear ",2)):(0,d.createCommentVNode)("",!0)],2))}}));return o=o.default}()}));