@progress/kendo-angular-inputs 19.3.0-develop.20 → 19.3.0-develop.22

package/esm2022/form/form.component.mjs

@@ -5,7 +5,7 @@
 import { NgClass, NgIf, NgStyle } from '@angular/common';
 import { Component, ElementRef, HostBinding, Input, ChangeDetectorRef } from '@angular/core';
 import { ResizeSensorComponent, shouldShowValidationUI, getLicenseMessage, WatermarkOverlayComponent } from '@progress/kendo-angular-common';
-import { calculateColumns, calculateGutters, DEFAULT_GUTTERS, generateColumnClass, generateGuttersStyling, innerWidth } from './utils';
+import { calculateColumns, calculateGutters, DEFAULT_FORM_GUTTERS, generateColumnClass, generateGuttersStyling, innerWidth } from './utils';
 import { FormService } from '../common/formservice.service';
 import { validatePackage } from '@progress/kendo-licensing';
 import { packageMetadata } from '../package-metadata';
@@ -36,7 +36,7 @@ export class FormComponent {
      * Defines the gutters for the form.
      * You can specify gutters for rows and columns.
      */
-    gutters = { ...DEFAULT_GUTTERS };
+    gutters = { ...DEFAULT_FORM_GUTTERS };
     /**
      * @hidden
      */
@@ -60,7 +60,7 @@ export class FormComponent {
         return this.orientation === 'horizontal';
     }
     _formColumnsNumber;
-    _formGutters = { ...DEFAULT_GUTTERS };
+    _formGutters = { ...DEFAULT_FORM_GUTTERS };
     constructor(element, cdr, formService) {
         this.element = element;
         this.cdr = cdr;
@@ -112,7 +112,7 @@ export class FormComponent {
         this.columnsClass = generateColumnClass(this._formColumnsNumber);
     }
     updateGutterClasses() {
-        this.guttersStyle = generateGuttersStyling(this._formGutters);
+        this.guttersStyle = generateGuttersStyling(this._formGutters, { ...DEFAULT_FORM_GUTTERS });
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FormComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: i1.FormService }], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: FormComponent, isStandalone: true, selector: "form[kendoForm]", inputs: { orientation: "orientation", cols: "cols", gutters: "gutters" }, host: { properties: { "class": "this.formClass", "class.k-form-horizontal": "this.horizontalClass" } }, exportAs: ["kendoForm"], usesOnChanges: true, ngImport: i0, template: `

package/esm2022/form/utils.mjs

@@ -6,7 +6,11 @@ import { processCssValue } from '@progress/kendo-angular-common';
 /**
  * @hidden
  */
-export const DEFAULT_GUTTERS = { rows: '0px', cols: '32px' };
+export const DEFAULT_FORM_GUTTERS = { rows: '0px', cols: '32px' };
+/**
+ * @hidden
+ */
+export const DEFAULT_FORMFIELDSET_GUTTERS = { rows: '0px', cols: '16px' };
 /**
  * @hidden
  */
@@ -125,10 +129,10 @@ export const generateColumnClass = (columnsNumber) => {
  *
  * Generates CSS styles for gutters based on the provided gutters object.
  */
-export const generateGuttersStyling = (gutters) => {
+export const generateGuttersStyling = (gutters, defaultGutters = DEFAULT_FORM_GUTTERS) => {
     const rows = processCssValue(gutters?.rows);
     const cols = processCssValue(gutters?.cols);
-    return `${rows ?? DEFAULT_GUTTERS.rows} ${cols ?? DEFAULT_GUTTERS.cols}`;
+    return `${rows ?? defaultGutters.rows} ${cols ?? defaultGutters.cols}`;
 };
 /**
  * @hidden

package/esm2022/formfieldset/formfieldset.component.mjs

@@ -6,7 +6,7 @@ import { NgClass, NgIf, NgStyle } from '@angular/common';
 import { Component, HostBinding, Input, ElementRef, Renderer2, ChangeDetectorRef, } from '@angular/core';
 import { FormService } from '../common/formservice.service';
 import { filter } from 'rxjs/operators';
-import { calculateColSpan, calculateColumns, calculateGutters, DEFAULT_GUTTERS, generateColSpanClass, generateColumnClass, generateGuttersStyling } from '../form/utils';
+import { calculateColSpan, calculateColumns, calculateGutters, DEFAULT_FORMFIELDSET_GUTTERS, generateColSpanClass, generateColumnClass, generateGuttersStyling } from '../form/utils';
 import { Subscription } from 'rxjs';
 import { validatePackage } from '@progress/kendo-licensing';
 import { packageMetadata } from '../package-metadata';
@@ -37,7 +37,7 @@ export class FormFieldSetComponent {
      * Defines the gutters for the fieldset.
      * You can specify gutters for rows and columns.
      */
-    gutters;
+    gutters = { ...DEFAULT_FORMFIELDSET_GUTTERS };
     /**
      * Defines the colspan for the fieldset related to the parent Form component columns.
      * Can be a number or an array of responsive breakpoints.
@@ -54,7 +54,7 @@ export class FormFieldSetComponent {
     _formColumnsNumber;
     _colSpanClass = null;
     _formWidth = null;
-    _formGutters = { ...DEFAULT_GUTTERS };
+    _formGutters = { ...DEFAULT_FORMFIELDSET_GUTTERS };
     _previousColSpan = null;
     _previousCols = null;
     _previousGutters;
@@ -111,7 +111,7 @@ export class FormFieldSetComponent {
         this.cdr.detectChanges();
     }
     updateGutterClasses() {
-        this.guttersStyle = generateGuttersStyling(this._formGutters);
+        this.guttersStyle = generateGuttersStyling(this._formGutters, { ...DEFAULT_FORMFIELDSET_GUTTERS });
         this.cdr.detectChanges();
     }
     updateColSpanClass() {

package/esm2022/package-metadata.mjs

@@ -10,7 +10,7 @@ export const packageMetadata = {
     productName: 'Kendo UI for Angular',
     productCode: 'KENDOUIANGULAR',
     productCodes: ['KENDOUIANGULAR'],
-    publishDate: 1754293650,
-    version: '19.3.0-develop.20',
+    publishDate: 1754478940,
+    version: '19.3.0-develop.22',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
 };

package/fesm2022/progress-kendo-angular-inputs.mjs

@@ -550,8 +550,8 @@ const packageMetadata = {
     productName: 'Kendo UI for Angular',
     productCode: 'KENDOUIANGULAR',
     productCodes: ['KENDOUIANGULAR'],
-    publishDate: 1754293650,
-    version: '19.3.0-develop.20',
+    publishDate: 1754478940,
+    version: '19.3.0-develop.22',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
 };
 
@@ -14218,7 +14218,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
 /**
  * @hidden
  */
-const DEFAULT_GUTTERS = { rows: '0px', cols: '32px' };
+const DEFAULT_FORM_GUTTERS = { rows: '0px', cols: '32px' };
+/**
+ * @hidden
+ */
+const DEFAULT_FORMFIELDSET_GUTTERS = { rows: '0px', cols: '16px' };
 /**
  * @hidden
  */
@@ -14337,10 +14341,10 @@ const generateColumnClass = (columnsNumber) => {
  *
  * Generates CSS styles for gutters based on the provided gutters object.
  */
-const generateGuttersStyling = (gutters) => {
+const generateGuttersStyling = (gutters, defaultGutters = DEFAULT_FORM_GUTTERS) => {
     const rows = processCssValue(gutters?.rows);
     const cols = processCssValue(gutters?.cols);
-    return `${rows ?? DEFAULT_GUTTERS.rows} ${cols ?? DEFAULT_GUTTERS.cols}`;
+    return `${rows ?? defaultGutters.rows} ${cols ?? defaultGutters.cols}`;
 };
 /**
  * @hidden
@@ -19027,7 +19031,7 @@ class FormComponent {
      * Defines the gutters for the form.
      * You can specify gutters for rows and columns.
      */
-    gutters = { ...DEFAULT_GUTTERS };
+    gutters = { ...DEFAULT_FORM_GUTTERS };
     /**
      * @hidden
      */
@@ -19051,7 +19055,7 @@ class FormComponent {
         return this.orientation === 'horizontal';
     }
     _formColumnsNumber;
-    _formGutters = { ...DEFAULT_GUTTERS };
+    _formGutters = { ...DEFAULT_FORM_GUTTERS };
     constructor(element, cdr, formService) {
         this.element = element;
         this.cdr = cdr;
@@ -19103,7 +19107,7 @@ class FormComponent {
         this.columnsClass = generateColumnClass(this._formColumnsNumber);
     }
     updateGutterClasses() {
-        this.guttersStyle = generateGuttersStyling(this._formGutters);
+        this.guttersStyle = generateGuttersStyling(this._formGutters, { ...DEFAULT_FORM_GUTTERS });
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FormComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: FormService }], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: FormComponent, isStandalone: true, selector: "form[kendoForm]", inputs: { orientation: "orientation", cols: "cols", gutters: "gutters" }, host: { properties: { "class": "this.formClass", "class.k-form-horizontal": "this.horizontalClass" } }, exportAs: ["kendoForm"], usesOnChanges: true, ngImport: i0, template: `
@@ -19236,7 +19240,7 @@ class FormFieldSetComponent {
      * Defines the gutters for the fieldset.
      * You can specify gutters for rows and columns.
      */
-    gutters;
+    gutters = { ...DEFAULT_FORMFIELDSET_GUTTERS };
     /**
      * Defines the colspan for the fieldset related to the parent Form component columns.
      * Can be a number or an array of responsive breakpoints.
@@ -19253,7 +19257,7 @@ class FormFieldSetComponent {
     _formColumnsNumber;
     _colSpanClass = null;
     _formWidth = null;
-    _formGutters = { ...DEFAULT_GUTTERS };
+    _formGutters = { ...DEFAULT_FORMFIELDSET_GUTTERS };
     _previousColSpan = null;
     _previousCols = null;
     _previousGutters;
@@ -19310,7 +19314,7 @@ class FormFieldSetComponent {
         this.cdr.detectChanges();
     }
     updateGutterClasses() {
-        this.guttersStyle = generateGuttersStyling(this._formGutters);
+        this.guttersStyle = generateGuttersStyling(this._formGutters, { ...DEFAULT_FORMFIELDSET_GUTTERS });
         this.cdr.detectChanges();
     }
     updateColSpanClass() {

package/form/utils.d.ts

@@ -7,7 +7,11 @@ import { ResponsiveFormBreakPoint } from '../common/models/responsive-breakpoint
 /**
  * @hidden
  */
-export declare const DEFAULT_GUTTERS: Gutters;
+export declare const DEFAULT_FORM_GUTTERS: Gutters;
+/**
+ * @hidden
+ */
+export declare const DEFAULT_FORMFIELDSET_GUTTERS: Gutters;
 /**
  * @hidden
  */
@@ -49,7 +53,7 @@ export declare const generateColumnClass: (columnsNumber: number | null) => stri
 export declare const generateGuttersStyling: (gutters: {
     cols?: number | string;
     rows?: number | string;
-} | null) => string;
+} | null, defaultGutters?: Gutters) => string;
 /**
  * @hidden
  *

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@progress/kendo-angular-inputs",
-  "version": "19.3.0-develop.20",
+  "version": "19.3.0-develop.22",
   "description": "Kendo UI for Angular Inputs Package - Everything you need to build professional form functionality (Checkbox, ColorGradient, ColorPalette, ColorPicker, FlatColorPicker, FormField, MaskedTextBox, NumericTextBox, RadioButton, RangeSlider, Slider, Switch, TextArea, and TextBox Components)",
   "license": "SEE LICENSE IN LICENSE.md",
   "author": "Progress",
@@ -28,7 +28,7 @@
     "package": {
       "productName": "Kendo UI for Angular",
       "productCode": "KENDOUIANGULAR",
-      "publishDate": 1754293650,
+      "publishDate": 1754478940,
       "licensingDocsUrl": "https://www.telerik.com/kendo-angular-ui/my-license/"
     }
   },
@@ -40,20 +40,20 @@
     "@angular/platform-browser": "16 - 20",
     "@progress/kendo-drawing": "^1.21.0",
     "@progress/kendo-licensing": "^1.7.0",
-    "@progress/kendo-angular-buttons": "19.3.0-develop.20",
-    "@progress/kendo-angular-common": "19.3.0-develop.20",
-    "@progress/kendo-angular-utils": "19.3.0-develop.20",
-    "@progress/kendo-angular-navigation": "19.3.0-develop.20",
-    "@progress/kendo-angular-dialog": "19.3.0-develop.20",
-    "@progress/kendo-angular-intl": "19.3.0-develop.20",
-    "@progress/kendo-angular-l10n": "19.3.0-develop.20",
-    "@progress/kendo-angular-popup": "19.3.0-develop.20",
-    "@progress/kendo-angular-icons": "19.3.0-develop.20",
+    "@progress/kendo-angular-buttons": "19.3.0-develop.22",
+    "@progress/kendo-angular-common": "19.3.0-develop.22",
+    "@progress/kendo-angular-utils": "19.3.0-develop.22",
+    "@progress/kendo-angular-navigation": "19.3.0-develop.22",
+    "@progress/kendo-angular-dialog": "19.3.0-develop.22",
+    "@progress/kendo-angular-intl": "19.3.0-develop.22",
+    "@progress/kendo-angular-l10n": "19.3.0-develop.22",
+    "@progress/kendo-angular-popup": "19.3.0-develop.22",
+    "@progress/kendo-angular-icons": "19.3.0-develop.22",
     "rxjs": "^6.5.3 || ^7.0.0"
   },
   "dependencies": {
     "tslib": "^2.3.1",
-    "@progress/kendo-angular-schematics": "19.3.0-develop.20",
+    "@progress/kendo-angular-schematics": "19.3.0-develop.22",
     "@progress/kendo-common": "^1.0.1",
     "@progress/kendo-draggable": "^3.0.0",
     "@progress/kendo-inputs-common": "^3.1.0"