@kdcloudjs/shoelace 1.0.29 → 1.0.31

package/dist/chunks/chunk.GGRJO2OJ.js

@@ -0,0 +1,335 @@
+// src/components/sender/sender.styles.ts
+import { css } from "lit";
+var sender_styles_default = css`
+  :host {
+    display: block;
+    width: 100%;
+    --sl-input-placeholder-color: var(--sl-sender-input-placeholder-color);
+    --color-bg-slot: color-mix(in srgb, var(--sl-color-primary-600) 6%, transparent);
+    --color-text-slot: var(--sl-color-primary-600);
+    --color-text-slot-placeholder: color-mix(in srgb, var(--sl-color-primary-600) 25%, transparent);
+    --color-border-slot: color-mix(in srgb, var(--sl-color-primary-600) 6%, transparent);
+    --color-border-slot-hover: color-mix(in srgb, var(--sl-color-primary-600) 10%, transparent);
+    --color-bg-skill: color-mix(in srgb, var(--sl-color-primary-600) 8%, transparent);
+    --color-bg-skill-hover: color-mix(in srgb, var(--sl-color-primary-600) 15%, transparent);
+  }
+
+  .sender {
+    padding: 10px;
+    display: flex;
+    flex-direction: column;
+    gap: var(--sl-spacing-small);
+    border: var(--sl-sender-border-width) solid var(--sl-sender-border-color);
+    border-radius: 28px;
+    background-color: var(--sl-sender-background-color);
+    transition: var(--sl-transition-fast) border-color, var(--sl-transition-fast) box-shadow;
+    box-shadow: var(--sl-sender-shadow);
+  }
+
+  .sender:not(.sender--disabled):hover {
+    border-color: var(--sl-sender-border-color-hover);
+  }
+
+  .sender:not(.sender--disabled):focus {
+    border-color: var(--sl-sender-border-color-focus);
+  }
+
+  .sender.sender--disabled {
+    --sl-input-placeholder-color: var(--sl-sender-input-placeholder-color-disabled);
+    border-color: var(--sl-sender-border-color-disabled);
+    background-color: var(--sl-sender-background-color-disabled);
+  }
+
+  .sender.sender--disabled .sender__input-area {
+    color: var(--sl-sender-input-color-disabled);
+  }
+
+  .sender:focus-within {
+    border-color: var(--focus-ring-color);
+    box-shadow: var(--sl-sender-shadow-focus);
+  }
+
+  .sender__header {
+    display: none;
+  }
+    
+  .sender__header_content {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    padding-bottom: var(--sl-spacing-small);
+    border-bottom: 1px solid var(--color-border-slot);
+  }
+
+  .sender__content {
+    display: flex;
+    flex-direction: column;
+    gap: var(--sl-spacing-2x-small);
+  }
+
+  .sender__input-area {
+    display: flex;
+    align-items: flex-start;
+    gap: var(--sl-spacing-small);
+    color: var(--sl-sender-input-color);
+  }
+
+  .sender__slot-area {
+    outline: none;
+    display: flex;
+    flex: 1;
+    flex-wrap: wrap;
+    align-items: center;
+    gap: var(--sl-spacing-x-small);
+    min-height: var(--sl-input-height-medium);
+  }
+
+  .sender__slot-text {
+    white-space: pre-wrap;
+  }
+
+  .sender__slot-content {
+    display: inline-block;
+    padding: var(--sl-spacing-3x-small) var(--sl-spacing-2x-small);
+    border-radius: var(--sl-border-radius-small);
+    border: 1px solid var(--color-border-slot);
+    outline: none;
+    font-family: var(--sl-font-sans);
+    font-size: var(--sl-font-size-small);
+    line-height: var(--sl-line-height-normal);
+    color: var(--color-text-slot);
+    background-color: var(--color-bg-slot);
+    white-space: pre-wrap;
+    word-break: break-word;
+    cursor: text;
+  }
+
+  .sender__slot-content:focus {
+    border-color: var(--color-border-slot-hover);
+    box-shadow: 0 0 0 var(--sl-focus-ring-width) var(--sl-input-focus-ring-color);
+  }
+
+  .sender__slot-content:empty::before {
+    content: attr(data-placeholder);
+    color: var(--color-text-slot-placeholder);
+    pointer-events: none;
+  }
+
+  .sender__slot-content[contenteditable='false'] {
+    opacity: 0.5;
+    cursor: not-allowed;
+  }
+
+  .sender__slot-input,
+  .sender__slot-select {
+    min-width: 6rem;
+  }
+
+  .sender__slot-tag {
+    background: var(--color-bg-slot);
+    border: 1px solid var(--color-border-slot);
+    outline: none;
+    color: var(--color-text-slot);
+    border-radius: var(--sl-border-radius-medium);
+    padding-inline: 2px;
+    font-size: var(--sl-font-size-medium);
+    line-height: var(--sl-line-height-normal);
+    box-sizing: border-box;
+    cursor: default;
+  }
+
+  /* Skill tag */
+  .sender__skill {
+    display: inline-block;
+    vertical-align: baseline;
+    align-items: center;
+    margin-block: 1px;
+    height: calc(var(--sl-font-size-medium) * var(--sl-line-height-normal) + 2px);
+    word-break: break-all;
+    padding-inline-end: 0;
+    padding-inline-start: 0;
+    margin-inline-end: 0;
+    margin-inline-start: -1px;
+  }
+
+  .sender__skill-tag {
+    padding-inline: var(--sl-spacing-x-small);
+    height: 100%;
+    background-color: var(--color-bg-skill);
+    border-radius: var(--sl-border-radius-medium);
+    color: var(--sl-color-primary-600);
+    align-items: center;
+    font-weight: 500;
+    display: inline-flex;
+    cursor: pointer;
+    gap: 2px;
+    transition: background-color var(--sl-transition-fast);
+    font-size: var(--sl-font-size-small);
+    line-height: var(--sl-line-height-normal);
+    white-space: nowrap;
+  }
+
+  .sender__skill-tag:hover {
+    background-color: var(--color-bg-skill-hover);
+  }
+
+  .sender__skill-text {
+    user-select: none;
+  }
+
+  .sender__skill-close {
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    cursor: pointer;
+    color: var(--sl-color-primary-600);
+    font-size: var(--sl-font-size-x-small);
+    border-radius: var(--sl-border-radius-small);
+    padding: 1px;
+    transition: color var(--sl-transition-fast);
+  }
+
+  .sender__skill-close:hover {
+    color: var(--sl-color-primary-800);
+  }
+
+  .sender__skill-close--disabled {
+    opacity: 0.5;
+    cursor: not-allowed;
+  }
+
+  sl-textarea {
+    flex: 1;
+    --border-width: 0;
+    --focus-ring-width: 0;
+    --input-padding: 0;
+  }
+
+  /* Remove default border/focus from sl-textarea since we handle it on the container */
+  sl-textarea::part(base) {
+    border: none;
+    box-shadow: none;
+    background: transparent;
+  }
+
+  /* Speech button */
+  .sender__speech-btn {
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+  }
+
+  .sender__speech-btn--recording {
+    background: none;
+    border: none;
+    cursor: pointer;
+    padding: 0;
+    color: var(--sl-color-primary-600);
+    width: 1.75rem;
+    height: 1.75rem;
+  }
+
+  .sender__speech-btn--recording:hover {
+    color: var(--sl-color-primary-700);
+  }
+
+  .sender__speech-btn--recording:disabled {
+    opacity: 0.5;
+    cursor: not-allowed;
+  }
+
+  .sender__recording-icon {
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    gap: 3px;
+    width: 1.2em;
+    height: 1.2em;
+    vertical-align: top;
+    color: currentColor;
+  }
+
+  .sender__recording-bar {
+    display: inline-block;
+    width: 3px;
+    height: 25%;
+    min-height: 4px;
+    border-radius: 1.5px;
+    background-color: currentColor;
+    animation: sender-recording-bounce 0.8s ease-in-out infinite;
+  }
+
+  .sender__recording-bar:nth-child(1) { animation-delay: 0s; }
+  .sender__recording-bar:nth-child(2) { animation-delay: 0.2s; }
+  .sender__recording-bar:nth-child(3) { animation-delay: 0.4s; }
+  .sender__recording-bar:nth-child(4) { animation-delay: 0.6s; }
+
+  @keyframes sender-recording-bounce {
+    0%, 100% { height: 25%; }
+    50% { height: 50%; }
+  }
+
+  .sender__actions {
+    display: flex;
+    align-items: center;
+    justify-content: flex-end;
+    gap: var(--sl-spacing-2x-small);
+    padding-top: var(--sl-spacing-2x-small);
+  }
+  
+  .sender sl-icon-button {
+    color: var(--sl-sender-action-color);
+    font-size: 20px;
+  }
+
+  .sender__actions sl-icon-button:hover::part(base) {
+    color: var(--sl-sender-action-color-hover);
+    background-color: var(--sl-sender-action-background-hover);
+  }
+
+  .sender__actions sl-icon-button:active::part(base) {
+    color: var(--sl-sender-action-color-active);
+    background-color: var(--sl-sender-action-background-active);
+  }
+
+  .sender__actions sl-icon-button[disabled]::part(base) {
+    color: var(--sl-sender-action-color-disabled);
+  }
+
+
+    
+  .sender__actions .send-button::part(base) {
+    border-radius: var(--sl-sender-submit-border-radius);
+    color: var(--sl-sender-submit-color);
+    background-color: var(--sl-sender-submit-background);
+  }
+
+  .sender__actions .send-button:hover::part(base) {
+    color: var(--sl-sender-action-color-hover);
+    background-color: var(--sl-sender-action-background-hover);
+  }
+
+  .sender__actions .send-button:active::part(base) {
+    color: var(--sl-sender-action-color-active);
+    background-color: var(--sl-sender-action-background-active);
+  }
+
+  .sender__actions .send-button[disabled]::part(base) {
+    background-color: var(--sl-sender-submit-background-disabled);
+  }
+
+  .sender__footer {
+    display: none;
+  }
+
+  .sender__footer_content {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    padding-top: var(--sl-spacing-small);
+  }
+`;
+
+export {
+  sender_styles_default
+};

