valtech-components 2.0.404 → 2.0.407

package/lib/services/modal/types.d.ts

@@ -0,0 +1,155 @@
+import { Type } from '@angular/core';
+import { Color } from '@ionic/core';
+/**
+ * Modal size preset.
+ */
+export type ModalSize = 'small' | 'medium' | 'large' | 'full' | 'auto';
+/**
+ * Modal breakpoint configuration for sheet modals.
+ */
+export interface ModalBreakpoint {
+    /** Initial breakpoint (0-1) */
+    initialBreakpoint?: number;
+    /** Available breakpoints */
+    breakpoints?: number[];
+    /** Can dismiss by dragging below threshold */
+    canDismiss?: boolean | (() => boolean | Promise<boolean>);
+    /** Handle element */
+    handleBehavior?: 'cycle' | 'none';
+    /** Show handle */
+    showHandle?: boolean;
+}
+/**
+ * Modal header configuration.
+ */
+export interface ModalHeader {
+    /** Title text */
+    title?: string;
+    /** Subtitle text */
+    subtitle?: string;
+    /** Show close button */
+    showCloseButton?: boolean;
+    /** Close button icon */
+    closeIcon?: string;
+    /** Header color */
+    color?: Color;
+    /** Custom CSS class */
+    cssClass?: string;
+}
+/**
+ * Modal footer configuration.
+ */
+export interface ModalFooter {
+    /** Footer buttons */
+    buttons?: ModalButton[];
+    /** Footer alignment */
+    alignment?: 'start' | 'center' | 'end' | 'space-between';
+    /** Custom CSS class */
+    cssClass?: string;
+}
+/**
+ * Modal button configuration.
+ */
+export interface ModalButton {
+    /** Button text */
+    text: string;
+    /** Button role */
+    role?: 'cancel' | 'confirm' | 'destructive' | string;
+    /** Button color */
+    color?: Color;
+    /** Button fill */
+    fill?: 'clear' | 'outline' | 'solid';
+    /** Button size */
+    size?: 'small' | 'default' | 'large';
+    /** Custom CSS class */
+    cssClass?: string;
+    /** Disabled state */
+    disabled?: boolean;
+    /** Loading state */
+    loading?: boolean;
+    /** Handler function */
+    handler?: (data?: any) => void | boolean | Promise<void | boolean>;
+}
+/**
+ * Metadata for creating a modal with a component.
+ */
+export interface ModalMetadata<T = any> {
+    /** Component to render in modal */
+    component: Type<T>;
+    /** Component inputs/props */
+    componentProps?: Partial<T>;
+    /** Unique identifier */
+    id?: string;
+    /** Modal header configuration */
+    header?: ModalHeader;
+    /** Modal footer configuration */
+    footer?: ModalFooter;
+    /** Modal size */
+    size?: ModalSize;
+    /** Custom width (overrides size) */
+    width?: string;
+    /** Custom height (overrides size) */
+    height?: string;
+    /** Show backdrop */
+    showBackdrop?: boolean;
+    /** Backdrop dismiss */
+    backdropDismiss?: boolean;
+    /** Enable keyboard close (ESC) */
+    keyboardClose?: boolean;
+    /** CSS class for modal */
+    cssClass?: string;
+    /** Animation mode */
+    mode?: 'ios' | 'md';
+    /** Enter animation */
+    enterAnimation?: any;
+    /** Leave animation */
+    leaveAnimation?: any;
+    /** Sheet modal breakpoints */
+    breakpoints?: ModalBreakpoint;
+    /** Presenting element for card modal */
+    presentingElement?: HTMLElement;
+    /** Can dismiss callback */
+    canDismiss?: boolean | (() => boolean | Promise<boolean>);
+    /** Animated */
+    animated?: boolean;
+}
+/**
+ * Metadata for creating a simple content modal.
+ */
+export interface SimpleModalMetadata {
+    /** Modal title */
+    title: string;
+    /** Modal content (HTML or plain text) */
+    content: string;
+    /** Modal size */
+    size?: ModalSize;
+    /** Footer buttons */
+    buttons?: ModalButton[];
+    /** Show close button in header */
+    showCloseButton?: boolean;
+    /** Backdrop dismiss */
+    backdropDismiss?: boolean;
+    /** CSS class */
+    cssClass?: string;
+}
+/**
+ * Result from modal dismissal.
+ */
+export interface ModalResult<T = any> {
+    /** Role of the dismissal (button role or 'backdrop') */
+    role?: string;
+    /** Data returned from modal */
+    data?: T;
+}
+/**
+ * Default modal sizes.
+ */
+export declare const MODAL_SIZES: Record<ModalSize, {
+    width?: string;
+    height?: string;
+}>;
+/**
+ * Default modal buttons.
+ */
+export declare const DEFAULT_MODAL_CONFIRM_BUTTON: ModalButton;
+export declare const DEFAULT_MODAL_CANCEL_BUTTON: ModalButton;

