@agorapulse/ui-components 0.0.2 → 1.0.0-SNAPSHOT

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@agorapulse/ui-components",
   "description": "Agorapulse UI Components Library",
-  "version": "0.0.2",
+  "version": "1.0.0-SNAPSHOT",
   "author": "Benoit Hediard",
   "repository": {
     "type": "git",
@@ -12,27 +12,298 @@
   },
   "homepage": "https://github.com/agorapulse/design",
   "peerDependencies": {
-    "@agorapulse/ui-symbol": "^1.0.2",
-    "@agorapulse/ui-theme": "^0.0.2",
-    "@angular/common": "^12.0.2",
-    "@angular/core": "^12.0.2",
-    "@angular/material": "^12.0.0",
-    "@angular/animations": "^12.0.2",
-    "@ng-select/ng-select": "^6.0.0",
-    "hammerjs": "^2.0.8",
-    "moment": "^2.24.0",
-    "ngx-daterangepicker-material": "^4.0.1",
-    "ngx-device-detector": "^2.0.0"
+    "@agorapulse/ui-symbol": "^16.0.0",
+    "@agorapulse/ui-theme": "^16.0.0",
+    "@agorapulse/ui-animations": "^16.0.0",
+    "@angular/cdk": "^16.2.9",
+    "@angular/common": "^16.2.10",
+    "@angular/core": "^16.2.10",
+    "@angular/material": "^16.2.9",
+    "@angular/animations": "^16.2.10",
+    "@ng-select/ng-select": "^11.2.0",
+    "@agorapulse/ngx-daterangepicker-material": "^6.0.5",
+    "dayjs": "^1.11.6",
+    "ngxtension": "^1.3.0"
+  },
+  "module": "fesm2022/agorapulse-ui-components.mjs",
+  "typings": "index.d.ts",
+  "exports": {
+    "./package.json": {
+      "default": "./package.json"
+    },
+    ".": {
+      "types": "./index.d.ts",
+      "esm2022": "./esm2022/agorapulse-ui-components.mjs",
+      "esm": "./esm2022/agorapulse-ui-components.mjs",
+      "default": "./fesm2022/agorapulse-ui-components.mjs"
+    },
+    "./add-comment": {
+      "types": "./add-comment/index.d.ts",
+      "esm2022": "./esm2022/add-comment/agorapulse-ui-components-add-comment.mjs",
+      "esm": "./esm2022/add-comment/agorapulse-ui-components-add-comment.mjs",
+      "default": "./fesm2022/agorapulse-ui-components-add-comment.mjs"
+    },
+    "./autocomplete": {
+      "types": "./autocomplete/index.d.ts",
+      "esm2022": "./esm2022/autocomplete/agorapulse-ui-components-autocomplete.mjs",
+      "esm": "./esm2022/autocomplete/agorapulse-ui-components-autocomplete.mjs",
+      "default": "./fesm2022/agorapulse-ui-components-autocomplete.mjs"
+    },
+    "./avatar": {
+      "types": "./avatar/index.d.ts",
+      "esm2022": "./esm2022/avatar/agorapulse-ui-components-avatar.mjs",
+      "esm": "./esm2022/avatar/agorapulse-ui-components-avatar.mjs",
+      "default": "./fesm2022/agorapulse-ui-components-avatar.mjs"
+    },
+    "./badge": {
+      "types": "./badge/index.d.ts",
+      "esm2022": "./esm2022/badge/agorapulse-ui-components-badge.mjs",
+      "esm": "./esm2022/badge/agorapulse-ui-components-badge.mjs",
+      "default": "./fesm2022/agorapulse-ui-components-badge.mjs"
+    },
+    "./confirm-modal": {
+      "types": "./confirm-modal/index.d.ts",
+      "esm2022": "./esm2022/confirm-modal/agorapulse-ui-components-confirm-modal.mjs",
+      "esm": "./esm2022/confirm-modal/agorapulse-ui-components-confirm-modal.mjs",
+      "default": "./fesm2022/agorapulse-ui-components-confirm-modal.mjs"
+    },
+    "./checkbox": {
+      "types": "./checkbox/index.d.ts",
+      "esm2022": "./esm2022/checkbox/agorapulse-ui-components-checkbox.mjs",
+      "esm": "./esm2022/checkbox/agorapulse-ui-components-checkbox.mjs",
+      "default": "./fesm2022/agorapulse-ui-components-checkbox.mjs"
+    },
+    "./counter": {
+      "types": "./counter/index.d.ts",
+      "esm2022": "./esm2022/counter/agorapulse-ui-components-counter.mjs",
+      "esm": "./esm2022/counter/agorapulse-ui-components-counter.mjs",
+      "default": "./fesm2022/agorapulse-ui-components-counter.mjs"
+    },
+    "./button": {
+      "types": "./button/index.d.ts",
+      "esm2022": "./esm2022/button/agorapulse-ui-components-button.mjs",
+      "esm": "./esm2022/button/agorapulse-ui-components-button.mjs",
+      "default": "./fesm2022/agorapulse-ui-components-button.mjs"
+    },
+    "./datepicker": {
+      "types": "./datepicker/index.d.ts",
+      "esm2022": "./esm2022/datepicker/agorapulse-ui-components-datepicker.mjs",
+      "esm": "./esm2022/datepicker/agorapulse-ui-components-datepicker.mjs",
+      "default": "./fesm2022/agorapulse-ui-components-datepicker.mjs"
+    },
+    "./directives": {
+      "types": "./directives/index.d.ts",
+      "esm2022": "./esm2022/directives/agorapulse-ui-components-directives.mjs",
+      "esm": "./esm2022/directives/agorapulse-ui-components-directives.mjs",
+      "default": "./fesm2022/agorapulse-ui-components-directives.mjs"
+    },
+    "./dots-stepper": {
+      "types": "./dots-stepper/index.d.ts",
+      "esm2022": "./esm2022/dots-stepper/agorapulse-ui-components-dots-stepper.mjs",
+      "esm": "./esm2022/dots-stepper/agorapulse-ui-components-dots-stepper.mjs",
+      "default": "./fesm2022/agorapulse-ui-components-dots-stepper.mjs"
+    },
+    "./form-field": {
+      "types": "./form-field/index.d.ts",
+      "esm2022": "./esm2022/form-field/agorapulse-ui-components-form-field.mjs",
+      "esm": "./esm2022/form-field/agorapulse-ui-components-form-field.mjs",
+      "default": "./fesm2022/agorapulse-ui-components-form-field.mjs"
+    },
+    "./form-message": {
+      "types": "./form-message/index.d.ts",
+      "esm2022": "./esm2022/form-message/agorapulse-ui-components-form-message.mjs",
+      "esm": "./esm2022/form-message/agorapulse-ui-components-form-message.mjs",
+      "default": "./fesm2022/agorapulse-ui-components-form-message.mjs"
+    },
+    "./icon-button": {
+      "types": "./icon-button/index.d.ts",
+      "esm2022": "./esm2022/icon-button/agorapulse-ui-components-icon-button.mjs",
+      "esm": "./esm2022/icon-button/agorapulse-ui-components-icon-button.mjs",
+      "default": "./fesm2022/agorapulse-ui-components-icon-button.mjs"
+    },
+    "./infobox": {
+      "types": "./infobox/index.d.ts",
+      "esm2022": "./esm2022/infobox/agorapulse-ui-components-infobox.mjs",
+      "esm": "./esm2022/infobox/agorapulse-ui-components-infobox.mjs",
+      "default": "./fesm2022/agorapulse-ui-components-infobox.mjs"
+    },
+    "./input": {
+      "types": "./input/index.d.ts",
+      "esm2022": "./esm2022/input/agorapulse-ui-components-input.mjs",
+      "esm": "./esm2022/input/agorapulse-ui-components-input.mjs",
+      "default": "./fesm2022/agorapulse-ui-components-input.mjs"
+    },
+    "./input-group": {
+      "types": "./input-group/index.d.ts",
+      "esm2022": "./esm2022/input-group/agorapulse-ui-components-input-group.mjs",
+      "esm": "./esm2022/input-group/agorapulse-ui-components-input-group.mjs",
+      "default": "./fesm2022/agorapulse-ui-components-input-group.mjs"
+    },
+    "./labels": {
+      "types": "./labels/index.d.ts",
+      "esm2022": "./esm2022/labels/agorapulse-ui-components-labels.mjs",
+      "esm": "./esm2022/labels/agorapulse-ui-components-labels.mjs",
+      "default": "./fesm2022/agorapulse-ui-components-labels.mjs"
+    },
+    "./labels-selector": {
+      "types": "./labels-selector/index.d.ts",
+      "esm2022": "./esm2022/labels-selector/agorapulse-ui-components-labels-selector.mjs",
+      "esm": "./esm2022/labels-selector/agorapulse-ui-components-labels-selector.mjs",
+      "default": "./fesm2022/agorapulse-ui-components-labels-selector.mjs"
+    },
+    "./media-display-overlay": {
+      "types": "./media-display-overlay/index.d.ts",
+      "esm2022": "./esm2022/media-display-overlay/agorapulse-ui-components-media-display-overlay.mjs",
+      "esm": "./esm2022/media-display-overlay/agorapulse-ui-components-media-display-overlay.mjs",
+      "default": "./fesm2022/agorapulse-ui-components-media-display-overlay.mjs"
+    },
+    "./modal": {
+      "types": "./modal/index.d.ts",
+      "esm2022": "./esm2022/modal/agorapulse-ui-components-modal.mjs",
+      "esm": "./esm2022/modal/agorapulse-ui-components-modal.mjs",
+      "default": "./fesm2022/agorapulse-ui-components-modal.mjs"
+    },
+    "./neo-datepicker": {
+      "types": "./neo-datepicker/index.d.ts",
+      "esm2022": "./esm2022/neo-datepicker/agorapulse-ui-components-neo-datepicker.mjs",
+      "esm": "./esm2022/neo-datepicker/agorapulse-ui-components-neo-datepicker.mjs",
+      "default": "./fesm2022/agorapulse-ui-components-neo-datepicker.mjs"
+    },
+    "./notification": {
+      "types": "./notification/index.d.ts",
+      "esm2022": "./esm2022/notification/agorapulse-ui-components-notification.mjs",
+      "esm": "./esm2022/notification/agorapulse-ui-components-notification.mjs",
+      "default": "./fesm2022/agorapulse-ui-components-notification.mjs"
+    },
+    "./paginator": {
+      "types": "./paginator/index.d.ts",
+      "esm2022": "./esm2022/paginator/agorapulse-ui-components-paginator.mjs",
+      "esm": "./esm2022/paginator/agorapulse-ui-components-paginator.mjs",
+      "default": "./fesm2022/agorapulse-ui-components-paginator.mjs"
+    },
+    "./password-input": {
+      "types": "./password-input/index.d.ts",
+      "esm2022": "./esm2022/password-input/agorapulse-ui-components-password-input.mjs",
+      "esm": "./esm2022/password-input/agorapulse-ui-components-password-input.mjs",
+      "default": "./fesm2022/agorapulse-ui-components-password-input.mjs"
+    },
+    "./popmenu": {
+      "types": "./popmenu/index.d.ts",
+      "esm2022": "./esm2022/popmenu/agorapulse-ui-components-popmenu.mjs",
+      "esm": "./esm2022/popmenu/agorapulse-ui-components-popmenu.mjs",
+      "default": "./fesm2022/agorapulse-ui-components-popmenu.mjs"
+    },
+    "./radio": {
+      "types": "./radio/index.d.ts",
+      "esm2022": "./esm2022/radio/agorapulse-ui-components-radio.mjs",
+      "esm": "./esm2022/radio/agorapulse-ui-components-radio.mjs",
+      "default": "./fesm2022/agorapulse-ui-components-radio.mjs"
+    },
+    "./range-slider": {
+      "types": "./range-slider/index.d.ts",
+      "esm2022": "./esm2022/range-slider/agorapulse-ui-components-range-slider.mjs",
+      "esm": "./esm2022/range-slider/agorapulse-ui-components-range-slider.mjs",
+      "default": "./fesm2022/agorapulse-ui-components-range-slider.mjs"
+    },
+    "./slide-toggle": {
+      "types": "./slide-toggle/index.d.ts",
+      "esm2022": "./esm2022/slide-toggle/agorapulse-ui-components-slide-toggle.mjs",
+      "esm": "./esm2022/slide-toggle/agorapulse-ui-components-slide-toggle.mjs",
+      "default": "./fesm2022/agorapulse-ui-components-slide-toggle.mjs"
+    },
+    "./select": {
+      "types": "./select/index.d.ts",
+      "esm2022": "./esm2022/select/agorapulse-ui-components-select.mjs",
+      "esm": "./esm2022/select/agorapulse-ui-components-select.mjs",
+      "default": "./fesm2022/agorapulse-ui-components-select.mjs"
+    },
+    "./snackbars-thread": {
+      "types": "./snackbars-thread/index.d.ts",
+      "esm2022": "./esm2022/snackbars-thread/agorapulse-ui-components-snackbars-thread.mjs",
+      "esm": "./esm2022/snackbars-thread/agorapulse-ui-components-snackbars-thread.mjs",
+      "default": "./fesm2022/agorapulse-ui-components-snackbars-thread.mjs"
+    },
+    "./social-button": {
+      "types": "./social-button/index.d.ts",
+      "esm2022": "./esm2022/social-button/agorapulse-ui-components-social-button.mjs",
+      "esm": "./esm2022/social-button/agorapulse-ui-components-social-button.mjs",
+      "default": "./fesm2022/agorapulse-ui-components-social-button.mjs"
+    },
+    "./split-button": {
+      "types": "./split-button/index.d.ts",
+      "esm2022": "./esm2022/split-button/agorapulse-ui-components-split-button.mjs",
+      "esm": "./esm2022/split-button/agorapulse-ui-components-split-button.mjs",
+      "default": "./fesm2022/agorapulse-ui-components-split-button.mjs"
+    },
+    "./status": {
+      "types": "./status/index.d.ts",
+      "esm2022": "./esm2022/status/agorapulse-ui-components-status.mjs",
+      "esm": "./esm2022/status/agorapulse-ui-components-status.mjs",
+      "default": "./fesm2022/agorapulse-ui-components-status.mjs"
+    },
+    "./status-card": {
+      "types": "./status-card/index.d.ts",
+      "esm2022": "./esm2022/status-card/agorapulse-ui-components-status-card.mjs",
+      "esm": "./esm2022/status-card/agorapulse-ui-components-status-card.mjs",
+      "default": "./fesm2022/agorapulse-ui-components-status-card.mjs"
+    },
+    "./tag": {
+      "types": "./tag/index.d.ts",
+      "esm2022": "./esm2022/tag/agorapulse-ui-components-tag.mjs",
+      "esm": "./esm2022/tag/agorapulse-ui-components-tag.mjs",
+      "default": "./fesm2022/agorapulse-ui-components-tag.mjs"
+    },
+    "./stepper": {
+      "types": "./stepper/index.d.ts",
+      "esm2022": "./esm2022/stepper/agorapulse-ui-components-stepper.mjs",
+      "esm": "./esm2022/stepper/agorapulse-ui-components-stepper.mjs",
+      "default": "./fesm2022/agorapulse-ui-components-stepper.mjs"
+    },
+    "./text-measurement": {
+      "types": "./text-measurement/index.d.ts",
+      "esm2022": "./esm2022/text-measurement/agorapulse-ui-components-text-measurement.mjs",
+      "esm": "./esm2022/text-measurement/agorapulse-ui-components-text-measurement.mjs",
+      "default": "./fesm2022/agorapulse-ui-components-text-measurement.mjs"
+    },
+    "./textarea": {
+      "types": "./textarea/index.d.ts",
+      "esm2022": "./esm2022/textarea/agorapulse-ui-components-textarea.mjs",
+      "esm": "./esm2022/textarea/agorapulse-ui-components-textarea.mjs",
+      "default": "./fesm2022/agorapulse-ui-components-textarea.mjs"
+    },
+    "./toggle": {
+      "types": "./toggle/index.d.ts",
+      "esm2022": "./esm2022/toggle/agorapulse-ui-components-toggle.mjs",
+      "esm": "./esm2022/toggle/agorapulse-ui-components-toggle.mjs",
+      "default": "./fesm2022/agorapulse-ui-components-toggle.mjs"
+    },
+    "./tooltip": {
+      "types": "./tooltip/index.d.ts",
+      "esm2022": "./esm2022/tooltip/agorapulse-ui-components-tooltip.mjs",
+      "esm": "./esm2022/tooltip/agorapulse-ui-components-tooltip.mjs",
+      "default": "./fesm2022/agorapulse-ui-components-tooltip.mjs"
+    },
+    "./legacy/input": {
+      "types": "./legacy/input/index.d.ts",
+      "esm2022": "./esm2022/legacy/input/agorapulse-ui-components-legacy-input.mjs",
+      "esm": "./esm2022/legacy/input/agorapulse-ui-components-legacy-input.mjs",
+      "default": "./fesm2022/agorapulse-ui-components-legacy-input.mjs"
+    },
+    "./legacy/select": {
+      "types": "./legacy/select/index.d.ts",
+      "esm2022": "./esm2022/legacy/select/agorapulse-ui-components-legacy-select.mjs",
+      "esm": "./esm2022/legacy/select/agorapulse-ui-components-legacy-select.mjs",
+      "default": "./fesm2022/agorapulse-ui-components-legacy-select.mjs"
+    },
+    "./legacy/textarea": {
+      "types": "./legacy/textarea/index.d.ts",
+      "esm2022": "./esm2022/legacy/textarea/agorapulse-ui-components-legacy-textarea.mjs",
+      "esm": "./esm2022/legacy/textarea/agorapulse-ui-components-legacy-textarea.mjs",
+      "default": "./fesm2022/agorapulse-ui-components-legacy-textarea.mjs"
+    }
   },
