@haloduck/ui 2.0.15 → 2.0.16

package/fesm2022/haloduck-ui.mjs

@@ -3055,6 +3055,7 @@ class GroupedDirective {
     elementRef;
     renderer;
     haloduckGrouped = {};
+    layoutClasses = 'p-4 mt-2';
     bgClasses = '';
     borderClasses = 'border border-light-inactive dark:border-dark-inactive rounded';
     labelText = '';
@@ -3077,6 +3078,7 @@ class GroupedDirective {
         }
         else if (typeof this.haloduckGrouped === 'object') {
             const config = this.haloduckGrouped;
+            this.layoutClasses = config.layoutClasses ?? this.layoutClasses;
             this.bgClasses = config.bgClasses ?? this.bgClasses;
             this.borderClasses = config.borderClasses ?? this.borderClasses;
             this.labelText = config.labelText ?? this.labelText;
@@ -3160,7 +3162,7 @@ class GroupedDirective {
         }
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: GroupedDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.1.4", type: GroupedDirective, isStandalone: true, selector: "[haloduckGrouped]", inputs: { haloduckGrouped: "haloduckGrouped", bgClasses: "bgClasses", borderClasses: "borderClasses", labelText: "labelText", labelClasses: "labelClasses", labelOffset: "labelOffset" }, host: { properties: { "class": "this.hostClasses" } }, ngImport: i0 });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.1.4", type: GroupedDirective, isStandalone: true, selector: "[haloduckGrouped]", inputs: { haloduckGrouped: "haloduckGrouped", layoutClasses: "layoutClasses", bgClasses: "bgClasses", borderClasses: "borderClasses", labelText: "labelText", labelClasses: "labelClasses", labelOffset: "labelOffset" }, host: { properties: { "class": "this.hostClasses" } }, ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: GroupedDirective, decorators: [{
             type: Directive,
@@ -3170,6 +3172,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImpor
                 }]
         }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.Renderer2 }], propDecorators: { haloduckGrouped: [{
                 type: Input
+            }], layoutClasses: [{
+                type: Input
             }], bgClasses: [{
                 type: Input
             }], borderClasses: [{