@kdcloudjs/shoelace 1.0.47 → 1.0.49

package/dist/chunks/chunk.DE4UM63Z.js

@@ -1,494 +0,0 @@
-import {
-  notification_styles_default
-} from "./chunk.2CKXLIXH.js";
-import {
-  blurActiveElement
-} from "./chunk.LD4M4QGE.js";
-import {
-  getAnimation,
-  setDefaultAnimation
-} from "./chunk.WO7ALQNH.js";
-import {
-  SlIconButton
-} from "./chunk.SBHN74TX.js";
-import {
-  waitForEvent
-} from "./chunk.B4BZKR24.js";
-import {
-  animateTo,
-  stopAnimations
-} from "./chunk.VHWATTYS.js";
-import {
-  LocalizeController
-} from "./chunk.6CTB5ZDJ.js";
-import {
-  HasSlotController
-} from "./chunk.NYIIDP5N.js";
-import {
-  SlIcon
-} from "./chunk.76XQGDRG.js";
-import {
-  watch
-} from "./chunk.55S3OOTM.js";
-import {
-  component_styles_default
-} from "./chunk.TUVJKY7S.js";
-import {
-  ShoelaceElement
-} from "./chunk.KEQQGSOY.js";
-import {
-  __decorateClass,
-  __spreadProps,
-  __spreadValues
-} from "./chunk.W5KB6T3Z.js";
-
-// src/components/notification/notification.component.ts
-import { classMap } from "lit/directives/class-map.js";
-import { html } from "lit";
-import { property, query, state } from "lit/decorators.js";
-var _SlNotification = class _SlNotification extends ShoelaceElement {
-  constructor() {
-    super(...arguments);
-    this.hasSlotController = new HasSlotController(this, "icon", "title", "actions");
-    this.localize = new LocalizeController(this);
-    this.open = false;
-    this.closable = true;
-    this._closeIcon = void 0;
-    this.type = "info";
-    this._duration = 4500;
-    this.placement = "topRight";
-    this.showProgress = false;
-    this.pauseOnHover = true;
-    this.remainingTime = 0;
-    this.totalDuration = 0;
-  }
-  get closeIcon() {
-    return this._closeIcon;
-  }
-  set closeIcon(value) {
-    const oldValue = this._closeIcon;
-    if (value === null || value === false || value === "null" || value === "false") {
-      this._closeIcon = value === "null" ? null : value === "false" ? false : value;
-    } else {
-      this._closeIcon = value;
-    }
-    this.requestUpdate("closeIcon", oldValue);
-  }
-  get duration() {
-    return this._duration;
-  }
-  set duration(value) {
-    const oldValue = this._duration;
-    if (value === false || value === "false" || value === 0 || value === "0") {
-      this._duration = false;
-    } else {
-      this._duration = typeof value === "string" ? parseInt(value, 10) : value;
-    }
-    this.requestUpdate("duration", oldValue);
-  }
-  /** Open a notification with the given configuration. */
-  static open(config) {
-    var _a, _b, _c, _d, _e, _f, _g;
-    const notification = document.createElement("sl-notification");
-    const mergedConfig = __spreadValues(__spreadValues({}, _SlNotification.globalConfig), config);
-    notification.type = mergedConfig.type || "info";
-    notification.duration = (_b = (_a = mergedConfig.duration) != null ? _a : _SlNotification.globalConfig.duration) != null ? _b : 4500;
-    notification.closable = (_c = mergedConfig.closable) != null ? _c : true;
-    notification.placement = mergedConfig.placement || _SlNotification.globalConfig.placement || "topRight";
-    notification.showProgress = (_e = (_d = mergedConfig.showProgress) != null ? _d : _SlNotification.globalConfig.showProgress) != null ? _e : false;
-    notification.pauseOnHover = (_g = (_f = mergedConfig.pauseOnHover) != null ? _f : _SlNotification.globalConfig.pauseOnHover) != null ? _g : true;
-    notification.key = mergedConfig.key;
-    if (mergedConfig.closeIcon !== void 0) {
-      notification.closeIcon = mergedConfig.closeIcon;
-    } else if (_SlNotification.globalConfig.closeIcon !== void 0) {
-      notification.closeIcon = _SlNotification.globalConfig.closeIcon;
-    }
-    if (mergedConfig.onClose) {
-      notification.addEventListener("sl-after-hide", mergedConfig.onClose, { once: true });
-    }
-    if (mergedConfig.onClick) {
-      notification.addEventListener("click", mergedConfig.onClick);
-    }
-    if (mergedConfig.title) {
-      if (typeof mergedConfig.title === "string") {
-        const titleEl = document.createElement("span");
-        titleEl.slot = "title";
-        titleEl.textContent = mergedConfig.title;
-        notification.appendChild(titleEl);
-      }
-    }
-    if (mergedConfig.description) {
-      if (typeof mergedConfig.description === "string") {
-        const descEl = document.createElement("span");
-        descEl.textContent = mergedConfig.description;
-        notification.appendChild(descEl);
-      }
-    }
-    if (mergedConfig.icon) {
-      if (typeof mergedConfig.icon === "string") {
-        const iconEl = document.createElement("sl-icon");
-        iconEl.slot = "icon";
-        iconEl.setAttribute("name", mergedConfig.icon);
-        notification.appendChild(iconEl);
-      }
-    }
-    requestAnimationFrame(() => {
-      notification.show();
-    });
-    return notification;
-  }
-  /** Shorthand for opening a success notification. */
-  static success(config) {
-    const cfg = typeof config === "string" ? { description: config } : config;
-    return _SlNotification.open(__spreadProps(__spreadValues({}, cfg), { type: "success" }));
-  }
-  /** Shorthand for opening an info notification. */
-  static info(config) {
-    const cfg = typeof config === "string" ? { description: config } : config;
-    return _SlNotification.open(__spreadProps(__spreadValues({}, cfg), { type: "info" }));
-  }
-  /** Shorthand for opening a warning notification. */
-  static warning(config) {
-    const cfg = typeof config === "string" ? { description: config } : config;
-    return _SlNotification.open(__spreadProps(__spreadValues({}, cfg), { type: "warning" }));
-  }
-  /** Shorthand for opening an error notification. */
-  static error(config) {
-    const cfg = typeof config === "string" ? { description: config } : config;
-    return _SlNotification.open(__spreadProps(__spreadValues({}, cfg), { type: "error" }));
-  }
-  /** Destroy a notification by key. */
-  static destroy(key) {
-    if (key === void 0) {
-      _SlNotification.activeNotifications.forEach((list) => {
-        list.forEach((n) => n.hide());
-      });
-    } else {
-      _SlNotification.activeNotifications.forEach((list) => {
-        const notification = list.find((n) => n.key === key);
-        notification == null ? void 0 : notification.hide();
-      });
-    }
-  }
-  /** Update container positions when global config changes. */
-  static updateContainerPositions() {
-    const { top, bottom } = _SlNotification.globalConfig;
-    _SlNotification.containers.forEach((container, placement) => {
-      if (placement.includes("top")) {
-        container.style.top = `${top}px`;
-        container.style.bottom = "";
-      } else {
-        container.style.bottom = `${bottom}px`;
-        container.style.top = "";
-      }
-    });
-  }
-  /** Configure global notification settings. */
-  static config(config) {
-    const oldTop = _SlNotification.globalConfig.top;
-    const oldBottom = _SlNotification.globalConfig.bottom;
-    _SlNotification.globalConfig = __spreadValues(__spreadValues({}, _SlNotification.globalConfig), config);
-    if (config.top !== void 0 && config.top !== oldTop || config.bottom !== void 0 && config.bottom !== oldBottom) {
-      _SlNotification.updateContainerPositions();
-    }
-  }
-  static getContainer(placement) {
-    let container = _SlNotification.containers.get(placement);
-    if (!container) {
-      container = document.createElement("div");
-      container.className = `sl-notification-container sl-notification-container--${placement}`;
-      const { top, bottom } = _SlNotification.globalConfig;
-      const styles = {
-        position: "fixed",
-        zIndex: "9999",
-        display: "flex",
-        flexDirection: "column",
-        gap: "16px",
-        pointerEvents: "none"
-      };
-      if (placement.includes("top")) {
-        styles.top = `${top}px`;
-      } else {
-        styles.bottom = `${bottom}px`;
-        styles.flexDirection = "column-reverse";
-      }
-      if (placement.includes("Left")) {
-        styles.left = "24px";
-      } else if (placement.includes("Right")) {
-        styles.right = "24px";
-      } else {
-        styles.left = "50%";
-        styles.transform = "translateX(-50%)";
-      }
-      Object.assign(container.style, styles);
-      document.body.appendChild(container);
-      _SlNotification.containers.set(placement, container);
-      _SlNotification.activeNotifications.set(placement, []);
-    }
-    return container;
-  }
-  firstUpdated() {
-    this.base.hidden = !this.open;
-  }
-  getDefaultIcon() {
-    const icons = {
-      success: "check2-circle",
-      info: "info-circle",
-      warning: "exclamation-triangle",
-      error: "exclamation-octagon"
-    };
-    return icons[this.type] || icons.info;
-  }
-  restartAutoHide() {
-    clearTimeout(this.autoHideTimeout);
-    clearInterval(this.remainingTimeInterval);
-    const durationValue = this._duration;
-    if (durationValue !== false && typeof durationValue === "number" && durationValue > 0) {
-      this.totalDuration = durationValue;
-      this.remainingTime = durationValue;
-      this.autoHideTimeout = window.setTimeout(() => {
-        void this.hide();
-      }, durationValue);
-      if (this.showProgress) {
-        this.remainingTimeInterval = window.setInterval(() => {
-          this.remainingTime = Math.max(0, this.remainingTime - 100);
-        }, 100);
-      }
-    }
-  }
-  pauseAutoHide() {
-    if (!this.pauseOnHover) return;
-    clearTimeout(this.autoHideTimeout);
-    clearInterval(this.remainingTimeInterval);
-  }
-  resumeAutoHide() {
-    if (!this.pauseOnHover) return;
-    const durationValue = this._duration;
-    if (durationValue !== false && typeof durationValue === "number" && durationValue > 0 && this.remainingTime > 0) {
-      this.autoHideTimeout = window.setTimeout(() => {
-        void this.hide();
-      }, this.remainingTime);
-      if (this.showProgress) {
-        this.remainingTimeInterval = window.setInterval(() => {
-          this.remainingTime = Math.max(0, this.remainingTime - 100);
-        }, 100);
-      }
-    }
-  }
-  handleCloseClick() {
-    this.hide();
-  }
-  async handleOpenChange() {
-    if (this.open) {
-      this.emit("sl-show");
-      this.restartAutoHide();
-      await stopAnimations(this.base);
-      this.base.hidden = false;
-      const { keyframes, options } = getAnimation(this, "notification.show", { dir: this.localize.dir() });
-      await animateTo(this.base, keyframes, options);
-      this.emit("sl-after-show");
-    } else {
-      blurActiveElement(this);
-      this.emit("sl-hide");
-      clearTimeout(this.autoHideTimeout);
-      clearInterval(this.remainingTimeInterval);
-      await stopAnimations(this.base);
-      const { keyframes, options } = getAnimation(this, "notification.hide", { dir: this.localize.dir() });
-      await animateTo(this.base, keyframes, options);
-      this.base.hidden = true;
-      this.emit("sl-after-hide");
-      const activeList = _SlNotification.activeNotifications.get(this.placement);
-      if (activeList) {
-        const index = activeList.indexOf(this);
-        if (index > -1) {
-          activeList.splice(index, 1);
-        }
-      }
-      this.remove();
-    }
-  }
-  /** Shows the notification. */
-  async show() {
-    if (this.open) {
-      return void 0;
-    }
-    const container = _SlNotification.getContainer(this.placement);
-    if (this.parentElement !== container) {
-      const maxCount = _SlNotification.globalConfig.maxCount;
-      if (maxCount !== void 0) {
-        const activeList2 = _SlNotification.activeNotifications.get(this.placement) || [];
-        while (activeList2.length >= maxCount && activeList2.length > 0) {
-          const oldest = activeList2.shift();
-          oldest == null ? void 0 : oldest.hide();
-        }
-      }
-      container.appendChild(this);
-      const activeList = _SlNotification.activeNotifications.get(this.placement) || [];
-      if (!activeList.includes(this)) {
-        activeList.push(this);
-        _SlNotification.activeNotifications.set(this.placement, activeList);
-      }
-    }
-    await this.updateComplete;
-    this.open = true;
-    return waitForEvent(this, "sl-after-show");
-  }
-  /** Hides the notification. */
-  async hide() {
-    if (!this.open) {
-      return void 0;
-    }
-    this.open = false;
-    return waitForEvent(this, "sl-after-hide");
-  }
-  getProgressWidth() {
-    if (!this.showProgress || this.totalDuration === 0) return "100%";
-    return `${this.remainingTime / this.totalDuration * 100}%`;
-  }
-  render() {
-    const hasIcon = this.hasSlotController.test("icon") || this.type;
-    const hasTitle = this.hasSlotController.test("title");
-    const hasActions = this.hasSlotController.test("actions");
-    return html`
-      <div
-        part="base"
-        class=${classMap({
-      notification: true,
-      "notification--open": this.open,
-      "notification--closable": this.closable,
-      "notification--has-icon": hasIcon,
-      "notification--has-title": hasTitle,
-      "notification--has-actions": hasActions,
-      "notification--success": this.type === "success",
-      "notification--info": this.type === "info",
-      "notification--warning": this.type === "warning",
-      "notification--error": this.type === "error"
-    })}
-        role="alert"
-        aria-live="assertive"
-        aria-atomic="true"
-        style="pointer-events: auto;"
-        @mouseenter=${this.pauseAutoHide}
-        @mouseleave=${this.resumeAutoHide}
-      >
-        <div part="icon" class="notification__icon">
-          <slot name="icon">
-            <sl-icon name=${this.getDefaultIcon()}></sl-icon>
-          </slot>
-        </div>
-
-        <div part="content" class="notification__content">
-          <div part="title" class="notification__title">
-            <slot name="title"></slot>
-          </div>
-          <div part="description" class="notification__description">
-            <slot></slot>
-          </div>
-          ${hasActions ? html`
-                <div part="actions" class="notification__actions">
-                  <slot name="actions"></slot>
-                </div>
-              ` : ""}
-        </div>
-
-        ${this.closable && this._closeIcon !== null && this._closeIcon !== false ? html`
-              <sl-icon-button
-                part="close-button"
-                class="notification__close-button"
-                name=${typeof this._closeIcon === "string" && this._closeIcon ? this._closeIcon : "x-lg"}
-                library=${typeof this._closeIcon === "string" && this._closeIcon ? "default" : "system"}
-                label=${this.localize.term("close")}
-                @click=${this.handleCloseClick}
-              ></sl-icon-button>
-            ` : ""}
-
-        ${this.showProgress && this._duration !== false ? html`
-              <div part="progress" class="notification__progress">
-                <div
-                  part="progress-bar"
-                  class="notification__progress-bar"
-                  style="width: ${this.getProgressWidth()}"
-                ></div>
-              </div>
-            ` : ""}
-      </div>
-    `;
-  }
-};
-_SlNotification.styles = [component_styles_default, notification_styles_default];
-_SlNotification.dependencies = { "sl-icon": SlIcon, "sl-icon-button": SlIconButton };
-// Global configuration
-_SlNotification.globalConfig = {
-  placement: "topRight",
-  duration: 4500,
-  maxCount: void 0,
-  top: 24,
-  bottom: 24,
-  showProgress: false,
-  pauseOnHover: true
-};
-// Notification containers for different placements
-_SlNotification.containers = /* @__PURE__ */ new Map();
-// Active notifications tracking
-_SlNotification.activeNotifications = /* @__PURE__ */ new Map();
-__decorateClass([
-  query('[part~="base"]')
-], _SlNotification.prototype, "base", 2);
-__decorateClass([
-  query(".notification__progress-bar")
-], _SlNotification.prototype, "progressBar", 2);
-__decorateClass([
-  property({ type: Boolean, reflect: true })
-], _SlNotification.prototype, "open", 2);
-__decorateClass([
-  property({ type: Boolean, reflect: true })
-], _SlNotification.prototype, "closable", 2);
-__decorateClass([
-  property({ attribute: "close-icon" })
-], _SlNotification.prototype, "closeIcon", 1);
-__decorateClass([
-  property({ reflect: true })
-], _SlNotification.prototype, "type", 2);
-__decorateClass([
-  property({ attribute: "duration" })
-], _SlNotification.prototype, "duration", 1);
-__decorateClass([
-  property({ reflect: true })
-], _SlNotification.prototype, "placement", 2);
-__decorateClass([
-  property({ type: Boolean, attribute: "show-progress" })
-], _SlNotification.prototype, "showProgress", 2);
-__decorateClass([
-  property({ type: Boolean, attribute: "pause-on-hover" })
-], _SlNotification.prototype, "pauseOnHover", 2);
-__decorateClass([
-  property()
-], _SlNotification.prototype, "key", 2);
-__decorateClass([
-  state()
-], _SlNotification.prototype, "remainingTime", 2);
-__decorateClass([
-  state()
-], _SlNotification.prototype, "totalDuration", 2);
-__decorateClass([
-  watch("open", { waitUntilFirstUpdate: true })
-], _SlNotification.prototype, "handleOpenChange", 1);
-var SlNotification = _SlNotification;
-setDefaultAnimation("notification.show", {
-  keyframes: [
-    { opacity: 0, transform: "translateX(100%)" },
-    { opacity: 1, transform: "translateX(0)" }
-  ],
-  options: { duration: 250, easing: "ease-out" }
-});
-setDefaultAnimation("notification.hide", {
-  keyframes: [
-    { opacity: 1, transform: "translateX(0)" },
-    { opacity: 0, transform: "translateX(100%)" }
-  ],
-  options: { duration: 250, easing: "ease-in" }
-});
-
-export {
-  SlNotification
-};

