@design.estate/dees-catalog 1.0.251 → 1.0.254

package/dist_bundle/bundle.js

@@ -1341,7 +1341,8 @@ https://github.com/highlightjs/highlight.js/issues/2277`),J=D,h=A),U===void 0&&(
               name: "john" AND age: 18
               \`\`\`
               
-            `}></dees-input-text>
+            `}
+          ></dees-input-text>
           <dees-input-multitoggle
             .label=${"search mode"}
             .options=${["table","data","server"]}
@@ -1393,13 +1394,15 @@ https://github.com/highlightjs/highlight.js/issues/2277`),J=D,h=A),U===void 0&&(
                         ${(()=>{if(this.dataActions&&this.dataActions.length>0)return I`
                               <td>
                                 <div class="innerCellContainer">
-                                  ${this.getActionsForType("inRow").map(o=>I`<div
-                                      class="action"
-                                      @click=${()=>o.actionFunc({item:a,table:this})}
-                                    >
-                                      ${o.iconName?I`
-                                            <dees-icon .iconFA=${o.iconName}></dees-icon>
-                                          `:o.name}
+                                  ${this.getActionsForType("inRow").map(o=>I`<div class="actionContainer">
+                                      <div
+                                        class="action"
+                                        @click=${()=>o.actionFunc({item:a,table:this})}
+                                      >
+                                        ${o.iconName?I`
+                                              <dees-icon .iconFA=${o.iconName}></dees-icon>
+                                            `:o.name}
+                                      </div>
                                     </div>`)}
                                 </div>
                               </td>
@@ -1425,7 +1428,7 @@ https://github.com/highlightjs/highlight.js/issues/2277`),J=D,h=A),U===void 0&&(
           </div>
         </div>
       </div>
-    `}async firstUpdated(){}async updated(r){super.updated(r),this.determineColumnWidths()}async determineColumnWidths(){await(await this.domtoolsPromise).convenience.smartdelay.delayFor(0);let n=this.shadowRoot.querySelector("table");if(!n)return;let a=n.rows[0].cells,i=async(c,o=!1)=>{let s=y1.defer(),l=a[c],u=window.getComputedStyle(l).width;if(l.textContent.includes("Actions")){let f=this.dataActions.filter(m=>m.type.includes("inRow")).length*35;l.style.width=`${Math.max(f,68)}px`}else l.style.width=u;o&&(requestAnimationFrame(()=>{s.resolve()}),await s.promise)};a[a.length-1].textContent.includes("Actions")&&await i(a.length-1,!0);for(let c=0;c<a.length;c++)a[c].textContent.includes("Actions")||await i(c);n.style.tableLayout="fixed"}getActionsForType(r){let n=[];for(let a of this.dataActions)a.type.includes(r)&&n.push(a);return n}async handleCellEditing(r,n,a){let i=await this.domtoolsPromise,c=r.target,o=c.style.color;c.style.color="transparent";let l=this.displayFunction(n)[a]||"",u=document.createElement("input");u.type="text",u.value=l;let f=async(m=!0,p=!1)=>{m&&u.blur(),p&&(n[a]=u.value,this.changeSubject.next(this)),u.remove(),c.style.color=o,this.requestUpdate()};u.addEventListener("blur",()=>{f(!1,!1)}),u.addEventListener("keydown",m=>{m.key==="Enter"&&f(!0,!0)}),c.appendChild(u),u.focus()}};ie.demo=tk,ie.styles=[O.defaultStyles,u1`
+    `}async firstUpdated(){}async updated(r){super.updated(r),this.determineColumnWidths()}async determineColumnWidths(){await(await this.domtoolsPromise).convenience.smartdelay.delayFor(0);let n=this.shadowRoot.querySelector("table");if(!n)return;let a=n.rows[0].cells,i=async(c,o=!1)=>{let s=y1.defer(),l=a[c],u=window.getComputedStyle(l).width;if(l.textContent.includes("Actions")){let f=this.dataActions.filter(m=>m.type.includes("inRow")).length*36;l.style.width=`${Math.max(f,68)}px`}else l.style.width=u;o&&(requestAnimationFrame(()=>{s.resolve()}),await s.promise)};a[a.length-1].textContent.includes("Actions")&&await i(a.length-1,!0);for(let c=0;c<a.length;c++)a[c].textContent.includes("Actions")||await i(c);n.style.tableLayout="fixed"}getActionsForType(r){let n=[];for(let a of this.dataActions)a.type.includes(r)&&n.push(a);return n}async handleCellEditing(r,n,a){let i=await this.domtoolsPromise,c=r.target,o=c.style.color;c.style.color="transparent";let l=this.displayFunction(n)[a]||"",u=document.createElement("input");u.type="text",u.value=l;let f=async(m=!0,p=!1)=>{m&&u.blur(),p&&(n[a]=u.value,this.changeSubject.next(this)),u.remove(),c.style.color=o,this.requestUpdate()};u.addEventListener("blur",()=>{f(!1,!1)}),u.addEventListener("keydown",m=>{m.key==="Enter"&&f(!0,!0)}),c.appendChild(u),u.focus()}};ie.demo=tk,ie.styles=[O.defaultStyles,u1`
       .mainbox {
         color: ${O.bdTheme("#333","#fff")};
         font-family: 'Roboto', 'Inter', sans-serif;
@@ -1577,18 +1580,21 @@ https://github.com/highlightjs/highlight.js/issues/2277`),J=D,h=A),U===void 0&&(
         font-weight: inherit;
         padding: 0px 6px;
       }
-
+      .actionContainer {
+        height: 24px;
+        display: inline-block;
+        transform: translateY(-4px);
+      }
       .action {
-        margin: -4px 0px;
+        position: relative;
         padding: 8px 10px;
-        line-height: 32px;
+        line-height: 24px;
         height: 32px;
         size: 16px;
-        display: inline-block;
         border-radius: 8px;
       }
 
-      .action:first-child {
+      .actionContainer:first-child {
         margin-left: -6px;
         width: min-content;
       }
@@ -3728,7 +3734,7 @@ svg:not(:root).svg-inline--fa, svg:not(:host).svg-inline--fa {
       .windowControls div:hover {
         background: #333333;
       }
-    `],R([F({reflect:!0})],pt.prototype,"type",2),R([F({reflect:!0})],pt.prototype,"position",2),pt=R([c1("dees-windowcontrols")],pt);var Ua1={name:"@design.estate/dees-catalog",version:"1.0.251",description:"website for lossless.com"};export{v2 as DeesButton,Wr as DeesButtonExit,w2 as DeesChips,G1 as DeesContextmenu,it as DeesDataviewCodebox,v4 as DeesDataviewStatusobject,ka as DeesForm,H2 as DeesFormSubmit,b4 as DeesHint,ut as DeesIcon,b2 as DeesInputCheckbox,Ce as DeesInputDropdown,c2 as DeesInputFileupload,je as DeesInputIban,Je as DeesInputMultitoggle,Ka as DeesInputPhone,C2 as DeesInputQuantitySelector,T2 as DeesInputRadio,ve as DeesInputText,N4 as DeesInputTypelist,ft as DeesLabel,k2 as DeesMobilenavigation,o2 as DeesModal,e2 as DeesPdf,M4 as DeesProgressbar,A4 as DeesSimpleAppDash,R4 as DeesSimpleLogin,s2 as DeesSpeechbubble,R3 as DeesSpinner,mt as DeesStepper,ie as DeesTable,Za as DeesToast,y2 as DeesUpdater,pt as DeesWindowControls,Ee as DeesWindowLayer,Ua1 as commitinfo,Uu as faIcons};
+    `],R([F({reflect:!0})],pt.prototype,"type",2),R([F({reflect:!0})],pt.prototype,"position",2),pt=R([c1("dees-windowcontrols")],pt);var Ua1={name:"@design.estate/dees-catalog",version:"1.0.254",description:"website for lossless.com"};export{v2 as DeesButton,Wr as DeesButtonExit,w2 as DeesChips,G1 as DeesContextmenu,it as DeesDataviewCodebox,v4 as DeesDataviewStatusobject,ka as DeesForm,H2 as DeesFormSubmit,b4 as DeesHint,ut as DeesIcon,b2 as DeesInputCheckbox,Ce as DeesInputDropdown,c2 as DeesInputFileupload,je as DeesInputIban,Je as DeesInputMultitoggle,Ka as DeesInputPhone,C2 as DeesInputQuantitySelector,T2 as DeesInputRadio,ve as DeesInputText,N4 as DeesInputTypelist,ft as DeesLabel,k2 as DeesMobilenavigation,o2 as DeesModal,e2 as DeesPdf,M4 as DeesProgressbar,A4 as DeesSimpleAppDash,R4 as DeesSimpleLogin,s2 as DeesSpeechbubble,R3 as DeesSpinner,mt as DeesStepper,ie as DeesTable,Za as DeesToast,y2 as DeesUpdater,pt as DeesWindowControls,Ee as DeesWindowLayer,Ua1 as commitinfo,Uu as faIcons};
 /*! Bundled license information:
 
 @lit/reactive-element/css-tag.js: