@simpleangularcontrols/sac-common 10.0.0-rc.3 → 10.0.0-rc.30

package/controls/contextmenu/contextmenu.d.ts

@@ -1,113 +1,134 @@
-import { ElementRef, Injector, NgZone, OnDestroy, Renderer2, TemplateRef } from '@angular/core';
-import { ISacIconService } from '../../interfaces/ISacIconService';
-import { PlacementArray } from '../../utilities/positioning';
-/**
- * Base Context Menü Element. Die Logik wurde aus NG-BOOTSTRAP übernommen.
- */
-export declare class SacContextmenuCommon implements OnDestroy {
-    private document;
-    private ngZone;
-    private elementRef;
-    private renderer;
-    /**
-     * Button für Open/Close Event aus Template
-     */
-    private _anchorTemplate;
-    /**
-     * Button für Open/Close Event
-     */
-    private _anchor;
-    /**
-     * Container Element für Dropdown
-     */
-    private _menu;
-    /**
-     * Body HTML Element
-     */
-    private bodyContainer;
-    /**
-     * Zone Subscription für Postitonierung des Elements
-     */
-    private zoneSubscription;
-    /**
-     * icon service
-     */
-    protected iconService: ISacIconService;
-    /**
-     * Custom HTML Template für Dropdown Button. Button muss den Marker "ngContextmenuAnchor" beinhalten, damit das Control korrekt funktioniert.
-     */
-    buttontemplate: TemplateRef<any>;
-    /**
-     * Container an welchem die Position ausgerichtet wird. Aktuell wird nun Body Supported
-     */
-    container: null | 'body';
-    /**
-     * Extra CSS Klassen für das Control
-     */
-    cssclass: string;
-    /**
-     * Definiert ob das Dropdown offen ist.
-     */
-    isopen: boolean;
-    /**
-     * The preferred placement of the dropdown.
-     *
-     * Possible values are `"top"`, `"top-left"`, `"top-right"`, `"bottom"`, `"bottom-left"`,
-     * `"bottom-right"`, `"left"`, `"left-top"`, `"left-bottom"`, `"right"`, `"right-top"`,
-     * `"right-bottom"`
-     *
-     * Accepts an array of strings or a string with space separated possible values.
-     *
-     * The default order of preference is `"bottom-left bottom-right top-left top-right"`
-     *
-     * Please see the [positioning overview](#/positioning) for more details.
-     */
-    placement: PlacementArray;
-    /**
-     * Konstruktor
-     * @param document HTML Document Element
-     * @param ngZone Angular Zone Service
-     * @param elementRef HTML Element des aktuellen Controls
-     * @param renderer Angular Rendering Service
-     * @param injector injector to resolve the icon service
-     */
-    constructor(document: any, ngZone: NgZone, elementRef: ElementRef<HTMLElement>, renderer: Renderer2, injector: Injector);
-    /**
-     * icon for default context menü button
-     */
-    get IconContextMenu(): string;
-    /**
-     * HostListener um das Dropdown zu schliessen wenn nicht auf das Element geklickt wird.
-     */
-    onClick(targetElement: any): void;
-    /**
-     * Schliesst das Dropdown
-     */
-    close(): void;
-    /**
-     * Event wenn Component entfernt wird.
-     */
-    ngOnDestroy(): void;
-    /**
-     * Öffnet das Dropdown / Zeigt das Menü an.
-     */
-    open(): void;
-    /**
-     * Toggle von Dropdown
-     */
-    toggle(): void;
-    /**
-     * Setzt die Position des Menüs im Markup
-     */
-    protected _positionMenu(): void;
-    /**
-     * Setzt die Position des Menüs innerhalb der Seite. Die Ausrichtung passiert innerhalb der Seite
-     * damit das Menü innerhalb eines Dialogs sauber funktionioniert.
-     * @param container Definiert wo das Menü ausgerichtet wird. Im Moment nur BODY Supported
-     */
-    private _applyContainer;
-    /**
-     * Setzt die CSS Klassen auf dem Menü Container auf den Standard zurück
-     */
-    private _resetContainer;
-}
+import { ISacIconService } from '../../interfaces/ISacIconService';
+import { PlacementArray } from '../../utilities/positionelements';
+import { ISacContextmenuCommon } from './contextmenu.interface';
+import { SacContextmenuItemCommon } from './contextmenuitem';
+import { AfterContentInit, ElementRef, Injector, NgZone, OnDestroy, QueryList, Renderer2, TemplateRef } from '@angular/core';
+/**
+ * Base context menu element. The logic was taken from NG-BOOTSTRAP.
+ */
+export declare class SacContextmenuCommon implements ISacContextmenuCommon, AfterContentInit, OnDestroy {
+    private readonly document;
+    private readonly ngZone;
+    private readonly elementRef;
+    private readonly renderer;
+    /**
+     * Button for open/close event
+     */
+    private readonly _anchor;
+    /**
+     * Button for open/close event from template
+     */
+    private readonly _anchorTemplate;
+    /**
+     * Container element for dropdown
+     */
+    private readonly _menu;
+    /**
+     * Zone subscription for positioning the element
+     */
+    private readonly zoneSubscription;
+    /**
+     * Body HTML Element
+     */
+    private bodyContainer;
+    /**
+     * icon service
+     */
+    protected iconService: ISacIconService;
+    /**
+     * Custom HTML template for dropdown button. Button must contain the marker "ngContextmenuAnchor" for the control to work correctly.
+     */
+    buttontemplate: TemplateRef<any>;
+    /**
+     * Container to which the position is aligned. Currently only body is supported.
+     */
+    container: null | 'body';
+    /**
+     * Extra CSS classes for the control
+     */
+    cssclass: string;
+    /**
+     * Identifier used for the E2E data attribute.
+     */
+    e2eidentifier: string | null;
+    /**
+     * Defines whether the dropdown is open.
+     */
+    isopen: boolean;
+    /**
+     * All directly assigned context menu elements that are defined in the direct template for the context menu.
+     */
+    menuitems: QueryList<SacContextmenuItemCommon>;
+    /**
+     * name of control
+     */
+    name: string;
+    /**
+     * The preferred placement of the dropdown.
+     *
+     * Possible values are `"top"`, `"top-left"`, `"top-right"`, `"bottom"`, `"bottom-left"`,
+     * `"bottom-right"`, `"left"`, `"left-top"`, `"left-bottom"`, `"right"`, `"right-top"`,
+     * `"right-bottom"`
+     *
+     * Accepts an array of strings or a string with space separated possible values.
+     *
+     * The default order of preference is `"bottom-left bottom-right top-left top-right"`
+     *
+     * Please see the [positioning overview](#/positioning) for more details.
+     */
+    placement: PlacementArray;
+    /**
+     * Constructor
+     * @param document HTML document element
+     * @param ngZone Angular zone service
+     * @param elementRef HTML element of the current control
+     * @param renderer Angular rendering service
+     * @param injector Injector to resolve the icon service
+     */
+    constructor(document: any, ngZone: NgZone, elementRef: ElementRef<HTMLElement>, renderer: Renderer2, injector: Injector);
+    /**
+     * Icon for default context menu button
+     */
+    get IconContextMenu(): string;
+    /**
+     * Closes the dropdown
+     */
+    close(): void;
+    /**
+     * Lifecycle hook that is called after content projection is completed.
+     *
+     * Associates each menu item with this context menu instance so that item
+     * events can delegate to the parent menu.
+     */
+    ngAfterContentInit(): void;
+    /**
+     * Event when component is destroyed.
+     */
+    ngOnDestroy(): void;
+    /**
+     * HostListener to close the dropdown when clicking outside the element.
+     */
+    onClick(targetElement: any): void;
+    /**
+     * Opens the dropdown / shows the menu.
+     */
+    open(): void;
+    /**
+     * Toggle dropdown
+     */
+    toggle(): void;
+    /**
+     * Sets the position of the menu in the markup
+     */
+    protected _positionMenu(): void;
+    /**
+     * Sets the position of the menu within the page. The alignment happens within the page
+     * so that the menu works correctly inside a dialog.
+     * @param container Defines where the menu is aligned. Currently only BODY is supported
+     */
+    private _applyContainer;
+    /**
+     * Resets the CSS classes on the menu container to default
+     */
+    private _resetContainer;
+}

