@agnos-ui/svelte-bootstrap 0.3.0

package/components/modal/modalService.js

@@ -0,0 +1,15 @@
+import Modal from './Modal.svelte';
+export async function openModal(options, { context } = {}) {
+    const target = document.createElement('div');
+    const component = new Modal({
+        target,
+        props: options,
+        context,
+    });
+    try {
+        return await component.api.open();
+    }
+    finally {
+        component.$destroy();
+    }
+}

package/components/pagination/Pagination.svelte

@@ -0,0 +1,54 @@
+<script context="module">import { createPagination } from "./pagination";
+import { toSlotContextWidget } from "@agnos-ui/svelte-headless/types";
+import { Slot } from "@agnos-ui/svelte-headless/slot";
+import { callWidgetFactory } from "../../config";
+import PaginationDefaultPages from "./PaginationDefaultPages.svelte";
+import PaginationDefaultStructure from "./PaginationDefaultStructure.svelte";
+const defaultConfig = {
+  slotStructure: PaginationDefaultStructure,
+  slotPages: PaginationDefaultPages
+};
+</script>
+
+<script>export let page = void 0;
+const widget = callWidgetFactory({
+  factory: createPagination,
+  widgetName: "pagination",
+  $$slots,
+  $$props,
+  defaultConfig,
+  events: {
+    onPageChange: (value) => {
+      page = value;
+    }
+  }
+});
+export const api = widget.api;
+const {
+  stores: { slotStructure$, ariaLabel$ },
+  state$
+} = widget;
+$:
+  widget.patchChangedProps($$props);
+$:
+  slotContext = { widget: toSlotContextWidget(widget), state: $state$ };
+</script>
+
+<!-- Should we put nav here ? how to custom the class of ul in this case ?-->
+<nav aria-label={$ariaLabel$}>
+	<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="ellipsis" let:state let:widget><slot name="ellipsis" {state} {widget} /></svelte:fragment>
+			<svelte:fragment slot="first" let:state let:widget><slot name="first" {state} {widget} /></svelte:fragment>
+			<svelte:fragment slot="last" let:state let:widget><slot name="last" {state} {widget} /></svelte:fragment>
+			<svelte:fragment slot="next" let:state let:widget><slot name="next" {state} {widget} /></svelte:fragment>
+			<svelte:fragment slot="numberLabel" let:displayedPage let:state let:widget
+				><slot name="numberLabel" {displayedPage} {state} {widget} /></svelte:fragment
+			>
+			<svelte:fragment slot="pages" let:state let:widget><slot name="pages" {state} {widget} /></svelte:fragment>
+			<svelte:fragment slot="previous" let:state let:widget><slot name="previous" {state} {widget} /></svelte:fragment>
+			<svelte:fragment slot="structure" let:state let:widget><slot name="structure" {state} {widget} /></svelte:fragment>
+		</svelte:component>
+	</Slot>
+</nav>

package/components/pagination/Pagination.svelte.d.ts

@@ -0,0 +1,19 @@
+import { SvelteComponentTyped } from "svelte";
+import type { PaginationApi, PaginationProps, PaginationSlots } from './pagination';
+declare const __propDef: {
+    props: {
+        api?: PaginationApi | undefined;
+    } & Partial<PaginationProps>;
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: PaginationSlots;
+};
+type PaginationProps_ = typeof __propDef.props;
+export { PaginationProps_ as PaginationProps };
+export type PaginationEvents = typeof __propDef.events;
+type PaginationSlots_ = typeof __propDef.slots;
+export { PaginationSlots_ as PaginationSlots };
+export default class Pagination extends SvelteComponentTyped<PaginationProps_, PaginationEvents, PaginationSlots_> {
+    get api(): PaginationApi;
+}

package/components/pagination/PaginationDefaultPages.svelte

