@duetds/cli 4.0.50 → 4.1.0

package/templates/angular/12.2.16/src/app/currency-formatter.service.ts

@@ -1,12 +0,0 @@
-import { Injectable } from "@angular/core"
-import { currencyFormatFI } from "../utils/string.utils"
-
-@Injectable({
-  providedIn: "root"
-})
-export class CurrencyFormatterService {
-
-  format(value: number) {
-    return currencyFormatFI.format(value)
-  }
-}

package/templates/angular/12.2.16/src/app/footer/footer.component.html

@@ -1,22 +0,0 @@
-<duet-footer
-  variation="simple"
-  language="fi"
-  [menu]="[
-    {
-      label: 'Turvallisuus ja käyttöehdot',
-      href: '#',
-      external: 'true'
-    },
-    {
-      label: 'Evästeet',
-      href: '#',
-      external: 'true'
-    },
-    {
-      label: 'Henkilötietojen käsittely',
-      href: '#',
-      external: 'true'
-    }
-  ]"
->
-</duet-footer>

package/templates/angular/12.2.16/src/app/footer/footer.component.ts

@@ -1,10 +0,0 @@
-import { Component } from "@angular/core"
-
-@Component({
-  selector: "app-footer",
-  templateUrl: "./footer.component.html",
-  styleUrls: ["./footer.component.scss"]
-})
-export class FooterComponent {
-  constructor() {}
-}

package/templates/angular/12.2.16/src/app/header/header.component.html

@@ -1 +0,0 @@
-<duet-header logo-href="" [back]="{ label: 'Takaisin', href: '/' }"></duet-header>

package/templates/angular/12.2.16/src/app/header/header.component.ts

@@ -1,10 +0,0 @@
-import { Component } from "@angular/core"
-
-@Component({
-  selector: "app-header",
-  templateUrl: "./header.component.html",
-  styleUrls: ["./header.component.scss"]
-})
-export class HeaderComponent {
-  constructor() {}
-}

package/templates/angular/12.2.16/src/app/index-page/index-page.component.html

@@ -1,49 +0,0 @@
-<duet-layout center>
-  <div slot="top" role="region">
-    <duet-spacer breakpoint="large" size="x-large"></duet-spacer>
-    <duet-heading level="h1" visual-level="h2">Pääotsikko</duet-heading>
-    <duet-spacer></duet-spacer>
-  </div>
-  <div slot="main">
-    <form [formGroup]="form" (ngSubmit)="handleSubmit($event)">
-      <duet-stepper [selected]="currentStep" (duetStepChange)="handleStepChange($event)">
-        <duet-step heading="Perustiedot" formGroupName="investmentAmount">
-          <duet-paragraph>
-            Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore etdolore
-            magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip.
-          </duet-paragraph>
-          <app-investment-amount
-            [form]="form.get('investmentAmount')"
-            [agreements]="agreements"
-          ></app-investment-amount>
-          <duet-spacer></duet-spacer>
-          <duet-button margin="none" variation="primary" (click)="handleNextClick($event)" [disabled]="form.invalid"
-             id="step1">Seuraava</duet-button
-          >
-        </duet-step>
-
-        <duet-step heading="Tarkemmat tiedot" formGroupName="investmentOrigin">
-          <duet-paragraph>
-            Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore etdolore
-            magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip.
-          </duet-paragraph>
-          <app-investment-origin [form]="form.get('investmentOrigin')"></app-investment-origin>
-          <duet-spacer></duet-spacer>
-          <duet-button margin="none" variation="primary" (click)="handleNextClick($event)" [disabled]="form.invalid" id="step2">
-            Seuraava
-          </duet-button>
-        </duet-step>
-
-        <duet-step heading="Yhteenveto">
-          <duet-spacer></duet-spacer>
-          <app-summary [agreement]="selectedAgreement"></app-summary>
-          <duet-spacer></duet-spacer>
-          <duet-button submit margin="none" variation="primary" expand [disabled]="form.invalid" id="step3"> Lähetä </duet-button>
-        </duet-step>
-      </duet-stepper>
-    </form>
-  </div>
-</duet-layout>
-<duet-modal [active]="completed" heading="You entered the following data:">
-  <pre><code>{{ form.value | json }}</code></pre>
-</duet-modal>

