@design.estate/dees-catalog 1.0.243 → 1.0.246

package/dist_ts_web/00_commitinfo_data.js

@@ -3,7 +3,7 @@
  */
 export const commitinfo = {
     name: '@design.estate/dees-catalog',
-    version: '1.0.243',
+    version: '1.0.246',
     description: 'website for lossless.com'
 };
 //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiMDBfY29tbWl0aW5mb19kYXRhLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vdHNfd2ViLzAwX2NvbW1pdGluZm9fZGF0YS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7R0FFRztBQUNILE1BQU0sQ0FBQyxNQUFNLFVBQVUsR0FBRztJQUN4QixJQUFJLEVBQUUsNkJBQTZCO0lBQ25DLE9BQU8sRUFBRSxTQUFTO0lBQ2xCLFdBQVcsRUFBRSwwQkFBMEI7Q0FDeEMsQ0FBQSJ9

package/dist_ts_web/elements/00colors.d.ts

@@ -0,0 +1,10 @@
+export declare const dark: {
+    blue: string;
+    blueActive: string;
+    text: string;
+};
+export declare const bright: {
+    blue: string;
+    blueActive: string;
+    text: string;
+};

package/dist_ts_web/elements/00colors.js

@@ -0,0 +1,11 @@
+export const dark = {
+    blue: '#0050b9',
+    blueActive: '#0069f2',
+    text: '#ffffff',
+};
+export const bright = {
+    blue: '#0050b9',
+    blueActive: '#0069f2',
+    text: '#333333',
+};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiMDBjb2xvcnMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi90c193ZWIvZWxlbWVudHMvMDBjb2xvcnMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsTUFBTSxDQUFDLE1BQU0sSUFBSSxHQUFHO0lBQ2xCLElBQUksRUFBRSxTQUFTO0lBQ2YsVUFBVSxFQUFFLFNBQVM7SUFDckIsSUFBSSxFQUFFLFNBQVM7Q0FDaEIsQ0FBQTtBQUVELE1BQU0sQ0FBQyxNQUFNLE1BQU0sR0FBRztJQUNwQixJQUFJLEVBQUUsU0FBUztJQUNmLFVBQVUsRUFBRSxTQUFTO0lBQ3JCLElBQUksRUFBRSxTQUFTO0NBQ2hCLENBQUEifQ==

package/dist_ts_web/elements/00plugins.d.ts

@@ -0,0 +1,4 @@
+import * as smartpromise from '@push.rocks/smartpromise';
+export { smartpromise, };
+import * as tsclass from '@tsclass/tsclass';
+export { tsclass };

package/dist_ts_web/elements/00plugins.js

@@ -0,0 +1,7 @@
+// @push.rocks scope
+import * as smartpromise from '@push.rocks/smartpromise';
+export { smartpromise, };
+// @tsclass scope
+import * as tsclass from '@tsclass/tsclass';
+export { tsclass };
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiMDBwbHVnaW5zLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vdHNfd2ViL2VsZW1lbnRzLzAwcGx1Z2lucy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxvQkFBb0I7QUFDcEIsT0FBTyxLQUFLLFlBQVksTUFBTSwwQkFBMEIsQ0FBQztBQUV6RCxPQUFPLEVBQ0wsWUFBWSxHQUNiLENBQUE7QUFFRCxpQkFBaUI7QUFDakIsT0FBTyxLQUFLLE9BQU8sTUFBTSxrQkFBa0IsQ0FBQztBQUU1QyxPQUFPLEVBQ0wsT0FBTyxFQUNSLENBQUEifQ==

package/dist_ts_web/elements/dees-contextmenu.d.ts

