@ldmjs/ui 1.0.89 → 2.0.0-beta.0

package/dist/lib/runtime-template.js

@@ -1 +1 @@
-(function webpackUniversalModuleDefinition(e,t){"object"===typeof exports&&"object"===typeof module?module.exports=t(require("vue")):"function"===typeof define&&define.amd?define(["vue"],t):"object"===typeof exports?exports["ldmui"]=t(require("vue")):e["ldmui"]=t(e["vue"])})(self,e=>(()=>{"use strict";var t={6262:(e,t)=>{t.A=(e,t)=>{const o=e.__vccOpts||e;for(const[e,n]of t)o[e]=n;return o}},2380:t=>{t.exports=e}},o={};function __webpack_require__(e){var n=o[e];if(void 0!==n)return n.exports;var r=o[e]={exports:{}};return t[e](r,r.exports,__webpack_require__),r.exports}(()=>{__webpack_require__.d=(e,t)=>{for(var o in t)__webpack_require__.o(t,o)&&!__webpack_require__.o(e,o)&&Object.defineProperty(e,o,{enumerable:!0,get:t[o]})}})(),(()=>{__webpack_require__.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t)})(),(()=>{__webpack_require__.r=e=>{"undefined"!==typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})}})();var n={};__webpack_require__.r(n),__webpack_require__.d(n,{default:()=>_});var r=__webpack_require__(2380);function render(e,t,o,n,s,c){return e.componentName?((0,r.openBlock)(),(0,r.createBlock)((0,r.resolveDynamicComponent)(e.componentName),{key:0})):(0,r.createCommentVNode)("",!0)}const defineDescriptor=(e,t,o)=>{if(!t.hasOwnProperty(o)){const n=Object.getOwnPropertyDescriptor(e,o);Object.defineProperty(t,o,n)}},merge=e=>{const t={};return e.forEach(e=>{e&&Object.getOwnPropertyNames(e).forEach(o=>defineDescriptor(e,t,o))}),t},buildFromProps=(e,t)=>{const o={};return t.forEach(t=>defineDescriptor(e,o,t)),o},{defineComponent:s}=__webpack_require__(2380),c={props:{template:String,parentComp:Object},data(){return{componentName:"",dynamic:null}},created(){const e="runtime-template-"+Math.floor(1e4*Math.random());if(this.template){if(this.dynamic&&this.$parent){const{$data:t,$props:o}=this.$parent;let n={$data:{},$props:{}};Object.keys(t||{}).forEach(e=>{void 0===this.$data[e]&&(n.$data[e]=t[e])}),Object.keys(o||{}).forEach(e=>n.$props[e]=o[e]);const r=merge([n.$data,n.$props,this.methodsFromProps]);return this.$options.components[e]=s(this.dynamic,{props:r}),void(this.componentName=e)}const t=this.parentComp||this.$parent;this.$options.methods||(this.$options.methods={}),this.$options.computed||(this.$options.computed={}),this.$options.components||(this.$options.components={});const{$data:o,$props:n,$options:r}=t,{components:c,computed:p,methods:i}=r;let a={$data:{},$props:{},$options:{},components:{},computed:{},methods:{}};Object.keys(o||{}).forEach(e=>{void 0===this.$data[e]&&(a.$data[e]=o[e])}),Object.keys(n||{}).forEach(e=>{void 0===this.$props[e]&&(a.$props[e]=n[e])}),Object.keys(i||{}).forEach(e=>{void 0===this.$options.methods[e]&&(a.methods[e]=i[e])}),Object.keys(p||{}).forEach(e=>{void 0===this.$options.computed[e]&&(a.computed[e]=p[e])}),Object.keys(c||{}).forEach(e=>{void 0===this.$options.components[e]&&(a.components[e]=c[e])});const d=Object.keys(a.methods||{}),_=Object.keys(a.$data||{}),m=Object.keys(a.$props||{}),h=_.concat(m).concat(d);this.methodsFromProps=buildFromProps(t,d);const u=merge([a.$data,a.$props,this.methodsFromProps]),f={},b={};let $=this.template||"<div></div>";_.forEach(e=>{const o=new RegExp(`[^"{\\s=]?${e}["}\\s]*?(?=["}\\s])`,"g"),n=o.exec($);if(n==e){const n=`${e}_ld`;b[n]=a.$data[e],$=$.replace(o,n);const r=t._watchers.find(t=>t.expression===e);if(r){const e=r.cb;r.cb=function(o,r){const s=this.__renderFn__.componentInstance;s[n]=o,e.call(t,o,r)}.bind(this)}else{const o=function(e){const t=this.__renderFn__.componentInstance;t[n]=e}.bind(this);t.$watch(e,o)}f[n]=function(o,n){t[e]=o}}}),this.$options.components[e]=s({template:$,props:h,data:()=>b,computed:a.computed,components:a.components,watch:f},{props:u}),this.componentName=e}}},p={components:{},mixins:[c]};var i=__webpack_require__(6262);const a=(0,i.A)(p,[["render",render]]),d=a,_=d;return n})());
+(function webpackUniversalModuleDefinition(e,t){"object"===typeof exports&&"object"===typeof module?module.exports=t(require("vue")):"function"===typeof define&&define.amd?define(["vue"],t):"object"===typeof exports?exports["ldmui"]=t(require("vue")):e["ldmui"]=t(e["vue"])})(self,e=>(()=>{"use strict";var t={2380:t=>{t.exports=e},6262:(e,t)=>{t.A=(e,t)=>{const o=e.__vccOpts||e;for(const[e,n]of t)o[e]=n;return o}}},o={};function __webpack_require__(e){var n=o[e];if(void 0!==n)return n.exports;var r=o[e]={exports:{}};return t[e](r,r.exports,__webpack_require__),r.exports}(()=>{__webpack_require__.d=(e,t)=>{for(var o in t)__webpack_require__.o(t,o)&&!__webpack_require__.o(e,o)&&Object.defineProperty(e,o,{enumerable:!0,get:t[o]})}})(),(()=>{__webpack_require__.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t)})(),(()=>{__webpack_require__.r=e=>{"undefined"!==typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})}})();var n={};__webpack_require__.r(n),__webpack_require__.d(n,{default:()=>_});var r=__webpack_require__(2380);function render(e,t,o,n,s,c){return e.componentName?((0,r.openBlock)(),(0,r.createBlock)((0,r.resolveDynamicComponent)(e.componentName),{key:0})):(0,r.createCommentVNode)("",!0)}const defineDescriptor=(e,t,o)=>{if(!t.hasOwnProperty(o)){const n=Object.getOwnPropertyDescriptor(e,o);Object.defineProperty(t,o,n)}},merge=e=>{const t={};return e.forEach(e=>{e&&Object.getOwnPropertyNames(e).forEach(o=>defineDescriptor(e,t,o))}),t},buildFromProps=(e,t)=>{const o={};return t.forEach(t=>defineDescriptor(e,o,t)),o},{defineComponent:s}=__webpack_require__(2380),c={props:{template:String,parentComp:Object},data(){return{componentName:"",dynamic:null}},created(){const e="runtime-template-"+Math.floor(1e4*Math.random());if(this.template){if(this.dynamic&&this.$parent){const{$data:t,$props:o}=this.$parent;let n={$data:{},$props:{}};Object.keys(t||{}).forEach(e=>{void 0===this.$data[e]&&(n.$data[e]=t[e])}),Object.keys(o||{}).forEach(e=>n.$props[e]=o[e]);const r=merge([n.$data,n.$props,this.methodsFromProps]);return this.$options.components[e]=s(this.dynamic,{props:r}),void(this.componentName=e)}const t=this.parentComp||this.$parent;this.$options.methods||(this.$options.methods={}),this.$options.computed||(this.$options.computed={}),this.$options.components||(this.$options.components={});const{$data:o,$props:n,$options:r}=t,{components:c,computed:p,methods:i}=r;let a={$data:{},$props:{},$options:{},components:{},computed:{},methods:{}};Object.keys(o||{}).forEach(e=>{void 0===this.$data[e]&&(a.$data[e]=o[e])}),Object.keys(n||{}).forEach(e=>{void 0===this.$props[e]&&(a.$props[e]=n[e])}),Object.keys(i||{}).forEach(e=>{void 0===this.$options.methods[e]&&(a.methods[e]=i[e])}),Object.keys(p||{}).forEach(e=>{void 0===this.$options.computed[e]&&(a.computed[e]=p[e])}),Object.keys(c||{}).forEach(e=>{void 0===this.$options.components[e]&&(a.components[e]=c[e])});const d=Object.keys(a.methods||{}),_=Object.keys(a.$data||{}),m=Object.keys(a.$props||{}),h=_.concat(m).concat(d);this.methodsFromProps=buildFromProps(t,d);const u=merge([a.$data,a.$props,this.methodsFromProps]),f={},b={};let $=this.template||"<div></div>";_.forEach(e=>{const o=new RegExp(`[^"{\\s=]?${e}["}\\s]*?(?=["}\\s])`,"g"),n=o.exec($);if(n==e){const n=`${e}_ld`;b[n]=a.$data[e],$=$.replace(o,n);const r=t._watchers.find(t=>t.expression===e);if(r){const e=r.cb;r.cb=function(o,r){const s=this.__renderFn__.componentInstance;s[n]=o,e.call(t,o,r)}.bind(this)}else{const o=function(e){const t=this.__renderFn__.componentInstance;t[n]=e}.bind(this);t.$watch(e,o)}f[n]=function(o,n){t[e]=o}}}),this.$options.components[e]=s({template:$,props:h,data:()=>b,computed:a.computed,components:a.components,watch:f},{props:u}),this.componentName=e}}},p={components:{},mixins:[c]};var i=__webpack_require__(6262);const a=(0,i.A)(p,[["render",render]]),d=a,_=d;return n})());

package/dist/lib/toastification.js

