@tedi-design-system/angular 9.0.0-rc.7 → 9.0.0-rc.9

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tedi-design-system/angular",
-  "version": "9.0.0-rc.7",
+  "version": "9.0.0-rc.9",
   "license": "MIT",
   "type": "module",
   "main": "community.mjs",

package/tedi/index.d.ts

@@ -3729,7 +3729,7 @@ declare function calculateArrowOffset(placement: OverlaySide, triggerEl: HTMLEle
 
 declare class PopoverTriggerDirective {
     /**
-     * Should add underline class to trigger element?
+     * Underline the trigger element.
      * @default false
      */
     readonly underline: _angular_core.InputSignal<boolean>;
@@ -3757,38 +3757,47 @@ declare class PopoverComponent {
      */
     readonly position: _angular_core.InputSignal<OverlayPosition>;
     /**
-     * Should position flip to opposite direction when overflowing screen?
+     * Flip to the opposite side when the popover would overflow the screen.
      * @default false
      */
     readonly preventOverflow: _angular_core.InputSignal<boolean>;
     /**
-     * Is dismissible by clicking outside of content?
+     * Close the popover when clicking outside its content.
      * @default true
      */
     readonly dismissible: _angular_core.InputSignal<boolean>;
     /**
-     * Does popover content hide on scroll?
+     * Close the popover when the page scrolls.
      * @default false
      */
     readonly hideOnScroll: _angular_core.InputSignal<boolean>;
     /**
-     * Does popover have illustrative border on the arrow side?
+     * Show an illustrative border on the arrow side.
      * @default false
      */
     readonly withBorder: _angular_core.InputSignal<boolean>;
     /**
-     * Should show arrow?
+     * Show the arrow pointing to the trigger.
+     * @default true
      */
     readonly withArrow: _angular_core.InputSignal<boolean>;
     /**
-     * Lock scrolling on rest of the page?
+     * Lock scrolling on the rest of the page while the popover is open.
      * @default false
      */
     readonly lockScroll: _angular_core.InputSignal<boolean>;
-    /** Delay time (in ms) for closing popover when not hovering trigger or content.
+    /**
+     * Delay in ms before the popover closes when neither the trigger nor the
+     * content is hovered.
      * @default 100
      */
     readonly timeoutDelay: _angular_core.InputSignal<number>;
+    /**
+     * Gap in px between the trigger and the popover. The arrow's gap is added on
+     * top when `withArrow` is `true`.
+     * @default 8
+     */
+    readonly offset: _angular_core.InputSignal<number>;
     private readonly document;
     private readonly renderer;
     private readonly connectedOverlay;
@@ -3802,7 +3811,16 @@ declare class PopoverComponent {
     readonly arrowTop: _angular_core.WritableSignal<number | null>;
     readonly overlayOrigin: _angular_core.Signal<_angular_cdk_overlay.CdkOverlayOrigin>;
     private readonly arrowOffset;
-    readonly overlayPositions: _angular_core.Signal<_angular_cdk_overlay.ConnectedPosition[]>;
+    readonly overlayPositions: _angular_core.Signal<{
+        offsetX: number | undefined;
+        offsetY: number | undefined;
+        originX: "start" | "center" | "end";
+        originY: "top" | "center" | "bottom";
+        overlayX: "start" | "center" | "end";
+        overlayY: "top" | "center" | "bottom";
+        weight?: number;
+        panelClass?: string | string[];
+    }[]>;
     readonly panelClasses: _angular_core.Signal<string>;
     readonly ariaLabelledBy: _angular_core.Signal<string>;
     hideTimeout?: ReturnType<typeof setTimeout>;
@@ -3844,7 +3862,7 @@ declare class PopoverComponent {
     private isInsideOverlay;
     private handleClosePopoverEvent;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<PopoverComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<PopoverComponent, "tedi-popover", never, { "position": { "alias": "position"; "required": false; "isSignal": true; }; "preventOverflow": { "alias": "preventOverflow"; "required": false; "isSignal": true; }; "dismissible": { "alias": "dismissible"; "required": false; "isSignal": true; }; "hideOnScroll": { "alias": "hideOnScroll"; "required": false; "isSignal": true; }; "withBorder": { "alias": "withBorder"; "required": false; "isSignal": true; }; "withArrow": { "alias": "withArrow"; "required": false; "isSignal": true; }; "lockScroll": { "alias": "lockScroll"; "required": false; "isSignal": true; }; "timeoutDelay": { "alias": "timeoutDelay"; "required": false; "isSignal": true; }; }, {}, ["popoverTrigger", "popoverContent"], ["[tedi-popover-trigger]", "tedi-popover-content"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<PopoverComponent, "tedi-popover", never, { "position": { "alias": "position"; "required": false; "isSignal": true; }; "preventOverflow": { "alias": "preventOverflow"; "required": false; "isSignal": true; }; "dismissible": { "alias": "dismissible"; "required": false; "isSignal": true; }; "hideOnScroll": { "alias": "hideOnScroll"; "required": false; "isSignal": true; }; "withBorder": { "alias": "withBorder"; "required": false; "isSignal": true; }; "withArrow": { "alias": "withArrow"; "required": false; "isSignal": true; }; "lockScroll": { "alias": "lockScroll"; "required": false; "isSignal": true; }; "timeoutDelay": { "alias": "timeoutDelay"; "required": false; "isSignal": true; }; "offset": { "alias": "offset"; "required": false; "isSignal": true; }; }, {}, ["popoverTrigger", "popoverContent"], ["[tedi-popover-trigger]", "tedi-popover-content"], true, never>;
 }
 
 type PopoverWidthPreset = "none" | "small" | "medium" | "large";
@@ -3862,11 +3880,11 @@ declare class PopoverContentComponent {
      */
     maxWidth: _angular_core.InputSignal<PopoverWidth>;
     /**
-     * Heading title of the content
+     * Title shown at the top of the content.
      */
     title: _angular_core.InputSignal<string>;
     /**
-     * Should content show close button?
+     * Show a close button in the content.
      * @default false
      */
     showClose: _angular_core.InputSignal<boolean>;
@@ -11118,6 +11136,11 @@ declare class ModalContentComponent {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<ModalContentComponent, "tedi-modal-content", never, {}, {}, never, ["*"], true, [{ directive: typeof i1.CdkScrollable; inputs: {}; outputs: {}; }]>;
 }
 
+/**
+ * Right-aligns its content. Add `tedi-modal-footer-start` to each element that
+ * should sit on the left instead. Mark the elements themselves, not a wrapper,
+ * so they keep the footer's gap.
+ */
 declare class ModalFooterComponent {
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<ModalFooterComponent, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<ModalFooterComponent, "tedi-modal-footer", never, {}, {}, never, ["*"], true, never>;