@@ -1,4 +1,4 @@
-import * as plugins from './plugins.js';
+import * as plugins from './00plugins.js';
 import { DeesElement, type TemplateResult, type CSSResult } from '@design.estate/dees-element';
 import { DeesWindowLayer } from './dees-windowlayer.js';
 declare global {

package/dist_ts_web/elements/dees-contextmenu.demo.js

@@ -1,5 +1,5 @@
 import { html } from '@design.estate/dees-element';
-import * as plugins from './plugins.js';
+import * as plugins from './00plugins.js';
 import { DeesContextmenu } from './dees-contextmenu.js';
 export const demoFunc = () => html `
 <style>
@@ -53,4 +53,4 @@ export const demoFunc = () => html `
 ]}
 ></dees-contextmenu>
 `;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGVlcy1jb250ZXh0bWVudS5kZW1vLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vdHNfd2ViL2VsZW1lbnRzL2RlZXMtY29udGV4dG1lbnUuZGVtby50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsSUFBSSxFQUFFLE1BQU0sNkJBQTZCLENBQUM7QUFDbkQsT0FBTyxLQUFLLE9BQU8sTUFBTSxjQUFjLENBQUM7QUFFeEMsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLHVCQUF1QixDQUFDO0FBRXhELE1BQU0sQ0FBQyxNQUFNLFFBQVEsR0FBRyxHQUFHLEVBQUUsQ0FBQyxJQUFJLENBQUE7Ozs7Ozs7NEJBT04sQ0FBQyxRQUFRLEVBQUUsRUFBRTtJQUN2QyxlQUFlLENBQUMsMEJBQTBCLENBQUMsUUFBUSxFQUFFO1FBQ25EO1lBQ0UsSUFBSSxFQUFFLE1BQU07WUFDWixRQUFRLEVBQUUsV0FBVztZQUNyQixNQUFNLEVBQUUsS0FBSyxJQUFJLEVBQUU7Z0JBQ2pCLE9BQU8sSUFBSSxDQUFDO1lBQ2QsQ0FBQztTQUNGO1FBQ0Q7WUFDRSxJQUFJLEVBQUUsTUFBTTtZQUNaLFFBQVEsRUFBRSxhQUFhO1lBQ3ZCLE1BQU0sRUFBRSxLQUFLLElBQUksRUFBRTtnQkFDakIsT0FBTyxJQUFJLENBQUM7WUFDZCxDQUFDO1NBQ0YsRUFBQztZQUNBLElBQUksRUFBRSxPQUFPO1lBQ2IsUUFBUSxFQUFFLFlBQVk7WUFDdEIsTUFBTSxFQUFFLEtBQUssSUFBSSxFQUFFO2dCQUNqQixPQUFPLElBQUksQ0FBQztZQUNkLENBQUM7U0FDRjtLQUNGLENBQUMsQ0FBQztBQUNMLENBQUM7Ozs7ZUFJYztJQUNYO1FBQ0UsSUFBSSxFQUFFLE1BQU07UUFDWixRQUFRLEVBQUUsV0FBVztRQUNyQixNQUFNLEVBQUUsS0FBSyxJQUFJLEVBQUUsR0FBRSxDQUFDO0tBQ3ZCO0lBQ0Q7UUFDRSxJQUFJLEVBQUUsTUFBTTtRQUNaLFFBQVEsRUFBRSxhQUFhO1FBQ3ZCLE1BQU0sRUFBRSxLQUFLLElBQUksRUFBRSxHQUFFLENBQUM7S0FDdkIsRUFBQztRQUNBLElBQUksRUFBRSxPQUFPO1FBQ2IsUUFBUSxFQUFFLFlBQVk7UUFDdEIsTUFBTSxFQUFFLEtBQUssSUFBSSxFQUFFLEdBQUUsQ0FBQztLQUN2QjtDQUNxQzs7Q0FFekMsQ0FBQyJ9
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGVlcy1jb250ZXh0bWVudS5kZW1vLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vdHNfd2ViL2VsZW1lbnRzL2RlZXMtY29udGV4dG1lbnUuZGVtby50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsSUFBSSxFQUFFLE1BQU0sNkJBQTZCLENBQUM7QUFDbkQsT0FBTyxLQUFLLE9BQU8sTUFBTSxnQkFBZ0IsQ0FBQztBQUUxQyxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sdUJBQXVCLENBQUM7QUFFeEQsTUFBTSxDQUFDLE1BQU0sUUFBUSxHQUFHLEdBQUcsRUFBRSxDQUFDLElBQUksQ0FBQTs7Ozs7Ozs0QkFPTixDQUFDLFFBQVEsRUFBRSxFQUFFO0lBQ3ZDLGVBQWUsQ0FBQywwQkFBMEIsQ0FBQyxRQUFRLEVBQUU7UUFDbkQ7WUFDRSxJQUFJLEVBQUUsTUFBTTtZQUNaLFFBQVEsRUFBRSxXQUFXO1lBQ3JCLE1BQU0sRUFBRSxLQUFLLElBQUksRUFBRTtnQkFDakIsT0FBTyxJQUFJLENBQUM7WUFDZCxDQUFDO1NBQ0Y7UUFDRDtZQUNFLElBQUksRUFBRSxNQUFNO1lBQ1osUUFBUSxFQUFFLGFBQWE7WUFDdkIsTUFBTSxFQUFFLEtBQUssSUFBSSxFQUFFO2dCQUNqQixPQUFPLElBQUksQ0FBQztZQUNkLENBQUM7U0FDRixFQUFDO1lBQ0EsSUFBSSxFQUFFLE9BQU87WUFDYixRQUFRLEVBQUUsWUFBWTtZQUN0QixNQUFNLEVBQUUsS0FBSyxJQUFJLEVBQUU7Z0JBQ2pCLE9BQU8sSUFBSSxDQUFDO1lBQ2QsQ0FBQztTQUNGO0tBQ0YsQ0FBQyxDQUFDO0FBQ0wsQ0FBQzs7OztlQUljO0lBQ1g7UUFDRSxJQUFJLEVBQUUsTUFBTTtRQUNaLFFBQVEsRUFBRSxXQUFXO1FBQ3JCLE1BQU0sRUFBRSxLQUFLLElBQUksRUFBRSxHQUFFLENBQUM7S0FDdkI7SUFDRDtRQUNFLElBQUksRUFBRSxNQUFNO1FBQ1osUUFBUSxFQUFFLGFBQWE7UUFDdkIsTUFBTSxFQUFFLEtBQUssSUFBSSxFQUFFLEdBQUUsQ0FBQztLQUN2QixFQUFDO1FBQ0EsSUFBSSxFQUFFLE9BQU87UUFDYixRQUFRLEVBQUUsWUFBWTtRQUN0QixNQUFNLEVBQUUsS0FBSyxJQUFJLEVBQUUsR0FBRSxDQUFDO0tBQ3ZCO0NBQ3FDOztDQUV6QyxDQUFDIn0=

package/dist_ts_web/elements/dees-contextmenu.js

@@ -8,8 +8,9 @@ var __metadata = (this && this.__metadata) || function (k, v) {
     if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
 };
 var DeesContextmenu_1;
+import * as colors from './00colors.js';
+import * as plugins from './00plugins.js';
 import { demoFunc } from './dees-contextmenu.demo.js';
-import * as plugins from './plugins.js';
 import { customElement, html, DeesElement, property, cssManager, css, unsafeCSS, } from '@design.estate/dees-element';
 import * as domtools from '@design.estate/dees-domtools';
 import { DeesWindowLayer } from './dees-windowlayer.js';
@@ -88,16 +89,18 @@ let DeesContextmenu = class DeesContextmenu extends DeesElement {
         color: ${cssManager.bdTheme('#222', '#ccc')};
         font-size: 14px;
         width: 200px;
-        border: 1px solid ${cssManager.bdTheme('#fff', '#444')};
+        border: 1px solid ${cssManager.bdTheme('#fff', '#ffffff10')};
         min-height: 34px;
         border-radius: 3px;
         background: ${cssManager.bdTheme('#fff', '#222')};
         box-shadow: 0px 1px 4px ${cssManager.bdTheme('#00000020', '#000000')};
         user-select: none;
+        padding: 4px;
       }
 
       .mainbox .menuitem {
-        padding: 8px;
+        padding: 4px 8px;
+        border-radius: 3px;
       }
 
       .mainbox .menuitem dees-icon {
@@ -108,7 +111,7 @@ let DeesContextmenu = class DeesContextmenu extends DeesElement {
       }
 
       .mainbox .menuitem:hover {
-        background: ${cssManager.bdTheme('#00000010', '#ffffff10')};
+        background: ${cssManager.bdTheme(colors.bright.blue, colors.dark.blue)};
       }
 
       .mainbox .menuitem:active {
@@ -167,4 +170,4 @@ DeesContextmenu = DeesContextmenu_1 = __decorate([
 ], DeesContextmenu);
 export { DeesContextmenu };
 DeesContextmenu.initializeGlobalListener();
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGVlcy1jb250ZXh0bWVudS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uL3RzX3dlYi9lbGVtZW50cy9kZWVzLWNvbnRleHRtZW51LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7QUFBQSxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sNEJBQTRCLENBQUM7QUFDdEQsT0FBTyxLQUFLLE9BQU8sTUFBTSxjQUFjLENBQUM7QUFDeEMsT0FBTyxFQUNMLGFBQWEsRUFDYixJQUFJLEVBQ0osV0FBVyxFQUNYLFFBQVEsRUFFUixVQUFVLEVBQ1YsR0FBRyxFQUVILFNBQVMsR0FDVixNQUFNLDZCQUE2QixDQUFDO0FBRXJDLE9BQU8sS0FBSyxRQUFRLE1BQU0sOEJBQThCLENBQUM7QUFDekQsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLHVCQUF1QixDQUFDO0FBU2pELElBQU0sZUFBZSxHQUFyQixNQUFNLGVBQWdCLFNBQVEsV0FBVzs7SUFDOUMsT0FBTzthQUNPLFNBQUksR0FBRyxRQUFRLEFBQVgsQ0FBVztJQUU3QixTQUFTO0lBQ1QsaURBQWlEO2FBQ25DLDJCQUFzQixHQUFHLEtBQUssQUFBUixDQUFTO2FBQy9CLHlCQUFvQixHQUF3QyxFQUFFLEFBQTFDLENBQTJDO0lBRTdFLCtEQUErRDtJQUN4RCxNQUFNLENBQUMsd0JBQXdCO1FBQ3BDLFFBQVEsQ0FBQyxnQkFBZ0IsQ0FBQyxhQUFhLEVBQUUsQ0FBQyxLQUFpQixFQUFFLEVBQUU7WUFDN0QsSUFBSSxJQUFJLENBQUMsc0JBQXNCLEVBQUUsQ0FBQztnQkFDaEMsT0FBTztZQUNULENBQUM7WUFDRCxLQUFLLENBQUMsY0FBYyxFQUFFLENBQUM7WUFFdkIsNENBQTRDO1lBQzVDLElBQUksTUFBTSxHQUF1QixLQUFLLENBQUMsTUFBTSxDQUFDO1lBRTlDLHFDQUFxQztZQUNyQyxpQkFBZSxDQUFDLG9CQUFvQixHQUFHLEVBQUUsQ0FBQztZQUUxQyxvREFBb0Q7WUFDcEQsT0FB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
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGVlcy1jb250ZXh0bWVudS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uL3RzX3dlYi9lbGVtZW50cy9kZWVzLWNvbnRleHRtZW51LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7QUFBQSxPQUFPLEtBQUssTUFBTSxNQUFNLGVBQWUsQ0FBQztBQUN4QyxPQUFPLEtBQUssT0FBTyxNQUFNLGdCQUFnQixDQUFDO0FBQzFDLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSw0QkFBNEIsQ0FBQztBQUN0RCxPQUFPLEVBQ0wsYUFBYSxFQUNiLElBQUksRUFDSixXQUFXLEVBQ1gsUUFBUSxFQUVSLFVBQVUsRUFDVixHQUFHLEVBRUgsU0FBUyxHQUNWLE1BQU0sNkJBQTZCLENBQUM7QUFFckMsT0FBTyxLQUFLLFFBQVEsTUFBTSw4QkFBOEIsQ0FBQztBQUN6RCxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sdUJBQXVCLENBQUM7QUFTakQsSUFBTSxlQUFlLEdBQXJCLE1BQU0sZUFBZ0IsU0FBUSxXQUFXOztJQUM5QyxPQUFPO2FBQ08sU0FBSSxHQUFHLFFBQVEsQUFBWCxDQUFXO0lBRTdCLFNBQVM7SUFDVCxpREFBaUQ7YUFDbkMsMkJBQXNCLEdBQUcsS0FBSyxBQUFSLENBQVM7YUFDL0IseUJBQW9CLEdBQXdDLEVBQUUsQUFBMUMsQ0FBMkM7SUFFN0UsK0RBQStEO0lBQ3hELE1BQU0sQ0FBQyx3QkFBd0I7UUFDcEMsUUFBUSxDQUFDLGdCQUFnQixDQUFDLGFBQWEsRUFBRSxDQUFDLEtBQWlCLEVBQUUsRUFBRTtZQUM3RCxJQUFJLElBQUksQ0FBQyxzQkFBc0IsRUFBRSxDQUFDO2dCQUNoQyxPQUFPO1lBQ1QsQ0FBQztZQUNELEtBQUssQ0FBQyxjQUFjLEVBQUUsQ0FBQztZQUV2Qiw0Q0FBNEM7WUFDNUMsSUFBSSxNQUFNLEdBQXVCLEtBQUssQ0FBQyxNQUFNLENBQUM7WUFFOUMscUNBQXFDO1lBQ3JDLGlCQUFlLENBQUMsb0JBQW9C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

package/dist_ts_web/elements/dees-dataview-statusobject.js

@@ -7,6 +7,8 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 var __metadata = (this && this.__metadata) || function (k, v) {
     if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
 };
+import * as colors from './00colors.js';
+import * as plugins from './00plugins.js';
 import { demoFunc } from './dees-dataview-statusobject.demo.js';
 import { DeesElement, html, customElement, property, state, cssManager, css, } from '@design.estate/dees-element';
 import * as tsclass from '@tsclass/tsclass';
@@ -21,6 +23,7 @@ let DeesDataviewStatusobject = class DeesDataviewStatusobject extends DeesElemen
         box-shadow: 0px 1px 3px #00000030;
         min-height: 48px;
         color: ${cssManager.bdTheme('#000', '#fff')};
+        cursor: default;
       }
 
       .heading {
@@ -56,7 +59,20 @@ let DeesDataviewStatusobject = class DeesDataviewStatusobject extends DeesElemen
         padding: 4px;
         border-radius: 3px;
         margin-right: 16px;
-        color: #ffffff80
+        color: #ffffff80;
+        user-select: none;
+      }
+
+      .copyMain:hover {
+        background: ${cssManager.bdTheme(colors.bright.blue, colors.dark.blue)};
+        border: 1px solid ${cssManager.bdTheme(colors.bright.blue, colors.dark.blue)};
+        color: #fff;
+      }
+
+      .copyMain:active {
+        background: ${cssManager.bdTheme(colors.bright.blueActive, colors.dark.blueActive)};
+        border: 1px solid ${cssManager.bdTheme(colors.bright.blueActive, colors.dark.blueActive)};
+        color: #fff;
       }
 
       .statusdot.ok {
@@ -72,11 +88,16 @@ let DeesDataviewStatusobject = class DeesDataviewStatusobject extends DeesElemen
       }
 
       .detail {
-        minheight: 60px;
+        min-height: 60px;
         align-items: center;
         display: grid;
         grid-template-columns: 40px auto;
         border-top: 1px dotted ${cssManager.bdTheme('#999', '#282828')};
+        transition: all 0.2s;
+      }
+
+      .detail:hover {
+        background: #ffffff05;
       }
 
       .detail .detailsText {
@@ -129,4 +150,4 @@ DeesDataviewStatusobject = __decorate([
     customElement('dees-dataview-statusobject')
 ], DeesDataviewStatusobject);
 export { DeesDataviewStatusobject };
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGVlcy1kYXRhdmlldy1zdGF0dXNvYmplY3QuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi90c193ZWIvZWxlbWVudHMvZGVlcy1kYXRhdmlldy1zdGF0dXNvYmplY3QudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7O0FBQUEsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLHNDQUFzQyxDQUFDO0FBQ2hFLE9BQU8sRUFDTCxXQUFXLEVBQ1gsSUFBSSxFQUNKLGFBQWEsRUFFYixRQUFRLEVBQ1IsS0FBSyxFQUNMLFVBQVUsRUFDVixHQUFHLEdBRUosTUFBTSw2QkFBNkIsQ0FBQztBQUVyQyxPQUFPLEtBQUssT0FBTyxNQUFNLGtCQUFrQixDQUFDO0FBU3JDLElBQU0sd0JBQXdCLEdBQTlCLE1BQU0sd0JBQXlCLFNBQVEsV0FBVzthQUN6QyxTQUFJLEdBQUcsUUFBUSxBQUFYLENBQVk7YUFJaEIsV0FBTSxHQUFHO1FBQ3JCLFVBQVUsQ0FBQyxhQUFhO1FBQ3hCLEdBQUcsQ0FBQTs7O3NCQUdlLFVBQVUsQ0FBQyxPQUFPLENBQUMsTUFBTSxFQUFFLFNBQVMsQ0FBQzs7O2lCQUcxQyxVQUFVLENBQUMsT0FBTyxDQUFDLE1BQU0sRUFBRSxNQUFNLENBQUM7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7NEJBK0J2QixVQUFVLENBQUMsT0FBTyxDQUFDLE1BQU0sRUFBRSxNQUFNLENBQUM7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7aUNBeUI3QixVQUFVLENBQUMsT0FBTyxDQUFDLE1BQU0sRUFBRSxTQUFTLENBQUM7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7S0FtQmpFO0tBQ0YsQUFwRm1CLENBb0ZsQjtJQUVGLE1BQU07UUFDSixPQUFPLElBQUksQ0FBQTs7O2tDQUdtQixJQUFJLENBQUMsWUFBWSxFQUFFLGNBQWM7Z0JBQ25ELElBQUksQ0FBQyxZQUFZLEVBQUUsSUFBSSxJQUFJLDJCQUEyQjs7O1VBRzVELElBQUksQ0FBQyxZQUFZLEVBQUUsT0FBTyxFQUFFLEdBQUcsQ0FBQyxDQUFDLFNBQVMsRUFBRSxFQUFFO1lBQzlDLE9BQU8sSUFBSSxDQUFBOztzQ0FFaUIsU0FBUyxDQUFDLE1BQU07O3FDQUVqQixTQUFTLENBQUMsSUFBSTtxQ0FDZCxTQUFTLENBQUMsS0FBSzs7O1dBR3pDLENBQUM7UUFDSixDQUFDLENBQUM7O0tBRUwsQ0FBQztJQUNKLENBQUM7SUFFRCxLQUFLLENBQUMsWUFBWSxLQUFJLENBQUM7O0FBL0dLO0lBQTNCLFFBQVEsQ0FBQyxFQUFFLElBQUksRUFBRSxNQUFNLEVBQUUsQ0FBQzs7OERBQTBDO0FBSDFELHdCQUF3QjtJQURwQyxhQUFhLENBQUMsNEJBQTRCLENBQUM7R0FDL0Isd0JBQXdCLENBbUhwQyJ9
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGVlcy1kYXRhdmlldy1zdGF0dXNvYmplY3QuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi90c193ZWIvZWxlbWVudHMvZGVlcy1kYXRhdmlldy1zdGF0dXNvYmplY3QudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7O0FBQUEsT0FBTyxLQUFLLE1BQU0sTUFBTSxlQUFlLENBQUM7QUFDeEMsT0FBTyxLQUFLLE9BQU8sTUFBTSxnQkFBZ0IsQ0FBQztBQUUxQyxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sc0NBQXNDLENBQUM7QUFDaEUsT0FBTyxFQUNMLFdBQVcsRUFDWCxJQUFJLEVBQ0osYUFBYSxFQUViLFFBQVEsRUFDUixLQUFLLEVBQ0wsVUFBVSxFQUNWLEdBQUcsR0FFSixNQUFNLDZCQUE2QixDQUFDO0FBRXJDLE9BQU8sS0FBSyxPQUFPLE1BQU0sa0JBQWtCLENBQUM7QUFTckMsSUFBTSx3QkFBd0IsR0FBOUIsTUFBTSx3QkFBeUIsU0FBUSxXQUFXO2FBQ3pDLFNBQUksR0FBRyxRQUFRLEFBQVgsQ0FBWTthQUloQixXQUFNLEdBQUc7UUFDckIsVUFBVSxDQUFDLGFBQWE7UUFDeEIsR0FBRyxDQUFBOzs7c0JBR2UsVUFBVSxDQUFDLE9BQU8sQ0FBQyxNQUFNLEVBQUUsU0FBUyxDQUFDOzs7aUJBRzFDLFVBQVUsQ0FBQyxPQUFPLENBQUMsTUFBTSxFQUFFLE1BQU0sQ0FBQzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7NEJBZ0N2QixVQUFVLENBQUMsT0FBTyxDQUFDLE1BQU0sRUFBRSxNQUFNLENBQUM7Ozs7Ozs7Ozs7c0JBVXhDLFVBQVUsQ0FBQyxPQUFPLENBQUMsTUFBTSxDQUFDLE1BQU0sQ0FBQyxJQUFJLEVBQUUsTUFBTSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUM7NEJBQ2xELFVBQVUsQ0FBQyxPQUFPLENBQUMsTUFBTSxDQUFDLE1BQU0sQ0FBQyxJQUFJLEVBQUUsTUFBTSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUM7Ozs7O3NCQUs5RCxVQUFVLENBQUMsT0FBTyxDQUFDLE1BQU0sQ0FBQyxNQUFNLENBQUMsVUFBVSxFQUFFLE1BQU0sQ0FBQyxJQUFJLENBQUMsVUFBVSxDQUFDOzRCQUM5RCxVQUFVLENBQUMsT0FBTyxDQUFDLE1BQU0sQ0FBQyxNQUFNLENBQUMsVUFBVSxFQUFFLE1BQU0sQ0FBQyxJQUFJLENBQUMsVUFBVSxDQUFDOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7aUNBcUIvRCxVQUFVLENBQUMsT0FBTyxDQUFDLE1BQU0sRUFBRSxTQUFTLENBQUM7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztLQXdCakU7S0FDRixBQXZHbUIsQ0F1R2xCO0lBRUYsTUFBTTtRQUNKLE9BQU8sSUFBSSxDQUFBOzs7a0NBR21CLElBQUksQ0FBQyxZQUFZLEVBQUUsY0FBYztnQkFDbkQsSUFBSSxDQUFDLFlBQVksRUFBRSxJQUFJLElBQUksMkJBQTJCOzs7VUFHNUQsSUFBSSxDQUFDLFlBQVksRUFBRSxPQUFPLEVBQUUsR0FBRyxDQUFDLENBQUMsU0FBUyxFQUFFLEVBQUU7WUFDOUMsT0FBTyxJQUFJLENBQUE7O3NDQUVpQixTQUFTLENBQUMsTUFBTTs7cUNBRWpCLFNBQVMsQ0FBQyxJQUFJO3FDQUNkLFNBQVMsQ0FBQyxLQUFLOzs7V0FHekMsQ0FBQztRQUNKLENBQUMsQ0FBQzs7S0FFTCxDQUFDO0lBQ0osQ0FBQztJQUVELEtBQUssQ0FBQyxZQUFZLEtBQUksQ0FBQzs7QUFsSUs7SUFBM0IsUUFBUSxDQUFDLEVBQUUsSUFBSSxFQUFFLE1BQU0sRUFBRSxDQUFDOzs4REFBMEM7QUFIMUQsd0JBQXdCO0lBRHBDLGFBQWEsQ0FBQyw0QkFBNEIsQ0FBQztHQUMvQix3QkFBd0IsQ0FzSXBDIn0=

package/dist_ts_web/elements/dees-form.demo.js

@@ -33,7 +33,9 @@ export const demoFunc = () => html `
     { option: 'option 2', key: 'option2' },
     { option: 'option 3', key: 'option3' },
 ]}></dees-input-multiselect>
