@iankibetsh/shframework 5.2.5 → 5.2.8

package/dist/library.js

@@ -283,8 +283,14 @@ const showModal = modalId => {
 };
 
 const hideModal = modalId => {
-    const modal = new bootstrap.Modal(document.getElementById(modalId));
-    modal.hide();
+    const modalElement = document.getElementById(modalId);
+    const button = modalElement.querySelector('.sh-modal-close');
+    if(button){
+        button.click();
+    } else {
+        const modal = new bootstrap.Modal(modalElement);
+        modal.hide();
+    }
 };
 
 const showOffCanvas = offCanvasId => {
@@ -293,8 +299,14 @@ const showOffCanvas = offCanvasId => {
 };
 
 const hideOffCanvas = offCanvasId => {
-    const offCanvas = new bootstrap.Offcanvas(document.getElementById(offCanvasId));
-    offCanvas.hide();
+    const element = document.getElementById(offCanvasId);
+    const button = element.querySelector('.sh-offcanvas-close');
+    if(button){
+        button.click();
+    } else {
+        const offCanvas = new bootstrap.Offcanvas(element);
+        offCanvas.hide();
+    }
 };
 
 var shRepo = {
@@ -2103,7 +2115,7 @@ const _hoisted_2$i = {
 };
 const _hoisted_3$g = ["src"];
 const _hoisted_4$g = ["value"];
-const _hoisted_5$d = ["disabled"];
+const _hoisted_5$e = ["disabled"];
 
 function render$4(_ctx, _cache, $props, $setup, $data, $options) {
   return (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$s, [
@@ -2135,7 +2147,7 @@ function render$4(_ctx, _cache, $props, $setup, $data, $options) {
       onInput: _cache[2] || (_cache[2] = (...args) => ($options.updateValue && $options.updateValue(...args))),
       placeholder: "712345678",
       "onUpdate:modelValue": _cache[3] || (_cache[3] = $event => (($data.input) = $event))
-    }, null, 40 /* PROPS, NEED_HYDRATION */, _hoisted_5$d), [
+    }, null, 40 /* PROPS, NEED_HYDRATION */, _hoisted_5$e), [
       [vue.vModelText, $data.input]
     ])
   ]))
@@ -2151,7 +2163,7 @@ const _hoisted_1$r = {
 const _hoisted_2$h = ["id"];
 const _hoisted_3$f = { class: "sh-suggestions-holder" };
 const _hoisted_4$f = { class: "badge bg-secondary m-1 sh-selected-item" };
-const _hoisted_5$c = ["onClick"];
+const _hoisted_5$d = ["onClick"];
 const _hoisted_6$a = ["id"];
 const _hoisted_7$9 = ["id", "aria-labelledby"];
 const _hoisted_8$8 = ["onClick"];
@@ -2326,7 +2338,7 @@ return (_ctx, _cache) => {
                   type: "button",
                   class: "btn-close border-start border-1 ms-1",
                   "aria-label": "Close"
-                }, null, 8 /* PROPS */, _hoisted_5$c)
+                }, null, 8 /* PROPS */, _hoisted_5$d)
               ]))
             }), 256 /* UNKEYED_FRAGMENT */))
           ]),
@@ -2747,7 +2759,7 @@ const _hoisted_3$e = {
   role: "alert"
 };
 const _hoisted_4$e = /*#__PURE__*/vue.createElementVNode("i", { class: "bi-exclamation-triangle-fill me-1" }, null, -1 /* HOISTED */);
-const _hoisted_5$b = { key: 0 };
+const _hoisted_5$c = { key: 0 };
 const _hoisted_6$9 = { key: 1 };
 const _hoisted_7$8 = { class: "row" };
 const _hoisted_8$7 = { class: "fg-label control-label text-capitalize control-bel col-md-12 request-form-label mb-2" };
@@ -2811,7 +2823,7 @@ function render$3(_ctx, _cache, $props, $setup, $data, $options) {
         ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$e, [
             _hoisted_4$e,
             (_ctx.errorText)
-              ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_5$b, vue.toDisplayString(_ctx.errorText), 1 /* TEXT */))
+              ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_5$c, vue.toDisplayString(_ctx.errorText), 1 /* TEXT */))
               : (vue.openBlock(), vue.createElementBlock("span", _hoisted_6$9, "Unexpected Error Occurred")),
             vue.createCommentVNode("      <button @click=\"hideError\" type=\"button\" class=\"btn-close\" aria-label=\"Close\"></button>")
           ]))
@@ -3367,7 +3379,7 @@ const _hoisted_4$d = {
   key: 0,
   class: "text-danger sh-required"
 };
