@digitalwalletcorp/vue-core 1.2.1 → 1.3.0

package/lib/label-icon.vue_vue_type_style_index_0_lang-me52HE2V.js

@@ -1,38 +0,0 @@
-import { defineComponent as p, useSlots as i, openBlock as l, createElementBlock as s, normalizeStyle as n, renderSlot as o, createBlock as y, resolveDynamicComponent as u, mergeProps as b, createCommentVNode as a, normalizeClass as m, createTextVNode as S, toDisplayString as d } from "vue";
-const f = /* @__PURE__ */ p({
-  __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(r) {
-    const e = r, c = i();
-    return (t, g) => (l(), s("span", {
-      class: "dwui-label-icon",
-      style: n(e.gap == null ? void 0 : { "--dwui-gap-label-icon": e.gap })
-    }, [
-      o(t.$slots, "icon", {}, () => [
-        e.preset != null ? (l(), y(u(e.preset.icon), b({ key: 0 }, e.preset.iconProps, {
-          class: e.iconClass,
-          style: e.iconStyle
-        }), null, 16, ["class", "style"])) : a("", !0)
-      ]),
-      c.default != null || e.preset != null ? (l(), s("span", {
-        key: 0,
-        class: m(["dwui-label", e.labelClass]),
-        style: n(e.labelStyle)
-      }, [
-        o(t.$slots, "default", {}, () => [
-          S(d(typeof e.preset?.label == "function" ? e.preset.label() : e.preset?.label), 1)
-        ])
-      ], 6)) : a("", !0)
-    ], 4));
-  }
-});
-export {
-  f as _
-};

package/lib/page-section.cjs

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

package/lib/page-section.js

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

package/lib/page-section.vue_vue_type_style_index_0_lang-DEAkTLxd.cjs

@@ -1 +0,0 @@
-"use strict";const e=require("vue"),n=require("@digitalwalletcorp/vue-svg-icons"),r=require("./label-icon.vue_vue_type_style_index_0_lang-D9Cimu20.cjs"),a={class:"dwui-page-section"},i={class:"dwui-page-section-content"},p=e.defineComponent({__name:"page-section",props:{title:{},icon:{default:"diamond"},iconVariant:{},iconColor:{},titleClass:{type:[Boolean,null,String,Object,Array]},titleStyle:{type:[Boolean,null,String,Object,Array]}},setup(l){const o=l,s={diamond:{component:n.SvgDiamond,shape:!0,color:"#1a44b6"},circle:{component:n.SvgCircle,shape:!0,color:"#e78b2f"},square:{component:n.SvgSquare,shape:!0,color:"#d13a2b"},pushpin:{component:n.SvgPushpin,shape:!1},"round-pushpin":{component:n.SvgRoundPushpin,shape:!1}},c=e.computed(()=>{const t=s[o.icon];return{component:t.component,props:t.shape?{variant:o.iconVariant,color:o.iconColor??t.color}:{}}});return(t,u)=>(e.openBlock(),e.createElementBlock("section",a,[o.title!=null?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["dwui-page-section-title",o.titleClass]),style:e.normalizeStyle(o.titleStyle)},[e.createVNode(r._sfc_main,null,{icon:e.withCtx(()=>[e.renderSlot(t.$slots,"icon",{},()=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(c.value.component),e.normalizeProps(e.guardReactiveProps(c.value.props)),null,16))])]),default:e.withCtx(()=>[e.createTextVNode(" "+e.toDisplayString(o.title),1)]),_:3})],6)):e.createCommentVNode("",!0),e.createElementVNode("div",i,[e.renderSlot(t.$slots,"default")])]))}});exports._sfc_main=p;

package/lib/page-section.vue_vue_type_style_index_0_lang-DpVQe_rV.js

