mcp/carbon-components-svelte
1
0
Fork 0
mirror of https://github.com/carbon-design-system/carbon-components-svelte.git synced 2025-09-15 18:31:06 +00:00
Code Issues Projects Releases Packages Wiki Activity

chore: lift components folder

Browse source
This commit is contained in:
Eric Liu 2020-07-19 09:06:08 -07:00
commit 2200b29b92
301 changed files with 57 additions and 76 deletions
Download patch file Download diff file Expand all files Collapse all files

53
src/components/FileUploader/FileUploaderButton.svelte
View file

@ -1,53 +0,0 @@
<script>
export let accept = [];
export let multiple = false;
export let disabled = false;
export let disableLabelChanges = false;
export let kind = "primary"; // Button.kind
export let labelText = "Add file";
export let role = "button";
export let tabindex = "0";
export let id = "ccs-" + Math.random().toString(36);
export let name = "";
export let ref = null;
</script>
<label
aria-disabled={disabled}
for={id}
tabindex={disabled ? '-1' : tabindex}
class:bx--btn={true}
class:bx--btn--sm={true}
class:bx--btn--disabled={disabled}
class={kind && `bx--btn--${kind}`}
on:keydown
on:keydown={({ key }) => {
if (key === ' ' || key === 'Enter') {
ref.click();
}
}}>
<span {role}>{labelText}</span>
</label>
<input
bind:this={ref}
type="file"
tabindex="-1"
{accept}
{disabled}
{id}
{multiple}
{name}
class:bx--visually-hidden={true}
{...$$restProps}
on:change|stopPropagation
on:change|stopPropagation={({ target }) => {
const files = target.files;
const length = files.length;
if (files && !disableLabelChanges) {
labelText = length > 1 ? `${length} files` : files[0].name;
}
}}
on:click
on:click={({ target }) => {
target.value = null;
}} />