@@ -0,0 +1,57 @@
+<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;
+</script>
+
+{#each state.pages as page, i}
+	<li class="page-item" class:active={page === state.page} class:disabled={page === -1 || state.disabled}>
+		{#if page === -1}
+			<div class="page-link au-ellipsis" aria-hidden="true">
+				<Slot slotContent={state.slotEllipsis} props={{state, widget}} let:component let:props>
+					<svelte:fragment slot="slot" let:props><slot name="ellipsis" {...props} /></svelte:fragment>
+					<svelte:component this={component} {...props}>
+						<svelte:fragment slot="ellipsis" let:state let:widget><slot name="ellipsis" {state} {widget} /></svelte:fragment>
+						<svelte:fragment slot="first" let:state let:widget><slot name="first" {state} {widget} /></svelte:fragment>
+						<svelte:fragment slot="last" let:state let:widget><slot name="last" {state} {widget} /></svelte:fragment>
+						<svelte:fragment slot="next" let:state let:widget><slot name="next" {state} {widget} /></svelte:fragment>
+						<svelte:fragment slot="numberLabel" let:displayedPage let:state let:widget
+							><slot name="numberLabel" {displayedPage} {state} {widget} /></svelte:fragment
+						>
+						<svelte:fragment slot="pages" let:state let:widget><slot name="pages" {state} {widget} /></svelte:fragment>
+						<svelte:fragment slot="previous" let:state let:widget><slot name="previous" {state} {widget} /></svelte:fragment>
+						<svelte:fragment slot="structure" let:state let:widget><slot name="structure" {state} {widget} /></svelte:fragment>
+					</svelte:component>
+				</Slot>
+			</div>
+			<span class="visually-hidden">{state.ariaEllipsisLabel}</span>
+		{:else}
+			<!-- svelte-ignore a11y-missing-attribute -->
+			<a use:__AgnosUISveltePreprocess__classDirective={"page-link"} use:widget.directives.pageLink={{page}} {...__AgnosUISveltePreprocess__BROWSER ? {} : __AgnosUISveltePreprocess__ssrAttributes([widget.directives.pageLink, {page}], [__AgnosUISveltePreprocess__classDirective, "page-link"])}
+				><!-- Remove the strange formatting with https://github.com/sveltejs/svelte/issues/3080
+				 --><Slot
+					slotContent={state.slotNumberLabel}
+					props={{state, widget, displayedPage: page}}
+					let:component
+					let:props
+				>
+					<svelte:fragment slot="slot" let:props><slot name="numberLabel" {...props} /></svelte:fragment>
+					<svelte:component this={component} {...props}>
+						<svelte:fragment slot="ellipsis" let:state let:widget><slot name="ellipsis" {state} {widget} /></svelte:fragment>
+						<svelte:fragment slot="first" let:state let:widget><slot name="first" {state} {widget} /></svelte:fragment>
+						<svelte:fragment slot="last" let:state let:widget><slot name="last" {state} {widget} /></svelte:fragment>
+						<svelte:fragment slot="next" let:state let:widget><slot name="next" {state} {widget} /></svelte:fragment>
+						<svelte:fragment slot="numberLabel" let:displayedPage let:state let:widget
+							><slot name="numberLabel" {displayedPage} {state} {widget} /></svelte:fragment
+						>
+						<svelte:fragment slot="pages" let:state let:widget><slot name="pages" {state} {widget} /></svelte:fragment>
+						<svelte:fragment slot="previous" let:state let:widget><slot name="previous" {state} {widget} /></svelte:fragment>
+						<svelte:fragment slot="structure" let:state let:widget><slot name="structure" {state} {widget} /></svelte:fragment>
+					</svelte:component>
+				</Slot>{#if state.page === page}<span class="visually-hidden">{state.activeLabel}</span>{/if}
+			</a>
+		{/if}
+	</li>
+{/each}

package/components/pagination/PaginationDefaultPages.svelte.d.ts

@@ -0,0 +1,15 @@
+import { SvelteComponentTyped } from "svelte";
+import type { PaginationContext, PaginationSlots } from './pagination';
+declare const __propDef: {
+    props: PaginationContext;
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: PaginationSlots;
+};
+export type PaginationDefaultPagesProps = typeof __propDef.props;
+export type PaginationDefaultPagesEvents = typeof __propDef.events;
+export type PaginationDefaultPagesSlots = typeof __propDef.slots;
+export default class PaginationDefaultPages extends SvelteComponentTyped<PaginationDefaultPagesProps, PaginationDefaultPagesEvents, PaginationDefaultPagesSlots> {
+}
+export {};

package/components/pagination/PaginationDefaultStructure.svelte

@@ -0,0 +1,128 @@
+<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 };
+$:
+  sizeClass = state.size ? `pagination-${state.size}` : "";
+</script>
+
+<ul class="au-pagination pagination {sizeClass} {state.className}">
+	{#if state.boundaryLinks}
+		<li class="page-item" class:disabled={state.previousDisabled}>
+			<!-- svelte-ignore a11y-missing-attribute -->
+			<a use:__AgnosUISveltePreprocess__classDirective={"page-link"} use:widget.directives.pageFirst {...__AgnosUISveltePreprocess__BROWSER ? {} : __AgnosUISveltePreprocess__ssrAttributes(widget.directives.pageFirst, [__AgnosUISveltePreprocess__classDirective, "page-link"])}>
+				<span aria-hidden="true">
+					<Slot slotContent={state.slotFirst} props={slotContext} let:component let:props>
+						<svelte:fragment slot="slot" let:props><slot name="first" {...props} /></svelte:fragment>
+						<svelte:component this={component} {...props}>
+							<svelte:fragment slot="ellipsis" let:state let:widget><slot name="ellipsis" {state} {widget} /></svelte:fragment>
+							<svelte:fragment slot="first" let:state let:widget><slot name="first" {state} {widget} /></svelte:fragment>
+							<svelte:fragment slot="last" let:state let:widget><slot name="last" {state} {widget} /></svelte:fragment>
+							<svelte:fragment slot="next" let:state let:widget><slot name="next" {state} {widget} /></svelte:fragment>
+							<svelte:fragment slot="numberLabel" let:displayedPage let:state let:widget
+								><slot name="numberLabel" {displayedPage} {state} {widget} /></svelte:fragment
+							>
+							<svelte:fragment slot="pages" let:state let:widget><slot name="pages" {state} {widget} /></svelte:fragment>
+							<svelte:fragment slot="previous" let:state let:widget><slot name="previous" {state} {widget} /></svelte:fragment>
+							<svelte:fragment slot="structure" let:state let:widget><slot name="structure" {state} {widget} /></svelte:fragment>
+						</svelte:component>
+					</Slot>
+				</span>
+			</a>
+		</li>
+	{/if}
+	{#if state.directionLinks}
+		<li class="page-item" class:disabled={state.previousDisabled}>
+			<!-- svelte-ignore a11y-missing-attribute -->
+			<a use:__AgnosUISveltePreprocess__classDirective={"page-link"} use:widget.directives.pagePrev {...__AgnosUISveltePreprocess__BROWSER ? {} : __AgnosUISveltePreprocess__ssrAttributes(widget.directives.pagePrev, [__AgnosUISveltePreprocess__classDirective, "page-link"])}>
+				<span aria-hidden="true">
+					<Slot slotContent={state.slotPrevious} props={slotContext} let:component let:props>
+						<svelte:fragment slot="slot" let:props><slot name="previous" {...props} /></svelte:fragment>
+						<svelte:component this={component} {...props}>
+							<svelte:fragment slot="ellipsis" let:state let:widget><slot name="ellipsis" {state} {widget} /></svelte:fragment>
+							<svelte:fragment slot="first" let:state let:widget><slot name="first" {state} {widget} /></svelte:fragment>
+							<svelte:fragment slot="last" let:state let:widget><slot name="last" {state} {widget} /></svelte:fragment>
+							<svelte:fragment slot="next" let:state let:widget><slot name="next" {state} {widget} /></svelte:fragment>
+							<svelte:fragment slot="numberLabel" let:displayedPage let:state let:widget
+								><slot name="numberLabel" {displayedPage} {state} {widget} /></svelte:fragment
+							>
+							<svelte:fragment slot="pages" let:state let:widget><slot name="pages" {state} {widget} /></svelte:fragment>
+							<svelte:fragment slot="previous" let:state let:widget><slot name="previous" {state} {widget} /></svelte:fragment>
+							<svelte:fragment slot="structure" let:state let:widget><slot name="structure" {state} {widget} /></svelte:fragment>
+						</svelte:component>
+					</Slot>
+				</span>
+			</a>
+		</li>
+	{/if}
+	<Slot slotContent={state.slotPages} props={slotContext} let:component let:props>
+		<svelte:fragment slot="slot" let:props><slot name="pages" {...props} /></svelte:fragment>
+		<svelte:component this={component} {...props}>
+			<svelte:fragment slot="ellipsis" let:state let:widget><slot name="ellipsis" {state} {widget} /></svelte:fragment>
+			<svelte:fragment slot="first" let:state let:widget><slot name="first" {state} {widget} /></svelte:fragment>
+			<svelte:fragment slot="last" let:state let:widget><slot name="last" {state} {widget} /></svelte:fragment>
+			<svelte:fragment slot="next" let:state let:widget><slot name="next" {state} {widget} /></svelte:fragment>
+			<svelte:fragment slot="numberLabel" let:displayedPage let:state let:widget
+				><slot name="numberLabel" {displayedPage} {state} {widget} /></svelte:fragment
+			>
+			<svelte:fragment slot="pages" let:state let:widget><slot name="pages" {state} {widget} /></svelte:fragment>
+			<svelte:fragment slot="previous" let:state let:widget><slot name="previous" {state} {widget} /></svelte:fragment>
+			<svelte:fragment slot="structure" let:state let:widget><slot name="structure" {state} {widget} /></svelte:fragment>
+		</svelte:component>
+	</Slot>
+	{#if state.directionLinks}
+		<li class="page-item" class:disabled={state.nextDisabled}>
+			<!-- svelte-ignore a11y-missing-attribute -->
+			<a use:__AgnosUISveltePreprocess__classDirective={"page-link"} use:widget.directives.pageNext {...__AgnosUISveltePreprocess__BROWSER ? {} : __AgnosUISveltePreprocess__ssrAttributes(widget.directives.pageNext, [__AgnosUISveltePreprocess__classDirective, "page-link"])}>
+				<span aria-hidden="true">
+					<Slot slotContent={state.slotNext} props={slotContext} let:component let:props>
+						<svelte:fragment slot="slot" let:props><slot name="next" {...props} /></svelte:fragment>
+						<svelte:component this={component} {...props}>
+							<svelte:fragment slot="ellipsis" let:state let:widget><slot name="ellipsis" {state} {widget} /></svelte:fragment>
+							<svelte:fragment slot="first" let:state let:widget><slot name="first" {state} {widget} /></svelte:fragment>
+							<svelte:fragment slot="last" let:state let:widget><slot name="last" {state} {widget} /></svelte:fragment>
+							<svelte:fragment slot="next" let:state let:widget><slot name="next" {state} {widget} /></svelte:fragment>
+							<svelte:fragment slot="numberLabel" let:displayedPage let:state let:widget
+								><slot name="numberLabel" {displayedPage} {state} {widget} /></svelte:fragment
+							>
+							<svelte:fragment slot="pages" let:state let:widget><slot name="pages" {state} {widget} /></svelte:fragment>
+							<svelte:fragment slot="previous" let:state let:widget><slot name="previous" {state} {widget} /></svelte:fragment>
+							<svelte:fragment slot="structure" let:state let:widget><slot name="structure" {state} {widget} /></svelte:fragment>
+						</svelte:component>
+					</Slot>
+				</span>
+			</a>
+		</li>
+	{/if}
+	{#if state.boundaryLinks}
+		<li class="page-item" class:disabled={state.nextDisabled}>
+			<!-- svelte-ignore a11y-missing-attribute -->
+			<a use:__AgnosUISveltePreprocess__classDirective={"page-link"} use:widget.directives.pageLast {...__AgnosUISveltePreprocess__BROWSER ? {} : __AgnosUISveltePreprocess__ssrAttributes(widget.directives.pageLast, [__AgnosUISveltePreprocess__classDirective, "page-link"])}>
+				<span aria-hidden="true">
+					<Slot slotContent={state.slotLast} props={slotContext} let:component let:props>
+						<svelte:fragment slot="slot" let:props><slot name="last" {...props} /></svelte:fragment>
+						<svelte:component this={component} {...props}>
+							<svelte:fragment slot="ellipsis" let:state let:widget><slot name="ellipsis" {state} {widget} /></svelte:fragment>
+							<svelte:fragment slot="first" let:state let:widget><slot name="first" {state} {widget} /></svelte:fragment>
+							<svelte:fragment slot="last" let:state let:widget><slot name="last" {state} {widget} /></svelte:fragment>
+							<svelte:fragment slot="next" let:state let:widget><slot name="next" {state} {widget} /></svelte:fragment>
+							<svelte:fragment slot="numberLabel" let:displayedPage let:state let:widget
+								><slot name="numberLabel" {displayedPage} {state} {widget} /></svelte:fragment
+							>
+							<svelte:fragment slot="pages" let:state let:widget><slot name="pages" {state} {widget} /></svelte:fragment>
+							<svelte:fragment slot="previous" let:state let:widget><slot name="previous" {state} {widget} /></svelte:fragment>
+							<svelte:fragment slot="structure" let:state let:widget><slot name="structure" {state} {widget} /></svelte:fragment>
+						</svelte:component>
+					</Slot>
+				</span>
+			</a>
+		</li>
+	{/if}
+</ul>
+<div aria-live="polite" class="visually-hidden">
+	{`${state.ariaLiveLabelText}`}
+</div>

package/components/pagination/PaginationDefaultStructure.svelte.d.ts

@@ -0,0 +1,15 @@
+import { SvelteComponentTyped } from "svelte";
+import type { PaginationContext, PaginationSlots } from './pagination';
+declare const __propDef: {
+    props: PaginationContext;
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: PaginationSlots;
+};
+export type PaginationDefaultStructureProps = typeof __propDef.props;
+export type PaginationDefaultStructureEvents = typeof __propDef.events;
+export type PaginationDefaultStructureSlots = typeof __propDef.slots;
+export default class PaginationDefaultStructure extends SvelteComponentTyped<PaginationDefaultStructureProps, PaginationDefaultStructureEvents, PaginationDefaultStructureSlots> {
+}
+export {};

package/components/pagination/index.d.ts

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

package/components/pagination/index.js

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

package/components/pagination/pagination.d.ts

@@ -0,0 +1,18 @@
+export * from '@agnos-ui/core-bootstrap/components/pagination';
+import type { AdaptSlotContentProps, AdaptWidgetSlots, WidgetPropsSlots, WidgetFactory, WidgetProps, WidgetState, PropType } from '@agnos-ui/svelte-headless/types';
+import type { PaginationWidget as CoreWidget, PaginationContext as CoreContext, PaginationNumberContext as CoreNumberContext } from '@agnos-ui/core-bootstrap/components/pagination';
+export interface PaginationWidget extends AdaptWidgetSlots<CoreWidget> {
+}
+export interface PaginationProps extends WidgetProps<PaginationWidget> {
+}
+export interface PaginationState extends WidgetState<PaginationWidget> {
+}
+export interface PaginationApi extends PropType<PaginationWidget, 'api'> {
+}
+export interface PaginationSlots extends WidgetPropsSlots<PaginationProps> {
+}
+export interface PaginationContext extends AdaptSlotContentProps<CoreContext> {
+}
+export interface PaginationNumberContext extends AdaptSlotContentProps<CoreNumberContext> {
+}
+export declare const createPagination: WidgetFactory<PaginationWidget>;

package/components/pagination/pagination.js

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

package/components/progressbar/Progressbar.svelte

@@ -0,0 +1,38 @@
+<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 { createProgressbar } from "./progressbar";
+import { Slot } from "@agnos-ui/svelte-headless/slot";
+import { callWidgetFactory } from "../../config";
+import ProgressbarDefaultStructure from "./ProgressbarDefaultStructure.svelte";
+const widget = callWidgetFactory({
+  factory: createProgressbar,
+  widgetName: "progressbar",
+  $$slots,
+  $$props,
+  defaultConfig: {
+    slotStructure: ProgressbarDefaultStructure
+  },
+  events: {}
+});
+const {
+  stores: { slotStructure$, className$ },
+  state$,
+  directives: { ariaDirective }
+} = widget;
+export const api = widget.api;
+$:
+  widget.patchChangedProps($$props);
+$:
+  slotContext = { widget, state: $state$ };
+</script>
+
+<div use:ariaDirective use:__AgnosUISveltePreprocess__classDirective={($className$ || undefined)} {...__AgnosUISveltePreprocess__BROWSER ? {} : __AgnosUISveltePreprocess__ssrAttributes(ariaDirective, [__AgnosUISveltePreprocess__classDirective, ($className$ || undefined)])}>
+	<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="structure" let:state let:widget><slot name="structure" {state} {widget} /></svelte:fragment>
+		</svelte:component>
+	</Slot>
+</div>

package/components/progressbar/Progressbar.svelte.d.ts

@@ -0,0 +1,19 @@
+import { SvelteComponentTyped } from "svelte";
+import { type ProgressbarProps, type ProgressbarSlots, type ProgressbarApi } from './progressbar';
+declare const __propDef: {
+    props: {
+        api?: ProgressbarApi | undefined;
+    } & Partial<ProgressbarProps>;
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: ProgressbarSlots;
+};
+type ProgressbarProps_ = typeof __propDef.props;
+export { ProgressbarProps_ as ProgressbarProps };
+export type ProgressbarEvents = typeof __propDef.events;
+type ProgressbarSlots_ = typeof __propDef.slots;
+export { ProgressbarSlots_ as ProgressbarSlots };
+export default class Progressbar extends SvelteComponentTyped<ProgressbarProps_, ProgressbarEvents, ProgressbarSlots_> {
+    get api(): ProgressbarApi;
+}

package/components/progressbar/ProgressbarDefaultStructure.svelte

@@ -0,0 +1,23 @@
+<script>import { Slot } from "@agnos-ui/svelte-headless/slot";
+export let state;
+export let widget;
+$:
+  slotContext = { widget, state };
+</script>
+
+<div class="progress" style:height={state.height}>
+	<div
+		class={`progress-bar ${state.type ? `text-bg-${state.type}` : ''}`}
+		class:progress-bar-striped={state.striped}
+		class:progress-bar-animated={state.animated}
+		style:width={`${state.percentage}%`}
+	>
+		<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="structure" let:state let:widget><slot name="structure" {state} {widget} /></svelte:fragment>
+			</svelte:component>
+		</Slot>
+	</div>
+</div>

package/components/progressbar/ProgressbarDefaultStructure.svelte.d.ts

@@ -0,0 +1,15 @@
+import { SvelteComponentTyped } from "svelte";
+import type { ProgressbarContext, ProgressbarSlots } from './progressbar';
+declare const __propDef: {
+    props: ProgressbarContext;
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: ProgressbarSlots;
+};
+export type ProgressbarDefaultStructureProps = typeof __propDef.props;
+export type ProgressbarDefaultStructureEvents = typeof __propDef.events;
+export type ProgressbarDefaultStructureSlots = typeof __propDef.slots;
+export default class ProgressbarDefaultStructure extends SvelteComponentTyped<ProgressbarDefaultStructureProps, ProgressbarDefaultStructureEvents, ProgressbarDefaultStructureSlots> {
+}
+export {};

package/components/progressbar/index.d.ts

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

package/components/progressbar/index.js

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

package/components/progressbar/progressbar.d.ts

@@ -0,0 +1,16 @@
+export * from '@agnos-ui/core-bootstrap/components/progressbar';
+import type { AdaptWidgetSlots, WidgetPropsSlots, WidgetFactory, WidgetProps, WidgetState, PropType, AdaptSlotContentProps } from '@agnos-ui/svelte-headless/types';
+import type { ProgressbarWidget as CoreWidget, ProgressbarContext as CoreContext } from '@agnos-ui/core-bootstrap/components/progressbar';
+export interface ProgressbarWidget extends AdaptWidgetSlots<CoreWidget> {
+}
+export interface ProgressbarProps extends WidgetProps<ProgressbarWidget> {
+}
+export interface ProgressbarState extends WidgetState<ProgressbarWidget> {
+}
+export interface ProgressbarApi extends PropType<ProgressbarWidget, 'api'> {
+}
+export interface ProgressbarSlots extends WidgetPropsSlots<ProgressbarProps> {
+}
+export interface ProgressbarContext extends AdaptSlotContentProps<CoreContext> {
+}
+export declare const createProgressbar: WidgetFactory<ProgressbarWidget>;

package/components/progressbar/progressbar.js

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

package/components/rating/Rating.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 { createRating } from "./rating";
+import { callWidgetFactory } from "../../config";
+import { Slot } from "@agnos-ui/svelte-headless/slot";
+export let rating = void 0;
+const widget = callWidgetFactory({
+  factory: createRating,
+  widgetName: "rating",
+  $$slots,
+  $$props,
+  events: {
+    onRatingChange: (value) => {
+      rating = value;
+    }
+  }
+});
+export const api = widget.api;
+const {
+  stores: { visibleRating$, stars$, slotStar$ },
+  directives: { containerDirective, starDirective }
+} = widget;
+$:
+  widget.patchChangedProps($$props);
+</script>
+
+<div use:containerDirective use:__AgnosUISveltePreprocess__classDirective={"d-inline-flex"} {...__AgnosUISveltePreprocess__BROWSER ? {} : __AgnosUISveltePreprocess__ssrAttributes(containerDirective, [__AgnosUISveltePreprocess__classDirective, "d-inline-flex"])}>
+	<!-- on:blur={onTouched} ?? -->
+	{#each $stars$ as { fill, index }}
+		<span class="visually-hidden">({index < $visibleRating$ ? '*' : ' '})</span>
+		<span use:starDirective={{index}} {...__AgnosUISveltePreprocess__BROWSER ? {} : __AgnosUISveltePreprocess__ssrAttributes([starDirective, {index}])}>
+			<Slot slotContent={$slotStar$} props={{fill, index}} let:component let:props>
+				<svelte:fragment slot="slot" let:props><slot name="star" {...props} /></svelte:fragment>
+				<svelte:component this={component} {...props} />
+			</Slot>
+		</span>
+	{/each}
+</div>

package/components/rating/Rating.svelte.d.ts

@@ -0,0 +1,19 @@
+import { SvelteComponentTyped } from "svelte";
+import type { RatingApi, RatingProps, RatingSlots } from './rating';
+declare const __propDef: {
+    props: {
+        api?: RatingApi | undefined;
+    } & Partial<RatingProps>;
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: RatingSlots;
+};
+type RatingProps_ = typeof __propDef.props;
+export { RatingProps_ as RatingProps };
+export type RatingEvents = typeof __propDef.events;
+type RatingSlots_ = typeof __propDef.slots;
+export { RatingSlots_ as RatingSlots };
+export default class Rating extends SvelteComponentTyped<RatingProps_, RatingEvents, RatingSlots_> {
+    get api(): RatingApi;
+}

package/components/rating/index.d.ts

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

package/components/rating/index.js

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

package/components/rating/rating.d.ts

@@ -0,0 +1,14 @@
+export * from '@agnos-ui/core-bootstrap/components/rating';
+import type { AdaptWidgetSlots, WidgetPropsSlots, WidgetFactory, WidgetProps, WidgetState, PropType } from '@agnos-ui/svelte-headless/types';
+import type { RatingWidget as CoreWidget } from '@agnos-ui/core-bootstrap/components/rating';
+export interface RatingWidget extends AdaptWidgetSlots<CoreWidget> {
+}
+export interface RatingProps extends WidgetProps<RatingWidget> {
+}
+export interface RatingState extends WidgetState<RatingWidget> {
+}
+export interface RatingApi extends PropType<RatingWidget, 'api'> {
+}
+export interface RatingSlots extends WidgetPropsSlots<RatingProps> {
+}
+export declare const createRating: WidgetFactory<RatingWidget>;

package/components/rating/rating.js

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