carbon-components-angular 5.72.2 → 5.72.3

package/combobox/combobox.component.d.ts

@@ -301,7 +301,6 @@ export declare class ComboBox implements OnChanges, AfterViewInit, AfterContentI
     hostkeys(ev: KeyboardEvent): void;
     _noop(): void;
     writeValue(value: any): void;
-    private _propagateChange;
     onBlur(): void;
     registerOnChange(fn: any): void;
     registerOnTouched(fn: any): void;
@@ -362,6 +361,7 @@ export declare class ComboBox implements OnChanges, AfterViewInit, AfterContentI
     handleFocus(event: FocusEvent): void;
     protected updateSelected(): void;
     protected checkForReorder(): void;
+    private _propagateChange;
     static ɵfac: i0.ɵɵFactoryDeclaration<ComboBox, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<ComboBox, "cds-combo-box, ibm-combo-box", never, { "placeholder": "placeholder"; "openMenuAria": "openMenuAria"; "closeMenuAria": "closeMenuAria"; "clearSelectionsTitle": "clearSelectionsTitle"; "clearSelectionsAria": "clearSelectionsAria"; "clearSelectionTitle": "clearSelectionTitle"; "clearSelectionAria": "clearSelectionAria"; "id": "id"; "labelId": "labelId"; "items": "items"; "type": "type"; "size": "size"; "itemValueKey": "itemValueKey"; "label": "label"; "hideLabel": "hideLabel"; "helperText": "helperText"; "decorator": "decorator"; "appendInline": "appendInline"; "invalid": "invalid"; "invalidText": "invalidText"; "warn": "warn"; "warnText": "warnText"; "maxLength": "maxLength"; "theme": "theme"; "selectionFeedback": "selectionFeedback"; "autocomplete": "autocomplete"; "dropUp": "dropUp"; "disabled": "disabled"; "readonly": "readonly"; "fluid": "fluid"; }, { "selected": "selected"; "submit": "submit"; "close": "close"; "search": "search"; "clear": "clear"; }, ["view"], ["*"], false>;
 }

package/datepicker/datepicker.component.d.ts

@@ -183,7 +183,6 @@ export declare class DatePicker implements OnInit, OnDestroy, OnChanges, AfterVi
      * Opens the calendar "properly" when the calendar if it was already open.
      */
     openCalendar(datepickerInput: DatePickerInput, event?: Event): void;
-    private isDecoratorClick;
     protected updateCalendarListeners(): void;
     /**
      * Handles the initialization of event listeners for the datepicker input and range input fields.
@@ -222,6 +221,7 @@ export declare class DatePicker implements OnInit, OnDestroy, OnChanges, AfterVi
      * Left arrow HTML passed to flatpickr
      */
     protected leftArrowHTML(): string;
+    private isDecoratorClick;
     static ɵfac: i0.ɵɵFactoryDeclaration<DatePicker, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<DatePicker, "cds-date-picker, ibm-date-picker", never, { "range": "range"; "dateFormat": "dateFormat"; "language": "language"; "label": "label"; "helperText": "helperText"; "decorator": "decorator"; "rangeDecorator": "rangeDecorator"; "rangeHelperText": "rangeHelperText"; "rangeLabel": "rangeLabel"; "placeholder": "placeholder"; "ariaLabel": "ariaLabel"; "inputPattern": "inputPattern"; "id": "id"; "value": "value"; "theme": "theme"; "disabled": "disabled"; "readonly": "readonly"; "invalid": "invalid"; "invalidText": "invalidText"; "warn": "warn"; "warnText": "warnText"; "size": "size"; "rangeInvalid": "rangeInvalid"; "rangeInvalidText": "rangeInvalidText"; "rangeWarn": "rangeWarn"; "rangeWarnText": "rangeWarnText"; "skeleton": "skeleton"; "plugins": "plugins"; "flatpickrOptions": "flatpickrOptions"; }, { "valueChange": "valueChange"; "onClose": "onClose"; }, never, never, false>;
 }

