@design.estate/dees-catalog 1.0.181 → 1.0.183

package/dist_bundle/bundle.js

@@ -762,7 +762,7 @@ https://github.com/highlightjs/highlight.js/issues/2277`),$=R,G=v),L===void 0&&(
       </style>
       <div class="maincontainer">
         ${this.label?H`<div class="label">${this.label}</div>`:H``}
-        <input type="${this.isPasswordBool&&!this.showPasswordBool?"password":"text"}" value=${this.value} @input="${this.updateValue}" .disabled=${this.disabled} />
+        <input type="${this.isPasswordBool&&!this.showPasswordBool?"password":"text"}" .value=${this.value} @input="${this.updateValue}" .disabled=${this.disabled} />
         ${this.isPasswordBool?H`
           <div class="showPassword" @click=${this.togglePasswordView}>
             <dees-icon .iconFA=${this.showPasswordBool?"eye":"eyeSlash"}></dees-icon>
@@ -1997,16 +1997,24 @@ svg:not(:root).svg-inline--fa, svg:not(:host).svg-inline--fa {
           </dees-form>
         </div>
       </div>
-      <slot></slot>
-    `}async firstUpdated(a){let r=await this.domtoolsPromise;super.firstUpdated(a);let n=this.shadowRoot.querySelector("dees-form");await n.readyDeferred.promise;let i=this.shadowRoot.querySelector('dees-input-text[label="username"]'),c=this.shadowRoot.querySelector('dees-input-text[label="password"]'),o=this.shadowRoot.querySelector("dees-form-submit");n.addEventListener("formData",s=>{this.dispatchEvent(new CustomEvent("login",{detail:s.detail}))})}};F3.demo=()=>H` <dees-simple-login></dees-simple-login> `,F3.styles=[B.defaultStyles,f1`
+      <div class="slotContainer">
+        <slot></slot>
+      </div>
+    `}async firstUpdated(a){let r=await this.domtoolsPromise;super.firstUpdated(a);let n=this.shadowRoot.querySelector("dees-form");await n.readyDeferred.promise;let i=this.shadowRoot.querySelector('dees-input-text[label="username"]'),c=this.shadowRoot.querySelector('dees-input-text[label="password"]'),o=this.shadowRoot.querySelector("dees-form-submit");n.addEventListener("formData",s=>{this.dispatchEvent(new CustomEvent("login",{detail:s.detail}))})}async switchToSlottedContent(){let a=await this.domtoolsPromise,r=this.shadowRoot.querySelector(".login"),n=this.shadowRoot.querySelector(".loginContainer"),i=this.shadowRoot.querySelector(".slotContainer");r.style.opacity="0",r.style.transform="translateY(20px)",n.style.pointerEvents="none",i.style.transform="translateY(20px)",await a.convenience.smartdelay.delayFor(300),i.style.opacity="1",i.style.transform="translateY(0px)",await a.convenience.smartdelay.delayFor(300),i.style.pointerEvents="all"}};F3.demo=()=>H`
+    <dees-simple-login>
+      Hello there
+    </dees-simple-login>
+  `,F3.styles=[B.defaultStyles,f1`
       :host {
         color: ${B.bdTheme("#333","#fff")};
         user-select: none;
       }
       .loginContainer {
+        position: absolute;
         display: flex;
         justify-content: center; /* aligns horizontally */
         align-items: center; /* aligns vertically */
+        width: 100%;
         height: 100%;
       }
       .login {
@@ -2016,11 +2024,17 @@ svg:not(:root).svg-inline--fa, svg:not(:host).svg-inline--fa {
         box-shadow: ${B.bdTheme("0px 1px 4px rgba(0,0,0,0.3)","none")};
         border-radius: 3px;
         padding: 24px;
+        transition: opacity 0.3s, transform 0.3s;
       }
 
       .header {
         text-align: center;
       }
+      .slotContainer {
+        opacity:0;
+        transition: opacity 0.3s, transform 0.3s;
+        pointer-events: none;
+      }
     `],A([V()],F3.prototype,"title",2),F3=A([n1("dees-simple-login")],F3);var oe=class extends a1{constructor(){super();this.disabled=!1;this.isHidden=!1;this.status="normal"}render(){return H`
       <div class="maincontainer" @click=${this.handleClick}>
         <div class="arrow"></div>
@@ -2521,7 +2535,7 @@ svg:not(:root).svg-inline--fa, svg:not(:host).svg-inline--fa {
           display: grid;
           grid-template-columns: 50% 50%;
         }
-    `],A([V({type:String})],Xe.prototype,"currentVersion",2),A([V({type:String})],Xe.prototype,"updatedVersion",2),Xe=A([n1("dees-updater")],Xe);var Hw={name:"@design.estate/dees-catalog",version:"1.0.181",description:"website for lossless.com"};export{N2 as DeesButton,H4 as DeesButtonExit,re as DeesChips,ne as DeesContextmenu,Ye as DeesDataviewCodebox,H3 as DeesDataviewStatusobject,Gt as DeesForm,G2 as DeesFormSubmit,Qe as DeesIcon,y2 as DeesInputCheckbox,A2 as DeesInputDropdown,g2 as DeesInputFileupload,x2 as DeesInputQuantitySelector,R2 as DeesInputRadio,f2 as DeesInputText,ce as DeesMobilenavigation,d2 as DeesPdf,F3 as DeesSimpleLogin,oe as DeesSpeechbubble,xe as DeesSpinner,Ze as DeesStepper,h2 as DeesTable,yr as DeesToast,Xe as DeesUpdater,Ue as DeesWindowLayer,Hw as commitinfo,ww as faIcons};
+    `],A([V({type:String})],Xe.prototype,"currentVersion",2),A([V({type:String})],Xe.prototype,"updatedVersion",2),Xe=A([n1("dees-updater")],Xe);var Hw={name:"@design.estate/dees-catalog",version:"1.0.182",description:"website for lossless.com"};export{N2 as DeesButton,H4 as DeesButtonExit,re as DeesChips,ne as DeesContextmenu,Ye as DeesDataviewCodebox,H3 as DeesDataviewStatusobject,Gt as DeesForm,G2 as DeesFormSubmit,Qe as DeesIcon,y2 as DeesInputCheckbox,A2 as DeesInputDropdown,g2 as DeesInputFileupload,x2 as DeesInputQuantitySelector,R2 as DeesInputRadio,f2 as DeesInputText,ce as DeesMobilenavigation,d2 as DeesPdf,F3 as DeesSimpleLogin,oe as DeesSpeechbubble,xe as DeesSpinner,Ze as DeesStepper,h2 as DeesTable,yr as DeesToast,Xe as DeesUpdater,Ue as DeesWindowLayer,Hw as commitinfo,ww as faIcons};
 /*! Bundled license information:
 
 ieee754/index.js: