@koobiq/components 16.0.0-beta.1

package/dl/_dl-theme.scss

@@ -0,0 +1,86 @@
+@use 'sass:meta';
+@use 'sass:map';
+
+@use '../core/styles/typography/typography-utils' as *;
+
+
+@mixin kbq-dl-theme($theme) {
+    $dl: map.get(map.get($theme, components), dl);
+
+    .kbq-dt {
+        color: map.get($dl, dt);
+    }
+
+    .kbq-dd {
+        color: map.get($dl, dd);
+    }
+}
+
+@mixin kbq-dl-typography($config) {
+    $tokens: map.get($config, tokens);
+
+    .kbq-dl {
+        & .kbq-dt {
+            @include kbq-typography-level-to-styles(
+                $config,
+                map.get($tokens, description-list-font-default-horizontal-dt)
+            );
+        }
+
+        & .kbq-dd {
+            @include kbq-typography-level-to-styles(
+                $config,
+                map.get($tokens, description-list-font-default-horizontal-dd)
+            );
+        }
+
+        &.kbq-dl_small {
+            & .kbq-dt {
+                @include kbq-typography-level-to-styles(
+                    $config,
+                    map.get($tokens, description-list-font-small-horizontal-dt)
+                );
+            }
+
+            & .kbq-dd {
+                @include kbq-typography-level-to-styles(
+                    $config,
+                    map.get($tokens, description-list-font-small-horizontal-dd)
+                );
+            }
+        }
+    }
+
+    .kbq-dl.kbq-dl_vertical {
+        & .kbq-dt {
+            @include kbq-typography-level-to-styles(
+                $config,
+                map.get($tokens, description-list-font-default-vertical-dt)
+            );
+        }
+
+        & .kbq-dd {
+            @include kbq-typography-level-to-styles(
+                $config,
+                map.get($tokens, description-list-font-default-vertical-dd)
+            );
+        }
+
+        &.kbq-dl_small {
+            & .kbq-dt {
+                @include kbq-typography-level-to-styles(
+                    $config,
+                    map.get($tokens, description-list-font-small-vertical-dt)
+                );
+            }
+
+            & .kbq-dd {
+                @include kbq-typography-level-to-styles(
+                    $config,
+                    map.get($tokens, description-list-font-small-vertical-dd)
+                );
+            }
+        }
+    }
+}
+

package/dl/dl.component.d.ts

@@ -0,0 +1,27 @@
+import { AfterContentInit, ElementRef, OnDestroy } from '@angular/core';
+import { Subject } from 'rxjs';
+import * as i0 from "@angular/core";
+export declare class KbqDlComponent implements AfterContentInit, OnDestroy {
+    protected elementRef: ElementRef;
+    minWidth: number;
+    wide: boolean;
+    small: boolean;
+    vertical: boolean | null;
+    readonly resizeStream: Subject<Event>;
+    private readonly resizeDebounceInterval;
+    private resizeSubscription;
+    constructor(elementRef: ElementRef);
+    ngAfterContentInit(): void;
+    ngOnDestroy(): void;
+    updateState: () => void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<KbqDlComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<KbqDlComponent, "kbq-dl", never, { "minWidth": { "alias": "minWidth"; "required": false; }; "wide": { "alias": "wide"; "required": false; }; "small": { "alias": "small"; "required": false; }; "vertical": { "alias": "vertical"; "required": false; }; }, {}, never, ["*"], false, never>;
+}
+export declare class KbqDtComponent {
+    static ɵfac: i0.ɵɵFactoryDeclaration<KbqDtComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<KbqDtComponent, "kbq-dt", never, {}, {}, never, ["*"], false, never>;
+}
+export declare class KbqDdComponent {
+    static ɵfac: i0.ɵɵFactoryDeclaration<KbqDdComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<KbqDdComponent, "kbq-dd", never, {}, {}, never, ["*"], false, never>;
+}

package/dl/dl.module.d.ts

@@ -0,0 +1,10 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./dl.component";
+import * as i2 from "@angular/common";
+import * as i3 from "@angular/cdk/a11y";
+import * as i4 from "@angular/cdk/platform";
+export declare class KbqDlModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<KbqDlModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<KbqDlModule, [typeof i1.KbqDlComponent, typeof i1.KbqDtComponent, typeof i1.KbqDdComponent], [typeof i2.CommonModule, typeof i3.A11yModule, typeof i4.PlatformModule], [typeof i1.KbqDlComponent, typeof i1.KbqDtComponent, typeof i1.KbqDdComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<KbqDlModule>;
+}

