@digitalwalletcorp/vue-core 1.2.1 → 1.3.1

package/src/types/data-table.ts

@@ -0,0 +1,196 @@
+import type { ClassValue, StyleValue } from 'vue';
+
+/** 列の値の型。ソートの比較方法を決める */
+export type DataTableValueType = 'boolean' | 'string' | 'number' | 'object';
+
+/** ソートの方式。page は表示中の行を並べ替えて表示し、remote はソート条件を通知するだけで利用側が再取得する */
+export type DataTableSortMode = 'page' | 'remote';
+
+/** コントロール(ページネーション・総件数・表示件数・ダウンロードボタン)を出す位置 */
+export type DataTableControlsPlacement = 'both' | 'top' | 'bottom' | 'none';
+
+/**
+ * CSV に出力する列の定義
+ */
+export interface DataTableCsvColumn<T = unknown> {
+  /** true なら出力しない */
+  disabled?: boolean;
+  /** 値を取り出すキー。ドット区切りで入れ子を辿る。未指定なら DataTableHeader.id。'$index' は行番号 */
+  key?: string;
+  /** 列名。未指定なら DataTableHeader.label。言語切替に追従させる場合は関数で渡す */
+  label?: string | (() => string);
+  /** 値の整形。指定したときは key を使わない */
+  format?: (row: T) => unknown;
+}
+
+/**
+ * ヘッダの定義
+ */
+export interface DataTableHeader<T = unknown> {
+  /** 列を識別するキー。ソートで値を取り出すキーにもなる */
+  id: string;
+  /** 見出し。言語切替に追従させる場合は関数で渡す */
+  label: string | (() => string);
+  /** true なら label を HTML として描画する */
+  html?: boolean;
+  /** ソートで値を取り出すキー。id と違うキーで並べるときに指定する。ドット区切りで入れ子を辿る */
+  sortKey?: string;
+  /** 値の型。ソートの比較方法を決める。未指定なら string */
+  type?: DataTableValueType;
+  /** 行同士を比較する関数。指定したときは sortKey と type を使わない。昇順の並びで a が前なら負の数を返す */
+  compare?: (a: T, b: T) => number;
+  /** 列の幅。数値は px */
+  width?: string | number;
+  /** 列の最小幅。数値は px */
+  minWidth?: string | number;
+  /** 列の最大幅。数値は px */
+  maxWidth?: string | number;
+  /** th の rowspan */
+  rowspan?: string | number;
+  /** th の colspan */
+  colspan?: string | number;
+  /** th の title 属性 */
+  title?: string;
+  /** CSV の出力定義。true なら id の値を label の列名で出力する。未指定なら出力しない */
+  csv?: boolean | DataTableCsvColumn<T>[];
+}
+
+/**
+ * 表示する文言。言語切替に追従させる場合は関数で渡す
+ */
+export interface DataTableLabels {
+  /** 総件数の見出し */
+  totalCount?: string | (() => string);
+  /** 総件数の後ろに付ける単位 */
+  totalUnit?: string | (() => string);
+  /** 1ページあたりの表示件数の見出し */
+  limit?: string | (() => string);
+  /** データが無いときの表示 */
+  noData?: string | (() => string);
+  /** ページ番号の選択の見出し。showPageSelect のときに表示する */
+  pageNumber?: string | (() => string);
+  /** ページダウンロードボタンの title */
+  downloadPage?: string | (() => string);
+  /** 全件ダウンロードボタンの title */
+  downloadAll?: string | (() => string);
+  /** 先頭ページへ移動するボタンの読み上げ名 */
+  firstPage?: string | (() => string);
+  /** 前のページへ移動するボタンの読み上げ名 */
+  previousPage?: string | (() => string);
+  /** 前のページ番号の組へ移動するボタンの読み上げ名 */
+  previousPages?: string | (() => string);
+  /** 次のページ番号の組へ移動するボタンの読み上げ名 */
+  nextPages?: string | (() => string);
+  /** 次のページへ移動するボタンの読み上げ名 */
+  nextPage?: string | (() => string);
+  /** 末尾ページへ移動するボタンの読み上げ名 */
+  lastPage?: string | (() => string);
+}
+
+/** 関数を評価した後の文言 */
+export type DataTableResolvedLabels = Record<keyof DataTableLabels, string>;
+
+/**
+ * DataTable の props
+ */
+export interface DataTableProps<T = unknown> {
+  /** 表示している行のデータ。スロットで描画する行と同じ順に並んでいること */
+  dataList: T[];
+  /** ヘッダ。id は一意であること */
+  headers: DataTableHeader<T>[];
+  /** 読み込み中。true の間は行を描画せず読み込み中の表示を出す */
+  loading?: boolean;
+  /** 総件数。未指定なら dataList の件数 */
+  totalCount?: number;
+  /** 現在ページ(1起点) */
+  current?: number;
+  /** 1ページあたりの表示件数 */
+  limit?: number;
+  /** 1ページあたりの表示件数の上限 */
+  maxLimit?: number;
+  /** ページネーションに並べるページ番号の最大数 */
+  maxPagination?: number;
+  /** 行をクリックで選択できるか */
+  selectable?: boolean;
+  /** コントロールを出す位置 */
+  controls?: DataTableControlsPlacement;
+  /** ページネーションを出す位置。controls が無い側には出ない */
+  pagination?: DataTableControlsPlacement;
+  /** ページダウンロードボタンを表示するか */
+  showDownloadPage?: boolean;
+  /** 全件ダウンロードボタンを表示するか */
+  showDownloadAll?: boolean;
+  /** 総件数を表示するか */
+  showTotal?: boolean;
+  /** 1ページあたりの表示件数の入力を表示するか */
+  showLimit?: boolean;
+  /** ページネーションにページ番号の選択を表示するか */
+  showPageSelect?: boolean;
+  /** dataList が空のときにデータが無い旨の行を表示するか */
+  showNoData?: boolean;
+  /** ヘッダの境界のドラッグで列幅を変えられるか */
+  resizable?: boolean;
+  /** ヘッダのクリックでソートできるか */
+  sortable?: boolean;
+  /** ソートの方式。未指定なら remote */
+  sortMode?: DataTableSortMode;
+  /** テーブルをスクロールする領域に付ける class */
+  contentClass?: ClassValue;
+  /** テーブルをスクロールする領域に付ける style */
+  contentStyle?: StyleValue;
+  /** table に付ける class */
+  tableClass?: ClassValue;
+  /** table に付ける style */
+  tableStyle?: StyleValue;
+  /** 表示する文言。未指定の項目は英語 */
+  labels?: DataTableLabels;
+  /** 総件数の整形。未指定なら en-US の桁区切り。SSR とクライアントで同じ文字列を返すこと */
+  formatTotalCount?: (count: number) => string;
+}
+
+/**
+ * DataTable が発行するイベント
+ */
+export interface DataTableEmits<T = unknown> {
+  /** 選択が変わった。クリックでの選択・解除、カーソルキーでの移動、読み込み完了時の解除で発行する。解除は undefined と -1 */
+  (e: 'emit:selectRow', value: T | undefined, index: number): void;
+  /** ソートの条件が変わった。sortMode に関わらず発行する */
+  (e: 'emit:changeSort', context: DataTableSortContext): void;
+  (e: 'emit:updateHeader', headers: DataTableHeader<T>[]): void;
+  (e: 'emit:dblclickRow', value: T, index: number): void;
+  (e: 'emit:changeLimit', limit: number): void;
+  (e: 'emit:changePage', page: number): void;
+  (e: 'emit:downloadPage'): void;
+  (e: 'emit:downloadAll'): void;
+}
+
+/**
+ * DataTable のスロット
+ */
+export interface DataTableSlots<T = unknown> {
+  /** 行。tr を rows と同じ順に並べ、tr の click で clickRow(row, index) を呼ぶ */
+  default?(props: {
+    /** 表示する行。sortMode が page のときはソートした順、それ以外は dataList そのもの */
+    rows: T[];
+    /** 行を選択する。選択している行なら選択を解除する */
+    clickRow: (row: T, index: number) => void;
+    /** 行を選択してダブルクリックを通知する */
+    dblclickRow: (row: T, index: number) => void;
+    /** 行のインデックスから、ページをまたいだ1起点の行番号を返す */
+    rowNumber: (index: number) => number;
+    /** 選択している行のインデックス。選択していなければ -1 */
+    selectedIndex: number;
+  }): unknown;
+  /** 読み込み中の表示。未指定なら既定のスピナー */
+  loading?(): unknown;
+}
+
+/**
+ * ソートの状態
+ */
+export interface DataTableSortContext {
+  /** ソートしているヘッダの id。ソートしていなければ空文字 */
+  sortKey: string;
+  /** 降順なら true */
+  descending: boolean;
+}

