@sebgroup/green-core-ng 3.11.1 → 3.12.0

package/fesm2022/sebgroup-green-core-ng.mjs

@@ -3943,6 +3943,8 @@ let GdsInputComponent = class GdsInputComponent extends GdsFormControlBase {
         super(...arguments);
         /** Fired when the clear button is clicked. */
         this.gdsInputCleared = new EventEmitter();
+        /** Fired when the extended supporting text is opened or closed by the user. Can be cancelled to prevent it from opening or closing. */
+        this.gdsUiState = new EventEmitter();
     }
     get element() {
         return this.elementRef.nativeElement;
@@ -3961,6 +3963,9 @@ let GdsInputComponent = class GdsInputComponent extends GdsFormControlBase {
         this.elementRef.nativeElement.addEventListener('gds-input-cleared', (event) => {
             this.gdsInputCleared.emit(event);
         });
+        this.elementRef.nativeElement.addEventListener('gds-ui-state', (event) => {
+            this.gdsUiState.emit(event);
+        });
     }
     ngOnChanges(changes) {
         // Implementation added by @ProxyInputs decorator
@@ -3969,7 +3974,7 @@ let GdsInputComponent = class GdsInputComponent extends GdsFormControlBase {
         super.ngAfterViewInit();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: GdsInputComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "19.2.19", type: GdsInputComponent, isStandalone: true, selector: "gds-input", inputs: { width: "width", minWidth: "minWidth", maxWidth: "maxWidth", inlineSize: "inlineSize", minInlineSize: "minInlineSize", maxInlineSize: "maxInlineSize", margin: "margin", marginInline: "marginInline", marginBlock: "marginBlock", alignSelf: "alignSelf", justifySelf: "justifySelf", placeSelf: "placeSelf", gridColumn: "gridColumn", gridRow: "gridRow", gridArea: "gridArea", flex: "flex", order: "order", supportingText: "supportingText", showExtendedSupportingText: ["showExtendedSupportingText", "showExtendedSupportingText", booleanAttribute], clearable: ["clearable", "clearable", booleanAttribute], maxlength: "maxlength", size: "size", plain: ["plain", "plain", booleanAttribute], type: "type", min: "min", max: "max", step: "step", autocapitalize: "autocapitalize", autocorrect: ["autocorrect", "autocorrect", booleanAttribute], autocomplete: "autocomplete", autofocus: ["autofocus", "autofocus", booleanAttribute], enterkeyhint: "enterkeyhint", spellcheck: ["spellcheck", "spellcheck", booleanAttribute], inputmode: "inputmode", charCounterCallback: "charCounterCallback", selectionStart: "selectionStart", selectionEnd: "selectionEnd", selectionDirection: "selectionDirection", value: "value", validator: "validator", required: ["required", "required", booleanAttribute], errorMessage: "errorMessage", invalid: "invalid", label: "label", name: "name", disabled: ["disabled", "disabled", booleanAttribute], syncFirstRender: ["syncFirstRender", "syncFirstRender", booleanAttribute] }, outputs: { gdsInputCleared: "gdsInputCleared" }, providers: [
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "19.2.19", type: GdsInputComponent, isStandalone: true, selector: "gds-input", inputs: { width: "width", minWidth: "minWidth", maxWidth: "maxWidth", inlineSize: "inlineSize", minInlineSize: "minInlineSize", maxInlineSize: "maxInlineSize", margin: "margin", marginInline: "marginInline", marginBlock: "marginBlock", alignSelf: "alignSelf", justifySelf: "justifySelf", placeSelf: "placeSelf", gridColumn: "gridColumn", gridRow: "gridRow", gridArea: "gridArea", flex: "flex", order: "order", supportingText: "supportingText", showExtendedSupportingText: ["showExtendedSupportingText", "showExtendedSupportingText", booleanAttribute], clearable: ["clearable", "clearable", booleanAttribute], maxlength: "maxlength", size: "size", plain: ["plain", "plain", booleanAttribute], type: "type", min: "min", max: "max", step: "step", autocapitalize: "autocapitalize", autocorrect: ["autocorrect", "autocorrect", booleanAttribute], autocomplete: "autocomplete", autofocus: ["autofocus", "autofocus", booleanAttribute], enterkeyhint: "enterkeyhint", spellcheck: ["spellcheck", "spellcheck", booleanAttribute], inputmode: "inputmode", charCounterCallback: "charCounterCallback", selectionStart: "selectionStart", selectionEnd: "selectionEnd", selectionDirection: "selectionDirection", value: "value", validator: "validator", required: ["required", "required", booleanAttribute], errorMessage: "errorMessage", invalid: "invalid", label: "label", name: "name", disabled: ["disabled", "disabled", booleanAttribute], syncFirstRender: ["syncFirstRender", "syncFirstRender", booleanAttribute] }, outputs: { gdsInputCleared: "gdsInputCleared", gdsUiState: "gdsUiState" }, providers: [
             {
                 provide: NG_VALUE_ACCESSOR,
                 useExisting: forwardRef(() => GdsInputComponent),
@@ -4100,6 +4105,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImpo
                 args: [{ transform: booleanAttribute }]
             }], gdsInputCleared: [{
                 type: Output
+            }], gdsUiState: [{
+                type: Output
             }] } });
 
 /**
@@ -5233,6 +5240,8 @@ let GdsSelectComponent = class GdsSelectComponent extends GdsFormControlBase {
         this.change = new EventEmitter();
         /** Fired on input with detail: { value: string } */
         this.input = new EventEmitter();
+        /** Fired when the extended supporting text is opened or closed by the user. Can be cancelled to prevent it from opening or closing. */
+        this.gdsUiState = new EventEmitter();
     }
     get element() {
         return this.elementRef.nativeElement;
@@ -5247,6 +5256,10 @@ let GdsSelectComponent = class GdsSelectComponent extends GdsFormControlBase {
             // Component may not be available in this version of green-core
             console.warn('Failed to define gds-select:', e);
         }
+        // Set up event listeners
+        this.elementRef.nativeElement.addEventListener('gds-ui-state', (event) => {
+            this.gdsUiState.emit(event);
+        });
     }
     ngOnChanges(changes) {
         // Implementation added by @ProxyInputs decorator
@@ -5255,7 +5268,7 @@ let GdsSelectComponent = class GdsSelectComponent extends GdsFormControlBase {
         super.ngAfterViewInit();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: GdsSelectComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "19.2.19", type: GdsSelectComponent, isStandalone: true, selector: "gds-select", inputs: { alignSelf: "alignSelf", justifySelf: "justifySelf", placeSelf: "placeSelf", gridColumn: "gridColumn", gridRow: "gridRow", gridArea: "gridArea", flex: "flex", order: "order", width: "width", minWidth: "minWidth", maxWidth: "maxWidth", inlineSize: "inlineSize", minInlineSize: "minInlineSize", maxInlineSize: "maxInlineSize", margin: "margin", marginInline: "marginInline", marginBlock: "marginBlock", supportingText: "supportingText", showExtendedSupportingText: ["showExtendedSupportingText", "showExtendedSupportingText", booleanAttribute], size: "size", plain: ["plain", "plain", booleanAttribute], selectElement: "selectElement", value: "value", validator: "validator", required: ["required", "required", booleanAttribute], errorMessage: "errorMessage", invalid: "invalid", label: "label", name: "name", disabled: ["disabled", "disabled", booleanAttribute], syncFirstRender: ["syncFirstRender", "syncFirstRender", booleanAttribute] }, outputs: { change: "change", input: "input" }, providers: [
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "19.2.19", type: GdsSelectComponent, isStandalone: true, selector: "gds-select", inputs: { alignSelf: "alignSelf", justifySelf: "justifySelf", placeSelf: "placeSelf", gridColumn: "gridColumn", gridRow: "gridRow", gridArea: "gridArea", flex: "flex", order: "order", width: "width", minWidth: "minWidth", maxWidth: "maxWidth", inlineSize: "inlineSize", minInlineSize: "minInlineSize", maxInlineSize: "maxInlineSize", margin: "margin", marginInline: "marginInline", marginBlock: "marginBlock", supportingText: "supportingText", showExtendedSupportingText: ["showExtendedSupportingText", "showExtendedSupportingText", booleanAttribute], size: "size", plain: ["plain", "plain", booleanAttribute], selectElement: "selectElement", value: "value", validator: "validator", required: ["required", "required", booleanAttribute], errorMessage: "errorMessage", invalid: "invalid", label: "label", name: "name", disabled: ["disabled", "disabled", booleanAttribute], syncFirstRender: ["syncFirstRender", "syncFirstRender", booleanAttribute] }, outputs: { change: "change", input: "input", gdsUiState: "gdsUiState" }, providers: [
             {
                 provide: NG_VALUE_ACCESSOR,
                 useExisting: forwardRef(() => GdsSelectComponent),
@@ -5352,6 +5365,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImpo
                 type: Output
             }], input: [{
                 type: Output
+            }], gdsUiState: [{
+                type: Output
             }] } });
 
 /**
@@ -6019,6 +6034,8 @@ let GdsTextareaComponent = class GdsTextareaComponent extends GdsFormControlBase
         super(...arguments);
         /** Fired when the clear button is clicked. */
         this.gdsInputCleared = new EventEmitter();
