@ldmjs/ui 2.0.0-beta.2 → 2.0.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={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})());
+(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})());

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={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})());
+(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:()=>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/_badge.scss

@@ -8,35 +8,6 @@
   --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
@@ -69,31 +40,136 @@ body {
       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);
+    @mixin badgeflat(
+      $colorName,
+      $bg
+    ) {
+      &.bg-#{$colorName} {
+        background-color: $bg;
+        border: 1px solid transparent;
+        color: var(--white);
 
-        &.ld-badge--fill {
-          background-color: $c;
-          color: var(--white);
+        .ld-badge-dot {
+          background-color: var(--white);
+        }
+      }
+    }
 
-          .ld-badge-dot {
-            background-color: var(--white);
-          }
+    @mixin badgeoutlined(
+      $colorName,
+      $border
+    ) {
+      &.v-btn--variant-outlined.text-#{$colorName} {
+        background-color: var(--white);
+        border: 1px solid $border;
+        color: $border;
+
+        .ld-badge-dot {
+          background-color: $border;
         }
+      }
+    }
 
-        &:not(.ld-badge--fill) {
-          background-color: $bg;
-          color: $c;
+    @mixin badgetonal(
+      $colorName,
+      $bg,
+      $color
+    ) {
+      &.v-btn--variant-tonal.text-#{$colorName} {
+        background-color: $bg;
+        border: 1px solid transparent;
+        color: $color;
 
-          .ld-badge-dot {
-            background-color: $c;
-          }
+        .ld-badge-dot {
+          background-color: $color;
         }
       }
     }
 
+    // ----- primary
+
+    // -- flat
+
+    @include badgeflat('primary', var(--primary));
+
+    // -- outlined
+
+    @include badgeoutlined('primary', var(--primary));
+
+    // -- tonal
+
+    @include badgetonal('primary', var(--primary-l-5), var(--primary));
+
+    // ----- secondary
+
+    // -- flat
+
+    @include badgeflat('secondary', var(--secondary));
+
+    // -- outlined
+
+    @include badgeoutlined('secondary', var(--secondary));
+
+    // -- tonal
+
+    @include badgetonal('secondary', var(--secondary-l-5), var(--secondary-d-2));
+
+    // ----- success
+
+    // -- flat
+
+    @include badgeflat('success', var(--success));
+
+    // -- outlined
+
+    @include badgeoutlined('success', var(--success));
+
+    // -- tonal
+
+    @include badgetonal('success', var(--success-l-6), var(--success-d-1));
+
+    // ----- warning
+
+    // -- flat
+
+    @include badgeflat('warning', var(--warning));
+
+    // -- outlined
+
+    @include badgeoutlined('warning', var(--warning));
+
+    // -- tonal
+
+    @include badgetonal('warning', var(--warning-l-5), var(--warning-d-1));
+
+    // ----- error
+
+    // -- flat
+
+    @include badgeflat('error', var(--error));
+
+    // -- outlined
+
+    @include badgeoutlined('error', var(--error));
+
+    // -- tonal
+
+    @include badgetonal('error', var(--error-l-6), var(--error));
+
+    // ----- grey
+
+    // -- flat
+
+    @include badgeflat('grey', var(--grey-d-1));
+
+    // -- outlined
+
+    @include badgeoutlined('grey', var(--grey-d-1));
+
+    // -- tonal
+
+    @include badgetonal('grey', var(--grey-l-5), var(--grey-d-3));
+
     @each $size, $values in $sizearray {
       &.v-btn--size-#{$size} {
         $h: list.nth($values, 1);

package/dist/scss/_buttons.scss

@@ -1,4 +1,5 @@
 :root {
+  --button-xxs: 24px;
   --button-xs: 32px;
   --button-s: 40px;
   --button-m: 48px;
@@ -90,6 +91,11 @@ body {
         min-width: unset;
         width: var(--button-xs) !important;
         padding: 0 !important;
+
+        &.v-btn--icon {
+          width: var(--button-xxs) !important;
+          height: var(--button-xxs) !important;
+        }
       }
     }
 
@@ -103,6 +109,11 @@ body {
         min-width: unset;
         width: var(--button-s) !important;
         padding: 0 !important;
+
+        &.v-btn--icon {
+          width: var(--button-xs) !important;
+          height: var(--button-xs) !important;
+        }
       }
     }
 
@@ -116,6 +127,11 @@ body {
         min-width: unset;
         width: var(--button-m) !important;
         padding: 0 !important;
+
+        &.v-btn--icon {
+          width: var(--button-s) !important;
+          height: var(--button-s) !important;
+        }
       }
     }
 
@@ -129,6 +145,11 @@ body {
         min-width: unset;
         width: var(--button-l) !important;
         padding: 0 !important;
+
+        &.v-btn--icon {
+          width: var(--button-m) !important;
+          height: var(--button-m) !important;
+        }
       }
     }
 
