classcard-ui 0.2.378 → 0.2.382

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.
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "classcard-ui",
3
- "version": "0.2.378",
3
+ "version": "0.2.382",
4
4
  "main": "dist/classcard-ui.common.js",
5
5
  "scripts": {
6
6
  "serve": "vue-cli-service serve",
@@ -1,18 +1,22 @@
1
1
  <template>
2
2
  <div>
3
3
  <div class="relative flex items-start">
4
- <div class="flex items-center h-5">
4
+ <div class="flex h-5 items-center">
5
5
  <input
6
6
  type="checkbox"
7
7
  v-model="checkedValue"
8
- class="focus:ring-indigo-500 h-4 w-4 text-indigo-600 border-gray-300 rounded cursor-pointer disabled:opacity-50"
8
+ class="h-4 w-4 cursor-pointer rounded border-gray-300 text-indigo-600 focus:ring-indigo-500 disabled:opacity-50"
9
9
  @click="changeValue"
10
10
  :disabled="isDisabled"
11
11
  />
12
12
  </div>
13
- <div class="ml-3 text-sm cursor-pointer" @click="changeValue">
14
- <label class="font-medium text-gray-900 cursor-pointer">{{ label }}</label>
15
- <p class="text-gray-500 mt-0.5 cursor-pointer">
13
+ <div
14
+ class="ml-3 cursor-pointer text-sm"
15
+ :class="isDisabled ? 'pointer-events-none' : ''"
16
+ @click="changeValue"
17
+ >
18
+ <label class="cursor-pointer font-medium text-gray-900">{{ label }}</label>
19
+ <p class="mt-0.5 cursor-pointer text-gray-500">
16
20
  {{ description }}
17
21
  </p>
18
22
  </div>
@@ -41,7 +45,7 @@ export default {
41
45
  if (this.checkedValue) {
42
46
  this.checkedValue = false;
43
47
  selectedValue = 0;
44
- } else if (!this.checkedValue ) {
48
+ } else if (!this.checkedValue) {
45
49
  this.checkedValue = true;
46
50
  selectedValue = 1;
47
51
  }
@@ -18,6 +18,7 @@
18
18
  @input="onDayClick"
19
19
  :value="value"
20
20
  :min-date="minDate"
21
+ :attributes="attrs"
21
22
  firstDayOfWeek="2"
22
23
  :is-required="true"
23
24
  >
@@ -113,6 +114,15 @@ export default {
113
114
  };
114
115
  return {
115
116
  masks,
117
+ attrs: [
118
+ {
119
+ highlight: {
120
+ color: "blue",
121
+ fillMode: "outline",
122
+ },
123
+ dates: new Date(),
124
+ },
125
+ ],
116
126
  };
117
127
  },
118
128
  methods: {
@@ -210,6 +210,7 @@ export default {
210
210
  }, 500);
211
211
  }
212
212
  }
213
+ this.emitGetOptions("", true);
213
214
  },
214
215
  onClose() {
215
216
  this.observer.disconnect();