main - d06d969 build: update to TypeScript 5.9 (#31604)

Author: crisbeto

cdk/drag-drop/index.d.ts

@@ -245,4 +245,14 @@ declare class CdkDragDropCopyListExample {
     static ɵcmp: i0.ɵɵComponentDeclaration<CdkDragDropCopyListExample, "cdk-drag-drop-copy-list-example", never, {}, {}, never, never, true, never>;
 }
 
-export { CdkDragDropAxisLockExample, CdkDragDropBoundaryExample, CdkDragDropConnectedSortingExample, CdkDragDropConnectedSortingGroupExample, CdkDragDropCopyListExample, CdkDragDropCustomPlaceholderExample, CdkDragDropCustomPreviewExample, CdkDragDropDelayExample, CdkDragDropDisabledExample, CdkDragDropDisabledSortingExample, CdkDragDropEnterPredicateExample, CdkDragDropFreeDragPositionExample, CdkDragDropHandleExample, CdkDragDropHorizontalSortingExample, CdkDragDropMixedSortingExample, CdkDragDropOverviewExample, CdkDragDropRootElementExample, CdkDragDropSortPredicateExample, CdkDragDropSortingExample, CdkDragDropTableExample, CdkDragDropTabsExample };
+/**
+ * @title Drag&Drop scrollable
+ */
+declare class CdkDragDropScrollableExample {
+    elementNames: string[];
+    drop(event: CdkDragDrop<string[]>): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CdkDragDropScrollableExample, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CdkDragDropScrollableExample, "cdk-drag-drop-scrollable-example", never, {}, {}, never, never, true, never>;
+}
+
+export { CdkDragDropAxisLockExample, CdkDragDropBoundaryExample, CdkDragDropConnectedSortingExample, CdkDragDropConnectedSortingGroupExample, CdkDragDropCopyListExample, CdkDragDropCustomPlaceholderExample, CdkDragDropCustomPreviewExample, CdkDragDropDelayExample, CdkDragDropDisabledExample, CdkDragDropDisabledSortingExample, CdkDragDropEnterPredicateExample, CdkDragDropFreeDragPositionExample, CdkDragDropHandleExample, CdkDragDropHorizontalSortingExample, CdkDragDropMixedSortingExample, CdkDragDropOverviewExample, CdkDragDropRootElementExample, CdkDragDropScrollableExample, CdkDragDropSortPredicateExample, CdkDragDropSortingExample, CdkDragDropTableExample, CdkDragDropTabsExample };

docs-content/examples-highlighted/cdk/drag-drop/index-ts.html

@@ -19,3 +19,4 @@
 <span class="hljs-keyword">export</span> {<span class="hljs-title class_">CdkDragDropMixedSortingExample</span>} <span class="hljs-keyword">from</span> <span class="hljs-string">&#x27;./cdk-drag-drop-mixed-sorting/cdk-drag-drop-mixed-sorting-example&#x27;</span>;
 <span class="hljs-keyword">export</span> {<span class="hljs-title class_">CdkDragDropTabsExample</span>} <span class="hljs-keyword">from</span> <span class="hljs-string">&#x27;./cdk-drag-drop-tabs/cdk-drag-drop-tabs-example&#x27;</span>;
 <span class="hljs-keyword">export</span> {<span class="hljs-title class_">CdkDragDropCopyListExample</span>} <span class="hljs-keyword">from</span> <span class="hljs-string">&#x27;./cdk-drag-drop-copy-list/cdk-drag-drop-copy-list-example&#x27;</span>;
+<span class="hljs-keyword">export</span> {<span class="hljs-title class_">CdkDragDropScrollableExample</span>} <span class="hljs-keyword">from</span> <span class="hljs-string">&#x27;./cdk-drag-drop-scrollable/cdk-drag-drop-scrollable-example&#x27;</span>;

docs-content/examples-source/cdk/drag-drop/index.ts

@@ -19,3 +19,4 @@ export {CdkDragDropTableExample} from './cdk-drag-drop-table/cdk-drag-drop-table
 export {CdkDragDropMixedSortingExample} from './cdk-drag-drop-mixed-sorting/cdk-drag-drop-mixed-sorting-example';
 export {CdkDragDropTabsExample} from './cdk-drag-drop-tabs/cdk-drag-drop-tabs-example';
 export {CdkDragDropCopyListExample} from './cdk-drag-drop-copy-list/cdk-drag-drop-copy-list-example';
+export {CdkDragDropScrollableExample} from './cdk-drag-drop-scrollable/cdk-drag-drop-scrollable-example';

fesm2022/cdk-experimental/popover-edit.mjs

@@ -9,10 +9,10 @@ import { CdkAccordionModule } from '@angular/cdk/accordion';
 class CdkAccordionOverviewExample {
     items = ['Item 1', 'Item 2', 'Item 3', 'Item 4', 'Item 5'];
     expandedIndex = 0;
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.0-next.1", ngImport: i0, type: CdkAccordionOverviewExample, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.2.0-next.1", type: CdkAccordionOverviewExample, isStandalone: true, selector: "cdk-accordion-overview-example", ngImport: i0, template: "<cdk-accordion class=\"example-accordion\">\n  @for (item of items; track item; let index = $index) {\n  <cdk-accordion-item #accordionItem=\"cdkAccordionItem\" class=\"example-accordion-item\">\n    <button\n      class=\"example-accordion-item-header\"\n      (click)=\"accordionItem.toggle()\"\n      tabindex=\"0\"\n      [attr.id]=\"'accordion-header-' + index\"\n      [attr.aria-expanded]=\"accordionItem.expanded\"\n      [attr.aria-controls]=\"'accordion-body-' + index\">\n      {{ item }}\n      <span class=\"example-accordion-item-description\">\n        Click to {{ accordionItem.expanded ? 'close' : 'open' }}\n      </span>\n    </button>\n    @if(accordionItem.expanded) {\n    <div\n      class=\"example-accordion-item-body\"\n      role=\"region\"\n      [style.display]=\"accordionItem.expanded ? '' : 'none'\"\n      [attr.id]=\"'accordion-body-' + index\"\n      [attr.aria-labelledby]=\"'accordion-header-' + index\"\n    >\n      Lorem ipsum dolor, sit amet, consectetur adipisicing elit. Perferendis excepturi incidunt ipsum\n      deleniti labore, tempore non nam doloribus blanditiis veritatis illo autem iure aliquid ullam\n      rem tenetur deserunt velit culpa?\n    </div>\n    }\n  </cdk-accordion-item>\n  }\n</cdk-accordion>\n", styles: [".example-accordion {\n  display: block;\n  max-width: 500px;\n}\n\n.example-accordion-item {\n  display: block;\n  border: solid 1px #ccc;\n}\n\n.example-accordion-item + .example-accordion-item {\n  border-top: none;\n}\n\n.example-accordion-item-header {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  width: 100%;\n  background: none;\n  border: none;\n  padding: 16px;\n  text-align: left;\n\n}\n\n.example-accordion-item-description {\n  font-size: 0.85em;\n  color: #999;\n}\n\n.example-accordion-item-body {\n  padding: 16px;\n}\n\n.example-accordion-item-header:hover {\n  cursor: pointer;\n  background-color: #eee;\n}\n\n.example-accordion-item:first-child {\n  border-top-left-radius: 4px;\n  border-top-right-radius: 4px;\n}\n\n.example-accordion-item:last-child {\n  border-bottom-left-radius: 4px;\n  border-bottom-right-radius: 4px;\n}\n"], dependencies: [{ kind: "ngmodule", type: CdkAccordionModule }, { kind: "directive", type: i1.CdkAccordion, selector: "cdk-accordion, [cdkAccordion]", inputs: ["multi"], exportAs: ["cdkAccordion"] }, { kind: "directive", type: i1.CdkAccordionItem, selector: "cdk-accordion-item, [cdkAccordionItem]", inputs: ["expanded", "disabled"], outputs: ["closed", "opened", "destroyed", "expandedChange"], exportAs: ["cdkAccordionItem"] }] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.0-next.2", ngImport: i0, type: CdkAccordionOverviewExample, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.2.0-next.2", type: CdkAccordionOverviewExample, isStandalone: true, selector: "cdk-accordion-overview-example", ngImport: i0, template: "<cdk-accordion class=\"example-accordion\">\n  @for (item of items; track item; let index = $index) {\n  <cdk-accordion-item #accordionItem=\"cdkAccordionItem\" class=\"example-accordion-item\">\n    <button\n      class=\"example-accordion-item-header\"\n      (click)=\"accordionItem.toggle()\"\n      tabindex=\"0\"\n      [attr.id]=\"'accordion-header-' + index\"\n      [attr.aria-expanded]=\"accordionItem.expanded\"\n      [attr.aria-controls]=\"'accordion-body-' + index\">\n      {{ item }}\n      <span class=\"example-accordion-item-description\">\n        Click to {{ accordionItem.expanded ? 'close' : 'open' }}\n      </span>\n    </button>\n    @if(accordionItem.expanded) {\n    <div\n      class=\"example-accordion-item-body\"\n      role=\"region\"\n      [style.display]=\"accordionItem.expanded ? '' : 'none'\"\n      [attr.id]=\"'accordion-body-' + index\"\n      [attr.aria-labelledby]=\"'accordion-header-' + index\"\n    >\n      Lorem ipsum dolor, sit amet, consectetur adipisicing elit. Perferendis excepturi incidunt ipsum\n      deleniti labore, tempore non nam doloribus blanditiis veritatis illo autem iure aliquid ullam\n      rem tenetur deserunt velit culpa?\n    </div>\n    }\n  </cdk-accordion-item>\n  }\n</cdk-accordion>\n", styles: [".example-accordion {\n  display: block;\n  max-width: 500px;\n}\n\n.example-accordion-item {\n  display: block;\n  border: solid 1px #ccc;\n}\n\n.example-accordion-item + .example-accordion-item {\n  border-top: none;\n}\n\n.example-accordion-item-header {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  width: 100%;\n  background: none;\n  border: none;\n  padding: 16px;\n  text-align: left;\n\n}\n\n.example-accordion-item-description {\n  font-size: 0.85em;\n  color: #999;\n}\n\n.example-accordion-item-body {\n  padding: 16px;\n}\n\n.example-accordion-item-header:hover {\n  cursor: pointer;\n  background-color: #eee;\n}\n\n.example-accordion-item:first-child {\n  border-top-left-radius: 4px;\n  border-top-right-radius: 4px;\n}\n\n.example-accordion-item:last-child {\n  border-bottom-left-radius: 4px;\n  border-bottom-right-radius: 4px;\n}\n"], dependencies: [{ kind: "ngmodule", type: CdkAccordionModule }, { kind: "directive", type: i1.CdkAccordion, selector: "cdk-accordion, [cdkAccordion]", inputs: ["multi"], exportAs: ["cdkAccordion"] }, { kind: "directive", type: i1.CdkAccordionItem, selector: "cdk-accordion-item, [cdkAccordionItem]", inputs: ["expanded", "disabled"], outputs: ["closed", "opened", "destroyed", "expandedChange"], exportAs: ["cdkAccordionItem"] }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.0-next.1", ngImport: i0, type: CdkAccordionOverviewExample, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.0-next.2", ngImport: i0, type: CdkAccordionOverviewExample, decorators: [{
             type: Component,
             args: [{ selector: 'cdk-accordion-overview-example', imports: [CdkAccordionModule], template: "<cdk-accordion class=\"example-accordion\">\n  @for (item of items; track item; let index = $index) {\n  <cdk-accordion-item #accordionItem=\"cdkAccordionItem\" class=\"example-accordion-item\">\n    <button\n      class=\"example-accordion-item-header\"\n      (click)=\"accordionItem.toggle()\"\n      tabindex=\"0\"\n      [attr.id]=\"'accordion-header-' + index\"\n      [attr.aria-expanded]=\"accordionItem.expanded\"\n      [attr.aria-controls]=\"'accordion-body-' + index\">\n      {{ item }}\n      <span class=\"example-accordion-item-description\">\n        Click to {{ accordionItem.expanded ? 'close' : 'open' }}\n      </span>\n    </button>\n    @if(accordionItem.expanded) {\n    <div\n      class=\"example-accordion-item-body\"\n      role=\"region\"\n      [style.display]=\"accordionItem.expanded ? '' : 'none'\"\n      [attr.id]=\"'accordion-body-' + index\"\n      [attr.aria-labelledby]=\"'accordion-header-' + index\"\n    >\n      Lorem ipsum dolor, sit amet, consectetur adipisicing elit. Perferendis excepturi incidunt ipsum\n      deleniti labore, tempore non nam doloribus blanditiis veritatis illo autem iure aliquid ullam\n      rem tenetur deserunt velit culpa?\n    </div>\n    }\n  </cdk-accordion-item>\n  }\n</cdk-accordion>\n", styles: [".example-accordion {\n  display: block;\n  max-width: 500px;\n}\n\n.example-accordion-item {\n  display: block;\n  border: solid 1px #ccc;\n}\n\n.example-accordion-item + .example-accordion-item {\n  border-top: none;\n}\n\n.example-accordion-item-header {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  width: 100%;\n  background: none;\n  border: none;\n  padding: 16px;\n  text-align: left;\n\n}\n\n.example-accordion-item-description {\n  font-size: 0.85em;\n  color: #999;\n}\n\n.example-accordion-item-body {\n  padding: 16px;\n}\n\n.example-accordion-item-header:hover {\n  cursor: pointer;\n  background-color: #eee;\n}\n\n.example-accordion-item:first-child {\n  border-top-left-radius: 4px;\n  border-top-right-radius: 4px;\n}\n\n.example-accordion-item:last-child {\n  border-bottom-left-radius: 4px;\n  border-bottom-right-radius: 4px;\n}\n"] }]
         }] });

fesm2022/cdk-experimental/selection.mjs

@@ -18,10 +18,10 @@ class CdkClipboardOverviewExample {
         `thing he was afraid of was losing his power, which eventually, of course, he did. ` +
         `Unfortunately, he taught his apprentice everything he knew, then his apprentice ` +
         `killed him in his sleep. Ironic. He could save others from death, but not himself.`;
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.0-next.1", ngImport: i0, type: CdkClipboardOverviewExample, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.2.0-next.1", type: CdkClipboardOverviewExample, isStandalone: true, selector: "cdk-clipboard-overview-example", ngImport: i0, template: "<label for=\"clipboard-example-textarea\">Text to be copied</label>\n<textarea id=\"clipboard-example-textarea\" cols=\"30\" rows=\"10\" [(ngModel)]=\"value\"></textarea>\n<button [cdkCopyToClipboard]=\"value\">Copy to clipboard</button>\n", styles: ["textarea {\n  display: block;\n  margin: 4px 0 8px;\n}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i3.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: ClipboardModule }, { kind: "directive", type: i2.CdkCopyToClipboard, selector: "[cdkCopyToClipboard]", inputs: ["cdkCopyToClipboard", "cdkCopyToClipboardAttempts"], outputs: ["cdkCopyToClipboardCopied"] }] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.0-next.2", ngImport: i0, type: CdkClipboardOverviewExample, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.2.0-next.2", type: CdkClipboardOverviewExample, isStandalone: true, selector: "cdk-clipboard-overview-example", ngImport: i0, template: "<label for=\"clipboard-example-textarea\">Text to be copied</label>\n<textarea id=\"clipboard-example-textarea\" cols=\"30\" rows=\"10\" [(ngModel)]=\"value\"></textarea>\n<button [cdkCopyToClipboard]=\"value\">Copy to clipboard</button>\n", styles: ["textarea {\n  display: block;\n  margin: 4px 0 8px;\n}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i3.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: ClipboardModule }, { kind: "directive", type: i2.CdkCopyToClipboard, selector: "[cdkCopyToClipboard]", inputs: ["cdkCopyToClipboard", "cdkCopyToClipboardAttempts"], outputs: ["cdkCopyToClipboardCopied"] }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.0-next.1", ngImport: i0, type: CdkClipboardOverviewExample, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.0-next.2", ngImport: i0, type: CdkClipboardOverviewExample, decorators: [{
             type: Component,
             args: [{ selector: 'cdk-clipboard-overview-example', imports: [FormsModule, ClipboardModule], template: "<label for=\"clipboard-example-textarea\">Text to be copied</label>\n<textarea id=\"clipboard-example-textarea\" cols=\"30\" rows=\"10\" [(ngModel)]=\"value\"></textarea>\n<button [cdkCopyToClipboard]=\"value\">Copy to clipboard</button>\n", styles: ["textarea {\n  display: block;\n  margin: 4px 0 8px;\n}\n"] }]
         }] });