@logo-software/info-container/esm2015/lib/info-container.component.js

Logo Info container library presents users feedbacks about the actions or items in the page. Feedbacks placed into the page DOM.

/**
 * @license
 * Copyright LOGO YAZILIM SANAYİ VE TİCARET A.Ş. All Rights Reserved.
 *
 * Save to the extent permitted by law, you may not use, copy, modify,
 * distribute or create derivative works of this material or any part
 * of it without the prior written consent of LOGO YAZILIM SANAYİ VE TİCARET A.Ş. Limited.
 * Any reproduction of this material must contain this notice.
 */
import { Component, Input } from '@angular/core';
/**
 * IconPosition enum defines the icon position in the info container area. There is two option for the position: LEFT and RIGHT.
 */
export var IconPosition;
(function (IconPosition) {
    IconPosition["LEFT"] = "left";
    IconPosition["RIGHT"] = "right";
})(IconPosition || (IconPosition = {}));
/**
 * InfoTypes enum defines the information area's color scheme also the icon if it will be shown. It will be SUCCESS, ERROR, INFO and WARNING.
 */
export var InfoTypes;
(function (InfoTypes) {
    InfoTypes["SUCCESS"] = "success";
    InfoTypes["ERROR"] = "error";
    InfoTypes["INFO"] = "info";
    InfoTypes["WARNING"] = "warning";
})(InfoTypes || (InfoTypes = {}));
/**
 * Developers can use Logo Info Container library with the sample below. This component will let the developers to modify the options of the feedbacks.
 *
 * <sub>app.component.html</sub>
 *
 * ```html
 * <logo-info-container
 *   [infoType]="InfoTypes.SUCCESS"
 *   [showIcon]="true"
 *   [iconPosition]="IconPosition.LEFT"
 * >
 *  Feedback content that user must catch.
 * </logo-info-container>
 * ```
 */