package/src/types/modal-dialog.ts

@@ -0,0 +1,16 @@
+/** モーダルダイアログの種類 */
+export type ModalDialogType = 'info' | 'confirm' | 'warn' | 'error';
+
+/** モーダルダイアログに並べるボタンの種類 */
+export type ModalDialogButton = 'ok' | 'yes' | 'no' | 'cancel';
+
+/** モーダルダイアログを閉じたボタン。Esc で閉じたときは cancel */
+export type ModalDialogResult = ModalDialogButton;
+
+/** モーダルダイアログに表示する画像。文字列は画像の URL */
+export type ModalDialogImage = string | {
+  /** 画像の URL */
+  src: string;
+  /** 代替テキスト */
+  alt: string;
+};

package/src/types/movable-window.ts

@@ -0,0 +1,18 @@
+/** ドラッグで移動するときに掴む範囲。body はウィンドウ全体、header は見出しだけ */
+export type MovableWindowDragMode = 'body' | 'header';
+
+/** showOverlayBox / showFloatingComponent が中身のコンポーネントに props として渡す関数 */
+export interface MovableWindowContentProps {
+  /** ウィンドウを閉じる */
+  close: () => void;
+  /** ウィンドウのローディング表示を切り替える */
+  setLoading: (loading: boolean) => void;
+}
+
+/** showOverlayBox / showFloatingComponent が返す、表示中のウィンドウを操作するためのハンドル */
+export interface MovableWindowHandle {
+  /** ウィンドウを閉じ、閉じ終わったら取り外す */
+  close: () => void;
+  /** ウィンドウのローディング表示を切り替える */
+  setLoading: (loading: boolean) => void;
+}

