kinetic-slider/dist/cjs/filters/hslAdjustmentFilter.cjs.map

A WebGL-powered kinetic slider component using PIXI.js

{"version":3,"file":"hslAdjustmentFilter.cjs","sources":["../../../src/filters/hslAdjustmentFilter.ts"],"sourcesContent":["import { HslAdjustmentFilter } from 'pixi-filters';\nimport { type HslAdjustmentFilterConfig, type FilterResult } from './types';\nimport { ShaderResourceManager } from '../managers/ShaderResourceManager';\n\n/**\n * Creates an HSL Adjustment filter for modifying hue, saturation, and lightness\n *\n * This filter allows for precise color adjustments in the HSL color space, including\n * colorization effects and individual control over hue, saturation, and lightness.\n * Uses shader pooling for better performance.\n *\n * @param config - Configuration for the HSL Adjustment filter\n * @returns FilterResult with the filter instance and control functions\n */\nexport function createHslAdjustmentFilter(config: HslAdjustmentFilterConfig): FilterResult {\n    // Get shader manager instance\n    const shaderManager = ShaderResourceManager.getInstance();\n\n    // Create options object for the filter\n    const options: any = {};\n\n    // Apply configuration values if provided, otherwise use defaults\n    if (config.alpha !== undefined) options.alpha = config.alpha;\n    if (config.colorize !== undefined) options.colorize = config.colorize;\n    if (config.hue !== undefined) options.hue = config.hue;\n    if (config.lightness !== undefined) options.lightness = config.lightness;\n    if (config.saturation !== undefined) options.saturation = config.saturation;\n\n    // Create a unique key for this filter configuration\n    const colorizeStr = options.colorize ? 'colorize' : 'nocolorize';\n    const shaderKey = `hsl-adjustment-filter-${colorizeStr}`;\n\n    // Create the filter with options\n    const filter = new HslAdjustmentFilter(options);\n\n    // Register filter with shader manager\n    try {\n        shaderManager.registerFilter(filter, shaderKey);\n    } catch (error) {\n        console.warn('Error registering HSL adjustment filter with shader manager:', error);\n    }\n\n    /**\n     * Update the filter's intensity based on the configuration\n     *\n     * @param intensity - New intensity value (0-10 scale)\n     */\n    const updateIntensity = (intensity: number): void => {\n        // Normalize intensity to a 0-10 scale\n        const normalizedIntensity = Math.max(0, Math.min(10, intensity));\n\n        // Determine which property to adjust based on config\n        if (config.primaryProperty) {\n            switch (config.primaryProperty) {\n                case 'hue':\n                    // Map 0-10 to -180 to 180 degrees for hue\n                    filter.hue = -180 + (normalizedIntensity * 36);\n                    break;\n                case 'saturation':\n                    // Map 0-10 to -1 to 1 for saturation\n                    filter.saturation = -1 + (normalizedIntensity / 5);\n                    break;\n                case 'lightness':\n                    // Map 0-10 to -1 to 1 for lightness\n                    filter.lightness = -1 + (normalizedIntensity / 5);\n                    break;\n                case 'alpha':\n                    // Map 0-10 to 0-1 for alpha\n                    filter.alpha = normalizedIntensity / 10;\n                    break;\n                default:\n                    // Default to adjusting saturation\n                    filter.saturation = -1 + (normalizedIntensity / 5);\n            }\n        } else {\n            // Default behavior - adjust saturation as it's the most visually apparent\n            filter.saturation = -1 + (normalizedIntensity / 5);\n        }\n    };\n\n    // Set initial intensity\n    updateIntensity(config.intensity);\n\n    /**\n     * Reset the filter to default state\n     */\n    const reset = (): void => {\n        // Reset to configured values or defaults if not specified\n        filter.alpha = config.alpha !== undefined ? config.alpha : 1;\n        filter.colorize = config.colorize !== undefined ? config.colorize : false;\n        filter.hue = config.hue !== undefined ? config.hue : 0;\n        filter.lightness = config.lightness !== undefined ? config.lightness : 0;\n        filter.saturation = config.saturation !== undefined ? config.saturation : 0;\n\n        // If intensity was provided in config, apply it\n        if (config.intensity !== undefined) {\n            updateIntensity(config.intensity);\n        }\n    };\n\n    /**\n     * Release any WebGL resources used by this filter\n     */\n    const dispose = (): void => {\n        try {\n            shaderManager.releaseFilter(filter, shaderKey);\n        } catch (error) {\n            console.warn('Error releasing HSL adjustment filter shader:', error);\n        }\n        filter.destroy();\n    };\n\n    return { filter, updateIntensity, reset, dispose };\n}"],"names":["ShaderResourceManager","HslAdjustmentFilter"],"mappings":"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"}