@iankibetsh/shframework 4.6.5 → 4.6.7

package/dist/dist/library.mjs.css

@@ -1,4 +1,36 @@
 
+.sh-phone{
+  display: flex;
+  width: 100%;
+  align-items: center;
+  padding: 0 0.25rem;
+}
+.phone-country{
+  width: 2rem;
+  border: none;
+  align-self: center;
+  outline: none !important;
+  padding: 0.4rem;
+  border-right: 1px solid #0003;
+}
+.phone-number{
+  width: calc(100% - 2.2rem);
+  border: none;
+  align-self: center;
+  outline: none;
+  margin-bottom: 0;
+  padding: 0.4rem;
+}
+.sh-phone img{
+  padding: 0.125rem;
+  width: 2rem;
+  height: 2rem;
+}
+.phone-number::placeholder{
+  font-weight: 300;
+  opacity: 0.5;
+}
+
 .colored-toast.swal2-icon-success {
   background-color: #a5dc86 !important;
 }
@@ -63,38 +95,6 @@
   flex-grow: 1;
 }
 
-.sh-phone{
-  display: flex;
-  width: 100%;
-  align-items: center;
-  padding: 0 0.25rem;
-}
-.phone-country{
-  width: 2rem;
-  border: none;
-  align-self: center;
-  outline: none !important;
-  padding: 0.4rem;
-  border-right: 1px solid #0003;
-}
-.phone-number{
-  width: calc(100% - 2.2rem);
-  border: none;
-  align-self: center;
-  outline: none;
-  margin-bottom: 0;
-  padding: 0.4rem;
-}
-.sh-phone img{
-  padding: 0.125rem;
-  width: 2rem;
-  height: 2rem;
-}
-.phone-number::placeholder{
-  font-weight: 300;
-  opacity: 0.5;
-}
-
 .sh-selected-item{
   line-height: unset!important;
 }

package/dist/library.js

@@ -3863,6 +3863,7 @@ var script$l = {
   'country_code',
   'submitBtnClass',
   'fields',
+  'modalSize',
   'columns', 'placeholders', 'field_permissions', 'retainDataAfterSubmission',
   'currentData', 'actionLabel', 'fillSelects', 'phones', 'successCallback',
   'failedCallback', 'labels', 'editors',
@@ -3915,6 +3916,7 @@ return (_ctx, _cache) => {
       vue.renderSlot(_ctx.$slots, "default")
     ], 10 /* CLASS, PROPS */, _hoisted_1$i),
     vue.createVNode(script$n, {
+      "modal-size": __props.modalSize,
       "modal-id": vue.unref(realModalId),
       "modal-title": __props.modalTitle
     }, {
@@ -3928,7 +3930,7 @@ return (_ctx, _cache) => {
         }, props), null, 16 /* FULL_PROPS */))
       ]),
       _: 1 /* STABLE */
-    }, 8 /* PROPS */, ["modal-id", "modal-title"])
+    }, 8 /* PROPS */, ["modal-size", "modal-id", "modal-title"])
   ], 64 /* STABLE_FRAGMENT */))
 }
 }
@@ -4144,6 +4146,7 @@ const useUserStore = pinia.defineStore('user-store', {
           }
           return false
         };
+        user.can = user.isAllowedTo;
         this.user = user;
       }).catch((reason) => {
         if (reason.response && reason.response.status) {
@@ -7188,8 +7191,22 @@ return (_ctx, _cache) => {
 script.__scopeId = "data-v-2911509a";
 script.__file = "src/lib/components/core/auth/ShAuth.vue";
 
+var isAllowedTo = {
+    mounted(el, binding) {
+        const {user} = pinia.storeToRefs(useUserStore());
+        if(!user.value.isAllowedTo(binding.value)){
+            // delete element
+            el.remove();
+        }
+    }
+};
+
 const ShFrontend = {
   install: (app, options) => {
+
+    // add user-can directive
+    app.directive('if-user-can', isAllowedTo);
+
     if(options.sessionTimeout){
       app.provide('sessionTimeout',options.sessionTimeout);
       shStorage.setItem('sessionTimeout',options.sessionTimeout);

package/dist/library.mjs

@@ -3851,6 +3851,7 @@ var script$l = {
   'country_code',
   'submitBtnClass',
   'fields',
+  'modalSize',
   'columns', 'placeholders', 'field_permissions', 'retainDataAfterSubmission',
   'currentData', 'actionLabel', 'fillSelects', 'phones', 'successCallback',
   'failedCallback', 'labels', 'editors',
@@ -3903,6 +3904,7 @@ return (_ctx, _cache) => {
       renderSlot(_ctx.$slots, "default")
     ], 10 /* CLASS, PROPS */, _hoisted_1$i),
     createVNode(script$n, {
+      "modal-size": __props.modalSize,
       "modal-id": unref(realModalId),
       "modal-title": __props.modalTitle
     }, {
@@ -3916,7 +3918,7 @@ return (_ctx, _cache) => {
         }, props), null, 16 /* FULL_PROPS */))
       ]),
       _: 1 /* STABLE */
-    }, 8 /* PROPS */, ["modal-id", "modal-title"])
+    }, 8 /* PROPS */, ["modal-size", "modal-id", "modal-title"])
   ], 64 /* STABLE_FRAGMENT */))
 }
 }
@@ -4132,6 +4134,7 @@ const useUserStore = defineStore('user-store', {
           }
           return false
         };
+        user.can = user.isAllowedTo;
         this.user = user;
       }).catch((reason) => {
         if (reason.response && reason.response.status) {
@@ -7176,8 +7179,22 @@ return (_ctx, _cache) => {
 script.__scopeId = "data-v-2911509a";
 script.__file = "src/lib/components/core/auth/ShAuth.vue";
 
+var isAllowedTo = {
+    mounted(el, binding) {
+        const {user} = storeToRefs(useUserStore());
+        if(!user.value.isAllowedTo(binding.value)){
+            // delete element
+            el.remove();
+        }
+    }
+};
+
 const ShFrontend = {
   install: (app, options) => {
+
+    // add user-can directive
+    app.directive('if-user-can', isAllowedTo);
+
     if(options.sessionTimeout){
       app.provide('sessionTimeout',options.sessionTimeout);
       shStorage.setItem('sessionTimeout',options.sessionTimeout);

package/package.json

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