-  "main": "bundles/agorapulse-ui-components.umd.js",
-  "module": "fesm2015/agorapulse-ui-components.js",
-  "es2015": "fesm2015/agorapulse-ui-components.js",
-  "esm2015": "esm2015/agorapulse-ui-components.js",
-  "fesm2015": "fesm2015/agorapulse-ui-components.js",
-  "typings": "agorapulse-ui-components.d.ts",
-  "metadata": "agorapulse-ui-components.metadata.json",
   "sideEffects": false,
   "dependencies": {
-    "tslib": "^2.2.0"
+    "tslib": "^2.3.0"
   }
 }

package/paginator/index.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+/// <amd-module name="@agorapulse/ui-components/paginator" />
+export * from './public_api';

package/paginator/paginator-button/paginator-button.component.d.ts

@@ -0,0 +1,17 @@
+import { ElementRef, EventEmitter } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare class PaginatorButtonComponent {
+    button: ElementRef<HTMLButtonElement>;
+    ariaLabel: string;
+    disabled: boolean;
+    pageIndex: number;
+    selectedPageIndex: number;
+    selectPage: EventEmitter<number>;
+    focused: boolean;
+    onClickHandle(pageIndex: number): void;
+    onBlurHandle(): void;
+    onFocusHandle(): void;
+    onSpaceKeyUp(event: KeyboardEvent): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<PaginatorButtonComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PaginatorButtonComponent, "ap-paginator-button", never, { "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "pageIndex": { "alias": "pageIndex"; "required": false; }; "selectedPageIndex": { "alias": "selectedPageIndex"; "required": false; }; }, { "selectPage": "selectPage"; }, never, never, true, never>;
+}

package/paginator/paginator.component.d.ts

@@ -0,0 +1,38 @@
+import { SymbolRegistry } from '@agorapulse/ui-symbol';
+import { EventEmitter, OnDestroy } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare class PaginatorComponent implements OnDestroy {
+    symbolRegistry: SymbolRegistry;
+    readonly DEFAULT_MIDDLE_SIZE = 3;
+    readonly DEFAULT_ITEM_COUNT = 0;
+    readonly DEFAULT_ITEM_COUNT_PER_PAGE = 10;
+    readonly DEFAULT_CURRENT_PAGE_INDEX = 0;
+    readonly DEFAULT_EDGE_SIZE = 5;
+    set currentPageIndex(value: number);
+    get currentPageIndex(): number;
+    displayGoTo: boolean;
+    edgeSize: number;
+    goToLabel: string;
+    set itemCount(value: number);
+    get itemCount(): number;
+    set itemCountPerPage(value: number);
+    get itemCountPerPage(): number;
+    private _middleSize;
+    set middleSize(value: number);
+    get middleSize(): number;
+    currentPageIndexChange: EventEmitter<number>;
+    pageInput: string;
+    pageCount: number;
+    firstPageDisplayed: boolean;
+    lastPageDisplayed: boolean;
+    private destroy$;
+    private _itemCount;
+    private _itemCountPerPage;
+    private _currentPageIndex;
+    constructor(symbolRegistry: SymbolRegistry);
+    ngOnDestroy(): void;
+    onEnterKeydownPressed(): void;
+    onSelectPage(pageIndex: number): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<PaginatorComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PaginatorComponent, "ap-paginator", never, { "currentPageIndex": { "alias": "currentPageIndex"; "required": false; }; "displayGoTo": { "alias": "displayGoTo"; "required": false; }; "edgeSize": { "alias": "edgeSize"; "required": false; }; "goToLabel": { "alias": "goToLabel"; "required": false; }; "itemCount": { "alias": "itemCount"; "required": false; }; "itemCountPerPage": { "alias": "itemCountPerPage"; "required": false; }; "middleSize": { "alias": "middleSize"; "required": false; }; }, { "currentPageIndexChange": "currentPageIndexChange"; }, never, never, true, never>;
+}

package/paginator/public_api.d.ts

@@ -0,0 +1,2 @@
+export * from './paginator.component';
+export * from './paginator-button/paginator-button.component';

package/password-input/index.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+/// <amd-module name="@agorapulse/ui-components/password-input" />
+export * from './public_api';

package/password-input/password-input.component.d.ts

@@ -0,0 +1,33 @@
+import { SymbolRegistry } from '@agorapulse/ui-symbol';
+import { ElementRef, OnDestroy, OnInit } from '@angular/core';
+import { ControlValueAccessor, FormControl } from '@angular/forms';
+import { Subscription } from 'rxjs';
+import * as i0 from "@angular/core";
+export declare const PASSWORD_CONTROL_VALUE_ACCESSOR: any;
+export declare class PasswordInputComponent implements OnInit, OnDestroy, ControlValueAccessor {
+    symbolRegistry: SymbolRegistry;
+    static type: string[];
+    inputType: (typeof PasswordInputComponent.type)[number];
+    name: string;
+    placeholder: string;
+    fullWidth: boolean;
+    disabled: boolean;
+    passwordInput: ElementRef;
+    controler: FormControl;
+    changes: Subscription;
+    constructor(symbolRegistry: SymbolRegistry);
+    /**
+     * Change between visible and hidden password
+     */
+    toggleInputType(): void;
+    onChange: (password: string) => void;
+    onTouch: () => void;
+    writeValue(obj: string): void;
+    registerOnChange(fn: (password: string) => void): void;
+    registerOnTouched(fn: () => void): void;
+    setDisabledState(isDisabled: boolean): void;
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<PasswordInputComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PasswordInputComponent, "ap-password-input", never, { "name": { "alias": "name"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "fullWidth": { "alias": "fullWidth"; "required": false; }; }, {}, never, never, true, never>;
+}

package/password-input/public_api.d.ts

@@ -0,0 +1 @@
+export * from './password-input.component';

package/popmenu/index.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+/// <amd-module name="@agorapulse/ui-components/popmenu" />
+export * from './public_api';

package/{src/lib/popmenu → popmenu}/options.d.ts

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

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

@@ -0,0 +1,48 @@
+export interface PopmenuOptions {
+    animationDuration?: number;
+    apPopmenuBorder?: boolean;
+    apPopmenuDisabled?: boolean;
+    apPopmenuBackground?: boolean;
+    arrow?: boolean;
+    arrowPosition?: boolean;
+    arrowOffset?: number;
+    hasBackdrop?: boolean;
+    backdropClass?: string;
+    panelClass?: string;
+    placement?: string;
+    rounded?: boolean;
+    delay?: number;
+    display?: boolean;
+    displayTouchscreen?: boolean;
+    'show-delay'?: number;
+    'hide-delay'?: number;
+    showDelay?: number;
+    hideDelay?: number;
+    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?: {
+        top: number;
+        left: number;
+    };
+}

package/{src/lib/popmenu → popmenu}/popmenu.component.d.ts

@@ -1,18 +1,19 @@
 import { AfterViewInit, ChangeDetectorRef, ElementRef, EventEmitter, Renderer2 } from '@angular/core';
 import { MatMenuTrigger } from '@angular/material/menu';
+import * as i0 from "@angular/core";
 export declare class PopmenuComponent implements AfterViewInit {
     renderer: Renderer2;
-    elementRef: ElementRef;
+    elementRef: ElementRef<HTMLElement>;
     private changeDetectorRef;
     data: any;
     events: EventEmitter<any>;
-    arrowTopPosition: string;
-    arrowBottomPosition: string;
-    arrowLeftPosition: string;
-    arrowRightPosition: string;
-    arrowClass: string;
-    below: any;
-    before: any;
+    arrowTopPosition: string | undefined;
+    arrowBottomPosition: string | undefined;
+    arrowLeftPosition: string | undefined;
+    arrowRightPosition: string | undefined;
+    arrowClass: string | undefined;
+    below: boolean;
+    before: boolean;
     menuClosed: EventEmitter<any>;
     menuOpened: EventEmitter<any>;
     trigger: MatMenuTrigger;
@@ -32,6 +33,7 @@ export declare class PopmenuComponent implements AfterViewInit {
     get show(): boolean;
     set show(value: boolean);
     set close(value: boolean);
+    menuOpen: boolean;
     get arrow(): any;
     get arrowOffset(): any;
     get arrowPosition(): any;
@@ -41,18 +43,24 @@ 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 panelClass(): 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);
+    constructor(renderer: Renderer2, elementRef: ElementRef<HTMLElement>, changeDetectorRef: ChangeDetectorRef);
     ngAfterViewInit(): void;
     onMenuClosed(): void;
     onMenuOpened(): void;
     setHostStyle(placement: string): boolean;
     setPlacementClass(placement?: string): void;
     setPosition(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<PopmenuComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PopmenuComponent, "ap-popmenu", never, { "data": { "alias": "data"; "required": false; }; "show": { "alias": "show"; "required": false; }; "close": { "alias": "close"; "required": false; }; }, { "menuClosed": "menuClosed"; "menuOpened": "menuOpened"; }, never, never, true, never>;
 }

package/popmenu/popmenu.directive.d.ts

@@ -0,0 +1,84 @@
+import { ApplicationRef, ComponentFactoryResolver, ComponentRef, ElementRef, EventEmitter, Injector, OnChanges, OnInit, Renderer2, SimpleChanges, TemplateRef } from '@angular/core';
+import { PopmenuOptions } from './popmenu-options.interface';
+import * as i0 from "@angular/core";
+export interface AdComponent {
+    data: any;
+    show: boolean;
+    close: boolean;
+    menuClosed: any;
+    menuOpened: any;
+    menuOpen: boolean;
+}
+export declare class PopmenuDirective implements OnChanges, OnInit {
+    #private;
+    private initOptions;
+    renderer: Renderer2;
+    private elementRef;
+    private componentFactoryResolver;
+    private appRef;
+    private injector;
+    apPopmenuBorder: boolean;
+    apPopmenuDisabled: boolean;
+    apPopmenuBackground: boolean;
+    arrow: boolean;
+    arrowOffset: number | undefined;
+    arrowPosition: string | undefined;
+    close: boolean;
+    hasBackdrop: boolean;
+    backdropClass: string;
+    panelClass: string | undefined;
+    offset: number | undefined;
+    offsets: {
+        distance?: number;
+        skidding?: number;
+    } | undefined;
+    placement: string;
+    pointer: boolean;
+    popMenuValue: TemplateRef<any>;
+    position: {
+        top: number;
+        left: number;
+    } | undefined;
+    rounded: boolean;
+    shadow: boolean;
+    menuClosed: EventEmitter<any>;
+    menuOpened: EventEmitter<any>;
+    componentElement: HTMLElement;
+    hideTimeoutId: number | undefined;
+    destroyTimeoutId: number | undefined;
+    createTimeoutId: number | undefined;
+    showTimeoutId: number | undefined;
+    componentRef: ComponentRef<any>;
+    elementPosition: any;
+    componentSubscribe: any;
+    _defaultOptions: any;
+    _options: PopmenuOptions;
+    get options(): PopmenuOptions;
+    set options(value: PopmenuOptions);
+    get destroyDelay(): number;
+    get isDisplayOnHover(): boolean;
+    get isTooltipDestroyed(): boolean;
+    get tooltipPosition(): any;
+    constructor(initOptions: PopmenuOptions, renderer: Renderer2, elementRef: ElementRef, componentFactoryResolver: ComponentFactoryResolver, appRef: ApplicationRef, injector: Injector);
+    appendComponentToBody(component: any, data?: any): void;
+    menuOpenChange: EventEmitter<boolean>;
+    get menuOpen(): boolean;
+    set menuOpen(menuOpen: boolean);
+    handleClose(event: any): void;
+    handleOpen(event: any): void;
+    applyOptionsDefault(defaultOptions: PopmenuOptions, options: PopmenuOptions): void;
+    clearTimeouts(): void;
+    createPopMenu(): void;
+    getElementPosition(): void;
+    getHideDelay(): number | undefined;
+    getProperties(changes: SimpleChanges): any;
+    getShowDelay(): number | undefined;
+    ngOnChanges(changes: SimpleChanges): void;
+    ngOnInit(): void;
+    onClick(): void;
+    show(): void;
+    showTooltipElem(): void;
+    hideTooltipElem(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<PopmenuDirective, [{ optional: true; }, null, null, null, null, null]>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<PopmenuDirective, "[apPopmenu]", never, { "apPopmenuBorder": { "alias": "apPopmenuBorder"; "required": false; }; "apPopmenuDisabled": { "alias": "apPopmenuDisabled"; "required": false; }; "apPopmenuBackground": { "alias": "apPopmenuBackground"; "required": false; }; "arrow": { "alias": "arrow"; "required": false; }; "arrowOffset": { "alias": "arrowOffset"; "required": false; }; "arrowPosition": { "alias": "arrowPosition"; "required": false; }; "close": { "alias": "close"; "required": false; }; "hasBackdrop": { "alias": "hasBackdrop"; "required": false; }; "backdropClass": { "alias": "backdropClass"; "required": false; }; "panelClass": { "alias": "panelClass"; "required": false; }; "offset": { "alias": "offset"; "required": false; }; "offsets": { "alias": "offsets"; "required": false; }; "placement": { "alias": "placement"; "required": false; }; "pointer": { "alias": "pointer"; "required": false; }; "popMenuValue": { "alias": "apPopmenu"; "required": false; }; "position": { "alias": "position"; "required": false; }; "rounded": { "alias": "rounded"; "required": false; }; "shadow": { "alias": "shadow"; "required": false; }; "options": { "alias": "options"; "required": false; }; "menuOpen": { "alias": "menuOpen"; "required": false; }; }, { "menuClosed": "menuClosed"; "menuOpened": "menuOpened"; "menuOpenChange": "menuOpenChange"; }, never, never, true, never>;
+}