{"__symbolic":"module","version":4,"exports":[{"from":"./lib/modal.service"},{"from":"./lib/snackbar.service"},{"from":"./lib/svg.service"},{"from":"./lib/toast.service"},{"from":"./lib/container/container.model"},{"from":"./lib/form"},{"from":"./lib/layout/layout.enum"},{"from":"./lib/splitter/splitter.model"},{"from":"./lib/modal/modal.model"},{"from":"./lib/snackbar/snackbar.model"},{"from":"./lib/tabs/tabs.model"},{"from":"./lib/toast/toast.model"},{"from":"./lib/toggle/toggle.enum"}],"metadata":{"UBXAccordionModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":19,"character":1},"arguments":[{"declarations":[[{"__symbolic":"reference","name":"ɵa"},{"__symbolic":"reference","name":"ɵd"},{"__symbolic":"reference","name":"ɵe"},{"__symbolic":"reference","name":"ɵc"}]],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":24,"character":8},[{"__symbolic":"reference","name":"UBXIconModule"}]],"exports":[[{"__symbolic":"reference","name":"ɵa"},{"__symbolic":"reference","name":"ɵd"},{"__symbolic":"reference","name":"ɵe"},{"__symbolic":"reference","name":"ɵc"}]]}]}],"members":{}},"UBXBootstrapModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":13,"character":1},"arguments":[{"declarations":[[{"__symbolic":"reference","name":"ɵh"}]],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":18,"character":8},[{"__symbolic":"reference","name":"UBXGridModule"}]],"exports":[[{"__symbolic":"reference","name":"ɵh"}]]}]}],"members":{}},"UBXButtonModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":17,"character":1},"arguments":[{"declarations":[[{"__symbolic":"reference","name":"ɵk"},{"__symbolic":"reference","name":"ɵl"}]],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":22,"character":8},[{"__symbolic":"reference","name":"UBXGridModule"},{"__symbolic":"reference","name":"UBXIconModule"}]],"exports":[[{"__symbolic":"reference","name":"ɵk"},{"__symbolic":"reference","name":"ɵl"}]]}]}],"members":{}},"UBXContainerModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":9,"character":1},"arguments":[{"declarations":[[{"__symbolic":"reference","name":"ɵm"}]],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":14,"character":8}],"exports":[[{"__symbolic":"reference","name":"ɵm"}]]}]}],"members":{}},"UBXDatepickerModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":17,"character":1},"arguments":[{"declarations":[[{"__symbolic":"reference","name":"ɵn"}]],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":22,"character":8},[{"__symbolic":"reference","name":"UBXGridModule"},{"__symbolic":"reference","name":"UBXIconModule"}]],"exports":[[{"__symbolic":"reference","name":"ɵn"}]]}]}],"members":{}},"UBXFormModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":35,"character":1},"arguments":[{"declarations":[[{"__symbolic":"reference","name":"UBXFormComponent"},{"__symbolic":"reference","name":"ɵo"},{"__symbolic":"reference","name":"ɵp"},{"__symbolic":"reference","name":"ɵq"},{"__symbolic":"reference","name":"ɵr"},{"__symbolic":"reference","name":"ɵs"},{"__symbolic":"reference","name":"ɵt"},{"__symbolic":"reference","name":"ɵu"}]],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":40,"character":8},[{"__symbolic":"reference","name":"UBXGridModule"},{"__symbolic":"reference","name":"UBXIconModule"},{"__symbolic":"reference","name":"UBXButtonModule"},{"__symbolic":"reference","name":"UBXDatepickerModule"}]],"exports":[[{"__symbolic":"reference","name":"UBXFormComponent"},{"__symbolic":"reference","name":"ɵo"},{"__symbolic":"reference","name":"ɵp"},{"__symbolic":"reference","name":"ɵq"},{"__symbolic":"reference","name":"ɵr"},{"__symbolic":"reference","name":"ɵs"},{"__symbolic":"reference","name":"ɵt"},{"__symbolic":"reference","name":"ɵu"}]]}]}],"members":{}},"UBXFormComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":4,"character":1},"arguments":[{"selector":"ubx-form","host":{"class":"ubx-form d:b"},"encapsulation":{"__symbolic":"reference","name":"ɵb"},"template":"<div class=\"mg:b30\">\n    <ubx-datepicker></ubx-datepicker>\n</div>\n\n<ng-container *ngIf=\"showRequiredFootnote && requiredFootnote(data)\">\n    <!-- <app-message [type]=\"Color.Wrn\" class=\"mg:b20\">\n        * Required fields\n    </app-message> -->\n</ng-container>\n<ubx-grid [columns]=\"setGrid(columns)\" [gap]=\"gap\" [xGap]=\"xGap\" yGap=\"25\">\n    <ng-container *ngFor=\"let field of data.fields; index as i\">\n        <ubx-track *ngIf=\"!field.isHidden\" [colSpan]=\"setGrid(field.colSpan)\" [js]=\"setAlign(field.js)\" [as]=\"setAlign(field.as)\">\n            <ng-container *ngIf=\"field.type !== FieldType.Spacer && field.type !== FieldType.ButtonGroup\">\n                <ubx-field-block [accent]=\"field.accent ? field.accent : accent\" [disabled]=\"field.isDisabled\" [valid]=\"field.isValid\" [required]=\"field.validation?.required\">\n                    <!-- <ng-container *ngIf=\"field.type !== FieldType.Checkbox && field.type !== FieldType.Radio\"> -->\n                        <ubx-field-label *ngIf=\"field.label\" [required]=\"field.validation?.required\">{{ field.label }}</ubx-field-label>\n                        <ng-container ubxPrefix *ngIf=\"field.prefix?.icon\">\n                            <ubx-icon class=\"pe:n\" size=\"s\" [svg]=\"field.prefix?.icon\"></ubx-icon>\n                        </ng-container>\n                        <ng-container ubxField [ngSwitch]=\"field.type\">\n                            <ng-container *ngSwitchCase=\"FieldType.Input\">\n                                <ubx-input [field]=\"field\" [model]=\"getValue(field)\" (modelChange)=\"setInputbox($event, field)\"></ubx-input>\n                            </ng-container>\n                            <ng-container *ngSwitchCase=\"FieldType.Textarea\">\n                                <!-- <app-textarea [field]=\"field\" [model]=\"getValue(field)\" (modelChange)=\"setInputbox($event, field)\"></app-textarea> -->\n                            </ng-container>\n                            <ng-container *ngSwitchCase=\"FieldType.Select\">\n                                <ubx-select [field]=\"field\" [model]=\"getValue(field)\" (modelChange)=\"setSelect($event, field)\"></ubx-select>\n                            </ng-container>\n                            <ng-container *ngSwitchCase=\"FieldType.Upload\">\n                                <!-- <app-upload [field]=\"field\" [model]=\"getValue(field)\" (modelChange)=\"setUpload($event, field)\"></app-upload> -->\n                            </ng-container>\n                        </ng-container>\n                        <ng-container ubxSuffix *ngIf=\"field.suffix?.icon\">\n                            <ubx-icon class=\"pe:n\" size=\"s\" [svg]=\"field.suffix?.icon\"></ubx-icon>\n                        </ng-container>\n                        <ubx-field-message *ngIf=\"field.message || field.error\" [field]=\"field\" [value]=\"getValue(field)\"></ubx-field-message>\n                    <!-- </ng-container> -->\n                    <ng-container *ngIf=\"field.type === FieldType.Checkbox\">\n                        <!-- <app-checkbox [field]=\"field\" [model]=\"getValue(field)\" (modelChange)=\"setCheckbox($event, field)\">\n                            <div [outerHTML]=\"field.label | safe: 'html'\"></div>\n                        </app-checkbox> -->\n                    </ng-container>\n                    <ng-container *ngIf=\"field.type === FieldType.Radio\">\n                        <!-- <app-radio-group [field]=\"field\" [model]=\"getValue(field)\" (modelChange)=\"setRadioButton($event, field)\"></app-radio-group> -->\n                    </ng-container>\n                </ubx-field-block>\n            </ng-container>\n            <ng-container *ngIf=\"field.type === FieldType.ButtonGroup\">\n                <ubx-button-group [columns]=\"field.buttonGroup?.columns\" [gap]=\"field.buttonGroup?.gap\" [xGap]=\"field.buttonGroup?.xGap\" [yGap]=\"field.buttonGroup?.yGap\" [jc]=\"field.buttonGroup?.jc\" [ji]=\"field.buttonGroup?.ji\" [ac]=\"field.buttonGroup?.ac\" [ai]=\"field.buttonGroup?.ai\">\n                    <ng-container *ngFor=\"let button of field.buttonGroup?.buttons\">\n                        <ubx-button [btnColor]=\"button.color\" [btnType]=\"button.type\" [btnIcon]=\"button.icon\" (click)=\"button.action()\" [class.disabled]=\"button.isDisabled\">{{ button.label }}</ubx-button>\n                    </ng-container>\n                </ubx-button-group>\n            </ng-container>\n        </ubx-track>\n    </ng-container>\n</ubx-grid>\n"}]}],"members":{"accent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":11,"character":5}}]}],"columns":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":12,"character":5}}]}],"gap":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":13,"character":5}}]}],"xGap":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":14,"character":5}}]}],"showRequiredFootnote":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":16,"character":5}}]}],"data":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":17,"character":5}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":24,"character":19}]}],"setGrid":[{"__symbolic":"method"}],"setAlign":[{"__symbolic":"method"}],"setInputbox":[{"__symbolic":"method"}],"setCheckbox":[{"__symbolic":"method"}],"setSelect":[{"__symbolic":"method"}],"setRadioButton":[{"__symbolic":"method"}],"setUpload":[{"__symbolic":"method"}],"showHidePassword":[{"__symbolic":"method"}],"getValue":[{"__symbolic":"method"}],"setValue":[{"__symbolic":"method"}],"requiredFootnote":[{"__symbolic":"method"}],"isFormValid":[{"__symbolic":"method"}],"checkValidation":[{"__symbolic":"method"}],"resetValidation":[{"__symbolic":"method"}],"showError":[{"__symbolic":"method"}],"resetHidden":[{"__symbolic":"method"}],"checkRequired":[{"__symbolic":"method"}]}},"UBXGridModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":11,"character":1},"arguments":[{"declarations":[[{"__symbolic":"reference","name":"ɵi"},{"__symbolic":"reference","name":"ɵj"}]],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":16,"character":8}],"exports":[[{"__symbolic":"reference","name":"ɵi"},{"__symbolic":"reference","name":"ɵj"}]]}]}],"members":{}},"UBXHeadingModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":9,"character":1},"arguments":[{"declarations":[[{"__symbolic":"reference","name":"ɵv"}]],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":14,"character":8}],"exports":[[{"__symbolic":"reference","name":"ɵv"}]]}]}],"members":{}},"UBXIconModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":9,"character":1},"arguments":[{"declarations":[[{"__symbolic":"reference","name":"ɵf"}]],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":14,"character":8}],"exports":[[{"__symbolic":"reference","name":"ɵf"}]]}]}],"members":{}},"UBXMessageModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":15,"character":1},"arguments":[{"declarations":[[{"__symbolic":"reference","name":"ɵw"}]],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":20,"character":8},[{"__symbolic":"reference","name":"UBXGridModule"},{"__symbolic":"reference","name":"UBXIconModule"}]],"exports":[[{"__symbolic":"reference","name":"ɵw"}]]}]}],"members":{}},"UBXModalModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":17,"character":1},"arguments":[{"declarations":[[{"__symbolic":"reference","name":"ɵx"},{"__symbolic":"reference","name":"ɵz"}]],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":22,"character":8},[{"__symbolic":"reference","name":"UBXHeadingModule"},{"__symbolic":"reference","name":"UBXIconModule"}]],"exports":[[{"__symbolic":"reference","name":"ɵx"},{"__symbolic":"reference","name":"ɵz"}]]}]}],"members":{}},"UBXSnackbarModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":17,"character":1},"arguments":[{"declarations":[[{"__symbolic":"reference","name":"ɵba"},{"__symbolic":"reference","name":"ɵbc"}]],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":22,"character":8},[{"__symbolic":"reference","name":"UBXGridModule"},{"__symbolic":"reference","name":"UBXIconModule"}]],"exports":[[{"__symbolic":"reference","name":"ɵba"},{"__symbolic":"reference","name":"ɵbc"}]]}]}],"members":{}},"UBXTabsModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":17,"character":1},"arguments":[{"declarations":[[{"__symbolic":"reference","name":"ɵbd"},{"__symbolic":"reference","name":"ɵbe"}]],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":22,"character":8},[{"__symbolic":"reference","name":"UBXGridModule"},{"__symbolic":"reference","name":"UBXIconModule"}]],"exports":[[{"__symbolic":"reference","name":"ɵbd"},{"__symbolic":"reference","name":"ɵbe"}]]}]}],"members":{}},"UBXToastModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":17,"character":1},"arguments":[{"declarations":[[{"__symbolic":"reference","name":"ɵbf"},{"__symbolic":"reference","name":"ɵbh"}]],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":22,"character":8},[{"__symbolic":"reference","name":"UBXGridModule"},{"__symbolic":"reference","name":"UBXIconModule"}]],"exports":[[{"__symbolic":"reference","name":"ɵbf"},{"__symbolic":"reference","name":"ɵbh"}]]}]}],"members":{}},"ɵa":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":4,"character":1},"arguments":[{"selector":"ubx-accordion","host":{"class":"ubx-accordion flx f-fd:c"},"encapsulation":{"__symbolic":"reference","name":"ɵb"},"template":"<ng-content></ng-content>\n"}]}],"members":{"expand":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":11,"character":5}}]}],"multi":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":12,"character":5}}]}],"disable":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":13,"character":5}}]}],"rows":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":15,"character":5},"arguments":[{"__symbolic":"reference","name":"ɵc"}]}]}],"ngAfterContentInit":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"closeAllRows":[{"__symbolic":"method"}],"expandRows":[{"__symbolic":"method"}],"disableRows":[{"__symbolic":"method"}],"executeRow":[{"__symbolic":"method"}]}},"ɵb":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":2,"character":29},"member":"None"},"ɵc":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":4,"character":1},"arguments":[{"selector":"ubx-accordion-row","host":{"class":"ubx-accordion-row flx f-fd:c"},"encapsulation":{"__symbolic":"reference","name":"ɵb"},"animations":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"trigger","line":10,"character":8},"arguments":["animate",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition","line":11,"character":12},"arguments":[":enter",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":12,"character":16},"arguments":[{"height":0}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":12,"character":38},"arguments":["0.5s ease",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":12,"character":59},"arguments":[{"height":"*"}]}]}]]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition","line":14,"character":12},"arguments":[":leave",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":15,"character":16},"arguments":[{"height":"*"}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":15,"character":40},"arguments":["0.5s ease",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":15,"character":61},"arguments":[{"height":0}]}]}]]}]]}],"template":"<ubx-accordion-head [open]=\"open\">{{ heading }}</ubx-accordion-head>\n<ubx-accordion-body *ngIf=\"open\" [@animate]>\n    <ng-content></ng-content>\n</ubx-accordion-body>\n"}]}],"members":{"heading":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":21,"character":5}}]}],"disable":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":23,"character":5},"arguments":["class.disable"]}]}],"open":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":24,"character":5},"arguments":["class.open"]}]}],"__ctor__":[{"__symbolic":"constructor"}],"toggleRow":[{"__symbolic":"method"}],"disableRow":[{"__symbolic":"method"}]}},"ɵd":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":3,"character":1},"arguments":[{"selector":"ubx-accordion-body","host":{"class":"ubx-accordion-body"},"encapsulation":{"__symbolic":"reference","name":"ɵb"},"template":"<div class=\"pd:x25 pd:y20\">\n    <ng-content></ng-content>\n</div>\n"}]}],"members":{}},"ɵe":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":5,"character":1},"arguments":[{"selector":"ubx-accordion-head","host":{"class":"ubx-accordion-head pd:x25 pd:y15 pointer"},"encapsulation":{"__symbolic":"reference","name":"ɵb"},"template":"<div class=\"flx f-jc:sb f-ai:c fw:sb pe:n\">\n    <div class=\"ubx-accordion-head__label\">\n        <ng-content></ng-content>\n    </div>\n    <div class=\"ubx-accordion-head__icon\" [ngClass]=\"{'open': open}\">\n        <ubx-icon svg=\"angle.down\"></ubx-icon>\n    </div>\n</div>\n"}]}],"members":{"open":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":12,"character":5}}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":15,"character":9},"arguments":[{"__symbolic":"reference","name":"ɵa"}]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":16,"character":9},"arguments":[{"__symbolic":"reference","name":"ɵc"}]}]],"parameters":[{"__symbolic":"reference","name":"ɵa"},{"__symbolic":"reference","name":"ɵc"}]}],"onClick":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":19,"character":5},"arguments":["click"]}]}]}},"ɵf":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":5,"character":1},"arguments":[{"selector":"ubx-icon","host":{"class":"ubx-icon flx f-jc:c f-ai:c"},"encapsulation":{"__symbolic":"reference","name":"ɵb"},"template":"<svg *ngIf=\"noIcon\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\">\n    <path d=\"M 7.02556,0 10e-4,7.02495 0,16.98095 7.02005,23.999 16.98712,24 23.99974,16.97664 24,7.02542 16.97889,2e-4 Z m 0.46043,0.76454 9.19269,0.0295 6.5498,6.71261 -0.0106,9.16863 L 16.60917,23.2178 7.3419,23.2396 0.80404,16.69763 V 7.30449 Z m 0.1924,0.84415 -6.06894,6.06536 -0.001,8.62091 6.09786,6.09667 h 8.61391 L 22.39154,16.3138 V 7.70988 L 16.2974,1.60869 Z M 5.09785,8.47627 c 0.2518,0.0216 0.54968,0.20457 0.59498,0.38507 0.033,0.1314 -0.49383,3.41289 -0.68547,4.26984 -0.0364,0.1629 -0.0171,0.17011 0.45485,0.17011 h 0.49281 v -1.02408 c 0,-0.98644 0.007,-1.03082 0.1855,-1.20957 0.11697,-0.11696 0.272,-0.18549 0.4193,-0.18549 0.1473,0 0.30232,0.0685 0.41929,0.18549 0.17876,0.17875 0.1855,0.22313 0.1855,1.20957 v 1.02408 H 7.5855 c 0.61373,0 0.86106,0.15524 0.86328,0.54189 0.003,0.45886 -0.27955,0.66768 -0.90229,0.66768 H 7.16461 v 0.41929 c 0,0.50442 -0.21879,0.79027 -0.60479,0.79027 -0.1473,0 -0.30233,-0.0685 -0.4193,-0.18549 -0.1524,-0.1524 -0.1855,-0.26047 -0.1855,-0.60478 V 14.51086 H 5.00284 c -1.03583,0 -1.35564,-0.0953 -1.43941,-0.42912 C 3.49913,13.82553 4.49969,8.91499 4.6621,8.68964 4.737,8.58569 4.88608,8.49022 4.99355,8.47733 c 0.0332,-0.004 0.0683,-0.004 0.1043,-10e-4 z m 12.0962,0 c 0.2518,0.0216 0.54967,0.20457 0.59498,0.38507 0.033,0.1314 -0.49383,3.41289 -0.68547,4.26984 -0.0364,0.1629 -0.0171,0.17011 0.45485,0.17011 h 0.49281 v -1.02408 c 0,-0.98644 0.007,-1.03082 0.1855,-1.20957 0.11697,-0.11696 0.272,-0.18549 0.4193,-0.18549 0.14729,0 0.30232,0.0685 0.41929,0.18549 0.17876,0.17875 0.1855,0.22313 0.1855,1.20957 v 1.02408 h 0.42089 c 0.4116,0 0.69524,0.0903 0.80649,0.25687 0.0306,0.0457 0.0562,0.21128 0.0568,0.36782 9.5e-4,0.24054 -0.037,0.30779 -0.24468,0.43441 -0.16232,0.099 -0.38028,0.15002 -0.64248,0.1502 l -0.39701,2.7e-4 v 0.41929 c 0,0.50442 -0.21879,0.79027 -0.60479,0.79027 -0.1473,0 -0.30233,-0.0685 -0.4193,-0.18549 -0.15241,-0.1524 -0.1855,-0.26047 -0.1855,-0.60478 v -0.41929 h -0.95218 c -1.0381,0 -1.35568,-0.0953 -1.4402,-0.43203 -0.0647,-0.25762 0.93593,-5.1621 1.09946,-5.38919 0.0748,-0.10395 0.22398,-0.19942 0.33145,-0.21231 0.0332,-0.004 0.0683,-0.004 0.1043,-10e-4 z m -5.1908,0.0244 c 1.06187,0 1.10731,0.007 1.45268,0.20965 0.40271,0.23671 0.70927,0.6006 0.8585,1.01876 0.14444,0.40476 0.14444,4.32047 0,4.72523 -0.14923,0.41816 -0.45579,0.78205 -0.8585,1.01877 -0.33386,0.19625 -0.41906,0.21072 -1.33936,0.22875 -0.69346,0.0136 -1.06624,-0.0117 -1.26639,-0.0857 -0.42198,-0.15604 -0.7835,-0.46195 -1.01878,-0.86219 l -0.20965,-0.3564 -0.0233,-2.13068 c -0.0145,-1.33094 0.007,-2.2415 0.0565,-2.4263 0.11536,-0.4284 0.47393,-0.88232 0.88981,-1.12677 0.35232,-0.2071 0.39249,-0.2131 1.45852,-0.2131 z m 0,1.17189 c -0.78944,0 -0.84938,0.0108 -1.02409,0.1855 l -0.18577,0.18549 v 2.04814 2.04815 l 0.18577,0.1855 c 0.17471,0.17471 0.23465,0.1855 1.02409,0.1855 0.78944,0 0.84912,-0.0108 1.02383,-0.1855 l 0.18577,-0.1855 V 12.09169 10.04355 L 13.02708,9.85806 C 12.85237,9.68334 12.79269,9.67256 12.00325,9.67256 Z\" />\n</svg>\n"}]}],"members":{"svg":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":12,"character":5}}]}],"color":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":13,"character":5}}]}],"size":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":14,"character":5}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"Renderer2","line":19,"character":26},{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":20,"character":20},{"__symbolic":"reference","module":"@angular/platform-browser","name":"DomSanitizer","line":21,"character":30},{"__symbolic":"reference","name":"ɵg"}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"setSvg":[{"__symbolic":"method"}],"setSize":[{"__symbolic":"method"}],"setColor":[{"__symbolic":"method"}],"appendClass":[{"__symbolic":"method"}]}},"ɵh":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":3,"character":1},"arguments":[{"selector":"ubx-bootstrap","host":{"class":"ubx-bootstrap flx p:ab cvr:a pe:n"},"encapsulation":{"__symbolic":"reference","name":"ɵb"},"template":"<ubx-grid [columns]=\"columns\" class=\"f-fg:1\" [xGap]=\"xGap\">\n    <ubx-track *ngFor=\"let color of colors\" class=\"flx\">\n        <div [ngClass]=\"color\" class=\"ubx-bootstrap__col f-fg:1\"></div>\n    </ubx-track>\n</ubx-grid>\n"}]}],"members":{"columns":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":10,"character":5}}]}],"xGap":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":11,"character":5}}]}],"ngOnInit":[{"__symbolic":"method"}],"setColors":[{"__symbolic":"method"}]}},"ɵi":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":5,"character":1},"arguments":[{"selector":"ubx-grid","host":{"class":"grd"},"encapsulation":{"__symbolic":"reference","name":"ɵb"},"template":"<ng-content></ng-content>\n"}]}],"members":{"columns":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":12,"character":5}}]}],"rows":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":13,"character":5}}]}],"gap":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":15,"character":5}}]}],"xGap":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":16,"character":5}}]}],"yGap":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":17,"character":5}}]}],"jc":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":19,"character":5}}]}],"ji":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":20,"character":5}}]}],"ac":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":21,"character":5}}]}],"ai":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":22,"character":5}}]}],"tracks":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":24,"character":5},"arguments":[{"__symbolic":"reference","name":"ɵj"}]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"Renderer2","line":29,"character":26},{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":30,"character":20}]}],"ngOnInit":[{"__symbolic":"method"}],"ngAfterContentInit":[{"__symbolic":"method"}],"setColumns":[{"__symbolic":"method"}],"setRows":[{"__symbolic":"method"}],"setGaps":[{"__symbolic":"method"}],"setAlign":[{"__symbolic":"method"}],"setColTracks":[{"__symbolic":"method"}],"setRowTracks":[{"__symbolic":"method"}],"setTracks":[{"__symbolic":"method"}],"appendClass":[{"__symbolic":"method"}]}},"ɵj":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":4,"character":1},"arguments":[{"selector":"ubx-track","host":{"class":"ubx-track"},"encapsulation":{"__symbolic":"reference","name":"ɵb"},"template":"<ng-content></ng-content>\n"}]}],"members":{"colSpan":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":11,"character":5}}]}],"rowSpan":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":12,"character":5}}]}],"js":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":14,"character":5}}]}],"as":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":15,"character":5}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"Renderer2","line":20,"character":26},{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":21,"character":19}]}],"ngOnInit":[{"__symbolic":"method"}],"setTrack":[{"__symbolic":"method"}],"setSpan":[{"__symbolic":"method"}],"setAlign":[{"__symbolic":"method"}],"appendClass":[{"__symbolic":"method"}]}},"ɵk":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":5,"character":1},"arguments":[{"selector":"ubx-button","host":{"class":"flx f-ai:c pointer"},"encapsulation":{"__symbolic":"reference","name":"ɵb"},"template":"<div class=\"ubx-btn__inner p:rl pe:n\">\n    <ubx-grid [columns]=\"1\" [gap]=\"5\" ai=\"c\">\n        <!-- <ubx-track *ngIf=\"icon && icon.left\">\n            <ubx-icon class=\"pe:a\" [svg]=\"icon.left\"></ubx-icon>\n        </ubx-track> -->\n        <ubx-track>\n            <div class=\"fs:s\">\n                <ng-content></ng-content>\n            </div>\n        </ubx-track>\n        <!-- <ubx-track *ngIf=\"icon && icon.right\">\n            <ubx-icon class=\"pe:a\" [svg]=\"icon.right\"></ubx-icon>\n        </ubx-track> -->\n    </ubx-grid>\n</div>\n"}]}],"members":{"type":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":12,"character":5},"arguments":["btnType"]}]}],"color":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":13,"character":5},"arguments":["btnColor"]}]}],"icons":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":14,"character":5},"arguments":["btnIcons"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"Renderer2","line":17,"character":26},{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":18,"character":19}]}],"ngOnChanges":[{"__symbolic":"method"}],"setBtnClasses":[{"__symbolic":"method"}],"appendClass":[{"__symbolic":"method"}],"removeClass":[{"__symbolic":"method"}]}},"ɵl":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":5,"character":1},"arguments":[{"selector":"ubx-button-group","host":{"class":"ubx-button-group flx f-fd:c"},"encapsulation":{"__symbolic":"reference","name":"ɵb"},"template":"<ubx-grid [columns]=\"setColumns(columns)\" [gap]=\"gap\" [xGap]=\"xGap\" [yGap]=\"yGap\" [jc]=\"jc\" [ji]=\"ji\" [ac]=\"ac\" [ai]=\"ai\">\n    <ubx-track *ngFor=\"let button of buttons\" #tracks></ubx-track>\n</ubx-grid>"}]}],"members":{"columns":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":12,"character":5}}]}],"gap":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":14,"character":5}}]}],"xGap":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":15,"character":5}}]}],"yGap":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":16,"character":5}}]}],"jc":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":18,"character":5}}]}],"ji":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":19,"character":5}}]}],"ac":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":20,"character":5}}]}],"ai":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":21,"character":5}}]}],"buttons":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":23,"character":5},"arguments":[{"__symbolic":"reference","name":"ɵk"}]}]}],"tracks":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChildren","line":24,"character":5},"arguments":["tracks"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"Renderer2","line":27,"character":26},{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":28,"character":19}]}],"ngAfterViewInit":[{"__symbolic":"method"}],"appendChildParent":[{"__symbolic":"method"}],"setColumns":[{"__symbolic":"method"}]}},"ɵm":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":4,"character":1},"arguments":[{"selector":"ubx-container","host":{"class":"ubx-container"},"encapsulation":{"__symbolic":"reference","name":"ɵb"},"template":"<ng-content></ng-content>\n"}]}],"members":{"type":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":11,"character":5}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"Renderer2","line":14,"character":26},{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":15,"character":19}]}],"ngOnInit":[{"__symbolic":"method"}],"setType":[{"__symbolic":"method"}],"appendClass":[{"__symbolic":"method"}]}},"ɵn":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"ubx-datepicker","host":{"class":"ubx-datepicker flx-i f-fd:c pd:40"},"template":"<div class=\"ubx-datepicker__head flx f-fd:c f-ai:c mg:b30\">\n    <div class=\"flx f-ai:c\">\n        <div>\n            <ubx-icon size=\"xs\" svg=\"angle.left\"></ubx-icon>\n        </div>\n        <div class=\"mg:x15\">\n            <div class=\"fs:xl\">\n                2019\n            </div>\n        </div>\n        <div>\n            <ubx-icon size=\"xs\" svg=\"angle.right\"></ubx-icon>\n        </div>\n    </div>\n    <div>\n        <div class=\"fs:xs\">\n            January\n        </div>\n    </div>\n</div>\n<div class=\"ubx-datepicker__body fs:s ta:c\">\n    <div class=\"mg:b15 fw:bd\">\n        <ubx-grid columns=\"7\" gap=\"15\">\n            <ubx-track *ngFor=\"let title of titles\">\n                <div class=\"pd:5q\">{{ title }}</div>\n            </ubx-track>\n        </ubx-grid>\n    </div>\n    <div>\n        <ubx-grid columns=\"7\" gap=\"15\">\n            <ubx-track *ngFor=\"let day of days\">\n                <div class=\"pd:5q\">{{ day }}</div>\n            </ubx-track>\n        </ubx-grid>\n    </div>\n</div>\n"}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}]}},"ɵo":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":4,"character":1},"arguments":[{"selector":"ubx-field-block","host":{"class":"ubx-field-block flx f-fd:c p:rl"},"encapsulation":{"__symbolic":"reference","name":"ɵb"},"template":"<div class=\"ubx-field-block__fixes flx p:rl\">\n    <div class=\"ubx-field-block__prefix flx f-jc:c f-ai:c p:ab cvr:l\" #prefix *ngIf=\"showPrefix\">\n        <ng-content select=\"[ubxPrefix]\"></ng-content>\n    </div>\n    <div class=\"ubx-field-block__infix f-fg:1\" [ngClass]=\"{'prefix': showPrefix, 'suffix': showSuffix}\">\n        <ng-content select=\"[ubxField]\"></ng-content>\n    </div>\n    <div class=\"ubx-field-block__suffix flx f-jc:c f-ai:c p:ab cvr:r\" #suffix *ngIf=\"showSuffix\">\n        <ng-content select=\"[ubxSuffix]\"></ng-content>\n    </div>\n</div>\n<div class=\"ubx-field-block__appearance flx p:ab cvr:a pe:n\" [ngClass]=\"accent\" [class.hover]=\"hover\" [class.focus]=\"focus\" [class.invalid]=\"!valid\">\n    <div class=\"ubx-field-block__outline start\" [ngClass]=\"{'prefix': showPrefix}\"></div>\n    <div class=\"ubx-field-block__outline middle flx f-ai:c\" [ngClass]=\"{'value': value, 'focus': focus}\">\n        <div class=\"pd:x5\">\n            <div class=\"ubx-field-block__label\" [ngClass]=\"{'value': value, 'focus': focus}\">\n                <ng-content select=\"ubx-field-label\"></ng-content>\n            </div>\n        </div>\n    </div>\n    <div class=\"ubx-field-block__outline end f-fg:1\"></div>\n</div>\n<div class=\"ubx-field-block__message p:ab cvr:x t:100 mg:x5 mg:t2 pe:n\">\n    <ng-content select=\"ubx-field-message\"></ng-content>\n</div>\n"}]}],"members":{"field":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":11,"character":5}}]}],"accent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":12,"character":5}}]}],"required":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":14,"character":5}}]}],"disabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":15,"character":5}}]}],"valid":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":16,"character":5}}]}],"prefix":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":25,"character":5},"arguments":["prefix"]}]}],"suffix":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":26,"character":5},"arguments":["suffix"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"Renderer2","line":29,"character":26},{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":30,"character":20},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":31,"character":23}]}],"ngOnChanges":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"checkFixes":[{"__symbolic":"method"}],"setStates":[{"__symbolic":"method"}],"appendClass":[{"__symbolic":"method"}],"removeClass":[{"__symbolic":"method"}],"mouseOver":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":61,"character":5},"arguments":["mouseover"]}]}],"mouseOut":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":64,"character":5},"arguments":["mouseout"]}]}]}},"ɵp":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":3,"character":1},"arguments":[{"selector":"ubx-field-label","host":{"class":"ubx-field-label flx"},"encapsulation":{"__symbolic":"reference","name":"ɵb"},"template":"<ng-content></ng-content>\n<span *ngIf=\"required\">*</span>\n"}]}],"members":{"required":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":10,"character":5}}]}]}},"ɵq":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":4,"character":1},"arguments":[{"selector":"[ubxFieldBox]"}]}],"members":{"field":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":8,"character":5},"arguments":["ubxFieldBox"]}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":13,"character":9},"arguments":[{"__symbolic":"reference","name":"ɵo"}]}]],"parameters":[{"__symbolic":"reference","module":"@angular/core","name":"Renderer2","line":11,"character":26},{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":12,"character":20},{"__symbolic":"reference","name":"ɵo"}]}],"ngOnInit":[{"__symbolic":"method"}],"setAttrs":[{"__symbolic":"method"}],"setClassType":[{"__symbolic":"method"}],"assignAttr":[{"__symbolic":"method"}],"appendClass":[{"__symbolic":"method"}],"setAttr":[{"__symbolic":"method"}],"focusIn":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":61,"character":5},"arguments":["focusin"]}]}],"focusOut":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":64,"character":5},"arguments":["focusout"]}]}]}},"ɵr":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":5,"character":1},"arguments":[{"selector":"ubx-field-message","host":{"class":"ubx-field-message flx fs:3xs"},"encapsulation":{"__symbolic":"reference","name":"ɵb"},"animations":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"trigger","line":11,"character":8},"arguments":["fadeIn",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition","line":12,"character":12},"arguments":[":enter",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":13,"character":16},"arguments":[{"opacity":0}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":13,"character":39},"arguments":["0.5s ease-in",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":13,"character":63},"arguments":[{"opacity":1}]}]}]]}]]}],"template":"<ng-container *ngIf=\"messageCheck(field)\">\n    <div [ngClass]=\"setAccent(field.message?.accent)\" [ngSwitch]=\"field.message?.type\" [@fadeIn]>\n        <ng-container *ngSwitchCase=\"Message.Characters\">\n            {{ setValue(value) + '/' + field.maxLength }} Characters\n        </ng-container>\n        <ng-container *ngSwitchCase=\"Message.Custom\">\n            {{ field.message?.content }}\n        </ng-container>\n    </div>\n</ng-container>\n<ng-container *ngIf=\"errorCheck(field)\">\n    <div class=\"clr:dgr\" [ngSwitch]=\"field.error?.type\" [@fadeIn]>\n        <ng-container *ngSwitchCase=\"Error.Required\">\n            This field is Required\n        </ng-container>\n    </div>\n</ng-container>\n"}]}],"members":{"field":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":19,"character":5}}]}],"value":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":20,"character":5}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"Renderer2","line":26,"character":26},{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":27,"character":20}]}],"ngOnChanges":[{"__symbolic":"method"}],"setAlignment":[{"__symbolic":"method"}],"setAccent":[{"__symbolic":"method"}],"setValue":[{"__symbolic":"method"}],"messageCheck":[{"__symbolic":"method"}],"errorCheck":[{"__symbolic":"method"}],"appendClass":[{"__symbolic":"method"}]}},"ɵv":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":3,"character":1},"arguments":[{"selector":"ubx-heading","host":{"class":"ubx-heading"},"encapsulation":{"__symbolic":"reference","name":"ɵb"},"template":"<ng-container [ngSwitch]=\"type\">\n    <h1 [ngClass]=\"[heading, type]\" *ngSwitchCase=\"Heading.H1\">\n        <ng-container *ngTemplateOutlet=\"headingTpl\"></ng-container>\n    </h1>\n    <h2 [ngClass]=\"[heading, type]\" *ngSwitchCase=\"Heading.H2\">\n        <ng-container *ngTemplateOutlet=\"headingTpl\"></ng-container>\n    </h2>\n    <h3 [ngClass]=\"[heading, type]\" *ngSwitchCase=\"Heading.H3\">\n        <ng-container *ngTemplateOutlet=\"headingTpl\"></ng-container>\n    </h3>\n    <h4 [ngClass]=\"[heading, type]\" *ngSwitchCase=\"Heading.H4\">\n        <ng-container *ngTemplateOutlet=\"headingTpl\"></ng-container>\n    </h4>\n    <h5 [ngClass]=\"[heading, type]\" *ngSwitchCase=\"Heading.H5\">\n        <ng-container *ngTemplateOutlet=\"headingTpl\"></ng-container>\n    </h5>\n    <h6 [ngClass]=\"[heading, type]\" *ngSwitchCase=\"Heading.H6\">\n        <ng-container *ngTemplateOutlet=\"headingTpl\"></ng-container>\n    </h6>\n</ng-container>\n\n<ng-template #headingTpl>\n    <ng-content></ng-content>\n</ng-template>\n"}]}],"members":{"type":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":10,"character":5}}]}],"marg":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":11,"character":5}}]}],"weig":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":12,"character":5}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"Renderer2","line":18,"character":26},{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":19,"character":20}]}],"ngOnInit":[{"__symbolic":"method"}],"setMarg":[{"__symbolic":"method"}],"setWeig":[{"__symbolic":"method"}],"appendClass":[{"__symbolic":"method"}]}},"ɵw":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":4,"character":1},"arguments":[{"selector":"ubx-message","host":{"class":"ubx-message flx-i p:rl bdr:1 pd:15"},"encapsulation":{"__symbolic":"reference","name":"ɵb"},"template":"<div class=\"ubx-message__icon p:ab t:0 l:0 bdr-rad:50 pd:5\" [ngClass]=\"setClass('bg', type)\">\n    <ubx-icon size=\"s\" color=\"wht\" svg=\"alert.radiation\"></ubx-icon>\n</div>\n<div class=\"ubx-message__content fs:s\">\n    <ng-content></ng-content>\n</div>\n"}]}],"members":{"type":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":11,"character":5}}]}],"__ctor__":[{"__symbolic":"constructor"}],"classes":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":15,"character":5},"arguments":["class"]}]}],"ngOnInit":[{"__symbolic":"method"}],"setClass":[{"__symbolic":"method"}],"setIcon":[{"__symbolic":"method"}]}},"ɵx":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":5,"character":1},"arguments":[{"selector":"ubx-modal","host":{"class":"ubx-modal flx f-jc:c f-ai:c p:fx cvr:a pe:n zi:100"},"encapsulation":{"__symbolic":"reference","name":"ɵb"},"template":"<ng-container #vcr></ng-container>\n"}]}],"members":{"vcr":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":12,"character":5},"arguments":["vcr",{"read":{"__symbolic":"reference","module":"@angular/core","name":"ViewContainerRef","line":12,"character":30}}]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"Renderer2","line":15,"character":26},{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":16,"character":20},{"__symbolic":"reference","name":"ɵy"}]}],"ngOnInit":[{"__symbolic":"method"}],"getModal":[{"__symbolic":"method"}],"createModal":[{"__symbolic":"method"}],"clearModal":[{"__symbolic":"method"}],"appendClass":[{"__symbolic":"method"}],"removeClass":[{"__symbolic":"method"}],"onClick":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":51,"character":5},"arguments":["click",["$event"]]}]}]}},"ɵz":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":6,"character":1},"arguments":[{"selector":"ubx-modal-box","host":{"class":"ubx-modal-box flx f-fd:c p:rl pe:a"},"encapsulation":{"__symbolic":"reference","name":"ɵb"},"animations":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"trigger","line":12,"character":8},"arguments":["animate",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition","line":13,"character":12},"arguments":[":enter",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":14,"character":16},"arguments":[{"opacity":0,"transform":"scale(0.75)"}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":15,"character":16},"arguments":["0.25s 0.25s ease",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":15,"character":44},"arguments":[{"opacity":1,"transform":"scale(1)"}]}]}]]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition","line":17,"character":12},"arguments":[":leave",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":18,"character":16},"arguments":[{"opacity":1}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":19,"character":16},"arguments":["0.25s ease",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":19,"character":38},"arguments":[{"opacity":0}]}]}]]}]]}],"template":"<div class=\"ubx-modal-box__close pointer bg:wht p:ab bdr-rad:50 pd:5\" (click)=\"closeModal()\">\n    <ubx-icon size=\"s\" color=\"inh:dgr\" svg=\"math.times\"></ubx-icon>\n</div>\n<div class=\"ubx-modal-box__main flx f-fd:c f-fg:1 bg:wht\">\n    <ng-container *ngIf=\"heading\">\n        <div class=\"ubx-modal-box__title flx f-ai:c pd:x20 pd:y15 clr:wht\" [ngClass]=\"setClass('bg', theme)\">\n            <ubx-heading type=\"h4\">{{ heading }}</ubx-heading>\n        </div>\n    </ng-container>\n    <div class=\"ubx-modal-box__body flx f-fd:c f-fg:1 pd:20\">\n        <ng-content></ng-content>\n    </div>\n</div>\n"}]}],"members":{"size":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":25,"character":5}}]}],"theme":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":26,"character":5}}]}],"heading":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":27,"character":5}}]}],"buttonGroup":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":29,"character":5},"arguments":[{"__symbolic":"reference","name":"ɵl"},{"static":true}]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"Renderer2","line":32,"character":26},{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":33,"character":20},{"__symbolic":"reference","name":"ɵy"}]}],"ngOnInit":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":37,"character":5},"arguments":["@animate"]}]}],"setClass":[{"__symbolic":"method"}],"closeModal":[{"__symbolic":"method"}],"setSize":[{"__symbolic":"method"}],"appendClass":[{"__symbolic":"method"}]}},"ɵba":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":6,"character":1},"arguments":[{"selector":"ubx-snackbar","host":{"class":"ubx-snackbar flx f-fd:c p:fx cvr:a mg:20 pe:n zi:100"},"encapsulation":{"__symbolic":"reference","name":"ɵb"},"animations":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"trigger","line":12,"character":8},"arguments":["animate",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition","line":13,"character":12},"arguments":[":enter",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":14,"character":16},"arguments":[{"opacity":0}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":14,"character":39},"arguments":["0.5s ease-in",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":14,"character":63},"arguments":[{"opacity":1}]}]}]]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition","line":16,"character":12},"arguments":[":leave",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":17,"character":16},"arguments":[{"opacity":1}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":17,"character":39},"arguments":["0.5s ease-out",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":17,"character":64},"arguments":[{"opacity":0}]}]}]]}]]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"trigger","line":20,"character":8},"arguments":["leave",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition","line":21,"character":12},"arguments":[":leave",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":22,"character":16},"arguments":[{"opacity":1}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":22,"character":39},"arguments":["0.5s ease-out",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":22,"character":64},"arguments":[{"opacity":0}]}]}]]}]]}],"template":"<div class=\"ubx-snackbar__container flx f-fd:c w:100 h:100\" *ngIf=\"snack\" [@leave]>\n    <ubx-grid [columns]=\"1\" ji=\"c\" class=\"f-fg:1\">\n        <ubx-track [as]=\"setPosition(snack.position)\" [@animate]>\n            <ubx-snackbar-snack [snack]=\"snack\" (remove)=\"removeSnack()\">\n                <div [outerHTML]=\"snack.message\"></div>\n            </ubx-snackbar-snack>\n        </ubx-track>\n    </ubx-grid>\n</div>\n"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵbb"}]}],"ngOnInit":[{"__symbolic":"method"}],"getSnack":[{"__symbolic":"method"}],"removeSnack":[{"__symbolic":"method"}],"setPosition":[{"__symbolic":"method"}]}},"ɵbc":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":4,"character":1},"arguments":[{"selector":"ubx-snackbar-snack","host":{"class":"ubx-snackbar-snack flx f-ai:c f-jc:sb pd:x15 pd:y10 clr:wht pe:a"},"encapsulation":{"__symbolic":"reference","name":"ɵb"},"template":"<ubx-grid columns=\"2a\" gap=\"10\" ai=\"c\">\n    <ubx-track>\n        <div class=\"fs:s\">\n            <ng-content></ng-content>\n        </div>\n    </ubx-track>\n    <ubx-track>\n        <ubx-icon class=\"pointer\" size=\"xs\" color=\"inh:lte-300\" svg=\"math.times\" (click)=\"close()\"></ubx-icon>\n    </ubx-track>\n</ubx-grid>\n"}]}],"members":{"snack":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":11,"character":5}}]}],"remove":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":12,"character":5}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"Renderer2","line":15,"character":24},{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":16,"character":19}]}],"ngOnInit":[{"__symbolic":"method"}],"setType":[{"__symbolic":"method"}],"close":[{"__symbolic":"method"}],"appendClass":[{"__symbolic":"method"}]}},"ɵbd":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":5,"character":1},"arguments":[{"selector":"ubx-tabs","host":{"class":"ubx-tabs flx f-fd:c"},"encapsulation":{"__symbolic":"reference","name":"ɵb"},"template":"<div class=\"flx f-ai:fe\">\n    <div class=\"ubx-tabs__label--before\"></div>\n    <div class=\"ubx-tabs__labels flx f-ai:fe\">\n        <ng-container *ngFor=\"let tab of tabs; index as i\">\n            <div\n                class=\"ubx-tabs__label p:rl pd:x20 pd:y10\"\n                [class.active]=\"tab.active\"\n                [class.inactive]=\"!tab.active\"\n                [ngClass]=\"{ 'prev': isActive > i, 'next': isActive < i }\"\n                (click)=\"!tab.active && setActiveTab(i)\"\n            >\n                <div [ngClass]=\"{'clr:lte': !tab.active}\">{{ tab.label }}</div>\n            </div>\n        </ng-container>\n    </div>\n    <div class=\"ubx-tabs__label--after f-fg:1\"></div>\n</div>\n<div class=\"f-fg:1 pd:20\" #tab></div>\n"}]}],"members":{"theme":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":12,"character":5}}]}],"isActive":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":13,"character":5}}]}],"tabs":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":15,"character":5},"arguments":[{"__symbolic":"reference","name":"ɵbe"}]}]}],"tab":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":16,"character":5},"arguments":["tab",{"static":true}]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"Renderer2","line":19,"character":26},{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":20,"character":20}]}],"ngAfterContentInit":[{"__symbolic":"method"}],"setActiveTab":[{"__symbolic":"method"}],"labelClass":[{"__symbolic":"method"}],"appendClass":[{"__symbolic":"method"}],"appendChild":[{"__symbolic":"method"}],"removeChild":[{"__symbolic":"method"}]}},"ɵbe":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":3,"character":1},"arguments":[{"selector":"ubx-tabs-tab","host":{"class":"ubx-tabs-tab flx f-fd:c"},"encapsulation":{"__symbolic":"reference","name":"ɵb"},"template":"<ng-content></ng-content>\n"}]}],"members":{"label":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":10,"character":5}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":14,"character":19}]}]}},"ɵbf":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":6,"character":1},"arguments":[{"selector":"ubx-toast","host":{"class":"ubx-toast flx f-fd:c p:fx cvr:a mg:20 pe:n zi:100"},"encapsulation":{"__symbolic":"reference","name":"ɵb"},"animations":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"trigger","line":12,"character":8},"arguments":["animate",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition","line":13,"character":12},"arguments":[":enter",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":14,"character":16},"arguments":[{"opacity":0}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":14,"character":39},"arguments":["0.5s ease-in",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":14,"character":63},"arguments":[{"opacity":1}]}]}]]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition","line":16,"character":12},"arguments":[":leave",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":17,"character":16},"arguments":[{"opacity":1}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":17,"character":39},"arguments":["0.5s ease-out",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":17,"character":64},"arguments":[{"opacity":0}]}]}]]}]]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"trigger","line":20,"character":8},"arguments":["leave",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition","line":21,"character":12},"arguments":[":leave",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":22,"character":16},"arguments":[{"opacity":1}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":22,"character":39},"arguments":["0.5s ease-out",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":22,"character":64},"arguments":[{"opacity":0}]}]}]]}]]}],"template":"<div class=\"flx f-fd:c w:100 h:100\" *ngIf=\"toast.length > 0\" [@leave]>\n    <ubx-grid [columns]=\"2\" class=\"f-fg:1\">\n        <ubx-track class=\"flx f-fd:c f-ai:fs\">\n            <div class=\"ubx-toast__container flx f-fd:c f-jc:sb f-fg:1\">\n                <ng-container *ngTemplateOutlet=\"toastTpl; context: { toast: toast, position: Position.TopLeft }\"></ng-container>\n                <ng-container *ngTemplateOutlet=\"toastTpl; context: { toast: toast, position: Position.BottomLeft }\"></ng-container>\n            </div>\n        </ubx-track>\n        <ubx-track class=\"flx f-fd:c f-ai:fe\">\n            <div class=\"ubx-toast__container flx f-fd:c f-jc:sb f-fg:1\">\n                <ng-container *ngTemplateOutlet=\"toastTpl; context: { toast: toast, position: Position.TopRight }\"></ng-container>\n                <ng-container *ngTemplateOutlet=\"toastTpl; context: { toast: toast, position: Position.BottomRight }\"></ng-container>\n            </div>\n        </ubx-track>\n    </ubx-grid>\n</div>\n\n<ng-template #toastTpl let-toast=\"toast\" let-position=\"position\" let-align=\"align\">\n    <ubx-grid [columns]=\"1\" [gap]=\"20\">\n        <ng-container *ngFor=\"let slice of toast\">\n            <ubx-track *ngIf=\"slice.position === position\" [as]=\"align\" [@animate]>\n                <ubx-toast-slice [toast]=\"slice\" (remove)=\"removeToast(slice)\">\n                    <div [outerHTML]=\"slice.message\"></div>\n                </ubx-toast-slice>\n            </ubx-track>\n        </ng-container>\n    </ubx-grid>\n</ng-template>\n"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵbg"}]}],"ngOnInit":[{"__symbolic":"method"}],"getToast":[{"__symbolic":"method"}],"removeToast":[{"__symbolic":"method"}]}},"ɵbh":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":4,"character":1},"arguments":[{"selector":"ubx-toast-slice","host":{"class":"ubx-toast-slice flx pe:a"},"encapsulation":{"__symbolic":"reference","name":"ɵb"},"template":"<div class=\"flx f-ai:c pd:15\" [ngClass]=\"setColor('bg', toast.type, 100)\">\n    <ubx-icon size=\"3xl\" [svg]=\"setIcon(toast.type)\"></ubx-icon>\n</div>\n<div class=\"f-fg:1 p:rl bg:wht pd:15\">\n    <ng-container *ngIf=\"toast.timer\">\n        <div class=\"ubx-toast-slice__timer p:ab cvr:a pe:n\">\n            <div class=\"ubx-toast-slice__bar\" [ngClass]=\"setColor('bg', toast.type, 100)\" [ngStyle]=\"{'animation-duration': (toast.timer - 100) + 'ms'}\"></div>\n        </div>\n    </ng-container>\n    <div class=\"flx f-ai:c p:rl\">\n        <div class=\"ubx-toast-slice__message f-fg:1 fs:s clr:blk\">\n            <div class=\"fw:sb\">\n                {{ toast.label }}\n            </div>\n            <div class=\"fs:xs\">\n                <ng-content></ng-content>\n            </div>\n        </div>\n        <div class=\"ubx-toast-slice__close pd:l15\">\n            <ubx-icon class=\"pointer\" svg=\"math.times\" (click)=\"close()\"></ubx-icon>\n        </div>\n    </div>\n</div>\n"}]}],"members":{"toast":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":11,"character":5}}]}],"remove":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":12,"character":5}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"Renderer2","line":17,"character":26},{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":18,"character":20}]}],"ngOnInit":[{"__symbolic":"method"}],"setColor":[{"__symbolic":"method"}],"setIcon":[{"__symbolic":"method"}],"close":[{"__symbolic":"method"}],"appendClass":[{"__symbolic":"method"}]}}},"origins":{"UBXAccordionModule":"./lib/components/accordion/accordion.module","UBXBootstrapModule":"./lib/components/bootstrap/bootstrap.module","UBXButtonModule":"./lib/components/button/button.module","UBXContainerModule":"./lib/components/container/container.module","UBXDatepickerModule":"./lib/components/datepicker/datepicker.module","UBXFormModule":"./lib/components/form/form.module","UBXFormComponent":"./lib/components/form/form.component","UBXGridModule":"./lib/components/grid/grid.module","UBXHeadingModule":"./lib/components/heading/heading.module","UBXIconModule":"./lib/components/icon/icon.module","UBXMessageModule":"./lib/components/message/message.module","UBXModalModule":"./lib/components/modal/modal.module","UBXSnackbarModule":"./lib/components/snackbar/snackbar.module","UBXTabsModule":"./lib/components/tabs/tabs.module","UBXToastModule":"./lib/components/toast/toast.module","ɵa":"./lib/components/accordion/accordion.component","ɵb":"./lib/components/encapsulation","ɵc":"./lib/components/accordion/row/accordion-row.component","ɵd":"./lib/components/accordion/body/accordion-body.component","ɵe":"./lib/components/accordion/head/accordion-head.component","ɵf":"./lib/components/icon/icon.component","ɵg":"./lib/services","ɵh":"./lib/components/bootstrap/bootstrap.component","ɵi":"./lib/components/grid/grid.component","ɵj":"./lib/components/grid/track/track.component","ɵk":"./lib/components/button/button.component","ɵl":"./lib/components/button/button-group/button-group.component","ɵm":"./lib/components/container/container.component","ɵn":"./lib/components/datepicker/datepicker.component","ɵo":"./lib/components/form/block/field-block.component","ɵp":"./lib/components/form/label/field-label.component","ɵq":"./lib/components/form/box/field-box.directive","ɵr":"./lib/components/form/message/field-message.component","ɵs":"./lib/components/form/fields","ɵt":"./lib/components/form/fields","ɵu":"./lib/components/form/fields","ɵv":"./lib/components/heading/heading.component","ɵw":"./lib/components/message/message.component","ɵx":"./lib/components/modal/modal.component","ɵy":"./lib/services","ɵz":"./lib/components/modal/box/modal-box.component","ɵba":"./lib/components/snackbar/snackbar.component","ɵbb":"./lib/services","ɵbc":"./lib/components/snackbar/snack/snackbar-snack.component","ɵbd":"./lib/components/tabs/tabs.component","ɵbe":"./lib/components/tabs/tab/tabs-tab.component","ɵbf":"./lib/components/toast/toast.component","ɵbg":"./lib/services","ɵbh":"./lib/components/toast/slice/toast-slice.component"},"importAs":"@aedevelopment/ubits-xi-lib"}