@nextcloud/vue 9.12.0 → 9.13.0

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 (90) hide show
  1. package/CHANGELOG.md +18 -0
  2. package/dist/assets/NcAppContent.css +20 -20
  3. package/dist/assets/NcAppNavigation.css +13 -13
  4. package/dist/assets/NcAppNavigationSettings.css +6 -6
  5. package/dist/assets/NcAppSettingsDialog.css +3 -3
  6. package/dist/assets/NcAppSettingsShortcutsSection.css +1 -1
  7. package/dist/assets/NcAppSidebar.css +28 -28
  8. package/dist/assets/NcAssistantButton.css +9 -9
  9. package/dist/assets/NcAssistantContent.css +3 -3
  10. package/dist/assets/NcAssistantIcon.css +4 -4
  11. package/dist/assets/NcAvatar.css +26 -26
  12. package/dist/assets/NcBlurHash.css +2 -2
  13. package/dist/assets/NcDialog.css +16 -16
  14. package/dist/assets/NcFilePicker.css +1 -1
  15. package/dist/assets/NcFormBox.css +11 -11
  16. package/dist/assets/NcFormBoxButton.css +2 -2
  17. package/dist/assets/NcFormBoxItem.css +15 -15
  18. package/dist/assets/NcFormBoxSwitch.css +2 -2
  19. package/dist/assets/NcFormGroup.css +7 -7
  20. package/dist/assets/NcHotkey.css +8 -8
  21. package/dist/assets/NcHotkeyList.css +2 -2
  22. package/dist/assets/NcIconToggleSwitch.css +4 -4
  23. package/dist/assets/NcKbd.css +3 -3
  24. package/dist/assets/NcModal.css +61 -61
  25. package/dist/assets/NcPopover.css +16 -16
  26. package/dist/assets/NcRadioGroup.css +2 -2
  27. package/dist/assets/NcRadioGroupButton.css +14 -14
  28. package/dist/assets/NcRichContenteditable.css +17 -17
  29. package/dist/assets/NcUploadPicker.css +7 -7
  30. package/dist/assets/autolink.css +3 -3
  31. package/dist/chunks/NcAppContent.mjs +170 -297
  32. package/dist/chunks/NcAppContent.mjs.map +1 -1
  33. package/dist/chunks/NcAppContentList.vue_vue_type_script_setup_true_lang.mjs +21 -0
  34. package/dist/chunks/NcAppContentList.vue_vue_type_script_setup_true_lang.mjs.map +1 -0
  35. package/dist/chunks/NcAppNavigation.mjs +7 -4
  36. package/dist/chunks/NcAppNavigation.mjs.map +1 -1
  37. package/dist/chunks/NcAppNavigationSettings.mjs +6 -6
  38. package/dist/chunks/NcAppSettingsDialog.mjs +4 -4
  39. package/dist/chunks/NcAppSettingsShortcutsSection.mjs +1 -1
  40. package/dist/chunks/NcAppSidebar.mjs +12 -12
  41. package/dist/chunks/NcAssistantButton.mjs +7 -7
  42. package/dist/chunks/NcAssistantContent.mjs +3 -3
  43. package/dist/chunks/NcAssistantIcon.mjs +4 -4
  44. package/dist/chunks/NcAvatar.mjs +14 -7
  45. package/dist/chunks/NcAvatar.mjs.map +1 -1
  46. package/dist/chunks/NcBlurHash.mjs +2 -2
  47. package/dist/chunks/NcContent.mjs +1 -1
  48. package/dist/chunks/NcDialog.mjs +1 -1
  49. package/dist/chunks/NcDialog.mjs.map +1 -1
  50. package/dist/chunks/NcFilePicker.mjs +1 -1
  51. package/dist/chunks/NcFormBox.mjs +5 -5
  52. package/dist/chunks/NcFormBoxButton.mjs +2 -2
  53. package/dist/chunks/NcFormBoxItem.mjs +8 -8
  54. package/dist/chunks/NcFormBoxSwitch.mjs +2 -2
  55. package/dist/chunks/NcFormGroup.mjs +7 -7
  56. package/dist/chunks/NcHotkey.mjs +4 -4
  57. package/dist/chunks/NcHotkeyList.mjs +2 -2
  58. package/dist/chunks/NcIconToggleSwitch.mjs +2 -2
  59. package/dist/chunks/NcKbd.mjs +2 -2
  60. package/dist/chunks/NcMentionBubble.vue_vue_type_style_index_0_scoped_3c4a673d_lang.mjs +7 -7
  61. package/dist/chunks/NcMentionBubble.vue_vue_type_style_index_0_scoped_3c4a673d_lang.mjs.map +1 -1
  62. package/dist/chunks/NcModal.mjs +8 -6
  63. package/dist/chunks/NcModal.mjs.map +1 -1
  64. package/dist/chunks/NcPopover.mjs +2 -2
  65. package/dist/chunks/NcRadioGroup.mjs +2 -2
  66. package/dist/chunks/NcRadioGroupButton.mjs +6 -6
  67. package/dist/chunks/NcRichContenteditable.mjs +10 -10
  68. package/dist/chunks/NcUploadPicker.mjs +6 -6
  69. package/dist/chunks/NcUploadPicker.mjs.map +1 -1
  70. package/dist/chunks/_l10n.mjs +24 -24
  71. package/dist/chunks/autolink.mjs +3 -3
  72. package/dist/components/NcAppContent/NcAppContent.vue.d.ts +77 -149
  73. package/dist/components/NcAppContent/index.d.ts +5 -0
  74. package/dist/components/NcAppContentList/NcAppContentList.vue.d.ts +28 -27
  75. package/dist/components/NcAppContentList/index.d.ts +4 -0
  76. package/dist/components/NcAppContentList/index.mjs +2 -2
  77. package/dist/components/NcAvatar/NcAvatar.vue.d.ts +17 -0
  78. package/dist/components/NcCollectionList/NcCollectionList.vue.d.ts +18 -0
  79. package/dist/components/NcCollectionList/NcCollectionListItem.vue.d.ts +9 -0
  80. package/dist/components/NcDashboardWidget/NcDashboardWidget.vue.d.ts +18 -0
  81. package/dist/components/NcDashboardWidgetItem/NcDashboardWidgetItem.vue.d.ts +9 -0
  82. package/dist/components/NcListItemIcon/NcListItemIcon.vue.d.ts +9 -0
  83. package/dist/components/NcModal/NcModal.vue.d.ts +3 -0
  84. package/dist/components/NcRichText/NcReferencePicker/NcReferencePickerModal.vue.d.ts +8 -0
  85. package/dist/components/index.d.ts +2 -2
  86. package/dist/index.mjs +169 -169
  87. package/dist/utils/getAvatarUrl.d.ts +4 -0
  88. package/package.json +7 -7
  89. package/dist/chunks/NcAppContentList.mjs +0 -33
  90. package/dist/chunks/NcAppContentList.mjs.map +0 -1
