404 Not Found

PATH: var / www / vhosts / sandbox.dos-group.com / httpdocs / casinodemo

(window["webpackJsonp"] = window["webpackJsonp"] || []).push([["material-component-material-module"],{

/***/ "./src/app/material-component/buttons/buttons.component.html":
/*!*******************************************************************!*\
  !*** ./src/app/material-component/buttons/buttons.component.html ***!
  \*******************************************************************/
/*! no static exports found */
/***/ (function(module, exports) {

module.exports = "<mat-card>\n  <mat-card-content>    \n  <mat-card-title>Buttons</mat-card-title>\n      <mat-card-subtitle>Angular Material buttons are native <code> button or a </code> elements enhanced with Material Design styling and ink ripples. <code><a href=\"https://material.angular.io/components/button/overview\" target=\"_blank\">Official Doc</a></code></mat-card-subtitle>\n  \n      <h4>Basic Buttons <br/><code class=\"bg-light\">&lt;button mat-button color=\"primary\"&gt;Primary&lt;/button&gt;</code></h4>\n    <div class=\"button-row\">\n      <button mat-button>Basic</button>\n      <button mat-button color=\"primary\">Primary</button>\n      <button mat-button color=\"accent\">Accent</button>\n      <button mat-button color=\"warn\">Warn</button>\n      <button mat-button disabled>Disabled</button>\n      <a mat-button routerLink=\".\">Link</a>\n    </div>\n\n    <h4>Raised Buttons <br/><code class=\"bg-light\">&lt;button mat-raised-button color=\"primary\"&gt;Primary&lt;/button&gt;</code></h4>\n    <div class=\"button-row\">\n      <button mat-raised-button>Basic</button>\n      <button mat-raised-button color=\"primary\">Primary</button>\n      <button mat-raised-button color=\"accent\">Accent</button>\n      <button mat-raised-button color=\"warn\">Warn</button>\n      <button mat-raised-button disabled>Disabled</button>\n      <a mat-raised-button routerLink=\".\">Link</a>\n    </div>\n\n    <h4>Icon Buttons <br/><code class=\"bg-light\">&lt;button mat-icon-button color=\"primary\"&gt; <br/>&nbsp;&nbsp;&nbsp;&nbsp;&lt;mat-icon aria-label=\"Example icon-button with a heart icon\"&gt;favorite&lt;/mat-icon&gt;<br/>&lt;/button&gt;</code></h4>\n    <div class=\"button-row\">\n      <button mat-icon-button>\n        <mat-icon aria-label=\"Example icon-button with a heart icon\">favorite</mat-icon>\n      </button>\n      <button mat-icon-button color=\"primary\">\n        <mat-icon aria-label=\"Example icon-button with a heart icon\">favorite</mat-icon>\n      </button>\n      <button mat-icon-button color=\"accent\">\n        <mat-icon aria-label=\"Example icon-button with a heart icon\">favorite</mat-icon>\n      </button>\n      <button mat-icon-button color=\"warn\">\n        <mat-icon aria-label=\"Example icon-button with a heart icon\">favorite</mat-icon>\n      </button>\n      <button mat-icon-button disabled>\n        <mat-icon aria-label=\"Example icon-button with a heart icon\">favorite</mat-icon>\n      </button>\n    </div>\n\n    <h4>Fab Buttons <br/><code class=\"bg-light\">&lt;button mat-fab color=\"primary\"&gt;Primary&lt;/button&gt;</code></h4>\n    <div class=\"button-row\">\n      <button mat-fab>Basic</button>\n      <button mat-fab color=\"primary\">Primary</button>\n      <button mat-fab color=\"accent\">Accent</button>\n      <button mat-fab color=\"warn\">Warn</button>\n      <button mat-fab disabled>Disabled</button>\n      <button mat-fab>\n        <mat-icon aria-label=\"Example icon-button with a heart icon\">favorite</mat-icon>\n      </button>\n      <a mat-fab routerLink=\".\">Link</a>\n    </div>\n\n    <h4>Mini Fab Buttons <br/><code class=\"bg-light\">&lt;button mat-mini-fab color=\"primary\"&gt;Primary&lt;/button&gt;</code></h4>\n    <div class=\"button-row\">\n      <button mat-mini-fab>Base</button>\n      <button mat-mini-fab color=\"primary\">Pri</button>\n      <button mat-mini-fab color=\"accent\">Acc</button>\n      <button mat-mini-fab color=\"warn\">Warn</button>\n      <button mat-mini-fab disabled>Dis</button>\n      <button mat-mini-fab>\n        <mat-icon aria-label=\"Example icon-button with a heart icon\">favorite</mat-icon>\n      </button>\n      <a mat-mini-fab routerLink=\".\">Link</a>\n    </div>\n    <h4>Button toggle </h4>  \n    <mat-button-toggle-group #group=\"matButtonToggleGroup\">\n      <mat-button-toggle value=\"left\">\n        <mat-icon>format_align_left</mat-icon>\n      </mat-button-toggle>\n      <mat-button-toggle value=\"center\">\n        <mat-icon>format_align_center</mat-icon>\n      </mat-button-toggle>\n      <mat-button-toggle value=\"right\">\n        <mat-icon>format_align_right</mat-icon>\n      </mat-button-toggle>\n      <mat-button-toggle value=\"justify\" disabled>\n        <mat-icon>format_align_justify</mat-icon>\n      </mat-button-toggle>\n    </mat-button-toggle-group>\n    <div class=\"m-t-20\">Selected value: {{group.value}}</div>  \n  </mat-card-content>\n</mat-card>\n"

/***/ }),

/***/ "./src/app/material-component/buttons/buttons.component.scss":
/*!*******************************************************************!*\
  !*** ./src/app/material-component/buttons/buttons.component.scss ***!
  \*******************************************************************/
/*! no static exports found */
/***/ (function(module, exports) {

module.exports = ".example-button-row {\n  display: flex;\n  align-items: center;\n  justify-content: space-around; }\n"

/***/ }),

/***/ "./src/app/material-component/buttons/buttons.component.ts":
/*!*****************************************************************!*\
  !*** ./src/app/material-component/buttons/buttons.component.ts ***!
  \*****************************************************************/
/*! exports provided: ButtonsComponent */
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ButtonsComponent", function() { return ButtonsComponent; });
/* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @angular/core */ "./node_modules/@angular/core/fesm5/core.js");
var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
    return c > 3 && r && Object.defineProperty(target, key, r), r;
};
var __metadata = (undefined && undefined.__metadata) || function (k, v) {
    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
};

/***/ }),

/***/ "./src/app/material-component/chips/chips.component.html":
/*!***************************************************************!*\
  !*** ./src/app/material-component/chips/chips.component.html ***!
  \***************************************************************/
/*! no static exports found */
/***/ (function(module, exports) {

module.exports = "\n  <mat-card>\n    <mat-card-content>  \n    <mat-card-title>Basic Chips</mat-card-title>\n    <mat-card-subtitle><code>&lt;mat-chip&gt;</code>displays a list of values as individual, keyboard accessible, chips. <code class=\"\"><a href=\"https://material.angular.io/components/chips/overview\">Official Component</a></code></mat-card-subtitle>\n    <mat-chip-list>\n      <mat-chip>One fish</mat-chip>\n      <mat-chip>Two fish</mat-chip>\n      <mat-chip color=\"primary\" selected=\"true\">Primary fish</mat-chip>\n      <mat-chip color=\"accent\" selected=\"true\">Accent fish</mat-chip>\n    </mat-chip-list>\n\n    </mat-card-content>\n  </mat-card>\n\n  <mat-card>\n    <mat-card-content>  \n    <mat-card-title>Chip input</mat-card-title>\n    <mat-card-subtitle>The MatChipInput directive can be used together with a chip-list to streamline the interaction between the two components. This directive adds chip-specific behaviors to the input element within for adding and removing chips. </mat-card-subtitle>\n    \n      <mat-form-field class=\"demo-chip-list\">\n          <mat-chip-list #chipList>\n            <mat-chip *ngFor=\"let fruit of fruits\" [selectable]=\"selectable\"\n                     [removable]=\"removable\" (removed)=\"remove(fruit)\">\n              {{fruit.name}}\n              <mat-icon matChipRemove *ngIf=\"removable\">cancel</mat-icon>\n            </mat-chip>\n            <input placeholder=\"New fruit...\"\n                   [matChipInputFor]=\"chipList\"\n                   [matChipInputSeparatorKeyCodes]=\"separatorKeysCodes\"\n                   [matChipInputAddOnBlur]=\"addOnBlur\"\n                   (matChipInputTokenEnd)=\"add($event)\" />\n          </mat-chip-list>\n        </mat-form-field>\n    </mat-card-content>\n  </mat-card>\n\n  <mat-card>\n    <mat-card-content>  \n    <mat-card-title>Stacked Chips</mat-card-title>\n    <mat-card-subtitle>You can also stack the chips if you want them on top of each other and/or use the\n        <code>(focus)</code> event to run custom code.</mat-card-subtitle>\n    \n      <mat-chip-list class=\"mat-chip-list-stacked\">\n        <mat-chip *ngFor=\"let aColor of availableColors\"\n                 (focus)=\"color = aColor.color\" color=\"{{aColor.color}}\" selected=\"true\">\n          {{aColor.name}}\n        </mat-chip>\n      </mat-chip-list>\n    </mat-card-content>\n  </mat-card>\n"

/***/ }),

/***/ "./src/app/material-component/chips/chips.component.scss":
/*!***************************************************************!*\
  !*** ./src/app/material-component/chips/chips.component.scss ***!
  \***************************************************************/
/*! no static exports found */
/***/ (function(module, exports) {

module.exports = ".demo-chip-list {\n  width: 100%; }\n"

/***/ }),

/***/ "./src/app/material-component/chips/chips.component.ts":
/*!*************************************************************!*\
  !*** ./src/app/material-component/chips/chips.component.ts ***!
  \*************************************************************/
/*! exports provided: ChipsComponent */
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ChipsComponent", function() { return ChipsComponent; });
/* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @angular/core */ "./node_modules/@angular/core/fesm5/core.js");
/* harmony import */ var _angular_cdk_keycodes__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @angular/cdk/keycodes */ "./node_modules/@angular/cdk/esm5/keycodes.es5.js");
var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
    return c > 3 && r && Object.defineProperty(target, key, r), r;
};

/***/ }),

/***/ "./src/app/material-component/dialog/dialog.component.html":
/*!*****************************************************************!*\
  !*** ./src/app/material-component/dialog/dialog.component.html ***!
  \*****************************************************************/
/*! no static exports found */
/***/ (function(module, exports) {

/***/ }),

/***/ "./src/app/material-component/dialog/dialog.component.scss":
/*!*****************************************************************!*\
  !*** ./src/app/material-component/dialog/dialog.component.scss ***!
  \*****************************************************************/
