@bootkit/ng0 0.0.0-alpha.40 → 0.0.0-alpha.42

package/fesm2022/bootkit-ng0-components-select.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"bootkit-ng0-components-select.mjs","sources":["../../../projects/ng0/components/select/select.component.ts","../../../projects/ng0/components/select/select.component.html","../../../projects/ng0/components/select/select.module.ts","../../../projects/ng0/components/select/public-api.ts","../../../projects/ng0/components/select/bootkit-ng0-components-select.ts"],"sourcesContent":["import { Component, ElementRef, Renderer2, input, signal, model, HostListener, inject, forwardRef, ViewChild, TemplateRef, ContentChild, ViewEncapsulation, ChangeDetectionStrategy, booleanAttribute, ChangeDetectorRef, effect, computed, untracked, Output, EventEmitter, EnvironmentInjector } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { dataSourceAttribute, DataSource, DataSourceLike, DataRequest } from '@bootkit/ng0/data';\r\nimport { ControlValueAccessor, NG_VALUE_ACCESSOR } from '@angular/forms';\r\nimport { FlexibleConnectedPositionStrategy, Overlay, OverlayModule, ScrollStrategy, ViewportRuler } from '@angular/cdk/overlay';\r\nimport { Subscription } from 'rxjs';\r\nimport { objectFormatterAttribute, defaultFormatter, LocalizationService } from '@bootkit/ng0/localization';\r\nimport { ListComponent, ListModule, ListItemSelectEvent } from '@bootkit/ng0/components/list';\r\nimport {\r\n    CssClassAttribute, equalityComparerAttribute, defaultEqualityComparer, valueWriterAttribute, defaultValueWriter,\r\n    IdGeneratorAttribute, defaultFilter, filterPredicateAttribute\r\n} from '@bootkit/ng0/common';\r\n\r\n/**\r\n * Select component that allows users to choose an option from a dropdown list.\r\n */\r\n@Component({\r\n    selector: 'ng0-select',\r\n    exportAs: 'ng0Select',\r\n    templateUrl: './select.component.html',\r\n    styleUrl: './select.component.scss',\r\n    standalone: true,\r\n    encapsulation: ViewEncapsulation.None,\r\n    changeDetection: ChangeDetectionStrategy.OnPush,\r\n    imports: [CommonModule, ListModule, OverlayModule],\r\n    providers: [{\r\n        provide: NG_VALUE_ACCESSOR,\r\n        useExisting: forwardRef(() => SelectComponent),\r\n        multi: true\r\n    }],\r\n    host: {\r\n        '[class.ng0-select-open]': 'open()',\r\n        '[class.ng0-select-filterable]': 'filterable()',\r\n        '[class.ng0-select-loading]': 'source().isLoading()',\r\n        '[attr.disabled]': '_isDisabled() ? \"\" : undefined',\r\n        '[attr.aria-disabled]': '_isDisabled() ? \"\" : undefined',\r\n        '[attr.tabindex]': '_isDisabled() ? undefined : 0',\r\n    }\r\n})\r\nexport class SelectComponent implements ControlValueAccessor {\r\n    // private _resizeObserver?: ResizeObserver;\r\n    private _viewpoerRulerSubscription?: Subscription;\r\n    private _injector = inject(EnvironmentInjector);\r\n    @ViewChild('filterInput') private _filterElementRef?: ElementRef;\r\n    @ViewChild(ListComponent) private _listComponent?: ListComponent;\r\n    private _changeCallback!: (value: any) => void;\r\n    private _touchCallback!: () => void;\r\n    protected readonly _sourceItems = signal<any[] | undefined>(undefined);\r\n    protected readonly _selectedItems = new Set<any>();\r\n    protected readonly _isDisabled = signal<boolean>(false);\r\n    protected _positionStrategy!: FlexibleConnectedPositionStrategy;\r\n    protected _scrollStrategy!: ScrollStrategy;\r\n    private readonly _overlay = inject(Overlay);\r\n    private readonly _localizationService = inject(LocalizationService);\r\n    protected readonly _elementRef = inject(ElementRef<HTMLDivElement>);\r\n    protected readonly _filterValue = signal('');\r\n    private readonly _renderer = inject(Renderer2);\r\n    private readonly _viewportRuler = inject(ViewportRuler);\r\n    private readonly _changeDetectorRef = inject(ChangeDetectorRef);\r\n    private readonly _value = signal<any>(undefined);\r\n\r\n    /**\r\n     * Template for rendering each item in the select component.\r\n     */\r\n    @ContentChild(TemplateRef) public itemTemplate?: TemplateRef<any>;\r\n\r\n    /**\r\n     * The data source for the select component.\r\n     * This can be an array of data, a function that returns an observable of data,\r\n     * or an instance of DataSource.\r\n     */\r\n    public readonly source = input.required<DataSource<any>, DataSourceLike<any>>({\r\n        transform: v => dataSourceAttribute(v)\r\n    });\r\n\r\n    /** \r\n     * Indicates whether multi selection is enabled or not.\r\n     */\r\n    public readonly multiple = input(false, {\r\n        transform: booleanAttribute\r\n    });\r\n\r\n    /**\r\n     * Indicates whether to show selection indicator (checkbox/radio) next to each item.\r\n     * Default is false.\r\n     */\r\n    public readonly showSelectionIndicator = input(false, {\r\n        transform: booleanAttribute\r\n    });\r\n\r\n    /** \r\n     * Indicates whether the dropdown is open or closed.\r\n     */\r\n    public readonly open = model(false);\r\n\r\n    /**\r\n    * A comparer to compare items for selection.\r\n    */\r\n    public readonly compareBy = input(defaultEqualityComparer, {\r\n        transform: equalityComparerAttribute\r\n    });\r\n\r\n    /**\r\n     * A fromatter to convert each item to a string for display.\r\n     */\r\n    public readonly formatBy = input(defaultFormatter, {\r\n       transform: objectFormatterAttribute(this._injector)\r\n    });\r\n\r\n    /**\r\n     * Custom value writer to extract the value of any object while writing values.\r\n     */\r\n    public readonly writeBy = input(defaultValueWriter, {\r\n        transform: valueWriterAttribute\r\n    });\r\n\r\n    /**\r\n     * Indicates whether the select component is filterable.\r\n     */\r\n    public readonly filterable = input(false, { transform: booleanAttribute });\r\n\r\n    /**\r\n     * Custom filter function to filter items based on a filter value.\r\n     * Default checks if the item contains the filter value (case-insensitive).\r\n     */\r\n    public readonly filterBy = input(defaultFilter, {\r\n        transform: filterPredicateAttribute\r\n    });\r\n\r\n    /**\r\n     * Placeholder text for the filter input field.\r\n     */\r\n    public readonly filterPlaceholder = input<string | undefined>(undefined);\r\n\r\n    /**\r\n     * CSS class or classes to apply to the items.\r\n     */\r\n    public readonly itemClass = input(undefined, {\r\n        transform: CssClassAttribute\r\n    });\r\n\r\n    /**\r\n     * A function that generates unique ids for each item in the list.\r\n     * If set to a function, it will be called with the item as an argument to generate the id.\r\n     * If set to undefined, no ids will be generated for the items.\r\n     * @default undefined\r\n     */\r\n    public readonly idGenerator = input(undefined, {\r\n        transform: IdGeneratorAttribute\r\n    });\r\n\r\n    /**\r\n     * Event emitted when the selected value changes.\r\n     */\r\n    @Output() public readonly itemSelect = new EventEmitter<ItemSelectEvent>();\r\n\r\n    constructor() {\r\n        ['ng0-select', 'form-select'].forEach(c => this._renderer.addClass(this._elementRef.nativeElement, c));\r\n        this._scrollStrategy = this._overlay.scrollStrategies.block();\r\n\r\n        effect(() => {\r\n            let source = this.source();\r\n            source.load(new DataRequest()).subscribe(res => {\r\n                untracked(() => {\r\n                    this._sourceItems.set(res.data);\r\n                    this._findAndSelectItems();\r\n                    this._changeDetectorRef.markForCheck();\r\n                })\r\n            });\r\n        });\r\n    }\r\n\r\n    /**\r\n     * Indicates whether the given value is selected.\r\n     * @param item \r\n     * @returns \r\n     */\r\n    public isSelected(value: any): boolean {\r\n        return this._selectedItems.has(value);\r\n    }\r\n\r\n    /**\r\n     * Selects the given value.\r\n     * @param item \r\n     */\r\n    public select(value: any): void {\r\n        if (this.multiple()) {\r\n            if (!this._selectedItems.has(value)) {\r\n                this._selectedItems.add(value);\r\n                this._updateValue();\r\n                this._changeCallback?.(this._value());\r\n            }\r\n        } else {\r\n            this._selectedItems.clear();\r\n            this._selectedItems.add(value);\r\n            this._updateValue();\r\n            this._changeCallback?.(this._value());\r\n        }\r\n    }\r\n\r\n    /**\r\n     * Deselects the given value.\r\n     * @param item \r\n     */\r\n    public deselect(value: any): void {\r\n        this._selectedItems.delete(value);\r\n        this._updateValue();\r\n        this._changeCallback?.(this._value());\r\n    }\r\n\r\n    /**\r\n     * Toggles the selection state of the given value.\r\n     * @param item\r\n    */\r\n    public toggle(value: any): void {\r\n        if (this.isSelected(value)) {\r\n            this.deselect(value);\r\n        } else {\r\n            this.select(value);\r\n        }\r\n    }\r\n\r\n    writeValue(obj: any): void {\r\n        if (this.multiple()) {\r\n            if (obj === null || obj === undefined) {\r\n                obj = [];\r\n            } else if (!Array.isArray(obj)) {\r\n                throw Error('invalid value. Expected an array in multiple selection mode.');\r\n            }\r\n        }\r\n\r\n        this._value.set(obj);\r\n        this._findAndSelectItems();\r\n        this._changeDetectorRef.markForCheck();\r\n    }\r\n\r\n    registerOnChange(fn: any): void {\r\n        this._changeCallback = fn;\r\n    }\r\n\r\n    registerOnTouched(fn: any): void {\r\n        this._touchCallback = fn;\r\n    }\r\n\r\n    setDisabledState?(isDisabled: boolean): void {\r\n        this._isDisabled.set(isDisabled);\r\n    }\r\n\r\n    private _findAndSelectItems(): void {\r\n        let value = this._value();\r\n        let compareBy = this.compareBy();\r\n        let sourceItems = this._sourceItems();\r\n        if (sourceItems == undefined) {\r\n            return;\r\n        }\r\n\r\n        let findAndSelect = (v: any) => {\r\n            let index = sourceItems.findIndex(sourceItem => compareBy(sourceItem, v));\r\n            if (index > -1) {\r\n                let item = sourceItems.at(index)!;\r\n                this._selectedItems.add(item);\r\n            }\r\n        };\r\n\r\n        if (this.multiple()) {\r\n            if (Array.isArray(value)) {\r\n                (value as any[]).forEach(v => findAndSelect(v));\r\n            }\r\n        } else {\r\n            findAndSelect(value);\r\n        }\r\n    }\r\n\r\n    private _updateValue(): void {\r\n        let value: any;\r\n\r\n        if (this.multiple()) {\r\n            let values: any[] = [];\r\n            this._selectedItems.forEach(v => {\r\n                values.push(this.writeBy()(v));\r\n            });\r\n            value = values;\r\n        } else {\r\n            if (this._selectedItems.size > 0) {\r\n                let first = this._selectedItems.values().next().value;\r\n                value = this.writeBy()(first);\r\n            } else {\r\n                value = undefined;\r\n            }\r\n        }\r\n\r\n        this._value.set(value);\r\n    }\r\n\r\n    protected _onOverlayAttach() {\r\n        this._listenToResizeEvents();\r\n\r\n        setTimeout(() => {\r\n            if (this.filterable()) {\r\n                this._filterElementRef?.nativeElement.focus();\r\n            }\r\n\r\n            this._listComponent!.writeValue(this._value());\r\n            // if (this._activeOptionIndex() > -1) {\r\n            //     this._listComponent?.active(this._activeOptionIndex());\r\n            // }\r\n        }, 0);\r\n    }\r\n\r\n    protected _onOverlayDetach() {\r\n        this._unlistenFromResizeEvents();\r\n        this._elementRef!.nativeElement.focus();\r\n        this._filterValue.set('');\r\n        this.open.set(false);\r\n    }\r\n\r\n    protected _onListSelectionChange(e: ListItemSelectEvent) {\r\n        let value = e.item.value();\r\n\r\n        if (this.multiple()) {\r\n            this.toggle(value);\r\n        } else {\r\n            this.select(value);\r\n        }\r\n\r\n        this.itemSelect.emit({ value: e.value, select: this });\r\n        this._changeDetectorRef.detectChanges();\r\n        if (!this.multiple()) {\r\n            this.open.set(false);\r\n        }\r\n    }\r\n\r\n    protected _filterPredicate = computed(() => {\r\n        let filterValue = this._filterValue();\r\n        let filterBy = this.filterBy();\r\n\r\n        return (item: any) => filterBy(item, filterValue);\r\n    })\r\n\r\n    protected _onFilterKeydown(e: KeyboardEvent) {\r\n        let keys = ['ArrowDown', 'ArrowUp', 'Enter', 'Home', 'End'];\r\n\r\n        if (e.key === 'Tab') {\r\n            e.preventDefault();\r\n            this.open.set(false);\r\n        }\r\n\r\n        if (keys.includes(e.key)) {\r\n            e.preventDefault();\r\n            const newEvent = new KeyboardEvent(e.type, e);\r\n            this._listComponent?.elementRef.nativeElement.dispatchEvent(newEvent);\r\n        }\r\n    }\r\n\r\n    private _listenToResizeEvents() {\r\n        this._viewportRuler.change().subscribe(x => {\r\n            this.open.set(false);\r\n        });\r\n\r\n        // this._resizeObserver = new ResizeObserver(e => {\r\n        //     // update overlay size\r\n        //     // const width = (e[0].target as HTMLDivElement).offsetWidth;\r\n        //     // this._connectedOverlay.overlayRef.updateSize({ width });\r\n        // });\r\n\r\n        // this._resizeObserver.observe(this._elementRef.nativeElement);\r\n    }\r\n\r\n    private _unlistenFromResizeEvents() {\r\n        this._viewpoerRulerSubscription?.unsubscribe();\r\n        this._viewpoerRulerSubscription = undefined;\r\n\r\n        // this._resizeObserver?.disconnect();\r\n        // this._resizeObserver = undefined;\r\n    }\r\n\r\n    @HostListener('keydown', ['$event'])\r\n    private _onHostKeydown(e: KeyboardEvent) {\r\n        let sourceItems = this._sourceItems()\r\n        let itemsCount = sourceItems?.length || 0;\r\n\r\n        if (this._isDisabled() || !sourceItems || itemsCount === 0) {\r\n            return;\r\n        }\r\n\r\n        if (this.open()) {\r\n            const newEvent = new KeyboardEvent(e.type, e);\r\n            this._listComponent?.elementRef.nativeElement.dispatchEvent(newEvent);\r\n            return;\r\n        } else {\r\n            if (e.key == 'Enter') {\r\n                this.open.set(true);\r\n                e.preventDefault();\r\n                return;\r\n            }\r\n        }\r\n\r\n        if (this.multiple()) {\r\n            return;\r\n        }\r\n\r\n        let selectedItemindex: number;\r\n        if (this._selectedItems.size == 0) {\r\n            selectedItemindex = -1\r\n        } else {\r\n            let firstValue = this._selectedItems.values().next().value;\r\n            selectedItemindex = sourceItems.findIndex(i => i === firstValue);\r\n        }\r\n\r\n        let newItemIndex = selectedItemindex;\r\n\r\n        switch (e.key) {\r\n            case 'ArrowDown':\r\n                if (selectedItemindex < itemsCount - 1) {\r\n                    newItemIndex = selectedItemindex + 1;\r\n                    this.select(sourceItems[newItemIndex]);\r\n                }\r\n                e.preventDefault();\r\n                break;\r\n            case 'ArrowUp':\r\n                if (selectedItemindex > 0) {\r\n                    newItemIndex = selectedItemindex - 1;\r\n                    this.select(sourceItems[newItemIndex]);\r\n                }\r\n                e.preventDefault();\r\n                break;\r\n            case 'Home':\r\n                if (itemsCount > 0) {\r\n                    newItemIndex = 0;\r\n                    this.select(sourceItems[0]);\r\n                }\r\n                e.preventDefault();\r\n                break;\r\n            case 'End':\r\n                if (itemsCount > 0) {\r\n                    newItemIndex = itemsCount - 1;\r\n                    this.select(sourceItems[newItemIndex]);\r\n                }\r\n                e.preventDefault();\r\n                break;\r\n        }\r\n\r\n        if (selectedItemindex != newItemIndex!) {\r\n            this.itemSelect.emit({ value: sourceItems[newItemIndex], select: this });\r\n            this._changeDetectorRef.markForCheck();\r\n        }\r\n    }\r\n\r\n    @HostListener('click', ['$event'])\r\n    private _onHostClick(e: MouseEvent) {\r\n        if (this._isDisabled() || this.source().isLoading()) {\r\n            return;\r\n        }\r\n\r\n        this.open.update(x => !x);\r\n        this._touchCallback?.();\r\n    }\r\n}\r\n\r\n\r\n/**\r\n * Event emitted when the selection state of the select component changes by user interaction.\r\n */\r\nexport interface ItemSelectEvent {\r\n    /**\r\n     * The value of the item that was selected or deselected.\r\n     */\r\n    value: any;\r\n\r\n    /**\r\n     * The select component that emitted the event.\r\n     */\r\n    readonly select: SelectComponent\r\n}\r\n","@if(multiple()) {\r\n\r\n@for(item of _selectedItems.values(); track $index; let last=$last) {\r\n{{formatBy()(item)}}@if(!last) {,}\r\n}\r\n\r\n} @else {\r\n@if(_selectedItems.size > 0) {\r\n{{formatBy()(_selectedItems.values().next().value)}}\r\n}\r\n}\r\n\r\n@if(source().isLoading()) {\r\n<div class=\"spinner-grow text-secondary spinner-grow-sm ng0-select-spinner\" role=\"status\">\r\n    <span class=\"visually-hidden\">Loading...</span>\r\n</div>\r\n\r\n&nbsp; <!-- This space is required to prevent layout shift after loading indicator hides. -->\r\n}\r\n\r\n<ng-template cdkConnectedOverlay\r\n             [cdkConnectedOverlayOrigin]=\"_elementRef.nativeElement\"\r\n             [cdkConnectedOverlayOpen]=\"open()\"\r\n             [cdkConnectedOverlayScrollStrategy]=\"_scrollStrategy\"\r\n             [cdkConnectedOverlayPush]=\"false\"\r\n             [cdkConnectedOverlayFlexibleDimensions]=\"true\"\r\n             [cdkConnectedOverlayPanelClass]=\"['ng0-select-dropdown']\"\r\n             [cdkConnectedOverlayWidth]=\"_elementRef.nativeElement.clientWidth\"\r\n             (overlayOutsideClick)=\"this.open.set(false)\"\r\n             (attach)=\"_onOverlayAttach();\"\r\n             (detach)=\"_onOverlayDetach()\">\r\n\r\n    @if(filterable()) {\r\n    <div class=\"ng0-select-filter-container\">\r\n        <input #filterInput\r\n               type=\"text\"\r\n               class=\"ng0-select-filter-input\"\r\n               [attr.placeholder]=\"filterPlaceholder()\"\r\n               (input)=\"_filterValue.set($event.target.value)\"\r\n               (keydown)=\"_onFilterKeydown($event)\">\r\n    </div>\r\n    }\r\n\r\n    <ng0-select-list #list\r\n                     [source]=\"_sourceItems()\"\r\n                     [multiple]=\"multiple()\"\r\n                     [formatBy]=\"formatBy()\"\r\n                     [compareBy]=\"compareBy()\"\r\n                     [itemClass]=\"itemClass()\"\r\n                     [showSelectionIndicator]=\"showSelectionIndicator()\"\r\n                     [itemTemplate]=\"itemTemplate\"\r\n                     [filterBy]=\"_filterPredicate()\"\r\n                     focusMode=\"none\"\r\n                     (mousedown)=\"$event.preventDefault(); $event.stopImmediatePropagation()\"\r\n                     (itemSelect)=\"_onListSelectionChange($event)\">\r\n    </ng0-select-list>\r\n</ng-template>","import { NgModule } from '@angular/core';\r\nimport { SelectComponent } from './select.component';\r\n\r\nconst Items = [SelectComponent]\r\n\r\n/**\r\n * Select module.\r\n */\r\n@NgModule({\r\n    imports: Items,\r\n    exports: Items\r\n})\r\nexport class SelectModule { }\r\n","// export  *  from './types';\r\nexport * from './select.component';\r\nexport * from './select.module';\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"bootkit-ng0-components-select.mjs","sources":["../../../projects/ng0/components/select/select.component.ts","../../../projects/ng0/components/select/select.component.html","../../../projects/ng0/components/select/select.module.ts","../../../projects/ng0/components/select/public-api.ts","../../../projects/ng0/components/select/bootkit-ng0-components-select.ts"],"sourcesContent":["import { Component, ElementRef, Renderer2, input, signal, model, HostListener, inject, forwardRef, ViewChild, TemplateRef, ContentChild, ViewEncapsulation, ChangeDetectionStrategy, booleanAttribute, ChangeDetectorRef, effect, computed, untracked, Output, EventEmitter, EnvironmentInjector } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { dataSourceAttribute, DataSource, DataSourceLike, DataRequest } from '@bootkit/ng0/data';\nimport { ControlValueAccessor, NG_VALUE_ACCESSOR } from '@angular/forms';\nimport { FlexibleConnectedPositionStrategy, Overlay, OverlayModule, ScrollStrategy, ViewportRuler } from '@angular/cdk/overlay';\nimport { Subscription } from 'rxjs';\nimport { objectFormatterAttribute, defaultFormatter, LocalizationService } from '@bootkit/ng0/localization';\nimport { ListComponent, ListModule, ListItemSelectEvent } from '@bootkit/ng0/components/list';\nimport {\n    CssClassAttribute, equalityComparerAttribute, defaultEqualityComparer, valueWriterAttribute, defaultValueWriter,\n    IdGeneratorAttribute, defaultFilter, filterPredicateAttribute\n} from '@bootkit/ng0/common';\n\n/**\n * Select component that allows users to choose an option from a dropdown list.\n */\n@Component({\n    selector: 'ng0-select',\n    exportAs: 'ng0Select',\n    templateUrl: './select.component.html',\n    styleUrl: './select.component.scss',\n    standalone: true,\n    encapsulation: ViewEncapsulation.None,\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    imports: [CommonModule, ListModule, OverlayModule],\n    providers: [{\n        provide: NG_VALUE_ACCESSOR,\n        useExisting: forwardRef(() => SelectComponent),\n        multi: true\n    }],\n    host: {\n        '[class.ng0-select-open]': 'open()',\n        '[class.ng0-select-filterable]': 'filterable()',\n        '[class.ng0-select-loading]': 'source().isLoading()',\n        '[attr.disabled]': '_isDisabled() ? \"\" : undefined',\n        '[attr.aria-disabled]': '_isDisabled() ? \"\" : undefined',\n        '[attr.tabindex]': '_isDisabled() ? undefined : 0',\n    }\n})\nexport class SelectComponent implements ControlValueAccessor {\n    // private _resizeObserver?: ResizeObserver;\n    private _viewpoerRulerSubscription?: Subscription;\n    private _injector = inject(EnvironmentInjector);\n    @ViewChild('filterInput') private _filterElementRef?: ElementRef;\n    @ViewChild(ListComponent) private _listComponent?: ListComponent;\n    private _changeCallback!: (value: any) => void;\n    private _touchCallback!: () => void;\n    protected readonly _sourceItems = signal<any[] | undefined>(undefined);\n    protected readonly _selectedItems = new Set<any>();\n    protected readonly _isDisabled = signal<boolean>(false);\n    protected _positionStrategy!: FlexibleConnectedPositionStrategy;\n    protected _scrollStrategy!: ScrollStrategy;\n    private readonly _overlay = inject(Overlay);\n    private readonly _localizationService = inject(LocalizationService);\n    protected readonly _elementRef = inject(ElementRef<HTMLDivElement>);\n    protected readonly _filterValue = signal('');\n    private readonly _renderer = inject(Renderer2);\n    private readonly _viewportRuler = inject(ViewportRuler);\n    private readonly _changeDetectorRef = inject(ChangeDetectorRef);\n    private readonly _value = signal<any>(undefined);\n\n    /**\n     * Template for rendering each item in the select component.\n     */\n    @ContentChild(TemplateRef) public itemTemplate?: TemplateRef<any>;\n\n    /**\n     * The data source for the select component.\n     * This can be an array of data, a function that returns an observable of data,\n     * or an instance of DataSource.\n     */\n    public readonly source = input.required<DataSource<any>, DataSourceLike<any>>({\n        transform: v => dataSourceAttribute(v)\n    });\n\n    /** \n     * Indicates whether multi selection is enabled or not.\n     */\n    public readonly multiple = input(false, {\n        transform: booleanAttribute\n    });\n\n    /**\n     * Indicates whether to show selection indicator (checkbox/radio) next to each item.\n     * Default is false.\n     */\n    public readonly showSelectionIndicator = input(false, {\n        transform: booleanAttribute\n    });\n\n    /** \n     * Indicates whether the dropdown is open or closed.\n     */\n    public readonly open = model(false);\n\n    /**\n    * A comparer to compare items for selection.\n    */\n    public readonly compareBy = input(defaultEqualityComparer, {\n        transform: equalityComparerAttribute\n    });\n\n    /**\n     * A fromatter to convert each item to a string for display.\n     */\n    public readonly formatBy = input(defaultFormatter, {\n        transform: objectFormatterAttribute(this._injector)\n    });\n\n    /**\n     * Custom value writer to extract the value of any object while writing values.\n     */\n    public readonly writeBy = input(defaultValueWriter, {\n        transform: valueWriterAttribute\n    });\n\n    /**\n     * Indicates whether the select component is filterable.\n     */\n    public readonly filterable = input(false, { transform: booleanAttribute });\n\n    /**\n     * Custom filter function to filter items based on a filter value.\n     * Default checks if the item contains the filter value (case-insensitive).\n     */\n    public readonly filterBy = input(defaultFilter, {\n        transform: filterPredicateAttribute\n    });\n\n    /**\n     * Placeholder text for the filter input field.\n     */\n    public readonly filterPlaceholder = input<string | undefined>(undefined);\n\n    /**\n     * CSS class or classes to apply to the items.\n     */\n    public readonly itemClass = input(undefined, {\n        transform: CssClassAttribute\n    });\n\n    /**\n     * A function that generates unique ids for each item in the list.\n     * If set to a function, it will be called with the item as an argument to generate the id.\n     * If set to undefined, no ids will be generated for the items.\n     * @default undefined\n     */\n    public readonly idGenerator = input(undefined, {\n        transform: IdGeneratorAttribute\n    });\n\n    /**\n     * Event emitted when the selected value changes.\n     */\n    @Output() public readonly itemSelect = new EventEmitter<ItemSelectEvent>();\n\n    constructor() {\n        ['ng0-select', 'form-select'].forEach(c => this._renderer.addClass(this._elementRef.nativeElement, c));\n        this._scrollStrategy = this._overlay.scrollStrategies.block();\n\n        effect(() => {\n            let source = this.source();\n            source.load(new DataRequest()).subscribe(res => {\n                untracked(() => {\n                    this._sourceItems.set(res.data);\n                    this._findAndSelectItems();\n                    this._changeDetectorRef.markForCheck();\n                })\n            });\n        });\n    }\n\n    /**\n     * Indicates whether the given value is selected.\n     * @param item \n     * @returns \n     */\n    public isSelected(value: any): boolean {\n        return this._selectedItems.has(value);\n    }\n\n    /**\n     * Selects the given value.\n     * @param item \n     */\n    public select(value: any): void {\n        if (this.multiple()) {\n            if (!this._selectedItems.has(value)) {\n                this._selectedItems.add(value);\n                this._updateValue();\n                this._changeCallback?.(this._value());\n            }\n        } else {\n            this._selectedItems.clear();\n            this._selectedItems.add(value);\n            this._updateValue();\n            this._changeCallback?.(this._value());\n        }\n    }\n\n    /**\n     * Deselects the given value.\n     * @param item \n     */\n    public deselect(value: any): void {\n        this._selectedItems.delete(value);\n        this._updateValue();\n        this._changeCallback?.(this._value());\n    }\n\n    /**\n     * Toggles the selection state of the given value.\n     * @param item\n    */\n    public toggle(value: any): void {\n        if (this.isSelected(value)) {\n            this.deselect(value);\n        } else {\n            this.select(value);\n        }\n    }\n\n    writeValue(obj: any): void {\n        if (this.multiple()) {\n            if (obj === null || obj === undefined) {\n                obj = [];\n            } else if (!Array.isArray(obj)) {\n                throw Error('invalid value. Expected an array in multiple selection mode.');\n            }\n        }\n\n        this._value.set(obj);\n        this._findAndSelectItems();\n        this._changeDetectorRef.markForCheck();\n    }\n\n    registerOnChange(fn: any): void {\n        this._changeCallback = fn;\n    }\n\n    registerOnTouched(fn: any): void {\n        this._touchCallback = fn;\n    }\n\n    setDisabledState?(isDisabled: boolean): void {\n        this._isDisabled.set(isDisabled);\n    }\n\n    private _findAndSelectItems(): void {\n        let value = this._value();\n        let compareBy = this.compareBy();\n        let sourceItems = this._sourceItems();\n        this._selectedItems.clear();\n        if (sourceItems == undefined || sourceItems.length == 0) {\n            return;\n        }\n\n        let findAndSelect = (v: any) => {\n            let index = sourceItems.findIndex(sourceItem => compareBy(sourceItem, v));\n            if (index > -1) {\n                let item = sourceItems.at(index)!;\n                this._selectedItems.add(item);\n            }\n        };\n\n        if (this.multiple()) {\n            if (Array.isArray(value)) {\n                (value as any[]).forEach(v => findAndSelect(v));\n            }\n        } else {\n            findAndSelect(value);\n        }\n    }\n\n    private _updateValue(): void {\n        let value: any;\n\n        if (this.multiple()) {\n            let values: any[] = [];\n            this._selectedItems.forEach(v => {\n                values.push(this.writeBy()(v));\n            });\n            value = values;\n        } else {\n            if (this._selectedItems.size > 0) {\n                let first = this._selectedItems.values().next().value;\n                value = this.writeBy()(first);\n            } else {\n                value = undefined;\n            }\n        }\n\n        this._value.set(value);\n    }\n\n    protected _onOverlayAttach() {\n        this._listenToResizeEvents();\n\n        setTimeout(() => {\n            if (this.filterable()) {\n                this._filterElementRef?.nativeElement.focus();\n            }\n\n            this._listComponent!.writeValue(this._value());\n            // if (this._activeOptionIndex() > -1) {\n            //     this._listComponent?.active(this._activeOptionIndex());\n            // }\n        }, 0);\n    }\n\n    protected _onOverlayDetach() {\n        this._unlistenFromResizeEvents();\n        this._elementRef!.nativeElement.focus();\n        this._filterValue.set('');\n        this.open.set(false);\n    }\n\n    protected _onListSelectionChange(e: ListItemSelectEvent) {\n        let value = e.item.value();\n\n        if (this.multiple()) {\n            this.toggle(value);\n        } else {\n            this.select(value);\n        }\n\n        this.itemSelect.emit({ value: e.value, select: this });\n        this._changeDetectorRef.detectChanges();\n        if (!this.multiple()) {\n            this.open.set(false);\n        }\n    }\n\n    protected _filterPredicate = computed(() => {\n        let filterValue = this._filterValue();\n        let filterBy = this.filterBy();\n\n        return (item: any) => filterBy(item, filterValue);\n    })\n\n    protected _onFilterKeydown(e: KeyboardEvent) {\n        let keys = ['ArrowDown', 'ArrowUp', 'Enter', 'Home', 'End'];\n\n        if (e.key === 'Tab') {\n            e.preventDefault();\n            this.open.set(false);\n        }\n\n        if (keys.includes(e.key)) {\n            e.preventDefault();\n            const newEvent = new KeyboardEvent(e.type, e);\n            this._listComponent?.elementRef.nativeElement.dispatchEvent(newEvent);\n        }\n    }\n\n    private _listenToResizeEvents() {\n        this._viewportRuler.change().subscribe(x => {\n            this.open.set(false);\n        });\n\n        // this._resizeObserver = new ResizeObserver(e => {\n        //     // update overlay size\n        //     // const width = (e[0].target as HTMLDivElement).offsetWidth;\n        //     // this._connectedOverlay.overlayRef.updateSize({ width });\n        // });\n\n        // this._resizeObserver.observe(this._elementRef.nativeElement);\n    }\n\n    private _unlistenFromResizeEvents() {\n        this._viewpoerRulerSubscription?.unsubscribe();\n        this._viewpoerRulerSubscription = undefined;\n\n        // this._resizeObserver?.disconnect();\n        // this._resizeObserver = undefined;\n    }\n\n    @HostListener('keydown', ['$event'])\n    protected _onHostKeydown(e: KeyboardEvent) {\n        let sourceItems = this._sourceItems()\n        let itemsCount = sourceItems?.length || 0;\n\n        if (this._isDisabled() || !sourceItems || itemsCount === 0) {\n            return;\n        }\n\n        if (this.open()) {\n            const newEvent = new KeyboardEvent(e.type, e);\n            this._listComponent?.elementRef.nativeElement.dispatchEvent(newEvent);\n            return;\n        } else {\n            if (e.key == 'Enter') {\n                this.open.set(true);\n                e.preventDefault();\n                return;\n            }\n        }\n\n        if (this.multiple()) {\n            return;\n        }\n\n        let selectedItemindex: number;\n        if (this._selectedItems.size == 0) {\n            selectedItemindex = -1\n        } else {\n            let firstValue = this._selectedItems.values().next().value;\n            selectedItemindex = sourceItems.findIndex(i => i === firstValue);\n        }\n\n        let newItemIndex = selectedItemindex;\n\n        switch (e.key) {\n            case 'ArrowDown':\n                if (selectedItemindex < itemsCount - 1) {\n                    newItemIndex = selectedItemindex + 1;\n                    this.select(sourceItems[newItemIndex]);\n                }\n                e.preventDefault();\n                break;\n            case 'ArrowUp':\n                if (selectedItemindex > 0) {\n                    newItemIndex = selectedItemindex - 1;\n                    this.select(sourceItems[newItemIndex]);\n                }\n                e.preventDefault();\n                break;\n            case 'Home':\n                if (itemsCount > 0) {\n                    newItemIndex = 0;\n                    this.select(sourceItems[0]);\n                }\n                e.preventDefault();\n                break;\n            case 'End':\n                if (itemsCount > 0) {\n                    newItemIndex = itemsCount - 1;\n                    this.select(sourceItems[newItemIndex]);\n                }\n                e.preventDefault();\n                break;\n        }\n\n        if (selectedItemindex != newItemIndex!) {\n            this.itemSelect.emit({ value: sourceItems[newItemIndex], select: this });\n            this._changeDetectorRef.markForCheck();\n        }\n    }\n\n    @HostListener('click', ['$event'])\n    protected _onHostClick(e: MouseEvent) {\n        if (this._isDisabled() || this.source().isLoading()) {\n            return;\n        }\n\n        this.open.update(x => !x);\n        this._touchCallback?.();\n    }\n}\n\n\n/**\n * Event emitted when the selection state of the select component changes by user interaction.\n */\nexport interface ItemSelectEvent {\n    /**\n     * The value of the item that was selected or deselected.\n     */\n    value: any;\n\n    /**\n     * The select component that emitted the event.\n     */\n    readonly select: SelectComponent\n}\n","@if(multiple()) {\n\n@for(item of _selectedItems.values(); track $index; let last=$last) {\n{{formatBy()(item)}}@if(!last) {,}\n}\n\n} @else {\n@if(_selectedItems.size > 0) {\n{{formatBy()(_selectedItems.values().next().value)}}\n}\n}\n\n@if(source().isLoading()) {\n<div class=\"spinner-grow text-secondary spinner-grow-sm ng0-select-spinner\" role=\"status\">\n    <span class=\"visually-hidden\">Loading...</span>\n</div>\n\n&nbsp; <!-- This space is required to prevent layout shift after loading indicator hides. -->\n}\n\n<ng-template cdkConnectedOverlay\n             [cdkConnectedOverlayOrigin]=\"_elementRef.nativeElement\"\n             [cdkConnectedOverlayOpen]=\"open()\"\n             [cdkConnectedOverlayScrollStrategy]=\"_scrollStrategy\"\n             [cdkConnectedOverlayPush]=\"false\"\n             [cdkConnectedOverlayFlexibleDimensions]=\"true\"\n             [cdkConnectedOverlayPanelClass]=\"['ng0-select-dropdown']\"\n             [cdkConnectedOverlayWidth]=\"_elementRef.nativeElement.clientWidth\"\n             (overlayOutsideClick)=\"this.open.set(false)\"\n             (attach)=\"_onOverlayAttach();\"\n             (detach)=\"_onOverlayDetach()\">\n\n    @if(filterable()) {\n    <div class=\"ng0-select-filter-container\">\n        <input #filterInput\n               type=\"text\"\n               class=\"ng0-select-filter-input\"\n               [attr.placeholder]=\"filterPlaceholder()\"\n               (input)=\"_filterValue.set($event.target.value)\"\n               (keydown)=\"_onFilterKeydown($event)\">\n    </div>\n    }\n\n    <ng0-select-list #list\n                     [source]=\"_sourceItems()\"\n                     [multiple]=\"multiple()\"\n                     [formatBy]=\"formatBy()\"\n                     [compareBy]=\"compareBy()\"\n                     [itemClass]=\"itemClass()\"\n                     [showSelectionIndicator]=\"showSelectionIndicator()\"\n                     [itemTemplate]=\"itemTemplate\"\n                     [filterBy]=\"_filterPredicate()\"\n                     focusMode=\"none\"\n                     (mousedown)=\"$event.preventDefault(); $event.stopImmediatePropagation()\"\n                     (itemSelect)=\"_onListSelectionChange($event)\">\n    </ng0-select-list>\n</ng-template>\n","import { NgModule } from '@angular/core';\nimport { SelectComponent } from './select.component';\n\nconst Items = [SelectComponent]\n\n/**\n * Select module.\n */\n@NgModule({\n    imports: Items,\n    exports: Items\n})\nexport class SelectModule { }\n","// export  *  from './types';\nexport * from './select.component';\nexport * from './select.module';\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-components-sidenav.mjs

@@ -39,7 +39,7 @@ class SidenavComponent {
      * Sidenav z-index.
      * Determines the stack order of the sidenav.
      */
-    zIndex = input(undefined, ...(ngDevMode ? [{ debugName: "zIndex", transform: numberAttribute }] : [{ transform: numberAttribute }]));
+    zIndex = input(1000, ...(ngDevMode ? [{ debugName: "zIndex", transform: numberAttribute }] : [{ transform: numberAttribute }]));
     /**
      * Sidenav position.
      * Determines the position of the sidenav.
@@ -223,7 +223,7 @@ class SidenavContainerComponent {
         return true;
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.11", ngImport: i0, type: SidenavContainerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.11", type: SidenavContainerComponent, isStandalone: true, selector: "ng0-sidenav-container", outputs: { backdropClick: "backdropClick" }, host: { properties: { "style.padding-inline-start": "_getPadding('start')", "style.padding-inline-end": "_getPadding('end')", "style.padding-top": "_getPadding('top')", "style.padding-bottom": "_getPadding('bottom')", "class.ng0-sidenav-transition": "_isTransitionEnabled", "class.ng0-sidenav-content-hidden": "!_canComputePadding()" } }, queries: [{ propertyName: "_sidenavs", predicate: SidenavComponent }], ngImport: i0, template: "<ng-content select=\"ng0-sidenav-content\"></ng-content>\r\n<ng-content></ng-content>", styles: [":root{--ng0-sidenav-transition-duration: .2s;--ng0-sidenav-transition-function: ease-out}ng0-sidenav-container{position:relative;display:block;overflow:hidden;will-change:padding}ng0-sidenav-container.ng0-sidenav-transition{transition:padding var(--ng0-sidenav-transition-duration) var(--ng0-sidenav-transition-function)}ng0-sidenav-container.ng0-sidenav-content-hidden ng0-sidenav-content{opacity:0}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.11", type: SidenavContainerComponent, isStandalone: true, selector: "ng0-sidenav-container", outputs: { backdropClick: "backdropClick" }, host: { properties: { "style.padding-inline-start": "_getPadding('start')", "style.padding-inline-end": "_getPadding('end')", "style.padding-top": "_getPadding('top')", "style.padding-bottom": "_getPadding('bottom')", "class.ng0-sidenav-transition": "_isTransitionEnabled", "class.ng0-sidenav-content-hidden": "!_canComputePadding()" } }, queries: [{ propertyName: "_sidenavs", predicate: SidenavComponent }], ngImport: i0, template: "<ng-content select=\"ng0-sidenav-content\"></ng-content>\n<ng-content></ng-content>", styles: [":root{--ng0-sidenav-transition-duration: .2s;--ng0-sidenav-transition-function: ease-out}ng0-sidenav-container{position:relative;display:block;overflow:hidden;will-change:padding}ng0-sidenav-container.ng0-sidenav-transition{transition:padding var(--ng0-sidenav-transition-duration) var(--ng0-sidenav-transition-function)}ng0-sidenav-container.ng0-sidenav-content-hidden ng0-sidenav-content{opacity:0}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.11", ngImport: i0, type: SidenavContainerComponent, decorators: [{
             type: Component,
@@ -234,7 +234,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.11", ngImpo
                         "[style.padding-bottom]": "_getPadding('bottom')",
                         "[class.ng0-sidenav-transition]": "_isTransitionEnabled",
                         "[class.ng0-sidenav-content-hidden]": "!_canComputePadding()",
-                    }, template: "<ng-content select=\"ng0-sidenav-content\"></ng-content>\r\n<ng-content></ng-content>", styles: [":root{--ng0-sidenav-transition-duration: .2s;--ng0-sidenav-transition-function: ease-out}ng0-sidenav-container{position:relative;display:block;overflow:hidden;will-change:padding}ng0-sidenav-container.ng0-sidenav-transition{transition:padding var(--ng0-sidenav-transition-duration) var(--ng0-sidenav-transition-function)}ng0-sidenav-container.ng0-sidenav-content-hidden ng0-sidenav-content{opacity:0}\n"] }]
+                    }, template: "<ng-content select=\"ng0-sidenav-content\"></ng-content>\n<ng-content></ng-content>", styles: [":root{--ng0-sidenav-transition-duration: .2s;--ng0-sidenav-transition-function: ease-out}ng0-sidenav-container{position:relative;display:block;overflow:hidden;will-change:padding}ng0-sidenav-container.ng0-sidenav-transition{transition:padding var(--ng0-sidenav-transition-duration) var(--ng0-sidenav-transition-function)}ng0-sidenav-container.ng0-sidenav-content-hidden ng0-sidenav-content{opacity:0}\n"] }]
         }], propDecorators: { _sidenavs: [{
                 type: ContentChildren,
                 args: [SidenavComponent]

package/fesm2022/bootkit-ng0-components-sidenav.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"bootkit-ng0-components-sidenav.mjs","sources":["../../../projects/ng0/components/sidenav/sidenav.component.ts","../../../projects/ng0/components/sidenav/sidenav-container.component.ts","../../../projects/ng0/components/sidenav/sidenav-container.component.html","../../../projects/ng0/components/sidenav/sidenav-content.component.ts","../../../projects/ng0/components/sidenav/sidenav.module.ts","../../../projects/ng0/components/sidenav/bootkit-ng0-components-sidenav.ts"],"sourcesContent":["import { booleanAttribute, numberAttribute, Component, ComponentRef, effect, ElementRef, EventEmitter, input, OnDestroy, Output, Renderer2, ViewContainerRef, inject, ChangeDetectionStrategy, ViewEncapsulation, PLATFORM_ID, Inject, DOCUMENT } from '@angular/core';\r\nimport { SidenavMode, SidenavPosition, SidenavSize } from './types';\r\nimport { BackdropComponent } from '@bootkit/ng0/components/backdrop';\r\nimport { isPlatformServer } from '@angular/common';\r\nimport { SidenavContainerComponent } from './sidenav-container.component';\r\nimport { Observable, Subscription, throttleTime } from 'rxjs';\r\n\r\n/**\r\n * A sidenav component that displays a sliding navigation panel.\r\n */\r\n@Component({\r\n  selector: 'ng0-sidenav',\r\n  template: `<ng-content></ng-content>`,\r\n  styleUrls: ['./sidenav.component.scss'],\r\n  encapsulation: ViewEncapsulation.None,\r\n  changeDetection: ChangeDetectionStrategy.OnPush,\r\n  standalone: true,\r\n  host: {\r\n    \"[style.width]\": \"position() == 'start' || position() == 'end' ? _getFixedSize() : undefined\",\r\n    \"[style.height]\": \"undefined\",\r\n    \"[style.z-index]\": \"zIndex()\",\r\n    \"[class.ng0-sidenav-start]\": \"position() == 'start'\",\r\n    \"[class.ng0-sidenav-end]\": \"position() == 'end'\",\r\n    \"[class.ng0-sidenav-top]\": \"position() == 'top'\",\r\n    \"[class.ng0-sidenav-bottom]\": \"position() == 'bottom'\",\r\n    \"[class.ng0-sidenav-open]\": \"open()\",\r\n    \"[class.ng0-sidenav-small]\": \"size() == 'small'\",\r\n    \"[class.ng0-sidenav-medium]\": \"size() == 'medium'\",\r\n    \"[class.ng0-sidenav-large]\": \"size() == 'large'\",\r\n    \"[class.ng0-sidenav-full]\": \"size() == 'full'\",\r\n    \"[class.ng0-sidenav-fixed]\": \"fixedInViewport()\",\r\n  }\r\n})\r\nexport class SidenavComponent implements OnDestroy {\r\n  private _bodyOverflowStyle?: string;\r\n  private _sidenavContainer = inject(SidenavContainerComponent);\r\n  private _vcr = inject(ViewContainerRef);\r\n  private _renderer = inject(Renderer2);\r\n  private _backdropRef?: ComponentRef<BackdropComponent>;\r\n  private _backdropClickHandlerUnlisten?: () => void;\r\n  private _platformId = inject(PLATFORM_ID);\r\n  protected _isPlatformServer = isPlatformServer(this._platformId)\r\n  private _resizeSubscription?: Subscription;\r\n  private readonly _elementRef = inject(ElementRef<HTMLElement>);\r\n\r\n\r\n  /**\r\n   * Whether the sidenav is open.\r\n   */\r\n  public open = input(false, { transform: booleanAttribute });\r\n\r\n  /**\r\n   * Sidenav mode.\r\n   * Determines how the sidenav is displayed.\r\n   * Can be either 'push' or 'over'.\r\n   * - 'push': The content is pushed aside to make room for the sidenav.\r\n   * - 'over': The sidenav is displayed on top of the content.\r\n   */\r\n  public mode = input<SidenavMode>('push');\r\n\r\n  /**\r\n   * Whether the sidenav has a backdrop.\r\n   * The backdrop is shown only when the sidenav is open and mode is 'over'.\r\n   */\r\n  public hasBackdrop = input(true, { transform: booleanAttribute });\r\n\r\n  /**\r\n   * Sidenav z-index.\r\n   * Determines the stack order of the sidenav.\r\n   */\r\n  public zIndex = input(undefined, { transform: numberAttribute });\r\n\r\n  /**\r\n   * Sidenav position.\r\n   * Determines the position of the sidenav.\r\n   * Can be either 'start', 'end', 'top', or 'bottom'.\r\n   */\r\n  public position = input<SidenavPosition>('start');\r\n\r\n  /**\r\n   * Sidenav size.\r\n   * Determines the size of the sidenav.  \r\n   * Can be either 'small', 'medium', 'large', 'full', or a specific value.  \r\n   * If a specific value is provided, it will be used as the width/height of the sidenav.\r\n   * @example\r\n   * - 100, '300px', '50%', '50vh', 'small', 'full', ...\r\n   */\r\n  public size = input<SidenavSize>();\r\n\r\n  /**\r\n   * Whether the sidenav is fixed in the viewport.\r\n   */\r\n  public fixedInViewport = input(false, { transform: booleanAttribute });\r\n\r\n  public elmentRef = inject(ElementRef);\r\n\r\n  /**\r\n   * Emits when the backdrop is clicked.\r\n   */\r\n  @Output() public backdropClick = new EventEmitter<PointerEvent>();\r\n\r\n  constructor() {\r\n    effect(() => {\r\n      var hasBackdrop = this.hasBackdrop();\r\n      var mode = this.mode();\r\n      var open = this.open();\r\n\r\n      if (mode == 'over' && hasBackdrop && open) {\r\n        this._createBackdrop();\r\n      } else {\r\n        this._destroyBackdrop();\r\n      }\r\n    });\r\n\r\n    if (!this._isPlatformServer) {\r\n      this._observeResize()\r\n        .pipe(throttleTime(100, undefined, { leading: true, trailing: true }))\r\n        .subscribe(entries => {\r\n          this._sidenavContainer.changeDetectorRef.markForCheck();\r\n          // console.log('Resized to:', entries[0].contentRect.width, entries[0].contentRect.height);\r\n        });\r\n    }\r\n  }\r\n\r\n  _getFixedSize(): string | undefined {\r\n    let size = this.size();\r\n    let t = typeof size;\r\n    if (t == 'string') {\r\n      return ['small', 'medium', 'large', 'full'].includes(size as string) ? undefined : size as string;\r\n    } else if (t == 'number') {\r\n      return `${size}px`;\r\n    } else {\r\n      return undefined;\r\n    }\r\n  };\r\n\r\n  private _observeResize(): Observable<ResizeObserverEntry[]> {\r\n    return new Observable(observer => {\r\n      const resizeObserver = new ResizeObserver(entries => observer.next(entries));\r\n      resizeObserver.observe(this._elementRef.nativeElement);\r\n      return () => resizeObserver.disconnect();\r\n    });\r\n  }\r\n\r\n  private _createBackdrop() {\r\n    if (this._backdropRef) return;\r\n\r\n    this._backdropRef = this._vcr.createComponent(BackdropComponent);\r\n    const backdropElm = this._backdropRef.location.nativeElement;\r\n    this._backdropRef.instance.fixed.set(this.fixedInViewport());\r\n    if (this.zIndex() != undefined) {\r\n      this._renderer.setStyle(backdropElm, 'z-index', this.zIndex());\r\n    }\r\n    this._backdropClickHandlerUnlisten = this._renderer.listen(backdropElm, 'click', (e) => {\r\n      this.backdropClick.emit(e);\r\n    });\r\n\r\n    // Move backdrop element before Host element\r\n    const hostElm = this.elmentRef.nativeElement;\r\n    const parentElm = hostElm.parentNode;\r\n    this._renderer.insertBefore(parentElm, backdropElm, hostElm);\r\n\r\n\r\n    // disable body scroll when sidenav is open and fixedInViewport is true\r\n    if (!this._isPlatformServer && this.fixedInViewport()) {\r\n      const body = document.getElementsByTagName('body')[0];\r\n      this._bodyOverflowStyle = body.style.overflow;\r\n      body.style.overflow = 'hidden';\r\n      this._renderer.setStyle(body, 'overflow', 'hidden');\r\n    }\r\n  }\r\n\r\n  private _destroyBackdrop() {\r\n    this._backdropClickHandlerUnlisten?.();\r\n    this._backdropRef?.destroy();\r\n    this._backdropClickHandlerUnlisten = undefined;\r\n    this._backdropRef = undefined;\r\n\r\n    // restore body scroll when sidenav is closed\r\n    if (!this._isPlatformServer && this.fixedInViewport()) {\r\n      const body = document.getElementsByTagName('body')[0];\r\n      this._renderer.setStyle(body, 'overflow', this._bodyOverflowStyle);\r\n    }\r\n  }\r\n\r\n  ngOnDestroy(): void {\r\n    this._destroyBackdrop();\r\n    this._resizeSubscription?.unsubscribe();\r\n  }\r\n}\r\n","import { AfterViewInit, ChangeDetectionStrategy, ChangeDetectorRef, Component, ContentChildren, EventEmitter, inject, Output, PLATFORM_ID, QueryList, ViewEncapsulation } from '@angular/core';\r\nimport { isPlatformServer } from '@angular/common';\r\nimport { SidenavComponent } from './sidenav.component';\r\nimport { SidenavPosition } from './types';\r\n\r\n/**\r\n * Sidenav container component\r\n */\r\n@Component({\r\n  selector: 'ng0-sidenav-container',\r\n  templateUrl: './sidenav-container.component.html',\r\n  styleUrls: ['./sidenav-container.component.scss'],\r\n  encapsulation: ViewEncapsulation.None,\r\n  changeDetection: ChangeDetectionStrategy.OnPush,\r\n  standalone: true,\r\n  host: {\r\n    \"[style.padding-inline-start]\": \"_getPadding('start')\",\r\n    \"[style.padding-inline-end]\": \"_getPadding('end')\",\r\n    \"[style.padding-top]\": \"_getPadding('top')\",\r\n    \"[style.padding-bottom]\": \"_getPadding('bottom')\",\r\n    \"[class.ng0-sidenav-transition]\": \"_isTransitionEnabled\",\r\n    \"[class.ng0-sidenav-content-hidden]\": \"!_canComputePadding()\",\r\n  }\r\n})\r\nexport class SidenavContainerComponent implements AfterViewInit {\r\n  private _platformId = inject(PLATFORM_ID);\r\n  protected _isPlatformServer = isPlatformServer(this._platformId)\r\n  protected _isTransitionEnabled = false;\r\n  @ContentChildren(SidenavComponent) protected _sidenavs!: QueryList<SidenavComponent>;\r\n\r\n  /**\r\n   * Emitted when the backdrop is clicked.\r\n   */\r\n  @Output() public backdropClick = new EventEmitter();\r\n\r\n  public changeDetectorRef = inject(ChangeDetectorRef);\r\n\r\n  protected _getPadding(position: SidenavPosition) {\r\n    let openSidenavs = this._sidenavs.filter(x => x.open() && x.mode() == 'push');\r\n    let filteredSidenavs = openSidenavs.filter(x => x.position() == position);\r\n    if(filteredSidenavs.length == 0) return undefined;\r\n\r\n    if (this._isPlatformServer) {\r\n      let hasDynamicSidenavs = openSidenavs.some(x => x._getFixedSize() == undefined);\r\n      if (hasDynamicSidenavs) {\r\n        // we cannot compute padding on the server\r\n        return undefined;\r\n      } else {\r\n        let fixedSizes = filteredSidenavs.map(x => x._getFixedSize());\r\n        return fixedSizes.length > 1 ? `max(${fixedSizes.join(', ')})` : fixedSizes[0];\r\n      }\r\n    } else {\r\n      let horizontal = position == 'start' || position == 'end';\r\n      let sizes = filteredSidenavs.map(x => horizontal ? x.elmentRef.nativeElement.offsetWidth : x.elmentRef.nativeElement.offsetHeight);\r\n      return `${Math.max(...sizes)}px`;\r\n    }\r\n  };\r\n\r\n  ngAfterViewInit() {\r\n    if (!this._isPlatformServer) {\r\n      setTimeout(() => this._isTransitionEnabled = true);\r\n    }\r\n  }\r\n\r\n  // In some modes the content is pushed based on the width of the opened sidenavs, however on\r\n  // the server we can't measure the sidenav-container padding, so the padding is always zero. This can cause the\r\n  // content to jump around when it's rendered on the server and hydrated on the client.\r\n  // We avoid it by hiding the content on the initial render and then showing it once the sidenav\r\n  // has been measured on the client.\r\n  protected _canComputePadding() {\r\n    if (this._isPlatformServer) {\r\n      let hasDynamicSizenavs = this._sidenavs.some(x => x.open() && x.mode() == 'push' && x._getFixedSize() == undefined);\r\n      return !hasDynamicSizenavs;\r\n    }\r\n\r\n    return true;\r\n  }\r\n}\r\n","<ng-content select=\"ng0-sidenav-content\"></ng-content>\r\n<ng-content></ng-content>","import { ChangeDetectionStrategy, Component, ViewEncapsulation } from '@angular/core';\r\n\r\n/**\r\n * Sidenav content component\r\n */\r\n@Component({\r\n  selector: 'ng0-sidenav-content',\r\n  template: `<ng-content></ng-content>`,\r\n  styles: `ng0-sidenav-content {display: block}`,\r\n  encapsulation: ViewEncapsulation.None,\r\n  changeDetection: ChangeDetectionStrategy.OnPush,\r\n  standalone: true,\r\n})\r\nexport class SidenavContentComponent {\r\n}\r\n","import { NgModule } from '@angular/core';\r\nimport { SidenavContainerComponent } from './sidenav-container.component';\r\nimport { SidenavComponent } from './sidenav.component';\r\nimport { SidenavContentComponent } from './sidenav-content.component';\r\n\r\n/**\r\n * Sidenav module\r\n */\r\n@NgModule({\r\n  imports: [\r\n    SidenavContainerComponent,\r\n    SidenavComponent,\r\n    SidenavContentComponent\r\n  ],\r\n  exports: [\r\n    SidenavContainerComponent,\r\n    SidenavComponent,\r\n    SidenavContentComponent\r\n  ]\r\n})\r\nexport class SidenavModule { }\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;;AAOA;;AAEG;MAwBU,gBAAgB,CAAA;AACnB,IAAA,kBAAkB;AAClB,IAAA,iBAAiB,GAAG,MAAM,CAAC,yBAAyB,CAAC;AACrD,IAAA,IAAI,GAAG,MAAM,CAAC,gBAAgB,CAAC;AAC/B,IAAA,SAAS,GAAG,MAAM,CAAC,SAAS,CAAC;AAC7B,IAAA,YAAY;AACZ,IAAA,6BAA6B;AAC7B,IAAA,WAAW,GAAG,MAAM,CAAC,WAAW,CAAC;AAC/B,IAAA,iBAAiB,GAAG,gBAAgB,CAAC,IAAI,CAAC,WAAW,CAAC;AACxD,IAAA,mBAAmB;AACV,IAAA,WAAW,GAAG,MAAM,EAAC,UAAuB,EAAC;AAG9D;;AAEG;AACI,IAAA,IAAI,GAAG,KAAK,CAAC,KAAK,wCAAI,SAAS,EAAE,gBAAgB,EAAA,CAAA,GAAA,CAA7B,EAAE,SAAS,EAAE,gBAAgB,EAAE,GAAC;AAE3D;;;;;;AAMG;AACI,IAAA,IAAI,GAAG,KAAK,CAAc,MAAM,gDAAC;AAExC;;;AAGG;AACI,IAAA,WAAW,GAAG,KAAK,CAAC,IAAI,+CAAI,SAAS,EAAE,gBAAgB,EAAA,CAAA,GAAA,CAA7B,EAAE,SAAS,EAAE,gBAAgB,EAAE,GAAC;AAEjE;;;AAGG;AACI,IAAA,MAAM,GAAG,KAAK,CAAC,SAAS,0CAAI,SAAS,EAAE,eAAe,EAAA,CAAA,GAAA,CAA5B,EAAE,SAAS,EAAE,eAAe,EAAE,GAAC;AAEhE;;;;AAIG;AACI,IAAA,QAAQ,GAAG,KAAK,CAAkB,OAAO,oDAAC;AAEjD;;;;;;;AAOG;IACI,IAAI,GAAG,KAAK,CAAA,IAAA,SAAA,GAAA,CAAA,SAAA,EAAA,EAAA,SAAA,EAAA,MAAA,EAAA,CAAA,GAAA,EAAA,CAAA,CAAe;AAElC;;AAEG;AACI,IAAA,eAAe,GAAG,KAAK,CAAC,KAAK,mDAAI,SAAS,EAAE,gBAAgB,EAAA,CAAA,GAAA,CAA7B,EAAE,SAAS,EAAE,gBAAgB,EAAE,GAAC;AAE/D,IAAA,SAAS,GAAG,MAAM,CAAC,UAAU,CAAC;AAErC;;AAEG;AACc,IAAA,aAAa,GAAG,IAAI,YAAY,EAAgB;AAEjE,IAAA,WAAA,GAAA;QACE,MAAM,CAAC,MAAK;AACV,YAAA,IAAI,WAAW,GAAG,IAAI,CAAC,WAAW,EAAE;AACpC,YAAA,IAAI,IAAI,GAAG,IAAI,CAAC,IAAI,EAAE;AACtB,YAAA,IAAI,IAAI,GAAG,IAAI,CAAC,IAAI,EAAE;YAEtB,IAAI,IAAI,IAAI,MAAM,IAAI,WAAW,IAAI,IAAI,EAAE;gBACzC,IAAI,CAAC,eAAe,EAAE;YACxB;iBAAO;gBACL,IAAI,CAAC,gBAAgB,EAAE;YACzB;AACF,QAAA,CAAC,CAAC;AAEF,QAAA,IAAI,CAAC,IAAI,CAAC,iBAAiB,EAAE;YAC3B,IAAI,CAAC,cAAc;AAChB,iBAAA,IAAI,CAAC,YAAY,CAAC,GAAG,EAAE,SAAS,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC;iBACpE,SAAS,CAAC,OAAO,IAAG;AACnB,gBAAA,IAAI,CAAC,iBAAiB,CAAC,iBAAiB,CAAC,YAAY,EAAE;;AAEzD,YAAA,CAAC,CAAC;QACN;IACF;IAEA,aAAa,GAAA;AACX,QAAA,IAAI,IAAI,GAAG,IAAI,CAAC,IAAI,EAAE;AACtB,QAAA,IAAI,CAAC,GAAG,OAAO,IAAI;AACnB,QAAA,IAAI,CAAC,IAAI,QAAQ,EAAE;YACjB,OAAO,CAAC,OAAO,EAAE,QAAQ,EAAE,OAAO,EAAE,MAAM,CAAC,CAAC,QAAQ,CAAC,IAAc,CAAC,GAAG,SAAS,GAAG,IAAc;QACnG;AAAO,aAAA,IAAI,CAAC,IAAI,QAAQ,EAAE;YACxB,OAAO,CAAA,EAAG,IAAI,CAAA,EAAA,CAAI;QACpB;aAAO;AACL,YAAA,OAAO,SAAS;QAClB;IACF;;IAEQ,cAAc,GAAA;AACpB,QAAA,OAAO,IAAI,UAAU,CAAC,QAAQ,IAAG;AAC/B,YAAA,MAAM,cAAc,GAAG,IAAI,cAAc,CAAC,OAAO,IAAI,QAAQ,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;YAC5E,cAAc,CAAC,OAAO,CAAC,IAAI,CAAC,WAAW,CAAC,aAAa,CAAC;AACtD,YAAA,OAAO,MAAM,cAAc,CAAC,UAAU,EAAE;AAC1C,QAAA,CAAC,CAAC;IACJ;IAEQ,eAAe,GAAA;QACrB,IAAI,IAAI,CAAC,YAAY;YAAE;QAEvB,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC,IAAI,CAAC,eAAe,CAAC,iBAAiB,CAAC;QAChE,MAAM,WAAW,GAAG,IAAI,CAAC,YAAY,CAAC,QAAQ,CAAC,aAAa;AAC5D,QAAA,IAAI,CAAC,YAAY,CAAC,QAAQ,CAAC,KAAK,CAAC,GAAG,CAAC,IAAI,CAAC,eAAe,EAAE,CAAC;AAC5D,QAAA,IAAI,IAAI,CAAC,MAAM,EAAE,IAAI,SAAS,EAAE;AAC9B,YAAA,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,WAAW,EAAE,SAAS,EAAE,IAAI,CAAC,MAAM,EAAE,CAAC;QAChE;AACA,QAAA,IAAI,CAAC,6BAA6B,GAAG,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,WAAW,EAAE,OAAO,EAAE,CAAC,CAAC,KAAI;AACrF,YAAA,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC,CAAC;AAC5B,QAAA,CAAC,CAAC;;AAGF,QAAA,MAAM,OAAO,GAAG,IAAI,CAAC,SAAS,CAAC,aAAa;AAC5C,QAAA,MAAM,SAAS,GAAG,OAAO,CAAC,UAAU;QACpC,IAAI,CAAC,SAAS,CAAC,YAAY,CAAC,SAAS,EAAE,WAAW,EAAE,OAAO,CAAC;;QAI5D,IAAI,CAAC,IAAI,CAAC,iBAAiB,IAAI,IAAI,CAAC,eAAe,EAAE,EAAE;YACrD,MAAM,IAAI,GAAG,QAAQ,CAAC,oBAAoB,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;YACrD,IAAI,CAAC,kBAAkB,GAAG,IAAI,CAAC,KAAK,CAAC,QAAQ;AAC7C,YAAA,IAAI,CAAC,KAAK,CAAC,QAAQ,GAAG,QAAQ;YAC9B,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,IAAI,EAAE,UAAU,EAAE,QAAQ,CAAC;QACrD;IACF;IAEQ,gBAAgB,GAAA;AACtB,QAAA,IAAI,CAAC,6BAA6B,IAAI;AACtC,QAAA,IAAI,CAAC,YAAY,EAAE,OAAO,EAAE;AAC5B,QAAA,IAAI,CAAC,6BAA6B,GAAG,SAAS;AAC9C,QAAA,IAAI,CAAC,YAAY,GAAG,SAAS;;QAG7B,IAAI,CAAC,IAAI,CAAC,iBAAiB,IAAI,IAAI,CAAC,eAAe,EAAE,EAAE;YACrD,MAAM,IAAI,GAAG,QAAQ,CAAC,oBAAoB,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;AACrD,YAAA,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,IAAI,EAAE,UAAU,EAAE,IAAI,CAAC,kBAAkB,CAAC;QACpE;IACF;IAEA,WAAW,GAAA;QACT,IAAI,CAAC,gBAAgB,EAAE;AACvB,QAAA,IAAI,CAAC,mBAAmB,EAAE,WAAW,EAAE;IACzC;wGA3JW,gBAAgB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAhB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,gBAAgB,0oDArBjB,CAAA,yBAAA,CAA2B,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,y1GAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA;;4FAqB1B,gBAAgB,EAAA,UAAA,EAAA,CAAA;kBAvB5B,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,aAAa,EAAA,QAAA,EACb,CAAA,yBAAA,CAA2B,EAAA,aAAA,EAEtB,iBAAiB,CAAC,IAAI,EAAA,eAAA,EACpB,uBAAuB,CAAC,MAAM,EAAA,UAAA,EACnC,IAAI,EAAA,IAAA,EACV;AACJ,wBAAA,eAAe,EAAE,4EAA4E;AAC7F,wBAAA,gBAAgB,EAAE,WAAW;AAC7B,wBAAA,iBAAiB,EAAE,UAAU;AAC7B,wBAAA,2BAA2B,EAAE,uBAAuB;AACpD,wBAAA,yBAAyB,EAAE,qBAAqB;AAChD,wBAAA,yBAAyB,EAAE,qBAAqB;AAChD,wBAAA,4BAA4B,EAAE,wBAAwB;AACtD,wBAAA,0BAA0B,EAAE,QAAQ;AACpC,wBAAA,2BAA2B,EAAE,mBAAmB;AAChD,wBAAA,4BAA4B,EAAE,oBAAoB;AAClD,wBAAA,2BAA2B,EAAE,mBAAmB;AAChD,wBAAA,0BAA0B,EAAE,kBAAkB;AAC9C,wBAAA,2BAA2B,EAAE,mBAAmB;AACjD,qBAAA,EAAA,MAAA,EAAA,CAAA,y1GAAA,CAAA,EAAA;;sBAoEA;;;AC9FH;;AAEG;MAiBU,yBAAyB,CAAA;AAC5B,IAAA,WAAW,GAAG,MAAM,CAAC,WAAW,CAAC;AAC/B,IAAA,iBAAiB,GAAG,gBAAgB,CAAC,IAAI,CAAC,WAAW,CAAC;IACtD,oBAAoB,GAAG,KAAK;AACO,IAAA,SAAS;AAEtD;;AAEG;AACc,IAAA,aAAa,GAAG,IAAI,YAAY,EAAE;AAE5C,IAAA,iBAAiB,GAAG,MAAM,CAAC,iBAAiB,CAAC;AAE1C,IAAA,WAAW,CAAC,QAAyB,EAAA;QAC7C,IAAI,YAAY,GAAG,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC,IAAI,EAAE,IAAI,MAAM,CAAC;AAC7E,QAAA,IAAI,gBAAgB,GAAG,YAAY,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,CAAC,QAAQ,EAAE,IAAI,QAAQ,CAAC;AACzE,QAAA,IAAG,gBAAgB,CAAC,MAAM,IAAI,CAAC;AAAE,YAAA,OAAO,SAAS;AAEjD,QAAA,IAAI,IAAI,CAAC,iBAAiB,EAAE;AAC1B,YAAA,IAAI,kBAAkB,GAAG,YAAY,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC,aAAa,EAAE,IAAI,SAAS,CAAC;YAC/E,IAAI,kBAAkB,EAAE;;AAEtB,gBAAA,OAAO,SAAS;YAClB;iBAAO;AACL,gBAAA,IAAI,UAAU,GAAG,gBAAgB,CAAC,GAAG,CAAC,CAAC,IAAI,CAAC,CAAC,aAAa,EAAE,CAAC;gBAC7D,OAAO,UAAU,CAAC,MAAM,GAAG,CAAC,GAAG,CAAA,IAAA,EAAO,UAAU,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA,CAAA,CAAG,GAAG,UAAU,CAAC,CAAC,CAAC;YAChF;QACF;aAAO;YACL,IAAI,UAAU,GAAG,QAAQ,IAAI,OAAO,IAAI,QAAQ,IAAI,KAAK;AACzD,YAAA,IAAI,KAAK,GAAG,gBAAgB,CAAC,GAAG,CAAC,CAAC,IAAI,UAAU,GAAG,CAAC,CAAC,SAAS,CAAC,aAAa,CAAC,WAAW,GAAG,CAAC,CAAC,SAAS,CAAC,aAAa,CAAC,YAAY,CAAC;YAClI,OAAO,CAAA,EAAG,IAAI,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC,CAAA,EAAA,CAAI;QAClC;IACF;;IAEA,eAAe,GAAA;AACb,QAAA,IAAI,CAAC,IAAI,CAAC,iBAAiB,EAAE;YAC3B,UAAU,CAAC,MAAM,IAAI,CAAC,oBAAoB,GAAG,IAAI,CAAC;QACpD;IACF;;;;;;IAOU,kBAAkB,GAAA;AAC1B,QAAA,IAAI,IAAI,CAAC,iBAAiB,EAAE;AAC1B,YAAA,IAAI,kBAAkB,GAAG,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC,IAAI,EAAE,IAAI,MAAM,IAAI,CAAC,CAAC,aAAa,EAAE,IAAI,SAAS,CAAC;YACnH,OAAO,CAAC,kBAAkB;QAC5B;AAEA,QAAA,OAAO,IAAI;IACb;wGApDW,yBAAyB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;4FAAzB,yBAAyB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,uBAAA,EAAA,OAAA,EAAA,EAAA,aAAA,EAAA,eAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,4BAAA,EAAA,sBAAA,EAAA,0BAAA,EAAA,oBAAA,EAAA,mBAAA,EAAA,oBAAA,EAAA,sBAAA,EAAA,uBAAA,EAAA,8BAAA,EAAA,sBAAA,EAAA,kCAAA,EAAA,uBAAA,EAAA,EAAA,EAAA,OAAA,EAAA,CAAA,EAAA,YAAA,EAAA,WAAA,EAAA,SAAA,EAInB,gBAAgB,EAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EC5BnC,uFACyB,EAAA,MAAA,EAAA,CAAA,oZAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA;;4FDuBZ,yBAAyB,EAAA,UAAA,EAAA,CAAA;kBAhBrC,SAAS;+BACE,uBAAuB,EAAA,aAAA,EAGlB,iBAAiB,CAAC,IAAI,EAAA,eAAA,EACpB,uBAAuB,CAAC,MAAM,EAAA,UAAA,EACnC,IAAI,EAAA,IAAA,EACV;AACJ,wBAAA,8BAA8B,EAAE,sBAAsB;AACtD,wBAAA,4BAA4B,EAAE,oBAAoB;AAClD,wBAAA,qBAAqB,EAAE,oBAAoB;AAC3C,wBAAA,wBAAwB,EAAE,uBAAuB;AACjD,wBAAA,gCAAgC,EAAE,sBAAsB;AACxD,wBAAA,oCAAoC,EAAE,uBAAuB;AAC9D,qBAAA,EAAA,QAAA,EAAA,uFAAA,EAAA,MAAA,EAAA,CAAA,oZAAA,CAAA,EAAA;;sBAMA,eAAe;uBAAC,gBAAgB;;sBAKhC;;;AE/BH;;AAEG;MASU,uBAAuB,CAAA;wGAAvB,uBAAuB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAvB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,uBAAuB,+EANxB,CAAA,yBAAA,CAA2B,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,sCAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA;;4FAM1B,uBAAuB,EAAA,UAAA,EAAA,CAAA;kBARnC,SAAS;+BACE,qBAAqB,EAAA,QAAA,EACrB,CAAA,yBAAA,CAA2B,EAAA,aAAA,EAEtB,iBAAiB,CAAC,IAAI,EAAA,eAAA,EACpB,uBAAuB,CAAC,MAAM,EAAA,UAAA,EACnC,IAAI,EAAA,MAAA,EAAA,CAAA,sCAAA,CAAA,EAAA;;;ACNlB;;AAEG;MAaU,aAAa,CAAA;wGAAb,aAAa,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA;AAAb,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,aAAa,YAVtB,yBAAyB;YACzB,gBAAgB;AAChB,YAAA,uBAAuB,aAGvB,yBAAyB;YACzB,gBAAgB;YAChB,uBAAuB,CAAA,EAAA,CAAA;yGAGd,aAAa,EAAA,CAAA;;4FAAb,aAAa,EAAA,UAAA,EAAA,CAAA;kBAZzB,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACR,oBAAA,OAAO,EAAE;wBACP,yBAAyB;wBACzB,gBAAgB;wBAChB;AACD,qBAAA;AACD,oBAAA,OAAO,EAAE;wBACP,yBAAyB;wBACzB,gBAAgB;wBAChB;AACD;AACF,iBAAA;;;ACnBD;;AAEG;;;;"}
+{"version":3,"file":"bootkit-ng0-components-sidenav.mjs","sources":["../../../projects/ng0/components/sidenav/sidenav.component.ts","../../../projects/ng0/components/sidenav/sidenav-container.component.ts","../../../projects/ng0/components/sidenav/sidenav-container.component.html","../../../projects/ng0/components/sidenav/sidenav-content.component.ts","../../../projects/ng0/components/sidenav/sidenav.module.ts","../../../projects/ng0/components/sidenav/bootkit-ng0-components-sidenav.ts"],"sourcesContent":["import { booleanAttribute, numberAttribute, Component, ComponentRef, effect, ElementRef, EventEmitter, input, OnDestroy, Output, Renderer2, ViewContainerRef, inject, ChangeDetectionStrategy, ViewEncapsulation, PLATFORM_ID, Inject, DOCUMENT } from '@angular/core';\nimport { SidenavMode, SidenavPosition, SidenavSize } from './types';\nimport { BackdropComponent } from '@bootkit/ng0/components/backdrop';\nimport { isPlatformServer } from '@angular/common';\nimport { SidenavContainerComponent } from './sidenav-container.component';\nimport { Observable, Subscription, throttleTime } from 'rxjs';\n\n/**\n * A sidenav component that displays a sliding navigation panel.\n */\n@Component({\n  selector: 'ng0-sidenav',\n  template: `<ng-content></ng-content>`,\n  styleUrls: ['./sidenav.component.scss'],\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  standalone: true,\n  host: {\n    \"[style.width]\": \"position() == 'start' || position() == 'end' ? _getFixedSize() : undefined\",\n    \"[style.height]\": \"undefined\",\n    \"[style.z-index]\": \"zIndex()\",\n    \"[class.ng0-sidenav-start]\": \"position() == 'start'\",\n    \"[class.ng0-sidenav-end]\": \"position() == 'end'\",\n    \"[class.ng0-sidenav-top]\": \"position() == 'top'\",\n    \"[class.ng0-sidenav-bottom]\": \"position() == 'bottom'\",\n    \"[class.ng0-sidenav-open]\": \"open()\",\n    \"[class.ng0-sidenav-small]\": \"size() == 'small'\",\n    \"[class.ng0-sidenav-medium]\": \"size() == 'medium'\",\n    \"[class.ng0-sidenav-large]\": \"size() == 'large'\",\n    \"[class.ng0-sidenav-full]\": \"size() == 'full'\",\n    \"[class.ng0-sidenav-fixed]\": \"fixedInViewport()\",\n  }\n})\nexport class SidenavComponent implements OnDestroy {\n  private _bodyOverflowStyle?: string;\n  private _sidenavContainer = inject(SidenavContainerComponent);\n  private _vcr = inject(ViewContainerRef);\n  private _renderer = inject(Renderer2);\n  private _backdropRef?: ComponentRef<BackdropComponent>;\n  private _backdropClickHandlerUnlisten?: () => void;\n  private _platformId = inject(PLATFORM_ID);\n  protected _isPlatformServer = isPlatformServer(this._platformId)\n  private _resizeSubscription?: Subscription;\n  private readonly _elementRef = inject(ElementRef<HTMLElement>);\n\n\n  /**\n   * Whether the sidenav is open.\n   */\n  public open = input(false, { transform: booleanAttribute });\n\n  /**\n   * Sidenav mode.\n   * Determines how the sidenav is displayed.\n   * Can be either 'push' or 'over'.\n   * - 'push': The content is pushed aside to make room for the sidenav.\n   * - 'over': The sidenav is displayed on top of the content.\n   */\n  public mode = input<SidenavMode>('push');\n\n  /**\n   * Whether the sidenav has a backdrop.\n   * The backdrop is shown only when the sidenav is open and mode is 'over'.\n   */\n  public hasBackdrop = input(true, { transform: booleanAttribute });\n\n  /**\n   * Sidenav z-index.\n   * Determines the stack order of the sidenav.\n   */\n  public zIndex = input(1000, { transform: numberAttribute });\n\n  /**\n   * Sidenav position.\n   * Determines the position of the sidenav.\n   * Can be either 'start', 'end', 'top', or 'bottom'.\n   */\n  public position = input<SidenavPosition>('start');\n\n  /**\n   * Sidenav size.\n   * Determines the size of the sidenav.  \n   * Can be either 'small', 'medium', 'large', 'full', or a specific value.  \n   * If a specific value is provided, it will be used as the width/height of the sidenav.\n   * @example\n   * - 100, '300px', '50%', '50vh', 'small', 'full', ...\n   */\n  public size = input<SidenavSize>();\n\n  /**\n   * Whether the sidenav is fixed in the viewport.\n   */\n  public fixedInViewport = input(false, { transform: booleanAttribute });\n\n  public elmentRef = inject(ElementRef);\n\n  /**\n   * Emits when the backdrop is clicked.\n   */\n  @Output() public backdropClick = new EventEmitter<PointerEvent>();\n\n  constructor() {\n    effect(() => {\n      var hasBackdrop = this.hasBackdrop();\n      var mode = this.mode();\n      var open = this.open();\n\n      if (mode == 'over' && hasBackdrop && open) {\n        this._createBackdrop();\n      } else {\n        this._destroyBackdrop();\n      }\n    });\n\n    if (!this._isPlatformServer) {\n      this._observeResize()\n        .pipe(throttleTime(100, undefined, { leading: true, trailing: true }))\n        .subscribe(entries => {\n          this._sidenavContainer.changeDetectorRef.markForCheck();\n          // console.log('Resized to:', entries[0].contentRect.width, entries[0].contentRect.height);\n        });\n    }\n  }\n\n  _getFixedSize(): string | undefined {\n    let size = this.size();\n    let t = typeof size;\n    if (t == 'string') {\n      return ['small', 'medium', 'large', 'full'].includes(size as string) ? undefined : size as string;\n    } else if (t == 'number') {\n      return `${size}px`;\n    } else {\n      return undefined;\n    }\n  };\n\n  private _observeResize(): Observable<ResizeObserverEntry[]> {\n    return new Observable(observer => {\n      const resizeObserver = new ResizeObserver(entries => observer.next(entries));\n      resizeObserver.observe(this._elementRef.nativeElement);\n      return () => resizeObserver.disconnect();\n    });\n  }\n\n  private _createBackdrop() {\n    if (this._backdropRef) return;\n\n    this._backdropRef = this._vcr.createComponent(BackdropComponent);\n    const backdropElm = this._backdropRef.location.nativeElement;\n    this._backdropRef.instance.fixed.set(this.fixedInViewport());\n    if (this.zIndex() != undefined) {\n      this._renderer.setStyle(backdropElm, 'z-index', this.zIndex());\n    }\n    this._backdropClickHandlerUnlisten = this._renderer.listen(backdropElm, 'click', (e) => {\n      this.backdropClick.emit(e);\n    });\n\n    // Move backdrop element before Host element\n    const hostElm = this.elmentRef.nativeElement;\n    const parentElm = hostElm.parentNode;\n    this._renderer.insertBefore(parentElm, backdropElm, hostElm);\n\n\n    // disable body scroll when sidenav is open and fixedInViewport is true\n    if (!this._isPlatformServer && this.fixedInViewport()) {\n      const body = document.getElementsByTagName('body')[0];\n      this._bodyOverflowStyle = body.style.overflow;\n      body.style.overflow = 'hidden';\n      this._renderer.setStyle(body, 'overflow', 'hidden');\n    }\n  }\n\n  private _destroyBackdrop() {\n    this._backdropClickHandlerUnlisten?.();\n    this._backdropRef?.destroy();\n    this._backdropClickHandlerUnlisten = undefined;\n    this._backdropRef = undefined;\n\n    // restore body scroll when sidenav is closed\n    if (!this._isPlatformServer && this.fixedInViewport()) {\n      const body = document.getElementsByTagName('body')[0];\n      this._renderer.setStyle(body, 'overflow', this._bodyOverflowStyle);\n    }\n  }\n\n  ngOnDestroy(): void {\n    this._destroyBackdrop();\n    this._resizeSubscription?.unsubscribe();\n  }\n}\n","import { AfterViewInit, ChangeDetectionStrategy, ChangeDetectorRef, Component, ContentChildren, EventEmitter, inject, Output, PLATFORM_ID, QueryList, ViewEncapsulation } from '@angular/core';\nimport { isPlatformServer } from '@angular/common';\nimport { SidenavComponent } from './sidenav.component';\nimport { SidenavPosition } from './types';\n\n/**\n * Sidenav container component\n */\n@Component({\n  selector: 'ng0-sidenav-container',\n  templateUrl: './sidenav-container.component.html',\n  styleUrls: ['./sidenav-container.component.scss'],\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  standalone: true,\n  host: {\n    \"[style.padding-inline-start]\": \"_getPadding('start')\",\n    \"[style.padding-inline-end]\": \"_getPadding('end')\",\n    \"[style.padding-top]\": \"_getPadding('top')\",\n    \"[style.padding-bottom]\": \"_getPadding('bottom')\",\n    \"[class.ng0-sidenav-transition]\": \"_isTransitionEnabled\",\n    \"[class.ng0-sidenav-content-hidden]\": \"!_canComputePadding()\",\n  }\n})\nexport class SidenavContainerComponent implements AfterViewInit {\n  private _platformId = inject(PLATFORM_ID);\n  protected _isPlatformServer = isPlatformServer(this._platformId)\n  protected _isTransitionEnabled = false;\n  @ContentChildren(SidenavComponent) protected _sidenavs!: QueryList<SidenavComponent>;\n\n  /**\n   * Emitted when the backdrop is clicked.\n   */\n  @Output() public backdropClick = new EventEmitter();\n\n  public changeDetectorRef = inject(ChangeDetectorRef);\n\n  protected _getPadding(position: SidenavPosition) {\n    let openSidenavs = this._sidenavs.filter(x => x.open() && x.mode() == 'push');\n    let filteredSidenavs = openSidenavs.filter(x => x.position() == position);\n    if(filteredSidenavs.length == 0) return undefined;\n\n    if (this._isPlatformServer) {\n      let hasDynamicSidenavs = openSidenavs.some(x => x._getFixedSize() == undefined);\n      if (hasDynamicSidenavs) {\n        // we cannot compute padding on the server\n        return undefined;\n      } else {\n        let fixedSizes = filteredSidenavs.map(x => x._getFixedSize());\n        return fixedSizes.length > 1 ? `max(${fixedSizes.join(', ')})` : fixedSizes[0];\n      }\n    } else {\n      let horizontal = position == 'start' || position == 'end';\n      let sizes = filteredSidenavs.map(x => horizontal ? x.elmentRef.nativeElement.offsetWidth : x.elmentRef.nativeElement.offsetHeight);\n      return `${Math.max(...sizes)}px`;\n    }\n  };\n\n  ngAfterViewInit() {\n    if (!this._isPlatformServer) {\n      setTimeout(() => this._isTransitionEnabled = true);\n    }\n  }\n\n  // In some modes the content is pushed based on the width of the opened sidenavs, however on\n  // the server we can't measure the sidenav-container padding, so the padding is always zero. This can cause the\n  // content to jump around when it's rendered on the server and hydrated on the client.\n  // We avoid it by hiding the content on the initial render and then showing it once the sidenav\n  // has been measured on the client.\n  protected _canComputePadding() {\n    if (this._isPlatformServer) {\n      let hasDynamicSizenavs = this._sidenavs.some(x => x.open() && x.mode() == 'push' && x._getFixedSize() == undefined);\n      return !hasDynamicSizenavs;\n    }\n\n    return true;\n  }\n}\n","<ng-content select=\"ng0-sidenav-content\"></ng-content>\n<ng-content></ng-content>","import { ChangeDetectionStrategy, Component, ViewEncapsulation } from '@angular/core';\n\n/**\n * Sidenav content component\n */\n@Component({\n  selector: 'ng0-sidenav-content',\n  template: `<ng-content></ng-content>`,\n  styles: `ng0-sidenav-content {display: block}`,\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  standalone: true,\n})\nexport class SidenavContentComponent {\n}\n","import { NgModule } from '@angular/core';\nimport { SidenavContainerComponent } from './sidenav-container.component';\nimport { SidenavComponent } from './sidenav.component';\nimport { SidenavContentComponent } from './sidenav-content.component';\n\n/**\n * Sidenav module\n */\n@NgModule({\n  imports: [\n    SidenavContainerComponent,\n    SidenavComponent,\n    SidenavContentComponent\n  ],\n  exports: [\n    SidenavContainerComponent,\n    SidenavComponent,\n    SidenavContentComponent\n  ]\n})\nexport class SidenavModule { }\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-components-stepper.mjs

@@ -28,7 +28,7 @@ class StepperComponent {
     constructor() {
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.11", ngImport: i0, type: StepperComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.11", type: StepperComponent, isStandalone: true, selector: "ng0-stepper", inputs: { step: { classPropertyName: "step", publicName: "step", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { step: "stepChange" }, queries: [{ propertyName: "_steps", predicate: StepDirective }], exportAs: ["ng0Stepper"], ngImport: i0, template: "@for(s of _steps; track s.id(); let index = $index) {\r\n@let show=s.id() === step();\r\n\r\n<div [@stepAnimation]=\"show ? 'show' : 'hide'\" [class.d-none]=\"!show\">\r\n    @if(show) {\r\n    <ng-container [ngTemplateOutlet]=\"s.templateRef\"></ng-container>\r\n    }\r\n</div>\r\n}", styles: [":host{display:block}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], animations: [
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.11", type: StepperComponent, isStandalone: true, selector: "ng0-stepper", inputs: { step: { classPropertyName: "step", publicName: "step", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { step: "stepChange" }, queries: [{ propertyName: "_steps", predicate: StepDirective }], exportAs: ["ng0Stepper"], ngImport: i0, template: "@for(s of _steps; track s.id(); let index = $index) {\n@let show=s.id() === step();\n\n<div [@stepAnimation]=\"show ? 'show' : 'hide'\" [class.d-none]=\"!show\">\n    @if(show) {\n    <ng-container [ngTemplateOutlet]=\"s.templateRef\"></ng-container>\n    }\n</div>\n}", styles: [":host{display:block}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], animations: [
             trigger('stepAnimation', [
                 state('hide', style({
                     opacity: 0,
@@ -58,7 +58,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.11", ngImpo
                                 animate('.3s ease-out')
                             ])
                         ])
-                    ], template: "@for(s of _steps; track s.id(); let index = $index) {\r\n@let show=s.id() === step();\r\n\r\n<div [@stepAnimation]=\"show ? 'show' : 'hide'\" [class.d-none]=\"!show\">\r\n    @if(show) {\r\n    <ng-container [ngTemplateOutlet]=\"s.templateRef\"></ng-container>\r\n    }\r\n</div>\r\n}", styles: [":host{display:block}\n"] }]
+                    ], template: "@for(s of _steps; track s.id(); let index = $index) {\n@let show=s.id() === step();\n\n<div [@stepAnimation]=\"show ? 'show' : 'hide'\" [class.d-none]=\"!show\">\n    @if(show) {\n    <ng-container [ngTemplateOutlet]=\"s.templateRef\"></ng-container>\n    }\n</div>\n}", styles: [":host{display:block}\n"] }]
         }], ctorParameters: () => [], propDecorators: { step: [{ type: i0.Input, args: [{ isSignal: true, alias: "step", required: true }] }, { type: i0.Output, args: ["stepChange"] }], _steps: [{
                 type: ContentChildren,
                 args: [StepDirective]

package/fesm2022/bootkit-ng0-components-stepper.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"bootkit-ng0-components-stepper.mjs","sources":["../../../projects/ng0/components/stepper/step.directive.ts","../../../projects/ng0/components/stepper/stepper.component.ts","../../../projects/ng0/components/stepper/stepper.component.html","../../../projects/ng0/components/stepper/stepper.module.ts","../../../projects/ng0/components/stepper/bootkit-ng0-components-stepper.ts"],"sourcesContent":["import { Directive, input, TemplateRef } from '@angular/core';\r\n\r\n@Directive({\r\n      selector: '[ng0Step]',\r\n      exportAs: 'ng0Step',\r\n      standalone: true\r\n})\r\nexport class StepDirective {\r\n      public id = input.required<any>({alias: 'iscStep'});\r\n\r\n      constructor(public readonly templateRef: TemplateRef<any>) {\r\n      }\r\n}\r\n","import { Component, ContentChildren, QueryList, model } from '@angular/core';\r\nimport { StepDirective } from './step.directive';\r\nimport { CommonModule } from '@angular/common';\r\nimport { animate, state, style, transition, trigger } from '@angular/animations';\r\n\r\n@Component({\r\n    selector: 'ng0-stepper',\r\n    exportAs: 'ng0Stepper',\r\n    templateUrl: './stepper.component.html',\r\n    styles: `:host{display: block}`,\r\n    standalone: true,\r\n    imports: [\r\n        CommonModule\r\n    ],\r\n    animations: [\r\n        trigger('stepAnimation', [\r\n            state('hide', style({\r\n                opacity: 0,\r\n            })),\r\n            state('show', style({\r\n                opacity: 1,\r\n            })),\r\n            transition('show <=> hide', [\r\n                animate('.3s ease-out')\r\n            ])\r\n        ])\r\n    ]\r\n})\r\nexport class StepperComponent {\r\n    public step = model.required<any>();\r\n    @ContentChildren(StepDirective) protected _steps!: QueryList<StepDirective>;\r\n\r\n    constructor() {\r\n    }\r\n}\r\n","@for(s of _steps; track s.id(); let index = $index) {\r\n@let show=s.id() === step();\r\n\r\n<div [@stepAnimation]=\"show ? 'show' : 'hide'\" [class.d-none]=\"!show\">\r\n    @if(show) {\r\n    <ng-container [ngTemplateOutlet]=\"s.templateRef\"></ng-container>\r\n    }\r\n</div>\r\n}","import { NgModule } from '@angular/core';\r\nimport { StepDirective } from './step.directive';\r\nimport { StepperComponent } from './stepper.component';\r\n\r\nconst items = [\r\n  StepperComponent,\r\n  StepDirective\r\n];\r\n\r\n@NgModule({\r\n  imports: items,\r\n  exports: items\r\n})\r\nexport class StepperModule {\r\n}\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"bootkit-ng0-components-stepper.mjs","sources":["../../../projects/ng0/components/stepper/step.directive.ts","../../../projects/ng0/components/stepper/stepper.component.ts","../../../projects/ng0/components/stepper/stepper.component.html","../../../projects/ng0/components/stepper/stepper.module.ts","../../../projects/ng0/components/stepper/bootkit-ng0-components-stepper.ts"],"sourcesContent":["import { Directive, input, TemplateRef } from '@angular/core';\n\n@Directive({\n      selector: '[ng0Step]',\n      exportAs: 'ng0Step',\n      standalone: true\n})\nexport class StepDirective {\n      public id = input.required<any>({alias: 'iscStep'});\n\n      constructor(public readonly templateRef: TemplateRef<any>) {\n      }\n}\n","import { Component, ContentChildren, QueryList, model } from '@angular/core';\nimport { StepDirective } from './step.directive';\nimport { CommonModule } from '@angular/common';\nimport { animate, state, style, transition, trigger } from '@angular/animations';\n\n@Component({\n    selector: 'ng0-stepper',\n    exportAs: 'ng0Stepper',\n    templateUrl: './stepper.component.html',\n    styles: `:host{display: block}`,\n    standalone: true,\n    imports: [\n        CommonModule\n    ],\n    animations: [\n        trigger('stepAnimation', [\n            state('hide', style({\n                opacity: 0,\n            })),\n            state('show', style({\n                opacity: 1,\n            })),\n            transition('show <=> hide', [\n                animate('.3s ease-out')\n            ])\n        ])\n    ]\n})\nexport class StepperComponent {\n    public step = model.required<any>();\n    @ContentChildren(StepDirective) protected _steps!: QueryList<StepDirective>;\n\n    constructor() {\n    }\n}\n","@for(s of _steps; track s.id(); let index = $index) {\n@let show=s.id() === step();\n\n<div [@stepAnimation]=\"show ? 'show' : 'hide'\" [class.d-none]=\"!show\">\n    @if(show) {\n    <ng-container [ngTemplateOutlet]=\"s.templateRef\"></ng-container>\n    }\n</div>\n}","import { NgModule } from '@angular/core';\nimport { StepDirective } from './step.directive';\nimport { StepperComponent } from './stepper.component';\n\nconst items = [\n  StepperComponent,\n  StepDirective\n];\n\n@NgModule({\n  imports: items,\n  exports: items\n})\nexport class StepperModule {\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;;MAOa,aAAa,CAAA;AAGQ,IAAA,WAAA;AAFrB,IAAA,EAAE,GAAG,KAAK,CAAC,QAAQ,qCAAO,KAAK,EAAE,SAAS,EAAA,CAAA,GAAA,CAAjB,EAAC,KAAK,EAAE,SAAS,EAAC,GAAC;AAEnD,IAAA,WAAA,CAA4B,WAA6B,EAAA;QAA7B,IAAA,CAAA,WAAW,GAAX,WAAW;IACvC;wGAJO,aAAa,EAAA,IAAA,EAAA,CAAA,EAAA,KAAA,EAAA,EAAA,CAAA,WAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;4FAAb,aAAa,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,EAAA,EAAA,EAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,UAAA,EAAA,SAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,QAAA,EAAA,CAAA,SAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA;;4FAAb,aAAa,EAAA,UAAA,EAAA,CAAA;kBALzB,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACL,oBAAA,QAAQ,EAAE,WAAW;AACrB,oBAAA,QAAQ,EAAE,SAAS;AACnB,oBAAA,UAAU,EAAE;AACjB,iBAAA;;;MCsBY,gBAAgB,CAAA;AAClB,IAAA,IAAI,GAAG,KAAK,CAAC,QAAQ,+CAAO;AACO,IAAA,MAAM;AAEhD,IAAA,WAAA,GAAA;IACA;wGALS,gBAAgB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAhB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,gBAAgB,+PAER,aAAa,EAAA,CAAA,EAAA,QAAA,EAAA,CAAA,YAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EC9BlC,8QAQC,EAAA,MAAA,EAAA,CAAA,wBAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EDIO,YAAY,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,gBAAA,EAAA,QAAA,EAAA,oBAAA,EAAA,MAAA,EAAA,CAAA,yBAAA,EAAA,kBAAA,EAAA,0BAAA,CAAA,EAAA,CAAA,EAAA,UAAA,EAEJ;YACR,OAAO,CAAC,eAAe,EAAE;AACrB,gBAAA,KAAK,CAAC,MAAM,EAAE,KAAK,CAAC;AAChB,oBAAA,OAAO,EAAE,CAAC;AACb,iBAAA,CAAC,CAAC;AACH,gBAAA,KAAK,CAAC,MAAM,EAAE,KAAK,CAAC;AAChB,oBAAA,OAAO,EAAE,CAAC;AACb,iBAAA,CAAC,CAAC;gBACH,UAAU,CAAC,eAAe,EAAE;oBACxB,OAAO,CAAC,cAAc;iBACzB;aACJ;AACJ,SAAA,EAAA,CAAA;;4FAEQ,gBAAgB,EAAA,UAAA,EAAA,CAAA;kBAvB5B,SAAS;AACI,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,aAAa,EAAA,QAAA,EACb,YAAY,EAAA,UAAA,EAGV,IAAI,EAAA,OAAA,EACP;wBACL;qBACH,EAAA,UAAA,EACW;wBACR,OAAO,CAAC,eAAe,EAAE;AACrB,4BAAA,KAAK,CAAC,MAAM,EAAE,KAAK,CAAC;AAChB,gCAAA,OAAO,EAAE,CAAC;AACb,6BAAA,CAAC,CAAC;AACH,4BAAA,KAAK,CAAC,MAAM,EAAE,KAAK,CAAC;AAChB,gCAAA,OAAO,EAAE,CAAC;AACb,6BAAA,CAAC,CAAC;4BACH,UAAU,CAAC,eAAe,EAAE;gCACxB,OAAO,CAAC,cAAc;6BACzB;yBACJ;AACJ,qBAAA,EAAA,QAAA,EAAA,8QAAA,EAAA,MAAA,EAAA,CAAA,wBAAA,CAAA,EAAA;;sBAIA,eAAe;uBAAC,aAAa;;;AE1BlC,MAAM,KAAK,GAAG;IACZ,gBAAgB;IAChB;CACD;MAMY,aAAa,CAAA;wGAAb,aAAa,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA;AAAb,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,aAAa,YARxB,gBAAgB;AAChB,YAAA,aAAa,aADb,gBAAgB;YAChB,aAAa,CAAA,EAAA,CAAA;AAOF,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,aAAa,YARxB,gBAAgB,CAAA,EAAA,CAAA;;4FAQL,aAAa,EAAA,UAAA,EAAA,CAAA;kBAJzB,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACR,oBAAA,OAAO,EAAE,KAAK;AACd,oBAAA,OAAO,EAAE;AACV,iBAAA;;;ACZD;;AAEG;;;;"}

package/fesm2022/bootkit-ng0-components-table.mjs

@@ -326,9 +326,8 @@ class TableComponent {
         }
         if (this.pageable()) {
             page = {
-                index: pageIndex || this._lastRequest?.page?.index || 1,
+                index: pageIndex || this._lastRequest?.page?.index || 0,
                 size: this._lastRequest?.page?.size || 10,
-                zeroBased: false
             };
         }
         if (this.sortable()) {
@@ -405,7 +404,7 @@ class TableComponent {
         this._changeSubscription?.unsubscribe();
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.11", ngImport: i0, type: TableComponent, deps: [{ token: i1.LocalizationService }, { token: i0.DestroyRef }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.11", type: TableComponent, isStandalone: true, selector: "ng0-table", inputs: { source: { classPropertyName: "source", publicName: "source", isSignal: true, isRequired: true, transformFunction: null }, autoLoad: { classPropertyName: "autoLoad", publicName: "autoLoad", isSignal: true, isRequired: false, transformFunction: null }, showRowNumbers: { classPropertyName: "showRowNumbers", publicName: "showRowNumbers", isSignal: true, isRequired: false, transformFunction: null }, showHeader: { classPropertyName: "showHeader", publicName: "showHeader", isSignal: true, isRequired: false, transformFunction: null }, pageable: { classPropertyName: "pageable", publicName: "pageable", isSignal: true, isRequired: false, transformFunction: null }, sortable: { classPropertyName: "sortable", publicName: "sortable", isSignal: true, isRequired: false, transformFunction: null }, tableClass: { classPropertyName: "tableClass", publicName: "tableClass", isSignal: true, isRequired: false, transformFunction: null }, headerClass: { classPropertyName: "headerClass", publicName: "headerClass", isSignal: true, isRequired: false, transformFunction: null }, caption: { classPropertyName: "caption", publicName: "caption", isSignal: true, isRequired: false, transformFunction: null }, height: { classPropertyName: "height", publicName: "height", isSignal: true, isRequired: false, transformFunction: null }, filterable: { classPropertyName: "filterable", publicName: "filterable", isSignal: true, isRequired: false, transformFunction: null }, loadingIndicator: { classPropertyName: "loadingIndicator", publicName: "loadingIndicator", isSignal: true, isRequired: false, transformFunction: null }, loadingCover: { classPropertyName: "loadingCover", publicName: "loadingCover", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.ng0-loading": "this.isLoading" } }, queries: [{ propertyName: "_detailRow", first: true, predicate: TableDetailRowDirective, descendants: true }, { propertyName: "_columns", predicate: TableColumnDirective }], exportAs: ["ng0Table"], ngImport: i0, template: "@let $dataResult = _dataResult();\r\n@let $pageable = pageable();\r\n@let $pageIndex = _lastRequest?.page?.index ?? 1;\r\n@let $data = $dataResult?.data;\r\n@let $anyRecords = $data && $data.length > 0;\r\n@let $totalRecordsCount = $dataResult?.total;\r\n@let $firstRecord = $pageable ? ($pageable.pageSize! * ($pageIndex - 1) + 1) : 1;\r\n@let $lastRecord = $data ? $firstRecord + $data.length - 1 : 1;\r\n@let $isLoading = _dataSource.isLoading();\r\n@let $isFirstLoad = $dataResult == undefined;\r\n@let $columnsCount = _columns.length + (showRowNumbers() ? 1 : 0);\r\n@let $tableLocale = _ls.get()?.definition?.components?.table;\r\n\r\n<div class=\"table-responsive\" [style.height]=\"height()\" [class.table-scrollable]=\"height()! > 0\">\r\n  <table class=\"table\" [ngClass]=\"tableClass()\">\r\n    @if (caption()) {\r\n    <caption>{{caption()}}</caption>\r\n    }\r\n\r\n    @if (showHeader()) {\r\n    <ng-container *ngTemplateOutlet=\"headerTemplate\"></ng-container>\r\n    }\r\n\r\n    @if (filterable()) {\r\n    <ng-container *ngTemplateOutlet=\"filtersTemplate\"></ng-container>\r\n    }\r\n\r\n    <tbody>\r\n      @if ($isLoading && $isFirstLoad && loadingIndicator()) {\r\n      <tr class=\"ng0-table-loading-row\">\r\n        <td [attr.colspan]=\"$columnsCount\">\r\n          @switch (loadingIndicator()) {\r\n          @case ('spinner') {\r\n          <div class=\"text-center\">\r\n            <div class=\"spinner-border\" role=\"status\"></div>\r\n          </div>\r\n          }\r\n          }\r\n        </td>\r\n      </tr>\r\n      } @else {\r\n      @if ($data) {\r\n      @if ($data.length > 0) {\r\n      <ng-container *ngTemplateOutlet=\"dataRowsTemplate\"></ng-container>\r\n      } @else {\r\n      <tr class=\"ng0-table-no-records-row\">\r\n        <td [attr.colSpan]=\"$columnsCount\" class=\"text-center p-2\">\r\n          {{ $tableLocale?.noRecords ?? 'No Records.' }}\r\n        </td>\r\n      </tr>\r\n      }\r\n      } @else if (_lastError) {\r\n      <ng-container *ngTemplateOutlet=\"nowDataTemplate\"></ng-container>\r\n      }\r\n      }\r\n    </tbody>\r\n  </table>\r\n</div>\r\n\r\n<div class=\"ng0-table-footer d-flex align-items-baseline\">\r\n  <ng-container *ngTemplateOutlet=\"footerTemplate\"></ng-container>\r\n</div>\r\n\r\n@if ($isLoading && !$isFirstLoad && loadingCover()) {\r\n<div class=\"ng0-table-loading-cover text-center\">\r\n  @if (loadingCover() == 'spinner') {\r\n  <div class=\"spinner-border\" role=\"status\"></div>\r\n  }\r\n</div>\r\n}\r\n\r\n<ng-template #filtersTemplate>\r\n  <thead>\r\n    <tr>\r\n      @if (_detailRow) {\r\n      <th></th>\r\n      }\r\n\r\n      @if (showRowNumbers()) {\r\n      <th></th>\r\n      }\r\n\r\n      @for (col of _columns; track $index) {\r\n      <th>\r\n        @if(col.filterable() && (col.field() || col.filterValue())) {\r\n\r\n        <div class=\"input-group\">\r\n          @switch (col.type()) {\r\n          @case ('text') {\r\n          <input [name]=\"'filter-' + col.field\"\r\n                 type=\"search\"\r\n                 [maxlength]=\"50\"\r\n                 class=\"form-control form-control-sm\"\r\n                 [(ngModel)]=\"col.filterValue\"\r\n                 (keydown.enter)=\"load(0)\">\r\n          }\r\n          @case ('number') {\r\n          <input [name]=\"'datatablecol-' + col.field\"\r\n                 type=\"search\"\r\n                 ng0Number\r\n                 class=\"form-control form-control-sm\"\r\n                 [(ngModel)]=\"col.filterValue\"\r\n                 (keydown.enter)=\"load(0)\">\r\n          }\r\n          }\r\n\r\n          <button class=\"btn btn-outline-light\"\r\n                  style=\"border-color: var(--bs-border-color);\"\r\n                  cdkOverlayOrigin\r\n                  #trigger=\"cdkOverlayOrigin\"\r\n                  (click)=\"_onToggleFilterOperator(col)\">\r\n            <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\r\n              <path d=\"M19 3H5C3.58579 3 2.87868 3 2.43934 3.4122C2 3.8244 2 4.48782 2 5.81466V6.50448C2 7.54232 2 8.06124 2.2596 8.49142C2.5192 8.9216 2.99347 9.18858 3.94202 9.72255L6.85504 11.3624C7.49146 11.7206 7.80967 11.8998 8.03751 12.0976C8.51199 12.5095 8.80408 12.9935 8.93644 13.5872C9 13.8722 9 14.2058 9 14.8729L9 17.5424C9 18.452 9 18.9067 9.25192 19.2613C9.50385 19.6158 9.95128 19.7907 10.8462 20.1406C12.7248 20.875 13.6641 21.2422 14.3321 20.8244C15 20.4066 15 19.4519 15 17.5424V14.8729C15 14.2058 15 13.8722 15.0636 13.5872C15.1959 12.9935 15.488 12.5095 15.9625 12.0976C16.1903 11.8998 16.5085 11.7206 17.145 11.3624L20.058 9.72255C21.0065 9.18858 21.4808 8.9216 21.7404 8.49142C22 8.06124 22 7.54232 22 6.50448V5.81466C22 4.48782 22 3.8244 21.5607 3.4122C21.1213 3 20.4142 3 19 3Z\"\r\n                    stroke=\"#1C274C\" stroke-width=\"1.5\" />\r\n            </svg>\r\n          </button>\r\n        </div>\r\n\r\n        <ng-template\r\n                     cdkConnectedOverlay\r\n                     [cdkConnectedOverlayOrigin]=\"trigger\"\r\n                     [cdkConnectedOverlayOpen]=\"col.showFilterOperators()\"\r\n                     (overlayOutsideClick)=\"col.showFilterOperators.set(false)\"\r\n                     (detach)=\"col.showFilterOperators.set(false)\">\r\n          <ul class=\"dropdown-menu show\" animate.enter=\"fade-in\">\r\n            @for (item of col.getFilterOperators(); track $index) {\r\n            <li>\r\n              <button class=\"dropdown-item\" [class.active]=\"item == col.filterOperator()\"\r\n                      (click)=\"_onSelectFilterOperator(col, item)\">\r\n                {{_ls.get()?.definition?.data?.logicalOperators?.[item] ?? item }}\r\n              </button>\r\n            </li>\r\n            }\r\n          </ul>\r\n        </ng-template>\r\n        }\r\n      </th>\r\n      }\r\n    </tr>\r\n  </thead>\r\n</ng-template>\r\n\r\n<ng-template #headerTemplate>\r\n  <thead [ngClass]=\"headerClass()\">\r\n    <tr>\r\n      @if (_detailRow) {\r\n      <th></th>\r\n      }\r\n\r\n      @if (showRowNumbers()) {\r\n      <th class=\"row-number text-muted\">#</th>\r\n      }\r\n\r\n      @for (col of _columns; track $index) {\r\n      <th\r\n          (click)=\"col.toggleSortDirection(); load()\"\r\n          [class.sortable]=\"sortable() && col.sortable()\"\r\n          [ngClass]=\"{ \r\n            'sort-asc': col.sortDirection() == 'asc', \r\n            'sort-desc': col.sortDirection() == 'desc',\r\n            'sort-none': col.sortDirection() == 'none'\r\n          }\">\r\n        {{ col.title() }}\r\n\r\n        @if(sortable() && col.sortable()) {\r\n        <svg class=\"ng0-table-sort-icon\"\r\n             width=\"24\"\r\n             height=\"24\"\r\n             viewBox=\"0 0 24 24\" fill=\"none\"\r\n             xmlns=\"http://www.w3.org/2000/svg\">\r\n          <path d=\"M12 7L12 16\" stroke=\"currentColor\" stroke-width=\"1\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\r\n          <path d=\"M8 13L12 17L16 13\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\r\n                stroke-linejoin=\"round\" />\r\n        </svg>\r\n        }\r\n      </th>\r\n      }\r\n    </tr>\r\n  </thead>\r\n</ng-template>\r\n\r\n<ng-template #dataRowsTemplate>\r\n  @for (row of $data; track $index) {\r\n  <tr [class.table-active]=\"isRowExpanded(row)\">\r\n    @if (_detailRow) {\r\n    <td class=\"detail-row-expander\">\r\n      @if (_detailRow.showCallback == null || _detailRow.showCallback(row)) {\r\n      <button class=\"btn\" (click)=\"_onToggleRowDetailClick(row)\">\r\n        @if (isRowExpanded(row)) {\r\n        <i class=\"far fa-minus\"></i>\r\n        } @else {\r\n        <i class=\"far fa-plus\"></i>\r\n        }\r\n      </button>\r\n      }\r\n    </td>\r\n    }\r\n\r\n    @if (showRowNumbers()) {\r\n    <td class=\"ng0-table-row-number\">\r\n      {{ $firstRecord + $index }}\r\n    </td>\r\n    }\r\n\r\n    @for (col of _columns; track $index) {\r\n    <td\r\n        [ngClass]=\"col.cellClass()\"\r\n        [class.shrinked]=\"col.shrink()\"\r\n        [class.fw-bold]=\"col.bold()\">\r\n      @if (col.template) {\r\n      <ng-container *ngTemplateOutlet=\"col.template; context: { $implicit: row }\">\r\n      </ng-container>\r\n      } @else if (col.field()) {\r\n      @let cellValue = _getCellValue(row, col);\r\n\r\n      @if ((cellValue === null || cellValue === undefined) && col.emptyCellText()) {\r\n      {{ col.emptyCellText() }}\r\n      } @else {\r\n      @if (col.type()) {\r\n      @let type = $any(col.type());\r\n\r\n      @if (type == \"date\") {\r\n      {{ cellValue | ng0Date }}\r\n      } @else if (type == \"number\") {\r\n      {{ cellValue | number }}\r\n      } @else if (type == \"currency\") {\r\n      {{ cellValue | currency }}\r\n      } @else if (type.enum) {\r\n      {{ cellValue | ng0TranslateEnum: type.enum.name : type.enum.fallback }}\r\n      } @else if (type.boolean || type == \"boolean\") {\r\n      {{ cellValue | ng0LocalizeBool: type.boolean.false ?? \"false\" : type.boolean.false ?? \"true\" }}\r\n      }@else {\r\n      {{ cellValue }}\r\n      }\r\n      }\r\n      }\r\n      }\r\n    </td>\r\n    }\r\n  </tr>\r\n\r\n  @if (_detailRow && isRowExpanded(row)) {\r\n  <tr class=\"detail-row\">\r\n    <td\r\n        [attr.colspan]=\"_columns.length + (showRowNumbers() ? 1 : 0) + 1\"\r\n        class=\"ps-2 pb-4\">\r\n      <ng-container\r\n                    *ngTemplateOutlet=\"_detailRow.templateRef; context: { $implicit: row }\"></ng-container>\r\n    </td>\r\n  </tr>\r\n  }\r\n  }\r\n</ng-template>\r\n\r\n<ng-template #footerTemplate>\r\n  @if ($pageable && $pageable.showPagingControls && $anyRecords && $totalRecordsCount! > 0) {\r\n  <div class=\"ng0-table-pagination me-2\">\r\n    <ng0-pagination\r\n                    class=\"mb-0 d-inline-block\"\r\n                    [showFirstLastButtons]=\"$pageable.showFirstLastButtons == true\"\r\n                    [showNextPreviousButtons]=\"$pageable.showNextPreviousButtons == true\"\r\n                    [totalRecords]=\"$totalRecordsCount!\"\r\n                    [pageSize]=\"$pageable.pageSize!\"\r\n                    [selectedPage]=\"$pageIndex\"\r\n                    (itemClick)=\"_onPageChange($event)\"\r\n                    [maxVisiblePages]=\"$pageable.maxVisiblePages!\">\r\n      <ng-container ngProjectAs=\"first\">\r\n        <ng-content select=\"paging-first\">\r\n          {{ \"first\" | ng0Translate }}\r\n        </ng-content>\r\n      </ng-container>\r\n\r\n      <ng-container ngProjectAs=\"last\">\r\n        <ng-content select=\"paging-last\">\r\n          {{ \"last\" | ng0Translate }}\r\n        </ng-content>\r\n      </ng-container>\r\n\r\n      <ng-container ngProjectAs=\"next\">\r\n        <ng-content select=\"paging-next\">\r\n          {{ \"next\" | ng0Translate }}\r\n        </ng-content>\r\n      </ng-container>\r\n\r\n      <ng-container ngProjectAs=\"previous\">\r\n        <ng-content select=\"paging-previous\">\r\n          {{ \"previous\" | ng0Translate }}\r\n        </ng-content>\r\n      </ng-container>\r\n    </ng0-pagination>\r\n  </div>\r\n\r\n  @if ($pageable.showPageSizeOptions || $pageable.showPageSizeOptions == undefined) {\r\n  <div class=\"ng0-table-paging-options\">\r\n    <select name=\"pageSizeOptions\" class=\"form-select w-auto d-inline-block\">\r\n      <option [ngValue]=\"10\" selected>10</option>\r\n    </select>\r\n  </div>\r\n  }\r\n\r\n  @if ($pageable.showPagingInfo == undefined || $pageable.showPagingInfo) {\r\n  <div class=\"ng0-table-paging-info ms-auto\">\r\n    <ng-content select=\"paging-info\">\r\n      {{\r\n      _pagingFormatter({firstRecord: $firstRecord, lastRecord: $lastRecord, totalRecords: $totalRecordsCount!,\r\n      currentPage: $pageIndex!})\r\n      }}\r\n    </ng-content>\r\n  </div>\r\n  }\r\n  }\r\n</ng-template>\r\n\r\n<ng-template #nowDataTemplate>\r\n  <tr class=\"ng0-table-error-row\">\r\n    <td [attr.colSpan]=\"$columnsCount\" class=\"p-2\">\r\n      <div class=\"d-flex align-items-baseline\">\r\n        <span>{{ $tableLocale?.loadError ?? 'Error loading data.' }} </span>\r\n        <button (click)=\"load()\" class=\"btn btn-warning ms-auto\">\r\n          {{ \"retry\" | ng0Translate }}\r\n        </button>\r\n      </div>\r\n    </td>\r\n  </tr>\r\n</ng-template>", styles: [":host{display:flex;flex-direction:column;position:relative}@starting-style{.ng0-table-loading-cover{background-color:#0000}}table{margin-bottom:0}th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none}th.sortable .ng0-table-sort-icon{transition:transform .2s;opacity:0}th.sortable.sort-none:hover .ng0-table-sort-icon{opacity:.4}th.sortable.sort-asc .ng0-table-sort-icon{transform:rotate(0);opacity:1;color:var(--bs-danger)}th.sortable.sort-desc .ng0-table-sort-icon{transform:rotate(180deg);opacity:1;color:var(--bs-primary)}tbody{position:relative}td.row-number{width:0}td.shrinked{width:0;white-space:nowrap}.ng0-table-loading-cover{position:absolute;inset:0;background-color:#0000000d;transition:background-color .2s;z-index:1000;display:flex;align-items:center;justify-content:center}.table-scrollable{overflow-y:auto;direction:ltr;scroll-padding:20px}.table-scrollable::-webkit-scrollbar{width:8px}.table-scrollable::-webkit-scrollbar-track{background-color:#00000008}.table-scrollable::-webkit-scrollbar-thumb{background-color:var(--bs-secondary)}.table-scrollable thead th{position:sticky;top:0}.ng0-table-footer{margin-top:.5rem}.fade-in{animation:fade-in .5s}@keyframes fade-in{0%{opacity:0}to{opacity:1}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i3.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i3.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i3.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "directive", type: i3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: LocalizationModule }, { kind: "component", type: PaginationComponent, selector: "ng0-pagination", inputs: ["totalRecords", "pageSize", "selectedPage", "maxVisiblePages", "showNextPreviousButtons", "showFirstLastButtons"], outputs: ["itemClick"], exportAs: ["ng0Pagination"] }, { kind: "directive", type: NumberDirective, selector: "[ng0Number]", inputs: ["minFractionDigits", "maxFractionDigits", "useGrouping", "numberType"] }, { kind: "ngmodule", type: OverlayModule }, { kind: "directive", type: i4.CdkConnectedOverlay, selector: "[cdk-connected-overlay], [connected-overlay], [cdkConnectedOverlay]", inputs: ["cdkConnectedOverlayOrigin", "cdkConnectedOverlayPositions", "cdkConnectedOverlayPositionStrategy", "cdkConnectedOverlayOffsetX", "cdkConnectedOverlayOffsetY", "cdkConnectedOverlayWidth", "cdkConnectedOverlayHeight", "cdkConnectedOverlayMinWidth", "cdkConnectedOverlayMinHeight", "cdkConnectedOverlayBackdropClass", "cdkConnectedOverlayPanelClass", "cdkConnectedOverlayViewportMargin", "cdkConnectedOverlayScrollStrategy", "cdkConnectedOverlayOpen", "cdkConnectedOverlayDisableClose", "cdkConnectedOverlayTransformOriginOn", "cdkConnectedOverlayHasBackdrop", "cdkConnectedOverlayLockPosition", "cdkConnectedOverlayFlexibleDimensions", "cdkConnectedOverlayGrowAfterOpen", "cdkConnectedOverlayPush", "cdkConnectedOverlayDisposeOnNavigation"], outputs: ["backdropClick", "positionChange", "attach", "detach", "overlayKeydown", "overlayOutsideClick"], exportAs: ["cdkConnectedOverlay"] }, { kind: "directive", type: i4.CdkOverlayOrigin, selector: "[cdk-overlay-origin], [overlay-origin], [cdkOverlayOrigin]", exportAs: ["cdkOverlayOrigin"] }, { kind: "pipe", type: i2.DecimalPipe, name: "number" }, { kind: "pipe", type: i2.CurrencyPipe, name: "currency" }, { kind: "pipe", type: i1.TranslatePipe, name: "ng0Translate" }, { kind: "pipe", type: i1.TranslateEnumPipe, name: "ng0TranslateEnum" }, { kind: "pipe", type: i1.DatePipe, name: "ng0Date" }, { kind: "pipe", type: i1.LocalizeBooleanPipe, name: "ng0LocalizeBool" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.11", type: TableComponent, isStandalone: true, selector: "ng0-table", inputs: { source: { classPropertyName: "source", publicName: "source", isSignal: true, isRequired: true, transformFunction: null }, autoLoad: { classPropertyName: "autoLoad", publicName: "autoLoad", isSignal: true, isRequired: false, transformFunction: null }, showRowNumbers: { classPropertyName: "showRowNumbers", publicName: "showRowNumbers", isSignal: true, isRequired: false, transformFunction: null }, showHeader: { classPropertyName: "showHeader", publicName: "showHeader", isSignal: true, isRequired: false, transformFunction: null }, pageable: { classPropertyName: "pageable", publicName: "pageable", isSignal: true, isRequired: false, transformFunction: null }, sortable: { classPropertyName: "sortable", publicName: "sortable", isSignal: true, isRequired: false, transformFunction: null }, tableClass: { classPropertyName: "tableClass", publicName: "tableClass", isSignal: true, isRequired: false, transformFunction: null }, headerClass: { classPropertyName: "headerClass", publicName: "headerClass", isSignal: true, isRequired: false, transformFunction: null }, caption: { classPropertyName: "caption", publicName: "caption", isSignal: true, isRequired: false, transformFunction: null }, height: { classPropertyName: "height", publicName: "height", isSignal: true, isRequired: false, transformFunction: null }, filterable: { classPropertyName: "filterable", publicName: "filterable", isSignal: true, isRequired: false, transformFunction: null }, loadingIndicator: { classPropertyName: "loadingIndicator", publicName: "loadingIndicator", isSignal: true, isRequired: false, transformFunction: null }, loadingCover: { classPropertyName: "loadingCover", publicName: "loadingCover", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.ng0-loading": "this.isLoading" } }, queries: [{ propertyName: "_detailRow", first: true, predicate: TableDetailRowDirective, descendants: true }, { propertyName: "_columns", predicate: TableColumnDirective }], exportAs: ["ng0Table"], ngImport: i0, template: "@let $dataResult = _dataResult();\n@let $pageable = pageable();\n@let $pageIndex = _lastRequest?.page?.index ?? 1;\n@let $data = $dataResult?.data;\n@let $anyRecords = $data && $data.length > 0;\n@let $totalRecordsCount = $dataResult?.total;\n@let $firstRecord = $pageable ? ($pageable.pageSize! * ($pageIndex - 1) + 1) : 1;\n@let $lastRecord = $data ? $firstRecord + $data.length - 1 : 1;\n@let $isLoading = _dataSource.isLoading();\n@let $isFirstLoad = $dataResult == undefined;\n@let $columnsCount = _columns.length + (showRowNumbers() ? 1 : 0);\n@let $tableLocale = _ls.get()?.definition?.components?.table;\n\n<div class=\"table-responsive\" [style.height]=\"height()\" [class.table-scrollable]=\"height()! > 0\">\n  <table class=\"table\" [ngClass]=\"tableClass()\">\n    @if (caption()) {\n    <caption>{{caption()}}</caption>\n    }\n\n    @if (showHeader()) {\n    <ng-container *ngTemplateOutlet=\"headerTemplate\"></ng-container>\n    }\n\n    @if (filterable()) {\n    <ng-container *ngTemplateOutlet=\"filtersTemplate\"></ng-container>\n    }\n\n    <tbody>\n      @if ($isLoading && $isFirstLoad && loadingIndicator()) {\n      <tr class=\"ng0-table-loading-row\">\n        <td [attr.colspan]=\"$columnsCount\">\n          @switch (loadingIndicator()) {\n          @case ('spinner') {\n          <div class=\"text-center\">\n            <div class=\"spinner-border\" role=\"status\"></div>\n          </div>\n          }\n          }\n        </td>\n      </tr>\n      } @else {\n      @if ($data) {\n      @if ($data.length > 0) {\n      <ng-container *ngTemplateOutlet=\"dataRowsTemplate\"></ng-container>\n      } @else {\n      <tr class=\"ng0-table-no-records-row\">\n        <td [attr.colSpan]=\"$columnsCount\" class=\"text-center p-2\">\n          {{ $tableLocale?.noRecords ?? 'No Records.' }}\n        </td>\n      </tr>\n      }\n      } @else if (_lastError) {\n      <ng-container *ngTemplateOutlet=\"nowDataTemplate\"></ng-container>\n      }\n      }\n    </tbody>\n  </table>\n</div>\n\n<div class=\"ng0-table-footer d-flex align-items-baseline\">\n  <ng-container *ngTemplateOutlet=\"footerTemplate\"></ng-container>\n</div>\n\n@if ($isLoading && !$isFirstLoad && loadingCover()) {\n<div class=\"ng0-table-loading-cover text-center\">\n  @if (loadingCover() == 'spinner') {\n  <div class=\"spinner-border\" role=\"status\"></div>\n  }\n</div>\n}\n\n<ng-template #filtersTemplate>\n  <thead>\n    <tr>\n      @if (_detailRow) {\n      <th></th>\n      }\n\n      @if (showRowNumbers()) {\n      <th></th>\n      }\n\n      @for (col of _columns; track $index) {\n      <th>\n        @if(col.filterable() && (col.field() || col.filterValue())) {\n\n        <div class=\"input-group\">\n          @switch (col.type()) {\n          @case ('text') {\n          <input [name]=\"'filter-' + col.field\"\n                 type=\"search\"\n                 [maxlength]=\"50\"\n                 class=\"form-control form-control-sm\"\n                 [(ngModel)]=\"col.filterValue\"\n                 (keydown.enter)=\"load(0)\">\n          }\n          @case ('number') {\n          <input [name]=\"'datatablecol-' + col.field\"\n                 type=\"search\"\n                 ng0Number\n                 class=\"form-control form-control-sm\"\n                 [(ngModel)]=\"col.filterValue\"\n                 (keydown.enter)=\"load(0)\">\n          }\n          }\n\n          <button class=\"btn btn-outline-light\"\n                  style=\"border-color: var(--bs-border-color);\"\n                  cdkOverlayOrigin\n                  #trigger=\"cdkOverlayOrigin\"\n                  (click)=\"_onToggleFilterOperator(col)\">\n            <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n              <path d=\"M19 3H5C3.58579 3 2.87868 3 2.43934 3.4122C2 3.8244 2 4.48782 2 5.81466V6.50448C2 7.54232 2 8.06124 2.2596 8.49142C2.5192 8.9216 2.99347 9.18858 3.94202 9.72255L6.85504 11.3624C7.49146 11.7206 7.80967 11.8998 8.03751 12.0976C8.51199 12.5095 8.80408 12.9935 8.93644 13.5872C9 13.8722 9 14.2058 9 14.8729L9 17.5424C9 18.452 9 18.9067 9.25192 19.2613C9.50385 19.6158 9.95128 19.7907 10.8462 20.1406C12.7248 20.875 13.6641 21.2422 14.3321 20.8244C15 20.4066 15 19.4519 15 17.5424V14.8729C15 14.2058 15 13.8722 15.0636 13.5872C15.1959 12.9935 15.488 12.5095 15.9625 12.0976C16.1903 11.8998 16.5085 11.7206 17.145 11.3624L20.058 9.72255C21.0065 9.18858 21.4808 8.9216 21.7404 8.49142C22 8.06124 22 7.54232 22 6.50448V5.81466C22 4.48782 22 3.8244 21.5607 3.4122C21.1213 3 20.4142 3 19 3Z\"\n                    stroke=\"#1C274C\" stroke-width=\"1.5\" />\n            </svg>\n          </button>\n        </div>\n\n        <ng-template\n                     cdkConnectedOverlay\n                     [cdkConnectedOverlayOrigin]=\"trigger\"\n                     [cdkConnectedOverlayOpen]=\"col.showFilterOperators()\"\n                     (overlayOutsideClick)=\"col.showFilterOperators.set(false)\"\n                     (detach)=\"col.showFilterOperators.set(false)\">\n          <ul class=\"dropdown-menu show\" animate.enter=\"fade-in\">\n            @for (item of col.getFilterOperators(); track $index) {\n            <li>\n              <button class=\"dropdown-item\" [class.active]=\"item == col.filterOperator()\"\n                      (click)=\"_onSelectFilterOperator(col, item)\">\n                {{_ls.get()?.definition?.data?.logicalOperators?.[item] ?? item }}\n              </button>\n            </li>\n            }\n          </ul>\n        </ng-template>\n        }\n      </th>\n      }\n    </tr>\n  </thead>\n</ng-template>\n\n<ng-template #headerTemplate>\n  <thead [ngClass]=\"headerClass()\">\n    <tr>\n      @if (_detailRow) {\n      <th></th>\n      }\n\n      @if (showRowNumbers()) {\n      <th class=\"row-number text-muted\">#</th>\n      }\n\n      @for (col of _columns; track $index) {\n      <th\n          (click)=\"col.toggleSortDirection(); load()\"\n          [class.sortable]=\"sortable() && col.sortable()\"\n          [ngClass]=\"{ \n            'sort-asc': col.sortDirection() == 'asc', \n            'sort-desc': col.sortDirection() == 'desc',\n            'sort-none': col.sortDirection() == 'none'\n          }\">\n        {{ col.title() }}\n\n        @if(sortable() && col.sortable()) {\n        <svg class=\"ng0-table-sort-icon\"\n             width=\"24\"\n             height=\"24\"\n             viewBox=\"0 0 24 24\" fill=\"none\"\n             xmlns=\"http://www.w3.org/2000/svg\">\n          <path d=\"M12 7L12 16\" stroke=\"currentColor\" stroke-width=\"1\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\n          <path d=\"M8 13L12 17L16 13\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\n                stroke-linejoin=\"round\" />\n        </svg>\n        }\n      </th>\n      }\n    </tr>\n  </thead>\n</ng-template>\n\n<ng-template #dataRowsTemplate>\n  @for (row of $data; track $index) {\n  <tr [class.table-active]=\"isRowExpanded(row)\">\n    @if (_detailRow) {\n    <td class=\"detail-row-expander\">\n      @if (_detailRow.showCallback == null || _detailRow.showCallback(row)) {\n      <button class=\"btn\" (click)=\"_onToggleRowDetailClick(row)\">\n        @if (isRowExpanded(row)) {\n        <i class=\"far fa-minus\"></i>\n        } @else {\n        <i class=\"far fa-plus\"></i>\n        }\n      </button>\n      }\n    </td>\n    }\n\n    @if (showRowNumbers()) {\n    <td class=\"ng0-table-row-number\">\n      {{ $firstRecord + $index }}\n    </td>\n    }\n\n    @for (col of _columns; track $index) {\n    <td\n        [ngClass]=\"col.cellClass()\"\n        [class.shrinked]=\"col.shrink()\"\n        [class.fw-bold]=\"col.bold()\">\n      @if (col.template) {\n      <ng-container *ngTemplateOutlet=\"col.template; context: { $implicit: row }\">\n      </ng-container>\n      } @else if (col.field()) {\n      @let cellValue = _getCellValue(row, col);\n\n      @if ((cellValue === null || cellValue === undefined) && col.emptyCellText()) {\n      {{ col.emptyCellText() }}\n      } @else {\n      @if (col.type()) {\n      @let type = $any(col.type());\n\n      @if (type == \"date\") {\n      {{ cellValue | ng0Date }}\n      } @else if (type == \"number\") {\n      {{ cellValue | number }}\n      } @else if (type == \"currency\") {\n      {{ cellValue | currency }}\n      } @else if (type.enum) {\n      {{ cellValue | ng0TranslateEnum: type.enum.name : type.enum.fallback }}\n      } @else if (type.boolean || type == \"boolean\") {\n      {{ cellValue | ng0LocalizeBool: type.boolean.false ?? \"false\" : type.boolean.false ?? \"true\" }}\n      }@else {\n      {{ cellValue }}\n      }\n      }\n      }\n      }\n    </td>\n    }\n  </tr>\n\n  @if (_detailRow && isRowExpanded(row)) {\n  <tr class=\"detail-row\">\n    <td\n        [attr.colspan]=\"_columns.length + (showRowNumbers() ? 1 : 0) + 1\"\n        class=\"ps-2 pb-4\">\n      <ng-container\n                    *ngTemplateOutlet=\"_detailRow.templateRef; context: { $implicit: row }\"></ng-container>\n    </td>\n  </tr>\n  }\n  }\n</ng-template>\n\n<ng-template #footerTemplate>\n  @if ($pageable && $pageable.showPagingControls && $anyRecords && $totalRecordsCount! > 0) {\n  <div class=\"ng0-table-pagination me-2\">\n    <ng0-pagination\n                    class=\"mb-0 d-inline-block\"\n                    [showFirstLastButtons]=\"$pageable.showFirstLastButtons == true\"\n                    [showNextPreviousButtons]=\"$pageable.showNextPreviousButtons == true\"\n                    [totalRecords]=\"$totalRecordsCount!\"\n                    [pageSize]=\"$pageable.pageSize!\"\n                    [selectedPage]=\"$pageIndex\"\n                    (itemClick)=\"_onPageChange($event)\"\n                    [maxVisiblePages]=\"$pageable.maxVisiblePages!\">\n      <ng-container ngProjectAs=\"first\">\n        <ng-content select=\"paging-first\">\n          {{ \"first\" | ng0Translate }}\n        </ng-content>\n      </ng-container>\n\n      <ng-container ngProjectAs=\"last\">\n        <ng-content select=\"paging-last\">\n          {{ \"last\" | ng0Translate }}\n        </ng-content>\n      </ng-container>\n\n      <ng-container ngProjectAs=\"next\">\n        <ng-content select=\"paging-next\">\n          {{ \"next\" | ng0Translate }}\n        </ng-content>\n      </ng-container>\n\n      <ng-container ngProjectAs=\"previous\">\n        <ng-content select=\"paging-previous\">\n          {{ \"previous\" | ng0Translate }}\n        </ng-content>\n      </ng-container>\n    </ng0-pagination>\n  </div>\n\n  @if ($pageable.showPageSizeOptions || $pageable.showPageSizeOptions == undefined) {\n  <div class=\"ng0-table-paging-options\">\n    <select name=\"pageSizeOptions\" class=\"form-select w-auto d-inline-block\">\n      <option [ngValue]=\"10\" selected>10</option>\n    </select>\n  </div>\n  }\n\n  @if ($pageable.showPagingInfo == undefined || $pageable.showPagingInfo) {\n  <div class=\"ng0-table-paging-info ms-auto\">\n    <ng-content select=\"paging-info\">\n      {{\n      _pagingFormatter({firstRecord: $firstRecord, lastRecord: $lastRecord, totalRecords: $totalRecordsCount!,\n      currentPage: $pageIndex!})\n      }}\n    </ng-content>\n  </div>\n  }\n  }\n</ng-template>\n\n<ng-template #nowDataTemplate>\n  <tr class=\"ng0-table-error-row\">\n    <td [attr.colSpan]=\"$columnsCount\" class=\"p-2\">\n      <div class=\"d-flex align-items-baseline\">\n        <span>{{ $tableLocale?.loadError ?? 'Error loading data.' }} </span>\n        <button (click)=\"load()\" class=\"btn btn-warning ms-auto\">\n          {{ \"retry\" | ng0Translate }}\n        </button>\n      </div>\n    </td>\n  </tr>\n</ng-template>", styles: [":host{display:flex;flex-direction:column;position:relative}@starting-style{.ng0-table-loading-cover{background-color:#0000}}table{margin-bottom:0}th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none}th.sortable .ng0-table-sort-icon{transition:transform .2s;opacity:0}th.sortable.sort-none:hover .ng0-table-sort-icon{opacity:.4}th.sortable.sort-asc .ng0-table-sort-icon{transform:rotate(0);opacity:1;color:var(--bs-danger)}th.sortable.sort-desc .ng0-table-sort-icon{transform:rotate(180deg);opacity:1;color:var(--bs-primary)}tbody{position:relative}td.row-number{width:0}td.shrinked{width:0;white-space:nowrap}.ng0-table-loading-cover{position:absolute;inset:0;background-color:#0000000d;transition:background-color .2s;z-index:1000;display:flex;align-items:center;justify-content:center}.table-scrollable{overflow-y:auto;direction:ltr;scroll-padding:20px}.table-scrollable::-webkit-scrollbar{width:8px}.table-scrollable::-webkit-scrollbar-track{background-color:#00000008}.table-scrollable::-webkit-scrollbar-thumb{background-color:var(--bs-secondary)}.table-scrollable thead th{position:sticky;top:0}.ng0-table-footer{margin-top:.5rem}.fade-in{animation:fade-in .5s}@keyframes fade-in{0%{opacity:0}to{opacity:1}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i3.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i3.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i3.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "directive", type: i3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: LocalizationModule }, { kind: "component", type: PaginationComponent, selector: "ng0-pagination", inputs: ["totalRecords", "pageSize", "selectedPage", "maxVisiblePages", "showNextPreviousButtons", "showFirstLastButtons"], outputs: ["itemClick"], exportAs: ["ng0Pagination"] }, { kind: "directive", type: NumberDirective, selector: "[ng0Number]", inputs: ["minFractionDigits", "maxFractionDigits", "useGrouping", "numberType"] }, { kind: "ngmodule", type: OverlayModule }, { kind: "directive", type: i4.CdkConnectedOverlay, selector: "[cdk-connected-overlay], [connected-overlay], [cdkConnectedOverlay]", inputs: ["cdkConnectedOverlayOrigin", "cdkConnectedOverlayPositions", "cdkConnectedOverlayPositionStrategy", "cdkConnectedOverlayOffsetX", "cdkConnectedOverlayOffsetY", "cdkConnectedOverlayWidth", "cdkConnectedOverlayHeight", "cdkConnectedOverlayMinWidth", "cdkConnectedOverlayMinHeight", "cdkConnectedOverlayBackdropClass", "cdkConnectedOverlayPanelClass", "cdkConnectedOverlayViewportMargin", "cdkConnectedOverlayScrollStrategy", "cdkConnectedOverlayOpen", "cdkConnectedOverlayDisableClose", "cdkConnectedOverlayTransformOriginOn", "cdkConnectedOverlayHasBackdrop", "cdkConnectedOverlayLockPosition", "cdkConnectedOverlayFlexibleDimensions", "cdkConnectedOverlayGrowAfterOpen", "cdkConnectedOverlayPush", "cdkConnectedOverlayDisposeOnNavigation"], outputs: ["backdropClick", "positionChange", "attach", "detach", "overlayKeydown", "overlayOutsideClick"], exportAs: ["cdkConnectedOverlay"] }, { kind: "directive", type: i4.CdkOverlayOrigin, selector: "[cdk-overlay-origin], [overlay-origin], [cdkOverlayOrigin]", exportAs: ["cdkOverlayOrigin"] }, { kind: "pipe", type: i2.DecimalPipe, name: "number" }, { kind: "pipe", type: i2.CurrencyPipe, name: "currency" }, { kind: "pipe", type: i1.TranslatePipe, name: "ng0Translate" }, { kind: "pipe", type: i1.TranslateEnumPipe, name: "ng0TranslateEnum" }, { kind: "pipe", type: i1.DatePipe, name: "ng0Date" }, { kind: "pipe", type: i1.LocalizeBooleanPipe, name: "ng0LocalizeBool" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.11", ngImport: i0, type: TableComponent, decorators: [{
             type: Component,
@@ -416,7 +415,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.11", ngImpo
                         PaginationComponent,
                         NumberDirective,
                         OverlayModule
-                    ], template: "@let $dataResult = _dataResult();\r\n@let $pageable = pageable();\r\n@let $pageIndex = _lastRequest?.page?.index ?? 1;\r\n@let $data = $dataResult?.data;\r\n@let $anyRecords = $data && $data.length > 0;\r\n@let $totalRecordsCount = $dataResult?.total;\r\n@let $firstRecord = $pageable ? ($pageable.pageSize! * ($pageIndex - 1) + 1) : 1;\r\n@let $lastRecord = $data ? $firstRecord + $data.length - 1 : 1;\r\n@let $isLoading = _dataSource.isLoading();\r\n@let $isFirstLoad = $dataResult == undefined;\r\n@let $columnsCount = _columns.length + (showRowNumbers() ? 1 : 0);\r\n@let $tableLocale = _ls.get()?.definition?.components?.table;\r\n\r\n<div class=\"table-responsive\" [style.height]=\"height()\" [class.table-scrollable]=\"height()! > 0\">\r\n  <table class=\"table\" [ngClass]=\"tableClass()\">\r\n    @if (caption()) {\r\n    <caption>{{caption()}}</caption>\r\n    }\r\n\r\n    @if (showHeader()) {\r\n    <ng-container *ngTemplateOutlet=\"headerTemplate\"></ng-container>\r\n    }\r\n\r\n    @if (filterable()) {\r\n    <ng-container *ngTemplateOutlet=\"filtersTemplate\"></ng-container>\r\n    }\r\n\r\n    <tbody>\r\n      @if ($isLoading && $isFirstLoad && loadingIndicator()) {\r\n      <tr class=\"ng0-table-loading-row\">\r\n        <td [attr.colspan]=\"$columnsCount\">\r\n          @switch (loadingIndicator()) {\r\n          @case ('spinner') {\r\n          <div class=\"text-center\">\r\n            <div class=\"spinner-border\" role=\"status\"></div>\r\n          </div>\r\n          }\r\n          }\r\n        </td>\r\n      </tr>\r\n      } @else {\r\n      @if ($data) {\r\n      @if ($data.length > 0) {\r\n      <ng-container *ngTemplateOutlet=\"dataRowsTemplate\"></ng-container>\r\n      } @else {\r\n      <tr class=\"ng0-table-no-records-row\">\r\n        <td [attr.colSpan]=\"$columnsCount\" class=\"text-center p-2\">\r\n          {{ $tableLocale?.noRecords ?? 'No Records.' }}\r\n        </td>\r\n      </tr>\r\n      }\r\n      } @else if (_lastError) {\r\n      <ng-container *ngTemplateOutlet=\"nowDataTemplate\"></ng-container>\r\n      }\r\n      }\r\n    </tbody>\r\n  </table>\r\n</div>\r\n\r\n<div class=\"ng0-table-footer d-flex align-items-baseline\">\r\n  <ng-container *ngTemplateOutlet=\"footerTemplate\"></ng-container>\r\n</div>\r\n\r\n@if ($isLoading && !$isFirstLoad && loadingCover()) {\r\n<div class=\"ng0-table-loading-cover text-center\">\r\n  @if (loadingCover() == 'spinner') {\r\n  <div class=\"spinner-border\" role=\"status\"></div>\r\n  }\r\n</div>\r\n}\r\n\r\n<ng-template #filtersTemplate>\r\n  <thead>\r\n    <tr>\r\n      @if (_detailRow) {\r\n      <th></th>\r\n      }\r\n\r\n      @if (showRowNumbers()) {\r\n      <th></th>\r\n      }\r\n\r\n      @for (col of _columns; track $index) {\r\n      <th>\r\n        @if(col.filterable() && (col.field() || col.filterValue())) {\r\n\r\n        <div class=\"input-group\">\r\n          @switch (col.type()) {\r\n          @case ('text') {\r\n          <input [name]=\"'filter-' + col.field\"\r\n                 type=\"search\"\r\n                 [maxlength]=\"50\"\r\n                 class=\"form-control form-control-sm\"\r\n                 [(ngModel)]=\"col.filterValue\"\r\n                 (keydown.enter)=\"load(0)\">\r\n          }\r\n          @case ('number') {\r\n          <input [name]=\"'datatablecol-' + col.field\"\r\n                 type=\"search\"\r\n                 ng0Number\r\n                 class=\"form-control form-control-sm\"\r\n                 [(ngModel)]=\"col.filterValue\"\r\n                 (keydown.enter)=\"load(0)\">\r\n          }\r\n          }\r\n\r\n          <button class=\"btn btn-outline-light\"\r\n                  style=\"border-color: var(--bs-border-color);\"\r\n                  cdkOverlayOrigin\r\n                  #trigger=\"cdkOverlayOrigin\"\r\n                  (click)=\"_onToggleFilterOperator(col)\">\r\n            <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\r\n              <path d=\"M19 3H5C3.58579 3 2.87868 3 2.43934 3.4122C2 3.8244 2 4.48782 2 5.81466V6.50448C2 7.54232 2 8.06124 2.2596 8.49142C2.5192 8.9216 2.99347 9.18858 3.94202 9.72255L6.85504 11.3624C7.49146 11.7206 7.80967 11.8998 8.03751 12.0976C8.51199 12.5095 8.80408 12.9935 8.93644 13.5872C9 13.8722 9 14.2058 9 14.8729L9 17.5424C9 18.452 9 18.9067 9.25192 19.2613C9.50385 19.6158 9.95128 19.7907 10.8462 20.1406C12.7248 20.875 13.6641 21.2422 14.3321 20.8244C15 20.4066 15 19.4519 15 17.5424V14.8729C15 14.2058 15 13.8722 15.0636 13.5872C15.1959 12.9935 15.488 12.5095 15.9625 12.0976C16.1903 11.8998 16.5085 11.7206 17.145 11.3624L20.058 9.72255C21.0065 9.18858 21.4808 8.9216 21.7404 8.49142C22 8.06124 22 7.54232 22 6.50448V5.81466C22 4.48782 22 3.8244 21.5607 3.4122C21.1213 3 20.4142 3 19 3Z\"\r\n                    stroke=\"#1C274C\" stroke-width=\"1.5\" />\r\n            </svg>\r\n          </button>\r\n        </div>\r\n\r\n        <ng-template\r\n                     cdkConnectedOverlay\r\n                     [cdkConnectedOverlayOrigin]=\"trigger\"\r\n                     [cdkConnectedOverlayOpen]=\"col.showFilterOperators()\"\r\n                     (overlayOutsideClick)=\"col.showFilterOperators.set(false)\"\r\n                     (detach)=\"col.showFilterOperators.set(false)\">\r\n          <ul class=\"dropdown-menu show\" animate.enter=\"fade-in\">\r\n            @for (item of col.getFilterOperators(); track $index) {\r\n            <li>\r\n              <button class=\"dropdown-item\" [class.active]=\"item == col.filterOperator()\"\r\n                      (click)=\"_onSelectFilterOperator(col, item)\">\r\n                {{_ls.get()?.definition?.data?.logicalOperators?.[item] ?? item }}\r\n              </button>\r\n            </li>\r\n            }\r\n          </ul>\r\n        </ng-template>\r\n        }\r\n      </th>\r\n      }\r\n    </tr>\r\n  </thead>\r\n</ng-template>\r\n\r\n<ng-template #headerTemplate>\r\n  <thead [ngClass]=\"headerClass()\">\r\n    <tr>\r\n      @if (_detailRow) {\r\n      <th></th>\r\n      }\r\n\r\n      @if (showRowNumbers()) {\r\n      <th class=\"row-number text-muted\">#</th>\r\n      }\r\n\r\n      @for (col of _columns; track $index) {\r\n      <th\r\n          (click)=\"col.toggleSortDirection(); load()\"\r\n          [class.sortable]=\"sortable() && col.sortable()\"\r\n          [ngClass]=\"{ \r\n            'sort-asc': col.sortDirection() == 'asc', \r\n            'sort-desc': col.sortDirection() == 'desc',\r\n            'sort-none': col.sortDirection() == 'none'\r\n          }\">\r\n        {{ col.title() }}\r\n\r\n        @if(sortable() && col.sortable()) {\r\n        <svg class=\"ng0-table-sort-icon\"\r\n             width=\"24\"\r\n             height=\"24\"\r\n             viewBox=\"0 0 24 24\" fill=\"none\"\r\n             xmlns=\"http://www.w3.org/2000/svg\">\r\n          <path d=\"M12 7L12 16\" stroke=\"currentColor\" stroke-width=\"1\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\r\n          <path d=\"M8 13L12 17L16 13\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\r\n                stroke-linejoin=\"round\" />\r\n        </svg>\r\n        }\r\n      </th>\r\n      }\r\n    </tr>\r\n  </thead>\r\n</ng-template>\r\n\r\n<ng-template #dataRowsTemplate>\r\n  @for (row of $data; track $index) {\r\n  <tr [class.table-active]=\"isRowExpanded(row)\">\r\n    @if (_detailRow) {\r\n    <td class=\"detail-row-expander\">\r\n      @if (_detailRow.showCallback == null || _detailRow.showCallback(row)) {\r\n      <button class=\"btn\" (click)=\"_onToggleRowDetailClick(row)\">\r\n        @if (isRowExpanded(row)) {\r\n        <i class=\"far fa-minus\"></i>\r\n        } @else {\r\n        <i class=\"far fa-plus\"></i>\r\n        }\r\n      </button>\r\n      }\r\n    </td>\r\n    }\r\n\r\n    @if (showRowNumbers()) {\r\n    <td class=\"ng0-table-row-number\">\r\n      {{ $firstRecord + $index }}\r\n    </td>\r\n    }\r\n\r\n    @for (col of _columns; track $index) {\r\n    <td\r\n        [ngClass]=\"col.cellClass()\"\r\n        [class.shrinked]=\"col.shrink()\"\r\n        [class.fw-bold]=\"col.bold()\">\r\n      @if (col.template) {\r\n      <ng-container *ngTemplateOutlet=\"col.template; context: { $implicit: row }\">\r\n      </ng-container>\r\n      } @else if (col.field()) {\r\n      @let cellValue = _getCellValue(row, col);\r\n\r\n      @if ((cellValue === null || cellValue === undefined) && col.emptyCellText()) {\r\n      {{ col.emptyCellText() }}\r\n      } @else {\r\n      @if (col.type()) {\r\n      @let type = $any(col.type());\r\n\r\n      @if (type == \"date\") {\r\n      {{ cellValue | ng0Date }}\r\n      } @else if (type == \"number\") {\r\n      {{ cellValue | number }}\r\n      } @else if (type == \"currency\") {\r\n      {{ cellValue | currency }}\r\n      } @else if (type.enum) {\r\n      {{ cellValue | ng0TranslateEnum: type.enum.name : type.enum.fallback }}\r\n      } @else if (type.boolean || type == \"boolean\") {\r\n      {{ cellValue | ng0LocalizeBool: type.boolean.false ?? \"false\" : type.boolean.false ?? \"true\" }}\r\n      }@else {\r\n      {{ cellValue }}\r\n      }\r\n      }\r\n      }\r\n      }\r\n    </td>\r\n    }\r\n  </tr>\r\n\r\n  @if (_detailRow && isRowExpanded(row)) {\r\n  <tr class=\"detail-row\">\r\n    <td\r\n        [attr.colspan]=\"_columns.length + (showRowNumbers() ? 1 : 0) + 1\"\r\n        class=\"ps-2 pb-4\">\r\n      <ng-container\r\n                    *ngTemplateOutlet=\"_detailRow.templateRef; context: { $implicit: row }\"></ng-container>\r\n    </td>\r\n  </tr>\r\n  }\r\n  }\r\n</ng-template>\r\n\r\n<ng-template #footerTemplate>\r\n  @if ($pageable && $pageable.showPagingControls && $anyRecords && $totalRecordsCount! > 0) {\r\n  <div class=\"ng0-table-pagination me-2\">\r\n    <ng0-pagination\r\n                    class=\"mb-0 d-inline-block\"\r\n                    [showFirstLastButtons]=\"$pageable.showFirstLastButtons == true\"\r\n                    [showNextPreviousButtons]=\"$pageable.showNextPreviousButtons == true\"\r\n                    [totalRecords]=\"$totalRecordsCount!\"\r\n                    [pageSize]=\"$pageable.pageSize!\"\r\n                    [selectedPage]=\"$pageIndex\"\r\n                    (itemClick)=\"_onPageChange($event)\"\r\n                    [maxVisiblePages]=\"$pageable.maxVisiblePages!\">\r\n      <ng-container ngProjectAs=\"first\">\r\n        <ng-content select=\"paging-first\">\r\n          {{ \"first\" | ng0Translate }}\r\n        </ng-content>\r\n      </ng-container>\r\n\r\n      <ng-container ngProjectAs=\"last\">\r\n        <ng-content select=\"paging-last\">\r\n          {{ \"last\" | ng0Translate }}\r\n        </ng-content>\r\n      </ng-container>\r\n\r\n      <ng-container ngProjectAs=\"next\">\r\n        <ng-content select=\"paging-next\">\r\n          {{ \"next\" | ng0Translate }}\r\n        </ng-content>\r\n      </ng-container>\r\n\r\n      <ng-container ngProjectAs=\"previous\">\r\n        <ng-content select=\"paging-previous\">\r\n          {{ \"previous\" | ng0Translate }}\r\n        </ng-content>\r\n      </ng-container>\r\n    </ng0-pagination>\r\n  </div>\r\n\r\n  @if ($pageable.showPageSizeOptions || $pageable.showPageSizeOptions == undefined) {\r\n  <div class=\"ng0-table-paging-options\">\r\n    <select name=\"pageSizeOptions\" class=\"form-select w-auto d-inline-block\">\r\n      <option [ngValue]=\"10\" selected>10</option>\r\n    </select>\r\n  </div>\r\n  }\r\n\r\n  @if ($pageable.showPagingInfo == undefined || $pageable.showPagingInfo) {\r\n  <div class=\"ng0-table-paging-info ms-auto\">\r\n    <ng-content select=\"paging-info\">\r\n      {{\r\n      _pagingFormatter({firstRecord: $firstRecord, lastRecord: $lastRecord, totalRecords: $totalRecordsCount!,\r\n      currentPage: $pageIndex!})\r\n      }}\r\n    </ng-content>\r\n  </div>\r\n  }\r\n  }\r\n</ng-template>\r\n\r\n<ng-template #nowDataTemplate>\r\n  <tr class=\"ng0-table-error-row\">\r\n    <td [attr.colSpan]=\"$columnsCount\" class=\"p-2\">\r\n      <div class=\"d-flex align-items-baseline\">\r\n        <span>{{ $tableLocale?.loadError ?? 'Error loading data.' }} </span>\r\n        <button (click)=\"load()\" class=\"btn btn-warning ms-auto\">\r\n          {{ \"retry\" | ng0Translate }}\r\n        </button>\r\n      </div>\r\n    </td>\r\n  </tr>\r\n</ng-template>", styles: [":host{display:flex;flex-direction:column;position:relative}@starting-style{.ng0-table-loading-cover{background-color:#0000}}table{margin-bottom:0}th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none}th.sortable .ng0-table-sort-icon{transition:transform .2s;opacity:0}th.sortable.sort-none:hover .ng0-table-sort-icon{opacity:.4}th.sortable.sort-asc .ng0-table-sort-icon{transform:rotate(0);opacity:1;color:var(--bs-danger)}th.sortable.sort-desc .ng0-table-sort-icon{transform:rotate(180deg);opacity:1;color:var(--bs-primary)}tbody{position:relative}td.row-number{width:0}td.shrinked{width:0;white-space:nowrap}.ng0-table-loading-cover{position:absolute;inset:0;background-color:#0000000d;transition:background-color .2s;z-index:1000;display:flex;align-items:center;justify-content:center}.table-scrollable{overflow-y:auto;direction:ltr;scroll-padding:20px}.table-scrollable::-webkit-scrollbar{width:8px}.table-scrollable::-webkit-scrollbar-track{background-color:#00000008}.table-scrollable::-webkit-scrollbar-thumb{background-color:var(--bs-secondary)}.table-scrollable thead th{position:sticky;top:0}.ng0-table-footer{margin-top:.5rem}.fade-in{animation:fade-in .5s}@keyframes fade-in{0%{opacity:0}to{opacity:1}}\n"] }]
+                    ], template: "@let $dataResult = _dataResult();\n@let $pageable = pageable();\n@let $pageIndex = _lastRequest?.page?.index ?? 1;\n@let $data = $dataResult?.data;\n@let $anyRecords = $data && $data.length > 0;\n@let $totalRecordsCount = $dataResult?.total;\n@let $firstRecord = $pageable ? ($pageable.pageSize! * ($pageIndex - 1) + 1) : 1;\n@let $lastRecord = $data ? $firstRecord + $data.length - 1 : 1;\n@let $isLoading = _dataSource.isLoading();\n@let $isFirstLoad = $dataResult == undefined;\n@let $columnsCount = _columns.length + (showRowNumbers() ? 1 : 0);\n@let $tableLocale = _ls.get()?.definition?.components?.table;\n\n<div class=\"table-responsive\" [style.height]=\"height()\" [class.table-scrollable]=\"height()! > 0\">\n  <table class=\"table\" [ngClass]=\"tableClass()\">\n    @if (caption()) {\n    <caption>{{caption()}}</caption>\n    }\n\n    @if (showHeader()) {\n    <ng-container *ngTemplateOutlet=\"headerTemplate\"></ng-container>\n    }\n\n    @if (filterable()) {\n    <ng-container *ngTemplateOutlet=\"filtersTemplate\"></ng-container>\n    }\n\n    <tbody>\n      @if ($isLoading && $isFirstLoad && loadingIndicator()) {\n      <tr class=\"ng0-table-loading-row\">\n        <td [attr.colspan]=\"$columnsCount\">\n          @switch (loadingIndicator()) {\n          @case ('spinner') {\n          <div class=\"text-center\">\n            <div class=\"spinner-border\" role=\"status\"></div>\n          </div>\n          }\n          }\n        </td>\n      </tr>\n      } @else {\n      @if ($data) {\n      @if ($data.length > 0) {\n      <ng-container *ngTemplateOutlet=\"dataRowsTemplate\"></ng-container>\n      } @else {\n      <tr class=\"ng0-table-no-records-row\">\n        <td [attr.colSpan]=\"$columnsCount\" class=\"text-center p-2\">\n          {{ $tableLocale?.noRecords ?? 'No Records.' }}\n        </td>\n      </tr>\n      }\n      } @else if (_lastError) {\n      <ng-container *ngTemplateOutlet=\"nowDataTemplate\"></ng-container>\n      }\n      }\n    </tbody>\n  </table>\n</div>\n\n<div class=\"ng0-table-footer d-flex align-items-baseline\">\n  <ng-container *ngTemplateOutlet=\"footerTemplate\"></ng-container>\n</div>\n\n@if ($isLoading && !$isFirstLoad && loadingCover()) {\n<div class=\"ng0-table-loading-cover text-center\">\n  @if (loadingCover() == 'spinner') {\n  <div class=\"spinner-border\" role=\"status\"></div>\n  }\n</div>\n}\n\n<ng-template #filtersTemplate>\n  <thead>\n    <tr>\n      @if (_detailRow) {\n      <th></th>\n      }\n\n      @if (showRowNumbers()) {\n      <th></th>\n      }\n\n      @for (col of _columns; track $index) {\n      <th>\n        @if(col.filterable() && (col.field() || col.filterValue())) {\n\n        <div class=\"input-group\">\n          @switch (col.type()) {\n          @case ('text') {\n          <input [name]=\"'filter-' + col.field\"\n                 type=\"search\"\n                 [maxlength]=\"50\"\n                 class=\"form-control form-control-sm\"\n                 [(ngModel)]=\"col.filterValue\"\n                 (keydown.enter)=\"load(0)\">\n          }\n          @case ('number') {\n          <input [name]=\"'datatablecol-' + col.field\"\n                 type=\"search\"\n                 ng0Number\n                 class=\"form-control form-control-sm\"\n                 [(ngModel)]=\"col.filterValue\"\n                 (keydown.enter)=\"load(0)\">\n          }\n          }\n\n          <button class=\"btn btn-outline-light\"\n                  style=\"border-color: var(--bs-border-color);\"\n                  cdkOverlayOrigin\n                  #trigger=\"cdkOverlayOrigin\"\n                  (click)=\"_onToggleFilterOperator(col)\">\n            <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n              <path d=\"M19 3H5C3.58579 3 2.87868 3 2.43934 3.4122C2 3.8244 2 4.48782 2 5.81466V6.50448C2 7.54232 2 8.06124 2.2596 8.49142C2.5192 8.9216 2.99347 9.18858 3.94202 9.72255L6.85504 11.3624C7.49146 11.7206 7.80967 11.8998 8.03751 12.0976C8.51199 12.5095 8.80408 12.9935 8.93644 13.5872C9 13.8722 9 14.2058 9 14.8729L9 17.5424C9 18.452 9 18.9067 9.25192 19.2613C9.50385 19.6158 9.95128 19.7907 10.8462 20.1406C12.7248 20.875 13.6641 21.2422 14.3321 20.8244C15 20.4066 15 19.4519 15 17.5424V14.8729C15 14.2058 15 13.8722 15.0636 13.5872C15.1959 12.9935 15.488 12.5095 15.9625 12.0976C16.1903 11.8998 16.5085 11.7206 17.145 11.3624L20.058 9.72255C21.0065 9.18858 21.4808 8.9216 21.7404 8.49142C22 8.06124 22 7.54232 22 6.50448V5.81466C22 4.48782 22 3.8244 21.5607 3.4122C21.1213 3 20.4142 3 19 3Z\"\n                    stroke=\"#1C274C\" stroke-width=\"1.5\" />\n            </svg>\n          </button>\n        </div>\n\n        <ng-template\n                     cdkConnectedOverlay\n                     [cdkConnectedOverlayOrigin]=\"trigger\"\n                     [cdkConnectedOverlayOpen]=\"col.showFilterOperators()\"\n                     (overlayOutsideClick)=\"col.showFilterOperators.set(false)\"\n                     (detach)=\"col.showFilterOperators.set(false)\">\n          <ul class=\"dropdown-menu show\" animate.enter=\"fade-in\">\n            @for (item of col.getFilterOperators(); track $index) {\n            <li>\n              <button class=\"dropdown-item\" [class.active]=\"item == col.filterOperator()\"\n                      (click)=\"_onSelectFilterOperator(col, item)\">\n                {{_ls.get()?.definition?.data?.logicalOperators?.[item] ?? item }}\n              </button>\n            </li>\n            }\n          </ul>\n        </ng-template>\n        }\n      </th>\n      }\n    </tr>\n  </thead>\n</ng-template>\n\n<ng-template #headerTemplate>\n  <thead [ngClass]=\"headerClass()\">\n    <tr>\n      @if (_detailRow) {\n      <th></th>\n      }\n\n      @if (showRowNumbers()) {\n      <th class=\"row-number text-muted\">#</th>\n      }\n\n      @for (col of _columns; track $index) {\n      <th\n          (click)=\"col.toggleSortDirection(); load()\"\n          [class.sortable]=\"sortable() && col.sortable()\"\n          [ngClass]=\"{ \n            'sort-asc': col.sortDirection() == 'asc', \n            'sort-desc': col.sortDirection() == 'desc',\n            'sort-none': col.sortDirection() == 'none'\n          }\">\n        {{ col.title() }}\n\n        @if(sortable() && col.sortable()) {\n        <svg class=\"ng0-table-sort-icon\"\n             width=\"24\"\n             height=\"24\"\n             viewBox=\"0 0 24 24\" fill=\"none\"\n             xmlns=\"http://www.w3.org/2000/svg\">\n          <path d=\"M12 7L12 16\" stroke=\"currentColor\" stroke-width=\"1\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\n          <path d=\"M8 13L12 17L16 13\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\n                stroke-linejoin=\"round\" />\n        </svg>\n        }\n      </th>\n      }\n    </tr>\n  </thead>\n</ng-template>\n\n<ng-template #dataRowsTemplate>\n  @for (row of $data; track $index) {\n  <tr [class.table-active]=\"isRowExpanded(row)\">\n    @if (_detailRow) {\n    <td class=\"detail-row-expander\">\n      @if (_detailRow.showCallback == null || _detailRow.showCallback(row)) {\n      <button class=\"btn\" (click)=\"_onToggleRowDetailClick(row)\">\n        @if (isRowExpanded(row)) {\n        <i class=\"far fa-minus\"></i>\n        } @else {\n        <i class=\"far fa-plus\"></i>\n        }\n      </button>\n      }\n    </td>\n    }\n\n    @if (showRowNumbers()) {\n    <td class=\"ng0-table-row-number\">\n      {{ $firstRecord + $index }}\n    </td>\n    }\n\n    @for (col of _columns; track $index) {\n    <td\n        [ngClass]=\"col.cellClass()\"\n        [class.shrinked]=\"col.shrink()\"\n        [class.fw-bold]=\"col.bold()\">\n      @if (col.template) {\n      <ng-container *ngTemplateOutlet=\"col.template; context: { $implicit: row }\">\n      </ng-container>\n      } @else if (col.field()) {\n      @let cellValue = _getCellValue(row, col);\n\n      @if ((cellValue === null || cellValue === undefined) && col.emptyCellText()) {\n      {{ col.emptyCellText() }}\n      } @else {\n      @if (col.type()) {\n      @let type = $any(col.type());\n\n      @if (type == \"date\") {\n      {{ cellValue | ng0Date }}\n      } @else if (type == \"number\") {\n      {{ cellValue | number }}\n      } @else if (type == \"currency\") {\n      {{ cellValue | currency }}\n      } @else if (type.enum) {\n      {{ cellValue | ng0TranslateEnum: type.enum.name : type.enum.fallback }}\n      } @else if (type.boolean || type == \"boolean\") {\n      {{ cellValue | ng0LocalizeBool: type.boolean.false ?? \"false\" : type.boolean.false ?? \"true\" }}\n      }@else {\n      {{ cellValue }}\n      }\n      }\n      }\n      }\n    </td>\n    }\n  </tr>\n\n  @if (_detailRow && isRowExpanded(row)) {\n  <tr class=\"detail-row\">\n    <td\n        [attr.colspan]=\"_columns.length + (showRowNumbers() ? 1 : 0) + 1\"\n        class=\"ps-2 pb-4\">\n      <ng-container\n                    *ngTemplateOutlet=\"_detailRow.templateRef; context: { $implicit: row }\"></ng-container>\n    </td>\n  </tr>\n  }\n  }\n</ng-template>\n\n<ng-template #footerTemplate>\n  @if ($pageable && $pageable.showPagingControls && $anyRecords && $totalRecordsCount! > 0) {\n  <div class=\"ng0-table-pagination me-2\">\n    <ng0-pagination\n                    class=\"mb-0 d-inline-block\"\n                    [showFirstLastButtons]=\"$pageable.showFirstLastButtons == true\"\n                    [showNextPreviousButtons]=\"$pageable.showNextPreviousButtons == true\"\n                    [totalRecords]=\"$totalRecordsCount!\"\n                    [pageSize]=\"$pageable.pageSize!\"\n                    [selectedPage]=\"$pageIndex\"\n                    (itemClick)=\"_onPageChange($event)\"\n                    [maxVisiblePages]=\"$pageable.maxVisiblePages!\">\n      <ng-container ngProjectAs=\"first\">\n        <ng-content select=\"paging-first\">\n          {{ \"first\" | ng0Translate }}\n        </ng-content>\n      </ng-container>\n\n      <ng-container ngProjectAs=\"last\">\n        <ng-content select=\"paging-last\">\n          {{ \"last\" | ng0Translate }}\n        </ng-content>\n      </ng-container>\n\n      <ng-container ngProjectAs=\"next\">\n        <ng-content select=\"paging-next\">\n          {{ \"next\" | ng0Translate }}\n        </ng-content>\n      </ng-container>\n\n      <ng-container ngProjectAs=\"previous\">\n        <ng-content select=\"paging-previous\">\n          {{ \"previous\" | ng0Translate }}\n        </ng-content>\n      </ng-container>\n    </ng0-pagination>\n  </div>\n\n  @if ($pageable.showPageSizeOptions || $pageable.showPageSizeOptions == undefined) {\n  <div class=\"ng0-table-paging-options\">\n    <select name=\"pageSizeOptions\" class=\"form-select w-auto d-inline-block\">\n      <option [ngValue]=\"10\" selected>10</option>\n    </select>\n  </div>\n  }\n\n  @if ($pageable.showPagingInfo == undefined || $pageable.showPagingInfo) {\n  <div class=\"ng0-table-paging-info ms-auto\">\n    <ng-content select=\"paging-info\">\n      {{\n      _pagingFormatter({firstRecord: $firstRecord, lastRecord: $lastRecord, totalRecords: $totalRecordsCount!,\n      currentPage: $pageIndex!})\n      }}\n    </ng-content>\n  </div>\n  }\n  }\n</ng-template>\n\n<ng-template #nowDataTemplate>\n  <tr class=\"ng0-table-error-row\">\n    <td [attr.colSpan]=\"$columnsCount\" class=\"p-2\">\n      <div class=\"d-flex align-items-baseline\">\n        <span>{{ $tableLocale?.loadError ?? 'Error loading data.' }} </span>\n        <button (click)=\"load()\" class=\"btn btn-warning ms-auto\">\n          {{ \"retry\" | ng0Translate }}\n        </button>\n      </div>\n    </td>\n  </tr>\n</ng-template>", styles: [":host{display:flex;flex-direction:column;position:relative}@starting-style{.ng0-table-loading-cover{background-color:#0000}}table{margin-bottom:0}th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none}th.sortable .ng0-table-sort-icon{transition:transform .2s;opacity:0}th.sortable.sort-none:hover .ng0-table-sort-icon{opacity:.4}th.sortable.sort-asc .ng0-table-sort-icon{transform:rotate(0);opacity:1;color:var(--bs-danger)}th.sortable.sort-desc .ng0-table-sort-icon{transform:rotate(180deg);opacity:1;color:var(--bs-primary)}tbody{position:relative}td.row-number{width:0}td.shrinked{width:0;white-space:nowrap}.ng0-table-loading-cover{position:absolute;inset:0;background-color:#0000000d;transition:background-color .2s;z-index:1000;display:flex;align-items:center;justify-content:center}.table-scrollable{overflow-y:auto;direction:ltr;scroll-padding:20px}.table-scrollable::-webkit-scrollbar{width:8px}.table-scrollable::-webkit-scrollbar-track{background-color:#00000008}.table-scrollable::-webkit-scrollbar-thumb{background-color:var(--bs-secondary)}.table-scrollable thead th{position:sticky;top:0}.ng0-table-footer{margin-top:.5rem}.fade-in{animation:fade-in .5s}@keyframes fade-in{0%{opacity:0}to{opacity:1}}\n"] }]
         }], ctorParameters: () => [{ type: i1.LocalizationService }, { type: i0.DestroyRef }], propDecorators: { source: [{ type: i0.Input, args: [{ isSignal: true, alias: "source", required: true }] }], autoLoad: [{ type: i0.Input, args: [{ isSignal: true, alias: "autoLoad", required: false }] }], showRowNumbers: [{ type: i0.Input, args: [{ isSignal: true, alias: "showRowNumbers", required: false }] }], showHeader: [{ type: i0.Input, args: [{ isSignal: true, alias: "showHeader", required: false }] }], pageable: [{ type: i0.Input, args: [{ isSignal: true, alias: "pageable", required: false }] }], sortable: [{ type: i0.Input, args: [{ isSignal: true, alias: "sortable", required: false }] }], tableClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "tableClass", required: false }] }], headerClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "headerClass", required: false }] }], caption: [{ type: i0.Input, args: [{ isSignal: true, alias: "caption", required: false }] }], height: [{ type: i0.Input, args: [{ isSignal: true, alias: "height", required: false }] }], filterable: [{ type: i0.Input, args: [{ isSignal: true, alias: "filterable", required: false }] }], loadingIndicator: [{ type: i0.Input, args: [{ isSignal: true, alias: "loadingIndicator", required: false }] }], loadingCover: [{ type: i0.Input, args: [{ isSignal: true, alias: "loadingCover", required: false }] }], _columns: [{
                 type: ContentChildren,
                 args: [TableColumnDirective]