@lesterarte/sefin-ui 0.0.41 → 0.0.43
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.
|
@@ -1285,7 +1285,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.8", ngImpor
|
|
|
1285
1285
|
|
|
1286
1286
|
class StackComponent {
|
|
1287
1287
|
direction = 'column';
|
|
1288
|
-
spacing
|
|
1288
|
+
spacing;
|
|
1289
1289
|
align = 'stretch';
|
|
1290
1290
|
justify = 'start';
|
|
1291
1291
|
wrap = false;
|
|
@@ -1294,7 +1294,7 @@ class StackComponent {
|
|
|
1294
1294
|
return [
|
|
1295
1295
|
'sefin-stack',
|
|
1296
1296
|
`sefin-stack--${this.direction}`,
|
|
1297
|
-
`sefin-stack--spacing-${this.spacing}
|
|
1297
|
+
this.spacing ? `sefin-stack--spacing-${this.spacing}` : '',
|
|
1298
1298
|
`sefin-stack--align-${this.align}`,
|
|
1299
1299
|
`sefin-stack--justify-${this.justify}`,
|
|
1300
1300
|
this.wrap ? 'sefin-stack--wrap' : '',
|
|
@@ -1304,6 +1304,9 @@ class StackComponent {
|
|
|
1304
1304
|
.join(' ');
|
|
1305
1305
|
}
|
|
1306
1306
|
get spacingValue() {
|
|
1307
|
+
if (!this.spacing) {
|
|
1308
|
+
return '0';
|
|
1309
|
+
}
|
|
1307
1310
|
const spacingMap = {
|
|
1308
1311
|
'xs': '4px',
|
|
1309
1312
|
'sm': '8px',
|
|
@@ -1312,7 +1315,7 @@ class StackComponent {
|
|
|
1312
1315
|
'xl': '32px',
|
|
1313
1316
|
'2xl': '48px',
|
|
1314
1317
|
};
|
|
1315
|
-
return spacingMap[this.spacing] ||
|
|
1318
|
+
return spacingMap[this.spacing] || '0';
|
|
1316
1319
|
}
|
|
1317
1320
|
get stackStyles() {
|
|
1318
1321
|
return {
|
|
@@ -1320,11 +1323,11 @@ class StackComponent {
|
|
|
1320
1323
|
};
|
|
1321
1324
|
}
|
|
1322
1325
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: StackComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
1323
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.0.8", type: StackComponent, isStandalone: true, selector: "sefin-stack", inputs: { direction: "direction", spacing: "spacing", align: "align", justify: "justify", wrap: "wrap", class: "class" }, ngImport: i0, template: "<div [class]=\"stackClasses\" [ngStyle]=\"stackStyles\">\n <ng-content></ng-content>\n</div>\n\n", styles: [".sefin-stack{display:flex!important;gap:
|
|
1326
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.0.8", type: StackComponent, isStandalone: true, selector: "sefin-stack", inputs: { direction: "direction", spacing: "spacing", align: "align", justify: "justify", wrap: "wrap", class: "class" }, ngImport: i0, template: "<div [class]=\"stackClasses\" [ngStyle]=\"stackStyles\">\n <ng-content></ng-content>\n</div>\n\n", styles: [".sefin-stack{display:flex!important;gap:0}.sefin-stack--column{flex-direction:column}.sefin-stack--row{flex-direction:row}.sefin-stack--wrap{flex-wrap:wrap}.sefin-stack--spacing-xs{gap:var(--sefin-spacing-xs, 4px)!important}.sefin-stack--spacing-sm{gap:var(--sefin-spacing-sm, 8px)!important}.sefin-stack--spacing-md{gap:var(--sefin-spacing-md, 16px)!important}.sefin-stack--spacing-lg{gap:var(--sefin-spacing-lg, 24px)!important}.sefin-stack--spacing-xl{gap:var(--sefin-spacing-xl, 32px)!important}.sefin-stack--spacing-2xl{gap:var(--sefin-spacing-2xl, 48px)!important}.sefin-stack--align-start{align-items:flex-start}.sefin-stack--align-center{align-items:center}.sefin-stack--align-end{align-items:flex-end}.sefin-stack--align-stretch{align-items:stretch}.sefin-stack--justify-start{justify-content:flex-start}.sefin-stack--justify-center{justify-content:center}.sefin-stack--justify-end{justify-content:flex-end}.sefin-stack--justify-space-between{justify-content:space-between}.sefin-stack--justify-space-around{justify-content:space-around}.sefin-stack--justify-space-evenly{justify-content:space-evenly}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }], changeDetection: i0.ChangeDetectionStrategy.Default });
|
|
1324
1327
|
}
|
|
1325
1328
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: StackComponent, decorators: [{
|
|
1326
1329
|
type: Component,
|
|
1327
|
-
args: [{ selector: 'sefin-stack', standalone: true, imports: [CommonModule], changeDetection: ChangeDetectionStrategy.Default, template: "<div [class]=\"stackClasses\" [ngStyle]=\"stackStyles\">\n <ng-content></ng-content>\n</div>\n\n", styles: [".sefin-stack{display:flex!important;gap:
|
|
1330
|
+
args: [{ selector: 'sefin-stack', standalone: true, imports: [CommonModule], changeDetection: ChangeDetectionStrategy.Default, template: "<div [class]=\"stackClasses\" [ngStyle]=\"stackStyles\">\n <ng-content></ng-content>\n</div>\n\n", styles: [".sefin-stack{display:flex!important;gap:0}.sefin-stack--column{flex-direction:column}.sefin-stack--row{flex-direction:row}.sefin-stack--wrap{flex-wrap:wrap}.sefin-stack--spacing-xs{gap:var(--sefin-spacing-xs, 4px)!important}.sefin-stack--spacing-sm{gap:var(--sefin-spacing-sm, 8px)!important}.sefin-stack--spacing-md{gap:var(--sefin-spacing-md, 16px)!important}.sefin-stack--spacing-lg{gap:var(--sefin-spacing-lg, 24px)!important}.sefin-stack--spacing-xl{gap:var(--sefin-spacing-xl, 32px)!important}.sefin-stack--spacing-2xl{gap:var(--sefin-spacing-2xl, 48px)!important}.sefin-stack--align-start{align-items:flex-start}.sefin-stack--align-center{align-items:center}.sefin-stack--align-end{align-items:flex-end}.sefin-stack--align-stretch{align-items:stretch}.sefin-stack--justify-start{justify-content:flex-start}.sefin-stack--justify-center{justify-content:center}.sefin-stack--justify-end{justify-content:flex-end}.sefin-stack--justify-space-between{justify-content:space-between}.sefin-stack--justify-space-around{justify-content:space-around}.sefin-stack--justify-space-evenly{justify-content:space-evenly}\n"] }]
|
|
1328
1331
|
}], propDecorators: { direction: [{
|
|
1329
1332
|
type: Input
|
|
1330
1333
|
}], spacing: [{
|