package/lib/services/qr-generator/qr-generator.service.d.ts

@@ -0,0 +1,115 @@
+import { QrConfig, QrResult, QrDownloadOptions, QrShareOptions, QR_PRESETS } from './types';
+import * as i0 from "@angular/core";
+/**
+ * QrGeneratorService
+ *
+ * A comprehensive service for generating, customizing, and manipulating QR codes.
+ * Uses qr-code-styling library for high-quality, customizable QR code generation.
+ *
+ * @example Basic usage
+ * ```typescript
+ * const qr = await this.qrService.generate({ data: 'https://example.com' });
+ * console.log(qr.dataUrl); // base64 image
+ * ```
+ *
+ * @example With customization
+ * ```typescript
+ * const qr = await this.qrService.generate({
+ *   data: 'https://example.com',
+ *   width: 400,
+ *   dotsStyle: 'rounded',
+ *   dotsColor: '#3880ff',
+ *   logo: { src: 'logo.png', width: 60 }
+ * });
+ * ```
+ *
+ * @example Using presets
+ * ```typescript
+ * const qr = await this.qrService.generateFromPreset('modern', 'https://example.com');
+ * ```
+ */
+export declare class QrGeneratorService {
+    /**
+     * Generate a QR code with the given configuration.
+     *
+     * @param config - QR code configuration
+     * @returns Promise<QrResult> - Generated QR code result
+     *
+     * @example
+     * ```typescript
+     * const qr = await this.qrService.generate({
+     *   data: 'https://myapp.com/product/123',
+     *   width: 300,
+     *   dotsStyle: 'rounded',
+     *   dotsColor: '#000000',
+     *   backgroundColor: '#ffffff'
+     * });
+     * ```
+     */
+    generate(config: QrConfig): Promise<QrResult>;
+    /**
+     * Generate a QR code using a preset configuration.
+     *
+     * @param preset - Preset name ('default', 'rounded', 'dots', 'classy', 'modern')
+     * @param data - Data to encode
+     * @param overrides - Optional configuration overrides
+     * @returns Promise<QrResult>
+     */
+    generateFromPreset(preset: keyof typeof QR_PRESETS | string, data: string, overrides?: Partial<QrConfig>): Promise<QrResult>;
+    /**
+     * Download the QR code as a file.
+     *
+     * @param qr - QR result to download
+     * @param options - Download options
+     */
+    download(qr: QrResult, options?: QrDownloadOptions): Promise<void>;
+    /**
+     * Copy the QR code to clipboard as an image.
+     *
+     * @param qr - QR result to copy
+     * @returns Promise<boolean> - Whether copy was successful
+     */
+    copyToClipboard(qr: QrResult): Promise<boolean>;
+    /**
+     * Share the QR code using Web Share API.
+     *
+     * @param qr - QR result to share
+     * @param options - Share options
+     * @returns Promise<boolean> - Whether share was successful
+     */
+    share(qr: QrResult, options?: QrShareOptions): Promise<boolean>;
+    /**
+     * Get the QR code as a base64 string (without data URL prefix).
+     *
+     * @param qr - QR result
+     * @returns Base64 string
+     */
+    toBase64(qr: QrResult): string;
+    /**
+     * Get the QR code as a data URL.
+     *
+     * @param qr - QR result
+     * @returns Data URL string
+     */
+    toDataUrl(qr: QrResult): string;
+    /**
+     * Get the QR code as a Blob.
+     *
+     * @param qr - QR result
+     * @returns Blob
+     */
+    toBlob(qr: QrResult): Blob;
+    /**
+     * Check if Web Share API is available.
+     */
+    canShare(): boolean;
+    /**
+     * Check if Clipboard API is available for images.
+     */
+    canCopyToClipboard(): boolean;
+    private buildColorOptions;
+    private getMimeType;
+    private blobToDataUrl;
+    static ɵfac: i0.ɵɵFactoryDeclaration<QrGeneratorService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<QrGeneratorService>;
+}