package/docs/documentation/components/ComboBox.html

@@ -2013,8 +2013,8 @@ Multi-select comboboxes also provide &quot;pills&quot; of selected items.</p>
 
                     <tr>
                         <td class="col-md-4">
-                            <div class="io-line">Defined in <a href="" data-line="883"
-                                    class="link-to-prism">src/combobox/combobox.component.ts:883</a></div>
+                            <div class="io-line">Defined in <a href="" data-line="878"
+                                    class="link-to-prism">src/combobox/combobox.component.ts:878</a></div>
                         </td>
                     </tr>
 
@@ -2052,8 +2052,8 @@ Multi-select comboboxes also provide &quot;pills&quot; of selected items.</p>
 
                     <tr>
                         <td class="col-md-4">
-                            <div class="io-line">Defined in <a href="" data-line="894"
-                                    class="link-to-prism">src/combobox/combobox.component.ts:894</a></div>
+                            <div class="io-line">Defined in <a href="" data-line="889"
+                                    class="link-to-prism">src/combobox/combobox.component.ts:889</a></div>
                         </td>
                     </tr>
 
@@ -2091,8 +2091,8 @@ Multi-select comboboxes also provide &quot;pills&quot; of selected items.</p>
 
                     <tr>
                         <td class="col-md-4">
-                            <div class="io-line">Defined in <a href="" data-line="863"
-                                    class="link-to-prism">src/combobox/combobox.component.ts:863</a></div>
+                            <div class="io-line">Defined in <a href="" data-line="858"
+                                    class="link-to-prism">src/combobox/combobox.component.ts:858</a></div>
                         </td>
                     </tr>
 
@@ -2197,8 +2197,8 @@ Multi-select comboboxes also provide &quot;pills&quot; of selected items.</p>
 
                     <tr>
                         <td class="col-md-4">
-                            <div class="io-line">Defined in <a href="" data-line="923"
-                                    class="link-to-prism">src/combobox/combobox.component.ts:923</a></div>
+                            <div class="io-line">Defined in <a href="" data-line="918"
+                                    class="link-to-prism">src/combobox/combobox.component.ts:918</a></div>
                         </td>
                     </tr>
 
@@ -2264,8 +2264,8 @@ Multi-select comboboxes also provide &quot;pills&quot; of selected items.</p>
 
                     <tr>
                         <td class="col-md-4">
-                            <div class="io-line">Defined in <a href="" data-line="674"
-                                    class="link-to-prism">src/combobox/combobox.component.ts:674</a></div>
+                            <div class="io-line">Defined in <a href="" data-line="950"
+                                    class="link-to-prism">src/combobox/combobox.component.ts:950</a></div>
                         </td>
                     </tr>
 
@@ -2331,8 +2331,8 @@ Multi-select comboboxes also provide &quot;pills&quot; of selected items.</p>
 
                     <tr>
                         <td class="col-md-4">
-                            <div class="io-line">Defined in <a href="" data-line="903"
-                                    class="link-to-prism">src/combobox/combobox.component.ts:903</a></div>
+                            <div class="io-line">Defined in <a href="" data-line="898"
+                                    class="link-to-prism">src/combobox/combobox.component.ts:898</a></div>
                         </td>
                     </tr>
 
@@ -2373,8 +2373,8 @@ This can be overridden by passing in a value to the <code>dropUp</code> input.</
 
                     <tr>
                         <td class="col-md-4">
-                            <div class="io-line">Defined in <a href="" data-line="948"
-                                    class="link-to-prism">src/combobox/combobox.component.ts:948</a></div>
+                            <div class="io-line">Defined in <a href="" data-line="943"
+                                    class="link-to-prism">src/combobox/combobox.component.ts:943</a></div>
                         </td>
                     </tr>
 
@@ -2410,8 +2410,8 @@ This can be overridden by passing in a value to the <code>dropUp</code> input.</
 
                     <tr>
                         <td class="col-md-4">