+        /** Fired when the extended supporting text is opened or closed by the user. Can be cancelled to prevent it from opening or closing. */
+        this.gdsUiState = new EventEmitter();
     }
     get element() {
         return this.elementRef.nativeElement;
@@ -6037,6 +6054,9 @@ let GdsTextareaComponent = class GdsTextareaComponent extends GdsFormControlBase
         this.elementRef.nativeElement.addEventListener('gds-input-cleared', (event) => {
             this.gdsInputCleared.emit(event);
         });
+        this.elementRef.nativeElement.addEventListener('gds-ui-state', (event) => {
+            this.gdsUiState.emit(event);
+        });
     }
     ngOnChanges(changes) {
         // Implementation added by @ProxyInputs decorator
@@ -6045,7 +6065,7 @@ let GdsTextareaComponent = class GdsTextareaComponent extends GdsFormControlBase
         super.ngAfterViewInit();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: GdsTextareaComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "19.2.19", type: GdsTextareaComponent, isStandalone: true, selector: "gds-textarea", inputs: { alignSelf: "alignSelf", justifySelf: "justifySelf", placeSelf: "placeSelf", gridColumn: "gridColumn", gridRow: "gridRow", gridArea: "gridArea", flex: "flex", order: "order", width: "width", minWidth: "minWidth", maxWidth: "maxWidth", inlineSize: "inlineSize", minInlineSize: "minInlineSize", maxInlineSize: "maxInlineSize", margin: "margin", marginInline: "marginInline", marginBlock: "marginBlock", rows: "rows", supportingText: "supportingText", clearable: ["clearable", "clearable", booleanAttribute], resizable: "resizable", showExtendedSupportingText: ["showExtendedSupportingText", "showExtendedSupportingText", booleanAttribute], maxlength: "maxlength", size: "size", plain: ["plain", "plain", booleanAttribute], autocapitalize: "autocapitalize", autocorrect: ["autocorrect", "autocorrect", booleanAttribute], autocomplete: "autocomplete", autofocus: ["autofocus", "autofocus", booleanAttribute], spellcheck: ["spellcheck", "spellcheck", booleanAttribute], wrap: "wrap", enterkeyhint: "enterkeyhint", inputmode: "inputmode", charCounterCallback: "charCounterCallback", selectionStart: "selectionStart", selectionEnd: "selectionEnd", selectionDirection: "selectionDirection", value: "value", validator: "validator", required: ["required", "required", booleanAttribute], errorMessage: "errorMessage", invalid: "invalid", label: "label", name: "name", disabled: ["disabled", "disabled", booleanAttribute], syncFirstRender: ["syncFirstRender", "syncFirstRender", booleanAttribute] }, outputs: { gdsInputCleared: "gdsInputCleared" }, providers: [
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "19.2.19", type: GdsTextareaComponent, isStandalone: true, selector: "gds-textarea", inputs: { alignSelf: "alignSelf", justifySelf: "justifySelf", placeSelf: "placeSelf", gridColumn: "gridColumn", gridRow: "gridRow", gridArea: "gridArea", flex: "flex", order: "order", width: "width", minWidth: "minWidth", maxWidth: "maxWidth", inlineSize: "inlineSize", minInlineSize: "minInlineSize", maxInlineSize: "maxInlineSize", margin: "margin", marginInline: "marginInline", marginBlock: "marginBlock", rows: "rows", supportingText: "supportingText", clearable: ["clearable", "clearable", booleanAttribute], resizable: "resizable", showExtendedSupportingText: ["showExtendedSupportingText", "showExtendedSupportingText", booleanAttribute], maxlength: "maxlength", size: "size", plain: ["plain", "plain", booleanAttribute], autocapitalize: "autocapitalize", autocorrect: ["autocorrect", "autocorrect", booleanAttribute], autocomplete: "autocomplete", autofocus: ["autofocus", "autofocus", booleanAttribute], spellcheck: ["spellcheck", "spellcheck", booleanAttribute], wrap: "wrap", enterkeyhint: "enterkeyhint", inputmode: "inputmode", charCounterCallback: "charCounterCallback", selectionStart: "selectionStart", selectionEnd: "selectionEnd", selectionDirection: "selectionDirection", value: "value", validator: "validator", required: ["required", "required", booleanAttribute], errorMessage: "errorMessage", invalid: "invalid", label: "label", name: "name", disabled: ["disabled", "disabled", booleanAttribute], syncFirstRender: ["syncFirstRender", "syncFirstRender", booleanAttribute] }, outputs: { gdsInputCleared: "gdsInputCleared", gdsUiState: "gdsUiState" }, providers: [
             {
                 provide: NG_VALUE_ACCESSOR,
                 useExisting: forwardRef(() => GdsTextareaComponent),
@@ -6174,6 +6194,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImpo
                 args: [{ transform: booleanAttribute }]
             }], gdsInputCleared: [{
                 type: Output
+            }], gdsUiState: [{
+                type: Output
             }] } });
 
 /**
@@ -6829,6 +6851,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImpo
  *
  */
 let GdsCheckboxGroupComponent = class GdsCheckboxGroupComponent extends GdsFormControlBase {
+    constructor() {
+        super(...arguments);
+        /** Fired when the extended supporting text is opened or closed by the user. Can be cancelled to prevent it from opening or closing. */
+        this.gdsUiState = new EventEmitter();
+    }
     get element() {
         return this.elementRef.nativeElement;
     }
@@ -6842,6 +6869,10 @@ let GdsCheckboxGroupComponent = class GdsCheckboxGroupComponent extends GdsFormC
             // Component may not be available in this version of green-core
             console.warn('Failed to define gds-checkbox-group:', e);
         }
