docs: replace programatically by programmatically (#22171)

* docs: replace programatically by programmatically

Harmonize the use of the word programmatically like it is in dictionary.
Also see https://en.wiktionary.org/wiki/programatically

* fixup! docs: replace programatically by programmatically

* fixup! docs: replace programatically by programmatically

Author: jeripeierSBB

src/cdk-experimental/column-resize/column-resize-notifier.ts

@@ -26,7 +26,7 @@ export interface ColumnSizeAction extends ColumnSize {
   /**
    * Whether the resize action should be applied instantaneously. False for events triggered during
    * a UI-triggered resize (such as with the mouse) until the mouse button is released. True
-   * for all programatically triggered resizes.
+   * for all programmatically triggered resizes.
    */
   readonly completeImmediately?: boolean;
 

src/cdk/table/cell.ts

@@ -134,8 +134,8 @@ export class CdkColumnDef extends _CdkColumnDefBase implements CanStick {
    * @docs-private
    */
   protected _setNameInput(value: string) {
-    // If the directive is set without a name (updated programatically), then this setter will
-    // trigger with an empty string and should not overwrite the programatically set value.
+    // If the directive is set without a name (updated programmatically), then this setter will
+    // trigger with an empty string and should not overwrite the programmatically set value.
     if (value) {
       this._name = value;
       this.cssClassFriendlyName = value.replace(/[^a-z0-9_-]/ig, '-');

src/components-examples/material/tooltip/tooltip-disabled/tooltip-disabled-example.html

@@ -1,7 +1,7 @@
 <button mat-raised-button
         matTooltip="Info about the action"
         [matTooltipDisabled]="disabled.value"
-        aria-label="Button that displays a tooltip that can be programatically disabled">
+        aria-label="Button that displays a tooltip that can be programmatically disabled">
   Action
 </button>
 

src/material-experimental/mdc-autocomplete/autocomplete.scss

@@ -12,8 +12,8 @@
   max-height: 256px; // Prevents lists with a lot of option from growing too high.
   position: static; // MDC uses `absolute` by default which will throw off our positioning.
   visibility: hidden;
-  // MDC sets the transform-origin programatically based on whether the dropdown is above or below
-  // the input. We use our own positioning logic, so we need to set this ourselves.
+  // MDC sets the transform-origin programmatically based on whether the dropdown is above or
+  // below the input. We use our own positioning logic, so we need to set this ourselves.
   transform-origin: center top;
 
   // Note that we include this private mixin, because the public
@@ -31,8 +31,8 @@
   .mat-mdc-autocomplete-panel-above & {
     border-bottom-left-radius: 0;
     border-bottom-right-radius: 0;
-    // MDC sets the transform-origin programatically based on whether the dropdown is above or below
-    // the input. We use our own positioning logic, so we need to set this ourselves.
+    // MDC sets the transform-origin programmatically based on whether the dropdown is above or
+    // below the input. We use our own positioning logic, so we need to set this ourselves.
     transform-origin: center bottom;
   }
 

src/material/menu/menu.ts

@@ -272,7 +272,7 @@ export class _MatMenuBase implements AfterContentInit, MatMenuPanel<MatMenuItem>
       .withHomeAndEnd();
     this._tabSubscription = this._keyManager.tabOut.subscribe(() => this.closed.emit('tab'));
 
-    // If a user manually (programatically) focuses a menu item, we need to reflect that focus
+    // If a user manually (programmatically) focuses a menu item, we need to reflect that focus
     // change back to the key manager. Note that we don't need to unsubscribe here because _focused
     // is internal and we know that it gets completed on destroy.
     this._directDescendantItems.changes.pipe(