@openkit-labs/ngx-kit-ui 0.0.34 → 0.0.36

package/fesm2022/openkit-labs-ngx-kit-ui.mjs

@@ -586,22 +586,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImpor
                 args: ['style.--progress']
             }] } });
 
-class KitCarouselComponent {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: KitCarouselComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.4", type: KitCarouselComponent, isStandalone: true, selector: "kit-carousel", ngImport: i0, template: "<div class=\"kit-carousel\">\n  <ng-content></ng-content>\n</div>\n", styles: [".kit-carousel{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}::ng-deep .kit-carousel>*{scroll-snap-align:start;flex-shrink:0;width:100%;box-sizing:border-box;max-width:100%}\n"] });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: KitCarouselComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'kit-carousel', standalone: true, template: "<div class=\"kit-carousel\">\n  <ng-content></ng-content>\n</div>\n", styles: [".kit-carousel{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}::ng-deep .kit-carousel>*{scroll-snap-align:start;flex-shrink:0;width:100%;box-sizing:border-box;max-width:100%}\n"] }]
-        }] });
-
 class KitDataModule {
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: KitDataModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
     static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.4", ngImport: i0, type: KitDataModule, imports: [SimpleTableComponent,
-            KitProgressBarComponent,
-            KitCarouselComponent], exports: [SimpleTableComponent,
-            KitProgressBarComponent,
-            KitCarouselComponent] });
+            KitProgressBarComponent], exports: [SimpleTableComponent,
+            KitProgressBarComponent] });
     static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: KitDataModule });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: KitDataModule, decorators: [{
@@ -609,13 +598,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImpor
             args: [{
                     imports: [
                         SimpleTableComponent,
-                        KitProgressBarComponent,
-                        KitCarouselComponent
+                        KitProgressBarComponent
                     ],
                     exports: [
                         SimpleTableComponent,
-                        KitProgressBarComponent,
-                        KitCarouselComponent
+                        KitProgressBarComponent
                     ]
                 }]
         }] });
@@ -3347,7 +3334,8 @@ class KitGridComponent {
     get gridTemplateRows() {
         if (this.minRowHeight) {
             const min = this.minRowHeight;
-            const max = this.maxRowHeight || '1fr';
+            // Use `auto` as the default max so rows can grow to fit content
+            const max = this.maxRowHeight || 'auto';
             // Keep grid-template-rows for explicit templates, but also set
             // grid-auto-rows so implicitly created rows (when items wrap)
             // receive the same min/max sizing. Using `auto-fit` here alone
@@ -3370,7 +3358,7 @@ class KitGridComponent {
     get gridAutoRows() {
         if (this.minRowHeight) {
             const min = this.minRowHeight;
-            const max = this.maxRowHeight || '1fr';
+            const max = this.maxRowHeight || 'auto';
             return `minmax(${min}, ${max})`;
         }
         return null;
@@ -4001,6 +3989,22 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImpor
                 type: Input
             }] } });
 
+class KitCarouselComponent {
+    itemSizing = 'full';
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: KitCarouselComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.4", type: KitCarouselComponent, isStandalone: true, selector: "kit-carousel", inputs: { itemSizing: "itemSizing" }, host: { properties: { "class.full-width": "itemSizing === \"full\"", "class.content-width": "itemSizing === \"content\"", "class.fixed-width": "itemSizing === \"fixed\"" } }, ngImport: i0, template: "<div class=\"kit-carousel\">\n  <ng-content></ng-content>\n</div>\n", styles: [":host{align-self:stretch;width:100%}.kit-carousel{display:flex;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;-ms-overflow-style:none;scrollbar-width:none}:host.full-width ::ng-deep .kit-carousel>*{scroll-snap-align:start;flex-shrink:0;width:100%;box-sizing:border-box;max-width:100%}:host.content-width ::ng-deep .kit-carousel>*{scroll-snap-align:start;flex-shrink:0;width:auto;box-sizing:border-box}:host.fixed-width ::ng-deep .kit-carousel>*{scroll-snap-align:start;flex-shrink:0;box-sizing:border-box}:host.content-width .kit-carousel,:host.fixed-width .kit-carousel{gap:8px;padding:4px}.kit-carousel::-webkit-scrollbar{height:0;background:transparent}\n"] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: KitCarouselComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'kit-carousel', standalone: true, host: {
+                        '[class.full-width]': 'itemSizing === "full"',
+                        '[class.content-width]': 'itemSizing === "content"',
+                        '[class.fixed-width]': 'itemSizing === "fixed"'
+                    }, template: "<div class=\"kit-carousel\">\n  <ng-content></ng-content>\n</div>\n", styles: [":host{align-self:stretch;width:100%}.kit-carousel{display:flex;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;-ms-overflow-style:none;scrollbar-width:none}:host.full-width ::ng-deep .kit-carousel>*{scroll-snap-align:start;flex-shrink:0;width:100%;box-sizing:border-box;max-width:100%}:host.content-width ::ng-deep .kit-carousel>*{scroll-snap-align:start;flex-shrink:0;width:auto;box-sizing:border-box}:host.fixed-width ::ng-deep .kit-carousel>*{scroll-snap-align:start;flex-shrink:0;box-sizing:border-box}:host.content-width .kit-carousel,:host.fixed-width .kit-carousel{gap:8px;padding:4px}.kit-carousel::-webkit-scrollbar{height:0;background:transparent}\n"] }]
+        }], propDecorators: { itemSizing: [{
+                type: Input
+            }] } });
+
 class KitLayoutModule {
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: KitLayoutModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
     static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.4", ngImport: i0, type: KitLayoutModule, imports: [KitPaddingComponent,
@@ -4020,7 +4024,8 @@ class KitLayoutModule {
             KitBottomBarComponent,
             KitTopBarComponent,
             KitSideMenuComponent,
-            KitGridComponent], exports: [KitPaddingComponent,
+            KitGridComponent,
+            KitCarouselComponent], exports: [KitPaddingComponent,
             KitSpacerComponent,
             KitRowComponent,
             KitColumnComponent,
@@ -4037,7 +4042,8 @@ class KitLayoutModule {
             KitBottomBarComponent,
             KitTopBarComponent,
             KitSideMenuComponent,
-            KitGridComponent] });
+            KitGridComponent,
+            KitCarouselComponent] });
     static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: KitLayoutModule });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: KitLayoutModule, decorators: [{
@@ -4061,7 +4067,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImpor
                         KitBottomBarComponent,
                         KitTopBarComponent,
                         KitSideMenuComponent,
-                        KitGridComponent
+                        KitGridComponent,
+                        KitCarouselComponent
                     ],
                     exports: [
                         KitPaddingComponent,
@@ -4081,7 +4088,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImpor
                         KitBottomBarComponent,
                         KitTopBarComponent,
                         KitSideMenuComponent,
-                        KitGridComponent
+                        KitGridComponent,
+                        KitCarouselComponent
                     ]
                 }]
         }] });