package/dist/chunks/chunk.E4ZDN3QN.js

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

package/dist/chunks/chunk.E5AZF4GT.js

@@ -1,29 +0,0 @@
-import {
-  SlTimepicker
-} from "./chunk.4T3MFFKP.js";
-
-// src/react/timepicker/index.ts
-import * as React from "react";
-import { createComponent } from "@lit/react";
-import "@lit/react";
-var tagName = "sl-timepicker";
-SlTimepicker.define("sl-timepicker");
-var reactWrapper = createComponent({
-  tagName,
-  elementClass: SlTimepicker,
-  react: React,
-  events: {
-    onSlChange: "sl-change",
-    onSlInput: "sl-input",
-    onSlFocus: "sl-focus",
-    onSlBlur: "sl-blur",
-    onSlClear: "sl-clear",
-    onSlInvalid: "sl-invalid"
-  },
-  displayName: "SlTimepicker"
-});
-var timepicker_default = reactWrapper;
-
-export {
-  timepicker_default
-};

package/dist/chunks/chunk.EBHIJT47.js

@@ -1,109 +0,0 @@
-import {
-  avatar_styles_default
-} from "./chunk.S7DRZ6QC.js";
-import {
-  SlIcon
-} from "./chunk.76XQGDRG.js";
-import {
-  watch
-} from "./chunk.55S3OOTM.js";
-import {
-  component_styles_default
-} from "./chunk.TUVJKY7S.js";
-import {
-  ShoelaceElement
-} from "./chunk.KEQQGSOY.js";
-import {
-  __decorateClass
-} from "./chunk.W5KB6T3Z.js";
-
-// src/components/avatar/avatar.component.ts
-import { classMap } from "lit/directives/class-map.js";
-import { html } from "lit";
-import { property, state } from "lit/decorators.js";
-var SlAvatar = class extends ShoelaceElement {
-  constructor() {
-    super(...arguments);
-    this.hasError = false;
-    this.image = "";
-    this.label = "";
-    this.initials = "";
-    this.loading = "eager";
-    this.shape = "circle";
-  }
-  handleImageChange() {
-    this.hasError = false;
-  }
-  handleImageLoadError() {
-    this.hasError = true;
-    this.emit("sl-error");
-  }
-  render() {
-    const avatarWithImage = html`
-      <img
-        part="image"
-        class="avatar__image"
-        src="${this.image}"
-        loading="${this.loading}"
-        alt=""
-        @error="${this.handleImageLoadError}"
-      />
-    `;
-    let avatarWithoutImage = html``;
-    if (this.initials) {
-      avatarWithoutImage = html`<div part="initials" class="avatar__initials">${this.initials}</div>`;
-    } else {
-      avatarWithoutImage = html`
-        <div part="icon" class="avatar__icon" aria-hidden="true">
-          <slot name="icon">
-            <sl-icon name="person-fill" library="system"></sl-icon>
-          </slot>
-        </div>
-      `;
-    }
-    return html`
-      <div
-        part="base"
-        class=${classMap({
-      avatar: true,
-      "avatar--circle": this.shape === "circle",
-      "avatar--rounded": this.shape === "rounded",
-      "avatar--square": this.shape === "square"
-    })}
-        role="img"
-        aria-label=${this.label}
-      >
-        ${this.image && !this.hasError ? avatarWithImage : avatarWithoutImage}
-      </div>
-    `;
-  }
-};
-SlAvatar.styles = [component_styles_default, avatar_styles_default];
-SlAvatar.dependencies = {
-  "sl-icon": SlIcon
-};
-__decorateClass([
-  state()
-], SlAvatar.prototype, "hasError", 2);
-__decorateClass([
-  property()
-], SlAvatar.prototype, "image", 2);
-__decorateClass([
-  property()
-], SlAvatar.prototype, "label", 2);
-__decorateClass([
-  property()
-], SlAvatar.prototype, "initials", 2);
-__decorateClass([
-  property()
-], SlAvatar.prototype, "loading", 2);
-__decorateClass([
-  property({ reflect: true })
-], SlAvatar.prototype, "shape", 2);
-__decorateClass([
-  watch("image")
-], SlAvatar.prototype, "handleImageChange", 1);
-
-export {
-  SlAvatar
-};

package/dist/chunks/chunk.ECL2IHUI.js

@@ -1,25 +0,0 @@
-import {
-  SlFloatButtonGroup
-} from "./chunk.LCMEYQBE.js";
-
-// src/react/float-button-group/index.ts
-import * as React from "react";
-import { createComponent } from "@lit/react";
-import "@lit/react";
-var tagName = "sl-float-button-group";
-SlFloatButtonGroup.define("sl-float-button-group");
-var reactWrapper = createComponent({
-  tagName,
-  elementClass: SlFloatButtonGroup,
-  react: React,
-  events: {
-    onSlShow: "sl-show",
-    onSlHide: "sl-hide"
-  },
-  displayName: "SlFloatButtonGroup"
-});
-var float_button_group_default = reactWrapper;
-
-export {
-  float_button_group_default
-};

package/dist/chunks/chunk.EHNUIALX.js

@@ -1,11 +0,0 @@
-import {
-  SlNavGroup
-} from "./chunk.JIB35EJN.js";
-
-// src/components/nav-group/nav-group.ts
-var nav_group_default = SlNavGroup;
-SlNavGroup.define("sl-nav-group");
-
-export {
-  nav_group_default
-};