@agnos-ui/angular-bootstrap 0.9.0-next.0 → 0.9.1

package/fesm2022/agnos-ui-angular-bootstrap.mjs

@@ -1,7 +1,7 @@
 import { widgetsConfigFactory, SlotDirective, UseDirective, ComponentTemplate, BaseWidgetDirective, auBooleanAttribute, UseMultiDirective, auNumberAttribute, useDirectiveForHost, callWidgetFactory as callWidgetFactory$1, ToasterService as ToasterService$1 } from '@agnos-ui/angular-headless';
 export * from '@agnos-ui/angular-headless';
 import * as i0 from '@angular/core';
-import { InjectionToken, inject, TemplateRef, Directive, viewChild, ChangeDetectionStrategy, Component, input, contentChild, output, ViewEncapsulation, forwardRef, Injector, runInInjectionContext, Injectable, computed, effect, NgModule, ApplicationRef, createComponent, EnvironmentInjector, OutputEmitterRef } from '@angular/core';
+import { InjectionToken, inject, TemplateRef, Directive, viewChild, ChangeDetectionStrategy, Component, input, contentChild, output, ViewEncapsulation, forwardRef, Injector, runInInjectionContext, Injectable, computed, effect, NgModule, ApplicationRef, createComponent, outputBinding, inputBinding, EnvironmentInjector } from '@angular/core';
 import { getModalDefaultConfig, createModal, modalOutsideClick, modalCloseButtonClick } from '@agnos-ui/core-bootstrap/components/modal';
 import { getPaginationDefaultConfig, createPagination } from '@agnos-ui/core-bootstrap/components/pagination';
 import { NG_VALUE_ACCESSOR } from '@angular/forms';
@@ -3078,7 +3078,7 @@ function SliderDefaultStructureSlotComponent_ng_template_0_Template(rf, ctx) { i
 } }
 const _c11 = ["auSlider", ""];
 const _c12 = (a0, a1, a2) => ({ state: a0, api: a1, directives: a2 });
-function SliderComponent_ng_template_0_Template(rf, ctx) { }
+function SliderComponent_ng_template_1_Template(rf, ctx) { }
 /**
  * Directive to provide a template reference for slider labels.
  *
@@ -3336,7 +3336,7 @@ class SliderComponent extends BaseWidgetDirective {
                 },
             },
             afterInit: (widget) => {
-                useDirectiveForHost(widget.directives.sliderDirective);
+                useDirectiveForHost(widget.directives.containerDirective);
             },
             slotTemplates: () => ({
                 structure: this.slotStructureFromContent()?.templateRef,
@@ -3363,6 +3363,27 @@ class SliderComponent extends BaseWidgetDirective {
          * @defaultValue `100`
          */
         this.max = input(undefined, { alias: 'auMax', transform: auNumberAttribute });