@@ -1,54 +0,0 @@
-import { defineComponent as i, computed as p, openBlock as t, createElementBlock as r, normalizeStyle as m, normalizeClass as u, createVNode as d, withCtx as a, createTextVNode as S, toDisplayString as h, renderSlot as l, createBlock as _, resolveDynamicComponent as g, normalizeProps as f, guardReactiveProps as v, createCommentVNode as y, createElementVNode as C } from "vue";
-import { SvgRoundPushpin as V, SvgPushpin as b, SvgSquare as B, SvgCircle as N, SvgDiamond as P } from "@digitalwalletcorp/vue-svg-icons";
-import { _ as k } from "./label-icon.vue_vue_type_style_index_0_lang-me52HE2V.js";
-const w = { class: "dwui-page-section" }, E = { class: "dwui-page-section-content" }, $ = /* @__PURE__ */ i({
-  __name: "page-section",
-  props: {
-    title: {},
-    icon: { default: "diamond" },
-    iconVariant: {},
-    iconColor: {},
-    titleClass: { type: [Boolean, null, String, Object, Array] },
-    titleStyle: { type: [Boolean, null, String, Object, Array] }
-  },
-  setup(s) {
-    const e = s, c = {
-      diamond: { component: P, shape: !0, color: "#1a44b6" },
-      circle: { component: N, shape: !0, color: "#e78b2f" },
-      square: { component: B, shape: !0, color: "#d13a2b" },
-      pushpin: { component: b, shape: !1 },
-      "round-pushpin": { component: V, shape: !1 }
-    }, n = p(() => {
-      const o = c[e.icon];
-      return {
-        component: o.component,
-        props: o.shape ? { variant: e.iconVariant, color: e.iconColor ?? o.color } : {}
-      };
-    });
-    return (o, z) => (t(), r("section", w, [
-      e.title != null ? (t(), r("div", {
-        key: 0,
-        class: u(["dwui-page-section-title", e.titleClass]),
-        style: m(e.titleStyle)
-      }, [
-        d(k, null, {
-          icon: a(() => [
-            l(o.$slots, "icon", {}, () => [
-              (t(), _(g(n.value.component), f(v(n.value.props)), null, 16))
-            ])
-          ]),
-          default: a(() => [
-            S(" " + h(e.title), 1)
-          ]),
-          _: 3
-        })
-      ], 6)) : y("", !0),
-      C("div", E, [
-        l(o.$slots, "default")
-      ])
-    ]));
-  }
-});
-export {
-  $ as _
-};

package/lib/page-title.cjs

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

package/lib/page-title.js

@@ -1,4 +0,0 @@
-import { _ as f } from "./page-title.vue_vue_type_style_index_0_lang-ChZot85K.js";
-export {
-  f as default
-};

package/lib/page-title.vue_vue_type_style_index_0_lang-BqIsIks5.cjs

@@ -1 +0,0 @@
-"use strict";const e=require("vue"),l=require("./label-icon.vue_vue_type_style_index_0_lang-D9Cimu20.cjs"),c={class:"dwui-page-title"},i={key:0,class:"dwui-page-title-actions"},a=e.defineComponent({__name:"page-title",props:{title:{}},setup(n){const s=n,t=e.useSlots();return(o,r)=>(e.openBlock(),e.createElementBlock("section",c,[e.createVNode(l._sfc_main,{class:"dwui-page-title-label"},e.createSlots({default:e.withCtx(()=>[e.createTextVNode(" "+e.toDisplayString(s.title),1)]),_:2},[t.icon!=null?{name:"icon",fn:e.withCtx(()=>[e.renderSlot(o.$slots,"icon")]),key:"0"}:void 0]),1024),t.default!=null?(e.openBlock(),e.createElementBlock("span",i,[e.renderSlot(o.$slots,"default")])):e.createCommentVNode("",!0)]))}});exports._sfc_main=a;

package/lib/page-title.vue_vue_type_style_index_0_lang-ChZot85K.js

@@ -1,36 +0,0 @@
-import { defineComponent as c, useSlots as r, openBlock as o, createElementBlock as s, createVNode as p, createSlots as d, withCtx as l, createTextVNode as u, toDisplayString as _, renderSlot as n, createCommentVNode as m } from "vue";
-import { _ as f } from "./label-icon.vue_vue_type_style_index_0_lang-me52HE2V.js";
-const g = { class: "dwui-page-title" }, h = {
-  key: 0,
-  class: "dwui-page-title-actions"
-}, y = /* @__PURE__ */ c({
-  __name: "page-title",
-  props: {
-    title: {}
-  },
-  setup(a) {
-    const i = a, e = r();
-    return (t, k) => (o(), s("section", g, [
-      p(f, { class: "dwui-page-title-label" }, d({
-        default: l(() => [
-          u(" " + _(i.title), 1)
-        ]),
-        _: 2
-      }, [
-        e.icon != null ? {
-          name: "icon",
-          fn: l(() => [
-            n(t.$slots, "icon")
-          ]),
-          key: "0"
-        } : void 0
-      ]), 1024),
-      e.default != null ? (o(), s("span", h, [
-        n(t.$slots, "default")
-      ])) : m("", !0)
-    ]));
-  }
-});
-export {
-  y as _
-};

package/lib/tab-content.cjs

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

package/lib/tab-content.js

