@kdcloudjs/shoelace 1.0.1 → 1.0.3

package/cdn/chunks/chunk.J5RYNIJI.js

@@ -0,0 +1,47 @@
+import {
+  CUSTOM_CELL,
+  CUSTOM_ROW
+} from "./chunk.4VRHDE3E.js";
+
+// src/components/table/utils.ts
+var getTableAlign = (align) => {
+  let result = "flex-start";
+  if (align === "left") {
+    result = "flex-start";
+  } else if (align === "right") {
+    result = "flex-end";
+  } else if (align === "center") {
+    result = "center";
+  }
+  return result;
+};
+var getTableRect = (width) => {
+  return typeof width === "number" ? `${width}px` : width;
+};
+var iterateStyles = (style) => Object.entries(style).map(([key, value]) => `${key}:${value}`).join(";");
+var generateCustomSlot = (rowKey, data, customs) => {
+  return customs.map((customItem) => {
+    return data.map((row) => {
+      switch (customItem.type) {
+        case "customCell": {
+          const slotName = `${CUSTOM_CELL}-${customItem.columnId}-${row[rowKey]}`;
+          const cellInfo = row[customItem.columnId];
+          return customItem.callback(slotName, row, cellInfo);
+        }
+        case "customRow": {
+          const rowSlotName = `${CUSTOM_ROW}-${row[rowKey]}`;
+          return customItem.callback(rowSlotName, row);
+        }
+        default:
+          return null;
+      }
+    });
+  });
+};
+
+export {
+  getTableAlign,
+  getTableRect,
+  iterateStyles,
+  generateCustomSlot
+};

package/cdn/chunks/{chunk.TXS3LYDO.js → chunk.JABFV2DF.js}

@@ -1,6 +1,6 @@
 import {
   SlTag
-} from "./chunk.ERY5FHKG.js";
+} from "./chunk.T4AVTU5A.js";
 
 // src/components/tag/tag.ts
 var tag_default = SlTag;

package/cdn/chunks/{chunk.ZXNQUYIE.js → chunk.JEIGSLSZ.js}

@@ -1,6 +1,6 @@
 import {
   SlSplitPanel
-} from "./chunk.GGN4C6HZ.js";
+} from "./chunk.LY5O4QV2.js";
 
 // src/react/split-panel/index.ts
 import * as React from "react";

package/{dist/chunks/chunk.JUR6F3DD.js → cdn/chunks/chunk.JJBJXO7I.js}

@@ -1,6 +1,6 @@
 import {
   SlSpinner
-} from "./chunk.OTTDDVK3.js";
+} from "./chunk.7NPWMO7X.js";
 
 // src/react/spinner/index.ts
 import * as React from "react";

package/cdn/chunks/{chunk.D6WQCFRA.js → chunk.JKOLXWTK.js}

@@ -6,7 +6,7 @@ import {
 } from "./chunk.EFE6XYM5.js";
 import {
   ShoelaceElement
-} from "./chunk.S63QOIIY.js";
+} from "./chunk.C5MBP4NZ.js";
 import {
   e
 } from "./chunk.KMJ37RZ3.js";

package/{dist/chunks/chunk.77ABNQIG.js → cdn/chunks/chunk.JMEI2INX.js}

@@ -1,6 +1,6 @@
 import {
   SlTabGroup
-} from "./chunk.SBZ6QKSO.js";
+} from "./chunk.AJ63BSZZ.js";
 
 // src/react/tab-group/index.ts
 import * as React from "react";

package/cdn/chunks/{chunk.OBLU4MW2.js → chunk.JRHBBVWD.js}

@@ -1,6 +1,6 @@
 import {
   SlRange
-} from "./chunk.L6S5JFT3.js";
+} from "./chunk.2IY2QWZ7.js";
 
 // src/react/range/index.ts
 import * as React from "react";

package/{dist/chunks/chunk.AV23FU3R.js → cdn/chunks/chunk.JTM2RMRQ.js}