-      <dees-input-typelist></dees-input-typelist>
+      <dees-input-typelist
+        .label=${'a type list'}
+      ></dees-input-typelist>
       <dees-input-text .required="${true}" key="hello1" label="a text"></dees-input-text>
       <dees-input-text .required="${true}" key="hello2" label="also a text"></dees-input-text>
       <dees-input-text
@@ -48,8 +50,16 @@ export const demoFunc = () => html `
         label="another text"
       ></dees-input-checkbox>
       <dees-input-iban></dees-input-iban>
+      <dees-input-multitoggle
+        .label=${'multi select'}
+        .options=${['option 1', 'option 2', 'option 3']}
+        .selectedOption=${'option 1'}
+      ></dees-input-multitoggle>
+      <dees-input-fileupload
+        .label=${'attachments'}
+      ></dees-input-fileupload>
       <dees-form-submit>Submit</dees-form-submit>
     </dees-form>
   </div>
 `;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGVlcy1mb3JtLmRlbW8uanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi90c193ZWIvZWxlbWVudHMvZGVlcy1mb3JtLmRlbW8udHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLElBQUksRUFBRSxRQUFRLEVBQUUsTUFBTSw2QkFBNkIsQ0FBQztBQUc3RCxNQUFNLENBQUMsTUFBTSxRQUFRLEdBQUcsR0FBRyxFQUFFLENBQUMsSUFBSSxDQUFBOzs7Ozs7Ozs7Ozs7a0JBWWhCLEtBQUssRUFBRSxRQUFRLEVBQUUsRUFBRTtJQUM3QixNQUFNLElBQUksR0FBYSxRQUFRLENBQUMsYUFBYSxDQUFDO0lBQzlDLElBQUksQ0FBQyxTQUFTLENBQUMsU0FBUyxFQUFFLG1CQUFtQixDQUFDLENBQUM7SUFDL0MsTUFBTSxRQUFRLENBQUMsT0FBTyxDQUFDLFVBQVUsQ0FBQyxRQUFRLENBQUMsSUFBSSxDQUFDLENBQUM7SUFDakQsSUFBSSxDQUFDLFNBQVMsQ0FBQyxTQUFTLEVBQUUsZ0JBQWdCLENBQUMsQ0FBQztBQUM5QyxDQUFDOzs7aUJBR1UsT0FBTzttQkFDTDtJQUNULEVBQUUsTUFBTSxFQUFFLFVBQVUsRUFBRSxHQUFHLEVBQUUsU0FBUyxFQUFFO0lBQ3RDLEVBQUUsTUFBTSxFQUFFLFVBQVUsRUFBRSxHQUFHLEVBQUUsU0FBUyxFQUFFO0lBQ3RDLEVBQUUsTUFBTSxFQUFFLFVBQVUsRUFBRSxHQUFHLEVBQUUsU0FBUyxFQUFFO0NBQ3ZDOzs7aUJBR1EsT0FBTzttQkFDTDtJQUNULEVBQUUsTUFBTSxFQUFFLFVBQVUsRUFBRSxHQUFHLEVBQUUsU0FBUyxFQUFFO0lBQ3RDLEVBQUUsTUFBTSxFQUFFLFVBQVUsRUFBRSxHQUFHLEVBQUUsU0FBUyxFQUFFO0lBQ3RDLEVBQUUsTUFBTSxFQUFFLFVBQVUsRUFBRSxHQUFHLEVBQUUsU0FBUyxFQUFFO0NBQ3ZDOztvQ0FFMkIsSUFBSTtvQ0FDSixJQUFJOztxQkFFbkIsSUFBSTs7Ozs7O3FCQU1KLElBQUk7Ozs7Ozs7O0NBUXhCLENBQUMifQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGVlcy1mb3JtLmRlbW8uanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi90c193ZWIvZWxlbWVudHMvZGVlcy1mb3JtLmRlbW8udHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLElBQUksRUFBRSxRQUFRLEVBQUUsTUFBTSw2QkFBNkIsQ0FBQztBQUc3RCxNQUFNLENBQUMsTUFBTSxRQUFRLEdBQUcsR0FBRyxFQUFFLENBQUMsSUFBSSxDQUFBOzs7Ozs7Ozs7Ozs7a0JBWWhCLEtBQUssRUFBRSxRQUFRLEVBQUUsRUFBRTtJQUM3QixNQUFNLElBQUksR0FBYSxRQUFRLENBQUMsYUFBYSxDQUFDO0lBQzlDLElBQUksQ0FBQyxTQUFTLENBQUMsU0FBUyxFQUFFLG1CQUFtQixDQUFDLENBQUM7SUFDL0MsTUFBTSxRQUFRLENBQUMsT0FBTyxDQUFDLFVBQVUsQ0FBQyxRQUFRLENBQUMsSUFBSSxDQUFDLENBQUM7SUFDakQsSUFBSSxDQUFDLFNBQVMsQ0FBQyxTQUFTLEVBQUUsZ0JBQWdCLENBQUMsQ0FBQztBQUM5QyxDQUFDOzs7aUJBR1UsT0FBTzttQkFDTDtJQUNULEVBQUUsTUFBTSxFQUFFLFVBQVUsRUFBRSxHQUFHLEVBQUUsU0FBUyxFQUFFO0lBQ3RDLEVBQUUsTUFBTSxFQUFFLFVBQVUsRUFBRSxHQUFHLEVBQUUsU0FBUyxFQUFFO0lBQ3RDLEVBQUUsTUFBTSxFQUFFLFVBQVUsRUFBRSxHQUFHLEVBQUUsU0FBUyxFQUFFO0NBQ3ZDOzs7aUJBR1EsT0FBTzttQkFDTDtJQUNULEVBQUUsTUFBTSxFQUFFLFVBQVUsRUFBRSxHQUFHLEVBQUUsU0FBUyxFQUFFO0lBQ3RDLEVBQUUsTUFBTSxFQUFFLFVBQVUsRUFBRSxHQUFHLEVBQUUsU0FBUyxFQUFFO0lBQ3RDLEVBQUUsTUFBTSxFQUFFLFVBQVUsRUFBRSxHQUFHLEVBQUUsU0FBUyxFQUFFO0NBQ3ZDOztpQkFFUSxhQUFhOztvQ0FFTSxJQUFJO29DQUNKLElBQUk7O3FCQUVuQixJQUFJOzs7Ozs7cUJBTUosSUFBSTs7Ozs7O2lCQU1SLGNBQWM7bUJBQ1osQ0FBQyxVQUFVLEVBQUUsVUFBVSxFQUFFLFVBQVUsQ0FBQzswQkFDN0IsVUFBVTs7O2lCQUduQixhQUFhOzs7OztDQUs3QixDQUFDIn0=