-                            <div class="io-line">Defined in <a href="" data-line="835"
-                                    class="link-to-prism">src/combobox/combobox.component.ts:835</a></div>
+                            <div class="io-line">Defined in <a href="" data-line="830"
+                                    class="link-to-prism">src/combobox/combobox.component.ts:830</a></div>
                         </td>
                     </tr>
 
@@ -2475,8 +2475,8 @@ This can be overridden by passing in a value to the <code>dropUp</code> input.</
 
                     <tr>
                         <td class="col-md-4">
-                            <div class="io-line">Defined in <a href="" data-line="709"
-                                    class="link-to-prism">src/combobox/combobox.component.ts:709</a></div>
+                            <div class="io-line">Defined in <a href="" data-line="704"
+                                    class="link-to-prism">src/combobox/combobox.component.ts:704</a></div>
                         </td>
                     </tr>
 
@@ -2540,8 +2540,8 @@ This can be overridden by passing in a value to the <code>dropUp</code> input.</
 
                     <tr>
                         <td class="col-md-4">
-                            <div class="io-line">Defined in <a href="" data-line="743"
-                                    class="link-to-prism">src/combobox/combobox.component.ts:743</a></div>
+                            <div class="io-line">Defined in <a href="" data-line="738"
+                                    class="link-to-prism">src/combobox/combobox.component.ts:738</a></div>
                         </td>
                     </tr>
 
@@ -2579,8 +2579,8 @@ This can be overridden by passing in a value to the <code>dropUp</code> input.</
 
                     <tr>
                         <td class="col-md-4">
-                            <div class="io-line">Defined in <a href="" data-line="932"
-                                    class="link-to-prism">src/combobox/combobox.component.ts:932</a></div>
+                            <div class="io-line">Defined in <a href="" data-line="927"
+                                    class="link-to-prism">src/combobox/combobox.component.ts:927</a></div>
                         </td>
                     </tr>
 
@@ -2726,8 +2726,8 @@ This can be overridden by passing in a value to the <code>dropUp</code> input.</
 
                     <tr>
                         <td class="col-md-4">
-                            <div class="io-line">Defined in <a href="" data-line="856"
-                                    class="link-to-prism">src/combobox/combobox.component.ts:856</a></div>
+                            <div class="io-line">Defined in <a href="" data-line="851"
+                                    class="link-to-prism">src/combobox/combobox.component.ts:851</a></div>
                         </td>
                     </tr>
 
@@ -2973,8 +2973,8 @@ Updates pills if necessary.</p>
 
                     <tr>
                         <td class="col-md-4">
-                            <div class="io-line">Defined in <a href="" data-line="679"
-                                    class="link-to-prism">src/combobox/combobox.component.ts:679</a></div>
+                            <div class="io-line">Defined in <a href="" data-line="674"
+                                    class="link-to-prism">src/combobox/combobox.component.ts:674</a></div>
                         </td>
                     </tr>
 
@@ -3012,8 +3012,8 @@ Updates pills if necessary.</p>
 
                     <tr>
                         <td class="col-md-4">
-                            <div class="io-line">Defined in <a href="" data-line="791"
-                                    class="link-to-prism">src/combobox/combobox.component.ts:791</a></div>
+                            <div class="io-line">Defined in <a href="" data-line="786"
+                                    class="link-to-prism">src/combobox/combobox.component.ts:786</a></div>
                         </td>
                     </tr>
 
@@ -3094,8 +3094,8 @@ Updates pills if necessary.</p>
 
                     <tr>
                         <td class="col-md-4">
-                            <div class="io-line">Defined in <a href="" data-line="824"
-                                    class="link-to-prism">src/combobox/combobox.component.ts:824</a></div>
+                            <div class="io-line">Defined in <a href="" data-line="819"
+                                    class="link-to-prism">src/combobox/combobox.component.ts:819</a></div>
                         </td>
                     </tr>
 
@@ -3165,8 +3165,8 @@ Updates pills if necessary.</p>
 
                     <tr>
                         <td class="col-md-4">
