[{"__symbolic":"module","version":4,"metadata":{"template":"\n<div class=\"sdc-tag-cloud-new-item-field\" [ngClass]=\"{'not-empty': newTagItem}\" [attr.data-tests-id]=\"testId\">\n    <sdc-input [label]=\"label\"\n               [disabled]=\"(isViewOnly===true)\"\n               [placeHolder]=\"placeholder\"\n               [(value)]=\"newTagItem\"\n               (keyup)=\"onKeyup($event)\"\n               [ngClass]=\"{'error': uniqueError}\"\n               [testId]=\"testId + '-input'\"></sdc-input>\n    <div class=\"add-button\" (click)=\"newTagItem && insertItemToList()\" [ngClass]=\"{'disabled': !newTagItem || uniqueError}\">\n        <svg-icon [name]=\"'plus'\" [type]=\"'common'\" className=\"plus-icon\" [size]=\"'xlarge'\" [testId]=\"testId + '-add-item'\" [backgroundShape]=\"'rectangle'\"></svg-icon>\n    </div>\n</div>\n<div class=\"sdc-list-container\">\n    <sdc-tag-item *ngFor=\"let item of list; let i = index;\"\n                   [text]=\"item\"\n                   [index]=\"i\"\n                   [testId]=\"testId\"\n                   [isViewOnly]=\"isViewOnly && (isViewOnly === true || isViewOnly.indexOf(i) > -1)\"\n                   (clickOnDelete)=\"deleteItemFromList($event)\"\n                   sdc-tooltip [tooltip-text]=\"item\" [tooltip-placement]=\"3\" [tooltip-hide-onclick]=\"true\"\n                   ></sdc-tag-item>\n</div>\n<div class=\"error-message\" *ngIf=\"uniqueError\">{{uniqueErrorMessage}}</div>\n"}}]