@koobiq/components 16.0.0-beta.1

package/select/select.scss

@@ -0,0 +1,222 @@
+@use 'sass:meta';
+@use 'sass:map';
+
+@use '../core/styles/common/vendor-prefixes';
+
+@use '../core/styles/tokens';
+
+
+$tokens: meta.module-variables(tokens) !default;
+
+
+.kbq-select__matcher {
+    display: flex;
+    align-items: center;
+
+    width: 100%;
+
+    overflow: hidden;
+
+    white-space: nowrap;
+
+    & > span {
+        flex: 1;
+        overflow: hidden;
+    }
+}
+
+.kbq-select__match-container {
+    width: 100%;
+
+    text-overflow: ellipsis;
+    overflow: hidden;
+
+    & .kbq-select__match-hidden-text {
+        flex: 0 0 70px;
+        align-self: center;
+        padding: 0 8px;
+
+        text-align: right;
+    }
+}
+
+.kbq-select {
+    box-sizing: border-box;
+
+    display: inline-block;
+
+    width: 100%;
+
+    outline: none;
+
+    & .kbq-select__trigger {
+        display: flex;
+        box-sizing: border-box;
+        position: relative;
+
+        height: calc(
+            var(--kbq-form-field-size-height, map.get($tokens, form-field-size-height)) -
+            (var(--kbq-form-field-size-border-width, map.get($tokens, form-field-size-border-width)) * 2)
+        );
+
+        cursor: pointer;
+
+        & .kbq-select__matcher {
+            padding-left: calc(
+                var(--kbq-select-size-left-padding, #{map.get($tokens, select-size-left-padding)}) -
+                var(--kbq-form-field-size-border-width, #{map.get($tokens, form-field-size-border-width)})
+            );
+            padding-right: calc(
+                var(--kbq-select-size-right-padding, #{map.get($tokens, select-size-right-padding)}) -
+                var(--kbq-form-field-size-border-width, #{map.get($tokens, form-field-size-border-width)})
+            );
+        }
+
+        &.kbq-select__trigger_multiple {
+            .kbq-select__matcher {
+                .kbq-select__match-container {
+                    display: flex;
+                }
+
+                $select-size-left-padding-multiple: map.get($tokens, select-size-left-padding-multiple);
+                $form-field-size-border-width: map.get($tokens, form-field-size-border-width);
+
+                padding-left: calc(
+                    var(--kbq-select-size-left-padding-multiple, #{$select-size-left-padding-multiple}) -
+                    var(--kbq-form-field-size-border-width, #{$form-field-size-border-width})
+                );
+
+                & .kbq-tag.kbq-disabled .kbq-tag__text {
+                    margin-right: 7px;
+                }
+            }
+        }
+    }
+
+    &.kbq-disabled {
+        & .kbq-select__trigger {
+            @include vendor-prefixes.user-select(none);
+
+            cursor: default;
+        }
+    }
+}
+
+.kbq-select__no-options-message {
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+    box-sizing: border-box;
+
+    position: relative;
+
+    max-width: 100%;
+    height: var(--kbq-option-size-height, map.get($tokens, option-size-height));
+
+    cursor: default;
+    outline: none;
+
+    padding-left: var(--kbq-option-size-horizontal-padding, map.get($tokens, option-size-horizontal-padding));
+    padding-right: var(--kbq-option-size-horizontal-padding, map.get($tokens, option-size-horizontal-padding));
+
+    border: var(--kbq-option-size-border-width, map.get($tokens, option-size-border-width)) solid transparent;
+}
+
+.kbq-select__match-list {
+    display: flex;
+    flex-wrap: wrap;
+    overflow: hidden;
+
+    max-height: calc(
+        var(--kbq-form-field-size-height, map.get($tokens, form-field-size-height)) - 4px
+    );
+
+    height: calc(
+        var(--kbq-form-field-size-height, map.get($tokens, form-field-size-height)) - 4px
+    );
+
+    & .kbq-tag {
+        margin-right: 4px;
+    }
+}
+
+.kbq-select__arrow-wrapper {
+    display: flex;
+    align-self: center;
+
+    // When used in a box or standard appearance form-field the arrow should be shifted up 50%.
+    .kbq-form-field-appearance-fill &,
+    .kbq-form-field-appearance-standard & {
+        transform: translateY(-50%);
+    }
+
+    // When used in a outline form-field the arrow should be shifted up 25%.
+    .kbq-form-field-appearance-outline & {
+        transform: translateY(-25%);
+    }
+}
+
+.kbq-select__panel {
+    min-width: 100%; // prevents some animation twitching and test inconsistencies in IE11
+    max-width: var(--kbq-select-panel-size-max-width, map.get($tokens, select-panel-size-max-width));
+
+    overflow: hidden;
+
+    border: {
+        width: var(--kbq-select-panel-size-border-width, map.get($tokens, select-panel-size-border-width));
+        style: solid;
+    }
+
+    border-bottom-left-radius: var(
+        --kbq-select-panel-size-border-radius, map.get($tokens, select-panel-size-border-radius)
+    );
+    border-bottom-right-radius: var(
+        --kbq-select-panel-size-border-radius, map.get($tokens, select-panel-size-border-radius)
+    );
+
+    // Override optgroup and option to scale based on font-size of the trigger.
+    .kbq-optgroup-label,
+    .kbq-option {
+        font-size: inherit;
+        line-height: var(--kbq-option-size-height, map.get($tokens, option-size-height));
+        height: var(--kbq-option-size-height, map.get($tokens, option-size-height));
+    }
+
+    & .kbq-select__footer {
+        display: flex;
+        align-items: center;
+        box-sizing: border-box;
+        padding: map.get($tokens, size-xxs) map.get($tokens, size-m);
+        border-top-width: 1px;
+        border-top-style: solid;
+        min-height: var(
+            --kbq-list-size-footer-min-height,
+            map.get($tokens, list-size-footer-min-height)
+        );
+    }
+}
+
+.kbq-select__content {
+    max-height: var(--kbq-select-panel-size-max-height, map.get($tokens, select-panel-size-max-height));
+    padding: var(--kbq-select-panel-size-vertical-padding, map.get($tokens, select-panel-size-vertical-padding)) 0;
+    overflow: hidden auto;
+
+    & .cdk-virtual-scroll-viewport {
+        max-height: calc(
+            var(--kbq-select-panel-size-max-height, map.get($tokens, select-panel-size-max-height))
+        );
+    }
+}
+
+.kbq-form-field-type-select {
+    &:not(.kbq-disabled) .kbq-form-field-flex {
+        cursor: pointer;
+    }
+}
+
+.kbq-select__search-container {
+    border-bottom: {
+        width: 1px;
+        style: solid;
+    }
+}

package/sidebar/index.d.ts

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

package/sidebar/public-api.d.ts

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

package/sidebar/sidebar-animations.d.ts

@@ -0,0 +1,8 @@
+import { AnimationTriggerMetadata } from '@angular/animations';
+export declare enum KbqSidebarAnimationState {
+    Opened = "opened",
+    Closed = "closed"
+}
+export declare const mcSidebarAnimations: {
+    readonly sidebarState: AnimationTriggerMetadata;
+};

package/sidebar/sidebar.component.d.ts

@@ -0,0 +1,53 @@
+import { AfterContentInit, ElementRef, EventEmitter, NgZone, OnDestroy, OnInit } from '@angular/core';
+import { KbqSidebarAnimationState } from './sidebar-animations';
+import * as i0 from "@angular/core";
+export declare enum SidebarPositions {
+    Left = "left",
+    Right = "right"
+}
+interface KbqSidebarParams {
+    openedStateMinWidth: string;
+    openedStateWidth: string;
+    openedStateMaxWidth: string;
+    closedStateWidth: string;
+}
+export declare class KbqSidebarOpened {
+    minWidth: string;
+    width: string;
+    maxWidth: string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<KbqSidebarOpened, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<KbqSidebarOpened, "[kbq-sidebar-opened]", ["mcSidebarOpened"], { "minWidth": { "alias": "minWidth"; "required": false; }; "width": { "alias": "width"; "required": false; }; "maxWidth": { "alias": "maxWidth"; "required": false; }; }, {}, never, never, false, never>;
+}
+export declare class KbqSidebarClosed {
+    width: string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<KbqSidebarClosed, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<KbqSidebarClosed, "[kbq-sidebar-closed]", ["mcSidebarClosed"], { "width": { "alias": "width"; "required": false; }; }, {}, never, never, false, never>;
+}
+export declare class KbqSidebar implements OnDestroy, OnInit, AfterContentInit {
+    private ngZone;
+    private elementRef;
+    get opened(): boolean;
+    set opened(value: boolean);
+    private _opened;
+    position: SidebarPositions;
+    params: KbqSidebarParams;
+    readonly stateChanged: EventEmitter<boolean>;
+    openedContent: KbqSidebarOpened;
+    closedContent: KbqSidebarClosed;
+    get animationState(): KbqSidebarAnimationState;
+    internalState: boolean;
+    private documentKeydownListener;
+    constructor(ngZone: NgZone, elementRef: ElementRef);
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    toggle(): void;
+    onAnimationStart(): void;
+    onAnimationDone(): void;
+    ngAfterContentInit(): void;
+    private registerKeydownListener;
+    private unRegisterKeydownListener;
+    private saveWidth;
+    static ɵfac: i0.ɵɵFactoryDeclaration<KbqSidebar, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<KbqSidebar, "kbq-sidebar", ["mcSidebar"], { "opened": { "alias": "opened"; "required": false; }; "position": { "alias": "position"; "required": false; }; }, { "stateChanged": "stateChanged"; }, ["openedContent", "closedContent"], ["[kbq-sidebar-opened]", "[kbq-sidebar-closed]"], false, never>;
+}
+export {};

package/sidebar/sidebar.module.d.ts

@@ -0,0 +1,8 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./sidebar.component";
+import * as i2 from "@angular/common";
+export declare class KbqSidebarModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<KbqSidebarModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<KbqSidebarModule, [typeof i1.KbqSidebarClosed, typeof i1.KbqSidebarOpened, typeof i1.KbqSidebar], [typeof i2.CommonModule], [typeof i1.KbqSidebarClosed, typeof i1.KbqSidebarOpened, typeof i1.KbqSidebar]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<KbqSidebarModule>;
+}

package/sidebar/sidebar.scss

@@ -0,0 +1,12 @@
+.kbq-sidebar {
+    display: inline-block;
+
+    height: 100%;
+
+    overflow: hidden;
+}
+
+.kbq-sidebar-opened,
+.kbq-sidebar-closed {
+    height: 100%;
+}

package/sidepanel/_sidepanel-theme.scss

@@ -0,0 +1,67 @@
+@use 'sass:meta';
+@use 'sass:map';
+
+@use '../core/styles/typography/typography-utils' as *;
+
+
+@mixin kbq-sidepanel-theme($theme) {
+    $background: map.get($theme, background);
+
+    $sidepanel: map.get(map.get($theme, components), sidepanel);
+    $popup: map.get(map.get($theme, components), popup);
+
+    .kbq-sidepanel-content {
+        background-color: map.get($background, background);
+    }
+
+    .kbq-sidepanel-container_shadowed {
+        &.kbq-sidepanel-container_right {
+            .kbq-sidepanel-content {
+                box-shadow: 0 0 0 1px map.get($sidepanel, border), -6px 0 12px 0 rgba(0, 0, 0, 0.24);
+            }
+        }
+
+        &.kbq-sidepanel-container_left {
+            .kbq-sidepanel-content {
+                box-shadow: 0 0 0 1px map.get($sidepanel, border), 6px 0 12px 0 rgba(0, 0, 0, 0.24);
+            }
+        }
+
+        &.kbq-sidepanel-container_bottom {
+            .kbq-sidepanel-content {
+                box-shadow: 0 0 0 1px map.get($sidepanel, border), 0 -6px 12px 0 rgba(0, 0, 0, 0.24);
+            }
+        }
+
+        &.kbq-sidepanel-container_top {
+            .kbq-sidepanel-content {
+                box-shadow: 0 0 0 1px map.get($sidepanel, border), 0 6px 12px 0 rgba(0, 0, 0, 0.24);
+            }
+        }
+    }
+
+    .kbq-sidepanel-header {
+        border-bottom: 1px solid map.get($sidepanel, header-border);
+    }
+
+    .kbq-sidepanel-footer {
+        border-top: 1px solid map.get($sidepanel, footer-border);
+        background-color: map.get($popup, footer-background);
+    }
+}
+
+@mixin kbq-sidepanel-typography($config) {
+    $tokens: map.get($config, tokens);
+
+    .kbq-sidepanel-title {
+        @include kbq-typography-level-to-styles($config, map.get($tokens, sidepanel-header-font-default));
+    }
+
+    .kbq-sidepanel-container {
+        @include kbq-typography-level-to-styles($config, map.get($tokens, sidepanel-font-default));
+    }
+
+    .kbq-sidepanel-footer {
+        @include kbq-typography-level-to-styles($config, map.get($tokens, sidepanel-footer-font-default));
+    }
+}

package/sidepanel/index.d.ts

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

package/sidepanel/public-api.d.ts

@@ -0,0 +1,6 @@
+export * from './sidepanel-directives';
+export * from './sidepanel.module';
+export * from './sidepanel.service';
+export * from './sidepanel-config';
+export * from './sidepanel-container.component';
+export * from './sidepanel-ref';

package/sidepanel/sidepanel-animations.d.ts

@@ -0,0 +1,14 @@
+import { AnimationTriggerMetadata } from '@angular/animations';
+import { KbqSidepanelPosition } from './sidepanel-config';
+export declare enum KbqSidepanelAnimationState {
+    Void = "void",
+    Visible = "visible",
+    Hidden = "hidden"
+}
+export declare const mcSidepanelTransformAnimation: Record<KbqSidepanelPosition, {
+    in: string;
+    out: string;
+}>;
+export declare const mcSidepanelAnimations: {
+    readonly sidepanelState: AnimationTriggerMetadata;
+};

package/sidepanel/sidepanel-config.d.ts

@@ -0,0 +1,31 @@
+import { InjectionToken } from '@angular/core';
+/** Injection token that can be used to access the data that was passed in to a sidepanel. */
+export declare const KBQ_SIDEPANEL_DATA: InjectionToken<any>;
+export declare enum KbqSidepanelPosition {
+    Right = "right",
+    Left = "left",
+    Top = "top",
+    Bottom = "bottom"
+}
+export declare enum KbqSidepanelSize {
+    Small = "small",
+    Medium = "medium",
+    Large = "large"
+}
+export declare class KbqSidepanelConfig<D = any> {
+    /** ID for the sidepanel. If omitted, a unique one will be generated. */
+    id?: string;
+    /** Data being injected into the child component. */
+    data?: D | null;
+    position?: KbqSidepanelPosition;
+    size?: KbqSidepanelSize;
+    /** Whether the sidepanel has a backdrop. */
+    hasBackdrop?: boolean;
+    backdropClass?: string;
+    /** When we open multiple sidepanels, backdrop appears only once, except cases then this flag is true. */
+    requiredBackdrop?: boolean;
+    /** Whether the user can use escape or clicking outside to close the sidepanel. */
+    disableClose?: boolean;
+    /** Custom class for the overlay pane. */
+    overlayPanelClass?: string | string[];
+}

package/sidepanel/sidepanel-container.component.d.ts

@@ -0,0 +1,46 @@
+import { AnimationEvent } from '@angular/animations';
+import { BasePortalOutlet, CdkPortalOutlet, ComponentPortal, TemplatePortal } from '@angular/cdk/portal';
+import { ChangeDetectorRef, ComponentRef, ElementRef, EmbeddedViewRef, EventEmitter, InjectionToken, OnDestroy } from '@angular/core';
+import { KbqSidepanelAnimationState } from './sidepanel-animations';
+import { KbqSidepanelConfig } from './sidepanel-config';
+import * as i0 from "@angular/core";
+export declare const KBQ_SIDEPANEL_WITH_INDENT: InjectionToken<boolean>;
+export declare const KBQ_SIDEPANEL_WITH_SHADOW: InjectionToken<boolean>;
+export declare class KbqSidepanelContainerComponent extends BasePortalOutlet implements OnDestroy {
+    private elementRef;
+    private changeDetectorRef;
+    sidepanelConfig: KbqSidepanelConfig;
+    withIndent: boolean;
+    withShadow: boolean;
+    /** ID for the container DOM element. */
+    id: string;
+    /** The portal outlet inside of this container into which the content will be loaded. */
+    portalOutlet: CdkPortalOutlet;
+    /** The state of the sidepanel animations. */
+    animationState: KbqSidepanelAnimationState;
+    animationTransform: {
+        transformIn: string;
+        transformOut: string;
+    };
+    /** Emits whenever the state of the animation changes. */
+    animationStateChanged: EventEmitter<AnimationEvent>;
+    get size(): string;
+    /** Whether the component has been destroyed. */
+    private destroyed;
+    constructor(elementRef: ElementRef<HTMLElement>, changeDetectorRef: ChangeDetectorRef, sidepanelConfig: KbqSidepanelConfig, withIndent: boolean, withShadow: boolean);
+    ngOnDestroy(): void;
+    /** Attach a component portal as content to this sidepanel container. */
+    attachComponentPortal<T>(portal: ComponentPortal<T>): ComponentRef<T>;
+    /** Attach a template portal as content to this sidepanel container. */
+    attachTemplatePortal<C>(portal: TemplatePortal<C>): EmbeddedViewRef<C>;
+    /** Begin animation of the sidepanel entrance into view. */
+    enter(): void;
+    /** Begin animation of the sidepanel exiting from view. */
+    exit(): void;
+    onAnimation(event: AnimationEvent): void;
+    private setAnimation;
+    private setPanelClass;
+    private validatePortalAttached;
+    static ɵfac: i0.ɵɵFactoryDeclaration<KbqSidepanelContainerComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<KbqSidepanelContainerComponent, "kbq-sidepanel-container", never, {}, {}, never, never, false, never>;
+}

package/sidepanel/sidepanel-directives.d.ts

@@ -0,0 +1,50 @@
+import { ElementRef, OnChanges, OnInit, SimpleChanges } from '@angular/core';
+import { ThemePalette } from '@koobiq/components/core';
+import { KbqSidepanelRef } from './sidepanel-ref';
+import { KbqSidepanelService } from './sidepanel.service';
+import * as i0 from "@angular/core";
+/**
+ * Button that will close the current sidepanel.
+ */
+export declare class KbqSidepanelClose implements OnInit, OnChanges {
+    sidepanelRef: KbqSidepanelRef;
+    private elementRef;
+    private sidepanelService;
+    sidepanelResult: any;
+    mcSidepanelClose: any;
+    constructor(sidepanelRef: KbqSidepanelRef, elementRef: ElementRef<HTMLElement>, sidepanelService: KbqSidepanelService);
+    ngOnInit(): void;
+    ngOnChanges(changes: SimpleChanges): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<KbqSidepanelClose, [{ optional: true; }, null, null]>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<KbqSidepanelClose, "button[kbq-sidepanel-close], button[mcSidepanelClose]", never, { "sidepanelResult": { "alias": "kbq-sidepanel-close"; "required": false; }; "mcSidepanelClose": { "alias": "mcSidepanelClose"; "required": false; }; }, {}, never, never, false, never>;
+}
+/**
+ * Header of a sidepanel.
+ */
+export declare class KbqSidepanelHeader {
+    themePalette: typeof ThemePalette;
+    closeable: boolean;
+    static ɵfac: i0.ɵɵFactoryDeclaration<KbqSidepanelHeader, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<KbqSidepanelHeader, "kbq-sidepanel-header", never, { "closeable": { "alias": "closeable"; "required": false; }; }, {}, never, ["*"], false, never>;
+}
+/**
+ * Scrollable content container of a sidepanel.
+ */
+export declare class KbqSidepanelBody {
+    static ɵfac: i0.ɵɵFactoryDeclaration<KbqSidepanelBody, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<KbqSidepanelBody, "kbq-sidepanel-body, [kbq-sidepanel-body], mcSidepanelBody", never, {}, {}, never, never, false, never>;
+}
+/**
+ * Footer of a sidepanel.
+ */
+export declare class KbqSidepanelFooter {
+    static ɵfac: i0.ɵɵFactoryDeclaration<KbqSidepanelFooter, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<KbqSidepanelFooter, "kbq-sidepanel-footer, [kbq-sidepanel-footer], mcSidepanelFooter", never, {}, {}, never, never, false, never>;
+}
+/**
+ * Actions block of a sidepanel footer.
+ */
+export declare class KbqSidepanelActions {
+    static ɵfac: i0.ɵɵFactoryDeclaration<KbqSidepanelActions, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<KbqSidepanelActions, "kbq-sidepanel-actions, [kbq-sidepanel-actions], mcSidepanelActions", never, {}, {}, never, never, false, never>;
+}

package/sidepanel/sidepanel-ref.d.ts

@@ -0,0 +1,24 @@
+import { OverlayRef } from '@angular/cdk/overlay';
+import { Observable } from 'rxjs';
+import { KbqSidepanelConfig } from './sidepanel-config';
+import { KbqSidepanelContainerComponent } from './sidepanel-container.component';
+export declare class KbqSidepanelRef<T = any, R = any> {
+    containerInstance: KbqSidepanelContainerComponent;
+    private overlayRef;
+    config: KbqSidepanelConfig;
+    readonly id: string;
+    /** Instance of the component making up the content of the sidepanel. */
+    instance: T;
+    /** Subject for notifying the user that the sidepanel has been closed and dismissed. */
+    private readonly afterClosed$;
+    /** Subject for notifying the user that the sidepanel has opened and appeared. */
+    private readonly afterOpened$;
+    /** Result to be passed down to the `afterDismissed` stream. */
+    private result;
+    constructor(containerInstance: KbqSidepanelContainerComponent, overlayRef: OverlayRef, config: KbqSidepanelConfig);
+    close(result?: R): void;
+    /** Gets an observable that is notified when the sidepanel is finished closing. */
+    afterClosed(): Observable<R | undefined>;
+    /** Gets an observable that is notified when the sidepanel has opened and appeared. */
+    afterOpened(): Observable<void>;
+}

package/sidepanel/sidepanel.module.d.ts

@@ -0,0 +1,16 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./sidepanel-container.component";
+import * as i2 from "./sidepanel-directives";
+import * as i3 from "@angular/common";
+import * as i4 from "@angular/cdk/overlay";
+import * as i5 from "@angular/cdk/portal";
+import * as i6 from "@koobiq/components/core";
+import * as i7 from "@koobiq/components/button";
+import * as i8 from "@koobiq/components/icon";
+import * as i9 from "@koobiq/components/title";
+import * as i10 from "@angular/cdk/a11y";
+export declare class KbqSidepanelModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<KbqSidepanelModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<KbqSidepanelModule, [typeof i1.KbqSidepanelContainerComponent, typeof i2.KbqSidepanelClose, typeof i2.KbqSidepanelHeader, typeof i2.KbqSidepanelBody, typeof i2.KbqSidepanelFooter, typeof i2.KbqSidepanelActions], [typeof i3.CommonModule, typeof i4.OverlayModule, typeof i5.PortalModule, typeof i6.KbqCommonModule, typeof i7.KbqButtonModule, typeof i8.KbqIconModule, typeof i9.KbqTitleModule, typeof i10.A11yModule], [typeof i1.KbqSidepanelContainerComponent, typeof i2.KbqSidepanelClose, typeof i2.KbqSidepanelHeader, typeof i2.KbqSidepanelBody, typeof i2.KbqSidepanelFooter, typeof i2.KbqSidepanelActions]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<KbqSidepanelModule>;
+}