/*! no static exports found */
/***/ (function(module, exports) {

module.exports = ""

/***/ }),

/***/ "./src/app/material-component/dialog/dialog.component.ts":
/*!***************************************************************!*\
  !*** ./src/app/material-component/dialog/dialog.component.ts ***!
  \***************************************************************/
/*! exports provided: DialogComponent, DialogOverviewExampleDialog */
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "DialogComponent", function() { return DialogComponent; });
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "DialogOverviewExampleDialog", function() { return DialogOverviewExampleDialog; });
/* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @angular/core */ "./node_modules/@angular/core/fesm5/core.js");
/* harmony import */ var _angular_material__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @angular/material */ "./node_modules/@angular/material/esm5/material.es5.js");
var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
    return c > 3 && r && Object.defineProperty(target, key, r), r;
};
var __metadata = (undefined && undefined.__metadata) || function (k, v) {
    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
};
var __param = (undefined && undefined.__param) || function (paramIndex, decorator) {
    return function (target, key) { decorator(target, key, paramIndex); }
};

/***/ }),

/***/ "./src/app/material-component/expansion/expansion.component.html":
/*!***********************************************************************!*\
  !*** ./src/app/material-component/expansion/expansion.component.html ***!
  \***********************************************************************/
/*! no static exports found */
/***/ (function(module, exports) {

module.exports = "\n\n\n<mat-card>\n    <mat-card-content>\n        <mat-card-title>Basic Expansion</mat-card-title>\n        <mat-card-subtitle>Expansion panel <code class=\"\"><a href=\"https://material.angular.io/components/expansion/overview\">Official Component</a></code></mat-card-subtitle>\n        <mat-accordion>\n            <mat-expansion-panel>\n                <mat-expansion-panel-header>\n                    <mat-panel-title> Personal data </mat-panel-title>\n                    <mat-panel-description> Type your name and age </mat-panel-description>\n                </mat-expansion-panel-header>\n                <mat-form-field>\n                    <input matInput placeholder=\"First name\"> </mat-form-field>\n                <mat-form-field>\n                    <input matInput placeholder=\"Age\"> </mat-form-field>\n            </mat-expansion-panel>\n            <mat-expansion-panel (opened)=\"panelOpenState = true\" (closed)=\"panelOpenState = false\">\n                <mat-expansion-panel-header>\n                    <mat-panel-title> Self aware panel </mat-panel-title>\n                    <mat-panel-description> Currently I am {{panelOpenState ? 'open' : 'closed'}} </mat-panel-description>\n                </mat-expansion-panel-header>\n                <p>I'm visible because I am open</p>\n            </mat-expansion-panel>\n        </mat-accordion>\n    </mat-card-content>\n</mat-card>\n\n\n\n<mat-card>\n    <mat-card-content>\n    <mat-card-title>Accordion</mat-card-title>\n    <mat-card-subtitle>Expansion panel</mat-card-subtitle>\n\n        <mat-accordion class=\"example-headers-align\">\n            <mat-expansion-panel [expanded]=\"step === 0\" (opened)=\"setStep(0)\" hideToggle=\"true\">\n                <mat-expansion-panel-header>\n                    <mat-panel-title> Personal data </mat-panel-title>\n                    <mat-panel-description> Type your name and age\n                        <mat-icon>account_circle</mat-icon>\n                    </mat-panel-description>\n                </mat-expansion-panel-header>\n                <mat-form-field>\n                    <input matInput placeholder=\"First name\">\n                </mat-form-field>\n                <mat-form-field>\n                    <input matInput type=\"number\" min=\"1\" placeholder=\"Age\"> </mat-form-field>\n                <mat-action-row>\n                    <button mat-button color=\"primary\" (click)=\"nextStep()\">Next</button>\n                </mat-action-row>\n            </mat-expansion-panel>\n            <mat-expansion-panel [expanded]=\"step === 1\" (opened)=\"setStep(1)\" hideToggle=\"true\">\n                <mat-expansion-panel-header>\n                    <mat-panel-title> Destination </mat-panel-title>\n                    <mat-panel-description> Type the country name\n                        <mat-icon>map</mat-icon>\n                    </mat-panel-description>\n                </mat-expansion-panel-header>\n                <mat-form-field>\n                    <input matInput placeholder=\"Country\"> </mat-form-field>\n                <mat-action-row>\n                    <button mat-button color=\"warn\" (click)=\"prevStep()\">Previous</button>\n                    <button mat-button color=\"primary\" (click)=\"nextStep()\">Next</button>\n                </mat-action-row>\n            </mat-expansion-panel>\n            <mat-expansion-panel [expanded]=\"step === 2\" (opened)=\"setStep(2)\" hideToggle=\"true\">\n                <mat-expansion-panel-header>\n                    <mat-panel-title> Day of the trip </mat-panel-title>\n                    <mat-panel-description> Inform the date you wish to travel\n                        <mat-icon>date_range</mat-icon>\n                    </mat-panel-description>\n                </mat-expansion-panel-header>\n                <mat-form-field>\n                    <input matInput placeholder=\"Date\" [matDatepicker]=\"picker\" (focus)=\"picker.open()\" readonly> </mat-form-field>\n                <mat-datepicker #picker></mat-datepicker>\n                <mat-action-row>\n                    <button mat-button color=\"warn\" (click)=\"prevStep()\">Previous</button>\n                    <button mat-button color=\"primary\" (click)=\"nextStep()\">End</button>\n                </mat-action-row>\n            </mat-expansion-panel>\n        </mat-accordion>\n    </mat-card-content>\n</mat-card>\n"

/***/ }),

/***/ "./src/app/material-component/expansion/expansion.component.scss":
/*!***********************************************************************!*\
  !*** ./src/app/material-component/expansion/expansion.component.scss ***!
  \***********************************************************************/
/*! no static exports found */
/***/ (function(module, exports) {

module.exports = ".example-headers-align .mat-expansion-panel-header-title,\n.example-headers-align .mat-expansion-panel-header-description {\n  flex-basis: 0; }\n\n.example-headers-align .mat-expansion-panel-header-description {\n  justify-content: space-between;\n  align-items: center; }\n"

/***/ }),

/***/ "./src/app/material-component/expansion/expansion.component.ts":
/*!*********************************************************************!*\
  !*** ./src/app/material-component/expansion/expansion.component.ts ***!
  \*********************************************************************/
/*! exports provided: ExpansionComponent */
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ExpansionComponent", function() { return ExpansionComponent; });
/* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @angular/core */ "./node_modules/@angular/core/fesm5/core.js");
var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
    return c > 3 && r && Object.defineProperty(target, key, r), r;
};

/***/ }),

/***/ "./src/app/material-component/grid/grid.component.html":
/*!*************************************************************!*\
  !*** ./src/app/material-component/grid/grid.component.html ***!
  \*************************************************************/
/*! no static exports found */
/***/ (function(module, exports) {

/***/ }),

/***/ "./src/app/material-component/grid/grid.component.scss":
/*!*************************************************************!*\
  !*** ./src/app/material-component/grid/grid.component.scss ***!
  \*************************************************************/
/*! no static exports found */
/***/ (function(module, exports) {

module.exports = "mat-grid-tile {\n  background: lightblue; }\n"

/***/ }),

/***/ "./src/app/material-component/grid/grid.component.ts":
/*!***********************************************************!*\
  !*** ./src/app/material-component/grid/grid.component.ts ***!
  \***********************************************************/
/*! exports provided: GridComponent */
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "GridComponent", function() { return GridComponent; });
/* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @angular/core */ "./node_modules/@angular/core/fesm5/core.js");
var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
    return c > 3 && r && Object.defineProperty(target, key, r), r;
};

/***/ }),

/***/ "./src/app/material-component/lists/lists.component.html":
/*!***************************************************************!*\
  !*** ./src/app/material-component/lists/lists.component.html ***!
  \***************************************************************/
/*! no static exports found */
/***/ (function(module, exports) {

module.exports = "\n\n\n<div fxLayout=\"row\">\n    <div fxFlex.gt-sm=\"100%\" >\n        <mat-card>\n            <mat-card-content>\n              <mat-card-title>Basic list</mat-card-title>\n              <mat-card-subtitle><code>&lt;mat-list&gt;</code> is a container component that wraps and formats a series of line items. As the base list component, it provides Material Design styling, but no behavior of its own.<code><a href=\"https://material.angular.io/components/list/overview\">Official Doc here</a></code></mat-card-subtitle>\n              <mat-list role=\"list\">\n                <mat-list-item role=\"listitem\">Item 1</mat-list-item>\n                <mat-list-item role=\"listitem\">Item 2</mat-list-item>\n                <mat-list-item role=\"listitem\">Item 3</mat-list-item>\n              </mat-list>\n            </mat-card-content>        \n        </mat-card>\n    </div>\n</div>\n\n\n\n<div fxLayout=\"row\">\n    <div fxFlex.gt-sm=\"50%\" >\n        <mat-card>\n            <mat-card-content>\n              <mat-card-title>List with selection</mat-card-title>\n              <mat-card-subtitle>A selection list provides an interface for selecting values, where each list item is an option.</mat-card-subtitle>\n              <mat-selection-list #shoes>\n                 <mat-list-option *ngFor=\"let shoe of typesOfShoes\">\n                    {{shoe}}\n                 </mat-list-option>\n              </mat-selection-list>\n              <p>\n                  Options selected: {{shoes.selectedOptions.selected.length}}\n              </p>    \n            </mat-card-content>        \n        </mat-card>\n    </div>\n    <div fxFlex.gt-sm=\"50%\" >\n        <mat-card>\n            <mat-card-content>\n              <mat-card-title>Multiline lists</mat-card-title>\n              <mat-card-subtitle>A selection list provides an interface for selecting values, where each list item is an option.</mat-card-subtitle>\n              <mat-list>\n                <mat-list-item *ngFor=\"let message of messages\">\n                  <h3 matLine>{{message.from}}</h3>\n                  <p matLine class=\"text-muted\">{{message.subject}}</p>\n                  <p matLine class=\"text-muted\">{{message.content}}</p>    \n                </mat-list-item>\n              </mat-list>    \n            </mat-card-content>        \n        </mat-card>\n    </div>\n</div>\n\n\n\n<div fxLayout=\"row\">\n    <div fxFlex.gt-sm=\"100%\" >\n        <mat-card>\n            <mat-card-content>\n              <mat-card-title>Multiline lists</mat-card-title>\n              <mat-card-subtitle>A selection list provides an interface for selecting values, where each list item is an option.</mat-card-subtitle>\n              <mat-list>\n                <mat-list-item *ngFor=\"let message of messages\">\n                  <img mat-list-avatar [src]=\"message.image\" alt=\"Image of {{message.from}}\">    \n                  <h3 matLine>{{message.from}}</h3>\n                  <p matLine class=\"text-muted\">{{message.content}}</p>     \n                </mat-list-item>\n              </mat-list>    \n            </mat-card-content>        \n        </mat-card>\n    </div>\n</div> \n\n\n\n<div fxLayout=\"row\">\n    <div fxFlex.gt-sm=\"100%\" >\n        <mat-card>\n            <mat-card-content class=\"p-b-0 m-b-0\">\n              <mat-card-title>List with sections</mat-card-title>\n              <mat-card-subtitle>A selection list provides an interface for selecting values, where each list item is an option.</mat-card-subtitle>\n            </mat-card-content>   \n                <mat-list>\n                <mat-card-content class=\"p-t-0\">    \n                  <h3 mat-subheader>Folders</h3>\n                  <mat-list-item *ngFor=\"let folder of folders\">\n                    <mat-icon mat-list-icon>folder</mat-icon>\n                    <h4 mat-line>{{folder.name}}</h4>\n                    <p mat-line> {{folder.updated | date}} </p>\n                  </mat-list-item>\n                </mat-card-content>   \n                   \n                  <mat-divider></mat-divider>\n                <mat-card-content>    \n                  <h3 mat-subheader>Notes</h3>\n                  <mat-list-item *ngFor=\"let note of notes\">\n                    <mat-icon mat-list-icon>note</mat-icon>\n                    <h4 mat-line>{{note.name}}</h4>\n                    <p mat-line> {{note.updated | date}} </p>\n                  </mat-list-item>\n                </mat-card-content>      \n                </mat-list>    \n                  \n        </mat-card>\n    </div>\n</div>"

/***/ }),