package/lib/services/qr-generator/types.d.ts

@@ -0,0 +1,141 @@
+/**
+ * Style options for QR code dots (data modules).
+ */
+export type QrDotsStyle = 'square' | 'dots' | 'rounded' | 'extra-rounded' | 'classy' | 'classy-rounded';
+/**
+ * Style options for QR code corner squares.
+ */
+export type QrCornersSquareStyle = 'square' | 'dot' | 'extra-rounded';
+/**
+ * Style options for QR code corner dots.
+ */
+export type QrCornersDotStyle = 'square' | 'dot';
+/**
+ * Output format for the generated QR code.
+ */
+export type QrOutputFormat = 'svg' | 'png' | 'jpeg' | 'webp';
+/**
+ * Error correction level for QR codes.
+ * Higher levels allow more damage tolerance but reduce data capacity.
+ */
+export type QrErrorCorrectionLevel = 'L' | 'M' | 'Q' | 'H';
+/**
+ * Logo/image configuration for the QR code center.
+ */
+export interface QrLogoConfig {
+    /** Image source URL or base64 */
+    src: string;
+    /** Logo width (default: 25% of QR size) */
+    width?: number;
+    /** Logo height (default: same as width) */
+    height?: number;
+    /** Margin around the logo */
+    margin?: number;
+    /** Border radius for rounded corners */
+    borderRadius?: number;
+    /** Whether to hide dots behind the logo */
+    hideBackgroundDots?: boolean;
+}
+/**
+ * Gradient configuration for QR elements.
+ */
+export interface QrGradient {
+    /** Gradient type */
+    type: 'linear' | 'radial';
+    /** Rotation angle in degrees (for linear) */
+    rotation?: number;
+    /** Color stops */
+    colorStops: Array<{
+        offset: number;
+        color: string;
+    }>;
+}
+/**
+ * Color configuration - can be solid color or gradient.
+ */
+export type QrColorConfig = string | QrGradient;
+/**
+ * Complete configuration for QR code generation.
+ */
+export interface QrConfig {
+    /** The data to encode (URL, text, etc.) */
+    data: string;
+    /** QR code width in pixels (default: 300) */
+    width?: number;
+    /** QR code height in pixels (default: same as width) */
+    height?: number;
+    /** Quiet zone margin in modules (default: 0) */
+    margin?: number;
+    /** Color/gradient for data dots */
+    dotsColor?: QrColorConfig;
+    /** Background color (default: white) */
+    backgroundColor?: QrColorConfig;
+    /** Color for corner squares */
+    cornersSquareColor?: QrColorConfig;
+    /** Color for corner dots */
+    cornersDotColor?: QrColorConfig;
+    /** Style of data dots (default: 'square') */
+    dotsStyle?: QrDotsStyle;
+    /** Style of corner squares (default: 'square') */
+    cornersSquareStyle?: QrCornersSquareStyle;
+    /** Style of corner dots (default: 'square') */
+    cornersDotStyle?: QrCornersDotStyle;
+    /** Logo/image configuration */
+    logo?: QrLogoConfig;
+    /** Error correction level (default: 'M') */
+    errorCorrectionLevel?: QrErrorCorrectionLevel;
+    /** Output format (default: 'png') */
+    format?: QrOutputFormat;
+    /** Quality for jpeg/webp (0-1, default: 1) */
+    quality?: number;
+}
+/**
+ * Result from QR code generation.
+ */
+export interface QrResult {
+    /** Original configuration used */
+    config: QrConfig;
+    /** Generated data as base64 data URL */
+    dataUrl: string;
+    /** Generated data as Blob */
+    blob: Blob;
+    /** SVG string (only when format is 'svg') */
+    svg?: string;
+    /** MIME type of the generated image */
+    mimeType: string;
+    /** File extension */
+    extension: string;
+    /** Timestamp of generation */
+    generatedAt: Date;
+}
+/**
+ * Options for downloading the QR code.
+ */
+export interface QrDownloadOptions {
+    /** Custom filename (without extension) */
+    filename?: string;
+    /** Override format for download */
+    format?: QrOutputFormat;
+}
+/**
+ * Options for sharing the QR code.
+ */
+export interface QrShareOptions {
+    /** Share title */
+    title?: string;
+    /** Share text/description */
+    text?: string;
+    /** Custom filename for the shared file */
+    filename?: string;
+}
+/**
+ * Preset configurations for common use cases.
+ */
+export interface QrPreset {
+    name: string;
+    config: Partial<QrConfig>;
+}
+/**
+ * Default presets for quick styling.
+ */
+export declare const QR_PRESETS: Record<string, Partial<QrConfig>>;