package/dl/dl.scss

@@ -0,0 +1,99 @@
+@use 'sass:meta';
+@use 'sass:map';
+
+@use '../core/styles/tokens';
+
+
+$tokens: meta.module-variables(tokens) !default;
+
+.kbq-dl {
+    display: grid;
+    column-gap: var(
+        --kbq-description-list-size-default-horizontal-column-gap,
+        map.get($tokens, description-list-size-default-horizontal-column-gap)
+    );
+    row-gap: var(
+        --kbq-description-list-size-default-horizontal-row-gap,
+        map.get($tokens, description-list-size-default-horizontal-row-gap)
+    );
+
+    grid-template-columns: repeat(4, 1fr);
+
+    .kbq-dt {
+        grid-column: var(
+            --kbq-description-list-size-dt-grid-column, map.get($tokens, description-list-size-dt-grid-column)
+        );
+    }
+
+    .kbq-dd {
+        grid-column: var(
+            --kbq-description-list-size-dd-grid-column, map.get($tokens, description-list-size-dd-grid-column)
+        );
+    }
+
+    &.kbq-dl_small {
+        column-gap: var(
+            --kbq-description-list-size-small-horizontal-column-gap,
+            map.get($tokens, description-list-size-small-horizontal-column-gap)
+        );
+        row-gap: var(
+            --kbq-description-list-size-small-horizontal-row-gap,
+            map.get($tokens, description-list-size-small-horizontal-row-gap)
+        );
+    }
+
+    &.kbq-dl_wide {
+        grid-template-columns: repeat(2, 1fr);
+
+        .kbq-dt {
+            grid-column: 1;
+        }
+
+        .kbq-dd {
+            grid-column: 2;
+        }
+    }
+
+    &.kbq-dl_vertical {
+        grid-template-columns: repeat(1, 1fr);
+
+        column-gap: var(
+            --kbq-description-list-size-default-vertical-column-gap,
+            map.get($tokens, description-list-size-default-vertical-column-gap)
+        );
+        row-gap: var(
+            --kbq-description-list-size-default-vertical-row-gap,
+            map.get($tokens, description-list-size-default-vertical-row-gap)
+        );
+
+        .kbq-dt,
+        .kbq-dd {
+            grid-column: 1;
+        }
+
+        .kbq-dd {
+            margin-bottom: var(
+                --kbq-description-list-size-default-vertical-dd-margin-bottom,
+                map.get($tokens, description-list-size-default-vertical-dd-margin-bottom)
+            );
+        }
+
+        &.kbq-dl_small {
+            column-gap: var(
+                --kbq-description-list-size-small-vertical-column-gap,
+                map.get($tokens, description-list-size-small-vertical-column-gap)
+            );
+            row-gap: var(
+                --kbq-description-list-size-small-vertical-row-gap,
+                map.get($tokens, description-list-size-small-vertical-row-gap)
+            );
+
+            .kbq-dd {
+                margin-bottom: var(
+                    --kbq-description-list-size-small-vertical-dd-margin-bottom,
+                    map.get($tokens, description-list-size-small-vertical-dd-margin-bottom)
+                );
+            }
+        }
+    }
+}

package/dl/index.d.ts

@@ -0,0 +1 @@
+export * from './public-api';

package/dl/public-api.d.ts

@@ -0,0 +1,2 @@
+export * from './dl.module';
+export * from './dl.component';

package/dropdown/_dropdown-theme.scss

