@agnos-ui/svelte-bootstrap 0.3.0 → 0.4.0-next.0

package/components/toast/toast.gen.d.ts

@@ -0,0 +1,146 @@
+import type { WidgetSlotContext, SlotContent, Widget, Directive } from '@agnos-ui/svelte-headless/types';
+import type { TransitionFn } from '@agnos-ui/svelte-headless/services/transitions/baseTransitions';
+export type ToastContext = WidgetSlotContext<ToastWidget>;
+export interface ToastState {
+    /**
+     * Is `true` when the alert is hidden. Compared to `visible`, this is updated after the transition is executed.
+     */
+    hidden: boolean;
+    /**
+     * If `true`, alert can be dismissed by the user.
+     * The close button (×) will be displayed and you can be notified of the event with the (close) output.
+     */
+    dismissible: boolean;
+    /**
+     * If `true` the alert is visible to the user
+     */
+    visible: boolean;
+    /**
+     * Accessibility close button label
+     */
+    ariaCloseButtonLabel: string;
+    /**
+     * CSS classes to be applied on the widget main container
+     */
+    className: string;
+    /**
+     * If `true` automatically hides the toast after the delay.
+     */
+    autoHide: boolean;
+    /**
+     * Delay in milliseconds before hiding the toast.
+     */
+    delay: number;
+    /**
+     * Global template for the toast component
+     */
+    structure: SlotContent<ToastContext>;
+    /**
+     * Template for the toast content
+     */
+    children: SlotContent<ToastContext>;
+    /**
+     * Header template for the toast component
+     */
+    header: SlotContent<ToastContext>;
+}
+export interface ToastProps {
+    /**
+     * Callback called when the alert visibility changed.
+     */
+    onVisibleChange: (visible: boolean) => void;
+    /**
+     * Callback called when the alert is hidden.
+     */
+    onHidden: () => void;
+    /**
+     * Callback called when the alert is shown.
+     */
+    onShown: () => void;
+    /**
+     * The transition function will be executed when the alert is displayed or hidden.
+     *
+     * Depending on the value of `animatedOnInit`, the animation can be optionally skipped during the showing process.
+     */
+    transition: TransitionFn;
+    /**
+     * If `true`, alert opening will be animated.
+     *
+     * Animation is triggered  when the `.open()` function is called
+     * or the visible prop is changed
+     */
+    animatedOnInit: boolean;
+    /**
+     * If `true`, alert closing will be animated.
+     *
+     * Animation is triggered  when clicked on the close button (×),
+     * via the `.close()` function or the visible prop is changed
+     */
+    animated: boolean;
+    /**
+     * If `true`, alert can be dismissed by the user.
+     * The close button (×) will be displayed and you can be notified of the event with the (close) output.
+     */
+    dismissible: boolean;
+    /**
+     * If `true` the alert is visible to the user
+     */
+    visible: boolean;
+    /**
+     * Accessibility close button label
+     */
+    ariaCloseButtonLabel: string;
+    /**
+     * CSS classes to be applied on the widget main container
+     */
+    className: string;
+    /**
+     * If `true` automatically hides the toast after the delay.
+     */
+    autoHide: boolean;
+    /**
+     * Delay in milliseconds before hiding the toast.
+     */
+    delay: number;
+    /**
+     * Global template for the toast component
+     */
+    structure: SlotContent<ToastContext>;
+    /**
+     * Template for the toast content
+     */
+    children: SlotContent<ToastContext>;
+    /**
+     * Header template for the toast component
+     */
+    header: SlotContent<ToastContext>;
+}
+export type ToastWidget = Widget<ToastProps, ToastState, ToastApi, object, ToastDirectives>;
+export interface ToastApi {
+    /**
+     * Triggers alert closing programmatically (same as clicking on the close button (×)).
+     */
+    close(): void;
+    /**
+     * Triggers the alert to be displayed for the user.
+     */
+    open(): void;
+}
+export interface ToastDirectives {
+    /**
+     * the transition directive, piloting what is the visual effect of going from hidden to visible
+     */
+    transitionDirective: Directive;
+    /**
+     * Directive that handles the autohide of the toast component
+     */
+    autoHideDirective: Directive;
+    /**
+     * Directive that adds all the necessary attributes to the body
+     */
+    bodyDirective: Directive;
+    /**
+     * Directive that adds all the necessary attributes to the close button depending on the presence of the header
+     */
+    closeButtonDirective: Directive;
+}

