plugin-ui-for-kzt 0.0.8 → 0.0.9

package/README.md

@@ -73,15 +73,20 @@ Follow these steps to update and publish a new version of the plugin:
 
 Update the `version` field in your `package.json` file according to [Semantic Versioning](https://semver.org/).
 
-### 2. Commit and Push to GitLab
+### 2. Clean Previous Builds
 
 ```bash
-git add .
-git commit -m "chore: bump version to x.x.x"
-git push
+rm -rf dist
+```
+
+### 3. Clean Previous Builds
+
+```bash
+npm run build
 ```
+check to correct build version
 
-### 3. Log in to npm
+### 4. Log in to npm
 
 ```bash
 npm login
@@ -89,25 +94,32 @@ npm login
 
 > 💡 Use the **npm credentials** stored in your GitLab vault or settings.
 
-### 4. Publish the Package
+### 5. Publish the Package
 
 ```bash
 npm publish --access public
 ```
 
-### 5. (Optional) Clear npm Cache
+### 6. Commit and Push to GitLab
+
+```bash
+git add .
+git commit -m "chore: bump version to x.x.x"
+git push
+```
+### 7. (Optional) Clear npm Cache
 
 ```bash
 npm cache clean --force
 ```
 
-### 6. Update the Plugin in Your Project
+### 7. Update the Plugin in Your Project
 
 ```bash
 npm install plugin-ui-for-kzt@latest --force
 ```
 
-### 7. Restart Your Quasar Project
+### 8. Restart Your Quasar Project
 
 ```bash
 quasar clean

package/dist/components/DataTable/DataTable.vue.d.ts

@@ -0,0 +1,3 @@
+export declare function render(_ctx: any, _cache: any, $props: any, $setup: any, $data: any, $options: any): import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>;

package/dist/components/Modal/Modal.vue.d.ts

@@ -0,0 +1,3 @@
+export declare function render(_ctx: any, _cache: any, $props: any, $setup: any, $data: any, $options: any): import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>;

package/dist/components/Spinner/Spinner.vue.d.ts

@@ -0,0 +1,3 @@
+export declare function render(_ctx: any, _cache: any, $props: any, $setup: any, $data: any, $options: any): import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>;

package/dist/components/Toaster/Toaster.vue.d.ts

@@ -0,0 +1,3 @@
+export declare function render(_ctx: any, _cache: any, $props: any, $setup: any, $data: any, $options: any): import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>;

package/dist/components/Tooltip/Tooltip.vue.d.ts

@@ -0,0 +1,3 @@
+export declare function render(_ctx: any, _cache: any, $props: any, $setup: any, $data: any, $options: any): import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>;

package/dist/index.d.ts

@@ -0,0 +1,11 @@
+import Modal from "./components/Modal/Modal.vue";
+import DataTable from "./components/DataTable/DataTable.vue";
+import Tooltip from "./components/Tooltip/Tooltip.vue";
+import Spinner from "./components/Spinner/Spinner.vue";
+import { useModal } from "./plugins/modalPlugin";
+import { useToast } from "./plugins/toasterPlugin";
+declare const _default: {
+    install(app: any): void;
+};
+export default _default;
+export { Modal, DataTable, Tooltip, Spinner, useModal, useToast };

package/dist/index.js

@@ -4,9 +4,9 @@
 	else if(typeof define === 'function' && define.amd)
 		define(["vue"], factory);
 	else if(typeof exports === 'object')
-		exports["ModalPluginNikitas"] = factory(require("vue"));
+		exports["plugin-ui-for-kzt"] = factory(require("vue"));
 	else
-		root["ModalPluginNikitas"] = factory(root["vue"]);
+		root["plugin-ui-for-kzt"] = factory(root["vue"]);
 })(this, (__WEBPACK_EXTERNAL_MODULE__3__) => {
 return /******/ (() => { // webpackBootstrap
 /******/ 	var __webpack_modules__ = ([
@@ -2390,7 +2390,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _Modal_vue_vue_type_template_id_47db75aa_ts_true__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(10);
 /* harmony import */ var _Modal_vue_vue_type_script_setup_true_lang_ts__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(12);
 /* harmony import */ var _Modal_vue_vue_type_style_index_0_id_47db75aa_lang_scss__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(30);
-/* harmony import */ var _Users_agusha_Desktop_work_kaztel_modal_plugin_nikitas_node_modules_vue_loader_dist_exportHelper_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(17);
+/* harmony import */ var _Users_agusha_Desktop_work_kaztel_plugin_ui_node_modules_vue_loader_dist_exportHelper_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(17);
 
 
 
@@ -2398,7 +2398,7 @@ __webpack_require__.r(__webpack_exports__);
 ;
 
 
-const __exports__ = /*#__PURE__*/(0,_Users_agusha_Desktop_work_kaztel_modal_plugin_nikitas_node_modules_vue_loader_dist_exportHelper_js__WEBPACK_IMPORTED_MODULE_3__["default"])(_Modal_vue_vue_type_script_setup_true_lang_ts__WEBPACK_IMPORTED_MODULE_1__["default"], [['render',_Modal_vue_vue_type_template_id_47db75aa_ts_true__WEBPACK_IMPORTED_MODULE_0__.render],['__file',"src/components/Modal/Modal.vue"]])
+const __exports__ = /*#__PURE__*/(0,_Users_agusha_Desktop_work_kaztel_plugin_ui_node_modules_vue_loader_dist_exportHelper_js__WEBPACK_IMPORTED_MODULE_3__["default"])(_Modal_vue_vue_type_script_setup_true_lang_ts__WEBPACK_IMPORTED_MODULE_1__["default"], [['render',_Modal_vue_vue_type_template_id_47db75aa_ts_true__WEBPACK_IMPORTED_MODULE_0__.render],['__file',"src/components/Modal/Modal.vue"]])
 /* hot reload */
 if (false) {}
 
@@ -2442,7 +2442,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
         (0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementVNode)("div", {
             class: (0,vue__WEBPACK_IMPORTED_MODULE_0__.normalizeClass)(["modal-container-header", {
                     'modal-container-header-show-all': $setup.showMore,
-                    [$setup.getTypeModal.nameClass]: $setup.getTypeModal.nameClass !== '',
+                    [$setup.getTypeModal.nameClass]: $setup.getTypeModal.nameClass.length,
                 }])
         }, [
             (0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementVNode)("div", _hoisted_1, [
@@ -2516,6 +2516,7 @@ __webpack_require__.r(__webpack_exports__);
         const props = __props;
         const showMore = (0,vue__WEBPACK_IMPORTED_MODULE_0__.ref)(false);
         const getTypeModal = (0,vue__WEBPACK_IMPORTED_MODULE_0__.computed)(() => {
+            console.log(props.name, 'show props name');
             switch (props.name) {
                 case "error":
                     return { img: _icons_ErrorIcon_vue__WEBPACK_IMPORTED_MODULE_2__["default"], nameClass: "error" };
@@ -2526,10 +2527,7 @@ __webpack_require__.r(__webpack_exports__);
                 case "info":
                     return { img: _icons_InfoIcon_vue__WEBPACK_IMPORTED_MODULE_5__["default"], nameClass: "info" };
                 default:
-                    return {
-                        img: _icons_SuccessIcon_vue__WEBPACK_IMPORTED_MODULE_3__["default"],
-                        nameClass: "",
-                    };
+                    return { img: _icons_WarningIcon_vue__WEBPACK_IMPORTED_MODULE_4__["default"], nameClass: "info" };
             }
         });
         const __returned__ = { props, showMore, getTypeModal, CloseIcon: _icons_CloseIcon_vue__WEBPACK_IMPORTED_MODULE_1__["default"] };
@@ -2549,12 +2547,12 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
 /* harmony export */ });
 /* harmony import */ var _CloseIcon_vue_vue_type_template_id_1533b5dc__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(15);
-/* harmony import */ var _Users_agusha_Desktop_work_kaztel_modal_plugin_nikitas_node_modules_vue_loader_dist_exportHelper_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(17);
+/* harmony import */ var _Users_agusha_Desktop_work_kaztel_plugin_ui_node_modules_vue_loader_dist_exportHelper_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(17);
 
 const script = {}
 
 ;
-const __exports__ = /*#__PURE__*/(0,_Users_agusha_Desktop_work_kaztel_modal_plugin_nikitas_node_modules_vue_loader_dist_exportHelper_js__WEBPACK_IMPORTED_MODULE_1__["default"])(script, [['render',_CloseIcon_vue_vue_type_template_id_1533b5dc__WEBPACK_IMPORTED_MODULE_0__.render],['__file',"src/components/icons/CloseIcon.vue"]])
+const __exports__ = /*#__PURE__*/(0,_Users_agusha_Desktop_work_kaztel_plugin_ui_node_modules_vue_loader_dist_exportHelper_js__WEBPACK_IMPORTED_MODULE_1__["default"])(script, [['render',_CloseIcon_vue_vue_type_template_id_1533b5dc__WEBPACK_IMPORTED_MODULE_0__.render],['__file',"src/components/icons/CloseIcon.vue"]])
 /* hot reload */
 if (false) {}
 
@@ -2633,12 +2631,12 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
 /* harmony export */ });
 /* harmony import */ var _ErrorIcon_vue_vue_type_template_id_d534cc28__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(19);
-/* harmony import */ var _Users_agusha_Desktop_work_kaztel_modal_plugin_nikitas_node_modules_vue_loader_dist_exportHelper_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(17);
+/* harmony import */ var _Users_agusha_Desktop_work_kaztel_plugin_ui_node_modules_vue_loader_dist_exportHelper_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(17);
 
 const script = {}
 
 ;
-const __exports__ = /*#__PURE__*/(0,_Users_agusha_Desktop_work_kaztel_modal_plugin_nikitas_node_modules_vue_loader_dist_exportHelper_js__WEBPACK_IMPORTED_MODULE_1__["default"])(script, [['render',_ErrorIcon_vue_vue_type_template_id_d534cc28__WEBPACK_IMPORTED_MODULE_0__.render],['__file',"src/components/icons/ErrorIcon.vue"]])
+const __exports__ = /*#__PURE__*/(0,_Users_agusha_Desktop_work_kaztel_plugin_ui_node_modules_vue_loader_dist_exportHelper_js__WEBPACK_IMPORTED_MODULE_1__["default"])(script, [['render',_ErrorIcon_vue_vue_type_template_id_d534cc28__WEBPACK_IMPORTED_MODULE_0__.render],['__file',"src/components/icons/ErrorIcon.vue"]])
 /* hot reload */
 if (false) {}
 
@@ -2714,12 +2712,12 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
 /* harmony export */ });
 /* harmony import */ var _SuccessIcon_vue_vue_type_template_id_dc8347b2__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(22);
-/* harmony import */ var _Users_agusha_Desktop_work_kaztel_modal_plugin_nikitas_node_modules_vue_loader_dist_exportHelper_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(17);
+/* harmony import */ var _Users_agusha_Desktop_work_kaztel_plugin_ui_node_modules_vue_loader_dist_exportHelper_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(17);
 
 const script = {}
 
 ;
-const __exports__ = /*#__PURE__*/(0,_Users_agusha_Desktop_work_kaztel_modal_plugin_nikitas_node_modules_vue_loader_dist_exportHelper_js__WEBPACK_IMPORTED_MODULE_1__["default"])(script, [['render',_SuccessIcon_vue_vue_type_template_id_dc8347b2__WEBPACK_IMPORTED_MODULE_0__.render],['__file',"src/components/icons/SuccessIcon.vue"]])
+const __exports__ = /*#__PURE__*/(0,_Users_agusha_Desktop_work_kaztel_plugin_ui_node_modules_vue_loader_dist_exportHelper_js__WEBPACK_IMPORTED_MODULE_1__["default"])(script, [['render',_SuccessIcon_vue_vue_type_template_id_dc8347b2__WEBPACK_IMPORTED_MODULE_0__.render],['__file',"src/components/icons/SuccessIcon.vue"]])
 /* hot reload */
 if (false) {}
 
@@ -2788,12 +2786,12 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
 /* harmony export */ });
 /* harmony import */ var _WarningIcon_vue_vue_type_template_id_3d1622c0__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(25);
-/* harmony import */ var _Users_agusha_Desktop_work_kaztel_modal_plugin_nikitas_node_modules_vue_loader_dist_exportHelper_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(17);
+/* harmony import */ var _Users_agusha_Desktop_work_kaztel_plugin_ui_node_modules_vue_loader_dist_exportHelper_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(17);
 
 const script = {}
 
 ;
-const __exports__ = /*#__PURE__*/(0,_Users_agusha_Desktop_work_kaztel_modal_plugin_nikitas_node_modules_vue_loader_dist_exportHelper_js__WEBPACK_IMPORTED_MODULE_1__["default"])(script, [['render',_WarningIcon_vue_vue_type_template_id_3d1622c0__WEBPACK_IMPORTED_MODULE_0__.render],['__file',"src/components/icons/WarningIcon.vue"]])
+const __exports__ = /*#__PURE__*/(0,_Users_agusha_Desktop_work_kaztel_plugin_ui_node_modules_vue_loader_dist_exportHelper_js__WEBPACK_IMPORTED_MODULE_1__["default"])(script, [['render',_WarningIcon_vue_vue_type_template_id_3d1622c0__WEBPACK_IMPORTED_MODULE_0__.render],['__file',"src/components/icons/WarningIcon.vue"]])
 /* hot reload */
 if (false) {}
 
@@ -2865,12 +2863,12 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
 /* harmony export */ });
 /* harmony import */ var _InfoIcon_vue_vue_type_template_id_1cb1f1cc__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(28);