package/src/warning-popper.vue

@@ -0,0 +1,70 @@
+<!--
+警告ポップアップ
+アイコンにマウスを載せている、またはフォーカスしている間だけ警告文を表示する。
+-->
+<template>
+  <IconPopper
+    class="dwui-warning-popper"
+    popover-class="dwui-warning-popper-popover"
+    :placement="props.placement"
+    :arrow="props.arrow"
+    :label="props.label"
+    @emit:open="emit('emit:open')"
+    @emit:close="emit('emit:close')"
+  >
+    <template #icon>
+      <slot name="icon">
+        <SvgWarningSign />
+      </slot>
+    </template>
+    <slot />
+  </IconPopper>
+</template>
+
+<script setup lang="ts">
+import { SvgWarningSign } from '@digitalwalletcorp/vue-svg-icons';
+import IconPopper from '@/internal/icon-popper.vue';
+import type { PopoverPlacement } from '@/internal/anchored-position';
+
+export interface Props {
+  /** アイコンに対するパネルの表示位置。収まらないときは反対側に出す */
+  placement?: PopoverPlacement;
+  /** アイコンを指す矢印をパネルに付ける */
+  arrow?: boolean;
+  /** アイコンの読み上げ名 */
+  label?: string;
+}
+const props = withDefaults(defineProps<Props>(), {
+  placement: 'right',
+  arrow: true,
+  label: 'Warning'
+});
+
+export interface Emits {
+  (e: 'emit:open'): void;
+  (e: 'emit:close'): void;
+}
+const emit = defineEmits<Emits>();
+
+export interface Slots {
+  /** アイコン */
+  icon?(): unknown;
+  /** パネルに表示する中身 */
+  default?(): unknown;
+}
+defineSlots<Slots>();
+</script>
+
+<style>
+:where(.dwui-warning-popper-popover) {
+  --dwui-max-width-anchored-popover: var(--dwui-max-width-warning-popper, calc(100vw - 16px));
+  --dwui-max-height-anchored-popover: var(--dwui-max-height-warning-popper, calc(100vh - 16px));
+  --dwui-padding-anchored-popover: var(--dwui-padding-warning-popper, 0.67em 1em);
+  --dwui-border-color-anchored-popover: var(--dwui-border-color-warning-popper, light-dark(#8f8f8f, #6b6f76));
+  --dwui-radius-anchored-popover: var(--dwui-radius-warning-popper, 4px);
+  --dwui-background-anchored-popover: var(--dwui-background-warning-popper, Canvas);
+  --dwui-background-anchored-popover-arrow: var(--dwui-background-warning-popper-arrow, var(--dwui-background-warning-popper, Canvas));
+  --dwui-color-text-anchored-popover: var(--dwui-color-text-warning-popper, CanvasText);
+  --dwui-box-shadow-anchored-popover: var(--dwui-box-shadow-warning-popper, 0 2px 8px rgba(0, 0, 0, 0.25));
+}
+</style>

package/lib/accordion-fieldset.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./accordion-fieldset.vue_vue_type_style_index_0_lang-DoM5QjpJ.cjs");exports.default=e._sfc_main;

package/lib/accordion-fieldset.js

@@ -1,4 +0,0 @@
-import { _ as f } from "./accordion-fieldset.vue_vue_type_style_index_0_lang-Cf4czDXz.js";
-export {
-  f as default
-};

package/lib/accordion-fieldset.vue_vue_type_style_index_0_lang-Cf4czDXz.js

@@ -1,66 +0,0 @@
-import { defineComponent as f, useSlots as m, ref as g, reactive as _, onMounted as x, openBlock as i, createElementBlock as k, createElementVNode as d, createVNode as C, unref as s, createBlock as b, createSlots as h, withCtx as r, renderSlot as l, createTextVNode as w, toDisplayString as y, createCommentVNode as B, normalizeClass as S } from "vue";
-import { SvgTriangleButton as v } from "@digitalwalletcorp/vue-svg-icons";
-import { _ as E } from "./label-icon.vue_vue_type_style_index_0_lang-me52HE2V.js";
-import { u as N } from "./use-shrinkable-CS2bmsJJ.js";
-const V = ["disabled"], $ = { class: "dwui-accordion-legend" }, T = ["aria-expanded"], A = /* @__PURE__ */ f({
-  __name: "accordion-fieldset",
-  props: {
-    legend: {},
-    disabled: { type: Boolean },
-    initialExpand: { type: Boolean }
-  },
-  setup(c) {
-    const n = c, o = m(), a = g(), e = _({
-      expanded: !0
-    }), p = N(a), u = () => {
-      e.expanded = !e.expanded;
-    };
-    return x(() => {
-      e.expanded = !!n.initialExpand;
-    }), (t, z) => (i(), k("fieldset", {
-      class: "dwui-accordion-fieldset",
-      disabled: n.disabled
-    }, [
-      d("legend", $, [
-        d("button", {
-          type: "button",
-          class: "dwui-accordion-toggle",
-          "aria-expanded": e.expanded,
-          onClick: u
-        }, [
-          C(s(v), {
-            direction: e.expanded ? "up" : "down"
-          }, null, 8, ["direction"]),
-          n.legend != null || o.legend != null || o.icon != null ? (i(), b(E, { key: 0 }, h({ _: 2 }, [
-            o.icon != null ? {
-              name: "icon",
-              fn: r(() => [
-                l(t.$slots, "icon")
-              ]),
-              key: "0"
-            } : void 0,
-            n.legend != null || o.legend != null ? {
-              name: "default",
-              fn: r(() => [
-                l(t.$slots, "legend", {}, () => [
-                  w(y(n.legend), 1)
-                ])
-              ]),
-              key: "1"
-            } : void 0
-          ]), 1024)) : B("", !0)
-        ], 8, T)
-      ]),
-      d("div", {
-        ref_key: "refContents",
-        ref: a,
-        class: S(["dwui-accordion-contents", s(p) ? e.expanded ? "dwui-expanded" : "dwui-shrunk" : ""])
-      }, [
-        l(t.$slots, "default")
-      ], 2)
-    ], 8, V));
-  }
-});
-export {
-  A as _
-};

package/lib/accordion-fieldset.vue_vue_type_style_index_0_lang-DoM5QjpJ.cjs

@@ -1 +0,0 @@
-"use strict";const e=require("vue"),c=require("@digitalwalletcorp/vue-svg-icons"),r=require("./label-icon.vue_vue_type_style_index_0_lang-D9Cimu20.cjs"),u=require("./use-shrinkable-Cu9JQZll.cjs"),p=["disabled"],_={class:"dwui-accordion-legend"},g=["aria-expanded"],f=e.defineComponent({__name:"accordion-fieldset",props:{legend:{},disabled:{type:Boolean},initialExpand:{type:Boolean}},setup(s){const t=s,o=e.useSlots(),l=e.ref(),n=e.reactive({expanded:!0}),a=u.useShrinkable(l),i=()=>{n.expanded=!n.expanded};return e.onMounted(()=>{n.expanded=!!t.initialExpand}),(d,x)=>(e.openBlock(),e.createElementBlock("fieldset",{class:"dwui-accordion-fieldset",disabled:t.disabled},[e.createElementVNode("legend",_,[e.createElementVNode("button",{type:"button",class:"dwui-accordion-toggle","aria-expanded":n.expanded,onClick:i},[e.createVNode(e.unref(c.SvgTriangleButton),{direction:n.expanded?"up":"down"},null,8,["direction"]),t.legend!=null||o.legend!=null||o.icon!=null?(e.openBlock(),e.createBlock(r._sfc_main,{key:0},e.createSlots({_:2},[o.icon!=null?{name:"icon",fn:e.withCtx(()=>[e.renderSlot(d.$slots,"icon")]),key:"0"}:void 0,t.legend!=null||o.legend!=null?{name:"default",fn:e.withCtx(()=>[e.renderSlot(d.$slots,"legend",{},()=>[e.createTextVNode(e.toDisplayString(t.legend),1)])]),key:"1"}:void 0]),1024)):e.createCommentVNode("",!0)],8,g)]),e.createElementVNode("div",{ref_key:"refContents",ref:l,class:e.normalizeClass(["dwui-accordion-contents",e.unref(a)?n.expanded?"dwui-expanded":"dwui-shrunk":""])},[e.renderSlot(d.$slots,"default")],2)],8,p))}});exports._sfc_main=f;

package/lib/accordion-section.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./accordion-section.vue_vue_type_style_index_0_lang-CFDdUEnn.cjs");exports.default=e._sfc_main;

package/lib/accordion-section.js

@@ -1,4 +0,0 @@
-import { _ as f } from "./accordion-section.vue_vue_type_style_index_0_lang-Gvjjx02P.js";
-export {
-  f as default
-};

package/lib/accordion-section.vue_vue_type_style_index_0_lang-CFDdUEnn.cjs

@@ -1 +0,0 @@
-"use strict";const e=require("vue"),k=require("@digitalwalletcorp/vue-svg-icons"),v=require("./label-icon.vue_vue_type_style_index_0_lang-D9Cimu20.cjs"),x=require("./use-shrinkable-Cu9JQZll.cjs"),f={class:"dwui-accordion-section"},g={key:0,class:"dwui-accordion-section-control"},m=["disabled","aria-expanded"],b=e.defineComponent({__name:"accordion-section",props:{disabled:{type:Boolean},initialExpand:{type:Boolean},noGradient:{type:Boolean},openLabel:{},closeLabel:{},openPreset:{},closePreset:{}},setup(u){const o=u,l=e.useSlots(),r=e.ref(),n=e.reactive({expanded:!0}),d=x.useShrinkable(r),s=e.computed(()=>n.expanded?o.closePreset:o.openPreset),a=()=>(n.expanded?l["close-icon"]:l["open-icon"])??s.value?.icon,p=()=>(n.expanded?l["close-icon"]:l["open-icon"])==null?s.value?.iconProps:void 0,i=e.computed(()=>{const t=n.expanded?o.closeLabel:o.openLabel;if(t!=null)return t;const c=s.value?.label;return typeof c=="function"?c():c}),_=()=>{n.expanded=!n.expanded};return e.onMounted(()=>{n.expanded=!!o.initialExpand}),(t,c)=>(e.openBlock(),e.createElementBlock("div",f,[e.createElementVNode("div",{ref_key:"refContents",ref:r,class:e.normalizeClass(["dwui-accordion-section-contents",[e.unref(d)?n.expanded?"dwui-expanded":"dwui-shrunk":"",{"dwui-no-gradient":o.noGradient}]])},[e.renderSlot(t.$slots,"default")],2),e.unref(d)?(e.openBlock(),e.createElementBlock("div",g,[e.createElementVNode("button",{type:"button",class:"dwui-accordion-section-toggle",disabled:o.disabled,"aria-expanded":n.expanded,onClick:e.withModifiers(_,["stop"])},[a()!=null||i.value!=null?(e.openBlock(),e.createBlock(v._sfc_main,{key:0},e.createSlots({_:2},[a()!=null?{name:"icon",fn:e.withCtx(()=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(a()),e.normalizeProps(e.guardReactiveProps(p())),null,16))]),key:"0"}:void 0,i.value!=null?{name:"default",fn:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(i.value),1)]),key:"1"}:void 0]),1024)):(e.openBlock(),e.createBlock(e.unref(k.SvgTriangleButton),{key:1,direction:n.expanded?"up":"down"},null,8,["direction"]))],8,m)])):e.createCommentVNode("",!0)]))}});exports._sfc_main=b;

