import { h } from "@stencil/core";
export class BceLogo {
    get colors() {
        const map = this.colorMap || COLOR_MAP;
        return this.design ? map[this.design] : map['technology'];
    }
    get paths() {
        return this.design ? PATH_MAP[this.design] : PATH_MAP['technology'];
    }
    render() {
        const { colors, paths } = this;
        return (h("svg", { focusable: "false", viewBox: "0 0 512 512", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": true }, paths.map((d, i) => {
            const x = i < this.paths.length / 2 ? 0 : 1;
            const y = i % (this.paths.length / 2);
            return h("path", { fill: colors[x][y], d: d });
        })));
    }
    static get is() { return "bce-logo"; }
    static get encapsulation() { return "shadow"; }
    static get originalStyleUrls() { return {
        "$": ["bce-logo.scss"]
    }; }
    static get styleUrls() { return {
        "$": ["bce-logo.css"]
    }; }
    static get properties() { return {
        "colorMap": {
            "type": "unknown",
            "mutable": false,
            "complexType": {
                "original": "{ [Design in LogoDesign]: string[][] }",
                "resolved": "{ consulting: string[][]; technology: string[][]; }",
                "references": {
                    "LogoDesign": {
                        "location": "import",
                        "path": "../../models/logo-design"
                    }
                }
            },
            "required": false,
            "optional": true,
            "docs": {
                "tags": [],
                "text": ""
            }
        },
        "design": {
            "type": "string",
            "mutable": false,
            "complexType": {
                "original": "LogoDesign",
                "resolved": "\"consulting\" | \"technology\"",
                "references": {
                    "LogoDesign": {
                        "location": "import",
                        "path": "../../models/logo-design"
                    }
                }
            },
            "required": false,
            "optional": true,
            "docs": {
                "tags": [],
                "text": ""
            },
            "attribute": "design",
            "reflect": false
        }
    }; }
}
const PATH_MAP = {
    consulting: [],
    technology: [
        'M 80,136 l 160,0 l-80,-120 z',
        'M 80,136 l 160,0 l-80, 120 z',
        'M  0,256 l 160,0 l-80,-120 z',
        'M  0,256 l 160,0 l-80, 120 z',
        'M 80,376 l 160,0 l-80,-120 z',
        'M 80,376 l 160,0 l-80, 120 z',
        'M432,136 l-160,0 l 80,-120 z',
        'M432,136 l-160,0 l 80, 120 z',
        'M512,256 l-160,0 l 80,-120 z',
        'M512,256 l-160,0 l 80, 120 z',
        'M432,376 l-160,0 l 80,-120 z',
        'M432,376 l-160,0 l 80, 120 z'
    ]
};
const COLOR_MAP = {
    consulting: [[], []],
    technology: [
        ['#000000', '#464c53', '#5d2041', '#af82b0', '#005d90', '#9ed9f8'],
        ['#000000', '#464c53', '#ac2e19', '#e76739', '#005d90', '#9ed9f8']
    ]
};