-/* harmony import */ var _Users_agusha_Desktop_work_kaztel_modal_plugin_nikitas_node_modules_vue_loader_dist_exportHelper_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(17);
+/* harmony import */ var _Users_agusha_Desktop_work_kaztel_plugin_ui_node_modules_vue_loader_dist_exportHelper_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(17);
 
 const script = {}
 
 ;
-const __exports__ = /*#__PURE__*/(0,_Users_agusha_Desktop_work_kaztel_modal_plugin_nikitas_node_modules_vue_loader_dist_exportHelper_js__WEBPACK_IMPORTED_MODULE_1__["default"])(script, [['render',_InfoIcon_vue_vue_type_template_id_1cb1f1cc__WEBPACK_IMPORTED_MODULE_0__.render],['__file',"src/components/icons/InfoIcon.vue"]])
+const __exports__ = /*#__PURE__*/(0,_Users_agusha_Desktop_work_kaztel_plugin_ui_node_modules_vue_loader_dist_exportHelper_js__WEBPACK_IMPORTED_MODULE_1__["default"])(script, [['render',_InfoIcon_vue_vue_type_template_id_1cb1f1cc__WEBPACK_IMPORTED_MODULE_0__.render],['__file',"src/components/icons/InfoIcon.vue"]])
 /* hot reload */
 if (false) {}
 
