@afeefa/vue-app 0.0.86 → 0.0.87

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.
@@ -1 +1 @@
1
- 0.0.86
1
+ 0.0.87
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@afeefa/vue-app",
3
- "version": "0.0.86",
3
+ "version": "0.0.87",
4
4
  "description": "",
5
5
  "author": "Afeefa Kollektiv <kollektiv@afeefa.de>",
6
6
  "license": "MIT",
@@ -105,7 +105,7 @@ export default class AAlert extends Vue {
105
105
  font-size: 2rem;
106
106
  }
107
107
 
108
- ::v-deep {
108
+ :deep() {
109
109
  .v-snack__wrapper {
110
110
  width: 500px;
111
111
  // margin-top: 1rem;
@@ -36,7 +36,7 @@ export default class ABadge extends Vue {
36
36
 
37
37
 
38
38
  <style scoped lang="scss">
39
- ::v-deep .v-badge__badge {
39
+ :deep(.v-badge__badge) {
40
40
  color: #666666;
41
41
  }
42
42
  </style>
@@ -55,7 +55,7 @@ export default class AContextMenuItem extends Vue {
55
55
  background-color: #EEEEEE;
56
56
  }
57
57
 
58
- ::v-deep .v-icon {
58
+ :deep(.v-icon) {
59
59
  display: block;
60
60
  text-align: center;
61
61
  margin-right: 0.5rem;
@@ -146,7 +146,7 @@ export default class ADatePicker extends Mixins(ComponentWidthMixin) {
146
146
 
147
147
 
148
148
  <style lang="scss" scoped>
149
- ::v-deep .v-select__slot {
149
+ :deep(.v-select__slot) {
150
150
  cursor: pointer;
151
151
  input {
152
152
  cursor: pointer;
@@ -233,7 +233,7 @@ export default class ADialog extends Mixins(UsesPositionServiceMixin, CancelOnEs
233
233
  padding: .8rem 1rem !important;
234
234
  }
235
235
 
236
- ::v-deep .v-dialog {
236
+ :deep(.v-dialog) {
237
237
  position: absolute;
238
238
  top: 0;
239
239
  left: 0;
@@ -23,6 +23,19 @@
23
23
 
24
24
  <v-card v-if="modal">
25
25
  <v-card-title v-if="title">
26
+ <v-avatar
27
+ v-if="icon"
28
+ color="#F4F4F4"
29
+ size="2rem"
30
+ class="mr-2"
31
+ >
32
+ <v-icon
33
+ :color="icon.color"
34
+ size="1.2rem"
35
+ v-text="icon.icon"
36
+ />
37
+ </v-avatar>
38
+
26
39
  {{ title }}
27
40
  </v-card-title>
28
41
 
@@ -43,7 +56,7 @@ import { ComponentWidthMixin } from './mixins/ComponentWidthMixin'
43
56
  import { CancelOnEscMixin } from '@a-vue/services/escape/CancelOnEscMixin'
44
57
 
45
58
  @Component({
46
- props: ['show', 'title', 'beforeClose', 'triggerClass', 'anchorPosition']
59
+ props: ['show', 'icon', 'title', 'beforeClose', 'triggerClass', 'anchorPosition']
47
60
  })
48
61
  export default class ADialog extends Mixins(UsesPositionServiceMixin, ComponentWidthMixin, CancelOnEscMixin) {
49
62
  modalId = randomCssClass(10)
@@ -189,7 +202,7 @@ export default class ADialog extends Mixins(UsesPositionServiceMixin, ComponentW
189
202
  color: inherit !important;
190
203
  }
191
204
 
192
- ::v-deep .v-dialog {
205
+ :deep(.v-dialog) {
193
206
  position: absolute;
194
207
  top: 0;
195
208
  left: 0;
@@ -33,7 +33,7 @@ export default class APagination extends Vue {
33
33
 
34
34
 
35
35
  <style scoped lang="scss">
36
- ::v-deep .v-pagination {
36
+ :deep(.v-pagination) {
37
37
  gap: .3rem;
38
38
  .v-pagination__item,
39
39
  .v-pagination__more,
@@ -68,7 +68,7 @@ export default class ARadioGroup extends Vue {
68
68
  margin: 0;
69
69
 
70
70
  &:not(.hasLabel) {
71
- ::v-deep legend {
71
+ :deep(legend) {
72
72
  display: none;
73
73
  }
74
74
  }
@@ -200,10 +200,8 @@ export default class ARichTextArea extends Vue {
200
200
 
201
201
  <style lang="scss" scoped>
202
202
  .a-rich-text-editor {
203
- ::v-deep .ProseMirror {
204
- &-focused {
203
+ :deep(.ProseMirror-focused) {
205
204
  outline: none;
206
- }
207
205
  }
208
206
  }
209
207
 
@@ -226,14 +224,14 @@ export default class ARichTextArea extends Vue {
226
224
  box-shadow: none;
227
225
  border-radius: 0;
228
226
 
229
- ::v-deep .v-icon {
227
+ :deep(.v-icon) {
230
228
  font-size: 20px;
231
229
  width: 20px;
232
230
  height: 20px;
233
231
  }
234
232
 
235
233
  &.strike {
236
- ::v-deep .v-icon {
234
+ :deep(.v-icon) {
237
235
  width: 15px;
238
236
  }
239
237
  }
@@ -251,7 +249,7 @@ export default class ARichTextArea extends Vue {
251
249
  }
252
250
  }
253
251
 
254
- ::v-deep .ProseMirror {
252
+ :deep(.ProseMirror) {
255
253
  min-height: 200px;
256
254
 
257
255
  > :last-child {
@@ -319,7 +319,7 @@ export default class ASearchSelect extends Mixins(ComponentWidthMixin, UsesPosit
319
319
  display: block;
320
320
  padding: 0 .5rem;
321
321
 
322
- ::v-deep .a-row {
322
+ :deep(.a-row) {
323
323
  overflow: unset;
324
324
  }
325
325
  }
@@ -334,7 +334,7 @@ export default class ASearchSelect extends Mixins(ComponentWidthMixin, UsesPosit
334
334
  overflow-x: hidden;
335
335
  overscroll-behavior: contain;
336
336
 
337
- ::v-deep .a-table-row {
337
+ :deep(.a-table-row) {
338
338
  &:not(.selected) {
339
339
  cursor: pointer;
340
340
  }
@@ -48,7 +48,7 @@ export default class ATable extends Vue {
48
48
  > * {
49
49
  display: table-row;
50
50
 
51
- > ::v-deep * {
51
+ > :deep(*) {
52
52
  display: table-cell;
53
53
 
54
54
  white-space: nowrap;
@@ -38,7 +38,7 @@ export default class ATextArea extends Vue {
38
38
 
39
39
 
40
40
  <style lang="scss" scoped>
41
- .v-input:not(.v-input--is-focused) ::v-deep .v-counter {
41
+ .v-input:not(.v-input--is-focused) :deep(.v-counter) {
42
42
  display: none;
43
43
  }
44
44
  </style>
@@ -100,7 +100,7 @@ export default class ATextField extends Mixins(ComponentWidthMixin) {
100
100
 
101
101
 
102
102
  <style lang="scss" scoped>
103
- .v-input:not(.v-input--is-focused) ::v-deep .v-counter {
103
+ .v-input:not(.v-input--is-focused) :deep(.v-counter) {
104
104
  display: none;
105
105
  }
106
106
  </style>
@@ -1,6 +1,5 @@
1
1
  <template>
2
2
  <a-modal
3
- :title="title"
4
3
  :beforeClose="beforeClose"
5
4
  :show.sync="show_"
6
5
  v-bind="$attrs"
@@ -61,7 +60,7 @@ import { Component, Vue, Watch } from '@a-vue'
61
60
  import { DialogEvent } from '@a-vue/events'
62
61
 
63
62
  @Component({
64
- props: ['model', 'createModelToEdit', 'title', 'show']
63
+ props: ['model', 'createModelToEdit', 'show']
65
64
  })
66
65
  export default class EditModal extends Vue {
67
66
  show_ = false
@@ -20,7 +20,7 @@ export default class ListFilterRow extends Vue {
20
20
 
21
21
 
22
22
  <style scoped lang="scss">
23
- ::v-deep .v-text-field__details {
23
+ :deep(.v-text-field__details) {
24
24
  display: none;
25
25
  }
26
26
  </style>
@@ -47,7 +47,7 @@ export default class SidebarMenu extends Vue {
47
47
 
48
48
 
49
49
  <style lang="scss" scoped>
50
- ::v-deep .v-list-group {
50
+ :deep(.v-list-group) {
51
51
  > .v-list-item {
52
52
  padding: 0;
53
53
  > .v-list-item {
@@ -206,19 +206,19 @@ export default class SearchSelectFormField extends Vue {
206
206
 
207
207
 
208
208
  <style scoped lang="scss">
209
- .selectedIcon::v-deep {
209
+ .selectedIcon:deep() {
210
210
  padding-right: .3rem !important;
211
211
  }
212
212
 
213
- .selectableIcon::v-deep {
213
+ .selectableIcon:deep() {
214
214
  padding-right: 2rem !important;
215
215
  }
216
216
 
217
- .selectedContent::v-deep {
217
+ .selectedContent:deep() {
218
218
  width: 100%;
219
219
  }
220
220
 
221
- .selectableContent::v-deep {
221
+ .selectableContent:deep() {
222
222
  width: 100%;
223
223
  }
224
224
  </style>
@@ -109,7 +109,7 @@ export default class ListColumnHeader extends Vue {
109
109
  }
110
110
  }
111
111
 
112
- ::v-deep .v-icon {
112
+ :deep(.v-icon) {
113
113
  color: #AAAAAA !important;
114
114
 
115
115
  &.active {