package/controls/contextmenu/contextmenu.interface.d.ts

@@ -0,0 +1,9 @@
+/**
+ * Defines the common context menu API contract for all context menu components.
+ */
+export interface ISacContextmenuCommon {
+    /**
+     * Closes the context menu.
+     */
+    close(): void;
+}

package/{utilities/positioning.ngfactory.d.ts → controls/contextmenu/contextmenu.interface.ngfactory.d.ts}

@@ -1 +1 @@
-export {};
+export {};

package/controls/contextmenu/contextmenu.ngfactory.d.ts

@@ -1 +1 @@
-export {};
+export {};

package/controls/contextmenu/contextmenuanchor.d.ts

@@ -1,15 +1,15 @@
-import { ElementRef } from '@angular/core';
-/**
- * Base Context Menu Anchor Component für Open/Close Event
- */
-export declare class SacContextmenuAnchorCommon {
-    /**
-     * Referenz auf das Native HTML Element
-     */
-    nativeElement: HTMLElement;
-    /**
-     * Konstruktor
-     * @param elementRef Refernz auf das HTML welcher als Anker für das Context Menü verwendet wird
-     */
-    constructor(elementRef: ElementRef<HTMLElement>);
-}
+import { ElementRef } from '@angular/core';
+/**
+ * Base context menu anchor component for open/close event
+ */
+export declare class SacContextmenuAnchorCommon {
+    /**
+     * Reference to the native HTML element
+     */
+    nativeElement: HTMLElement;
+    /**
+     * Constructor
+     * @param elementRef Reference to the HTML element used as anchor for the context menu
+     */
+    constructor(elementRef: ElementRef<HTMLElement>);
+}