@@ -3050,7 +3048,7 @@ ___CSS_LOADER_EXPORT___.push([module.id, `.modal {
 .warning {
   background: #f4a900;
 }
-.warning {
+.info {
   background: #0085cf;
 }`, ""]);
 // Exports
@@ -3443,7 +3441,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _DataTable_vue_vue_type_template_id_a2f6a4ce_scoped_true_ts_true__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(38);
 /* harmony import */ var _DataTable_vue_vue_type_script_setup_true_lang_ts__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(40);
 /* harmony import */ var _DataTable_vue_vue_type_style_index_0_id_a2f6a4ce_scoped_true_lang_scss__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(42);
-/* harmony import */ var _Users_agusha_Desktop_work_kaztel_modal_plugin_nikitas_node_modules_vue_loader_dist_exportHelper_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(17);
+/* harmony import */ var _Users_agusha_Desktop_work_kaztel_plugin_ui_node_modules_vue_loader_dist_exportHelper_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(17);
 
 
 
@@ -3451,7 +3449,7 @@ __webpack_require__.r(__webpack_exports__);
 ;
 
 
-const __exports__ = /*#__PURE__*/(0,_Users_agusha_Desktop_work_kaztel_modal_plugin_nikitas_node_modules_vue_loader_dist_exportHelper_js__WEBPACK_IMPORTED_MODULE_3__["default"])(_DataTable_vue_vue_type_script_setup_true_lang_ts__WEBPACK_IMPORTED_MODULE_1__["default"], [['render',_DataTable_vue_vue_type_template_id_a2f6a4ce_scoped_true_ts_true__WEBPACK_IMPORTED_MODULE_0__.render],['__scopeId',"data-v-a2f6a4ce"],['__file',"src/components/DataTable/DataTable.vue"]])
+const __exports__ = /*#__PURE__*/(0,_Users_agusha_Desktop_work_kaztel_plugin_ui_node_modules_vue_loader_dist_exportHelper_js__WEBPACK_IMPORTED_MODULE_3__["default"])(_DataTable_vue_vue_type_script_setup_true_lang_ts__WEBPACK_IMPORTED_MODULE_1__["default"], [['render',_DataTable_vue_vue_type_template_id_a2f6a4ce_scoped_true_ts_true__WEBPACK_IMPORTED_MODULE_0__.render],['__scopeId',"data-v-a2f6a4ce"],['__file',"src/components/DataTable/DataTable.vue"]])
 /* hot reload */
 if (false) {}
 
