{"version":3,"sourceRoot":"","sources":["../../../src/plugins/organization-chart/scss/_organization-chart.scss"],"names":[],"mappings":"AA8IA,yBACE,8DAEA,2DACA,aACA,qBACA,2BACE,SACA,kCAGF,2BACE,eAIJ,mBACE,qCACA,2CACA,2BACA,2BACA,qBAEA,qBACE,eAGF,uBACE,WACA,kBACA,oBAIJ,iCACE,yBAGF,0BACE,8DAEA,6BACE,kBACA,mBACA,gBAIJ,yBACE,YACA,iEACA,+DAIA,kCACE,qDACA,cACA,YACA,UACA,kBAIJ,yBACE,kBAGF,kDACE","file":"organization-chart.min.css","sourcesContent":["// Customize the light and dark text colors for use in our color contrast function.\n$white: #fff !default;\n$black: #000 !default;\n$primary: #3b71ca !default;\n\n$color-contrast-dark: $black !default;\n$color-contrast-light: $white !default;\n\n$min-contrast-ratio: 2 !default;\n\n// A list of pre-calculated numbers of pow(divide((divide($value, 255) + .055), 1.055), 2.4). (from 0 to 255)\n// stylelint-disable-next-line scss/dollar-variable-default, scss/dollar-variable-pattern\n$_luminance-list: 0.0008 0.001 0.0011 0.0013 0.0015 0.0017 0.002 0.0022 0.0025 0.0027 0.003 0.0033\n  0.0037 0.004 0.0044 0.0048 0.0052 0.0056 0.006 0.0065 0.007 0.0075 0.008 0.0086 0.0091 0.0097\n  0.0103 0.011 0.0116 0.0123 0.013 0.0137 0.0144 0.0152 0.016 0.0168 0.0176 0.0185 0.0194 0.0203\n  0.0212 0.0222 0.0232 0.0242 0.0252 0.0262 0.0273 0.0284 0.0296 0.0307 0.0319 0.0331 0.0343 0.0356\n  0.0369 0.0382 0.0395 0.0409 0.0423 0.0437 0.0452 0.0467 0.0482 0.0497 0.0513 0.0529 0.0545 0.0561\n  0.0578 0.0595 0.0612 0.063 0.0648 0.0666 0.0685 0.0704 0.0723 0.0742 0.0762 0.0782 0.0802 0.0823\n  0.0844 0.0865 0.0887 0.0908 0.0931 0.0953 0.0976 0.0999 0.1022 0.1046 0.107 0.1095 0.1119 0.1144\n  0.117 0.1195 0.1221 0.1248 0.1274 0.1301 0.1329 0.1356 0.1384 0.1413 0.1441 0.147 0.15 0.1529\n  0.1559 0.159 0.162 0.1651 0.1683 0.1714 0.1746 0.1779 0.1812 0.1845 0.1878 0.1912 0.1946 0.1981\n  0.2016 0.2051 0.2086 0.2122 0.2159 0.2195 0.2232 0.227 0.2307 0.2346 0.2384 0.2423 0.2462 0.2502\n  0.2542 0.2582 0.2623 0.2664 0.2705 0.2747 0.2789 0.2831 0.2874 0.2918 0.2961 0.3005 0.305 0.3095\n  0.314 0.3185 0.3231 0.3278 0.3325 0.3372 0.3419 0.3467 0.3515 0.3564 0.3613 0.3663 0.3712 0.3763\n  0.3813 0.3864 0.3916 0.3968 0.402 0.4072 0.4125 0.4179 0.4233 0.4287 0.4342 0.4397 0.4452 0.4508\n  0.4564 0.4621 0.4678 0.4735 0.4793 0.4851 0.491 0.4969 0.5029 0.5089 0.5149 0.521 0.5271 0.5333\n  0.5395 0.5457 0.552 0.5583 0.5647 0.5711 0.5776 0.5841 0.5906 0.5972 0.6038 0.6105 0.6172 0.624\n  0.6308 0.6376 0.6445 0.6514 0.6584 0.6654 0.6724 0.6795 0.6867 0.6939 0.7011 0.7084 0.7157 0.7231\n  0.7305 0.7379 0.7454 0.7529 0.7605 0.7682 0.7758 0.7835 0.7913 0.7991 0.807 0.8148 0.8228 0.8308\n  0.8388 0.8469 0.855 0.8632 0.8714 0.8796 0.8879 0.8963 0.9047 0.9131 0.9216 0.9301 0.9387 0.9473\n  0.956 0.9647 0.9734 0.9823 0.9911 1;\n\n@function color-contrast(\n  $background,\n  $color-contrast-dark: $color-contrast-dark,\n  $color-contrast-light: $color-contrast-light,\n  $min-contrast-ratio: $min-contrast-ratio\n) {\n  $foregrounds: $color-contrast-light, $color-contrast-dark, $white, $black;\n  $max-ratio: 0;\n  $max-ratio-color: null;\n\n  @each $color in $foregrounds {\n    $contrast-ratio: contrast-ratio($background, $color);\n    @if $contrast-ratio > $min-contrast-ratio {\n      @return $color;\n    } @else if $contrast-ratio > $max-ratio {\n      $max-ratio: $contrast-ratio;\n      $max-ratio-color: $color;\n    }\n  }\n\n  @warn \"Found no color leading to #{$min-contrast-ratio}:1 contrast ratio against #{$background}...\";\n\n  @return $max-ratio-color;\n}\n\n@function contrast-ratio($background, $foreground: $color-contrast-light) {\n  $l1: luminance($background);\n  $l2: luminance(opaque($background, $foreground));\n\n  @return if($l1 > $l2, divide($l1 + 0.05, $l2 + 0.05), divide($l2 + 0.05, $l1 + 0.05));\n}\n\n@function luminance($color) {\n  $rgb: (\n    'r': red($color),\n    'g': green($color),\n    'b': blue($color),\n  );\n\n  @each $name, $value in $rgb {\n    $value: if(\n      divide($value, 255) < 0.04045,\n      divide(divide($value, 255), 12.92),\n      nth($_luminance-list, $value + 1)\n    );\n    $rgb: map-merge(\n      $rgb,\n      (\n        $name: $value,\n      )\n    );\n  }\n\n  @return (map-get($rgb, 'r') * 0.2126) + (map-get($rgb, 'g') * 0.7152) +\n    (map-get($rgb, 'b') * 0.0722);\n}\n\n// Return opaque color\n// opaque(#fff, rgba(0, 0, 0, .5)) => #808080\n@function opaque($background, $foreground) {\n  @return mix(rgba($foreground, 1), $background, opacity($foreground) * 100%);\n}\n\n@function divide($dividend, $divisor, $precision: 10) {\n  $sign: if($dividend > 0 and $divisor > 0 or $dividend < 0 and $divisor < 0, 1, -1);\n  $dividend: abs($dividend);\n  $divisor: abs($divisor);\n  @if $dividend == 0 {\n    @return 0;\n  }\n  @if $divisor == 0 {\n    @error \"Cannot divide by 0\";\n  }\n  $remainder: $dividend;\n  $result: 0;\n  $factor: 10;\n  @while ($remainder > 0 and $precision >= 0) {\n    $quotient: 0;\n    @while ($remainder >= $divisor) {\n      $remainder: $remainder - $divisor;\n      $quotient: $quotient + 1;\n    }\n    $result: $result * 10 + $quotient;\n    $factor: $factor * 0.1;\n    $remainder: $remainder * 10;\n    $precision: $precision - 1;\n    @if ($precision < 0 and $remainder >= $divisor * 5) {\n      $result: $result + 1;\n    }\n  }\n  $result: $result * $factor * $sign;\n  $dividend-unit: unit($dividend);\n  $divisor-unit: unit($divisor);\n  $unit-map: (\n    'px': 1px,\n    'rem': 1rem,\n    'em': 1em,\n    '%': 1%,\n  );\n  @if ($dividend-unit != $divisor-unit and map-has-key($unit-map, $dividend-unit)) {\n    $result: $result * map-get($unit-map, $dividend-unit);\n  }\n  @return $result;\n}\n\n$organization-chart-lines-color: var(--mdb-border-color) !default;\n$organization-chart-card-cap-color: color-contrast($primary) !default;\n$organization-chart-card-cap-bg: var(--mdb-surface-bg) !default;\n$organization-chart-card-color: var(--mdb-surface-color) !default;\n\n.organization-chart-node {\n  --mdb-organization-chart-lines-color: #{$organization-chart-lines-color};\n\n  border: 1px solid var(--mdb-organization-chart-lines-color);\n  padding: 1rem;\n  display: inline-block;\n  p {\n    margin: 0;\n    font-family: 'Segoe UI' sans-serif;\n  }\n\n  i {\n    cursor: pointer;\n  }\n}\n\n.organization-card {\n  --mdb-card-bg: #{$organization-chart-card-cap-bg};\n  --mdb-card-color: #{$organization-chart-card-color};\n  --mdb-card-cap-bg: #{$primary};\n  --mdb-card-cap-color: #{$organization-chart-card-cap-color};\n  display: inline-block;\n\n  i {\n    cursor: pointer;\n  }\n\n  img {\n    width: 3rem;\n    border-radius: 50%;\n    margin-bottom: 0.5rem;\n  }\n}\n\n.organization-chart-icon-clicked {\n  transform: rotate(180deg);\n}\n\n.organization-chart-table {\n  --mdb-organization-chart-lines-color: #{$organization-chart-lines-color};\n\n  td {\n    text-align: center;\n    vertical-align: top;\n    padding: 0 0.3rem;\n  }\n}\n\n.organization-chart-line {\n  height: 20px;\n  border-right: 1px solid var(--mdb-organization-chart-lines-color);\n  border-top: 1px solid var(--mdb-organization-chart-lines-color);\n}\n\n.organization-chart-lines-top {\n  div {\n    background: var(--mdb-organization-chart-lines-color);\n    margin: 0 auto;\n    height: 20px;\n    width: 1px;\n    text-align: center;\n  }\n}\n\n.organization-chart-hide {\n  visibility: hidden;\n}\n\n.organization-chart-hide .organization-chart-line {\n  border-color: transparent;\n}\n"]}