package/controls/contextmenu/contextmenuanchor.ngfactory.d.ts

@@ -1 +1 @@
-export {};
+export {};

package/controls/contextmenu/contextmenucontainer.d.ts

@@ -1,15 +1,15 @@
-import { ElementRef } from '@angular/core';
-/**
- * Common Marker Klasse für den Menü Container
- */
-export declare class SacContextMenuContrainerCommon {
-    /**
-     * Referenz auf das HTML Element des Menü Containers
-     */
-    nativeElement: HTMLElement;
-    /**
-     * Konstruktor
-     * @param elementRef Referenz auf das HTML Element mit der Marker Direktive
-     */
-    constructor(elementRef: ElementRef<HTMLElement>);
-}
+import { ElementRef } from '@angular/core';
+/**
+ * Common marker class for the menu container
+ */
+export declare class SacContextMenuContrainerCommon {
+    /**
+     * Reference to the HTML element of the menu container
+     */
+    nativeElement: HTMLElement;
+    /**
+     * Constructor
+     * @param elementRef Reference to the HTML element with the marker directive
+     */
+    constructor(elementRef: ElementRef<HTMLElement>);
+}

package/controls/contextmenu/contextmenucontainer.ngfactory.d.ts

@@ -1 +1 @@
-export {};
+export {};

package/controls/contextmenu/contextmenuitem.d.ts

@@ -1,5 +1,10 @@
-/**
- * Base Context Menu Item
- */
-export declare class SacContextmenuItemCommon {
-}
+import { ISacContextmenuCommon } from './contextmenu.interface';
+/**
+ * Base Context Menu Item
+ */
+export declare class SacContextmenuItemCommon {
+    /**
+     * Reference to the higher-level context menu. This property is always set automatically by the context menu. However, it may be necessary to set the reference manually.
+     */
+    contextmenu: ISacContextmenuCommon | null;
+}

