@tiddh/brave-vue 1.93.42 → 1.93.43

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.
Files changed (4) hide show
  1. package/dist/src/Modal/Sidebar.vue +37 -19
  2. package/dist/src/Sidebar.vue +37 -19
  3. package/dist/src/components/Modal/Sidebar.vue +37 -19
  4. package/package.json +1 -1
package/dist/src/Modal/Sidebar.vue CHANGED
@@ -17,11 +17,7 @@
17
17
  </div>
18
18
 
19
19
  <div class="cta-area">
20
- <Button
21
- class="confirm-address"
22
- icon="right"
23
- @click="updateSidebarPlan"
24
- >
20
+ <Button class="confirm-address" icon="right" @click="click">
25
21
  SALVAR ESTE PLANO
26
22
  <Icon name="chevron-right" size="lg" fill="#fff" stroke="#fff" />
27
23
  </Button>
@@ -49,13 +45,40 @@
49
45
  //Notification,
50
46
  //GiftsSidebar
51
47
  },
48
+
49
+ props: {
50
+ sidebarOpen: {
51
+ type: Boolean,
52
+ required: true,
53
+ default: false,
54
+ },
55
+ },
56
+
57
+ watch: {
58
+ sidebarOpen: {
59
+ // the callback will be called immediately after the start of the observation
60
+ immediate: true,
61
+ handler(val, oldVal) {
62
+ if (val == true) {
63
+ this.openSideBar();
64
+ } else {
65
+ this.closeSidebar();
66
+ }
67
+ // if (this.initialValue === "") {
68
+ // this.initialValue = val;
69
+ // }
70
+ // this.finalValue = val;
71
+ },
72
+ },
73
+ },
74
+
52
75
  data() {
53
76
  return {
54
77
  sidebarPlans: false,
55
78
 
56
79
  planSidebar: null,
57
80
  giftSidebar: null,
58
- cssSidebar: "open-sidebar",
81
+ cssSidebar: "close-sidebar",
59
82
 
60
83
  paymentMethodsSelect: [],
61
84
  selectedMethod: [],
@@ -72,18 +95,6 @@
72
95
  },
73
96
  };
74
97
  },
75
- computed: {},
76
-
77
- // watch: {
78
- // paymentMethods(val) {
79
- // // if (val === 'sem-conta') {
80
- // // document.querySelector('.closeBtn').style.display = 'none'
81
- // // }
82
- // this.selectedMethod = val.plans
83
- // this.selectedMethodType = val.slug
84
- // },
85
-
86
- // },
87
98
 
88
99
  async created() {},
89
100
 
@@ -93,7 +104,14 @@
93
104
  updateSidebarPlan() {
94
105
  const self = this;
95
106
 
96
- self.closeSidebar();
107
+ this.$emit("click");
108
+ //self.closeSidebar();
109
+ },
110
+
111
+ openSideBar() {
112
+ const self = this;
113
+
114
+ self.cssSidebar = "open-sidebar";
97
115
  },
98
116
 
99
117
  closeSidebar() {
package/dist/src/Sidebar.vue CHANGED
@@ -17,11 +17,7 @@
17
17
  </div>
18
18
 
19
19
  <div class="cta-area">
20
- <Button
21
- class="confirm-address"
22
- icon="right"
23
- @click="updateSidebarPlan"
24
- >
20
+ <Button class="confirm-address" icon="right" @click="click">
25
21
  SALVAR ESTE PLANO
26
22
  <Icon name="chevron-right" size="lg" fill="#fff" stroke="#fff" />
27
23
  </Button>
@@ -49,13 +45,40 @@
49
45
  //Notification,
50
46
  //GiftsSidebar
51
47
  },
48
+
49
+ props: {
50
+ sidebarOpen: {
51
+ type: Boolean,
52
+ required: true,
53
+ default: false,
54
+ },
55
+ },
56
+
57
+ watch: {
58
+ sidebarOpen: {
59
+ // the callback will be called immediately after the start of the observation
60
+ immediate: true,
61
+ handler(val, oldVal) {
62
+ if (val == true) {
63
+ this.openSideBar();
64
+ } else {
65
+ this.closeSidebar();
66
+ }
67
+ // if (this.initialValue === "") {
68
+ // this.initialValue = val;
69
+ // }
70
+ // this.finalValue = val;
71
+ },
72
+ },
73
+ },
74
+
52
75
  data() {
53
76
  return {
54
77
  sidebarPlans: false,
55
78
 
56
79
  planSidebar: null,
57
80
  giftSidebar: null,
58
- cssSidebar: "open-sidebar",
81
+ cssSidebar: "close-sidebar",
59
82
 
60
83
  paymentMethodsSelect: [],
61
84
  selectedMethod: [],
@@ -72,18 +95,6 @@
72
95
  },
73
96
  };
