404 Not Found

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

{"version":3,"sources":["webpack:///./src/app/material-component/buttons/buttons.component.html","webpack:///./src/app/material-component/buttons/buttons.component.scss","webpack:///./src/app/material-component/buttons/buttons.component.ts","webpack:///./src/app/material-component/chips/chips.component.html","webpack:///./src/app/material-component/chips/chips.component.scss","webpack:///./src/app/material-component/chips/chips.component.ts","webpack:///./src/app/material-component/dialog/dialog.component.html","webpack:///./src/app/material-component/dialog/dialog.component.scss","webpack:///./src/app/material-component/dialog/dialog.component.ts","webpack:///./src/app/material-component/expansion/expansion.component.html","webpack:///./src/app/material-component/expansion/expansion.component.scss","webpack:///./src/app/material-component/expansion/expansion.component.ts","webpack:///./src/app/material-component/grid/grid.component.html","webpack:///./src/app/material-component/grid/grid.component.scss","webpack:///./src/app/material-component/grid/grid.component.ts","webpack:///./src/app/material-component/lists/lists.component.html","webpack:///./src/app/material-component/lists/lists.component.scss","webpack:///./src/app/material-component/lists/lists.component.ts","webpack:///./src/app/material-component/material.module.ts","webpack:///./src/app/material-component/material.routing.ts","webpack:///./src/app/material-component/menu/menu.component.html","webpack:///./src/app/material-component/menu/menu.component.scss","webpack:///./src/app/material-component/menu/menu.component.ts","webpack:///./src/app/material-component/poker/poker.component.html","webpack:///./src/app/material-component/poker/poker.component.scss","webpack:///./src/app/material-component/poker/poker.component.ts","webpack:///./src/app/material-component/prize/prize.component.html","webpack:///./src/app/material-component/prize/prize.component.scss","webpack:///./src/app/material-component/prize/prize.component.ts","webpack:///./src/app/material-component/progress-snipper/progress-snipper.component.html","webpack:///./src/app/material-component/progress-snipper/progress-snipper.component.scss","webpack:///./src/app/material-component/progress-snipper/progress-snipper.component.ts","webpack:///./src/app/material-component/progress/progress.component.html","webpack:///./src/app/material-component/progress/progress.component.scss","webpack:///./src/app/material-component/progress/progress.component.ts","webpack:///./src/app/material-component/slide-toggle/slide-toggle.component.html","webpack:///./src/app/material-component/slide-toggle/slide-toggle.component.scss","webpack:///./src/app/material-component/slide-toggle/slide-toggle.component.ts","webpack:///./src/app/material-component/slider/slider.component.html","webpack:///./src/app/material-component/slider/slider.component.scss","webpack:///./src/app/material-component/slider/slider.component.ts","webpack:///./src/app/material-component/slot/slot.component.html","webpack:///./src/app/material-component/slot/slot.component.scss","webpack:///./src/app/material-component/slot/slot.component.ts","webpack:///./src/app/material-component/snackbar/snackbar.component.html","webpack:///./src/app/material-component/snackbar/snackbar.component.scss","webpack:///./src/app/material-component/snackbar/snackbar.component.ts","webpack:///./src/app/material-component/stepper/stepper.component.html","webpack:///./src/app/material-component/stepper/stepper.component.scss","webpack:///./src/app/material-component/stepper/stepper.component.ts","webpack:///./src/app/material-component/tabs/tabs.component.html","webpack:///./src/app/material-component/tabs/tabs.component.scss","webpack:///./src/app/material-component/tabs/tabs.component.ts","webpack:///./src/app/material-component/toolbar/toolbar.component.html","webpack:///./src/app/material-component/toolbar/toolbar.component.scss","webpack:///./src/app/material-component/toolbar/toolbar.component.ts","webpack:///./src/app/material-component/tooltip/tooltip.component.html","webpack:///./src/app/material-component/tooltip/tooltip.component.scss","webpack:///./src/app/material-component/tooltip/tooltip.component.ts","webpack:///./src/app/material-component/userinfo/userinfo.component.html","webpack:///./src/app/material-component/userinfo/userinfo.component.scss","webpack:///./src/app/material-component/userinfo/userinfo.component.ts"],"names":[],"mappings":"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","file":"material-component-material-module.js","sourcesContent":["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\"","module.exports = \".example-button-row {\\n  display: flex;\\n  align-items: center;\\n  justify-content: space-around; }\\n\"","import { Component } from '@angular/core';\n\n@Component({\n  selector: 'app-buttons',\n  templateUrl: './buttons.component.html',\n  styleUrls: ['./buttons.component.scss']\n})\nexport class ButtonsComponent {\n  constructor() { }\n}\n","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\"","module.exports = \".demo-chip-list {\\n  width: 100%; }\\n\"","import { Component } from '@angular/core';\nimport {MatChipInputEvent} from '@angular/material';\nimport {ENTER, COMMA} from '@angular/cdk/keycodes' \nexport interface DemoColor {\n  name: string;\n  color: string;\n}\n@Component({\n  selector: 'app-chips',\n  templateUrl: './chips.component.html',\n  styleUrls: ['./chips.component.scss']\n})\nexport class ChipsComponent{\n\n  visible: boolean = true;\n  selectable: boolean = true;\n  removable: boolean = true;\n  addOnBlur: boolean = true;\n\n  // Enter, comma\n  separatorKeysCodes = [ENTER, COMMA];\n\n  fruits = [\n    { name: 'Lemon' },\n    { name: 'Lime' },\n    { name: 'Apple' },\n  ];\n\n\n  add(event: MatChipInputEvent): void {\n    let input = event.input;\n    let value = event.value;\n\n    // Add our fruit\n    if ((value || '').trim()) {\n      this.fruits.push({ name: value.trim() });\n    }\n\n    // Reset the input value\n    if (input) {\n      input.value = '';\n    }\n  }\n\n  remove(fruit: any): void {\n    let index = this.fruits.indexOf(fruit);\n\n    if (index >= 0) {\n      this.fruits.splice(index, 1);\n    }\n  }\n    \n    availableColors: DemoColor[] = [\n        { name: 'none', color: 'gray' },\n        { name: 'Primary', color: 'primary' },\n        { name: 'Accent', color: 'accent' },\n        { name: 'Warn', color: 'warn' }\n      ];\n}\n","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>Dialog Overview</mat-card-title>\\n              <mat-card-subtitle>The <code>&lt;MatDialog&gt;</code>  service can be used to open modal dialogs with Material Design styling and animations.</mat-card-subtitle>\\n              <ol>\\n                  <li>\\n                    <mat-form-field>\\n                      <input matInput [(ngModel)]=\\\"name\\\" placeholder=\\\"What's your name?\\\">\\n                    </mat-form-field>\\n                  </li>\\n                  <li>\\n                    <button mat-raised-button (click)=\\\"openDialog()\\\">Pick one</button>\\n                  </li>\\n                  <li *ngIf=\\\"animal\\\">\\n                    You chose: <i>{{animal}}</i>\\n                  </li>\\n                </ol>  \\n            </mat-card-content>        \\n        </mat-card>\\n    </div>\\n</div>    \\n\\n\\n\\n\\n\"","module.exports = \"\"","import {Component, Inject} from '@angular/core';\nimport {MatDialog, MatDialogRef, MAT_DIALOG_DATA} from '@angular/material';\n\n\n@Component({\n  selector: 'app-dialog',\n  templateUrl: './dialog.component.html',\n  styleUrls: ['./dialog.component.scss']\n})\nexport class DialogComponent {\n  animal: string;\n  name: string;\n\n  constructor(public dialog: MatDialog) {}\n\n  openDialog(): void {\n    let dialogRef = this.dialog.open(DialogOverviewExampleDialog, {\n      width: '250px',\n      data: { name: this.name, animal: this.animal }\n    });\n\n    dialogRef.afterClosed().subscribe(result => {\n      console.log('The dialog was closed');\n      this.animal = result;\n    });\n  }\n\n}\n\n@Component({\n  selector: 'dialog-overview-example-dialog',\n  template: `<h1 mat-dialog-title>Hi {{data.name}}</h1>\n<div mat-dialog-content>\n  <p>What's your favorite animal?</p>\n  <mat-form-field>\n    <input matInput tabindex=\"1\" [(ngModel)]=\"data.animal\">\n  </mat-form-field>\n</div>\n<div mat-dialog-actions>\n  <button mat-button [mat-dialog-close]=\"data.animal\" tabindex=\"2\">Ok</button>\n  <button mat-button (click)=\"onNoClick()\" tabindex=\"-1\">No Thanks</button>\n</div>`\n})\nexport class DialogOverviewExampleDialog {\n\n  constructor(\n    public dialogRef: MatDialogRef<DialogOverviewExampleDialog>,\n    @Inject(MAT_DIALOG_DATA) public data: any) { }\n\n  onNoClick(): void { \n    this.dialogRef.close();\n  }\n}\n","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\"","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\"","import { Component } from '@angular/core';\n\n@Component({\n  selector: 'app-expansion',\n  templateUrl: './expansion.component.html',\n  styleUrls: ['./expansion.component.scss']\n})\nexport class ExpansionComponent {\n  panelOpenState: boolean = false;    \n  step = 0;\n\n  setStep(index: number) {\n    this.step = index;\n  }\n\n  nextStep() {\n    this.step++;\n  }\n\n  prevStep() {\n    this.step--;\n  }\n}\n","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>Fixed height grid-list</mat-card-title>\\n                <mat-card-subtitle><code>&lt;mat-grid-list&gt;</code> is a two-dimensional list view that arranges cells into grid-based layout. See Material Design spec. <code><a href=\\\"https://material.io/guidelines/components/grid-lists.html\\\">Official Doc here</a></code></mat-card-subtitle>\\n              <mat-grid-list cols=\\\"4\\\" rowHeight=\\\"100px\\\">\\n                  <mat-grid-tile\\n                      *ngFor=\\\"let tile of tiles\\\"\\n                      [colspan]=\\\"tile.cols\\\"\\n                      [rowspan]=\\\"tile.rows\\\"\\n                      [style.background]=\\\"tile.color\\\">\\n                    {{tile.text}}\\n                  </mat-grid-tile>\\n                </mat-grid-list>  \\n            </mat-card-content>        \\n        </mat-card>\\n    </div>\\n</div>    \\n\\n\\n\\n<mat-card>\\n    <mat-card-content>\\n      <mat-card-title>Basic grid-list</mat-card-title>\\n      <mat-card-subtitle><code>&lt;mat-grid-list&gt;</code> is a two-dimensional list view that arranges cells into grid-based layout. See Material Design spec. <a href=\\\"https://material.io/guidelines/components/grid-lists.html\\\">here</a></mat-card-subtitle>\\n      <mat-grid-list cols=\\\"2\\\" rowHeight=\\\"2:1\\\">\\n        <mat-grid-tile>1</mat-grid-tile>\\n        <mat-grid-tile>2</mat-grid-tile>\\n        <mat-grid-tile>3</mat-grid-tile>\\n        <mat-grid-tile>4</mat-grid-tile>\\n      </mat-grid-list>  \\n    </mat-card-content>        \\n</mat-card>\\n\"","module.exports = \"mat-grid-tile {\\n  background: lightblue; }\\n\"","import { Component } from '@angular/core';\n\n@Component({\n  selector: 'app-grid',\n  templateUrl: './grid.component.html',\n  styleUrls: ['./grid.component.scss']\n})\nexport class GridComponent {\n\n  tiles: any[] = [{\n    text: 'One',\n    cols: 3,\n    rows: 1,\n    color: 'lightblue'\n  }, {\n    text: 'Two',\n    cols: 1,\n    rows: 2,\n    color: 'lightgreen'\n  }, {\n    text: 'Three',\n    cols: 1,\n    rows: 1,\n    color: 'lightpink'\n  }, {\n    text: 'Four',\n    cols: 2,\n    rows: 1,\n    color: '#DDBDF1'\n  }];\n\n  \n}\n","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>\"","module.exports = \"\"","import { Component } from '@angular/core';\n\n@Component({\n  selector: 'app-lists',\n  templateUrl: './lists.component.html',\n  styleUrls: ['./lists.component.scss']\n})\nexport class ListsComponent {\n  typesOfShoes = ['Boots', 'Clogs', 'Loafers', 'Moccasins', 'Sneakers'];\n  messages: any[] = [{\n    from: 'Nirav joshi (nbj@gmail.com)',\n    image: 'assets/images/users/1.jpg',  \n    subject: 'Material angular',\n    content: 'This is the material angular template'  \n  }, {\n    from: 'Sunil joshi (sbj@gmail.com)',\n    image: 'assets/images/users/2.jpg',    \n    subject: 'Wrappixel',\n    content: 'We have wrappixel launched' \n  }, {\n    from: 'Vishal Bhatt (bht@gmail.com)',\n    image: 'assets/images/users/3.jpg',    \n    subject: 'Task list',\n    content: 'This is the latest task hasbeen done'  \n  }]; \n    \n  folders = [\n    {\n      name: 'Photos',\n      updated: new Date('1/1/16'),\n    },\n    {\n      name: 'Recipes',\n      updated: new Date('1/17/16'),\n    },\n    {\n      name: 'Work',\n      updated: new Date('1/28/16'),\n    }\n  ];\n  notes = [\n    {\n      name: 'Vacation Itinerary',\n      updated: new Date('2/20/16'),\n    },\n    {\n      name: 'Kitchen Remodel',\n      updated: new Date('1/18/16'),\n    }\n  ];    \n\n}\n","import 'hammerjs';\nimport { NgModule } from '@angular/core';\nimport { RouterModule } from '@angular/router';\nimport { HttpClientModule } from '@angular/common/http';\nimport { CommonModule } from '@angular/common';\n\nimport { DemoMaterialModule} from '../demo-material-module';\nimport { CdkTableModule } from '@angular/cdk/table';\n\nimport { FormsModule, ReactiveFormsModule } from '@angular/forms';\nimport { FlexLayoutModule } from '@angular/flex-layout';\n\nimport { MaterialRoutes } from './material.routing';\nimport { ButtonsComponent } from './buttons/buttons.component';\n\nimport { GridComponent } from './grid/grid.component';\nimport { ListsComponent } from './lists/lists.component';\nimport { MenuComponent } from './menu/menu.component';\nimport { TabsComponent } from './tabs/tabs.component';\nimport { StepperComponent } from './stepper/stepper.component';\nimport { ExpansionComponent } from './expansion/expansion.component';\nimport { ChipsComponent } from './chips/chips.component';\nimport { ToolbarComponent } from './toolbar/toolbar.component';\nimport { ProgressSnipperComponent } from './progress-snipper/progress-snipper.component';\nimport { ProgressComponent } from './progress/progress.component';\nimport { DialogComponent, DialogOverviewExampleDialog } from './dialog/dialog.component';\nimport { TooltipComponent } from './tooltip/tooltip.component';\nimport { SnackbarComponent } from './snackbar/snackbar.component';\nimport { SliderComponent } from './slider/slider.component';\nimport { SlideToggleComponent } from './slide-toggle/slide-toggle.component';\nimport { SlotComponent } from './slot/slot.component';\nimport { UserinfoComponent } from './userinfo/userinfo.component';\nimport { PokerComponent } from './poker/poker.component';\nimport { PrizeComponent } from './prize/prize.component';\n\n@NgModule({\n  imports: [\n    CommonModule,\n    RouterModule.forChild(MaterialRoutes),\n    DemoMaterialModule,\n    HttpClientModule,\n    FormsModule,\n    ReactiveFormsModule,\n    FlexLayoutModule,\n    CdkTableModule\n  ],\n  providers: [\n\n  ],\n  entryComponents: [\n    DialogOverviewExampleDialog\n  ],\n  declarations: [\n    ButtonsComponent,\n    GridComponent,\n    ListsComponent,\n    MenuComponent,\n    TabsComponent,\n    StepperComponent,\n    ExpansionComponent,\n    ChipsComponent,\n    ToolbarComponent,\n    ProgressSnipperComponent,\n    ProgressComponent,\n    DialogComponent,\n    DialogOverviewExampleDialog,\n    TooltipComponent,\n    SnackbarComponent,\n    SliderComponent,\n    SlideToggleComponent,\n    SlotComponent,\n    UserinfoComponent,\n    PokerComponent,\n    PrizeComponent\n  ]\n})\n\nexport class MaterialComponentsModule {}\n","import { Routes } from '@angular/router';\n\nimport { ButtonsComponent } from './buttons/buttons.component';\nimport { GridComponent } from './grid/grid.component';\nimport { ListsComponent } from './lists/lists.component';\nimport { MenuComponent } from './menu/menu.component';\nimport { TabsComponent } from './tabs/tabs.component';\nimport { StepperComponent } from './stepper/stepper.component';\nimport { ExpansionComponent } from './expansion/expansion.component';\nimport { ChipsComponent } from './chips/chips.component';\nimport { ToolbarComponent } from './toolbar/toolbar.component';\nimport { ProgressSnipperComponent } from './progress-snipper/progress-snipper.component';\nimport { ProgressComponent } from './progress/progress.component';\nimport { DialogComponent } from './dialog/dialog.component';\nimport { TooltipComponent } from './tooltip/tooltip.component';\nimport { SnackbarComponent } from './snackbar/snackbar.component';\nimport { SliderComponent } from './slider/slider.component';\nimport { SlideToggleComponent } from './slide-toggle/slide-toggle.component';\nimport { SlotComponent } from './slot/slot.component';\nimport { UserinfoComponent } from './userinfo/userinfo.component';\nimport {PokerComponent} from './poker/poker.component';\nimport {PrizeComponent} from './prize/prize.component';\n\n\nexport const MaterialRoutes: Routes = [\n    {\n      path: 'slots',\n      component: SlotComponent\n    },\n    {\n      path: 'button',\n      component: ButtonsComponent\n    }, {\n      path: 'grid',\n      component: GridComponent\n    }, {\n      path: 'lists',\n      component: ListsComponent\n    }, {\n      path: 'menu',\n      component: MenuComponent\n    }, {\n      path: 'tabs',\n      component: TabsComponent\n    }, {\n      path: 'stepper',\n      component: StepperComponent\n    }, {\n      path: 'expansion',\n      component: ExpansionComponent\n    }, {\n      path: 'chips',\n      component: ChipsComponent\n    }, {\n      path: 'toolbar',\n      component: ToolbarComponent\n    }, {\n      path: 'progress-snipper',\n      component: ProgressSnipperComponent\n    }, {\n      path: 'progress',\n      component: ProgressComponent\n    }, {\n      path: 'dialog',\n      component: DialogComponent\n    }, {\n      path: 'tooltip',\n      component: TooltipComponent\n    }, {\n      path: 'snackbar',\n      component: SnackbarComponent\n    }, {\n      path: 'slider',\n      component: SliderComponent\n    }, {\n      path: 'slide-toggle',\n      component: SlideToggleComponent\n    }, {\n      path: 'user-info',\n      component: UserinfoComponent\n    },\n    {\n      path: 'poker',\n      component: PokerComponent\n    },\n    {\n      path: 'prize',\n      component: PrizeComponent\n    }\n];\n","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>    \"","module.exports = \"\"","import { Component } from '@angular/core';\n\n@Component({\n  selector: 'app-menu',\n  templateUrl: './menu.component.html',\n  styleUrls: ['./menu.component.scss']\n})\nexport class MenuComponent {\n  \n}\n","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\"","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\"","import { Component, OnInit } from '@angular/core';\n\n@Component({\n  selector: 'app-poker',\n  templateUrl: './poker.component.html',\n  styleUrls: ['./poker.component.scss']\n})\nexport class PokerComponent implements OnInit {\n\n  constructor() { }\n\n  ngOnInit() {\n  }\n\n}\n","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\"","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\"","import { Component, OnInit } from '@angular/core';\n\n@Component({\n  selector: 'app-prize',\n  templateUrl: './prize.component.html',\n  styleUrls: ['./prize.component.scss']\n})\nexport class PrizeComponent implements OnInit {\n\n  constructor() { }\n\n  ngOnInit() {\n  }\n\n}\n","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 Progress spinner</mat-card-title>\\n              <mat-card-subtitle><code>&lt;mat-progress-spinner&gt;</code> are a circular indicators of progress and activity.</mat-card-subtitle>\\n              <mat-spinner></mat-spinner>  \\n            </mat-card-content>        \\n        </mat-card>\\n    </div> \\n</div>    \\n\\n\\n\\n<mat-card>\\n    <mat-card-content>\\n      <mat-card-title>Configurable progress spinner</mat-card-title>\\n      \\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-group>\\n    </section>\\n<br/>\\n    <section class=\\\"example-section\\\" *ngIf=\\\"mode == 'determinate'\\\">\\n      <label class=\\\"example-margin\\\">Progress:</label>\\n      <mat-slider class=\\\"example-margin\\\" [(ngModel)]=\\\"value\\\"></mat-slider>\\n    </section>\\n    <h4 class=\\\"example-h2\\\">Result</h4>\\n\\n    <mat-progress-spinner\\n        class=\\\"example-margin\\\"\\n        [color]=\\\"color\\\"\\n        [mode]=\\\"mode\\\"\\n        [value]=\\\"value\\\">\\n    </mat-progress-spinner>    \\n    </mat-card-content>        \\n</mat-card>\\n\"","module.exports = \"\"","import { Component } from '@angular/core';\n\n@Component({\n  selector: 'app-snipper',\n  templateUrl: './progress-snipper.component.html',\n  styleUrls: ['./progress-snipper.component.scss']\n})\nexport class ProgressSnipperComponent {\n    color = 'warn';\n    mode = 'determinate';\n    value = 50;\n  \n\n  \n}\n","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>\"","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\"","import { Component } from '@angular/core';\n\n@Component({\n  selector: 'app-progress',\n  templateUrl: './progress.component.html',\n  styleUrls: ['./progress.component.scss']\n})\nexport class ProgressComponent {\n  color = 'primary';\n  mode = 'determinate';\n  value = 50;\n  bufferValue = 75;\n\n}\n","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 slide-toggles</mat-card-title>\\n              <mat-card-subtitle><code>&lt;mat-slide-toggle&gt;</code> is an on/off control that can be toggled via clicking or dragging.</mat-card-subtitle>\\n              <mat-slide-toggle>Slide me!</mat-slide-toggle>\\n            </mat-card-content>        \\n        </mat-card>\\n    </div>\\n</div>    \\n\\n\\n\\n<mat-card>\\n    <mat-card-content>\\n      <mat-card-title>Basic grid-list</mat-card-title>\\n      <mat-card-subtitle><code>&lt;mat-slide-toggle&gt;</code> is an on/off control that can be toggled via clicking or dragging.</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\\\" color=\\\"primary\\\" value=\\\"primary\\\">\\n          Primary\\n        </mat-radio-button>\\n        <mat-radio-button class=\\\"example-margin\\\" color=\\\"accent\\\" value=\\\"accent\\\">\\n          Accent\\n        </mat-radio-button>\\n        <mat-radio-button class=\\\"example-margin\\\" color=\\\"warn\\\" value=\\\"warn\\\">\\n          Warn\\n        </mat-radio-button>\\n      </mat-radio-group>\\n    </section>\\n\\n    <section class=\\\"example-section\\\">\\n      <mat-checkbox class=\\\"example-margin\\\" [(ngModel)]=\\\"checked\\\">Checked</mat-checkbox>\\n    </section>\\n\\n    <section class=\\\"example-section\\\">\\n      <mat-checkbox class=\\\"example-margin\\\" [(ngModel)]=\\\"disabled\\\">Disabled</mat-checkbox>\\n    </section>\\n    <h2 class=\\\"example-h2\\\">Result</h2>\\n\\n    <section class=\\\"example-section\\\">\\n      <mat-slide-toggle\\n          class=\\\"example-margin\\\"\\n          [color]=\\\"color\\\"\\n          [checked]=\\\"checked\\\"\\n          [disabled]=\\\"disabled\\\">\\n        Slide me!\\n      </mat-slide-toggle>\\n    </section>  \\n    </mat-card-content>        \\n</mat-card>\\n\"","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: 10px; }\\n\"","import { Component } from '@angular/core';\n\n@Component({\n  selector: 'app-slide-toggle',\n  templateUrl: './slide-toggle.component.html',\n  styleUrls: ['./slide-toggle.component.scss']\n})\nexport class SlideToggleComponent {\n\n  color = 'accent';\n  checked = false;\n  disabled = false;\n\n  \n}\n","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>\"","module.exports = \"\"","import { Component, OnInit } from '@angular/core';\n\n@Component({\n  selector: 'app-slider',\n  templateUrl: './slider.component.html',\n  styleUrls: ['./slider.component.scss']\n})\nexport class SliderComponent {\n\n  demo: number;\n  val = 50;\n  min = 0;\n  max = 100;\n\n  constructor() {}\n}\n","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\"","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\"","import {Component, OnInit, ViewChild} from '@angular/core';\nimport {MatPaginator, MatSort, MatTableDataSource} from '@angular/material';\n\nexport interface Slot {\n  name: string;\n  text: string;\n}\n\n@Component({\n  selector: 'app-slot',\n  templateUrl: './slot.component.html',\n  styleUrls: ['./slot.component.scss']\n})\nexport class SlotComponent implements OnInit {\n\n  dataSource: MatTableDataSource<Slot>;\n  @ViewChild(MatPaginator) paginator: MatPaginator;\n  @ViewChild(MatSort) sort: MatSort;\n\n  slots: Slot[] = [\n    {name:\"Test\", text:\"testolino\"},{name:\"Test2\", text:\"testolino\"},{name:\"Test3\", text:\"testolino\"},{name:\"Test4\", text:\"testolino\"},\n    {name:\"Test5\", text:\"testolino\"},{name:\"Test6\", text:\"testolino\"},{name:\"Test7\", text:\"testolino\"},{name:\"Test8\", text:\"testolino\"},\n    {name:\"Test9\", text:\"testolino\"},{name:\"Test10\", text:\"testolino\"},{name:\"Test11\", text:\"testolino\"},{name:\"Test12\", text:\"testolino\"},\n    {name:\"Test13\", text:\"testolino\"},{name:\"Test14\", text:\"testolino\"},{name:\"Test15\", text:\"testolino\"},{name:\"Test16\", text:\"testolino\"}\n  ]\n\n  displayedColumns: string[] = ['slot', 'buttons'];\n  displayDetailsCard: Boolean = false ;\n\n  applyFilter(filterValue: string) {\n    this.dataSource.filter = filterValue.trim().toLowerCase();\n  }\n\n  toggleDetailsCard(){\n    this.displayDetailsCard = !this.displayDetailsCard;\n  }\n\n  buttonAddSlot(){\n    this.toggleDetailsCard();\n  }\n\n  buttonSave(){\n    //saveDetails();\n    alert('fico');\n  }\n  buttonCancel(){\n    //emptyDetailsForm();\n    this.toggleDetailsCard();\n  }\n\n  constructor() {\n    this.dataSource = new MatTableDataSource(this.slots);\n  }\n\n  ngOnInit() {\n    this.dataSource.paginator = this.paginator;\n    this.dataSource.sort = this.sort;\n  }\n\n}\n","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>\"","module.exports = \"\"","import { Component } from '@angular/core';\nimport { MatSnackBar, MatSnackBarConfig } from '@angular/material';\n\n@Component({\n  selector: 'app-snackbar',\n  templateUrl: './snackbar.component.html',\n  styleUrls: ['./snackbar.component.scss']\n})\nexport class SnackbarComponent {\n  constructor(public snackBar: MatSnackBar) {}\n\n  openSnackBar(message: string, action: string) {\n    this.snackBar.open(message, action, {\n      duration: 2000,\n    });\n  }\n}\n","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>Stepper</mat-card-title>\\n                <mat-card-subtitle>Check the <code class=\\\"\\\"><a href=\\\"https://material.angular.io/components/stepper/overview\\\">Official Component</a></code></mat-card-subtitle>\\n                <button mat-raised-button (click)=\\\"isLinear = true\\\" id=\\\"toggle-linear\\\">Enable linear mode</button>\\n                <mat-horizontal-stepper [linear]=\\\"isLinear\\\">\\n                  <mat-step [stepControl]=\\\"firstFormGroup\\\">\\n                    <form [formGroup]=\\\"firstFormGroup\\\">\\n                      <ng-template matStepLabel>Fill out your name</ng-template>\\n                      <mat-form-field>\\n                        <input matInput placeholder=\\\"Last name, First name\\\" formControlName=\\\"firstCtrl\\\" required>\\n                      </mat-form-field>\\n                      <div>\\n                        <button mat-raised-button color=\\\"warn\\\" matStepperNext>Next</button>\\n                      </div>\\n                    </form>\\n                  </mat-step>\\n                  <mat-step [stepControl]=\\\"secondFormGroup\\\">\\n                    <form [formGroup]=\\\"secondFormGroup\\\">\\n                      <ng-template matStepLabel>Fill out your address</ng-template>\\n                      <mat-form-field>\\n                        <input matInput placeholder=\\\"Address\\\" formControlName=\\\"secondCtrl\\\" required>\\n                      </mat-form-field>\\n                      <div>\\n                        <button mat-raised-button color=\\\"accent\\\" matStepperPrevious>Back</button>\\n                        <button mat-raised-button color=\\\"warn\\\" matStepperNext>Next</button>\\n                      </div>\\n                    </form>\\n                  </mat-step>\\n                  <mat-step>\\n                    <ng-template matStepLabel>Done</ng-template>\\n                    You are now done.\\n                    <div>\\n                      <button mat-raised-button color=\\\"accent\\\" matStepperPrevious>Back</button>\\n                    </div>\\n                  </mat-step>\\n                </mat-horizontal-stepper>\\n            \\n            </mat-card-content>\\n             \\n        </mat-card>    \\n    </div>\\n</div>\\n\\n\"","module.exports = \"\"","import { Component } from '@angular/core';\nimport {FormBuilder, FormGroup, Validators} from '@angular/forms';\n\n@Component({\n  selector: 'app-stepper',\n  templateUrl: './stepper.component.html',\n  styleUrls: ['./stepper.component.scss']\n})\nexport class StepperComponent {\n  isLinear = false;\n  firstFormGroup: FormGroup;\n  secondFormGroup: FormGroup;\n\n  constructor(private _formBuilder: FormBuilder) { }\n\n  ngOnInit() {\n    this.firstFormGroup = this._formBuilder.group({\n      firstCtrl: ['', Validators.required]\n    });\n    this.secondFormGroup = this._formBuilder.group({\n      secondCtrl: ['', Validators.required]\n    });\n  }\n}\n","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>\"","module.exports = \".demo-tab-group {\\n  border: 1px solid #e8e8e8; }\\n\\n.demo-tab-content {\\n  padding: 24px; }\\n\"","import {Component} from '@angular/core';\nimport {Observable} from 'rxjs';\n\n@Component({\n  selector: 'app-tabs',\n  templateUrl: './tabs.component.html',\n  styleUrls: ['./tabs.component.scss']\n})\nexport class TabsComponent {\n\n}\n","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>\"","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\"","import { Component, OnInit } from '@angular/core';\n\n@Component({\n  selector: 'app-toolbar',\n  templateUrl: './toolbar.component.html',\n  styleUrls: ['./toolbar.component.scss']\n})\nexport class ToolbarComponent implements OnInit {\n\n  constructor() { }\n\n  ngOnInit() {\n  }\n\n}\n","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 Tooltip</mat-card-title>\\n              <mat-card-subtitle>The Angular Material tooltip provides a text label that is displayed when the user hovers over or longpresses an element. add <code>matTooltip=\\\"yourtext\\\"</code> to any element </mat-card-subtitle>\\n                <span matTooltip=\\\"Tooltip!\\\">I have a tooltip</span>\\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>Positioning Tooltip</mat-card-title>\\n              <mat-card-subtitle>Add <code>matTooltipPosition=\\\"below, above, left, right, before, after\\\"</code> to any element</mat-card-subtitle>\\n                <button mat-raised-button color=\\\"accent\\\" matTooltip=\\\"Tooltip!\\\" matTooltipPosition=\\\"above\\\">Above tooltip</button>\\n                <button mat-raised-button color=\\\"warn\\\" matTooltip=\\\"Tooltip!\\\" matTooltipPosition=\\\"below\\\">below tooltip</button>\\n                <button mat-raised-button color=\\\"primary\\\" matTooltip=\\\"Tooltip!\\\" matTooltipPosition=\\\"left\\\">left tooltip</button>\\n                <button mat-raised-button color=\\\"warn\\\" matTooltip=\\\"Tooltip!\\\" matTooltipPosition=\\\"right\\\">right tooltip</button>\\n                <button mat-raised-button color=\\\"accent\\\" matTooltip=\\\"Tooltip!\\\" matTooltipPosition=\\\"before\\\">Before tooltip</button>\\n            </mat-card-content>        \\n        </mat-card>\\n    </div>\\n</div>\\n<mat-card>\\n  <mat-card-content>    \\n  <mat-card-title>Tooltip with custom position</mat-card-title>\\n  <mat-card-subtitle>The Angular Material tooltip provides a text label that is displayed when the user hovers over or longpresses an element.</mat-card-subtitle>\\n  \\n    <div class=\\\"example-tooltip-host\\\" matTooltip=\\\"Tooltip!\\\" [matTooltipPosition]=\\\"position\\\">\\n      <span>Show tooltip</span>\\n      <mat-form-field>\\n        <mat-select class=\\\"example-select\\\" [(ngModel)]=\\\"position\\\">\\n          <mat-option value=\\\"before\\\">Before</mat-option>\\n          <mat-option value=\\\"after\\\">After</mat-option>\\n          <mat-option value=\\\"above\\\">Above</mat-option>\\n          <mat-option value=\\\"below\\\">Below</mat-option>\\n          <mat-option value=\\\"left\\\">Left</mat-option>\\n          <mat-option value=\\\"right\\\">Right</mat-option>\\n        </mat-select>\\n      </mat-form-field>\\n    </div>\\n  </mat-card-content>\\n</mat-card>\\n\"","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\"","import { Component } from '@angular/core';\nimport { TooltipPosition } from '@angular/material';\n\n@Component({\n  selector: 'app-tooltip',\n  templateUrl: './tooltip.component.html',\n  styleUrls: ['./tooltip.component.scss']\n})\nexport class TooltipComponent {\n  position = 'before';\n}\n","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\"","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\"","import { Component, OnInit } from '@angular/core';\nimport {ActivatedRoute} from '@angular/router';\nimport { UserinfoService} from '../../shared/services/userinfo.service';\n\n@Component({\n  selector: 'app-userinfo',\n  templateUrl: './userinfo.component.html',\n  styleUrls: ['./userinfo.component.scss']\n})\nexport class UserinfoComponent implements OnInit {\n\n  name: String;\n  surname: String;\n  birthDate: Date;\n  address: String;\n  telNumber: String;\n\n  constructor(private activatedRoute: ActivatedRoute, private userInfo: UserinfoService) {\n    /*this.activatedRoute.queryParams.subscribe(params => {\n        this.name = params['name'];\n        this.lastname = params['lastname'];\n        this.birthDate = params['birthDate'];\n        this.address = params['address'];\n        this.telNumber = params['telNumber'];\n    });*/\n    this.name = userInfo.name;\n    this.surname = userInfo.lastname;\n    this.birthDate = userInfo.birthDate;\n    this.address = userInfo.address;\n    this.telNumber = userInfo.telNumber;\n  }\n\n  ngOnInit() {\n  }\n\n}\n"],"sourceRoot":""}

[-] 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]