@@ -3740,7 +3738,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _Tooltip_vue_vue_type_template_id_3a154857_scoped_true_ts_true__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(46);
 /* harmony import */ var _Tooltip_vue_vue_type_script_setup_true_lang_ts__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(48);
 /* harmony import */ var _Tooltip_vue_vue_type_style_index_0_id_3a154857_scoped_true_lang_scss__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(50);
-/* harmony import */ var _Users_agusha_Desktop_work_kaztel_modal_plugin_nikitas_node_modules_vue_loader_dist_exportHelper_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(17);
+/* harmony import */ var _Users_agusha_Desktop_work_kaztel_plugin_ui_node_modules_vue_loader_dist_exportHelper_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(17);
 
 
 
@@ -3748,7 +3746,7 @@ __webpack_require__.r(__webpack_exports__);
 ;
 
 
-const __exports__ = /*#__PURE__*/(0,_Users_agusha_Desktop_work_kaztel_modal_plugin_nikitas_node_modules_vue_loader_dist_exportHelper_js__WEBPACK_IMPORTED_MODULE_3__["default"])(_Tooltip_vue_vue_type_script_setup_true_lang_ts__WEBPACK_IMPORTED_MODULE_1__["default"], [['render',_Tooltip_vue_vue_type_template_id_3a154857_scoped_true_ts_true__WEBPACK_IMPORTED_MODULE_0__.render],['__scopeId',"data-v-3a154857"],['__file',"src/components/Tooltip/Tooltip.vue"]])
+const __exports__ = /*#__PURE__*/(0,_Users_agusha_Desktop_work_kaztel_plugin_ui_node_modules_vue_loader_dist_exportHelper_js__WEBPACK_IMPORTED_MODULE_3__["default"])(_Tooltip_vue_vue_type_script_setup_true_lang_ts__WEBPACK_IMPORTED_MODULE_1__["default"], [['render',_Tooltip_vue_vue_type_template_id_3a154857_scoped_true_ts_true__WEBPACK_IMPORTED_MODULE_0__.render],['__scopeId',"data-v-3a154857"],['__file',"src/components/Tooltip/Tooltip.vue"]])
 /* hot reload */
 if (false) {}
 