export class InfoContainerComponent {
    constructor() {
        /**
         * Type of Feedback. It will get InfoTypes enum which are 'SUCCESS', 'ERROR', 'WARNING' and 'INFO'. Default type is 'INFO'.
         */
        this.infoType = InfoTypes.INFO;
        /**
         * Feedback icon position. Library will automatically show the related icon to the type of the Feedback. This option will let developers to show icon on left or on right. It will get the values from IconPosition enum which are 'LEFT' and 'RIGHT'. Default value is 'LEFT'
         */
        this.iconPosition = IconPosition.LEFT;
        /**
         * Option for show/hide feedback icon. Default value is 'true'.
         */
        this.showIcon = true;
    }
    getIcon() {
        switch (this.infoType) {
            case InfoTypes.INFO: {
                return 'le-info';
                break;
            }
            case InfoTypes.SUCCESS: {
                return 'le-check_badge';
                break;
            }
            case InfoTypes.WARNING: {
                return 'le-warning';
                break;
            }
            case InfoTypes.ERROR: {
                return 'le-remove_badge';
                break;
            }
            default: {
                return 'le-info';
                break;
            }
        }
    }
}
InfoContainerComponent.decorators = [
    { type: Component, args: [{
                selector: 'logo-info-container',
                template: "<!--\n/**\n * @license\n * Copyright LOGO YAZILIM SANAY\u0130 VE T\u0130CARET A.\u015E. All Rights Reserved.\n *\n * Save to the extent permitted by law, you may not use, copy, modify,\n * distribute or create derivative works of this material or any part\n * of it without the prior written consent of LOGO YAZILIM SANAY\u0130 VE T\u0130CARET A.\u015E. Limited.\n * Any reproduction of this material must contain this notice.\n */\n-->\n<div class=\"logo-info-container type-{{infoType}}\" [ngClass]=\"showIcon ? 'icon-'+iconPosition : ''\">\n  <span *ngIf=\"showIcon\" class=\"icon-base\" [ngClass]=\"getIcon()\"></span>\n  <ng-content></ng-content>\n</div>\n",
                styles: [".dotted{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.logo-tooltip .tip.on-bottom:after,.logo-tooltip .tip.on-top:after{border-left:7px solid transparent;border-right:7px solid transparent}.logo-tooltip .tip.on-left:after,.logo-tooltip .tip.on-right:after{border-top:7px solid transparent;border-bottom:7px solid transparent}.logo-tooltip{position:relative;color:#e94a34;cursor:pointer}.logo-tooltip .tip{position:absolute;width:180px;color:#fff;font-size:14px;font-style:normal;line-height:1.4;text-align:center;border-radius:3px;background:#333;padding:8px 12px;box-sizing:border-box;cursor:auto;z-index:10;opacity:0;visibility:hidden;transition:all .25s ease-in}.logo-tooltip .tip:after{position:absolute;width:0;height:0;content:\"\"}.logo-tooltip .tip.on-top{bottom:25px;left:0}.logo-tooltip .tip.on-top:after{bottom:-7px;left:10px;border-top:7px solid #333}.logo-tooltip .tip.on-right{top:-5px;left:103%}.logo-tooltip .tip.on-right:after{top:37%;left:-7px;border-right:7px solid #333}.logo-tooltip .tip.on-bottom{top:25px;left:0}.logo-tooltip .tip.on-bottom:after{top:-7px;left:10px;border-bottom:7px solid #333}.logo-tooltip .tip.on-left{top:-100%;right:103%}.logo-tooltip .tip.on-left:after{top:37%;right:-7px;border-left:7px solid #333}.logo-tooltip:hover .tip{opacity:1;visibility:visible}.logo-tooltip:hover .tip.on-top{transform:translateY(-15px)}.logo-tooltip:hover .tip.on-right{transform:translateX(15px)}.logo-tooltip:hover .tip.on-bottom{transform:translateY(15px)}.logo-tooltip:hover .tip.on-left{transform:translateX(-15px)}.test{content:\"a\";content:\"ba\";content:\"aa\";content:\"aade\";content:\"abde\"}:root .basic,:root .gray,:root .secondary{color:var(--leds-contrast-90pct)}:root .danger,:root .info,:root .success,:root .warning{color:var(--white)}:root .outline.primary,:root .outline.primary:active,:root .outline.primary:focus,:root .outline.primary:hover{border-color:var(--light-600)}:root .outline.primary:hover{background-color:rgba(var(--neutral-500-rgb),var(--ghost-hover));color:var(--primary)}:root .outline.primary:active{background-color:rgba(var(--neutral-500-rgb),var(--ghost-active));color:var(--primary)}:root .outline.primary:focus{background-color:rgba(var(--neutral-500-rgb),var(--ghost-focus));color:var(--primary)}:root .outline.secondary{color:var(--leds-contrast-90pct)}:root .outline.secondary,:root .outline.secondary:active,:root .outline.secondary:focus,:root .outline.secondary:hover{border-color:var(--light-600)}:root .outline.secondary:hover{background-color:rgba(var(--neutral-500-rgb),var(--ghost-hover));color:var(--leds-contrast-90pct)}:root .outline.secondary:active{background-color:rgba(var(--neutral-500-rgb),var(--ghost-active));color:var(--leds-contrast-90pct)}:root .outline.secondary:focus{background-color:rgba(var(--neutral-500-rgb),var(--ghost-focus));color:var(--leds-contrast-90pct)}:root .outline.basic{color:var(--leds-contrast-90pct)}:root .outline.basic,:root .outline.basic:active,:root .outline.basic:focus,:root .outline.basic:hover{border-color:var(--light-600)}:root .outline.basic:hover{background-color:rgba(var(--neutral-500-rgb),var(--ghost-hover));color:var(--leds-contrast-90pct)}:root .outline.basic:active{background-color:rgba(var(--neutral-500-rgb),var(--ghost-active));color:var(--leds-contrast-90pct)}:root .outline.basic:focus{background-color:rgba(var(--neutral-500-rgb),var(--ghost-focus));color:var(--leds-contrast-90pct)}:root .outline.neutral,:root .outline.neutral:active,:root .outline.neutral:focus,:root .outline.neutral:hover{border-color:var(--light-600)}:root .outline.neutral:hover{background-color:rgba(var(--neutral-500-rgb),var(--ghost-hover));color:var(--neutral)}:root .outline.neutral:active{background-color:rgba(var(--neutral-500-rgb),var(--ghost-active));color:var(--neutral)}:root .outline.neutral:focus{background-color:rgba(var(--neutral-500-rgb),var(--ghost-focus));color:var(--neutral)}:root .outline.light{border-color:rgba(var(--light-rgb),.5)}:root .outline.light:active,:root .outline.light:focus,:root .outline.light:hover{border-color:var(--light)}:root .outline.light:hover{background-color:rgba(var(--neutral-500-rgb),var(--ghost-hover));color:var(--white)}:root .outline.light:active{background-color:rgba(var(--neutral-500-rgb),var(--ghost-active));color:var(--white)}:root .outline.light:focus{background-color:rgba(var(--neutral-500-rgb),var(--ghost-focus));color:var(--white)}:root .outline.dark,:root .outline.dark:active,:root .outline.dark:focus,:root .outline.dark:hover{border-color:var(--light-600)}:root .outline.dark:hover{background-color:rgba(var(--neutral-500-rgb),var(--ghost-hover));color:var(--dark)}:root .outline.dark:active{background-color:rgba(var(--neutral-500-rgb),var(--ghost-active));color:var(--dark)}:root .outline.dark:focus{background-color:rgba(var(--neutral-500-rgb),var(--ghost-focus));color:var(--dark)}:root .outline.gray{color:var(--leds-contrast-90pct)}:root .outline.gray,:root .outline.gray:active,:root .outline.gray:focus,:root .outline.gray:hover{border-color:var(--light-600)}:root .outline.gray:hover{background-color:rgba(var(--neutral-500-rgb),var(--ghost-hover));color:var(--leds-contrast-90pct)}:root .outline.gray:active{background-color:rgba(var(--neutral-500-rgb),var(--ghost-active));color:var(--leds-contrast-90pct)}:root .outline.gray:focus{background-color:rgba(var(--neutral-500-rgb),var(--ghost-focus));color:var(--leds-contrast-90pct)}:root .outline.info{color:var(--info)}:root .outline.info,:root .outline.info:active,:root .outline.info:focus,:root .outline.info:hover{border-color:var(--light-600)}:root .outline.info:hover{background-color:rgba(var(--neutral-500-rgb),var(--ghost-hover));color:var(--info)}:root .outline.info:active{background-color:rgba(var(--neutral-500-rgb),var(--ghost-active));color:var(--info)}:root .outline.info:focus{background-color:rgba(var(--neutral-500-rgb),var(--ghost-focus));color:var(--info)}:root .outline.danger{color:var(--danger)}:root .outline.danger,:root .outline.danger:active,:root .outline.danger:focus,:root .outline.danger:hover{border-color:var(--light-600)}:root .outline.danger:hover{background-color:rgba(var(--neutral-500-rgb),var(--ghost-hover));color:var(--danger)}:root .outline.danger:active{background-color:rgba(var(--neutral-500-rgb),var(--ghost-active));color:var(--danger)}:root .outline.danger:focus{background-color:rgba(var(--neutral-500-rgb),var(--ghost-focus));color:var(--danger)}:root .outline.warning{color:var(--warning)}:root .outline.warning,:root .outline.warning:active,:root .outline.warning:focus,:root .outline.warning:hover{border-color:var(--light-600)}:root .outline.warning:hover{background-color:rgba(var(--neutral-500-rgb),var(--ghost-hover));color:var(--warning)}:root .outline.warning:active{background-color:rgba(var(--neutral-500-rgb),var(--ghost-active));color:var(--warning)}:root .outline.warning:focus{background-color:rgba(var(--neutral-500-rgb),var(--ghost-focus));color:var(--warning)}:root .outline.success{color:var(--success)}:root .outline.success,:root .outline.success:active,:root .outline.success:focus,:root .outline.success:hover{border-color:var(--light-600)}:root .outline.success:hover{background-color:rgba(var(--neutral-500-rgb),var(--ghost-hover));color:var(--success)}:root .outline.success:active{background-color:rgba(var(--neutral-500-rgb),var(--ghost-active));color:var(--success)}:root .outline.success:focus{background-color:rgba(var(--neutral-500-rgb),var(--ghost-focus));color:var(--success)}:root .ghost.primary:hover{background-color:rgba(var(--neutral-500-rgb),var(--ghost-hover));color:var(--primary)}:root .ghost.primary:active{background-color:rgba(var(--neutral-500-rgb),var(--ghost-active));color:var(--primary)}:root .ghost.primary:focus{background-color:rgba(var(--neutral-500-rgb),var(--ghost-focus));color:var(--primary)}:root .ghost.secondary,:root .ghost.secondary:hover{color:var(--leds-contrast-90pct)}:root .ghost.secondary:hover{background-color:rgba(var(--neutral-500-rgb),var(--ghost-hover))}:root .ghost.secondary:active{background-color:rgba(var(--neutral-500-rgb),var(--ghost-active));color:var(--leds-contrast-90pct)}:root .ghost.secondary:focus{background-color:rgba(var(--neutral-500-rgb),var(--ghost-focus))}:root .ghost.basic,:root .ghost.basic:hover,:root .ghost.secondary:focus{color:var(--leds-contrast-90pct)}:root .ghost.basic:hover{background-color:rgba(var(--neutral-500-rgb),var(--ghost-hover))}:root .ghost.basic:active{background-color:rgba(var(--neutral-500-rgb),var(--ghost-active));color:var(--leds-contrast-90pct)}:root .ghost.basic:focus{background-color:rgba(var(--neutral-500-rgb),var(--ghost-focus));color:var(--leds-contrast-90pct)}:root .ghost.neutral:hover{background-color:rgba(var(--neutral-500-rgb),var(--ghost-hover));color:var(--neutral)}:root .ghost.neutral:active{background-color:rgba(var(--neutral-500-rgb),var(--ghost-active));color:var(--neutral)}:root .ghost.neutral:focus{background-color:rgba(var(--neutral-500-rgb),var(--ghost-focus));color:var(--neutral)}:root .ghost.light:hover{background-color:rgba(var(--neutral-500-rgb),var(--ghost-hover));color:var(--white)}:root .ghost.light:active{background-color:rgba(var(--neutral-500-rgb),var(--ghost-active));color:var(--white)}:root .ghost.light:focus{background-color:rgba(var(--neutral-500-rgb),var(--ghost-focus));color:var(--white)}:root .ghost.dark:hover{background-color:rgba(var(--neutral-500-rgb),var(--ghost-hover));color:var(--dark)}:root .ghost.dark:active{background-color:rgba(var(--neutral-500-rgb),var(--ghost-active));color:var(--dark)}:root .ghost.dark:focus{background-color:rgba(var(--neutral-500-rgb),var(--ghost-focus));color:var(--dark)}:root .ghost.gray,:root .ghost.gray:hover{color:var(--leds-contrast-90pct)}:root .ghost.gray:hover{background-color:rgba(var(--neutral-500-rgb),var(--ghost-hover))}:root .ghost.gray:active{background-color:rgba(var(--neutral-500-rgb),var(--ghost-active));color:var(--leds-contrast-90pct)}:root .ghost.gray:focus{background-color:rgba(var(--neutral-500-rgb),var(--ghost-focus));color:var(--leds-contrast-90pct)}:root .ghost.info{color:var(--info)}:root .ghost.info:hover{background-color:rgba(var(--neutral-500-rgb),var(--ghost-hover));color:var(--info)}:root .ghost.info:active{background-color:rgba(var(--neutral-500-rgb),var(--ghost-active));color:var(--info)}:root .ghost.info:focus{background-color:rgba(var(--neutral-500-rgb),var(--ghost-focus));color:var(--info)}:root .ghost.danger{color:var(--danger)}:root .ghost.danger:hover{background-color:rgba(var(--neutral-500-rgb),var(--ghost-hover));color:var(--danger)}:root .ghost.danger:active{background-color:rgba(var(--neutral-500-rgb),var(--ghost-active));color:var(--danger)}:root .ghost.danger:focus{background-color:rgba(var(--neutral-500-rgb),var(--ghost-focus));color:var(--danger)}:root .ghost.warning{color:var(--warning)}:root .ghost.warning:hover{background-color:rgba(var(--neutral-500-rgb),var(--ghost-hover));color:var(--warning)}:root .ghost.warning:active{background-color:rgba(var(--neutral-500-rgb),var(--ghost-active));color:var(--warning)}:root .ghost.warning:focus{background-color:rgba(var(--neutral-500-rgb),var(--ghost-focus));color:var(--warning)}:root .ghost.success{color:var(--success)}:root .ghost.success:hover{background-color:rgba(var(--neutral-500-rgb),var(--ghost-hover));color:var(--success)}:root .ghost.success:active{background-color:rgba(var(--neutral-500-rgb),var(--ghost-active));color:var(--success)}:root .ghost.success:focus{background-color:rgba(var(--neutral-500-rgb),var(--ghost-focus));color:var(--success)}[class*=\" le-\"],[class^=le-]{position:relative;display:inline-block}[class*=\" le-\"]:before,[class^=le-]:before{width:100%;height:100%}.le-info:before{-webkit-mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='currentColor' xmlns='http://www.w3.org/2000/svg'%3E %3Cg id='info'%3E %3Cpath id='Shape' fill-rule='evenodd' clip-rule='evenodd' d='M12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22C17.5228 22 22 17.5228 22 12C21.9939 6.47969 17.5203 2.00612 12 2ZM14.3044 17.3244H9.86C9.39976 17.3244 9.02667 16.9513 9.02667 16.4911C9.02667 16.0309 9.39976 15.6578 9.86 15.6578H10.9711C11.1245 15.6578 11.2489 15.5334 11.2489 15.38V10.9356C11.2489 10.7821 11.1245 10.6578 10.9711 10.6578H9.86C9.39976 10.6578 9.02667 10.2847 9.02667 9.82444C9.02667 9.36421 9.39976 8.99111 9.86 8.99111H10.9711C12.0445 8.99234 12.9143 9.86218 12.9156 10.9356V15.38C12.9156 15.5334 13.0399 15.6578 13.1933 15.6578H14.3044C14.7647 15.6578 15.1378 16.0309 15.1378 16.4911C15.1378 16.9513 14.7647 17.3244 14.3044 17.3244ZM12.0822 4.82444C12.8493 4.82444 13.4711 5.44627 13.4711 6.21333C13.4711 6.9804 12.8493 7.60222 12.0822 7.60222C11.3152 7.60222 10.6933 6.9804 10.6933 6.21333C10.6933 5.44627 11.3152 4.82444 12.0822 4.82444Z' fill='%235A5A5A'/%3E %3C/g%3E %3C/svg%3E\")}.le-check_badge:before,.le-info:before{-webkit-mask-repeat:no-repeat;-webkit-mask-position:center;display:inline-block;content:\"\";position:absolute;background:currentColor}.le-check_badge:before{-webkit-mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='currentColor' xmlns='http://www.w3.org/2000/svg'%3E %3Cg id='check_badge'%3E %3Cpath id='Shape' fill-rule='evenodd' clip-rule='evenodd' d='M21.3217 10.5654L19.7233 9.28006C19.4708 9.07648 19.3396 8.75805 19.3755 8.43564L19.5972 6.39632C19.6578 5.8478 19.466 5.30145 19.0759 4.91115C18.6858 4.52085 18.1395 4.32883 17.591 4.38917L15.549 4.60832C15.2266 4.64404 14.9083 4.5129 14.7046 4.26046L13.4193 2.66292C13.063 2.25122 12.5453 2.01465 12.0009 2.01465C11.4564 2.01465 10.9388 2.25122 10.5825 2.66292L9.29714 4.26046C9.09416 4.51385 8.77527 4.64522 8.45271 4.60832L6.41339 4.38917C5.86487 4.32859 5.31853 4.52038 4.92823 4.91051C4.53793 5.30064 4.3459 5.8469 4.40624 6.39545L4.62801 8.43477C4.66473 8.7573 4.5334 9.07612 4.28015 9.27919L2.68 10.5654C2.25009 10.9107 2 11.4324 2 11.9838C2 12.5352 2.25009 13.0569 2.68 13.4022L4.27841 14.6875C4.53152 14.8907 4.66282 15.2094 4.62627 15.532L4.40451 17.5713C4.34393 18.1198 4.53571 18.6661 4.92584 19.0564C5.31598 19.4467 5.86224 19.6388 6.41078 19.5784L8.45097 19.3567C8.77339 19.3208 9.09181 19.4519 9.2954 19.7045L10.5825 21.3055C10.9278 21.7354 11.4495 21.9855 12.0009 21.9855C12.5523 21.9855 13.0739 21.7354 13.4193 21.3055L14.7046 19.7071C14.9083 19.4547 15.2266 19.3235 15.549 19.3593L17.5883 19.581C18.1369 19.6416 18.6832 19.4498 19.0735 19.0597C19.4638 18.6696 19.6558 18.1233 19.5955 17.5748L19.3737 15.5346C19.3368 15.212 19.4682 14.8931 19.7216 14.6901L21.32 13.4048C21.7499 13.0595 22 12.5378 22 11.9864C22 11.435 21.7499 10.9133 21.32 10.568L21.3217 10.5654ZM12.3487 14.651C12.0785 15.003 11.6705 15.2225 11.2279 15.2541C10.7853 15.2856 10.3503 15.1263 10.0329 14.8162L7.90744 12.696C7.68137 12.4777 7.59071 12.1544 7.67029 11.8503C7.74988 11.5462 7.98733 11.3088 8.29139 11.2292C8.59544 11.1496 8.91878 11.2403 9.13712 11.4664L11.0947 13.4239L14.4941 8.8922C14.6806 8.64365 14.9854 8.51342 15.2939 8.55059C15.6024 8.58775 15.8676 8.78665 15.9896 9.07237C16.1117 9.35809 16.072 9.68722 15.8856 9.93578L12.3487 14.651Z' fill='%235A5A5A'/%3E %3C/g%3E %3C/svg%3E\")}.le-warning:before{-webkit-mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='currentColor' xmlns='http://www.w3.org/2000/svg'%3E %3Cg id='warning'%3E %3Cpath id='Shape' fill-rule='evenodd' clip-rule='evenodd' d='M21.7488 18.787L13.9703 4.01486C13.5839 3.28814 12.8261 2.83331 12.0004 2.83331C11.1739 2.83331 10.4161 3.28814 10.0297 4.01486L2.25115 18.7792C1.89187 19.4625 1.91973 20.2832 2.32401 20.9394C2.73044 21.5957 3.44757 21.9964 4.22114 22H19.7789C20.551 21.9978 21.2674 21.6007 21.676 20.948C22.0803 20.2903 22.1081 19.4696 21.7488 18.787ZM10.8468 9.73254C10.8468 9.09764 11.3632 8.58303 12.0011 8.58303C12.6382 8.58303 13.1553 9.09764 13.1553 9.73254V13.5662C13.1553 14.2018 12.6382 14.7164 12.0011 14.7164C11.3632 14.7164 10.8468 14.2018 10.8468 13.5662V9.73254ZM12.0011 19.3166C11.1511 19.3166 10.4618 18.6297 10.4618 17.7834C10.4618 16.9357 11.1511 16.2503 12.0011 16.2503C12.8504 16.2503 13.5396 16.9357 13.5396 17.7834C13.5396 18.1898 13.3768 18.5799 13.0882 18.8675C12.7996 19.1557 12.4075 19.3166 11.9996 19.3166H12.0011Z' fill='%235A5A5A'/%3E %3C/g%3E %3C/svg%3E\")}.le-remove_badge:before,.le-warning:before{-webkit-mask-repeat:no-repeat;-webkit-mask-position:center;display:inline-block;content:\"\";position:absolute;background:currentColor}.le-remove_badge:before{-webkit-mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='currentColor' xmlns='http://www.w3.org/2000/svg'%3E %3Cg id='remove_badge'%3E %3Cpath id='Shape' fill-rule='evenodd' clip-rule='evenodd' d='M21.3256 10.578L19.7246 9.29041C19.4654 9.08323 19.3305 8.75766 19.3671 8.42786L19.5896 6.38441C19.6485 5.84097 19.4581 5.30011 19.0717 4.91343C18.6854 4.52675 18.1447 4.33587 17.6012 4.39429L15.5569 4.61764C15.227 4.65343 14.9015 4.51868 14.6935 4.26012L13.4067 2.65835C13.0531 2.25044 12.5399 2.01611 12 2.01611C11.4601 2.01611 10.9469 2.25044 10.5933 2.65835L9.30651 4.25928C9.09897 4.51907 8.77276 4.65433 8.44229 4.61764L6.39967 4.39429C5.85605 4.3356 5.3151 4.52636 4.92855 4.91307C4.542 5.29978 4.35146 5.84081 4.41038 6.38441L4.6329 8.42703C4.66965 8.75709 4.53471 9.08296 4.27538 9.29041L2.67445 10.578C2.24806 10.9203 2 11.4375 2 11.9843C2 12.5311 2.24806 13.0484 2.67445 13.3907L4.27538 14.6782C4.53444 14.8855 4.66936 15.211 4.6329 15.5408L4.41038 17.5842C4.35151 18.1277 4.54193 18.6685 4.92829 19.0552C5.31465 19.4419 5.85535 19.6328 6.39884 19.5744L8.44312 19.351C8.77302 19.3154 9.09838 19.4501 9.30651 19.7085L10.5933 21.3103C10.9361 21.7361 11.4533 21.9838 12 21.9838C12.5467 21.9838 13.0639 21.7361 13.4067 21.3103L14.6935 19.7085C14.9023 19.4505 15.2276 19.3159 15.5577 19.351L17.6003 19.5744C18.144 19.6331 18.6849 19.4423 19.0715 19.0556C19.458 18.6689 19.6485 18.1278 19.5896 17.5842L19.3671 15.5408C19.3305 15.211 19.4654 14.8854 19.7246 14.6782L21.3256 13.3907C21.7519 13.0484 22 12.5311 22 11.9843C22 11.4375 21.7519 10.9203 21.3256 10.578ZM15.9227 14.7291C16.2481 15.0545 16.2481 15.582 15.9227 15.9075C15.5947 16.2265 15.0723 16.2265 14.7443 15.9075L12.1475 13.3107C12.0657 13.23 11.9343 13.23 11.8525 13.3107L9.25567 15.9075C8.92856 16.2287 8.40438 16.2287 8.07727 15.9075C7.75193 15.582 7.75193 15.0545 8.07727 14.7291L10.6741 12.1322C10.7132 12.0933 10.7352 12.0404 10.7352 11.9852C10.7352 11.9299 10.7132 11.877 10.6741 11.8381L8.07727 9.24041C7.86062 9.03117 7.77374 8.72131 7.85001 8.42994C7.92627 8.13856 8.15383 7.91101 8.4452 7.83475C8.73658 7.75848 9.04643 7.84536 9.25567 8.06201L11.8525 10.6597C11.9343 10.7404 12.0657 10.7404 12.1475 10.6597L14.7443 8.06201C14.9536 7.84536 15.2634 7.75848 15.5548 7.83475C15.8462 7.91101 16.0737 8.13856 16.15 8.42994C16.2263 8.72131 16.1394 9.03117 15.9227 9.24041L13.3259 11.8381C13.2868 11.877 13.2648 11.9299 13.2648 11.9852C13.2648 12.0404 13.2868 12.0933 13.3259 12.1322L15.9227 14.7291Z' fill='%235A5A5A'/%3E %3C/g%3E %3C/svg%3E\")}:host{display:block}:host .hidden{display:none}:host .logo-info-container{position:relative;padding:20px 10px;font-size:12px;text-align:left;font-weight:600;line-height:17px;border:1px solid}:host .logo-info-container .icon-base{position:absolute;top:17px;width:24px;height:24px}:host .logo-info-container.icon-left{padding-left:44px}:host .logo-info-container.icon-left .icon-base{left:0}:host .logo-info-container.icon-right{padding-right:44px}:host .logo-info-container.icon-right .icon-base{right:0}:host .logo-info-container.type-info{color:var(--primary);background-color:var(--primary-200);border-color:var(--primary)}:host .logo-info-container.type-error{color:var(--danger);background-color:var(--danger-200);border-color:var(--danger)}:host .logo-info-container.type-warning{color:var(--warning);background-color:var(--warning-200);border-color:var(--warning)}:host .logo-info-container.type-success{color:var(--success);background-color:var(--success-200);border-color:var(--success)}"]
            },] }
];
InfoContainerComponent.propDecorators = {
    infoType: [{ type: Input }],
    iconPosition: [{ type: Input }],
    showIcon: [{ type: Input }]
};
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5mby1jb250YWluZXIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbG9nby1zb2Z0d2FyZS9pbmZvLWNvbnRhaW5lci9zcmMvbGliL2luZm8tY29udGFpbmVyLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7Ozs7Ozs7R0FRRztBQUNILE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBRWpEOztHQUVHO0FBQ0gsTUFBTSxDQUFOLElBQVksWUFHWDtBQUhELFdBQVksWUFBWTtJQUN0Qiw2QkFBYSxDQUFBO0lBQ2IsK0JBQWUsQ0FBQTtBQUNqQixDQUFDLEVBSFcsWUFBWSxLQUFaLFlBQVksUUFHdkI7QUFFRDs7R0FFRztBQUNILE1BQU0sQ0FBTixJQUFZLFNBS1g7QUFMRCxXQUFZLFNBQVM7SUFDbkIsZ0NBQW1CLENBQUE7SUFDbkIsNEJBQWUsQ0FBQTtJQUNmLDBCQUFhLENBQUE7SUFDYixnQ0FBbUIsQ0FBQTtBQUNyQixDQUFDLEVBTFcsU0FBUyxLQUFULFNBQVMsUUFLcEI7QUFFRDs7Ozs7Ozs7Ozs7Ozs7R0FjRztBQU1ILE1BQU0sT0FBTyxzQkFBc0I7SUFMbkM7UUFNRTs7V0FFRztRQUNNLGFBQVEsR0FBYyxTQUFTLENBQUMsSUFBSSxDQUFDO1FBQzlDOztXQUVHO1FBQ00saUJBQVksR0FBaUIsWUFBWSxDQUFDLElBQUksQ0FBQztRQUN4RDs7V0FFRztRQUNNLGFBQVEsR0FBVyxJQUFJLENBQUM7SUEwQm5DLENBQUM7SUF4QkMsT0FBTztRQUNMLFFBQVEsSUFBSSxDQUFDLFFBQVEsRUFBRTtZQUNyQixLQUFLLFNBQVMsQ0FBQyxJQUFJLENBQUMsQ0FBQztnQkFDbkIsT0FBTyxTQUFTLENBQUM7Z0JBQ2pCLE1BQU07YUFDUDtZQUNELEtBQUssU0FBUyxDQUFDLE9BQU8sQ0FBQyxDQUFDO2dCQUN0QixPQUFPLGdCQUFnQixDQUFDO2dCQUN4QixNQUFNO2FBQ1A7WUFDRCxLQUFLLFNBQVMsQ0FBQyxPQUFPLENBQUMsQ0FBQztnQkFDdEIsT0FBTyxZQUFZLENBQUM7Z0JBQ3BCLE1BQU07YUFDUDtZQUNELEtBQUssU0FBUyxDQUFDLEtBQUssQ0FBQyxDQUFDO2dCQUNwQixPQUFPLGlCQUFpQixDQUFDO2dCQUN6QixNQUFNO2FBQ1A7WUFDRCxPQUFPLENBQUMsQ0FBQztnQkFDUCxPQUFPLFNBQVMsQ0FBQztnQkFDakIsTUFBTTthQUNQO1NBQ0Y7SUFDSCxDQUFDOzs7WUExQ0YsU0FBUyxTQUFDO2dCQUNULFFBQVEsRUFBRSxxQkFBcUI7Z0JBQy9CLGlxQkFBOEM7O2FBRS9DOzs7dUJBS0UsS0FBSzsyQkFJTCxLQUFLO3VCQUlMLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIEBsaWNlbnNlXG4gKiBDb3B5cmlnaHQgTE9HTyBZQVpJTElNIFNBTkFZxLAgVkUgVMSwQ0FSRVQgQS7Fni4gQWxsIFJpZ2h0cyBSZXNlcnZlZC5cbiAqXG4gKiBTYXZlIHRvIHRoZSBleHRlbnQgcGVybWl0dGVkIGJ5IGxhdywgeW91IG1heSBub3QgdXNlLCBjb3B5LCBtb2RpZnksXG4gKiBkaXN0cmlidXRlIG9yIGNyZWF0ZSBkZXJpdmF0aXZlIHdvcmtzIG9mIHRoaXMgbWF0ZXJpYWwgb3IgYW55IHBhcnRcbiAqIG9mIGl0IHdpdGhvdXQgdGhlIHByaW9yIHdyaXR0ZW4gY29uc2VudCBvZiBMT0dPIFlBWklMSU0gU0FOQVnEsCBWRSBUxLBDQVJFVCBBLsWeLiBMaW1pdGVkLlxuICogQW55IHJlcHJvZHVjdGlvbiBvZiB0aGlzIG1hdGVyaWFsIG11c3QgY29udGFpbiB0aGlzIG5vdGljZS5cbiAqL1xuaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG4vKipcbiAqIEljb25Qb3NpdGlvbiBlbnVtIGRlZmluZXMgdGhlIGljb24gcG9zaXRpb24gaW4gdGhlIGluZm8gY29udGFpbmVyIGFyZWEuIFRoZXJlIGlzIHR3byBvcHRpb24gZm9yIHRoZSBwb3NpdGlvbjogTEVGVCBhbmQgUklHSFQuXG4gKi9cbmV4cG9ydCBlbnVtIEljb25Qb3NpdGlvbiB7XG4gIExFRlQgPSAnbGVmdCcsXG4gIFJJR0hUID0gJ3JpZ2h0Jyxcbn1cblxuLyoqXG4gKiBJbmZvVHlwZXMgZW51bSBkZWZpbmVzIHRoZSBpbmZvcm1hdGlvbiBhcmVhJ3MgY29sb3Igc2NoZW1lIGFsc28gdGhlIGljb24gaWYgaXQgd2lsbCBiZSBzaG93bi4gSXQgd2lsbCBiZSBTVUNDRVNTLCBFUlJPUiwgSU5GTyBhbmQgV0FSTklORy5cbiAqL1xuZXhwb3J0IGVudW0gSW5mb1R5cGVzIHtcbiAgU1VDQ0VTUyA9ICdzdWNjZXNzJyxcbiAgRVJST1IgPSAnZXJyb3InLFxuICBJTkZPID0gJ2luZm8nLFxuICBXQVJOSU5HID0gJ3dhcm5pbmcnLFxufVxuXG4vKipcbiAqIERldmVsb3BlcnMgY2FuIHVzZSBMb2dvIEluZm8gQ29udGFpbmVyIGxpYnJhcnkgd2l0aCB0aGUgc2FtcGxlIGJlbG93LiBUaGlzIGNvbXBvbmVudCB3aWxsIGxldCB0aGUgZGV2ZWxvcGVycyB0byBtb2RpZnkgdGhlIG9wdGlvbnMgb2YgdGhlIGZlZWRiYWNrcy5cbiAqXG4gKiA8c3ViPmFwcC5jb21wb25lbnQuaHRtbDwvc3ViPlxuICpcbiAqIGBgYGh0bWxcbiAqIDxsb2dvLWluZm8tY29udGFpbmVyXG4gKiAgIFtpbmZvVHlwZV09XCJJbmZvVHlwZXMuU1VDQ0VTU1wiXG4gKiAgIFtzaG93SWNvbl09XCJ0cnVlXCJcbiAqICAgW2ljb25Qb3NpdGlvbl09XCJJY29uUG9zaXRpb24uTEVGVFwiXG4gKiA+XG4gKiAgRmVlZGJhY2sgY29udGVudCB0aGF0IHVzZXIgbXVzdCBjYXRjaC5cbiAqIDwvbG9nby1pbmZvLWNvbnRhaW5lcj5cbiAqIGBgYFxuICovXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdsb2dvLWluZm8tY29udGFpbmVyJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2luZm8tY29udGFpbmVyLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vaW5mby1jb250YWluZXIuY29tcG9uZW50LnNjc3MnXSxcbn0pXG5leHBvcnQgY2xhc3MgSW5mb0NvbnRhaW5lckNvbXBvbmVudCB7XG4gIC8qKlxuICAgKiBUeXBlIG9mIEZlZWRiYWNrLiBJdCB3aWxsIGdldCBJbmZvVHlwZXMgZW51bSB3aGljaCBhcmUgJ1NVQ0NFU1MnLCAnRVJST1InLCAnV0FSTklORycgYW5kICdJTkZPJy4gRGVmYXVsdCB0eXBlIGlzICdJTkZPJy5cbiAgICovXG4gIEBJbnB1dCgpIGluZm9UeXBlOiBJbmZvVHlwZXMgPSBJbmZvVHlwZXMuSU5GTztcbiAgLyoqXG4gICAqIEZlZWRiYWNrIGljb24gcG9zaXRpb24uIExpYnJhcnkgd2lsbCBhdXRvbWF0aWNhbGx5IHNob3cgdGhlIHJlbGF0ZWQgaWNvbiB0byB0aGUgdHlwZSBvZiB0aGUgRmVlZGJhY2suIFRoaXMgb3B0aW9uIHdpbGwgbGV0IGRldmVsb3BlcnMgdG8gc2hvdyBpY29uIG9uIGxlZnQgb3Igb24gcmlnaHQuIEl0IHdpbGwgZ2V0IHRoZSB2YWx1ZXMgZnJvbSBJY29uUG9zaXRpb24gZW51bSB3aGljaCBhcmUgJ0xFRlQnIGFuZCAnUklHSFQnLiBEZWZhdWx0IHZhbHVlIGlzICdMRUZUJ1xuICAgKi9cbiAgQElucHV0KCkgaWNvblBvc2l0aW9uOiBJY29uUG9zaXRpb24gPSBJY29uUG9zaXRpb24uTEVGVDtcbiAgLyoqXG4gICAqIE9wdGlvbiBmb3Igc2hvdy9oaWRlIGZlZWRiYWNrIGljb24uIERlZmF1bHQgdmFsdWUgaXMgJ3RydWUnLlxuICAgKi9cbiAgQElucHV0KCkgc2hvd0ljb246Ym9vbGVhbiA9IHRydWU7XG5cbiAgZ2V0SWNvbigpIHtcbiAgICBzd2l0Y2ggKHRoaXMuaW5mb1R5cGUpIHtcbiAgICAgIGNhc2UgSW5mb1R5cGVzLklORk86IHtcbiAgICAgICAgcmV0dXJuICdsZS1pbmZvJztcbiAgICAgICAgYnJlYWs7XG4gICAgICB9XG4gICAgICBjYXNlIEluZm9UeXBlcy5TVUNDRVNTOiB7XG4gICAgICAgIHJldHVybiAnbGUtY2hlY2tfYmFkZ2UnO1xuICAgICAgICBicmVhaztcbiAgICAgIH1cbiAgICAgIGNhc2UgSW5mb1R5cGVzLldBUk5JTkc6IHtcbiAgICAgICAgcmV0dXJuICdsZS13YXJuaW5nJztcbiAgICAgICAgYnJlYWs7XG4gICAgICB9XG4gICAgICBjYXNlIEluZm9UeXBlcy5FUlJPUjoge1xuICAgICAgICByZXR1cm4gJ2xlLXJlbW92ZV9iYWRnZSc7XG4gICAgICAgIGJyZWFrO1xuICAgICAgfVxuICAgICAgZGVmYXVsdDoge1xuICAgICAgICByZXR1cm4gJ2xlLWluZm8nO1xuICAgICAgICBicmVhaztcbiAgICAgIH1cbiAgICB9XG4gIH1cbn1cbiJdfQ==