@keycloakify/svelte 0.2.0 → 0.2.2

package/keycloakify-svelte/account/Template.svelte

@@ -62,7 +62,7 @@
                     {currentLanguage.label}
                   </a>
                   <ul>
-                    {#each enabledLanguages as { label, href }}
+                    {#each enabledLanguages as { label, href, languageTag } (languageTag)}
                       <li class="kc-dropdown-item">
                         <a {href}>{label}</a>
                       </li>

package/keycloakify-svelte/account/pages/Account.svelte

@@ -91,7 +91,7 @@
           class="control-label"
         >
           {@render msg('email')()}
-        </label>{' '}
+        </label>&nbsp;
         <span class="required">*</span>
       </div>
 
@@ -115,7 +115,7 @@
           class="control-label"
         >
           {@render msg('firstName')()}
-        </label>{' '}
+        </label>&nbsp;
         <span class="required">*</span>
       </div>
 
@@ -137,7 +137,7 @@
           class="control-label"
         >
           {@render msg('lastName')()}
-        </label>{' '}
+        </label>&nbsp;
         <span class="required">*</span>
       </div>
 

package/keycloakify-svelte/account/pages/Applications.svelte

@@ -76,7 +76,7 @@
         </thead>
 
         <tbody>
-          {#each applications as application}
+          {#each applications as application, i (i)}
             <tr>
               <td>
                 {#if application.effectiveUrl}
@@ -97,22 +97,22 @@
 
               <td>
                 {#if !isArrayWithEmptyObject(application.realmRolesAvailable)}
-                  {#each application.realmRolesAvailable as role, index}
+                  {#each application.realmRolesAvailable as role, index (role.name)}
                     <span>
                       {@render (role.description ? advancedMsg(role.description) : advancedMsg(role.name))()}
                       {#if index < application.realmRolesAvailable.length - 1},&nbsp;{/if}
                     </span>
                   {/each}
                   {#if application.resourceRolesAvailable}
-                    {#each Object.keys(application.resourceRolesAvailable) as resource}
+                    {#each Object.keys(application.resourceRolesAvailable) as resource (resource)}
                       <span>
                         {#if !isArrayWithEmptyObject(application.realmRolesAvailable)},&nbsp;{/if}
-                        {#each application.resourceRolesAvailable[resource] as clientRole}
+                        {#each application.resourceRolesAvailable[resource] as clientRole (clientRole.roleName)}
                           <span>
                             {@render (clientRole.roleDescription
                               ? advancedMsg(clientRole.roleDescription)
-                              : advancedMsg(clientRole.roleName))()}{' '}
-                            {@render msg('inResource')()}{' '}
+                              : advancedMsg(clientRole.roleName))()}&nbsp:
+                            {@render msg('inResource')()}&nbsp:
                             <strong>
                               {#if clientRole.clientName}
                                 {@render advancedMsg(clientRole.clientName)()}
@@ -131,7 +131,7 @@
 
               <td>
                 {#if application.client.consentRequired}
-                  {#each application.clientScopesGranted as claim}
+                  {#each application.clientScopesGranted as claim (claim)}
                     <span>
                       {@render advancedMsg(claim)()}
                       {#if claim !== application.clientScopesGranted[application.clientScopesGranted.length - 1]},&nbsp;{/if}
@@ -143,7 +143,7 @@
               </td>
 
               <td>
-                {#each application.additionalGrants as grant}
+                {#each application.additionalGrants as grant (grant)}
                   <span>
                     {@render advancedMsg(grant)()}
                     {#if grant !== application.additionalGrants[application.additionalGrants.length - 1]},&nbsp;{/if}

package/keycloakify-svelte/account/pages/FederatedIdentity.svelte

@@ -29,7 +29,7 @@
       </div>
     </div>
     <div id="federated-identities">
-      {#each federatedIdentity.identities as identity}
+      {#each federatedIdentity.identities as identity (identity.providerId)}
         <div class="row margin-bottom">
           <div class="col-sm-2 col-md-2">
             <label

package/keycloakify-svelte/account/pages/Log.svelte

@@ -46,14 +46,14 @@
       </thead>
 
       <tbody>
-        {#each log.events as event}
+        {#each log.events as event (event.event)}
           <tr>
             <td>{event.date ? new Date(event.date).toLocaleString() : ''}</td>
             <td>{event.event}</td>
             <td>{event.ipAddress}</td>
             <td>{event.client || ''}</td>
             <td>
-              {#each event.details as detail, detailIndex}
+              {#each event.details as detail, detailIndex (detail.key)}
                 <span>
                   {`${detail.key} = ${detail.value}`}
                   {#if detailIndex < event.details.length - 1},&nbsp;{/if}

package/keycloakify-svelte/account/pages/Password.svelte

@@ -108,7 +108,7 @@
       value={account.username ?? ''}
       autocomplete="username"
       readonly
-      style:display={'none'}
+      style:display="none"
     />
 
     {#if password.passwordSet}

package/keycloakify-svelte/account/pages/Sessions.svelte

@@ -48,14 +48,14 @@
 
     <!-- svelte-ignore a11y_no_redundant_roles -->
     <tbody role="rowgroup">
-      {#each sessions.sessions as session}
+      {#each sessions.sessions as session (session.id)}
         <tr>
           <td>{session.ipAddress}</td>
           <td>{session?.started}</td>
           <td>{session?.lastAccess}</td>
           <td>{session?.expires}</td>
           <td>
-            {#each session.clients as client}
+            {#each session.clients as client (client)}
               <div>
                 {client}
                 <br />

package/keycloakify-svelte/account/pages/Totp.svelte

@@ -56,7 +56,7 @@
         {/if}
       </thead>
       <tbody>
-        {#each totp.otpCredentials as credential, index}
+        {#each totp.otpCredentials as credential, index (credential.id)}
           <tr>
             <td class="provider">{@render msg('mobile')()}</td>
             {#if totp.otpCredentials.length > 1}<td class="provider">{credential.id}</td>{/if}
@@ -107,7 +107,7 @@
           <p>{@render msg('totpStep1')()}</p>
 
           <ul id="kc-totp-supported-apps">
-            {#each totp.supportedApplications as app}
+            {#each totp.supportedApplications as app (app)}
               <li>{@render advancedMsg(app)()}</li>
             {/each}
           </ul>