@kdcloudjs/shoelace 1.0.47 → 1.0.48

package/cdn/chunks/chunk.VCI5VMTW.js

@@ -1,231 +0,0 @@
-import {
-  i
-} from "./chunk.LXXLDXU7.js";
-
-// src/components/image/image-preview.styles.ts
-var image_preview_styles_default = i`
-  /* ==================== Preview Overlay ==================== */
-  .preview-overlay {
-    position: fixed;
-    inset: 0;
-    z-index: var(--sl-z-index-dialog, 1000);
-    user-select: none;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-  }
-
-  .preview-overlay--hidden {
-    display: none;
-  }
-
-  /* Mask */
-  .preview__mask {
-    position: absolute;
-    inset: 0;
-    background: var(--sl-color-black-46, rgba(0, 0, 0, 0.46));
-  }
-
-  .preview__mask--blur {
-    backdrop-filter: blur(4px);
-  }
-
-  .preview__mask--hidden {
-    background: transparent;
-  }
-
-  /* Body */
-  .preview__body {
-    position: absolute;
-    inset: 0;
-    pointer-events: none;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-  }
-
-  .preview__body > * {
-    pointer-events: auto;
-  }
-
-  /* Preview Image */
-  .preview__img {
-    max-width: 100%;
-    max-height: 70vh;
-    vertical-align: middle;
-    cursor: grab;
-    transition: transform var(--sl-transition-slow, 300ms) ease-out;
-  }
-
-  .preview-overlay--moving .preview__img {
-    cursor: grabbing;
-    transition: none;
-  }
-
-  /* Close Button */
-  .preview__close {
-    position: absolute;
-    top: var(--sl-spacing-medium, 1rem);
-    right: var(--sl-spacing-medium, 1rem);
-    color: var(--sl-color-white-82, rgba(255, 255, 255, 0.82));
-    background: var(--sl-color-black-12, rgba(0, 0, 0, 0.12));
-    border-radius: var(--sl-border-radius-circle, 50%);
-    padding: var(--sl-spacing-small, 0.75rem);
-    outline: 0;
-    border: 0;
-    cursor: pointer;
-    transition: all var(--sl-transition-slow, 300ms);
-    display: flex;
-    font-size: 18px;
-    z-index: 1;
-    pointer-events: auto;
-  }
-
-  .preview__close:hover {
-    background: var(--sl-color-black-18, rgba(0, 0, 0, 0.18));
-  }
-
-  .preview__close:active {
-    background: var(--sl-color-black-12, rgba(0, 0, 0, 0.12));
-  }
-
-  .preview__close svg {
-    width: 18px;
-    height: 18px;
-    fill: currentColor;
-  }
-
-  /* Switch Buttons (Prev/Next) */
-  .preview__switch {
-    position: absolute;
-    top: 50%;
-    transform: translateY(-50%);
-    color: var(--sl-color-white-82, rgba(255, 255, 255, 0.82));
-    background: var(--sl-color-black-12, rgba(0, 0, 0, 0.12));
-    border-radius: var(--sl-border-radius-circle, 50%);
-    padding: var(--sl-spacing-small, 0.75rem);
-    outline: 0;
-    border: 0;
-    cursor: pointer;
-    transition: all var(--sl-transition-slow, 300ms);
-    display: flex;
-    font-size: 18px;
-    z-index: 1;
-    pointer-events: auto;
-  }
-
-  .preview__switch:hover {
-    background: var(--sl-color-black-18, rgba(0, 0, 0, 0.18));
-  }
-
-  .preview__switch:active {
-    background: var(--sl-color-black-12, rgba(0, 0, 0, 0.12));
-  }
-
-  .preview__switch--disabled,
-  .preview__switch--disabled:hover,
-  .preview__switch--disabled:active {
-    color: var(--sl-color-white-28, rgba(255, 255, 255, 0.28));
-    background: transparent;
-    cursor: not-allowed;
-  }
-
-  .preview__switch--prev {
-    left: var(--sl-spacing-medium, 1rem);
-  }
-
-  .preview__switch--next {
-    right: var(--sl-spacing-medium, 1rem);
-  }
-
-  .preview__switch svg {
-    width: 1em;
-    height: 1em;
-    fill: currentColor;
-  }
-
-  /* Footer */
-  .preview__footer {
-    position: absolute;
-    bottom: 40px;
-    left: 50%;
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    color: var(--sl-color-white-64, rgba(255, 255, 255, 0.64));
-    transform: translateX(-50%);
-    gap: var(--sl-spacing-medium, 1rem);
-    z-index: 1;
-    pointer-events: auto;
-  }
-
-  /* Counter */
-  .preview__counter {
-    font-size: var(--sl-font-size-small, 14px);
-    color: var(--sl-color-white-64, rgba(255, 255, 255, 0.64));
-  }
-
-  /* Actions Toolbar */
-  .preview__actions {
-    display: flex;
-    align-items: center;
-    gap: var(--sl-spacing-small, 0.75rem);
-    padding: 0 var(--sl-spacing-large, 1.25rem);
-    background: var(--sl-color-black-12, rgba(0, 0, 0, 0.12));
-    border-radius: var(--sl-border-radius-pill, 9999px);
-    font-size: 18px;
-  }
-
-  .preview__action {
-    padding: var(--sl-spacing-small, 0.75rem);
-    cursor: pointer;
-    transition: all var(--sl-transition-slow, 300ms);
-    display: flex;
-    background: none;
-    border: none;
-    outline: none;
-    color: var(--sl-color-white-64, rgba(255, 255, 255, 0.64));
-  }
-
-  .preview__action:hover {
-    color: var(--sl-color-white-82, rgba(255, 255, 255, 0.82));
-  }
-
-  .preview__action--disabled {
-    color: var(--sl-color-white-28, rgba(255, 255, 255, 0.28));
-    cursor: not-allowed;
-  }
-
-  .preview__action--disabled:hover {
-    color: var(--sl-color-white-28, rgba(255, 255, 255, 0.28));
-  }
-
-  .preview__action svg {
-    width: 18px;
-    height: 18px;
-    fill: currentColor;
-  }
-
-  /* Fade animation */
-  .preview-overlay {
-    animation: sl-image-fade-in var(--sl-transition-slow, 300ms) ease;
-  }
-
-  .preview-overlay--closing {
-    animation: sl-image-fade-out var(--sl-transition-slow, 300ms) ease forwards;
-  }
-
-  @keyframes sl-image-fade-in {
-    from { opacity: 0; }
-    to { opacity: 1; }
-  }
-
-  @keyframes sl-image-fade-out {
-    from { opacity: 1; }
-    to { opacity: 0; }
-  }
-`;
-
-export {
-  image_preview_styles_default
-};

