@bootkit/ng0 0.0.0-alpha.1

package/esm2022/tooltip/tooltip.directive.mjs

@@ -0,0 +1,93 @@
+import { Directive, HostListener, input } from '@angular/core';
+import { ComponentPortal } from '@angular/cdk/portal';
+import { TooltipWrapperComponent } from './tooltip-wrapper/tooltip-wrapper.component';
+import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/cdk/overlay";
+export class TooltipDirective {
+    overlayService;
+    elementRef;
+    destroyRef;
+    viewRef;
+    content = input(undefined, { alias: 'ng0Tooltip' });
+    placement = input('bottom');
+    portal;
+    overlayRef;
+    constructor(overlayService, elementRef, destroyRef, viewRef) {
+        this.overlayService = overlayService;
+        this.elementRef = elementRef;
+        this.destroyRef = destroyRef;
+        this.viewRef = viewRef;
+    }
+    ngOnInit() {
+        this.portal = new ComponentPortal(TooltipWrapperComponent, this.viewRef);
+    }
+    onMouseEnter() {
+        this.createOverlay();
+    }
+    onMouseLeave() {
+        this.disposeOverlay();
+    }
+    createOverlay() {
+        let wrapperInstance;
+        const scrollStrategy = this.overlayService.scrollStrategies.reposition();
+        const positionStrategy = this.overlayService.position().flexibleConnectedTo(this.elementRef).withPositions(this.getPositions());
+        positionStrategy.positionChanges.pipe(takeUntilDestroyed(this.destroyRef)).subscribe(p => {
+            wrapperRef.instance.set(this.content(), p.connectionPair.key);
+        });
+        this.overlayRef = this.overlayService.create({ scrollStrategy, positionStrategy });
+        let wrapperRef = this.overlayRef.attach(this.portal);
+        wrapperRef.instance.set(this.content(), this.placement());
+    }
+    disposeOverlay() {
+        if (this.overlayRef) {
+            this.overlayRef.dispose();
+            this.overlayRef = undefined;
+        }
+    }
+    getPositions() {
+        const c = 'center', t = 'top', b = 'bottom', s = 'start', e = 'end';
+        const top = { key: t, originX: c, originY: t, overlayX: c, overlayY: b, };
+        const bottom = { key: b, originX: c, originY: b, overlayX: c, overlayY: t, };
+        const start = { key: s, originX: s, originY: c, overlayX: e, overlayY: c, };
+        const end = { key: e, originX: e, originY: c, overlayX: s, overlayY: c, };
+        let positions;
+        switch (this.placement()) {
+            case 'bottom':
+                positions = [bottom, top];
+                break;
+            case 'start':
+                positions = [start, start];
+                break;
+            case 'end':
+                positions = [end, start];
+                break;
+            case 'top':
+                positions = [top, bottom];
+                break;
+            default:
+                positions = [bottom, top];
+        }
+        return positions;
+    }
+    ngOnDestroy() {
+        this.disposeOverlay();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.11", ngImport: i0, type: TooltipDirective, deps: [{ token: i1.Overlay }, { token: i0.ElementRef }, { token: i0.DestroyRef }, { token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "18.2.11", type: TooltipDirective, isStandalone: true, selector: "[ng0Tooltip]", inputs: { content: { classPropertyName: "content", publicName: "ng0Tooltip", isSignal: true, isRequired: false, transformFunction: null }, placement: { classPropertyName: "placement", publicName: "placement", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "mouseenter": "onMouseEnter()", "mouseleave": "onMouseLeave()" } }, exportAs: ["ng0Tooltip"], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.11", ngImport: i0, type: TooltipDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[ng0Tooltip]',
+                    exportAs: 'ng0Tooltip',
+                    standalone: true
+                }]
+        }], ctorParameters: () => [{ type: i1.Overlay }, { type: i0.ElementRef }, { type: i0.DestroyRef }, { type: i0.ViewContainerRef }], propDecorators: { onMouseEnter: [{
+                type: HostListener,
+                args: ['mouseenter']
+            }], onMouseLeave: [{
+                type: HostListener,
+                args: ['mouseleave']
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidG9vbHRpcC5kaXJlY3RpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9wcm9qZWN0cy9uZzAvdG9vbHRpcC90b29sdGlwLmRpcmVjdGl2ZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0gsU0FBUyxFQUF3RCxZQUFZLEVBQzdFLEtBQUssRUFFUixNQUFNLGVBQWUsQ0FBQztBQUV2QixPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0scUJBQXFCLENBQUM7QUFDdEQsT0FBTyxFQUFFLHVCQUF1QixFQUFFLE1BQU0sNkNBQTZDLENBQUM7QUFFdEYsT0FBTyxFQUFFLGtCQUFrQixFQUFFLE1BQU0sNEJBQTRCLENBQUM7OztBQU9oRSxNQUFNLE9BQU8sZ0JBQWdCO0lBT2I7SUFDQTtJQUNBO0lBQ0E7SUFUTCxPQUFPLEdBQUcsS0FBSyxDQUErQyxTQUFTLEVBQUUsRUFBRSxLQUFLLEVBQUUsWUFBWSxFQUFFLENBQUMsQ0FBQztJQUNsRyxTQUFTLEdBQUcsS0FBSyxDQUFtQixRQUFRLENBQUMsQ0FBQztJQUM3QyxNQUFNLENBQTRDO0lBQ2xELFVBQVUsQ0FBYztJQUVoQyxZQUNZLGNBQXVCLEVBQ3ZCLFVBQXNCLEVBQ3RCLFVBQXNCLEVBQ3RCLE9BQXlCO1FBSHpCLG1CQUFjLEdBQWQsY0FBYyxDQUFTO1FBQ3ZCLGVBQVUsR0FBVixVQUFVLENBQVk7UUFDdEIsZUFBVSxHQUFWLFVBQVUsQ0FBWTtRQUN0QixZQUFPLEdBQVAsT0FBTyxDQUFrQjtJQUNyQyxDQUFDO0lBRUQsUUFBUTtRQUNKLElBQUksQ0FBQyxNQUFNLEdBQUcsSUFBSSxlQUFlLENBQUMsdUJBQXVCLEVBQUUsSUFBSSxDQUFDLE9BQU8sQ0FBQyxDQUFDO0lBQzdFLENBQUM7SUFHTyxZQUFZO1FBQ2hCLElBQUksQ0FBQyxhQUFhLEVBQUUsQ0FBQztJQUN6QixDQUFDO0lBR08sWUFBWTtRQUNoQixJQUFJLENBQUMsY0FBYyxFQUFFLENBQUM7SUFD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ekIsTUFBTTtZQUNWLEtBQUssS0FBSztnQkFDTixTQUFTLEdBQUcsQ0FBQyxHQUFHLEVBQUUsTUFBTSxDQUFDLENBQUM7Z0JBQzFCLE1BQU07WUFDVjtnQkFDSSxTQUFTLEdBQUcsQ0FBQyxNQUFNLEVBQUUsR0FBRyxDQUFDLENBQUM7UUFDbEMsQ0FBQztRQUVELE9BQU8sU0FBUyxDQUFDO0lBQ3JCLENBQUM7SUFFRCxXQUFXO1FBQ1AsSUFBSSxDQUFDLGNBQWMsRUFBRSxDQUFDO0lBQzFCLENBQUM7d0dBaEZRLGdCQUFnQjs0RkFBaEIsZ0JBQWdCOzs0RkFBaEIsZ0JBQWdCO2tCQUw1QixTQUFTO21CQUFDO29CQUNQLFFBQVEsRUFBRSxjQUFjO29CQUN4QixRQUFRLEVBQUUsWUFBWTtvQkFDdEIsVUFBVSxFQUFFLElBQUk7aUJBQ25COzZKQW1CVyxZQUFZO3NCQURuQixZQUFZO3VCQUFDLFlBQVk7Z0JBTWxCLFlBQVk7c0JBRG5CLFlBQVk7dUJBQUMsWUFBWSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XHJcbiAgICBEaXJlY3RpdmUsIFRlbXBsYXRlUmVmLCBWaWV3Q29udGFpbmVyUmVmLCBPbkRlc3Ryb3ksIEVsZW1lbnRSZWYsIEhvc3RMaXN0ZW5lciwgT25Jbml0LFxyXG4gICAgaW5wdXQsXHJcbiAgICBEZXN0cm95UmVmXHJcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IE92ZXJsYXksIE92ZXJsYXlSZWYgfSBmcm9tICdAYW5ndWxhci9jZGsvb3ZlcmxheSc7XHJcbmltcG9ydCB7IENvbXBvbmVudFBvcnRhbCB9IGZyb20gJ0Bhbmd1bGFyL2Nkay9wb3J0YWwnO1xyXG5pbXBvcnQgeyBUb29sdGlwV3JhcHBlckNvbXBvbmVudCB9IGZyb20gJy4vdG9vbHRpcC13cmFwcGVyL3Rvb2x0aXAtd3JhcHBlci5jb21wb25lbnQnO1xyXG5pbXBvcnQgeyBUb29sdGlwUGxhY2VtZW50IH0gZnJvbSAnLi90eXBlcyc7XHJcbmltcG9ydCB7IHRha2VVbnRpbERlc3Ryb3llZCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUvcnhqcy1pbnRlcm9wJztcclxuXHJcbkBEaXJlY3RpdmUoe1xyXG4gICAgc2VsZWN0b3I6ICdbbmcwVG9vbHRpcF0nLFxyXG4gICAgZXhwb3J0QXM6ICduZzBUb29sdGlwJyxcclxuICAgIHN0YW5kYWxvbmU6IHRydWVcclxufSlcclxuZXhwb3J0IGNsYXNzIFRvb2x0aXBEaXJlY3RpdmUgaW1wbGVtZW50cyBPbkluaXQsIE9uRGVzdHJveSB7XHJcbiAgICBwdWJsaWMgY29udGVudCA9IGlucHV0PHN0cmluZyB8IFRlbXBsYXRlUmVmPGFueT4gfCB1bmRlZmluZWQgfCBudWxsPih1bmRlZmluZWQsIHsgYWxpYXM6ICduZzBUb29sdGlwJyB9KTtcclxuICAgIHB1YmxpYyBwbGFjZW1lbnQgPSBpbnB1dDxUb29sdGlwUGxhY2VtZW50PignYm90dG9tJyk7XHJcbiAgICBwcml2YXRlIHBvcnRhbCE6IENvbXBvbmVudFBvcnRhbDxUb29sdGlwV3JhcHBlckNvbXBvbmVudD47XHJcbiAgICBwcml2YXRlIG92ZXJsYXlSZWY/OiBPdmVybGF5UmVmO1xyXG5cclxuICAgIGNvbnN0cnVjdG9yKFxyXG4gICAgICAgIHByaXZhdGUgb3ZlcmxheVNlcnZpY2U6IE92ZXJsYXksXHJcbiAgICAgICAgcHJpdmF0ZSBlbGVtZW50UmVmOiBFbGVtZW50UmVmLFxyXG4gICAgICAgIHByaXZhdGUgZGVzdHJveVJlZjogRGVzdHJveVJlZixcclxuICAgICAgICBwcml2YXRlIHZpZXdSZWY6IFZpZXdDb250YWluZXJSZWYpIHtcclxuICAgIH1cclxuXHJcbiAgICBuZ09uSW5pdCgpOiB2b2lkIHtcclxuICAgICAgICB0aGlzLnBvcnRhbCA9IG5ldyBDb21wb25lbnRQb3J0YWwoVG9vbHRpcFdyYXBwZXJDb21wb25lbnQsIHRoaXMudmlld1JlZik7XHJcbiAgICB9XHJcblxyXG4gICAgQEhvc3RMaXN0ZW5lcignbW91c2VlbnRlcicpIFxyXG4gICAgcHJpdmF0ZSBvbk1vdXNlRW50ZXIoKTogdm9pZCB7XHJcbiAgICAgICAgdGhpcy5jcmVhdGVPdmVybGF5KCk7XHJcbiAgICB9XHJcblxyXG4gICAgQEhvc3RMaXN0ZW5lcignbW91c2VsZWF2ZScpIFxyXG4gICAgcHJpdmF0ZSBvbk1vdXNlTGVhdmUoKTogdm9pZCB7XHJcbiAgICAgICAgdGhpcy5kaXNwb3NlT3ZlcmxheSgpO1xyXG4gICAgfVxyXG5cclxuICAgIHByaXZhdGUgY3JlYXRlT3ZlcmxheSgpOiB2b2lkIHtcclxuICAgICAgICBsZXQgd3JhcHBlckluc3RhbmNlOiBUb29sdGlwV3JhcHBlckNvbXBvbmVudDtcclxuXHJcbiAgICAgICAgY29uc3Qgc2Nyb2xsU3RyYXRlZ3kgPSB0aGlzLm92ZXJsYXlTZXJ2aWNlLnNjcm9sbFN0cmF0ZWdpZXMucmVwb3NpdGlvbigpO1xyXG4gICAgICAgIGNvbnN0IHBvc2l0aW9uU3RyYXRlZ3kgPSB0aGlzLm92ZXJsYXlTZXJ2aWNlLnBvc2l0aW9uKCkuZmxleGlibGVDb25uZWN0ZWRUbyh0aGlzLmVsZW1lbnRSZWYpLndpdGhQb3NpdGlvbnModGhpcy5nZXRQb3NpdGlvbnMoKSk7XHJcblxyXG4gICAgICAgIHBvc2l0aW9uU3RyYXRlZ3kucG9zaXRpb25DaGFuZ2VzLnBpcGUodGFrZVVudGlsRGVzdHJveWVkKHRoaXMuZGVzdHJveVJlZikpLnN1YnNjcmliZShwID0+IHtcclxuICAgICAgICAgICAgd3JhcHBlclJlZi5pbnN0YW5jZS5zZXQodGhpcy5jb250ZW50KCksIChwLmNvbm5lY3Rpb25QYWlyIGFzIGFueSkua2V5KTtcclxuICAgICAgICB9KTtcclxuXHJcbiAgICAgICAgdGhpcy5vdmVybGF5UmVmID0gdGhpcy5vdmVybGF5U2VydmljZS5jcmVhdGUoeyBzY3JvbGxTdHJhdGVneSwgcG9zaXRpb25TdHJhdGVneSB9KTtcclxuICAgICAgICBsZXQgd3JhcHBlclJlZiA9IHRoaXMub3ZlcmxheVJlZi5hdHRhY2godGhpcy5wb3J0YWwpO1xyXG4gICAgICAgIHdyYXBwZXJSZWYuaW5zdGFuY2Uuc2V0KHRoaXMuY29udGVudCgpLCB0aGlzLnBsYWNlbWVudCgpKTtcclxuICAgIH1cclxuXHJcbiAgICBwcml2YXRlIGRpc3Bvc2VPdmVybGF5KCk6IHZvaWQge1xyXG4gICAgICAgIGlmICh0aGlzLm92ZXJsYXlSZWYpIHtcclxuICAgICAgICAgICAgdGhpcy5vdmVybGF5UmVmLmRpc3Bvc2UoKTtcclxuICAgICAgICAgICAgdGhpcy5vdmVybGF5UmVmID0gdW5kZWZpbmVkO1xyXG4gICAgICAgIH1cclxuICAgIH1cclxuXHJcbiAgICBwcml2YXRlIGdldFBvc2l0aW9ucygpOiBhbnlbXSB7XHJcbiAgICAgICAgY29uc3QgYyA9ICdjZW50ZXInLCB0ID0gJ3RvcCcsIGIgPSAnYm90dG9tJywgcyA9ICdzdGFydCcsIGUgPSAnZW5kJztcclxuICAgICAgICBjb25zdCB0b3AgPSB7IGtleTogdCwgb3JpZ2luWDogYywgb3JpZ2luWTogdCwgb3ZlcmxheVg6IGMsIG92ZXJsYXlZOiBiLCB9O1xyXG4gICAgICAgIGNvbnN0IGJvdHRvbSA9IHsga2V5OiBiLCBvcmlnaW5YOiBjLCBvcmlnaW5ZOiBiLCBvdmVybGF5WDogYywgb3ZlcmxheVk6IHQsIH07XHJcbiAgICAgICAgY29uc3Qgc3RhcnQgPSB7IGtleTogcywgb3JpZ2luWDogcywgb3JpZ2luWTogYywgb3ZlcmxheVg6IGUsIG92ZXJsYXlZOiBjLCB9O1xyXG4gICAgICAgIGNvbnN0IGVuZCA9IHsga2V5OiBlLCBvcmlnaW5YOiBlLCBvcmlnaW5ZOiBjLCBvdmVybGF5WDogcywgb3ZlcmxheVk6IGMsIH07XHJcblxyXG4gICAgICAgIGxldCBwb3NpdGlvbnM6IEFycmF5PGFueT47XHJcblxyXG4gICAgICAgIHN3aXRjaCAodGhpcy5wbGFjZW1lbnQoKSkge1xyXG4gICAgICAgICAgICBjYXNlICdib3R0b20nOlxyXG4gICAgICAgICAgICAgICAgcG9zaXRpb25zID0gW2JvdHRvbSwgdG9wXTtcclxuICAgICAgICAgICAgICAgIGJyZWFrO1xyXG4gICAgICAgICAgICBjYXNlICdzdGFydCc6XHJcbiAgICAgICAgICAgICAgICBwb3NpdGlvbnMgPSBbc3RhcnQsIHN0YXJ0XTtcclxuICAgICAgICAgICAgICAgIGJyZWFrO1xyXG4gICAgICAgICAgICBjYXNlICdlbmQnOlxyXG4gICAgICAgICAgICAgICAgcG9zaXRpb25zID0gW2VuZCwgc3RhcnRdO1xyXG4gICAgICAgICAgICAgICAgYnJlYWs7XHJcbiAgICAgICAgICAgIGNhc2UgJ3RvcCc6XHJcbiAgICAgICAgICAgICAgICBwb3NpdGlvbnMgPSBbdG9wLCBib3R0b21dO1xyXG4gICAgICAgICAgICAgICAgYnJlYWs7XHJcbiAgICAgICAgICAgIGRlZmF1bHQ6XHJcbiAgICAgICAgICAgICAgICBwb3NpdGlvbnMgPSBbYm90dG9tLCB0b3BdO1xyXG4gICAgICAgIH1cclxuXHJcbiAgICAgICAgcmV0dXJuIHBvc2l0aW9ucztcclxuICAgIH1cclxuXHJcbiAgICBuZ09uRGVzdHJveSgpOiB2b2lkIHtcclxuICAgICAgICB0aGlzLmRpc3Bvc2VPdmVybGF5KCk7XHJcbiAgICB9XHJcbn1cclxuIl19

package/esm2022/tooltip/types.mjs

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidHlwZXMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9wcm9qZWN0cy9uZzAvdG9vbHRpcC90eXBlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgVGVtcGxhdGVSZWYgfSBmcm9tIFwiQGFuZ3VsYXIvY29yZVwiO1xyXG5cclxuZXhwb3J0IHR5cGUgVG9vbHRpcFBsYWNlbWVudCA9ICd0b3AnIHwgJ2JvdHRvbScgfCAnc3RhcnQnIHwgJ2VuZCc7XHJcbmV4cG9ydCB0eXBlIFRvb2x0aXBDb250ZW50ID0gc3RyaW5nIHwgVGVtcGxhdGVSZWY8YW55PjtcclxuXHJcblxyXG4iXX0=

package/fesm2022/bootkit-ng0-accordion.mjs

@@ -0,0 +1,83 @@
+import * as i0 from '@angular/core';
+import { input, model, effect, Component, ChangeDetectionStrategy, ContentChildren, NgModule } from '@angular/core';
+import { CollapseComponent } from '@bootkit/ng0/collapse';
+
+class AccordionItemComponent {
+    _element;
+    _renderer;
+    _accordion;
+    header = input();
+    collapsed = model(true);
+    constructor(_element, _renderer, _accordion) {
+        this._element = _element;
+        this._renderer = _renderer;
+        this._accordion = _accordion;
+        this._renderer.addClass(this._element.nativeElement, 'accordion-item');
+        effect(() => {
+            var collapsed = this.collapsed();
+            if (_accordion.mode() == 'single') {
+                if (!collapsed) {
+                    this._accordion.items.filter(x => x !== this).forEach(x => x.collapsed.update(x => true));
+                }
+            }
+        }, { allowSignalWrites: true });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.11", ngImport: i0, type: AccordionItemComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: AccordionComponent }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.2.11", type: AccordionItemComponent, isStandalone: true, selector: "ng0-accordion-item", inputs: { header: { classPropertyName: "header", publicName: "header", isSignal: true, isRequired: false, transformFunction: null }, collapsed: { classPropertyName: "collapsed", publicName: "collapsed", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { collapsed: "collapsedChange" }, exportAs: ["ng0AccordionItem"], ngImport: i0, template: "<h6 class=\"accordion-header\">\r\n    <button class=\"accordion-button\" type=\"button\" [class.collapsed]=\"collapsed()\" (click)=\"collapsed.set(!collapsed())\">\r\n        {{header()}}\r\n    </button>\r\n</h6>\r\n\r\n<ng0-collapse [collapsed]=\"collapsed()\">\r\n    <div class=\"accordion-body\">\r\n        <ng-content></ng-content>\r\n    </div>\r\n</ng0-collapse>", styles: [":host{display:block}\n"], dependencies: [{ kind: "component", type: CollapseComponent, selector: "ng0-collapse", inputs: ["collapsed", "timings"], outputs: ["collapsedChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.11", ngImport: i0, type: AccordionItemComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ng0-accordion-item', exportAs: 'ng0AccordionItem', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, imports: [
+                        CollapseComponent
+                    ], template: "<h6 class=\"accordion-header\">\r\n    <button class=\"accordion-button\" type=\"button\" [class.collapsed]=\"collapsed()\" (click)=\"collapsed.set(!collapsed())\">\r\n        {{header()}}\r\n    </button>\r\n</h6>\r\n\r\n<ng0-collapse [collapsed]=\"collapsed()\">\r\n    <div class=\"accordion-body\">\r\n        <ng-content></ng-content>\r\n    </div>\r\n</ng0-collapse>", styles: [":host{display:block}\n"] }]
+        }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.Renderer2 }, { type: AccordionComponent }] });
+
+class AccordionComponent {
+    _element;
+    _renderer;
+    /** Items open mode */
+    mode = input('single');
+    items;
+    constructor(_element, _renderer) {
+        this._element = _element;
+        this._renderer = _renderer;
+        this._renderer.addClass(this._element.nativeElement, 'accordion');
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.11", ngImport: i0, type: AccordionComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.2.11", type: AccordionComponent, isStandalone: true, selector: "ng0-accordion", inputs: { mode: { classPropertyName: "mode", publicName: "mode", isSignal: true, isRequired: false, transformFunction: null } }, queries: [{ propertyName: "items", predicate: AccordionItemComponent }], exportAs: ["ng0Accordion"], ngImport: i0, template: "<ng-content></ng-content>", styles: [":host{display:block}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.11", ngImport: i0, type: AccordionComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ng0-accordion', exportAs: 'ng0Accordion', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-content></ng-content>", styles: [":host{display:block}\n"] }]
+        }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.Renderer2 }], propDecorators: { items: [{
+                type: ContentChildren,
+                args: [AccordionItemComponent]
+            }] } });
+
+class AccordionModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.11", ngImport: i0, type: AccordionModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.11", ngImport: i0, type: AccordionModule, imports: [AccordionComponent,
+            AccordionItemComponent], exports: [AccordionComponent,
+            AccordionItemComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.11", ngImport: i0, type: AccordionModule, imports: [AccordionItemComponent] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.11", ngImport: i0, type: AccordionModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [
+                        AccordionComponent,
+                        AccordionItemComponent,
+                    ],
+                    exports: [
+                        AccordionComponent,
+                        AccordionItemComponent,
+                    ]
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { AccordionComponent, AccordionItemComponent, AccordionModule };
+//# sourceMappingURL=bootkit-ng0-accordion.mjs.map

package/fesm2022/bootkit-ng0-accordion.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"bootkit-ng0-accordion.mjs","sources":["../../../projects/ng0/accordion/accordion-item.component.ts","../../../projects/ng0/accordion/accordion-item.component.html","../../../projects/ng0/accordion/accordion.component.ts","../../../projects/ng0/accordion/accordion.component.html","../../../projects/ng0/accordion/accordion.module.ts","../../../projects/ng0/accordion/bootkit-ng0-accordion.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, effect, ElementRef, input, model, Renderer2 } from '@angular/core';\r\nimport { CollapseComponent } from '@bootkit/ng0/collapse';\r\nimport { AccordionComponent } from './accordion.component';\r\n\r\n@Component({\r\n    selector: 'ng0-accordion-item',\r\n    exportAs: 'ng0AccordionItem',\r\n    templateUrl: './accordion-item.component.html',\r\n    standalone: true,\r\n    changeDetection: ChangeDetectionStrategy.OnPush,\r\n    styles: `:host {display: block;}`,\r\n    imports: [\r\n        CollapseComponent\r\n    ]\r\n})\r\nexport class AccordionItemComponent {\r\n    public header = input<string>();\r\n    public collapsed = model(true);\r\n\r\n    constructor(private _element: ElementRef, private _renderer: Renderer2, private _accordion: AccordionComponent) {\r\n        this._renderer.addClass(this._element.nativeElement, 'accordion-item');\r\n\r\n        effect(() => {\r\n            var collapsed = this.collapsed();\r\n            \r\n            if(_accordion.mode() == 'single') {\r\n                if(!collapsed) {\r\n                    this._accordion.items.filter(x => x !== this).forEach(x => x.collapsed.update(x => true));\r\n                }\r\n            }\r\n        }, {allowSignalWrites: true})\r\n    }\r\n}\r\n","<h6 class=\"accordion-header\">\r\n    <button class=\"accordion-button\" type=\"button\" [class.collapsed]=\"collapsed()\" (click)=\"collapsed.set(!collapsed())\">\r\n        {{header()}}\r\n    </button>\r\n</h6>\r\n\r\n<ng0-collapse [collapsed]=\"collapsed()\">\r\n    <div class=\"accordion-body\">\r\n        <ng-content></ng-content>\r\n    </div>\r\n</ng0-collapse>","import { ChangeDetectionStrategy, Component, ContentChildren, ElementRef, input, QueryList, Renderer2 } from '@angular/core';\r\nimport { AccordionItemComponent } from './accordion-item.component';\r\n\r\n@Component({\r\n    selector: 'ng0-accordion',\r\n    exportAs: 'ng0Accordion',\r\n    templateUrl: './accordion.component.html',\r\n    standalone: true,\r\n    changeDetection: ChangeDetectionStrategy.OnPush,\r\n    styles: `:host {display: block;}`\r\n})\r\nexport class AccordionComponent {\r\n    /** Items open mode */\r\n    public mode = input<'single' | 'multiple'>('single');\r\n\r\n    @ContentChildren(AccordionItemComponent)\r\n    public readonly items!: QueryList<AccordionItemComponent>;\r\n\r\n    constructor(private _element: ElementRef, private _renderer: Renderer2) {\r\n        this._renderer.addClass(this._element.nativeElement, 'accordion');\r\n    }\r\n}\r\n","<ng-content></ng-content>","import { NgModule } from '@angular/core';\r\nimport { AccordionComponent } from './accordion.component';\r\nimport { AccordionItemComponent } from './accordion-item.component';\r\n\r\n@NgModule({\r\n    imports: [\r\n        AccordionComponent,\r\n        AccordionItemComponent,\r\n    ],\r\n    exports: [\r\n        AccordionComponent,\r\n        AccordionItemComponent,\r\n    ]\r\n})\r\nexport class AccordionModule {\r\n}\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":["i1.AccordionComponent"],"mappings":"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"}

package/fesm2022/bootkit-ng0-collapse.mjs

@@ -0,0 +1,163 @@
+import * as i0 from '@angular/core';
+import { input, effect, Directive, model, Component, ChangeDetectionStrategy, HostBinding, NgModule } from '@angular/core';
+import * as i1 from '@angular/animations';
+import { style, animate, trigger, state, transition } from '@angular/animations';
+
+/**
+ * Directive to handle the collapse and expand functionality of a host element.
+ */
+class CollapseDirective {
+    el;
+    builder;
+    renderer;
+    /**
+     * Indicates whether the host element is collapsed.
+     * @input
+     */
+    collapsed = input(false);
+    /** Animation timings for collapse/expand animations.
+     * @input
+     */
+    timings = input('0.2s');
+    _player;
+    _firstExecution = true;
+    constructor(el, builder, renderer) {
+        this.el = el;
+        this.builder = builder;
+        this.renderer = renderer;
+        renderer.setStyle(el.nativeElement, 'overflow', 'hidden');
+        effect(() => {
+            var collapsed = this.collapsed();
+            if (this._firstExecution) {
+                this._firstExecution = false;
+                return;
+            }
+            if (collapsed)
+                this._collapse();
+            else
+                this._expand();
+        });
+    }
+    ngOnInit() {
+        this._addClass('collapse');
+        if (!this.collapsed()) {
+            this._addClass('show');
+        }
+    }
+    _collapse() {
+        if (this._player) {
+            this._player.destroy();
+        }
+        this._playAnimation([
+            style({ height: '*', opacity: '*' }),
+            animate(this.timings(), style({ height: 0, opacity: 0 })),
+        ]);
+        this._player.onDone(() => {
+            if (this.collapsed()) {
+                this._removeClass('show');
+            }
+        });
+    }
+    _expand() {
+        if (this._player) {
+            this._player.destroy();
+        }
+        this._addClass('show');
+        this._playAnimation([
+            style({ height: 0, opacity: 0 }),
+            animate(this.timings(), style({ height: '*', opacity: '*' })),
+        ]);
+        this._player.onDone(() => {
+            this._player.destroy();
+            this._player = undefined;
+        });
+    }
+    _playAnimation(animation) {
+        this._player = this.builder.build(animation).create(this.el.nativeElement);
+        this._player.play();
+    }
+    _addClass = (cls) => this.renderer.addClass(this.el.nativeElement, cls);
+    _removeClass = (cls) => this.renderer.removeClass(this.el.nativeElement, cls);
+    ngOnDestroy() {
+        this._player?.destroy();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.11", ngImport: i0, type: CollapseDirective, deps: [{ token: i0.ElementRef }, { token: i1.AnimationBuilder }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "18.2.11", type: CollapseDirective, isStandalone: true, selector: "[ng0Collapse]", inputs: { collapsed: { classPropertyName: "collapsed", publicName: "collapsed", isSignal: true, isRequired: false, transformFunction: null }, timings: { classPropertyName: "timings", publicName: "timings", isSignal: true, isRequired: false, transformFunction: null } }, exportAs: ["ng0Collapse"], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.11", ngImport: i0, type: CollapseDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[ng0Collapse]',
+                    exportAs: 'ng0Collapse',
+                    standalone: true,
+                }]
+        }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i1.AnimationBuilder }, { type: i0.Renderer2 }] });
+
+/**
+ * A component that provides collapse and expand functionality.
+*/
+class CollapseComponent {
+    /**
+     * Indicates whether the host element is collapsed.
+     * @model
+     */
+    collapsed = model(false);
+    /** Animation timings for collapse/expand animations.
+     * @input
+     */
+    timings = input('0.2s');
+    get _collapseExpand() {
+        return { value: this.collapsed() ? 'collapsed' : 'expanded', params: { timings: this.timings() } };
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.11", ngImport: i0, type: CollapseComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.2.11", type: CollapseComponent, isStandalone: true, selector: "ng0-collapse", inputs: { collapsed: { classPropertyName: "collapsed", publicName: "collapsed", isSignal: true, isRequired: false, transformFunction: null }, timings: { classPropertyName: "timings", publicName: "timings", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { collapsed: "collapsedChange" }, host: { properties: { "@collapseExpand": "this._collapseExpand" } }, ngImport: i0, template: "<ng-content></ng-content>", styles: [":host{display:block;overflow:hidden}\n"], animations: [
+            trigger('collapseExpand', [
+                state('collapsed', style({ height: 0, opacity: 0, })),
+                state('expanded', style({ height: '*', opacity: '*', })),
+                transition('collapsed <=> expanded', [
+                    animate('{{timings}}')
+                ])
+            ])
+        ], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.11", ngImport: i0, type: CollapseComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ng0-collapse', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, animations: [
+                        trigger('collapseExpand', [
+                            state('collapsed', style({ height: 0, opacity: 0, })),
+                            state('expanded', style({ height: '*', opacity: '*', })),
+                            transition('collapsed <=> expanded', [
+                                animate('{{timings}}')
+                            ])
+                        ])
+                    ], template: "<ng-content></ng-content>", styles: [":host{display:block;overflow:hidden}\n"] }]
+        }], propDecorators: { _collapseExpand: [{
+                type: HostBinding,
+                args: ['@collapseExpand']
+            }] } });
+
+const items = [
+    CollapseDirective,
+    CollapseComponent
+];
+class CollapseModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.11", ngImport: i0, type: CollapseModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.11", ngImport: i0, type: CollapseModule, imports: [CollapseDirective,
+            CollapseComponent], exports: [CollapseDirective,
+            CollapseComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.11", ngImport: i0, type: CollapseModule });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.11", ngImport: i0, type: CollapseModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: items,
+                    exports: items
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { CollapseComponent, CollapseDirective, CollapseModule };
+//# sourceMappingURL=bootkit-ng0-collapse.mjs.map

package/fesm2022/bootkit-ng0-collapse.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"bootkit-ng0-collapse.mjs","sources":["../../../projects/ng0/collapse/collapse.directive.ts","../../../projects/ng0/collapse/collapse.component.ts","../../../projects/ng0/collapse/collapse.component.html","../../../projects/ng0/collapse/collapse.module.ts","../../../projects/ng0/collapse/bootkit-ng0-collapse.ts"],"sourcesContent":["import { Directive, OnInit, ElementRef, Renderer2, input, effect, OnDestroy } from '@angular/core';\r\nimport { animate, AnimationBuilder, AnimationMetadata, AnimationPlayer, style } from '@angular/animations';\r\n\r\n/** \r\n * Directive to handle the collapse and expand functionality of a host element. \r\n */\r\n@Directive({\r\n    selector: '[ng0Collapse]',\r\n    exportAs: 'ng0Collapse',\r\n    standalone: true,\r\n})\r\nexport class CollapseDirective implements OnInit, OnDestroy {\r\n    /**\r\n     * Indicates whether the host element is collapsed. \r\n     * @input \r\n     */\r\n    public collapsed = input(false);\r\n\r\n    /** Animation timings for collapse/expand animations. \r\n     * @input \r\n     */\r\n    public timings = input<string | number>('0.2s');\r\n\r\n    private _player?: AnimationPlayer;\r\n    private _firstExecution = true;\r\n\r\n    constructor(private el: ElementRef, private builder: AnimationBuilder, private renderer: Renderer2) {\r\n        renderer.setStyle(el.nativeElement, 'overflow', 'hidden');\r\n \r\n        effect(() => {\r\n            var collapsed = this.collapsed();\r\n            if (this._firstExecution) {\r\n                this._firstExecution = false;\r\n                return;\r\n            }\r\n\r\n            if (collapsed)\r\n                this._collapse()\r\n            else\r\n                this._expand();\r\n        });\r\n    }\r\n\r\n    ngOnInit(): void {\r\n        this._addClass('collapse');\r\n        if (!this.collapsed()) {\r\n            this._addClass('show');\r\n        }\r\n    }\r\n\r\n    private _collapse() {\r\n        if (this._player) {\r\n            this._player.destroy();\r\n        }\r\n\r\n        this._playAnimation([\r\n            style({ height: '*', opacity: '*' }),\r\n            animate(this.timings(), style({ height: 0, opacity: 0 })),\r\n        ])\r\n\r\n        this._player!.onDone(() => {\r\n            if (this.collapsed()) {\r\n                this._removeClass('show')\r\n            }\r\n        });\r\n    }\r\n\r\n    private _expand() {\r\n        if (this._player) {\r\n            this._player.destroy();\r\n        }\r\n\r\n        this._addClass('show')\r\n        this._playAnimation([\r\n            style({ height: 0, opacity: 0 }),\r\n            animate(this.timings(), style({ height: '*', opacity: '*' })),\r\n        ]);\r\n\r\n        this._player.onDone(() => {\r\n            this._player.destroy()\r\n            this._player = undefined;\r\n        });\r\n    }\r\n\r\n    private _playAnimation(animation: AnimationMetadata | AnimationMetadata[]) {\r\n        this._player = this.builder.build(animation).create(this.el.nativeElement);\r\n        this._player.play();\r\n    }\r\n\r\n    private _addClass = (cls: string) => this.renderer.addClass(this.el.nativeElement, cls);\r\n    private _removeClass = (cls: string) => this.renderer.removeClass(this.el.nativeElement, cls);\r\n\r\n    ngOnDestroy(): void {\r\n        this._player?.destroy();\r\n    }\r\n}\r\n","import { ChangeDetectionStrategy, Component, HostBinding, input, model } from '@angular/core';\r\nimport { trigger, state, style, animate, transition } from '@angular/animations';\r\n\r\n/**\r\n * A component that provides collapse and expand functionality. \r\n*/\r\n@Component({\r\n    selector: 'ng0-collapse',\r\n    templateUrl: './collapse.component.html',\r\n    standalone: true,\r\n    changeDetection: ChangeDetectionStrategy.OnPush,\r\n    styles: `:host{display :block; overflow: hidden}`,\r\n    animations: [\r\n        trigger('collapseExpand', [\r\n            state('collapsed', style({ height: 0, opacity: 0, })),\r\n            state('expanded', style({ height: '*', opacity: '*', })),\r\n            transition('collapsed <=> expanded', [\r\n                animate('{{timings}}')\r\n            ])\r\n        ])\r\n    ]\r\n})\r\nexport class CollapseComponent {\r\n    /**\r\n     * Indicates whether the host element is collapsed. \r\n     * @model \r\n     */\r\n    public collapsed = model(false);\r\n\r\n    /** Animation timings for collapse/expand animations. \r\n     * @input \r\n     */\r\n    public timings = input<string | number>('0.2s');\r\n\r\n    @HostBinding('@collapseExpand')\r\n    private get _collapseExpand() {\r\n        return { value: this.collapsed() ? 'collapsed' : 'expanded', params: { timings: this.timings() } };\r\n    }\r\n}\r\n","<ng-content></ng-content>","import { NgModule } from '@angular/core';\r\nimport { CollapseDirective } from './collapse.directive';\r\nimport { CollapseComponent } from './collapse.component';\r\n\r\nconst items = [\r\n    CollapseDirective,\r\n    CollapseComponent\r\n];\r\n\r\n@NgModule({\r\n    imports: items,\r\n    exports: items\r\n})\r\nexport class CollapseModule {\r\n}\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/fesm2022/bootkit-ng0-common.mjs

@@ -0,0 +1,26 @@
+import { InjectionToken } from '@angular/core';
+
+const RTL = new InjectionToken('RTL Direction');
+
+function flipPlacement(placement) {
+    switch (placement) {
+        case 'bottom':
+            return 'top';
+        case 'top':
+            return 'bottom';
+        case 'start':
+            return 'end';
+        case 'end':
+            return 'start';
+    }
+}
+function numberRange(start, end) {
+    return Array.from({ length: end - start + 1 }, (_, i) => i + start);
+}
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { RTL, flipPlacement, numberRange };
+//# sourceMappingURL=bootkit-ng0-common.mjs.map

package/fesm2022/bootkit-ng0-common.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"bootkit-ng0-common.mjs","sources":["../../../projects/ng0/common/types.ts","../../../projects/ng0/common/utils.ts","../../../projects/ng0/common/bootkit-ng0-common.ts"],"sourcesContent":["import { InjectionToken } from \"@angular/core\";\r\n\r\nexport type Placement = 'start' | 'end' | 'top' | 'bottom';\r\nexport type Alignment = 'start' | 'center' | 'end';\r\nexport const RTL = new InjectionToken<boolean>('RTL Direction');","import { Placement } from \"./types\";\r\n \r\nexport function flipPlacement(placement: Placement) {\r\n      switch (placement) {\r\n          case 'bottom':\r\n              return 'top'\r\n          case 'top':\r\n              return 'bottom'\r\n          case 'start':\r\n              return 'end'\r\n          case 'end':\r\n              return 'start'\r\n      }\r\n  }\r\n\r\n  export function numberRange(start: number, end: number) {\r\n    return Array.from({ length: end - start + 1 }, (_, i) => i + start)\r\n  }","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;MAIa,GAAG,GAAG,IAAI,cAAc,CAAU,eAAe;;ACFxD,SAAU,aAAa,CAAC,SAAoB,EAAA;IAC5C,QAAQ,SAAS;AACb,QAAA,KAAK,QAAQ;AACT,YAAA,OAAO,KAAK,CAAA;AAChB,QAAA,KAAK,KAAK;AACN,YAAA,OAAO,QAAQ,CAAA;AACnB,QAAA,KAAK,OAAO;AACR,YAAA,OAAO,KAAK,CAAA;AAChB,QAAA,KAAK,KAAK;AACN,YAAA,OAAO,OAAO,CAAA;KACrB;AACL,CAAC;AAEe,SAAA,WAAW,CAAC,KAAa,EAAE,GAAW,EAAA;IACpD,OAAO,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,GAAG,GAAG,KAAK,GAAG,CAAC,EAAE,EAAE,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,GAAG,KAAK,CAAC,CAAA;AACrE;;ACjBF;;AAEG;;;;"}

package/fesm2022/bootkit-ng0-modal.mjs

@@ -0,0 +1,68 @@
+import * as i0 from '@angular/core';
+import { input, EventEmitter, signal, Component, ChangeDetectionStrategy, Output, HostListener, NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+
+class ModalComponent {
+    scrollable = input(false);
+    /** Is modal vertically centered? */
+    centered = input(false);
+    size = input('default');
+    fullscreen = input();
+    closeRequest = new EventEmitter();
+    backdropClick = new EventEmitter();
+    _modalStatic = signal(false);
+    constructor() {
+    }
+    _onBackdropClick() {
+        this.backdropClick.emit();
+        this._modalStatic.set(true);
+        var timeout = setTimeout(() => {
+            this._modalStatic.set(false);
+            clearTimeout(timeout);
+        }, 100);
+    }
+    onKeyDown(event) {
+        if (event.key === 'Escape') {
+            this.closeRequest.emit();
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.11", ngImport: i0, type: ModalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.2.11", type: ModalComponent, isStandalone: true, selector: "ng0-modal", inputs: { scrollable: { classPropertyName: "scrollable", publicName: "scrollable", isSignal: true, isRequired: false, transformFunction: null }, centered: { classPropertyName: "centered", publicName: "centered", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, fullscreen: { classPropertyName: "fullscreen", publicName: "fullscreen", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { closeRequest: "closeRequest", backdropClick: "backdropClick" }, host: { listeners: { "document:keydown": "onKeyDown($event)" } }, exportAs: ["ng0Modal"], ngImport: i0, template: "@let fullscreenValue=fullscreen();\r\n@let sizeValue=size();\r\n\r\n<div class=\"modal d-block\"\r\n     (click)=\"$event.target == $event.currentTarget ? _onBackdropClick(): ''\"\r\n     [class.modal-static]=\"_modalStatic()\">\r\n\r\n  <div class=\"modal-dialog\"\r\n       [class]=\"{\r\n            'modal-dialog-scrollable': scrollable(),\r\n            'modal-dialog-centered': centered(),\r\n            'modal-fullscreen': fullscreenValue == 'always',\r\n            'modal-fullscreen-sm-down': fullscreenValue == 'sm',\r\n            'modal-fullscreen-md-down': fullscreenValue == 'md',\r\n            'modal-fullscreen-lg-down': fullscreenValue == 'lg',\r\n            'modal-fullscreen-xl-down': fullscreenValue == 'xl',\r\n            'modal-fullscreen-xxl-down': fullscreenValue == 'xxl',\r\n            'modal-sm': sizeValue == 'sm',\r\n            'modal-lg': sizeValue == 'lg',\r\n            'modal-xl': sizeValue == 'xl',\r\n          }\">\r\n    <div class=\"modal-content\">\r\n      <ng-content></ng-content>\r\n    </div>\r\n  </div>\r\n</div>\r\n<div class=\"modal-backdrop fade show\"></div>", dependencies: [{ kind: "ngmodule", type: CommonModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.11", ngImport: i0, type: ModalComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ng0-modal', exportAs: 'ng0Modal', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, imports: [
+                        CommonModule,
+                    ], template: "@let fullscreenValue=fullscreen();\r\n@let sizeValue=size();\r\n\r\n<div class=\"modal d-block\"\r\n     (click)=\"$event.target == $event.currentTarget ? _onBackdropClick(): ''\"\r\n     [class.modal-static]=\"_modalStatic()\">\r\n\r\n  <div class=\"modal-dialog\"\r\n       [class]=\"{\r\n            'modal-dialog-scrollable': scrollable(),\r\n            'modal-dialog-centered': centered(),\r\n            'modal-fullscreen': fullscreenValue == 'always',\r\n            'modal-fullscreen-sm-down': fullscreenValue == 'sm',\r\n            'modal-fullscreen-md-down': fullscreenValue == 'md',\r\n            'modal-fullscreen-lg-down': fullscreenValue == 'lg',\r\n            'modal-fullscreen-xl-down': fullscreenValue == 'xl',\r\n            'modal-fullscreen-xxl-down': fullscreenValue == 'xxl',\r\n            'modal-sm': sizeValue == 'sm',\r\n            'modal-lg': sizeValue == 'lg',\r\n            'modal-xl': sizeValue == 'xl',\r\n          }\">\r\n    <div class=\"modal-content\">\r\n      <ng-content></ng-content>\r\n    </div>\r\n  </div>\r\n</div>\r\n<div class=\"modal-backdrop fade show\"></div>" }]
+        }], ctorParameters: () => [], propDecorators: { closeRequest: [{
+                type: Output
+            }], backdropClick: [{
+                type: Output
+            }], onKeyDown: [{
+                type: HostListener,
+                args: ['document:keydown', ['$event']]
+            }] } });
+
+class ModalModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.11", ngImport: i0, type: ModalModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.11", ngImport: i0, type: ModalModule, imports: [ModalComponent], exports: [ModalComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.11", ngImport: i0, type: ModalModule, imports: [ModalComponent] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.11", ngImport: i0, type: ModalModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [
+                        ModalComponent,
+                    ],
+                    exports: [
+                        ModalComponent,
+                    ]
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { ModalComponent, ModalModule };
+//# sourceMappingURL=bootkit-ng0-modal.mjs.map

package/fesm2022/bootkit-ng0-modal.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"bootkit-ng0-modal.mjs","sources":["../../../projects/ng0/modal/modal.component.ts","../../../projects/ng0/modal/modal.component.html","../../../projects/ng0/modal/modal.module.ts","../../../projects/ng0/modal/bootkit-ng0-modal.ts"],"sourcesContent":["import { Component, Output, EventEmitter, ChangeDetectionStrategy, input, signal, HostListener } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { ModalCloseRequest } from './types';\r\n\r\n@Component({\r\n    selector: 'ng0-modal',\r\n    exportAs: 'ng0Modal',\r\n    templateUrl: 'modal.component.html',\r\n    standalone: true,\r\n    changeDetection: ChangeDetectionStrategy.OnPush,\r\n    imports: [\r\n        CommonModule,\r\n    ]\r\n})\r\nexport class ModalComponent {\r\n    public scrollable = input<boolean>(false);\r\n\r\n    /** Is modal vertically centered? */\r\n    public centered = input<boolean>(false);\r\n    public size = input<'sm' | 'default' | 'lg' | 'xl'>('default');\r\n    public fullscreen = input<'always' | 'sm' | 'md' | 'lg' | 'xl' | 'xxl'>();\r\n    @Output() public closeRequest = new EventEmitter<ModalCloseRequest>();\r\n    @Output() public backdropClick = new EventEmitter();\r\n\r\n    protected _modalStatic = signal(false);\r\n\r\n    constructor() {\r\n    }\r\n\r\n    protected _onBackdropClick() {\r\n        this.backdropClick.emit();\r\n        this._modalStatic.set(true)\r\n        var timeout = setTimeout(() => {\r\n            this._modalStatic.set(false)\r\n            clearTimeout(timeout);\r\n        }, 100);\r\n    }\r\n\r\n    @HostListener('document:keydown', ['$event'])\r\n    onKeyDown(event: KeyboardEvent) {\r\n      if (event.key === 'Escape') {\r\n        this.closeRequest.emit();\r\n      }\r\n    }\r\n}\r\n","@let fullscreenValue=fullscreen();\r\n@let sizeValue=size();\r\n\r\n<div class=\"modal d-block\"\r\n     (click)=\"$event.target == $event.currentTarget ? _onBackdropClick(): ''\"\r\n     [class.modal-static]=\"_modalStatic()\">\r\n\r\n  <div class=\"modal-dialog\"\r\n       [class]=\"{\r\n            'modal-dialog-scrollable': scrollable(),\r\n            'modal-dialog-centered': centered(),\r\n            'modal-fullscreen': fullscreenValue == 'always',\r\n            'modal-fullscreen-sm-down': fullscreenValue == 'sm',\r\n            'modal-fullscreen-md-down': fullscreenValue == 'md',\r\n            'modal-fullscreen-lg-down': fullscreenValue == 'lg',\r\n            'modal-fullscreen-xl-down': fullscreenValue == 'xl',\r\n            'modal-fullscreen-xxl-down': fullscreenValue == 'xxl',\r\n            'modal-sm': sizeValue == 'sm',\r\n            'modal-lg': sizeValue == 'lg',\r\n            'modal-xl': sizeValue == 'xl',\r\n          }\">\r\n    <div class=\"modal-content\">\r\n      <ng-content></ng-content>\r\n    </div>\r\n  </div>\r\n</div>\r\n<div class=\"modal-backdrop fade show\"></div>","import { NgModule } from '@angular/core';\r\nimport { ModalComponent } from './modal.component';\r\n\r\n@NgModule({\r\n    imports: [\r\n        ModalComponent,\r\n    ],\r\n    exports: [\r\n        ModalComponent,\r\n    ]\r\n})\r\nexport class ModalModule {\r\n}\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}