@@ -0,0 +1,85 @@
+@use 'sass:meta';
+@use 'sass:map';
+
+@use '../core/styles/common/popup' as *;
+@use '../core/styles/theming/theming' as *;
+@use '../core/styles/typography/typography-utils' as *;
+
+
+@mixin kbq-dropdown-theme($theme) {
+    $foreground: map.get($theme, foreground);
+    $background: map.get($theme, background);
+    $secondary: map.get($theme, secondary);
+
+    .kbq-dropdown__panel {
+        @include popup-params($theme);
+    }
+
+    .kbq-dropdown-item {
+        color: map.get($foreground, text);
+
+        background: transparent;
+
+        &:hover {
+            background: map.get($background, overlay-hover);
+        }
+
+        &.cdk-keyboard-focused {
+            outline: map.get(map.get($theme, states), focused-color) solid 2px;
+            outline-offset: -2px !important;
+        }
+
+        &.kbq-selected {
+            background: map.get(map.get($theme, states), selected-color);
+        }
+
+        &[disabled] {
+            color: map.get($foreground, text-disabled);
+
+            background: transparent;
+        }
+
+        .kbq-dropdown-item__caption {
+            color: map.get($foreground, text-less-contrast);
+        }
+    }
+
+    .kbq-dropdown-item_highlighted {
+        background: map.get($background, overlay-hover);
+    }
+
+    .kbq-dropdown-item-overlay {
+        background: transparent;
+    }
+
+    .kbq-dropdown__divider {
+        background-color: map.get($foreground, divider);
+    }
+
+    .kbq-dropdown-trigger.kbq-pressed {
+        & .kbq-button-overlay {
+            background: kbq-color($secondary, A8);
+        }
+    }
+}
+
+@mixin kbq-dropdown-typography($config) {
+    $tokens: map.get($config, tokens);
+
+    .kbq-dropdown-item,
+    .kbq-dropdown__content {
+        @include kbq-typography-level-to-styles($config, map.get($tokens, dropdown-item-font-default));
+    }
+
+    .kbq-dropdown-item__caption {
+        @include kbq-typography-level-to-styles($config, map.get($tokens, dropdown-item-font-caption));
+    }
+
+    .kbq-dropdown__group-header {
+        @include kbq-typography-level-to-styles($config, map.get($tokens, dropdown-group-header-font-default));
+
+        &.kbq-dropdown__group-header_small {
+            @include kbq-typography-level-to-styles($config, map.get($tokens, dropdown-group-header-font-small));
+        }
+    }
+}

package/dropdown/dropdown-animations.d.ts

@@ -0,0 +1,11 @@
+import { AnimationTriggerMetadata } from '@angular/animations';
+/**
+ * Animations used by the kbq-dropdown component.
+ * @docs-private
+ */
+export declare const mcDropdownAnimations: {
+    readonly transformDropdown: AnimationTriggerMetadata;
+    readonly fadeInItems: AnimationTriggerMetadata;
+};
+export declare const fadeInItems: AnimationTriggerMetadata;
+export declare const transformDropdown: AnimationTriggerMetadata;

package/dropdown/dropdown-content.directive.d.ts

