@odx/angular 12.21.0 → 12.21.2

package/esm2022/localization/lib/localization.service.mjs

@@ -53,9 +53,12 @@ export class LocalizationService {
     setActiveLanguage(language) {
         try {
             const locale = new Intl.Locale(language);
-            if (this.availableLanguages.includes(locale.baseName) || this.availableLanguages.includes(locale.language)) {
+            if (this.availableLanguages.includes(locale.baseName)) {
                 this.localeState$.next(locale);
             }
+            else if (this.availableLanguages.includes(locale.language)) {
+                this.localeState$.next(new Intl.Locale(locale.language));
+            }
             else {
                 throw new Error(`Unrecognizable language '${language}'. Make sure it's a part of availableLanguages inside LocalizationService config.`);
             }
@@ -95,4 +98,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
             type: Injectable,
             args: [{ providedIn: 'root' }]
         }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibG9jYWxpemF0aW9uLnNlcnZpY2UuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2FuZ3VsYXIvbG9jYWxpemF0aW9uL3NyYy9saWIvbG9jYWxpemF0aW9uLnNlcnZpY2UudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFVBQVUsRUFBRSxRQUFRLEVBQUUsTUFBTSxFQUFFLHFCQUFxQixFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3BGLE9BQU8sRUFBRSxlQUFlLEVBQWMsb0JBQW9CLEVBQUUsTUFBTSxFQUFFLGNBQWMsRUFBRSxJQUFJLEVBQUUsWUFBWSxFQUFFLEdBQUcsRUFBRSxFQUFFLEVBQUUsV0FBVyxFQUFFLE1BQU0sTUFBTSxDQUFDO0FBQzNJLE9BQU8sRUFBRSx3QkFBd0IsRUFBRSxNQUFNLHVCQUF1QixDQUFDO0FBQ2pFLE9BQU8sTUFBTSxNQUFNLHVCQUF1QixDQUFDOztBQUczQyxNQUFNLE9BQU8sbUJBQW1CO0lBRGhDO1FBRW1CLHVCQUFrQixHQUFHLHdCQUF3QixFQUFFLENBQUM7UUFDaEQsYUFBUSxHQUFHLE1BQU0sQ0FBQyxRQUFRLENBQUMsQ0FBQztRQUM1QixpQkFBWSxHQUFHLElBQUksZUFBZSxDQUEwQixJQUFJLElBQUksQ0FBQyxNQUFNLENBQUMsSUFBSSxDQUFDLGtCQUFrQixDQUFDLGtCQUFrQixDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQztRQUU3STs7Ozs7V0FLRztRQUNhLG9CQUFlLEdBQUcsSUFBSSxDQUFDLFlBQVksQ0FBQyxJQUFJLENBQ3RELE1BQU0sQ0FBQyxPQUFPLENBQUMsRUFDZixHQUFHLENBQUMsQ0FBQyxDQUFDLEVBQUUsRUFBRSxDQUFDLENBQUMsQ0FBQyxRQUFRLENBQUMsRUFDdEIsb0JBQW9CLEVBQUUsRUFDdEIsV0FBVyxDQUFDLEVBQUUsVUFBVSxFQUFFLENBQUMsRUFBRSxRQUFRLEVBQUUsSUFBSSxFQUFFLENBQUMsQ0FDL0MsQ0FBQztRQUVGOzs7O1dBSUc7UUFDYSx1QkFBa0IsR0FBRyxJQUFJLENBQUMsa0JBQWtCLENBQUMsa0JBQWtCLENBQUM7UUFFaEY7OztXQUdHO1FBQ2Esb0JBQWUsR0FBRyxJQUFJLENBQUMsa0JBQWtCLENBQUMsQ0FBQyxDQUFDLENBQUM7S0FpRTlEO0lBL0RDOzs7OztPQUtHO0lBQ0ksaUJBQWlCO1FBQ3RCLE9BQU8sSUFBSSxDQUFDLFlBQVksQ0FBQyxRQUFRLEVBQUUsRUFBRSxRQUFRLElBQUksSUFBSSxJQUFJLENBQUMsTUFBTSxDQUFDLElBQUksQ0FBQyxlQUFlLENBQUMsQ0FBQyxRQUFRLENBQUM7SUFDbEcsQ0FBQztJQUVEOzs7O09BSUc7SUFDSSx1QkFBdUI7UUFDNUIsT0FBTyxJQUFJLENBQUMsWUFBWSxDQUFDLFFBQVEsRUFBRSxFQUFFLFFBQVEsSUFBSSxJQUFJLElBQUksQ0FBQyxNQUFNLENBQUMsSUFBSSxDQUFDLGVBQWUsQ0FBQyxDQUFDLFFBQVEsQ0FBQztJQUNsRyxDQUFDO0lBRUQ7Ozs7O09BS0c7SUFDSSxpQkFBaUIsQ0FBQyxRQUFnQjtRQUN2QyxJQUFJLENBQUM7WUFDSCxNQUFNLE1BQU0sR0FBRyxJQUFJLElBQUksQ0FBQyxNQUFNLENBQUMsUUFBUSxDQUFDLENBQUM7WUFDekMsSUFBSSxJQUFJLENBQUMsa0JBQWtCLENBQUMsUUFBUSxDQUFDLE1BQU0sQ0FBQyxRQUFRLENBQUMsSUFBSSxJQUFJLENBQUMsa0JBQWtCLENBQUMsUUFBUSxDQUFDLE1BQU0sQ0FBQyxRQUFRLENBQUMsRUFBRSxDQUFDO2dCQUMzRyxJQUFJLENBQUMsWUFBWSxDQUFDLElBQUksQ0FBQyxNQUFNLENBQUMsQ0FBQztZQUNqQyxDQUFDO2lCQUFNLENBQUM7Z0JBQ04sTUFBTSxJQUFJLEtBQUssQ0FBQyw0QkFBNEIsUUFBUSxtRkFBbUYsQ0FBQyxDQUFDO1lBQzNJLENBQUM7UUFDSCxDQUFDO1FBQUMsT0FBTyxLQUFLLEVBQUUsQ0FBQztZQUNmLE1BQU0sQ0FBQyxLQUFLLENBQUMsS0FBSyxDQUFDLENBQUM7UUFDdEIsQ0FBQztJQUNILENBQUM7SUFFRDs7Ozs7O09BTUc7SUFDSSxLQUFLLENBQUMsa0JBQWtCO1FBQzdCLE9BQU8scUJBQXFCLENBQUMsSUFBSSxDQUFDLFFBQVEsRUFBRSxLQUFLLElBQUksRUFBRTtZQUNyRCxNQUFNLHFCQUFxQixHQUFHLElBQUksQ0FBQywyQkFBMkIsRUFBRSxDQUFDO1lBQ2pFLE1BQU0sY0FBYyxHQUFHLE1BQU0sY0FBYyxDQUFDLHFCQUFxQixDQUFDLENBQUMsS0FBSyxDQUFDLEdBQUcsRUFBRSxDQUFDLElBQUksQ0FBQyxDQUFDO1lBQ3JGLElBQUksQ0FBQyxpQkFBaUIsQ0FBQyxjQUFjLElBQUksSUFBSSxDQUFDLGVBQWUsQ0FBQyxDQUFDO1FBQ2pFLENBQUMsQ0FBQyxDQUFDO0lBQ0wsQ0FBQztJQUVPLDJCQUEyQjtRQUNqQyxNQUFNLFFBQVEsR0FBRyxJQUFJLENBQUMsa0JBQWtCLENBQUMsb0JBQW9CLEVBQUUsRUFBRSxDQUFDO1FBQ2xFLElBQUksWUFBWSxDQUFDLFFBQVEsQ0FBQyxFQUFFLENBQUM7WUFDM0IsT0FBTyxRQUFRLENBQUM7UUFDbEIsQ0FBQztRQUNELElBQUksUUFBUSxZQUFZLE9BQU8sRUFBRSxDQUFDO1lBQ2hDLE9BQU8sSUFBSSxDQUFDLFFBQVEsQ0FBQyxDQUFDO1FBQ3hCLENBQUM7UUFDRCxPQUFPLEVBQUUsQ0FBQyxRQUFRLENBQUMsQ0FBQztJQUN0QixDQUFDOytHQTdGVSxtQkFBbUI7bUhBQW5CLG1CQUFtQixjQUROLE1BQU07OzRGQUNuQixtQkFBbUI7a0JBRC9CLFVBQVU7bUJBQUMsRUFBRSxVQUFVLEVBQUUsTUFBTSxFQUFFIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgSW5qZWN0YWJsZSwgSW5qZWN0b3IsIGluamVjdCwgcnVuSW5JbmplY3Rpb25Db250ZXh0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBCZWhhdmlvclN1YmplY3QsIE9ic2VydmFibGUsIGRpc3RpbmN0VW50aWxDaGFuZ2VkLCBmaWx0ZXIsIGZpcnN0VmFsdWVGcm9tLCBmcm9tLCBpc09ic2VydmFibGUsIG1hcCwgb2YsIHNoYXJlUmVwbGF5IH0gZnJvbSAncnhqcyc7XG5pbXBvcnQgeyBpbmplY3RMb2NhbGl6YXRpb25Db25maWcgfSBmcm9tICcuL2xvY2FsaXphdGlvbi5jb25maWcnO1xuaW1wb3J0IGxvZ2dlciBmcm9tICcuL2xvY2FsaXphdGlvbi5sb2dnZXInO1xuXG5ASW5qZWN0YWJsZSh7IHByb3ZpZGVkSW46ICdyb290JyB9KVxuZXhwb3J0IGNsYXNzIExvY2FsaXphdGlvblNlcnZpY2Uge1xuICBwcml2YXRlIHJlYWRvbmx5IGxvY2FsaXphdGlvbkNvbmZpZyA9IGluamVjdExvY2FsaXphdGlvbkNvbmZpZygpO1xuICBwcml2YXRlIHJlYWRvbmx5IGluamVjdG9yID0gaW5qZWN0KEluamVjdG9yKTtcbiAgcHJpdmF0ZSByZWFkb25seSBsb2NhbGVTdGF0ZSQgPSBuZXcgQmVoYXZpb3JTdWJqZWN0PEludGwuTG9jYWxlIHwgdW5kZWZpbmVkPihuZXcgSW50bC5Mb2NhbGUodGhpcy5sb2NhbGl6YXRpb25Db25maWcuYXZhaWxhYmxlTGFuZ3VhZ2VzWzBdKSk7XG5cbiAgLyoqXG4gICAqIFJlcHJlc2VudHMgYW4gb2JzZXJ2YWJsZSBzdHJlYW0gb2YgdGhlIGFjdGl2ZSBsYW5ndWFnZSBpbiB0aGUgbG9jYWxpemF0aW9uIHNlcnZpY2UuXG4gICAqIFRoZSBhY3RpdmUgbGFuZ3VhZ2UgaXMgZGV0ZXJtaW5lZCBieSB0aGUgbG9jYWxlIHN0YXRlLlxuICAgKlxuICAgKiBAZW1pdHMge3N0cmluZ30gVGhlIGFjdGl2ZSBsYW5ndWFnZS5cbiAgICovXG4gIHB1YmxpYyByZWFkb25seSBhY3RpdmVMYW5ndWFnZSQgPSB0aGlzLmxvY2FsZVN0YXRlJC5waXBlKFxuICAgIGZpbHRlcihCb29sZWFuKSxcbiAgICBtYXAoKHgpID0+IHguYmFzZU5hbWUpLFxuICAgIGRpc3RpbmN0VW50aWxDaGFuZ2VkKCksXG4gICAgc2hhcmVSZXBsYXkoeyBidWZmZXJTaXplOiAxLCByZWZDb3VudDogdHJ1ZSB9KSxcbiAgKTtcblxuICAvKipcbiAgICogR2V0cyB0aGUgbGlzdCBvZiBhdmFpbGFibGUgbGFuZ3VhZ2VzIGZvciBsb2NhbGl6YXRpb24uXG4gICAqXG4gICAqIEB0eXBlIHtzdHJpbmdbXX0gVGhlIGxpc3Qgb2YgYXZhaWxhYmxlIGxhbmd1YWdlcy5cbiAgICovXG4gIHB1YmxpYyByZWFkb25seSBhdmFpbGFibGVMYW5ndWFnZXMgPSB0aGlzLmxvY2FsaXphdGlvbkNvbmZpZy5hdmFpbGFibGVMYW5ndWFnZXM7XG5cbiAgLyoqIERlZmF1bHQgbGFuZ3VhZ2UgZGVyaXZlZCBmcm9tIHRoZSBmaXJzdCBlbnRyeSBpbiB0aGUgYXZhaWxhYmxlIGxhbmd1YWdlcyBsaXN0LlxuICAgKlxuICAgKiBAdHlwZSB7c3RyaW5nfVxuICAgKi9cbiAgcHVibGljIHJlYWRvbmx5IGRlZmF1bHRMYW5ndWFnZSA9IHRoaXMuYXZhaWxhYmxlTGFuZ3VhZ2VzWzBdO1xuXG4gIC8qKlxuICAgKiBSZXRyaWV2ZXMgdGhlIGN1cnJlbnRseSBhY3RpdmUgbGFuZ3VhZ2UuIEZhbGxzIGJhY2sgdG8gdGhlIGRlZmF1bHQgbGFuZ3VhZ2UgaWZcbiAgICogbm8gYWN0aXZlIGxhbmd1YWdlIGlzIHNldC5cbiAgICpcbiAgICogQHJldHVybnMge3N0cmluZ30gRnVsbCBsb2NhbGUgbmFtZSBlLmcuICdlbi1VUycgb3IganVzdCAnZW4nIGlmIG5vIHJlZ2lvbiBpbmZvIGlzIGF0dGFjaGVkLlxuICAgKi9cbiAgcHVibGljIGdldEFjdGl2ZUxhbmd1YWdlKCk6IHN0cmluZyB7XG4gICAgcmV0dXJuIHRoaXMubG9jYWxlU3RhdGUkLmdldFZhbHVlKCk/LmJhc2VOYW1lID8/IG5ldyBJbnRsLkxvY2FsZSh0aGlzLmRlZmF1bHRMYW5ndWFnZSkuYmFzZU5hbWU7XG4gIH1cblxuICAvKipcbiAgICogUmV0cmlldmVzIHRoZSBhY3RpdmUgbGFuZ3VhZ2Ugc3VidGFnLlxuICAgKlxuICAgKiBAcmV0dXJucyB7c3RyaW5nfSBUaGUgdHdvLWRpZ2l0IGxhbmd1YWdlIHN1YnRhZywgZS5nLiAnZW4nLCAnZnInLlxuICAgKi9cbiAgcHVibGljIGdldEFjdGl2ZUxhbmd1YWdlU3VidGFnKCk6IHN0cmluZyB7XG4gICAgcmV0dXJuIHRoaXMubG9jYWxlU3RhdGUkLmdldFZhbHVlKCk/Lmxhbmd1YWdlID8/IG5ldyBJbnRsLkxvY2FsZSh0aGlzLmRlZmF1bHRMYW5ndWFnZSkubGFuZ3VhZ2U7XG4gIH1cblxuICAvKipcbiAgICogU2V0cyB0aGUgYWN0aXZlIGxhbmd1YWdlIGJhc2VkIG9uIHRoZSBwcm92aWRlZCBsYW5ndWFnZSBjb2RlLiBJZiB0aGUgbGFuZ3VhZ2UgaXMgbm90XG4gICAqIHJlY29nbml6ZWQsIGl0IGxvZ3MgYW4gZXJyb3IgYW5kIGRvZXMgbm90IGNoYW5nZSB0aGUgYWN0aXZlIGxhbmd1YWdlLlxuICAgKlxuICAgKiBAcGFyYW0ge3N0cmluZ30gbGFuZ3VhZ2UgVGhlIGxhbmd1YWdlIGNvZGUgdG8gc2V0IGFzIHRoZSBhY3RpdmUgbGFuZ3VhZ2UuXG4gICAqL1xuICBwdWJsaWMgc2V0QWN0aXZlTGFuZ3VhZ2UobGFuZ3VhZ2U6IHN0cmluZyk6IHZvaWQge1xuICAgIHRyeSB7XG4gICAgICBjb25zdCBsb2NhbGUgPSBuZXcgSW50bC5Mb2NhbGUobGFuZ3VhZ2UpO1xuICAgICAgaWYgKHRoaXMuYXZhaWxhYmxlTGFuZ3VhZ2VzLmluY2x1ZGVzKGxvY2FsZS5iYXNlTmFtZSkgfHwgdGhpcy5hdmFpbGFibGVMYW5ndWFnZXMuaW5jbHVkZXMobG9jYWxlLmxhbmd1YWdlKSkge1xuICAgICAgICB0aGlzLmxvY2FsZVN0YXRlJC5uZXh0KGxvY2FsZSk7XG4gICAgICB9IGVsc2Uge1xuICAgICAgICB0aHJvdyBuZXcgRXJyb3IoYFVucmVjb2duaXphYmxlIGxhbmd1YWdlICcke2xhbmd1YWdlfScuIE1ha2Ugc3VyZSBpdCdzIGEgcGFydCBvZiBhdmFpbGFibGVMYW5ndWFnZXMgaW5zaWRlIExvY2FsaXphdGlvblNlcnZpY2UgY29uZmlnLmApO1xuICAgICAgfVxuICAgIH0gY2F0Y2ggKGVycm9yKSB7XG4gICAgICBsb2dnZXIuZXJyb3IoZXJyb3IpO1xuICAgIH1cbiAgfVxuXG4gIC8qKlxuICAgKiBMb2FkcyB0aGUgYWN0aXZlIGxhbmd1YWdlIGZvciB0aGUgbG9jYWxpemF0aW9uIHNlcnZpY2UuXG4gICAqIFRoaXMgbWV0aG9kIHJ1bnMgaW4gYW4gaW5qZWN0aW9uIGNvbnRleHQgYW5kIHNldHMgdGhlIGFjdGl2ZSBsYW5ndWFnZSBiYXNlZCBvbiB0aGUgcmVzdWx0IG9mIHRoZSBhY3RpdmUgbGFuZ3VhZ2UgbG9hZGVyLlxuICAgKiBJZiB0aGUgYWN0aXZlIGxhbmd1YWdlIGxvYWRlciBmYWlscywgdGhlIGRlZmF1bHQgbGFuZ3VhZ2UgaXMgc2V0IGFzIHRoZSBhY3RpdmUgbGFuZ3VhZ2UuXG4gICAqXG4gICAqIEByZXR1cm5zIHtQcm9taXNlPHZvaWQ+fSBBIHByb21pc2UgdGhhdCByZXNvbHZlcyB3aGVuIHRoZSBhY3RpdmUgbGFuZ3VhZ2UgaXMgbG9hZGVkIGFuZCBzZXQuXG4gICAqL1xuICBwdWJsaWMgYXN5bmMgbG9hZEFjdGl2ZUxhbmd1YWdlKCk6IFByb21pc2U8dm9pZD4ge1xuICAgIHJldHVybiBydW5JbkluamVjdGlvbkNvbnRleHQodGhpcy5pbmplY3RvciwgYXN5bmMgKCkgPT4ge1xuICAgICAgY29uc3QgYWN0aXZlTGFuZ3VhZ2VMb2FkZXIkID0gdGhpcy5jcmVhdGVBY3RpdmVMYW5ndWFnZUxvYWRlciQoKTtcbiAgICAgIGNvbnN0IGFjdGl2ZUxhbmd1YWdlID0gYXdhaXQgZmlyc3RWYWx1ZUZyb20oYWN0aXZlTGFuZ3VhZ2VMb2FkZXIkKS5jYXRjaCgoKSA9PiBudWxsKTtcbiAgICAgIHRoaXMuc2V0QWN0aXZlTGFuZ3VhZ2UoYWN0aXZlTGFuZ3VhZ2UgPz8gdGhpcy5kZWZhdWx0TGFuZ3VhZ2UpO1xuICAgIH0pO1xuICB9XG5cbiAgcHJpdmF0ZSBjcmVhdGVBY3RpdmVMYW5ndWFnZUxvYWRlciQoKTogT2JzZXJ2YWJsZTxzdHJpbmcgfCB1bmRlZmluZWQ+IHtcbiAgICBjb25zdCBsYW5ndWFnZSA9IHRoaXMubG9jYWxpemF0aW9uQ29uZmlnLmFjdGl2ZUxhbmd1YWdlTG9hZGVyPy4oKTtcbiAgICBpZiAoaXNPYnNlcnZhYmxlKGxhbmd1YWdlKSkge1xuICAgICAgcmV0dXJuIGxhbmd1YWdlO1xuICAgIH1cbiAgICBpZiAobGFuZ3VhZ2UgaW5zdGFuY2VvZiBQcm9taXNlKSB7XG4gICAgICByZXR1cm4gZnJvbShsYW5ndWFnZSk7XG4gICAgfVxuICAgIHJldHVybiBvZihsYW5ndWFnZSk7XG4gIH1cbn1cbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibG9jYWxpemF0aW9uLnNlcnZpY2UuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2FuZ3VsYXIvbG9jYWxpemF0aW9uL3NyYy9saWIvbG9jYWxpemF0aW9uLnNlcnZpY2UudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFVBQVUsRUFBRSxRQUFRLEVBQUUsTUFBTSxFQUFFLHFCQUFxQixFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3BGLE9BQU8sRUFBRSxlQUFlLEVBQWMsb0JBQW9CLEVBQUUsTUFBTSxFQUFFLGNBQWMsRUFBRSxJQUFJLEVBQUUsWUFBWSxFQUFFLEdBQUcsRUFBRSxFQUFFLEVBQUUsV0FBVyxFQUFFLE1BQU0sTUFBTSxDQUFDO0FBQzNJLE9BQU8sRUFBRSx3QkFBd0IsRUFBRSxNQUFNLHVCQUF1QixDQUFDO0FBQ2pFLE9BQU8sTUFBTSxNQUFNLHVCQUF1QixDQUFDOztBQUczQyxNQUFNLE9BQU8sbUJBQW1CO0lBRGhDO1FBRW1CLHVCQUFrQixHQUFHLHdCQUF3QixFQUFFLENBQUM7UUFDaEQsYUFBUSxHQUFHLE1BQU0sQ0FBQyxRQUFRLENBQUMsQ0FBQztRQUM1QixpQkFBWSxHQUFHLElBQUksZUFBZSxDQUEwQixJQUFJLElBQUksQ0FBQyxNQUFNLENBQUMsSUFBSSxDQUFDLGtCQUFrQixDQUFDLGtCQUFrQixDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQztRQUU3STs7Ozs7V0FLRztRQUNhLG9CQUFlLEdBQUcsSUFBSSxDQUFDLFlBQVksQ0FBQyxJQUFJLENBQ3RELE1BQU0sQ0FBQyxPQUFPLENBQUMsRUFDZixHQUFHLENBQUMsQ0FBQyxDQUFDLEVBQUUsRUFBRSxDQUFDLENBQUMsQ0FBQyxRQUFRLENBQUMsRUFDdEIsb0JBQW9CLEVBQUUsRUFDdEIsV0FBVyxDQUFDLEVBQUUsVUFBVSxFQUFFLENBQUMsRUFBRSxRQUFRLEVBQUUsSUFBSSxFQUFFLENBQUMsQ0FD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Y3RvciwgaW5qZWN0LCBydW5JbkluamVjdGlvbkNvbnRleHQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEJlaGF2aW9yU3ViamVjdCwgT2JzZXJ2YWJsZSwgZGlzdGluY3RVbnRpbENoYW5nZWQsIGZpbHRlciwgZmlyc3RWYWx1ZUZyb20sIGZyb20sIGlzT2JzZXJ2YWJsZSwgbWFwLCBvZiwgc2hhcmVSZXBsYXkgfSBmcm9tICdyeGpzJztcbmltcG9ydCB7IGluamVjdExvY2FsaXphdGlvbkNvbmZpZyB9IGZyb20gJy4vbG9jYWxpemF0aW9uLmNvbmZpZyc7XG5pbXBvcnQgbG9nZ2VyIGZyb20gJy4vbG9jYWxpemF0aW9uLmxvZ2dlcic7XG5cbkBJbmplY3RhYmxlKHsgcHJvdmlkZWRJbjogJ3Jvb3QnIH0pXG5leHBvcnQgY2xhc3MgTG9jYWxpemF0aW9uU2VydmljZSB7XG4gIHByaXZhdGUgcmVhZG9ubHkgbG9jYWxpemF0aW9uQ29uZmlnID0gaW5qZWN0TG9jYWxpemF0aW9uQ29uZmlnKCk7XG4gIHByaXZhdGUgcmVhZG9ubHkgaW5qZWN0b3IgPSBpbmplY3QoSW5qZWN0b3IpO1xuICBwcml2YXRlIHJlYWRvbmx5IGxvY2FsZVN0YXRlJCA9IG5ldyBCZWhhdmlvclN1YmplY3Q8SW50bC5Mb2NhbGUgfCB1bmRlZmluZWQ+KG5ldyBJbnRsLkxvY2FsZSh0aGlzLmxvY2FsaXphdGlvbkNvbmZpZy5hdmFpbGFibGVMYW5ndWFnZXNbMF0pKTtcblxuICAvKipcbiAgICogUmVwcmVzZW50cyBhbiBvYnNlcnZhYmxlIHN0cmVhbSBvZiB0aGUgYWN0aXZlIGxhbmd1YWdlIGluIHRoZSBsb2NhbGl6YXRpb24gc2VydmljZS5cbiAgICogVGhlIGFjdGl2ZSBsYW5ndWFnZSBpcyBkZXRlcm1pbmVkIGJ5IHRoZSBsb2NhbGUgc3RhdGUuXG4gICAqXG4gICAqIEBlbWl0cyB7c3RyaW5nfSBUaGUgYWN0aXZlIGxhbmd1YWdlLlxuICAgKi9cbiAgcHVibGljIHJlYWRvbmx5IGFjdGl2ZUxhbmd1YWdlJCA9IHRoaXMubG9jYWxlU3RhdGUkLnBpcGUoXG4gICAgZmlsdGVyKEJvb2xlYW4pLFxuICAgIG1hcCgoeCkgPT4geC5iYXNlTmFtZSksXG4gICAgZGlzdGluY3RVbnRpbENoYW5nZWQoKSxcbiAgICBzaGFyZVJlcGxheSh7IGJ1ZmZlclNpemU6IDEsIHJlZkNvdW50OiB0cnVlIH0pLFxuICApO1xuXG4gIC8qKlxuICAgKiBHZXRzIHRoZSBsaXN0IG9mIGF2YWlsYWJsZSBsYW5ndWFnZXMgZm9yIGxvY2FsaXphdGlvbi5cbiAgICpcbiAgICogQHR5cGUge3N0cmluZ1tdfSBUaGUgbGlzdCBvZiBhdmFpbGFibGUgbGFuZ3VhZ2VzLlxuICAgKi9cbiAgcHVibGljIHJlYWRvbmx5IGF2YWlsYWJsZUxhbmd1YWdlcyA9IHRoaXMubG9jYWxpemF0aW9uQ29uZmlnLmF2YWlsYWJsZUxhbmd1YWdlcztcblxuICAvKiogRGVmYXVsdCBsYW5ndWFnZSBkZXJpdmVkIGZyb20gdGhlIGZpcnN0IGVudHJ5IGluIHRoZSBhdmFpbGFibGUgbGFuZ3VhZ2VzIGxpc3QuXG4gICAqXG4gICAqIEB0eXBlIHtzdHJpbmd9XG4gICAqL1xuICBwdWJsaWMgcmVhZG9ubHkgZGVmYXVsdExhbmd1YWdlID0gdGhpcy5hdmFpbGFibGVMYW5ndWFnZXNbMF07XG5cbiAgLyoqXG4gICAqIFJldHJpZXZlcyB0aGUgY3VycmVudGx5IGFjdGl2ZSBsYW5ndWFnZS4gRmFsbHMgYmFjayB0byB0aGUgZGVmYXVsdCBsYW5ndWFnZSBpZlxuICAgKiBubyBhY3RpdmUgbGFuZ3VhZ2UgaXMgc2V0LlxuICAgKlxuICAgKiBAcmV0dXJucyB7c3RyaW5nfSBGdWxsIGxvY2FsZSBuYW1lIGUuZy4gJ2VuLVVTJyBvciBqdXN0ICdlbicgaWYgbm8gcmVnaW9uIGluZm8gaXMgYXR0YWNoZWQuXG4gICAqL1xuICBwdWJsaWMgZ2V0QWN0aXZlTGFuZ3VhZ2UoKTogc3RyaW5nIHtcbiAgICByZXR1cm4gdGhpcy5sb2NhbGVTdGF0ZSQuZ2V0VmFsdWUoKT8uYmFzZU5hbWUgPz8gbmV3IEludGwuTG9jYWxlKHRoaXMuZGVmYXVsdExhbmd1YWdlKS5iYXNlTmFtZTtcbiAgfVxuXG4gIC8qKlxuICAgKiBSZXRyaWV2ZXMgdGhlIGFjdGl2ZSBsYW5ndWFnZSBzdWJ0YWcuXG4gICAqXG4gICAqIEByZXR1cm5zIHtzdHJpbmd9IFRoZSB0d28tZGlnaXQgbGFuZ3VhZ2Ugc3VidGFnLCBlLmcuICdlbicsICdmcicuXG4gICAqL1xuICBwdWJsaWMgZ2V0QWN0aXZlTGFuZ3VhZ2VTdWJ0YWcoKTogc3RyaW5nIHtcbiAgICByZXR1cm4gdGhpcy5sb2NhbGVTdGF0ZSQuZ2V0VmFsdWUoKT8ubGFuZ3VhZ2UgPz8gbmV3IEludGwuTG9jYWxlKHRoaXMuZGVmYXVsdExhbmd1YWdlKS5sYW5ndWFnZTtcbiAgfVxuXG4gIC8qKlxuICAgKiBTZXRzIHRoZSBhY3RpdmUgbGFuZ3VhZ2UgYmFzZWQgb24gdGhlIHByb3ZpZGVkIGxhbmd1YWdlIGNvZGUuIElmIHRoZSBsYW5ndWFnZSBpcyBub3RcbiAgICogcmVjb2duaXplZCwgaXQgbG9ncyBhbiBlcnJvciBhbmQgZG9lcyBub3QgY2hhbmdlIHRoZSBhY3RpdmUgbGFuZ3VhZ2UuXG4gICAqXG4gICAqIEBwYXJhbSB7c3RyaW5nfSBsYW5ndWFnZSBUaGUgbGFuZ3VhZ2UgY29kZSB0byBzZXQgYXMgdGhlIGFjdGl2ZSBsYW5ndWFnZS5cbiAgICovXG4gIHB1YmxpYyBzZXRBY3RpdmVMYW5ndWFnZShsYW5ndWFnZTogc3RyaW5nKTogdm9pZCB7XG4gICAgdHJ5IHtcbiAgICAgIGNvbnN0IGxvY2FsZSA9IG5ldyBJbnRsLkxvY2FsZShsYW5ndWFnZSk7XG4gICAgICBpZiAodGhpcy5hdmFpbGFibGVMYW5ndWFnZXMuaW5jbHVkZXMobG9jYWxlLmJhc2VOYW1lKSkge1xuICAgICAgICB0aGlzLmxvY2FsZVN0YXRlJC5uZXh0KGxvY2FsZSk7XG4gICAgICB9IGVsc2UgaWYgKHRoaXMuYXZhaWxhYmxlTGFuZ3VhZ2VzLmluY2x1ZGVzKGxvY2FsZS5sYW5ndWFnZSkpIHtcbiAgICAgICAgdGhpcy5sb2NhbGVTdGF0ZSQubmV4dChuZXcgSW50bC5Mb2NhbGUobG9jYWxlLmxhbmd1YWdlKSk7XG4gICAgICB9IGVsc2Uge1xuICAgICAgICB0aHJvdyBuZXcgRXJyb3IoYFVucmVjb2duaXphYmxlIGxhbmd1YWdlICcke2xhbmd1YWdlfScuIE1ha2Ugc3VyZSBpdCdzIGEgcGFydCBvZiBhdmFpbGFibGVMYW5ndWFnZXMgaW5zaWRlIExvY2FsaXphdGlvblNlcnZpY2UgY29uZmlnLmApO1xuICAgICAgfVxuICAgIH0gY2F0Y2ggKGVycm9yKSB7XG4gICAgICBsb2dnZXIuZXJyb3IoZXJyb3IpO1xuICAgIH1cbiAgfVxuXG4gIC8qKlxuICAgKiBMb2FkcyB0aGUgYWN0aXZlIGxhbmd1YWdlIGZvciB0aGUgbG9jYWxpemF0aW9uIHNlcnZpY2UuXG4gICAqIFRoaXMgbWV0aG9kIHJ1bnMgaW4gYW4gaW5qZWN0aW9uIGNvbnRleHQgYW5kIHNldHMgdGhlIGFjdGl2ZSBsYW5ndWFnZSBiYXNlZCBvbiB0aGUgcmVzdWx0IG9mIHRoZSBhY3RpdmUgbGFuZ3VhZ2UgbG9hZGVyLlxuICAgKiBJZiB0aGUgYWN0aXZlIGxhbmd1YWdlIGxvYWRlciBmYWlscywgdGhlIGRlZmF1bHQgbGFuZ3VhZ2UgaXMgc2V0IGFzIHRoZSBhY3RpdmUgbGFuZ3VhZ2UuXG4gICAqXG4gICAqIEByZXR1cm5zIHtQcm9taXNlPHZvaWQ+fSBBIHByb21pc2UgdGhhdCByZXNvbHZlcyB3aGVuIHRoZSBhY3RpdmUgbGFuZ3VhZ2UgaXMgbG9hZGVkIGFuZCBzZXQuXG4gICAqL1xuICBwdWJsaWMgYXN5bmMgbG9hZEFjdGl2ZUxhbmd1YWdlKCk6IFByb21pc2U8dm9pZD4ge1xuICAgIHJldHVybiBydW5JbkluamVjdGlvbkNvbnRleHQodGhpcy5pbmplY3RvciwgYXN5bmMgKCkgPT4ge1xuICAgICAgY29uc3QgYWN0aXZlTGFuZ3VhZ2VMb2FkZXIkID0gdGhpcy5jcmVhdGVBY3RpdmVMYW5ndWFnZUxvYWRlciQoKTtcbiAgICAgIGNvbnN0IGFjdGl2ZUxhbmd1YWdlID0gYXdhaXQgZmlyc3RWYWx1ZUZyb20oYWN0aXZlTGFuZ3VhZ2VMb2FkZXIkKS5jYXRjaCgoKSA9PiBudWxsKTtcbiAgICAgIHRoaXMuc2V0QWN0aXZlTGFuZ3VhZ2UoYWN0aXZlTGFuZ3VhZ2UgPz8gdGhpcy5kZWZhdWx0TGFuZ3VhZ2UpO1xuICAgIH0pO1xuICB9XG5cbiAgcHJpdmF0ZSBjcmVhdGVBY3RpdmVMYW5ndWFnZUxvYWRlciQoKTogT2JzZXJ2YWJsZTxzdHJpbmcgfCB1bmRlZmluZWQ+IHtcbiAgICBjb25zdCBsYW5ndWFnZSA9IHRoaXMubG9jYWxpemF0aW9uQ29uZmlnLmFjdGl2ZUxhbmd1YWdlTG9hZGVyPy4oKTtcbiAgICBpZiAoaXNPYnNlcnZhYmxlKGxhbmd1YWdlKSkge1xuICAgICAgcmV0dXJuIGxhbmd1YWdlO1xuICAgIH1cbiAgICBpZiAobGFuZ3VhZ2UgaW5zdGFuY2VvZiBQcm9taXNlKSB7XG4gICAgICByZXR1cm4gZnJvbShsYW5ndWFnZSk7XG4gICAgfVxuICAgIHJldHVybiBvZihsYW5ndWFnZSk7XG4gIH1cbn1cbiJdfQ==

package/fesm2022/odx-angular-cdk-date-input.mjs

@@ -1,5 +1,6 @@
-import { createConfigTokens } from '@odx/angular/utils';
+import { createConfigTokens, isFunction } from '@odx/angular/utils';
 import { toDate, isValid } from 'date-fns';
+import { initialConfig } from 'ngx-mask';
 
 const InputDateOrder = {
     DMY: 'DMY',
@@ -94,9 +95,29 @@ function getDateInputValueAsDate(config, value) {
     return isValid(date) ? date : null;
 }
 
+function initNgxMask(ngxMask = undefined, mask) {
+    if (!ngxMask)
+        return;
+    if (!Object.hasOwn(ngxMask, '_maskValue')) {
+        throw new Error('[DatepickerInputControlDirective] initNgxMask: ngx-mask internal API changed, mask signal not available.');
+    }
+    const maskSignal = ngxMask['_maskValue'];
+    isFunction(maskSignal.set) && maskSignal.set(mask);
+    ngxMask._maskService.maskExpression = mask;
+}
+const ngxMaskProviderConfig = {
+    validation: false,
+    leadZeroDateTime: true,
+    patterns: {
+        ...initialConfig.patterns,
+        A: { pattern: new RegExp('[AaPp]') },
+        M: { pattern: new RegExp('[mM]') },
+    },
+};
+
 /**
  * Generated bundle index. Do not edit.
  */
 
-export { DateConfig, DateDefaultConfig, DateInputFormat, DateInputMask, InputDateOrder, getDateInputFormat, getDateInputMask, getDateInputValueAsDate, injectDateConfig, provideDateConfig };
+export { DateConfig, DateDefaultConfig, DateInputFormat, DateInputMask, InputDateOrder, getDateInputFormat, getDateInputMask, getDateInputValueAsDate, initNgxMask, injectDateConfig, ngxMaskProviderConfig, provideDateConfig };
 //# sourceMappingURL=odx-angular-cdk-date-input.mjs.map

package/fesm2022/odx-angular-cdk-date-input.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"odx-angular-cdk-date-input.mjs","sources":["../../../../libs/angular/cdk/date-input/src/lib/models/input-date-order.ts","../../../../libs/angular/cdk/date-input/src/lib/date.config.ts","../../../../libs/angular/cdk/date-input/src/lib/utils/get-date-input-pattern.ts","../../../../libs/angular/cdk/date-input/src/lib/utils/get-input-value-as-date.ts","../../../../libs/angular/cdk/date-input/src/odx-angular-cdk-date-input.ts"],"sourcesContent":["export type InputDateOrder = (typeof InputDateOrder)[keyof typeof InputDateOrder];\n\nexport const InputDateOrder = {\n  DMY: 'DMY',\n  MDY: 'MDY',\n  YMD: 'YMD',\n};\n\nexport type DateInputPattern = typeof DateInputFormat | typeof DateInputMask;\n\nexport const DateInputFormat = {\n  DAYS: 'dd',\n  MONTH: 'MM',\n  YEAR: 'yyyy',\n};\n\nexport const DateInputMask = {\n  DAYS: 'd0',\n  MONTH: 'M0',\n  YEAR: '0000',\n};\n","import { createConfigTokens } from '@odx/angular/utils';\nimport { InputDateOrder } from './models/input-date-order';\n\nexport interface DateConfig {\n  /**\n   * Date's order ('DMY' | 'MDY' | 'YMD').\n   * @default InputDateOrder.DMY\n   */\n  inputDateOrder: InputDateOrder;\n  /**\n   * Single-character date's separator (dot, slash etc.).\n   * @default '.'\n   */\n  inputDateSeparator: string;\n}\n\n/**\n * Tools for injecting and providing the date configuration with default configuration for the date.\n *\n * @example\n * // Providing custom date configuration.\n * ```ts\n * @Component({\n *   providers: [provideDateConfig({ inputDateOrder: InputDateOrder.MDY, inputDateSeparator: '/'})]\n * })\n * export class MyComponent {}\n *\n * // Injecting the date configuration.\n * ```ts\n * @Component({})\n * export class MyComponent {\n *  constructor(@Inject(injectDateConfig()) private readonly dateConfig: DateConfig) {}\n * }\n * ```\n */\nexport const { DateConfig, DateDefaultConfig, injectDateConfig, provideDateConfig } = createConfigTokens('Date', '@odx/angular/components/date', {\n  inputDateOrder: InputDateOrder.DMY,\n  inputDateSeparator: '.',\n});\n","import { DateConfig } from '../date.config';\nimport { DateInputFormat, DateInputMask, DateInputPattern, InputDateOrder } from '../models/input-date-order';\n\nfunction getDateInputPattern({ inputDateOrder, inputDateSeparator }: DateConfig, pattern: DateInputPattern): string {\n  const patternList: Record<InputDateOrder, string> = {\n    [InputDateOrder.DMY]: `${pattern.DAYS}${inputDateSeparator}${pattern.MONTH}${inputDateSeparator}${pattern.YEAR}`,\n    [InputDateOrder.MDY]: `${pattern.MONTH}${inputDateSeparator}${pattern.DAYS}${inputDateSeparator}${pattern.YEAR}`,\n    [InputDateOrder.YMD]: `${pattern.YEAR}${inputDateSeparator}${pattern.MONTH}${inputDateSeparator}${pattern.DAYS}`,\n  };\n\n  return patternList[inputDateOrder];\n}\n\n/** @internal */\nexport function getDateInputFormat(config: DateConfig): string {\n  return getDateInputPattern(config, DateInputFormat);\n}\n\n/** @internal */\nexport function getDateInputMask(config: DateConfig): string {\n  return getDateInputPattern(config, DateInputMask);\n}\n","import { isValid, toDate } from 'date-fns';\nimport { DateConfig } from '../date.config';\nimport { DateInputFormat, InputDateOrder } from '../models/input-date-order';\n\ninterface DateCandidateInterface {\n  month: string;\n  day: string;\n  year: string;\n}\n\nconst functionList: Record<InputDateOrder, (splittedValue: string[]) => DateCandidateInterface> = {\n  [InputDateOrder.DMY]: (splittedValue: string[]) => {\n    const [day, month, year] = splittedValue;\n    return { month, day, year };\n  },\n  [InputDateOrder.MDY]: (splittedValue: string[]) => {\n    const [month, day, year] = splittedValue;\n    return { month, day, year };\n  },\n  [InputDateOrder.YMD]: (splittedValue: string[]) => {\n    const [year, month, day] = splittedValue;\n    return { month, day, year };\n  },\n};\n\nfunction getDateCandidate({ inputDateOrder, inputDateSeparator }: DateConfig, value: string): DateCandidateInterface | null {\n  const splittedValue = value.split(inputDateSeparator);\n\n  const { month, day, year }: DateCandidateInterface = functionList[inputDateOrder](splittedValue);\n\n  if (\n    !month ||\n    !day ||\n    !year ||\n    month.length !== DateInputFormat.MONTH.length ||\n    day.length !== DateInputFormat.DAYS.length ||\n    year.length !== DateInputFormat.YEAR.length\n  ) {\n    return null;\n  }\n\n  return { month, day, year };\n}\n\n/** @internal */\nexport function getDateInputValueAsDate(config: DateConfig, value: string): Date | null {\n  const dateCandidate: DateCandidateInterface | null = getDateCandidate(config, value);\n\n  if (!dateCandidate) return null;\n\n  const date = toDate(`${dateCandidate.month}.${dateCandidate.day}.${dateCandidate.year}`);\n\n  return isValid(date) ? date : null;\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"odx-angular-cdk-date-input.mjs","sources":["../../../../libs/angular/cdk/date-input/src/lib/models/input-date-order.ts","../../../../libs/angular/cdk/date-input/src/lib/date.config.ts","../../../../libs/angular/cdk/date-input/src/lib/utils/get-date-input-pattern.ts","../../../../libs/angular/cdk/date-input/src/lib/utils/get-input-value-as-date.ts","../../../../libs/angular/cdk/date-input/src/lib/utils/ngx-mask-init.ts","../../../../libs/angular/cdk/date-input/src/odx-angular-cdk-date-input.ts"],"sourcesContent":["export type InputDateOrder = (typeof InputDateOrder)[keyof typeof InputDateOrder];\n\nexport const InputDateOrder = {\n  DMY: 'DMY',\n  MDY: 'MDY',\n  YMD: 'YMD',\n};\n\nexport type DateInputPattern = typeof DateInputFormat | typeof DateInputMask;\n\nexport const DateInputFormat = {\n  DAYS: 'dd',\n  MONTH: 'MM',\n  YEAR: 'yyyy',\n};\n\nexport const DateInputMask = {\n  DAYS: 'd0',\n  MONTH: 'M0',\n  YEAR: '0000',\n};\n","import { createConfigTokens } from '@odx/angular/utils';\nimport { InputDateOrder } from './models/input-date-order';\n\nexport interface DateConfig {\n  /**\n   * Date's order ('DMY' | 'MDY' | 'YMD').\n   * @default InputDateOrder.DMY\n   */\n  inputDateOrder: InputDateOrder;\n  /**\n   * Single-character date's separator (dot, slash etc.).\n   * @default '.'\n   */\n  inputDateSeparator: string;\n}\n\n/**\n * Tools for injecting and providing the date configuration with default configuration for the date.\n *\n * @example\n * // Providing custom date configuration.\n * ```ts\n * @Component({\n *   providers: [provideDateConfig({ inputDateOrder: InputDateOrder.MDY, inputDateSeparator: '/'})]\n * })\n * export class MyComponent {}\n *\n * // Injecting the date configuration.\n * ```ts\n * @Component({})\n * export class MyComponent {\n *  constructor(@Inject(injectDateConfig()) private readonly dateConfig: DateConfig) {}\n * }\n * ```\n */\nexport const { DateConfig, DateDefaultConfig, injectDateConfig, provideDateConfig } = createConfigTokens('Date', '@odx/angular/components/date', {\n  inputDateOrder: InputDateOrder.DMY,\n  inputDateSeparator: '.',\n});\n","import { DateConfig } from '../date.config';\nimport { DateInputFormat, DateInputMask, DateInputPattern, InputDateOrder } from '../models/input-date-order';\n\nfunction getDateInputPattern({ inputDateOrder, inputDateSeparator }: DateConfig, pattern: DateInputPattern): string {\n  const patternList: Record<InputDateOrder, string> = {\n    [InputDateOrder.DMY]: `${pattern.DAYS}${inputDateSeparator}${pattern.MONTH}${inputDateSeparator}${pattern.YEAR}`,\n    [InputDateOrder.MDY]: `${pattern.MONTH}${inputDateSeparator}${pattern.DAYS}${inputDateSeparator}${pattern.YEAR}`,\n    [InputDateOrder.YMD]: `${pattern.YEAR}${inputDateSeparator}${pattern.MONTH}${inputDateSeparator}${pattern.DAYS}`,\n  };\n\n  return patternList[inputDateOrder];\n}\n\n/** @internal */\nexport function getDateInputFormat(config: DateConfig): string {\n  return getDateInputPattern(config, DateInputFormat);\n}\n\n/** @internal */\nexport function getDateInputMask(config: DateConfig): string {\n  return getDateInputPattern(config, DateInputMask);\n}\n","import { isValid, toDate } from 'date-fns';\nimport { DateConfig } from '../date.config';\nimport { DateInputFormat, InputDateOrder } from '../models/input-date-order';\n\ninterface DateCandidateInterface {\n  month: string;\n  day: string;\n  year: string;\n}\n\nconst functionList: Record<InputDateOrder, (splittedValue: string[]) => DateCandidateInterface> = {\n  [InputDateOrder.DMY]: (splittedValue: string[]) => {\n    const [day, month, year] = splittedValue;\n    return { month, day, year };\n  },\n  [InputDateOrder.MDY]: (splittedValue: string[]) => {\n    const [month, day, year] = splittedValue;\n    return { month, day, year };\n  },\n  [InputDateOrder.YMD]: (splittedValue: string[]) => {\n    const [year, month, day] = splittedValue;\n    return { month, day, year };\n  },\n};\n\nfunction getDateCandidate({ inputDateOrder, inputDateSeparator }: DateConfig, value: string): DateCandidateInterface | null {\n  const splittedValue = value.split(inputDateSeparator);\n\n  const { month, day, year }: DateCandidateInterface = functionList[inputDateOrder](splittedValue);\n\n  if (\n    !month ||\n    !day ||\n    !year ||\n    month.length !== DateInputFormat.MONTH.length ||\n    day.length !== DateInputFormat.DAYS.length ||\n    year.length !== DateInputFormat.YEAR.length\n  ) {\n    return null;\n  }\n\n  return { month, day, year };\n}\n\n/** @internal */\nexport function getDateInputValueAsDate(config: DateConfig, value: string): Date | null {\n  const dateCandidate: DateCandidateInterface | null = getDateCandidate(config, value);\n\n  if (!dateCandidate) return null;\n\n  const date = toDate(`${dateCandidate.month}.${dateCandidate.day}.${dateCandidate.year}`);\n\n  return isValid(date) ? date : null;\n}\n","import { isFunction } from '@odx/angular/utils';\nimport { initialConfig, NgxMaskConfig, NgxMaskDirective } from 'ngx-mask';\n\nexport function initNgxMask(ngxMask: NgxMaskDirective | undefined = undefined, mask: string): void {\n  if (!ngxMask) return;\n  if (!Object.hasOwn(ngxMask, '_maskValue')) {\n    throw new Error('[DatepickerInputControlDirective] initNgxMask: ngx-mask internal API changed, mask signal not available.');\n  }\n  const maskSignal = ngxMask['_maskValue'];\n  isFunction(maskSignal.set) && maskSignal.set(mask);\n  ngxMask._maskService.maskExpression = mask;\n}\n\nexport const ngxMaskProviderConfig: Partial<NgxMaskConfig> = {\n  validation: false,\n  leadZeroDateTime: true,\n  patterns: {\n    ...initialConfig.patterns,\n    A: { pattern: new RegExp('[AaPp]') },\n    M: { pattern: new RegExp('[mM]') },\n  },\n};\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/odx-angular-components-datepicker.mjs

@@ -6,19 +6,19 @@ import { inject, EventEmitter, Directive, Output, HostListener, input, booleanAt
 import * as i1 from '@odx/angular';
 import { ReadonlyController, WithTabIndex, detectControllerChanges, CoreModule } from '@odx/angular';
 import { InputControlDirective, CustomFormControl } from '@odx/angular/cdk/custom-form-control';
-import { injectDateConfig, getDateInputMask, getDateInputValueAsDate, getDateInputFormat } from '@odx/angular/cdk/date-input';
+import { injectDateConfig, getDateInputValueAsDate, getDateInputFormat, initNgxMask, getDateInputMask } from '@odx/angular/cdk/date-input';
 export { DateConfig as DatepickerConfig, DateDefaultConfig as DatepickerDefaultConfig, InputDateOrder as DatepickerInputDateOrder, DateInputFormat as DatepickerInputFormat, DateInputMask as DatepickerInputMask, getDateInputFormat as getDatepickerInputFormat, getDateInputMask as getDatepickerInputMask, getDateInputValueAsDate as getDatepickerInputValueAsDate, injectDateConfig as injectDatepickerDateConfig, provideDateConfig as provideDatepickerConfig } from '@odx/angular/cdk/date-input';
 import { ActionGroupComponent } from '@odx/angular/components/action-group';
 import { ButtonComponent } from '@odx/angular/components/button';
 import { CalendarComponent } from '@odx/angular/components/calendar';
-import * as i2 from '@odx/angular/components/dropdown';
+import * as i2$1 from '@odx/angular/components/dropdown';
 import { DropdownDirective, DropdownModule } from '@odx/angular/components/dropdown';
 import { IconComponent } from '@odx/angular/components/icon';
 import { CSSComponent } from '@odx/angular/internal';
 import { untilDestroyed, injectElement, deferFn } from '@odx/angular/utils';
 import { startOfDay, format } from 'date-fns';
-import { NgxMaskPipe, provideNgxMask } from 'ngx-mask';
-import { fromEvent, distinctUntilChanged, tap, map } from 'rxjs';
+import * as i2 from 'ngx-mask';
+import { NgxMaskDirective, provideNgxMask } from 'ngx-mask';
 
 /**
  * A directive to enhance an input element as part of a datepicker control. It applies date input formatting,
@@ -33,30 +33,15 @@ import { fromEvent, distinctUntilChanged, tap, map } from 'rxjs';
 let DatepickerInputControlDirective = class DatepickerInputControlDirective extends InputControlDirective {
     constructor() {
         super(...arguments);
-        this.maskConfig = { validation: false, leadZeroDateTime: true };
         this.readonlyController = ReadonlyController.inject();
         this.config = injectDateConfig();
-        this.inputMask = getDateInputMask(this.config);
-        this.ngxMaskPipe = inject(NgxMaskPipe);
+        this.ngxMaskDirective = inject(NgxMaskDirective);
         /**
          * Emits an event when the input field receives focus or loses focus, indicating the focus state.
          *
          * @emits {boolean} - Indicates whether the input field is focused.
          */
         this.focused = new EventEmitter();
-        /**
-         * Observable stream capturing and processing input events on the native element, applying the mask,
-         * and emitting the current value.
-         *
-         * @emits {string} - The current value of the input field.
-         */
-        this.valueChange$ = fromEvent(this.element.nativeElement, 'input').pipe(distinctUntilChanged(), tap(() => this.applyMask()), map(() => this.nativeElementValue));
-    }
-    /**
-     * Applies the configured input mask to the native element's value.
-     */
-    applyMask() {
-        this.nativeElementValue = this.ngxMaskPipe.transform(this.nativeElementValue, this.inputMask, this.maskConfig);
     }
     /**
      * Gets the current value of the input field as a `Date` object, based on the date format from the datepicker
@@ -83,7 +68,7 @@ let DatepickerInputControlDirective = class DatepickerInputControlDirective exte
         this.focused.emit(false);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DatepickerInputControlDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: DatepickerInputControlDirective, isStandalone: true, selector: "input[odxDatepickerControl]", outputs: { focused: "focused" }, host: { listeners: { "focusin": "handleFocusIn()", "focusout": "handleFocusOut()" }, properties: { "attr.readonly": "readonlyController?.readonly || null", "attr.placeholder": "placeholder" } }, providers: [ReadonlyController.connect(), provideNgxMask(), NgxMaskPipe], usesInheritance: true, hostDirectives: [{ directive: i1.WithTabIndex }], ngImport: i0 }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: DatepickerInputControlDirective, isStandalone: true, selector: "input[odxDatepickerControl]", outputs: { focused: "focused" }, host: { listeners: { "focusin": "handleFocusIn()", "focusout": "handleFocusOut()" }, properties: { "attr.readonly": "readonlyController?.readonly || null", "attr.placeholder": "placeholder" } }, providers: [ReadonlyController.connect(), provideNgxMask({ validation: false, leadZeroDateTime: true })], usesInheritance: true, hostDirectives: [{ directive: i1.WithTabIndex }, { directive: i2.NgxMaskDirective }], ngImport: i0 }); }
 };
 DatepickerInputControlDirective = __decorate([
     CSSComponent('datepicker__control')
@@ -97,8 +82,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                         '[attr.readonly]': 'readonlyController?.readonly || null',
                         '[attr.placeholder]': 'placeholder',
                     },
-                    providers: [ReadonlyController.connect(), provideNgxMask(), NgxMaskPipe],
-                    hostDirectives: [WithTabIndex],
+                    providers: [ReadonlyController.connect(), provideNgxMask({ validation: false, leadZeroDateTime: true })],
+                    hostDirectives: [WithTabIndex, NgxMaskDirective],
                 }]
         }], propDecorators: { focused: [{
                 type: Output
@@ -241,6 +226,7 @@ let DatepickerComponent = class DatepickerComponent extends CustomFormControl {
         this.updateDateField(value);
     }
     handleDateFieldChanges() {
+        initNgxMask(this.dateField?.ngxMaskDirective, getDateInputMask(this.config));
         this.dateField?.valueChange$.pipe(this.takeUntilDestroyed()).subscribe(() => {
             if (!this.dateField?.valueAsDate)
                 return;
@@ -264,7 +250,7 @@ let DatepickerComponent = class DatepickerComponent extends CustomFormControl {
         this.dateField.nativeElementValue = date ? format(date, dateFormat) : '';
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DatepickerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: DatepickerComponent, isStandalone: true, selector: "odx-datepicker", inputs: { filterFn: { classPropertyName: "filterFn", publicName: "filterFn", isSignal: false, isRequired: false, transformFunction: null }, minDate: { classPropertyName: "minDate", publicName: "minDate", isSignal: false, isRequired: false, transformFunction: null }, maxDate: { classPropertyName: "maxDate", publicName: "maxDate", isSignal: false, isRequired: false, transformFunction: null }, dropdownPosition: { classPropertyName: "dropdownPosition", publicName: "dropdownPosition", isSignal: false, isRequired: false, transformFunction: null }, clearable: { classPropertyName: "clearable", publicName: "clearable", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { selectedChange: "selectedChange" }, host: { listeners: { "keydown.alt.ArrowDown": "openDatepicker($event)" } }, queries: [{ propertyName: "dateField", first: true, predicate: DatepickerInputControlDirective, descendants: true }], viewQueries: [{ propertyName: "dropdown", first: true, predicate: DropdownDirective, descendants: true }, { propertyName: "dropdownTriggerElement", first: true, predicate: ["dropdownTrigger"], descendants: true, read: ElementRef, static: true }], usesInheritance: true, ngImport: i0, template: "<ng-content select=\"input[odxDatepickerControl]\" />\n\n<odx-action-group class=\"odx-datepicker__trigger-wrapper\">\n  @if (clearable() && value) {\n    <button odxButton class=\"odx-datepicker__clear\" (click)=\"reset()\" size=\"small\" aria-label=\"Reset time\">\n      <odx-icon name=\"close\" iconSet=\"core\" />\n    </button>\n  }\n  <button\n    #dropdownTrigger\n    odxButton\n    size=\"small\"\n    variant=\"ghost\"\n    class=\"odx-datepicker__trigger\"\n    [odxDropdown]=\"calendarOverlay\"\n    [odxDropdownOptions]=\"{ position: dropdownPosition }\"\n    [odxDropdownTriggerElement]=\"dropdownTriggerElement.nativeElement\"\n    [odxDropdownHost]=\"null\"\n    [odxDropdownReferenceElement]=\"element.nativeElement\"\n    (odxDropdownBeforeClose)=\"onTouched()\"\n  >\n    <odx-icon name=\"calendar\" />\n  </button>\n  <ng-content select=\"[odxButton]\" ngProjectAs=\"[odxButton]\" />\n</odx-action-group>\n\n<ng-template #calendarOverlay>\n  <odx-calendar\n    [selectedDate]=\"value || today\"\n    [filterFn]=\"filterFn\"\n    [minDate]=\"minDate\"\n    [maxDate]=\"maxDate\"\n    cdkTrapFocus\n    cdkTrapFocusAutoCapture\n    (selectedDateChange)=\"selectDate($event)\"\n  />\n</ng-template>\n", dependencies: [{ kind: "ngmodule", type: A11yModule }, { kind: "directive", type: i1$1.CdkTrapFocus, selector: "[cdkTrapFocus]", inputs: ["cdkTrapFocus", "cdkTrapFocusAutoCapture"], exportAs: ["cdkTrapFocus"] }, { kind: "component", type: ActionGroupComponent, selector: "odx-action-group", inputs: ["reverse"] }, { kind: "component", type: ButtonComponent, selector: "button[odxButton], a[odxButton]", inputs: ["variant", "size"] }, { kind: "component", type: CalendarComponent, selector: "odx-calendar", inputs: ["selectedDate", "selectedDateRange", "minDate", "maxDate", "filterFn"], outputs: ["selectedDateChange", "selectedDateRangeChange"] }, { kind: "ngmodule", type: DropdownModule }, { kind: "directive", type: i2.DropdownDirective, selector: "[odxDropdown]", inputs: ["odxDropdown", "odxDropdownDisabled", "odxDropdownShowLoader", "odxDropdownClickOutsideActive", "odxDropdownOptions", "odxDropdownReferenceElement", "odxDropdownTriggerElement", "odxDropdownHost", "odxDropdownOpenTrigger", "odxDropdownCloseTrigger"], outputs: ["odxDropdownBeforeOpen", "odxDropdownAfterOpen", "odxDropdownBeforeClose", "odxDropdownAfterClose"], exportAs: ["odxDropdown"] }, { kind: "component", type: IconComponent, selector: "odx-icon", inputs: ["inline", "size", "name", "iconSet", "identifier"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: DatepickerComponent, isStandalone: true, selector: "odx-datepicker", inputs: { filterFn: { classPropertyName: "filterFn", publicName: "filterFn", isSignal: false, isRequired: false, transformFunction: null }, minDate: { classPropertyName: "minDate", publicName: "minDate", isSignal: false, isRequired: false, transformFunction: null }, maxDate: { classPropertyName: "maxDate", publicName: "maxDate", isSignal: false, isRequired: false, transformFunction: null }, dropdownPosition: { classPropertyName: "dropdownPosition", publicName: "dropdownPosition", isSignal: false, isRequired: false, transformFunction: null }, clearable: { classPropertyName: "clearable", publicName: "clearable", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { selectedChange: "selectedChange" }, host: { listeners: { "keydown.alt.ArrowDown": "openDatepicker($event)" } }, queries: [{ propertyName: "dateField", first: true, predicate: DatepickerInputControlDirective, descendants: true }], viewQueries: [{ propertyName: "dropdown", first: true, predicate: DropdownDirective, descendants: true }, { propertyName: "dropdownTriggerElement", first: true, predicate: ["dropdownTrigger"], descendants: true, read: ElementRef, static: true }], usesInheritance: true, ngImport: i0, template: "<ng-content select=\"input[odxDatepickerControl]\" />\n\n<odx-action-group class=\"odx-datepicker__trigger-wrapper\">\n  @if (clearable() && value) {\n    <button odxButton class=\"odx-datepicker__clear\" (click)=\"reset()\" size=\"small\" aria-label=\"Reset time\">\n      <odx-icon name=\"close\" iconSet=\"core\" />\n    </button>\n  }\n  <button\n    #dropdownTrigger\n    odxButton\n    size=\"small\"\n    variant=\"ghost\"\n    class=\"odx-datepicker__trigger\"\n    [odxDropdown]=\"calendarOverlay\"\n    [odxDropdownOptions]=\"{ position: dropdownPosition }\"\n    [odxDropdownTriggerElement]=\"dropdownTriggerElement.nativeElement\"\n    [odxDropdownHost]=\"null\"\n    [odxDropdownReferenceElement]=\"element.nativeElement\"\n    (odxDropdownBeforeClose)=\"onTouched()\"\n  >\n    <odx-icon name=\"calendar\" />\n  </button>\n  <ng-content select=\"[odxButton]\" ngProjectAs=\"[odxButton]\" />\n</odx-action-group>\n\n<ng-template #calendarOverlay>\n  <odx-calendar\n    [selectedDate]=\"value || today\"\n    [filterFn]=\"filterFn\"\n    [minDate]=\"minDate\"\n    [maxDate]=\"maxDate\"\n    cdkTrapFocus\n    cdkTrapFocusAutoCapture\n    (selectedDateChange)=\"selectDate($event)\"\n  />\n</ng-template>\n", dependencies: [{ kind: "ngmodule", type: A11yModule }, { kind: "directive", type: i1$1.CdkTrapFocus, selector: "[cdkTrapFocus]", inputs: ["cdkTrapFocus", "cdkTrapFocusAutoCapture"], exportAs: ["cdkTrapFocus"] }, { kind: "component", type: ActionGroupComponent, selector: "odx-action-group", inputs: ["reverse"] }, { kind: "component", type: ButtonComponent, selector: "button[odxButton], a[odxButton]", inputs: ["variant", "size"] }, { kind: "component", type: CalendarComponent, selector: "odx-calendar", inputs: ["selectedDate", "selectedDateRange", "minDate", "maxDate", "filterFn"], outputs: ["selectedDateChange", "selectedDateRangeChange"] }, { kind: "ngmodule", type: DropdownModule }, { kind: "directive", type: i2$1.DropdownDirective, selector: "[odxDropdown]", inputs: ["odxDropdown", "odxDropdownDisabled", "odxDropdownShowLoader", "odxDropdownClickOutsideActive", "odxDropdownOptions", "odxDropdownReferenceElement", "odxDropdownTriggerElement", "odxDropdownHost", "odxDropdownOpenTrigger", "odxDropdownCloseTrigger"], outputs: ["odxDropdownBeforeOpen", "odxDropdownAfterOpen", "odxDropdownBeforeClose", "odxDropdownAfterClose"], exportAs: ["odxDropdown"] }, { kind: "component", type: IconComponent, selector: "odx-icon", inputs: ["inline", "size", "name", "iconSet", "identifier"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 };
 DatepickerComponent = __decorate([
     CSSComponent('datepicker'),

package/fesm2022/odx-angular-components-datepicker.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"odx-angular-components-datepicker.mjs","sources":["../../../../libs/angular/components/datepicker/src/lib/directives/datepicker-input-control.directive.ts","../../../../libs/angular/components/datepicker/src/lib/datepicker.component.ts","../../../../libs/angular/components/datepicker/src/lib/datepicker.component.html","../../../../libs/angular/components/datepicker/src/lib/datepicker.module.ts","../../../../libs/angular/components/datepicker/src/odx-angular-components-datepicker.ts"],"sourcesContent":["import { Directive, EventEmitter, HostListener, inject, Output } from '@angular/core';\nimport { ReadonlyController, WithTabIndex } from '@odx/angular';\nimport { InputControlDirective } from '@odx/angular/cdk/custom-form-control';\nimport { getDateInputFormat, getDateInputMask, getDateInputValueAsDate, injectDateConfig } from '@odx/angular/cdk/date-input';\nimport { CSSComponent } from '@odx/angular/internal';\nimport { NgxMaskConfig, NgxMaskPipe, provideNgxMask } from 'ngx-mask';\nimport { distinctUntilChanged, fromEvent, map, tap } from 'rxjs';\n\n/**\n * A directive to enhance an input element as part of a datepicker control. It applies date input formatting,\n * mask handling, and emits focus events. This directive integrates with ngx-mask to handle input masking and\n * ensures that the input complies with the date format specified in the datepicker configuration.\n * Extends the `InputControlDirective` to provide input control functionality.\n * Has host directive `WithTabIndex` to manage the tabindex attribute of the input element.\n *\n * @see {InputControlDirective}\n * @see {WithTabIndex}\n */\n@CSSComponent('datepicker__control')\n@Directive({\n  standalone: true,\n  selector: 'input[odxDatepickerControl]',\n  host: {\n    '[attr.readonly]': 'readonlyController?.readonly || null',\n    '[attr.placeholder]': 'placeholder',\n  },\n  providers: [ReadonlyController.connect(), provideNgxMask(), NgxMaskPipe],\n  hostDirectives: [WithTabIndex],\n})\nexport class DatepickerInputControlDirective extends InputControlDirective {\n  private readonly maskConfig: Partial<NgxMaskConfig> = { validation: false, leadZeroDateTime: true };\n\n  protected readonly readonlyController = ReadonlyController.inject();\n  protected readonly config = injectDateConfig();\n  protected readonly inputMask = getDateInputMask(this.config);\n  protected readonly ngxMaskPipe = inject(NgxMaskPipe);\n\n  /**\n   * Emits an event when the input field receives focus or loses focus, indicating the focus state.\n   *\n   * @emits {boolean} - Indicates whether the input field is focused.\n   */\n  @Output()\n  public focused = new EventEmitter<boolean>();\n\n  /**\n   * Observable stream capturing and processing input events on the native element, applying the mask,\n   * and emitting the current value.\n   *\n   * @emits {string} - The current value of the input field.\n   */\n  public override valueChange$ = fromEvent(this.element.nativeElement, 'input').pipe(\n    distinctUntilChanged(),\n    tap(() => this.applyMask()),\n    map(() => this.nativeElementValue),\n  );\n\n  /**\n   * Applies the configured input mask to the native element's value.\n   */\n  public applyMask(): void {\n    this.nativeElementValue = this.ngxMaskPipe.transform(this.nativeElementValue, this.inputMask, this.maskConfig);\n  }\n\n  /**\n   * Gets the current value of the input field as a `Date` object, based on the date format from the datepicker\n   * configuration.\n   *\n   * @returns {Date | null} - The current value of the input field as a `Date` object, or `null` if the value is invalid.\n   */\n  public get valueAsDate(): Date | null {\n    return getDateInputValueAsDate(this.config, this.nativeElementValue);\n  }\n\n  /**\n   * Computes the placeholder text for the input based on the date format from\n   * the datepicker configuration.\n   *\n   * @returns {string} - The placeholder text, typically the date format in uppercase.\n   */\n  public get placeholder(): string {\n    return getDateInputFormat(this.config).toUpperCase();\n  }\n\n  @HostListener('focusin')\n  protected handleFocusIn(): void {\n    this.focused.emit(true);\n  }\n\n  @HostListener('focusout')\n  protected handleFocusOut(): void {\n    this.focused.emit(false);\n  }\n}\n","import { A11yModule } from '@angular/cdk/a11y';\nimport {\n  AfterViewInit,\n  booleanAttribute,\n  ChangeDetectionStrategy,\n  Component,\n  ContentChild,\n  ElementRef,\n  EventEmitter,\n  HostListener,\n  input,\n  Input,\n  Output,\n  ViewChild,\n  ViewEncapsulation,\n} from '@angular/core';\nimport { detectControllerChanges } from '@odx/angular';\nimport { CustomFormControl } from '@odx/angular/cdk/custom-form-control';\nimport { getDateInputFormat, injectDateConfig } from '@odx/angular/cdk/date-input';\nimport { ActionGroupComponent } from '@odx/angular/components/action-group';\nimport { ButtonComponent } from '@odx/angular/components/button';\nimport { CalendarComponent, DateFilter } from '@odx/angular/components/calendar';\nimport { DropdownDirective, DropdownModule } from '@odx/angular/components/dropdown';\nimport { IconComponent } from '@odx/angular/components/icon';\nimport { CSSComponent } from '@odx/angular/internal';\nimport { deferFn, injectElement, Position, untilDestroyed } from '@odx/angular/utils';\nimport { format, startOfDay } from 'date-fns';\nimport { DatepickerInputControlDirective } from './directives';\n\n/**\n * Represents a datepicker component for selecting a date.\n * Extends the `CustomFormControl` class and implements the `AfterViewInit` interface.\n *\n * @see {CustomFormControl}\n */\n@CSSComponent('datepicker')\n@Component({\n  selector: 'odx-datepicker',\n  standalone: true,\n  imports: [A11yModule, ActionGroupComponent, ButtonComponent, CalendarComponent, DropdownModule, IconComponent],\n  templateUrl: './datepicker.component.html',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n})\nexport class DatepickerComponent extends CustomFormControl<Date | null> implements AfterViewInit {\n  protected readonly takeUntilDestroyed = untilDestroyed();\n\n  protected readonly config = injectDateConfig();\n\n  public readonly element = injectElement();\n\n  /**\n   * Gets a value indicating whether the datepicker is currently open.\n   *\n   * @returns {boolean}\n   */\n  public get isOpen(): boolean {\n    return !!this.dropdown.isOpen;\n  }\n\n  /**\n   * Represents the current date.\n   *\n   * @type {Date}\n   */\n  public today = new Date();\n\n  /**\n   * The filter function used to determine if a date should be included or excluded in the datepicker.\n   * If set to `null`, no filtering will be applied.\n   *\n   * @type {DateFilter | null}\n   * @default null\n   *\n   * @example\n   * ```ts\n   * // Excludes mondays from the datepicker.\n   * const filterFn: DateFilter = (date) => date.getDay() !== 1;\n   * ```\n   */\n  @Input()\n  public filterFn: DateFilter | null = null;\n\n  /**\n   * The minimum selectable date for the datepicker.\n   * If set to null, there is no minimum date restriction.\n   *\n   * @type {Date | null}\n   * @default null\n   */\n  @Input()\n  public minDate: Date | null = null;\n\n  /**\n   * The maximum selectable date for the datepicker.\n   * If set to null, there is no maximum date restriction.\n   *\n   * @type {Date | null}\n   * @default null\n   */\n  @Input()\n  public maxDate: Date | null = null;\n\n  /**\n   * The position of the dropdown relative to the input field.\n   *\n   * @type {Position}\n   * @default Position.BOTTOM\n   */\n  @Input()\n  public dropdownPosition: Position = 'bottom';\n\n  /**\n   * When set to true, the select will display a reset button.\n   *\n   * @type {boolean}\n   * @default false\n   */\n  public clearable = input(false, { transform: booleanAttribute });\n\n  /**\n   * Emits the selected date when it changes.\n   *\n   * @emits {Date}\n   */\n  @Output()\n  public selectedChange = new EventEmitter<Date>();\n\n  /**\n   * The dropdown directive used in the datepicker component.\n   *\n   * @type {DropdownDirective}\n   */\n  @ViewChild(DropdownDirective)\n  public dropdown!: DropdownDirective;\n\n  /**\n   * The dropdown trigger element used in the datepicker component.\n   *\n   * @type {ElementRef<HTMLElement>}\n   */\n  @ViewChild('dropdownTrigger', { read: ElementRef, static: true })\n  public dropdownTriggerElement!: ElementRef<HTMLElement>;\n\n  /**\n   * The date field input control directive used in the datepicker component.\n   *\n   * @type {DatepickerInputControlDirective | undefined}\n   */\n  @ContentChild(DatepickerInputControlDirective)\n  public dateField?: DatepickerInputControlDirective;\n\n  constructor() {\n    super(null);\n    detectControllerChanges(this).subscribe();\n  }\n\n  public ngAfterViewInit(): void {\n    this.handleDateFieldChanges();\n    this.handleDateFieldFocus();\n\n    deferFn(() => {\n      if (!this.value) return;\n      this.updateDateField(startOfDay(this.value));\n    });\n  }\n\n  /**\n   * Selects a date.\n   *\n   * @param {Date | null} value - The date value to be selected.\n   */\n  public selectDate(value: Date | null): void {\n    if (!value) return;\n\n    this.updateInternalValue(value);\n\n    this.selectedChange.emit(value);\n\n    this.dropdown.close();\n  }\n\n  /**\n   * Resets the datepicker's value to null.\n   */\n  public reset(): void {\n    this.updateInternalValue(null);\n  }\n\n  /**\n   * @internal\n   * Writes a new value to the element.\n   * Part of the ControlValueAccessor interface.\n   * @param {Date | null} value - The new value.\n   */\n  public override writeValue(value: Date | null): void {\n    super.writeValue(value);\n    this.updateDateField(value);\n  }\n\n  /**\n   * Opens the datepicker dropdown.\n   *\n   * @param {KeyboardEvent} event\n   */\n  @HostListener('keydown.alt.ArrowDown', ['$event'])\n  public openDatepicker(event?: KeyboardEvent) {\n    event?.stopPropagation();\n\n    if (this.isReadonly || this.isDisabled) return;\n\n    this.dropdown.open(event);\n  }\n\n  protected updateInternalValue(value: Date | null): void {\n    this.updateValue(value);\n    this.updateDateField(value);\n  }\n\n  protected handleDateFieldChanges(): void {\n    this.dateField?.valueChange$.pipe(this.takeUntilDestroyed()).subscribe(() => {\n      if (!this.dateField?.valueAsDate) return;\n      this.updateValue(this.dateField?.valueAsDate ?? null);\n    });\n  }\n\n  protected handleDateFieldFocus(): void {\n    this.dateField?.focused.pipe(this.takeUntilDestroyed()).subscribe((isFocused) => {\n      if (!isFocused) {\n        this.onTouched();\n      }\n      if (this.isOpen) {\n        this.dropdown.close();\n      }\n    });\n  }\n\n  private updateDateField(date: Date | null): void {\n    if (!this.dateField) return;\n\n    const dateFormat = getDateInputFormat(this.config);\n    this.dateField.nativeElementValue = date ? format(date, dateFormat) : '';\n  }\n}\n","<ng-content select=\"input[odxDatepickerControl]\" />\n\n<odx-action-group class=\"odx-datepicker__trigger-wrapper\">\n  @if (clearable() && value) {\n    <button odxButton class=\"odx-datepicker__clear\" (click)=\"reset()\" size=\"small\" aria-label=\"Reset time\">\n      <odx-icon name=\"close\" iconSet=\"core\" />\n    </button>\n  }\n  <button\n    #dropdownTrigger\n    odxButton\n    size=\"small\"\n    variant=\"ghost\"\n    class=\"odx-datepicker__trigger\"\n    [odxDropdown]=\"calendarOverlay\"\n    [odxDropdownOptions]=\"{ position: dropdownPosition }\"\n    [odxDropdownTriggerElement]=\"dropdownTriggerElement.nativeElement\"\n    [odxDropdownHost]=\"null\"\n    [odxDropdownReferenceElement]=\"element.nativeElement\"\n    (odxDropdownBeforeClose)=\"onTouched()\"\n  >\n    <odx-icon name=\"calendar\" />\n  </button>\n  <ng-content select=\"[odxButton]\" ngProjectAs=\"[odxButton]\" />\n</odx-action-group>\n\n<ng-template #calendarOverlay>\n  <odx-calendar\n    [selectedDate]=\"value || today\"\n    [filterFn]=\"filterFn\"\n    [minDate]=\"minDate\"\n    [maxDate]=\"maxDate\"\n    cdkTrapFocus\n    cdkTrapFocusAutoCapture\n    (selectedDateChange)=\"selectDate($event)\"\n  />\n</ng-template>\n","import { NgModule } from '@angular/core';\nimport { CoreModule } from '@odx/angular';\nimport { DatepickerComponent } from './datepicker.component';\nimport { DatepickerInputControlDirective } from './directives';\n\nconst modules = [DatepickerComponent, DatepickerInputControlDirective];\n\n@NgModule({\n  imports: modules,\n  exports: [CoreModule, ...modules],\n})\nexport class DatepickerModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["i1"],"mappings":"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"}
+{"version":3,"file":"odx-angular-components-datepicker.mjs","sources":["../../../../libs/angular/components/datepicker/src/lib/directives/datepicker-input-control.directive.ts","../../../../libs/angular/components/datepicker/src/lib/datepicker.component.ts","../../../../libs/angular/components/datepicker/src/lib/datepicker.component.html","../../../../libs/angular/components/datepicker/src/lib/datepicker.module.ts","../../../../libs/angular/components/datepicker/src/odx-angular-components-datepicker.ts"],"sourcesContent":["import { Directive, EventEmitter, HostListener, inject, Output } from '@angular/core';\nimport { ReadonlyController, WithTabIndex } from '@odx/angular';\nimport { InputControlDirective } from '@odx/angular/cdk/custom-form-control';\nimport { getDateInputFormat, getDateInputValueAsDate, injectDateConfig } from '@odx/angular/cdk/date-input';\nimport { CSSComponent } from '@odx/angular/internal';\nimport { NgxMaskDirective, provideNgxMask } from 'ngx-mask';\n\n/**\n * A directive to enhance an input element as part of a datepicker control. It applies date input formatting,\n * mask handling, and emits focus events. This directive integrates with ngx-mask to handle input masking and\n * ensures that the input complies with the date format specified in the datepicker configuration.\n * Extends the `InputControlDirective` to provide input control functionality.\n * Has host directive `WithTabIndex` to manage the tabindex attribute of the input element.\n *\n * @see {InputControlDirective}\n * @see {WithTabIndex}\n */\n@CSSComponent('datepicker__control')\n@Directive({\n  standalone: true,\n  selector: 'input[odxDatepickerControl]',\n  host: {\n    '[attr.readonly]': 'readonlyController?.readonly || null',\n    '[attr.placeholder]': 'placeholder',\n  },\n  providers: [ReadonlyController.connect(), provideNgxMask({ validation: false, leadZeroDateTime: true })],\n  hostDirectives: [WithTabIndex, NgxMaskDirective],\n})\nexport class DatepickerInputControlDirective extends InputControlDirective {\n  protected readonly readonlyController = ReadonlyController.inject();\n  protected readonly config = injectDateConfig();\n  public readonly ngxMaskDirective = inject(NgxMaskDirective);\n\n  /**\n   * Emits an event when the input field receives focus or loses focus, indicating the focus state.\n   *\n   * @emits {boolean} - Indicates whether the input field is focused.\n   */\n  @Output()\n  public focused = new EventEmitter<boolean>();\n\n  /**\n   * Gets the current value of the input field as a `Date` object, based on the date format from the datepicker\n   * configuration.\n   *\n   * @returns {Date | null} - The current value of the input field as a `Date` object, or `null` if the value is invalid.\n   */\n  public get valueAsDate(): Date | null {\n    return getDateInputValueAsDate(this.config, this.nativeElementValue);\n  }\n\n  /**\n   * Computes the placeholder text for the input based on the date format from\n   * the datepicker configuration.\n   *\n   * @returns {string} - The placeholder text, typically the date format in uppercase.\n   */\n  public get placeholder(): string {\n    return getDateInputFormat(this.config).toUpperCase();\n  }\n\n  @HostListener('focusin')\n  protected handleFocusIn(): void {\n    this.focused.emit(true);\n  }\n\n  @HostListener('focusout')\n  protected handleFocusOut(): void {\n    this.focused.emit(false);\n  }\n}\n","import { A11yModule } from '@angular/cdk/a11y';\nimport {\n  AfterViewInit,\n  booleanAttribute,\n  ChangeDetectionStrategy,\n  Component,\n  ContentChild,\n  ElementRef,\n  EventEmitter,\n  HostListener,\n  input,\n  Input,\n  Output,\n  ViewChild,\n  ViewEncapsulation,\n} from '@angular/core';\nimport { detectControllerChanges } from '@odx/angular';\nimport { CustomFormControl } from '@odx/angular/cdk/custom-form-control';\nimport { getDateInputFormat, getDateInputMask, initNgxMask, injectDateConfig } from '@odx/angular/cdk/date-input';\nimport { ActionGroupComponent } from '@odx/angular/components/action-group';\nimport { ButtonComponent } from '@odx/angular/components/button';\nimport { CalendarComponent, DateFilter } from '@odx/angular/components/calendar';\nimport { DropdownDirective, DropdownModule } from '@odx/angular/components/dropdown';\nimport { IconComponent } from '@odx/angular/components/icon';\nimport { CSSComponent } from '@odx/angular/internal';\nimport { deferFn, injectElement, Position, untilDestroyed } from '@odx/angular/utils';\nimport { format, startOfDay } from 'date-fns';\nimport { DatepickerInputControlDirective } from './directives';\n\n/**\n * Represents a datepicker component for selecting a date.\n * Extends the `CustomFormControl` class and implements the `AfterViewInit` interface.\n *\n * @see {CustomFormControl}\n */\n@CSSComponent('datepicker')\n@Component({\n  selector: 'odx-datepicker',\n  standalone: true,\n  imports: [A11yModule, ActionGroupComponent, ButtonComponent, CalendarComponent, DropdownModule, IconComponent],\n  templateUrl: './datepicker.component.html',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n})\nexport class DatepickerComponent extends CustomFormControl<Date | null> implements AfterViewInit {\n  protected readonly takeUntilDestroyed = untilDestroyed();\n\n  protected readonly config = injectDateConfig();\n\n  public readonly element = injectElement();\n\n  /**\n   * Gets a value indicating whether the datepicker is currently open.\n   *\n   * @returns {boolean}\n   */\n  public get isOpen(): boolean {\n    return !!this.dropdown.isOpen;\n  }\n\n  /**\n   * Represents the current date.\n   *\n   * @type {Date}\n   */\n  public today = new Date();\n\n  /**\n   * The filter function used to determine if a date should be included or excluded in the datepicker.\n   * If set to `null`, no filtering will be applied.\n   *\n   * @type {DateFilter | null}\n   * @default null\n   *\n   * @example\n   * ```ts\n   * // Excludes mondays from the datepicker.\n   * const filterFn: DateFilter = (date) => date.getDay() !== 1;\n   * ```\n   */\n  @Input()\n  public filterFn: DateFilter | null = null;\n\n  /**\n   * The minimum selectable date for the datepicker.\n   * If set to null, there is no minimum date restriction.\n   *\n   * @type {Date | null}\n   * @default null\n   */\n  @Input()\n  public minDate: Date | null = null;\n\n  /**\n   * The maximum selectable date for the datepicker.\n   * If set to null, there is no maximum date restriction.\n   *\n   * @type {Date | null}\n   * @default null\n   */\n  @Input()\n  public maxDate: Date | null = null;\n\n  /**\n   * The position of the dropdown relative to the input field.\n   *\n   * @type {Position}\n   * @default Position.BOTTOM\n   */\n  @Input()\n  public dropdownPosition: Position = 'bottom';\n\n  /**\n   * When set to true, the select will display a reset button.\n   *\n   * @type {boolean}\n   * @default false\n   */\n  public clearable = input(false, { transform: booleanAttribute });\n\n  /**\n   * Emits the selected date when it changes.\n   *\n   * @emits {Date}\n   */\n  @Output()\n  public selectedChange = new EventEmitter<Date>();\n\n  /**\n   * The dropdown directive used in the datepicker component.\n   *\n   * @type {DropdownDirective}\n   */\n  @ViewChild(DropdownDirective)\n  public dropdown!: DropdownDirective;\n\n  /**\n   * The dropdown trigger element used in the datepicker component.\n   *\n   * @type {ElementRef<HTMLElement>}\n   */\n  @ViewChild('dropdownTrigger', { read: ElementRef, static: true })\n  public dropdownTriggerElement!: ElementRef<HTMLElement>;\n\n  /**\n   * The date field input control directive used in the datepicker component.\n   *\n   * @type {DatepickerInputControlDirective | undefined}\n   */\n  @ContentChild(DatepickerInputControlDirective)\n  public dateField?: DatepickerInputControlDirective;\n\n  constructor() {\n    super(null);\n    detectControllerChanges(this).subscribe();\n  }\n\n  public ngAfterViewInit(): void {\n    this.handleDateFieldChanges();\n    this.handleDateFieldFocus();\n\n    deferFn(() => {\n      if (!this.value) return;\n      this.updateDateField(startOfDay(this.value));\n    });\n  }\n\n  /**\n   * Selects a date.\n   *\n   * @param {Date | null} value - The date value to be selected.\n   */\n  public selectDate(value: Date | null): void {\n    if (!value) return;\n\n    this.updateInternalValue(value);\n\n    this.selectedChange.emit(value);\n\n    this.dropdown.close();\n  }\n\n  /**\n   * Resets the datepicker's value to null.\n   */\n  public reset(): void {\n    this.updateInternalValue(null);\n  }\n\n  /**\n   * @internal\n   * Writes a new value to the element.\n   * Part of the ControlValueAccessor interface.\n   * @param {Date | null} value - The new value.\n   */\n  public override writeValue(value: Date | null): void {\n    super.writeValue(value);\n    this.updateDateField(value);\n  }\n\n  /**\n   * Opens the datepicker dropdown.\n   *\n   * @param {KeyboardEvent} event\n   */\n  @HostListener('keydown.alt.ArrowDown', ['$event'])\n  public openDatepicker(event?: KeyboardEvent) {\n    event?.stopPropagation();\n\n    if (this.isReadonly || this.isDisabled) return;\n\n    this.dropdown.open(event);\n  }\n\n  protected updateInternalValue(value: Date | null): void {\n    this.updateValue(value);\n    this.updateDateField(value);\n  }\n\n  protected handleDateFieldChanges(): void {\n    initNgxMask(this.dateField?.ngxMaskDirective, getDateInputMask(this.config));\n    this.dateField?.valueChange$.pipe(this.takeUntilDestroyed()).subscribe(() => {\n      if (!this.dateField?.valueAsDate) return;\n      this.updateValue(this.dateField?.valueAsDate ?? null);\n    });\n  }\n\n  protected handleDateFieldFocus(): void {\n    this.dateField?.focused.pipe(this.takeUntilDestroyed()).subscribe((isFocused) => {\n      if (!isFocused) {\n        this.onTouched();\n      }\n      if (this.isOpen) {\n        this.dropdown.close();\n      }\n    });\n  }\n\n  private updateDateField(date: Date | null): void {\n    if (!this.dateField) return;\n\n    const dateFormat = getDateInputFormat(this.config);\n    this.dateField.nativeElementValue = date ? format(date, dateFormat) : '';\n  }\n}\n","<ng-content select=\"input[odxDatepickerControl]\" />\n\n<odx-action-group class=\"odx-datepicker__trigger-wrapper\">\n  @if (clearable() && value) {\n    <button odxButton class=\"odx-datepicker__clear\" (click)=\"reset()\" size=\"small\" aria-label=\"Reset time\">\n      <odx-icon name=\"close\" iconSet=\"core\" />\n    </button>\n  }\n  <button\n    #dropdownTrigger\n    odxButton\n    size=\"small\"\n    variant=\"ghost\"\n    class=\"odx-datepicker__trigger\"\n    [odxDropdown]=\"calendarOverlay\"\n    [odxDropdownOptions]=\"{ position: dropdownPosition }\"\n    [odxDropdownTriggerElement]=\"dropdownTriggerElement.nativeElement\"\n    [odxDropdownHost]=\"null\"\n    [odxDropdownReferenceElement]=\"element.nativeElement\"\n    (odxDropdownBeforeClose)=\"onTouched()\"\n  >\n    <odx-icon name=\"calendar\" />\n  </button>\n  <ng-content select=\"[odxButton]\" ngProjectAs=\"[odxButton]\" />\n</odx-action-group>\n\n<ng-template #calendarOverlay>\n  <odx-calendar\n    [selectedDate]=\"value || today\"\n    [filterFn]=\"filterFn\"\n    [minDate]=\"minDate\"\n    [maxDate]=\"maxDate\"\n    cdkTrapFocus\n    cdkTrapFocusAutoCapture\n    (selectedDateChange)=\"selectDate($event)\"\n  />\n</ng-template>\n","import { NgModule } from '@angular/core';\nimport { CoreModule } from '@odx/angular';\nimport { DatepickerComponent } from './datepicker.component';\nimport { DatepickerInputControlDirective } from './directives';\n\nconst modules = [DatepickerComponent, DatepickerInputControlDirective];\n\n@NgModule({\n  imports: modules,\n  exports: [CoreModule, ...modules],\n})\nexport class DatepickerModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["i1"],"mappings":"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"}

package/fesm2022/odx-angular-components-daterangepicker.mjs

@@ -6,19 +6,19 @@ import { inject, EventEmitter, Directive, Output, HostListener, input, booleanAt
 import * as i1 from '@odx/angular';
 import { ReadonlyController, WithTabIndex, detectControllerChanges, CoreModule } from '@odx/angular';
 import { InputControlDirective, CustomFormControl } from '@odx/angular/cdk/custom-form-control';
-import { injectDateConfig, getDateInputMask, getDateInputValueAsDate, getDateInputFormat } from '@odx/angular/cdk/date-input';
+import { injectDateConfig, getDateInputValueAsDate, getDateInputFormat, initNgxMask, getDateInputMask } from '@odx/angular/cdk/date-input';
 export { DateConfig as DaterangepickerConfig, DateDefaultConfig as DaterangepickerDefaultConfig, InputDateOrder as DaterangepickerInputDateOrder, DateInputFormat as DaterangepickerInputFormat, DateInputMask as DaterangepickerInputMask, getDateInputFormat as getDaterangepickerInputFormat, getDateInputMask as getDaterangepickerInputMask, getDateInputValueAsDate as getDaterangepickerInputValueAsDate, injectDateConfig as injectDaterangepickerDateConfig, provideDateConfig as provideDaterangepickerConfig } from '@odx/angular/cdk/date-input';
 import { ActionGroupComponent } from '@odx/angular/components/action-group';
 import { ButtonComponent } from '@odx/angular/components/button';
 import { provideCalendarConfig, CalendarSelectionMode, CalendarComponent, validateDaterange } from '@odx/angular/components/calendar';
-import * as i2 from '@odx/angular/components/dropdown';
+import * as i2$1 from '@odx/angular/components/dropdown';
 import { DropdownDirective, DropdownModule } from '@odx/angular/components/dropdown';
 import { IconComponent } from '@odx/angular/components/icon';
 import { CSSComponent } from '@odx/angular/internal';
 import { untilDestroyed, injectElement, deferFn } from '@odx/angular/utils';
 import { format, startOfDay } from 'date-fns';
-import { NgxMaskPipe, provideNgxMask } from 'ngx-mask';
-import { fromEvent, distinctUntilChanged, tap, map } from 'rxjs';
+import * as i2 from 'ngx-mask';
+import { NgxMaskDirective, provideNgxMask } from 'ngx-mask';
 import { NG_VALIDATORS } from '@angular/forms';
 
 /**
@@ -32,30 +32,15 @@ import { NG_VALIDATORS } from '@angular/forms';
 let DaterangepickerInputControlDirective = class DaterangepickerInputControlDirective extends InputControlDirective {
     constructor() {
         super(...arguments);
-        this.maskConfig = { validation: false, leadZeroDateTime: true };
         this.readonlyController = ReadonlyController.inject();
         this.config = injectDateConfig();
-        this.inputMask = getDateInputMask(this.config);
-        this.ngxMaskPipe = inject(NgxMaskPipe);
+        this.ngxMaskDirective = inject(NgxMaskDirective);
         /**
          * Emits an event when the input gains or loses focus, facilitating external event handling.
          *
          * @emits {boolean} - Indicates whether the input is focused.
          */
         this.focused = new EventEmitter();
-        /**
-         * Captures and processes changes to the input element's value, applying the mask and updating
-         * the form control.
-         *
-         * @emits {string} - The updated value of the input element.
-         */
-        this.valueChange$ = fromEvent(this.element.nativeElement, 'input').pipe(distinctUntilChanged(), tap(() => this.applyMask()), map(() => this.nativeElementValue));
-    }
-    /**
-     * Applies the configured input mask to the native input element's value.
-     */
-    applyMask() {
-        this.nativeElementValue = this.ngxMaskPipe.transform(this.nativeElementValue, this.inputMask, this.maskConfig);
     }
     /**
      * Converts the current input value to a Date object based on the configuration's date format.
@@ -80,7 +65,7 @@ let DaterangepickerInputControlDirective = class DaterangepickerInputControlDire
         this.focused.emit(false);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DaterangepickerInputControlDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: DaterangepickerInputControlDirective, isStandalone: true, selector: "input[odxDaterangepickerControl],input[odxDaterangepickerStartDateControl], input[odxDaterangepickerEndDateControl]", outputs: { focused: "focused" }, host: { listeners: { "focusin": "handleFocusIn()", "focusout": "handleFocusOut()" }, properties: { "attr.readonly": "readonlyController?.readonly || null", "attr.placeholder": "placeholder" } }, providers: [ReadonlyController.connect(), provideNgxMask(), NgxMaskPipe], usesInheritance: true, hostDirectives: [{ directive: i1.WithTabIndex }], ngImport: i0 }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: DaterangepickerInputControlDirective, isStandalone: true, selector: "input[odxDaterangepickerControl],input[odxDaterangepickerStartDateControl], input[odxDaterangepickerEndDateControl]", outputs: { focused: "focused" }, host: { listeners: { "focusin": "handleFocusIn()", "focusout": "handleFocusOut()" }, properties: { "attr.readonly": "readonlyController?.readonly || null", "attr.placeholder": "placeholder" } }, providers: [ReadonlyController.connect(), provideNgxMask({ validation: false, leadZeroDateTime: true })], usesInheritance: true, hostDirectives: [{ directive: i1.WithTabIndex }, { directive: i2.NgxMaskDirective }], ngImport: i0 }); }
 };
 DaterangepickerInputControlDirective = __decorate([
     CSSComponent('daterangepicker__control')
@@ -94,8 +79,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                         '[attr.readonly]': 'readonlyController?.readonly || null',
                         '[attr.placeholder]': 'placeholder',
                     },
-                    providers: [ReadonlyController.connect(), provideNgxMask(), NgxMaskPipe],
-                    hostDirectives: [WithTabIndex],
+                    providers: [ReadonlyController.connect(), provideNgxMask({ validation: false, leadZeroDateTime: true })],
+                    hostDirectives: [WithTabIndex, NgxMaskDirective],
                 }]
         }], propDecorators: { focused: [{
                 type: Output
@@ -257,6 +242,8 @@ let DaterangepickerComponent = class DaterangepickerComponent extends CustomForm
         this.updateEndDateField(value.end);
     }
     handleDateFieldChanges() {
+        initNgxMask(this.startDateField?.ngxMaskDirective, getDateInputMask(this.config));
+        initNgxMask(this.endDateField?.ngxMaskDirective, getDateInputMask(this.config));
         this.startDateField?.valueChange$.pipe(this.takeUntilDestroyed()).subscribe((value) => {
             this.updateWidth(this.startDateField, this.startDateMirror, value);
             this.updateValue({ start: this.startDateField?.valueAsDate ?? null, end: this.endDateField?.valueAsDate ?? null });
@@ -321,7 +308,7 @@ let DaterangepickerComponent = class DaterangepickerComponent extends CustomForm
                 displayAdjacentDays: false,
                 selectionMode: CalendarSelectionMode.DateRange,
             }),
-        ], queries: [{ propertyName: "dateFields", predicate: DaterangepickerInputControlDirective }], viewQueries: [{ propertyName: "dropdown", first: true, predicate: DropdownDirective, descendants: true }, { propertyName: "dropdownTriggerElement", first: true, predicate: ["dropdownTrigger"], descendants: true, read: ElementRef, static: true }, { propertyName: "startDateMirror", first: true, predicate: ["startDateMirror"], descendants: true, read: ElementRef, static: true }, { propertyName: "endDateMirror", first: true, predicate: ["endDateMirror"], descendants: true, read: ElementRef, static: true }], usesInheritance: true, ngImport: i0, template: "<span #startDateMirror role=\"none\" class=\"odx-daterangepicker__mirror\"></span>\n<ng-content select=\"input[odxDaterangepickerStartDateControl]\" />\n<span role=\"none\" class=\"odx-daterangepicker__separator\">\u2013</span>\n<span #endDateMirror role=\"none\" class=\"odx-daterangepicker__mirror\"></span>\n<ng-content select=\"input[odxDaterangepickerEndDateControl]\" />\n\n<odx-action-group class=\"odx-daterangepicker__trigger-wrapper\">\n  @if (clearable() && !isEmpty(value)) {\n    <button class=\"odx-daterangepicker__clear\" (click)=\"reset()\" odxButton size=\"small\" aria-label=\"Reset time\">\n      <odx-icon name=\"close\" iconSet=\"core\" />\n    </button>\n  }\n  <button\n    #dropdownTrigger\n    odxButton\n    size=\"small\"\n    variant=\"ghost\"\n    class=\"odx-daterangepicker__trigger\"\n    [odxDropdown]=\"calendarOverlay\"\n    [odxDropdownOptions]=\"{ position: dropdownPosition }\"\n    [odxDropdownTriggerElement]=\"dropdownTriggerElement.nativeElement\"\n    [odxDropdownHost]=\"null\"\n    [odxDropdownReferenceElement]=\"element.nativeElement\"\n    (odxDropdownBeforeClose)=\"onTouched()\"\n  >\n    <odx-icon name=\"calendar\" />\n  </button>\n  <ng-content select=\"[odxButton]\" ngProjectAs=\"[odxButton]\" />\n</odx-action-group>\n\n<ng-template #calendarOverlay>\n  <odx-calendar\n    [selectedDate]=\"today\"\n    [selectedDateRange]=\"value\"\n    (selectedDateRangeChange)=\"selectDateRange($event)\"\n    [filterFn]=\"filterFn\"\n    [minDate]=\"minDate\"\n    [maxDate]=\"maxDate\"\n    cdkTrapFocus\n    cdkTrapFocusAutoCapture\n  />\n</ng-template>\n", dependencies: [{ kind: "ngmodule", type: A11yModule }, { kind: "directive", type: i1$1.CdkTrapFocus, selector: "[cdkTrapFocus]", inputs: ["cdkTrapFocus", "cdkTrapFocusAutoCapture"], exportAs: ["cdkTrapFocus"] }, { kind: "component", type: ActionGroupComponent, selector: "odx-action-group", inputs: ["reverse"] }, { kind: "component", type: ButtonComponent, selector: "button[odxButton], a[odxButton]", inputs: ["variant", "size"] }, { kind: "component", type: CalendarComponent, selector: "odx-calendar", inputs: ["selectedDate", "selectedDateRange", "minDate", "maxDate", "filterFn"], outputs: ["selectedDateChange", "selectedDateRangeChange"] }, { kind: "ngmodule", type: DropdownModule }, { kind: "directive", type: i2.DropdownDirective, selector: "[odxDropdown]", inputs: ["odxDropdown", "odxDropdownDisabled", "odxDropdownShowLoader", "odxDropdownClickOutsideActive", "odxDropdownOptions", "odxDropdownReferenceElement", "odxDropdownTriggerElement", "odxDropdownHost", "odxDropdownOpenTrigger", "odxDropdownCloseTrigger"], outputs: ["odxDropdownBeforeOpen", "odxDropdownAfterOpen", "odxDropdownBeforeClose", "odxDropdownAfterClose"], exportAs: ["odxDropdown"] }, { kind: "component", type: IconComponent, selector: "odx-icon", inputs: ["inline", "size", "name", "iconSet", "identifier"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+        ], queries: [{ propertyName: "dateFields", predicate: DaterangepickerInputControlDirective }], viewQueries: [{ propertyName: "dropdown", first: true, predicate: DropdownDirective, descendants: true }, { propertyName: "dropdownTriggerElement", first: true, predicate: ["dropdownTrigger"], descendants: true, read: ElementRef, static: true }, { propertyName: "startDateMirror", first: true, predicate: ["startDateMirror"], descendants: true, read: ElementRef, static: true }, { propertyName: "endDateMirror", first: true, predicate: ["endDateMirror"], descendants: true, read: ElementRef, static: true }], usesInheritance: true, ngImport: i0, template: "<span #startDateMirror role=\"none\" class=\"odx-daterangepicker__mirror\"></span>\n<ng-content select=\"input[odxDaterangepickerStartDateControl]\" />\n<span role=\"none\" class=\"odx-daterangepicker__separator\">\u2013</span>\n<span #endDateMirror role=\"none\" class=\"odx-daterangepicker__mirror\"></span>\n<ng-content select=\"input[odxDaterangepickerEndDateControl]\" />\n\n<odx-action-group class=\"odx-daterangepicker__trigger-wrapper\">\n  @if (clearable() && !isEmpty(value)) {\n    <button class=\"odx-daterangepicker__clear\" (click)=\"reset()\" odxButton size=\"small\" aria-label=\"Reset time\">\n      <odx-icon name=\"close\" iconSet=\"core\" />\n    </button>\n  }\n  <button\n    #dropdownTrigger\n    odxButton\n    size=\"small\"\n    variant=\"ghost\"\n    class=\"odx-daterangepicker__trigger\"\n    [odxDropdown]=\"calendarOverlay\"\n    [odxDropdownOptions]=\"{ position: dropdownPosition }\"\n    [odxDropdownTriggerElement]=\"dropdownTriggerElement.nativeElement\"\n    [odxDropdownHost]=\"null\"\n    [odxDropdownReferenceElement]=\"element.nativeElement\"\n    (odxDropdownBeforeClose)=\"onTouched()\"\n  >\n    <odx-icon name=\"calendar\" />\n  </button>\n  <ng-content select=\"[odxButton]\" ngProjectAs=\"[odxButton]\" />\n</odx-action-group>\n\n<ng-template #calendarOverlay>\n  <odx-calendar\n    [selectedDate]=\"today\"\n    [selectedDateRange]=\"value\"\n    (selectedDateRangeChange)=\"selectDateRange($event)\"\n    [filterFn]=\"filterFn\"\n    [minDate]=\"minDate\"\n    [maxDate]=\"maxDate\"\n    cdkTrapFocus\n    cdkTrapFocusAutoCapture\n  />\n</ng-template>\n", dependencies: [{ kind: "ngmodule", type: A11yModule }, { kind: "directive", type: i1$1.CdkTrapFocus, selector: "[cdkTrapFocus]", inputs: ["cdkTrapFocus", "cdkTrapFocusAutoCapture"], exportAs: ["cdkTrapFocus"] }, { kind: "component", type: ActionGroupComponent, selector: "odx-action-group", inputs: ["reverse"] }, { kind: "component", type: ButtonComponent, selector: "button[odxButton], a[odxButton]", inputs: ["variant", "size"] }, { kind: "component", type: CalendarComponent, selector: "odx-calendar", inputs: ["selectedDate", "selectedDateRange", "minDate", "maxDate", "filterFn"], outputs: ["selectedDateChange", "selectedDateRangeChange"] }, { kind: "ngmodule", type: DropdownModule }, { kind: "directive", type: i2$1.DropdownDirective, selector: "[odxDropdown]", inputs: ["odxDropdown", "odxDropdownDisabled", "odxDropdownShowLoader", "odxDropdownClickOutsideActive", "odxDropdownOptions", "odxDropdownReferenceElement", "odxDropdownTriggerElement", "odxDropdownHost", "odxDropdownOpenTrigger", "odxDropdownCloseTrigger"], outputs: ["odxDropdownBeforeOpen", "odxDropdownAfterOpen", "odxDropdownBeforeClose", "odxDropdownAfterClose"], exportAs: ["odxDropdown"] }, { kind: "component", type: IconComponent, selector: "odx-icon", inputs: ["inline", "size", "name", "iconSet", "identifier"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 };
 DaterangepickerComponent = __decorate([
     CSSComponent('daterangepicker'),