package/cdn/chunks/chunk.VD7WDM3X.js

@@ -1,199 +0,0 @@
-import {
-  think_styles_default
-} from "./chunk.UNEXLPZH.js";
-import {
-  SlSpinner
-} from "./chunk.R5WWCNGO.js";
-import {
-  LocalizeController
-} from "./chunk.VBONVBBW.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,
-  e as e2,
-  n
-} from "./chunk.KKR53ZFE.js";
-import {
-  b
-} from "./chunk.OLIQR3OU.js";
-import {
-  __decorateClass
-} from "./chunk.CZCSAYQZ.js";
-
-// src/components/think/think.component.ts
-var SlThink = class extends ShoelaceElement {
-  constructor() {
-    super(...arguments);
-    this.localize = new LocalizeController(this);
-    this.title = "";
-    this.loading = false;
-    this.expanded = true;
-    this.defaultExpanded = true;
-    this.blink = false;
-  }
-  // ------------------------------------------------------------------ Lifecycle
-  willUpdate(changedProperties) {
-    super.willUpdate(changedProperties);
-    if (!this.hasUpdated && !this.hasAttribute("expanded")) {
-      this.expanded = this.defaultExpanded;
-    }
-  }
-  firstUpdated() {
-    if (!this.expanded) {
-      this.body.style.height = "0";
-      this.body.style.overflow = "hidden";
-    }
-  }
-  async handleExpandedChange() {
-    const body = this.body;
-    if (this.expanded) {
-      this.emit("sl-expand");
-      const scrollHeight = body.scrollHeight;
-      const animation = body.animate(
-        [
-          { height: "0", overflow: "hidden", opacity: "0" },
-          { height: `${scrollHeight}px`, overflow: "hidden", opacity: "1" }
-        ],
-        { duration: 250, easing: "ease" }
-      );
-      await animation.finished;
-      body.style.height = "auto";
-      body.style.overflow = "";
-    } else {
-      this.emit("sl-collapse");
-      const scrollHeight = body.scrollHeight;
-      const animation = body.animate(
-        [
-          { height: `${scrollHeight}px`, overflow: "hidden", opacity: "1" },
-          { height: "0", overflow: "hidden", opacity: "0" }
-        ],
-        { duration: 250, easing: "ease" }
-      );
-      await animation.finished;
-      body.style.height = "0";
-      body.style.overflow = "hidden";
-    }
-  }
-  // ------------------------------------------------------------------ Handlers
-  handleToggle() {
-    this.expanded = !this.expanded;
-  }
-  handleKeyDown(event) {
-    if (event.key === "Enter" || event.key === " ") {
-      event.preventDefault();
-      this.handleToggle();
-    }
-  }
-  // ------------------------------------------------------------------ Render
-  render() {
-    const defaultThinkIcon = b`
-      <sl-icon name="deep-thinking"></sl-icon>
-    `;
-    const defaultLoadingIcon = b`
-      <sl-spinner></sl-spinner>
-    `;
-    const chevronIcon = b`
-      <sl-icon name="chevron-right"></sl-icon>
-    `;
-    const isRtl = this.localize.dir() === "rtl";
-    return b`
-      <div
-        part="base"
-        class=${e({
-      think: true,
-      "think--rtl": isRtl
-    })}
-      >
-        <!--
-          Status bar – clicking (or pressing Enter / Space) toggles the expand state.
-          role="button" + aria-expanded mirrors the React implementation's accessibility.
-        -->
-        <div
-          part="status"
-          class="think__status"
-          role="button"
-          aria-expanded=${this.expanded ? "true" : "false"}
-          tabindex="0"
-          @click=${this.handleToggle}
-          @keydown=${this.handleKeyDown}
-        >
-          <!-- Icon area: shows loading indicator when loading, custom/default icon otherwise -->
-          <div part="status-icon" class="think__status-icon">
-            ${this.loading ? b`<slot name="loading-icon">${defaultLoadingIcon}</slot>` : b`<slot name="icon">${defaultThinkIcon}</slot>`}
-          </div>
-
-          <!-- Title area -->
-          <div
-            part="status-text"
-            class=${e({
-      "think__status-text": true,
-      "think__status-text--blink": this.blink
-    })}
-          >
-            <slot name="title">${this.title}</slot>
-          </div>
-
-          <!-- Chevron rotates 90° when expanded via CSS class -->
-          <div
-            part="chevron"
-            class=${e({
-      think__chevron: true,
-      "think__chevron--expanded": this.expanded
-    })}
-            aria-hidden="true"
-          >
-            ${chevronIcon}
-          </div>
-        </div>
-
-        <!-- Collapsible body – height is animated via Web Animations API -->
-        <div class="think__body" part="body">
-          <div part="content" class="think__content">
-            <slot></slot>
-          </div>
-        </div>
-      </div>
-    `;
-  }
-};
-SlThink.styles = [component_styles_default, think_styles_default];
-SlThink.dependencies = {
-  "sl-icon": SlIcon,
-  "sl-spinner": SlSpinner
-};
-__decorateClass([
-  e2(".think__body")
-], SlThink.prototype, "body", 2);
-__decorateClass([
-  n()
-], SlThink.prototype, "title", 2);
-__decorateClass([
-  n({ type: Boolean, reflect: true })
-], SlThink.prototype, "loading", 2);
-__decorateClass([
-  n({ type: Boolean, reflect: true })
-], SlThink.prototype, "expanded", 2);
-__decorateClass([
-  n({ attribute: "default-expanded", type: Boolean })
-], SlThink.prototype, "defaultExpanded", 2);
-__decorateClass([
-  n({ type: Boolean, reflect: true })
-], SlThink.prototype, "blink", 2);
-__decorateClass([
-  watch("expanded", { waitUntilFirstUpdate: true })
-], SlThink.prototype, "handleExpandedChange", 1);
-
-export {
-  SlThink
-};

package/cdn/chunks/chunk.VFKQHLUV.js

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