@@ -1 +1 @@
-(function webpackUniversalModuleDefinition(e,t){"object"===typeof exports&&"object"===typeof module?module.exports=t(require("@ldmjs/core"),require("vue")):"function"===typeof define&&define.amd?define(["@ldmjs/core","vue"],t):"object"===typeof exports?exports["ldmui"]=t(require("@ldmjs/core"),require("vue")):e["ldmui"]=t(e["@ldmjs/core"],e["vue"])})(self,(e,t)=>(()=>{"use strict";var s={6262:(e,t)=>{t.A=(e,t)=>{const s=e.__vccOpts||e;for(const[e,o]of t)s[e]=o;return s}},934:t=>{t.exports=e},2380:e=>{e.exports=t}},o={};function __webpack_require__(e){var t=o[e];if(void 0!==t)return t.exports;var n=o[e]={exports:{}};return s[e](n,n.exports,__webpack_require__),n.exports}(()=>{__webpack_require__.d=(e,t)=>{for(var s in t)__webpack_require__.o(t,s)&&!__webpack_require__.o(e,s)&&Object.defineProperty(e,s,{enumerable:!0,get:t[s]})}})(),(()=>{__webpack_require__.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t)})(),(()=>{__webpack_require__.r=e=>{"undefined"!==typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})}})();var n,a,r,i={};__webpack_require__.r(i),__webpack_require__.d(i,{POSITION:()=>a,TYPE:()=>n,default:()=>ae}),function(e){e["SUCCESS"]="success",e["ERROR"]="error",e["WARNING"]="warning",e["INFO"]="info",e["DEFAULT"]="default"}(n||(n={})),function(e){e["TOP_LEFT"]="top-left",e["TOP_CENTER"]="top-center",e["TOP_RIGHT"]="top-right",e["BOTTOM_LEFT"]="bottom-left",e["BOTTOM_CENTER"]="bottom-center",e["BOTTOM_RIGHT"]="bottom-right"}(a||(a={})),function(e){e["ADD"]="add",e["DISMISS"]="dismiss",e["UPDATE"]="update",e["CLEAR"]="clear",e["UPDATE_DEFAULTS"]="update_defaults"}(r||(r={}));const c="Vue-Toastification";var l=__webpack_require__(2380),u=__webpack_require__(934);function render(e,t,s,o,n,a){const r=(0,l.resolveComponent)("Toast"),i=(0,l.resolveComponent)("VtTransition");return(0,l.openBlock)(),(0,l.createElementBlock)("div",null,[((0,l.openBlock)(!0),(0,l.createElementBlock)(l.Fragment,null,(0,l.renderList)(e.positions,t=>((0,l.openBlock)(),(0,l.createElementBlock)("div",{key:t},[(0,l.createVNode)(i,{transition:e.defaults.transition,class:(0,l.normalizeClass)(e.getClasses(t))},{default:(0,l.withCtx)(()=>[((0,l.openBlock)(!0),(0,l.createElementBlock)(l.Fragment,null,(0,l.renderList)(e.getPositionToasts(t),e=>((0,l.openBlock)(),(0,l.createBlock)(r,(0,l.mergeProps)({key:e.id},{ref_for:!0},e),null,16))),128))]),_:2},1032,["transition","class"])]))),128))])}const d={type:{type:String,default:n.DEFAULT},classNames:{type:[String,Array],default:()=>[]},trueBoolean:{type:Boolean,default:!0}},p={type:d.type,customIcon:{type:[String,Boolean,Object,Function],default:!0}},m={component:{type:[String,Object,Function,Boolean],default:"button"},classNames:d.classNames,showOnHover:{type:Boolean,default:!1},ariaLabel:{type:String,default:"close"}},h={timeout:{type:[Number,Boolean],default:5e3},hideProgressBar:{type:Boolean,default:!1},isRunning:{type:Boolean,default:!1}},_={transition:{type:[Object,String],default:`${c}__bounce`}},g={position:{type:String,default:a.TOP_RIGHT},draggable:d.trueBoolean,draggablePercent:{type:Number,default:.6},pauseOnFocusLoss:d.trueBoolean,pauseOnHover:d.trueBoolean,closeOnClick:d.trueBoolean,timeout:h.timeout,hideProgressBar:h.hideProgressBar,toastClassName:d.classNames,bodyClassName:d.classNames,icon:p.customIcon,closeButton:m.component,closeButtonClassName:m.classNames,showCloseButtonOnHover:m.showOnHover,accessibility:{type:Object,default:()=>({toastRole:"alert",closeButtonLabel:"close"})},rtl:{type:Boolean,default:!1}},f={id:{type:[String,Number],required:!0,default:0},type:d.type,content:{type:[String,Object,Function],required:!0,default:""},onClick:{type:Function,default:()=>{}},onClose:{type:Function,default:()=>{}}},v={container:{type:[Object,Function],default:()=>document.body},newestOnTop:d.trueBoolean,maxToasts:{type:Number,default:20},transition:_.transition,toastDefaults:Object,filterBeforeCreate:{type:Function,default:e=>e},filterToasts:{type:Function,default:e=>e},containerClassName:d.classNames,onMounted:Function,shareAppContext:[Boolean,Object]},y={CORE_TOAST:g,TOAST:f,CONTAINER:v,PROGRESS_BAR:h,ICON:p,TRANSITION:_,CLOSE_BUTTON:m},isFunction=e=>"function"===typeof e,isString=e=>"string"===typeof e,isNonEmptyString=e=>isString(e)&&e.trim().length>0,isNumber=e=>"number"===typeof e,isUndefined=e=>"undefined"===typeof e,isObject=e=>"object"===typeof e&&null!==e,isJSX=e=>hasProp(e,"tag")&&isNonEmptyString(e.tag),isTouchEvent=e=>window.TouchEvent&&e instanceof TouchEvent,isToastComponent=e=>hasProp(e,"component")&&isToastContent(e.component),isVueComponent=e=>isFunction(e)||isObject(e),isToastContent=e=>!isUndefined(e)&&(isString(e)||isVueComponent(e)||isToastComponent(e)),isDOMRect=e=>isObject(e)&&["height","width","right","left","top","bottom"].every(t=>isNumber(e[t])),hasProp=(e,t)=>(isObject(e)||isFunction(e))&&t in e,T=(e=>()=>e++)(0);function getX(e){return isTouchEvent(e)?e.targetTouches[0].clientX:e.clientX}function getY(e){return isTouchEvent(e)?e.targetTouches[0].clientY:e.clientY}const removeElement=e=>{isUndefined(e.remove)?e.parentNode&&e.parentNode.removeChild(e):e.remove()},getVueComponentFromObj=e=>isToastComponent(e)?getVueComponentFromObj(e.component):isJSX(e)?(0,l.defineComponent)({render(){return e}}):"string"===typeof e?e:(0,l.toRaw)((0,l.unref)(e)),normalizeToastComponent=e=>{if("string"===typeof e)return e;const t=hasProp(e,"props")&&isObject(e.props)?e.props:{},s=hasProp(e,"listeners")&&isObject(e.listeners)?e.listeners:{};return{component:getVueComponentFromObj(e),props:t,listeners:s}},b=["role"];function VtToastvue_type_template_id_38490303_ts_true_render(e,t,s,o,n,a){const r=(0,l.resolveComponent)("Icon"),i=(0,l.resolveComponent)("CloseButton"),c=(0,l.resolveComponent)("ProgressBar");return(0,l.openBlock)(),(0,l.createElementBlock)("div",{class:(0,l.normalizeClass)(e.classes),style:(0,l.normalizeStyle)(e.draggableStyle),onClick:t[0]||(t[0]=(...t)=>e.clickHandler&&e.clickHandler(...t)),onMouseenter:t[1]||(t[1]=(...t)=>e.hoverPause&&e.hoverPause(...t)),onMouseleave:t[2]||(t[2]=(...t)=>e.hoverPlay&&e.hoverPlay(...t))},[e.icon?((0,l.openBlock)(),(0,l.createBlock)(r,{key:0,"custom-icon":e.icon,type:e.type},null,8,["custom-icon","type"])):(0,l.createCommentVNode)("",!0),t[3]||(t[3]=(0,l.createTextVNode)()),(0,l.createElementVNode)("div",{role:e.accessibility.toastRole||"alert",class:(0,l.normalizeClass)(e.bodyClasses)},["string"===typeof e.content?((0,l.openBlock)(),(0,l.createElementBlock)(l.Fragment,{key:0},[(0,l.createTextVNode)((0,l.toDisplayString)(e.content),1)],64)):((0,l.openBlock)(),(0,l.createBlock)((0,l.resolveDynamicComponent)(e.getVueComponentFromObj(e.content)),(0,l.mergeProps)({key:1,"toast-id":e.id},e.hasProp(e.content,"props")?e.content.props:{},(0,l.toHandlers)(e.hasProp(e.content,"listeners")?e.content.listeners:{}),{onCloseToast:e.closeToast}),null,16,["toast-id","onCloseToast"]))],10,b),t[4]||(t[4]=(0,l.createTextVNode)()),e.closeButton?((0,l.openBlock)(),(0,l.createBlock)(i,{key:1,component:e.closeButton,"class-names":e.closeButtonClassName,"show-on-hover":e.showCloseButtonOnHover,"aria-label":e.accessibility.closeButtonLabel,onClick:(0,l.withModifiers)(e.closeToast,["stop"])},null,8,["component","class-names","show-on-hover","aria-label","onClick"])):(0,l.createCommentVNode)("",!0),t[5]||(t[5]=(0,l.createTextVNode)()),e.timeout?((0,l.openBlock)(),(0,l.createBlock)(c,{key:2,"is-running":e.isRunning,"hide-progress-bar":e.hideProgressBar,timeout:e.timeout,onCloseToast:e.timeoutHandler},null,8,["is-running","hide-progress-bar","timeout","onCloseToast"])):(0,l.createCommentVNode)("",!0)],38)}function VtProgressBarvue_type_template_id_393e1d20_ts_true_render(e,t,s,o,n,a){return(0,l.openBlock)(),(0,l.createElementBlock)("div",{style:(0,l.normalizeStyle)(e.style),class:(0,l.normalizeClass)(e.cpClass)},null,6)}const C=(0,l.defineComponent)({name:"VtProgressBar",props:y.PROGRESS_BAR,data(){return{hasClass:!0}},computed:{style(){return{animationDuration:`${this.timeout}ms`,animationPlayState:this.isRunning?"running":"paused",opacity:this.hideProgressBar?0:1}},cpClass(){return this.hasClass?`${c}__progress-bar`:""}},watch:{timeout(){this.hasClass=!1,this.$nextTick(()=>this.hasClass=!0)}},mounted(){this.$el.addEventListener("animationend",this.animationEnded)},beforeUnmount(){this.$el.removeEventListener("animationend",this.animationEnded)},methods:{animationEnded(){this.$emit("close-toast")}}});var B=__webpack_require__(6262);const E=(0,B.A)(C,[["render",VtProgressBarvue_type_template_id_393e1d20_ts_true_render]]),O=E;function VtCloseButtonvue_type_template_id_987d8b2a_ts_true_render(e,t,s,o,n,a){return(0,l.openBlock)(),(0,l.createBlock)((0,l.resolveDynamicComponent)(e.buttonComponent),(0,l.mergeProps)({"aria-label":e.ariaLabel,class:e.classes},e.$attrs),{default:(0,l.withCtx)(()=>[...t[0]||(t[0]=[(0,l.createTextVNode)("\r\n    ×\r\n  ",-1)])]),_:1},16,["aria-label","class"])}const S=(0,l.defineComponent)({name:"VtCloseButton",props:y.CLOSE_BUTTON,computed:{buttonComponent(){return!1!==this.component?getVueComponentFromObj(this.component):"button"},classes(){const e=[`${c}__close-button`];return this.showOnHover&&e.push("show-on-hover"),e.concat(this.classNames)}}}),k=(0,B.A)(S,[["render",VtCloseButtonvue_type_template_id_987d8b2a_ts_true_render]]),D=k;function VtIconvue_type_template_id_4efc2143_ts_true_render(e,t,s,o,n,a){return(0,l.openBlock)(),(0,l.createBlock)((0,l.resolveDynamicComponent)(e.component),{class:(0,l.normalizeClass)(e.iconClasses)},{default:(0,l.withCtx)(()=>[(0,l.createTextVNode)((0,l.toDisplayString)(e.customIconChildren),1)]),_:1},8,["class"])}const w={"aria-hidden":"true",focusable:"false","data-prefix":"fas","data-icon":"check-circle",class:"svg-inline--fa fa-check-circle fa-w-16",role:"img",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 512 512"};function VtSuccessIconvue_type_template_id_4652b358_ts_true_render(e,t,s,o,n,a){return(0,l.openBlock)(),(0,l.createElementBlock)("svg",w,[...t[0]||(t[0]=[(0,l.createElementVNode)("path",{fill:"currentColor",d:"M504 256c0 136.967-111.033 248-248 248S8 392.967 8 256 119.033 8 256 8s248 111.033 248 248zM227.314 387.314l184-184c6.248-6.248 6.248-16.379 0-22.627l-22.627-22.627c-6.248-6.249-16.379-6.249-22.628 0L216 308.118l-70.059-70.059c-6.248-6.248-16.379-6.248-22.628 0l-22.627 22.627c-6.248 6.248-6.248 16.379 0 22.627l104 104c6.249 6.249 16.379 6.249 22.628.001z"},null,-1)])])}const I={},P=(0,B.A)(I,[["render",VtSuccessIconvue_type_template_id_4652b358_ts_true_render]]),x=P,N={"aria-hidden":"true",focusable:"false","data-prefix":"fas","data-icon":"info-circle",class:"svg-inline--fa fa-info-circle fa-w-16",role:"img",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 512 512"};function VtInfoIconvue_type_template_id_e31c7278_ts_true_render(e,t,s,o,n,a){return(0,l.openBlock)(),(0,l.createElementBlock)("svg",N,[...t[0]||(t[0]=[(0,l.createElementVNode)("path",{fill:"currentColor",d:"M256 8C119.043 8 8 119.083 8 256c0 136.997 111.043 248 248 248s248-111.003 248-248C504 119.083 392.957 8 256 8zm0 110c23.196 0 42 18.804 42 42s-18.804 42-42 42-42-18.804-42-42 18.804-42 42-42zm56 254c0 6.627-5.373 12-12 12h-88c-6.627 0-12-5.373-12-12v-24c0-6.627 5.373-12 12-12h12v-64h-12c-6.627 0-12-5.373-12-12v-24c0-6.627 5.373-12 12-12h64c6.627 0 12 5.373 12 12v100h12c6.627 0 12 5.373 12 12v24z"},null,-1)])])}const R={},A=(0,B.A)(R,[["render",VtInfoIconvue_type_template_id_e31c7278_ts_true_render]]),L=A,V={"aria-hidden":"true",focusable:"false","data-prefix":"fas","data-icon":"exclamation-circle",class:"svg-inline--fa fa-exclamation-circle fa-w-16",role:"img",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 512 512"};function VtWarningIconvue_type_template_id_1f8b4458_ts_true_render(e,t,s,o,n,a){return(0,l.openBlock)(),(0,l.createElementBlock)("svg",V,[...t[0]||(t[0]=[(0,l.createElementVNode)("path",{fill:"currentColor",d:"M504 256c0 136.997-111.043 248-248 248S8 392.997 8 256C8 119.083 119.043 8 256 8s248 111.083 248 248zm-248 50c-25.405 0-46 20.595-46 46s20.595 46 46 46 46-20.595 46-46-20.595-46-46-46zm-43.673-165.346l7.418 136c.347 6.364 5.609 11.346 11.982 11.346h48.546c6.373 0 11.635-4.982 11.982-11.346l7.418-136c.375-6.874-5.098-12.654-11.982-12.654h-63.383c-6.884 0-12.356 5.78-11.981 12.654z"},null,-1)])])}const $={},j=(0,B.A)($,[["render",VtWarningIconvue_type_template_id_1f8b4458_ts_true_render]]),M=j,F={"aria-hidden":"true",focusable:"false","data-prefix":"fas","data-icon":"exclamation-triangle",class:"svg-inline--fa fa-exclamation-triangle fa-w-18",role:"img",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 576 512"};function VtErrorIconvue_type_template_id_78c99fad_ts_true_render(e,t,s,o,n,a){return(0,l.openBlock)(),(0,l.createElementBlock)("svg",F,[...t[0]||(t[0]=[(0,l.createElementVNode)("path",{fill:"currentColor",d:"M569.517 440.013C587.975 472.007 564.806 512 527.94 512H48.054c-36.937 0-59.999-40.055-41.577-71.987L246.423 23.985c18.467-32.009 64.72-31.951 83.154 0l239.94 416.028zM288 354c-25.405 0-46 20.595-46 46s20.595 46 46 46 46-20.595 46-46-20.595-46-46-46zm-43.673-165.346l7.418 136c.347 6.364 5.609 11.346 11.982 11.346h48.546c6.373 0 11.635-4.982 11.982-11.346l7.418-136c.375-6.874-5.098-12.654-11.982-12.654h-63.383c-6.884 0-12.356 5.78-11.981 12.654z"},null,-1)])])}const U={},H=(0,B.A)(U,[["render",VtErrorIconvue_type_template_id_78c99fad_ts_true_render]]),q=H,z=(0,l.defineComponent)({name:"VtIcon",props:y.ICON,computed:{customIconChildren(){return hasProp(this.customIcon,"iconChildren")?this.trimValue(this.customIcon.iconChildren):""},customIconClass(){return isString(this.customIcon)?this.trimValue(this.customIcon):hasProp(this.customIcon,"iconClass")?this.trimValue(this.customIcon.iconClass):""},customIconTag(){return hasProp(this.customIcon,"iconTag")?this.trimValue(this.customIcon.iconTag,"i"):"i"},hasCustomIcon(){return this.customIconClass.length>0},component(){return this.hasCustomIcon?this.customIconTag:isToastContent(this.customIcon)?getVueComponentFromObj(this.customIcon):this.iconTypeComponent},iconTypeComponent(){const e={[n.DEFAULT]:L,[n.INFO]:L,[n.SUCCESS]:x,[n.ERROR]:q,[n.WARNING]:M};return e[this.type]},iconClasses(){const e=[`${c}__icon`];return this.hasCustomIcon?e.concat(this.customIconClass):e}},methods:{trimValue(e,t=""){return isNonEmptyString(e)?e.trim():t}}}),G=(0,B.A)(z,[["render",VtIconvue_type_template_id_4efc2143_ts_true_render]]),X=G,Y=(0,l.defineComponent)({name:"VtToast",components:{ProgressBar:O,CloseButton:D,Icon:X},inheritAttrs:!1,props:Object.assign({},y.CORE_TOAST,y.TOAST),data(){const e={isRunning:!0,disableTransitions:!1,beingDragged:!1,dragStart:0,dragPos:{x:0,y:0},dragRect:{}};return e},computed:{classes(){const e=[`${c}__toast`,`${c}__toast--${this.type}`,`${this.position}`].concat(this.toastClassName);return this.disableTransitions&&e.push("disable-transition"),this.rtl&&e.push(`${c}__toast--rtl`),e},bodyClasses(){const e=[`${c}__toast-${isString(this.content)?"body":"component-body"}`].concat(this.bodyClassName);return e},draggableStyle(){return this.dragStart===this.dragPos.x?{}:this.beingDragged?{transform:`translateX(${this.dragDelta}px)`,opacity:1-Math.abs(this.dragDelta/this.removalDistance)}:{transition:"transform 0.2s, opacity 0.2s",transform:"translateX(0)",opacity:1}},dragDelta(){return this.beingDragged?this.dragPos.x-this.dragStart:0},removalDistance(){return isDOMRect(this.dragRect)?(this.dragRect.right-this.dragRect.left)*this.draggablePercent:0}},mounted(){this.draggable&&this.draggableSetup(),this.pauseOnFocusLoss&&this.focusSetup()},beforeUnmount(){this.draggable&&this.draggableCleanup(),this.pauseOnFocusLoss&&this.focusCleanup()},methods:{hasProp,getVueComponentFromObj,closeToast(){u.eventBus.$emit(r.DISMISS,this.id)},clickHandler(){this.onClick&&this.onClick(this.closeToast),this.closeOnClick&&(this.beingDragged&&this.dragStart!==this.dragPos.x||this.closeToast())},timeoutHandler(){this.closeToast()},hoverPause(){this.pauseOnHover&&(this.isRunning=!1)},hoverPlay(){this.pauseOnHover&&(this.isRunning=!0)},focusPause(){this.isRunning=!1},focusPlay(){this.isRunning=!0},focusSetup(){addEventListener("blur",this.focusPause),addEventListener("focus",this.focusPlay)},focusCleanup(){removeEventListener("blur",this.focusPause),removeEventListener("focus",this.focusPlay)},draggableSetup(){const e=this.$el;e.addEventListener("touchstart",this.onDragStart,{passive:!0}),e.addEventListener("mousedown",this.onDragStart),addEventListener("touchmove",this.onDragMove,{passive:!1}),addEventListener("mousemove",this.onDragMove),addEventListener("touchend",this.onDragEnd),addEventListener("mouseup",this.onDragEnd)},draggableCleanup(){const e=this.$el;e.removeEventListener("touchstart",this.onDragStart),e.removeEventListener("mousedown",this.onDragStart),removeEventListener("touchmove",this.onDragMove),removeEventListener("mousemove",this.onDragMove),removeEventListener("touchend",this.onDragEnd),removeEventListener("mouseup",this.onDragEnd)},onDragStart(e){this.beingDragged=!0,this.dragPos={x:getX(e),y:getY(e)},this.dragStart=getX(e),this.dragRect=this.$el.getBoundingClientRect()},onDragMove(e){this.beingDragged&&(e.preventDefault(),this.isRunning&&(this.isRunning=!1),this.dragPos={x:getX(e),y:getY(e)})},onDragEnd(){this.beingDragged&&(Math.abs(this.dragDelta)>=this.removalDistance?(this.disableTransitions=!0,this.$nextTick(()=>this.closeToast())):setTimeout(()=>{this.beingDragged=!1,isDOMRect(this.dragRect)&&this.pauseOnHover&&this.dragRect.bottom>=this.dragPos.y&&this.dragPos.y>=this.dragRect.top&&this.dragRect.left<=this.dragPos.x&&this.dragPos.x<=this.dragRect.right?this.isRunning=!1:this.isRunning=!0}))}}}),W=(0,B.A)(Y,[["render",VtToastvue_type_template_id_38490303_ts_true_render]]),J=W;function VtTransitionvue_type_template_id_47d455c7_ts_true_render(e,t,s,o,n,a){return(0,l.openBlock)(),(0,l.createBlock)(l.TransitionGroup,{tag:"div","enter-active-class":e.myTransition["enter"]?e.myTransition.enter:`${e.transition}-enter-active`,"move-class":e.myTransition.move?e.myTransition.move:`${e.transition}-move`,"leave-active-class":e.myTransition.leave?e.myTransition.leave:`${e.transition}-leave-active`,onLeave:e.leave},{default:(0,l.withCtx)(()=>[(0,l.renderSlot)(e.$slots,"default")]),_:3},8,["enter-active-class","move-class","leave-active-class","onLeave"])}const K=(0,l.defineComponent)({name:"VtTransition",props:y.TRANSITION,emits:["leave"],computed:{myTransition(){return this.transition}},methods:{hasProp,leave(e){e instanceof HTMLElement&&(e.style.left=e.offsetLeft+"px",e.style.top=e.offsetTop+"px",e.style.width=getComputedStyle(e).width,e.style.position="absolute")}}}),Q=(0,B.A)(K,[["render",VtTransitionvue_type_template_id_47d455c7_ts_true_render]]),Z=Q,ee=(0,l.defineComponent)({name:"VueToastification",devtools:{hide:!0},components:{Toast:J,VtTransition:Z},props:Object.assign({},y.CORE_TOAST,y.CONTAINER,y.TRANSITION),data(){const e={count:0,positions:Object.values(a),toasts:{},defaults:{}};return e},computed:{toastArray(){return Object.values(this.toasts)},filteredToasts(){return this.defaults.filterToasts(this.toastArray)}},beforeMount(){u.eventBus.$on(r.ADD,this.addToast),u.eventBus.$on(r.CLEAR,this.clearToasts),u.eventBus.$on(r.DISMISS,this.dismissToast),u.eventBus.$on(r.UPDATE,this.updateToast),u.eventBus.$on(r.UPDATE_DEFAULTS,this.updateDefaults),this.defaults=this.$props},beforeUnmount(){u.eventBus.$off(r.ADD,this.addToast),u.eventBus.$off(r.CLEAR,this.clearToasts),u.eventBus.$off(r.DISMISS,this.dismissToast),u.eventBus.$off(r.UPDATE,this.updateToast),u.eventBus.$off(r.UPDATE_DEFAULTS,this.updateDefault)},mounted(){this.setup(this.container)},methods:{async setup(e){isFunction(e)&&(e=await e()),removeElement(this.$el),e.appendChild(this.$el)},setToast(e){isUndefined(e.id)||(this.toasts[e.id]=e)},addToast(e){e.content=normalizeToastComponent(e.content);const t=Object.assign({},this.defaults,e.type&&this.defaults.toastDefaults&&this.defaults.toastDefaults[e.type],e),s=this.defaults.filterBeforeCreate(t,this.toastArray);s&&this.setToast(s)},dismissToast(e){const t=this.toasts[e];isUndefined(t)||isUndefined(t.onClose)||t.onClose(),delete this.toasts[e]},clearToasts(){Object.keys(this.toasts).forEach(e=>{this.dismissToast(e)})},getPositionToasts(e){const t=this.filteredToasts.filter(t=>t.position===e).slice(0,this.defaults.maxToasts);return this.defaults.newestOnTop?t.reverse():t},updateDefaults(e){isUndefined(e.container)||this.setup(e.container),this.defaults=Object.assign({},this.defaults,e)},updateToast({id:e,options:t,create:s}){this.toasts[e]?(t.timeout&&t.timeout===this.toasts[e].timeout&&t.timeout++,this.setToast(Object.assign({},this.toasts[e],t))):s&&this.addToast(Object.assign({},{id:e},t))},getClasses(e){const t=[`${c}__container`,e];return t.concat(this.defaults.containerClassName)}}}),te=(0,B.A)(ee,[["render",render]]),se=te,buildInterface=(e={},t=!0)=>{let s=null;t&&(0,l.nextTick)(()=>{s=(0,l.createApp)(se,{...e});const t=s.mount(document.createElement("div")),o=e.onMounted;if(isUndefined(o)||o(t,s),e.shareAppContext){const t=e.shareAppContext;!0===t?console.warn(`[${c}] App to share context with was not provided.`):(s._context.components=t._context.components,s._context.directives=t._context.directives,s._context.mixins=t._context.mixins,s._context.provides=t._context.provides,s.config.globalProperties=t.config.globalProperties)}});const toast=(e,t)=>{const s=Object.assign({},{id:T(),type:n.DEFAULT},t,{content:e});return u.eventBus.$emit(r.ADD,s),s.id};function updateToast(e,{content:t,options:s},o=!1){const n=Object.assign({},s,{content:t});u.eventBus.$emit(r.UPDATE,{id:e,options:n,create:o})}return toast.clear=()=>u.eventBus.$emit(r.CLEAR,void 0),toast.updateDefaults=e=>{u.eventBus.$emit(r.UPDATE_DEFAULTS,e)},toast.dismiss=e=>{u.eventBus.$emit(r.DISMISS,e)},toast.destroy=()=>{s.unmount()},toast.update=updateToast,toast.success=(e,t)=>{toast(e,Object.assign({},t,{type:n.SUCCESS}))},toast.info=(e,t)=>toast(e,Object.assign({},t,{type:n.INFO})),toast.error=(e,t)=>toast(e,Object.assign({},t,{type:n.ERROR})),toast.warning=(e,t)=>toast(e,Object.assign({},t,{type:n.WARNING})),toast},oe={install(e,t){const s=buildInterface(t,!0);e.config.globalProperties.$toasted=s;const o=Number(e.version.replace(/\D/g,""));o>3500&&e.onUnmount(()=>{s.destroy()})}},ne=oe,ae=ne;return i})());
+(function webpackUniversalModuleDefinition(e,t){"object"===typeof exports&&"object"===typeof module?module.exports=t(require("@ldmjs/core"),require("vue")):"function"===typeof define&&define.amd?define(["@ldmjs/core","vue"],t):"object"===typeof exports?exports["ldmui"]=t(require("@ldmjs/core"),require("vue")):e["ldmui"]=t(e["@ldmjs/core"],e["vue"])})(self,(e,t)=>(()=>{"use strict";var s={934:t=>{t.exports=e},2380:e=>{e.exports=t},6262:(e,t)=>{t.A=(e,t)=>{const s=e.__vccOpts||e;for(const[e,o]of t)s[e]=o;return s}}},o={};function __webpack_require__(e){var t=o[e];if(void 0!==t)return t.exports;var n=o[e]={exports:{}};return s[e](n,n.exports,__webpack_require__),n.exports}(()=>{__webpack_require__.d=(e,t)=>{for(var s in t)__webpack_require__.o(t,s)&&!__webpack_require__.o(e,s)&&Object.defineProperty(e,s,{enumerable:!0,get:t[s]})}})(),(()=>{__webpack_require__.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t)})(),(()=>{__webpack_require__.r=e=>{"undefined"!==typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})}})();var n,a,r,i={};__webpack_require__.r(i),__webpack_require__.d(i,{POSITION:()=>a,TYPE:()=>n,default:()=>me}),function(e){e["SUCCESS"]="success",e["ERROR"]="error",e["WARNING"]="warning",e["INFO"]="info",e["DEFAULT"]="default"}(n||(n={})),function(e){e["TOP_LEFT"]="top-left",e["TOP_CENTER"]="top-center",e["TOP_RIGHT"]="top-right",e["BOTTOM_LEFT"]="bottom-left",e["BOTTOM_CENTER"]="bottom-center",e["BOTTOM_RIGHT"]="bottom-right"}(a||(a={})),function(e){e["ADD"]="add",e["DISMISS"]="dismiss",e["UPDATE"]="update",e["CLEAR"]="clear",e["UPDATE_DEFAULTS"]="update_defaults"}(r||(r={}));const l="Vue-Toastification";var c=__webpack_require__(2380),u=__webpack_require__(934);function render(e,t,s,o,n,a){const r=(0,c.resolveComponent)("Toast"),i=(0,c.resolveComponent)("VtTransition");return(0,c.openBlock)(),(0,c.createElementBlock)("div",null,[((0,c.openBlock)(!0),(0,c.createElementBlock)(c.Fragment,null,(0,c.renderList)(e.positions,t=>((0,c.openBlock)(),(0,c.createElementBlock)("div",{key:t},[(0,c.createVNode)(i,{transition:e.defaults.transition,class:(0,c.normalizeClass)(e.getClasses(t))},{default:(0,c.withCtx)(()=>[((0,c.openBlock)(!0),(0,c.createElementBlock)(c.Fragment,null,(0,c.renderList)(e.getPositionToasts(t),e=>((0,c.openBlock)(),(0,c.createBlock)(r,(0,c.mergeProps)({key:e.id},{ref_for:!0},e),null,16))),128))]),_:2},1032,["transition","class"])]))),128))])}const d={type:{type:String,default:n.DEFAULT},classNames:{type:[String,Array],default:()=>[]},trueBoolean:{type:Boolean,default:!0}},p={type:d.type,customIcon:{type:[String,Boolean,Object,Function],default:!0}},m={component:{type:[String,Object,Function,Boolean],default:"button"},classNames:d.classNames,showOnHover:{type:Boolean,default:!1},ariaLabel:{type:String,default:"close"}},h={timeout:{type:[Number,Boolean],default:5e3},hideProgressBar:{type:Boolean,default:!1},isRunning:{type:Boolean,default:!1}},_={transition:{type:[Object,String],default:`${l}__bounce`}},g={position:{type:String,default:a.TOP_RIGHT},draggable:d.trueBoolean,draggablePercent:{type:Number,default:.6},pauseOnFocusLoss:d.trueBoolean,pauseOnHover:d.trueBoolean,closeOnClick:d.trueBoolean,timeout:h.timeout,hideProgressBar:h.hideProgressBar,toastClassName:d.classNames,bodyClassName:d.classNames,icon:p.customIcon,closeButton:m.component,closeButtonClassName:m.classNames,showCloseButtonOnHover:m.showOnHover,accessibility:{type:Object,default:()=>({toastRole:"alert",closeButtonLabel:"close"})},rtl:{type:Boolean,default:!1}},f={id:{type:[String,Number],required:!0,default:0},type:d.type,title:{type:String,required:!0,default:""},text:{type:String,default:""},onClick:{type:Function,default:()=>{}},onClose:{type:Function,default:()=>{}}},v={container:{type:[Object,Function],default:()=>document.body},newestOnTop:d.trueBoolean,maxToasts:{type:Number,default:20},transition:_.transition,toastDefaults:Object,filterBeforeCreate:{type:Function,default:e=>e},filterToasts:{type:Function,default:e=>e},containerClassName:d.classNames,onMounted:Function,shareAppContext:[Boolean,Object]},y={CORE_TOAST:g,TOAST:f,CONTAINER:v,PROGRESS_BAR:h,ICON:p,TRANSITION:_,CLOSE_BUTTON:m},isFunction=e=>"function"===typeof e,isString=e=>"string"===typeof e,isNonEmptyString=e=>isString(e)&&e.trim().length>0,isNumber=e=>"number"===typeof e,isUndefined=e=>"undefined"===typeof e,isObject=e=>"object"===typeof e&&null!==e,isJSX=e=>hasProp(e,"tag")&&isNonEmptyString(e.tag),isTouchEvent=e=>window.TouchEvent&&e instanceof TouchEvent,isToastComponent=e=>hasProp(e,"component")&&isToastContent(e.component),isVueComponent=e=>isFunction(e)||isObject(e),isToastContent=e=>!isUndefined(e)&&(isString(e)||isVueComponent(e)||isToastComponent(e)),isDOMRect=e=>isObject(e)&&["height","width","right","left","top","bottom"].every(t=>isNumber(e[t])),hasProp=(e,t)=>(isObject(e)||isFunction(e))&&t in e,C=(e=>()=>e++)(0);function getX(e){return isTouchEvent(e)?e.targetTouches[0].clientX:e.clientX}function getY(e){return isTouchEvent(e)?e.targetTouches[0].clientY:e.clientY}const removeElement=e=>{isUndefined(e.remove)?e.parentNode&&e.parentNode.removeChild(e):e.remove()},getVueComponentFromObj=e=>isToastComponent(e)?getVueComponentFromObj(e.component):isJSX(e)?(0,c.defineComponent)({render(){return e}}):"string"===typeof e?e:(0,c.toRaw)((0,c.unref)(e)),T={style:{"margin-right":"8px"}},b={key:0,xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",fill:"none"},B={key:1,xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",fill:"none"},E={key:2,xmlns:"http://www.w3.org/2000/svg",width:"20",height:"20",viewBox:"0 0 20 20",fill:"none"},w={key:3,xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",fill:"none"},x=["role"],S=["aria-label"],N={xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",fill:"none"},k=["fill"];function VtToastvue_type_template_id_c487edcc_ts_true_render(e,t,s,o,n,a){const r=(0,c.resolveComponent)("ProgressBar");return(0,c.openBlock)(),(0,c.createElementBlock)("div",{class:(0,c.normalizeClass)(e.classes),style:(0,c.normalizeStyle)(e.draggableStyle),onClick:t[1]||(t[1]=(...t)=>e.clickHandler&&e.clickHandler(...t)),onMouseenter:t[2]||(t[2]=(...t)=>e.hoverPause&&e.hoverPause(...t)),onMouseleave:t[3]||(t[3]=(...t)=>e.hoverPlay&&e.hoverPlay(...t))},[(0,c.createElementVNode)("div",T,["success"===e.type?((0,c.openBlock)(),(0,c.createElementBlock)("svg",b,[...t[4]||(t[4]=[(0,c.createElementVNode)("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M12 2C6.5 2 2 6.5 2 12C2 17.5 6.5 22 12 22C17.5 22 22 17.5 22 12C22 6.5 17.5 2 12 2ZM10 17L5 12L6.4 10.6L10 14.2L17.6 6.6L19 8L10 17Z",fill:"#12B02C"},null,-1)])])):(0,c.createCommentVNode)("",!0),t[8]||(t[8]=(0,c.createTextVNode)()),"info"===e.type?((0,c.openBlock)(),(0,c.createElementBlock)("svg",B,[...t[5]||(t[5]=[(0,c.createElementVNode)("path",{d:"M12 2C6.48 2 2 6.48 2 12C2 17.52 6.48 22 12 22C17.52 22 22 17.52 22 12C22 6.48 17.52 2 12 2ZM13 17H11V11H13V17ZM13 9H11V7H13V9Z",fill:"#347EFF"},null,-1)])])):(0,c.createCommentVNode)("",!0),t[9]||(t[9]=(0,c.createTextVNode)()),"error"===e.type?((0,c.openBlock)(),(0,c.createElementBlock)("svg",E,[...t[6]||(t[6]=[(0,c.createElementVNode)("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M10 0C4.5 0 0 4.5 0 10C0 15.5 4.5 20 10 20C15.5 20 20 15.5 20 10C20 4.5 15.5 0 10 0ZM2 10C2 5.6 5.6 2 10 2C11.8 2 13.5 2.6 14.9 3.7L3.7 14.9C2.6 13.5 2 11.8 2 10ZM10 18C8.2 18 6.5 17.4 5.1 16.3L16.3 5.1C17.4 6.5 18 8.2 18 10C18 14.4 14.4 18 10 18Z",fill:"#EA2033"},null,-1)])])):(0,c.createCommentVNode)("",!0),t[10]||(t[10]=(0,c.createTextVNode)()),"warning"===e.type?((0,c.openBlock)(),(0,c.createElementBlock)("svg",w,[...t[7]||(t[7]=[(0,c.createElementVNode)("path",{d:"M13 15H11V11H13V15ZM13 19H11V17H13V19ZM1 22H23L12 3L1 22Z",fill:"#FF8533"},null,-1)])])):(0,c.createCommentVNode)("",!0)]),t[12]||(t[12]=(0,c.createTextVNode)()),(0,c.createElementVNode)("div",{role:e.accessibility.toastRole||"alert",class:(0,c.normalizeClass)(e.bodyClasses)},[(0,c.createElementVNode)("div",{class:(0,c.normalizeClass)(e.bodyTitleClasses)},[(0,c.createElementVNode)("span",null,(0,c.toDisplayString)(e.title),1)],2),t[11]||(t[11]=(0,c.createTextVNode)()),e.text?((0,c.openBlock)(),(0,c.createElementBlock)("div",{key:0,class:(0,c.normalizeClass)(e.bodyTextClasses)},[(0,c.createElementVNode)("span",null,(0,c.toDisplayString)(e.text),1)],2)):(0,c.createCommentVNode)("",!0)],10,x),t[13]||(t[13]=(0,c.createTextVNode)()),(0,c.createElementVNode)("button",{"aria-label":e.accessibility.closeButtonLabel,class:(0,c.normalizeClass)(e.closeButtonClassName),onClick:t[0]||(t[0]=(0,c.withModifiers)((...t)=>e.closeToast&&e.closeToast(...t),["stop"]))},[((0,c.openBlock)(),(0,c.createElementBlock)("svg",N,[(0,c.createElementVNode)("path",{d:"M19 6.41L17.59 5L12 10.59L6.41 5L5 6.41L10.59 12L5 17.59L6.41 19L12 13.41L17.59 19L19 17.59L13.41 12L19 6.41Z",fill:`var(--vt-fill-${e.type})`},null,8,k)]))],10,S),t[14]||(t[14]=(0,c.createTextVNode)()),e.timeout?((0,c.openBlock)(),(0,c.createBlock)(r,{key:0,"is-running":e.isRunning,"hide-progress-bar":e.hideProgressBar,timeout:e.timeout,onCloseToast:e.timeoutHandler},null,8,["is-running","hide-progress-bar","timeout","onCloseToast"])):(0,c.createCommentVNode)("",!0)],38)}function VtProgressBarvue_type_template_id_393e1d20_ts_true_render(e,t,s,o,n,a){return(0,c.openBlock)(),(0,c.createElementBlock)("div",{style:(0,c.normalizeStyle)(e.style),class:(0,c.normalizeClass)(e.cpClass)},null,6)}const O=(0,c.defineComponent)({name:"VtProgressBar",props:y.PROGRESS_BAR,data(){return{hasClass:!0}},computed:{style(){return{animationDuration:`${this.timeout}ms`,animationPlayState:this.isRunning?"running":"paused",opacity:this.hideProgressBar?0:1}},cpClass(){return this.hasClass?`${l}__progress-bar`:""}},watch:{timeout(){this.hasClass=!1,this.$nextTick(()=>this.hasClass=!0)}},mounted(){this.$el.addEventListener("animationend",this.animationEnded)},beforeUnmount(){this.$el.removeEventListener("animationend",this.animationEnded)},methods:{animationEnded(){this.$emit("close-toast")}}});var D=__webpack_require__(6262);const V=(0,D.A)(O,[["render",VtProgressBarvue_type_template_id_393e1d20_ts_true_render]]),L=V;function VtCloseButtonvue_type_template_id_987d8b2a_ts_true_render(e,t,s,o,n,a){return(0,c.openBlock)(),(0,c.createBlock)((0,c.resolveDynamicComponent)(e.buttonComponent),(0,c.mergeProps)({"aria-label":e.ariaLabel,class:e.classes},e.$attrs),{default:(0,c.withCtx)(()=>[...t[0]||(t[0]=[(0,c.createTextVNode)("\r\n    ×\r\n  ",-1)])]),_:1},16,["aria-label","class"])}const I=(0,c.defineComponent)({name:"VtCloseButton",props:y.CLOSE_BUTTON,computed:{buttonComponent(){return!1!==this.component?getVueComponentFromObj(this.component):"button"},classes(){const e=[`${l}__close-button`];return this.showOnHover&&e.push("show-on-hover"),e.concat(this.classNames)}}}),P=(0,D.A)(I,[["render",VtCloseButtonvue_type_template_id_987d8b2a_ts_true_render]]),A=P;function VtIconvue_type_template_id_4efc2143_ts_true_render(e,t,s,o,n,a){return(0,c.openBlock)(),(0,c.createBlock)((0,c.resolveDynamicComponent)(e.component),{class:(0,c.normalizeClass)(e.iconClasses)},{default:(0,c.withCtx)(()=>[(0,c.createTextVNode)((0,c.toDisplayString)(e.customIconChildren),1)]),_:1},8,["class"])}const R={"aria-hidden":"true",focusable:"false","data-prefix":"fas","data-icon":"check-circle",class:"svg-inline--fa fa-check-circle fa-w-16",role:"img",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 512 512"};function VtSuccessIconvue_type_template_id_4652b358_ts_true_render(e,t,s,o,n,a){return(0,c.openBlock)(),(0,c.createElementBlock)("svg",R,[...t[0]||(t[0]=[(0,c.createElementVNode)("path",{fill:"currentColor",d:"M504 256c0 136.967-111.033 248-248 248S8 392.967 8 256 119.033 8 256 8s248 111.033 248 248zM227.314 387.314l184-184c6.248-6.248 6.248-16.379 0-22.627l-22.627-22.627c-6.248-6.249-16.379-6.249-22.628 0L216 308.118l-70.059-70.059c-6.248-6.248-16.379-6.248-22.628 0l-22.627 22.627c-6.248 6.248-6.248 16.379 0 22.627l104 104c6.249 6.249 16.379 6.249 22.628.001z"},null,-1)])])}const $={},M=(0,D.A)($,[["render",VtSuccessIconvue_type_template_id_4652b358_ts_true_render]]),j=M,F={"aria-hidden":"true",focusable:"false","data-prefix":"fas","data-icon":"info-circle",class:"svg-inline--fa fa-info-circle fa-w-16",role:"img",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 512 512"};function VtInfoIconvue_type_template_id_e31c7278_ts_true_render(e,t,s,o,n,a){return(0,c.openBlock)(),(0,c.createElementBlock)("svg",F,[...t[0]||(t[0]=[(0,c.createElementVNode)("path",{fill:"currentColor",d:"M256 8C119.043 8 8 119.083 8 256c0 136.997 111.043 248 248 248s248-111.003 248-248C504 119.083 392.957 8 256 8zm0 110c23.196 0 42 18.804 42 42s-18.804 42-42 42-42-18.804-42-42 18.804-42 42-42zm56 254c0 6.627-5.373 12-12 12h-88c-6.627 0-12-5.373-12-12v-24c0-6.627 5.373-12 12-12h12v-64h-12c-6.627 0-12-5.373-12-12v-24c0-6.627 5.373-12 12-12h64c6.627 0 12 5.373 12 12v100h12c6.627 0 12 5.373 12 12v24z"},null,-1)])])}const H={},U=(0,D.A)(H,[["render",VtInfoIconvue_type_template_id_e31c7278_ts_true_render]]),z=U,q={"aria-hidden":"true",focusable:"false","data-prefix":"fas","data-icon":"exclamation-circle",class:"svg-inline--fa fa-exclamation-circle fa-w-16",role:"img",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 512 512"};function VtWarningIconvue_type_template_id_1f8b4458_ts_true_render(e,t,s,o,n,a){return(0,c.openBlock)(),(0,c.createElementBlock)("svg",q,[...t[0]||(t[0]=[(0,c.createElementVNode)("path",{fill:"currentColor",d:"M504 256c0 136.997-111.043 248-248 248S8 392.997 8 256C8 119.083 119.043 8 256 8s248 111.083 248 248zm-248 50c-25.405 0-46 20.595-46 46s20.595 46 46 46 46-20.595 46-46-20.595-46-46-46zm-43.673-165.346l7.418 136c.347 6.364 5.609 11.346 11.982 11.346h48.546c6.373 0 11.635-4.982 11.982-11.346l7.418-136c.375-6.874-5.098-12.654-11.982-12.654h-63.383c-6.884 0-12.356 5.78-11.981 12.654z"},null,-1)])])}const Z={},G=(0,D.A)(Z,[["render",VtWarningIconvue_type_template_id_1f8b4458_ts_true_render]]),X=G,Y={"aria-hidden":"true",focusable:"false","data-prefix":"fas","data-icon":"exclamation-triangle",class:"svg-inline--fa fa-exclamation-triangle fa-w-18",role:"img",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 576 512"};function VtErrorIconvue_type_template_id_78c99fad_ts_true_render(e,t,s,o,n,a){return(0,c.openBlock)(),(0,c.createElementBlock)("svg",Y,[...t[0]||(t[0]=[(0,c.createElementVNode)("path",{fill:"currentColor",d:"M569.517 440.013C587.975 472.007 564.806 512 527.94 512H48.054c-36.937 0-59.999-40.055-41.577-71.987L246.423 23.985c18.467-32.009 64.72-31.951 83.154 0l239.94 416.028zM288 354c-25.405 0-46 20.595-46 46s20.595 46 46 46 46-20.595 46-46-20.595-46-46-46zm-43.673-165.346l7.418 136c.347 6.364 5.609 11.346 11.982 11.346h48.546c6.373 0 11.635-4.982 11.982-11.346l7.418-136c.375-6.874-5.098-12.654-11.982-12.654h-63.383c-6.884 0-12.356 5.78-11.981 12.654z"},null,-1)])])}const W={},J=(0,D.A)(W,[["render",VtErrorIconvue_type_template_id_78c99fad_ts_true_render]]),K=J,Q=(0,c.defineComponent)({name:"VtIcon",props:y.ICON,computed:{customIconChildren(){return hasProp(this.customIcon,"iconChildren")?this.trimValue(this.customIcon.iconChildren):""},customIconClass(){return isString(this.customIcon)?this.trimValue(this.customIcon):hasProp(this.customIcon,"iconClass")?this.trimValue(this.customIcon.iconClass):""},customIconTag(){return hasProp(this.customIcon,"iconTag")?this.trimValue(this.customIcon.iconTag,"i"):"i"},hasCustomIcon(){return this.customIconClass.length>0},component(){return this.hasCustomIcon?this.customIconTag:isToastContent(this.customIcon)?getVueComponentFromObj(this.customIcon):this.iconTypeComponent},iconTypeComponent(){const e={[n.DEFAULT]:z,[n.INFO]:z,[n.SUCCESS]:j,[n.ERROR]:K,[n.WARNING]:X};return e[this.type]},iconClasses(){const e=[`${l}__icon`];return this.hasCustomIcon?e.concat(this.customIconClass):e}},methods:{trimValue(e,t=""){return isNonEmptyString(e)?e.trim():t}}}),ee=(0,D.A)(Q,[["render",VtIconvue_type_template_id_4efc2143_ts_true_render]]),te=ee,se=(0,c.defineComponent)({name:"VtToast",components:{ProgressBar:L,CloseButton:A,Icon:te},inheritAttrs:!1,props:Object.assign({},y.CORE_TOAST,y.TOAST),data(){const e={isRunning:!0,disableTransitions:!1,beingDragged:!1,dragStart:0,dragPos:{x:0,y:0},dragRect:{}};return e},computed:{classes(){const e=[`${l}__toast`,`${l}__toast--${this.type}`,`${this.position}`].concat(this.toastClassName);return this.disableTransitions&&e.push("disable-transition"),this.rtl&&e.push(`${l}__toast--rtl`),e},bodyClasses(){const e=[`${l}__toast-${isString(this.title)?"body":"component-body"}`].concat(this.bodyClassName);return e},bodyTitleClasses(){return[`${l}__toast-body-title`]},bodyTextClasses(){return[`${l}__toast-body-text`]},draggableStyle(){return this.dragStart===this.dragPos.x?{}:this.beingDragged?{transform:`translateX(${this.dragDelta}px)`,opacity:1-Math.abs(this.dragDelta/this.removalDistance)}:{transition:"transform 0.2s, opacity 0.2s",transform:"translateX(0)",opacity:1}},dragDelta(){return this.beingDragged?this.dragPos.x-this.dragStart:0},removalDistance(){return isDOMRect(this.dragRect)?(this.dragRect.right-this.dragRect.left)*this.draggablePercent:0}},mounted(){this.draggable&&this.draggableSetup(),this.pauseOnFocusLoss&&this.focusSetup()},beforeUnmount(){this.draggable&&this.draggableCleanup(),this.pauseOnFocusLoss&&this.focusCleanup()},methods:{hasProp,getVueComponentFromObj,closeToast(){u.eventBus.$emit(r.DISMISS,this.id)},clickHandler(){this.onClick&&this.onClick(this.closeToast),this.closeOnClick&&(this.beingDragged&&this.dragStart!==this.dragPos.x||this.closeToast())},timeoutHandler(){this.closeToast()},hoverPause(){this.pauseOnHover&&(this.isRunning=!1)},hoverPlay(){this.pauseOnHover&&(this.isRunning=!0)},focusPause(){this.isRunning=!1},focusPlay(){this.isRunning=!0},focusSetup(){addEventListener("blur",this.focusPause),addEventListener("focus",this.focusPlay)},focusCleanup(){removeEventListener("blur",this.focusPause),removeEventListener("focus",this.focusPlay)},draggableSetup(){const e=this.$el;e.addEventListener("touchstart",this.onDragStart,{passive:!0}),e.addEventListener("mousedown",this.onDragStart),addEventListener("touchmove",this.onDragMove,{passive:!1}),addEventListener("mousemove",this.onDragMove),addEventListener("touchend",this.onDragEnd),addEventListener("mouseup",this.onDragEnd)},draggableCleanup(){const e=this.$el;e.removeEventListener("touchstart",this.onDragStart),e.removeEventListener("mousedown",this.onDragStart),removeEventListener("touchmove",this.onDragMove),removeEventListener("mousemove",this.onDragMove),removeEventListener("touchend",this.onDragEnd),removeEventListener("mouseup",this.onDragEnd)},onDragStart(e){this.beingDragged=!0,this.dragPos={x:getX(e),y:getY(e)},this.dragStart=getX(e),this.dragRect=this.$el.getBoundingClientRect()},onDragMove(e){this.beingDragged&&(e.preventDefault(),this.isRunning&&(this.isRunning=!1),this.dragPos={x:getX(e),y:getY(e)})},onDragEnd(){this.beingDragged&&(Math.abs(this.dragDelta)>=this.removalDistance?(this.disableTransitions=!0,this.$nextTick(()=>this.closeToast())):setTimeout(()=>{this.beingDragged=!1,isDOMRect(this.dragRect)&&this.pauseOnHover&&this.dragRect.bottom>=this.dragPos.y&&this.dragPos.y>=this.dragRect.top&&this.dragRect.left<=this.dragPos.x&&this.dragPos.x<=this.dragRect.right?this.isRunning=!1:this.isRunning=!0}))}}}),oe=(0,D.A)(se,[["render",VtToastvue_type_template_id_c487edcc_ts_true_render]]),ne=oe;function VtTransitionvue_type_template_id_47d455c7_ts_true_render(e,t,s,o,n,a){return(0,c.openBlock)(),(0,c.createBlock)(c.TransitionGroup,{tag:"div","enter-active-class":e.myTransition["enter"]?e.myTransition.enter:`${e.transition}-enter-active`,"move-class":e.myTransition.move?e.myTransition.move:`${e.transition}-move`,"leave-active-class":e.myTransition.leave?e.myTransition.leave:`${e.transition}-leave-active`,onLeave:e.leave},{default:(0,c.withCtx)(()=>[(0,c.renderSlot)(e.$slots,"default")]),_:3},8,["enter-active-class","move-class","leave-active-class","onLeave"])}const ae=(0,c.defineComponent)({name:"VtTransition",props:y.TRANSITION,emits:["leave"],computed:{myTransition(){return this.transition}},methods:{hasProp,leave(e){e instanceof HTMLElement&&(e.style.left=e.offsetLeft+"px",e.style.top=e.offsetTop+"px",e.style.width=getComputedStyle(e).width,e.style.position="absolute")}}}),re=(0,D.A)(ae,[["render",VtTransitionvue_type_template_id_47d455c7_ts_true_render]]),ie=re,le=(0,c.defineComponent)({name:"VueToastification",devtools:{hide:!0},components:{Toast:ne,VtTransition:ie},props:Object.assign({},y.CORE_TOAST,y.CONTAINER,y.TRANSITION),data(){const e={count:0,positions:Object.values(a),toasts:{},defaults:{}};return e},computed:{toastArray(){return Object.values(this.toasts)},filteredToasts(){return this.defaults.filterToasts(this.toastArray)}},beforeMount(){u.eventBus.$on(r.ADD,this.addToast),u.eventBus.$on(r.CLEAR,this.clearToasts),u.eventBus.$on(r.DISMISS,this.dismissToast),u.eventBus.$on(r.UPDATE,this.updateToast),u.eventBus.$on(r.UPDATE_DEFAULTS,this.updateDefaults),this.defaults=this.$props},beforeUnmount(){u.eventBus.$off(r.ADD,this.addToast),u.eventBus.$off(r.CLEAR,this.clearToasts),u.eventBus.$off(r.DISMISS,this.dismissToast),u.eventBus.$off(r.UPDATE,this.updateToast),u.eventBus.$off(r.UPDATE_DEFAULTS,this.updateDefault)},mounted(){this.setup(this.container)},methods:{async setup(e){isFunction(e)&&(e=await e()),removeElement(this.$el),e.appendChild(this.$el)},setToast(e){isUndefined(e.id)||(this.toasts[e.id]=e)},addToast(e){const t=Object.assign({},this.defaults,e.type&&this.defaults.toastDefaults&&this.defaults.toastDefaults[e.type],e),s=this.defaults.filterBeforeCreate(t,this.toastArray);s&&this.setToast(s)},dismissToast(e){const t=this.toasts[e];isUndefined(t)||isUndefined(t.onClose)||t.onClose(),delete this.toasts[e]},clearToasts(){Object.keys(this.toasts).forEach(e=>{this.dismissToast(e)})},getPositionToasts(e){const t=this.filteredToasts.filter(t=>t.position===e).slice(0,this.defaults.maxToasts);return this.defaults.newestOnTop?t.reverse():t},updateDefaults(e){isUndefined(e.container)||this.setup(e.container),this.defaults=Object.assign({},this.defaults,e)},updateToast({id:e,options:t,create:s}){this.toasts[e]?(t.timeout&&t.timeout===this.toasts[e].timeout&&t.timeout++,this.setToast(Object.assign({},this.toasts[e],t))):s&&this.addToast(Object.assign({},{id:e},t))},getClasses(e){const t=[`${l}__container`,e];return t.concat(this.defaults.containerClassName)}}}),ce=(0,D.A)(le,[["render",render]]),ue=ce,buildInterface=(e={},t=!0)=>{let s=null;t&&(0,c.nextTick)(()=>{s=(0,c.createApp)(ue,{...e});const t=s.mount(document.createElement("div")),o=e.onMounted;if(isUndefined(o)||o(t,s),e.shareAppContext){const t=e.shareAppContext;!0===t?console.warn(`[${l}] App to share context with was not provided.`):(s._context.components=t._context.components,s._context.directives=t._context.directives,s._context.mixins=t._context.mixins,s._context.provides=t._context.provides,s.config.globalProperties=t.config.globalProperties)}});const toast=(e,t,s)=>{const o=Object.assign({},{id:C(),type:n.DEFAULT},s,{title:e,text:t});return u.eventBus.$emit(r.ADD,o),o.id};function updateToast(e,{content:t,options:s},o=!1){const n=Object.assign({},s,{content:t});u.eventBus.$emit(r.UPDATE,{id:e,options:n,create:o})}return toast.clear=()=>u.eventBus.$emit(r.CLEAR,void 0),toast.updateDefaults=e=>{u.eventBus.$emit(r.UPDATE_DEFAULTS,e)},toast.dismiss=e=>{u.eventBus.$emit(r.DISMISS,e)},toast.destroy=()=>{s.unmount()},toast.update=updateToast,toast.success=(e,t)=>{toast(e,t,{type:n.SUCCESS})},toast.info=(e,t)=>{toast(e,t,{type:n.INFO})},toast.error=(e,t)=>{toast(e,t,{type:n.ERROR})},toast.warning=(e,t)=>{toast(e,t,{type:n.WARNING})},toast},de={install(e,t){const s=buildInterface(t,!0);e.config.globalProperties.$toasted=s;const o=Number(e.version.replace(/\D/g,""));o>3500&&e.onUnmount(()=>{s.destroy()})}},pe=de,me=pe;return i})());

