@agorapulse/ui-components 13.2.3 → 13.2.4

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@agorapulse/ui-components",
   "description": "Agorapulse UI Components Library",
-  "version": "13.2.3",
+  "version": "13.2.4",
   "author": "Benoit Hediard",
   "repository": {
     "type": "git",

package/src/lib/popmenu/options.d.ts

@@ -11,5 +11,6 @@ export declare const defaultOptions: {
     shadow: boolean;
     theme: string;
     offset: number;
+    offsets: {};
     maxWidth: string;
 };

package/src/lib/popmenu/popmenu-options.interface.d.ts

@@ -6,6 +6,7 @@ export interface PopmenuOptions {
     'arrowPosition'?: boolean;
     'arrowOffset'?: number;
     'hasBackdrop'?: boolean;
+    'backdropClass'?: string;
     'placement'?: string;
     'rounded'?: boolean;
     'delay'?: number;
@@ -14,7 +15,24 @@ export interface PopmenuOptions {
     'trigger'?: string;
     'shadow'?: boolean;
     'theme'?: string;
+    /**
+     * @deprecated use offsets (with an S at the end) instead
+     */
     'offset'?: number;
+    /**
+     * Allow to customize the position of the popmenu from the target
+     *
+     * Skidding: displaces the popper along the reference element.
+     *
+     * Distance: displaces the popper away from, or toward, the reference element in the direction of its placement.
+     * A positive number displaces it further away, while a negative number lets it overlap the reference.
+     *
+     * See popper.js documentation for more explanation about skidding and distance: https://popper.js.org/docs/v2/modifiers/offset/
+     */
+    'offsets'?: {
+        distance?: number;
+        skidding?: number;
+    };
     'width'?: number;
     'max-width'?: number;
     'position'?: {

package/src/lib/popmenu/popmenu.component.d.ts

@@ -42,12 +42,15 @@ export declare class PopmenuComponent implements AfterViewInit {
     get element(): any;
     get elementPosition(): any;
     get hasBackdrop(): any;
+    get backdropClass(): any;
     get isThemeLight(): boolean;
     get options(): any;
     get placement(): any;
     get rounded(): any;
     get shadow(): any;
     get tooltipOffset(): number;
+    get offsetSkidding(): number;
+    get offsetDistance(): number;
     get value(): any;
     constructor(renderer: Renderer2, elementRef: ElementRef, changeDetectorRef: ChangeDetectorRef);
     ngAfterViewInit(): void;

package/src/lib/popmenu/popmenu.directive.d.ts

@@ -31,7 +31,12 @@ export declare class PopmenuDirective implements OnChanges, OnInit {
     arrowPosition: string;
     close: boolean;
     hasBackdrop: boolean;
+    backdropClass: string;
     offset: number;
+    offsets: {
+        distance?: number;
+        skidding?: number;
+    };
     placement: string;
     pointer: boolean;
     popMenuValue: TemplateRef<any>;
@@ -68,5 +73,5 @@ export declare class PopmenuDirective implements OnChanges, OnInit {
     showTooltipElem(): void;
     hideTooltipElem(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<PopmenuDirective, [{ optional: true; }, null, null, null, null, null]>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<PopmenuDirective, "[apPopmenu]", never, { "apPopmenuBorder": "apPopmenuBorder"; "apPopmenuDisabled": "apPopmenuDisabled"; "apPopmenuBackground": "apPopmenuBackground"; "arrow": "arrow"; "arrowOffset": "arrowOffset"; "arrowPosition": "arrowPosition"; "close": "close"; "hasBackdrop": "hasBackdrop"; "offset": "offset"; "placement": "placement"; "pointer": "pointer"; "popMenuValue": "apPopmenu"; "position": "position"; "rounded": "rounded"; "shadow": "shadow"; "options": "options"; }, { "menuClosed": "menuClosed"; "menuOpened": "menuOpened"; }, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<PopmenuDirective, "[apPopmenu]", never, { "apPopmenuBorder": "apPopmenuBorder"; "apPopmenuDisabled": "apPopmenuDisabled"; "apPopmenuBackground": "apPopmenuBackground"; "arrow": "arrow"; "arrowOffset": "arrowOffset"; "arrowPosition": "arrowPosition"; "close": "close"; "hasBackdrop": "hasBackdrop"; "backdropClass": "backdropClass"; "offset": "offset"; "offsets": "offsets"; "placement": "placement"; "pointer": "pointer"; "popMenuValue": "apPopmenu"; "position": "position"; "rounded": "rounded"; "shadow": "shadow"; "options": "options"; }, { "menuClosed": "menuClosed"; "menuOpened": "menuOpened"; }, never>;
 }