(window["webpackJsonp"] = window["webpackJsonp"] || []).push([["default~components-components-module-ngfactory~scrumboard-scrumboard-module-ngfactory"],{

/***/ "Uxpp":
/*!****************************************************************************************************!*\
  !*** ./src/@fuse/components/material-color-picker/material-color-picker.component.scss.ngstyle.js ***!
  \****************************************************************************************************/
/*! exports provided: styles */
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "styles", function() { return styles; });
/**
 * @fileoverview This file was generated by the Angular template compiler. Do not edit.
 *
 * @suppress {suspiciousCode,uselessCode,missingProperties,missingOverride,checkTypes,extraRequire}
 * tslint:disable
 */
var styles = [".fuse-material-color-picker-menu {\n  width: 245px;\n}\n.fuse-material-color-picker-menu .mat-menu-content {\n  padding: 0;\n}\n.fuse-material-color-picker-menu .mat-menu-content .views {\n  display: flex;\n  flex-direction: column;\n  min-height: 165px;\n}\n.fuse-material-color-picker-menu .mat-menu-content .views .view {\n  overflow: hidden;\n}\n.fuse-material-color-picker-menu .mat-menu-content .views .view .colors {\n  padding: 1px 0 0 0;\n  margin-left: -1px;\n}\n.fuse-material-color-picker-menu .mat-menu-content .views .view .colors .color {\n  width: 40px;\n  height: 40px;\n  margin: 0 0 1px 1px;\n  border-radius: 0;\n  cursor: pointer;\n  transition: border-radius 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);\n}\n.fuse-material-color-picker-menu .mat-menu-content .views .view .colors .color:hover {\n  border-radius: 20%;\n}\n.fuse-material-color-picker-menu .mat-menu-content .views .view .colors .color.selected {\n  border-radius: 50% !important;\n}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uXFwuLlxcLi5cXC4uXFxtYXRlcmlhbC1jb2xvci1waWNrZXIuY29tcG9uZW50LnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7RUFDSSxZQUFBO0FBQ0o7QUFDSTtFQUNJLFVBQUE7QUFDUjtBQUNRO0VBQ0ksYUFBQTtFQUNBLHNCQUFBO0VBQ0EsaUJBQUE7QUFDWjtBQUNZO0VBQ0ksZ0JBQUE7QUFDaEI7QUFDZ0I7RUFDSSxrQkFBQTtFQUNBLGlCQUFBO0FBQ3BCO0FBQ29CO0VBQ0ksV0FBQTtFQUNBLFlBQUE7RUFDQSxtQkFBQTtFQUNBLGdCQUFBO0VBQ0EsZUFBQTtFQUNBLCtEQUFBO0FBQ3hCO0FBQ3dCO0VBQ0ksa0JBQUE7QUFDNUI7QUFFd0I7RUFDSSw2QkFBQTtBQUE1QiIsImZpbGUiOiJtYXRlcmlhbC1jb2xvci1waWNrZXIuY29tcG9uZW50LnNjc3MiLCJzb3VyY2VzQ29udGVudCI6WyIuZnVzZS1tYXRlcmlhbC1jb2xvci1waWNrZXItbWVudSB7XHJcbiAgICB3aWR0aDogMjQ1cHg7XHJcblxyXG4gICAgLm1hdC1tZW51LWNvbnRlbnQge1xyXG4gICAgICAgIHBhZGRpbmc6IDA7XHJcblxyXG4gICAgICAgIC52aWV3cyB7XHJcbiAgICAgICAgICAgIGRpc3BsYXk6IGZsZXg7XHJcbiAgICAgICAgICAgIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XHJcbiAgICAgICAgICAgIG1pbi1oZWlnaHQ6IDE2NXB4O1xyXG5cclxuICAgICAgICAgICAgLnZpZXcge1xyXG4gICAgICAgICAgICAgICAgb3ZlcmZsb3c6IGhpZGRlbjtcclxuXHJcbiAgICAgICAgICAgICAgICAuY29sb3JzIHtcclxuICAgICAgICAgICAgICAgICAgICBwYWRkaW5nOiAxcHggMCAwIDA7XHJcbiAgICAgICAgICAgICAgICAgICAgbWFyZ2luLWxlZnQ6IC0xcHg7XHJcblxyXG4gICAgICAgICAgICAgICAgICAgIC5jb2xvciB7XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIHdpZHRoOiA0MHB4O1xyXG4gICAgICAgICAgICAgICAgICAgICAgICBoZWlnaHQ6IDQwcHg7XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIG1hcmdpbjogMCAwIDFweCAxcHg7XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIGJvcmRlci1yYWRpdXM6IDA7XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIGN1cnNvcjogcG9pbnRlcjtcclxuICAgICAgICAgICAgICAgICAgICAgICAgdHJhbnNpdGlvbjogYm9yZGVyLXJhZGl1cyAuNHMgY3ViaWMtYmV6aWVyKC4yNSwgLjgsIC4yNSwgMSk7XHJcblxyXG4gICAgICAgICAgICAgICAgICAgICAgICAmOmhvdmVyIHtcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIGJvcmRlci1yYWRpdXM6IDIwJTtcclxuICAgICAgICAgICAgICAgICAgICAgICAgfVxyXG5cclxuICAgICAgICAgICAgICAgICAgICAgICAgJi5zZWxlY3RlZCB7XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBib3JkZXItcmFkaXVzOiA1MCUgIWltcG9ydGFudDtcclxuICAgICAgICAgICAgICAgICAgICAgICAgfVxyXG4gICAgICAgICAgICAgICAgICAgIH1cclxuICAgICAgICAgICAgICAgIH1cclxuICAgICAgICAgICAgfVxyXG4gICAgICAgIH1cclxuICAgIH1cclxufVxyXG4iXX0= */"];



/***/ }),

/***/ "qCWq":
/*!*************************************************************************************************!*\
  !*** ./src/@fuse/components/material-color-picker/material-color-picker.component.ngfactory.js ***!
  \*************************************************************************************************/
/*! exports provided: RenderType_FuseMaterialColorPickerComponent, View_FuseMaterialColorPickerComponent_0, View_FuseMaterialColorPickerComponent_Host_0, FuseMaterialColorPickerComponentNgFactory */
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "RenderType_FuseMaterialColorPickerComponent", function() { return RenderType_FuseMaterialColorPickerComponent; });
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "View_FuseMaterialColorPickerComponent_0", function() { return View_FuseMaterialColorPickerComponent_0; });
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "View_FuseMaterialColorPickerComponent_Host_0", function() { return View_FuseMaterialColorPickerComponent_Host_0; });
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "FuseMaterialColorPickerComponentNgFactory", function() { return FuseMaterialColorPickerComponentNgFactory; });
/* harmony import */ var _material_color_picker_component_scss_ngstyle__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./material-color-picker.component.scss.ngstyle */ "Uxpp");
/* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @angular/core */ "8Y7J");
/* harmony import */ var _angular_common__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @angular/common */ "SVse");
/* harmony import */ var _angular_flex_layout_flex__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @angular/flex-layout/flex */ "VDRc");
/* harmony import */ var _angular_flex_layout_core__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @angular/flex-layout/core */ "/q54");
/* harmony import */ var _angular_flex_layout_extended__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @angular/flex-layout/extended */ "ura0");
/* harmony import */ var _pipes_keys_pipe__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../pipes/keys.pipe */ "s3g0");
/* harmony import */ var _node_modules_angular_material_button_index_ngfactory__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../../../node_modules/@angular/material/button/index.ngfactory */ "1Xc+");
/* harmony import */ var _angular_material_button__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! @angular/material/button */ "Dxy4");
/* harmony import */ var _angular_cdk_a11y__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! @angular/cdk/a11y */ "YEUz");
/* harmony import */ var _angular_platform_browser_animations__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! @angular/platform-browser/animations */ "omvX");
/* harmony import */ var _angular_material_menu__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! @angular/material/menu */ "rJgo");
/* harmony import */ var _angular_cdk_overlay__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! @angular/cdk/overlay */ "1O3W");
/* harmony import */ var _angular_cdk_bidi__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! @angular/cdk/bidi */ "9gLZ");
/* harmony import */ var _node_modules_angular_material_icon_index_ngfactory__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ../../../../node_modules/@angular/material/icon/index.ngfactory */ "XE/z");
/* harmony import */ var _angular_material_icon__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! @angular/material/icon */ "Tj54");
/* harmony import */ var _node_modules_angular_material_menu_index_ngfactory__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! ../../../../node_modules/@angular/material/menu/index.ngfactory */ "qXT7");
/* harmony import */ var _angular_material_tooltip__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! @angular/material/tooltip */ "ZFy/");
/* harmony import */ var _angular_cdk_scrolling__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(/*! @angular/cdk/scrolling */ "7KAL");
/* harmony import */ var _angular_cdk_platform__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(/*! @angular/cdk/platform */ "SCoL");
/* harmony import */ var _angular_forms__WEBPACK_IMPORTED_MODULE_20__ = __webpack_require__(/*! @angular/forms */ "s7LF");
/* harmony import */ var _material_color_picker_component__WEBPACK_IMPORTED_MODULE_21__ = __webpack_require__(/*! ./material-color-picker.component */ "qwfY");
/**
 * @fileoverview This file was generated by the Angular template compiler. Do not edit.
 *
 * @suppress {suspiciousCode,uselessCode,missingProperties,missingOverride,checkTypes,extraRequire}
 * tslint:disable
 */






















