duck-dev-lib 0.0.86 → 0.0.87

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "duck-dev-lib",
-  "version": "0.0.86",
+  "version": "0.0.87",
   "peerDependencies": {
     "@angular/common": "^21.0.0",
     "@angular/core": "^21.0.0"

package/types/duck-dev-lib.d.ts

@@ -1,5 +1,5 @@
 import * as _angular_core from '@angular/core';
-import { ElementRef, TemplateRef, OnDestroy, OnInit, AfterContentInit, Signal } from '@angular/core';
+import { ElementRef, TemplateRef, OnDestroy, OnInit, AfterContentInit, Signal, AfterViewInit } from '@angular/core';
 import { FormGroup } from '@angular/forms';
 import { DomSanitizer, SafeHtml } from '@angular/platform-browser';
 import * as duck_dev_lib from 'duck-dev-lib';
@@ -1032,30 +1032,52 @@ declare class DuckDevBreadcrumbClassic {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<DuckDevBreadcrumbClassic, "dd-breadcrumb-classic", never, { "items": { "alias": "items"; "required": true; "isSignal": true; }; "separator": { "alias": "separator"; "required": false; "isSignal": true; }; }, { "navigate": "navigate"; }, never, never, true, never>;
 }
 
-declare class DuckDevBreadcrumbNeobrutal {
+declare class DuckDevBreadcrumbNeobrutal implements AfterViewInit {
     readonly items: _angular_core.InputSignal<BreadcrumbItem[]>;
     readonly color: _angular_core.InputSignal<AccentEnumColor>;
     readonly isMobile: _angular_core.InputSignalWithTransform<boolean, unknown>;
     readonly navigate: _angular_core.OutputEmitterRef<BreadcrumbItem>;
     protected readonly listRef: _angular_core.Signal<ElementRef<HTMLOListElement> | undefined>;
+    protected readonly labelRefs: _angular_core.Signal<readonly ElementRef<HTMLElement>[]>;
     protected readonly visibleItems: _angular_core.Signal<BreadcrumbItem[]>;
     protected readonly breadcrumbStyle: _angular_core.Signal<{
         [key: string]: string;
     }>;
     protected readonly activePopoverIndex: _angular_core.WritableSignal<number | null>;
     protected readonly isDragging: _angular_core.WritableSignal<boolean>;
+    protected readonly leftFadeOpacity: _angular_core.WritableSignal<number>;
+    protected readonly rightFadeOpacity: _angular_core.WritableSignal<number>;
     private dragStartX;
     private scrollStartX;
     private hasDragged;
     private readonly destroyRef;
+    private resizeObserver;
+    private scrollFadeFrameId;
+    private longPressTimerId;
+    private longPressPointerId;
+    private longPressIndex;
+    private longPressStartX;
+    private longPressStartY;
+    private longPressActivatedIndex;
     private onMouseMove;
     private onMouseUp;
     protected onListMouseDown(e: MouseEvent): void;
     constructor();
-    protected onNavigate(item: BreadcrumbItem, index: number): void;
-    protected onCurrentClick(index: number): void;
+    ngAfterViewInit(): void;
+    protected onListScroll(): void;
+    protected onNavigate(item: BreadcrumbItem, index: number, event: MouseEvent): void;
+    protected onCurrentClick(index: number, event: Event): void;
     protected isPopoverOpen(index: number): boolean;
     protected closePopover(): void;
+    protected onCrumbPointerDown(index: number, event: PointerEvent): void;
+    protected onCrumbPointerMove(event: PointerEvent): void;
+    protected onCrumbPointerEnd(event: PointerEvent): void;
+    private observeScrollContainer;
+    private queueScrollFadeUpdate;
+    private updateScrollFades;
+    private getScrollFadeOpacity;
+    private clearLongPressTimer;
+    private isLabelOverflowing;
     private getPalette;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<DuckDevBreadcrumbNeobrutal, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<DuckDevBreadcrumbNeobrutal, "dd-breadcrumb-neobrutal", never, { "items": { "alias": "items"; "required": true; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "isMobile": { "alias": "isMobile"; "required": false; "isSignal": true; }; }, { "navigate": "navigate"; }, never, never, true, never>;