@koalarx/ui
Version:
Koala UI is a Design System developed in Angular whose objective is to facilitate and make your development faster and simpler, making this framework your greatest ally.
38 lines • 158 kB
JavaScript
import { Component, Input } from '@angular/core';
import { koala } from "@koalarx/utils";
import * as i0 from "@angular/core";
import * as i1 from "@angular/common";
export class IconComponent {
constructor() {
this.size = 24;
this.idIcon = `koala-icons_${koala(0).number().random(1, 999999999).getValue()}`;
}
ngOnInit() {
do {
this.idIcon = `koala-icons_${koala(0).number().random(1, 999999999).getValue()}`;
} while (document.getElementById(this.idIcon));
this.style = `width: ${this.size}px;height: ${this.size}px;`;
this.intervalCheckElement = setInterval(() => {
const mainElementSelector = `svg#${this.idIcon}.${this.icon}`;
const elSvgIcon = document.querySelector(mainElementSelector);
if (elSvgIcon) {
document.querySelectorAll(`
${mainElementSelector} path,
${mainElementSelector} rect,
${mainElementSelector} circle,
${mainElementSelector} polygon
`).forEach((el) => {
if (!el.style.fill) {
el.style.fill = this.color ?? '';
}
});
clearInterval(this.intervalCheckElement);
}
}, 1);
}
}
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: "koala-icon", inputs: { color: "color", icon: "icon", size: "size" }, ngImport: i0, template: "<svg *ngIf=\"icon === 'notFound'\" [id]=\"idIcon\" [ngClass]=\"icon\" class=\"koala-icon\" [style]=\"style\" viewBox=\"0 -16 512 512\" xmlns=\"http://www.w3.org/2000/svg\">\n <path d=\"m92.308594 52.230469c0-13.871094-11.28125-25.152344-25.152344-25.152344s-25.15625 11.28125-25.15625 25.152344c0 13.871093 11.285156 25.15625 25.152344 25.15625 13.871094 0 25.15625-11.285157 25.15625-25.15625zm-25.152344 10.15625c-5.601562 0-10.15625-4.558594-10.15625-10.15625 0-5.597657 4.554688-10.152344 10.152344-10.152344 5.601562 0 10.15625 4.554687 10.15625 10.152344 0 5.597656-4.554688 10.15625-10.152344 10.15625zm0 0\"/><path d=\"m126.914062 77.386719c13.871094 0 25.15625-11.285157 25.15625-25.15625 0-13.871094-11.285156-25.152344-25.15625-25.152344-13.867187 0-25.152343 11.28125-25.152343 25.152344 0 13.871093 11.28125 25.15625 25.152343 25.15625zm0-35.308594c5.601563 0 10.15625 4.554687 10.15625 10.152344 0 5.597656-4.554687 10.15625-10.15625 10.15625-5.597656 0-10.152343-4.558594-10.152343-10.15625 0-5.597657 4.554687-10.152344 10.152343-10.152344zm0 0\"/><path d=\"m186.675781 77.386719c13.867188 0 25.152344-11.285157 25.152344-25.15625 0-13.871094-11.285156-25.152344-25.152344-25.152344-13.871093 0-25.15625 11.28125-25.15625 25.152344 0 13.871093 11.285157 25.15625 25.15625 25.15625zm0-35.308594c5.597657 0 10.152344 4.554687 10.152344 10.152344 0 5.597656-4.554687 10.15625-10.152344 10.15625-5.601562 0-10.15625-4.558594-10.15625-10.15625 0-5.597657 4.554688-10.152344 10.15625-10.152344zm0 0\"/><path d=\"m269.667969 59.730469h182.667969c4.140624 0 7.5-3.355469 7.5-7.5 0-4.140625-3.359376-7.5-7.5-7.5h-182.667969c-4.144531 0-7.5 3.359375-7.5 7.5 0 4.144531 3.355469 7.5 7.5 7.5zm0 0\"/><path d=\"m511.578125 26.164062c-.042969-.257812-.089844-.511718-.140625-.769531-.023438-.125-.046875-.253906-.074219-.382812-2.925781-14.253907-15.570312-25.011719-30.679687-25.011719h-449.367188c-17.265625 0-31.316406 14.046875-31.316406 31.316406v417.25c0 17.269532 14.050781 31.316406 31.316406 31.316406h449.367188c17.265625 0 31.316406-14.050781 31.316406-31.316406v-417.25c0-1.753906-.144531-3.472656-.421875-5.152344zm-30.894531 438.71875h-449.367188c-8.996094 0-16.316406-7.320312-16.316406-16.316406v-344.101562h41.808594c4.144531 0 7.5-3.359375 7.5-7.5 0-4.144532-3.355469-7.5-7.5-7.5h-41.808594v-58.148438c0-8.996094 7.320312-16.316406 16.316406-16.316406h449.367188c7.308594 0 13.511718 4.832031 15.582031 11.46875.019531.066406.039063.128906.058594.191406.058593.195313.109375.386719.160156.582032.019531.066406.035156.132812.050781.199218.046875.195313.09375.394532.132813.589844.082031.398438.148437.804688.199219 1.210938.019531.136718.035156.273437.046874.410156.058594.546875.085938 1.101562.085938 1.664062v58.148438h-412.191406c-4.140625 0-7.5 3.355468-7.5 7.5 0 4.140625 3.359375 7.5 7.5 7.5h412.191406v344.101562c0 8.996094-7.320312 16.316406-16.316406 16.316406zm0 0\"/><path d=\"m166.363281 298.246094c2.929688 2.929687 7.675781 2.925781 10.605469 0l14.695312-14.699219 14.699219 14.699219c2.929688 2.929687 7.675781 2.925781 10.605469 0 2.929688-2.929688 2.929688-7.679688 0-10.609375l-14.695312-14.695313 14.695312-14.695312c2.929688-2.929688 2.929688-7.679688 0-10.609375-2.929688-2.925781-7.679688-2.925781-10.605469 0l-14.699219 14.699219-14.695312-14.699219c-2.929688-2.925781-7.679688-2.925781-10.605469 0-2.929687 2.929687-2.929687 7.679687 0 10.609375l14.695313 14.695312-14.695313 14.695313c-2.929687 2.929687-2.929687 7.679687 0 10.609375zm0 0\"/><path d=\"m295.03125 298.246094c2.929688 2.929687 7.675781 2.925781 10.605469 0l14.695312-14.699219 14.699219 14.699219c2.929688 2.929687 7.675781 2.925781 10.605469 0 2.929687-2.929688 2.929687-7.679688 0-10.609375l-14.695313-14.695313 14.695313-14.695312c2.929687-2.929688 2.929687-7.679688 0-10.609375-2.929688-2.925781-7.679688-2.925781-10.605469 0l-14.699219 14.699219-14.695312-14.699219c-2.929688-2.925781-7.679688-2.925781-10.605469 0-2.929688 2.929687-2.929688 7.679687 0 10.609375l14.695312 14.695312-14.695312 14.695313c-2.929688 2.929687-2.929688 7.679687 0 10.609375zm0 0\"/><path d=\"m187.503906 359.773438h136.992188c4.140625 0 7.5-3.355469 7.5-7.5 0-4.140626-3.359375-7.5-7.5-7.5h-136.992188c-4.140625 0-7.5 3.359374-7.5 7.5 0 4.144531 3.359375 7.5 7.5 7.5zm0 0\"/><path d=\"m358.957031 178.355469h-20.457031v-14.875c0-13.765625-11.199219-24.964844-24.960938-24.964844h-115.078124c-13.761719 0-24.960938 11.199219-24.960938 24.964844v14.875h-20.457031c-26.492188 0-48.042969 21.554687-48.042969 48.042969v155.105468c0 26.488282 21.550781 48.042969 48.042969 48.042969h133.292969c4.140624 0 7.5-3.359375 7.5-7.5 0-4.144531-3.359376-7.5-7.5-7.5h-133.292969c-18.21875 0-33.042969-14.824219-33.042969-33.042969v-155.105468c0-18.21875 14.824219-33.042969 33.042969-33.042969h205.914062c18.21875 0 33.042969 14.824219 33.042969 33.042969v155.105468c0 18.21875-14.824219 33.042969-33.042969 33.042969h-44.625c-4.140625 0-7.5 3.355469-7.5 7.5 0 4.140625 3.359375 7.5 7.5 7.5h44.625c26.492188 0 48.042969-21.554687 48.042969-48.042969v-155.105468c0-26.488282-21.550781-48.042969-48.042969-48.042969zm-170.457031 0v-14.875c0-5.496094 4.46875-9.964844 9.960938-9.964844h115.074218c5.496094 0 9.964844 4.46875 9.964844 9.964844v14.875zm0 0\"/>\n</svg>\n<svg *ngIf=\"icon === 'notAllowed'\" [id]=\"idIcon\" [ngClass]=\"icon\" class=\"koala-icon\" [style]=\"style\" viewBox=\"0 -16 512 512\" xmlns=\"http://www.w3.org/2000/svg\">\n <path d=\"m92.308594 52.234375c0-13.871094-11.28125-25.15625-25.152344-25.15625s-25.15625 11.285156-25.15625 25.15625c0 13.867187 11.285156 25.152344 25.152344 25.152344 13.871094 0 25.15625-11.285157 25.15625-25.152344zm-25.152344 10.152344c-5.601562 0-10.15625-4.554688-10.15625-10.152344 0-5.601563 4.554688-10.15625 10.152344-10.15625 5.601562 0 10.15625 4.554687 10.15625 10.15625 0 5.597656-4.554688 10.152344-10.152344 10.152344zm0 0\"/><path d=\"m126.914062 77.386719c13.871094 0 25.15625-11.285157 25.15625-25.152344 0-13.871094-11.285156-25.15625-25.15625-25.15625-13.867187 0-25.152343 11.285156-25.152343 25.15625 0 13.867187 11.28125 25.152344 25.152343 25.152344zm0-35.308594c5.601563 0 10.15625 4.554687 10.15625 10.15625 0 5.597656-4.554687 10.152344-10.15625 10.152344-5.597656 0-10.152343-4.554688-10.152343-10.152344 0-5.601563 4.554687-10.15625 10.152343-10.15625zm0 0\"/><path d=\"m186.675781 77.386719c13.867188 0 25.152344-11.285157 25.152344-25.152344 0-13.871094-11.285156-25.15625-25.152344-25.15625-13.871093 0-25.15625 11.285156-25.15625 25.15625 0 13.867187 11.285157 25.152344 25.15625 25.152344zm0-35.308594c5.597657 0 10.152344 4.554687 10.152344 10.15625 0 5.597656-4.554687 10.152344-10.152344 10.152344-5.601562 0-10.15625-4.554688-10.15625-10.152344 0-5.601563 4.554688-10.15625 10.15625-10.15625zm0 0\"/><path d=\"m269.667969 59.734375h182.667969c4.140624 0 7.5-3.359375 7.5-7.5 0-4.144531-3.359376-7.5-7.5-7.5h-182.667969c-4.144531 0-7.5 3.355469-7.5 7.5 0 4.140625 3.355469 7.5 7.5 7.5zm0 0\"/><path d=\"m480.683594 0h-449.367188c-17.304687 0-31.316406 14.085938-31.316406 31.316406v417.25c0 17.269532 14.050781 31.316406 31.316406 31.316406h449.367188c17.265625 0 31.316406-14.046874 31.316406-31.316406v-417.25c0-17.21875-14.003906-31.316406-31.316406-31.316406zm0 464.882812h-449.367188c-8.996094 0-16.316406-7.320312-16.316406-16.316406v-344.101562h41.808594c4.144531 0 7.5-3.359375 7.5-7.5 0-4.144532-3.355469-7.5-7.5-7.5h-41.808594v-58.148438c0-8.980468 7.300781-16.316406 16.316406-16.316406h449.367188c9.023437 0 16.316406 7.347656 16.316406 16.316406v58.148438h-412.191406c-4.140625 0-7.5 3.355468-7.5 7.5 0 4.140625 3.359375 7.5 7.5 7.5h412.191406v344.101562c0 8.996094-7.320312 16.316406-16.316406 16.316406zm0 0\"/><path d=\"m346.054688 210.988281c-.765626-1.953125-2.308594-3.496093-4.257813-4.257812l-83.066406-32.480469c-1.753907-.6875-3.707031-.6875-5.460938 0l-83.066406 32.480469c-1.953125.761719-3.492187 2.304687-4.257813 4.253906-24.03125 61.539063-.285156 133.480469 58.570313 168.761719l27.628906 16.566406c2.378907 1.425781 5.34375 1.417969 7.710938 0l27.628906-16.566406c58.941406-35.332032 82.5625-107.3125 58.570313-168.757813zm-11.40625 86.394531c-18.484376 58.621094-66.941407 74.542969-78.648438 83.753907-11.550781-9.085938-60.191406-25.207031-78.648438-83.753907-8.039062-25.492187-7.511718-53.023437 1.429688-77.902343l77.21875-30.191407 77.21875 30.191407c8.941406 24.878906 9.46875 52.414062 1.429688 77.902343zm0 0\"/><path d=\"m372.878906 175.734375-114.148437-44.632813c-1.753907-.6875-3.707031-.6875-5.460938 0l-114.148437 44.632813c-3.230469 1.261719-4.054688 3.710937-5.503906 6.851563-38.679688 83.792968-7.285157 183.964843 72.601562 231.855468l45.925781 27.535156c2.375 1.421876 5.339844 1.421876 7.710938 0 35.984375-22.984374 59.800781-31.542968 86.59375-60.628906 2.804687-3.046875 2.609375-7.789062-.4375-10.597656-3.046875-2.804688-7.792969-2.609375-10.597657.4375-24.59375 26.703125-46.445312 34.550781-79.414062 55.613281l-42.070312-25.222656c-73.375-43.988281-102.484376-135.304687-66.578126-212.957031l108.648438-42.484375 108.644531 42.480469c.042969.085937.082031.167968.121094.253906 24.121094 52.253906 19.367187 112.457031-12.710937 161.042968-2.28125 3.457032-1.332032 8.109376 2.125 10.394532 3.457031 2.28125 8.109374 1.328125 10.390624-2.128906 34.21875-51.828126 40.363282-118.078126 13.8125-175.59375-1.453124-3.144532-2.273437-5.589844-5.503906-6.851563zm0 0\"/>\n</svg>\n<svg *ngIf=\"icon === 'sessionExpired'\" [id]=\"idIcon\" [ngClass]=\"icon\" class=\"koala-icon\" [style]=\"style\" viewBox=\"0 -16 512 512\" xmlns=\"http://www.w3.org/2000/svg\">\n <path d=\"m416 136.945312h96v16h-96zm0 0\"/><path d=\"m399.847656 235.175781.152344-135.167969-200-100.007812-200 100v132.464844c-.078125 82.953125 41.382812 160.441406 110.441406 206.398437l89.558594 59.683594 68.992188-45.960937c37.292968 47.78125 101.726562 65.085937 157.941406 42.417968 56.214844-22.667968 90.621094-79.828125 84.335937-140.117187-6.285156-60.289063-51.738281-109.121094-111.421875-119.710938zm-199.847656 244.167969-80.679688-53.773438c-64.613281-43-103.402343-115.492187-103.320312-193.105468v-122.574219l184-92 184 92-.152344 123.453125c-2.609375-.152344-5.199218-.398438-7.847656-.398438-2.777344 0-5.488281.246094-8.222656.414063l.222656-113.589844-168-84.007812-168 84v112.703125c-.058594 72.253906 36.054688 139.738281 96.199219 179.777344l71.800781 47.839843 52.335938-34.871093c2.238281 4.878906 4.765624 9.625 7.566406 14.207031zm46.351562-69.367188-46.351562 30.878907-62.917969-41.925781c-3.105469-2.074219-6.113281-4.25-9.082031-6.480469v-71.503907h-16v58.078126c-8.78125-8.140626-16.8125-17.058594-24-26.636719v-46.488281c.003906-11.003907 7.484375-20.59375 18.152344-23.273438l54.253906-13.601562c1.742188 17.347656 14.527344 31.5625 31.59375 35.121093v32.800781h16v-32.800781c17.066406-3.558593 29.847656-17.773437 31.585938-35.121093l35.613281 8.945312c-32.46875 35.707031-43.460938 86.003906-28.847657 132zm-6.351562-249.03125-12-16h-13.886719l-1.6875.839844c-9.417969 4.695313-19.792969 7.144532-30.3125 7.160156h-37.449219c1.621094-10.03125 8.007813-18.652343 17.136719-23.121093 17.695313-7.871094 37.632813-9.128907 56.175781-3.535157l1.839844 2.65625h12.183594c4.417969 0 8 3.582032 8 8zm-57.886719 8c12.347657-.015624 24.542969-2.746093 35.71875-8h2.167969l20 26.664063v33.335937l-26.664062 20h-26.671876l-26.664062-20v-52zm-6.113281 84 5.335938 4h37.328124l5.335938-4v12c0 13.253907-10.746094 24-24 24s-24-10.746093-24-24zm112.640625 11.910157-48.640625-12.222657v-11.6875l16-12v-92c0-13.253906-10.746094-24-24-24h-5.320312c-11.582032-7.03125-40.398438-8.457031-60.800782-2.070312-22.886718 5.617188-38.695312 26.515625-37.878906 50.070312v8h16v60l16 12v11.648438l-57.742188 14.519531c-17.796874 4.441407-30.277343 20.441407-30.257812 38.785157v21.597656c-15.765625-29.191406-24.015625-61.851563-24-95.03125v-102.816406l152-76 152 76-.214844 105.601562c-23.273437 4.1875-45.042968 14.398438-63.144531 29.605469zm87.359375 224.089843c-66.273438 0-120-53.726562-120-120 0-66.273437 53.726562-120 120-120s120 53.726563 120 120c-.074219 66.242188-53.757812 119.925782-120 120zm0 0\"/><path d=\"m410 289.632812-34 34-34-34-45.3125 45.3125 34 34-34 34 45.3125 45.3125 34-34 34 34 45.3125-45.3125-34-34 34-34zm22.6875 113.3125-22.6875 22.6875-34-34-34 34-22.6875-22.6875 34-34-34-34 22.6875-22.6875 34 34 34-34 22.6875 22.6875-34 34zm0 0\"/><path d=\"m416 168.945312h64v16h-64zm0 0\"/><path d=\"m416 200.945312h32v16h-32zm0 0\"/>\n</svg>\n<svg *ngIf=\"icon === 'empty'\" [id]=\"idIcon\" [ngClass]=\"icon\" class=\"koala-icon\" [style]=\"style\" viewBox=\"0 -16 512 512\" xmlns=\"http://www.w3.org/2000/svg\">\n <g>\n <g>\n <g>\n <path d=\"M479.44,85.224L479.44,85.224c-0.088-0.232-0.184-0.44-0.288-0.664c-0.084-0.233-0.183-0.46-0.296-0.68l-48-80\n C429.41,1.473,426.808,0.001,424,0H56c-2.808,0.001-5.41,1.473-6.856,3.88l-48,80c-0.113,0.22-0.212,0.447-0.296,0.68\n c-0.104,0.216-0.2,0.432-0.288,0.664C0.212,86.109,0.022,87.049,0,88v384c0,4.418,3.582,8,8,8h464c4.418,0,8-3.582,8-8V88\n C479.978,87.049,479.788,86.109,479.44,85.224z M424,23.552L457.872,80H424V23.552z M72,16h336v64H72V16z M56,23.552V80H22.128\n L56,23.552z M464,464H16V96h448V464z\"/>\n <path d=\"M128,376h224c4.418,0,8-3.582,8-8s-3.582-8-8-8h-48V259.312l20.288,20.28c3.178,3.07,8.242,2.982,11.312-0.196\n c2.995-3.1,2.995-8.016,0-11.116l-33.936-33.928c-3.12-3.128-8.186-3.135-11.314-0.014c-0.005,0.005-0.01,0.01-0.014,0.014\n L256.4,268.28c-3.07,3.178-2.982,8.242,0.196,11.312c3.1,2.995,8.016,2.995,11.116,0L288,259.312V360h-96V259.312l20.288,20.28\n c3.069,3.178,8.134,3.266,11.312,0.196c3.178-3.07,3.266-8.134,0.196-11.312c-0.064-0.067-0.13-0.132-0.196-0.196l-33.936-33.928\n c-3.12-3.128-8.186-3.135-11.314-0.014c-0.005,0.005-0.01,0.01-0.014,0.014L144.4,268.28c-3.178,3.07-3.266,8.134-0.196,11.312\n c3.069,3.178,8.134,3.266,11.312,0.196c0.067-0.064,0.132-0.13,0.196-0.196L176,259.312V360h-48c-4.418,0-8,3.582-8,8\n S123.582,376,128,376z\"/>\n <path d=\"M192,176h96c13.255,0,24-10.745,24-24s-10.745-24-24-24h-96c-13.255,0-24,10.745-24,24S178.745,176,192,176z M192,144h96\n c4.418,0,8,3.582,8,8s-3.582,8-8,8h-96c-4.418,0-8-3.582-8-8S187.582,144,192,144z\"/>\n <rect x=\"56\" y=\"440\" width=\"16\" height=\"16\"/>\n <rect x=\"24\" y=\"440\" width=\"16\" height=\"16\"/>\n <rect x=\"88\" y=\"440\" width=\"16\" height=\"16\"/>\n <rect x=\"120\" y=\"440\" width=\"16\" height=\"16\"/>\n <rect x=\"152\" y=\"440\" width=\"16\" height=\"16\"/>\n <rect x=\"184\" y=\"440\" width=\"16\" height=\"16\"/>\n <rect x=\"216\" y=\"440\" width=\"16\" height=\"16\"/>\n <rect x=\"248\" y=\"440\" width=\"16\" height=\"16\"/>\n <rect x=\"280\" y=\"440\" width=\"16\" height=\"16\"/>\n <rect x=\"312\" y=\"440\" width=\"16\" height=\"16\"/>\n <rect x=\"344\" y=\"440\" width=\"16\" height=\"16\"/>\n <rect x=\"376\" y=\"440\" width=\"16\" height=\"16\"/>\n <rect x=\"408\" y=\"440\" width=\"16\" height=\"16\"/>\n <rect x=\"440\" y=\"440\" width=\"16\" height=\"16\"/>\n </g>\n </g>\n </g>\n <g>\n </g>\n <g>\n </g>\n <g>\n </g>\n <g>\n </g>\n <g>\n </g>\n <g>\n </g>\n <g>\n </g>\n <g>\n </g>\n <g>\n </g>\n <g>\n </g>\n <g>\n </g>\n <g>\n </g>\n <g>\n </g>\n <g>\n </g>\n <g>\n </g>\n</svg>\n<svg *ngIf=\"icon === 'excel'\" [id]=\"idIcon\" [ngClass]=\"icon\" class=\"koala-icon\" [style]=\"style\" viewBox=\"0 -16 512 512\" xmlns=\"http://www.w3.org/2000/svg\">\n <path d=\"M496,432.011H272c-8.832,0-16-7.168-16-16s0-311.168,0-320s7.168-16,16-16h224\n\tc8.832,0,16,7.168,16,16v320C512,424.843,504.832,432.011,496,432.011z\"/>\n <g>\n <path style=\"fill:#FAFAFA;\" d=\"M336,176.011h-64c-8.832,0-16-7.168-16-16s7.168-16,16-16h64c8.832,0,16,7.168,16,16\n S344.832,176.011,336,176.011z\"/>\n <path style=\"fill:#FAFAFA;\" d=\"M336,240.011h-64c-8.832,0-16-7.168-16-16s7.168-16,16-16h64c8.832,0,16,7.168,16,16\n S344.832,240.011,336,240.011z\"/>\n <path style=\"fill:#FAFAFA;\" d=\"M336,304.011h-64c-8.832,0-16-7.168-16-16s7.168-16,16-16h64c8.832,0,16,7.168,16,16\n S344.832,304.011,336,304.011z\"/>\n <path style=\"fill:#FAFAFA;\" d=\"M336,368.011h-64c-8.832,0-16-7.168-16-16s7.168-16,16-16h64c8.832,0,16,7.168,16,16\n S344.832,368.011,336,368.011z\"/>\n <path style=\"fill:#FAFAFA;\" d=\"M432,176.011h-32c-8.832,0-16-7.168-16-16s7.168-16,16-16h32c8.832,0,16,7.168,16,16\n S440.832,176.011,432,176.011z\"/>\n <path style=\"fill:#FAFAFA;\" d=\"M432,240.011h-32c-8.832,0-16-7.168-16-16s7.168-16,16-16h32c8.832,0,16,7.168,16,16\n S440.832,240.011,432,240.011z\"/>\n <path style=\"fill:#FAFAFA;\" d=\"M432,304.011h-32c-8.832,0-16-7.168-16-16s7.168-16,16-16h32c8.832,0,16,7.168,16,16\n S440.832,304.011,432,304.011z\"/>\n <path style=\"fill:#FAFAFA;\" d=\"M432,368.011h-32c-8.832,0-16-7.168-16-16s7.168-16,16-16h32c8.832,0,16,7.168,16,16\n S440.832,368.011,432,368.011z\"/>\n </g>\n <path d=\"M282.208,19.691c-3.648-3.04-8.544-4.352-13.152-3.392l-256,48C5.472,65.707,0,72.299,0,80.011v352\nc0,7.68,5.472,14.304,13.056,15.712l256,48c0.96,0.192,1.952,0.288,2.944,0.288c3.712,0,7.328-1.28,10.208-3.68\nc3.68-3.04,5.792-7.584,5.792-12.32v-448C288,27.243,285.888,22.731,282.208,19.691z\"/>\n <path style=\"fill:#FAFAFA;\" d=\"M220.032,309.483l-50.592-57.824l51.168-65.792c5.44-6.976,4.16-17.024-2.784-22.464\nc-6.944-5.44-16.992-4.16-22.464,2.784l-47.392,60.928l-39.936-45.632c-5.856-6.72-15.968-7.328-22.56-1.504\nc-6.656,5.824-7.328,15.936-1.504,22.56l44,50.304L83.36,310.187c-5.44,6.976-4.16,17.024,2.784,22.464\nc2.944,2.272,6.432,3.36,9.856,3.36c4.768,0,9.472-2.112,12.64-6.176l40.8-52.48l46.528,53.152\nc3.168,3.648,7.584,5.504,12.032,5.504c3.744,0,7.488-1.312,10.528-3.968C225.184,326.219,225.856,316.107,220.032,309.483z\"/>\n <g>\n </g>\n <g>\n </g>\n <g>\n </g>\n <g>\n </g>\n <g>\n </g>\n <g>\n </g>\n <g>\n </g>\n <g>\n </g>\n <g>\n </g>\n <g>\n </g>\n <g>\n </g>\n <g>\n </g>\n <g>\n </g>\n <g>\n </g>\n <g>\n </g>\n</svg>\n<svg *ngIf=\"icon === 'word'\" [id]=\"idIcon\" [ngClass]=\"icon\" class=\"koala-icon\" [style]=\"style\" viewBox=\"0 -16 512 512\" xmlns=\"http://www.w3.org/2000/svg\">\n <path d=\"M496,432.004H272c-8.832,0-16-7.136-16-16s0-311.168,0-320s7.168-16,16-16h224\n\tc8.832,0,16,7.168,16,16v320C512,424.868,504.832,432.004,496,432.004z\"/>\n <g>\n <path style=\"fill:#ffffff;\" d=\"M432,176.004H272c-8.832,0-16-7.136-16-16s7.168-16,16-16h160c8.832,0,16,7.168,16,16\n\t\tS440.832,176.004,432,176.004z\"/>\n <path style=\"fill:#ffffff;\" d=\"M432,240.004H272c-8.832,0-16-7.136-16-16s7.168-16,16-16h160c8.832,0,16,7.168,16,16\n\t\tS440.832,240.004,432,240.004z\"/>\n <path style=\"fill:#ffffff;\" d=\"M432,304.004H272c-8.832,0-16-7.136-16-16c0-8.864,7.168-16,16-16h160c8.832,0,16,7.168,16,16\n\t\tS440.832,304.004,432,304.004z\"/>\n <path style=\"fill:#ffffff;\" d=\"M432,368.004H272c-8.832,0-16-7.136-16-16s7.168-16,16-16h160c8.832,0,16,7.168,16,16\n\t\tS440.832,368.004,432,368.004z\"/>\n </g>\n <path d=\"M282.208,19.716c-3.648-3.072-8.544-4.352-13.152-3.424l-256,48C5.504,65.7,0,72.324,0,80.004v352\n\tc0,7.68,5.472,14.304,13.056,15.712l256,48c0.992,0.192,1.952,0.288,2.944,0.288c3.712,0,7.328-1.28,10.208-3.68\n\tc3.68-3.04,5.792-7.552,5.792-12.32v-448C288,27.236,285.888,22.756,282.208,19.716z\"/>\n <path style=\"fill:#FAFAFA;\" d=\"M207.904,337.796c-0.832,7.328-6.592,13.184-13.92,14.08c-0.672,0.096-1.312,0.128-1.984,0.128\n\tc-6.592,0-12.608-4.096-14.976-10.368L144,253.572l-33.024,88.064c-2.56,6.848-9.28,11.04-16.704,10.272\n\tc-7.264-0.768-13.088-6.4-14.112-13.664l-16-112c-1.248-8.704,4.832-16.832,13.568-18.08c8.768-1.28,16.864,4.832,18.112,13.568\n\tl7.136,50.048l26.016-69.408c4.672-12.48,25.28-12.48,29.984,0l24.512,65.344l8.608-77.504c0.992-8.768,9.12-15.072,17.664-14.144\n\tc8.8,1.024,15.104,8.928,14.144,17.696L207.904,337.796z\"/>\n <g>\n </g>\n <g>\n </g>\n <g>\n </g>\n <g>\n </g>\n <g>\n </g>\n <g>\n </g>\n <g>\n </g>\n <g>\n </g>\n <g>\n </g>\n <g>\n </g>\n <g>\n </g>\n <g>\n </g>\n <g>\n </g>\n <g>\n </g>\n <g>\n </g>\n</svg>\n<svg *ngIf=\"icon === 'pdf'\" [id]=\"idIcon\" [ngClass]=\"icon\" class=\"koala-icon\" [style]=\"style\" viewBox=\"0 -16 512 512\" xmlns=\"http://www.w3.org/2000/svg\">\n <path d=\"m481.059 77.662-70.772-70.77c-4.445-4.444-10.354-6.892-16.64-6.892h-297.97c-12.975 0-23.532 10.557-23.532 23.532v232.984h-16.548c-17.396 0-31.548 14.153-31.548 31.548v144.29c0 17.396 14.152 31.549 31.548 31.549h248.5c12.976 0 23.532-10.557 23.532-23.532v-112.225c0-12.976-10.557-23.533-23.532-23.533h-248.5c-9.125 0-16.548-7.423-16.548-16.548s7.423-16.548 16.548-16.548h16.548v8.535c0 4.142 3.358 7.5 7.5 7.5s7.5-3.358 7.5-7.5v-256.52c0-4.705 3.828-8.532 8.532-8.532h289.097v72.661c0 8.556 6.96 15.517 15.516 15.517h72.661v385.29c0 4.705-3.828 8.532-8.532 8.532h-368.742c-4.705 0-8.532-3.827-8.532-8.532 0-4.142-3.358-7.5-7.5-7.5s-7.5 3.358-7.5 7.5c0 12.976 10.557 23.532 23.532 23.532h368.742c12.976 0 23.532-10.557 23.532-23.532v-394.166c.001-6.285-2.447-12.195-6.892-16.64zm-425.462 241.951h248.5c4.705 0 8.532 3.828 8.532 8.533v112.226c0 4.705-3.828 8.532-8.532 8.532h-248.5c-9.125 0-16.548-7.424-16.548-16.549v-117.44c4.813 2.979 10.483 4.698 16.548 4.698zm344.177-231.952v-70.068l70.587 70.585h-70.071c-.284 0-.516-.232-.516-.517z\"/><path d=\"m236.571 423.588c4.142 0 7.5-3.358 7.5-7.5v-24.933h16.251c4.142 0 7.5-3.358 7.5-7.5s-3.358-7.5-7.5-7.5h-16.251v-16.227h18.301c4.142 0 7.5-3.358 7.5-7.5 0-4.143-3.358-7.5-7.5-7.5h-25.801c-4.142 0-7.5 3.357-7.5 7.5v63.659c0 4.142 3.358 7.501 7.5 7.501z\"/><path d=\"m157.74 420.697c1.405 1.395 3.305 2.177 5.284 2.177h.028c.533-.002 13.098-.05 18.117-.138 18.533-.324 31.985-16.506 31.985-38.478 0-23.097-13.113-38.616-32.631-38.616h-17.625c-1.992 0-3.901.792-5.308 2.202s-2.196 3.321-2.192 5.312v.049.001 61.157c0 .515.052 1.018.151 1.504.12 1.819.89 3.539 2.191 4.83zm22.783-60.055c13 0 17.631 12.199 17.631 23.616 0 16.012-8.662 23.331-17.247 23.48-2.386.042-6.643.075-10.409.098-.024-7.358-.074-39.54-.087-47.194z\"/><path d=\"m95.445 423.822c4.142 0 7.5-3.357 7.5-7.5v-20.396c3.724-.02 7.958-.039 10.356-.039 14.31 0 25.952-11.482 25.952-25.597s-11.642-25.598-25.952-25.598h-17.856c-1.993 0-3.904.794-5.312 2.205-1.402 1.406-2.187 3.311-2.187 5.295h-.001v64.129c0 4.144 3.358 7.501 7.5 7.501zm17.856-64.129c5.937 0 10.952 4.854 10.952 10.598s-5.015 10.597-10.952 10.597c-2.382 0-6.563.019-10.273.038-.02-3.831-.05-17.224-.061-21.232h10.334z\"/><path d=\"m235.948 217.462c-18.433 5.818-37.352 13.871-47.444 24.288-8.327 8.595-9.836 18.567-4.141 27.36 3.865 5.967 9.178 9.086 15.152 9.086 2.293 0 4.684-.46 7.127-1.394 8.813-3.37 18.331-12.957 29.098-29.31 3.476-5.279 6.995-11.146 10.498-17.493 1.275-.375 2.575-.748 3.905-1.12 21.166-5.922 45.112-10.22 66.128-12.016 12.811 12.388 26.053 22.04 37.342 24.673 12.419 2.897 22.265-2.782 26.332-15.192 2.463-7.517-.373-14.605-7.588-18.96-7.418-4.479-20.309-6.642-38.306-6.436-3.833.044-7.879.2-12.089.461-8.085-8.338-16.497-18.303-24.598-29.308-6.276-8.525-11.886-17.056-16.63-25.165.516-1.777 1.006-3.53 1.471-5.252 5.127-19.013 6.956-33.57 5.435-43.268-2.197-14.005-11.236-15.994-15.02-16.198-12.885-.697-21.564 5.804-23.215 17.389-1.312 9.203 1.783 21.865 9.198 37.633 1.763 3.748 3.74 7.611 5.911 11.556-.809 2.596-1.686 5.297-2.636 8.108-6.914 20.454-16.278 42.249-25.93 60.558zm-36.017 45.694c-.535.067-1.437.18-2.979-2.201-1.255-1.938-1.323-3.4-.252-5.396 2.504-4.668 11.053-11.218 27.596-17.984-11.546 17.908-20.175 25.058-24.365 25.581zm165.884-41.993c-.011.093-.041.259-.124.511-1.873 5.716-4.39 6.255-8.671 5.256-5.226-1.219-11.864-5.08-19.268-10.989 20.048.16 27.042 3.772 28.063 5.222zm-101.561-119.438c.306-2.144.649-4.555 6.355-4.555.359 0 .74.01 1.142.029 1.708 2.081 2.587 11.34-1.365 29.664-4.655-10.675-6.929-19.543-6.132-25.138zm10.444 64.004c3.292 5.059 6.833 10.168 10.586 15.266 5.384 7.314 11.466 14.907 17.899 22.155-7.442.898-15.118 2.057-22.797 3.451-5.196.943-14.255 2.722-24.859 5.367 2.352-4.877 4.671-9.932 6.94-15.13 4.51-10.329 8.658-20.898 12.231-31.109z\"/>\n</svg>\n<svg *ngIf=\"icon === 'edit'\" [id]=\"idIcon\" [ngClass]=\"icon\" class=\"koala-icon\" [style]=\"style\" viewBox=\"0 -1 381.53417 381\" xmlns=\"http://www.w3.org/2000/svg\">\n <path d=\"m370.589844 230.964844c-5.523438 0-10 4.476562-10 10v88.792968c-.019532 16.558594-13.4375 29.980469-30 30h-280.589844c-16.5625-.019531-29.980469-13.441406-30-30v-260.589843c.019531-16.5625 13.4375-29.980469 30-30h88.789062c5.523438 0 10-4.476563 10-10 0-5.523438-4.476562-10-10-10h-88.789062c-27.601562.03125-49.96875 22.398437-50 50v260.589843c.03125 27.601563 22.398438 49.96875 50 50h280.589844c27.601562-.03125 49.96875-22.398437 50-50v-88.789062c0-5.523438-4.476563-10.003906-10-10.003906zm0 0\"/><path d=\"m156.367188 178.34375 146.011718-146.015625 47.089844 47.089844-146.011719 146.015625zm0 0\"/><path d=\"m132.542969 249.257812 52.039062-14.414062-37.625-37.625zm0 0\"/><path d=\"m362.488281 7.578125c-9.769531-9.746094-25.585937-9.746094-35.355469 0l-10.605468 10.605469 47.089844 47.089844 10.605468-10.605469c9.75-9.769531 9.75-25.585938 0-35.355469zm0 0\"/>\n</svg>\n<svg *ngIf=\"icon === 'trash'\" [id]=\"idIcon\" [ngClass]=\"icon\" class=\"koala-icon\" [style]=\"style\" viewBox=\"0 0 512 512\" xmlns=\"http://www.w3.org/2000/svg\">\n <path d=\"m424 64h-88v-16c0-26.51-21.49-48-48-48h-64c-26.51 0-48 21.49-48 48v16h-88c-22.091 0-40 17.909-40 40v32c0 8.837 7.163 16 16 16h384c8.837 0 16-7.163 16-16v-32c0-22.091-17.909-40-40-40zm-216-16c0-8.82 7.18-16 16-16h64c8.82 0 16 7.18 16 16v16h-96z\"/><path d=\"m78.364 184c-2.855 0-5.13 2.386-4.994 5.238l13.2 277.042c1.22 25.64 22.28 45.72 47.94 45.72h242.98c25.66 0 46.72-20.08 47.94-45.72l13.2-277.042c.136-2.852-2.139-5.238-4.994-5.238zm241.636 40c0-8.84 7.16-16 16-16s16 7.16 16 16v208c0 8.84-7.16 16-16 16s-16-7.16-16-16zm-80 0c0-8.84 7.16-16 16-16s16 7.16 16 16v208c0 8.84-7.16 16-16 16s-16-7.16-16-16zm-80 0c0-8.84 7.16-16 16-16s16 7.16 16 16v208c0 8.84-7.16 16-16 16s-16-7.16-16-16z\"/>\n</svg>\n<svg *ngIf=\"icon === 'webComponents'\" [id]=\"idIcon\" [ngClass]=\"icon\" class=\"koala-icon\" [style]=\"style\" viewBox=\"0 0 512 512\" xmlns=\"http://www.w3.org/2000/svg\">\n <path d=\"m377.442 210.448h56.26c4.447 17.114 20.027 29.786 38.512 29.786 21.938 0 39.786-17.848 39.786-39.786s-17.848-39.785-39.786-39.785c-18.485 0-34.065 12.672-38.512 29.785h-56.26v-33.516c0-24.395-19.846-44.24-44.24-44.24h-217.62c.452-9.587 8.37-17.254 18.068-17.254h300.052c4.447 17.113 20.027 29.785 38.512 29.785 21.938 0 39.786-17.848 39.786-39.785 0-21.938-17.848-39.786-39.786-39.786-18.485 0-34.065 12.673-38.512 29.786h-300.052c-20.727 0-37.63 16.635-38.09 37.254h-51.32c-24.394 0-44.24 19.846-44.24 44.24v212.694c0 24.394 19.846 44.239 44.24 44.239h105.685l-3.602 32.481h-24.413c-5.523 0-10 4.478-10 10s4.477 10 10 10h133.465c5.523 0 10-4.478 10-10s-4.477-10-10-10h-24.414l-3.602-32.481h105.843c24.394 0 44.24-19.846 44.24-44.239 0-17.105 0-50.488 0-66.361h56.26c4.447 17.114 20.027 29.786 38.512 29.786 21.938 0 39.786-17.848 39.786-39.786s-17.848-39.786-39.786-39.786c-18.485 0-34.065 12.673-38.512 29.786h-56.26zm94.772-29.785c10.91 0 19.786 8.876 19.786 19.785 0 10.91-8.876 19.786-19.786 19.786s-19.786-8.876-19.786-19.786c0-10.909 8.876-19.785 19.786-19.785zm0-115.011c10.91 0 19.786 8.876 19.786 19.786 0 10.909-8.876 19.785-19.786 19.785s-19.786-8.876-19.786-19.785c0-10.91 8.876-19.786 19.786-19.786zm0 207.827c10.91 0 19.786 8.876 19.786 19.786s-8.876 19.786-19.786 19.786-19.786-8.876-19.786-19.786 8.876-19.786 19.786-19.786zm-261.376 172.869h-44.392l3.602-32.481h37.189zm146.604-105.902h-33.109c-5.523 0-10 4.478-10 10s4.477 10 10 10h33.109v9.181c0 13.365-10.874 24.239-24.24 24.239-10.015 0-274.856 0-288.962 0-13.366 0-24.24-10.874-24.24-24.239v-9.181h224.333c5.523 0 10-4.478 10-10s-4.477-10-10-10h-224.333v-183.513c0-13.366 10.874-24.24 24.24-24.24h51.298v34.976h-30.668c-14.676 0-26.617 11.94-26.617 26.616v103.395c0 14.677 11.94 26.617 26.617 26.617h81.337c14.676 0 26.616-11.94 26.616-26.617v-103.396c0-14.676-11.94-26.616-26.616-26.616h-30.668v-34.976h217.664c13.366 0 24.24 10.874 24.24 24.24v33.516h-18.255c-.027-12.566-10.257-22.78-22.829-22.78h-107.821c-12.589 0-22.831 10.241-22.831 22.83v19.901c0 12.589 10.242 22.83 22.831 22.83h107.821c12.573 0 22.803-10.215 22.829-22.781h18.255v72.817h-18.331c-.922-11.75-10.77-21.03-22.753-21.03h-107.821c-12.589 0-22.831 10.241-22.831 22.83v16.4c0 12.589 10.242 22.831 22.831 22.831h107.821c11.983 0 21.831-9.281 22.753-21.031h18.331v37.181zm-211.235-152.778c3.648 0 6.616 2.968 6.616 6.616v103.396c0 3.648-2.968 6.617-6.616 6.617h-81.337c-3.648 0-6.617-2.969-6.617-6.617v-103.396c0-3.648 2.968-6.616 6.617-6.616zm172.982 2.83v19.901c0 1.561-1.27 2.83-2.831 2.83h-107.82c-1.561 0-2.831-1.27-2.831-2.83v-19.901c0-1.561 1.27-2.83 2.831-2.83h107.821c1.56 0 2.83 1.27 2.83 2.83zm0 94.567v16.4c0 1.562-1.27 2.831-2.831 2.831h-107.82c-1.561 0-2.831-1.27-2.831-2.831v-16.4c0-1.561 1.27-2.83 2.831-2.83h107.821c1.56 0 2.83 1.27 2.83 2.83z\"/><path d=\"m202.388 367.656h-27.333c-5.523 0-10 4.478-10 10s4.477 10 10 10h27.333c5.523 0 10-4.478 10-10s-4.477-10-10-10z\"/><path d=\"m81.394 277.393c4.37 3.36 10.65 2.553 14.022-1.834l10.122-13.168 10.122 13.168c3.372 4.386 9.648 5.195 14.022 1.834 4.379-3.366 5.2-9.645 1.834-14.023l-13.365-17.387 13.365-17.387c3.366-4.379 2.545-10.657-1.834-14.023-4.378-3.366-10.657-2.544-14.022 1.834l-10.122 13.168-10.122-13.168c-3.365-4.377-9.644-5.198-14.022-1.834-4.379 3.366-5.2 9.645-1.834 14.023l13.365 17.387-13.365 17.386c-3.366 4.379-2.545 10.657 1.834 14.024z\"/><path d=\"m284.358 340.446h-.025c-5.523 0-9.987 4.478-9.987 10s4.489 10 10.012 10 10-4.478 10-10-4.477-10-10-10z\"/>\n</svg>\n<svg *ngIf=\"icon === 'deliveryBox'\" [id]=\"idIcon\" [ngClass]=\"icon\" class=\"koala-icon\" [style]=\"style\" viewBox=\"0 0 64 64\" xmlns=\"http://www.w3.org/2000/svg\">\n <path d=\"m46.83 8.45-4-6a1 1 0 0 0 -.83-.45h-20a1 1 0 0 0 -.83.45l-4 6a.967.967 0 0 0 -.17.55v20a3.009 3.009 0 0 0 3 3h24a3.009 3.009 0 0 0 3-3v-20a.967.967 0 0 0 -.17-.55zm-24.29-4.45h18.92l2.67 4h-24.26zm11.46 6v7.13l-1.45-.96a.963.963 0 0 0 -1.1 0l-1.45.96v-7.13zm-15 0h9v4h-9zm26 19a1 1 0 0 1 -1 1h-24a1 1 0 0 1 -1-1v-13h9v3a.984.984 0 0 0 .53.88.963.963 0 0 0 1.02-.05l2.45-1.63 2.45 1.63a1 1 0 0 0 1.55-.83v-3h9zm0-15h-9v-4h9z\"/><path d=\"m32.707 36.293a1 1 0 0 0 -1.414 0l-6 6a1 1 0 0 0 .707 1.707h2v7h2v-8a1 1 0 0 0 -1-1h-.586l3.586-3.586 3.586 3.586h-.586a1 1 0 0 0 -1 1v12h2v-11h2a1 1 0 0 0 .707-1.707z\"/><path d=\"m51 4h2v6h-2z\"/><path d=\"m51 12h2v2h-2z\"/><path d=\"m57 7h2v4h-2z\"/><path d=\"m57 13h2v2h-2z\"/><path d=\"m11 4h2v6h-2z\"/><path d=\"m11 12h2v2h-2z\"/><path d=\"m5 7h2v4h-2z\"/><path d=\"m5 13h2v2h-2z\"/><path d=\"m44 56h2v2h-2z\"/><path d=\"m56 18a4 4 0 0 0 -4 4v8.44a3.354 3.354 0 0 0 -.44.07 4 4 0 0 0 -2.43 1.87l-7 12.12a1.063 1.063 0 0 0 -.13.5v7h-1a1 1 0 0 0 -1 1v8a1 1 0 0 0 1 1h16a1 1 0 0 0 1-1v-8a1 1 0 0 0 -1-1h-1v-.65l3.78-4.73a.977.977 0 0 0 .22-.62v-24a4 4 0 0 0 -4-4zm0 42h-14v-6h14zm2-14.35-3.78 4.73a.977.977 0 0 0 -.22.62v1h-10v-6.73l6.87-11.89a2 2 0 1 1 3.46 2l-5 8.66 1.73 1 5-8.66a4.008 4.008 0 0 0 -1.46-5.47 4.592 4.592 0 0 0 -.6-.27v-8.64a2 2 0 0 1 4 0z\"/><path d=\"m24 52h-1v-7a1.063 1.063 0 0 0 -.13-.5l-7-12.12a3.994 3.994 0 0 0 -2.87-1.94v-8.44a4 4 0 0 0 -8 0v24a.977.977 0 0 0 .22.62l3.78 4.73v.65h-1a1 1 0 0 0 -1 1v8a1 1 0 0 0 1 1h16a1 1 0 0 0 1-1v-8a1 1 0 0 0 -1-1zm-17-6.35v-23.65a2 2 0 0 1 4 0v8.64a5.279 5.279 0 0 0 -.6.27 4 4 0 0 0 -1.46 5.47l5 8.66 1.73-1-5-8.66a2 2 0 1 1 3.46-2l6.87 11.89v6.73h-10v-1a.977.977 0 0 0 -.22-.62zm16 14.35h-14v-6h14z\"/><path d=\"m19 56h2v2h-2z\"/><path d=\"m34 57h2v2h-2z\"/><path d=\"m28 53h2v2h-2z\"/>\n</svg>\n<svg *ngIf=\"icon === 'github'\" [id]=\"idIcon\" [ngClass]=\"icon\" class=\"koala-icon\" [style]=\"style\" viewBox=\"0 2 24 24\" xmlns=\"http://www.w3.org/2000/svg\" enable-background=\"new 0 0 24 24\">\n <path d=\"m12 .5c-6.63 0-12 5.28-12 11.792 0 5.211 3.438 9.63 8.205 11.188.6.111.82-.254.82-.567 0-.28-.01-1.022-.015-2.005-3.338.711-4.042-1.582-4.042-1.582-.546-1.361-1.335-1.725-1.335-1.725-1.087-.731.084-.716.084-.716 1.205.082 1.838 1.215 1.838 1.215 1.07 1.803 2.809 1.282 3.495.981.108-.763.417-1.282.76-1.577-2.665-.295-5.466-1.309-5.466-5.827 0-1.287.465-2.339 1.235-3.164-.135-.298-.54-1.497.105-3.121 0 0 1.005-.316 3.3 1.209.96-.262 1.98-.392 3-.398 1.02.006 2.04.136 3 .398 2.28-1.525 3.285-1.209 3.285-1.209.645 1.624.24 2.823.12 3.121.765.825 1.23 1.877 1.23 3.164 0 4.53-2.805 5.527-5.475 5.817.42.354.81 1.077.81 2.182 0 1.578-.015 2.846-.015 3.229 0 .309.21.678.825.56 4.801-1.548 8.236-5.97 8.236-11.173 0-6.512-5.373-11.792-12-11.792z\"/>\n</svg>\n<svg *ngIf=\"icon === 'facebook_squared'\" [id]=\"idIcon\" [ngClass]=\"icon\" class=\"koala-icon\" [style]=\"style\" viewBox=\"0 0 60.734 60.733\" xmlns=\"http://www.w3.org/2000/svg\">\n\t<path d=\"M57.378,0.001H3.352C1.502,0.001,0,1.5,0,3.353v54.026c0,1.853,1.502,3.354,3.352,3.354h29.086V37.214h-7.914v-9.167h7.914\n\t\tv-6.76c0-7.843,4.789-12.116,11.787-12.116c3.355,0,6.232,0.251,7.071,0.36v8.198l-4.854,0.002c-3.805,0-4.539,1.809-4.539,4.462\n\t\tv5.851h9.078l-1.187,9.166h-7.892v23.52h15.475c1.852,0,3.355-1.503,3.355-3.351V3.351C60.731,1.5,59.23,0.001,57.378,0.001z\"/>\n</svg>\n<svg *ngIf=\"icon === 'facebook_circle'\" [id]=\"idIcon\" [ngClass]=\"icon\" class=\"koala-icon\" [style]=\"style\" viewBox=\"00 0 512 512\" xmlns=\"http://www.w3.org/2000/svg\">\n <path d=\"m512 256c0-141.4-114.6-256-256-256s-256 114.6-256 256 114.6 256 256 256c1.5 0 3 0 4.5-.1v-199.2h-55v-64.1h55v-47.2c0-54.7 33.4-84.5 82.2-84.5 23.4 0 43.5 1.7 49.3 2.5v57.2h-33.6c-26.5 0-31.7 12.6-31.7 31.1v40.8h63.5l-8.3 64.1h-55.2v189.5c107-30.7 185.3-129.2 185.3-246.1z\"/>\n</svg>\n<svg *ngIf=\"icon === 'instagram'\" [id]=\"idIcon\" [ngClass]=\"icon\" class=\"koala-icon\" [style]=\"style\" viewBox=\"0 0 512 512.00006\" xmlns=\"http://www.w3.org/2000/svg\">\n <path d=\"m261.039062 512c-1.695312 0-3.390624 0-5.097656-.007812-40.132812.097656-77.214844-.921876-113.277344-3.117188-33.0625-2.011719-63.242187-13.4375-87.28125-33.039062-23.195312-18.914063-39.035156-44.488282-47.078124-76.003907-7-27.4375-7.371094-54.371093-7.726563-80.421875-.257813-18.691406-.5234375-40.839844-.578125-63.363281.0546875-22.617187.320312-44.765625.578125-63.457031.355469-26.046875.726563-52.980469 7.726563-80.421875 8.042968-31.515625 23.882812-57.089844 47.078124-76.003907 24.039063-19.601562 54.21875-31.027343 87.285157-33.039062 36.0625-2.191406 73.152343-3.2148438 113.371093-3.1171875 40.144532-.0859375 77.214844.9257815 113.277344 3.1171875 33.0625 2.011719 63.242188 13.4375 87.28125 33.039062 23.199219 18.914063 39.035156 44.488282 47.078125 76.003907 7 27.4375 7.371094 54.375 7.726563 80.421875.257812 18.691406.527344 40.839844.578125 63.363281-.050781 22.617187-.320313 44.765625-.578125 63.457031-.148438 11.046875-9.273438 19.875-20.269532 19.726563-11.046874-.152344-19.875-9.230469-19.726562-20.273438.253906-18.582031.523438-40.585937.574219-62.910156-.050781-22.230469-.320313-44.234375-.574219-62.816406-.324219-23.714844-.660156-48.238281-6.488281-71.078125-5.878907-23.039063-17.183594-41.507813-33.597657-54.894532-17.753906-14.480468-39.433593-22.59375-64.433593-24.113281-35.214844-2.140625-71.464844-3.128906-110.847657-3.046875-39.476562-.09375-75.730468.90625-110.945312 3.046875-25 1.519531-46.675781 9.632813-64.433594 24.109375-16.414062 13.386719-27.71875 31.855469-33.597656 54.898438-5.828125 22.839844-6.164062 47.363281-6.488281 71.078125-.253907 18.582031-.519531 40.585937-.574219 62.910156.054688 22.230469.320312 44.234375.574219 62.816406.324219 23.714844.660156 48.238281 6.488281 71.078125 5.878906 23.039063 17.183594 41.507813 33.597656 54.894532 17.757813 14.480468 39.433594 22.59375 64.433594 24.113281 35.214844 2.140625 71.476562 3.140625 110.851562 3.042969 39.480469.09375 75.726563-.902344 110.941407-3.042969 25-1.519531 46.675781-9.632813 64.433593-24.113281 11.824219-9.644532 21.0625-22.019532 27.457032-36.785157 4.390625-10.132812 16.164062-14.792969 26.300781-10.402343 10.136719 4.390624 14.792969 16.164062 10.40625 26.300781-8.964844 20.699219-22.046875 38.15625-38.886719 51.886719-24.039062 19.605468-54.21875 31.027343-87.28125 33.039062-34.535156 2.101562-70.011718 3.125-108.277344 3.125zm118.949219-256c0-68.925781-56.074219-125-125-125-68.921875 0-125 56.074219-125 125s56.078125 125 125 125c68.925781 0 125-56.074219 125-125zm-40 0c0 46.867188-38.128906 85-85 85-46.867187 0-85-38.132812-85-85s38.132813-85 85-85c46.871094 0 85 38.132812 85 85zm54-165c-16.566406 0-30 13.429688-30 30s13.433594 30 30 30c16.570313 0 30-13.429688 30-30s-13.429687-30-30-30zm0 0\"/>\n</svg>\n<svg *ngIf=\"icon === 'twitter_squared'\" [id]=\"idIcon\" [ngClass]=\"icon\" class=\"koala-icon\" [style]=\"style\" viewBox=\"0 0 512 512\" xmlns=\"http://www.w3.org/2000/svg\">\n <path d=\"m475.074219 0h-438.148438c-20.394531 0-36.925781 16.53125-36.925781 36.925781v438.148438c0 20.394531 16.53125 36.925781 36.925781 36.925781h438.148438c20.394531 0 36.925781-16.53125 36.925781-36.925781v-438.148438c0-20.394531-16.53125-36.925781-36.925781-36.925781zm-102.1875 199.601562c.113281 2.519532.167969 5.050782.167969 7.59375 0 77.644532-59.101563 167.179688-167.183594 167.183594h.003906-.003906c-33.183594 0-64.0625-9.726562-90.066406-26.394531 4.597656.542969 9.277343.8125 14.015624.8125 27.53125 0 52.867188-9.390625 72.980469-25.152344-25.722656-.476562-47.410156-17.464843-54.894531-40.8125 3.582031.6875 7.265625 1.0625 11.042969 1.0625 5.363281 0 10.558593-.722656 15.496093-2.070312-26.886718-5.382813-47.140624-29.144531-47.140624-57.597657 0-.265624 0-.503906.007812-.75 7.917969 4.402344 16.972656 7.050782 26.613281 7.347657-15.777343-10.527344-26.148437-28.523438-26.148437-48.910157 0-10.765624 2.910156-20.851562 7.957031-29.535156 28.976563 35.554688 72.28125 58.9375 121.117187 61.394532-1.007812-4.304688-1.527343-8.789063-1.527343-13.398438 0-32.4375 26.316406-58.753906 58.765625-58.753906 16.902344 0 32.167968 7.144531 42.890625 18.566406 13.386719-2.640625 25.957031-7.53125 37.3125-14.261719-4.394531 13.714844-13.707031 25.222657-25.839844 32.5 11.886719-1.421875 23.214844-4.574219 33.742187-9.253906-7.863281 11.785156-17.835937 22.136719-29.308593 30.429687zm0 0\"/>\n</svg>\n<svg *ngIf=\"icon === 'twitter_circle'\" [id]=\"idIcon\" [ngClass]=\"icon\" class=\"koala-icon\" [style]=\"style\" viewBox=\"0 0 512 512\" xmlns=\"http://www.w3.org/2000/svg\">\n <path d=\"m256 0c-141.363281 0-256 114.636719-256 256s114.636719 256 256 256 256-114.636719 256-256-114.636719-256-256-256zm116.886719 199.601562c.113281 2.519532.167969 5.050782.167969 7.59375 0 77.644532-59.101563 167.179688-167.183594 167.183594h.003906-.003906c-33.183594 0-64.0625-9.726562-90.066406-26.394531 4.597656.542969 9.277343.8125 14.015624.8125 27.53125 0 52.867188-9.390625 72.980469-25.152344-25.722656-.476562-47.410156-17.464843-54.894531-40.8125 3.582031.6875 7.265625 1.0625 11.042969 1.0625 5.363281 0 10.558593-.722656 15.496093-2.070312-26.886718-5.382813-47.140624-29.144531-47.140624-57.597657 0-.265624 0-.503906.007812-.75 7.917969 4.402344 16.972656 7.050782 26.613281 7.347657-15.777343-10.527344-26.148437-28.523438-26.148437-48.910157 0-10.765624 2.910156-20.851562 7.957031-29.535156 28.976563 35.554688 72.28125 58.9375 121.117187 61.394532-1.007812-4.304688-1.527343-8.789063-1.527343-13.398438 0-32.4375 26.316406-58.753906 58.765625-58.753906 16.902344 0 32.167968 7.144531 42.890625 18.566406 13.386719-2.640625 25.957031-7.53125 37.3125-14.261719-4.394531 13.714844-13.707031 25.222657-25.839844 32.5 11.886719-1.421875 23.214844-4.574219 33.742187-9.253906-7.863281 11.785156-17.835937 22.136719-29.308593 30.429687zm0 0\"/>\n</svg>\n<svg *ngIf=\"icon === 'linkedin_squared'\" [id]=\"idIcon\" [ngClass]=\"icon\" class=\"koala-icon\" [style]=\"style\" viewBox=\"0 0 512 512\" xmlns=\"http://www.w3.org/2000/svg\">\n <path d=\"m475.074219 0h-438.148438c-20.394531 0-36.925781 16.53125-36.925781 36.925781v438.148438c0 20.394531 16.53125 36.925781 36.925781 36.925781h438.148438c20.394531 0 36.925781-16.53125 36.925781-36.925781v-438.148438c0-20.394531-16.53125-36.925781-36.925781-36.925781zm-293.464844 387h-62.347656v-187.574219h62.347656zm-31.171875-213.1875h-.40625c-20.921875 0-34.453125-14.402344-34.453125-32.402344 0-18.40625 13.945313-32.410156 35.273437-32.410156 21.328126 0 34.453126 14.003906 34.859376 32.410156 0 18-13.53125 32.402344-35.273438 32.402344zm255.984375 213.1875h-62.339844v-100.347656c0-25.21875-9.027343-42.417969-31.585937-42.417969-17.222656 0-27.480469 11.601563-31.988282 22.800781-1.648437 4.007813-2.050781 9.609375-2.050781 15.214844v104.75h-62.34375s.816407-169.976562 0-187.574219h62.34375v26.558594c8.285157-12.78125 23.109375-30.960937 56.1875-30.960937 41.019531 0 71.777344 26.808593 71.777344 84.421874zm0 0\"/>\n</svg>\n<svg *ngIf=\"icon === 'linkedin_circle'\" [id]=\"idIcon\" [ngClass]=\"icon\" class=\"koala-icon\" [style]=\"style\" viewBox=\"0 0 512 512\" xmlns=\"http://www.w3.org/2000/svg\">\n <path d=\"m256 0c-141.363281 0-256 114.636719-256 256s114.636719 256 256 256 256-114.636719 256-256-114.636719-256-256-256zm-74.390625 387h-62.347656v-187.574219h62.347656zm-31.171875-213.1875h-.40625c-20.921875 0-34.453125-14.402344-34.453125-32.402344 0-18.40625 13.945313-32.410156 35.273437-32.410156 21.328126 0 34.453126 14.003906 34.859376 32.410156 0 18-13.53125 32.402344-35.273438 32.402344zm255.984375 213.1875h-62.339844v-100.347656c0-25.21875-9.027343-42.417969-31.585937-42.417969-17.222656 0-27.480469 11.601563-31.988282 22.800781-1.648437 4.007813-2.050781 9.609375-2.050781 15.214844v104.75h-62.34375s.816407-169.976562 0-187.574219h62.34375v26.558594c8.285157-12.78125 23.109375-30.960937 56.1875-30.960937 41.019531 0 71.777344 26.808593 71.777344 84.421874zm0 0\"/>\n</svg>\n<svg *ngIf=\"icon === 'google'\" [id]=\"idIcon\" [ngClass]=\"icon\" class=\"koala-icon\" [style]=\"style\" viewBox=\"0 0 512 512\" xmlns=\"http://www.w3.org/2000/svg\">\n <path style=\"fill:#FBBB00;\" d=\"M113.47,309.408L95.648,375.94l-65.139,1.378C11.042,341.211,0,299.9,0,256\n\tc0-42.451,10.324-82.483,28.624-117.732h0.014l57.992,10.632l25.404,57.644c-5.317,15.501-8.215,32.141-8.215,49.456\n\tC103.821,274.792,107.225,292.797,113.47,309.408z\"/>\n <path style=\"fill:#518EF8;\" d=\"M507.527,208.176C510.467,223.662,512,239.655,512,256c0,18.328-1.927,36.206-5.598,53.451\n\tc-12.462,58.683-45.025,109.925-90.134,146.187l-0.014-0.014l-73.044-3.727l-10.338-64.535\n\tc29.932-17.554,53.324-45.025,65.646-77.911h-136.89V208.176h138.887L507.527,208.176L507.527,208.176z\"/>\n <path style=\"fill:#28B446;\" d=\"M416.253,455.624l0.014,0.014C372.396,490.901,316.666,512,256,512\n\tc-97.491,0-182.252-54.491-225.491-134.681l82.961-67.91c21.619,57.698,77.278,98.771,142.53,98.771\n\tc28.047,0,54.323-7.582,76.87-20.818L416.253,455.624z\"/>\n <path style=\"fill:#F14336;\" d=\"M419.404,58.936l-82.933,67.896c-23.335-14.586-50.919-23.012-80.471-23.012\n\tc-66.729,0-123.429,42.957-143.965,102.724l-83.397-68.276h-0.014C71.23,56.123,157.06,0,256,0\n\tC318.115,0,375.068,22.126,419.404,58.936z\"/>\n</svg>\n<svg *ngIf=\"icon === 'whatsapp'\" [id]=\"idIcon\" [ngClass]=\"icon\" class=\"koala-icon\" [style]=\"style\" viewBox=\"-23 -21 682 682.66669\" width=\"682pt\" xmlns=\"http://www.w3.org/2000/svg\">\n <path d=\"m544.386719 93.007812c-59.875-59.945312-139.503907-92.9726558-224.335938-93.007812-174.804687 0-317.070312 142.261719-317.140625 317.113281-.023437 55.894531 14.578125 110.457031 42.332032 158.550781l-44.992188 164.335938 168.121094-44.101562c46.324218 25.269531 98.476562 38.585937 151.550781 38.601562h.132813c174.785156 0 317.066406-142.273438 317.132812-317.132812.035156-84.742188-32.921875-164.417969-92.800781-224.359376zm-224.335938 487.933594h-.109375c-47.296875-.019531-93.683594-12.730468-134.160156-36.742187l-9.621094-5.714844-99.765625 26.171875 26.628907-97.269531-6.269532-9.972657c-26.386718-41.96875-40.320312-90.476562-40.296875-140.28125.054688-145.332031 118.304688-263.570312 263.699219-263.570312 70.40625.023438 136.589844 27.476562 186.355469 77.300781s77.15625 116.050781 77.132812 186.484375c-.0625 145.34375-118.304687 263.59375-263.59375 263.59375zm144.585938-197.417968c-7.921875-3.96875-46.882813-23.132813-54.148438-25.78125-7.257812-2.644532-12.546875-3.960938-17.824219 3.96875-5.285156 7.929687-20.46875 25.78125-25.09375 31.066406-4.625 5.289062-9.242187 5.953125-17.167968 1.984375-7.925782-3.964844-33.457032-12.335938-63.726563-39.332031-23.554687-21.011719-39.457031-46.960938-44.082031-54.890626-4.617188-7.9375-.039062-11.8125 3.476562-16.171874 8.578126-10.652344 17.167969-21.820313 19.808594-27.105469 2.644532-5.289063 1.320313-9.917969-.664062-13.882813-1.976563-3.964844-17.824219-42.96875-24.425782-58.839844-6.4375-15.445312-12.964843-13.359374-17.832031-13.601562-4.617187-.230469-9.902343-.277344-15.1875-.277344-5.28125 0-13.867187 1.980469-21.132812 9.917969-7.261719 7.933594-27.730469 27.101563-27.730469 66.105469s28.394531 76.683594 32.355469 81.972656c3.960937 5.289062 55.878906 85.328125 135.367187 119.648438 18.90625 8.171874 33.664063 13.042968 45.175782 16.695312 18.984374 6.03125 36.253906 5.179688 49.910156 3.140625 15.226562-2.277344 46.878906-19.171875 53.488281-37.679687 6.601563-18.511719 6.601563-34.375 4.617187-37.683594-1.976562-3.304688-7.261718-5.285156-15.183593-9.253906zm0 0\" fill-rule=\"evenodd\"/>\n</svg>\n", styles: [".koala-icon{overflow:visible;display:block;margin:auto}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: IconComponent, decorators: [{
type: Component,
args: [{ selector: 'koala-icon', template: "<svg *ngIf=\"icon === 'notFound'\" [id]=\"idIcon\" [ngClass]=\"icon\" class=\"koala-icon\" [style]=\"style\" viewBox=\"0 -16 512 512\" xmlns=\"http://www.w3.org/2000/svg\">\n <path d=\"m92.308594 52.230469c0-13.871094-11.28125-25.152344-25.152344-25.152344s-25.15625 11.28125-25.15625 25.152344c0 13.871093 11.285156 25.15625 25.152344 25.15625 13.871094 0 25.15625-11.285157 25.15625-25.15625zm-25.152344 10.15625c-5.601562 0-10.15625-4.558594-10.15625-10.15625 0-5.597657 4.554688-10.152344 10.152344-10.152344 5.601562 0 10.15625 4.554687 10.15625 10.152344 0 5.597656-4.554688 10.15625-10.152344 10.15625zm0 0\"/><path d=\"m126.914062 77.386719c13.871094 0 25.15625-11.285157 25.15625-25.15625 0-13.871094-11.285156-25.152344-25.15625-25.152344-13.867187 0-25.152343 11.28125-25.152343 25.152344 0 13.871093 11.28125 25.15625 25.152343 25.15625zm0-35.308594c5.601563 0 10.15625 4.554687 10.15625 10.152344 0 5.597656-4.554687 10.15625-10.15625 10.15625-5.597656 0-10.152343-4.558594-10.152343-10.15625 0-5.597657 4.554687-10.152344 10.152343-10.152344zm0 0\"/><path d=\"m186.675781 77.386719c13.867188 0 25.152344-11.285157 25.152344-25.15625 0-13.871094-11.285156-25.152344-25.152344-25.152344-13.871093 0-25.15625 11.28125-25.15625 25.152344 0 13.871093 11.285157 25.15625 25.15625 25.15625zm0-35.308594c5.597657 0 10.152344 4.554687 10.152344 10.152344 0 5.597656-4.554687 10.15625-10.152344 10.15625-5.601562 0-10.15625-4.558594-10.15625-10.15625 0-5.597657 4.554688-10.152344 10.15625-10.152344zm0 0\"/><path d=\"m269.667969 59.730469h182.667969c4.140624 0 7.5-3.355469 7.5-7.5 0-4.140625-3.359376-7.5-7.5-7.5h-182.667969c-4.144531 0-7.5 3.359375-7.5 7.5 0 4.144531 3.355469 7.5 7.5 7.5zm0 0\"/><path d=\"m511.578125 26.164062c-.042969-.257812-.089844-.511718-.140625-.769531-.023438-.125-.046875-.253906-.074219-.382812-2.925781-14.253907-15.570312-25.011719-30.679687-25.011719h-449.367188c-17.265625 0-31.316406 14.046875-31.316406 31.316406v417.25c0 17.269532 14.050781 31.316406 31.316406 31.316406h449.367188c17.265625 0 31.316406-14.050781 31.316406-31.316406v-417.25c0-1.753906-.144531-3.472656-.421875-5.152344zm-30.894531 438.71875h-449.367188c-8.996094 0-16.316406-7.320312-16.316406-16.316406v-344.101562h41.808594c4.144531 0 7.5-3.