npm - @angular/cdk - Versions diffs - 21.0.0-rc.2 → 21.0.0 - Mend

@angular/cdk 21.0.0-rc.2 → 21.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (9) hide show

package/_adev_assets/cdk_drag_drop.json +5 -0
package/_adev_assets/cdk_testing.json +6 -0
package/fesm2022/_overlay-module-chunk.mjs +35 -11
package/fesm2022/_overlay-module-chunk.mjs.map +1 -1
package/fesm2022/cdk.mjs +1 -1
package/fesm2022/cdk.mjs.map +1 -1
package/package.json +3 -3
package/schematics/ng-add/index.js +1 -1
package/types/_overlay-module-chunk.d.ts +14 -3

package/_adev_assets/cdk_drag_drop.json CHANGED Viewed

@@ -179,6 +179,7 @@
       "rawComment": "/** Possible values that can be used to configure the drag start delay. */",
       "description": "Possible values that can be used to configure the drag start delay.",
       "jsdocTags": [],
+      "members": [],
       "source": {
         "filePath": "src/cdk/drag-drop/directives/config.ts",
         "startLine": 13,
@@ -193,6 +194,7 @@
       "rawComment": "/** Possible axis along which dragging can be locked. */",
       "description": "Possible axis along which dragging can be locked.",
       "jsdocTags": [],
+      "members": [],
       "source": {
         "filePath": "src/cdk/drag-drop/directives/config.ts",
         "startLine": 16,
@@ -225,6 +227,7 @@
       "rawComment": "/** Possible orientations for a drop list. */",
       "description": "Possible orientations for a drop list.",
       "jsdocTags": [],
+      "members": [],
       "source": {
         "filePath": "src/cdk/drag-drop/directives/config.ts",
         "startLine": 19,
@@ -4564,6 +4567,7 @@
       "rawComment": "/** Function that can be used to constrain the position of a dragged element. */",
       "description": "Function that can be used to constrain the position of a dragged element.",
       "jsdocTags": [],
+      "members": [],
       "source": {
         "filePath": "/src/cdk/drag-drop/drag-ref.ts",
         "startLine": 61,
@@ -4774,6 +4778,7 @@
       "rawComment": "/**\n * Possible places into which the preview of a drag item can be inserted.\n * - `global` - Preview will be inserted at the bottom of the `<body>`. The advantage is that\n * you don't have to worry about `overflow: hidden` or `z-index`, but the item won't retain\n * its inherited styles.\n * - `parent` - Preview will be inserted into the parent of the drag item. The advantage is that\n * inherited styles will be preserved, but it may be clipped by `overflow: hidden` or not be\n * visible due to `z-index`. Furthermore, the preview is going to have an effect over selectors\n * like `:nth-child` and some flexbox configurations.\n * - `ElementRef<HTMLElement> | HTMLElement` - Preview will be inserted into a specific element.\n * Same advantages and disadvantages as `parent`.\n */",
       "description": "Possible places into which the preview of a drag item can be inserted.\n- `global` - Preview will be inserted at the bottom of the `<body>`. The advantage is that\nyou don't have to worry about `overflow: hidden` or `z-index`, but the item won't retain\nits inherited styles.\n- `parent` - Preview will be inserted into the parent of the drag item. The advantage is that\ninherited styles will be preserved, but it may be clipped by `overflow: hidden` or not be\nvisible due to `z-index`. Furthermore, the preview is going to have an effect over selectors\nlike `:nth-child` and some flexbox configurations.\n- `ElementRef<HTMLElement> | HTMLElement` - Preview will be inserted into a specific element.\nSame advantages and disadvantages as `parent`.",
       "jsdocTags": [],
+      "members": [],
       "source": {
         "filePath": "/src/cdk/drag-drop/drag-ref.ts",
         "startLine": 125,

package/_adev_assets/cdk_testing.json CHANGED Viewed

@@ -221,6 +221,7 @@
           "comment": ""
         }
       ],
+      "members": [],
       "source": {
         "filePath": "src/cdk/testing/component-harness.ts",
         "startLine": 18,
@@ -235,6 +236,7 @@
       "rawComment": "/** Data that can be attached to a custom event dispatched from a `TestElement`. */",
       "description": "Data that can be attached to a custom event dispatched from a `TestElement`.",
       "jsdocTags": [],
+      "members": [],
       "source": {
         "filePath": "/src/cdk/testing/test-element.ts",
         "startLine": 20,
@@ -253,6 +255,7 @@
       "rawComment": "/** An async function that takes an item and returns a boolean promise */",
       "description": "An async function that takes an item and returns a boolean promise",
       "jsdocTags": [],
+      "members": [],
       "source": {
         "filePath": "src/cdk/testing/component-harness.ts",
         "startLine": 21,
@@ -567,6 +570,7 @@
       "rawComment": "/** An async function that takes an item and an option value and returns a boolean promise. */",
       "description": "An async function that takes an item and an option value and returns a boolean promise.",
       "jsdocTags": [],
+      "members": [],
       "source": {
         "filePath": "src/cdk/testing/component-harness.ts",
         "startLine": 24,
@@ -586,6 +590,7 @@
       "rawComment": "/**\n * A query for a `ComponentHarness`, which is expressed as either a `ComponentHarnessConstructor` or\n * a `HarnessPredicate`.\n */",
       "description": "A query for a `ComponentHarness`, which is expressed as either a `ComponentHarnessConstructor` or\na `HarnessPredicate`.",
       "jsdocTags": [],
+      "members": [],
       "source": {
         "filePath": "src/cdk/testing/component-harness.ts",
         "startLine": 30,
@@ -610,6 +615,7 @@
           "comment": "### Example\n\nThe type:\n```ts\nLocatorFnResult<[\n  ComponentHarnessConstructor<MyHarness>,\n  HarnessPredicate<MyOtherHarness>,\n  string\n]>\n```\n\nis equivalent to:\n\n```ts\nMyHarness | MyOtherHarness | TestElement\n```"
         }
       ],
+      "members": [],
       "source": {
         "filePath": "src/cdk/testing/component-harness.ts",
         "startLine": 64,

package/fesm2022/_overlay-module-chunk.mjs CHANGED Viewed

@@ -942,7 +942,13 @@ class OverlayRef {
     if (!this._host.parentElement) {
       const customInsertionPoint = this._config.usePopover ? this._positionStrategy?.getPopoverInsertionPoint?.() : null;
       if (customInsertionPoint) {
-        customInsertionPoint.after(this._host);
+        if (customInsertionPoint instanceof Element) {
+          customInsertionPoint.after(this._host);
+        } else {
+          if (customInsertionPoint.type === 'parent') {
+            customInsertionPoint.element?.appendChild(this._host);
+          }
+        }
       } else {
         this._previousHostParent?.appendChild(this._host);
       }
@@ -1291,13 +1297,26 @@ class FlexibleConnectedPositionStrategy {
     if (this._popoverLocation === 'global') {
       return null;
     }
-    const origin = this._origin;
-    if (origin instanceof ElementRef) {
-      return origin.nativeElement;
-    } else if (origin instanceof Element) {
-      return origin;
+    let hostElement = null;
+    if (this._popoverLocation === 'inline') {
+      if (this._origin instanceof ElementRef) {
+        hostElement = this._origin.nativeElement;
+      } else if (this._origin instanceof Element) {
+        hostElement = this._origin;
+      }
+    } else {
+      hostElement = this._popoverLocation.element;
+    }
+    if (this._popoverLocation === 'inline') {
+      return hostElement;
     }
-    return document.body.lastChild;
+    if (hostElement) {
+      return {
+        type: 'parent',
+        element: hostElement
+      };
+    }
+    return null;
   }
   _getOriginPoint(originRect, containerRect, pos) {
     let x;
@@ -2056,10 +2075,15 @@ function createOverlayRef(injector, config) {
     host.classList.add('cdk-overlay-popover');
   }
   const customInsertionPoint = overlayConfig.usePopover ? overlayConfig.positionStrategy?.getPopoverInsertionPoint?.() : null;
+  overlayContainer.getContainerElement().appendChild(host);
   if (customInsertionPoint) {
-    customInsertionPoint.after(host);
-  } else {
-    overlayContainer.getContainerElement().appendChild(host);
+    if (customInsertionPoint instanceof Element) {
+      customInsertionPoint.after(host);
+    } else {
+      if (customInsertionPoint.type === 'parent') {
+        customInsertionPoint.element?.appendChild(host);
+      }
+    }
   }
   return new OverlayRef(new DomPortalOutlet(pane, appRef, injector), host, pane, overlayConfig, injector.get(NgZone), injector.get(OverlayKeyboardDispatcher), doc, injector.get(Location), injector.get(OverlayOutsideClickDispatcher), config?.disableAnimations ?? injector.get(ANIMATION_MODULE_TYPE, null, {
     optional: true
@@ -2342,7 +2366,7 @@ class CdkConnectedOverlay {
       offsetY: currentPosition.offsetY || this.offsetY,
       panelClass: currentPosition.panelClass || undefined
     }));
-    return positionStrategy.setOrigin(this._getOrigin()).withPositions(positions).withFlexibleDimensions(this.flexibleDimensions).withPush(this.push).withGrowAfterOpen(this.growAfterOpen).withViewportMargin(this.viewportMargin).withLockedPosition(this.lockPosition).withTransformOriginOn(this.transformOriginSelector).withPopoverLocation(this.usePopover === 'global' ? 'global' : 'inline');
+    return positionStrategy.setOrigin(this._getOrigin()).withPositions(positions).withFlexibleDimensions(this.flexibleDimensions).withPush(this.push).withGrowAfterOpen(this.growAfterOpen).withViewportMargin(this.viewportMargin).withLockedPosition(this.lockPosition).withTransformOriginOn(this.transformOriginSelector).withPopoverLocation(this.usePopover === null ? 'global' : this.usePopover);
   }
   _createPositionStrategy() {
     const strategy = createFlexibleConnectedPositionStrategy(this._injector, this._getOrigin());