@@ -3961,7 +3959,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _Spinner_vue_vue_type_template_id_8800befa_scoped_true_ts_true__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(54);
 /* harmony import */ var _Spinner_vue_vue_type_script_setup_true_lang_ts__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(56);
 /* harmony import */ var _Spinner_vue_vue_type_style_index_0_id_8800befa_scoped_true_lang_scss__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(58);
-/* harmony import */ var _Users_agusha_Desktop_work_kaztel_modal_plugin_nikitas_node_modules_vue_loader_dist_exportHelper_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(17);
+/* harmony import */ var _Users_agusha_Desktop_work_kaztel_plugin_ui_node_modules_vue_loader_dist_exportHelper_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(17);
 
 
 
@@ -3969,7 +3967,7 @@ __webpack_require__.r(__webpack_exports__);
 ;
 
 
-const __exports__ = /*#__PURE__*/(0,_Users_agusha_Desktop_work_kaztel_modal_plugin_nikitas_node_modules_vue_loader_dist_exportHelper_js__WEBPACK_IMPORTED_MODULE_3__["default"])(_Spinner_vue_vue_type_script_setup_true_lang_ts__WEBPACK_IMPORTED_MODULE_1__["default"], [['render',_Spinner_vue_vue_type_template_id_8800befa_scoped_true_ts_true__WEBPACK_IMPORTED_MODULE_0__.render],['__scopeId',"data-v-8800befa"],['__file',"src/components/Spinner/Spinner.vue"]])
+const __exports__ = /*#__PURE__*/(0,_Users_agusha_Desktop_work_kaztel_plugin_ui_node_modules_vue_loader_dist_exportHelper_js__WEBPACK_IMPORTED_MODULE_3__["default"])(_Spinner_vue_vue_type_script_setup_true_lang_ts__WEBPACK_IMPORTED_MODULE_1__["default"], [['render',_Spinner_vue_vue_type_template_id_8800befa_scoped_true_ts_true__WEBPACK_IMPORTED_MODULE_0__.render],['__scopeId',"data-v-8800befa"],['__file',"src/components/Spinner/Spinner.vue"]])
 /* hot reload */
 if (false) {}
 
