@design.estate/dees-catalog 1.0.220 → 1.0.222

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@design.estate/dees-catalog",
-  "version": "1.0.220",
+  "version": "1.0.222",
   "private": false,
   "description": "website for lossless.com",
   "main": "dist_ts_web/index.js",

package/ts_web/00_commitinfo_data.ts

@@ -3,6 +3,6 @@
  */
 export const commitinfo = {
   name: '@design.estate/dees-catalog',
-  version: '1.0.220',
+  version: '1.0.222',
   description: 'website for lossless.com'
 }

package/ts_web/elements/dees-form.ts

@@ -6,16 +6,18 @@ 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';
+import { DeesTable } from './dees-table.js';
 
 // Unified set for form input types
 const FORM_INPUT_TYPES = [
   DeesInputCheckbox,
   DeesInputText,
   DeesInputQuantitySelector,
-  DeesInputRadio
+  DeesInputRadio,
+  DeesTable,
 ];
 
-export type TFormInputElement = DeesInputCheckbox | DeesInputText | DeesInputQuantitySelector | DeesInputRadio;
+export type TFormInputElement = DeesInputCheckbox | DeesInputText | DeesInputQuantitySelector | DeesInputRadio | DeesTable<any>;
 
 declare global {
   interface HTMLElementTagNameMap {
@@ -102,7 +104,7 @@ export class DeesForm extends DeesElement {
 
   public async collectFormData() {
     const children = this.getFormElements();
-    const valueObject: { [key: string]: string | number | boolean } = {};
+    const valueObject: { [key: string]: string | number | boolean | any [] } = {};
     for (const child of children) {
       if (!child.key) {
         console.log(`form element with label "${child.label}" has no key. skipping.`);

package/ts_web/elements/dees-icon.ts

@@ -48,19 +48,24 @@ import {
   faDesktop as faDesktopSolid,
   faEye as faEyeSolid,
   faEyeSlash as faEyeSlashSolid,
+  faFileInvoice as faFileInvoiceSolid,
+  faFileInvoiceDollar as faFileInvoiceDollarSolid,
   faGrip as faGripSolid,
   faMessage as faMessageSolid,
+  faMoneyCheckDollar as faMoneyCheckDollarSolid,
   faMugHot as faMugHotSolid,
   faMinus as faMinusSolid,
   faPaste as faPasteSolid,
   faPenToSquare as faPenToSquareSolid,
   faPlus as faPlusSolid,
+  faReceipt as faReceiptSolid,
   faRss as faRssSolid,
   faUsers as faUsersSolid,
   faShare as faShareSolid,
   faSun as faSunSolid,
   faTrash as faTrashSolid,
   faTrashCan as faTrashCanSolid,
+  faWallet as faWalletSolid,
   faXmark as faXmarkSolid,
 } from '@fortawesome/free-solid-svg-icons';
 import { demoFunc } from './dees-icon.demo.js';
@@ -86,15 +91,19 @@ export const faIcons = {
   desktop: faDesktopSolid,
   eye: faEyeSolid,
   eyeSlash: faEyeSlashSolid,
+  fileInvoice: faFileInvoiceSolid,
+  fileInvoiceDoller: faFileInvoiceDollarSolid,
   grip: faGripSolid,
   message: faMessageRegular,
   messageSolid: faMessageSolid,
+  moneyCheckDollar: faMoneyCheckDollarSolid,
   mugHot: faMugHotSolid,
   minus: faMinusSolid,
   paste: faPasteRegular,
   pasteSolid: faPasteSolid,
   penToSquare: faPenToSquareSolid,
   plus: faPlusSolid,
+  receipt: faReceiptSolid,
   rss: faRssSolid,
   share: faShareSolid,
   sun: faSunRegular,
@@ -104,6 +113,7 @@ export const faIcons = {
   trashCan: faTrashCanRegular,
   trashCanSolid: faTrashCanSolid,
   users: faUsersSolid,
+  wallet: faWalletSolid,
   xmark: faXmarkSolid,
   // brands
   facebook: faFacebook,

package/ts_web/elements/dees-input-text.ts

@@ -16,7 +16,6 @@ export class DeesInputText extends DeesElement {
 
   // INSTANCE
   public changeSubject = new domtools.rxjs.Subject<DeesInputText>();
-  public valueChangeSubject = new domtools.rxjs.Subject<string>();
 
   @property({
     type: String
@@ -143,7 +142,6 @@ export class DeesInputText extends DeesElement {
     const target: any = eventArg.target;
     this.value = target.value;
     this.changeSubject.next(this);
-    this.valueChangeSubject.next(this.value);
   }
 
   public async freeze() {

package/ts_web/elements/dees-table.ts

@@ -88,6 +88,34 @@ export class DeesTable<T> extends DeesElement {
   })
   public data: T[] = [];
 
+  // dees-form compatibility -----------------------------------------
+  @property({
+    type: String,
+  })
+  public key: string;
+
+  @property({
+    type: String,
+  })
+  public label: string;
+
+  @property({
+    type: Boolean,
+  })
+  public disabled: boolean = false;
+
+  @property({
+    type: Boolean,
+  })
+  public required: boolean = false;
+
+  get value() {
+    return this.data;
+  }
+  set value(valueArg) {}
+  public changeSubject = new domtools.rxjs.Subject<DeesTable<T>>();
+  // end dees-form compatibility -----------------------------------------
+
   @property({
     type: String,
     reflect: true,
@@ -335,7 +363,7 @@ export class DeesTable<T> extends DeesElement {
         <!-- the heading part -->
         <div class="header">
           <div class="headingContainer">
-            <div class="heading heading1">${this.heading1}</div>
+            <div class="heading heading1">${this.label || this.heading1}</div>
             <div class="heading heading2">${this.heading2}</div>
           </div>
           <div class="headerActions">