@agnos-ui/svelte-bootstrap 0.3.0

package/components/select/Select.svelte

@@ -0,0 +1,95 @@
+<script context="module">
+import {ssrAttributes as __AgnosUISveltePreprocess__ssrAttributes, classDirective as __AgnosUISveltePreprocess__classDirective} from '@agnos-ui/svelte-headless/utils/directive';
+import {BROWSER as __AgnosUISveltePreprocess__BROWSER} from 'esm-env';
+import { Slot } from "@agnos-ui/svelte-headless/slot";
+import { callWidgetFactory } from "../../config";
+import { createSelect } from "./select";
+</script>
+
+<script>export let open = false;
+export let filterText = void 0;
+export let selected = void 0;
+const widget = callWidgetFactory({
+  factory: createSelect,
+  widgetName: "select",
+  $$slots,
+  $$props,
+  events: {
+    onOpenChange: function(isOpen) {
+      open = isOpen;
+    },
+    onSelectedChange: (newSelection) => {
+      selected = newSelection;
+    },
+    onFilterTextChange: (value) => {
+      filterText = value;
+    }
+  }
+});
+export const api = widget.api;
+const {
+  stores: { id$, ariaLabel$, highlighted$, open$, selectedContexts$, slotBadgeLabel$, slotItem$, visibleItems$, className$, filterText$ },
+  state$,
+  actions: { onInput, onInputKeydown },
+  directives: {
+    floatingDirective,
+    hasFocusDirective,
+    referenceDirective,
+    inputContainerDirective,
+    badgeAttributesDirective,
+    menuAttributesDirective,
+    itemAttributesDirective
+  }
+} = widget;
+$:
+  widget.patchChangedProps($$props);
+</script>
+
+<div use:referenceDirective use:__AgnosUISveltePreprocess__classDirective={"au-select dropdown border border-1 p-1 mb-3 d-block "+($className$)} {...__AgnosUISveltePreprocess__BROWSER ? {} : __AgnosUISveltePreprocess__ssrAttributes(referenceDirective, [__AgnosUISveltePreprocess__classDirective, "au-select dropdown border border-1 p-1 mb-3 d-block "+($className$)])}>
+	<div use:hasFocusDirective use:inputContainerDirective use:__AgnosUISveltePreprocess__classDirective={"d-flex align-items-center flex-wrap gap-1"} {...__AgnosUISveltePreprocess__BROWSER ? {} : __AgnosUISveltePreprocess__ssrAttributes(hasFocusDirective, inputContainerDirective, [__AgnosUISveltePreprocess__classDirective, "d-flex align-items-center flex-wrap gap-1"])}>
+		{#each $selectedContexts$ as itemContext (itemContext.id)}
+			<div use:badgeAttributesDirective={itemContext} {...__AgnosUISveltePreprocess__BROWSER ? {} : __AgnosUISveltePreprocess__ssrAttributes([badgeAttributesDirective, itemContext])}>
+				<Slot slotContent={$slotBadgeLabel$} props={{state: $state$, widget, itemContext}} let:component let:props>
+					<svelte:fragment slot="slot" let:props><slot name="badgeLabel" {...props} /></svelte:fragment>
+					<svelte:component this={component} {...props}>
+						<svelte:fragment slot="badgeLabel" let:itemContext let:state let:widget
+							><slot name="badgeLabel" {itemContext} {state} {widget} /></svelte:fragment
+						>
+						<svelte:fragment slot="item" let:itemContext let:state let:widget><slot name="item" {itemContext} {state} {widget} /></svelte:fragment>
+					</svelte:component>
+				</Slot>
+			</div>
+		{/each}
+		<input
+			id={$id$}
+			aria-label={$ariaLabel$}
+			type="text"
+			class="au-select-input flex-grow-1 border-0"
+			value={$filterText$}
+			aria-autocomplete="list"
+			autoCorrect="off"
+			autoCapitalize="none"
+			autoComplete="off"
+			on:input={onInput}
+			on:keydown={onInputKeydown}
+		/>
+	</div>
+	{#if $open$ && $visibleItems$.length > 0}
+		<ul use:hasFocusDirective use:floatingDirective use:menuAttributesDirective use:__AgnosUISveltePreprocess__classDirective={"dropdown-menu show"} {...__AgnosUISveltePreprocess__BROWSER ? {} : __AgnosUISveltePreprocess__ssrAttributes(hasFocusDirective, floatingDirective, menuAttributesDirective, [__AgnosUISveltePreprocess__classDirective, "dropdown-menu show"])}>
+			{#each $visibleItems$ as itemContext (itemContext.id)}
+				{@const isHighlighted = itemContext === $highlighted$}
+				<li use:__AgnosUISveltePreprocess__classDirective={"dropdown-item position-relative"} class:text-bg-primary={isHighlighted} use:itemAttributesDirective={itemContext} {...__AgnosUISveltePreprocess__BROWSER ? {} : __AgnosUISveltePreprocess__ssrAttributes([itemAttributesDirective, itemContext], [__AgnosUISveltePreprocess__classDirective, "dropdown-item position-relative"])}>
+					<Slot slotContent={$slotItem$} props={{state: $state$, widget, itemContext}} let:component let:props>
+						<svelte:fragment slot="slot" let:props><slot name="item" {...props} /></svelte:fragment>
+						<svelte:component this={component} {...props}>
+							<svelte:fragment slot="badgeLabel" let:itemContext let:state let:widget
+								><slot name="badgeLabel" {itemContext} {state} {widget} /></svelte:fragment
+							>
+							<svelte:fragment slot="item" let:itemContext let:state let:widget><slot name="item" {itemContext} {state} {widget} /></svelte:fragment>
+						</svelte:component>
+					</Slot>
+				</li>
+			{/each}
+		</ul>
+	{/if}
+</div>

package/components/select/Select.svelte.d.ts

@@ -0,0 +1,18 @@
+import { SvelteComponentTyped } from "svelte";
+import type { SelectApi, SelectProps, SelectSlots } from './select';
+declare class __sveltets_Render<Item> {
+    props(): {
+        api?: SelectApi<Item> | undefined;
+    } & Partial<SelectProps<Item>>;
+    events(): {} & {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots(): SelectSlots<Item>;
+}
+export type SelectProps_<Item> = ReturnType<__sveltets_Render<Item>['props']>;
+export type SelectEvents<Item> = ReturnType<__sveltets_Render<Item>['events']>;
+export type SelectSlots_<Item> = ReturnType<__sveltets_Render<Item>['slots']>;
+export default class Select<Item> extends SvelteComponentTyped<SelectProps_<Item>, SelectEvents<Item>, SelectSlots_<Item>> {
+    get api(): SelectApi<Item>;
+}
+export {};

package/components/select/index.d.ts

@@ -0,0 +1,3 @@
+import Select from './Select.svelte';
+export * from './select';
+export { Select };

package/components/select/index.js

@@ -0,0 +1,3 @@
+import Select from './Select.svelte';
+export * from './select';
+export { Select };

package/components/select/select.d.ts

@@ -0,0 +1,18 @@
+export * from '@agnos-ui/core-bootstrap/components/select';
+import type { AdaptWidgetSlots, WidgetPropsSlots, PropsConfig, WidgetProps, WidgetState, PropType, AdaptSlotContentProps } from '@agnos-ui/svelte-headless/types';
+import type { SelectWidget as CoreWidget, SelectContext as CoreContext, SelectItemContext as CoreItemContext } from '@agnos-ui/core-bootstrap/components/select';
+export interface SelectWidget<Item> extends AdaptWidgetSlots<CoreWidget<Item>> {
+}
+export interface SelectProps<Item> extends WidgetProps<SelectWidget<Item>> {
+}
+export interface SelectState<Item> extends WidgetState<SelectWidget<Item>> {
+}
+export interface SelectApi<Item> extends PropType<SelectWidget<Item>, 'api'> {
+}
+export interface SelectSlots<Item> extends WidgetPropsSlots<SelectProps<Item>> {
+}
+export interface SelectContext<Item> extends AdaptSlotContentProps<CoreContext<Item>> {
+}
+export interface SelectItemContext<Item> extends AdaptSlotContentProps<CoreItemContext<Item>> {
+}
+export declare const createSelect: <Item>(propsConfig?: PropsConfig<SelectProps<Item>>) => SelectWidget<Item>;

package/components/select/select.js

@@ -0,0 +1,4 @@
+export * from '@agnos-ui/core-bootstrap/components/select';
+import { createSelect as coreCreateSelect } from '@agnos-ui/core-bootstrap/components/select';
+// factory
+export const createSelect = coreCreateSelect;

package/components/slider/Slider.svelte

@@ -0,0 +1,50 @@
+<script context="module">
+import {ssrAttributes as __AgnosUISveltePreprocess__ssrAttributes} from '@agnos-ui/svelte-headless/utils/directive';
+import {BROWSER as __AgnosUISveltePreprocess__BROWSER} from 'esm-env';
+import { createSlider } from "./slider";
+import { Slot } from "@agnos-ui/svelte-headless/slot";
+import { callWidgetFactory } from "../../config";
+import SliderDefaultStructure from "./SliderDefaultStructure.svelte";
+import SliderDefaultHandle from "./SliderDefaultHandle.svelte";
+const defaultConfig = {
+  slotStructure: SliderDefaultStructure,
+  slotHandle: SliderDefaultHandle
+};
+</script>
+
+<script>export let values = void 0;
+const widget = callWidgetFactory({
+  factory: createSlider,
+  widgetName: "slider",
+  $$slots,
+  $$props,
+  defaultConfig,
+  events: {
+    onValuesChange: function(newValues) {
+      values = newValues;
+    }
+  }
+});
+export const api = widget.api;
+const {
+  stores: { slotStructure$ },
+  directives: { sliderDirective },
+  state$
+} = widget;
+$:
+  widget.patchChangedProps($$props);
+$:
+  slotContext = { widget, state: $state$ };
+</script>
+
+<!-- on:blur={onTouched} ?? -->
+<div use:sliderDirective {...__AgnosUISveltePreprocess__BROWSER ? {} : __AgnosUISveltePreprocess__ssrAttributes(sliderDirective)}>
+	<Slot slotContent={$slotStructure$} props={slotContext} let:component let:props>
+		<svelte:fragment slot="slot" let:props><slot name="structure" {...props} /></svelte:fragment>
+		<svelte:component this={component} {...props}>
+			<svelte:fragment slot="handle" let:item let:state let:widget><slot name="handle" {item} {state} {widget} /></svelte:fragment>
+			<svelte:fragment slot="label" let:state let:value let:widget><slot name="label" {state} {value} {widget} /></svelte:fragment>
+			<svelte:fragment slot="structure" let:state let:widget><slot name="structure" {state} {widget} /></svelte:fragment>
+		</svelte:component>
+	</Slot>
+</div>

package/components/slider/Slider.svelte.d.ts

@@ -0,0 +1,19 @@
+import { SvelteComponentTyped } from "svelte";
+import type { SliderApi, SliderProps, SliderSlots } from './slider';
+declare const __propDef: {
+    props: {
+        api?: SliderApi | undefined;
+    } & Partial<SliderProps>;
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: SliderSlots;
+};
+type SliderProps_ = typeof __propDef.props;
+export { SliderProps_ as SliderProps };
+export type SliderEvents = typeof __propDef.events;
+type SliderSlots_ = typeof __propDef.slots;
+export { SliderSlots_ as SliderSlots };
+export default class Slider extends SvelteComponentTyped<SliderProps_, SliderEvents, SliderSlots_> {
+    get api(): SliderApi;
+}

package/components/slider/SliderDefaultHandle.svelte

@@ -0,0 +1,8 @@
+<script>
+import {ssrAttributes as __AgnosUISveltePreprocess__ssrAttributes} from '@agnos-ui/svelte-headless/utils/directive';
+import {BROWSER as __AgnosUISveltePreprocess__BROWSER} from 'esm-env';
+export let item;
+export let widget;
+</script>
+
+<button use:widget.directives.handleDirective={{item}} {...__AgnosUISveltePreprocess__BROWSER ? {} : __AgnosUISveltePreprocess__ssrAttributes([widget.directives.handleDirective, {item}])}> &nbsp; </button>

package/components/slider/SliderDefaultHandle.svelte.d.ts

@@ -0,0 +1,15 @@
+import { SvelteComponentTyped } from "svelte";
+import type { SliderSlotHandleContext, SliderSlots } from './slider';
+declare const __propDef: {
+    props: SliderSlotHandleContext;
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: SliderSlots;
+};
+export type SliderDefaultHandleProps = typeof __propDef.props;
+export type SliderDefaultHandleEvents = typeof __propDef.events;
+export type SliderDefaultHandleSlots = typeof __propDef.slots;
+export default class SliderDefaultHandle extends SvelteComponentTyped<SliderDefaultHandleProps, SliderDefaultHandleEvents, SliderDefaultHandleSlots> {
+}
+export {};

package/components/slider/SliderDefaultStructure.svelte

@@ -0,0 +1,97 @@
+<script>
+import {ssrAttributes as __AgnosUISveltePreprocess__ssrAttributes} from '@agnos-ui/svelte-headless/utils/directive';
+import {BROWSER as __AgnosUISveltePreprocess__BROWSER} from 'esm-env';
+import { Slot } from "@agnos-ui/svelte-headless/slot";
+export let state;
+export let widget;
+$:
+  slotContext = { widget, state };
+</script>
+
+{#each state.progressDisplayOptions as option}
+	<div use:widget.directives.progressDisplayDirective={{option}} {...__AgnosUISveltePreprocess__BROWSER ? {} : __AgnosUISveltePreprocess__ssrAttributes([widget.directives.progressDisplayDirective, {option}])} />
+{/each}
+<div use:widget.directives.clickableAreaDirective {...__AgnosUISveltePreprocess__BROWSER ? {} : __AgnosUISveltePreprocess__ssrAttributes(widget.directives.clickableAreaDirective)} />
+{#if state.showMinMaxLabels}
+	<div use:widget.directives.minLabelDirective {...__AgnosUISveltePreprocess__BROWSER ? {} : __AgnosUISveltePreprocess__ssrAttributes(widget.directives.minLabelDirective)}>
+		<Slot slotContent={state.slotLabel} props={{value: state.min, ...slotContext}} let:component let:props>
+			<svelte:fragment slot="slot" let:props><slot name="label" {...props} /></svelte:fragment>
+			<svelte:component this={component} {...props}>
+				<svelte:fragment slot="handle" let:item let:state let:widget><slot name="handle" {item} {state} {widget} /></svelte:fragment>
+				<svelte:fragment slot="label" let:state let:value let:widget><slot name="label" {state} {value} {widget} /></svelte:fragment>
+				<svelte:fragment slot="structure" let:state let:widget><slot name="structure" {state} {widget} /></svelte:fragment>
+			</svelte:component>
+		</Slot>
+	</div>
+	<div use:widget.directives.maxLabelDirective {...__AgnosUISveltePreprocess__BROWSER ? {} : __AgnosUISveltePreprocess__ssrAttributes(widget.directives.maxLabelDirective)}>
+		<Slot slotContent={state.slotLabel} props={{value: state.max, ...slotContext}} let:component let:props>
+			<svelte:fragment slot="slot" let:props><slot name="label" {...props} /></svelte:fragment>
+			<svelte:component this={component} {...props}>
+				<svelte:fragment slot="handle" let:item let:state let:widget><slot name="handle" {item} {state} {widget} /></svelte:fragment>
+				<svelte:fragment slot="label" let:state let:value let:widget><slot name="label" {state} {value} {widget} /></svelte:fragment>
+				<svelte:fragment slot="structure" let:state let:widget><slot name="structure" {state} {widget} /></svelte:fragment>
+			</svelte:component>
+		</Slot>
+	</div>
+{/if}
+{#if state.showValueLabels && state.combinedLabelDisplay}
+	<div use:widget.directives.combinedHandleLabelDisplayDirective {...__AgnosUISveltePreprocess__BROWSER ? {} : __AgnosUISveltePreprocess__ssrAttributes(widget.directives.combinedHandleLabelDisplayDirective)}>
+		{#if state.rtl}
+			<Slot slotContent={state.slotLabel} props={{value: state.sortedValues[1], ...slotContext}} let:component let:props>
+				<svelte:fragment slot="slot" let:props><slot name="label" {...props} /></svelte:fragment>
+				<svelte:component this={component} {...props}>
+					<svelte:fragment slot="handle" let:item let:state let:widget><slot name="handle" {item} {state} {widget} /></svelte:fragment>
+					<svelte:fragment slot="label" let:state let:value let:widget><slot name="label" {state} {value} {widget} /></svelte:fragment>
+					<svelte:fragment slot="structure" let:state let:widget><slot name="structure" {state} {widget} /></svelte:fragment>
+				</svelte:component>
+			</Slot> -
+			<Slot slotContent={state.slotLabel} props={{value: state.sortedValues[0], ...slotContext}} let:component let:props>
+				<svelte:fragment slot="slot" let:props><slot name="label" {...props} /></svelte:fragment>
+				<svelte:component this={component} {...props}>
+					<svelte:fragment slot="handle" let:item let:state let:widget><slot name="handle" {item} {state} {widget} /></svelte:fragment>
+					<svelte:fragment slot="label" let:state let:value let:widget><slot name="label" {state} {value} {widget} /></svelte:fragment>
+					<svelte:fragment slot="structure" let:state let:widget><slot name="structure" {state} {widget} /></svelte:fragment>
+				</svelte:component>
+			</Slot>
+		{:else}
+			<Slot slotContent={state.slotLabel} props={{value: state.sortedValues[0], ...slotContext}} let:component let:props>
+				<svelte:fragment slot="slot" let:props><slot name="label" {...props} /></svelte:fragment>
+				<svelte:component this={component} {...props}>
+					<svelte:fragment slot="handle" let:item let:state let:widget><slot name="handle" {item} {state} {widget} /></svelte:fragment>
+					<svelte:fragment slot="label" let:state let:value let:widget><slot name="label" {state} {value} {widget} /></svelte:fragment>
+					<svelte:fragment slot="structure" let:state let:widget><slot name="structure" {state} {widget} /></svelte:fragment>
+				</svelte:component>
+			</Slot> -
+			<Slot slotContent={state.slotLabel} props={{value: state.sortedValues[1], ...slotContext}} let:component let:props>
+				<svelte:fragment slot="slot" let:props><slot name="label" {...props} /></svelte:fragment>
+				<svelte:component this={component} {...props}>
+					<svelte:fragment slot="handle" let:item let:state let:widget><slot name="handle" {item} {state} {widget} /></svelte:fragment>
+					<svelte:fragment slot="label" let:state let:value let:widget><slot name="label" {state} {value} {widget} /></svelte:fragment>
+					<svelte:fragment slot="structure" let:state let:widget><slot name="structure" {state} {widget} /></svelte:fragment>
+				</svelte:component>
+			</Slot>
+		{/if}
+	</div>
+{/if}
+{#each state.sortedHandles as item, i (item.id)}
+	<Slot slotContent={state.slotHandle} props={{item, ...slotContext}} let:component let:props>
+		<svelte:fragment slot="slot" let:props><slot name="handle" {...props} /></svelte:fragment>
+		<svelte:component this={component} {...props}>
+			<svelte:fragment slot="handle" let:item let:state let:widget><slot name="handle" {item} {state} {widget} /></svelte:fragment>
+			<svelte:fragment slot="label" let:state let:value let:widget><slot name="label" {state} {value} {widget} /></svelte:fragment>
+			<svelte:fragment slot="structure" let:state let:widget><slot name="structure" {state} {widget} /></svelte:fragment>
+		</svelte:component>
+	</Slot>
+	{#if state.showValueLabels && !state.combinedLabelDisplay}
+		<div use:widget.directives.handleLabelDisplayDirective={{index: i}} {...__AgnosUISveltePreprocess__BROWSER ? {} : __AgnosUISveltePreprocess__ssrAttributes([widget.directives.handleLabelDisplayDirective, {index: i}])}>
+			<Slot slotContent={state.slotLabel} props={{value: state.values[i], ...slotContext}} let:component let:props>
+				<svelte:fragment slot="slot" let:props><slot name="label" {...props} /></svelte:fragment>
+				<svelte:component this={component} {...props}>
+					<svelte:fragment slot="handle" let:item let:state let:widget><slot name="handle" {item} {state} {widget} /></svelte:fragment>
+					<svelte:fragment slot="label" let:state let:value let:widget><slot name="label" {state} {value} {widget} /></svelte:fragment>
+					<svelte:fragment slot="structure" let:state let:widget><slot name="structure" {state} {widget} /></svelte:fragment>
+				</svelte:component>
+			</Slot>
+		</div>
+	{/if}
+{/each}

package/components/slider/SliderDefaultStructure.svelte.d.ts

@@ -0,0 +1,15 @@
+import { SvelteComponentTyped } from "svelte";
+import type { SliderContext, SliderSlots } from './slider';
+declare const __propDef: {
+    props: SliderContext;
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: SliderSlots;
+};
+export type SliderDefaultStructureProps = typeof __propDef.props;
+export type SliderDefaultStructureEvents = typeof __propDef.events;
+export type SliderDefaultStructureSlots = typeof __propDef.slots;
+export default class SliderDefaultStructure extends SvelteComponentTyped<SliderDefaultStructureProps, SliderDefaultStructureEvents, SliderDefaultStructureSlots> {
+}
+export {};

package/components/slider/index.d.ts

@@ -0,0 +1,3 @@
+import Slider from './Slider.svelte';
+export * from './slider';
+export { Slider };

package/components/slider/index.js

@@ -0,0 +1,3 @@
+import Slider from './Slider.svelte';
+export * from './slider';
+export { Slider };

package/components/slider/slider.d.ts

@@ -0,0 +1,20 @@
+export * from '@agnos-ui/core-bootstrap/components/slider';
+import type { AdaptWidgetSlots, WidgetPropsSlots, WidgetFactory, WidgetProps, WidgetState, PropType, AdaptSlotContentProps } from '@agnos-ui/svelte-headless/types';
+import type { SliderWidget as CoreWidget, SliderContext as CoreContext, SliderSlotLabelContext as CoreLabelContext, SliderSlotHandleContext as CoreHandleContext } from '@agnos-ui/core-bootstrap/components/slider';
+export interface SliderWidget extends AdaptWidgetSlots<CoreWidget> {
+}
+export interface SliderProps extends WidgetProps<SliderWidget> {
+}
+export interface SliderState extends WidgetState<SliderWidget> {
+}
+export interface SliderApi extends PropType<SliderWidget, 'api'> {
+}
+export interface SliderSlots extends WidgetPropsSlots<SliderProps> {
+}
+export interface SliderContext extends AdaptSlotContentProps<CoreContext> {
+}
+export interface SliderSlotHandleContext extends AdaptSlotContentProps<CoreHandleContext> {
+}
+export interface SliderSlotLabelContext extends AdaptSlotContentProps<CoreLabelContext> {
+}
+export declare const createSlider: WidgetFactory<SliderWidget>;

package/components/slider/slider.js

@@ -0,0 +1,4 @@
+export * from '@agnos-ui/core-bootstrap/components/slider';
+import { createSlider as coreCreateSlider } from '@agnos-ui/core-bootstrap/components/slider';
+// factory
+export const createSlider = coreCreateSlider;

package/components/toast/Toast.svelte

@@ -0,0 +1,56 @@
+<script context="module">
+import {ssrAttributes as __AgnosUISveltePreprocess__ssrAttributes, classDirective as __AgnosUISveltePreprocess__classDirective} from '@agnos-ui/svelte-headless/utils/directive';
+import {BROWSER as __AgnosUISveltePreprocess__BROWSER} from 'esm-env';
+import { Slot } from "@agnos-ui/svelte-headless/slot";
+import { createToast } from "./toast";
+import { callWidgetFactory } from "../../config";
+import ToastDefaultStructure from "./ToastDefaultStructure.svelte";
+const defaultConfig = {
+  slotStructure: ToastDefaultStructure
+};
+</script>
+
+<script>const widget = callWidgetFactory({
+  factory: createToast,
+  widgetName: "toast",
+  $$slots,
+  $$props,
+  defaultConfig,
+  events: {
+    onVisibleChange: (event) => {
+      visible = event;
+    }
+  }
+});
+export let visible = void 0;
+export const api = widget.api;
+const {
+  stores: { slotStructure$, hidden$ },
+  directives: { transitionDirective, autoHideDirective, bodyDirective },
+  state$
+} = widget;
+$:
+  widget.patchChangedProps($$props);
+$:
+  slotContext = { widget, state: $state$ };
+</script>
+
+{#if !$hidden$}
+	<div
+		use:__AgnosUISveltePreprocess__classDirective={"toast"}
+		class:toast-dismissible={$state$.dismissible}
+		class:d-flex={!$state$.slotHeader}
+		use:transitionDirective
+		use:autoHideDirective
+		use:bodyDirective {...__AgnosUISveltePreprocess__BROWSER ? {} : __AgnosUISveltePreprocess__ssrAttributes(transitionDirective, autoHideDirective, bodyDirective, [__AgnosUISveltePreprocess__classDirective, "toast"])}
+	>
+		<Slot slotContent={$slotStructure$} props={slotContext} let:component let:props>
+			<svelte:fragment slot="slot" let:props><slot name="structure" {...props} /></svelte:fragment>
+			<svelte:component this={component} {...props}>
+				<svelte:fragment let:state let:widget><slot {state} {widget} /></svelte:fragment>
+				<svelte:fragment slot="header" let:state let:widget><slot name="header" {state} {widget} /></svelte:fragment>
+				<svelte:fragment slot="structure" let:state let:widget><slot name="structure" {state} {widget} /></svelte:fragment>
+			</svelte:component>
+		</Slot>
+	</div>
+{/if}

package/components/toast/Toast.svelte.d.ts

@@ -0,0 +1,19 @@
+import { SvelteComponentTyped } from "svelte";
+import type { ToastApi, ToastProps, ToastSlots } from './toast';
+declare const __propDef: {
+    props: {
+        api?: ToastApi | undefined;
+    } & Partial<ToastProps>;
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: ToastSlots;
+};
+type ToastProps_ = typeof __propDef.props;
+export { ToastProps_ as ToastProps };
+export type ToastEvents = typeof __propDef.events;
+type ToastSlots_ = typeof __propDef.slots;
+export { ToastSlots_ as ToastSlots };
+export default class Toast extends SvelteComponentTyped<ToastProps_, ToastEvents, ToastSlots_> {
+    get api(): ToastApi;
+}

package/components/toast/ToastDefaultStructure.svelte

@@ -0,0 +1,39 @@
+<script>
+import {ssrAttributes as __AgnosUISveltePreprocess__ssrAttributes, classDirective as __AgnosUISveltePreprocess__classDirective} from '@agnos-ui/svelte-headless/utils/directive';
+import {BROWSER as __AgnosUISveltePreprocess__BROWSER} from 'esm-env';
+import { Slot } from "@agnos-ui/svelte-headless/slot";
+export let state;
+export let widget;
+$:
+  slotContext = { widget, state };
+</script>
+
+{#if state.slotHeader}
+	<div class="toast-header">
+		<Slot slotContent={state.slotHeader} props={slotContext} let:component let:props>
+			<svelte:fragment slot="slot" let:props><slot name="header" {...props} /></svelte:fragment>
+			<svelte:component this={component} {...props}>
+				<svelte:fragment let:state let:widget><slot {state} {widget} /></svelte:fragment>
+				<svelte:fragment slot="header" let:state let:widget><slot name="header" {state} {widget} /></svelte:fragment>
+				<svelte:fragment slot="structure" let:state let:widget><slot name="structure" {state} {widget} /></svelte:fragment>
+			</svelte:component>
+		</Slot>
+		{#if state.dismissible}
+			<button use:__AgnosUISveltePreprocess__classDirective={"btn-close me-0 ms-auto"} use:widget.directives.closeButtonDirective {...__AgnosUISveltePreprocess__BROWSER ? {} : __AgnosUISveltePreprocess__ssrAttributes(widget.directives.closeButtonDirective, [__AgnosUISveltePreprocess__classDirective, "btn-close me-0 ms-auto"])} />
+		{/if}
+	</div>
+{/if}
+
+<div class="toast-body">
+	<Slot slotContent={state.slotDefault} props={slotContext} let:component let:props>
+		<svelte:fragment slot="slot" let:props><slot {...props} /></svelte:fragment>
+		<svelte:component this={component} {...props}>
+			<svelte:fragment let:state let:widget><slot {state} {widget} /></svelte:fragment>
+			<svelte:fragment slot="header" let:state let:widget><slot name="header" {state} {widget} /></svelte:fragment>
+			<svelte:fragment slot="structure" let:state let:widget><slot name="structure" {state} {widget} /></svelte:fragment>
+		</svelte:component>
+	</Slot>
+</div>
+{#if state.dismissible && !state.slotHeader}
+	<button use:__AgnosUISveltePreprocess__classDirective={"btn-close btn-close-white me-2 m-auto"} use:widget.directives.closeButtonDirective {...__AgnosUISveltePreprocess__BROWSER ? {} : __AgnosUISveltePreprocess__ssrAttributes(widget.directives.closeButtonDirective, [__AgnosUISveltePreprocess__classDirective, "btn-close btn-close-white me-2 m-auto"])} />
+{/if}

package/components/toast/ToastDefaultStructure.svelte.d.ts

@@ -0,0 +1,15 @@
+import { SvelteComponentTyped } from "svelte";
+import type { ToastContext, ToastSlots } from './toast';
+declare const __propDef: {
+    props: ToastContext;
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: ToastSlots;
+};
+export type ToastDefaultStructureProps = typeof __propDef.props;
+export type ToastDefaultStructureEvents = typeof __propDef.events;
+export type ToastDefaultStructureSlots = typeof __propDef.slots;
+export default class ToastDefaultStructure extends SvelteComponentTyped<ToastDefaultStructureProps, ToastDefaultStructureEvents, ToastDefaultStructureSlots> {
+}
+export {};

package/components/toast/index.d.ts

@@ -0,0 +1,3 @@
+import Toast from './Toast.svelte';
+export * from './toast';
+export { Toast };

package/components/toast/index.js

@@ -0,0 +1,3 @@
+import Toast from './Toast.svelte';
+export * from './toast';
+export { Toast };

package/components/toast/toast.d.ts

@@ -0,0 +1,16 @@
+export * from '@agnos-ui/core-bootstrap/components/toast';
+import type { AdaptWidgetSlots, WidgetPropsSlots, WidgetFactory, WidgetProps, WidgetState, PropType, AdaptSlotContentProps } from '@agnos-ui/svelte-headless/types';
+import type { ToastWidget as CoreWidget, ToastContext as CoreContext } from '@agnos-ui/core-bootstrap/components/toast';
+export interface ToastWidget extends AdaptWidgetSlots<CoreWidget> {
+}
+export interface ToastProps extends WidgetProps<ToastWidget> {
+}
+export interface ToastState extends WidgetState<ToastWidget> {
+}
+export interface ToastApi extends PropType<ToastWidget, 'api'> {
+}
+export interface ToastSlots extends WidgetPropsSlots<ToastProps> {
+}
+export interface ToastContext extends AdaptSlotContentProps<CoreContext> {
+}
+export declare const createToast: WidgetFactory<ToastWidget>;

package/components/toast/toast.js

@@ -0,0 +1,4 @@
+export * from '@agnos-ui/core-bootstrap/components/toast';
+import { createToast as coreCreateToast } from '@agnos-ui/core-bootstrap/components/toast';
+// factory
+export const createToast = coreCreateToast;

package/config.d.ts

@@ -0,0 +1,21 @@
+import type { Partial2Levels, WidgetsConfigStore } from '@agnos-ui/svelte-headless/config';
+import type { AdaptPropsSlots, SlotsPresent, Widget, WidgetFactory, WidgetProps } from '@agnos-ui/svelte-headless/types';
+import type { BootstrapWidgetsConfig } from '@agnos-ui/core-bootstrap/config';
+import type { ReadableSignal } from '@amadeus-it-group/tansu';
+export * from '@agnos-ui/svelte-headless/config';
+export type WidgetsConfig = {
+    [WidgetName in keyof BootstrapWidgetsConfig]: AdaptPropsSlots<BootstrapWidgetsConfig[WidgetName]>;
+};
+type WidgetFactoryInput<W extends Widget> = {
+    factory: WidgetFactory<W>;
+    widgetName?: null | keyof WidgetsConfig;
+    $$slots: SlotsPresent<WidgetProps<W>>;
+    defaultConfig?: Partial<WidgetProps<W>> | ReadableSignal<Partial<WidgetProps<W>> | undefined>;
+    events: Pick<WidgetProps<W>, keyof WidgetProps<W> & `on${string}Change`>;
+    $$props: Partial<WidgetProps<W>>;
+};
+type AdaptParentConfig = (config: Partial2Levels<WidgetsConfig>) => Partial2Levels<WidgetsConfig>;
+type CreateWidgetsDefaultConfig = (adaptParentConfig?: AdaptParentConfig) => WidgetsConfigStore<WidgetsConfig>;
+export declare const widgetsDefaultConfigKey: symbol, createWidgetsDefaultConfig: CreateWidgetsDefaultConfig, getContextWidgetConfig: <N extends string | number | symbol>(widgetName: N) => ReadableSignal<Partial<WidgetsConfig[N]> | undefined>, callWidgetFactory: <W extends Widget>({ factory, widgetName, $$slots, defaultConfig, events, $$props, }: WidgetFactoryInput<W>) => W & {
+    patchChangedProps: W['patch'];
+};

package/config.js

@@ -0,0 +1,4 @@
+import { widgetsConfigFactory } from '@agnos-ui/svelte-headless/config';
+export * from '@agnos-ui/svelte-headless/config';
+const configFactories = widgetsConfigFactory(Symbol('bootstrapWidgetsConfig'));
+export const { widgetsDefaultConfigKey, createWidgetsDefaultConfig, getContextWidgetConfig, callWidgetFactory } = configFactories;

package/generated/Slot.svelte.d.ts

@@ -0,0 +1 @@
+export * from '@agnos-ui/svelte-headless/Slot.svelte.d';

package/generated/config.d.ts

@@ -0,0 +1 @@
+export * from './../config';

package/generated/config.js

@@ -0,0 +1 @@
+export * from './../config';

package/generated/index.d.ts

@@ -0,0 +1,24 @@
+export * from './types';
+export * from './slot';
+export * from './index';
+export * from './config';
+export * from './Slot.svelte.d';
+export * from './utils/widget';
+export * from './utils/writables';
+export * from './utils/stores';
+export * from './utils/directive';
+export * from './services/siblingsInert';
+export * from './services/resizeObserver';
+export * from './services/portal';
+export * from './services/navManager';
+export * from './services/matchMedia';
+export * from './services/intersection';
+export * from './services/hash';
+export * from './services/focustrack';
+export * from './services/floatingUI';
+export * from './services/extendWidget';
+export * from './services/transitions/simpleClassTransition';
+export * from './services/transitions/cssTransitions';
+export * from './services/transitions/collapse';
+export * from './services/transitions/baseTransitions';
+export * from './services/transitions/bootstrap';