carbon-components-angular 5.24.0 → 5.24.2

package/button/base-icon-button.component.d.ts

@@ -46,6 +46,11 @@ export declare class BaseIconButton {
      * Set popover alignment
      */
     align: "top" | "top-left" | "top-right" | "bottom" | "bottom-left" | "bottom-right" | "left" | "left-bottom" | "left-top" | "right" | "right-bottom" | "right-top";
+    /**
+     * **Experimental**: Use floating-ui to position the tooltip
+     * This is not toggleable - should be assigned once
+     */
+    autoAlign: boolean;
     /**
      * Set delay before tooltip is shown
      */
@@ -55,5 +60,5 @@ export declare class BaseIconButton {
      */
     leaveDelayMs: number;
     static ɵfac: i0.ɵɵFactoryDeclaration<BaseIconButton, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<BaseIconButton, "ng-component", never, { "caret": "caret"; "dropShadow": "dropShadow"; "highContrast": "highContrast"; "isOpen": "isOpen"; "align": "align"; "enterDelayMs": "enterDelayMs"; "leaveDelayMs": "leaveDelayMs"; }, {}, never, never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<BaseIconButton, "ng-component", never, { "caret": "caret"; "dropShadow": "dropShadow"; "highContrast": "highContrast"; "isOpen": "isOpen"; "align": "align"; "autoAlign": "autoAlign"; "enterDelayMs": "enterDelayMs"; "leaveDelayMs": "leaveDelayMs"; }, {}, never, never, false>;
 }

package/docs/documentation/components/BaseIconButton.html

@@ -96,6 +96,9 @@ Extend class to inherit @Input meta data</p>
                             <li>
                                 <a href="#align" >align</a>
                             </li>
+                            <li>
+                                <a href="#autoAlign" >autoAlign</a>
+                            </li>
                             <li>
                                 <a href="#caret" >caret</a>
                             </li>
@@ -155,6 +158,39 @@ Extend class to inherit @Input meta data</p>
                 <tr>
                     <td class="col-md-4">
                         <div class="io-description"><p>Set popover alignment</p>
+</div>
+                    </td>
+                </tr>
+            </tbody>
+        </table>
+        <table class="table table-sm table-bordered">
+            <tbody>
+                <tr>
+                    <td class="col-md-4">
+                        <a name="autoAlign"></a>
+                        <b>autoAlign</b>
+                    </td>
+                </tr>
+                <tr>
+                    <td class="col-md-4">
+                        <i>Type : </i>        <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
+
+                    </td>
+                </tr>
+                <tr>
+                    <td class="col-md-4">
+                        <i>Default value : </i><code>false</code>
+                    </td>
+                </tr>
+                        <tr>
+                            <td class="col-md-2" colspan="2">
+                                    <div class="io-line">Defined in <a href="" data-line="40" class="link-to-prism">src/button/base-icon-button.component.ts:40</a></div>
+                            </td>
+                        </tr>
+                <tr>
+                    <td class="col-md-4">
+                        <div class="io-description"><p><strong>Experimental</strong>: Use floating-ui to position the tooltip
+This is not toggleable - should be assigned once</p>
 </div>
                     </td>
                 </tr>
@@ -245,7 +281,7 @@ Extend class to inherit @Input meta data</p>
                 </tr>
                         <tr>
                             <td class="col-md-2" colspan="2">
-                                    <div class="io-line">Defined in <a href="" data-line="39" class="link-to-prism">src/button/base-icon-button.component.ts:39</a></div>
+                                    <div class="io-line">Defined in <a href="" data-line="44" class="link-to-prism">src/button/base-icon-button.component.ts:44</a></div>
                             </td>
                         </tr>
                 <tr>
@@ -341,7 +377,7 @@ Extend class to inherit @Input meta data</p>
                 </tr>
                         <tr>
                             <td class="col-md-2" colspan="2">
-                                    <div class="io-line">Defined in <a href="" data-line="43" class="link-to-prism">src/button/base-icon-button.component.ts:43</a></div>
+                                    <div class="io-line">Defined in <a href="" data-line="48" class="link-to-prism">src/button/base-icon-button.component.ts:48</a></div>
                             </td>
                         </tr>
                 <tr>
@@ -397,6 +433,11 @@ export class BaseIconButton {
 		&quot;bottom&quot; | &quot;bottom-left&quot; | &quot;bottom-right&quot; |
 		&quot;left&quot; | &quot;left-bottom&quot; | &quot;left-top&quot; |
 		&quot;right&quot; | &quot;right-bottom&quot; | &quot;right-top&quot; &#x3D; &quot;bottom&quot;;
+	/**
+	 * **Experimental**: Use floating-ui to position the tooltip
+	 * This is not toggleable - should be assigned once
+	 */
+	@Input() autoAlign &#x3D; false;
 	/**
 	 * Set delay before tooltip is shown
 	 */

package/docs/documentation/components/CodeSnippet.html

@@ -374,6 +374,9 @@
                             <li>
                                 <a href="#align" >align</a>
                             </li>
+                            <li>
+                                <a href="#autoAlign" >autoAlign</a>
+                            </li>
                             <li>
                                 <a href="#caret" >caret</a>
                             </li>
@@ -1010,6 +1013,46 @@ Default is <code>16</code>, hence height of expanded row will be 16 * rowHeightI
                 <tr>
                     <td class="col-md-4">
                         <div class="io-description"><p>Set popover alignment</p>
+</div>
+                    </td>
+                </tr>
+            </tbody>
+        </table>
+        <table class="table table-sm table-bordered">
+            <tbody>
+                <tr>
+                    <td class="col-md-4">
+                        <a name="autoAlign"></a>
+                        <b>autoAlign</b>
+                    </td>
+                </tr>
+                <tr>
+                    <td class="col-md-4">
+                        <i>Type : </i>        <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
+
+                    </td>
+                </tr>
+                <tr>
+                    <td class="col-md-4">
+                        <i>Default value : </i><code>false</code>
+                    </td>
+                </tr>
+                            <tr>
+                                <td class="col-md-4" colspan="2">
+                                    <div class="io-line">Inherited from         <code><a href="../components/BaseIconButton.html" target="_self" >BaseIconButton</a></code>
+</div>
+                                </td>
+                            </tr>
+                        <tr>
+                            <td class="col-md-2" colspan="2">
+                                    <div class="io-line">Defined in         <code><a href="../components/BaseIconButton.html#source" target="_self" >BaseIconButton:40</a></code>
+</div>
+                            </td>
+                        </tr>
+                <tr>
+                    <td class="col-md-4">
+                        <div class="io-description"><p><strong>Experimental</strong>: Use floating-ui to position the tooltip
+This is not toggleable - should be assigned once</p>
 </div>
                     </td>
                 </tr>
@@ -1120,7 +1163,7 @@ Default is <code>16</code>, hence height of expanded row will be 16 * rowHeightI
                             </tr>
                         <tr>
                             <td class="col-md-2" colspan="2">
-                                    <div class="io-line">Defined in         <code><a href="../components/BaseIconButton.html#source" target="_self" >BaseIconButton:39</a></code>
+                                    <div class="io-line">Defined in         <code><a href="../components/BaseIconButton.html#source" target="_self" >BaseIconButton:44</a></code>
 </div>
                             </td>
                         </tr>
@@ -1237,7 +1280,7 @@ Default is <code>16</code>, hence height of expanded row will be 16 * rowHeightI
                             </tr>
                         <tr>
                             <td class="col-md-2" colspan="2">
-                                    <div class="io-line">Defined in         <code><a href="../components/BaseIconButton.html#source" target="_self" >BaseIconButton:43</a></code>
+                                    <div class="io-line">Defined in         <code><a href="../components/BaseIconButton.html#source" target="_self" >BaseIconButton:48</a></code>
 </div>
                             </td>
                         </tr>

package/docs/documentation/components/DropdownList.html

@@ -785,8 +785,8 @@ ArrowUp -&gt; emit event</p>
 
             <tr>
                 <td class="col-md-4">
-                    <div class="io-line">Defined in <a href="" data-line="536"
-                            class="link-to-prism">src/dropdown/list/dropdown-list.component.ts:536</a></div>
+                    <div class="io-line">Defined in <a href="" data-line="537"
+                            class="link-to-prism">src/dropdown/list/dropdown-list.component.ts:537</a></div>
                 </td>
             </tr>
 
@@ -930,8 +930,8 @@ ArrowUp -&gt; emit event</p>
 
             <tr>
                 <td class="col-md-4">
-                    <div class="io-line">Defined in <a href="" data-line="571"
-                            class="link-to-prism">src/dropdown/list/dropdown-list.component.ts:571</a></div>
+                    <div class="io-line">Defined in <a href="" data-line="572"
+                            class="link-to-prism">src/dropdown/list/dropdown-list.component.ts:572</a></div>
                 </td>
             </tr>
 
@@ -1570,8 +1570,8 @@ ArrowUp -&gt; emit event</p>
 
             <tr>
                 <td class="col-md-4">
-                    <div class="io-line">Defined in <a href="" data-line="504"
-                            class="link-to-prism">src/dropdown/list/dropdown-list.component.ts:504</a></div>
+                    <div class="io-line">Defined in <a href="" data-line="505"
+                            class="link-to-prism">src/dropdown/list/dropdown-list.component.ts:505</a></div>
                 </td>
             </tr>
 
@@ -1720,8 +1720,8 @@ Additionally, any Observables for the <code>DropdownList</code> are initialized.
 
             <tr>
                 <td class="col-md-4">
-                    <div class="io-line">Defined in <a href="" data-line="562"
-                            class="link-to-prism">src/dropdown/list/dropdown-list.component.ts:562</a></div>
+                    <div class="io-line">Defined in <a href="" data-line="563"
+                            class="link-to-prism">src/dropdown/list/dropdown-list.component.ts:563</a></div>
                 </td>
             </tr>
 
@@ -1785,8 +1785,8 @@ Additionally, any Observables for the <code>DropdownList</code> are initialized.
 
             <tr>
                 <td class="col-md-4">
-                    <div class="io-line">Defined in <a href="" data-line="556"
-                            class="link-to-prism">src/dropdown/list/dropdown-list.component.ts:556</a></div>
+                    <div class="io-line">Defined in <a href="" data-line="557"
+                            class="link-to-prism">src/dropdown/list/dropdown-list.component.ts:557</a></div>
                 </td>
             </tr>
 
@@ -1850,8 +1850,8 @@ Additionally, any Observables for the <code>DropdownList</code> are initialized.
 
             <tr>
                 <td class="col-md-4">
-                    <div class="io-line">Defined in <a href="" data-line="581"
-                            class="link-to-prism">src/dropdown/list/dropdown-list.component.ts:581</a></div>
+                    <div class="io-line">Defined in <a href="" data-line="582"
+                            class="link-to-prism">src/dropdown/list/dropdown-list.component.ts:582</a></div>
                 </td>
             </tr>
 
@@ -1992,8 +1992,8 @@ Additionally, any Observables for the <code>DropdownList</code> are initialized.
 
             <tr>
                 <td class="col-md-4">
-                    <div class="io-line">Defined in <a href="" data-line="586"
-                            class="link-to-prism">src/dropdown/list/dropdown-list.component.ts:586</a></div>
+                    <div class="io-line">Defined in <a href="" data-line="587"
+                            class="link-to-prism">src/dropdown/list/dropdown-list.component.ts:587</a></div>
                 </td>
             </tr>
 
@@ -3103,7 +3103,7 @@ export class DropdownList implements AbstractDropdownView, AfterViewInit, OnDest
 			}
 		}
 