/***/ "./src/app/material-component/lists/lists.component.scss":
/*!***************************************************************!*\
  !*** ./src/app/material-component/lists/lists.component.scss ***!
  \***************************************************************/
/*! no static exports found */
/***/ (function(module, exports) {

module.exports = ""

/***/ }),

/***/ "./src/app/material-component/lists/lists.component.ts":
/*!*************************************************************!*\
  !*** ./src/app/material-component/lists/lists.component.ts ***!
  \*************************************************************/
/*! exports provided: ListsComponent */
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ListsComponent", function() { return ListsComponent; });
/* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @angular/core */ "./node_modules/@angular/core/fesm5/core.js");
var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
    return c > 3 && r && Object.defineProperty(target, key, r), r;
};

/***/ }),

/***/ "./src/app/material-component/material.module.ts":
/*!*******************************************************!*\
  !*** ./src/app/material-component/material.module.ts ***!
  \*******************************************************/
/*! exports provided: MaterialComponentsModule */
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "MaterialComponentsModule", function() { return MaterialComponentsModule; });
/* harmony import */ var hammerjs__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! hammerjs */ "./node_modules/hammerjs/hammer.js");
/* harmony import */ var hammerjs__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(hammerjs__WEBPACK_IMPORTED_MODULE_0__);
/* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @angular/core */ "./node_modules/@angular/core/fesm5/core.js");
/* harmony import */ var _angular_router__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @angular/router */ "./node_modules/@angular/router/fesm5/router.js");
/* harmony import */ var _angular_common_http__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @angular/common/http */ "./node_modules/@angular/common/fesm5/http.js");
/* harmony import */ var _angular_common__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @angular/common */ "./node_modules/@angular/common/fesm5/common.js");
/* harmony import */ var _demo_material_module__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../demo-material-module */ "./src/app/demo-material-module.ts");
/* harmony import */ var _angular_cdk_table__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! @angular/cdk/table */ "./node_modules/@angular/cdk/esm5/table.es5.js");
/* harmony import */ var _angular_forms__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! @angular/forms */ "./node_modules/@angular/forms/fesm5/forms.js");
/* harmony import */ var _angular_flex_layout__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! @angular/flex-layout */ "./node_modules/@angular/flex-layout/esm5/flex-layout.es5.js");
/* harmony import */ var _material_routing__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./material.routing */ "./src/app/material-component/material.routing.ts");
/* harmony import */ var _buttons_buttons_component__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./buttons/buttons.component */ "./src/app/material-component/buttons/buttons.component.ts");
/* harmony import */ var _grid_grid_component__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./grid/grid.component */ "./src/app/material-component/grid/grid.component.ts");
/* harmony import */ var _lists_lists_component__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ./lists/lists.component */ "./src/app/material-component/lists/lists.component.ts");
/* harmony import */ var _menu_menu_component__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ./menu/menu.component */ "./src/app/material-component/menu/menu.component.ts");
/* harmony import */ var _tabs_tabs_component__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ./tabs/tabs.component */ "./src/app/material-component/tabs/tabs.component.ts");
/* harmony import */ var _stepper_stepper_component__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ./stepper/stepper.component */ "./src/app/material-component/stepper/stepper.component.ts");
/* harmony import */ var _expansion_expansion_component__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! ./expansion/expansion.component */ "./src/app/material-component/expansion/expansion.component.ts");
/* harmony import */ var _chips_chips_component__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! ./chips/chips.component */ "./src/app/material-component/chips/chips.component.ts");
/* harmony import */ var _toolbar_toolbar_component__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(/*! ./toolbar/toolbar.component */ "./src/app/material-component/toolbar/toolbar.component.ts");
/* harmony import */ var _progress_snipper_progress_snipper_component__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(/*! ./progress-snipper/progress-snipper.component */ "./src/app/material-component/progress-snipper/progress-snipper.component.ts");
/* harmony import */ var _progress_progress_component__WEBPACK_IMPORTED_MODULE_20__ = __webpack_require__(/*! ./progress/progress.component */ "./src/app/material-component/progress/progress.component.ts");
/* harmony import */ var _dialog_dialog_component__WEBPACK_IMPORTED_MODULE_21__ = __webpack_require__(/*! ./dialog/dialog.component */ "./src/app/material-component/dialog/dialog.component.ts");
/* harmony import */ var _tooltip_tooltip_component__WEBPACK_IMPORTED_MODULE_22__ = __webpack_require__(/*! ./tooltip/tooltip.component */ "./src/app/material-component/tooltip/tooltip.component.ts");
/* harmony import */ var _snackbar_snackbar_component__WEBPACK_IMPORTED_MODULE_23__ = __webpack_require__(/*! ./snackbar/snackbar.component */ "./src/app/material-component/snackbar/snackbar.component.ts");
/* harmony import */ var _slider_slider_component__WEBPACK_IMPORTED_MODULE_24__ = __webpack_require__(/*! ./slider/slider.component */ "./src/app/material-component/slider/slider.component.ts");
/* harmony import */ var _slide_toggle_slide_toggle_component__WEBPACK_IMPORTED_MODULE_25__ = __webpack_require__(/*! ./slide-toggle/slide-toggle.component */ "./src/app/material-component/slide-toggle/slide-toggle.component.ts");
/* harmony import */ var _slot_slot_component__WEBPACK_IMPORTED_MODULE_26__ = __webpack_require__(/*! ./slot/slot.component */ "./src/app/material-component/slot/slot.component.ts");
/* harmony import */ var _userinfo_userinfo_component__WEBPACK_IMPORTED_MODULE_27__ = __webpack_require__(/*! ./userinfo/userinfo.component */ "./src/app/material-component/userinfo/userinfo.component.ts");
/* harmony import */ var _poker_poker_component__WEBPACK_IMPORTED_MODULE_28__ = __webpack_require__(/*! ./poker/poker.component */ "./src/app/material-component/poker/poker.component.ts");
/* harmony import */ var _prize_prize_component__WEBPACK_IMPORTED_MODULE_29__ = __webpack_require__(/*! ./prize/prize.component */ "./src/app/material-component/prize/prize.component.ts");
var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
    return c > 3 && r && Object.defineProperty(target, key, r), r;
};

/***/ }),

/***/ "./src/app/material-component/material.routing.ts":
/*!********************************************************!*\
  !*** ./src/app/material-component/material.routing.ts ***!
  \********************************************************/
/*! exports provided: MaterialRoutes */
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "MaterialRoutes", function() { return MaterialRoutes; });
/* harmony import */ var _buttons_buttons_component__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./buttons/buttons.component */ "./src/app/material-component/buttons/buttons.component.ts");
/* harmony import */ var _grid_grid_component__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./grid/grid.component */ "./src/app/material-component/grid/grid.component.ts");
/* harmony import */ var _lists_lists_component__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./lists/lists.component */ "./src/app/material-component/lists/lists.component.ts");
/* harmony import */ var _menu_menu_component__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./menu/menu.component */ "./src/app/material-component/menu/menu.component.ts");
/* harmony import */ var _tabs_tabs_component__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./tabs/tabs.component */ "./src/app/material-component/tabs/tabs.component.ts");
/* harmony import */ var _stepper_stepper_component__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./stepper/stepper.component */ "./src/app/material-component/stepper/stepper.component.ts");
/* harmony import */ var _expansion_expansion_component__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./expansion/expansion.component */ "./src/app/material-component/expansion/expansion.component.ts");
/* harmony import */ var _chips_chips_component__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./chips/chips.component */ "./src/app/material-component/chips/chips.component.ts");
/* harmony import */ var _toolbar_toolbar_component__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./toolbar/toolbar.component */ "./src/app/material-component/toolbar/toolbar.component.ts");
/* harmony import */ var _progress_snipper_progress_snipper_component__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./progress-snipper/progress-snipper.component */ "./src/app/material-component/progress-snipper/progress-snipper.component.ts");
/* harmony import */ var _progress_progress_component__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./progress/progress.component */ "./src/app/material-component/progress/progress.component.ts");
/* harmony import */ var _dialog_dialog_component__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./dialog/dialog.component */ "./src/app/material-component/dialog/dialog.component.ts");
/* harmony import */ var _tooltip_tooltip_component__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ./tooltip/tooltip.component */ "./src/app/material-component/tooltip/tooltip.component.ts");
/* harmony import */ var _snackbar_snackbar_component__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ./snackbar/snackbar.component */ "./src/app/material-component/snackbar/snackbar.component.ts");
/* harmony import */ var _slider_slider_component__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ./slider/slider.component */ "./src/app/material-component/slider/slider.component.ts");
/* harmony import */ var _slide_toggle_slide_toggle_component__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ./slide-toggle/slide-toggle.component */ "./src/app/material-component/slide-toggle/slide-toggle.component.ts");
/* harmony import */ var _slot_slot_component__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! ./slot/slot.component */ "./src/app/material-component/slot/slot.component.ts");
/* harmony import */ var _userinfo_userinfo_component__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! ./userinfo/userinfo.component */ "./src/app/material-component/userinfo/userinfo.component.ts");
/* harmony import */ var _poker_poker_component__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(/*! ./poker/poker.component */ "./src/app/material-component/poker/poker.component.ts");
/* harmony import */ var _prize_prize_component__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(/*! ./prize/prize.component */ "./src/app/material-component/prize/prize.component.ts");

