feat: docker compose maybe
This commit is contained in:
97
node_modules/@skeletonlabs/skeleton/dist/components/Autocomplete/Autocomplete.svelte
generated
vendored
Normal file
97
node_modules/@skeletonlabs/skeleton/dist/components/Autocomplete/Autocomplete.svelte
generated
vendored
Normal file
@ -0,0 +1,97 @@
|
||||
<script context="module">import { slide } from "svelte/transition";
|
||||
import { prefersReducedMotionStore } from "../../index.js";
|
||||
import { dynamicTransition } from "../../internal/transitions.js";
|
||||
</script>
|
||||
|
||||
<script
|
||||
|
||||
generics="Value = unknown, Meta = unknown,
|
||||
TransitionIn extends Transition = SlideTransition, TransitionOut extends Transition = SlideTransition"
|
||||
>import { createEventDispatcher } from "svelte";
|
||||
const dispatch = createEventDispatcher();
|
||||
export let input = void 0;
|
||||
export let options = [];
|
||||
export let limit = void 0;
|
||||
export let allowlist = [];
|
||||
export let denylist = [];
|
||||
export let emptyState = "No Results Found.";
|
||||
export let regionNav = "";
|
||||
export let regionList = "list-nav";
|
||||
export let regionItem = "";
|
||||
export let regionButton = "w-full";
|
||||
export let regionEmpty = "text-center";
|
||||
export let transitions = !$prefersReducedMotionStore;
|
||||
export let transitionIn = slide;
|
||||
export let transitionInParams = { duration: 200 };
|
||||
export let transitionOut = slide;
|
||||
export let transitionOutParams = { duration: 200 };
|
||||
$:
|
||||
listedOptions = options;
|
||||
function filterByAllowDeny(allowlist2, denylist2) {
|
||||
let _options = [...options];
|
||||
if (allowlist2.length) {
|
||||
_options = _options.filter((option) => allowlist2.includes(option.value));
|
||||
}
|
||||
if (denylist2.length) {
|
||||
_options = _options.filter((option) => !denylist2.includes(option.value));
|
||||
}
|
||||
if (!allowlist2.length && !denylist2.length) {
|
||||
_options = options;
|
||||
}
|
||||
listedOptions = _options;
|
||||
}
|
||||
function filterOptions() {
|
||||
let _options = [...listedOptions];
|
||||
_options = _options.filter((option) => {
|
||||
const inputFormatted = String(input).toLowerCase().trim();
|
||||
let optionFormatted = JSON.stringify([option.label, option.value, option.keywords]).toLowerCase();
|
||||
if (optionFormatted.includes(inputFormatted))
|
||||
return option;
|
||||
});
|
||||
return _options;
|
||||
}
|
||||
function onSelection(option) {
|
||||
dispatch("selection", option);
|
||||
}
|
||||
$:
|
||||
filterByAllowDeny(allowlist, denylist);
|
||||
$:
|
||||
optionsFiltered = input ? filterOptions() : listedOptions;
|
||||
$:
|
||||
sliceLimit = limit ?? optionsFiltered.length;
|
||||
$:
|
||||
classesBase = `${$$props.class ?? ""}`;
|
||||
$:
|
||||
classesNav = `${regionNav}`;
|
||||
$:
|
||||
classesList = `${regionList}`;
|
||||
$:
|
||||
classesItem = `${regionItem}`;
|
||||
$:
|
||||
classesButton = `${regionButton}`;
|
||||
$:
|
||||
classesEmpty = `${regionEmpty}`;
|
||||
</script>
|
||||
|
||||
<!-- animate:flip={{ duration }} -->
|
||||
<div class="autocomplete {classesBase}" data-testid="autocomplete">
|
||||
{#if optionsFiltered.length > 0}
|
||||
<nav class="autocomplete-nav {classesNav}">
|
||||
<ul class="autocomplete-list {classesList}">
|
||||
{#each optionsFiltered.slice(0, sliceLimit) as option (option)}
|
||||
<li
|
||||
class="autocomplete-item {classesItem}"
|
||||
in:dynamicTransition|local={{ transition: transitionIn, params: transitionInParams, enabled: transitions }}
|
||||
out:dynamicTransition|local={{ transition: transitionOut, params: transitionOutParams, enabled: transitions }}
|
||||
>
|
||||
<button class="autocomplete-button {classesButton}" type="button" on:click={() => onSelection(option)} on:click on:keypress>
|
||||
{@html option.label}
|
||||
</button>
|
||||
</li>
|
||||
{/each}
|
||||
</ul>
|
||||
</nav>
|
||||
{:else}
|
||||
<div class="autocomplete-empty {classesEmpty}">{emptyState}</div>
|
||||
{/if}
|
||||
</div>
|
56
node_modules/@skeletonlabs/skeleton/dist/components/Autocomplete/Autocomplete.svelte.d.ts
generated
vendored
Normal file
56
node_modules/@skeletonlabs/skeleton/dist/components/Autocomplete/Autocomplete.svelte.d.ts
generated
vendored
Normal file
@ -0,0 +1,56 @@
|
||||
import { SvelteComponentTyped } from "svelte";
|
||||
import { slide } from 'svelte/transition';
|
||||
import { type Transition, type TransitionParams } from '../../index.js';
|
||||
type SlideTransition = typeof slide;
|
||||
import type { AutocompleteOption } from './types.js';
|
||||
declare class __sveltets_Render<Value = unknown, Meta = unknown, TransitionIn extends Transition = SlideTransition, TransitionOut extends Transition = SlideTransition> {
|
||||
props(): {
|
||||
[x: string]: any;
|
||||
/** Bind the input value.*/
|
||||
input?: Value | undefined;
|
||||
/** Define values for the list.*/
|
||||
options?: AutocompleteOption<Value, Meta>[] | undefined;
|
||||
/** Limit the total number of suggestions.*/
|
||||
limit?: number | undefined;
|
||||
/** Provide allowlist values.*/
|
||||
allowlist?: Value[] | undefined;
|
||||
/** Provide denylist values.*/
|
||||
denylist?: Value[] | undefined;
|
||||
/** Provide a HTML markup to display when no match is found.*/
|
||||
emptyState?: string | undefined;
|
||||
/** Provide arbitrary classes to nav element.*/
|
||||
regionNav?: string | undefined;
|
||||
/** Provide arbitrary classes to each list.*/
|
||||
regionList?: string | undefined;
|
||||
/** Provide arbitrary classes to each list item.*/
|
||||
regionItem?: string | undefined;
|
||||
/** Provide arbitrary classes to each button.*/
|
||||
regionButton?: string | undefined;
|
||||
/** Provide arbitrary classes to empty message.*/
|
||||
regionEmpty?: string | undefined;
|
||||
/** Enable/Disable transitions*/
|
||||
transitions?: boolean | undefined;
|
||||
/** Provide the transition used on entry.*/
|
||||
transitionIn?: TransitionIn | undefined;
|
||||
/** Transition params provided to `transitionIn`.*/
|
||||
transitionInParams?: TransitionParams<TransitionIn> | undefined;
|
||||
/** Provide the transition used on exit.*/
|
||||
transitionOut?: TransitionOut | undefined;
|
||||
/** Transition params provided to `transitionOut`.*/
|
||||
transitionOutParams?: TransitionParams<TransitionOut> | undefined;
|
||||
};
|
||||
events(): {
|
||||
click: MouseEvent;
|
||||
keypress: KeyboardEvent;
|
||||
selection: CustomEvent<AutocompleteOption<Value, Meta>>;
|
||||
} & {
|
||||
[evt: string]: CustomEvent<any>;
|
||||
};
|
||||
slots(): {};
|
||||
}
|
||||
export type AutocompleteProps<Value = unknown, Meta = unknown, TransitionIn extends Transition = SlideTransition, TransitionOut extends Transition = SlideTransition> = ReturnType<__sveltets_Render<Value, Meta, TransitionIn, TransitionOut>['props']>;
|
||||
export type AutocompleteEvents<Value = unknown, Meta = unknown, TransitionIn extends Transition = SlideTransition, TransitionOut extends Transition = SlideTransition> = ReturnType<__sveltets_Render<Value, Meta, TransitionIn, TransitionOut>['events']>;
|
||||
export type AutocompleteSlots<Value = unknown, Meta = unknown, TransitionIn extends Transition = SlideTransition, TransitionOut extends Transition = SlideTransition> = ReturnType<__sveltets_Render<Value, Meta, TransitionIn, TransitionOut>['slots']>;
|
||||
export default class Autocomplete<Value = unknown, Meta = unknown, TransitionIn extends Transition = SlideTransition, TransitionOut extends Transition = SlideTransition> extends SvelteComponentTyped<AutocompleteProps<Value, Meta, TransitionIn, TransitionOut>, AutocompleteEvents<Value, Meta, TransitionIn, TransitionOut>, AutocompleteSlots<Value, Meta, TransitionIn, TransitionOut>> {
|
||||
}
|
||||
export {};
|
10
node_modules/@skeletonlabs/skeleton/dist/components/Autocomplete/types.d.ts
generated
vendored
Normal file
10
node_modules/@skeletonlabs/skeleton/dist/components/Autocomplete/types.d.ts
generated
vendored
Normal file
@ -0,0 +1,10 @@
|
||||
export interface AutocompleteOption<Value = unknown, Meta = unknown> {
|
||||
/** Provide a unique display label per option. Supports HTML. */
|
||||
label: string;
|
||||
/** Provide a unique option value. */
|
||||
value: Value;
|
||||
/** Provide a comma separated list of keywords. */
|
||||
keywords?: string;
|
||||
/** Pass arbitrary data per option. */
|
||||
meta?: Meta;
|
||||
}
|
2
node_modules/@skeletonlabs/skeleton/dist/components/Autocomplete/types.js
generated
vendored
Normal file
2
node_modules/@skeletonlabs/skeleton/dist/components/Autocomplete/types.js
generated
vendored
Normal file
@ -0,0 +1,2 @@
|
||||
// Autocomplete Types
|
||||
export {};
|
Reference in New Issue
Block a user