-const _hoisted_5$a = ["innerHTML"];
+const _hoisted_5$b = ["innerHTML"];
 const _hoisted_6$8 = {
   key: 2,
   class: "form-notch"
@@ -3683,7 +3695,7 @@ return (_ctx, _cache) => {
                       key: 1,
                       class: vue.normalizeClass(getElementClass('formLabel')),
                       innerHTML: field.label
-                    }, null, 10 /* CLASS, PROPS */, _hoisted_5$a))
+                    }, null, 10 /* CLASS, PROPS */, _hoisted_5$b))
                   : vue.createCommentVNode("v-if", true),
                 (vue.unref(isFloating))
                   ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_6$8, [..._hoisted_10$6]))
@@ -3736,11 +3748,12 @@ const _hoisted_1$m = ["id", "data-bs-backdrop"];
 const _hoisted_2$e = { class: "modal-content" };
 const _hoisted_3$c = { class: "modal-header" };
 const _hoisted_4$c = { class: "modal-title flex-fill" };
-const _hoisted_5$9 = /*#__PURE__*/vue.createElementVNode("button", {
-  class: "btn btn-danger btn-sm",
+const _hoisted_5$a = /*#__PURE__*/vue.createElementVNode("button", {
+  type: "button",
+  class: "btn-close sh-modal-close",
   "data-bs-dismiss": "modal",
-  "data-dismiss": "modal"
-}, "×", -1 /* HOISTED */);
+  "aria-label": "Close"
+}, null, -1 /* HOISTED */);
 const _hoisted_6$7 = { class: "modal-body" };
 const _hoisted_7$6 = { class: "section" };
 