var MaterialRoutes = [
    {
        path: 'slots',
        component: _slot_slot_component__WEBPACK_IMPORTED_MODULE_16__["SlotComponent"]
    },
    {
        path: 'button',
        component: _buttons_buttons_component__WEBPACK_IMPORTED_MODULE_0__["ButtonsComponent"]
    }, {
        path: 'grid',
        component: _grid_grid_component__WEBPACK_IMPORTED_MODULE_1__["GridComponent"]
    }, {
        path: 'lists',
        component: _lists_lists_component__WEBPACK_IMPORTED_MODULE_2__["ListsComponent"]
    }, {
        path: 'menu',
        component: _menu_menu_component__WEBPACK_IMPORTED_MODULE_3__["MenuComponent"]
    }, {
        path: 'tabs',
        component: _tabs_tabs_component__WEBPACK_IMPORTED_MODULE_4__["TabsComponent"]
    }, {
        path: 'stepper',
        component: _stepper_stepper_component__WEBPACK_IMPORTED_MODULE_5__["StepperComponent"]
    }, {
        path: 'expansion',
        component: _expansion_expansion_component__WEBPACK_IMPORTED_MODULE_6__["ExpansionComponent"]
    }, {
        path: 'chips',
        component: _chips_chips_component__WEBPACK_IMPORTED_MODULE_7__["ChipsComponent"]
    }, {
        path: 'toolbar',
        component: _toolbar_toolbar_component__WEBPACK_IMPORTED_MODULE_8__["ToolbarComponent"]
    }, {
        path: 'progress-snipper',
        component: _progress_snipper_progress_snipper_component__WEBPACK_IMPORTED_MODULE_9__["ProgressSnipperComponent"]
    }, {
        path: 'progress',
        component: _progress_progress_component__WEBPACK_IMPORTED_MODULE_10__["ProgressComponent"]
    }, {
        path: 'dialog',
        component: _dialog_dialog_component__WEBPACK_IMPORTED_MODULE_11__["DialogComponent"]
    }, {
        path: 'tooltip',
        component: _tooltip_tooltip_component__WEBPACK_IMPORTED_MODULE_12__["TooltipComponent"]
    }, {
        path: 'snackbar',
        component: _snackbar_snackbar_component__WEBPACK_IMPORTED_MODULE_13__["SnackbarComponent"]
    }, {
        path: 'slider',
        component: _slider_slider_component__WEBPACK_IMPORTED_MODULE_14__["SliderComponent"]
    }, {
        path: 'slide-toggle',
        component: _slide_toggle_slide_toggle_component__WEBPACK_IMPORTED_MODULE_15__["SlideToggleComponent"]
    }, {
        path: 'user-info',
        component: _userinfo_userinfo_component__WEBPACK_IMPORTED_MODULE_17__["UserinfoComponent"]
    },
    {
        path: 'poker',
        component: _poker_poker_component__WEBPACK_IMPORTED_MODULE_18__["PokerComponent"]
    },
    {
        path: 'prize',
        component: _prize_prize_component__WEBPACK_IMPORTED_MODULE_19__["PrizeComponent"]
    }
];

/***/ }),

/***/ "./src/app/material-component/menu/menu.component.html":
/*!*************************************************************!*\
  !*** ./src/app/material-component/menu/menu.component.html ***!
  \*************************************************************/
/*! no static exports found */
/***/ (function(module, exports) {

module.exports = "\n\n\n<div fxLayout=\"row\" fxLayoutWrap=\"wrap\">\n    \n    <div fxFlex.gt-sm=\"100%\" fxFlex=\"100\">\n        <mat-card>\n            <mat-card-content>\n                <mat-card-title>Basic menu</mat-card-title>\n                <mat-card-subtitle><code>&lt;mat-menu&gt;</code> is a floating panel containing list of options.</mat-card-subtitle>\n                <button mat-button [matMenuTriggerFor]=\"menu\">Menu</button>\n                <mat-menu #menu=\"matMenu\">\n                  <button mat-menu-item>Item 1</button>\n                  <button mat-menu-item>Item 2</button>\n                </mat-menu>\n            </mat-card-content>    \n       </mat-card>\n       <mat-card>\n            <mat-card-content>\n                <mat-card-title>On icon menu</mat-card-title>\n                <mat-card-subtitle><code>&lt;mat-menu&gt;</code> is a floating panel containing list of options.</mat-card-subtitle>\n                <button mat-icon-button [matMenuTriggerFor]=\"menu2\"><mat-icon>menu</mat-icon></button>\n                <mat-menu #menu2=\"matMenu\">\n                  <button mat-menu-item>Item 1</button>\n                  <button mat-menu-item>Item 2</button>\n                </mat-menu>\n            </mat-card-content>    \n       </mat-card>\n       <mat-card>\n            <mat-card-content>\n                <mat-card-title>Nested menu</mat-card-title>\n                <mat-card-subtitle><code>&lt;mat-menu&gt;</code> is a floating panel containing list of options.</mat-card-subtitle>\n                <button mat-raised-button color=\"accent\" [matMenuTriggerFor]=\"animals\">Animal index</button>\n\n                <mat-menu #animals=\"matMenu\">\n                  <button mat-menu-item [matMenuTriggerFor]=\"vertebrates\">Vertebrates</button>\n                  <button mat-menu-item [matMenuTriggerFor]=\"invertebrates\">Invertebrates</button>\n                </mat-menu>\n\n                <mat-menu #vertebrates=\"matMenu\">\n                  <button mat-menu-item [matMenuTriggerFor]=\"fish\">Fishes</button>\n                  <button mat-menu-item [matMenuTriggerFor]=\"amphibians\">Amphibians</button>\n                  <button mat-menu-item [matMenuTriggerFor]=\"reptiles\">Reptiles</button>\n                  <button mat-menu-item>Birds</button>\n                  <button mat-menu-item>Mammals</button>\n                </mat-menu>\n\n                <mat-menu #invertebrates=\"matMenu\">\n                  <button mat-menu-item>Insects</button>\n                  <button mat-menu-item>Molluscs</button>\n                  <button mat-menu-item>Crustaceans</button>\n                  <button mat-menu-item>Corals</button>\n                  <button mat-menu-item>Arachnids</button>\n                  <button mat-menu-item>Velvet worms</button>\n                  <button mat-menu-item>Horseshoe crabs</button>\n                </mat-menu>\n\n                <mat-menu #fish=\"matMenu\">\n                  <button mat-menu-item>Baikal oilfish</button>\n                  <button mat-menu-item>Bala shark</button>\n                  <button mat-menu-item>Ballan wrasse</button>\n                  <button mat-menu-item>Bamboo shark</button>\n                  <button mat-menu-item>Banded killifish</button>\n                </mat-menu>\n\n                <mat-menu #amphibians=\"matMenu\">\n                  <button mat-menu-item>Sonoran desert toad</button>\n                  <button mat-menu-item>Western toad</button>\n                  <button mat-menu-item>Arroyo toad</button>\n                  <button mat-menu-item>Yosemite toad</button>\n                </mat-menu>\n\n                <mat-menu #reptiles=\"matMenu\">\n                  <button mat-menu-item>Banded Day Gecko</button>\n                  <button mat-menu-item>Banded Gila Monster</button>\n                  <button mat-menu-item>Black Tree Monitor</button>\n                  <button mat-menu-item>Blue Spiny Lizard</button>\n                  <button mat-menu-item disabled>Velociraptor</button>\n                </mat-menu>\n            </mat-card-content>    \n       </mat-card>\n        <mat-card>\n            <mat-card-content>\n                <mat-card-title>With icon menu</mat-card-title>\n                <mat-card-subtitle><code>&lt;mat-menu&gt;</code> is a floating panel containing list of options.</mat-card-subtitle>\n                <button mat-icon-button [matMenuTriggerFor]=\"menu4\">\n                  <mat-icon>more_vert</mat-icon>\n                </button>\n                <mat-menu #menu4=\"matMenu\">\n                  <button mat-menu-item>\n                    <mat-icon>dialpad</mat-icon>\n                    <span>Redial</span>\n                  </button>\n                  <button mat-menu-item disabled>\n                    <mat-icon>voicemail</mat-icon>\n                    <span>Check voicemail</span>\n                  </button>\n                  <button mat-menu-item>\n                    <mat-icon>notifications_off</mat-icon>\n                    <span>Disable alerts</span>\n                  </button>\n                </mat-menu>\n            </mat-card-content>    \n       </mat-card>\n    </div>    \n</div>    "

/***/ }),

/***/ "./src/app/material-component/menu/menu.component.scss":
/*!*************************************************************!*\
  !*** ./src/app/material-component/menu/menu.component.scss ***!
  \*************************************************************/
/*! no static exports found */
/***/ (function(module, exports) {

module.exports = ""

/***/ }),

/***/ "./src/app/material-component/menu/menu.component.ts":
/*!***********************************************************!*\
  !*** ./src/app/material-component/menu/menu.component.ts ***!
  \***********************************************************/
/*! exports provided: MenuComponent */
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "MenuComponent", function() { return MenuComponent; });
/* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @angular/core */ "./node_modules/@angular/core/fesm5/core.js");
var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
    return c > 3 && r && Object.defineProperty(target, key, r), r;
};

/***/ }),

/***/ "./src/app/material-component/poker/poker.component.html":
/*!***************************************************************!*\
  !*** ./src/app/material-component/poker/poker.component.html ***!
  \***************************************************************/
/*! no static exports found */
/***/ (function(module, exports) {

module.exports = "<div fxLayout=\"row\" fxLayoutWrap=\"wrap\">\n  \n  <div fxFlex.gt-sm=\"100\" fxFlex.gt-xs=\"100\" fxFlex=\"100\">\n    <img class=\"img-banner-slots\" src=\"./assets/images/poker3.jpg\">\n    <mat-card>\n      <mat-card-content>\n        <div fxLayout=\"row\" fxLayoutWrap=\"wrap\" class=\"container-page-content\">\n          \n          <div fxFlex.gt-sm=\"100\" fxFlex.gt-xs=\"100\">\n            <div class=\"container-info\">\n              <p>Il poker è giocato in una moltitudine di specialità e varianti, ma tutte seguono una medesima logica di gioco. Le carte vengono distribuite in senso orario e allo stesso modo cambia il mazziere (dealer). Egli viene generalmente segnalato con un bottone che diventa unico elemento per identificarlo e determinare, quindi, le puntate obbligatorie o i turni di gioco.<br> Per ogni mano uno o più giocatori devono porre una puntata obbligatoria (cip) che serve alla creazione di un piatto iniziale che i giocatori potranno contendersi. Il mazziere distribuisce le carte, coperte o scoperte, in base alle regole della specialità giocata.</p>\n            </div>\n            <mat-divider [inset]=\"true\"></mat-divider>\n            <div class=\"container-details\">\n              <a class=\"p-details-slot\" href=\"#\">Regole del gioco</a><span class=\"icon-details\"><mat-icon>class</mat-icon></span>\n            </div>\n            <div class=\"container-details\">\n              <a class=\"p-details-slot\" href=\"#\">Video Link</a><span class=\"icon-details\"><mat-icon>play_circle_outline</mat-icon></span>\n            </div>\n          </div>\n        </div>\n      </mat-card-content>\n    </mat-card>\n  </div>\n  \n</div>\n"

/***/ }),

