mn-angular-lib 1.0.31 → 1.0.33

package/fesm2022/mn-angular-lib.mjs

@@ -221,7 +221,7 @@ const mnAlertVariants = tv({
 });
 
 const mnButtonVariants = tv({
-    base: 'hover:cursor-pointer transition-all duration-300 ease-in-out',
+    base: 'inline-flex items-center justify-center hover:cursor-pointer transition-all duration-300 ease-in-out',
     variants: {
         size: {
             sm: 'px-2 py-1 text-sm',
@@ -7657,39 +7657,17 @@ const mnIconVariants = tv({
     },
 });
 
-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 };
-}
-
+// Inline SVGs sourced from the .svg files in the ./icons/ directory
+const pistolSvg = `<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><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" /></svg>`;
+const pendingSvg = `<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M12 22a10 10 0 1 1 7.5-16.5l-4-.012" /><path d="M12 8.5V12l4 2" /><path d="M17.5 20.319a10 10 0 0 1-2 1.032" /><path d="M19.5 5.5v-4" /><path d="M21.365 15.5a10 10 0 0 1-1.021 2" /><path d="M21.539 9a10 10 0 0 1 .447 2.5" /></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" />',
+    pistol: pistolSvg,
+    pending: pendingSvg,
 };
 
 class MnIcon {
     data = {};
-    mnIconPistol;
     sanitizer = inject(DomSanitizer);
-    registry = inject(MnIconRegistry);
     el = inject(ElementRef);
     svgContent = '';
     get iconSize() {
@@ -7725,28 +7703,62 @@ class MnIcon {
     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) : '';
+            const raw = MN_ICON_MAP[name];
+            if (raw) {
+                const size = this.iconSize;
+                const isFullSvg = raw.trim().startsWith('<svg');
+                if (isFullSvg) {
+                    const sized = raw.replace(/<svg([^>]*)>/, (_match, attrs) => {
+                        let updated = attrs.replace(/width="[^"]*"/, `width="${size}"`);
+                        updated = updated.replace(/height="[^"]*"/, `height="${size}"`);
+                        if (!attrs.includes('width='))
+                            updated += ` width="${size}"`;
+                        if (!attrs.includes('height='))
+                            updated += ` height="${size}"`;
+                        return `<svg${updated}>`;
+                    });
+                    this.svgContent = this.sanitizer.bypassSecurityTrustHtml(sized);
+                }
+                else {
+                    const svg = `<svg xmlns="http://www.w3.org/2000/svg" width="${size}" height="${size}" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">${raw}</svg>`;
+                    this.svgContent = this.sanitizer.bypassSecurityTrustHtml(svg);
+                }
+            }
+            else {
+                this.svgContent = '';
+            }
         }
         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" });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.3", type: MnIcon, isStandalone: true, selector: "mn-icon", inputs: { data: "data" }, host: { properties: { "class": "this.hostClasses" } }, usesOnChanges: true, ngImport: i0, template: "<span\n  [style.width.px]=\"iconSize\"\n  [style.height.px]=\"iconSize\"\n  style=\"display: inline-flex; align-items: center; justify-content: center;\"\n  [innerHTML]=\"svgContent\"\n></span>\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" }]
+            args: [{ selector: 'mn-icon', standalone: true, template: "<span\n  [style.width.px]=\"iconSize\"\n  [style.height.px]=\"iconSize\"\n  style=\"display: inline-flex; align-items: center; justify-content: center;\"\n  [innerHTML]=\"svgContent\"\n></span>\n" }]
         }], propDecorators: { data: [{
                 type: Input
-            }], mnIconPistol: [{
-                type: Input
             }], hostClasses: [{
                 type: HostBinding,
                 args: ['class']
             }] } });
 
+// AUTO-GENERATED — do not edit manually.
+// Run `npm run generate:icons` to regenerate after modifying MN_ICON_MAP.
+class MnIconAttributes {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: MnIconAttributes, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.1.3", type: MnIconAttributes, isStandalone: true, selector: "mn-icon[mnIconPistol], mn-icon[mnIconPending]", ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: MnIconAttributes, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'mn-icon[mnIconPistol], mn-icon[mnIconPending]',
+                    standalone: true,
+                }]
+        }] });
+
 /**
  * Injection token for the base URL used by all CRUD service requests.
  *
@@ -8149,5 +8161,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, 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 };
+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 };
 //# sourceMappingURL=mn-angular-lib.mjs.map