@@ -3806,7 +3819,7 @@ return (_ctx, _cache) => {
       vue.createElementVNode("div", _hoisted_2$e, [
         vue.createElementVNode("div", _hoisted_3$c, [
           vue.createElementVNode("h3", _hoisted_4$c, vue.toDisplayString(__props.modalTitle), 1 /* TEXT */),
-          _hoisted_5$9
+          _hoisted_5$a
         ]),
         vue.createElementVNode("div", _hoisted_6$7, [
           vue.createElementVNode("div", _hoisted_7$6, [
@@ -3824,7 +3837,7 @@ return (_ctx, _cache) => {
 script$p.__file = "src/lib/components/ShModal.vue";
 
 const _hoisted_1$l = /*#__PURE__*/vue.createElementVNode("h5", { class: "d-none" }, "To prevent default class", -1 /* HOISTED */);
-const _hoisted_2$d = { class: "dropdown" };
+const _hoisted_2$d = { class: "dropdown sh-dropdown-form" };
 const _hoisted_3$b = ["id"];
 const _hoisted_4$b = ["aria-labelledby"];
 
@@ -4063,7 +4076,14 @@ const _hoisted_3$a = {
   class: "offcanvas-title",
   id: "offcanvasScrollingLabel"
 };
-const _hoisted_4$a = { class: "offcanvas-body" };
+const _hoisted_4$a = {
+  type: "button",
+  ref: "closecanvas",
+  class: "btn-close sh-offcanvas-close",
+  "data-bs-dismiss": "offcanvas",
+  "aria-label": "Close"
+};
+const _hoisted_5$9 = { class: "offcanvas-body" };
 
 var script$l = {
   __name: 'ShCanvas',
@@ -4113,16 +4133,9 @@ return (_ctx, _cache) => {
   }, [
     vue.createElementVNode("div", _hoisted_2$c, [
       vue.createElementVNode("h5", _hoisted_3$a, vue.toDisplayString(__props.canvasTitle), 1 /* TEXT */),
-      vue.createElementVNode("button", {
-        type: "button",
-        ref: "closecanvas",
-        onClick: _cache[0] || (_cache[0] = (...args) => (_ctx.offcanvasClosed && _ctx.offcanvasClosed(...args))),
-        class: "btn-close text-reset",
-        "data-bs-dismiss": "offcanvas",
-        "aria-label": "Close"
-      }, null, 512 /* NEED_PATCH */)
+      vue.createElementVNode("button", _hoisted_4$a, null, 512 /* NEED_PATCH */)
     ]),
-    vue.createElementVNode("div", _hoisted_4$a, [
+    vue.createElementVNode("div", _hoisted_5$9, [
       vue.renderSlot(_ctx.$slots, "default")
     ])
   ], 10 /* CLASS, PROPS */, _hoisted_1$i))

package/dist/library.mjs

@@ -271,8 +271,14 @@ const showModal = modalId => {
 };
 
 const hideModal = modalId => {
-    const modal = new Modal(document.getElementById(modalId));
-    modal.hide();
+    const modalElement = document.getElementById(modalId);
+    const button = modalElement.querySelector('.sh-modal-close');
+    if(button){
+        button.click();
+    } else {
+        const modal = new Modal(modalElement);
+        modal.hide();
+    }
 };
 
 const showOffCanvas = offCanvasId => {
@@ -281,8 +287,14 @@ const showOffCanvas = offCanvasId => {
 };
 
 const hideOffCanvas = offCanvasId => {
-    const offCanvas = new Offcanvas(document.getElementById(offCanvasId));
-    offCanvas.hide();
+    const element = document.getElementById(offCanvasId);
+    const button = element.querySelector('.sh-offcanvas-close');
+    if(button){
+        button.click();
+    } else {
+        const offCanvas = new Offcanvas(element);
+        offCanvas.hide();
+    }
 };
 
 var shRepo = {
@@ -2091,7 +2103,7 @@ const _hoisted_2$i = {
 };
 const _hoisted_3$g = ["src"];
 const _hoisted_4$g = ["value"];
-const _hoisted_5$d = ["disabled"];
+const _hoisted_5$e = ["disabled"];
 
 function render$4(_ctx, _cache, $props, $setup, $data, $options) {
   return (openBlock(), createElementBlock("div", _hoisted_1$s, [
@@ -2123,7 +2135,7 @@ function render$4(_ctx, _cache, $props, $setup, $data, $options) {
       onInput: _cache[2] || (_cache[2] = (...args) => ($options.updateValue && $options.updateValue(...args))),
       placeholder: "712345678",
       "onUpdate:modelValue": _cache[3] || (_cache[3] = $event => (($data.input) = $event))
-    }, null, 40 /* PROPS, NEED_HYDRATION */, _hoisted_5$d), [
+    }, null, 40 /* PROPS, NEED_HYDRATION */, _hoisted_5$e), [
       [vModelText, $data.input]
     ])
   ]))
@@ -2139,7 +2151,7 @@ const _hoisted_1$r = {
 const _hoisted_2$h = ["id"];
 const _hoisted_3$f = { class: "sh-suggestions-holder" };
 const _hoisted_4$f = { class: "badge bg-secondary m-1 sh-selected-item" };
-const _hoisted_5$c = ["onClick"];
+const _hoisted_5$d = ["onClick"];
 const _hoisted_6$a = ["id"];
 const _hoisted_7$9 = ["id", "aria-labelledby"];
 const _hoisted_8$8 = ["onClick"];
@@ -2314,7 +2326,7 @@ return (_ctx, _cache) => {
                   type: "button",
                   class: "btn-close border-start border-1 ms-1",
                   "aria-label": "Close"
-                }, null, 8 /* PROPS */, _hoisted_5$c)
+                }, null, 8 /* PROPS */, _hoisted_5$d)
               ]))
             }), 256 /* UNKEYED_FRAGMENT */))
           ]),
@@ -2735,7 +2747,7 @@ const _hoisted_3$e = {
   role: "alert"
 };
 const _hoisted_4$e = /*#__PURE__*/createElementVNode("i", { class: "bi-exclamation-triangle-fill me-1" }, null, -1 /* HOISTED */);
-const _hoisted_5$b = { key: 0 };
+const _hoisted_5$c = { key: 0 };
 const _hoisted_6$9 = { key: 1 };
 const _hoisted_7$8 = { class: "row" };
 const _hoisted_8$7 = { class: "fg-label control-label text-capitalize control-bel col-md-12 request-form-label mb-2" };
@@ -2799,7 +2811,7 @@ function render$3(_ctx, _cache, $props, $setup, $data, $options) {
         ? (openBlock(), createElementBlock("div", _hoisted_3$e, [
             _hoisted_4$e,
             (_ctx.errorText)
-              ? (openBlock(), createElementBlock("span", _hoisted_5$b, toDisplayString(_ctx.errorText), 1 /* TEXT */))
+              ? (openBlock(), createElementBlock("span", _hoisted_5$c, toDisplayString(_ctx.errorText), 1 /* TEXT */))
               : (openBlock(), createElementBlock("span", _hoisted_6$9, "Unexpected Error Occurred")),
             createCommentVNode("      <button @click=\"hideError\" type=\"button\" class=\"btn-close\" aria-label=\"Close\"></button>")
           ]))
@@ -3355,7 +3367,7 @@ const _hoisted_4$d = {
   key: 0,
   class: "text-danger sh-required"
 };
-const _hoisted_5$a = ["innerHTML"];
+const _hoisted_5$b = ["innerHTML"];
 const _hoisted_6$8 = {
   key: 2,
   class: "form-notch"
@@ -3671,7 +3683,7 @@ return (_ctx, _cache) => {
                       key: 1,
                       class: normalizeClass(getElementClass('formLabel')),
                       innerHTML: field.label
-                    }, null, 10 /* CLASS, PROPS */, _hoisted_5$a))
+                    }, null, 10 /* CLASS, PROPS */, _hoisted_5$b))
                   : createCommentVNode("v-if", true),
                 (unref(isFloating))
                   ? (openBlock(), createElementBlock("div", _hoisted_6$8, [..._hoisted_10$6]))
