@kdcloudjs/shoelace 1.0.29 → 1.0.31

package/cdn/chunks/{chunk.IXK74NKY.js → chunk.24WW36SE.js}

@@ -1,6 +1,6 @@
 import {
   SlThink
-} from "./chunk.JYH4JK7N.js";
+} from "./chunk.XNGBMHEJ.js";
 
 // src/react/think/index.ts
 import * as React from "react";

package/{dist/chunks/chunk.ZYEU5MVF.js → cdn/chunks/chunk.2I3QE4LS.js}

@@ -1,6 +1,6 @@
 import {
   SlBreadcrumb
-} from "./chunk.3OVZFWLQ.js";
+} from "./chunk.XTZD43PS.js";
 
 // src/components/breadcrumb/breadcrumb.ts
 var breadcrumb_default = SlBreadcrumb;

package/cdn/chunks/{chunk.6UZXCK6P.js → chunk.2RHE6UUM.js}

@@ -1,6 +1,6 @@
 import {
   SlAlert
-} from "./chunk.AAHHK24C.js";
+} from "./chunk.HAFCRWWF.js";
 
 // src/react/alert/index.ts
 import * as React from "react";

package/cdn/chunks/{chunk.OXQMELDN.js → chunk.2TWXBBYA.js}

@@ -1,6 +1,6 @@
 import {
   SlThoughtChainNode
-} from "./chunk.IGSMYZPJ.js";
+} from "./chunk.VVNUUKOU.js";
 
 // src/react/thought-chain-node/index.ts
 import * as React from "react";

package/cdn/chunks/{chunk.64FMXGBD.js → chunk.2UGFGPFO.js}

@@ -1,6 +1,6 @@
 import {
   SlThoughtChainItem
-} from "./chunk.3K5NTKB5.js";
+} from "./chunk.LRHB4GGU.js";
 
 // src/react/thought-chain-item/index.ts
 import * as React from "react";

package/cdn/chunks/{chunk.OKEGJW6Y.js → chunk.2VXAPR3U.js}

@@ -6,7 +6,7 @@ import {
 } from "./chunk.ZLKEMKLZ.js";
 import {
   SlIcon
-} from "./chunk.ZNCN2NE6.js";
+} from "./chunk.2AP733KC.js";
 import {
   watch
 } from "./chunk.WID3TCT6.js";

package/cdn/chunks/{chunk.L74RGBMJ.js → chunk.2XZTJH3J.js}

@@ -1,6 +1,6 @@
 import {
   SlNavSubmenu
-} from "./chunk.JC7NCTV3.js";
+} from "./chunk.HFPCERTR.js";
 
 // src/components/nav-submenu/nav-submenu.ts
 var nav_submenu_default = SlNavSubmenu;

package/cdn/chunks/{chunk.XWGQQ6NF.js → chunk.32QJTA5O.js}

@@ -1,6 +1,6 @@
 import {
   SlRating
-} from "./chunk.AIOAAHPL.js";
+} from "./chunk.NBCWBDT4.js";
 
 // src/components/rating/rating.ts
 var rating_default = SlRating;

package/cdn/chunks/{chunk.YWZB7GE3.js → chunk.3DRIHIOU.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk.OOBXN2HS.js";
 import {
   SlIconButton
-} from "./chunk.ZNIGUQLJ.js";
+} from "./chunk.SXN43BZH.js";
 import {
   LocalizeController
 } from "./chunk.2SU6QBUU.js";

package/cdn/chunks/chunk.3JHXVHMD.js

