feat: docker compose maybe
This commit is contained in:
41
node_modules/@skeletonlabs/skeleton/dist/components/AppRail/AppRail.svelte
generated
vendored
Normal file
41
node_modules/@skeletonlabs/skeleton/dist/components/AppRail/AppRail.svelte
generated
vendored
Normal file
@ -0,0 +1,41 @@
|
||||
<script>import { setContext } from "svelte";
|
||||
export let background = "bg-surface-100-800-token";
|
||||
export let border = "";
|
||||
export let width = "w-20";
|
||||
export let height = "h-full";
|
||||
export let gap = "gap-0";
|
||||
export let regionLead = "";
|
||||
export let regionDefault = "";
|
||||
export let regionTrail = "";
|
||||
export let hover = "bg-primary-hover-token";
|
||||
export let active = "bg-primary-active-token";
|
||||
export let spacing = "space-y-1";
|
||||
export let aspectRatio = "aspect-square";
|
||||
setContext("active", active);
|
||||
setContext("hover", hover);
|
||||
setContext("spacing", spacing);
|
||||
setContext("aspectRatio", aspectRatio);
|
||||
const cBase = "grid grid-rows-[auto_1fr_auto] overflow-y-auto";
|
||||
const cRegionLead = "box-border";
|
||||
const cRegionDefault = "box-border";
|
||||
const cRegionTrail = "box-border";
|
||||
$:
|
||||
classesBase = `${cBase} ${background} ${border} ${width} ${height} ${gap} ${$$props.class || ""}`;
|
||||
$:
|
||||
classesRegionLead = `${cRegionLead} ${regionLead}`;
|
||||
$:
|
||||
classesRegionDefault = `${cRegionDefault} ${regionDefault}`;
|
||||
$:
|
||||
classesRegionTrail = `${cRegionTrail} ${regionTrail}`;
|
||||
</script>
|
||||
|
||||
<!-- @component A vertical navigation rail component. -->
|
||||
|
||||
<div class="app-rail {classesBase}" data-testid="app-rail">
|
||||
<!-- Slot: lead -->
|
||||
<div class="app-bar-lead {classesRegionLead}"><slot name="lead" /></div>
|
||||
<!-- Slot: Default -->
|
||||
<div class="app-bar-default {classesRegionDefault}"><slot /></div>
|
||||
<!-- Slot: lead -->
|
||||
<div class="app-bar-trail {classesRegionTrail}"><slot name="trail" /></div>
|
||||
</div>
|
45
node_modules/@skeletonlabs/skeleton/dist/components/AppRail/AppRail.svelte.d.ts
generated
vendored
Normal file
45
node_modules/@skeletonlabs/skeleton/dist/components/AppRail/AppRail.svelte.d.ts
generated
vendored
Normal file
@ -0,0 +1,45 @@
|
||||
import { SvelteComponentTyped } from "svelte";
|
||||
declare const __propDef: {
|
||||
props: {
|
||||
[x: string]: any;
|
||||
/** Rail: Provide classes to set the background color.*/
|
||||
background?: string | undefined;
|
||||
/** Rail: Provide classes to set the background color.*/
|
||||
border?: string | undefined;
|
||||
/** Rail: Provide classes to set the width.*/
|
||||
width?: string | undefined;
|
||||
/** Rail: Provide classes to set the height.*/
|
||||
height?: string | undefined;
|
||||
/** Rail: Provide a class to set the grid gap.*/
|
||||
gap?: string | undefined;
|
||||
/** Rail: Provide arbitrary classes to the lead region.*/
|
||||
regionLead?: string | undefined;
|
||||
/** Rail: Provide arbitrary classes to the default region.*/
|
||||
regionDefault?: string | undefined;
|
||||
/** Rail: Provide arbitrary classes to the trail region.*/
|
||||
regionTrail?: string | undefined;
|
||||
/** Provide classes to set the tile/anchor hover background color.*/
|
||||
hover?: string | undefined;
|
||||
/** Provide classes to set the tile/anchor active tile background.*/
|
||||
active?: string | undefined;
|
||||
/** Provide classes to set the tile/anchor vertical spacing.*/
|
||||
spacing?: string | undefined;
|
||||
/** Provide classes to set the tile/anchor aspect ratio.*/
|
||||
aspectRatio?: string | undefined;
|
||||
};
|
||||
events: {
|
||||
[evt: string]: CustomEvent<any>;
|
||||
};
|
||||
slots: {
|
||||
lead: {};
|
||||
default: {};
|
||||
trail: {};
|
||||
};
|
||||
};
|
||||
export type AppRailProps = typeof __propDef.props;
|
||||
export type AppRailEvents = typeof __propDef.events;
|
||||
export type AppRailSlots = typeof __propDef.slots;
|
||||
/** A vertical navigation rail component. */
|
||||
export default class AppRail extends SvelteComponentTyped<AppRailProps, AppRailEvents, AppRailSlots> {
|
||||
}
|
||||
export {};
|
46
node_modules/@skeletonlabs/skeleton/dist/components/AppRail/AppRailAnchor.svelte
generated
vendored
Normal file
46
node_modules/@skeletonlabs/skeleton/dist/components/AppRail/AppRailAnchor.svelte
generated
vendored
Normal file
@ -0,0 +1,46 @@
|
||||
<script>import { getContext } from "svelte";
|
||||
export let selected = false;
|
||||
export let regionLead = "flex justify-center items-center";
|
||||
export let regionLabel = "";
|
||||
export let hover = getContext("hover");
|
||||
export let active = getContext("active");
|
||||
export let spacing = getContext("spacing");
|
||||
export let aspectRatio = getContext("aspectRatio");
|
||||
const cBase = "unstyled";
|
||||
const cWrapper = "w-full flex flex-col justify-center items-stretch text-center space-y-1";
|
||||
const cLabel = "font-bold text-xs";
|
||||
$:
|
||||
classActive = selected ? active : "";
|
||||
$:
|
||||
classesBase = `${cBase} ${$$props.class || ""}`;
|
||||
$:
|
||||
classesWrapper = `${cWrapper} ${aspectRatio} ${hover} ${spacing} ${classActive}`;
|
||||
$:
|
||||
classesLead = `${regionLead}`;
|
||||
$:
|
||||
classesLabel = `${cLabel} ${regionLabel}`;
|
||||
function prunedRestProps() {
|
||||
delete $$restProps.class;
|
||||
return $$restProps;
|
||||
}
|
||||
</script>
|
||||
|
||||
<a
|
||||
class="app-rail-anchor {classesBase}"
|
||||
href={$$props.href}
|
||||
{...prunedRestProps()}
|
||||
on:click
|
||||
on:keydown
|
||||
on:keyup
|
||||
on:keypress
|
||||
on:mouseover
|
||||
on:mouseleave
|
||||
on:focus
|
||||
on:blur
|
||||
data-testid="app-rail-anchor"
|
||||
>
|
||||
<div class="app-rail-wrapper {classesWrapper}">
|
||||
{#if $$slots.lead}<div class="app-rail-lead {classesLead}"><slot name="lead" /></div>{/if}
|
||||
<div class="app-rail-label {classesLabel}"><slot /></div>
|
||||
</div>
|
||||
</a>
|
38
node_modules/@skeletonlabs/skeleton/dist/components/AppRail/AppRailAnchor.svelte.d.ts
generated
vendored
Normal file
38
node_modules/@skeletonlabs/skeleton/dist/components/AppRail/AppRailAnchor.svelte.d.ts
generated
vendored
Normal file
@ -0,0 +1,38 @@
|
||||
import { SvelteComponentTyped } from "svelte";
|
||||
declare const __propDef: {
|
||||
props: {
|
||||
[x: string]: any;
|
||||
/** Enables the active state styles when set true.*/
|
||||
selected?: boolean | undefined;
|
||||
/** Provide arbitrary classes to style the lead region.*/
|
||||
regionLead?: string | undefined;
|
||||
/** Provide arbitrary classes to style the label region.*/
|
||||
regionLabel?: string | undefined;
|
||||
hover?: string | undefined;
|
||||
active?: string | undefined;
|
||||
spacing?: string | undefined;
|
||||
aspectRatio?: string | undefined;
|
||||
};
|
||||
events: {
|
||||
click: MouseEvent;
|
||||
keydown: KeyboardEvent;
|
||||
keyup: KeyboardEvent;
|
||||
keypress: KeyboardEvent;
|
||||
mouseover: MouseEvent;
|
||||
mouseleave: MouseEvent;
|
||||
focus: FocusEvent;
|
||||
blur: FocusEvent;
|
||||
} & {
|
||||
[evt: string]: CustomEvent<any>;
|
||||
};
|
||||
slots: {
|
||||
lead: {};
|
||||
default: {};
|
||||
};
|
||||
};
|
||||
export type AppRailAnchorProps = typeof __propDef.props;
|
||||
export type AppRailAnchorEvents = typeof __propDef.events;
|
||||
export type AppRailAnchorSlots = typeof __propDef.slots;
|
||||
export default class AppRailAnchor extends SvelteComponentTyped<AppRailAnchorProps, AppRailAnchorEvents, AppRailAnchorSlots> {
|
||||
}
|
||||
export {};
|
51
node_modules/@skeletonlabs/skeleton/dist/components/AppRail/AppRailTile.svelte
generated
vendored
Normal file
51
node_modules/@skeletonlabs/skeleton/dist/components/AppRail/AppRailTile.svelte
generated
vendored
Normal file
@ -0,0 +1,51 @@
|
||||
<script>import { getContext } from "svelte";
|
||||
export let group;
|
||||
export let name;
|
||||
export let value;
|
||||
export let title = "";
|
||||
export let regionLead = "";
|
||||
export let regionLabel = "";
|
||||
export let hover = getContext("hover");
|
||||
export let active = getContext("active");
|
||||
export let spacing = getContext("spacing");
|
||||
export let width = getContext("width");
|
||||
export let aspectRatio = getContext("aspectRatio");
|
||||
const cBase = "cursor-pointer";
|
||||
const cWrapper = "flex flex-col justify-center items-stretch";
|
||||
const cInterface = "text-center";
|
||||
const cLabel = "font-bold text-xs";
|
||||
let elemInput;
|
||||
$:
|
||||
classActive = group === value ? active : "";
|
||||
$:
|
||||
classesBase = `${cBase} ${$$props.class || ""}`;
|
||||
$:
|
||||
classesWrapper = `${cWrapper} ${aspectRatio} ${width} ${hover} ${classActive}`;
|
||||
$:
|
||||
classesInterface = `${cInterface} ${spacing}`;
|
||||
$:
|
||||
classesLead = `${regionLead}`;
|
||||
$:
|
||||
classesLabel = `${cLabel} ${regionLabel}`;
|
||||
function prunedRestProps() {
|
||||
delete $$restProps.class;
|
||||
return $$restProps;
|
||||
}
|
||||
</script>
|
||||
|
||||
<label class="app-rail-tile {classesBase}" data-testid="app-rail-tile" {title} on:mouseover on:mouseleave on:focus on:blur>
|
||||
<!-- A11y attributes are not allowed on <label> -->
|
||||
<!-- FIXME: resolve a11y warnings -->
|
||||
<!-- svelte-ignore a11y-no-static-element-interactions -->
|
||||
<div class="app-rail-wrapper {classesWrapper}" on:keydown on:keyup on:keypress>
|
||||
<!-- NOTE: Don't use `hidden` as it prevents `required` from operating -->
|
||||
<div class="h-0 w-0 overflow-hidden">
|
||||
<input bind:this={elemInput} type="radio" bind:group {name} {value} {...prunedRestProps()} tabindex="-1" on:click on:change />
|
||||
</div>
|
||||
<!-- Interface -->
|
||||
<div class="app-rail-interface {classesInterface}">
|
||||
{#if $$slots.lead}<div class="app-rail-lead {classesLead}"><slot name="lead" /></div>{/if}
|
||||
<div class="app-rail-label {classesLabel}"><slot /></div>
|
||||
</div>
|
||||
</div>
|
||||
</label>
|
46
node_modules/@skeletonlabs/skeleton/dist/components/AppRail/AppRailTile.svelte.d.ts
generated
vendored
Normal file
46
node_modules/@skeletonlabs/skeleton/dist/components/AppRail/AppRailTile.svelte.d.ts
generated
vendored
Normal file
@ -0,0 +1,46 @@
|
||||
import { SvelteComponentTyped } from "svelte";
|
||||
declare const __propDef: {
|
||||
props: {
|
||||
[x: string]: any;
|
||||
/** Set the radio group binding value.*/
|
||||
group: any;
|
||||
/** Set a unique name value for the input.*/
|
||||
name: string;
|
||||
/** Set the input's value.*/
|
||||
value: any;
|
||||
/** Provide a hoverable title attribute for the tile.*/
|
||||
title?: string | undefined;
|
||||
/** Provide arbitrary classes to style the lead region.*/
|
||||
regionLead?: string | undefined;
|
||||
/** Provide arbitrary classes to style the label region.*/
|
||||
regionLabel?: string | undefined;
|
||||
hover?: string | undefined;
|
||||
active?: string | undefined;
|
||||
spacing?: string | undefined;
|
||||
width?: string | undefined;
|
||||
aspectRatio?: string | undefined;
|
||||
};
|
||||
events: {
|
||||
mouseover: MouseEvent;
|
||||
mouseleave: MouseEvent;
|
||||
focus: FocusEvent;
|
||||
blur: FocusEvent;
|
||||
keydown: KeyboardEvent;
|
||||
keyup: KeyboardEvent;
|
||||
keypress: KeyboardEvent;
|
||||
click: MouseEvent;
|
||||
change: Event;
|
||||
} & {
|
||||
[evt: string]: CustomEvent<any>;
|
||||
};
|
||||
slots: {
|
||||
lead: {};
|
||||
default: {};
|
||||
};
|
||||
};
|
||||
export type AppRailTileProps = typeof __propDef.props;
|
||||
export type AppRailTileEvents = typeof __propDef.events;
|
||||
export type AppRailTileSlots = typeof __propDef.slots;
|
||||
export default class AppRailTile extends SvelteComponentTyped<AppRailTileProps, AppRailTileEvents, AppRailTileSlots> {
|
||||
}
|
||||
export {};
|
Reference in New Issue
Block a user