@iankibetsh/shframework 4.5.8 → 4.5.9

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -31,6 +31,38 @@
31
31
  opacity: 0.5;
32
32
  }
33
33
 
34
+ .permissions-main {
35
+ background: #edeff2;
36
+ }
37
+ .permissions-main div#permissions-nav {
38
+ padding: 0;
39
+ }
40
+ .permissions-main div#permissions-nav ul {
41
+ padding-left: 0;
42
+ max-height: 400px;
43
+ overflow-y: auto;
44
+ }
45
+ .permissions-main div#permissions-nav ul li.active {
46
+ border-right: none !important;
47
+ position: relative;
48
+ top: 0;
49
+ left: 0;
50
+ background: #88b3b370;
51
+ border-radius: 10px;
52
+ }
53
+ .permissions-main div#permissions-nav ul li {
54
+ list-style: none;
55
+ padding-inline-start: 10px;
56
+ display: flex;
57
+ gap: 5px;
58
+ }
59
+ .permissions-main div#permissions-nav ul li label {
60
+ padding: 8px 0;
61
+ cursor: pointer;
62
+ height: 100%;
63
+ flex-grow: 1;
64
+ }
65
+
34
66
  .colored-toast.swal2-icon-success {
35
67
  background-color: #a5dc86 !important;
36
68
  }
@@ -79,38 +111,6 @@
79
111
  margin-right: 0.255em;
80
112
  }
81
113
 
82
- .permissions-main {
83
- background: #edeff2;
84
- }
85
- .permissions-main div#permissions-nav {
86
- padding: 0;
87
- }
88
- .permissions-main div#permissions-nav ul {
89
- padding-left: 0;
90
- max-height: 400px;
91
- overflow-y: auto;
92
- }
93
- .permissions-main div#permissions-nav ul li.active {
94
- border-right: none !important;
95
- position: relative;
96
- top: 0;
97
- left: 0;
98
- background: #88b3b370;
99
- border-radius: 10px;
100
- }
101
- .permissions-main div#permissions-nav ul li {
102
- list-style: none;
103
- padding-inline-start: 10px;
104
- display: flex;
105
- gap: 5px;
106
- }
107
- .permissions-main div#permissions-nav ul li label {
108
- padding: 8px 0;
109
- cursor: pointer;
110
- height: 100%;
111
- flex-grow: 1;
112
- }
113
-
114
114
  .callout{
115
115
  --bs-link-color-rgb: 110,168,254;
116
116
  --bs-code-color: #e685b5;
package/dist/library.js CHANGED
@@ -268,6 +268,16 @@ const hideModal = modalId => {
268
268
  modal.hide();
269
269
  };
270
270
 
271
+ const showOffCanvas = offCanvasId => {
272
+ const offCanvas = new bootstrap.Offcanvas(document.getElementById(offCanvasId));
273
+ offCanvas.show();
274
+ };
275
+
276
+ const hideOffCanvas = offCanvasId => {
277
+ const offCanvas = new bootstrap.Offcanvas(document.getElementById(offCanvasId));
278
+ offCanvas.hide();
279
+ };
280
+
271
281
  var shRepo = {
272
282
  swalSuccess,
273
283
  swalError,
@@ -284,7 +294,9 @@ var shRepo = {
284
294
  formatNumber,
285
295
  signOutUser,
286
296
  showModal,
287
- hideModal
297
+ hideModal,
298
+ showOffCanvas,
299
+ hideOffCanvas
288
300
  };
289
301
 
290
302
  startSession();
package/dist/library.mjs CHANGED
@@ -256,6 +256,16 @@ const hideModal = modalId => {
256
256
  modal.hide();
257
257
  };
258
258
 
259
+ const showOffCanvas = offCanvasId => {
260
+ const offCanvas = new Offcanvas(document.getElementById(offCanvasId));
261
+ offCanvas.show();
262
+ };
263
+
264
+ const hideOffCanvas = offCanvasId => {
265
+ const offCanvas = new Offcanvas(document.getElementById(offCanvasId));
266
+ offCanvas.hide();
267
+ };
268
+
259
269
  var shRepo = {
260
270
  swalSuccess,
261
271
  swalError,
@@ -272,7 +282,9 @@ var shRepo = {
272
282
  formatNumber,
273
283
  signOutUser,
274
284
  showModal,
275
- hideModal
285
+ hideModal,
286
+ showOffCanvas,
287
+ hideOffCanvas
276
288
  };
277
289
 
278
290
  startSession();
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@iankibetsh/shframework",
3
- "version": "4.5.8",
3
+ "version": "4.5.9",
4
4
  "description": "Vue library for handling laravel backend",
5
5
  "main": "dist/library.js",
6
6
  "module": "dist/library.mjs",