74
97
  },
75
- computed: {},
76
-
77
- // watch: {
78
- // paymentMethods(val) {
79
- // // if (val === 'sem-conta') {
80
- // // document.querySelector('.closeBtn').style.display = 'none'
81
- // // }
82
- // this.selectedMethod = val.plans
83
- // this.selectedMethodType = val.slug
84
- // },
85
-
86
- // },
87
98
 
88
99
  async created() {},
89
100
 
@@ -93,7 +104,14 @@
93
104
  updateSidebarPlan() {
94
105
  const self = this;
95
106
 
96
- self.closeSidebar();
107
+ this.$emit("click");
108
+ //self.closeSidebar();
109
+ },
110
+
111
+ openSideBar() {
112
+ const self = this;
113
+
114
+ self.cssSidebar = "open-sidebar";
97
115
  },
98
116
 
99
117
  closeSidebar() {
package/dist/src/components/Modal/Sidebar.vue CHANGED
@@ -17,11 +17,7 @@
17
17
  </div>
18
18
 
19
19
  <div class="cta-area">
20
- <Button
21
- class="confirm-address"
22
- icon="right"
23
- @click="updateSidebarPlan"
24
- >
20
+ <Button class="confirm-address" icon="right" @click="click">
25
21
  SALVAR ESTE PLANO
26
22
  <Icon name="chevron-right" size="lg" fill="#fff" stroke="#fff" />
27
23
  </Button>
@@ -49,13 +45,40 @@
49
45
  //Notification,
50
46
  //GiftsSidebar
51
47
  },
48
+
49
+ props: {
50
+ sidebarOpen: {
51
+ type: Boolean,
52
+ required: true,
53
+ default: false,
54
+ },
55
+ },
56
+
57
+ watch: {
58
+ sidebarOpen: {
59
+ // the callback will be called immediately after the start of the observation
60
+ immediate: true,
61
+ handler(val, oldVal) {
62
+ if (val == true) {
63
+ this.openSideBar();
64
+ } else {
65
+ this.closeSidebar();
66
+ }
67
+ // if (this.initialValue === "") {
68
+ // this.initialValue = val;
69
+ // }
70
+ // this.finalValue = val;
71
+ },
72
+ },
73
+ },
74
+
52
75
  data() {
53
76
  return {
54
77
  sidebarPlans: false,
55
78
 
56
79
  planSidebar: null,
57
80
  giftSidebar: null,
58
- cssSidebar: "open-sidebar",
81
+ cssSidebar: "close-sidebar",
59
82
 
60
83
  paymentMethodsSelect: [],
61
84
  selectedMethod: [],
@@ -72,18 +95,6 @@
72
95
  },
73
96
  };
74
97
  },
75
- computed: {},
76
-
77
- // watch: {
78
- // paymentMethods(val) {
79
- // // if (val === 'sem-conta') {
80
- // // document.querySelector('.closeBtn').style.display = 'none'
81
- // // }
82
- // this.selectedMethod = val.plans
83
- // this.selectedMethodType = val.slug
84
- // },
85
-
86
- // },
87
98
 
88
99
  async created() {},
89
100
 
@@ -93,7 +104,14 @@
93
104
  updateSidebarPlan() {
94
105
  const self = this;
95
106
 
96
- self.closeSidebar();
107
+ this.$emit("click");
108
+ //self.closeSidebar();
109
+ },
110
+
111
+ openSideBar() {
112
+ const self = this;
113
+
114
+ self.cssSidebar = "open-sidebar";
97
115
  },
98
116
 
99
117
  closeSidebar() {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@tiddh/brave-vue",
3
- "version": "1.93.42",
3
+ "version": "1.93.43",
4
4
  "private": false,
5
5
  "main": "dist/brave-vue.ssr.js",
6
6
  "browser": "dist/brave-vue.esm.js",