feat: docker compose maybe
This commit is contained in:
37
node_modules/@skeletonlabs/skeleton/dist/components/FileButton/FileButton.svelte
generated
vendored
Normal file
37
node_modules/@skeletonlabs/skeleton/dist/components/FileButton/FileButton.svelte
generated
vendored
Normal file
@ -0,0 +1,37 @@
|
||||
<script>export let files = void 0;
|
||||
export let fileInput = void 0;
|
||||
export let name;
|
||||
export let width = "";
|
||||
export let button = "btn variant-filled";
|
||||
function onButtonClick() {
|
||||
if (fileInput)
|
||||
fileInput.click();
|
||||
}
|
||||
function prunedRestProps() {
|
||||
delete $$restProps.class;
|
||||
return $$restProps;
|
||||
}
|
||||
$:
|
||||
classesBase = `${$$props.class ?? ""}`;
|
||||
$:
|
||||
classesButton = `${button} ${width}`;
|
||||
</script>
|
||||
|
||||
<div class="file-button {classesBase}" data-testid="file-button">
|
||||
<!-- NOTE: Don't use `hidden` as it prevents `required` from operating -->
|
||||
<div class="w-0 h-0 overflow-hidden">
|
||||
<input type="file" bind:this={fileInput} bind:files {name} {...prunedRestProps()} on:change />
|
||||
</div>
|
||||
<!-- Button -->
|
||||
<button
|
||||
type="button"
|
||||
class="file-button-btn {classesButton}"
|
||||
disabled={$$restProps.disabled}
|
||||
on:click={onButtonClick}
|
||||
on:keydown
|
||||
on:keyup
|
||||
on:keypress
|
||||
>
|
||||
<slot>Select a File</slot>
|
||||
</button>
|
||||
</div>
|
33
node_modules/@skeletonlabs/skeleton/dist/components/FileButton/FileButton.svelte.d.ts
generated
vendored
Normal file
33
node_modules/@skeletonlabs/skeleton/dist/components/FileButton/FileButton.svelte.d.ts
generated
vendored
Normal file
@ -0,0 +1,33 @@
|
||||
import { SvelteComponentTyped } from "svelte";
|
||||
declare const __propDef: {
|
||||
props: {
|
||||
[x: string]: any;
|
||||
/** Bind FileList to the file input.*/
|
||||
files?: FileList | undefined;
|
||||
/** File input reference.*/
|
||||
fileInput?: HTMLInputElement | undefined;
|
||||
/** Required. Set a unique name for the file input.*/
|
||||
name: string;
|
||||
/** Provide classes to set the width.*/
|
||||
width?: string | undefined;
|
||||
/** Provide a button variant or other class styles.*/
|
||||
button?: string | undefined;
|
||||
};
|
||||
events: {
|
||||
change: Event;
|
||||
keydown: KeyboardEvent;
|
||||
keyup: KeyboardEvent;
|
||||
keypress: KeyboardEvent;
|
||||
} & {
|
||||
[evt: string]: CustomEvent<any>;
|
||||
};
|
||||
slots: {
|
||||
default: {};
|
||||
};
|
||||
};
|
||||
export type FileButtonProps = typeof __propDef.props;
|
||||
export type FileButtonEvents = typeof __propDef.events;
|
||||
export type FileButtonSlots = typeof __propDef.slots;
|
||||
export default class FileButton extends SvelteComponentTyped<FileButtonProps, FileButtonEvents, FileButtonSlots> {
|
||||
}
|
||||
export {};
|
Reference in New Issue
Block a user