remove first updatd on data-select

lint issues on cols

Author: MrEssex

docs/pages/components/cols.md

@@ -22,16 +22,17 @@ layout: component
 
 ```html:preview
 
-<zn-cols layout="1,1" sticky>
+<zn-cols layout="1,1">
+  
   <div>
-    <zn-panel style="position:sticky;">
+    <zn-panel style="position: -webkit-sticky; position: sticky; top:10px;">
       <div class="box" style="height: 100px; margin: 10px 0; background: purple"></div>
       <div class="box" style="height: 100px;"></div>
     </zn-panel>
   </div>
-  <div>
+  
     <zn-panel>
-      <div class="box" style="height: 100px;  margin: 10px 0; background: orange"></div>
+      <div class="box" style="height: 100px; margin: 10px 0; background: orange"></div>
       <div class="box" style="height: 100px; background: orange"></div>
       <div class="box" style="height: 100px; background: orange"></div>
       <div class="box" style="height: 100px; background: orange"></div>
@@ -46,7 +47,7 @@ layout: component
       <div class="box" style="height: 100px; background: orange"></div>
       <div class="box" style="height: 100px; background: orange"></div>
     </zn-panel>
-  </div>
+  
 </zn-cols>
 ```
 

docs/pages/components/data-select.md

@@ -23,7 +23,7 @@ Icon position can be set to `start` or `end`. The default is `none`.
 ```html:preview
 
 <div class="form-spacing">
-  <zn-data-select provider="country" name="country" icon-position="start"></zn-data-select>
+  <zn-data-select provider="country" name="country" value="GB" icon-position="start"></zn-data-select>
   <zn-data-select provider="country" name="country" icon-position="end"></zn-data-select>
 </div>
 ```

src/components/cols/cols.component.ts

@@ -26,15 +26,14 @@ export default class ZnCols extends ZincElement {
   static styles: CSSResultGroup = unsafeCSS(styles);
 
 
-  @property({reflect: true, attribute: "layout"}) layout: string = '';
+  @property({reflect: true, attribute: 'layout'}) layout: string = '';
 
   @property({attribute: 'mc', type: Number, reflect: true}) maxColumns: number = 0;
 
-  @property({attribute: "no-gap", type: Boolean}) noGap: boolean = false;
+  @property({attribute: 'no-gap', type: Boolean}) noGap: boolean = false;
 
   @property({type: Boolean}) border: boolean = false;
 
-
   render() {
     const layout: number[] = this.layout.split(/[\s,]+/).map((a) => parseInt(a)).filter((item) => !!item);
 

src/components/data-select/data-select.component.ts

@@ -6,7 +6,7 @@ import {
   emptyDataProvider,
   type LocalDataProvider,
 } from "./providers/provider";
-import {type CSSResultGroup, html, unsafeCSS, PropertyValues} from 'lit';
+import {type CSSResultGroup, html, unsafeCSS} from 'lit';
 import {FormControlController} from "../../internal/form";
 import {ifDefined} from "lit/directives/if-defined.js";
 import {LocalizeController} from '../../utilities/localize';
@@ -117,13 +117,6 @@ export default class ZnDataSelect extends ZincElement implements ZincFormControl
     return this.select.setCustomValidity(message);
   }
 
-  protected async firstUpdated(_changedProperties: PropertyValues) {
-    super.firstUpdated(_changedProperties);
-    await this.updateComplete;
-
-    if (this.prefix) this._updatePrefix(); // Update the prefix on first update
-  }
-
   @watch('value', {waitUntilFirstUpdate: true})
   async handleValueChange() {
     await this.updateComplete;
@@ -204,7 +197,6 @@ export default class ZnDataSelect extends ZincElement implements ZincFormControl
               slot="${this.iconPosition === 'end' ? 'suffix' : 'prefix'}">${item.prefix}</span>` : ''}
             ${item.value}
           </zn-option>`)}
-      </zn-select>
-    `;
+      </zn-select>`;
   }
 }