@@ -674,9 +695,19 @@ body {
 
     // -- flat
 
-    &.bg-white {
-      //
-    }
+    @include buttonflat(
+      'white',
+      // icon text color
+      var(--white),
+      // default bg
+      transparent,
+      // hover bg
+      transparent,
+      // active bg
+      transparent,
+      // disabled bg
+      transparent,
+    );
 
     // -- outlined
 
@@ -684,6 +715,20 @@ body {
 
     // -- text
 
+    @include buttontext(
+      'white',
+      // color default
+      var(--white),
+      // bg hover
+      transparent,
+      // color hover
+      var(--white),
+      // bg avtive
+      transparent,
+      // color active
+      var(--white),
+    );
+
     // --------------------------------------------------
 
     svg.primary--text {

package/dist/scss/_calendar.scss

@@ -43,9 +43,7 @@
     color: var(--primary-d-1);
   }
 
-  $selected: utils.getSelector($parent, '--selected');
-
-  &:not(#{$selected}) {
+  @include utils.not-class(utils.getSelector($parent, '--selected')) {
     span {
       &:after {
         content: '';

package/dist/scss/_chip.scss

@@ -15,20 +15,16 @@ $sizearray: (
     var(--chip-s),
     // padding
     8px,
-    // close button size
-    16px
   ),
   'small': (
     var(--text-body-s),
     var(--chip-m),
-    8px,
-    16px
+    12px,
   ),
   'large': (
     var(--text-body-m),
     var(--chip-l),
-    10px,
-    20px
+    12px,
   )
 );
 
@@ -44,22 +40,11 @@ body {
         $f: list.nth($values, 1);
         $h: list.nth($values, 2);
         $p: list.nth($values, 3);
-        $icon: list.nth($values, 4);
 
         font-size: $f !important;
         height: $h;
         padding: 0 $p !important;
 
-        .ld-chip-close {
-          width: $icon;
-          height: $icon;
-
-          svg {
-            width: calc($icon - 6px);
-            height: calc($icon - 6px);
-          }
-        }
-
         &.ld-chip--focused {
           &:after {
             height: calc($h + 8px);
@@ -82,15 +67,54 @@ body {
       }
     }
 
-    @mixin chipflat($colorname, $color) {
+    .v-btn__content {
+      overflow: hidden;
+    }
+
+    .ld-chip__content {
+      display: block;
+      white-space: nowrap;
+      overflow: hidden;
+      text-overflow: ellipsis;
+    }
+
+    .v-btn__append {
+      button {
+        width: 20px;
+        height: 20px;
+      }
+    }
+
+    @mixin chipflat(
+      $colorname,
+      $defaultBgColor,
+      $hoverBgColor,
+      $activeBgColor,
+      $disabledBgColor,
+      ) {
       &.bg-#{$colorname} {
-        border: 1px solid $color;
-        background-color: $color;
+        border: 1px solid transparent;
+        background-color: $defaultBgColor;
         color: var(--white);
 
         svg {
           color: var(--white);
         }
+
+        &:hover {
+          border: 1px solid transparent;
+          background-color: $hoverBgColor;
+        }
+
+        &:active {
+          border: 1px solid transparent;
+          background-color: $activeBgColor;
+        }
+
+        &[disabled] {
+          border: 1px solid transparent;
+          background-color: $disabledBgColor;
+        }
       }
     }
 
@@ -133,16 +157,59 @@ body {
       }
     }
 
+    @mixin chiptonal(
+      $colorname,
+      $bgColor,
+      $color,
+      $bgHover,
+      $bgActive,
+      $colorDisabled
+    ) {
+      &.v-btn--variant-tonal.text-#{$colorname} {
+        border: 1px solid transparent;
+        background-color: $bgColor;
+        color: $color;
+
+        svg {
+          color: $color;
+        }
+
+        &:hover {
+          border: 1px solid transparent;
+          background-color: $bgHover;
+        }
+
+        &:active {
+          border: 1px solid transparent;
+          background-color: $bgActive;
+        }
+
+        &[disabled] {
+          border: 1px solid transparent;
+          background-color: $bgColor;
+          color: $colorDisabled;
+
+          svg {
+            color: $colorDisabled;
+          }
+        }
+      }
+    }
+
     // ------- primary
 
-    @include chipflat('primary', var(--primary));
+    // -- flat
+
+    @include chipflat('primary', var(--primary), var(--primary-d-1), var(--primary-d-2), var(--primary-l-4));
+
+    // -- outlined
 
     @include chipoutlined(
       'primary',
       // default border color
       var(--primary-l-3),
       // default color
-      var(--primary),
+      var(--primary-d-1),
       // hover bg color
       var(--primary-l-6),
       // hover border color
@@ -153,9 +220,29 @@ body {
       var(--primary-l-1),
     );
 
+    // -- tonal
+
+    @include chiptonal(
+      'primary',
+      // default bg color
+      var(--primary-l-6),
+      // color
+      var(--primary-d-1),
+      // hover bg color
+      var(--primary-l-5),
+      // active bg color
+      var(--primary-l-4),
+      // color disabled
+      var(--primary-l-3),
+    );
+
     // ------- grey
 
-    @include chipflat('grey', var(--grey));
+    // -- flat
+
+    @include chipflat('grey', var(--grey), var(--grey-d-1), var(--grey-d-2), var(--grey-l-4));
+
+    // -- outlined
 
     @include chipoutlined(
       'grey',
@@ -173,6 +260,22 @@ body {
       var(--grey-l-4),
     );
 
+    // -- tonal
+
+    @include chiptonal(
+      'grey',
+      // default bg color
+      var(--grey-l-6),
+      // color
+      var(--grey-d-1),
+      // hover bg color
+      var(--grey-l-5),
+      // active bg color
+      var(--grey-l-4),
+      // color disabled
+      var(--grey-l-3),
+    );
+
     .ld-chip-close {
       display: flex;
       align-items: center;