feat: docker compose maybe

This commit is contained in:
2023-11-13 16:10:04 -05:00
parent 180b261e40
commit b625ccd8d6
8031 changed files with 2182966 additions and 0 deletions

View 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>

View 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 {};