@prolibu-suite/cobalt-core 0.2.0 → 0.3.0

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

@@ -0,0 +1,13 @@
+/**
+ * Placeholder de carga con shimmer (sweep). Componer apilando varios.
+ * Respeta prefers-reduced-motion (sin animación).
+ */
+export declare class CoSkeleton {
+    /** rect (default) | text (radio menor) | circle */
+    variant: 'rect' | 'text' | 'circle';
+    /** Ancho CSS (default 100%) */
+    width: string;
+    /** Alto CSS (default por variante en CSS) */
+    height: string;
+    render(): any;
+}

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

@@ -43,6 +43,8 @@ export declare class CoTagsField {
     helperText?: string;
     /** Label layout: vertical (label above) or horizontal (label beside) */
     layout: 'vertical' | 'horizontal';
+    /** Field size (mirrors co-input): s 28 / sm 32 / md 40 / lg 48. */
+    size: 's' | 'sm' | 'md' | 'lg';
     /** Emitted with the full array on every add/edit/remove/clear. */
     coChange: EventEmitter<string[]>;
     /** Emitted on every keystroke of the inline input with the raw text. */

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

@@ -39,6 +39,9 @@ export declare class CoTextarea {
     helperText?: string;
     /** Label layout: vertical (label above) or horizontal (label beside) */
     layout: 'vertical' | 'horizontal';
+    /** Field size (mirrors co-input paddings/font: s / sm / md / lg).
+     *  Vertical extent still comes from `rows`. */
+    size: 's' | 'sm' | 'md' | 'lg';
     /** Show clear button when textarea has value */
     clearable: boolean;
     /** Resize behavior of the textarea */

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

@@ -18,6 +18,10 @@ export declare class CoTooltip {
     flip: boolean;
     /** Maximum width before text wraps. */
     maxWidth: string;
+    /** Full-width wrapper (opt-in) so the tooltip can wrap a flex/grid child that
+     *  must fill its track — e.g. an ellipsised list/table cell — without the
+     *  inline-block wrapper shrink-wrapping it. Drives the `:host([block])` CSS. */
+    block: boolean;
     visible: boolean;
     actualPlacement: Placement;
     el: HTMLElement;
@@ -44,6 +48,14 @@ export declare class CoTooltip {
     private handleFocusOut;
     private handleKeyDown;
     private updatePosition;
+    /**
+     * Promote the tooltip panel to the browser top layer (Popover API) so an
+     * ancestor's filter / mask / overflow / transform can't clip or mis-anchor it
+     * — needed when the trigger lives inside another top-layer panel (co-popover).
+     * Mirrors co-popover. No-ops where unsupported (falls back to in-place fixed
+     * positioning + offset-ancestor compensation).
+     */
+    private promotePanel;
     private scheduleUpdate;
     private addScrollListeners;
     private cleanupListeners;

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

@@ -0,0 +1,203 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+type VideoLang = 'es' | 'en' | 'pt';
+/**
+ * A fully configurable video player component with custom controls.
+ *
+ * @slot - Default slot (unused, reserved for future captions/overlays)
+ */
+export declare class CoVideo {
+    /** Video source URL */
+    src: string;
+    /** Poster/thumbnail image URL */
+    poster: string;
+    /** MIME type hint */
+    type: string;
+    /** Preload behavior */
+    preload: 'none' | 'metadata' | 'auto';
+    /** Auto-start playback (requires muted for browser autoplay) */
+    autoplay: boolean;
+    /** Loop playback */
+    loop: boolean;
+    /** Muted state */
+    muted: boolean;
+    /** Initial volume (0-1) */
+    volume: number;
+    /** Current playback position in seconds (enables resume) */
+    currentTime: number;
+    /** Playback speed */
+    playbackRate: number;
+    /** Available playback speeds (JSON array string) */
+    playbackRates: string;
+    /** Master toggle for custom control bar */
+    controls: boolean;
+    /** Show play/pause button */
+    showPlay: boolean;
+    /** Show volume controls */
+    showVolume: boolean;
+    /** Show progress/seek bar */
+    showProgress: boolean;
+    /** Show time display */
+    showTime: boolean;
+    /** Show fullscreen button */
+    showFullscreen: boolean;
+    /** Show playback speed selector */
+    showSpeed: boolean;
+    /** Show Picture-in-Picture button */
+    showPip: boolean;
+    /** Show download button */
+    showDownload: boolean;
+    /** Enable download functionality */
+    allowDownload: boolean;
+    /** Container aspect ratio */
+    aspectRatio: '16:9' | '4:3' | '1:1' | '21:9' | 'auto';
+    /** Border radius */
+    rounded: 'none' | 'sm' | 'md' | 'lg' | 'xl';
+    /** Auto-hide controls after inactivity */
+    controlsAutoHide: boolean;
+    /** Milliseconds before controls hide */
+    controlsAutoHideDelay: number;
+    /** Disabled state */
+    disabled: boolean;
+    /** Progress percentage (0-100) that triggers coThresholdReached. 0 = disabled */
+    watchThreshold: number;
+    /** Language for labels and aria attributes */
+    locale: VideoLang;
+    coPlay: EventEmitter<void>;
+    coPause: EventEmitter<void>;
+    coEnded: EventEmitter<void>;
+    coReady: EventEmitter<{
+        duration: number;
+    }>;
+    coError: EventEmitter<{
+        code: number;
+        message: string;
+    }>;
+    coTimeUpdate: EventEmitter<{
+        currentTime: number;
+        duration: number;
+        progressPercent: number;
+    }>;
+    coSeeked: EventEmitter<{
+        from: number;
+        to: number;
+    }>;
+    coVolumeChange: EventEmitter<{
+        volume: number;
+        muted: boolean;
+    }>;
+    coFullscreenChange: EventEmitter<{
+        fullscreen: boolean;
+    }>;
+    coPlaybackRateChange: EventEmitter<{
+        rate: number;
+    }>;
+    coPipChange: EventEmitter<{
+        pip: boolean;
+    }>;
+    coDownload: EventEmitter<{
+        src: string;
+    }>;
+    coThresholdReached: EventEmitter<{
+        threshold: number;
+        currentTime: number;
+        duration: number;
+    }>;
+    private isPlaying;
+    private internalCurrentTime;
+    private duration;
+    private buffered;
+    private volumeLevel;
+    private isMuted;
+    private isFullscreen;
+    private internalPlaybackRate;
+    private isLoading;
+    private showControlBar;
+    private hasError;
+    private errorMessage;
+    private showSpeedMenu;
+    private isPip;
+    private thresholdFired;
+    private hasStarted;
+    private isSeeking;
+    private showVolumeSlider;
+    el: HTMLElement;
+    private videoEl?;
+    private containerEl?;
+    private progressTrackEl?;
+    private volumeTrackEl?;
+    private controlsTimer?;
+    private lastTimeUpdateEmit;
+    private parsedRates;
+    private seekFromTime;
+    private externalTimeUpdate;
+    private get t();
+    private get progressPercent();
+    private get pipSupported();
+    onSrcChange(): void;
+    onMutedChange(): void;
+    onVolumeChange(): void;
+    onCurrentTimeChange(): void;
+    onPlaybackRateChange(): void;
+    onPlaybackRatesChange(): void;
+    componentWillLoad(): void;
+    componentDidLoad(): void;
+    disconnectedCallback(): void;
+    play(): Promise<void>;
+    pause(): Promise<void>;
+    togglePlay(): Promise<void>;
+    seek(time: number): Promise<void>;
+    setVolume(level: number): Promise<void>;
+    toggleMute(): Promise<void>;
+    toggleFullscreen(): Promise<void>;
+    togglePip(): Promise<void>;
+    private parseRates;
+    private resetState;
+    private bindVideoEvents;
+    private formatTime;
+    private resetControlsTimer;
+    private handleContainerMouseMove;
+    private handleContainerMouseLeave;
+    private handleContainerTouchStart;
+    private onLoadedMetadata;
+    private onPlay;
+    private onPause;
+    private onEnded;
+    private onTimeUpdate;
+    private onWaiting;
+    private onCanPlay;
+    private onError;
+    private onProgress;
+    private onNativeVolumeChange;
+    private onNativeRateChange;
+    private handlePlayClick;
+    private handleBigPlayClick;
+    private handleMuteClick;
+    private isDraggingVolume;
+    private handleVolumeMouseEnter;
+    private handleVolumeMouseLeave;
+    private handleProgressPointerDown;
+    private seekFromPointerEvent;
+    private handleVolumePointerDown;
+    private setVolumeFromPointerEvent;
+    private handleSpeedClick;
+    private handleSpeedSelect;
+    private handleFullscreenClick;
+    private handleFullscreenChange;
+    private handlePipClick;
+    private handleEnterPip;
+    private handleLeavePip;
+    private handleDownloadClick;
+    private handleRetryClick;
+    private handleKeyDown;
+    private handleVideoAreaClick;
+    private renderBigPlayButton;
+    private renderPoster;
+    private renderLoader;
+    private renderError;
+    private renderProgressBar;
+    private renderVolumeControl;
+    private renderSpeedMenu;
+    private renderControls;
+    render(): any;
+}
+export {};