@kdcloudjs/shoelace 1.0.43 → 1.0.45

package/dist/chunks/chunk.6RC6ZJG3.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 {
-  waitForEvent
-} from "./chunk.B4BZKR24.js";
-import {
-  animateTo,
-  stopAnimations
-} from "./chunk.VHWATTYS.js";
-import {
-  SlIconButton
-} from "./chunk.KUPLQTCI.js";
-import {
-  HasSlotController
-} from "./chunk.NYIIDP5N.js";
-import {
-  LocalizeController
-} from "./chunk.6CTB5ZDJ.js";
-import {
-  SlIcon
-} from "./chunk.OZ7SJI5K.js";
-import {
-  watch
-} from "./chunk.55S3OOTM.js";
-import {
-  component_styles_default
-} from "./chunk.TUVJKY7S.js";
-import {
-  ShoelaceElement
-} from "./chunk.JROVVA7L.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.6U22OLLM.js

@@ -1,11 +0,0 @@
-import {
-  SlAvatar
-} from "./chunk.LCJJS33B.js";
-
-// src/components/avatar/avatar.ts
-var avatar_default = SlAvatar;
-SlAvatar.define("sl-avatar");
-
-export {
-  avatar_default
-};

package/dist/chunks/chunk.6VUMVZZ4.js