/***/ "./src/app/material-component/poker/poker.component.scss":
/*!***************************************************************!*\
  !*** ./src/app/material-component/poker/poker.component.scss ***!
  \***************************************************************/
/*! no static exports found */
/***/ (function(module, exports) {

module.exports = ".img-banner-slots {\n  width: 100%;\n  height: 23vh; }\n\np.p-details-slot {\n  text-align: right; }\n\ndiv.container-page-content {\n  height: 100%; }\n\ndiv.container-details {\n  text-align: right;\n  margin: 3% auto 3% auto; }\n\ndiv.container-info {\n  height: 75%;\n  overflow: scroll; }\n\nspan.icon-details {\n  display: inline-flex;\n  vertical-align: middle;\n  margin-left: 3%; }\n\nmat-card-content {\n  height: 66vh; }\n"

/***/ }),

/***/ "./src/app/material-component/poker/poker.component.ts":
/*!*************************************************************!*\
  !*** ./src/app/material-component/poker/poker.component.ts ***!
  \*************************************************************/
/*! exports provided: PokerComponent */
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "PokerComponent", function() { return PokerComponent; });
/* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @angular/core */ "./node_modules/@angular/core/fesm5/core.js");
var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
    return c > 3 && r && Object.defineProperty(target, key, r), r;
};
var __metadata = (undefined && undefined.__metadata) || function (k, v) {
    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
};

/***/ }),

/***/ "./src/app/material-component/prize/prize.component.html":
/*!***************************************************************!*\
  !*** ./src/app/material-component/prize/prize.component.html ***!
  \***************************************************************/
/*! no static exports found */
/***/ (function(module, exports) {

module.exports = "<div fxLayout=\"row\" fxLayoutWrap=\"wrap\">\n  \n  <div fxFlex.gt-sm=\"100\" fxFlex.gt-xs=\"100\" fxFlex=\"100\">\n    <mat-card>\n      <mat-card-content>\n        <div fxLayout=\"row\" fxLayoutWrap=\"wrap\" class=\"container-page-content\">\n          \n          <div fxFlex.gt-sm=\"100\" fxFlex.gt-xs=\"100\">\n            <h1>Complimenti!</h1>\n            <div class=\"image-prize-container\">\n              <img src=\"./assets/images/festival.png\">\n            </div>\n            <p>\n              Hai vinto un premio esclusivo per la tua fedeltà al Casinò di Mendrisio!<br><br> Mostra il <b>codice QR</b> all'operatore del Casinò per ritirarlo!\n            </p>\n            <div class=\"image-qrcode-container\">\n              <img src='https://chart.googleapis.com/chart?cht=qr&chl=COD%3A139142F%0AP%3A%20Champagne%20&chs=180x180&choe=UTF-8&chld=L|2' rel='nofollow' alt='qr code'>\n            </div>\n          </div>\n        </div>\n      </mat-card-content>\n    </mat-card>\n  </div>\n  \n</div>\n"

/***/ }),

/***/ "./src/app/material-component/prize/prize.component.scss":
/*!***************************************************************!*\
  !*** ./src/app/material-component/prize/prize.component.scss ***!
  \***************************************************************/
/*! no static exports found */
/***/ (function(module, exports) {

module.exports = "h1 {\n  text-align: center; }\n\ndiv.image-qrcode-container {\n  text-align: center; }\n\ndiv.image-prize-container {\n  text-align: center; }\n"

/***/ }),

/***/ "./src/app/material-component/prize/prize.component.ts":
/*!*************************************************************!*\
  !*** ./src/app/material-component/prize/prize.component.ts ***!
  \*************************************************************/
/*! exports provided: PrizeComponent */
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "PrizeComponent", function() { return PrizeComponent; });
/* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @angular/core */ "./node_modules/@angular/core/fesm5/core.js");
var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
    return c > 3 && r && Object.defineProperty(target, key, r), r;
};
var __metadata = (undefined && undefined.__metadata) || function (k, v) {
    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
};

/***/ }),

/***/ "./src/app/material-component/progress-snipper/progress-snipper.component.html":
/*!*************************************************************************************!*\
  !*** ./src/app/material-component/progress-snipper/progress-snipper.component.html ***!
  \*************************************************************************************/
/*! no static exports found */
/***/ (function(module, exports) {

/***/ }),

/***/ "./src/app/material-component/progress-snipper/progress-snipper.component.scss":
/*!*************************************************************************************!*\
  !*** ./src/app/material-component/progress-snipper/progress-snipper.component.scss ***!
  \*************************************************************************************/
/*! no static exports found */
/***/ (function(module, exports) {

module.exports = ""

/***/ }),

/***/ "./src/app/material-component/progress-snipper/progress-snipper.component.ts":
/*!***********************************************************************************!*\
  !*** ./src/app/material-component/progress-snipper/progress-snipper.component.ts ***!
  \***********************************************************************************/
/*! exports provided: ProgressSnipperComponent */
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ProgressSnipperComponent", function() { return ProgressSnipperComponent; });
/* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @angular/core */ "./node_modules/@angular/core/fesm5/core.js");
var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
    return c > 3 && r && Object.defineProperty(target, key, r), r;
};

/***/ }),

/***/ "./src/app/material-component/progress/progress.component.html":
/*!*********************************************************************!*\
  !*** ./src/app/material-component/progress/progress.component.html ***!
  \*********************************************************************/
/*! no static exports found */
/***/ (function(module, exports) {

module.exports = "\n\n\n<div fxLayout=\"row\">\n    <div fxFlex.gt-sm=\"100%\" >\n        <mat-card>\n            <mat-card-content>\n              <mat-card-title>Determinate progress-bar</mat-card-title>\n              <mat-card-subtitle><code>&lt;mat-progress-bar mode=\"determinate\"&gt;</code> is a horizontal progress-bar for indicating progress and activity.</mat-card-subtitle>\n              <mat-progress-bar mode=\"determinate\" value=\"40\"></mat-progress-bar>  \n            </mat-card-content>        \n        </mat-card>\n    </div> \n</div>\n\n\n\n<div fxLayout=\"row\">\n    <div fxFlex.gt-sm=\"100%\" >\n        <mat-card>\n            <mat-card-content>\n              <mat-card-title>Indeterminate progress-bar</mat-card-title>\n              <mat-card-subtitle><code>&lt;mat-progress-bar mode=\"indeterminate\"&gt;</code> is a horizontal progress-bar for indicating progress and activity.</mat-card-subtitle>\n              <mat-progress-bar mode=\"indeterminate\" value=\"40\"></mat-progress-bar>  \n            </mat-card-content>        \n        </mat-card>\n    </div> \n</div>\n\n\n\n<div fxLayout=\"row\">\n    <div fxFlex.gt-sm=\"100%\" >\n        <mat-card>\n            <mat-card-content>\n              <mat-card-title>Buffer progress-bar</mat-card-title>\n              <mat-card-subtitle><code>&lt;mat-progress-bar mode=\"buffer\"&gt;</code> is a horizontal progress-bar for indicating progress and activity.</mat-card-subtitle>\n              <mat-progress-bar mode=\"buffer\"></mat-progress-bar>  \n            </mat-card-content>        \n        </mat-card>\n    </div> \n</div>\n\n\n\n<div fxLayout=\"row\">\n    <div fxFlex.gt-sm=\"100%\" >\n        <mat-card>\n            <mat-card-content>\n              <mat-card-title>Query  progress-bar</mat-card-title>\n              <mat-card-subtitle><code>&lt;mat-progress-bar mode=\"query\"&gt;</code> is a horizontal progress-bar for indicating progress and activity.</mat-card-subtitle>\n              <mat-progress-bar mode=\"query\"></mat-progress-bar>  \n            </mat-card-content>        \n        </mat-card>\n    </div> \n</div>\n\n\n\n<div fxLayout=\"row\">\n    <div fxFlex.gt-sm=\"100%\" >\n        <mat-card>\n            <mat-card-content>\n              <mat-card-title>Colored  progress-bar</mat-card-title>\n              <mat-card-subtitle><code>&lt;mat-progress-bar mode=\"determinate\"&gt;</code> is a horizontal progress-bar for indicating progress and activity.</mat-card-subtitle>\n              <mat-progress-bar mode=\"determinate\" value=\"40\" color=\"primary\"></mat-progress-bar><br/>  \n              <mat-progress-bar mode=\"determinate\" value=\"80\" color=\"accent\"></mat-progress-bar><br/>  \n              <mat-progress-bar mode=\"determinate\" value=\"20\" color=\"warn\"></mat-progress-bar>      \n            </mat-card-content>        \n        </mat-card>\n    </div> \n</div>\n\n\n\n<div fxLayout=\"row\">\n    <div fxFlex.gt-sm=\"100%\" >\n        <mat-card>\n            <mat-card-content>\n              <mat-card-title>Configurable   progress-bar</mat-card-title>\n              <mat-card-subtitle><code>&lt;mat-progress-bar mode=\"query\"&gt;</code> is a horizontal progress-bar for indicating progress and activity.</mat-card-subtitle>\n              <section class=\"example-section\">\n                  <label class=\"example-margin\">Color:</label>\n                  <mat-radio-group [(ngModel)]=\"color\">\n                    <mat-radio-button class=\"example-margin\" value=\"primary\">\n                      Primary\n                    </mat-radio-button>\n                    <mat-radio-button class=\"example-margin\" value=\"accent\">\n                      Accent\n                    </mat-radio-button>\n                    <mat-radio-button class=\"example-margin\" value=\"warn\">\n                      Warn\n                    </mat-radio-button>\n                  </mat-radio-group>\n                </section>\n                <br/>\n                <section class=\"example-section\">\n                  <label class=\"example-margin\">Mode:</label>\n                  <mat-radio-group [(ngModel)]=\"mode\">\n                    <mat-radio-button class=\"example-margin\" value=\"determinate\">\n                      Determinate\n                    </mat-radio-button>\n                    <mat-radio-button class=\"example-margin\" value=\"indeterminate\">\n                      Indeterminate\n                    </mat-radio-button>\n                    <mat-radio-button class=\"example-margin\" value=\"buffer\">\n                      Buffer\n                    </mat-radio-button>\n                    <mat-radio-button class=\"example-margin\" value=\"query\">\n                      Query\n                    </mat-radio-button>\n                  </mat-radio-group>\n                </section>\n                \n                <section class=\"example-section\" *ngIf=\"mode == 'determinate' || mode == 'buffer'\">\n                  <label class=\"example-margin\">Progress:</label>\n                  <mat-slider class=\"example-margin\" [(ngModel)]=\"value\"></mat-slider>\n                </section>\n                <section class=\"example-section\" *ngIf=\"mode == 'buffer'\">\n                  <label class=\"example-margin\">Buffer:</label>\n                  <mat-slider class=\"example-margin\" [(ngModel)]=\"bufferValue\"></mat-slider>\n                </section>\n                <h2 class=\"example-h2\">Result</h2>\n\n                <section class=\"example-section\">\n                  <mat-progress-bar\n                      class=\"example-margin\"\n                      [color]=\"color\"\n                      [mode]=\"mode\"\n                      [value]=\"value\"\n                      [bufferValue]=\"bufferValue\">\n                  </mat-progress-bar>\n                </section>\n            </mat-card-content>        \n        </mat-card>\n    </div> \n</div>"

/***/ }),

