@tiddh/brave-vue 1.93.59 → 1.93.61

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 +23 -10
  2. package/dist/src/Sidebar.vue +23 -10
  3. package/dist/src/components/Modal/Sidebar.vue +23 -10
  4. package/package.json +1 -1
package/dist/src/Modal/Sidebar.vue CHANGED
@@ -3,9 +3,13 @@
3
3
  <div :dir="dir">
4
4
  <div
5
5
  class="sidebar-brave"
6
- :class="[sidebarOpen ? 'open-sidebar' : 'close-sidebar', dir]"
6
+ :class="[
7
+ sidebarOpen ? 'open-sidebar' : 'close-sidebar',
8
+ dir,
9
+ cssSidebar,
10
+ ]"
7
11
  >
8
- <div class="overlay" v-if="sidebarOpen"></div>
12
+ <div class="overlay" v-if="sidebarOpen" @click="closeSidebar()"></div>
9
13
 
10
14
  <div class="sidebar">
11
15
  <div class="sidebar-close" @click="closeSidebar()">
@@ -67,7 +71,7 @@
67
71
 
68
72
  planSidebar: null,
69
73
  giftSidebar: null,
70
- cssSidebar: "close-sidebar hide-overlay",
74
+ cssSidebar: "after-animation",
71
75
 
72
76
  paymentMethodsSelect: [],
73
77
  selectedMethod: [],
@@ -87,7 +91,9 @@
87
91
 
88
92
  async created() {},
89
93
 
90
- async mounted() {},
94
+ async mounted() {
95
+ this.cssSidebar = "";
96
+ },
91
97
 