var styles_FuseMaterialColorPickerComponent = [_material_color_picker_component_scss_ngstyle__WEBPACK_IMPORTED_MODULE_0__["styles"]];
var RenderType_FuseMaterialColorPickerComponent = _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵcrt"]({ encapsulation: 2, styles: styles_FuseMaterialColorPickerComponent, data: { "animation": [{ type: 7, name: "animate", definitions: [{ type: 1, expr: "void => *", animation: [{ type: 10, animation: { type: 8, animation: [{ type: 6, styles: { opacity: "{{opacity}}", transform: "scale({{scale}}) translate3d({{x}}, {{y}}, {{z}})" }, offset: null }, { type: 4, styles: { type: 6, styles: "*", offset: null }, timings: "{{duration}} {{delay}} cubic-bezier(0.0, 0.0, 0.2, 1)" }], options: { params: { duration: "200ms", delay: "0ms", opacity: "0", scale: "1", x: "0", y: "0", z: "0" } } }, options: null }], options: null }], options: {} }, { type: 7, name: "animateStagger", definitions: [{ type: 0, name: "50", styles: { type: 6, styles: "*", offset: null }, options: undefined }, { type: 0, name: "100", styles: { type: 6, styles: "*", offset: null }, options: undefined }, { type: 0, name: "200", styles: { type: 6, styles: "*", offset: null }, options: undefined }, { type: 1, expr: "void => 50", animation: { type: 11, selector: "@*", animation: [{ type: 12, timings: "50ms", animation: [{ type: 9, options: null }] }], options: { optional: true } }, options: null }, { type: 1, expr: "void => 100", animation: { type: 11, selector: "@*", animation: [{ type: 12, timings: "100ms", animation: [{ type: 9, options: null }] }], options: { optional: true } }, options: null }, { type: 1, expr: "void => 200", animation: { type: 11, selector: "@*", animation: [{ type: 12, timings: "200ms", animation: [{ type: 9, options: null }] }], options: { optional: true } }, options: null }], options: {} }, { type: 7, name: "fadeInOut", definitions: [{ type: 0, name: "0, void", styles: { type: 6, styles: { opacity: 0 }, offset: null }, options: undefined }, { type: 0, name: "1, *", styles: { type: 6, styles: { opacity: 1 }, offset: null }, options: undefined }, { type: 1, expr: "1 => 0", animation: { type: 4, styles: null, timings: "300ms ease-out" }, options: null }, { type: 1, expr: "0 => 1", animation: { type: 4, styles: null, timings: "300ms ease-in" }, options: null }, { type: 1, expr: "void <=> *", animation: { type: 4, styles: null, timings: "300ms ease-in" }, options: null }], options: {} }, { type: 7, name: "slideInOut", definitions: [{ type: 0, name: "0", styles: { type: 6, styles: { height: "0px" }, offset: null }, options: undefined }, { type: 0, name: "1", styles: { type: 6, styles: { height: "*" }, offset: null }, options: undefined }, { type: 1, expr: "1 => 0", animation: { type: 4, styles: null, timings: "300ms ease-out" }, options: null }, { type: 1, expr: "0 => 1", animation: { type: 4, styles: null, timings: "300ms ease-in" }, options: null }], options: {} }, { type: 7, name: "slideIn", definitions: [{ type: 1, expr: "void => left", animation: [{ type: 6, styles: { transform: "translateX(100%)" }, offset: null }, { type: 4, styles: { type: 6, styles: { transform: "translateX(0)" }, offset: null }, timings: "300ms ease-in" }], options: null }, { type: 1, expr: "left => void", animation: [{ type: 6, styles: { transform: "translateX(0)" }, offset: null }, { type: 4, styles: { type: 6, styles: { transform: "translateX(-100%)" }, offset: null }, timings: "300ms ease-in" }], options: null }, { type: 1, expr: "void => right", animation: [{ type: 6, styles: { transform: "translateX(-100%)" }, offset: null }, { type: 4, styles: { type: 6, styles: { transform: "translateX(0)" }, offset: null }, timings: "300ms ease-in" }], options: null }, { type: 1, expr: "right => void", animation: [{ type: 6, styles: { transform: "translateX(0)" }, offset: null }, { type: 4, styles: { type: 6, styles: { transform: "translateX(100%)" }, offset: null }, timings: "300ms ease-in" }], options: null }], options: {} }, { type: 7, name: "slideInLeft", definitions: [{ type: 0, name: "void", styles: { type: 6, styles: { transform: "translateX(-100%)" }, offset: null }, options: undefined }, { type: 0, name: "*", styles: { type: 6, styles: { transform: "translateX(0)" }, offset: null }, options: undefined }, { type: 1, expr: "void => *", animation: { type: 4, styles: null, timings: "300ms" }, options: null }, { type: 1, expr: "* => void", animation: { type: 4, styles: null, timings: "300ms" }, options: null }], options: {} }, { type: 7, name: "slideInRight", definitions: [{ type: 0, name: "void", styles: { type: 6, styles: { transform: "translateX(100%)" }, offset: null }, options: undefined }, { type: 0, name: "*", styles: { type: 6, styles: { transform: "translateX(0)" }, offset: null }, options: undefined }, { type: 1, expr: "void => *", animation: { type: 4, styles: null, timings: "300ms" }, options: null }, { type: 1, expr: "* => void", animation: { type: 4, styles: null, timings: "300ms" }, options: null }], options: {} }, { type: 7, name: "slideInTop", definitions: [{ type: 0, name: "void", styles: { type: 6, styles: { transform: "translateY(-100%)" }, offset: null }, options: undefined }, { type: 0, name: "*", styles: { type: 6, styles: { transform: "translateY(0)" }, offset: null }, options: undefined }, { type: 1, expr: "void => *", animation: { type: 4, styles: null, timings: "300ms" }, options: null }, { type: 1, expr: "* => void", animation: { type: 4, styles: null, timings: "300ms" }, options: null }], options: {} }, { type: 7, name: "slideInBottom", definitions: [{ type: 0, name: "void", styles: { type: 6, styles: { transform: "translateY(100%)" }, offset: null }, options: undefined }, { type: 0, name: "*", styles: { type: 6, styles: { transform: "translateY(0)" }, offset: null }, options: undefined }, { type: 1, expr: "void => *", animation: { type: 4, styles: null, timings: "300ms" }, options: null }, { type: 1, expr: "* => void", animation: { type: 4, styles: null, timings: "300ms" }, options: null }], options: {} }, { type: 7, name: "expandCollapse", definitions: [{ type: 0, name: "void", styles: { type: 6, styles: { height: "0px" }, offset: null }, options: undefined }, { type: 0, name: "*", styles: { type: 6, styles: { height: "*" }, offset: null }, options: undefined }, { type: 1, expr: "void => *", animation: { type: 4, styles: null, timings: "300ms ease-out" }, options: null }, { type: 1, expr: "* => void", animation: { type: 4, styles: null, timings: "300ms ease-in" }, options: null }], options: {} }, { type: 7, name: "routerTransitionLeft", definitions: [{ type: 1, expr: "* => *", animation: [{ type: 11, selector: "content > :enter, content > :leave", animation: [{ type: 6, styles: { position: "absolute", top: 0, bottom: 0, left: 0, right: 0 }, offset: null }], options: { optional: true } }, { type: 11, selector: "content > :enter", animation: [{ type: 6, styles: { transform: "translateX(100%)", opacity: 0 }, offset: null }], options: { optional: true } }, { type: 2, steps: [{ type: 3, steps: [{ type: 11, selector: "content > :leave", animation: [{ type: 6, styles: { transform: "translateX(0)", opacity: 1 }, offset: null }, { type: 4, styles: { type: 6, styles: { transform: "translateX(-100%)", opacity: 0 }, offset: null }, timings: "600ms cubic-bezier(0.0, 0.0, 0.2, 1)" }], options: { optional: true } }, { type: 11, selector: "content > :enter", animation: [{ type: 6, styles: { transform: "translateX(100%)" }, offset: null }, { type: 4, styles: { type: 6, styles: { transform: "translateX(0%)", opacity: 1 }, offset: null }, timings: "600ms cubic-bezier(0.0, 0.0, 0.2, 1)" }], options: { optional: true } }], options: null }, { type: 11, selector: "content > :leave", animation: { type: 9, options: null }, options: { optional: true } }, { type: 11, selector: "content > :enter", animation: { type: 9, options: null }, options: { optional: true } }], options: null }], options: null }], options: {} }, { type: 7, name: "routerTransitionRight", definitions: [{ type: 1, expr: "* => *", animation: [{ type: 11, selector: "content > :enter, content > :leave", animation: [{ type: 6, styles: { position: "absolute", top: 0, bottom: 0, left: 0, right: 0 }, offset: null }], options: { optional: true } }, { type: 11, selector: "content > :enter", animation: [{ type: 6, styles: { transform: "translateX(-100%)", opacity: 0 }, offset: null }], options: { optional: true } }, { type: 2, steps: [{ type: 3, steps: [{ type: 11, selector: "content > :leave", animation: [{ type: 6, styles: { transform: "translateX(0)", opacity: 1 }, offset: null }, { type: 4, styles: { type: 6, styles: { transform: "translateX(100%)", opacity: 0 }, offset: null }, timings: "600ms cubic-bezier(0.0, 0.0, 0.2, 1)" }], options: { optional: true } }, { type: 11, selector: "content > :enter", animation: [{ type: 6, styles: { transform: "translateX(-100%)" }, offset: null }, { type: 4, styles: { type: 6, styles: { transform: "translateX(0%)", opacity: 1 }, offset: null }, timings: "600ms cubic-bezier(0.0, 0.0, 0.2, 1)" }], options: { optional: true } }], options: null }, { type: 11, selector: "content > :leave", animation: { type: 9, options: null }, options: { optional: true } }, { type: 11, selector: "content > :enter", animation: { type: 9, options: null }, options: { optional: true } }], options: null }], options: null }], options: {} }, { type: 7, name: "routerTransitionUp", definitions: [{ type: 1, expr: "* => *", animation: [{ type: 11, selector: "content > :enter, content > :leave", animation: [{ type: 6, styles: { position: "absolute", top: 0, bottom: 0, left: 0, right: 0 }, offset: null }], options: { optional: true } }, { type: 11, selector: "content > :enter", animation: [{ type: 6, styles: { transform: "translateY(100%)", opacity: 0 }, offset: null }], options: { optional: true } }, { type: 3, steps: [{ type: 11, selector: "content > :leave", animation: [{ type: 6, styles: { transform: "translateY(0)", opacity: 1 }, offset: null }, { type: 4, styles: { type: 6, styles: { transform: "translateY(-100%)", opacity: 0 }, offset: null }, timings: "600ms cubic-bezier(0.0, 0.0, 0.2, 1)" }], options: { optional: true } }, { type: 11, selector: "content > :enter", animation: [{ type: 6, styles: { transform: "translateY(100%)" }, offset: null }, { type: 4, styles: { type: 6, styles: { transform: "translateY(0%)", opacity: 1 }, offset: null }, timings: "600ms cubic-bezier(0.0, 0.0, 0.2, 1)" }], options: { optional: true } }], options: null }, { type: 11, selector: "content > :leave", animation: { type: 9, options: null }, options: { optional: true } }, { type: 11, selector: "content > :enter", animation: { type: 9, options: null }, options: { optional: true } }], options: null }], options: {} }, { type: 7, name: "routerTransitionDown", definitions: [{ type: 1, expr: "* => *", animation: [{ type: 11, selector: "content > :enter, content > :leave", animation: [{ type: 6, styles: { position: "absolute", top: 0, bottom: 0, left: 0, right: 0 }, offset: null }], options: { optional: true } }, { type: 11, selector: "content > :enter", animation: [{ type: 6, styles: { transform: "translateY(-100%)", opacity: 0 }, offset: null }], options: { optional: true } }, { type: 2, steps: [{ type: 3, steps: [{ type: 11, selector: "content > :leave", animation: [{ type: 6, styles: { transform: "translateY(0)", opacity: 1 }, offset: null }, { type: 4, styles: { type: 6, styles: { transform: "translateY(100%)", opacity: 0 }, offset: null }, timings: "600ms cubic-bezier(0.0, 0.0, 0.2, 1)" }], options: { optional: true } }, { type: 11, selector: "content > :enter", animation: [{ type: 6, styles: { transform: "translateY(-100%)" }, offset: null }, { type: 4, styles: { type: 6, styles: { transform: "translateY(0%)", opacity: 1 }, offset: null }, timings: "600ms cubic-bezier(0.0, 0.0, 0.2, 1)" }], options: { optional: true } }], options: null }, { type: 11, selector: "content > :leave", animation: { type: 9, options: null }, options: { optional: true } }, { type: 11, selector: "content > :enter", animation: { type: 9, options: null }, options: { optional: true } }], options: null }], options: null }], options: {} }, { type: 7, name: "routerTransitionFade", definitions: [{ type: 1, expr: "* => *", animation: { type: 3, steps: [{ type: 11, selector: "content > :enter, content > :leave ", animation: [{ type: 6, styles: { position: "absolute", top: 0, bottom: 0, left: 0, right: 0 }, offset: null }], options: { optional: true } }, { type: 11, selector: "content > :enter", animation: [{ type: 6, styles: { opacity: 0 }, offset: null }], options: { optional: true } }, { type: 11, selector: "content > :leave", animation: [{ type: 6, styles: { opacity: 1 }, offset: null }, { type: 4, styles: { type: 6, styles: { opacity: 0 }, offset: null }, timings: "300ms cubic-bezier(0.0, 0.0, 0.2, 1)" }], options: { optional: true } }, { type: 11, selector: "content > :enter", animation: [{ type: 6, styles: { opacity: 0 }, offset: null }, { type: 4, styles: { type: 6, styles: { opacity: 1 }, offset: null }, timings: "300ms cubic-bezier(0.0, 0.0, 0.2, 1)" }], options: { optional: true } }, { type: 11, selector: "content > :enter", animation: { type: 9, options: null }, options: { optional: true } }, { type: 11, selector: "content > :leave", animation: { type: 9, options: null }, options: { optional: true } }], options: null }, options: null }], options: {} }] } });

