@kdcloudjs/shoelace 1.0.25 → 1.0.27

package/cdn/chunks/chunk.4N562IXI.js

@@ -0,0 +1,11 @@
+import {
+  SlTree
+} from "./chunk.WIZMRUB2.js";
+
+// src/components/tree/tree.ts
+var tree_default = SlTree;
+SlTree.define("sl-tree");
+
+export {
+  tree_default
+};

package/cdn/chunks/chunk.4RTCH3CU.js

@@ -0,0 +1,11 @@
+import {
+  SlTooltip
+} from "./chunk.APN4Q622.js";
+
+// src/components/tooltip/tooltip.ts
+var tooltip_default = SlTooltip;
+SlTooltip.define("sl-tooltip");
+
+export {
+  tooltip_default
+};

package/cdn/chunks/chunk.5BFCMSYO.js

@@ -0,0 +1,25 @@
+import {
+  SlAnimatedImage
+} from "./chunk.MVNIFXIR.js";
+
+// src/react/animated-image/index.ts
+import * as React from "react";
+import { createComponent } from "@lit/react";
+import "@lit/react";
+var tagName = "sl-animated-image";
+SlAnimatedImage.define("sl-animated-image");
+var reactWrapper = createComponent({
+  tagName,
+  elementClass: SlAnimatedImage,
+  react: React,
+  events: {
+    onSlLoad: "sl-load",
+    onSlError: "sl-error"
+  },
+  displayName: "SlAnimatedImage"
+});
+var animated_image_default = reactWrapper;
+
+export {
+  animated_image_default
+};

package/cdn/chunks/chunk.5I3K7HCS.js

@@ -0,0 +1,21 @@
+import {
+  SlTabPanel
+} from "./chunk.M5W5LFZX.js";
+
+// src/react/tab-panel/index.ts
+import * as React from "react";
+import { createComponent } from "@lit/react";
+var tagName = "sl-tab-panel";
+SlTabPanel.define("sl-tab-panel");
+var reactWrapper = createComponent({
+  tagName,
+  elementClass: SlTabPanel,
+  react: React,
+  events: {},
+  displayName: "SlTabPanel"
+});
+var tab_panel_default = reactWrapper;
+
+export {
+  tab_panel_default
+};

package/cdn/chunks/chunk.5O54KD6A.js

@@ -0,0 +1,11 @@
+import {
+  SlSelect
+} from "./chunk.FB6NMYUJ.js";
+
+// src/components/select/select.ts
+var select_default = SlSelect;
+SlSelect.define("sl-select");
+
+export {
+  select_default
+};

package/cdn/chunks/chunk.6GR6G5KF.js

@@ -0,0 +1,11 @@
+import {
+  SlDialog
+} from "./chunk.SQS4PCGK.js";
+
+// src/components/dialog/dialog.ts
+var dialog_default = SlDialog;
+SlDialog.define("sl-dialog");
+
+export {
+  dialog_default
+};

package/cdn/chunks/chunk.6JLHQYNV.js

