Beyond Umbraco - Hooking AngularJS (again)

bug-umbtagseditor.directive.js

//Source: https://github.com/umbraco/Umbraco-CMS/blob/34e80d86e8c0b754f6b7a02e307f53cb32806bbe/src/Umbraco.Web.UI.Client/src/common/directives/components/tags/umbtagseditor.directive.js#L229
function addTagOnEnter(e) {
    var code = e.keyCode || e.which;
  
    if (code == 13) {
        if ($element.find('.tags-' + vm.inputId).parent().find(".tt-menu .tt-cursor").length === 0) {
            e.preventDefault();
            addTag();
        }
    }
}

decorators-1.js

angular.module("umbraco.directives").config(function ($provide) {
    $provide.decorator("umbTagsEditorDirective", function ($delegate) {
    	var directive = $delegate[0];

    	//TODO

    	return $delegate;
	});
});

decorators-2.js

var originalController = directive.controller;

directive.controller = function ($rootScope, assetsService, umbRequestHelper, angularHelper, $timeout, $element) {
    //originalController.call(this, $rootScope, assetsService, umbRequestHelper, angularHelper, $timeout, $element);
    originalController.apply(this, arguments);
}

decorators-3.js

var originalAddTag = this.addTag;

this.addTag = function() {
	var vm = this;

    vm.tagToAdd
	    .split(" ")
        .forEach(x => addSingleTag(x));

    function addSingleTag(x) {
        vm.tagToAdd = x;
        originalAddTag();
    }
};

decorators-4.js

//NOTE: Copied from umbtagseditor.directive.js
this.addTagOnEnter = function(e) {
    var code = e.keyCode || e.which;

    if (code === 13) {
        var vm = this;
        
        if ($element.find(".tags-" + vm.inputId).parent().find(".tt-menu .tt-cursor").length === 0) {
            e.preventDefault();
            vm.addTag();
        }
    }
}

search-tags.html

<!-- Source: https://github.com/umbraco/Umbraco-CMS/blob/34e80d86e8c0b754f6b7a02e307f53cb32806bbe/src/Umbraco.Web.UI.Client/src/views/propertyeditors/tags/tags.html -->
<div ng-controller="Umbraco.PropertyEditors.TagsController" class="umb-property-editor umb-tags">

    <umb-tags-editor value="model.value"
                     config="model.config"
                     validation="model.validation"
                     on-value-changed="valueChanged(value)"
                     culture="model.culture"
                     input-id="{{model.alias}}">
    </umb-tags-editor>

</div>

search-umb-tags-editor.html

<!-- Source: https://github.com/umbraco/Umbraco-CMS/blob/34e80d86e8c0b754f6b7a02e307f53cb32806bbe/src/Umbraco.Web.UI.Client/src/views/components/tags/umb-tags-editor.html#L23 -->
<input type="text"
    id="{{vm.inputId}}"
    class="typeahead tags-{{vm.inputId}}"
    ng-model="vm.tagToAdd"
    ng-keydown="vm.addTagOnEnter($event)"
    ng-blur="vm.addTag()"
    ng-maxlength="200"
    maxlength="200"
    localize="placeholder"
    placeholder="@placeholders_enterTags" />

search-umbtagseditor.directive.js

//Source: https://github.com/umbraco/Umbraco-CMS/blob/34e80d86e8c0b754f6b7a02e307f53cb32806bbe/src/Umbraco.Web.UI.Client/src/common/directives/components/tags/umbtagseditor.directive.js#L9
angular
    .module('umbraco.directives')
    .component('umbTagsEditor', {
        transclude: true,
        templateUrl: 'views/components/tags/umb-tags-editor.html',
        controller: umbTagsEditorController,
        controllerAs: 'vm',
        bindings: {
            value: "<",
            config: "<",
            validation: "<",
            culture: "<?",
            inputId: "@?",
            onValueChanged: "&"
        }
    });

umbtagseditor.directive.js

//Source: https://github.com/umbraco/Umbraco-CMS/blob/34e80d86e8c0b754f6b7a02e307f53cb32806bbe/src/Umbraco.Web.UI.Client/src/common/directives/components/tags/umbtagseditor.directive.js
vm.addTagOnEnter = addTagOnEnter;
vm.addTag = addTag;

vm.tagToAdd = "";

function addTagOnEnter(e) {
    var code = e.keyCode || e.which;
  
    if (code == 13) {
        if ($element.find('.tags-' + vm.inputId).parent().find(".tt-menu .tt-cursor").length === 0) {
            e.preventDefault();
            addTag();
        }
    }
}

function addTag() {
    addTagInternal(vm.tagToAdd);
    vm.tagToAdd = "";
    typeahead.typeahead('val', '');
}