@@ -1,6 +1,6 @@
 import {
   SlMenu
-} from "./chunk.H3IY5UJN.js";
+} from "./chunk.JKOLXWTK.js";
 
 // src/react/menu/index.ts
 import * as React from "react";

package/cdn/chunks/{chunk.ZUZEZOVI.js → chunk.K2CNA4AH.js}

@@ -12,7 +12,7 @@ import {
 } from "./chunk.EFE6XYM5.js";
 import {
   ShoelaceElement
-} from "./chunk.S63QOIIY.js";
+} from "./chunk.C5MBP4NZ.js";
 import {
   e as e2,
   n

package/{dist/chunks/chunk.UUWWUAM4.js → cdn/chunks/chunk.K7P4ZNIR.js}

@@ -1,6 +1,6 @@
 import {
   SlTextarea
-} from "./chunk.X6SGIS5L.js";
+} from "./chunk.BTAUZ2GK.js";
 
 // src/react/textarea/index.ts
 import * as React from "react";

package/cdn/chunks/{chunk.LVPDFPZK.js → chunk.KAKFYT62.js}

@@ -10,12 +10,12 @@ import {
 import {
   c,
   renderColGroup
-} from "./chunk.3YSVZYWN.js";
+} from "./chunk.7AOL6AS4.js";
 import {
   getTableAlign,
   getTableRect,
   iterateStyles
-} from "./chunk.RQ3CQZHW.js";
+} from "./chunk.J5RYNIJI.js";
 import {
   n as n2
 } from "./chunk.WE4USEQU.js";
@@ -24,7 +24,7 @@ import {
 } from "./chunk.ZLZKOPYV.js";
 import {
   ShoelaceElement
-} from "./chunk.S63QOIIY.js";
+} from "./chunk.C5MBP4NZ.js";
 import {
   n,
   r
@@ -292,6 +292,8 @@ var HeadTable = class extends ShoelaceElement {
         .table-column-title {
           flex-basis: fit-content;
           height: 100%;
+          display: flex;
+          align-items: center;
         }
         .table-column-sort {
           cursor: pointer;

package/cdn/chunks/{chunk.JVCSWDLM.js → chunk.KEN5NERU.js}

@@ -1,6 +1,6 @@
 import {
   SlSpinner
-} from "./chunk.HMNXDAS4.js";
+} from "./chunk.7NPWMO7X.js";
 
 // src/components/spinner/spinner.ts
 var spinner_default = SlSpinner;

package/cdn/chunks/{chunk.KUN2355C.js → chunk.KJA2CCWT.js}

@@ -19,11 +19,11 @@ var menu_item_styles_default = i`
     display: flex;
     align-items: stretch;
     font-family: var(--sl-font-sans);
-    font-size: var(--sl-font-size-medium);
+    font-size: var(--sl-font-size-small);
     font-weight: var(--sl-font-weight-normal);
     line-height: var(--sl-line-height-normal);
     letter-spacing: var(--sl-letter-spacing-normal);
-    color: var(--sl-color-neutral-700);
+    color: var(--sl-color-neutral-900);
     padding: var(--sl-spacing-2x-small) var(--sl-spacing-2x-small);
     transition: var(--sl-transition-fast) fill;
     user-select: none;
@@ -34,7 +34,8 @@ var menu_item_styles_default = i`
 
   .menu-item.menu-item--disabled {
     outline: none;
-    opacity: 0.5;
+    opacity: 1;
+    color: var(--sl-color-gray-400);
     cursor: not-allowed;
   }
 
@@ -71,7 +72,15 @@ var menu_item_styles_default = i`
   }
 
   .menu-item .menu-item__prefix::slotted(*) {
-    margin-inline-end: var(--sl-spacing-x-small);
+    margin-inline-end: var(--sl-spacing-2x-small);
+  }
+
+  .menu-item .menu-item__prefix::slotted(*),
+  .menu-item .menu-item__suffix::slotted(*),
+  .menu-item .menu-item__check sl-icon,
+  .menu-item .menu-item__chevron sl-icon {
+    color: var(--sl-color-neutral-600);
+    font-size: var(--sl-font-size-medium);
   }
 
   .menu-item .menu-item__suffix {
@@ -107,7 +116,7 @@ var menu_item_styles_default = i`
   :host(:hover:not([aria-disabled='true'], :focus-visible)) .menu-item,
   .menu-item--submenu-expanded {
     background-color: var(--sl-color-neutral-100);
-    color: var(--sl-color-neutral-1000);
+    color: var(--sl-color-neutral-900);
   }
 
   :host(:focus-visible) .menu-item {

package/{dist/chunks/chunk.C4IK7KL2.js → cdn/chunks/chunk.KKJPBFOS.js}

@@ -1,6 +1,6 @@
 import {
   SlQrCode
-} from "./chunk.BB3BYBEI.js";
+} from "./chunk.XVF5P3O6.js";
 
 // src/react/qr-code/index.ts
 import * as React from "react";

package/cdn/chunks/{chunk.ZPX6CR56.js → chunk.KNUAFTBD.js}

@@ -1,6 +1,6 @@
 import {
   SlCarouselItem
-} from "./chunk.BPSOFJF5.js";
+} from "./chunk.YLHUKNQ6.js";
 
 // src/components/carousel-item/carousel-item.ts
 var carousel_item_default = SlCarouselItem;

package/cdn/chunks/{chunk.KHPKKBWY.js → chunk.KPGKBJGQ.js}

@@ -1,6 +1,6 @@
 import {
   SlButton
-} from "./chunk.TGVOO6UZ.js";
+} from "./chunk.XWSZ3UD2.js";
 
 // src/components/button/button.ts
 var button_default = SlButton;