function View_FuseMaterialColorPickerComponent_1(_l) { return _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵvid"](0, [(_l()(), _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵeld"](0, 0, null, null, 1, "span", [], null, null, null, null, null)), (_l()(), _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵted"](1, null, [" ", " ", " "]))], null, function (_ck, _v) { var _co = _v.component; var currVal_0 = _co.selectedColor.palette; var currVal_1 = _co.selectedColor.hue; _ck(_v, 1, 0, currVal_0, currVal_1); }); }
function View_FuseMaterialColorPickerComponent_2(_l) { return _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵvid"](0, [(_l()(), _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵeld"](0, 0, null, null, 1, "span", [], null, null, null, null, null)), (_l()(), _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵted"](-1, null, [" Select a Color "]))], null, null); }
function View_FuseMaterialColorPickerComponent_4(_l) { return _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵvid"](0, [(_l()(), _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵeld"](0, 0, null, null, 4, "div", [["class", "color"], ["fxLayout", "row"], ["fxLayoutAlign", "center center"]], [[2, "selected", null]], [[null, "click"]], function (_v, en, $event) { var ad = true; var _co = _v.component; if (("click" === en)) {
        var pd_0 = (_co.selectPalette($event, _v.context.$implicit.key) !== false);
        ad = (pd_0 && ad);
    } return ad; }, null, null)), _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵdid"](1, 278528, null, 0, _angular_common__WEBPACK_IMPORTED_MODULE_2__["NgClass"], [_angular_core__WEBPACK_IMPORTED_MODULE_1__["IterableDiffers"], _angular_core__WEBPACK_IMPORTED_MODULE_1__["KeyValueDiffers"], _angular_core__WEBPACK_IMPORTED_MODULE_1__["ElementRef"], _angular_core__WEBPACK_IMPORTED_MODULE_1__["Renderer2"]], { klass: [0, "klass"], ngClass: [1, "ngClass"] }, null), _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵdid"](2, 671744, null, 0, _angular_flex_layout_flex__WEBPACK_IMPORTED_MODULE_3__["DefaultLayoutDirective"], [_angular_core__WEBPACK_IMPORTED_MODULE_1__["ElementRef"], _angular_flex_layout_core__WEBPACK_IMPORTED_MODULE_4__["StyleUtils"], _angular_flex_layout_flex__WEBPACK_IMPORTED_MODULE_3__["LayoutStyleBuilder"], _angular_flex_layout_core__WEBPACK_IMPORTED_MODULE_4__["MediaMarshaller"]], { fxLayout: [0, "fxLayout"] }, null), _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵdid"](3, 671744, null, 0, _angular_flex_layout_flex__WEBPACK_IMPORTED_MODULE_3__["DefaultLayoutAlignDirective"], [_angular_core__WEBPACK_IMPORTED_MODULE_1__["ElementRef"], _angular_flex_layout_core__WEBPACK_IMPORTED_MODULE_4__["StyleUtils"], _angular_flex_layout_flex__WEBPACK_IMPORTED_MODULE_3__["LayoutAlignStyleBuilder"], _angular_flex_layout_core__WEBPACK_IMPORTED_MODULE_4__["MediaMarshaller"]], { fxLayoutAlign: [0, "fxLayoutAlign"] }, null), _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵdid"](4, 933888, null, 0, _angular_flex_layout_extended__WEBPACK_IMPORTED_MODULE_5__["DefaultClassDirective"], [_angular_core__WEBPACK_IMPORTED_MODULE_1__["ElementRef"], _angular_flex_layout_core__WEBPACK_IMPORTED_MODULE_4__["StyleUtils"], _angular_flex_layout_core__WEBPACK_IMPORTED_MODULE_4__["MediaMarshaller"], _angular_core__WEBPACK_IMPORTED_MODULE_1__["IterableDiffers"], _angular_core__WEBPACK_IMPORTED_MODULE_1__["KeyValueDiffers"], _angular_core__WEBPACK_IMPORTED_MODULE_1__["Renderer2"], [6, _angular_common__WEBPACK_IMPORTED_MODULE_2__["NgClass"]]], { ngClass: [0, "ngClass"], klass: [1, "klass"] }, null)], function (_ck, _v) { var currVal_1 = "color"; var currVal_2 = _v.context.$implicit.key; _ck(_v, 1, 0, currVal_1, currVal_2); var currVal_3 = "row"; _ck(_v, 2, 0, currVal_3); var currVal_4 = "center center"; _ck(_v, 3, 0, currVal_4); var currVal_5 = _v.context.$implicit.key; var currVal_6 = "color"; _ck(_v, 4, 0, currVal_5, currVal_6); }, function (_ck, _v) { var _co = _v.component; var currVal_0 = (_co.selectedPalette === _v.context.$implicit.key); _ck(_v, 0, 0, currVal_0); }); }
