duck-dev-lib 0.0.85 → 0.0.87

package/package.json

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

package/tokens.css

@@ -41,23 +41,23 @@
   --dd-base-accent-yellow: var(--dd-accent-yellow);
   --dd-base-accent-blue: var(--dd-accent-blue);
 
-  /* Neobrutalism ink & paper */
-  --dd-neo-ink: var(--dd-gray-600);
-  --dd-neo-paper: var(--dd-gray-0);
-  --dd-neo-shadow: var(--dd-gray-600);
+  /* Neobrutalism ink & paper — Tropical Punch */
+  --dd-neo-ink: #1a1a1a;
+  --dd-neo-paper: #FAFAF5;
+  --dd-neo-shadow: rgba(26, 26, 26, 0.18);
 
-  /* Neobrutalism analogous palette — light theme */
-  --dd-neo-ana-1: rgb(100% 92.1% 58.8%);
+  /* Neobrutalism analogous palette — light theme (Tropical Punch) */
+  --dd-neo-ana-1: #FF6B6B;   /* coral   */
   --dd-neo-ana-1-contrast: #000;
-  --dd-neo-ana-2: rgb(88% 50% 22%);
+  --dd-neo-ana-2: #4ECDC4;   /* teal    */
   --dd-neo-ana-2-contrast: #000;
-  --dd-neo-ana-3: rgb(52% 55% 65%);
+  --dd-neo-ana-3: #FFD93D;   /* mango   */
   --dd-neo-ana-3-contrast: #000;
-  --dd-neo-ana-4: rgb(21.3% 22.1% 22.8%);
-  --dd-neo-ana-4-contrast: #fff;
-  --dd-neo-ana-5: rgb(88% 50% 48%);
+  --dd-neo-ana-4: #F5F5F0;   /* warm white bg */
+  --dd-neo-ana-4-contrast: #000;
+  --dd-neo-ana-5: #95E06C;   /* lime    */
   --dd-neo-ana-5-contrast: #000;
-  --dd-neo-ana-6: rgb(33.1% 65.9% 79.3%);
+  --dd-neo-ana-6: #74B9FF;   /* sky blue */
   --dd-neo-ana-6-contrast: #000;
 
   /* Animation easings */

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>;