grab-api.js
Version:
Generate Request to API from Browser
236 lines (217 loc) • 45.8 kB
TypeScript
/**
* Returns a customized SVG string for icon loading-bouncy-ball
* 
* @param {Object} options - Configuration options
* @param {string[]} [options.colors] - Array of hex colors to replace existing colors
* @param {number} [options.width] - Width of the SVG (default: 200)
* @param {number} [options.height] - Height of the SVG (default: 200)
* @param {number} [options.size] - Size for both width and height
* @example loadingBouncyBall({ colors: ['#0099e5', '#ff4c4c'], size: 100 });
* @returns {string} SVG string with applied customizations
*/
export declare const loadingBouncyBall: (options?: LoadingOptions) => string;
/**
* Returns a customized SVG string for icon loading-double-ring
* 
* @param {Object} options - Configuration options
* @param {string[]} [options.colors] - Array of hex colors to replace existing colors
* @param {number} [options.width] - Width of the SVG (default: 200)
* @param {number} [options.height] - Height of the SVG (default: 200)
* @param {number} [options.size] - Size for both width and height
* @example loadingDoubleRing({ colors: ['#0099e5', '#ff4c4c'], size: 100 });
* @returns {string} SVG string with applied customizations
*/
export declare const loadingDoubleRing: (options?: LoadingOptions) => string;
/**
* Returns a customized SVG string for icon loading-eclipse
* 
* @param {Object} options - Configuration options
* @param {string[]} [options.colors] - Array of hex colors to replace existing colors
* @param {number} [options.width] - Width of the SVG (default: 200)
* @param {number} [options.height] - Height of the SVG (default: 200)
* @param {number} [options.size] - Size for both width and height
* @example loadingEclipse({ colors: ['#0099e5', '#ff4c4c'], size: 100 });
* @returns {string} SVG string with applied customizations
*/
export declare const loadingEclipse: (options?: LoadingOptions) => string;
/**
* Returns a customized SVG string for icon loading-ellipsis
* 
* @param {Object} options - Configuration options
* @param {string[]} [options.colors] - Array of hex colors to replace existing colors
* @param {number} [options.width] - Width of the SVG (default: 200)
* @param {number} [options.height] - Height of the SVG (default: 200)
* @param {number} [options.size] - Size for both width and height
* @example loadingEllipsis({ colors: ['#0099e5', '#ff4c4c'], size: 100 });
* @returns {string} SVG string with applied customizations
*/
export declare const loadingEllipsis: (options?: LoadingOptions) => string;
/**
* Returns a customized SVG string for icon loading-floating-search
* 
* @param {Object} options - Configuration options
* @param {string[]} [options.colors] - Array of hex colors to replace existing colors
* @param {number} [options.width] - Width of the SVG (default: 339)
* @param {number} [options.height] - Height of the SVG (default: 339)
* @param {number} [options.size] - Size for both width and height
* @example loadingFloatingSearch({ colors: ['#0099e5', '#ff4c4c'], size: 100 });
* @returns {string} SVG string with applied customizations
*/
export declare const loadingFloatingSearch: (options?: LoadingOptions) => string;
/**
* Returns a customized SVG string for icon loading-gears
* 
* @param {Object} options - Configuration options
* @param {string[]} [options.colors] - Array of hex colors to replace existing colors
* @param {number} [options.width] - Width of the SVG (default: 200)
* @param {number} [options.height] - Height of the SVG (default: 200)
* @param {number} [options.size] - Size for both width and height
* @example loadingGears({ colors: ['#0099e5', '#ff4c4c'], size: 100 });
* @returns {string} SVG string with applied customizations
*/
export declare const loadingGears: (options?: LoadingOptions) => string;
/**
* Returns a customized SVG string for icon loading-infinity
* 
* @param {Object} options - Configuration options
* @param {string[]} [options.colors] - Array of hex colors to replace existing colors
* @param {number} [options.width] - Width of the SVG (default: 200)
* @param {number} [options.height] - Height of the SVG (default: 200)
* @param {number} [options.size] - Size for both width and height
* @example loadingInfinity({ colors: ['#0099e5', '#ff4c4c'], size: 100 });
* @returns {string} SVG string with applied customizations
*/
export declare const loadingInfinity: (options?: LoadingOptions) => string;
declare interface LoadingOptions {
/** Array of hex colors to replace existing colors, in order of appearance in SVG*/
colors?: string[];
/** Width of the SVG */
width?: number;
/** Height of the SVG */
height?: number;
/** Size for both width and height (overrides width/height) */
size?: number;
/** Whether to return the raw SVG string or an img tag */
raw?: boolean;
}
/**
* Returns a customized SVG string for icon loading-orbital
* 
* @param {Object} options - Configuration options
* @param {string[]} [options.colors] - Array of hex colors to replace existing colors
* @param {number} [options.width] - Width of the SVG (default: 200)
* @param {number} [options.height] - Height of the SVG (default: 200)
* @param {number} [options.size] - Size for both width and height
* @example loadingOrbital({ colors: ['#0099e5', '#ff4c4c'], size: 100 });
* @returns {string} SVG string with applied customizations
*/
export declare const loadingOrbital: (options?: LoadingOptions) => string;
/**
* Returns a customized SVG string for icon loading-pacman
* 
* @param {Object} options - Configuration options
* @param {string[]} [options.colors] - Array of hex colors to replace existing colors
* @param {number} [options.width] - Width of the SVG (default: 200)
* @param {number} [options.height] - Height of the SVG (default: 200)
* @param {number} [options.size] - Size for both width and height
* @example loadingPacman({ colors: ['#0099e5', '#ff4c4c'], size: 100 });
* @returns {string} SVG string with applied customizations
*/
export declare const loadingPacman: (options?: LoadingOptions) => string;
/**
* Returns a customized SVG string for icon loading-pulse-bars
* 
* @param {Object} options - Configuration options
* @param {string[]} [options.colors] - Array of hex colors to replace existing colors
* @param {number} [options.width] - Width of the SVG (default: 200)
* @param {number} [options.height] - Height of the SVG (default: 200)
* @param {number} [options.size] - Size for both width and height
* @example loadingPulseBars({ colors: ['#0099e5', '#ff4c4c'], size: 100 });
* @returns {string} SVG string with applied customizations
*/
export declare const loadingPulseBars: (options?: LoadingOptions) => string;
/**
* Returns a customized SVG string for icon loading-red-blue-ball
* 
* @param {Object} options - Configuration options
* @param {string[]} [options.colors] - Array of hex colors to replace existing colors
* @param {number} [options.width] - Width of the SVG (default: 200)
* @param {number} [options.height] - Height of the SVG (default: 200)
* @param {number} [options.size] - Size for both width and height
* @example loadingRedBlueBall({ colors: ['#0099e5', '#ff4c4c'], size: 100 });
* @returns {string} SVG string with applied customizations
*/
export declare const loadingRedBlueBall: (options?: LoadingOptions) => string;
/**
* Returns a customized SVG string for icon loading-reload-arrow
* 
* @param {Object} options - Configuration options
* @param {string[]} [options.colors] - Array of hex colors to replace existing colors
* @param {number} [options.width] - Width of the SVG (default: 200)
* @param {number} [options.height] - Height of the SVG (default: 200)
* @param {number} [options.size] - Size for both width and height
* @example loadingReloadArrow({ colors: ['#0099e5', '#ff4c4c'], size: 100 });
* @returns {string} SVG string with applied customizations
*/
export declare const loadingReloadArrow: (options?: LoadingOptions) => string;
/**
* Returns a customized SVG string for icon loading-ring
* 
* @param {Object} options - Configuration options
* @param {string[]} [options.colors] - Array of hex colors to replace existing colors
* @param {number} [options.width] - Width of the SVG (default: 200)
* @param {number} [options.height] - Height of the SVG (default: 200)
* @param {number} [options.size] - Size for both width and height
* @example loadingRing({ colors: ['#0099e5', '#ff4c4c'], size: 100 });
* @returns {string} SVG string with applied customizations
*/
export declare const loadingRing: (options?: LoadingOptions) => string;
/**
* Returns a customized SVG string for icon loading-ripple
* 
* @param {Object} options - Configuration options
* @param {string[]} [options.colors] - Array of hex colors to replace existing colors
* @param {number} [options.width] - Width of the SVG (default: 200)
* @param {number} [options.height] - Height of the SVG (default: 200)
* @param {number} [options.size] - Size for both width and height
* @example loadingRipple({ colors: ['#0099e5', '#ff4c4c'], size: 100 });
* @returns {string} SVG string with applied customizations
*/
export declare const loadingRipple: (options?: LoadingOptions) => string;
/**
* Returns a customized SVG string for icon loading-spinner
* 
* @param {Object} options - Configuration options
* @param {string[]} [options.colors] - Array of hex colors to replace existing colors
* @param {number} [options.width] - Width of the SVG (default: 200)
* @param {number} [options.height] - Height of the SVG (default: 200)
* @param {number} [options.size] - Size for both width and height
* @example loadingSpinner({ colors: ['#0099e5', '#ff4c4c'], size: 100 });
* @returns {string} SVG string with applied customizations
*/
export declare const loadingSpinner: (options?: LoadingOptions) => string;
/**
* Returns a customized SVG string for icon loading-spinner-oval
* 
* @param {Object} options - Configuration options
* @param {string[]} [options.colors] - Array of hex colors to replace existing colors
* @param {number} [options.width] - Width of the SVG (default: 200)
* @param {number} [options.height] - Height of the SVG (default: 200)
* @param {number} [options.size] - Size for both width and height
* @example loadingSpinnerOval({ colors: ['#0099e5', '#ff4c4c'], size: 100 });
* @returns {string} SVG string with applied customizations
*/
export declare const loadingSpinnerOval: (options?: LoadingOptions) => string;
/**
* Returns a customized SVG string for icon loading-square-blocks
* 
* @param {Object} options - Configuration options
* @param {string[]} [options.colors] - Array of hex colors to replace existing colors
* @param {number} [options.width] - Width of the SVG (default: 200)
* @param {number} [options.height] - Height of the SVG (default: 200)
* @param {number} [options.size] - Size for both width and height
* @example loadingSquareBlocks({ colors: ['#0099e5', '#ff4c4c'], size: 100 });
* @returns {string} SVG string with applied customizations
*/
export declare const loadingSquareBlocks: (options?: LoadingOptions) => string;
export { }