1.0.75

fix(core): update
1.0.74
2022-03-18 19:40:29 +01:00 · 2022-03-18 19:40:28 +01:00 · 2022-01-24 01:39:48 +01:00 · 2022-01-24 01:39:47 +01:00 · 2021-12-10 18:18:57 +01:00 · 2021-12-10 18:18:57 +01:00
22 changed files with 9535 additions and 17238 deletions
--- a/.gitlab-ci.yml
+++ b/.gitlab-ci.yml
@ -12,6 +12,9 @@ stages:
  - release
  - metadata

+before_script:
+  - npm install -g @shipzone/npmci
+
 # ====================
 # security stage
 # ====================
@ -36,6 +39,7 @@ auditProductionDependencies:
    - npmci command npm audit --audit-level=high --only=prod --production
  tags:
    - docker
+  allow_failure: true

 auditDevDependencies:
  image: registry.gitlab.com/hosttoday/ht-docker-node:npmci
@ -96,10 +100,9 @@ codequality:
  only:
    - tags
  script:
-    - npmci command npm install -g tslint typescript
+    - npmci command npm install -g typescript
    - npmci npm prepare
    - npmci npm install
-    - npmci command "tslint -c tslint.json ./ts/**/*.ts"
  tags:
    - lossless
    - docker
--- a/.vscode/launch.json
+++ b/.vscode/launch.json
@ -2,28 +2,10 @@
  "version": "0.2.0",
  "configurations": [
    {
-      "name": "current file",
-      "type": "node",
+      "command": "npm test",
+      "name": "Run npm test",
      "request": "launch",
-      "args": [
-        "${relativeFile}"
-      ],
-      "runtimeArgs": ["-r", "@gitzone/tsrun"],
-      "cwd": "${workspaceRoot}",
-      "protocol": "inspector",
-      "internalConsoleOptions": "openOnSessionStart"
-    },
-    {
-      "name": "test.ts",
-      "type": "node",
-      "request": "launch",
-      "args": [
-        "test/test.ts"
-      ],
-      "runtimeArgs": ["-r", "@gitzone/tsrun"],
-      "cwd": "${workspaceRoot}",
-      "protocol": "inspector",
-      "internalConsoleOptions": "openOnSessionStart"
+      "type": "node-terminal"
    }
  ]
 }
--- a/html/index.html
+++ b/html/index.html
@ -17,7 +17,7 @@
      }
    </style>

-    <script src="./index.ts"></script>
+    <script src="./bundle.js"></script>
  </head>
  <body>
  </body>
--- a/html/index.ts
+++ b/html/index.ts
@ -3,8 +3,8 @@ import * as deesWccTools from '@designestate/dees-wcctools';
 import * as deesDomTools from '@designestate/dees-domtools';

 // elements and pages
-import * as elements from '../ts_web/elements';
-import * as pages from '../ts_web/pages';
+import * as elements from '../ts_web/elements/index.js';
+import * as pages from '../ts_web/pages/index.js';

 deesWccTools.setupWccTools(elements as any, pages);
 deesDomTools.elementBasic.setup();
--- a/5
+++ b/5
@ -8,7 +8,10 @@ copies of the Software, and to permit persons to whom the Software is
 furnished to do so, subject to the following conditions:

 The above copyright notice and this permission notice shall be included in all
-copies or substantial portions of the Software.
+copies or substantial portions of the Software. You agree to being mentioned
+as reference by Lossless GmbH. This includes the use of your entity logos
+or profile picture by Lossless GmbH on websites and readme's, also on third party
+pages like gitlab.com or github.com.

 THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
 IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
--- a/npmextra.json
+++ b/npmextra.json
@ -5,7 +5,7 @@
      "githost": "gitlab.com",
      "gitscope": "designestate",
      "gitrepo": "dees-catalog",
-      "shortDescription": "a webcomponents catalog for handling daily stuff on the web",
+      "description": "a webcomponents catalog for handling daily stuff on the web",
      "npmPackagename": "@designestate/dees-catalog",
      "license": "MIT",
      "projectDomain": "design.estate"
