import { apRedditOfficial, apYoutubeOfficial, apXPlusOfficial, apXOfficial, apWebNews, apWebBlogs, apTiktokOfficial, apNsThreadsLogo, apPinterestOfficial, apLinkedinOfficial, apGoogleMyBusinessOfficial, apFacebookOfficial, apBlueskyOfficial } from '@agorapulse/ui-symbol/icons';
export * from '@agorapulse/ui-symbol/icons';
import * as i0 from '@angular/core';
import { Pipe, isDevMode, Injectable, InjectionToken, makeEnvironmentProviders, ENVIRONMENT_INITIALIZER, inject, input, DOCUMENT, ElementRef, Renderer2, Directive, model, computed, ChangeDetectionStrategy, Component } from '@angular/core';
import { NgStyle, NgClass } from '@angular/common';

const symbolIds = [
    'information-circle', // TODO: delete after WYSIWYG v1 sunset
    'app-window-next', // TODO: delete after WYSIWYG v1 sunset
    'ad',
    'agorapulse',
    'alarm-clock',
    'alt-text',
    'antenna',
    'arrow-down',
    'arrow-expand',
    'arrow-left',
    'arrow-move-up',
    'arrow-reduce',
    'arrow-right',
    'arrow-up',
    'at',
    'ban',
    'bar-graph',
    'bell',
    'bolden',
    'bookmark',
    'bookmark_fill',
    'bug',
    'buildings',
    'calendar',
    'calendar--plus',
    'chart-screen',
    'check',
    'chevron-down',
    'chevron-left',
    'chevron-right',
    'chevron-up',
    'click',
    'clock',
    'close',
    'closed-captions',
    'cog',
    'completion',
    'copy',
    'credit-card',
    'cropper',
    'data-decrease',
    'data-increase',
    'data-report',
    'data-report--plus',
    'data-stagnate',
    'dollar-sign',
    'double-chat-bubbles',
    'download',
    'emoji',
    'emoji-picker_activities',
    'emoji-picker_clock',
    'emoji-picker_flag',
    'emoji-picker_food',
    'emoji-picker_nature',
    'emoji-picker_objects',
    'emoji-picker_smiley',
    'emoji-picker_symbols',
    'emoji-picker_travel',
    'engagement',
    'envelope',
    'error',
    'error_fill',
    'external-link',
    'eye-off',
    'eye-on',
    'feature-advocacy',
    'feature-analytics',
    'feature-inbox',
    'feature-library',
    'feature-listening',
    'feature-lock',
    'feature-publishing',
    'file',
    'file--image',
    'file--pdf',
    'file--text',
    'file--video',
    'filter',
    'filter_fill',
    'flag',
    'folder',
    'folder--arrow-left',
    'folder--plus',
    'gif',
    'gift',
    'grab',
    'hashtag',
    'headset',
    'heart',
    'heart_fill',
    'history',
    'hourglass',
    'illuminati',
    'image',
    'info',
    'info_fill',
    'italic',
    'keyboard',
    'laptop',
    'lenghten',
    'line-graph',
    'link',
    'lock-off',
    'lock-on',
    'log-out',
    'mask',
    'maximize',
    'megaphone',
    'meta-reel',
    'meta-story',
    'minimize',
    'minus',
    'missing-image',
    'more',
    'move',
    'multiple-images',
    'multiple-posts',
    'multiple-users',
    'note',
    'note--plus',
    'numbered-list',
    'paper-clip',
    'paper-plane',
    'pause',
    'pen',
    'pin',
    'play',
    'play_fill',
    'plus',
    'poll',
    'post',
    'product-tag',
    'question',
    'question_fill',
    'quote',
    'refresh',
    'reply',
    'repost',
    'reset',
    'rotate-left',
    'rotate-right',
    'rounded-check',
    'rounded-check_fill',
    'search',
    'sentiment-negative',
    'sentiment-neutral',
    'sentiment-none',
    'sentiment-positive',
    'share',
    'shorten',
    'shuffle',
    'single-chat-bubble',
    'small-caps',
    'smartphone',
    'sort-ascending',
    'sort-descending',
    'sort-none',
    'sparkles',
    'sparkles-mermaid',
    'stack',
    'star',
    'star_fill',
    'symmetry-horizontal',
    'symmetry-vertical',
    'tag',
    'tag--plus',
    'tag_fill',
    'target',
    'thumb-down',
    'thumb-down_fill',
    'thumb-up',
    'thumb-up_fill',
    'toolbox',
    'translate',
    'trash',
    'unban',
    'underlined',
    'upload',
    'user',
    'user--arrow-right',
    'user--plus',
    'user-graduate',
    'user-love',
    'variable',
    'video',
    'view-cards',
    'view-grid',
    'view-list',
    'view-small-grid',
    'view-table',
    'wallet',
    'warning',
    'warning_fill',
    'word',
    // Social network icons
    'bluesky',
    'facebook',
    'google-my-business-icon',
    'instagram',
    'instagram-outline',
    'linkedin',
    'pinterest-icon',
    'youtube',
];
const networkSpecificSymbolIds = [
    'ns-bluesky_comment',
    'ns-bluesky_like',
    'ns-bluesky_link',
    'ns-bluesky_more',
    'ns-bluesky_republish',
    'ns-facebook-reel_comment',
    'ns-facebook-reel_like',
    'ns-facebook-reel_share',
    'ns-facebook-reel_sound',
    'ns-facebook_comment',
    'ns-facebook_like',
    'ns-facebook_share',
    'ns-instagram_bookmark',
    'ns-instagram_carousel',
    'ns-instagram_comment',
    'ns-instagram_like',
    'ns-instagram_play',
    'ns-instagram_reels',
    'ns-instagram_share',
    'ns-instagram_storylink',
    'ns-instagram_tags',
    'ns-linkedin_comment',
    'ns-linkedin_like',
    'ns-linkedin_share',
    'ns-pinterest_like',
    'ns-pinterest_link',
    'ns-pinterest_lock',
    'ns-pinterest_more',
    'ns-pinterest_share',
    'ns-threads_comment',
    'ns-threads_like',
    'ns-threads_logo',
    'ns-threads_logoinverted',
    'ns-threads_republish',
    'ns-threads_share',
    'ns-x_usertagging',
    'ns-tiktok_comment',
    'ns-tiktok_like',
    'ns-tiktok_melody',
    'ns-tiktok_share',
    'ns-x_comment',
    'ns-x_like',
    'ns-x_repost',
    'ns-x_share',
    'ns-youtube-shorts_dislike',
    'ns-youtube-shorts_like',
    'ns-youtube-shorts_message',
    'ns-youtube-shorts_more',
    'ns-youtube-shorts_share',
];
const officialSymbolIds = [
    'agorapulse-official',
    'bluesky-official',
    'canva-official',
    'chargebee-official',
    'facebook-official',
    'google-analytics-official',
    'google-drive-official',
    'google-my-business-official',
    'google-official',
    'hubspot-official',
    'linkedin-official',
    'microsoft-official',
    'paypal-official',
    'pinterest-official',
    'planhat-official',
    'reddit-official',
    'salesforce-official',
    'threads-official',
    'threads-white-official',
    'tiktok-official',
    'tiktok-white-official',
    'twitter-official',
    'twitter-plus-official',
    'web-blogs',
    'web-news',
    'x-official',
    'x-plus-official',
    'x-white-official',
    'youtube-official',
];
const customSvgsSymbolIds = [
    'instagram-official',
    'instagram-story-custom',
    'messenger-official',
    'meta-official',
    'whatsapp-official',
];
const flagSymbolIds = ['agorapulse-de-flag', 'agorapulse-en-flag', 'agorapulse-es-flag', 'agorapulse-fr-flag', 'agorapulse-pt-flag'];