function View_FuseMaterialColorPickerComponent_3(_l) { return _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵvid"](0, [(_l()(), _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵeld"](0, 0, null, null, 6, "div", [["class", "view"]], null, null, null, null, null)), (_l()(), _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵeld"](1, 0, null, null, 5, "div", [["class", "colors"], ["fusePerfectScrollbar", ""], ["fxLayout", "row wrap"], ["fxLayoutAlign", "start start"]], null, null, null, null, null)), _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵdid"](2, 671744, null, 0, _angular_flex_layout_flex__WEBPACK_IMPORTED_MODULE_3__["DefaultLayoutDirective"], [_angular_core__WEBPACK_IMPORTED_MODULE_1__["ElementRef"], _angular_flex_layout_core__WEBPACK_IMPORTED_MODULE_4__["StyleUtils"], _angular_flex_layout_flex__WEBPACK_IMPORTED_MODULE_3__["LayoutStyleBuilder"], _angular_flex_layout_core__WEBPACK_IMPORTED_MODULE_4__["MediaMarshaller"]], { fxLayout: [0, "fxLayout"] }, null), _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵdid"](3, 671744, null, 0, _angular_flex_layout_flex__WEBPACK_IMPORTED_MODULE_3__["DefaultLayoutAlignDirective"], [_angular_core__WEBPACK_IMPORTED_MODULE_1__["ElementRef"], _angular_flex_layout_core__WEBPACK_IMPORTED_MODULE_4__["StyleUtils"], _angular_flex_layout_flex__WEBPACK_IMPORTED_MODULE_3__["LayoutAlignStyleBuilder"], _angular_flex_layout_core__WEBPACK_IMPORTED_MODULE_4__["MediaMarshaller"]], { fxLayoutAlign: [0, "fxLayoutAlign"] }, null), (_l()(), _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵand"](16777216, null, null, 2, null, View_FuseMaterialColorPickerComponent_4)), _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵdid"](5, 278528, null, 0, _angular_common__WEBPACK_IMPORTED_MODULE_2__["NgForOf"], [_angular_core__WEBPACK_IMPORTED_MODULE_1__["ViewContainerRef"], _angular_core__WEBPACK_IMPORTED_MODULE_1__["TemplateRef"], _angular_core__WEBPACK_IMPORTED_MODULE_1__["IterableDiffers"]], { ngForOf: [0, "ngForOf"] }, null), _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵppd"](6, 1)], function (_ck, _v) { var _co = _v.component; var currVal_0 = "row wrap"; _ck(_v, 2, 0, currVal_0); var currVal_1 = "start start"; _ck(_v, 3, 0, currVal_1); var currVal_2 = _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵunv"](_v, 5, 0, _ck(_v, 6, 0, _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵnov"](_v.parent, 0), _co.colors)); _ck(_v, 5, 0, currVal_2); }, null); }
function View_FuseMaterialColorPickerComponent_6(_l) { return _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵvid"](0, [(_l()(), _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵeld"](0, 0, null, null, 5, "div", [["class", "color"], ["fxLayout", "row"], ["fxLayoutAlign", "center center"]], [[2, "selected", null]], [[null, "click"]], function (_v, en, $event) { var ad = true; var _co = _v.component; if (("click" === en)) {
        var pd_0 = (_co.selectHue($event, _v.context.$implicit) !== false);
        ad = (pd_0 && ad);
    } return ad; }, null, null)), _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵdid"](1, 278528, null, 0, _angular_common__WEBPACK_IMPORTED_MODULE_2__["NgClass"], [_angular_core__WEBPACK_IMPORTED_MODULE_1__["IterableDiffers"], _angular_core__WEBPACK_IMPORTED_MODULE_1__["KeyValueDiffers"], _angular_core__WEBPACK_IMPORTED_MODULE_1__["ElementRef"], _angular_core__WEBPACK_IMPORTED_MODULE_1__["Renderer2"]], { klass: [0, "klass"], ngClass: [1, "ngClass"] }, null), _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵdid"](2, 671744, null, 0, _angular_flex_layout_flex__WEBPACK_IMPORTED_MODULE_3__["DefaultLayoutDirective"], [_angular_core__WEBPACK_IMPORTED_MODULE_1__["ElementRef"], _angular_flex_layout_core__WEBPACK_IMPORTED_MODULE_4__["StyleUtils"], _angular_flex_layout_flex__WEBPACK_IMPORTED_MODULE_3__["LayoutStyleBuilder"], _angular_flex_layout_core__WEBPACK_IMPORTED_MODULE_4__["MediaMarshaller"]], { fxLayout: [0, "fxLayout"] }, null), _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵdid"](3, 671744, null, 0, _angular_flex_layout_flex__WEBPACK_IMPORTED_MODULE_3__["DefaultLayoutAlignDirective"], [_angular_core__WEBPACK_IMPORTED_MODULE_1__["ElementRef"], _angular_flex_layout_core__WEBPACK_IMPORTED_MODULE_4__["StyleUtils"], _angular_flex_layout_flex__WEBPACK_IMPORTED_MODULE_3__["LayoutAlignStyleBuilder"], _angular_flex_layout_core__WEBPACK_IMPORTED_MODULE_4__["MediaMarshaller"]], { fxLayoutAlign: [0, "fxLayoutAlign"] }, null), _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵdid"](4, 4866048, null, 0, _angular_flex_layout_extended__WEBPACK_IMPORTED_MODULE_5__["DefaultShowHideDirective"], [_angular_core__WEBPACK_IMPORTED_MODULE_1__["ElementRef"], _angular_flex_layout_extended__WEBPACK_IMPORTED_MODULE_5__["ShowHideStyleBuilder"], _angular_flex_layout_core__WEBPACK_IMPORTED_MODULE_4__["StyleUtils"], _angular_flex_layout_core__WEBPACK_IMPORTED_MODULE_4__["MediaMarshaller"], _angular_flex_layout_core__WEBPACK_IMPORTED_MODULE_4__["LAYOUT_CONFIG"], _angular_core__WEBPACK_IMPORTED_MODULE_1__["PLATFORM_ID"], _angular_flex_layout_core__WEBPACK_IMPORTED_MODULE_4__["SERVER_TOKEN"]], { fxHide: [0, "fxHide"] }, null), _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵdid"](5, 933888, null, 0, _angular_flex_layout_extended__WEBPACK_IMPORTED_MODULE_5__["DefaultClassDirective"], [_angular_core__WEBPACK_IMPORTED_MODULE_1__["ElementRef"], _angular_flex_layout_core__WEBPACK_IMPORTED_MODULE_4__["StyleUtils"], _angular_flex_layout_core__WEBPACK_IMPORTED_MODULE_4__["MediaMarshaller"], _angular_core__WEBPACK_IMPORTED_MODULE_1__["IterableDiffers"], _angular_core__WEBPACK_IMPORTED_MODULE_1__["KeyValueDiffers"], _angular_core__WEBPACK_IMPORTED_MODULE_1__["Renderer2"], [6, _angular_common__WEBPACK_IMPORTED_MODULE_2__["NgClass"]]], { ngClass: [0, "ngClass"], klass: [1, "klass"] }, null)], function (_ck, _v) { var _co = _v.component; var currVal_1 = "color"; var currVal_2 = ((_co.selectedPalette + "-") + _v.context.$implicit); _ck(_v, 1, 0, currVal_1, currVal_2); var currVal_3 = "row"; _ck(_v, 2, 0, currVal_3); var currVal_4 = "center center"; _ck(_v, 3, 0, currVal_4); var currVal_5 = (((_co.selectedPalette === "fuse-white") && (_v.context.$implicit !== "500")) || ((_co.selectedPalette === "fuse-black") && (_v.context.$implicit !== "500"))); _ck(_v, 4, 0, currVal_5); var currVal_6 = ((_co.selectedPalette + "-") + _v.context.$implicit); var currVal_7 = "color"; _ck(_v, 5, 0, currVal_6, currVal_7); }, function (_ck, _v) { var _co = _v.component; var currVal_0 = (_co.selectedHue === _v.context.$implicit); _ck(_v, 0, 0, currVal_0); }); }
