@weni/unnnic-system 1.16.31 → 1.16.32-develop.0

package/dist/unnnic.common.js

@@ -177,13 +177,6 @@ module.exports = String(test) === '[object z]';
 })));
 
 
-/***/ }),
-
-/***/ "01c1":
-/***/ (function(module, exports, __webpack_require__) {
-
-// extracted by mini-css-extract-plugin
-
 /***/ }),
 
 /***/ "020e":
@@ -17659,17 +17652,6 @@ $({ target: 'RegExp', proto: true, forced: /./.exec !== exec }, {
 });
 
 
-/***/ }),
-
-/***/ "ac9a":
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_8_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_8_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_8_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_Modal_vue_vue_type_style_index_0_id_3f8fc3bd_lang_scss_scoped_true___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("01c1");
-/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_8_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_8_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_8_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_Modal_vue_vue_type_style_index_0_id_3f8fc3bd_lang_scss_scoped_true___WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_mini_css_extract_plugin_dist_loader_js_ref_8_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_8_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_8_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_Modal_vue_vue_type_style_index_0_id_3f8fc3bd_lang_scss_scoped_true___WEBPACK_IMPORTED_MODULE_0__);
-/* unused harmony reexport * */
-
-
 /***/ }),
 
 /***/ "acfe":
@@ -28585,6 +28567,13 @@ module.exports = "<svg viewBox=\"0 0 40 40\" fill=\"none\" xmlns=\"http://www.w3
 })));
 
 
+/***/ }),
+
+/***/ "e843":
+/***/ (function(module, exports, __webpack_require__) {
+
+// extracted by mini-css-extract-plugin
+
 /***/ }),
 
 /***/ "e893":
@@ -29080,6 +29069,17 @@ module.exports = function (target, name, descriptor) {
 /* unused harmony reexport * */
 
 
+/***/ }),
+
+/***/ "f0cf":
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_8_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_8_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_8_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_Modal_vue_vue_type_style_index_0_id_5ebc5326_lang_scss_scoped_true___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("e843");
+/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_8_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_8_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_8_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_Modal_vue_vue_type_style_index_0_id_5ebc5326_lang_scss_scoped_true___WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_mini_css_extract_plugin_dist_loader_js_ref_8_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_8_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_8_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_Modal_vue_vue_type_style_index_0_id_5ebc5326_lang_scss_scoped_true___WEBPACK_IMPORTED_MODULE_0__);
+/* unused harmony reexport * */
+
+
 /***/ }),
 
 /***/ "f0d9":