package/templates/angular/12.2.16/src/app/index-page/index-page.component.ts

@@ -1,61 +0,0 @@
-import { Component } from "@angular/core"
-import { FormBuilder, Validators } from "@angular/forms"
-import { Agreement } from "../agreement.model"
-
-import { currencyFormatFI } from "../../utils/string.utils"
-
-@Component({
-  selector: "app-index-page",
-  templateUrl: "./index-page.component.html",
-  styleUrls: ["./index-page.component.scss"]
-})
-export class IndexPageComponent {
-  constructor(private formBuilder: FormBuilder) {}
-
-  currentStep = 0
-  completed = false
-
-  form = this.formBuilder.group({
-    investmentAmount: this.formBuilder.group({
-      agreement: [null, [Validators.required]],
-      additionalInvestment: 50
-    }),
-    investmentOrigin: this.formBuilder.group({
-      salary: false,
-      gift: false,
-      heritage: false,
-      entrepreneurialIncome: false,
-      assets: false,
-      otherIncome: false,
-      investment: false,
-      extras: null
-    })
-  })
-
-  agreements: Record<number, Agreement> = {
-    1: new Agreement("Vakuutus 1", 2500),
-    2: new Agreement("Vakuutus 2", 1000)
-  }
-
-  get selectedAgreement() {
-    return this.agreements[this.form.value.investmentAmount.agreement]
-  }
-
-  formatNumber(value: number) {
-    return currencyFormatFI.format(value)
-  }
-
-  handleStepChange(event: CustomEvent) {
-    this.currentStep = event.detail.toStep
-  }
-
-  handleNextClick(event: Event) {
-    event.preventDefault()
-    this.currentStep++
-  }
-
-  handleSubmit(event: Event) {
-    event.preventDefault()
-    this.completed = true
-  }
-}

package/templates/angular/12.2.16/src/app/investment-amount/investment-amount.component.html

@@ -1,87 +0,0 @@
-<ng-container [formGroup]="form">
-  <duet-select
-    formControlName="agreement"
-    expand
-    label="Valitse sopimus"
-    placeholder="Valitse…"
-    [items]="agreementOptions"
-  >
-  </duet-select>
-  <duet-table variation="plain" *ngIf="selectedAgreement">
-    <table>
-      <thead>
-        <tr>
-          <th>Sijoituskohde</th>
-          <th class="duet-text-right">Osuus</th>
-        </tr>
-      </thead>
-      <tbody>
-        <tr>
-          <td>
-            <duet-button
-              variation="plain"
-              margin="none"
-              padding="none"
-              url="https://www.duetds.com/assets/downloads/localtapiola-brand-guidelines.pdf"
-              external
-            >
-              Kohde 1<duet-spacer size="xx-small" direction="horizontal"></duet-spacer>
-              <duet-visually-hidden>, avautuu uuteen ikkunaan</duet-visually-hidden>
-            </duet-button>
-          </td>
-          <td class="duet-text-right">25%</td>
-        </tr>
-        <tr>
-          <td>
-            <duet-button
-              variation="plain"
-              margin="none"
-              padding="none"
-              url="https://www.duetds.com/assets/downloads/localtapiola-brand-guidelines.pdf"
-              external
-            >
-              Kohde 2<duet-spacer size="xx-small" direction="horizontal"></duet-spacer>
-              <duet-visually-hidden>, avautuu uuteen ikkunaan</duet-visually-hidden>
-            </duet-button>
-          </td>
-          <td class="duet-text-right">25%</td>
-        </tr>
-        <tr>
-          <td>
-            <duet-button
-              variation="plain"
-              margin="none"
-              padding="none"
-              url="https://www.duetds.com/assets/downloads/localtapiola-brand-guidelines.pdf"
-              external
-            >
-              Kohde 3<duet-spacer size="xx-small" direction="horizontal"></duet-spacer>
-              <duet-visually-hidden>, avautuu uuteen ikkunaan</duet-visually-hidden>
-            </duet-button>
-          </td>
-          <td class="duet-text-right">50%</td>
-        </tr>
-      </tbody>
-      <tfoot>
-        <tr>
-          <td class="duet-font-weight-semi-bold">Yhteisarvo</td>
-          <td class="duet-text-right duet-font-weight-semi-bold duet-font-size-large">
-            {{ formatter.format(selectedAgreement.price) }}
-          </td>
-        </tr>
-      </tfoot>
-    </table>
-  </duet-table>
-  <duet-spacer></duet-spacer>
-  <duet-card variation="plain" background="gray-lighter">
-    <duet-input
-      formControlName="additionalInvestment"
-      numeric-keyboard
-      expand
-      label="Syötä summa"
-      placeholder="50"
-      icon="form-money"
-      type="number"
-    ></duet-input>
-  </duet-card>
-</ng-container>