package/lib/accordion-section.vue_vue_type_style_index_0_lang-Gvjjx02P.js

@@ -1,78 +0,0 @@
-import { defineComponent as k, useSlots as y, ref as w, reactive as C, computed as m, onMounted as h, openBlock as t, createElementBlock as f, createElementVNode as x, normalizeClass as P, unref as d, renderSlot as B, withModifiers as L, createBlock as r, createSlots as S, withCtx as g, resolveDynamicComponent as E, normalizeProps as N, guardReactiveProps as T, createTextVNode as V, toDisplayString as z, createCommentVNode as D } from "vue";
-import { SvgTriangleButton as G } from "@digitalwalletcorp/vue-svg-icons";
-import { _ as I } from "./label-icon.vue_vue_type_style_index_0_lang-me52HE2V.js";
-import { u as M } from "./use-shrinkable-CS2bmsJJ.js";
-const $ = { class: "dwui-accordion-section" }, R = {
-  key: 0,
-  class: "dwui-accordion-section-control"
-}, j = ["disabled", "aria-expanded"], J = /* @__PURE__ */ k({
-  __name: "accordion-section",
-  props: {
-    disabled: { type: Boolean },
-    initialExpand: { type: Boolean },
-    noGradient: { type: Boolean },
-    openLabel: {},
-    closeLabel: {},
-    openPreset: {},
-    closePreset: {}
-  },
-  setup(_) {
-    const o = _, s = y(), p = w(), e = C({
-      expanded: !0
-    }), u = M(p), l = m(() => e.expanded ? o.closePreset : o.openPreset), i = () => (e.expanded ? s["close-icon"] : s["open-icon"]) ?? l.value?.icon, b = () => (e.expanded ? s["close-icon"] : s["open-icon"]) == null ? l.value?.iconProps : void 0, c = m(() => {
-      const n = e.expanded ? o.closeLabel : o.openLabel;
-      if (n != null)
-        return n;
-      const a = l.value?.label;
-      return typeof a == "function" ? a() : a;
-    }), v = () => {
-      e.expanded = !e.expanded;
-    };
-    return h(() => {
-      e.expanded = !!o.initialExpand;
-    }), (n, a) => (t(), f("div", $, [
-      x("div", {
-        ref_key: "refContents",
-        ref: p,
-        class: P(["dwui-accordion-section-contents", [
-          d(u) ? e.expanded ? "dwui-expanded" : "dwui-shrunk" : "",
-          { "dwui-no-gradient": o.noGradient }
-        ]])
-      }, [
-        B(n.$slots, "default")
-      ], 2),
-      d(u) ? (t(), f("div", R, [
-        x("button", {
-          type: "button",
-          class: "dwui-accordion-section-toggle",
-          disabled: o.disabled,
-          "aria-expanded": e.expanded,
-          onClick: L(v, ["stop"])
-        }, [
-          i() != null || c.value != null ? (t(), r(I, { key: 0 }, S({ _: 2 }, [
-            i() != null ? {
-              name: "icon",
-              fn: g(() => [
-                (t(), r(E(i()), N(T(b())), null, 16))
-              ]),
-              key: "0"
-            } : void 0,
-            c.value != null ? {
-              name: "default",
-              fn: g(() => [
-                V(z(c.value), 1)
-              ]),
-              key: "1"
-            } : void 0
-          ]), 1024)) : (t(), r(d(G), {
-            key: 1,
-            direction: e.expanded ? "up" : "down"
-          }, null, 8, ["direction"]))
-        ], 8, j)
-      ])) : D("", !0)
-    ]));
-  }
-});
-export {
-  J as _
-};

