@tedi-design-system/angular 6.5.0-rc.4 → 6.5.0-rc.5

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tedi-design-system/angular",
-  "version": "6.5.0-rc.4",
+  "version": "6.5.0-rc.5",
   "type": "module",
   "main": "community.mjs",
   "module": "fesm2022/tedi-design-system-angular.mjs",

package/tedi/components/overlay/dropdown/dropdown-item/dropdown-item.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"dropdown-item.component.d.ts","sourceRoot":"","sources":["../../../../../../tedi/components/overlay/dropdown/dropdown-item/dropdown-item.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAIL,UAAU,EAMX,MAAM,eAAe,CAAC;AACvB,OAAO,EAGL,WAAW,EACX,kBAAkB,EACnB,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EAAE,0BAA0B,EAAE,MAAM,sDAAsD,CAAC;;AAGlG,qBAkBa,qBAAqB;IAChC,iBAAiB;IACjB,QAAQ,CAAC,KAAK,0DAAmB;IAEjC,wBAAwB;IACxB,QAAQ,CAAC,QAAQ,+CAAgB;IAEjC;;;;;OAKG;IACH,QAAQ,CAAC,aAAa,+CAAe;IAErC;;;;OAIG;IACH,QAAQ,CAAC,UAAU,iDAAkB;IAErC,QAAQ,CAAC,IAAI,4BAAiD;IAC9D,QAAQ,CAAC,QAAQ,cAAqC;IACtD,QAAQ,CAAC,eAAe,qBAAoD;IAE5E,sDAAsD;IACtD,QAAQ,CAAC,eAAe,yEAA4C;IAEpE,UAAU;IAIV,KAAK;IAKL,OAAO;IAOP,SAAS,CAAC,KAAK,EAAE,aAAa;IA2C9B,OAAO,CAAC,YAAY;yCAxFT,qBAAqB;2CAArB,qBAAqB;CAoGjC"}
+{"version":3,"file":"dropdown-item.component.d.ts","sourceRoot":"","sources":["../../../../../../tedi/components/overlay/dropdown/dropdown-item/dropdown-item.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAIL,UAAU,EAMX,MAAM,eAAe,CAAC;AACvB,OAAO,EAGL,WAAW,EACX,kBAAkB,EACnB,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EAAE,0BAA0B,EAAE,MAAM,sDAAsD,CAAC;;AAGlG,qBAkBa,qBAAqB;IAChC,iBAAiB;IACjB,QAAQ,CAAC,KAAK,0DAAmB;IAEjC,wBAAwB;IACxB,QAAQ,CAAC,QAAQ,+CAAgB;IAEjC;;;;;OAKG;IACH,QAAQ,CAAC,aAAa,+CAAe;IAErC;;;;OAIG;IACH,QAAQ,CAAC,UAAU,iDAAkB;IAErC,QAAQ,CAAC,IAAI,4BAAiD;IAC9D,QAAQ,CAAC,QAAQ,cAAqC;IACtD,QAAQ,CAAC,eAAe,qBAAoD;IAE5E,sDAAsD;IACtD,QAAQ,CAAC,eAAe,yEAA4C;IAEpE,UAAU;IAIV,KAAK;IAKL,OAAO;IAOP,SAAS,CAAC,KAAK,EAAE,aAAa;IAgD9B,OAAO,CAAC,YAAY;yCA7FT,qBAAqB;2CAArB,qBAAqB;CAyGjC"}

package/tedi/components/overlay/dropdown/dropdown-trigger/dropdown-trigger.directive.d.ts

@@ -1,15 +1,31 @@
-import { ElementRef } from "@angular/core";
+import { AfterViewInit, ElementRef } from "@angular/core";
 import { DropdownComponent } from "../dropdown.component";
 import * as i0 from "@angular/core";
 export type DropdownTriggerAriaHasPopup = "menu" | "listbox" | "dialog" | "true";
-export declare class DropdownTriggerDirective {
+export declare class DropdownTriggerDirective implements AfterViewInit {
     /** Defines the aria-haspopup attribute for the trigger, informing assistive technologies whether it opens a menu or listbox. Improves accessibility by describing the type of popup. */
     readonly ariaHaspopup: import("@angular/core").InputSignal<DropdownTriggerAriaHasPopup>;
     readonly host: ElementRef<HTMLElement>;
     readonly dropdown: DropdownComponent;
-    get isButton(): boolean;
+    private readonly renderer;
+    /**
+     * The element that actually receives focus and ARIA semantics. When the directive
+     * sits on a native `<button>`/`<a href>` that element is used directly. When it wraps
+     * a button component (e.g. `<app-button>` that renders its own native button), the
+     * inner focusable element is used instead — otherwise the wrapper and the inner button
+     * would both be tab stops, and the ARIA state would land on the wrong element.
+     */
+    private readonly triggerElement;
+    constructor();
+    ngAfterViewInit(): void;
+    focus(): void;
+    /** The element that is actually in the tab order — the resolved interactive
+     * element, which may be a button nested inside a wrapping component. */
+    get focusableElement(): HTMLElement;
     onClick(): void;
     onKeydown(event: KeyboardEvent): void;
+    private resolveTriggerElement;
+    private isNativelyFocusable;
     private openAndFocusFirst;
     private openAndFocusLast;
     static ɵfac: i0.ɵɵFactoryDeclaration<DropdownTriggerDirective, never>;

package/tedi/components/overlay/dropdown/dropdown-trigger/dropdown-trigger.directive.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"dropdown-trigger.directive.d.ts","sourceRoot":"","sources":["../../../../../../tedi/components/overlay/dropdown/dropdown-trigger/dropdown-trigger.directive.ts"],"names":[],"mappings":"AAAA,OAAO,EAEL,UAAU,EAIX,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;;AAE1D,MAAM,MAAM,2BAA2B,GAAG,MAAM,GAAG,SAAS,GAAG,QAAQ,GAAG,MAAM,CAAC;AAEjF,qBAYa,wBAAwB;IACnC,wLAAwL;IACxL,QAAQ,CAAC,YAAY,mEAA8C;IAEnE,QAAQ,CAAC,IAAI,0BAA+C;IAC5D,QAAQ,CAAC,QAAQ,oBAA6B;IAE9C,IAAI,QAAQ,IAAI,OAAO,CAEtB;IAGD,OAAO;IAKP,SAAS,CAAC,KAAK,EAAE,aAAa;IAsB9B,OAAO,CAAC,iBAAiB;IAOzB,OAAO,CAAC,gBAAgB;yCA9Cb,wBAAwB;2CAAxB,wBAAwB;CAoDpC"}
+{"version":3,"file":"dropdown-trigger.directive.d.ts","sourceRoot":"","sources":["../../../../../../tedi/components/overlay/dropdown/dropdown-trigger/dropdown-trigger.directive.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,aAAa,EAEb,UAAU,EAOX,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;;AAE1D,MAAM,MAAM,2BAA2B,GAAG,MAAM,GAAG,SAAS,GAAG,QAAQ,GAAG,MAAM,CAAC;AAIjF,qBAIa,wBAAyB,YAAW,aAAa;IAC5D,wLAAwL;IACxL,QAAQ,CAAC,YAAY,mEAA8C;IAEnE,QAAQ,CAAC,IAAI,0BAA+C;IAC5D,QAAQ,CAAC,QAAQ,oBAA6B;IAC9C,OAAO,CAAC,QAAQ,CAAC,QAAQ,CAAqB;IAE9C;;;;;;OAMG;IACH,OAAO,CAAC,QAAQ,CAAC,cAAc,CAAoC;;IA2BnE,eAAe;IAIf,KAAK;IAIL;4EACwE;IACxE,IAAI,gBAAgB,IAAI,WAAW,CAElC;IAGD,OAAO;IAKP,SAAS,CAAC,KAAK,EAAE,aAAa;IAsB9B,OAAO,CAAC,qBAAqB;IAM7B,OAAO,CAAC,mBAAmB;IAM3B,OAAO,CAAC,iBAAiB;IAOzB,OAAO,CAAC,gBAAgB;yCAvGb,wBAAwB;2CAAxB,wBAAwB;CA6GpC"}

package/tedi/components/overlay/dropdown/dropdown.component.d.ts

@@ -23,6 +23,11 @@ export declare class DropdownComponent implements AfterContentChecked, OnDestroy
      * @default ""
      */
     readonly appendTo: import("@angular/core").InputSignal<string>;
+    /**
+     * Does the dropdown hide when the page scrolls?
+     * @default false
+     */
+    readonly hideOnScroll: import("@angular/core").InputSignal<boolean>;
     readonly dropdownTrigger: import("@angular/core").Signal<DropdownTriggerDirective>;
     readonly dropdownContent: import("@angular/core").Signal<DropdownContentComponent>;
     readonly floatUiComponent: import("@angular/core").Signal<NgxFloatUiContentComponent>;
@@ -30,7 +35,11 @@ export declare class DropdownComponent implements AfterContentChecked, OnDestroy
     readonly containerId: import("@angular/core").WritableSignal<string>;
     readonly isContentHovered: import("@angular/core").WritableSignal<boolean>;
     readonly floatUiDisplay: import("@angular/core").WritableSignal<"inline" | "block">;
+    readonly opened: import("@angular/core").Signal<boolean>;
     private readonly platformId;
+    private readonly document;
+    private readonly renderer;
+    private scrollListener?;
     constructor();
     ngOnDestroy(): void;
     ngAfterContentChecked(): void;
@@ -38,6 +47,8 @@ export declare class DropdownComponent implements AfterContentChecked, OnDestroy
     hideDropdown(): void;
     toggleDropdown(): void;
     handleOutsideClick: (event: Event) => void;
+    handleFocusOut: (event: FocusEvent) => void;
+    tabOutOfDropdown(shiftKey: boolean): void;
     focusFirstItem(): void;
     focusLastItem(): void;
     setActiveToSelectedOrFirst(): void;
@@ -45,10 +56,12 @@ export declare class DropdownComponent implements AfterContentChecked, OnDestroy
     focusNextItem(fromEl: HTMLLIElement): void;
     focusPrevItem(fromEl: HTMLLIElement): void;
     updateTabindexes(): void;
+    private setupScrollListener;
+    private cleanupScrollListener;
     private findIndexByElement;
     private getNextEnabledIndex;
     private getPrevEnabledIndex;
     static ɵfac: i0.ɵɵFactoryDeclaration<DropdownComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DropdownComponent, "tedi-dropdown", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "position": { "alias": "position"; "required": false; "isSignal": true; }; "preventOverflow": { "alias": "preventOverflow"; "required": false; "isSignal": true; }; "appendTo": { "alias": "appendTo"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; }, ["dropdownTrigger", "dropdownContent"], ["[tedi-dropdown-trigger]", "tedi-dropdown-content"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DropdownComponent, "tedi-dropdown", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "position": { "alias": "position"; "required": false; "isSignal": true; }; "preventOverflow": { "alias": "preventOverflow"; "required": false; "isSignal": true; }; "appendTo": { "alias": "appendTo"; "required": false; "isSignal": true; }; "hideOnScroll": { "alias": "hideOnScroll"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; }, ["dropdownTrigger", "dropdownContent"], ["[tedi-dropdown-trigger]", "tedi-dropdown-content"], true, never>;
 }
 //# sourceMappingURL=dropdown.component.d.ts.map

package/tedi/components/overlay/dropdown/dropdown.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"dropdown.component.d.ts","sourceRoot":"","sources":["../../../../../tedi/components/overlay/dropdown/dropdown.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAQL,mBAAmB,EACnB,SAAS,EAIV,MAAM,eAAe,CAAC;AACvB,OAAO,EACL,0BAA0B,EAE1B,oBAAoB,EACrB,MAAM,cAAc,CAAC;AACtB,OAAO,EAAE,wBAAwB,EAAE,MAAM,+CAA+C,CAAC;AACzF,OAAO,EAAE,wBAAwB,EAAE,MAAM,+CAA+C,CAAC;;AAIzF,MAAM,MAAM,gBAAgB,GAAG,GAAG,oBAAoB,EAAE,CAAC;AAEzD,qBAea,iBAAkB,YAAW,mBAAmB,EAAE,SAAS;IACtE,oDAAoD;IACpD,QAAQ,CAAC,KAAK,0DAAmB;IAEjC;;;OAGG;IACH,QAAQ,CAAC,QAAQ,oOAA2C;IAE5D;;;OAGG;IACH,QAAQ,CAAC,eAAe,+CAAe;IAEvC;;;;OAIG;IACH,QAAQ,CAAC,QAAQ,8CAAa;IAE9B,QAAQ,CAAC,eAAe,2DAAmD;IAC3E,QAAQ,CAAC,eAAe,2DAAmD;IAC3E,QAAQ,CAAC,gBAAgB,6DAAkD;IAE3E,OAAO,CAAC,QAAQ,CAAC,WAAW,CAA+B;IAC3D,QAAQ,CAAC,WAAW,iDAAc;IAClC,QAAQ,CAAC,gBAAgB,kDAAiB;IAC1C,QAAQ,CAAC,cAAc,6DAAwC;IAE/D,OAAO,CAAC,QAAQ,CAAC,UAAU,CAAuB;;IAQlD,WAAW;IAUX,qBAAqB,IAAI,IAAI;IAc7B,YAAY;IAqBZ,YAAY;IASZ,cAAc;IAQd,kBAAkB,GAAI,OAAO,KAAK,UAgBhC;IAEF,cAAc;IAWd,aAAa;IAab,0BAA0B;IAoB1B,eAAe;IAef,aAAa,CAAC,MAAM,EAAE,aAAa;IAanC,aAAa,CAAC,MAAM,EAAE,aAAa;IAanC,gBAAgB;IAoBhB,OAAO,CAAC,kBAAkB;IAM1B,OAAO,CAAC,mBAAmB;IAU3B,OAAO,CAAC,mBAAmB;yCAjPhB,iBAAiB;2CAAjB,iBAAiB;CA0P7B"}
+{"version":3,"file":"dropdown.component.d.ts","sourceRoot":"","sources":["../../../../../tedi/components/overlay/dropdown/dropdown.component.ts"],"names":[],"mappings":"AAAA,OAAO,EASL,mBAAmB,EACnB,SAAS,EAKV,MAAM,eAAe,CAAC;AACvB,OAAO,EACL,0BAA0B,EAE1B,oBAAoB,EACrB,MAAM,cAAc,CAAC;AACtB,OAAO,EAAE,wBAAwB,EAAE,MAAM,+CAA+C,CAAC;AACzF,OAAO,EAAE,wBAAwB,EAAE,MAAM,+CAA+C,CAAC;;AAKzF,MAAM,MAAM,gBAAgB,GAAG,GAAG,oBAAoB,EAAE,CAAC;AAEzD,qBAea,iBAAkB,YAAW,mBAAmB,EAAE,SAAS;IACtE,oDAAoD;IACpD,QAAQ,CAAC,KAAK,0DAAmB;IAEjC;;;OAGG;IACH,QAAQ,CAAC,QAAQ,oOAA2C;IAE5D;;;OAGG;IACH,QAAQ,CAAC,eAAe,+CAAe;IAEvC;;;;OAIG;IACH,QAAQ,CAAC,QAAQ,8CAAa;IAE9B;;;OAGG;IACH,QAAQ,CAAC,YAAY,+CAAgB;IAErC,QAAQ,CAAC,eAAe,2DAAmD;IAC3E,QAAQ,CAAC,eAAe,2DAAmD;IAC3E,QAAQ,CAAC,gBAAgB,6DAAkD;IAE3E,OAAO,CAAC,QAAQ,CAAC,WAAW,CAA+B;IAC3D,QAAQ,CAAC,WAAW,iDAAc;IAClC,QAAQ,CAAC,gBAAgB,kDAAiB;IAC1C,QAAQ,CAAC,cAAc,6DAAwC;IAC/D,QAAQ,CAAC,MAAM,0CAAqD;IAEpE,OAAO,CAAC,QAAQ,CAAC,UAAU,CAAuB;IAClD,OAAO,CAAC,QAAQ,CAAC,QAAQ,CAAoB;IAC7C,OAAO,CAAC,QAAQ,CAAC,QAAQ,CAAqB;IAC9C,OAAO,CAAC,cAAc,CAAC,CAAa;;IASpC,WAAW;IAYX,qBAAqB,IAAI,IAAI;IAc7B,YAAY;IAyBZ,YAAY;IAUZ,cAAc;IAQd,kBAAkB,GAAI,OAAO,KAAK,UAgBhC;IAEF,cAAc,GAAI,OAAO,UAAU,UAejC;IAEF,gBAAgB,CAAC,QAAQ,EAAE,OAAO;IAoBlC,cAAc;IAWd,aAAa;IAab,0BAA0B;IAoB1B,eAAe;IAef,aAAa,CAAC,MAAM,EAAE,aAAa;IAanC,aAAa,CAAC,MAAM,EAAE,aAAa;IAanC,gBAAgB;IAoBhB,OAAO,CAAC,mBAAmB;IAe3B,OAAO,CAAC,qBAAqB;IAO7B,OAAO,CAAC,kBAAkB;IAM1B,OAAO,CAAC,mBAAmB;IAU3B,OAAO,CAAC,mBAAmB;yCA9ThB,iBAAiB;2CAAjB,iBAAiB;CAuU7B"}

package/tedi/components/overlay/dropdown/dropdown.tokens.d.ts

@@ -14,11 +14,15 @@ export interface DropdownApi {
     focusLastItem(): void;
     /** Close the dropdown and reset active item state. */
     hideDropdown(): void;
-    /** Reference to the dropdown trigger directive. Used to read trigger dimensions and return focus. */
+    /** Close the dropdown and move focus to the element before (Shift+Tab) or after (Tab) the trigger in document tab order, so tabbing exits the menu as if it weren't there. */
+    tabOutOfDropdown(shiftKey: boolean): void;
+    /** Reference to the dropdown trigger directive. `host` is the element the directive sits on (used for positioning and dimensions); `focus()` moves focus to the actual interactive trigger element, which may be a button nested inside a wrapping component; `focusableElement` is that same interactive element. */
     dropdownTrigger(): {
         host: {
             nativeElement: HTMLElement;
         };
+        focus(): void;
+        focusableElement: HTMLElement;
     } | undefined;
 }
 export declare const DROPDOWN_API: InjectionToken<DropdownApi>;

package/tedi/components/overlay/dropdown/dropdown.tokens.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"dropdown.tokens.d.ts","sourceRoot":"","sources":["../../../../../tedi/components/overlay/dropdown/dropdown.tokens.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAEvE,MAAM,WAAW,WAAW;IAC1B,wFAAwF;IACxF,KAAK,EAAE,cAAc,CAAC,MAAM,GAAG,SAAS,CAAC,CAAC;IAC1C,gGAAgG;IAChG,WAAW,EAAE,cAAc,CAAC,MAAM,CAAC,CAAC;IACpC,mEAAmE;IACnE,aAAa,CAAC,MAAM,EAAE,aAAa,GAAG,IAAI,CAAC;IAC3C,wEAAwE;IACxE,aAAa,CAAC,MAAM,EAAE,aAAa,GAAG,IAAI,CAAC;IAC3C,4DAA4D;IAC5D,cAAc,IAAI,IAAI,CAAC;IACvB,2DAA2D;IAC3D,aAAa,IAAI,IAAI,CAAC;IACtB,sDAAsD;IACtD,YAAY,IAAI,IAAI,CAAC;IACrB,qGAAqG;IACrG,eAAe,IAAI;QAAE,IAAI,EAAE;YAAE,aAAa,EAAE,WAAW,CAAA;SAAE,CAAA;KAAE,GAAG,SAAS,CAAC;CACzE;AAED,eAAO,MAAM,YAAY,6BAAiD,CAAC;AAE3E,MAAM,WAAW,kBAAkB;IACjC,0GAA0G;IAC1G,YAAY,EAAE,MAAM,CAAC,MAAM,GAAG,SAAS,CAAC,CAAC;CAC1C;AAED,eAAO,MAAM,oBAAoB,oCAEhC,CAAC"}
+{"version":3,"file":"dropdown.tokens.d.ts","sourceRoot":"","sources":["../../../../../tedi/components/overlay/dropdown/dropdown.tokens.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAEvE,MAAM,WAAW,WAAW;IAC1B,wFAAwF;IACxF,KAAK,EAAE,cAAc,CAAC,MAAM,GAAG,SAAS,CAAC,CAAC;IAC1C,gGAAgG;IAChG,WAAW,EAAE,cAAc,CAAC,MAAM,CAAC,CAAC;IACpC,mEAAmE;IACnE,aAAa,CAAC,MAAM,EAAE,aAAa,GAAG,IAAI,CAAC;IAC3C,wEAAwE;IACxE,aAAa,CAAC,MAAM,EAAE,aAAa,GAAG,IAAI,CAAC;IAC3C,4DAA4D;IAC5D,cAAc,IAAI,IAAI,CAAC;IACvB,2DAA2D;IAC3D,aAAa,IAAI,IAAI,CAAC;IACtB,sDAAsD;IACtD,YAAY,IAAI,IAAI,CAAC;IACrB,8KAA8K;IAC9K,gBAAgB,CAAC,QAAQ,EAAE,OAAO,GAAG,IAAI,CAAC;IAC1C,sTAAsT;IACtT,eAAe,IACX;QACE,IAAI,EAAE;YAAE,aAAa,EAAE,WAAW,CAAA;SAAE,CAAC;QACrC,KAAK,IAAI,IAAI,CAAC;QACd,gBAAgB,EAAE,WAAW,CAAC;KAC/B,GACD,SAAS,CAAC;CACf;AAED,eAAO,MAAM,YAAY,6BAAiD,CAAC;AAE3E,MAAM,WAAW,kBAAkB;IACjC,0GAA0G;IAC1G,YAAY,EAAE,MAAM,CAAC,MAAM,GAAG,SAAS,CAAC,CAAC;CAC1C;AAED,eAAO,MAAM,oBAAoB,oCAEhC,CAAC"}