package/dist/scss/_animations.scss

@@ -4,6 +4,10 @@ $trans-cubic-bezier: cubic-bezier(0.215, 0.61, 0.355, 1);
   animation-timing-function: $trans-cubic-bezier;
 }
 
+/* -----------------------
+ * Bounce
+ * ------------------------- */
+
 @keyframes bounceInRight {
   from,
   60%,
@@ -164,12 +168,9 @@ $trans-cubic-bezier: cubic-bezier(0.215, 0.61, 0.355, 1);
   }
 }
 
-/* ----------------------------------------------
- * Modified version from Animista
- * Animista is Licensed under FreeBSD License.
- * See http://animista.net/license for more info.
- * w: http://animista.net, t: @cssanimista
- * ---------------------------------------------- */
+/* -----------------------
+ * Fade
+ * ------------------------- */
 
 @keyframes fadeOutTop {
   0% {
@@ -259,12 +260,18 @@ $trans-cubic-bezier: cubic-bezier(0.215, 0.61, 0.355, 1);
   }
 }
 
-/* ----------------------------------------------
- * Modified version from Animista
- * Animista is Licensed under FreeBSD License.
- * See http://animista.net/license for more info.
- * w: http://animista.net, t: @cssanimista
- * ---------------------------------------------- */
+/* -----------------------
+ * Slide
+ * ------------------------- */
+
+ @keyframes slideOut {
+  0% {
+    transform: translateX(-100%);
+  }
+  100% {
+    transform: translateX(1000px);
+  }
+ }
 
 @keyframes slideInBlurredLeft {
   0% {
@@ -386,5 +393,17 @@ $trans-cubic-bezier: cubic-bezier(0.215, 0.61, 0.355, 1);
   }
 }
 