@@ -0,0 +1,152 @@
+import {
+  i
+} from "./chunk.VKO6US6U.js";
+
+// src/components/float-button/float-button.styles.ts
+var float_button_styles_default = i`
+  :host {
+    display: inline-block;
+    position: fixed;
+    z-index: var(--sl-z-index-dropdown);
+    right: 24px;
+    bottom: 48px;
+  }
+
+  :host([ingroup]) {
+    position: relative;
+    right: auto;
+    bottom: auto;
+    z-index: auto;
+  }
+
+  .float-button {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    border: none;
+    cursor: pointer;
+    box-shadow: var(--sl-shadow-medium);
+    transition:
+      var(--sl-transition-fast) background-color,
+      var(--sl-transition-fast) color,
+      var(--sl-transition-fast) box-shadow,
+      var(--sl-transition-fast) transform;
+    text-decoration: none;
+    outline: none;
+    overflow: hidden;
+    user-select: none;
+    -webkit-user-select: none;
+  }
+
+  .float-button:focus-visible {
+    outline: var(--sl-focus-ring);
+    outline-offset: var(--sl-focus-ring-offset);
+  }
+
+  /* Shape */
+  .float-button--circle {
+    border-radius: 50%;
+  }
+
+  .float-button--square {
+    border-radius: var(--sl-border-radius-medium);
+  }
+
+  /* Size */
+  .float-button--small {
+    width: 32px;
+    height: 32px;
+    font-size: var(--sl-font-size-small);
+  }
+
+  .float-button--medium {
+    width: 40px;
+    height: 40px;
+    font-size: var(--sl-font-size-medium);
+  }
+
+  .float-button--large {
+    width: 56px;
+    height: 56px;
+    font-size: var(--sl-font-size-large);
+  }
+
+  /* Square with description needs more width */
+  .float-button--square.float-button--has-content {
+    width: auto;
+    min-width: 40px;
+    padding: var(--sl-spacing-x-small) var(--sl-spacing-small);
+  }
+
+  .float-button--square.float-button--has-content.float-button--large {
+    padding: var(--sl-spacing-small) var(--sl-spacing-medium);
+  }
+
+  /* Type: default */
+  .float-button--default {
+    background-color: var(--sl-color-neutral-0);
+    color: var(--sl-color-neutral-700);
+  }
+
+  .float-button--default:hover:not(.float-button--disabled) {
+    color: var(--sl-color-primary-600);
+  }
+
+  .float-button--default:active:not(.float-button--disabled) {
+    box-shadow: var(--sl-shadow-small);
+  }
+
+  /* Type: primary */
+  .float-button--primary {
+    background-color: var(--sl-color-primary-600);
+    color: var(--sl-color-neutral-0);
+  }
+
+  .float-button--primary:hover:not(.float-button--disabled) {
+    background-color: var(--sl-color-primary-500);
+  }
+
+  .float-button--primary:active:not(.float-button--disabled) {
+    background-color: var(--sl-color-primary-700);
+    box-shadow: var(--sl-shadow-small);
+  }
+
+  /* Disabled */
+  .float-button--disabled {
+    opacity: 0.5;
+    cursor: not-allowed;
+  }
+
+  /* Inner layout */
+  .float-button__body {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    gap: 2px;
+    pointer-events: none;
+  }
+
+  .float-button__icon {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    font-size: 1.2em;
+    line-height: 1;
+  }
+
+  .float-button__content {
+    font-size: var(--sl-font-size-x-small);
+    line-height: 1.2;
+    white-space: nowrap;
+  }
+
+  /* Tooltip wrapper */
+  .float-button__tooltip {
+    display: contents;
+  }
+`;
+
+export {
+  float_button_styles_default
+};

package/cdn/chunks/{chunk.ZPQFNTKC.js → chunk.3LJIDT6C.js}

@@ -21,7 +21,7 @@ import {
 } from "./chunk.ZLKEMKLZ.js";
 import {
   SlIcon
-} from "./chunk.ZNCN2NE6.js";
+} from "./chunk.2AP733KC.js";
 import {
   watch
 } from "./chunk.WID3TCT6.js";

package/cdn/chunks/chunk.3Q6AWNUW.js