package/components/toast/toast.gen.js

@@ -0,0 +1 @@
+export {};

package/components/toast/toast.js

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

package/config.d.ts

@@ -1,11 +1,9 @@
 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 { SlotsPresent, Widget, WidgetFactory, WidgetProps } from '@agnos-ui/svelte-headless/types';
 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]>;
-};
+import type { WidgetsConfig } from './config.gen';
+export type { WidgetsConfig };
 type WidgetFactoryInput<W extends Widget> = {
     factory: WidgetFactory<W>;
     widgetName?: null | keyof WidgetsConfig;
@@ -16,6 +14,6 @@ type WidgetFactoryInput<W extends Widget> = {
 };
 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 & {
+export declare const widgetsDefaultConfigKey: symbol, createWidgetsDefaultConfig: CreateWidgetsDefaultConfig, getContextWidgetConfig: <N extends keyof WidgetsConfig>(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.gen.d.ts

@@ -0,0 +1,47 @@
+import type { AccordionProps } from './components/accordion';
+import type { AlertProps } from './components/alert';
+import type { ModalProps } from './components/modal';
+import type { PaginationProps } from './components/pagination';
+import type { ProgressbarProps } from './components/progressbar';
+import type { RatingProps } from './components/rating';
+import type { SelectProps } from './components/select';
+import type { SliderProps } from './components/slider';
+import type { ToastProps } from './components/toast';
+export type WidgetsConfig = {
+    /**
+     * the accordion widget config
+     */
+    accordion: AccordionProps;
+    /**
+     * the alert widget config
+     */
+    alert: AlertProps;
+    /**
+     * the modal widget config
+     */
+    modal: ModalProps<any>;
+    /**
+     * the pagination widget config
+     */
+    pagination: PaginationProps;
+    /**
+     * the progressbar widget config
+     */
+    progressbar: ProgressbarProps;
+    /**
+     * the rating widget config
+     */
+    rating: RatingProps;
+    /**
+     * the select widget config
+     */
+    select: SelectProps<any>;
+    /**
+     * the slider widget config
+     */
+    slider: SliderProps;
+    /**
+     * the toast widget config
+     */
+    toast: ToastProps;
+};

package/config.gen.js

@@ -0,0 +1 @@
+export {};

package/generated/index.d.ts

@@ -2,7 +2,6 @@ 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';

package/generated/index.js

@@ -2,7 +2,6 @@ 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';

package/package.json

@@ -1,7 +1,7 @@
 {
 	"name": "@agnos-ui/svelte-bootstrap",
 	"description": "Bootstrap-based widget library for Svelte.",
-	"version": "0.3.0",
+	"version": "0.4.0-next.0",
 	"type": "module",
 	"main": "./index.js",
 	"module": "./index.js",
@@ -49,13 +49,13 @@
 		}
 	},
 	"dependencies": {
-		"@agnos-ui/core-bootstrap": "0.3.0",
-		"@agnos-ui/svelte-headless": "0.3.0"
+		"@agnos-ui/core-bootstrap": "0.4.0-next.0",
+		"@agnos-ui/svelte-headless": "0.4.0-next.0"
 	},
 	"peerDependencies": {
-		"@amadeus-it-group/tansu": "*",
-		"esm-env": "*",
-		"svelte": "*"
+		"@amadeus-it-group/tansu": "^1.0.0",
+		"esm-env": "^1.0.0",
+		"svelte": "^4.2.18"
 	},
 	"sideEffects": false,
 	"homepage": "https://amadeusitgroup.github.io/AgnosUI/latest/",

package/generated/Slot.svelte.d.ts

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