mn-angular-lib 1.0.49 → 1.0.51

package/fesm2022/mn-angular-lib.mjs

@@ -171,7 +171,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImpor
                 }] }] });
 
 const mnAlertVariants = tv({
-    base: 'flex items-start gap-3 p-4 border rounded-xl shadow-sm transition-all duration-300',
+    base: 'flex items-start gap-3 p-4 border rounded-xl shadow-sm transition-all duration-300 w-full max-sm:rounded-none',
     variants: {
         kind: {
             success: 'bg-success/10 border-success/30 text-success',
@@ -374,11 +374,11 @@ class MnAlertOutletComponent {
         };
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: MnAlertOutletComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.3", type: MnAlertOutletComponent, isStandalone: true, selector: "mn-alert-outlet", inputs: { template: "template" }, ngImport: i0, template: "@if (alerts$ | async; as alerts) {\n  <div class=\"fixed top-4 right-4 z-[9999] flex flex-col gap-3 w-full max-w-sm\">\n    @for (a of alerts; track trackById($index, a)) {\n      @if (template) {\n        <ng-container\n          [ngTemplateOutlet]=\"template\"\n          [ngTemplateOutletContext]=\"contextFor(a)\">\n        </ng-container>\n      } @else {\n        <div [class]=\"getAlertClasses(a)\" [class.extra]=\"a.cssClass\" class=\"relative\">\n          <div class=\"flex-1 min-w-0 pr-8\">\n            <h4 class=\"font-semibold text-sm\">{{ a.title }}</h4>\n            @if (a.subTitle) {\n              <p class=\"text-sm mt-1 opacity-90 leading-tight\">{{ a.subTitle }}</p>\n            }\n          </div>\n          <button\n            mnButton\n            [data]=\"{ size: 'md', variant: 'text' }\"\n            (click)=\"dismissAlert(a.id)\"\n            class=\"absolute top-2 right-2 shrink-0 !text-current hover:!bg-current/10\"\n            aria-label=\"Close\"\n          >\n            &times;\n          </button>\n        </div>\n      }\n    }\n  </div>\n}\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: MnButton, selector: "button[mnButton], a[mnButton]", inputs: ["data"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.3", type: MnAlertOutletComponent, isStandalone: true, selector: "mn-alert-outlet", inputs: { template: "template" }, ngImport: i0, template: "@if (alerts$ | async; as alerts) {\n  <div class=\"fixed top-4 left-0 right-0 z-[9999] flex flex-col gap-3 w-full px-2 sm:px-0 sm:left-auto sm:right-4 sm:max-w-sm\">\n    @for (a of alerts; track trackById($index, a)) {\n      @if (template) {\n        <ng-container\n          [ngTemplateOutlet]=\"template\"\n          [ngTemplateOutletContext]=\"contextFor(a)\">\n        </ng-container>\n      } @else {\n        <div [class]=\"getAlertClasses(a)\" [class.extra]=\"a.cssClass\" class=\"relative\">\n          <div class=\"flex-1 min-w-0 pr-8\">\n            <h4 class=\"font-semibold text-sm\">{{ a.title }}</h4>\n            @if (a.subTitle) {\n              <p class=\"text-sm mt-1 opacity-90 leading-tight\">{{ a.subTitle }}</p>\n            }\n          </div>\n          <button\n            mnButton\n            [data]=\"{ size: 'md', variant: 'text' }\"\n            (click)=\"dismissAlert(a.id)\"\n            class=\"absolute top-2 right-2 shrink-0 !text-current hover:!bg-current/10\"\n            aria-label=\"Close\"\n          >\n            &times;\n          </button>\n        </div>\n      }\n    }\n  </div>\n}\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: MnButton, selector: "button[mnButton], a[mnButton]", inputs: ["data"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: MnAlertOutletComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'mn-alert-outlet', standalone: true, imports: [CommonModule, MnButton], changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (alerts$ | async; as alerts) {\n  <div class=\"fixed top-4 right-4 z-[9999] flex flex-col gap-3 w-full max-w-sm\">\n    @for (a of alerts; track trackById($index, a)) {\n      @if (template) {\n        <ng-container\n          [ngTemplateOutlet]=\"template\"\n          [ngTemplateOutletContext]=\"contextFor(a)\">\n        </ng-container>\n      } @else {\n        <div [class]=\"getAlertClasses(a)\" [class.extra]=\"a.cssClass\" class=\"relative\">\n          <div class=\"flex-1 min-w-0 pr-8\">\n            <h4 class=\"font-semibold text-sm\">{{ a.title }}</h4>\n            @if (a.subTitle) {\n              <p class=\"text-sm mt-1 opacity-90 leading-tight\">{{ a.subTitle }}</p>\n            }\n          </div>\n          <button\n            mnButton\n            [data]=\"{ size: 'md', variant: 'text' }\"\n            (click)=\"dismissAlert(a.id)\"\n            class=\"absolute top-2 right-2 shrink-0 !text-current hover:!bg-current/10\"\n            aria-label=\"Close\"\n          >\n            &times;\n          </button>\n        </div>\n      }\n    }\n  </div>\n}\n" }]
+            args: [{ selector: 'mn-alert-outlet', standalone: true, imports: [CommonModule, MnButton], changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (alerts$ | async; as alerts) {\n  <div class=\"fixed top-4 left-0 right-0 z-[9999] flex flex-col gap-3 w-full px-2 sm:px-0 sm:left-auto sm:right-4 sm:max-w-sm\">\n    @for (a of alerts; track trackById($index, a)) {\n      @if (template) {\n        <ng-container\n          [ngTemplateOutlet]=\"template\"\n          [ngTemplateOutletContext]=\"contextFor(a)\">\n        </ng-container>\n      } @else {\n        <div [class]=\"getAlertClasses(a)\" [class.extra]=\"a.cssClass\" class=\"relative\">\n          <div class=\"flex-1 min-w-0 pr-8\">\n            <h4 class=\"font-semibold text-sm\">{{ a.title }}</h4>\n            @if (a.subTitle) {\n              <p class=\"text-sm mt-1 opacity-90 leading-tight\">{{ a.subTitle }}</p>\n            }\n          </div>\n          <button\n            mnButton\n            [data]=\"{ size: 'md', variant: 'text' }\"\n            (click)=\"dismissAlert(a.id)\"\n            class=\"absolute top-2 right-2 shrink-0 !text-current hover:!bg-current/10\"\n            aria-label=\"Close\"\n          >\n            &times;\n          </button>\n        </div>\n      }\n    }\n  </div>\n}\n" }]
         }], ctorParameters: () => [], propDecorators: { template: [{
                 type: Input
             }] } });