/***/ "./src/app/material-component/progress/progress.component.scss":
/*!*********************************************************************!*\
  !*** ./src/app/material-component/progress/progress.component.scss ***!
  \*********************************************************************/
/*! no static exports found */
/***/ (function(module, exports) {

module.exports = ".example-h2 {\n  margin: 10px; }\n\n.example-section {\n  display: flex;\n  align-content: center;\n  align-items: center;\n  height: 60px; }\n\n.example-margin {\n  margin: 0 10px; }\n"

/***/ }),

/***/ "./src/app/material-component/progress/progress.component.ts":
/*!*******************************************************************!*\
  !*** ./src/app/material-component/progress/progress.component.ts ***!
  \*******************************************************************/
/*! exports provided: ProgressComponent */
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ProgressComponent", function() { return ProgressComponent; });
/* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @angular/core */ "./node_modules/@angular/core/fesm5/core.js");
var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
    return c > 3 && r && Object.defineProperty(target, key, r), r;
};

/***/ }),

/***/ "./src/app/material-component/slide-toggle/slide-toggle.component.html":
/*!*****************************************************************************!*\
  !*** ./src/app/material-component/slide-toggle/slide-toggle.component.html ***!
  \*****************************************************************************/
/*! no static exports found */
/***/ (function(module, exports) {

/***/ }),

/***/ "./src/app/material-component/slide-toggle/slide-toggle.component.scss":
/*!*****************************************************************************!*\
  !*** ./src/app/material-component/slide-toggle/slide-toggle.component.scss ***!
  \*****************************************************************************/
/*! no static exports found */
/***/ (function(module, exports) {

/***/ }),

/***/ "./src/app/material-component/slide-toggle/slide-toggle.component.ts":
/*!***************************************************************************!*\
  !*** ./src/app/material-component/slide-toggle/slide-toggle.component.ts ***!
  \***************************************************************************/
/*! exports provided: SlideToggleComponent */
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "SlideToggleComponent", function() { return SlideToggleComponent; });
/* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @angular/core */ "./node_modules/@angular/core/fesm5/core.js");
var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
    return c > 3 && r && Object.defineProperty(target, key, r), r;
};

/***/ }),

/***/ "./src/app/material-component/slider/slider.component.html":
/*!*****************************************************************!*\
  !*** ./src/app/material-component/slider/slider.component.html ***!
  \*****************************************************************/
/*! no static exports found */
/***/ (function(module, exports) {

module.exports = "<mat-card>\n  <mat-card-content>    \n  <mat-card-title>Slider</mat-card-title>\n  <mat-card-subtitle>mat-slider allows for the selection of a value from a range via mouse, touch, or keyboard, similar to <code class=\"\"><a href=\"https://material.angular.io/components/slider/overview\">Official Component</a></code></mat-card-subtitle>\n    \n    <h4 class=\"m-b-0\">Basic Slider</h4>\n    <mat-slider color=\"warn\" value=\"40\"></mat-slider>\n      \n    <h4  class=\"m-b-0\">value Slider</h4>\n    Label <mat-slider #slidey color=\"primary\"  value=\"40\"></mat-slider>\n    {{slidey.value}}\n\n    <h4 class=\"m-b-0\">With Min and Max</h4>\n    <mat-form-field><input [(ngModel)]=\"min\" matInput > </mat-form-field> <mat-form-field> <input [(ngModel)]=\"max\" matInput></mat-form-field><br/>\n    <mat-slider [min]=\"min\" [max]=\"max\" tickInterval=\"5\" #slider2 color=\"warn\"></mat-slider>\n    {{slider2.value}}\n    \n\n    <h4 class=\"m-b-0\">Disabled Slider</h4>\n    <mat-slider disabled #slider3></mat-slider>\n    {{slider3.value}}\n\n      <h4 class=\"m-b-0\">Vertical slider</h4>\n    <mat-slider vertical  value=\"50\"></mat-slider>\n      \n    <h4 class=\"m-b-0\">Selecting a value</h4>\n    <mat-slider min=\"1\" max=\"100\" step=\"20\" #slider5></mat-slider>\n    {{slider5.value}}\n\n      <h4 class=\"m-b-0\">Slider with set tick interval</h4>\n    <mat-slider tickInterval=\"auto\"></mat-slider>\n    <mat-slider tickInterval=\"9\"></mat-slider>\n\n      <h4 class=\"m-b-0\">Slider with Thumb Label</h4>\n    <mat-slider thumbLabel></mat-slider>\n\n      <h4 class=\"m-b-0\">Slider with one-way binding</h4>\n    <mat-slider [value]=\"val\" step=\"40\"></mat-slider>\n      <mat-form-field><input [(ngModel)]=\"val\" matInput></mat-form-field>\n\n      <h4 class=\"m-b-0\">Slider with two-way binding</h4>\n    <mat-slider [(ngModel)]=\"demo\" step=\"40\"></mat-slider>\n      <mat-form-field><input [(ngModel)]=\"demo\" matInput></mat-form-field>\n\n      <h4 class=\"m-b-0\">Inverted slider</h4>\n    <mat-slider invert value=\"50\" tickInterval=\"5\"></mat-slider>\n\n    \n\n      <h4 class=\"m-b-0\">Inverted vertical slider</h4>\n    <mat-slider vertical invert thumbLabel tickInterval=\"auto\" value=\"50\"></mat-slider>\n  </mat-card-content>\n</mat-card>"

/***/ }),

/***/ "./src/app/material-component/slider/slider.component.scss":
/*!*****************************************************************!*\
  !*** ./src/app/material-component/slider/slider.component.scss ***!
  \*****************************************************************/
/*! no static exports found */
/***/ (function(module, exports) {

module.exports = ""

/***/ }),

/***/ "./src/app/material-component/slider/slider.component.ts":
/*!***************************************************************!*\
  !*** ./src/app/material-component/slider/slider.component.ts ***!
  \***************************************************************/
/*! exports provided: SliderComponent */
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "SliderComponent", function() { return SliderComponent; });
/* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @angular/core */ "./node_modules/@angular/core/fesm5/core.js");
var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
    return c > 3 && r && Object.defineProperty(target, key, r), r;
};
var __metadata = (undefined && undefined.__metadata) || function (k, v) {
    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
};

/***/ }),

/***/ "./src/app/material-component/slot/slot.component.html":
/*!*************************************************************!*\
  !*** ./src/app/material-component/slot/slot.component.html ***!
  \*************************************************************/
/*! no static exports found */
/***/ (function(module, exports) {

module.exports = "<div fxLayout=\"row\" fxLayoutWrap=\"wrap\">\n  \n  <div fxFlex.gt-sm=\"100\" fxFlex.gt-xs=\"100\" fxFlex=\"100\">\n    <img class=\"img-banner-slots\" src=\"./assets/images/slot8.jpg\">\n    <mat-card>\n      <mat-card-content>\n        <div fxLayout=\"row\" fxLayoutWrap=\"wrap\" class=\"container-page-content\">\n          \n          <div fxFlex.gt-sm=\"100\" fxFlex.gt-xs=\"100\">\n            <div class=\"container-info\">\n              <p>Anche quest’anno si conferma il successo e l’interesse per le slot 3D, l’ultima frontiera dei giochi elettromeccanici.<br><br> Si tratta di video slot a partire da 1c che permettono al giocatore di immergersi letteralmente nel gioco, di vivere un’esperienza visiva coinvolgente. </p>\n            </div>\n            <mat-divider [inset]=\"true\"></mat-divider>\n            <div class=\"container-details\">\n              <a class=\"p-details-slot\" href=\"#\">Regole del gioco</a><span class=\"icon-details\"><mat-icon>class</mat-icon></span>\n            </div>\n            <div class=\"container-details\">\n              <a class=\"p-details-slot\" href=\"#\">Video Link</a><span class=\"icon-details\"><mat-icon>play_circle_outline</mat-icon></span>\n            </div>\n          </div>\n        </div>\n      </mat-card-content>\n    </mat-card>\n  </div>\n  \n</div>\n"

/***/ }),

/***/ "./src/app/material-component/slot/slot.component.scss":
/*!*************************************************************!*\
  !*** ./src/app/material-component/slot/slot.component.scss ***!
  \*************************************************************/
/*! no static exports found */
/***/ (function(module, exports) {

module.exports = ".img-banner-slots {\n  width: 100%;\n  height: 23vh; }\n\np.p-details-slot {\n  text-align: right; }\n\ndiv.container-page-content {\n  height: 100%; }\n\ndiv.container-details {\n  text-align: right;\n  margin: 3% auto 3% auto; }\n\ndiv.container-info {\n  height: 75%; }\n\nspan.icon-details {\n  display: inline-flex;\n  vertical-align: middle;\n  margin-left: 3%; }\n\nmat-card-content {\n  height: 66vh; }\n"

/***/ }),

/***/ "./src/app/material-component/slot/slot.component.ts":
/*!***********************************************************!*\
  !*** ./src/app/material-component/slot/slot.component.ts ***!
  \***********************************************************/
/*! exports provided: SlotComponent */
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "SlotComponent", function() { return SlotComponent; });
/* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @angular/core */ "./node_modules/@angular/core/fesm5/core.js");
/* harmony import */ var _angular_material__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @angular/material */ "./node_modules/@angular/material/esm5/material.es5.js");
var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
    return c > 3 && r && Object.defineProperty(target, key, r), r;
};
var __metadata = (undefined && undefined.__metadata) || function (k, v) {
    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
};

/***/ }),

/***/ "./src/app/material-component/snackbar/snackbar.component.html":
/*!*********************************************************************!*\
  !*** ./src/app/material-component/snackbar/snackbar.component.html ***!
  \*********************************************************************/