@@ -1,4 +0,0 @@
-import { _ as f } from "./tab-content.vue_vue_type_style_index_0_lang-CcQLHmIF.js";
-export {
-  f as default
-};

package/lib/tab-content.vue_vue_type_style_index_0_lang-BeCi7Xkp.cjs

@@ -1 +0,0 @@
-"use strict";const e=require("vue"),s=Symbol("dwui-tab-group"),u=["aria-label","aria-checked","aria-description","aria-busy","data-test-tab-content"],p={key:0,class:"dwui-tab-loading"},b={key:1,class:"dwui-tab-loading-spinner"},m=e.defineComponent({__name:"tab-content",props:{labelId:{},description:{},disabled:{type:Boolean},status:{},headerClass:{type:[Boolean,null,String,Object,Array]},headerStyle:{type:[Boolean,null,String,Object,Array]}},setup(i){const t=i,a=e.inject(s,void 0),o=e.ref(!1),l=()=>a?.loadingSlot(),c=e.computed(()=>a?.activeLabelId.value===t.labelId),d=e.computed(()=>!!a?.mounted.value&&c.value),r=n=>{o.value=n};return(n,v)=>t.disabled?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("div",{key:0,class:"dwui-tab-content","aria-label":t.labelId,"aria-checked":c.value?"true":"false","aria-description":t.description,"aria-busy":o.value?"true":void 0,"data-test-tab-content":t.labelId},[e.renderSlot(n.$slots,"default",{activated:d.value,setLoading:r}),o.value?(e.openBlock(),e.createElementBlock("div",p,[l()!=null?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(l()),{key:0})):(e.openBlock(),e.createElementBlock("span",b))])):e.createCommentVNode("",!0)],8,u))}});exports._sfc_main=m;exports.tabGroupContextKey=s;

package/lib/tab-content.vue_vue_type_style_index_0_lang-CcQLHmIF.js

@@ -1,44 +0,0 @@
-import { defineComponent as p, inject as v, ref as y, computed as i, openBlock as t, createElementBlock as l, renderSlot as m, createBlock as _, resolveDynamicComponent as g, createCommentVNode as d } from "vue";
-const k = /* @__PURE__ */ Symbol("dwui-tab-group"), h = ["aria-label", "aria-checked", "aria-description", "aria-busy", "data-test-tab-content"], f = {
-  key: 0,
-  class: "dwui-tab-loading"
-}, S = {
-  key: 1,
-  class: "dwui-tab-loading-spinner"
-}, I = /* @__PURE__ */ p({
-  __name: "tab-content",
-  props: {
-    labelId: {},
-    description: {},
-    disabled: { type: Boolean },
-    status: {},
-    headerClass: { type: [Boolean, null, String, Object, Array] },
-    headerStyle: { type: [Boolean, null, String, Object, Array] }
-  },
-  setup(r) {
-    const e = r, a = v(k, void 0), o = y(!1), s = () => a?.loadingSlot(), c = i(() => a?.activeLabelId.value === e.labelId), u = i(() => !!a?.mounted.value && c.value), b = (n) => {
-      o.value = n;
-    };
-    return (n, B) => e.disabled ? d("", !0) : (t(), l("div", {
-      key: 0,
-      class: "dwui-tab-content",
-      "aria-label": e.labelId,
-      "aria-checked": c.value ? "true" : "false",
-      "aria-description": e.description,
-      "aria-busy": o.value ? "true" : void 0,
-      "data-test-tab-content": e.labelId
-    }, [
-      m(n.$slots, "default", {
-        activated: u.value,
-        setLoading: b
-      }),
-      o.value ? (t(), l("div", f, [
-        s() != null ? (t(), _(g(s()), { key: 0 })) : (t(), l("span", S))
-      ])) : d("", !0)
-    ], 8, h));
-  }
-});
-export {
-  I as _,
-  k as t
-};

package/lib/tab-group.cjs

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

package/lib/tab-group.js

@@ -1,4 +0,0 @@
-import { _ as f } from "./tab-group.vue_vue_type_style_index_0_lang-C84mDEOC.js";
-export {
-  f as default
-};

package/lib/tab-group.vue_vue_type_style_index_0_lang-C84mDEOC.js