const symbols = [...symbolIds, ...networkSpecificSymbolIds, ...officialSymbolIds, ...customSvgsSymbolIds, ...flagSymbolIds];
function isAgorapulseSymbol(str) {
    return !!symbols.find(symbolId => str === symbolId);
}
const embeddedSymbols = {
    'instagram-official': 'instagram-official.svg',
    'instagram-story-custom': 'instagram-story-custom.svg',
    'whatsapp-official': 'whatsapp-official.svg',
    'messenger-official': 'messenger-official.svg',
    'meta-official': 'meta-official.svg',
    'sparkles-mermaid': 'sparkles-mermaid.svg',
};
function isEmbeddedSymbol(symbolId) {
    return !!symbolId && symbolId in embeddedSymbols;
}
const networkDescription = {
    bluesky: {
        round: true,
        symbol: apBlueskyOfficial,
    },
    facebook: {
        round: true,
        symbol: apFacebookOfficial,
    },
    google: {
        round: false,
        symbol: apGoogleMyBusinessOfficial,
    },
    instagram: {
        round: false,
        symbol: 'instagram-official', // embedded
    },
    linkedin: {
        round: false,
        symbol: apLinkedinOfficial,
    },
    meta: {
        round: false,
        symbol: 'meta-official', // embedded
    },
    pinterest: {
        round: true,
        symbol: apPinterestOfficial,
    },
    threads: {
        round: true,
        symbol: apNsThreadsLogo,
    },
    tiktok: {
        round: true,
        symbol: apTiktokOfficial,
    },
    twitter: {
        round: true,
        symbol: apXOfficial,
    },
    webBlog: {
        round: true,
        symbol: apWebBlogs,
    },
    webNews: {
        round: true,
        symbol: apWebNews,
    },
    X: {
        round: true,
        symbol: apXOfficial,
    },
    xPlus: {
        round: true,
        symbol: apXPlusOfficial,
    },
    youtube: {
        round: true,
        symbol: apYoutubeOfficial,
    },
    reddit: {
        round: true,
        symbol: apRedditOfficial,
    },
};
const SYMBOL_SIZES = ['none', 'xxs', 'nano', 'xs', 'sm', 'mini-sm', 'md', 'lg', 'xl', 'xxl', 'large'];
const SYMBOL_COLORS = [
    'black',
    'white',
    'azure',
    'blood-orange',
    'purple',
    'grey',
    'grey-blue',
    'red',
    'green',
    'facebook',
    'google',
    'instagram',
    'linkedin',
    'twitter',
    'x',
    'youtube',
    'web',
    'basic-grey',
];

function toSymbol(symbol) {
    return typeof symbol == 'string' ? symbol : symbol.name;
}
function toNetworkSymbol(name) {
    return name && name in networkDescription ? toSymbol(networkDescription[name].symbol) : '';
}
class NetworkSymbolPipe {
    transform(name) {
        return toNetworkSymbol(name);
    }
    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: NetworkSymbolPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "20.1.3", ngImport: i0, type: NetworkSymbolPipe, isStandalone: true, name: "networkSymbol" });
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: NetworkSymbolPipe, decorators: [{
            type: Pipe,
            args: [{
                    name: 'networkSymbol',
                    standalone: true,
                }]
        }] });

