@prolibu-suite/cobalt-core 0.6.0 → 0.8.0

package/dist/types/components/co-option-list/co-option-list.d.ts

@@ -25,6 +25,8 @@ export declare class CoOptionList {
     selectedAffordance: 'check' | 'deselect';
     /** Botón remove por fila seleccionada en multiple (tags de combobox). */
     removableItems: boolean;
+    /** Habilita reorder por drag del bloque de seleccionados (selected-first). */
+    reorderable: boolean;
     searchable: boolean;
     searchPlaceholder: string;
     searchDebounce: number;
@@ -57,9 +59,22 @@ export declare class CoOptionList {
     coLoadMore: EventEmitter<void>;
     coClearSelection: EventEmitter<void>;
     coRemoveItem: EventEmitter<string>;
+    /** Emitido tras un drag-reorder: nuevo orden de ids seleccionados + ítem movido. */
+    coReorder: EventEmitter<{
+        value: string[];
+        item: OptionListItem;
+    }>;
     term: string;
     activeIndex: number;
     scrollTop: number;
+    /** Fila armada para drag (handle presionado). */
+    armedKey: string;
+    /** Fila que se está arrastrando. */
+    dragKey: string;
+    /** Fila hover como drop-target. */
+    overKey: string;
+    /** Dirección del drop sobre overKey (true = el ítem cae DESPUÉS del target). */
+    dropAfter: boolean;
     private searchInputEl?;
     private optionsEl?;
     private osInstance?;
@@ -73,6 +88,7 @@ export declare class CoOptionList {
     private get effectiveHighlightTerm();
     componentWillLoad(): void;
     componentDidRender(): void;
+    connectedCallback(): void;
     disconnectedCallback(): void;
     onItemsChange(): void;
     /** Re-toma el snapshot selected-first. El host la llama al abrir su panel. */
@@ -94,6 +110,13 @@ export declare class CoOptionList {
     private onRootKeyDown;
     private onSearchInput;
     private pick;
+    private handleRowDragStart;
+    private handleRowDragOver;
+    private handleRowDrop;
+    private handleRowDragEnd;
+    private handleRowDragLeave;
+    private disarmDrag;
+    private resetDragState;
     private maybeLoadMore;
     private onNativeScroll;
     private scrollActiveIntoView;

package/dist/types/components/co-option-list/optionListLogic.d.ts

@@ -51,6 +51,9 @@ export declare function orderItems(items: OptionListItem[], snapshotIds: Set<str
 /** Aplana a filas de render insertando un header cuando `group` cambia
  *  (groupItems de co-command-search). `index` cuenta solo items. */
 export declare function buildRows(items: OptionListItem[]): OptionListRow[];
+/** Mueve `fromId` a la posición de `toId` en `order`. No muta el input;
+ *  devuelve el mismo array (referencia) si es no-op. */
+export declare function reorderIds(order: string[], fromId: string, toId: string): string[];
 /** Siguiente highlight: wrap, salta disabled. -1 = sin items navegables. */
 export declare function nextActiveIndex(current: number, delta: 1 | -1, items: OptionListItem[]): number;
 /** `total > 0` tiene precedencia (deriva remaining); si no, vale `hasMoreProp`. */

package/dist/types/components/co-provider-logo/co-provider-logo.d.ts

@@ -0,0 +1,17 @@
+/**
+ * Logo de marca de un proveedor externo (Google, Microsoft), a color y
+ * self-contained (SVG inline — nunca una URL remota).
+ *
+ * `plated` lo monta sobre un disco blanco: es lo que hace legible una marca a
+ * color cuando va encima de una superficie teñida (el badge de un evento de
+ * calendario externo, que hereda el color del calendario).
+ */
+export declare class CoProviderLogo {
+    /** Proveedor: `google` | `microsoft`. Uno desconocido no pinta nada. */
+    provider: string;
+    /** Lado del logo en px (los viewBox son cuadrados). */
+    size: number;
+    /** Disco blanco de fondo para contraste sobre superficies de color. */
+    plated: boolean;
+    render(): any;
+}

package/dist/types/components/co-ref-field/co-ref-field.d.ts

@@ -44,6 +44,11 @@ export declare class CoRefField {
     size: 's' | 'sm' | 'md' | 'lg' | 'default';
     /** Common-scale size with the legacy `'default'` alias normalized to `'md'`. */
     private get normalizedSize();
+    /** Visual style. `flat` strips the trigger's border and background so it
+     *  reads as plain content instead of a boxed control — padding, label,
+     *  focus ring, disabled and status states are unaffected. `default` (the
+     *  standard bordered box) renders identically to before this prop existed. */
+    variant: 'default' | 'flat';
     /** Selected value: single ID string or JSON array of IDs. */
     value: string;
     /** JSON array of options to display: RefFieldOption[] */
@@ -125,6 +130,7 @@ export declare class CoRefField {
     private handlePopoverClose;
     private handleTriggerClick;
     private handleOptionClick;
+    private handleReorder;
     private handleClear;
     private handleRemoveChip;
     private handleFooterPrimary;

package/dist/types/components/co-rich-text-editor/co-rich-text-editor.d.ts

@@ -24,6 +24,14 @@ export declare class CoRichTextEditor {
     secondaryLabel?: string;
     helperText?: string;
     status: 'default' | 'error' | 'success' | 'warning' | 'info';
+    /** Visual style. `flat` strips the frame's border and background so it
+     *  reads as plain content instead of a boxed control — padding, label,
+     *  focus ring, disabled and status states are unaffected. The toolbar keeps
+     *  its own background + bottom border (a subtle, token-driven separator),
+     *  which is what keeps toolbar and editable area legible/separated once the
+     *  outer box is gone. `default` (the standard bordered box) renders
+     *  identically to before this prop existed. */
+    variant: 'default' | 'flat';
     disabled: boolean;
     readonly: boolean;
     required: boolean;
@@ -42,6 +50,10 @@ export declare class CoRichTextEditor {
     customExtensions?: object[];
     /** Host image upload handler (JS property): `(file) => Promise<url>`. */
     imageUpload?: (file: File) => Promise<string>;
+    /** Passthrough: shows the toolbar attachment button (host owns the files). */
+    attachmentsEnabled: boolean;
+    /** Passthrough: `accept` for the toolbar attachment picker. */
+    attachmentAccept?: string;
     /**
      * Font families available in the bubble menu font selector.
      * JS property: `Array<{ label: string; value: string }>`.
@@ -90,6 +102,11 @@ export declare class CoRichTextEditor {
     coFontPopupShow: EventEmitter<void>;
     /** Emitted when the font dropdown closes. */
     coFontPopupHide: EventEmitter<void>;
+    /** Re-emitted from the inner toolbar: files picked via the attach button.
+     *  Declared here so hosts can bind on the editor (the toolbar is internal). */
+    coAttachmentsSelected: EventEmitter<{
+        files: File[];
+    }>;
     ready: boolean;
     hasFocus: boolean;
     /** Character count — updated imperatively to avoid re-renders on every keystroke. */

package/dist/types/components/co-rich-text-toolbar/co-rich-text-toolbar.d.ts

@@ -14,12 +14,17 @@ export declare class CoRichTextToolbar {
     /** Editor instance (set as a property by the host editor). */
     editor?: Editor;
     /** Toolbar layout variant. */
-    variant: 'none' | 'compact' | 'basic' | 'full';
+    variant: 'none' | 'compact' | 'compact-assets' | 'basic' | 'full';
     disabled: boolean;
     /** BCP-47 locale for UI strings (e.g. 'en', 'es-CO', 'pt-BR'). Default English. */
     locale: string;
     /** Image upload handler (JS property): `(file) => Promise<url | {src, fileId}>`. */
     imageUpload?: (file: File) => Promise<any>;
+    /** Shows the attachment button (compact-assets variant). The editor never
+     *  owns the attachment list — it only emits the picked files. */
+    attachmentsEnabled: boolean;
+    /** `accept` attr for the attachment file picker (e.g. '.pdf,.png'). */
+    attachmentAccept?: string;
     /** Emitted whenever a toolbar action runs (observability for hosts). */
     coAction: EventEmitter<{
         action: string;
@@ -30,6 +35,10 @@ export declare class CoRichTextToolbar {
     coPopoverChange: EventEmitter<{
         open: boolean;
     }>;
+    /** Files picked from the toolbar attachment button. The host owns them. */
+    coAttachmentsSelected: EventEmitter<{
+        files: File[];
+    }>;
     items: ToolbarEntry[];
     /** Bumped on every editor transaction to refresh active state. */
     tick: number;
@@ -68,6 +77,7 @@ export declare class CoRichTextToolbar {
     connectedCallback(): void;
     componentWillLoad(): void;
     onVariantChange(v: string): void;
+    onAttachmentsEnabledChange(): void;
     onEditorChange(next?: Editor, prev?: Editor): void;
     /**
      * Command whose presence in the schema proves an item's extension is loaded.
@@ -133,6 +143,7 @@ export declare class CoRichTextToolbar {
     private applyTaskStyle;
     private renderInputPopover;
     private renderImagePopover;
+    private triggerAttachmentFileUpload;
     private triggerImageFileUpload;
     private isDropdownOptionActive;
     /** Apply a free-form value typed into a dropdown's custom input. */

package/dist/types/components/co-rich-text-viewer/co-rich-text-viewer.d.ts

@@ -10,9 +10,19 @@ export declare class CoRichTextViewer {
     emptyText?: string;
     /** Reduced padding. */
     compact: boolean;
+    /**
+     * Feature overrides (JSON string for HTML attr, or object via JS property) —
+     * mirror the editor's `features`. They only WIDEN the whitelist: e.g.
+     * `mentions` keeps the V1 quill markup attrs (`data-id`,
+     * `data-denotation-char`, …) so the mention chip keeps its style hook in
+     * read mode. Without it the preset profile strips them.
+     */
+    features?: string | object;
     html: string;
     componentWillLoad(): Promise<void>;
     watchInputs(): Promise<void>;
+    /** Parse `features` (JSON string via HTML attr, or object via JS property). */
+    private get parsedFeatures();
     private sanitizeHtml;
     private compute;
     render(): any;

package/dist/types/components/co-select/co-select.d.ts

@@ -24,6 +24,11 @@ export declare class CoSelect {
     value: string | string[];
     multiple: boolean;
     size: 's' | 'sm' | 'md' | 'lg';
+    /** Visual style. `flat` strips the trigger's border and background so it
+     *  reads as plain content instead of a boxed control — padding, label,
+     *  focus ring, disabled and status states are unaffected. `default` (the
+     *  standard bordered box) renders identically to before this prop existed. */
+    variant: 'default' | 'flat';
     /** Show a search box inside the dropdown to filter options client-side. */
     searchable: boolean;
     searchPlaceholder: string;

package/dist/types/components/co-tab-group/co-tab-group.d.ts

@@ -16,5 +16,10 @@ export declare class CoTabGroup {
         with the default pill variant. */
     private onSlotChange;
     private syncTabs;
+    /** Wheel → horizontal scroll cuando el track desborda (los tabs clipean con
+        `overflow-x`, ver CSS): la rueda vertical del mouse scrollea el strip.
+        Solo consume el evento si realmente puede desplazarse en esa dirección —
+        en los extremos deja pasar el scroll a la página. */
+    private onWheel;
     render(): any;
 }

package/dist/types/components/co-textarea/co-textarea.d.ts

@@ -42,6 +42,11 @@ export declare class CoTextarea {
     /** Field size (mirrors co-input paddings/font: s / sm / md / lg).
      *  Vertical extent still comes from `rows`. */
     size: 's' | 'sm' | 'md' | 'lg';
+    /** Visual style. `flat` strips the field's border and background so it
+     *  reads as plain content instead of a boxed textarea — padding, label,
+     *  focus ring, disabled and status states are unaffected. `default` (the
+     *  standard bordered box) renders identically to before this prop existed. */
+    variant: 'default' | 'flat';
     /** Show clear button when textarea has value */
     clearable: boolean;
     /** Resize behavior of the textarea */