@@ -1,103 +0,0 @@
-import { defineComponent as L, useModel as B, useSlots as N, useId as x, computed as y, ref as A, provide as E, onMounted as M, openBlock as s, createElementBlock as i, createBlock as _, Teleport as F, createElementVNode as o, normalizeStyle as v, normalizeClass as g, Fragment as S, renderList as G, unref as c, createVNode as V, createSlots as j, withCtx as I, createTextVNode as z, toDisplayString as D, resolveDynamicComponent as O, renderSlot as H, mergeModels as C } from "vue";
-import { _ as K } from "./label-icon.vue_vue_type_style_index_0_lang-me52HE2V.js";
-import { t as P, _ as q } from "./tab-content.vue_vue_type_style_index_0_lang-CcQLHmIF.js";
-const J = { class: "dwui-tab-group" }, Q = ["id", "name", "disabled", "checked", "onChange"], R = ["for", "data-test-tab-content-control"], U = { class: "dwui-tab-items" }, Z = /* @__PURE__ */ L({
-  __name: "tab-group",
-  props: /* @__PURE__ */ C({
-    tabGroupName: {},
-    selectFirstEnabled: { type: Boolean },
-    headerClass: { type: [Boolean, null, String, Object, Array] },
-    headerStyle: { type: [Boolean, null, String, Object, Array] },
-    teleport: {}
-  }, {
-    selectedTabLabelId: {},
-    selectedTabLabelIdModifiers: {}
-  }),
-  emits: /* @__PURE__ */ C(["emit:changeSelectedTab"], ["update:selectedTabLabelId"]),
-  setup(u, { emit: T }) {
-    const l = u, $ = T, d = B(u, "selectedTabLabelId"), b = N(), n = l.tabGroupName ?? x(), k = (a) => {
-      if (a.type !== q)
-        return;
-      const t = a.props ?? {}, e = t.disabled;
-      return {
-        labelId: String(t["label-id"] ?? t.labelId),
-        description: t.description,
-        // 属性だけを書いた場合(<TabContent disabled>)は空文字になる
-        disabled: e === "" || !!e,
-        status: t.status,
-        headerClass: t["header-class"] ?? t.headerClass,
-        headerStyle: t["header-style"] ?? t.headerStyle,
-        // TabContentの#iconスロットは、TabContentではなくここで見出しに描画する
-        icon: a.children?.icon
-      };
-    }, r = y(() => {
-      const a = [];
-      for (const t of b.default?.() ?? []) {
-        const e = Array.isArray(t.children) ? t.children : [t];
-        for (const h of e) {
-          const f = k(h);
-          f && a.push(f);
-        }
-      }
-      return a;
-    }), p = y(() => d.value != null ? d.value : (l.selectFirstEnabled ? r.value.find((t) => !t.disabled) : r.value[0])?.labelId), m = A(!1);
-    E(P, { activeLabelId: p, mounted: m, loadingSlot: () => b.loading }), M(() => {
-      m.value = !0;
-    });
-    const w = (a) => {
-      d.value = a, $("emit:changeSelectedTab", a);
-    };
-    return (a, t) => (s(), i("div", J, [
-      (s(), _(F, {
-        to: l.teleport ?? "body",
-        disabled: l.teleport == null
-      }, [
-        o("div", {
-          class: g(["dwui-tab-headers", l.headerClass]),
-          style: v(l.headerStyle)
-        }, [
-          (s(!0), i(S, null, G(r.value, (e) => (s(), i(S, {
-            key: e.labelId
-          }, [
-            o("input", {
-              id: `${c(n)}-${e.labelId}`,
-              type: "radio",
-              class: "dwui-tab-radio",
-              name: c(n),
-              disabled: e.disabled,
-              checked: e.labelId === p.value,
-              onChange: (h) => w(e.labelId)
-            }, null, 40, Q),
-            o("label", {
-              for: `${c(n)}-${e.labelId}`,
-              class: g(["dwui-tab-item", [e.status != null ? `dwui-tab-${e.status}` : void 0, e.headerClass]]),
-              style: v(e.headerStyle),
-              "data-test-tab-content-control": e.labelId
-            }, [
-              V(K, null, j({
-                default: I(() => [
-                  z(" " + D(e.description), 1)
-                ]),
-                _: 2
-              }, [
-                e.icon != null ? {
-                  name: "icon",
-                  fn: I(() => [
-                    (s(), _(O(e.icon)))
-                  ]),
-                  key: "0"
-                } : void 0
-              ]), 1024)
-            ], 14, R)
-          ], 64))), 128))
-        ], 6)
-      ], 8, ["to", "disabled"])),
-      o("div", U, [
-        H(a.$slots, "default")
-      ])
-    ]));
-  }
-});
-export {
-  Z as _
-};

package/lib/tab-group.vue_vue_type_style_index_0_lang-CMaufRJV.cjs

