duck-dev-lib 0.0.95 → 0.0.98

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "duck-dev-lib",
-  "version": "0.0.95",
+  "version": "0.0.98",
   "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, AfterViewInit } from '@angular/core';
+import { AfterViewInit, ElementRef, TemplateRef, OnDestroy, OnInit, AfterContentInit, Signal } from '@angular/core';
 import { FormGroup } from '@angular/forms';
 import { DomSanitizer, SafeHtml } from '@angular/platform-browser';
 import * as duck_dev_lib from 'duck-dev-lib';
@@ -44,6 +44,56 @@ declare class DdFlexDirectionDirective {
     static ɵdir: _angular_core.ɵɵDirectiveDeclaration<DdFlexDirectionDirective, "[ddFlex]", never, { "ddFlexDirection": { "alias": "ddFlexDirection"; "required": false; "isSignal": true; }; "gap": { "alias": "gap"; "required": false; "isSignal": true; }; "justifyContent": { "alias": "justifyContent"; "required": false; "isSignal": true; }; "alignItems": { "alias": "alignItems"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
+type DdEdgeFadeEdges = 'horizontal' | 'vertical' | 'both';
+declare class DdEdgeFadeDirective implements AfterViewInit {
+    readonly ddEdgeFadeTarget: _angular_core.InputSignal<string | HTMLElement | ElementRef<HTMLElement> | null>;
+    readonly ddEdgeFadeEdges: _angular_core.InputSignal<DdEdgeFadeEdges>;
+    readonly ddEdgeFadeBlur: _angular_core.InputSignalWithTransform<number, unknown>;
+    readonly ddEdgeFadeOpacity: _angular_core.InputSignalWithTransform<number, unknown>;
+    readonly ddEdgeFadeIntensity: _angular_core.InputSignalWithTransform<number, unknown>;
+    readonly ddEdgeFadeSurface: _angular_core.InputSignal<string>;
+    readonly ddEdgeFadeSize: _angular_core.InputSignal<string | number>;
+    readonly ddEdgeFadeInlineOffset: _angular_core.InputSignal<string | number>;
+    readonly ddEdgeFadeBlockOffset: _angular_core.InputSignal<string | number>;
+    private readonly hostRef;
+    private readonly renderer;
+    private readonly destroyRef;
+    private readonly edgeElements;
+    private scrollTarget;
+    private scrollCleanup;
+    private resizeObserver;
+    private mutationObserver;
+    private frameId;
+    private viewReady;
+    constructor();
+    ngAfterViewInit(): void;
+    private bindScrollTarget;
+    private resolveScrollTarget;
+    private syncEdgeElements;
+    private createEdgeElement;
+    private applyEdgeStyles;
+    private applySidePlacement;
+    private queueOpacityUpdate;
+    private updateEdgeOpacity;
+    private setEdgeOpacity;
+    private getOpacity;
+    private getGradient;
+    private getMaskGradient;
+    private getDirection;
+    private getActiveSides;
+    private getConfig;
+    private getEdges;
+    private getFiniteNumber;
+    private getCssLength;
+    private ensureHostPosition;
+    private cleanupTargetBinding;
+    private clearFrame;
+    private removeEdgeElements;
+    private isHtmlElement;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<DdEdgeFadeDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<DdEdgeFadeDirective, "[ddEdgeFade]", never, { "ddEdgeFadeTarget": { "alias": "ddEdgeFadeTarget"; "required": false; "isSignal": true; }; "ddEdgeFadeEdges": { "alias": "ddEdgeFadeEdges"; "required": false; "isSignal": true; }; "ddEdgeFadeBlur": { "alias": "ddEdgeFadeBlur"; "required": false; "isSignal": true; }; "ddEdgeFadeOpacity": { "alias": "ddEdgeFadeOpacity"; "required": false; "isSignal": true; }; "ddEdgeFadeIntensity": { "alias": "ddEdgeFadeIntensity"; "required": false; "isSignal": true; }; "ddEdgeFadeSurface": { "alias": "ddEdgeFadeSurface"; "required": false; "isSignal": true; }; "ddEdgeFadeSize": { "alias": "ddEdgeFadeSize"; "required": false; "isSignal": true; }; "ddEdgeFadeInlineOffset": { "alias": "ddEdgeFadeInlineOffset"; "required": false; "isSignal": true; }; "ddEdgeFadeBlockOffset": { "alias": "ddEdgeFadeBlockOffset"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
 declare class ButtonBlurLift {
     readonly textButton: _angular_core.InputSignal<string>;
     readonly colorButton: _angular_core.InputSignal<AccentEnumColor>;
@@ -234,7 +284,7 @@ declare class DuckDevTabVertical {
     tabs: _angular_core.InputSignal<DuckDevTabVerticalItem[]>;
     tabChange: _angular_core.OutputEmitterRef<DuckDevTabVerticalItem>;
     readonly activeTabIndex: _angular_core.WritableSignal<number>;
-    readonly animationDirection: _angular_core.WritableSignal<"up" | "down" | "none">;
+    readonly animationDirection: _angular_core.WritableSignal<"none" | "up" | "down">;
     readonly animationKey: _angular_core.WritableSignal<number>;
     readonly indicatorTop: _angular_core.WritableSignal<number>;
     readonly indicatorHeight: _angular_core.WritableSignal<number>;
@@ -283,7 +333,7 @@ declare class DuckDevInput {
     label: _angular_core.InputSignal<string>;
     placeholder: _angular_core.InputSignal<string>;
     type: _angular_core.InputSignal<string>;
-    formInputType: _angular_core.InputSignal<"input" | "textarea" | "checkbox" | "select">;
+    formInputType: _angular_core.InputSignal<"input" | "select" | "textarea" | "checkbox">;
     options: _angular_core.InputSignal<DuckDevInputOption[]>;
     errorMessage: _angular_core.InputSignal<string>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<DuckDevInput, never>;
@@ -296,7 +346,7 @@ declare class DuckDevInputNeobrutalPoster {
     label: _angular_core.InputSignal<string>;
     placeholder: _angular_core.InputSignal<string>;
     type: _angular_core.InputSignal<string>;
-    formInputType: _angular_core.InputSignal<"input" | "textarea" | "checkbox" | "select">;
+    formInputType: _angular_core.InputSignal<"input" | "select" | "textarea" | "checkbox">;
     options: _angular_core.InputSignal<DuckDevInputOption[]>;
     errorMessage: _angular_core.InputSignal<string>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<DuckDevInputNeobrutalPoster, never>;
@@ -320,7 +370,7 @@ declare class DuckDevInputNeobrutalSlab {
     label: _angular_core.InputSignal<string>;
     placeholder: _angular_core.InputSignal<string>;
     type: _angular_core.InputSignal<string>;
-    formInputType: _angular_core.InputSignal<"input" | "textarea" | "checkbox" | "select">;
+    formInputType: _angular_core.InputSignal<"input" | "select" | "textarea" | "checkbox">;
     options: _angular_core.InputSignal<DuckDevInputOption[]>;
     errorMessage: _angular_core.InputSignal<string>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<DuckDevInputNeobrutalSlab, never>;
@@ -333,7 +383,7 @@ declare class DuckDevInputNeobrutalStrip {
     label: _angular_core.InputSignal<string>;
     placeholder: _angular_core.InputSignal<string>;
     type: _angular_core.InputSignal<string>;
-    formInputType: _angular_core.InputSignal<"input" | "textarea" | "checkbox" | "select">;
+    formInputType: _angular_core.InputSignal<"input" | "select" | "textarea" | "checkbox">;
     options: _angular_core.InputSignal<DuckDevInputOption[]>;
     errorMessage: _angular_core.InputSignal<string>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<DuckDevInputNeobrutalStrip, never>;
@@ -1060,7 +1110,7 @@ interface BreadcrumbTooltipState {
     left: number;
     top: number;
 }
-declare class DuckDevBreadcrumbNeobrutal implements AfterViewInit {
+declare class DuckDevBreadcrumbNeobrutal {
     readonly items: _angular_core.InputSignal<BreadcrumbItem[]>;
     readonly color: _angular_core.InputSignal<AccentEnumColor>;
     readonly isMobile: _angular_core.InputSignalWithTransform<boolean, unknown>;
@@ -1084,14 +1134,10 @@ declare class DuckDevBreadcrumbNeobrutal implements AfterViewInit {
         top: string;
     }>;
     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 emptyItemsClearTimerId;
     private longPressTimerId;
     private longPressPointerId;
@@ -1103,7 +1149,6 @@ declare class DuckDevBreadcrumbNeobrutal implements AfterViewInit {
     private onMouseUp;
     protected onListMouseDown(e: MouseEvent): void;
     constructor();
-    ngAfterViewInit(): void;
     protected onListScroll(): void;
     protected onNavigate(item: BreadcrumbItem, index: number, event: MouseEvent): void;
     protected onCurrentClick(index: number, event: Event): void;
@@ -1111,10 +1156,6 @@ declare class DuckDevBreadcrumbNeobrutal implements AfterViewInit {
     protected onCrumbPointerDown(index: number, event: PointerEvent): void;
     protected onCrumbPointerMove(event: PointerEvent): void;
     protected onCrumbPointerEnd(event: PointerEvent, suppressNextClick?: boolean): void;
-    private observeScrollContainer;
-    private queueScrollFadeUpdate;
-    private updateScrollFades;
-    private getScrollFadeOpacity;
     private clearLongPressTimer;
     private syncVisibleItems;
     private clearEmptyItemsTimer;
@@ -1193,5 +1234,5 @@ declare function getNeobrutalSelectorStyle(color: AccentEnumColor): {
     [key: string]: string;
 };
 
-export { AccentEnumColor, Badge, BadgeNeobrutalSlab, BadgeNeobrutalStamp, BadgeNeobrutalTicket, ButtonBlurLift, ButtonCasper, ButtonFlip, ButtonGlideOver, ButtonNeobrutalBurst, ButtonNeobrutalSlab, ButtonNeobrutalSticker, ButtonNeobrutalTag, ButtonNeobrutalTape, ButtonNeobrutalZigzag, DD_NEO_PALETTES, DdFlexDirectionDirective, DdTabPanel, DuckDevAccordionComponent as DuckDevAccordion, DuckDevAccordionNeobrutalComponent as DuckDevAccordionNeobrutal, DuckDevAccordionNeobrutalTapeComponent as DuckDevAccordionNeobrutalTape, DuckDevBreadcrumbClassic, DuckDevBreadcrumbNeobrutal, DuckDevCardAccent, DuckDevCardMinimal, DuckDevCardNeobrutalPoster, DuckDevCardNeobrutalSlab, DuckDevCardNeobrutalStamp, DuckDevCardNeobrutalTicket, DuckDevCardOutline, DuckDevCardSection, DuckDevCardSignal, DuckDevIcon, DuckDevInput, DuckDevInputNeobrutalPoster, DuckDevInputNeobrutalRadio, DuckDevInputNeobrutalSlab, DuckDevInputNeobrutalStrip, DuckDevInputNeobrutalToggle, DuckDevModalClassic, DuckDevNotification, DuckDevNotificationContainer, DuckDevNotificationService, DuckDevProgressLine, DuckDevProgressMeter, DuckDevProgressNeobrutalSlab, DuckDevProgressNeobrutalStamp, DuckDevProgressNeobrutalTicket, DuckDevProgressStack, DuckDevSegmentButton, DuckDevSegmentClassic, DuckDevSegmentNeobrutal, DuckDevSegmentNeobrutalVertical, DuckDevSelectorDrum, DuckDevSelectorOption, DuckDevSpeakerBubbleClassic, DuckDevSpeakerBubbleNeobrutalSlab, DuckDevSpeakerBubbleNeobrutalTicket, DuckDevSpeakerBubbleOutline, DuckDevSpeakerBubbleSoft, DuckDevTab, DuckDevTabNeobrutal, DuckDevTabVertical, DuckDevTooltip, DuckDevTooltipNeobrutalComponent, LoaderClassic, LoaderLoadingBubble, LoaderNeobrutalBars, LoaderNeobrutalMarquee, LoaderNeobrutalStamp, LoaderThreeDots, SliderClassic, getClassicSpeakerBubbleStyle, getNeobrutalSelectorStyle, getNeobrutalSpeakerBubbleStyle, useSpeakerBubbleTail };
-export type { BreadcrumbItem, DdNeoPalette, DdNeoPaletteDark, DdNeoPaletteInfo, DdNeoPaletteLight, DuckDevAccordionItem, DuckDevInputOption, DuckDevSpeakerBubbleTail, DuckDevSpeakerBubbleTailPosition, DuckDevSpeakerBubbleTailSide, DuckDevSpeakerBubbleTarget, DuckDevTabItem, DuckDevTabVerticalItem, NotificationItem, NotificationPosition, NotificationType, TooltipPlacement };
+export { AccentEnumColor, Badge, BadgeNeobrutalSlab, BadgeNeobrutalStamp, BadgeNeobrutalTicket, ButtonBlurLift, ButtonCasper, ButtonFlip, ButtonGlideOver, ButtonNeobrutalBurst, ButtonNeobrutalSlab, ButtonNeobrutalSticker, ButtonNeobrutalTag, ButtonNeobrutalTape, ButtonNeobrutalZigzag, DD_NEO_PALETTES, DdEdgeFadeDirective, DdFlexDirectionDirective, DdTabPanel, DuckDevAccordionComponent as DuckDevAccordion, DuckDevAccordionNeobrutalComponent as DuckDevAccordionNeobrutal, DuckDevAccordionNeobrutalTapeComponent as DuckDevAccordionNeobrutalTape, DuckDevBreadcrumbClassic, DuckDevBreadcrumbNeobrutal, DuckDevCardAccent, DuckDevCardMinimal, DuckDevCardNeobrutalPoster, DuckDevCardNeobrutalSlab, DuckDevCardNeobrutalStamp, DuckDevCardNeobrutalTicket, DuckDevCardOutline, DuckDevCardSection, DuckDevCardSignal, DuckDevIcon, DuckDevInput, DuckDevInputNeobrutalPoster, DuckDevInputNeobrutalRadio, DuckDevInputNeobrutalSlab, DuckDevInputNeobrutalStrip, DuckDevInputNeobrutalToggle, DuckDevModalClassic, DuckDevNotification, DuckDevNotificationContainer, DuckDevNotificationService, DuckDevProgressLine, DuckDevProgressMeter, DuckDevProgressNeobrutalSlab, DuckDevProgressNeobrutalStamp, DuckDevProgressNeobrutalTicket, DuckDevProgressStack, DuckDevSegmentButton, DuckDevSegmentClassic, DuckDevSegmentNeobrutal, DuckDevSegmentNeobrutalVertical, DuckDevSelectorDrum, DuckDevSelectorOption, DuckDevSpeakerBubbleClassic, DuckDevSpeakerBubbleNeobrutalSlab, DuckDevSpeakerBubbleNeobrutalTicket, DuckDevSpeakerBubbleOutline, DuckDevSpeakerBubbleSoft, DuckDevTab, DuckDevTabNeobrutal, DuckDevTabVertical, DuckDevTooltip, DuckDevTooltipNeobrutalComponent, LoaderClassic, LoaderLoadingBubble, LoaderNeobrutalBars, LoaderNeobrutalMarquee, LoaderNeobrutalStamp, LoaderThreeDots, SliderClassic, getClassicSpeakerBubbleStyle, getNeobrutalSelectorStyle, getNeobrutalSpeakerBubbleStyle, useSpeakerBubbleTail };
+export type { BreadcrumbItem, DdEdgeFadeEdges, DdNeoPalette, DdNeoPaletteDark, DdNeoPaletteInfo, DdNeoPaletteLight, DuckDevAccordionItem, DuckDevInputOption, DuckDevSpeakerBubbleTail, DuckDevSpeakerBubbleTailPosition, DuckDevSpeakerBubbleTailSide, DuckDevSpeakerBubbleTarget, DuckDevTabItem, DuckDevTabVerticalItem, NotificationItem, NotificationPosition, NotificationType, TooltipPlacement };