@tolle_/tolle-ui 18.2.22 → 18.2.24

package/lib/button.component.d.ts

@@ -1,8 +1,8 @@
 import { type VariantProps } from 'class-variance-authority';
 import * as i0 from "@angular/core";
 declare const buttonVariants: (props?: ({
-    variant?: "default" | "destructive" | "outline" | "secondary" | "ghost" | "link" | null | undefined;
-    size?: "default" | "xs" | "sm" | "lg" | "icon-xs" | "icon-sm" | "icon" | "icon-lg" | null | undefined;
+    variant?: "link" | "default" | "destructive" | "outline" | "secondary" | "ghost" | null | undefined;
+    size?: "xs" | "sm" | "default" | "lg" | "icon-xs" | "icon-sm" | "icon" | "icon-lg" | null | undefined;
     busy?: boolean | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 export type ButtonProps = VariantProps<typeof buttonVariants>;

package/lib/date-picker.component.d.ts

@@ -17,7 +17,7 @@ export declare class DatePickerComponent implements ControlValueAccessor, OnDest
     formatMonthFn?: (date: Date) => string;
     formatYearFn?: (date: Date) => string;
     displayFormat?: (date: Date, mode: CalendarMode) => string;
-    triggerContainer: ElementRef;
+    trigger: ElementRef;
     popover: ElementRef;
     value: Date | null;
     inputValue: string;

package/lib/date-range-picker.component.d.ts

@@ -10,7 +10,7 @@ export declare class DateRangePickerComponent implements ControlValueAccessor, O
     class: string;
     disablePastDates: boolean;
     size: 'xs' | 'sm' | 'default' | 'lg';
-    triggerContainer: ElementRef;
+    trigger: ElementRef;
     popover: ElementRef;
     value: DateRange;
     isOpen: boolean;

package/lib/resizable-panel-item.component.d.ts

@@ -0,0 +1,16 @@
+import * as i0 from "@angular/core";
+export declare class ResizablePanelItemComponent {
+    size: number;
+    minSize: number;
+    maxSize?: number;
+    resizable: boolean;
+    class: string;
+    isLast: boolean;
+    private container;
+    get computedContainerClass(): string;
+    get computedHandleClass(): string;
+    get computedHandleIndicatorClass(): string;
+    onHandleMouseDown(event: MouseEvent): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ResizablePanelItemComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ResizablePanelItemComponent, "tolle-resizable-panel-item", never, { "size": { "alias": "size"; "required": false; }; "minSize": { "alias": "minSize"; "required": false; }; "maxSize": { "alias": "maxSize"; "required": false; }; "resizable": { "alias": "resizable"; "required": false; }; "class": { "alias": "class"; "required": false; }; }, {}, never, ["*"], true, never>;
+}

package/lib/resizable-panel.component.d.ts

@@ -0,0 +1,28 @@
+import { QueryList, AfterContentInit, OnDestroy } from '@angular/core';
+import { ResizablePanelItemComponent } from './resizable-panel-item.component';
+import * as i0 from "@angular/core";
+export declare class ResizablePanelComponent implements AfterContentInit, OnDestroy {
+    direction: 'horizontal' | 'vertical';
+    class: string;
+    panels: QueryList<ResizablePanelItemComponent>;
+    private el;
+    private cdr;
+    private isResizing;
+    private activePanelIndex;
+    private startCursorPosition;
+    private startPanelSizes;
+    private mouseMoveListener?;
+    private mouseUpListener?;
+    ngAfterContentInit(): void;
+    ngOnDestroy(): void;
+    private updateLastStatus;
+    startResize(item: ResizablePanelItemComponent, event: MouseEvent): void;
+    private setupListeners;
+    private cleanupListeners;
+    private onMouseMove;
+    private stopResize;
+    private updatePanelSizes;
+    get computedContainerClass(): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ResizablePanelComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ResizablePanelComponent, "tolle-resizable-panel", never, { "direction": { "alias": "direction"; "required": false; }; "class": { "alias": "class"; "required": false; }; }, {}, ["panels"], ["*"], true, never>;
+}

package/lib/toggle.component.d.ts

@@ -4,7 +4,7 @@ import { type VariantProps } from 'class-variance-authority';
 import * as i0 from "@angular/core";
 declare const toggleVariants: (props?: ({
     variant?: "default" | "outline" | null | undefined;
-    size?: "default" | "sm" | "lg" | null | undefined;
+    size?: "sm" | "default" | "lg" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 export type ToggleProps = VariantProps<typeof toggleVariants>;
 export declare class ToggleComponent implements ControlValueAccessor {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tolle_/tolle-ui",
-  "version": "18.2.22",
+  "version": "18.2.24",
   "publishConfig": {
     "access": "public"
   },

package/public-api.d.ts

@@ -80,3 +80,5 @@ export * from './lib/country-selector.component';
 export * from './lib/phone-number-input.component';
 export * from './lib/phone-number.service';
 export * from './lib/country-codes.service';
+export * from './lib/resizable-panel.component';
+export * from './lib/resizable-panel-item.component';

package/theme.css

@@ -38,8 +38,8 @@
   --border: 228 228 231;
   /* #e4e4e7 in RGB */
   --input: 228 228 231;
-  --ring: 96 165 250;
-  /* #60a5fa in RGB - lighter blue */
+  --ring: var(--primary);
+  /* derives from primary color */
   --radius: 0.5rem;
 
   /* --- Shadows --- */
@@ -77,8 +77,8 @@
 
   --border: 39 39 42;
   --input: 39 39 42;
-  --ring: 147 197 253;
-  /* #93c5fd in RGB - even lighter blue */
+  --ring: var(--primary);
+  /* derives from primary color */
 
   --shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.3);
   --shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.3), 0 1px 2px -1px rgba(0, 0, 0, 0.3);