@@ -4184,26 +4182,23 @@ __webpack_require__.r(__webpack_exports__);
         (0,vue__WEBPACK_IMPORTED_MODULE_0__.watch)(() => modalStore.modals, (newModals) => {
             // Очищаем контейнер
             modalContainer.innerHTML = "";
+            // Обновляем data-атрибут и класс
+            if (newModals.length > 1) {
+                modalContainer.classList.add("modal");
+            }
+            else {
+                modalContainer.classList.remove("modal");
+            }
             // Добавляем модалки в DOM
             newModals.forEach((modal) => {
                 modalContainer.dataset.modalId = String(modal.id);
-                modalContainer.addEventListener("click", (event) => {
-                    console.log(`Closing modal with id: ${modal.id}`);
-                    modalStore.closeModal(modal.id);
-                });
                 modalContainer.setAttribute("name", modal.name);
-                modalContainer.classList.add("modal");
-                modalContainer.addEventListener("click", () => {
-                    console.log("this click on background");
-                    modalStore.closeModal(modal.id);
-                });
                 const modalApp = (0,vue__WEBPACK_IMPORTED_MODULE_0__.createApp)({
                     render() {
                         return (0,vue__WEBPACK_IMPORTED_MODULE_0__.h)(_components_Modal_Modal_vue__WEBPACK_IMPORTED_MODULE_2__["default"], {
                             options: modal.options,
                             name: modal.name,
                             onClose: () => {
-                                modalContainer.classList.remove("modal");
                                 modalStore.closeModal(modal.id);
                             },
                         });
@@ -4212,6 +4207,18 @@ __webpack_require__.r(__webpack_exports__);
                 modalApp.mount(modalContainer);
             });
         }, { deep: true });
+        // ✅ Добавляем ОДИН обработчик клика по фону
+        modalContainer.addEventListener("click", (event) => {
+            console.log("click on background", modalStore.modals.length);
+            if (modalStore.modals.length > 0) {
+                const lastModal = modalStore.modals[modalStore.modals.length - 1];
+                modalStore.closeModal(lastModal.id);
+                // Удаляем класс, если это была последняя модалка
+                if (modalStore.modals.length <= 1) {
+                    modalContainer.classList.remove("modal");
+                }
+            }
+        });
     },
 });
 function useModal() {
@@ -4388,7 +4395,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _Toaster_vue_vue_type_template_id_060a1079_scoped_true_ts_true__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(65);
 /* harmony import */ var _Toaster_vue_vue_type_script_setup_true_lang_ts__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(67);
 /* harmony import */ var _Toaster_vue_vue_type_style_index_0_id_060a1079_scoped_true_lang_scss__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(70);
-/* harmony import */ var _Users_agusha_Desktop_work_kaztel_modal_plugin_nikitas_node_modules_vue_loader_dist_exportHelper_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(17);
+/* harmony import */ var _Users_agusha_Desktop_work_kaztel_plugin_ui_node_modules_vue_loader_dist_exportHelper_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(17);
 
 
 
@@ -4396,7 +4403,7 @@ __webpack_require__.r(__webpack_exports__);
 ;
 
 
-const __exports__ = /*#__PURE__*/(0,_Users_agusha_Desktop_work_kaztel_modal_plugin_nikitas_node_modules_vue_loader_dist_exportHelper_js__WEBPACK_IMPORTED_MODULE_3__["default"])(_Toaster_vue_vue_type_script_setup_true_lang_ts__WEBPACK_IMPORTED_MODULE_1__["default"], [['render',_Toaster_vue_vue_type_template_id_060a1079_scoped_true_ts_true__WEBPACK_IMPORTED_MODULE_0__.render],['__scopeId',"data-v-060a1079"],['__file',"src/components/Toaster/Toaster.vue"]])
+const __exports__ = /*#__PURE__*/(0,_Users_agusha_Desktop_work_kaztel_plugin_ui_node_modules_vue_loader_dist_exportHelper_js__WEBPACK_IMPORTED_MODULE_3__["default"])(_Toaster_vue_vue_type_script_setup_true_lang_ts__WEBPACK_IMPORTED_MODULE_1__["default"], [['render',_Toaster_vue_vue_type_template_id_060a1079_scoped_true_ts_true__WEBPACK_IMPORTED_MODULE_0__.render],['__scopeId',"data-v-060a1079"],['__file',"src/components/Toaster/Toaster.vue"]])
 /* hot reload */
 if (false) {}
 

package/dist/{types/plugins → plugins}/modalPlugin.d.ts

@@ -1,15 +1,16 @@
+import { IModalState, IModalType } from "types";
 declare const _default: {
     install(app: any): void;
 };
 export default _default;
 export declare function useModal(): {
-    open: (name: string, options?: Record<string, any>) => void;
+    open: (name: IModalType, options?: IModalState) => void;
     close: (id: number) => void;
 } | undefined;
 declare module "@vue/runtime-core" {
     interface ComponentCustomProperties {
         $modal: {
-            open: (name: string, options?: Record<string, any>) => void;
+            open: (name: IModalType, options?: IModalState) => void;
             close: (id: number) => void;
         };
     }

package/dist/types/index.d.ts

@@ -1,11 +1,5 @@
-import Modal from "./components/Modal/Modal.vue";
-import DataTable from "./components/DataTable/DataTable.vue";
-import Tooltip from "./components/Tooltip/Tooltip.vue";
-import Spinner from "./components/Spinner/Spinner.vue";
-import { useModal } from "./plugins/modalPlugin";
-import { useToast } from "./plugins/toasterPlugin";
-declare const _default: {
-    install(app: any): void;
-};
-export default _default;
-export { Modal, DataTable, Tooltip, Spinner, useModal, useToast };
+export interface IModalState {
+    title: string;
+    message: string;
+}
+export type IModalType = string | 'success' | 'error' | 'info' | 'warning';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "plugin-ui-for-kzt",
-  "version": "0.0.8",
+  "version": "0.0.9",
   "description": "plugin-ui for kazaktelekom",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",

package/src/components/Modal/Modal.vue

@@ -1,35 +1,33 @@
 <template>
   <div class="modal-container" @click.stop>
     <div
-      class="modal-container-header"
-      :class="{
+        class="modal-container-header"
+        :class="{
         'modal-container-header-show-all': showMore,
-        [getTypeModal.nameClass]: getTypeModal.nameClass !== '',
+        [getTypeModal.nameClass]: getTypeModal.nameClass.length,
       }"
     >
-      {{getTypeModal.nameClass}}
       <div class="modal-container-header-title">
-        <component :is="getTypeModal.img" />
+        <component :is="getTypeModal.img"/>
         <div>{{ options.title }}</div>
-        <div>{{ getTypeModal.nameClass }}</div>
       </div>
       <div
-        class="modal-container-header-show-more"
-        @click="showMore = !showMore"
+          class="modal-container-header-show-more"
+          @click="showMore = !showMore"
       >
         {{ showMore ? "Скрыть" : "Смотреть больше" }}
       </div>
     </div>
-    <CloseIcon class="modal-button-close" @click="onClose" />
+    <CloseIcon class="modal-button-close" @click="onClose"/>
     <div v-if="showMore" class="modal-container-subtitle">
-      Описание: <br />
+      Описание: <br/>
       {{ options.message }}
     </div>
   </div>
 </template>
 
 <script setup lang="ts">
-import {ref, computed, Component} from "vue";
+import {ref, computed} from "vue";
 import CloseIcon from "../icons/CloseIcon.vue";
 import ErrorIcon from "../icons/ErrorIcon.vue";
 import SuccessIcon from "../icons/SuccessIcon.vue";
@@ -38,7 +36,7 @@ import InfoIcon from "../icons/InfoIcon.vue";
 import {IModalState, IModalType} from "../../types/index";
 
 interface IProps {
-  options:IModalState
+  options: IModalState
   name: IModalType;
   onClose: () => void;
 }
@@ -46,22 +44,19 @@ interface IProps {
 const props = defineProps<IProps>();
 const showMore = ref<boolean>(false);
 
-const getTypeModal = computed<{ img: Component; nameClass: string }>(() => {
-  console.log(props.name);
+const getTypeModal = computed<{ img: any; nameClass: string }>(() => {
+  console.log(props.name, 'show props name')
   switch (props.name) {
     case "error":
-      return { img: ErrorIcon, nameClass: "error" };
+      return {img: ErrorIcon, nameClass: "error"};
     case "success":
-      return { img: SuccessIcon, nameClass: "success" };
+      return {img: SuccessIcon, nameClass: "success"};
     case "warning":
-      return { img: WarningIcon, nameClass: "warning" };
+      return {img: WarningIcon, nameClass: "warning"};
     case "info":
-      return { img: InfoIcon, nameClass: "info-modal" };
+      return {img: InfoIcon, nameClass: "info"};
     default:
-      return {
-        img: SuccessIcon,
-        nameClass: "info-modal",
-      };
+      return {img: WarningIcon, nameClass: "info"};
   }
 });
 </script>
@@ -104,6 +99,7 @@ const getTypeModal = computed<{ img: Component; nameClass: string }>(() => {
       font-size: 20px;
       font-weight: 400;
       line-height: 24px;
+
       &-show-all {
         border-radius: 12px 12px 0 0;
       }
@@ -140,11 +136,11 @@ const getTypeModal = computed<{ img: Component; nameClass: string }>(() => {
   background: #15b853;
 }
 
-:deep(.info-modal) {
+.warning {
   background: #f4a900;
 }
 
-.warning {
+.info {
   background: #0085cf;
 }
 </style>

package/src/plugins/modalPlugin.ts

@@ -30,18 +30,17 @@ export default {
                 // Очищаем контейнер
                 modalContainer.innerHTML = "";
 
+                // Обновляем data-атрибут и класс
+                if (newModals.length > 1) {
+                    modalContainer.classList.add("modal");
+                } else {
+                    modalContainer.classList.remove("modal");
+                }
+
                 // Добавляем модалки в DOM
                 newModals.forEach((modal) => {
                     modalContainer.dataset.modalId = String(modal.id);
-
-                    modalContainer.addEventListener("click", (event) => {
-                        console.log(`Closing modal with id: ${modal.id}`);
-                        console.log("this click on background", modalStore.modals);
-                        if (modalStore.modals.length === 1) modalContainer.classList.remove("modal")
-                        modalStore.closeModal(modal.id);
-                    });
                     modalContainer.setAttribute("name", modal.name);
-                    modalContainer.classList.add("modal");
 
                     const modalApp = createApp({
                         render() {
@@ -49,17 +48,31 @@ export default {
                                 options: modal.options,
                                 name: modal.name,
                                 onClose: () => {
-                                    modalContainer.classList.remove("modal");
                                     modalStore.closeModal(modal.id);
                                 },
                             });
                         },
                     });
+
                     modalApp.mount(modalContainer);
                 });
             },
             {deep: true}
         );
+        // ✅ Добавляем ОДИН обработчик клика по фону
+        modalContainer.addEventListener("click", (event) => {
+            console.log("click on background", modalStore.modals.length);
+
+            if (modalStore.modals.length > 0) {
+                const lastModal = modalStore.modals[modalStore.modals.length - 1];
+                modalStore.closeModal(lastModal.id);
+
+                // Удаляем класс, если это была последняя модалка
+                if (modalStore.modals.length <= 1) {
+                    modalContainer.classList.remove("modal");
+                }
+            }
+        });
     },
 };
 

package/tsconfig.json

@@ -7,6 +7,8 @@
     "esModuleInterop": true,
     "skipLibCheck": true,
     "jsx": "preserve",
+    "declaration": true,
+    "declarationDir": "./dist",
     "lib": [
       "dom",
       "esnext"
@@ -18,7 +20,6 @@
     }
   },
   "include": [
-
     "src/**/*",
     "src/**/*.ts",
     "src/**/*.vue",
@@ -28,4 +29,4 @@
     "node_modules",
     "dist"
   ]
-}
+}

package/webpack.config.js

@@ -8,7 +8,7 @@ module.exports = {
         path: __dirname + "/dist",
         filename: "index.js",
         libraryTarget: "umd", // Universal Module Definition
-        library: "ModalPluginNikitas",
+        library: "plugin-ui-for-kzt",
         globalObject: "this"
     },
     // output: {

package/dist/types/types/index.d.ts

@@ -1,4 +0,0 @@
-export interface IModalState {
-    title: string;
-    message: string;
-}