@@ -0,0 +1,154 @@
+import {
+  float_button_styles_default
+} from "./chunk.3JHXVHMD.js";
+import {
+  SlTooltip
+} from "./chunk.R2JQXSFE.js";
+import {
+  o
+} from "./chunk.OJXBTTLD.js";
+import {
+  HasSlotController
+} from "./chunk.NYIIDP5N.js";
+import {
+  e
+} from "./chunk.ZLKEMKLZ.js";
+import {
+  SlIcon
+} from "./chunk.2AP733KC.js";
+import {
+  component_styles_default
+} from "./chunk.WT5BNBAS.js";
+import {
+  ShoelaceElement,
+  n
+} from "./chunk.J5EDZ3U4.js";
+import {
+  b
+} from "./chunk.7Z2GKZ7U.js";
+import {
+  __decorateClass
+} from "./chunk.CZCSAYQZ.js";
+
+// src/components/float-button/float-button.component.ts
+var SlFloatButton = class extends ShoelaceElement {
+  constructor() {
+    super(...arguments);
+    this.hasSlotController = new HasSlotController(this, "[default]", "content");
+    this.type = "default";
+    this.shape = "circle";
+    this.size = "medium";
+    this.icon = "";
+    this.tooltip = "";
+    this.tooltipPlacement = "left";
+    this.disabled = false;
+    this.href = "";
+    this.target = "";
+  }
+  handleClick(event) {
+    if (this.disabled) {
+      event.preventDefault();
+      event.stopPropagation();
+      return;
+    }
+    this.emit("sl-click");
+  }
+  renderBody() {
+    const hasContent = this.hasSlotController.test("content");
+    return b`
+      <span class="float-button__body">
+        <span part="icon" class="float-button__icon">
+          ${this.icon ? b`<sl-icon name=${this.icon}></sl-icon>` : b`<slot></slot>`}
+        </span>
+        ${hasContent ? b`<span part="content" class="float-button__content"><slot name="content"></slot></span>` : ""}
+      </span>
+    `;
+  }
+  renderButton() {
+    const hasContent = this.hasSlotController.test("content");
+    const classes = {
+      "float-button": true,
+      "float-button--default": this.type === "default",
+      "float-button--primary": this.type === "primary",
+      "float-button--circle": this.shape === "circle",
+      "float-button--square": this.shape === "square",
+      "float-button--small": this.size === "small",
+      "float-button--medium": this.size === "medium",
+      "float-button--large": this.size === "large",
+      "float-button--disabled": this.disabled,
+      "float-button--has-content": hasContent
+    };
+    if (this.href) {
+      return b`
+        <a
+          part="base"
+          class=${e(classes)}
+          href=${this.href}
+          target=${o(this.target || void 0)}
+          role="button"
+          aria-disabled=${this.disabled ? "true" : "false"}
+          tabindex=${this.disabled ? "-1" : "0"}
+          @click=${this.handleClick}
+          >${this.renderBody()}</a
+        >
+      `;
+    }
+    return b`
+      <button
+        part="base"
+        class=${e(classes)}
+        ?disabled=${this.disabled}
+        aria-disabled=${this.disabled ? "true" : "false"}
+        @click=${this.handleClick}
+      >
+        ${this.renderBody()}
+      </button>
+    `;
+  }
+  render() {
+    if (this.tooltip) {
+      return b`
+        <sl-tooltip content=${this.tooltip} placement=${this.tooltipPlacement} hoist>
+          ${this.renderButton()}
+        </sl-tooltip>
+      `;
+    }
+    return this.renderButton();
+  }
+};
+SlFloatButton.styles = [component_styles_default, float_button_styles_default];
+SlFloatButton.dependencies = {
+  "sl-icon": SlIcon,
+  "sl-tooltip": SlTooltip
+};
+__decorateClass([
+  n({ reflect: true })
+], SlFloatButton.prototype, "type", 2);
+__decorateClass([
+  n({ reflect: true })
+], SlFloatButton.prototype, "shape", 2);
+__decorateClass([
+  n({ reflect: true })
+], SlFloatButton.prototype, "size", 2);
+__decorateClass([
+  n()
+], SlFloatButton.prototype, "icon", 2);
+__decorateClass([
+  n()
+], SlFloatButton.prototype, "tooltip", 2);
+__decorateClass([
+  n({ attribute: "tooltip-placement" })
+], SlFloatButton.prototype, "tooltipPlacement", 2);
+__decorateClass([
+  n({ type: Boolean, reflect: true })
+], SlFloatButton.prototype, "disabled", 2);
+__decorateClass([
+  n()
+], SlFloatButton.prototype, "href", 2);
+__decorateClass([
+  n()
+], SlFloatButton.prototype, "target", 2);
+
+export {
+  SlFloatButton
+};

package/cdn/chunks/chunk.43HIWDJN.js

@@ -0,0 +1,11 @@
+import {
+  SlFloatButton
+} from "./chunk.3Q6AWNUW.js";
+
+// src/components/float-button/float-button.ts
+var float_button_default = SlFloatButton;
+SlFloatButton.define("sl-float-button");
+
+export {
+  float_button_default
+};

