carbon-components-angular 5.33.0 → 5.34.0

package/fesm2020/carbon-components-angular-dropdown.mjs

@@ -302,6 +302,10 @@ class Dropdown {
          * Set to `true` to disable the dropdown.
          */
         this.disabled = false;
+        /**
+         * Set to `true` for a readonly state.
+         */
+        this.readonly = false;
         /**
          * Set to `true` for a loading dropdown.
          */
@@ -537,6 +541,9 @@ class Dropdown {
      * Adds keyboard functionality for navigation, selection and closing of the `Dropdown`.
      */
     onKeyDown(event) {
+        if (this.readonly) {
+            return;
+        }
         if ((event.key === "Escape") && !this.menuIsClosed) {
             event.stopImmediatePropagation(); // don't unintentionally close other widgets that listen for Escape
         }
@@ -813,7 +820,7 @@ class Dropdown {
 }
 Dropdown.dropdownCount = 0;
 Dropdown.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: Dropdown, deps: [{ token: i0.ElementRef }, { token: i1$1.I18n }, { token: DropdownService }, { token: i2.ElementService }], target: i0.ɵɵFactoryTarget.Component });
-Dropdown.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: Dropdown, selector: "cds-dropdown, ibm-dropdown", inputs: { id: "id", label: "label", hideLabel: "hideLabel", helperText: "helperText", placeholder: "placeholder", displayValue: "displayValue", clearText: "clearText", size: "size", type: "type", theme: "theme", disabled: "disabled", skeleton: "skeleton", inline: "inline", disableArrowKeys: "disableArrowKeys", invalid: "invalid", invalidText: "invalidText", warn: "warn", warnText: "warnText", appendInline: "appendInline", scrollableContainer: "scrollableContainer", itemValueKey: "itemValueKey", selectionFeedback: "selectionFeedback", menuButtonLabel: "menuButtonLabel", selectedLabel: "selectedLabel", dropUp: "dropUp" }, outputs: { selected: "selected", onClose: "onClose", close: "close" }, host: { listeners: { "keydown": "onKeyDown($event)" }, properties: { "class.cds--dropdown__wrapper": "this.hostClass" } }, providers: [
+Dropdown.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: Dropdown, selector: "cds-dropdown, ibm-dropdown", inputs: { id: "id", label: "label", hideLabel: "hideLabel", helperText: "helperText", placeholder: "placeholder", displayValue: "displayValue", clearText: "clearText", size: "size", type: "type", theme: "theme", disabled: "disabled", readonly: "readonly", skeleton: "skeleton", inline: "inline", disableArrowKeys: "disableArrowKeys", invalid: "invalid", invalidText: "invalidText", warn: "warn", warnText: "warnText", appendInline: "appendInline", scrollableContainer: "scrollableContainer", itemValueKey: "itemValueKey", selectionFeedback: "selectionFeedback", menuButtonLabel: "menuButtonLabel", selectedLabel: "selectedLabel", dropUp: "dropUp" }, outputs: { selected: "selected", onClose: "onClose", close: "close" }, host: { listeners: { "keydown": "onKeyDown($event)" }, properties: { "class.cds--dropdown__wrapper": "this.hostClass" } }, providers: [
         {
             provide: NG_VALUE_ACCESSOR,
             useExisting: Dropdown,
@@ -842,6 +849,7 @@ Dropdown.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.
 			'cds--list-box--inline': inline,
 			'cds--skeleton': skeleton,
 			'cds--dropdown--disabled cds--list-box--disabled': disabled,
+			'cds--dropdown--readonly': readonly,
 			'cds--dropdown--invalid': invalid,
 			'cds--dropdown--warning cds--list-box--warning': warn,
 			'cds--dropdown--sm cds--list-box--sm': size === 'sm',
@@ -857,8 +865,9 @@ Dropdown.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.
 			[ngClass]="{'a': !menuIsClosed}"
 			[attr.aria-expanded]="!menuIsClosed"
 			[attr.aria-disabled]="disabled"
+			[attr.aria-readonly]="readonly"
 			aria-haspopup="listbox"
-			(click)="disabled ? $event.stopPropagation() : toggleMenu()"
+			(click)="disabled || readonly ? $event.stopPropagation() : toggleMenu()"
 			(blur)="onBlur()"
 			[attr.disabled]="disabled ? true : null">
 			<div
@@ -963,6 +972,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImpor
 			'cds--list-box--inline': inline,
 			'cds--skeleton': skeleton,
 			'cds--dropdown--disabled cds--list-box--disabled': disabled,
+			'cds--dropdown--readonly': readonly,
 			'cds--dropdown--invalid': invalid,
 			'cds--dropdown--warning cds--list-box--warning': warn,
 			'cds--dropdown--sm cds--list-box--sm': size === 'sm',
@@ -978,8 +988,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImpor
 			[ngClass]="{'a': !menuIsClosed}"
 			[attr.aria-expanded]="!menuIsClosed"
 			[attr.aria-disabled]="disabled"
+			[attr.aria-readonly]="readonly"
 			aria-haspopup="listbox"
-			(click)="disabled ? $event.stopPropagation() : toggleMenu()"
+			(click)="disabled || readonly ? $event.stopPropagation() : toggleMenu()"
 			(blur)="onBlur()"
 			[attr.disabled]="disabled ? true : null">
 			<div
@@ -1087,6 +1098,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImpor
                 type: Input
             }], disabled: [{
                 type: Input
+            }], readonly: [{
+                type: Input
             }], skeleton: [{
                 type: Input
             }], inline: [{