@xosue-utils/inputs 0.1.0 → 0.1.3

package/lib/color-picker/color-picker-panel.component.d.ts

@@ -0,0 +1,85 @@
+import { EventEmitter, ElementRef, OnInit, AfterViewInit, OnDestroy, OnChanges, SimpleChanges } from '@angular/core';
+import * as i0 from "@angular/core";
+/**
+ * Interfaz para las opciones de color disponibles en el picker
+ */
+interface ColorOption {
+    name: string;
+    hex: string;
+    rgb: string;
+}
+export declare class ColorPickerPanelComponent implements OnInit, AfterViewInit, OnDestroy, OnChanges {
+    private cdr;
+    private elementRef;
+    private platformId;
+    colorCanvas: ElementRef<HTMLCanvasElement>;
+    hueCanvas: ElementRef<HTMLCanvasElement>;
+    pickerContainer: ElementRef<HTMLDivElement>;
+    canvasContainer: ElementRef<HTMLDivElement>;
+    mode: 'hex' | 'rgb';
+    /** Valor controlado desde el padre (hex o rgb según mode) */
+    textValue: string;
+    textValueChange: EventEmitter<string>;
+    get hostDisabledClass(): boolean;
+    set disabled(value: boolean);
+    isDisabled: boolean;
+    selectedColor: ColorOption | null;
+    isDragging: boolean;
+    isDraggingHue: boolean;
+    isDraggingSaturation: boolean;
+    currentHex: string;
+    currentRgb: string;
+    /** Muestra el color elegido en el recuadro de vista previa (separado de HEX/RGB). */
+    get previewColor(): string;
+    hue: number;
+    saturation: number;
+    lightness: number;
+    pointerX: number;
+    pointerY: number;
+    private canvasContext;
+    private hueCanvasContext;
+    private documentMouseMoveHandler;
+    private documentMouseUpHandler;
+    private documentTouchMoveHandler;
+    private documentTouchEndHandler;
+    colors: ColorOption[];
+    ngOnChanges(changes: SimpleChanges): void;
+    private applyValueFromParent;
+    ngOnInit(): void;
+    ngAfterViewInit(): void;
+    ngOnDestroy(): void;
+    private handleDocumentMouseMove;
+    private handleDocumentMouseUp;
+    private handleDocumentTouchMove;
+    private handleDocumentTouchEnd;
+    private touchToMouseEvent;
+    isValidColor(value: string): boolean;
+    initHueCanvas(): void;
+    initSaturationCanvas(): void;
+    drawSaturationCanvas(): void;
+    drawPointer(): void;
+    drawHueIndicator(): void;
+    private hslToRgb;
+    onSaturationMouseDown(event: MouseEvent): void;
+    onSaturationTouchStart(event: TouchEvent): void;
+    onSaturationMouseMove(event: MouseEvent): void;
+    onDocumentMouseMove(event: MouseEvent): void;
+    updateSaturationFromEvent(event: MouseEvent): void;
+    onHueMouseDown(event: MouseEvent): void;
+    onHueTouchStart(event: TouchEvent): void;
+    onSaturationTouchMove(event: TouchEvent): void;
+    onHueTouchMove(event: TouchEvent): void;
+    onHueMouseMove(event: MouseEvent): void;
+    updateHueFromEvent(event: MouseEvent): void;
+    updateColorFromHSL(): void;
+    onMouseUp(event: MouseEvent): void;
+    private rgbToHex;
+    private hexToRgb;
+    private rgbStringToHex;
+    private parseRgbString;
+    private rgbToHsl;
+    selectColor(color: ColorOption): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ColorPickerPanelComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ColorPickerPanelComponent, "color-picker-panel", never, { "mode": { "alias": "mode"; "required": false; }; "textValue": { "alias": "textValue"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; }, { "textValueChange": "textValueChange"; }, never, never, true, never>;
+}
+export {};

package/lib/color-picker/services/color-picker-modal/color-picker-modal-service.component.d.ts

@@ -0,0 +1,15 @@
+import { ChangeDetectorRef, OnDestroy, OnInit } from '@angular/core';
+import { Observable } from 'rxjs';
+import { ColorPickerModalService, ColorPickerModalSession } from './color-picker-modal.service';
+import * as i0 from "@angular/core";
+export declare class ColorPickerModalServiceComponent implements OnInit, OnDestroy {
+    private colorPickerModal;
+    private cdr;
+    readonly vm$: Observable<ColorPickerModalSession | null>;
+    private sub?;
+    constructor(colorPickerModal: ColorPickerModalService, cdr: ChangeDetectorRef);
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ColorPickerModalServiceComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ColorPickerModalServiceComponent, "color-picker-modal-service", never, {}, {}, never, never, true, never>;
+}

package/lib/date-picker/services/date-picker-modal/date-picker-modal-service.component.d.ts

@@ -0,0 +1,15 @@
+import { ChangeDetectorRef, OnDestroy, OnInit } from '@angular/core';
+import { Observable } from 'rxjs';
+import { DatePickerModalService, DatePickerModalSession } from './date-picker-modal.service';
+import * as i0 from "@angular/core";
+export declare class DatePickerModalServiceComponent implements OnInit, OnDestroy {
+    private datePickerModal;
+    private cdr;
+    readonly vm$: Observable<DatePickerModalSession | null>;
+    private sub?;
+    constructor(datePickerModal: DatePickerModalService, cdr: ChangeDetectorRef);
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DatePickerModalServiceComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DatePickerModalServiceComponent, "date-picker-modal-service", never, {}, {}, never, never, true, never>;
+}

package/lib/datetime-picker/services/datetime-picker-modal/datetime-picker-modal-service.component.d.ts

@@ -0,0 +1,15 @@
+import { ChangeDetectorRef, OnDestroy, OnInit } from '@angular/core';
+import { Observable } from 'rxjs';
+import { DatetimePickerModalService, DatetimePickerModalSession } from './datetime-picker-modal.service';
+import * as i0 from "@angular/core";
+export declare class DatetimePickerModalServiceComponent implements OnInit, OnDestroy {
+    private datetimePickerModal;
+    private cdr;
+    readonly vm$: Observable<DatetimePickerModalSession | null>;
+    private sub?;
+    constructor(datetimePickerModal: DatetimePickerModalService, cdr: ChangeDetectorRef);
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DatetimePickerModalServiceComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DatetimePickerModalServiceComponent, "datetime-picker-modal-service", never, {}, {}, never, never, true, never>;
+}

package/lib/index.d.ts

@@ -11,6 +11,7 @@
  * import { ALL_INPUT_COMPONENTS } from '@shared/components/inputs';
  * imports: [ALL_INPUT_COMPONENTS]
  */
+export { LucideIconComponent } from './lucide-icon/lucide-icon.component';
 export { TextEntryComponent } from './text-entry/text-entry.component';
 export { TextAreaEntryComponent } from './text-area-entry/text-area-entry.component';
 export { EmailEntryComponent } from './email-entry/email-entry.component';
@@ -41,6 +42,8 @@ export { OtpEntryComponent } from './otp-entry/otp-entry.component';
 export { RichTextEntryComponent } from './rich-text-entry/rich-text-entry.component';
 export { SignatureEntryComponent } from './signature-entry/signature-entry.component';
 export { MediaEntryComponent } from './media-entry/media-entry.component';
+export { INPUT_MODAL_SERVICE_COMPONENTS, OnlySelectModalServiceComponent, MultiselectComboboxModalServiceComponent, SearchEntryModalServiceComponent, PhoneEntryModalServiceComponent, DatePickerModalServiceComponent, TimePickerModalServiceComponent, DatetimePickerModalServiceComponent, MonthPickerModalServiceComponent, ColorPickerModalServiceComponent, } from './input-modal-service-components';
+export { InputModalServicesComponent } from './input-modal-services.component';
 import { TextEntryComponent } from './text-entry/text-entry.component';
 import { TextAreaEntryComponent } from './text-area-entry/text-area-entry.component';
 import { EmailEntryComponent } from './email-entry/email-entry.component';

package/lib/input-modal-service-components.d.ts

@@ -0,0 +1,16 @@
+/**
+ * Shells globales de modales ligados a inputs (montados en `app-root`).
+ * Un solo punto de entrada para importar en `AppComponent` u otros.
+ */
+import { OnlySelectModalServiceComponent } from './only-select/services/only-select-modal/only-select-modal-service.component';
+import { MultiselectComboboxModalServiceComponent } from './multiselect-combobox/services/multiselect-combobox-modal/multiselect-combobox-modal-service.component';
+import { SearchEntryModalServiceComponent } from './search-entry/services/search-entry-modal/search-entry-modal-service.component';
+import { PhoneEntryModalServiceComponent } from './phone-entry/services/phone-entry-modal/phone-entry-modal-service.component';
+import { DatePickerModalServiceComponent } from './date-picker/services/date-picker-modal/date-picker-modal-service.component';
+import { TimePickerModalServiceComponent } from './time-picker/services/time-picker-modal/time-picker-modal-service.component';
+import { DatetimePickerModalServiceComponent } from './datetime-picker/services/datetime-picker-modal/datetime-picker-modal-service.component';
+import { MonthPickerModalServiceComponent } from './month-picker/services/month-picker-modal/month-picker-modal-service.component';
+import { ColorPickerModalServiceComponent } from './color-picker/services/color-picker-modal/color-picker-modal-service.component';
+export { OnlySelectModalServiceComponent, MultiselectComboboxModalServiceComponent, SearchEntryModalServiceComponent, PhoneEntryModalServiceComponent, DatePickerModalServiceComponent, TimePickerModalServiceComponent, DatetimePickerModalServiceComponent, MonthPickerModalServiceComponent, ColorPickerModalServiceComponent, };
+/** Lista para `imports: [..., ...INPUT_MODAL_SERVICE_COMPONENTS]` en el decorador. */
+export declare const INPUT_MODAL_SERVICE_COMPONENTS: readonly [typeof OnlySelectModalServiceComponent, typeof MultiselectComboboxModalServiceComponent, typeof SearchEntryModalServiceComponent, typeof PhoneEntryModalServiceComponent, typeof DatePickerModalServiceComponent, typeof TimePickerModalServiceComponent, typeof DatetimePickerModalServiceComponent, typeof MonthPickerModalServiceComponent, typeof ColorPickerModalServiceComponent];

package/lib/input-modal-services.component.d.ts

@@ -0,0 +1,8 @@
+import * as i0 from "@angular/core";
+/**
+ * Monta en un solo lugar los shells globales de modales de inputs (equivalente a los tags sueltos en `app-root`).
+ */
+export declare class InputModalServicesComponent {
+    static ɵfac: i0.ɵɵFactoryDeclaration<InputModalServicesComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<InputModalServicesComponent, "input-modal-services", never, {}, {}, never, never, true, never>;
+}

package/lib/month-picker/services/month-picker-modal/month-picker-modal-service.component.d.ts

@@ -0,0 +1,15 @@
+import { ChangeDetectorRef, OnDestroy, OnInit } from '@angular/core';
+import { Observable } from 'rxjs';
+import { MonthPickerModalService, MonthPickerModalSession } from './month-picker-modal.service';
+import * as i0 from "@angular/core";
+export declare class MonthPickerModalServiceComponent implements OnInit, OnDestroy {
+    private monthPickerModal;
+    private cdr;
+    readonly vm$: Observable<MonthPickerModalSession | null>;
+    private sub?;
+    constructor(monthPickerModal: MonthPickerModalService, cdr: ChangeDetectorRef);
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MonthPickerModalServiceComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MonthPickerModalServiceComponent, "month-picker-modal-service", never, {}, {}, never, never, true, never>;
+}

package/lib/multiselect-combobox/services/multiselect-combobox-modal/multiselect-combobox-modal-service.component.d.ts

@@ -0,0 +1,17 @@
+import { ChangeDetectorRef, OnDestroy, OnInit } from '@angular/core';
+import { Observable } from 'rxjs';
+import { MultiselectComboboxModalService, MultiselectComboboxModalSession } from './multiselect-combobox-modal.service';
+import { SelectOption } from '../../../only-select/only-select.types';
+import * as i0 from "@angular/core";
+export declare class MultiselectComboboxModalServiceComponent implements OnInit, OnDestroy {
+    private multiselectModal;
+    private cdr;
+    readonly vm$: Observable<MultiselectComboboxModalSession | null>;
+    private sub?;
+    constructor(multiselectModal: MultiselectComboboxModalService, cdr: ChangeDetectorRef);
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    isSelected(option: SelectOption, selected: SelectOption[]): boolean;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MultiselectComboboxModalServiceComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MultiselectComboboxModalServiceComponent, "multiselect-combobox-modal-service", never, {}, {}, never, never, true, never>;
+}

package/lib/only-select/services/only-select-modal/only-select-modal-service.component.d.ts

@@ -0,0 +1,15 @@
+import { ChangeDetectorRef, OnDestroy, OnInit } from '@angular/core';
+import { Observable } from 'rxjs';
+import { OnlySelectModalService, OnlySelectModalSession } from './only-select-modal.service';
+import * as i0 from "@angular/core";
+export declare class OnlySelectModalServiceComponent implements OnInit, OnDestroy {
+    private onlySelectModal;
+    private cdr;
+    readonly vm$: Observable<OnlySelectModalSession | null>;
+    private sub?;
+    constructor(onlySelectModal: OnlySelectModalService, cdr: ChangeDetectorRef);
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<OnlySelectModalServiceComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<OnlySelectModalServiceComponent, "only-select-modal-service", never, {}, {}, never, never, true, never>;
+}

package/lib/phone-entry/services/phone-entry-modal/phone-entry-modal-service.component.d.ts

@@ -0,0 +1,15 @@
+import { ChangeDetectorRef, OnDestroy, OnInit } from '@angular/core';
+import { Observable } from 'rxjs';
+import { PhoneEntryModalService, PhoneEntryModalSession } from './phone-entry-modal.service';
+import * as i0 from "@angular/core";
+export declare class PhoneEntryModalServiceComponent implements OnInit, OnDestroy {
+    private phoneModal;
+    private cdr;
+    readonly vm$: Observable<PhoneEntryModalSession | null>;
+    private sub?;
+    constructor(phoneModal: PhoneEntryModalService, cdr: ChangeDetectorRef);
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<PhoneEntryModalServiceComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PhoneEntryModalServiceComponent, "phone-entry-modal-service", never, {}, {}, never, never, true, never>;
+}

package/lib/search-entry/services/search-entry-modal/search-entry-modal-service.component.d.ts

@@ -0,0 +1,15 @@
+import { ChangeDetectorRef, OnDestroy, OnInit } from '@angular/core';
+import { Observable } from 'rxjs';
+import { SearchEntryModalService, SearchEntryModalSession } from './search-entry-modal.service';
+import * as i0 from "@angular/core";
+export declare class SearchEntryModalServiceComponent implements OnInit, OnDestroy {
+    private searchEntryModal;
+    private cdr;
+    readonly vm$: Observable<SearchEntryModalSession | null>;
+    private sub?;
+    constructor(searchEntryModal: SearchEntryModalService, cdr: ChangeDetectorRef);
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SearchEntryModalServiceComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SearchEntryModalServiceComponent, "search-entry-modal-service", never, {}, {}, never, never, true, never>;
+}

package/lib/time-picker/services/time-picker-modal/time-picker-modal-service.component.d.ts

@@ -0,0 +1,15 @@
+import { ChangeDetectorRef, OnDestroy, OnInit } from '@angular/core';
+import { Observable } from 'rxjs';
+import { TimePickerModalService, TimePickerModalSession } from './time-picker-modal.service';
+import * as i0 from "@angular/core";
+export declare class TimePickerModalServiceComponent implements OnInit, OnDestroy {
+    private timePickerModal;
+    private cdr;
+    readonly vm$: Observable<TimePickerModalSession | null>;
+    private sub?;
+    constructor(timePickerModal: TimePickerModalService, cdr: ChangeDetectorRef);
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TimePickerModalServiceComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TimePickerModalServiceComponent, "time-picker-modal-service", never, {}, {}, never, never, true, never>;
+}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@xosue-utils/inputs",
-  "version": "0.1.0",
-  "description": "Angular standalone form inputs (text, select, date, media, rich-text, …) shared across Caludy / Orquesta / Mayoristas.",
+  "version": "0.1.3",
+  "description": "Angular standalone form inputs (text, select, date, media, rich-text, …) shared across Caludy / Orquesta / Mayoristas.",
   "license": "UNLICENSED",
   "private": false,
   "sideEffects": false,
@@ -21,16 +21,16 @@
     "@angular/forms": "^19.0.0",
     "@angular/platform-browser": "^19.0.0",
     "@angular/router": "^19.0.0",
-    "@lexical/history": "^0.42.0",
-    "@lexical/html": "^0.42.0",
-    "@lexical/link": "^0.42.0",
-    "@lexical/list": "^0.42.0",
-    "@lexical/rich-text": "^0.42.0",
-    "@lexical/selection": "^0.42.0",
-    "@lexical/table": "^0.42.0",
-    "@lexical/utils": "^0.42.0",
+    "@lexical/history": ">=0.42.0 <1.0.0",
+    "@lexical/html": ">=0.42.0 <1.0.0",
+    "@lexical/link": ">=0.42.0 <1.0.0",
+    "@lexical/list": ">=0.42.0 <1.0.0",
+    "@lexical/rich-text": ">=0.42.0 <1.0.0",
+    "@lexical/selection": ">=0.42.0 <1.0.0",
+    "@lexical/table": ">=0.42.0 <1.0.0",
+    "@lexical/utils": ">=0.42.0 <1.0.0",
     "@lucide/angular": "^0.500.0 || ^1.0.0",
-    "lexical": "^0.42.0",
+    "lexical": ">=0.42.0 <1.0.0",
     "luxon": "^3.0.0",
     "rxjs": "^7.8.0",
     "sortablejs": "^1.15.0"

package/public-api.d.ts

@@ -1,6 +1,7 @@
 export * from './config/inputs-config';
 export * from './lib/index';
-export { LucideIconComponent } from './vendor/lucide-icon/lucide-icon.component';
+export type { SelectOption } from './lib/only-select/only-select.types';
+export { formatPhoneForDisplay, stripCountryCodeFromNumber, } from './lib/phone-entry/phone-display.util';
 export { FieldHelpTooltipComponent } from './vendor/field-help-tooltip/field-help-tooltip.component';
 export { ContextMenuService, type ContextMenuOption, type ContextMenuInfo, } from './vendor/context-menu-service/context-menu.service';
 export { ContextMenuServiceComponent } from './vendor/context-menu-service/context-menu-service.component';