duck-dev-lib 0.0.75 → 0.0.77

package/package.json

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

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

@@ -797,6 +797,8 @@ declare class DuckDevSegmentButton {
 
 declare class DuckDevSegmentNeobrutal implements AfterContentInit {
     private readonly cdr;
+    private readonly destroyRef;
+    private readonly host;
     readonly value: _angular_core.InputSignal<string | undefined>;
     readonly color: _angular_core.InputSignal<AccentEnumColor>;
     readonly valueChange: _angular_core.OutputEmitterRef<string>;
@@ -818,12 +820,21 @@ declare class DuckDevSegmentNeobrutal implements AfterContentInit {
     protected readonly segmentStyle: _angular_core.Signal<{
         [key: string]: string;
     }>;
+    private resizeObserver;
+    private intersectionObserver;
+    private frameId;
+    private settleFrameId;
     constructor();
     ngAfterContentInit(): void;
     selectButton(value: string, index: number): void;
     private rebuildButtons;
     private getSelectedIndex;
     private updateIndicator;
+    private scheduleIndicatorUpdate;
+    private watchContainerSize;
+    private watchHostVisibility;
+    private scheduleSettledIndicatorUpdate;
+    private destroyObservers;
     private getSegmentStyle;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<DuckDevSegmentNeobrutal, never>;
     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>;
@@ -1039,12 +1050,21 @@ declare class DuckDevBreadcrumbNeobrutal {
     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 visibleItems: _angular_core.Signal<BreadcrumbItem[]>;
-    protected readonly hasSecondRow: _angular_core.Signal<boolean>;
     protected readonly breadcrumbStyle: _angular_core.Signal<{
         [key: string]: string;
     }>;
     protected readonly activePopoverIndex: _angular_core.WritableSignal<number | null>;
+    protected readonly isDragging: _angular_core.WritableSignal<boolean>;
+    private dragStartX;
+    private scrollStartX;
+    private hasDragged;
+    private readonly destroyRef;
+    private onMouseMove;
+    private onMouseUp;
+    protected onListMouseDown(e: MouseEvent): void;
+    constructor();
     protected onNavigate(item: BreadcrumbItem, index: number): void;
     protected onCurrentClick(index: number): void;
     protected isPopoverOpen(index: number): boolean;
@@ -1054,5 +1074,71 @@ declare class DuckDevBreadcrumbNeobrutal {
     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>;
 }
 
-export { AccentEnumColor, Badge, BadgeNeobrutalSlab, BadgeNeobrutalStamp, BadgeNeobrutalTicket, ButtonBlurLift, ButtonCasper, ButtonFlip, ButtonGlideOver, ButtonNeobrutalBurst, ButtonNeobrutalSlab, ButtonNeobrutalSticker, ButtonNeobrutalTag, ButtonNeobrutalTape, ButtonNeobrutalZigzag, 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, DuckDevLibTranslations, DuckDevModalClassic, DuckDevNotification, DuckDevNotificationContainer, DuckDevNotificationService, DuckDevProgressLine, DuckDevProgressMeter, DuckDevProgressNeobrutalSlab, DuckDevProgressNeobrutalStamp, DuckDevProgressNeobrutalTicket, DuckDevProgressStack, DuckDevSegmentButton, DuckDevSegmentClassic, DuckDevSegmentNeobrutal, DuckDevSegmentNeobrutalVertical, DuckDevSpeakerBubbleClassic, DuckDevSpeakerBubbleNeobrutalSlab, DuckDevSpeakerBubbleNeobrutalTicket, DuckDevSpeakerBubbleOutline, DuckDevSpeakerBubbleSoft, DuckDevTab, DuckDevTabNeobrutal, DuckDevTabVertical, DuckDevTooltip, DuckDevTooltipNeobrutalComponent, LoaderClassic, LoaderLoadingBubble, LoaderNeobrutalBars, LoaderNeobrutalMarquee, LoaderNeobrutalStamp, LoaderThreeDots, MainDocumentationPage, SliderClassic, getClassicSpeakerBubbleStyle, getNeobrutalSpeakerBubbleStyle, useSpeakerBubbleTail };
+declare class DuckDevSelectorOption {
+    value: _angular_core.InputSignal<string>;
+    contentId: _angular_core.InputSignal<string | undefined>;
+    templateRef: _angular_core.Signal<TemplateRef<unknown>>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<DuckDevSelectorOption, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DuckDevSelectorOption, "duck-dev-selector-option", never, { "value": { "alias": "value"; "required": true; "isSignal": true; }; "contentId": { "alias": "contentId"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+
+declare class DuckDevSelectorDrum implements AfterContentInit {
+    private readonly destroyRef;
+    readonly value: _angular_core.InputSignal<string | undefined>;
+    readonly color: _angular_core.InputSignal<AccentEnumColor>;
+    readonly showHints: _angular_core.InputSignal<boolean>;
+    readonly hintAlign: _angular_core.InputSignal<"center" | "start" | "end">;
+    readonly valueChange: _angular_core.OutputEmitterRef<string>;
+    readonly ionChange: _angular_core.OutputEmitterRef<{
+        detail: {
+            value: string;
+        };
+    }>;
+    private readonly options;
+    private readonly drumEl;
+    protected readonly selectorStyle: _angular_core.Signal<{
+        [key: string]: string;
+    }>;
+    protected readonly optionsList: _angular_core.Signal<{
+        value: string;
+        contentId: string | undefined;
+        template: _angular_core.TemplateRef<unknown>;
+    }[]>;
+    private readonly faceCount;
+    protected readonly faceAngle: _angular_core.Signal<number>;
+    protected readonly radius: _angular_core.Signal<number>;
+    protected readonly currentAngle: _angular_core.WritableSignal<number>;
+    protected readonly isDragging: _angular_core.WritableSignal<boolean>;
+    protected readonly isAnimating: _angular_core.WritableSignal<boolean>;
+    protected readonly isIdle: _angular_core.Signal<boolean>;
+    private startY;
+    private startAngle;
+    private lastY;
+    private lastTime;
+    private velocity;
+    private animationId;
+    private boundPointerMove;
+    private boundPointerUp;
+    constructor();
+    ngAfterContentInit(): void;
+    protected onStepPrev(): void;
+    protected onStepNext(): void;
+    protected onPointerDown(event: PointerEvent): void;
+    private onPointerMove;
+    private onPointerUp;
+    private spinWithFriction;
+    private settleToAngle;
+    private emitCurrentValue;
+    private syncAngleToValue;
+    protected getFaceTransform(index: number): string;
+    protected isActiveFace(index: number): boolean;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<DuckDevSelectorDrum, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DuckDevSelectorDrum, "duck-dev-selector-drum", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "showHints": { "alias": "showHints"; "required": false; "isSignal": true; }; "hintAlign": { "alias": "hintAlign"; "required": false; "isSignal": true; }; }, { "valueChange": "valueChange"; "ionChange": "ionChange"; }, ["options"], never, true, never>;
+}
+
+declare function getNeobrutalSelectorStyle(color: AccentEnumColor): {
+    [key: string]: string;
+};
+
+export { AccentEnumColor, Badge, BadgeNeobrutalSlab, BadgeNeobrutalStamp, BadgeNeobrutalTicket, ButtonBlurLift, ButtonCasper, ButtonFlip, ButtonGlideOver, ButtonNeobrutalBurst, ButtonNeobrutalSlab, ButtonNeobrutalSticker, ButtonNeobrutalTag, ButtonNeobrutalTape, ButtonNeobrutalZigzag, 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, DuckDevLibTranslations, 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, MainDocumentationPage, SliderClassic, getClassicSpeakerBubbleStyle, getNeobrutalSelectorStyle, getNeobrutalSpeakerBubbleStyle, useSpeakerBubbleTail };
 export type { BreadcrumbItem, DuckDevAccordionItem, DuckDevInputOption, DuckDevSpeakerBubbleTail, DuckDevSpeakerBubbleTailPosition, DuckDevSpeakerBubbleTailSide, DuckDevSpeakerBubbleTarget, DuckDevTabItem, DuckDevTabVerticalItem, NotificationItem, NotificationPosition, NotificationType, TooltipPlacement };