package/controls/contextmenu/contextmenuitem.ngfactory.d.ts

@@ -1 +1 @@
-export {};
+export {};

package/controls/contextmenu/contextmenuitembutton.d.ts

@@ -1,66 +1,67 @@
-import { EventEmitter } from '@angular/core';
-import { SacContextmenuCommon } from './contextmenu';
-import { SacContextmenuItemCommon } from './contextmenuitem';
-/**
- * Base Context Menu Button Item
- */
-export declare class SacContextmenuItemButtonCommon extends SacContextmenuItemCommon {
-    protected contextmenu: SacContextmenuCommon;
-    /**
-     * Constructor
-     * @param contextmenu Instance of Context Menü.
-     */
-    constructor(contextmenu: SacContextmenuCommon);
-    /**
-     * Menu Item ist deaktiviert
-     */
-    protected _isdisabled: boolean;
-    /**
-     * Icon Column in Menü ist deaktiviert
-     */
-    protected _isicondisabled: boolean;
-    /**
-     * Icon für Menü
-     */
-    icon: string;
-    /**
-     * css class for button styling
-     */
-    cssclass: string;
-    /**
-     * Input Property für Styling des Buttons. Definiert die Css Klassen des Buttons
-     */
-    iconstyle: string;
-    /**
-     * Image für Menü. Wird benötigt wenn das Icon für den Button ein File und nicht ein Icon Font ist.
-     */
-    image: string;
-    /**
-     * Menu Item ist deaktiviert
-     */
-    set isdisabled(v: boolean | string);
-    /**
-     * Menu Item ist deaktiviert
-     */
-    get isdisabled(): boolean | string;
-    /**
-     * Icon Column in Menü ist deaktiviert
-     */
-    set isicondisabled(v: boolean | string);
-    /**
-     * Icon Column in Menü ist deaktiviert
-     */
-    get isicondisabled(): boolean | string;
-    /**
-     * Text für Menü Item.
-     */
-    text: string;
-    /**
-     * Event wenn auf den Button geklickt wird
-     */
-    clicked: EventEmitter<void>;
-    /**
-     * Die Methode wird das cklickaction Emitter aktivieren
-     */
-    callaction(event: MouseEvent): void;
-}
+import { SacContextmenuItemCommon } from './contextmenuitem';
+import { EventEmitter } from '@angular/core';
+/**
+ * Base Context Menu Button Item
+ */
+export declare class SacContextmenuItemButtonCommon extends SacContextmenuItemCommon {
+    /**
+     * Menu item is disabled
+     */
+    protected _isdisabled: boolean;
+    /**
+     * Icon column in menu is disabled
+     */
+    protected _isicondisabled: boolean;
+    /**
+     * Event when the button is clicked
+     */
+    clicked: EventEmitter<void>;
+    /**
+     * css class for button styling
+     */
+    cssclass: string;
+    /**
+     * Icon for menu
+     */
+    icon: string;
+    /**
+     * Input property for button styling. Defines the CSS classes of the button
+     */
+    iconstyle: string;
+    /**
+     * Image for menu. Required if the icon for the button is a file and not an icon font.
+     */
+    image: string;
+    /**
+     * name of button. used for generate id and name
+     */
+    name: string;
+    /**
+     * Text for menu item.
+     */
+    text: string;
+    /**
+     * Constructor
+     */
+    constructor();
+    /**
+     * Menu item is disabled
+     */
+    get isdisabled(): boolean | string;
+    /**
+     * Menu item is disabled
+     */
+    set isdisabled(v: boolean | string);
+    /**
+     * Icon column in menu is disabled
+     */
+    get isicondisabled(): boolean | string;
+    /**
+     * Icon column in menu is disabled
+     */
+    set isicondisabled(v: boolean | string);
+    /**
+     * This method will trigger the click action emitter
+     */
+    callaction(event: MouseEvent): void;
+}

package/controls/contextmenu/contextmenuitembutton.ngfactory.d.ts

@@ -1 +1 @@
-export {};
+export {};