Merge pull request #40084 from nextcloud/deps/nextcloud/vue-8.0.0-beta.5

apps/dav/src/views/__snapshots__/CalDavSettings.spec.js.snap

@@ -75,13 +75,13 @@ exports[`CalDavSettings interactions 1`] = `
     >
       <span
         class="checkbox-radio-switch checkbox-radio-switch-switch checkbox-radio-switch--checked"
+        data-v-51081647=""
         data-v-7c88e201=""
-        data-v-dec41432=""
         style="--icon-size: 36px;"
       >
         <input
           class="checkbox-radio-switch__input"
-          data-v-dec41432=""
+          data-v-51081647=""
           id="caldavSendInvitations"
           type="checkbox"
           value=""
@@ -89,17 +89,17 @@ exports[`CalDavSettings interactions 1`] = `
          
         <label
           class="checkbox-radio-switch__label"
-          data-v-dec41432=""
+          data-v-51081647=""
           for="caldavSendInvitations"
         >
           <div
             class="checkbox-radio-switch__icon"
-            data-v-dec41432=""
+            data-v-51081647=""
           >
             <span
               aria-hidden="true"
               class="material-design-icon toggle-switch-icon"
-              data-v-dec41432=""
+              data-v-51081647=""
               role="img"
             >
               <svg
@@ -120,7 +120,7 @@ exports[`CalDavSettings interactions 1`] = `
            
           <span
             class="checkbox-radio-switch__label-text"
-            data-v-dec41432=""
+            data-v-51081647=""
           >
             
 			Send invitations to attendees
@@ -147,13 +147,13 @@ exports[`CalDavSettings interactions 1`] = `
     >
       <span
         class="checkbox-radio-switch checkbox checkbox-radio-switch-switch checkbox-radio-switch--checked"
+        data-v-51081647=""
         data-v-7c88e201=""
-        data-v-dec41432=""
         style="--icon-size: 36px;"
       >
         <input
           class="checkbox-radio-switch__input"
-          data-v-dec41432=""
+          data-v-51081647=""
           id="caldavGenerateBirthdayCalendar"
           type="checkbox"
           value=""
@@ -161,17 +161,17 @@ exports[`CalDavSettings interactions 1`] = `
          
         <label
           class="checkbox-radio-switch__label"
-          data-v-dec41432=""
+          data-v-51081647=""
           for="caldavGenerateBirthdayCalendar"
         >
           <div
             class="checkbox-radio-switch__icon"
-            data-v-dec41432=""
+            data-v-51081647=""
           >
             <span
               aria-hidden="true"
               class="material-design-icon toggle-switch-icon"
-              data-v-dec41432=""
+              data-v-51081647=""
               role="img"
             >
               <svg
@@ -192,7 +192,7 @@ exports[`CalDavSettings interactions 1`] = `
            
           <span
             class="checkbox-radio-switch__label-text"
-            data-v-dec41432=""
+            data-v-51081647=""
           >
             
 			Automatically generate a birthday calendar
@@ -227,13 +227,13 @@ exports[`CalDavSettings interactions 1`] = `
     >
       <span
         class="checkbox-radio-switch checkbox-radio-switch-switch checkbox-radio-switch--checked"
+        data-v-51081647=""
         data-v-7c88e201=""
-        data-v-dec41432=""
         style="--icon-size: 36px;"
       >
         <input
           class="checkbox-radio-switch__input"
-          data-v-dec41432=""
+          data-v-51081647=""
           id="caldavSendEventReminders"
           type="checkbox"
           value=""
@@ -241,17 +241,17 @@ exports[`CalDavSettings interactions 1`] = `
          
         <label
           class="checkbox-radio-switch__label"
-          data-v-dec41432=""
+          data-v-51081647=""
           for="caldavSendEventReminders"
         >
           <div
             class="checkbox-radio-switch__icon"
-            data-v-dec41432=""
+            data-v-51081647=""
           >
             <span
               aria-hidden="true"
               class="material-design-icon toggle-switch-icon"
-              data-v-dec41432=""
+              data-v-51081647=""
               role="img"
             >
               <svg
