angular-toolbox 1.3.0 → 1.3.2

package/lib/component/dropdown/dropdown.component.d.ts

@@ -0,0 +1,82 @@
+/**
+ * @license
+ * Copyright Pascal ECHEMANN. All Rights Reserved.
+ *
+ * Use of this source code is governed by an MIT-style license that can be
+ * found in the LICENSE file at https://pascalechemann.com/angular-toolbox/resources/license
+ */
+import { EventEmitter } from '@angular/core';
+import { IdentifiableComponent } from '../../core';
+import { DropdownEvent, DropdownHorizontalPosition, DropdownVerticalPosition } from '../../model';
+import * as i0 from "@angular/core";
+/**
+ * The ATX dropdown component allows to create popup containers that are displayed by clicking on a button.
+ * The content of the container is defined by Developer.
+ * This component is part of the LAF-less API.
+ */
+export declare class DropdownComponent extends IdentifiableComponent {
+    /**
+     * An event fired on the dropdown component just after it is shown or hidden.
+     */
+    readonly toggle: EventEmitter<DropdownEvent>;
+    /**
+     * An event fired on the dropdown component just before it is shown or hidden.
+     */
+    readonly beforeToggle: EventEmitter<DropdownEvent>;
+    /**
+     * Sets the dropdown button CSS class.
+     */
+    buttonClass: string;
+    /**
+     * Sets the dropdown conpoment CSS class.
+     */
+    containerClass: string;
+    /**
+     * Sets the vertical position of the content container.
+     */
+    vPos: DropdownVerticalPosition;
+    /**
+     * Sets the horizontal position of the content container.
+     */
+    hPos: DropdownHorizontalPosition;
+    /**
+     * @private
+     */
+    protected id: string;
+    /**
+     * @private
+     */
+    private _popover;
+    /**
+     * @private
+     */
+    constructor();
+    /**
+     * Hides the dropdown container.
+     */
+    hideContent(): void;
+    /**
+     * Displays the dropdown container.
+     */
+    showContent(): void;
+    /**
+     * Returns the display state of the dropdown.
+     *
+     * @returns Returns `true` whether the dropdown is opened; `false` otherwise.
+     */
+    isOpened(): boolean;
+    /**
+     * @private
+     */
+    protected onBeforeToggle(event: Event): void;
+    /**
+     * @private
+     */
+    protected onToggle(event: Event): void;
+    /**
+     * @private
+     */
+    private buildEvent;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DropdownComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DropdownComponent, "atx-dropdown", never, { "buttonClass": { "alias": "buttonClass"; "required": false; }; "containerClass": { "alias": "containerClass"; "required": false; }; "vPos": { "alias": "vPos"; "required": false; }; "hPos": { "alias": "hPos"; "required": false; }; }, { "toggle": "toggle"; "beforeToggle": "beforeToggle"; }, never, ["*", "[content]"], true, never>;
+}

package/lib/component/index.d.ts

@@ -6,4 +6,5 @@
  * found in the LICENSE file at https://pascalechemann.com/angular-toolbox/resources/license
  */
 export * from './angular-toolbox-logo/angular-toolbox-logo.component';
+export * from './dropdown/dropdown.component';
 export * from './layout';

package/lib/component/layout/border-layout/border-layout.component.d.ts

