@getflip/swirl-components-angular 0.389.1 → 0.390.0

package/.turbo/turbo-build.log

@@ -20,5 +20,5 @@ Built Angular Package
  - to:   /home/runner/work/swirl/swirl/packages/swirl-components-angular/dist/component-library
 ------------------------------------------------------------------------------
 
-Build at: 2025-10-01T10:17:38.105Z - Time: 14210ms
+Build at: 2025-10-07T06:43:30.262Z - Time: 12473ms
 

package/CHANGELOG.md

@@ -1,5 +1,21 @@
 # @getflip/swirl-components-angular
 
+## 0.390.0
+
+### Minor Changes
+
+- [#1263](https://github.com/getflip/swirl/pull/1263)
+  [`dce133942`](https://github.com/getflip/swirl/commit/dce133942f9a62ef17f7482b4d8ccf41906eaae2)
+  Thanks [@matvlaovi-flip](https://github.com/matvlaovi-flip)! - Add readonly
+  state to swirl-text-input, swirl-date-input, swirl-time-input,
+  swirl-color-input. Adjust disabled and readonly styles of swirl-form-control.
+
+### Patch Changes
+
+- Updated dependencies
+  [[`dce133942`](https://github.com/getflip/swirl/commit/dce133942f9a62ef17f7482b4d8ccf41906eaae2)]:
+  - @getflip/swirl-components@0.390.0
+
 ## 0.389.1
 
 ### Patch Changes

package/dist/component-library/fesm2022/getflip-swirl-components-angular.mjs

@@ -678,11 +678,11 @@ let SwirlColorInput = class SwirlColorInput {
         proxyOutputs(this, this.el, ['inputBlur', 'inputFocus', 'valueChange']);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.3", ngImport: i0, type: SwirlColorInput, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.3", type: SwirlColorInput, isStandalone: false, selector: "swirl-color-input", inputs: { autoFocus: "autoFocus", autoSelect: "autoSelect", disabled: "disabled", inline: "inline", invalid: "invalid", pickerButtonLabel: "pickerButtonLabel", pickerLabel: "pickerLabel", placeholder: "placeholder", required: "required", swirlAriaDescribedby: "swirlAriaDescribedby", value: "value" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.3", type: SwirlColorInput, isStandalone: false, selector: "swirl-color-input", inputs: { autoFocus: "autoFocus", autoSelect: "autoSelect", disabled: "disabled", inline: "inline", invalid: "invalid", pickerButtonLabel: "pickerButtonLabel", pickerLabel: "pickerLabel", placeholder: "placeholder", readonly: "readonly", required: "required", swirlAriaDescribedby: "swirlAriaDescribedby", value: "value" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
 SwirlColorInput = __decorate([
     ProxyCmp({
-        inputs: ['autoFocus', 'autoSelect', 'disabled', 'inline', 'invalid', 'pickerButtonLabel', 'pickerLabel', 'placeholder', 'required', 'swirlAriaDescribedby', 'value']
+        inputs: ['autoFocus', 'autoSelect', 'disabled', 'inline', 'invalid', 'pickerButtonLabel', 'pickerLabel', 'placeholder', 'readonly', 'required', 'swirlAriaDescribedby', 'value']
     })
 ], SwirlColorInput);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.3", ngImport: i0, type: SwirlColorInput, decorators: [{
@@ -692,7 +692,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.3", ngImpor
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-                    inputs: ['autoFocus', 'autoSelect', 'disabled', 'inline', 'invalid', 'pickerButtonLabel', 'pickerLabel', 'placeholder', 'required', 'swirlAriaDescribedby', 'value'],
+                    inputs: ['autoFocus', 'autoSelect', 'disabled', 'inline', 'invalid', 'pickerButtonLabel', 'pickerLabel', 'placeholder', 'readonly', 'required', 'swirlAriaDescribedby', 'value'],
                     standalone: false
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
@@ -762,11 +762,11 @@ let SwirlDateInput = class SwirlDateInput {
         proxyOutputs(this, this.el, ['invalidInput', 'valueChange']);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.3", ngImport: i0, type: SwirlDateInput, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.3", type: SwirlDateInput, isStandalone: false, selector: "swirl-date-input", inputs: { autoFocus: "autoFocus", autoSelect: "autoSelect", datePickerDisableDate: "datePickerDisableDate", datePickerLabel: "datePickerLabel", datePickerTriggerLabel: "datePickerTriggerLabel", disabled: "disabled", firstDayOfWeek: "firstDayOfWeek", format: "format", inline: "inline", invalid: "invalid", labels: "labels", locale: "locale", placeholder: "placeholder", preferredInputMode: "preferredInputMode", required: "required", swirlAriaDescribedby: "swirlAriaDescribedby", value: "value" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.3", type: SwirlDateInput, isStandalone: false, selector: "swirl-date-input", inputs: { autoFocus: "autoFocus", autoSelect: "autoSelect", datePickerDisableDate: "datePickerDisableDate", datePickerLabel: "datePickerLabel", datePickerTriggerLabel: "datePickerTriggerLabel", disabled: "disabled", firstDayOfWeek: "firstDayOfWeek", format: "format", inline: "inline", invalid: "invalid", labels: "labels", locale: "locale", placeholder: "placeholder", preferredInputMode: "preferredInputMode", readonly: "readonly", required: "required", swirlAriaDescribedby: "swirlAriaDescribedby", value: "value" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
 SwirlDateInput = __decorate([
     ProxyCmp({
-        inputs: ['autoFocus', 'autoSelect', 'datePickerDisableDate', 'datePickerLabel', 'datePickerTriggerLabel', 'disabled', 'firstDayOfWeek', 'format', 'inline', 'invalid', 'labels', 'locale', 'placeholder', 'preferredInputMode', 'required', 'swirlAriaDescribedby', 'value'],
+        inputs: ['autoFocus', 'autoSelect', 'datePickerDisableDate', 'datePickerLabel', 'datePickerTriggerLabel', 'disabled', 'firstDayOfWeek', 'format', 'inline', 'invalid', 'labels', 'locale', 'placeholder', 'preferredInputMode', 'readonly', 'required', 'swirlAriaDescribedby', 'value'],
         methods: ['openPicker']
     })
 ], SwirlDateInput);
@@ -777,7 +777,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.3", ngImpor
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-                    inputs: ['autoFocus', 'autoSelect', 'datePickerDisableDate', 'datePickerLabel', 'datePickerTriggerLabel', 'disabled', 'firstDayOfWeek', 'format', 'inline', 'invalid', 'labels', 'locale', 'placeholder', 'preferredInputMode', 'required', 'swirlAriaDescribedby', 'value'],
+                    inputs: ['autoFocus', 'autoSelect', 'datePickerDisableDate', 'datePickerLabel', 'datePickerTriggerLabel', 'disabled', 'firstDayOfWeek', 'format', 'inline', 'invalid', 'labels', 'locale', 'placeholder', 'preferredInputMode', 'readonly', 'required', 'swirlAriaDescribedby', 'value'],
                     standalone: false
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
@@ -1399,11 +1399,11 @@ let SwirlFormControl = class SwirlFormControl {
         this.el = r.nativeElement;
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.3", ngImport: i0, type: SwirlFormControl, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.3", type: SwirlFormControl, isStandalone: false, selector: "swirl-form-control", inputs: { description: "description", disabled: "disabled", errorMessage: "errorMessage", fontSize: "fontSize", hideLabel: "hideLabel", icon: "icon", inline: "inline", invalid: "invalid", label: "label", labelPosition: "labelPosition", secondaryLabel: "secondaryLabel", tooltip: "tooltip" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.3", type: SwirlFormControl, isStandalone: false, selector: "swirl-form-control", inputs: { description: "description", disabled: "disabled", errorMessage: "errorMessage", fontSize: "fontSize", hideLabel: "hideLabel", icon: "icon", inline: "inline", invalid: "invalid", label: "label", labelPosition: "labelPosition", readonly: "readonly", secondaryLabel: "secondaryLabel", tooltip: "tooltip" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
 SwirlFormControl = __decorate([
     ProxyCmp({
-        inputs: ['description', 'disabled', 'errorMessage', 'fontSize', 'hideLabel', 'icon', 'inline', 'invalid', 'label', 'labelPosition', 'secondaryLabel', 'tooltip']
+        inputs: ['description', 'disabled', 'errorMessage', 'fontSize', 'hideLabel', 'icon', 'inline', 'invalid', 'label', 'labelPosition', 'readonly', 'secondaryLabel', 'tooltip']
     })
 ], SwirlFormControl);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.3", ngImport: i0, type: SwirlFormControl, decorators: [{
@@ -1413,7 +1413,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.3", ngImpor
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-                    inputs: ['description', 'disabled', 'errorMessage', 'fontSize', 'hideLabel', 'icon', 'inline', 'invalid', { name: 'label', required: true }, 'labelPosition', 'secondaryLabel', 'tooltip'],
+                    inputs: ['description', 'disabled', 'errorMessage', 'fontSize', 'hideLabel', 'icon', 'inline', 'invalid', { name: 'label', required: true }, 'labelPosition', 'readonly', 'secondaryLabel', 'tooltip'],
                     standalone: false
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
@@ -12256,11 +12256,11 @@ let SwirlTextInput = class SwirlTextInput {
         proxyOutputs(this, this.el, ['inputBlur', 'inputFocus', 'valueChange']);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.3", ngImport: i0, type: SwirlTextInput, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.3", type: SwirlTextInput, isStandalone: false, selector: "swirl-text-input", inputs: { autoComplete: "autoComplete", autoFocus: "autoFocus", autoGrow: "autoGrow", autoSelect: "autoSelect", characterCounterLabel: "characterCounterLabel", clearButtonLabel: "clearButtonLabel", clearable: "clearable", disableDynamicWidth: "disableDynamicWidth", disabled: "disabled", fontSize: "fontSize", inline: "inline", inputName: "inputName", invalid: "invalid", max: "max", maxLength: "maxLength", min: "min", mode: "mode", passwordToggleLabel: "passwordToggleLabel", placeholder: "placeholder", prefixLabel: "prefixLabel", required: "required", rows: "rows", showCharacterCounter: "showCharacterCounter", spellCheck: "spellCheck", step: "step", suffixLabel: "suffixLabel", swirlAriaAutocomplete: "swirlAriaAutocomplete", swirlAriaControls: "swirlAriaControls", swirlAriaDescribedby: "swirlAriaDescribedby", swirlAriaExpanded: "swirlAriaExpanded", swirlRole: "swirlRole", type: "type", value: "value" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.3", type: SwirlTextInput, isStandalone: false, selector: "swirl-text-input", inputs: { autoComplete: "autoComplete", autoFocus: "autoFocus", autoGrow: "autoGrow", autoSelect: "autoSelect", characterCounterLabel: "characterCounterLabel", clearButtonLabel: "clearButtonLabel", clearable: "clearable", disableDynamicWidth: "disableDynamicWidth", disabled: "disabled", fontSize: "fontSize", inline: "inline", inputName: "inputName", invalid: "invalid", max: "max", maxLength: "maxLength", min: "min", mode: "mode", passwordToggleLabel: "passwordToggleLabel", placeholder: "placeholder", prefixLabel: "prefixLabel", readonly: "readonly", required: "required", rows: "rows", showCharacterCounter: "showCharacterCounter", spellCheck: "spellCheck", step: "step", suffixLabel: "suffixLabel", swirlAriaAutocomplete: "swirlAriaAutocomplete", swirlAriaControls: "swirlAriaControls", swirlAriaDescribedby: "swirlAriaDescribedby", swirlAriaExpanded: "swirlAriaExpanded", swirlRole: "swirlRole", type: "type", value: "value" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
 SwirlTextInput = __decorate([
     ProxyCmp({
-        inputs: ['autoComplete', 'autoFocus', 'autoGrow', 'autoSelect', 'characterCounterLabel', 'clearButtonLabel', 'clearable', 'disableDynamicWidth', 'disabled', 'fontSize', 'inline', 'inputName', 'invalid', 'max', 'maxLength', 'min', 'mode', 'passwordToggleLabel', 'placeholder', 'prefixLabel', 'required', 'rows', 'showCharacterCounter', 'spellCheck', 'step', 'suffixLabel', 'swirlAriaAutocomplete', 'swirlAriaControls', 'swirlAriaDescribedby', 'swirlAriaExpanded', 'swirlRole', 'type', 'value'],
+        inputs: ['autoComplete', 'autoFocus', 'autoGrow', 'autoSelect', 'characterCounterLabel', 'clearButtonLabel', 'clearable', 'disableDynamicWidth', 'disabled', 'fontSize', 'inline', 'inputName', 'invalid', 'max', 'maxLength', 'min', 'mode', 'passwordToggleLabel', 'placeholder', 'prefixLabel', 'readonly', 'required', 'rows', 'showCharacterCounter', 'spellCheck', 'step', 'suffixLabel', 'swirlAriaAutocomplete', 'swirlAriaControls', 'swirlAriaDescribedby', 'swirlAriaExpanded', 'swirlRole', 'type', 'value'],
         methods: ['blurInput', 'focusInput']
     })
 ], SwirlTextInput);
@@ -12271,7 +12271,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.3", ngImpor
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-                    inputs: ['autoComplete', 'autoFocus', 'autoGrow', 'autoSelect', 'characterCounterLabel', 'clearButtonLabel', 'clearable', 'disableDynamicWidth', 'disabled', 'fontSize', 'inline', 'inputName', 'invalid', 'max', 'maxLength', 'min', 'mode', 'passwordToggleLabel', 'placeholder', 'prefixLabel', 'required', 'rows', 'showCharacterCounter', 'spellCheck', 'step', 'suffixLabel', 'swirlAriaAutocomplete', 'swirlAriaControls', 'swirlAriaDescribedby', 'swirlAriaExpanded', 'swirlRole', 'type', 'value'],
+                    inputs: ['autoComplete', 'autoFocus', 'autoGrow', 'autoSelect', 'characterCounterLabel', 'clearButtonLabel', 'clearable', 'disableDynamicWidth', 'disabled', 'fontSize', 'inline', 'inputName', 'invalid', 'max', 'maxLength', 'min', 'mode', 'passwordToggleLabel', 'placeholder', 'prefixLabel', 'readonly', 'required', 'rows', 'showCharacterCounter', 'spellCheck', 'step', 'suffixLabel', 'swirlAriaAutocomplete', 'swirlAriaControls', 'swirlAriaDescribedby', 'swirlAriaExpanded', 'swirlRole', 'type', 'value'],
                     standalone: false
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
@@ -12342,11 +12342,11 @@ let SwirlTimeInput = class SwirlTimeInput {
         proxyOutputs(this, this.el, ['inputBlur', 'inputFocus', 'valueChange']);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.3", ngImport: i0, type: SwirlTimeInput, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.3", type: SwirlTimeInput, isStandalone: false, selector: "swirl-time-input", inputs: { autoFocus: "autoFocus", autoSelect: "autoSelect", disabled: "disabled", format: "format", inline: "inline", invalid: "invalid", placeholder: "placeholder", required: "required", swirlAriaDescribedby: "swirlAriaDescribedby", value: "value" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.3", type: SwirlTimeInput, isStandalone: false, selector: "swirl-time-input", inputs: { autoFocus: "autoFocus", autoSelect: "autoSelect", disabled: "disabled", format: "format", inline: "inline", invalid: "invalid", placeholder: "placeholder", readonly: "readonly", required: "required", swirlAriaDescribedby: "swirlAriaDescribedby", value: "value" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
 SwirlTimeInput = __decorate([
     ProxyCmp({
-        inputs: ['autoFocus', 'autoSelect', 'disabled', 'format', 'inline', 'invalid', 'placeholder', 'required', 'swirlAriaDescribedby', 'value']
+        inputs: ['autoFocus', 'autoSelect', 'disabled', 'format', 'inline', 'invalid', 'placeholder', 'readonly', 'required', 'swirlAriaDescribedby', 'value']
     })
 ], SwirlTimeInput);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.3", ngImport: i0, type: SwirlTimeInput, decorators: [{
@@ -12356,7 +12356,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.3", ngImpor
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-                    inputs: ['autoFocus', 'autoSelect', 'disabled', 'format', 'inline', 'invalid', 'placeholder', 'required', 'swirlAriaDescribedby', 'value'],
+                    inputs: ['autoFocus', 'autoSelect', 'disabled', 'format', 'inline', 'invalid', 'placeholder', 'readonly', 'required', 'swirlAriaDescribedby', 'value'],
                     standalone: false
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });