{"__symbolic":"module","version":4,"metadata":{"RpxComponentsUiService":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":2,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}]},"statics":{"ɵprov":{}}},"RpxComponentsUiComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"lib-rpx-components-ui","template":"\n    <p>\n      rpx-components-ui works!\n    </p>\n  ","styles":[]}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}]}},"RpxComponentsUiModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":13,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"RpxComponentsUiComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":16,"character":4},[{"__symbolic":"reference","name":"AlertModule"},{"__symbolic":"reference","name":"ButtonModule"}]],"exports":[{"__symbolic":"reference","name":"RpxComponentsUiComponent"},[{"__symbolic":"reference","name":"AlertModule"},{"__symbolic":"reference","name":"ButtonModule"}]]}]}],"members":{}},"AlertModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":5,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":7,"character":4}],"exports":[{"__symbolic":"reference","name":"AlertComponent"}],"declarations":[{"__symbolic":"reference","name":"AlertComponent"}]}]}],"members":{}},"ButtonModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":6,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"ButtonComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":9,"character":4}],"exports":[{"__symbolic":"reference","name":"ButtonComponent"}]}]}],"members":{}},"AlertType":{"__symbolic":"interface"},"AlertComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":5,"character":1},"arguments":[{"selector":"portal-alert","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":9,"character":19},"member":"OnPush"},"template":"<div class=\"alert_parent\" id=\"alertDv\" aria-live=\"polite\" aria-relevant=\"additions removals\">\n    <div class=\"d-flex\">\n        <div class=\"alert_title d-flex-1 mt-0\">\n            <i class=\"fas\" [ngClass]=\"alertIcon\"></i> {{alertTitle | titlecase}}\n        </div>\n        <div *ngIf=\"showCloseIcon\">\n            <a class=\"def_col\" href=\"javascript:void(0)\" (click)=\"closeAlert()\" title=\"Close\">\n                <i class=\"fas fa-times\"></i>\n            </a>\n        </div>\n    </div>\n    <div class=\"alert_txt\">\n        <div *ngIf=\"!isArray(message) || (isArray(message) && message.length == 1)\" [innerHTML]=\"message\"></div>\n        <div *ngIf=\"isArray(message) && message.length > 1\">\n            <ul class=\"mt-0\">\n                <li class=\"mb-li\" *ngFor=\"let obj of message; let i = index\">\n                    <span id=\"{{i}}\" [innerHTML]=obj></span>\n                </li>\n            </ul>\n        </div>\n    </div>\n</div>","styles":[":host{display:block;position:relative;padding:.7em;border-left:2px solid transparent;box-shadow:-1px 2px 5px -1px #12121159}:host.danger{border-left:8px solid #e31c3c;background-color:#f9dede}:host.warning{border-left:8px solid #fdb81d;background-color:#fff1d2}:host.success{border-left:8px solid #2e8540;background-color:#e7f4e3}:host.info{border-left:8px solid #06bfe7;background-color:#e0f3f7}:host .title{font-family:bold}.alert_tag{line-height:1.5;border-left:8px solid #02bfe7}.alert_title{font-size:1.3em;font-weight:700;margin-bottom:.5em}.alert_txt{padding-left:1.7em}"]}]}],"members":{"message":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":12,"character":3}}]}],"type":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":13,"character":3},"arguments":["class"]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":14,"character":3}}]}],"showCloseIcon":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":15,"character":3}}]}],"ngOnInit":[{"__symbolic":"method"}],"switchIcons":[{"__symbolic":"method"}],"switchTitle":[{"__symbolic":"method"}],"closeAlert":[{"__symbolic":"method"}],"isArray":[{"__symbolic":"method"}]}},"ButtonComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":4,"character":1},"arguments":[{"selector":"portal-button","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":8,"character":19},"member":"OnPush"},"template":"<button [type]=\"type\" [ngClass]=\"variation\" [title]=\"label\">{{label}}</button>","styles":[":host{width:100%}:host>button{cursor:pointer}:host>button.default{background:0 0;border-color:transparent;margin-top:10px}:host>button.default:hover{text-decoration:underline}:host>button.danger{color:#fff;background-color:#e31c3c}:host>button.small{padding:5px;font-weight:400;font-size:.9em}:host>button:disabled{background-color:grey;cursor:not-allowed}"]}]}],"members":{"label":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":11,"character":3}}]}],"type":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":13,"character":3}}]}],"variation":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":14,"character":3}}]}],"size":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":15,"character":3}}]}],"id":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":16,"character":3}}]}],"disabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":17,"character":3}}]}],"ngOnInit":[{"__symbolic":"method"}],"changeVariation":[{"__symbolic":"method"}]}}},"origins":{"RpxComponentsUiService":"./lib/rpx-components-ui.service","RpxComponentsUiComponent":"./lib/rpx-components-ui.component","RpxComponentsUiModule":"./lib/rpx-components-ui.module","AlertModule":"./lib/components/alert/alert.module","ButtonModule":"./lib/components/button/button.module","AlertType":"./lib/components/alert/alert.component","AlertComponent":"./lib/components/alert/alert.component","ButtonComponent":"./lib/components/button/button.component"},"importAs":"@epc/ui-components"}