-		return elemList[this.index].nativeElement;
+		return elemList[this.index]?.nativeElement;
 	}
 
 	/**
@@ -3241,6 +3241,7 @@ export class DropdownList implements AbstractDropdownView, AfterViewInit, OnDest
 	updateIndex() {
 		// initialize index on the first selected item or
 		// on the next non disabled item if no items are selected
+		// in case, if all items are disabled, the index value will remain same
 		const selected &#x3D; this.getSelected();
 		if (selected.length) {
 			this.index &#x3D; this.displayItems.indexOf(selected[0]);
@@ -3264,7 +3265,7 @@ export class DropdownList implements AbstractDropdownView, AfterViewInit, OnDest
 			event.preventDefault();
 			if (event.key &#x3D;&#x3D;&#x3D; &quot;ArrowDown&quot;) {
 				if (this.hasNextElement()) {
-					this.getNextElement().scrollIntoView({ block: &quot;end&quot; });
+					this.getNextElement()?.scrollIntoView({ block: &quot;end&quot; });
 				} else {
 					this.blurIntent.emit(&quot;bottom&quot;);
 				}

package/docs/documentation/components/HeaderAction.html

@@ -183,6 +183,9 @@
                             <li>
                                 <a href="#align" >align</a>
                             </li>
+                            <li>
+                                <a href="#autoAlign" >autoAlign</a>
+                            </li>
                             <li>
                                 <a href="#caret" >caret</a>
                             </li>
@@ -352,6 +355,46 @@
                 <tr>
                     <td class="col-md-4">
                         <div class="io-description"><p>Set popover alignment</p>
+</div>
+                    </td>
+                </tr>
+            </tbody>
+        </table>
+        <table class="table table-sm table-bordered">
+            <tbody>
+                <tr>
+                    <td class="col-md-4">
+                        <a name="autoAlign"></a>
+                        <b>autoAlign</b>
+                    </td>
+                </tr>
+                <tr>
+                    <td class="col-md-4">
+                        <i>Type : </i>        <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
+
+                    </td>
+                </tr>
+                <tr>
+                    <td class="col-md-4">
+                        <i>Default value : </i><code>false</code>
+                    </td>
+                </tr>
+                            <tr>
+                                <td class="col-md-4" colspan="2">
+                                    <div class="io-line">Inherited from         <code><a href="../components/BaseIconButton.html" target="_self" >BaseIconButton</a></code>
+</div>
+                                </td>
+                            </tr>
+                        <tr>
+                            <td class="col-md-2" colspan="2">
+                                    <div class="io-line">Defined in         <code><a href="../components/BaseIconButton.html#source" target="_self" >BaseIconButton:40</a></code>
+</div>
+                            </td>
+                        </tr>
+                <tr>
+                    <td class="col-md-4">
+                        <div class="io-description"><p><strong>Experimental</strong>: Use floating-ui to position the tooltip
+This is not toggleable - should be assigned once</p>
 </div>
                     </td>
                 </tr>
@@ -462,7 +505,7 @@
                             </tr>
                         <tr>
                             <td class="col-md-2" colspan="2">
-                                    <div class="io-line">Defined in         <code><a href="../components/BaseIconButton.html#source" target="_self" >BaseIconButton:39</a></code>
+                                    <div class="io-line">Defined in         <code><a href="../components/BaseIconButton.html#source" target="_self" >BaseIconButton:44</a></code>
 </div>
                             </td>
                         </tr>
@@ -579,7 +622,7 @@
                             </tr>
                         <tr>
                             <td class="col-md-2" colspan="2">
-                                    <div class="io-line">Defined in         <code><a href="../components/BaseIconButton.html#source" target="_self" >BaseIconButton:43</a></code>
+                                    <div class="io-line">Defined in         <code><a href="../components/BaseIconButton.html#source" target="_self" >BaseIconButton:48</a></code>
 </div>
                             </td>
                         </tr>