@@ -3724,11 +3736,12 @@ const _hoisted_1$m = ["id", "data-bs-backdrop"];
 const _hoisted_2$e = { class: "modal-content" };
 const _hoisted_3$c = { class: "modal-header" };
 const _hoisted_4$c = { class: "modal-title flex-fill" };
-const _hoisted_5$9 = /*#__PURE__*/createElementVNode("button", {
-  class: "btn btn-danger btn-sm",
+const _hoisted_5$a = /*#__PURE__*/createElementVNode("button", {
+  type: "button",
+  class: "btn-close sh-modal-close",
   "data-bs-dismiss": "modal",
-  "data-dismiss": "modal"
-}, "×", -1 /* HOISTED */);
+  "aria-label": "Close"
+}, null, -1 /* HOISTED */);
 const _hoisted_6$7 = { class: "modal-body" };
 const _hoisted_7$6 = { class: "section" };
 
@@ -3794,7 +3807,7 @@ return (_ctx, _cache) => {
       createElementVNode("div", _hoisted_2$e, [
         createElementVNode("div", _hoisted_3$c, [
           createElementVNode("h3", _hoisted_4$c, toDisplayString(__props.modalTitle), 1 /* TEXT */),
-          _hoisted_5$9
+          _hoisted_5$a
         ]),
         createElementVNode("div", _hoisted_6$7, [
           createElementVNode("div", _hoisted_7$6, [
@@ -3812,7 +3825,7 @@ return (_ctx, _cache) => {
 script$p.__file = "src/lib/components/ShModal.vue";
 
 const _hoisted_1$l = /*#__PURE__*/createElementVNode("h5", { class: "d-none" }, "To prevent default class", -1 /* HOISTED */);
-const _hoisted_2$d = { class: "dropdown" };
+const _hoisted_2$d = { class: "dropdown sh-dropdown-form" };
 const _hoisted_3$b = ["id"];
 const _hoisted_4$b = ["aria-labelledby"];
 
@@ -4051,7 +4064,14 @@ const _hoisted_3$a = {
   class: "offcanvas-title",
   id: "offcanvasScrollingLabel"
 };
-const _hoisted_4$a = { class: "offcanvas-body" };
+const _hoisted_4$a = {
+  type: "button",
+  ref: "closecanvas",
+  class: "btn-close sh-offcanvas-close",
+  "data-bs-dismiss": "offcanvas",
+  "aria-label": "Close"
+};
+const _hoisted_5$9 = { class: "offcanvas-body" };
 
 var script$l = {
   __name: 'ShCanvas',
@@ -4101,16 +4121,9 @@ return (_ctx, _cache) => {
   }, [
     createElementVNode("div", _hoisted_2$c, [
       createElementVNode("h5", _hoisted_3$a, toDisplayString(__props.canvasTitle), 1 /* TEXT */),
-      createElementVNode("button", {
-        type: "button",
-        ref: "closecanvas",
-        onClick: _cache[0] || (_cache[0] = (...args) => (_ctx.offcanvasClosed && _ctx.offcanvasClosed(...args))),
-        class: "btn-close text-reset",
-        "data-bs-dismiss": "offcanvas",
-        "aria-label": "Close"
-      }, null, 512 /* NEED_PATCH */)
+      createElementVNode("button", _hoisted_4$a, null, 512 /* NEED_PATCH */)
     ]),
-    createElementVNode("div", _hoisted_4$a, [
+    createElementVNode("div", _hoisted_5$9, [
       renderSlot(_ctx.$slots, "default")
     ])
   ], 10 /* CLASS, PROPS */, _hoisted_1$i))

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@iankibetsh/shframework",
-  "version": "5.2.5",
+  "version": "5.2.8",
   "description": "Vue library for handling laravel backend",
   "main": "dist/library.js",
   "module": "dist/library.mjs",