@design.estate/dees-catalog 1.0.241 → 1.0.243

package/dist_ts_web/00_commitinfo_data.js

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

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

@@ -1,8 +1,14 @@
 import { html } from '@design.estate/dees-element';
 export const demoFunc = () => html `
   <dees-input-multitoggle
-    .options=${['option 1', 'option 2', 'option 3']}
+    .options=${['option 1', 'option 2', 'a longer option with multiple words']}
     .selectedOption=${'option 2'}
   ></dees-input-multitoggle>
+  <dees-input-multitoggle
+    .type=${'boolean'}
+    .booleanTrueName=${'enabled'}
+    .booleanFalseName=${'disabled'}
+    .selectedOption=${'true'}
+  ></dees-input-multitoggle>
 `;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGVlcy1pbnB1dC1tdWx0aXRvZ2dsZS5kZW1vLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vdHNfd2ViL2VsZW1lbnRzL2RlZXMtaW5wdXQtbXVsdGl0b2dnbGUuZGVtby50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsSUFBSSxFQUFFLE1BQU0sNkJBQTZCLENBQUM7QUFFbkQsTUFBTSxDQUFDLE1BQU0sUUFBUSxHQUFHLEdBQUcsRUFBRSxDQUFDLElBQUksQ0FBQTs7ZUFFbkIsQ0FBQyxVQUFVLEVBQUUsVUFBVSxFQUFFLFVBQVUsQ0FBQztzQkFDN0IsVUFBVTs7Q0FFL0IsQ0FBQyJ9
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGVlcy1pbnB1dC1tdWx0aXRvZ2dsZS5kZW1vLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vdHNfd2ViL2VsZW1lbnRzL2RlZXMtaW5wdXQtbXVsdGl0b2dnbGUuZGVtby50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsSUFBSSxFQUFFLE1BQU0sNkJBQTZCLENBQUM7QUFFbkQsTUFBTSxDQUFDLE1BQU0sUUFBUSxHQUFHLEdBQUcsRUFBRSxDQUFDLElBQUksQ0FBQTs7ZUFFbkIsQ0FBQyxVQUFVLEVBQUUsVUFBVSxFQUFFLHFDQUFxQyxDQUFDO3NCQUN4RCxVQUFVOzs7WUFHcEIsU0FBUzt1QkFDRSxTQUFTO3dCQUNSLFVBQVU7c0JBQ1osTUFBTTs7Q0FFM0IsQ0FBQyJ9

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

