@kdcloudjs/shoelace 1.0.27 → 1.0.29

package/cdn/chunks/chunk.N7W7BBNU.js

@@ -0,0 +1,285 @@
+import {
+  i
+} from "./chunk.VKO6US6U.js";
+
+// src/components/daterangepicker/daterangepicker.styles.ts
+var daterangepicker_styles_default = i`
+  :host {
+    display: block;
+  }
+
+  .daterangepicker__popup::part(popup) {
+    z-index: var(--sl-z-index-dropdown);
+  }
+
+  .daterangepicker {
+    display: inline-flex;
+    align-items: stretch;
+    justify-content: start;
+    position: relative;
+    width: 100%;
+    font-weight: var(--sl-input-font-weight);
+    letter-spacing: var(--sl-input-letter-spacing);
+    vertical-align: middle;
+    cursor: text;
+    transition:
+      var(--sl-transition-fast) color,
+      var(--sl-transition-fast) border,
+      var(--sl-transition-fast) box-shadow,
+      var(--sl-transition-fast) background-color;
+  }
+
+  /* Standard inputs */
+  .daterangepicker--standard {
+    background-color: var(--sl-input-background-color);
+    border: solid var(--sl-input-border-width) var(--sl-input-border-color);
+  }
+
+  .daterangepicker--standard:hover:not(.daterangepicker--disabled) {
+    background-color: var(--sl-input-background-color-hover);
+    border-color: var(--sl-input-border-color-focus);
+  }
+
+  .daterangepicker--standard.daterangepicker--focused:not(.daterangepicker--disabled) {
+    background-color: var(--sl-input-background-color-focus);
+    border-color: var(--sl-input-border-color-focus);
+    box-shadow: 0 0 0 var(--sl-focus-ring-width) var(--sl-input-border-color-focus);
+  }
+
+  .daterangepicker--standard.daterangepicker--disabled {
+    background-color: var(--sl-input-background-color-disabled);
+    border-color: var(--sl-input-border-color-disabled);
+    opacity: 0.5;
+    cursor: not-allowed;
+  }
+
+  /* Filled inputs */
+  .daterangepicker--filled {
+    border: none;
+    background-color: var(--sl-input-filled-background-color);
+    color: var(--sl-input-color);
+  }
+
+  .daterangepicker--filled:hover:not(.daterangepicker--disabled) {
+    background-color: var(--sl-input-filled-background-color-hover);
+  }
+
+  .daterangepicker--filled.daterangepicker--focused:not(.daterangepicker--disabled) {
+    background-color: var(--sl-input-filled-background-color-focus);
+    outline: var(--sl-focus-ring);
+    outline-offset: var(--sl-focus-ring-offset);
+  }
+
+  .daterangepicker--filled.daterangepicker--disabled {
+    background-color: var(--sl-input-filled-background-color-disabled);
+    opacity: 0.5;
+    cursor: not-allowed;
+  }
+
+  .daterangepicker__control {
+    flex: 1 1 auto;
+    font-family: inherit;
+    font-size: inherit;
+    font-weight: inherit;
+    min-width: 0;
+    height: 100%;
+    color: var(--sl-input-color);
+    border: none;
+    background: inherit;
+    box-shadow: none;
+    padding: 0;
+    margin: 0;
+    cursor: inherit;
+    -webkit-appearance: none;
+    text-align: left;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+
+  .daterangepicker__control-wrapper {
+    flex: 1 1 auto;
+    display: flex;
+    align-items: center;
+    position: relative;
+    height: 100%;
+    min-width: 0;
+  }
+
+  .daterangepicker__control:focus {
+    outline: none;
+  }
+
+  .daterangepicker__control-wrapper::after {
+    content: '';
+    position: absolute;
+    bottom: 0;
+    left: var(--sl-input-spacing-small);
+    right: var(--sl-input-spacing-small);
+    height: 2px;
+    background-color: var(--sl-color-primary-600);
+    border-radius: var(--sl-border-radius-pill);
+    transform: scaleX(0);
+    transition: var(--sl-transition-fast) transform;
+    z-index: 1;
+  }
+
+  .daterangepicker__control-wrapper--active::after {
+    transform: scaleX(1);
+  }
+
+  .daterangepicker--small .daterangepicker__control-wrapper::after {
+    left: var(--sl-input-spacing-x-small);
+    right: var(--sl-input-spacing-x-small);
+  }
+
+  .daterangepicker--large .daterangepicker__control-wrapper::after {
+    left: var(--sl-input-spacing-medium);
+    right: var(--sl-input-spacing-medium);
+  }
+
+  .daterangepicker__control::placeholder {
+    color: var(--sl-input-placeholder-color);
+    user-select: none;
+    -webkit-user-select: none;
+  }
+
+  .daterangepicker__separator {
+    display: flex;
+    align-items: center;
+    padding: 0 var(--sl-spacing-x-small);
+    color: var(--sl-input-placeholder-color);
+    user-select: none;
+  }
+
+  .daterangepicker__clear {
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    font-size: inherit;
+    color: var(--sl-input-icon-color);
+    border: none;
+    background: none;
+    padding: 0;
+    margin-inline-end: var(--sl-spacing-x-small);
+    transition: var(--sl-transition-fast) color;
+    cursor: pointer;
+  }
+
+  .daterangepicker__clear--hidden {
+    display: none;
+  }
+
+  .daterangepicker__clear:hover {
+    color: var(--sl-input-icon-color-hover);
+  }
+
+  .daterangepicker__clear:hover {
+    color: var(--sl-input-icon-color-hover);
+  }
+
+  .daterangepicker__suffix {
+    display: inline-flex;
+    flex: 0 0 auto;
+    align-items: center;
+    cursor: default;
+    padding: 0;
+    color: var(--sl-input-icon-color);
+  }
+
+  .daterangepicker--small .daterangepicker__suffix sl-icon,
+  .daterangepicker--small .daterangepicker__suffix ::slotted(*) {
+    margin-inline-end: var(--sl-spacing-x-small);
+  }
+  .daterangepicker--medium .daterangepicker__suffix sl-icon,
+  .daterangepicker--medium .daterangepicker__suffix ::slotted(*) {
+    margin-inline-end: var(--sl-spacing-x-small);
+  }
+  .daterangepicker--large .daterangepicker__suffix sl-icon,
+  .daterangepicker--large .daterangepicker__suffix ::slotted(*) {
+    margin-inline-end: var(--sl-spacing-x-small);
+  }
+
+  .daterangepicker__calendars {
+    display: flex;
+    background: var(--sl-panel-background-color);
+    border: solid var(--sl-panel-border-width) var(--sl-panel-border-color);
+    border-radius: var(--sl-border-radius-medium);
+    box-shadow: var(--sl-shadow-large);
+    overflow: hidden;
+  }
+
+  .daterangepicker__calendars--single {
+    justify-content: center;
+  }
+
+  .daterangepicker__calendars sl-calendar {
+    border: none;
+  }
+
+  .daterangepicker__calendars sl-calendar::part(base) {
+    box-shadow: none;
+  }
+
+  .daterangepicker__calendars sl-calendar:first-child::part(body) {
+    border-inline-end: solid var(--sl-panel-border-width) var(--sl-panel-border-color);
+  }
+
+  .daterangepicker__calendars--single sl-calendar:first-child::part(body) {
+    border-inline-end: none;
+  }
+
+  /*
+   * Size modifiers
+   */
+
+  .daterangepicker--small {
+    border-radius: var(--sl-input-border-radius-small);
+    font-size: var(--sl-input-font-size-small);
+    height: var(--sl-input-height-small);
+  }
+
+  .daterangepicker--small .daterangepicker__control {
+    padding: 0 var(--sl-spacing-x-small);
+  }
+
+  .daterangepicker--medium {
+    border-radius: var(--sl-input-border-radius-medium);
+    font-size: var(--sl-input-font-size-medium);
+    height: var(--sl-input-height-medium);
+  }
+
+  .daterangepicker--medium .daterangepicker__control {
+    padding: 0 var(--sl-spacing-x-small);
+  }
+
+  .daterangepicker--large {
+    border-radius: var(--sl-input-border-radius-large);
+    font-size: var(--sl-input-font-size-large);
+    height: var(--sl-input-height-large);
+  }
+
+  .daterangepicker--large .daterangepicker__control {
+    padding: 0 var(--sl-spacing-x-small);
+  }
+
+  /*
+   * Pill modifier
+   */
+
+  .daterangepicker--pill.daterangepicker--small {
+    border-radius: var(--sl-input-height-small);
+  }
+
+  .daterangepicker--pill.daterangepicker--medium {
+    border-radius: var(--sl-input-height-medium);
+  }
+
+  .daterangepicker--pill.daterangepicker--large {
+    border-radius: var(--sl-input-height-large);
+  }
+`;
+
+export {
+  daterangepicker_styles_default
+};

package/cdn/chunks/chunk.NCEQSEUX.js

@@ -0,0 +1,70 @@
+import {
+  n
+} from "./chunk.OVNPI46I.js";
+import {
+  s,
+  u
+} from "./chunk.3ZG6RGJQ.js";
+
+// src/components/x-markdown/markdown/components.ts
+function serializeData(value) {
+  if (value === null || value === void 0) {
+    return "";
+  }
+  if (typeof value === "string") {
+    return value;
+  }
+  try {
+    return JSON.stringify(value);
+  } catch (e) {
+    return String(value);
+  }
+}
+function setDataAttribute(el, name, value) {
+  const attrName = `data-${name}`;
+  const serialized = serializeData(value);
+  if (serialized) {
+    el.setAttribute(attrName, serialized);
+  } else {
+    el.removeAttribute(attrName);
+  }
+}
+function isValidCustomElementTag(tagName) {
+  if (!tagName) {
+    return false;
+  }
+  return /^[a-z](?:[.0-9_a-z]*-[.0-9_a-z-]*)$/.test(tagName);
+}
+function applyCustomNodePayload(el, payload) {
+  el.nodeType = payload.nodeType;
+  el.streamStatus = payload.streamStatus;
+  el.textContent = payload.textContent;
+  el.attrs = payload.attrs;
+  el.meta = payload.meta;
+  el.raw = payload.raw;
+  el.setAttribute("node-type", payload.nodeType);
+  el.setAttribute("stream-status", payload.streamStatus);
+  setDataAttribute(el, "node-type", payload.nodeType);
+  setDataAttribute(el, "stream-status", payload.streamStatus);
+  setDataAttribute(el, "text-content", payload.textContent);
+  setDataAttribute(el, "attrs", payload.attrs);
+  setDataAttribute(el, "meta", payload.meta);
+  setDataAttribute(el, "raw", payload.raw);
+}
+function renderMappedComponent(tagName, payload, part) {
+  const tag = s(tagName);
+  return u`<${tag}
+    part=${part != null ? part : "body"}
+    ${n((el) => {
+    if (el instanceof HTMLElement) {
+      applyCustomNodePayload(el, payload);
+    }
+  })}
+  ></${tag}>`;
+}
+
+export {
+  isValidCustomElementTag,
+  applyCustomNodePayload,
+  renderMappedComponent
+};