package/cdn/chunks/{chunk.AQ5Q7YJ7.js → chunk.KSUQROY6.js}

@@ -12,7 +12,7 @@ import {
 } from "./chunk.EFE6XYM5.js";
 import {
   ShoelaceElement
-} from "./chunk.S63QOIIY.js";
+} from "./chunk.C5MBP4NZ.js";
 import {
   n
 } from "./chunk.KMJ37RZ3.js";

package/{dist/chunks/chunk.AE2BEBWF.js → cdn/chunks/chunk.LTUI3QNR.js}

@@ -1,6 +1,6 @@
 import {
   SlAnimatedImage
-} from "./chunk.K32V4NI2.js";
+} from "./chunk.GEVG2WIH.js";
 
 // src/react/animated-image/index.ts
 import * as React from "react";

package/cdn/chunks/{chunk.GGN4C6HZ.js → chunk.LY5O4QV2.js}

@@ -21,7 +21,7 @@ import {
 } from "./chunk.EFE6XYM5.js";
 import {
   ShoelaceElement
-} from "./chunk.S63QOIIY.js";
+} from "./chunk.C5MBP4NZ.js";
 import {
   e,
   n

package/cdn/chunks/{chunk.Y2LQHEJK.js → chunk.LZIP6CLF.js}

@@ -25,7 +25,7 @@ import {
 } from "./chunk.ZLZKOPYV.js";
 import {
   SlIcon
-} from "./chunk.Z7UUV7BS.js";
+} from "./chunk.5B2RHXB2.js";
 import {
   watch
 } from "./chunk.WID3TCT6.js";
@@ -34,7 +34,7 @@ import {
 } from "./chunk.EFE6XYM5.js";
 import {
   ShoelaceElement
-} from "./chunk.S63QOIIY.js";
+} from "./chunk.C5MBP4NZ.js";
 import {
   e as e2,
   n,

package/cdn/chunks/{chunk.HEBGUDU6.js → chunk.MAI7WJX5.js}

@@ -1,6 +1,6 @@
 import {
   SlVisuallyHidden
-} from "./chunk.XKAJX7FM.js";
+} from "./chunk.PH23XDAE.js";
 import {
   drag
 } from "./chunk.ESELY2US.js";
