@kirbydesign/designsystem 8.2.0 → 8.3.0

package/page/public_api.d.ts

@@ -1,14 +1,3 @@
-export { PageComponent } from './page.component';
-export { PageProgressComponent } from './page.component';
-export { PageTitleComponent } from './page.component';
-export { PageTitleDirective } from './page.component';
-export { PageSubtitleDirective } from './page.component';
-export { PageToolbarTitleDirective } from './page.component';
-export { PageActionsDirective } from './page.component';
-export { PageContentDirective } from './page.component';
-export { PageContentComponent } from './page.component';
-export { PageActionsComponent } from './page.component';
+export { PageComponent, PageProgressComponent, PageTitleComponent, PageTitleDirective, PageSubtitleDirective, PageToolbarTitleDirective, PageActionsDirective, PageContentDirective, PageContentComponent, PageActionsComponent, PullToRefreshEvent, PageStickyContentDirective, PAGE_BACK_BUTTON_OVERRIDE, PageBackButtonOverride, } from './page.component';
 export { PageFooterComponent } from './page-footer/page-footer.component';
 export { PageModule } from './page.module';
-export { PullToRefreshEvent } from './page.component';
-export { PageStickyContentDirective } from './page.component';

package/shared/floating/floating.directive.d.ts

@@ -10,6 +10,16 @@ export declare enum FloatingOffset {
     small = 4,
     medium = 8
 }
+export declare enum OutletSelector {
+    tag = "tag",
+    id = "id",
+    class = "class",
+    name = "name"
+}
+export interface PortalOutletConfig {
+    selector: OutletSelector;
+    value: string;
+}
 /**
  * @summary FloatingDirective is a utility that lets you declarative anchor "popup" containers to another element.
  *
@@ -50,6 +60,13 @@ export declare class FloatingDirective implements OnInit, OnDestroy {
      * This should be used when there's issues with the stacking context, and not as a default option.
      * */
     set DOMPortalOutlet(outlet: HTMLElement | undefined);
+    get DOMPortalOutlet(): HTMLElement | undefined;
+    /**
+     * Defines how to automatically find and assign DOMPortalOutlet if none is provided in DOMPortalOutlet.
+     * If nothing is provided here and in DOMPortalOutlet, the provided strategy is used
+     * */
+    set portalOutletConfig(config: PortalOutletConfig | undefined);
+    get portalOutletConfig(): PortalOutletConfig | undefined;
     /**
      * Prevent host from being toggled if set.
      * */
@@ -78,32 +95,41 @@ export declare class FloatingDirective implements OnInit, OnDestroy {
      * */
     displayChanged: EventEmitter<boolean>;
     onEscapeKeyPressed(): void;
-    onMouseClick(event: Event): void;
     private _placement;
     private _strategy;
+    private _providedPortalOutlet;
+    private _portalOutletConfig;
     private _triggers;
     private _reference;
     private autoUpdaterRef;
     private isShown;
-    private eventListenerDisposeFns;
+    private referenceEventListenerDisposeFns;
+    private documentClickEventListenerDisposeFn;
     private triggerEventMap;
+    private HTMLElements;
     constructor(elementRef: ElementRef, renderer: Renderer2, portalDirective: PortalDirective);
     ngOnInit(): void;
     show(): void;
     hide(): void;
     toggleShow(): void;
+    private onDocumentClickWhileHostShown;
     private addFloatStylingToHostElement;
+    private setDisplayStyling;
     private updateHostElementPosition;
     private getMiddlewareConfig;
     private autoUpdatePosition;
     private setPositionStylingOnHostElement;
     private setupEventHandling;
+    private attachDocumentClickEvent;
     private attachTriggerEventToReferenceElement;
     private handleClickInsideHostElement;
     private handleClickOutsideHostElement;
-    private tearDownEventHandling;
+    private getOutletElement;
+    private getHTMLElements;
+    private tearDownReferenceElementEventHandling;
+    private tearDownDocumentClickEventHandling;
     private removeAutoUpdaterRef;
     ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<FloatingDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<FloatingDirective, "[kirbyFloating]", never, { "reference": "reference"; "placement": "placement"; "strategy": "strategy"; "triggers": "triggers"; "DOMPortalOutlet": "DOMPortalOutlet"; "isDisabled": "isDisabled"; "offset": "offset"; "shift": "shift"; "autoPlacement": "autoPlacement"; "closeOnSelect": "closeOnSelect"; "closeOnEscapeKey": "closeOnEscapeKey"; "closeOnBackdrop": "closeOnBackdrop"; }, { "displayChanged": "displayChanged"; }, never, never, true, [{ directive: typeof i1.PortalDirective; inputs: {}; outputs: {}; }]>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<FloatingDirective, "[kirbyFloating]", never, { "reference": "reference"; "placement": "placement"; "strategy": "strategy"; "triggers": "triggers"; "DOMPortalOutlet": "DOMPortalOutlet"; "portalOutletConfig": "portalOutletConfig"; "isDisabled": "isDisabled"; "offset": "offset"; "shift": "shift"; "autoPlacement": "autoPlacement"; "closeOnSelect": "closeOnSelect"; "closeOnEscapeKey": "closeOnEscapeKey"; "closeOnBackdrop": "closeOnBackdrop"; }, { "displayChanged": "displayChanged"; }, never, never, true, [{ directive: typeof i1.PortalDirective; inputs: {}; outputs: {}; }]>;
 }