@@ -0,0 +1,127 @@
+import {
+  breadcrumb_item_styles_default
+} from "./chunk.PCQV4BNN.js";
+import {
+  o
+} from "./chunk.KJQP3AWV.js";
+import {
+  HasSlotController
+} from "./chunk.NYIIDP5N.js";
+import {
+  e
+} from "./chunk.VHCLMDG7.js";
+import {
+  watch
+} from "./chunk.WID3TCT6.js";
+import {
+  component_styles_default
+} from "./chunk.NDXSHFSW.js";
+import {
+  ShoelaceElement,
+  e as e2,
+  n,
+  r
+} from "./chunk.ERSGVOH2.js";
+import {
+  b
+} from "./chunk.7WSF3BCU.js";
+import {
+  __decorateClass
+} from "./chunk.CZCSAYQZ.js";
+
+// src/components/breadcrumb-item/breadcrumb-item.component.ts
+var SlBreadcrumbItem = class extends ShoelaceElement {
+  constructor() {
+    super(...arguments);
+    this.hasSlotController = new HasSlotController(this, "prefix", "suffix");
+    this.renderType = "button";
+    this.rel = "noreferrer noopener";
+  }
+  setRenderType() {
+    const hasDropdown = this.defaultSlot.assignedElements({ flatten: true }).filter((i) => i.tagName.toLowerCase() === "sl-dropdown").length > 0;
+    if (this.href) {
+      this.renderType = "link";
+      return;
+    }
+    if (hasDropdown) {
+      this.renderType = "dropdown";
+      return;
+    }
+    this.renderType = "button";
+  }
+  hrefChanged() {
+    this.setRenderType();
+  }
+  handleSlotChange() {
+    this.setRenderType();
+  }
+  render() {
+    return b`
+      <div
+        part="base"
+        class=${e({
+      "breadcrumb-item": true,
+      "breadcrumb-item--has-prefix": this.hasSlotController.test("prefix"),
+      "breadcrumb-item--has-suffix": this.hasSlotController.test("suffix")
+    })}
+      >
+        <span part="prefix" class="breadcrumb-item__prefix">
+          <slot name="prefix"></slot>
+        </span>
+
+        ${this.renderType === "link" ? b`
+              <a
+                part="label"
+                class="breadcrumb-item__label breadcrumb-item__label--link"
+                href="${this.href}"
+                target="${o(this.target ? this.target : void 0)}"
+                rel=${o(this.target ? this.rel : void 0)}
+              >
+                <slot @slotchange=${this.handleSlotChange}></slot>
+              </a>
+            ` : ""}
+        ${this.renderType === "button" ? b`
+              <button part="label" type="button" class="breadcrumb-item__label breadcrumb-item__label--button">
+                <slot @slotchange=${this.handleSlotChange}></slot>
+              </button>
+            ` : ""}
+        ${this.renderType === "dropdown" ? b`
+              <div part="label" class="breadcrumb-item__label breadcrumb-item__label--drop-down">
+                <slot @slotchange=${this.handleSlotChange}></slot>
+              </div>
+            ` : ""}
+
+        <span part="suffix" class="breadcrumb-item__suffix">
+          <slot name="suffix"></slot>
+        </span>
+
+        <span part="separator" class="breadcrumb-item__separator" aria-hidden="true">
+          <slot name="separator"></slot>
+        </span>
+      </div>
+    `;
+  }
+};
+SlBreadcrumbItem.styles = [component_styles_default, breadcrumb_item_styles_default];
+__decorateClass([
+  e2("slot:not([name])")
+], SlBreadcrumbItem.prototype, "defaultSlot", 2);
+__decorateClass([
+  r()
+], SlBreadcrumbItem.prototype, "renderType", 2);
+__decorateClass([
+  n()
+], SlBreadcrumbItem.prototype, "href", 2);
+__decorateClass([
+  n()
+], SlBreadcrumbItem.prototype, "target", 2);
+__decorateClass([
+  n()
+], SlBreadcrumbItem.prototype, "rel", 2);
+__decorateClass([
+  watch("href", { waitUntilFirstUpdate: true })
+], SlBreadcrumbItem.prototype, "hrefChanged", 1);
+
+export {
+  SlBreadcrumbItem
+};

package/cdn/chunks/chunk.6JZKM2VC.js

@@ -0,0 +1,11 @@
+import {
+  SlSwitch
+} from "./chunk.EZCPZCNY.js";
+
+// src/components/switch/switch.ts
+var switch_default = SlSwitch;
+SlSwitch.define("sl-switch");
+
+export {
+  switch_default
+};

package/cdn/chunks/chunk.6MUK6SQ3.js

