mirror of
https://github.com/twbs/bootstrap.git
synced 2024-12-09 21:24:28 +01:00
3e2f9ab237
* v5: Promote floating labels example to component - Adds new .form-floating - Stubs out basics of a docs page - Removes existing Example * Update floating labels to support .form-select, make inputs and selects more consistent - To do this, I made the .form-control and .form-select consistent in min-height vs height - Removed some unused variables now - Updated -color to be the -color because I don't know why this was any different before - Update page to include some examples for layout, validation, and value - Rewrite styles to not modify padding, but instead transform and opacity * Streamline and bulletproof some things - Apply some optimizations from code review - Removed unecessary properties from the label - Add some comments for what properties are required - Move from fixed height for labels to height 100% so we can support textareas - Improve docs a little bit, add ToC * Move some values to variables, switch from scaling font-size to scale, update transforms * Bring over changes from #30966 and add to them to tighten things up * Delete the now unused example images * Fix typo * Allowlist the calc function * Add transform-origin, update transform values * Test out autofill fix * Fix linter issue * Mention it in the migration guide * Bump bundlesize * Add one more variable per review * Shave .25rem off the height Co-authored-by: XhmikosR <xhmikosr@gmail.com>
87 lines
2.8 KiB
JavaScript
87 lines
2.8 KiB
JavaScript
/*!
|
|
* Bootstrap manipulator.js v5.0.0-alpha2 (https://getbootstrap.com/)
|
|
* Copyright 2011-2020 The Bootstrap Authors (https://github.com/twbs/bootstrap/graphs/contributors)
|
|
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
|
|
*/
|
|
(function (global, factory) {
|
|
typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory() :
|
|
typeof define === 'function' && define.amd ? define(factory) :
|
|
(global = typeof globalThis !== 'undefined' ? globalThis : global || self, global.Manipulator = factory());
|
|
}(this, (function () { 'use strict';
|
|
|
|
function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
|
|
/**
|
|
* --------------------------------------------------------------------------
|
|
* Bootstrap (v5.0.0-alpha2): dom/manipulator.js
|
|
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
|
|
* --------------------------------------------------------------------------
|
|
*/
|
|
function normalizeData(val) {
|
|
if (val === 'true') {
|
|
return true;
|
|
}
|
|
|
|
if (val === 'false') {
|
|
return false;
|
|
}
|
|
|
|
if (val === Number(val).toString()) {
|
|
return Number(val);
|
|
}
|
|
|
|
if (val === '' || val === 'null') {
|
|
return null;
|
|
}
|
|
|
|
return val;
|
|
}
|
|
|
|
function normalizeDataKey(key) {
|
|
return key.replace(/[A-Z]/g, function (chr) {
|
|
return "-" + chr.toLowerCase();
|
|
});
|
|
}
|
|
|
|
var Manipulator = {
|
|
setDataAttribute: function setDataAttribute(element, key, value) {
|
|
element.setAttribute("data-" + normalizeDataKey(key), value);
|
|
},
|
|
removeDataAttribute: function removeDataAttribute(element, key) {
|
|
element.removeAttribute("data-" + normalizeDataKey(key));
|
|
},
|
|
getDataAttributes: function getDataAttributes(element) {
|
|
if (!element) {
|
|
return {};
|
|
}
|
|
|
|
var attributes = _extends({}, element.dataset);
|
|
|
|
Object.keys(attributes).forEach(function (key) {
|
|
attributes[key] = normalizeData(attributes[key]);
|
|
});
|
|
return attributes;
|
|
},
|
|
getDataAttribute: function getDataAttribute(element, key) {
|
|
return normalizeData(element.getAttribute("data-" + normalizeDataKey(key)));
|
|
},
|
|
offset: function offset(element) {
|
|
var rect = element.getBoundingClientRect();
|
|
return {
|
|
top: rect.top + document.body.scrollTop,
|
|
left: rect.left + document.body.scrollLeft
|
|
};
|
|
},
|
|
position: function position(element) {
|
|
return {
|
|
top: element.offsetTop,
|
|
left: element.offsetLeft
|
|
};
|
|
}
|
|
};
|
|
|
|
return Manipulator;
|
|
|
|
})));
|
|
//# sourceMappingURL=manipulator.js.map
|