@viur/shoelace 0.6.1-v2.8.0 → 0.6.2-v2.8.0

package/cdn/chunks/chunk.23RHQUKY.js

@@ -0,0 +1,361 @@
+import {
+  getResouceValue,
+  resouce_changeEvent
+} from "./chunk.LACOH7AO.js";
+import {
+  addEvent,
+  onEvent
+} from "./chunk.3SJG5WV3.js";
+import {
+  SlSelect
+} from "./chunk.KXPT3VGE.js";
+import {
+  page_btn_styles_default
+} from "./chunk.IIREE7MF.js";
+import {
+  watchProps
+} from "./chunk.OSQIKTTV.js";
+import {
+  e,
+  i,
+  t
+} from "./chunk.UP75L23G.js";
+import {
+  SlIcon
+} from "./chunk.V2GIMQ7C.js";
+import {
+  m,
+  p,
+  r,
+  s,
+  u
+} from "./chunk.ACV27AEQ.js";
+import {
+  ShoelaceElement,
+  e as e2,
+  e2 as e3
+} from "./chunk.JH2RG7BY.js";
+import {
+  A,
+  T,
+  x
+} from "./chunk.5OEG7HB2.js";
+import {
+  __decorateClass
+} from "./chunk.VQ5D74CQ.js";
+
+// node_modules/lit-html/directives/repeat.js
+var u2 = (e4, s2, t2) => {
+  const r2 = /* @__PURE__ */ new Map();
+  for (let l = s2; l <= t2; l++)
+    r2.set(e4[l], l);
+  return r2;
+};
+var c = e(class extends i {
+  constructor(e4) {
+    if (super(e4), e4.type !== t.CHILD)
+      throw Error("repeat() can only be used in text expressions");
+  }
+  dt(e4, s2, t2) {
+    let r2;
+    void 0 === t2 ? t2 = s2 : void 0 !== s2 && (r2 = s2);
+    const l = [], o = [];
+    let i2 = 0;
+    for (const s3 of e4)
+      l[i2] = r2 ? r2(s3, i2) : i2, o[i2] = t2(s3, i2), i2++;
+    return { values: o, keys: l };
+  }
+  render(e4, s2, t2) {
+    return this.dt(e4, s2, t2).values;
+  }
+  update(s2, [t2, r2, c2]) {
+    var d;
+    const a = m(s2), { values: p2, keys: v } = this.dt(t2, r2, c2);
+    if (!Array.isArray(a))
+      return this.ht = v, p2;
+    const h = null !== (d = this.ht) && void 0 !== d ? d : this.ht = [], m2 = [];
+    let y, x2, j = 0, k = a.length - 1, w = 0, A2 = p2.length - 1;
+    for (; j <= k && w <= A2; )
+      if (null === a[j])
+        j++;
+      else if (null === a[k])
+        k--;
+      else if (h[j] === v[w])
+        m2[w] = u(a[j], p2[w]), j++, w++;
+      else if (h[k] === v[A2])
+        m2[A2] = u(a[k], p2[A2]), k--, A2--;
+      else if (h[j] === v[A2])
+        m2[A2] = u(a[j], p2[A2]), r(s2, m2[A2 + 1], a[j]), j++, A2--;
+      else if (h[k] === v[w])
+        m2[w] = u(a[k], p2[w]), r(s2, a[j], a[k]), k--, w++;
+      else if (void 0 === y && (y = u2(v, w, A2), x2 = u2(h, j, k)), y.has(h[j]))
+        if (y.has(h[k])) {
+          const e4 = x2.get(v[w]), t3 = void 0 !== e4 ? a[e4] : null;
+          if (null === t3) {
+            const e5 = r(s2, a[j]);
+            u(e5, p2[w]), m2[w] = e5;
+          } else
+            m2[w] = u(t3, p2[w]), r(s2, a[j], t3), a[e4] = null;
+          w++;
+        } else
+          p(a[k]), k--;
+      else
+        p(a[j]), j++;
+    for (; w <= A2; ) {
+      const e4 = r(s2, m2[A2 + 1]);
+      u(e4, p2[w]), m2[w++] = e4;
+    }
+    for (; j <= k; ) {
+      const e4 = a[j++];
+      null !== e4 && p(e4);
+    }
+    return this.ht = v, s(s2, m2), T;
+  }
+});
+
+// src/internal/resourceLocal.ts
+function resourceLocal() {
+  return function(target) {
+    target.addInitializer((element) => {
+      let result;
+      element.addController({
+        hostConnected() {
+          result = addEvent(window, resouce_changeEvent, () => {
+            element.requestUpdate();
+          });
+        },
+        hostDisconnected() {
+          result.dispose();
+        }
+      });
+    });
+  };
+}
+
+// src/components/page-btn/page-btn.component.ts
+var SlPageBtn = class extends ShoelaceElement {
+  constructor() {
+    super(...arguments);
+    this.value = 1;
+    this.pageSize = 20;
+    this.showSizeChange = false;
+    this.showPageChange = false;
+    this.simple = false;
+    this.align = "right";
+    this.pageSizeOptions = Array.from({ length: 10 }, (_item, value) => 10 + value * 10);
+    this.showFirst = false;
+    this.showLast = false;
+  }
+  get pageCount() {
+    return Math.ceil(this.total / this.pageSize);
+  }
+  watchPageChange() {
+    if (this.total < 0) {
+      this.total = 0;
+    }
+    if (this.value > this.pageCount) {
+      this.value = this.pageCount;
+    }
+    if (this.value <= 0) {
+      this.value = 1;
+    }
+  }
+  _renderSimple() {
+    return x`<sl-input size="small" type="number" step="1" min="1" max=${this.pageCount} .value=${this.value + ""}></sl-input><span class="pageCountSpan">共${this.pageCount}页</span>`;
+  }
+  _renderPageButton() {
+    const pageCount = this.pageCount;
+    const current = this.value;
+    let prev = current - 3;
+    let size = 3;
+    if (prev <= 1) {
+      prev = 1;
+      size = current - prev;
+    }
+    let next = current + (7 - size);
+    if (next > pageCount) {
+      next = pageCount;
+    }
+    if (next - prev < 7) {
+      prev = next - 7;
+      if (prev < 1) {
+        prev = 1;
+      }
+    }
+    const array = [];
+    for (let i2 = prev; i2 <= next; i2++) {
+      array.push(i2);
+    }
+    return x`${c(array, (item) => x`<sl-button size="small" data-page-no=${item} .variant=${this.value == item ? "primary" : "default"}>${item}</sl-button> `)}`;
+  }
+  _renderPage() {
+    const result = [];
+    result.push(this._renderPageButton());
+    if (this.showPageChange) {
+      result.push(this._renderSimple());
+    }
+    if (this.showSizeChange) {
+      result.push(x`<sl-select size="small" .hoist=${true} part="show-size-change" .value=${this.pageSize + ""}>
+        ${c(this.pageSizeOptions, (value, _index) => x`<sl-menu-item .value=${value + ""}>${value}条</sl-menu-item>`)}
+      </sl-select>`);
+    }
+    return result;
+  }
+  firstUpdated(map) {
+    super.firstUpdated(map);
+    let baseDiv = this.renderRoot.querySelector("div[part=base]");
+    this._eventDispose1 = onEvent(baseDiv, "sl-button[data-page-no]", "click", async (event) => {
+      let pageNo = event.delegateTarget.getAttribute("data-page-no");
+      let tempNo = parseInt(pageNo, 10);
+      if (isNaN(tempNo)) {
+        this.goToPageByKey(pageNo);
+      } else {
+        this.goToPage(tempNo);
+      }
+      this._eventDispose2 = onEvent(baseDiv, "sl-input,sl-select[part=show-size-change]", "sl-change", (event2) => {
+        let el = event2.delegateTarget;
+        const beforeEvent = this.emit("sl-page-before-change");
+        if (!beforeEvent.defaultPrevented) {
+          if (el.matches("sl-select[part=show-size-change]")) {
+            this.pageSize = Number(el.value);
+          } else {
+            this.watchPageChange();
+            let value = el.value;
+            if (isNaN(value)) {
+              value = 1;
+            }
+            value = Number(value);
+            if (value > this.pageCount) {
+              value = this.pageCount;
+            }
+            el.value = value;
+            this.value = value;
+          }
+          this.emit("sl-page-change", {
+            detail: { value: this.value }
+          });
+        }
+      });
+    });
+  }
+  disconnectedCallback() {
+    var _a, _b;
+    super.disconnectedCallback();
+    (_a = this._eventDispose1) == null ? void 0 : _a.dispose();
+    (_b = this._eventDispose2) == null ? void 0 : _b.dispose();
+  }
+  goToPageByKey(pageKey) {
+    let result = 1;
+    pageKey = pageKey.toLowerCase();
+    switch (pageKey) {
+      case "first":
+        result = 1;
+        break;
+      case "prev":
+        result = this.value - 1;
+        break;
+      case "next":
+        result = this.value + 1;
+        break;
+      case "last":
+        result = this.pageCount;
+        break;
+      default:
+        result = this.value;
+    }
+    this.goToPage(result);
+  }
+  goToPage(pageNo) {
+    const event = this.emit("sl-page-before-change");
+    if (!event.defaultPrevented) {
+      if (!isNaN(pageNo)) {
+        let tempValue = pageNo;
+        if (tempValue <= 0) {
+          tempValue = 1;
+        } else if (tempValue > this.pageCount) {
+          tempValue = this.pageCount;
+        }
+        this.value = tempValue;
+        this.emit("sl-page-change", {
+          detail: { value: this.value }
+        });
+      }
+    }
+  }
+  render() {
+    return x`<div part="base" page-align=${this.align}>
+      <slot name="prefix"></slot>
+      ${this.total == 0 ? x`<div part="no-data"><slot name="no-data">${getResouceValue("noData")}</slot></div>` : x`
+            ${this.showFirst ? x`<sl-tooltip content="${getResouceValue("pageBtn.first")}"
+                  ><sl-button size="small" ?disabled=${this.value == 1} data-page-no="first" variant="text"><sl-icon part="first" name="chevron-bar-left"></sl-icon></sl-button
+                ></sl-tooltip>` : A}
+            <sl-tooltip content="${getResouceValue("pageBtn.prev")}">
+              <sl-button ?disabled=${this.value == 1} data-page-no="prev" size="small" left variant="text"><sl-icon part="prev" name="chevron-left" ?disabled=${this.value <= 1}></sl-icon></sl-button
+            ></sl-tooltip>
+            <div part="pageWrap">${this.simple ? this._renderSimple() : this._renderPage()}</div>
+            <sl-tooltip content="${getResouceValue("pageBtn.next")}"
+              ><sl-button size="small" ?disabled=${this.value + 1 > this.pageCount} data-page-no="next" right variant="text"><sl-icon part="next" name="chevron-right" ?disabled=${this.value <= 1}></sl-icon></sl-button
+            ></sl-tooltip>
+            ${this.showLast ? x`<sl-tooltip content="${getResouceValue("pageBtn.last")}"
+                  ><sl-button size="small" ?disabled=${this.value == this.pageCount} data-page-no="last" variant="text"><sl-icon part="part" name="chevron-bar-right"></sl-icon></sl-button
+                ></sl-tooltip>` : A}
+          `}
+      <slot></slot>
+    </div>`;
+  }
+};
+SlPageBtn.styles = page_btn_styles_default;
+SlPageBtn.dependencies = {
+  "sl-icon": SlIcon,
+  "sl-select": SlSelect
+};
+__decorateClass([
+  e3({ type: Number, reflect: true, attribute: "value" })
+], SlPageBtn.prototype, "value", 2);
+__decorateClass([
+  e3({ type: Number, attribute: "page-size", reflect: true })
+], SlPageBtn.prototype, "pageSize", 2);
+__decorateClass([
+  e3({ type: Boolean, attribute: "show-size-change", reflect: true })
+], SlPageBtn.prototype, "showSizeChange", 2);
+__decorateClass([
+  e3({ type: Boolean, attribute: "show-page-change", reflect: true })
+], SlPageBtn.prototype, "showPageChange", 2);
+__decorateClass([
+  e3({ type: Boolean })
+], SlPageBtn.prototype, "simple", 2);
+__decorateClass([
+  e3({ type: String, attribute: "align", reflect: true })
+], SlPageBtn.prototype, "align", 2);
+__decorateClass([
+  e3({ type: Number, attribute: "total", reflect: true })
+], SlPageBtn.prototype, "total", 2);
+__decorateClass([
+  e3({ type: Array, attribute: false })
+], SlPageBtn.prototype, "pageSizeOptions", 2);
+__decorateClass([
+  e3({ type: Boolean, attribute: false })
+], SlPageBtn.prototype, "showFirst", 2);
+__decorateClass([
+  e3({ type: Boolean, attribute: false })
+], SlPageBtn.prototype, "showLast", 2);
+__decorateClass([
+  watchProps(["value", "pageSize", "total"])
+], SlPageBtn.prototype, "watchPageChange", 1);
+SlPageBtn = __decorateClass([
+  resourceLocal(),
+  e2("sl-page-btn")
+], SlPageBtn);
+
+export {
+  SlPageBtn
+};
+/*! Bundled license information:
+
+lit-html/directives/repeat.js:
+  (**
+   * @license
+   * Copyright 2017 Google LLC
+   * SPDX-License-Identifier: BSD-3-Clause
+   *)
+*/

package/cdn/chunks/chunk.27RDGXQY.js

@@ -0,0 +1,28 @@
+import {
+  carousel_item_styles_default
+} from "./chunk.OKTS2HI6.js";
+import {
+  ShoelaceElement
+} from "./chunk.JH2RG7BY.js";
+import {
+  x
+} from "./chunk.5OEG7HB2.js";
+
+// src/components/carousel-item/carousel-item.component.ts
+var SlCarouselItem = class extends ShoelaceElement {
+  static isCarouselItem(node) {
+    return node instanceof Element && node.getAttribute("aria-roledescription") === "slide";
+  }
+  connectedCallback() {
+    super.connectedCallback();
+    this.setAttribute("role", "group");
+  }
+  render() {
+    return x` <slot></slot> `;
+  }
+};
+SlCarouselItem.styles = carousel_item_styles_default;
+
+export {
+  SlCarouselItem
+};