function View_FuseMaterialColorPickerComponent_5(_l) { return _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵvid"](0, [(_l()(), _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵeld"](0, 0, null, null, 5, "div", [["class", "view"]], null, null, null, null, null)), (_l()(), _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵeld"](1, 0, null, null, 4, "div", [["class", "colors"], ["fusePerfectScrollbar", ""], ["fxLayout", "row wrap"], ["fxLayoutAlign", "start start"]], null, null, null, null, null)), _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵdid"](2, 671744, null, 0, _angular_flex_layout_flex__WEBPACK_IMPORTED_MODULE_3__["DefaultLayoutDirective"], [_angular_core__WEBPACK_IMPORTED_MODULE_1__["ElementRef"], _angular_flex_layout_core__WEBPACK_IMPORTED_MODULE_4__["StyleUtils"], _angular_flex_layout_flex__WEBPACK_IMPORTED_MODULE_3__["LayoutStyleBuilder"], _angular_flex_layout_core__WEBPACK_IMPORTED_MODULE_4__["MediaMarshaller"]], { fxLayout: [0, "fxLayout"] }, null), _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵdid"](3, 671744, null, 0, _angular_flex_layout_flex__WEBPACK_IMPORTED_MODULE_3__["DefaultLayoutAlignDirective"], [_angular_core__WEBPACK_IMPORTED_MODULE_1__["ElementRef"], _angular_flex_layout_core__WEBPACK_IMPORTED_MODULE_4__["StyleUtils"], _angular_flex_layout_flex__WEBPACK_IMPORTED_MODULE_3__["LayoutAlignStyleBuilder"], _angular_flex_layout_core__WEBPACK_IMPORTED_MODULE_4__["MediaMarshaller"]], { fxLayoutAlign: [0, "fxLayoutAlign"] }, null), (_l()(), _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵand"](16777216, null, null, 1, null, View_FuseMaterialColorPickerComponent_6)), _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵdid"](5, 278528, null, 0, _angular_common__WEBPACK_IMPORTED_MODULE_2__["NgForOf"], [_angular_core__WEBPACK_IMPORTED_MODULE_1__["ViewContainerRef"], _angular_core__WEBPACK_IMPORTED_MODULE_1__["TemplateRef"], _angular_core__WEBPACK_IMPORTED_MODULE_1__["IterableDiffers"]], { ngForOf: [0, "ngForOf"] }, null)], function (_ck, _v) { var _co = _v.component; var currVal_0 = "row wrap"; _ck(_v, 2, 0, currVal_0); var currVal_1 = "start start"; _ck(_v, 3, 0, currVal_1); var currVal_2 = _co.hues; _ck(_v, 5, 0, currVal_2); }, null); }
function View_FuseMaterialColorPickerComponent_0(_l) { return _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵvid"](0, [_angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵpid"](0, _pipes_keys_pipe__WEBPACK_IMPORTED_MODULE_6__["KeysPipe"], []), (_l()(), _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵeld"](1, 16777216, null, null, 7, "button", [["aria-haspopup", "true"], ["class", "mat-elevation-z1 mat-focus-indicator mat-menu-trigger"], ["mat-icon-button", ""]], [[1, "disabled", 0], [2, "_mat-animation-noopable", null], [2, "mat-button-disabled", null], [1, "aria-expanded", 0], [1, "aria-controls", 0]], [[null, "menuOpened"], [null, "mousedown"], [null, "keydown"], [null, "click"]], function (_v, en, $event) { var ad = true; var _co = _v.component; if (("mousedown" === en)) {
        var pd_0 = (_angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵnov"](_v, 5)._handleMousedown($event) !== false);
        ad = (pd_0 && ad);
    } if (("keydown" === en)) {
        var pd_1 = (_angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵnov"](_v, 5)._handleKeydown($event) !== false);
        ad = (pd_1 && ad);
    } if (("click" === en)) {
        var pd_2 = (_angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵnov"](_v, 5)._handleClick($event) !== false);
        ad = (pd_2 && ad);
    } if (("menuOpened" === en)) {
        var pd_3 = (_co.onMenuOpen() !== false);
        ad = (pd_3 && ad);
    } return ad; }, _node_modules_angular_material_button_index_ngfactory__WEBPACK_IMPORTED_MODULE_7__["View_MatButton_0"], _node_modules_angular_material_button_index_ngfactory__WEBPACK_IMPORTED_MODULE_7__["RenderType_MatButton"])), _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵdid"](2, 278528, null, 0, _angular_common__WEBPACK_IMPORTED_MODULE_2__["NgClass"], [_angular_core__WEBPACK_IMPORTED_MODULE_1__["IterableDiffers"], _angular_core__WEBPACK_IMPORTED_MODULE_1__["KeyValueDiffers"], _angular_core__WEBPACK_IMPORTED_MODULE_1__["ElementRef"], _angular_core__WEBPACK_IMPORTED_MODULE_1__["Renderer2"]], { klass: [0, "klass"], ngClass: [1, "ngClass"] }, null), _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵdid"](3, 933888, null, 0, _angular_flex_layout_extended__WEBPACK_IMPORTED_MODULE_5__["DefaultClassDirective"], [_angular_core__WEBPACK_IMPORTED_MODULE_1__["ElementRef"], _angular_flex_layout_core__WEBPACK_IMPORTED_MODULE_4__["StyleUtils"], _angular_flex_layout_core__WEBPACK_IMPORTED_MODULE_4__["MediaMarshaller"], _angular_core__WEBPACK_IMPORTED_MODULE_1__["IterableDiffers"], _angular_core__WEBPACK_IMPORTED_MODULE_1__["KeyValueDiffers"], _angular_core__WEBPACK_IMPORTED_MODULE_1__["Renderer2"], [6, _angular_common__WEBPACK_IMPORTED_MODULE_2__["NgClass"]]], { ngClass: [0, "ngClass"], klass: [1, "klass"] }, null), _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵdid"](4, 4374528, null, 0, _angular_material_button__WEBPACK_IMPORTED_MODULE_8__["MatButton"], [_angular_core__WEBPACK_IMPORTED_MODULE_1__["ElementRef"], _angular_cdk_a11y__WEBPACK_IMPORTED_MODULE_9__["FocusMonitor"], [2, _angular_platform_browser_animations__WEBPACK_IMPORTED_MODULE_10__["ANIMATION_MODULE_TYPE"]]], null, null), _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵdid"](5, 1196032, null, 0, _angular_material_menu__WEBPACK_IMPORTED_MODULE_11__["MatMenuTrigger"], [_angular_cdk_overlay__WEBPACK_IMPORTED_MODULE_12__["Overlay"], _angular_core__WEBPACK_IMPORTED_MODULE_1__["ElementRef"], _angular_core__WEBPACK_IMPORTED_MODULE_1__["ViewContainerRef"], _angular_material_menu__WEBPACK_IMPORTED_MODULE_11__["MAT_MENU_SCROLL_STRATEGY"], [2, _angular_material_menu__WEBPACK_IMPORTED_MODULE_11__["MAT_MENU_PANEL"]], [8, null], [2, _angular_cdk_bidi__WEBPACK_IMPORTED_MODULE_13__["Directionality"]], _angular_cdk_a11y__WEBPACK_IMPORTED_MODULE_9__["FocusMonitor"]], { menu: [0, "menu"] }, { menuOpened: "menuOpened" }), (_l()(), _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵeld"](6, 0, null, 0, 2, "mat-icon", [["class", "mat-icon notranslate"], ["role", "img"]], [[1, "data-mat-icon-type", 0], [1, "data-mat-icon-name", 0], [1, "data-mat-icon-namespace", 0], [2, "mat-icon-inline", null], [2, "mat-icon-no-color", null]], null, null, _node_modules_angular_material_icon_index_ngfactory__WEBPACK_IMPORTED_MODULE_14__["View_MatIcon_0"], _node_modules_angular_material_icon_index_ngfactory__WEBPACK_IMPORTED_MODULE_14__["RenderType_MatIcon"])), _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵdid"](7, 8634368, null, 0, _angular_material_icon__WEBPACK_IMPORTED_MODULE_15__["MatIcon"], [_angular_core__WEBPACK_IMPORTED_MODULE_1__["ElementRef"], _angular_material_icon__WEBPACK_IMPORTED_MODULE_15__["MatIconRegistry"], [8, null], _angular_material_icon__WEBPACK_IMPORTED_MODULE_15__["MAT_ICON_LOCATION"], _angular_core__WEBPACK_IMPORTED_MODULE_1__["ErrorHandler"]], null, null), (_l()(), _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵted"](-1, 0, ["palette"])), (_l()(), _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵeld"](9, 0, null, null, 31, "mat-menu", [["class", "fuse-material-color-picker-menu mat-elevation-z8"]], null, null, null, _node_modules_angular_material_menu_index_ngfactory__WEBPACK_IMPORTED_MODULE_16__["View_MatMenu_0"], _node_modules_angular_material_menu_index_ngfactory__WEBPACK_IMPORTED_MODULE_16__["RenderType_MatMenu"])), _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵprd"](6144, null, _angular_material_menu__WEBPACK_IMPORTED_MODULE_11__["MAT_MENU_PANEL"], null, [_angular_material_menu__WEBPACK_IMPORTED_MODULE_11__["MatMenu"]]), _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵdid"](11, 1294336, [["colorMenu", 4]], 3, _angular_material_menu__WEBPACK_IMPORTED_MODULE_11__["MatMenu"], [_angular_core__WEBPACK_IMPORTED_MODULE_1__["ElementRef"], _angular_core__WEBPACK_IMPORTED_MODULE_1__["NgZone"], _angular_material_menu__WEBPACK_IMPORTED_MODULE_11__["MAT_MENU_DEFAULT_OPTIONS"]], { panelClass: [0, "panelClass"] }, null), _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵqud"](603979776, 1, { _allItems: 1 }), _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵqud"](603979776, 2, { items: 1 }), _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵqud"](603979776, 3, { lazyContent: 0 }), (_l()(), _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵeld"](15, 0, null, 0, 19, "header", [["class", "mat-elevation-z4"], ["fxLayout", "row"], ["fxLayoutAlign", "space-between center"]], null, null, null, null, null)), _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵdid"](16, 278528, null, 0, _angular_common__WEBPACK_IMPORTED_MODULE_2__["NgClass"], [_angular_core__WEBPACK_IMPORTED_MODULE_1__["IterableDiffers"], _angular_core__WEBPACK_IMPORTED_MODULE_1__["KeyValueDiffers"], _angular_core__WEBPACK_IMPORTED_MODULE_1__["ElementRef"], _angular_core__WEBPACK_IMPORTED_MODULE_1__["Renderer2"]], { klass: [0, "klass"], ngClass: [1, "ngClass"] }, null), _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵdid"](17, 671744, null, 0, _angular_flex_layout_flex__WEBPACK_IMPORTED_MODULE_3__["DefaultLayoutDirective"], [_angular_core__WEBPACK_IMPORTED_MODULE_1__["ElementRef"], _angular_flex_layout_core__WEBPACK_IMPORTED_MODULE_4__["StyleUtils"], _angular_flex_layout_flex__WEBPACK_IMPORTED_MODULE_3__["LayoutStyleBuilder"], _angular_flex_layout_core__WEBPACK_IMPORTED_MODULE_4__["MediaMarshaller"]], { fxLayout: [0, "fxLayout"] }, null), _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵdid"](18, 671744, null, 0, _angular_flex_layout_flex__WEBPACK_IMPORTED_MODULE_3__["DefaultLayoutAlignDirective"], [_angular_core__WEBPACK_IMPORTED_MODULE_1__["ElementRef"], _angular_flex_layout_core__WEBPACK_IMPORTED_MODULE_4__["StyleUtils"], _angular_flex_layout_flex__WEBPACK_IMPORTED_MODULE_3__["LayoutAlignStyleBuilder"], _angular_flex_layout_core__WEBPACK_IMPORTED_MODULE_4__["MediaMarshaller"]], { fxLayoutAlign: [0, "fxLayoutAlign"] }, null), _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵdid"](19, 933888, null, 0, _angular_flex_layout_extended__WEBPACK_IMPORTED_MODULE_5__["DefaultClassDirective"], [_angular_core__WEBPACK_IMPORTED_MODULE_1__["ElementRef"], _angular_flex_layout_core__WEBPACK_IMPORTED_MODULE_4__["StyleUtils"], _angular_flex_layout_core__WEBPACK_IMPORTED_MODULE_4__["MediaMarshaller"], _angular_core__WEBPACK_IMPORTED_MODULE_1__["IterableDiffers"], _angular_core__WEBPACK_IMPORTED_MODULE_1__["KeyValueDiffers"], _angular_core__WEBPACK_IMPORTED_MODULE_1__["Renderer2"], [6, _angular_common__WEBPACK_IMPORTED_MODULE_2__["NgClass"]]], { ngClass: [0, "ngClass"], klass: [1, "klass"] }, null), (_l()(), _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵeld"](20, 0, null, null, 4, "button", [["aria-label", "Palette"], ["class", "secondary-text mat-focus-indicator"], ["mat-icon-button", ""]], [[4, "visibility", null], [1, "disabled", 0], [2, "_mat-animation-noopable", null], [2, "mat-button-disabled", null]], [[null, "click"]], function (_v, en, $event) { var ad = true; var _co = _v.component; if (("click" === en)) {
        var pd_0 = (_co.goToPalettesView($event) !== false);
        ad = (pd_0 && ad);
    } return ad; }, _node_modules_angular_material_button_index_ngfactory__WEBPACK_IMPORTED_MODULE_7__["View_MatButton_0"], _node_modules_angular_material_button_index_ngfactory__WEBPACK_IMPORTED_MODULE_7__["RenderType_MatButton"])), _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵdid"](21, 4374528, null, 0, _angular_material_button__WEBPACK_IMPORTED_MODULE_8__["MatButton"], [_angular_core__WEBPACK_IMPORTED_MODULE_1__["ElementRef"], _angular_cdk_a11y__WEBPACK_IMPORTED_MODULE_9__["FocusMonitor"], [2, _angular_platform_browser_animations__WEBPACK_IMPORTED_MODULE_10__["ANIMATION_MODULE_TYPE"]]], null, null), (_l()(), _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵeld"](22, 0, null, 0, 2, "mat-icon", [["class", "s-20 mat-icon notranslate"], ["role", "img"]], [[1, "data-mat-icon-type", 0], [1, "data-mat-icon-name", 0], [1, "data-mat-icon-namespace", 0], [2, "mat-icon-inline", null], [2, "mat-icon-no-color", null]], null, null, _node_modules_angular_material_icon_index_ngfactory__WEBPACK_IMPORTED_MODULE_14__["View_MatIcon_0"], _node_modules_angular_material_icon_index_ngfactory__WEBPACK_IMPORTED_MODULE_14__["RenderType_MatIcon"])), _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵdid"](23, 8634368, null, 0, _angular_material_icon__WEBPACK_IMPORTED_MODULE_15__["MatIcon"], [_angular_core__WEBPACK_IMPORTED_MODULE_1__["ElementRef"], _angular_material_icon__WEBPACK_IMPORTED_MODULE_15__["MatIconRegistry"], [8, null], _angular_material_icon__WEBPACK_IMPORTED_MODULE_15__["MAT_ICON_LOCATION"], _angular_core__WEBPACK_IMPORTED_MODULE_1__["ErrorHandler"]], null, null), (_l()(), _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵted"](-1, 0, ["arrow_back"])), (_l()(), _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵand"](16777216, null, null, 1, null, View_FuseMaterialColorPickerComponent_1)), _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵdid"](26, 16384, null, 0, _angular_common__WEBPACK_IMPORTED_MODULE_2__["NgIf"], [_angular_core__WEBPACK_IMPORTED_MODULE_1__["ViewContainerRef"], _angular_core__WEBPACK_IMPORTED_MODULE_1__["TemplateRef"]], { ngIf: [0, "ngIf"] }, null), (_l()(), _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵand"](16777216, null, null, 1, null, View_FuseMaterialColorPickerComponent_2)), _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵdid"](28, 16384, null, 0, _angular_common__WEBPACK_IMPORTED_MODULE_2__["NgIf"], [_angular_core__WEBPACK_IMPORTED_MODULE_1__["ViewContainerRef"], _angular_core__WEBPACK_IMPORTED_MODULE_1__["TemplateRef"]], { ngIf: [0, "ngIf"] }, null), (_l()(), _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵeld"](29, 16777216, null, null, 5, "button", [["aria-label", "Remove color"], ["class", "remove-color-button secondary-text mat-focus-indicator mat-tooltip-trigger"], ["mat-icon-button", ""], ["matTooltip", "Remove color"]], [[1, "disabled", 0], [2, "_mat-animation-noopable", null], [2, "mat-button-disabled", null]], [[null, "click"]], function (_v, en, $event) { var ad = true; var _co = _v.component; if (("click" === en)) {
        var pd_0 = (_co.removeColor($event) !== false);
        ad = (pd_0 && ad);
    } return ad; }, _node_modules_angular_material_button_index_ngfactory__WEBPACK_IMPORTED_MODULE_7__["View_MatButton_0"], _node_modules_angular_material_button_index_ngfactory__WEBPACK_IMPORTED_MODULE_7__["RenderType_MatButton"])), _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵdid"](30, 4374528, null, 0, _angular_material_button__WEBPACK_IMPORTED_MODULE_8__["MatButton"], [_angular_core__WEBPACK_IMPORTED_MODULE_1__["ElementRef"], _angular_cdk_a11y__WEBPACK_IMPORTED_MODULE_9__["FocusMonitor"], [2, _angular_platform_browser_animations__WEBPACK_IMPORTED_MODULE_10__["ANIMATION_MODULE_TYPE"]]], null, null), _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵdid"](31, 4341760, null, 0, _angular_material_tooltip__WEBPACK_IMPORTED_MODULE_17__["MatTooltip"], [_angular_cdk_overlay__WEBPACK_IMPORTED_MODULE_12__["Overlay"], _angular_core__WEBPACK_IMPORTED_MODULE_1__["ElementRef"], _angular_cdk_scrolling__WEBPACK_IMPORTED_MODULE_18__["ScrollDispatcher"], _angular_core__WEBPACK_IMPORTED_MODULE_1__["ViewContainerRef"], _angular_core__WEBPACK_IMPORTED_MODULE_1__["NgZone"], _angular_cdk_platform__WEBPACK_IMPORTED_MODULE_19__["Platform"], _angular_cdk_a11y__WEBPACK_IMPORTED_MODULE_9__["AriaDescriber"], _angular_cdk_a11y__WEBPACK_IMPORTED_MODULE_9__["FocusMonitor"], _angular_material_tooltip__WEBPACK_IMPORTED_MODULE_17__["MAT_TOOLTIP_SCROLL_STRATEGY"], [2, _angular_cdk_bidi__WEBPACK_IMPORTED_MODULE_13__["Directionality"]], [2, _angular_material_tooltip__WEBPACK_IMPORTED_MODULE_17__["MAT_TOOLTIP_DEFAULT_OPTIONS"]]], { message: [0, "message"] }, null), (_l()(), _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵeld"](32, 0, null, 0, 2, "mat-icon", [["class", "s-20 mat-icon notranslate"], ["role", "img"]], [[1, "data-mat-icon-type", 0], [1, "data-mat-icon-name", 0], [1, "data-mat-icon-namespace", 0], [2, "mat-icon-inline", null], [2, "mat-icon-no-color", null]], null, null, _node_modules_angular_material_icon_index_ngfactory__WEBPACK_IMPORTED_MODULE_14__["View_MatIcon_0"], _node_modules_angular_material_icon_index_ngfactory__WEBPACK_IMPORTED_MODULE_14__["RenderType_MatIcon"])), _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵdid"](33, 8634368, null, 0, _angular_material_icon__WEBPACK_IMPORTED_MODULE_15__["MatIcon"], [_angular_core__WEBPACK_IMPORTED_MODULE_1__["ElementRef"], _angular_material_icon__WEBPACK_IMPORTED_MODULE_15__["MatIconRegistry"], [8, null], _angular_material_icon__WEBPACK_IMPORTED_MODULE_15__["MAT_ICON_LOCATION"], _angular_core__WEBPACK_IMPORTED_MODULE_1__["ErrorHandler"]], null, null), (_l()(), _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵted"](-1, 0, ["delete"])), (_l()(), _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵeld"](35, 0, null, 0, 5, "div", [["class", "views"]], null, null, null, null, null)), _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵdid"](36, 16384, null, 0, _angular_common__WEBPACK_IMPORTED_MODULE_2__["NgSwitch"], [], { ngSwitch: [0, "ngSwitch"] }, null), (_l()(), _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵand"](16777216, null, null, 1, null, View_FuseMaterialColorPickerComponent_3)), _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵdid"](38, 278528, null, 0, _angular_common__WEBPACK_IMPORTED_MODULE_2__["NgSwitchCase"], [_angular_core__WEBPACK_IMPORTED_MODULE_1__["ViewContainerRef"], _angular_core__WEBPACK_IMPORTED_MODULE_1__["TemplateRef"], _angular_common__WEBPACK_IMPORTED_MODULE_2__["NgSwitch"]], { ngSwitchCase: [0, "ngSwitchCase"] }, null), (_l()(), _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵand"](16777216, null, null, 1, null, View_FuseMaterialColorPickerComponent_5)), _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵdid"](40, 278528, null, 0, _angular_common__WEBPACK_IMPORTED_MODULE_2__["NgSwitchCase"], [_angular_core__WEBPACK_IMPORTED_MODULE_1__["ViewContainerRef"], _angular_core__WEBPACK_IMPORTED_MODULE_1__["TemplateRef"], _angular_common__WEBPACK_IMPORTED_MODULE_2__["NgSwitch"]], { ngSwitchCase: [0, "ngSwitchCase"] }, null)], function (_ck, _v) { var _co = _v.component; var currVal_5 = "mat-elevation-z1"; var currVal_6 = ((_co.selectedPalette + "-") + _co.selectedHue); _ck(_v, 2, 0, currVal_5, currVal_6); var currVal_7 = ((_co.selectedPalette + "-") + _co.selectedHue); var currVal_8 = "mat-elevation-z1"; _ck(_v, 3, 0, currVal_7, currVal_8); var currVal_9 = _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵnov"](_v, 11); _ck(_v, 5, 0, currVal_9); _ck(_v, 7, 0); var currVal_15 = "fuse-material-color-picker-menu mat-elevation-z8"; _ck(_v, 11, 0, currVal_15); var currVal_16 = "mat-elevation-z4"; var currVal_17 = (((_co.selectedColor == null) ? null : _co.selectedColor.class) || "accent"); _ck(_v, 16, 0, currVal_16, currVal_17); var currVal_18 = "row"; _ck(_v, 17, 0, currVal_18); var currVal_19 = "space-between center"; _ck(_v, 18, 0, currVal_19); var currVal_20 = (((_co.selectedColor == null) ? null : _co.selectedColor.class) || "accent"); var currVal_21 = "mat-elevation-z4"; _ck(_v, 19, 0, currVal_20, currVal_21); _ck(_v, 23, 0); var currVal_31 = ((_co.selectedColor == null) ? null : _co.selectedColor.palette); _ck(_v, 26, 0, currVal_31); var currVal_32 = !((_co.selectedColor == null) ? null : _co.selectedColor.palette); _ck(_v, 28, 0, currVal_32); var currVal_36 = "Remove color"; _ck(_v, 31, 0, currVal_36); _ck(_v, 33, 0); var currVal_42 = _co.view; _ck(_v, 36, 0, currVal_42); var currVal_43 = "palettes"; _ck(_v, 38, 0, currVal_43); var currVal_44 = "hues"; _ck(_v, 40, 0, currVal_44); }, function (_ck, _v) { var _co = _v.component; var currVal_0 = (_angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵnov"](_v, 4).disabled || null); var currVal_1 = (_angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵnov"](_v, 4)._animationMode === "NoopAnimations"); var currVal_2 = _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵnov"](_v, 4).disabled; var currVal_3 = (_angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵnov"](_v, 5).menuOpen || null); var currVal_4 = (_angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵnov"](_v, 5).menuOpen ? _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵnov"](_v, 5).menu.panelId : null); _ck(_v, 1, 0, currVal_0, currVal_1, currVal_2, currVal_3, currVal_4); var currVal_10 = (_angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵnov"](_v, 7)._usingFontIcon() ? "font" : "svg"); var currVal_11 = (_angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵnov"](_v, 7)._svgName || _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵnov"](_v, 7).fontIcon); var currVal_12 = (_angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵnov"](_v, 7)._svgNamespace || _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵnov"](_v, 7).fontSet); var currVal_13 = _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵnov"](_v, 7).inline; var currVal_14 = (((_angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵnov"](_v, 7).color !== "primary") && (_angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵnov"](_v, 7).color !== "accent")) && (_angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵnov"](_v, 7).color !== "warn")); _ck(_v, 6, 0, currVal_10, currVal_11, currVal_12, currVal_13, currVal_14); var currVal_22 = ((_co.view === "hues") ? "visible" : "hidden"); var currVal_23 = (_angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵnov"](_v, 21).disabled || null); var currVal_24 = (_angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵnov"](_v, 21)._animationMode === "NoopAnimations"); var currVal_25 = _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵnov"](_v, 21).disabled; _ck(_v, 20, 0, currVal_22, currVal_23, currVal_24, currVal_25); var currVal_26 = (_angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵnov"](_v, 23)._usingFontIcon() ? "font" : "svg"); var currVal_27 = (_angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵnov"](_v, 23)._svgName || _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵnov"](_v, 23).fontIcon); var currVal_28 = (_angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵnov"](_v, 23)._svgNamespace || _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵnov"](_v, 23).fontSet); var currVal_29 = _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵnov"](_v, 23).inline; var currVal_30 = (((_angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵnov"](_v, 23).color !== "primary") && (_angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵnov"](_v, 23).color !== "accent")) && (_angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵnov"](_v, 23).color !== "warn")); _ck(_v, 22, 0, currVal_26, currVal_27, currVal_28, currVal_29, currVal_30); var currVal_33 = (_angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵnov"](_v, 30).disabled || null); var currVal_34 = (_angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵnov"](_v, 30)._animationMode === "NoopAnimations"); var currVal_35 = _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵnov"](_v, 30).disabled; _ck(_v, 29, 0, currVal_33, currVal_34, currVal_35); var currVal_37 = (_angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵnov"](_v, 33)._usingFontIcon() ? "font" : "svg"); var currVal_38 = (_angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵnov"](_v, 33)._svgName || _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵnov"](_v, 33).fontIcon); var currVal_39 = (_angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵnov"](_v, 33)._svgNamespace || _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵnov"](_v, 33).fontSet); var currVal_40 = _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵnov"](_v, 33).inline; var currVal_41 = (((_angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵnov"](_v, 33).color !== "primary") && (_angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵnov"](_v, 33).color !== "accent")) && (_angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵnov"](_v, 33).color !== "warn")); _ck(_v, 32, 0, currVal_37, currVal_38, currVal_39, currVal_40, currVal_41); }); }
function View_FuseMaterialColorPickerComponent_Host_0(_l) { return _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵvid"](0, [(_l()(), _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵeld"](0, 0, null, null, 2, "fuse-material-color-picker", [], null, null, null, View_FuseMaterialColorPickerComponent_0, RenderType_FuseMaterialColorPickerComponent)), _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵprd"](5120, null, _angular_forms__WEBPACK_IMPORTED_MODULE_20__["NG_VALUE_ACCESSOR"], function (p0_0) { return [p0_0]; }, [_material_color_picker_component__WEBPACK_IMPORTED_MODULE_21__["FuseMaterialColorPickerComponent"]]), _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵdid"](2, 49152, null, 0, _material_color_picker_component__WEBPACK_IMPORTED_MODULE_21__["FuseMaterialColorPickerComponent"], [], null, null)], null, null); }
var FuseMaterialColorPickerComponentNgFactory = _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵccf"]("fuse-material-color-picker", _material_color_picker_component__WEBPACK_IMPORTED_MODULE_21__["FuseMaterialColorPickerComponent"], View_FuseMaterialColorPickerComponent_Host_0, { color: "color" }, { colorChanged: "colorChanged" }, []);



