@haloduck/ui 2.0.15 → 2.0.17
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/fesm2022/haloduck-ui.mjs +10 -1
- package/fesm2022/haloduck-ui.mjs.map +1 -1
- package/index.d.ts +4 -1
- package/package.json +1 -1
package/fesm2022/haloduck-ui.mjs
CHANGED
|
@@ -3055,6 +3055,7 @@ class GroupedDirective {
|
|
|
3055
3055
|
elementRef;
|
|
3056
3056
|
renderer;
|
|
3057
3057
|
haloduckGrouped = {};
|
|
3058
|
+
layoutClasses = 'p-4 mt-2';
|
|
3058
3059
|
bgClasses = '';
|
|
3059
3060
|
borderClasses = 'border border-light-inactive dark:border-dark-inactive rounded';
|
|
3060
3061
|
labelText = '';
|
|
@@ -3068,6 +3069,7 @@ class GroupedDirective {
|
|
|
3068
3069
|
}
|
|
3069
3070
|
ngOnInit() {
|
|
3070
3071
|
this.applyConfig();
|
|
3072
|
+
this.createLayout();
|
|
3071
3073
|
this.createBorder();
|
|
3072
3074
|
this.createLabel();
|
|
3073
3075
|
}
|
|
@@ -3077,6 +3079,7 @@ class GroupedDirective {
|
|
|
3077
3079
|
}
|
|
3078
3080
|
else if (typeof this.haloduckGrouped === 'object') {
|
|
3079
3081
|
const config = this.haloduckGrouped;
|
|
3082
|
+
this.layoutClasses = config.layoutClasses ?? this.layoutClasses;
|
|
3080
3083
|
this.bgClasses = config.bgClasses ?? this.bgClasses;
|
|
3081
3084
|
this.borderClasses = config.borderClasses ?? this.borderClasses;
|
|
3082
3085
|
this.labelText = config.labelText ?? this.labelText;
|
|
@@ -3084,6 +3087,10 @@ class GroupedDirective {
|
|
|
3084
3087
|
this.labelOffset = config.labelOffset ?? this.labelOffset;
|
|
3085
3088
|
}
|
|
3086
3089
|
}
|
|
3090
|
+
createLayout() {
|
|
3091
|
+
const element = this.elementRef.nativeElement;
|
|
3092
|
+
this.addClasses(element, this.layoutClasses);
|
|
3093
|
+
}
|
|
3087
3094
|
createBorder() {
|
|
3088
3095
|
const element = this.elementRef.nativeElement;
|
|
3089
3096
|
// 기존 테두리 클래스 제거
|
|
@@ -3160,7 +3167,7 @@ class GroupedDirective {
|
|
|
3160
3167
|
}
|
|
3161
3168
|
}
|
|
3162
3169
|
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 });
|
|
3163
|
-
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 });
|
|
3170
|
+
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 });
|
|
3164
3171
|
}
|
|
3165
3172
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: GroupedDirective, decorators: [{
|
|
3166
3173
|
type: Directive,
|
|
@@ -3170,6 +3177,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImpor
|
|
|
3170
3177
|
}]
|
|
3171
3178
|
}], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.Renderer2 }], propDecorators: { haloduckGrouped: [{
|
|
3172
3179
|
type: Input
|
|
3180
|
+
}], layoutClasses: [{
|
|
3181
|
+
type: Input
|
|
3173
3182
|
}], bgClasses: [{
|
|
3174
3183
|
type: Input
|
|
3175
3184
|
}], borderClasses: [{
|