@skdx/vue-blocks 0.38.0 → 0.40.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/DashboardLayout.vue.d.cts +6 -0
- package/dist/dashboard-layout/DashboardLayout.vue.d.ts +6 -0
- package/dist/dashboard-layout/DashboardLayout.vue_vue_type_script_setup_true_lang.cjs +1 -1
- package/dist/dashboard-layout/DashboardLayout.vue_vue_type_script_setup_true_lang.js +1 -1
- package/dist/forgot-password-page/ForgotPasswordPage.vue_vue_type_script_setup_true_lang.cjs +1 -1
- package/dist/forgot-password-page/ForgotPasswordPage.vue_vue_type_script_setup_true_lang.js +1 -1
- package/dist/page-container/PageContainer.vue.d.cts +4 -1
- package/dist/page-container/PageContainer.vue.d.ts +4 -1
- package/dist/reset-password-page/ResetPasswordPage.vue_vue_type_script_setup_true_lang.cjs +1 -1
- package/dist/reset-password-page/ResetPasswordPage.vue_vue_type_script_setup_true_lang.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/sign-up-page/SignUpPage.vue_vue_type_script_setup_true_lang.cjs +1 -1
- package/dist/sign-up-page/SignUpPage.vue_vue_type_script_setup_true_lang.js +1 -1
- package/dist/usage-card/UsageCard.vue_vue_type_script_setup_true_lang.cjs +1 -1
- package/dist/usage-card/UsageCard.vue_vue_type_script_setup_true_lang.js +1 -1
- package/dist/verification-page/VerificationPage.vue_vue_type_script_setup_true_lang.cjs +1 -1
- package/dist/verification-page/VerificationPage.vue_vue_type_script_setup_true_lang.js +1 -1
- package/dist/workspace-switcher/WorkspaceSwitcher.vue.d.cts +0 -2
- package/dist/workspace-switcher/WorkspaceSwitcher.vue.d.ts +0 -2
- package/dist/workspace-switcher/WorkspaceSwitcher.vue_vue_type_script_setup_true_lang.cjs +1 -1
- package/dist/workspace-switcher/WorkspaceSwitcher.vue_vue_type_script_setup_true_lang.js +1 -1
- package/package.json +3 -3
|
@@ -21,6 +21,11 @@ type __VLS_Props = {
|
|
|
21
21
|
title?: string | undefined;
|
|
22
22
|
/** The side navigation, one entry per item, in render order. */
|
|
23
23
|
navigation: readonly DashboardNavigationItem[];
|
|
24
|
+
/**
|
|
25
|
+
* Content element: use `div` when embedding inside an existing page main landmark.
|
|
26
|
+
* @default 'main'
|
|
27
|
+
*/
|
|
28
|
+
contentAs?: 'main' | 'div';
|
|
24
29
|
/**
|
|
25
30
|
* Whether the side navigation is shown, for controlled usage. Pair with `v-model:nav-open` or `@nav-open-change`.
|
|
26
31
|
* @default undefined — uncontrolled, seeded from `defaultNavOpen`.
|
|
@@ -58,6 +63,7 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}
|
|
|
58
63
|
"onNav-open-change"?: (navOpen: boolean) => any;
|
|
59
64
|
}>, {
|
|
60
65
|
title: string | undefined;
|
|
66
|
+
contentAs: "main" | "div";
|
|
61
67
|
navOpen: boolean | undefined;
|
|
62
68
|
defaultNavOpen: boolean;
|
|
63
69
|
navLabel: string;
|
|
@@ -21,6 +21,11 @@ type __VLS_Props = {
|
|
|
21
21
|
title?: string | undefined;
|
|
22
22
|
/** The side navigation, one entry per item, in render order. */
|
|
23
23
|
navigation: readonly DashboardNavigationItem[];
|
|
24
|
+
/**
|
|
25
|
+
* Content element: use `div` when embedding inside an existing page main landmark.
|
|
26
|
+
* @default 'main'
|
|
27
|
+
*/
|
|
28
|
+
contentAs?: 'main' | 'div';
|
|
24
29
|
/**
|
|
25
30
|
* Whether the side navigation is shown, for controlled usage. Pair with `v-model:nav-open` or `@nav-open-change`.
|
|
26
31
|
* @default undefined — uncontrolled, seeded from `defaultNavOpen`.
|
|
@@ -58,6 +63,7 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}
|
|
|
58
63
|
"onNav-open-change"?: (navOpen: boolean) => any;
|
|
59
64
|
}>, {
|
|
60
65
|
title: string | undefined;
|
|
66
|
+
contentAs: "main" | "div";
|
|
61
67
|
navOpen: boolean | undefined;
|
|
62
68
|
defaultNavOpen: boolean;
|
|
63
69
|
navLabel: string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
const a=require("../internal/part.cjs"),
|
|
1
|
+
const a=require("../internal/part.cjs"),c=require("./DashboardNavList.vue.cjs");let e=require("vue"),p=require("@skdx/vue");var m=["data-nav-open"],f=["id","aria-label","hidden"],g=(0,e.defineComponent)({__name:"DashboardLayout",props:{title:{default:void 0},navigation:{},contentAs:{default:"main"},navOpen:{type:Boolean,default:void 0},defaultNavOpen:{type:Boolean,default:!0},navLabel:{default:"Main navigation"},navToggleLabel:{default:"Toggle navigation"}},emits:["update:navOpen","nav-open-change"],setup(t,{emit:s}){const r=t,d=s,l=(0,e.useId)(),i=(0,e.ref)(r.defaultNavOpen),o=(0,e.computed)(()=>r.navOpen??i.value);function v(){const n=!o.value;r.navOpen===void 0&&(i.value=n),d("update:navOpen",n),d("nav-open-change",n)}return(n,u)=>((0,e.openBlock)(),(0,e.createElementBlock)("div",(0,e.mergeProps)((0,e.unref)(a.skdxPart)("dashboard-layout","root"),{"data-nav-open":o.value?"":void 0}),[(0,e.createElementVNode)("header",(0,e.normalizeProps)((0,e.guardReactiveProps)((0,e.unref)(a.skdxPart)("dashboard-layout","app-bar"))),[(0,e.createVNode)((0,e.unref)(p.SkdxButton),(0,e.mergeProps)((0,e.unref)(a.skdxPart)("dashboard-layout","nav-toggle"),{"icon-only":"","aria-expanded":o.value,"aria-controls":(0,e.unref)(l),"aria-label":t.navToggleLabel,onClick:v}),{default:(0,e.withCtx)(()=>[...u[0]||(u[0]=[(0,e.createTextVNode)("☰",-1)])]),_:1},16,["aria-expanded","aria-controls","aria-label"]),(0,e.createElementVNode)("div",(0,e.normalizeProps)((0,e.guardReactiveProps)((0,e.unref)(a.skdxPart)("dashboard-layout","branding"))),[(0,e.renderSlot)(n.$slots,"branding")],16),t.title?((0,e.openBlock)(),(0,e.createElementBlock)("span",(0,e.normalizeProps)((0,e.mergeProps)({key:0},(0,e.unref)(a.skdxPart)("dashboard-layout","title"))),(0,e.toDisplayString)(t.title),17)):(0,e.createCommentVNode)("",!0),(0,e.createElementVNode)("div",(0,e.normalizeProps)((0,e.guardReactiveProps)((0,e.unref)(a.skdxPart)("dashboard-layout","actions"))),[(0,e.renderSlot)(n.$slots,"actions")],16)],16),(0,e.createElementVNode)("div",(0,e.normalizeProps)((0,e.guardReactiveProps)((0,e.unref)(a.skdxPart)("dashboard-layout","body"))),[(0,e.createElementVNode)("nav",(0,e.mergeProps)({id:(0,e.unref)(l)},(0,e.unref)(a.skdxPart)("dashboard-layout","nav"),{"aria-label":t.navLabel,hidden:!o.value}),[(0,e.createVNode)(c.default,{items:t.navigation},null,8,["items"])],16,f),((0,e.openBlock)(),(0,e.createBlock)((0,e.resolveDynamicComponent)(t.contentAs==="div"?"div":"main"),(0,e.normalizeProps)((0,e.guardReactiveProps)((0,e.unref)(a.skdxPart)("dashboard-layout","content"))),{default:(0,e.withCtx)(()=>[(0,e.renderSlot)(n.$slots,"default")]),_:3},16))],16)],16,m))}});exports.default=g;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{skdxPart as a}from"../internal/part.js";import e from"./DashboardNavList.vue.js";import{computed as o,
|
|
1
|
+
import{skdxPart as a}from"../internal/part.js";import e from"./DashboardNavList.vue.js";import{computed as o,createBlock as t,createCommentVNode as n,createElementBlock as d,createElementVNode as l,createTextVNode as s,createVNode as i,defineComponent as r,guardReactiveProps as v,mergeProps as u,normalizeProps as p,openBlock as c,ref as m,renderSlot as b,resolveDynamicComponent as f,toDisplayString as g,unref as h,useId as y,withCtx as k}from"vue";import{SkdxButton as x}from"@skdx/vue";var N=["data-nav-open"],O=["id","aria-label","hidden"],B=/* @__PURE__ */r({__name:"DashboardLayout",props:{title:{default:void 0},navigation:{},contentAs:{default:"main"},navOpen:{type:Boolean,default:void 0},defaultNavOpen:{type:Boolean,default:!0},navLabel:{default:"Main navigation"},navToggleLabel:{default:"Toggle navigation"}},emits:["update:navOpen","nav-open-change"],setup(r,{emit:B}){const L=r,C=B,D=y(),P=m(L.defaultNavOpen),T=o(()=>L.navOpen??P.value);function V(){const a=!T.value;void 0===L.navOpen&&(P.value=a),C("update:navOpen",a),C("nav-open-change",a)}return(o,m)=>(c(),d("div",u(h(a)("dashboard-layout","root"),{"data-nav-open":T.value?"":void 0}),[l("header",p(v(h(a)("dashboard-layout","app-bar"))),[i(h(x),u(h(a)("dashboard-layout","nav-toggle"),{"icon-only":"","aria-expanded":T.value,"aria-controls":h(D),"aria-label":r.navToggleLabel,onClick:V}),{default:k(()=>[...m[0]||(m[0]=[s("☰",-1)])]),_:1},16,["aria-expanded","aria-controls","aria-label"]),l("div",p(v(h(a)("dashboard-layout","branding"))),[b(o.$slots,"branding")],16),r.title?(c(),d("span",p(u({key:0},h(a)("dashboard-layout","title"))),g(r.title),17)):n("",!0),l("div",p(v(h(a)("dashboard-layout","actions"))),[b(o.$slots,"actions")],16)],16),l("div",p(v(h(a)("dashboard-layout","body"))),[l("nav",u({id:h(D)},h(a)("dashboard-layout","nav"),{"aria-label":r.navLabel,hidden:!T.value}),[i(e,{items:r.navigation},null,8,["items"])],16,O),(c(),t(f("div"===r.contentAs?"div":"main"),p(v(h(a)("dashboard-layout","content"))),{default:k(()=>[b(o.$slots,"default")]),_:3},16))],16)],16,N))}});export{B as default};
|
package/dist/forgot-password-page/ForgotPasswordPage.vue_vue_type_script_setup_true_lang.cjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
const r=require("../internal/part.cjs");let e=require("vue"),a=require("@skdx/vue"),n=require("@skdx/vue/primitives/text-field");var f=["aria-labelledby"],c=(0,e.defineComponent)({__name:"ForgotPasswordPage",props:{title:{default:"Reset your password"},description:{default:void 0},error:{default:void 0},success:{default:void 0},pending:{type:Boolean,default:!1},emailLabel:{default:"Email"},submitLabel:{default:"Send reset link"}},emits:["request-reset"],setup(t,{emit:l}){const i=l,s=(0,e.useId)();function u(o){o.preventDefault();const d=new FormData(o.target).get("email");i("request-reset",{email:typeof d=="string"?d:""})}return(o,d)=>((0,e.openBlock)(),(0,e.createElementBlock)("section",(0,e.mergeProps)((0,e.unref)(r.skdxPart)("forgot-password-page","root"),{"aria-labelledby":(0,e.unref)(s)}),[(0,e.createElementVNode)("div",(0,e.normalizeProps)((0,e.guardReactiveProps)((0,e.unref)(r.skdxPart)("forgot-password-page","panel"))),[(0,e.createVNode)((0,e.unref)(a.SkdxHeading),(0,e.mergeProps)({id:(0,e.unref)(s)},(0,e.unref)(r.skdxPart)("forgot-password-page","title"),{as:"h1"}),{default:(0,e.withCtx)(()=>[(0,e.createTextVNode)((0,e.toDisplayString)(t.title),1)]),_:1},16,["id"]),t.error?((0,e.openBlock)(),(0,e.createBlock)((0,e.unref)(a.SkdxAlert),(0,e.mergeProps)({key:0},(0,e.unref)(r.skdxPart)("forgot-password-page","error"),{status:"danger"}),{default:(0,e.withCtx)(()=>[(0,e.createTextVNode)((0,e.toDisplayString)(t.error),1)]),_:1},16)):(0,e.createCommentVNode)("",!0),t.description?((0,e.openBlock)(),(0,e.createBlock)((0,e.unref)(a.SkdxText),(0,e.mergeProps)({key:1},(0,e.unref)(r.skdxPart)("forgot-password-page","description"),{as:"p",tone:"muted"}),{default:(0,e.withCtx)(()=>[(0,e.createTextVNode)((0,e.toDisplayString)(t.description),1)]),_:1},16)):(0,e.createCommentVNode)("",!0),t.success?((0,e.openBlock)(),(0,e.createBlock)((0,e.unref)(a.SkdxAlert),(0,e.mergeProps)({key:2},(0,e.unref)(r.skdxPart)("forgot-password-page","success"),{status:"success"}),{default:(0,e.withCtx)(()=>[(0,e.createTextVNode)((0,e.toDisplayString)(t.success),1)]),_:1},16)):((0,e.openBlock)(),(0,e.createBlock)((0,e.unref)(a.SkdxForm),(0,e.mergeProps)({key:3},(0,e.unref)(r.skdxPart)("forgot-password-page","form"),{onSubmit:u}),{default:(0,e.withCtx)(()=>[(0,e.createVNode)((0,e.unref)(a.SkdxField),(0,e.mergeProps)((0,e.unref)(r.skdxPart)("forgot-password-page","field"),{label:t.emailLabel,required:""}),{default:(0,e.withCtx)(()=>[(0,e.createVNode)((0,e.unref)(a.SkdxTextField),{name:"email",required:""},{default:(0,e.withCtx)(()=>[(0,e.createVNode)((0,e.unref)(n.SkdxTextFieldInput),{type:"email",autocomplete:"email"})]),_:1})]),_:1},16,["label"]),(0,e.renderSlot)(o.$slots,"default"),(0,e.createVNode)((0,e.unref)(a.SkdxButton),(0,e.mergeProps)((0,e.unref)(r.skdxPart)("forgot-password-page","submit"),{type:"submit",loading:t.pending??!1,disabled:t.pending??!1}),{default:(0,e.withCtx)(()=>[(0,e.createTextVNode)((0,e.toDisplayString)(t.submitLabel),1)]),_:1},16,["loading","disabled"])]),_:3},16)),o.$slots.footer?((0,e.openBlock)(),(0,e.createElementBlock)("div",(0,e.normalizeProps)((0,e.mergeProps)({key:4},(0,e.unref)(r.skdxPart)("forgot-password-page","footer"))),[(0,e.renderSlot)(o.$slots,"footer")],16)):(0,e.createCommentVNode)("",!0)],16)],16,f))}});exports.default=c;
|
|
1
|
+
const r=require("../internal/part.cjs");let e=require("vue"),a=require("@skdx/vue"),n=require("@skdx/vue/primitives/text-field");var f=["aria-labelledby"],c=(0,e.defineComponent)({__name:"ForgotPasswordPage",props:{title:{default:"Reset your password"},description:{default:void 0},error:{default:void 0},success:{default:void 0},pending:{type:Boolean,default:!1},emailLabel:{default:"Email"},submitLabel:{default:"Send reset link"}},emits:["request-reset"],setup(t,{emit:l}){const i=l,s=(0,e.useId)();function u(o){o.preventDefault();const d=new FormData(o.target).get("email");i("request-reset",{email:typeof d=="string"?d:""})}return(o,d)=>((0,e.openBlock)(),(0,e.createElementBlock)("section",(0,e.mergeProps)((0,e.unref)(r.skdxPart)("forgot-password-page","root"),{"aria-labelledby":(0,e.unref)(s)}),[(0,e.createElementVNode)("div",(0,e.normalizeProps)((0,e.guardReactiveProps)((0,e.unref)(r.skdxPart)("forgot-password-page","panel"))),[(0,e.createVNode)((0,e.unref)(a.SkdxHeading),(0,e.mergeProps)({id:(0,e.unref)(s)},(0,e.unref)(r.skdxPart)("forgot-password-page","title"),{as:"h1"}),{default:(0,e.withCtx)(()=>[(0,e.createTextVNode)((0,e.toDisplayString)(t.title),1)]),_:1},16,["id"]),t.error?((0,e.openBlock)(),(0,e.createBlock)((0,e.unref)(a.SkdxAlert),(0,e.mergeProps)({key:0},(0,e.unref)(r.skdxPart)("forgot-password-page","error"),{role:"alert",status:"danger"}),{default:(0,e.withCtx)(()=>[(0,e.createTextVNode)((0,e.toDisplayString)(t.error),1)]),_:1},16)):(0,e.createCommentVNode)("",!0),t.description?((0,e.openBlock)(),(0,e.createBlock)((0,e.unref)(a.SkdxText),(0,e.mergeProps)({key:1},(0,e.unref)(r.skdxPart)("forgot-password-page","description"),{as:"p",tone:"muted"}),{default:(0,e.withCtx)(()=>[(0,e.createTextVNode)((0,e.toDisplayString)(t.description),1)]),_:1},16)):(0,e.createCommentVNode)("",!0),t.success?((0,e.openBlock)(),(0,e.createBlock)((0,e.unref)(a.SkdxAlert),(0,e.mergeProps)({key:2},(0,e.unref)(r.skdxPart)("forgot-password-page","success"),{status:"success"}),{default:(0,e.withCtx)(()=>[(0,e.createTextVNode)((0,e.toDisplayString)(t.success),1)]),_:1},16)):((0,e.openBlock)(),(0,e.createBlock)((0,e.unref)(a.SkdxForm),(0,e.mergeProps)({key:3},(0,e.unref)(r.skdxPart)("forgot-password-page","form"),{onSubmit:u}),{default:(0,e.withCtx)(()=>[(0,e.createVNode)((0,e.unref)(a.SkdxField),(0,e.mergeProps)((0,e.unref)(r.skdxPart)("forgot-password-page","field"),{label:t.emailLabel,required:""}),{default:(0,e.withCtx)(()=>[(0,e.createVNode)((0,e.unref)(a.SkdxTextField),{name:"email",required:""},{default:(0,e.withCtx)(()=>[(0,e.createVNode)((0,e.unref)(n.SkdxTextFieldInput),{type:"email",autocomplete:"email"})]),_:1})]),_:1},16,["label"]),(0,e.renderSlot)(o.$slots,"default"),(0,e.createVNode)((0,e.unref)(a.SkdxButton),(0,e.mergeProps)((0,e.unref)(r.skdxPart)("forgot-password-page","submit"),{type:"submit",loading:t.pending??!1,disabled:t.pending??!1}),{default:(0,e.withCtx)(()=>[(0,e.createTextVNode)((0,e.toDisplayString)(t.submitLabel),1)]),_:1},16,["loading","disabled"])]),_:3},16)),o.$slots.footer?((0,e.openBlock)(),(0,e.createElementBlock)("div",(0,e.normalizeProps)((0,e.mergeProps)({key:4},(0,e.unref)(r.skdxPart)("forgot-password-page","footer"))),[(0,e.renderSlot)(o.$slots,"footer")],16)):(0,e.createCommentVNode)("",!0)],16)],16,f))}});exports.default=c;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{skdxPart as e}from"../internal/part.js";import{createBlock as a,createCommentVNode as t,createElementBlock as s,createElementVNode as o,createTextVNode as r,createVNode as d,defineComponent as l,guardReactiveProps as i,mergeProps as p,normalizeProps as u,openBlock as n,renderSlot as f,toDisplayString as m,unref as g,useId as c,withCtx as k}from"vue";import{SkdxAlert as x,SkdxButton as b,SkdxField as w,SkdxForm as y,SkdxHeading as v,SkdxText as S,SkdxTextField as _}from"@skdx/vue";import{SkdxTextFieldInput as F}from"@skdx/vue/primitives/text-field";var P=["aria-labelledby"],B=/* @__PURE__ */l({__name:"ForgotPasswordPage",props:{title:{default:"Reset your password"},description:{default:void 0},error:{default:void 0},success:{default:void 0},pending:{type:Boolean,default:!1},emailLabel:{default:"Email"},submitLabel:{default:"Send reset link"}},emits:["request-reset"],setup(l,{emit:B}){const q=B,L=c();function N(e){e.preventDefault();const a=new FormData(e.target).get("email");q("request-reset",{email:"string"==typeof a?a:""})}return(c,B)=>(n(),s("section",p(g(e)("forgot-password-page","root"),{"aria-labelledby":g(L)}),[o("div",u(i(g(e)("forgot-password-page","panel"))),[d(g(v),p({id:g(L)},g(e)("forgot-password-page","title"),{as:"h1"}),{default:k(()=>[r(m(l.title),1)]),_:1},16,["id"]),l.error?(n(),a(g(x),p({key:0},g(e)("forgot-password-page","error"),{status:"danger"}),{default:k(()=>[r(m(l.error),1)]),_:1},16)):t("",!0),l.description?(n(),a(g(S),p({key:1},g(e)("forgot-password-page","description"),{as:"p",tone:"muted"}),{default:k(()=>[r(m(l.description),1)]),_:1},16)):t("",!0),l.success?(n(),a(g(x),p({key:2},g(e)("forgot-password-page","success"),{status:"success"}),{default:k(()=>[r(m(l.success),1)]),_:1},16)):(n(),a(g(y),p({key:3},g(e)("forgot-password-page","form"),{onSubmit:N}),{default:k(()=>[d(g(w),p(g(e)("forgot-password-page","field"),{label:l.emailLabel,required:""}),{default:k(()=>[d(g(_),{name:"email",required:""},{default:k(()=>[d(g(F),{type:"email",autocomplete:"email"})]),_:1})]),_:1},16,["label"]),f(c.$slots,"default"),d(g(b),p(g(e)("forgot-password-page","submit"),{type:"submit",loading:l.pending??!1,disabled:l.pending??!1}),{default:k(()=>[r(m(l.submitLabel),1)]),_:1},16,["loading","disabled"])]),_:3},16)),c.$slots.footer?(n(),s("div",u(p({key:4},g(e)("forgot-password-page","footer"))),[f(c.$slots,"footer")],16)):t("",!0)],16)],16,P))}});export{B as default};
|
|
1
|
+
import{skdxPart as e}from"../internal/part.js";import{createBlock as a,createCommentVNode as t,createElementBlock as s,createElementVNode as o,createTextVNode as r,createVNode as d,defineComponent as l,guardReactiveProps as i,mergeProps as p,normalizeProps as u,openBlock as n,renderSlot as f,toDisplayString as m,unref as g,useId as c,withCtx as k}from"vue";import{SkdxAlert as x,SkdxButton as b,SkdxField as w,SkdxForm as y,SkdxHeading as v,SkdxText as S,SkdxTextField as _}from"@skdx/vue";import{SkdxTextFieldInput as F}from"@skdx/vue/primitives/text-field";var P=["aria-labelledby"],B=/* @__PURE__ */l({__name:"ForgotPasswordPage",props:{title:{default:"Reset your password"},description:{default:void 0},error:{default:void 0},success:{default:void 0},pending:{type:Boolean,default:!1},emailLabel:{default:"Email"},submitLabel:{default:"Send reset link"}},emits:["request-reset"],setup(l,{emit:B}){const q=B,L=c();function N(e){e.preventDefault();const a=new FormData(e.target).get("email");q("request-reset",{email:"string"==typeof a?a:""})}return(c,B)=>(n(),s("section",p(g(e)("forgot-password-page","root"),{"aria-labelledby":g(L)}),[o("div",u(i(g(e)("forgot-password-page","panel"))),[d(g(v),p({id:g(L)},g(e)("forgot-password-page","title"),{as:"h1"}),{default:k(()=>[r(m(l.title),1)]),_:1},16,["id"]),l.error?(n(),a(g(x),p({key:0},g(e)("forgot-password-page","error"),{role:"alert",status:"danger"}),{default:k(()=>[r(m(l.error),1)]),_:1},16)):t("",!0),l.description?(n(),a(g(S),p({key:1},g(e)("forgot-password-page","description"),{as:"p",tone:"muted"}),{default:k(()=>[r(m(l.description),1)]),_:1},16)):t("",!0),l.success?(n(),a(g(x),p({key:2},g(e)("forgot-password-page","success"),{status:"success"}),{default:k(()=>[r(m(l.success),1)]),_:1},16)):(n(),a(g(y),p({key:3},g(e)("forgot-password-page","form"),{onSubmit:N}),{default:k(()=>[d(g(w),p(g(e)("forgot-password-page","field"),{label:l.emailLabel,required:""}),{default:k(()=>[d(g(_),{name:"email",required:""},{default:k(()=>[d(g(F),{type:"email",autocomplete:"email"})]),_:1})]),_:1},16,["label"]),f(c.$slots,"default"),d(g(b),p(g(e)("forgot-password-page","submit"),{type:"submit",loading:l.pending??!1,disabled:l.pending??!1}),{default:k(()=>[r(m(l.submitLabel),1)]),_:1},16,["loading","disabled"])]),_:3},16)),c.$slots.footer?(n(),s("div",u(p({key:4},g(e)("forgot-password-page","footer"))),[f(c.$slots,"footer")],16)):t("",!0)],16)],16,P))}});export{B as default};
|
|
@@ -39,7 +39,10 @@ type __VLS_Props = {
|
|
|
39
39
|
type __VLS_Slots = {
|
|
40
40
|
/** The page content rendered below the header. */
|
|
41
41
|
default?(): unknown;
|
|
42
|
-
/**
|
|
42
|
+
/**
|
|
43
|
+
* Toolbar parts placed inside the derived Toolbar beside the heading; no toolbar renders
|
|
44
|
+
* without it. Pass toolbar parts — a toolbar button, link, separator or toggle group; anything else stays its own Tab stop and the arrow keys skip it, since only a toolbar part joins the roving tabindex.
|
|
45
|
+
*/
|
|
43
46
|
actions?(): unknown;
|
|
44
47
|
};
|
|
45
48
|
declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
|
|
@@ -39,7 +39,10 @@ type __VLS_Props = {
|
|
|
39
39
|
type __VLS_Slots = {
|
|
40
40
|
/** The page content rendered below the header. */
|
|
41
41
|
default?(): unknown;
|
|
42
|
-
/**
|
|
42
|
+
/**
|
|
43
|
+
* Toolbar parts placed inside the derived Toolbar beside the heading; no toolbar renders
|
|
44
|
+
* without it. Pass toolbar parts — a toolbar button, link, separator or toggle group; anything else stays its own Tab stop and the arrow keys skip it, since only a toolbar part joins the roving tabindex.
|
|
45
|
+
*/
|
|
43
46
|
actions?(): unknown;
|
|
44
47
|
};
|
|
45
48
|
declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
const a=require("../internal/part.cjs");let e=require("vue"),o=require("@skdx/vue"),P=require("@skdx/vue/primitives/field"),d=require("@skdx/vue/primitives/password-input");var x=["aria-labelledby"],l="confirmPassword",b=(0,e.defineComponent)({__name:"ResetPasswordPage",props:{title:{default:"Choose a new password"},error:{default:void 0},success:{default:void 0},pending:{type:Boolean,default:!1},passwordLabel:{default:"New password"},confirmPasswordLabel:{default:void 0},passwordMismatchMessage:{default:"Passwords do not match"},submitLabel:{default:"Update password"}},emits:["reset-password"],setup(
|
|
1
|
+
const a=require("../internal/part.cjs");let e=require("vue"),o=require("@skdx/vue"),P=require("@skdx/vue/primitives/field"),d=require("@skdx/vue/primitives/password-input");var x=["aria-labelledby"],l="confirmPassword",b=(0,e.defineComponent)({__name:"ResetPasswordPage",props:{title:{default:"Choose a new password"},error:{default:void 0},success:{default:void 0},pending:{type:Boolean,default:!1},passwordLabel:{default:"New password"},confirmPasswordLabel:{default:void 0},passwordMismatchMessage:{default:"Passwords do not match"},submitLabel:{default:"Update password"}},emits:["reset-password"],setup(r,{emit:p}){const u=r,m=p,i=(0,e.useId)();function w(t){const s=t.elements.namedItem(l);return s instanceof HTMLInputElement?s:null}function k(t){t.preventDefault();const s=t.target,c=new FormData(s).get("password"),f=typeof c=="string"?c:"",n=u.confirmPasswordLabel===void 0?null:w(s);if(n&&n.value!==f){n.setCustomValidity(u.passwordMismatchMessage),s.reportValidity();return}m("reset-password",{password:f})}function g(t){const s=t.target;s instanceof HTMLInputElement&&s.name===l&&s.setCustomValidity("")}return(t,s)=>((0,e.openBlock)(),(0,e.createElementBlock)("section",(0,e.mergeProps)((0,e.unref)(a.skdxPart)("reset-password-page","root"),{"aria-labelledby":(0,e.unref)(i)}),[(0,e.createElementVNode)("div",(0,e.normalizeProps)((0,e.guardReactiveProps)((0,e.unref)(a.skdxPart)("reset-password-page","panel"))),[(0,e.createVNode)((0,e.unref)(o.SkdxHeading),(0,e.mergeProps)({id:(0,e.unref)(i)},(0,e.unref)(a.skdxPart)("reset-password-page","title"),{as:"h1"}),{default:(0,e.withCtx)(()=>[(0,e.createTextVNode)((0,e.toDisplayString)(r.title),1)]),_:1},16,["id"]),r.error?((0,e.openBlock)(),(0,e.createBlock)((0,e.unref)(o.SkdxAlert),(0,e.mergeProps)({key:0},(0,e.unref)(a.skdxPart)("reset-password-page","error"),{role:"alert",status:"danger"}),{default:(0,e.withCtx)(()=>[(0,e.createTextVNode)((0,e.toDisplayString)(r.error),1)]),_:1},16)):(0,e.createCommentVNode)("",!0),r.success?((0,e.openBlock)(),(0,e.createBlock)((0,e.unref)(o.SkdxAlert),(0,e.mergeProps)({key:1},(0,e.unref)(a.skdxPart)("reset-password-page","success"),{status:"success"}),{default:(0,e.withCtx)(()=>[(0,e.createTextVNode)((0,e.toDisplayString)(r.success),1)]),_:1},16)):((0,e.openBlock)(),(0,e.createBlock)((0,e.unref)(o.SkdxForm),(0,e.mergeProps)({key:2},(0,e.unref)(a.skdxPart)("reset-password-page","form"),{onSubmit:k,onInput:g}),{default:(0,e.withCtx)(()=>[(0,e.createVNode)((0,e.unref)(o.SkdxField),(0,e.mergeProps)((0,e.unref)(a.skdxPart)("reset-password-page","field"),{label:r.passwordLabel,required:""}),{default:(0,e.withCtx)(()=>[(0,e.createVNode)((0,e.unref)(o.SkdxPasswordInput),{name:"password",required:""},{default:(0,e.withCtx)(()=>[(0,e.createVNode)((0,e.unref)(d.SkdxPasswordInputField),{autocomplete:"new-password"}),(0,e.createVNode)((0,e.unref)(d.SkdxPasswordInputToggle))]),_:1}),t.$slots.requirements?((0,e.openBlock)(),(0,e.createBlock)((0,e.unref)(P.SkdxFieldDescription),(0,e.normalizeProps)((0,e.mergeProps)({key:0},(0,e.unref)(a.skdxPart)("reset-password-page","requirements"))),{default:(0,e.withCtx)(()=>[(0,e.renderSlot)(t.$slots,"requirements")]),_:3},16)):(0,e.createCommentVNode)("",!0)]),_:3},16,["label"]),r.confirmPasswordLabel!==void 0?((0,e.openBlock)(),(0,e.createBlock)((0,e.unref)(o.SkdxField),(0,e.mergeProps)({key:0},(0,e.unref)(a.skdxPart)("reset-password-page","field"),{label:r.confirmPasswordLabel,required:""}),{default:(0,e.withCtx)(()=>[(0,e.createVNode)((0,e.unref)(o.SkdxPasswordInput),{name:l,required:""},{default:(0,e.withCtx)(()=>[(0,e.createVNode)((0,e.unref)(d.SkdxPasswordInputField),{autocomplete:"new-password"}),(0,e.createVNode)((0,e.unref)(d.SkdxPasswordInputToggle))]),_:1})]),_:1},16,["label"])):(0,e.createCommentVNode)("",!0),(0,e.renderSlot)(t.$slots,"default"),(0,e.createVNode)((0,e.unref)(o.SkdxButton),(0,e.mergeProps)((0,e.unref)(a.skdxPart)("reset-password-page","submit"),{type:"submit",loading:r.pending??!1,disabled:r.pending??!1}),{default:(0,e.withCtx)(()=>[(0,e.createTextVNode)((0,e.toDisplayString)(r.submitLabel),1)]),_:1},16,["loading","disabled"])]),_:3},16)),t.$slots.footer?((0,e.openBlock)(),(0,e.createElementBlock)("div",(0,e.normalizeProps)((0,e.mergeProps)({key:3},(0,e.unref)(a.skdxPart)("reset-password-page","footer"))),[(0,e.renderSlot)(t.$slots,"footer")],16)):(0,e.createCommentVNode)("",!0)],16)],16,x))}});exports.default=b;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{skdxPart as e}from"../internal/part.js";import{createBlock as s,createCommentVNode as a,createElementBlock as t,createElementVNode as r,createTextVNode as o,createVNode as d,defineComponent as l,guardReactiveProps as i,mergeProps as n,normalizeProps as p,openBlock as u,renderSlot as m,toDisplayString as f,unref as w,useId as c,withCtx as g}from"vue";import{SkdxAlert as b,SkdxButton as k,SkdxField as v,SkdxForm as x,SkdxHeading as y,SkdxPasswordInput as P}from"@skdx/vue";import{SkdxFieldDescription as S}from"@skdx/vue/primitives/field";import{SkdxPasswordInputField as _,SkdxPasswordInputToggle as L}from"@skdx/vue/primitives/password-input";var I=["aria-labelledby"],q="confirmPassword",V=/* @__PURE__ */l({__name:"ResetPasswordPage",props:{title:{default:"Choose a new password"},error:{default:void 0},success:{default:void 0},pending:{type:Boolean,default:!1},passwordLabel:{default:"New password"},confirmPasswordLabel:{default:void 0},passwordMismatchMessage:{default:"Passwords do not match"},submitLabel:{default:"Update password"}},emits:["reset-password"],setup(l,{emit:V}){const h=l,C=V,M=c();function B(e){e.preventDefault();const s=e.target,a=new FormData(s).get("password"),t="string"==typeof a?a:"",r=void 0===h.confirmPasswordLabel?null:function(e){const s=e.elements.namedItem(q);return s instanceof HTMLInputElement?s:null}(s);if(r&&r.value!==t)return r.setCustomValidity(h.passwordMismatchMessage),void s.reportValidity();C("reset-password",{password:t})}function F(e){const s=e.target;s instanceof HTMLInputElement&&s.name===q&&s.setCustomValidity("")}return(c,V)=>(u(),t("section",n(w(e)("reset-password-page","root"),{"aria-labelledby":w(M)}),[r("div",p(i(w(e)("reset-password-page","panel"))),[d(w(y),n({id:w(M)},w(e)("reset-password-page","title"),{as:"h1"}),{default:g(()=>[o(f(l.title),1)]),_:1},16,["id"]),l.error?(u(),s(w(b),n({key:0},w(e)("reset-password-page","error"),{status:"danger"}),{default:g(()=>[o(f(l.error),1)]),_:1},16)):a("",!0),l.success?(u(),s(w(b),n({key:1},w(e)("reset-password-page","success"),{status:"success"}),{default:g(()=>[o(f(l.success),1)]),_:1},16)):(u(),s(w(x),n({key:2},w(e)("reset-password-page","form"),{onSubmit:B,onInput:F}),{default:g(()=>[d(w(v),n(w(e)("reset-password-page","field"),{label:l.passwordLabel,required:""}),{default:g(()=>[d(w(P),{name:"password",required:""},{default:g(()=>[d(w(_),{autocomplete:"new-password"}),d(w(L))]),_:1}),c.$slots.requirements?(u(),s(w(S),p(n({key:0},w(e)("reset-password-page","requirements"))),{default:g(()=>[m(c.$slots,"requirements")]),_:3},16)):a("",!0)]),_:3},16,["label"]),void 0!==l.confirmPasswordLabel?(u(),s(w(v),n({key:0},w(e)("reset-password-page","field"),{label:l.confirmPasswordLabel,required:""}),{default:g(()=>[d(w(P),{name:q,required:""},{default:g(()=>[d(w(_),{autocomplete:"new-password"}),d(w(L))]),_:1})]),_:1},16,["label"])):a("",!0),m(c.$slots,"default"),d(w(k),n(w(e)("reset-password-page","submit"),{type:"submit",loading:l.pending??!1,disabled:l.pending??!1}),{default:g(()=>[o(f(l.submitLabel),1)]),_:1},16,["loading","disabled"])]),_:3},16)),c.$slots.footer?(u(),t("div",p(n({key:3},w(e)("reset-password-page","footer"))),[m(c.$slots,"footer")],16)):a("",!0)],16)],16,I))}});export{V as default};
|
|
1
|
+
import{skdxPart as e}from"../internal/part.js";import{createBlock as s,createCommentVNode as a,createElementBlock as t,createElementVNode as r,createTextVNode as o,createVNode as d,defineComponent as l,guardReactiveProps as i,mergeProps as n,normalizeProps as p,openBlock as u,renderSlot as m,toDisplayString as f,unref as w,useId as c,withCtx as g}from"vue";import{SkdxAlert as b,SkdxButton as k,SkdxField as v,SkdxForm as x,SkdxHeading as y,SkdxPasswordInput as P}from"@skdx/vue";import{SkdxFieldDescription as S}from"@skdx/vue/primitives/field";import{SkdxPasswordInputField as _,SkdxPasswordInputToggle as L}from"@skdx/vue/primitives/password-input";var I=["aria-labelledby"],q="confirmPassword",V=/* @__PURE__ */l({__name:"ResetPasswordPage",props:{title:{default:"Choose a new password"},error:{default:void 0},success:{default:void 0},pending:{type:Boolean,default:!1},passwordLabel:{default:"New password"},confirmPasswordLabel:{default:void 0},passwordMismatchMessage:{default:"Passwords do not match"},submitLabel:{default:"Update password"}},emits:["reset-password"],setup(l,{emit:V}){const h=l,C=V,M=c();function B(e){e.preventDefault();const s=e.target,a=new FormData(s).get("password"),t="string"==typeof a?a:"",r=void 0===h.confirmPasswordLabel?null:function(e){const s=e.elements.namedItem(q);return s instanceof HTMLInputElement?s:null}(s);if(r&&r.value!==t)return r.setCustomValidity(h.passwordMismatchMessage),void s.reportValidity();C("reset-password",{password:t})}function F(e){const s=e.target;s instanceof HTMLInputElement&&s.name===q&&s.setCustomValidity("")}return(c,V)=>(u(),t("section",n(w(e)("reset-password-page","root"),{"aria-labelledby":w(M)}),[r("div",p(i(w(e)("reset-password-page","panel"))),[d(w(y),n({id:w(M)},w(e)("reset-password-page","title"),{as:"h1"}),{default:g(()=>[o(f(l.title),1)]),_:1},16,["id"]),l.error?(u(),s(w(b),n({key:0},w(e)("reset-password-page","error"),{role:"alert",status:"danger"}),{default:g(()=>[o(f(l.error),1)]),_:1},16)):a("",!0),l.success?(u(),s(w(b),n({key:1},w(e)("reset-password-page","success"),{status:"success"}),{default:g(()=>[o(f(l.success),1)]),_:1},16)):(u(),s(w(x),n({key:2},w(e)("reset-password-page","form"),{onSubmit:B,onInput:F}),{default:g(()=>[d(w(v),n(w(e)("reset-password-page","field"),{label:l.passwordLabel,required:""}),{default:g(()=>[d(w(P),{name:"password",required:""},{default:g(()=>[d(w(_),{autocomplete:"new-password"}),d(w(L))]),_:1}),c.$slots.requirements?(u(),s(w(S),p(n({key:0},w(e)("reset-password-page","requirements"))),{default:g(()=>[m(c.$slots,"requirements")]),_:3},16)):a("",!0)]),_:3},16,["label"]),void 0!==l.confirmPasswordLabel?(u(),s(w(v),n({key:0},w(e)("reset-password-page","field"),{label:l.confirmPasswordLabel,required:""}),{default:g(()=>[d(w(P),{name:q,required:""},{default:g(()=>[d(w(_),{autocomplete:"new-password"}),d(w(L))]),_:1})]),_:1},16,["label"])):a("",!0),m(c.$slots,"default"),d(w(k),n(w(e)("reset-password-page","submit"),{type:"submit",loading:l.pending??!1,disabled:l.pending??!1}),{default:g(()=>[o(f(l.submitLabel),1)]),_:1},16,["loading","disabled"])]),_:3},16)),c.$slots.footer?(u(),t("div",p(n({key:3},w(e)("reset-password-page","footer"))),[m(c.$slots,"footer")],16)):a("",!0)],16)],16,I))}});export{V as default};
|
|
@@ -1 +1 @@
|
|
|
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
|
+
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"),{role:"alert",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 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};
|
|
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"),{role:"alert",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};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
const
|
|
1
|
+
const o=require("../internal/part.cjs"),h=require("../sign-in-page/types.cjs");let e=require("vue"),a=require("@skdx/vue"),P=require("@skdx/vue/primitives/text-field"),v=require("@skdx/vue/primitives/field"),i=require("@skdx/vue/primitives/password-input");var y=["aria-labelledby"],p="confirmPassword",g="terms",B=(0,e.defineComponent)({__name:"SignUpPage",props:{title:{default:"Create account"},providers:{default:()=>[]},error:{default:void 0},pending:{type:Boolean,default:!1},nameLabel:{default:void 0},emailLabel:{default:"Email"},passwordLabel:{default:"Password"},confirmPasswordLabel:{default:void 0},passwordMismatchMessage:{default:"Passwords do not match"},submitLabel:{default:"Create account"},getProviderLabel:{type:Function,default:h.defaultProviderLabel}},emits:["sign-up"],setup(n,{emit:w}){const l=n,k=w,b=(0,e.useSlots)(),x=(0,e.useId)(),u=(0,e.ref)("");function s(r,t){const d=r.get(t);return typeof d=="string"?d:""}function S(r){const t=r.elements.namedItem(p);return t instanceof HTMLInputElement?t:null}function C(r){r.preventDefault();const t=r.target,d=new FormData(t),f=s(d,"password"),m=l.confirmPasswordLabel===void 0?null:S(t);if(m&&m.value!==f){m.setCustomValidity(l.passwordMismatchMessage),t.reportValidity();return}const c={providerId:"credentials",email:s(d,"email"),password:f};l.nameLabel!==void 0&&(c.name=s(d,"name")),b.terms&&(c.termsAccepted=d.get(g)!==null),k("sign-up",c)}function V(r){const t=r.target;t instanceof HTMLInputElement&&t.name===g&&(u.value=t.validationMessage)}function N(r){const t=r.target;t instanceof HTMLInputElement&&t.name===p&&t.setCustomValidity("")}return(r,t)=>((0,e.openBlock)(),(0,e.createElementBlock)("section",(0,e.mergeProps)((0,e.unref)(o.skdxPart)("sign-up-page","root"),{"aria-labelledby":(0,e.unref)(x)}),[(0,e.createElementVNode)("div",(0,e.normalizeProps)((0,e.guardReactiveProps)((0,e.unref)(o.skdxPart)("sign-up-page","panel"))),[(0,e.createVNode)((0,e.unref)(a.SkdxHeading),(0,e.mergeProps)({id:(0,e.unref)(x)},(0,e.unref)(o.skdxPart)("sign-up-page","title"),{as:"h1"}),{default:(0,e.withCtx)(()=>[(0,e.createTextVNode)((0,e.toDisplayString)(n.title),1)]),_:1},16,["id"]),n.error?((0,e.openBlock)(),(0,e.createBlock)((0,e.unref)(a.SkdxAlert),(0,e.mergeProps)({key:0},(0,e.unref)(o.skdxPart)("sign-up-page","error"),{role:"alert",status:"danger"}),{default:(0,e.withCtx)(()=>[(0,e.createTextVNode)((0,e.toDisplayString)(n.error),1)]),_:1},16)):(0,e.createCommentVNode)("",!0),l.providers.length?((0,e.openBlock)(),(0,e.createElementBlock)("div",(0,e.normalizeProps)((0,e.mergeProps)({key:1},(0,e.unref)(o.skdxPart)("sign-up-page","providers"))),[((0,e.openBlock)(!0),(0,e.createElementBlock)(e.Fragment,null,(0,e.renderList)(l.providers,d=>((0,e.openBlock)(),(0,e.createBlock)((0,e.unref)(a.SkdxButton),(0,e.mergeProps)({key:d.id},{ref_for:!0},(0,e.unref)(o.skdxPart)("sign-up-page","provider"),{type:"button","data-provider":d.id,onClick:f=>k("sign-up",{providerId:d.id})}),{default:(0,e.withCtx)(()=>[(0,e.createTextVNode)((0,e.toDisplayString)(l.getProviderLabel(d)),1)]),_:2},1040,["data-provider","onClick"]))),128))],16)):(0,e.createCommentVNode)("",!0),l.providers.length?((0,e.openBlock)(),(0,e.createBlock)((0,e.unref)(a.SkdxDivider),(0,e.normalizeProps)((0,e.mergeProps)({key:2},(0,e.unref)(o.skdxPart)("sign-up-page","divider"))),null,16)):(0,e.createCommentVNode)("",!0),(0,e.createVNode)((0,e.unref)(a.SkdxForm),(0,e.mergeProps)((0,e.unref)(o.skdxPart)("sign-up-page","form"),{onSubmit:C,onInput:N,onInvalidCapture:V}),{default:(0,e.withCtx)(()=>[n.nameLabel!==void 0?((0,e.openBlock)(),(0,e.createBlock)((0,e.unref)(a.SkdxField),(0,e.mergeProps)({key:0},(0,e.unref)(o.skdxPart)("sign-up-page","field"),{label:n.nameLabel,required:""}),{default:(0,e.withCtx)(()=>[(0,e.createVNode)((0,e.unref)(a.SkdxTextField),{name:"name",required:""},{default:(0,e.withCtx)(()=>[(0,e.createVNode)((0,e.unref)(P.SkdxTextFieldInput),{autocomplete:"name"})]),_:1})]),_:1},16,["label"])):(0,e.createCommentVNode)("",!0),(0,e.createVNode)((0,e.unref)(a.SkdxField),(0,e.mergeProps)((0,e.unref)(o.skdxPart)("sign-up-page","field"),{label:n.emailLabel,required:""}),{default:(0,e.withCtx)(()=>[(0,e.createVNode)((0,e.unref)(a.SkdxTextField),{name:"email",required:""},{default:(0,e.withCtx)(()=>[(0,e.createVNode)((0,e.unref)(P.SkdxTextFieldInput),{type:"email",autocomplete:"email"})]),_:1})]),_:1},16,["label"]),(0,e.createVNode)((0,e.unref)(a.SkdxField),(0,e.mergeProps)((0,e.unref)(o.skdxPart)("sign-up-page","field"),{label:n.passwordLabel,required:""}),{default:(0,e.withCtx)(()=>[(0,e.createVNode)((0,e.unref)(a.SkdxPasswordInput),{name:"password",required:""},{default:(0,e.withCtx)(()=>[(0,e.createVNode)((0,e.unref)(i.SkdxPasswordInputField),{autocomplete:"new-password"}),(0,e.createVNode)((0,e.unref)(i.SkdxPasswordInputToggle))]),_:1})]),_:1},16,["label"]),n.confirmPasswordLabel!==void 0?((0,e.openBlock)(),(0,e.createBlock)((0,e.unref)(a.SkdxField),(0,e.mergeProps)({key:1},(0,e.unref)(o.skdxPart)("sign-up-page","field"),{label:n.confirmPasswordLabel,required:""}),{default:(0,e.withCtx)(()=>[(0,e.createVNode)((0,e.unref)(a.SkdxPasswordInput),{name:p,required:""},{default:(0,e.withCtx)(()=>[(0,e.createVNode)((0,e.unref)(i.SkdxPasswordInputField),{autocomplete:"new-password"}),(0,e.createVNode)((0,e.unref)(i.SkdxPasswordInputToggle))]),_:1})]),_:1},16,["label"])):(0,e.createCommentVNode)("",!0),(0,e.renderSlot)(r.$slots,"default"),r.$slots.terms?((0,e.openBlock)(),(0,e.createBlock)((0,e.unref)(a.SkdxField),(0,e.mergeProps)({key:2},(0,e.unref)(o.skdxPart)("sign-up-page","terms"),{required:"",errors:u.value}),{default:(0,e.withCtx)(()=>[(0,e.createVNode)((0,e.unref)(v.SkdxFieldLabel),null,{default:(0,e.withCtx)(()=>[(0,e.renderSlot)(r.$slots,"terms"),t[1]||(t[1]=(0,e.createTextVNode)()),(0,e.createVNode)((0,e.unref)(v.SkdxFieldRequiredIndicator))]),_:3}),(0,e.createVNode)((0,e.unref)(a.SkdxCheckbox),{name:g,required:"",onCheckedChange:t[0]||(t[0]=d=>u.value="")})]),_:3},16,["errors"])):(0,e.createCommentVNode)("",!0),(0,e.createVNode)((0,e.unref)(a.SkdxButton),(0,e.mergeProps)((0,e.unref)(o.skdxPart)("sign-up-page","submit"),{type:"submit",loading:n.pending??!1,disabled:n.pending??!1}),{default:(0,e.withCtx)(()=>[(0,e.createTextVNode)((0,e.toDisplayString)(n.submitLabel),1)]),_:1},16,["loading","disabled"])]),_:3},16),r.$slots.footer?((0,e.openBlock)(),(0,e.createElementBlock)("div",(0,e.normalizeProps)((0,e.mergeProps)({key:3},(0,e.unref)(o.skdxPart)("sign-up-page","footer"))),[(0,e.renderSlot)(r.$slots,"footer")],16)):(0,e.createCommentVNode)("",!0)],16)],16,y))}});exports.default=B;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{skdxPart as e}from"../internal/part.js";import{defaultProviderLabel as a}from"../sign-in-page/types.js";import{Fragment as t,createBlock as s,createCommentVNode as r,createElementBlock as
|
|
1
|
+
import{skdxPart as e}from"../internal/part.js";import{defaultProviderLabel as a}from"../sign-in-page/types.js";import{Fragment as t,createBlock as s,createCommentVNode as r,createElementBlock as i,createElementVNode as d,createTextVNode as o,createVNode as l,defineComponent as n,guardReactiveProps as u,mergeProps as p,normalizeProps as m,openBlock as f,ref as g,renderList as c,renderSlot as v,toDisplayString as b,unref as k,useId as x,useSlots as w,withCtx as L}from"vue";import{SkdxAlert as y,SkdxButton as S,SkdxCheckbox as P,SkdxDivider as _,SkdxField as I,SkdxForm as C,SkdxHeading as q,SkdxPasswordInput as h,SkdxTextField as F}from"@skdx/vue";import{SkdxTextFieldInput as M}from"@skdx/vue/primitives/text-field";import{SkdxFieldLabel as T,SkdxFieldRequiredIndicator as V}from"@skdx/vue/primitives/field";import{SkdxPasswordInputField as E,SkdxPasswordInputToggle as B}from"@skdx/vue/primitives/password-input";var $=["aria-labelledby"],D="confirmPassword",H="terms",N=/* @__PURE__ */n({__name:"SignUpPage",props:{title:{default:"Create account"},providers:{default:()=>[]},error:{default:void 0},pending:{type:Boolean,default:!1},nameLabel:{default:void 0},emailLabel:{default:"Email"},passwordLabel:{default:"Password"},confirmPasswordLabel:{default:void 0},passwordMismatchMessage:{default:"Passwords do not match"},submitLabel:{default:"Create account"},getProviderLabel:{type:Function,default:a}},emits:["sign-up"],setup(a,{emit:n}){const N=a,j=n,A=w(),R=x(),z=g("");function U(e,a){const t=e.get(a);return"string"==typeof t?t:""}function G(e){e.preventDefault();const a=e.target,t=new FormData(a),s=U(t,"password"),r=void 0===N.confirmPasswordLabel?null:function(e){const a=e.elements.namedItem(D);return a instanceof HTMLInputElement?a:null}(a);if(r&&r.value!==s)return r.setCustomValidity(N.passwordMismatchMessage),void a.reportValidity();const i={providerId:"credentials",email:U(t,"email"),password:s};void 0!==N.nameLabel&&(i.name=U(t,"name")),A.terms&&(i.termsAccepted=null!==t.get(H)),j("sign-up",i)}function J(e){const a=e.target;a instanceof HTMLInputElement&&a.name===H&&(z.value=a.validationMessage)}function K(e){const a=e.target;a instanceof HTMLInputElement&&a.name===D&&a.setCustomValidity("")}return(n,g)=>(f(),i("section",p(k(e)("sign-up-page","root"),{"aria-labelledby":k(R)}),[d("div",m(u(k(e)("sign-up-page","panel"))),[l(k(q),p({id:k(R)},k(e)("sign-up-page","title"),{as:"h1"}),{default:L(()=>[o(b(a.title),1)]),_:1},16,["id"]),a.error?(f(),s(k(y),p({key:0},k(e)("sign-up-page","error"),{role:"alert",status:"danger"}),{default:L(()=>[o(b(a.error),1)]),_:1},16)):r("",!0),N.providers.length?(f(),i("div",m(p({key:1},k(e)("sign-up-page","providers"))),[(f(!0),i(t,null,c(N.providers,a=>(f(),s(k(S),p({key:a.id},{ref_for:!0},k(e)("sign-up-page","provider"),{type:"button","data-provider":a.id,onClick:e=>j("sign-up",{providerId:a.id})}),{default:L(()=>[o(b(N.getProviderLabel(a)),1)]),_:2},1040,["data-provider","onClick"]))),128))],16)):r("",!0),N.providers.length?(f(),s(k(_),m(p({key:2},k(e)("sign-up-page","divider"))),null,16)):r("",!0),l(k(C),p(k(e)("sign-up-page","form"),{onSubmit:G,onInput:K,onInvalidCapture:J}),{default:L(()=>[void 0!==a.nameLabel?(f(),s(k(I),p({key:0},k(e)("sign-up-page","field"),{label:a.nameLabel,required:""}),{default:L(()=>[l(k(F),{name:"name",required:""},{default:L(()=>[l(k(M),{autocomplete:"name"})]),_:1})]),_:1},16,["label"])):r("",!0),l(k(I),p(k(e)("sign-up-page","field"),{label:a.emailLabel,required:""}),{default:L(()=>[l(k(F),{name:"email",required:""},{default:L(()=>[l(k(M),{type:"email",autocomplete:"email"})]),_:1})]),_:1},16,["label"]),l(k(I),p(k(e)("sign-up-page","field"),{label:a.passwordLabel,required:""}),{default:L(()=>[l(k(h),{name:"password",required:""},{default:L(()=>[l(k(E),{autocomplete:"new-password"}),l(k(B))]),_:1})]),_:1},16,["label"]),void 0!==a.confirmPasswordLabel?(f(),s(k(I),p({key:1},k(e)("sign-up-page","field"),{label:a.confirmPasswordLabel,required:""}),{default:L(()=>[l(k(h),{name:D,required:""},{default:L(()=>[l(k(E),{autocomplete:"new-password"}),l(k(B))]),_:1})]),_:1},16,["label"])):r("",!0),v(n.$slots,"default"),n.$slots.terms?(f(),s(k(I),p({key:2},k(e)("sign-up-page","terms"),{required:"",errors:z.value}),{default:L(()=>[l(k(T),null,{default:L(()=>[v(n.$slots,"terms"),g[1]||(g[1]=o()),l(k(V))]),_:3}),l(k(P),{name:H,required:"",onCheckedChange:g[0]||(g[0]=e=>z.value="")})]),_:3},16,["errors"])):r("",!0),l(k(S),p(k(e)("sign-up-page","submit"),{type:"submit",loading:a.pending??!1,disabled:a.pending??!1}),{default:L(()=>[o(b(a.submitLabel),1)]),_:1},16,["loading","disabled"])]),_:3},16),n.$slots.footer?(f(),i("div",m(p({key:3},k(e)("sign-up-page","footer"))),[v(n.$slots,"footer")],16)):r("",!0)],16)],16,$))}});export{N as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
const t=require("../internal/part.cjs"),c=require("./usage.cjs");let e=require("vue"),m=require("@skdx/vue");var k=["aria-labelledby","data-state","data-status"],P=["id"],x=(0,e.defineComponent)({__name:"UsageCard",props:{label:{},used:{},limit:{default:void 0},unit:{default:void 0},formatValue:{type:Function,default:void 0},unlimitedLabel:{default:"Unlimited"},description:{default:void 0},status:{default:void 0}},setup(r){const a=r,n=(0,e.useId)(),
|
|
1
|
+
const t=require("../internal/part.cjs"),c=require("./usage.cjs");let e=require("vue"),m=require("@skdx/vue");var k=["aria-labelledby","data-state","data-status"],P=["id"],x=(0,e.defineComponent)({__name:"UsageCard",props:{label:{},used:{},limit:{default:void 0},unit:{default:void 0},formatValue:{type:Function,default:void 0},unlimitedLabel:{default:"Unlimited"},description:{default:void 0},status:{default:void 0}},setup(r){const a=r,n=(0,e.useId)(),o=(0,e.computed)(()=>a.formatValue??String),s=(0,e.computed)(()=>c.normalizeUsage(a.used)),u=(0,e.computed)(()=>typeof a.limit=="number"?c.usageMeter(s.value,a.limit):null),v=(0,e.computed)(()=>u.value?.overLimit??!1),i=(0,e.computed)(()=>u.value?.range??null),d=(0,e.computed)(()=>{if(a.limit===null)return a.unlimitedLabel;if(u.value)return`/ ${o.value(u.value.limit)}`});function p(l,g,f){return`${o.value(s.value)} / ${o.value(f)}${a.unit?` ${a.unit}`:""}`}return(l,g)=>((0,e.openBlock)(),(0,e.createElementBlock)("div",(0,e.mergeProps)({role:"group"},(0,e.unref)(t.skdxPart)("usage-card","root"),{"aria-labelledby":(0,e.unref)(n),"data-state":v.value?"over-limit":void 0,"data-status":r.status}),[(0,e.createElementVNode)("div",(0,e.normalizeProps)((0,e.guardReactiveProps)((0,e.unref)(t.skdxPart)("usage-card","header"))),[(0,e.createElementVNode)("span",(0,e.mergeProps)({id:(0,e.unref)(n)},(0,e.unref)(t.skdxPart)("usage-card","label")),(0,e.toDisplayString)(r.label),17,P),l.$slots.actions?((0,e.openBlock)(),(0,e.createElementBlock)("div",(0,e.normalizeProps)((0,e.mergeProps)({key:0},(0,e.unref)(t.skdxPart)("usage-card","actions"))),[(0,e.renderSlot)(l.$slots,"actions")],16)):(0,e.createCommentVNode)("",!0)],16),(0,e.createElementVNode)("div",(0,e.normalizeProps)((0,e.guardReactiveProps)((0,e.unref)(t.skdxPart)("usage-card","value"))),[(0,e.createElementVNode)("span",(0,e.normalizeProps)((0,e.guardReactiveProps)((0,e.unref)(t.skdxPart)("usage-card","used"))),(0,e.toDisplayString)(o.value(s.value)),17),d.value!==void 0?((0,e.openBlock)(),(0,e.createElementBlock)("span",(0,e.normalizeProps)((0,e.mergeProps)({key:0},(0,e.unref)(t.skdxPart)("usage-card","limit"))),(0,e.toDisplayString)(d.value),17)):(0,e.createCommentVNode)("",!0),r.unit?((0,e.openBlock)(),(0,e.createElementBlock)("span",(0,e.normalizeProps)((0,e.mergeProps)({key:1},(0,e.unref)(t.skdxPart)("usage-card","unit"))),(0,e.toDisplayString)(r.unit),17)):(0,e.createCommentVNode)("",!0)],16),i.value?((0,e.openBlock)(),(0,e.createBlock)((0,e.unref)(m.SkdxProgress),(0,e.mergeProps)({key:0,role:"meter",min:0,max:i.value?.max??0,value:i.value?.value??0,"aria-labelledby":(0,e.unref)(n),"get-value-label":p},(0,e.unref)(t.skdxPart)("usage-card","progress")),null,16,["max","value","aria-labelledby"])):(0,e.createCommentVNode)("",!0),r.description?((0,e.openBlock)(),(0,e.createBlock)((0,e.unref)(m.SkdxText),(0,e.mergeProps)({key:1,as:"p",tone:"muted"},(0,e.unref)(t.skdxPart)("usage-card","description")),{default:(0,e.withCtx)(()=>[(0,e.createTextVNode)((0,e.toDisplayString)(r.description),1)]),_:1},16)):(0,e.createCommentVNode)("",!0),l.$slots.footer?((0,e.openBlock)(),(0,e.createElementBlock)("div",(0,e.normalizeProps)((0,e.mergeProps)({key:2},(0,e.unref)(t.skdxPart)("usage-card","footer"))),[(0,e.renderSlot)(l.$slots,"footer")],16)):(0,e.createCommentVNode)("",!0)],16,k))}});exports.default=x;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{skdxPart as e}from"../internal/part.js";import{normalizeUsage as a,usageMeter as t}from"./usage.js";import{computed as l,createBlock as s,createCommentVNode as u,createElementBlock as r,createElementVNode as i,createTextVNode as o,defineComponent as d,guardReactiveProps as n,mergeProps as v,normalizeProps as m,openBlock as c,renderSlot as p,toDisplayString as g,unref as f,useId as b,withCtx as k}from"vue";import{SkdxProgress as y,SkdxText as x}from"@skdx/vue";var $=["aria-labelledby","data-state","data-status"],P=["id"],S=/* @__PURE__ */d({__name:"UsageCard",props:{label:{},used:{},limit:{default:void 0},unit:{default:void 0},formatValue:{type:Function,default:void 0},unlimitedLabel:{default:"Unlimited"},description:{default:void 0},status:{default:void 0}},setup(d){const S=d,V=b(),C=l(()=>S.formatValue??String),B=l(()=>a(S.used)),L=l(()=>"number"==typeof S.limit?t(B.value,S.limit):null),N=l(()=>L.value?.overLimit??!1),U=l(()=>L.value?.range??null),_=l(()=>null===S.limit?S.unlimitedLabel:L.value?`/ ${C.value(L.value.limit)}`:void 0);function h(e,a,t){return`${C.value(
|
|
1
|
+
import{skdxPart as e}from"../internal/part.js";import{normalizeUsage as a,usageMeter as t}from"./usage.js";import{computed as l,createBlock as s,createCommentVNode as u,createElementBlock as r,createElementVNode as i,createTextVNode as o,defineComponent as d,guardReactiveProps as n,mergeProps as v,normalizeProps as m,openBlock as c,renderSlot as p,toDisplayString as g,unref as f,useId as b,withCtx as k}from"vue";import{SkdxProgress as y,SkdxText as x}from"@skdx/vue";var $=["aria-labelledby","data-state","data-status"],P=["id"],S=/* @__PURE__ */d({__name:"UsageCard",props:{label:{},used:{},limit:{default:void 0},unit:{default:void 0},formatValue:{type:Function,default:void 0},unlimitedLabel:{default:"Unlimited"},description:{default:void 0},status:{default:void 0}},setup(d){const S=d,V=b(),C=l(()=>S.formatValue??String),B=l(()=>a(S.used)),L=l(()=>"number"==typeof S.limit?t(B.value,S.limit):null),N=l(()=>L.value?.overLimit??!1),U=l(()=>L.value?.range??null),_=l(()=>null===S.limit?S.unlimitedLabel:L.value?`/ ${C.value(L.value.limit)}`:void 0);function h(e,a,t){return`${C.value(B.value)} / ${C.value(t)}${S.unit?` ${S.unit}`:""}`}return(a,t)=>(c(),r("div",v({role:"group"},f(e)("usage-card","root"),{"aria-labelledby":f(V),"data-state":N.value?"over-limit":void 0,"data-status":d.status}),[i("div",m(n(f(e)("usage-card","header"))),[i("span",v({id:f(V)},f(e)("usage-card","label")),g(d.label),17,P),a.$slots.actions?(c(),r("div",m(v({key:0},f(e)("usage-card","actions"))),[p(a.$slots,"actions")],16)):u("",!0)],16),i("div",m(n(f(e)("usage-card","value"))),[i("span",m(n(f(e)("usage-card","used"))),g(C.value(B.value)),17),void 0!==_.value?(c(),r("span",m(v({key:0},f(e)("usage-card","limit"))),g(_.value),17)):u("",!0),d.unit?(c(),r("span",m(v({key:1},f(e)("usage-card","unit"))),g(d.unit),17)):u("",!0)],16),U.value?(c(),s(f(y),v({key:0,role:"meter",min:0,max:U.value?.max??0,value:U.value?.value??0,"aria-labelledby":f(V),"get-value-label":h},f(e)("usage-card","progress")),null,16,["max","value","aria-labelledby"])):u("",!0),d.description?(c(),s(f(x),v({key:1,as:"p",tone:"muted"},f(e)("usage-card","description")),{default:k(()=>[o(g(d.description),1)]),_:1},16)):u("",!0),a.$slots.footer?(c(),r("div",m(v({key:2},f(e)("usage-card","footer"))),[p(a.$slots,"footer")],16)):u("",!0)],16,$))}});export{S as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
const
|
|
1
|
+
const r=require("../internal/part.cjs");let e=require("vue"),i=require("@skdx/vue"),u=require("@skdx/vue/primitives/field");var k=["aria-labelledby"],p=(0,e.defineComponent)({__name:"VerificationPage",props:{title:{default:"Enter your verification code"},description:{default:void 0},error:{default:void 0},pending:{type:Boolean,default:!1},codeLabel:{default:"Verification code"},length:{default:6},value:{default:void 0},defaultValue:{default:void 0},submitLabel:{default:"Verify"},resendLabel:{default:"Resend code"},resendDisabled:{type:Boolean,default:!1},resendHint:{default:void 0}},emits:["verify","resend","update:value","value-change"],setup(t,{emit:s}){const o=s,l=(0,e.useId)(),d=(0,e.ref)(""),f=(0,e.getCurrentInstance)(),c=()=>f?.vnode.props?.onResend!=null;function g(a){a.preventDefault();const n=new FormData(a.target).get("code");o("verify",{code:typeof n=="string"?n:""})}function v(a){d.value="",o("update:value",a),o("value-change",a)}function m(a){const n=a.target;n instanceof HTMLInputElement&&n.name==="code"&&(d.value=n.validationMessage)}return(a,n)=>((0,e.openBlock)(),(0,e.createElementBlock)("section",(0,e.mergeProps)((0,e.unref)(r.skdxPart)("verification-page","root"),{"aria-labelledby":(0,e.unref)(l)}),[(0,e.createElementVNode)("div",(0,e.normalizeProps)((0,e.guardReactiveProps)((0,e.unref)(r.skdxPart)("verification-page","panel"))),[(0,e.createVNode)((0,e.unref)(i.SkdxHeading),(0,e.mergeProps)({id:(0,e.unref)(l)},(0,e.unref)(r.skdxPart)("verification-page","title"),{as:"h1"}),{default:(0,e.withCtx)(()=>[(0,e.createTextVNode)((0,e.toDisplayString)(t.title),1)]),_:1},16,["id"]),t.error?((0,e.openBlock)(),(0,e.createBlock)((0,e.unref)(i.SkdxAlert),(0,e.mergeProps)({key:0},(0,e.unref)(r.skdxPart)("verification-page","error"),{role:"alert",status:"danger"}),{default:(0,e.withCtx)(()=>[(0,e.createTextVNode)((0,e.toDisplayString)(t.error),1)]),_:1},16)):(0,e.createCommentVNode)("",!0),t.description?((0,e.openBlock)(),(0,e.createBlock)((0,e.unref)(i.SkdxText),(0,e.mergeProps)({key:1},(0,e.unref)(r.skdxPart)("verification-page","description"),{as:"p",tone:"muted"}),{default:(0,e.withCtx)(()=>[(0,e.createTextVNode)((0,e.toDisplayString)(t.description),1)]),_:1},16)):(0,e.createCommentVNode)("",!0),(0,e.createVNode)((0,e.unref)(i.SkdxForm),(0,e.mergeProps)((0,e.unref)(r.skdxPart)("verification-page","form"),{onSubmit:g,onInvalidCapture:m}),{default:(0,e.withCtx)(()=>[(0,e.createVNode)((0,e.unref)(i.SkdxFieldset),(0,e.mergeProps)((0,e.unref)(r.skdxPart)("verification-page","field"),{errors:d.value}),{default:(0,e.withCtx)(()=>[(0,e.createVNode)((0,e.unref)(u.SkdxFieldLabel),null,{default:(0,e.withCtx)(()=>[(0,e.createTextVNode)((0,e.toDisplayString)(t.codeLabel),1)]),_:1}),(0,e.createVNode)((0,e.unref)(i.SkdxPinInput),(0,e.mergeProps)({...(0,e.unref)(r.skdxPart)("verification-page","code"),...t.length===void 0?{}:{length:t.length},...t.defaultValue===void 0?{}:{defaultValue:t.defaultValue}},{"aria-label":t.codeLabel,name:"code",required:"",otp:"",value:t.value,onValueChange:v}),null,16,["aria-label","value"]),(0,e.createVNode)((0,e.unref)(u.SkdxFieldError))]),_:1},16,["errors"]),(0,e.renderSlot)(a.$slots,"default"),(0,e.createVNode)((0,e.unref)(i.SkdxButton),(0,e.mergeProps)((0,e.unref)(r.skdxPart)("verification-page","submit"),{type:"submit",loading:t.pending??!1,disabled:t.pending??!1}),{default:(0,e.withCtx)(()=>[(0,e.createTextVNode)((0,e.toDisplayString)(t.submitLabel),1)]),_:1},16,["loading","disabled"])]),_:3},16),c()?((0,e.openBlock)(),(0,e.createElementBlock)("div",(0,e.normalizeProps)((0,e.mergeProps)({key:2},(0,e.unref)(r.skdxPart)("verification-page","resend"))),[(0,e.createVNode)((0,e.unref)(i.SkdxButton),{type:"button",variant:"ghost",disabled:t.resendDisabled??!1,onClick:n[0]||(n[0]=x=>o("resend"))},{default:(0,e.withCtx)(()=>[(0,e.createTextVNode)((0,e.toDisplayString)(t.resendLabel),1)]),_:1},8,["disabled"]),t.resendHint?((0,e.openBlock)(),(0,e.createElementBlock)("span",(0,e.normalizeProps)((0,e.mergeProps)({key:0},(0,e.unref)(r.skdxPart)("verification-page","resend-hint"))),(0,e.toDisplayString)(t.resendHint),17)):(0,e.createCommentVNode)("",!0)],16)):(0,e.createCommentVNode)("",!0),a.$slots.footer?((0,e.openBlock)(),(0,e.createElementBlock)("div",(0,e.normalizeProps)((0,e.mergeProps)({key:3},(0,e.unref)(r.skdxPart)("verification-page","footer"))),[(0,e.renderSlot)(a.$slots,"footer")],16)):(0,e.createCommentVNode)("",!0)],16)],16,k))}});exports.default=p;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{skdxPart as e}from"../internal/part.js";import{createBlock as a,createCommentVNode as t,createElementBlock as i,createElementVNode as d,createTextVNode as
|
|
1
|
+
import{skdxPart as e}from"../internal/part.js";import{createBlock as a,createCommentVNode as t,createElementBlock as i,createElementVNode as d,createTextVNode as r,createVNode as o,defineComponent as n,getCurrentInstance as l,guardReactiveProps as s,mergeProps as u,normalizeProps as f,openBlock as c,ref as p,renderSlot as v,toDisplayString as g,unref as m,useId as b,withCtx as k}from"vue";import{SkdxAlert as y,SkdxButton as x,SkdxFieldset as S,SkdxForm as V,SkdxHeading as h,SkdxPinInput as _,SkdxText as L}from"@skdx/vue";import{SkdxFieldError as C,SkdxFieldLabel as B}from"@skdx/vue/primitives/field";var P=["aria-labelledby"],D=/* @__PURE__ */n({__name:"VerificationPage",props:{title:{default:"Enter your verification code"},description:{default:void 0},error:{default:void 0},pending:{type:Boolean,default:!1},codeLabel:{default:"Verification code"},length:{default:6},value:{default:void 0},defaultValue:{default:void 0},submitLabel:{default:"Verify"},resendLabel:{default:"Resend code"},resendDisabled:{type:Boolean,default:!1},resendHint:{default:void 0}},emits:["verify","resend","update:value","value-change"],setup(n,{emit:D}){const E=D,F=b(),H=p(""),I=l();function N(e){e.preventDefault();const a=new FormData(e.target).get("code");E("verify",{code:"string"==typeof a?a:""})}function R(e){H.value="",E("update:value",e),E("value-change",e)}function T(e){const a=e.target;a instanceof HTMLInputElement&&"code"===a.name&&(H.value=a.validationMessage)}return(l,p)=>(c(),i("section",u(m(e)("verification-page","root"),{"aria-labelledby":m(F)}),[d("div",f(s(m(e)("verification-page","panel"))),[o(m(h),u({id:m(F)},m(e)("verification-page","title"),{as:"h1"}),{default:k(()=>[r(g(n.title),1)]),_:1},16,["id"]),n.error?(c(),a(m(y),u({key:0},m(e)("verification-page","error"),{role:"alert",status:"danger"}),{default:k(()=>[r(g(n.error),1)]),_:1},16)):t("",!0),n.description?(c(),a(m(L),u({key:1},m(e)("verification-page","description"),{as:"p",tone:"muted"}),{default:k(()=>[r(g(n.description),1)]),_:1},16)):t("",!0),o(m(V),u(m(e)("verification-page","form"),{onSubmit:N,onInvalidCapture:T}),{default:k(()=>[o(m(S),u(m(e)("verification-page","field"),{errors:H.value}),{default:k(()=>[o(m(B),null,{default:k(()=>[r(g(n.codeLabel),1)]),_:1}),o(m(_),u({...m(e)("verification-page","code"),...void 0===n.length?{}:{length:n.length},...void 0===n.defaultValue?{}:{defaultValue:n.defaultValue}},{"aria-label":n.codeLabel,name:"code",required:"",otp:"",value:n.value,onValueChange:R}),null,16,["aria-label","value"]),o(m(C))]),_:1},16,["errors"]),v(l.$slots,"default"),o(m(x),u(m(e)("verification-page","submit"),{type:"submit",loading:n.pending??!1,disabled:n.pending??!1}),{default:k(()=>[r(g(n.submitLabel),1)]),_:1},16,["loading","disabled"])]),_:3},16),null!=I?.vnode.props?.onResend?(c(),i("div",f(u({key:2},m(e)("verification-page","resend"))),[o(m(x),{type:"button",variant:"ghost",disabled:n.resendDisabled??!1,onClick:p[0]||(p[0]=e=>E("resend"))},{default:k(()=>[r(g(n.resendLabel),1)]),_:1},8,["disabled"]),n.resendHint?(c(),i("span",f(u({key:0},m(e)("verification-page","resend-hint"))),g(n.resendHint),17)):t("",!0)],16)):t("",!0),l.$slots.footer?(c(),i("div",f(u({key:3},m(e)("verification-page","footer"))),[v(l.$slots,"footer")],16)):t("",!0)],16)],16,P))}});export{D as default};
|
|
@@ -99,7 +99,6 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}
|
|
|
99
99
|
"focus-outside": (event: Event) => any;
|
|
100
100
|
"interact-outside": (event: Event) => any;
|
|
101
101
|
"close-auto-focus": (event: Event) => any;
|
|
102
|
-
"open-auto-focus": (event: Event) => any;
|
|
103
102
|
}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
|
|
104
103
|
"onUpdate:value"?: (value: string) => any;
|
|
105
104
|
"onValue-change"?: (value: string) => any;
|
|
@@ -111,7 +110,6 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}
|
|
|
111
110
|
"onFocus-outside"?: (event: Event) => any;
|
|
112
111
|
"onInteract-outside"?: (event: Event) => any;
|
|
113
112
|
"onClose-auto-focus"?: (event: Event) => any;
|
|
114
|
-
"onOpen-auto-focus"?: (event: Event) => any;
|
|
115
113
|
}>, {
|
|
116
114
|
label: string | undefined;
|
|
117
115
|
placeholder: string;
|
|
@@ -99,7 +99,6 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}
|
|
|
99
99
|
"focus-outside": (event: Event) => any;
|
|
100
100
|
"interact-outside": (event: Event) => any;
|
|
101
101
|
"close-auto-focus": (event: Event) => any;
|
|
102
|
-
"open-auto-focus": (event: Event) => any;
|
|
103
102
|
}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
|
|
104
103
|
"onUpdate:value"?: (value: string) => any;
|
|
105
104
|
"onValue-change"?: (value: string) => any;
|
|
@@ -111,7 +110,6 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}
|
|
|
111
110
|
"onFocus-outside"?: (event: Event) => any;
|
|
112
111
|
"onInteract-outside"?: (event: Event) => any;
|
|
113
112
|
"onClose-auto-focus"?: (event: Event) => any;
|
|
114
|
-
"onOpen-auto-focus"?: (event: Event) => any;
|
|
115
113
|
}>, {
|
|
116
114
|
label: string | undefined;
|
|
117
115
|
placeholder: string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
const n=require("../internal/part.cjs");let e=require("vue"),
|
|
1
|
+
const n=require("../internal/part.cjs");let e=require("vue"),O=require("@skdx/vue"),i=require("@skdx/vue/primitives/command"),k=require("@skdx/vue/primitives/popover");var D=(0,e.defineComponent)({inheritAttrs:!1,__name:"WorkspaceSwitcher",props:{items:{},value:{default:void 0},defaultValue:{default:""},placeholder:{default:"Select"},label:{default:void 0},searchLabel:{default:"Search"},searchPlaceholder:{default:void 0},emptyMessage:{default:"No results"},loadingMessage:{default:"Loading"},loading:{type:Boolean,default:!1},selectedLabel:{default:"Current"},open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean,default:!1}},emits:["update:value","value-change","update:open","open-change","open-change-complete","escape-key-down","pointer-down-outside","focus-outside","interact-outside","close-auto-focus"],setup(l,{emit:y}){const u=l,s=y;function S(t,o){const r=o.toLowerCase(),a=new Map([[void 0,[]]]);for(const d of t){const p=a.get(d.group);p?p.push(d):a.set(d.group,[d])}const C=d=>r===""||d.id.toLowerCase().includes(r)||d.label.toLowerCase().includes(r)||(d.description?.toLowerCase().includes(r)??!1),x=[];for(const[d,p]of a)p.some(C)&&x.push({heading:d,items:p});return x}const b=(0,e.useAttrs)(),f=(0,e.ref)(""),g=(0,e.ref)(u.defaultValue),v=(0,e.ref)(u.defaultOpen),m=(0,e.computed)(()=>u.value??g.value),h=(0,e.computed)(()=>u.open??v.value),w=(0,e.ref)(null);(0,e.watch)(h,t=>{t&&w.value?.focus()},{flush:"post"});const c=(0,e.computed)(()=>u.items.find(t=>t.id===m.value)),B=(0,e.computed)(()=>S(u.items,f.value)),V=(0,e.computed)(()=>(0,e.mergeProps)({"aria-label":u.label},b,{...n.skdxPart("workspace-switcher","root")}));function P(t){t||(f.value=""),u.open===void 0&&(v.value=t),s("update:open",t),s("open-change",t)}function N(t){u.value===void 0&&(g.value=t),s("update:value",t),s("value-change",t),P(!1)}function L(t){return t.description?[t.label,t.description]:[t.label]}function E(t){return t.heading===void 0?{}:{heading:t.heading}}return(t,o)=>((0,e.openBlock)(),(0,e.createBlock)((0,e.unref)(k.SkdxPopoverRoot),{open:h.value,modal:"none",onOpenChange:P,onOpenChangeComplete:o[6]||(o[6]=r=>s("open-change-complete",r))},{default:(0,e.withCtx)(()=>[(0,e.createVNode)((0,e.unref)(k.SkdxPopoverTrigger),(0,e.normalizeProps)((0,e.guardReactiveProps)(V.value)),{default:(0,e.withCtx)(()=>[(0,e.renderSlot)(t.$slots,"trigger",{},()=>[t.$slots.leading&&c.value?((0,e.openBlock)(),(0,e.createElementBlock)("span",(0,e.mergeProps)({key:0,"aria-hidden":"true"},(0,e.unref)(n.skdxPart)("workspace-switcher","leading")),[(0,e.renderSlot)(t.$slots,"leading",{item:c.value})],16)):(0,e.createCommentVNode)("",!0),(0,e.createElementVNode)("span",(0,e.normalizeProps)((0,e.guardReactiveProps)((0,e.unref)(n.skdxPart)("workspace-switcher","current"))),(0,e.toDisplayString)(c.value?.label??l.placeholder),17),c.value?.description?((0,e.openBlock)(),(0,e.createElementBlock)("span",(0,e.normalizeProps)((0,e.mergeProps)({key:1},(0,e.unref)(n.skdxPart)("workspace-switcher","description"))),(0,e.toDisplayString)(c.value.description),17)):(0,e.createCommentVNode)("",!0)])]),_:3},16),(0,e.createVNode)((0,e.unref)(k.SkdxPopoverPortal),null,{default:(0,e.withCtx)(()=>[(0,e.createVNode)((0,e.unref)(k.SkdxPopoverContent),(0,e.mergeProps)((0,e.unref)(n.skdxPart)("workspace-switcher","content"),{align:"start","aria-label":l.label??l.placeholder,onEscapeKeyDown:o[1]||(o[1]=r=>s("escape-key-down",r)),onPointerDownOutside:o[2]||(o[2]=r=>s("pointer-down-outside",r)),onFocusOutside:o[3]||(o[3]=r=>s("focus-outside",r)),onInteractOutside:o[4]||(o[4]=r=>s("interact-outside",r)),onCloseAutoFocus:o[5]||(o[5]=r=>s("close-auto-focus",r))}),{default:(0,e.withCtx)(()=>[(0,e.createVNode)((0,e.unref)(i.SkdxCommand),{loading:l.loading??!1,search:f.value,onSearchChange:o[0]||(o[0]=r=>f.value=r)},{default:(0,e.withCtx)(()=>[(0,e.createVNode)((0,e.unref)(i.SkdxCommandInput),(0,e.mergeProps)({ref_key:"searchInput",ref:w},(0,e.unref)(n.skdxPart)("workspace-switcher","search"),{"aria-label":l.searchLabel,placeholder:l.searchPlaceholder}),null,16,["aria-label","placeholder"]),(0,e.createVNode)((0,e.unref)(i.SkdxCommandList),(0,e.mergeProps)((0,e.unref)(n.skdxPart)("workspace-switcher","list"),{"aria-label":l.label??l.placeholder}),{default:(0,e.withCtx)(()=>[((0,e.openBlock)(!0),(0,e.createElementBlock)(e.Fragment,null,(0,e.renderList)(B.value,r=>((0,e.openBlock)(),(0,e.createBlock)((0,e.unref)(i.SkdxCommandGroup),(0,e.mergeProps)({key:r.heading??""},{ref_for:!0},{...(0,e.unref)(n.skdxPart)("workspace-switcher","group"),...E(r)}),{default:(0,e.withCtx)(()=>[((0,e.openBlock)(!0),(0,e.createElementBlock)(e.Fragment,null,(0,e.renderList)(r.items,a=>((0,e.openBlock)(),(0,e.createBlock)((0,e.unref)(i.SkdxCommandItem),(0,e.mergeProps)({key:a.id},{ref_for:!0},(0,e.unref)(n.skdxPart)("workspace-switcher","item"),{value:a.id,keywords:L(a),disabled:a.disabled,"data-selected":a.id===m.value?"":void 0,onSelect:C=>N(a.id)}),{default:(0,e.withCtx)(()=>[t.$slots.leading?((0,e.openBlock)(),(0,e.createElementBlock)("span",(0,e.mergeProps)({key:0,"aria-hidden":"true"},{ref_for:!0},(0,e.unref)(n.skdxPart)("workspace-switcher","item-leading")),[(0,e.renderSlot)(t.$slots,"leading",{item:a})],16)):(0,e.createCommentVNode)("",!0),(0,e.createElementVNode)("span",(0,e.mergeProps)({ref_for:!0},(0,e.unref)(n.skdxPart)("workspace-switcher","item-label")),(0,e.toDisplayString)(a.label),17),a.description?((0,e.openBlock)(),(0,e.createElementBlock)("span",(0,e.mergeProps)({key:1,ref_for:!0},(0,e.unref)(n.skdxPart)("workspace-switcher","item-description")),(0,e.toDisplayString)(a.description),17)):(0,e.createCommentVNode)("",!0),a.id===m.value?((0,e.openBlock)(),(0,e.createBlock)((0,e.unref)(O.SkdxVisuallyHidden),{key:2},{default:(0,e.withCtx)(()=>[(0,e.createTextVNode)((0,e.toDisplayString)(l.selectedLabel),1)]),_:1})):(0,e.createCommentVNode)("",!0)]),_:2},1040,["value","keywords","disabled","data-selected","onSelect"]))),128))]),_:2},1040))),128))]),_:3},16,["aria-label"]),(0,e.createVNode)((0,e.unref)(i.SkdxCommandLoading),(0,e.normalizeProps)((0,e.guardReactiveProps)((0,e.unref)(n.skdxPart)("workspace-switcher","loading"))),{default:(0,e.withCtx)(()=>[(0,e.createTextVNode)((0,e.toDisplayString)(l.loadingMessage),1)]),_:1},16),(0,e.createVNode)((0,e.unref)(i.SkdxCommandEmpty),(0,e.normalizeProps)((0,e.guardReactiveProps)((0,e.unref)(n.skdxPart)("workspace-switcher","empty"))),{default:(0,e.withCtx)(()=>[(0,e.createTextVNode)((0,e.toDisplayString)(l.emptyMessage),1)]),_:1},16)]),_:3},8,["loading","search"]),t.$slots.actions?((0,e.openBlock)(),(0,e.createElementBlock)("div",(0,e.normalizeProps)((0,e.mergeProps)({key:0},(0,e.unref)(n.skdxPart)("workspace-switcher","footer"))),[(0,e.renderSlot)(t.$slots,"actions")],16)):(0,e.createCommentVNode)("",!0)]),_:3},16,["aria-label"])]),_:3})]),_:3},8,["open"]))}});exports.default=D;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{skdxPart as e}from"../internal/part.js";import{Fragment as a,computed as o,createBlock as t,createCommentVNode as s,createElementBlock as l,createElementVNode as r,createTextVNode as d,createVNode as n,defineComponent as i,guardReactiveProps as u,mergeProps as c,normalizeProps as p,openBlock as f,ref as m,renderList as h,renderSlot as v,toDisplayString as k,unref as g,useAttrs as w,withCtx as
|
|
1
|
+
import{skdxPart as e}from"../internal/part.js";import{Fragment as a,computed as o,createBlock as t,createCommentVNode as s,createElementBlock as l,createElementVNode as r,createTextVNode as d,createVNode as n,defineComponent as i,guardReactiveProps as u,mergeProps as c,normalizeProps as p,openBlock as f,ref as m,renderList as h,renderSlot as v,toDisplayString as k,unref as g,useAttrs as w,watch as b,withCtx as y}from"vue";import{SkdxVisuallyHidden as C}from"@skdx/vue";import{SkdxCommand as S,SkdxCommandEmpty as x,SkdxCommandGroup as _,SkdxCommandInput as L,SkdxCommandItem as P,SkdxCommandList as O,SkdxCommandLoading as V}from"@skdx/vue/primitives/command";import{SkdxPopoverContent as $,SkdxPopoverPortal as B,SkdxPopoverRoot as M,SkdxPopoverTrigger as N}from"@skdx/vue/primitives/popover";var E=/* @__PURE__ */i({inheritAttrs:!1,__name:"WorkspaceSwitcher",props:{items:{},value:{default:void 0},defaultValue:{default:""},placeholder:{default:"Select"},label:{default:void 0},searchLabel:{default:"Search"},searchPlaceholder:{default:void 0},emptyMessage:{default:"No results"},loadingMessage:{default:"Loading"},loading:{type:Boolean,default:!1},selectedLabel:{default:"Current"},open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean,default:!1}},emits:["update:value","value-change","update:open","open-change","open-change-complete","escape-key-down","pointer-down-outside","focus-outside","interact-outside","close-auto-focus"],setup(i,{emit:E}){const I=i,A=E,D=w(),F=m(""),R=m(I.defaultValue),T=m(I.defaultOpen),j=o(()=>I.value??R.value),z=o(()=>I.open??T.value),G=m(null);b(z,e=>{e&&G.value?.focus()},{flush:"post"});const H=o(()=>I.items.find(e=>e.id===j.value)),K=o(()=>function(e,a){const o=a.toLowerCase(),t=/* @__PURE__ */new Map([[void 0,[]]]);for(const a of e){const e=t.get(a.group);e?e.push(a):t.set(a.group,[a])}const s=e=>""===o||e.id.toLowerCase().includes(o)||e.label.toLowerCase().includes(o)||(e.description?.toLowerCase().includes(o)??!1),l=[];for(const[e,a]of t)a.some(s)&&l.push({heading:e,items:a});return l}(I.items,F.value)),W=o(()=>c({"aria-label":I.label},D,{...e("workspace-switcher","root")}));function q(e){e||(F.value=""),void 0===I.open&&(T.value=e),A("update:open",e),A("open-change",e)}function J(e){return e.description?[e.label,e.description]:[e.label]}function Q(e){return void 0===e.heading?{}:{heading:e.heading}}return(o,m)=>(f(),t(g(M),{open:z.value,modal:"none",onOpenChange:q,onOpenChangeComplete:m[6]||(m[6]=e=>A("open-change-complete",e))},{default:y(()=>[n(g(N),p(u(W.value)),{default:y(()=>[v(o.$slots,"trigger",{},()=>[o.$slots.leading&&H.value?(f(),l("span",c({key:0,"aria-hidden":"true"},g(e)("workspace-switcher","leading")),[v(o.$slots,"leading",{item:H.value})],16)):s("",!0),r("span",p(u(g(e)("workspace-switcher","current"))),k(H.value?.label??i.placeholder),17),H.value?.description?(f(),l("span",p(c({key:1},g(e)("workspace-switcher","description"))),k(H.value.description),17)):s("",!0)])]),_:3},16),n(g(B),null,{default:y(()=>[n(g($),c(g(e)("workspace-switcher","content"),{align:"start","aria-label":i.label??i.placeholder,onEscapeKeyDown:m[1]||(m[1]=e=>A("escape-key-down",e)),onPointerDownOutside:m[2]||(m[2]=e=>A("pointer-down-outside",e)),onFocusOutside:m[3]||(m[3]=e=>A("focus-outside",e)),onInteractOutside:m[4]||(m[4]=e=>A("interact-outside",e)),onCloseAutoFocus:m[5]||(m[5]=e=>A("close-auto-focus",e))}),{default:y(()=>[n(g(S),{loading:i.loading??!1,search:F.value,onSearchChange:m[0]||(m[0]=e=>F.value=e)},{default:y(()=>[n(g(L),c({ref_key:"searchInput",ref:G},g(e)("workspace-switcher","search"),{"aria-label":i.searchLabel,placeholder:i.searchPlaceholder}),null,16,["aria-label","placeholder"]),n(g(O),c(g(e)("workspace-switcher","list"),{"aria-label":i.label??i.placeholder}),{default:y(()=>[(f(!0),l(a,null,h(K.value,n=>(f(),t(g(_),c({key:n.heading??""},{ref_for:!0},{...g(e)("workspace-switcher","group"),...Q(n)}),{default:y(()=>[(f(!0),l(a,null,h(n.items,a=>(f(),t(g(P),c({key:a.id},{ref_for:!0},g(e)("workspace-switcher","item"),{value:a.id,keywords:J(a),disabled:a.disabled,"data-selected":a.id===j.value?"":void 0,onSelect:e=>function(e){void 0===I.value&&(R.value=e),A("update:value",e),A("value-change",e),q(!1)}(a.id)}),{default:y(()=>[o.$slots.leading?(f(),l("span",c({key:0,"aria-hidden":"true"},{ref_for:!0},g(e)("workspace-switcher","item-leading")),[v(o.$slots,"leading",{item:a})],16)):s("",!0),r("span",c({ref_for:!0},g(e)("workspace-switcher","item-label")),k(a.label),17),a.description?(f(),l("span",c({key:1,ref_for:!0},g(e)("workspace-switcher","item-description")),k(a.description),17)):s("",!0),a.id===j.value?(f(),t(g(C),{key:2},{default:y(()=>[d(k(i.selectedLabel),1)]),_:1})):s("",!0)]),_:2},1040,["value","keywords","disabled","data-selected","onSelect"]))),128))]),_:2},1040))),128))]),_:3},16,["aria-label"]),n(g(V),p(u(g(e)("workspace-switcher","loading"))),{default:y(()=>[d(k(i.loadingMessage),1)]),_:1},16),n(g(x),p(u(g(e)("workspace-switcher","empty"))),{default:y(()=>[d(k(i.emptyMessage),1)]),_:1},16)]),_:3},8,["loading","search"]),o.$slots.actions?(f(),l("div",p(c({key:0},g(e)("workspace-switcher","footer"))),[v(o.$slots,"actions")],16)):s("",!0)]),_:3},16,["aria-label"])]),_:3})]),_:3},8,["open"]))}});export{E as default};
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@skdx/vue-blocks",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.40.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": {
|
|
@@ -254,7 +254,7 @@
|
|
|
254
254
|
"sideEffects": false,
|
|
255
255
|
"peerDependencies": {
|
|
256
256
|
"vue": "^3.5.0",
|
|
257
|
-
"@skdx/vue": "^0.
|
|
257
|
+
"@skdx/vue": "^0.40.0"
|
|
258
258
|
},
|
|
259
259
|
"devDependencies": {
|
|
260
260
|
"@vitejs/plugin-vue": "^5.0.0",
|
|
@@ -266,7 +266,7 @@
|
|
|
266
266
|
"vitest": "^4.1.10",
|
|
267
267
|
"vue": "^3.5.39",
|
|
268
268
|
"vue-tsc": "^2.0.0",
|
|
269
|
-
"@skdx/vue": "0.
|
|
269
|
+
"@skdx/vue": "0.40.0"
|
|
270
270
|
},
|
|
271
271
|
"scripts": {
|
|
272
272
|
"lint": "eslint . --cache --cache-location node_modules/.cache/eslint/",
|