\\n
\";\n }\n else {\n template = \"\\n\\n
\";\n }\n var $template = $(template);\n var spinner = \"\n * \n *
\n *\n * kbScope will put everything inside of the div into a new scope with the item property set on it\n * It accomplishes this by using transclusion\n */\n var KbScope = /** @class */ (function (_super) {\n __extends(KbScope, _super);\n function KbScope() {\n var _this = _super.call(this) || this;\n _this.restrict = \"A\";\n _this.scope = false;\n _this.priority = 1000; // make sure it runs first\n _this.transclude = \"element\";\n _this.link = function (scope, element, atts, ctrl, $transclude) {\n var childScope = scope.$new();\n scope.$watch(\"{\" + atts.kbScope + \"}\", function (data) {\n angular.extend(childScope, data);\n }, true);\n $transclude(childScope, function (clone) {\n element.after(clone);\n });\n scope.$on(\"$destroy\", function () {\n if (childScope)\n childScope.$destroy();\n });\n };\n return _this;\n }\n KbScope = __decorate([\n NgComponent({\n token: Token.KbScope,\n dependencies: []\n })\n ], KbScope);\n return KbScope;\n }(Directive));\n\n var KbSearchGrid = /** @class */ (function (_super) {\n __extends(KbSearchGrid, _super);\n function KbSearchGrid(drawerService) {\n var _this = _super.call(this) || this;\n _this.template = Dirs.component(\"kb-search-grid\");\n _this.restrict = \"AE\";\n _this.scope = false;\n _this.replace = true;\n _this.transclude = {\n results: '?kbSearchGridResults',\n customResults: '?kbSearchGridCustomResults',\n toolbar: '?kbSearchGridToolbar'\n };\n _this.controller = [\n \"$scope\",\n \"$element\",\n \"$attrs\",\n \"$transclude\",\n Token.ApiService.key,\n function ($scope, $element, $attrs, $transclude, api) {\n var columns = $scope.columns = [];\n $scope.scrollParent = $attrs.scrollParent || \"#search-content\";\n $scope.drawerService = drawerService;\n var colDb = {};\n this.addColumn = function (column) {\n if (!colDb[column.id]) {\n colDb[column.id] = column;\n columns.push(column);\n columns.sortBy(function (c) { return c.order; });\n // column.$on(\"$destroy\", (event) => {\n // columns.remove(column);\n // });\n // set sort properties from query string \n if (column.field && column.field == $scope.binding.search.sortField) {\n column.sorted = true;\n column.descending = $scope.binding.search.descending;\n }\n }\n };\n }\n ];\n return _this;\n }\n KbSearchGrid = __decorate([\n NgComponent({\n token: Token.KbSearchGrid,\n dependencies: [\n Token.DrawerService\n ]\n })\n ], KbSearchGrid);\n return KbSearchGrid;\n }(Directive));\n\n var KbSelect = /** @class */ (function (_super) {\n __extends(KbSelect, _super);\n function KbSelect($timeout, $window) {\n var _this = _super.call(this, $timeout) || this;\n _this.template = Dirs.component(\"kb-select\");\n _this.scope = _tools.Utils.extend(_this.scope, {\n source: \"=\",\n data: \"=?\",\n valueField: \"@\",\n labelField: \"@\",\n defaultLabel: \"@\",\n headerTemplate: \"@\",\n mobileDropdown: \"=?\",\n filter: \"=\",\n itemStyle: \"=?\",\n deepWatch: \"=?\",\n optionLayout: \"=?\"\n });\n _this.transclude = true;\n _this.compile = function (element, atts) {\n if (atts.mobileDropdown == null)\n atts.mobileDropdown = \"true\";\n return _this.link;\n };\n _this.controller = [\n \"$scope\",\n \"$element\",\n \"$attrs\",\n \"$transclude\",\n \"$templateCache\",\n Token.$Compile.key,\n function ($scope, $element, $attrs, $transclude, $templateCache, $compile) {\n // set the scope on the controller so children can access it\n this.scope = $scope;\n // if a header template was passed in then get it from the template cache\n if ($scope.headerTemplate) {\n var $template = angular.element($templateCache.get($scope.headerTemplate));\n // compile the template\n var compiled = $compile($template, $transclude);\n // append it to the label\n $element.find(\".kb-select__header\").html(\"\").append($template);\n // now link it to the parent scope(we don't want this scope because it's an isolate scope)\n compiled($scope);\n }\n }\n ];\n _this.link = function (scope, element, atts, controllers) {\n // we provide out own implementation of isEmpty to kbInput since a value because null is an allowed value that could have a label\n // this is for material design so we know when to float the label\n var isEmpty = function (val) {\n return scope._selectedLabel == null || scope._selectedLabel.length == 0;\n };\n _this.kbInputLinkFn(scope, element, atts, controllers, true, isEmpty);\n var ngModelCtrl = controllers[0];\n scope._id = _tools.Utils.shortId();\n scope._binding = { query: \"\" };\n var input = element.find(\"input\");\n // the source as an array (it might have been passed in as a function so we normalize it)\n var arraySource;\n //readyForValue tracks wether a value has been chosen for the select list or not \n var readyForValue = false;\n var getItemValue = function (item) {\n if (item === null || item === undefined)\n return null;\n return scope.valueField ? item[scope.valueField] : item;\n };\n var getItemLabel = function (item) {\n var _a, _b;\n if (scope.labelField && item[scope.labelField] && ((_a = item[scope.labelField]) === null || _a === void 0 ? void 0 : _a.toString())) {\n return (_b = item[scope.labelField]) === null || _b === void 0 ? void 0 : _b.toString();\n }\n else if (scope.valueField) {\n return item[scope.valueField];\n }\n else {\n return item;\n }\n };\n var updateSelectedLabel = function () {\n scope._selectedLabel = scope.item ? getItemLabel(scope.item) : scope.defaultLabel;\n };\n var isEnabled = function () {\n return !scope.ngDisabled;\n };\n var updateSelected = function () {\n if (arraySource) {\n for (var i = 0; i < arraySource.length; i++) {\n var item = arraySource[i];\n if (getItemValue(item) == ngModelCtrl.$viewValue) {\n scope.item = item;\n scope._selectedIndex = i;\n scope._activeIndex = i;\n updateSelectedLabel();\n scope._setHasValue(!isEmpty());\n return;\n }\n }\n }\n // if we get here, then it wasn't found.\n scope.item = null;\n updateSelectedLabel();\n scope._setHasValue(!isEmpty());\n };\n var showDropdown = function () {\n scope._dropdownOpen = true;\n readyForValue = true;\n // on mobile the filter input will kick off the keyboard, which we don't necessarily want. \n // The problem is worse on IOS because of focus restrictions\n if ($window.innerWidth >= _tools.Utils.MOBILE_WIDTH && !_tools.Utils.isIos()) {\n $timeout(function () { return input.trigger('focus'); });\n if (scope.source.length > 10) {\n var searchBox_1 = document.getElementById(scope._id + \"-input\");\n $timeout(function () { return searchBox_1.focus(); });\n }\n }\n };\n var hideDropdown = function () {\n scope._dropdownOpen = false;\n scope._binding.query = null;\n updateFilteredSource();\n };\n var toggleDropdown = function () {\n scope._dropdownOpen ? hideDropdown() : showDropdown();\n };\n // options might be added after the ngModel is set by the consumer, so\n // we need to refind the selected option \n var sourceChange = function () {\n if (angular.isFunction(scope.source)) {\n arraySource = scope.source();\n }\n else {\n arraySource = scope.source;\n }\n updateSelected();\n updateFilteredSource();\n };\n if (scope.deepWatch) {\n scope.$watch(\"source\", function () { return sourceChange(); }, true);\n }\n else {\n scope.$watchCollection(\"source\", function () { return sourceChange(); });\n }\n ngModelCtrl.$render = function () {\n updateSelected();\n };\n scope._itemMousedown = function (e, item) {\n e.preventDefault(); // so we don't lose focus\n scope._select(item);\n };\n scope._select = function (item) {\n if (readyForValue) {\n if (isEnabled()) {\n readyForValue = false;\n hideDropdown();\n ngModelCtrl.$setViewValue(getItemValue(item));\n updateSelected();\n }\n }\n };\n scope._click = function (e) {\n if (isEnabled()) {\n toggleDropdown();\n }\n };\n scope._isActive = function (index) {\n return index === scope._activeIndex;\n };\n var updateFilteredSource = function () {\n if (!scope._binding.query) {\n scope._filteredSource = arraySource;\n }\n else {\n scope._filteredSource = _tools.SearchUtils.search(scope._binding.query, arraySource, function (o) { var _a; return (_a = getItemLabel(o)) === null || _a === void 0 ? void 0 : _a.toString(); }, 10000);\n scope._activeIndex = 0;\n }\n };\n scope._queryChange = function (e) {\n updateFilteredSource();\n };\n scope._queryKeydown = function (e) {\n if (e.key == \"ArrowUp\") {\n moveUp();\n e.stopPropagation();\n }\n if (e.key == \"ArrowDown\") {\n moveDown();\n e.stopPropagation();\n }\n if (e.key === \"Enter\") {\n enter();\n e.stopPropagation();\n }\n if (e.key === \"Tab\") {\n tab();\n if (scope._dropdownOpen) {\n e.stopPropagation();\n e.preventDefault();\n }\n }\n };\n var moveUp = function () {\n if (scope._dropdownOpen) {\n // if we are already at index zero, then close the dropdown\n var newIndex = scope._activeIndex - 1;\n if (newIndex >= 0)\n scope._activeIndex = newIndex;\n }\n };\n var moveDown = function () {\n showDropdown();\n // if we are already at index zero, then close the dropdown\n var newIndex = scope._activeIndex + 1;\n if (newIndex < scope._filteredSource.length)\n scope._activeIndex = newIndex;\n };\n var enter = function () {\n if (scope._dropdownOpen) {\n if (scope._filteredSource.length && scope._activeIndex > -1) {\n scope._select(scope._filteredSource[scope._activeIndex]);\n }\n element.trigger(\"focus\");\n }\n else {\n showDropdown();\n }\n };\n var tab = function () {\n if (scope._dropdownOpen) {\n element.trigger('focus');\n if (scope._filteredSource.length && scope._activeIndex > -1) {\n scope._select(scope._filteredSource[scope._activeIndex]);\n }\n }\n };\n var keySearch = function (key) {\n var _a, _b, _c, _d;\n key = key.toLowerCase();\n var option = scope._activeIndex;\n var labelOrValue = (_b = (_a = scope._filteredSource[option].label) === null || _a === void 0 ? void 0 : _a.toString()) !== null && _b !== void 0 ? _b : scope._filteredSource[option].value;\n if (labelOrValue && !labelOrValue.toLowerCase().startsWith(key)) {\n option = scope._filteredSource.findIndex(function (a) {\n var _a;\n var b = ((_a = a.label) === null || _a === void 0 ? void 0 : _a.toString()) || a.value;\n return b.toLowerCase().startsWith(key);\n });\n }\n else {\n if ((option + 1) < scope._filteredSource.length) {\n var optionPlusOne = (_d = (_c = scope._filteredSource[(option + 1)].label) === null || _c === void 0 ? void 0 : _c.toString()) !== null && _d !== void 0 ? _d : scope._filteredSource[(option + 1)].value;\n if (optionPlusOne && optionPlusOne.toLowerCase().startsWith(key)) {\n option++;\n }\n else {\n option = scope._filteredSource.findIndex(function (a) {\n var _a, _b;\n var b = (_b = (_a = a.label) === null || _a === void 0 ? void 0 : _a.toString()) !== null && _b !== void 0 ? _b : a.value;\n return b.toLowerCase().startsWith(key);\n });\n }\n }\n else {\n option = scope._filteredSource.findIndex(function (a) {\n var _a, _b;\n var b = (_b = (_a = a.label) === null || _a === void 0 ? void 0 : _a.toString()) !== null && _b !== void 0 ? _b : a.value;\n return b === null || b === void 0 ? void 0 : b.toLowerCase().startsWith(key);\n });\n }\n }\n if (option > -1) {\n showDropdown();\n scope._activeIndex = option;\n }\n };\n // bind keyboard events: arrows up(38) / down(40), enter(13) and tab(9), esc(27)\n element.on(\"keydown\", function (e) {\n switch (e.key) {\n case 'ArrowUp':\n e.preventDefault();\n scope.$apply(function () {\n moveUp();\n });\n break;\n case 'ArrowDown':\n e.preventDefault();\n scope.$apply(function () {\n moveDown();\n });\n break;\n case 'Enter':\n scope.$apply(function () {\n e.preventDefault();\n enter();\n });\n break;\n case 'Tab':\n scope.$apply(function () {\n if (scope._dropdownOpen) {\n e.stopPropagation();\n e.preventDefault();\n }\n tab();\n });\n break;\n case 'Escape':\n e.preventDefault();\n scope.$apply(function () {\n hideDropdown();\n e.stopPropagation();\n });\n element.trigger('blur');\n break;\n default:\n if (e.key.match(/^[a-zA-Z,0-9]+$/) && e.key.length == 1) {\n e.stopPropagation();\n e.preventDefault();\n scope.$apply(function () {\n keySearch(e.key);\n });\n }\n break;\n }\n });\n scope.$on(\"$destroy\", function () {\n element.off();\n });\n };\n return _this;\n }\n KbSelect = __decorate([\n NgComponent({\n token: Token.KbSelect,\n dependencies: [\n Token.$Timeout,\n Token.$Window,\n ]\n })\n ], KbSelect);\n return KbSelect;\n }(KbInput));\n\n var KbSfdcHeader = /** @class */ (function (_super) {\n __extends(KbSfdcHeader, _super);\n function KbSfdcHeader($timeout, drawerService) {\n var _this = _super.call(this) || this;\n _this.restrict = \"EA\";\n _this.template = Dirs.component(\"kb-sfdc-header\");\n _this.scope = false;\n _this.replace = true;\n _this.controller = [\n \"$scope\",\n \"$element\",\n \"$attrs\",\n \"$transclude\",\n \"$templateCache\",\n Token.$Compile.key,\n function ($scope, $element, $attrs, $transclude, $templateCache, $compile) {\n // set the scope on the controller so children can access it\n this.scope = $scope;\n $scope.drawerService = drawerService;\n }\n ];\n _this.link = function (scope, element, atts, ngModel) {\n };\n return _this;\n }\n KbSfdcHeader = __decorate([\n NgComponent({\n token: Token.KbSfdcHeader,\n dependencies: [\n Token.$Timeout,\n Token.DrawerService,\n ]\n })\n ], KbSfdcHeader);\n return KbSfdcHeader;\n }(Directive));\n\n var KbSlide = /** @class */ (function (_super) {\n __extends(KbSlide, _super);\n function KbSlide() {\n var _this = _super.call(this) || this;\n _this.restrict = \"EA\";\n _this.replace = true;\n _this.scope = {\n open: \"=\"\n };\n _this.transclude = true;\n _this.template = Dirs.component(\"kb-slide\");\n _this.link = function (scope, element, atts) {\n // put a class on the body element in the form of\n // \" +\n \"\" +\n \"
\";\n _this.link = function (scope, element, atts) {\n // get the template\n };\n return _this;\n }\n KbSpinnerElement = __decorate([\n NgComponent({\n token: Token.KbSpinnerElement,\n dependencies: []\n })\n ], KbSpinnerElement);\n return KbSpinnerElement;\n }(Directive));\n\n var KbSpinner = /** @class */ (function (_super) {\n __extends(KbSpinner, _super);\n function KbSpinner($http, $compile, $rootScope) {\n var _this = _super.call(this) || this;\n _this.$http = $http;\n _this.$compile = $compile;\n _this.$rootScope = $rootScope;\n _this.restrict = \"A\";\n _this.scope = true;\n _this.link = function (scope, element, atts) {\n scope._tracker = scope.$eval(atts.kbSpinner);\n // get the template\n var template = \"\" +\n \"\" +\n \"\" +\n \"\" +\n \"\" +\n \"\" +\n \"\" +\n \"
\" +\n \"{{label}}
\" +\n \"\" +\n \"\" +\n \"
\";\n var templateElement = $compile(template)(scope);\n element.append(templateElement);\n };\n return _this;\n }\n KbSpinner = __decorate([\n NgComponent({\n token: Token.KbSpinner,\n dependencies: [\n Token.$Http,\n Token.$Compile,\n Token.$RootScope,\n ]\n })\n ], KbSpinner);\n return KbSpinner;\n }(Directive));\n\n var KbSrcOnError = /** @class */ (function (_super) {\n __extends(KbSrcOnError, _super);\n function KbSrcOnError() {\n var _this = _super.call(this) || this;\n _this.restrict = \"A\";\n _this.link = function (scope, element, atts, ctrl, $transclude) {\n element.on('error', function () {\n element.attr('src', atts.kbSrcOnError);\n });\n };\n return _this;\n }\n KbSrcOnError = __decorate([\n NgComponent({\n token: Token.KbSrcOnError\n })\n ], KbSrcOnError);\n return KbSrcOnError;\n }(Directive));\n\n /**\n * Given markdown text in the ngModel, will display the html\n */\n var KbSvgViewer = /** @class */ (function (_super) {\n __extends(KbSvgViewer, _super);\n function KbSvgViewer($timeout) {\n var _this = _super.call(this) || this;\n _this.scope = {\n ngModel: \"=\",\n width: \"=?\",\n height: \"=?\",\n svgWidth: \"=?\",\n svgHeight: \"=?\",\n svgStyle: \"=?\",\n kbDragStart: \"&\",\n kbDragMove: \"&\",\n kbDragEnd: \"&\",\n kbClick: \"&\",\n defs: \"=?\",\n maxZoom: \"=?\",\n minZoom: \"=?\",\n disablePan: \"=?\",\n disableZoom: \"=?\",\n zoomLevel: \"=?\",\n panX: \"=?\",\n panY: \"=?\"\n };\n _this.restrict = \"E\";\n _this.template = Dirs.component(\"kb-svg-viewer\", exports.eBundle.app);\n _this.replace = true;\n _this.require = \"ngModel\";\n _this.transclude = true;\n _this.link = function (scope, element, atts, ngModel) {\n scope.svg = { width: \"0\", height: \"0\" };\n if (!scope.svgStyle)\n scope.svgStyle = \"\";\n if (!scope.minZoom)\n scope.minZoom = 0.124;\n if (!scope.maxZoom)\n scope.maxZoom = 4;\n if (!scope.zoomLevel)\n scope.zoomLevel = 1;\n if (!scope.panX)\n scope.panX = 0;\n if (!scope.panY)\n scope.panY = 0;\n var tolerance = 10;\n var isDown = false;\n var dragged = false;\n var baseMouse;\n var svg = element.find(\"svg\");\n var g = svg.find(\"g\");\n var svgDims = {\n width: 0,\n height: 0,\n scale: scope.zoomLevel,\n scrollX: scope.panX,\n scrollY: scope.panY\n };\n var svgWidthIsAuto = function () { return !scope.svgWidth || scope.svgWidth == \"auto\"; };\n var svgHeightIsAuto = function () { return !scope.svgHeight || scope.svgHeight == \"auto\"; };\n if (!svgWidthIsAuto()) {\n svgDims.width = parseFloat(scope.svgWidth);\n }\n if (!svgHeightIsAuto()) {\n svgDims.height = parseFloat(scope.svgHeight);\n }\n scope.$watch(\"zoomLevel\", function (level) {\n svgDims.scale = level;\n svgDims.scale = Math.min(Math.max(scope.minZoom, svgDims.scale), scope.maxZoom);\n updateSvg();\n });\n scope.$watch(\"panX\", function (x) {\n svgDims.scrollX = x;\n svgDims.scrollX = Math.min(Math.max(-svg.outerWidth() * svgDims.scale, svgDims.scrollX), svg.outerWidth() * svgDims.scale);\n updateSvg();\n });\n scope.$watch(\"panY\", function (y) {\n svgDims.scrollY = y;\n svgDims.scrollY = Math.min(Math.max(-svg.outerHeight() * svgDims.scale, svgDims.scrollY), svg.outerHeight() * svgDims.scale);\n updateSvg();\n });\n var getEvent = function (e) {\n var svgWidth = svg.outerWidth();\n var svgHeight = svg.outerHeight();\n var modifierX = svgDims.width / svgWidth;\n var modifierY = svgDims.height / svgHeight;\n var event = {\n offsetX: e.offsetX * modifierX + svgDims.scrollX * modifierX,\n offsetY: e.offsetY * modifierY + svgDims.scrollY * modifierY,\n target: e.target,\n currentTarget: e.currentTarget\n };\n return event;\n };\n var updateSvg = function (recalculateSize) {\n if (recalculateSize === void 0) { recalculateSize = true; }\n if (recalculateSize) {\n if (svgWidthIsAuto()) {\n svgDims.width = 0;\n }\n else {\n svgDims.width = (parseInt(scope.svgWidth));\n }\n if (svgHeightIsAuto()) {\n svgDims.height = 0;\n }\n else {\n svgDims.height = (parseInt(scope.svgHeight));\n }\n g.children().each(function () {\n var thisEl = jQuery(this)[0];\n if (thisEl.getBBox) {\n var bbox = thisEl.getBBox();\n var xPos = (bbox.x + bbox.width);\n var yPos = (bbox.y + bbox.height);\n if (svgWidthIsAuto()) {\n if (xPos > svgDims.width)\n svgDims.width = xPos;\n }\n if (svgHeightIsAuto()) {\n if (yPos > svgDims.height)\n svgDims.height = yPos;\n }\n }\n });\n }\n scope.svg.width = svgDims.width * svgDims.scale;\n scope.svg.height = svgDims.height * svgDims.scale;\n var render = function () {\n g.attr(\"transform\", \"scale(\".concat(svgDims.scale, \", \").concat(svgDims.scale, \")\"));\n //element.scrollLeft(svgDims.scrollX);\n //element.scrollTop(svgDims.scrollY);\n var svgWidth = svg.outerWidth();\n var svgHeight = svg.outerHeight();\n var modifierX = svgDims.width / svgWidth;\n var modifierY = svgDims.height / svgHeight;\n var viewBoxX = (svgDims.scrollX * modifierX);\n var viewBoxY = (svgDims.scrollY * modifierY);\n if (!isNaN(viewBoxX) && !isNaN(viewBoxY)) {\n svg.attr(\"viewBox\", viewBoxX + \" \" + viewBoxY + \" \" + svgDims.width + \" \" + svgDims.height);\n }\n };\n render();\n if (recalculateSize) {\n render();\n }\n $timeout(function () { return scope.$digest(); });\n };\n var onMousedown = function (e) {\n isDown = true;\n scope.kbDragStart({ $event: getEvent(e) });\n baseMouse = {\n x: e.screenX + svgDims.scrollX,\n y: e.screenY + svgDims.scrollY\n };\n };\n var onMouseup = function (e) {\n scope.kbDragEnd({ $event: getEvent(e) });\n if (!dragged) {\n var inSvg = false;\n var el = e.target;\n while (el) {\n if (el.tagName == \"svg\") {\n inSvg = true;\n break;\n }\n el = el.parentElement;\n }\n if (inSvg) {\n scope.kbClick({ $event: getEvent(e) });\n e.preventDefault();\n e.stopPropagation();\n }\n }\n else {\n e.preventDefault();\n e.stopPropagation();\n }\n isDown = dragged = false;\n };\n var onMousemove = function (e) {\n if (isDown) {\n scope.kbDragMove({ $event: getEvent(e) });\n if (!scope.disablePan) {\n scope.panX = svgDims.scrollX = (baseMouse.x - e.screenX);\n scope.panY = svgDims.scrollY = (baseMouse.y - e.screenY);\n updateSvg(false);\n }\n var diff = Math.sqrt(Math.abs(((baseMouse.x - e.screenX) ^ 2) + ((baseMouse.y - e.screenY) ^ 2)));\n if (diff > tolerance)\n dragged = true;\n }\n };\n var onWheel = function (event) {\n event.preventDefault();\n if (scope.disableZoom)\n return;\n var difference = 1;\n if (event.deltaY < 0) {\n difference = 1.05;\n }\n else {\n difference = 0.95;\n }\n var oldZoom = svgDims.scale;\n svgDims.scale *= difference;\n scope.zoomLevel = svgDims.scale;\n svgDims.scale = Math.min(Math.max(scope.minZoom, svgDims.scale), scope.maxZoom);\n var zoom = svgDims.scale;\n var scalechange = zoom - oldZoom;\n scope.panX = svgDims.scrollX = svgDims.scrollX + (event.offsetX * scalechange);\n scope.panY = svgDims.scrollY = svgDims.scrollY + (event.offsetY * scalechange);\n //window.console.log(svgDims.scrollX + \", \" + svgDims.scrollY);\n updateSvg(false);\n };\n ngModel.$render = function () {\n var v = ngModel.$viewValue;\n if (!v)\n v = \"\";\n v = v.replace(/url\\((#[^\\)]*)\\)/g, \"url(\" + location.href + \"$1)\");\n scope._html = v; // $v[0].innerHTML;// v? md.Transform(v): null;\n setTimeout(updateSvg, 1);\n };\n element[0].addEventListener(\"pointerdown\", onMousedown);\n document.addEventListener(\"pointerup\", onMouseup);\n element[0].addEventListener(\"pointermove\", onMousemove);\n element[0].addEventListener(\"wheel\", onWheel);\n scope.$on(\"$destroy\", function () {\n element[0].removeEventListener(\"pointerdown\", onMousedown);\n document.removeEventListener(\"pointerup\", onMouseup);\n element[0].removeEventListener(\"pointermove\", onMousemove);\n element[0].removeEventListener(\"wheel\", onWheel);\n });\n };\n return _this;\n }\n KbSvgViewer = __decorate([\n NgComponent({\n token: Token.KbSvgViewer,\n dependencies: [\n Token.$Timeout\n ]\n })\n ], KbSvgViewer);\n return KbSvgViewer;\n }(Directive));\n\n var KbTab = /** @class */ (function (_super) {\n __extends(KbTab, _super);\n function KbTab() {\n var _this = _super.call(this) || this;\n _this.require = \"^kbTabs\";\n _this.replace = true;\n _this.template = Dirs.component(\"kb-tab\");\n _this.restrict = \"AE\";\n _this.scope = {\n value: \"=\",\n label: \"@\",\n invalid: \"=?\",\n selected: \"=?\",\n visible: \"=?\",\n icon: \"@\",\n image: \"@\",\n imageWhenSelected: \"@\"\n };\n _this.transclude = true;\n _this.compile = function (element, atts) {\n if (atts.visible == null)\n atts.visible = \"true\";\n return _this.link;\n };\n _this.link = function (scope, element, atts, tabsCtrl) {\n scope._getElement = function () {\n return element;\n };\n scope._tabsScope = tabsCtrl.scope;\n tabsCtrl.registerTab(scope);\n scope.$watch(\"visible\", function () { return tabsCtrl.tabVisibleChanged(scope); });\n };\n return _this;\n }\n KbTab = __decorate([\n NgComponent({\n token: Token.KbTab,\n dependencies: []\n })\n ], KbTab);\n return KbTab;\n }(Directive));\n\n /**\n * kbTabs\n *\n * kbTabs is utilized by having a parent kb-tabs element, and inside of it a kb-tab-pane (which are the headers)\n * and many kb-tab directives. You can place the kb-tabs-pane and the kb-tabs wherever you like, as long as they\n * are inside the kb-tabs directive. This gives a flexible approach which we can use in any situation.\n *\n * \" +\n \"\" +\n \"\" +\n \"\" +\n \"\" +\n \"\" +\n \"\" +\n \"
\" +\n \"\n *
\n */\n var KbTransclude = /** @class */ (function (_super) {\n __extends(KbTransclude, _super);\n function KbTransclude() {\n var _this = _super.call(this) || this;\n _this.restrict = \"EAC\";\n _this.link = function (scope, element, atts, ctrl, $transclude) {\n if (!$transclude) {\n throw new Error(\"Illegal use of ngTransclude directive in the template! \" +\n \"No parent directive that requires a transclusion found.\");\n }\n var iScopeType = atts.kbTransclude || \"outer\";\n var slotName = atts.kbTranscludeSlot; //slot name for multi-slot transclusion\n var iChildScope;\n switch (iScopeType) {\n // this is the default of angular 1.3+... \n // outer is the controller scope where the directive was originally called from\n case \"outer\":\n $transclude(function (clone) {\n element.empty();\n element.append(clone);\n }, null, slotName);\n break;\n case \"parent\": // this will use the scope of the directive\n $transclude(scope, function (clone) {\n element.empty();\n element.append(clone);\n }, null, slotName);\n break;\n case \"child\": // this will create a new child scope of the directive scope\n iChildScope = scope.$new();\n $transclude(iChildScope, function (clone) {\n element.empty();\n element.append(clone);\n element.on(\"$destroy\", function () {\n if (iChildScope) {\n iChildScope.$destroy();\n }\n });\n }, null, slotName);\n break;\n }\n scope.$on(\"$destroy\", function () {\n if (iChildScope) {\n iChildScope.$destroy();\n }\n });\n };\n return _this;\n }\n KbTransclude = __decorate([\n NgComponent({\n token: Token.KbTransclude,\n dependencies: []\n })\n ], KbTransclude);\n return KbTransclude;\n }(Directive));\n\n var KbTreeNode = /** @class */ (function (_super) {\n __extends(KbTreeNode, _super);\n function KbTreeNode($timeout) {\n var _this = _super.call(this) || this;\n _this.require = [\"^kbTree\", \"^^?kbTreeNode\", \"kbTreeNode\"];\n _this.replace = true;\n _this.template = Dirs.component(\"kb-tree-node\");\n _this.restrict = \"AE\";\n _this.scope = {\n label: \"@\",\n selectable: \"=?\",\n expanded: \"=?\",\n item: \"=?\",\n image: \"@\",\n imageWhenSelected: \"@\",\n icon: \"@\",\n valid: \"=?\",\n checked: \"=?\",\n checkedChanged: \"&\",\n labelTemplate: \"@\",\n childTemplate: \"@\",\n hasChildren: \"=?\"\n };\n _this.transclude = true;\n _this.controller = [\n \"$scope\",\n \"$element\",\n \"$attrs\",\n \"$transclude\",\n \"$templateCache\",\n Token.$Compile.key,\n function ($scope, $element, $attrs, $transclude, $templateCache, $compile) {\n this.scope = $scope;\n var timeouts = [];\n var treeController = $element.controller(\"kbTree\");\n // let loadAllNodes = false;\n var childTemplateProcessed = false;\n // if (treeController) loadAllNodes = treeController.scope.loadAllNodes;\n $scope._children = [];\n // $scope._childrenValid = true;\n this.registerNode = function (node) {\n $scope._children.push(node);\n var off = node.$on(\"$destroy\", function (event) {\n $scope._children.remove(node);\n off();\n });\n };\n // $scope._calculateChildrenValid = () => {\n // for (var i = 0; i < $scope._children.length; i++) {\n // var node = $scope._children[i];\n // if (!node.valid || !node._childrenValid) {\n // $scope._childrenValid = false;\n // return;\n // }\n // }\n // $scope._childrenValid = true;\n // };\n $scope._getElement = function () {\n return $element;\n };\n var $headerElem;\n $scope._getHeaderElement = function () {\n if (!$headerElem)\n $headerElem = $element.find(\">.kb-tree__header\");\n return $headerElem;\n };\n $scope._calculateIcon = function () {\n if (!$scope.valid) {\n $scope._icon = \"error\";\n // } else if (!$scope._childrenValid) {\n // $scope._icon = \"childError\";\n }\n else if ($scope.icon) {\n $scope._icon = $scope.icon;\n }\n else {\n $scope._icon = null;\n }\n };\n $scope._getAncestorNodes = function (includeThis) {\n if (includeThis === void 0) { includeThis = true; }\n var ancestorNodes = (includeThis ? [$scope] : []);\n var parent = $scope;\n do {\n parent = parent._parentNode;\n if (parent) {\n ancestorNodes.push(parent);\n }\n } while (parent);\n return ancestorNodes;\n };\n // if a label template was passed in then get it from the template cache\n if ($scope.labelTemplate) {\n var templateHtml = $templateCache.get($scope.labelTemplate);\n if (!templateHtml) {\n throw \"Could not find template for \" + $scope.labelTemplate;\n }\n var $template = angular.element(templateHtml);\n // compile the template\n var compiled = $compile($template, $transclude);\n // append it to the label\n $element.find(\".kb-tree__label\").empty().append($template);\n // now link it to the parent scope(we don't want this scope because it's an isolate scope)\n compiled($scope.$parent);\n }\n var childScope;\n var addChildTemplate = function () {\n if (!childTemplateProcessed) {\n // if a child template was provided, then use that instead of the transclusion content\n if ($scope.childTemplate) {\n var templateHtml = $templateCache.get($scope.childTemplate);\n if (!templateHtml) {\n throw \"Could not find template for \" + $scope.childTemplate;\n }\n var $template = angular.element(templateHtml);\n // compile the template\n var compiled = $compile($template, $transclude);\n // append it to the label\n $element.find(\".kb-tree__node-children\").empty().append($template);\n childScope = $scope.$parent.$new();\n // now link it to the parent scope(we don't want this scope because it's an isolate scope)\n compiled(childScope);\n }\n else { // no child template was provided so use the content of the directive\n $transclude(function (clone, cloneScope) {\n childScope = cloneScope;\n $element.find(\".kb-tree__node-children\").empty().append(clone);\n });\n }\n childTemplateProcessed = true;\n }\n };\n // if (loadAllNodes) {\n // addChildTemplate();\n // }\n this.updateChildTemplate = function () {\n // if (!loadAllNodes) {\n if ($scope.expanded) {\n addChildTemplate();\n }\n // }\n };\n $scope.$on(\"$destroy\", function () {\n timeouts.forEach(function (t) { return $timeout.cancel(t); });\n if (childScope)\n childScope.$destroy();\n });\n }\n ];\n _this.compile = function (element, atts) {\n if (angular.isUndefined(atts.selectable)) {\n atts.selectable = \"true\";\n }\n if (angular.isUndefined(atts.valid)) {\n atts.valid = \"true\";\n }\n if (angular.isUndefined(atts.childrenValid)) {\n atts.childrenValid = \"true\";\n }\n return _this.link;\n };\n _this.link = function (scope, element, atts, controllers) {\n var timeouts = [];\n var treeController = controllers[0];\n var parentController = controllers.length > 1 ? controllers[1] : null;\n var thisController = controllers[2];\n // get parent scopes to use for selection and expansion\n var treeScope = treeController.scope;\n scope._treeScope = treeScope;\n // register the node with the parent kbTree\n treeController.registerNode(scope);\n if (parentController) {\n scope._parentNode = parentController.scope;\n parentController.registerNode(scope);\n }\n // if no data item was given for the node, then we create one\n if (!scope.item) {\n scope.item = { id: _tools.Utils.shortId() };\n }\n var updateExpanded = function () {\n if (treeScope.expandable) ;\n else {\n scope.expanded = true;\n }\n };\n scope.$watch(\"expanded\", function (newValue, oldValue) {\n // update the child template when expanded is changed... \n // this is what makes kbTree do virtual rendering of nodes to increase performance\n thisController.updateChildTemplate();\n treeController.refreshSelectionLine();\n });\n var select = function () {\n // select the item if it's selectable\n if (treeScope.selectable && scope.selectable) {\n // set the selected item on the tree so it can be bound to by controllers\n treeScope._selectedNode = scope;\n treeScope.selectedItem = scope.item;\n }\n };\n scope._arrowClick = function ($event) {\n $event.stopPropagation();\n scope.expanded = !scope.expanded;\n updateExpanded();\n };\n scope._nodeClick = function ($event) {\n // $event.stopPropagation();\n // toggle expanded\n if (treeScope.accordion) {\n // only collapse when this node is already selected\n if (treeScope._selectedNode == scope && scope.expanded) {\n scope.expanded = false;\n }\n else {\n scope.expanded = true;\n }\n updateExpanded();\n }\n select();\n };\n scope._checkedChanged = function (item) {\n $timeout(function () {\n scope.checkedChanged({ item: item });\n }, 0);\n };\n // calculate the levels which is used for margins\n scope._level = function () {\n return scope._getAncestorNodes().length - 1;\n };\n updateExpanded();\n // watch for changes in validity to recalculate the icon\n scope.$watch(\"valid\", function (newValue, oldValue) {\n if (newValue !== oldValue) {\n // if (parentController) parentController.scope._calculateChildrenValid();\n scope._calculateIcon();\n }\n });\n // watch for changes to the icon provided by the consumer to recalculate\n scope.$watch(\"icon\", function (newValue, oldValue) {\n scope._calculateIcon();\n });\n // scope.$watch(\"_childrenValid\", (newValue, oldValue) => {\n // if (newValue !== oldValue) {\n // if (parentController) parentController.scope._calculateChildrenValid();\n // scope._calculateIcon();\n // }\n // });\n if (treeScope.dragDrop) {\n var el_1 = element[0];\n var getDropPosition_1 = function (e, allow) {\n var elementPosition = element.offset();\n var elementHeight = element.find(\">.kb-tree__header\").outerHeight(true);\n var mouseRelativeToElementY = e.clientY - elementPosition.top;\n var dropPosition;\n if (allow == \"any\") {\n if (mouseRelativeToElementY < (elementHeight / 4)) {\n dropPosition = \"above\";\n }\n else if (mouseRelativeToElementY > (elementHeight * .75)) {\n dropPosition = \"below\";\n }\n else {\n dropPosition = \"in\";\n }\n }\n else if (allow == \"sibling\") {\n if (mouseRelativeToElementY < (elementHeight / 2)) {\n dropPosition = \"above\";\n }\n else {\n dropPosition = \"below\";\n }\n }\n else if (allow == \"child\") {\n dropPosition = \"in\";\n }\n return dropPosition;\n };\n el_1.ondragstart = function (e) {\n treeScope._dragNode = scope;\n e.dataTransfer.effectAllowed = \"move\";\n e.dataTransfer.setData(\"text/plain\", \"node\");\n e.stopPropagation();\n timeouts.push($timeout(function () {\n select();\n }));\n };\n el_1.ondragover = function (e) {\n var allow;\n if (treeScope.allowDrop()) {\n allow = treeScope.allowDrop()(scope.item, treeScope._dragNode.item);\n }\n if (allow === \"any\" || allow === \"child\" || allow == \"sibling\") {\n // tell the drag drop system the drop is ok by preventingDefault\n e.preventDefault();\n }\n else {\n e.dataTransfer.dropEffect = \"none\";\n }\n var dropPosition = getDropPosition_1(e, allow);\n element.toggleClass(\"kb-tree--dropping-child\", ((allow == \"child\" || allow == \"any\") && dropPosition == \"in\"));\n element.toggleClass(\"kb-tree--dropping-sibling-below\", ((allow == \"sibling\" || allow == \"any\") && dropPosition == \"below\"));\n element.toggleClass(\"kb-tree--dropping-sibling-above\", ((allow == \"sibling\" || allow == \"any\") && dropPosition == \"above\"));\n // e.dataTransfer.setData(\"text\", dropPosition);\n e.stopPropagation();\n treeController.setCurrentDragTarget(e.currentTarget);\n };\n // el.ondragenter = e => {\n // console.log({ event: \"dragenter\", el: e.currentTarget });\n // };\n // el.ondragleave = e => {\n // if (e.currentTarget === currentDragTarget) {\n // removeDropClasses();\n // e.stopPropagation();\n // console.log({ event: \"dragleave\", el: e.currentTarget });\n // } \n // };\n el_1.ondrop = function (e) {\n if (e.preventDefault)\n e.preventDefault();\n if (e.stopPropagation)\n e.stopPropagation();\n treeController.removeDropClasses(element);\n timeouts.push($timeout(function () {\n if (treeScope._dragNode) {\n var target = scope.item;\n var source = treeScope._dragNode.item;\n if (target != source) {\n var allow = treeScope.allowDrop()(target, source);\n var dropPosition = getDropPosition_1(e, allow);\n var targetParent = scope._parentNode ? scope._parentNode.item : undefined;\n var sourceParent = treeScope._dragNode._parentNode ?\n treeScope._dragNode._parentNode.item\n : undefined;\n treeScope.dropped()(target, source, targetParent, sourceParent, dropPosition);\n treeScope._dragNode = undefined;\n // if we just dropped in this node, then expand it\n if (dropPosition == \"in\") {\n scope.expanded = true;\n updateExpanded();\n }\n }\n }\n }));\n };\n el_1.ondragend = function (e) {\n timeouts.push($timeout(function () {\n treeScope._dragNode = undefined;\n treeController.setCurrentDragTarget(null);\n }));\n };\n scope.$on(\"$destroy\", function () {\n el_1.ondragstart = null;\n el_1.ondragover = null;\n el_1.ondragleave = null;\n el_1.ondrop = null;\n el_1.ondragend = null;\n scope._parentNode = null;\n treeController = null;\n treeScope = null;\n timeouts.forEach(function (t) { return $timeout.cancel(t); });\n });\n }\n };\n return _this;\n }\n KbTreeNode = __decorate([\n NgComponent({\n token: Token.KbTreeNode,\n dependencies: [\n Token.$Timeout\n ]\n })\n ], KbTreeNode);\n return KbTreeNode;\n }(Directive));\n\n /**\n * KbTree\n *\n * kbTree can be used in several different ways.\n * If you have a hierarchy of like objects that infinitely nest, you can use it like so:\n *\n * \n *\n * Loading...
\"));\n }\n else if (options.template) {\n options.content = $(options.template);\n }\n else if (angular.isString(options.content)) {\n options.content = $(\"\" + this.$sanitize(options.content) + \"\");\n }\n // build a dialog object and add it to root scope\n var kbDialog = {\n content: options.content,\n buttons: options.buttons,\n type: enums.eAlertType[options.type],\n visible: false,\n keypress: function (e) {\n if (kbDialog.buttons && kbDialog.buttons.length) {\n if (e.which == 13) {\n kbDialog.buttons[0].click();\n }\n else if (e.which == 27) { // escape\n kbDialog.buttons.last().click();\n }\n }\n },\n tracker: options.tracker,\n fullHeight: options.fullHeight\n };\n // set up a click command on each button that will call the callback with the args\n $.each(kbDialog.buttons, function (index, button) {\n button.click = function () {\n var args = options.buttonArgs();\n if (button.callback) {\n button.callback(args);\n }\n if (args.close) {\n kbDialog.visible = false;\n // give time for animation to finish before removing\n _this.$timeout(function () {\n _this.dialogs.remove(kbDialog);\n if (scope)\n scope.$destroy();\n }, 200);\n }\n };\n });\n // build a scope that we'll use to compile the content\n var scope = options.scope || this.$rootScope.$new();\n // now compile the dialog with the scope\n this.$compile(kbDialog.content)(scope);\n // add the dialog to the rootscope\n if (!this.dialogs)\n this.dialogs = [];\n this.dialogs.push(kbDialog);\n // wait for shield animation\n this.$timeout(function () {\n _this.$timeout(function () {\n kbDialog.visible = true;\n }, 10);\n }, 10);\n return kbDialog;\n };\n DialogService.prototype.input = function (options) {\n var defaultOptions = {\n msg: \"\",\n value: \"\",\n inputType: enums.eInputDialogType.text,\n buttons: null,\n source: null,\n labelField: \"\",\n valueField: \"\"\n };\n options = angular.extend({}, defaultOptions, options);\n var scope = this.$rootScope.$new();\n scope.msg = options.msg;\n scope.value = options.value;\n scope.source = options.source;\n scope.labelField = options.labelField;\n scope.valueField = options.valueField;\n var input = \"\";\n switch (options.inputType) {\n case enums.eInputDialogType.text:\n input = \"{{msg}}
\" +\n \"\" +\n input +\n \"
\"),\n templateUrl: null,\n buttons: options.buttons,\n buttonArgs: function () {\n var args = new enums.InputDialogButtonArgs();\n args.value = scope.value;\n return args;\n },\n scope: scope\n };\n return this.dialog(dialogOptions);\n };\n DialogService.prototype.mediaSelect = function (options) {\n var defaultOptions = {\n startPath: \"\",\n buttons: null,\n filter: enums.eMediaFilter.imagesAndVideos,\n apiPath: \"api/media\",\n rootDir: \"media\",\n open: function (file) {\n window.open(file.id, \"_blank\");\n }\n };\n options = angular.extend({}, defaultOptions, options);\n var filter = \"\";\n switch (options.filter) {\n case enums.eMediaFilter.images:\n filter = _tools.extensions.image;\n break;\n case enums.eMediaFilter.videos:\n filter = _tools.extensions.video;\n break;\n case enums.eMediaFilter.imagesAndVideos:\n filter = _tools.extensions.image + \",\" + _tools.extensions.video;\n break;\n case enums.eMediaFilter.environments:\n filter = _tools.extensions.environments;\n break;\n }\n var scope = this.$rootScope.$new();\n scope.dStartPath = options.startPath;\n scope.tracker = this.promiseTracker();\n var apiPath = \"api/media\";\n if (options.apiPath)\n apiPath = options.apiPath;\n var rootDir = \"media\";\n if (options.rootDir)\n rootDir = options.rootDir;\n var dialogOptions = {\n type: enums.eAlertType.info,\n content: $('Copy the Json below and use \\'Paste Json\\' in another location.
Paste the Json below.
\r\n \r\n \r\n
`;\r\n\r\n this.link = (scope: IDropdownScope, element: JQuery, atts: any) => {\r\n let timeouts: ng.IPromise\r\n
`;\r\n } else {\r\n template = `\r\n\r\n
`;\r\n }\r\n let $template = $(template);\r\n let spinner = `\r\n * \r\n *
\r\n *\r\n * kbScope will put everything inside of the div into a new scope with the item property set on it\r\n * It accomplishes this by using transclusion\r\n */\r\n@NgComponent({\r\n token: Token.KbScope,\r\n dependencies: [\r\n ]\r\n})\r\nexport class KbScope extends Directive {\r\n constructor() {\r\n super();\r\n\r\n this.restrict = \"A\";\r\n this.scope = false;\r\n this.priority = 1000; // make sure it runs first\r\n this.transclude = \"element\";\r\n\r\n this.link = (scope, element: JQuery, atts: any, ctrl, $transclude) => {\r\n let childScope = scope.$new();\r\n scope.$watch(\"{\" + atts.kbScope + \"}\", data => {\r\n angular.extend(childScope, data);\r\n }, true);\r\n\r\n $transclude(childScope, clone => {\r\n element.after(clone);\r\n });\r\n\r\n scope.$on(\"$destroy\", () => {\r\n if (childScope) childScope.$destroy();\r\n });\r\n };\r\n }\r\n}\r\n","import { Directive } from \"@app/components/directive\";\r\nimport { IColumnScope } from \"@app/components/kb-column/kb-column.component\";\r\nimport { NgComponent } from \"@app/di/decorators\";\r\nimport { Token } from \"@app/di/token\";\r\nimport { Dirs } from \"@app/helpers/dirs\";\r\nimport { ApiService } from \"@app/services/api.service\";\r\nimport { DrawerService } from \"@app/services/drawer.service\";\r\nimport { ISearchScope } from \"@app/views/search.view\";\r\n\r\nexport interface ISearchGridScope extends ISearchScope\" +\r\n \"\" +\r\n \"
\";\r\n\r\n this.link = (scope: any, element, atts: any) => {\r\n // get the template\r\n\r\n };\r\n }\r\n}\r\n","import { Directive } from \"@app/components/directive\";\r\nimport { NgComponent } from \"@app/di/decorators\";\r\nimport { Token } from \"@app/di/token\";\r\nimport { IRootScope } from \"@models\";\r\n\r\n@NgComponent({\r\n token: Token.KbSpinner,\r\n dependencies: [\r\n Token.$Http,\r\n Token.$Compile,\r\n Token.$RootScope,\r\n ]\r\n})\r\nexport class KbSpinner extends Directive {\r\n constructor(\r\n private $http: ng.IHttpService,\r\n private $compile: ng.ICompileService,\r\n private $rootScope: IRootScope\r\n ) {\r\n super();\r\n\r\n this.restrict = \"A\";\r\n this.scope = true;\r\n\r\n this.link = (scope: any, element, atts: any) => {\r\n scope._tracker = scope.$eval(atts.kbSpinner);\r\n\r\n // get the template\r\n let template: string = \"\" +\r\n \"\" +\r\n \"\" +\r\n \"\" +\r\n \"\" +\r\n \"\" +\r\n \"\" +\r\n \"
\" +\r\n \"{{label}}
\" +\r\n \"\" +\r\n \"\" +\r\n \"
\";\r\n\r\n let templateElement = $compile(template)(scope);\r\n\r\n element.append(templateElement);\r\n };\r\n\r\n }\r\n}\r\n","import { Directive } from \"@app/components/directive\";\r\nimport { NgComponent } from \"@app/di/decorators\";\r\nimport { Token } from \"@app/di/token\";\r\n\r\n@NgComponent({\r\n token: Token.KbSrcOnError\r\n})\r\nexport class KbSrcOnError extends Directive {\r\n constructor() {\r\n super();\r\n this.restrict = \"A\";\r\n this.link = (scope, element: JQuery, atts, ctrl, $transclude) => {\r\n element.on('error', () => {\r\n element.attr('src', atts.kbSrcOnError);\r\n });\r\n };\r\n }\r\n}\r\n\r\n","import { Directive } from \"@app/components/directive\";\r\nimport { NgComponent } from \"@app/di/decorators\";\r\nimport { Token } from \"@app/di/token\";\r\nimport { Dirs, eBundle } from \"@app/helpers/dirs\";\r\n\r\nexport interface ISvgViewerScope extends ng.IScope {\r\n ngModel: string;\r\n _html: string;\r\n defs: string;\r\n height: number;\r\n width: number;\r\n /**\r\n * Mouse events provide means to customize behavior when dragging or clicking.\r\n * */\r\n kbDragStart: (obj: any) => void;\r\n kbDragEnd: (obj: any) => void;\r\n kbDragMove: (obj: any) => void;\r\n mouseWheel: (e: JQueryEventObject) => void;\r\n kbClick: (obj: any) => void;\r\n\r\n maxZoom: number;\r\n minZoom: number;\r\n disablePan: boolean;\r\n disableZoom: boolean;\r\n zoomLevel: number;\r\n panX: number;\r\n panY: number;\r\n\r\n svg: any;\r\n svgStyle: string;\r\n\r\n svgWidth: string;\r\n svgHeight: string;\r\n}\r\n/**\r\n * Given markdown text in the ngModel, will display the html\r\n */\r\n@NgComponent({\r\n token: Token.KbSvgViewer,\r\n dependencies: [\r\n Token.$Timeout\r\n ]\r\n})\r\nexport class KbSvgViewer extends Directive {\r\n constructor($timeout: ng.ITimeoutService) {\r\n super();\r\n this.scope = {\r\n ngModel: \"=\",\r\n width: \"=?\",\r\n height: \"=?\",\r\n svgWidth: \"=?\",\r\n svgHeight: \"=?\",\r\n svgStyle: \"=?\",\r\n kbDragStart: \"&\",\r\n kbDragMove: \"&\",\r\n kbDragEnd: \"&\",\r\n kbClick: \"&\",\r\n defs: \"=?\",\r\n maxZoom: \"=?\",\r\n minZoom: \"=?\",\r\n disablePan: \"=?\",\r\n disableZoom: \"=?\",\r\n zoomLevel: \"=?\",\r\n panX: \"=?\",\r\n panY: \"=?\"\r\n };\r\n\r\n this.restrict = \"E\";\r\n this.template = Dirs.component(\"kb-svg-viewer\", eBundle.app);\r\n this.replace = true;\r\n this.require = \"ngModel\";\r\n this.transclude = true;\r\n\r\n \r\n\r\n this.link = (scope: ISvgViewerScope, element: JQuery, atts, ngModel: ng.INgModelController) => {\r\n\r\n scope.svg = { width: \"0\", height: \"0\" };\r\n if (!scope.svgStyle) scope.svgStyle = \"\";\r\n\r\n if (!scope.minZoom) scope.minZoom = 0.124;\r\n if (!scope.maxZoom) scope.maxZoom = 4;\r\n if (!scope.zoomLevel) scope.zoomLevel = 1;\r\n if (!scope.panX) scope.panX = 0;\r\n if (!scope.panY) scope.panY = 0;\r\n\r\n const tolerance = 10;\r\n\r\n let isDown = false;\r\n let dragged = false;\r\n let dragOriginX = 0;\r\n let dragOriginY = 0;\r\n let baseMouse;\r\n\r\n let svg = element.find(\"svg\");\r\n let g = svg.find(\"g\");\r\n\r\n let svgDims = {\r\n width: 0,\r\n height: 0,\r\n scale: scope.zoomLevel,\r\n scrollX: scope.panX,\r\n scrollY: scope.panY\r\n };\r\n\r\n let svgWidthIsAuto = () => !scope.svgWidth || scope.svgWidth == \"auto\";\r\n\r\n let svgHeightIsAuto = () => !scope.svgHeight || scope.svgHeight == \"auto\";\r\n\r\n if (!svgWidthIsAuto()) {\r\n svgDims.width = parseFloat(scope.svgWidth);\r\n }\r\n if (!svgHeightIsAuto()) {\r\n svgDims.height = parseFloat(scope.svgHeight);\r\n }\r\n \r\n scope.$watch(\"zoomLevel\", (level: number) => {\r\n\r\n svgDims.scale = level;\r\n\r\n svgDims.scale = Math.min(Math.max(scope.minZoom, svgDims.scale), scope.maxZoom);\r\n\r\n updateSvg();\r\n });\r\n\r\n scope.$watch(\"panX\", (x: number) => {\r\n\r\n svgDims.scrollX = x;\r\n\r\n svgDims.scrollX = Math.min(Math.max(-svg.outerWidth() * svgDims.scale, svgDims.scrollX), svg.outerWidth() * svgDims.scale);\r\n\r\n updateSvg();\r\n });\r\n\r\n scope.$watch(\"panY\", (y: number) => {\r\n\r\n svgDims.scrollY = y;\r\n\r\n svgDims.scrollY = Math.min(Math.max(-svg.outerHeight() * svgDims.scale, svgDims.scrollY), svg.outerHeight() * svgDims.scale);\r\n\r\n updateSvg();\r\n });\r\n\r\n let getEvent = (e: MouseEvent) => {\r\n let svgWidth = svg.outerWidth();\r\n let svgHeight = svg.outerHeight();\r\n\r\n let modifierX = svgDims.width / svgWidth;\r\n let modifierY = svgDims.height / svgHeight;\r\n\r\n let event = {\r\n offsetX: e.offsetX * modifierX + svgDims.scrollX * modifierX,\r\n offsetY: e.offsetY * modifierY + svgDims.scrollY * modifierY,\r\n target: e.target,\r\n currentTarget: e.currentTarget\r\n }\r\n return event;\r\n };\r\n\r\n let updateSvg = (recalculateSize: boolean = true) => {\r\n\r\n if (recalculateSize) {\r\n if (svgWidthIsAuto()) {\r\n svgDims.width = 0;\r\n }\r\n else {\r\n svgDims.width = (parseInt(scope.svgWidth));\r\n }\r\n if (svgHeightIsAuto()) {\r\n svgDims.height = 0;\r\n }\r\n else {\r\n svgDims.height = (parseInt(scope.svgHeight));\r\n }\r\n\r\n g.children().each(function () {\r\n let thisEl = (\" +\r\n \"\" +\r\n \"\" +\r\n \"\" +\r\n \"\" +\r\n \"\" +\r\n \"\" +\r\n \"
\" +\r\n \"\r\n *
\r\n */\r\n@NgComponent({\r\n token: Token.KbTransclude,\r\n dependencies: [\r\n ]\r\n})\r\nexport class KbTransclude extends Directive {\r\n constructor() {\r\n super();\r\n\r\n this.restrict = \"EAC\";\r\n this.link = (scope, element: JQuery, atts, ctrl, $transclude) => {\r\n if (!$transclude) {\r\n throw new Error(\r\n \"Illegal use of ngTransclude directive in the template! \" +\r\n \"No parent directive that requires a transclusion found.\");\r\n }\r\n\r\n let iScopeType = atts.kbTransclude || \"outer\";\r\n var slotName = atts.kbTranscludeSlot; //slot name for multi-slot transclusion\r\n let iChildScope: ng.IScope;\r\n switch (iScopeType) {\r\n // this is the default of angular 1.3+... \r\n // outer is the controller scope where the directive was originally called from\r\n case \"outer\":\r\n $transclude(clone => {\r\n element.empty();\r\n element.append(clone);\r\n }, null, slotName);\r\n break;\r\n case \"parent\": // this will use the scope of the directive\r\n $transclude(scope, clone => {\r\n element.empty();\r\n element.append(clone);\r\n }, null, slotName);\r\n break;\r\n case \"child\": // this will create a new child scope of the directive scope\r\n iChildScope = scope.$new();\r\n $transclude(iChildScope, clone => {\r\n element.empty();\r\n element.append(clone);\r\n element.on(\"$destroy\", () => {\r\n if (iChildScope) {\r\n iChildScope.$destroy();\r\n }\r\n });\r\n }, null, slotName);\r\n break;\r\n }\r\n\r\n scope.$on(\"$destroy\", () => {\r\n if (iChildScope) {\r\n iChildScope.$destroy();\r\n }\r\n });\r\n };\r\n }\r\n}\r\n","import { Directive } from \"@app/components/directive\";\r\nimport { ITreeController, ITreeScope } from \"@app/components/kb-tree/kb-tree.component\";\r\nimport { NgComponent } from \"@app/di/decorators\";\r\nimport { Token } from \"@app/di/token\";\r\nimport { Dirs } from \"@app/helpers/dirs\";\r\nimport { Utils } from \"@tools\";\r\nimport * as angular from \"angular\";\r\n\r\nexport interface ITreeNodeScope extends ng.IScope {\r\n label: string;\r\n /** the name of a template in the template cache that will be used in place of the label */\r\n labelTemplate: string;\r\n /** the name of a template in the template cache that will be used for children */\r\n childTemplate: string;\r\n /** the data item that represents the node */\r\n item: any;\r\n selectable: boolean;\r\n expanded: boolean;\r\n /** the relative path to an image in the media folder */\r\n image: string;\r\n /** the image to show when selected */\r\n imageWhenSelected: string;\r\n /** the name of a kbicon */\r\n icon: string;\r\n /** when skin is \"checks\" on the tree which adds checkboxes, checked controls the value of the checkbox */\r\n checked: boolean;\r\n /** event when a node's checked value has been changed */\r\n checkedChanged: Function;\r\n\r\n valid: boolean;\r\n /** whether this item has children or not. Since children are now 'virtual' \r\n * to increase performance, we need to know \r\n */\r\n hasChildren: boolean;\r\n\r\n // internal \r\n _nodeClick: ($event: ng.IAngularEvent) => void;\r\n _arrowClick: ($event: ng.IAngularEvent) => void;\r\n _parentNode: ITreeNodeScope;\r\n _level: () => number;\r\n _children: ITreeNodeScope[];\r\n _treeScope: ITreeScope;\r\n _icon: string; // calculated icon based on validity\r\n _calculateIcon: () => void;\r\n // _childrenValid: boolean; //whether a direct or indirect child is invalid\r\n // _calculateChildrenValid: () => void;\r\n _getAncestorNodes: (includeThis?: boolean) => ITreeNodeScope[];\r\n _getElement: () => ng.IAugmentedJQuery;\r\n _getHeaderElement: () => ng.IAugmentedJQuery;\r\n _checkedChanged: (item) => void;\r\n}\r\n\r\ninterface ITreeNodeController {\r\n scope: ITreeNodeScope;\r\n\r\n registerNode: (node: ITreeNodeScope) => void;\r\n updateChildTemplate: () => void;\r\n}\r\n\r\n@NgComponent({\r\n token: Token.KbTreeNode,\r\n dependencies: [\r\n Token.$Timeout\r\n ]\r\n})\r\nexport class KbTreeNode extends Directive {\r\n constructor(\r\n $timeout: ng.ITimeoutService\r\n ) {\r\n super();\r\n\r\n this.require = [\"^kbTree\", \"^^?kbTreeNode\", \"kbTreeNode\"];\r\n this.replace = true;\r\n this.template = Dirs.component(\"kb-tree-node\");\r\n this.restrict = \"AE\";\r\n\r\n this.scope = {\r\n label: \"@\",\r\n selectable: \"=?\",\r\n expanded: \"=?\",\r\n item: \"=?\",\r\n image: \"@\",\r\n imageWhenSelected: \"@\",\r\n icon: \"@\",\r\n valid: \"=?\",\r\n checked: \"=?\",\r\n checkedChanged: \"&\",\r\n labelTemplate: \"@\",\r\n childTemplate: \"@\",\r\n hasChildren: \"=?\"\r\n };\r\n this.transclude = true;\r\n\r\n this.controller = [\r\n \"$scope\",\r\n \"$element\",\r\n \"$attrs\",\r\n \"$transclude\",\r\n \"$templateCache\",\r\n Token.$Compile.key,\r\n function(\r\n $scope: ITreeNodeScope,\r\n $element: ng.IAugmentedJQuery,\r\n $attrs: ng.IAttributes,\r\n $transclude: ng.ITranscludeFunction,\r\n $templateCache: ng.ITemplateCacheService,\r\n $compile: ng.ICompileService) {\r\n this.scope = $scope;\r\n let timeouts: ng.IPromise