@@ -36473,15 +36473,15 @@ var Radio_component = normalizeComponent(
 )
 
 /* harmony default export */ var Radio = (Radio_component.exports);
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"3be1353e-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/Modal/Modal.vue?vue&type=template&id=3f8fc3bd&scoped=true&
-var Modalvue_type_template_id_3f8fc3bd_scoped_true_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return (_vm.showModal)?_c('transition',{attrs:{"name":"modal"}},[_c('div',_vm._g(_vm._b({class:['unnnic-modal']},'div',_vm.$attrs,false),_vm.$listeners),[_c('div',{staticClass:"unnnic-modal-container"},[_c('div',{staticClass:"unnnic-modal-container-background"},[_c('div',{staticClass:"unnnic-modal-container-background-body"},[(_vm.closeIcon)?_c('div',{staticClass:"unnnic-modal-container-background-body-close_icon"},[_c('unnnic-icon-svg',{attrs:{"icon":"close-1","scheme":"neutral-dark","size":"sm","clickable":""},on:{"click":_vm.onCloseClick}})],1):_vm._e(),(_vm.modalIcon)?_c('div',{class:[
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"3be1353e-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/Modal/Modal.vue?vue&type=template&id=5ebc5326&scoped=true&
+var Modalvue_type_template_id_5ebc5326_scoped_true_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return (_vm.showModal)?_c('transition',{attrs:{"name":"modal"}},[_c('div',_vm._g(_vm._b({ref:"modalContainer",class:['unnnic-modal']},'div',_vm.$attrs,false),_vm.$listeners),[_c('div',{staticClass:"unnnic-modal-container",on:{"click":function($event){if($event.target !== $event.currentTarget){ return null; }return _vm.onOutsideCloseClick($event)}}},[_c('div',{ref:"modal",staticClass:"unnnic-modal-container-background"},[_c('div',{staticClass:"unnnic-modal-container-background-body"},[(_vm.closeIcon)?_c('div',{staticClass:"unnnic-modal-container-background-body-close_icon"},[_c('unnnic-icon-svg',{attrs:{"icon":"close-1","scheme":"neutral-dark","size":"sm","clickable":""},on:{"click":_vm.onCloseClick}})],1):_vm._e(),(_vm.modalIcon)?_c('div',{class:[
               'unnnic-modal-container-background-body-alert_icon',
               ("unnnic-card-scheme--" + _vm.scheme + "--icon"),
-              _vm.closeIcon ? '' : 'unnnic-modal-container-background-body-spacing_header' ]},[_c('unnnic-icon-svg',{attrs:{"scheme":_vm.scheme,"icon":_vm.modalIcon,"size":"xl"}})],1):_vm._e(),_c('div',{staticClass:"unnnic-modal-container-background-body-title"},[_vm._v(" "+_vm._s(_vm.text)+" ")]),_c('div',{staticClass:"unnnic-modal-container-background-body-description"},[_vm._v(" "+_vm._s(_vm.description)+" "),_vm._t("message")],2)]),(_vm.hasAlertMessage)?_c('div',{staticClass:"unnnic-modal-container-background-report"},[_vm._v(" "+_vm._s(_vm.alertMessage)+" ")]):_vm._e(),(_vm.hasButton)?_c('div',{staticClass:"unnnic-modal-container-background-button"},[_vm._t("options")],2):_vm._e()])])])]):_vm._e()}
-var Modalvue_type_template_id_3f8fc3bd_scoped_true_staticRenderFns = []
+              _vm.closeIcon ? '' : 'unnnic-modal-container-background-body-spacing_header' ]},[_c('unnnic-icon-svg',{attrs:{"scheme":_vm.scheme,"icon":_vm.modalIcon,"size":"xl"}})],1):_vm._e(),_c('div',{staticClass:"unnnic-modal-container-background-body-title"},[_vm._v(" "+_vm._s(_vm.text)+" ")])]),_c('div',{staticClass:"unnnic-modal-container-background-body-description-container"},[_c('div',{staticClass:"unnnic-modal-container-background-body-description"},[_vm._v(" "+_vm._s(_vm.description)+" "),_vm._t("message"),_vm._t("default")],2)]),(_vm.hasAlertMessage)?_c('div',{staticClass:"unnnic-modal-container-background-report"},[_vm._v(" "+_vm._s(_vm.alertMessage)+" ")]):_vm._e(),(_vm.hasButton)?_c('div',{staticClass:"unnnic-modal-container-background-button"},[_vm._t("options")],2):_vm._e()])])])]):_vm._e()}
+var Modalvue_type_template_id_5ebc5326_scoped_true_staticRenderFns = []
 
 
-// CONCATENATED MODULE: ./src/components/Modal/Modal.vue?vue&type=template&id=3f8fc3bd&scoped=true&
+// CONCATENATED MODULE: ./src/components/Modal/Modal.vue?vue&type=template&id=5ebc5326&scoped=true&
 
 // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/Modal/Modal.vue?vue&type=script&lang=js&
 //
@@ -36528,6 +36528,9 @@ var Modalvue_type_template_id_3f8fc3bd_scoped_true_staticRenderFns = []
 //
 //
 //