@@ -1 +0,0 @@
-"use strict";const e=require("vue"),v=require("./label-icon.vue_vue_type_style_index_0_lang-D9Cimu20.cjs"),m=require("./tab-content.vue_vue_type_style_index_0_lang-BeCi7Xkp.cjs"),g={class:"dwui-tab-group"},S=["id","name","disabled","checked","onChange"],C=["for","data-test-tab-content-control"],I={class:"dwui-tab-items"},k=e.defineComponent({__name:"tab-group",props:e.mergeModels({tabGroupName:{},selectFirstEnabled:{type:Boolean},headerClass:{type:[Boolean,null,String,Object,Array]},headerStyle:{type:[Boolean,null,String,Object,Array]},teleport:{}},{selectedTabLabelId:{},selectedTabLabelIdModifiers:{}}),emits:e.mergeModels(["emit:changeSelectedTab"],["update:selectedTabLabelId"]),setup(r,{emit:h}){const n=r,_=h,o=e.useModel(r,"selectedTabLabelId"),c=e.useSlots(),s=n.tabGroupName??e.useId(),y=a=>{if(a.type!==m._sfc_main)return;const l=a.props??{},t=l.disabled;return{labelId:String(l["label-id"]??l.labelId),description:l.description,disabled:t===""||!!t,status:l.status,headerClass:l["header-class"]??l.headerClass,headerStyle:l["header-style"]??l.headerStyle,icon:a.children?.icon}},d=e.computed(()=>{const a=[];for(const l of c.default?.()??[]){const t=Array.isArray(l.children)?l.children:[l];for(const b of t){const p=y(b);p&&a.push(p)}}return a}),i=e.computed(()=>o.value!=null?o.value:(n.selectFirstEnabled?d.value.find(l=>!l.disabled):d.value[0])?.labelId),u=e.ref(!1);e.provide(m.tabGroupContextKey,{activeLabelId:i,mounted:u,loadingSlot:()=>c.loading}),e.onMounted(()=>{u.value=!0});const f=a=>{o.value=a,_("emit:changeSelectedTab",a)};return(a,l)=>(e.openBlock(),e.createElementBlock("div",g,[(e.openBlock(),e.createBlock(e.Teleport,{to:n.teleport??"body",disabled:n.teleport==null},[e.createElementVNode("div",{class:e.normalizeClass(["dwui-tab-headers",n.headerClass]),style:e.normalizeStyle(n.headerStyle)},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(d.value,t=>(e.openBlock(),e.createElementBlock(e.Fragment,{key:t.labelId},[e.createElementVNode("input",{id:`${e.unref(s)}-${t.labelId}`,type:"radio",class:"dwui-tab-radio",name:e.unref(s),disabled:t.disabled,checked:t.labelId===i.value,onChange:b=>f(t.labelId)},null,40,S),e.createElementVNode("label",{for:`${e.unref(s)}-${t.labelId}`,class:e.normalizeClass(["dwui-tab-item",[t.status!=null?`dwui-tab-${t.status}`:void 0,t.headerClass]]),style:e.normalizeStyle(t.headerStyle),"data-test-tab-content-control":t.labelId},[e.createVNode(v._sfc_main,null,e.createSlots({default:e.withCtx(()=>[e.createTextVNode(" "+e.toDisplayString(t.description),1)]),_:2},[t.icon!=null?{name:"icon",fn:e.withCtx(()=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.icon)))]),key:"0"}:void 0]),1024)],14,C)],64))),128))],6)],8,["to","disabled"])),e.createElementVNode("div",I,[e.renderSlot(a.$slots,"default")])]))}});exports._sfc_main=k;

package/lib/use-shrinkable-CS2bmsJJ.js

@@ -1,17 +0,0 @@
-import { ref as t, onMounted as s, onBeforeUnmount as u } from "vue";
-const l = 70;
-function c(o) {
-  const r = t(!0);
-  let e;
-  return s(() => {
-    const n = o.value;
-    n != null && (e = new ResizeObserver(() => {
-      r.value = l <= n.scrollHeight;
-    }), e.observe(n));
-  }), u(() => {
-    e?.disconnect();
-  }), r;
-}
-export {
-  c as u
-};

package/lib/use-shrinkable-Cu9JQZll.cjs

@@ -1 +0,0 @@
-"use strict";const r=require("vue"),u=70;function o(t){const s=r.ref(!0);let e;return r.onMounted(()=>{const n=t.value;n!=null&&(e=new ResizeObserver(()=>{s.value=u<=n.scrollHeight}),e.observe(n))}),r.onBeforeUnmount(()=>{e?.disconnect()}),s}exports.useShrinkable=o;