@@ -9,10 +9,10 @@ import {
 } from "./chunk.K2TJ56SW.js";
 import {
   SlDropdown
-} from "./chunk.BIHUFVN4.js";
+} from "./chunk.TIWL7N5C.js";
 import {
   SlInput
-} from "./chunk.Y2LQHEJK.js";
+} from "./chunk.LZIP6CLF.js";
 import {
   defaultValue
 } from "./chunk.3M34SQ76.js";
@@ -24,10 +24,10 @@ import {
 } from "./chunk.HF7GESMZ.js";
 import {
   SlButtonGroup
-} from "./chunk.S7QWUQFL.js";
+} from "./chunk.274OIEVI.js";
 import {
   SlButton
-} from "./chunk.TGVOO6UZ.js";
+} from "./chunk.XWSZ3UD2.js";
 import {
   FormControlController
 } from "./chunk.SY37VGFH.js";
@@ -42,7 +42,7 @@ import {
 } from "./chunk.ZLZKOPYV.js";
 import {
   SlIcon
-} from "./chunk.Z7UUV7BS.js";
+} from "./chunk.5B2RHXB2.js";
 import {
   watch
 } from "./chunk.WID3TCT6.js";
@@ -51,7 +51,7 @@ import {
 } from "./chunk.EFE6XYM5.js";
 import {
   ShoelaceElement
-} from "./chunk.S63QOIIY.js";
+} from "./chunk.C5MBP4NZ.js";
 import {
   e as e2,
   n,

package/cdn/chunks/{chunk.BHLKMQL6.js → chunk.MFQNZKSL.js}

@@ -1,6 +1,6 @@
 import {
   SlCopyButton
-} from "./chunk.MDNI3GQL.js";
+} from "./chunk.7KAXSS4O.js";
 
 // src/react/copy-button/index.ts
 import * as React from "react";

package/cdn/chunks/{chunk.QULHCJHI.js → chunk.MIJZQQGC.js}

@@ -7,13 +7,13 @@ import {
 } from "./chunk.HA5BTJ4F.js";
 import {
   SlTimePanel
-} from "./chunk.H6I32WY7.js";
+} from "./chunk.CY47GRGG.js";
 import {
   SlInput
-} from "./chunk.Y2LQHEJK.js";
+} from "./chunk.LZIP6CLF.js";
 import {
   SlPopup
-} from "./chunk.ZUZEZOVI.js";
+} from "./chunk.K2CNA4AH.js";
 import {
   defaultValue
 } from "./chunk.3M34SQ76.js";
@@ -31,7 +31,7 @@ import {
 } from "./chunk.EFE6XYM5.js";
 import {
   ShoelaceElement
-} from "./chunk.S63QOIIY.js";
+} from "./chunk.C5MBP4NZ.js";
 import {
   e,
   n,

package/cdn/chunks/{chunk.3XBUVYUW.js → chunk.MPB2O6EL.js}

@@ -1,6 +1,6 @@
 import {
   SlCard
-} from "./chunk.XHQNG4WK.js";
+} from "./chunk.WKUBBRDO.js";
 
 // src/react/card/index.ts
 import * as React from "react";

package/cdn/chunks/{chunk.MKMSCVMU.js → chunk.MXTFQSH4.js}

@@ -1,6 +1,6 @@
 import {
   SlScreen
-} from "./chunk.VPXWS4TL.js";
+} from "./chunk.Y22JTKGA.js";
 
 // src/components/screen/screen.ts
 var screen_default = SlScreen;

package/{dist/chunks/chunk.U4R3XMTE.js → cdn/chunks/chunk.N3COEU4Q.js}

@@ -1,6 +1,6 @@
 import {
   SlCard
-} from "./chunk.HT7IWHH6.js";
+} from "./chunk.WKUBBRDO.js";
 
 // src/components/card/card.ts
 var card_default = SlCard;

package/cdn/chunks/{chunk.AHY6XMBG.js → chunk.N4FP5YJM.js}

@@ -1,6 +1,6 @@
 import {
   SlResizeObserver
-} from "./chunk.7JHYGHG4.js";
+} from "./chunk.2KCNZ3X3.js";
 
 // src/components/resize-observer/resize-observer.ts
 var resize_observer_default = SlResizeObserver;

