[{"__symbolic":"module","version":4,"metadata":{"template":"\n<div class=\"sdc-tag-cloud-new-item-field\" [ngClass]=\"{'not-empty': newTagItem}\">\n    <sdc-input [label]=\"label\"\n               [disabled]=\"(isViewOnly===true)\"\n               [placeHolder]=\"placeholder\"\n               [(value)]=\"newTagItem\"\n               (keyup)=\"onKeyup($event)\"\n               [ngClass]=\"{'error': uniqueError}\"></sdc-input>\n    <div class=\"add-button\" (click)=\"newTagItem && insertItemToList()\" [ngClass]=\"{'disabled': !newTagItem || uniqueError}\">\n        <span class=\"plus-icon\">\n            <svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\">\n              <defs>\n                <path id=\"add-a\" d=\"M15,7 L9,7 L9,1 C9,0.4 8.6,0 8,0 C7.4,0 7,0.4 7,1 L7,7 L1,7 C0.4,7 0,7.4 0,8 C0,8.6 0.4,9 1,9 L7,9 L7,15 C7,15.6 7.4,16 8,16 C8.6,16 9,15.6 9,15 L9,9 L15,9 C15.6,9 16,8.6 16,8 C16,7.4 15.6,7 15,7\"/>\n              </defs>\n              <g fill=\"none\" fill-rule=\"evenodd\" transform=\"translate(4 4)\">\n                <use xlink:href=\"#add-a\"/>\n              </g>\n            </svg>\n        </span>\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                   [isViewOnly]=\"isViewOnly && (isViewOnly === true || isViewOnly.indexOf(i) > -1)\"\n                   (clickOnDelete)=\"deleteItemFromList($event)\"></sdc-tag-item>\n</div>\n<div class=\"error-message\" *ngIf=\"uniqueError\">{{uniqueErrorMessage}}</div>\n"}}]