-                            <div class="io-line">Defined in <a href="" data-line="757"
-                                    class="link-to-prism">src/combobox/combobox.component.ts:757</a></div>
+                            <div class="io-line">Defined in <a href="" data-line="752"
+                                    class="link-to-prism">src/combobox/combobox.component.ts:752</a></div>
                         </td>
                     </tr>
 
@@ -3204,8 +3204,8 @@ Updates pills if necessary.</p>
 
                     <tr>
                         <td class="col-md-4">
-                            <div class="io-line">Defined in <a href="" data-line="683"
-                                    class="link-to-prism">src/combobox/combobox.component.ts:683</a></div>
+                            <div class="io-line">Defined in <a href="" data-line="678"
+                                    class="link-to-prism">src/combobox/combobox.component.ts:678</a></div>
                         </td>
                     </tr>
 
@@ -3271,8 +3271,8 @@ Updates pills if necessary.</p>
 
                     <tr>
                         <td class="col-md-4">
-                            <div class="io-line">Defined in <a href="" data-line="688"
-                                    class="link-to-prism">src/combobox/combobox.component.ts:688</a></div>
+                            <div class="io-line">Defined in <a href="" data-line="683"
+                                    class="link-to-prism">src/combobox/combobox.component.ts:683</a></div>
                         </td>
                     </tr>
 
@@ -3338,8 +3338,8 @@ Updates pills if necessary.</p>
 
                     <tr>
                         <td class="col-md-4">
-                            <div class="io-line">Defined in <a href="" data-line="697"
-                                    class="link-to-prism">src/combobox/combobox.component.ts:697</a></div>
+                            <div class="io-line">Defined in <a href="" data-line="692"
+                                    class="link-to-prism">src/combobox/combobox.component.ts:692</a></div>
                         </td>
                     </tr>
 
@@ -3410,8 +3410,8 @@ Updates pills if necessary.</p>
 
                     <tr>
                         <td class="col-md-4">
-                            <div class="io-line">Defined in <a href="" data-line="780"
-                                    class="link-to-prism">src/combobox/combobox.component.ts:780</a></div>
+                            <div class="io-line">Defined in <a href="" data-line="775"
+                                    class="link-to-prism">src/combobox/combobox.component.ts:775</a></div>
                         </td>
                     </tr>
 
@@ -3451,8 +3451,8 @@ Updates pills if necessary.</p>
 
                     <tr>
                         <td class="col-md-4">
-                            <div class="io-line">Defined in <a href="" data-line="704"
-                                    class="link-to-prism">src/combobox/combobox.component.ts:704</a></div>
+                            <div class="io-line">Defined in <a href="" data-line="699"
+                                    class="link-to-prism">src/combobox/combobox.component.ts:699</a></div>
                         </td>
                     </tr>
 
@@ -3492,8 +3492,8 @@ Updates pills if necessary.</p>
 
                     <tr>
                         <td class="col-md-4">
-                            <div class="io-line">Defined in <a href="" data-line="936"
-                                    class="link-to-prism">src/combobox/combobox.component.ts:936</a></div>
+                            <div class="io-line">Defined in <a href="" data-line="931"
+                                    class="link-to-prism">src/combobox/combobox.component.ts:931</a></div>
                         </td>
                     </tr>
 
@@ -5534,11 +5534,6 @@ export class ComboBox implements OnChanges, AfterViewInit, AfterContentInit, OnD
 		this.updateSelected();
 	}
 
-	private _propagateChange(value: any) {
-		this._writtenValue &#x3D; value;
-		this.propagateChangeCallback(value);
-	}
-
 	onBlur() {
 		this.onTouchedCallback();
 	}
@@ -5814,6 +5809,11 @@ export class ComboBox implements OnChanges, AfterViewInit, AfterContentInit, OnD
 			this.view.reorderSelected(true);
 		}
 	}
+
+	private _propagateChange(value: any) {
+		this._writtenValue &#x3D; value;
+		this.propagateChangeCallback(value);
+	}
 }
 </code></pre>
     </div>