/*! no static exports found */
/***/ (function(module, exports) {

module.exports = "<mat-card>\n    <mat-card-content>\n        <mat-card-title>Basic snack-bar</mat-card-title>\n        <mat-card-subtitle>matSnackBar is a service for displaying snack-bar notifications. <code class=\"\"><a href=\"https://material.angular.io/components/snack-bar/overview\">Official Component</a></code></mat-card-subtitle>\n        <mat-form-field>\n            <input matInput value=\"Disco party!\" placeholder=\"Message\" #message> </mat-form-field>\n        <mat-form-field>\n            <input matInput value=\"Dance\" placeholder=\"Action\" #action> </mat-form-field>\n        <button mat-raised-button color=\"warn\" (click)=\"openSnackBar(message.value, action.value)\">Show snack-bar</button>\n    </mat-card-content>\n</mat-card>"

/***/ }),

/***/ "./src/app/material-component/snackbar/snackbar.component.scss":
/*!*********************************************************************!*\
  !*** ./src/app/material-component/snackbar/snackbar.component.scss ***!
  \*********************************************************************/
/*! no static exports found */
/***/ (function(module, exports) {

module.exports = ""

/***/ }),

/***/ "./src/app/material-component/snackbar/snackbar.component.ts":
/*!*******************************************************************!*\
  !*** ./src/app/material-component/snackbar/snackbar.component.ts ***!
  \*******************************************************************/
/*! exports provided: SnackbarComponent */
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "SnackbarComponent", function() { return SnackbarComponent; });
/* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @angular/core */ "./node_modules/@angular/core/fesm5/core.js");
/* harmony import */ var _angular_material__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @angular/material */ "./node_modules/@angular/material/esm5/material.es5.js");
var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
    return c > 3 && r && Object.defineProperty(target, key, r), r;
};
var __metadata = (undefined && undefined.__metadata) || function (k, v) {
    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
};

/***/ }),

/***/ "./src/app/material-component/stepper/stepper.component.html":
/*!*******************************************************************!*\
  !*** ./src/app/material-component/stepper/stepper.component.html ***!
  \*******************************************************************/
/*! no static exports found */
/***/ (function(module, exports) {

/***/ }),

/***/ "./src/app/material-component/stepper/stepper.component.scss":
/*!*******************************************************************!*\
  !*** ./src/app/material-component/stepper/stepper.component.scss ***!
  \*******************************************************************/
/*! no static exports found */
/***/ (function(module, exports) {

module.exports = ""

/***/ }),

/***/ "./src/app/material-component/stepper/stepper.component.ts":
/*!*****************************************************************!*\
  !*** ./src/app/material-component/stepper/stepper.component.ts ***!
  \*****************************************************************/
/*! exports provided: StepperComponent */
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "StepperComponent", function() { return StepperComponent; });
/* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @angular/core */ "./node_modules/@angular/core/fesm5/core.js");
/* harmony import */ var _angular_forms__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @angular/forms */ "./node_modules/@angular/forms/fesm5/forms.js");
var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
    return c > 3 && r && Object.defineProperty(target, key, r), r;
};
var __metadata = (undefined && undefined.__metadata) || function (k, v) {
    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
};

/***/ }),

/***/ "./src/app/material-component/tabs/tabs.component.html":
/*!*************************************************************!*\
  !*** ./src/app/material-component/tabs/tabs.component.html ***!
  \*************************************************************/
/*! no static exports found */
/***/ (function(module, exports) {

module.exports = "\n\n\n<div fxLayout=\"row\" fxLayoutWrap=\"wrap\">\n    \n    <div fxFlex.gt-sm=\"100%\" fxFlex=\"100\">\n        <mat-card>\n            <mat-card-content>\n                <mat-card-title>Basic Tab </mat-card-title>\n                <mat-card-subtitle>Check the <code class=\"\"><a href=\"https://material.angular.io/components/tabs/overview\">Official Component</a></code></mat-card-subtitle>\n            </mat-card-content>\n            <mat-tab-group>\n                <mat-tab label=\"Tab 1\"><mat-card-content>Content 1</mat-card-content></mat-tab>\n                <mat-tab label=\"Tab 2\"><mat-card-content>Content 2</mat-card-content></mat-tab>\n            </mat-tab-group>\n        </mat-card>    \n    </div>\n</div>\n\n\n\n\n<div fxLayout=\"row\" fxLayoutWrap=\"wrap\">\n    \n    <div fxFlex.gt-sm=\"100%\" fxFlex=\"100\">\n        <mat-card>\n            <mat-card-content>\n                <mat-card-title>Complex Tab Example (Responsive tab)</mat-card-title>\n            </mat-card-content>\n            <mat-tab-group class=\"demo-tab-group\">\n              <mat-tab label=\"Tab 1\">\n                <div class=\"demo-tab-content\">\n                  Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla venenatis ante augue.\n                  Phasellus volutpat neque ac dui mattis vulputate. Etiam consequat aliquam cursus.\n                  In sodales pretium ultrices. Maecenas lectus est, sollicitudin consectetur felis nec,\n                  feugiat ultricies mi. Aliquam erat volutpat. Nam placerat, tortor in ultrices porttitor,\n                  orci enim rutrum enim, vel tempor sapien arcu a tellus.\n                </div>\n              </mat-tab>\n              <mat-tab label=\"Tab 2\">\n                <ng-template mat-tab-label>\n                  ⭐\n                </ng-template>\n                <div class=\"demo-tab-content\">\n                  Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla venenatis ante augue.\n                  Phasellus volutpat neque ac dui mattis vulputate. Etiam consequat aliquam cursus.\n                  In sodales pretium ultrices. Maecenas lectus est, sollicitudin consectetur felis nec,\n                  feugiat ultricies mi. Aliquam erat volutpat. Nam placerat, tortor in ultrices porttitor,\n                  orci enim rutrum enim, vel tempor sapien arcu a tellus.\n                </div>  \n              </mat-tab>\n              <mat-tab label=\"Tab 3\" disabled>\n                No content  \n              </mat-tab>\n              <mat-tab label=\"Tab 4\">\n               <div class=\"demo-tab-content\">\n                  Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla venenatis ante augue.\n                  Phasellus volutpat neque ac dui mattis vulputate. Etiam consequat aliquam cursus.\n                  In sodales pretium ultrices. Maecenas lectus est, sollicitudin consectetur felis nec,\n                  feugiat ultricies mi. Aliquam erat volutpat. Nam placerat, tortor in ultrices porttitor,\n                  orci enim rutrum enim, vel tempor sapien arcu a tellus.\n                  <br />\n                  <br />\n                  Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla venenatis ante augue.\n                  Phasellus volutpat neque ac dui mattis vulputate. Etiam consequat aliquam cursus.\n                  In sodales pretium ultrices. Maecenas lectus est, sollicitudin consectetur felis nec,\n                  feugiat ultricies mi. Aliquam erat volutpat. Nam placerat, tortor in ultrices porttitor,\n                  orci enim rutrum enim, vel tempor sapien arcu a tellus.\n                </div>  \n              </mat-tab>\n              <mat-tab label=\"Tab 5\">\n                No content  \n              </mat-tab>\n              <mat-tab label=\"Tab 6\">\n                No content  \n              </mat-tab>\n            </mat-tab-group>\n        </mat-card>    \n    </div>\n</div>"

/***/ }),

/***/ "./src/app/material-component/tabs/tabs.component.scss":
/*!*************************************************************!*\
  !*** ./src/app/material-component/tabs/tabs.component.scss ***!
  \*************************************************************/
/*! no static exports found */
/***/ (function(module, exports) {

module.exports = ".demo-tab-group {\n  border: 1px solid #e8e8e8; }\n\n.demo-tab-content {\n  padding: 24px; }\n"

/***/ }),

/***/ "./src/app/material-component/tabs/tabs.component.ts":
/*!***********************************************************!*\
  !*** ./src/app/material-component/tabs/tabs.component.ts ***!
  \***********************************************************/
/*! exports provided: TabsComponent */
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "TabsComponent", function() { return TabsComponent; });
/* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @angular/core */ "./node_modules/@angular/core/fesm5/core.js");
var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
    return c > 3 && r && Object.defineProperty(target, key, r), r;
};

/***/ }),

/***/ "./src/app/material-component/toolbar/toolbar.component.html":
/*!*******************************************************************!*\
  !*** ./src/app/material-component/toolbar/toolbar.component.html ***!
  \*******************************************************************/
/*! no static exports found */
/***/ (function(module, exports) {

module.exports = "<mat-card class=\"no-shadow\">\n  <mat-card-content>\n  <mat-card-title>Toolbar</mat-card-title>\n  <mat-card-subtitle>matToolbar is a container for headers, titles, or actions.<code class=\"\"><a href=\"https://material.angular.io/components/toolbar/overview\">Official Component</a></code></mat-card-subtitle>\n  \n    <p>Basic toolbar:</p>\n    <mat-toolbar>My App</mat-toolbar>\n    <p>The primary color toolbar:</p>\n    <mat-toolbar color=\"primary\">\n      <span>Primary Toolbar</span>\n      <span fxFlex></span>\n      <button mat-button href=\"#\" mat-icon-button>\n        <mat-icon>search</mat-icon>\n      </button>\n      <button mat-button href=\"#\" mat-icon-button>\n        <mat-icon>more_vert</mat-icon>\n      </button>\n    </mat-toolbar>\n    <p>Multiple row</p>\n    <mat-toolbar>  \n      <mat-toolbar-row>\n        <span>First Row</span>\n      </mat-toolbar-row>\n\n      <mat-toolbar-row>\n        <span>Second Row</span>\n      </mat-toolbar-row>\n    </mat-toolbar>\n    <p>Positining toolbar</p>\n    <mat-toolbar color=\"primary\">\n  <span>Application Title</span>\n\n  \n  <span class=\"example-fill-remaining-space\"></span>\n\n  <span>Right Aligned Text</span>\n</mat-toolbar>  \n    <p>An accent toolbar using the second toolbar row:</p>\n    <mat-toolbar color=\"accent\">\n      <mat-toolbar-row>\n        <span>Second Line Toolbar</span>\n      </mat-toolbar-row>\n    </mat-toolbar>\n    <p>A primary toolbar using the third toolbar row:</p>\n    <mat-toolbar class=\"bg-success\" color=\"warn\">\n  <mat-toolbar-row>\n    <span>Custom Toolbar</span>\n  </mat-toolbar-row>\n\n  <mat-toolbar-row>\n    <span>Second Line</span>\n    <span class=\"example-spacer\"></span>\n    <mat-icon class=\"example-icon\">verified_user</mat-icon>\n  </mat-toolbar-row>\n\n  <mat-toolbar-row>\n    <span>Third Line</span>\n    <span class=\"example-spacer\"></span>\n    <mat-icon class=\"example-icon\">favorite</mat-icon>\n    <mat-icon class=\"example-icon\">delete</mat-icon>\n  </mat-toolbar-row>\n</mat-toolbar>\n  </mat-card-content>\n</mat-card>"

/***/ }),