package/cdn/chunks/chunk.NISAAN5X.js

@@ -0,0 +1,36 @@
+import {
+  spinner_styles_default
+} from "./chunk.JUQYB3HO.js";
+import {
+  LocalizeController
+} from "./chunk.2SU6QBUU.js";
+import {
+  component_styles_default
+} from "./chunk.WT5BNBAS.js";
+import {
+  ShoelaceElement
+} from "./chunk.J5EDZ3U4.js";
+import {
+  b
+} from "./chunk.7Z2GKZ7U.js";
+
+// src/components/spinner/spinner.component.ts
+var SlSpinner = class extends ShoelaceElement {
+  constructor() {
+    super(...arguments);
+    this.localize = new LocalizeController(this);
+  }
+  render() {
+    return b`
+      <svg part="base" class="spinner" role="progressbar" aria-label=${this.localize.term("loading")}>
+        <circle class="spinner__track"></circle>
+        <circle class="spinner__indicator"></circle>
+      </svg>
+    `;
+  }
+};
+SlSpinner.styles = [component_styles_default, spinner_styles_default];
+
+export {
+  SlSpinner
+};

package/cdn/chunks/chunk.NQA7X2TY.js

@@ -0,0 +1,11 @@
+import {
+  SlRelativeTime
+} from "./chunk.WO7NUYTE.js";
+
+// src/components/relative-time/relative-time.ts
+var relative_time_default = SlRelativeTime;
+SlRelativeTime.define("sl-relative-time");
+
+export {
+  relative_time_default
+};

package/cdn/chunks/chunk.NUAUGRF4.js

@@ -0,0 +1,11 @@
+import {
+  SlNavItem
+} from "./chunk.XAVYUQQG.js";
+
+// src/components/nav-item/nav-item.ts
+var nav_item_default = SlNavItem;
+SlNavItem.define("sl-nav-item");
+
+export {
+  nav_item_default
+};

package/cdn/chunks/chunk.NVO6AEKX.js

@@ -0,0 +1,191 @@
+import {
+  pagination_styles_default
+} from "./chunk.HIVDROBU.js";
+import {
+  SlIcon
+} from "./chunk.ZNCN2NE6.js";
+import {
+  component_styles_default
+} from "./chunk.WT5BNBAS.js";
+import {
+  ShoelaceElement,
+  n,
+  r
+} from "./chunk.J5EDZ3U4.js";
+import {
+  b
+} from "./chunk.7Z2GKZ7U.js";
+import {
+  __decorateClass
+} from "./chunk.CZCSAYQZ.js";
+
+// src/components/pagination/pagination.component.ts
+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 ? b`
+          <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
+              .options=${this.pageSizeOpts}
+              .selected=${this.pageSizeOpts.includes(this.pageSize) ? this.pageSize : 20}
+              .disabled=${this.disabled}
+              @select-change=${this.handlePageSizeChange}
+            >
+            </custom-select>
+          </div>
+        ` : b`
+          <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
+              .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([
+  n({ type: Number })
+], SlPagination.prototype, "currentPage", 2);
+__decorateClass([
+  n({ type: Number })
+], SlPagination.prototype, "pageSize", 2);
+__decorateClass([
+  n({ type: Array })
+], SlPagination.prototype, "pageSizeOpts", 2);
+__decorateClass([
+  n({ type: Number })
+], SlPagination.prototype, "total", 2);
+__decorateClass([
+  n({ type: Boolean })
+], SlPagination.prototype, "disabled", 2);
+__decorateClass([
+  n({ type: String })
+], SlPagination.prototype, "className", 2);
+__decorateClass([
+  n({ type: Boolean })
+], SlPagination.prototype, "simpleMode", 2);
+__decorateClass([
+  n({ type: String })
+], SlPagination.prototype, "direction", 2);
+__decorateClass([
+  n({ type: Number })
+], SlPagination.prototype, "defaultCurrentPage", 2);
+__decorateClass([
+  r()
+], SlPagination.prototype, "totalPage", 2);
+
+export {
+  SlPagination
+};