(isEditingTitle = true)}
on:blur={() => (isEditingTitle = false)}
class={`transition-all text-6xl text-immich-primary w-[99%] border-b-2 border-transparent outline-none ${
isOwned ? 'hover:border-gray-400' : 'hover:border-transparent'
} focus:outline-none focus:border-b-2 focus:border-immich-primary bg-immich-bg`}
type="text"
bind:value={album.albumName}
disabled={!isOwned}
/>
{#if album.assets.length > 0}
{getDateRange()}
{/if}
{#if album.shared}
{#each album.sharedUsers as user}
{#key user.id}
(isShowShareInfoModal = true)} />
{/key}
{/each}
{/if}
{#if album.assets.length > 0}
{#each album.assets as asset}
{#key asset.id}
{#if album.assets.length < 7}
isMultiSelectionMode ? selectAssetHandler(e) : viewAssetHandler(e)}
on:select={selectAssetHandler}
selected={multiSelectAsset.has(asset)}
/>
{:else}
isMultiSelectionMode ? selectAssetHandler(e) : viewAssetHandler(e)}
on:select={selectAssetHandler}
selected={multiSelectAsset.has(asset)}
/>
{/if}
{/key}
{/each}
{:else}
ADD PHOTOS
{/if}