dom.js 7.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199
  1. /**
  2. * DevExtreme (core/utils/dom.js)
  3. * Version: 19.1.16
  4. * Build date: Tue Oct 18 2022
  5. *
  6. * Copyright (c) 2012 - 2022 Developer Express Inc. ALL RIGHTS RESERVED
  7. * Read about DevExtreme licensing here: https://js.devexpress.com/Licensing/
  8. */
  9. "use strict";
  10. var $ = require("../../core/renderer");
  11. var config = require("../../core/config");
  12. var domAdapter = require("../../core/dom_adapter");
  13. var windowUtils = require("./window");
  14. var window = windowUtils.getWindow();
  15. var eventsEngine = require("../../events/core/events_engine");
  16. var inArray = require("./array").inArray;
  17. var typeUtils = require("./type");
  18. var isDefined = typeUtils.isDefined;
  19. var isRenderer = typeUtils.isRenderer;
  20. var htmlParser = require("../../core/utils/html_parser");
  21. var elementStrategy;
  22. var resetActiveElement = function() {
  23. var activeElement = domAdapter.getActiveElement();
  24. var body = domAdapter.getBody();
  25. if (activeElement && activeElement !== body && activeElement.blur) {
  26. try {
  27. activeElement.blur()
  28. } catch (e) {
  29. body.blur()
  30. }
  31. }
  32. };
  33. var clearSelection = function() {
  34. var selection = window.getSelection();
  35. if (!selection) {
  36. return
  37. }
  38. if ("Caret" === selection.type) {
  39. return
  40. }
  41. if (selection.empty) {
  42. selection.empty()
  43. } else {
  44. if (selection.removeAllRanges) {
  45. try {
  46. selection.removeAllRanges()
  47. } catch (e) {}
  48. }
  49. }
  50. };
  51. var closestCommonParent = function(startTarget, endTarget) {
  52. var $startTarget = $(startTarget);
  53. var $endTarget = $(endTarget);
  54. if ($startTarget[0] === $endTarget[0]) {
  55. return $startTarget[0]
  56. }
  57. var $startParents = $startTarget.parents();
  58. var $endParents = $endTarget.parents();
  59. var startingParent = Math.min($startParents.length, $endParents.length);
  60. for (var i = -startingParent; i < 0; i++) {
  61. if ($startParents.get(i) === $endParents.get(i)) {
  62. return $startParents.get(i)
  63. }
  64. }
  65. };
  66. var triggerVisibilityChangeEvent = function(eventName) {
  67. var VISIBILITY_CHANGE_SELECTOR = ".dx-visibility-change-handler";
  68. return function(element) {
  69. var $element = $(element || "body");
  70. var changeHandlers = $element.filter(VISIBILITY_CHANGE_SELECTOR).add($element.find(VISIBILITY_CHANGE_SELECTOR));
  71. for (var i = 0; i < changeHandlers.length; i++) {
  72. eventsEngine.triggerHandler(changeHandlers[i], eventName)
  73. }
  74. }
  75. };
  76. var uniqueId = function() {
  77. var counter = 0;
  78. return function(prefix) {
  79. return (prefix || "") + counter++
  80. }
  81. }();
  82. var dataOptionsAttributeName = "data-options";
  83. var getElementOptions = function(element) {
  84. var optionsString = $(element).attr(dataOptionsAttributeName) || "";
  85. return config().optionsParser(optionsString)
  86. };
  87. var createComponents = function(elements, componentTypes) {
  88. var result = [];
  89. var selector = "[" + dataOptionsAttributeName + "]";
  90. var $items = elements.find(selector).add(elements.filter(selector));
  91. $items.each(function(index, element) {
  92. var $element = $(element);
  93. var options = getElementOptions(element);
  94. for (var componentName in options) {
  95. if (!componentTypes || inArray(componentName, componentTypes) > -1) {
  96. if ($element[componentName]) {
  97. $element[componentName](options[componentName]);
  98. result.push($element[componentName]("instance"))
  99. }
  100. }
  101. }
  102. });
  103. return result
  104. };
  105. var createMarkupFromString = function(str) {
  106. if (!window.WinJS) {
  107. return $(htmlParser.parseHTML(str))
  108. }
  109. var tempElement = $("<div>");
  110. window.WinJS.Utilities.setInnerHTMLUnsafe(tempElement.get(0), str);
  111. return tempElement.contents()
  112. };
  113. var extractTemplateMarkup = function(element) {
  114. element = $(element);
  115. var templateTag = element.length && element.filter(function() {
  116. var $node = $(this);
  117. return $node.is("script[type]") && $node.attr("type").indexOf("script") < 0
  118. });
  119. if (templateTag.length) {
  120. return templateTag.eq(0).html()
  121. } else {
  122. element = $("<div>").append(element);
  123. return element.html()
  124. }
  125. };
  126. var normalizeTemplateElement = function normalizeTemplateElement(element) {
  127. var $element = isDefined(element) && (element.nodeType || isRenderer(element)) ? $(element) : $("<div>").html(element).contents();
  128. if (1 === $element.length) {
  129. if ($element.is("script")) {
  130. $element = normalizeTemplateElement($element.html().trim())
  131. } else {
  132. if ($element.is("table")) {
  133. $element = $element.children("tbody").contents()
  134. }
  135. }
  136. }
  137. return $element
  138. };
  139. var clipboardText = function(event, text) {
  140. var clipboard = event.originalEvent && event.originalEvent.clipboardData || window.clipboardData;
  141. if (1 === arguments.length) {
  142. return clipboard && clipboard.getData("Text")
  143. }
  144. clipboard && clipboard.setData("Text", text)
  145. };
  146. var contains = function(container, element) {
  147. if (!element) {
  148. return false
  149. }
  150. element = domAdapter.isTextNode(element) ? element.parentNode : element;
  151. return domAdapter.isDocument(container) ? container.documentElement.contains(element) : container.contains(element)
  152. };
  153. var getPublicElement = function($element) {
  154. return elementStrategy($element)
  155. };
  156. var setPublicElementWrapper = function(value) {
  157. elementStrategy = value
  158. };
  159. setPublicElementWrapper(function(element) {
  160. return element && element.get(0)
  161. });
  162. var createTextElementHiddenCopy = function(element, text, options) {
  163. var elementStyles = window.getComputedStyle($(element).get(0));
  164. var includePaddings = options && options.includePaddings;
  165. return $("<div>").text(text).css({
  166. fontStyle: elementStyles.fontStyle,
  167. fontVariant: elementStyles.fontVariant,
  168. fontWeight: elementStyles.fontWeight,
  169. fontSize: elementStyles.fontSize,
  170. fontFamily: elementStyles.fontFamily,
  171. letterSpacing: elementStyles.letterSpacing,
  172. border: elementStyles.border,
  173. paddingTop: includePaddings ? elementStyles.paddingTop : "",
  174. paddingRight: includePaddings ? elementStyles.paddingRight : "",
  175. paddingBottom: includePaddings ? elementStyles.paddingBottom : "",
  176. paddingLeft: includePaddings ? elementStyles.paddingLeft : "",
  177. visibility: "hidden",
  178. whiteSpace: "nowrap",
  179. position: "absolute",
  180. "float": "left"
  181. })
  182. };
  183. exports.setPublicElementWrapper = setPublicElementWrapper;
  184. exports.resetActiveElement = resetActiveElement;
  185. exports.createMarkupFromString = createMarkupFromString;
  186. exports.triggerShownEvent = triggerVisibilityChangeEvent("dxshown");
  187. exports.triggerHidingEvent = triggerVisibilityChangeEvent("dxhiding");
  188. exports.triggerResizeEvent = triggerVisibilityChangeEvent("dxresize");
  189. exports.getElementOptions = getElementOptions;
  190. exports.createComponents = createComponents;
  191. exports.extractTemplateMarkup = extractTemplateMarkup;
  192. exports.normalizeTemplateElement = normalizeTemplateElement;
  193. exports.clearSelection = clearSelection;
  194. exports.uniqueId = uniqueId;
  195. exports.closestCommonParent = closestCommonParent;
  196. exports.clipboardText = clipboardText;
  197. exports.contains = contains;
  198. exports.getPublicElement = getPublicElement;
  199. exports.createTextElementHiddenCopy = createTextElementHiddenCopy;