@kdcloudjs/shoelace 1.0.47 → 1.0.48

package/cdn/chunks/chunk.V6KJMK5F.js

@@ -1,720 +0,0 @@
-import {
-  transfer_styles_default
-} from "./chunk.MUTS5R3Z.js";
-import {
-  SlPagination
-} from "./chunk.AM3KACRA.js";
-import {
-  SlMenu
-} from "./chunk.ST6CRZNS.js";
-import {
-  SlMenuItem
-} from "./chunk.KEW6X2RV.js";
-import {
-  SlDropdown
-} from "./chunk.E34PXPY6.js";
-import {
-  SlInput
-} from "./chunk.DSGT2BTE.js";
-import {
-  SlCheckbox
-} from "./chunk.IGSXGHFV.js";
-import {
-  SlButton
-} from "./chunk.6RDWI5RY.js";
-import {
-  HasSlotController
-} from "./chunk.NYIIDP5N.js";
-import {
-  e
-} from "./chunk.2QDPYAHS.js";
-import {
-  SlIcon
-} from "./chunk.MGETPUIX.js";
-import {
-  watch
-} from "./chunk.WID3TCT6.js";
-import {
-  component_styles_default
-} from "./chunk.N6N54SAA.js";
-import {
-  ShoelaceElement,
-  n,
-  r
-} from "./chunk.KKR53ZFE.js";
-import {
-  b
-} from "./chunk.OLIQR3OU.js";
-import {
-  __decorateClass
-} from "./chunk.CZCSAYQZ.js";
-
-// src/components/transfer/transfer.component.ts
-var SlTransfer = class extends ShoelaceElement {
-  constructor() {
-    super(...arguments);
-    this.hasSlotController = new HasSlotController(
-      this,
-      "operation",
-      "move-to-target",
-      "move-to-source",
-      "dropdown-icon",
-      "source-empty",
-      "target-empty",
-      "source-item-list",
-      "source-footer",
-      "target-footer"
-    );
-    this.dataSource = [];
-    this.targetKeys = [];
-    this.disabled = false;
-    this.pagination = false;
-    this.pageSize = 10;
-    this.showSearch = false;
-    this.showSelectAll = true;
-    this.oneWay = false;
-    this.titles = ["\u6E90\u5217\u8868", "\u76EE\u6807\u5217\u8868"];
-    this.status = "normal";
-    this.searchPlaceholder = "\u8BF7\u8F93\u5165\u641C\u7D22\u5185\u5BB9";
-    this.sourceCurrentPage = 1;
-    this.targetCurrentPage = 1;
-    this._sourceSelectedKeys = [];
-    this._targetSelectedKeys = [];
-    this.sourceSearchValue = "";
-    this.targetSearchValue = "";
-  }
-  /** 是否为受控模式 */
-  get isControlledSelection() {
-    return this.selectedKeys !== void 0;
-  }
-  /** 获取源列表选中 keys（受控优先） */
-  get sourceSelectedKeys() {
-    if (this.isControlledSelection) {
-      const targetKeySet = new Set(this.targetKeys);
-      return this.selectedKeys.filter((key) => !targetKeySet.has(key));
-    }
-    return this._sourceSelectedKeys;
-  }
-  /** 设置源列表选中 keys */
-  set sourceSelectedKeys(keys) {
-    if (!this.isControlledSelection) {
-      this._sourceSelectedKeys = keys;
-    }
-  }
-  /** 获取目标列表选中 keys（受控优先） */
-  get targetSelectedKeys() {
-    if (this.isControlledSelection) {
-      const targetKeySet = new Set(this.targetKeys);
-      return this.selectedKeys.filter((key) => targetKeySet.has(key));
-    }
-    return this._targetSelectedKeys;
-  }
-  /** 设置目标列表选中 keys */
-  set targetSelectedKeys(keys) {
-    if (!this.isControlledSelection) {
-      this._targetSelectedKeys = keys;
-    }
-  }
-  /** 过滤搜索匹配项 */
-  filterItems(items, searchValue, direction) {
-    if (!searchValue) return items;
-    return items.filter((item) => {
-      var _a;
-      if (this.filterOption) {
-        return this.filterOption(searchValue, item, direction);
-      }
-      const keyword = searchValue.toLowerCase();
-      return item.title.toLowerCase().includes(keyword) || ((_a = item.description) == null ? void 0 : _a.toLowerCase().includes(keyword));
-    });
-  }
-  /** 获取源列表数据 */
-  get sourceItems() {
-    const targetKeySet = new Set(this.targetKeys);
-    const items = this.dataSource.filter((item) => !targetKeySet.has(item.key));
-    return this.filterItems(items, this.sourceSearchValue, "left");
-  }
-  /** 获取目标列表数据 */
-  get targetItems() {
-    const targetKeySet = new Set(this.targetKeys);
-    const items = this.dataSource.filter((item) => targetKeySet.has(item.key));
-    return this.filterItems(items, this.targetSearchValue, "right");
-  }
-  /** 获取源列表当前页数据 */
-  get sourcePagedItems() {
-    if (!this.pagination) return this.sourceItems;
-    const start = (this.sourceCurrentPage - 1) * this.pageSize;
-    return this.sourceItems.slice(start, start + this.pageSize);
-  }
-  /** 获取目标列表当前页数据 */
-  get targetPagedItems() {
-    if (!this.pagination) return this.targetItems;
-    const start = (this.targetCurrentPage - 1) * this.pageSize;
-    return this.targetItems.slice(start, start + this.pageSize);
-  }
-  /** 获取源列表可选中的项 */
-  get selectableSourceItems() {
-    return this.sourceItems.filter((item) => !item.disabled);
-  }
-  /** 获取目标列表可选中的项 */
-  get selectableTargetItems() {
-    return this.targetItems.filter((item) => !item.disabled);
-  }
-  /** 源列表是否全选 */
-  get isSourceAllSelected() {
-    const selectableItems = this.selectableSourceItems;
-    return selectableItems.length > 0 && selectableItems.every((item) => this.sourceSelectedKeys.includes(item.key));
-  }
-  /** 目标列表是否全选 */
-  get isTargetAllSelected() {
-    const selectableItems = this.selectableTargetItems;
-    return selectableItems.length > 0 && selectableItems.every((item) => this.targetSelectedKeys.includes(item.key));
-  }
-  /** 源列表是否部分选中 */
-  get isSourceIndeterminate() {
-    const selectableItems = this.selectableSourceItems;
-    const selectedCount = selectableItems.filter((item) => this.sourceSelectedKeys.includes(item.key)).length;
-    return selectedCount > 0 && selectedCount < selectableItems.length;
-  }
-  /** 目标列表是否部分选中 */
-  get isTargetIndeterminate() {
-    const selectableItems = this.selectableTargetItems;
-    const selectedCount = selectableItems.filter((item) => this.targetSelectedKeys.includes(item.key)).length;
-    return selectedCount > 0 && selectedCount < selectableItems.length;
-  }
-  handleTargetKeysChange() {
-    if (this.isControlledSelection) return;
-    const targetKeySet = new Set(this.targetKeys);
-    this._sourceSelectedKeys = this._sourceSelectedKeys.filter((key) => {
-      const item = this.dataSource.find((i) => i.key === key);
-      return item && !targetKeySet.has(key);
-    });
-    this._targetSelectedKeys = this._targetSelectedKeys.filter((key) => targetKeySet.has(key));
-  }
-  /** 处理源列表项点击 */
-  handleSourceItemClick(item) {
-    if (this.disabled || item.disabled) return;
-    const currentKeys = this.sourceSelectedKeys;
-    const index = currentKeys.indexOf(item.key);
-    const newSourceKeys = index > -1 ? currentKeys.filter((k) => k !== item.key) : [...currentKeys, item.key];
-    if (this.isControlledSelection) {
-      this.emit("sl-transfer-select-change", {
-        detail: {
-          sourceSelectedKeys: newSourceKeys,
-          targetSelectedKeys: this.targetSelectedKeys
-        }
-      });
-      return;
-    }
-    this._sourceSelectedKeys = newSourceKeys;
-    this.emitSelectChange();
-  }
-  /** 处理目标列表项点击 */
-  handleTargetItemClick(item) {
-    if (this.disabled || item.disabled) return;
-    const currentKeys = this.targetSelectedKeys;
-    const index = currentKeys.indexOf(item.key);
-    const newTargetKeys = index > -1 ? currentKeys.filter((k) => k !== item.key) : [...currentKeys, item.key];
-    if (this.isControlledSelection) {
-      this.emit("sl-transfer-select-change", {
-        detail: {
-          sourceSelectedKeys: this.sourceSelectedKeys,
-          targetSelectedKeys: newTargetKeys
-        }
-      });
-      return;
-    }
-    this._targetSelectedKeys = newTargetKeys;
-    this.emitSelectChange();
-  }
-  /** 处理源列表全选 */
-  handleSourceSelectAll() {
-    if (this.disabled) return;
-    const newSourceKeys = this.isSourceAllSelected ? [] : this.selectableSourceItems.map((item) => item.key);
-    if (this.isControlledSelection) {
-      this.emit("sl-transfer-select-change", {
-        detail: {
-          sourceSelectedKeys: newSourceKeys,
-          targetSelectedKeys: this.targetSelectedKeys
-        }
-      });
-      return;
-    }
-    this._sourceSelectedKeys = newSourceKeys;
-    this.emitSelectChange();
-  }
-  /** 处理目标列表全选 */
-  handleTargetSelectAll() {
-    if (this.disabled) return;
-    const newTargetKeys = this.isTargetAllSelected ? [] : this.selectableTargetItems.map((item) => item.key);
-    if (this.isControlledSelection) {
-      this.emit("sl-transfer-select-change", {
-        detail: {
-          sourceSelectedKeys: this.sourceSelectedKeys,
-          targetSelectedKeys: newTargetKeys
-        }
-      });
-      return;
-    }
-    this._targetSelectedKeys = newTargetKeys;
-    this.emitSelectChange();
-  }
-  /** 移动选中项到目标列表 */
-  moveToTarget() {
-    if (this.disabled || this.sourceSelectedKeys.length === 0) return;
-    const moveKeys = [...this.sourceSelectedKeys];
-    const newTargetKeys = [...this.targetKeys, ...moveKeys];
-    this.targetKeys = newTargetKeys;
-    if (!this.isControlledSelection) {
-      this._sourceSelectedKeys = [];
-    }
-    this.emitChange(newTargetKeys, "right", moveKeys);
-  }
-  /** 移动选中项到源列表 */
-  moveToSource() {
-    if (this.disabled || this.targetSelectedKeys.length === 0) return;
-    const moveKeys = [...this.targetSelectedKeys];
-    const newTargetKeys = this.targetKeys.filter((key) => !moveKeys.includes(key));
-    this.targetKeys = newTargetKeys;
-    if (!this.isControlledSelection) {
-      this._targetSelectedKeys = [];
-    }
-    this.emitChange(newTargetKeys, "left", moveKeys);
-  }
-  /** 处理源列表搜索 */
-  handleSourceSearch(e2) {
-    const input = e2.target;
-    this.sourceSearchValue = input.value;
-    this.emit("sl-transfer-search", {
-      detail: { direction: "left", value: this.sourceSearchValue }
-    });
-  }
-  /** 处理目标列表搜索 */
-  handleTargetSearch(e2) {
-    const input = e2.target;
-    this.targetSearchValue = input.value;
-    this.emit("sl-transfer-search", {
-      detail: { direction: "right", value: this.targetSearchValue }
-    });
-  }
-  /** 处理列表滚动 */
-  handleScroll(direction, e2) {
-    this.emit("sl-transfer-scroll", {
-      detail: { direction, event: e2 }
-    });
-  }
-  /** 发送变更事件 */
-  emitChange(targetKeys, direction, moveKeys) {
-    this.emit("sl-transfer-change", {
-      detail: { targetKeys, direction, moveKeys }
-    });
-  }
-  /** 发送选中变更事件 */
-  emitSelectChange() {
-    this.emit("sl-transfer-select-change", {
-      detail: {
-        sourceSelectedKeys: this.sourceSelectedKeys,
-        targetSelectedKeys: this.targetSelectedKeys
-      }
-    });
-  }
-  /** 处理源列表分页变化 */
-  handleSourcePageChange(e2) {
-    this.sourceCurrentPage = e2.detail.pageNumber;
-    if (e2.detail.pageSize !== this.pageSize) {
-      this.pageSize = e2.detail.pageSize;
-      this.sourceCurrentPage = 1;
-      this.targetCurrentPage = 1;
-    }
-  }
-  /** 处理目标列表分页变化 */
-  handleTargetPageChange(e2) {
-    this.targetCurrentPage = e2.detail.pageNumber;
-    if (e2.detail.pageSize !== this.pageSize) {
-      this.pageSize = e2.detail.pageSize;
-      this.sourceCurrentPage = 1;
-      this.targetCurrentPage = 1;
-    }
-  }
-  /** 处理下拉菜单：全选所有（选中该面板所有可选项，包含搜索过滤外的） */
-  handleDropdownSelectAll(direction) {
-    if (this.disabled) return;
-    const targetKeySet = new Set(this.targetKeys);
-    if (direction === "left") {
-      const allSelectableKeys = this.dataSource.filter((item) => !targetKeySet.has(item.key) && !item.disabled).map((item) => item.key);
-      if (this.isControlledSelection) {
-        this.emit("sl-transfer-select-change", {
-          detail: { sourceSelectedKeys: allSelectableKeys, targetSelectedKeys: this.targetSelectedKeys }
-        });
-        return;
-      }
-      this._sourceSelectedKeys = allSelectableKeys;
-    } else {
-      const allSelectableKeys = this.dataSource.filter((item) => targetKeySet.has(item.key) && !item.disabled).map((item) => item.key);
-      if (this.isControlledSelection) {
-        this.emit("sl-transfer-select-change", {
-          detail: { sourceSelectedKeys: this.sourceSelectedKeys, targetSelectedKeys: allSelectableKeys }
-        });
-        return;
-      }
-      this._targetSelectedKeys = allSelectableKeys;
-    }
-    this.emitSelectChange();
-  }
-  /** 处理下拉菜单：反选当页（对当前可见列表中的可选项进行反选） */
-  handleDropdownInvertPage(direction) {
-    if (this.disabled) return;
-    if (direction === "left") {
-      const currentPageKeys = this.selectableSourceItems.map((item) => item.key);
-      const selectedSet = new Set(this.sourceSelectedKeys);
-      const invertedKeys = currentPageKeys.filter((key) => !selectedSet.has(key));
-      if (this.isControlledSelection) {
-        this.emit("sl-transfer-select-change", {
-          detail: { sourceSelectedKeys: invertedKeys, targetSelectedKeys: this.targetSelectedKeys }
-        });
-        return;
-      }
-      this._sourceSelectedKeys = invertedKeys;
-    } else {
-      const currentPageKeys = this.selectableTargetItems.map((item) => item.key);
-      const selectedSet = new Set(this.targetSelectedKeys);
-      const invertedKeys = currentPageKeys.filter((key) => !selectedSet.has(key));
-      if (this.isControlledSelection) {
-        this.emit("sl-transfer-select-change", {
-          detail: { sourceSelectedKeys: this.sourceSelectedKeys, targetSelectedKeys: invertedKeys }
-        });
-        return;
-      }
-      this._targetSelectedKeys = invertedKeys;
-    }
-    this.emitSelectChange();
-  }
-  /** 处理下拉菜单：全选当页（选中当前页所有可选项） */
-  handleDropdownSelectPage(direction) {
-    if (this.disabled) return;
-    if (direction === "left") {
-      const pageKeys = this.sourcePagedItems.filter((item) => !item.disabled).map((item) => item.key);
-      const merged = Array.from(/* @__PURE__ */ new Set([...this.sourceSelectedKeys, ...pageKeys]));
-      if (this.isControlledSelection) {
-        this.emit("sl-transfer-select-change", {
-          detail: { sourceSelectedKeys: merged, targetSelectedKeys: this.targetSelectedKeys }
-        });
-        return;
-      }
-      this._sourceSelectedKeys = merged;
-    } else {
-      const pageKeys = this.targetPagedItems.filter((item) => !item.disabled).map((item) => item.key);
-      const merged = Array.from(/* @__PURE__ */ new Set([...this.targetSelectedKeys, ...pageKeys]));
-      if (this.isControlledSelection) {
-        this.emit("sl-transfer-select-change", {
-          detail: { sourceSelectedKeys: this.sourceSelectedKeys, targetSelectedKeys: merged }
-        });
-        return;
-      }
-      this._targetSelectedKeys = merged;
-    }
-    this.emitSelectChange();
-  }
-  /** 渲染面板头部 */
-  renderPanelHeader(options) {
-    const { title, selectedCount, totalCount, isAllSelected, isIndeterminate, onSelectAll, direction } = options;
-    return b`
-      <div part="panel-header" class="transfer-panel-header">
-        <div class="transfer-panel-header-left">
-          ${this.showSelectAll ? b`
-                <sl-checkbox
-                  size="small"
-                  class="transfer-select-all-checkbox"
-                  .checked=${isAllSelected}
-                  .indeterminate=${isIndeterminate}
-                  .disabled=${this.disabled || totalCount === 0}
-                  @sl-change=${onSelectAll}
-                ></sl-checkbox>
-                <sl-dropdown
-                  hoist
-                  ?disabled=${this.disabled}
-                  @mouseenter=${(e2) => {
-      if (!this.disabled) e2.currentTarget.show();
-    }}
-                  @mouseleave=${(e2) => {
-      if (!this.disabled) e2.currentTarget.hide();
-    }}
-                >
-                  <div
-                    slot="trigger"
-                    class=${e({
-      "transfer-panel-dropdown-icon": true,
-      "transfer-panel-dropdown-icon-disabled": this.disabled
-    })}
-                  >
-                    ${this.hasSlotController.test("dropdown-icon") ? b`<slot name="dropdown-icon"></slot>` : b`<sl-icon name="chevron-down"></sl-icon>`}
-                  </div>
-                  <sl-menu>
-                    <sl-menu-item @click=${() => this.handleDropdownSelectAll(direction)}>全选所有</sl-menu-item>
-                    ${this.pagination ? b`<sl-menu-item @click=${() => this.handleDropdownSelectPage(direction)}
-                          >全选当页</sl-menu-item
-                        >` : ""}
-                    <sl-menu-item @click=${() => this.handleDropdownInvertPage(direction)}>反选当页</sl-menu-item>
-                  </sl-menu>
-                </sl-dropdown>
-              ` : ""}
-          <div class="transfer-panel-count-container">
-            ${selectedCount > 0 ? b`
-                  <span class="transfer-panel-count">${selectedCount}</span>
-                  <span>/</span>
-                ` : ""}
-            <span class="transfer-panel-count">${totalCount}</span>
-            <span>项</span>
-          </div>
-        </div>
-        <span class="transfer-panel-title">${title}</span>
-      </div>
-    `;
-  }
-  /** 渲染搜索框 */
-  renderSearch(value, onInput) {
-    return b`
-      <div class="transfer-search">
-        <sl-input
-          part="search-input"
-          class="transfer-search-input"
-          size="medium"
-          placeholder=${this.searchPlaceholder}
-          .value=${value}
-          ?disabled=${this.disabled}
-          @sl-input=${onInput}
-          clearable
-        >
-          <sl-icon name="search" slot="prefix"></sl-icon>
-        </sl-input>
-      </div>
-    `;
-  }
-  /** 渲染列表项 */
-  renderItem(item, isSelected, onClick) {
-    const itemTitle = this.itemRender ? this.itemRender(item) : item.title;
-    return b`
-      <div
-        class=${e({
-      "transfer-item": true,
-      "transfer-item-selected": isSelected,
-      "transfer-item-disabled": !!item.disabled || this.disabled
-    })}
-        @click=${onClick}
-      >
-        <sl-checkbox
-          size="small"
-          class="transfer-item-checkbox"
-          .checked=${isSelected}
-          .disabled=${this.disabled || !!item.disabled}
-          tabindex="-1"
-        >
-          <div class="transfer-item-title" title=${itemTitle}>${itemTitle}</div>
-        </sl-checkbox>
-      </div>
-    `;
-  }
-  renderPagination(direction) {
-    const total = direction === "left" ? this.sourceItems.length : this.targetItems.length;
-    const currentPage = direction === "left" ? this.sourceCurrentPage : this.targetCurrentPage;
-    const onPageChange = direction === "left" ? (e2) => this.handleSourcePageChange(e2) : (e2) => this.handleTargetPageChange(e2);
-    return b`
-      <div class="transfer-pagination">
-        <sl-pagination
-          simpleMode=${true}
-          .total=${total}
-          .pageSize=${this.pageSize}
-          .defaultCurrentPage=${currentPage}
-          .disabled=${this.disabled}
-          @sl-page-change=${onPageChange}
-        ></sl-pagination>
-      </div>
-    `;
-  }
-  /** 渲染列表 */
-  renderList(items, selectedKeys, direction, onItemClick) {
-    if (items.length === 0) {
-      const slotName = direction === "left" ? "source-empty" : "target-empty";
-      return b`<div class="transfer-empty">
-        ${this.hasSlotController.test(slotName) ? b`<slot name=${slotName}></slot>` : b`<span>暂无数据</span>`}
-      </div>`;
-    }
-    return b`
-      <div
-        part="panel-list"
-        class=${e({
-      "transfer-list": true,
-      "transfer-list-nosearch": !this.showSearch
-    })}
-        @scroll=${(e2) => this.handleScroll(direction, e2)}
-      >
-        ${items.map((item) => this.renderItem(item, selectedKeys.includes(item.key), () => onItemClick(item)))}
-      </div>
-    `;
-  }
-  render() {
-    const sourceSelectedCount = this.sourceSelectedKeys.length;
-    const targetSelectedCount = this.targetSelectedKeys.length;
-    return b`
-      <div
-        part="base"
-        class=${e({
-      transfer: true,
-      "transfer-disabled": this.disabled,
-      "transfer-error": this.status === "error",
-      "transfer-success": this.status === "success"
-    })}
-      >
-        <!-- 源列表面板 -->
-        <div part="source-panel" class="transfer-panel">
-          ${this.renderPanelHeader({
-      title: this.titles[0] || "\u6E90\u5217\u8868",
-      selectedCount: sourceSelectedCount,
-      totalCount: this.sourceItems.length,
-      isAllSelected: this.isSourceAllSelected,
-      isIndeterminate: this.isSourceIndeterminate,
-      onSelectAll: () => this.handleSourceSelectAll(),
-      direction: "left"
-    })}
-          ${this.showSearch ? this.renderSearch(this.sourceSearchValue, (e2) => this.handleSourceSearch(e2)) : ""}
-          ${this.hasSlotController.test("source-item-list") ? b`<slot name="source-item-list"></slot>` : this.renderList(
-      this.sourcePagedItems,
-      this.sourceSelectedKeys,
-      "left",
-      (item) => this.handleSourceItemClick(item)
-    )}
-          ${this.hasSlotController.test("source-footer") ? b`<div class="transfer-panel-footer"><slot name="source-footer"></slot></div>` : ""}
-          ${this.pagination ? this.renderPagination("left") : ""}
-        </div>
-
-        <!-- 操作按钮 -->
-        <div part="operation" class="transfer-operation">
-          ${this.hasSlotController.test("operation") ? b`<slot name="operation"></slot>` : b`
-                <sl-button
-                  class="transfer-operation-button"
-                  variant=${sourceSelectedCount > 0 ? "primary" : "default"}
-                  size="small"
-                  ?disabled=${this.disabled || sourceSelectedCount === 0}
-                  @click=${() => this.moveToTarget()}
-                  aria-label="移动到右边"
-                >
-                  ${this.hasSlotController.test("move-to-target") ? b`<slot name="move-to-target"></slot>` : b`<sl-icon name="chevron-right" library="system"></sl-icon>`}
-                </sl-button>
-                ${!this.oneWay ? b`
-                      <sl-button
-                        class="transfer-operation-button"
-                        variant=${targetSelectedCount > 0 ? "primary" : "default"}
-                        size="small"
-                        ?disabled=${this.disabled || targetSelectedCount === 0}
-                        @click=${() => this.moveToSource()}
-                        aria-label="移动到左边"
-                      >
-                        ${this.hasSlotController.test("move-to-source") ? b`<slot name="move-to-source"></slot>` : b`<sl-icon name="chevron-left" library="system"></sl-icon>`}
-                        <slot name="move-to-source"> </slot>
-                      </sl-button>
-                    ` : ""}
-              `}
-        </div>
-
-        <!-- 目标列表面板 -->
-        <div part="target-panel" class="transfer-panel">
-          ${this.renderPanelHeader({
-      title: this.titles[1] || "\u76EE\u6807\u5217\u8868",
-      selectedCount: targetSelectedCount,
-      totalCount: this.targetItems.length,
-      isAllSelected: this.isTargetAllSelected,
-      isIndeterminate: this.isTargetIndeterminate,
-      onSelectAll: () => this.handleTargetSelectAll(),
-      direction: "right"
-    })}
-          ${this.showSearch ? this.renderSearch(this.targetSearchValue, (e2) => this.handleTargetSearch(e2)) : ""}
-          ${this.renderList(
-      this.targetPagedItems,
-      this.targetSelectedKeys,
-      "right",
-      (item) => this.handleTargetItemClick(item)
-    )}
-          ${this.hasSlotController.test("target-footer") ? b`<div class="transfer-panel-footer"><slot name="target-footer"></slot></div>` : ""}
-          ${this.pagination ? this.renderPagination("right") : ""}
-        </div>
-      </div>
-    `;
-  }
-};
-SlTransfer.styles = [component_styles_default, transfer_styles_default];
-SlTransfer.dependencies = {
-  "sl-checkbox": SlCheckbox,
-  "sl-dropdown": SlDropdown,
-  "sl-icon": SlIcon,
-  "sl-input": SlInput,
-  "sl-menu": SlMenu,
-  "sl-menu-item": SlMenuItem,
-  "sl-button": SlButton,
-  "sl-pagination": SlPagination
-};
-__decorateClass([
-  n({ type: Array })
-], SlTransfer.prototype, "dataSource", 2);
-__decorateClass([
-  n({ type: Array, attribute: "target-keys" })
-], SlTransfer.prototype, "targetKeys", 2);
-__decorateClass([
-  n({ type: Boolean, reflect: true })
-], SlTransfer.prototype, "disabled", 2);
-__decorateClass([
-  n({ type: Boolean })
-], SlTransfer.prototype, "pagination", 2);
-__decorateClass([
-  n({ type: Number, attribute: "page-size" })
-], SlTransfer.prototype, "pageSize", 2);
-__decorateClass([
-  n({ type: Boolean, attribute: "show-search" })
-], SlTransfer.prototype, "showSearch", 2);
-__decorateClass([
-  n({ type: Boolean, attribute: "show-select-all" })
-], SlTransfer.prototype, "showSelectAll", 2);
-__decorateClass([
-  n({ type: Boolean, attribute: "one-way" })
-], SlTransfer.prototype, "oneWay", 2);
-__decorateClass([
-  n({ type: Array })
-], SlTransfer.prototype, "titles", 2);
-__decorateClass([
-  n({ reflect: true })
-], SlTransfer.prototype, "status", 2);
-__decorateClass([
-  n({ attribute: "search-placeholder" })
-], SlTransfer.prototype, "searchPlaceholder", 2);
-__decorateClass([
-  n({ type: Array, attribute: "selected-keys" })
-], SlTransfer.prototype, "selectedKeys", 2);
-__decorateClass([
-  n({ attribute: false })
-], SlTransfer.prototype, "itemRender", 2);
-__decorateClass([
-  n({ attribute: false })
-], SlTransfer.prototype, "filterOption", 2);
-__decorateClass([
-  r()
-], SlTransfer.prototype, "sourceCurrentPage", 2);
-__decorateClass([
-  r()
-], SlTransfer.prototype, "targetCurrentPage", 2);
-__decorateClass([
-  r()
-], SlTransfer.prototype, "_sourceSelectedKeys", 2);
-__decorateClass([
-  r()
-], SlTransfer.prototype, "_targetSelectedKeys", 2);
-__decorateClass([
-  r()
-], SlTransfer.prototype, "sourceSearchValue", 2);
-__decorateClass([
-  r()
-], SlTransfer.prototype, "targetSearchValue", 2);
-__decorateClass([
-  watch("targetKeys")
-], SlTransfer.prototype, "handleTargetKeysChange", 1);
-
-export {
-  SlTransfer
-};