+/* -----------------------
+ * Rotate
+ * ------------------------- */
 
+@keyframes rotating {
+  0% {
+    transform: rotate(0);
+  }
+
+  100% {
+    transform: rotate(360deg);
+  }
+}
 

package/dist/scss/_avatar.scss

@@ -0,0 +1,333 @@
+@use "sass:list";
+@use "sass:map";
+
+:root {
+  --avatar-xs: 20px;
+  --avatar-s: 24px;
+  --avatar-sm: 32px;
+  --avatar-m: 40px;
+  --avatar-l: 48px;
+  --avatar-xl: 56px;
+  --avatar-xxl: 120px;
+}
+
+$sizearray: (
+  'x-small': (
+    // height
+    var(--avatar-xs),
+    // font size
+    var(--text-body-s),
+    // icon font size
+    var(--caption-s),
+    // border radius
+    4px,
+    // content padding
+    6px
+  ),
+  'small': (
+    var(--avatar-s),
+    var(--text-body-s),
+    var(--caption-s),
+    6px,
+    6px
+  ),
+  'default': (
+    var(--avatar-sm),
+    var(--font-size),
+    var(--text-body-s),
+    6px,
+    8px
+  ),
+  'medium': (
+    var(--avatar-m),
+    var(--text-body-s),
+    var(--text-body-m),
+    8px,
+    8px
+  ),
+  'large': (
+    var(--avatar-l),
+    var(--text-body-m),
+    var(--text-body-l),
+    10px,
+    8px
+  ),
+  'x-large': (
+    var(--avatar-xl),
+    var(--text-body-l),
+    var(--text-body-x),
+    10px,
+    12px
+  ),
+  'extra-large': (
+    var(--avatar-xxl),
+    0px,
+    calc(var(--font-size) * 3),
+    12px,
+    0
+  ),
+);
+
+body {
+  .ld-avatar {
+    position: relative;
+    padding: 0 !important;
+
+    &.v-btn {
+      display: flex;
+
+      & > .v-btn__content {
+        position: relative;
+        display: flex;
+        width: 100%;
+        height: 100%;
+
+        img, svg {
+          width: 100%;
+          height: 100%;
+          user-select: none;
+        }
+      }
+    }
+
+    .ld-avatar-base {
+      position: relative;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      font-family: var(--medium);
+      height: 100%;
+      flex-shrink: 0;
+      overflow: hidden;
+    }
+
+    .ld-avatar-content {
+      display: flex;
+      flex-direction: column;
+      flex-basis: 100%;
+      justify-content: center;
+      align-items: flex-start;
+      font-family: var(--medium);
+      height: 100%;
+      overflow: hidden;
+
+      .ld-avatar-content-base {
+        display: block;
+        overflow: hidden;
+        text-align: left;
+        text-overflow: ellipsis;
+        white-space: nowrap;
+        width: 100%;
+      }
+
+      .ld-avatar-content-hint {
+        display: block;
+        overflow: hidden;
+        text-overflow: ellipsis;
+        text-align: left;
+        white-space: nowrap;
+        width: 100%;
+        font-family: var(--regular);
+        color: var(--grey-d-1);
+        font-weight: 400;
+      }
+    }
+
+    .ld-avatar-append {
+      display: flex;
+      align-items: center;
+      flex-shrink: 0;
+      padding-left: 8px;
+      min-width: var(--icon-height);
+      height: 100%;
+    }
+
+    @mixin avatarsize($size) {
+      $values: map.get($sizearray, $size);
+      $h: list.nth($values, 1);
+      $f: list.nth($values, 2);
+      $i: list.nth($values, 3);
+      $b: list.nth($values, 4);
+      $p: list.nth($values, 5);
+      height: $h;
+
+      .ld-avatar-base {
+        font-size: $i;
+        width: $h;
+        border-radius: $b;
+      }
+
+      .ld-avatar-content {
+        font-size: $f;
+        padding: 0 0 0 $p;
+      }
+
+      &.ld-avatar--focused {
+        &:after {
+          width: calc(100% + 8px);
+          height: calc($h + 8px);
+          border-radius: calc($b + 4px);
+        }
+      }
+    }
+
+    // --------- x-small
+
+    &.ld-avatar--x-small {
+      @include avatarsize('x-small');
+
+      .ld-avatar-online {
+        bottom: -1px;
+        right: -1px;
+        width: 3px;
+        height: 3px;
+        border-radius: 3px;
+      }
+    }
+
+    // --------- small
+
+    &.ld-avatar--small {
+      @include avatarsize('small');
+
+      .ld-avatar-online {
+        bottom: -1px;
+        right: -1px;
+        width: 4px;
+        height: 4px;
+        border-radius: 4px;
+      }
+    }
+
+    // --------- default
+
+    &.ld-avatar--default {
+      @include avatarsize('default');
+
+      .ld-avatar-online {
+        bottom: 0;
+        right: 0;
+        width: 6px;
+        height: 6px;
+        border-radius: 6px;
+      }
+
+      .ld-avatar-content-hint {
+        font-size: var(--font-size);
+        line-height: 16px;
+      }
+    }
+
+    // --------- medium
+
+    &.ld-avatar--medium {
+      @include avatarsize('medium');
+
+      .ld-avatar-online {
+        bottom: 0;
+        right: 0;
+        width: 8px;
+        height: 8px;
+        border-radius: 8px;
+      }
+
+      .ld-avatar-content-base {
+        line-height: 20px;
+      }
+
+      .ld-avatar-content-hint {
+        font-size: var(--text-body-s);
+        line-height: 20px;
+      }
+    }
+
+    // --------- large
+
+    &.ld-avatar--large {
+      @include avatarsize('large');
+
+      .ld-avatar-online {
+        bottom: 0;
+        right: 0;
+        width: 10px;
+        height: 10px;
+        border-radius: 10px;
+      }
+
+      .ld-avatar-content-base {
+        margin-bottom: 4px;
+      }
+
+      .ld-avatar-content-hint {
+        font-size: var(--text-body-s);
+      }
+    }
+
+    // --------- x-large
+
+    &.ld-avatar--x-large {
+      @include avatarsize('x-large');
+
+      .ld-avatar-online {
+        bottom: 0;
+        right: 0;
+        width: 12px;
+        height: 12px;
+        border-radius: 12px;
+      }
+
+      .ld-avatar-content-hint {
+        font-size: var(--text-body-l);
+      }
+    }
+
+    // --------- extra-large
+
+    &.ld-avatar--extra-large {
+      @include avatarsize('extra-large');
+
+      .ld-avatar-online {
+        bottom: 2px;
+        right: 2px;
+        width: 16px;
+        height: 16px;
+        border-radius: 16px;
+      }
+    }
+
+    &.ld-avatar--theme-light {
+      .ld-avatar-base {
+        background-color: var(--grey-l-5);
+        color: var(--grey-d-1);
+      }
+    }
+
+    &.ld-avatar--theme-dark {
+      .ld-avatar-base {
+        background-color: var(--grey-d-1);
+        color: var(--white);
+      }
+    }
+
+    &.ld-avatar--focused {
+      &:after {
+        content: '';
+        position: absolute;
+        top: -4px;
+        left: -4px;
+        display: block;
+        border: 2px solid var(--focus);
+        opacity: 1;
+      }
+    }
+
+    .ld-avatar-online {
+      display: block;
+      position: absolute;
+      background-color: var(--success);
+      border: 2px solid var(--white);
+      box-sizing: content-box;
+    }
+
+  }
+}

