mirror of
https://github.com/tabler/tabler.git
synced 2026-08-10 21:32:22 +04:00
Merge remote-tracking branch 'upstream/dev' into dev
This commit is contained in:
Josh Schmidt
Vendored
+1
-1
@@ -183,7 +183,7 @@ pre.highlight,
|
||||
|
||||
.example {
|
||||
padding: 2rem;
|
||||
margin: 2rem 0;
|
||||
margin: 1rem 0 2rem;
|
||||
border: 1px solid #e6e8e9;
|
||||
border-radius: 3px 3px 0 0;
|
||||
position: relative;
|
||||
|
||||
Vendored
-40
@@ -6,46 +6,6 @@
|
||||
* Copyright 2018-2021 codecalm.net Paweł Kuna
|
||||
* Licensed under MIT (https://github.com/tabler/tabler/blob/master/LICENSE)
|
||||
*/
|
||||
.apexcharts-title-text {
|
||||
font-weight: 600 !important; }
|
||||
|
||||
.apexcharts-tooltip-title {
|
||||
font-weight: 600 !important;
|
||||
padding-bottom: .25rem !important; }
|
||||
|
||||
.apexcharts-gridline,
|
||||
.apexcharts-ycrosshairs,
|
||||
.apexcharts-xaxis-tick {
|
||||
stroke: #e6e8e9 !important; }
|
||||
|
||||
.apexcharts-tooltip {
|
||||
line-height: 1;
|
||||
color: #ffffff;
|
||||
background: #232e3c !important;
|
||||
border: 0 !important;
|
||||
border-radius: 3px !important; }
|
||||
|
||||
.apexcharts-tooltip-title {
|
||||
margin: 0 !important;
|
||||
background: transparent !important;
|
||||
border: 0 !important; }
|
||||
|
||||
.apexcharts-tooltip-series-group {
|
||||
padding: 0 8px !important; }
|
||||
|
||||
.apexcharts-tooltip-marker {
|
||||
width: .5rem;
|
||||
height: .5rem; }
|
||||
|
||||
.apexcharts-gridline,
|
||||
.apexcharts-ycrosshairs,
|
||||
.apexcharts-xaxis-tick {
|
||||
stroke: #e7eaef; }
|
||||
|
||||
.apexcharts-yaxis-label,
|
||||
.apexcharts-xaxis-label {
|
||||
fill: #656d77; }
|
||||
|
||||
/*! nouislider - 14.6.3 - 11/19/2020 */
|
||||
/* Functional styling;
|
||||
* These styles are required for noUiSlider to function.
|
||||
|
||||
Vendored
+431
-325
File diff suppressed because it is too large
Load Diff
Vendored
+4
@@ -805,3 +805,7 @@
|
||||
.flag-xl {
|
||||
width: 7rem;
|
||||
height: 5.25rem; }
|
||||
|
||||
.flag-2xl {
|
||||
width: 11rem;
|
||||
height: 8.25rem; }
|
||||
|
||||
Vendored
+4
@@ -805,3 +805,7 @@
|
||||
.flag-xl {
|
||||
width: 7rem;
|
||||
height: 5.25rem; }
|
||||
|
||||
.flag-2xl {
|
||||
width: 11rem;
|
||||
height: 8.25rem; }
|
||||
|
||||
Vendored
+4
@@ -389,3 +389,7 @@
|
||||
.payment-xl {
|
||||
width: 11.66662rem;
|
||||
height: 7rem; }
|
||||
|
||||
.payment-2xl {
|
||||
width: 18.33326rem;
|
||||
height: 11rem; }
|
||||
|
||||
Vendored
+4
@@ -389,3 +389,7 @@
|
||||
.payment-xl {
|
||||
width: 11.66662rem;
|
||||
height: 7rem; }
|
||||
|
||||
.payment-2xl {
|
||||
width: 18.33326rem;
|
||||
height: 11rem; }
|
||||
|
||||
Vendored
+418
-319
File diff suppressed because it is too large
Load Diff
Vendored
+419
-320
File diff suppressed because it is too large
Load Diff
Vendored
+188
-163
@@ -265,7 +265,7 @@
|
||||
throw new TypeError("Cannot call a class as a function");
|
||||
}
|
||||
}
|
||||
function _defineProperties(target, props) {
|
||||
function _defineProperties$1(target, props) {
|
||||
for (var i = 0; i < props.length; i++) {
|
||||
var descriptor = props[i];
|
||||
descriptor.enumerable = descriptor.enumerable || false;
|
||||
@@ -274,9 +274,9 @@
|
||||
Object.defineProperty(target, descriptor.key, descriptor);
|
||||
}
|
||||
}
|
||||
function _createClass(Constructor, protoProps, staticProps) {
|
||||
if (protoProps) _defineProperties(Constructor.prototype, protoProps);
|
||||
if (staticProps) _defineProperties(Constructor, staticProps);
|
||||
function _createClass$1(Constructor, protoProps, staticProps) {
|
||||
if (protoProps) _defineProperties$1(Constructor.prototype, protoProps);
|
||||
if (staticProps) _defineProperties$1(Constructor, staticProps);
|
||||
return Constructor;
|
||||
}
|
||||
function _defineProperty(obj, key, value) {
|
||||
@@ -303,7 +303,7 @@
|
||||
configurable: true
|
||||
}
|
||||
});
|
||||
if (superClass) _setPrototypeOf(subClass, superClass);
|
||||
if (superClass) _setPrototypeOf$1(subClass, superClass);
|
||||
}
|
||||
function _getPrototypeOf(o) {
|
||||
_getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) {
|
||||
@@ -311,12 +311,12 @@
|
||||
};
|
||||
return _getPrototypeOf(o);
|
||||
}
|
||||
function _setPrototypeOf(o, p) {
|
||||
_setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) {
|
||||
function _setPrototypeOf$1(o, p) {
|
||||
_setPrototypeOf$1 = Object.setPrototypeOf || function _setPrototypeOf(o, p) {
|
||||
o.__proto__ = p;
|
||||
return o;
|
||||
};
|
||||
return _setPrototypeOf(o, p);
|
||||
return _setPrototypeOf$1(o, p);
|
||||
}
|
||||
function _isNativeReflectConstruct() {
|
||||
if (typeof Reflect === "undefined" || !Reflect.construct) return false;
|
||||
@@ -559,7 +559,7 @@
|
||||
--this.oldSelection.start;
|
||||
}
|
||||
}
|
||||
_createClass(ActionDetails, [{
|
||||
_createClass$1(ActionDetails, [{
|
||||
key: "startChangePos",
|
||||
get: function get() {
|
||||
return Math.min(this.cursorPos, this.oldSelection.start);
|
||||
@@ -615,7 +615,7 @@
|
||||
tailShift: 0
|
||||
}, details);
|
||||
}
|
||||
_createClass(ChangeDetails, [{
|
||||
_createClass$1(ChangeDetails, [{
|
||||
key: "aggregate",
|
||||
value: function aggregate(details) {
|
||||
this.rawInserted += details.rawInserted;
|
||||
@@ -643,7 +643,7 @@
|
||||
this.from = from;
|
||||
this.stop = stop;
|
||||
}
|
||||
_createClass(ContinuousTailDetails, [{
|
||||
_createClass$1(ContinuousTailDetails, [{
|
||||
key: "toString",
|
||||
value: function toString() {
|
||||
return this.value;
|
||||
@@ -696,7 +696,7 @@
|
||||
this._update(Object.assign({}, Masked.DEFAULTS, opts));
|
||||
this.isInitialized = true;
|
||||
}
|
||||
_createClass(Masked, [{
|
||||
_createClass$1(Masked, [{
|
||||
key: "updateOptions",
|
||||
value: function updateOptions(opts) {
|
||||
if (!Object.keys(opts).length) return;
|
||||
@@ -987,7 +987,7 @@
|
||||
});
|
||||
Object.assign(this, blockOpts);
|
||||
}
|
||||
_createClass(PatternInputDefinition, [{
|
||||
_createClass$1(PatternInputDefinition, [{
|
||||
key: "reset",
|
||||
value: function reset() {
|
||||
this._isFilled = false;
|
||||
@@ -1124,7 +1124,7 @@
|
||||
Object.assign(this, opts);
|
||||
this._value = '';
|
||||
}
|
||||
_createClass(PatternFixedDefinition, [{
|
||||
_createClass$1(PatternFixedDefinition, [{
|
||||
key: "value",
|
||||
get: function get() {
|
||||
return this._value;
|
||||
@@ -1247,7 +1247,7 @@
|
||||
this.chunks = chunks;
|
||||
this.from = from;
|
||||
}
|
||||
_createClass(ChunksTailDetails, [{
|
||||
_createClass$1(ChunksTailDetails, [{
|
||||
key: "toString",
|
||||
value: function toString() {
|
||||
return this.chunks.map(String).join('');
|
||||
@@ -1372,7 +1372,7 @@
|
||||
_classCallCheck(this, MaskedRegExp);
|
||||
return _super.apply(this, arguments);
|
||||
}
|
||||
_createClass(MaskedRegExp, [{
|
||||
_createClass$1(MaskedRegExp, [{
|
||||
key: "_update",
|
||||
value:
|
||||
function _update(opts) {
|
||||
@@ -1395,7 +1395,7 @@
|
||||
opts.definitions = Object.assign({}, DEFAULT_INPUT_DEFINITIONS, opts.definitions);
|
||||
return _super.call(this, Object.assign({}, MaskedPattern.DEFAULTS, opts));
|
||||
}
|
||||
_createClass(MaskedPattern, [{
|
||||
_createClass$1(MaskedPattern, [{
|
||||
key: "_update",
|
||||
value: function _update() {
|
||||
var opts = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
|
||||
@@ -1850,7 +1850,7 @@
|
||||
_classCallCheck(this, MaskedRange);
|
||||
return _super.apply(this, arguments);
|
||||
}
|
||||
_createClass(MaskedRange, [{
|
||||
_createClass$1(MaskedRange, [{
|
||||
key: "_matchFrom",
|
||||
get:
|
||||
function get() {
|
||||
@@ -1945,7 +1945,7 @@
|
||||
_classCallCheck(this, MaskedDate);
|
||||
return _super.call(this, Object.assign({}, MaskedDate.DEFAULTS, opts));
|
||||
}
|
||||
_createClass(MaskedDate, [{
|
||||
_createClass$1(MaskedDate, [{
|
||||
key: "_update",
|
||||
value: function _update(opts) {
|
||||
if (opts.mask === Date) delete opts.mask;
|
||||
@@ -2047,7 +2047,7 @@
|
||||
function MaskElement() {
|
||||
_classCallCheck(this, MaskElement);
|
||||
}
|
||||
_createClass(MaskElement, [{
|
||||
_createClass$1(MaskElement, [{
|
||||
key: "selectionStart",
|
||||
get:
|
||||
function get() {
|
||||
@@ -2104,7 +2104,7 @@
|
||||
_this._handlers = {};
|
||||
return _this;
|
||||
}
|
||||
_createClass(HTMLMaskElement, [{
|
||||
_createClass$1(HTMLMaskElement, [{
|
||||
key: "rootElement",
|
||||
get: function get() {
|
||||
return this.input.getRootNode ? this.input.getRootNode() : document;
|
||||
@@ -2185,7 +2185,7 @@
|
||||
_classCallCheck(this, HTMLContenteditableMaskElement);
|
||||
return _super.apply(this, arguments);
|
||||
}
|
||||
_createClass(HTMLContenteditableMaskElement, [{
|
||||
_createClass$1(HTMLContenteditableMaskElement, [{
|
||||
key: "_unsafeSelectionStart",
|
||||
get:
|
||||
function get() {
|
||||
@@ -2247,7 +2247,7 @@
|
||||
this.updateValue();
|
||||
this._onChange();
|
||||
}
|
||||
_createClass(InputMask, [{
|
||||
_createClass$1(InputMask, [{
|
||||
key: "mask",
|
||||
get: function get() {
|
||||
return this.masked.mask;
|
||||
@@ -2510,7 +2510,7 @@
|
||||
_classCallCheck(this, MaskedEnum);
|
||||
return _super.apply(this, arguments);
|
||||
}
|
||||
_createClass(MaskedEnum, [{
|
||||
_createClass$1(MaskedEnum, [{
|
||||
key: "_update",
|
||||
value:
|
||||
function _update(opts) {
|
||||
@@ -2541,7 +2541,7 @@
|
||||
_classCallCheck(this, MaskedNumber);
|
||||
return _super.call(this, Object.assign({}, MaskedNumber.DEFAULTS, opts));
|
||||
}
|
||||
_createClass(MaskedNumber, [{
|
||||
_createClass$1(MaskedNumber, [{
|
||||
key: "_update",
|
||||
value: function _update(opts) {
|
||||
_get(_getPrototypeOf(MaskedNumber.prototype), "_update", this).call(this, opts);
|
||||
@@ -2795,7 +2795,7 @@
|
||||
_classCallCheck(this, MaskedFunction);
|
||||
return _super.apply(this, arguments);
|
||||
}
|
||||
_createClass(MaskedFunction, [{
|
||||
_createClass$1(MaskedFunction, [{
|
||||
key: "_update",
|
||||
value:
|
||||
function _update(opts) {
|
||||
@@ -2817,7 +2817,7 @@
|
||||
_this.currentMask = null;
|
||||
return _this;
|
||||
}
|
||||
_createClass(MaskedDynamic, [{
|
||||
_createClass$1(MaskedDynamic, [{
|
||||
key: "_update",
|
||||
value: function _update(opts) {
|
||||
_get(_getPrototypeOf(MaskedDynamic.prototype), "_update", this).call(this, opts);
|
||||
@@ -3113,6 +3113,9 @@
|
||||
}
|
||||
|
||||
function getWindow(node) {
|
||||
if (node == null) {
|
||||
return window;
|
||||
}
|
||||
if (node.toString() !== '[object Window]') {
|
||||
var ownerDocument = node.ownerDocument;
|
||||
return ownerDocument ? ownerDocument.defaultView || window : window;
|
||||
@@ -3120,7 +3123,7 @@
|
||||
return node;
|
||||
}
|
||||
|
||||
function isElement(node) {
|
||||
function isElement$1(node) {
|
||||
var OwnElement = getWindow(node).Element;
|
||||
return node instanceof OwnElement || node instanceof Element;
|
||||
}
|
||||
@@ -3129,6 +3132,9 @@
|
||||
return node instanceof OwnElement || node instanceof HTMLElement;
|
||||
}
|
||||
function isShadowRoot(node) {
|
||||
if (typeof ShadowRoot === 'undefined') {
|
||||
return false;
|
||||
}
|
||||
var OwnElement = getWindow(node).ShadowRoot;
|
||||
return node instanceof OwnElement || node instanceof ShadowRoot;
|
||||
}
|
||||
@@ -3153,7 +3159,7 @@
|
||||
});
|
||||
});
|
||||
}
|
||||
function effect(_ref2) {
|
||||
function effect$2(_ref2) {
|
||||
var state = _ref2.state;
|
||||
var initialStyles = {
|
||||
popper: {
|
||||
@@ -3168,6 +3174,7 @@
|
||||
reference: {}
|
||||
};
|
||||
Object.assign(state.elements.popper.style, initialStyles.popper);
|
||||
state.styles = initialStyles;
|
||||
if (state.elements.arrow) {
|
||||
Object.assign(state.elements.arrow.style, initialStyles.arrow);
|
||||
}
|
||||
@@ -3195,7 +3202,7 @@
|
||||
enabled: true,
|
||||
phase: 'write',
|
||||
fn: applyStyles,
|
||||
effect: effect,
|
||||
effect: effect$2,
|
||||
requires: ['computeStyles']
|
||||
};
|
||||
|
||||
@@ -3203,12 +3210,35 @@
|
||||
return placement.split('-')[0];
|
||||
}
|
||||
|
||||
function getBoundingClientRect(element) {
|
||||
var rect = element.getBoundingClientRect();
|
||||
return {
|
||||
width: rect.width,
|
||||
height: rect.height,
|
||||
top: rect.top,
|
||||
right: rect.right,
|
||||
bottom: rect.bottom,
|
||||
left: rect.left,
|
||||
x: rect.left,
|
||||
y: rect.top
|
||||
};
|
||||
}
|
||||
|
||||
function getLayoutRect(element) {
|
||||
var clientRect = getBoundingClientRect(element);
|
||||
var width = element.offsetWidth;
|
||||
var height = element.offsetHeight;
|
||||
if (Math.abs(clientRect.width - width) <= 1) {
|
||||
width = clientRect.width;
|
||||
}
|
||||
if (Math.abs(clientRect.height - height) <= 1) {
|
||||
height = clientRect.height;
|
||||
}
|
||||
return {
|
||||
x: element.offsetLeft,
|
||||
y: element.offsetTop,
|
||||
width: element.offsetWidth,
|
||||
height: element.offsetHeight
|
||||
width: width,
|
||||
height: height
|
||||
};
|
||||
}
|
||||
|
||||
@@ -3238,7 +3268,7 @@
|
||||
}
|
||||
|
||||
function getDocumentElement(element) {
|
||||
return ((isElement(element) ? element.ownerDocument :
|
||||
return ((isElement$1(element) ? element.ownerDocument :
|
||||
element.document) || window.document).documentElement;
|
||||
}
|
||||
|
||||
@@ -3248,8 +3278,8 @@
|
||||
}
|
||||
return (
|
||||
element.assignedSlot ||
|
||||
element.parentNode ||
|
||||
element.host ||
|
||||
element.parentNode || (
|
||||
isShadowRoot(element) ? element.host : null) ||
|
||||
getDocumentElement(element)
|
||||
);
|
||||
}
|
||||
@@ -3259,20 +3289,14 @@
|
||||
getComputedStyle$1(element).position === 'fixed') {
|
||||
return null;
|
||||
}
|
||||
var offsetParent = element.offsetParent;
|
||||
if (offsetParent) {
|
||||
var html = getDocumentElement(offsetParent);
|
||||
if (getNodeName(offsetParent) === 'body' && getComputedStyle$1(offsetParent).position === 'static' && getComputedStyle$1(html).position !== 'static') {
|
||||
return html;
|
||||
}
|
||||
}
|
||||
return offsetParent;
|
||||
return element.offsetParent;
|
||||
}
|
||||
function getContainingBlock(element) {
|
||||
var isFirefox = navigator.userAgent.toLowerCase().indexOf('firefox') !== -1;
|
||||
var currentNode = getParentNode(element);
|
||||
while (isHTMLElement(currentNode) && ['html', 'body'].indexOf(getNodeName(currentNode)) < 0) {
|
||||
var css = getComputedStyle$1(currentNode);
|
||||
if (css.transform !== 'none' || css.perspective !== 'none' || css.willChange && css.willChange !== 'auto') {
|
||||
if (css.transform !== 'none' || css.perspective !== 'none' || css.contain === 'paint' || ['transform', 'perspective'].indexOf(css.willChange) !== -1 || isFirefox && css.willChange === 'filter' || isFirefox && css.filter && css.filter !== 'none') {
|
||||
return currentNode;
|
||||
} else {
|
||||
currentNode = currentNode.parentNode;
|
||||
@@ -3286,7 +3310,7 @@
|
||||
while (offsetParent && isTableElement(offsetParent) && getComputedStyle$1(offsetParent).position === 'static') {
|
||||
offsetParent = getTrueOffsetParent(offsetParent);
|
||||
}
|
||||
if (offsetParent && getNodeName(offsetParent) === 'body' && getComputedStyle$1(offsetParent).position === 'static') {
|
||||
if (offsetParent && (getNodeName(offsetParent) === 'html' || getNodeName(offsetParent) === 'body' && getComputedStyle$1(offsetParent).position === 'static')) {
|
||||
return window;
|
||||
}
|
||||
return offsetParent || getContainingBlock(element) || window;
|
||||
@@ -3296,8 +3320,12 @@
|
||||
return ['top', 'bottom'].indexOf(placement) >= 0 ? 'x' : 'y';
|
||||
}
|
||||
|
||||
function within(min, value, max) {
|
||||
return Math.max(min, Math.min(value, max));
|
||||
var max = Math.max;
|
||||
var min = Math.min;
|
||||
var round = Math.round;
|
||||
|
||||
function within(min$1, value, max$1) {
|
||||
return max(min$1, min(value, max$1));
|
||||
}
|
||||
|
||||
function getFreshSideObject() {
|
||||
@@ -3310,7 +3338,7 @@
|
||||
}
|
||||
|
||||
function mergePaddingObject(paddingObject) {
|
||||
return Object.assign(Object.assign({}, getFreshSideObject()), paddingObject);
|
||||
return Object.assign({}, getFreshSideObject(), paddingObject);
|
||||
}
|
||||
|
||||
function expandToHashMap(value, keys) {
|
||||
@@ -3320,10 +3348,17 @@
|
||||
}, {});
|
||||
}
|
||||
|
||||
var toPaddingObject = function toPaddingObject(padding, state) {
|
||||
padding = typeof padding === 'function' ? padding(Object.assign({}, state.rects, {
|
||||
placement: state.placement
|
||||
})) : padding;
|
||||
return mergePaddingObject(typeof padding !== 'number' ? padding : expandToHashMap(padding, basePlacements));
|
||||
};
|
||||
function arrow(_ref) {
|
||||
var _state$modifiersData$;
|
||||
var state = _ref.state,
|
||||
name = _ref.name;
|
||||
name = _ref.name,
|
||||
options = _ref.options;
|
||||
var arrowElement = state.elements.arrow;
|
||||
var popperOffsets = state.modifiersData.popperOffsets;
|
||||
var basePlacement = getBasePlacement(state.placement);
|
||||
@@ -3333,7 +3368,7 @@
|
||||
if (!arrowElement || !popperOffsets) {
|
||||
return;
|
||||
}
|
||||
var paddingObject = state.modifiersData[name + "#persistent"].padding;
|
||||
var paddingObject = toPaddingObject(options.padding, state);
|
||||
var arrowRect = getLayoutRect(arrowElement);
|
||||
var minProp = axis === 'y' ? top : left;
|
||||
var maxProp = axis === 'y' ? bottom : right;
|
||||
@@ -3351,12 +3386,9 @@
|
||||
}
|
||||
function effect$1(_ref2) {
|
||||
var state = _ref2.state,
|
||||
options = _ref2.options,
|
||||
name = _ref2.name;
|
||||
options = _ref2.options;
|
||||
var _options$element = options.element,
|
||||
arrowElement = _options$element === void 0 ? '[data-popper-arrow]' : _options$element,
|
||||
_options$padding = options.padding,
|
||||
padding = _options$padding === void 0 ? 0 : _options$padding;
|
||||
arrowElement = _options$element === void 0 ? '[data-popper-arrow]' : _options$element;
|
||||
if (arrowElement == null) {
|
||||
return;
|
||||
}
|
||||
@@ -3370,9 +3402,6 @@
|
||||
return;
|
||||
}
|
||||
state.elements.arrow = arrowElement;
|
||||
state.modifiersData[name + "#persistent"] = {
|
||||
padding: mergePaddingObject(typeof padding !== 'number' ? padding : expandToHashMap(padding, basePlacements))
|
||||
};
|
||||
}
|
||||
var arrow$1 = {
|
||||
name: 'arrow',
|
||||
@@ -3384,7 +3413,6 @@
|
||||
requiresIfExists: ['preventOverflow']
|
||||
};
|
||||
|
||||
var round = Math.round;
|
||||
var unsetSides = {
|
||||
top: 'auto',
|
||||
right: 'auto',
|
||||
@@ -3423,17 +3451,24 @@
|
||||
var win = window;
|
||||
if (adaptive) {
|
||||
var offsetParent = getOffsetParent(popper);
|
||||
var heightProp = 'clientHeight';
|
||||
var widthProp = 'clientWidth';
|
||||
if (offsetParent === getWindow(popper)) {
|
||||
offsetParent = getDocumentElement(popper);
|
||||
if (getComputedStyle$1(offsetParent).position !== 'static') {
|
||||
heightProp = 'scrollHeight';
|
||||
widthProp = 'scrollWidth';
|
||||
}
|
||||
}
|
||||
offsetParent = offsetParent;
|
||||
if (placement === top) {
|
||||
sideY = bottom;
|
||||
y -= offsetParent.clientHeight - popperRect.height;
|
||||
y -= offsetParent[heightProp] - popperRect.height;
|
||||
y *= gpuAcceleration ? 1 : -1;
|
||||
}
|
||||
if (placement === left) {
|
||||
sideX = right;
|
||||
x -= offsetParent.clientWidth - popperRect.width;
|
||||
x -= offsetParent[widthProp] - popperRect.width;
|
||||
x *= gpuAcceleration ? 1 : -1;
|
||||
}
|
||||
}
|
||||
@@ -3442,9 +3477,9 @@
|
||||
}, adaptive && unsetSides);
|
||||
if (gpuAcceleration) {
|
||||
var _Object$assign;
|
||||
return Object.assign(Object.assign({}, commonStyles), {}, (_Object$assign = {}, _Object$assign[sideY] = hasY ? '0' : '', _Object$assign[sideX] = hasX ? '0' : '', _Object$assign.transform = (win.devicePixelRatio || 1) < 2 ? "translate(" + x + "px, " + y + "px)" : "translate3d(" + x + "px, " + y + "px, 0)", _Object$assign));
|
||||
return Object.assign({}, commonStyles, (_Object$assign = {}, _Object$assign[sideY] = hasY ? '0' : '', _Object$assign[sideX] = hasX ? '0' : '', _Object$assign.transform = (win.devicePixelRatio || 1) < 2 ? "translate(" + x + "px, " + y + "px)" : "translate3d(" + x + "px, " + y + "px, 0)", _Object$assign));
|
||||
}
|
||||
return Object.assign(Object.assign({}, commonStyles), {}, (_Object$assign2 = {}, _Object$assign2[sideY] = hasY ? y + "px" : '', _Object$assign2[sideX] = hasX ? x + "px" : '', _Object$assign2.transform = '', _Object$assign2));
|
||||
return Object.assign({}, commonStyles, (_Object$assign2 = {}, _Object$assign2[sideY] = hasY ? y + "px" : '', _Object$assign2[sideX] = hasX ? x + "px" : '', _Object$assign2.transform = '', _Object$assign2));
|
||||
}
|
||||
function computeStyles(_ref4) {
|
||||
var state = _ref4.state,
|
||||
@@ -3462,7 +3497,7 @@
|
||||
gpuAcceleration: gpuAcceleration
|
||||
};
|
||||
if (state.modifiersData.popperOffsets != null) {
|
||||
state.styles.popper = Object.assign(Object.assign({}, state.styles.popper), mapToStyles(Object.assign(Object.assign({}, commonStyles), {}, {
|
||||
state.styles.popper = Object.assign({}, state.styles.popper, mapToStyles(Object.assign({}, commonStyles, {
|
||||
offsets: state.modifiersData.popperOffsets,
|
||||
position: state.options.strategy,
|
||||
adaptive: adaptive,
|
||||
@@ -3470,14 +3505,14 @@
|
||||
})));
|
||||
}
|
||||
if (state.modifiersData.arrow != null) {
|
||||
state.styles.arrow = Object.assign(Object.assign({}, state.styles.arrow), mapToStyles(Object.assign(Object.assign({}, commonStyles), {}, {
|
||||
state.styles.arrow = Object.assign({}, state.styles.arrow, mapToStyles(Object.assign({}, commonStyles, {
|
||||
offsets: state.modifiersData.arrow,
|
||||
position: 'absolute',
|
||||
adaptive: false,
|
||||
roundOffsets: roundOffsets
|
||||
})));
|
||||
}
|
||||
state.attributes.popper = Object.assign(Object.assign({}, state.attributes.popper), {}, {
|
||||
state.attributes.popper = Object.assign({}, state.attributes.popper, {
|
||||
'data-popper-placement': state.placement
|
||||
});
|
||||
}
|
||||
@@ -3492,7 +3527,7 @@
|
||||
var passive = {
|
||||
passive: true
|
||||
};
|
||||
function effect$2(_ref) {
|
||||
function effect(_ref) {
|
||||
var state = _ref.state,
|
||||
instance = _ref.instance,
|
||||
options = _ref.options;
|
||||
@@ -3526,11 +3561,11 @@
|
||||
enabled: true,
|
||||
phase: 'write',
|
||||
fn: function fn() {},
|
||||
effect: effect$2,
|
||||
effect: effect,
|
||||
data: {}
|
||||
};
|
||||
|
||||
var hash = {
|
||||
var hash$1 = {
|
||||
left: 'right',
|
||||
right: 'left',
|
||||
bottom: 'top',
|
||||
@@ -3538,34 +3573,20 @@
|
||||
};
|
||||
function getOppositePlacement(placement) {
|
||||
return placement.replace(/left|right|bottom|top/g, function (matched) {
|
||||
return hash[matched];
|
||||
return hash$1[matched];
|
||||
});
|
||||
}
|
||||
|
||||
var hash$1 = {
|
||||
var hash = {
|
||||
start: 'end',
|
||||
end: 'start'
|
||||
};
|
||||
function getOppositeVariationPlacement(placement) {
|
||||
return placement.replace(/start|end/g, function (matched) {
|
||||
return hash$1[matched];
|
||||
return hash[matched];
|
||||
});
|
||||
}
|
||||
|
||||
function getBoundingClientRect(element) {
|
||||
var rect = element.getBoundingClientRect();
|
||||
return {
|
||||
width: rect.width,
|
||||
height: rect.height,
|
||||
top: rect.top,
|
||||
right: rect.right,
|
||||
bottom: rect.bottom,
|
||||
left: rect.left,
|
||||
x: rect.left,
|
||||
y: rect.top
|
||||
};
|
||||
}
|
||||
|
||||
function getWindowScroll(node) {
|
||||
var win = getWindow(node);
|
||||
var scrollLeft = win.pageXOffset;
|
||||
@@ -3605,15 +3626,16 @@
|
||||
}
|
||||
|
||||
function getDocumentRect(element) {
|
||||
var _element$ownerDocumen;
|
||||
var html = getDocumentElement(element);
|
||||
var winScroll = getWindowScroll(element);
|
||||
var body = element.ownerDocument.body;
|
||||
var width = Math.max(html.scrollWidth, html.clientWidth, body ? body.scrollWidth : 0, body ? body.clientWidth : 0);
|
||||
var height = Math.max(html.scrollHeight, html.clientHeight, body ? body.scrollHeight : 0, body ? body.clientHeight : 0);
|
||||
var body = (_element$ownerDocumen = element.ownerDocument) == null ? void 0 : _element$ownerDocumen.body;
|
||||
var width = max(html.scrollWidth, html.clientWidth, body ? body.scrollWidth : 0, body ? body.clientWidth : 0);
|
||||
var height = max(html.scrollHeight, html.clientHeight, body ? body.scrollHeight : 0, body ? body.clientHeight : 0);
|
||||
var x = -winScroll.scrollLeft + getWindowScrollBarX(element);
|
||||
var y = -winScroll.scrollTop;
|
||||
if (getComputedStyle$1(body || html).direction === 'rtl') {
|
||||
x += Math.max(html.clientWidth, body ? body.clientWidth : 0) - width;
|
||||
x += max(html.clientWidth, body ? body.clientWidth : 0) - width;
|
||||
}
|
||||
return {
|
||||
width: width,
|
||||
@@ -3642,11 +3664,12 @@
|
||||
}
|
||||
|
||||
function listScrollParents(element, list) {
|
||||
var _element$ownerDocumen;
|
||||
if (list === void 0) {
|
||||
list = [];
|
||||
}
|
||||
var scrollParent = getScrollParent(element);
|
||||
var isBody = scrollParent === element.ownerDocument.body;
|
||||
var isBody = scrollParent === ((_element$ownerDocumen = element.ownerDocument) == null ? void 0 : _element$ownerDocumen.body);
|
||||
var win = getWindow(scrollParent);
|
||||
var target = isBody ? [win].concat(win.visualViewport || [], isScrollParent(scrollParent) ? scrollParent : []) : scrollParent;
|
||||
var updatedList = list.concat(target);
|
||||
@@ -3655,7 +3678,7 @@
|
||||
}
|
||||
|
||||
function rectToClientRect(rect) {
|
||||
return Object.assign(Object.assign({}, rect), {}, {
|
||||
return Object.assign({}, rect, {
|
||||
left: rect.x,
|
||||
top: rect.y,
|
||||
right: rect.x + rect.width,
|
||||
@@ -3682,11 +3705,11 @@
|
||||
var clippingParents = listScrollParents(getParentNode(element));
|
||||
var canEscapeClipping = ['absolute', 'fixed'].indexOf(getComputedStyle$1(element).position) >= 0;
|
||||
var clipperElement = canEscapeClipping && isHTMLElement(element) ? getOffsetParent(element) : element;
|
||||
if (!isElement(clipperElement)) {
|
||||
if (!isElement$1(clipperElement)) {
|
||||
return [];
|
||||
}
|
||||
return clippingParents.filter(function (clippingParent) {
|
||||
return isElement(clippingParent) && contains(clippingParent, clipperElement) && getNodeName(clippingParent) !== 'body';
|
||||
return isElement$1(clippingParent) && contains(clippingParent, clipperElement) && getNodeName(clippingParent) !== 'body';
|
||||
});
|
||||
}
|
||||
function getClippingRect(element, boundary, rootBoundary) {
|
||||
@@ -3695,10 +3718,10 @@
|
||||
var firstClippingParent = clippingParents[0];
|
||||
var clippingRect = clippingParents.reduce(function (accRect, clippingParent) {
|
||||
var rect = getClientRectFromMixedType(element, clippingParent);
|
||||
accRect.top = Math.max(rect.top, accRect.top);
|
||||
accRect.right = Math.min(rect.right, accRect.right);
|
||||
accRect.bottom = Math.min(rect.bottom, accRect.bottom);
|
||||
accRect.left = Math.max(rect.left, accRect.left);
|
||||
accRect.top = max(rect.top, accRect.top);
|
||||
accRect.right = min(rect.right, accRect.right);
|
||||
accRect.bottom = min(rect.bottom, accRect.bottom);
|
||||
accRect.left = max(rect.left, accRect.left);
|
||||
return accRect;
|
||||
}, getClientRectFromMixedType(element, firstClippingParent));
|
||||
clippingRect.width = clippingRect.right - clippingRect.left;
|
||||
@@ -3789,7 +3812,7 @@
|
||||
var referenceElement = state.elements.reference;
|
||||
var popperRect = state.rects.popper;
|
||||
var element = state.elements[altBoundary ? altContext : elementContext];
|
||||
var clippingClientRect = getClippingRect(isElement(element) ? element : element.contextElement || getDocumentElement(state.elements.popper), boundary, rootBoundary);
|
||||
var clippingClientRect = getClippingRect(isElement$1(element) ? element : element.contextElement || getDocumentElement(state.elements.popper), boundary, rootBoundary);
|
||||
var referenceClientRect = getBoundingClientRect(referenceElement);
|
||||
var popperOffsets = computeOffsets({
|
||||
reference: referenceClientRect,
|
||||
@@ -3797,7 +3820,7 @@
|
||||
strategy: 'absolute',
|
||||
placement: placement
|
||||
});
|
||||
var popperClientRect = rectToClientRect(Object.assign(Object.assign({}, popperRect), popperOffsets));
|
||||
var popperClientRect = rectToClientRect(Object.assign({}, popperRect, popperOffsets));
|
||||
var elementClientRect = elementContext === popper ? popperClientRect : referenceClientRect;
|
||||
var overflowOffsets = {
|
||||
top: clippingClientRect.top - elementClientRect.top + paddingObject.top,
|
||||
@@ -4011,7 +4034,7 @@
|
||||
isReferenceHidden: isReferenceHidden,
|
||||
hasPopperEscaped: hasPopperEscaped
|
||||
};
|
||||
state.attributes.popper = Object.assign(Object.assign({}, state.attributes.popper), {}, {
|
||||
state.attributes.popper = Object.assign({}, state.attributes.popper, {
|
||||
'data-popper-reference-hidden': isReferenceHidden,
|
||||
'data-popper-escaped': hasPopperEscaped
|
||||
});
|
||||
@@ -4027,7 +4050,7 @@
|
||||
function distanceAndSkiddingToXY(placement, rects, offset) {
|
||||
var basePlacement = getBasePlacement(placement);
|
||||
var invertDistance = [left, top].indexOf(basePlacement) >= 0 ? -1 : 1;
|
||||
var _ref = typeof offset === 'function' ? offset(Object.assign(Object.assign({}, rects), {}, {
|
||||
var _ref = typeof offset === 'function' ? offset(Object.assign({}, rects, {
|
||||
placement: placement
|
||||
})) : offset,
|
||||
skidding = _ref[0],
|
||||
@@ -4121,7 +4144,7 @@
|
||||
var popperOffsets = state.modifiersData.popperOffsets;
|
||||
var referenceRect = state.rects.reference;
|
||||
var popperRect = state.rects.popper;
|
||||
var tetherOffsetValue = typeof tetherOffset === 'function' ? tetherOffset(Object.assign(Object.assign({}, state.rects), {}, {
|
||||
var tetherOffsetValue = typeof tetherOffset === 'function' ? tetherOffset(Object.assign({}, state.rects, {
|
||||
placement: state.placement
|
||||
})) : tetherOffset;
|
||||
var data = {
|
||||
@@ -4131,13 +4154,13 @@
|
||||
if (!popperOffsets) {
|
||||
return;
|
||||
}
|
||||
if (checkMainAxis) {
|
||||
if (checkMainAxis || checkAltAxis) {
|
||||
var mainSide = mainAxis === 'y' ? top : left;
|
||||
var altSide = mainAxis === 'y' ? bottom : right;
|
||||
var len = mainAxis === 'y' ? 'height' : 'width';
|
||||
var offset = popperOffsets[mainAxis];
|
||||
var min = popperOffsets[mainAxis] + overflow[mainSide];
|
||||
var max = popperOffsets[mainAxis] - overflow[altSide];
|
||||
var min$1 = popperOffsets[mainAxis] + overflow[mainSide];
|
||||
var max$1 = popperOffsets[mainAxis] - overflow[altSide];
|
||||
var additive = tether ? -popperRect[len] / 2 : 0;
|
||||
var minLen = variation === start ? referenceRect[len] : popperRect[len];
|
||||
var maxLen = variation === start ? -popperRect[len] : -referenceRect[len];
|
||||
@@ -4157,19 +4180,21 @@
|
||||
var offsetModifierValue = state.modifiersData.offset ? state.modifiersData.offset[state.placement][mainAxis] : 0;
|
||||
var tetherMin = popperOffsets[mainAxis] + minOffset - offsetModifierValue - clientOffset;
|
||||
var tetherMax = popperOffsets[mainAxis] + maxOffset - offsetModifierValue;
|
||||
var preventedOffset = within(tether ? Math.min(min, tetherMin) : min, offset, tether ? Math.max(max, tetherMax) : max);
|
||||
popperOffsets[mainAxis] = preventedOffset;
|
||||
data[mainAxis] = preventedOffset - offset;
|
||||
}
|
||||
if (checkAltAxis) {
|
||||
var _mainSide = mainAxis === 'x' ? top : left;
|
||||
var _altSide = mainAxis === 'x' ? bottom : right;
|
||||
var _offset = popperOffsets[altAxis];
|
||||
var _min = _offset + overflow[_mainSide];
|
||||
var _max = _offset - overflow[_altSide];
|
||||
var _preventedOffset = within(_min, _offset, _max);
|
||||
popperOffsets[altAxis] = _preventedOffset;
|
||||
data[altAxis] = _preventedOffset - _offset;
|
||||
if (checkMainAxis) {
|
||||
var preventedOffset = within(tether ? min(min$1, tetherMin) : min$1, offset, tether ? max(max$1, tetherMax) : max$1);
|
||||
popperOffsets[mainAxis] = preventedOffset;
|
||||
data[mainAxis] = preventedOffset - offset;
|
||||
}
|
||||
if (checkAltAxis) {
|
||||
var _mainSide = mainAxis === 'x' ? top : left;
|
||||
var _altSide = mainAxis === 'x' ? bottom : right;
|
||||
var _offset = popperOffsets[altAxis];
|
||||
var _min = _offset + overflow[_mainSide];
|
||||
var _max = _offset - overflow[_altSide];
|
||||
var _preventedOffset = within(tether ? min(_min, tetherMin) : _min, _offset, tether ? max(_max, tetherMax) : _max);
|
||||
popperOffsets[altAxis] = _preventedOffset;
|
||||
data[altAxis] = _preventedOffset - _offset;
|
||||
}
|
||||
}
|
||||
state.modifiersData[name] = data;
|
||||
}
|
||||
@@ -4286,9 +4311,9 @@
|
||||
function mergeByName(modifiers) {
|
||||
var merged = modifiers.reduce(function (merged, current) {
|
||||
var existing = merged[current.name];
|
||||
merged[current.name] = existing ? Object.assign(Object.assign(Object.assign({}, existing), current), {}, {
|
||||
options: Object.assign(Object.assign({}, existing.options), current.options),
|
||||
data: Object.assign(Object.assign({}, existing.data), current.data)
|
||||
merged[current.name] = existing ? Object.assign({}, existing, current, {
|
||||
options: Object.assign({}, existing.options, current.options),
|
||||
data: Object.assign({}, existing.data, current.data)
|
||||
}) : current;
|
||||
return merged;
|
||||
}, {});
|
||||
@@ -4326,7 +4351,7 @@
|
||||
var state = {
|
||||
placement: 'bottom',
|
||||
orderedModifiers: [],
|
||||
options: Object.assign(Object.assign({}, DEFAULT_OPTIONS), defaultOptions),
|
||||
options: Object.assign({}, DEFAULT_OPTIONS, defaultOptions),
|
||||
modifiersData: {},
|
||||
elements: {
|
||||
reference: reference,
|
||||
@@ -4341,9 +4366,9 @@
|
||||
state: state,
|
||||
setOptions: function setOptions(options) {
|
||||
cleanupModifierEffects();
|
||||
state.options = Object.assign(Object.assign(Object.assign({}, defaultOptions), state.options), options);
|
||||
state.options = Object.assign({}, defaultOptions, state.options, options);
|
||||
state.scrollParents = {
|
||||
reference: isElement(reference) ? listScrollParents(reference) : reference.contextElement ? listScrollParents(reference.contextElement) : [],
|
||||
reference: isElement$1(reference) ? listScrollParents(reference) : reference.contextElement ? listScrollParents(reference.contextElement) : [],
|
||||
popper: listScrollParents(popper)
|
||||
};
|
||||
var orderedModifiers = orderModifiers(mergeByName([].concat(defaultModifiers, state.options.modifiers)));
|
||||
@@ -4439,24 +4464,24 @@
|
||||
return instance;
|
||||
};
|
||||
}
|
||||
var createPopper = popperGenerator();
|
||||
var createPopper$2 = popperGenerator();
|
||||
|
||||
var defaultModifiers = [eventListeners, popperOffsets$1, computeStyles$1, applyStyles$1];
|
||||
var defaultModifiers$1 = [eventListeners, popperOffsets$1, computeStyles$1, applyStyles$1];
|
||||
var createPopper$1 = popperGenerator({
|
||||
defaultModifiers: defaultModifiers
|
||||
defaultModifiers: defaultModifiers$1
|
||||
});
|
||||
|
||||
var defaultModifiers$1 = [eventListeners, popperOffsets$1, computeStyles$1, applyStyles$1, offset$1, flip$1, preventOverflow$1, arrow$1, hide$1];
|
||||
var createPopper$2 = popperGenerator({
|
||||
defaultModifiers: defaultModifiers$1
|
||||
var defaultModifiers = [eventListeners, popperOffsets$1, computeStyles$1, applyStyles$1, offset$1, flip$1, preventOverflow$1, arrow$1, hide$1];
|
||||
var createPopper = popperGenerator({
|
||||
defaultModifiers: defaultModifiers
|
||||
});
|
||||
|
||||
var Popper = /*#__PURE__*/Object.freeze({
|
||||
__proto__: null,
|
||||
popperGenerator: popperGenerator,
|
||||
detectOverflow: detectOverflow,
|
||||
createPopperBase: createPopper,
|
||||
createPopper: createPopper$2,
|
||||
createPopperBase: createPopper$2,
|
||||
createPopper: createPopper,
|
||||
createPopperLite: createPopper$1,
|
||||
top: top,
|
||||
bottom: bottom,
|
||||
@@ -4498,7 +4523,7 @@
|
||||
* Copyright 2011-2021 The Bootstrap Authors (https://github.com/twbs/bootstrap/graphs/contributors)
|
||||
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
|
||||
*/
|
||||
function _defineProperties$1(target, props) {
|
||||
function _defineProperties(target, props) {
|
||||
for (var i = 0; i < props.length; i++) {
|
||||
var descriptor = props[i];
|
||||
descriptor.enumerable = descriptor.enumerable || false;
|
||||
@@ -4507,9 +4532,9 @@
|
||||
Object.defineProperty(target, descriptor.key, descriptor);
|
||||
}
|
||||
}
|
||||
function _createClass$1(Constructor, protoProps, staticProps) {
|
||||
if (protoProps) _defineProperties$1(Constructor.prototype, protoProps);
|
||||
if (staticProps) _defineProperties$1(Constructor, staticProps);
|
||||
function _createClass(Constructor, protoProps, staticProps) {
|
||||
if (protoProps) _defineProperties(Constructor.prototype, protoProps);
|
||||
if (staticProps) _defineProperties(Constructor, staticProps);
|
||||
return Constructor;
|
||||
}
|
||||
function _extends() {
|
||||
@@ -4529,14 +4554,14 @@
|
||||
function _inheritsLoose(subClass, superClass) {
|
||||
subClass.prototype = Object.create(superClass.prototype);
|
||||
subClass.prototype.constructor = subClass;
|
||||
_setPrototypeOf$1(subClass, superClass);
|
||||
_setPrototypeOf(subClass, superClass);
|
||||
}
|
||||
function _setPrototypeOf$1(o, p) {
|
||||
_setPrototypeOf$1 = Object.setPrototypeOf || function _setPrototypeOf(o, p) {
|
||||
function _setPrototypeOf(o, p) {
|
||||
_setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) {
|
||||
o.__proto__ = p;
|
||||
return o;
|
||||
};
|
||||
return _setPrototypeOf$1(o, p);
|
||||
return _setPrototypeOf(o, p);
|
||||
}
|
||||
var MAX_UID = 1000000;
|
||||
var MILLISECONDS_MULTIPLIER = 1000;
|
||||
@@ -4597,7 +4622,7 @@
|
||||
var triggerTransitionEnd = function triggerTransitionEnd(element) {
|
||||
element.dispatchEvent(new Event(TRANSITION_END));
|
||||
};
|
||||
var isElement$1 = function isElement(obj) {
|
||||
var isElement = function isElement(obj) {
|
||||
return (obj[0] || obj).nodeType;
|
||||
};
|
||||
var emulateTransitionEnd = function emulateTransitionEnd(element, duration) {
|
||||
@@ -4619,7 +4644,7 @@
|
||||
Object.keys(configTypes).forEach(function (property) {
|
||||
var expectedTypes = configTypes[property];
|
||||
var value = config[property];
|
||||
var valueType = value && isElement$1(value) ? 'element' : toType(value);
|
||||
var valueType = value && isElement(value) ? 'element' : toType(value);
|
||||
if (!new RegExp(expectedTypes).test(valueType)) {
|
||||
throw new TypeError(componentName.toUpperCase() + ": " + ("Option \"" + property + "\" provided type \"" + valueType + "\" ") + ("but expected type \"" + expectedTypes + "\"."));
|
||||
}
|
||||
@@ -4959,7 +4984,7 @@
|
||||
BaseComponent.getInstance = function getInstance(element) {
|
||||
return Data.getData(element, this.DATA_KEY);
|
||||
};
|
||||
_createClass$1(BaseComponent, null, [{
|
||||
_createClass(BaseComponent, null, [{
|
||||
key: "VERSION",
|
||||
get: function get() {
|
||||
return VERSION;
|
||||
@@ -5038,7 +5063,7 @@
|
||||
alertInstance.close(this);
|
||||
};
|
||||
};
|
||||
_createClass$1(Alert, null, [{
|
||||
_createClass(Alert, null, [{
|
||||
key: "DATA_KEY",
|
||||
get:
|
||||
function get() {
|
||||
@@ -5077,7 +5102,7 @@
|
||||
}
|
||||
});
|
||||
};
|
||||
_createClass$1(Button, null, [{
|
||||
_createClass(Button, null, [{
|
||||
key: "DATA_KEY",
|
||||
get:
|
||||
function get() {
|
||||
@@ -5644,7 +5669,7 @@
|
||||
}
|
||||
event.preventDefault();
|
||||
};
|
||||
_createClass$1(Carousel, null, [{
|
||||
_createClass(Carousel, null, [{
|
||||
key: "Default",
|
||||
get: function get() {
|
||||
return Default;
|
||||
@@ -5854,7 +5879,7 @@
|
||||
_proto._getParent = function _getParent() {
|
||||
var _this4 = this;
|
||||
var parent = this._config.parent;
|
||||
if (isElement$1(parent)) {
|
||||
if (isElement(parent)) {
|
||||
if (typeof parent.jquery !== 'undefined' || typeof parent[0] !== 'undefined') {
|
||||
parent = parent[0];
|
||||
}
|
||||
@@ -5904,7 +5929,7 @@
|
||||
Collapse.collapseInterface(this, config);
|
||||
});
|
||||
};
|
||||
_createClass$1(Collapse, null, [{
|
||||
_createClass(Collapse, null, [{
|
||||
key: "Default",
|
||||
get: function get() {
|
||||
return Default$1;
|
||||
@@ -6037,7 +6062,7 @@
|
||||
var referenceElement = this._element;
|
||||
if (this._config.reference === 'parent') {
|
||||
referenceElement = parent;
|
||||
} else if (isElement$1(this._config.reference)) {
|
||||
} else if (isElement(this._config.reference)) {
|
||||
referenceElement = this._config.reference;
|
||||
if (typeof this._config.reference.jquery !== 'undefined') {
|
||||
referenceElement = this._config.reference[0];
|
||||
@@ -6049,7 +6074,7 @@
|
||||
var isDisplayStatic = popperConfig.modifiers.find(function (modifier) {
|
||||
return modifier.name === 'applyStyles' && modifier.enabled === false;
|
||||
});
|
||||
this._popper = createPopper$2(referenceElement, this._menu, popperConfig);
|
||||
this._popper = createPopper(referenceElement, this._menu, popperConfig);
|
||||
if (isDisplayStatic) {
|
||||
Manipulator.setDataAttribute(this._menu, 'popper', 'static');
|
||||
}
|
||||
@@ -6112,7 +6137,7 @@
|
||||
_proto._getConfig = function _getConfig(config) {
|
||||
config = _extends({}, this.constructor.Default, Manipulator.getDataAttributes(this._element), config);
|
||||
typeCheckConfig(NAME$4, config, this.constructor.DefaultType);
|
||||
if (typeof config.reference === 'object' && !isElement$1(config.reference) && typeof config.reference.getBoundingClientRect !== 'function') {
|
||||
if (typeof config.reference === 'object' && !isElement(config.reference) && typeof config.reference.getBoundingClientRect !== 'function') {
|
||||
throw new TypeError(NAME$4.toUpperCase() + ": Option \"reference\" provided type \"object\" without a required \"getBoundingClientRect\" method.");
|
||||
}
|
||||
return config;
|
||||
@@ -6281,7 +6306,7 @@
|
||||
index = index === -1 ? 0 : index;
|
||||
items[index].focus();
|
||||
};
|
||||
_createClass$1(Dropdown, null, [{
|
||||
_createClass(Dropdown, null, [{
|
||||
key: "Default",
|
||||
get: function get() {
|
||||
return Default$2;
|
||||
@@ -6711,7 +6736,7 @@
|
||||
}
|
||||
});
|
||||
};
|
||||
_createClass$1(Modal, null, [{
|
||||
_createClass(Modal, null, [{
|
||||
key: "Default",
|
||||
get: function get() {
|
||||
return Default$3;
|
||||
@@ -7007,7 +7032,7 @@
|
||||
container.appendChild(tip);
|
||||
}
|
||||
EventHandler.trigger(this._element, this.constructor.Event.INSERTED);
|
||||
this._popper = createPopper$2(this._element, tip, this._getPopperConfig(attachment));
|
||||
this._popper = createPopper(this._element, tip, this._getPopperConfig(attachment));
|
||||
tip.classList.add(CLASS_NAME_SHOW$4);
|
||||
var customClass = typeof this.config.customClass === 'function' ? this.config.customClass() : this.config.customClass;
|
||||
if (customClass) {
|
||||
@@ -7104,7 +7129,7 @@
|
||||
if (element === null) {
|
||||
return;
|
||||
}
|
||||
if (typeof content === 'object' && isElement$1(content)) {
|
||||
if (typeof content === 'object' && isElement(content)) {
|
||||
if (content.jquery) {
|
||||
content = content[0];
|
||||
}
|
||||
@@ -7216,7 +7241,7 @@
|
||||
if (this.config.container === false) {
|
||||
return document.body;
|
||||
}
|
||||
if (isElement$1(this.config.container)) {
|
||||
if (isElement(this.config.container)) {
|
||||
return this.config.container;
|
||||
}
|
||||
return SelectorEngine.findOne(this.config.container);
|
||||
@@ -7397,7 +7422,7 @@
|
||||
}
|
||||
});
|
||||
};
|
||||
_createClass$1(Tooltip, null, [{
|
||||
_createClass(Tooltip, null, [{
|
||||
key: "Default",
|
||||
get: function get() {
|
||||
return Default$4;
|
||||
@@ -7519,7 +7544,7 @@
|
||||
}
|
||||
});
|
||||
};
|
||||
_createClass$1(Popover, null, [{
|
||||
_createClass(Popover, null, [{
|
||||
key: "Default",
|
||||
get:
|
||||
function get() {
|
||||
@@ -7644,7 +7669,7 @@
|
||||
;
|
||||
_proto._getConfig = function _getConfig(config) {
|
||||
config = _extends({}, Default$6, typeof config === 'object' && config ? config : {});
|
||||
if (typeof config.target !== 'string' && isElement$1(config.target)) {
|
||||
if (typeof config.target !== 'string' && isElement(config.target)) {
|
||||
var id = config.target.id;
|
||||
if (!id) {
|
||||
id = getUID(NAME$8);
|
||||
@@ -7740,7 +7765,7 @@
|
||||
}
|
||||
});
|
||||
};
|
||||
_createClass$1(ScrollSpy, null, [{
|
||||
_createClass(ScrollSpy, null, [{
|
||||
key: "Default",
|
||||
get: function get() {
|
||||
return Default$6;
|
||||
@@ -7885,7 +7910,7 @@
|
||||
}
|
||||
});
|
||||
};
|
||||
_createClass$1(Tab, null, [{
|
||||
_createClass(Tab, null, [{
|
||||
key: "DATA_KEY",
|
||||
get:
|
||||
function get() {
|
||||
@@ -8028,7 +8053,7 @@
|
||||
}
|
||||
});
|
||||
};
|
||||
_createClass$1(Toast, null, [{
|
||||
_createClass(Toast, null, [{
|
||||
key: "DefaultType",
|
||||
get: function get() {
|
||||
return DefaultType$7;
|
||||
|
||||
+1
-1
@@ -84,7 +84,7 @@
|
||||
"@tabler/icons": "^1.39.1",
|
||||
"apexcharts": "^3.25.0",
|
||||
"autosize": "^4.0.2",
|
||||
"bootstrap": "twbs/bootstrap#e153e5f5b2b82ad09a9874b8ff1dfca986790f76",
|
||||
"bootstrap": "twbs/bootstrap#df2d5b6a37b54ff967edfa21a630cd1ecd223f7c",
|
||||
"choices.js": "^9.0.1",
|
||||
"countup.js": "^2.0.7",
|
||||
"flatpickr": "^4.6.9",
|
||||
|
||||
+7
-7
@@ -1,10 +1,10 @@
|
||||
//Vendor
|
||||
|
||||
import './autosize';
|
||||
import './input-mask';
|
||||
import './dropdown';
|
||||
import './tooltip';
|
||||
import './popover';
|
||||
import './switch-icon';
|
||||
import './toast';
|
||||
import './src/autosize';
|
||||
import './src/input-mask';
|
||||
import './src/dropdown';
|
||||
import './src/tooltip';
|
||||
import './src/popover';
|
||||
import './src/switch-icon';
|
||||
import './src/toast';
|
||||
|
||||
|
||||
@@ -41,36 +41,3 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{% capture_once scripts %}
|
||||
<script>
|
||||
var getClosest = function (elem, selector) {
|
||||
for ( ; elem && elem !== document; elem = elem.parentNode ) {
|
||||
if ( elem.matches( selector ) ) return elem;
|
||||
}
|
||||
return null;
|
||||
};
|
||||
|
||||
(function () {
|
||||
const elements = document.querySelectorAll('[data-toggle-icon]');
|
||||
|
||||
if (elements.length) {
|
||||
elements.forEach(function (element) {
|
||||
element.addEventListener('click', function(e){
|
||||
var icon = this.dataset.toggleIcon,
|
||||
svg = this.querySelector('svg').outerHTML,
|
||||
iconCode = this.dataset.iconSvg,
|
||||
editor = getClosest(this, '[data-icon-preview]');
|
||||
|
||||
editor.querySelector('[data-icon-preview-icon]').innerHTML = svg;
|
||||
editor.querySelector('[data-icon-preview-title]').innerText = icon;
|
||||
editor.querySelector('[data-icon-preview-code]').innerHTML = iconCode.trim();
|
||||
|
||||
e.preventDefault();
|
||||
return false;
|
||||
})
|
||||
});
|
||||
}
|
||||
})();
|
||||
</script>
|
||||
{% endcapture_once %}
|
||||
@@ -2,7 +2,9 @@
|
||||
layout: base
|
||||
---
|
||||
|
||||
<div class="page">
|
||||
{% assign no-container = page.no-container | default: layout.no-container %}
|
||||
|
||||
<div class="wrapper">
|
||||
{% if page.layout-sidebar %}
|
||||
{% include layout/sidebar.html dark=page.layout-sidebar-dark right=page.layout-sidebar-right transparent=page.layout-navbar-transparent breakpoint="lg" %}
|
||||
{% endif %}
|
||||
@@ -12,17 +14,28 @@ layout: base
|
||||
{% endunless %}
|
||||
|
||||
|
||||
<div class="content{% if page.layout-content-full %} content-full{% endif %}">
|
||||
{% if page.layout-content-full %}
|
||||
<div class="page-wrapper{% if page.layout-wrapper-full %} page-wrapper-full{% endif %}">
|
||||
<div class="container{% if page.layout-fluid %}-fluid{% else %}-xl{% endif %}">
|
||||
{% include layout/page-header.html %}
|
||||
</div>
|
||||
|
||||
<div class="page-body">
|
||||
{% if page.layout-wrapper-full %}
|
||||
{{ content }}
|
||||
{% else %}
|
||||
{% else %}
|
||||
{% unless no-container %}
|
||||
<div class="container{% if page.layout-fluid %}-fluid{% else %}-xl{% endif %}{% if page.container-centered %} d-flex flex-column justify-content-center{% endif %}">
|
||||
{% include layout/page-header.html %}
|
||||
{% endunless %}
|
||||
|
||||
{{ content }}
|
||||
</div>
|
||||
|
||||
{% include layout/footer.html %}
|
||||
{% endif %}
|
||||
{% unless no-container %}
|
||||
</div>
|
||||
{% endunless %}
|
||||
|
||||
{% endif %}
|
||||
</div>
|
||||
|
||||
{% include layout/footer.html %}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -3,8 +3,8 @@ layout: base
|
||||
body-class: border-top-wide border-primary d-flex flex-column
|
||||
---
|
||||
|
||||
<div class="flex-fill d-flex align-items-center justify-content-center">
|
||||
<div class="container-tight py-6">
|
||||
<div class="page page-center">
|
||||
<div class="container-tight py-4">
|
||||
{% assign error = site.data.errors[page.error] %}
|
||||
{% assign header = error.header | default: 'Oops… You just found an error page' %}
|
||||
{% include ui/empty.html icon="settings" illustration=error.illustration icon-text=error.title title=header subtitle=error.description button-icon="arrow-left" button-text="Take me home" %}
|
||||
|
||||
@@ -3,8 +3,8 @@ layout: base
|
||||
body-class: border-top-wide border-primary d-flex flex-column
|
||||
---
|
||||
|
||||
<div class="flex-fill d-flex flex-column justify-content-center py-4">
|
||||
<div class="container-{{ page.container-size | default: 'tight' }} py-6">
|
||||
<div class="page page-center">
|
||||
<div class="container-{{ page.container-size | default: 'tight' }} py-4">
|
||||
<div class="text-center mb-4">
|
||||
<a href="{{ site.base }}"><img src="{{ site.base }}/static/logo.svg" height="36" alt=""></a>
|
||||
</div>
|
||||
|
||||
@@ -16,45 +16,20 @@ module Jekyll
|
||||
''
|
||||
end
|
||||
end
|
||||
|
||||
class CaptureOnce < Liquid::Block
|
||||
def initialize(tag_name, text, tokens)
|
||||
super
|
||||
@text = text.strip
|
||||
end
|
||||
|
||||
def render(context)
|
||||
if $captured_once[@text] === nil
|
||||
$captured_once[@text] = [];
|
||||
end
|
||||
|
||||
data = super.strip
|
||||
|
||||
unless $captured_once[@text].include?(data)
|
||||
$captured_once[@text].push(data);
|
||||
end
|
||||
|
||||
''
|
||||
end
|
||||
end
|
||||
end
|
||||
|
||||
Jekyll::Hooks.register [:pages, :docs], :post_init do |page|
|
||||
$captured_global = {}
|
||||
$captured_once = {}
|
||||
end
|
||||
|
||||
Jekyll::Hooks.register [:pages, :docs], :post_render do |page|
|
||||
$captured_global = {}
|
||||
$captured_once = {}
|
||||
end
|
||||
|
||||
Jekyll::Hooks.register [:pages, :docs], :pre_render do |page, jekyll|
|
||||
jekyll.site['captured_global'] = $captured_global
|
||||
jekyll.site['captured_once'] = $captured_once
|
||||
end
|
||||
end
|
||||
|
||||
Liquid::Template.register_tag('capture_global', Jekyll::Tags::CaptureGlobal)
|
||||
Liquid::Template.register_tag('capture_once', Jekyll::Tags::CaptureOnce)
|
||||
|
||||
|
||||
@@ -64,73 +64,3 @@ page-header: Colors
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{% comment %}
|
||||
{% capture_once scripts %}
|
||||
<script>
|
||||
var colorChannelMixer = function (colorChannelA, colorChannelB, amountToMix) {
|
||||
var channelA = colorChannelA * amountToMix;
|
||||
var channelB = colorChannelB * (1 - amountToMix);
|
||||
return parseInt(channelA + channelB);
|
||||
};
|
||||
|
||||
var color2Rgb = function (color) {
|
||||
var resultHex = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(color);
|
||||
if (resultHex) {
|
||||
return [
|
||||
parseInt(resultHex[1], 16),
|
||||
parseInt(resultHex[2], 16),
|
||||
parseInt(resultHex[3], 16)
|
||||
]
|
||||
}
|
||||
|
||||
var resultRgb = /^rgba?\((\d+),\s?(\d+),\s?(\d+)(?:,\s?([\d.]+))?\)$/i.exec(color);
|
||||
|
||||
if (resultRgb) {
|
||||
var alpha = resultRgb[4] ? (parseFloat(resultRgb[4])) : 1;
|
||||
|
||||
return [
|
||||
colorChannelMixer(resultRgb[1], 255, alpha),
|
||||
colorChannelMixer(resultRgb[2], 255, alpha),
|
||||
colorChannelMixer(resultRgb[3], 255, alpha)
|
||||
]
|
||||
}
|
||||
|
||||
return null;
|
||||
};
|
||||
|
||||
var getLuminanace = (values) => {
|
||||
const rgb = values.map((v) => {
|
||||
var val = v / 255;
|
||||
return val <= 0.03928 ? val / 12.92 : ((val + 0.055) / 1.055) ** 2.4;
|
||||
});
|
||||
return Number((0.2126 * rgb[0] + 0.7152 * rgb[1] + 0.0722 * rgb[2]).toFixed(3));
|
||||
};
|
||||
|
||||
var getContrastRatio = (colorA, colorB) => {
|
||||
var lumA = getLuminanace(color2Rgb(colorA)),
|
||||
lumB = getLuminanace(color2Rgb(colorB));
|
||||
|
||||
console.log('colorA, colorB, color2Rgb(colorA), color2Rgb(colorB)', colorA, colorB, color2Rgb(colorA), color2Rgb(colorB));
|
||||
|
||||
return Math.round((Math.max(lumA, lumB) + 0.05) / (Math.min(lumA, lumB) + 0.05) * 100) / 100;
|
||||
};
|
||||
|
||||
(function () {
|
||||
const elements = document.querySelectorAll('[data-demo-color]');
|
||||
|
||||
if (elements.length) {
|
||||
elements.forEach(function (element) {
|
||||
var { color, backgroundColor } = window.getComputedStyle(element),
|
||||
elementRatio = element.parentElement.querySelector('[data-demo-color-contrast]'),
|
||||
ratio = getContrastRatio(color, backgroundColor);
|
||||
|
||||
elementRatio.innerHTML = ratio;
|
||||
elementRatio.classList.add(ratio > 4.5 ? 'text-green' : 'text-red');
|
||||
|
||||
});
|
||||
}
|
||||
})();
|
||||
</script>
|
||||
{% endcapture_once %}
|
||||
{% endcomment %}
|
||||
+40
-7
@@ -8,16 +8,18 @@ menu: base.icons
|
||||
{% assign icons-core = '' | split: ',' %}
|
||||
|
||||
{% for icon in site.data.icons %}
|
||||
{% assign i = icon[0] %}
|
||||
{% if i contains 'brand-' %}
|
||||
{% assign icons-brand = icons-brand | push: i %}
|
||||
{% else %}
|
||||
{% assign icons-core = icons-core | push: i %}
|
||||
{% endif %}
|
||||
{% assign i = icon[0] %}
|
||||
{% if i contains 'brand-' %}
|
||||
{% assign icons-brand = icons-brand | push: i %}
|
||||
{% else %}
|
||||
{% assign icons-core = icons-core | push: i %}
|
||||
{% endif %}
|
||||
{% endfor %}
|
||||
|
||||
<div class="alert alert-primary mb-3">
|
||||
All icons come from the Tabler Icons set and are MIT-licensed. Visit <a href="https://tabler-icons.io" target="_blank">tabler-icons.io</a>, download the icons you need in SVG, PNG or React and use them in your favourite design tools.
|
||||
All icons come from the Tabler Icons set and are MIT-licensed. Visit
|
||||
<a href="https://tabler-icons.io" target="_blank">tabler-icons.io</a>, download
|
||||
the icons you need in SVG, PNG or React and use them in your favourite design tools.
|
||||
</div>
|
||||
|
||||
<div class="row row-cards">
|
||||
@@ -29,3 +31,34 @@ menu: base.icons
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script>
|
||||
var getClosest = function (elem, selector) {
|
||||
for (; elem && elem !== document; elem = elem.parentNode) {
|
||||
if (elem.matches(selector)) return elem
|
||||
}
|
||||
return null
|
||||
};
|
||||
|
||||
(function () {
|
||||
const elements = document.querySelectorAll('[data-toggle-icon]')
|
||||
|
||||
if (elements.length) {
|
||||
elements.forEach(function (element) {
|
||||
element.addEventListener('click', function (e) {
|
||||
var icon = this.dataset.toggleIcon,
|
||||
svg = this.querySelector('svg').outerHTML,
|
||||
iconCode = this.dataset.iconSvg,
|
||||
editor = getClosest(this, '[data-icon-preview]')
|
||||
|
||||
editor.querySelector('[data-icon-preview-icon]').innerHTML = svg
|
||||
editor.querySelector('[data-icon-preview-title]').innerText = icon
|
||||
editor.querySelector('[data-icon-preview-code]').innerHTML = iconCode.trim()
|
||||
|
||||
e.preventDefault()
|
||||
return false
|
||||
})
|
||||
})
|
||||
}
|
||||
})()
|
||||
</script>
|
||||
|
||||
|
||||
@@ -1,7 +1,7 @@
|
||||
---
|
||||
layout: default
|
||||
libs: google-maps
|
||||
layout-content-full: true
|
||||
layout-wrapper-full: true
|
||||
layout-sidebar: true
|
||||
layout-hide-topbar: true
|
||||
menu: base.map-fullsize
|
||||
|
||||
@@ -42,7 +42,7 @@ $line-height-lg: (1.5rem/$font-size-base) !default;
|
||||
$h1-font-size: (24rem / 16) !default;
|
||||
$h1-line-height: (2rem/$h1-font-size) !default;
|
||||
|
||||
$h2-font-size: (18rem / 16) !default;
|
||||
$h2-font-size: (20rem / 16) !default;
|
||||
$h2-line-height: (1.75rem/$h2-font-size) !default;
|
||||
|
||||
$h3-font-size: (16rem / 16) !default;
|
||||
@@ -270,6 +270,9 @@ $aspect-ratios: (
|
||||
"9x21": calc(21 / 9 * 100%),
|
||||
) !default;
|
||||
|
||||
// overlay
|
||||
$overlay-gradient: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .6) 100%) !default;
|
||||
|
||||
//accordion
|
||||
$accordion-border-color: $border-color-transparent !default;
|
||||
$accordion-icon-width: 1rem !default;
|
||||
@@ -289,6 +292,9 @@ $alert-border-color: $border-color-transparent !default;
|
||||
$alert-shadow: rgba($dark, .04) 0 2px 4px 0 !default;
|
||||
|
||||
//breadcrumb
|
||||
$breadcrumb-divider-color: $text-muted !default;
|
||||
$breadcrumb-active-color: inherit !default;
|
||||
|
||||
$breadcrumb-variants: (
|
||||
dots: "·",
|
||||
arrows: "›",
|
||||
@@ -427,6 +433,13 @@ $nav-link-padding-x: .75rem !default;
|
||||
$nav-pills-link-active-color: $primary !default;
|
||||
$nav-pills-link-active-bg: $active-bg !default;
|
||||
|
||||
$nav-bordered-border-color: $border-color !default;
|
||||
$nav-bordered-border-width: $border-width !default;
|
||||
$nav-bordered-link-active-color: $primary !default;
|
||||
$nav-bordered-link-active-border-color: $primary !default;
|
||||
$nav-bordered-link-active-border-width: 2 * $border-width !default;
|
||||
$nav-bordered-margin-x: 1.25rem !default;
|
||||
|
||||
|
||||
//navbar
|
||||
$navbar-height: 3.5rem !default;
|
||||
@@ -468,6 +481,7 @@ $sidebar-width: 15rem !default;
|
||||
$popover-border-color: $border-color !default;
|
||||
|
||||
//footer
|
||||
$footer-padding-y: 2rem !default;
|
||||
$footer-bg: $white !default;
|
||||
$footer-border-color: $border-color !default;
|
||||
$footer-border-color: $border-color !default;
|
||||
|
||||
@@ -14,7 +14,7 @@ body {
|
||||
position: relative;
|
||||
min-height: 100%;
|
||||
|
||||
.content * {
|
||||
* {
|
||||
@include scrollbar;
|
||||
}
|
||||
|
||||
|
||||
@@ -1,15 +1,12 @@
|
||||
.footer {
|
||||
border-top: 1px solid $footer-border-color;
|
||||
background-color: $footer-bg;
|
||||
padding: 2rem 0;
|
||||
padding: $footer-padding-y 0;
|
||||
color: $text-muted;
|
||||
|
||||
margin-bottom: (-$content-padding-y);
|
||||
margin-top: $content-padding-y;
|
||||
margin-top: auto;
|
||||
}
|
||||
|
||||
.footer-transparent {
|
||||
margin-top: 0;
|
||||
background-color: transparent;
|
||||
border-top: 0;
|
||||
}
|
||||
@@ -240,14 +240,14 @@ Navbar
|
||||
|
||||
&.navbar-vertical {
|
||||
~ .navbar,
|
||||
~ .content {
|
||||
~ .page-wrapper {
|
||||
margin-left: $sidebar-width;
|
||||
}
|
||||
}
|
||||
|
||||
&.navbar-vertical.navbar-right {
|
||||
~ .navbar,
|
||||
~ .content {
|
||||
~ .page-wrapper {
|
||||
margin-left: 0;
|
||||
margin-right: $sidebar-width;
|
||||
}
|
||||
|
||||
+78
-13
@@ -5,35 +5,82 @@
|
||||
min-height: 100vh;
|
||||
}
|
||||
|
||||
.content {
|
||||
margin-top: $content-padding-y;
|
||||
margin-bottom: $content-padding-y;
|
||||
.page-center {
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.page-wrapper {
|
||||
flex: 1;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
|
||||
>[class^="container"] {
|
||||
flex: 1;
|
||||
}
|
||||
|
||||
@media print {
|
||||
margin: 0 !important;
|
||||
}
|
||||
}
|
||||
|
||||
.content-full {
|
||||
margin: 0;
|
||||
.page-wrapper-full {
|
||||
.page-body:first-child {
|
||||
margin: 0;
|
||||
border-top: 0;
|
||||
}
|
||||
}
|
||||
|
||||
// Content body
|
||||
.page-body {
|
||||
margin-top: $content-padding-y;
|
||||
margin-bottom: $content-padding-y;
|
||||
}
|
||||
|
||||
.page-body-card {
|
||||
background: $card-bg;
|
||||
border-top: 1px solid $card-border-color;
|
||||
padding: $content-padding-y 0;
|
||||
margin-bottom: 0;
|
||||
flex: 1;
|
||||
|
||||
.page-body ~ & {
|
||||
margin-top: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.page-cover {
|
||||
background: no-repeat center/cover;
|
||||
min-height: 9rem;
|
||||
|
||||
@include media-breakpoint-up(md) {
|
||||
min-height: 12rem;
|
||||
}
|
||||
|
||||
@include media-breakpoint-up(lg) {
|
||||
min-height: 15rem;
|
||||
}
|
||||
}
|
||||
|
||||
.page-cover-overlay {
|
||||
position: relative;
|
||||
|
||||
&:after {
|
||||
content: '';
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
background-image: $overlay-gradient;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
.page-header {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
align-items: center;
|
||||
min-height: 2.25rem;
|
||||
margin: 0 0 $content-padding-y;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
|
||||
>* {
|
||||
flex: 1;
|
||||
.page-wrapper & {
|
||||
margin: $content-padding-y 0 0;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -70,4 +117,22 @@
|
||||
.page-subtitle {
|
||||
margin-top: .25rem;
|
||||
color: $text-muted;
|
||||
}
|
||||
|
||||
//
|
||||
// Page tabs
|
||||
//
|
||||
.page-tabs {
|
||||
margin-top: .5rem;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.page-header-tabs {
|
||||
.nav-bordered {
|
||||
border: 0;
|
||||
}
|
||||
|
||||
+ .page-body-card {
|
||||
margin-top: 0;
|
||||
}
|
||||
}
|
||||
@@ -108,3 +108,10 @@
|
||||
line-height: 1;
|
||||
margin-top: .25rem;
|
||||
}
|
||||
|
||||
.page-avatar {
|
||||
.page-cover ~ * & {
|
||||
margin-top: calc(calc(-1 * calc(var(--tblr-avatar-size) / 2)) - #{$content-padding-y});
|
||||
box-shadow: 0 0 0 .25rem $body-bg;
|
||||
}
|
||||
}
|
||||
@@ -2,6 +2,14 @@
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
background: transparent;
|
||||
|
||||
a {
|
||||
color: $text-muted;
|
||||
|
||||
&:hover {
|
||||
text-decoration: underline;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.breadcrumb-item {
|
||||
@@ -20,17 +28,3 @@
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.breadcrumb-alternate {
|
||||
a {
|
||||
color: $text-muted;
|
||||
|
||||
&:hover {
|
||||
text-decoration: underline;
|
||||
}
|
||||
}
|
||||
|
||||
.breadcrumb-item.active {
|
||||
color: inherit;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -49,7 +49,7 @@
|
||||
}
|
||||
|
||||
.card-img-overlay-dark {
|
||||
background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .6) 100%);
|
||||
background-image: $overlay-gradient;
|
||||
}
|
||||
|
||||
.card-inactive {
|
||||
@@ -413,7 +413,10 @@ Card chart
|
||||
Card avatar
|
||||
*/
|
||||
.card-avatar {
|
||||
box-shadow: 0 0 0 .5rem $card-bg;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
box-shadow: 0 0 0 .25rem $card-bg;
|
||||
margin-top: calc(-1 * calc(var(--#{$variable-prefix}avatar-size) / 2));
|
||||
}
|
||||
|
||||
/*
|
||||
|
||||
+21
-28
@@ -25,39 +25,32 @@
|
||||
}
|
||||
}
|
||||
|
||||
.nav-tabs {
|
||||
margin: 0;
|
||||
//
|
||||
// Nav bordered
|
||||
//
|
||||
.nav-bordered {
|
||||
border-bottom: $nav-bordered-border-width solid $nav-bordered-border-color;
|
||||
|
||||
.icon {
|
||||
color: $text-muted;
|
||||
.nav-item {
|
||||
+ .nav-item {
|
||||
margin-left: $nav-bordered-margin-x;
|
||||
}
|
||||
}
|
||||
|
||||
.nav-link {
|
||||
padding: $card-title-spacer-y $card-spacer-x;
|
||||
line-height: 20px;
|
||||
color: $text-muted;
|
||||
cursor: pointer;
|
||||
background: transparent;
|
||||
border: none;
|
||||
border-bottom: 1px solid transparent;
|
||||
transition: .3s color, .3s border-color;
|
||||
|
||||
&:hover {
|
||||
color: $body-color;
|
||||
border-color: transparent;
|
||||
}
|
||||
|
||||
&.disabled {
|
||||
color: rgba($text-muted, .2);
|
||||
}
|
||||
|
||||
&.active {
|
||||
color: $body-color;
|
||||
background: inherit;
|
||||
border-color: transparent;
|
||||
border-bottom-color: $primary;
|
||||
}
|
||||
padding-left: 0;
|
||||
padding-right: 0;
|
||||
margin: 0 0 (- $nav-bordered-border-width );
|
||||
border: 0;
|
||||
border-bottom: $nav-bordered-link-active-border-width solid transparent;
|
||||
}
|
||||
|
||||
.nav-link.active,
|
||||
.nav-item.show .nav-link {
|
||||
color: $nav-bordered-link-active-color;
|
||||
border-color: $nav-bordered-link-active-border-color;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
.nav-tabs-alt {
|
||||
|
||||
Reference in New Issue
Block a user