class SymbolRegistry {
    registry = new Map();
    registerSymbols(symbols) {
        symbols.forEach((symbol) => {
            const id = this.getId(symbol.name);
            if (!this.registry.has(id)) {
                this.registry.set(id, symbol.data);
            }
        });
    }
    withSymbols(...symbols) {
        this.registerSymbols(symbols);
        return this;
    }
    getSymbol(name) {
        const id = this.getId(name);
        if (id in embeddedSymbols) {
            if (isDevMode()) {
                console.error(`Symbol with the name '${id}' is embedded and cannot be retrieved through registry`);
            }
            return;
        }
        else if (!this.registry.has(id)) {
            if (isDevMode()) {
                console.error(`Couldn't find symbol '${id}'. Make sure you registered it with view provider withSymbols()`);
            }
            return;
        }
        return this.registry.get(id);
    }
    /*
    our DS ICON follow the Convention (define by desingers) : icon-name--modifier_style.svg

    But the package we used to convert the SVG to TS declaration ("svg-to-ts")
    convert the name to "icon-name-modifier-style.svg" so we need this function so that
    we don't change designer convention
    */
    getId(name) {
        return name.replace('--', '-').replace('_', '-');
    }
    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: SymbolRegistry, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: SymbolRegistry, providedIn: 'root' });
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: SymbolRegistry, decorators: [{
            type: Injectable,
            args: [{
                    providedIn: 'root',
                }]
        }] });

const AGORAPULSE_SYMBOLS = new InjectionToken('AGORAPULSE_SYMBOLS');
function provideAgorapulseSymbols(symbols) {
    return makeEnvironmentProviders([
        {
            provide: ENVIRONMENT_INITIALIZER,
            multi: true,
            useValue() {
                inject(SymbolRegistry).registerSymbols(symbols);
            },
        },
    ]);
}
function withSymbols(...symbols) {
    return [
        {
            provide: AGORAPULSE_SYMBOLS,
            multi: true,
            useValue: symbols,
        },
    ];
}

class SymbolDirective {
    svgElement = input(undefined, ...(ngDevMode ? [{ debugName: "svgElement", alias: 'apSymbol',
            transform: (svgData) => {
                const oldNode = this.svgElement();
                if (oldNode != undefined) {
                    this.renderer.removeChild(this.elRef.nativeElement, oldNode);
                }
                const newNode = this.svgElementFromString(svgData);
                this.renderer.appendChild(this.elRef.nativeElement, newNode);
                return newNode;
            } }] : [{
            alias: 'apSymbol',
            transform: (svgData) => {
                const oldNode = this.svgElement();
                if (oldNode != undefined) {
                    this.renderer.removeChild(this.elRef.nativeElement, oldNode);
                }
                const newNode = this.svgElementFromString(svgData);
                this.renderer.appendChild(this.elRef.nativeElement, newNode);
                return newNode;
            },
        }]));
    document = inject(DOCUMENT);
    elRef = inject(ElementRef);
    renderer = inject(Renderer2);
    svgElementFromString(svgContent) {
        const div = this.document.createElement('div');
        div.innerHTML = svgContent;
        return div.querySelector('svg') || this.document.createElementNS('http://www.w3.org/2000/svg', 'path');
    }
    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: SymbolDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.1.3", type: SymbolDirective, isStandalone: true, selector: "[apSymbol]", inputs: { svgElement: { classPropertyName: "svgElement", publicName: "apSymbol", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "aria-hidden": "true" } }, ngImport: i0 });
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: SymbolDirective, decorators: [{
            type: Directive,
            args: [{
                    standalone: true,
                    selector: '[apSymbol]',
                    host: {
                        'aria-hidden': 'true',
                    },
                }]
        }] });

