@material-git/all
Version:
Angular 2 Material
1 lines • 42.2 kB
Source Map (JSON)
{"version":3,"file":"checkbox/checkbox.css","sources":["checkbox/checkbox.scss","core/theming/_theming.scss","core/theming/_palette.scss","core/style/_variables.scss","core/typography/_typography.scss","core/ripple/_ripple.scss"],"sourcesContent":["@import '../core/theming/theming';\r\n@import '../core/style/variables';\r\n@import '../core/ripple/ripple';\r\n\r\n\r\n// The width/height of the checkbox element.\r\n$md-checkbox-size: $md-toggle-size !default;\r\n// The width of the line used to draw the checkmark / mixedmark.\r\n$md-checkbox-mark-stroke-size: 2/15 * $md-checkbox-size !default;\r\n// The width of the checkbox border shown when the checkbox is unchecked.\r\n$md-checkbox-border-width: 2px;\r\n// The base duration used for the majority of transitions for the checkbox.\r\n$md-checkbox-transition-duration: 90ms;\r\n// The amount of spacing between the checkbox and its label.\r\n$md-checkbox-item-spacing: $md-toggle-padding;\r\n\r\n// Manual calculation done on SVG\r\n$_md-checkbox-mark-path-length: 22.910259;\r\n$_md-checkbox-indeterminate-checked-easing-function: cubic-bezier(0.14, 0, 0, 1);\r\n\r\n// Fades in the background of the checkbox when it goes from unchecked -> {checked,indeterminate}.\r\n@keyframes md-checkbox-fade-in-background {\r\n 0% {\r\n opacity: 0;\r\n }\r\n\r\n 50% {\r\n opacity: 1;\r\n }\r\n}\r\n\r\n// Fades out the background of the checkbox when it goes from {checked,indeterminate} -> unchecked.\r\n@keyframes md-checkbox-fade-out-background {\r\n 0%, 50% {\r\n opacity: 1;\r\n }\r\n\r\n 100% {\r\n opacity: 0;\r\n }\r\n}\r\n\r\n// \"Draws\" in the checkmark when the checkbox goes from unchecked -> checked.\r\n@keyframes md-checkbox-unchecked-checked-checkmark-path {\r\n 0%, 50% {\r\n stroke-dashoffset: $_md-checkbox-mark-path-length;\r\n }\r\n\r\n 50% {\r\n animation-timing-function: $md-linear-out-slow-in-timing-function;\r\n }\r\n\r\n 100% {\r\n stroke-dashoffset: 0;\r\n }\r\n}\r\n\r\n// Horizontally expands the mixedmark when the checkbox goes from unchecked -> indeterminate.\r\n@keyframes md-checkbox-unchecked-indeterminate-mixedmark {\r\n 0%, 68.2% {\r\n transform: scaleX(0);\r\n }\r\n\r\n 68.2% {\r\n animation-timing-function: cubic-bezier(0, 0, 0, 1);\r\n }\r\n\r\n 100% {\r\n transform: scaleX(1);\r\n }\r\n}\r\n\r\n// \"Erases\" the checkmark when the checkbox goes from checked -> unchecked.\r\n@keyframes md-checkbox-checked-unchecked-checkmark-path {\r\n from {\r\n animation-timing-function: $md-fast-out-linear-in-timing-function;\r\n stroke-dashoffset: 0;\r\n }\r\n\r\n to {\r\n stroke-dashoffset: $_md-checkbox-mark-path-length * -1;\r\n }\r\n}\r\n\r\n\r\n// Rotates and fades out the checkmark when the checkbox goes from checked -> indeterminate. This\r\n// animation helps provide the illusion of the checkmark \"morphing\" into the mixedmark.\r\n@keyframes md-checkbox-checked-indeterminate-checkmark {\r\n from {\r\n animation-timing-function: $md-linear-out-slow-in-timing-function;\r\n opacity: 1;\r\n transform: rotate(0deg);\r\n }\r\n\r\n to {\r\n opacity: 0;\r\n transform: rotate(45deg);\r\n }\r\n}\r\n\r\n// Rotates and fades the checkmark back into position when the checkbox goes from indeterminate ->\r\n// checked. This animation helps provide the illusion that the mixedmark is \"morphing\" into the\r\n// checkmark.\r\n@keyframes md-checkbox-indeterminate-checked-checkmark {\r\n from {\r\n animation-timing-function: $_md-checkbox-indeterminate-checked-easing-function;\r\n opacity: 0;\r\n transform: rotate(45deg);\r\n }\r\n\r\n to {\r\n opacity: 1;\r\n transform: rotate(360deg);\r\n }\r\n}\r\n\r\n// Rotates and fades in the mixedmark when the checkbox goes from checked -> indeterminate. This\r\n// animation, similar to md-checkbox-checked-indeterminate-checkmark, helps provide an illusion\r\n// of \"morphing\" from checkmark -> mixedmark.\r\n@keyframes md-checkbox-checked-indeterminate-mixedmark {\r\n from {\r\n animation-timing-function: $md-linear-out-slow-in-timing-function;\r\n opacity: 0;\r\n transform: rotate(-45deg);\r\n }\r\n\r\n to {\r\n opacity: 1;\r\n transform: rotate(0deg);\r\n }\r\n}\r\n\r\n// Rotates and fades out the mixedmark when the checkbox goes from indeterminate -> checked. This\r\n// animation, similar to md-checkbox-indeterminate-checked-checkmark, helps provide an illusion\r\n// of \"morphing\" from mixedmark -> checkmark.\r\n@keyframes md-checkbox-indeterminate-checked-mixedmark {\r\n from {\r\n animation-timing-function: $_md-checkbox-indeterminate-checked-easing-function;\r\n opacity: 1;\r\n transform: rotate(0deg);\r\n }\r\n\r\n to {\r\n opacity: 0;\r\n transform: rotate(315deg);\r\n }\r\n}\r\n\r\n\r\n// Horizontally collapses and fades out the mixedmark when the checkbox goes from indeterminate ->\r\n// unchecked.\r\n@keyframes md-checkbox-indeterminate-unchecked-mixedmark {\r\n 0% {\r\n animation-timing-function: linear;\r\n opacity: 1;\r\n transform: scaleX(1);\r\n }\r\n\r\n 32.8%, 100% {\r\n opacity: 0;\r\n transform: scaleX(0);\r\n }\r\n}\r\n\r\n// Applied to elements that cover the checkbox's entire inner container.\r\n%md-checkbox-cover-element {\r\n bottom: 0;\r\n left: 0;\r\n position: absolute;\r\n right: 0;\r\n top: 0;\r\n}\r\n\r\n// Applied to elements that are considered \"marks\" within the checkbox, e.g. the checkmark and\r\n// the mixedmark.\r\n%md-checkbox-mark {\r\n $width-padding-inset: 2 * $md-checkbox-border-width;\r\n width: calc(100% - #{$width-padding-inset});\r\n}\r\n\r\n// Applied to elements that appear to make up the outer box of the checkmark, such as the frame\r\n// that contains the border and the actual background element that contains the marks.\r\n%md-checkbox-outer-box {\r\n @extend %md-checkbox-cover-element;\r\n border-radius: 2px;\r\n box-sizing: border-box;\r\n pointer-events: none;\r\n}\r\n\r\nmd-checkbox {\r\n cursor: pointer;\r\n}\r\n\r\n.md-checkbox-layout {\r\n // `cursor: inherit` ensures that the wrapper element gets the same cursor as the md-checkbox\r\n // (e.g. pointer by default, regular when disabled), instead of the browser default.\r\n cursor: inherit;\r\n align-items: baseline;\r\n display: inline-flex;\r\n}\r\n\r\n.md-checkbox-inner-container {\r\n display: inline-block;\r\n height: $md-checkbox-size;\r\n line-height: 0;\r\n margin: auto;\r\n margin-right: $md-checkbox-item-spacing;\r\n order: 0;\r\n position: relative;\r\n vertical-align: middle;\r\n white-space: nowrap;\r\n width: $md-checkbox-size;\r\n\r\n [dir='rtl'] & {\r\n margin: {\r\n left: $md-checkbox-item-spacing;\r\n right: auto;\r\n }\r\n }\r\n}\r\n\r\n// TODO(kara): Remove this style when fixing vertical baseline\r\n.md-checkbox-layout .md-checkbox-label {\r\n line-height: 24px;\r\n}\r\n\r\n.md-checkbox-frame {\r\n @extend %md-checkbox-outer-box;\r\n\r\n background-color: transparent;\r\n border: $md-checkbox-border-width solid;\r\n transition: border-color $md-checkbox-transition-duration $md-linear-out-slow-in-timing-function;\r\n will-change: border-color;\r\n}\r\n\r\n.md-checkbox-background {\r\n @extend %md-checkbox-outer-box;\r\n\r\n align-items: center;\r\n display: inline-flex;\r\n justify-content: center;\r\n transition: background-color $md-checkbox-transition-duration\r\n $md-linear-out-slow-in-timing-function,\r\n opacity $md-checkbox-transition-duration $md-linear-out-slow-in-timing-function;\r\n will-change: background-color, opacity;\r\n}\r\n\r\n.md-checkbox-checkmark {\r\n @extend %md-checkbox-cover-element;\r\n @extend %md-checkbox-mark;\r\n\r\n width: 100%;\r\n}\r\n\r\n.md-checkbox-checkmark-path {\r\n stroke: {\r\n dashoffset: $_md-checkbox-mark-path-length;\r\n dasharray: $_md-checkbox-mark-path-length;\r\n width: $md-checkbox-mark-stroke-size;\r\n }\r\n}\r\n\r\n.md-checkbox-mixedmark {\r\n @extend %md-checkbox-mark;\r\n\r\n height: floor($md-checkbox-mark-stroke-size);\r\n opacity: 0;\r\n transform: scaleX(0) rotate(0deg);\r\n}\r\n\r\n.md-checkbox-align-end {\r\n .md-checkbox-inner-container {\r\n order: 1;\r\n margin: {\r\n left: $md-checkbox-item-spacing;\r\n right: auto;\r\n }\r\n\r\n [dir='rtl'] & {\r\n margin: {\r\n left: auto;\r\n right: $md-checkbox-item-spacing;\r\n }\r\n }\r\n }\r\n}\r\n\r\n.md-checkbox-checked {\r\n .md-checkbox-checkmark {\r\n opacity: 1;\r\n }\r\n\r\n .md-checkbox-checkmark-path {\r\n stroke-dashoffset: 0;\r\n }\r\n\r\n .md-checkbox-mixedmark {\r\n transform: scaleX(1) rotate(-45deg);\r\n }\r\n}\r\n\r\n.md-checkbox-indeterminate {\r\n .md-checkbox-checkmark {\r\n opacity: 0;\r\n transform: rotate(45deg);\r\n }\r\n\r\n .md-checkbox-checkmark-path {\r\n stroke-dashoffset: 0;\r\n }\r\n\r\n .md-checkbox-mixedmark {\r\n opacity: 1;\r\n transform: scaleX(1) rotate(0deg);\r\n }\r\n}\r\n\r\n\r\n.md-checkbox-unchecked {\r\n .md-checkbox-background {\r\n background-color: transparent;\r\n }\r\n}\r\n\r\n.md-checkbox-disabled {\r\n cursor: default;\r\n}\r\n\r\n.md-checkbox-anim {\r\n $indeterminate-change-duration: 500ms;\r\n\r\n &-unchecked-checked {\r\n .md-checkbox-background {\r\n animation: $md-checkbox-transition-duration * 2 linear 0ms md-checkbox-fade-in-background;\r\n }\r\n\r\n .md-checkbox-checkmark-path {\r\n // Instead of delaying the animation, we simply multiply its length by 2 and begin the\r\n // animation at 50% in order to prevent a flash of styles applied to a checked checkmark\r\n // as the background is fading in before the animation begins.\r\n animation:\r\n $md-checkbox-transition-duration * 2 linear 0ms md-checkbox-unchecked-checked-checkmark-path;\r\n }\r\n }\r\n\r\n &-unchecked-indeterminate {\r\n .md-checkbox-background {\r\n animation: $md-checkbox-transition-duration * 2 linear 0ms md-checkbox-fade-in-background;\r\n }\r\n\r\n .md-checkbox-mixedmark {\r\n animation:\r\n $md-checkbox-transition-duration linear 0ms md-checkbox-unchecked-indeterminate-mixedmark;\r\n }\r\n }\r\n\r\n &-checked-unchecked {\r\n .md-checkbox-background {\r\n animation: $md-checkbox-transition-duration * 2 linear 0ms md-checkbox-fade-out-background;\r\n }\r\n\r\n .md-checkbox-checkmark-path {\r\n animation:\r\n $md-checkbox-transition-duration linear 0ms md-checkbox-checked-unchecked-checkmark-path;\r\n }\r\n }\r\n\r\n &-checked-indeterminate {\r\n .md-checkbox-checkmark {\r\n animation:\r\n $md-checkbox-transition-duration linear 0ms md-checkbox-checked-indeterminate-checkmark;\r\n }\r\n\r\n .md-checkbox-mixedmark {\r\n animation:\r\n $md-checkbox-transition-duration linear 0ms md-checkbox-checked-indeterminate-mixedmark;\r\n }\r\n }\r\n\r\n &-indeterminate-checked {\r\n .md-checkbox-checkmark {\r\n animation:\r\n $indeterminate-change-duration linear 0ms md-checkbox-indeterminate-checked-checkmark;\r\n }\r\n\r\n .md-checkbox-mixedmark {\r\n animation:\r\n $indeterminate-change-duration linear 0ms md-checkbox-indeterminate-checked-mixedmark;\r\n }\r\n }\r\n\r\n &-indeterminate-unchecked {\r\n .md-checkbox-background {\r\n animation: $md-checkbox-transition-duration * 2 linear 0ms md-checkbox-fade-out-background;\r\n }\r\n\r\n .md-checkbox-mixedmark {\r\n animation:\r\n $indeterminate-change-duration * 0.6 linear 0ms\r\n md-checkbox-indeterminate-unchecked-mixedmark;\r\n }\r\n }\r\n}\r\n\r\n.md-checkbox-input {\r\n // Move the input to the bottom and in the middle.\r\n // Visual improvement to properly show browser popups when being required.\r\n bottom: 0;\r\n left: 50%;\r\n}\r\n\r\n@include md-temporary-ink-ripple(checkbox);\r\n","@import 'palette';\r\n\r\n\r\n// For a given hue in a palette, return the contrast color from the map of contrast palettes.\r\n// @param $color-map\r\n// @param $hue\r\n@function md-contrast($palette, $hue) {\r\n @return map-get(map-get($palette, contrast), $hue);\r\n}\r\n\r\n\r\n// Creates a map of hues to colors for a theme. This is used to define a theme palette in terms\r\n// of the Material Design hues.\r\n// @param $color-map\r\n// @param $primary\r\n// @param $lighter\r\n@function md-palette($base-palette, $default: 500, $lighter: 100, $darker: 700) {\r\n $result: map_merge($base-palette, (\r\n default: map-get($base-palette, $default),\r\n lighter: map-get($base-palette, $lighter),\r\n darker: map-get($base-palette, $darker),\r\n\r\n default-contrast: md-contrast($base-palette, $default),\r\n lighter-contrast: md-contrast($base-palette, $lighter),\r\n darker-contrast: md-contrast($base-palette, $darker)\r\n ));\r\n\r\n // For each hue in the palette, add a \"-contrast\" color to the map.\r\n @each $hue, $color in $base-palette {\r\n $result: map_merge($result, (\r\n '#{$hue}-contrast': md-contrast($base-palette, $hue)\r\n ));\r\n }\r\n\r\n @return $result;\r\n}\r\n\r\n\r\n// Gets a color from a theme palette (the output of md-palette).\r\n// The hue can be one of the standard values (500, A400, etc.), one of the three preconfigured\r\n// hues (default, lighter, darker), or any of the aforementioned prefixed with \"-contrast\".\r\n//\r\n// @param $color-map The theme palette (output of md-palette).\r\n// @param $hue The hue from the palette to use. If this is a value between 0 and 1, it will\r\n// be treated as opacity.\r\n// @param $opacity The alpha channel value for the color.\r\n@function md-color($palette, $hue: default, $opacity: 1) {\r\n // If hueKey is a number between zero and one, then it actually contains an\r\n // opacity value, so recall this function with the default hue and that given opacity.\r\n @if type-of($hue) == number and $hue >= 0 and $hue <= 1 {\r\n @return md-color($palette, default, $hue);\r\n }\r\n\r\n $color: map-get($palette, $hue);\r\n $opacity: if(opacity($color) < 1, opacity($color), $opacity);\r\n\r\n @return rgba($color, $opacity);\r\n}\r\n\r\n\r\n// Creates a container object for a light theme to be given to individual component theme mixins.\r\n@function md-light-theme($primary, $accent, $warn: md-palette($md-red)) {\r\n @return (\r\n primary: $primary,\r\n accent: $accent,\r\n warn: $warn,\r\n is-dark: false,\r\n foreground: $md-light-theme-foreground,\r\n background: $md-light-theme-background,\r\n );\r\n}\r\n\r\n\r\n// Creates a container object for a dark theme to be given to individual component theme mixins.\r\n@function md-dark-theme($primary, $accent, $warn: md-palette($md-red)) {\r\n @return (\r\n primary: $primary,\r\n accent: $accent,\r\n warn: $warn,\r\n is-dark: true,\r\n foreground: $md-dark-theme-foreground,\r\n background: $md-dark-theme-background,\r\n );\r\n}\r\n","// Color palettes from the Material Design spec.\r\n// See https://www.google.com/design/spec/style/color.html\r\n//\r\n// Contrast colors are hard-coded because it is too difficult (probably impossible) to\r\n// calculate them. These contrast colors are pulled from the public Material Design spec swatches.\r\n// While the contrast colors in the spec are not prescriptive, we use them for convenience.\r\n\r\n\r\n$black-87-opacity: rgba(black, 0.87);\r\n$white-87-opacity: rgba(white, 0.87);\r\n\r\n$md-red: (\r\n 50: #ffebee,\r\n 100: #ffcdd2,\r\n 200: #ef9a9a,\r\n 300: #e57373,\r\n 400: #ef5350,\r\n 500: #f44336,\r\n 600: #e53935,\r\n 700: #d32f2f,\r\n 800: #c62828,\r\n 900: #b71c1c,\r\n A100: #ff8a80,\r\n A200: #ff5252,\r\n A400: #ff1744,\r\n A700: #d50000,\r\n contrast: (\r\n 50: $black-87-opacity,\r\n 100: $black-87-opacity,\r\n 200: $black-87-opacity,\r\n 300: $black-87-opacity,\r\n 400: $black-87-opacity,\r\n 500: white,\r\n 600: white,\r\n 700: white,\r\n 800: $white-87-opacity,\r\n 900: $white-87-opacity,\r\n A100: $black-87-opacity,\r\n A200: white,\r\n A400: white,\r\n A700: white,\r\n )\r\n);\r\n\r\n$md-pink: (\r\n 50: #fce4ec,\r\n 100: #f8bbd0,\r\n 200: #f48fb1,\r\n 300: #f06292,\r\n 400: #ec407a,\r\n 500: #e91e63,\r\n 600: #d81b60,\r\n 700: #c2185b,\r\n 800: #ad1457,\r\n 900: #880e4f,\r\n A100: #ff80ab,\r\n A200: #ff4081,\r\n A400: #f50057,\r\n A700: #c51162,\r\n contrast: (\r\n 50: $black-87-opacity,\r\n 100: $black-87-opacity,\r\n 200: $black-87-opacity,\r\n 300: $black-87-opacity,\r\n 400: $black-87-opacity,\r\n 500: white,\r\n 600: white,\r\n 700: $white-87-opacity,\r\n 800: $white-87-opacity,\r\n 900: $white-87-opacity,\r\n A100: $black-87-opacity,\r\n A200: white,\r\n A400: white,\r\n A700: white,\r\n )\r\n);\r\n\r\n$md-purple: (\r\n 50: #f3e5f5,\r\n 100: #e1bee7,\r\n 200: #ce93d8,\r\n 300: #ba68c8,\r\n 400: #ab47bc,\r\n 500: #9c27b0,\r\n 600: #8e24aa,\r\n 700: #7b1fa2,\r\n 800: #6a1b9a,\r\n 900: #4a148c,\r\n A100: #ea80fc,\r\n A200: #e040fb,\r\n A400: #d500f9,\r\n A700: #aa00ff,\r\n contrast: (\r\n 50: $black-87-opacity,\r\n 100: $black-87-opacity,\r\n 200: $black-87-opacity,\r\n 300: white,\r\n 400: white,\r\n 500: $white-87-opacity,\r\n 600: $white-87-opacity,\r\n 700: $white-87-opacity,\r\n 800: $white-87-opacity,\r\n 900: $white-87-opacity,\r\n A100: $black-87-opacity,\r\n A200: white,\r\n A400: white,\r\n A700: white,\r\n )\r\n);\r\n\r\n$md-deep-purple: (\r\n 50: #ede7f6,\r\n 100: #d1c4e9,\r\n 200: #b39ddb,\r\n 300: #9575cd,\r\n 400: #7e57c2,\r\n 500: #673ab7,\r\n 600: #5e35b1,\r\n 700: #512da8,\r\n 800: #4527a0,\r\n 900: #311b92,\r\n A100: #b388ff,\r\n A200: #7c4dff,\r\n A400: #651fff,\r\n A700: #6200ea,\r\n contrast: (\r\n 50: $black-87-opacity,\r\n 100: $black-87-opacity,\r\n 200: $black-87-opacity,\r\n 300: white,\r\n 400: white,\r\n 500: $white-87-opacity,\r\n 600: $white-87-opacity,\r\n 700: $white-87-opacity,\r\n 800: $white-87-opacity,\r\n 900: $white-87-opacity,\r\n A100: $black-87-opacity,\r\n A200: white,\r\n A400: $white-87-opacity,\r\n A700: $white-87-opacity,\r\n )\r\n);\r\n\r\n$md-indigo: (\r\n 50: #e8eaf6,\r\n 100: #c5cae9,\r\n 200: #9fa8da,\r\n 300: #7986cb,\r\n 400: #5c6bc0,\r\n 500: #3f51b5,\r\n 600: #3949ab,\r\n 700: #303f9f,\r\n 800: #283593,\r\n 900: #1a237e,\r\n A100: #8c9eff,\r\n A200: #536dfe,\r\n A400: #3d5afe,\r\n A700: #304ffe,\r\n contrast: (\r\n 50: $black-87-opacity,\r\n 100: $black-87-opacity,\r\n 200: $black-87-opacity,\r\n 300: white,\r\n 400: white,\r\n 500: $white-87-opacity,\r\n 600: $white-87-opacity,\r\n 700: $white-87-opacity,\r\n 800: $white-87-opacity,\r\n 900: $white-87-opacity,\r\n A100: $black-87-opacity,\r\n A200: white,\r\n A400: white,\r\n A700: $white-87-opacity,\r\n )\r\n);\r\n\r\n$md-blue: (\r\n 50: #e3f2fd,\r\n 100: #bbdefb,\r\n 200: #90caf9,\r\n 300: #64b5f6,\r\n 400: #42a5f5,\r\n 500: #2196f3,\r\n 600: #1e88e5,\r\n 700: #1976d2,\r\n 800: #1565c0,\r\n 900: #0d47a1,\r\n A100: #82b1ff,\r\n A200: #448aff,\r\n A400: #2979ff,\r\n A700: #2962ff,\r\n contrast: (\r\n 50: $black-87-opacity,\r\n 100: $black-87-opacity,\r\n 200: $black-87-opacity,\r\n 300: $black-87-opacity,\r\n 400: $black-87-opacity,\r\n 500: white,\r\n 600: white,\r\n 700: white,\r\n 800: $white-87-opacity,\r\n 900: $white-87-opacity,\r\n A100: $black-87-opacity,\r\n A200: white,\r\n A400: white,\r\n A700: white,\r\n )\r\n);\r\n\r\n$md-light-blue: (\r\n 50: #e1f5fe,\r\n 100: #b3e5fc,\r\n 200: #81d4fa,\r\n 300: #4fc3f7,\r\n 400: #29b6f6,\r\n 500: #03a9f4,\r\n 600: #039be5,\r\n 700: #0288d1,\r\n 800: #0277bd,\r\n 900: #01579b,\r\n A100: #80d8ff,\r\n A200: #40c4ff,\r\n A400: #00b0ff,\r\n A700: #0091ea,\r\n contrast: (\r\n 50: $black-87-opacity,\r\n 100: $black-87-opacity,\r\n 200: $black-87-opacity,\r\n 300: $black-87-opacity,\r\n 400: $black-87-opacity,\r\n 500: white,\r\n 600: white,\r\n 700: white,\r\n 800: white,\r\n 900: $white-87-opacity,\r\n A100: $black-87-opacity,\r\n A200: $black-87-opacity,\r\n A400: $black-87-opacity,\r\n A700: white,\r\n )\r\n);\r\n\r\n$md-cyan: (\r\n 50: #e0f7fa,\r\n 100: #b2ebf2,\r\n 200: #80deea,\r\n 300: #4dd0e1,\r\n 400: #26c6da,\r\n 500: #00bcd4,\r\n 600: #00acc1,\r\n 700: #0097a7,\r\n 800: #00838f,\r\n 900: #006064,\r\n A100: #84ffff,\r\n A200: #18ffff,\r\n A400: #00e5ff,\r\n A700: #00b8d4,\r\n contrast: (\r\n 50: $black-87-opacity,\r\n 100: $black-87-opacity,\r\n 200: $black-87-opacity,\r\n 300: $black-87-opacity,\r\n 400: $black-87-opacity,\r\n 500: white,\r\n 600: white,\r\n 700: white,\r\n 800: white,\r\n 900: $white-87-opacity,\r\n A100: $black-87-opacity,\r\n A200: $black-87-opacity,\r\n A400: $black-87-opacity,\r\n A700: $black-87-opacity,\r\n )\r\n);\r\n\r\n$md-teal: (\r\n 50: #e0f2f1,\r\n 100: #b2dfdb,\r\n 200: #80cbc4,\r\n 300: #4db6ac,\r\n 400: #26a69a,\r\n 500: #009688,\r\n 600: #00897b,\r\n 700: #00796b,\r\n 800: #00695c,\r\n 900: #004d40,\r\n A100: #a7ffeb,\r\n A200: #64ffda,\r\n A400: #1de9b6,\r\n A700: #00bfa5,\r\n contrast: (\r\n 50: $black-87-opacity,\r\n 100: $black-87-opacity,\r\n 200: $black-87-opacity,\r\n 300: $black-87-opacity,\r\n 400: $black-87-opacity,\r\n 500: white,\r\n 600: white,\r\n 700: white,\r\n 800: $white-87-opacity,\r\n 900: $white-87-opacity,\r\n A100: $black-87-opacity,\r\n A200: $black-87-opacity,\r\n A400: $black-87-opacity,\r\n A700: $black-87-opacity,\r\n )\r\n);\r\n\r\n$md-green: (\r\n 50: #e8f5e9,\r\n 100: #c8e6c9,\r\n 200: #a5d6a7,\r\n 300: #81c784,\r\n 400: #66bb6a,\r\n 500: #4caf50,\r\n 600: #43a047,\r\n 700: #388e3c,\r\n 800: #2e7d32,\r\n 900: #1b5e20,\r\n A100: #b9f6ca,\r\n A200: #69f0ae,\r\n A400: #00e676,\r\n A700: #00c853,\r\n contrast: (\r\n 50: $black-87-opacity,\r\n 100: $black-87-opacity,\r\n 200: $black-87-opacity,\r\n 300: $black-87-opacity,\r\n 400: $black-87-opacity,\r\n 500: white,\r\n 600: white,\r\n 700: white,\r\n 800: $white-87-opacity,\r\n 900: $white-87-opacity,\r\n A100: $black-87-opacity,\r\n A200: $black-87-opacity,\r\n A400: $black-87-opacity,\r\n A700: $black-87-opacity,\r\n )\r\n);\r\n\r\n$md-light-green: (\r\n 50: #f1f8e9,\r\n 100: #dcedc8,\r\n 200: #c5e1a5,\r\n 300: #aed581,\r\n 400: #9ccc65,\r\n 500: #8bc34a,\r\n 600: #7cb342,\r\n 700: #689f38,\r\n 800: #558b2f,\r\n 900: #33691e,\r\n A100: #ccff90,\r\n A200: #b2ff59,\r\n A400: #76ff03,\r\n A700: #64dd17,\r\n contrast: (\r\n 50: $black-87-opacity,\r\n 100: $black-87-opacity,\r\n 200: $black-87-opacity,\r\n 300: $black-87-opacity,\r\n 400: $black-87-opacity,\r\n 500: $black-87-opacity,\r\n 600: $black-87-opacity,\r\n 700: $black-87-opacity,\r\n 800: white,\r\n 900: white,\r\n A100: $black-87-opacity,\r\n A200: $black-87-opacity,\r\n A400: $black-87-opacity,\r\n A700: $black-87-opacity,\r\n )\r\n);\r\n\r\n$md-lime: (\r\n 50: #f9fbe7,\r\n 100: #f0f4c3,\r\n 200: #e6ee9c,\r\n 300: #dce775,\r\n 400: #d4e157,\r\n 500: #cddc39,\r\n 600: #c0ca33,\r\n 700: #afb42b,\r\n 800: #9e9d24,\r\n 900: #827717,\r\n A100: #f4ff81,\r\n A200: #eeff41,\r\n A400: #c6ff00,\r\n A700: #aeea00,\r\n contrast: (\r\n 50: $black-87-opacity,\r\n 100: $black-87-opacity,\r\n 200: $black-87-opacity,\r\n 300: $black-87-opacity,\r\n 400: $black-87-opacity,\r\n 500: $black-87-opacity,\r\n 600: $black-87-opacity,\r\n 700: $black-87-opacity,\r\n 800: $black-87-opacity,\r\n 900: white,\r\n A100: $black-87-opacity,\r\n A200: $black-87-opacity,\r\n A400: $black-87-opacity,\r\n A700: $black-87-opacity,\r\n )\r\n);\r\n\r\n$md-yellow: (\r\n 50: #fffde7,\r\n 100: #fff9c4,\r\n 200: #fff59d,\r\n 300: #fff176,\r\n 400: #ffee58,\r\n 500: #ffeb3b,\r\n 600: #fdd835,\r\n 700: #fbc02d,\r\n 800: #f9a825,\r\n 900: #f57f17,\r\n A100: #ffff8d,\r\n A200: #ffff00,\r\n A400: #ffea00,\r\n A700: #ffd600,\r\n contrast: (\r\n 50: $black-87-opacity,\r\n 100: $black-87-opacity,\r\n 200: $black-87-opacity,\r\n 300: $black-87-opacity,\r\n 400: $black-87-opacity,\r\n 500: $black-87-opacity,\r\n 600: $black-87-opacity,\r\n 700: $black-87-opacity,\r\n 800: $black-87-opacity,\r\n 900: $black-87-opacity,\r\n A100: $black-87-opacity,\r\n A200: $black-87-opacity,\r\n A400: $black-87-opacity,\r\n A700: $black-87-opacity,\r\n )\r\n);\r\n\r\n$md-amber: (\r\n 50: #fff8e1,\r\n 100: #ffecb3,\r\n 200: #ffe082,\r\n 300: #ffd54f,\r\n 400: #ffca28,\r\n 500: #ffc107,\r\n 600: #ffb300,\r\n 700: #ffa000,\r\n 800: #ff8f00,\r\n 900: #ff6f00,\r\n A100: #ffe57f,\r\n A200: #ffd740,\r\n A400: #ffc400,\r\n A700: #ffab00,\r\n contrast: (\r\n 50: $black-87-opacity,\r\n 100: $black-87-opacity,\r\n 200: $black-87-opacity,\r\n 300: $black-87-opacity,\r\n 400: $black-87-opacity,\r\n 500: $black-87-opacity,\r\n 600: $black-87-opacity,\r\n 700: $black-87-opacity,\r\n 800: $black-87-opacity,\r\n 900: $black-87-opacity,\r\n A100: $black-87-opacity,\r\n A200: $black-87-opacity,\r\n A400: $black-87-opacity,\r\n A700: $black-87-opacity,\r\n )\r\n);\r\n\r\n$md-orange: (\r\n 50: #fff3e0,\r\n 100: #ffe0b2,\r\n 200: #ffcc80,\r\n 300: #ffb74d,\r\n 400: #ffa726,\r\n 500: #ff9800,\r\n 600: #fb8c00,\r\n 700: #f57c00,\r\n 800: #ef6c00,\r\n 900: #e65100,\r\n A100: #ffd180,\r\n A200: #ffab40,\r\n A400: #ff9100,\r\n A700: #ff6d00,\r\n contrast: (\r\n 50: $black-87-opacity,\r\n 100: $black-87-opacity,\r\n 200: $black-87-opacity,\r\n 300: $black-87-opacity,\r\n 400: $black-87-opacity,\r\n 500: $black-87-opacity,\r\n 600: $black-87-opacity,\r\n 700: $black-87-opacity,\r\n 800: white,\r\n 900: white,\r\n A100: $black-87-opacity,\r\n A200: $black-87-opacity,\r\n A400: $black-87-opacity,\r\n A700: black,\r\n )\r\n);\r\n\r\n$md-deep-orange: (\r\n 50: #fbe9e7,\r\n 100: #ffccbc,\r\n 200: #ffab91,\r\n 300: #ff8a65,\r\n 400: #ff7043,\r\n 500: #ff5722,\r\n 600: #f4511e,\r\n 700: #e64a19,\r\n 800: #d84315,\r\n 900: #bf360c,\r\n A100: #ff9e80,\r\n A200: #ff6e40,\r\n A400: #ff3d00,\r\n A700: #dd2c00,\r\n contrast: (\r\n 50: $black-87-opacity,\r\n 100: $black-87-opacity,\r\n 200: $black-87-opacity,\r\n 300: $black-87-opacity,\r\n 400: $black-87-opacity,\r\n 500: white,\r\n 600: white,\r\n 700: white,\r\n 800: white,\r\n 900: white,\r\n A100: $black-87-opacity,\r\n A200: $black-87-opacity,\r\n A400: white,\r\n A700: white,\r\n )\r\n);\r\n\r\n$md-brown: (\r\n 50: #efebe9,\r\n 100: #d7ccc8,\r\n 200: #bcaaa4,\r\n 300: #a1887f,\r\n 400: #8d6e63,\r\n 500: #795548,\r\n 600: #6d4c41,\r\n 700: #5d4037,\r\n 800: #4e342e,\r\n 900: #3e2723,\r\n A100: #d7ccc8,\r\n A200: #bcaaa4,\r\n A400: #8d6e63,\r\n A700: #5d4037,\r\n contrast: (\r\n 50: $black-87-opacity,\r\n 100: $black-87-opacity,\r\n 200: $black-87-opacity,\r\n 300: white,\r\n 400: white,\r\n 500: $white-87-opacity,\r\n 600: $white-87-opacity,\r\n 700: $white-87-opacity,\r\n 800: $white-87-opacity,\r\n 900: $white-87-opacity,\r\n A100: $black-87-opacity,\r\n A200: $black-87-opacity,\r\n A400: white,\r\n A700: $white-87-opacity,\r\n )\r\n);\r\n\r\n$md-grey: (\r\n 0: #ffffff,\r\n 50: #fafafa,\r\n 100: #f5f5f5,\r\n 200: #eeeeee,\r\n 300: #e0e0e0,\r\n 400: #bdbdbd,\r\n 500: #9e9e9e,\r\n 600: #757575,\r\n 700: #616161,\r\n 800: #424242,\r\n 900: #212121,\r\n 1000: #000000,\r\n A100: #ffffff,\r\n A200: #eeeeee,\r\n A400: #bdbdbd,\r\n A700: #616161,\r\n contrast: (\r\n 0: $black-87-opacity,\r\n 50: $black-87-opacity,\r\n 100: $black-87-opacity,\r\n 200: $black-87-opacity,\r\n 300: $black-87-opacity,\r\n 400: $black-87-opacity,\r\n 500: $black-87-opacity,\r\n 600: $white-87-opacity,\r\n 700: $white-87-opacity,\r\n 800: $white-87-opacity,\r\n 900: $white-87-opacity,\r\n 1000: $white-87-opacity,\r\n A100: $black-87-opacity,\r\n A200: $black-87-opacity,\r\n A400: $black-87-opacity,\r\n A700: $white-87-opacity,\r\n )\r\n);\r\n\r\n$md-blue-grey: (\r\n 50: #eceff1,\r\n 100: #cfd8dc,\r\n 200: #b0bec5,\r\n 300: #90a4ae,\r\n 400: #78909c,\r\n 500: #607d8b,\r\n 600: #546e7a,\r\n 700: #455a64,\r\n 800: #37474f,\r\n 900: #263238,\r\n A100: #cfd8dc,\r\n A200: #b0bec5,\r\n A400: #78909c,\r\n A700: #455a64,\r\n contrast: (\r\n 50: $black-87-opacity,\r\n 100: $black-87-opacity,\r\n 200: $black-87-opacity,\r\n 300: $black-87-opacity,\r\n 400: white,\r\n 500: white,\r\n 600: $white-87-opacity,\r\n 700: $white-87-opacity,\r\n 800: $white-87-opacity,\r\n 900: $white-87-opacity,\r\n A100: $black-87-opacity,\r\n A200: $black-87-opacity,\r\n A400: white,\r\n A700: $white-87-opacity,\r\n )\r\n);\r\n\r\n\r\n// Background palette for light themes.\r\n$md-light-theme-background: (\r\n status-bar: map_get($md-grey, 300),\r\n app-bar: map_get($md-grey, 100),\r\n background: map_get($md-grey, 50),\r\n hover: rgba(black, 0.04), // TODO(kara): check style with Material Design UX\r\n card: white,\r\n dialog: white,\r\n disabled-button: rgba(black, 0.12)\r\n);\r\n\r\n// Background palette for dark themes.\r\n$md-dark-theme-background: (\r\n status-bar: black,\r\n app-bar: map_get($md-grey, 900),\r\n background: #303030,\r\n hover: rgba(white, 0.04), // TODO(kara): check style with Material Design UX\r\n card: map_get($md-grey, 800),\r\n dialog: map_get($md-grey, 800),\r\n disabled-button: rgba(white, 0.12)\r\n);\r\n\r\n// Foreground palette for light themes.\r\n$md-light-theme-foreground: (\r\n base: black,\r\n divider: rgba(black, 0.12),\r\n dividers: rgba(black, 0.12),\r\n disabled: rgba(black, 0.38),\r\n disabled-button: rgba(black, 0.38),\r\n disabled-text: rgba(black, 0.38),\r\n hint-text: rgba(black, 0.38),\r\n secondary-text: rgba(black, 0.54),\r\n icon: rgba(black, 0.54),\r\n icons: rgba(black, 0.54),\r\n text: rgba(black, 0.87)\r\n);\r\n\r\n// Foreground palette for dark themes.\r\n$md-dark-theme-foreground: (\r\n base: white,\r\n divider: rgba(white, 0.12),\r\n dividers: rgba(white, 0.12),\r\n disabled: rgba(white, 0.3),\r\n disabled-button: rgba(white, 0.3),\r\n disabled-text: rgba(white, 0.3),\r\n hint-text: rgba(white, 0.3),\r\n secondary-text: rgba(white, 0.7),\r\n icon: white,\r\n icons: white,\r\n text: white\r\n);\r\n","@import '../typography/typography';\r\n\r\n\r\n// Typography\r\n$md-body-font-size-base: rem(1.4) !default;\r\n$md-font-family: Roboto, 'Helvetica Neue', sans-serif !default;\r\n\r\n// Media queries\r\n$md-xsmall: 'max-width: 600px';\r\n\r\n// TODO: Revisit all z-indices before beta\r\n// z-index master list\r\n\r\n$z-index-fab: 20 !default;\r\n$z-index-drawer: 100 !default;\r\n\r\n// Overlay z indices.\r\n$md-z-index-overlay: 1000;\r\n$md-z-index-overlay-container: 1;\r\n$md-z-index-overlay-backdrop: 1;\r\n\r\n\r\n// Global constants\r\n$pi: 3.14159265;\r\n\r\n// Padding between input toggles and their labels\r\n$md-toggle-padding: 8px !default;\r\n// Width and height of input toggles\r\n$md-toggle-size: 20px !default;\r\n\r\n// Easing Curves\r\n// TODO(jelbourn): all of these need to be revisited\r\n\r\n// The default animation curves used by material design.\r\n$md-linear-out-slow-in-timing-function: cubic-bezier(0, 0, 0.2, 0.1) !default;\r\n$md-fast-out-slow-in-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !default;\r\n$md-fast-out-linear-in-timing-function: cubic-bezier(0.4, 0, 1, 1) !default;\r\n\r\n$ease-in-out-curve-function: cubic-bezier(0.35, 0, 0.25, 1) !default;\r\n\r\n$swift-ease-out-duration: 400ms !default;\r\n$swift-ease-out-timing-function: cubic-bezier(0.25, 0.8, 0.25, 1) !default;\r\n$swift-ease-out: all $swift-ease-out-duration $swift-ease-out-timing-function !default;\r\n\r\n$swift-ease-in-duration: 300ms !default;\r\n$swift-ease-in-timing-function: cubic-bezier(0.55, 0, 0.55, 0.2) !default;\r\n$swift-ease-in: all $swift-ease-in-duration $swift-ease-in-timing-function !default;\r\n\r\n$swift-ease-in-out-duration: 500ms !default;\r\n$swift-ease-in-out-timing-function: $ease-in-out-curve-function !default;\r\n$swift-ease-in-out: all $swift-ease-in-out-duration $swift-ease-in-out-timing-function !default;\r\n\r\n$swift-linear-duration: 80ms !default;\r\n$swift-linear-timing-function: linear !default;\r\n$swift-linear: all $swift-linear-duration $swift-linear-timing-function !default;\r\n","// Implement the rem unit with SCSS so we don't have to actually set a font-size on\r\n// the user's body element.\r\n@function rem($multiplier) {\r\n $font-size: 10px;\r\n @return $multiplier * $font-size;\r\n}\r\n","@import '../theming/theming';\r\n\r\n\r\n$md-ripple-focused-opacity: 0.1;\r\n$md-ripple-background-fade-duration: 300ms;\r\n$md-ripple-background-default-color: rgba(0, 0, 0, 0.0588);\r\n$md-ripple-foreground-initial-opacity: 0.25;\r\n$md-ripple-foreground-default-color: rgba(0, 0, 0, 0.0588);\r\n\r\n\r\n@mixin md-ripple() {\r\n // The host element of an md-ripple directive should always have a position of \"absolute\" or\r\n // \"relative\" so that the ripple divs it creates inside itself are correctly positioned.\r\n [md-ripple] {\r\n overflow: hidden;\r\n }\r\n\r\n [md-ripple].md-ripple-unbounded {\r\n overflow: visible;\r\n }\r\n\r\n .md-ripple-background {\r\n background-color: $md-ripple-background-default-color;\r\n opacity: 0;\r\n transition: opacity $md-ripple-background-fade-duration linear;\r\n position: absolute;\r\n left: 0;\r\n top: 0;\r\n right: 0;\r\n bottom: 0;\r\n }\r\n\r\n .md-ripple-unbounded .md-ripple-background {\r\n display: none;\r\n }\r\n\r\n .md-ripple-background.md-ripple-active {\r\n opacity: 1;\r\n }\r\n\r\n .md-ripple-focused .md-ripple-background {\r\n opacity: 1;\r\n }\r\n\r\n .md-ripple-foreground {\r\n background-color: $md-ripple-foreground-default-color;\r\n border-radius: 50%;\r\n pointer-events: none;\r\n opacity: $md-ripple-foreground-initial-opacity;\r\n position: absolute;\r\n // The transition duration is manually set based on the ripple size.\r\n transition: opacity, transform 0ms cubic-bezier(0, 0, 0.2, 1);\r\n }\r\n\r\n .md-ripple-foreground.md-ripple-fade-in {\r\n opacity: 1;\r\n }\r\n\r\n .md-ripple-foreground.md-ripple-fade-out {\r\n opacity: 0;\r\n }\r\n}\r\n\r\n@mixin md-ripple-theme($theme) {\r\n $accent: map-get($theme, accent);\r\n\r\n .md-ripple-focused .md-ripple-background {\r\n background-color: md-color($accent, $md-ripple-focused-opacity);\r\n }\r\n}\r\n\r\n\r\n// A mixin, which generates temporary ink ripple on a given component.\r\n// To be removed once the real ripple is applied to all elements.\r\n// When $bindToParent is set to true, it will check for the focused class on the same selector as you included\r\n// that mixin.\r\n// It is also possible to specify the color palette of the temporary ripple. By default it uses the\r\n// accent palette for its background.\r\n@mixin md-temporary-ink-ripple($component, $bindToParent: false) {\r\n // TODO(mtlin): Replace when ink ripple component is implemented.\r\n // A placeholder ink ripple, shown when keyboard focused.\r\n .md-ink-ripple {\r\n border-radius: 50%;\r\n opacity: 0;\r\n height: 48px;\r\n left: 50%;\r\n overflow: hidden;\r\n pointer-events: none;\r\n position: absolute;\r\n top: 50%;\r\n transform: translate(-50%, -50%);\r\n transition: opacity ease 280ms, background-color ease 280ms;\r\n width: 48px;\r\n }\r\n\r\n // Fade in when radio focused.\r\n #{if($bindToParent, '&', '')}.md-#{$component}-focused .md-ink-ripple {\r\n opacity: 1;\r\n }\r\n\r\n // TODO(mtlin): This corresponds to disabled focus state, but it's unclear how to enter into\r\n // this state.\r\n #{if($bindToParent, '&', '')}.md-#{$component}-disabled .md-ink-ripple {\r\n background-color: #000;\r\n }\r\n}\r\n"],"mappings":"AAqBA,UAAU,CAAV,8BAAU;EACR,AAAA,EAAE;IACA,OAAO,EAAE,CAAE;EAGb,AAAA,GAAG;IACD,OAAO,EAAE,CAAE;;AAKf,UAAU,CAAV,+BAAU;EACR,AAAA,EAAE,EAAE,AAAA,GAAG;IACL,OAAO,EAAE,CAAE;EAGb,AAAA,IAAI;IACF,OAAO,EAAE,CAAE;;AAKf,UAAU,CAAV,4CAAU;EACR,AAAA,EAAE,EAAE,AAAA,GAAG;IACL,iBAAiB,EA5BW,QAAS;EA+BvC,AAAA,GAAG;IACD,yBAAyB,EGfW,4BAAY;EHkBlD,AAAA,IAAI;IACF,iBAAiB,EAAE,CAAE;;AAKzB,UAAU,CAAV,6CAAU;EACR,AAAA,EAAE,EAAE,AAAA,KAAK;IACP,SAAS,EAAE,SAAM;EAGnB,AAAA,KAAK;IACH,yBAAyB,EAAE,wBAAY;EAGzC,AAAA,IAAI;IACF,SAAS,EAAE,SAAM;;AAKrB,UAAU,CAAV,4CAAU;EACR,AAAA,IAAI;IACF,yBAAyB,EGvCW,0BAAY;IHwChD,iBAAiB,EAAE,CAAE;EAGvB,AAAA,EAAE;IACA,iBAAiB,EAAE,SAA8B;;AAOrD,UAAU,CAAV,2CAAU;EACR,AAAA,IAAI;IACF,yBAAyB,EGvDW,4BAAY;IHwDhD,OAAO,EAAE,CAAE;IACX,SAAS,EAAE,YAAM;EAGnB,AAAA,EAAE;IACA,OAAO,EAAE,CAAE;IACX,SAAS,EAAE,aAAM;;AAOrB,UAAU,CAAV,2CAAU;EACR,AAAA,IAAI;IACF,yBAAyB,EAvFwB,2BAAY;IAwF7D,OAAO,EAAE,CAAE;IACX,SAAS,EAAE,aAAM;EAGnB,AAAA,EAAE;IACA,OAAO,EAAE,CAAE;IACX,SAAS,EAAE,cAAM;;AAOrB,UAAU,CAAV,2CAAU;EACR,AAAA,IAAI;IACF,yBAAyB,EGvFW,4BAAY;IHwFhD,OAAO,EAAE,CAAE;IACX,SAAS,EAAE,cAAM;EAGnB,AAAA,EAAE;IACA,OAAO,EAAE,CAAE;IACX,SAAS,EAAE,YAAM;;AAOrB,UAAU,CAAV,2CAAU;EACR,AAAA,IAAI;IACF,yBAAyB,EAvHwB,2BAAY;IAwH7D,OAAO,EAAE,CAAE;IACX,SAAS,EAAE,YAAM;EAGnB,AAAA,EAAE;IACA,OAAO,EAAE,CAAE;IACX,SAAS,EAAE,cAAM;;AAOrB,UAAU,CAAV,6CAAU;EACR,AAAA,EAAE;IACA,yBAAyB,EAAE,MAAO;IAClC,OAAO,EAAE,CAAE;IACX,SAAS,EAAE,SAAM;EAGnB,AAAA,KAAK,EAAE,AAAA,IAAI;IACT,OAAO,EAAE,CAAE;IACX,SAAS,EAAE,SAAM;;AAkErB,AA7DA,kBA6DkB,EASlB,AAtEA,uBAsEuB,EAYvB,AAlFA,sBAkFsB,CAlFK;EACzB,MAAM,EAAE,CAAE;EACV,IAAI,EAAE,CAAE;EACR,QAAQ,EAAE,QAAS;EACnB,KAAK,EAAE,CAAE;EACT,GAAG,EAAE,CAAE,GACR;;AA4ED,AAxEA,sBAwEsB,EAetB,AAvFA,sBAuFsB,CAvFJ;EAEhB,KAAK,EAAE,gBAAI,GACZ;;AAgDD,AA5CA,kBA4CkB,EASlB,AArDA,uBAqDuB,CArDA;EAErB,aAAa,EAAE,GAAI;EACnB,UAAU,EAAE,UAAW;EACvB,cAAc,EAAE,IAAK,GACtB;;AAED,AAAA,WAAW,CAAC;EACV,MAAM,EAAE,OAAQ,GACjB;;AAED,AAAA,mBAAmB,CAAC;EAGlB,MAAM,EAAE,OAAQ;EAChB,WAAW,EAAE,QAAS;EACtB,OAAO,EAAE,WAAY,GACtB;;AAED,AAAA,4BAA4B,CAAC;EAC3B,OAAO,EAAE,YAAa;EACtB,MAAM,EG/KS,IAAI;EHgLnB,WAAW,EAAE,CAAE;EACf,MAAM,EAAE,IAAK;EACb,YAAY,EGpLM,GAAG;EHqLrB,KAAK,EAAE,CAAE;EACT,QAAQ,EAAE,QAAS;EACnB,cAAc,EAAE,MAAO;EACvB,WAAW,EAAE,MAAO;EACpB,KAAK,EGvLU,IAAI,GH+LpB;GANC,AAAA,AAZF,GAYG,CAAI,KAAK,AAAT,EAZH,4BAA4B,CAYZ;IACZ,MAAM,AAAC,CAAC,AACN,IAAI,EG7LU,GAAG;IH4LnB,MAAM,AAAC,CAAC,AAEN,KAAK,EAAE,IAAK,GAEf;;AAIH,AAAoB,mBAAD,CAAC,kBAAkB,CAAC;EACrC,WAAW,EAAE,IAAK,GACnB;;AAED,AAAA,kBAAkB,CAAC;EAGjB,gBAAgB,EAAE,WAAY;EAC9B,MAAM,EA5NmB,GAAG,CA4NM,KAAK;EACvC,UAAU,EAAE,YAAY,CA3NQ,IAAI,CGsBE,4BAAY;EHsMlD,WAAW,EAAE,YAAa,GAC3B;;AAED,AAAA,uBAAuB,CAAC;EAGtB,WAAW,EAAE,MAAO;EACpB,OAAO,EAAE,WAAY;EACrB,eAAe,EAAE,MAAO;EACxB,UAAU,EAAE,gBAAgB,CArOI,IAAI,CGsBE,4BAAY,EHiNtC,OAAO,CAvOa,IAAI,CGsBE,4BAAY;EHkNlD,WAAW,EAAE,yBAA0B,GACxC;;AAED,AAAA,sBAAsB,CAAC;EAIrB,KAAK,EAAE,IAAK,GACb;;AAED,AAAA,2BAA2B,CAAC;EAC1B,MAAM,AAAC,CAAC,AACN,UAAU,EA/OkB,QAAS;EA8OvC,MAAM,AAAC,CAAC,AAEN,SAAS,EAhPmB,QAAS;EA8OvC,MAAM,AAAC,CAAC,AAGN,KAAK,EA1PsB,SAAC,GA4P/B;;AAED,AAAA,sBAAsB,CAAC;EAGrB,MAAM,EAAE,GAAK;EACb,OAAO,EAAE,CAAE;EACX,SAAS,EAAE,SAAM,CAAI,YAAM,GAC5B;;AAED,AACE,sBADoB,CACpB,4BAA4B,CAAC;EAC3B,KAAK,EAAE,CAAE;EACT,MAAM,AAAC,CAAC,AACN,IAAI,EGxPU,GAAG;EHuPnB,MAAM,AAAC,CAAC,AAEN,KAAK,EAAE,IAAK,GASf;GANC,AAAA,AAPF,GAOG,CAAI,KAAK,AAAT,EARL,sBAAsB,CACpB,4BAA4B,CAOZ;IACZ,MAAM,AAAC,CAAC,AACN,IAAI,EAAE,IAAK;IADb,MAAM,AAAC,CAAC,AAEN,KAAK,EG/PO,GAAG,GHiQlB;;AAIL,AACE,oBADkB,CAClB,sBAAsB,CAAC;EACrB,OAAO,EAAE,CAAE,GACZ;;AAHH,AAKE,oBALkB,CAKlB,2BAA2B,CAAC;EAC1B,iBAAiB,EAAE,CAAE,GACtB;;AAPH,AASE,oBATkB,CASlB,sBAAsB,CAAC;EACrB,SAAS,EAAE,SAAM,CAAI,cAAM,GAC5B;;AAGH,AACE,0BADwB,CACxB,sBAAsB,CAAC;EACrB,OAAO,EAAE,CAAE;EACX,SAAS,EAAE,aAAM,GAClB;;AAJH,AAME,0BANwB,CAMxB,2BAA2B,CAAC;EAC1B,iBAAiB,EAAE,CAAE,GACtB;;AARH,AAUE,0BAVwB,CAUxB,sBAAsB,CAAC;EACrB,OAAO,EAAE,CAAE;EACX,SAAS,EAAE,SAAM,CAAI,YAAM,GAC5B;;AAIH,AACE,sBADoB,CACpB,uBAAuB,CAAC;EACtB,gBAAgB,EAAE,WAAY,GAC/B;;AAGH,AAAA,qBAAqB,CAAC;EACpB,MAAM,EAAE,OAAQ,GACjB;;AAED,AAII,mCAJa,CAIb,uBAAuB,CAAC;EACtB,SAAS,EAAE,KAAgC,CAAK,MAAM,CAAC,GAAG,CAAC,8BAA8B,GAC1F;;AANL,AAQI,mCARa,CAQb,2BAA2B,CAAC;EAI1B,SAAS,EACP,KAAgC,CAAK,MAAM,CAAC,GAAG,CAAC,4CAA4C,GAC/F;;AAdL,AAkBI,yCAlBa,CAkBb,uBAAuB,CAAC;EACtB,SAAS,EAAE,KAAgC,CAAK,MAAM,CAAC,GAAG,CAAC,8BAA8B,GAC1F;;AApBL,AAsBI,yCAtBa,CAsBb,sBAAsB,CAAC;EACrB,SAAS,EAnVmB,IAAI,CAoVG,MAAM,CAAC,GAAG,CAAC,6CAA6C,GAC5F;;AAzBL,AA6BI,mCA7Ba,CA6Bb,uBAAuB,CAAC;EACtB,SAAS,EAAE,KAAgC,CAAK,MAAM,CAAC,GAAG,CAAC,+BAA+B,GAC3F;;AA/BL,AAiCI,mCAjCa,CAiCb,2BAA2B,CAAC;EAC1B,SAAS,EA9VmB,IAAI,CA+VG,MAAM,CAAC,GAAG,CAAC,4CAA4C,GAC3F;;AApCL,AAwCI,uCAxCa,CAwCb,sBAAsB,CAAC;EACrB,SAAS,EArWmB,IAAI,CAsWG,MAAM,CAAC,GAAG,CAAC,2CAA2C,GAC1F;;AA3CL,AA6CI,uCA7Ca,CA6Cb,sBAAsB,CAAC;EACrB,SAAS,EA1WmB,IAAI,CA2WG,MAAM,CAAC,GAAG,CAAC,2CAA2C,GAC1F;;AAhDL,AAoDI,uCApDa,CAoDb,sBAAsB,CAAC;EACrB,SAAS,EApDmB,KAAK,CAqDA,MAAM,CAAC,GAAG,CAAC,2CAA2C,GACxF;;AAvDL,AAyDI,uCAzDa,CAyDb,sBAAsB,CAAC;EACrB,SAAS,EAzDmB,KAAK,CA0DA,MAAM,CAAC,GAAG,CAAC,2CAA2C,GACxF;;AA5DL,AAgEI,yCAhEa,CAgEb,uBAAuB,CAAC;EACtB,SAAS,EAAE,KAAgC,CAAK,MAAM,CAAC,GAAG,CAAC,+BAA+B,GAC3F;;AAlEL,AAoEI,yCApEa,CAoEb,sBAAsB,CAAC;EACrB,SAAS,EACP,KAA8B,CAAO,MAAM,CAAC,GAAG,CAC/C,6CAA6C,GAChD;;AAIL,AAAA,kBAAkB,CAAC;EAGjB,MAAM,EAAE,CAAE;EACV,IAAI,EAAE,GAAI,GACX;;AKxUC,AAAA,cAAc,CAAC;EACb,aAAa,EAAE,GAAI;EACnB,OAAO,EAAE,CAAE;EACX,MAAM,EAAE,IAAK;EACb,IAAI,EAAE,GAAI;EACV,QAAQ,EAAE,MAAO;EACjB,cAAc,EAAE,IAAK;EACrB,QAAQ,EAAE,QAAS;EACnB,GAAG,EAAE,GAAI;EACT,SAAS,EAAE,qBAAS;EACpB,UAAU,EAAE,+CAAgD;EAC5D,KAAK,EAAE,IAAK,GACb;;AAGD,AAAqB,oBAAD,CAAC,cAAc,CAAnC;EACE,OAAO,EAAE,CAAE,GACZ;;AAID,AAAsB,qBAAD,CAAC,cAAc,CAApC;EACE,gBAAgB,EAAE,IAAK,GACxB","names":[],"sourceRoot":"/source/"}