@@ -0,0 +1,32 @@
+import { TemplateRef, ComponentFactoryResolver, ApplicationRef, Injector, ViewContainerRef, OnDestroy } from '@angular/core';
+import { Subject } from 'rxjs';
+import * as i0 from "@angular/core";
+/**
+ * Dropdown content that will be rendered lazily once the dropdown is opened.
+ */
+export declare class KbqDropdownContent implements OnDestroy {
+    private template;
+    private componentFactoryResolver;
+    private appRef;
+    private injector;
+    private viewContainerRef;
+    private document;
+    /** Emits when the dropdown content has been attached. */
+    attached: Subject<void>;
+    private portal;
+    private outlet;
+    constructor(template: TemplateRef<any>, componentFactoryResolver: ComponentFactoryResolver, appRef: ApplicationRef, injector: Injector, viewContainerRef: ViewContainerRef, document: any);
+    /**
+     * Attaches the content with a particular context.
+     * @docs-private
+     */
+    attach(context?: any): void;
+    /**
+     * Detaches the content.
+     * @docs-private
+     */
+    detach(): void;
+    ngOnDestroy(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<KbqDropdownContent, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<KbqDropdownContent, "ng-template[mcDropdownContent]", never, {}, {}, never, never, false, never>;
+}

package/dropdown/dropdown-errors.d.ts

@@ -0,0 +1,17 @@
+/**
+ * Throws an exception for the case when dropdown trigger doesn't have a valid kbq-dropdown instance
+ * @docs-private
+ */
+export declare function throwKbqDropdownMissingError(): void;
+/**
+ * Throws an exception for the case when dropdown's x-position value isn't valid.
+ * In other words, it doesn't match 'before' or 'after'.
+ * @docs-private
+ */
+export declare function throwKbqDropdownInvalidPositionX(): void;
+/**
+ * Throws an exception for the case when dropdown's y-position value isn't valid.
+ * In other words, it doesn't match 'above' or 'below'.
+ * @docs-private
+ */
+export declare function throwKbqDropdownInvalidPositionY(): void;

package/dropdown/dropdown-item.component.d.ts

@@ -0,0 +1,52 @@
+import { FocusMonitor, FocusOrigin } from '@angular/cdk/a11y';
+import { ElementRef, OnDestroy, AfterViewInit } from '@angular/core';
+import { IFocusableOption } from '@koobiq/cdk/a11y';
+import { CanDisable, CanDisableCtor, KbqTitleTextRef } from '@koobiq/components/core';
+import { KbqIcon } from '@koobiq/components/icon';
+import { Subject } from 'rxjs';
+import { KbqDropdownPanel } from './dropdown.types';
+import * as i0 from "@angular/core";
+/** @docs-private */
+declare class KbqDropdownItemBase {
+}
+/** @docs-private */
+declare const KbqDropdownItemMixinBase: CanDisableCtor & typeof KbqDropdownItemBase;
+/**
+ * This directive is intended to be used inside an kbq-dropdown tag.
+ * It exists mostly to set the role attribute.
+ */
+export declare class KbqDropdownItem extends KbqDropdownItemMixinBase implements KbqTitleTextRef, IFocusableOption, CanDisable, AfterViewInit, OnDestroy {
+    private elementRef;
+    private focusMonitor;
+    parentDropdownPanel?: KbqDropdownPanel | undefined;
+    textElement: ElementRef;
+    icon: KbqIcon;
+    /** Stream that emits when the dropdown item is hovered. */
+    readonly hovered: Subject<KbqDropdownItem>;
+    /** Stream that emits when the menu item is focused. */
+    readonly focused: Subject<KbqDropdownItem>;
+    /** Whether the dropdown item is highlighted. */
+    highlighted: boolean;
+    /** Whether the dropdown item acts as a trigger for a nested dropdown. */
+    isNested: boolean;
+    constructor(elementRef: ElementRef<HTMLElement>, focusMonitor: FocusMonitor, parentDropdownPanel?: KbqDropdownPanel | undefined);
+    ngAfterViewInit(): void;
+    ngOnDestroy(): void;
+    resetStyles(): void;
+    /** Focuses the dropdown item. */
+    focus(origin?: FocusOrigin, options?: FocusOptions): void;
+    /** Returns the host DOM element. */
+    getHostElement(): HTMLElement;
+    /** Used to set the `tabindex`. */
+    getTabIndex(): string;
+    /** Prevents the default element actions if it is disabled. */
+    checkDisabled(event: Event): void;
+    /** Emits to the hover stream. */
+    handleMouseEnter(): void;
+    /** Gets the label to be used when determining whether the option should be focused. */
+    getLabel(): string;
+    haltDisabledEvents(event: Event): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<KbqDropdownItem, [null, null, { optional: true; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<KbqDropdownItem, "kbq-dropdown-item, [kbq-dropdown-item]", ["mcDropdownItem"], { "disabled": { "alias": "disabled"; "required": false; }; }, {}, ["icon"], ["*"], false, never>;
+}
+export {};

package/dropdown/dropdown-item.scss

@@ -0,0 +1,82 @@
+@use 'sass:meta';
+@use 'sass:map';
+
+@use '../core/styles/common';
+
+@use '../core/styles/tokens';
+
+
+$tokens: meta.module-variables(tokens) !default;
+
+.kbq-dropdown-item {
+    @include common.user-select(none);
+
+    display: flex;
+    align-items: center;
+    position: relative;
+    box-sizing: border-box;
+
+    width: 100%;
+
+    border: 1px solid transparent;
+    outline: none;
+
+    padding: 0;
+
+    text-align: left;
+    white-space: nowrap;
+
+    &:not([disabled]) {
+        cursor: pointer;
+    }
+
+    & .kbq-dropdown-item__caption {
+        margin-top: 4px;
+    }
+
+    &.kbq-dropdown-item_with-icon {
+        & .kbq-dropdown-item__caption {
+            margin-left: 24px;
+        }
+    }
+}
+
+.kbq-dropdown-item-wrapper {
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+
+    width: 100%;
+
+    padding: var(--kbq-dropdown-item-size-padding, map.get($tokens, dropdown-item-size-padding));
+
+    & [kbq-icon] {
+        padding: var(--kbq-dropdown-item-size-icon-padding, map.get($tokens, dropdown-item-size-icon-padding));
+    }
+}
+
+.kbq-dropdown-item-overlay {
+    position: absolute;
+
+    top: -1px;
+    left: -1px;
+    right: -1px;
+    bottom: -1px;
+
+    border-radius: inherit;
+}
+
+.kbq-dropdown__group-header {
+    @include common.user-select(none);
+
+    padding: var(--kbq-dropdown-item-size-padding, map.get($tokens, dropdown-group-header-size-default-padding));
+
+    &.kbq-dropdown__group-header_small {
+        padding: var(--kbq-dropdown-item-size-padding, map.get($tokens, dropdown-group-header-size-small-padding));
+    }
+}
+
+.kbq-dropdown__divider {
+    height: var(--kbq-dropdown-divider-size-height, map.get($tokens, dropdown-divider-size-height));
+    margin: var(--kbq-dropdown-divider-size-margin, map.get($tokens, dropdown-divider-size-margin));
+}

package/dropdown/dropdown-trigger.directive.d.ts

@@ -0,0 +1,136 @@
+import { FocusMonitor, FocusOrigin } from '@angular/cdk/a11y';
+import { Direction, Directionality } from '@angular/cdk/bidi';
+import { Overlay, ScrollStrategy } from '@angular/cdk/overlay';
+import { AfterContentInit, ChangeDetectorRef, ElementRef, EventEmitter, InjectionToken, OnDestroy, ViewContainerRef } from '@angular/core';
+import { KbqDropdownItem } from './dropdown-item.component';
+import { KbqDropdown } from './dropdown.component';
+import { DropdownCloseReason, KbqDropdownPanel } from './dropdown.types';
+import * as i0 from "@angular/core";
+/** Injection token that determines the scroll handling while the dropdown is open. */
+export declare const KBQ_DROPDOWN_SCROLL_STRATEGY: InjectionToken<() => ScrollStrategy>;
+/** @docs-private */
+export declare function KBQ_DROPDOWN_SCROLL_STRATEGY_FACTORY(overlay: Overlay): () => ScrollStrategy;
+/** @docs-private */
+export declare const KBQ_DROPDOWN_SCROLL_STRATEGY_FACTORY_PROVIDER: {
+    provide: InjectionToken<() => ScrollStrategy>;
+    deps: (typeof Overlay)[];
+    useFactory: typeof KBQ_DROPDOWN_SCROLL_STRATEGY_FACTORY;
+};
+/** Default top padding of the nested dropdown panel. */
+export declare const NESTED_PANEL_TOP_PADDING = 4;
+export declare const NESTED_PANEL_LEFT_PADDING = 8;
+/**
+ * This directive is intended to be used in conjunction with an kbq-dropdown tag.  It is
+ * responsible for toggling the display of the provided dropdown instance.
+ */
+export declare class KbqDropdownTrigger implements AfterContentInit, OnDestroy {
+    private overlay;
+    private elementRef;
+    private viewContainerRef;
+    private scrollStrategy;
+    private parent;
+    private dropdownItemInstance;
+    private _dir;
+    private changeDetecotrRef;
+    private focusMonitor?;
+    lastDestroyReason: DropdownCloseReason;
+    /** Data to be passed along to any lazily-rendered content. */
+    data: any;
+    openByArrowDown: boolean;
+    /**
+     * Whether focus should be restored when the menu is closed.
+     * Note that disabling this option can have accessibility implications
+     * and it's up to you to manage focus, if you decide to turn it off.
+     */
+    restoreFocus: boolean;
+    /** References the dropdown instance that the trigger is associated with. */
+    get dropdown(): KbqDropdownPanel;
+    set dropdown(dropdown: KbqDropdownPanel);
+    private _dropdown;
+    /** Event emitted when the associated dropdown is opened. */
+    readonly dropdownOpened: EventEmitter<void>;
+    /** Event emitted when the associated dropdown is closed. */
+    readonly dropdownClosed: EventEmitter<void>;
+    openedBy: Exclude<FocusOrigin, 'program' | null> | undefined;
+    /** The text direction of the containing app. */
+    get dir(): Direction;
+    /** Whether the dropdown is open. */
+    get opened(): boolean;
+    private _opened;
+    private portal;
+    private overlayRef;
+    private closeSubscription;
+    private hoverSubscription;
+    constructor(overlay: Overlay, elementRef: ElementRef<HTMLElement>, viewContainerRef: ViewContainerRef, scrollStrategy: any, parent: KbqDropdown, dropdownItemInstance: KbqDropdownItem, _dir: Directionality, changeDetecotrRef: ChangeDetectorRef, focusMonitor?: FocusMonitor | undefined);
+    ngAfterContentInit(): void;
+    ngOnDestroy(): void;
+    /** Whether the dropdown triggers a nested dropdown or a top-level one. */
+    isNested(): boolean;
+    /** Toggles the dropdown between the open and closed states. */
+    toggle(): void;
+    /** Opens the dropdown. */
+    open(): void;
+    /** Closes the dropdown. */
+    close(): void;
+    /**
+     * Focuses the dropdown trigger.
+     */
+    focus(origin?: FocusOrigin, options?: FocusOptions): void;
+    /** Handles mouse presses on the trigger. */
+    handleMousedown(event: MouseEvent): void;
+    /** Handles key presses on the trigger. */
+    handleKeydown(event: KeyboardEvent): void;
+    /** Handles click events on the trigger. */
+    handleClick(event: MouseEvent): void;
+    /**
+     * Handles touch start events on the trigger.
+     * Needs to be an arrow function so we can easily use addEventListener and removeEventListener.
+     */
+    private handleTouchStart;
+    /** Closes the dropdown and does the necessary cleanup. */
+    private destroy;
+    /**
+     * This method sets the dropdown state to open and focuses the first item if
+     * the dropdown was opened via the keyboard.
+     */
+    private init;
+    private setIsOpened;
+    /**
+     * This method checks that a valid instance of KbqDropdown has been passed into
+     * mcDropdownTriggerFor. If not, an exception is thrown.
+     */
+    private check;
+    /**
+     * This method creates the overlay from the provided dropdown's template and saves its
+     * OverlayRef so that it can be attached to the DOM when open is called.
+     */
+    private createOverlay;
+    /**
+     * This method builds the configuration object needed to create the overlay, the OverlayState.
+     * @returns OverlayConfig
+     */
+    private getOverlayConfig;
+    /**
+     * Listens to changes in the position of the overlay and sets the correct classes
+     * on the dropdown based on the new position. This ensures the animation origin is always
+     * correct, even if a fallback position is used for the overlay.
+     */
+    private subscribeToPositions;
+    /**
+     * Sets the appropriate positions on a position strategy
+     * so the overlay connects with the trigger correctly.
+     * @param positionStrategy Strategy whose position to update.
+     */
+    private setPosition;
+    /** Cleans up the active subscriptions. */
+    private cleanUpSubscriptions;
+    /** Returns a stream that emits whenever an action that should close the dropdown occurs. */
+    private closingActions;
+    /** Handles the cases where the user hovers over the trigger. */
+    private handleHover;
+    /** Gets the portal that should be attached to the overlay. */
+    private getPortal;
+    private getWidth;
+    static ɵfac: i0.ɵɵFactoryDeclaration<KbqDropdownTrigger, [null, null, null, null, { optional: true; }, { optional: true; self: true; }, { optional: true; }, null, null]>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<KbqDropdownTrigger, "[mcDropdownTriggerFor]", ["mcDropdownTrigger"], { "data": { "alias": "mcDropdownTriggerData"; "required": false; }; "openByArrowDown": { "alias": "openByArrowDown"; "required": false; }; "restoreFocus": { "alias": "mcDropdownTriggerRestoreFocus"; "required": false; }; "dropdown": { "alias": "mcDropdownTriggerFor"; "required": false; }; }, { "dropdownOpened": "dropdownOpened"; "dropdownClosed": "dropdownClosed"; }, never, never, false, never>;
+}