package/lib/components-C63HJoCn.cjs

@@ -1 +0,0 @@
-"use strict";const e=require("./accordion-fieldset.vue_vue_type_style_index_0_lang-DoM5QjpJ.cjs"),_=require("./accordion-section.vue_vue_type_style_index_0_lang-CFDdUEnn.cjs"),n=require("./hourglass-loading.vue_vue_type_style_index_0_lang-C72UVA9W.cjs"),t=require("./label-button.vue_vue_type_style_index_0_lang-D7ZgfZOL.cjs"),i=require("./label-icon.vue_vue_type_style_index_0_lang-D9Cimu20.cjs"),o=require("./page-section.vue_vue_type_style_index_0_lang-DEAkTLxd.cjs"),a=require("./page-title.vue_vue_type_style_index_0_lang-BqIsIks5.cjs"),c=require("./tab-content.vue_vue_type_style_index_0_lang-BeCi7Xkp.cjs"),s=require("./tab-group.vue_vue_type_style_index_0_lang-CMaufRJV.cjs"),u=Object.freeze(Object.defineProperty({__proto__:null,AccordionFieldset:e._sfc_main,AccordionSection:_._sfc_main,HourglassLoading:n._sfc_main,LabelButton:t._sfc_main,LabelIcon:i._sfc_main,PageSection:o._sfc_main,PageTitle:a._sfc_main,TabContent:c._sfc_main,TabGroup:s._sfc_main},Symbol.toStringTag,{value:"Module"}));exports.components=u;

package/lib/components-q4Cf97bO.js

@@ -1,24 +0,0 @@
-import { _ as o } from "./accordion-fieldset.vue_vue_type_style_index_0_lang-Cf4czDXz.js";
-import { _ } from "./accordion-section.vue_vue_type_style_index_0_lang-Gvjjx02P.js";
-import { _ as a } 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 r } from "./label-icon.vue_vue_type_style_index_0_lang-me52HE2V.js";
-import { _ as i } from "./page-section.vue_vue_type_style_index_0_lang-DpVQe_rV.js";
-import { _ as t } from "./page-title.vue_vue_type_style_index_0_lang-ChZot85K.js";
-import { _ as n } from "./tab-content.vue_vue_type_style_index_0_lang-CcQLHmIF.js";
-import { _ as s } from "./tab-group.vue_vue_type_style_index_0_lang-C84mDEOC.js";
-const u = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
-  __proto__: null,
-  AccordionFieldset: o,
-  AccordionSection: _,
-  HourglassLoading: a,
-  LabelButton: m,
-  LabelIcon: r,
-  PageSection: i,
-  PageTitle: t,
-  TabContent: n,
-  TabGroup: s
-}, Symbol.toStringTag, { value: "Module" }));
-export {
-  u as c
-};

package/lib/hourglass-loading.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./hourglass-loading.vue_vue_type_style_index_0_lang-C72UVA9W.cjs");exports.default=e._sfc_main;

