@skdx/vue-blocks 0.36.0 → 0.38.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/dashboard-layout/DashboardNavList.vue_vue_type_script_setup_true_lang.cjs +1 -1
- package/dist/dashboard-layout/DashboardNavList.vue_vue_type_script_setup_true_lang.js +1 -1
- package/dist/index.cjs +1 -1
- package/dist/index.d.cts +0 -1
- package/dist/index.d.ts +0 -1
- package/dist/index.js +1 -1
- package/dist/sign-in-page/SignInPage.vue_vue_type_script_setup_true_lang.cjs +1 -1
- package/dist/sign-in-page/SignInPage.vue_vue_type_script_setup_true_lang.js +1 -1
- package/dist/workspace-switcher/WorkspaceSwitcher.vue.d.cts +6 -6
- package/dist/workspace-switcher/WorkspaceSwitcher.vue.d.ts +6 -6
- package/package.json +3 -13
- package/dist/confirm-dialog/ConfirmDialog.vue.cjs +0 -1
- package/dist/confirm-dialog/ConfirmDialog.vue.d.cts +0 -114
- package/dist/confirm-dialog/ConfirmDialog.vue.d.ts +0 -114
- package/dist/confirm-dialog/ConfirmDialog.vue.js +0 -1
- package/dist/confirm-dialog/ConfirmDialog.vue_vue_type_script_setup_true_lang.cjs +0 -1
- package/dist/confirm-dialog/ConfirmDialog.vue_vue_type_script_setup_true_lang.js +0 -1
- package/dist/confirm-dialog/index.cjs +0 -1
- package/dist/confirm-dialog/index.d.cts +0 -2
- package/dist/confirm-dialog/index.d.ts +0 -2
- package/dist/confirm-dialog/index.js +0 -1
- package/dist/confirm-dialog/types.d.cts +0 -2
- package/dist/confirm-dialog/types.d.ts +0 -2
|
@@ -1 +1 @@
|
|
|
1
|
-
const a=require("../internal/part.cjs");let e=require("vue");var l={key:0},s={key:2},d={key:3},c=["href","aria-current"],u=(0,e.defineComponent)({__name:"DashboardNavList",props:{items:{}},setup(t){return(i,
|
|
1
|
+
const a=require("../internal/part.cjs");let e=require("vue");var l={key:0},s={key:2},d={key:3},c=["href","aria-current"],u=(0,e.defineComponent)({__name:"DashboardNavList",props:{items:{}},setup(t){return(i,k)=>{const o=(0,e.resolveComponent)("DashboardNavList",!0);return(0,e.openBlock)(),(0,e.createElementBlock)("ul",(0,e.normalizeProps)((0,e.guardReactiveProps)((0,e.unref)(a.skdxPart)("dashboard-layout","nav-list"))),[((0,e.openBlock)(!0),(0,e.createElementBlock)(e.Fragment,null,(0,e.renderList)(t.items,(r,n)=>((0,e.openBlock)(),(0,e.createElementBlock)(e.Fragment,{key:n},[r.kind==="divider"?((0,e.openBlock)(),(0,e.createElementBlock)("li",l,[(0,e.createElementVNode)("hr",(0,e.mergeProps)({ref_for:!0},(0,e.unref)(a.skdxPart)("dashboard-layout","nav-divider")),null,16)])):r.kind==="header"?((0,e.openBlock)(),(0,e.createElementBlock)("li",(0,e.mergeProps)({key:1,ref_for:!0},(0,e.unref)(a.skdxPart)("dashboard-layout","nav-header")),(0,e.toDisplayString)(r.label),17)):r.href===void 0?((0,e.openBlock)(),(0,e.createElementBlock)("li",s,[(0,e.createElementVNode)("span",(0,e.mergeProps)({ref_for:!0},(0,e.unref)(a.skdxPart)("dashboard-layout","nav-item")),(0,e.toDisplayString)(r.label),17),r.children?.length?((0,e.openBlock)(),(0,e.createBlock)(o,{key:0,items:r.children},null,8,["items"])):(0,e.createCommentVNode)("",!0)])):((0,e.openBlock)(),(0,e.createElementBlock)("li",d,[(0,e.createElementVNode)("a",(0,e.mergeProps)({ref_for:!0},(0,e.unref)(a.skdxPart)("dashboard-layout","nav-item"),{href:r.href,"aria-current":r.current?"page":void 0}),(0,e.toDisplayString)(r.label),17,c)]))],64))),128))],16)}}});exports.default=u;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{skdxPart as e}from"../internal/part.js";import{Fragment as a,
|
|
1
|
+
import{skdxPart as e}from"../internal/part.js";import{Fragment as a,createBlock as r,createCommentVNode as o,createElementBlock as s,createElementVNode as t,defineComponent as l,guardReactiveProps as n,mergeProps as i,normalizeProps as d,openBlock as m,renderList as u,resolveComponent as f,toDisplayString as h,unref as p}from"vue";var v={key:0},c={key:2},k={key:3},y=["href","aria-current"],b=/* @__PURE__ */l({__name:"DashboardNavList",props:{items:{}},setup:l=>(b,g)=>{const _=f("DashboardNavList",!0);return m(),s("ul",d(n(p(e)("dashboard-layout","nav-list"))),[(m(!0),s(a,null,u(l.items,(l,n)=>(m(),s(a,{key:n},["divider"===l.kind?(m(),s("li",v,[t("hr",i({ref_for:!0},p(e)("dashboard-layout","nav-divider")),null,16)])):"header"===l.kind?(m(),s("li",i({key:1,ref_for:!0},p(e)("dashboard-layout","nav-header")),h(l.label),17)):void 0===l.href?(m(),s("li",c,[t("span",i({ref_for:!0},p(e)("dashboard-layout","nav-item")),h(l.label),17),l.children?.length?(m(),r(_,{key:0,items:l.children},null,8,["items"])):o("",!0)])):(m(),s("li",k,[t("a",i({ref_for:!0},p(e)("dashboard-layout","nav-item"),{href:l.href,"aria-current":l.current?"page":void 0}),h(l.label),17,y)]))],64))),128))],16)}});export{b as default};
|
package/dist/index.cjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./page-container/PageContainer.vue.cjs"),r=require("./dashboard-layout/DashboardLayout.vue.cjs"),t=require("./sign-in-page/types.cjs"),
|
|
1
|
+
Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./page-container/PageContainer.vue.cjs"),r=require("./dashboard-layout/DashboardLayout.vue.cjs"),t=require("./sign-in-page/types.cjs"),a=require("./sign-in-page/SignInPage.vue.cjs"),i=require("./empty-state/EmptyState.vue.cjs"),u=require("./stat-card/StatCard.vue.cjs"),o=require("./form-section/FormSection.vue.cjs"),d=require("./usage-card/UsageCard.vue.cjs"),n=require("./onboarding-checklist/OnboardingChecklist.vue.cjs"),s=require("./filter-bar/FilterBar.vue.cjs"),q=require("./comment/Comment.vue.cjs"),c=require("./comment-thread/CommentThread.vue.cjs"),S=require("./notification-center/NotificationCenter.vue.cjs"),l=require("./conversation-list/ConversationList.vue.cjs"),f=require("./chat-message/ChatMessage.vue.cjs"),g=require("./user-menu/UserMenu.vue.cjs"),k=require("./workspace-switcher/WorkspaceSwitcher.vue.cjs"),C=require("./chat-composer/ChatComposer.vue.cjs"),_=require("./sign-up-page/SignUpPage.vue.cjs"),x=require("./forgot-password-page/ForgotPasswordPage.vue.cjs"),P=require("./reset-password-page/ResetPasswordPage.vue.cjs"),m=require("./verification-page/VerificationPage.vue.cjs");exports.SkdxChatComposer=C.default;exports.SkdxChatMessage=f.default;exports.SkdxComment=q.default;exports.SkdxCommentThread=c.default;exports.SkdxConversationList=l.default;exports.SkdxDashboardLayout=r.default;exports.SkdxEmptyState=i.default;exports.SkdxFilterBar=s.default;exports.SkdxForgotPasswordPage=x.default;exports.SkdxFormSection=o.default;exports.SkdxNotificationCenter=S.default;exports.SkdxOnboardingChecklist=n.default;exports.SkdxPageContainer=e.default;exports.SkdxResetPasswordPage=P.default;exports.SkdxSignInPage=a.default;exports.SkdxSignUpPage=_.default;exports.SkdxStatCard=u.default;exports.SkdxUsageCard=d.default;exports.SkdxUserMenu=g.default;exports.SkdxVerificationPage=m.default;exports.SkdxWorkspaceSwitcher=k.default;exports.defaultProviderLabel=t.defaultProviderLabel;
|
package/dist/index.d.cts
CHANGED
|
@@ -4,7 +4,6 @@ export { SkdxSignInPage, defaultProviderLabel } from './sign-in-page/index.cjs';
|
|
|
4
4
|
export type { SignInDetail, SignInProvider } from './sign-in-page/index.cjs';
|
|
5
5
|
export { SkdxEmptyState, type EmptyStateAlign, type EmptyStateHeadingLevel, type EmptyStateSize, } from './empty-state/index.cjs';
|
|
6
6
|
export { SkdxStatCard, type StatCardSentiment, type StatCardTrend } from './stat-card/index.cjs';
|
|
7
|
-
export { SkdxConfirmDialog, type ConfirmDialogSize } from './confirm-dialog/index.cjs';
|
|
8
7
|
export { SkdxFormSection, type FormSectionVariant } from './form-section/index.cjs';
|
|
9
8
|
export { SkdxUsageCard, type UsageCardStatus } from './usage-card/index.cjs';
|
|
10
9
|
export { SkdxOnboardingChecklist, type OnboardingChecklistItem, type OnboardingChecklistItemState, } from './onboarding-checklist/index.cjs';
|
package/dist/index.d.ts
CHANGED
|
@@ -4,7 +4,6 @@ export { SkdxSignInPage, defaultProviderLabel } from './sign-in-page/index.js';
|
|
|
4
4
|
export type { SignInDetail, SignInProvider } from './sign-in-page/index.js';
|
|
5
5
|
export { SkdxEmptyState, type EmptyStateAlign, type EmptyStateHeadingLevel, type EmptyStateSize, } from './empty-state/index.js';
|
|
6
6
|
export { SkdxStatCard, type StatCardSentiment, type StatCardTrend } from './stat-card/index.js';
|
|
7
|
-
export { SkdxConfirmDialog, type ConfirmDialogSize } from './confirm-dialog/index.js';
|
|
8
7
|
export { SkdxFormSection, type FormSectionVariant } from './form-section/index.js';
|
|
9
8
|
export { SkdxUsageCard, type UsageCardStatus } from './usage-card/index.js';
|
|
10
9
|
export { SkdxOnboardingChecklist, type OnboardingChecklistItem, type OnboardingChecklistItemState, } from './onboarding-checklist/index.js';
|
package/dist/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import e from"./page-container/PageContainer.vue.js";import
|
|
1
|
+
import e from"./page-container/PageContainer.vue.js";import a from"./dashboard-layout/DashboardLayout.vue.js";import{defaultProviderLabel as o}from"./sign-in-page/types.js";import r from"./sign-in-page/SignInPage.vue.js";import s from"./empty-state/EmptyState.vue.js";import t from"./stat-card/StatCard.vue.js";import i from"./form-section/FormSection.vue.js";import m from"./usage-card/UsageCard.vue.js";import n from"./onboarding-checklist/OnboardingChecklist.vue.js";import d from"./filter-bar/FilterBar.vue.js";import p from"./comment/Comment.vue.js";import g from"./comment-thread/CommentThread.vue.js";import f from"./notification-center/NotificationCenter.vue.js";import S from"./conversation-list/ConversationList.vue.js";import u from"./chat-message/ChatMessage.vue.js";import c from"./user-menu/UserMenu.vue.js";import k from"./workspace-switcher/WorkspaceSwitcher.vue.js";import v from"./chat-composer/ChatComposer.vue.js";import j from"./sign-up-page/SignUpPage.vue.js";import x from"./forgot-password-page/ForgotPasswordPage.vue.js";import C from"./reset-password-page/ResetPasswordPage.vue.js";import h from"./verification-page/VerificationPage.vue.js";export{v as SkdxChatComposer,u as SkdxChatMessage,p as SkdxComment,g as SkdxCommentThread,S as SkdxConversationList,a as SkdxDashboardLayout,s as SkdxEmptyState,d as SkdxFilterBar,x as SkdxForgotPasswordPage,i as SkdxFormSection,f as SkdxNotificationCenter,n as SkdxOnboardingChecklist,e as SkdxPageContainer,C as SkdxResetPasswordPage,r as SkdxSignInPage,j as SkdxSignUpPage,t as SkdxStatCard,m as SkdxUsageCard,c as SkdxUserMenu,h as SkdxVerificationPage,k as SkdxWorkspaceSwitcher,o as defaultProviderLabel};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
const
|
|
1
|
+
const a=require("../internal/part.cjs"),x=require("./types.cjs");let e=require("vue"),n=require("@skdx/vue");var P=["aria-labelledby"],b=(0,e.defineComponent)({__name:"SignInPage",props:{title:{default:"Sign in"},providers:{},error:{default:void 0},emailLabel:{default:"Email"},passwordLabel:{default:"Password"},submitLabel:{default:"Sign in"},magicLinkLabel:{default:"Send magic link"},getProviderLabel:{type:Function,default:x.defaultProviderLabel}},emits:["sign-in"],setup(i,{emit:f}){const d=i,s=f,c=(0,e.useId)(),m=(0,e.computed)(()=>d.providers.filter(r=>r.id==="credentials"||r.id==="magic-link")),u=(0,e.computed)(()=>d.providers.filter(r=>r.id!=="credentials"&&r.id!=="magic-link")),p=(0,e.computed)(()=>u.value.length>0&&m.value.length>0);function g(r,l){const t=r.get(l);return typeof t=="string"?t:""}function k(r,l){l.preventDefault();const t=new FormData(l.target),o=g(t,"email");s("sign-in",r==="credentials"?{providerId:r,email:o,password:g(t,"password")}:{providerId:r,email:o})}return(r,l)=>((0,e.openBlock)(),(0,e.createElementBlock)("section",(0,e.mergeProps)((0,e.unref)(a.skdxPart)("sign-in-page","root"),{"aria-labelledby":(0,e.unref)(c)}),[(0,e.createElementVNode)("div",(0,e.normalizeProps)((0,e.guardReactiveProps)((0,e.unref)(a.skdxPart)("sign-in-page","panel"))),[(0,e.createVNode)((0,e.unref)(n.SkdxHeading),(0,e.mergeProps)({id:(0,e.unref)(c)},(0,e.unref)(a.skdxPart)("sign-in-page","title"),{as:"h1"}),{default:(0,e.withCtx)(()=>[(0,e.createTextVNode)((0,e.toDisplayString)(i.title),1)]),_:1},16,["id"]),i.error?((0,e.openBlock)(),(0,e.createBlock)((0,e.unref)(n.SkdxAlert),(0,e.mergeProps)({key:0},(0,e.unref)(a.skdxPart)("sign-in-page","error"),{status:"danger"}),{default:(0,e.withCtx)(()=>[(0,e.createTextVNode)((0,e.toDisplayString)(i.error),1)]),_:1},16)):(0,e.createCommentVNode)("",!0),u.value.length?((0,e.openBlock)(),(0,e.createElementBlock)("div",(0,e.normalizeProps)((0,e.mergeProps)({key:1},(0,e.unref)(a.skdxPart)("sign-in-page","providers"))),[((0,e.openBlock)(!0),(0,e.createElementBlock)(e.Fragment,null,(0,e.renderList)(u.value,t=>((0,e.openBlock)(),(0,e.createBlock)((0,e.unref)(n.SkdxButton),(0,e.mergeProps)({key:t.id},{ref_for:!0},(0,e.unref)(a.skdxPart)("sign-in-page","provider"),{type:"button","data-provider":t.id,onClick:o=>s("sign-in",{providerId:t.id})}),{default:(0,e.withCtx)(()=>[(0,e.createTextVNode)((0,e.toDisplayString)(d.getProviderLabel(t)),1)]),_:2},1040,["data-provider","onClick"]))),128))],16)):(0,e.createCommentVNode)("",!0),p.value?((0,e.openBlock)(),(0,e.createBlock)((0,e.unref)(n.SkdxDivider),(0,e.normalizeProps)((0,e.mergeProps)({key:2},(0,e.unref)(a.skdxPart)("sign-in-page","divider"))),null,16)):(0,e.createCommentVNode)("",!0),((0,e.openBlock)(!0),(0,e.createElementBlock)(e.Fragment,null,(0,e.renderList)(m.value,t=>((0,e.openBlock)(),(0,e.createBlock)((0,e.unref)(n.SkdxForm),(0,e.mergeProps)({key:t.id},{ref_for:!0},(0,e.unref)(a.skdxPart)("sign-in-page","form"),{"data-provider":t.id,onSubmit:o=>k(t.id,o)}),{default:(0,e.withCtx)(()=>[(0,e.createVNode)((0,e.unref)(n.SkdxField),(0,e.mergeProps)({ref_for:!0},(0,e.unref)(a.skdxPart)("sign-in-page","field"),{label:i.emailLabel,required:""}),{default:(0,e.withCtx)(()=>[(0,e.createVNode)((0,e.unref)(n.SkdxTextField),{type:"email",name:"email",autocomplete:"email",required:""})]),_:1},16,["label"]),t.id==="credentials"?((0,e.openBlock)(),(0,e.createBlock)((0,e.unref)(n.SkdxField),(0,e.mergeProps)({key:0,ref_for:!0},(0,e.unref)(a.skdxPart)("sign-in-page","field"),{label:i.passwordLabel,required:""}),{default:(0,e.withCtx)(()=>[(0,e.createVNode)((0,e.unref)(n.SkdxPasswordInput),{name:"password",autocomplete:"current-password",required:""})]),_:1},16,["label"])):(0,e.createCommentVNode)("",!0),(0,e.createVNode)((0,e.unref)(n.SkdxButton),(0,e.mergeProps)({ref_for:!0},(0,e.unref)(a.skdxPart)("sign-in-page","submit"),{type:"submit"}),{default:(0,e.withCtx)(()=>[(0,e.createTextVNode)((0,e.toDisplayString)(t.id==="credentials"?i.submitLabel:i.magicLinkLabel),1)]),_:2},1040)]),_:2},1040,["data-provider","onSubmit"]))),128))],16)],16,P))}});exports.default=b;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{skdxPart as e}from"../internal/part.js";import{defaultProviderLabel as a}from"./types.js";import{Fragment as i,computed as
|
|
1
|
+
import{skdxPart as e}from"../internal/part.js";import{defaultProviderLabel as a}from"./types.js";import{Fragment as i,computed as r,createBlock as t,createCommentVNode as d,createElementBlock as l,createElementVNode as n,createTextVNode as s,createVNode as o,defineComponent as p,guardReactiveProps as u,mergeProps as g,normalizeProps as m,openBlock as f,renderList as c,toDisplayString as v,unref as b,useId as k,withCtx as y}from"vue";import{SkdxAlert as S,SkdxButton as x,SkdxDivider as L,SkdxField as _,SkdxForm as w,SkdxHeading as P,SkdxPasswordInput as F,SkdxTextField as I}from"@skdx/vue";var h=["aria-labelledby"],C=/* @__PURE__ */p({__name:"SignInPage",props:{title:{default:"Sign in"},providers:{},error:{default:void 0},emailLabel:{default:"Email"},passwordLabel:{default:"Password"},submitLabel:{default:"Sign in"},magicLinkLabel:{default:"Send magic link"},getProviderLabel:{type:Function,default:a}},emits:["sign-in"],setup(a,{emit:p}){const C=a,q=p,B=k(),D=r(()=>C.providers.filter(e=>"credentials"===e.id||"magic-link"===e.id)),N=r(()=>C.providers.filter(e=>"credentials"!==e.id&&"magic-link"!==e.id)),V=r(()=>N.value.length>0&&D.value.length>0);function E(e,a){const i=e.get(a);return"string"==typeof i?i:""}return(r,p)=>(f(),l("section",g(b(e)("sign-in-page","root"),{"aria-labelledby":b(B)}),[n("div",m(u(b(e)("sign-in-page","panel"))),[o(b(P),g({id:b(B)},b(e)("sign-in-page","title"),{as:"h1"}),{default:y(()=>[s(v(a.title),1)]),_:1},16,["id"]),a.error?(f(),t(b(S),g({key:0},b(e)("sign-in-page","error"),{status:"danger"}),{default:y(()=>[s(v(a.error),1)]),_:1},16)):d("",!0),N.value.length?(f(),l("div",m(g({key:1},b(e)("sign-in-page","providers"))),[(f(!0),l(i,null,c(N.value,a=>(f(),t(b(x),g({key:a.id},{ref_for:!0},b(e)("sign-in-page","provider"),{type:"button","data-provider":a.id,onClick:e=>q("sign-in",{providerId:a.id})}),{default:y(()=>[s(v(C.getProviderLabel(a)),1)]),_:2},1040,["data-provider","onClick"]))),128))],16)):d("",!0),V.value?(f(),t(b(L),m(g({key:2},b(e)("sign-in-page","divider"))),null,16)):d("",!0),(f(!0),l(i,null,c(D.value,i=>(f(),t(b(w),g({key:i.id},{ref_for:!0},b(e)("sign-in-page","form"),{"data-provider":i.id,onSubmit:e=>function(e,a){a.preventDefault();const i=new FormData(a.target),r=E(i,"email");q("sign-in","credentials"===e?{providerId:e,email:r,password:E(i,"password")}:{providerId:e,email:r})}(i.id,e)}),{default:y(()=>[o(b(_),g({ref_for:!0},b(e)("sign-in-page","field"),{label:a.emailLabel,required:""}),{default:y(()=>[o(b(I),{type:"email",name:"email",autocomplete:"email",required:""})]),_:1},16,["label"]),"credentials"===i.id?(f(),t(b(_),g({key:0,ref_for:!0},b(e)("sign-in-page","field"),{label:a.passwordLabel,required:""}),{default:y(()=>[o(b(F),{name:"password",autocomplete:"current-password",required:""})]),_:1},16,["label"])):d("",!0),o(b(x),g({ref_for:!0},b(e)("sign-in-page","submit"),{type:"submit"}),{default:y(()=>[s(v("credentials"===i.id?a.submitLabel:a.magicLinkLabel),1)]),_:2},1040)]),_:2},1040,["data-provider","onSubmit"]))),128))],16)],16,h))}});export{C as default};
|
|
@@ -89,6 +89,8 @@ type __VLS_Slots = {
|
|
|
89
89
|
actions?(): unknown;
|
|
90
90
|
};
|
|
91
91
|
declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
92
|
+
"update:value": (value: string) => any;
|
|
93
|
+
"value-change": (value: string) => any;
|
|
92
94
|
"update:open": (open: boolean) => any;
|
|
93
95
|
"open-change": (open: boolean) => any;
|
|
94
96
|
"open-change-complete": (open: boolean) => any;
|
|
@@ -96,11 +98,11 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}
|
|
|
96
98
|
"pointer-down-outside": (event: Event) => any;
|
|
97
99
|
"focus-outside": (event: Event) => any;
|
|
98
100
|
"interact-outside": (event: Event) => any;
|
|
99
|
-
"open-auto-focus": (event: Event) => any;
|
|
100
101
|
"close-auto-focus": (event: Event) => any;
|
|
101
|
-
"
|
|
102
|
-
"value-change": (value: string) => any;
|
|
102
|
+
"open-auto-focus": (event: Event) => any;
|
|
103
103
|
}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
|
|
104
|
+
"onUpdate:value"?: (value: string) => any;
|
|
105
|
+
"onValue-change"?: (value: string) => any;
|
|
104
106
|
"onUpdate:open"?: (open: boolean) => any;
|
|
105
107
|
"onOpen-change"?: (open: boolean) => any;
|
|
106
108
|
"onOpen-change-complete"?: (open: boolean) => any;
|
|
@@ -108,10 +110,8 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}
|
|
|
108
110
|
"onPointer-down-outside"?: (event: Event) => any;
|
|
109
111
|
"onFocus-outside"?: (event: Event) => any;
|
|
110
112
|
"onInteract-outside"?: (event: Event) => any;
|
|
111
|
-
"onOpen-auto-focus"?: (event: Event) => any;
|
|
112
113
|
"onClose-auto-focus"?: (event: Event) => any;
|
|
113
|
-
"
|
|
114
|
-
"onValue-change"?: (value: string) => any;
|
|
114
|
+
"onOpen-auto-focus"?: (event: Event) => any;
|
|
115
115
|
}>, {
|
|
116
116
|
label: string | undefined;
|
|
117
117
|
placeholder: string;
|
|
@@ -89,6 +89,8 @@ type __VLS_Slots = {
|
|
|
89
89
|
actions?(): unknown;
|
|
90
90
|
};
|
|
91
91
|
declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
92
|
+
"update:value": (value: string) => any;
|
|
93
|
+
"value-change": (value: string) => any;
|
|
92
94
|
"update:open": (open: boolean) => any;
|
|
93
95
|
"open-change": (open: boolean) => any;
|
|
94
96
|
"open-change-complete": (open: boolean) => any;
|
|
@@ -96,11 +98,11 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}
|
|
|
96
98
|
"pointer-down-outside": (event: Event) => any;
|
|
97
99
|
"focus-outside": (event: Event) => any;
|
|
98
100
|
"interact-outside": (event: Event) => any;
|
|
99
|
-
"open-auto-focus": (event: Event) => any;
|
|
100
101
|
"close-auto-focus": (event: Event) => any;
|
|
101
|
-
"
|
|
102
|
-
"value-change": (value: string) => any;
|
|
102
|
+
"open-auto-focus": (event: Event) => any;
|
|
103
103
|
}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
|
|
104
|
+
"onUpdate:value"?: (value: string) => any;
|
|
105
|
+
"onValue-change"?: (value: string) => any;
|
|
104
106
|
"onUpdate:open"?: (open: boolean) => any;
|
|
105
107
|
"onOpen-change"?: (open: boolean) => any;
|
|
106
108
|
"onOpen-change-complete"?: (open: boolean) => any;
|
|
@@ -108,10 +110,8 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}
|
|
|
108
110
|
"onPointer-down-outside"?: (event: Event) => any;
|
|
109
111
|
"onFocus-outside"?: (event: Event) => any;
|
|
110
112
|
"onInteract-outside"?: (event: Event) => any;
|
|
111
|
-
"onOpen-auto-focus"?: (event: Event) => any;
|
|
112
113
|
"onClose-auto-focus"?: (event: Event) => any;
|
|
113
|
-
"
|
|
114
|
-
"onValue-change"?: (value: string) => any;
|
|
114
|
+
"onOpen-auto-focus"?: (event: Event) => any;
|
|
115
115
|
}>, {
|
|
116
116
|
label: string | undefined;
|
|
117
117
|
placeholder: string;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@skdx/vue-blocks",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.38.0",
|
|
4
4
|
"description": "Vue blocks for the SkandaDX design system — page-level compositions of @skdx/vue styled by @skdx/skins",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"publishConfig": {
|
|
@@ -73,16 +73,6 @@
|
|
|
73
73
|
"default": "./dist/comment-thread/index.cjs"
|
|
74
74
|
}
|
|
75
75
|
},
|
|
76
|
-
"./confirm-dialog": {
|
|
77
|
-
"import": {
|
|
78
|
-
"types": "./dist/confirm-dialog/index.d.ts",
|
|
79
|
-
"default": "./dist/confirm-dialog/index.js"
|
|
80
|
-
},
|
|
81
|
-
"require": {
|
|
82
|
-
"types": "./dist/confirm-dialog/index.d.cts",
|
|
83
|
-
"default": "./dist/confirm-dialog/index.cjs"
|
|
84
|
-
}
|
|
85
|
-
},
|
|
86
76
|
"./conversation-list": {
|
|
87
77
|
"import": {
|
|
88
78
|
"types": "./dist/conversation-list/index.d.ts",
|
|
@@ -264,7 +254,7 @@
|
|
|
264
254
|
"sideEffects": false,
|
|
265
255
|
"peerDependencies": {
|
|
266
256
|
"vue": "^3.5.0",
|
|
267
|
-
"@skdx/vue": "^0.
|
|
257
|
+
"@skdx/vue": "^0.38.0"
|
|
268
258
|
},
|
|
269
259
|
"devDependencies": {
|
|
270
260
|
"@vitejs/plugin-vue": "^5.0.0",
|
|
@@ -276,7 +266,7 @@
|
|
|
276
266
|
"vitest": "^4.1.10",
|
|
277
267
|
"vue": "^3.5.39",
|
|
278
268
|
"vue-tsc": "^2.0.0",
|
|
279
|
-
"@skdx/vue": "0.
|
|
269
|
+
"@skdx/vue": "0.38.0"
|
|
280
270
|
},
|
|
281
271
|
"scripts": {
|
|
282
272
|
"lint": "eslint . --cache --cache-location node_modules/.cache/eslint/",
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
const e=require("./ConfirmDialog.vue_vue_type_script_setup_true_lang.cjs");var r=e.default;exports.default=r;
|
|
@@ -1,114 +0,0 @@
|
|
|
1
|
-
import type { ConfirmDialogSize } from './types.cjs';
|
|
2
|
-
/**
|
|
3
|
-
* Confirmation dialog block for a destructive, irreversible or sensitive action, composing the core alert dialog primitives with an externally controlled pending state that disables both buttons and blocks dismissal while the confirmed request is in flight.
|
|
4
|
-
*
|
|
5
|
-
* @example
|
|
6
|
-
* ```vue
|
|
7
|
-
* <SkdxConfirmDialog
|
|
8
|
-
* title="Delete this project?"
|
|
9
|
-
* description="This cannot be undone."
|
|
10
|
-
* destructive
|
|
11
|
-
* :pending="isDeleting"
|
|
12
|
-
* @confirm="onDeleteConfirmed"
|
|
13
|
-
* >
|
|
14
|
-
* <template #trigger>Delete project</template>
|
|
15
|
-
* </SkdxConfirmDialog>
|
|
16
|
-
* ```
|
|
17
|
-
*/
|
|
18
|
-
type __VLS_Props = {
|
|
19
|
-
/**
|
|
20
|
-
* Whether the dialog is open, for controlled usage. Pair with `v-model:open` or `@open-change`.
|
|
21
|
-
* @default undefined — uncontrolled, tracks its own open state internally.
|
|
22
|
-
*/
|
|
23
|
-
open?: boolean | undefined;
|
|
24
|
-
/**
|
|
25
|
-
* Whether the dialog starts open, for uncontrolled usage.
|
|
26
|
-
* @default false
|
|
27
|
-
*/
|
|
28
|
-
defaultOpen?: boolean;
|
|
29
|
-
/** Heading text rendered into the panel's title, naming and labelling the dialog. */
|
|
30
|
-
title: string;
|
|
31
|
-
/**
|
|
32
|
-
* Supporting sentence rendered into the panel's description, read alongside the title.
|
|
33
|
-
* @default undefined — no description region renders.
|
|
34
|
-
*/
|
|
35
|
-
description?: string | undefined;
|
|
36
|
-
/**
|
|
37
|
-
* Text of the button that carries out the confirmed action.
|
|
38
|
-
* @default 'Confirm'
|
|
39
|
-
*/
|
|
40
|
-
confirmLabel?: string;
|
|
41
|
-
/**
|
|
42
|
-
* Text of the button that abandons the action.
|
|
43
|
-
* @default 'Cancel'
|
|
44
|
-
*/
|
|
45
|
-
cancelLabel?: string;
|
|
46
|
-
/**
|
|
47
|
-
* Renders the confirm button in the danger weight and marks the panel data-status="danger", for an irreversible or destructive action.
|
|
48
|
-
* @default false
|
|
49
|
-
*/
|
|
50
|
-
destructive?: boolean;
|
|
51
|
-
/**
|
|
52
|
-
* Marks the confirmed request as in flight: disables both buttons, renders the confirm button's loading state, and blocks Escape dismissal until it clears.
|
|
53
|
-
* @default false
|
|
54
|
-
*/
|
|
55
|
-
pending?: boolean;
|
|
56
|
-
/**
|
|
57
|
-
* Disables the confirm button on its own, independent of pending, for example until a typed confirmation matches.
|
|
58
|
-
* @default false
|
|
59
|
-
*/
|
|
60
|
-
disabled?: boolean;
|
|
61
|
-
/**
|
|
62
|
-
* Panel width rung fed to the underlying dialog panel.
|
|
63
|
-
* @default undefined — the skin's own default width.
|
|
64
|
-
*/
|
|
65
|
-
size?: ConfirmDialogSize | undefined;
|
|
66
|
-
};
|
|
67
|
-
type __VLS_Slots = {
|
|
68
|
-
/** Extra content rendered between the description and the footer buttons. */
|
|
69
|
-
default?(): unknown;
|
|
70
|
-
/** Element that opens the dialog, decorated with the trigger behavior. */
|
|
71
|
-
trigger?(): unknown;
|
|
72
|
-
};
|
|
73
|
-
declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
74
|
-
"update:open": (open: boolean) => any;
|
|
75
|
-
"open-change": (open: boolean) => any;
|
|
76
|
-
"open-change-complete": (open: boolean) => any;
|
|
77
|
-
"escape-key-down": (event: Event) => any;
|
|
78
|
-
"pointer-down-outside": (event: Event) => any;
|
|
79
|
-
"focus-outside": (event: Event) => any;
|
|
80
|
-
"interact-outside": (event: Event) => any;
|
|
81
|
-
"open-auto-focus": (event: Event) => any;
|
|
82
|
-
"close-auto-focus": (event: Event) => any;
|
|
83
|
-
confirm: (event: Event) => any;
|
|
84
|
-
cancel: (event: Event) => any;
|
|
85
|
-
}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
|
|
86
|
-
"onUpdate:open"?: (open: boolean) => any;
|
|
87
|
-
"onOpen-change"?: (open: boolean) => any;
|
|
88
|
-
"onOpen-change-complete"?: (open: boolean) => any;
|
|
89
|
-
"onEscape-key-down"?: (event: Event) => any;
|
|
90
|
-
"onPointer-down-outside"?: (event: Event) => any;
|
|
91
|
-
"onFocus-outside"?: (event: Event) => any;
|
|
92
|
-
"onInteract-outside"?: (event: Event) => any;
|
|
93
|
-
"onOpen-auto-focus"?: (event: Event) => any;
|
|
94
|
-
"onClose-auto-focus"?: (event: Event) => any;
|
|
95
|
-
onConfirm?: (event: Event) => any;
|
|
96
|
-
onCancel?: (event: Event) => any;
|
|
97
|
-
}>, {
|
|
98
|
-
size: ConfirmDialogSize | undefined;
|
|
99
|
-
disabled: boolean;
|
|
100
|
-
description: string | undefined;
|
|
101
|
-
open: boolean | undefined;
|
|
102
|
-
defaultOpen: boolean;
|
|
103
|
-
confirmLabel: string;
|
|
104
|
-
cancelLabel: string;
|
|
105
|
-
destructive: boolean;
|
|
106
|
-
pending: boolean;
|
|
107
|
-
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
108
|
-
declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
|
|
109
|
-
export default _default;
|
|
110
|
-
type __VLS_WithSlots<T, S> = T & {
|
|
111
|
-
new (): {
|
|
112
|
-
$slots: S;
|
|
113
|
-
};
|
|
114
|
-
};
|
|
@@ -1,114 +0,0 @@
|
|
|
1
|
-
import type { ConfirmDialogSize } from './types.js';
|
|
2
|
-
/**
|
|
3
|
-
* Confirmation dialog block for a destructive, irreversible or sensitive action, composing the core alert dialog primitives with an externally controlled pending state that disables both buttons and blocks dismissal while the confirmed request is in flight.
|
|
4
|
-
*
|
|
5
|
-
* @example
|
|
6
|
-
* ```vue
|
|
7
|
-
* <SkdxConfirmDialog
|
|
8
|
-
* title="Delete this project?"
|
|
9
|
-
* description="This cannot be undone."
|
|
10
|
-
* destructive
|
|
11
|
-
* :pending="isDeleting"
|
|
12
|
-
* @confirm="onDeleteConfirmed"
|
|
13
|
-
* >
|
|
14
|
-
* <template #trigger>Delete project</template>
|
|
15
|
-
* </SkdxConfirmDialog>
|
|
16
|
-
* ```
|
|
17
|
-
*/
|
|
18
|
-
type __VLS_Props = {
|
|
19
|
-
/**
|
|
20
|
-
* Whether the dialog is open, for controlled usage. Pair with `v-model:open` or `@open-change`.
|
|
21
|
-
* @default undefined — uncontrolled, tracks its own open state internally.
|
|
22
|
-
*/
|
|
23
|
-
open?: boolean | undefined;
|
|
24
|
-
/**
|
|
25
|
-
* Whether the dialog starts open, for uncontrolled usage.
|
|
26
|
-
* @default false
|
|
27
|
-
*/
|
|
28
|
-
defaultOpen?: boolean;
|
|
29
|
-
/** Heading text rendered into the panel's title, naming and labelling the dialog. */
|
|
30
|
-
title: string;
|
|
31
|
-
/**
|
|
32
|
-
* Supporting sentence rendered into the panel's description, read alongside the title.
|
|
33
|
-
* @default undefined — no description region renders.
|
|
34
|
-
*/
|
|
35
|
-
description?: string | undefined;
|
|
36
|
-
/**
|
|
37
|
-
* Text of the button that carries out the confirmed action.
|
|
38
|
-
* @default 'Confirm'
|
|
39
|
-
*/
|
|
40
|
-
confirmLabel?: string;
|
|
41
|
-
/**
|
|
42
|
-
* Text of the button that abandons the action.
|
|
43
|
-
* @default 'Cancel'
|
|
44
|
-
*/
|
|
45
|
-
cancelLabel?: string;
|
|
46
|
-
/**
|
|
47
|
-
* Renders the confirm button in the danger weight and marks the panel data-status="danger", for an irreversible or destructive action.
|
|
48
|
-
* @default false
|
|
49
|
-
*/
|
|
50
|
-
destructive?: boolean;
|
|
51
|
-
/**
|
|
52
|
-
* Marks the confirmed request as in flight: disables both buttons, renders the confirm button's loading state, and blocks Escape dismissal until it clears.
|
|
53
|
-
* @default false
|
|
54
|
-
*/
|
|
55
|
-
pending?: boolean;
|
|
56
|
-
/**
|
|
57
|
-
* Disables the confirm button on its own, independent of pending, for example until a typed confirmation matches.
|
|
58
|
-
* @default false
|
|
59
|
-
*/
|
|
60
|
-
disabled?: boolean;
|
|
61
|
-
/**
|
|
62
|
-
* Panel width rung fed to the underlying dialog panel.
|
|
63
|
-
* @default undefined — the skin's own default width.
|
|
64
|
-
*/
|
|
65
|
-
size?: ConfirmDialogSize | undefined;
|
|
66
|
-
};
|
|
67
|
-
type __VLS_Slots = {
|
|
68
|
-
/** Extra content rendered between the description and the footer buttons. */
|
|
69
|
-
default?(): unknown;
|
|
70
|
-
/** Element that opens the dialog, decorated with the trigger behavior. */
|
|
71
|
-
trigger?(): unknown;
|
|
72
|
-
};
|
|
73
|
-
declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
74
|
-
"update:open": (open: boolean) => any;
|
|
75
|
-
"open-change": (open: boolean) => any;
|
|
76
|
-
"open-change-complete": (open: boolean) => any;
|
|
77
|
-
"escape-key-down": (event: Event) => any;
|
|
78
|
-
"pointer-down-outside": (event: Event) => any;
|
|
79
|
-
"focus-outside": (event: Event) => any;
|
|
80
|
-
"interact-outside": (event: Event) => any;
|
|
81
|
-
"open-auto-focus": (event: Event) => any;
|
|
82
|
-
"close-auto-focus": (event: Event) => any;
|
|
83
|
-
confirm: (event: Event) => any;
|
|
84
|
-
cancel: (event: Event) => any;
|
|
85
|
-
}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
|
|
86
|
-
"onUpdate:open"?: (open: boolean) => any;
|
|
87
|
-
"onOpen-change"?: (open: boolean) => any;
|
|
88
|
-
"onOpen-change-complete"?: (open: boolean) => any;
|
|
89
|
-
"onEscape-key-down"?: (event: Event) => any;
|
|
90
|
-
"onPointer-down-outside"?: (event: Event) => any;
|
|
91
|
-
"onFocus-outside"?: (event: Event) => any;
|
|
92
|
-
"onInteract-outside"?: (event: Event) => any;
|
|
93
|
-
"onOpen-auto-focus"?: (event: Event) => any;
|
|
94
|
-
"onClose-auto-focus"?: (event: Event) => any;
|
|
95
|
-
onConfirm?: (event: Event) => any;
|
|
96
|
-
onCancel?: (event: Event) => any;
|
|
97
|
-
}>, {
|
|
98
|
-
size: ConfirmDialogSize | undefined;
|
|
99
|
-
disabled: boolean;
|
|
100
|
-
description: string | undefined;
|
|
101
|
-
open: boolean | undefined;
|
|
102
|
-
defaultOpen: boolean;
|
|
103
|
-
confirmLabel: string;
|
|
104
|
-
cancelLabel: string;
|
|
105
|
-
destructive: boolean;
|
|
106
|
-
pending: boolean;
|
|
107
|
-
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
108
|
-
declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
|
|
109
|
-
export default _default;
|
|
110
|
-
type __VLS_WithSlots<T, S> = T & {
|
|
111
|
-
new (): {
|
|
112
|
-
$slots: S;
|
|
113
|
-
};
|
|
114
|
-
};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import e from"./ConfirmDialog.vue_vue_type_script_setup_true_lang.js";var r=e;export{r as default};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
const i=require("../internal/part.cjs");let e=require("vue"),g=require("@skdx/vue"),d=require("@skdx/vue/primitives/dialog");var m=(0,e.defineComponent)({inheritAttrs:!1,__name:"ConfirmDialog",props:{open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean,default:!1},title:{},description:{default:void 0},confirmLabel:{default:"Confirm"},cancelLabel:{default:"Cancel"},destructive:{type:Boolean,default:!1},pending:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},size:{default:void 0}},emits:["update:open","open-change","open-change-complete","escape-key-down","pointer-down-outside","focus-outside","interact-outside","open-auto-focus","close-auto-focus","confirm","cancel"],setup(n,{emit:u}){const l=n,a=u,f=(0,e.useAttrs)(),s=i.skdxPart("confirm-dialog","root"),p=(0,e.computed)(()=>l.pending),c=(0,e.computed)(()=>l.pending||l.disabled);return(r,t)=>((0,e.openBlock)(),(0,e.createBlock)((0,e.unref)(d.SkdxDialogRoot),{open:n.open,"default-open":n.defaultOpen,role:"alertdialog",dismiss:n.pending?"none":"escape","onUpdate:open":t[6]||(t[6]=o=>a("update:open",o)),onOpenChange:t[7]||(t[7]=o=>a("open-change",o)),onOpenChangeComplete:t[8]||(t[8]=o=>a("open-change-complete",o)),onConfirm:t[9]||(t[9]=o=>a("confirm",o)),onCancel:t[10]||(t[10]=o=>a("cancel",o))},{default:(0,e.withCtx)(()=>[r.$slots.trigger?((0,e.openBlock)(),(0,e.createBlock)((0,e.unref)(d.SkdxDialogTrigger),{key:0},{default:(0,e.withCtx)(()=>[(0,e.renderSlot)(r.$slots,"trigger")]),_:3})):(0,e.createCommentVNode)("",!0),(0,e.createVNode)((0,e.unref)(d.SkdxDialogOverlay)),(0,e.createVNode)((0,e.unref)(d.SkdxDialogContent),(0,e.mergeProps)((0,e.unref)(f),{class:(0,e.unref)(s).class,"data-part":(0,e.unref)(s)["data-part"],"data-skdx-component":(0,e.unref)(s)["data-skdx-component"],size:n.size,status:n.destructive?"danger":void 0,onEscapeKeyDown:t[0]||(t[0]=o=>a("escape-key-down",o)),onPointerDownOutside:t[1]||(t[1]=o=>a("pointer-down-outside",o)),onFocusOutside:t[2]||(t[2]=o=>a("focus-outside",o)),onInteractOutside:t[3]||(t[3]=o=>a("interact-outside",o)),onOpenAutoFocus:t[4]||(t[4]=o=>a("open-auto-focus",o)),onCloseAutoFocus:t[5]||(t[5]=o=>a("close-auto-focus",o))}),{default:(0,e.withCtx)(()=>[(0,e.createVNode)((0,e.unref)(d.SkdxDialogTitle),(0,e.normalizeProps)((0,e.guardReactiveProps)((0,e.unref)(i.skdxPart)("confirm-dialog","title"))),{default:(0,e.withCtx)(()=>[(0,e.createTextVNode)((0,e.toDisplayString)(n.title),1)]),_:1},16),n.description?((0,e.openBlock)(),(0,e.createBlock)((0,e.unref)(d.SkdxDialogDescription),(0,e.normalizeProps)((0,e.mergeProps)({key:0},(0,e.unref)(i.skdxPart)("confirm-dialog","description"))),{default:(0,e.withCtx)(()=>[(0,e.createTextVNode)((0,e.toDisplayString)(n.description),1)]),_:1},16)):(0,e.createCommentVNode)("",!0),r.$slots.default?((0,e.openBlock)(),(0,e.createElementBlock)("div",(0,e.normalizeProps)((0,e.mergeProps)({key:1},(0,e.unref)(i.skdxPart)("confirm-dialog","body"))),[(0,e.renderSlot)(r.$slots,"default")],16)):(0,e.createCommentVNode)("",!0),(0,e.createElementVNode)("div",(0,e.normalizeProps)((0,e.guardReactiveProps)((0,e.unref)(i.skdxPart)("confirm-dialog","footer"))),[(0,e.createVNode)((0,e.unref)(d.SkdxDialogCancel),(0,e.mergeProps)((0,e.unref)(i.skdxPart)("confirm-dialog","cancel"),{"data-variant":"ghost",disabled:p.value}),{default:(0,e.withCtx)(()=>[(0,e.createTextVNode)((0,e.toDisplayString)(n.cancelLabel),1)]),_:1},16,["disabled"]),(0,e.createVNode)((0,e.unref)(d.SkdxDialogAction),(0,e.mergeProps)((0,e.unref)(i.skdxPart)("confirm-dialog","confirm"),{"data-variant":n.destructive?"danger":"primary","data-loading":n.pending?"":void 0,disabled:c.value}),{default:(0,e.withCtx)(()=>[(0,e.createTextVNode)((0,e.toDisplayString)(n.confirmLabel)+" ",1),n.pending?((0,e.openBlock)(),(0,e.createBlock)((0,e.unref)(g.SkdxVisuallyHidden),{key:0},{default:(0,e.withCtx)(()=>[...t[11]||(t[11]=[(0,e.createTextVNode)("Loading",-1)])]),_:1})):(0,e.createCommentVNode)("",!0)]),_:1},16,["data-variant","data-loading","disabled"])],16)]),_:3},16,["class","data-part","data-skdx-component","size","status"])]),_:3},8,["open","default-open","dismiss"]))}});exports.default=m;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{skdxPart as e}from"../internal/part.js";import{computed as a,createBlock as o,createCommentVNode as t,createElementBlock as n,createElementVNode as d,createTextVNode as i,createVNode as s,defineComponent as l,guardReactiveProps as r,mergeProps as c,normalizeProps as p,openBlock as u,renderSlot as f,toDisplayString as g,unref as m,useAttrs as k,withCtx as v}from"vue";import{SkdxVisuallyHidden as x}from"@skdx/vue";import{SkdxDialogAction as y,SkdxDialogCancel as C,SkdxDialogContent as D,SkdxDialogDescription as b,SkdxDialogOverlay as S,SkdxDialogRoot as _,SkdxDialogTitle as h,SkdxDialogTrigger as O}from"@skdx/vue/primitives/dialog";var B=/* @__PURE__ */l({inheritAttrs:!1,__name:"ConfirmDialog",props:{open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean,default:!1},title:{},description:{default:void 0},confirmLabel:{default:"Confirm"},cancelLabel:{default:"Cancel"},destructive:{type:Boolean,default:!1},pending:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},size:{default:void 0}},emits:["update:open","open-change","open-change-complete","escape-key-down","pointer-down-outside","focus-outside","interact-outside","open-auto-focus","close-auto-focus","confirm","cancel"],setup(l,{emit:B}){const w=l,z=B,A=k(),L=e("confirm-dialog","root"),P=a(()=>w.pending),V=a(()=>w.pending||w.disabled);return(a,k)=>(u(),o(m(_),{open:l.open,"default-open":l.defaultOpen,role:"alertdialog",dismiss:l.pending?"none":"escape","onUpdate:open":k[6]||(k[6]=e=>z("update:open",e)),onOpenChange:k[7]||(k[7]=e=>z("open-change",e)),onOpenChangeComplete:k[8]||(k[8]=e=>z("open-change-complete",e)),onConfirm:k[9]||(k[9]=e=>z("confirm",e)),onCancel:k[10]||(k[10]=e=>z("cancel",e))},{default:v(()=>[a.$slots.trigger?(u(),o(m(O),{key:0},{default:v(()=>[f(a.$slots,"trigger")]),_:3})):t("",!0),s(m(S)),s(m(D),c(m(A),{class:m(L).class,"data-part":m(L)["data-part"],"data-skdx-component":m(L)["data-skdx-component"],size:l.size,status:l.destructive?"danger":void 0,onEscapeKeyDown:k[0]||(k[0]=e=>z("escape-key-down",e)),onPointerDownOutside:k[1]||(k[1]=e=>z("pointer-down-outside",e)),onFocusOutside:k[2]||(k[2]=e=>z("focus-outside",e)),onInteractOutside:k[3]||(k[3]=e=>z("interact-outside",e)),onOpenAutoFocus:k[4]||(k[4]=e=>z("open-auto-focus",e)),onCloseAutoFocus:k[5]||(k[5]=e=>z("close-auto-focus",e))}),{default:v(()=>[s(m(h),p(r(m(e)("confirm-dialog","title"))),{default:v(()=>[i(g(l.title),1)]),_:1},16),l.description?(u(),o(m(b),p(c({key:0},m(e)("confirm-dialog","description"))),{default:v(()=>[i(g(l.description),1)]),_:1},16)):t("",!0),a.$slots.default?(u(),n("div",p(c({key:1},m(e)("confirm-dialog","body"))),[f(a.$slots,"default")],16)):t("",!0),d("div",p(r(m(e)("confirm-dialog","footer"))),[s(m(C),c(m(e)("confirm-dialog","cancel"),{"data-variant":"ghost",disabled:P.value}),{default:v(()=>[i(g(l.cancelLabel),1)]),_:1},16,["disabled"]),s(m(y),c(m(e)("confirm-dialog","confirm"),{"data-variant":l.destructive?"danger":"primary","data-loading":l.pending?"":void 0,disabled:V.value}),{default:v(()=>[i(g(l.confirmLabel)+" ",1),l.pending?(u(),o(m(x),{key:0},{default:v(()=>[...k[11]||(k[11]=[i("Loading",-1)])]),_:1})):t("",!0)]),_:1},16,["data-variant","data-loading","disabled"])],16)]),_:3},16,["class","data-part","data-skdx-component","size","status"])]),_:3},8,["open","default-open","dismiss"]))}});export{B as default};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./ConfirmDialog.vue.cjs");exports.SkdxConfirmDialog=e.default;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import o from"./ConfirmDialog.vue.js";export{o as SkdxConfirmDialog};
|