feat: docker compose maybe
This commit is contained in:
48
node_modules/@skeletonlabs/skeleton/dist/components/ProgressBar/ProgressBar.svelte
generated
vendored
Normal file
48
node_modules/@skeletonlabs/skeleton/dist/components/ProgressBar/ProgressBar.svelte
generated
vendored
Normal file
@ -0,0 +1,48 @@
|
||||
<script>export let value = void 0;
|
||||
export let min = 0;
|
||||
export let max = 100;
|
||||
export let height = "h-2";
|
||||
export let rounded = "rounded-token";
|
||||
export let meter = "bg-surface-900-50-token";
|
||||
export let track = "bg-surface-200-700-token";
|
||||
export let labelledby = "";
|
||||
const cTrack = "w-full overflow-hidden";
|
||||
const cMeter = "h-full";
|
||||
$:
|
||||
fillPercent = value ? 100 * (value - min) / (max - min) : 0;
|
||||
$:
|
||||
indeterminate = value === void 0 || value < 0;
|
||||
$:
|
||||
classesIndeterminate = indeterminate ? "animIndeterminate" : "";
|
||||
$:
|
||||
classesTrack = `${cTrack} ${height} ${rounded} ${track} ${$$props.class ?? ""}`;
|
||||
$:
|
||||
classesMeter = `${cMeter} ${rounded} ${classesIndeterminate} ${meter}`;
|
||||
</script>
|
||||
|
||||
<!-- Track -->
|
||||
<div
|
||||
class="progress-bar {classesTrack}"
|
||||
data-testid="progress-bar"
|
||||
role="progressbar"
|
||||
aria-labelledby={labelledby}
|
||||
aria-valuenow={value}
|
||||
aria-valuemin={min}
|
||||
aria-valuemax={max - min}
|
||||
>
|
||||
<!-- Meter -->
|
||||
<div class="progress-bar-meter {classesMeter} {classesMeter}" style:width="{indeterminate ? 100 : fillPercent}%" />
|
||||
</div>
|
||||
|
||||
<style>
|
||||
.animIndeterminate {
|
||||
transform-origin: 0% 50%;
|
||||
animation: animIndeterminate 2s infinite linear;
|
||||
}
|
||||
/* prettier-ignore */
|
||||
@keyframes animIndeterminate {
|
||||
0% { transform: translateX(0) scaleX(0); }
|
||||
40% { transform: translateX(0) scaleX(0.4); }
|
||||
100% { transform: translateX(100%) scaleX(0.5); }
|
||||
}
|
||||
</style>
|
32
node_modules/@skeletonlabs/skeleton/dist/components/ProgressBar/ProgressBar.svelte.d.ts
generated
vendored
Normal file
32
node_modules/@skeletonlabs/skeleton/dist/components/ProgressBar/ProgressBar.svelte.d.ts
generated
vendored
Normal file
@ -0,0 +1,32 @@
|
||||
import { SvelteComponentTyped } from "svelte";
|
||||
declare const __propDef: {
|
||||
props: {
|
||||
[x: string]: any;
|
||||
/** Specifies the amount completed. Indeterminate when `undefined`.*/
|
||||
value?: number | undefined;
|
||||
/** Minimum amount the bar represents.*/
|
||||
min?: number | undefined;
|
||||
/** Maximum amount the bar represents.*/
|
||||
max?: number | undefined;
|
||||
/** Provide classes to set track height.*/
|
||||
height?: string | undefined;
|
||||
/** Provide classes to set rounded styles.*/
|
||||
rounded?: string | undefined;
|
||||
/** Provide arbitrary classes to style the meter element.*/
|
||||
meter?: string | undefined;
|
||||
/** Provide arbitrary classes to style the track element.*/
|
||||
track?: string | undefined;
|
||||
/** Provide the ARIA labelledby value.*/
|
||||
labelledby?: string | undefined;
|
||||
};
|
||||
events: {
|
||||
[evt: string]: CustomEvent<any>;
|
||||
};
|
||||
slots: {};
|
||||
};
|
||||
export type ProgressBarProps = typeof __propDef.props;
|
||||
export type ProgressBarEvents = typeof __propDef.events;
|
||||
export type ProgressBarSlots = typeof __propDef.slots;
|
||||
export default class ProgressBar extends SvelteComponentTyped<ProgressBarProps, ProgressBarEvents, ProgressBarSlots> {
|
||||
}
|
||||
export {};
|
Reference in New Issue
Block a user