duck-dev-lib 0.0.45 → 0.0.46

package/package.json

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

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

@@ -1,8 +1,9 @@
 import * as _angular_core from '@angular/core';
-import { ElementRef, OnDestroy, OnInit, TemplateRef, AfterContentInit } from '@angular/core';
+import { ElementRef, OnDestroy, OnInit, TemplateRef, AfterContentInit, Signal } from '@angular/core';
 import { Translation } from '@jsverse/transloco';
 import { FormGroup } from '@angular/forms';
 import { DomSanitizer, SafeHtml } from '@angular/platform-browser';
+import * as duck_dev_lib from 'duck-dev-lib';
 
 declare enum AccentEnumColor {
     Orange = "orange",
@@ -456,6 +457,13 @@ declare class DuckDevCardMinimal {
 }
 
 declare class DuckDevCardNeobrutalPoster {
+    private readonly destroyRef;
+    private activePointerId;
+    private dragAxis;
+    private dragStartX;
+    private dragStartY;
+    private cardWidth;
+    private swipeEmitTimeoutId;
     readonly color: _angular_core.InputSignal<AccentEnumColor>;
     readonly railTop: _angular_core.InputSignal<string>;
     readonly railMiddle: _angular_core.InputSignal<string>;
@@ -466,21 +474,68 @@ declare class DuckDevCardNeobrutalPoster {
     readonly badge: _angular_core.InputSignal<string>;
     readonly metricLabel: _angular_core.InputSignal<string>;
     readonly metric: _angular_core.InputSignal<string>;
+    readonly swipeable: _angular_core.InputSignal<boolean>;
+    readonly swipeThreshold: _angular_core.InputSignal<number>;
+    readonly swipedLeft: _angular_core.OutputEmitterRef<void>;
+    readonly swipedRight: _angular_core.OutputEmitterRef<void>;
     protected readonly cardStyle: _angular_core.Signal<{
         [key: string]: string;
     }>;
+    protected readonly isDragging: _angular_core.WritableSignal<boolean>;
+    protected readonly dragOffsetX: _angular_core.WritableSignal<number>;
+    protected readonly dragTransition: _angular_core.WritableSignal<string>;
+    protected readonly rotationDeg: _angular_core.Signal<number>;
+    protected readonly transformStyle: _angular_core.Signal<string>;
+    protected readonly cursorStyle: _angular_core.Signal<"default" | "grabbing" | "grab">;
+    protected readonly touchActionStyle: _angular_core.Signal<"pan-y" | "auto">;
+    constructor();
+    protected onPointerDown(event: PointerEvent): void;
+    protected onPointerMove(event: PointerEvent): void;
+    protected onPointerUp(event: PointerEvent): void;
+    protected onPointerCancel(event: PointerEvent): void;
+    private releasePointer;
+    private resetPosition;
+    private clearSwipeEmitTimeout;
+    private clamp;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<DuckDevCardNeobrutalPoster, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DuckDevCardNeobrutalPoster, "dd-card-neobrutal-poster", never, { "color": { "alias": "color"; "required": false; "isSignal": true; }; "railTop": { "alias": "railTop"; "required": true; "isSignal": true; }; "railMiddle": { "alias": "railMiddle"; "required": true; "isSignal": true; }; "railBottom": { "alias": "railBottom"; "required": true; "isSignal": true; }; "eyebrow": { "alias": "eyebrow"; "required": true; "isSignal": true; }; "title": { "alias": "title"; "required": true; "isSignal": true; }; "description": { "alias": "description"; "required": true; "isSignal": true; }; "badge": { "alias": "badge"; "required": true; "isSignal": true; }; "metricLabel": { "alias": "metricLabel"; "required": true; "isSignal": true; }; "metric": { "alias": "metric"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DuckDevCardNeobrutalPoster, "dd-card-neobrutal-poster", never, { "color": { "alias": "color"; "required": false; "isSignal": true; }; "railTop": { "alias": "railTop"; "required": true; "isSignal": true; }; "railMiddle": { "alias": "railMiddle"; "required": true; "isSignal": true; }; "railBottom": { "alias": "railBottom"; "required": true; "isSignal": true; }; "eyebrow": { "alias": "eyebrow"; "required": true; "isSignal": true; }; "title": { "alias": "title"; "required": true; "isSignal": true; }; "description": { "alias": "description"; "required": true; "isSignal": true; }; "badge": { "alias": "badge"; "required": true; "isSignal": true; }; "metricLabel": { "alias": "metricLabel"; "required": true; "isSignal": true; }; "metric": { "alias": "metric"; "required": true; "isSignal": true; }; "swipeable": { "alias": "swipeable"; "required": false; "isSignal": true; }; "swipeThreshold": { "alias": "swipeThreshold"; "required": false; "isSignal": true; }; }, { "swipedLeft": "swipedLeft"; "swipedRight": "swipedRight"; }, never, never, true, never>;
 }
 
 declare class DuckDevCardNeobrutalSlab {
+    private readonly destroyRef;
+    private activePointerId;
+    private dragAxis;
+    private dragStartX;
+    private dragStartY;
+    private cardWidth;
+    private swipeEmitTimeoutId;
     readonly color: _angular_core.InputSignal<AccentEnumColor>;
     readonly strapLabel: _angular_core.InputSignal<string>;
+    readonly swipeable: _angular_core.InputSignal<boolean>;
+    readonly swipeThreshold: _angular_core.InputSignal<number>;
+    readonly swipedLeft: _angular_core.OutputEmitterRef<void>;
+    readonly swipedRight: _angular_core.OutputEmitterRef<void>;
     protected readonly cardStyle: _angular_core.Signal<{
         [key: string]: string;
     }>;
+    protected readonly isDragging: _angular_core.WritableSignal<boolean>;
+    protected readonly dragOffsetX: _angular_core.WritableSignal<number>;
+    protected readonly dragTransition: _angular_core.WritableSignal<string>;
+    protected readonly rotationDeg: _angular_core.Signal<number>;
+    protected readonly transformStyle: _angular_core.Signal<string>;
+    protected readonly cursorStyle: _angular_core.Signal<"default" | "grabbing" | "grab">;
+    protected readonly touchActionStyle: _angular_core.Signal<"pan-y" | "auto">;
+    constructor();
+    protected onPointerDown(event: PointerEvent): void;
+    protected onPointerMove(event: PointerEvent): void;
+    protected onPointerUp(event: PointerEvent): void;
+    protected onPointerCancel(event: PointerEvent): void;
+    private releasePointer;
+    private resetPosition;
+    private clearSwipeEmitTimeout;
+    private clamp;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<DuckDevCardNeobrutalSlab, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DuckDevCardNeobrutalSlab, "dd-card-neobrutal-slab", never, { "color": { "alias": "color"; "required": false; "isSignal": true; }; "strapLabel": { "alias": "strapLabel"; "required": true; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DuckDevCardNeobrutalSlab, "dd-card-neobrutal-slab", never, { "color": { "alias": "color"; "required": false; "isSignal": true; }; "strapLabel": { "alias": "strapLabel"; "required": true; "isSignal": true; }; "swipeable": { "alias": "swipeable"; "required": false; "isSignal": true; }; "swipeThreshold": { "alias": "swipeThreshold"; "required": false; "isSignal": true; }; }, { "swipedLeft": "swipedLeft"; "swipedRight": "swipedRight"; }, never, ["*"], true, never>;
 }
 
 declare class DuckDevCardNeobrutalStamp {
@@ -698,5 +753,147 @@ declare class DuckDevSegmentNeobrutal implements AfterContentInit {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<DuckDevSegmentNeobrutal, "duck-dev-segment-neobrutal", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; }, { "valueChange": "valueChange"; "ionChange": "ionChange"; }, ["segmentButtons"], never, true, never>;
 }
 
-export { AccentEnumColor, Badge, BadgeNeobrutalSlab, BadgeNeobrutalStamp, BadgeNeobrutalTicket, ButtonBlurLift, ButtonCasper, ButtonFlip, ButtonGlideOver, ButtonNeobrutalBurst, ButtonNeobrutalSlab, ButtonNeobrutalTag, DdFlexDirectionDirective, DuckDevAccordionComponent as DuckDevAccordion, DuckDevAccordionNeobrutalComponent as DuckDevAccordionNeobrutal, DuckDevCardAccent, DuckDevCardMinimal, DuckDevCardNeobrutalPoster, DuckDevCardNeobrutalSlab, DuckDevCardNeobrutalStamp, DuckDevCardNeobrutalTicket, DuckDevCardOutline, DuckDevCardSection, DuckDevCardSignal, DuckDevIcon, DuckDevInput, DuckDevInputNeobrutalPoster, DuckDevInputNeobrutalRadio, DuckDevInputNeobrutalSlab, DuckDevInputNeobrutalStrip, DuckDevInputNeobrutalToggle, DuckDevLibTranslations, DuckDevModalClassic, DuckDevNotification, DuckDevNotificationContainer, DuckDevNotificationService, DuckDevProgressLine, DuckDevProgressMeter, DuckDevProgressNeobrutalSlab, DuckDevProgressNeobrutalStamp, DuckDevProgressNeobrutalTicket, DuckDevProgressStack, DuckDevSegmentButton, DuckDevSegmentClassic, DuckDevSegmentNeobrutal, DuckDevTab, DuckDevTabVertical, DuckDevTooltip, DuckDevTooltipNeobrutalComponent, LoaderClassic, LoaderLoadingBubble, LoaderNeobrutalBars, LoaderNeobrutalMarquee, LoaderNeobrutalStamp, LoaderThreeDots, MainDocumentationPage, SliderClassic };
-export type { DuckDevAccordionItem, DuckDevInputOption, DuckDevTabItem, DuckDevTabVerticalItem, NotificationItem, NotificationPosition, NotificationType, TooltipPlacement };
+type DuckDevSpeakerBubbleTailSide = 'left' | 'right';
+type DuckDevSpeakerBubbleTail = DuckDevSpeakerBubbleTailSide | 'auto';
+declare function getClassicSpeakerBubbleStyle(color: AccentEnumColor): {
+    [key: string]: string;
+};
+declare function getNeobrutalSpeakerBubbleStyle(color: AccentEnumColor): {
+    [key: string]: string;
+};
+
+type DuckDevSpeakerBubbleTarget = Element | string | null | undefined;
+type SpeakerBubbleTailVariant = 'classic' | 'soft' | 'outline' | 'neobrutal-slab' | 'neobrutal-ticket';
+declare function useSpeakerBubbleTail(variant: SpeakerBubbleTailVariant, tail: Signal<DuckDevSpeakerBubbleTail>, target: Signal<DuckDevSpeakerBubbleTarget>): {
+    readonly resolvedTail: Signal<DuckDevSpeakerBubbleTailSide>;
+    readonly tailStyle: Signal<Record<string, string>>;
+    readonly tailViewBox: Signal<string>;
+    readonly tailPath: Signal<string>;
+    readonly tailSecondaryPath: Signal<string | null>;
+};
+
+declare class DuckDevSpeakerBubbleClassic {
+    readonly color: _angular_core.InputSignal<AccentEnumColor>;
+    readonly tail: _angular_core.InputSignal<DuckDevSpeakerBubbleTail>;
+    readonly target: _angular_core.InputSignal<DuckDevSpeakerBubbleTarget>;
+    private readonly hostRef;
+    private readonly documentRef;
+    private readonly destroyRef;
+    private readonly platformId;
+    private readonly isBrowser;
+    private readonly bubbleGeometry;
+    private animationFrameId;
+    private resizeObserver;
+    private observedTarget;
+    private observersInitialized;
+    protected readonly bubbleStyle: _angular_core.Signal<{
+        [key: string]: string;
+    }>;
+    protected readonly resolvedTail: _angular_core.Signal<DuckDevSpeakerBubbleTailSide>;
+    protected readonly shapeStyle: _angular_core.Signal<Record<string, string>>;
+    protected readonly shapeViewBox: _angular_core.Signal<string>;
+    protected readonly shapePath: _angular_core.Signal<string>;
+    constructor();
+    private readonly scheduleRefresh;
+    private setupObservers;
+    private refreshShape;
+    private resolveTailSide;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<DuckDevSpeakerBubbleClassic, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DuckDevSpeakerBubbleClassic, "dd-speaker-bubble-classic", never, { "color": { "alias": "color"; "required": false; "isSignal": true; }; "tail": { "alias": "tail"; "required": false; "isSignal": true; }; "target": { "alias": "target"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+
+declare class DuckDevSpeakerBubbleSoft {
+    readonly color: _angular_core.InputSignal<AccentEnumColor>;
+    readonly tail: _angular_core.InputSignal<DuckDevSpeakerBubbleTail>;
+    readonly target: _angular_core.InputSignal<DuckDevSpeakerBubbleTarget>;
+    private readonly tailController;
+    protected readonly bubbleStyle: _angular_core.Signal<{
+        [key: string]: string;
+    }>;
+    protected readonly resolvedTail: _angular_core.Signal<duck_dev_lib.DuckDevSpeakerBubbleTailSide>;
+    protected readonly tailStyle: _angular_core.Signal<Record<string, string>>;
+    protected readonly tailViewBox: _angular_core.Signal<string>;
+    protected readonly tailPath: _angular_core.Signal<string>;
+    protected readonly tailSecondaryPath: _angular_core.Signal<string | null>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<DuckDevSpeakerBubbleSoft, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DuckDevSpeakerBubbleSoft, "dd-speaker-bubble-soft", never, { "color": { "alias": "color"; "required": false; "isSignal": true; }; "tail": { "alias": "tail"; "required": false; "isSignal": true; }; "target": { "alias": "target"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+
+declare class DuckDevSpeakerBubbleOutline {
+    readonly color: _angular_core.InputSignal<AccentEnumColor>;
+    readonly tail: _angular_core.InputSignal<DuckDevSpeakerBubbleTail>;
+    readonly target: _angular_core.InputSignal<DuckDevSpeakerBubbleTarget>;
+    private readonly tailController;
+    protected readonly bubbleStyle: _angular_core.Signal<{
+        [key: string]: string;
+    }>;
+    protected readonly resolvedTail: _angular_core.Signal<duck_dev_lib.DuckDevSpeakerBubbleTailSide>;
+    protected readonly tailStyle: _angular_core.Signal<Record<string, string>>;
+    protected readonly tailViewBox: _angular_core.Signal<string>;
+    protected readonly tailPath: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<DuckDevSpeakerBubbleOutline, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DuckDevSpeakerBubbleOutline, "dd-speaker-bubble-outline", never, { "color": { "alias": "color"; "required": false; "isSignal": true; }; "tail": { "alias": "tail"; "required": false; "isSignal": true; }; "target": { "alias": "target"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+
+declare class DuckDevSpeakerBubbleNeobrutalSlab {
+    readonly color: _angular_core.InputSignal<AccentEnumColor>;
+    readonly tail: _angular_core.InputSignal<DuckDevSpeakerBubbleTail>;
+    readonly target: _angular_core.InputSignal<DuckDevSpeakerBubbleTarget>;
+    private readonly hostRef;
+    private readonly documentRef;
+    private readonly destroyRef;
+    private readonly platformId;
+    private readonly isBrowser;
+    private readonly bubbleGeometry;
+    private animationFrameId;
+    private resizeObserver;
+    private observedTarget;
+    private observersInitialized;
+    protected readonly bubbleStyle: _angular_core.Signal<{
+        [key: string]: string;
+    }>;
+    protected readonly resolvedTail: _angular_core.Signal<DuckDevSpeakerBubbleTailSide>;
+    protected readonly shapeStyle: _angular_core.Signal<Record<string, string>>;
+    protected readonly shapeViewBox: _angular_core.Signal<string>;
+    protected readonly shapePath: _angular_core.Signal<string>;
+    constructor();
+    private readonly scheduleRefresh;
+    private setupObservers;
+    private refreshShape;
+    private resolveTailSide;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<DuckDevSpeakerBubbleNeobrutalSlab, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DuckDevSpeakerBubbleNeobrutalSlab, "dd-speaker-bubble-neobrutal-slab", never, { "color": { "alias": "color"; "required": false; "isSignal": true; }; "tail": { "alias": "tail"; "required": false; "isSignal": true; }; "target": { "alias": "target"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+
+declare class DuckDevSpeakerBubbleNeobrutalTicket {
+    readonly color: _angular_core.InputSignal<AccentEnumColor>;
+    readonly tail: _angular_core.InputSignal<DuckDevSpeakerBubbleTail>;
+    readonly target: _angular_core.InputSignal<DuckDevSpeakerBubbleTarget>;
+    private readonly hostRef;
+    private readonly documentRef;
+    private readonly destroyRef;
+    private readonly platformId;
+    private readonly isBrowser;
+    private readonly bubbleGeometry;
+    private animationFrameId;
+    private resizeObserver;
+    private observedTarget;
+    private observersInitialized;
+    protected readonly bubbleStyle: _angular_core.Signal<{
+        [key: string]: string;
+    }>;
+    protected readonly resolvedTail: _angular_core.Signal<DuckDevSpeakerBubbleTailSide>;
+    protected readonly shapeStyle: _angular_core.Signal<Record<string, string>>;
+    protected readonly shapeViewBox: _angular_core.Signal<string>;
+    protected readonly shapePath: _angular_core.Signal<string>;
+    constructor();
+    private readonly scheduleRefresh;
+    private setupObservers;
+    private refreshShape;
+    private resolveTailSide;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<DuckDevSpeakerBubbleNeobrutalTicket, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DuckDevSpeakerBubbleNeobrutalTicket, "dd-speaker-bubble-neobrutal-ticket", never, { "color": { "alias": "color"; "required": false; "isSignal": true; }; "tail": { "alias": "tail"; "required": false; "isSignal": true; }; "target": { "alias": "target"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+
+export { AccentEnumColor, Badge, BadgeNeobrutalSlab, BadgeNeobrutalStamp, BadgeNeobrutalTicket, ButtonBlurLift, ButtonCasper, ButtonFlip, ButtonGlideOver, ButtonNeobrutalBurst, ButtonNeobrutalSlab, ButtonNeobrutalTag, DdFlexDirectionDirective, DuckDevAccordionComponent as DuckDevAccordion, DuckDevAccordionNeobrutalComponent as DuckDevAccordionNeobrutal, DuckDevCardAccent, DuckDevCardMinimal, DuckDevCardNeobrutalPoster, DuckDevCardNeobrutalSlab, DuckDevCardNeobrutalStamp, DuckDevCardNeobrutalTicket, DuckDevCardOutline, DuckDevCardSection, DuckDevCardSignal, DuckDevIcon, DuckDevInput, DuckDevInputNeobrutalPoster, DuckDevInputNeobrutalRadio, DuckDevInputNeobrutalSlab, DuckDevInputNeobrutalStrip, DuckDevInputNeobrutalToggle, DuckDevLibTranslations, DuckDevModalClassic, DuckDevNotification, DuckDevNotificationContainer, DuckDevNotificationService, DuckDevProgressLine, DuckDevProgressMeter, DuckDevProgressNeobrutalSlab, DuckDevProgressNeobrutalStamp, DuckDevProgressNeobrutalTicket, DuckDevProgressStack, DuckDevSegmentButton, DuckDevSegmentClassic, DuckDevSegmentNeobrutal, DuckDevSpeakerBubbleClassic, DuckDevSpeakerBubbleNeobrutalSlab, DuckDevSpeakerBubbleNeobrutalTicket, DuckDevSpeakerBubbleOutline, DuckDevSpeakerBubbleSoft, DuckDevTab, DuckDevTabVertical, DuckDevTooltip, DuckDevTooltipNeobrutalComponent, LoaderClassic, LoaderLoadingBubble, LoaderNeobrutalBars, LoaderNeobrutalMarquee, LoaderNeobrutalStamp, LoaderThreeDots, MainDocumentationPage, SliderClassic, getClassicSpeakerBubbleStyle, getNeobrutalSpeakerBubbleStyle, useSpeakerBubbleTail };
+export type { DuckDevAccordionItem, DuckDevInputOption, DuckDevSpeakerBubbleTail, DuckDevSpeakerBubbleTailSide, DuckDevSpeakerBubbleTarget, DuckDevTabItem, DuckDevTabVerticalItem, NotificationItem, NotificationPosition, NotificationType, TooltipPlacement };