package/dist/scss/_badge.scss

@@ -0,0 +1,128 @@
+@use "sass:list";
+
+:root {
+  --badge-s: 20px;
+  --badge-m: 24px;
+  --badge-l: 28px;
+  --badge-rounded-border-radius: 24px;
+  --badge-square-border-radius: 6px;
+}
+
+$colors: (
+  "primary": (
+    // bg
+    var(--primary-l-5),
+    // color
+    var(--primary)
+  ),
+  "secondary": (
+    var(--secondary-l-5),
+    var(--secondary-d-2),
+  ),
+  "success": (
+    var(--success-l-6),
+    var(--success-d-1)
+  ),
+  "warning": (
+    var(--warning-l-5),
+    var(--warning-d-1)
+  ),
+  "error": (
+    var(--error-l-6),
+    var(--error),
+  ),
+  "grey": (
+    var(--grey-l-5),
+    var(--grey-d-3)
+  ),
+);
+
+$sizearray: (
+  "x-small": (
+    // height
+    var(--badge-s),
+    // padding
+    6px,
+    // font size
+    var(--font-size),
+  ),
+  "small": (
+    var(--badge-m),
+    8px,
+    var(--text-body-s),
+  ),
+  "large": (
+    var(--badge-l),
+    10px,
+    var(--text-body-m),
+  ),
+);
+
+body {
+  .ld-badge {
+    font-family: var(--medium);
+    &.ld-badge--rounded {
+      border-radius: var(--badge-rounded-border-radius);
+    }
+
+    &.ld-badge--square {
+      border-radius: var(--badge-square-border-radius);
+    }
+
+    @each $color, $values in $colors {
+      &.v-btn--variant-tonal.text-#{$color} {
+        $bg: list.nth($values, 1);
+        $c: list.nth($values, 2);
+
+        &.ld-badge--fill {
+          background-color: $c;
+          color: var(--white);
+
+          .ld-badge-dot {
+            background-color: var(--white);
+          }
+        }
+
+        &:not(.ld-badge--fill) {
+          background-color: $bg;
+          color: $c;
+
+          .ld-badge-dot {
+            background-color: $c;
+          }
+        }
+      }
+    }
+
+    @each $size, $values in $sizearray {
+      &.v-btn--size-#{$size} {
+        $h: list.nth($values, 1);
+        $p: list.nth($values, 2);
+        $f: list.nth($values, 3);
+        font-weight: 500;
+        height: $h;
+        padding: 0 $p !important;
+
+        .v-btn__content {
+          font-size: $f;
+          line-height: calc($f + 4px);
+        }
+
+        &.ld-badge--circle {
+          width: $h;
+          max-width: $h;
+          min-width: $h;
+          padding: 0 0 !important;
+        }
+      }
+    }
+
+    .ld-badge-dot {
+      display: block;
+      width: 6px;
+      height: 6px;
+      border-radius: 3px;
+      margin-right: 4px;
+    }
+  }
+}