mn-angular-lib 1.0.12 → 1.0.14

package/fesm2022/mn-angular-lib.mjs

@@ -2558,7 +2558,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImpor
             }] } });
 
 const mnSelectVariants = tv({
-    base: 'bg-base-100 border-1 border-base-300 text-base-content text-sm cursor-pointer',
+    base: 'bg-base-100 border-1 border-base-300 text-base-content text-sm cursor-pointer hover:bg-base-200 transition-colors duration-300',
     variants: {
         shadow: {
             true: 'shadow-lg',
@@ -7104,6 +7104,14 @@ class UpcomingEventsComponent {
         this.title = DEFAULT_CALENDAR_CONFIG.upcomingEventsTitle;
         this.noEventsMessage = DEFAULT_CALENDAR_CONFIG.noUpcomingEvents;
     }
+    /** Re-read labels when the config input changes (e.g. after a locale switch). */
+    ngOnChanges(changes) {
+        if (changes['config'] && this.config) {
+            const resolved = resolveCalendarConfig(this.config);
+            this.title = resolved.upcomingEventsTitle;
+            this.noEventsMessage = resolved.noUpcomingEvents;
+        }
+    }
     ngOnInit() {
         const resolved = this.config ? resolveCalendarConfig(this.config) : { ...DEFAULT_CALENDAR_CONFIG };
         this.title = resolved.upcomingEventsTitle;
@@ -7127,7 +7135,7 @@ class UpcomingEventsComponent {
         return event.id;
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: UpcomingEventsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.3", type: UpcomingEventsComponent, isStandalone: true, selector: "app-upcoming-events", inputs: { eventsChanged: "eventsChanged", config: "config" }, outputs: { eventClicked: "eventClicked" }, ngImport: i0, template: "<div class=\"upcoming-events\" role=\"complementary\" aria-label=\"Upcoming events\">\n  <div class=\"upcoming-title\">{{ title }}</div>\n  @for (event of upcomingEvents; track $index) {\n    <app-upcoming-event-row\n      [event]=\"event\"\n      (eventClicked)=\"eventClicked.emit($event)\">\n    </app-upcoming-event-row>\n  }\n  @if (upcomingEvents.length === 0) {\n    <div class=\"no-events\">{{ noEventsMessage }}</div>\n  }\n</div>\n", styles: [".upcoming-events{padding:16px}.upcoming-title{font-size:16px;font-weight:600;margin-bottom:12px}.no-events{color:var(--color-base-content, #9ca3af);opacity:.5;font-size:14px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: UpcomingEventRowComponent, selector: "app-upcoming-event-row", inputs: ["event"], outputs: ["eventClicked"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.3", type: UpcomingEventsComponent, isStandalone: true, selector: "app-upcoming-events", inputs: { eventsChanged: "eventsChanged", config: "config" }, outputs: { eventClicked: "eventClicked" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"upcoming-events\" role=\"complementary\" aria-label=\"Upcoming events\">\n  <div class=\"upcoming-title\">{{ title }}</div>\n  @for (event of upcomingEvents; track $index) {\n    <app-upcoming-event-row\n      [event]=\"event\"\n      (eventClicked)=\"eventClicked.emit($event)\">\n    </app-upcoming-event-row>\n  }\n  @if (upcomingEvents.length === 0) {\n    <div class=\"no-events\">{{ noEventsMessage }}</div>\n  }\n</div>\n", styles: [".upcoming-events{padding:16px}.upcoming-title{font-size:16px;font-weight:600;margin-bottom:12px}.no-events{color:var(--color-base-content, #9ca3af);opacity:.5;font-size:14px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: UpcomingEventRowComponent, selector: "app-upcoming-event-row", inputs: ["event"], outputs: ["eventClicked"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: UpcomingEventsComponent, decorators: [{
             type: Component,
@@ -7194,10 +7202,14 @@ class CalendarViewComponent {
     destroy$ = new Subject();
     formatter;
     config;
+    /** Reference to the injected mn-config object (mutated in-place on locale change). */
+    mnConfigRef;
     destroyRef = inject(DestroyRef);
     lang = inject(MnLanguageService);
     constructor(formatter, mnConfig, legacyConfig) {
         this.formatter = formatter ?? new DefaultCalendarDateFormatter();
+        // Keep a reference to the injected config so we can re-read it after locale changes.
+        this.mnConfigRef = mnConfig;
         // Priority: mn-config system > legacy CALENDAR_CONFIG > built-in defaults
         const raw = mnConfig ?? legacyConfig ?? undefined;
         this.config = resolveCalendarConfig(raw);
@@ -7291,6 +7303,10 @@ class CalendarViewComponent {
     }
     /** Rebuilds view options and labels from the current config. */
     rebuildFromConfig() {
+        // Re-resolve from the injected config reference which is mutated in-place by the provider on locale change.
+        if (this.mnConfigRef) {
+            this.config = resolveCalendarConfig(this.mnConfigRef);
+        }
         this.viewOptions = [
             { value: CalendarView.MONTH, label: this.config.viewLabels['MONTH'] ?? 'Month' },
             { value: CalendarView.WEEK, label: this.config.viewLabels['WEEK'] ?? 'Week' },