package/docs/documentation/components/DatePicker.html

@@ -1571,8 +1571,8 @@ Emits an event when date picker closes</p>
 
                     <tr>
                         <td class="col-md-4">
-                            <div class="io-line">Defined in <a href="" data-line="517"
-                                    class="link-to-prism">src/datepicker/datepicker.component.ts:517</a></div>
+                            <div class="io-line">Defined in <a href="" data-line="508"
+                                    class="link-to-prism">src/datepicker/datepicker.component.ts:508</a></div>
                         </td>
                     </tr>
 
@@ -1612,8 +1612,8 @@ Emits an event when date picker closes</p>
 
                     <tr>
                         <td class="col-md-4">
-                            <div class="io-line">Defined in <a href="" data-line="721"
-                                    class="link-to-prism">src/datepicker/datepicker.component.ts:721</a></div>
+                            <div class="io-line">Defined in <a href="" data-line="712"
+                                    class="link-to-prism">src/datepicker/datepicker.component.ts:712</a></div>
                         </td>
                     </tr>
 
@@ -1686,8 +1686,8 @@ Emits an event when date picker closes</p>
 
                     <tr>
                         <td class="col-md-4">
-                            <div class="io-line">Defined in <a href="" data-line="698"
-                                    class="link-to-prism">src/datepicker/datepicker.component.ts:698</a></div>
+                            <div class="io-line">Defined in <a href="" data-line="689"
+                                    class="link-to-prism">src/datepicker/datepicker.component.ts:689</a></div>
                         </td>
                     </tr>
 
@@ -1755,8 +1755,8 @@ Emits an event when date picker closes</p>
 
                     <tr>
                         <td class="col-md-4">
-                            <div class="io-line">Defined in <a href="" data-line="497"
-                                    class="link-to-prism">src/datepicker/datepicker.component.ts:497</a></div>
+                            <div class="io-line">Defined in <a href="" data-line="746"
+                                    class="link-to-prism">src/datepicker/datepicker.component.ts:746</a></div>
                         </td>
                     </tr>
 
@@ -1824,8 +1824,8 @@ Emits an event when date picker closes</p>
 
                     <tr>
                         <td class="col-md-4">
-                            <div class="io-line">Defined in <a href="" data-line="728"
-                                    class="link-to-prism">src/datepicker/datepicker.component.ts:728</a></div>
+                            <div class="io-line">Defined in <a href="" data-line="719"
+                                    class="link-to-prism">src/datepicker/datepicker.component.ts:719</a></div>
                         </td>
                     </tr>
 
@@ -1865,8 +1865,8 @@ Emits an event when date picker closes</p>
 
                     <tr>
                         <td class="col-md-4">
-                            <div class="io-line">Defined in <a href="" data-line="747"
-                                    class="link-to-prism">src/datepicker/datepicker.component.ts:747</a></div>
+                            <div class="io-line">Defined in <a href="" data-line="738"
+                                    class="link-to-prism">src/datepicker/datepicker.component.ts:738</a></div>
                         </td>
                     </tr>
 
@@ -2568,8 +2568,8 @@ Emits an event when date picker closes</p>
 
                     <tr>
                         <td class="col-md-4">
-                            <div class="io-line">Defined in <a href="" data-line="574"
-                                    class="link-to-prism">src/datepicker/datepicker.component.ts:574</a></div>
+                            <div class="io-line">Defined in <a href="" data-line="565"
+                                    class="link-to-prism">src/datepicker/datepicker.component.ts:565</a></div>
                         </td>
                     </tr>
 
@@ -2645,8 +2645,8 @@ Emits an event when date picker closes</p>
 
                     <tr>
                         <td class="col-md-4">
-                            <div class="io-line">Defined in <a href="" data-line="736"
-                                    class="link-to-prism">src/datepicker/datepicker.component.ts:736</a></div>
+                            <div class="io-line">Defined in <a href="" data-line="727"
+                                    class="link-to-prism">src/datepicker/datepicker.component.ts:727</a></div>
                         </td>
                     </tr>
 
