@kubex/zinc 1.1.55 → 1.1.57

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kubex/zinc",
-  "version": "1.1.55",
+  "version": "1.1.57",
   "description": "A collection of web components for building web applications based off of @shoelace-style/Shoelace",
   "keywords": [
     "web components",

package/src/components/data-table/data-table.scss

@@ -277,6 +277,14 @@ table {
       zn-select[name="rowPerPage"] {
         max-width: 75px;
       }
+
+      zn-select[name="rowPerPage"]::part(combobox) {
+        padding-inline-end: 8px;
+      }
+
+       zn-select[name="rowPerPage"]::part(expand-icon) {
+        margin-inline-start: 0;
+      }
     }
 
     &__pagination-buttons {

package/src/components/icon/icon.component.ts

@@ -18,10 +18,12 @@ let lucidePromise: Promise<void> | undefined;
 function loadLucideIcons(): Promise<void> {
   lucidePromise ??= import('lucide').then(m => {
     lucideIcons = m.icons as Record<string, IconNode>;
-  }).catch(() => {
-    // Failed chunk load: fall back to an empty set so icons render their
-    // "not found" state instead of rejecting updateComplete on every render
-    lucideIcons = {};
+  }).catch((error: unknown) => {
+    // Failed chunk load (e.g. transient 404 mid-rebuild/deploy): clear the
+    // memoised promise so a later render retries instead of blanking every
+    // icon for the rest of the page session
+    lucidePromise = undefined;
+    console.warn('<zn-icon> failed to load the lucide icon chunk', error);
   });
   return lucidePromise;
 }
@@ -184,8 +186,10 @@ export default class ZnIcon extends ZincElement {
     const result = await super.getUpdateComplete();
     if (this.library === 'lucide' && !lucideIcons) {
       await loadLucideIcons();
-      this.requestUpdate();
-      await super.getUpdateComplete();
+      if (lucideIcons) {
+        this.requestUpdate();
+        await super.getUpdateComplete();
+      }
     }
     return result;
   }
@@ -353,7 +357,13 @@ export default class ZnIcon extends ZincElement {
 
   private renderLucideIcon() {
     if (!lucideIcons) {
-      void loadLucideIcons().then(() => this.requestUpdate());
+      // Only re-render on success; a failed load retries on the next natural
+      // render rather than looping requestUpdate -> load -> fail
+      void loadLucideIcons().then(() => {
+        if (lucideIcons) {
+          this.requestUpdate();
+        }
+      });
       return html``;
     }