package/dist_ts_web/elements/dees-icon.d.ts

@@ -22,12 +22,14 @@ export declare const faIcons: {
     eyeSlash: IconDefinition;
     fileInvoice: IconDefinition;
     fileInvoiceDoller: IconDefinition;
+    gear: IconDefinition;
     grip: IconDefinition;
     message: IconDefinition;
     messageSolid: IconDefinition;
     moneyCheckDollar: IconDefinition;
     mugHot: IconDefinition;
     minus: IconDefinition;
+    paperclip: IconDefinition;
     paste: IconDefinition;
     pasteSolid: IconDefinition;
     penToSquare: IconDefinition;

package/dist_ts_web/elements/dees-icon.js

@@ -12,7 +12,7 @@ import * as domtools from '@design.estate/dees-domtools';
 import { icon } from '@fortawesome/fontawesome-svg-core';
 import { faFacebook, faGoogle, faLinkedin, faMedium, faSlackHash, faTwitter, faInstagram, faTiktok, } from '@fortawesome/free-brands-svg-icons';
 import { faCopy as faCopyRegular, faCircleCheck as faCircleCheckRegular, faCircleXmark as faCircleXmarkRegular, faMessage as faMessageRegular, faPaste as faPasteRegular, faSun as faSunRegular, faTrashCan as faTrashCanRegular, } from '@fortawesome/free-regular-svg-icons';
-import { faArrowRight as faArrowRightSolid, faArrowUpRightFromSquare as faArrowUpRightFromSquareSolid, faBell as faBellSolid, faBug as faBugSolid, faBuilding as faBuildingSolid, faCaretLeft as faCaretLeftSolid, faCaretRight as faCaretRightSolid, faCheck as faCheckSolid, faCircleInfo as faCircleInfoSolid, faCircleCheck as faCircleCheckSolid, faCircleXmark as faCircleXmarkSolid, faClockRotateLeft as faClockRotateLeftSolid, faCopy as faCopySolid, 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 { faArrowRight as faArrowRightSolid, faArrowUpRightFromSquare as faArrowUpRightFromSquareSolid, faBell as faBellSolid, faBug as faBugSolid, faBuilding as faBuildingSolid, faCaretLeft as faCaretLeftSolid, faCaretRight as faCaretRightSolid, faCheck as faCheckSolid, faCircleInfo as faCircleInfoSolid, faCircleCheck as faCircleCheckSolid, faCircleXmark as faCircleXmarkSolid, faClockRotateLeft as faClockRotateLeftSolid, faCopy as faCopySolid, faDesktop as faDesktopSolid, faEye as faEyeSolid, faEyeSlash as faEyeSlashSolid, faFileInvoice as faFileInvoiceSolid, faFileInvoiceDollar as faFileInvoiceDollarSolid, faGear as faGearSolid, faGrip as faGripSolid, faMessage as faMessageSolid, faMoneyCheckDollar as faMoneyCheckDollarSolid, faMugHot as faMugHotSolid, faMinus as faMinusSolid, faPaperclip as faPaperclipSolid, 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';
 export const faIcons = {
     // normal
@@ -37,12 +37,14 @@ export const faIcons = {
     eyeSlash: faEyeSlashSolid,
     fileInvoice: faFileInvoiceSolid,
     fileInvoiceDoller: faFileInvoiceDollarSolid,
+    gear: faGearSolid,
     grip: faGripSolid,
     message: faMessageRegular,
     messageSolid: faMessageSolid,
     moneyCheckDollar: faMoneyCheckDollarSolid,
     mugHot: faMugHotSolid,
     minus: faMinusSolid,
+    paperclip: faPaperclipSolid,
     paste: faPasteRegular,
     pasteSolid: faPasteSolid,
     penToSquare: faPenToSquareSolid,
@@ -128,4 +130,4 @@ DeesIcon = __decorate([
     __metadata("design:paramtypes", [])
 ], DeesIcon);
 export { DeesIcon };
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGVlcy1pY29uLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vdHNfd2ViL2VsZW1lbnRzL2RlZXMtaWNvbi50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7QUFBQSxPQUFPLEVBQ0wsV0FBVyxFQUNYLElBQUksRUFDSixRQUFRLEVBQ1IsYUFBYSxFQUNiLFVBQVUsRUFDVixHQUFHLEdBRUosTUFBTSw2QkFBNkIsQ0FBQztBQUVyQyxPQUFPLEtBQUssUUFBUSxNQUFNLDhCQUE4QixDQUFDO0FBRXpELE9BQU8sRUFBRSxJQUFJLEVBQXVCLE1BQU0sbUNBQW1DLENBQUM7QUFDOUUsT0FBTyxFQUNMLFVBQVUsRUFDVixRQUFRLEVBQ1IsVUFBVSxFQUNWLFFBQVEsRUFDUixXQUFXLEVBQ1gsU0FBUyxFQUNULFdBQVcsRUFDWCxRQUFRLEdBQ1QsTUFBTSxvQ0FBb0MsQ0FBQztBQUU1QyxPQUFPLEVBQ0wsTUFBTSxJQUFJLGFBQWEsRUFDdkIsYUFBYSxJQUFJLG9CQUFvQixFQUNyQyxhQUFhLElBQUksb0JBQW9CLEVBQ3JDLFNBQVMsSUFBSSxnQkFBZ0IsRUFDN0IsT0FBTyxJQUFJLGNBQWMsRUFDekIsS0FBSyxJQUFJLFlBQVksRUFDckIsVUFBVSxJQUFJLGlCQUFpQixHQUNoQyxNQUFNLHFDQUFxQyxDQUFDO0FBQzdDLE9BQU8sRUFDTCxZQUFZLElBQUksaUJBQWlCLEVBQ2pDLHdCQUF3QixJQUFJLDZCQUE2QixFQUN6RCxNQUFNLElBQUksV0FBVyxFQUNyQixLQUFLLElBQUksVUFBVSxFQUNuQixVQUFVLElBQUksZUFBZSxFQUM3QixXQUFXLElBQUksZ0JBQWdCLEVBQy9CLFlBQVksSUFBSSxpQkFBaUIsRUFDakMsT0FBTyxJQUFJLFlBQVksRUFDdkIsWUFBWSxJQUFJLGlCQUFpQixFQUNqQyxhQUFhLElBQUksa0JBQWtCLEVBQ25DLGFBQWEsSUFBSSxrQkFBa0IsRUFDbkMsaUJBQWlCLElBQUksc0JBQXNCLEVBQzNDLE1BQU0s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
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGVlcy1pY29uLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vdHNfd2ViL2VsZW1lbnRzL2RlZXMtaWNvbi50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7QUFBQSxPQUFPLEVBQ0wsV0FBVyxFQUNYLElBQUksRUFDSixRQUFRLEVBQ1IsYUFBYSxFQUNiLFVBQVUsRUFDVixHQUFHLEdBRUosTUFBTSw2QkFBNkIsQ0FBQztBQUVyQyxPQUFPLEtBQUssUUFBUSxNQUFNLDhCQUE4QixDQUFDO0FBRXpELE9BQU8sRUFBRSxJQUFJLEVBQXVCLE1BQU0sbUNBQW1DLENBQUM7QUFDOUUsT0FBTyxFQUNMLFVBQVUsRUFDVixRQUFRLEVBQ1IsVUFBVSxFQUNWLFFBQVEsRUFDUixXQUFXLEVBQ1gsU0FBUyxFQUNULFdBQVcsRUFDWCxRQUFRLEdBQ1QsTUFBTSxvQ0FBb0MsQ0FBQztBQUU1QyxPQUFPLEVBQ0wsTUFBTSxJQUFJLGFBQWEsRUFDdkIsYUFBYSxJQUFJLG9CQUFvQixFQUNyQyxhQUFhLElBQUksb0JBQW9CLEVBQ3JDLFNBQVMsSUFBSSxnQkFBZ0IsRUFDN0IsT0FBTyxJQUFJLGNBQWMsRUFDekIsS0FBSyxJQUFJLFlBQVksRUFDckIsVUFBVSxJQUFJLGlCQUFpQixHQUNoQyxNQUFNLHFDQUFxQyxDQUFDO0FBQzdDLE9BQU8sRUFDTCxZQUFZLElBQUksaUJBQWlCLEVBQ2pDLHdCQUF3QixJQUFJLDZCQUE2QixFQUN6RCxNQUFNLElBQUksV0FBVyxFQUNyQixLQUFLLElBQUksVUFBVSxFQUNuQixVQUFVLElBQUksZUFBZSxFQUM3QixXQUFXLElBQUksZ0JBQWdCLEVBQy9CLFlBQVksSUFBSSxpQkFBaUIsRUFDakMsT0FBTyxJQUFJLFlBQVksRUFDdkIsWUFBWSxJQUFJLGlCQUFpQixFQUNqQyxhQUFhLElBQUksa0JBQWtCLEVBQ25DLGFBQWEsSUFBSSxrQkFBa0IsRUFDbkMsaUJBQWlCLElBQUksc0JBQXNCLEVBQzNDLE1BQU0sSUFBSSxXQUFXLEVBQ3JCLFNBQVMsSUFBSSxjQUFjLEVBQzNCLEtBQUssSUFBSSxVQUFVLEVBQ25CLFVBQVUsSUFBSSxlQUFlLEVBQzdCLGFBQWEsSUFBSSxrQkFBa0IsRUFDbkMsbUJBQW1CLElBQUksd0JBQXdCLEVBQy9DLE1BQU0sSUFBSSxXQUFXLEVBQ3JCLE1BQU0sSUFBSSxXQUFXLEVBQ3JCLFNBQVMsSUFBSSxjQUFjLEVBQzNCLGtCQUFrQixJQUFJLHVCQUF1QixFQUM3QyxRQUFRLElBQUksYUFBYSxFQUN6QixPQUFPLElBQUksWUFBWSxFQUN2QixXQUFXLElBQUksZ0JBQWdCLEVBQy9CLE9BQU8sSUFBSSxZQUFZLEVBQ3ZCLGFBQWEsSUFBSSxrQkFBa0IsRUFDbkMsTUFBTSxJQUFJLFdBQVcsRUFDckIsU0FBUyxJQUFJLGNBQWMsRUFDM0IsS0FBSyxJQUFJLFVBQVUsRUFDbkIsT0FBTyxJQUFJLFlBQVksRUFDdkIsT0FBTyxJQUFJLFlBQVksRUFDdkIsS0FBSyxJQUFJLFVBQVUsRUFDbkIsT0FBTyxJQUFJLFlBQVksRUFDdkIsVUFBVSxJQUFJLGVBQWUsRUFDN0IsUUFBUSxJQUFJLGFBQWEsRUFDekIsT0FBTyxJQUFJLFlBQVksR0FDeEIsTUFBTSxtQ0FBbUMsQ0FBQztBQUMzQyxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0scUJBQXFCLENBQUM7QUFFL0MsTUFBTSxDQUFDLE1BQU0sT0FBTyxHQUFHO0lBQ3JCLFNBQVM7SUFDVCxVQUFVLEVBQUUsaUJBQWlCO0lBQzdCLHNCQUFzQixFQUFFLDZCQUE2QjtJQUNyRCxJQUFJLEVBQUUsV0FBVztJQUNqQixHQUFHLEVBQUUsVUFBVTtJQUNmLFFBQVEsRUFBRSxlQUFlO0lBQ3pCLFNBQVMsRUFBRSxnQkFBZ0I7SUFDM0IsVUFBVSxFQUFFLGlCQUFpQjtJQUM3QixLQUFLLEVBQUUsWUFBWTtJQUNuQixVQUFVLEVBQUUsaUJBQWlCO0lBQzdCLFdBQVcsRUFBRSxvQkFBb0I7SUFDakMsZ0JBQWdCLEVBQUUsa0JBQWtCO0lBQ3BDLFdBQVcsRUFBRSxvQkFBb0I7SUFDakMsZ0JBQWdCLEVBQUUsa0JBQWtCO0lBQ3BDLGVBQWUsRUFBRSxzQkFBc0I7SUFDdkMsSUFBSSxFQUFFLGFBQWE7SUFDbkIsU0FBUyxFQUFFLFdBQVc7SUFDdEIsT0FBTyxFQUFFLGNBQWM7SUFDdkIsR0FBRyxFQUFFLFVBQVU7SUFDZixRQUFRLEVBQUUsZUFBZTtJQUN6QixXQUFXLEVBQUUsa0JBQWtCO0lBQy9CLGlCQUFpQixFQUFFLHdCQUF3QjtJQUMzQyxJQUFJLEVBQUUsV0FBVztJQUNqQixJQUFJLEVBQUUsV0FBVztJQUNqQixPQUFPLEVBQUUsZ0JBQWdCO0lBQ3pCLFlBQVksRUFBRSxjQUFjO0lBQzVCLGdCQUFnQixFQUFFLHVCQUF1QjtJQUN6QyxNQUFNLEVBQUUsYUFBYTtJQUNyQixLQUFLLEVBQUUsWUFBWTtJQUNuQixTQUFTLEVBQUUsZ0JBQWdCO0lBQzNCLEtBQUssRUFBRSxjQUFjO0lBQ3JCLFVBQVUsRUFBRSxZQUFZO0lBQ3hCLFdBQVcsRUFBRSxrQkFBa0I7SUFDL0IsSUFBSSxFQUFFLFdBQVc7SUFDakIsT0FBTyxFQUFFLGNBQWM7SUFDdkIsR0FBRyxFQUFFLFVBQVU7SUFDZixLQUFLLEVBQUUsWUFBWTtJQUNuQixHQUFHLEVBQUUsWUFBWTtJQUNqQixRQUFRLEVBQUUsVUFBVTtJQUNwQixLQUFLLEVBQUUsWUFBWTtJQUNuQixVQUFVLEVBQUUsWUFBWTtJQUN4QixRQUFRLEVBQUUsaUJBQWlCO0lBQzNCLGFBQWEsRUFBRSxlQUFlO0lBQzlCLEtBQUssRUFBRSxZQUFZO0lBQ25CLE1BQU0sRUFBRSxhQUFhO0lBQ3JCLEtBQUssRUFBRSxZQUFZO0lBQ25CLFNBQVM7SUFDVCxRQUFRLEVBQUUsVUFBVTtJQUNwQixNQUFNLEVBQUUsUUFBUTtJQUNoQixTQUFTLEVBQUUsV0FBVztJQUN0QixRQUFRLEVBQUUsVUFBVTtJQUNwQixNQUFNLEVBQUUsUUFBUTtJQUNoQixLQUFLLEVBQUUsV0FBVztJQUNsQixNQUFNLEVBQUUsUUFBUTtJQUNoQixPQUFPLEVBQUUsU0FBUztDQUNuQixDQUFDO0FBV0ssSUFBTSxRQUFRLEdBQWQsTUFBTSxRQUFTLFNBQVEsV0FBVzthQUN6QixTQUFJLEdBQUcsUUFBUSxBQUFYLENBQVk7SUFVOUI7UUFDRSxLQUFLLEVBQUUsQ0FBQztRQUNSLFFBQVEsQ0FBQyxZQUFZLENBQUMsS0FBSyxFQUFFLENBQUM7SUFDaEMsQ0FBQzthQUVhLFdBQU0sR0FBRztRQUNyQixVQUFVLENBQUMsYUFBYTtRQUN4QixHQUFHLENBQUE7Ozs7Ozs7Ozs7O0tBV0Y7S0FDRixBQWRtQixDQWNsQjtJQUVLLE1BQU07UUFDWCxPQUFPLElBQUksQ0FBQTtRQUNQLFFBQVEsQ0FBQyxZQUFZLENBQUMsTUFBTTs7OztvQkFJaEIsSUFBSSxDQUFDLFFBQVE7Ozs7S0FJNUIsQ0FBQztJQUNKLENBQUM7SUFFTSxLQUFLLENBQUMsT0FBTztRQUNsQixJQUFJLENBQUMsSUFBSSxDQUFDLFFBQVEsRUFBRSxDQUFDO1lBQ25CLElBQUksQ0FBQyxRQUFRLEdBQUcsUUFBUSxDQUFDLFVBQVUsQ0FBQyxnQkFBZ0IsQ0FBQyxJQUFJLENBQUMsQ0FBQyxRQUFRLENBQUMsT0FBTyxDQUFDLEtBQUssRUFBQyxFQUFFLENBQUMsQ0FBQyxDQUFDO1FBQ3pGLENBQUM7UUFDRCxJQUFJLElBQUksQ0FBQyxNQUFNLEVBQUUsQ0FBQztZQUNoQixJQUFJLENBQUMsVUFBVSxDQUFDLGFBQWEsQ0FBQyxnQkFBZ0IsQ0FBQyxDQUFDLFNBQVMsR0FBRyxJQUFJLENBQUMsTUFBTTtnQkFDckUsQ0FBQyxDQUFDLElBQUksQ0FBQyxPQUFPLENBQUMsSUFBSSxDQUFDLE1BQU0sQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQztnQkFDcEMsQ0FBQyxDQUFDLGdCQUFnQixDQUFDO1FBQ3ZCLENBQUM7SUFDSCxDQUFDOztBQWhETTtJQUhOLFFBQVEsQ0FBQztRQUNSLElBQUksRUFBRSxNQUFNO0tBQ2IsQ0FBQzs7d0NBQ2tDO0FBRzdCO0lBRE4sUUFBUSxFQUFFOzswQ0FDYTtBQVRiLFFBQVE7SUFEcEIsYUFBYSxDQUFDLFdBQVcsQ0FBQzs7R0FDZCxRQUFRLENBdURwQiJ9

package/dist_ts_web/elements/dees-input-fileupload.js

@@ -7,6 +7,9 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 var __metadata = (this && this.__metadata) || function (k, v) {
     if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
 };
+import * as colors from './00colors.js';
+import * as plugins from './00plugins.js';
+import { DeesContextmenu } from './dees-contextmenu.js';
 import { customElement, DeesElement, property, html, css, unsafeCSS, cssManager, domtools, } from '@design.estate/dees-element';
 let DeesInputFileupload = class DeesInputFileupload extends DeesElement {
     static { this.demo = () => html `<dees-input-fileupload .label=${'Attachments'}></dees-input-fileupload>`; }
@@ -29,6 +32,7 @@ let DeesInputFileupload = class DeesInputFileupload extends DeesElement {
         display: grid;
         margin: 10px 0px;
         margin-bottom: 24px;
+        color: ${cssManager.bdTheme('#333', '#ccc')};
       }
 
       .hidden {
@@ -36,13 +40,37 @@ let DeesInputFileupload = class DeesInputFileupload extends DeesElement {
       }
 
       .maincontainer {
+        position: relative;
+        border-radius: 3px;
+        padding: 8px;
+        background: ${cssManager.bdTheme('#fafafa', '#222222')};
         color: ${cssManager.bdTheme('#333', '#ccc')};
-        
+        border-top: 1px solid #ffffff10;
+      }
+
+      .maincontainer::after {
+        top: 2px;
+        right: 2px;
+        left: 2px;
+        bottom: 2px;
+        transform: scale3d(0.98, 0.9, 1);
+        position: absolute;
+        content: '';
+        display: block;
+        border: 2px dashed rgba(255, 255, 255, 0);
+        transition: all 0.2s;
+        pointer-events: none;
+        background: #00000000;
+      }
+      .maincontainer.dragOver::after {
+        transform: scale3d(1, 1, 1);
+        border: 2px dashed rgba(255, 255, 255, 0.3);
+        background: #00000080;
       }
 
       .label {
         font-size: 14px;
-        margin-bottom: 5px;
+        margin-bottom: 8px;
       }
 
       .uploadButton {
@@ -52,46 +80,50 @@ let DeesInputFileupload = class DeesInputFileupload extends DeesElement {
         background: ${cssManager.bdTheme('#fafafa', '#333333')};
         border-radius: 3px;
         text-align: center;
+        font-size: 14px;
+        cursor: default;
       }
 
       .uploadButton:hover {
         color: #fff;
-        background: rgb(3, 155, 229);
-      }
-
-      .uploadButton::after {
-        top: 2px;
-        right: 2px;
-        left: 2px;
-        bottom: 2px;
-        transform: scale3d(0.98, 0.9, 1);
-        position: absolute;
-        content: '';
-        display: block;
-        border: 2px dashed rgba(255, 255, 255, 0);
-        transition: all 0.2s;
-      }
-      .uploadButton.dragOver::after {
-        transform: scale3d(1, 1, 1);
-        border: 2px dashed rgba(255, 255, 255, 0.3);
+        background: ${unsafeCSS(colors.dark.blue)};
       }
 
       .uploadCandidate {
+        display: grid;
+        grid-template-columns: 48px auto;
+        background: #333;
+        padding: 8px 8px 8px 0px;
+        margin-bottom: 8px;
         text-align: left;
-        border-bottom: 1px dashed #444;
+        border-radius: 3px;
         color: ${cssManager.bdTheme('#666', '#ccc')};
-        padding: 8px;
         font-family: 'Roboto', 'Inter', sans-serif;
-      }
-
-      .uploadButton:hover .uploadCandidate {
-        color: ${cssManager.bdTheme('#fff', '#fff')};
-        border-bottom: 1px dashed #fff;
+        cursor: default;
+        transition: all 0.2s;
+        border-top: 1px solid #ffffff10;
       }
 
       .uploadCandidate:last-child {
         margin-bottom: 8px;
       }
+
+      .uploadCandidate .icon {
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        font-size: 16px;
+      }
+
+      .uploadCandidate:hover {
+        background: #393939;
+      }
+
+      .uploadCandidate .description {
+        font-size: 14px;
+        border-left: 1px solid #ffffff10;
+        padding-left: 8px;
+      }
     `,
     ]; }
     render() {
@@ -99,10 +131,28 @@ let DeesInputFileupload = class DeesInputFileupload extends DeesElement {
       <div class="hidden">
         <input type="file"></div>
       </div>
-      <div class="maincontainer">
-        ${this.label ? html `<div class="label">${this.label}</div>` : null}
-        ${this.value.map((fileArg) => html ` <div class="uploadCandidate">${fileArg.name} | ${fileArg.size}</div> `)}
-        <div class="uploadButton ${this.state === 'dragOver' ? 'dragOver' : ''}" @click=${this.openFileSelector}>
+      ${this.label ? html `<div class="label">${this.label}</div>` : null}
+      <div class="maincontainer ${this.state === 'dragOver' ? 'dragOver' : ''}">
+        ${this.value.map((fileArg) => html `
+          <div class="uploadCandidate" @contextmenu=${eventArg => {
+            DeesContextmenu.openContextMenuWithOptions(eventArg, [{
+                    iconName: 'trash',
+                    name: 'Remove',
+                    action: async () => {
+                        this.value.splice(this.value.indexOf(fileArg), 1);
+                        this.requestUpdate();
+                    }
+                }]);
+        }}>
+            <div class="icon">
+              <dees-icon .iconFA=${'paperclip'}></dees-icon>
+            </div>
+            <div class="description">
+              <span style="font-weight: 600">${fileArg.name}</span><br />
+              <span style="font-weight: 400">${fileArg.size}</span>
+            </div>
+          </div> `)}
+        <div class="uploadButton" @click=${this.openFileSelector}>
           ${this.buttonText}
         </div>
       </div>
@@ -132,7 +182,7 @@ let DeesInputFileupload = class DeesInputFileupload extends DeesElement {
             target.value = '';
         });
         // lets handle drag and drop
-        const dropArea = this.shadowRoot.querySelector('.uploadButton');
+        const dropArea = this.shadowRoot.querySelector('.maincontainer');
         const handlerFunction = (eventArg) => {
             eventArg.preventDefault();
             switch (eventArg.type) {
@@ -207,4 +257,4 @@ DeesInputFileupload = __decorate([
     __metadata("design:paramtypes", [])
 ], DeesInputFileupload);
 export { DeesInputFileupload };
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGVlcy1pbnB1dC1maWxldXBsb2FkLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vdHNfd2ViL2VsZW1lbnRzL2RlZXMtaW5wdXQtZmlsZXVwbG9hZC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7QUFBQSxPQUFPLEVBQ0wsYUFBYSxFQUNiLFdBQVcsRUFFWCxRQUFRLEVBQ1IsSUFBSSxFQUNKLEdBQUcsRUFDSCxTQUFTLEVBQ1QsVUFBVSxFQUVWLFFBQVEsR0FDVCxNQUFNLDZCQUE2QixDQUFDO0FBUzlCLElBQU0sbUJBQW1CLEdBQXpCLE1BQU0sbUJBQW9CLFNBQVEsV0FBVzthQUNwQyxTQUFJLEdBQUcsR0FBRyxFQUFFLENBQUMsSUFBSSxDQUFBLGlDQUFpQyxhQUFhLDJCQUEyQixBQUF0RixDQUF1RjtJQXVDekc7UUFDRSxLQUFLLEVBQUUsQ0FBQztRQXRDVixXQUFXO1FBQ0osa0JBQWEsR0FBRyxJQUFJLFFBQVEsQ0FBQyxPQUFPLENBQUMsT0FBTyxDQUFDLElBQUksQ0FBQyxPQUFPLEVBQUUsQ0FBQztRQUs1RCxVQUFLLEdBQVcsSUFBSSxDQUFDO1FBV3JCLFVBQUssR0FBVyxFQUFFLENBQUM7UUFHbkIsVUFBSyxHQUFnRSxNQUFNLENBQUM7UUFLNUUsYUFBUSxHQUFZLEtBQUssQ0FBQztRQUsxQixhQUFRLEdBQVksS0FBSyxDQUFDO1FBSzFCLGVBQVUsR0FBVyxnQkFBZ0IsQ0FBQztJQUk3QyxDQUFDO2FBRWEsV0FBTSxHQUFHO1FBQ3JCLFVBQVUsQ0FBQyxhQUFhO1FBQ3hCLEdBQUcsQ0FBQTs7Ozs7Ozs7Ozs7OztpQkFhVSxVQUFVLENBQUMsT0FBTyxDQUFDLE1BQU0sRUFBRSxNQUFNLENBQUM7Ozs7Ozs7Ozs7Ozs7c0JBYTdCLFVBQVUsQ0FBQyxPQUFPLENBQUMsU0FBUyxFQUFFLFNBQVMsQ0FBQzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O2lCQThCN0MsVUFBVSxDQUFDLE9BQU8sQ0FBQyxNQUFN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
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGVlcy1pbnB1dC1maWxldXBsb2FkLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vdHNfd2ViL2VsZW1lbnRzL2RlZXMtaW5wdXQtZmlsZXVwbG9hZC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7QUFBQSxPQUFPLEtBQUssTUFBTSxNQUFNLGVBQWUsQ0FBQztBQUN4QyxPQUFPLEtBQUssT0FBTyxNQUFNLGdCQUFnQixDQUFDO0FBRTFDLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSx1QkFBdUIsQ0FBQztBQUV4RCxPQUFPLEVBQ0wsYUFBYSxFQUNiLFdBQVcsRUFFWCxRQUFRLEVBQ1IsSUFBSSxFQUNKLEdBQUcsRUFDSCxTQUFTLEVBQ1QsVUFBVSxFQUVWLFFBQVEsR0FDVCxNQUFNLDZCQUE2QixDQUFDO0FBUzlCLElBQU0sbUJBQW1CLEdBQXpCLE1BQU0sbUJBQW9CLFNBQVEsV0FBVzthQUNwQyxTQUFJLEdBQUcsR0FBRyxFQUFFLENBQ3hCLElBQUksQ0FBQSxpQ0FBaUMsYUFBYSwyQkFBMkIsQUFEN0QsQ0FDOEQ7SUF1Q2hGO1FBQ0UsS0FBSyxFQUFFLENBQUM7UUF0Q1YsV0FBVztRQUNKLGtCQUFhLEdBQUcsSUFBSSxRQUFRLENBQUMsT0FBTyxDQUFDLE9BQU8sQ0FBQyxJQUFJLENBQUMsT0FBTyxFQUFFLENBQUM7UUFLNUQsVUFBSyxHQUFXLElBQUksQ0FBQztRQVdyQixVQUFLLEdBQVcsRUFBRSxDQUFDO1FBR25CLFVBQUssR0FBZ0UsTUFBTSxDQUFDO1FBSzVFLGFBQVEsR0FBWSxLQUFLLENBQUM7UUFLMUIsYUFBUSxHQUFZLEtBQUssQ0FBQztRQUsxQixlQUFVLEdBQVcsZ0JBQWdCLENBQUM7SUFJN0MsQ0FBQzthQUVhLFdBQU0sR0FBRztRQUNyQixVQUFVLENBQUMsYUFBYTtRQUN4QixHQUFHLENBQUE7Ozs7OztpQkFNVSxVQUFVLENBQUMsT0FBTyxDQUFDLE1BQU0sRUFBRSxNQUFNLENBQUM7Ozs7Ozs7Ozs7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

package/dist_ts_web/elements/dees-input-multitoggle.d.ts

@@ -1,6 +1,7 @@
 import { DeesElement, type TemplateResult } from '@design.estate/dees-element';
 export declare class DeesInputMultitoggle extends DeesElement {
     static demo: () => TemplateResult<1>;
+    label: string;
     type: 'boolean' | 'multi' | 'single';
     booleanTrueName: string;
     booleanFalseName: string;

package/dist_ts_web/elements/dees-input-multitoggle.js

@@ -24,9 +24,17 @@ let DeesInputMultitoggle = class DeesInputMultitoggle extends DeesElement {
         cssManager.defaultStyles,
         css `
       :host {
-        color: ${cssManager.bdTheme('#333', '#fff')};
+        display: block;
+        color: ${cssManager.bdTheme('#333', '#ccc')};
         user-select: none;
+        margin: 8px 0px 24px 0px;
       }
+
+      .label {
+        font-size: 14px;
+        margin-bottom: 8px;
+      }
+
       .selections {
         position: relative;
         display: flex;
@@ -35,30 +43,37 @@ let DeesInputMultitoggle = class DeesInputMultitoggle extends DeesElement {
         background: #333;
         width: min-content;
         border-radius: 20px;
-        height: 40px;
+        height: 32px;
+        border-top: 1px solid #ffffff10;
       }
 
       .option {
-        color: #CCC;
+        color: #ccc;
         position: relative;
         padding: 0px 16px;
-        line-height: 40px;
+        line-height: 32px;
         cursor: default;
         width: min-content; /* Make the width as per the content */
         white-space: nowrap; /* Prevent text wrapping */
         transition: all 0.1s;
+        font-size: 14px;
+        transform: translateY(-1px);
       }
 
       .option:hover {
         color: #fff;
       }
 
+      .option.selected {
+        color: #fff;
+      }
+
       .indicator {
         opacity: 0;
         position: absolute;
-        height: 32px;
+        height: 24px;
         left: 4px;
-        top: 4px;
+        top: 3px;
         border-radius: 16px;
         background: #0050b9;
         min-width: 36px;
@@ -67,11 +82,13 @@ let DeesInputMultitoggle = class DeesInputMultitoggle extends DeesElement {
     ]; }
     render() {
         return html `
-      <div class="label">MultiSelect</div>
+      ${this.label ? html `<div class="label">${this.label}</div>` : html ``}
       <div class="mainbox">
         <div class="selections">
           <div class="indicator"></div>
-          ${this.options.map((option) => html ` <div class="option" @click=${() => this.handleSelection(option)}>${option}</div> `)}
+          ${this.options.map((option) => html `<div class="option ${option === this.selectedOption ? 'selected' : ''}" @click=${() => this.handleSelection(option)}>
+                ${option}
+              </div> `)}
         </div>
       </div>
     `;
@@ -99,6 +116,12 @@ let DeesInputMultitoggle = class DeesInputMultitoggle extends DeesElement {
         }, 100);
     }
 };
+__decorate([
+    property({
+        type: String,
+    }),
+    __metadata("design:type", String)
+], DeesInputMultitoggle.prototype, "label", void 0);
 __decorate([
     property(),
     __metadata("design:type", String)
@@ -129,4 +152,4 @@ DeesInputMultitoggle = __decorate([
     customElement('dees-input-multitoggle')
 ], DeesInputMultitoggle);
 export { DeesInputMultitoggle };
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGVlcy1pbnB1dC1tdWx0aXRvZ2dsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uL3RzX3dlYi9lbGVtZW50cy9kZWVzLWlucHV0LW11bHRpdG9nZ2xlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7OztBQUFBLE9BQU8sRUFDTCxhQUFhLEVBQ2IsV0FBVyxFQUVYLEtBQUssRUFDTCxJQUFJLEVBQ0osUUFBUSxFQUNSLFFBQVEsRUFDUixHQUFHLEVBQ0gsVUFBVSxHQUNYLE1BQU0sNkJBQTZCLENBQUM7QUFFckMsTUFBTSxFQUFFLFFBQVEsRUFBRSxHQUFHLE1BQU0sTUFBTSxDQUFDLGtDQUFrQyxDQUFDLENBQUM7QUFHL0QsSUFBTSxvQkFBb0IsR0FBMUIsTUFBTSxvQkFBcUIsU0FBUSxXQUFXO0lBQTlDOztRQUlMLFNBQUksR0FBbUMsT0FBTyxDQUFDO1FBRy9DLG9CQUFlLEdBQVcsTUFBTSxDQUFDO1FBR2pDLHFCQUFnQixHQUFXLE9BQU8sQ0FBQztRQUtuQyxZQUFPLEdBQWEsRUFBRSxDQUFDO1FBR3ZCLG1CQUFjLEdBQVcsRUFBRSxDQUFDO1FBRzVCLGNBQVMsR0FBWSxLQUFLLENBQUM7SUFvRjdCLENBQUM7YUF4R2UsU0FBSSxHQUFHLFFBQVEsQUFBWCxDQUFZO2FBc0JoQixXQUFNLEdBQUc7UUFDckIsVUFBVSxDQUFDLGFBQWE7UUFDeEIsR0FBRyxDQUFBOztpQkFFVSxVQUFVLENBQUMsT0FBTyxDQUFDLE1BQU0sRUFBRSxNQUFNLENBQUM7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztLQXVDOUM7S0FDRixBQTVDbUIsQ0E0Q2xCO0lBRUssTUFBTTtRQUNYLE9BQU8sSUFBSSxDQUFBOzs7OztZQUtILElBQUksQ0FBQyxPQUFPLENBQUMsR0FBRyxDQUFDLENBQUMsTUFBTSxFQUFFLEVBQUUsQ0FBQyxJQUFJLENBQUEsK0JBQStCLEdBQUcsRUFBRSxDQUFDLElBQUksQ0FBQyxlQUFlLENBQUMsTUFBTSxDQUFDLElBQUksTUFBTSxTQUFTLENBQUM7OztLQUc3SCxDQUFDO0lBQ0osQ0FBQztJQUVNLEtBQUssQ0FBQyxZQUFZO1FBQ3ZCLElBQUksSUFBSSxDQUFDLElBQUksS0FBSyxTQUFTLEVBQUUsQ0FBQztZQUM1QixJQUFJLENBQUMsT0FBTyxHQUFHLENBQUMsSUFBSSxDQUFDLGVBQWUsSUFBSSxNQUFNLEVBQUUsSUFBSSxDQUFDLGdCQUFnQixJQUFJLE9BQU8sQ0FBQyxDQUFDO1FBQ3BGLENBQUM7UUFDRCxJQUFJLENBQUMsWUFBWSxFQUFFLENBQUM7SUFDdEIsQ0FBQztJQUVNLEtBQUssQ0FBQyxlQUFlLENBQUMsU0FBaUI7UUFDNUMsSUFBSSxDQUFDLGNBQWMsR0FBRyxTQUFTLENBQUM7UUFDaEMsSUFBSSxDQUFDLFlBQVksRUFBRSxDQUFDO0lBQ3RCLENBQUM7SUFFTSxLQUFLLENBQUMsWUFBWTtRQUN2QixNQUFNLFNBQVMsR0FBbUIsSUFBSSxDQUFDLFVBQVUsQ0FBQyxhQUFhLENBQUMsWUFBWSxDQUFDLENBQUM7UUFDOUUsTUFBTSxNQUFNLEdBQW1CLElBQUksQ0FBQyxVQUFVLENBQUMsYUFBYSxDQUFDLHFCQUFxQixJQUFJLENBQUMsT0FBTyxDQUFDLE9BQU8sQ0FBQyxJQUFJLENBQUMsY0FBYyxDQUFDLEdBQUcsQ0FBQyxHQUFHLENBQUMsQ0FBQztRQUNwSSxJQUFJLFNBQVMsSUFBSSxNQUFNLEVBQUUsQ0FBQztZQUN4QixTQUFTLENBQUMsS0FBSyxDQUFDLEtBQUssR0FBRyxHQUFHLE1BQU0sQ0FBQyxXQUFXLEdBQUcsQ0FBQyxJQUFJLENBQUM7WUFDdEQsU0FBUyxDQUFDLEtBQUssQ0FBQyxJQUFJLEdBQUcsR0FBRyxNQUFNLENBQUMsVUFBVSxHQUFHLENBQUMsSUFBSSxDQUFDO1lBQ3BELFNBQVMsQ0FBQyxLQUFLLENBQUMsT0FBTyxHQUFHLEdBQUcsQ0FBQztRQUNoQyxDQUFDO1FBQ0QsVUFBVSxDQUFDLEdBQUcsRUFBRTtZQUNkLFNBQVMsQ0FBQyxLQUFLLENBQUMsVUFBVSxHQUFHLFVBQVUsQ0FBQztRQUMxQyxDQUFDLEVBQUUsR0FBRyxDQUFDLENBQUM7SUFDVixDQUFDOztBQXBHRDtJQURDLFFBQVEsRUFBRTs7a0RBQ29DO0FBRy9DO0lBREMsUUFBUSxFQUFFOzs2REFDc0I7QUFHakM7SUFEQyxRQUFRLEVBQUU7OzhEQUN3QjtBQUtuQztJQUhDLFFBQVEsQ0FBQztRQUNSLElBQUksRUFBRSxLQUFLO0tBQ1osQ0FBQzs7cURBQ3FCO0FBR3ZCO0lBREMsUUFBUSxFQUFFOzs0REFDaUI7QUFHNUI7SUFEQyxRQUFRLEVBQUU7O3VEQUNnQjtBQXJCaEIsb0JBQW9CO0lBRGhDLGFBQWEsQ0FBQyx3QkFBd0IsQ0FBQztHQUMzQixvQkFBb0IsQ0F5R2hDIn0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGVlcy1pbnB1dC1tdWx0aXRvZ2dsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uL3RzX3dlYi9lbGVtZW50cy9kZWVzLWlucHV0LW11bHRpdG9nZ2xlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7OztBQUFBLE9BQU8sRUFDTCxhQUFhLEVBQ2IsV0FBVyxFQUVYLEtBQUssRUFDTCxJQUFJLEVBQ0osUUFBUSxFQUNSLFFBQVEsRUFDUixHQUFHLEVBQ0gsVUFBVSxHQUNYLE1BQU0sNkJBQTZCLENBQUM7QUFFckMsTUFBTSxFQUFFLFFBQVEsRUFBRSxHQUFHLE1BQU0sTUFBTSxDQUFDLGtDQUFrQyxDQUFDLENBQUM7QUFHL0QsSUFBTSxvQkFBb0IsR0FBMUIsTUFBTSxvQkFBcUIsU0FBUSxXQUFXO0lBQTlDOztRQVNMLFNBQUksR0FBbUMsT0FBTyxDQUFDO1FBRy9DLG9CQUFlLEdBQVcsTUFBTSxDQUFDO1FBR2pDLHFCQUFnQixHQUFXLE9BQU8sQ0FBQztRQUtuQyxZQUFPLEdBQWEsRUFBRSxDQUFDO1FBR3ZCLG1CQUFjLEdBQVcsRUFBRSxDQUFDO1FBRzVCLGNBQVMsR0FBWSxLQUFLLENBQUM7SUEwRzdCLENBQUM7YUFuSWUsU0FBSSxHQUFHLFFBQVEsQUFBWCxDQUFZO2FBMkJoQixXQUFNLEdBQUc7UUFDckIsVUFBVSxDQUFDLGFBQWE7UUFDeEIsR0FBRyxDQUFBOzs7aUJBR1UsVUFBVSxDQUFDLE9BQU8sQ0FBQyxNQUFNLEVBQUUsTUFBTSxDQUFDOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztLQXFEOUM7S0FDRixBQTNEbUIsQ0EyRGxCO0lBRUssTUFBTTtRQUNYLE9BQU8sSUFBSSxDQUFBO1FBQ1AsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFBLHNCQUFzQixJQUFJLENBQUMsS0FBSyxRQUFRLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQSxFQUFFOzs7O1lBSTlELElBQUksQ0FBQyxPQUFPLENBQUMsR0FBRyxDQUNoQixDQUFDLE1BQU0sRUFBRSxFQUFFLENBQ1QsSUFBSSxDQUFBLHNCQUFzQixNQUFNLEtBQUssSUFBSSxDQUFDLGNBQWMsQ0FBQyxDQUFDLENBQUMsVUFBVSxDQUFBLENBQUMsQ0FBQyxFQUFFLFlBQVksR0FBRyxFQUFFLENBQUMsSUFBSSxDQUFDLGVBQWUsQ0FBQyxNQUFNLENBQUM7a0JBQ25ILE1BQU07c0JBQ0YsQ0FDWDs7O0tBR04sQ0FBQztJQUNKLENBQUM7SUFFTSxLQUFLLENBQUMsWUFBWTtRQUN2QixJQUFJLElBQUksQ0FBQyxJQUFJLEtBQUssU0FBUyxFQUFFLENBQUM7WUFDNUIsSUFBSSxDQUFDLE9BQU8sR0FBRyxDQUFDLElBQUksQ0FBQyxlQUFlLElBQUksTUFBTSxFQUFFLElBQUksQ0FBQyxnQkFBZ0IsSUFBSSxPQUFPLENBQUMsQ0FBQztRQUNwRixDQUFDO1FBQ0QsSUFBSSxDQUFDLFlBQVksRUFBRSxDQUFDO0lBQ3RCLENBQUM7SUFFTSxLQUFLLENBQUMsZUFBZSxDQUFDLFNBQWlCO1FBQzVDLElBQUksQ0FBQyxjQUFjLEdBQUcsU0FBUyxDQUFDO1FBQ2hDLElBQUksQ0FBQyxZQUFZLEVBQUUsQ0FBQztJQUN0QixDQUFDO0lBRU0sS0FBSyxDQUFDLFlBQVk7UUFDdkIsTUFBTSxTQUFTLEdBQW1CLElBQUksQ0FBQyxVQUFVLENBQUMsYUFBYSxDQUFDLFlBQVksQ0FBQyxDQUFDO1FBQzlFLE1BQU0sTUFBTSxHQUFtQixJQUFJLENBQUMsVUFBVSxDQUFDLGFBQWEsQ0FDMUQscUJBQXFCLElBQUksQ0FBQyxPQUFPLENBQUMsT0FBTyxDQUFDLElBQUksQ0FBQyxjQUFjLENBQUMsR0FBRyxDQUFDLEdBQUcsQ0FDdEUsQ0FBQztRQUNGLElBQUksU0FBUyxJQUFJLE1BQU0sRUFBRSxDQUFDO1lBQ3hCLFNBQVMsQ0FBQyxLQUFLLENBQUMsS0FBSyxHQUFHLEdBQUcsTUFBTSxDQUFDLFdBQVcsR0FBRyxDQUFDLElBQUksQ0FBQztZQUN0RCxTQUFTLENBQUMsS0FBSyxDQUFDLElBQUksR0FBRyxHQUFHLE1BQU0sQ0FBQyxVQUFVLEdBQUcsQ0FBQyxJQUFJLENBQUM7WUFDcEQsU0FBUyxDQUFDLEtBQUssQ0FBQyxPQUFPLEdBQUcsR0FBRyxDQUFDO1FBQ2hDLENBQUM7UUFDRCxVQUFVLENBQUMsR0FBRyxFQUFFO1lBQ2QsU0FBUyxDQUFDLEtBQUssQ0FBQyxVQUFVLEdBQUcsVUFBVSxDQUFDO1FBQzFDLENBQUMsRUFBRSxHQUFHLENBQUMsQ0FBQztJQUNWLENBQUM7O0FBN0hNO0lBSE4sUUFBUSxDQUFDO1FBQ1IsSUFBSSxFQUFFLE1BQU07S0FDYixDQUFDOzttREFDbUI7QUFHckI7SUFEQyxRQUFRLEVBQUU7O2tEQUNvQztBQUcvQztJQURDLFFBQVEsRUFBRTs7NkRBQ3NCO0FBR2pDO0lBREMsUUFBUSxFQUFFOzs4REFDd0I7QUFLbkM7SUFIQyxRQUFRLENBQUM7UUFDUixJQUFJLEVBQUUsS0FBSztLQUNaLENBQUM7O3FEQUNxQjtBQUd2QjtJQURDLFFBQVEsRUFBRTs7NERBQ2lCO0FBRzVCO0lBREMsUUFBUSxFQUFFOzt1REFDZ0I7QUExQmhCLG9CQUFvQjtJQURoQyxhQUFhLENBQUMsd0JBQXdCLENBQUM7R0FDM0Isb0JBQW9CLENBb0loQyJ9