+        /**
+         * Minimum distance between two values.
+         * When set to 0, no minimum distance constraint is applied.
+         *
+         * @defaultValue 0
+         */
+        this.minRange = input(undefined, { alias: 'auMinRange', transform: auNumberAttribute });
+        /**
+         * Maximum distance between two values
+         * When set to 0, no maximum distance constraint is applied.
+         *
+         * @defaultValue 0
+         */
+        this.maxRange = input(undefined, { alias: 'auMaxRange', transform: auNumberAttribute });
+        /**
+         * When true, if moving a value would break the minRange or maxRange constraint,
+         * it will instead push or pull the neighboring values to keep the allowed range rather than just stopping.
+         *
+         * @defaultValue false
+         */
+        this.pushRange = input(undefined, { alias: 'auPushRange', transform: auBooleanAttribute });
         /**
          * Unit value between slider steps
          *
@@ -3539,11 +3560,15 @@ class SliderComponent extends BaseWidgetDirective {
             i0.ɵɵqueryAdvance(4);
         } }, hostBindings: function SliderComponent_HostBindings(rf, ctx) { if (rf & 1) {
             i0.ɵɵlistener("blur", function SliderComponent_blur_HostBindingHandler() { return ctx.handleBlur(); });
-        } }, inputs: { className: [1, "auClassName", "className"], min: [1, "auMin", "min"], max: [1, "auMax", "max"], stepSize: [1, "auStepSize", "stepSize"], values: [1, "auValues", "values"], rtl: [1, "auRtl", "rtl"], showValueLabels: [1, "auShowValueLabels", "showValueLabels"], showMinMaxLabels: [1, "auShowMinMaxLabels", "showMinMaxLabels"], ariaLabel: [1, "auAriaLabel", "ariaLabel"], ariaLabelledBy: [1, "auAriaLabelledBy", "ariaLabelledBy"], ariaValueText: [1, "auAriaValueText", "ariaValueText"], readonly: [1, "auReadonly", "readonly"], disabled: [1, "auDisabled", "disabled"], vertical: [1, "auVertical", "vertical"], showTicks: [1, "auShowTicks", "showTicks"], tickInterval: [1, "auTickInterval", "tickInterval"], showTickValues: [1, "auShowTickValues", "showTickValues"], label: [1, "auLabel", "label"], structure: [1, "auStructure", "structure"], handle: [1, "auHandle", "handle"], tick: [1, "auTick", "tick"] }, outputs: { valuesChange: "auValuesChange" }, features: [i0.ɵɵProvidersFeature([{ provide: NG_VALUE_ACCESSOR, useExisting: forwardRef(() => SliderComponent), multi: true }]), i0.ɵɵInheritDefinitionFeature], attrs: _c11, decls: 1, vars: 6, consts: [[3, "auSlot", "auSlotProps"]], template: function SliderComponent_Template(rf, ctx) { if (rf & 1) {
-            i0.ɵɵtemplate(0, SliderComponent_ng_template_0_Template, 0, 0, "ng-template", 0);
+        } }, inputs: { className: [1, "auClassName", "className"], min: [1, "auMin", "min"], max: [1, "auMax", "max"], minRange: [1, "auMinRange", "minRange"], maxRange: [1, "auMaxRange", "maxRange"], pushRange: [1, "auPushRange", "pushRange"], stepSize: [1, "auStepSize", "stepSize"], values: [1, "auValues", "values"], rtl: [1, "auRtl", "rtl"], showValueLabels: [1, "auShowValueLabels", "showValueLabels"], showMinMaxLabels: [1, "auShowMinMaxLabels", "showMinMaxLabels"], ariaLabel: [1, "auAriaLabel", "ariaLabel"], ariaLabelledBy: [1, "auAriaLabelledBy", "ariaLabelledBy"], ariaValueText: [1, "auAriaValueText", "ariaValueText"], readonly: [1, "auReadonly", "readonly"], disabled: [1, "auDisabled", "disabled"], vertical: [1, "auVertical", "vertical"], showTicks: [1, "auShowTicks", "showTicks"], tickInterval: [1, "auTickInterval", "tickInterval"], showTickValues: [1, "auShowTickValues", "showTickValues"], label: [1, "auLabel", "label"], structure: [1, "auStructure", "structure"], handle: [1, "auHandle", "handle"], tick: [1, "auTick", "tick"] }, outputs: { valuesChange: "auValuesChange" }, features: [i0.ɵɵProvidersFeature([{ provide: NG_VALUE_ACCESSOR, useExisting: forwardRef(() => SliderComponent), multi: true }]), i0.ɵɵInheritDefinitionFeature], attrs: _c11, decls: 2, vars: 7, consts: [[3, "auUse"], [3, "auSlot", "auSlotProps"]], template: function SliderComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵelementStart(0, "div", 0);
+            i0.ɵɵtemplate(1, SliderComponent_ng_template_1_Template, 0, 0, "ng-template", 1);
+            i0.ɵɵelementEnd();
         } if (rf & 2) {
-            i0.ɵɵproperty("auSlot", ctx.state.structure())("auSlotProps", i0.ɵɵpureFunction3(2, _c12, ctx.state, ctx.api, ctx.directives));
-        } }, dependencies: [SlotDirective], encapsulation: 2, changeDetection: 0 }); }
+            i0.ɵɵproperty("auUse", ctx.directives.sliderDirective);
+            i0.ɵɵadvance();
+            i0.ɵɵproperty("auSlot", ctx.state.structure())("auSlotProps", i0.ɵɵpureFunction3(3, _c12, ctx.state, ctx.api, ctx.directives));
+        } }, dependencies: [SlotDirective, UseDirective], encapsulation: 2, changeDetection: 0 }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SliderComponent, [{
         type: Component,
@@ -3552,14 +3577,18 @@ class SliderComponent extends BaseWidgetDirective {
                 changeDetection: ChangeDetectionStrategy.OnPush,
                 encapsulation: ViewEncapsulation.None,
                 providers: [{ provide: NG_VALUE_ACCESSOR, useExisting: forwardRef(() => SliderComponent), multi: true }],
-                imports: [SlotDirective],
+                imports: [SlotDirective, UseDirective],
                 host: {
                     '(blur)': 'handleBlur()',
                 },
-                template: ` <ng-template [auSlot]="state.structure()" [auSlotProps]="{state, api, directives}" /> `,
+                template: `
+		<div [auUse]="directives.sliderDirective">
+			<ng-template [auSlot]="state.structure()" [auSlotProps]="{state, api, directives}" />
+		</div>
+	`,
             }]
     }], () => [], null); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SliderComponent, { className: "SliderComponent", filePath: "components/slider/slider.component.ts", lineNumber: 225 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SliderComponent, { className: "SliderComponent", filePath: "components/slider/slider.component.ts", lineNumber: 229 }); })();
 
 /**
  * Retrieve a shallow copy of the default Progressbar config
@@ -5509,30 +5538,22 @@ class ModalService {
         const component = createComponent(ModalComponent, {
             environmentInjector: injector.get(EnvironmentInjector),
             elementInjector: injector,
-        });
-        const subscriptions = [];
-        try {
-            for (const [prop, value] of Object.entries(options)) {
-                if (prop.startsWith('on')) {
-                    const eventName = `${prop[2].toLowerCase()}${prop.substring(3)}`;
-                    const eventEmitter = component.instance[eventName];
-                    if (eventEmitter instanceof OutputEmitterRef) {
-                        subscriptions.push(eventEmitter.subscribe(value));
-                    }
+            bindings: Object.entries(options).map(([key, value]) => {
+                if (key.startsWith('on')) {
+                    return outputBinding(`au${key.substring(2)}`, value);
                 }
                 else {
-                    component.setInput(`au${prop.substring(0, 1).toUpperCase()}${prop.substring(1)}`, value);
+                    return inputBinding(`au${key[0].toUpperCase()}${key.substring(1)}`, () => value);
                 }
-            }
+            }),
+        });
+        try {
             this._applicationRef.attachView(component.hostView);
             await component.instance['_widget'].initialized;
             return await component.instance.api.open();
         }
         finally {
             component.destroy();
-            for (const subscription of subscriptions) {
-                subscription.unsubscribe();
-            }
         }
     }
     static { this.ɵfac = function ModalService_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || ModalService)(); }; }