@iankibetsh/shframework 4.8.6 → 4.8.7

package/dist/dist/library.mjs.css

@@ -31,38 +31,6 @@
   opacity: 0.5;
 }
 
-.permissions-main {
-  background: #edeff2;
-}
-.permissions-main div#permissions-nav {
-  padding: 0;
-}
-.permissions-main div#permissions-nav ul {
-  padding-left: 0;
-  max-height: 400px;
-  overflow-y: auto;
-}
-.permissions-main div#permissions-nav ul li.active {
-  border-right: none !important;
-  position: relative;
-  top: 0;
-  left: 0;
-  background: #88b3b370;
-  border-radius: 10px;
-}
-.permissions-main div#permissions-nav ul li {
-  list-style: none;
-  padding-inline-start: 10px;
-  display: flex;
-  gap: 5px;
-}
-.permissions-main div#permissions-nav ul li label {
-  padding: 8px 0;
-  cursor: pointer;
-  height: 100%;
-  flex-grow: 1;
-}
-
 .colored-toast.swal2-icon-success {
   background-color: #a5dc86 !important;
 }
@@ -95,6 +63,38 @@
   color: white;
 }
 
+.permissions-main {
+  background: #edeff2;
+}
+.permissions-main div#permissions-nav {
+  padding: 0;
+}
+.permissions-main div#permissions-nav ul {
+  padding-left: 0;
+  max-height: 400px;
+  overflow-y: auto;
+}
+.permissions-main div#permissions-nav ul li.active {
+  border-right: none !important;
+  position: relative;
+  top: 0;
+  left: 0;
+  background: #88b3b370;
+  border-radius: 10px;
+}
+.permissions-main div#permissions-nav ul li {
+  list-style: none;
+  padding-inline-start: 10px;
+  display: flex;
+  gap: 5px;
+}
+.permissions-main div#permissions-nav ul li label {
+  padding: 8px 0;
+  cursor: pointer;
+  height: 100%;
+  flex-grow: 1;
+}
+
 .sh-selected-item{
   line-height: unset!important;
 }

package/dist/library.js

