@ldmjs/ui 1.0.7 → 1.0.9

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,8 @@
-import { ldmuiOptions } from './types/options'
-import { IInput, IWatcher } from './types/validation';
 import { Vue } from 'vue-class-component';
+import { IEventBus } from './types/eventBus';
+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 +14,9 @@ declare module '@vue/runtime-core' {
       isObjectEmpty(obj: Record<string, unknown>): boolean;
     };
     $ldmui: {
-      options: ldmuiOptions
-    }
+      options: ldmuiOptions;
+    },
+    $toasted: IToasted;
   }
 }
 
@@ -42,9 +45,8 @@ declare class ValidateMixin extends Vue {
   validateSection: (section: number | string) => boolean;
   customValidateFunc: () => string | boolean;
 }
-
+declare const eventBus: IEventBus;
 declare const ValidateMixinOptions: Record<string, any>;
-
 declare const ldmui: {
   install(vue: any, options?: ldmuiOptions): void;
 }
@@ -52,15 +54,7 @@ declare const ldmui: {
 export default ldmui;
 
 export {
-  defaults,
-  getAliases,
-  isDefined,
-  delay,
-  uidGen,
-  deepValueGetter,
-  isObjectEmpty,
-  urlRegexp,
-  datetime,
-  ValidateMixin,
-  ValidateMixinOptions
-}
+  ValidateMixin, ValidateMixinOptions, datetime, deepValueGetter, defaults, delay, getAliases,
+  isDefined, isObjectEmpty, uidGen, urlRegexp, eventBus
+};
+

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__;
+
 /***/ })
 
 /******/ 	});
@@ -219,6 +226,7 @@ __webpack_require__.d(__webpack_exports__, {
   "default": () => (/* binding */ src),
   defaults: () => (/* reexport */ defaults),
   delay: () => (/* reexport */ delay),
+  eventBus: () => (/* reexport */ eventBus),
   getAliases: () => (/* reexport */ getAliases),
   isDefined: () => (/* reexport */ isDefined),
   isObjectEmpty: () => (/* reexport */ isObjectEmpty),
@@ -9182,9 +9190,9 @@ function getNative(object, key) {
 
 
 /* Built-in method references that are verified to be native. */
-var Map = _getNative(_root, 'Map');
+var _Map_Map = _getNative(_root, 'Map');
 
-/* harmony default export */ const _Map = (Map);
+/* harmony default export */ const _Map = (_Map_Map);
 
 ;// CONCATENATED MODULE: ./node_modules/lodash-es/_nativeCreate.js
 
@@ -14822,6 +14830,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));
@@ -15161,6 +15172,69 @@ validate_mixin_decorate([
 ], ValidateMixin.prototype, "onErrorBagChanged", null);
 const ValidateMixinOptions = mixin;
 
+;// CONCATENATED MODULE: ./src/eventBus.ts
+class EventBus {
+    constructor() {
+        /* eslint-disable-next-line @typescript-eslint/no-explicit-any */
+        this.listeners = {};
+        this.once = [];
+    }
+    /* eslint-disable-next-line @typescript-eslint/no-explicit-any */
+    $on(eventName, callback) {
+        if (eventName in this.listeners) {
+            this.listeners[eventName].push(callback);
+        }
+        else {
+            this.listeners[eventName] = [];
+            this.listeners[eventName].push(callback);
+        }
+    }
+    /* eslint-disable-next-line @typescript-eslint/no-explicit-any */
+    $once(eventName, callback) {
+        this.$on(eventName, callback);
+        this.once.push(eventName);
+    }
+    /* eslint-disable-next-line @typescript-eslint/no-explicit-any */
+    $off(eventName, callback) {
+        const map = new Map();
+        if (eventName in this.listeners) {
+            this.listeners[eventName].forEach((listener, index) => {
+                map.set(listener, index);
+            });
+            const index = map.get(callback);
+            /* eslint-disable-next-line no-undefined */
+            if (index !== undefined) {
+                this.listeners[eventName].splice(index, 1);
+                if (this.listeners[eventName]?.length === 0) {
+                    delete this.listeners[eventName];
+                }
+            }
+        }
+    }
+    $flush() {
+        for (const key in this.listeners) {
+            this.listeners[key] = [];
+        }
+        this.listeners = {};
+    }
+    /* eslint-disable-next-line @typescript-eslint/no-explicit-any */
+    $emit(eventName, ...args) {
+        if (eventName in this.listeners) {
+            this.listeners[eventName].forEach(listener => {
+                Function.prototype.apply.call(listener, this, args);
+                if (this.once.includes(eventName)) {
+                    this.$off(eventName, listener);
+                    this.once = this.once.filter(evName => evName !== eventName);
+                }
+            });
+        }
+    }
+    $has(eventName) {
+        return Boolean(eventName in this.listeners && this.listeners[eventName]);
+    }
+}
+const eventBus = new EventBus();
+
 ;// CONCATENATED MODULE: ./src/vuetify.ts
 const aliases = {
     SmallButton: 'VBtn',
@@ -15248,6 +15322,8 @@ const ActiveDirectiveOptions = {
 
 
 
+
+
 
 
 
@@ -15296,6 +15372,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/eventBus.d.ts

@@ -0,0 +1,8 @@
+export interface IEventBus {
+  $on: (eventName: string, callback: (...args: any) => any) => void;
+  $once: (eventName: string, callback: (...args: any) => any) => void;
+  $off: (eventName: string, callback: (...args: any) => any) => void;
+  $emit: (eventName: string, ...args: any) => void;
+  $flush: () => void;
+  $has: (eventName: string) => boolean;
+}

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.9",
   "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",