@@ -39,12 +39,18 @@ let DeesInputMultitoggle = class DeesInputMultitoggle extends DeesElement {
       }
 
       .option {
+        color: #CCC;
         position: relative;
         padding: 0px 16px;
         line-height: 40px;
-        cursor: pointer;
+        cursor: default;
         width: min-content; /* Make the width as per the content */
         white-space: nowrap; /* Prevent text wrapping */
+        transition: all 0.1s;
+      }
+
+      .option:hover {
+        color: #fff;
       }
 
       .indicator {
@@ -72,7 +78,7 @@ let DeesInputMultitoggle = class DeesInputMultitoggle extends DeesElement {
     }
     async firstUpdated() {
         if (this.type === 'boolean') {
-            this.options = [this.booleanTrueName || 'true', this.booleanFalseName];
+            this.options = [this.booleanTrueName || 'true', this.booleanFalseName || 'false'];
         }
         this.setIndicator();
     }
@@ -123,4 +129,4 @@ DeesInputMultitoggle = __decorate([
     customElement('dees-input-multitoggle')
 ], DeesInputMultitoggle);
 export { DeesInputMultitoggle };
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGVlcy1pbnB1dC1tdWx0aXRvZ2dsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uL3RzX3dlYi9lbGVtZW50cy9kZWVzLWlucHV0LW11bHRpdG9nZ2xlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7OztBQUFBLE9BQU8sRUFDTCxhQUFhLEVBQ2IsV0FBVyxFQUVYLEtBQUssRUFDTCxJQUFJLEVBQ0osUUFBUSxFQUNSLFFBQVEsRUFDUixHQUFHLEVBQ0gsVUFBVSxHQUNYLE1BQU0sNkJBQTZCLENBQUM7QUFFckMsTUFBTSxFQUFFLFFBQVEsRUFBRSxHQUFHLE1BQU0sTUFBTSxDQUFDLGtDQUFrQyxDQUFDLENBQUM7QUFHL0QsSUFBTSxvQkFBb0IsR0FBMUIsTUFBTSxvQkFBcUIsU0FBUSxXQUFXO0lBQTlDOztRQUlMLFNBQUksR0FBbUMsT0FBTyxDQUFDO1FBRy9DLG9CQUFlLEdBQVcsTUFBTSxDQUFDO1FBR2pDLHFCQUFnQixHQUFXLE9BQU8sQ0FBQztRQUtuQyxZQUFPLEdBQWEsRUFBRSxDQUFDO1FBR3ZCLG1CQUFjLEdBQVcsRUFBRSxDQUFDO1FBRzVCLGNBQVMsR0FBWSxLQUFLLENBQUM7SUE4RTdCLENBQUM7YUFsR2UsU0FBSSxHQUFHLFFBQVEsQUFBWCxDQUFZO2FBc0JoQixXQUFNLEdBQUc7UUFDckIsVUFBVSxDQUFDLGFBQWE7UUFDeEIsR0FBRyxDQUFBOztpQkFFVSxVQUFVLENBQUMsT0FBTyxDQUFDLE1BQU0sRUFBRSxNQUFNLENBQUM7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztLQWlDOUM7S0FDRixBQXRDbUIsQ0FzQ2xCO0lBRUssTUFBTTtRQUNYLE9BQU8sSUFBSSxDQUFBOzs7OztZQUtILElBQUksQ0FBQyxPQUFPLENBQUMsR0FBRyxDQUFDLENBQUMsTUFBTSxFQUFFLEVBQUUsQ0FBQyxJQUFJLENBQUEsK0JBQStCLEdBQUcsRUFBRSxDQUFDLElBQUksQ0FBQyxlQUFlLENBQUMsTUFBTSxDQUFDLElBQUksTUFBTSxTQUFTLENBQUM7OztLQUc3SCxDQUFDO0lBQ0osQ0FBQztJQUVNLEtBQUssQ0FBQyxZQUFZO1FBQ3ZCLElBQUksSUFBSSxDQUFDLElBQUksS0FBSyxTQUFTLEVBQUUsQ0FBQztZQUM1QixJQUFJLENBQUMsT0FBTyxHQUFHLENBQUMsSUFBSSxDQUFDLGVBQWUsSUFBSSxNQUFNLEVBQUUsSUFBSSxDQUFDLGdCQUFnQixDQUFDLENBQUM7UUFDekUsQ0FBQztRQUNELElBQUksQ0FBQyxZQUFZLEVBQUUsQ0FBQztJQUN0QixDQUFDO0lBRU0sS0FBSyxDQUFDLGVBQWUsQ0FBQyxTQUFpQjtRQUM1QyxJQUFJLENBQUMsY0FBYyxHQUFHLFNBQVMsQ0FBQztRQUNoQyxJQUFJLENBQUMsWUFBWSxFQUFFLENBQUM7SUFDdEIsQ0FBQztJQUVNLEtBQUssQ0FBQyxZQUFZO1FBQ3ZCLE1BQU0sU0FBUyxHQUFtQixJQUFJLENBQUMsVUFBVSxDQUFDLGFBQWEsQ0FBQyxZQUFZLENBQUMsQ0FBQztRQUM5RSxNQUFNLE1BQU0sR0FBbUIsSUFBSSxDQUFDLFVBQVUsQ0FBQyxhQUFhLENBQUMscUJBQXFCLElBQUksQ0FBQyxPQUFPLENBQUMsT0FBTyxDQUFDLElBQUksQ0FBQyxjQUFjLENBQUMsR0FBRyxDQUFDLEdBQUcsQ0FBQyxDQUFDO1FBQ3BJLElBQUksU0FBUyxJQUFJLE1BQU0sRUFBRSxDQUFDO1lBQ3hCLFNBQVMsQ0FBQyxLQUFLLENBQUMsS0FBSyxHQUFHLEdBQUcsTUFBTSxDQUFDLFdBQVcsR0FBRyxDQUFDLElBQUksQ0FBQztZQUN0RCxTQUFTLENBQUMsS0FBSyxDQUFDLElBQUksR0FBRyxHQUFHLE1BQU0sQ0FBQyxVQUFVLEdBQUcsQ0FBQyxJQUFJLENBQUM7WUFDcEQsU0FBUyxDQUFDLEtBQUssQ0FBQyxPQUFPLEdBQUcsR0FBRyxDQUFDO1FBQ2hDLENBQUM7UUFDRCxVQUFVLENBQUMsR0FBRyxFQUFFO1lBQ2QsU0FBUyxDQUFDLEtBQUssQ0FBQyxVQUFVLEdBQUcsVUFBVSxDQUFDO1FBQzFDLENBQUMsRUFBRSxHQUFHLENBQUMsQ0FBQztJQUNWLENBQUM7O0FBOUZEO0lBREMsUUFBUSxFQUFFOztrREFDb0M7QUFHL0M7SUFEQyxRQUFRLEVBQUU7OzZEQUNzQjtBQUdqQztJQURDLFFBQVEsRUFBRTs7OERBQ3dCO0FBS25DO0lBSEMsUUFBUSxDQUFDO1FBQ1IsSUFBSSxFQUFFLEtBQUs7S0FDWixDQUFDOztxREFDcUI7QUFHdkI7SUFEQyxRQUFRLEVBQUU7OzREQUNpQjtBQUc1QjtJQURDLFFBQVEsRUFBRTs7dURBQ2dCO0FBckJoQixvQkFBb0I7SUFEaEMsYUFBYSxDQUFDLHdCQUF3QixDQUFDO0dBQzNCLG9CQUFvQixDQW1HaEMifQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGVlcy1pbnB1dC1tdWx0aXRvZ2dsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uL3RzX3dlYi9lbGVtZW50cy9kZWVzLWlucHV0LW11bHRpdG9nZ2xlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7OztBQUFBLE9BQU8sRUFDTCxhQUFhLEVBQ2IsV0FBVyxFQUVYLEtBQUssRUFDTCxJQUFJLEVBQ0osUUFBUSxFQUNSLFFBQVEsRUFDUixHQUFHLEVBQ0gsVUFBVSxHQUNYLE1BQU0sNkJBQTZCLENBQUM7QUFFckMsTUFBTSxFQUFFLFFBQVEsRUFBRSxHQUFHLE1BQU0sTUFBTSxDQUFDLGtDQUFrQyxDQUFDLENBQUM7QUFHL0QsSUFBTSxvQkFBb0IsR0FBMUIsTUFBTSxvQkFBcUIsU0FBUSxXQUFXO0lBQTlDOztRQUlMLFNBQUksR0FBbUMsT0FBTyxDQUFDO1FBRy9DLG9CQUFlLEdBQVcsTUFBTSxDQUFDO1FBR2pDLHFCQUFnQixHQUFXLE9BQU8sQ0FBQztRQUtuQyxZQUFPLEdBQWEsRUFBRSxDQUFDO1FBR3ZCLG1CQUFjLEdBQVcsRUFBRSxDQUFDO1FBRzVCLGNBQVMsR0FBWSxLQUFLLENBQUM7SUFvRjdCLENBQUM7YUF4R2UsU0FBSSxHQUFHLFFBQVEsQUFBWCxDQUFZO2FBc0JoQixXQUFNLEdBQUc7UUFDckIsVUFBVSxDQUFDLGFBQWE7UUFDeEIsR0FBRyxDQUFBOztpQkFFVSxVQUFVLENBQUMsT0FBTyxDQUFDLE1BQU0sRUFBRSxNQUFNLENBQUM7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztLQXVDOUM7S0FDRixBQTVDbUIsQ0E0Q2xCO0lBRUssTUFBTTtRQUNYLE9BQU8sSUFBSSxDQUFBOzs7OztZQUtILElBQUksQ0FBQyxPQUFPLENBQUMsR0FBRyxDQUFDLENBQUMsTUFBTSxFQUFFLEVBQUUsQ0FBQyxJQUFJLENBQUEsK0JBQStCLEdBQUcsRUFBRSxDQUFDLElBQUksQ0FBQyxlQUFlLENBQUMsTUFBTSxDQUFDLElBQUksTUFBTSxTQUFTLENBQUM7OztLQUc3SCxDQUFDO0lBQ0osQ0FBQztJQUVNLEtBQUssQ0FBQyxZQUFZO1FBQ3ZCLElBQUksSUFBSSxDQUFDLElBQUksS0FBSyxTQUFTLEVBQUUsQ0FBQztZQUM1QixJQUFJLENBQUMsT0FBTyxHQUFHLENBQUMsSUFBSSxDQUFDLGVBQWUsSUFBSSxNQUFNLEVBQUUsSUFBSSxDQUFDLGdCQUFnQixJQUFJLE9BQU8sQ0FBQyxDQUFDO1FBQ3BGLENBQUM7UUFDRCxJQUFJLENBQUMsWUFBWSxFQUFFLENBQUM7SUFDdEIsQ0FBQztJQUVNLEtBQUssQ0FBQyxlQUFlLENBQUMsU0FBaUI7UUFDNUMsSUFBSSxDQUFDLGNBQWMsR0FBRyxTQUFTLENBQUM7UUFDaEMsSUFBSSxDQUFDLFlBQVksRUFBRSxDQUFDO0lBQ3RCLENBQUM7SUFFTSxLQUFLLENBQUMsWUFBWTtRQUN2QixNQUFNLFNBQVMsR0FBbUIsSUFBSSxDQUFDLFVBQVUsQ0FBQyxhQUFhLENBQUMsWUFBWSxDQUFDLENBQUM7UUFDOUUsTUFBTSxNQUFNLEdBQW1CLElBQUksQ0FBQyxVQUFVLENBQUMsYUFBYSxDQUFDLHFCQUFxQixJQUFJLENBQUMsT0FBTyxDQUFDLE9BQU8sQ0FBQyxJQUFJLENBQUMsY0FBYyxDQUFDLEdBQUcsQ0FBQyxHQUFHLENBQUMsQ0FBQztRQUNwSSxJQUFJLFNBQVMsSUFBSSxNQUFNLEVBQUUsQ0FBQztZQUN4QixTQUFTLENBQUMsS0FBSyxDQUFDLEtBQUssR0FBRyxHQUFHLE1BQU0sQ0FBQyxXQUFXLEdBQUcsQ0FBQyxJQUFJLENBQUM7WUFDdEQsU0FBUyxDQUFDLEtBQUssQ0FBQyxJQUFJLEdBQUcsR0FBRyxNQUFNLENBQUMsVUFBVSxHQUFHLENBQUMsSUFBSSxDQUFDO1lBQ3BELFNBQVMsQ0FBQyxLQUFLLENBQUMsT0FBTyxHQUFHLEdBQUcsQ0FBQztRQUNoQyxDQUFDO1FBQ0QsVUFBVSxDQUFDLEdBQUcsRUFBRTtZQUNkLFNBQVMsQ0FBQyxLQUFLLENBQUMsVUFBVSxHQUFHLFVBQVUsQ0FBQztRQUMxQyxDQUFDLEVBQUUsR0FBRyxDQUFDLENBQUM7SUFDVixDQUFDOztBQXBHRDtJQURDLFFBQVEsRUFBRTs7a0RBQ29DO0FBRy9DO0lBREMsUUFBUSxFQUFFOzs2REFDc0I7QUFHakM7SUFEQyxRQUFRLEVBQUU7OzhEQUN3QjtBQUtuQztJQUhDLFFBQVEsQ0FBQztRQUNSLElBQUksRUFBRSxLQUFLO0tBQ1osQ0FBQzs7cURBQ3FCO0FBR3ZCO0lBREMsUUFBUSxFQUFFOzs0REFDaUI7QUFHNUI7SUFEQyxRQUFRLEVBQUU7O3VEQUNnQjtBQXJCaEIsb0JBQW9CO0lBRGhDLGFBQWEsQ0FBQyx3QkFBd0IsQ0FBQztHQUMzQixvQkFBb0IsQ0F5R2hDIn0=

package/dist_ts_web/elements/dees-input-typelist.demo.js

@@ -1,5 +1,15 @@
 import { html } from '@design.estate/dees-element';
 export const demoFunc = () => html `
-  <dees-input-multiselect></dees-input-multiselect>
+  <style>
+    .demoContainer {
+      max-width: 600px;
+      margin: auto;
+      padding: 40px;
+      background: #000;
+    }
+  </style>
+  <div class="demoContainer">
+    <dees-input-typelist></dees-input-typelist>
+  </div>
 `;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGVlcy1pbnB1dC10eXBlbGlzdC5kZW1vLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vdHNfd2ViL2VsZW1lbnRzL2RlZXMtaW5wdXQtdHlwZWxpc3QuZGVtby50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsSUFBSSxFQUFFLE1BQU0sNkJBQTZCLENBQUM7QUFFbkQsTUFBTSxDQUFDLE1BQU0sUUFBUSxHQUFHLEdBQUcsRUFBRSxDQUFDLElBQUksQ0FBQTs7Q0FFakMsQ0FBQyJ9
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGVlcy1pbnB1dC10eXBlbGlzdC5kZW1vLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vdHNfd2ViL2VsZW1lbnRzL2RlZXMtaW5wdXQtdHlwZWxpc3QuZGVtby50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsSUFBSSxFQUFFLE1BQU0sNkJBQTZCLENBQUM7QUFFbkQsTUFBTSxDQUFDLE1BQU0sUUFBUSxHQUFHLEdBQUcsRUFBRSxDQUFDLElBQUksQ0FBQTs7Ozs7Ozs7Ozs7O0NBWWpDLENBQUMifQ==

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

@@ -34,28 +34,47 @@ let DeesInputTypelist = class DeesInputTypelist extends DeesElement {
         border-left: ${cssManager.bdTheme('1px solid #CCC', 'none')};
       }
 
-      .selections {
-        padding: 8px;
+      .tags {
+        padding: 16px;
+        cursor: default;
+      }
+
+      .notags {
+        text-align: center;
+        opacity: 0.5;
+        font-size: 12px;
       }
 
       input {
+        display: block;
+        box-sizing: border-box;
         background: #181818;
         width: 100%;
         outline: none;
         border: none;
         color: inherit;
-        padding: 8px;
+        padding: 0px 16px;
+        overflow: hidden;
+        line-height: 32px;
+        height: 0px;
+        transition: height 0.2s;
+      }
+
+      input:focus {
+        height: 32px;
       }
     `,
     ]; }
     render() {
         return html `
-      <div class="label">MultiSelect</div>
+      <div class="label">Type List</div>
       <div class="mainbox">
-        <div class="selections">
-          Nothing selected...
+        <div class="tags" @click=${() => {
+            this.shadowRoot.querySelector('input').focus();
+        }}>
+          <div class="notags">No tags yet</div>
         </div>
-        <input type="text" placeholder="Type to select" />
+        <input type="text" placeholder="Type, press Enter to add it..." />
       </div>
     `;
     }
@@ -65,4 +84,4 @@ DeesInputTypelist = __decorate([
     __metadata("design:paramtypes", [])
 ], DeesInputTypelist);
 export { DeesInputTypelist };
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGVlcy1pbnB1dC10eXBlbGlzdC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uL3RzX3dlYi9lbGVtZW50cy9kZWVzLWlucHV0LXR5cGVsaXN0LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7OztBQUFBLE9BQU8sRUFDTCxhQUFhLEVBQ2IsV0FBVyxFQUVYLEtBQUssRUFDTCxJQUFJLEVBQ0osUUFBUSxFQUNSLFFBQVEsRUFDUixHQUFHLEVBQ0gsVUFBVSxHQUNYLE1BQU0sNkJBQTZCLENBQUM7QUFFckMsTUFBTSxFQUFFLFFBQVEsRUFBRSxHQUFHLE1BQU0sTUFBTSxDQUFDLCtCQUErQixDQUFDLENBQUM7QUFHNUQsSUFBTSxpQkFBaUIsR0FBdkIsTUFBTSxpQkFBa0IsU0FBUSxXQUFXO2FBQ2xDLFNBQUksR0FBRyxRQUFRLEFBQVgsQ0FBWTtJQUU5QjtRQUNFLEtBQUssRUFBRSxDQUFDO0lBQ1YsQ0FBQzthQUVhLFdBQU0sR0FBRztRQUNyQixVQUFVLENBQUMsYUFBYTtRQUN4QixHQUFHLENBQUE7O2lCQUVVLFVBQVUsQ0FBQyxPQUFPLENBQUMsTUFBTSxFQUFFLE1BQU0sQ0FBQzs7Ozs7Ozs7OztzQkFVN0IsVUFBVSxDQUFDLE9BQU8sQ0FBQyxnQkFBZ0IsRUFBRSxnQkFBZ0IsQ0FBQzt5QkFDbkQsVUFBVSxDQUFDLE9BQU8sQ0FBQyxnQkFBZ0IsRUFBRSxnQkFBZ0IsQ0FBQzt3QkFDdkQsVUFBVSxDQUFDLE9BQU8sQ0FBQyxnQkFBZ0IsRUFBRSxNQUFNLENBQUM7dUJBQzdDLFVBQVUsQ0FBQyxPQUFPLENBQUMsZ0JBQWdCLEVBQUUsTUFBTSxDQUFDOzs7Ozs7Ozs7Ozs7Ozs7S0FlOUQ7S0FDRixBQWpDbUIsQ0FpQ2xCO0lBRUssTUFBTTtRQUNYLE9BQU8sSUFBSSxDQUFBOzs7Ozs7OztLQVFWLENBQUM7SUFDSixDQUFDOztBQXBEVSxpQkFBaUI7SUFEN0IsYUFBYSxDQUFDLHFCQUFxQixDQUFDOztHQUN4QixpQkFBaUIsQ0FxRDdCIn0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGVlcy1pbnB1dC10eXBlbGlzdC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uL3RzX3dlYi9lbGVtZW50cy9kZWVzLWlucHV0LXR5cGVsaXN0LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7OztBQUFBLE9BQU8sRUFDTCxhQUFhLEVBQ2IsV0FBVyxFQUVYLEtBQUssRUFDTCxJQUFJLEVBQ0osUUFBUSxFQUNSLFFBQVEsRUFDUixHQUFHLEVBQ0gsVUFBVSxHQUNYLE1BQU0sNkJBQTZCLENBQUM7QUFFckMsTUFBTSxFQUFFLFFBQVEsRUFBRSxHQUFHLE1BQU0sTUFBTSxDQUFDLCtCQUErQixDQUFDLENBQUM7QUFHNUQsSUFBTSxpQkFBaUIsR0FBdkIsTUFBTSxpQkFBa0IsU0FBUSxXQUFXO2FBQ2xDLFNBQUksR0FBRyxRQUFRLEFBQVgsQ0FBWTtJQUU5QjtRQUNFLEtBQUssRUFBRSxDQUFDO0lBQ1YsQ0FBQzthQUVhLFdBQU0sR0FBRztRQUNyQixVQUFVLENBQUMsYUFBYTtRQUN4QixHQUFHLENBQUE7O2lCQUVVLFVBQVUsQ0FBQyxPQUFPLENBQUMsTUFBTSxFQUFFLE1BQU0sQ0FBQzs7Ozs7Ozs7OztzQkFVN0IsVUFBVSxDQUFDLE9BQU8sQ0FBQyxnQkFBZ0IsRUFBRSxnQkFBZ0IsQ0FBQzt5QkFDbkQsVUFBVSxDQUFDLE9BQU8sQ0FBQyxnQkFBZ0IsRUFBRSxnQkFBZ0IsQ0FBQzt3QkFDdkQsVUFBVSxDQUFDLE9BQU8sQ0FBQyxnQkFBZ0IsRUFBRSxNQUFNLENBQUM7dUJBQzdDLFVBQVUsQ0FBQyxPQUFPLENBQUMsZ0JBQWdCLEVBQUUsTUFBTSxDQUFDOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztLQWdDOUQ7S0FDRixBQWxEbUIsQ0FrRGxCO0lBRUssTUFBTTtRQUNYLE9BQU8sSUFBSSxDQUFBOzs7bUNBR29CLEdBQUcsRUFBRTtZQUM5QixJQUFJLENBQUMsVUFBVSxDQUFDLGFBQWEsQ0FBQyxPQUFPLENBQUMsQ0FBQyxLQUFLLEVBQUUsQ0FBQztRQUNqRCxDQUFDOzs7OztLQUtKLENBQUM7SUFDSixDQUFDOztBQXZFVSxpQkFBaUI7SUFEN0IsYUFBYSxDQUFDLHFCQUFxQixDQUFDOztHQUN4QixpQkFBaUIsQ0F3RTdCIn0=

package/dist_ts_web/elements/dees-pdf.js

@@ -47,18 +47,9 @@ let DeesPdf = class DeesPdf extends DeesElement {
         if (!DeesPdf_1.pdfJsReady) {
             const pdfJsReadyDeferred = domtools.plugins.smartpromise.defer();
             DeesPdf_1.pdfJsReady = pdfJsReadyDeferred.promise;
-            const loadDeferred = domtools.plugins.smartpromise.defer();
-            const script = document.createElement('script');
-            script.addEventListener('load', () => {
-                console.log('pdf.js loaded!');
-                loadDeferred.resolve();
-            });
-            script.src = 'https:////mozilla.github.io/pdf.js/build/pdf.js';
-            document.getElementsByTagName('head')[0].appendChild(script);
-            // The workerSrc property shall be specified.
-            await loadDeferred.promise;
-            DeesPdf_1.pdfjsLib = window['pdfjs-dist/build/pdf'];
-            DeesPdf_1.pdfjsLib.GlobalWorkerOptions.workerSrc = '//mozilla.github.io/pdf.js/build/pdf.worker.js';
+            // @ts-ignore
+            DeesPdf_1.pdfjsLib = await import('https://cdn.jsdelivr.net/npm/pdfjs-dist@4.0.379/+esm');
+            DeesPdf_1.pdfjsLib.GlobalWorkerOptions.workerSrc = 'https://cdn.jsdelivr.net/npm/pdfjs-dist@4.0.379/build/pdf.worker.mjs';
             pdfJsReadyDeferred.resolve();
         }
         await DeesPdf_1.pdfJsReady;
@@ -106,4 +97,4 @@ DeesPdf = DeesPdf_1 = __decorate([
     __metadata("design:paramtypes", [])
 ], DeesPdf);
 export { DeesPdf };
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGVlcy1wZGYuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi90c193ZWIvZWxlbWVudHMvZGVlcy1wZGYudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7OztBQUFBLE9BQU8sRUFBRSxXQUFXLEVBQUUsUUFBUSxFQUFFLElBQUksRUFBRSxhQUFhLEVBQUUsUUFBUSxHQUF3QyxNQUFNLDZCQUE2QixDQUFDO0FBRXpJLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSwwQkFBMEIsQ0FBQztBQVc3QyxJQUFNLE9BQU8sR0FBYixNQUFNLE9BQVEsU0FBUSxXQUFXOztJQUN0QyxPQUFPO2FBQ08sU0FBSSxHQUFHLEdBQUcsRUFBRSxDQUFDLElBQUksQ0FBQSx5QkFBeUIsQUFBdEMsQ0FBdUM7SUFRekQ7UUFDRSxLQUFLLEVBQUUsQ0FBQztRQVBWLFdBQVc7UUFHSixXQUFNLEdBQ1gsNEZBQTRGLENBQUM7UUFLN0YsdURBQXVEO1FBQ3ZELHFDQUFxQztJQUN2QyxDQUFDO0lBRU0sTUFBTTtRQUNYLE9BQU8sSUFBSSxDQUFBOzs7Ozs7Ozs7Ozs7Ozs7Ozt1Q0FpQndCLENBQUMsV0FBVyxDQUFDO0tBQy9DLENBQUM7SUFDSixDQUFDO0lBSU0sS0FBSyxDQUFDLGlCQUFpQjtRQUM1QixLQUFLLENBQUMsaUJBQWlCLEVBQUUsQ0FBQztRQUMxQixJQUFJLENBQUMsU0FBTyxDQUFDLFVBQVUsRUFBRSxDQUFDO1lBQ3hCLE1BQU0sa0JBQWtCLEdBQUcsUUFBUSxDQUFDLE9BQU8sQ0FBQyxZQUFZLENBQUMsS0FBSyxFQUFFLENBQUM7WUFDakUsU0FBTyxDQUFDLFVBQVUsR0FBRyxrQkFBa0IsQ0FBQyxPQUFPLENBQUM7WUFDaEQsTUFBTSxZQUFZLEdBQUcsUUFBUSxDQUFDLE9BQU8sQ0FBQyxZQUFZLENBQUMsS0FBSyxFQUFFLENBQUM7WUFDM0QsTUFBTSxNQUFNLEdBQUcsUUFBUSxDQUFDLGFBQWEsQ0FBQyxRQUFRLENBQUMsQ0FBQztZQUNoRCxN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
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGVlcy1wZGYuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi90c193ZWIvZWxlbWVudHMvZGVlcy1wZGYudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7OztBQUFBLE9BQU8sRUFBRSxXQUFXLEVBQUUsUUFBUSxFQUFFLElBQUksRUFBRSxhQUFhLEVBQUUsUUFBUSxHQUF3QyxNQUFNLDZCQUE2QixDQUFDO0FBRXpJLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSwwQkFBMEIsQ0FBQztBQVc3QyxJQUFNLE9BQU8sR0FBYixNQUFNLE9BQVEsU0FBUSxXQUFXOztJQUN0QyxPQUFPO2FBQ08sU0FBSSxHQUFHLEdBQUcsRUFBRSxDQUFDLElBQUksQ0FBQSx5QkFBeUIsQUFBdEMsQ0FBdUM7SUFRekQ7UUFDRSxLQUFLLEVBQUUsQ0FBQztRQVBWLFdBQVc7UUFHSixXQUFNLEdBQ1gsNEZBQTRGLENBQUM7UUFLN0YsdURBQXVEO1FBQ3ZELHFDQUFxQztJQUN2QyxDQUFDO0lBRU0sTUFBTTtRQUNYLE9BQU8sSUFBSSxDQUFBOzs7Ozs7Ozs7Ozs7Ozs7Ozt1Q0FpQndCLENBQUMsV0FBVyxDQUFDO0tBQy9DLENBQUM7SUFDSixDQUFDO0lBSU0sS0FBSyxDQUFDLGlCQUFpQjtRQUM1QixLQUFLLENBQUMsaUJBQWlCLEVBQUUsQ0FBQztRQUMxQixJQUFJLENBQUMsU0FBTyxDQUFDLFVBQVUsRUFBRSxDQUFDO1lBQ3hCLE1BQU0sa0JBQWtCLEdBQUcsUUFBUSxDQUFDLE9BQU8sQ0FBQyxZQUFZLENBQUMsS0FBSyxFQUFFLENBQUM7WUFDakUsU0FBTyxDQUFDLFVBQVUsR0FBRyxrQkFBa0IsQ0FBQyxPQUFPLENBQUM7WUFDaEQsYUFBYTtZQUNiLFNBQU8sQ0FBQyxRQUFRLEdBQUcsTUFBTSxNQUFNLENBQUMsc0RBQXNELENBQUMsQ0FBQztZQUN4RixTQUFPLENBQUMsUUFBUSxDQUFDLG1CQUFtQixDQUFDLFNBQVMsR0FBRyxzRUFBc0UsQ0FBQztZQUN4SCxrQkFBa0IsQ0FBQyxPQUFPLEVBQUUsQ0FBQztRQUMvQixDQUFDO1FBQ0QsTUFBTSxTQUFPLENBQUMsVUFBVSxDQUFDO1FBQ3pCLElBQUksQ0FBQyxjQUFjLEVBQUUsQ0FBQztJQUN4QixDQUFDO0lBRU0sS0FBSyxDQUFDLGNBQWM7UUFDekIsTUFBTSxTQUFPLENBQUMsVUFBVSxDQUFDO1FBRXpCLCtCQUErQjtRQUMvQixNQUFNLFdBQVcsR0FBRyxTQUFPLENBQUMsUUFBUSxDQUFDLFdBQVcsQ0FBQyxJQUFJLENBQUMsTUFBTSxDQUFDLENBQUM7UUFDOUQsV0FBVyxDQUFDLE9BQU8sQ0FBQyxJQUFJLENBQ3RCLENBQUMsR0FBRyxFQUFFLEVBQUU7WUFDTixPQUFPLENBQUMsR0FBRyxDQUFDLFlBQVksQ0FBQyxDQUFDO1lBRTFCLHVCQUF1QjtZQUN2QixNQUFNLFVBQVUsR0FBRyxDQUFDLENBQUM7WUFDckIsR0FBRyxDQUFDLE9BQU8sQ0FBQyxVQUFVLENBQUMsQ0FBQyxJQUFJLENBQUMsQ0FBQyxJQUFJLEVBQUUsRUFBRTtnQkFDcEMsT0FBTyxDQUFDLEdBQUcsQ0FBQyxhQUFhLENBQUMsQ0FBQztnQkFFM0IsTUFBTSxLQUFLLEdBQUcsRUFBRSxDQUFDO2dCQUNqQixNQUFNLFFBQVEsR0FBRyxJQUFJLENBQUMsV0FBVyxDQUFDLEVBQUUsS0FBSyxFQUFFLEtBQUssRUFBRSxDQUFDLENBQUM7Z0JBRXBELDJDQUEyQztnQkFDM0MsTUFBTSxNQUFNLEdBQVEsSUFBSSxDQUFDLFVBQVUsQ0FBQyxhQUFhLENBQUMsWUFBWSxDQUFDLENBQUM7Z0JBQ2hFLE1BQU0sT0FBTyxHQUFHLE1BQU0sQ0FBQyxVQUFVLENBQUMsSUFBSSxDQUFDLENBQUM7Z0JBQ3hDLE1BQU0sQ0FBQyxNQUFNLEdBQUcsUUFBUSxDQUFDLE1BQU0sQ0FBQztnQkFDaEMsTUFBTSxDQUFDLEtBQUssR0FBRyxRQUFRLENBQUMsS0FBSyxDQUFDO2dCQUU5QixzQ0FBc0M7Z0JBQ3RDLE1BQU0sYUFBYSxHQUFHO29CQUNwQixhQUFhLEVBQUUsT0FBTztvQkFDdEIsUUFBUSxFQUFFLFFBQVE7aUJBQ25CLENBQUM7Z0JBRUYsTUFBTSxVQUFVLEdBQUcsSUFBSSxDQUFDLE1BQU0sQ0FBQyxhQUFhLENBQUMsQ0FBQztnQkFDOUMsVUFBVSxDQUFDLE9BQU8sQ0FBQyxJQUFJLENBQUM7b0JBQ3RCLE9BQU8sQ0FBQyxHQUFHLENBQUMsZUFBZSxDQUFDLENBQUM7Z0JBQy9CLENBQUMsQ0FBQyxDQUFDO1lBQ0wsQ0FBQyxDQUFDLENBQUM7UUFDTCxDQUFDLEVBQ0QsQ0FBQyxNQUFNLEVBQUUsRUFBRTtZQUNULG9CQUFvQjtZQUNwQixPQUFPLENBQUMsS0FBSyxDQUFDLE1BQU0sQ0FBQyxDQUFDO1FBQ3hCLENBQUMsQ0FDRixDQUFDO0lBQ0osQ0FBQzs7QUF4Rk07SUFETixRQUFRLEVBQUU7O3VDQUVvRjtBQVJwRixPQUFPO0lBRG5CLGFBQWEsQ0FBQyxVQUFVLENBQUM7O0dBQ2IsT0FBTyxDQWdHbkIifQ==

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

@@ -0,0 +1 @@
+export {};

package/dist_ts_web/elements/dees-progressbar.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGVlcy1wcm9ncmVzc2Jhci5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uL3RzX3dlYi9lbGVtZW50cy9kZWVzLXByb2dyZXNzYmFyLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiIifQ==

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

@@ -6,7 +6,8 @@ declare global {
     }
 }
 export declare class DeesUpdater extends DeesElement {
-    static demo: () => TemplateResult<1>;
+    static demo: () => void;
+    static createAndShow(): Promise<void>;
     currentVersion: string;
     updatedVersion: string;
     constructor();

package/dist_ts_web/elements/dees-updater.demo.d.ts

@@ -0,0 +1 @@
+export declare const demoFunc: () => void;

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

@@ -0,0 +1,5 @@
+import { html } from '@design.estate/dees-element';
+import { DeesUpdater } from './dees-updater.js';
+export const demoFunc = () => {
+};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGVlcy11cGRhdGVyLmRlbW8uanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi90c193ZWIvZWxlbWVudHMvZGVlcy11cGRhdGVyLmRlbW8udHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLElBQUksRUFBRSxNQUFNLDZCQUE2QixDQUFDO0FBRW5ELE9BQU8sRUFBRSxXQUFXLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQztBQUVoRCxNQUFNLENBQUMsTUFBTSxRQUFRLEdBQUcsR0FBRyxFQUFFO0FBRTdCLENBQUMsQ0FBQSJ9

package/dist_ts_web/elements/dees-updater.js

@@ -7,12 +7,14 @@ 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 { customElement, DeesElement, html, property, } from '@design.estate/dees-element';
-import * as domtools from '@design.estate/dees-domtools';
+import { customElement, DeesElement, html, property, domtools } from '@design.estate/dees-element';
+import { demoFunc } from './dees-updater.demo.js';
 import './dees-windowlayer';
 import { css, cssManager } from '@design.estate/dees-element';
 let DeesUpdater = class DeesUpdater extends DeesElement {
-    static { this.demo = () => html `<dees-updater></dees-updater>`; }
+    static { this.demo = demoFunc; }
+    static async createAndShow() {
+    }
     constructor() {
         super();
         domtools.elementBasic.setup();
@@ -24,9 +26,8 @@ let DeesUpdater = class DeesUpdater extends DeesElement {
           will-change: transform;
           position: relative;
           background: ${cssManager.bdTheme('#eeeeeb', '#222')};
-          margin: auto;
           max-width: 800px;
-          border-radius: 3px;
+          border-radius: 8px;
           border-top: 1px solid ${cssManager.bdTheme('#eeeeeb', '#333')};
         }
 
@@ -53,7 +54,9 @@ let DeesUpdater = class DeesUpdater extends DeesElement {
     ]; }
     render() {
         return html `
-      <dees-windowlayer @clicked="${this.windowLayerClicked}">
+      <dees-windowlayer @clicked="${this.windowLayerClicked}" .options=${{
+            blur: true,
+        }}>
         <div class="modalContainer">
           <div class="headingContainer">
             <dees-spinner .size=${60}></dees-spinner>
@@ -68,8 +71,6 @@ let DeesUpdater = class DeesUpdater extends DeesElement {
     `;
     }
     windowLayerClicked() {
-        const windowLayer = this.shadowRoot.querySelector('dees-windowlayer');
-        windowLayer.toggleVisibility();
     }
 };
 __decorate([
@@ -89,4 +90,4 @@ DeesUpdater = __decorate([
     __metadata("design:paramtypes", [])
 ], DeesUpdater);
 export { DeesUpdater };
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGVlcy11cGRhdGVyLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vdHNfd2ViL2VsZW1lbnRzL2RlZXMtdXBkYXRlci50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7QUFBQSxPQUFPLEVBQUUsYUFBYSxFQUFFLFdBQVcsRUFBdUIsSUFBSSxFQUFFLFFBQVEsR0FBbUIsTUFBTSw2QkFBNkIsQ0FBQztBQUUvSCxPQUFPLEtBQUssUUFBUSxNQUFNLDhCQUE4QixDQUFDO0FBR3pELE9BQU8sb0JBQW9CLENBQUM7QUFDNUIsT0FBTyxFQUFFLEdBQUcsRUFBRSxVQUFVLEVBQUUsTUFBTSw2QkFBNkIsQ0FBQztBQVN2RCxJQUFNLFdBQVcsR0FBakIsTUFBTSxXQUFZLFNBQVEsV0FBVzthQUM1QixTQUFJLEdBQUcsR0FBRyxFQUFFLENBQUMsSUFBSSxDQUFBLCtCQUErQixBQUE1QyxDQUE2QztJQVkvRDtRQUNFLEtBQUssRUFBRSxDQUFDO1FBQ1IsUUFBUSxDQUFDLFlBQVksQ0FBQyxLQUFLLEVBQUUsQ0FBQztJQUNoQyxDQUFDO2FBRWEsV0FBTSxHQUFHO1FBQ3JCLFVBQVUsQ0FBQyxhQUFhO1FBQ3hCLEdBQUcsQ0FBQTs7Ozt3QkFJaUIsVUFBVSxDQUFDLE9BQU8sQ0FBQyxTQUFTLEVBQUUsTUFBTSxDQUFDOzs7O2tDQUkzQixVQUFVLENBQUMsT0FBTyxDQUFDLFNBQVMsRUFBRSxNQUFNLENBQUM7Ozs7Ozs7Ozs7Ozs7bUJBYXBELFVBQVUsQ0FBQyxPQUFPLENBQUMsTUFBTSxFQUFFLE1BQU0sQ0FBQzs7Ozs7Ozs7O0tBU2hEO0tBQ0YsQUFqQ21CLENBaUNuQjtJQUVNLE1BQU07UUFDWCxPQUFPLElBQUksQ0FBQTtvQ0FDcUIsSUFBSSxDQUFDLGtCQUFrQjs7O2tDQUd6QixFQUFFOzs7Ozs7Ozs7S0FTL0IsQ0FBQztJQUNKLENBQUM7SUFFTyxrQkFBa0I7UUFDeEIsTUFBTSxXQUFXLEdBQUcsSUFBSSxDQUFDLFVBQVUsQ0FBQyxhQUFhLENBQUMsa0JBQWtCLENBQUMsQ0FBQztRQUN0RSxXQUFXLENBQUMsZ0JBQWdCLEVBQUUsQ0FBQztJQUNqQyxDQUFDOztBQW5FRDtJQUhDLFFBQVEsQ0FBQztRQUNSLElBQUksRUFBRSxNQUFNO0tBQ2IsQ0FBQzs7bURBQ3FCO0FBS3ZCO0lBSEMsUUFBUSxDQUFDO1FBQ1IsSUFBSSxFQUFFLE1BQU07S0FDYixDQUFDOzttREFDcUI7QUFYWixXQUFXO0lBRHZCLGFBQWEsQ0FBQyxjQUFjLENBQUM7O0dBQ2pCLFdBQVcsQ0EwRXZCIn0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGVlcy11cGRhdGVyLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vdHNfd2ViL2VsZW1lbnRzL2RlZXMtdXBkYXRlci50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7QUFBQSxPQUFPLEVBQUUsYUFBYSxFQUFFLFdBQVcsRUFBdUIsSUFBSSxFQUFFLFFBQVEsRUFBa0IsUUFBUSxFQUFFLE1BQU0sNkJBQTZCLENBQUM7QUFDeEksT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLHdCQUF3QixDQUFDO0FBRWxELE9BQU8sb0JBQW9CLENBQUM7QUFDNUIsT0FBTyxFQUFFLEdBQUcsRUFBRSxVQUFVLEVBQUUsTUFBTSw2QkFBNkIsQ0FBQztBQVN2RCxJQUFNLFdBQVcsR0FBakIsTUFBTSxXQUFZLFNBQVEsV0FBVzthQUM1QixTQUFJLEdBQUcsUUFBUSxBQUFYLENBQVk7SUFFdkIsTUFBTSxDQUFDLEtBQUssQ0FBQyxhQUFhO0lBRWpDLENBQUM7SUFZRDtRQUNFLEtBQUssRUFBRSxDQUFDO1FBQ1IsUUFBUSxDQUFDLFlBQVksQ0FBQyxLQUFLLEVBQUUsQ0FBQztJQUNoQyxDQUFDO2FBRWEsV0FBTSxHQUFHO1FBQ3JCLFVBQVUsQ0FBQyxhQUFhO1FBQ3hCLEdBQUcsQ0FBQTs7Ozt3QkFJaUIsVUFBVSxDQUFDLE9BQU8sQ0FBQyxTQUFTLEVBQUUsTUFBTSxDQUFDOzs7a0NBRzNCLFVBQVUsQ0FBQyxPQUFPLENBQUMsU0FBUyxFQUFFLE1BQU0sQ0FBQzs7Ozs7Ozs7Ozs7OzttQkFhcEQsVUFBVSxDQUFDLE9BQU8sQ0FBQyxNQUFNLEVBQUUsTUFBTSxDQUFDOzs7Ozs7Ozs7S0FTaEQ7S0FDRixBQWhDbUIsQ0FnQ25CO0lBRU0sTUFBTTtRQUNYLE9BQU8sSUFBSSxDQUFBO29DQUNxQixJQUFJLENBQUMsa0JBQWtCLGNBQWM7WUFDakUsSUFBSSxFQUFFLElBQUk7U0FDWDs7O2tDQUcyQixFQUFFOzs7Ozs7Ozs7S0FTL0IsQ0FBQztJQUNKLENBQUM7SUFFTyxrQkFBa0I7SUFFMUIsQ0FBQzs7QUFuRUQ7SUFIQyxRQUFRLENBQUM7UUFDUixJQUFJLEVBQUUsTUFBTTtLQUNiLENBQUM7O21EQUNxQjtBQUt2QjtJQUhDLFFBQVEsQ0FBQztRQUNSLElBQUksRUFBRSxNQUFNO0tBQ2IsQ0FBQzs7bURBQ3FCO0FBZlosV0FBVztJQUR2QixhQUFhLENBQUMsY0FBYyxDQUFDOztHQUNqQixXQUFXLENBOEV2QiJ9

package/dist_watch/bundle.js

@@ -20676,10 +20676,10 @@ var require_core = __commonJS({
     }
     var version2 = "11.9.0";
     var HTMLInjectionError = class extends Error {
-      constructor(reason, html) {
+      constructor(reason, html2) {
         super(reason);
         this.name = "HTMLInjectionError";
-        this.html = html;
+        this.html = html2;
       }
     };
     var escape2 = escapeHTML;
@@ -69634,7 +69634,17 @@ var init_dees_input_typelist_demo = __esm({
   "ts_web/elements/dees-input-typelist.demo.ts"() {
     init_dist_ts26();
     demoFunc12 = () => x`
-  <dees-input-multiselect></dees-input-multiselect>
+  <style>
+    .demoContainer {
+      max-width: 600px;
+      margin: auto;
+      padding: 40px;
+      background: #000;
+    }
+  </style>
+  <div class="demoContainer">
+    <dees-input-typelist></dees-input-typelist>
+  </div>
 `;
   }
 });
@@ -69650,9 +69660,15 @@ var init_dees_input_multitoggle_demo = __esm({
     init_dist_ts26();
     demoFunc16 = () => x`
   <dees-input-multitoggle
-    .options=${["option 1", "option 2", "option 3"]}
+    .options=${["option 1", "option 2", "a longer option with multiple words"]}
     .selectedOption=${"option 2"}
   ></dees-input-multitoggle>
+  <dees-input-multitoggle
+    .type=${"boolean"}
+    .booleanTrueName=${"enabled"}
+    .booleanFalseName=${"disabled"}
+    .selectedOption=${"true"}
+  ></dees-input-multitoggle>
 `;
   }
 });
@@ -70575,7 +70591,7 @@ __export(elements_exports, {
   DeesStepper: () => DeesStepper,
   DeesTable: () => DeesTable,
   DeesToast: () => DeesToast,
-  DeesUpdater: () => DeesUpdater,
+  DeesUpdater: () => DeesUpdater2,
   DeesWindowControls: () => DeesWindowControls,
   DeesWindowLayer: () => DeesWindowLayer,
   faIcons: () => faIcons
@@ -71583,11 +71599,11 @@ var DeesDataviewCodebox = class extends DeesElement {
     }
     await plugins.smartdelay.delayFor(0);
     const localCodeNode = this.shadowRoot.querySelector("code");
-    const html = es_default.highlight(this.codeToDisplayStore, {
+    const html2 = es_default.highlight(this.codeToDisplayStore, {
       language: this.progLang,
       ignoreIllegals: true
     });
-    localCodeNode.innerHTML = html.value;
+    localCodeNode.innerHTML = html2.value;
   }
 };
 DeesDataviewCodebox.demo = demoFunc4;
@@ -78276,12 +78292,14 @@ var DeesInputTypelist = class extends DeesElement {
   }
   render() {
     return x`
-      <div class="label">MultiSelect</div>
+      <div class="label">Type List</div>
       <div class="mainbox">
-        <div class="selections">
-          Nothing selected...
+        <div class="tags" @click=${() => {
+      this.shadowRoot.querySelector("input").focus();
+    }}>
+          <div class="notags">No tags yet</div>
         </div>
-        <input type="text" placeholder="Type to select" />
+        <input type="text" placeholder="Type, press Enter to add it..." />
       </div>
     `;
   }
@@ -78307,17 +78325,34 @@ DeesInputTypelist.styles = [
         border-left: ${cssManager.bdTheme("1px solid #CCC", "none")};
       }
 
-      .selections {
-        padding: 8px;
+      .tags {
+        padding: 16px;
+        cursor: default;
+      }
+
+      .notags {
+        text-align: center;
+        opacity: 0.5;
+        font-size: 12px;
       }
 
       input {
+        display: block;
+        box-sizing: border-box;
         background: #181818;
         width: 100%;
         outline: none;
         border: none;
         color: inherit;
-        padding: 8px;
+        padding: 0px 16px;
+        overflow: hidden;
+        line-height: 32px;
+        height: 0px;
+        transition: height 0.2s;
+      }
+
+      input:focus {
+        height: 32px;
       }
     `
 ];
@@ -78734,7 +78769,7 @@ var DeesInputMultitoggle = class extends DeesElement {
   }
   async firstUpdated() {
     if (this.type === "boolean") {
-      this.options = [this.booleanTrueName || "true", this.booleanFalseName];
+      this.options = [this.booleanTrueName || "true", this.booleanFalseName || "false"];
     }
     this.setIndicator();
   }
@@ -78775,12 +78810,18 @@ DeesInputMultitoggle.styles = [
       }
 
       .option {
+        color: #CCC;
         position: relative;
         padding: 0px 16px;
         line-height: 40px;
-        cursor: pointer;
+        cursor: default;
         width: min-content; /* Make the width as per the content */
         white-space: nowrap; /* Prevent text wrapping */
+        transition: all 0.1s;
+      }
+
+      .option:hover {
+        color: #fff;
       }
 
       .indicator {
@@ -78854,17 +78895,8 @@ var DeesPdf = class extends DeesElement {
     if (!DeesPdf.pdfJsReady) {
       const pdfJsReadyDeferred = dist_ts_exports25.plugins.smartpromise.defer();
       DeesPdf.pdfJsReady = pdfJsReadyDeferred.promise;
-      const loadDeferred = dist_ts_exports25.plugins.smartpromise.defer();
-      const script = document.createElement("script");
-      script.addEventListener("load", () => {
-        console.log("pdf.js loaded!");
-        loadDeferred.resolve();
-      });
-      script.src = "https:////mozilla.github.io/pdf.js/build/pdf.js";
-      document.getElementsByTagName("head")[0].appendChild(script);
-      await loadDeferred.promise;
-      DeesPdf.pdfjsLib = window["pdfjs-dist/build/pdf"];
-      DeesPdf.pdfjsLib.GlobalWorkerOptions.workerSrc = "//mozilla.github.io/pdf.js/build/pdf.worker.js";
+      DeesPdf.pdfjsLib = await import("https://cdn.jsdelivr.net/npm/pdfjs-dist@4.0.379/+esm");
+      DeesPdf.pdfjsLib.GlobalWorkerOptions.workerSrc = "https://cdn.jsdelivr.net/npm/pdfjs-dist@4.0.379/build/pdf.worker.mjs";
       pdfJsReadyDeferred.resolve();
     }
     await DeesPdf.pdfJsReady;
@@ -79584,16 +79616,26 @@ DeesToast = __decorateClass([
 
 // ts_web/elements/dees-updater.ts
 init_dist_ts26();
-init_dist_ts25();
+
+// ts_web/elements/dees-updater.demo.ts
+init_dist_ts26();
+var demoFunc21 = () => {
+};
+
+// ts_web/elements/dees-updater.ts
 init_dist_ts26();
-var DeesUpdater = class extends DeesElement {
+var DeesUpdater2 = class extends DeesElement {
+  static async createAndShow() {
+  }
   constructor() {
     super();
-    domtools_elementbasic_exports.setup();
+    dist_ts_exports25.elementBasic.setup();
   }
   render() {
     return x`
-      <dees-windowlayer @clicked="${this.windowLayerClicked}">
+      <dees-windowlayer @clicked="${this.windowLayerClicked}" .options=${{
+      blur: true
+    }}>
         <div class="modalContainer">
           <div class="headingContainer">
             <dees-spinner .size=${60}></dees-spinner>
@@ -79608,21 +79650,18 @@ var DeesUpdater = class extends DeesElement {
     `;
   }
   windowLayerClicked() {
-    const windowLayer = this.shadowRoot.querySelector("dees-windowlayer");
-    windowLayer.toggleVisibility();
   }
 };
-DeesUpdater.demo = () => x`<dees-updater></dees-updater>`;
-DeesUpdater.styles = [
+DeesUpdater2.demo = demoFunc21;
+DeesUpdater2.styles = [
   cssManager.defaultStyles,
   i`
       .modalContainer {
           will-change: transform;
           position: relative;
           background: ${cssManager.bdTheme("#eeeeeb", "#222")};
-          margin: auto;
           max-width: 800px;
-          border-radius: 3px;
+          border-radius: 8px;
           border-top: 1px solid ${cssManager.bdTheme("#eeeeeb", "#333")};
         }
 
@@ -79651,15 +79690,15 @@ __decorateClass([
   n4({
     type: String
   })
-], DeesUpdater.prototype, "currentVersion", 2);
+], DeesUpdater2.prototype, "currentVersion", 2);
 __decorateClass([
   n4({
     type: String
   })
-], DeesUpdater.prototype, "updatedVersion", 2);
-DeesUpdater = __decorateClass([
+], DeesUpdater2.prototype, "updatedVersion", 2);
+DeesUpdater2 = __decorateClass([
   t4("dees-updater")
-], DeesUpdater);
+], DeesUpdater2);
 
 // ts_web/elements/dees-windowcontrols.ts
 init_dist_ts26();