@digitalwalletcorp/vue-core 1.2.1 → 1.3.0

package/lib/index.js

@@ -1,20 +1,447 @@
-import { _ as e } from "./accordion-fieldset.vue_vue_type_style_index_0_lang-Cf4czDXz.js";
-import { _ as t } from "./accordion-section.vue_vue_type_style_index_0_lang-Gvjjx02P.js";
-import { _ as p } from "./hourglass-loading.vue_vue_type_style_index_0_lang-DkUGIxQ2.js";
-import { _ as m } from "./label-button.vue_vue_type_style_index_0_lang-DqRYddVt.js";
-import { _ as x } from "./label-icon.vue_vue_type_style_index_0_lang-me52HE2V.js";
-import { _ as c } from "./page-section.vue_vue_type_style_index_0_lang-DpVQe_rV.js";
-import { _ as l } from "./page-title.vue_vue_type_style_index_0_lang-ChZot85K.js";
-import { _ as d } from "./tab-content.vue_vue_type_style_index_0_lang-CcQLHmIF.js";
-import { _ as u } from "./tab-group.vue_vue_type_style_index_0_lang-C84mDEOC.js";
+import { r as K, g as X, n as T, _ as Y, a as Q, c as Z, b as ee, d as ne, e as te } from "./warning-popper.vue_vue_type_style_index_0_lang-zt-jCsvz.js";
+import { f as Xe, h as Ye, i as Qe, j as Ze, k as en, l as nn, m as tn, o as on, p as an, q as sn, s as ln, t as rn, u as cn, v as dn, w as un } from "./warning-popper.vue_vue_type_style_index_0_lang-zt-jCsvz.js";
+import { defineComponent as E, ref as v, onMounted as oe, openBlock as u, createBlock as L, Transition as ae, withCtx as b, normalizeStyle as W, normalizeClass as S, createSlots as se, renderSlot as le, createTextVNode as re, toDisplayString as y, createVNode as P, createCommentVNode as g, getCurrentInstance as ie, onBeforeUnmount as ce, render as m, h as p, computed as A, TransitionGroup as de, createElementBlock as f, unref as ue, Fragment as pe, renderList as me, createElementVNode as fe, shallowReactive as we } from "vue";
+import { SvgWastebasket as ge } from "@digitalwalletcorp/vue-svg-icons";
+const he = "$index", F = (n) => {
+  const t = [];
+  for (const e of n)
+    if (e.csv === !0)
+      t.push({ header: e, column: {} });
+    else if (Array.isArray(e.csv))
+      for (const o of e.csv)
+        o.disabled || t.push({ header: e, column: o });
+  return t;
+}, Te = (n) => F(n).map(({ header: t, column: e }) => K(e.label ?? t.label)), Ae = (n, t, e) => F(n).map(({ header: o, column: a }) => {
+  if (a.format)
+    return a.format(t);
+  const s = a.key ?? o.id;
+  return s === he ? e : X(t, s);
+}), be = /* @__PURE__ */ E({
+  __name: "floating-component",
+  props: {
+    open: { type: Boolean },
+    title: {},
+    anchor: {},
+    dragMode: {},
+    loading: { type: Boolean },
+    closeLabel: {},
+    copyValue: { type: [String, Number, Function] },
+    copyLabel: {},
+    closeOnDblClick: { type: Boolean },
+    lockScroll: { type: Boolean },
+    initialSize: {},
+    headerClass: { type: [Boolean, null, String, Object, Array] },
+    headerStyle: { type: [Boolean, null, String, Object, Array] }
+  },
+  emits: ["update:open", "emit:close"],
+  setup(n, { emit: t }) {
+    const e = n, o = t, a = v(), s = v(T()), r = () => {
+      s.value = T();
+    }, i = () => {
+      e.closeOnDblClick && o("update:open", !1);
+    }, l = () => {
+      const c = a.value;
+      if (!c?.element)
+        return;
+      const d = c.element.getBoundingClientRect();
+      let w = e.initialSize?.width ?? d.width;
+      window.innerWidth < w && (w = window.innerWidth * 0.9);
+      let h = e.initialSize?.height ?? -1;
+      window.innerHeight < h && (h = window.innerHeight * 0.9), c.size.width = w, c.size.height = h;
+      const $ = document.documentElement.scrollLeft, D = document.documentElement.scrollTop;
+      if (e.anchor) {
+        const q = {
+          width: w,
+          height: 0 <= h ? h : d.height
+        }, J = {
+          width: document.documentElement.clientWidth,
+          height: document.documentElement.clientHeight
+        }, O = Z(e.anchor.getBoundingClientRect(), q, J, {
+          placement: "bottom-start",
+          offset: 0,
+          margin: 0,
+          arrowMargin: 0
+        });
+        c.position.x = O.left + $, c.position.y = O.top + D;
+      } else
+        c.position.x = 10 + $, c.position.y = 10 + D;
+    };
+    return oe(() => {
+      e.open && l();
+    }), (c, d) => (u(), L(ae, {
+      name: "dwui-floating-component-fade",
+      onAfterLeave: d[1] || (d[1] = (w) => o("emit:close"))
+    }, {
+      default: b(() => [
+        e.open ? (u(), L(Y, {
+          key: 0,
+          ref_key: "refWindow",
+          ref: a,
+          class: S(["dwui-floating-component", { "dwui-lock-scroll": e.lockScroll }]),
+          name: "dwui-floating-component",
+          style: W({ "--dwui-order-window": s.value }),
+          "drag-mode": e.dragMode,
+          loading: e.loading,
+          "close-label": e.closeLabel,
+          "clamp-bottom": !1,
+          "header-class": e.headerClass,
+          "header-style": e.headerStyle,
+          onPointerdownCapture: r,
+          onDblclick: i,
+          "onEmit:close": d[0] || (d[0] = (w) => o("update:open", !1))
+        }, se({
+          title: b(() => [
+            re(y(e.title), 1)
+          ]),
+          default: b(() => [
+            le(c.$slots, "default")
+          ]),
+          _: 2
+        }, [
+          e.copyValue != null ? {
+            name: "actions",
+            fn: b(() => [
+              P(Q, {
+                class: "dwui-floating-component-copy-button",
+                value: e.copyValue,
+                "aria-label": e.copyLabel
+              }, null, 8, ["value", "aria-label"])
+            ]),
+            key: "0"
+          } : void 0
+        ]), 1032, ["class", "style", "drag-mode", "loading", "close-label", "header-class", "header-style"])) : g("", !0)
+      ]),
+      _: 3
+    }));
+  }
+});
+function V(n, t, e) {
+  const o = document.createElement("div");
+  document.body.appendChild(o);
+  const a = v(!0), s = v(!1), r = {
+    close: () => {
+      a.value = !1;
+    },
+    setLoading: (c) => {
+      s.value = c;
+    }
+  }, i = E(() => () => n({
+    open: a.value,
+    loading: s.value,
+    "onUpdate:open": (c) => {
+      a.value = c;
+    },
+    "onEmit:close": () => {
+      e.delete(r), m(null, o), o.remove(), t.onClosed?.(), t.onClose?.();
+    }
+  }, r)), l = p(i);
+  return t.appContext && (l.appContext = t.appContext), m(l, o), e.add(r), r;
+}
+function H(n) {
+  const t = ie();
+  if (!t)
+    throw new Error(`${n}() must be called inside setup().`);
+  const e = /* @__PURE__ */ new Set();
+  return ce(() => {
+    for (const o of e)
+      o.close();
+  }), {
+    appContext: t.appContext,
+    own: (o) => {
+      const a = o(() => {
+        e.delete(a);
+      });
+      return e.add(a), a;
+    }
+  };
+}
+const I = /* @__PURE__ */ new Set(), k = (n, t, e) => {
+  const { appContext: o, onClose: a, ...s } = t ?? {};
+  return V((r, i) => p(be, {
+    closeLabel: "Close",
+    copyLabel: "Copy",
+    closeOnDblClick: !1,
+    lockScroll: !1,
+    ...s,
+    ...r
+  }, {
+    default: () => n(i)
+  }), { appContext: o, onClose: a, onClosed: e }, I);
+}, z = (n, t) => (e) => p(n, {
+  ...t,
+  ...e
+}), N = (n) => typeof n == "string" ? n : JSON.stringify(n, null, 2), R = (n) => () => p("div", { class: "dwui-floating-component-message" }, n);
+function Me(n, t, e) {
+  return k(z(n, t), e);
+}
+function We(n, t) {
+  const e = N(n);
+  return k(R(e), {
+    copyValue: e,
+    ...t
+  });
+}
+function Pe() {
+  for (const n of [...I])
+    n.close();
+}
+function Fe() {
+  const n = H("useFloatingComponent"), t = (e) => ({
+    appContext: n.appContext,
+    ...e
+  });
+  return {
+    showFloatingComponent: (e, o, a) => n.own((s) => k(z(e, o), t(a), s)),
+    showFloatingMessage: (e, o) => {
+      const a = N(e);
+      return n.own((s) => k(R(a), t({
+        copyValue: a,
+        ...o
+      }), s));
+    }
+  };
+}
+function _(n, t) {
+  const { icon: e, appContext: o, ...a } = t ?? {};
+  return new Promise((s) => {
+    const r = document.createElement("div");
+    document.body.appendChild(r);
+    const i = p(ee, {
+      ...a,
+      message: n,
+      open: !0,
+      "onEmit:close": (l) => {
+        m(null, r), r.remove(), s(l);
+      }
+    }, e ? { icon: () => p(e) } : void 0);
+    o && (i.appContext = o), m(i, r);
+  });
+}
+function Ve(n, t) {
+  return _(n, {
+    ...t,
+    type: "info"
+  });
+}
+function He(n, t) {
+  return _(n, {
+    ...t,
+    type: "confirm"
+  });
+}
+function Ie(n, t) {
+  return _(n, {
+    ...t,
+    type: "warn"
+  });
+}
+function ze(n, t) {
+  return _(n, {
+    ...t,
+    type: "error"
+  });
+}
+const j = /* @__PURE__ */ new Set(), G = (n, t, e, o) => {
+  const { appContext: a, onClose: s, ...r } = e ?? {};
+  return V((i, l) => p(ne, {
+    ...r,
+    ...i
+  }, {
+    default: () => p(n, {
+      ...t,
+      close: l.close,
+      setLoading: l.setLoading
+    })
+  }), { appContext: a, onClose: s, onClosed: o }, j);
+};
+function Ne(n, t, e) {
+  return G(n, t, e);
+}
+function Re() {
+  for (const n of [...j])
+    n.close();
+}
+function je() {
+  const n = H("useOverlayBox");
+  return {
+    showOverlayBox: (t, e, o) => n.own((a) => G(t, e, {
+      appContext: n.appContext,
+      ...o
+    }, a))
+  };
+}
+function Ge(n) {
+  const t = document.createElement("div");
+  document.body.appendChild(t);
+  const e = () => {
+    m(null, t), t.remove();
+  };
+  return m(p(te, {
+    ...n,
+    loading: !0
+  }), t), { close: e };
+}
+const ye = ["aria-label", "title"], Ce = ["title", "onClick"], ve = {
+  key: 0,
+  class: "dwui-snackbar-header"
+}, ke = {
+  key: 0,
+  class: "dwui-snackbar-title"
+}, xe = {
+  key: 1,
+  class: "dwui-snackbar-label"
+}, _e = { class: "dwui-snackbar-message" }, Le = {
+  key: 1,
+  class: "dwui-snackbar-timestamp"
+}, Se = /* @__PURE__ */ E({
+  __name: "snackbar-container",
+  props: {
+    placement: {},
+    direction: {},
+    items: {}
+  },
+  emits: ["emit:close", "emit:clear", "emit:afterLeave"],
+  setup(n, { emit: t }) {
+    const e = n, o = t, a = A(() => {
+      const [r, i = "center"] = e.placement.split("-");
+      return [
+        `dwui-snackbar-container-${r}`,
+        `dwui-snackbar-container-${i}`,
+        `dwui-snackbar-container-${e.direction}`
+      ];
+    }), s = A(() => e.items.filter((r) => r.clearable).at(-1)?.clearLabel);
+    return (r, i) => (u(), L(de, {
+      tag: "div",
+      name: "dwui-snackbar-fade",
+      class: S(["dwui-snackbar-container", a.value]),
+      role: "status",
+      onAfterLeave: i[1] || (i[1] = (l) => o("emit:afterLeave"))
+    }, {
+      default: b(() => [
+        s.value != null ? (u(), f("button", {
+          key: "clear",
+          type: "button",
+          class: "dwui-snackbar-clear-button",
+          "aria-label": s.value,
+          title: s.value,
+          onClick: i[0] || (i[0] = (l) => o("emit:clear"))
+        }, [
+          P(ue(ge))
+        ], 8, ye)) : g("", !0),
+        (u(!0), f(pe, null, me(e.items, (l) => (u(), f("button", {
+          key: l.id,
+          type: "button",
+          class: S(["dwui-snackbar", l.class]),
+          style: W(l.style),
+          title: l.message,
+          onClick: (c) => o("emit:close", l.id)
+        }, [
+          l.title || l.label ? (u(), f("span", ve, [
+            l.title ? (u(), f("span", ke, y(l.title), 1)) : g("", !0),
+            l.label ? (u(), f("span", xe, y(l.label), 1)) : g("", !0)
+          ])) : g("", !0),
+          fe("span", _e, y(l.message), 1),
+          l.timestamp ? (u(), f("span", Le, y(l.timestamp), 1)) : g("", !0)
+        ], 14, Ce))), 128))
+      ]),
+      _: 1
+    }, 8, ["class"]));
+  }
+}), Be = 50, C = /* @__PURE__ */ new Map(), B = /* @__PURE__ */ new Map();
+let M = 0;
+const x = (n, t, e) => {
+  const o = n.findIndex((s) => s.id === t);
+  if (o < 0)
+    return;
+  n.splice(o, 1);
+  const a = B.get(t);
+  B.delete(t), clearTimeout(a?.timer), a?.onClose?.(e);
+}, U = (n) => {
+  const t = n.map((e) => e.id);
+  for (let e = 0; e < t.length; e++)
+    setTimeout(() => x(n, t[e], "clear"), Be * e);
+}, Ee = (n, t) => {
+  const e = `${n} ${t}`, o = C.get(e);
+  if (o)
+    return o;
+  const a = document.createElement("div");
+  document.body.appendChild(a);
+  const s = we([]);
+  return C.set(e, s), m(p(Se, {
+    placement: n,
+    direction: t,
+    items: s,
+    "onEmit:close": (r) => x(s, r, "click"),
+    "onEmit:clear": () => U(s),
+    "onEmit:afterLeave": () => {
+      s.length === 0 && C.get(e) === s && (C.delete(e), m(null, a), a.remove());
+    }
+  }), a), s;
+};
+function Ue(n, t) {
+  const {
+    placement: e = "bottom",
+    direction: o = "overlap",
+    duration: a,
+    clearable: s = !1,
+    clearLabel: r = "Clear all",
+    onClose: i,
+    ...l
+  } = t ?? {}, c = Ee(e, o);
+  M += 1;
+  const d = M;
+  return c.push({
+    ...l,
+    id: d,
+    message: n,
+    clearable: s,
+    clearLabel: r
+  }), B.set(d, {
+    timer: a ? setTimeout(() => x(c, d, "duration"), a) : void 0,
+    onClose: i
+  }), {
+    close: () => x(c, d, "handle")
+  };
+}
+function qe() {
+  for (const n of C.values())
+    U(n);
+}
 export {
-  e as AccordionFieldset,
-  t as AccordionSection,
-  p as HourglassLoading,
-  m as LabelButton,
-  x as LabelIcon,
-  c as PageSection,
-  l as PageTitle,
-  d as TabContent,
-  u as TabGroup
+  Xe as AccordionFieldset,
+  Ye as AccordionSection,
+  Q as CopyButton,
+  Qe as DarkModeSelector,
+  Ze as DataTable,
+  en as HelpButton,
+  nn as HelpPopper,
+  tn as HourglassLoading,
+  on as IntersectionLazyComponent,
+  an as LabelButton,
+  sn as LabelIcon,
+  ee as ModalDialog,
+  ne as OverlayBox,
+  ln as PageSection,
+  rn as PageTitle,
+  te as ScreenLoading,
+  cn as TabContent,
+  dn as TabGroup,
+  un as WarningPopper,
+  Pe as closeAllFloatingComponents,
+  Re as closeAllOverlayBoxes,
+  qe as closeAllSnackbars,
+  Te as headersToCsvColumns,
+  Ae as rowToCsvColumns,
+  He as showConfirmationDialog,
+  ze as showErrorDialog,
+  Me as showFloatingComponent,
+  We as showFloatingMessage,
+  Ve as showInformationDialog,
+  _ as showModalDialog,
+  Ne as showOverlayBox,
+  Ge as showScreenLoading,
+  Ue as showSnackbar,
+  Ie as showWarningDialog,
+  Fe as useFloatingComponent,
+  je as useOverlayBox
 };

package/lib/internal/anchored-popover.d.cts

@@ -0,0 +1,35 @@
+import { PopoverPlacement } from './anchored-position.cjs';
+interface Props {
+    /** 基準要素 */
+    anchor?: HTMLElement;
+    /** 基準要素に対するパネルの表示位置。収まらないときは反対側に出す */
+    placement: PopoverPlacement;
+    /** 基準要素を指す矢印を付ける */
+    arrow: boolean;
+    /** popover 属性の値。auto は外側のクリックや Esc で閉じ、manual は利用側が閉じる */
+    mode: 'auto' | 'manual';
+}
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: import('vue').DefineComponent<Props, {
+    /** パネルの要素。invoker の設定や、要素がパネルの中かの判定に使う */
+    element: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
+    show: () => void;
+    hide: () => void;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    "emit:open": () => any;
+    "emit:close": () => any;
+}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
+    "onEmit:open"?: (() => any) | undefined;
+    "onEmit:close"?: (() => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/lib/internal/anchored-popover.d.ts

@@ -0,0 +1,35 @@
+import { PopoverPlacement } from './anchored-position';
+interface Props {
+    /** 基準要素 */
+    anchor?: HTMLElement;
+    /** 基準要素に対するパネルの表示位置。収まらないときは反対側に出す */
+    placement: PopoverPlacement;
+    /** 基準要素を指す矢印を付ける */
+    arrow: boolean;
+    /** popover 属性の値。auto は外側のクリックや Esc で閉じ、manual は利用側が閉じる */
+    mode: 'auto' | 'manual';
+}
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: import('vue').DefineComponent<Props, {
+    /** パネルの要素。invoker の設定や、要素がパネルの中かの判定に使う */
+    element: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
+    show: () => void;
+    hide: () => void;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    "emit:open": () => any;
+    "emit:close": () => any;
+}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
+    "onEmit:open"?: (() => any) | undefined;
+    "onEmit:close"?: (() => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/lib/internal/anchored-position.d.cts

@@ -0,0 +1,50 @@
+/**
+ * 基準要素(アンカー)に対するパネルの配置。向きと揃えをハイフンでつなぐ
+ * 向きだけを指定したときは中央揃え
+ */
+export type PopoverPlacement = 'top' | 'top-start' | 'top-end' | 'bottom' | 'bottom-start' | 'bottom-end' | 'left' | 'left-start' | 'left-end' | 'right' | 'right-start' | 'right-end';
+export type Side = 'top' | 'bottom' | 'left' | 'right';
+/** ビューポート座標の矩形 */
+export interface AnchorRect {
+    top: number;
+    left: number;
+    width: number;
+    height: number;
+}
+export interface Size {
+    width: number;
+    height: number;
+}
+export interface AnchoredPositionOptions {
+    /** 配置 */
+    placement: PopoverPlacement;
+    /** アンカーとパネルの間隔 */
+    offset: number;
+    /** ビューポートの端との最小の余白 */
+    margin: number;
+    /** 矢印の中心をパネルの端からどれだけ内側に収めるか */
+    arrowMargin: number;
+}
+export interface AnchoredPosition {
+    /** パネルの上端のビューポート座標 */
+    top: number;
+    /** パネルの左端のビューポート座標 */
+    left: number;
+    /** 実際に配置した向き。収まらずに反転した場合は指定と異なる */
+    side: Side;
+    /** 矢印の中心の位置。上下に出したときはパネルの左端から、左右に出したときは上端からの距離 */
+    arrow: number;
+}
+/**
+ * アンカーに対するパネルの配置座標を計算する
+ * 指定した向きに収まらないときは、反対側の方が広ければ反対側に出す。
+ * 揃えの方向にはみ出す分はビューポートの内側にずらし、それでも収まらない分は端に寄せる。
+ * 矢印はずらした後のパネル上でアンカーの中心を指す位置に置く。
+ *
+ * @param {AnchorRect} anchor 基準要素の矩形
+ * @param {Size} panel パネルの寸法
+ * @param {Size} viewport ビューポートの寸法
+ * @param {AnchoredPositionOptions} options 配置・間隔・余白
+ * @returns {AnchoredPosition}
+ */
+export declare const computeAnchoredPosition: (anchor: AnchorRect, panel: Size, viewport: Size, options: AnchoredPositionOptions) => AnchoredPosition;

package/lib/internal/anchored-position.d.ts

@@ -0,0 +1,50 @@
+/**
+ * 基準要素(アンカー)に対するパネルの配置。向きと揃えをハイフンでつなぐ
+ * 向きだけを指定したときは中央揃え
+ */
+export type PopoverPlacement = 'top' | 'top-start' | 'top-end' | 'bottom' | 'bottom-start' | 'bottom-end' | 'left' | 'left-start' | 'left-end' | 'right' | 'right-start' | 'right-end';
+export type Side = 'top' | 'bottom' | 'left' | 'right';
+/** ビューポート座標の矩形 */
+export interface AnchorRect {
+    top: number;
+    left: number;
+    width: number;
+    height: number;
+}
+export interface Size {
+    width: number;
+    height: number;
+}
+export interface AnchoredPositionOptions {
+    /** 配置 */
+    placement: PopoverPlacement;
+    /** アンカーとパネルの間隔 */
+    offset: number;
+    /** ビューポートの端との最小の余白 */
+    margin: number;
+    /** 矢印の中心をパネルの端からどれだけ内側に収めるか */
+    arrowMargin: number;
+}
+export interface AnchoredPosition {
+    /** パネルの上端のビューポート座標 */
+    top: number;
+    /** パネルの左端のビューポート座標 */
+    left: number;
+    /** 実際に配置した向き。収まらずに反転した場合は指定と異なる */
+    side: Side;
+    /** 矢印の中心の位置。上下に出したときはパネルの左端から、左右に出したときは上端からの距離 */
+    arrow: number;
+}
+/**
+ * アンカーに対するパネルの配置座標を計算する
+ * 指定した向きに収まらないときは、反対側の方が広ければ反対側に出す。
+ * 揃えの方向にはみ出す分はビューポートの内側にずらし、それでも収まらない分は端に寄せる。
+ * 矢印はずらした後のパネル上でアンカーの中心を指す位置に置く。
+ *
+ * @param {AnchorRect} anchor 基準要素の矩形
+ * @param {Size} panel パネルの寸法
+ * @param {Size} viewport ビューポートの寸法
+ * @param {AnchoredPositionOptions} options 配置・間隔・余白
+ * @returns {AnchoredPosition}
+ */
+export declare const computeAnchoredPosition: (anchor: AnchorRect, panel: Size, viewport: Size, options: AnchoredPositionOptions) => AnchoredPosition;

package/lib/internal/data-table-controls.d.cts

@@ -0,0 +1,42 @@
+import { DataTableResolvedLabels } from '../types/data-table.cjs';
+interface Props {
+    /** ページネーションを表示するか */
+    pagination: boolean;
+    /** 総件数を表示するか */
+    showTotal: boolean;
+    /** 1ページあたりの表示件数の入力を表示するか */
+    showLimit: boolean;
+    /** ページ番号の選択を表示するか */
+    showPageSelect: boolean;
+    /** ページダウンロードボタンを表示するか */
+    showDownloadPage: boolean;
+    /** 全件ダウンロードボタンを表示するか */
+    showDownloadAll: boolean;
+    /** 現在ページ */
+    current: number;
+    /** 1ページあたりの表示件数 */
+    limit: number;
+    /** 1ページあたりの表示件数の上限 */
+    maxLimit: number;
+    /** 並べるページ番号の最大数 */
+    maxPagination: number;
+    /** 総件数 */
+    totalCount: number;
+    /** 表示する文言 */
+    labels: DataTableResolvedLabels;
+    /** 総件数の整形。未指定なら en-US の桁区切り */
+    formatTotalCount?: (count: number) => string;
+}
+declare const __VLS_export: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    "emit:changeLimit": (limit: number) => any;
+    "emit:changePage": (page: number) => any;
+    "emit:downloadPage": () => any;
+    "emit:downloadAll": () => any;
+}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
+    "onEmit:changeLimit"?: ((limit: number) => any) | undefined;
+    "onEmit:changePage"?: ((page: number) => any) | undefined;
+    "onEmit:downloadPage"?: (() => any) | undefined;
+    "onEmit:downloadAll"?: (() => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;