+        // Set up event listeners
+        this.elementRef.nativeElement.addEventListener('gds-ui-state', (event) => {
+            this.gdsUiState.emit(event);
+        });
     }
     ngOnChanges(changes) {
         // Implementation added by @ProxyInputs decorator
@@ -6850,7 +6881,7 @@ let GdsCheckboxGroupComponent = class GdsCheckboxGroupComponent extends GdsFormC
         super.ngAfterViewInit();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: GdsCheckboxGroupComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "19.2.19", type: GdsCheckboxGroupComponent, isStandalone: true, selector: "gds-checkbox-group", inputs: { alignSelf: "alignSelf", justifySelf: "justifySelf", placeSelf: "placeSelf", gridColumn: "gridColumn", gridRow: "gridRow", gridArea: "gridArea", flex: "flex", order: "order", margin: "margin", marginInline: "marginInline", marginBlock: "marginBlock", width: "width", minWidth: "minWidth", maxWidth: "maxWidth", inlineSize: "inlineSize", minInlineSize: "minInlineSize", maxInlineSize: "maxInlineSize", size: "size", flexDirection: "flexDirection", hideLabel: ["hideLabel", "hideLabel", booleanAttribute], supportingText: "supportingText", showExtendedSupportingText: ["showExtendedSupportingText", "showExtendedSupportingText", booleanAttribute], value: "value", validator: "validator", required: ["required", "required", booleanAttribute], errorMessage: "errorMessage", invalid: "invalid", label: "label", name: "name", disabled: ["disabled", "disabled", booleanAttribute], syncFirstRender: ["syncFirstRender", "syncFirstRender", booleanAttribute] }, providers: [
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "19.2.19", type: GdsCheckboxGroupComponent, isStandalone: true, selector: "gds-checkbox-group", inputs: { alignSelf: "alignSelf", justifySelf: "justifySelf", placeSelf: "placeSelf", gridColumn: "gridColumn", gridRow: "gridRow", gridArea: "gridArea", flex: "flex", order: "order", margin: "margin", marginInline: "marginInline", marginBlock: "marginBlock", width: "width", minWidth: "minWidth", maxWidth: "maxWidth", inlineSize: "inlineSize", minInlineSize: "minInlineSize", maxInlineSize: "maxInlineSize", size: "size", flexDirection: "flexDirection", hideLabel: ["hideLabel", "hideLabel", booleanAttribute], supportingText: "supportingText", showExtendedSupportingText: ["showExtendedSupportingText", "showExtendedSupportingText", booleanAttribute], value: "value", validator: "validator", required: ["required", "required", booleanAttribute], errorMessage: "errorMessage", invalid: "invalid", label: "label", name: "name", disabled: ["disabled", "disabled", booleanAttribute], syncFirstRender: ["syncFirstRender", "syncFirstRender", booleanAttribute] }, outputs: { gdsUiState: "gdsUiState" }, providers: [
             {
                 provide: NG_VALUE_ACCESSOR,
                 useExisting: forwardRef(() => GdsCheckboxGroupComponent),
@@ -6943,6 +6974,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImpo
             }], syncFirstRender: [{
                 type: Input,
                 args: [{ transform: booleanAttribute }]
+            }], gdsUiState: [{
+                type: Output
             }] } });
 
 /**
@@ -7664,6 +7697,8 @@ let GdsRadioGroupComponent = class GdsRadioGroupComponent extends GdsFormControl
         this.change = new EventEmitter();
         /** Fired when a radio button selection changes */
         this.input = new EventEmitter();