@@ -9,83 +9,83 @@
9
9
  /*
10
10
  * Ensure proper alignment of the vue material icons
11
11
  */
12
- .material-design-icon[data-v-7230ab1f] {
12
+ .material-design-icon[data-v-b005f1da] {
13
13
  display: flex;
14
14
  align-self: center;
15
15
  justify-self: center;
16
16
  align-items: center;
17
17
  justify-content: center;
18
18
  }
19
- .avatardiv[data-v-7230ab1f] {
19
+ .avatardiv[data-v-b005f1da] {
20
20
  position: relative;
21
21
  display: inline-block;
22
22
  width: var(--avatar-size);
23
23
  height: var(--avatar-size);
24
24
  }
25
- .avatardiv--unknown[data-v-7230ab1f] {
25
+ .avatardiv--unknown[data-v-b005f1da] {
26
26
  position: relative;
27
27
  background-color: var(--color-main-background);
28
28
  white-space: normal;
29
29
  }
30
- .avatardiv[data-v-7230ab1f]:not(.avatardiv--unknown) {
30
+ .avatardiv[data-v-b005f1da]:not(.avatardiv--unknown) {
31
31
  background-color: var(--color-main-background) !important;
32
32
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.05) inset;
33
33
  }
34
- .avatardiv--with-menu[data-v-7230ab1f] {
34
+ .avatardiv--with-menu[data-v-b005f1da] {
35
35
  cursor: pointer;
36
36
  position: relative;
37
37
  }
38
- .avatardiv--with-legacy-menu .action-item[data-v-7230ab1f] {
38
+ .avatardiv--with-legacy-menu .action-item[data-v-b005f1da] {
39
39
  position: absolute;
40
40
  top: 0;
41
41
  inset-inline-start: 0;
42
42
  }
43
- .avatardiv--with-legacy-menu[data-v-7230ab1f] .action-item__menutoggle {
43
+ .avatardiv--with-legacy-menu[data-v-b005f1da] .action-item__menutoggle {
44
44
  cursor: pointer;
45
45
  opacity: 0;
46
46
  }
47
- .avatardiv--with-legacy-menu[data-v-7230ab1f]:focus-within .action-item__menutoggle, .avatardiv--with-legacy-menu[data-v-7230ab1f]:hover .action-item__menutoggle, .avatardiv--with-legacy-menu.avatardiv--with-menu-loading[data-v-7230ab1f] .action-item__menutoggle {
47
+ .avatardiv--with-legacy-menu[data-v-b005f1da]:focus-within .action-item__menutoggle, .avatardiv--with-legacy-menu[data-v-b005f1da]:hover .action-item__menutoggle, .avatardiv--with-legacy-menu.avatardiv--with-menu-loading[data-v-b005f1da] .action-item__menutoggle {
48
48
  opacity: 1;
49
49
  }
50
- .avatardiv--with-legacy-menu:focus-within img[data-v-7230ab1f], .avatardiv--with-legacy-menu:hover img[data-v-7230ab1f], .avatardiv--with-legacy-menu.avatardiv--with-menu-loading img[data-v-7230ab1f] {
50
+ .avatardiv--with-legacy-menu:focus-within img[data-v-b005f1da], .avatardiv--with-legacy-menu:hover img[data-v-b005f1da], .avatardiv--with-legacy-menu.avatardiv--with-menu-loading img[data-v-b005f1da] {
51
51
  opacity: 0.3;
52
52
  }
53
- .avatardiv--with-legacy-menu[data-v-7230ab1f] .action-item__menutoggle,
54
- .avatardiv--with-legacy-menu img[data-v-7230ab1f] {
53
+ .avatardiv--with-legacy-menu[data-v-b005f1da] .action-item__menutoggle,
54
+ .avatardiv--with-legacy-menu img[data-v-b005f1da] {
55
55
  transition: opacity var(--animation-quick);
56
56
  }
57
- .avatardiv--with-legacy-menu[data-v-7230ab1f] .button-vue,
58
- .avatardiv--with-legacy-menu[data-v-7230ab1f] .button-vue__icon {
57
+ .avatardiv--with-legacy-menu[data-v-b005f1da] .button-vue,
58
+ .avatardiv--with-legacy-menu[data-v-b005f1da] .button-vue__icon {
59
59
  height: var(--avatar-size);
60
60
  min-height: var(--avatar-size);
61
61
  width: var(--avatar-size) !important;
62
62
  min-width: var(--avatar-size);
63
63
  }
64
- .avatardiv--with-legacy-menu[data-v-7230ab1f] > .button-vue, .avatardiv--with-legacy-menu[data-v-7230ab1f] > .action-item .button-vue {
64
+ .avatardiv--with-legacy-menu[data-v-b005f1da] > .button-vue, .avatardiv--with-legacy-menu[data-v-b005f1da] > .action-item .button-vue {
65
65
  --button-radius: calc(var(--avatar-size) / 2);
66
66
  }
67
- .avatardiv .avatar-profile-popover[data-v-7230ab1f] {
67
+ .avatardiv .avatar-profile-popover[data-v-b005f1da] {
68
68
  position: absolute;
69
69
  inset: 0;
70
70
  width: 100%;
71
71
  height: 100%;
72
72
  z-index: 1;
73
73
  }
74
- .avatardiv .avatar-profile-popover__trigger[data-v-7230ab1f] {
74
+ .avatardiv .avatar-profile-popover__trigger[data-v-b005f1da] {
75
75
  display: block;
76
76
  width: 100%;
77
77
  height: 100%;
78
78
  border-radius: inherit;
79
79
  outline: none;
80
80
  }
81
- .avatardiv .avatardiv__initials-wrapper[data-v-7230ab1f] {
81
+ .avatardiv .avatardiv__initials-wrapper[data-v-b005f1da] {
82
82
  display: block;
83
83
  height: var(--avatar-size);
84
84
  width: var(--avatar-size);
85
85
  background-color: var(--color-main-background);
86
86
  border-radius: calc(var(--avatar-size) / 2);
87
87
  }
88
- .avatardiv .avatardiv__initials-wrapper .avatardiv__initials[data-v-7230ab1f] {
88
+ .avatardiv .avatardiv__initials-wrapper .avatardiv__initials[data-v-b005f1da] {
89
89
  position: absolute;
90
90
  top: 0;
91
91
  inset-inline-start: 0;
@@ -94,16 +94,16 @@
94
94
  text-align: center;
95
95
  font-weight: var(--font-weight-default, normal);
96
96
  }
97
- .avatardiv img[data-v-7230ab1f] {
97
+ .avatardiv img[data-v-b005f1da] {
98
98
  width: 100%;
99
99
  height: 100%;
100
100
  object-fit: cover;
101
101
  }
102
- .avatardiv .material-design-icon[data-v-7230ab1f] {
102
+ .avatardiv .material-design-icon[data-v-b005f1da] {
103
103
  width: var(--avatar-size);
104
104
  height: var(--avatar-size);
105
105
  }
106
- .avatardiv .avatardiv__user-status[data-v-7230ab1f] {
106
+ .avatardiv .avatardiv__user-status[data-v-b005f1da] {
107
107
  --avatar-status-size-orbital: calc(var(--avatar-size) * (1 - 1 / sqrt(2)));
108
108
  --avatar-status-size-min: var(--font-size-small);
109
109
  --avatar-status-size: max(var(--avatar-status-size-orbital), var(--avatar-status-size-min));
@@ -124,23 +124,23 @@
124
124
  align-items: center;
125
125
  justify-content: center;
126
126
  }
127
- .acli:hover .avatardiv .avatardiv__user-status[data-v-7230ab1f] {
127
+ .acli:hover .avatardiv .avatardiv__user-status[data-v-b005f1da] {
128
128
  border-color: var(--color-background-hover);
129
129
  background-color: var(--color-background-hover);
130
130
  }
131
- .acli.active .avatardiv .avatardiv__user-status[data-v-7230ab1f] {
131
+ .acli.active .avatardiv .avatardiv__user-status[data-v-b005f1da] {
132
132
  border-color: var(--color-primary-element-light);
133
133
  background-color: var(--color-primary-element-light);
134
134
  }
135
- .avatardiv .avatardiv__user-status--icon[data-v-7230ab1f] {
135
+ .avatardiv .avatardiv__user-status--icon[data-v-b005f1da] {
136
136
  border: none;
137
137
  background-color: transparent;
138
138
  }
139
- .avatardiv .popovermenu-wrapper[data-v-7230ab1f] {
139
+ .avatardiv .popovermenu-wrapper[data-v-b005f1da] {
140
140
  position: relative;
141
141
  display: inline-block;
142
142
  }
143
- .avatar-class-icon[data-v-7230ab1f] {
143
+ .avatar-class-icon[data-v-b005f1da] {
144
144
  display: block;
145
145
  border-radius: calc(var(--avatar-size) / 2);
146
146
  background-color: var(--color-background-darker);
@@ -1,8 +1,8 @@
1
1
 
2
- ._fadeTransition_oZjXX {
2
+ ._fadeTransition_-Ph13 {
3
3
  transition: all var(--animation-quick) ease;
4
4
  }
5
- ._fadeTransitionActive_KFGRH {
5
+ ._fadeTransitionActive_4p01v {
6
6
  opacity: 0;
7
7
  position: absolute;
8
8
  }
@@ -19,7 +19,7 @@
19
19
 
20
20
  /** When having the small dialog style we override the modal styling so dialogs look more dialog like */
21
21
  @media only screen and (max-width: 512px) {
22
- .dialog__modal .modal-wrapper--small .modal-container {
22
+ .dialog__modal .modal-wrapper.modal-wrapper--small .modal-container {
23
23
  width: fit-content;
24
24
  height: unset;
25
25
  max-height: 90%;
@@ -38,14 +38,14 @@
38
38
  /*
39
39
  * Ensure proper alignment of the vue material icons
40
40
  */
41
- .material-design-icon[data-v-24e91b99] {
41
+ .material-design-icon[data-v-adda232f] {
42
42
  display: flex;
43
43
  align-self: center;
44
44
  justify-self: center;
45
45
  align-items: center;
46
46
  justify-content: center;
47
47
  }
48
- .dialog[data-v-24e91b99] {
48
+ .dialog[data-v-adda232f] {
49
49
  height: 100%;
50
50
  width: 100%;
51
51
  display: flex;
@@ -53,45 +53,45 @@
53
53
  justify-content: space-between;
54
54
  overflow: hidden;
55
55
  }
56
- .dialog__modal[data-v-24e91b99] .modal-wrapper .modal-container {
56
+ .dialog__modal[data-v-adda232f] .modal-wrapper .modal-container {
57
57
  display: flex !important;
58
58
  padding-block: 4px 0;
59
59
  padding-inline: 12px 0;
60
60
  }
61
- .dialog__modal[data-v-24e91b99] .modal-wrapper .modal-container__content {
61
+ .dialog__modal[data-v-adda232f] .modal-wrapper .modal-container__content {
62
62
  display: flex;
63
63
  flex-direction: column;
64
64
  overflow: hidden;
65
65
  }
66
- .dialog__wrapper[data-v-24e91b99] {
66
+ .dialog__wrapper[data-v-adda232f] {
67
67
  display: flex;
68
68
  flex-direction: row;
69
69
  flex: 1;
70
70
  min-height: 0;
71
71
  overflow: hidden;
72
72
  }
73
- .dialog__wrapper--collapsed[data-v-24e91b99] {
73
+ .dialog__wrapper--collapsed[data-v-adda232f] {
74
74
  flex-direction: column;
75
75
  }
76
- .dialog__navigation[data-v-24e91b99] {
76
+ .dialog__navigation[data-v-adda232f] {
77
77
  display: flex;
78
78
  flex-shrink: 0;
79
79
  }
80
- .dialog__wrapper:not(.dialog__wrapper--collapsed) .dialog__navigation[data-v-24e91b99] {
80
+ .dialog__wrapper:not(.dialog__wrapper--collapsed) .dialog__navigation[data-v-adda232f] {
81
81
  flex-direction: column;
82
82
  overflow: hidden auto;
83
83
  height: 100%;
84
84
  min-width: 200px;
85
85
  margin-inline-end: 20px;
86
86
  }
87
- .dialog__wrapper.dialog__wrapper--collapsed .dialog__navigation[data-v-24e91b99] {
87
+ .dialog__wrapper.dialog__wrapper--collapsed .dialog__navigation[data-v-adda232f] {
88
88
  flex-direction: row;
89
89
  justify-content: space-between;
90
90
  overflow: auto hidden;
91
91
  width: 100%;
92
92
  min-width: 100%;
93
93
  }
94
- .dialog__name[data-v-24e91b99] {
94
+ .dialog__name[data-v-adda232f] {
95
95
  font-size: 21px;
96
96
  text-align: center;
97
97
  height: fit-content;
@@ -100,16 +100,16 @@
100
100
  overflow-wrap: break-word;
101
101
  margin-block: 0 12px;
102
102
  }
103
- .dialog__content[data-v-24e91b99] {
103
+ .dialog__content[data-v-adda232f] {
104
104
  flex: 1;
105
105
  min-height: 0;
106
106
  overflow: auto;
107
107
  padding-inline-end: 12px;
108
108
  }
109
- .dialog__text[data-v-24e91b99] {
109
+ .dialog__text[data-v-adda232f] {
110
110
  padding-block-end: 6px;
111
111
  }
112
- .dialog__actions[data-v-24e91b99] {
112
+ .dialog__actions[data-v-adda232f] {
113
113
  display: flex;
114
114
  gap: 6px;
115
115
  align-content: center;
@@ -120,11 +120,11 @@
120
120
  margin-inline: 0;
121
121
  margin-block: 0;
122
122
  }
123
- .dialog__actions[data-v-24e91b99]:not(:empty) {
123
+ .dialog__actions[data-v-adda232f]:not(:empty) {
124
124
  margin-block: 6px 12px;
125
125
  }
126
126
  @media only screen and (max-width: 512px) {
127
- .dialog__name[data-v-24e91b99] {
127
+ .dialog__name[data-v-adda232f] {
128
128
  text-align: start;
129
129
  margin-inline-end: var(--default-clickable-area);
130
130
  }
@@ -1,5 +1,5 @@
1
1
 
2
- ._filePicker_BUlcx {
2
+ ._filePicker_DdklE {
3
3
  display: inline-flex;
4
4
  align-items: center;
5
5
  height: var(--default-clickable-area);
@@ -9,46 +9,46 @@
9
9
  /*
10
10
  * Ensure proper alignment of the vue material icons
11
11
  */
12
- ._material-design-icon_UQYft {
12
+ ._material-design-icon_jy9UL {
13
13
  display: flex;
14
14
  align-self: center;
15
15
  justify-self: center;
16
16
  align-items: center;
17
17
  justify-content: center;
18
18
  }
19
- ._ncFormBox_VNb0a {
19
+ ._ncFormBox_hfm4f {
20
20
  display: flex;
21
21
  flex-direction: column;
22
22
  gap: calc(1 * var(--default-grid-baseline));
23
23
  }
24
- ._ncFormBox_VNb0a._ncFormBox_row_NzGjv {
24
+ ._ncFormBox_hfm4f._ncFormBox_row_aPH49 {
25
25
  flex-direction: row;
26
26
  }
27
- ._ncFormBox__item_JIu9L {
27
+ ._ncFormBox__item_6Ti-E {
28
28
  border-radius: var(--border-radius-small) !important;
29
29
  }
30
- ._ncFormBox_col_UaYOI {
30
+ ._ncFormBox_col_RxD6y {
31
31
  flex-direction: column;
32
32
  }
33
- ._ncFormBox_col_UaYOI ._ncFormBox__item_JIu9L:first-child {
33
+ ._ncFormBox_col_RxD6y ._ncFormBox__item_6Ti-E:first-child {
34
34
  border-start-start-radius: var(--border-radius-element) !important;
35
35
  border-start-end-radius: var(--border-radius-element) !important;
36
36
  }
37
- ._ncFormBox_col_UaYOI ._ncFormBox__item_JIu9L:last-child {
37
+ ._ncFormBox_col_RxD6y ._ncFormBox__item_6Ti-E:last-child {
38
38
  border-end-start-radius: var(--border-radius-element) !important;
39
39
  border-end-end-radius: var(--border-radius-element) !important;
40
40
  }
41
- ._ncFormBox_row_NzGjv {
41
+ ._ncFormBox_row_aPH49 {
42
42
  flex-direction: row;
43
43
  }
44
- ._ncFormBox_row_NzGjv ._ncFormBox__item_JIu9L {
44
+ ._ncFormBox_row_aPH49 ._ncFormBox__item_6Ti-E {
45
45
  flex: 1 1;
46
46
  }
47
- ._ncFormBox_row_NzGjv ._ncFormBox__item_JIu9L:first-child {
47
+ ._ncFormBox_row_aPH49 ._ncFormBox__item_6Ti-E:first-child {
48
48
  border-start-start-radius: var(--border-radius-element) !important;
49
49
  border-end-start-radius: var(--border-radius-element) !important;
50
50
  }
51
- ._ncFormBox_row_NzGjv ._ncFormBox__item_JIu9L:last-child {
51
+ ._ncFormBox_row_aPH49 ._ncFormBox__item_6Ti-E:last-child {
52
52
  border-end-end-radius: var(--border-radius-element) !important;
53
53
  border-start-end-radius: var(--border-radius-element) !important;
54
54
  }
@@ -9,14 +9,14 @@
9
9
  /*
10
10
  * Ensure proper alignment of the vue material icons
11
11
  */
12
- ._material-design-icon_0RfRa {
12
+ ._material-design-icon_oADPC {
13
13
  display: flex;
14
14
  align-self: center;
15
15
  justify-self: center;
16
16
  align-items: center;
17
17
  justify-content: center;
18
18
  }
19
- ._formBoxButton_14txJ {
19
+ ._formBoxButton_jLjuK {
20
20
  /* Reset default HTML button styles */
21
21
  background: unset;
22
22
  border: none;
@@ -9,14 +9,14 @@
9
9
  /*
10
10
  * Ensure proper alignment of the vue material icons
11
11
  */
12
- ._material-design-icon_ILRX2 {
12
+ ._material-design-icon_38d5k {
13
13
  display: flex;
14
14
  align-self: center;
15
15
  justify-self: center;
16
16
  align-items: center;
17
17
  justify-content: center;
18
18
  }
19
- ._formBoxItem_ER-6m {
19
+ ._formBoxItem_PJOAO {
20
20
  --nc-form-box-item-border-width: 1px;
21
21
  --nc-form-box-item-min-height: 40px;
22
22
  --form-element-label-offset: calc(var(--border-radius-element) + var(--default-grid-baseline));
@@ -43,53 +43,53 @@
43
43
  user-select: none;
44
44
  cursor: pointer;
45
45
  }
46
- ._formBoxItem_ER-6m * {
46
+ ._formBoxItem_PJOAO * {
47
47
  cursor: inherit;
48
48
  }
49
- ._formBoxItem_ER-6m:has(:disabled) {
49
+ ._formBoxItem_PJOAO:has(:disabled) {
50
50
  cursor: default;
51
51
  opacity: 0.5;
52
52
  }
53
- ._formBoxItem_ER-6m:hover:not(:has(:disabled)) {
53
+ ._formBoxItem_PJOAO:hover:not(:has(:disabled)) {
54
54
  color: var(--color-primary-element-light-text);
55
55
  background-color: var(--color-primary-element-extra-light-hover);
56
56
  }
57
- ._formBoxItem_ER-6m:active:not(:disabled) {
57
+ ._formBoxItem_PJOAO:active:not(:disabled) {
58
58
  transform: scale(0.985);
59
59
  }
60
- ._formBoxItem_ER-6m:has(:focus-visible) {
60
+ ._formBoxItem_PJOAO:has(:focus-visible) {
61
61
  outline: 2px solid var(--color-main-text);
62
62
  box-shadow: 0 0 0 4px var(--color-main-background);
63
63
  }
64
- ._formBoxItem__description_g-KcX {
64
+ ._formBoxItem__description_mgQF6 {
65
65
  font-weight: var(--font-weight-default, normal);
66
66
  }
67
- ._formBoxItem_ER-6m._formBoxItem_legacy_TW1Sp {
67
+ ._formBoxItem_PJOAO._formBoxItem_legacy_DqLYy {
68
68
  --nc-form-box-item-border-width: 0px;
69
69
  border: none;
70
70
  }
71
- ._formBoxItem_ER-6m._formBoxItem_inverted_CxfyH ._formBoxItem__element_zgVx- {
71
+ ._formBoxItem_PJOAO._formBoxItem_inverted_77j8f ._formBoxItem__element_l-vrn {
72
72
  color: var(--color-text-maxcontrast);
73
73
  }
74
- ._formBoxItem_ER-6m._formBoxItem_inverted_CxfyH ._formBoxItem__description_g-KcX {
74
+ ._formBoxItem_PJOAO._formBoxItem_inverted_77j8f ._formBoxItem__description_mgQF6 {
75
75
  color: inherit;
76
76
  }
77
- ._formBoxItem__content_dYtDe {
77
+ ._formBoxItem__content_x-g-c {
78
78
  flex: 1;
79
79
  display: flex;
80
80
  flex-direction: column;
81
81
  padding-block: calc(2 * var(--default-grid-baseline));
82
82
  overflow-wrap: anywhere;
83
83
  }
84
- ._formBoxItem__element_zgVx-::after {
84
+ ._formBoxItem__element_l-vrn::after {
85
85
  content: "";
86
86
  position: absolute;
87
87
  inset: 0;
88
88
  }
89
- ._formBoxItem__description_g-KcX {
89
+ ._formBoxItem__description_mgQF6 {
90
90
  color: var(--color-text-maxcontrast);
91
91
  }
92
- ._formBoxItem__icon_ZIpCi {
92
+ ._formBoxItem__icon_ag5Tf {
93
93
  display: flex;
94
94
  align-items: center;
95
95
  justify-content: flex-end;
@@ -9,14 +9,14 @@
9
9
  /*
10
10
  * Ensure proper alignment of the vue material icons
11
11
  */
12
- ._material-design-icon_0Ylmc {
12
+ ._material-design-icon_oM2UW {
13
13
  display: flex;
14
14
  align-self: center;
15
15
  justify-self: center;
16
16
  align-items: center;
17
17
  justify-content: center;
18
18
  }
19
- input._formBoxSwitch__input_BLkhF {
19
+ input._formBoxSwitch__input_zScTH {
20
20
  margin: 0;
21
21
  width: var(--default-clickable-area);
22
22
  /* Keep it visually hidden but on the position of visual switch icon */
@@ -9,35 +9,35 @@
9
9
  /*
10
10
  * Ensure proper alignment of the vue material icons
11
11
  */
12
- ._material-design-icon_pO-y6 {
12
+ ._material-design-icon_-aTJn {
13
13
  display: flex;
14
14
  align-self: center;
15
15
  justify-self: center;
16
16
  align-items: center;
17
17
  justify-content: center;
18
18
  }
19
- ._formGroup_eD8cV {
19
+ ._formGroup_alpCx {
20
20
  --form-element-label-offset: calc(var(--border-radius-element) + var(--default-grid-baseline));
21
21
  --form-group-content-gap: calc(2 * var(--default-grid-baseline));
22
22
  }
23
- ._formGroup_eD8cV._formGroup_noGap_Eo-YJ {
23
+ ._formGroup_alpCx._formGroup_noGap_nxMYN {
24
24
  --form-group-content-gap: 0;
25
25
  }
26
- ._formGroup__label_KZ5RR {
26
+ ._formGroup__label_ouOV4 {
27
27
  padding-inline: var(--form-element-label-offset);
28
28
  font-size: var(--font-size);
29
29
  font-weight: var(--font-weight-heading, bold);
30
30
  }
31
- ._formGroup__description_rYOct {
31
+ ._formGroup__description_ndRRF {
32
32
  padding-inline: var(--form-element-label-offset);
33
33
  color: var(--color-text-maxcontrast);
34
34
  }
35
- ._formGroup__content_ypTY1 {
35
+ ._formGroup__content_O-600 {
36
36
  display: flex;
37
37
  flex-direction: column;
38
38
  gap: var(--form-group-content-gap);
39
39
  margin-block-start: calc(2.5 * var(--default-grid-baseline));
40
40
  }
41
- ._formGroup__content_ypTY1._formGroup__content_only_z-ggI {
41
+ ._formGroup__content_O-600._formGroup__content_only_Tivq9 {
42
42
  margin-block-start: 0;
43
43
  }
@@ -9,35 +9,35 @@
9
9
  /*
10
10
  * Ensure proper alignment of the vue material icons
11
11
  */
12
- ._material-design-icon_Lafyy {
12
+ ._material-design-icon_Nn4zt {
13
13
  display: flex;
14
14
  align-self: center;
15
15
  justify-self: center;
16
16
  align-items: center;
17
17
  justify-content: center;
18
18
  }
19
- ._hotkey_rps3- {
19
+ ._hotkey_DzGB- {
20
20
  --form-element-label-offset: calc(var(--border-radius-element) + var(--default-grid-baseline));
21
21
  display: flex;
22
22
  flex-direction: row-reverse;
23
23
  align-items: stretch;
24
24
  padding-inline: var(--form-element-label-offset);
25
25
  }
26
- ._hotkey_rps3-:first-child ._hotkey__label_9rACj,
27
- ._hotkey_rps3-:first-child ._hotkey__keys_D5xsu {
26
+ ._hotkey_DzGB-:first-child ._hotkey__label_9ecAM,
27
+ ._hotkey_DzGB-:first-child ._hotkey__keys_UG-zt {
28
28
  border-block-start: none;
29
29
  }
30
- ._hotkey__label_9rACj,
31
- ._hotkey__keys_D5xsu {
30
+ ._hotkey__label_9ecAM,
31
+ ._hotkey__keys_UG-zt {
32
32
  display: flex;
33
33
  align-items: center;
34
34
  padding-block: calc(2 * var(--default-grid-baseline));
35
35
  border-block-start: 1px solid var(--color-border);
36
36
  }
37
- ._hotkey__label_9rACj {
37
+ ._hotkey__label_9ecAM {
38
38
  flex: 1 1 200px;
39
39
  }
40
- ._hotkey__keys_D5xsu {
40
+ ._hotkey__keys_UG-zt {
41
41
  flex: 1 1 auto;
42
42
  flex-wrap: wrap;
43
43
  justify-content: end;
@@ -1,8 +1,8 @@
1
1
 
2
- ._hotkeyList_tAexI {
2
+ ._hotkeyList_l5aVR {
3
3
  --form-element-label-offset: calc(var(--border-radius-element) + var(--default-grid-baseline));
4
4
  }
5
- ._hotkeyList__heading_KDnkd {
5
+ ._hotkeyList__heading_hiuXH {
6
6
  font-weight: var(--font-weight-heading, bold);
7
7
  margin-inline: var(--form-element-label-offset);
8
8
  }
@@ -9,22 +9,22 @@
9
9
  /*
10
10
  * Ensure proper alignment of the vue material icons
11
11
  */
12
- ._material-design-icon_Pm1ga {
12
+ ._material-design-icon_r7JU1 {
13
13
  display: flex;
14
14
  align-self: center;
15
15
  justify-self: center;
16
16
  align-items: center;
17
17
  justify-content: center;
18
18
  }
19
- ._iconToggleSwitch_fKjEc {
19
+ ._iconToggleSwitch_1qpqv {
20
20
  color: var(--v6bd152af);
21
21
  transition: color var(--animation-quick) ease;
22
22
  }
23
- ._iconToggleSwitch_fKjEc svg {
23
+ ._iconToggleSwitch_1qpqv svg {
24
24
  /* Unlike other icons, this icon is not a square */
25
25
  height: auto !important;
26
26
  }
27
- ._iconToggleSwitch_fKjEc circle {
27
+ ._iconToggleSwitch_1qpqv circle {
28
28
  cx: var(--v16fd8ca9);
29
29
  transition: cx var(--animation-quick) ease;
30
30
  }
@@ -9,14 +9,14 @@
9
9
  /*
10
10
  * Ensure proper alignment of the vue material icons
11
11
  */
12
- ._material-design-icon_5751A {
12
+ ._material-design-icon_X6X6f {
13
13
  display: flex;
14
14
  align-self: center;
15
15
  justify-self: center;
16
16
  align-items: center;
17
17
  justify-content: center;
18
18
  }
19
- ._kbd_gHLon {
19
+ ._kbd_rjhff {
20
20
  display: inline-flex;
21
21
  align-items: center;
22
22
  justify-content: center;
@@ -31,6 +31,6 @@
31
31
  line-height: 1;
32
32
  white-space: nowrap;
33
33
  }
34
- ._kbd_gHLon + ._kbd_gHLon {
34
+ ._kbd_rjhff + ._kbd_rjhff {
35
35
  margin-inline-start: calc(1 * var(--default-grid-baseline));
36
36
  }