@@ -1674,7 +1674,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImpor
             }] } });
 
 const mnTextareaVariants = tv({
-    base: 'bg-base-100 border-1 border-base-300 placeholder-base-content/50 text-base-content text-sm',
+    base: 'bg-base-100 border-1 border-base-300 placeholder-base-content/50 text-base-content text-sm outline-none focus:ring-1 focus:ring-primary',
     variants: {
         shadow: {
             true: 'shadow-lg',
@@ -8117,6 +8117,105 @@ class CrudService {
     }
 }
 
+/**
+ * Lightweight abstract HTTP base class that removes common boilerplate
+ * from API services.
+ *
+ * Provides typed `get`, `post`, `patch`, `put`, and `delete` methods
+ * that return Promises, automatic query-param building, and base-URL
+ * injection via the `API_BASE_URL` token.
+ *
+ * Subclass this directly for services with static or mixed endpoints.
+ * No CRUD structure is imposed — every method accepts a free-form path.
+ */
+class MnHttpService {
+    /** Angular HTTP client injected automatically. */
+    http = inject(HttpClient);
+    /** Base API URL provided via the `API_BASE_URL` injection token. */
+    baseUrl = inject(API_BASE_URL);
+    /**
+     * Sends a typed GET request.
+     * @param path The path appended to the base URL.
+     * @param query Optional query parameters.
+     * @returns A promise resolving to the typed response body.
+     */
+    get(path, query) {
+        return firstValueFrom(this.http.get(`${this.baseUrl}${path}`, {
+            params: this.toHttpParams(query),
+        }));
+    }
+    /**
+     * Sends a typed POST request.
+     * @param path The path appended to the base URL.
+     * @param body Optional request body.
+     * @param query Optional query parameters.
+     * @returns A promise resolving to the typed response body.
+     */
+    post(path, body, query) {
+        return firstValueFrom(this.http.post(`${this.baseUrl}${path}`, body ?? {}, {
+            params: this.toHttpParams(query),
+        }));
+    }
+    /**
+     * Sends a typed PATCH request.
+     * @param path The path appended to the base URL.
+     * @param body Optional request body.
+     * @param query Optional query parameters.
+     * @returns A promise resolving to the typed response body.
+     */
+    patch(path, body, query) {
+        return firstValueFrom(this.http.patch(`${this.baseUrl}${path}`, body ?? {}, {
+            params: this.toHttpParams(query),
+        }));
+    }
+    /**
+     * Sends a typed PUT request.
+     * @param path The path appended to the base URL.
+     * @param body Optional request body.
+     * @param query Optional query parameters.
+     * @returns A promise resolving to the typed response body.
+     */
+    put(path, body, query) {
+        return firstValueFrom(this.http.put(`${this.baseUrl}${path}`, body ?? {}, {
+            params: this.toHttpParams(query),
+        }));
+    }
+    /**
+     * Sends a typed DELETE request.
+     * @param path The path appended to the base URL.
+     * @param query Optional query parameters.
+     * @returns A promise resolving to the typed response body.
+     */
+    delete(path, query) {
+        return firstValueFrom(this.http.delete(`${this.baseUrl}${path}`, {
+            params: this.toHttpParams(query),
+        }));
+    }
+    /**
+     * Converts a query-params record to Angular `HttpParams`.
+     * Null and undefined values are silently skipped.
+     * Array values are appended as multiple entries for the same key.
+     * @param query The query parameter record to convert.
+     * @returns An `HttpParams` instance, or `undefined` when no parameters are provided.
+     */
+    toHttpParams(query) {
+        if (!query)
+            return undefined;
+        let params = new HttpParams();
+        for (const [key, rawValue] of Object.entries(query)) {
+            if (rawValue === null || rawValue === undefined)
+                continue;
+            const values = Array.isArray(rawValue) ? rawValue : [rawValue];
+            for (const value of values) {
+                if (value === null || value === undefined)
+                    continue;
+                params = params.append(key, String(value));
+            }
+        }
+        return params;
+    }
+}
+
 /**
  * Enable live preview mode. Listens for postMessage events from
  * Mn Web Manager and hot-swaps config/translations at runtime.
@@ -8161,5 +8260,5 @@ function enableMnPreviewMode(configService, langService, allowedOrigins) {
  * Generated bundle index. Do not edit.
  */
 
-export { API_BASE_URL, ActionStyle, BackdropMode, BaseModalBuilder, CALENDAR_CONFIG, CALENDAR_DATE_FORMATTER, CalendarDayComponent, CalendarEventComponent, CalendarEventDefaultComponent, CalendarEventLayoutService, CalendarMonthComponent, CalendarUtility, CalendarView, CalendarViewComponent, CalendarWeekComponent, CloseMode, ColumnSortType, ConfirmationModalBuilder, ConfirmationTone, CrudService, CustomModalBuilder, DEFAULT_CALENDAR_CONFIG, DEFAULT_MN_ALERT_CONFIG, DefaultCalendarDateFormatter, FieldAppearance, FieldKind, FormLayoutMode, FormModalBuilder, KeyboardMode, MN_ALERT_CONFIG, MN_CALENDAR_COMPONENT_NAME, MN_CALENDAR_CONFIG, MN_CHECKBOX_CONFIG, MN_DATETIME_CONFIG, MN_ICON_MAP, MN_INPUT_FIELD_CONFIG, MN_INSTANCE_ID, MN_LIB_DUAL_HORIZONTAL_IMAGE, MN_MULTI_SELECT_CONFIG, MN_SECTION_PATH, MN_SELECT_CONFIG, MN_TEXTAREA_CONFIG, MnAlertOutletComponent, MnAlertService, MnAlertStore, MnBadge, MnButton, MnCheckbox, MnConfigService, MnConfirmationBodyComponent, MnCustomBodyHostComponent, MnDatetime, MnDualHorizontalImage, MnFormBodyComponent, MnHiddenBelowDirective, MnIcon, MnIconAttributes, MnInformationCard, MnInputField, MnInstanceDirective, MnLanguageService, MnList, MnModalRef, MnModalService, MnModalShellComponent, MnMultiSelect, MnSectionDirective, MnSelect, MnTabComponent, MnTable, MnTextarea, MnTranslatePipe, MnWizardBodyComponent, ModalBuilder, ModalCloseReason, ModalIntent, ModalKind, ModalSize, NavigationDirection, OptionState, SelectionMode, StepBuilder, StepState, SubmitMode, UpcomingEventRowComponent, UpcomingEventsComponent, ValidationCode, ValidationStatus, WizardFlowMode, WizardModalBuilder, dateTimeAdapter, defaultTextAdapter, enableMnPreviewMode, isTranslatable, mnAlertVariants, mnBadgeVariants, mnButtonVariants, mnCheckboxVariants, mnCheckboxWrapperVariants, mnDatetimeVariants, mnIconVariants, mnInformationCardVariants, mnInputFieldVariants, mnMultiSelectVariants, mnSelectVariants, mnTextareaVariants, numberAdapter, pickAdapter, provideMnAlerts, provideMnCalendarConfig, provideMnComponentConfig, provideMnConfig, provideMnLanguage, resolveCalendarConfig };
+export { API_BASE_URL, ActionStyle, BackdropMode, BaseModalBuilder, CALENDAR_CONFIG, CALENDAR_DATE_FORMATTER, CalendarDayComponent, CalendarEventComponent, CalendarEventDefaultComponent, CalendarEventLayoutService, CalendarMonthComponent, CalendarUtility, CalendarView, CalendarViewComponent, CalendarWeekComponent, CloseMode, ColumnSortType, ConfirmationModalBuilder, ConfirmationTone, CrudService, CustomModalBuilder, DEFAULT_CALENDAR_CONFIG, DEFAULT_MN_ALERT_CONFIG, DefaultCalendarDateFormatter, FieldAppearance, FieldKind, FormLayoutMode, FormModalBuilder, KeyboardMode, MN_ALERT_CONFIG, MN_CALENDAR_COMPONENT_NAME, MN_CALENDAR_CONFIG, MN_CHECKBOX_CONFIG, MN_DATETIME_CONFIG, MN_ICON_MAP, MN_INPUT_FIELD_CONFIG, MN_INSTANCE_ID, MN_LIB_DUAL_HORIZONTAL_IMAGE, MN_MULTI_SELECT_CONFIG, MN_SECTION_PATH, MN_SELECT_CONFIG, MN_TEXTAREA_CONFIG, MnAlertOutletComponent, MnAlertService, MnAlertStore, MnBadge, MnButton, MnCheckbox, MnConfigService, MnConfirmationBodyComponent, MnCustomBodyHostComponent, MnDatetime, MnDualHorizontalImage, MnFormBodyComponent, MnHiddenBelowDirective, MnHttpService, MnIcon, MnIconAttributes, MnInformationCard, MnInputField, MnInstanceDirective, MnLanguageService, MnList, MnModalRef, MnModalService, MnModalShellComponent, MnMultiSelect, MnSectionDirective, MnSelect, MnTabComponent, MnTable, MnTextarea, MnTranslatePipe, MnWizardBodyComponent, ModalBuilder, ModalCloseReason, ModalIntent, ModalKind, ModalSize, NavigationDirection, OptionState, SelectionMode, StepBuilder, StepState, SubmitMode, UpcomingEventRowComponent, UpcomingEventsComponent, ValidationCode, ValidationStatus, WizardFlowMode, WizardModalBuilder, dateTimeAdapter, defaultTextAdapter, enableMnPreviewMode, isTranslatable, mnAlertVariants, mnBadgeVariants, mnButtonVariants, mnCheckboxVariants, mnCheckboxWrapperVariants, mnDatetimeVariants, mnIconVariants, mnInformationCardVariants, mnInputFieldVariants, mnMultiSelectVariants, mnSelectVariants, mnTextareaVariants, numberAdapter, pickAdapter, provideMnAlerts, provideMnCalendarConfig, provideMnComponentConfig, provideMnConfig, provideMnLanguage, resolveCalendarConfig };
 //# sourceMappingURL=mn-angular-lib.mjs.map