@@ -13,6 +13,7 @@ import * as i0 from "@angular/core";
 /**
  * A border layout lays out a container, arranging and resizing its components to fit in five regions: north, south, east, west, and center.
  * Each region is defined by a `BorderLayoutContainer` instance, and is identified by a corresponding constant: `NORTH`, `SOUTH`, `EAST`, `WEST`, and `CENTER`.
+ * This component is part of the LAF-less API.
  */
 export declare class BorderLayout extends IdentifiableComponent implements AfterViewInit, OnDestroy {
     private subscribeSvc;

package/lib/framework/mock/http-monitoring-console/component/renderer/response-body-renderer/response-body-renderer.component.d.ts

@@ -1,5 +1,5 @@
-import { Log } from 'projects/angular-toolbox/src/public-api';
 import { AtxLogRendererBase } from '../../abstract/log-renderer-base';
+import { Log } from '../../../../../../model';
 import * as i0 from "@angular/core";
 /**
  * @private

package/lib/framework/mock/http-monitoring-console/component/renderer/response-preview-renderer/response-preview-renderer.component.d.ts

@@ -8,7 +8,7 @@
 import { OnDestroy } from '@angular/core';
 import { DomSanitizer, SafeUrl } from '@angular/platform-browser';
 import { AtxLogRendererBase } from '../../abstract/log-renderer-base';
-import { Log } from 'projects/angular-toolbox/src/public-api';
+import { Log } from '../../../../../../model';
 import * as i0 from "@angular/core";
 /**
  * @private

package/lib/model/business/ui/dropdown/dropdown-event-type.enum.d.ts

@@ -0,0 +1,20 @@
+/**
+ * @license
+ * Copyright Pascal ECHEMANN. All Rights Reserved.
+ *
+ * Use of this source code is governed by an MIT-style license that can be found in
+ * the LICENSE file at https://pascalechemann.com/angular-toolbox/resources/license
+ */
+/**
+ * Defines the type of a `DropdownEvent` instance.
+ */
+export declare enum DropdownEventType {
+    /**
+     * Defines an event fired on a dropdown component just after it is shown or hidden.
+     */
+    TOGGLE = "toggle",
+    /**
+     * Defines an event fired on a dropdown component just before it is shown or hidden.
+     */
+    BEFORE_TOGGLE = "beforetoggle"
+}

package/lib/model/business/ui/dropdown/dropdown-position.d.ts

@@ -0,0 +1,15 @@
+/**
+ * @license
+ * Copyright Pascal ECHEMANN. All Rights Reserved.
+ *
+ * Use of this source code is governed by an MIT-style license that can be
+ * found in the LICENSE file at https://pascalechemann.com/angular-toolbox/resources/license
+ */
+/**
+ * Defines the content vertical position of a dropdown component.
+ */
+export type DropdownVerticalPosition = "start" | "top" | "middle" | "bottom" | "end";
+/**
+ * Defines the content horizontal position of a dropdown component.
+ */
+export type DropdownHorizontalPosition = "start" | "left" | "center" | "right" | "end";

package/lib/model/business/ui/dropdown/dropdown-state.d.ts

@@ -0,0 +1,11 @@
+/**
+ * @license
+ * Copyright Pascal ECHEMANN. All Rights Reserved.
+ *
+ * Use of this source code is governed by an MIT-style license that can be
+ * found in the LICENSE file at https://pascalechemann.com/angular-toolbox/resources/license
+ */
+/**
+ * Represents the state of a dropdown container.
+ */
+export type DropdownState = "open" | "closed";

package/lib/model/business/ui/dropdown/dropdown.event.d.ts

@@ -0,0 +1,40 @@
+/**
+ * @license
+ * Copyright Pascal ECHEMANN. All Rights Reserved.
+ *
+ * Use of this source code is governed by an MIT-style license that can be found in
+ * the LICENSE file at https://pascalechemann.com/angular-toolbox/resources/license
+ */
+import { DropdownComponent } from "../../../../component";
+import { DropdownEventType } from "./dropdown-event-type.enum";
+import { DropdownState } from "./dropdown-state";
+/**
+ * The `DropdownEvent` class is an event that represents an interaction with a dropdown container.
+ */
+export declare class DropdownEvent {
+    /**
+     * The reference to the container that triggered this event.
+     */
+    readonly target: DropdownComponent;
+    /**
+     * The type of this event; a `DropdownEventType` constant.
+     */
+    readonly type: DropdownEventType;
+    /**
+     * The state the dropdown container is transitioning to.
+     */
+    readonly newState: DropdownState;
+    /**
+     * The state the dropdown container is transitioning from.
+     */
+    readonly oldState: DropdownState;
+    /**
+     * Creates a new `DropdownEvent` instance.
+     *
+     * @param target The dropdown container that triggered this event.
+     * @param type The type of this event.
+     * @param newState The state the dropdown container is transitioning to.
+     * @param oldState The state the dropdown container is transitioning from.
+     */
+    constructor(target: DropdownComponent, type: DropdownEventType, newState: DropdownState, oldState: DropdownState);
+}

package/lib/model/business/ui/dropdown/index.d.ts

@@ -0,0 +1,4 @@
+export * from './dropdown-position';
+export * from './dropdown.event';
+export * from './dropdown-event-type.enum';
+export * from './dropdown-state';

package/lib/model/business/ui/index.d.ts

@@ -4,3 +4,4 @@ export * from './dark-mode-config.provider';
 export * from './scroll-behavior.type';
 export * from './window';
 export * from './layout';
+export * from './dropdown';

package/lib/model/business/ui/layout/layout-drag.event.d.ts

@@ -5,7 +5,8 @@
  * Use of this source code is governed by an MIT-style license that can be found in
  * the LICENSE file at https://pascalechemann.com/angular-toolbox/resources/license
  */
-import { BorderLayout, BorderLayoutContainer, LayoutDragEventType } from "projects/angular-toolbox/src/public-api";
+import { BorderLayoutContainer, BorderLayout } from "../../../../component";
+import { LayoutDragEventType } from "../../../../model";
 /**
  * The `LayoutDragEvent` class is an event that represents a drag interaction with a `BorderLayoutContainer`.
  */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "angular-toolbox",
-  "version": "1.3.0",
+  "version": "1.3.2",
   "license": "SEE LICENSE IN LICENSE",
   "peerDependencies": {
     "@angular/common": "^18.0.0",