92
98
  methods: {
93
99
  click() {
@@ -100,19 +106,18 @@
100
106
  openSideBar() {
101
107
  const self = this;
102
108
 
103
- self.cssSidebar = "open-sidebar";
109
+ //self.cssSidebar = "open-sidebar";
104
110
  },
105
111
 
106
112
  closeSidebar() {
107
113
  const self = this;
108
114
 
109
- self.cssSidebar = "close-sidebar";
110
115
  document.getElementsByTagName("html")[0].removeAttribute("style");
111
116
  document.getElementsByTagName("body")[0].removeAttribute("style");
112
117
 
113
118
  setTimeout(function () {
114
119
  //self.cssSidebar = "close-sidebar hide-overlay";
115
-
120
+ self.cssSidebar = "after-animation";
116
121
  // self.$store.commit("checkout/OPEN_EDIT_PLAN", {
117
122
  // target: "plan",
118
123
  // value: false,
@@ -122,8 +127,8 @@
122
127
  // value: false,
123
128
  // });
124
129
  //self.cssSidebar = "open-sidebar";
125
-
126
- self.$emit("closeSidebar");
130
+ //self.
131
+ self.self.$emit("closeSidebar");
127
132
  }, 500);
128
133
  },
129
134
  },
@@ -137,10 +142,12 @@
137
142
  .sidebar-brave {
138
143
  width: 100%;
139
144
  position: fixed;
140
- top: 0;
145
+
141
146
  height: 100%;
142
147
  z-index: 999;
143
148
  overflow: hidden;
149
+ //display: none;
150
+ //bottom: 100%;
144
151
 
145
152
  @include media-breakpoint-down("sm") {
146
153
  overflow-y: scroll;
@@ -473,8 +480,10 @@
473
480
  }
474
481
 
475
482
  &.open-sidebar {
483
+ //display: block;
476
484
  //display: block;
477
485
  right: 0px;
486
+ top: 0;
478
487
 
479
488
  &.rtl {
480
489
  right: auto !important;
@@ -502,7 +511,11 @@
502
511
  }
503
512
 
504
513
  &.close-sidebar {
514
+ top: 0;
505
515
  //display: none;
516
+ &.after-animation {
517
+ top: 100%;
518
+ }
506
519
 
507
520
  &.rtl {
508
521
  //right: auto !important;
package/dist/src/Sidebar.vue CHANGED
@@ -3,9 +3,13 @@
3
3
  <div :dir="dir">
4
4
  <div
5
5
  class="sidebar-brave"
6
- :class="[sidebarOpen ? 'open-sidebar' : 'close-sidebar', dir]"
6
+ :class="[
7
+ sidebarOpen ? 'open-sidebar' : 'close-sidebar',
8
+ dir,
9
+ cssSidebar,
10
+ ]"
7
11
  >
8
- <div class="overlay" v-if="sidebarOpen"></div>
12
+ <div class="overlay" v-if="sidebarOpen" @click="closeSidebar()"></div>
9
13
 
10
14
  <div class="sidebar">
11
15
  <div class="sidebar-close" @click="closeSidebar()">
@@ -67,7 +71,7 @@
67
71
 
68
72
  planSidebar: null,
69
73
  giftSidebar: null,
70
- cssSidebar: "close-sidebar hide-overlay",
74
+ cssSidebar: "after-animation",
71
75
 
72
76
  paymentMethodsSelect: [],
73
77
  selectedMethod: [],
@@ -87,7 +91,9 @@
87
91
 
88
92
  async created() {},
89
93
 
90
- async mounted() {},
94
+ async mounted() {
95
+ this.cssSidebar = "";
96
+ },
91
97
 
92
98
  methods: {
93
99
  click() {
@@ -100,19 +106,18 @@
100
106
  openSideBar() {
101
107
  const self = this;
102
108
 
103
- self.cssSidebar = "open-sidebar";
109
+ //self.cssSidebar = "open-sidebar";
104
110
  },
105
111
 
106
112
  closeSidebar() {
107
113
  const self = this;
108
114
 
109
- self.cssSidebar = "close-sidebar";
110
115
  document.getElementsByTagName("html")[0].removeAttribute("style");
111
116
  document.getElementsByTagName("body")[0].removeAttribute("style");
112
117
 
113
118
  setTimeout(function () {
114
119
  //self.cssSidebar = "close-sidebar hide-overlay";
115
-
120
+ self.cssSidebar = "after-animation";
116
121
  // self.$store.commit("checkout/OPEN_EDIT_PLAN", {
117
122
  // target: "plan",
118
123
  // value: false,
@@ -122,8 +127,8 @@
122
127
  // value: false,
123
128
  // });
124
129
  //self.cssSidebar = "open-sidebar";
125
-
126
- self.$emit("closeSidebar");
130
+ //self.
131
+ self.self.$emit("closeSidebar");
127
132
  }, 500);
128
133
  },
129
134
  },
@@ -137,10 +142,12 @@
137
142
  .sidebar-brave {
138
143
  width: 100%;
139
144
  position: fixed;
140
- top: 0;
145
+
141
146
  height: 100%;
142
147
  z-index: 999;
143
148
  overflow: hidden;
149
+ //display: none;
150
+ //bottom: 100%;
144
151
 
145
152
  @include media-breakpoint-down("sm") {
146
153
  overflow-y: scroll;
@@ -473,8 +480,10 @@
473
480
  }
474
481
 
475
482
  &.open-sidebar {
483
+ //display: block;
476
484
  //display: block;
477
485
  right: 0px;
486
+ top: 0;
478
487
 
479
488
  &.rtl {
480
489
  right: auto !important;
@@ -502,7 +511,11 @@
502
511
  }
503
512
 
504
513
  &.close-sidebar {
514
+ top: 0;
505
515
  //display: none;
516
+ &.after-animation {
517
+ top: 100%;
518
+ }
506
519
 
507
520
  &.rtl {
508
521
  //right: auto !important;
package/dist/src/components/Modal/Sidebar.vue CHANGED
@@ -3,9 +3,13 @@
3
3
  <div :dir="dir">
4
4
  <div
5
5
  class="sidebar-brave"
6
- :class="[sidebarOpen ? 'open-sidebar' : 'close-sidebar', dir]"
6
+ :class="[
7
+ sidebarOpen ? 'open-sidebar' : 'close-sidebar',
8
+ dir,
9
+ cssSidebar,
10
+ ]"
7
11
  >
8
- <div class="overlay" v-if="sidebarOpen"></div>
12
+ <div class="overlay" v-if="sidebarOpen" @click="closeSidebar()"></div>
9
13
 
10
14
  <div class="sidebar">
11
15
  <div class="sidebar-close" @click="closeSidebar()">
@@ -67,7 +71,7 @@
67
71
 
68
72
  planSidebar: null,
69
73
  giftSidebar: null,
70
- cssSidebar: "close-sidebar hide-overlay",
74
+ cssSidebar: "after-animation",
71
75
 
72
76
  paymentMethodsSelect: [],
73
77
  selectedMethod: [],
@@ -87,7 +91,9 @@
87
91
 
88
92
  async created() {},
89
93
 
90
- async mounted() {},
94
+ async mounted() {
95
+ this.cssSidebar = "";
96
+ },
91
97
 
92
98
  methods: {
93
99
  click() {
@@ -100,19 +106,18 @@
100
106
  openSideBar() {
101
107
  const self = this;
102
108
 
103
- self.cssSidebar = "open-sidebar";
109
+ //self.cssSidebar = "open-sidebar";
104
110
  },
105
111
 
106
112
  closeSidebar() {
107
113
  const self = this;
108
114
 
109
- self.cssSidebar = "close-sidebar";
110
115
  document.getElementsByTagName("html")[0].removeAttribute("style");
111
116
  document.getElementsByTagName("body")[0].removeAttribute("style");
112
117
 
113
118
  setTimeout(function () {
114
119
  //self.cssSidebar = "close-sidebar hide-overlay";
115
-
120
+ self.cssSidebar = "after-animation";
116
121
  // self.$store.commit("checkout/OPEN_EDIT_PLAN", {
117
122
  // target: "plan",
118
123
  // value: false,
@@ -122,8 +127,8 @@
122
127
  // value: false,
123
128
  // });
124
129
  //self.cssSidebar = "open-sidebar";
125
-
126
- self.$emit("closeSidebar");
130
+ //self.
131
+ self.self.$emit("closeSidebar");
127
132
  }, 500);
128
133
  },
129
134
  },
@@ -137,10 +142,12 @@
137
142
  .sidebar-brave {
138
143
  width: 100%;
139
144
  position: fixed;
140
- top: 0;
145
+
141
146
  height: 100%;
142
147
  z-index: 999;
143
148
  overflow: hidden;
149
+ //display: none;
150
+ //bottom: 100%;
144
151
 
145
152
  @include media-breakpoint-down("sm") {
146
153
  overflow-y: scroll;
@@ -473,8 +480,10 @@
473
480
  }
474
481
 
475
482
  &.open-sidebar {
483
+ //display: block;
476
484
  //display: block;
477
485
  right: 0px;
486
+ top: 0;
478
487
 
479
488
  &.rtl {
480
489
  right: auto !important;
@@ -502,7 +511,11 @@
502
511
  }
503
512
 
504
513
  &.close-sidebar {
514
+ top: 0;
505
515
  //display: none;
516
+ &.after-animation {
517
+ top: 100%;
518
+ }
506
519
 
507
520
  &.rtl {
508
521
  //right: auto !important;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@tiddh/brave-vue",
3
- "version": "1.93.59",
3
+ "version": "1.93.61",
4
4
  "private": false,
5
5
  "main": "dist/brave-vue.ssr.js",
6
6
  "browser": "dist/brave-vue.esm.js",