--- a/package-lock.json
+++ b/package-lock.json
--- a/package.json
+++ b/package.json
@ -1,36 +1,34 @@
 {
  "name": "@designestate/dees-catalog",
-  "version": "1.0.67",
+  "version": "1.0.75",
  "private": false,
  "description": "website for lossless.com",
  "main": "dist_ts_web/index.js",
  "typings": "dist_ts_web/index.d.ts",
+  "type": "module",
  "scripts": {
    "test": "tstest test/ --web",
-    "build": "tsbuild element && tsbundle element --production",
+    "build": "tsbuild element --allowimplicitany --skiplibcheck && tsbundle element --production",
    "watch": "tswatch element"
  },
  "author": "Lossless GmbH",
  "license": "MIT",
  "dependencies": {
-    "@designestate/dees-domtools": "^1.0.94",
-    "@designestate/dees-element": "^1.0.23",
-    "@designestate/dees-wcctools": "^1.0.57",
-    "@fortawesome/fontawesome-svg-core": "^1.2.36",
-    "@fortawesome/free-brands-svg-icons": "^5.15.4",
-    "@fortawesome/free-regular-svg-icons": "^5.15.4",
-    "@fortawesome/free-solid-svg-icons": "^5.15.4",
-    "typescript": "^4.4.3"
+    "@designestate/dees-domtools": "^2.0.1",
+    "@designestate/dees-element": "^2.0.2",
+    "@designestate/dees-wcctools": "^1.0.68",
+    "@fortawesome/fontawesome-svg-core": "^6.1.0",
+    "@fortawesome/free-brands-svg-icons": "^6.1.0",
+    "@fortawesome/free-regular-svg-icons": "^6.1.0",
+    "@fortawesome/free-solid-svg-icons": "^6.1.0"
  },
  "devDependencies": {
-    "@gitzone/tsbuild": "^2.1.27",
-    "@gitzone/tsbundle": "^1.0.87",
-    "@gitzone/tstest": "^1.0.57",
-    "@gitzone/tswatch": "^1.0.56",
+    "@gitzone/tsbuild": "^2.1.59",
+    "@gitzone/tsbundle": "^1.0.101",
+    "@gitzone/tstest": "^1.0.69",
+    "@gitzone/tswatch": "^1.0.68",
    "@pushrocks/projectinfo": "^4.0.5",
-    "@pushrocks/tapbundle": "^3.2.14",
-    "tslint": "^6.1.3",
-    "tslint-config-prettier": "^1.17.0"
+    "@pushrocks/tapbundle": "^5.0.2"
  },
  "files": [
    "ts/**/*",
--- a/ts_web/elements/dees-chips.ts
+++ b/ts_web/elements/dees-chips.ts
@ -0,0 +1,123 @@
+import {
+  customElement,
+  html,
+  DeesElement,
+  property,
+  TemplateResult,
+  cssManager,
+  css,
+  unsafeCSS,
+} from '@designestate/dees-element';
+
+import * as domtools from '@designestate/dees-domtools';
+
+declare global {
+  interface HTMLElementTagNameMap {
+    'dees-chips': DeesChips;
+  }
+}
+
+@customElement('dees-chips')
+export class DeesChips extends DeesElement {
+  public static demo = () => html`
+    <dees-chips .selectableChips=${['Payment Account 1', 'PaymentAccount2', 'Payment Account 3']}></dees-chips>
+    <dees-chips selectionMode="multiple" .selectableChips=${['Payment Account 1', 'PaymentAccount2', 'Payment Account 3']}></dees-chips>
+    
+  `;
+
+  @property()
+  public selectionMode: 'single' | 'multiple' = 'single';
+
+  @property({
+    type: Array
+  })
+  public selectableChips: string[] = [];
+
+  @property()
+  public selectedChip: string = null;
+
+  @property({
+    type: Array
+  })
+  public selectedChips: string[] = [];
+  
+
+  constructor() {
+    super();
+  }
+
+  public static styles = [
+    cssManager.defaultStyles,
+    css`
+
+      :host {
+        display: block;
+        box-sizing: border-box;
+      }
+
+      .mainbox {
+
+      }
+
+      .chip {
+        background: #494949;
+        display: inline-block;
+        padding: 8px 12px;
+        font-size: 14px;
+        color: #fff;
+        border-radius: 30px;
+        margin-right: 3px;
+        margin-bottom: 7px;
+      }
+
+      .chip:hover {
+        background: #666666;
+        cursor: pointer; 
+      }
+
+      .chip.selected {
+        background: #00A3FF;
+      }
+      
+    `,
+  ];
+
+  public render(): TemplateResult {
+    return html`
+      <div class="mainbox">
+        ${this.selectableChips.map(chipArg => html`
+          <div @click=${() => this.selectChip(chipArg)} class="chip ${this.selectedChip === chipArg || this.selectedChips.includes(chipArg) ? 'selected' : ''}">
+            ${chipArg}
+          </div>
+        `)}
+      </div>
+    `;
+  }
+
+  public async firstUpdated() {
+    if (!this.textContent) {
+      this.textContent = 'Button';
+      this.performUpdate();
+    }
+  }
+
+  public async selectChip(chipArg: string) {
+    if (this.selectionMode === 'single') {
+      if (this.selectedChip === chipArg) {
+        this.selectedChip = null;
+        this.selectedChips = [];
+      } else {
+        this.selectedChip = chipArg;
+        this.selectedChips = [chipArg];
+      }
+    } else if(this.selectionMode === 'multiple') {
+      if (this.selectedChips.includes(chipArg)) {
+        this.selectedChips = this.selectedChips.filter(chipArg2 => chipArg !== chipArg2)
+      } else {
+        this.selectedChips.push(chipArg);
+      }
+      this.requestUpdate();
+    }
+    console.log(this.selectedChips);
+  }
+}
--- a/ts_web/elements/dees-form-submit.ts
+++ b/ts_web/elements/dees-form-submit.ts
@ -6,7 +6,7 @@ import {
  cssManager,
  property,
 } from '@designestate/dees-element';
-import { DeesForm } from './dees-form';
+import { DeesForm } from './dees-form.js';

 declare global {
  interface HTMLElementTagNameMap {
--- a/ts_web/elements/dees-form.ts
+++ b/ts_web/elements/dees-form.ts
@ -1,11 +1,11 @@
 import { customElement, html, TemplateResult, DeesElement } from '@designestate/dees-element';
-
-import { DeesInputCheckbox } from './dees-input-checkbox';
-import { DeesInputText } from './dees-input-text';
-import { DeesInputQuantitySelector } from './dees-input-quantityselector';
-import { DeesInputRadio } from './dees-input-radio';
 import * as domtools from '@designestate/dees-domtools';
-import { DeesFormSubmit } from './dees-form-submit';
+
+import { DeesInputCheckbox } from './dees-input-checkbox.js';
+import { DeesInputText } from './dees-input-text.js';
+import { DeesInputQuantitySelector } from './dees-input-quantityselector.js';
+import { DeesInputRadio } from './dees-input-radio.js';
+import { DeesFormSubmit } from './dees-form-submit.js';

 export type TFormElement = Array<
  DeesInputCheckbox | DeesInputText | DeesInputQuantitySelector | DeesInputRadio
--- a/ts_web/elements/dees-icon.ts
+++ b/ts_web/elements/dees-icon.ts
@ -1,4 +1,4 @@
-import { LitElement, html, property, customElement } from 'lit-element';
+import { DeesElement, html, property, customElement } from '@designestate/dees-element';

 import * as domtools from '@designestate/dees-domtools';

@ -48,8 +48,9 @@ declare global {
 }

@customElement('dees-icon')
-export class DeesIcon extends LitElement {
+export class DeesIcon extends DeesElement {
  public static demo = () => html`
+    <dees-icon iconName="visibility"></dees-icon>
    <div style="background: #fff; padding: 10px;">
      <dees-icon iconName="visibility"></dees-icon>
      <dees-icon brandName="facebook"></dees-icon>
--- a/ts_web/elements/dees-input-dropdown.ts
+++ b/ts_web/elements/dees-input-dropdown.ts
@ -1,4 +1,4 @@
-import { customElement, LitElement, TemplateResult, property, html } from 'lit-element';
+import { customElement, DeesElement, TemplateResult, property, html } from '@designestate/dees-element';
 import * as domtools from '@designestate/dees-domtools';

 declare global {
@ -8,7 +8,7 @@ declare global {
 }

@customElement('dees-input-dropdown')
-export class DeesInputDropdown extends LitElement {
+export class DeesInputDropdown extends DeesElement {
  public static demo = () => html`<dees-input-dropdown></dees-input-dropdown>`

  // INSTANCE
--- a/ts_web/elements/dees-input-radio.ts
+++ b/ts_web/elements/dees-input-radio.ts
@ -1,4 +1,4 @@
-import {customElement, LitElement, TemplateResult, property, html} from 'lit-element';
+import {customElement, DeesElement, TemplateResult, property, html} from '@designestate/dees-element';
 import * as domtools from '@designestate/dees-domtools';

 declare global {
@ -8,7 +8,7 @@ declare global {
 }

@customElement('dees-input-radio')
-export class DeesInputRadio extends LitElement {
+export class DeesInputRadio extends DeesElement {
  public static demo = () => html`<dees-input-radio></dees-input-radio>`;

  // INSTANCE
--- a/ts_web/elements/dees-search.ts
+++ b/ts_web/elements/dees-search.ts
--- a/ts_web/elements/dees-table.ts
+++ b/ts_web/elements/dees-table.ts
@ -66,18 +66,24 @@ export class DeesTable<T> extends DeesElement {
    </div>
  `;

-  @property()
-  public heading1: string;
-
-  @property()
-  public heading2: string;
+  @property({
+    type: String,
+  })
+  public heading1: string = 'heading 1';

  @property({
-    type: Array
+    type: String,
+  })
+  public heading2: string = 'heading 2';
+
+  @property({
+    type: Array,
  })
  public data: T[] = [];

-  @property()
+  @property({
+    type: Object,
+  })
  public selectedDataRow: T;

  @property({
@ -142,6 +148,9 @@ export class DeesTable<T> extends DeesElement {
      tr:first-child:hover .innerCellContainer {
        background: none;
      }
+      tr.selected .innerCellContainer {
+        background: #ffffff20
+      }
      th {
        text-transform: uppercase;
      }
@ -192,28 +201,39 @@ export class DeesTable<T> extends DeesElement {
              return html`
                <table>
                  <tr>
-                    ${headings.map(headingArg => html`
-                      <th>
-                        <div class="innerCellContainer">${headingArg}</div>
-                      </th>
-                    `)}
+                    ${headings.map(
+                      (headingArg) => html`
+                        <th>
+                          <div class="innerCellContainer">${headingArg}</div>
+                        </th>
+                      `
+                    )}
                  </tr>
-                  ${this.data.map(itemArg => html`
-                    <tr>
-                      ${headings.map(headingArg => html`
-                        <td>
-                          <div class="innerCellContainer">${itemArg[headingArg]}</div>
-                        </td>
-                      `)}
-                    </tr>
-                  `)}
+                  ${this.data.map(
+                    (itemArg) => html`
+                      <tr
+                        @click=${() => {
+                          this.selectedDataRow = itemArg;
+                        }}
+                        class="${itemArg === this.selectedDataRow ? 'selected' : ''}"
+                      >
+                        ${headings.map(
+                          (headingArg) => html`
+                            <td>
+                              <div class="innerCellContainer">${itemArg[headingArg]}</div>
+                            </td>
+                          `
+                        )}
+                      </tr>
+                    `
+                  )}
                </table>
              `;
            })()
          : html` <div class="noDataSet">No data set!</div> `}
        <div class="tableStatistics">
          ${this.data.length} data rows (total) |
-          ${this.selectedDataRow ? html`` : html`No row selected`}
+          ${this.selectedDataRow ? html`Row ${this.data.indexOf(this.selectedDataRow) + 1} selected` : html`No row selected`}
        </div>
      </div>
    `;
--- a/ts_web/elements/dees-toast.ts
+++ b/ts_web/elements/dees-toast.ts
@ -1,4 +1,4 @@
-import { customElement, LitElement, TemplateResult, html } from 'lit-element';
+import { customElement, DeesElement, TemplateResult, html } from '@designestate/dees-element';

 import * as domtools from '@designestate/dees-domtools';

@ -9,7 +9,7 @@ declare global {
 }

@customElement('dees-toast')
-export class DeesToast extends LitElement {
+export class DeesToast extends DeesElement {

  constructor() {
    super();
--- a/ts_web/elements/dees-updater.ts
+++ b/ts_web/elements/dees-updater.ts
@ -1,4 +1,4 @@
-import { customElement, LitElement, TemplateResult, html, property } from 'lit-element';
+import { customElement, DeesElement, TemplateResult, html, property } from '@designestate/dees-element';

 import * as domtools from '@designestate/dees-domtools';

@ -13,13 +13,17 @@ declare global {
 }

@customElement('dees-updater')
-export class DeesUpdater extends LitElement {
-  public static demo = () => html`<dees-updater ></dees-updater>`;
+export class DeesUpdater extends DeesElement {
+  public static demo = () => html`<dees-updater></dees-updater>`;

-  @property()
+  @property({
+    type: String,
+  })
  currentVersion: string;

-  @property()
+  @property({
+    type: String,
+  })
  updatedVersion: string;

  constructor() {
--- a/ts_web/elements/dees-windowlayer.ts
+++ b/ts_web/elements/dees-windowlayer.ts
@ -1,4 +1,4 @@
-import { customElement, LitElement, TemplateResult, html, property } from 'lit-element';
+import { customElement, DeesElement, TemplateResult, html, property } from '@designestate/dees-element';

 import * as domtools from '@designestate/dees-domtools';

@ -9,7 +9,7 @@ declare global {
 }

@customElement('dees-windowlayer')
-export class DeesWindowLayer extends LitElement {
+export class DeesWindowLayer extends DeesElement {
  // STATIC
  public static demo = () => html`<dees-windowlayer></dees-windowlayer>`;

--- a/ts_web/elements/index.ts
+++ b/ts_web/elements/index.ts
@ -1,16 +1,17 @@
-export * from './dees-button';
-export * from './dees-form';
-export * from './dees-form-submit';
-export * from './dees-icon';
-export * from './dees-input-checkbox';
-export * from './dees-input-dropdown';
-export * from './dees-input-fileupload';
-export * from './dees-input-quantityselector';
-export * from './dees-input-radio';
-export * from './dees-input-text';
-export * from './dees-spinner';
-export * from './dees-stepper';
-export * from './dees-table';
-export * from './dees-toast';
-export * from './dees-updater';
-export * from './dees-windowlayer';
+export * from './dees-button.js';
+export * from './dees-chips.js';
+export * from './dees-form.js';
+export * from './dees-form-submit.js';
+export * from './dees-icon.js';
+export * from './dees-input-checkbox.js';
+export * from './dees-input-dropdown.js';
+export * from './dees-input-fileupload.js';
+export * from './dees-input-quantityselector.js';
+export * from './dees-input-radio.js';
+export * from './dees-input-text.js';
+export * from './dees-spinner.js';
+export * from './dees-stepper.js';
+export * from './dees-table.js';
+export * from './dees-toast.js';
+export * from './dees-updater.js';
+export * from './dees-windowlayer.js';
--- a/ts_web/index.ts
+++ b/ts_web/index.ts
@ -1 +1 @@
-export * from './elements/index';
+export * from './elements/index.js';
--- a/tsconfig.json
+++ b/tsconfig.json
@ -1,7 +1,8 @@
 {
  "compilerOptions": {
    "experimentalDecorators": true,
-    "target": "ES2017",
-    "moduleResolution": "Node"
+    "target": "ES2020",
+    "module": "ES2020",
+    "moduleResolution": "Node12"
  }
 }
Author	SHA1	Message	Date
Philipp Kunz	3a2ba14287	1.0.75	2022-03-18 19:40:29 +01:00
Philipp Kunz	c1b5778d01	fix(core): update	2022-03-18 19:40:28 +01:00
Philipp Kunz	24a5f48ce1	1.0.74	2022-01-24 01:39:48 +01:00
Philipp Kunz	d43b80298b	fix(core): update	2022-01-24 01:39:47 +01:00
Philipp Kunz	27d338420c	1.0.73	2021-12-10 18:18:57 +01:00
Philipp Kunz	81f2e662fb	fix(core): update	2021-12-10 18:18:57 +01:00
Philipp Kunz	d8905b687f	1.0.72	2021-11-27 17:38:53 +01:00
Philipp Kunz	75f6da194b	fix(core): update	2021-11-27 17:38:53 +01:00
Philipp Kunz	e653450ec5	1.0.71	2021-11-26 20:06:10 +01:00
Philipp Kunz	9de9f0c202	fix(core): update	2021-11-26 20:06:09 +01:00
Philipp Kunz	75929c089d	1.0.70	2021-10-08 16:07:41 +02:00
Philipp Kunz	6a97e8d020	fix(core): update	2021-10-08 16:07:40 +02:00
Philipp Kunz	6aeb970bbe	1.0.69	2021-10-08 14:19:56 +02:00
Philipp Kunz	ea7fa0816d	fix(core): update	2021-10-08 14:19:55 +02:00
Philipp Kunz	1b1de04f86	1.0.68	2021-10-07 18:47:36 +02:00
Philipp Kunz	7941628d1d	fix(core): update	2021-10-07 18:47:36 +02:00