@ldmjs/ui 1.0.7 → 1.0.8

package/README.md

@@ -7,6 +7,7 @@
 "vue-screen-utils": "1.0.0-beta.13",
 "lodash-es": "4.17.21",
 "md-editor-v3": "4.15.6",
+"vue-toastification": "2.0.0-rc.5",
 
 # Installation
 
@@ -33,6 +34,7 @@ import '@ldmjs/ui/dist/scss';
 import 'vuetify/styles';
 import 'material-design-icons-iconfont/dist/material-design-icons.css';
 import 'md-editor-v3/lib/style.css';
+import 'vue-toastification/dist/index.css';
 import ldmui from '@ldmjs/ui';
 ```
 

package/dist/index.d.ts

@@ -1,6 +1,7 @@
-import { ldmuiOptions } from './types/options'
-import { IInput, IWatcher } from './types/validation';
 import { Vue } from 'vue-class-component';
+import { ldmuiOptions } from './types/options';
+import { IToasted } from './types/toasted';
+import { IInput, IWatcher } from './types/validation';
 
 declare module '@vue/runtime-core' {
   export interface ComponentCustomProperties {
@@ -12,8 +13,9 @@ declare module '@vue/runtime-core' {
       isObjectEmpty(obj: Record<string, unknown>): boolean;
     };
     $ldmui: {
-      options: ldmuiOptions
-    }
+      options: ldmuiOptions;
+    },
+    $toasted: IToasted;
   }
 }
 
@@ -52,15 +54,8 @@ declare const ldmui: {
 export default ldmui;
 
 export {
-  defaults,
-  getAliases,
-  isDefined,
-  delay,
-  uidGen,
-  deepValueGetter,
-  isObjectEmpty,
-  urlRegexp,
-  datetime,
   ValidateMixin,
-  ValidateMixinOptions
-}
+  ValidateMixinOptions, datetime, deepValueGetter, defaults, delay, getAliases,
+  isDefined, isObjectEmpty, uidGen, urlRegexp
+};
+

package/dist/index.js

@@ -1,13 +1,13 @@
 (function webpackUniversalModuleDefinition(root, factory) {
 	if(typeof exports === 'object' && typeof module === 'object')
-		module.exports = factory(require("./calendar.js"), require("./floating.js"), require("./imask.js"), require("./multiselect.js"), require("./runtime-template.js"), require("@vuelidate/validators"), require("markdown-it"), require("md-editor-v3"), require("vue"), require("vue-class-component"), require("vue-property-decorator"));
+		module.exports = factory(require("./calendar.js"), require("./floating.js"), require("./imask.js"), require("./multiselect.js"), require("./runtime-template.js"), require("@vuelidate/validators"), require("markdown-it"), require("md-editor-v3"), require("vue"), require("vue-class-component"), require("vue-property-decorator"), require("vue-toastification"));
 	else if(typeof define === 'function' && define.amd)
-		define(["./calendar.js", "./floating.js", "./imask.js", "./multiselect.js", "./runtime-template.js", "@vuelidate/validators", "markdown-it", "md-editor-v3", "vue", "vue-class-component", "vue-property-decorator"], factory);
+		define(["./calendar.js", "./floating.js", "./imask.js", "./multiselect.js", "./runtime-template.js", "@vuelidate/validators", "markdown-it", "md-editor-v3", "vue", "vue-class-component", "vue-property-decorator", "vue-toastification"], factory);
 	else if(typeof exports === 'object')
-		exports["ldmui"] = factory(require("./calendar.js"), require("./floating.js"), require("./imask.js"), require("./multiselect.js"), require("./runtime-template.js"), require("@vuelidate/validators"), require("markdown-it"), require("md-editor-v3"), require("vue"), require("vue-class-component"), require("vue-property-decorator"));
+		exports["ldmui"] = factory(require("./calendar.js"), require("./floating.js"), require("./imask.js"), require("./multiselect.js"), require("./runtime-template.js"), require("@vuelidate/validators"), require("markdown-it"), require("md-editor-v3"), require("vue"), require("vue-class-component"), require("vue-property-decorator"), require("vue-toastification"));
 	else
-		root["ldmui"] = factory(root["./calendar.js"], root["./floating.js"], root["./imask.js"], root["./multiselect.js"], root["./runtime-template.js"], root["@vuelidate/validators"], root["markdown-it"], root["md-editor-v3"], root["vue"], root["vue-class-component"], root["vue-property-decorator"]);
-})(self, (__WEBPACK_EXTERNAL_MODULE__4634__, __WEBPACK_EXTERNAL_MODULE__3654__, __WEBPACK_EXTERNAL_MODULE__6135__, __WEBPACK_EXTERNAL_MODULE__9225__, __WEBPACK_EXTERNAL_MODULE__119__, __WEBPACK_EXTERNAL_MODULE__887__, __WEBPACK_EXTERNAL_MODULE__8461__, __WEBPACK_EXTERNAL_MODULE__6443__, __WEBPACK_EXTERNAL_MODULE__2380__, __WEBPACK_EXTERNAL_MODULE__9299__, __WEBPACK_EXTERNAL_MODULE__5070__) => {
+		root["ldmui"] = factory(root["./calendar.js"], root["./floating.js"], root["./imask.js"], root["./multiselect.js"], root["./runtime-template.js"], root["@vuelidate/validators"], root["markdown-it"], root["md-editor-v3"], root["vue"], root["vue-class-component"], root["vue-property-decorator"], root["vue-toastification"]);
+})(self, (__WEBPACK_EXTERNAL_MODULE__4634__, __WEBPACK_EXTERNAL_MODULE__3654__, __WEBPACK_EXTERNAL_MODULE__6135__, __WEBPACK_EXTERNAL_MODULE__9225__, __WEBPACK_EXTERNAL_MODULE__119__, __WEBPACK_EXTERNAL_MODULE__887__, __WEBPACK_EXTERNAL_MODULE__8461__, __WEBPACK_EXTERNAL_MODULE__6443__, __WEBPACK_EXTERNAL_MODULE__2380__, __WEBPACK_EXTERNAL_MODULE__9299__, __WEBPACK_EXTERNAL_MODULE__5070__, __WEBPACK_EXTERNAL_MODULE__7982__) => {
 return /******/ (() => { // webpackBootstrap
 /******/ 	"use strict";
 /******/ 	var __webpack_modules__ = ({
@@ -106,6 +106,13 @@ module.exports = __WEBPACK_EXTERNAL_MODULE__9299__;
 
 module.exports = __WEBPACK_EXTERNAL_MODULE__5070__;
 
+/***/ }),
+
+/***/ 7982:
+/***/ ((module) => {
+
+module.exports = __WEBPACK_EXTERNAL_MODULE__7982__;
+
 /***/ })
 
 /******/ 	});
@@ -14822,6 +14829,9 @@ function ld_switch_reg(vue, options) {
 }
 /* harmony default export */ const src_ld_switch = (ld_switch_reg);
 
+// EXTERNAL MODULE: external "vue-toastification"
+var external_vue_toastification_ = __webpack_require__(7982);
+var external_vue_toastification_default = /*#__PURE__*/__webpack_require__.n(external_vue_toastification_);
 ;// CONCATENATED MODULE: ./src/utils/delay.ts
 async function delay(timeout) {
     return new Promise(resolve => setTimeout(() => resolve(), timeout));
@@ -15249,6 +15259,7 @@ const ActiveDirectiveOptions = {
 
 
 
+
 
 
 const ldmuiPlugin = {
@@ -15296,6 +15307,17 @@ const ldmuiPlugin = {
             }
         };
         vue.directive('active', ActiveDirectiveOptions);
+        const toastedOptions = {
+            position: external_vue_toastification_.POSITION.BOTTOM_RIGHT,
+            timeout: 5000,
+            draggable: false,
+            newestOnTop: true,
+            pauseOnFocusLoss: false,
+            pauseOnHover: false
+        };
+        vue.use((external_vue_toastification_default()), toastedOptions);
+        const toast = (0,external_vue_toastification_.useToast)();
+        vue.config.globalProperties.$toasted = toast;
         src_ld_icon(vue, options);
         src_ld_loader(vue, options);
         src_ld_button(vue, options);

package/dist/scss/_toasted.scss

@@ -0,0 +1,15 @@
+.Vue-Toastification__toast--success {
+  background: var(--success);
+}
+
+.Vue-Toastification__toast--error {
+  background: var(--error-l-2);
+}
+
+.Vue-Toastification__toast--warning {
+  background: var(--warning-l-2);
+}
+
+.Vue-Toastification__toast--info {
+  background: var(--primary-l-4);
+}

package/dist/scss/index.scss

@@ -8,3 +8,4 @@
 @import 'calendar';
 @import 'toolbar';
 @import 'multiselect';
+@import 'toasted';

package/dist/types/toasted.d.ts

@@ -0,0 +1,6 @@
+export interface IToasted {
+  success: (content: string) => void;
+  info: (content: string) => void;
+  error: (content: string) => void;
+  warning: (content: string) => void;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ldmjs/ui",
-  "version": "1.0.7",
+  "version": "1.0.8",
   "description": "ldm ui",
   "main": "dist/index.js",
   "engines": {
@@ -89,6 +89,7 @@
     "vue-loader": "17.3.1",
     "vue-property-decorator": "10.0.0-rc.3",
     "vue-screen-utils": "1.0.0-beta.13",
+    "vue-toastification": "2.0.0-rc.5",
     "vuetify": "3.6.8",
     "webpack": "5.92.0",
     "webpack-cli": "5.1.4",