@@ -272,7 +272,7 @@ exports[`CalDavSettings interactions 1`] = `
            
           <span
             class="checkbox-radio-switch__label-text"
-            data-v-dec41432=""
+            data-v-51081647=""
           >
             
 			Send notifications for events
@@ -312,13 +312,13 @@ exports[`CalDavSettings interactions 1`] = `
     >
       <span
         class="checkbox-radio-switch checkbox-radio-switch-switch checkbox-radio-switch--checked"
+        data-v-51081647=""
         data-v-7c88e201=""
-        data-v-dec41432=""
         style="--icon-size: 36px;"
       >
         <input
           class="checkbox-radio-switch__input"
-          data-v-dec41432=""
+          data-v-51081647=""
           id="caldavSendEventRemindersToSharedGroupMembers"
           type="checkbox"
           value=""
@@ -326,17 +326,17 @@ exports[`CalDavSettings interactions 1`] = `
          
         <label
           class="checkbox-radio-switch__label"
-          data-v-dec41432=""
+          data-v-51081647=""
           for="caldavSendEventRemindersToSharedGroupMembers"
         >
           <div
             class="checkbox-radio-switch__icon"
-            data-v-dec41432=""
+            data-v-51081647=""
           >
             <span
               aria-hidden="true"
               class="material-design-icon toggle-switch-icon"
-              data-v-dec41432=""
+              data-v-51081647=""
               role="img"
             >
               <svg
@@ -357,7 +357,7 @@ exports[`CalDavSettings interactions 1`] = `
            
           <span
             class="checkbox-radio-switch__label-text"
-            data-v-dec41432=""
+            data-v-51081647=""
           >
             
 			Send reminder notifications to calendar sharees as well
@@ -381,13 +381,13 @@ exports[`CalDavSettings interactions 1`] = `
     >
       <span
         class="checkbox-radio-switch checkbox-radio-switch-switch checkbox-radio-switch--checked"
+        data-v-51081647=""
         data-v-7c88e201=""
-        data-v-dec41432=""
         style="--icon-size: 36px;"
       >
         <input
           class="checkbox-radio-switch__input"
-          data-v-dec41432=""
+          data-v-51081647=""
           id="caldavSendEventRemindersPush"
           type="checkbox"
           value=""
@@ -395,17 +395,17 @@ exports[`CalDavSettings interactions 1`] = `
          
         <label
           class="checkbox-radio-switch__label"
-          data-v-dec41432=""
+          data-v-51081647=""
           for="caldavSendEventRemindersPush"
         >
           <div
             class="checkbox-radio-switch__icon"
-            data-v-dec41432=""
+            data-v-51081647=""
           >
             <span
               aria-hidden="true"
               class="material-design-icon toggle-switch-icon"
-              data-v-dec41432=""
+              data-v-51081647=""
               role="img"
             >
               <svg
