From 8903f6e0220c2bfb4d3f3372b692427df7c27f98 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=C5=81ukasz=20Holeczek?= Date: Fri, 2 Jul 2021 13:00:06 +0200 Subject: [PATCH] release: v3.0.0 --- dist/css/coreui-chartjs.css | 2 +- dist/css/coreui-chartjs.css.map | 2 +- dist/css/coreui-chartjs.min.css | 2 +- dist/css/coreui-chartjs.min.css.map | 2 +- dist/js/coreui-chartjs.esm.js | 4 ++-- dist/js/coreui-chartjs.esm.js.map | 2 +- dist/js/coreui-chartjs.esm.min.js | 2 +- dist/js/coreui-chartjs.esm.min.js.map | 2 +- dist/js/coreui-chartjs.js | 6 +++--- dist/js/coreui-chartjs.js.map | 2 +- dist/js/coreui-chartjs.min.js | 2 +- dist/js/coreui-chartjs.min.js.map | 2 +- js/index.esm.js | 2 +- js/index.umd.js | 2 +- js/src/custom-tooltips.js | 2 +- package-lock.json | 4 ++-- package.json | 2 +- scss/coreui-chartjs.scss | 2 +- 18 files changed, 22 insertions(+), 22 deletions(-) diff --git a/dist/css/coreui-chartjs.css b/dist/css/coreui-chartjs.css index 6db7d14..1feb5a5 100644 --- a/dist/css/coreui-chartjs.css +++ b/dist/css/coreui-chartjs.css @@ -1,7 +1,7 @@ @charset "UTF-8"; /*! * CoreUI Plugins - Chart.js for CoreUI 3 - * @version v3.0.0-rc.0 + * @version v3.0.0 * @link https://coreui.io * Copyright (c) 2021 creativeLabs Łukasz Holeczek * Licensed under MIT (https://coreui.io/license/plugins/chart.js) diff --git a/dist/css/coreui-chartjs.css.map b/dist/css/coreui-chartjs.css.map index ee2af4d..d42ceb2 100644 --- a/dist/css/coreui-chartjs.css.map +++ b/dist/css/coreui-chartjs.css.map @@ -1 +1 @@ -{"version":3,"sources":["coreui-chartjs.css","../../scss/coreui-chartjs.scss","../../scss/_tooltips.scss","../../node_modules/@coreui/coreui/scss/mixins/_transition.scss","../../node_modules/@coreui/coreui/scss/mixins/_border-radius.scss","../../node_modules/@coreui/coreui/scss/_variables.scss"],"names":[],"mappings":"AAAA,gBAAgB;ACAhB;;;;;;EAAA;ACEA;EACE,kBAAA;EACA,aAAA;EACA,uBAAA;EACA,WAAA;EACA,oBAAA;EACA,8BAAA;EACA,UAAA;ECOI,0BDNJ;EACA,6BAAA;EEQE,sBAAA;AJAJ;AGCM;EDlBN;ICmBQ,gBAAA;EHEN;AACF;;AETA;EACE,qBAAA;AFYF;;AETA;EACE,mBGmd4B;EHld5B,gBG0d4B;AL9c9B;;AETA;EACE,mBAAA;EACA,mBG6c4B;EH5c5B,mBAAA;AFYF","file":"coreui-chartjs.css","sourcesContent":["@charset \"UTF-8\";\n/*!\n * CoreUI Plugins - Chart.js for CoreUI 3\n * @version v3.0.0-rc.0\n * @link https://coreui.io\n * Copyright (c) 2021 creativeLabs Łukasz Holeczek\n * Licensed under MIT (https://coreui.io/license/plugins/chart.js)\n */\n.chartjs-tooltip {\n position: absolute;\n z-index: 1021;\n padding: 0.25rem 0.5rem;\n color: #fff;\n pointer-events: none;\n background: rgba(0, 0, 0, 0.7);\n opacity: 0;\n transition: all 0.15s ease;\n transform: translate(-50%, 0);\n border-radius: 0.25rem;\n}\n@media (prefers-reduced-motion: reduce) {\n .chartjs-tooltip {\n transition: none;\n }\n}\n\n.chartjs-tooltip-header {\n margin-bottom: 0.5rem;\n}\n\n.chartjs-tooltip-header-item {\n font-size: 0.875rem;\n font-weight: 700;\n}\n\n.chartjs-tooltip-body-item {\n align-items: center;\n font-size: 0.875rem;\n white-space: nowrap;\n}\n\n/*# sourceMappingURL=coreui-chartjs.css.map */\n","/*!\n * CoreUI Plugins - Chart.js for CoreUI 3\n * @version v3.0.0-rc.0\n * @link https://coreui.io\n * Copyright (c) 2021 creativeLabs Łukasz Holeczek\n * Licensed under MIT (https://coreui.io/license/plugins/chart.js)\n */\n\n@import \"@coreui/coreui/scss/functions\";\n@import \"@coreui/coreui/scss/variables\";\n@import \"@coreui/coreui/scss/mixins\";\n\n// @import \"variables\";\n@import \"tooltips\";\n","// Custom tooltips\n\n.chartjs-tooltip {\n position: absolute;\n z-index: $zindex-sticky + 1;\n padding: ($spacer * .25) ($spacer * .5);\n color: #fff;\n pointer-events: none;\n background: rgba(0, 0, 0, .7);\n opacity: 0;\n @include transition(all .15s ease);\n transform: translate(-50%, 0);\n @include border-radius($border-radius);\n}\n\n.chartjs-tooltip-header {\n margin-bottom: ($spacer * .5);\n}\n\n.chartjs-tooltip-header-item {\n font-size: $font-size-sm;\n font-weight: $font-weight-bold;\n}\n\n.chartjs-tooltip-body-item {\n align-items: center;\n font-size: $font-size-sm;\n white-space: nowrap;\n}\n","// stylelint-disable property-disallowed-list\n@mixin transition($transition...) {\n @if length($transition) == 0 {\n $transition: $transition-base;\n }\n\n @if length($transition) > 1 {\n @each $value in $transition {\n @if $value == null or $value == none {\n @warn \"The keyword 'none' or 'null' must be used as a single argument.\";\n }\n }\n }\n\n @if $enable-transitions {\n @if nth($transition, 1) != null {\n transition: $transition;\n }\n\n @if $enable-reduced-motion and nth($transition, 1) != null and nth($transition, 1) != none {\n @media (prefers-reduced-motion: reduce) {\n transition: none;\n }\n }\n }\n}\n","// stylelint-disable property-disallowed-list\n// Single side border-radius\n\n// Helper function to replace negative values with 0\n@function valid-radius($radius) {\n $return: ();\n @each $value in $radius {\n @if type-of($value) == number {\n $return: append($return, max($value, 0));\n } @else {\n $return: append($return, $value);\n }\n }\n @return $return;\n}\n\n// scss-docs-start border-radius-mixins\n@mixin border-radius($radius: $border-radius, $fallback-border-radius: false) {\n @if $enable-rounded {\n border-radius: valid-radius($radius);\n }\n @else if $fallback-border-radius != false {\n border-radius: $fallback-border-radius;\n }\n}\n\n@mixin border-top-radius($radius: $border-radius) {\n @if $enable-rounded {\n border-top-left-radius: valid-radius($radius);\n border-top-right-radius: valid-radius($radius);\n }\n}\n\n@mixin border-end-radius($radius: $border-radius) {\n @if $enable-rounded {\n @include ltr-rtl(\"border-top-right-radius\", valid-radius($radius));\n @include ltr-rtl(\"border-bottom-right-radius\", valid-radius($radius));\n }\n}\n\n@mixin border-bottom-radius($radius: $border-radius) {\n @if $enable-rounded {\n border-bottom-right-radius: valid-radius($radius);\n border-bottom-left-radius: valid-radius($radius);\n }\n}\n\n@mixin border-start-radius($radius: $border-radius) {\n @if $enable-rounded {\n @include ltr-rtl(\"border-top-left-radius\", valid-radius($radius));\n @include ltr-rtl(\"border-bottom-left-radius\", valid-radius($radius));\n }\n}\n\n@mixin border-top-start-radius($radius: $border-radius) {\n @if $enable-rounded {\n border-top-left-radius: valid-radius($radius);\n }\n}\n\n@mixin border-top-end-radius($radius: $border-radius) {\n @if $enable-rounded {\n @include ltr-rtl(\"border-top-right-radius\", valid-radius($radius));\n }\n}\n\n@mixin border-bottom-end-radius($radius: $border-radius) {\n @if $enable-rounded {\n @include ltr-rtl(\"border-bottom-right-radius\", valid-radius($radius));\n }\n}\n\n@mixin border-bottom-start-radius($radius: $border-radius) {\n @if $enable-rounded {\n @include ltr-rtl(\"border-bottom-left-radius\", valid-radius($radius));\n }\n}\n// scss-docs-end border-radius-mixins\n","// Variables\n//\n// Variables should follow the `$component-state-property-size` formula for\n// consistent naming. Ex: $nav-link-disabled-color and $modal-content-box-shadow-xs.\n\n// Color system\n\n// scss-docs-start gray-color-variables\n$white: #fff !default;\n$gray-base: #3c4b64 !default;\n$gray-100: #ebedef !default;\n$gray-200: #d8dbe0 !default;\n$gray-300: #c4c9d0 !default;\n$gray-400: #b1b7c1 !default;\n$gray-500: #9da5b1 !default;\n$gray-600: #8a93a2 !default;\n$gray-700: #768192 !default;\n$gray-800: #636f83 !default;\n$gray-900: #4f5d73 !default;\n$black: #000015 !default;\n// scss-docs-end gray-color-variables\n\n// fusv-disable\n// scss-docs-start gray-colors-map\n$grays: (\n \"100\": $gray-100,\n \"200\": $gray-200,\n \"300\": $gray-300,\n \"400\": $gray-400,\n \"500\": $gray-500,\n \"600\": $gray-600,\n \"700\": $gray-700,\n \"800\": $gray-800,\n \"900\": $gray-900\n) !default;\n// scss-docs-end gray-colors-map\n// fusv-enable\n\n$high-emphasis: rgba(shift-color($gray-base, +26), .95) !default;\n$medium-emphasis: rgba(shift-color($gray-base, +26), .681) !default;\n$disabled: rgba(shift-color($gray-base, +26), .38) !default;\n\n$high-emphasis-inverse: rgba($white, .87) !default;\n$medium-emphasis-inverse: rgba($white, .6) !default;\n$disabled-inverse: rgba($white, .38) !default;\n\n// scss-docs-start color-variables\n$blue: #0d6efd !default;\n$indigo: #6610f2 !default;\n$purple: #6f42c1 !default;\n$pink: #d63384 !default;\n$red: #dc3545 !default;\n$orange: #fd7e14 !default;\n$yellow: #ffc107 !default;\n$green: #198754 !default;\n$teal: #20c997 !default;\n$cyan: #0dcaf0 !default;\n// scss-docs-end color-variables\n\n// scss-docs-start colors-map\n$colors: (\n \"blue\": $blue,\n \"indigo\": $indigo,\n \"purple\": $purple,\n \"pink\": $pink,\n \"red\": $red,\n \"orange\": $orange,\n \"yellow\": $yellow,\n \"green\": $green,\n \"teal\": $teal,\n \"cyan\": $cyan,\n \"white\": $white,\n \"gray\": $gray-600,\n \"gray-dark\": $gray-800\n) !default;\n// scss-docs-end colors-map\n\n// fusv-disable\n$primary-dark: #1f1498 !default;\n$primary-base: #321fdb !default;\n$primary-50: #988fed !default;\n$primary-25: #ccc7f6 !default;\n\n$secondary-dark: #212233 !default;\n$secondary-base: #9da5b1 !default;\n$secondary-50: #9da5b1 !default;\n$secondary-25: #ced2d8 !default;\n\n$success-dark: #1b9e3e !default;\n$success-base: #2eb85c !default;\n$success-50: #96dbad !default;\n$success-25: #cbedd6 !default;\n\n$info-dark: #2982cc !default;\n$info-base: #39f !default;\n$info-50: #80c6ff !default;\n$info-25: #c0e6ff !default;\n\n$warning-dark: #f6960b !default;\n$warning-base: #f9b115 !default;\n$warning-50: #fcd88a !default;\n$warning-25: #feecc5 !default;\n\n$danger-dark: #d93737 !default;\n$danger-base: #e55353 !default;\n$danger-50: #f2a9a9 !default;\n$danger-25: #f9d4d4 !default;\n\n$light-dark: $gray-100 !default;\n$light-base: $gray-100 !default;\n$light-50: shift-color($light-base, -70) !default;\n$light-25: shift-color($light-base, -80) !default;\n\n$dark-dark: $gray-900 !default;\n$dark-base: $gray-900 !default;\n$dark-50: shift-color($dark-base, -70) !default;\n$dark-25: shift-color($dark-base, -80) !default;\n// fusv-enable\n\n// scss-docs-start theme-color-variables\n$primary: $primary-base !default;\n$secondary: $secondary-base !default;\n$success: $success-base !default;\n$info: $info-base !default;\n$warning: $warning-base !default;\n$danger: $danger-base !default;\n$light: $light-base !default;\n$dark: $dark-base !default;\n// scss-docs-end theme-color-variables\n\n// scss-docs-start theme-colors-map\n$theme-colors: (\n \"primary\": $primary,\n \"secondary\": $secondary,\n \"success\": $success,\n \"info\": $info,\n \"warning\": $warning,\n \"danger\": $danger,\n \"light\": $light,\n \"dark\": $dark\n) !default;\n// scss-docs-end theme-colors-map\n\n// The contrast ratio to reach against white, to determine if color changes from \"light\" to \"dark\". Acceptable values for WCAG 2.0 are 3, 4.5 and 7.\n// See https://www.w3.org/TR/WCAG20/#visual-audio-contrast-contrast\n$min-contrast-ratio: 4.5 !default;\n\n// Customize the light and dark text colors for use in our color contrast function.\n$color-contrast-dark: $high-emphasis-inverse !default;\n$color-contrast-light: $high-emphasis !default;\n\n// fusv-disable\n$blue-100: tint-color($blue, 80%) !default;\n$blue-200: tint-color($blue, 60%) !default;\n$blue-300: tint-color($blue, 40%) !default;\n$blue-400: tint-color($blue, 20%) !default;\n$blue-500: $blue !default;\n$blue-600: shade-color($blue, 20%) !default;\n$blue-700: shade-color($blue, 40%) !default;\n$blue-800: shade-color($blue, 60%) !default;\n$blue-900: shade-color($blue, 80%) !default;\n\n$indigo-100: tint-color($indigo, 80%) !default;\n$indigo-200: tint-color($indigo, 60%) !default;\n$indigo-300: tint-color($indigo, 40%) !default;\n$indigo-400: tint-color($indigo, 20%) !default;\n$indigo-500: $indigo !default;\n$indigo-600: shade-color($indigo, 20%) !default;\n$indigo-700: shade-color($indigo, 40%) !default;\n$indigo-800: shade-color($indigo, 60%) !default;\n$indigo-900: shade-color($indigo, 80%) !default;\n\n$purple-100: tint-color($purple, 80%) !default;\n$purple-200: tint-color($purple, 60%) !default;\n$purple-300: tint-color($purple, 40%) !default;\n$purple-400: tint-color($purple, 20%) !default;\n$purple-500: $purple !default;\n$purple-600: shade-color($purple, 20%) !default;\n$purple-700: shade-color($purple, 40%) !default;\n$purple-800: shade-color($purple, 60%) !default;\n$purple-900: shade-color($purple, 80%) !default;\n\n$pink-100: tint-color($pink, 80%) !default;\n$pink-200: tint-color($pink, 60%) !default;\n$pink-300: tint-color($pink, 40%) !default;\n$pink-400: tint-color($pink, 20%) !default;\n$pink-500: $pink !default;\n$pink-600: shade-color($pink, 20%) !default;\n$pink-700: shade-color($pink, 40%) !default;\n$pink-800: shade-color($pink, 60%) !default;\n$pink-900: shade-color($pink, 80%) !default;\n\n$red-100: tint-color($red, 80%) !default;\n$red-200: tint-color($red, 60%) !default;\n$red-300: tint-color($red, 40%) !default;\n$red-400: tint-color($red, 20%) !default;\n$red-500: $red !default;\n$red-600: shade-color($red, 20%) !default;\n$red-700: shade-color($red, 40%) !default;\n$red-800: shade-color($red, 60%) !default;\n$red-900: shade-color($red, 80%) !default;\n\n$orange-100: tint-color($orange, 80%) !default;\n$orange-200: tint-color($orange, 60%) !default;\n$orange-300: tint-color($orange, 40%) !default;\n$orange-400: tint-color($orange, 20%) !default;\n$orange-500: $orange !default;\n$orange-600: shade-color($orange, 20%) !default;\n$orange-700: shade-color($orange, 40%) !default;\n$orange-800: shade-color($orange, 60%) !default;\n$orange-900: shade-color($orange, 80%) !default;\n\n$yellow-100: tint-color($yellow, 80%) !default;\n$yellow-200: tint-color($yellow, 60%) !default;\n$yellow-300: tint-color($yellow, 40%) !default;\n$yellow-400: tint-color($yellow, 20%) !default;\n$yellow-500: $yellow !default;\n$yellow-600: shade-color($yellow, 20%) !default;\n$yellow-700: shade-color($yellow, 40%) !default;\n$yellow-800: shade-color($yellow, 60%) !default;\n$yellow-900: shade-color($yellow, 80%) !default;\n\n$green-100: tint-color($green, 80%) !default;\n$green-200: tint-color($green, 60%) !default;\n$green-300: tint-color($green, 40%) !default;\n$green-400: tint-color($green, 20%) !default;\n$green-500: $green !default;\n$green-600: shade-color($green, 20%) !default;\n$green-700: shade-color($green, 40%) !default;\n$green-800: shade-color($green, 60%) !default;\n$green-900: shade-color($green, 80%) !default;\n\n$teal-100: tint-color($teal, 80%) !default;\n$teal-200: tint-color($teal, 60%) !default;\n$teal-300: tint-color($teal, 40%) !default;\n$teal-400: tint-color($teal, 20%) !default;\n$teal-500: $teal !default;\n$teal-600: shade-color($teal, 20%) !default;\n$teal-700: shade-color($teal, 40%) !default;\n$teal-800: shade-color($teal, 60%) !default;\n$teal-900: shade-color($teal, 80%) !default;\n\n$cyan-100: tint-color($cyan, 80%) !default;\n$cyan-200: tint-color($cyan, 60%) !default;\n$cyan-300: tint-color($cyan, 40%) !default;\n$cyan-400: tint-color($cyan, 20%) !default;\n$cyan-500: $cyan !default;\n$cyan-600: shade-color($cyan, 20%) !default;\n$cyan-700: shade-color($cyan, 40%) !default;\n$cyan-800: shade-color($cyan, 60%) !default;\n$cyan-900: shade-color($cyan, 80%) !default;\n// fusv-enable\n\n// Characters which are escaped by the escape-svg function\n$escaped-characters: (\n (\"<\", \"%3c\"),\n (\">\", \"%3e\"),\n (\"#\", \"%23\"),\n (\"(\", \"%28\"),\n (\")\", \"%29\"),\n) !default;\n\n// Options\n//\n// Quickly modify global styling by enabling or disabling optional features.\n\n$enable-caret: true !default;\n$enable-rounded: true !default;\n$enable-shadows: false !default;\n$enable-gradients: false !default;\n$enable-transitions: true !default;\n$enable-reduced-motion: true !default;\n$enable-smooth-scroll: true !default;\n$enable-grid-classes: true !default;\n$enable-button-pointers: true !default;\n$enable-rfs: true !default;\n$enable-validation-icons: true !default;\n$enable-negative-margins: false !default;\n$enable-deprecation-messages: true !default;\n$enable-important-utilities: true !default;\n$enable-contrast-ratio-correction: true !default;\n$enable-contrast-ratio-warnings: false !default;\n$enable-ltr: true !default;\n$enable-rtl: false !default;\n\n// Set mobile breakpoint\n\n$mobile-breakpoint: md !default;\n\n// Prefix for :root CSS variables\n\n$variable-prefix: cui- !default;\n\n// Gradient\n//\n// The gradient which is added to components if `$enable-gradients` is `true`\n// This gradient is also added to elements with `.bg-gradient`\n// scss-docs-start variable-gradient\n$gradient: linear-gradient(180deg, rgba($white, .15), rgba($white, 0)) !default;\n// scss-docs-end variable-gradient\n\n// Spacing\n//\n// Control the default styling of most Bootstrap elements by modifying these\n// variables. Mostly focused on spacing.\n// You can add more entries to the $spacers map, should you need more variation.\n\n// scss-docs-start spacer-variables-maps\n$spacer: 1rem !default;\n$spacers: (\n 0: 0,\n 1: $spacer / 4,\n 2: $spacer / 2,\n 3: $spacer,\n 4: $spacer * 1.5,\n 5: $spacer * 3,\n) !default;\n\n$negative-spacers: if($enable-negative-margins, negativify-map($spacers), null) !default;\n// scss-docs-end spacer-variables-maps\n\n// Position\n//\n// Define the edge positioning anchors of the position utilities.\n\n// scss-docs-start position-map\n$position-values: (\n 0: 0,\n 50: 50%,\n 100: 100%\n) !default;\n// scss-docs-end position-map\n\n// Body\n//\n// Settings for the `` element.\n\n$body-bg: $white !default;\n$body-color: $high-emphasis !default;\n$body-text-align: null !default;\n\n\n// Links\n//\n// Style anchor elements.\n\n$link-color: $primary !default;\n$link-decoration: underline !default;\n$link-shade-percentage: 20% !default;\n$link-hover-color: shift-color($link-color, $link-shade-percentage) !default;\n$link-hover-decoration: null !default;\n\n$stretched-link-pseudo-element: after !default;\n$stretched-link-z-index: 1 !default;\n\n// Paragraphs\n//\n// Style p element.\n\n$paragraph-margin-bottom: 1rem !default;\n\n\n// Grid breakpoints\n//\n// Define the minimum dimensions at which your layout will change,\n// adapting to different screen sizes, for use in media queries.\n\n// scss-docs-start grid-breakpoints\n$grid-breakpoints: (\n xs: 0,\n sm: 576px,\n md: 768px,\n lg: 992px,\n xl: 1200px,\n xxl: 1400px\n) !default;\n// scss-docs-end grid-breakpoints\n\n@include _assert-ascending($grid-breakpoints, \"$grid-breakpoints\");\n@include _assert-starts-at-zero($grid-breakpoints, \"$grid-breakpoints\");\n\n\n// Grid containers\n//\n// Define the maximum width of `.container` for different screen sizes.\n\n// scss-docs-start container-max-widths\n$container-max-widths: (\n sm: 540px,\n md: 720px,\n lg: 960px,\n xl: 1140px,\n xxl: 1320px\n) !default;\n// scss-docs-end container-max-widths\n\n@include _assert-ascending($container-max-widths, \"$container-max-widths\");\n\n\n// Grid columns\n//\n// Set the number of columns and specify the width of the gutters.\n\n$grid-columns: 12 !default;\n$grid-gutter-width: 1.5rem !default;\n$grid-row-columns: 6 !default;\n\n$gutters: $spacers !default;\n\n// Container padding\n\n$container-padding-x: $grid-gutter-width / 2 !default;\n\n\n// Components\n//\n// Define common padding and border radius sizes and more.\n\n// scss-docs-start border-variables\n$border-width: 1px !default;\n$border-widths: (\n 1: 1px,\n 2: 2px,\n 3: 3px,\n 4: 4px,\n 5: 5px\n) !default;\n\n$border-color: $gray-200 !default;\n// scss-docs-end border-variables\n\n// scss-docs-start border-radius-variables\n$border-radius: .25rem !default;\n$border-radius-sm: .2rem !default;\n$border-radius-lg: .3rem !default;\n$border-radius-pill: 50rem !default;\n// scss-docs-end border-radius-variables\n\n// scss-docs-start box-shadow-variables\n$box-shadow: 0 .5rem 1rem rgba($black, .15) !default;\n$box-shadow-sm: 0 .125rem .25rem rgba($black, .075) !default;\n$box-shadow-lg: 0 1rem 3rem rgba($black, .175) !default;\n$box-shadow-inset: inset 0 1px 2px rgba($black, .075) !default;\n// scss-docs-end box-shadow-variables\n\n$component-active-color: $high-emphasis-inverse !default;\n$component-active-bg: $primary !default;\n\n// scss-docs-start caret-variables\n$caret-width: .3em !default;\n$caret-vertical-align: $caret-width * .85 !default;\n$caret-spacing: $caret-width * .85 !default;\n// scss-docs-end caret-variables\n\n$transition-base: all .2s ease-in-out !default;\n$transition-fade: opacity .15s linear !default;\n// scss-docs-start collapse-transition\n$transition-collapse: height .35s ease !default;\n// scss-docs-end collapse-transition\n\n// stylelint-disable function-disallowed-list\n// scss-docs-start aspect-ratios\n$aspect-ratios: (\n \"1x1\": 100%,\n \"4x3\": calc(3 / 4 * 100%),\n \"16x9\": calc(9 / 16 * 100%),\n \"21x9\": calc(9 / 21 * 100%)\n) !default;\n// scss-docs-end aspect-ratios\n// stylelint-enable function-disallowed-list\n\n// Typography\n//\n// Font, line-height, and color for body text, headings, and more.\n\n// scss-docs-start font-variables\n// stylelint-disable value-keyword-case\n$font-family-sans-serif: system-ui, -apple-system, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, \"Noto Sans\", \"Liberation Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\" !default;\n$font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace !default;\n// stylelint-enable value-keyword-case\n$font-family-base: var(--#{$variable-prefix}font-sans-serif) !default;\n$font-family-code: var(--#{$variable-prefix}font-monospace) !default;\n\n// $font-size-root effects the value of `rem`, which is used for as well font sizes, paddings and margins\n// $font-size-base effects the font size of the body text\n$font-size-root: null !default;\n$font-size-base: 1rem !default; // Assumes the browser default, typically `16px`\n$font-size-sm: $font-size-base * .875 !default;\n$font-size-lg: $font-size-base * 1.25 !default;\n\n$font-weight-lighter: lighter !default;\n$font-weight-light: 300 !default;\n$font-weight-normal: 400 !default;\n$font-weight-medium: 500 !default;\n$font-weight-semibold: 600 !default;\n$font-weight-bold: 700 !default;\n$font-weight-bolder: bolder !default;\n\n$font-weight-base: $font-weight-normal !default;\n\n$line-height-base: 1.5 !default;\n$line-height-sm: 1.25 !default;\n$line-height-lg: 2 !default;\n\n$h1-font-size: $font-size-base * 2.5 !default;\n$h2-font-size: $font-size-base * 2 !default;\n$h3-font-size: $font-size-base * 1.75 !default;\n$h4-font-size: $font-size-base * 1.5 !default;\n$h5-font-size: $font-size-base * 1.25 !default;\n$h6-font-size: $font-size-base !default;\n// scss-docs-end font-variables\n\n// scss-docs-start font-sizes\n$font-sizes: (\n 1: $h1-font-size,\n 2: $h2-font-size,\n 3: $h3-font-size,\n 4: $h4-font-size,\n 5: $h5-font-size,\n 6: $h6-font-size\n) !default;\n// scss-docs-end font-sizes\n\n// scss-docs-start headings-variables\n$headings-margin-bottom: $spacer / 2 !default;\n$headings-font-family: null !default;\n$headings-font-style: null !default;\n$headings-font-weight: 500 !default;\n$headings-line-height: 1.2 !default;\n$headings-color: unset !default;\n// scss-docs-end headings-variables\n\n// scss-docs-start display-headings\n$display-font-sizes: (\n 1: 5rem,\n 2: 4.5rem,\n 3: 4rem,\n 4: 3.5rem,\n 5: 3rem,\n 6: 2.5rem\n) !default;\n\n$display-font-weight: 300 !default;\n$display-line-height: $headings-line-height !default;\n// scss-docs-end display-headings\n\n// scss-docs-start type-variables\n$lead-font-size: $font-size-base * 1.25 !default;\n$lead-font-weight: 300 !default;\n\n$small-font-size: .875em !default;\n\n$sub-sup-font-size: .75em !default;\n\n$text-high-emphasis: $high-emphasis !default;\n$text-medium-emphasis: $medium-emphasis !default;\n$text-disabled: $disabled !default;\n$text-muted: $disabled !default;\n\n$text-high-emphasis-inverse: $high-emphasis-inverse !default;\n$text-medium-emphasis-inverse: $medium-emphasis-inverse !default;\n$text-disabled-inverse: $disabled-inverse !default;\n\n$initialism-font-size: $small-font-size !default;\n\n$blockquote-margin-y: $spacer !default;\n$blockquote-font-size: $font-size-base * 1.25 !default;\n$blockquote-footer-color: $gray-600 !default;\n$blockquote-footer-font-size: $small-font-size !default;\n\n$hr-margin-y: $spacer !default;\n$hr-color: inherit !default;\n$hr-height: $border-width !default;\n$hr-opacity: .25 !default;\n\n$vr-color: inherit !default;\n$vr-width: $border-width !default;\n$vr-opacity: .25 !default;\n\n$legend-margin-bottom: .5rem !default;\n$legend-font-size: 1.5rem !default;\n$legend-font-weight: null !default;\n\n$mark-padding: .2em !default;\n\n$dt-font-weight: $font-weight-bold !default;\n\n$nested-kbd-font-weight: $font-weight-bold !default;\n\n$list-inline-padding: .5rem !default;\n\n$mark-bg: #fcf8e3 !default;\n// scss-docs-end type-variables\n\n// Icons\n$icon-size-base: 1rem !default;\n$icon-size-sm: $icon-size-base * .875 !default;\n$icon-size-lg: $icon-size-base * 1.25 !default;\n$icon-size-xl: $icon-size-base * 1.5 !default;\n\n\n// Tables\n//\n// Customizes the `.table` component with basic values, each used across all table variations.\n\n// scss-docs-start table-variables\n$table-cell-padding-y: .5rem !default;\n$table-cell-padding-x: .5rem !default;\n$table-cell-padding-y-sm: .25rem !default;\n$table-cell-padding-x-sm: .25rem !default;\n\n$table-cell-vertical-align: top !default;\n\n$table-color: $body-color !default;\n$table-bg: transparent !default;\n\n$table-th-font-weight: 600 !default;\n\n$table-striped-color: $table-color !default;\n$table-striped-bg-factor: .05 !default;\n$table-striped-bg: rgba($black, $table-striped-bg-factor) !default;\n\n$table-active-color: $table-color !default;\n$table-active-bg-factor: .1 !default;\n$table-active-bg: rgba($black, $table-active-bg-factor) !default;\n\n$table-hover-color: $table-color !default;\n$table-hover-bg-factor: .075 !default;\n$table-hover-bg: rgba($black, $table-hover-bg-factor) !default;\n\n$table-border-factor: .1 !default;\n$table-border-width: $border-width !default;\n$table-border-color: $border-color !default;\n\n$table-striped-order: odd !default;\n\n$table-group-separator-color: currentColor !default;\n\n$table-caption-color: $text-muted !default;\n\n$table-bg-scale: -80% !default;\n// scss-docs-end table-variables\n\n// scss-docs-start table-loop\n$table-variants: (\n \"primary\": table-color-map(shift-color($primary, $table-bg-scale)),\n \"secondary\": table-color-map(shift-color($secondary, $table-bg-scale)),\n \"success\": table-color-map(shift-color($success, $table-bg-scale)),\n \"danger\": table-color-map(shift-color($danger, $table-bg-scale)),\n \"warning\": table-color-map(shift-color($warning, $table-bg-scale)),\n \"info\": table-color-map(shift-color($info, $table-bg-scale)),\n \"light\": table-color-map(shift-color($light, $table-bg-scale)),\n \"dark\": table-color-map(shift-color($dark, $table-bg-scale))\n) !default;\n// scss-docs-end table-loop\n\n\n// Buttons + Forms\n//\n// Shared variables that are reassigned to `$input-` and `$btn-` specific variables.\n\n// scss-docs-start input-btn-variables\n$input-btn-padding-y: .375rem !default;\n$input-btn-padding-x: .75rem !default;\n$input-btn-font-family: null !default;\n$input-btn-font-size: $font-size-base !default;\n$input-btn-line-height: $line-height-base !default;\n\n$input-btn-focus-width: .25rem !default;\n$input-btn-focus-color-opacity: .25 !default;\n$input-btn-focus-color: rgba($component-active-bg, $input-btn-focus-color-opacity) !default;\n$input-btn-focus-blur: 0 !default;\n$input-btn-focus-box-shadow: 0 0 $input-btn-focus-blur $input-btn-focus-width $input-btn-focus-color !default;\n\n$input-btn-padding-y-sm: .25rem !default;\n$input-btn-padding-x-sm: .5rem !default;\n$input-btn-font-size-sm: $font-size-sm !default;\n\n$input-btn-padding-y-lg: .5rem !default;\n$input-btn-padding-x-lg: 1rem !default;\n$input-btn-font-size-lg: $font-size-lg !default;\n\n$input-btn-border-width: $border-width !default;\n// scss-docs-end input-btn-variables\n\n\n// Buttons\n//\n// For each of Bootstrap's buttons, define text, background, and border color.\n\n// scss-docs-start btn-variables\n$btn-padding-y: $input-btn-padding-y !default;\n$btn-padding-x: $input-btn-padding-x !default;\n$btn-font-family: $input-btn-font-family !default;\n$btn-font-size: $input-btn-font-size !default;\n$btn-line-height: $input-btn-line-height !default;\n$btn-white-space: null !default; // Set to `nowrap` to prevent text wrapping\n\n$btn-padding-y-sm: $input-btn-padding-y-sm !default;\n$btn-padding-x-sm: $input-btn-padding-x-sm !default;\n$btn-font-size-sm: $input-btn-font-size-sm !default;\n\n$btn-padding-y-lg: $input-btn-padding-y-lg !default;\n$btn-padding-x-lg: $input-btn-padding-x-lg !default;\n$btn-font-size-lg: $input-btn-font-size-lg !default;\n\n$btn-border-width: $input-btn-border-width !default;\n\n$btn-font-weight: $font-weight-normal !default;\n$btn-box-shadow: inset 0 1px 0 rgba($white, .15), 0 1px 1px rgba($black, .075) !default;\n$btn-focus-width: $input-btn-focus-width !default;\n$btn-focus-box-shadow: $input-btn-focus-box-shadow !default;\n$btn-disabled-opacity: .65 !default;\n$btn-active-box-shadow: inset 0 3px 5px rgba($black, .125) !default;\n\n$btn-link-color: $link-color !default;\n$btn-link-hover-color: $link-hover-color !default;\n$btn-link-disabled-color: $gray-600 !default;\n\n// Allows for customizing button radius independently from global border radius\n$btn-border-radius: $border-radius !default;\n$btn-border-radius-sm: $border-radius-sm !default;\n$btn-border-radius-lg: $border-radius-lg !default;\n\n$btn-transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out !default;\n\n$btn-hover-bg-shade-amount: 15% !default;\n$btn-hover-bg-tint-amount: 15% !default;\n$btn-hover-border-shade-amount: 20% !default;\n$btn-hover-border-tint-amount: 10% !default;\n$btn-active-bg-shade-amount: 20% !default;\n$btn-active-bg-tint-amount: 20% !default;\n$btn-active-border-shade-amount: 25% !default;\n$btn-active-border-tint-amount: 10% !default;\n\n$button-variants: (\n \"primary\": btn-color-map($primary, $primary),\n \"secondary\": btn-color-map($secondary, $secondary),\n \"success\": btn-color-map($success, $success),\n \"danger\": btn-color-map($danger, $danger),\n \"warning\": btn-color-map($warning, $warning),\n \"info\": btn-color-map($info, $info),\n \"light\": btn-color-map($light, $light),\n \"dark\": btn-color-map($dark, $dark)\n) !default;\n\n$button-outline-ghost-variants: (\n \"primary\": btn-outline-color-map($primary),\n \"secondary\": btn-outline-color-map($secondary),\n \"success\": btn-outline-color-map($success),\n \"danger\": btn-outline-color-map($danger),\n \"warning\": btn-outline-color-map($warning),\n \"info\": btn-outline-color-map($info),\n \"light\": btn-outline-color-map($light),\n \"dark\": btn-outline-color-map($dark)\n) !default;\n// scss-docs-end btn-variables\n\n\n// Forms\n// scss-docs-start form-variables\n// scss-docs-start form-text-variables\n$form-text-margin-top: .25rem !default;\n$form-text-font-size: $small-font-size !default;\n$form-text-font-style: null !default;\n$form-text-font-weight: null !default;\n$form-text-color: $text-muted !default;\n// scss-docs-end form-text-variables\n\n// scss-docs-start form-label-variables\n$form-label-margin-bottom: .5rem !default;\n$form-label-font-size: null !default;\n$form-label-font-style: null !default;\n$form-label-font-weight: null !default;\n$form-label-color: null !default;\n// scss-docs-end form-label-variables\n\n// scss-docs-start form-input-variables\n$input-padding-y: $input-btn-padding-y !default;\n$input-padding-x: $input-btn-padding-x !default;\n$input-font-family: $input-btn-font-family !default;\n$input-font-size: $input-btn-font-size !default;\n$input-font-weight: $font-weight-base !default;\n$input-line-height: $input-btn-line-height !default;\n\n$input-padding-y-sm: $input-btn-padding-y-sm !default;\n$input-padding-x-sm: $input-btn-padding-x-sm !default;\n$input-font-size-sm: $input-btn-font-size-sm !default;\n\n$input-padding-y-lg: $input-btn-padding-y-lg !default;\n$input-padding-x-lg: $input-btn-padding-x-lg !default;\n$input-font-size-lg: $input-btn-font-size-lg !default;\n\n$input-bg: $white !default;\n$input-disabled-bg: $gray-200 !default;\n$input-disabled-border-color: $gray-400 !default;\n\n$input-color: $body-color !default;\n$input-border-color: $gray-400 !default;\n$input-border-width: $input-btn-border-width !default;\n$input-box-shadow: $box-shadow-inset !default;\n\n$input-border-radius: $border-radius !default;\n$input-border-radius-sm: $border-radius-sm !default;\n$input-border-radius-lg: $border-radius-lg !default;\n\n$input-focus-bg: $input-bg !default;\n$input-focus-border-color: tint-color($component-active-bg, 50%) !default;\n$input-focus-color: $input-color !default;\n$input-focus-width: $input-btn-focus-width !default;\n$input-focus-box-shadow: $input-btn-focus-box-shadow !default;\n\n$input-placeholder-color: $gray-600 !default;\n$input-plaintext-color: $body-color !default;\n\n$input-height-border: $input-border-width * 2 !default;\n\n$input-height-inner: add($input-line-height * 1em, $input-padding-y * 2) !default;\n$input-height-inner-half: add($input-line-height * .5em, $input-padding-y) !default;\n$input-height-inner-quarter: add($input-line-height * .25em, $input-padding-y / 2) !default;\n\n$input-height: add($input-line-height * 1em, add($input-padding-y * 2, $input-height-border, false)) !default;\n$input-height-sm: add($input-line-height * 1em, add($input-padding-y-sm * 2, $input-height-border, false)) !default;\n$input-height-lg: add($input-line-height * 1em, add($input-padding-y-lg * 2, $input-height-border, false)) !default;\n\n$input-transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out !default;\n// scss-docs-end form-input-variables\n\n// scss-docs-start form-check-variables\n$form-check-input-width: 1em !default;\n$form-check-min-height: $font-size-base * $line-height-base !default;\n$form-check-padding-start: $form-check-input-width + .5em !default;\n$form-check-margin-bottom: .125rem !default;\n$form-check-label-color: unset !default;\n$form-check-label-cursor: null !default;\n$form-check-transition: null !default;\n\n$form-check-input-active-filter: brightness(90%) !default;\n\n$form-check-input-bg: $input-bg !default;\n$form-check-input-border: 1px solid rgba($black, .25) !default;\n$form-check-input-border-radius: .25em !default;\n$form-check-radio-border-radius: 50% !default;\n$form-check-input-focus-border: $input-focus-border-color !default;\n$form-check-input-focus-box-shadow: $input-btn-focus-box-shadow !default;\n\n$form-check-input-checked-color: $component-active-color !default;\n$form-check-input-checked-bg-color: $component-active-bg !default;\n$form-check-input-checked-border-color: $form-check-input-checked-bg-color !default;\n$form-check-input-checked-bg-image: url(\"data:image/svg+xml,\") !default;\n$form-check-radio-checked-bg-image: url(\"data:image/svg+xml,\") !default;\n\n$form-check-input-indeterminate-color: $component-active-color !default;\n$form-check-input-indeterminate-bg-color: $component-active-bg !default;\n$form-check-input-indeterminate-border-color: $form-check-input-indeterminate-bg-color !default;\n$form-check-input-indeterminate-bg-image: url(\"data:image/svg+xml,\") !default;\n\n$form-check-input-disabled-opacity: .5 !default;\n$form-check-label-disabled-opacity: $form-check-input-disabled-opacity !default;\n$form-check-btn-check-disabled-opacity: $btn-disabled-opacity !default;\n\n$form-check-inline-margin-end: 1rem !default;\n// scss-docs-end form-check-variables\n\n// scss-docs-start form-switch-variables\n$form-switch-color: rgba(0, 0, 0, .25) !default;\n$form-switch-width: 1.5em !default;\n$form-switch-padding-start: $form-switch-width + .5em !default;\n$form-switch-bg-image: url(\"data:image/svg+xml,\") !default;\n$form-switch-border-radius: $form-switch-width !default;\n$form-switch-transition: background-position .15s ease-in-out !default;\n\n$form-switch-focus-color: $input-focus-border-color !default;\n$form-switch-focus-bg-image: url(\"data:image/svg+xml,\") !default;\n\n$form-switch-checked-color: $component-active-color !default;\n$form-switch-checked-bg-image: url(\"data:image/svg+xml,\") !default;\n$form-switch-checked-bg-position: right center !default;\n\n$form-switch-widths: (\n lg: (\n width: 1.75em,\n height: 1.25em\n ),\n xl: (\n width: 2em,\n height: 1.5em\n )\n) !default;\n// scss-docs-end form-switch-variables\n\n$form-check-inline-margin-end: 1rem !default;\n\n// scss-docs-start input-group-variables\n$input-group-addon-padding-y: $input-padding-y !default;\n$input-group-addon-padding-x: $input-padding-x !default;\n$input-group-addon-font-weight: $input-font-weight !default;\n$input-group-addon-color: $input-color !default;\n$input-group-addon-bg: $gray-200 !default;\n$input-group-addon-border-color: $input-border-color !default;\n// scss-docs-end input-group-variables\n\n// scss-docs-start form-select-variables\n$form-select-padding-y: $input-padding-y !default;\n$form-select-padding-x: $input-padding-x !default;\n$form-select-font-family: $input-font-family !default;\n$form-select-font-size: $input-font-size !default;\n$form-select-indicator-padding: $form-select-padding-x * 3 !default; // Extra padding for background-image\n$form-select-font-weight: $input-font-weight !default;\n$form-select-line-height: $input-line-height !default;\n$form-select-color: $input-color !default;\n$form-select-bg: $input-bg !default;\n$form-select-disabled-color: null !default;\n$form-select-disabled-bg: $gray-200 !default;\n$form-select-disabled-border-color: $input-disabled-border-color !default;\n$form-select-bg-position: right $form-select-padding-x center !default;\n$form-select-bg-size: 16px 12px !default; // In pixels because image dimensions\n$form-select-indicator-color: $gray-800 !default;\n$form-select-indicator: url(\"data:image/svg+xml,\") !default;\n\n$form-select-feedback-icon-padding-end: $form-select-padding-x * 2.5 + $form-select-indicator-padding !default;\n$form-select-feedback-icon-position: center right $form-select-indicator-padding !default;\n$form-select-feedback-icon-size: $input-height-inner-half $input-height-inner-half !default;\n\n$form-select-border-width: $input-border-width !default;\n$form-select-border-color: $input-border-color !default;\n$form-select-border-radius: $border-radius !default;\n$form-select-box-shadow: $box-shadow-inset !default;\n\n$form-select-focus-border-color: $input-focus-border-color !default;\n$form-select-focus-width: $input-focus-width !default;\n$form-select-focus-box-shadow: 0 0 0 $form-select-focus-width $input-btn-focus-color !default;\n\n$form-select-padding-y-sm: $input-padding-y-sm !default;\n$form-select-padding-x-sm: $input-padding-x-sm !default;\n$form-select-font-size-sm: $input-font-size-sm !default;\n\n$form-select-padding-y-lg: $input-padding-y-lg !default;\n$form-select-padding-x-lg: $input-padding-x-lg !default;\n$form-select-font-size-lg: $input-font-size-lg !default;\n// scss-docs-end form-select-variables\n\n// scss-docs-start form-range-variables\n$form-range-track-width: 100% !default;\n$form-range-track-height: .5rem !default;\n$form-range-track-cursor: pointer !default;\n$form-range-track-bg: $gray-300 !default;\n$form-range-track-border-radius: 1rem !default;\n$form-range-track-box-shadow: $box-shadow-inset !default;\n\n$form-range-thumb-width: 1rem !default;\n$form-range-thumb-height: $form-range-thumb-width !default;\n$form-range-thumb-bg: $component-active-bg !default;\n$form-range-thumb-border: 0 !default;\n$form-range-thumb-border-radius: 1rem !default;\n$form-range-thumb-box-shadow: 0 .1rem .25rem rgba($black, .1) !default;\n$form-range-thumb-focus-box-shadow: 0 0 0 1px $body-bg, $input-focus-box-shadow !default;\n$form-range-thumb-focus-box-shadow-width: $input-focus-width !default; // For focus box shadow issue in Edge\n$form-range-thumb-active-bg: tint-color($component-active-bg, 70%) !default;\n$form-range-thumb-disabled-bg: $gray-500 !default;\n$form-range-thumb-transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out !default;\n// scss-docs-end form-range-variables\n\n// scss-docs-start form-file-variables\n$form-file-button-color: $input-color !default;\n$form-file-button-bg: $input-group-addon-bg !default;\n$form-file-button-hover-bg: shade-color($form-file-button-bg, 5%) !default;\n// scss-docs-end form-file-variables\n\n// scss-docs-start form-floating-variables\n$form-floating-height: add(3.5rem, $input-height-border) !default;\n$form-floating-padding-x: $input-padding-x !default;\n$form-floating-padding-y: 1rem !default;\n$form-floating-input-padding-t: 1.625rem !default;\n$form-floating-input-padding-b: .625rem !default;\n$form-floating-label-opacity: .65 !default;\n$form-floating-label-transform: scale(.85) translateY(-.5rem) translateX(.15rem) !default;\n$form-floating-transition: opacity .1s ease-in-out, transform .1s ease-in-out !default;\n// scss-docs-end form-floating-variables\n\n// Form validation\n\n// scss-docs-start form-feedback-variables\n$form-feedback-margin-top: $form-text-margin-top !default;\n$form-feedback-font-size: $form-text-font-size !default;\n$form-feedback-font-style: $form-text-font-style !default;\n$form-feedback-valid-color: $success !default;\n$form-feedback-invalid-color: $danger !default;\n\n$form-feedback-icon-valid-color: $form-feedback-valid-color !default;\n$form-feedback-icon-valid: url(\"data:image/svg+xml,\") !default;\n$form-feedback-icon-invalid-color: $form-feedback-invalid-color !default;\n$form-feedback-icon-invalid: url(\"data:image/svg+xml,\") !default;\n// scss-docs-end form-feedback-variables\n\n// scss-docs-start form-validation-states\n$form-validation-states: (\n \"valid\": (\n \"color\": $form-feedback-valid-color,\n \"icon\": $form-feedback-icon-valid\n ),\n \"invalid\": (\n \"color\": $form-feedback-invalid-color,\n \"icon\": $form-feedback-icon-invalid\n )\n) !default;\n// scss-docs-end form-validation-states\n// scss-docs-end form-variables\n// Z-index master list\n//\n// Warning: Avoid customizing these values. They're used for a bird's eye view\n// of components dependent on the z-axis and are designed to all work together.\n\n// scss-docs-start zindex-stack\n$zindex-dropdown: 1000 !default;\n$zindex-sticky: 1020 !default;\n$zindex-fixed: 1030 !default;\n$zindex-modal-backdrop: 1040 !default;\n$zindex-offcanvas: 1050 !default;\n$zindex-modal: 1060 !default;\n$zindex-popover: 1070 !default;\n$zindex-tooltip: 1080 !default;\n$zindex-toaster: 1090 !default;\n// scss-docs-end zindex-stack\n\n\n// Navs\n// scss-docs-start nav-variables\n$nav-link-padding-y: .5rem !default;\n$nav-link-padding-x: 1rem !default;\n$nav-link-font-size: null !default;\n$nav-link-font-weight: null !default;\n$nav-link-color: $link-color !default;\n$nav-link-hover-color: $link-hover-color !default;\n$nav-link-transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out !default;\n$nav-link-disabled-color: $gray-600 !default;\n\n$nav-tabs-border-color: $gray-300 !default;\n$nav-tabs-border-width: $border-width !default;\n$nav-tabs-border-radius: $border-radius !default;\n$nav-tabs-link-hover-border-color: $gray-200 $gray-200 $nav-tabs-border-color !default;\n$nav-tabs-link-active-color: $gray-700 !default;\n$nav-tabs-link-active-bg: $body-bg !default;\n$nav-tabs-link-active-border-color: $gray-300 $gray-300 $nav-tabs-link-active-bg !default;\n\n$nav-pills-border-radius: $border-radius !default;\n$nav-pills-link-active-color: $component-active-color !default;\n$nav-pills-link-active-bg: $component-active-bg !default;\n// scss-docs-end nav-variables\n\n\n// Navbar\n\n// scss-docs-start navbar-variables\n$navbar-padding-y: $spacer / 2 !default;\n$navbar-padding-x: null !default;\n\n$navbar-nav-link-padding-x: .5rem !default;\n\n$navbar-brand-font-size: $font-size-lg !default;\n// Compute the navbar-brand padding-y so the navbar-brand will have the same height as navbar-text and nav-link\n$nav-link-height: $font-size-base * $line-height-base + $nav-link-padding-y * 2 !default;\n$navbar-brand-height: $navbar-brand-font-size * $line-height-base !default;\n$navbar-brand-padding-y: ($nav-link-height - $navbar-brand-height) / 2 !default;\n$navbar-brand-margin-end: 1rem !default;\n\n$navbar-toggler-padding-y: .25rem !default;\n$navbar-toggler-padding-x: .75rem !default;\n$navbar-toggler-font-size: $font-size-lg !default;\n$navbar-toggler-border-radius: $btn-border-radius !default;\n$navbar-toggler-focus-width: $btn-focus-width !default;\n$navbar-toggler-transition: box-shadow .15s ease-in-out !default;\n// scss-docs-end navbar-variables\n\n// scss-docs-start navbar-theme-variables\n$navbar-dark-color: $medium-emphasis-inverse !default;\n$navbar-dark-hover-color: $high-emphasis-inverse !default;\n$navbar-dark-active-color: $high-emphasis-inverse !default;\n$navbar-dark-disabled-color: $disabled-inverse !default;\n$navbar-dark-toggler-icon-bg: url(\"data:image/svg+xml,\") !default;\n$navbar-dark-toggler-border-color: rgba($white, .1) !default;\n\n$navbar-light-color: $medium-emphasis !default;\n$navbar-light-hover-color: $high-emphasis !default;\n$navbar-light-active-color: $high-emphasis !default;\n$navbar-light-disabled-color: $disabled !default;\n$navbar-light-toggler-icon-bg: url(\"data:image/svg+xml,\") !default;\n$navbar-light-toggler-border-color: rgba($black, .1) !default;\n\n$navbar-light-brand-color: $navbar-light-active-color !default;\n$navbar-light-brand-hover-color: $navbar-light-active-color !default;\n$navbar-dark-brand-color: $navbar-dark-active-color !default;\n$navbar-dark-brand-hover-color: $navbar-dark-active-color !default;\n// scss-docs-end navbar-theme-variables\n\n\n// Dropdowns\n//\n// Dropdown menu container and contents.\n// scss-docs-start dropdown-variables\n$dropdown-min-width: 10rem !default;\n$dropdown-padding-x: 0 !default;\n$dropdown-padding-y: .5rem !default;\n$dropdown-spacer: .125rem !default;\n$dropdown-font-size: $font-size-base !default;\n$dropdown-color: $body-color !default;\n$dropdown-bg: $white !default;\n$dropdown-border-color: rgba($black, .15) !default;\n$dropdown-border-radius: $border-radius !default;\n$dropdown-border-width: $border-width !default;\n$dropdown-inner-border-radius: subtract($dropdown-border-radius, $dropdown-border-width) !default;\n$dropdown-divider-bg: $dropdown-border-color !default;\n$dropdown-divider-margin-y: $spacer / 2 !default;\n$dropdown-box-shadow: $box-shadow !default;\n\n$dropdown-link-color: $gray-900 !default;\n$dropdown-link-hover-color: shade-color($gray-900, 10%) !default;\n$dropdown-link-hover-bg: $gray-200 !default;\n\n$dropdown-link-active-color: $component-active-color !default;\n$dropdown-link-active-bg: $component-active-bg !default;\n\n$dropdown-link-disabled-color: $gray-500 !default;\n\n$dropdown-item-padding-y: $spacer / 4 !default;\n$dropdown-item-padding-x: $spacer !default;\n\n$dropdown-header-color: $gray-600 !default;\n$dropdown-header-padding: $dropdown-padding-y $dropdown-item-padding-x !default;\n// scss-docs-end dropdown-variables\n\n// scss-docs-start dropdown-dark-variables\n$dropdown-dark-color: $gray-300 !default;\n$dropdown-dark-bg: $gray-800 !default;\n$dropdown-dark-border-color: $dropdown-border-color !default;\n$dropdown-dark-divider-bg: $dropdown-divider-bg !default;\n$dropdown-dark-box-shadow: null !default;\n$dropdown-dark-link-color: $dropdown-dark-color !default;\n$dropdown-dark-link-hover-color: $high-emphasis-inverse !default;\n$dropdown-dark-link-hover-bg: rgba($white, .15) !default;\n$dropdown-dark-link-active-color: $dropdown-link-active-color !default;\n$dropdown-dark-link-active-bg: $dropdown-link-active-bg !default;\n$dropdown-dark-link-disabled-color: $gray-500 !default;\n$dropdown-dark-header-color: $gray-500 !default;\n// scss-docs-end dropdown-dark-variables\n\n\n// Pagination\n\n// scss-docs-start pagination-variables\n$pagination-padding-y: .375rem !default;\n$pagination-padding-x: .75rem !default;\n$pagination-padding-y-sm: .25rem !default;\n$pagination-padding-x-sm: .5rem !default;\n$pagination-padding-y-lg: .75rem !default;\n$pagination-padding-x-lg: 1.5rem !default;\n\n$pagination-color: $link-color !default;\n$pagination-bg: $white !default;\n$pagination-border-width: $border-width !default;\n$pagination-border-radius: $border-radius !default;\n$pagination-margin-start: -$pagination-border-width !default;\n$pagination-border-color: $gray-300 !default;\n\n$pagination-focus-color: $link-hover-color !default;\n$pagination-focus-bg: $gray-200 !default;\n$pagination-focus-box-shadow: $input-btn-focus-box-shadow !default;\n$pagination-focus-outline: 0 !default;\n\n$pagination-hover-color: $link-hover-color !default;\n$pagination-hover-bg: $gray-200 !default;\n$pagination-hover-border-color: $gray-300 !default;\n\n$pagination-active-color: $component-active-color !default;\n$pagination-active-bg: $component-active-bg !default;\n$pagination-active-border-color: $pagination-active-bg !default;\n\n$pagination-disabled-color: $gray-600 !default;\n$pagination-disabled-bg: $white !default;\n$pagination-disabled-border-color: $gray-300 !default;\n\n$pagination-transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out !default;\n// scss-docs-end pagination-variables\n\n$pagination-border-radius-sm: $border-radius-sm !default;\n$pagination-border-radius-lg: $border-radius-lg !default;\n// scss-docs-end pagination-variables\n\n\n// Cards\n// scss-docs-start card-variables\n$card-spacer-y: $spacer !default;\n$card-spacer-x: $spacer !default;\n$card-title-spacer-y: $spacer / 2 !default;\n$card-border-width: $border-width !default;\n$card-border-radius: $border-radius !default;\n$card-border-color: rgba($black, .125) !default;\n$card-inner-border-radius: subtract($card-border-radius, $card-border-width) !default;\n$card-cap-padding-y: $card-spacer-y / 2 !default;\n$card-cap-padding-x: $card-spacer-x !default;\n$card-cap-bg: rgba($black, .03) !default;\n$card-cap-color: unset !default;\n$card-height: null !default;\n$card-color: unset !default;\n$card-bg: $white !default;\n$card-img-overlay-padding: $spacer !default;\n$card-group-margin: $grid-gutter-width / 2 !default;\n// scss-docs-end card-variables\n\n// Accordion\n// scss-docs-start accordion-variables\n$accordion-padding-y: 1rem !default;\n$accordion-padding-x: 1.25rem !default;\n$accordion-color: $body-color !default;\n$accordion-bg: $body-bg !default;\n$accordion-border-width: $border-width !default;\n$accordion-border-color: rgba($black, .125) !default;\n$accordion-border-radius: $border-radius !default;\n$accordion-inner-border-radius: subtract($accordion-border-radius, $accordion-border-width) !default;\n\n$accordion-body-padding-y: $accordion-padding-y !default;\n$accordion-body-padding-x: $accordion-padding-x !default;\n\n$accordion-button-padding-y: $accordion-padding-y !default;\n$accordion-button-padding-x: $accordion-padding-x !default;\n$accordion-button-color: $accordion-color !default;\n$accordion-button-bg: $accordion-bg !default;\n$accordion-transition: $btn-transition, border-radius .15s ease !default;\n$accordion-button-active-bg: tint-color($component-active-bg, 90%) !default;\n$accordion-button-active-color: shade-color($primary, 10%) !default;\n\n$accordion-button-focus-border-color: $input-focus-border-color !default;\n$accordion-button-focus-box-shadow: $btn-focus-box-shadow !default;\n\n$accordion-icon-width: 1.25rem !default;\n$accordion-icon-color: $accordion-color !default;\n$accordion-icon-active-color: $accordion-button-active-color !default;\n$accordion-icon-transition: transform .2s ease-in-out !default;\n$accordion-icon-transform: rotate(-180deg) !default;\n\n$accordion-button-icon: url(\"data:image/svg+xml,\") !default;\n$accordion-button-active-icon: url(\"data:image/svg+xml,\") !default;\n// scss-docs-end accordion-variables\n\n// Tooltips\n\n// scss-docs-start tooltip-variables\n$tooltip-font-size: $font-size-sm !default;\n$tooltip-max-width: 200px !default;\n$tooltip-color: $high-emphasis-inverse !default;\n$tooltip-bg: $black !default;\n$tooltip-border-radius: $border-radius !default;\n$tooltip-opacity: .9 !default;\n$tooltip-padding-y: $spacer / 4 !default;\n$tooltip-padding-x: $spacer / 2 !default;\n$tooltip-margin: 0 !default;\n\n$tooltip-arrow-width: .8rem !default;\n$tooltip-arrow-height: .4rem !default;\n$tooltip-arrow-color: $tooltip-bg !default;\n// scss-docs-end tooltip-variables\n\n// Form tooltips must come after regular tooltips\n// scss-docs-start tooltip-feedback-variables\n$form-feedback-tooltip-padding-y: $tooltip-padding-y !default;\n$form-feedback-tooltip-padding-x: $tooltip-padding-x !default;\n$form-feedback-tooltip-font-size: $tooltip-font-size !default;\n$form-feedback-tooltip-line-height: null !default;\n$form-feedback-tooltip-opacity: $tooltip-opacity !default;\n$form-feedback-tooltip-border-radius: $tooltip-border-radius !default;\n// scss-docs-start tooltip-feedback-variables\n\n\n// Popovers\n// scss-docs-start popover-variables\n$popover-font-size: $font-size-sm !default;\n$popover-bg: $white !default;\n$popover-max-width: 276px !default;\n$popover-border-width: $border-width !default;\n$popover-border-color: rgba($black, .2) !default;\n$popover-border-radius: $border-radius-lg !default;\n$popover-inner-border-radius: subtract($popover-border-radius, $popover-border-width) !default;\n$popover-box-shadow: $box-shadow !default;\n\n$popover-header-bg: shade-color($popover-bg, 6%) !default;\n$popover-header-color: $headings-color !default;\n$popover-header-padding-y: .5rem !default;\n$popover-header-padding-x: $spacer !default;\n\n$popover-body-color: $body-color !default;\n$popover-body-padding-y: $spacer !default;\n$popover-body-padding-x: $spacer !default;\n\n$popover-arrow-width: 1rem !default;\n$popover-arrow-height: .5rem !default;\n$popover-arrow-color: $popover-bg !default;\n\n$popover-arrow-outer-color: fade-in($popover-border-color, .05) !default;\n// scss-docs-end popover-variables\n\n\n// Toasts\n// scss-docs-start toast-variables\n$toast-max-width: 350px !default;\n$toast-padding-x: .75rem !default;\n$toast-padding-y: .5rem !default;\n$toast-font-size: .875rem !default;\n$toast-color: unset !default;\n$toast-background-color: rgba($white, .85) !default;\n$toast-border-width: 1px !default;\n$toast-border-color: rgba(0, 0, 0, .1) !default;\n$toast-border-radius: $border-radius !default;\n$toast-box-shadow: $box-shadow !default;\n$toast-spacing: $container-padding-x !default;\n\n$toast-header-color: $gray-600 !default;\n$toast-header-background-color: rgba($white, .85) !default;\n$toast-header-border-color: rgba(0, 0, 0, .05) !default;\n// scss-docs-end toast-variables\n\n\n// Badges\n// scss-docs-start badge-variables\n$badge-font-size: .75em !default;\n$badge-font-weight: $font-weight-bold !default;\n$badge-color: $high-emphasis-inverse !default;\n$badge-padding-y: .35em !default;\n$badge-padding-x: .65em !default;\n$badge-border-radius: $border-radius !default;\n// scss-docs-end badge-variables\n\n$badge-font-size-sm: .65em !default;\n$badge-padding-y-sm: .3em !default;\n$badge-padding-x-sm: .5em !default;\n// scss-docs-end badge-variables\n\n\n// Modals\n\n// scss-docs-start modal-variables\n$modal-inner-padding: $spacer !default;\n\n$modal-footer-margin-between: .5rem !default;\n\n$modal-dialog-margin: .5rem !default;\n$modal-dialog-margin-y-sm-up: 1.75rem !default;\n\n$modal-title-line-height: $line-height-base !default;\n\n$modal-content-color: unset !default;\n$modal-content-bg: $white !default;\n$modal-content-border-color: rgba($black, .2) !default;\n$modal-content-border-width: $border-width !default;\n$modal-content-border-radius: $border-radius-lg !default;\n$modal-content-inner-border-radius: subtract($modal-content-border-radius, $modal-content-border-width) !default;\n$modal-content-box-shadow-xs: $box-shadow-sm !default;\n$modal-content-box-shadow-sm-up: $box-shadow !default;\n\n$modal-backdrop-bg: $black !default;\n$modal-backdrop-opacity: .5 !default;\n$modal-header-border-color: $border-color !default;\n$modal-footer-border-color: $modal-header-border-color !default;\n$modal-header-border-width: $modal-content-border-width !default;\n$modal-footer-border-width: $modal-header-border-width !default;\n$modal-header-padding-y: $modal-inner-padding !default;\n$modal-header-padding-x: $modal-inner-padding !default;\n$modal-header-padding: $modal-header-padding-y $modal-header-padding-x !default; // Keep this for backwards compatibility\n\n$modal-sm: 300px !default;\n$modal-md: 500px !default;\n$modal-lg: 800px !default;\n$modal-xl: 1140px !default;\n\n$modal-fade-transform: translate(0, -50px) !default;\n$modal-show-transform: none !default;\n$modal-transition: transform .3s ease-out !default;\n$modal-scale-transform: scale(1.02) !default;\n// scss-docs-end modal-variables\n\n\n// Avatars\n// scss-docs-start avatar-variables\n$avatar-width: 2rem !default;\n\n$avatar-widths: (\n sm: 1.5rem,\n md: 2.5rem,\n lg: 3rem,\n xl: 4rem\n) !default;\n\n$avatar-transition: margin .15s !default;\n// scss-docs-end avatar-variables\n\n// Alerts\n//\n// Define alert colors, border radius, and padding.\n\n// scss-docs-start alert-variables\n$alert-padding-y: $spacer !default;\n$alert-padding-x: $spacer !default;\n$alert-margin-bottom: 1rem !default;\n$alert-border-radius: $border-radius !default;\n$alert-link-font-weight: $font-weight-bold !default;\n$alert-border-width: $border-width !default;\n$alert-bg-scale: -80% !default;\n$alert-border-scale: -70% !default;\n$alert-color-scale: 40% !default;\n$alert-dismissible-padding-r: $alert-padding-x * 3 !default; // 3x covers width of x plus default padding on either side\n// scss-docs-end alert-variables\n\n$alert-variants: (\n \"primary\": alert-color-map($primary),\n \"secondary\": alert-color-map($secondary),\n \"success\": alert-color-map($success),\n \"danger\": alert-color-map($danger),\n \"warning\": alert-color-map($warning),\n \"info\": alert-color-map($info),\n \"light\": alert-color-map($light),\n \"dark\": alert-color-map($dark)\n) !default;\n// scss-docs-end alert-variables\n\n// Callouts\n// scss-docs-start callout-variables\n$callout-padding-y: $spacer !default;\n$callout-padding-x: $spacer !default;\n$callout-margin-y: $spacer !default;\n$callout-margin-x: 0 !default;\n$callout-border-radius: $border-radius !default;\n$callout-border-width: $border-width !default;\n$callout-border-color: $border-color !default;\n$callout-border-left-width: (4 * $callout-border-width) !default;\n\n$callout-variants: (\n \"primary\": $primary,\n \"secondary\": $secondary,\n \"success\": $success,\n \"danger\": $danger,\n \"warning\": $warning,\n \"info\": $info,\n \"light\": $light,\n \"dark\": $dark\n) !default;\n// scss-docs-end callout-variables\n\n\n// Progress bars\n\n// scss-docs-start progress-variables\n$progress-height: 1rem !default;\n$progress-font-size: $font-size-base * .75 !default;\n$progress-bg: $gray-200 !default;\n$progress-border-radius: $border-radius !default;\n$progress-box-shadow: $box-shadow-inset !default;\n$progress-bar-color: $high-emphasis-inverse !default;\n$progress-bar-bg: $primary !default;\n$progress-bar-animation-timing: 1s linear infinite !default;\n$progress-bar-transition: width .6s ease !default;\n// scss-docs-end progress-variables\n\n// List group\n// scss-docs-start list-group-variables\n$list-group-color: unset !default;\n$list-group-bg: $white !default;\n$list-group-border-color: rgba($black, .125) !default;\n$list-group-border-width: $border-width !default;\n$list-group-border-radius: $border-radius !default;\n\n$list-group-item-padding-y: $spacer / 2 !default;\n$list-group-item-padding-x: $spacer !default;\n$list-group-item-bg-scale: -80% !default;\n$list-group-item-color-scale: 40% !default;\n\n$list-group-hover-bg: $gray-100 !default;\n$list-group-active-color: $component-active-color !default;\n$list-group-active-bg: $component-active-bg !default;\n$list-group-active-border-color: $list-group-active-bg !default;\n\n$list-group-disabled-color: $gray-600 !default;\n$list-group-disabled-bg: $list-group-bg !default;\n\n$list-group-action-color: $gray-700 !default;\n$list-group-action-hover-color: $list-group-action-color !default;\n\n$list-group-action-active-color: $body-color !default;\n$list-group-action-active-bg: $gray-200 !default;\n// scss-docs-end list-group-variables\n\n$list-group-variants: (\n \"primary\": list-group-color-map($primary),\n \"secondary\": list-group-color-map($secondary),\n \"success\": list-group-color-map($success),\n \"danger\": list-group-color-map($danger),\n \"warning\": list-group-color-map($warning),\n \"info\": list-group-color-map($info),\n \"light\": list-group-color-map($light),\n \"dark\": list-group-color-map($dark)\n) !default;\n// scss-docs-end list-group-variables\n\n\n// Header\n// scss-docs-start header-variables\n$header-min-height: 4rem !default;\n$header-padding-y: $spacer / 2 !default;\n$header-padding-x: $spacer / 2 !default;\n$header-brand-font-size: $font-size-lg !default;\n$header-color: $medium-emphasis !default;\n$header-bg: $white !default;\n$header-border-color: $border-color !default;\n$header-border-width: 1px !default;\n$header-hover-color: $high-emphasis !default;\n$header-active-color: $high-emphasis !default;\n$header-disabled-color: $disabled !default;\n\n// Compute the header-brand padding-y so the header-brand will have the same height as header-text and nav-link\n$nav-link-height: $font-size-base * $line-height-base + $nav-link-padding-y * 2 !default;\n$header-brand-height: $header-brand-font-size * $line-height-base !default;\n$header-brand-padding-y: ($nav-link-height - $header-brand-height) / 2 !default;\n$header-brand-margin-end: 1rem !default;\n$header-brand-font-size: $font-size-lg !default;\n$header-brand-color: $gray-900 !default;\n$header-brand-hover-color: shade-color($gray-900, 10%) !default;\n\n$header-toggler-padding-y: .25rem !default;\n$header-toggler-padding-x: .75rem !default;\n$header-toggler-font-size: $font-size-lg !default;\n$header-toggler-bg: transparent !default;\n$header-toggler-border: 0 !default;\n$header-toggler-border-radius: $btn-border-radius !default;\n\n$header-toggler-icon-bg: url(\"data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='#{$header-color}' stroke-width='2.25' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E\") !default;\n$header-toggler-hover-icon-bg: url(\"data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='#{$header-hover-color}' stroke-width='2.25' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E\") !default;\n$header-toggler-border-color: rgba($black, .1) !default;\n\n$header-nav-link-padding-x: .5rem !default;\n\n$header-divider-border-width: 1px !default;\n$header-divider-border-color: $header-border-color !default;\n// scss-docs-end header-variables\n\n// Subheader\n// scss-docs-start subheader-variables\n$subheader-min-height: 3rem !default;\n$subheader-padding-y: $spacer / 2 !default;\n$subheader-padding-x: $spacer !default;\n$subheader-border-color: $border-color !default;\n$subheader-border-width: 1px !default;\n\n$subheader-nav-link-padding-x: .5rem !default;\n// scss-docs-end subheader-variables\n\n// Default theme\n// scss-docs-start subheader-default-themes\n$subheader-bg: $white !default;\n$subheader-color: $medium-emphasis !default;\n$subheader-hover-color: $high-emphasis !default;\n$subheader-active-color: $high-emphasis !default;\n$subheader-disabled-color: $disabled !default;\n// scss-docs-end subheader-default-themes\n\n\n// Image thumbnails\n\n// scss-docs-start thumbnail-variables\n$thumbnail-padding: .25rem !default;\n$thumbnail-bg: $body-bg !default;\n$thumbnail-border-width: $border-width !default;\n$thumbnail-border-color: $gray-300 !default;\n$thumbnail-border-radius: $border-radius !default;\n$thumbnail-box-shadow: $box-shadow-sm !default;\n// scss-docs-end thumbnail-variables\n\n\n// Figures\n\n// scss-docs-start figure-variables\n$figure-caption-font-size: $small-font-size !default;\n$figure-caption-color: $gray-600 !default;\n// scss-docs-end figure-variables\n\n\n// Breadcrumbs\n// scss-docs-start breadcrumb-variables\n$breadcrumb-font-size: null !default;\n$breadcrumb-padding-y: 0 !default;\n$breadcrumb-padding-x: 0 !default;\n$breadcrumb-item-padding-x: .5rem !default;\n$breadcrumb-margin-bottom: 1rem !default;\n$breadcrumb-bg: unset !default;\n$breadcrumb-divider-color: $gray-600 !default;\n$breadcrumb-active-color: $gray-600 !default;\n$breadcrumb-divider: quote(\"/\") !default;\n$breadcrumb-divider-flipped: $breadcrumb-divider !default;\n$breadcrumb-border-radius: null !default;\n// scss-docs-end breadcrumb-variables\n\n// Carousel\n// scss-docs-start carousel-variables\n$carousel-control-color: $high-emphasis-inverse !default;\n$carousel-control-width: 15% !default;\n$carousel-control-opacity: .5 !default;\n$carousel-control-hover-opacity: .9 !default;\n$carousel-control-transition: opacity .15s ease !default;\n\n$carousel-indicator-width: 30px !default;\n$carousel-indicator-height: 3px !default;\n$carousel-indicator-hit-area-height: 10px !default;\n$carousel-indicator-spacer: 3px !default;\n$carousel-indicator-opacity: .5 !default;\n$carousel-indicator-active-bg: $white !default;\n$carousel-indicator-active-opacity: 1 !default;\n$carousel-indicator-transition: opacity .6s ease !default;\n\n$carousel-caption-width: 70% !default;\n$carousel-caption-color: $high-emphasis-inverse !default;\n$carousel-caption-padding-y: 1.25rem !default;\n$carousel-caption-spacer: 1.25rem !default;\n\n$carousel-control-icon-width: 2rem !default;\n\n$carousel-control-prev-icon-bg: url(\"data:image/svg+xml,\") !default;\n$carousel-control-next-icon-bg: url(\"data:image/svg+xml,\") !default;\n\n$carousel-transition-duration: .6s !default;\n$carousel-transition: transform $carousel-transition-duration ease-in-out !default; // Define transform transition first if using multiple transitions (e.g., `transform 2s ease, opacity .5s ease-out`)\n\n$carousel-dark-indicator-active-bg: $black !default;\n$carousel-dark-caption-color: $high-emphasis !default;\n$carousel-dark-control-icon-filter: invert(1) grayscale(100) !default;\n// scss-docs-end carousel-variables\n\n// scss-docs-start sidebar-variables\n$sidebar-width: 16rem !default;\n$sidebar-widths: (\n sm: 12rem,\n lg: 20rem,\n xl: 24rem\n) !default;\n$sidebar-padding-y: 0 !default;\n$sidebar-padding-x: 0 !default;\n$sidebar-color: $high-emphasis-inverse !default;\n$sidebar-bg: $gray-base !default;\n$sidebar-border-width: 0 !default;\n$sidebar-border-color: transparent !default;\n$sidebar-transition: margin-left .15s, margin-right .15s, box-shadow .075s, transform .15s, width .15s, z-index 0s ease .15s !default;\n\n$sidebar-brand-height: 4rem !default;\n$sidebar-brand-color: $high-emphasis-inverse !default;\n$sidebar-brand-bg: rgba($black, .2) !default;\n\n$sidebar-header-height: 4rem !default;\n$sidebar-header-padding-y: .75rem !default;\n$sidebar-header-padding-x: 1rem !default;\n$sidebar-header-bg: rgba($black, .2) !default;\n$sidebar-header-height-transition: height .15s, padding .15s !default;\n\n$sidebar-narrow-width: 4rem !default;\n\n$sidebar-backdrop-bg: $black !default;\n$sidebar-backdrop-opacity: .5 !default;\n$sidebar-backdrop-transition: opacity .15s linear !default;\n\n$sidebar-nav-title-padding-y: .75rem !default;\n$sidebar-nav-title-padding-x: 1rem !default;\n$sidebar-nav-title-margin-top: 1rem !default;\n$sidebar-nav-title-color: $medium-emphasis-inverse !default;\n$sidebar-nav-title-transition: height .15s, margin .15s !default;\n\n$sidebar-nav-link-padding-y: .8445rem !default;\n$sidebar-nav-link-padding-x: 1rem !default;\n$sidebar-nav-link-color: $medium-emphasis-inverse !default;\n$sidebar-nav-link-bg: transparent !default;\n$sidebar-nav-link-transition: background .15s ease, color .15s ease !default;\n$sidebar-nav-link-icon-color: $medium-emphasis-inverse !default;\n\n$sidebar-nav-link-hover-color: $high-emphasis-inverse !default;\n$sidebar-nav-link-hover-bg: rgba($white, .05) !default;\n$sidebar-nav-link-hover-icon-color: $high-emphasis-inverse !default;\n\n$sidebar-nav-link-active-color: $high-emphasis-inverse !default;\n$sidebar-nav-link-active-bg: rgba($white, .05) !default;\n$sidebar-nav-link-active-icon-color: $high-emphasis-inverse !default;\n\n$sidebar-nav-link-disabled-color: $disabled-inverse !default;\n$sidebar-nav-link-disabled-icon-color: $sidebar-nav-link-icon-color !default;\n\n$sidebar-nav-icon-width: 4rem !default;\n$sidebar-nav-icon-height: 1.25rem !default;\n$sidebar-nav-icon-font-size: $sidebar-nav-icon-height !default;\n\n$sidebar-nav-group-bg: rgba(0, 0, 0, .2) !default;\n$sidebar-nav-group-transition: background .15s ease-in-out !default;\n$sidebar-nav-group-items-transition: height .15s ease !default;\n$sidebar-nav-group-toggle-show-color: $sidebar-nav-link-color !default;\n\n$sidebar-nav-group-indicator-color: $medium-emphasis-inverse !default;\n$sidebar-nav-group-indicator-icon: url(\"data:image/svg+xml,\") !default;\n$sidebar-nav-group-indicator-hover-color: $sidebar-nav-link-hover-color !default;\n$sidebar-nav-group-indicator-hover-icon: url(\"data:image/svg+xml,\") !default;\n$sidebar-nav-group-indicator-transition: transform .15s !default;\n\n$sidebar-footer-height: auto !default;\n$sidebar-footer-padding-y: .75rem !default;\n$sidebar-footer-padding-x: 1rem !default;\n$sidebar-footer-bg: rgba($black, .2) !default;\n$sidebar-footer-height-transition: height .15s, padding .15s !default;\n\n$sidebar-toggler-height: 3rem !default;\n$sidebar-toggler-bg: rgba($black, .2) !default;\n$sidebar-toggler-transition: transform .15s !default;\n\n$sidebar-toggler-indicator-width: 4rem !default;\n$sidebar-toggler-indicator-height: 3rem !default;\n$sidebar-toggler-indicator-color: $gray-600 !default;\n$sidebar-toggler-indicator-icon: url(\"data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 11 14'%3E%3Cpath fill='#{$sidebar-toggler-indicator-color}' d='M9.148 2.352l-4.148 4.148 4.148 4.148q0.148 0.148 0.148 0.352t-0.148 0.352l-1.297 1.297q-0.148 0.148-0.352 0.148t-0.352-0.148l-5.797-5.797q-0.148-0.148-0.148-0.352t0.148-0.352l5.797-5.797q0.148-0.148 0.352-0.148t0.352 0.148l1.297 1.297q0.148 0.148 0.148 0.352t-0.148 0.352z'/%3E%3C/svg%3E\") !default;\n$sidebar-toggler-hover-bg: rgba(0, 0, 0, .3) !default;\n$sidebar-toggler-indicator-hover-color: $sidebar-nav-link-hover-color !default;\n$sidebar-toggler-indicator-hover-icon: url(\"data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 11 14'%3E%3Cpath fill='#{$sidebar-toggler-indicator-hover-color}' d='M9.148 2.352l-4.148 4.148 4.148 4.148q0.148 0.148 0.148 0.352t-0.148 0.352l-1.297 1.297q-0.148 0.148-0.352 0.148t-0.352-0.148l-5.797-5.797q-0.148-0.148-0.148-0.352t0.148-0.352l5.797-5.797q0.148-0.148 0.352-0.148t0.352 0.148l1.297 1.297q0.148 0.148 0.148 0.352t-0.148 0.352z'/%3E%3C/svg%3E\") !default;\n// scss-docs-end sidebar-variables\n\n// Footer\n// scss-docs-start footer-variables\n$footer-min-height: 3rem !default;\n$footer-padding-y: $spacer / 2 !default;\n$footer-padding-x: $spacer !default;\n$footer-bg: $gray-100 !default;\n$footer-color: $body-color !default;\n$footer-border-width: 1px !default;\n$footer-border-color: $border-color !default;\n// scss-docs-end footer-variables\n\n// Spinners\n// scss-docs-start spinner-variables\n$spinner-width: 2rem !default;\n$spinner-height: $spinner-width !default;\n$spinner-vertical-align: -.125em !default;\n$spinner-border-width: .25em !default;\n$spinner-animation-speed: .75s !default;\n\n$spinner-width-sm: 1rem !default;\n$spinner-height-sm: $spinner-width-sm !default;\n$spinner-border-width-sm: .2em !default;\n// scss-docs-end spinner-variables\n\n\n// Close\n// scss-docs-start close-variables\n$btn-close-width: 1em !default;\n$btn-close-height: $btn-close-width !default;\n$btn-close-padding-x: .25em !default;\n$btn-close-padding-y: $btn-close-padding-x !default;\n$btn-close-color: $high-emphasis !default;\n$btn-close-bg: url(\"data:image/svg+xml,\") !default;\n$btn-close-focus-shadow: $input-btn-focus-box-shadow !default;\n$btn-close-opacity: .5 !default;\n$btn-close-hover-opacity: .75 !default;\n$btn-close-focus-opacity: 1 !default;\n$btn-close-disabled-opacity: .25 !default;\n$btn-close-white-filter: invert(1) grayscale(100%) brightness(200%) !default;\n// scss-docs-end close-variables\n\n\n// Offcanvas\n\n// scss-docs-start offcanvas-variables\n$offcanvas-padding-y: $modal-inner-padding !default;\n$offcanvas-padding-x: $modal-inner-padding !default;\n$offcanvas-horizontal-width: 400px !default;\n$offcanvas-vertical-height: 30vh !default;\n$offcanvas-transition-duration: .3s !default;\n$offcanvas-border-color: $modal-content-border-color !default;\n$offcanvas-border-width: $modal-content-border-width !default;\n$offcanvas-title-line-height: $modal-title-line-height !default;\n$offcanvas-bg-color: $modal-content-bg !default;\n$offcanvas-color: $modal-content-color !default;\n$offcanvas-box-shadow: $modal-content-box-shadow-xs !default;\n// scss-docs-end offcanvas-variables\n\n// Code\n\n$code-font-size: $small-font-size !default;\n$code-color: $pink !default;\n\n$kbd-padding-y: .2rem !default;\n$kbd-padding-x: .4rem !default;\n$kbd-font-size: $code-font-size !default;\n$kbd-color: $high-emphasis-inverse !default;\n$kbd-bg: $gray-900 !default;\n\n$pre-color: unset !default;\n"]} \ No newline at end of file +{"version":3,"sources":["coreui-chartjs.css","../../scss/coreui-chartjs.scss","../../scss/_tooltips.scss","../../node_modules/@coreui/coreui/scss/mixins/_transition.scss","../../node_modules/@coreui/coreui/scss/mixins/_border-radius.scss","../../node_modules/@coreui/coreui/scss/_variables.scss"],"names":[],"mappings":"AAAA,gBAAgB;ACAhB;;;;;;EAAA;ACEA;EACE,kBAAA;EACA,aAAA;EACA,uBAAA;EACA,WAAA;EACA,oBAAA;EACA,8BAAA;EACA,UAAA;ECOI,0BDNJ;EACA,6BAAA;EEQE,sBAAA;AJAJ;AGCM;EDlBN;ICmBQ,gBAAA;EHEN;AACF;;AETA;EACE,qBAAA;AFYF;;AETA;EACE,mBGod4B;EHnd5B,gBG2d4B;AL/c9B;;AETA;EACE,mBAAA;EACA,mBG8c4B;EH7c5B,mBAAA;AFYF","file":"coreui-chartjs.css","sourcesContent":["@charset \"UTF-8\";\n/*!\n * CoreUI Plugins - Chart.js for CoreUI 3\n * @version v3.0.0\n * @link https://coreui.io\n * Copyright (c) 2021 creativeLabs Łukasz Holeczek\n * Licensed under MIT (https://coreui.io/license/plugins/chart.js)\n */\n.chartjs-tooltip {\n position: absolute;\n z-index: 1021;\n padding: 0.25rem 0.5rem;\n color: #fff;\n pointer-events: none;\n background: rgba(0, 0, 0, 0.7);\n opacity: 0;\n transition: all 0.15s ease;\n transform: translate(-50%, 0);\n border-radius: 0.25rem;\n}\n@media (prefers-reduced-motion: reduce) {\n .chartjs-tooltip {\n transition: none;\n }\n}\n\n.chartjs-tooltip-header {\n margin-bottom: 0.5rem;\n}\n\n.chartjs-tooltip-header-item {\n font-size: 0.875rem;\n font-weight: 700;\n}\n\n.chartjs-tooltip-body-item {\n align-items: center;\n font-size: 0.875rem;\n white-space: nowrap;\n}\n\n/*# sourceMappingURL=coreui-chartjs.css.map */\n","/*!\n * CoreUI Plugins - Chart.js for CoreUI 3\n * @version v3.0.0\n * @link https://coreui.io\n * Copyright (c) 2021 creativeLabs Łukasz Holeczek\n * Licensed under MIT (https://coreui.io/license/plugins/chart.js)\n */\n\n@import \"@coreui/coreui/scss/functions\";\n@import \"@coreui/coreui/scss/variables\";\n@import \"@coreui/coreui/scss/mixins\";\n\n// @import \"variables\";\n@import \"tooltips\";\n","// Custom tooltips\n\n.chartjs-tooltip {\n position: absolute;\n z-index: $zindex-sticky + 1;\n padding: ($spacer * .25) ($spacer * .5);\n color: #fff;\n pointer-events: none;\n background: rgba(0, 0, 0, .7);\n opacity: 0;\n @include transition(all .15s ease);\n transform: translate(-50%, 0);\n @include border-radius($border-radius);\n}\n\n.chartjs-tooltip-header {\n margin-bottom: ($spacer * .5);\n}\n\n.chartjs-tooltip-header-item {\n font-size: $font-size-sm;\n font-weight: $font-weight-bold;\n}\n\n.chartjs-tooltip-body-item {\n align-items: center;\n font-size: $font-size-sm;\n white-space: nowrap;\n}\n","// stylelint-disable property-disallowed-list\n@mixin transition($transition...) {\n @if length($transition) == 0 {\n $transition: $transition-base;\n }\n\n @if length($transition) > 1 {\n @each $value in $transition {\n @if $value == null or $value == none {\n @warn \"The keyword 'none' or 'null' must be used as a single argument.\";\n }\n }\n }\n\n @if $enable-transitions {\n @if nth($transition, 1) != null {\n transition: $transition;\n }\n\n @if $enable-reduced-motion and nth($transition, 1) != null and nth($transition, 1) != none {\n @media (prefers-reduced-motion: reduce) {\n transition: none;\n }\n }\n }\n}\n","// stylelint-disable property-disallowed-list\n// Single side border-radius\n\n// Helper function to replace negative values with 0\n@function valid-radius($radius) {\n $return: ();\n @each $value in $radius {\n @if type-of($value) == number {\n $return: append($return, max($value, 0));\n } @else {\n $return: append($return, $value);\n }\n }\n @return $return;\n}\n\n// scss-docs-start border-radius-mixins\n@mixin border-radius($radius: $border-radius, $fallback-border-radius: false) {\n @if $enable-rounded {\n border-radius: valid-radius($radius);\n }\n @else if $fallback-border-radius != false {\n border-radius: $fallback-border-radius;\n }\n}\n\n@mixin border-top-radius($radius: $border-radius) {\n @if $enable-rounded {\n border-top-left-radius: valid-radius($radius);\n border-top-right-radius: valid-radius($radius);\n }\n}\n\n@mixin border-end-radius($radius: $border-radius) {\n @if $enable-rounded {\n @include ltr-rtl(\"border-top-right-radius\", valid-radius($radius));\n @include ltr-rtl(\"border-bottom-right-radius\", valid-radius($radius));\n }\n}\n\n@mixin border-bottom-radius($radius: $border-radius) {\n @if $enable-rounded {\n border-bottom-right-radius: valid-radius($radius);\n border-bottom-left-radius: valid-radius($radius);\n }\n}\n\n@mixin border-start-radius($radius: $border-radius) {\n @if $enable-rounded {\n @include ltr-rtl(\"border-top-left-radius\", valid-radius($radius));\n @include ltr-rtl(\"border-bottom-left-radius\", valid-radius($radius));\n }\n}\n\n@mixin border-top-start-radius($radius: $border-radius) {\n @if $enable-rounded {\n border-top-left-radius: valid-radius($radius);\n }\n}\n\n@mixin border-top-end-radius($radius: $border-radius) {\n @if $enable-rounded {\n @include ltr-rtl(\"border-top-right-radius\", valid-radius($radius));\n }\n}\n\n@mixin border-bottom-end-radius($radius: $border-radius) {\n @if $enable-rounded {\n @include ltr-rtl(\"border-bottom-right-radius\", valid-radius($radius));\n }\n}\n\n@mixin border-bottom-start-radius($radius: $border-radius) {\n @if $enable-rounded {\n @include ltr-rtl(\"border-bottom-left-radius\", valid-radius($radius));\n }\n}\n// scss-docs-end border-radius-mixins\n","// Variables\n//\n// Variables should follow the `$component-state-property-size` formula for\n// consistent naming. Ex: $nav-link-disabled-color and $modal-content-box-shadow-xs.\n\n// Color system\n\n// scss-docs-start gray-color-variables\n$white: #fff !default;\n$gray-base: #3c4b64 !default;\n$gray-100: #ebedef !default;\n$gray-200: #d8dbe0 !default;\n$gray-300: #c4c9d0 !default;\n$gray-400: #b1b7c1 !default;\n$gray-500: #9da5b1 !default;\n$gray-600: #8a93a2 !default;\n$gray-700: #768192 !default;\n$gray-800: #636f83 !default;\n$gray-900: #4f5d73 !default;\n$black: #000015 !default;\n// scss-docs-end gray-color-variables\n\n// fusv-disable\n// scss-docs-start gray-colors-map\n$grays: (\n \"100\": $gray-100,\n \"200\": $gray-200,\n \"300\": $gray-300,\n \"400\": $gray-400,\n \"500\": $gray-500,\n \"600\": $gray-600,\n \"700\": $gray-700,\n \"800\": $gray-800,\n \"900\": $gray-900\n) !default;\n// scss-docs-end gray-colors-map\n// fusv-enable\n\n$high-emphasis: rgba(shift-color($gray-base, +26), .95) !default;\n$medium-emphasis: rgba(shift-color($gray-base, +26), .681) !default;\n$disabled: rgba(shift-color($gray-base, +26), .38) !default;\n\n$high-emphasis-inverse: rgba($white, .87) !default;\n$medium-emphasis-inverse: rgba($white, .6) !default;\n$disabled-inverse: rgba($white, .38) !default;\n\n// scss-docs-start color-variables\n$blue: #0d6efd !default;\n$indigo: #6610f2 !default;\n$purple: #6f42c1 !default;\n$pink: #d63384 !default;\n$red: #dc3545 !default;\n$orange: #fd7e14 !default;\n$yellow: #ffc107 !default;\n$green: #198754 !default;\n$teal: #20c997 !default;\n$cyan: #0dcaf0 !default;\n// scss-docs-end color-variables\n\n// scss-docs-start colors-map\n$colors: (\n \"blue\": $blue,\n \"indigo\": $indigo,\n \"purple\": $purple,\n \"pink\": $pink,\n \"red\": $red,\n \"orange\": $orange,\n \"yellow\": $yellow,\n \"green\": $green,\n \"teal\": $teal,\n \"cyan\": $cyan,\n \"white\": $white,\n \"gray\": $gray-600,\n \"gray-dark\": $gray-800\n) !default;\n// scss-docs-end colors-map\n\n// fusv-disable\n$primary-dark: #1f1498 !default;\n$primary-base: #321fdb !default;\n$primary-50: #988fed !default;\n$primary-25: #ccc7f6 !default;\n\n$secondary-dark: #212233 !default;\n$secondary-base: #9da5b1 !default;\n$secondary-50: #9da5b1 !default;\n$secondary-25: #ced2d8 !default;\n\n$success-dark: #1b9e3e !default;\n$success-base: #2eb85c !default;\n$success-50: #96dbad !default;\n$success-25: #cbedd6 !default;\n\n$info-dark: #2982cc !default;\n$info-base: #39f !default;\n$info-50: #80c6ff !default;\n$info-25: #c0e6ff !default;\n\n$warning-dark: #f6960b !default;\n$warning-base: #f9b115 !default;\n$warning-50: #fcd88a !default;\n$warning-25: #feecc5 !default;\n\n$danger-dark: #d93737 !default;\n$danger-base: #e55353 !default;\n$danger-50: #f2a9a9 !default;\n$danger-25: #f9d4d4 !default;\n\n$light-dark: $gray-100 !default;\n$light-base: $gray-100 !default;\n$light-50: shift-color($light-base, -70) !default;\n$light-25: shift-color($light-base, -80) !default;\n\n$dark-dark: $gray-900 !default;\n$dark-base: $gray-900 !default;\n$dark-50: shift-color($dark-base, -70) !default;\n$dark-25: shift-color($dark-base, -80) !default;\n// fusv-enable\n\n// scss-docs-start theme-color-variables\n$primary: $primary-base !default;\n$secondary: $secondary-base !default;\n$success: $success-base !default;\n$info: $info-base !default;\n$warning: $warning-base !default;\n$danger: $danger-base !default;\n$light: $light-base !default;\n$dark: $dark-base !default;\n// scss-docs-end theme-color-variables\n\n// scss-docs-start theme-colors-map\n$theme-colors: (\n \"primary\": $primary,\n \"secondary\": $secondary,\n \"success\": $success,\n \"info\": $info,\n \"warning\": $warning,\n \"danger\": $danger,\n \"light\": $light,\n \"dark\": $dark\n) !default;\n// scss-docs-end theme-colors-map\n\n// The contrast ratio to reach against white, to determine if color changes from \"light\" to \"dark\". Acceptable values for WCAG 2.0 are 3, 4.5 and 7.\n// See https://www.w3.org/TR/WCAG20/#visual-audio-contrast-contrast\n$min-contrast-ratio: 4.5 !default;\n\n// Customize the light and dark text colors for use in our color contrast function.\n$color-contrast-dark: $high-emphasis-inverse !default;\n$color-contrast-light: $high-emphasis !default;\n\n// fusv-disable\n$blue-100: tint-color($blue, 80%) !default;\n$blue-200: tint-color($blue, 60%) !default;\n$blue-300: tint-color($blue, 40%) !default;\n$blue-400: tint-color($blue, 20%) !default;\n$blue-500: $blue !default;\n$blue-600: shade-color($blue, 20%) !default;\n$blue-700: shade-color($blue, 40%) !default;\n$blue-800: shade-color($blue, 60%) !default;\n$blue-900: shade-color($blue, 80%) !default;\n\n$indigo-100: tint-color($indigo, 80%) !default;\n$indigo-200: tint-color($indigo, 60%) !default;\n$indigo-300: tint-color($indigo, 40%) !default;\n$indigo-400: tint-color($indigo, 20%) !default;\n$indigo-500: $indigo !default;\n$indigo-600: shade-color($indigo, 20%) !default;\n$indigo-700: shade-color($indigo, 40%) !default;\n$indigo-800: shade-color($indigo, 60%) !default;\n$indigo-900: shade-color($indigo, 80%) !default;\n\n$purple-100: tint-color($purple, 80%) !default;\n$purple-200: tint-color($purple, 60%) !default;\n$purple-300: tint-color($purple, 40%) !default;\n$purple-400: tint-color($purple, 20%) !default;\n$purple-500: $purple !default;\n$purple-600: shade-color($purple, 20%) !default;\n$purple-700: shade-color($purple, 40%) !default;\n$purple-800: shade-color($purple, 60%) !default;\n$purple-900: shade-color($purple, 80%) !default;\n\n$pink-100: tint-color($pink, 80%) !default;\n$pink-200: tint-color($pink, 60%) !default;\n$pink-300: tint-color($pink, 40%) !default;\n$pink-400: tint-color($pink, 20%) !default;\n$pink-500: $pink !default;\n$pink-600: shade-color($pink, 20%) !default;\n$pink-700: shade-color($pink, 40%) !default;\n$pink-800: shade-color($pink, 60%) !default;\n$pink-900: shade-color($pink, 80%) !default;\n\n$red-100: tint-color($red, 80%) !default;\n$red-200: tint-color($red, 60%) !default;\n$red-300: tint-color($red, 40%) !default;\n$red-400: tint-color($red, 20%) !default;\n$red-500: $red !default;\n$red-600: shade-color($red, 20%) !default;\n$red-700: shade-color($red, 40%) !default;\n$red-800: shade-color($red, 60%) !default;\n$red-900: shade-color($red, 80%) !default;\n\n$orange-100: tint-color($orange, 80%) !default;\n$orange-200: tint-color($orange, 60%) !default;\n$orange-300: tint-color($orange, 40%) !default;\n$orange-400: tint-color($orange, 20%) !default;\n$orange-500: $orange !default;\n$orange-600: shade-color($orange, 20%) !default;\n$orange-700: shade-color($orange, 40%) !default;\n$orange-800: shade-color($orange, 60%) !default;\n$orange-900: shade-color($orange, 80%) !default;\n\n$yellow-100: tint-color($yellow, 80%) !default;\n$yellow-200: tint-color($yellow, 60%) !default;\n$yellow-300: tint-color($yellow, 40%) !default;\n$yellow-400: tint-color($yellow, 20%) !default;\n$yellow-500: $yellow !default;\n$yellow-600: shade-color($yellow, 20%) !default;\n$yellow-700: shade-color($yellow, 40%) !default;\n$yellow-800: shade-color($yellow, 60%) !default;\n$yellow-900: shade-color($yellow, 80%) !default;\n\n$green-100: tint-color($green, 80%) !default;\n$green-200: tint-color($green, 60%) !default;\n$green-300: tint-color($green, 40%) !default;\n$green-400: tint-color($green, 20%) !default;\n$green-500: $green !default;\n$green-600: shade-color($green, 20%) !default;\n$green-700: shade-color($green, 40%) !default;\n$green-800: shade-color($green, 60%) !default;\n$green-900: shade-color($green, 80%) !default;\n\n$teal-100: tint-color($teal, 80%) !default;\n$teal-200: tint-color($teal, 60%) !default;\n$teal-300: tint-color($teal, 40%) !default;\n$teal-400: tint-color($teal, 20%) !default;\n$teal-500: $teal !default;\n$teal-600: shade-color($teal, 20%) !default;\n$teal-700: shade-color($teal, 40%) !default;\n$teal-800: shade-color($teal, 60%) !default;\n$teal-900: shade-color($teal, 80%) !default;\n\n$cyan-100: tint-color($cyan, 80%) !default;\n$cyan-200: tint-color($cyan, 60%) !default;\n$cyan-300: tint-color($cyan, 40%) !default;\n$cyan-400: tint-color($cyan, 20%) !default;\n$cyan-500: $cyan !default;\n$cyan-600: shade-color($cyan, 20%) !default;\n$cyan-700: shade-color($cyan, 40%) !default;\n$cyan-800: shade-color($cyan, 60%) !default;\n$cyan-900: shade-color($cyan, 80%) !default;\n// fusv-enable\n\n// Characters which are escaped by the escape-svg function\n$escaped-characters: (\n (\"<\", \"%3c\"),\n (\">\", \"%3e\"),\n (\"#\", \"%23\"),\n (\"(\", \"%28\"),\n (\")\", \"%29\"),\n) !default;\n\n// Options\n//\n// Quickly modify global styling by enabling or disabling optional features.\n\n$enable-caret: true !default;\n$enable-rounded: true !default;\n$enable-shadows: false !default;\n$enable-gradients: false !default;\n$enable-transitions: true !default;\n$enable-reduced-motion: true !default;\n$enable-smooth-scroll: true !default;\n$enable-grid-classes: true !default;\n$enable-cssgrid: false !default;\n$enable-button-pointers: true !default;\n$enable-rfs: true !default;\n$enable-validation-icons: true !default;\n$enable-negative-margins: false !default;\n$enable-deprecation-messages: true !default;\n$enable-important-utilities: true !default;\n$enable-contrast-ratio-correction: true !default;\n$enable-contrast-ratio-warnings: false !default;\n$enable-ltr: true !default;\n$enable-rtl: false !default;\n\n// Set mobile breakpoint\n\n$mobile-breakpoint: md !default;\n\n// Prefix for :root CSS variables\n\n$variable-prefix: cui- !default;\n\n// Gradient\n//\n// The gradient which is added to components if `$enable-gradients` is `true`\n// This gradient is also added to elements with `.bg-gradient`\n// scss-docs-start variable-gradient\n$gradient: linear-gradient(180deg, rgba($white, .15), rgba($white, 0)) !default;\n// scss-docs-end variable-gradient\n\n// Spacing\n//\n// Control the default styling of most Bootstrap elements by modifying these\n// variables. Mostly focused on spacing.\n// You can add more entries to the $spacers map, should you need more variation.\n\n// scss-docs-start spacer-variables-maps\n$spacer: 1rem !default;\n$spacers: (\n 0: 0,\n 1: $spacer * .25,\n 2: $spacer * .5,\n 3: $spacer,\n 4: $spacer * 1.5,\n 5: $spacer * 3,\n) !default;\n\n$negative-spacers: if($enable-negative-margins, negativify-map($spacers), null) !default;\n// scss-docs-end spacer-variables-maps\n\n// Position\n//\n// Define the edge positioning anchors of the position utilities.\n\n// scss-docs-start position-map\n$position-values: (\n 0: 0,\n 50: 50%,\n 100: 100%\n) !default;\n// scss-docs-end position-map\n\n// Body\n//\n// Settings for the `` element.\n\n$body-bg: $white !default;\n$body-color: $high-emphasis !default;\n$body-text-align: null !default;\n\n\n// Links\n//\n// Style anchor elements.\n\n$link-color: $primary !default;\n$link-decoration: underline !default;\n$link-shade-percentage: 20% !default;\n$link-hover-color: shift-color($link-color, $link-shade-percentage) !default;\n$link-hover-decoration: null !default;\n\n$stretched-link-pseudo-element: after !default;\n$stretched-link-z-index: 1 !default;\n\n// Paragraphs\n//\n// Style p element.\n\n$paragraph-margin-bottom: 1rem !default;\n\n\n// Grid breakpoints\n//\n// Define the minimum dimensions at which your layout will change,\n// adapting to different screen sizes, for use in media queries.\n\n// scss-docs-start grid-breakpoints\n$grid-breakpoints: (\n xs: 0,\n sm: 576px,\n md: 768px,\n lg: 992px,\n xl: 1200px,\n xxl: 1400px\n) !default;\n// scss-docs-end grid-breakpoints\n\n@include _assert-ascending($grid-breakpoints, \"$grid-breakpoints\");\n@include _assert-starts-at-zero($grid-breakpoints, \"$grid-breakpoints\");\n\n\n// Grid containers\n//\n// Define the maximum width of `.container` for different screen sizes.\n\n// scss-docs-start container-max-widths\n$container-max-widths: (\n sm: 540px,\n md: 720px,\n lg: 960px,\n xl: 1140px,\n xxl: 1320px\n) !default;\n// scss-docs-end container-max-widths\n\n@include _assert-ascending($container-max-widths, \"$container-max-widths\");\n\n\n// Grid columns\n//\n// Set the number of columns and specify the width of the gutters.\n\n$grid-columns: 12 !default;\n$grid-gutter-width: 1.5rem !default;\n$grid-row-columns: 6 !default;\n\n$gutters: $spacers !default;\n\n// Container padding\n\n$container-padding-x: $grid-gutter-width * .5 !default;\n\n\n// Components\n//\n// Define common padding and border radius sizes and more.\n\n// scss-docs-start border-variables\n$border-width: 1px !default;\n$border-widths: (\n 1: 1px,\n 2: 2px,\n 3: 3px,\n 4: 4px,\n 5: 5px\n) !default;\n\n$border-color: $gray-200 !default;\n// scss-docs-end border-variables\n\n// scss-docs-start border-radius-variables\n$border-radius: .25rem !default;\n$border-radius-sm: .2rem !default;\n$border-radius-lg: .3rem !default;\n$border-radius-pill: 50rem !default;\n// scss-docs-end border-radius-variables\n\n// scss-docs-start box-shadow-variables\n$box-shadow: 0 .5rem 1rem rgba($black, .15) !default;\n$box-shadow-sm: 0 .125rem .25rem rgba($black, .075) !default;\n$box-shadow-lg: 0 1rem 3rem rgba($black, .175) !default;\n$box-shadow-inset: inset 0 1px 2px rgba($black, .075) !default;\n// scss-docs-end box-shadow-variables\n\n$component-active-color: $high-emphasis-inverse !default;\n$component-active-bg: $primary !default;\n\n// scss-docs-start caret-variables\n$caret-width: .3em !default;\n$caret-vertical-align: $caret-width * .85 !default;\n$caret-spacing: $caret-width * .85 !default;\n// scss-docs-end caret-variables\n\n$transition-base: all .2s ease-in-out !default;\n$transition-fade: opacity .15s linear !default;\n// scss-docs-start collapse-transition\n$transition-collapse: height .35s ease !default;\n// scss-docs-end collapse-transition\n\n// stylelint-disable function-disallowed-list\n// scss-docs-start aspect-ratios\n$aspect-ratios: (\n \"1x1\": 100%,\n \"4x3\": calc(3 / 4 * 100%),\n \"16x9\": calc(9 / 16 * 100%),\n \"21x9\": calc(9 / 21 * 100%)\n) !default;\n// scss-docs-end aspect-ratios\n// stylelint-enable function-disallowed-list\n\n// Typography\n//\n// Font, line-height, and color for body text, headings, and more.\n\n// scss-docs-start font-variables\n// stylelint-disable value-keyword-case\n$font-family-sans-serif: system-ui, -apple-system, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, \"Noto Sans\", \"Liberation Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\" !default;\n$font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace !default;\n// stylelint-enable value-keyword-case\n$font-family-base: var(--#{$variable-prefix}font-sans-serif) !default;\n$font-family-code: var(--#{$variable-prefix}font-monospace) !default;\n\n// $font-size-root affects the value of `rem`, which is used for as well font sizes, paddings, and margins\n// $font-size-base affects the font size of the body text\n$font-size-root: null !default;\n$font-size-base: 1rem !default; // Assumes the browser default, typically `16px`\n$font-size-sm: $font-size-base * .875 !default;\n$font-size-lg: $font-size-base * 1.25 !default;\n\n$font-weight-lighter: lighter !default;\n$font-weight-light: 300 !default;\n$font-weight-normal: 400 !default;\n$font-weight-medium: 500 !default;\n$font-weight-semibold: 600 !default;\n$font-weight-bold: 700 !default;\n$font-weight-bolder: bolder !default;\n\n$font-weight-base: $font-weight-normal !default;\n\n$line-height-base: 1.5 !default;\n$line-height-sm: 1.25 !default;\n$line-height-lg: 2 !default;\n\n$h1-font-size: $font-size-base * 2.5 !default;\n$h2-font-size: $font-size-base * 2 !default;\n$h3-font-size: $font-size-base * 1.75 !default;\n$h4-font-size: $font-size-base * 1.5 !default;\n$h5-font-size: $font-size-base * 1.25 !default;\n$h6-font-size: $font-size-base !default;\n// scss-docs-end font-variables\n\n// scss-docs-start font-sizes\n$font-sizes: (\n 1: $h1-font-size,\n 2: $h2-font-size,\n 3: $h3-font-size,\n 4: $h4-font-size,\n 5: $h5-font-size,\n 6: $h6-font-size\n) !default;\n// scss-docs-end font-sizes\n\n// scss-docs-start headings-variables\n$headings-margin-bottom: $spacer * .5 !default;\n$headings-font-family: null !default;\n$headings-font-style: null !default;\n$headings-font-weight: 500 !default;\n$headings-line-height: 1.2 !default;\n$headings-color: unset !default;\n// scss-docs-end headings-variables\n\n// scss-docs-start display-headings\n$display-font-sizes: (\n 1: 5rem,\n 2: 4.5rem,\n 3: 4rem,\n 4: 3.5rem,\n 5: 3rem,\n 6: 2.5rem\n) !default;\n\n$display-font-weight: 300 !default;\n$display-line-height: $headings-line-height !default;\n// scss-docs-end display-headings\n\n// scss-docs-start type-variables\n$lead-font-size: $font-size-base * 1.25 !default;\n$lead-font-weight: 300 !default;\n\n$small-font-size: .875em !default;\n\n$sub-sup-font-size: .75em !default;\n\n$text-high-emphasis: $high-emphasis !default;\n$text-medium-emphasis: $medium-emphasis !default;\n$text-disabled: $disabled !default;\n$text-muted: $disabled !default;\n\n$text-high-emphasis-inverse: $high-emphasis-inverse !default;\n$text-medium-emphasis-inverse: $medium-emphasis-inverse !default;\n$text-disabled-inverse: $disabled-inverse !default;\n\n$initialism-font-size: $small-font-size !default;\n\n$blockquote-margin-y: $spacer !default;\n$blockquote-font-size: $font-size-base * 1.25 !default;\n$blockquote-footer-color: $gray-600 !default;\n$blockquote-footer-font-size: $small-font-size !default;\n\n$hr-margin-y: $spacer !default;\n$hr-color: inherit !default;\n$hr-height: $border-width !default;\n$hr-opacity: .25 !default;\n\n$vr-color: inherit !default;\n$vr-width: $border-width !default;\n$vr-opacity: .25 !default;\n\n$legend-margin-bottom: .5rem !default;\n$legend-font-size: 1.5rem !default;\n$legend-font-weight: null !default;\n\n$mark-padding: .2em !default;\n\n$dt-font-weight: $font-weight-bold !default;\n\n$nested-kbd-font-weight: $font-weight-bold !default;\n\n$list-inline-padding: .5rem !default;\n\n$mark-bg: #fcf8e3 !default;\n// scss-docs-end type-variables\n\n// Icons\n$icon-size-base: 1rem !default;\n$icon-size-sm: $icon-size-base * .875 !default;\n$icon-size-lg: $icon-size-base * 1.25 !default;\n$icon-size-xl: $icon-size-base * 1.5 !default;\n\n\n// Tables\n//\n// Customizes the `.table` component with basic values, each used across all table variations.\n\n// scss-docs-start table-variables\n$table-cell-padding-y: .5rem !default;\n$table-cell-padding-x: .5rem !default;\n$table-cell-padding-y-sm: .25rem !default;\n$table-cell-padding-x-sm: .25rem !default;\n\n$table-cell-vertical-align: top !default;\n\n$table-color: $body-color !default;\n$table-bg: transparent !default;\n$table-accent-bg: transparent !default;\n\n$table-th-font-weight: 600 !default;\n\n$table-striped-color: $table-color !default;\n$table-striped-bg-factor: .05 !default;\n$table-striped-bg: rgba($black, $table-striped-bg-factor) !default;\n\n$table-active-color: $table-color !default;\n$table-active-bg-factor: .1 !default;\n$table-active-bg: rgba($black, $table-active-bg-factor) !default;\n\n$table-hover-color: $table-color !default;\n$table-hover-bg-factor: .075 !default;\n$table-hover-bg: rgba($black, $table-hover-bg-factor) !default;\n\n$table-border-factor: .1 !default;\n$table-border-width: $border-width !default;\n$table-border-color: $border-color !default;\n\n$table-striped-order: odd !default;\n\n$table-group-separator-color: currentColor !default;\n\n$table-caption-color: $text-muted !default;\n\n$table-bg-scale: -80% !default;\n// scss-docs-end table-variables\n\n// scss-docs-start table-loop\n$table-variants: (\n \"primary\": table-color-map(shift-color($primary, $table-bg-scale)),\n \"secondary\": table-color-map(shift-color($secondary, $table-bg-scale)),\n \"success\": table-color-map(shift-color($success, $table-bg-scale)),\n \"danger\": table-color-map(shift-color($danger, $table-bg-scale)),\n \"warning\": table-color-map(shift-color($warning, $table-bg-scale)),\n \"info\": table-color-map(shift-color($info, $table-bg-scale)),\n \"light\": table-color-map(shift-color($light, $table-bg-scale)),\n \"dark\": table-color-map(shift-color($dark, $table-bg-scale))\n) !default;\n// scss-docs-end table-loop\n\n\n// Buttons + Forms\n//\n// Shared variables that are reassigned to `$input-` and `$btn-` specific variables.\n\n// scss-docs-start input-btn-variables\n$input-btn-padding-y: .375rem !default;\n$input-btn-padding-x: .75rem !default;\n$input-btn-font-family: null !default;\n$input-btn-font-size: $font-size-base !default;\n$input-btn-line-height: $line-height-base !default;\n\n$input-btn-focus-width: .25rem !default;\n$input-btn-focus-color-opacity: .25 !default;\n$input-btn-focus-color: rgba($component-active-bg, $input-btn-focus-color-opacity) !default;\n$input-btn-focus-blur: 0 !default;\n$input-btn-focus-box-shadow: 0 0 $input-btn-focus-blur $input-btn-focus-width $input-btn-focus-color !default;\n\n$input-btn-padding-y-sm: .25rem !default;\n$input-btn-padding-x-sm: .5rem !default;\n$input-btn-font-size-sm: $font-size-sm !default;\n\n$input-btn-padding-y-lg: .5rem !default;\n$input-btn-padding-x-lg: 1rem !default;\n$input-btn-font-size-lg: $font-size-lg !default;\n\n$input-btn-border-width: $border-width !default;\n// scss-docs-end input-btn-variables\n\n\n// Buttons\n//\n// For each of Bootstrap's buttons, define text, background, and border color.\n\n// scss-docs-start btn-variables\n$btn-padding-y: $input-btn-padding-y !default;\n$btn-padding-x: $input-btn-padding-x !default;\n$btn-font-family: $input-btn-font-family !default;\n$btn-font-size: $input-btn-font-size !default;\n$btn-line-height: $input-btn-line-height !default;\n$btn-white-space: null !default; // Set to `nowrap` to prevent text wrapping\n\n$btn-padding-y-sm: $input-btn-padding-y-sm !default;\n$btn-padding-x-sm: $input-btn-padding-x-sm !default;\n$btn-font-size-sm: $input-btn-font-size-sm !default;\n\n$btn-padding-y-lg: $input-btn-padding-y-lg !default;\n$btn-padding-x-lg: $input-btn-padding-x-lg !default;\n$btn-font-size-lg: $input-btn-font-size-lg !default;\n\n$btn-border-width: $input-btn-border-width !default;\n\n$btn-font-weight: $font-weight-normal !default;\n$btn-box-shadow: inset 0 1px 0 rgba($white, .15), 0 1px 1px rgba($black, .075) !default;\n$btn-focus-width: $input-btn-focus-width !default;\n$btn-focus-box-shadow: $input-btn-focus-box-shadow !default;\n$btn-disabled-opacity: .65 !default;\n$btn-active-box-shadow: inset 0 3px 5px rgba($black, .125) !default;\n\n$btn-link-color: $link-color !default;\n$btn-link-hover-color: $link-hover-color !default;\n$btn-link-disabled-color: $gray-600 !default;\n\n// Allows for customizing button radius independently from global border radius\n$btn-border-radius: $border-radius !default;\n$btn-border-radius-sm: $border-radius-sm !default;\n$btn-border-radius-lg: $border-radius-lg !default;\n\n$btn-transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out !default;\n\n$btn-hover-bg-shade-amount: 15% !default;\n$btn-hover-bg-tint-amount: 15% !default;\n$btn-hover-border-shade-amount: 20% !default;\n$btn-hover-border-tint-amount: 10% !default;\n$btn-active-bg-shade-amount: 20% !default;\n$btn-active-bg-tint-amount: 20% !default;\n$btn-active-border-shade-amount: 25% !default;\n$btn-active-border-tint-amount: 10% !default;\n\n$button-variants: (\n \"primary\": btn-color-map($primary, $primary),\n \"secondary\": btn-color-map($secondary, $secondary),\n \"success\": btn-color-map($success, $success),\n \"danger\": btn-color-map($danger, $danger),\n \"warning\": btn-color-map($warning, $warning),\n \"info\": btn-color-map($info, $info),\n \"light\": btn-color-map($light, $light),\n \"dark\": btn-color-map($dark, $dark)\n) !default;\n\n$button-outline-ghost-variants: (\n \"primary\": btn-outline-color-map($primary),\n \"secondary\": btn-outline-color-map($secondary),\n \"success\": btn-outline-color-map($success),\n \"danger\": btn-outline-color-map($danger),\n \"warning\": btn-outline-color-map($warning),\n \"info\": btn-outline-color-map($info),\n \"light\": btn-outline-color-map($light),\n \"dark\": btn-outline-color-map($dark)\n) !default;\n// scss-docs-end btn-variables\n\n\n// Forms\n// scss-docs-start form-variables\n// scss-docs-start form-text-variables\n$form-text-margin-top: .25rem !default;\n$form-text-font-size: $small-font-size !default;\n$form-text-font-style: null !default;\n$form-text-font-weight: null !default;\n$form-text-color: $text-muted !default;\n// scss-docs-end form-text-variables\n\n// scss-docs-start form-label-variables\n$form-label-margin-bottom: .5rem !default;\n$form-label-font-size: null !default;\n$form-label-font-style: null !default;\n$form-label-font-weight: null !default;\n$form-label-color: null !default;\n// scss-docs-end form-label-variables\n\n// scss-docs-start form-input-variables\n$input-padding-y: $input-btn-padding-y !default;\n$input-padding-x: $input-btn-padding-x !default;\n$input-font-family: $input-btn-font-family !default;\n$input-font-size: $input-btn-font-size !default;\n$input-font-weight: $font-weight-base !default;\n$input-line-height: $input-btn-line-height !default;\n\n$input-padding-y-sm: $input-btn-padding-y-sm !default;\n$input-padding-x-sm: $input-btn-padding-x-sm !default;\n$input-font-size-sm: $input-btn-font-size-sm !default;\n\n$input-padding-y-lg: $input-btn-padding-y-lg !default;\n$input-padding-x-lg: $input-btn-padding-x-lg !default;\n$input-font-size-lg: $input-btn-font-size-lg !default;\n\n$input-bg: $white !default;\n$input-disabled-bg: $gray-200 !default;\n$input-disabled-border-color: $gray-400 !default;\n\n$input-color: $body-color !default;\n$input-border-color: $gray-400 !default;\n$input-border-width: $input-btn-border-width !default;\n$input-box-shadow: $box-shadow-inset !default;\n\n$input-border-radius: $border-radius !default;\n$input-border-radius-sm: $border-radius-sm !default;\n$input-border-radius-lg: $border-radius-lg !default;\n\n$input-focus-bg: $input-bg !default;\n$input-focus-border-color: tint-color($component-active-bg, 50%) !default;\n$input-focus-color: $input-color !default;\n$input-focus-width: $input-btn-focus-width !default;\n$input-focus-box-shadow: $input-btn-focus-box-shadow !default;\n\n$input-placeholder-color: $gray-600 !default;\n$input-plaintext-color: $body-color !default;\n\n$input-height-border: $input-border-width * 2 !default;\n\n$input-height-inner: add($input-line-height * 1em, $input-padding-y * 2) !default;\n$input-height-inner-half: add($input-line-height * .5em, $input-padding-y) !default;\n$input-height-inner-quarter: add($input-line-height * .25em, $input-padding-y * .5) !default;\n\n$input-height: add($input-line-height * 1em, add($input-padding-y * 2, $input-height-border, false)) !default;\n$input-height-sm: add($input-line-height * 1em, add($input-padding-y-sm * 2, $input-height-border, false)) !default;\n$input-height-lg: add($input-line-height * 1em, add($input-padding-y-lg * 2, $input-height-border, false)) !default;\n\n$input-transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out !default;\n// scss-docs-end form-input-variables\n\n// scss-docs-start form-check-variables\n$form-check-input-width: 1em !default;\n$form-check-min-height: $font-size-base * $line-height-base !default;\n$form-check-padding-start: $form-check-input-width + .5em !default;\n$form-check-margin-bottom: .125rem !default;\n$form-check-label-color: unset !default;\n$form-check-label-cursor: null !default;\n$form-check-transition: null !default;\n\n$form-check-input-active-filter: brightness(90%) !default;\n\n$form-check-input-bg: $input-bg !default;\n$form-check-input-border: 1px solid rgba($black, .25) !default;\n$form-check-input-border-radius: .25em !default;\n$form-check-radio-border-radius: 50% !default;\n$form-check-input-focus-border: $input-focus-border-color !default;\n$form-check-input-focus-box-shadow: $input-btn-focus-box-shadow !default;\n\n$form-check-input-checked-color: $component-active-color !default;\n$form-check-input-checked-bg-color: $component-active-bg !default;\n$form-check-input-checked-border-color: $form-check-input-checked-bg-color !default;\n$form-check-input-checked-bg-image: url(\"data:image/svg+xml,\") !default;\n$form-check-radio-checked-bg-image: url(\"data:image/svg+xml,\") !default;\n\n$form-check-input-indeterminate-color: $component-active-color !default;\n$form-check-input-indeterminate-bg-color: $component-active-bg !default;\n$form-check-input-indeterminate-border-color: $form-check-input-indeterminate-bg-color !default;\n$form-check-input-indeterminate-bg-image: url(\"data:image/svg+xml,\") !default;\n\n$form-check-input-disabled-opacity: .5 !default;\n$form-check-label-disabled-opacity: $form-check-input-disabled-opacity !default;\n$form-check-btn-check-disabled-opacity: $btn-disabled-opacity !default;\n\n$form-check-inline-margin-end: 1rem !default;\n// scss-docs-end form-check-variables\n\n// scss-docs-start form-switch-variables\n$form-switch-color: rgba(0, 0, 0, .25) !default;\n$form-switch-width: 1.5em !default;\n$form-switch-padding-start: $form-switch-width + .5em !default;\n$form-switch-bg-image: url(\"data:image/svg+xml,\") !default;\n$form-switch-border-radius: $form-switch-width !default;\n$form-switch-transition: background-position .15s ease-in-out !default;\n\n$form-switch-focus-color: $input-focus-border-color !default;\n$form-switch-focus-bg-image: url(\"data:image/svg+xml,\") !default;\n\n$form-switch-checked-color: $component-active-color !default;\n$form-switch-checked-bg-image: url(\"data:image/svg+xml,\") !default;\n$form-switch-checked-bg-position: right center !default;\n\n$form-switch-widths: (\n lg: (\n width: 1.75em,\n height: 1.25em\n ),\n xl: (\n width: 2em,\n height: 1.5em\n )\n) !default;\n// scss-docs-end form-switch-variables\n\n$form-check-inline-margin-end: 1rem !default;\n\n// scss-docs-start input-group-variables\n$input-group-addon-padding-y: $input-padding-y !default;\n$input-group-addon-padding-x: $input-padding-x !default;\n$input-group-addon-font-weight: $input-font-weight !default;\n$input-group-addon-color: $input-color !default;\n$input-group-addon-bg: $gray-200 !default;\n$input-group-addon-border-color: $input-border-color !default;\n// scss-docs-end input-group-variables\n\n// scss-docs-start form-select-variables\n$form-select-padding-y: $input-padding-y !default;\n$form-select-padding-x: $input-padding-x !default;\n$form-select-font-family: $input-font-family !default;\n$form-select-font-size: $input-font-size !default;\n$form-select-indicator-padding: $form-select-padding-x * 3 !default; // Extra padding for background-image\n$form-select-font-weight: $input-font-weight !default;\n$form-select-line-height: $input-line-height !default;\n$form-select-color: $input-color !default;\n$form-select-bg: $input-bg !default;\n$form-select-disabled-color: null !default;\n$form-select-disabled-bg: $gray-200 !default;\n$form-select-disabled-border-color: $input-disabled-border-color !default;\n$form-select-bg-position: right $form-select-padding-x center !default;\n$form-select-bg-size: 16px 12px !default; // In pixels because image dimensions\n$form-select-indicator-color: $gray-800 !default;\n$form-select-indicator: url(\"data:image/svg+xml,\") !default;\n\n$form-select-feedback-icon-padding-end: $form-select-padding-x * 2.5 + $form-select-indicator-padding !default;\n$form-select-feedback-icon-position: center right $form-select-indicator-padding !default;\n$form-select-feedback-icon-size: $input-height-inner-half $input-height-inner-half !default;\n\n$form-select-border-width: $input-border-width !default;\n$form-select-border-color: $input-border-color !default;\n$form-select-border-radius: $border-radius !default;\n$form-select-box-shadow: $box-shadow-inset !default;\n\n$form-select-focus-border-color: $input-focus-border-color !default;\n$form-select-focus-width: $input-focus-width !default;\n$form-select-focus-box-shadow: 0 0 0 $form-select-focus-width $input-btn-focus-color !default;\n\n$form-select-padding-y-sm: $input-padding-y-sm !default;\n$form-select-padding-x-sm: $input-padding-x-sm !default;\n$form-select-font-size-sm: $input-font-size-sm !default;\n\n$form-select-padding-y-lg: $input-padding-y-lg !default;\n$form-select-padding-x-lg: $input-padding-x-lg !default;\n$form-select-font-size-lg: $input-font-size-lg !default;\n\n$form-select-transition: $input-transition !default;\n// scss-docs-end form-select-variables\n\n// scss-docs-start form-range-variables\n$form-range-track-width: 100% !default;\n$form-range-track-height: .5rem !default;\n$form-range-track-cursor: pointer !default;\n$form-range-track-bg: $gray-300 !default;\n$form-range-track-border-radius: 1rem !default;\n$form-range-track-box-shadow: $box-shadow-inset !default;\n\n$form-range-thumb-width: 1rem !default;\n$form-range-thumb-height: $form-range-thumb-width !default;\n$form-range-thumb-bg: $component-active-bg !default;\n$form-range-thumb-border: 0 !default;\n$form-range-thumb-border-radius: 1rem !default;\n$form-range-thumb-box-shadow: 0 .1rem .25rem rgba($black, .1) !default;\n$form-range-thumb-focus-box-shadow: 0 0 0 1px $body-bg, $input-focus-box-shadow !default;\n$form-range-thumb-focus-box-shadow-width: $input-focus-width !default; // For focus box shadow issue in Edge\n$form-range-thumb-active-bg: tint-color($component-active-bg, 70%) !default;\n$form-range-thumb-disabled-bg: $gray-500 !default;\n$form-range-thumb-transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out !default;\n// scss-docs-end form-range-variables\n\n// scss-docs-start form-file-variables\n$form-file-button-color: $input-color !default;\n$form-file-button-bg: $input-group-addon-bg !default;\n$form-file-button-hover-bg: shade-color($form-file-button-bg, 5%) !default;\n// scss-docs-end form-file-variables\n\n// scss-docs-start form-floating-variables\n$form-floating-height: add(3.5rem, $input-height-border) !default;\n$form-floating-line-height: 1.25 !default;\n$form-floating-padding-x: $input-padding-x !default;\n$form-floating-padding-y: 1rem !default;\n$form-floating-input-padding-t: 1.625rem !default;\n$form-floating-input-padding-b: .625rem !default;\n$form-floating-label-opacity: .65 !default;\n$form-floating-label-transform: scale(.85) translateY(-.5rem) translateX(.15rem) !default;\n$form-floating-transition: opacity .1s ease-in-out, transform .1s ease-in-out !default;\n// scss-docs-end form-floating-variables\n\n// Form validation\n\n// scss-docs-start form-feedback-variables\n$form-feedback-margin-top: $form-text-margin-top !default;\n$form-feedback-font-size: $form-text-font-size !default;\n$form-feedback-font-style: $form-text-font-style !default;\n$form-feedback-valid-color: $success !default;\n$form-feedback-invalid-color: $danger !default;\n\n$form-feedback-icon-valid-color: $form-feedback-valid-color !default;\n$form-feedback-icon-valid: url(\"data:image/svg+xml,\") !default;\n$form-feedback-icon-invalid-color: $form-feedback-invalid-color !default;\n$form-feedback-icon-invalid: url(\"data:image/svg+xml,\") !default;\n// scss-docs-end form-feedback-variables\n\n// scss-docs-start form-validation-states\n$form-validation-states: (\n \"valid\": (\n \"color\": $form-feedback-valid-color,\n \"icon\": $form-feedback-icon-valid\n ),\n \"invalid\": (\n \"color\": $form-feedback-invalid-color,\n \"icon\": $form-feedback-icon-invalid\n )\n) !default;\n// scss-docs-end form-validation-states\n// scss-docs-end form-variables\n// Z-index master list\n//\n// Warning: Avoid customizing these values. They're used for a bird's eye view\n// of components dependent on the z-axis and are designed to all work together.\n\n// scss-docs-start zindex-stack\n$zindex-dropdown: 1000 !default;\n$zindex-sticky: 1020 !default;\n$zindex-fixed: 1030 !default;\n$zindex-modal-backdrop: 1040 !default;\n$zindex-offcanvas: 1050 !default;\n$zindex-modal: 1060 !default;\n$zindex-popover: 1070 !default;\n$zindex-tooltip: 1080 !default;\n$zindex-toaster: 1090 !default;\n// scss-docs-end zindex-stack\n\n\n// Navs\n// scss-docs-start nav-variables\n$nav-link-padding-y: .5rem !default;\n$nav-link-padding-x: 1rem !default;\n$nav-link-font-size: null !default;\n$nav-link-font-weight: null !default;\n$nav-link-color: $link-color !default;\n$nav-link-hover-color: $link-hover-color !default;\n$nav-link-transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out !default;\n$nav-link-disabled-color: $gray-600 !default;\n\n$nav-tabs-border-color: $gray-300 !default;\n$nav-tabs-border-width: $border-width !default;\n$nav-tabs-border-radius: $border-radius !default;\n$nav-tabs-link-hover-border-color: $gray-200 $gray-200 $nav-tabs-border-color !default;\n$nav-tabs-link-active-color: $gray-700 !default;\n$nav-tabs-link-active-bg: $body-bg !default;\n$nav-tabs-link-active-border-color: $gray-300 $gray-300 $nav-tabs-link-active-bg !default;\n\n$nav-pills-border-radius: $border-radius !default;\n$nav-pills-link-active-color: $component-active-color !default;\n$nav-pills-link-active-bg: $component-active-bg !default;\n// scss-docs-end nav-variables\n\n\n// Navbar\n\n// scss-docs-start navbar-variables\n$navbar-padding-y: $spacer * .5 !default;\n$navbar-padding-x: null !default;\n\n$navbar-nav-link-padding-x: .5rem !default;\n\n$navbar-brand-font-size: $font-size-lg !default;\n// Compute the navbar-brand padding-y so the navbar-brand will have the same height as navbar-text and nav-link\n$nav-link-height: $font-size-base * $line-height-base + $nav-link-padding-y * 2 !default;\n$navbar-brand-height: $navbar-brand-font-size * $line-height-base !default;\n$navbar-brand-padding-y: ($nav-link-height - $navbar-brand-height) * .5 !default;\n$navbar-brand-margin-end: 1rem !default;\n\n$navbar-toggler-padding-y: .25rem !default;\n$navbar-toggler-padding-x: .75rem !default;\n$navbar-toggler-font-size: $font-size-lg !default;\n$navbar-toggler-border-radius: $btn-border-radius !default;\n$navbar-toggler-focus-width: $btn-focus-width !default;\n$navbar-toggler-transition: box-shadow .15s ease-in-out !default;\n// scss-docs-end navbar-variables\n\n// scss-docs-start navbar-theme-variables\n$navbar-dark-color: $medium-emphasis-inverse !default;\n$navbar-dark-hover-color: $high-emphasis-inverse !default;\n$navbar-dark-active-color: $high-emphasis-inverse !default;\n$navbar-dark-disabled-color: $disabled-inverse !default;\n$navbar-dark-toggler-icon-bg: url(\"data:image/svg+xml,\") !default;\n$navbar-dark-toggler-border-color: rgba($white, .1) !default;\n\n$navbar-light-color: $medium-emphasis !default;\n$navbar-light-hover-color: $high-emphasis !default;\n$navbar-light-active-color: $high-emphasis !default;\n$navbar-light-disabled-color: $disabled !default;\n$navbar-light-toggler-icon-bg: url(\"data:image/svg+xml,\") !default;\n$navbar-light-toggler-border-color: rgba($black, .1) !default;\n\n$navbar-light-brand-color: $navbar-light-active-color !default;\n$navbar-light-brand-hover-color: $navbar-light-active-color !default;\n$navbar-dark-brand-color: $navbar-dark-active-color !default;\n$navbar-dark-brand-hover-color: $navbar-dark-active-color !default;\n// scss-docs-end navbar-theme-variables\n\n\n// Dropdowns\n//\n// Dropdown menu container and contents.\n// scss-docs-start dropdown-variables\n$dropdown-min-width: 10rem !default;\n$dropdown-padding-x: 0 !default;\n$dropdown-padding-y: .5rem !default;\n$dropdown-spacer: .125rem !default;\n$dropdown-font-size: $font-size-base !default;\n$dropdown-color: $body-color !default;\n$dropdown-bg: $white !default;\n$dropdown-border-color: rgba($black, .15) !default;\n$dropdown-border-radius: $border-radius !default;\n$dropdown-border-width: $border-width !default;\n$dropdown-inner-border-radius: subtract($dropdown-border-radius, $dropdown-border-width) !default;\n$dropdown-divider-bg: $dropdown-border-color !default;\n$dropdown-divider-margin-y: $spacer * .5 !default;\n$dropdown-box-shadow: $box-shadow !default;\n\n$dropdown-link-color: $gray-900 !default;\n$dropdown-link-hover-color: shade-color($gray-900, 10%) !default;\n$dropdown-link-hover-bg: $gray-200 !default;\n\n$dropdown-link-active-color: $component-active-color !default;\n$dropdown-link-active-bg: $component-active-bg !default;\n\n$dropdown-link-disabled-color: $gray-500 !default;\n\n$dropdown-item-padding-y: $spacer * .25 !default;\n$dropdown-item-padding-x: $spacer !default;\n\n$dropdown-header-color: $gray-600 !default;\n$dropdown-header-padding: $dropdown-padding-y $dropdown-item-padding-x !default;\n// scss-docs-end dropdown-variables\n\n// scss-docs-start dropdown-dark-variables\n$dropdown-dark-color: $gray-300 !default;\n$dropdown-dark-bg: $gray-800 !default;\n$dropdown-dark-border-color: $dropdown-border-color !default;\n$dropdown-dark-divider-bg: $dropdown-divider-bg !default;\n$dropdown-dark-box-shadow: null !default;\n$dropdown-dark-link-color: $dropdown-dark-color !default;\n$dropdown-dark-link-hover-color: $high-emphasis-inverse !default;\n$dropdown-dark-link-hover-bg: rgba($white, .15) !default;\n$dropdown-dark-link-active-color: $dropdown-link-active-color !default;\n$dropdown-dark-link-active-bg: $dropdown-link-active-bg !default;\n$dropdown-dark-link-disabled-color: $gray-500 !default;\n$dropdown-dark-header-color: $gray-500 !default;\n// scss-docs-end dropdown-dark-variables\n\n\n// Pagination\n\n// scss-docs-start pagination-variables\n$pagination-padding-y: .375rem !default;\n$pagination-padding-x: .75rem !default;\n$pagination-padding-y-sm: .25rem !default;\n$pagination-padding-x-sm: .5rem !default;\n$pagination-padding-y-lg: .75rem !default;\n$pagination-padding-x-lg: 1.5rem !default;\n\n$pagination-color: $link-color !default;\n$pagination-bg: $white !default;\n$pagination-border-width: $border-width !default;\n$pagination-border-radius: $border-radius !default;\n$pagination-margin-start: -$pagination-border-width !default;\n$pagination-border-color: $gray-300 !default;\n\n$pagination-focus-color: $link-hover-color !default;\n$pagination-focus-bg: $gray-200 !default;\n$pagination-focus-box-shadow: $input-btn-focus-box-shadow !default;\n$pagination-focus-outline: 0 !default;\n\n$pagination-hover-color: $link-hover-color !default;\n$pagination-hover-bg: $gray-200 !default;\n$pagination-hover-border-color: $gray-300 !default;\n\n$pagination-active-color: $component-active-color !default;\n$pagination-active-bg: $component-active-bg !default;\n$pagination-active-border-color: $pagination-active-bg !default;\n\n$pagination-disabled-color: $gray-600 !default;\n$pagination-disabled-bg: $white !default;\n$pagination-disabled-border-color: $gray-300 !default;\n\n$pagination-transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out !default;\n// scss-docs-end pagination-variables\n\n$pagination-border-radius-sm: $border-radius-sm !default;\n$pagination-border-radius-lg: $border-radius-lg !default;\n// scss-docs-end pagination-variables\n\n\n// Cards\n// scss-docs-start card-variables\n$card-spacer-y: $spacer !default;\n$card-spacer-x: $spacer !default;\n$card-title-spacer-y: $spacer * .5 !default;\n$card-border-width: $border-width !default;\n$card-border-radius: $border-radius !default;\n$card-border-color: rgba($black, .125) !default;\n$card-inner-border-radius: subtract($card-border-radius, $card-border-width) !default;\n$card-cap-padding-y: $card-spacer-y * .5 !default;\n$card-cap-padding-x: $card-spacer-x !default;\n$card-cap-bg: rgba($black, .03) !default;\n$card-cap-color: unset !default;\n$card-height: null !default;\n$card-color: unset !default;\n$card-bg: $white !default;\n$card-img-overlay-padding: $spacer !default;\n$card-group-margin: $grid-gutter-width * .5 !default;\n// scss-docs-end card-variables\n\n// Accordion\n// scss-docs-start accordion-variables\n$accordion-padding-y: 1rem !default;\n$accordion-padding-x: 1.25rem !default;\n$accordion-color: $body-color !default;\n$accordion-bg: $body-bg !default;\n$accordion-border-width: $border-width !default;\n$accordion-border-color: rgba($black, .125) !default;\n$accordion-border-radius: $border-radius !default;\n$accordion-inner-border-radius: subtract($accordion-border-radius, $accordion-border-width) !default;\n\n$accordion-body-padding-y: $accordion-padding-y !default;\n$accordion-body-padding-x: $accordion-padding-x !default;\n\n$accordion-button-padding-y: $accordion-padding-y !default;\n$accordion-button-padding-x: $accordion-padding-x !default;\n$accordion-button-color: $accordion-color !default;\n$accordion-button-bg: $accordion-bg !default;\n$accordion-transition: $btn-transition, border-radius .15s ease !default;\n$accordion-button-active-bg: tint-color($component-active-bg, 90%) !default;\n$accordion-button-active-color: shade-color($primary, 10%) !default;\n\n$accordion-button-focus-border-color: $input-focus-border-color !default;\n$accordion-button-focus-box-shadow: $btn-focus-box-shadow !default;\n\n$accordion-icon-width: 1.25rem !default;\n$accordion-icon-color: $accordion-color !default;\n$accordion-icon-active-color: $accordion-button-active-color !default;\n$accordion-icon-transition: transform .2s ease-in-out !default;\n$accordion-icon-transform: rotate(-180deg) !default;\n\n$accordion-button-icon: url(\"data:image/svg+xml,\") !default;\n$accordion-button-active-icon: url(\"data:image/svg+xml,\") !default;\n// scss-docs-end accordion-variables\n\n// Tooltips\n\n// scss-docs-start tooltip-variables\n$tooltip-font-size: $font-size-sm !default;\n$tooltip-max-width: 200px !default;\n$tooltip-color: $high-emphasis-inverse !default;\n$tooltip-bg: $black !default;\n$tooltip-border-radius: $border-radius !default;\n$tooltip-opacity: .9 !default;\n$tooltip-padding-y: $spacer * .25 !default;\n$tooltip-padding-x: $spacer * .5 !default;\n$tooltip-margin: 0 !default;\n\n$tooltip-arrow-width: .8rem !default;\n$tooltip-arrow-height: .4rem !default;\n$tooltip-arrow-color: $tooltip-bg !default;\n// scss-docs-end tooltip-variables\n\n// Form tooltips must come after regular tooltips\n// scss-docs-start tooltip-feedback-variables\n$form-feedback-tooltip-padding-y: $tooltip-padding-y !default;\n$form-feedback-tooltip-padding-x: $tooltip-padding-x !default;\n$form-feedback-tooltip-font-size: $tooltip-font-size !default;\n$form-feedback-tooltip-line-height: null !default;\n$form-feedback-tooltip-opacity: $tooltip-opacity !default;\n$form-feedback-tooltip-border-radius: $tooltip-border-radius !default;\n// scss-docs-end tooltip-feedback-variables\n\n\n// Popovers\n// scss-docs-start popover-variables\n$popover-font-size: $font-size-sm !default;\n$popover-bg: $white !default;\n$popover-max-width: 276px !default;\n$popover-border-width: $border-width !default;\n$popover-border-color: rgba($black, .2) !default;\n$popover-border-radius: $border-radius-lg !default;\n$popover-inner-border-radius: subtract($popover-border-radius, $popover-border-width) !default;\n$popover-box-shadow: $box-shadow !default;\n\n$popover-header-bg: shade-color($popover-bg, 6%) !default;\n$popover-header-color: $headings-color !default;\n$popover-header-padding-y: .5rem !default;\n$popover-header-padding-x: $spacer !default;\n\n$popover-body-color: $body-color !default;\n$popover-body-padding-y: $spacer !default;\n$popover-body-padding-x: $spacer !default;\n\n$popover-arrow-width: 1rem !default;\n$popover-arrow-height: .5rem !default;\n$popover-arrow-color: $popover-bg !default;\n\n$popover-arrow-outer-color: fade-in($popover-border-color, .05) !default;\n// scss-docs-end popover-variables\n\n\n// Toasts\n// scss-docs-start toast-variables\n$toast-max-width: 350px !default;\n$toast-padding-x: .75rem !default;\n$toast-padding-y: .5rem !default;\n$toast-font-size: .875rem !default;\n$toast-color: unset !default;\n$toast-background-color: rgba($white, .85) !default;\n$toast-border-width: 1px !default;\n$toast-border-color: rgba(0, 0, 0, .1) !default;\n$toast-border-radius: $border-radius !default;\n$toast-box-shadow: $box-shadow !default;\n$toast-spacing: $container-padding-x !default;\n\n$toast-header-color: $gray-600 !default;\n$toast-header-background-color: rgba($white, .85) !default;\n$toast-header-border-color: rgba(0, 0, 0, .05) !default;\n// scss-docs-end toast-variables\n\n\n// Badges\n// scss-docs-start badge-variables\n$badge-font-size: .75em !default;\n$badge-font-weight: $font-weight-bold !default;\n$badge-color: $high-emphasis-inverse !default;\n$badge-padding-y: .35em !default;\n$badge-padding-x: .65em !default;\n$badge-border-radius: $border-radius !default;\n// scss-docs-end badge-variables\n\n$badge-font-size-sm: .65em !default;\n$badge-padding-y-sm: .3em !default;\n$badge-padding-x-sm: .5em !default;\n// scss-docs-end badge-variables\n\n\n// Modals\n\n// scss-docs-start modal-variables\n$modal-inner-padding: $spacer !default;\n\n$modal-footer-margin-between: .5rem !default;\n\n$modal-dialog-margin: .5rem !default;\n$modal-dialog-margin-y-sm-up: 1.75rem !default;\n\n$modal-title-line-height: $line-height-base !default;\n\n$modal-content-color: unset !default;\n$modal-content-bg: $white !default;\n$modal-content-border-color: rgba($black, .2) !default;\n$modal-content-border-width: $border-width !default;\n$modal-content-border-radius: $border-radius-lg !default;\n$modal-content-inner-border-radius: subtract($modal-content-border-radius, $modal-content-border-width) !default;\n$modal-content-box-shadow-xs: $box-shadow-sm !default;\n$modal-content-box-shadow-sm-up: $box-shadow !default;\n\n$modal-backdrop-bg: $black !default;\n$modal-backdrop-opacity: .5 !default;\n$modal-header-border-color: $border-color !default;\n$modal-footer-border-color: $modal-header-border-color !default;\n$modal-header-border-width: $modal-content-border-width !default;\n$modal-footer-border-width: $modal-header-border-width !default;\n$modal-header-padding-y: $modal-inner-padding !default;\n$modal-header-padding-x: $modal-inner-padding !default;\n$modal-header-padding: $modal-header-padding-y $modal-header-padding-x !default; // Keep this for backwards compatibility\n\n$modal-sm: 300px !default;\n$modal-md: 500px !default;\n$modal-lg: 800px !default;\n$modal-xl: 1140px !default;\n\n$modal-fade-transform: translate(0, -50px) !default;\n$modal-show-transform: none !default;\n$modal-transition: transform .3s ease-out !default;\n$modal-scale-transform: scale(1.02) !default;\n// scss-docs-end modal-variables\n\n\n// Avatars\n// scss-docs-start avatar-variables\n$avatar-width: 2rem !default;\n\n$avatar-widths: (\n sm: 1.5rem,\n md: 2.5rem,\n lg: 3rem,\n xl: 4rem\n) !default;\n\n$avatar-transition: margin .15s !default;\n// scss-docs-end avatar-variables\n\n// Alerts\n//\n// Define alert colors, border radius, and padding.\n\n// scss-docs-start alert-variables\n$alert-padding-y: $spacer !default;\n$alert-padding-x: $spacer !default;\n$alert-margin-bottom: 1rem !default;\n$alert-border-radius: $border-radius !default;\n$alert-link-font-weight: $font-weight-bold !default;\n$alert-border-width: $border-width !default;\n$alert-bg-scale: -80% !default;\n$alert-border-scale: -70% !default;\n$alert-color-scale: 40% !default;\n$alert-dismissible-padding-r: $alert-padding-x * 3 !default; // 3x covers width of x plus default padding on either side\n// scss-docs-end alert-variables\n\n$alert-variants: (\n \"primary\": alert-color-map($primary),\n \"secondary\": alert-color-map($secondary),\n \"success\": alert-color-map($success),\n \"danger\": alert-color-map($danger),\n \"warning\": alert-color-map($warning),\n \"info\": alert-color-map($info),\n \"light\": alert-color-map($light),\n \"dark\": alert-color-map($dark)\n) !default;\n// scss-docs-end alert-variables\n\n// Callouts\n// scss-docs-start callout-variables\n$callout-padding-y: $spacer !default;\n$callout-padding-x: $spacer !default;\n$callout-margin-y: $spacer !default;\n$callout-margin-x: 0 !default;\n$callout-border-radius: $border-radius !default;\n$callout-border-width: $border-width !default;\n$callout-border-color: $border-color !default;\n$callout-border-left-width: (4 * $callout-border-width) !default;\n\n$callout-variants: (\n \"primary\": $primary,\n \"secondary\": $secondary,\n \"success\": $success,\n \"danger\": $danger,\n \"warning\": $warning,\n \"info\": $info,\n \"light\": $light,\n \"dark\": $dark\n) !default;\n// scss-docs-end callout-variables\n\n\n// Progress bars\n\n// scss-docs-start progress-variables\n$progress-height: 1rem !default;\n$progress-font-size: $font-size-base * .75 !default;\n$progress-bg: $gray-200 !default;\n$progress-border-radius: $border-radius !default;\n$progress-box-shadow: $box-shadow-inset !default;\n$progress-bar-color: $high-emphasis-inverse !default;\n$progress-bar-bg: $primary !default;\n$progress-bar-animation-timing: 1s linear infinite !default;\n$progress-bar-transition: width .6s ease !default;\n\n$progress-group-margin-bottom: $spacer !default;\n$progress-group-header-margin-bottom: $spacer * .25 !default;\n// scss-docs-end progress-variables\n\n// List group\n// scss-docs-start list-group-variables\n$list-group-color: unset !default;\n$list-group-bg: $white !default;\n$list-group-border-color: rgba($black, .125) !default;\n$list-group-border-width: $border-width !default;\n$list-group-border-radius: $border-radius !default;\n\n$list-group-item-padding-y: $spacer * .5 !default;\n$list-group-item-padding-x: $spacer !default;\n$list-group-item-bg-scale: -80% !default;\n$list-group-item-color-scale: 40% !default;\n\n$list-group-hover-bg: $gray-100 !default;\n$list-group-active-color: $component-active-color !default;\n$list-group-active-bg: $component-active-bg !default;\n$list-group-active-border-color: $list-group-active-bg !default;\n\n$list-group-disabled-color: $gray-600 !default;\n$list-group-disabled-bg: $list-group-bg !default;\n\n$list-group-action-color: $gray-700 !default;\n$list-group-action-hover-color: $list-group-action-color !default;\n\n$list-group-action-active-color: $body-color !default;\n$list-group-action-active-bg: $gray-200 !default;\n// scss-docs-end list-group-variables\n\n$list-group-variants: (\n \"primary\": list-group-color-map($primary),\n \"secondary\": list-group-color-map($secondary),\n \"success\": list-group-color-map($success),\n \"danger\": list-group-color-map($danger),\n \"warning\": list-group-color-map($warning),\n \"info\": list-group-color-map($info),\n \"light\": list-group-color-map($light),\n \"dark\": list-group-color-map($dark)\n) !default;\n// scss-docs-end list-group-variables\n\n\n// Header\n// scss-docs-start header-variables\n$header-min-height: 4rem !default;\n$header-padding-y: $spacer * .5 !default;\n$header-padding-x: $spacer * .5 !default;\n$header-brand-font-size: $font-size-lg !default;\n$header-color: $medium-emphasis !default;\n$header-bg: $white !default;\n$header-border-color: $border-color !default;\n$header-border-width: 1px !default;\n$header-hover-color: $high-emphasis !default;\n$header-active-color: $high-emphasis !default;\n$header-disabled-color: $disabled !default;\n\n// Compute the header-brand padding-y so the header-brand will have the same height as header-text and nav-link\n$nav-link-height: $font-size-base * $line-height-base + $nav-link-padding-y * 2 !default;\n$header-brand-height: $header-brand-font-size * $line-height-base !default;\n$header-brand-padding-y: ($nav-link-height - $header-brand-height) * .5 !default;\n$header-brand-margin-end: 1rem !default;\n$header-brand-font-size: $font-size-lg !default;\n$header-brand-color: $gray-900 !default;\n$header-brand-hover-color: shade-color($gray-900, 10%) !default;\n\n$header-toggler-padding-y: .25rem !default;\n$header-toggler-padding-x: .75rem !default;\n$header-toggler-font-size: $font-size-lg !default;\n$header-toggler-bg: transparent !default;\n$header-toggler-border: 0 !default;\n$header-toggler-border-radius: $btn-border-radius !default;\n\n$header-toggler-icon-bg: url(\"data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='#{$header-color}' stroke-width='2.25' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E\") !default;\n$header-toggler-hover-icon-bg: url(\"data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='#{$header-hover-color}' stroke-width='2.25' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E\") !default;\n$header-toggler-border-color: rgba($black, .1) !default;\n\n$header-nav-link-padding-x: .5rem !default;\n\n$header-divider-border-width: 1px !default;\n$header-divider-border-color: $header-border-color !default;\n// scss-docs-end header-variables\n\n// Subheader\n// scss-docs-start subheader-variables\n$subheader-min-height: 3rem !default;\n$subheader-padding-y: $spacer * .5 !default;\n$subheader-padding-x: $spacer !default;\n$subheader-border-color: $border-color !default;\n$subheader-border-width: 1px !default;\n\n$subheader-nav-link-padding-x: .5rem !default;\n// scss-docs-end subheader-variables\n\n// Default theme\n// scss-docs-start subheader-default-themes\n$subheader-bg: $white !default;\n$subheader-color: $medium-emphasis !default;\n$subheader-hover-color: $high-emphasis !default;\n$subheader-active-color: $high-emphasis !default;\n$subheader-disabled-color: $disabled !default;\n// scss-docs-end subheader-default-themes\n\n\n// Image thumbnails\n\n// scss-docs-start thumbnail-variables\n$thumbnail-padding: .25rem !default;\n$thumbnail-bg: $body-bg !default;\n$thumbnail-border-width: $border-width !default;\n$thumbnail-border-color: $gray-300 !default;\n$thumbnail-border-radius: $border-radius !default;\n$thumbnail-box-shadow: $box-shadow-sm !default;\n// scss-docs-end thumbnail-variables\n\n\n// Figures\n\n// scss-docs-start figure-variables\n$figure-caption-font-size: $small-font-size !default;\n$figure-caption-color: $gray-600 !default;\n// scss-docs-end figure-variables\n\n\n// Breadcrumbs\n// scss-docs-start breadcrumb-variables\n$breadcrumb-font-size: null !default;\n$breadcrumb-padding-y: 0 !default;\n$breadcrumb-padding-x: 0 !default;\n$breadcrumb-item-padding-x: .5rem !default;\n$breadcrumb-margin-bottom: 1rem !default;\n$breadcrumb-bg: unset !default;\n$breadcrumb-divider-color: $gray-600 !default;\n$breadcrumb-active-color: $gray-600 !default;\n$breadcrumb-divider: quote(\"/\") !default;\n$breadcrumb-divider-flipped: $breadcrumb-divider !default;\n$breadcrumb-border-radius: null !default;\n// scss-docs-end breadcrumb-variables\n\n// Carousel\n// scss-docs-start carousel-variables\n$carousel-control-color: $high-emphasis-inverse !default;\n$carousel-control-width: 15% !default;\n$carousel-control-opacity: .5 !default;\n$carousel-control-hover-opacity: .9 !default;\n$carousel-control-transition: opacity .15s ease !default;\n\n$carousel-indicator-width: 30px !default;\n$carousel-indicator-height: 3px !default;\n$carousel-indicator-hit-area-height: 10px !default;\n$carousel-indicator-spacer: 3px !default;\n$carousel-indicator-opacity: .5 !default;\n$carousel-indicator-active-bg: $white !default;\n$carousel-indicator-active-opacity: 1 !default;\n$carousel-indicator-transition: opacity .6s ease !default;\n\n$carousel-caption-width: 70% !default;\n$carousel-caption-color: $high-emphasis-inverse !default;\n$carousel-caption-padding-y: 1.25rem !default;\n$carousel-caption-spacer: 1.25rem !default;\n\n$carousel-control-icon-width: 2rem !default;\n\n$carousel-control-prev-icon-bg: url(\"data:image/svg+xml,\") !default;\n$carousel-control-next-icon-bg: url(\"data:image/svg+xml,\") !default;\n\n$carousel-transition-duration: .6s !default;\n$carousel-transition: transform $carousel-transition-duration ease-in-out !default; // Define transform transition first if using multiple transitions (e.g., `transform 2s ease, opacity .5s ease-out`)\n\n$carousel-dark-indicator-active-bg: $black !default;\n$carousel-dark-caption-color: $high-emphasis !default;\n$carousel-dark-control-icon-filter: invert(1) grayscale(100) !default;\n// scss-docs-end carousel-variables\n\n// scss-docs-start sidebar-variables\n$sidebar-width: 16rem !default;\n$sidebar-widths: (\n sm: 12rem,\n lg: 20rem,\n xl: 24rem\n) !default;\n$sidebar-padding-y: 0 !default;\n$sidebar-padding-x: 0 !default;\n$sidebar-color: $high-emphasis-inverse !default;\n$sidebar-bg: $gray-base !default;\n$sidebar-border-width: 0 !default;\n$sidebar-border-color: transparent !default;\n$sidebar-transition: margin-left .15s, margin-right .15s, box-shadow .075s, transform .15s, width .15s, z-index 0s ease .15s !default;\n\n$sidebar-brand-height: 4rem !default;\n$sidebar-brand-color: $high-emphasis-inverse !default;\n$sidebar-brand-bg: rgba($black, .2) !default;\n\n$sidebar-header-height: 4rem !default;\n$sidebar-header-padding-y: .75rem !default;\n$sidebar-header-padding-x: 1rem !default;\n$sidebar-header-bg: rgba($black, .2) !default;\n$sidebar-header-height-transition: height .15s, padding .15s !default;\n\n$sidebar-narrow-width: 4rem !default;\n\n$sidebar-backdrop-bg: $black !default;\n$sidebar-backdrop-opacity: .5 !default;\n$sidebar-backdrop-transition: opacity .15s linear !default;\n\n$sidebar-nav-title-padding-y: .75rem !default;\n$sidebar-nav-title-padding-x: 1rem !default;\n$sidebar-nav-title-margin-top: 1rem !default;\n$sidebar-nav-title-color: $medium-emphasis-inverse !default;\n$sidebar-nav-title-transition: height .15s, margin .15s !default;\n\n$sidebar-nav-link-padding-y: .8445rem !default;\n$sidebar-nav-link-padding-x: 1rem !default;\n$sidebar-nav-link-color: $medium-emphasis-inverse !default;\n$sidebar-nav-link-bg: transparent !default;\n$sidebar-nav-link-transition: background .15s ease, color .15s ease !default;\n$sidebar-nav-link-icon-color: $medium-emphasis-inverse !default;\n\n$sidebar-nav-link-hover-color: $high-emphasis-inverse !default;\n$sidebar-nav-link-hover-bg: rgba($white, .05) !default;\n$sidebar-nav-link-hover-icon-color: $high-emphasis-inverse !default;\n\n$sidebar-nav-link-active-color: $high-emphasis-inverse !default;\n$sidebar-nav-link-active-bg: rgba($white, .05) !default;\n$sidebar-nav-link-active-icon-color: $high-emphasis-inverse !default;\n\n$sidebar-nav-link-disabled-color: $disabled-inverse !default;\n$sidebar-nav-link-disabled-icon-color: $sidebar-nav-link-icon-color !default;\n\n$sidebar-nav-icon-width: 4rem !default;\n$sidebar-nav-icon-height: 1.25rem !default;\n$sidebar-nav-icon-font-size: $sidebar-nav-icon-height !default;\n\n$sidebar-nav-group-bg: rgba(0, 0, 0, .2) !default;\n$sidebar-nav-group-transition: background .15s ease-in-out !default;\n$sidebar-nav-group-items-transition: height .15s ease !default;\n$sidebar-nav-group-toggle-show-color: $sidebar-nav-link-color !default;\n\n$sidebar-nav-group-indicator-color: $medium-emphasis-inverse !default;\n$sidebar-nav-group-indicator-icon: url(\"data:image/svg+xml,\") !default;\n$sidebar-nav-group-indicator-hover-color: $sidebar-nav-link-hover-color !default;\n$sidebar-nav-group-indicator-hover-icon: url(\"data:image/svg+xml,\") !default;\n$sidebar-nav-group-indicator-transition: transform .15s !default;\n\n$sidebar-footer-height: auto !default;\n$sidebar-footer-padding-y: .75rem !default;\n$sidebar-footer-padding-x: 1rem !default;\n$sidebar-footer-bg: rgba($black, .2) !default;\n$sidebar-footer-height-transition: height .15s, padding .15s !default;\n\n$sidebar-toggler-height: 3rem !default;\n$sidebar-toggler-bg: rgba($black, .2) !default;\n$sidebar-toggler-transition: transform .15s !default;\n\n$sidebar-toggler-indicator-width: 4rem !default;\n$sidebar-toggler-indicator-height: 3rem !default;\n$sidebar-toggler-indicator-color: $gray-600 !default;\n$sidebar-toggler-indicator-icon: url(\"data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 11 14'%3E%3Cpath fill='#{$sidebar-toggler-indicator-color}' d='M9.148 2.352l-4.148 4.148 4.148 4.148q0.148 0.148 0.148 0.352t-0.148 0.352l-1.297 1.297q-0.148 0.148-0.352 0.148t-0.352-0.148l-5.797-5.797q-0.148-0.148-0.148-0.352t0.148-0.352l5.797-5.797q0.148-0.148 0.352-0.148t0.352 0.148l1.297 1.297q0.148 0.148 0.148 0.352t-0.148 0.352z'/%3E%3C/svg%3E\") !default;\n$sidebar-toggler-hover-bg: rgba(0, 0, 0, .3) !default;\n$sidebar-toggler-indicator-hover-color: $sidebar-nav-link-hover-color !default;\n$sidebar-toggler-indicator-hover-icon: url(\"data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 11 14'%3E%3Cpath fill='#{$sidebar-toggler-indicator-hover-color}' d='M9.148 2.352l-4.148 4.148 4.148 4.148q0.148 0.148 0.148 0.352t-0.148 0.352l-1.297 1.297q-0.148 0.148-0.352 0.148t-0.352-0.148l-5.797-5.797q-0.148-0.148-0.148-0.352t0.148-0.352l5.797-5.797q0.148-0.148 0.352-0.148t0.352 0.148l1.297 1.297q0.148 0.148 0.148 0.352t-0.148 0.352z'/%3E%3C/svg%3E\") !default;\n// scss-docs-end sidebar-variables\n\n// Footer\n// scss-docs-start footer-variables\n$footer-min-height: 3rem !default;\n$footer-padding-y: $spacer * .5 !default;\n$footer-padding-x: $spacer !default;\n$footer-bg: $gray-100 !default;\n$footer-color: $body-color !default;\n$footer-border-width: 1px !default;\n$footer-border-color: $border-color !default;\n// scss-docs-end footer-variables\n\n// Spinners\n// scss-docs-start spinner-variables\n$spinner-width: 2rem !default;\n$spinner-height: $spinner-width !default;\n$spinner-vertical-align: -.125em !default;\n$spinner-border-width: .25em !default;\n$spinner-animation-speed: .75s !default;\n\n$spinner-width-sm: 1rem !default;\n$spinner-height-sm: $spinner-width-sm !default;\n$spinner-border-width-sm: .2em !default;\n// scss-docs-end spinner-variables\n\n\n// Close\n// scss-docs-start close-variables\n$btn-close-width: 1em !default;\n$btn-close-height: $btn-close-width !default;\n$btn-close-padding-x: .25em !default;\n$btn-close-padding-y: $btn-close-padding-x !default;\n$btn-close-color: $high-emphasis !default;\n$btn-close-bg: url(\"data:image/svg+xml,\") !default;\n$btn-close-focus-shadow: $input-btn-focus-box-shadow !default;\n$btn-close-opacity: .5 !default;\n$btn-close-hover-opacity: .75 !default;\n$btn-close-focus-opacity: 1 !default;\n$btn-close-disabled-opacity: .25 !default;\n$btn-close-white-filter: invert(1) grayscale(100%) brightness(200%) !default;\n// scss-docs-end close-variables\n\n\n// Offcanvas\n\n// scss-docs-start offcanvas-variables\n$offcanvas-padding-y: $modal-inner-padding !default;\n$offcanvas-padding-x: $modal-inner-padding !default;\n$offcanvas-horizontal-width: 400px !default;\n$offcanvas-vertical-height: 30vh !default;\n$offcanvas-transition-duration: .3s !default;\n$offcanvas-border-color: $modal-content-border-color !default;\n$offcanvas-border-width: $modal-content-border-width !default;\n$offcanvas-title-line-height: $modal-title-line-height !default;\n$offcanvas-bg-color: $modal-content-bg !default;\n$offcanvas-color: $modal-content-color !default;\n$offcanvas-box-shadow: $modal-content-box-shadow-xs !default;\n// scss-docs-end offcanvas-variables\n\n// Code\n\n$code-font-size: $small-font-size !default;\n$code-color: $pink !default;\n\n$kbd-padding-y: .2rem !default;\n$kbd-padding-x: .4rem !default;\n$kbd-font-size: $code-font-size !default;\n$kbd-color: $high-emphasis-inverse !default;\n$kbd-bg: $gray-900 !default;\n\n$pre-color: unset !default;\n"]} \ No newline at end of file diff --git a/dist/css/coreui-chartjs.min.css b/dist/css/coreui-chartjs.min.css index b26dcab..ffdc54c 100644 --- a/dist/css/coreui-chartjs.min.css +++ b/dist/css/coreui-chartjs.min.css @@ -1,6 +1,6 @@ @charset "UTF-8";/*! * CoreUI Plugins - Chart.js for CoreUI 3 - * @version v3.0.0-rc.0 + * @version v3.0.0 * @link https://coreui.io * Copyright (c) 2021 creativeLabs Łukasz Holeczek * Licensed under MIT (https://coreui.io/license/plugins/chart.js) diff --git a/dist/css/coreui-chartjs.min.css.map b/dist/css/coreui-chartjs.min.css.map index 49741b3..5eff6a8 100644 --- a/dist/css/coreui-chartjs.min.css.map +++ b/dist/css/coreui-chartjs.min.css.map @@ -1 +1 @@ -{"version":3,"sources":["../../scss/coreui-chartjs.scss","../../scss/_tooltips.scss","../../node_modules/@coreui/coreui/scss/mixins/_transition.scss","../../node_modules/@coreui/coreui/scss/mixins/_border-radius.scss"],"names":[],"mappings":"iBAAA;;;;;;ACEA,iBACE,SAAA,SACA,QAAA,KACA,QAAA,OAAA,MACA,MAAA,KACA,eAAA,KACA,WAAA,eACA,QAAA,ECOI,WAAA,IAAA,KAAA,KDLJ,UAAA,kBEQE,cAAA,ODCE,uCDlBN,iBCmBQ,WAAA,MDNR,wBACE,cAAA,MAGF,6BACE,UAAA,QACA,YAAA,IAGF,2BACE,YAAA,OACA,UAAA,QACA,YAAA","sourcesContent":["/*!\n * CoreUI Plugins - Chart.js for CoreUI 3\n * @version v3.0.0-rc.0\n * @link https://coreui.io\n * Copyright (c) 2021 creativeLabs Łukasz Holeczek\n * Licensed under MIT (https://coreui.io/license/plugins/chart.js)\n */\n\n@import \"@coreui/coreui/scss/functions\";\n@import \"@coreui/coreui/scss/variables\";\n@import \"@coreui/coreui/scss/mixins\";\n\n// @import \"variables\";\n@import \"tooltips\";\n","// Custom tooltips\n\n.chartjs-tooltip {\n position: absolute;\n z-index: $zindex-sticky + 1;\n padding: ($spacer * .25) ($spacer * .5);\n color: #fff;\n pointer-events: none;\n background: rgba(0, 0, 0, .7);\n opacity: 0;\n @include transition(all .15s ease);\n transform: translate(-50%, 0);\n @include border-radius($border-radius);\n}\n\n.chartjs-tooltip-header {\n margin-bottom: ($spacer * .5);\n}\n\n.chartjs-tooltip-header-item {\n font-size: $font-size-sm;\n font-weight: $font-weight-bold;\n}\n\n.chartjs-tooltip-body-item {\n align-items: center;\n font-size: $font-size-sm;\n white-space: nowrap;\n}\n","// stylelint-disable property-disallowed-list\n@mixin transition($transition...) {\n @if length($transition) == 0 {\n $transition: $transition-base;\n }\n\n @if length($transition) > 1 {\n @each $value in $transition {\n @if $value == null or $value == none {\n @warn \"The keyword 'none' or 'null' must be used as a single argument.\";\n }\n }\n }\n\n @if $enable-transitions {\n @if nth($transition, 1) != null {\n transition: $transition;\n }\n\n @if $enable-reduced-motion and nth($transition, 1) != null and nth($transition, 1) != none {\n @media (prefers-reduced-motion: reduce) {\n transition: none;\n }\n }\n }\n}\n","// stylelint-disable property-disallowed-list\n// Single side border-radius\n\n// Helper function to replace negative values with 0\n@function valid-radius($radius) {\n $return: ();\n @each $value in $radius {\n @if type-of($value) == number {\n $return: append($return, max($value, 0));\n } @else {\n $return: append($return, $value);\n }\n }\n @return $return;\n}\n\n// scss-docs-start border-radius-mixins\n@mixin border-radius($radius: $border-radius, $fallback-border-radius: false) {\n @if $enable-rounded {\n border-radius: valid-radius($radius);\n }\n @else if $fallback-border-radius != false {\n border-radius: $fallback-border-radius;\n }\n}\n\n@mixin border-top-radius($radius: $border-radius) {\n @if $enable-rounded {\n border-top-left-radius: valid-radius($radius);\n border-top-right-radius: valid-radius($radius);\n }\n}\n\n@mixin border-end-radius($radius: $border-radius) {\n @if $enable-rounded {\n @include ltr-rtl(\"border-top-right-radius\", valid-radius($radius));\n @include ltr-rtl(\"border-bottom-right-radius\", valid-radius($radius));\n }\n}\n\n@mixin border-bottom-radius($radius: $border-radius) {\n @if $enable-rounded {\n border-bottom-right-radius: valid-radius($radius);\n border-bottom-left-radius: valid-radius($radius);\n }\n}\n\n@mixin border-start-radius($radius: $border-radius) {\n @if $enable-rounded {\n @include ltr-rtl(\"border-top-left-radius\", valid-radius($radius));\n @include ltr-rtl(\"border-bottom-left-radius\", valid-radius($radius));\n }\n}\n\n@mixin border-top-start-radius($radius: $border-radius) {\n @if $enable-rounded {\n border-top-left-radius: valid-radius($radius);\n }\n}\n\n@mixin border-top-end-radius($radius: $border-radius) {\n @if $enable-rounded {\n @include ltr-rtl(\"border-top-right-radius\", valid-radius($radius));\n }\n}\n\n@mixin border-bottom-end-radius($radius: $border-radius) {\n @if $enable-rounded {\n @include ltr-rtl(\"border-bottom-right-radius\", valid-radius($radius));\n }\n}\n\n@mixin border-bottom-start-radius($radius: $border-radius) {\n @if $enable-rounded {\n @include ltr-rtl(\"border-bottom-left-radius\", valid-radius($radius));\n }\n}\n// scss-docs-end border-radius-mixins\n"]} \ No newline at end of file +{"version":3,"sources":["../../scss/coreui-chartjs.scss","../../scss/_tooltips.scss","../../node_modules/@coreui/coreui/scss/mixins/_transition.scss","../../node_modules/@coreui/coreui/scss/mixins/_border-radius.scss"],"names":[],"mappings":"iBAAA;;;;;;ACEA,iBACE,SAAA,SACA,QAAA,KACA,QAAA,OAAA,MACA,MAAA,KACA,eAAA,KACA,WAAA,eACA,QAAA,ECOI,WAAA,IAAA,KAAA,KDLJ,UAAA,kBEQE,cAAA,ODCE,uCDlBN,iBCmBQ,WAAA,MDNR,wBACE,cAAA,MAGF,6BACE,UAAA,QACA,YAAA,IAGF,2BACE,YAAA,OACA,UAAA,QACA,YAAA","sourcesContent":["/*!\n * CoreUI Plugins - Chart.js for CoreUI 3\n * @version v3.0.0\n * @link https://coreui.io\n * Copyright (c) 2021 creativeLabs Łukasz Holeczek\n * Licensed under MIT (https://coreui.io/license/plugins/chart.js)\n */\n\n@import \"@coreui/coreui/scss/functions\";\n@import \"@coreui/coreui/scss/variables\";\n@import \"@coreui/coreui/scss/mixins\";\n\n// @import \"variables\";\n@import \"tooltips\";\n","// Custom tooltips\n\n.chartjs-tooltip {\n position: absolute;\n z-index: $zindex-sticky + 1;\n padding: ($spacer * .25) ($spacer * .5);\n color: #fff;\n pointer-events: none;\n background: rgba(0, 0, 0, .7);\n opacity: 0;\n @include transition(all .15s ease);\n transform: translate(-50%, 0);\n @include border-radius($border-radius);\n}\n\n.chartjs-tooltip-header {\n margin-bottom: ($spacer * .5);\n}\n\n.chartjs-tooltip-header-item {\n font-size: $font-size-sm;\n font-weight: $font-weight-bold;\n}\n\n.chartjs-tooltip-body-item {\n align-items: center;\n font-size: $font-size-sm;\n white-space: nowrap;\n}\n","// stylelint-disable property-disallowed-list\n@mixin transition($transition...) {\n @if length($transition) == 0 {\n $transition: $transition-base;\n }\n\n @if length($transition) > 1 {\n @each $value in $transition {\n @if $value == null or $value == none {\n @warn \"The keyword 'none' or 'null' must be used as a single argument.\";\n }\n }\n }\n\n @if $enable-transitions {\n @if nth($transition, 1) != null {\n transition: $transition;\n }\n\n @if $enable-reduced-motion and nth($transition, 1) != null and nth($transition, 1) != none {\n @media (prefers-reduced-motion: reduce) {\n transition: none;\n }\n }\n }\n}\n","// stylelint-disable property-disallowed-list\n// Single side border-radius\n\n// Helper function to replace negative values with 0\n@function valid-radius($radius) {\n $return: ();\n @each $value in $radius {\n @if type-of($value) == number {\n $return: append($return, max($value, 0));\n } @else {\n $return: append($return, $value);\n }\n }\n @return $return;\n}\n\n// scss-docs-start border-radius-mixins\n@mixin border-radius($radius: $border-radius, $fallback-border-radius: false) {\n @if $enable-rounded {\n border-radius: valid-radius($radius);\n }\n @else if $fallback-border-radius != false {\n border-radius: $fallback-border-radius;\n }\n}\n\n@mixin border-top-radius($radius: $border-radius) {\n @if $enable-rounded {\n border-top-left-radius: valid-radius($radius);\n border-top-right-radius: valid-radius($radius);\n }\n}\n\n@mixin border-end-radius($radius: $border-radius) {\n @if $enable-rounded {\n @include ltr-rtl(\"border-top-right-radius\", valid-radius($radius));\n @include ltr-rtl(\"border-bottom-right-radius\", valid-radius($radius));\n }\n}\n\n@mixin border-bottom-radius($radius: $border-radius) {\n @if $enable-rounded {\n border-bottom-right-radius: valid-radius($radius);\n border-bottom-left-radius: valid-radius($radius);\n }\n}\n\n@mixin border-start-radius($radius: $border-radius) {\n @if $enable-rounded {\n @include ltr-rtl(\"border-top-left-radius\", valid-radius($radius));\n @include ltr-rtl(\"border-bottom-left-radius\", valid-radius($radius));\n }\n}\n\n@mixin border-top-start-radius($radius: $border-radius) {\n @if $enable-rounded {\n border-top-left-radius: valid-radius($radius);\n }\n}\n\n@mixin border-top-end-radius($radius: $border-radius) {\n @if $enable-rounded {\n @include ltr-rtl(\"border-top-right-radius\", valid-radius($radius));\n }\n}\n\n@mixin border-bottom-end-radius($radius: $border-radius) {\n @if $enable-rounded {\n @include ltr-rtl(\"border-bottom-right-radius\", valid-radius($radius));\n }\n}\n\n@mixin border-bottom-start-radius($radius: $border-radius) {\n @if $enable-rounded {\n @include ltr-rtl(\"border-bottom-left-radius\", valid-radius($radius));\n }\n}\n// scss-docs-end border-radius-mixins\n"]} \ No newline at end of file diff --git a/dist/js/coreui-chartjs.esm.js b/dist/js/coreui-chartjs.esm.js index c1455f5..90b7551 100644 --- a/dist/js/coreui-chartjs.esm.js +++ b/dist/js/coreui-chartjs.esm.js @@ -1,11 +1,11 @@ /*! - * CoreUI Plugins - Chart.js for CoreUI 4 v3.0.0-rc.0 (https://coreui.io) + * CoreUI Plugins - Chart.js for CoreUI 4 v3.0.0 (https://coreui.io) * Copyright 2021 creativeLabs Łukasz Holeczek * Licensed under MIT (https://coreui.io/license/) */ /** * -------------------------------------------------------------------------- - * Custom Tooltips for Chart.js (v3.0.0-rc.0): custom-tooltips.js + * Custom Tooltips for Chart.js (v3.0.0): custom-tooltips.js * Licensed under MIT (https://coreui.io/plugins/chart.js) * -------------------------------------------------------------------------- */ diff --git a/dist/js/coreui-chartjs.esm.js.map b/dist/js/coreui-chartjs.esm.js.map index a71f2fb..82dc8a3 100644 --- a/dist/js/coreui-chartjs.esm.js.map +++ b/dist/js/coreui-chartjs.esm.js.map @@ -1 +1 @@ -{"version":3,"file":"coreui-chartjs.esm.js","sources":["../../js/src/custom-tooltips.js"],"sourcesContent":["/**\n * --------------------------------------------------------------------------\n * Custom Tooltips for Chart.js (v3.0.0-rc.0): custom-tooltips.js\n * Licensed under MIT (https://coreui.io/plugins/chart.js)\n * --------------------------------------------------------------------------\n */\n\nconst ClassName = {\n TOOLTIP: 'chartjs-tooltip',\n TOOLTIP_BODY: 'chartjs-tooltip-body',\n TOOLTIP_BODY_ITEM: 'chartjs-tooltip-body-item',\n TOOLTIP_HEADER: 'chartjs-tooltip-header',\n TOOLTIP_HEADER_ITEM: 'chartjs-tooltip-header-item'\n}\n\nconst getOrCreateTooltip = chart => {\n let tooltipEl = chart.canvas.parentNode.querySelector('div')\n\n if (!tooltipEl) {\n tooltipEl = document.createElement('div')\n tooltipEl.classList.add(ClassName.TOOLTIP)\n\n const table = document.createElement('table')\n table.style.margin = '0px'\n\n tooltipEl.appendChild(table)\n chart.canvas.parentNode.appendChild(tooltipEl)\n }\n\n return tooltipEl\n}\n\nconst customTooltips = context => {\n // Tooltip Element\n const { chart, tooltip } = context\n const tooltipEl = getOrCreateTooltip(chart)\n\n // Hide if no tooltip\n if (tooltip.opacity === 0) {\n tooltipEl.style.opacity = 0\n return\n }\n\n // Set Text\n if (tooltip.body) {\n const titleLines = tooltip.title || []\n const bodyLines = tooltip.body.map(b => b.lines)\n\n const tableHead = document.createElement('thead')\n tableHead.classList.add(ClassName.TOOLTIP_HEADER)\n\n titleLines.forEach(title => {\n const tr = document.createElement('tr')\n tr.style.borderWidth = 0\n tr.classList.add(ClassName.TOOLTIP_HEADER_ITEM)\n\n const th = document.createElement('th')\n th.style.borderWidth = 0\n const text = document.createTextNode(title)\n\n th.appendChild(text)\n tr.appendChild(th)\n tableHead.appendChild(tr)\n })\n\n const tableBody = document.createElement('tbody')\n tableBody.classList.add(ClassName.TOOLTIP_BODY)\n\n bodyLines.forEach((body, i) => {\n const colors = tooltip.labelColors[i]\n\n const span = document.createElement('span')\n span.style.background = colors.backgroundColor\n span.style.borderColor = colors.borderColor\n span.style.borderWidth = '2px'\n span.style.marginRight = '10px'\n span.style.height = '10px'\n span.style.width = '10px'\n span.style.display = 'inline-block'\n\n const tr = document.createElement('tr')\n tr.classList.add(ClassName.TOOLTIP_BODY_ITEM)\n\n const td = document.createElement('td')\n td.style.borderWidth = 0\n\n const text = document.createTextNode(body)\n\n td.appendChild(span)\n td.appendChild(text)\n tr.appendChild(td)\n tableBody.appendChild(tr)\n })\n\n const tableRoot = tooltipEl.querySelector('table')\n\n // Remove old children\n while (tableRoot.firstChild) {\n tableRoot.firstChild.remove()\n }\n\n // Add new children\n tableRoot.appendChild(tableHead)\n tableRoot.appendChild(tableBody)\n }\n\n const { offsetLeft: positionX, offsetTop: positionY } = chart.canvas\n\n // Display, position, and set styles for font\n tooltipEl.style.opacity = 1\n tooltipEl.style.left = positionX + tooltip.caretX + 'px'\n tooltipEl.style.top = positionY + tooltip.caretY + 'px'\n tooltipEl.style.font = tooltip.options.bodyFont.string\n tooltipEl.style.padding = tooltip.padding + 'px ' + tooltip.padding + 'px'\n}\n\nexport default customTooltips\n"],"names":["ClassName","TOOLTIP","TOOLTIP_BODY","TOOLTIP_BODY_ITEM","TOOLTIP_HEADER","TOOLTIP_HEADER_ITEM","getOrCreateTooltip","chart","tooltipEl","canvas","parentNode","querySelector","document","createElement","classList","add","table","style","margin","appendChild","customTooltips","context","tooltip","opacity","body","titleLines","title","bodyLines","map","b","lines","tableHead","forEach","tr","borderWidth","th","text","createTextNode","tableBody","i","colors","labelColors","span","background","backgroundColor","borderColor","marginRight","height","width","display","td","tableRoot","firstChild","remove","offsetLeft","positionX","offsetTop","positionY","left","caretX","top","caretY","font","options","bodyFont","string","padding"],"mappings":"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"} \ No newline at end of file +{"version":3,"file":"coreui-chartjs.esm.js","sources":["../../js/src/custom-tooltips.js"],"sourcesContent":["/**\n * --------------------------------------------------------------------------\n * Custom Tooltips for Chart.js (v3.0.0): custom-tooltips.js\n * Licensed under MIT (https://coreui.io/plugins/chart.js)\n * --------------------------------------------------------------------------\n */\n\nconst ClassName = {\n TOOLTIP: 'chartjs-tooltip',\n TOOLTIP_BODY: 'chartjs-tooltip-body',\n TOOLTIP_BODY_ITEM: 'chartjs-tooltip-body-item',\n TOOLTIP_HEADER: 'chartjs-tooltip-header',\n TOOLTIP_HEADER_ITEM: 'chartjs-tooltip-header-item'\n}\n\nconst getOrCreateTooltip = chart => {\n let tooltipEl = chart.canvas.parentNode.querySelector('div')\n\n if (!tooltipEl) {\n tooltipEl = document.createElement('div')\n tooltipEl.classList.add(ClassName.TOOLTIP)\n\n const table = document.createElement('table')\n table.style.margin = '0px'\n\n tooltipEl.appendChild(table)\n chart.canvas.parentNode.appendChild(tooltipEl)\n }\n\n return tooltipEl\n}\n\nconst customTooltips = context => {\n // Tooltip Element\n const { chart, tooltip } = context\n const tooltipEl = getOrCreateTooltip(chart)\n\n // Hide if no tooltip\n if (tooltip.opacity === 0) {\n tooltipEl.style.opacity = 0\n return\n }\n\n // Set Text\n if (tooltip.body) {\n const titleLines = tooltip.title || []\n const bodyLines = tooltip.body.map(b => b.lines)\n\n const tableHead = document.createElement('thead')\n tableHead.classList.add(ClassName.TOOLTIP_HEADER)\n\n titleLines.forEach(title => {\n const tr = document.createElement('tr')\n tr.style.borderWidth = 0\n tr.classList.add(ClassName.TOOLTIP_HEADER_ITEM)\n\n const th = document.createElement('th')\n th.style.borderWidth = 0\n const text = document.createTextNode(title)\n\n th.appendChild(text)\n tr.appendChild(th)\n tableHead.appendChild(tr)\n })\n\n const tableBody = document.createElement('tbody')\n tableBody.classList.add(ClassName.TOOLTIP_BODY)\n\n bodyLines.forEach((body, i) => {\n const colors = tooltip.labelColors[i]\n\n const span = document.createElement('span')\n span.style.background = colors.backgroundColor\n span.style.borderColor = colors.borderColor\n span.style.borderWidth = '2px'\n span.style.marginRight = '10px'\n span.style.height = '10px'\n span.style.width = '10px'\n span.style.display = 'inline-block'\n\n const tr = document.createElement('tr')\n tr.classList.add(ClassName.TOOLTIP_BODY_ITEM)\n\n const td = document.createElement('td')\n td.style.borderWidth = 0\n\n const text = document.createTextNode(body)\n\n td.appendChild(span)\n td.appendChild(text)\n tr.appendChild(td)\n tableBody.appendChild(tr)\n })\n\n const tableRoot = tooltipEl.querySelector('table')\n\n // Remove old children\n while (tableRoot.firstChild) {\n tableRoot.firstChild.remove()\n }\n\n // Add new children\n tableRoot.appendChild(tableHead)\n tableRoot.appendChild(tableBody)\n }\n\n const { offsetLeft: positionX, offsetTop: positionY } = chart.canvas\n\n // Display, position, and set styles for font\n tooltipEl.style.opacity = 1\n tooltipEl.style.left = positionX + tooltip.caretX + 'px'\n tooltipEl.style.top = positionY + tooltip.caretY + 'px'\n tooltipEl.style.font = tooltip.options.bodyFont.string\n tooltipEl.style.padding = tooltip.padding + 'px ' + tooltip.padding + 'px'\n}\n\nexport default customTooltips\n"],"names":["ClassName","TOOLTIP","TOOLTIP_BODY","TOOLTIP_BODY_ITEM","TOOLTIP_HEADER","TOOLTIP_HEADER_ITEM","getOrCreateTooltip","chart","tooltipEl","canvas","parentNode","querySelector","document","createElement","classList","add","table","style","margin","appendChild","customTooltips","context","tooltip","opacity","body","titleLines","title","bodyLines","map","b","lines","tableHead","forEach","tr","borderWidth","th","text","createTextNode","tableBody","i","colors","labelColors","span","background","backgroundColor","borderColor","marginRight","height","width","display","td","tableRoot","firstChild","remove","offsetLeft","positionX","offsetTop","positionY","left","caretX","top","caretY","font","options","bodyFont","string","padding"],"mappings":"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"} \ No newline at end of file diff --git a/dist/js/coreui-chartjs.esm.min.js b/dist/js/coreui-chartjs.esm.min.js index f9ee725..671c6ec 100644 --- a/dist/js/coreui-chartjs.esm.min.js +++ b/dist/js/coreui-chartjs.esm.min.js @@ -1,5 +1,5 @@ /*! - * CoreUI Plugins - Chart.js for CoreUI 4 v3.0.0-rc.0 (https://coreui.io) + * CoreUI Plugins - Chart.js for CoreUI 4 v3.0.0 (https://coreui.io) * Copyright 2021 creativeLabs Łukasz Holeczek * Licensed under MIT (https://coreui.io/license/) */ diff --git a/dist/js/coreui-chartjs.esm.min.js.map b/dist/js/coreui-chartjs.esm.min.js.map index 85222fa..1d9a7ab 100644 --- a/dist/js/coreui-chartjs.esm.min.js.map +++ b/dist/js/coreui-chartjs.esm.min.js.map @@ -1 +1 @@ -{"version":3,"sources":["../../js/src/custom-tooltips.js"],"names":["ClassName","TOOLTIP","TOOLTIP_BODY","TOOLTIP_BODY_ITEM","TOOLTIP_HEADER","TOOLTIP_HEADER_ITEM","getOrCreateTooltip","chart","tooltipEl","canvas","parentNode","querySelector","document","createElement","classList","add","table","style","margin","appendChild","customTooltips","context","tooltip","opacity","body","titleLines","title","bodyLines","map","b","lines","tableHead","forEach","tr","borderWidth","th","text","createTextNode","tableBody","i","colors","labelColors","span","background","backgroundColor","borderColor","marginRight","height","width","display","td","tableRoot","firstChild","remove","offsetLeft","positionX","offsetTop","positionY","left","caretX","top","caretY","font","options","bodyFont","string","padding"],"mappings":";;;;;AAOA,MAAMA,UAAY,CAChBC,QAAS,kBACTC,aAAc,uBACdC,kBAAmB,4BACnBC,eAAgB,yBAChBC,oBAAqB,+BAGjBC,mBAAqBC,IACzB,IAAIC,EAAYD,EAAME,OAAOC,WAAWC,cAAc,OAEtD,IAAKH,EAAW,CACdA,EAAYI,SAASC,cAAc,OACnCL,EAAUM,UAAUC,IAAIf,UAAUC,SAElC,MAAMe,EAAQJ,SAASC,cAAc,SACrCG,EAAMC,MAAMC,OAAS,MAErBV,EAAUW,YAAYH,GACtBT,EAAME,OAAOC,WAAWS,YAAYX,GAGtC,OAAOA,GAGHY,eAAiBC,IAErB,MAAMd,MAAEA,EAAFe,QAASA,GAAYD,EACrBb,EAAYF,mBAAmBC,GAGrC,GAAwB,IAApBe,EAAQC,QAEV,YADAf,EAAUS,MAAMM,QAAU,GAK5B,GAAID,EAAQE,KAAM,CAChB,MAAMC,EAAaH,EAAQI,OAAS,GAC9BC,EAAYL,EAAQE,KAAKI,KAAIC,GAAKA,EAAEC,QAEpCC,EAAYnB,SAASC,cAAc,SACzCkB,EAAUjB,UAAUC,IAAIf,UAAUI,gBAElCqB,EAAWO,SAAQN,IACjB,MAAMO,EAAKrB,SAASC,cAAc,MAClCoB,EAAGhB,MAAMiB,YAAc,EACvBD,EAAGnB,UAAUC,IAAIf,UAAUK,qBAE3B,MAAM8B,EAAKvB,SAASC,cAAc,MAClCsB,EAAGlB,MAAMiB,YAAc,EACvB,MAAME,EAAOxB,SAASyB,eAAeX,GAErCS,EAAGhB,YAAYiB,GACfH,EAAGd,YAAYgB,GACfJ,EAAUZ,YAAYc,MAGxB,MAAMK,EAAY1B,SAASC,cAAc,SACzCyB,EAAUxB,UAAUC,IAAIf,UAAUE,cAElCyB,EAAUK,SAAQ,CAACR,EAAMe,KACvB,MAAMC,EAASlB,EAAQmB,YAAYF,GAE7BG,EAAO9B,SAASC,cAAc,QACpC6B,EAAKzB,MAAM0B,WAAaH,EAAOI,gBAC/BF,EAAKzB,MAAM4B,YAAcL,EAAOK,YAChCH,EAAKzB,MAAMiB,YAAc,MACzBQ,EAAKzB,MAAM6B,YAAc,OACzBJ,EAAKzB,MAAM8B,OAAS,OACpBL,EAAKzB,MAAM+B,MAAQ,OACnBN,EAAKzB,MAAMgC,QAAU,eAErB,MAAMhB,EAAKrB,SAASC,cAAc,MAClCoB,EAAGnB,UAAUC,IAAIf,UAAUG,mBAE3B,MAAM+C,EAAKtC,SAASC,cAAc,MAClCqC,EAAGjC,MAAMiB,YAAc,EAEvB,MAAME,EAAOxB,SAASyB,eAAeb,GAErC0B,EAAG/B,YAAYuB,GACfQ,EAAG/B,YAAYiB,GACfH,EAAGd,YAAY+B,GACfZ,EAAUnB,YAAYc,MAGxB,MAAMkB,EAAY3C,EAAUG,cAAc,SAG1C,KAAOwC,EAAUC,YACfD,EAAUC,WAAWC,SAIvBF,EAAUhC,YAAYY,GACtBoB,EAAUhC,YAAYmB,GAGxB,MAAQgB,WAAYC,EAAWC,UAAWC,GAAclD,EAAME,OAG9DD,EAAUS,MAAMM,QAAU,EAC1Bf,EAAUS,MAAMyC,KAAOH,EAAYjC,EAAQqC,OAAS,KACpDnD,EAAUS,MAAM2C,IAAMH,EAAYnC,EAAQuC,OAAS,KACnDrD,EAAUS,MAAM6C,KAAOxC,EAAQyC,QAAQC,SAASC,OAChDzD,EAAUS,MAAMiD,QAAU5C,EAAQ4C,QAAU,MAAQ5C,EAAQ4C,QAAU","sourcesContent":["/**\n * --------------------------------------------------------------------------\n * Custom Tooltips for Chart.js (v3.0.0-rc.0): custom-tooltips.js\n * Licensed under MIT (https://coreui.io/plugins/chart.js)\n * --------------------------------------------------------------------------\n */\n\nconst ClassName = {\n TOOLTIP: 'chartjs-tooltip',\n TOOLTIP_BODY: 'chartjs-tooltip-body',\n TOOLTIP_BODY_ITEM: 'chartjs-tooltip-body-item',\n TOOLTIP_HEADER: 'chartjs-tooltip-header',\n TOOLTIP_HEADER_ITEM: 'chartjs-tooltip-header-item'\n}\n\nconst getOrCreateTooltip = chart => {\n let tooltipEl = chart.canvas.parentNode.querySelector('div')\n\n if (!tooltipEl) {\n tooltipEl = document.createElement('div')\n tooltipEl.classList.add(ClassName.TOOLTIP)\n\n const table = document.createElement('table')\n table.style.margin = '0px'\n\n tooltipEl.appendChild(table)\n chart.canvas.parentNode.appendChild(tooltipEl)\n }\n\n return tooltipEl\n}\n\nconst customTooltips = context => {\n // Tooltip Element\n const { chart, tooltip } = context\n const tooltipEl = getOrCreateTooltip(chart)\n\n // Hide if no tooltip\n if (tooltip.opacity === 0) {\n tooltipEl.style.opacity = 0\n return\n }\n\n // Set Text\n if (tooltip.body) {\n const titleLines = tooltip.title || []\n const bodyLines = tooltip.body.map(b => b.lines)\n\n const tableHead = document.createElement('thead')\n tableHead.classList.add(ClassName.TOOLTIP_HEADER)\n\n titleLines.forEach(title => {\n const tr = document.createElement('tr')\n tr.style.borderWidth = 0\n tr.classList.add(ClassName.TOOLTIP_HEADER_ITEM)\n\n const th = document.createElement('th')\n th.style.borderWidth = 0\n const text = document.createTextNode(title)\n\n th.appendChild(text)\n tr.appendChild(th)\n tableHead.appendChild(tr)\n })\n\n const tableBody = document.createElement('tbody')\n tableBody.classList.add(ClassName.TOOLTIP_BODY)\n\n bodyLines.forEach((body, i) => {\n const colors = tooltip.labelColors[i]\n\n const span = document.createElement('span')\n span.style.background = colors.backgroundColor\n span.style.borderColor = colors.borderColor\n span.style.borderWidth = '2px'\n span.style.marginRight = '10px'\n span.style.height = '10px'\n span.style.width = '10px'\n span.style.display = 'inline-block'\n\n const tr = document.createElement('tr')\n tr.classList.add(ClassName.TOOLTIP_BODY_ITEM)\n\n const td = document.createElement('td')\n td.style.borderWidth = 0\n\n const text = document.createTextNode(body)\n\n td.appendChild(span)\n td.appendChild(text)\n tr.appendChild(td)\n tableBody.appendChild(tr)\n })\n\n const tableRoot = tooltipEl.querySelector('table')\n\n // Remove old children\n while (tableRoot.firstChild) {\n tableRoot.firstChild.remove()\n }\n\n // Add new children\n tableRoot.appendChild(tableHead)\n tableRoot.appendChild(tableBody)\n }\n\n const { offsetLeft: positionX, offsetTop: positionY } = chart.canvas\n\n // Display, position, and set styles for font\n tooltipEl.style.opacity = 1\n tooltipEl.style.left = positionX + tooltip.caretX + 'px'\n tooltipEl.style.top = positionY + tooltip.caretY + 'px'\n tooltipEl.style.font = tooltip.options.bodyFont.string\n tooltipEl.style.padding = tooltip.padding + 'px ' + tooltip.padding + 'px'\n}\n\nexport default customTooltips\n"]} \ No newline at end of file +{"version":3,"sources":["../../js/src/custom-tooltips.js"],"names":["ClassName","TOOLTIP","TOOLTIP_BODY","TOOLTIP_BODY_ITEM","TOOLTIP_HEADER","TOOLTIP_HEADER_ITEM","getOrCreateTooltip","chart","tooltipEl","canvas","parentNode","querySelector","document","createElement","classList","add","table","style","margin","appendChild","customTooltips","context","tooltip","opacity","body","titleLines","title","bodyLines","map","b","lines","tableHead","forEach","tr","borderWidth","th","text","createTextNode","tableBody","i","colors","labelColors","span","background","backgroundColor","borderColor","marginRight","height","width","display","td","tableRoot","firstChild","remove","offsetLeft","positionX","offsetTop","positionY","left","caretX","top","caretY","font","options","bodyFont","string","padding"],"mappings":";;;;;AAOA,MAAMA,UAAY,CAChBC,QAAS,kBACTC,aAAc,uBACdC,kBAAmB,4BACnBC,eAAgB,yBAChBC,oBAAqB,+BAGjBC,mBAAqBC,IACzB,IAAIC,EAAYD,EAAME,OAAOC,WAAWC,cAAc,OAEtD,IAAKH,EAAW,CACdA,EAAYI,SAASC,cAAc,OACnCL,EAAUM,UAAUC,IAAIf,UAAUC,SAElC,MAAMe,EAAQJ,SAASC,cAAc,SACrCG,EAAMC,MAAMC,OAAS,MAErBV,EAAUW,YAAYH,GACtBT,EAAME,OAAOC,WAAWS,YAAYX,GAGtC,OAAOA,GAGHY,eAAiBC,IAErB,MAAMd,MAAEA,EAAFe,QAASA,GAAYD,EACrBb,EAAYF,mBAAmBC,GAGrC,GAAwB,IAApBe,EAAQC,QAEV,YADAf,EAAUS,MAAMM,QAAU,GAK5B,GAAID,EAAQE,KAAM,CAChB,MAAMC,EAAaH,EAAQI,OAAS,GAC9BC,EAAYL,EAAQE,KAAKI,KAAIC,GAAKA,EAAEC,QAEpCC,EAAYnB,SAASC,cAAc,SACzCkB,EAAUjB,UAAUC,IAAIf,UAAUI,gBAElCqB,EAAWO,SAAQN,IACjB,MAAMO,EAAKrB,SAASC,cAAc,MAClCoB,EAAGhB,MAAMiB,YAAc,EACvBD,EAAGnB,UAAUC,IAAIf,UAAUK,qBAE3B,MAAM8B,EAAKvB,SAASC,cAAc,MAClCsB,EAAGlB,MAAMiB,YAAc,EACvB,MAAME,EAAOxB,SAASyB,eAAeX,GAErCS,EAAGhB,YAAYiB,GACfH,EAAGd,YAAYgB,GACfJ,EAAUZ,YAAYc,MAGxB,MAAMK,EAAY1B,SAASC,cAAc,SACzCyB,EAAUxB,UAAUC,IAAIf,UAAUE,cAElCyB,EAAUK,SAAQ,CAACR,EAAMe,KACvB,MAAMC,EAASlB,EAAQmB,YAAYF,GAE7BG,EAAO9B,SAASC,cAAc,QACpC6B,EAAKzB,MAAM0B,WAAaH,EAAOI,gBAC/BF,EAAKzB,MAAM4B,YAAcL,EAAOK,YAChCH,EAAKzB,MAAMiB,YAAc,MACzBQ,EAAKzB,MAAM6B,YAAc,OACzBJ,EAAKzB,MAAM8B,OAAS,OACpBL,EAAKzB,MAAM+B,MAAQ,OACnBN,EAAKzB,MAAMgC,QAAU,eAErB,MAAMhB,EAAKrB,SAASC,cAAc,MAClCoB,EAAGnB,UAAUC,IAAIf,UAAUG,mBAE3B,MAAM+C,EAAKtC,SAASC,cAAc,MAClCqC,EAAGjC,MAAMiB,YAAc,EAEvB,MAAME,EAAOxB,SAASyB,eAAeb,GAErC0B,EAAG/B,YAAYuB,GACfQ,EAAG/B,YAAYiB,GACfH,EAAGd,YAAY+B,GACfZ,EAAUnB,YAAYc,MAGxB,MAAMkB,EAAY3C,EAAUG,cAAc,SAG1C,KAAOwC,EAAUC,YACfD,EAAUC,WAAWC,SAIvBF,EAAUhC,YAAYY,GACtBoB,EAAUhC,YAAYmB,GAGxB,MAAQgB,WAAYC,EAAWC,UAAWC,GAAclD,EAAME,OAG9DD,EAAUS,MAAMM,QAAU,EAC1Bf,EAAUS,MAAMyC,KAAOH,EAAYjC,EAAQqC,OAAS,KACpDnD,EAAUS,MAAM2C,IAAMH,EAAYnC,EAAQuC,OAAS,KACnDrD,EAAUS,MAAM6C,KAAOxC,EAAQyC,QAAQC,SAASC,OAChDzD,EAAUS,MAAMiD,QAAU5C,EAAQ4C,QAAU,MAAQ5C,EAAQ4C,QAAU","sourcesContent":["/**\n * --------------------------------------------------------------------------\n * Custom Tooltips for Chart.js (v3.0.0): custom-tooltips.js\n * Licensed under MIT (https://coreui.io/plugins/chart.js)\n * --------------------------------------------------------------------------\n */\n\nconst ClassName = {\n TOOLTIP: 'chartjs-tooltip',\n TOOLTIP_BODY: 'chartjs-tooltip-body',\n TOOLTIP_BODY_ITEM: 'chartjs-tooltip-body-item',\n TOOLTIP_HEADER: 'chartjs-tooltip-header',\n TOOLTIP_HEADER_ITEM: 'chartjs-tooltip-header-item'\n}\n\nconst getOrCreateTooltip = chart => {\n let tooltipEl = chart.canvas.parentNode.querySelector('div')\n\n if (!tooltipEl) {\n tooltipEl = document.createElement('div')\n tooltipEl.classList.add(ClassName.TOOLTIP)\n\n const table = document.createElement('table')\n table.style.margin = '0px'\n\n tooltipEl.appendChild(table)\n chart.canvas.parentNode.appendChild(tooltipEl)\n }\n\n return tooltipEl\n}\n\nconst customTooltips = context => {\n // Tooltip Element\n const { chart, tooltip } = context\n const tooltipEl = getOrCreateTooltip(chart)\n\n // Hide if no tooltip\n if (tooltip.opacity === 0) {\n tooltipEl.style.opacity = 0\n return\n }\n\n // Set Text\n if (tooltip.body) {\n const titleLines = tooltip.title || []\n const bodyLines = tooltip.body.map(b => b.lines)\n\n const tableHead = document.createElement('thead')\n tableHead.classList.add(ClassName.TOOLTIP_HEADER)\n\n titleLines.forEach(title => {\n const tr = document.createElement('tr')\n tr.style.borderWidth = 0\n tr.classList.add(ClassName.TOOLTIP_HEADER_ITEM)\n\n const th = document.createElement('th')\n th.style.borderWidth = 0\n const text = document.createTextNode(title)\n\n th.appendChild(text)\n tr.appendChild(th)\n tableHead.appendChild(tr)\n })\n\n const tableBody = document.createElement('tbody')\n tableBody.classList.add(ClassName.TOOLTIP_BODY)\n\n bodyLines.forEach((body, i) => {\n const colors = tooltip.labelColors[i]\n\n const span = document.createElement('span')\n span.style.background = colors.backgroundColor\n span.style.borderColor = colors.borderColor\n span.style.borderWidth = '2px'\n span.style.marginRight = '10px'\n span.style.height = '10px'\n span.style.width = '10px'\n span.style.display = 'inline-block'\n\n const tr = document.createElement('tr')\n tr.classList.add(ClassName.TOOLTIP_BODY_ITEM)\n\n const td = document.createElement('td')\n td.style.borderWidth = 0\n\n const text = document.createTextNode(body)\n\n td.appendChild(span)\n td.appendChild(text)\n tr.appendChild(td)\n tableBody.appendChild(tr)\n })\n\n const tableRoot = tooltipEl.querySelector('table')\n\n // Remove old children\n while (tableRoot.firstChild) {\n tableRoot.firstChild.remove()\n }\n\n // Add new children\n tableRoot.appendChild(tableHead)\n tableRoot.appendChild(tableBody)\n }\n\n const { offsetLeft: positionX, offsetTop: positionY } = chart.canvas\n\n // Display, position, and set styles for font\n tooltipEl.style.opacity = 1\n tooltipEl.style.left = positionX + tooltip.caretX + 'px'\n tooltipEl.style.top = positionY + tooltip.caretY + 'px'\n tooltipEl.style.font = tooltip.options.bodyFont.string\n tooltipEl.style.padding = tooltip.padding + 'px ' + tooltip.padding + 'px'\n}\n\nexport default customTooltips\n"]} \ No newline at end of file diff --git a/dist/js/coreui-chartjs.js b/dist/js/coreui-chartjs.js index dd83698..311582d 100644 --- a/dist/js/coreui-chartjs.js +++ b/dist/js/coreui-chartjs.js @@ -1,5 +1,5 @@ /*! - * CoreUI Plugins - Chart.js for CoreUI 4 v3.0.0-rc.0 (https://coreui.io) + * CoreUI Plugins - Chart.js for CoreUI 4 v3.0.0 (https://coreui.io) * Copyright 2021 creativeLabs Łukasz Holeczek * Licensed under MIT (https://coreui.io/license/) */ @@ -11,7 +11,7 @@ /** * -------------------------------------------------------------------------- - * Custom Tooltips for Chart.js (v3.0.0-rc.0): custom-tooltips.js + * Custom Tooltips for Chart.js (v3.0.0): custom-tooltips.js * Licensed under MIT (https://coreui.io/plugins/chart.js) * -------------------------------------------------------------------------- */ @@ -115,7 +115,7 @@ /** * -------------------------------------------------------------------------- - * Custom Tooltips for Chart.js (v3.0.0-rc.0): index.umd.js + * Custom Tooltips for Chart.js (v3.0.0): index.umd.js * Licensed under MIT (https://github.com/@coreui/coreui-chartjs/LICENSE) * -------------------------------------------------------------------------- */ diff --git a/dist/js/coreui-chartjs.js.map b/dist/js/coreui-chartjs.js.map index a0ff801..c3177f0 100644 --- a/dist/js/coreui-chartjs.js.map +++ b/dist/js/coreui-chartjs.js.map @@ -1 +1 @@ -{"version":3,"file":"coreui-chartjs.js","sources":["../../js/src/custom-tooltips.js","../../js/index.umd.js"],"sourcesContent":["/**\n * --------------------------------------------------------------------------\n * Custom Tooltips for Chart.js (v3.0.0-rc.0): custom-tooltips.js\n * Licensed under MIT (https://coreui.io/plugins/chart.js)\n * --------------------------------------------------------------------------\n */\n\nconst ClassName = {\n TOOLTIP: 'chartjs-tooltip',\n TOOLTIP_BODY: 'chartjs-tooltip-body',\n TOOLTIP_BODY_ITEM: 'chartjs-tooltip-body-item',\n TOOLTIP_HEADER: 'chartjs-tooltip-header',\n TOOLTIP_HEADER_ITEM: 'chartjs-tooltip-header-item'\n}\n\nconst getOrCreateTooltip = chart => {\n let tooltipEl = chart.canvas.parentNode.querySelector('div')\n\n if (!tooltipEl) {\n tooltipEl = document.createElement('div')\n tooltipEl.classList.add(ClassName.TOOLTIP)\n\n const table = document.createElement('table')\n table.style.margin = '0px'\n\n tooltipEl.appendChild(table)\n chart.canvas.parentNode.appendChild(tooltipEl)\n }\n\n return tooltipEl\n}\n\nconst customTooltips = context => {\n // Tooltip Element\n const { chart, tooltip } = context\n const tooltipEl = getOrCreateTooltip(chart)\n\n // Hide if no tooltip\n if (tooltip.opacity === 0) {\n tooltipEl.style.opacity = 0\n return\n }\n\n // Set Text\n if (tooltip.body) {\n const titleLines = tooltip.title || []\n const bodyLines = tooltip.body.map(b => b.lines)\n\n const tableHead = document.createElement('thead')\n tableHead.classList.add(ClassName.TOOLTIP_HEADER)\n\n titleLines.forEach(title => {\n const tr = document.createElement('tr')\n tr.style.borderWidth = 0\n tr.classList.add(ClassName.TOOLTIP_HEADER_ITEM)\n\n const th = document.createElement('th')\n th.style.borderWidth = 0\n const text = document.createTextNode(title)\n\n th.appendChild(text)\n tr.appendChild(th)\n tableHead.appendChild(tr)\n })\n\n const tableBody = document.createElement('tbody')\n tableBody.classList.add(ClassName.TOOLTIP_BODY)\n\n bodyLines.forEach((body, i) => {\n const colors = tooltip.labelColors[i]\n\n const span = document.createElement('span')\n span.style.background = colors.backgroundColor\n span.style.borderColor = colors.borderColor\n span.style.borderWidth = '2px'\n span.style.marginRight = '10px'\n span.style.height = '10px'\n span.style.width = '10px'\n span.style.display = 'inline-block'\n\n const tr = document.createElement('tr')\n tr.classList.add(ClassName.TOOLTIP_BODY_ITEM)\n\n const td = document.createElement('td')\n td.style.borderWidth = 0\n\n const text = document.createTextNode(body)\n\n td.appendChild(span)\n td.appendChild(text)\n tr.appendChild(td)\n tableBody.appendChild(tr)\n })\n\n const tableRoot = tooltipEl.querySelector('table')\n\n // Remove old children\n while (tableRoot.firstChild) {\n tableRoot.firstChild.remove()\n }\n\n // Add new children\n tableRoot.appendChild(tableHead)\n tableRoot.appendChild(tableBody)\n }\n\n const { offsetLeft: positionX, offsetTop: positionY } = chart.canvas\n\n // Display, position, and set styles for font\n tooltipEl.style.opacity = 1\n tooltipEl.style.left = positionX + tooltip.caretX + 'px'\n tooltipEl.style.top = positionY + tooltip.caretY + 'px'\n tooltipEl.style.font = tooltip.options.bodyFont.string\n tooltipEl.style.padding = tooltip.padding + 'px ' + tooltip.padding + 'px'\n}\n\nexport default customTooltips\n","/**\n * --------------------------------------------------------------------------\n * Custom Tooltips for Chart.js (v3.0.0-rc.0): index.umd.js\n * Licensed under MIT (https://github.com/@coreui/coreui-chartjs/LICENSE)\n * --------------------------------------------------------------------------\n */\n\n// eslint-disable-next-line no-unused-vars\nimport customTooltips from './src/custom-tooltips'\n\nexport default {\n customTooltips\n}\n"],"names":["ClassName","TOOLTIP","TOOLTIP_BODY","TOOLTIP_BODY_ITEM","TOOLTIP_HEADER","TOOLTIP_HEADER_ITEM","getOrCreateTooltip","chart","tooltipEl","canvas","parentNode","querySelector","document","createElement","classList","add","table","style","margin","appendChild","customTooltips","context","tooltip","opacity","body","titleLines","title","bodyLines","map","b","lines","tableHead","forEach","tr","borderWidth","th","text","createTextNode","tableBody","i","colors","labelColors","span","background","backgroundColor","borderColor","marginRight","height","width","display","td","tableRoot","firstChild","remove","offsetLeft","positionX","offsetTop","positionY","left","caretX","top","caretY","font","options","bodyFont","string","padding"],"mappings":"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"} \ No newline at end of file +{"version":3,"file":"coreui-chartjs.js","sources":["../../js/src/custom-tooltips.js","../../js/index.umd.js"],"sourcesContent":["/**\n * --------------------------------------------------------------------------\n * Custom Tooltips for Chart.js (v3.0.0): custom-tooltips.js\n * Licensed under MIT (https://coreui.io/plugins/chart.js)\n * --------------------------------------------------------------------------\n */\n\nconst ClassName = {\n TOOLTIP: 'chartjs-tooltip',\n TOOLTIP_BODY: 'chartjs-tooltip-body',\n TOOLTIP_BODY_ITEM: 'chartjs-tooltip-body-item',\n TOOLTIP_HEADER: 'chartjs-tooltip-header',\n TOOLTIP_HEADER_ITEM: 'chartjs-tooltip-header-item'\n}\n\nconst getOrCreateTooltip = chart => {\n let tooltipEl = chart.canvas.parentNode.querySelector('div')\n\n if (!tooltipEl) {\n tooltipEl = document.createElement('div')\n tooltipEl.classList.add(ClassName.TOOLTIP)\n\n const table = document.createElement('table')\n table.style.margin = '0px'\n\n tooltipEl.appendChild(table)\n chart.canvas.parentNode.appendChild(tooltipEl)\n }\n\n return tooltipEl\n}\n\nconst customTooltips = context => {\n // Tooltip Element\n const { chart, tooltip } = context\n const tooltipEl = getOrCreateTooltip(chart)\n\n // Hide if no tooltip\n if (tooltip.opacity === 0) {\n tooltipEl.style.opacity = 0\n return\n }\n\n // Set Text\n if (tooltip.body) {\n const titleLines = tooltip.title || []\n const bodyLines = tooltip.body.map(b => b.lines)\n\n const tableHead = document.createElement('thead')\n tableHead.classList.add(ClassName.TOOLTIP_HEADER)\n\n titleLines.forEach(title => {\n const tr = document.createElement('tr')\n tr.style.borderWidth = 0\n tr.classList.add(ClassName.TOOLTIP_HEADER_ITEM)\n\n const th = document.createElement('th')\n th.style.borderWidth = 0\n const text = document.createTextNode(title)\n\n th.appendChild(text)\n tr.appendChild(th)\n tableHead.appendChild(tr)\n })\n\n const tableBody = document.createElement('tbody')\n tableBody.classList.add(ClassName.TOOLTIP_BODY)\n\n bodyLines.forEach((body, i) => {\n const colors = tooltip.labelColors[i]\n\n const span = document.createElement('span')\n span.style.background = colors.backgroundColor\n span.style.borderColor = colors.borderColor\n span.style.borderWidth = '2px'\n span.style.marginRight = '10px'\n span.style.height = '10px'\n span.style.width = '10px'\n span.style.display = 'inline-block'\n\n const tr = document.createElement('tr')\n tr.classList.add(ClassName.TOOLTIP_BODY_ITEM)\n\n const td = document.createElement('td')\n td.style.borderWidth = 0\n\n const text = document.createTextNode(body)\n\n td.appendChild(span)\n td.appendChild(text)\n tr.appendChild(td)\n tableBody.appendChild(tr)\n })\n\n const tableRoot = tooltipEl.querySelector('table')\n\n // Remove old children\n while (tableRoot.firstChild) {\n tableRoot.firstChild.remove()\n }\n\n // Add new children\n tableRoot.appendChild(tableHead)\n tableRoot.appendChild(tableBody)\n }\n\n const { offsetLeft: positionX, offsetTop: positionY } = chart.canvas\n\n // Display, position, and set styles for font\n tooltipEl.style.opacity = 1\n tooltipEl.style.left = positionX + tooltip.caretX + 'px'\n tooltipEl.style.top = positionY + tooltip.caretY + 'px'\n tooltipEl.style.font = tooltip.options.bodyFont.string\n tooltipEl.style.padding = tooltip.padding + 'px ' + tooltip.padding + 'px'\n}\n\nexport default customTooltips\n","/**\n * --------------------------------------------------------------------------\n * Custom Tooltips for Chart.js (v3.0.0): index.umd.js\n * Licensed under MIT (https://github.com/@coreui/coreui-chartjs/LICENSE)\n * --------------------------------------------------------------------------\n */\n\n// eslint-disable-next-line no-unused-vars\nimport customTooltips from './src/custom-tooltips'\n\nexport default {\n customTooltips\n}\n"],"names":["ClassName","TOOLTIP","TOOLTIP_BODY","TOOLTIP_BODY_ITEM","TOOLTIP_HEADER","TOOLTIP_HEADER_ITEM","getOrCreateTooltip","chart","tooltipEl","canvas","parentNode","querySelector","document","createElement","classList","add","table","style","margin","appendChild","customTooltips","context","tooltip","opacity","body","titleLines","title","bodyLines","map","b","lines","tableHead","forEach","tr","borderWidth","th","text","createTextNode","tableBody","i","colors","labelColors","span","background","backgroundColor","borderColor","marginRight","height","width","display","td","tableRoot","firstChild","remove","offsetLeft","positionX","offsetTop","positionY","left","caretX","top","caretY","font","options","bodyFont","string","padding"],"mappings":"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"} \ No newline at end of file diff --git a/dist/js/coreui-chartjs.min.js b/dist/js/coreui-chartjs.min.js index af96b10..7265df1 100644 --- a/dist/js/coreui-chartjs.min.js +++ b/dist/js/coreui-chartjs.min.js @@ -1,5 +1,5 @@ /*! - * CoreUI Plugins - Chart.js for CoreUI 4 v3.0.0-rc.0 (https://coreui.io) + * CoreUI Plugins - Chart.js for CoreUI 4 v3.0.0 (https://coreui.io) * Copyright 2021 creativeLabs Łukasz Holeczek * Licensed under MIT (https://coreui.io/license/) */ diff --git a/dist/js/coreui-chartjs.min.js.map b/dist/js/coreui-chartjs.min.js.map index a69bfa0..c80cef2 100644 --- a/dist/js/coreui-chartjs.min.js.map +++ b/dist/js/coreui-chartjs.min.js.map @@ -1 +1 @@ -{"version":3,"sources":["../../js/src/custom-tooltips.js","../../js/index.umd.js"],"names":["ClassName","customTooltips","context","chart","tooltip","tooltipEl","canvas","parentNode","querySelector","document","createElement","classList","add","table","style","margin","appendChild","getOrCreateTooltip","opacity","body","titleLines","title","bodyLines","map","b","lines","tableHead","forEach","tr","borderWidth","th","text","createTextNode","tableBody","i","colors","labelColors","span","background","backgroundColor","borderColor","marginRight","height","width","display","td","tableRoot","firstChild","remove","offsetLeft","positionX","offsetTop","positionY","left","caretX","top","caretY","font","options","bodyFont","string","padding"],"mappings":";;;;;uQAOA,MAAMA,EACK,kBADLA,EAEU,uBAFVA,EAGe,4BAHfA,EAIY,yBAJZA,EAKiB,oCCFR,CACbC,eDqBqBC,IAErB,MAAMC,MAAEA,EAAFC,QAASA,GAAYF,EACrBG,EApBmBF,CAAAA,IACzB,IAAIE,EAAYF,EAAMG,OAAOC,WAAWC,cAAc,OAEtD,IAAKH,EAAW,CACdA,EAAYI,SAASC,cAAc,OACnCL,EAAUM,UAAUC,IAAIZ,GAExB,MAAMa,EAAQJ,SAASC,cAAc,SACrCG,EAAMC,MAAMC,OAAS,MAErBV,EAAUW,YAAYH,GACtBV,EAAMG,OAAOC,WAAWS,YAAYX,GAGtC,OAAOA,GAMWY,CAAmBd,GAGrC,GAAwB,IAApBC,EAAQc,QAEV,YADAb,EAAUS,MAAMI,QAAU,GAK5B,GAAId,EAAQe,KAAM,CAChB,MAAMC,EAAahB,EAAQiB,OAAS,GAC9BC,EAAYlB,EAAQe,KAAKI,KAAIC,GAAKA,EAAEC,QAEpCC,EAAYjB,SAASC,cAAc,SACzCgB,EAAUf,UAAUC,IAAIZ,GAExBoB,EAAWO,SAAQN,IACjB,MAAMO,EAAKnB,SAASC,cAAc,MAClCkB,EAAGd,MAAMe,YAAc,EACvBD,EAAGjB,UAAUC,IAAIZ,GAEjB,MAAM8B,EAAKrB,SAASC,cAAc,MAClCoB,EAAGhB,MAAMe,YAAc,EACvB,MAAME,EAAOtB,SAASuB,eAAeX,GAErCS,EAAGd,YAAYe,GACfH,EAAGZ,YAAYc,GACfJ,EAAUV,YAAYY,MAGxB,MAAMK,EAAYxB,SAASC,cAAc,SACzCuB,EAAUtB,UAAUC,IAAIZ,GAExBsB,EAAUK,SAAQ,CAACR,EAAMe,KACvB,MAAMC,EAAS/B,EAAQgC,YAAYF,GAE7BG,EAAO5B,SAASC,cAAc,QACpC2B,EAAKvB,MAAMwB,WAAaH,EAAOI,gBAC/BF,EAAKvB,MAAM0B,YAAcL,EAAOK,YAChCH,EAAKvB,MAAMe,YAAc,MACzBQ,EAAKvB,MAAM2B,YAAc,OACzBJ,EAAKvB,MAAM4B,OAAS,OACpBL,EAAKvB,MAAM6B,MAAQ,OACnBN,EAAKvB,MAAM8B,QAAU,eAErB,MAAMhB,EAAKnB,SAASC,cAAc,MAClCkB,EAAGjB,UAAUC,IAAIZ,GAEjB,MAAM6C,EAAKpC,SAASC,cAAc,MAClCmC,EAAG/B,MAAMe,YAAc,EAEvB,MAAME,EAAOtB,SAASuB,eAAeb,GAErC0B,EAAG7B,YAAYqB,GACfQ,EAAG7B,YAAYe,GACfH,EAAGZ,YAAY6B,GACfZ,EAAUjB,YAAYY,MAGxB,MAAMkB,EAAYzC,EAAUG,cAAc,SAG1C,KAAOsC,EAAUC,YACfD,EAAUC,WAAWC,SAIvBF,EAAU9B,YAAYU,GACtBoB,EAAU9B,YAAYiB,GAGxB,MAAQgB,WAAYC,EAAWC,UAAWC,GAAcjD,EAAMG,OAG9DD,EAAUS,MAAMI,QAAU,EAC1Bb,EAAUS,MAAMuC,KAAOH,EAAY9C,EAAQkD,OAAS,KACpDjD,EAAUS,MAAMyC,IAAMH,EAAYhD,EAAQoD,OAAS,KACnDnD,EAAUS,MAAM2C,KAAOrD,EAAQsD,QAAQC,SAASC,OAChDvD,EAAUS,MAAM+C,QAAUzD,EAAQyD,QAAU,MAAQzD,EAAQyD,QAAU","sourcesContent":["/**\n * --------------------------------------------------------------------------\n * Custom Tooltips for Chart.js (v3.0.0-rc.0): custom-tooltips.js\n * Licensed under MIT (https://coreui.io/plugins/chart.js)\n * --------------------------------------------------------------------------\n */\n\nconst ClassName = {\n TOOLTIP: 'chartjs-tooltip',\n TOOLTIP_BODY: 'chartjs-tooltip-body',\n TOOLTIP_BODY_ITEM: 'chartjs-tooltip-body-item',\n TOOLTIP_HEADER: 'chartjs-tooltip-header',\n TOOLTIP_HEADER_ITEM: 'chartjs-tooltip-header-item'\n}\n\nconst getOrCreateTooltip = chart => {\n let tooltipEl = chart.canvas.parentNode.querySelector('div')\n\n if (!tooltipEl) {\n tooltipEl = document.createElement('div')\n tooltipEl.classList.add(ClassName.TOOLTIP)\n\n const table = document.createElement('table')\n table.style.margin = '0px'\n\n tooltipEl.appendChild(table)\n chart.canvas.parentNode.appendChild(tooltipEl)\n }\n\n return tooltipEl\n}\n\nconst customTooltips = context => {\n // Tooltip Element\n const { chart, tooltip } = context\n const tooltipEl = getOrCreateTooltip(chart)\n\n // Hide if no tooltip\n if (tooltip.opacity === 0) {\n tooltipEl.style.opacity = 0\n return\n }\n\n // Set Text\n if (tooltip.body) {\n const titleLines = tooltip.title || []\n const bodyLines = tooltip.body.map(b => b.lines)\n\n const tableHead = document.createElement('thead')\n tableHead.classList.add(ClassName.TOOLTIP_HEADER)\n\n titleLines.forEach(title => {\n const tr = document.createElement('tr')\n tr.style.borderWidth = 0\n tr.classList.add(ClassName.TOOLTIP_HEADER_ITEM)\n\n const th = document.createElement('th')\n th.style.borderWidth = 0\n const text = document.createTextNode(title)\n\n th.appendChild(text)\n tr.appendChild(th)\n tableHead.appendChild(tr)\n })\n\n const tableBody = document.createElement('tbody')\n tableBody.classList.add(ClassName.TOOLTIP_BODY)\n\n bodyLines.forEach((body, i) => {\n const colors = tooltip.labelColors[i]\n\n const span = document.createElement('span')\n span.style.background = colors.backgroundColor\n span.style.borderColor = colors.borderColor\n span.style.borderWidth = '2px'\n span.style.marginRight = '10px'\n span.style.height = '10px'\n span.style.width = '10px'\n span.style.display = 'inline-block'\n\n const tr = document.createElement('tr')\n tr.classList.add(ClassName.TOOLTIP_BODY_ITEM)\n\n const td = document.createElement('td')\n td.style.borderWidth = 0\n\n const text = document.createTextNode(body)\n\n td.appendChild(span)\n td.appendChild(text)\n tr.appendChild(td)\n tableBody.appendChild(tr)\n })\n\n const tableRoot = tooltipEl.querySelector('table')\n\n // Remove old children\n while (tableRoot.firstChild) {\n tableRoot.firstChild.remove()\n }\n\n // Add new children\n tableRoot.appendChild(tableHead)\n tableRoot.appendChild(tableBody)\n }\n\n const { offsetLeft: positionX, offsetTop: positionY } = chart.canvas\n\n // Display, position, and set styles for font\n tooltipEl.style.opacity = 1\n tooltipEl.style.left = positionX + tooltip.caretX + 'px'\n tooltipEl.style.top = positionY + tooltip.caretY + 'px'\n tooltipEl.style.font = tooltip.options.bodyFont.string\n tooltipEl.style.padding = tooltip.padding + 'px ' + tooltip.padding + 'px'\n}\n\nexport default customTooltips\n","/**\n * --------------------------------------------------------------------------\n * Custom Tooltips for Chart.js (v3.0.0-rc.0): index.umd.js\n * Licensed under MIT (https://github.com/@coreui/coreui-chartjs/LICENSE)\n * --------------------------------------------------------------------------\n */\n\n// eslint-disable-next-line no-unused-vars\nimport customTooltips from './src/custom-tooltips'\n\nexport default {\n customTooltips\n}\n"]} \ No newline at end of file +{"version":3,"sources":["../../js/src/custom-tooltips.js","../../js/index.umd.js"],"names":["ClassName","customTooltips","context","chart","tooltip","tooltipEl","canvas","parentNode","querySelector","document","createElement","classList","add","table","style","margin","appendChild","getOrCreateTooltip","opacity","body","titleLines","title","bodyLines","map","b","lines","tableHead","forEach","tr","borderWidth","th","text","createTextNode","tableBody","i","colors","labelColors","span","background","backgroundColor","borderColor","marginRight","height","width","display","td","tableRoot","firstChild","remove","offsetLeft","positionX","offsetTop","positionY","left","caretX","top","caretY","font","options","bodyFont","string","padding"],"mappings":";;;;;uQAOA,MAAMA,EACK,kBADLA,EAEU,uBAFVA,EAGe,4BAHfA,EAIY,yBAJZA,EAKiB,oCCFR,CACbC,eDqBqBC,IAErB,MAAMC,MAAEA,EAAFC,QAASA,GAAYF,EACrBG,EApBmBF,CAAAA,IACzB,IAAIE,EAAYF,EAAMG,OAAOC,WAAWC,cAAc,OAEtD,IAAKH,EAAW,CACdA,EAAYI,SAASC,cAAc,OACnCL,EAAUM,UAAUC,IAAIZ,GAExB,MAAMa,EAAQJ,SAASC,cAAc,SACrCG,EAAMC,MAAMC,OAAS,MAErBV,EAAUW,YAAYH,GACtBV,EAAMG,OAAOC,WAAWS,YAAYX,GAGtC,OAAOA,GAMWY,CAAmBd,GAGrC,GAAwB,IAApBC,EAAQc,QAEV,YADAb,EAAUS,MAAMI,QAAU,GAK5B,GAAId,EAAQe,KAAM,CAChB,MAAMC,EAAahB,EAAQiB,OAAS,GAC9BC,EAAYlB,EAAQe,KAAKI,KAAIC,GAAKA,EAAEC,QAEpCC,EAAYjB,SAASC,cAAc,SACzCgB,EAAUf,UAAUC,IAAIZ,GAExBoB,EAAWO,SAAQN,IACjB,MAAMO,EAAKnB,SAASC,cAAc,MAClCkB,EAAGd,MAAMe,YAAc,EACvBD,EAAGjB,UAAUC,IAAIZ,GAEjB,MAAM8B,EAAKrB,SAASC,cAAc,MAClCoB,EAAGhB,MAAMe,YAAc,EACvB,MAAME,EAAOtB,SAASuB,eAAeX,GAErCS,EAAGd,YAAYe,GACfH,EAAGZ,YAAYc,GACfJ,EAAUV,YAAYY,MAGxB,MAAMK,EAAYxB,SAASC,cAAc,SACzCuB,EAAUtB,UAAUC,IAAIZ,GAExBsB,EAAUK,SAAQ,CAACR,EAAMe,KACvB,MAAMC,EAAS/B,EAAQgC,YAAYF,GAE7BG,EAAO5B,SAASC,cAAc,QACpC2B,EAAKvB,MAAMwB,WAAaH,EAAOI,gBAC/BF,EAAKvB,MAAM0B,YAAcL,EAAOK,YAChCH,EAAKvB,MAAMe,YAAc,MACzBQ,EAAKvB,MAAM2B,YAAc,OACzBJ,EAAKvB,MAAM4B,OAAS,OACpBL,EAAKvB,MAAM6B,MAAQ,OACnBN,EAAKvB,MAAM8B,QAAU,eAErB,MAAMhB,EAAKnB,SAASC,cAAc,MAClCkB,EAAGjB,UAAUC,IAAIZ,GAEjB,MAAM6C,EAAKpC,SAASC,cAAc,MAClCmC,EAAG/B,MAAMe,YAAc,EAEvB,MAAME,EAAOtB,SAASuB,eAAeb,GAErC0B,EAAG7B,YAAYqB,GACfQ,EAAG7B,YAAYe,GACfH,EAAGZ,YAAY6B,GACfZ,EAAUjB,YAAYY,MAGxB,MAAMkB,EAAYzC,EAAUG,cAAc,SAG1C,KAAOsC,EAAUC,YACfD,EAAUC,WAAWC,SAIvBF,EAAU9B,YAAYU,GACtBoB,EAAU9B,YAAYiB,GAGxB,MAAQgB,WAAYC,EAAWC,UAAWC,GAAcjD,EAAMG,OAG9DD,EAAUS,MAAMI,QAAU,EAC1Bb,EAAUS,MAAMuC,KAAOH,EAAY9C,EAAQkD,OAAS,KACpDjD,EAAUS,MAAMyC,IAAMH,EAAYhD,EAAQoD,OAAS,KACnDnD,EAAUS,MAAM2C,KAAOrD,EAAQsD,QAAQC,SAASC,OAChDvD,EAAUS,MAAM+C,QAAUzD,EAAQyD,QAAU,MAAQzD,EAAQyD,QAAU","sourcesContent":["/**\n * --------------------------------------------------------------------------\n * Custom Tooltips for Chart.js (v3.0.0): custom-tooltips.js\n * Licensed under MIT (https://coreui.io/plugins/chart.js)\n * --------------------------------------------------------------------------\n */\n\nconst ClassName = {\n TOOLTIP: 'chartjs-tooltip',\n TOOLTIP_BODY: 'chartjs-tooltip-body',\n TOOLTIP_BODY_ITEM: 'chartjs-tooltip-body-item',\n TOOLTIP_HEADER: 'chartjs-tooltip-header',\n TOOLTIP_HEADER_ITEM: 'chartjs-tooltip-header-item'\n}\n\nconst getOrCreateTooltip = chart => {\n let tooltipEl = chart.canvas.parentNode.querySelector('div')\n\n if (!tooltipEl) {\n tooltipEl = document.createElement('div')\n tooltipEl.classList.add(ClassName.TOOLTIP)\n\n const table = document.createElement('table')\n table.style.margin = '0px'\n\n tooltipEl.appendChild(table)\n chart.canvas.parentNode.appendChild(tooltipEl)\n }\n\n return tooltipEl\n}\n\nconst customTooltips = context => {\n // Tooltip Element\n const { chart, tooltip } = context\n const tooltipEl = getOrCreateTooltip(chart)\n\n // Hide if no tooltip\n if (tooltip.opacity === 0) {\n tooltipEl.style.opacity = 0\n return\n }\n\n // Set Text\n if (tooltip.body) {\n const titleLines = tooltip.title || []\n const bodyLines = tooltip.body.map(b => b.lines)\n\n const tableHead = document.createElement('thead')\n tableHead.classList.add(ClassName.TOOLTIP_HEADER)\n\n titleLines.forEach(title => {\n const tr = document.createElement('tr')\n tr.style.borderWidth = 0\n tr.classList.add(ClassName.TOOLTIP_HEADER_ITEM)\n\n const th = document.createElement('th')\n th.style.borderWidth = 0\n const text = document.createTextNode(title)\n\n th.appendChild(text)\n tr.appendChild(th)\n tableHead.appendChild(tr)\n })\n\n const tableBody = document.createElement('tbody')\n tableBody.classList.add(ClassName.TOOLTIP_BODY)\n\n bodyLines.forEach((body, i) => {\n const colors = tooltip.labelColors[i]\n\n const span = document.createElement('span')\n span.style.background = colors.backgroundColor\n span.style.borderColor = colors.borderColor\n span.style.borderWidth = '2px'\n span.style.marginRight = '10px'\n span.style.height = '10px'\n span.style.width = '10px'\n span.style.display = 'inline-block'\n\n const tr = document.createElement('tr')\n tr.classList.add(ClassName.TOOLTIP_BODY_ITEM)\n\n const td = document.createElement('td')\n td.style.borderWidth = 0\n\n const text = document.createTextNode(body)\n\n td.appendChild(span)\n td.appendChild(text)\n tr.appendChild(td)\n tableBody.appendChild(tr)\n })\n\n const tableRoot = tooltipEl.querySelector('table')\n\n // Remove old children\n while (tableRoot.firstChild) {\n tableRoot.firstChild.remove()\n }\n\n // Add new children\n tableRoot.appendChild(tableHead)\n tableRoot.appendChild(tableBody)\n }\n\n const { offsetLeft: positionX, offsetTop: positionY } = chart.canvas\n\n // Display, position, and set styles for font\n tooltipEl.style.opacity = 1\n tooltipEl.style.left = positionX + tooltip.caretX + 'px'\n tooltipEl.style.top = positionY + tooltip.caretY + 'px'\n tooltipEl.style.font = tooltip.options.bodyFont.string\n tooltipEl.style.padding = tooltip.padding + 'px ' + tooltip.padding + 'px'\n}\n\nexport default customTooltips\n","/**\n * --------------------------------------------------------------------------\n * Custom Tooltips for Chart.js (v3.0.0): index.umd.js\n * Licensed under MIT (https://github.com/@coreui/coreui-chartjs/LICENSE)\n * --------------------------------------------------------------------------\n */\n\n// eslint-disable-next-line no-unused-vars\nimport customTooltips from './src/custom-tooltips'\n\nexport default {\n customTooltips\n}\n"]} \ No newline at end of file diff --git a/js/index.esm.js b/js/index.esm.js index f34af74..c0995f7 100644 --- a/js/index.esm.js +++ b/js/index.esm.js @@ -1,6 +1,6 @@ /** * -------------------------------------------------------------------------- - * Custom Tooltips for Chart.js (v3.0.0-rc.0): index.esm.js + * Custom Tooltips for Chart.js (v3.0.0): index.esm.js * Licensed under MIT (https://github.com/@coreui/coreui-chartjs/LICENSE) * -------------------------------------------------------------------------- */ diff --git a/js/index.umd.js b/js/index.umd.js index f7eeaf2..a0b9f1d 100644 --- a/js/index.umd.js +++ b/js/index.umd.js @@ -1,6 +1,6 @@ /** * -------------------------------------------------------------------------- - * Custom Tooltips for Chart.js (v3.0.0-rc.0): index.umd.js + * Custom Tooltips for Chart.js (v3.0.0): index.umd.js * Licensed under MIT (https://github.com/@coreui/coreui-chartjs/LICENSE) * -------------------------------------------------------------------------- */ diff --git a/js/src/custom-tooltips.js b/js/src/custom-tooltips.js index 408dadf..d908497 100644 --- a/js/src/custom-tooltips.js +++ b/js/src/custom-tooltips.js @@ -1,6 +1,6 @@ /** * -------------------------------------------------------------------------- - * Custom Tooltips for Chart.js (v3.0.0-rc.0): custom-tooltips.js + * Custom Tooltips for Chart.js (v3.0.0): custom-tooltips.js * Licensed under MIT (https://coreui.io/plugins/chart.js) * -------------------------------------------------------------------------- */ diff --git a/package-lock.json b/package-lock.json index ca2a784..55357f3 100644 --- a/package-lock.json +++ b/package-lock.json @@ -1,12 +1,12 @@ { "name": "@coreui/chartjs", - "version": "3.0.0-rc.0", + "version": "3.0.0", "lockfileVersion": 2, "requires": true, "packages": { "": { "name": "@coreui/chartjs", - "version": "3.0.0-rc.0", + "version": "3.0.0", "license": "MIT", "dependencies": { "@coreui/coreui": "4.0.0", diff --git a/package.json b/package.json index 15ad0e3..bc25d21 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "@coreui/chartjs", - "version": "3.0.0-rc.0", + "version": "3.0.0", "description": "Chart.js for CoreUI", "keywords": [ "chart", diff --git a/scss/coreui-chartjs.scss b/scss/coreui-chartjs.scss index 7388f83..95cb647 100644 --- a/scss/coreui-chartjs.scss +++ b/scss/coreui-chartjs.scss @@ -1,6 +1,6 @@ /*! * CoreUI Plugins - Chart.js for CoreUI 3 - * @version v3.0.0-rc.0 + * @version v3.0.0 * @link https://coreui.io * Copyright (c) 2021 creativeLabs Łukasz Holeczek * Licensed under MIT (https://coreui.io/license/plugins/chart.js)