package/lib/hourglass-loading.js

@@ -1,4 +0,0 @@
-import { _ as f } from "./hourglass-loading.vue_vue_type_style_index_0_lang-DkUGIxQ2.js";
-export {
-  f as default
-};

package/lib/hourglass-loading.vue_vue_type_style_index_0_lang-C72UVA9W.cjs

@@ -1 +0,0 @@
-"use strict";const e=require("vue"),r=require("@digitalwalletcorp/vue-svg-icons"),i=e.defineComponent({__name:"hourglass-loading",props:{loading:{type:Boolean},duration:{},size:{default:"1.2em"}},setup(n){const o=n;return(s,a)=>o.loading?(e.openBlock(),e.createBlock(e.unref(r.SvgHourglass),{key:0,duration:o.duration,size:o.size,class:"dwui-hourglass-loading"},null,8,["duration","size"])):e.renderSlot(s.$slots,"default",{},void 0,void 0,1)}});exports._sfc_main=i;

package/lib/hourglass-loading.vue_vue_type_style_index_0_lang-DkUGIxQ2.js

@@ -1,22 +0,0 @@
-import { defineComponent as r, openBlock as s, createBlock as a, unref as i, renderSlot as t } from "vue";
-import { SvgHourglass as l } from "@digitalwalletcorp/vue-svg-icons";
-const c = /* @__PURE__ */ r({
-  __name: "hourglass-loading",
-  props: {
-    loading: { type: Boolean },
-    duration: {},
-    size: { default: "1.2em" }
-  },
-  setup(e) {
-    const o = e;
-    return (n, d) => o.loading ? (s(), a(i(l), {
-      key: 0,
-      duration: o.duration,
-      size: o.size,
-      class: "dwui-hourglass-loading"
-    }, null, 8, ["duration", "size"])) : t(n.$slots, "default", {}, void 0, void 0, 1);
-  }
-});
-export {
-  c as _
-};

package/lib/label-button.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./label-button.vue_vue_type_style_index_0_lang-D7ZgfZOL.cjs");exports.default=e._sfc_main;

package/lib/label-button.js

@@ -1,4 +0,0 @@
-import { _ as f } from "./label-button.vue_vue_type_style_index_0_lang-DqRYddVt.js";
-export {
-  f as default
-};

package/lib/label-button.vue_vue_type_style_index_0_lang-D7ZgfZOL.cjs