package/package.json

@@ -1,15 +1,22 @@
 {
   "name": "valtech-components",
-  "version": "2.0.404",
+  "version": "2.0.407",
+  "private": false,
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/solucionesvaltech/myvaltech.git",
+    "directory": "frontend/valtech-components"
+  },
   "peerDependencies": {
     "@angular/common": "^18.0.0",
     "@angular/core": "^18.0.0",
+    "@capacitor/clipboard": "^6.0.1",
     "@ionic/angular": "^8.0.0",
     "ionicons": "^7.2.1",
-    "rxjs": "~7.8.0",
     "prismjs": "^1.30.0",
-    "swiper": "^11.2.8",
-    "@capacitor/clipboard": "^6.0.1"
+    "qr-code-styling": "^1.9.0",
+    "rxjs": "~7.8.0",
+    "swiper": "^11.2.8"
   },
   "dependencies": {
     "@capacitor/browser": "^6.0.3",

package/public-api.d.ts

@@ -20,6 +20,18 @@ export * from './lib/components/atoms/text/text.component';
 export * from './lib/components/atoms/text/types';
 export * from './lib/components/atoms/title/title.component';
 export * from './lib/components/atoms/title/types';
+export * from './lib/components/atoms/skeleton/skeleton.component';
+export * from './lib/components/atoms/skeleton/types';
+export * from './lib/components/atoms/progress-ring/progress-ring.component';
+export * from './lib/components/atoms/progress-ring/types';
+export * from './lib/components/atoms/fab/fab.component';
+export * from './lib/components/atoms/fab/types';
+export * from './lib/components/atoms/qr-code/qr-code.component';
+export * from './lib/components/atoms/qr-code/types';
+export * from './lib/components/atoms/countdown/countdown.component';
+export * from './lib/components/atoms/countdown/types';
+export * from './lib/components/atoms/price-tag/price-tag.component';
+export * from './lib/components/atoms/price-tag/types';
 export * from './lib/components/molecules/alert-box/alert-box.component';
 export * from './lib/components/molecules/alert-box/types';
 export * from './lib/components/molecules/button-group/button-group.component';
@@ -58,10 +70,16 @@ export * from './lib/components/molecules/progress-status/types';
 export * from './lib/components/molecules/prompter/prompter.component';
 export * from './lib/components/molecules/prompter/types';
 export * from './lib/components/molecules/radio-input/radio-input.component';
+export * from './lib/components/molecules/range-input/range-input.component';
+export * from './lib/components/molecules/range-input/types';
 export * from './lib/components/molecules/searchbar/searchbar.component';
 export * from './lib/components/molecules/select-input/select-input.component';
 export * from './lib/components/molecules/select-search/select-search.component';
+export * from './lib/components/molecules/segment-control/segment-control.component';
+export * from './lib/components/molecules/segment-control/types';
 export * from './lib/components/molecules/text-input/text-input.component';
+export * from './lib/components/molecules/toggle-input/toggle-input.component';
+export * from './lib/components/molecules/toggle-input/types';
 export * from './lib/components/molecules/title-block/title-block.component';
 export * from './lib/components/molecules/title-block/types';
 export * from './lib/components/molecules/code-display/code-display.component';
@@ -76,6 +94,50 @@ export * from './lib/components/molecules/info/info.component';
 export * from './lib/components/molecules/info/types';
 export * from './lib/components/molecules/plain-code-box/plain-code-box.component';
 export * from './lib/components/molecules/plain-code-box/types';
+export * from './lib/components/molecules/accordion/accordion.component';
+export * from './lib/components/molecules/accordion/types';
+export * from './lib/components/molecules/tabs/tabs.component';
+export * from './lib/components/molecules/tabs/types';
+export * from './lib/components/molecules/breadcrumb/breadcrumb.component';
+export * from './lib/components/molecules/breadcrumb/types';
+export * from './lib/components/molecules/pagination/pagination.component';
+export * from './lib/components/molecules/pagination/types';
+export * from './lib/components/molecules/stepper/stepper.component';
+export * from './lib/components/molecules/stepper/types';
+export * from './lib/components/molecules/chip-group/chip-group.component';
+export * from './lib/components/molecules/chip-group/types';
+export * from './lib/components/molecules/rating/rating.component';
+export * from './lib/components/molecules/rating/types';
+export * from './lib/components/molecules/timeline/timeline.component';
+export * from './lib/components/molecules/timeline/types';
+export * from './lib/components/molecules/stats-card/stats-card.component';
+export * from './lib/components/molecules/stats-card/types';
+export * from './lib/components/molecules/comment/comment.component';
+export * from './lib/components/molecules/comment/types';
+export * from './lib/components/molecules/multi-select-search/multi-select-search.component';
+export * from './lib/components/molecules/quote-box/quote-box.component';
+export * from './lib/components/molecules/textarea-input/textarea-input.component';
+export * from './lib/components/molecules/textarea-input/types';
+export * from './lib/components/molecules/phone-input/phone-input.component';
+export * from './lib/components/molecules/phone-input/types';
+export * from './lib/components/molecules/currency-input/currency-input.component';
+export * from './lib/components/molecules/currency-input/types';
+export * from './lib/components/molecules/date-range-input/date-range-input.component';
+export * from './lib/components/molecules/date-range-input/types';
+export * from './lib/components/molecules/number-stepper/number-stepper.component';
+export * from './lib/components/molecules/number-stepper/types';
+export * from './lib/components/molecules/ticket-grid/ticket-grid.component';
+export * from './lib/components/molecules/ticket-grid/types';
+export * from './lib/components/molecules/share-buttons/share-buttons.component';
+export * from './lib/components/molecules/share-buttons/types';
+export * from './lib/components/molecules/winner-display/winner-display.component';
+export * from './lib/components/molecules/winner-display/types';
+export * from './lib/components/molecules/raffle-status-card/raffle-status-card.component';
+export * from './lib/components/molecules/raffle-status-card/types';
+export * from './lib/components/molecules/participant-card/participant-card.component';
+export * from './lib/components/molecules/participant-card/types';
+export * from './lib/components/molecules/glow-card/glow-card.component';
+export * from './lib/components/molecules/glow-card/types';
 export * from './lib/components/organisms/article/article.component';
 export * from './lib/components/organisms/article/types';
 export * from './lib/components/organisms/banner/banner.component';
@@ -95,8 +157,10 @@ export * from './lib/components/organisms/toolbar/types';
 export * from './lib/components/organisms/wizard/types';
 export * from './lib/components/organisms/wizard/wizard-footer/wizard-footer.component';
 export * from './lib/components/organisms/wizard/wizard.component';
-export * from './lib/components/organisms/article/article.component';
-export * from './lib/components/organisms/article/types';
+export * from './lib/components/organisms/comment-section/comment-section.component';
+export * from './lib/components/organisms/comment-section/types';
+export * from './lib/components/organisms/data-table/data-table.component';
+export * from './lib/components/organisms/data-table/types';
 export * from './lib/components/templates/layout/layout.component';
 export * from './lib/components/templates/simple/simple.component';
 export * from './lib/components/templates/simple/types';
@@ -112,6 +176,12 @@ export * from './lib/services/navigation.service';
 export * from './lib/services/theme.service';
 export * from './lib/services/toast.service';
 export * from './lib/services/types';
+export * from './lib/services/confirmation-dialog/confirmation-dialog.service';
+export * from './lib/services/confirmation-dialog/types';
+export * from './lib/services/qr-generator/qr-generator.service';
+export * from './lib/services/qr-generator/types';
+export * from './lib/services/modal/modal.service';
+export * from './lib/services/modal/types';
 export * from './lib/components/types';
 export * from './lib/shared/pipes/process-links.pipe';
 export * from './lib/shared/utils/content';

package/LICENSE

@@ -1,21 +0,0 @@
-MIT License
-
-Copyright (c) 2025 Valtech
-
-Permission is hereby granted, free of charge, to any person obtaining a copy
-of this software and associated documentation files (the "Software"), to deal
-in the Software without restriction, including without limitation the rights
-to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-copies of the Software, and to permit persons to whom the Software is
-furnished to do so, subject to the following conditions:
-
-The above copyright notice and this permission notice shall be included in all
-copies or substantial portions of the Software.
-
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
-SOFTWARE.