import { Component, ChangeDetectionStrategy, Input } from '@angular/core';
import * as i0 from "@angular/core";
import * as i1 from "@angular/common";
export class IconComponent {
    constructor() {
        /**
         * Variable to choose the sprite of the icons.
         */
        this.svgType = 'sprite';
        /**
         * Variable to define if icon have opacity or not.
         */
        this.withOpacity = true;
        /**
         * Pre-defined - see THIS components CSS for the allow types.
         */
        this.color = 'default';
        /**
         * Pre-defined - see Lightning System CSS for the allow measurements.
         */
        this.size = 'small';
    }
    /**
     * Variable to set the icon name.
     */
    set setIcon(icon) {
        this._icon = icon;
    }
    iconPath() {
        return `assets/icons/uno-sprite/svg/${this.svgType}.svg#${this._icon}`;
    }
}
IconComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: IconComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
IconComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: IconComponent, selector: "uno-icon", inputs: { svgType: "svgType", setIcon: ["icon", "setIcon"], withOpacity: "withOpacity", color: "color", size: "size", customColor: "customColor" }, ngImport: i0, template: "<svg xmlns=\"http://www.w3.org/2000/svg\" viewbox=\"0 0 100 100\" version=\"1.1\"\r\n    [ngClass]=\"['slds-icon-text-' + color, 'slds-icon_' + size]\"\r\n    [style.fill]=\"customColor\"\r\n    [class.slds-icon-with-opacity] = \"withOpacity\"\r\n    aria-hidden=\"true\">\r\n\r\n    <use [attr.xlink:href]=\"iconPath()\"></use>\r\n</svg>", styles: [".slds-icon-with-opacity{opacity:.6}.slds-icon-with-opacity:hover{opacity:1;cursor:pointer}.slds-icon_medium,.slds-icon--medium{width:2rem;height:2rem}.slds-icon_xx_large .slds-icon--xx-large{width:7rem;height:7rem}.slds-icon-text-default{fill:var(--light-primary)}.slds-icon-text-white{fill:var(--light-gray-14)}.slds-icon-text-black{fill:var(--light-gray-1)}.slds-icon-text-grey{fill:var(--light-gray-12)}.slds-icon-text-green-menu{fill:var(--special-green-4)}.slds-icon-text-tomato-red{fill:var(--special-red-2)}.slds-icon-text-sapphire{fill:var(--light-primary)}.slds-icon-text-light-grey-blue{fill:var(--light-gray-9)}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: IconComponent, decorators: [{
            type: Component,
            args: [{ selector: 'uno-icon', changeDetection: ChangeDetectionStrategy.OnPush, template: "<svg xmlns=\"http://www.w3.org/2000/svg\" viewbox=\"0 0 100 100\" version=\"1.1\"\r\n    [ngClass]=\"['slds-icon-text-' + color, 'slds-icon_' + size]\"\r\n    [style.fill]=\"customColor\"\r\n    [class.slds-icon-with-opacity] = \"withOpacity\"\r\n    aria-hidden=\"true\">\r\n\r\n    <use [attr.xlink:href]=\"iconPath()\"></use>\r\n</svg>", styles: [".slds-icon-with-opacity{opacity:.6}.slds-icon-with-opacity:hover{opacity:1;cursor:pointer}.slds-icon_medium,.slds-icon--medium{width:2rem;height:2rem}.slds-icon_xx_large .slds-icon--xx-large{width:7rem;height:7rem}.slds-icon-text-default{fill:var(--light-primary)}.slds-icon-text-white{fill:var(--light-gray-14)}.slds-icon-text-black{fill:var(--light-gray-1)}.slds-icon-text-grey{fill:var(--light-gray-12)}.slds-icon-text-green-menu{fill:var(--special-green-4)}.slds-icon-text-tomato-red{fill:var(--special-red-2)}.slds-icon-text-sapphire{fill:var(--light-primary)}.slds-icon-text-light-grey-blue{fill:var(--light-gray-9)}\n"] }]
        }], propDecorators: { svgType: [{
                type: Input
            }], setIcon: [{
                type: Input,
                args: ['icon']
            }], withOpacity: [{
                type: Input
            }], color: [{
                type: Input
            }], size: [{
                type: Input
            }], customColor: [{
                type: Input
            }] } });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaWNvbi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy91bm8tdWktbGliL3NyYy9saWIvaWNvbi9pY29uLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3Vuby11aS1saWIvc3JjL2xpYi9pY29uL2ljb24uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSx1QkFBdUIsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7OztBQVExRSxNQUFNLE9BQU8sYUFBYTtJQU4xQjtRQVFJOztXQUVHO1FBQ00sWUFBTyxHQUE4QixRQUFRLENBQUM7UUFjdkQ7O1dBRUc7UUFDTSxnQkFBVyxHQUFHLElBQUksQ0FBQztRQUU1Qjs7V0FFRztRQUNNLFVBQUssR0FBMEQsU0FBUyxDQUFDO1FBRWxGOztXQUVHO1FBQ00sU0FBSSxHQUErQyxPQUFPLENBQUM7S0FPdkU7SUEzQkc7O09BRUc7SUFDSCxJQUFtQixPQUFPLENBQUMsSUFBWTtRQUNuQyxJQUFJLENBQUMsS0FBSyxHQUFHLElBQUksQ0FBQztJQUN0QixDQUFDO0lBbUJELFFBQVE7UUFDSixPQUFPLCtCQUErQixJQUFJLENBQUMsT0FBTyxRQUFRLElBQUksQ0FBQyxLQUFLLEVBQUUsQ0FBQztJQUMzRSxDQUFDOzswR0F0Q1EsYUFBYTs4RkFBYixhQUFhLG9NQ1IxQixvVkFPTTsyRkRDTyxhQUFhO2tCQU56QixTQUFTOytCQUNJLFVBQVUsbUJBR0gsdUJBQXVCLENBQUMsTUFBTTs4QkFPdEMsT0FBTztzQkFBZixLQUFLO2dCQVVhLE9BQU87c0JBQXpCLEtBQUs7dUJBQUMsTUFBTTtnQkFPSixXQUFXO3NCQUFuQixLQUFLO2dCQUtHLEtBQUs7c0JBQWIsS0FBSztnQkFLRyxJQUFJO3NCQUFaLEtBQUs7Z0JBRUcsV0FBVztzQkFBbkIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICAgIHNlbGVjdG9yOiAndW5vLWljb24nLFxyXG4gICAgdGVtcGxhdGVVcmw6ICcuL2ljb24uY29tcG9uZW50Lmh0bWwnLFxyXG4gICAgc3R5bGVVcmxzOiBbJy4vaWNvbi5jb21wb25lbnQuc2NzcyddLFxyXG4gICAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2hcclxufSlcclxuZXhwb3J0IGNsYXNzIEljb25Db21wb25lbnQge1xyXG5cclxuICAgIC8qKlxyXG4gICAgICogVmFyaWFibGUgdG8gY2hvb3NlIHRoZSBzcHJpdGUgb2YgdGhlIGljb25zLlxyXG4gICAgICovXHJcbiAgICBASW5wdXQoKSBzdmdUeXBlOiAnc3ByaXRlJyB8ICdzcHJpdGUtY29sb3InID0gJ3Nwcml0ZSc7XHJcblxyXG4gICAgLyoqXHJcbiAgICAgKiBEbyBldmVudHVhbHkgT2JzZXJ2YWJsZSAnaWNvbicgKHBhdGgpIGJ5IEFuZ3VsYXIgT25DaGFuZ2VzLCB0byBoYXZlIGEgYmV0dGVyIGNvbnRyb2wuLCBhbmQgbm90IGRpcmVjdGx5IEAgSFRNTDpcclxuICAgICAqL1xyXG4gICAgX2ljb246IHN0cmluZztcclxuXHJcbiAgICAvKipcclxuICAgICAqIFZhcmlhYmxlIHRvIHNldCB0aGUgaWNvbiBuYW1lLlxyXG4gICAgICovXHJcbiAgICBASW5wdXQoJ2ljb24nKSBzZXQgc2V0SWNvbihpY29uOiBzdHJpbmcpIHtcclxuICAgICAgICB0aGlzLl9pY29uID0gaWNvbjtcclxuICAgIH1cclxuXHJcbiAgICAvKipcclxuICAgICAqIFZhcmlhYmxlIHRvIGRlZmluZSBpZiBpY29uIGhhdmUgb3BhY2l0eSBvciBub3QuXHJcbiAgICAgKi9cclxuICAgIEBJbnB1dCgpIHdpdGhPcGFjaXR5ID0gdHJ1ZTtcclxuXHJcbiAgICAvKipcclxuICAgICAqIFByZS1kZWZpbmVkIC0gc2VlIFRISVMgY29tcG9uZW50cyBDU1MgZm9yIHRoZSBhbGxvdyB0eXBlcy5cclxuICAgICAqL1xyXG4gICAgQElucHV0KCkgY29sb3I6ICdkZWZhdWx0JyB8ICd3aGl0ZScgfCAnYmxhY2snIHwgJ2dyZXknIHwgJ2dyZWVuLW1lbnUnID0gJ2RlZmF1bHQnO1xyXG5cclxuICAgIC8qKlxyXG4gICAgICogUHJlLWRlZmluZWQgLSBzZWUgTGlnaHRuaW5nIFN5c3RlbSBDU1MgZm9yIHRoZSBhbGxvdyBtZWFzdXJlbWVudHMuXHJcbiAgICAgKi9cclxuICAgIEBJbnB1dCgpIHNpemU6ICdsYXJnZScgfCAnc21hbGwnIHwgJ3gtc21hbGwnIHwgJ3h4LXNtYWxsJyA9ICdzbWFsbCc7XHJcblxyXG4gICAgQElucHV0KCkgY3VzdG9tQ29sb3I7XHJcblxyXG4gICAgaWNvblBhdGgoKSB7XHJcbiAgICAgICAgcmV0dXJuIGBhc3NldHMvaWNvbnMvdW5vLXNwcml0ZS9zdmcvJHt0aGlzLnN2Z1R5cGV9LnN2ZyMke3RoaXMuX2ljb259YDtcclxuICAgIH1cclxufVxyXG4iLCI8c3ZnIHhtbG5zPVwiaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmdcIiB2aWV3Ym94PVwiMCAwIDEwMCAxMDBcIiB2ZXJzaW9uPVwiMS4xXCJcclxuICAgIFtuZ0NsYXNzXT1cIlsnc2xkcy1pY29uLXRleHQtJyArIGNvbG9yLCAnc2xkcy1pY29uXycgKyBzaXplXVwiXHJcbiAgICBbc3R5bGUuZmlsbF09XCJjdXN0b21Db2xvclwiXHJcbiAgICBbY2xhc3Muc2xkcy1pY29uLXdpdGgtb3BhY2l0eV0gPSBcIndpdGhPcGFjaXR5XCJcclxuICAgIGFyaWEtaGlkZGVuPVwidHJ1ZVwiPlxyXG5cclxuICAgIDx1c2UgW2F0dHIueGxpbms6aHJlZl09XCJpY29uUGF0aCgpXCI+PC91c2U+XHJcbjwvc3ZnPiJdfQ==