const regexColorHex = /#[a-zA-Z0-9]{3,6}/;
class SymbolComponent {
    symbolId = input.required(...(ngDevMode ? [{ debugName: "symbolId" }] : []));
    color = input('', ...(ngDevMode ? [{ debugName: "color" }] : []));
    size = model('none', ...(ngDevMode ? [{ debugName: "size" }] : []));
    globalClazz = computed(() => {
        if (!this.symbolId())
            return undefined;
        const size = this.size();
        return typeof size == 'string' ? { [size]: true, old: this.embeddedSymbolUrl() } : undefined;
    }, ...(ngDevMode ? [{ debugName: "globalClazz" }] : []));
    globalStyle = computed(() => {
        if (!this.symbolId())
            return undefined;
        const size = this.size();
        const parsed = typeof size == 'string' ? Number.parseInt(size) : size;
        return isNaN(parsed)
            ? undefined
            : {
                width: `${parsed}px`,
                height: `${parsed}px`,
                'min-width': `${parsed}px`,
                'max-width': `${parsed}px`,
                'max-height': `${parsed}px`,
            };
    }, ...(ngDevMode ? [{ debugName: "globalStyle" }] : []));
    symbolClazz = computed(() => {
        if (!this.symbolId())
            return undefined;
        const color = this.color();
        return !regexColorHex.test(color) ? 'color-' + color : undefined;
    }, ...(ngDevMode ? [{ debugName: "symbolClazz" }] : []));
    symbolStyle = computed(() => {
        if (!this.symbolId())
            return undefined;
        const color = this.color();
        return regexColorHex.test(color)
            ? {
                fill: `${color}`,
            }
            : undefined;
    }, ...(ngDevMode ? [{ debugName: "symbolStyle" }] : []));
    embeddedSymbolUrl = computed(() => {
        const sym = this.symbolId();
        return isEmbeddedSymbol(sym) ? `../../assets/lib-ui-symbol/${embeddedSymbols[sym]}` : undefined;
    }, ...(ngDevMode ? [{ debugName: "embeddedSymbolUrl" }] : []));
    svgData = computed(() => {
        const sym = this.symbolId();
        return !sym ? undefined : this.symbolRegistry.getSymbol(sym);
    }, ...(ngDevMode ? [{ debugName: "svgData" }] : []));
    // cannot inline injection and symbol registration because of platform's unit tests (mock of SymbolRegistry)
    symbolRegistry = inject(SymbolRegistry);
    constructor() {
        this.symbolRegistry.withSymbols(...(inject(AGORAPULSE_SYMBOLS, { optional: true })?.flat() ?? []));
    }
    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: SymbolComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.3", type: SymbolComponent, isStandalone: true, selector: "ap-symbol", inputs: { symbolId: { classPropertyName: "symbolId", publicName: "symbolId", isSignal: true, isRequired: true, transformFunction: null }, color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { size: "sizeChange" }, host: { attributes: { "role": "presentation" }, properties: { "attr.symbol-id": "symbolId()" } }, ngImport: i0, template: "<div\n    class=\"ap-symbol\"\n    [ngClass]=\"globalClazz()\"\n    [ngStyle]=\"globalStyle()\">\n    @if (symbolId(); as symbolId) {\n        @if (embeddedSymbolUrl(); as embeddedSymbolUrl) {\n            <img\n                class=\"svg\"\n                [alt]=\"symbolId\"\n                [ngClass]=\"symbolClazz()\"\n                [ngStyle]=\"symbolStyle()\"\n                [src]=\"embeddedSymbolUrl\" />\n        } @else {\n            @if (svgData(); as svgData) {\n                <div\n                    class=\"svg\"\n                    [apSymbol]=\"svgData\"\n                    [ngClass]=\"symbolClazz()\"\n                    [ngStyle]=\"symbolStyle()\"></div>\n            }\n        }\n    }\n</div>\n", styles: ["[color=facebook]{color:#0866ff}[bgcolor=facebook],[hcolor=facebook]:hover{background-color:#0866ff}[border=facebook]{border:1px solid #0866ff}[color=google]{color:#4e85e8}[bgcolor=google],[hcolor=google]:hover{background-color:#4e85e8}[border=google]{border:1px solid #4e85e8}[color=instagram]{color:#e1306c}[bgcolor=instagram],[hcolor=instagram]:hover{background-color:#e1306c}[border=instagram]{border:1px solid #e1306c}[color=instagrammagenta]{color:#c13584}[bgcolor=instagrammagenta],[hcolor=instagrammagenta]:hover{background-color:#c13584}[border=instagrammagenta]{border:1px solid #c13584}[color=instagramblue]{color:#5851db}[bgcolor=instagramblue],[hcolor=instagramblue]:hover{background-color:#5851db}[border=instagramblue]{border:1px solid #5851db}[color=instagrampurple]{color:#833ab4}[bgcolor=instagrampurple],[hcolor=instagrampurple]:hover{background-color:#833ab4}[border=instagrampurple]{border:1px solid #833ab4}[color=instagramorange]{color:#f56040}[bgcolor=instagramorange],[hcolor=instagramorange]:hover{background-color:#f56040}[border=instagramorange]{border:1px solid #f56040}[color=instagramyellow]{color:#ffdc80}[bgcolor=instagramyellow],[hcolor=instagramyellow]:hover{background-color:#ffdc80}[border=instagramyellow]{border:1px solid #ffdc80}[color=linkedin]{color:#2c67bc}[bgcolor=linkedin],[hcolor=linkedin]:hover{background-color:#2c67bc}[border=linkedin]{border:1px solid #2c67bc}[color=twitter]{color:#55acee}[bgcolor=twitter],[hcolor=twitter]:hover{background-color:#55acee}[border=twitter]{border:1px solid #55acee}[color=youtube]{color:red}[bgcolor=youtube],[hcolor=youtube]:hover{background-color:red}[border=youtube]{border:1px solid #ff0000}[color=reddit]{color:#ff4500}[bgcolor=reddit],[hcolor=reddit]:hover{background-color:#ff4500}[border=reddit]{border:1px solid #ff4500}[color=blood-orange]{color:#ff4d00}[bgcolor=blood-orange],[hcolor=blood-orange]:hover{background-color:#ff4d00}[border=blood-orange]{border:1px solid #ff4d00}[color=pinkish-orange]{color:#ff7b49}[bgcolor=pinkish-orange],[hcolor=pinkish-orange]:hover{background-color:#ff7b49}[border=pinkish-orange]{border:1px solid #ff7b49}[color=charcoal-grey]{color:#2a2f34}[bgcolor=charcoal-grey],[hcolor=charcoal-grey]:hover{background-color:#2a2f34}[border=charcoal-grey]{border:1px solid #2a2f34}[color=azure]{color:#00aeef}[bgcolor=azure],[hcolor=azure]:hover{background-color:#00aeef}[border=azure]{border:1px solid #00aeef}[color=light-azure]{color:#eaf5fd}[bgcolor=light-azure],[hcolor=light-azure]:hover{background-color:#eaf5fd}[border=light-azure]{border:1px solid #eaf5fd}[color=blue-grey]{color:#8d98a9}[bgcolor=blue-grey],[hcolor=blue-grey]:hover{background-color:#8d98a9}[border=blue-grey]{border:1px solid #8d98a9}[color=silver]{color:#ced0da}[bgcolor=silver],[hcolor=silver]:hover{background-color:#ced0da}[border=silver]{border:1px solid #ced0da}[color=pale-grey]{color:#dfe3e9}[bgcolor=pale-grey],[hcolor=pale-grey]:hover{background-color:#dfe3e9}[border=pale-grey]{border:1px solid #dfe3e9}[color=grey-white]{color:#f5f7f8}[bgcolor=grey-white],[hcolor=grey-white]:hover{background-color:#f5f7f8}[border=grey-white]{border:1px solid #f5f7f8}[color=cool-grey]{color:#b4bbc6}[bgcolor=cool-grey],[hcolor=cool-grey]:hover{background-color:#b4bbc6}[border=cool-grey]{border:1px solid #b4bbc6}[color=black]{color:#344563}[bgcolor=black],[hcolor=black]:hover{background-color:#344563}[border=black]{border:1px solid #344563}[color=grey-blue]{color:#68768c}[bgcolor=grey-blue],[hcolor=grey-blue]:hover{background-color:#68768c}[border=grey-blue]{border:1px solid #68768c}[color=strawberry]{color:#f4282d}[bgcolor=strawberry],[hcolor=strawberry]:hover{background-color:#f4282d}[border=strawberry]{border:1px solid #f4282d}[color=light-strawberry]{color:#f8eded}[bgcolor=light-strawberry],[hcolor=light-strawberry]:hover{background-color:#f8eded}[border=light-strawberry]{border:1px solid #f8eded}[color=white]{color:#fff}[bgcolor=white],[hcolor=white]:hover{background-color:#fff}[border=white]{border:1px solid #ffffff}[color=cool-green]{color:#33c15d}[bgcolor=cool-green],[hcolor=cool-green]:hover{background-color:#33c15d}[border=cool-green]{border:1px solid #33c15d}[color=light-green]{color:#ebfaef}[bgcolor=light-green],[hcolor=light-green]:hover{background-color:#ebfaef}[border=light-green]{border:1px solid #ebfaef}[color=transparent]{color:transparent}[bgcolor=transparent],[hcolor=transparent]:hover{background-color:transparent}[border=transparent]{border:1px solid transparent}[color=c0]{color:#a566a5}[bgcolor=c0],[hcolor=c0]:hover{background-color:#a566a5}[border=c0]{border:1px solid #a566a5}[color=c1]{color:#c7ab82}[bgcolor=c1],[hcolor=c1]:hover{background-color:#c7ab82}[border=c1]{border:1px solid #c7ab82}[color=c2]{color:#f2713c}[bgcolor=c2],[hcolor=c2]:hover{background-color:#f2713c}[border=c2]{border:1px solid #f2713c}[color=c3]{color:#ffd006}[bgcolor=c3],[hcolor=c3]:hover{background-color:#ffd006}[border=c3]{border:1px solid #ffd006}[color=c4]{color:#94c5aa}[bgcolor=c4],[hcolor=c4]:hover{background-color:#94c5aa}[border=c4]{border:1px solid #94c5aa}[color=c5]{color:#2a9d8f}[bgcolor=c5],[hcolor=c5]:hover{background-color:#2a9d8f}[border=c5]{border:1px solid #2a9d8f}[color=c6]{color:#78acd8}[bgcolor=c6],[hcolor=c6]:hover{background-color:#78acd8}[border=c6]{border:1px solid #78acd8}[color=c7]{color:#525a9e}[bgcolor=c7],[hcolor=c7]:hover{background-color:#525a9e}[border=c7]{border:1px solid #525a9e}[color=c8]{color:#6a2459}[bgcolor=c8],[hcolor=c8]:hover{background-color:#6a2459}[border=c8]{border:1px solid #6a2459}[color=c9]{color:#74729e}[bgcolor=c9],[hcolor=c9]:hover{background-color:#74729e}[border=c9]{border:1px solid #74729e}.ap-symbol.old{display:flex}.ap-symbol .svg.hidden{display:none!important}.ap-symbol.large,.ap-symbol.large svg{width:64px;height:64px;min-width:64px;max-width:64px;max-height:64px}.ap-symbol.normal,.ap-symbol.normal svg,.ap-symbol.xxl,.ap-symbol.xxl svg{width:48px;height:48px;min-width:48px;max-width:48px;max-height:48px}.ap-symbol.medium,.ap-symbol.medium svg,.ap-symbol.xl,.ap-symbol.xl svg{width:40px;height:40px;min-width:40px;max-width:40px;max-height:40px}.ap-symbol.small,.ap-symbol.small svg,.ap-symbol.lg,.ap-symbol.lg svg{width:32px;height:32px;min-width:32px;max-width:32px;max-height:32px}.ap-symbol.mini,.ap-symbol.mini svg,.ap-symbol.md,.ap-symbol.md svg{width:24px;height:24px;min-width:24px;max-width:24px;max-height:24px}.ap-symbol.mini-sm,.ap-symbol.mini-sm svg{width:18px;height:18px;min-width:18px;max-width:18px;max-height:18px}.ap-symbol.micro,.ap-symbol.micro svg,.ap-symbol.sm,.ap-symbol.sm svg{width:16px;height:16px;min-width:16px;max-width:16px;max-height:16px}.ap-symbol.micro-sm,.ap-symbol.micro-sm svg,.ap-symbol.xs,.ap-symbol.xs svg{width:12px;height:12px;min-width:12px;max-width:12px;max-height:12px}.ap-symbol.nano,.ap-symbol.nano svg{width:10px;height:10px;min-width:10px;max-width:10px;max-height:10px}.ap-symbol.pico,.ap-symbol.pico svg,.ap-symbol.xxs,.ap-symbol.xxs svg{width:8px;height:8px;min-width:8px;max-width:8px;max-height:8px}.ap-symbol.none,.ap-symbol.none svg{width:100%;height:100%}.ap-symbol .svg{display:grid!important;place-content:center;width:100%;height:inherit;color:inherit;fill:currentColor}.ap-symbol .svg ::ng-deep svg{width:100%;height:100%}.ap-symbol .svg.youtube-official,.ap-symbol .svg.youtube{position:relative;top:-12.5%;left:-12.5%;width:125%;height:125%}.ap-symbol .svg.color-black{color:var(--ref-color-grey-100)}.ap-symbol .svg.color-white{color:#fff}.ap-symbol .svg.color-azure{color:#00aeef}.ap-symbol .svg.color-blood-orange{color:var(--ref-color-orange-100)}.ap-symbol .svg.color-purple{color:var(--ref-color-purple-100)}.ap-symbol .svg.color-electric-blue{color:var(--ref-color-electric-blue-100)}.ap-symbol .svg.color-grey{color:var(--ref-color-grey-150)}.ap-symbol .svg.color-grey-blue{color:var(--ref-color-grey-80)}.ap-symbol .svg.color-basic-grey{color:var(--ref-color-grey-100)}.ap-symbol .svg.color-green{color:var(--ref-color-green-150)}.ap-symbol .svg.color-red{color:var(--ref-color-red-150)}.ap-symbol .svg.color-facebook{color:var(--ref-color-facebook-100)}.ap-symbol .svg.color-google{color:#4e85e8}.ap-symbol .svg.color-instagram{color:var(--ref-color-instagram-100)}.ap-symbol .svg.color-linkedin{color:var(--ref-color-linkedin-100)}.ap-symbol .svg.color-twitter{color:var(--ref-color-twitter-100)}.ap-symbol .svg.color-youtube{color:var(--ref-color-youtube-100)}.ap-symbol .svg.color-web{color:var(--ref-color-electric-blue-100)}.ap-symbol .svg.color-facebook-instagram{color:var(--ref-color-instagram-100)}.ap-symbol .svg.color-x{color:var(--ref-color-twitter-100)}\n"], dependencies: [{ kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: SymbolDirective, selector: "[apSymbol]", inputs: ["apSymbol"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: SymbolComponent, decorators: [{
            type: Component,
            args: [{ changeDetection: ChangeDetectionStrategy.OnPush, selector: 'ap-symbol', imports: [NgStyle, NgClass, SymbolDirective], host: {
                        '[attr.symbol-id]': 'symbolId()',
                        role: 'presentation',
                    }, template: "<div\n    class=\"ap-symbol\"\n    [ngClass]=\"globalClazz()\"\n    [ngStyle]=\"globalStyle()\">\n    @if (symbolId(); as symbolId) {\n        @if (embeddedSymbolUrl(); as embeddedSymbolUrl) {\n            <img\n                class=\"svg\"\n                [alt]=\"symbolId\"\n                [ngClass]=\"symbolClazz()\"\n                [ngStyle]=\"symbolStyle()\"\n                [src]=\"embeddedSymbolUrl\" />\n        } @else {\n            @if (svgData(); as svgData) {\n                <div\n                    class=\"svg\"\n                    [apSymbol]=\"svgData\"\n                    [ngClass]=\"symbolClazz()\"\n                    [ngStyle]=\"symbolStyle()\"></div>\n            }\n        }\n    }\n</div>\n", styles: ["[color=facebook]{color:#0866ff}[bgcolor=facebook],[hcolor=facebook]:hover{background-color:#0866ff}[border=facebook]{border:1px solid #0866ff}[color=google]{color:#4e85e8}[bgcolor=google],[hcolor=google]:hover{background-color:#4e85e8}[border=google]{border:1px solid #4e85e8}[color=instagram]{color:#e1306c}[bgcolor=instagram],[hcolor=instagram]:hover{background-color:#e1306c}[border=instagram]{border:1px solid #e1306c}[color=instagrammagenta]{color:#c13584}[bgcolor=instagrammagenta],[hcolor=instagrammagenta]:hover{background-color:#c13584}[border=instagrammagenta]{border:1px solid #c13584}[color=instagramblue]{color:#5851db}[bgcolor=instagramblue],[hcolor=instagramblue]:hover{background-color:#5851db}[border=instagramblue]{border:1px solid #5851db}[color=instagrampurple]{color:#833ab4}[bgcolor=instagrampurple],[hcolor=instagrampurple]:hover{background-color:#833ab4}[border=instagrampurple]{border:1px solid #833ab4}[color=instagramorange]{color:#f56040}[bgcolor=instagramorange],[hcolor=instagramorange]:hover{background-color:#f56040}[border=instagramorange]{border:1px solid #f56040}[color=instagramyellow]{color:#ffdc80}[bgcolor=instagramyellow],[hcolor=instagramyellow]:hover{background-color:#ffdc80}[border=instagramyellow]{border:1px solid #ffdc80}[color=linkedin]{color:#2c67bc}[bgcolor=linkedin],[hcolor=linkedin]:hover{background-color:#2c67bc}[border=linkedin]{border:1px solid #2c67bc}[color=twitter]{color:#55acee}[bgcolor=twitter],[hcolor=twitter]:hover{background-color:#55acee}[border=twitter]{border:1px solid #55acee}[color=youtube]{color:red}[bgcolor=youtube],[hcolor=youtube]:hover{background-color:red}[border=youtube]{border:1px solid #ff0000}[color=reddit]{color:#ff4500}[bgcolor=reddit],[hcolor=reddit]:hover{background-color:#ff4500}[border=reddit]{border:1px solid #ff4500}[color=blood-orange]{color:#ff4d00}[bgcolor=blood-orange],[hcolor=blood-orange]:hover{background-color:#ff4d00}[border=blood-orange]{border:1px solid #ff4d00}[color=pinkish-orange]{color:#ff7b49}[bgcolor=pinkish-orange],[hcolor=pinkish-orange]:hover{background-color:#ff7b49}[border=pinkish-orange]{border:1px solid #ff7b49}[color=charcoal-grey]{color:#2a2f34}[bgcolor=charcoal-grey],[hcolor=charcoal-grey]:hover{background-color:#2a2f34}[border=charcoal-grey]{border:1px solid #2a2f34}[color=azure]{color:#00aeef}[bgcolor=azure],[hcolor=azure]:hover{background-color:#00aeef}[border=azure]{border:1px solid #00aeef}[color=light-azure]{color:#eaf5fd}[bgcolor=light-azure],[hcolor=light-azure]:hover{background-color:#eaf5fd}[border=light-azure]{border:1px solid #eaf5fd}[color=blue-grey]{color:#8d98a9}[bgcolor=blue-grey],[hcolor=blue-grey]:hover{background-color:#8d98a9}[border=blue-grey]{border:1px solid #8d98a9}[color=silver]{color:#ced0da}[bgcolor=silver],[hcolor=silver]:hover{background-color:#ced0da}[border=silver]{border:1px solid #ced0da}[color=pale-grey]{color:#dfe3e9}[bgcolor=pale-grey],[hcolor=pale-grey]:hover{background-color:#dfe3e9}[border=pale-grey]{border:1px solid #dfe3e9}[color=grey-white]{color:#f5f7f8}[bgcolor=grey-white],[hcolor=grey-white]:hover{background-color:#f5f7f8}[border=grey-white]{border:1px solid #f5f7f8}[color=cool-grey]{color:#b4bbc6}[bgcolor=cool-grey],[hcolor=cool-grey]:hover{background-color:#b4bbc6}[border=cool-grey]{border:1px solid #b4bbc6}[color=black]{color:#344563}[bgcolor=black],[hcolor=black]:hover{background-color:#344563}[border=black]{border:1px solid #344563}[color=grey-blue]{color:#68768c}[bgcolor=grey-blue],[hcolor=grey-blue]:hover{background-color:#68768c}[border=grey-blue]{border:1px solid #68768c}[color=strawberry]{color:#f4282d}[bgcolor=strawberry],[hcolor=strawberry]:hover{background-color:#f4282d}[border=strawberry]{border:1px solid #f4282d}[color=light-strawberry]{color:#f8eded}[bgcolor=light-strawberry],[hcolor=light-strawberry]:hover{background-color:#f8eded}[border=light-strawberry]{border:1px solid #f8eded}[color=white]{color:#fff}[bgcolor=white],[hcolor=white]:hover{background-color:#fff}[border=white]{border:1px solid #ffffff}[color=cool-green]{color:#33c15d}[bgcolor=cool-green],[hcolor=cool-green]:hover{background-color:#33c15d}[border=cool-green]{border:1px solid #33c15d}[color=light-green]{color:#ebfaef}[bgcolor=light-green],[hcolor=light-green]:hover{background-color:#ebfaef}[border=light-green]{border:1px solid #ebfaef}[color=transparent]{color:transparent}[bgcolor=transparent],[hcolor=transparent]:hover{background-color:transparent}[border=transparent]{border:1px solid transparent}[color=c0]{color:#a566a5}[bgcolor=c0],[hcolor=c0]:hover{background-color:#a566a5}[border=c0]{border:1px solid #a566a5}[color=c1]{color:#c7ab82}[bgcolor=c1],[hcolor=c1]:hover{background-color:#c7ab82}[border=c1]{border:1px solid #c7ab82}[color=c2]{color:#f2713c}[bgcolor=c2],[hcolor=c2]:hover{background-color:#f2713c}[border=c2]{border:1px solid #f2713c}[color=c3]{color:#ffd006}[bgcolor=c3],[hcolor=c3]:hover{background-color:#ffd006}[border=c3]{border:1px solid #ffd006}[color=c4]{color:#94c5aa}[bgcolor=c4],[hcolor=c4]:hover{background-color:#94c5aa}[border=c4]{border:1px solid #94c5aa}[color=c5]{color:#2a9d8f}[bgcolor=c5],[hcolor=c5]:hover{background-color:#2a9d8f}[border=c5]{border:1px solid #2a9d8f}[color=c6]{color:#78acd8}[bgcolor=c6],[hcolor=c6]:hover{background-color:#78acd8}[border=c6]{border:1px solid #78acd8}[color=c7]{color:#525a9e}[bgcolor=c7],[hcolor=c7]:hover{background-color:#525a9e}[border=c7]{border:1px solid #525a9e}[color=c8]{color:#6a2459}[bgcolor=c8],[hcolor=c8]:hover{background-color:#6a2459}[border=c8]{border:1px solid #6a2459}[color=c9]{color:#74729e}[bgcolor=c9],[hcolor=c9]:hover{background-color:#74729e}[border=c9]{border:1px solid #74729e}.ap-symbol.old{display:flex}.ap-symbol .svg.hidden{display:none!important}.ap-symbol.large,.ap-symbol.large svg{width:64px;height:64px;min-width:64px;max-width:64px;max-height:64px}.ap-symbol.normal,.ap-symbol.normal svg,.ap-symbol.xxl,.ap-symbol.xxl svg{width:48px;height:48px;min-width:48px;max-width:48px;max-height:48px}.ap-symbol.medium,.ap-symbol.medium svg,.ap-symbol.xl,.ap-symbol.xl svg{width:40px;height:40px;min-width:40px;max-width:40px;max-height:40px}.ap-symbol.small,.ap-symbol.small svg,.ap-symbol.lg,.ap-symbol.lg svg{width:32px;height:32px;min-width:32px;max-width:32px;max-height:32px}.ap-symbol.mini,.ap-symbol.mini svg,.ap-symbol.md,.ap-symbol.md svg{width:24px;height:24px;min-width:24px;max-width:24px;max-height:24px}.ap-symbol.mini-sm,.ap-symbol.mini-sm svg{width:18px;height:18px;min-width:18px;max-width:18px;max-height:18px}.ap-symbol.micro,.ap-symbol.micro svg,.ap-symbol.sm,.ap-symbol.sm svg{width:16px;height:16px;min-width:16px;max-width:16px;max-height:16px}.ap-symbol.micro-sm,.ap-symbol.micro-sm svg,.ap-symbol.xs,.ap-symbol.xs svg{width:12px;height:12px;min-width:12px;max-width:12px;max-height:12px}.ap-symbol.nano,.ap-symbol.nano svg{width:10px;height:10px;min-width:10px;max-width:10px;max-height:10px}.ap-symbol.pico,.ap-symbol.pico svg,.ap-symbol.xxs,.ap-symbol.xxs svg{width:8px;height:8px;min-width:8px;max-width:8px;max-height:8px}.ap-symbol.none,.ap-symbol.none svg{width:100%;height:100%}.ap-symbol .svg{display:grid!important;place-content:center;width:100%;height:inherit;color:inherit;fill:currentColor}.ap-symbol .svg ::ng-deep svg{width:100%;height:100%}.ap-symbol .svg.youtube-official,.ap-symbol .svg.youtube{position:relative;top:-12.5%;left:-12.5%;width:125%;height:125%}.ap-symbol .svg.color-black{color:var(--ref-color-grey-100)}.ap-symbol .svg.color-white{color:#fff}.ap-symbol .svg.color-azure{color:#00aeef}.ap-symbol .svg.color-blood-orange{color:var(--ref-color-orange-100)}.ap-symbol .svg.color-purple{color:var(--ref-color-purple-100)}.ap-symbol .svg.color-electric-blue{color:var(--ref-color-electric-blue-100)}.ap-symbol .svg.color-grey{color:var(--ref-color-grey-150)}.ap-symbol .svg.color-grey-blue{color:var(--ref-color-grey-80)}.ap-symbol .svg.color-basic-grey{color:var(--ref-color-grey-100)}.ap-symbol .svg.color-green{color:var(--ref-color-green-150)}.ap-symbol .svg.color-red{color:var(--ref-color-red-150)}.ap-symbol .svg.color-facebook{color:var(--ref-color-facebook-100)}.ap-symbol .svg.color-google{color:#4e85e8}.ap-symbol .svg.color-instagram{color:var(--ref-color-instagram-100)}.ap-symbol .svg.color-linkedin{color:var(--ref-color-linkedin-100)}.ap-symbol .svg.color-twitter{color:var(--ref-color-twitter-100)}.ap-symbol .svg.color-youtube{color:var(--ref-color-youtube-100)}.ap-symbol .svg.color-web{color:var(--ref-color-electric-blue-100)}.ap-symbol .svg.color-facebook-instagram{color:var(--ref-color-instagram-100)}.ap-symbol .svg.color-x{color:var(--ref-color-twitter-100)}\n"] }]
        }], ctorParameters: () => [] });

/**
 * Generated bundle index. Do not edit.
 */

export { AGORAPULSE_SYMBOLS, NetworkSymbolPipe, SYMBOL_COLORS, SYMBOL_SIZES, SymbolComponent, SymbolRegistry, customSvgsSymbolIds, embeddedSymbols, flagSymbolIds, isAgorapulseSymbol, isEmbeddedSymbol, networkDescription, networkSpecificSymbolIds, officialSymbolIds, provideAgorapulseSymbols, symbolIds, symbols, toNetworkSymbol, withSymbols };
//# sourceMappingURL=agorapulse-ui-symbol.mjs.map