/***/ "./src/app/material-component/toolbar/toolbar.component.scss":
/*!*******************************************************************!*\
  !*** ./src/app/material-component/toolbar/toolbar.component.scss ***!
  \*******************************************************************/
/*! no static exports found */
/***/ (function(module, exports) {

module.exports = ".no-shadow mat-toolbar {\n  box-shadow: none; }\n\n.example-fill-remaining-space {\n  flex: 1 1 auto; }\n\n.example-icon {\n  padding: 0 14px; }\n\n.example-spacer {\n  flex: 1 1 auto; }\n"

/***/ }),

/***/ "./src/app/material-component/toolbar/toolbar.component.ts":
/*!*****************************************************************!*\
  !*** ./src/app/material-component/toolbar/toolbar.component.ts ***!
  \*****************************************************************/
/*! exports provided: ToolbarComponent */
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ToolbarComponent", function() { return ToolbarComponent; });
/* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @angular/core */ "./node_modules/@angular/core/fesm5/core.js");
var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
    return c > 3 && r && Object.defineProperty(target, key, r), r;
};
var __metadata = (undefined && undefined.__metadata) || function (k, v) {
    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
};

/***/ }),

/***/ "./src/app/material-component/tooltip/tooltip.component.html":
/*!*******************************************************************!*\
  !*** ./src/app/material-component/tooltip/tooltip.component.html ***!
  \*******************************************************************/
/*! no static exports found */
/***/ (function(module, exports) {

/***/ }),

/***/ "./src/app/material-component/tooltip/tooltip.component.scss":
/*!*******************************************************************!*\
  !*** ./src/app/material-component/tooltip/tooltip.component.scss ***!
  \*******************************************************************/
/*! no static exports found */
/***/ (function(module, exports) {

module.exports = ".example-tooltip-host {\n  display: inline-flex;\n  align-items: center;\n  margin: 50px; }\n\n.example-select {\n  margin: 0 10px; }\n"

/***/ }),

/***/ "./src/app/material-component/tooltip/tooltip.component.ts":
/*!*****************************************************************!*\
  !*** ./src/app/material-component/tooltip/tooltip.component.ts ***!
  \*****************************************************************/
/*! exports provided: TooltipComponent */
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "TooltipComponent", function() { return TooltipComponent; });
/* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @angular/core */ "./node_modules/@angular/core/fesm5/core.js");
var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
    return c > 3 && r && Object.defineProperty(target, key, r), r;
};

/***/ }),

/***/ "./src/app/material-component/userinfo/userinfo.component.html":
/*!*********************************************************************!*\
  !*** ./src/app/material-component/userinfo/userinfo.component.html ***!
  \*********************************************************************/
/*! no static exports found */
/***/ (function(module, exports) {

module.exports = "<script src=\"https://cdnjs.cloudflare.com/ajax/libs/prefixfree/1.0.7/prefixfree.min.js\"></script>\n<div fxLayout=\"row\" fxLayoutWrap=\"wrap\">\n  \n  <div fxFlex.gt-sm=\"100\" fxFlex.gt-xs=\"100\" fxFlex=\"100\">\n    <mat-card>\n      <mat-card-content>\n        \n        <div fxLayout=\"row\" fxLayoutWrap=\"wrap\" class=\"container-image-userinfo\">\n          <img src=\"./assets/images/avatar.png\">\n        </div>\n        <div fxLayout=\"row\" fxLayoutWrap=\"wrap\" class=\"container-info-user\">\n          \n          <div fxFlex.gt-sm=\"100\" fxFlex.gt-xs=\"100\">\n            <p class=\"info-paragraph\"><mat-icon>face</mat-icon>{{name}} {{surname}}</p>\n            <mat-divider [inset]=\"true\"></mat-divider>\n            <p class=\"info-paragraph\"><mat-icon>cake</mat-icon>{{birthDate | date}}</p>\n            <mat-divider [inset]=\"true\"></mat-divider>\n            <p class=\"info-paragraph\"><mat-icon>place</mat-icon>{{address}}</p>\n            <mat-divider [inset]=\"true\"></mat-divider>\n            <p class=\"info-paragraph\"><mat-icon>local_phone</mat-icon>{{telNumber}}</p>\n            <div>\n            </div>\n          </div>\n        </div>\n      </mat-card-content>\n    </mat-card>\n\n    <div class=\"container\">\n      <div class=\"card\">\n\n        <div class=\"front side\">\n          <img src=\"assets/images/casino-admiral-logo.png\" class=\"logo\" style=\"padding: 40px;\">\n        </div>\n\n        <div class=\"back side\">\n          <h3 class=\"name\">{{name}} {{surname}}</h3>\n          <div>#458-154-1212</div>\n\n          <div style=\"float:right; color:black;\">\n            <p>\n              <span class=\"test\"><mat-icon class=\"pizza\">local_pizza</mat-icon></span>&nbsp;\n              <span class=\"test\"><mat-icon class=\"pizza\">local_pizza</mat-icon></span>&nbsp;\n              <span class=\"test\"><mat-icon class=\"pizza\">local_pizza</mat-icon></span>&nbsp;\n              <span class=\"test\">&nbsp; &nbsp;</span>&nbsp;\n              <span class=\"test\">&nbsp; &nbsp;</span>&nbsp;\n            </p>\n            <br>\n            <br>\n            <p>\n              <span class=\"test\">&nbsp; &nbsp;</span>&nbsp;\n              <span class=\"test\">&nbsp; &nbsp;</span>&nbsp;\n              <span class=\"test\">&nbsp; &nbsp;</span>&nbsp;\n              <span class=\"test\">&nbsp; &nbsp;</span>&nbsp;\n              <span class=\"test\">&nbsp; &nbsp;</span>&nbsp;\n            </p>\n          </div>\n          <div class=\"info\">\n            <p><span class=\"property\">Via: </span>{{address}}</p>\n            <p><span class=\"property\">Tel.: </span>{{telNumber}}</p>\n            <p><span class=\"property\">Data di nascita: </span>{{birthDate}}</p>\n\n          </div>\n        </div>\n      </div>\n    </div>\n\n\n  </div>\n  \n</div>\n"

/***/ }),

/***/ "./src/app/material-component/userinfo/userinfo.component.scss":
/*!*********************************************************************!*\
  !*** ./src/app/material-component/userinfo/userinfo.component.scss ***!
  \*********************************************************************/
/*! no static exports found */
/***/ (function(module, exports) {

module.exports = ".container-image-userinfo {\n  justify-content: center; }\n\np.info-paragraph {\n  text-align: right;\n  margin-bottom: 5px; }\n\nmat-icon {\n  float: left; }\n\ndiv.container-info-user {\n  margin-top: 20px; }\n\nmat-card {\n  height: 100%; }\n\nmat-icon.pizza {\n  float: unset;\n  position: relative;\n  top: 8px; }\n\n/*\r\nCARD\r\n */\n\n.container {\n  -webkit-perspective: 800px;\n          perspective: 800px;\n  /* Styling */\n  color: #fff;\n  font-family: 'Open Sans', sans-serif;\n  text-transform: uppercase;\n  letter-spacing: 4px;\n  /* Center it */\n  position: absolute;\n  top: 82%;\n  left: 50%;\n  -webkit-transform: translate(-50%, -50%);\n          transform: translate(-50%, -50%); }\n\n.card {\n  /* Styling */\n  width: 700px;\n  height: 400px;\n  background: #141414;\n  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);\n  /* Card flipping effects */\n  -webkit-transform-style: preserve-3d;\n          transform-style: preserve-3d;\n  transition: 0.6s; }\n\n.side {\n  position: absolute;\n  width: 100%;\n  height: 100%;\n  -webkit-backface-visibility: hidden;\n          backface-visibility: hidden;\n  /* Fix Chrome rendering bug */\n  -webkit-transform: rotate(0deg) translateZ(1px);\n          transform: rotate(0deg) translateZ(1px); }\n\n/* Flip the card on hover */\n\n.container:hover .card,\n.back {\n  -webkit-transform: rotateY(-180deg) translateZ(1px);\n          transform: rotateY(-180deg) translateZ(1px); }\n\n/* Front styling */\n\n.front {\n  /* Center the name + outline (almost) */\n  line-height: 390px;\n  /* Height - some (because visual center is a little higher than actual center) */\n  text-align: center; }\n\n.logo {\n  display: inline-block;\n  margin: 120px; }\n\n/* Back styling */\n\n.back {\n  background: #d82d2a;\n  padding: 30px; }\n\n.name {\n  color: #000;\n  margin-bottom: 0; }\n\np {\n  margin: 0.8em 0; }\n\n.info {\n  position: absolute;\n  bottom: 30px;\n  left: 30px;\n  color: #000; }\n\n.property {\n  color: #fff; }\n\n/* Make semi-responsive */\n\n@media (max-width: 700px) {\n  .card {\n    -webkit-transform: scale(0.5);\n            transform: scale(0.5); }\n  .container:hover .card {\n    -webkit-transform: scale(0.5) rotateY(-180deg) translateZ(1px);\n            transform: scale(0.5) rotateY(-180deg) translateZ(1px); } }\n\n.test {\n  border-radius: 25%;\n  background-color: #fff;\n  border: 2px solid #000; }\n"

/***/ }),

/***/ "./src/app/material-component/userinfo/userinfo.component.ts":
/*!*******************************************************************!*\
  !*** ./src/app/material-component/userinfo/userinfo.component.ts ***!
  \*******************************************************************/
/*! exports provided: UserinfoComponent */
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "UserinfoComponent", function() { return UserinfoComponent; });
/* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @angular/core */ "./node_modules/@angular/core/fesm5/core.js");
/* harmony import */ var _angular_router__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @angular/router */ "./node_modules/@angular/router/fesm5/router.js");
/* harmony import */ var _shared_services_userinfo_service__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../shared/services/userinfo.service */ "./src/app/shared/services/userinfo.service.ts");
var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
    return c > 3 && r && Object.defineProperty(target, key, r), r;
};
var __metadata = (undefined && undefined.__metadata) || function (k, v) {
    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
};

/***/ })

}]);
//# sourceMappingURL=material-component-material-module.js.map

[-] scripts.js.map [open]
[-] polyfills.js.map [open]
[-] runtime.js [open]
[+] assets
[-] starter-starter-module.js.map [open]
[-] runtime.js.map [open]
[+] dist
[+] ..
[-] starter-starter-module.js [open]
[-] favicon.ico [open]
[-] material-component-material-module.js [open]
[-] main.js [open]
[-] index.html [open]
[-] scripts.js [open]
[-] vendor.js.map [open]
[-] polyfills.js [open]
[-] 3rdpartylicenses.txt [open]
[-] material-component-material-module.js.map [open]
[-] vendor.js [open]
[-] styles.js [open]
[-] styles.js.map [open]
[-] main.js.map [open]
[-] dist.zip [open]