| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199 |
- /**
- * DevExtreme (core/utils/dom.js)
- * Version: 19.1.16
- * Build date: Tue Oct 18 2022
- *
- * Copyright (c) 2012 - 2022 Developer Express Inc. ALL RIGHTS RESERVED
- * Read about DevExtreme licensing here: https://js.devexpress.com/Licensing/
- */
- "use strict";
- var $ = require("../../core/renderer");
- var config = require("../../core/config");
- var domAdapter = require("../../core/dom_adapter");
- var windowUtils = require("./window");
- var window = windowUtils.getWindow();
- var eventsEngine = require("../../events/core/events_engine");
- var inArray = require("./array").inArray;
- var typeUtils = require("./type");
- var isDefined = typeUtils.isDefined;
- var isRenderer = typeUtils.isRenderer;
- var htmlParser = require("../../core/utils/html_parser");
- var elementStrategy;
- var resetActiveElement = function() {
- var activeElement = domAdapter.getActiveElement();
- var body = domAdapter.getBody();
- if (activeElement && activeElement !== body && activeElement.blur) {
- try {
- activeElement.blur()
- } catch (e) {
- body.blur()
- }
- }
- };
- var clearSelection = function() {
- var selection = window.getSelection();
- if (!selection) {
- return
- }
- if ("Caret" === selection.type) {
- return
- }
- if (selection.empty) {
- selection.empty()
- } else {
- if (selection.removeAllRanges) {
- try {
- selection.removeAllRanges()
- } catch (e) {}
- }
- }
- };
- var closestCommonParent = function(startTarget, endTarget) {
- var $startTarget = $(startTarget);
- var $endTarget = $(endTarget);
- if ($startTarget[0] === $endTarget[0]) {
- return $startTarget[0]
- }
- var $startParents = $startTarget.parents();
- var $endParents = $endTarget.parents();
- var startingParent = Math.min($startParents.length, $endParents.length);
- for (var i = -startingParent; i < 0; i++) {
- if ($startParents.get(i) === $endParents.get(i)) {
- return $startParents.get(i)
- }
- }
- };
- var triggerVisibilityChangeEvent = function(eventName) {
- var VISIBILITY_CHANGE_SELECTOR = ".dx-visibility-change-handler";
- return function(element) {
- var $element = $(element || "body");
- var changeHandlers = $element.filter(VISIBILITY_CHANGE_SELECTOR).add($element.find(VISIBILITY_CHANGE_SELECTOR));
- for (var i = 0; i < changeHandlers.length; i++) {
- eventsEngine.triggerHandler(changeHandlers[i], eventName)
- }
- }
- };
- var uniqueId = function() {
- var counter = 0;
- return function(prefix) {
- return (prefix || "") + counter++
- }
- }();
- var dataOptionsAttributeName = "data-options";
- var getElementOptions = function(element) {
- var optionsString = $(element).attr(dataOptionsAttributeName) || "";
- return config().optionsParser(optionsString)
- };
- var createComponents = function(elements, componentTypes) {
- var result = [];
- var selector = "[" + dataOptionsAttributeName + "]";
- var $items = elements.find(selector).add(elements.filter(selector));
- $items.each(function(index, element) {
- var $element = $(element);
- var options = getElementOptions(element);
- for (var componentName in options) {
- if (!componentTypes || inArray(componentName, componentTypes) > -1) {
- if ($element[componentName]) {
- $element[componentName](options[componentName]);
- result.push($element[componentName]("instance"))
- }
- }
- }
- });
- return result
- };
- var createMarkupFromString = function(str) {
- if (!window.WinJS) {
- return $(htmlParser.parseHTML(str))
- }
- var tempElement = $("<div>");
- window.WinJS.Utilities.setInnerHTMLUnsafe(tempElement.get(0), str);
- return tempElement.contents()
- };
- var extractTemplateMarkup = function(element) {
- element = $(element);
- var templateTag = element.length && element.filter(function() {
- var $node = $(this);
- return $node.is("script[type]") && $node.attr("type").indexOf("script") < 0
- });
- if (templateTag.length) {
- return templateTag.eq(0).html()
- } else {
- element = $("<div>").append(element);
- return element.html()
- }
- };
- var normalizeTemplateElement = function normalizeTemplateElement(element) {
- var $element = isDefined(element) && (element.nodeType || isRenderer(element)) ? $(element) : $("<div>").html(element).contents();
- if (1 === $element.length) {
- if ($element.is("script")) {
- $element = normalizeTemplateElement($element.html().trim())
- } else {
- if ($element.is("table")) {
- $element = $element.children("tbody").contents()
- }
- }
- }
- return $element
- };
- var clipboardText = function(event, text) {
- var clipboard = event.originalEvent && event.originalEvent.clipboardData || window.clipboardData;
- if (1 === arguments.length) {
- return clipboard && clipboard.getData("Text")
- }
- clipboard && clipboard.setData("Text", text)
- };
- var contains = function(container, element) {
- if (!element) {
- return false
- }
- element = domAdapter.isTextNode(element) ? element.parentNode : element;
- return domAdapter.isDocument(container) ? container.documentElement.contains(element) : container.contains(element)
- };
- var getPublicElement = function($element) {
- return elementStrategy($element)
- };
- var setPublicElementWrapper = function(value) {
- elementStrategy = value
- };
- setPublicElementWrapper(function(element) {
- return element && element.get(0)
- });
- var createTextElementHiddenCopy = function(element, text, options) {
- var elementStyles = window.getComputedStyle($(element).get(0));
- var includePaddings = options && options.includePaddings;
- return $("<div>").text(text).css({
- fontStyle: elementStyles.fontStyle,
- fontVariant: elementStyles.fontVariant,
- fontWeight: elementStyles.fontWeight,
- fontSize: elementStyles.fontSize,
- fontFamily: elementStyles.fontFamily,
- letterSpacing: elementStyles.letterSpacing,
- border: elementStyles.border,
- paddingTop: includePaddings ? elementStyles.paddingTop : "",
- paddingRight: includePaddings ? elementStyles.paddingRight : "",
- paddingBottom: includePaddings ? elementStyles.paddingBottom : "",
- paddingLeft: includePaddings ? elementStyles.paddingLeft : "",
- visibility: "hidden",
- whiteSpace: "nowrap",
- position: "absolute",
- "float": "left"
- })
- };
- exports.setPublicElementWrapper = setPublicElementWrapper;
- exports.resetActiveElement = resetActiveElement;
- exports.createMarkupFromString = createMarkupFromString;
- exports.triggerShownEvent = triggerVisibilityChangeEvent("dxshown");
- exports.triggerHidingEvent = triggerVisibilityChangeEvent("dxhiding");
- exports.triggerResizeEvent = triggerVisibilityChangeEvent("dxresize");
- exports.getElementOptions = getElementOptions;
- exports.createComponents = createComponents;
- exports.extractTemplateMarkup = extractTemplateMarkup;
- exports.normalizeTemplateElement = normalizeTemplateElement;
- exports.clearSelection = clearSelection;
- exports.uniqueId = uniqueId;
- exports.closestCommonParent = closestCommonParent;
- exports.clipboardText = clipboardText;
- exports.contains = contains;
- exports.getPublicElement = getPublicElement;
- exports.createTextElementHiddenCopy = createTextElementHiddenCopy;
|