@getflip/swirl-components-angular 0.389.1 → 0.390.0

package/dist/component-library/lib/stencil-generated/components.d.ts

@@ -235,7 +235,7 @@ export declare class SwirlColorInput {
     protected el: HTMLSwirlColorInputElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<SwirlColorInput, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SwirlColorInput, "swirl-color-input", never, { "autoFocus": { "alias": "autoFocus"; "required": false; }; "autoSelect": { "alias": "autoSelect"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "inline": { "alias": "inline"; "required": false; }; "invalid": { "alias": "invalid"; "required": false; }; "pickerButtonLabel": { "alias": "pickerButtonLabel"; "required": false; }; "pickerLabel": { "alias": "pickerLabel"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "required": { "alias": "required"; "required": false; }; "swirlAriaDescribedby": { "alias": "swirlAriaDescribedby"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SwirlColorInput, "swirl-color-input", never, { "autoFocus": { "alias": "autoFocus"; "required": false; }; "autoSelect": { "alias": "autoSelect"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "inline": { "alias": "inline"; "required": false; }; "invalid": { "alias": "invalid"; "required": false; }; "pickerButtonLabel": { "alias": "pickerButtonLabel"; "required": false; }; "pickerLabel": { "alias": "pickerLabel"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "required": { "alias": "required"; "required": false; }; "swirlAriaDescribedby": { "alias": "swirlAriaDescribedby"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, {}, never, ["*"], false, never>;
 }
 export declare interface SwirlColorInput extends Components.SwirlColorInput {
     inputBlur: EventEmitter<CustomEvent<FocusEvent>>;
@@ -267,7 +267,7 @@ export declare class SwirlDateInput {
     protected el: HTMLSwirlDateInputElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<SwirlDateInput, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SwirlDateInput, "swirl-date-input", never, { "autoFocus": { "alias": "autoFocus"; "required": false; }; "autoSelect": { "alias": "autoSelect"; "required": false; }; "datePickerDisableDate": { "alias": "datePickerDisableDate"; "required": false; }; "datePickerLabel": { "alias": "datePickerLabel"; "required": false; }; "datePickerTriggerLabel": { "alias": "datePickerTriggerLabel"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "firstDayOfWeek": { "alias": "firstDayOfWeek"; "required": false; }; "format": { "alias": "format"; "required": false; }; "inline": { "alias": "inline"; "required": false; }; "invalid": { "alias": "invalid"; "required": false; }; "labels": { "alias": "labels"; "required": false; }; "locale": { "alias": "locale"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "preferredInputMode": { "alias": "preferredInputMode"; "required": false; }; "required": { "alias": "required"; "required": false; }; "swirlAriaDescribedby": { "alias": "swirlAriaDescribedby"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SwirlDateInput, "swirl-date-input", never, { "autoFocus": { "alias": "autoFocus"; "required": false; }; "autoSelect": { "alias": "autoSelect"; "required": false; }; "datePickerDisableDate": { "alias": "datePickerDisableDate"; "required": false; }; "datePickerLabel": { "alias": "datePickerLabel"; "required": false; }; "datePickerTriggerLabel": { "alias": "datePickerTriggerLabel"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "firstDayOfWeek": { "alias": "firstDayOfWeek"; "required": false; }; "format": { "alias": "format"; "required": false; }; "inline": { "alias": "inline"; "required": false; }; "invalid": { "alias": "invalid"; "required": false; }; "labels": { "alias": "labels"; "required": false; }; "locale": { "alias": "locale"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "preferredInputMode": { "alias": "preferredInputMode"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "required": { "alias": "required"; "required": false; }; "swirlAriaDescribedby": { "alias": "swirlAriaDescribedby"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, {}, never, ["*"], false, never>;
 }
 export declare interface SwirlDateInput extends Components.SwirlDateInput {
     invalidInput: EventEmitter<CustomEvent<string>>;
@@ -496,7 +496,7 @@ export declare class SwirlFormControl {
     protected el: HTMLSwirlFormControlElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<SwirlFormControl, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SwirlFormControl, "swirl-form-control", never, { "description": { "alias": "description"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "errorMessage": { "alias": "errorMessage"; "required": false; }; "fontSize": { "alias": "fontSize"; "required": false; }; "hideLabel": { "alias": "hideLabel"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "inline": { "alias": "inline"; "required": false; }; "invalid": { "alias": "invalid"; "required": false; }; "label": { "alias": "label"; "required": true; }; "labelPosition": { "alias": "labelPosition"; "required": false; }; "secondaryLabel": { "alias": "secondaryLabel"; "required": false; }; "tooltip": { "alias": "tooltip"; "required": false; }; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SwirlFormControl, "swirl-form-control", never, { "description": { "alias": "description"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "errorMessage": { "alias": "errorMessage"; "required": false; }; "fontSize": { "alias": "fontSize"; "required": false; }; "hideLabel": { "alias": "hideLabel"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "inline": { "alias": "inline"; "required": false; }; "invalid": { "alias": "invalid"; "required": false; }; "label": { "alias": "label"; "required": true; }; "labelPosition": { "alias": "labelPosition"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "secondaryLabel": { "alias": "secondaryLabel"; "required": false; }; "tooltip": { "alias": "tooltip"; "required": false; }; }, {}, never, ["*"], false, never>;
 }
 export declare interface SwirlFormControl extends Components.SwirlFormControl {
 }
@@ -4160,7 +4160,7 @@ export declare class SwirlTextInput {
     protected el: HTMLSwirlTextInputElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<SwirlTextInput, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SwirlTextInput, "swirl-text-input", never, { "autoComplete": { "alias": "autoComplete"; "required": false; }; "autoFocus": { "alias": "autoFocus"; "required": false; }; "autoGrow": { "alias": "autoGrow"; "required": false; }; "autoSelect": { "alias": "autoSelect"; "required": false; }; "characterCounterLabel": { "alias": "characterCounterLabel"; "required": false; }; "clearButtonLabel": { "alias": "clearButtonLabel"; "required": false; }; "clearable": { "alias": "clearable"; "required": false; }; "disableDynamicWidth": { "alias": "disableDynamicWidth"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "fontSize": { "alias": "fontSize"; "required": false; }; "inline": { "alias": "inline"; "required": false; }; "inputName": { "alias": "inputName"; "required": false; }; "invalid": { "alias": "invalid"; "required": false; }; "max": { "alias": "max"; "required": false; }; "maxLength": { "alias": "maxLength"; "required": false; }; "min": { "alias": "min"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "passwordToggleLabel": { "alias": "passwordToggleLabel"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "prefixLabel": { "alias": "prefixLabel"; "required": false; }; "required": { "alias": "required"; "required": false; }; "rows": { "alias": "rows"; "required": false; }; "showCharacterCounter": { "alias": "showCharacterCounter"; "required": false; }; "spellCheck": { "alias": "spellCheck"; "required": false; }; "step": { "alias": "step"; "required": false; }; "suffixLabel": { "alias": "suffixLabel"; "required": false; }; "swirlAriaAutocomplete": { "alias": "swirlAriaAutocomplete"; "required": false; }; "swirlAriaControls": { "alias": "swirlAriaControls"; "required": false; }; "swirlAriaDescribedby": { "alias": "swirlAriaDescribedby"; "required": false; }; "swirlAriaExpanded": { "alias": "swirlAriaExpanded"; "required": false; }; "swirlRole": { "alias": "swirlRole"; "required": false; }; "type": { "alias": "type"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SwirlTextInput, "swirl-text-input", never, { "autoComplete": { "alias": "autoComplete"; "required": false; }; "autoFocus": { "alias": "autoFocus"; "required": false; }; "autoGrow": { "alias": "autoGrow"; "required": false; }; "autoSelect": { "alias": "autoSelect"; "required": false; }; "characterCounterLabel": { "alias": "characterCounterLabel"; "required": false; }; "clearButtonLabel": { "alias": "clearButtonLabel"; "required": false; }; "clearable": { "alias": "clearable"; "required": false; }; "disableDynamicWidth": { "alias": "disableDynamicWidth"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "fontSize": { "alias": "fontSize"; "required": false; }; "inline": { "alias": "inline"; "required": false; }; "inputName": { "alias": "inputName"; "required": false; }; "invalid": { "alias": "invalid"; "required": false; }; "max": { "alias": "max"; "required": false; }; "maxLength": { "alias": "maxLength"; "required": false; }; "min": { "alias": "min"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "passwordToggleLabel": { "alias": "passwordToggleLabel"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "prefixLabel": { "alias": "prefixLabel"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "required": { "alias": "required"; "required": false; }; "rows": { "alias": "rows"; "required": false; }; "showCharacterCounter": { "alias": "showCharacterCounter"; "required": false; }; "spellCheck": { "alias": "spellCheck"; "required": false; }; "step": { "alias": "step"; "required": false; }; "suffixLabel": { "alias": "suffixLabel"; "required": false; }; "swirlAriaAutocomplete": { "alias": "swirlAriaAutocomplete"; "required": false; }; "swirlAriaControls": { "alias": "swirlAriaControls"; "required": false; }; "swirlAriaDescribedby": { "alias": "swirlAriaDescribedby"; "required": false; }; "swirlAriaExpanded": { "alias": "swirlAriaExpanded"; "required": false; }; "swirlRole": { "alias": "swirlRole"; "required": false; }; "type": { "alias": "type"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, {}, never, ["*"], false, never>;
 }
 export declare interface SwirlTextInput extends Components.SwirlTextInput {
     inputBlur: EventEmitter<CustomEvent<FocusEvent>>;
@@ -4195,7 +4195,7 @@ export declare class SwirlTimeInput {
     protected el: HTMLSwirlTimeInputElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<SwirlTimeInput, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SwirlTimeInput, "swirl-time-input", never, { "autoFocus": { "alias": "autoFocus"; "required": false; }; "autoSelect": { "alias": "autoSelect"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "format": { "alias": "format"; "required": false; }; "inline": { "alias": "inline"; "required": false; }; "invalid": { "alias": "invalid"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "required": { "alias": "required"; "required": false; }; "swirlAriaDescribedby": { "alias": "swirlAriaDescribedby"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SwirlTimeInput, "swirl-time-input", never, { "autoFocus": { "alias": "autoFocus"; "required": false; }; "autoSelect": { "alias": "autoSelect"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "format": { "alias": "format"; "required": false; }; "inline": { "alias": "inline"; "required": false; }; "invalid": { "alias": "invalid"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "required": { "alias": "required"; "required": false; }; "swirlAriaDescribedby": { "alias": "swirlAriaDescribedby"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, {}, never, ["*"], false, never>;
 }
 export declare interface SwirlTimeInput extends Components.SwirlTimeInput {
     inputBlur: EventEmitter<CustomEvent<FocusEvent>>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@getflip/swirl-components-angular",
-  "version": "0.389.1",
+  "version": "0.390.0",
   "scripts": {
     "ng": "ng",
     "build": "ng build"
@@ -22,7 +22,7 @@
     "@angular/platform-browser": "19.2.3",
     "@angular/platform-browser-dynamic": "19.2.3",
     "@angular/router": "19.2.3",
-    "@getflip/swirl-components": "^0.389.1",
+    "@getflip/swirl-components": "^0.390.0",
     "rxjs": "~7.8.0",
     "tslib": "^2.3.0",
     "zone.js": "0.15.0"

package/projects/component-library/src/lib/stencil-generated/components.ts

@@ -589,14 +589,14 @@ export declare interface SwirlChip extends Components.SwirlChip {
 
 
 @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']
 })
 @Component({
   selector: 'swirl-color-input',
   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
 })
 export class SwirlColorInput {
@@ -673,7 +673,7 @@ export declare interface SwirlConsoleLayout extends Components.SwirlConsoleLayou
 
 
 @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']
 })
 @Component({
@@ -681,7 +681,7 @@ export declare interface SwirlConsoleLayout extends Components.SwirlConsoleLayou
   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
 })
 export class SwirlDateInput {
@@ -1277,14 +1277,14 @@ export declare interface SwirlFileViewerVideo extends Components.SwirlFileViewer
 
 
 @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']
 })
 @Component({
   selector: 'swirl-form-control',
   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
 })
 export class SwirlFormControl {
@@ -10647,7 +10647,7 @@ export declare interface SwirlText extends Components.SwirlText {}
 
 
 @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']
 })
 @Component({
@@ -10655,7 +10655,7 @@ export declare interface SwirlText extends Components.SwirlText {}
   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
 })
 export class SwirlTextInput {
@@ -10742,14 +10742,14 @@ export declare interface SwirlThumbnail extends Components.SwirlThumbnail {
 
 
 @ProxyCmp({
-  inputs: ['autoFocus', 'autoSelect', 'disabled', 'format', 'inline', 'invalid', 'placeholder', 'required', 'swirlAriaDescribedby', 'value']
+  inputs: ['autoFocus', 'autoSelect', 'disabled', 'format', 'inline', 'invalid', 'placeholder', 'readonly', 'required', 'swirlAriaDescribedby', 'value']
 })
 @Component({
   selector: 'swirl-time-input',
   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
 })
 export class SwirlTimeInput {