package/cdn/chunks/{chunk.YOWALB6A.js → chunk.4EK6KNBC.js}

@@ -3,15 +3,15 @@ import {
 } from "./chunk.L5OY2FXM.js";
 import {
   SlDrawer
-} from "./chunk.JNFUW4AH.js";
+} from "./chunk.VQ4QS2IG.js";
 import {
   LOCALE,
   SlCalendar,
   parseDatetime
-} from "./chunk.FAOO3Q67.js";
+} from "./chunk.F22SPZB3.js";
 import {
   SlButton
-} from "./chunk.WFGZ25EF.js";
+} from "./chunk.OBQXUZUT.js";
 import {
   e
 } from "./chunk.ZLKEMKLZ.js";

package/cdn/chunks/{chunk.SDRTJBSH.js → chunk.4QIMAJZU.js}

@@ -1,9 +1,9 @@
-import {
-  RowDragController
-} from "./chunk.UXGLUGIV.js";
 import {
   TreeTableController
 } from "./chunk.DG3F6OPU.js";
+import {
+  RowDragController
+} from "./chunk.YCNZNFG7.js";
 import {
   tableCommonCss
 } from "./chunk.THSWUAPU.js";
@@ -45,7 +45,8 @@ import {
 } from "./chunk.7Z2GKZ7U.js";
 import {
   __decorateClass,
-  __objRest
+  __objRest,
+  __spreadValues
 } from "./chunk.CZCSAYQZ.js";
 
 // src/components/table/body-table.ts
@@ -98,11 +99,18 @@ var BodyTable = class extends ShoelaceElement {
           const cellProps = ((_c = (_b2 = columnDef.meta) == null ? void 0 : _b2.slCell) == null ? void 0 : _c.call(_b2, cell.row.original, row.index)) || {};
           const _d = cellProps, {
             className: cellClassName,
-            style: cellStyle
+            style: cellStyle,
+            rowSpan: cellRowSpan,
+            colSpan: cellColSpan
           } = _d, cellRestProps = __objRest(_d, [
             "className",
-            "style"
+            "style",
+            "rowSpan",
+            "colSpan"
           ]);
+          if (cellRowSpan === 0 || cellColSpan === 0) {
+            return b``;
+          }
           const cellClassNameValue = typeof cellClassName === "string" ? cellClassName : "";
           const { styles: pinningStyles, className: pinningClassName } = column.getIsPinned() ? getCellStickyStyle(cell, this.commonProps.tableInstance) : {};
           const cellClassMap = {
@@ -120,12 +128,19 @@ var BodyTable = class extends ShoelaceElement {
           if (virtualized) {
             cellStyleResult += `;width: ${column.getSize()}px`;
           }
+          const mergeProps = __spreadValues({}, cellRestProps);
+          if (typeof cellRowSpan === "number" && cellRowSpan > 1) {
+            mergeProps.rowSpan = cellRowSpan;
+          }
+          if (typeof cellColSpan === "number" && cellColSpan > 1) {
+            mergeProps.colSpan = cellColSpan;
+          }
           return b` <td
               role="gridcell"
               part="table-body-cell"
               class="${e(cellClassMap)}"
               style=${cellStyleResult || ""}
-              ${spread_default(cellRestProps)}
+              ${spread_default(mergeProps)}
             >
               <div
                 class="${e({
@@ -266,8 +281,11 @@ var BodyTable = class extends ShoelaceElement {
         .table-row.table-row-selected:hover > .table-row-cell {
           background-color: hsl(212.29999999999995, 100%, 95.5%);
         }
-        .row-expand-icon:hover {
-          color: #5582f3;
+        .row-expand-icon {
+          color: #666666;
+          &:hover {
+            color: #5582f3;
+          }
         }
         .table-placeholder {
           position: sticky;

package/cdn/chunks/{chunk.VXY6IJM2.js → chunk.4ROHG6YW.js}

@@ -1,6 +1,6 @@
 import {
   SlSelect
-} from "./chunk.BUTJ2U7V.js";
+} from "./chunk.YNIOT4PI.js";
 
 // src/react/select/index.ts
 import * as React from "react";