@ndwnu/design-system 14.2.1 → 14.2.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ndwnu/design-system",
-  "version": "14.2.1",
+  "version": "14.2.2",
   "peerDependencies": {
     "@angular/cdk": "^21.0.0",
     "@angular/common": "^21.0.0",

package/styles/components/_map.scss

@@ -76,6 +76,29 @@
       inset: 0;
     }
   }
+
+  &--compact {
+    height: 32px;
+    min-width: 32px;
+
+    > svg,
+    > ndw-icon {
+      width: 20px;
+      height: 20px;
+      font-size: 20px;
+    }
+
+    > button {
+      padding: 0;
+    }
+
+    ndw-map-display-option img,
+    ndw-map-display-option ndw-icon {
+      width: 24px;
+      height: 24px;
+      padding: var(--ndw-spacing-3xs);
+    }
+  }
 }
 
 .map-control-dropdown {

package/types/ndwnu-design-system.d.ts

@@ -1055,12 +1055,13 @@ declare class MapButtonComponent {
     readonly active: _angular_core.InputSignal<boolean>;
     readonly ariaLabel: _angular_core.InputSignal<string | undefined>;
     readonly disabled: _angular_core.InputSignal<boolean>;
+    readonly compact: _angular_core.InputSignal<boolean>;
     readonly clicked: _angular_core.OutputEmitterRef<void>;
     protected readonly buttonIcon: _angular_core.Signal<string | undefined>;
     protected readonly svgIcon: _angular_core.Signal<string | undefined>;
     protected readonly iconLabel: _angular_core.Signal<string>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<MapButtonComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<MapButtonComponent, "ndw-map-button", never, { "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "active": { "alias": "active"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, { "clicked": "clicked"; }, never, ["*"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<MapButtonComponent, "ndw-map-button", never, { "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "active": { "alias": "active"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "compact": { "alias": "compact"; "required": false; "isSignal": true; }; }, { "clicked": "clicked"; }, never, ["*"], true, never>;
 }
 
 declare const fontMapButtonIcons: readonly ["direction", "gps", "high-res", "layers", "polygon", "search", "zoom-in", "zoom-out", "mail"];
@@ -1100,6 +1101,7 @@ declare class MapDisplayComponent implements OnInit {
     backgroundsTitle: _angular_core.InputSignal<string>;
     layersTitle: _angular_core.InputSignal<string>;
     enableClearLayers: _angular_core.InputSignal<boolean>;
+    compact: _angular_core.InputSignal<boolean>;
     layerOptionType: _angular_core.InputSignal<"checkbox" | "radio">;
     backgroundOptions: _angular_core.InputSignalWithTransform<MapBackgroundOption[], MapBackgroundOption[]>;
     layerOptions: _angular_core.InputSignalWithTransform<MapDisplayOption[], MapDisplayOption[]>;
@@ -1119,7 +1121,7 @@ declare class MapDisplayComponent implements OnInit {
     toggleLayer(option: MapDisplayOption): void;
     clearLayers(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<MapDisplayComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<MapDisplayComponent, "ndw-map-display", never, { "title": { "alias": "title"; "required": false; "isSignal": true; }; "backgroundsTitle": { "alias": "backgroundsTitle"; "required": false; "isSignal": true; }; "layersTitle": { "alias": "layersTitle"; "required": false; "isSignal": true; }; "enableClearLayers": { "alias": "enableClearLayers"; "required": false; "isSignal": true; }; "layerOptionType": { "alias": "layerOptionType"; "required": false; "isSignal": true; }; "backgroundOptions": { "alias": "backgroundOptions"; "required": false; "isSignal": true; }; "layerOptions": { "alias": "layerOptions"; "required": false; "isSignal": true; }; "open": { "alias": "open"; "required": false; "isSignal": true; }; }, { "backgroundChange": "backgroundChange"; "layerChange": "layerChange"; "clearAllLayers": "clearAllLayers"; "open": "openChange"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<MapDisplayComponent, "ndw-map-display", never, { "title": { "alias": "title"; "required": false; "isSignal": true; }; "backgroundsTitle": { "alias": "backgroundsTitle"; "required": false; "isSignal": true; }; "layersTitle": { "alias": "layersTitle"; "required": false; "isSignal": true; }; "enableClearLayers": { "alias": "enableClearLayers"; "required": false; "isSignal": true; }; "compact": { "alias": "compact"; "required": false; "isSignal": true; }; "layerOptionType": { "alias": "layerOptionType"; "required": false; "isSignal": true; }; "backgroundOptions": { "alias": "backgroundOptions"; "required": false; "isSignal": true; }; "layerOptions": { "alias": "layerOptions"; "required": false; "isSignal": true; }; "open": { "alias": "open"; "required": false; "isSignal": true; }; }, { "backgroundChange": "backgroundChange"; "layerChange": "layerChange"; "clearAllLayers": "clearAllLayers"; "open": "openChange"; }, never, never, true, never>;
 }
 
 declare const MAP_BACKGROUND_IMAGES: {
@@ -1197,6 +1199,7 @@ declare class MapLegendComponent {
     readonly icon: _angular_core.InputSignal<string>;
     readonly title: _angular_core.InputSignal<string>;
     readonly viewMode: _angular_core.InputSignal<MapLegendViewMode>;
+    readonly compact: _angular_core.InputSignal<boolean>;
     readonly open: _angular_core.ModelSignal<boolean>;
     readonly htmlIsRendered: _angular_core.WritableSignal<boolean>;
     readonly showPopover: _angular_core.Signal<boolean>;
@@ -1205,7 +1208,7 @@ declare class MapLegendComponent {
     readonly hasJustOneGroup: _angular_core.Signal<boolean>;
     constructor();
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<MapLegendComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<MapLegendComponent, "ndw-map-legend", never, { "groups": { "alias": "groups"; "required": true; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "title": { "alias": "title"; "required": false; "isSignal": true; }; "viewMode": { "alias": "viewMode"; "required": false; "isSignal": true; }; "open": { "alias": "open"; "required": false; "isSignal": true; }; }, { "open": "openChange"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<MapLegendComponent, "ndw-map-legend", never, { "groups": { "alias": "groups"; "required": true; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "title": { "alias": "title"; "required": false; "isSignal": true; }; "viewMode": { "alias": "viewMode"; "required": false; "isSignal": true; }; "compact": { "alias": "compact"; "required": false; "isSignal": true; }; "open": { "alias": "open"; "required": false; "isSignal": true; }; }, { "open": "openChange"; }, never, never, true, never>;
 }
 
 declare class ModalContentComponent {