@acorex/components 21.0.0-next.3 → 21.0.0-next.31

package/fesm2022/acorex-components-routing-progress.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"acorex-components-routing-progress.mjs","sources":["../tmp-esm2022/routing-progress/lib/routing-progress.component.js","../tmp-esm2022/routing-progress/lib/routing-progress.module.js","../tmp-esm2022/routing-progress/acorex-components-routing-progress.js"],"sourcesContent":["import { AXComponent, MXBaseComponent } from '@acorex/cdk/common';\nimport { ChangeDetectionStrategy, Component, ViewEncapsulation, inject } from '@angular/core';\nimport { NavigationCancel, NavigationEnd, NavigationError, NavigationStart, Router } from '@angular/router';\nimport { delay, interval } from 'rxjs';\nimport * as i0 from \"@angular/core\";\n/**\n * Shows routing progress with visual feedback during navigation.\n *\n * @category\n */\nexport class AXRoutingProgressComponent extends MXBaseComponent {\n    /** @ignore */\n    constructor() {\n        super();\n        this.router = inject(Router);\n        /**\n         * Indicates whether loading is in progress.\n         * @defaultValue false\n         */\n        this.loading = false;\n        /**\n         * Specifies the width of the component.\n         * @defaultValue 0\n         */\n        this.width = 0;\n        this.router.events.subscribe((event) => {\n            this.width = 0;\n            switch (true) {\n                case event instanceof NavigationStart: {\n                    this.loading = true;\n                    this.subscription = interval(50)\n                        .pipe(delay(300))\n                        .subscribe(() => {\n                        this.width += this.width > 70 ? 1 : 7;\n                        if (this.width >= 100) {\n                            this.width = 100;\n                            this.subscription.unsubscribe();\n                        }\n                        this.cdr.markForCheck();\n                    });\n                    break;\n                }\n                case event instanceof NavigationEnd:\n                case event instanceof NavigationCancel:\n                case event instanceof NavigationError: {\n                    this.subscription?.unsubscribe();\n                    setTimeout(() => {\n                        this.width = 100;\n                        this.loading = false;\n                        this.cdr.markForCheck();\n                    }, 500);\n                    break;\n                }\n                default: {\n                    break;\n                }\n            }\n        });\n    }\n    /** @ignore */\n    ngOnDestroy() {\n        this.subscription?.unsubscribe();\n    }\n    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"20.3.3\", ngImport: i0, type: AXRoutingProgressComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }\n    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: \"17.0.0\", version: \"20.3.3\", type: AXRoutingProgressComponent, isStandalone: true, selector: \"ax-routing-progress\", providers: [{ provide: AXComponent, useExisting: AXRoutingProgressComponent }], usesInheritance: true, ngImport: i0, template: \"@if (loading) {\\n  <div [style.width.%]=\\\"width\\\"></div>\\n}\\n\", styles: [\"ax-routing-progress{position:fixed;inset-inline-start:0px;top:0;z-index:2147483647;display:block;height:.25rem;width:100%}ax-routing-progress>div{transition:width .3s ease-out,opacity .15s .15s ease-in;transform:translateZ(0);height:100%;background-color:rgba(var(--ax-sys-color-primary-surface))}\\n\"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"20.3.3\", ngImport: i0, type: AXRoutingProgressComponent, decorators: [{\n            type: Component,\n            args: [{ selector: 'ax-routing-progress', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, providers: [{ provide: AXComponent, useExisting: AXRoutingProgressComponent }], template: \"@if (loading) {\\n  <div [style.width.%]=\\\"width\\\"></div>\\n}\\n\", styles: [\"ax-routing-progress{position:fixed;inset-inline-start:0px;top:0;z-index:2147483647;display:block;height:.25rem;width:100%}ax-routing-progress>div{transition:width .3s ease-out,opacity .15s .15s ease-in;transform:translateZ(0);height:100%;background-color:rgba(var(--ax-sys-color-primary-surface))}\\n\"] }]\n        }], ctorParameters: () => [] });\n//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicm91dGluZy1wcm9ncmVzcy5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wYWNrYWdlcy9jb21wb25lbnRzL3JvdXRpbmctcHJvZ3Jlc3Mvc3JjL2xpYi9yb3V0aW5nLXByb2dyZXNzLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3BhY2thZ2VzL2NvbXBvbmVudHMvcm91dGluZy1wcm9ncmVzcy9zcmMvbGliL3JvdXRpbmctcHJvZ3Jlc3MuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFdBQVcsRUFBRSxlQUFlLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQztBQUNsRSxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsU0FBUyxFQUFhLGlCQUFpQixFQUFFLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6RyxPQUFPLEVBQVMsZ0JBQWdCLEVBQUUsYUFBYSxFQUFFLGVBQWUsRUFBRSxlQUFlLEVBQUUsTUFBTSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFFbkgsT0FBTyxFQUFnQixLQUFLLEVBQUUsUUFBUSxFQUFFLE1BQU0sTUFBTSxDQUFDOztBQUVyRDs7OztHQUlHO0FBU0gsTUFBTSxPQUFPLDBCQUEyQixTQUFRLGVBQWU7SUFrQjdELGNBQWM7SUFDZDtRQUNFLEtBQUssRUFBRSxDQUFDO1FBbkJGLFdBQU0sR0FBRyxNQUFNLENBQUMsTUFBTSxDQUFDLENBQUM7UUFFaEM7OztXQUdHO1FBQ0gsWUFBTyxHQUFHLEtBQUssQ0FBQztRQUVoQjs7O1dBR0c7UUFDSCxVQUFLLEdBQUcsQ0FBQyxDQUFDO1FBUVIsSUFBSSxDQUFDLE1BQU0sQ0FBQyxNQUFNLENBQUMsU0FBUyxDQUFDLENBQUMsS0FBWSxFQUFFLEVBQUU7WUFDNUMsSUFBSSxDQUFDLEtBQUssR0FBRyxDQUFDLENBQUM7WUFDZixRQUFRLElBQUksRUFBRSxDQUFDO2dCQUNiLEtBQUssS0FBSyxZQUFZLGVBQWUsQ0FBQyxDQUFDLENBQUM7b0JBQ3RDLElBQUksQ0FBQyxPQUFPLEdBQUcsSUFBSSxDQUFDO29CQUNwQixJQUFJLENBQUMsWUFBWSxHQUFHLFFBQVEsQ0FBQyxFQUFFLENBQUM7eUJBQzdCLElBQUksQ0FBQyxLQUFLLENBQUMsR0FBRyxDQUFDLENBQUM7eUJBQ2hCLFNBQVMsQ0FBQyxHQUFHLEVBQUU7d0JBQ2QsSUFBSSxDQUFDLEtBQUssSUFBSSxJQUFJLENBQUMsS0FBSyxHQUFHLEVBQUUsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUM7d0JBQ3RDLElBQUksSUFBSSxDQUFDLEtBQUssSUFBSSxHQUFHLEVBQUUsQ0FBQzs0QkFDdEIsSUFBSSxDQUFDLEtBQUssR0FBRyxHQUFHLENBQUM7NEJBQ2pCLElBQUksQ0FBQyxZQUFZLENBQUMsV0FBVyxFQUFFLENBQUM7d0JBQ2xDLENBQUM7d0JBQ0QsSUFBSSxDQUFDLEdBQUcsQ0FBQyxZQUFZLEVBQUUsQ0FBQztvQkFDMUIsQ0FBQyxDQUFDLENBQUM7b0JBQ0wsTUFBTTtnQkFDUixDQUFDO2dCQUVELEtBQUssS0FBSyxZQUFZLGFBQWEsQ0FBQztnQkFDcEMsS0FBSyxLQUFLLFlBQVksZ0JBQWdCLENBQUM7Z0JBQ3ZDLEtBQUssS0FBSyxZQUFZLGVBQWUsQ0FBQyxDQUFDLENBQUM7b0JBQ3RDLElBQUksQ0FBQyxZQUFZLEVBQUUsV0FBVyxFQUFFLENBQUM7b0JBQ2pDLFVBQVUsQ0FBQyxHQUFHLEVBQUU7d0JBQ2QsSUFBSSxDQUFDLEtBQUssR0FBRyxHQUFHLENBQUM7d0JBQ2pCLElBQUksQ0FBQyxPQUFPLEdBQUcsS0FBSyxDQUFDO3dCQUNyQixJQUFJLENBQUMsR0FBRyxDQUFDLFlBQVksRUFBRSxDQUFDO29CQUMxQixDQUFDLEVBQUUsR0FBRyxDQUFDLENBQUM7b0JBQ1IsTUFBTTtnQkFDUixDQUFDO2dCQUNELE9BQU8sQ0FBQyxDQUFDLENBQUM7b0JBQ1IsTUFBTTtnQkFDUixDQUFDO1lBQ0gsQ0FBQztRQUNILENBQUMsQ0FBQyxDQUFDO0lBQ0wsQ0FBQztJQUVELGNBQWM7SUFDZCxXQUFXO1FBQ1QsSUFBSSxDQUFDLFlBQVksRUFBRSxXQUFXLEVBQUUsQ0FBQztJQUNuQyxDQUFDOzhHQTVEVSwwQkFBMEI7a0dBQTFCLDBCQUEwQixrRUFGMUIsQ0FBQyxFQUFFLE9BQU8sRUFBRSxXQUFXLEVBQUUsV0FBVyxFQUFFLDBCQUEwQixFQUFFLENBQUMsaURDakJoRiwrREFHQTs7MkZEZ0JhLDBCQUEwQjtrQkFSdEMsU0FBUzsrQkFDRSxxQkFBcUIsbUJBR2QsdUJBQXVCLENBQUMsTUFBTSxpQkFDaEMsaUJBQWlCLENBQUMsSUFBSSxhQUMxQixDQUFDLEVBQUUsT0FBTyxFQUFFLFdBQVcsRUFBRSxXQUFXLDRCQUE0QixFQUFFLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBBWENvbXBvbmVudCwgTVhCYXNlQ29tcG9uZW50IH0gZnJvbSAnQGFjb3JleC9jZGsvY29tbW9uJztcbmltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQsIE9uRGVzdHJveSwgVmlld0VuY2Fwc3VsYXRpb24sIGluamVjdCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgRXZlbnQsIE5hdmlnYXRpb25DYW5jZWwsIE5hdmlnYXRpb25FbmQsIE5hdmlnYXRpb25FcnJvciwgTmF2aWdhdGlvblN0YXJ0LCBSb3V0ZXIgfSBmcm9tICdAYW5ndWxhci9yb3V0ZXInO1xuXG5pbXBvcnQgeyBTdWJzY3JpcHRpb24sIGRlbGF5LCBpbnRlcnZhbCB9IGZyb20gJ3J4anMnO1xuXG4vKipcbiAqIFNob3dzIHJvdXRpbmcgcHJvZ3Jlc3Mgd2l0aCB2aXN1YWwgZmVlZGJhY2sgZHVyaW5nIG5hdmlnYXRpb24uXG4gKlxuICogQGNhdGVnb3J5XG4gKi9cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2F4LXJvdXRpbmctcHJvZ3Jlc3MnLFxuICB0ZW1wbGF0ZVVybDogJy4vcm91dGluZy1wcm9ncmVzcy5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL3JvdXRpbmctcHJvZ3Jlc3MuY29tcG9uZW50LnNjc3MnXSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG4gIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXG4gIHByb3ZpZGVyczogW3sgcHJvdmlkZTogQVhDb21wb25lbnQsIHVzZUV4aXN0aW5nOiBBWFJvdXRpbmdQcm9ncmVzc0NvbXBvbmVudCB9XSxcbn0pXG5leHBvcnQgY2xhc3MgQVhSb3V0aW5nUHJvZ3Jlc3NDb21wb25lbnQgZXh0ZW5kcyBNWEJhc2VDb21wb25lbnQgaW1wbGVtZW50cyBPbkRlc3Ryb3kge1xuICBwcml2YXRlIHJvdXRlciA9IGluamVjdChSb3V0ZXIpO1xuXG4gIC8qKlxuICAgKiBJbmRpY2F0ZXMgd2hldGhlciBsb2FkaW5nIGlzIGluIHByb2dyZXNzLlxuICAgKiBAZGVmYXVsdFZhbHVlIGZhbHNlXG4gICAqL1xuICBsb2FkaW5nID0gZmFsc2U7XG5cbiAgLyoqXG4gICAqIFNwZWNpZmllcyB0aGUgd2lkdGggb2YgdGhlIGNvbXBvbmVudC5cbiAgICogQGRlZmF1bHRWYWx1ZSAwXG4gICAqL1xuICB3aWR0aCA9IDA7XG5cbiAgLyoqIEBpZ25vcmUgKi9cbiAgcHJpdmF0ZSBzdWJzY3JpcHRpb24hOiBTdWJzY3JpcHRpb247XG5cbiAgLyoqIEBpZ25vcmUgKi9cbiAgY29uc3RydWN0b3IoKSB7XG4gICAgc3VwZXIoKTtcbiAgICB0aGlzLnJvdXRlci5ldmVudHMuc3Vic2NyaWJlKChldmVudDogRXZlbnQpID0+IHtcbiAgICAgIHRoaXMud2lkdGggPSAwO1xuICAgICAgc3dpdGNoICh0cnVlKSB7XG4gICAgICAgIGNhc2UgZXZlbnQgaW5zdGFuY2VvZiBOYXZpZ2F0aW9uU3RhcnQ6IHtcbiAgICAgICAgICB0aGlzLmxvYWRpbmcgPSB0cnVlO1xuICAgICAgICAgIHRoaXMuc3Vic2NyaXB0aW9uID0gaW50ZXJ2YWwoNTApXG4gICAgICAgICAgICAucGlwZShkZWxheSgzMDApKVxuICAgICAgICAgICAgLnN1YnNjcmliZSgoKSA9PiB7XG4gICAgICAgICAgICAgIHRoaXMud2lkdGggKz0gdGhpcy53aWR0aCA+IDcwID8gMSA6IDc7XG4gICAgICAgICAgICAgIGlmICh0aGlzLndpZHRoID49IDEwMCkge1xuICAgICAgICAgICAgICAgIHRoaXMud2lkdGggPSAxMDA7XG4gICAgICAgICAgICAgICAgdGhpcy5zdWJzY3JpcHRpb24udW5zdWJzY3JpYmUoKTtcbiAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICB0aGlzLmNkci5tYXJrRm9yQ2hlY2soKTtcbiAgICAgICAgICAgIH0pO1xuICAgICAgICAgIGJyZWFrO1xuICAgICAgICB9XG5cbiAgICAgICAgY2FzZSBldmVudCBpbnN0YW5jZW9mIE5hdmlnYXRpb25FbmQ6XG4gICAgICAgIGNhc2UgZXZlbnQgaW5zdGFuY2VvZiBOYXZpZ2F0aW9uQ2FuY2VsOlxuICAgICAgICBjYXNlIGV2ZW50IGluc3RhbmNlb2YgTmF2aWdhdGlvbkVycm9yOiB7XG4gICAgICAgICAgdGhpcy5zdWJzY3JpcHRpb24/LnVuc3Vic2NyaWJlKCk7XG4gICAgICAgICAgc2V0VGltZW91dCgoKSA9PiB7XG4gICAgICAgICAgICB0aGlzLndpZHRoID0gMTAwO1xuICAgICAgICAgICAgdGhpcy5sb2FkaW5nID0gZmFsc2U7XG4gICAgICAgICAgICB0aGlzLmNkci5tYXJrRm9yQ2hlY2soKTtcbiAgICAgICAgICB9LCA1MDApO1xuICAgICAgICAgIGJyZWFrO1xuICAgICAgICB9XG4gICAgICAgIGRlZmF1bHQ6IHtcbiAgICAgICAgICBicmVhaztcbiAgICAgICAgfVxuICAgICAgfVxuICAgIH0pO1xuICB9XG5cbiAgLyoqIEBpZ25vcmUgKi9cbiAgbmdPbkRlc3Ryb3koKTogdm9pZCB7XG4gICAgdGhpcy5zdWJzY3JpcHRpb24/LnVuc3Vic2NyaWJlKCk7XG4gIH1cbn1cbiIsIkBpZiAobG9hZGluZykge1xuICA8ZGl2IFtzdHlsZS53aWR0aC4lXT1cIndpZHRoXCI+PC9kaXY+XG59XG4iXX0=","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { AXRoutingProgressComponent } from './routing-progress.component';\nimport * as i0 from \"@angular/core\";\nconst COMPONENT = [AXRoutingProgressComponent];\nconst MODULES = [CommonModule];\nexport class AXRoutingProgressModule {\n    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"20.3.3\", ngImport: i0, type: AXRoutingProgressModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }\n    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: \"14.0.0\", version: \"20.3.3\", ngImport: i0, type: AXRoutingProgressModule, imports: [CommonModule, AXRoutingProgressComponent], exports: [AXRoutingProgressComponent] }); }\n    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: \"12.0.0\", version: \"20.3.3\", ngImport: i0, type: AXRoutingProgressModule, imports: [MODULES] }); }\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"20.3.3\", ngImport: i0, type: AXRoutingProgressModule, decorators: [{\n            type: NgModule,\n            args: [{\n                    imports: [...MODULES, ...COMPONENT],\n                    exports: [...COMPONENT],\n                    providers: [],\n                }]\n        }] });\n//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicm91dGluZy1wcm9ncmVzcy5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wYWNrYWdlcy9jb21wb25lbnRzL3JvdXRpbmctcHJvZ3Jlc3Mvc3JjL2xpYi9yb3V0aW5nLXByb2dyZXNzLm1vZHVsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6QyxPQUFPLEVBQUUsMEJBQTBCLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQzs7QUFFMUUsTUFBTSxTQUFTLEdBQUcsQ0FBQywwQkFBMEIsQ0FBQyxDQUFDO0FBQy9DLE1BQU0sT0FBTyxHQUFHLENBQUMsWUFBWSxDQUFDLENBQUM7QUFPL0IsTUFBTSxPQUFPLHVCQUF1Qjs4R0FBdkIsdUJBQXVCOytHQUF2Qix1QkFBdUIsWUFQbkIsWUFBWSxFQURWLDBCQUEwQixhQUExQiwwQkFBMEI7K0dBUWhDLHVCQUF1QixZQUpyQixPQUFPOzsyRkFJVCx1QkFBdUI7a0JBTG5DLFFBQVE7bUJBQUM7b0JBQ1IsT0FBTyxFQUFFLENBQUMsR0FBRyxPQUFPLEVBQUUsR0FBRyxTQUFTLENBQUM7b0JBQ25DLE9BQU8sRUFBRSxDQUFDLEdBQUcsU0FBUyxDQUFDO29CQUN2QixTQUFTLEVBQUUsRUFBRTtpQkFDZCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBOZ01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQVhSb3V0aW5nUHJvZ3Jlc3NDb21wb25lbnQgfSBmcm9tICcuL3JvdXRpbmctcHJvZ3Jlc3MuY29tcG9uZW50JztcblxuY29uc3QgQ09NUE9ORU5UID0gW0FYUm91dGluZ1Byb2dyZXNzQ29tcG9uZW50XTtcbmNvbnN0IE1PRFVMRVMgPSBbQ29tbW9uTW9kdWxlXTtcblxuQE5nTW9kdWxlKHtcbiAgaW1wb3J0czogWy4uLk1PRFVMRVMsIC4uLkNPTVBPTkVOVF0sXG4gIGV4cG9ydHM6IFsuLi5DT01QT05FTlRdLFxuICBwcm92aWRlcnM6IFtdLFxufSlcbmV4cG9ydCBjbGFzcyBBWFJvdXRpbmdQcm9ncmVzc01vZHVsZSB7fVxuIl19","/**\n * Generated bundle index. Do not edit.\n */\nexport * from './index';\n//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWNvcmV4LWNvbXBvbmVudHMtcm91dGluZy1wcm9ncmVzcy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3BhY2thZ2VzL2NvbXBvbmVudHMvcm91dGluZy1wcm9ncmVzcy9zcmMvYWNvcmV4LWNvbXBvbmVudHMtcm91dGluZy1wcm9ncmVzcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7R0FFRztBQUVILGNBQWMsU0FBUyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBHZW5lcmF0ZWQgYnVuZGxlIGluZGV4LiBEbyBub3QgZWRpdC5cbiAqL1xuXG5leHBvcnQgKiBmcm9tICcuL2luZGV4JztcbiJdfQ=="],"names":[],"mappings":"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"}
+{"version":3,"file":"acorex-components-routing-progress.mjs","sources":["../../../../packages/components/routing-progress/src/lib/routing-progress.component.ts","../../../../packages/components/routing-progress/src/lib/routing-progress.component.html","../../../../packages/components/routing-progress/src/lib/routing-progress.module.ts","../../../../packages/components/routing-progress/src/acorex-components-routing-progress.ts"],"sourcesContent":["import { AXComponent, MXBaseComponent } from '@acorex/cdk/common';\nimport { ChangeDetectionStrategy, Component, OnDestroy, ViewEncapsulation, inject } from '@angular/core';\nimport { Event, NavigationCancel, NavigationEnd, NavigationError, NavigationStart, Router } from '@angular/router';\n\nimport { Subscription, delay, interval } from 'rxjs';\n\n/**\n * Shows routing progress with visual feedback during navigation.\n *\n * @category\n */\n@Component({\n  selector: 'ax-routing-progress',\n  templateUrl: './routing-progress.component.html',\n  styleUrls: ['./routing-progress.component.compiled.css'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n  providers: [{ provide: AXComponent, useExisting: AXRoutingProgressComponent }],\n})\nexport class AXRoutingProgressComponent extends MXBaseComponent implements OnDestroy {\n  private router = inject(Router);\n\n  /**\n   * Indicates whether loading is in progress.\n   * @defaultValue false\n   */\n  loading = false;\n\n  /**\n   * Specifies the width of the component.\n   * @defaultValue 0\n   */\n  width = 0;\n\n  /** @ignore */\n  private subscription!: Subscription;\n\n  /** @ignore */\n  constructor() {\n    super();\n    this.router.events.subscribe((event: Event) => {\n      this.width = 0;\n      switch (true) {\n        case event instanceof NavigationStart: {\n          this.loading = true;\n          this.subscription = interval(50)\n            .pipe(delay(300))\n            .subscribe(() => {\n              this.width += this.width > 70 ? 1 : 7;\n              if (this.width >= 100) {\n                this.width = 100;\n                this.subscription.unsubscribe();\n              }\n              this.cdr.markForCheck();\n            });\n          break;\n        }\n\n        case event instanceof NavigationEnd:\n        case event instanceof NavigationCancel:\n        case event instanceof NavigationError: {\n          this.subscription?.unsubscribe();\n          setTimeout(() => {\n            this.width = 100;\n            this.loading = false;\n            this.cdr.markForCheck();\n          }, 500);\n          break;\n        }\n        default: {\n          break;\n        }\n      }\n    });\n  }\n\n  /** @ignore */\n  ngOnDestroy(): void {\n    this.subscription?.unsubscribe();\n  }\n}\n","@if (loading) {\n  <div [style.width.%]=\"width\"></div>\n}\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { AXRoutingProgressComponent } from './routing-progress.component';\n\nconst COMPONENT = [AXRoutingProgressComponent];\nconst MODULES = [CommonModule];\n\n@NgModule({\n  imports: [...MODULES, ...COMPONENT],\n  exports: [...COMPONENT],\n  providers: [],\n})\nexport class AXRoutingProgressModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/acorex-components-rrule.mjs

@@ -22,47 +22,110 @@ import { AXSelectionListModule } from '@acorex/components/selection-list';
 import * as i1$1 from '@angular/forms';
 import { FormsModule } from '@angular/forms';
 
+/**
+ * Service for working with RRule recurrence patterns.
+ * Provides methods to create RRule instances from options or strings,
+ * convert between formats, and query occurrences.
+ */
 class AXRruleService {
+    /**
+     * Creates an RRule instance from options object.
+     * @param options Partial RRule options to create the rule from
+     * @returns Promise resolving to the RRule instance
+     */
     async rruleFromOptions(options) {
         // eslint-disable-next-line @nx/enforce-module-boundaries
         const { RRule } = await import('rrule');
         return new RRule(options);
     }
+    /**
+     * Creates an RRule instance from a RRULE string.
+     * @param ruleString Valid RRULE string (e.g., "RRULE:FREQ=WEEKLY;COUNT=5")
+     * @returns Promise resolving to the RRule instance
+     */
     async rruleFromString(ruleString) {
         // eslint-disable-next-line @nx/enforce-module-boundaries
         const { RRule } = await import('rrule');
         return RRule.fromString(ruleString);
     }
+    /**
+     * Creates an RRule instance from human-readable text.
+     * @param ruleText Human-readable text describing the recurrence (e.g., "every Monday for 5 weeks")
+     * @returns Promise resolving to the RRule instance
+     */
     async rruleFromText(ruleText) {
         // eslint-disable-next-line @nx/enforce-module-boundaries
         const { RRule } = await import('rrule');
         return RRule.fromText(ruleText);
     }
+    /**
+     * Extracts options from an RRule instance.
+     * @param rule RRule instance to extract options from
+     * @returns Parsed options with all required fields
+     */
     rruleToOptions(rule) {
         return rule.options;
     }
+    /**
+     * Converts an RRule instance to RRULE string format.
+     * @param rule RRule instance to convert
+     * @returns RRULE string representation
+     */
     rruleToString(rule) {
         return rule.toString();
     }
+    /**
+     * Converts an RRule instance to human-readable text.
+     * @param rule RRule instance to convert
+     * @returns Human-readable text description
+     */
     rruleToText(rule) {
         return rule.toText();
     }
+    /**
+     * Gets all occurrences of the rule up to a limit.
+     * @param rule RRule instance to query
+     * @param limit Maximum number of occurrences to return (default: 500)
+     * @returns Array of occurrence dates
+     */
     rruleGetAll(rule, limit = 500) {
         return rule.all((d, l) => l < limit);
     }
+    /**
+     * Gets occurrences between two dates.
+     * @param rule RRule instance to query
+     * @param after Start date (exclusive by default)
+     * @param before End date (exclusive by default)
+     * @param inclusive Whether to include the boundary dates
+     * @returns Array of occurrence dates between the specified dates
+     */
     rruleGetBetween(rule, after, before, inclusive = false) {
         return rule.between(after, before, inclusive);
     }
+    /**
+     * Gets the last occurrence before the specified date.
+     * @param rule RRule instance to query
+     * @param date Date to search before
+     * @param inclusive Whether to include the specified date
+     * @returns Last occurrence before the date, or null if none found
+     */
     rruleGetBefore(rule, date, inclusive = false) {
         return rule.before(date, inclusive);
     }
+    /**
+     * Gets the first occurrence after the specified date.
+     * @param rule RRule instance to query
+     * @param date Date to search after
+     * @param inclusive Whether to include the specified date
+     * @returns First occurrence after the date, or null if none found
+     */
     rruleGetAfter(rule, date, inclusive = false) {
         return rule.after(date, inclusive);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: AXRruleService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: AXRruleService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: AXRruleService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: AXRruleService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: AXRruleService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: AXRruleService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',
@@ -90,9 +153,9 @@ class AXRrulePreviewComponent {
     ngOnInit() {
         this.timeZone.set(Intl.DateTimeFormat().resolvedOptions().timeZone);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: AXRrulePreviewComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.3", type: AXRrulePreviewComponent, isStandalone: true, selector: "ax-rrule-preview", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, repeat: { classPropertyName: "repeat", publicName: "repeat", isSignal: true, isRequired: false, transformFunction: null }, format: { classPropertyName: "format", publicName: "format", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: `
-    <div class="ax-flex ax-flex-col ax-gap-4 ax-rounded-md ax-border ax-p-4">
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: AXRrulePreviewComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.12", type: AXRrulePreviewComponent, isStandalone: true, selector: "ax-rrule-preview", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, repeat: { classPropertyName: "repeat", publicName: "repeat", isSignal: true, isRequired: false, transformFunction: null }, format: { classPropertyName: "format", publicName: "format", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: `
+    <div class="ax-flex ax-flex-col ax-gap-4 ax-text-pretty ax-rounded-md ax-border ax-p-4">
       <div>
         <ax-label>{{ 'rrule.text' | translate: { scope: 'common' } | async }}</ax-label>
         <code class="ax-mt-2 ax-block ax-rounded ax-bg-surface ax-p-2">
@@ -101,7 +164,7 @@ class AXRrulePreviewComponent {
       </div>
       <div>
         <ax-label>{{ 'rrule.string' | translate: { scope: 'common' } | async }}</ax-label>
-        <code class="ax-mt-2 ax-block ax-rounded ax-bg-surface ax-p-2">
+        <code class="ax-mt-2 ax-block ax-text-pretty ax-break-all ax-rounded ax-bg-surface ax-p-2">
           {{ string() }}
         </code>
       </div>
@@ -120,12 +183,12 @@ class AXRrulePreviewComponent {
     </div>
   `, isInline: true, dependencies: [{ kind: "ngmodule", type: AXLabelModule }, { kind: "component", type: i1.AXLabelComponent, selector: "ax-label", inputs: ["required", "for"], outputs: ["requiredChange"] }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "pipe", type: DatePipe, name: "date" }, { kind: "pipe", type: i2.AXTranslatorPipe, name: "translate" }, { kind: "pipe", type: AsyncPipe, name: "async" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: AXRrulePreviewComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: AXRrulePreviewComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'ax-rrule-preview',
                     template: `
-    <div class="ax-flex ax-flex-col ax-gap-4 ax-rounded-md ax-border ax-p-4">
+    <div class="ax-flex ax-flex-col ax-gap-4 ax-text-pretty ax-rounded-md ax-border ax-p-4">
       <div>
         <ax-label>{{ 'rrule.text' | translate: { scope: 'common' } | async }}</ax-label>
         <code class="ax-mt-2 ax-block ax-rounded ax-bg-surface ax-p-2">
@@ -134,7 +197,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.3", ngImpor
       </div>
       <div>
         <ax-label>{{ 'rrule.string' | translate: { scope: 'common' } | async }}</ax-label>
-        <code class="ax-mt-2 ax-block ax-rounded ax-bg-surface ax-p-2">
+        <code class="ax-mt-2 ax-block ax-text-pretty ax-break-all ax-rounded ax-bg-surface ax-p-2">
           {{ string() }}
         </code>
       </div>
@@ -154,7 +217,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.3", ngImpor
   `,
                     imports: [AXLabelModule, DatePipe, AXTranslationModule, AsyncPipe],
                 }]
-        }] });
+        }], propDecorators: { value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }], repeat: [{ type: i0.Input, args: [{ isSignal: true, alias: "repeat", required: false }] }], format: [{ type: i0.Input, args: [{ isSignal: true, alias: "format", required: false }] }] } });
 
 const freqs = [
     { text: 'Yearly', value: 0 },
@@ -227,12 +290,36 @@ const defaultOptions = {
 };
 const defaultRrule = 'RRULE:FREQ=WEEKLY;INTERVAL=1;WKST=MO;COUNT=5';
 
+/**
+ * RRule component provides a user-friendly interface for creating and managing recurrence rules.
+ * Supports various frequencies, intervals, and date constraints with real-time preview and validation.
+ */
 class AXRruleComponent {
     constructor() {
+        /**
+         * Current recurrence rule model value (options object or RRULE string).
+         * @default null
+         */
         this.value = model(null, ...(ngDevMode ? [{ debugName: "value" }] : []));
+        /**
+         * Emitted when the model value changes.
+         */
+        this.valueChange = output();
+        /**
+         * Emitted with the computed RRule instance when updated.
+         */
         this.rruleChange = output();
+        /**
+         * Emitted with the normalized options whenever they change.
+         */
         this.optionsChange = output();
+        /**
+         * Emitted with the RRULE string representation.
+         */
         this.stringChange = output();
+        /**
+         * Emitted with the human-readable text of the rule.
+         */
         this.textChange = output();
         this.freqs = freqs;
         this.weekdays = weekdays;
@@ -356,6 +443,11 @@ class AXRruleComponent {
         }
         return options;
     }
+    /**
+     * Updates a single option and recomputes the rule.
+     * @param key The option key to update
+     * @param value The new value for the option
+     */
     async updateOption(key, value) {
         const current = this.options()[key];
         if (this._areOptionValuesEqual(current, value))
@@ -372,6 +464,9 @@ class AXRruleComponent {
         }
         this._emitAll();
     }
+    /**
+     * Resets options to defaults and recomputes the rule.
+     */
     async resetOptions() {
         this.options.set({ ...defaultOptions });
         const newRrule = await this.rruleService.rruleFromOptions(this.options());
@@ -385,10 +480,10 @@ class AXRruleComponent {
         }
         this._emitAll();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: AXRruleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.3", type: AXRruleComponent, isStandalone: true, selector: "ax-rrule", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { value: "valueChange", rruleChange: "rruleChange", optionsChange: "optionsChange", stringChange: "stringChange", textChange: "textChange" }, ngImport: i0, template: "<div class=\"ax-rrule-container ax-grid ax-grid-cols-1 ax-gap-4 md:ax-grid-cols-2 lg:ax-grid-cols-3\">\n  <!-- General -->\n  <div class=\"ax-flex ax-flex-col ax-gap-4 ax-rounded-md ax-border ax-p-4\">\n    <div class=\"ax-text-lg ax-font-semibold\">{{ 'rrule.general' | translate: { scope: 'common' } | async }}</div>\n\n    <div>\n      <ax-label>{{ 'rrule.freq' | translate: { scope: 'common' } | async }}</ax-label>\n      <ax-selection-list\n        valueField=\"value\"\n        textField=\"text\"\n        name=\"freq\"\n        [items]=\"freqs\"\n        [ngModel]=\"options().freq\"\n        (ngModelChange)=\"updateOption('freq', $event)\"\n      ></ax-selection-list>\n    </div>\n\n    <div>\n      <ax-label>{{ 'rrule.dtstart' | translate: { scope: 'common' } | async }}</ax-label>\n      <ax-datetime-box\n        name=\"dtstart\"\n        [ngModel]=\"options().dtstart\"\n        (ngModelChange)=\"updateOption('dtstart', $event)\"\n      ></ax-datetime-box>\n    </div>\n\n    <div>\n      <ax-label>{{ 'rrule.until' | translate: { scope: 'common' } | async }}</ax-label>\n      <ax-datetime-box\n        name=\"until\"\n        [ngModel]=\"options().until\"\n        (ngModelChange)=\"updateOption('until', $event)\"\n      ></ax-datetime-box>\n    </div>\n\n    <div>\n      <ax-label>{{ 'rrule.count' | translate: { scope: 'common' } | async }}</ax-label>\n      <ax-number-box\n        name=\"count\"\n        [ngModel]=\"options().count\"\n        (ngModelChange)=\"updateOption('count', $event)\"\n        [minValue]=\"1\"\n      ></ax-number-box>\n    </div>\n\n    <div>\n      <ax-label>{{ 'rrule.interval' | translate: { scope: 'common' } | async }}</ax-label>\n      <ax-number-box\n        name=\"interval\"\n        [ngModel]=\"options().interval\"\n        (ngModelChange)=\"updateOption('interval', $event)\"\n        [minValue]=\"1\"\n      ></ax-number-box>\n    </div>\n\n    <div>\n      <ax-label>{{ 'rrule.tzid' | translate: { scope: 'common' } | async }}</ax-label>\n      <ax-select-box\n        name=\"tzid\"\n        [dataSource]=\"timezones\"\n        [ngModel]=\"options().tzid\"\n        (ngModelChange)=\"updateOption('tzid', $event)\"\n      >\n        <ax-search-box></ax-search-box>\n      </ax-select-box>\n    </div>\n  </div>\n\n  <!-- By Weekday -->\n  <div class=\"ax-flex ax-flex-col ax-gap-4 ax-rounded-md ax-border ax-p-4\">\n    <div class=\"ax-text-lg ax-font-semibold\">{{ 'rrule.by-weekday' | translate: { scope: 'common' } | async }}</div>\n    <div>\n      <ax-label>{{ 'rrule.wkst' | translate: { scope: 'common' } | async }}</ax-label>\n      <ax-selection-list\n        valueField=\"value\"\n        textField=\"text\"\n        name=\"wkst\"\n        [items]=\"weekdays\"\n        [ngModel]=\"options().wkst\"\n        (ngModelChange)=\"updateOption('wkst', $event)\"\n      ></ax-selection-list>\n    </div>\n    <div>\n      <ax-label>{{ 'rrule.by-weekday-rule' | translate: { scope: 'common' } | async }}</ax-label>\n      <ax-selection-list\n        valueField=\"value\"\n        textField=\"text\"\n        name=\"byweekday\"\n        [items]=\"weekdays\"\n        multiple=\"true\"\n        [ngModel]=\"options().byweekday\"\n        (ngModelChange)=\"updateOption('byweekday', $event)\"\n      ></ax-selection-list>\n    </div>\n  </div>\n\n  <!-- By Month -->\n  <div class=\"ax-flex ax-flex-col ax-gap-4 ax-rounded-md ax-border ax-p-4\">\n    <div class=\"ax-text-lg ax-font-semibold\">{{ 'rrule.by-month' | translate: { scope: 'common' } | async }}</div>\n    <div>\n      <ax-label>{{ 'rrule.by-month-rule' | translate: { scope: 'common' } | async }}</ax-label>\n      <ax-selection-list\n        valueField=\"value\"\n        textField=\"text\"\n        name=\"bymonth\"\n        [items]=\"months\"\n        multiple=\"true\"\n        [ngModel]=\"options().bymonth\"\n        (ngModelChange)=\"updateOption('bymonth', $event)\"\n      ></ax-selection-list>\n    </div>\n    <div>\n      <ax-label>{{ 'rrule.by-month-day' | translate: { scope: 'common' } | async }}</ax-label>\n      <ax-select-box\n        name=\"bymonthday\"\n        [dataSource]=\"monthdays\"\n        multiple=\"true\"\n        [ngModel]=\"options().bymonthday\"\n        (ngModelChange)=\"updateOption('bymonthday', $event)\"\n      >\n      </ax-select-box>\n    </div>\n    <!-- <div>\n      <ax-label>By Negative Month Day (BYNMONTHDAY)</ax-label>\n      <ax-select-box\n        name=\"bynmonthday\"\n        [dataSource]=\"nmonthdays\"\n        multiple=\"true\"\n        [ngModel]=\"options().bynmonthday\"\n        (ngModelChange)=\"updateOption('bynmonthday', $event)\"\n      >\n      </ax-select-box>\n    </div> -->\n  </div>\n\n  <!-- By Year -->\n  <div class=\"ax-flex ax-flex-col ax-gap-4 ax-rounded-md ax-border ax-p-4\">\n    <div class=\"ax-text-lg ax-font-semibold\">{{ 'rrule.by-year' | translate: { scope: 'common' } | async }}</div>\n    <div>\n      <ax-label>{{ 'rrule.by-year-day' | translate: { scope: 'common' } | async }}</ax-label>\n      <ax-select-box\n        name=\"byyearday\"\n        [dataSource]=\"yeardays\"\n        multiple=\"true\"\n        [ngModel]=\"options().byyearday\"\n        (ngModelChange)=\"updateOption('byyearday', $event)\"\n      >\n      </ax-select-box>\n    </div>\n    <div>\n      <ax-label>{{ 'rrule.by-week-no' | translate: { scope: 'common' } | async }}</ax-label>\n      <ax-select-box\n        name=\"byweekno\"\n        [dataSource]=\"weeknos\"\n        multiple=\"true\"\n        [ngModel]=\"options().byweekno\"\n        (ngModelChange)=\"updateOption('byweekno', $event)\"\n      >\n      </ax-select-box>\n    </div>\n  </div>\n\n  <!-- By Time -->\n  <div class=\"ax-flex ax-flex-col ax-gap-4 ax-rounded-md ax-border ax-p-4\">\n    <div class=\"ax-text-lg ax-font-semibold\">{{ 'rrule.by-time' | translate: { scope: 'common' } | async }}</div>\n    <div>\n      <ax-label>{{ 'rrule.by-hour' | translate: { scope: 'common' } | async }}</ax-label>\n      <ax-select-box\n        name=\"byhour\"\n        [dataSource]=\"hours\"\n        multiple=\"true\"\n        [ngModel]=\"options().byhour\"\n        (ngModelChange)=\"updateOption('byhour', $event)\"\n      >\n      </ax-select-box>\n    </div>\n    <div>\n      <ax-label>{{ 'rrule.by-minute' | translate: { scope: 'common' } | async }}</ax-label>\n      <ax-select-box\n        name=\"byminute\"\n        [dataSource]=\"minutes\"\n        multiple=\"true\"\n        [ngModel]=\"options().byminute\"\n        (ngModelChange)=\"updateOption('byminute', $event)\"\n      >\n      </ax-select-box>\n    </div>\n    <div>\n      <ax-label>{{ 'rrule.by-second' | translate: { scope: 'common' } | async }}</ax-label>\n      <ax-select-box\n        name=\"bysecond\"\n        [dataSource]=\"seconds\"\n        multiple=\"true\"\n        [ngModel]=\"options().bysecond\"\n        (ngModelChange)=\"updateOption('bysecond', $event)\"\n      >\n      </ax-select-box>\n    </div>\n  </div>\n\n  <!-- Advanced -->\n  <div class=\"ax-flex ax-flex-col ax-gap-4 ax-rounded-md ax-border ax-p-4\">\n    <div class=\"ax-text-lg ax-font-semibold\">{{ 'rrule.advanced' | translate: { scope: 'common' } | async }}</div>\n    <div>\n      <ax-label>{{ 'rrule.by-set-pos' | translate: { scope: 'common' } | async }}</ax-label>\n      <ax-select-box\n        name=\"bysetpos\"\n        [dataSource]=\"setpos\"\n        multiple=\"true\"\n        [ngModel]=\"options().bysetpos\"\n        (ngModelChange)=\"updateOption('bysetpos', $event)\"\n        [disabled]=\"true\"\n      >\n      </ax-select-box>\n    </div>\n  </div>\n</div>\n\n<div class=\"ax-flex ax-justify-end ax-py-4\">\n  <ax-button [text]=\"'rrule.reset' | translate: { scope: 'common' } | async\" (click)=\"resetOptions()\"></ax-button>\n</div>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: AXDateTimeBoxModule }, { kind: "component", type: i2$1.AXDateTimeBoxComponent, selector: "ax-datetime-box", inputs: ["disabled", "readonly", "tabIndex", "placeholder", "minValue", "maxValue", "value", "state", "name", "depth", "id", "type", "look", "holidayDates", "allowTyping", "picker", "calendar", "weekend", "weekdays", "format"], outputs: ["valueChange", "stateChange", "onValueChanged", "onBlur", "onFocus", "onOpened", "onClosed", "readonlyChange", "disabledChange", "formatChange"] }, { kind: "ngmodule", type: AXSelectionListModule }, { kind: "component", type: i3.AXSelectionListComponent, selector: "ax-selection-list", inputs: ["id", "name", "disabled", "readonly", "tabIndex", "size", "value", "valueField", "textField", "disabledField", "readonlyField", "multiple", "direction", "customTemplate", "showControl", "items", "look"], outputs: ["onValueChanged", "onBlur", "onFocus"] }, { kind: "ngmodule", type: AXNumberBoxModule }, { kind: "component", type: i4.AXNumberBoxComponent, selector: "ax-number-box", inputs: ["disabled", "readonly", "tabIndex", "placeholder", "value", "state", "name", "id", "look", "type", "changeOnScroll", "allDigits", "thousandsSeparator", "padDecimalZeros", "step", "decimals", "decimalStep", "showSpinButtons", "minValue", "maxValue", "class"], outputs: ["valueChange", "stateChange", "onValueChanged", "onBlur", "onFocus", "readonlyChange", "disabledChange", "onKeyDown", "onKeyUp", "onKeyPress"] }, { kind: "ngmodule", type: AXFormModule }, { kind: "ngmodule", type: AXSelectBoxModule }, { kind: "component", type: i5.AXSelectBoxComponent, selector: "ax-select-box", inputs: ["disabled", "readonly", "tabIndex", "placeholder", "minValue", "maxValue", "value", "state", "name", "id", "type", "look", "multiple", "valueField", "textField", "disabledField", "textTemplate", "selectedItems", "isItemTruncated", "showItemTooltip", "dataSource", "minRecordsForSearch", "caption", "itemTemplate", "selectedTemplate", "emptyTemplate", "loadingTemplate", "dropdownWidth", "searchBoxAutoFocus"], outputs: ["valueChange", "stateChange", "onValueChanged", "onBlur", "onFocus", "readonlyChange", "disabledChange", "onOpened", "onClosed", "onItemSelected", "onItemClick"] }, { kind: "ngmodule", type: AXLabelModule }, { kind: "component", type: i1.AXLabelComponent, selector: "ax-label", inputs: ["required", "for"], outputs: ["requiredChange"] }, { kind: "ngmodule", type: AXSearchBoxModule }, { kind: "component", type: i7.AXSearchBoxComponent, selector: "ax-search-box", inputs: ["disabled", "readonly", "tabIndex", "placeholder", "value", "state", "name", "id", "look", "class", "delayTime", "type"], outputs: ["valueChange", "stateChange", "onValueChanged", "onBlur", "onFocus", "readonlyChange", "disabledChange", "onKeyDown", "onKeyUp", "onKeyPress"] }, { kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i8.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "toggleable", "selected", "iconOnly", "type", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "loadingTextChange"] }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "pipe", type: i9.AsyncPipe, name: "async" }, { kind: "pipe", type: i2.AXTranslatorPipe, name: "translate" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: AXRruleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.12", type: AXRruleComponent, isStandalone: true, selector: "ax-rrule", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { value: "valueChange", valueChange: "valueChange", rruleChange: "rruleChange", optionsChange: "optionsChange", stringChange: "stringChange", textChange: "textChange" }, ngImport: i0, template: "<div class=\"ax-rrule-container ax-grid ax-grid-cols-1 ax-gap-4 md:ax-grid-cols-2 lg:ax-grid-cols-3\">\n  <!-- General -->\n  <div class=\"ax-flex ax-flex-col ax-gap-4 ax-rounded-md ax-border ax-p-4\">\n    <div class=\"ax-text-lg ax-font-semibold\">{{ 'rrule.general' | translate: { scope: 'common' } | async }}</div>\n\n    <div>\n      <ax-label>{{ 'rrule.freq' | translate: { scope: 'common' } | async }}</ax-label>\n      <ax-selection-list\n        valueField=\"value\"\n        textField=\"text\"\n        name=\"freq\"\n        [items]=\"freqs\"\n        [ngModel]=\"options().freq\"\n        (ngModelChange)=\"updateOption('freq', $event)\"\n      ></ax-selection-list>\n    </div>\n\n    <div>\n      <ax-label>{{ 'rrule.dtstart' | translate: { scope: 'common' } | async }}</ax-label>\n      <ax-datetime-box\n        name=\"dtstart\"\n        [ngModel]=\"options().dtstart\"\n        (ngModelChange)=\"updateOption('dtstart', $event)\"\n      ></ax-datetime-box>\n    </div>\n\n    <div>\n      <ax-label>{{ 'rrule.until' | translate: { scope: 'common' } | async }}</ax-label>\n      <ax-datetime-box\n        name=\"until\"\n        [ngModel]=\"options().until\"\n        (ngModelChange)=\"updateOption('until', $event)\"\n      ></ax-datetime-box>\n    </div>\n\n    <div>\n      <ax-label>{{ 'rrule.count' | translate: { scope: 'common' } | async }}</ax-label>\n      <ax-number-box\n        name=\"count\"\n        [ngModel]=\"options().count\"\n        (ngModelChange)=\"updateOption('count', $event)\"\n        [minValue]=\"1\"\n      ></ax-number-box>\n    </div>\n\n    <div>\n      <ax-label>{{ 'rrule.interval' | translate: { scope: 'common' } | async }}</ax-label>\n      <ax-number-box\n        name=\"interval\"\n        [ngModel]=\"options().interval\"\n        (ngModelChange)=\"updateOption('interval', $event)\"\n        [minValue]=\"1\"\n      ></ax-number-box>\n    </div>\n\n    <div>\n      <ax-label>{{ 'rrule.tzid' | translate: { scope: 'common' } | async }}</ax-label>\n      <ax-select-box\n        name=\"tzid\"\n        [dataSource]=\"timezones\"\n        [ngModel]=\"options().tzid\"\n        (ngModelChange)=\"updateOption('tzid', $event)\"\n      >\n        <ax-search-box></ax-search-box>\n      </ax-select-box>\n    </div>\n  </div>\n\n  <!-- By Weekday -->\n  <div class=\"ax-flex ax-flex-col ax-gap-4 ax-rounded-md ax-border ax-p-4\">\n    <div class=\"ax-text-lg ax-font-semibold\">{{ 'rrule.by-weekday' | translate: { scope: 'common' } | async }}</div>\n    <div>\n      <ax-label>{{ 'rrule.wkst' | translate: { scope: 'common' } | async }}</ax-label>\n      <ax-selection-list\n        valueField=\"value\"\n        textField=\"text\"\n        name=\"wkst\"\n        [items]=\"weekdays\"\n        [ngModel]=\"options().wkst\"\n        (ngModelChange)=\"updateOption('wkst', $event)\"\n      ></ax-selection-list>\n    </div>\n    <div>\n      <ax-label>{{ 'rrule.by-weekday-rule' | translate: { scope: 'common' } | async }}</ax-label>\n      <ax-selection-list\n        valueField=\"value\"\n        textField=\"text\"\n        name=\"byweekday\"\n        [items]=\"weekdays\"\n        multiple=\"true\"\n        [ngModel]=\"options().byweekday\"\n        (ngModelChange)=\"updateOption('byweekday', $event)\"\n      ></ax-selection-list>\n    </div>\n  </div>\n\n  <!-- By Month -->\n  <div class=\"ax-flex ax-flex-col ax-gap-4 ax-rounded-md ax-border ax-p-4\">\n    <div class=\"ax-text-lg ax-font-semibold\">{{ 'rrule.by-month' | translate: { scope: 'common' } | async }}</div>\n    <div>\n      <ax-label>{{ 'rrule.by-month-rule' | translate: { scope: 'common' } | async }}</ax-label>\n      <ax-selection-list\n        valueField=\"value\"\n        textField=\"text\"\n        name=\"bymonth\"\n        [items]=\"months\"\n        multiple=\"true\"\n        [ngModel]=\"options().bymonth\"\n        (ngModelChange)=\"updateOption('bymonth', $event)\"\n      ></ax-selection-list>\n    </div>\n    <div>\n      <ax-label>{{ 'rrule.by-month-day' | translate: { scope: 'common' } | async }}</ax-label>\n      <ax-select-box\n        name=\"bymonthday\"\n        [dataSource]=\"monthdays\"\n        multiple=\"true\"\n        [ngModel]=\"options().bymonthday\"\n        (ngModelChange)=\"updateOption('bymonthday', $event)\"\n      >\n      </ax-select-box>\n    </div>\n    <!-- <div>\n      <ax-label>By Negative Month Day (BYNMONTHDAY)</ax-label>\n      <ax-select-box\n        name=\"bynmonthday\"\n        [dataSource]=\"nmonthdays\"\n        multiple=\"true\"\n        [ngModel]=\"options().bynmonthday\"\n        (ngModelChange)=\"updateOption('bynmonthday', $event)\"\n      >\n      </ax-select-box>\n    </div> -->\n  </div>\n\n  <!-- By Year -->\n  <div class=\"ax-flex ax-flex-col ax-gap-4 ax-rounded-md ax-border ax-p-4\">\n    <div class=\"ax-text-lg ax-font-semibold\">{{ 'rrule.by-year' | translate: { scope: 'common' } | async }}</div>\n    <div>\n      <ax-label>{{ 'rrule.by-year-day' | translate: { scope: 'common' } | async }}</ax-label>\n      <ax-select-box\n        name=\"byyearday\"\n        [dataSource]=\"yeardays\"\n        multiple=\"true\"\n        [ngModel]=\"options().byyearday\"\n        (ngModelChange)=\"updateOption('byyearday', $event)\"\n      >\n      </ax-select-box>\n    </div>\n    <div>\n      <ax-label>{{ 'rrule.by-week-no' | translate: { scope: 'common' } | async }}</ax-label>\n      <ax-select-box\n        name=\"byweekno\"\n        [dataSource]=\"weeknos\"\n        multiple=\"true\"\n        [ngModel]=\"options().byweekno\"\n        (ngModelChange)=\"updateOption('byweekno', $event)\"\n      >\n      </ax-select-box>\n    </div>\n  </div>\n\n  <!-- By Time -->\n  <div class=\"ax-flex ax-flex-col ax-gap-4 ax-rounded-md ax-border ax-p-4\">\n    <div class=\"ax-text-lg ax-font-semibold\">{{ 'rrule.by-time' | translate: { scope: 'common' } | async }}</div>\n    <div>\n      <ax-label>{{ 'rrule.by-hour' | translate: { scope: 'common' } | async }}</ax-label>\n      <ax-select-box\n        name=\"byhour\"\n        [dataSource]=\"hours\"\n        multiple=\"true\"\n        [ngModel]=\"options().byhour\"\n        (ngModelChange)=\"updateOption('byhour', $event)\"\n      >\n      </ax-select-box>\n    </div>\n    <div>\n      <ax-label>{{ 'rrule.by-minute' | translate: { scope: 'common' } | async }}</ax-label>\n      <ax-select-box\n        name=\"byminute\"\n        [dataSource]=\"minutes\"\n        multiple=\"true\"\n        [ngModel]=\"options().byminute\"\n        (ngModelChange)=\"updateOption('byminute', $event)\"\n      >\n      </ax-select-box>\n    </div>\n    <div>\n      <ax-label>{{ 'rrule.by-second' | translate: { scope: 'common' } | async }}</ax-label>\n      <ax-select-box\n        name=\"bysecond\"\n        [dataSource]=\"seconds\"\n        multiple=\"true\"\n        [ngModel]=\"options().bysecond\"\n        (ngModelChange)=\"updateOption('bysecond', $event)\"\n      >\n      </ax-select-box>\n    </div>\n  </div>\n\n  <!-- Advanced -->\n  <div class=\"ax-flex ax-flex-col ax-gap-4 ax-rounded-md ax-border ax-p-4\">\n    <div class=\"ax-text-lg ax-font-semibold\">{{ 'rrule.advanced' | translate: { scope: 'common' } | async }}</div>\n    <div>\n      <ax-label>{{ 'rrule.by-set-pos' | translate: { scope: 'common' } | async }}</ax-label>\n      <ax-select-box\n        name=\"bysetpos\"\n        [dataSource]=\"setpos\"\n        multiple=\"true\"\n        [ngModel]=\"options().bysetpos\"\n        (ngModelChange)=\"updateOption('bysetpos', $event)\"\n      >\n      </ax-select-box>\n    </div>\n  </div>\n</div>\n\n<div class=\"ax-flex ax-justify-end ax-py-4\">\n  <ax-button [text]=\"'rrule.reset' | translate: { scope: 'common' } | async\" (click)=\"resetOptions()\"></ax-button>\n</div>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: AXDateTimeBoxModule }, { kind: "component", type: i2$1.AXDateTimeBoxComponent, selector: "ax-datetime-box", inputs: ["disabled", "readonly", "tabIndex", "placeholder", "minValue", "maxValue", "value", "state", "name", "depth", "id", "type", "look", "holidayDates", "allowTyping", "picker", "calendar", "weekend", "weekdays", "format"], outputs: ["valueChange", "stateChange", "onValueChanged", "onBlur", "onFocus", "onOpened", "onClosed", "readonlyChange", "disabledChange", "formatChange"] }, { kind: "ngmodule", type: AXSelectionListModule }, { kind: "component", type: i3.AXSelectionListComponent, selector: "ax-selection-list", inputs: ["id", "name", "disabled", "readonly", "tabIndex", "size", "value", "valueField", "textField", "disabledField", "readonlyField", "multiple", "direction", "customTemplate", "showControl", "items", "look"], outputs: ["onValueChanged", "onBlur", "onFocus"] }, { kind: "ngmodule", type: AXNumberBoxModule }, { kind: "component", type: i4.AXNumberBoxComponent, selector: "ax-number-box", inputs: ["disabled", "readonly", "tabIndex", "placeholder", "value", "state", "name", "id", "look", "minValue", "maxValue", "showSpinButtons", "thousandsSeparator", "decimals", "changeOnScroll", "step"], outputs: ["valueChange", "stateChange", "onValueChanged", "onBlur", "onFocus", "readonlyChange", "disabledChange", "onKeyDown", "onKeyUp", "onKeyPress", "thousandsSeparatorChange"] }, { kind: "ngmodule", type: AXFormModule }, { kind: "ngmodule", type: AXSelectBoxModule }, { kind: "component", type: i5.AXSelectBoxComponent, selector: "ax-select-box", inputs: ["disabled", "readonly", "tabIndex", "placeholder", "minValue", "maxValue", "value", "state", "name", "id", "type", "look", "multiple", "valueField", "textField", "disabledField", "textTemplate", "selectedItems", "isItemTruncated", "showItemTooltip", "itemHeight", "maxVisibleItems", "dataSource", "minRecordsForSearch", "caption", "itemTemplate", "selectedTemplate", "emptyTemplate", "loadingTemplate", "dropdownWidth", "searchBoxAutoFocus"], outputs: ["valueChange", "stateChange", "onValueChanged", "onBlur", "onFocus", "readonlyChange", "disabledChange", "onOpened", "onClosed", "onItemSelected", "onItemClick"] }, { kind: "ngmodule", type: AXLabelModule }, { kind: "component", type: i1.AXLabelComponent, selector: "ax-label", inputs: ["required", "for"], outputs: ["requiredChange"] }, { kind: "ngmodule", type: AXSearchBoxModule }, { kind: "component", type: i7.AXSearchBoxComponent, selector: "ax-search-box", inputs: ["disabled", "readonly", "tabIndex", "placeholder", "value", "state", "name", "id", "look", "class", "delayTime", "type", "autoSearch"], outputs: ["valueChange", "stateChange", "onValueChanged", "onBlur", "onFocus", "readonlyChange", "disabledChange", "onKeyDown", "onKeyUp", "onKeyPress"] }, { kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i8.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "toggleable", "selected", "iconOnly", "type", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "loadingTextChange"] }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "pipe", type: i9.AsyncPipe, name: "async" }, { kind: "pipe", type: i2.AXTranslatorPipe, name: "translate" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: AXRruleComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: AXRruleComponent, decorators: [{
             type: Component,
             args: [{ standalone: true, selector: 'ax-rrule', imports: [
                         CommonModule,
@@ -402,8 +497,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.3", ngImpor
                         AXSearchBoxModule,
                         AXButtonModule,
                         AXTranslationModule,
-                    ], template: "<div class=\"ax-rrule-container ax-grid ax-grid-cols-1 ax-gap-4 md:ax-grid-cols-2 lg:ax-grid-cols-3\">\n  <!-- General -->\n  <div class=\"ax-flex ax-flex-col ax-gap-4 ax-rounded-md ax-border ax-p-4\">\n    <div class=\"ax-text-lg ax-font-semibold\">{{ 'rrule.general' | translate: { scope: 'common' } | async }}</div>\n\n    <div>\n      <ax-label>{{ 'rrule.freq' | translate: { scope: 'common' } | async }}</ax-label>\n      <ax-selection-list\n        valueField=\"value\"\n        textField=\"text\"\n        name=\"freq\"\n        [items]=\"freqs\"\n        [ngModel]=\"options().freq\"\n        (ngModelChange)=\"updateOption('freq', $event)\"\n      ></ax-selection-list>\n    </div>\n\n    <div>\n      <ax-label>{{ 'rrule.dtstart' | translate: { scope: 'common' } | async }}</ax-label>\n      <ax-datetime-box\n        name=\"dtstart\"\n        [ngModel]=\"options().dtstart\"\n        (ngModelChange)=\"updateOption('dtstart', $event)\"\n      ></ax-datetime-box>\n    </div>\n\n    <div>\n      <ax-label>{{ 'rrule.until' | translate: { scope: 'common' } | async }}</ax-label>\n      <ax-datetime-box\n        name=\"until\"\n        [ngModel]=\"options().until\"\n        (ngModelChange)=\"updateOption('until', $event)\"\n      ></ax-datetime-box>\n    </div>\n\n    <div>\n      <ax-label>{{ 'rrule.count' | translate: { scope: 'common' } | async }}</ax-label>\n      <ax-number-box\n        name=\"count\"\n        [ngModel]=\"options().count\"\n        (ngModelChange)=\"updateOption('count', $event)\"\n        [minValue]=\"1\"\n      ></ax-number-box>\n    </div>\n\n    <div>\n      <ax-label>{{ 'rrule.interval' | translate: { scope: 'common' } | async }}</ax-label>\n      <ax-number-box\n        name=\"interval\"\n        [ngModel]=\"options().interval\"\n        (ngModelChange)=\"updateOption('interval', $event)\"\n        [minValue]=\"1\"\n      ></ax-number-box>\n    </div>\n\n    <div>\n      <ax-label>{{ 'rrule.tzid' | translate: { scope: 'common' } | async }}</ax-label>\n      <ax-select-box\n        name=\"tzid\"\n        [dataSource]=\"timezones\"\n        [ngModel]=\"options().tzid\"\n        (ngModelChange)=\"updateOption('tzid', $event)\"\n      >\n        <ax-search-box></ax-search-box>\n      </ax-select-box>\n    </div>\n  </div>\n\n  <!-- By Weekday -->\n  <div class=\"ax-flex ax-flex-col ax-gap-4 ax-rounded-md ax-border ax-p-4\">\n    <div class=\"ax-text-lg ax-font-semibold\">{{ 'rrule.by-weekday' | translate: { scope: 'common' } | async }}</div>\n    <div>\n      <ax-label>{{ 'rrule.wkst' | translate: { scope: 'common' } | async }}</ax-label>\n      <ax-selection-list\n        valueField=\"value\"\n        textField=\"text\"\n        name=\"wkst\"\n        [items]=\"weekdays\"\n        [ngModel]=\"options().wkst\"\n        (ngModelChange)=\"updateOption('wkst', $event)\"\n      ></ax-selection-list>\n    </div>\n    <div>\n      <ax-label>{{ 'rrule.by-weekday-rule' | translate: { scope: 'common' } | async }}</ax-label>\n      <ax-selection-list\n        valueField=\"value\"\n        textField=\"text\"\n        name=\"byweekday\"\n        [items]=\"weekdays\"\n        multiple=\"true\"\n        [ngModel]=\"options().byweekday\"\n        (ngModelChange)=\"updateOption('byweekday', $event)\"\n      ></ax-selection-list>\n    </div>\n  </div>\n\n  <!-- By Month -->\n  <div class=\"ax-flex ax-flex-col ax-gap-4 ax-rounded-md ax-border ax-p-4\">\n    <div class=\"ax-text-lg ax-font-semibold\">{{ 'rrule.by-month' | translate: { scope: 'common' } | async }}</div>\n    <div>\n      <ax-label>{{ 'rrule.by-month-rule' | translate: { scope: 'common' } | async }}</ax-label>\n      <ax-selection-list\n        valueField=\"value\"\n        textField=\"text\"\n        name=\"bymonth\"\n        [items]=\"months\"\n        multiple=\"true\"\n        [ngModel]=\"options().bymonth\"\n        (ngModelChange)=\"updateOption('bymonth', $event)\"\n      ></ax-selection-list>\n    </div>\n    <div>\n      <ax-label>{{ 'rrule.by-month-day' | translate: { scope: 'common' } | async }}</ax-label>\n      <ax-select-box\n        name=\"bymonthday\"\n        [dataSource]=\"monthdays\"\n        multiple=\"true\"\n        [ngModel]=\"options().bymonthday\"\n        (ngModelChange)=\"updateOption('bymonthday', $event)\"\n      >\n      </ax-select-box>\n    </div>\n    <!-- <div>\n      <ax-label>By Negative Month Day (BYNMONTHDAY)</ax-label>\n      <ax-select-box\n        name=\"bynmonthday\"\n        [dataSource]=\"nmonthdays\"\n        multiple=\"true\"\n        [ngModel]=\"options().bynmonthday\"\n        (ngModelChange)=\"updateOption('bynmonthday', $event)\"\n      >\n      </ax-select-box>\n    </div> -->\n  </div>\n\n  <!-- By Year -->\n  <div class=\"ax-flex ax-flex-col ax-gap-4 ax-rounded-md ax-border ax-p-4\">\n    <div class=\"ax-text-lg ax-font-semibold\">{{ 'rrule.by-year' | translate: { scope: 'common' } | async }}</div>\n    <div>\n      <ax-label>{{ 'rrule.by-year-day' | translate: { scope: 'common' } | async }}</ax-label>\n      <ax-select-box\n        name=\"byyearday\"\n        [dataSource]=\"yeardays\"\n        multiple=\"true\"\n        [ngModel]=\"options().byyearday\"\n        (ngModelChange)=\"updateOption('byyearday', $event)\"\n      >\n      </ax-select-box>\n    </div>\n    <div>\n      <ax-label>{{ 'rrule.by-week-no' | translate: { scope: 'common' } | async }}</ax-label>\n      <ax-select-box\n        name=\"byweekno\"\n        [dataSource]=\"weeknos\"\n        multiple=\"true\"\n        [ngModel]=\"options().byweekno\"\n        (ngModelChange)=\"updateOption('byweekno', $event)\"\n      >\n      </ax-select-box>\n    </div>\n  </div>\n\n  <!-- By Time -->\n  <div class=\"ax-flex ax-flex-col ax-gap-4 ax-rounded-md ax-border ax-p-4\">\n    <div class=\"ax-text-lg ax-font-semibold\">{{ 'rrule.by-time' | translate: { scope: 'common' } | async }}</div>\n    <div>\n      <ax-label>{{ 'rrule.by-hour' | translate: { scope: 'common' } | async }}</ax-label>\n      <ax-select-box\n        name=\"byhour\"\n        [dataSource]=\"hours\"\n        multiple=\"true\"\n        [ngModel]=\"options().byhour\"\n        (ngModelChange)=\"updateOption('byhour', $event)\"\n      >\n      </ax-select-box>\n    </div>\n    <div>\n      <ax-label>{{ 'rrule.by-minute' | translate: { scope: 'common' } | async }}</ax-label>\n      <ax-select-box\n        name=\"byminute\"\n        [dataSource]=\"minutes\"\n        multiple=\"true\"\n        [ngModel]=\"options().byminute\"\n        (ngModelChange)=\"updateOption('byminute', $event)\"\n      >\n      </ax-select-box>\n    </div>\n    <div>\n      <ax-label>{{ 'rrule.by-second' | translate: { scope: 'common' } | async }}</ax-label>\n      <ax-select-box\n        name=\"bysecond\"\n        [dataSource]=\"seconds\"\n        multiple=\"true\"\n        [ngModel]=\"options().bysecond\"\n        (ngModelChange)=\"updateOption('bysecond', $event)\"\n      >\n      </ax-select-box>\n    </div>\n  </div>\n\n  <!-- Advanced -->\n  <div class=\"ax-flex ax-flex-col ax-gap-4 ax-rounded-md ax-border ax-p-4\">\n    <div class=\"ax-text-lg ax-font-semibold\">{{ 'rrule.advanced' | translate: { scope: 'common' } | async }}</div>\n    <div>\n      <ax-label>{{ 'rrule.by-set-pos' | translate: { scope: 'common' } | async }}</ax-label>\n      <ax-select-box\n        name=\"bysetpos\"\n        [dataSource]=\"setpos\"\n        multiple=\"true\"\n        [ngModel]=\"options().bysetpos\"\n        (ngModelChange)=\"updateOption('bysetpos', $event)\"\n        [disabled]=\"true\"\n      >\n      </ax-select-box>\n    </div>\n  </div>\n</div>\n\n<div class=\"ax-flex ax-justify-end ax-py-4\">\n  <ax-button [text]=\"'rrule.reset' | translate: { scope: 'common' } | async\" (click)=\"resetOptions()\"></ax-button>\n</div>\n" }]
-        }] });
+                    ], template: "<div class=\"ax-rrule-container ax-grid ax-grid-cols-1 ax-gap-4 md:ax-grid-cols-2 lg:ax-grid-cols-3\">\n  <!-- General -->\n  <div class=\"ax-flex ax-flex-col ax-gap-4 ax-rounded-md ax-border ax-p-4\">\n    <div class=\"ax-text-lg ax-font-semibold\">{{ 'rrule.general' | translate: { scope: 'common' } | async }}</div>\n\n    <div>\n      <ax-label>{{ 'rrule.freq' | translate: { scope: 'common' } | async }}</ax-label>\n      <ax-selection-list\n        valueField=\"value\"\n        textField=\"text\"\n        name=\"freq\"\n        [items]=\"freqs\"\n        [ngModel]=\"options().freq\"\n        (ngModelChange)=\"updateOption('freq', $event)\"\n      ></ax-selection-list>\n    </div>\n\n    <div>\n      <ax-label>{{ 'rrule.dtstart' | translate: { scope: 'common' } | async }}</ax-label>\n      <ax-datetime-box\n        name=\"dtstart\"\n        [ngModel]=\"options().dtstart\"\n        (ngModelChange)=\"updateOption('dtstart', $event)\"\n      ></ax-datetime-box>\n    </div>\n\n    <div>\n      <ax-label>{{ 'rrule.until' | translate: { scope: 'common' } | async }}</ax-label>\n      <ax-datetime-box\n        name=\"until\"\n        [ngModel]=\"options().until\"\n        (ngModelChange)=\"updateOption('until', $event)\"\n      ></ax-datetime-box>\n    </div>\n\n    <div>\n      <ax-label>{{ 'rrule.count' | translate: { scope: 'common' } | async }}</ax-label>\n      <ax-number-box\n        name=\"count\"\n        [ngModel]=\"options().count\"\n        (ngModelChange)=\"updateOption('count', $event)\"\n        [minValue]=\"1\"\n      ></ax-number-box>\n    </div>\n\n    <div>\n      <ax-label>{{ 'rrule.interval' | translate: { scope: 'common' } | async }}</ax-label>\n      <ax-number-box\n        name=\"interval\"\n        [ngModel]=\"options().interval\"\n        (ngModelChange)=\"updateOption('interval', $event)\"\n        [minValue]=\"1\"\n      ></ax-number-box>\n    </div>\n\n    <div>\n      <ax-label>{{ 'rrule.tzid' | translate: { scope: 'common' } | async }}</ax-label>\n      <ax-select-box\n        name=\"tzid\"\n        [dataSource]=\"timezones\"\n        [ngModel]=\"options().tzid\"\n        (ngModelChange)=\"updateOption('tzid', $event)\"\n      >\n        <ax-search-box></ax-search-box>\n      </ax-select-box>\n    </div>\n  </div>\n\n  <!-- By Weekday -->\n  <div class=\"ax-flex ax-flex-col ax-gap-4 ax-rounded-md ax-border ax-p-4\">\n    <div class=\"ax-text-lg ax-font-semibold\">{{ 'rrule.by-weekday' | translate: { scope: 'common' } | async }}</div>\n    <div>\n      <ax-label>{{ 'rrule.wkst' | translate: { scope: 'common' } | async }}</ax-label>\n      <ax-selection-list\n        valueField=\"value\"\n        textField=\"text\"\n        name=\"wkst\"\n        [items]=\"weekdays\"\n        [ngModel]=\"options().wkst\"\n        (ngModelChange)=\"updateOption('wkst', $event)\"\n      ></ax-selection-list>\n    </div>\n    <div>\n      <ax-label>{{ 'rrule.by-weekday-rule' | translate: { scope: 'common' } | async }}</ax-label>\n      <ax-selection-list\n        valueField=\"value\"\n        textField=\"text\"\n        name=\"byweekday\"\n        [items]=\"weekdays\"\n        multiple=\"true\"\n        [ngModel]=\"options().byweekday\"\n        (ngModelChange)=\"updateOption('byweekday', $event)\"\n      ></ax-selection-list>\n    </div>\n  </div>\n\n  <!-- By Month -->\n  <div class=\"ax-flex ax-flex-col ax-gap-4 ax-rounded-md ax-border ax-p-4\">\n    <div class=\"ax-text-lg ax-font-semibold\">{{ 'rrule.by-month' | translate: { scope: 'common' } | async }}</div>\n    <div>\n      <ax-label>{{ 'rrule.by-month-rule' | translate: { scope: 'common' } | async }}</ax-label>\n      <ax-selection-list\n        valueField=\"value\"\n        textField=\"text\"\n        name=\"bymonth\"\n        [items]=\"months\"\n        multiple=\"true\"\n        [ngModel]=\"options().bymonth\"\n        (ngModelChange)=\"updateOption('bymonth', $event)\"\n      ></ax-selection-list>\n    </div>\n    <div>\n      <ax-label>{{ 'rrule.by-month-day' | translate: { scope: 'common' } | async }}</ax-label>\n      <ax-select-box\n        name=\"bymonthday\"\n        [dataSource]=\"monthdays\"\n        multiple=\"true\"\n        [ngModel]=\"options().bymonthday\"\n        (ngModelChange)=\"updateOption('bymonthday', $event)\"\n      >\n      </ax-select-box>\n    </div>\n    <!-- <div>\n      <ax-label>By Negative Month Day (BYNMONTHDAY)</ax-label>\n      <ax-select-box\n        name=\"bynmonthday\"\n        [dataSource]=\"nmonthdays\"\n        multiple=\"true\"\n        [ngModel]=\"options().bynmonthday\"\n        (ngModelChange)=\"updateOption('bynmonthday', $event)\"\n      >\n      </ax-select-box>\n    </div> -->\n  </div>\n\n  <!-- By Year -->\n  <div class=\"ax-flex ax-flex-col ax-gap-4 ax-rounded-md ax-border ax-p-4\">\n    <div class=\"ax-text-lg ax-font-semibold\">{{ 'rrule.by-year' | translate: { scope: 'common' } | async }}</div>\n    <div>\n      <ax-label>{{ 'rrule.by-year-day' | translate: { scope: 'common' } | async }}</ax-label>\n      <ax-select-box\n        name=\"byyearday\"\n        [dataSource]=\"yeardays\"\n        multiple=\"true\"\n        [ngModel]=\"options().byyearday\"\n        (ngModelChange)=\"updateOption('byyearday', $event)\"\n      >\n      </ax-select-box>\n    </div>\n    <div>\n      <ax-label>{{ 'rrule.by-week-no' | translate: { scope: 'common' } | async }}</ax-label>\n      <ax-select-box\n        name=\"byweekno\"\n        [dataSource]=\"weeknos\"\n        multiple=\"true\"\n        [ngModel]=\"options().byweekno\"\n        (ngModelChange)=\"updateOption('byweekno', $event)\"\n      >\n      </ax-select-box>\n    </div>\n  </div>\n\n  <!-- By Time -->\n  <div class=\"ax-flex ax-flex-col ax-gap-4 ax-rounded-md ax-border ax-p-4\">\n    <div class=\"ax-text-lg ax-font-semibold\">{{ 'rrule.by-time' | translate: { scope: 'common' } | async }}</div>\n    <div>\n      <ax-label>{{ 'rrule.by-hour' | translate: { scope: 'common' } | async }}</ax-label>\n      <ax-select-box\n        name=\"byhour\"\n        [dataSource]=\"hours\"\n        multiple=\"true\"\n        [ngModel]=\"options().byhour\"\n        (ngModelChange)=\"updateOption('byhour', $event)\"\n      >\n      </ax-select-box>\n    </div>\n    <div>\n      <ax-label>{{ 'rrule.by-minute' | translate: { scope: 'common' } | async }}</ax-label>\n      <ax-select-box\n        name=\"byminute\"\n        [dataSource]=\"minutes\"\n        multiple=\"true\"\n        [ngModel]=\"options().byminute\"\n        (ngModelChange)=\"updateOption('byminute', $event)\"\n      >\n      </ax-select-box>\n    </div>\n    <div>\n      <ax-label>{{ 'rrule.by-second' | translate: { scope: 'common' } | async }}</ax-label>\n      <ax-select-box\n        name=\"bysecond\"\n        [dataSource]=\"seconds\"\n        multiple=\"true\"\n        [ngModel]=\"options().bysecond\"\n        (ngModelChange)=\"updateOption('bysecond', $event)\"\n      >\n      </ax-select-box>\n    </div>\n  </div>\n\n  <!-- Advanced -->\n  <div class=\"ax-flex ax-flex-col ax-gap-4 ax-rounded-md ax-border ax-p-4\">\n    <div class=\"ax-text-lg ax-font-semibold\">{{ 'rrule.advanced' | translate: { scope: 'common' } | async }}</div>\n    <div>\n      <ax-label>{{ 'rrule.by-set-pos' | translate: { scope: 'common' } | async }}</ax-label>\n      <ax-select-box\n        name=\"bysetpos\"\n        [dataSource]=\"setpos\"\n        multiple=\"true\"\n        [ngModel]=\"options().bysetpos\"\n        (ngModelChange)=\"updateOption('bysetpos', $event)\"\n      >\n      </ax-select-box>\n    </div>\n  </div>\n</div>\n\n<div class=\"ax-flex ax-justify-end ax-py-4\">\n  <ax-button [text]=\"'rrule.reset' | translate: { scope: 'common' } | async\" (click)=\"resetOptions()\"></ax-button>\n</div>\n" }]
+        }], propDecorators: { value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }, { type: i0.Output, args: ["valueChange"] }], valueChange: [{ type: i0.Output, args: ["valueChange"] }], rruleChange: [{ type: i0.Output, args: ["rruleChange"] }], optionsChange: [{ type: i0.Output, args: ["optionsChange"] }], stringChange: [{ type: i0.Output, args: ["stringChange"] }], textChange: [{ type: i0.Output, args: ["textChange"] }] } });
 
 /**
  * Generated bundle index. Do not edit.