@valtimo/components 13.40.0 → 13.41.0

package/fesm2022/valtimo-components.mjs

@@ -51,11 +51,11 @@ import { trigger, transition, style, animate } from '@angular/animations';
 import * as i1$6 from '@angular/cdk/overlay';
 import { OverlayModule, Overlay } from '@angular/cdk/overlay';
 import Currency from '@tadashi/currency';
+import flatpickr from 'flatpickr';
+import { Dutch } from 'flatpickr/dist/l10n/nl';
 import * as i2$4 from 'ngx-spinner';
 import { NgxSpinnerModule } from 'ngx-spinner';
 import Search16 from '@carbon/icons/es/search/16';
-import flatpickr from 'flatpickr';
-import { Dutch } from 'flatpickr/dist/l10n/nl';
 import { German } from 'flatpickr/dist/l10n/de';
 import { english } from 'flatpickr/dist/l10n/default';
 import * as i2$5 from 'ng-multiselect-dropdown';
@@ -6235,6 +6235,10 @@ class ViewContentService {
         if (!definition.viewType) {
             definition.viewType = typeof value;
         }
+        // converters render '-' for an empty value, which a definition can opt out of
+        if (!value && definition.emptyPlaceholder !== undefined) {
+            return definition.emptyPlaceholder;
+        }
         if (definition.viewType.includes(separator)) {
             // Get the substring of the string after the separator (:) and assign it to a new key
             definition.format = definition.viewType.slice(this.getSeparatorIndex(definition, separator) + 1);
@@ -11550,6 +11554,68 @@ function applyDataGridPatch() {
     Components.setComponent('datagrid', PatchedDataGrid);
 }
 
+/*
+ * Copyright 2015-2025 Ritense BV, the Netherlands.
+ *
+ * Licensed under EUPL, Version 1.2 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" basis,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+/**
+ * Formio only set the language on the first load.
+ * This script can change the language of all active datepickers.
+ * For all active datepickers, the new language is set and the component instance is reloaded.
+ * The new language is immediately visible without a window reload.
+ */
+const DEFAULT_LOCALE_KEY = 'en';
+const SUPPORTED_LOCALES = new Proxy({
+    en: flatpickr.l10ns.default,
+    nl: Dutch,
+}, {
+    get: (target, prop) => target[prop] ?? target[DEFAULT_LOCALE_KEY],
+});
+let activeLocale = DEFAULT_LOCALE_KEY;
+const activeInstances = new Set();
+function getLocaleConfig(locale) {
+    return SUPPORTED_LOCALES[locale];
+}
+function setFormioFlatpickrLocale(langKey) {
+    activeLocale = langKey in SUPPORTED_LOCALES ? langKey : DEFAULT_LOCALE_KEY;
+    const localeConfig = getLocaleConfig(activeLocale);
+    activeInstances.forEach(instance => instance.set('locale', localeConfig));
+}
+function registerFormioFlatpickr() {
+    Object.entries(SUPPORTED_LOCALES).forEach(([key, config]) => {
+        flatpickr.l10ns[key] = config;
+    });
+    const formioFlatpickr = function (element, config) {
+        const result = flatpickr(element, { ...config, locale: activeLocale });
+        const instances = Array.isArray(result) ? result : [result];
+        instances.forEach(instance => {
+            if (!instance) {
+                return;
+            }
+            activeInstances.add(instance);
+            instance.config.onDestroy.push(() => activeInstances.delete(instance));
+        });
+        return result;
+    };
+    Object.assign(formioFlatpickr, flatpickr);
+    window.flatpickr = formioFlatpickr;
+    Formio.libraries['flatpickr-nl'] = {
+        loaded: true,
+        ready: Promise.resolve(Dutch),
+    };
+}
+
 /*
  * Copyright 2015-2026 Ritense BV, the Netherlands.
  *
@@ -11568,7 +11634,13 @@ function applyDataGridPatch() {
 // Apply FormIO patches before any form renders
 applyDataGridPatch();
 class FormIoModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: FormIoModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    constructor(translateService) {
+        this.translateService = translateService;
+        registerFormioFlatpickr();
+        setFormioFlatpickrLocale((this.translateService.currentLang));
+        this.translateService.onLangChange.subscribe(({ lang }) => setFormioFlatpickrLocale(lang));
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: FormIoModule, deps: [{ token: i1.TranslateService }], target: i0.ɵɵFactoryTarget.NgModule }); }
     static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.25", ngImport: i0, type: FormIoModule, declarations: [FormioComponent,
             FormioBuilderComponent,
             FormIoUploaderComponent,
@@ -11652,7 +11724,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImpo
                         },
                     ],
                 }]
-        }] });
+        }], ctorParameters: () => [{ type: i1.TranslateService }] });
 
 /*
  * Copyright 2015-2025 Ritense BV, the Netherlands.