@@ -1,190 +0,0 @@
-import {
-  pagination_styles_default
-} from "./chunk.2BC22HP6.js";
-import {
-  SlIcon
-} from "./chunk.OZ7SJI5K.js";
-import {
-  component_styles_default
-} from "./chunk.TUVJKY7S.js";
-import {
-  ShoelaceElement
-} from "./chunk.JROVVA7L.js";
-import {
-  __decorateClass
-} from "./chunk.W5KB6T3Z.js";
-
-// src/components/pagination/pagination.component.ts
-import { html } from "lit";
-import { property, state } from "lit/decorators.js";
-var SlPagination = class extends ShoelaceElement {
-  constructor() {
-    super(...arguments);
-    this.pageSize = 20;
-    this.pageSizeOpts = [10, 20, 50, 100];
-    this.total = 5e3;
-    this.disabled = false;
-    this.className = "";
-    this.simpleMode = false;
-    this.direction = "ltr";
-    this.defaultCurrentPage = 1;
-    this.totalPage = 1;
-  }
-  willUpdate(changed) {
-    if (changed.has("total") || changed.has("pageSize")) {
-      this.totalPage = Math.max(1, Math.ceil(this.total / this.pageSize));
-      if (this.defaultCurrentPage > this.totalPage) {
-        this.defaultCurrentPage = this.totalPage;
-      }
-    }
-  }
-  handleInputChange(e) {
-    const input = e.target;
-    const value = input.value;
-    if (value === "") {
-      return;
-    }
-    const num = Number(value);
-    if (!Number.isNaN(num)) {
-      this.defaultCurrentPage = num;
-    }
-  }
-  handlePageChangePage(page) {
-    if (this.disabled) return;
-    const newPage = Math.min(Math.max(1, page), this.totalPage);
-    this.defaultCurrentPage = newPage;
-    this.emit("sl-page-change", {
-      detail: {
-        pageNumber: page,
-        pageSize: this.pageSize
-      }
-    });
-  }
-  handlePageSizeChange(e) {
-    this.pageSize = Number(e.detail);
-    let page = this.currentPage ? this.currentPage : this.defaultCurrentPage;
-    const totalPage = Math.max(1, Math.ceil(this.total / this.pageSize));
-    if (page > totalPage) page = totalPage;
-    this.defaultCurrentPage = page;
-    this.emit("sl-page-change", {
-      detail: {
-        pageNumber: page,
-        pageSize: this.pageSize
-      }
-    });
-  }
-  render() {
-    const page = this.currentPage ? this.currentPage : this.defaultCurrentPage;
-    const isRtl = this.direction === "rtl";
-    const prevIcon = isRtl ? "chevron-right" : "chevron-left";
-    const nextIcon = isRtl ? "chevron-left" : "chevron-right";
-    const firstIcon = isRtl ? "chevron-bar-right" : "chevron-bar-left";
-    const lastIcon = isRtl ? "chevron-bar-left" : "chevron-bar-right";
-    return this.simpleMode ? html`
-          <div class="pagination ${this.className}">
-            <sl-icon
-              name=${prevIcon}
-              class="page-btn ${page === 1 || this.disabled ? "page-btn--disabled" : ""}"
-              @click=${() => page !== 1 && this.handlePageChangePage(page - 1)}
-            ></sl-icon>
-            <sl-icon
-              name=${nextIcon}
-              class="page-btn ${page === this.totalPage || this.disabled ? "page-btn--disabled" : ""}"
-              @click=${() => page !== this.totalPage && this.handlePageChangePage(page + 1)}
-            ></sl-icon>
-            <custom-select
-              part="page-size-select"
-              .options=${this.pageSizeOpts}
-              .selected=${this.pageSizeOpts.includes(this.pageSize) ? this.pageSize : 20}
-              .disabled=${this.disabled}
-              @select-change=${this.handlePageSizeChange}
-            >
-            </custom-select>
-          </div>
-        ` : html`
-          <div class="pagination ${this.className}">
-            <div class="page-info">
-              <span class="total">共${this.totalPage}页</span>
-              第
-              <input
-                class="page-input"
-                type="string"
-                .value=${String(page)}
-                min="1"
-                max=${this.total}
-                @input=${this.handleInputChange}
-                @change=${() => this.handlePageChangePage(this.defaultCurrentPage)}
-                ?disabled=${this.disabled}
-              />
-              页
-            </div>
-            <div class="page-btns">
-              <sl-icon
-                name=${firstIcon}
-                class="page-btn ${page === 1 || this.disabled ? "page-btn--disabled" : ""}"
-                @click=${() => page !== 1 && this.handlePageChangePage(1)}
-              ></sl-icon>
-              <sl-icon
-                name=${prevIcon}
-                class="page-btn ${page === 1 || this.disabled ? "page-btn--disabled" : ""}"
-                @click=${() => page !== 1 && this.handlePageChangePage(page - 1)}
-              ></sl-icon>
-              <sl-icon
-                name=${nextIcon}
-                class="page-btn ${page === this.totalPage || this.disabled ? "page-btn--disabled" : ""}"
-                @click=${() => page !== this.totalPage && this.handlePageChangePage(page + 1)}
-              ></sl-icon>
-              <sl-icon
-                name=${lastIcon}
-                class="page-btn ${page === this.totalPage || this.disabled ? "page-btn--disabled" : ""}"
-                @click=${() => page !== this.totalPage && this.handlePageChangePage(this.totalPage)}
-              ></sl-icon>
-            </div>
-            <custom-select
-              part="page-size-select"
-              .options=${this.pageSizeOpts}
-              .selected=${this.pageSizeOpts.includes(this.pageSize) ? this.pageSize : 20}
-              .disabled=${this.disabled}
-              @select-change=${this.handlePageSizeChange}
-            >
-            </custom-select>
-          </div>
-        `;
-  }
-};
-SlPagination.styles = [component_styles_default, pagination_styles_default];
-SlPagination.dependencies = { "sl-icon": SlIcon };
-__decorateClass([
-  property({ type: Number })
-], SlPagination.prototype, "currentPage", 2);
-__decorateClass([
-  property({ type: Number })
-], SlPagination.prototype, "pageSize", 2);
-__decorateClass([
-  property({ type: Array })
-], SlPagination.prototype, "pageSizeOpts", 2);
-__decorateClass([
-  property({ type: Number })
-], SlPagination.prototype, "total", 2);
-__decorateClass([
-  property({ type: Boolean })
-], SlPagination.prototype, "disabled", 2);
-__decorateClass([
-  property({ type: String })
-], SlPagination.prototype, "className", 2);
-__decorateClass([
-  property({ type: Boolean })
-], SlPagination.prototype, "simpleMode", 2);
-__decorateClass([
-  property({ type: String })
-], SlPagination.prototype, "direction", 2);
-__decorateClass([
-  property({ type: Number })
-], SlPagination.prototype, "defaultCurrentPage", 2);
-__decorateClass([
-  state()
-], SlPagination.prototype, "totalPage", 2);
-
-export {
-  SlPagination
-};