feat: docker compose maybe
This commit is contained in:
53
node_modules/@skeletonlabs/skeleton/dist/components/AppBar/AppBar.svelte
generated
vendored
Normal file
53
node_modules/@skeletonlabs/skeleton/dist/components/AppBar/AppBar.svelte
generated
vendored
Normal file
@ -0,0 +1,53 @@
|
||||
<script>export let background = "bg-surface-100-800-token";
|
||||
export let border = "";
|
||||
export let padding = "p-4";
|
||||
export let shadow = "";
|
||||
export let spacing = "space-y-4";
|
||||
export let gridColumns = "grid-cols-[auto_1fr_auto]";
|
||||
export let gap = "gap-4";
|
||||
export let regionRowMain = "";
|
||||
export let regionRowHeadline = "";
|
||||
export let slotLead = "";
|
||||
export let slotDefault = "";
|
||||
export let slotTrail = "";
|
||||
export let label = "";
|
||||
export let labelledby = "";
|
||||
const cBase = "flex flex-col";
|
||||
const cRowMain = "grid items-center";
|
||||
const cRowHeadline = "";
|
||||
const cSlotLead = "flex-none flex justify-between items-center";
|
||||
const cSlotDefault = "flex-auto";
|
||||
const cSlotTrail = "flex-none flex items-center space-x-4";
|
||||
$:
|
||||
classesBase = `${cBase} ${background} ${border} ${spacing} ${padding} ${shadow} ${$$props.class ?? ""}`;
|
||||
$:
|
||||
classesRowMain = `${cRowMain} ${gridColumns} ${gap} ${regionRowMain}`;
|
||||
$:
|
||||
classesRowHeadline = `${cRowHeadline} ${regionRowHeadline}`;
|
||||
$:
|
||||
classesSlotLead = `${cSlotLead} ${slotLead}`;
|
||||
$:
|
||||
classesSlotDefault = `${cSlotDefault} ${slotDefault}`;
|
||||
$:
|
||||
classesSlotTrail = `${cSlotTrail} ${slotTrail}`;
|
||||
</script>
|
||||
|
||||
<div class="app-bar {classesBase}" data-testid="app-bar" role="toolbar" aria-label={label} aria-labelledby={labelledby}>
|
||||
<!-- Row: Main -->
|
||||
<div class="app-bar-row-main {classesRowMain}">
|
||||
<!-- Slot: lead -->
|
||||
{#if $$slots.lead}
|
||||
<div class="app-bar-slot-lead {classesSlotLead}"><slot name="lead" /></div>
|
||||
{/if}
|
||||
<!-- Slot: default -->
|
||||
<div class="app-bar-slot-default {classesSlotDefault}"><slot /></div>
|
||||
<!-- Slot: trail -->
|
||||
{#if $$slots.trail}
|
||||
<div class="app-bar-slot-trail {classesSlotTrail}"><slot name="trail" /></div>
|
||||
{/if}
|
||||
</div>
|
||||
<!-- Row: Headline -->
|
||||
{#if $$slots.headline}
|
||||
<div class="app-bar-row-headline {classesRowHeadline}"><slot name="headline" /></div>
|
||||
{/if}
|
||||
</div>
|
49
node_modules/@skeletonlabs/skeleton/dist/components/AppBar/AppBar.svelte.d.ts
generated
vendored
Normal file
49
node_modules/@skeletonlabs/skeleton/dist/components/AppBar/AppBar.svelte.d.ts
generated
vendored
Normal file
@ -0,0 +1,49 @@
|
||||
import { SvelteComponentTyped } from "svelte";
|
||||
declare const __propDef: {
|
||||
props: {
|
||||
[x: string]: any;
|
||||
/** Provide classes to set background color.*/
|
||||
background?: string | undefined;
|
||||
/** Provide classes to set border styles.*/
|
||||
border?: string | undefined;
|
||||
/** Provide classes to set padding.*/
|
||||
padding?: string | undefined;
|
||||
/** Provide classes to define a box shadow.*/
|
||||
shadow?: string | undefined;
|
||||
/** Provide classes to set the vertical spacing between rows.*/
|
||||
spacing?: string | undefined;
|
||||
/** Provide classes to set grid columns for the main row.*/
|
||||
gridColumns?: string | undefined;
|
||||
/** Provide classes to set gap spacing for the main row.*/
|
||||
gap?: string | undefined;
|
||||
/** Provide arbitrary classes to style the top (main) row.*/
|
||||
regionRowMain?: string | undefined;
|
||||
/** Provide arbitrary classes to style the bottom (headline) row.*/
|
||||
regionRowHeadline?: string | undefined;
|
||||
/** Classes to apply to the lead slot container element*/
|
||||
slotLead?: string | undefined;
|
||||
/** Classes to apply to the default slot container element*/
|
||||
slotDefault?: string | undefined;
|
||||
/** Classes to apply to the trail slot container element*/
|
||||
slotTrail?: string | undefined;
|
||||
/** Provide a semantic ID for the ARIA label.*/
|
||||
label?: string | undefined;
|
||||
/** Provide the ID of the element that labels the toolbar.*/
|
||||
labelledby?: string | undefined;
|
||||
};
|
||||
events: {
|
||||
[evt: string]: CustomEvent<any>;
|
||||
};
|
||||
slots: {
|
||||
lead: {};
|
||||
default: {};
|
||||
trail: {};
|
||||
headline: {};
|
||||
};
|
||||
};
|
||||
export type AppBarProps = typeof __propDef.props;
|
||||
export type AppBarEvents = typeof __propDef.events;
|
||||
export type AppBarSlots = typeof __propDef.slots;
|
||||
export default class AppBar extends SvelteComponentTyped<AppBarProps, AppBarEvents, AppBarSlots> {
|
||||
}
|
||||
export {};
|
Reference in New Issue
Block a user