@@ -2686,8 +2686,8 @@ Emits an event when date picker closes</p>
 
                     <tr>
                         <td class="col-md-4">
-                            <div class="io-line">Defined in <a href="" data-line="648"
-                                    class="link-to-prism">src/datepicker/datepicker.component.ts:648</a></div>
+                            <div class="io-line">Defined in <a href="" data-line="639"
+                                    class="link-to-prism">src/datepicker/datepicker.component.ts:639</a></div>
                         </td>
                     </tr>
 
@@ -2837,8 +2837,8 @@ Emits an event when date picker closes</p>
 
                     <tr>
                         <td class="col-md-4">
-                            <div class="io-line">Defined in <a href="" data-line="636"
-                                    class="link-to-prism">src/datepicker/datepicker.component.ts:636</a></div>
+                            <div class="io-line">Defined in <a href="" data-line="627"
+                                    class="link-to-prism">src/datepicker/datepicker.component.ts:627</a></div>
                         </td>
                     </tr>
 
@@ -2876,8 +2876,8 @@ Emits an event when date picker closes</p>
 
                     <tr>
                         <td class="col-md-4">
-                            <div class="io-line">Defined in <a href="" data-line="506"
-                                    class="link-to-prism">src/datepicker/datepicker.component.ts:506</a></div>
+                            <div class="io-line">Defined in <a href="" data-line="497"
+                                    class="link-to-prism">src/datepicker/datepicker.component.ts:497</a></div>
                         </td>
                     </tr>
 
@@ -2915,8 +2915,8 @@ Emits an event when date picker closes</p>
 
                     <tr>
                         <td class="col-md-4">
-                            <div class="io-line">Defined in <a href="" data-line="590"
-                                    class="link-to-prism">src/datepicker/datepicker.component.ts:590</a></div>
+                            <div class="io-line">Defined in <a href="" data-line="581"
+                                    class="link-to-prism">src/datepicker/datepicker.component.ts:581</a></div>
                         </td>
                     </tr>
 
@@ -3292,7 +3292,7 @@ Emits an event when date picker closes</p>
                 </tr>
                     <tr>
                         <td class="col-md-4">
-                                <div class="io-line">Defined in <a href="" data-line="696" class="link-to-prism">src/datepicker/datepicker.component.ts:696</a></div>
+                                <div class="io-line">Defined in <a href="" data-line="687" class="link-to-prism">src/datepicker/datepicker.component.ts:687</a></div>
                         </td>
                     </tr>
 
@@ -4005,15 +4005,6 @@ export class DatePicker implements
 		}
 	}
 
-	private isDecoratorClick(event: Event | undefined): boolean {
-		if (!event?.target) {
-			return false;
-		}
-		const t &#x3D; event.target;
-		const el &#x3D; t instanceof Element ? t : (t as Node).parentElement;
-		return el?.closest(&quot;.cds--date-picker-input-inner-wrapper--decorator&quot;) !&#x3D; null;
-	}
-
 	protected updateCalendarListeners() {
 		const calendarContainer &#x3D; document.querySelectorAll(&quot;.flatpickr-calendar&quot;);
 		Array.from(calendarContainer).forEach(calendar &#x3D;&gt; {
@@ -4262,6 +4253,15 @@ export class DatePicker implements
 				&lt;rect width&#x3D;&quot;16&quot; height&#x3D;&quot;16&quot; style&#x3D;&quot;fill:none&quot; /&gt;
 			&lt;/svg&gt;&#x60;;
 	}
+
+	private isDecoratorClick(event: Event | undefined): boolean {
+		if (!event?.target) {
+			return false;
+		}
+		const t &#x3D; event.target;
+		const el &#x3D; t instanceof Element ? t : (t as Node).parentElement;
+		return el?.closest(&quot;.cds--date-picker-input-inner-wrapper--decorator&quot;) !&#x3D; null;
+	}
 }
 </code></pre>
     </div>