package/templates/angular/12.2.16/src/app/investment-amount/investment-amount.component.ts

@@ -1,31 +0,0 @@
-import { Component, OnInit, Input } from "@angular/core"
-import { FormGroup } from "@angular/forms"
-import { Agreement } from "../agreement.model"
-import { CurrencyFormatterService } from "../currency-formatter.service"
-
-@Component({
-  selector: "app-investment-amount",
-  templateUrl: "./investment-amount.component.html",
-  styleUrls: ["./investment-amount.component.scss"]
-})
-export class InvestmentAmountComponent implements OnInit {
-  @Input() agreements: Record<number, Agreement>
-  @Input() form: FormGroup
-
-  constructor(public formatter: CurrencyFormatterService) {}
-
-  ngOnInit(): void {}
-
-  get selectedAgreement() {
-    return this.agreements[this.form.value.agreement]
-  }
-
-  get agreementOptions() {
-    return Object.entries(this.agreements).map(([value, { label, price }]) => {
-      return {
-        value,
-        label: `${label} - ${this.formatter.format(price)}`
-      }
-    })
-  }
-}

package/templates/angular/12.2.16/src/app/investment-origin/investment-origin.component.html

@@ -1,12 +0,0 @@
-<ng-container [formGroup]="form">
-  <duet-checkbox formControlName="salary" label="Valinta 1"></duet-checkbox>
-  <duet-checkbox formControlName="gift" label="Valinta 2"></duet-checkbox>
-  <duet-checkbox formControlName="heritage" label="Valinta 3"></duet-checkbox>
-  <duet-checkbox formControlName="entrepreneurialIncome" label="Valinta 4"></duet-checkbox>
-  <duet-checkbox formControlName="assets" label="Valinta 5"></duet-checkbox>
-  <duet-checkbox formControlName="otherIncome" label="Valinta 6"></duet-checkbox>
-  <duet-checkbox label="Muu, mikä?" (duetChange)="handleExtrasChange($event)"></duet-checkbox>
-  <div *ngIf="hasExtras">
-    <duet-input formControlName="extras" label="Kerro sijoitettavien varojen muu alkuperä" label-hidden></duet-input>
-  </div>
-</ng-container>

package/templates/angular/12.2.16/src/app/investment-origin/investment-origin.component.ts

@@ -1,24 +0,0 @@
-import { Component, OnInit, Input } from "@angular/core"
-import { FormGroup } from "@angular/forms"
-
-@Component({
-  selector: "app-investment-origin",
-  templateUrl: "./investment-origin.component.html",
-  styleUrls: ["./investment-origin.component.scss"]
-})
-export class InvestmentOriginComponent implements OnInit {
-  @Input() form: FormGroup
-  hasExtras = false
-
-  constructor() {}
-
-  ngOnInit(): void {}
-
-  handleExtrasChange(event: CustomEvent) {
-    this.hasExtras = event.detail.checked
-
-    if (!event.detail.checked) {
-      this.form.get("extras").setValue(null)
-    }
-  }
-}