@@ -0,0 +1,449 @@
+import {
+  component_styles_default
+} from "./chunk.NDXSHFSW.js";
+import {
+  i
+} from "./chunk.7WSF3BCU.js";
+
+// src/components/nav-submenu/nav-submenu.styles.ts
+var nav_submenu_styles_default = i`
+  ${component_styles_default}
+
+  :host {
+    display: block;
+    --content-padding: var(--sl-spacing-2x-small);
+    --submenu-offset: var(--sl-spacing-medium);
+    --header-height: var(--sl-nav-item-height, 46px);
+    --header-padding: var(--sl-nav-item-padding-inline, var(--sl-spacing-medium));
+    --header-radius: var(--sl-border-radius-x-medium);
+    --sl-nav-item-padding-start: calc(var(--sl-spacing-3x-large) - var(--sl-spacing-2x-small));
+  }
+
+  .nav-submenu__header {
+    display: flex;
+    align-items: stretch;
+    position: relative;
+    width: 100%;
+    height: var(--header-height);
+    color: var(--sl-nav-item-color, var(--sl-color-neutral-900));
+    background-color: transparent;
+    border: none;
+    font-family: var(--sl-font-sans);
+    font-size: var(--sl-font-size-small);
+    font-weight: var(--sl-font-weight-semibold);
+    line-height: var(--sl-line-height-normal);
+    padding: var(--sl-spacing-2x-small);
+    text-align: start;
+    text-decoration: none;
+    user-select: none;
+    cursor: pointer;
+    transition:
+      var(--sl-transition-fast) background-color,
+      var(--sl-transition-fast) color,
+      var(--sl-transition-fast) box-shadow;
+  }
+
+  .nav-submenu__header-content {
+    display: flex;
+    gap: var(--sl-spacing-x-small);
+    align-items: center;
+    flex: 1 1 auto;
+    box-sizing: border-box;
+    min-width: 0;
+    width: 100%;
+    height: 100%;
+    padding-inline: var(--header-padding);
+    padding-block: var(--sl-spacing-x-small);
+    border-radius: var(--header-radius);
+    transition:
+      var(--sl-transition-fast) background-color,
+      var(--sl-transition-fast) box-shadow;
+  }
+
+  .nav-submenu__header:hover:not(.nav-submenu__header--disabled):not(.nav-submenu__header--active),
+  .nav-submenu__header:focus-visible:not(.nav-submenu__header--disabled) {
+    color: var(--sl-nav-item-hover-color, var(--sl-color-neutral-900));
+    outline: none;
+  }
+
+  .nav-submenu__header:hover:not(.nav-submenu__header--disabled):not(.nav-submenu__header--active)
+    .nav-submenu__header-content,
+  .nav-submenu__header:focus-visible:not(.nav-submenu__header--disabled) .nav-submenu__header-content {
+    background-color: var(--sl-nav-item-hover-background, var(--sl-color-neutral-100));
+  }
+
+  .nav-submenu__header:focus-visible {
+    outline: var(--sl-focus-ring);
+    outline-offset: var(--sl-focus-ring-offset);
+  }
+
+  .nav-submenu__header--disabled {
+    color: var(--sl-color-neutral-400);
+    opacity: 1;
+    cursor: not-allowed;
+  }
+
+  .nav-submenu__header--active:not(.nav-submenu__header--disabled) {
+    color: var(--sl-nav-item-active-color, var(--sl-color-primary-600));
+  }
+
+  .nav-submenu__header--active:not(.nav-submenu__header--disabled) .nav-submenu__header-content {
+    background-color: var(--sl-nav-item-active-background, transparent);
+  }
+
+  .nav-submenu__prefix,
+  .nav-submenu__suffix {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    flex: 0 0 auto;
+    color: inherit;
+  }
+
+  .nav-submenu__prefix::slotted(*) {
+    display: inline-flex;
+    width: 20px;
+    height: 20px;
+  }
+
+  .nav-submenu__suffix::slotted(*) {
+    display: inline-flex;
+  }
+
+  .nav-submenu__label {
+    display: block;
+    flex: 1 1 auto;
+    min-width: 0;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    transition:
+      opacity var(--sl-transition-medium) ease,
+      flex var(--sl-transition-medium) ease;
+  }
+
+  .nav-submenu__label::slotted(*) {
+    color: inherit;
+  }
+
+  .nav-submenu__chevron {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    margin-inline-start: auto;
+    color: var(--sl-color-neutral-500);
+    transition:
+      var(--sl-transition-medium) transform,
+      var(--sl-transition-medium) opacity,
+      var(--sl-transition-fast) color;
+    width: 16px;
+    height: 16px;
+  }
+
+  .nav-submenu__header--active .nav-submenu__chevron,
+  :host([open]) .nav-submenu__chevron {
+    color: currentColor;
+  }
+
+  :host([open]) .nav-submenu__chevron {
+    transform: rotate(90deg);
+  }
+
+  :host([mode='vertical'][open]) .nav-submenu__chevron,
+  :host([mode='horizontal'][nested][open]) .nav-submenu__chevron {
+    transform: none;
+  }
+
+  :host([dir='rtl'][open]) .nav-submenu__chevron {
+    transform: rotate(-90deg);
+  }
+
+  :host([mode='inline'][open]) .nav-submenu__chevron {
+    transform: rotate(180deg);
+  }
+
+  /* Body (Content) */
+  .nav-submenu__body {
+    display: block;
+    overflow: hidden;
+  }
+
+  :host([mode='inline']) .nav-submenu__body {
+    margin-block-start: 4px;
+    background-color: var(--sl-color-neutral-gray-50);
+  }
+
+  :host([nested][mode='inline']) .nav-submenu__body {
+    margin-inline-start: 0;
+    background-color: var(--sl-color-neutral-gray-200);
+  }
+
+  :host([nested][mode='inline']) .nav-submenu__content {
+    --sl-nav-item-padding-start: calc(var(--sl-spacing-4x-large) - var(--sl-spacing-2x-small));
+    --sl-nav-item-hover-background: var(--sl-color-neutral-gray-400);
+  }
+
+  :host([nested][mode='inline']) .nav-submenu__header-content {
+    padding-inline-start: calc(var(--sl-spacing-3x-large) - var(--sl-spacing-2x-small));
+  }
+
+  .nav-submenu__content {
+    display: grid;
+    gap: 2px;
+  }
+
+  /* Horizontal (Popup) Mode Overrides */
+  :host([mode='horizontal']) .nav-submenu__header {
+    height: 46px;
+    font-size: var(--sl-font-size-small);
+    line-height: 20px;
+    padding: 0 var(--sl-nav-horizontal-item-padding-inline, var(--sl-spacing-medium));
+  }
+
+  :host([mode='horizontal']) .nav-submenu__header-content {
+    gap: var(--sl-nav-horizontal-item-gap, var(--sl-spacing-x-small));
+    padding: 0;
+    border-radius: 0;
+  }
+
+  :host([mode='horizontal'])
+    .nav-submenu__header:hover:not(.nav-submenu__header--disabled):not(.nav-submenu__header--active) {
+    background-color: transparent;
+    color: var(--sl-nav-item-hover-color, var(--sl-color-neutral-900));
+  }
+
+  :host([mode='horizontal'])
+    .nav-submenu__header:hover:not(.nav-submenu__header--disabled):not(.nav-submenu__header--active)
+    .nav-submenu__header-content {
+    box-shadow: inset 0 calc(-1 * var(--sl-nav-horizontal-indicator-width, 2px)) 0 0
+      var(--sl-nav-horizontal-indicator-color, var(--sl-color-primary-600));
+  }
+
+  :host([mode='horizontal'])
+    .nav-submenu__header:hover:not(.nav-submenu__header--disabled)
+    .nav-submenu__header-content,
+  :host([mode='horizontal'])
+    .nav-submenu__header:focus-visible:not(.nav-submenu__header--disabled)
+    .nav-submenu__header-content {
+    background-color: transparent;
+  }
+
+  :host([mode='horizontal'][nested]) .nav-submenu__header:hover:not(.nav-submenu__header--disabled) {
+    box-shadow: none;
+  }
+
+  :host([mode='horizontal'][nested]) .nav-submenu__header,
+  :host([mode='vertical'][nested]) .nav-submenu__header {
+    padding: 4px;
+    box-sizing: border-box;
+  }
+
+  :host([mode='horizontal'][nested]) .nav-submenu__header-content,
+  :host([mode='vertical'][nested]) .nav-submenu__header-content {
+    border-radius: var(--header-radius);
+  }
+
+  :host([mode='horizontal'][nested])
+    .nav-submenu__header:hover:not(.nav-submenu__header--disabled)
+    .nav-submenu__header-content {
+    background-color: var(--sl-nav-item-hover-background, var(--sl-color-neutral-100));
+  }
+
+  :host([mode='horizontal'][open]) .nav-submenu__header {
+    color: var(--sl-nav-item-active-color, var(--sl-color-primary-600));
+    box-shadow: none;
+  }
+
+  :host([mode='horizontal']) .nav-submenu__header--active {
+    color: var(--sl-color-primary-600);
+  }
+
+  :host([mode='horizontal']) .nav-submenu__header--active .nav-submenu__header-content {
+    background-color: transparent;
+    box-shadow: inset 0 calc(-1 * var(--sl-nav-horizontal-indicator-width, 2px)) 0 0
+      var(--sl-nav-horizontal-indicator-color, var(--sl-color-primary-600));
+  }
+
+  :host([mode='horizontal']) .nav-submenu__prefix::slotted(*) {
+    width: 16px;
+    height: 16px;
+  }
+
+  /* Popup Content Style */
+  :host([mode='horizontal']) .nav-submenu__body,
+  :host([mode='vertical']) .nav-submenu__body {
+    background-color: var(--sl-color-neutral-0);
+    border: none;
+    border-radius: var(--sl-border-radius-x-medium);
+    box-shadow: 0px 4px 15px 0px #2f3e611f;
+    min-width: 212px;
+    padding: var(--sl-spacing-2x-small) 0;
+    overflow: visible;
+    --sl-nav-item-height: 46px;
+    --sl-nav-item-padding-inline: var(--sl-spacing-small);
+    --sl-nav-item-radius: var(--sl-border-radius-x-large);
+    --sl-nav-item-hover-background: var(--sl-color-neutral-100);
+    --sl-nav-item-active-background: var(--sl-color-primary-50);
+    --sl-nav-item-active-color: var(--sl-color-primary-600);
+    --sl-nav-item-color: var(--sl-color-neutral-900);
+    --sl-nav-item-divider-width: 1px;
+    --sl-nav-item-divider-color: var(--sl-color-neutral-300);
+    --sl-nav-item-divider-inset: var(--sl-spacing-small);
+    animation: none;
+    transform-origin: 0% 0%;
+  }
+
+  sl-popup.nav-submenu__popup--custom::part(popup) {
+    width: max-content;
+    max-width: min(var(--auto-size-available-width, 100vw), 100vw);
+  }
+
+  sl-popup.nav-submenu__popup--custom .nav-submenu__body {
+    width: max-content;
+    min-width: max(212px, 100%);
+  }
+
+  /*
+   * 参考 Ant Design zoom-big 动画（antZoomBigIn）：
+   *   scale(0.8) + opacity:0 → scale(1) + opacity:1
+   *   easing: cubic-bezier(0.08, 0.82, 0.17, 1)  (motionEaseOutCirc)
+   *   duration: 100ms (motionDurationFast / zoom-big-fast)
+   *
+   * vertical 弹出方向为 right-start，transform-origin 设为左上角 (0% 0%)
+   * horizontal 顶层弹出方向为 bottom-start，transform-origin 设为顶部中央 (50% 0%)
+   * horizontal 嵌套同 vertical
+   */
+
+  /* vertical: right-start，从左上角缩放展开 */
+  :host([mode='vertical'][open]) .nav-submenu__body {
+    transform-origin: 0% 0%;
+    animation: nav-submenu-zoom-big-in 0.1s cubic-bezier(0.08, 0.82, 0.17, 1) both;
+  }
+
+  /* horizontal 顶层: bottom-start，从顶部中央缩放下展 */
+  :host([mode='horizontal']:not([nested])[open]) .nav-submenu__body {
+    transform-origin: 50% 0%;
+    animation: nav-submenu-zoom-big-in 0.1s cubic-bezier(0.08, 0.82, 0.17, 1) both;
+  }
+
+  /* horizontal 嵌套: right-start，同 vertical */
+  :host([mode='horizontal'][nested][open]) .nav-submenu__body {
+    transform-origin: 0% 0%;
+    animation: nav-submenu-zoom-big-in 0.1s cubic-bezier(0.08, 0.82, 0.17, 1) both;
+  }
+
+  @keyframes nav-submenu-zoom-big-in {
+    0% {
+      transform: scale(0.8);
+      opacity: 0;
+    }
+    100% {
+      transform: scale(1);
+      opacity: 1;
+    }
+  }
+
+  :host([mode='horizontal']) .nav-submenu__body {
+    margin-block-start: var(--sl-spacing-2x-small);
+  }
+
+  :host([mode='horizontal'][nested]) .nav-submenu__body {
+    margin-block-start: 0;
+    margin-inline-start: var(--sl-spacing-2x-small);
+  }
+
+  :host([mode='vertical']) .nav-submenu__body {
+    margin-inline-start: var(--sl-spacing-2x-small);
+  }
+
+  :host([mode='horizontal']) .nav-submenu__content,
+  :host([mode='vertical']) .nav-submenu__content {
+    padding: 0;
+    gap: 0;
+  }
+
+  :host([mode='horizontal']) ::slotted(sl-nav-item),
+  :host([mode='vertical']) ::slotted(sl-nav-item) {
+    --padding-start: var(--sl-spacing-small);
+    --padding-end: var(--sl-spacing-small);
+  }
+
+  :host([mode='horizontal']) ::slotted(sl-nav-submenu),
+  :host([mode='vertical']) ::slotted(sl-nav-submenu) {
+    --padding-start: var(--sl-spacing-large);
+    --padding-end: var(--sl-spacing-large);
+  }
+
+  :host([mode='horizontal']) ::slotted(sl-nav-item[active]) {
+    --sl-nav-item-active-color: var(--sl-color-primary-600);
+    --sl-nav-item-active-background: var(--sl-color-primary-50);
+  }
+
+  :host([mode='horizontal']) ::slotted(sl-nav-submenu[active]),
+  :host([mode='vertical']) ::slotted(sl-nav-submenu[active]) {
+    --sl-nav-item-active-color: var(--sl-color-primary-600);
+    --sl-nav-item-hover-background: var(--sl-color-neutral-100);
+    --sl-nav-item-divider-width: 1px;
+    --sl-nav-item-divider-color: var(--sl-color-neutral-300);
+    --sl-nav-item-divider-inset: var(--sl-spacing-medium);
+  }
+
+  :host([mode='horizontal']:not([nested])) .nav-submenu__chevron {
+    display: none;
+  }
+
+  :host([mode='horizontal'][nested]) .nav-submenu__chevron,
+  :host([mode='vertical']) .nav-submenu__chevron {
+    width: 16px;
+    height: 16px;
+    color: inherit;
+  }
+
+  :host([mode='vertical']) .nav-submenu__header:hover:not(.nav-submenu__header--disabled) {
+    box-shadow: none;
+  }
+
+  :host([mode='horizontal'][nested][open]) .nav-submenu__header,
+  :host([mode='vertical'][nested][open]) .nav-submenu__header {
+    color: var(--sl-color-primary-600);
+  }
+
+  :host([mode='horizontal'][nested][open]) .nav-submenu__header .nav-submenu__header-content,
+  :host([mode='vertical'][nested][open]) .nav-submenu__header .nav-submenu__header-content {
+    background-color: var(--sl-color-primary-50);
+  }
+
+  /* ── Collapsed mode ── */
+  :host([collapsed]) .nav-submenu__header-content {
+    flex: 0 0 auto;
+    justify-content: center;
+    inline-size: calc(var(--header-height) - (var(--sl-spacing-2x-small) * 2));
+    block-size: calc(var(--header-height) - (var(--sl-spacing-2x-small) * 2));
+    padding-inline: 0;
+    gap: 0;
+  }
+
+  :host([collapsed]) .nav-submenu__header {
+    justify-content: center;
+    overflow: hidden;
+  }
+
+  :host([collapsed]) .nav-submenu__prefix {
+    width: 20px;
+    height: 20px;
+  }
+
+  :host([collapsed]) .nav-submenu__label,
+  :host([collapsed]) .nav-submenu__suffix,
+  :host([collapsed]) .nav-submenu__chevron {
+    /* flex: 0 0 0 将宽度压为 0，opacity 渐隐 */
+    flex: 0 0 0;
+    width: 0;      /* 覆盖 chevron 的固定 width */
+    opacity: 0;
+    overflow: hidden;
+    pointer-events: none;
+  }
+`;
+
+export {
+  nav_submenu_styles_default
+};

package/cdn/chunks/chunk.6RKZ4GXU.js

@@ -0,0 +1,11 @@
+import {
+  SlTreeItem
+} from "./chunk.O2RQCWQP.js";
+
+// src/components/tree-item/tree-item.ts
+var tree_item_default = SlTreeItem;
+SlTreeItem.define("sl-tree-item");
+
+export {
+  tree_item_default
+};