+//
+//
+//
 
 
 /* harmony default export */ var Modalvue_type_script_lang_js_ = ({
@@ -36563,10 +36566,61 @@ var Modalvue_type_template_id_3f8fc3bd_scoped_true_staticRenderFns = []
     scheme: {
       type: String,
       default: null
+    },
+    persistent: {
+      type: Boolean,
+      default: false
+    }
+  },
+  mounted() {
+    if (window.innerWidth <= 600) {
+      this.mobileAnimateOpen();
     }
   },
   methods: {
-    onCloseClick() {
+    mobileAnimateReset() {
+      this.$refs.modalContainer.style.transition = null;
+      this.$refs.modal.style.transition = null;
+    },
+    mobileAnimateOpen() {
+      this.$nextTick(() => {
+        this.$refs.modalContainer.style.transition = 'none';
+        this.$refs.modalContainer.style.backgroundColor = 'transparent';
+        this.$refs.modal.style.transition = 'none';
+        this.$refs.modal.style.marginBottom = `${-this.$refs.modal.offsetHeight}px`;
+        setTimeout(() => {
+          this.$refs.modalContainer.style.transition = 'background-color 0.2s';
+          this.$refs.modalContainer.style.backgroundColor = null;
+          this.$refs.modal.style.transition = 'margin-bottom 0.2s';
+          this.$refs.modal.style.marginBottom = null;
+          setTimeout(() => {
+            this.mobileAnimateReset();
+          }, 200);
+        });
+      });
+    },
+    mobileAnimateClose() {
+      return new Promise(resolve => {
+        this.$refs.modalContainer.style.transition = 'background-color 0.2s';
+        this.$refs.modalContainer.style.backgroundColor = 'transparent';
+        this.$refs.modal.style.transition = 'margin-bottom 0.2s';
+        this.$refs.modal.style.marginBottom = `${-this.$refs.modal.offsetHeight}px`;
+        setTimeout(() => {
+          this.mobileAnimateReset();
+          resolve();
+        }, 200);
+      });
+    },
+    onOutsideCloseClick() {
+      if (this.persistent) {
+        return;
+      }
+      this.onCloseClick();
+    },
+    async onCloseClick() {
+      if (window.innerWidth <= 600) {
+        await this.mobileAnimateClose();
+      }
       this.$emit('close');
     }
   },
@@ -36581,8 +36635,8 @@ var Modalvue_type_template_id_3f8fc3bd_scoped_true_staticRenderFns = []
 });
 // CONCATENATED MODULE: ./src/components/Modal/Modal.vue?vue&type=script&lang=js&
  /* harmony default export */ var Modal_Modalvue_type_script_lang_js_ = (Modalvue_type_script_lang_js_); 
-// EXTERNAL MODULE: ./src/components/Modal/Modal.vue?vue&type=style&index=0&id=3f8fc3bd&lang=scss&scoped=true&
-var Modalvue_type_style_index_0_id_3f8fc3bd_lang_scss_scoped_true_ = __webpack_require__("ac9a");
+// EXTERNAL MODULE: ./src/components/Modal/Modal.vue?vue&type=style&index=0&id=5ebc5326&lang=scss&scoped=true&
+var Modalvue_type_style_index_0_id_5ebc5326_lang_scss_scoped_true_ = __webpack_require__("f0cf");
 
 // CONCATENATED MODULE: ./src/components/Modal/Modal.vue
 
@@ -36595,11 +36649,11 @@ var Modalvue_type_style_index_0_id_3f8fc3bd_lang_scss_scoped_true_ = __webpack_r
 
 var Modal_component = normalizeComponent(
   Modal_Modalvue_type_script_lang_js_,
-  Modalvue_type_template_id_3f8fc3bd_scoped_true_render,
-  Modalvue_type_template_id_3f8fc3bd_scoped_true_staticRenderFns,
+  Modalvue_type_template_id_5ebc5326_scoped_true_render,
+  Modalvue_type_template_id_5ebc5326_scoped_true_staticRenderFns,
   false,
   null,
-  "3f8fc3bd",
+  "5ebc5326",
   null
   
 )