package/dist/chunks/{chunk.ZB5UNZGF.js → chunk.GJTIA2ID.js}

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

package/dist/chunks/{chunk.FHEE6NC4.js → chunk.GT3XTQOL.js}

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

package/dist/chunks/chunk.GURJBGDH.js

@@ -0,0 +1,24 @@
+import {
+  SlSenderHeader
+} from "./chunk.AZTRAFIF.js";
+
+// src/react/sender-header/index.ts
+import * as React from "react";
+import { createComponent } from "@lit/react";
+import "@lit/react";
+var tagName = "sl-sender-header";
+SlSenderHeader.define("sl-sender-header");
+var reactWrapper = createComponent({
+  tagName,
+  elementClass: SlSenderHeader,
+  react: React,
+  events: {
+    onSlOpenChange: "sl-open-change"
+  },
+  displayName: "SlSenderHeader"
+});
+var sender_header_default = reactWrapper;
+
+export {
+  sender_header_default
+};

package/dist/chunks/{chunk.GFT5UP3U.js → chunk.H6E5FUQA.js}

@@ -157,6 +157,7 @@ var RowDragController = class {
       if (start === end) {
         const dragRow = rows[fromIndex];
         const text = this.getFirstDataColumnText(dragRow);
+        console.log(text, "text");
         const dragImage2 = this.createDragImage(text || null);
         if (dragImage2) {
           this.dragImageEl = dragImage2;
@@ -211,9 +212,7 @@ var RowDragController = class {
     return { start, end };
   }
   getFirstDataColumnText(row) {
-    var _a;
-    const pinning = this.commonProps.tableInstance.getState().columnPinning;
-    const nonDataIds = new Set((_a = pinning == null ? void 0 : pinning.left) != null ? _a : []);
+    const nonDataIds = /* @__PURE__ */ new Set(["select", "expend", "drag"]);
     const cells = row.getVisibleCells();
     for (const cell of cells) {
       if (nonDataIds.has(cell.column.id)) continue;

package/dist/chunks/{chunk.7RHFV3RB.js → chunk.HEIDKY6A.js}

@@ -1,6 +1,6 @@
 import {
   SlAlert
-} from "./chunk.4GEQTMEV.js";
+} from "./chunk.NJCLPQUU.js";
 
 // src/components/alert/alert.ts
 var alert_default = SlAlert;

package/dist/chunks/{chunk.PRNRZ46M.js → chunk.HUEJ6FJI.js}

@@ -6,7 +6,7 @@ import {
 } from "./chunk.F2BIKL72.js";
 import {
   SlIcon
-} from "./chunk.TJTYBIR7.js";
+} from "./chunk.XRCLRCVM.js";
 import {
   component_styles_default
 } from "./chunk.TUVJKY7S.js";

package/dist/chunks/chunk.HXJCURBU.js

@@ -0,0 +1,84 @@
+import {
+  sender_switch_styles_default
+} from "./chunk.D23WFKHD.js";
+import {
+  SlButton
+} from "./chunk.4V3MCNCG.js";
+import {
+  ShoelaceElement
+} from "./chunk.JRE3XEGV.js";
+import {
+  __decorateClass
+} from "./chunk.W5KB6T3Z.js";
+
+// src/components/sender-switch/sender-switch.component.ts
+import { html, nothing } from "lit";
+import { property } from "lit/decorators.js";
+import { classMap } from "lit/directives/class-map.js";
+var SlSenderSwitch = class extends ShoelaceElement {
+  constructor() {
+    super(...arguments);
+    this.checked = false;
+    this.defaultChecked = false;
+    this.disabled = false;
+    this.loading = false;
+    this._hasSetChecked = false;
+  }
+  connectedCallback() {
+    super.connectedCallback();
+    if (!this._hasSetChecked && this.defaultChecked) {
+      this.checked = this.defaultChecked;
+    }
+  }
+  willUpdate(changedProperties) {
+    if (changedProperties.has("checked")) {
+      this._hasSetChecked = true;
+    }
+  }
+  handleClick() {
+    if (this.disabled || this.loading) return;
+    this.checked = !this.checked;
+    this.emit("sl-change");
+  }
+  render() {
+    return html`
+      <sl-button
+        variant="outline"
+        size="small"
+        class=${classMap({
+      "sender-switch": true,
+      "switch--checked": this.checked
+    })}
+        ?disabled=${this.disabled}
+        ?loading=${this.loading}
+        @click=${this.handleClick}
+        part="base"
+      >
+        <slot name="icon" slot="prefix"></slot>
+        ${this.checked ? html`<slot name="checked"></slot>` : nothing}
+        ${!this.checked ? html`<slot name="unchecked"></slot>` : nothing}
+        <slot></slot>
+      </sl-button>
+    `;
+  }
+};
+SlSenderSwitch.styles = [sender_switch_styles_default];
+SlSenderSwitch.dependencies = {
+  "sl-button": SlButton
+};
+__decorateClass([
+  property({ type: Boolean, reflect: true })
+], SlSenderSwitch.prototype, "checked", 2);
+__decorateClass([
+  property({ type: Boolean, attribute: "default-checked" })
+], SlSenderSwitch.prototype, "defaultChecked", 2);
+__decorateClass([
+  property({ type: Boolean, reflect: true })
+], SlSenderSwitch.prototype, "disabled", 2);
+__decorateClass([
+  property({ type: Boolean, reflect: true })
+], SlSenderSwitch.prototype, "loading", 2);
+
+export {
+  SlSenderSwitch
+};

package/dist/chunks/{chunk.PKSNYBHX.js → chunk.I3E7XRJD.js}

@@ -9,7 +9,7 @@ import {
 } from "./chunk.RWUUFNUL.js";
 import {
   SlIconButton
-} from "./chunk.NPS3ESCM.js";
+} from "./chunk.QQVS2P2C.js";
 import {
   LocalizeController
 } from "./chunk.6CTB5ZDJ.js";

package/dist/chunks/{chunk.6VOY3F7S.js → chunk.IBO3W47J.js}

@@ -10,15 +10,15 @@ import {
 import {
   FormControlController
 } from "./chunk.WBWPWG4N.js";
-import {
-  LocalizeController
-} from "./chunk.6CTB5ZDJ.js";
 import {
   HasSlotController
 } from "./chunk.NYIIDP5N.js";
+import {
+  LocalizeController
+} from "./chunk.6CTB5ZDJ.js";
 import {
   SlIcon
-} from "./chunk.TJTYBIR7.js";
+} from "./chunk.XRCLRCVM.js";
 import {
   watch
 } from "./chunk.55S3OOTM.js";

package/dist/chunks/{chunk.3JH4YGTR.js → chunk.IFLJEMM4.js}

@@ -1,6 +1,6 @@
 import {
   SlMenuItem
-} from "./chunk.67C5V6BY.js";
+} from "./chunk.ZIK6UFCB.js";
 
 // src/components/menu-item/menu-item.ts
 var menu_item_default = SlMenuItem;

package/dist/chunks/{chunk.F5QCDAZD.js → chunk.IIITTBKF.js}

@@ -1,6 +1,6 @@
 import {
   SlButton
-} from "./chunk.SJQBLTVX.js";
+} from "./chunk.4V3MCNCG.js";
 
 // src/react/button/index.ts
 import * as React from "react";

package/dist/chunks/{chunk.Q5QQPLBB.js → chunk.IL42CGIL.js}

@@ -1,6 +1,6 @@
 import {
   SlAvatar
-} from "./chunk.Q4TZCBZJ.js";
+} from "./chunk.TDWRSVI2.js";
 
 // src/components/avatar/avatar.ts
 var avatar_default = SlAvatar;

package/dist/chunks/{chunk.7N2XFSOU.js → chunk.INWQRWZW.js}

@@ -1,6 +1,6 @@
 import {
   SlTreeItem
-} from "./chunk.TN7PWYQP.js";
+} from "./chunk.24YRDJWM.js";
 
 // src/react/tree-item/index.ts
 import * as React from "react";