package/templates/angular/12.2.16/src/app/summary/summary.component.html

@@ -1,74 +0,0 @@
-<ng-container *ngIf="agreement">
-  <duet-input expand disabled label="Sopimus" [value]="agreement.label"></duet-input>
-  <duet-spacer></duet-spacer>
-  <duet-paragraph>Valitsemasi vaihtoehto jakautuu seuraavasti:</duet-paragraph>
-  <duet-table variation="plain">
-    <table>
-      <thead>
-        <tr>
-          <th>Sijoituskohde</th>
-          <th>Osuus</th>
-          <th class="duet-text-right">Summa</th>
-        </tr>
-      </thead>
-      <tbody>
-        <tr>
-          <td>
-            <duet-button
-              variation="plain"
-              margin="none"
-              padding="none"
-              url="https://www.duetds.com/assets/downloads/localtapiola-brand-guidelines.pdf"
-              external
-            >
-              Kohde 1<duet-spacer size="xx-small" direction="horizontal"></duet-spacer>
-              <duet-visually-hidden>, avautuu uuteen ikkunaan</duet-visually-hidden>
-            </duet-button>
-          </td>
-          <td>25%</td>
-          <td class="duet-text-right">{{ formatter.format(agreement.price * 0.25) }}</td>
-        </tr>
-        <tr>
-          <td>
-            <duet-button
-              variation="plain"
-              margin="none"
-              padding="none"
-              url="https://www.duetds.com/assets/downloads/localtapiola-brand-guidelines.pdf"
-              external
-            >
-              Kohde 2<duet-spacer size="xx-small" direction="horizontal"></duet-spacer>
-              <duet-visually-hidden>, avautuu uuteen ikkunaan</duet-visually-hidden>
-            </duet-button>
-          </td>
-          <td>25%</td>
-          <td class="duet-text-right">{{ formatter.format(agreement.price * 0.25) }}</td>
-        </tr>
-        <tr>
-          <td>
-            <duet-button
-              variation="plain"
-              margin="none"
-              padding="none"
-              url="https://www.duetds.com/assets/downloads/localtapiola-brand-guidelines.pdf"
-              external
-            >
-              Kohde 3<duet-spacer size="xx-small" direction="horizontal"></duet-spacer>
-              <duet-visually-hidden>, avautuu uuteen ikkunaan</duet-visually-hidden>
-            </duet-button>
-          </td>
-          <td>50%</td>
-          <td class="duet-text-right">{{ formatter.format(agreement.price * 0.5) }}</td>
-        </tr>
-      </tbody>
-      <tfoot>
-        <tr>
-          <td colspan="2" class="duet-font-weight-semi-bold">Sijoitettava summa</td>
-          <td class="duet-text-right duet-font-weight-semi-bold duet-font-size-large">
-            {{ formatter.format(agreement.price) }}
-          </td>
-        </tr>
-      </tfoot>
-    </table>
-  </duet-table>
-</ng-container>

package/templates/angular/12.2.16/src/app/summary/summary.component.ts

@@ -1,16 +0,0 @@
-import { Component, OnInit, Input } from "@angular/core"
-import { Agreement } from "../agreement.model"
-import { CurrencyFormatterService } from "../currency-formatter.service"
-
-@Component({
-  selector: "app-summary",
-  templateUrl: "./summary.component.html",
-  styleUrls: ["./summary.component.scss"]
-})
-export class SummaryComponent implements OnInit {
-  @Input() agreement: Agreement
-
-  constructor(public formatter: CurrencyFormatterService) {}
-
-  ngOnInit(): void {}
-}

package/templates/angular/12.2.16/src/environments/environment.prod.ts

@@ -1,3 +0,0 @@
-export const environment = {
-  production: true
-}

package/templates/angular/12.2.16/src/environments/environment.ts