+        /** Fired when the extended supporting text is opened or closed by the user. Can be cancelled to prevent it from opening or closing. */
+        this.gdsUiState = new EventEmitter();
     }
     get element() {
         return this.elementRef.nativeElement;
@@ -7678,6 +7713,10 @@ let GdsRadioGroupComponent = class GdsRadioGroupComponent extends GdsFormControl
             // Component may not be available in this version of green-core
             console.warn('Failed to define gds-radio-group:', e);
         }
+        // Set up event listeners
+        this.elementRef.nativeElement.addEventListener('gds-ui-state', (event) => {
+            this.gdsUiState.emit(event);
+        });
     }
     ngOnChanges(changes) {
         // Implementation added by @ProxyInputs decorator
@@ -7686,7 +7725,7 @@ let GdsRadioGroupComponent = class GdsRadioGroupComponent extends GdsFormControl
         super.ngAfterViewInit();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: GdsRadioGroupComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "19.2.19", type: GdsRadioGroupComponent, isStandalone: true, selector: "gds-radio-group", inputs: { alignSelf: "alignSelf", justifySelf: "justifySelf", placeSelf: "placeSelf", gridColumn: "gridColumn", gridRow: "gridRow", gridArea: "gridArea", flex: "flex", order: "order", margin: "margin", marginInline: "marginInline", marginBlock: "marginBlock", width: "width", minWidth: "minWidth", maxWidth: "maxWidth", inlineSize: "inlineSize", minInlineSize: "minInlineSize", maxInlineSize: "maxInlineSize", size: "size", flexDirection: "flexDirection", supportingText: "supportingText", showExtendedSupportingText: ["showExtendedSupportingText", "showExtendedSupportingText", booleanAttribute], validator: "validator", required: ["required", "required", booleanAttribute], errorMessage: "errorMessage", invalid: "invalid", label: "label", value: "value", name: "name", disabled: ["disabled", "disabled", booleanAttribute], syncFirstRender: ["syncFirstRender", "syncFirstRender", booleanAttribute] }, outputs: { change: "change", input: "input" }, providers: [
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "19.2.19", type: GdsRadioGroupComponent, isStandalone: true, selector: "gds-radio-group", inputs: { alignSelf: "alignSelf", justifySelf: "justifySelf", placeSelf: "placeSelf", gridColumn: "gridColumn", gridRow: "gridRow", gridArea: "gridArea", flex: "flex", order: "order", margin: "margin", marginInline: "marginInline", marginBlock: "marginBlock", width: "width", minWidth: "minWidth", maxWidth: "maxWidth", inlineSize: "inlineSize", minInlineSize: "minInlineSize", maxInlineSize: "maxInlineSize", size: "size", flexDirection: "flexDirection", supportingText: "supportingText", showExtendedSupportingText: ["showExtendedSupportingText", "showExtendedSupportingText", booleanAttribute], validator: "validator", required: ["required", "required", booleanAttribute], errorMessage: "errorMessage", invalid: "invalid", label: "label", value: "value", name: "name", disabled: ["disabled", "disabled", booleanAttribute], syncFirstRender: ["syncFirstRender", "syncFirstRender", booleanAttribute] }, outputs: { change: "change", input: "input", gdsUiState: "gdsUiState" }, providers: [
             {
                 provide: NG_VALUE_ACCESSOR,
                 useExisting: forwardRef(() => GdsRadioGroupComponent),
@@ -7780,6 +7819,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImpo
                 type: Output
             }], input: [{
                 type: Output
+            }], gdsUiState: [{
+                type: Output
             }] } });
 
 /**