@policystudio/policy-studio-ui-vue 1.1.47 → 1.1.48

package/dist/css/psui_styles.css

@@ -3010,6 +3010,12 @@ video {
     pointer-events: none;
   }
 
+.psui-el-switch.disabled .psui-el-switch-button {
+      --bg-opacity: 1;
+      background-color: #E6ECF2;
+      background-color: rgba(230, 236, 242, var(--bg-opacity));
+    }
+
 .psui-el-switch.size-big {
     width: 46px;
     height: 24px;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@policystudio/policy-studio-ui-vue",
-  "version": "1.1.47",
+  "version": "1.1.48",
   "description": "Policy Studio UI",
   "main": "src/index.js",
   "author": "Policy Studio Team",

package/src/assets/scss/components/PsSwitch.scss

@@ -4,7 +4,11 @@
 
     &.disabled {
       pointer-events: none;
+      .psui-el-switch-button {
+        @apply psui-bg-gray-20; 
+      }
     }
+
     &.size-big {
       width: 46px;
       height: 24px;  

package/src/components/controls/PsSwitch.vue

@@ -41,6 +41,7 @@ export default {
   },
   computed:{
     getToggleClass(){
+      if(this.disabled) return 'toggle-false'
       return this.value ? 'toggle-true' : 'toggle-false'
     },
     getComponentClass(){

package/src/components/table-results/PsTableResults.vue

@@ -39,7 +39,15 @@
             :style="item.background_color ? `background-color: ${getBackgroundColor(item.background_color)};` : ''"
             class="psui-transition"
           >
-            <div class="psui-flex psui-justify-between psui-relative">
+            <div class="psui-flex psui-relative">
+                <PsIcon
+                  v-if="item.remove_add_button"
+                  :icon="item.remove_add_button_icon"
+                  class="psui-flex psui-text-gray-40 pl-8 psui-cursor-pointer leading-none hover:psui-text-blue-60 transition-all"
+                  size="15"
+                  display="flex"
+                  @click.native="$emit('removeOrAddButtonChange',item)" 
+                />
               <div
                 class="psui-flex psui-items-center actions psui-space-x-3"
                 :style="{paddingLeft: `${item.deep * 16}px`}"
@@ -189,6 +197,7 @@
                 class="psui-space-x-2 psui-show-childrens-on-hover"
                 :class="column.isCenteredContent ? 'psui-justify-center' : 'psui-justify-end'"
               >
+              
                 <PsTooltip v-if="isSelectedRow(column,item)">
                   <template v-slot:trigger>
                     <PsIcon
@@ -255,8 +264,10 @@
 
                 <PsSwitch
                   v-if="column.isSwitch && item.data[column.key] != null"
+                  :disabled="item.data.is_disabled"
                   :value="item.data[column.key]"
                   size="small"
+                  @change="$emit('switchButtonItemChanged', item)"
                 />
               </div>