@@ -1 +0,0 @@
-"use strict";const e=require("vue"),o=require("./label-icon.vue_vue_type_style_index_0_lang-D9Cimu20.cjs"),a={class:"dwui-label-button"},c=e.defineComponent({__name:"label-button",props:{preset:{},gap:{},iconClass:{type:[Boolean,null,String,Object,Array]},iconStyle:{type:[Boolean,null,String,Object,Array]},labelClass:{type:[Boolean,null,String,Object,Array]},labelStyle:{type:[Boolean,null,String,Object,Array]}},setup(s){const l=s,t=e.useSlots();return(n,r)=>(e.openBlock(),e.createElementBlock("button",a,[e.createVNode(o._sfc_main,{preset:l.preset,gap:l.gap,"icon-class":l.iconClass,"icon-style":l.iconStyle,"label-class":l.labelClass,"label-style":l.labelStyle},e.createSlots({_:2},[t.icon!=null?{name:"icon",fn:e.withCtx(()=>[e.renderSlot(n.$slots,"icon")]),key:"0"}:void 0,t.default!=null?{name:"default",fn:e.withCtx(()=>[e.renderSlot(n.$slots,"default")]),key:"1"}:void 0]),1032,["preset","gap","icon-class","icon-style","label-class","label-style"])]))}});exports._sfc_main=c;

package/lib/label-button.vue_vue_type_style_index_0_lang-DqRYddVt.js

@@ -1,44 +0,0 @@
-import { defineComponent as a, useSlots as c, openBlock as r, createElementBlock as i, createVNode as p, createSlots as y, withCtx as o, renderSlot as n } from "vue";
-import { _ as b } from "./label-icon.vue_vue_type_style_index_0_lang-me52HE2V.js";
-const u = { class: "dwui-label-button" }, d = /* @__PURE__ */ a({
-  __name: "label-button",
-  props: {
-    preset: {},
-    gap: {},
-    iconClass: { type: [Boolean, null, String, Object, Array] },
-    iconStyle: { type: [Boolean, null, String, Object, Array] },
-    labelClass: { type: [Boolean, null, String, Object, Array] },
-    labelStyle: { type: [Boolean, null, String, Object, Array] }
-  },
-  setup(s) {
-    const e = s, l = c();
-    return (t, m) => (r(), i("button", u, [
-      p(b, {
-        preset: e.preset,
-        gap: e.gap,
-        "icon-class": e.iconClass,
-        "icon-style": e.iconStyle,
-        "label-class": e.labelClass,
-        "label-style": e.labelStyle
-      }, y({ _: 2 }, [
-        l.icon != null ? {
-          name: "icon",
-          fn: o(() => [
-            n(t.$slots, "icon")
-          ]),
-          key: "0"
-        } : void 0,
-        l.default != null ? {
-          name: "default",
-          fn: o(() => [
-            n(t.$slots, "default")
-          ]),
-          key: "1"
-        } : void 0
-      ]), 1032, ["preset", "gap", "icon-class", "icon-style", "label-class", "label-style"])
-    ]));
-  }
-});
-export {
-  d as _
-};

package/lib/label-icon.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./label-icon.vue_vue_type_style_index_0_lang-D9Cimu20.cjs");exports.default=e._sfc_main;

package/lib/label-icon.js

@@ -1,4 +0,0 @@
-import { _ as f } from "./label-icon.vue_vue_type_style_index_0_lang-me52HE2V.js";
-export {
-  f as default
-};

package/lib/label-icon.vue_vue_type_style_index_0_lang-D9Cimu20.cjs

@@ -1 +0,0 @@
-"use strict";const e=require("vue"),s=e.defineComponent({__name:"label-icon",props:{preset:{},gap:{},iconClass:{type:[Boolean,null,String,Object,Array]},iconStyle:{type:[Boolean,null,String,Object,Array]},labelClass:{type:[Boolean,null,String,Object,Array]},labelStyle:{type:[Boolean,null,String,Object,Array]}},setup(n){const l=n,o=e.useSlots();return(t,a)=>(e.openBlock(),e.createElementBlock("span",{class:"dwui-label-icon",style:e.normalizeStyle(l.gap==null?void 0:{"--dwui-gap-label-icon":l.gap})},[e.renderSlot(t.$slots,"icon",{},()=>[l.preset!=null?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(l.preset.icon),e.mergeProps({key:0},l.preset.iconProps,{class:l.iconClass,style:l.iconStyle}),null,16,["class","style"])):e.createCommentVNode("",!0)]),o.default!=null||l.preset!=null?(e.openBlock(),e.createElementBlock("span",{key:0,class:e.normalizeClass(["dwui-label",l.labelClass]),style:e.normalizeStyle(l.labelStyle)},[e.renderSlot(t.$slots,"default",{},()=>[e.createTextVNode(e.toDisplayString(typeof l.preset?.label=="function"?l.preset.label():l.preset?.label),1)])],6)):e.createCommentVNode("",!0)],4))}});exports._sfc_main=s;