WorkRoot/WRNexusJS
2
0 Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: release design system engine, studio and component contracts

Browse Source
This commit is contained in:
Clintchiz committed 2026-10-19 13:09:03 +05:30
1 parent ff1065fb27
commit 3943b946d6
693 files changed
+175546 -3894
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

packages/ui/components/FileUploadProgress.wrn
+4 -4
View File
@@ -31,11 +31,11 @@ size: string = "default"
client function completeUpload(sourceEvent) { currentValue = max; currentStatus = "complete"; output.complete(detail(sourceEvent)) }
}
view {
<div {...attrs} class="wrn-component wrn-component--color-{color} wrn-component--size-{size} wrn-next--file-upload-progress {class}" data-status="{currentStatus}" aria-live="polite">
<div class="wrn-next__row"><span class="wrn-next__upload-file" aria-hidden="true"></span><span class="wrn-next__upload-info">{#if fileName}<strong>{fileName}</strong><small>{#if uploadedSize || fileSize}{uploadedSize}{#if uploadedSize && fileSize} of {/if}{fileSize}{:else}{label}{/if}</small>{:else}<strong>{label}</strong>{/if}</span>{#if showValue}<strong>{percent()}%</strong>{/if}</div>
<div {...attrs} class="wrn-component wrn-component--color-{color} wrn-component--size-{size} wrn-next--file-upload-progress {class}" data-status="{currentStatus}" aria-live="polite" data-wrn-owner="FileUploadProgress" data-wrn-part="root" data-wrn-component="FileUploadProgress" data-wrn-axis-size="{size}" data-wrn-axis-color="{color}">
<div class="wrn-next__row" data-wrn-owner="FileUploadProgress" data-wrn-part="row" data-wrn-axis-size="{size}" data-wrn-axis-color="{color}"><span class="wrn-next__upload-file" aria-hidden="true" data-wrn-owner="FileUploadProgress" data-wrn-part="uploadFile" data-wrn-axis-size="{size}" data-wrn-axis-color="{color}"></span><span class="wrn-next__upload-info" data-wrn-owner="FileUploadProgress" data-wrn-part="uploadInfo" data-wrn-axis-size="{size}" data-wrn-axis-color="{color}">{#if fileName}<strong>{fileName}</strong><small>{#if uploadedSize || fileSize}{uploadedSize}{#if uploadedSize && fileSize} of {/if}{fileSize}{:else}{label}{/if}</small>{:else}<strong>{label}</strong>{/if}</span>{#if showValue}<strong>{percent()}%</strong>{/if}</div>
<progress value="{currentValue}" max="{max}" aria-label="{label}"></progress>
<div class="wrn-next__upload-status"><span class="wrn-next__upload-status-icon" aria-hidden="true"></span><span>{#if currentStatus === "uploading"}Uploading securely…{:else if currentStatus === "complete"}Upload complete{:else if currentStatus === "error"}Upload failed{:else}Upload cancelled{/if}</span></div>
<div class="wrn-next__upload-actions">{#if currentStatus === "uploading"}<button type="button" @click="cancelUpload(event)">{cancelLabel}</button>{#if showCompleteAction}<button type="button" @click="completeUpload(event)">Complete</button>{/if}{/if}{#if currentStatus === "error" || currentStatus === "cancelled"}<button type="button" @click="retryUpload(event)">{retryLabel}</button>{/if}</div>
<div class="wrn-next__upload-status" data-wrn-owner="FileUploadProgress" data-wrn-part="uploadStatus" data-wrn-axis-size="{size}" data-wrn-axis-color="{color}"><span class="wrn-next__upload-status-icon" aria-hidden="true" data-wrn-owner="FileUploadProgress" data-wrn-part="uploadStatusIcon" data-wrn-axis-size="{size}" data-wrn-axis-color="{color}"></span><span>{#if currentStatus === "uploading"}Uploading securely…{:else if currentStatus === "complete"}Upload complete{:else if currentStatus === "error"}Upload failed{:else}Upload cancelled{/if}</span></div>
<div class="wrn-next__upload-actions" data-wrn-owner="FileUploadProgress" data-wrn-part="uploadActions" data-wrn-axis-size="{size}" data-wrn-axis-color="{color}">{#if currentStatus === "uploading"}<button type="button" @click="cancelUpload(event)" data-wrn-owner="FileUploadProgress" data-wrn-part="button" data-wrn-axis-size="{size}" data-wrn-axis-color="{color}">{cancelLabel}</button>{#if showCompleteAction}<button type="button" @click="completeUpload(event)" data-wrn-owner="FileUploadProgress" data-wrn-part="button" data-wrn-axis-size="{size}" data-wrn-axis-color="{color}">Complete</button>{/if}{/if}{#if currentStatus === "error" || currentStatus === "cancelled"}<button type="button" @click="retryUpload(event)" data-wrn-owner="FileUploadProgress" data-wrn-part="button" data-wrn-axis-size="{size}" data-wrn-axis-color="{color}">{retryLabel}</button>{/if}</div>
</div>
}