@agnos-ui/core-bootstrap 0.8.0 → 0.9.0-next.0

package/{carousel-DxBhqvpX.cjs → carousel-C-vSnTTq.cjs}

@@ -5,6 +5,7 @@ const tansu = require("@amadeus-it-group/tansu");
 const directive = require("@agnos-ui/core/utils/directive");
 const extendWidget = require("@agnos-ui/core/services/extendWidget");
 const writables = require("@agnos-ui/core/utils/writables");
+const widget = require("@agnos-ui/core/utils/widget");
 const defaultConfigExtraProps = {
   className: "",
   containerClass: "",
@@ -31,35 +32,35 @@ const coreOverride = {
 function getCarouselDefaultConfig() {
   return { ...carousel.getCarouselDefaultConfig(), ...defaultConfigExtraProps };
 }
-function createCarousel(config) {
-  const widget = extendWidget.extendWidgetProps(carousel.createCarousel, defaultConfigExtraProps, configValidator, coreOverride)(config);
+const createCarousel = widget.createWidgetFactory("carousel", (config) => {
+  const widget2 = extendWidget.extendWidgetProps(carousel.createCarousel, defaultConfigExtraProps, configValidator, coreOverride)(config);
   return {
-    ...widget,
+    ...widget2,
     directives: {
-      ...widget.directives,
+      ...widget2.directives,
       root: directive.mergeDirectives(
-        widget.directives.root,
+        widget2.directives.root,
         directive.createAttributesDirective(() => ({
           classNames: {
             carousel: stores.true$
           },
           attributes: {
-            class: widget.stores.className$
+            class: widget2.stores.className$
           }
         }))
       ),
       slide: directive.mergeDirectives(
-        widget.directives.slide,
+        widget2.directives.slide,
         directive.createAttributesDirective((slideData$) => ({
           attributes: {
             class: tansu.computed(() => {
-              const slideClass = widget.stores.slideClass$();
+              const slideClass = widget2.stores.slideClass$();
               if (typeof slideClass === "function") {
                 const slideData = slideData$();
                 return slideClass({
                   id: slideData.id,
                   index: slideData.index,
-                  active: slideData.index === widget.stores.selectedScrollSnap$()
+                  active: slideData.index === widget2.stores.selectedScrollSnap$()
                 });
               } else {
                 return slideClass;
@@ -73,13 +74,13 @@ function createCarousel(config) {
           "au-carousel-container": stores.true$
         },
         attributes: {
-          class: widget.stores.containerClass$,
+          class: widget2.stores.containerClass$,
           "aria-atomic": tansu.readable("false"),
-          "aria-live": widget.stores.ariaLive$
+          "aria-live": widget2.stores.ariaLive$
         }
       }))
     }
   };
-}
+});
 exports.createCarousel = createCarousel;
 exports.getCarouselDefaultConfig = getCarouselDefaultConfig;

package/{carousel-BR8jjX02.js → carousel-CY0kDaVK.js}

@@ -4,6 +4,7 @@ import { readable, computed } from "@amadeus-it-group/tansu";
 import { createAttributesDirective, mergeDirectives } from "@agnos-ui/core/utils/directive";
 import { extendWidgetProps } from "@agnos-ui/core/services/extendWidget";
 import { typeString, typeArray } from "@agnos-ui/core/utils/writables";
+import { createWidgetFactory } from "@agnos-ui/core/utils/widget";
 const defaultConfigExtraProps = {
   className: "",
   containerClass: "",
@@ -30,7 +31,7 @@ const coreOverride = {
 function getCarouselDefaultConfig() {
   return { ...getCarouselDefaultConfig$1(), ...defaultConfigExtraProps };
 }
-function createCarousel(config) {
+const createCarousel = createWidgetFactory("carousel", (config) => {
   const widget = extendWidgetProps(createCarousel$1, defaultConfigExtraProps, configValidator, coreOverride)(config);
   return {
     ...widget,
@@ -79,7 +80,7 @@ function createCarousel(config) {
       }))
     }
   };
-}
+});
 export {
   createCarousel as c,
   getCarouselDefaultConfig as g

package/{collapse-klnTiwop.cjs → collapse-BzcOh2fY.cjs}

@@ -6,6 +6,7 @@ const writables = require("@agnos-ui/core/utils/writables");
 const collapse = require("./collapse-sUYbZqEx.cjs");
 const tansu = require("@amadeus-it-group/tansu");
 const func = require("@agnos-ui/core/utils/func");
+const widget = require("@agnos-ui/core/utils/widget");
 const defaultCollapseConfig = {
   visible: true,
   horizontal: false,
@@ -31,7 +32,7 @@ const commonCollapseConfigValidator = {
   visible: writables.typeBoolean,
   id: writables.typeString
 };
-function createCollapse(config) {
+const createCollapse = widget.createWidgetFactory("collapse", (config) => {
   const [
     { animatedOnInit$, animated$, visible$: requestedVisible$, onVisibleChange$, onHidden$, onShown$, horizontal$, id$: _dirtyId$, ...stateProps },
     patch
@@ -82,6 +83,6 @@ function createCollapse(config) {
       }))
     }
   };
-}
+});
 exports.createCollapse = createCollapse;
 exports.getCollapseDefaultConfig = getCollapseDefaultConfig;

package/{collapse-DgIqRvXl.js → collapse-UxuEGPrW.js}

@@ -5,6 +5,7 @@ import { typeString, typeBoolean, typeFunction } from "@agnos-ui/core/utils/writ
 import { a as collapseHorizontalTransition, c as collapseVerticalTransition } from "./collapse-CVjUhnIz.js";
 import { asWritable, computed } from "@amadeus-it-group/tansu";
 import { noop } from "@agnos-ui/core/utils/func";
+import { createWidgetFactory } from "@agnos-ui/core/utils/widget";
 const defaultCollapseConfig = {
   visible: true,
   horizontal: false,
@@ -30,7 +31,7 @@ const commonCollapseConfigValidator = {
   visible: typeBoolean,
   id: typeString
 };
-function createCollapse(config) {
+const createCollapse = createWidgetFactory("collapse", (config) => {
   const [
     { animatedOnInit$, animated$, visible$: requestedVisible$, onVisibleChange$, onHidden$, onShown$, horizontal$, id$: _dirtyId$, ...stateProps },
     patch
@@ -81,7 +82,7 @@ function createCollapse(config) {
       }))
     }
   };
-}
+});
 export {
   createCollapse as c,
   getCollapseDefaultConfig as g

package/components/carousel/carousel.d.ts

@@ -1,4 +1,4 @@
-import type { Directive, PropsConfig, SlotContent, Widget, WidgetSlotContext } from '@agnos-ui/core/types';
+import type { Directive, PropsConfig, SlotContent, Widget, WidgetFactory, WidgetSlotContext } from '@agnos-ui/core/types';
 import type { CarouselProps as CoreProps, CarouselState as CoreState, CarouselApi, CarouselDirectives as CoreDirectives } from '@agnos-ui/core/components/carousel';
 export * from '@agnos-ui/core/components/carousel';
 /**
@@ -127,6 +127,8 @@ export declare function getCarouselDefaultConfig(): CarouselProps<any>;
  * @param config - an optional carousel config
  * @returns a CarouselWidget
  */
-export declare function createCarousel<SlideData extends {
+export declare const createCarousel: WidgetFactory<CarouselWidget<{
     id: string;
-}>(config?: PropsConfig<CarouselProps<SlideData>>): CarouselWidget<SlideData>;
+}>, <SlideData extends {
+    id: string;
+}>(config?: PropsConfig<CarouselProps<SlideData>>) => CarouselWidget<SlideData>>;

package/components/carousel/index.cjs

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const carousel = require("../../carousel-DxBhqvpX.cjs");
+const carousel = require("../../carousel-C-vSnTTq.cjs");
 const carousel$1 = require("@agnos-ui/core/components/carousel");
 exports.createCarousel = carousel.createCarousel;
 exports.getCarouselDefaultConfig = carousel.getCarouselDefaultConfig;

package/components/carousel/index.js

@@ -1,4 +1,4 @@
-import { c, g } from "../../carousel-BR8jjX02.js";
+import { c, g } from "../../carousel-CY0kDaVK.js";
 export * from "@agnos-ui/core/components/carousel";
 export {
   c as createCarousel,

package/components/collapse/collapse.d.ts

@@ -1,4 +1,4 @@
-import type { Directive, PropsConfig, Widget } from '@agnos-ui/core/types';
+import type { Directive, Widget, WidgetFactory } from '@agnos-ui/core/types';
 /**
  * Interface representing the common properties and state for a collapse component.
  */
@@ -132,4 +132,4 @@ export declare function getCollapseDefaultConfig(): CollapseProps;
  * @param config - an optional collapse config
  * @returns an CollapseWidget
  */
-export declare function createCollapse(config?: PropsConfig<CollapseProps>): CollapseWidget;
+export declare const createCollapse: WidgetFactory<CollapseWidget>;

package/components/collapse/index.cjs

@@ -1,5 +1,5 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const collapse = require("../../collapse-klnTiwop.cjs");
+const collapse = require("../../collapse-BzcOh2fY.cjs");
 exports.createCollapse = collapse.createCollapse;
 exports.getCollapseDefaultConfig = collapse.getCollapseDefaultConfig;

package/components/collapse/index.js

@@ -1,4 +1,4 @@
-import { c, g } from "../../collapse-DgIqRvXl.js";
+import { c, g } from "../../collapse-UxuEGPrW.js";
 export {
   c as createCollapse,
   g as getCollapseDefaultConfig

package/index.cjs

@@ -9,9 +9,9 @@ const rating = require("./rating-C5NZjIRx.cjs");
 const select = require("./select-AtIM2x7x.cjs");
 const slider = require("./slider-CosrWCnn.cjs");
 const toast = require("./toast-C4gj0rX-.cjs");
-const collapse = require("./collapse-klnTiwop.cjs");
+const collapse = require("./collapse-BzcOh2fY.cjs");
 const tree = require("./tree-DuY7bsYo.cjs");
-const carousel = require("./carousel-DxBhqvpX.cjs");
+const carousel = require("./carousel-C-vSnTTq.cjs");
 const collapse$1 = require("./collapse-sUYbZqEx.cjs");
 const fade = require("./fade-CJ0jXGio.cjs");
 const types = require("./types.cjs");

package/index.js

@@ -7,9 +7,9 @@ import { c as c6, g as g6 } from "./rating-hovacUx0.js";
 import { c as c7, g as g7 } from "./select-CLjBDJ3a.js";
 import { c as c8, g as g8 } from "./slider-Bj081WdM.js";
 import { c as c9, g as g9, t } from "./toast-Dggjpjqk.js";
-import { c as c10, g as g10 } from "./collapse-DgIqRvXl.js";
+import { c as c10, g as g10 } from "./collapse-UxuEGPrW.js";
 import { c as c11, g as g11 } from "./tree-Be8WJS8u.js";
-import { c as c12, g as g12 } from "./carousel-BR8jjX02.js";
+import { c as c12, g as g12 } from "./carousel-CY0kDaVK.js";
 import { a as a2, c as c13 } from "./collapse-CVjUhnIz.js";
 import { f } from "./fade-uOobJKgw.js";
 import { BS_CONTEXTUAL_CLASSES } from "./types.js";

package/package.json

@@ -1,7 +1,7 @@
 {
 	"name": "@agnos-ui/core-bootstrap",
 	"description": "Styles and component interface extensions necessary to use AgnosUI with Bootstrap.",
-	"version": "0.8.0",
+	"version": "0.9.0-next.0",
 	"keywords": [
 		"bootstrap",
 		"css",
@@ -62,7 +62,7 @@
 		}
 	},
 	"dependencies": {
-		"@agnos-ui/core": "0.8.0"
+		"@agnos-ui/core": "0.9.0-next.0"
 	},
 	"peerDependencies": {
 		"@amadeus-it-group/tansu": "^2.0.0"