/***/ }),

/***/ "qwfY":
/*!***************************************************************************************!*\
  !*** ./src/@fuse/components/material-color-picker/material-color-picker.component.ts ***!
  \***************************************************************************************/
/*! exports provided: FUSE_MATERIAL_COLOR_PICKER_VALUE_ACCESSOR, FuseMaterialColorPickerComponent */
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "FUSE_MATERIAL_COLOR_PICKER_VALUE_ACCESSOR", function() { return FUSE_MATERIAL_COLOR_PICKER_VALUE_ACCESSOR; });
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "FuseMaterialColorPickerComponent", function() { return FuseMaterialColorPickerComponent; });
/* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @angular/core */ "8Y7J");
/* harmony import */ var _fuse_mat_colors__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @fuse/mat-colors */ "Z9WT");
/* harmony import */ var _angular_forms__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @angular/forms */ "s7LF");



const FUSE_MATERIAL_COLOR_PICKER_VALUE_ACCESSOR = {
    provide: _angular_forms__WEBPACK_IMPORTED_MODULE_2__["NG_VALUE_ACCESSOR"],
    useExisting: Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["forwardRef"])(() => FuseMaterialColorPickerComponent),
    multi: true
};
class FuseMaterialColorPickerComponent {
    /**
     * Constructor
     */
    constructor() {
        // Set the defaults
        this.colorChanged = new _angular_core__WEBPACK_IMPORTED_MODULE_0__["EventEmitter"]();
        this.colors = _fuse_mat_colors__WEBPACK_IMPORTED_MODULE_1__["MatColors"].all;
        this.hues = ['50', '100', '200', '300', '400', '500', '600', '700', '800', '900', 'A100', 'A200', 'A400', 'A700'];
        this.selectedHue = '500';
        this.view = 'palettes';
        // Set the private defaults
        this._color = '';
        this._modelChange = () => {
        };
        this._modelTouched = () => {
        };
    }
    // -----------------------------------------------------------------------------------------------------
    // @ Accessors
    // -----------------------------------------------------------------------------------------------------
    /**
     * Selected class
     *
     * @param value
     */
    set color(value) {
        if (!value || value === '' || this._color === value) {
            return;
        }
        // Split the color value (red-400, blue-500, fuse-navy-700 etc.)
        const colorParts = value.split('-');
        // Take the very last part as the selected hue value
        this.selectedHue = colorParts[colorParts.length - 1];
        // Remove the last part
        colorParts.pop();
        // Rejoin the remaining parts as the selected palette name
        this.selectedPalette = colorParts.join('-');
        // Store the color value
        this._color = value;
    }
    get color() {
        return this._color;
    }
    // -----------------------------------------------------------------------------------------------------
    // @ Control Value Accessor implementation
    // -----------------------------------------------------------------------------------------------------
    /**
     * Register on change function
     *
     * @param fn
     */
    registerOnChange(fn) {
        this._modelChange = fn;
    }
    /**
     * Register on touched function
     *
     * @param fn
     */
    registerOnTouched(fn) {
        this._modelTouched = fn;
    }
    /**
     * Write value to the view from model
     *
     * @param color
     */
    writeValue(color) {
        // Return if null
        if (!color) {
            return;
        }
        // Set the color
        this.color = color;
        // Update the selected color
        this.updateSelectedColor();
    }
    // -----------------------------------------------------------------------------------------------------
    // @ Public methods
    // -----------------------------------------------------------------------------------------------------
    /**
     * Select palette
     *
     * @param event
     * @param palette
     */
    selectPalette(event, palette) {
        // Stop propagation
        event.stopPropagation();
        // Go to 'hues' view
        this.view = 'hues';
        // Update the selected palette
        this.selectedPalette = palette;
        // Update the selected color
        this.updateSelectedColor();
    }
    /**
     * Select hue
     *
     * @param event
     * @param hue
     */
    selectHue(event, hue) {
        // Stop propagation
        event.stopPropagation();
        // Update the selected huse
        this.selectedHue = hue;
        // Update the selected color
        this.updateSelectedColor();
    }
    /**
     * Remove color
     *
     * @param event
     */
    removeColor(event) {
        // Stop propagation
        event.stopPropagation();
        // Return to the 'palettes' view
        this.view = 'palettes';
        // Clear the selected palette and hue
        this.selectedPalette = '';
        this.selectedHue = '';
        // Update the selected color
        this.updateSelectedColor();
    }
    /**
     * Update selected color
     */
    updateSelectedColor() {
        if (this.selectedColor && this.selectedColor.palette === this.selectedPalette && this.selectedColor.hue === this.selectedHue) {
            return;
        }
        // Set the selected color object
        this.selectedColor = {
            palette: this.selectedPalette,
            hue: this.selectedHue,
            class: this.selectedPalette + '-' + this.selectedHue,
            bg: this.selectedPalette === '' ? '' : _fuse_mat_colors__WEBPACK_IMPORTED_MODULE_1__["MatColors"].getColor(this.selectedPalette)[this.selectedHue],
            fg: this.selectedPalette === '' ? '' : _fuse_mat_colors__WEBPACK_IMPORTED_MODULE_1__["MatColors"].getColor(this.selectedPalette).contrast[this.selectedHue]
        };
        // Emit the color changed event
        this.colorChanged.emit(this.selectedColor);
        // Mark the model as touched
        this._modelTouched(this.selectedColor.class);
        // Update the model
        this._modelChange(this.selectedColor.class);
    }
    /**
     * Go to palettes view
     *
     * @param event
     */
    goToPalettesView(event) {
        // Stop propagation
        event.stopPropagation();
        this.view = 'palettes';
    }
    /**
     * On menu open
     */
    onMenuOpen() {
        if (this.selectedPalette === '') {
            this.view = 'palettes';
        }
        else {
            this.view = 'hues';
        }
    }
}


/***/ })

}]);
//# sourceMappingURL=default~components-components-module-ngfactory~scrumboard-scrumboard-module-ngfactory-es2015.27a667746d661fa164e9.js.map