package/shared/floating/public_api.d.ts

@@ -1 +1 @@
-export { FloatingDirective, TriggerEvent } from './floating.directive';
+export { FloatingDirective, TriggerEvent, FloatingOffset, PortalOutletConfig, OutletSelector, } from './floating.directive';

package/tab-navigation/index.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+/// <amd-module name="@kirbydesign/designsystem/tab-navigation" />
+export * from './public_api';

package/tab-navigation/public_api.d.ts

@@ -0,0 +1,3 @@
+export { TabNavigationComponent } from './tab-navigation/tab-navigation.component';
+export { TabNavigationItemComponent } from './tab-navigation-item/tab-navigation-item.component';
+export { TabNavigationModule } from './tab-navigation.module';

package/tab-navigation/tab-navigation/tab-navigation.component.d.ts

@@ -0,0 +1,30 @@
+import { AfterViewInit, EventEmitter } from '@angular/core';
+import { WindowRef } from '@kirbydesign/designsystem/types';
+import { KeyboardHandlerService } from '@kirbydesign/designsystem/dropdown';
+import * as i0 from "@angular/core";
+export declare class TabNavigationComponent implements AfterViewInit {
+    private window;
+    private keyboardHandlerService;
+    readonly DEBOUNCE_TIME_MS = 250;
+    private tabBar;
+    private tabs;
+    private tabBarElement;
+    private tabElements;
+    private tabButtonElements;
+    get selectedIndex(): number;
+    set selectedIndex(index: number);
+    private _selectedIndex;
+    get focusIndex(): number;
+    set focusIndex(index: number);
+    private _focusIndex;
+    selectedIndexChange: EventEmitter<number>;
+    constructor(window: WindowRef, keyboardHandlerService: KeyboardHandlerService);
+    ngAfterViewInit(): void;
+    onItemSelect(event: PointerEvent): void;
+    onKeydown(event: KeyboardEvent): void;
+    private selectTab;
+    private focusTab;
+    private scrollToTab;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TabNavigationComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TabNavigationComponent, "kirby-tab-navigation", never, { "selectedIndex": "selectedIndex"; }, { "selectedIndexChange": "selectedIndexChange"; }, ["tabs"], ["*"], false, never>;
+}

package/tab-navigation/tab-navigation-item/tab-navigation-item.component.d.ts

@@ -0,0 +1,7 @@
+import * as i0 from "@angular/core";
+export declare class TabNavigationItemComponent {
+    label: string;
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<TabNavigationItemComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TabNavigationItemComponent, "kirby-tab-navigation-item", never, { "label": "label"; }, {}, never, ["*"], false, never>;
+}

package/tab-navigation/tab-navigation.module.d.ts

@@ -0,0 +1,9 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./tab-navigation/tab-navigation.component";
+import * as i2 from "./tab-navigation-item/tab-navigation-item.component";
+import * as i3 from "@angular/common";
+export declare class TabNavigationModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<TabNavigationModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<TabNavigationModule, [typeof i1.TabNavigationComponent, typeof i2.TabNavigationItemComponent], [typeof i3.CommonModule], [typeof i1.TabNavigationComponent, typeof i2.TabNavigationItemComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<TabNavigationModule>;
+}