@ecodev/natural 69.0.8 → 69.0.10

package/fesm2022/ecodev-natural.mjs

@@ -5505,6 +5505,7 @@ class NaturalIconDirective {
     domSanitizer = inject(DomSanitizer);
     config = inject(NATURAL_ICONS_CONFIG, { optional: true });
     matIconComponent = inject(MatIcon, { host: true, self: true });
+    isBrowser = isPlatformBrowser(inject(PLATFORM_ID));
     naturalIcon = input.required({ ...(ngDevMode ? { debugName: "naturalIcon" } : {}), transform: (value) => value ?? '' });
     size = input(undefined, ...(ngDevMode ? [{ debugName: "size" }] : []));
     icon = computed(() => {
@@ -5530,8 +5531,6 @@ class NaturalIconDirective {
         });
     }
     registerIcons(config) {
-        // Ensure that this specific instance of registry has our our icons
-        // exactly once, not less and not more
         const registry = this.matIconRegistry;
         if (registry[naturalRegistered]) {
             return;
@@ -5539,7 +5538,7 @@ class NaturalIconDirective {
         registry[naturalRegistered] = true;
         for (const key of Object.keys(config)) {
             const svg = config[key].svg;
-            if (svg) {
+            if (svg && this.isBrowser) {
                 this.matIconRegistry.addSvgIcon(key, this.domSanitizer.bypassSecurityTrustResourceUrl(svg));
             }
         }
@@ -11425,11 +11424,11 @@ class NaturalCompactColorSchemerComponent {
     colorSchemeOptions = colorSchemeOptions;
     current = computed(() => colorSchemeOptions.find(choice => this.themeService.colorScheme() === choice.value), ...(ngDevMode ? [{ debugName: "current" }] : []));
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: NaturalCompactColorSchemerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.0", type: NaturalCompactColorSchemerComponent, isStandalone: true, selector: "natural-compact-color-schemer", ngImport: i0, template: "<button\n    matIconButton\n    matTooltipPosition=\"below\"\n    i18n-matTooltip\n    [matTooltip]=\"current()?.label\"\n    [matMenuTriggerFor]=\"menu\"\n    ><mat-icon [fontIcon]=\"current()?.icon ?? ''\"\n/></button>\n<mat-menu #menu=\"matMenu\">\n    @for (option of colorSchemeOptions; track $index) {\n        <button mat-menu-item (click)=\"themeService.setColorScheme(option.value)\">\n            <mat-icon [fontIcon]=\"themeService.colorScheme() === option.value ? 'check' : ''\" />\n            {{ option.label }}</button\n        >\n    }\n</mat-menu>\n", styles: ["@supports not (color: light-dark(white,black)){:host{display:none}}\n"], dependencies: [{ kind: "component", type: MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "directive", type: MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "component", type: MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: MatMenu, selector: "mat-menu", inputs: ["backdropClass", "aria-label", "aria-labelledby", "aria-describedby", "xPosition", "yPosition", "overlapTrigger", "hasBackdrop", "class", "classList"], outputs: ["closed", "close"], exportAs: ["matMenu"] }, { kind: "component", type: MatMenuItem, selector: "[mat-menu-item]", inputs: ["role", "disabled", "disableRipple"], exportAs: ["matMenuItem"] }, { kind: "directive", type: MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData", "matMenuTriggerRestoreFocus"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.0", type: NaturalCompactColorSchemerComponent, isStandalone: true, selector: "natural-compact-color-schemer", ngImport: i0, template: "<button\n    matIconButton\n    matTooltipPosition=\"below\"\n    i18n-matTooltip\n    [matTooltip]=\"current()?.label\"\n    [matMenuTriggerFor]=\"menu\"\n    ><mat-icon [fontIcon]=\"current()?.icon ?? ''\"\n/></button>\n<mat-menu #menu=\"matMenu\">\n    @for (option of colorSchemeOptions; track $index) {\n        <button mat-menu-item (click)=\"themeService.setColorScheme(option.value)\">\n            <mat-icon [fontIcon]=\"themeService.colorScheme() === option.value ? 'check' : ''\" />\n            {{ option.label }}</button\n        >\n    }\n</mat-menu>\n", styles: ["@supports not (color: light-dark(white,black)){:host{display:none}}:host{display:grid;place-content:center}.mat-mdc-icon-button{color:inherit}\n"], dependencies: [{ kind: "component", type: MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "directive", type: MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "component", type: MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: MatMenu, selector: "mat-menu", inputs: ["backdropClass", "aria-label", "aria-labelledby", "aria-describedby", "xPosition", "yPosition", "overlapTrigger", "hasBackdrop", "class", "classList"], outputs: ["closed", "close"], exportAs: ["matMenu"] }, { kind: "component", type: MatMenuItem, selector: "[mat-menu-item]", inputs: ["role", "disabled", "disableRipple"], exportAs: ["matMenuItem"] }, { kind: "directive", type: MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData", "matMenuTriggerRestoreFocus"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: NaturalCompactColorSchemerComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'natural-compact-color-schemer', imports: [MatIconButton, MatTooltip, MatIcon, MatMenu, MatMenuItem, MatMenuTrigger], changeDetection: ChangeDetectionStrategy.OnPush, template: "<button\n    matIconButton\n    matTooltipPosition=\"below\"\n    i18n-matTooltip\n    [matTooltip]=\"current()?.label\"\n    [matMenuTriggerFor]=\"menu\"\n    ><mat-icon [fontIcon]=\"current()?.icon ?? ''\"\n/></button>\n<mat-menu #menu=\"matMenu\">\n    @for (option of colorSchemeOptions; track $index) {\n        <button mat-menu-item (click)=\"themeService.setColorScheme(option.value)\">\n            <mat-icon [fontIcon]=\"themeService.colorScheme() === option.value ? 'check' : ''\" />\n            {{ option.label }}</button\n        >\n    }\n</mat-menu>\n", styles: ["@supports not (color: light-dark(white,black)){:host{display:none}}\n"] }]
+            args: [{ selector: 'natural-compact-color-schemer', imports: [MatIconButton, MatTooltip, MatIcon, MatMenu, MatMenuItem, MatMenuTrigger], changeDetection: ChangeDetectionStrategy.OnPush, template: "<button\n    matIconButton\n    matTooltipPosition=\"below\"\n    i18n-matTooltip\n    [matTooltip]=\"current()?.label\"\n    [matMenuTriggerFor]=\"menu\"\n    ><mat-icon [fontIcon]=\"current()?.icon ?? ''\"\n/></button>\n<mat-menu #menu=\"matMenu\">\n    @for (option of colorSchemeOptions; track $index) {\n        <button mat-menu-item (click)=\"themeService.setColorScheme(option.value)\">\n            <mat-icon [fontIcon]=\"themeService.colorScheme() === option.value ? 'check' : ''\" />\n            {{ option.label }}</button\n        >\n    }\n</mat-menu>\n", styles: ["@supports not (color: light-dark(white,black)){:host{display:none}}:host{display:grid;place-content:center}.mat-mdc-icon-button{color:inherit}\n"] }]
         }] });
 
 /*