package/cdn/chunks/{chunk.OK4D7NRD.js → chunk.NEOOCCRX.js}

@@ -1,6 +1,6 @@
 import {
   SlAlert
-} from "./chunk.5HPN2TND.js";
+} from "./chunk.2HGYNT3V.js";
 
 // src/components/alert/alert.ts
 var alert_default = SlAlert;

package/cdn/chunks/{chunk.J4INKYOP.js → chunk.NHKI5IOQ.js}

@@ -1,6 +1,6 @@
 import {
   SlButtonGroup
-} from "./chunk.S7QWUQFL.js";
+} from "./chunk.274OIEVI.js";
 
 // src/components/button-group/button-group.ts
 var button_group_default = SlButtonGroup;

package/cdn/chunks/{chunk.G2HIVVML.js → chunk.NJFOOAX6.js}

@@ -6,13 +6,13 @@ import {
 } from "./chunk.2SU6QBUU.js";
 import {
   SlIcon
-} from "./chunk.Z7UUV7BS.js";
+} from "./chunk.5B2RHXB2.js";
 import {
   component_styles_default
 } from "./chunk.EFE6XYM5.js";
 import {
   ShoelaceElement
-} from "./chunk.S63QOIIY.js";
+} from "./chunk.C5MBP4NZ.js";
 import {
   e,
   n

package/cdn/chunks/{chunk.MYPTC2PB.js → chunk.NMC4U2UZ.js}

@@ -28,7 +28,7 @@ import {
 } from "./chunk.EFE6XYM5.js";
 import {
   ShoelaceElement
-} from "./chunk.S63QOIIY.js";
+} from "./chunk.C5MBP4NZ.js";
 import {
   e as e2,
   n,

package/{dist/chunks/chunk.E6Y3LBAN.js → cdn/chunks/chunk.NWC5QC3A.js}

@@ -1,6 +1,6 @@
 import {
   SlBadge
-} from "./chunk.3WR6R76A.js";
+} from "./chunk.XDTCQJW6.js";
 
 // src/react/badge/index.ts
 import * as React from "react";

package/cdn/chunks/{chunk.5Q7XKAIA.js → chunk.NZYXMJ6J.js}

@@ -1,6 +1,6 @@
 import {
   SlOption
-} from "./chunk.3IMH633K.js";
+} from "./chunk.WUPHFRA5.js";
 
 // src/components/option/option.ts
 var option_default = SlOption;

package/cdn/chunks/{chunk.SD4FRGL4.js → chunk.O2EW6OJX.js}

@@ -1,6 +1,6 @@
 import {
   SlTabPanel
-} from "./chunk.K7DBR5HB.js";
+} from "./chunk.VWCYZTAK.js";
 
 // src/react/tab-panel/index.ts
 import * as React from "react";

package/cdn/chunks/{chunk.QA6MLBWA.js → chunk.OMX2TEPL.js}

@@ -1,6 +1,6 @@
 import {
   SlSwitch
-} from "./chunk.MYPTC2PB.js";
+} from "./chunk.NMC4U2UZ.js";
 
 // src/components/switch/switch.ts
 var switch_default = SlSwitch;

package/cdn/chunks/{chunk.CMAW3ADL.js → chunk.OSD74RPD.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk.2SU6QBUU.js";
 import {
   ShoelaceElement
-} from "./chunk.S63QOIIY.js";
+} from "./chunk.C5MBP4NZ.js";
 import {
   n
 } from "./chunk.KMJ37RZ3.js";

package/cdn/chunks/{chunk.G6TN7LQ2.js → chunk.OVMIORYD.js}

@@ -1,6 +1,6 @@
 import {
   SlRadioGroup
-} from "./chunk.EKYW6JMS.js";
+} from "./chunk.BWJKC7HR.js";
 
 // src/components/radio-group/radio-group.ts
 var radio_group_default = SlRadioGroup;

package/{dist/chunks/chunk.TCYF7JXX.js → cdn/chunks/chunk.OVN3X2JB.js}

