@skdx/vue-blocks 0.37.0 → 0.39.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/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_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
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};
|
|
@@ -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","open-auto-focus","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),w=(0,e.computed)(()=>u.open??v.value),h=(0,e.ref)(null);(0,e.watch)(w,t=>{t&&h.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:w.value,modal:"none",onOpenChange:P,onOpenChangeComplete:o[7]||(o[7]=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)),onOpenAutoFocus:o[5]||(o[5]=r=>s("open-auto-focus",r)),onCloseAutoFocus:o[6]||(o[6]=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:h},(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
|
|
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 n,createVNode as d,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 A=/* @__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","open-auto-focus","close-auto-focus"],setup(i,{emit:A}){const E=i,F=A,I=w(),D=m(""),R=m(E.defaultValue),T=m(E.defaultOpen),j=o(()=>E.value??R.value),z=o(()=>E.open??T.value),G=m(null);b(z,e=>{e&&G.value?.focus()},{flush:"post"});const H=o(()=>E.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}(E.items,D.value)),W=o(()=>c({"aria-label":E.label},I,{...e("workspace-switcher","root")}));function q(e){e||(D.value=""),void 0===E.open&&(T.value=e),F("update:open",e),F("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[7]||(m[7]=e=>F("open-change-complete",e))},{default:y(()=>[d(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),d(g(B),null,{default:y(()=>[d(g($),c(g(e)("workspace-switcher","content"),{align:"start","aria-label":i.label??i.placeholder,onEscapeKeyDown:m[1]||(m[1]=e=>F("escape-key-down",e)),onPointerDownOutside:m[2]||(m[2]=e=>F("pointer-down-outside",e)),onFocusOutside:m[3]||(m[3]=e=>F("focus-outside",e)),onInteractOutside:m[4]||(m[4]=e=>F("interact-outside",e)),onOpenAutoFocus:m[5]||(m[5]=e=>F("open-auto-focus",e)),onCloseAutoFocus:m[6]||(m[6]=e=>F("close-auto-focus",e))}),{default:y(()=>[d(g(S),{loading:i.loading??!1,search:D.value,onSearchChange:m[0]||(m[0]=e=>D.value=e)},{default:y(()=>[d(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"]),d(g(O),c(g(e)("workspace-switcher","list"),{"aria-label":i.label??i.placeholder}),{default:y(()=>[(f(!0),l(a,null,h(K.value,d=>(f(),t(g(_),c({key:d.heading??""},{ref_for:!0},{...g(e)("workspace-switcher","group"),...Q(d)}),{default:y(()=>[(f(!0),l(a,null,h(d.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===E.value&&(R.value=e),F("update:value",e),F("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(()=>[n(k(i.selectedLabel),1)]),_:1})):s("",!0)]),_:2},1040,["value","keywords","disabled","data-selected","onSelect"]))),128))]),_:2},1040))),128))]),_:3},16,["aria-label"]),d(g(V),p(u(g(e)("workspace-switcher","loading"))),{default:y(()=>[n(k(i.loadingMessage),1)]),_:1},16),d(g(x),p(u(g(e)("workspace-switcher","empty"))),{default:y(()=>[n(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{A as default};
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@skdx/vue-blocks",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.39.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.39.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.39.0"
|
|
270
270
|
},
|
|
271
271
|
"scripts": {
|
|
272
272
|
"lint": "eslint . --cache --cache-location node_modules/.cache/eslint/",
|