@@ -1,16 +0,0 @@
-// This file can be replaced during build by using the `fileReplacements` array.
-// `ng build --prod` replaces `environment.ts` with `environment.prod.ts`.
-// The list of file replacements can be found in `angular.json`.
-
-export const environment = {
-  production: false
-}
-
-/*
- * For easier debugging in development mode, you can import the following file
- * to ignore zone related error stack frames such as `zone.run`, `zoneDelegate.invokeTask`.
- *
- * This import should be commented out in production mode because it will have a negative impact
- * on performance if an error is thrown.
- */
-// import 'zone.js/dist/zone-error';  // Included with Angular CLI.

package/templates/angular/12.2.16/src/index.html

@@ -1,24 +0,0 @@
-<!DOCTYPE html>
-<html lang="fi" class="duet-sticky-footer duet-bg-gradient">
-  <head>
-    <meta charset="utf-8" />
-    <base href="/" />
-    <title>LähiTapiola</title>
-    <meta name="author" content="LähiTapiola" />
-    <meta name="viewport" content="width=device-width,initial-scale=1.0" />
-    <meta name="format-detection" content="telephone=no" />
-    <meta name="robots" content="noindex,nofollow" />
-    <link rel="apple-touch-icon" href="assets/img/apple-touch-icon-180x180.png" />
-    <link rel="manifest" href="manifest.json" />
-    <link
-      rel="stylesheet"
-      href="https://cdn.duetds.com/api/fonts/1.3.12/lib/localtapiola.css"
-      integrity="sha384-5JYmtSD7nykpUvSmTW1CHMoBDkBZUpUmG0vuh+NUVtZag3F75Kr7+/JU3J7JV6Wq"
-      crossorigin="anonymous"
-    />
-    <link rel="icon" type="image/x-icon" href="favicon.ico" />
-  </head>
-  <body>
-    <app-root class="duet-sticky-body"></app-root>
-  </body>
-</html>

package/templates/angular/12.2.16/src/main.ts

@@ -1,13 +0,0 @@
-import { enableProdMode } from "@angular/core"
-import { platformBrowserDynamic } from "@angular/platform-browser-dynamic"
-
-import { AppModule } from "./app/app.module"
-import { environment } from "./environments/environment"
-
-if (environment.production) {
-  enableProdMode()
-}
-
-platformBrowserDynamic()
-  .bootstrapModule(AppModule)
-  .catch(err => console.error(err))

package/templates/angular/12.2.16/src/polyfills.ts

@@ -1,62 +0,0 @@
-/**
- * This file includes polyfills needed by Angular and is loaded before the app.
- * You can add your own extra polyfills to this file.
- *
- * This file is divided into 2 sections:
- *   1. Browser polyfills. These are applied before loading ZoneJS and are sorted by browsers.
- *   2. Application imports. Files imported after ZoneJS that should be loaded before your main
- *      file.
- *
- * The current setup is for so-called "evergreen" browsers; the last versions of browsers that
- * automatically update themselves. This includes Safari >= 10, Chrome >= 55 (including Opera),
- * Edge >= 13 on the desktop, and iOS 10 and Chrome on mobile.
- *
- * Learn more in https://angular.io/guide/browser-support
- */
-
-/***************************************************************************************************
- * BROWSER POLYFILLS
- */
-
-/** IE10 and IE11 requires the following for NgClass support on SVG elements */
-// import 'classlist.js';  // Run `npm install --save classlist.js`.
-
-/**
- * Web Animations `@angular/platform-browser/animations`
- * Only required if AnimationBuilder is used within the application and using IE/Edge or Safari.
- * Standard animation support in Angular DOES NOT require any polyfills (as of Angular 6.0).
- */
-// import 'web-animations-js';  // Run `npm install --save web-animations-js`.
-
-/**
- * By default, zone.js will patch all possible macroTask and DomEvents
- * user can disable parts of macroTask/DomEvents patch by setting following flags
- * because those flags need to be set before `zone.js` being loaded, and webpack
- * will put import in the top of bundle, so user need to create a separate file
- * in this directory (for example: zone-flags.ts), and put the following flags
- * into that file, and then add the following code before importing zone.js.
- * import './zone-flags';
- *
- * The flags allowed in zone-flags.ts are listed here.
- *
- * The following flags will work for all browsers.
- *
- * (window as any).__Zone_disable_requestAnimationFrame = true; // disable patch requestAnimationFrame
- * (window as any).__Zone_disable_on_property = true; // disable patch onProperty such as onclick
- * (window as any).__zone_symbol__UNPATCHED_EVENTS = ['scroll', 'mousemove']; // disable patch specified eventNames
- *
- *  in IE/Edge developer tools, the addEventListener will also be wrapped by zone.js
- *  with the following flag, it will bypass `zone.js` patch for IE/Edge
- *
- *  (window as any).__Zone_enable_cross_context_check = true;
- *
- */
-
-/***************************************************************************************************
- * Zone JS is required by default for Angular itself.
- */
-import "zone.js/dist/zone" // Included with Angular CLI.
-
-/***************************************************************************************************
- * APPLICATION IMPORTS
- */

