@kirbydesign/designsystem 11.11.4 → 12.0.0-dev-286cdc0

package/types/kirbydesign-designsystem-shared-floating.d.ts

@@ -1,24 +1,23 @@
-import * as i0 from '@angular/core';
-import { OnInit, OnDestroy, ElementRef, EventEmitter, Renderer2 } from '@angular/core';
-import { Placement, Strategy } from '@floating-ui/dom';
-import * as i1 from '@kirbydesign/designsystem/shared/portal';
-import { PortalDirective } from '@kirbydesign/designsystem/shared/portal';
-
-type TriggerEvent = 'hover' | 'click' | 'focus';
-declare enum FloatingOffset {
-    none = 0,
-    small = 4,
-    medium = 8
+import * as i0 from "@angular/core";
+import { ElementRef, EventEmitter, OnDestroy, OnInit, Renderer2 } from "@angular/core";
+import { Placement, Strategy } from "@floating-ui/dom";
+import * as i1 from "@kirbydesign/designsystem/shared/portal";
+import { PortalDirective } from "@kirbydesign/designsystem/shared/portal";
+export type TriggerEvent = 'hover' | 'click' | 'focus';
+export declare enum FloatingOffset {
+  none = 0,
+  small = 4,
+  medium = 8
 }
-declare enum OutletSelector {
-    tag = "tag",
-    id = "id",
-    class = "class",
-    name = "name"
+export declare enum OutletSelector {
+  tag = "tag",
+  id = "id",
+  class = "class",
+  name = "name"
 }
-interface PortalOutletConfig {
-    selector: OutletSelector;
-    value: string;
+export interface PortalOutletConfig {
+  selector: OutletSelector;
+  value: string;
 }
 /**
  * @summary FloatingDirective is a utility that lets you declarative anchor "popup" containers to another element.
@@ -28,113 +27,169 @@ interface PortalOutletConfig {
  * Uses PortalDirective to enable functionality for portaling the floated content. This should be used when needed
  * and not as the default option.
  */
-declare class FloatingDirective implements OnInit, OnDestroy {
-    private elementRef;
-    private renderer;
-    private portalDirective;
-    /**
-     * Reference to the element for which the host should anchor to
-     * */
-    set reference(ref: ElementRef<HTMLElement> | undefined);
-    get reference(): ElementRef<HTMLElement> | undefined;
-    /**
-     * How the host should be placed relative to the reference. Can be affected by middleware
-     * */
-    set placement(placement: Placement);
-    get placement(): Placement;
-    /**
-     * The strategy for how the host should be positioned.
-     * */
-    set strategy(strategy: Strategy);
-    get strategy(): Strategy;
-    /**
-     * Defines when the host should be displayed/hidden, i.e. click will attach a click listener to the reference
-     * that makes the host toggle display. Supports multiple triggers, to provide functionality for combinations
-     * like click/focus.
-     * */
-    set triggers(eventTriggers: Array<TriggerEvent>);
-    get triggers(): Array<TriggerEvent>;
-    /**
-     * The HTMLElement for which the content should portal into.
-     * Providing an outlet enables the portal, if nothing is provided, the provided strategy is used.
-     * 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.
-     * */
-    isDisabled: boolean;
-    /**
-     * Displaces the floating element from its core placement along the specified axes.
-     * */
-    offset: FloatingOffset;
-    /**
-     * Moves the floating element along the specified axes in order to keep it in view.
-     * This does not always work as expected, so don't "just" set it.
-     * */
-    shift: boolean;
-    /**
-     * Chooses the placement that has the most space available automatically.
-     * */
-    autoPlacement: boolean;
-    /**
-     * Enables hiding the host by events. See variable names.
-     * */
-    closeOnSelect: boolean;
-    closeOnEscapeKey: boolean;
-    closeOnBackdrop: boolean;
-    /**
-     * Enables the option to be notified when the host changes display. The new display value is provided.
-     * */
-    displayChanged: EventEmitter<boolean>;
-    onEscapeKeyPressed(): void;
-    private _placement;
-    private _strategy;
-    private _providedPortalOutlet;
-    private _portalOutletConfig;
-    private _triggers;
-    private _reference;
-    private autoUpdaterRef;
-    private isShown;
-    private disposeTriggerEventListeners;
-    private disposeDocumentClickListener;
-    private disposeHostClickListener;
-    private triggerEventMap;
-    private HTMLElements;
-    constructor(elementRef: ElementRef<HTMLElement>, renderer: Renderer2, portalDirective: PortalDirective);
-    ngOnInit(): void;
-    show(): void;
-    hide(): void;
-    toggleShow(): void;
-    private addFloatStylingToHostElement;
-    private setDisplayStyling;
-    private updateHostElementPosition;
-    private getMiddlewareConfig;
-    private autoUpdatePosition;
-    private setPositionStylingOnHostElement;
-    private setupEventHandling;
-    private attachDocumentClickEventHandler;
-    private attachHostClickEventHandler;
-    private attachTriggerEventToReferenceElement;
-    private handleClickInsideHostElement;
-    private handleClickOutsideHostElement;
-    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": { "alias": "reference"; "required": false; }; "placement": { "alias": "placement"; "required": false; }; "strategy": { "alias": "strategy"; "required": false; }; "triggers": { "alias": "triggers"; "required": false; }; "DOMPortalOutlet": { "alias": "DOMPortalOutlet"; "required": false; }; "portalOutletConfig": { "alias": "portalOutletConfig"; "required": false; }; "isDisabled": { "alias": "isDisabled"; "required": false; }; "offset": { "alias": "offset"; "required": false; }; "shift": { "alias": "shift"; "required": false; }; "autoPlacement": { "alias": "autoPlacement"; "required": false; }; "closeOnSelect": { "alias": "closeOnSelect"; "required": false; }; "closeOnEscapeKey": { "alias": "closeOnEscapeKey"; "required": false; }; "closeOnBackdrop": { "alias": "closeOnBackdrop"; "required": false; }; }, { "displayChanged": "displayChanged"; }, never, never, true, [{ directive: typeof i1.PortalDirective; inputs: {}; outputs: {}; }]>;
+export declare class FloatingDirective implements OnInit, OnDestroy {
+  private elementRef;
+  private renderer;
+  private portalDirective;
+  /**
+   * Reference to the element for which the host should anchor to
+   * */
+  set reference(ref: ElementRef<HTMLElement> | undefined);
+  get reference(): ElementRef<HTMLElement> | undefined;
+  /**
+   * How the host should be placed relative to the reference. Can be affected by middleware
+   * */
+  set placement(placement: Placement);
+  get placement(): Placement;
+  /**
+   * The strategy for how the host should be positioned.
+   * */
+  set strategy(strategy: Strategy);
+  get strategy(): Strategy;
+  /**
+   * Defines when the host should be displayed/hidden, i.e. click will attach a click listener to the reference
+   * that makes the host toggle display. Supports multiple triggers, to provide functionality for combinations
+   * like click/focus.
+   * */
+  set triggers(eventTriggers: Array<TriggerEvent>);
+  get triggers(): Array<TriggerEvent>;
+  /**
+   * The HTMLElement for which the content should portal into.
+   * Providing an outlet enables the portal, if nothing is provided, the provided strategy is used.
+   * 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.
+   * */
+  isDisabled: boolean;
+  /**
+   * Displaces the floating element from its core placement along the specified axes.
+   * */
+  offset: FloatingOffset;
+  /**
+   * Moves the floating element along the specified axes in order to keep it in view.
+   * This does not always work as expected, so don't "just" set it.
+   * */
+  shift: boolean;
+  /**
+   * Chooses the placement that has the most space available automatically.
+   * */
+  autoPlacement: boolean;
+  /**
+   * Enables hiding the host by events. See variable names.
+   * */
+  closeOnSelect: boolean;
+  closeOnEscapeKey: boolean;
+  closeOnBackdrop: boolean;
+  /**
+   * Enables the option to be notified when the host changes display. The new display value is provided.
+   * */
+  displayChanged: EventEmitter<boolean>;
+  onEscapeKeyPressed(): void;
+  private _placement;
+  private _strategy;
+  private _providedPortalOutlet;
+  private _portalOutletConfig;
+  private _triggers;
+  private _reference;
+  private autoUpdaterRef;
+  private isShown;
+  private disposeTriggerEventListeners;
+  private disposeDocumentClickListener;
+  private disposeHostClickListener;
+  private triggerEventMap;
+  private HTMLElements;
+  constructor(elementRef: ElementRef<HTMLElement>, renderer: Renderer2, portalDirective: PortalDirective);
+  ngOnInit(): void;
+  show(): void;
+  hide(): void;
+  toggleShow(): void;
+  private addFloatStylingToHostElement;
+  private setDisplayStyling;
+  private updateHostElementPosition;
+  private getMiddlewareConfig;
+  private autoUpdatePosition;
+  private setPositionStylingOnHostElement;
+  private setupEventHandling;
+  private attachDocumentClickEventHandler;
+  private attachHostClickEventHandler;
+  private attachTriggerEventToReferenceElement;
+  private handleClickInsideHostElement;
+  private handleClickOutsideHostElement;
+  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": {
+      "alias": "reference";
+      "required": false;
+    };
+    "placement": {
+      "alias": "placement";
+      "required": false;
+    };
+    "strategy": {
+      "alias": "strategy";
+      "required": false;
+    };
+    "triggers": {
+      "alias": "triggers";
+      "required": false;
+    };
+    "DOMPortalOutlet": {
+      "alias": "DOMPortalOutlet";
+      "required": false;
+    };
+    "portalOutletConfig": {
+      "alias": "portalOutletConfig";
+      "required": false;
+    };
+    "isDisabled": {
+      "alias": "isDisabled";
+      "required": false;
+    };
+    "offset": {
+      "alias": "offset";
+      "required": false;
+    };
+    "shift": {
+      "alias": "shift";
+      "required": false;
+    };
+    "autoPlacement": {
+      "alias": "autoPlacement";
+      "required": false;
+    };
+    "closeOnSelect": {
+      "alias": "closeOnSelect";
+      "required": false;
+    };
+    "closeOnEscapeKey": {
+      "alias": "closeOnEscapeKey";
+      "required": false;
+    };
+    "closeOnBackdrop": {
+      "alias": "closeOnBackdrop";
+      "required": false;
+    };
+  }, {
+    "displayChanged": "displayChanged";
+  }, never, never, true, [{
+    directive: typeof i1.PortalDirective;
+    inputs: {};
+    outputs: {};
+  }]>;
 }
-
-export { FloatingDirective, FloatingOffset, OutletSelector };
-export type { PortalOutletConfig, TriggerEvent };
-//# sourceMappingURL=kirbydesign-designsystem-shared-floating.d.ts.map
+//# sourceMappingURL=kirbydesign-designsystem-shared-floating.d.ts.map

package/types/kirbydesign-designsystem-shared-floating.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"kirbydesign-designsystem-shared-floating.d.ts","sources":["../../shared/floating/src/floating.directive.ts"],"mappings":";;;;;;AA4BM,KAAM,YAAY;AAExB,aAAY,cAAc;AACxB;AACA;AACA;AACD;AAED,aAAY,cAAc;AACxB;AACA;AACA;AACA;AACD;UAEgB,kBAAkB;cACvB,cAAc;;AAEzB;AAOD;;;;;;;AAOG;AACH,cAMa,iBAAkB,YAAW,MAAM,EAAE,SAAS;AAiLvD;AACA;AACA;AAlLF;;AAEK;uBAC8B,UAAU,CAAC,WAAW;qBASjC,UAAU,CAAC,WAAW;AAI9C;;AAEK;AACL,6BAAyC,SAAS;qBAAT,SAAS;AAWlD;;AAEK;AACL,2BAAuC,QAAQ;oBAOxB,QAAQ;AAI/B;;;;AAIK;gCACuC,KAAK,CAAC,YAAY;AAM9D,oBAAuB,KAAK,CAAC,YAAY;AAIzC;;;;AAIK;AACL,gCAA4C,WAAW;AAMvD,2BAA8B,WAAW;AAIzC;;;AAGK;AACL,mCAA+C,kBAAkB;AAQjE,8BAAiC,kBAAkB;AAInD;;AAEK;;AAGL;;AAEK;YACmB,cAAc;AAEtC;;;AAGK;;AAGL;;AAEK;;AAGL;;AAEK;;;;AAKL;;AAEK;AACY,oBAAgB,YAAY;AAGtC;;;;;;;;;;;;;;AAoDG,4BAAY,UAAU,CAAC,WAAW,aACxB,SAAS,mBACF,eAAe;AAGnC;AAKA;AAcA;AAaA;AAQP;AAYA;AAQA;AAgBA;AAgBA;AAcA;AAMA;AAUA;AAUA;AAYA;AAiBA;AAMA;AAcA;AAqBA;AAMA;AAOA;AAYA;;yCAzZW,iBAAiB;2CAAjB,iBAAiB,06BAAA,EAAA,CAAA,eAAA;AAoa7B;;;;","names":[]}
+{"version":3,"file":"kirbydesign-designsystem-shared-floating.d.ts","names":[],"sources":["../../shared/floating/src/floating.directive.ts"],"mappings":";;;;;YA8BY;oBAEA;EACV;EACA;EACA;;oBAGU;EACV;EACA;EACA;EACA;;iBAGe;EACf,UAAU;EACV;;;;;;;;;;qBAsBW,6BAA6B,QAAQ;UAiLtC;UACA;UACA;;;;MA/KU,UAAU,KAAK,WAAW;MASnC,aAAa,WAAW;;;;MAOf,UAAU,WAAW;MAO9B,aAP8B;;;;MAcrB,SAAS,UAAU;MAO5B,YAAY;;;;;;MASH,SAAS,eAAe,MAAM;MAMvC,YAAY,MAAM;;;;;;MAST,gBAAgB,QAAQ;MAMjC,mBAAmB;;;;;MAQV,mBAAmB,QAAQ;MAQpC,sBAAsB;;;;EAOjB;;;;EAKA,QAAQ;;;;;EAMR;;;;EAKA;;;;EAKA;EACA;EACA;;;;EAKC,gBAAgB;EAG1B;UAMC;UAEA;UAEA;UAEA;UAEA;UAEA;UAEA;UACA;UACA;UACA;UACA;UACA;UAkBA;EAWE,YAAA,YAAY,WAAW,cACvB,UAAU,WACV,iBAAiB;EAGpB;EAKA;EAcA;EAkBA;UAQC;UAYA;UAQA;UAgBA;UAkCA;UAcA;UAMA;UAUA;UAUA;UAYA;UAiBA;UAMA;UAcA;UAqBA;UAMA;UAOA;UAYA;EAMD;SAtbI,MAAA,GAAA,qBAAA;SAAA,MAAA,GAAA,uBAAA;IAAiB;MAAA;MAAA;;IAAA;MAAA;MAAA;;IAAA;MAAA;MAAA;;IAAA;MAAA;MAAA;;IAAA;MAAA;MAAA;;IAAA;MAAA;MAAA;;IAAA;MAAA;MAAA;;IAAA;MAAA;MAAA;;IAAA;MAAA;MAAA;;IAAA;MAAA;MAAA;;IAAA;MAAA;MAAA;;IAAA;MAAA;MAAA;;IAAA;MAAA;MAAA;;;IAAA;;IAAA,kBAAA,GAAA;IAAA;IAAA"}

package/types/kirbydesign-designsystem-shared-portal.d.ts

@@ -1,7 +1,6 @@
-import { CdkPortalOutlet, Portal, DomPortal } from '@angular/cdk/portal';
-import * as i0 from '@angular/core';
-import { ElementRef, ComponentFactoryResolver, ViewContainerRef } from '@angular/core';
-
+import { CdkPortalOutlet, DomPortal, Portal } from "@angular/cdk/portal";
+import * as i0 from "@angular/core";
+import { ElementRef, ViewContainerRef } from "@angular/core";
 /**
  * @summary PortalDirective is a utility that lets you portal the host element into another DOM element.
  * This is designed to be beneficial when there's issues with the stacking context.
@@ -11,28 +10,30 @@ import { ElementRef, ComponentFactoryResolver, ViewContainerRef } from '@angular
  * Using portal directive to reposition HTML elements, might break angular functionality and/or styling, so use
  * with care.
  */
-declare class PortalDirective extends CdkPortalOutlet {
-    private elementRef;
-    private componentFactoryResolver;
-    private viewContainerRef;
-    private _outlet;
-    /** The DOM element for which the host element should be appended as a child. */
-    set outlet(outlet: HTMLElement | undefined);
-    get outlet(): HTMLElement | undefined;
-    /**
-     * Override portal to handle if user provides a portal of another type than DOMPortal, which CdkPortal would
-     * otherwise allow. This can be modified to handle other portal types in the future, should the need arise
-     */
-    set portal(portal: Portal<unknown> | null);
-    constructor(elementRef: ElementRef, componentFactoryResolver: ComponentFactoryResolver, viewContainerRef: ViewContainerRef);
-    /**
-     * Nearly identical to super class, yet we want to use provided outlet instead of directive host as new content
-     * parent which is otherwise the default for CdKPortal
-     */
-    attachDomPortal: (portal: DomPortal) => void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<PortalDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<PortalDirective, "[kirbyPortal]", never, { "outlet": { "alias": "outlet"; "required": false; }; }, {}, never, never, true, never>;
+export declare class PortalDirective extends CdkPortalOutlet {
+  private elementRef;
+  private viewContainerRef;
+  private _outlet;
+  /** The DOM element for which the host element should be appended as a child. */
+  set outlet(outlet: HTMLElement | undefined);
+  get outlet(): HTMLElement | undefined;
+  /**
+   * Override portal to handle if user provides a portal of another type than DOMPortal, which CdkPortal would
+   * otherwise allow. This can be modified to handle other portal types in the future, should the need arise
+   */
+  set portal(portal: Portal<unknown> | null);
+  constructor(elementRef: ElementRef, viewContainerRef: ViewContainerRef);
+  /**
+   * Nearly identical to super class, yet we want to use provided outlet instead of directive host as new content
+   * parent which is otherwise the default for CdKPortal
+   */
+  attachDomPortal: (portal: DomPortal) => void;
+  static ɵfac: i0.ɵɵFactoryDeclaration<PortalDirective, never>;
+  static ɵdir: i0.ɵɵDirectiveDeclaration<PortalDirective, "[kirbyPortal]", never, {
+    "outlet": {
+      "alias": "outlet";
+      "required": false;
+    };
+  }, {}, never, never, true, never>;
 }
-
-export { PortalDirective };
-//# sourceMappingURL=kirbydesign-designsystem-shared-portal.d.ts.map
+//# sourceMappingURL=kirbydesign-designsystem-shared-portal.d.ts.map

package/types/kirbydesign-designsystem-shared-portal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"kirbydesign-designsystem-shared-portal.d.ts","sources":["../../shared/portal/src/portal.directive.ts"],"mappings":";;;;AASA;;;;;;;;AAQG;AACH,cAIa,eAAgB,SAAQ,eAAe;AA+BhD;AACA;AACA;;;AA7BF,uBAAmC,WAAW;AAQ9C,kBAAqB,WAAW;AAIhC;;;AAGG;uBACgC,MAAM;4BAWnB,UAAU,4BACI,wBAAwB,oBAChC,gBAAgB;AAK5C;;;AAGG;AACa,8BAA2B,SAAS;yCA1CzC,eAAe;2CAAf,eAAe;AAoE3B;;;;","names":[]}
+{"version":3,"file":"kirbydesign-designsystem-shared-portal.d.ts","names":[],"sources":["../../shared/portal/src/portal.directive.ts"],"mappings":";;;;;;;;;;;;qBAgBa,wBAAwB;UA+BzB;UACA;UA/BF;;MAGY,OAAO,QAAQ;MAQxB,UAAU;;;;;MAQD,OAAO,QAAQ;EAWzB,YAAA,YAAY,YACZ,kBAAkB;;;;;EASZ,kBAAmB,QAAQ;SAzChC,MAAA,GAAA,qBAAA;SAAA,MAAA,GAAA,uBAAA;IAAe;MAAA;MAAA"}