@@ -1,6 +1,6 @@
 import {
   SlTab
-} from "./chunk.3JZN62YV.js";
+} from "./chunk.RIHDSMVI.js";
 
 // src/react/tab/index.ts
 import * as React from "react";

package/cdn/chunks/{chunk.ZCAFNMXU.js → chunk.P5W76TTI.js}

@@ -1,6 +1,6 @@
 import {
   SlCopyButton
-} from "./chunk.MDNI3GQL.js";
+} from "./chunk.7KAXSS4O.js";
 
 // src/components/copy-button/copy-button.ts
 var copy_button_default = SlCopyButton;

package/cdn/chunks/{chunk.T6S5UVBV.js → chunk.PDE7AU7F.js}

@@ -1,6 +1,6 @@
 import {
   SlScreen
-} from "./chunk.VPXWS4TL.js";
+} from "./chunk.Y22JTKGA.js";
 
 // src/react/screen/index.ts
 import * as React from "react";

package/cdn/chunks/{chunk.XKAJX7FM.js → chunk.PH23XDAE.js}

@@ -6,7 +6,7 @@ import {
 } from "./chunk.EFE6XYM5.js";
 import {
   ShoelaceElement
-} from "./chunk.S63QOIIY.js";
+} from "./chunk.C5MBP4NZ.js";
 import {
   x
 } from "./chunk.ZKRJ3RUK.js";

package/cdn/chunks/{chunk.3GJC7TMV.js → chunk.PJYHQXK5.js}

@@ -1,6 +1,6 @@
 import {
   SlProgressRing
-} from "./chunk.UK7F6JLK.js";
+} from "./chunk.ZPV5ODF4.js";
 
 // src/components/progress-ring/progress-ring.ts
 var progress_ring_default = SlProgressRing;

package/cdn/chunks/{chunk.QNLIKQUE.js → chunk.POFCZUEH.js}

@@ -1,6 +1,6 @@
 import {
   SlFormatDate
-} from "./chunk.CMAW3ADL.js";
+} from "./chunk.OSD74RPD.js";
 
 // src/components/format-date/format-date.ts
 var format_date_default = SlFormatDate;

package/cdn/chunks/{chunk.FUTLAEWK.js → chunk.QE3Y4CZQ.js}

@@ -1,6 +1,6 @@
 import {
   SlBreadcrumbItem
-} from "./chunk.HNUXU3UF.js";
+} from "./chunk.2HHYJS5E.js";
 
 // src/react/breadcrumb-item/index.ts
 import * as React from "react";

package/cdn/chunks/{chunk.6SC2W2LS.js → chunk.QN7TUUQV.js}

@@ -1,6 +1,6 @@
 import {
   SlTextarea
-} from "./chunk.WQDITCLK.js";
+} from "./chunk.BTAUZ2GK.js";
 
 // src/components/textarea/textarea.ts
 var textarea_default = SlTextarea;

package/cdn/chunks/{chunk.6W732TKY.js → chunk.QQQCDFVB.js}

@@ -1,6 +1,6 @@
 import {
   SlVisuallyHidden
-} from "./chunk.XKAJX7FM.js";
+} from "./chunk.PH23XDAE.js";
 
 // src/components/visually-hidden/visually-hidden.ts
 var visually_hidden_default = SlVisuallyHidden;

package/{dist/chunks/chunk.23HGCLAW.js → cdn/chunks/chunk.QS25M6RH.js}

@@ -1,6 +1,6 @@
 import {
   SlDatepicker
-} from "./chunk.5HZWJZUO.js";
+} from "./chunk.VJ7FOYMM.js";
 
 // src/react/datepicker/index.ts
 import * as React from "react";

package/cdn/chunks/{chunk.M4G4P3LI.js → chunk.QUMPPHSZ.js}

@@ -1,6 +1,6 @@
 import {
   SlAvatar
-} from "./chunk.LU3LDDDN.js";
+} from "./chunk.FUJQ6WAL.js";
 
 // src/react/avatar/index.ts
 import * as React from "react";