package/templates/angular/12.2.16/src/styles.scss

@@ -1,3 +0,0 @@
-/* You can add global styles to this file, and also import other style files */
-@import "~@duetds/css/lib/duet.min";
-@import "~@duetds/tokens/lib/tokens.scss";

package/templates/angular/12.2.16/src/tests/app.test.ts

@@ -1,13 +0,0 @@
-import {currencyFormatFI} from "../utils/string.utils"
-
-describe('Example test of the jest setup running', () => {
-  test('formatter should format correctly', () => {
-    console.log(currencyFormatFI)
-    const formatStub = currencyFormatFI.format(12.90)
-    expect(formatStub).toBe("12,90 €")
-  });
-
-  test('Should do another thing', () => {
-    // do something...
-  });
-});

package/templates/angular/12.2.16/src/utils/string.utils.ts

@@ -1 +0,0 @@
-export const currencyFormatFI = new Intl.NumberFormat("fi-FI", { style: "currency", currency: "EUR" })

package/templates/angular/12.2.16/tsconfig.app.json

@@ -1,9 +0,0 @@
-{
-  "extends": "./tsconfig.base.json",
-  "compilerOptions": {
-    "outDir": "./out-tsc/app",
-    "types": []
-  },
-  "files": ["src/main.ts", "src/polyfills.ts"],
-  "include": ["src/**/*.d.ts"]
-}

package/templates/angular/12.2.16/tsconfig.base.json

@@ -1,17 +0,0 @@
-{
-  "compileOnSave": false,
-  "compilerOptions": {
-    "esModuleInterop":true,
-    "baseUrl": "./",
-    "outDir": "./dist/out-tsc",
-    "sourceMap": true,
-    "declaration": false,
-    "downlevelIteration": true,
-    "experimentalDecorators": true,
-    "moduleResolution": "node",
-    "importHelpers": true,
-    "target": "es2015",
-    "module": "es2020",
-    "lib": ["es2018", "dom"]
-  }
-}

package/templates/angular/12.2.16/tsconfig.json

@@ -1,8 +0,0 @@
-{
-  "files": [],
-  "references": [
-    {
-      "path": "./tsconfig.app.json"
-    }
-  ]
-}

package/templates/angular/12.2.16/tsconfig.spec.json

@@ -1,15 +0,0 @@
-{
-  "extends": "./tsconfig.base.json",
-  "compilerOptions": {
-    "outDir": "./out-tsc/app",
-    "types": ["jest","jest-image-snapshot","node"],
-    "esModuleInterop": true,
-    "emitDecoratorMetadata": true 
-  },
-  "files": ["src/main.ts", "src/polyfills.ts"],
-  "include": ["src/**/*.d.ts",
-    "src/**/*.spec.ts",
-    "src/**/*.test.ts",
-    "src/**/*.spec.tsx",
-    "src/**/*.test.tsx"]
-}