duck-dev-lib 0.0.74 → 0.0.76

package/package.json

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

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

@@ -829,6 +829,40 @@ 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>;
 }
 
+declare class DuckDevSegmentNeobrutalVertical implements AfterContentInit {
+    private readonly cdr;
+    readonly value: _angular_core.InputSignal<string | undefined>;
+    readonly color: _angular_core.InputSignal<AccentEnumColor>;
+    readonly valueChange: _angular_core.OutputEmitterRef<string>;
+    readonly ionChange: _angular_core.OutputEmitterRef<{
+        detail: {
+            value: string;
+        };
+    }>;
+    private readonly segmentButtons;
+    readonly buttonsContainer: _angular_core.Signal<ElementRef<HTMLElement>>;
+    buttons: Array<{
+        value: string;
+        contentId?: string;
+        template: TemplateRef<unknown>;
+    }>;
+    selectedValue?: string;
+    indicatorPosition: number;
+    indicatorHeight: number;
+    protected readonly segmentStyle: _angular_core.Signal<{
+        [key: string]: string;
+    }>;
+    constructor();
+    ngAfterContentInit(): void;
+    selectButton(value: string, index: number): void;
+    private rebuildButtons;
+    private getSelectedIndex;
+    private updateIndicator;
+    private getSegmentStyle;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<DuckDevSegmentNeobrutalVertical, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DuckDevSegmentNeobrutalVertical, "duck-dev-segment-neobrutal-vertical", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; }, { "valueChange": "valueChange"; "ionChange": "ionChange"; }, ["segmentButtons"], never, true, never>;
+}
+
 type DuckDevSpeakerBubbleTailSide = 'left' | 'right';
 type DuckDevSpeakerBubbleTail = DuckDevSpeakerBubbleTailSide | 'auto';
 type DuckDevSpeakerBubbleTailPosition = 'bottom' | 'top';
@@ -1005,12 +1039,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;
@@ -1020,5 +1063,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, 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 };