mn-angular-lib 1.0.26 → 1.0.28

package/fesm2022/mn-angular-lib.mjs

@@ -10,6 +10,7 @@ import { Validators, FormsModule, NG_VALUE_ACCESSOR, ReactiveFormsModule } from
 import * as i1$1 from '@angular/common/http';
 import { HttpClient, HttpErrorResponse, HttpStatusCode, HttpParams } from '@angular/common/http';
 import JSON5 from 'json5';
+import { DomSanitizer } from '@angular/platform-browser';
 
 // projects/mn-angular-lib/src/lib/mn-mn-alert/mn-mn-alert.tokens.ts
 const MN_ALERT_CONFIG = new InjectionToken('MN_ALERT_CONFIG');
@@ -2719,7 +2720,8 @@ class MnSelect {
         this.destroyRef.onDestroy(() => sub.unsubscribe());
     }
     writeValue(val) {
-        this.selectedValue = val ?? null;
+        // Treat empty string as null so the placeholder is shown and the control stays properly invalid
+        this.selectedValue = (val === '' || val == null) ? null : val;
     }
     registerOnChange(fn) {
         this.onChange = fn;
@@ -7600,6 +7602,114 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImpor
                 type: Output
             }] } });
 
+const mnIconVariants = tv({
+    base: 'inline-flex shrink-0',
+    variants: {
+        color: {
+            current: 'text-current',
+            primary: 'text-primary',
+            secondary: 'text-neutral',
+            danger: 'text-error',
+            warning: 'text-warning',
+            success: 'text-success',
+            accent: 'text-accent',
+        },
+    },
+    defaultVariants: {
+        color: 'current',
+    },
+});
+
+class MnIconRegistry {
+    icons = new Map();
+    register(...icons) {
+        for (const icon of icons) {
+            this.icons.set(icon.name, icon.svg);
+        }
+    }
+    get(name) {
+        return this.icons.get(name);
+    }
+    has(name) {
+        return this.icons.has(name);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: MnIconRegistry, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: MnIconRegistry, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: MnIconRegistry, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }] });
+function mnIconDef(name, svg) {
+    return { name, svg };
+}
+
+const MN_ICON_MAP = {
+    pistol: '<path d="M8.72 14.56 9 10h12a1 1 0 0 0 1-1V6a1 1 0 0 0-1-1H3a1 1 0 0 0-1 1v4c2.5 0 1 4 1 4-4 6-1 6-1 6h3.38a1 1 0 0 0 .89-.55za1 1 0 0 1 .9-.56H13a2 2 0 0 0 2-2v-1a1 1 0 0 1 1-1" />',
+};
+
+class MnIcon {
+    data = {};
+    mnIconPistol;
+    sanitizer = inject(DomSanitizer);
+    registry = inject(MnIconRegistry);
+    el = inject(ElementRef);
+    svgContent = '';
+    get iconSize() {
+        return this.data.size ?? 24;
+    }
+    get hostClasses() {
+        return mnIconVariants({
+            color: this.data.color,
+        });
+    }
+    resolvedName = null;
+    ngOnInit() {
+        const attrs = this.el.nativeElement.attributes;
+        for (let i = 0; i < attrs.length; i++) {
+            const attr = attrs[i].name.toLowerCase();
+            if (attr.startsWith('mnicon')) {
+                const iconKey = attr.slice('mnicon'.length);
+                for (const key of Object.keys(MN_ICON_MAP)) {
+                    if (key.toLowerCase() === iconKey) {
+                        this.resolvedName = key;
+                        break;
+                    }
+                }
+                if (this.resolvedName)
+                    break;
+            }
+        }
+        this.updateContent();
+    }
+    ngOnChanges() {
+        this.updateContent();
+    }
+    updateContent() {
+        const name = this.data.name ?? this.resolvedName;
+        if (name) {
+            const raw = MN_ICON_MAP[name] ?? this.registry.get(name);
+            this.svgContent = raw ? this.sanitizer.bypassSecurityTrustHtml(raw) : '';
+        }
+        else {
+            this.svgContent = '';
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: MnIcon, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.3", type: MnIcon, isStandalone: true, selector: "mn-icon", inputs: { data: "data", mnIconPistol: "mnIconPistol" }, host: { properties: { "class": "this.hostClasses" } }, usesOnChanges: true, ngImport: i0, template: "<svg\n  xmlns=\"http://www.w3.org/2000/svg\"\n  [attr.width]=\"iconSize\"\n  [attr.height]=\"iconSize\"\n  [attr.viewBox]=\"'0 0 24 24'\"\n  fill=\"none\"\n  stroke=\"currentColor\"\n  stroke-width=\"2\"\n  stroke-linecap=\"round\"\n  stroke-linejoin=\"round\"\n  [innerHTML]=\"svgContent\"\n></svg>\n" });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: MnIcon, decorators: [{
+            type: Component,
+            args: [{ selector: 'mn-icon', standalone: true, template: "<svg\n  xmlns=\"http://www.w3.org/2000/svg\"\n  [attr.width]=\"iconSize\"\n  [attr.height]=\"iconSize\"\n  [attr.viewBox]=\"'0 0 24 24'\"\n  fill=\"none\"\n  stroke=\"currentColor\"\n  stroke-width=\"2\"\n  stroke-linecap=\"round\"\n  stroke-linejoin=\"round\"\n  [innerHTML]=\"svgContent\"\n></svg>\n" }]
+        }], propDecorators: { data: [{
+                type: Input
+            }], mnIconPistol: [{
+                type: Input
+            }], hostClasses: [{
+                type: HostBinding,
+                args: ['class']
+            }] } });
+
 /**
  * Injection token for the base URL used by all CRUD service requests.
  *
@@ -8002,5 +8112,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_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, 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, 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, MnIcon, MnIconRegistry, 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, mnIconDef, mnIconVariants, mnInformationCardVariants, mnInputFieldVariants, mnMultiSelectVariants, mnSelectVariants, mnTextareaVariants, numberAdapter, pickAdapter, provideMnAlerts, provideMnCalendarConfig, provideMnComponentConfig, provideMnConfig, provideMnLanguage, resolveCalendarConfig };
 //# sourceMappingURL=mn-angular-lib.mjs.map