{"version":3,"file":"eui-components-eui-icon-color.mjs","sources":["../../eui-icon-color/eui-icon-color.component.ts","../../eui-icon-color/index.ts","../../eui-icon-color/eui-components-eui-icon-color.ts"],"sourcesContent":["import { Component, HostBinding, Input } from '@angular/core';\n\n/**\n * Renders multi-colored icons using layered path elements with individual color styling.\n * Supports icons with up to 20 distinct color paths, commonly used for brand logos and complex iconography.\n *\n * @usageNotes\n * ### Basic colored icon\n * ```html\n * <eui-icon-colored iconClass=\"icon-brand-logo\"></eui-icon-colored>\n * ```\n *\n * ### Accessibility\n * - Ensure sufficient color contrast for all icon paths\n * - Provide alternative text or labels when icon conveys meaning\n * - Consider monochrome fallback for accessibility modes\n *\n * ### Notes\n * - Icon classes must be defined in your icon font or CSS\n * - Each path element receives a `.path{n}` class for individual styling\n * - Best suited for brand logos and multi-color illustrations\n * - For simple icons, use eui-icon-svg instead\n */\n@Component({\n    selector: 'eui-icon-colored, span[euiIconColored], [euiIconColored]',\n    template: `\n        <span [class]=\"iconClass\">\n            @for (pathNumber of paths; track pathNumber) {\n                <span class=\"path{{ pathNumber }}\"></span>\n            }\n        </span>\n    `,\n})\nexport class EuiIconColorComponent {\n    public paths = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20];\n\n    @HostBinding('class')\n    public get cssClasses(): string {\n        return this.getCssClasses();\n    }\n\n    /**\n     * CSS class name corresponding to the colored icon to display. Must match an icon class from the eUI colored icon set.\n     */\n    @Input() iconClass;\n\n    getCssClasses(): string {\n        return ['eui-icon eui-icon-color', this.iconClass ? this.iconClass : ''].join(' ').trim();\n    }\n}\n","import { EuiIconColorComponent } from './eui-icon-color.component';\n\nexport * from './eui-icon-color.component';\n\nexport const EUI_ICON_COLOR = [\n    EuiIconColorComponent,\n] as const;\n\n// export { EuiIconColorComponent as EuiIconColor } from './eui-icon-color.component';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;AAEA;;;;;;;;;;;;;;;;;;;;AAoBG;MAWU,qBAAqB,CAAA;AAVlC,IAAA,WAAA,GAAA;AAWW,QAAA,IAAA,CAAA,KAAK,GAAG,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC;AAezF,IAAA;AAbG,IAAA,IACW,UAAU,GAAA;AACjB,QAAA,OAAO,IAAI,CAAC,aAAa,EAAE;IAC/B;IAOA,aAAa,GAAA;QACT,OAAO,CAAC,yBAAyB,EAAE,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,SAAS,GAAG,EAAE,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE;IAC7F;8GAfS,qBAAqB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAArB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,qBAAqB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,0DAAA,EAAA,MAAA,EAAA,EAAA,SAAA,EAAA,WAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,OAAA,EAAA,iBAAA,EAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EARpB;;;;;;AAMT,IAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA,CAAA;;2FAEQ,qBAAqB,EAAA,UAAA,EAAA,CAAA;kBAVjC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACP,oBAAA,QAAQ,EAAE,0DAA0D;AACpE,oBAAA,QAAQ,EAAE;;;;;;AAMT,IAAA,CAAA;AACJ,iBAAA;;sBAII,WAAW;uBAAC,OAAO;;sBAQnB;;;ACxCE,MAAM,cAAc,GAAG;IAC1B,qBAAqB;;AAGzB;;ACRA;;AAEG;;;;"}