@everchron/ec-shards 1.6.1 → 1.6.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@everchron/ec-shards",
-  "version": "1.6.1",
+  "version": "1.6.3",
   "private": false,
   "description": "Everchron Shards UI Library",
   "repository": "https://github.com/everchron/ec-shards.git",

package/src/components/quicklink/quicklink.vue

@@ -24,7 +24,7 @@
       </template>
 
       <template v-else-if="type === 'switch'">
-        <ecs-switch @input="$emit('toggle', $event)" :value="valueToggle" :disabled="value == false" size="sml">{{label}}</ecs-switch>
+        <ecs-switch @input="$emit('toggle', $event)" :value="valueToggle" :disabled="disableSwitch" size="sml">{{label}}</ecs-switch>
       </template>
 
       <template v-else>
@@ -110,6 +110,11 @@
           return `active`
         else
           return `subtle`
+      },
+
+      disableSwitch(){
+        console.log('disableSwitch', this.value == false, this.value)
+        return this.value == false
       }
     }
   }

package/src/components/switch/switch.vue

@@ -71,6 +71,8 @@
     },
 
     mounted () {
+      console.log('switch disabled', this.disabled)
+      console.log('switch checked', !!this.value, this.checked, this.value)
       this.id = this._uid
     },
 

package/src/stories/quicklink/quicklink.stories.js

@@ -27,5 +27,5 @@ export const quicklinkFavorability = () => ({
 
 export const quicklinkThreeWaySwitch = () => ({
   components: { EcsQuicklink },
-  template: `<ecs-quicklink type="switch" label="Filter" :value="true" :valueToggle="true" :count="12" />`,
+  template: `<ecs-quicklink type="switch" label="Filter" :value="false" :valueToggle="true" :count="12" />`,
 });