@@ -426,7 +426,7 @@ exports[`CalDavSettings interactions 1`] = `
            
           <span
             class="checkbox-radio-switch__label-text"
-            data-v-dec41432=""
+            data-v-51081647=""
           >
             
 			Enable notifications for events via push

apps/files/src/components/FileEntry.vue

@@ -70,7 +70,7 @@
 				class="files-list__row-rename"
 				@submit.prevent.stop="onRename">
 				<NcTextField ref="renameInput"
-					:aria-label="t('files', 'File name')"
+					:label="renameLabel"
 					:autofocus="true"
 					:minlength="1"
 					:required="true"
@@ -479,6 +479,14 @@ export default Vue.extend({
 			return this.source.attributes.favorite === 1
 		},
 
+		renameLabel() {
+			const matchLabel: Record<FileType, string> = {
+				[FileType.File]: t('files', 'File name'),
+				[FileType.Folder]: t('files', 'Folder name'),
+			}
+			return matchLabel[this.source.type]
+		},
+
 		isRenaming() {
 			return this.renamingStore.renamingNode === this.source
 		},

apps/settings/src/components/PasswordSection.vue

@@ -21,7 +21,6 @@
 		<form id="passwordform" method="POST" @submit.prevent="changePassword">
 			<NcPasswordField id="old-pass"
 				:label="t('settings', 'Current password')"
-				:label-visible="true"
 				name="oldpassword"
 				:value.sync="oldPass"
 				autocomplete="current-password"
@@ -30,7 +29,6 @@
 
 			<NcPasswordField id="new-pass"
 				:label="t('settings', 'New password')"
-				:label-visible="true"
 				:value.sync="newPass"
 				:maxlength="469"
 				autocomplete="new-password"

apps/settings/src/components/Users/NewUserModal.vue

@@ -35,7 +35,6 @@
 				:value.sync="newUser.id"
 				:disabled="settings.newUserGenerateUserID"
 				:label="usernameLabel"
-				:label-visible="true"
 				autocapitalize="none"
 				autocomplete="off"
 				autocorrect="off"
@@ -45,7 +44,6 @@
 				data-test="displayName"
 				:value.sync="newUser.displayName"
 				:label="t('settings', 'Display name')"
-				:label-visible="true"
 				autocapitalize="none"
 				autocomplete="off"
 				autocorrect="off" />
@@ -62,7 +60,6 @@
 				:maxlength="469"
 				aria-describedby="password-email-hint"
 				:label="newUser.mailAddress === '' ? t('settings', 'Password (required)') : t('settings', 'Password')"
-				:label-visible="true"
 				autocapitalize="none"
 				autocomplete="new-password"
 				autocorrect="off"
@@ -73,7 +70,6 @@
 				:value.sync="newUser.mailAddress"
 				aria-describedby="password-email-hint"
 				:label="newUser.password === '' || settings.newUserRequireEmail ? t('settings', 'Email (required)') : t('settings', 'Email')"
-				:label-visible="true"
 				autocapitalize="none"
 				autocomplete="off"
 				autocorrect="off"

apps/settings/src/components/Users/UserRow.vue

@@ -39,24 +39,19 @@
 		<td class="row__cell row__cell--displayname"
 			:data-test="user.id">
 			<template v-if="idState.editing && user.backendCapabilities.setDisplayName">
-				<label class="hidden-visually"
-					:for="'displayName' + uniqueId">
-					{{ t('settings', 'Edit display name') }}
-				</label>
-				<NcTextField :id="'displayName' + uniqueId"
-					ref="displayNameField"
+				<NcTextField ref="displayNameField"
 					data-test="displayNameField"
-					:show-trailing-button="true"
 					class="user-row-text-field"
 					:class="{ 'icon-loading-small': idState.loading.displayName }"
+					:show-trailing-button="true"
 					:disabled="idState.loading.displayName || isLoadingField"
+					:label="t('settings', 'Change display name')"
 					trailing-button-icon="arrowRight"
 					:value.sync="idState.editedDisplayName"
 					autocapitalize="off"
 					autocomplete="off"
 					autocorrect="off"
 					spellcheck="false"
-					type="text"
 					@trailing-button-click="updateDisplayName" />
 			</template>
 			<template v-else>
@@ -71,18 +66,13 @@
 		<td class="row__cell"
 			:class="{ 'row__cell--obfuscated': hasObfuscated }">
 			<template v-if="idState.editing && settings.canChangePassword && user.backendCapabilities.setPassword">
-				<label class="hidden-visually"
-					:for="'password' + uniqueId">
-					{{ t('settings', 'Add new password') }}
-				</label>
-				<NcTextField :id="'password' + uniqueId"
-					:show-trailing-button="true"
-					class="user-row-text-field"
+				<NcTextField class="user-row-text-field"
 					:class="{'icon-loading-small': idState.loading.password}"
+					:show-trailing-button="true"
 					:disabled="idState.loading.password || isLoadingField"
 					:minlength="minPasswordLength"
 					maxlength="469"
-					:placeholder="t('settings', 'Add new password')"
+					:label="t('settings', 'Add new password')"
 					trailing-button-icon="arrowRight"
 					:value.sync="idState.editedPassword"
 					autocapitalize="off"
@@ -100,16 +90,11 @@
 
 		<td class="row__cell">
 			<template v-if="idState.editing">
-				<label class="hidden-visually"
-					:for="'mailAddress' + uniqueId">
-					{{ t('settings', 'Add new email address') }}
-				</label>
-				<NcTextField :id="'mailAddress' + uniqueId"
-					:show-trailing-button="true"
-					class="user-row-text-field"
+				<NcTextField class="user-row-text-field"
 					:class="{'icon-loading-small': idState.loading.mailAddress}"
+					:show-trailing-button="true"
 					:disabled="idState.loading.mailAddress || isLoadingField"
-					:placeholder="t('settings', 'Add new email address')"
+					:label="t('settings', 'Add new email address')"
 					trailing-button-icon="arrowRight"
 					:value.sync="idState.editedMail"
 					autocapitalize="off"
@@ -927,6 +912,12 @@ export default {
 				height: 48px !important;
 			}
 
+			.input-field__input {
+				&:placeholder-shown:not(:focus) + .input-field__label {
+					inset-block-start: 16px !important;
+				}
+			}
+
 			.button-vue--icon-only {
 				height: 44px !important;
 			}

apps/theming/src/components/admin/TextField.vue

@@ -24,7 +24,6 @@
 	<div class="field">
 		<NcTextField :value.sync="localValue"
 			:label="displayName"
-			:label-visible="true"
 			:placeholder="placeholder"
 			:type="type"
 			:maxlength="maxlength"

core/src/components/login/LoginForm.vue

@@ -56,7 +56,6 @@
 			<NcTextField id="user"
 				ref="user"
 				:label="t('core', 'Account name or email')"
-				:label-visible="true"
 				name="user"
 				:value.sync="user"
 				:class="{shake: invalidPassword}"
@@ -70,7 +69,6 @@
 			<NcPasswordField id="password"
 				ref="password"
 				name="password"
-				:label-visible="true"
 				:class="{shake: invalidPassword}"
 				:value.sync="password"
 				:spellchecking="false"

core/src/components/login/PasswordLessLoginForm.vue

@@ -10,7 +10,6 @@
 				:value="user"
 				:autocomplete="autoCompleteAllowed ? 'on' : 'off'"
 				:error="!validCredentials"
-				:label-visible="true"
 				:label="t('core', 'Username or email')"
 				:placeholder="t('core', 'Username or email')"
 				:helper-text="!validCredentials ? t('core', 'Your account is not setup for passwordless login.') : ''"

core/src/components/login/ResetPassword.vue

@@ -27,7 +27,6 @@
 				name="user"
 				autocapitalize="off"
 				:label="t('core', 'Account name or email')"
-				:label-visible="true"
 				required
 				@change="updateUsername" />
 			<LoginButton :value="t('core', 'Reset password')" />

dist/2798-2798.js.LICENSE.txt

@@ -20,6 +20,13 @@
  *
  */
 
+/*!
+ * Determine if an object is a Buffer
+ *
+ * @author   Feross Aboukhadijeh <https://feross.org>
+ * @license  MIT
+ */
+
 /*! Hammer.JS - v2.0.7 - 2016-04-22
  * http://hammerjs.github.io/
  *

dist/comments-comments-app.js.LICENSE.txt

@@ -1,5 +1,3 @@
-/*! For license information please see richEditor.js.LICENSE.txt */
-
 /*! https://mths.be/base64 v1.0.0 by @mathias | MIT license */
 
 /*! https://mths.be/he v1.2.0 by @mathias | MIT license */

dist/core-main.js.LICENSE.txt

@@ -170,8 +170,6 @@
  * http://jquery.org/license
  */
 
-/*! For license information please see NcHeaderMenu.js.LICENSE.txt */
-
 /*! jQuery Migrate v3.4.1 | (c) OpenJS Foundation and other contributors | jquery.org/license */
 
 /*! jQuery UI - v1.13.2 - 2022-07-14

dist/core-unified-search.js.LICENSE.txt

@@ -1,5 +1,3 @@
-/*! For license information please see NcHeaderMenu.js.LICENSE.txt */
-
 /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */
 
 /**

dist/files-main.js.LICENSE.txt

@@ -34,8 +34,6 @@
 
 /*! For license information please see NcBreadcrumbs.js.LICENSE.txt */
 
-/*! For license information please see NcIconSvgWrapper.js.LICENSE.txt */
-
 /*! For license information please see NcInputField.js.LICENSE.txt */
 
 /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */

dist/settings-users-8351.js.LICENSE.txt

@@ -8,8 +8,6 @@
 
 /*! For license information please see NcAppSettingsSection.js.LICENSE.txt */
 
-/*! For license information please see NcIconSvgWrapper.js.LICENSE.txt */
-
 /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */
 
 /**