@@ -4405,7 +4405,7 @@ const _hoisted_2$b = ["title"];
 
 var script$h = {
   __name: 'SingleAction',
-  props: ['action','record'],
+  props: ['action','record','actionClass'],
   emits: ['actionSuccessful','actionFailed','actionCanceled'],
   setup(__props, { emit: __emit }) {
 
@@ -4446,7 +4446,7 @@ return (_ctx, _cache) => {
                     onActionFailed: _cache[1] || (_cache[1] = $event => (doEmitAction('actionFailed',__props.record))),
                     onActionCanceled: _cache[2] || (_cache[2] = $event => (doEmitAction('actionCanceled',__props.record))),
                     "loading-message": __props.action.label,
-                    class: vue.normalizeClass(__props.action.class),
+                    class: vue.normalizeClass(__props.action.class + __props.actionClass),
                     url: url.value
                   }, {
                     default: vue.withCtx(() => [
@@ -4467,7 +4467,7 @@ return (_ctx, _cache) => {
                       onActionFailed: _cache[4] || (_cache[4] = $event => (doEmitAction('actionFailed',__props.record))),
                       onActionCanceled: _cache[5] || (_cache[5] = $event => (doEmitAction('actionCanceled',__props.record))),
                       "loading-message": __props.action.label,
-                      class: vue.normalizeClass(__props.action.class),
+                      class: vue.normalizeClass(__props.action.class + __props.actionClass),
                       url: url.value
                     }, {
                       default: vue.withCtx(() => [
@@ -4486,7 +4486,7 @@ return (_ctx, _cache) => {
                         key: 2,
                         href: '#' + __props.action.canvasId,
                         "data-bs-toggle": "offcanvas",
-                        class: vue.normalizeClass(__props.action.class)
+                        class: vue.normalizeClass(__props.action.class  + __props.actionClass)
                       }, [
                         (__props.action.icon)
                           ? (vue.openBlock(), vue.createElementBlock("span", {
@@ -4500,7 +4500,7 @@ return (_ctx, _cache) => {
                       ? (vue.openBlock(), vue.createElementBlock("button", {
                           key: 3,
                           title: __props.action.title,
-                          class: vue.normalizeClass(__props.action.class ? __props.action.class:'btn btn-default'),
+                          class: vue.normalizeClass(__props.action.class ? __props.action.class:'btn btn-default' + __props.actionClass),
                           onClick: _cache[6] || (_cache[6] = $event => (doEmitAction(__props.action.emits,__props.record)))
                         }, [
                           (__props.action.icon)
@@ -4516,7 +4516,7 @@ return (_ctx, _cache) => {
                             key: 4,
                             title: __props.action.title,
                             to: url.value,
-                            class: vue.normalizeClass(__props.action.class)
+                            class: vue.normalizeClass(__props.action.class + __props.actionClass)
                           }, {
                             default: vue.withCtx(() => [
                               (__props.action.icon)
@@ -4543,10 +4543,10 @@ script$h.__file = "src/lib/components/table/SingleAction.vue";
 
 const _hoisted_1$d = {
   key: 0,
-  class: "dropdown"
+  class: "dropdown sh-table-dropdown"
 };
 const _hoisted_2$a = {
-  class: "sh-table-dropdown",
+  class: "sh-table-dropdown-btn",
   type: "button",
   "data-bs-toggle": "dropdown",
   "aria-expanded": "false"
@@ -4586,7 +4586,8 @@ return (_ctx, _cache) => {
               key: act.label
             }, [
               vue.createVNode(script$h, {
-                class: vue.normalizeClass(["dropdown-item", act.class]),
+                "action-class": " dropdown-item",
+                class: vue.normalizeClass(act.class),
                 action: act,
                 record: __props.record
               }, null, 8 /* PROPS */, ["class", "action", "record"])

package/dist/library.mjs

@@ -4393,7 +4393,7 @@ const _hoisted_2$b = ["title"];
 
 var script$h = {
   __name: 'SingleAction',
-  props: ['action','record'],
+  props: ['action','record','actionClass'],
   emits: ['actionSuccessful','actionFailed','actionCanceled'],
   setup(__props, { emit: __emit }) {
 
@@ -4434,7 +4434,7 @@ return (_ctx, _cache) => {
                     onActionFailed: _cache[1] || (_cache[1] = $event => (doEmitAction('actionFailed',__props.record))),
                     onActionCanceled: _cache[2] || (_cache[2] = $event => (doEmitAction('actionCanceled',__props.record))),
                     "loading-message": __props.action.label,
-                    class: normalizeClass(__props.action.class),
+                    class: normalizeClass(__props.action.class + __props.actionClass),
                     url: url.value
                   }, {
                     default: withCtx(() => [
@@ -4455,7 +4455,7 @@ return (_ctx, _cache) => {
                       onActionFailed: _cache[4] || (_cache[4] = $event => (doEmitAction('actionFailed',__props.record))),
                       onActionCanceled: _cache[5] || (_cache[5] = $event => (doEmitAction('actionCanceled',__props.record))),
                       "loading-message": __props.action.label,
-                      class: normalizeClass(__props.action.class),
+                      class: normalizeClass(__props.action.class + __props.actionClass),
                       url: url.value
                     }, {
                       default: withCtx(() => [
@@ -4474,7 +4474,7 @@ return (_ctx, _cache) => {
                         key: 2,
                         href: '#' + __props.action.canvasId,
                         "data-bs-toggle": "offcanvas",
-                        class: normalizeClass(__props.action.class)
+                        class: normalizeClass(__props.action.class  + __props.actionClass)
                       }, [
                         (__props.action.icon)
                           ? (openBlock(), createElementBlock("span", {
@@ -4488,7 +4488,7 @@ return (_ctx, _cache) => {
                       ? (openBlock(), createElementBlock("button", {
                           key: 3,
                           title: __props.action.title,
-                          class: normalizeClass(__props.action.class ? __props.action.class:'btn btn-default'),
+                          class: normalizeClass(__props.action.class ? __props.action.class:'btn btn-default' + __props.actionClass),
                           onClick: _cache[6] || (_cache[6] = $event => (doEmitAction(__props.action.emits,__props.record)))
                         }, [
                           (__props.action.icon)
@@ -4504,7 +4504,7 @@ return (_ctx, _cache) => {
                             key: 4,
                             title: __props.action.title,
                             to: url.value,
-                            class: normalizeClass(__props.action.class)
+                            class: normalizeClass(__props.action.class + __props.actionClass)
                           }, {
                             default: withCtx(() => [
                               (__props.action.icon)
@@ -4531,10 +4531,10 @@ script$h.__file = "src/lib/components/table/SingleAction.vue";
 
 const _hoisted_1$d = {
   key: 0,
-  class: "dropdown"
+  class: "dropdown sh-table-dropdown"
 };
 const _hoisted_2$a = {
-  class: "sh-table-dropdown",
+  class: "sh-table-dropdown-btn",
   type: "button",
   "data-bs-toggle": "dropdown",
   "aria-expanded": "false"
@@ -4574,7 +4574,8 @@ return (_ctx, _cache) => {
               key: act.label
             }, [
               createVNode(script$h, {
-                class: normalizeClass(["dropdown-item", act.class]),
+                "action-class": " dropdown-item",
+                class: normalizeClass(act.class),
                 action: act,
                 record: __props.record
               }, null, 8 /* PROPS */, ["class", "action", "record"])

package/package.json

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