asksuite-citrus 3.11.3 → 3.12.0-beta.0

package/lib/directives/ask-dropdown.directive.d.ts

@@ -19,8 +19,6 @@ export declare class AskDropdownDirective implements OnInit {
     private overlayConfig;
     private overlayRef;
     private containerRef;
-    private mouseOutSubscription?;
-    private mouseDistanceSubscription?;
     private readonly AVAILABLE_POSITIONS;
     constructor(overlayPositionBuilder: OverlayPositionBuilder, elementRef: ElementRef, overlay: Overlay, _destroyRef: DestroyRef);
     ngOnInit(): void;
@@ -28,6 +26,7 @@ export declare class AskDropdownDirective implements OnInit {
     private createOverlay;
     private getOverlayPosition;
     private listenOutsideClicks;
+    ngOnDestroy(): void;
     showOnHoverIn(): void;
     hideOnHoverOut(): void;
     show(): void;

package/lib/services/dynamic-dropdown/dynamic-dropdown.service.d.ts

@@ -0,0 +1,63 @@
+import { TemplateRef, ViewContainerRef, Injector } from '@angular/core';
+import { Overlay } from '@angular/cdk/overlay';
+import { Subject } from 'rxjs';
+import * as i0 from "@angular/core";
+export interface DropdownConfig {
+    templateToRender: TemplateRef<any>;
+    viewContainerRef: ViewContainerRef;
+    referenceElement: HTMLElement;
+    positionParams: any;
+    closeOnOutsideClick?: boolean;
+}
+export interface DropdownRef {
+    close: (result?: any) => void;
+    afterClosed: Subject<any>;
+}
+export declare class DynamicDropdownService {
+    private overlay;
+    private injector;
+    private overlayRefs;
+    constructor(overlay: Overlay, injector: Injector);
+    /**
+     * Opens a new modal with the given configuration.
+     */
+    open(config: DropdownConfig): DropdownRef;
+    /**
+     * Creates an overlay with the specified position and configuration.
+     */
+    private createOverlay;
+    /**
+     * Creates a flexible position strategy for the modal based on the base element.
+     */
+    private createPositionStrategy;
+    /**
+     * Creates the configuration for the overlay.
+     */
+    private createOverlayConfig;
+    /**
+     * Attaches the specified template to the overlay.
+     */
+    private attachTemplateToOverlay;
+    /**
+     * Sets up listeners for the overlay, such as closing on backdrop click or escape key.
+     */
+    private setupOverlayListeners;
+    /**
+     * Creates a subject that will emit when the modal is closed.
+     */
+    private createAfterClosedSubject;
+    /**
+     * Creates a reference for the modal that can be used to control the modal's lifecycle.
+     */
+    private createModalRef;
+    /**
+     * Closes the modal and cleans up resources.
+     */
+    private closeModal;
+    /**
+     * Closes all open modals.
+     */
+    closeAll(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DynamicDropdownService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<DynamicDropdownService>;
+}

package/lib/services/modal/modal.service.d.ts

@@ -1,4 +1,4 @@
-import { Overlay } from '@angular/cdk/overlay';
+import { Overlay, OverlayPositionBuilder } from '@angular/cdk/overlay';
 import { Injector } from '@angular/core';
 import { AskModalConfirmData } from '../../components/modal/confirmation-modal/confirmation-modal.component';
 import { ComponentType } from '../../components/modal/modal.component';
@@ -8,11 +8,15 @@ import * as i0 from "@angular/core";
 export declare class ModalService {
     private overlay;
     private injector;
-    constructor(overlay: Overlay, injector: Injector);
-    open<T>(component: ComponentType<T>, config?: ModalConfig): ModalRef;
+    private overlayPositionBuilder;
+    private readonly AVAILABLE_POSITIONS;
+    constructor(overlay: Overlay, injector: Injector, overlayPositionBuilder: OverlayPositionBuilder);
+    open<T>(component: ComponentType<T>, config?: ModalConfig, baseElement?: HTMLElement): ModalRef;
     confirmModal(data: AskModalConfirmData): ModalRef;
     private createInjector;
     private getPositionStrategy;
+    private setOverlayConfig;
+    private getOverlayPosition;
     getOverlay(config?: ModalConfig): import("@angular/cdk/overlay").OverlayRef;
     static ɵfac: i0.ɵɵFactoryDeclaration<ModalService, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<ModalService>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "asksuite-citrus",
-  "version": "3.11.3",
+  "version": "3.12.0-beta.0",
   "peerDependencies": {
     "@angular/common": "^17.3.7",
     "@angular/core": "^17.3.7",

package/public-api.d.ts

@@ -23,6 +23,7 @@ export * from './lib/directives';
 export * from './lib/components/modal/directives';
 export * from './lib/services/toast/toast.service';
 export * from './lib/services/modal';
+export * from './lib/services/dynamic-dropdown/dynamic-dropdown.service';
 export * from './lib/pipes/paginate/paginate.pipe';
 export * from './lib/pipes/force-break-line/force-break-line.pipe';
 export * from './lib/services/toast/toast.config';

package/styles/colors.scss

@@ -491,7 +491,7 @@ $color-border-warning: $color-y-700;
 
 $color-divider-default: $color-nl-400;
 
-$color-elevation-surface-default-default: $color-nl-100;
+$color-elevation-surface-primary-default: $color-nl-100;
 $color-elevation-surface-default-hovered: $color-nl-200;
 $color-elevation-surface-sunken-default: $color-nl-0;
 $color-elevation-surface-sunken-hovered: $color-nl-100;
@@ -702,5 +702,7 @@ $color-texticon-danger: $color-r-600;
   --color-background-accent-green-contrast-default: #{$color-background-accent-green-contrast-default};
   --color-background-accent-green-contrast-hovered: #{$color-background-accent-green-contrast-hovered};
   --color-background-accent-green-contrast-pressed: #{$color-background-accent-green-contrast-pressed};
+  --color-background-brand-asksuite-subtler-default: #{$color-background-brand-asksuite-subtler-default};
   --color-border-matted-alpha-primary: #{$color-nl-0};
+  --color-elevation-surface-primary-default: #{$color-elevation-surface-primary-default};
 }