@wisemen/vue-core-design-system 1.22.2 → 1.22.3
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/index.cjs +1 -1
- package/dist/index.js +1 -1
- package/package.json +3 -3
package/dist/index.cjs
CHANGED
|
@@ -981,7 +981,7 @@ Example: <UIConfigProvider :file-upload-adapter="myAdapter"><UIBaseFileUploadRoo
|
|
|
981
981
|
rounded-sm outline-fg-brand-primary
|
|
982
982
|
focus-visible:outline-2
|
|
983
983
|
disabled:cursor-not-allowed
|
|
984
|
-
`,t.class))},{default:(0,f.withCtx)(()=>[(0,f.renderSlot)(e.$slots,`default`)]),_:3},8,[`class`]))}});function XL(){let e=(0,f.ref)(!1),t=(0,f.shallowRef)(null),n=(0,f.computed)(()=>t.value?.isOpen.value??!1);function r(){t.value?.toggle()}function i(n,r,i){t.value={isOpen:n,isToggleHidden:i,toggle:r},e.value=!0}function a(){t.value=null,e.value=!1}gD({hasDetailPane:e,isOpen:n,isToggleHidden:(0,f.computed)(()=>t.value?.isToggleHidden??!1),registerDetailPane:i,toggle:r,unregisterDetailPane:a})}var ZL=(0,f.defineComponent)({__name:`DashboardPageHeaderBreadcrumbs`,props:{breadcrumbs:{}},setup(e){let t=e;return(e,n)=>t.breadcrumbs.length>0?((0,f.openBlock)(),(0,f.createBlock)(bE,{key:0},{default:(0,f.withCtx)(()=>[((0,f.openBlock)(!0),(0,f.createElementBlock)(f.Fragment,null,(0,f.renderList)(t.breadcrumbs,(e,n)=>((0,f.openBlock)(),(0,f.createElementBlock)(f.Fragment,{key:`${e.label}-${n}`},[(0,f.createVNode)(vE,{icon:e.icon,to:e.to,label:e.label},null,8,[`icon`,`to`,`label`]),n<t.breadcrumbs.length-1?((0,f.openBlock)(),(0,f.createBlock)(xE,{key:0})):(0,f.createCommentVNode)(``,!0)],64))),128))]),_:1})):(0,f.createCommentVNode)(``,!0)}}),QL=(0,f.defineComponent)({__name:`DashboardPageHeaderSidebarToggle`,setup(e){let{isSidebarOpen:t}=$x(),n=(0,g.useI18n)(),r=(0,p.createAction)({id:`toggle-main-sidebar`,name:()=>n.t(`action.global.toggle_main_sidebar.name`),execute:()=>{a()},group:(0,p.useActionGroup)().navigation,icon:()=>t.value?mr:Qn,keyboardShortcut:{key:`B`,mod:!0},keywords:n.t(`action.global.toggle_main_sidebar.keywords`).split(` `)}),i=(0,f.computed)(()=>t.value?n.t(`component.dashboard_page_header_sidebar_toggle.collapse`):n.t(`component.dashboard_page_header_sidebar_toggle.expand`));function a(){t.value=!t.value}return(e,n)=>((0,f.openBlock)(),(0,f.createBlock)(U,{label:i.value,"keyboard-shortcut":{key:`B`,mod:!0}},{default:(0,f.withCtx)(()=>[(0,f.createVNode)(cc,{action:(0,f.unref)(r),"is-current-context-only":!1},{default:(0,f.withCtx)(()=>[(0,f.createVNode)((0,f.unref)(Y),null,{default:(0,f.withCtx)(()=>[(0,f.createVNode)((0,f.unref)(h.Toggle),{"model-value":(0,f.unref)(t),"data-state":(0,f.unref)(t)?`open`:`closed`,class:`group/toggle -ml-xxs flex size-6 items-center justify-center rounded-sm duration-150 hover:bg-secondary-hover`},{default:(0,f.withCtx)(()=>[...n[0]||=[(0,f.createElementVNode)(`div`,{class:`flex h-3 w-3.5 justify-start rounded-[0.1875rem] border border-fg-tertiary p-[0.09375rem] duration-150 group-data-[state=open]/toggle:border-fg-tertiary dark:group-data-[state=open]/toggle:border-fg-secondary`},[(0,f.createElementVNode)(`div`,{class:`h-full w-0.5 rounded-[1px] bg-fg-tertiary duration-150 group-data-[state=open]/toggle:w-1 group-data-[state=open]/toggle:bg-fg-tertiary dark:group-data-[state=open]/toggle:bg-fg-secondary`})],-1)]]),_:1},8,[`model-value`,`data-state`])]),_:1})]),_:1},8,[`action`])]),_:1},8,[`label`]))}}),$L={type:`button`,class:`flex h-7 w-full max-w-60 items-center gap-sm rounded-md! bg-fg-primary/4 pr-sm pl-md duration-100 hover:bg-fg-primary/7 hover:brightness-98 dark:bg-primary/90 dark:hover:bg-primary/90 dark:hover:brightness-110`},eR={class:`flex-1 truncate text-left text-xxs text-placeholder`},tR=(0,f.defineComponent)({__name:`TopBarCommandMenuSearch`,setup(e){let t=(0,g.useI18n)(),n=xC();return(e,r)=>((0,f.openBlock)(),(0,f.createBlock)(cc,{action:(0,f.unref)(n),"is-current-context-only":!0},{default:(0,f.withCtx)(({keyboardShortcut:e})=>[(0,f.createVNode)(Y,null,{default:(0,f.withCtx)(()=>[(0,f.createElementVNode)(`button`,$L,[(0,f.createVNode)((0,f.unref)(Xr),{class:`size-3.5 shrink-0 text-quaternary`}),(0,f.createElementVNode)(`span`,eR,(0,f.toDisplayString)((0,f.unref)(t).t(`component.top_bar.search`)),1),e===null?(0,f.createCommentVNode)(``,!0):((0,f.openBlock)(),(0,f.createBlock)(Xi,{key:0,"keyboard-shortcut":e,"is-key-hold-visualization-enabled":!0},null,8,[`keyboard-shortcut`]))])]),_:2},1024)]),_:1},8,[`action`]))}});function nR(){let e=(0,y.useRouter)(),t=(0,f.ref)(e.options.history.state),n=(0,f.computed)(()=>t.value.back!==null),r=(0,f.computed)(()=>t.value.forward!==null);e.afterEach(()=>{t.value=e.options.history.state});function i(){n.value&&e.back()}function a(){r.value&&e.forward()}return{canGoBack:n,canGoForward:r,goBack:i,goForward:a}}var rR=(0,f.defineComponent)({__name:`TopBarNavigationArrows`,setup(e){let t=(0,g.useI18n)(),{canGoBack:n,canGoForward:r,goBack:i,goForward:a}=nR();return(e,o)=>((0,f.openBlock)(),(0,f.createBlock)((0,f.unref)(F),{gap:`xxs`},{default:(0,f.withCtx)(()=>[(0,f.createVNode)((0,f.unref)(J),{icon:(0,f.unref)(Lt),"is-disabled":!(0,f.unref)(n),label:(0,f.unref)(t).t(`component.top_bar.navigation.back`),"keyboard-shortcut":{key:`ArrowLeft`,mod:!0},variant:`tertiary`,size:`sm`,onClick:(0,f.unref)(i)},null,8,[`icon`,`is-disabled`,`label`,`onClick`]),(0,f.createVNode)((0,f.unref)(J),{icon:(0,f.unref)(Vt),"is-disabled":!(0,f.unref)(r),label:(0,f.unref)(t).t(`component.top_bar.navigation.forward`),"keyboard-shortcut":{key:`ArrowRight`,mod:!0},variant:`tertiary`,size:`sm`,onClick:(0,f.unref)(a)},null,8,[`icon`,`is-disabled`,`label`,`onClick`])]),_:1}))}}),iR={class:`flex shrink-0 items-center px-xl pb-md`},aR={class:`flex min-w-0 flex-1 items-center`},oR={class:`ml-lg min-w-0 flex-1 text-xs text-primary md:sr-only`},sR={key:3,class:`ml-lg min-w-0 flex-1 text-xs text-primary`},cR={class:`hidden flex-1 items-center justify-center md:flex`},lR={class:`flex h-full
|
|
984
|
+
`,t.class))},{default:(0,f.withCtx)(()=>[(0,f.renderSlot)(e.$slots,`default`)]),_:3},8,[`class`]))}});function XL(){let e=(0,f.ref)(!1),t=(0,f.shallowRef)(null),n=(0,f.computed)(()=>t.value?.isOpen.value??!1);function r(){t.value?.toggle()}function i(n,r,i){t.value={isOpen:n,isToggleHidden:i,toggle:r},e.value=!0}function a(){t.value=null,e.value=!1}gD({hasDetailPane:e,isOpen:n,isToggleHidden:(0,f.computed)(()=>t.value?.isToggleHidden??!1),registerDetailPane:i,toggle:r,unregisterDetailPane:a})}var ZL=(0,f.defineComponent)({__name:`DashboardPageHeaderBreadcrumbs`,props:{breadcrumbs:{}},setup(e){let t=e;return(e,n)=>t.breadcrumbs.length>0?((0,f.openBlock)(),(0,f.createBlock)(bE,{key:0},{default:(0,f.withCtx)(()=>[((0,f.openBlock)(!0),(0,f.createElementBlock)(f.Fragment,null,(0,f.renderList)(t.breadcrumbs,(e,n)=>((0,f.openBlock)(),(0,f.createElementBlock)(f.Fragment,{key:`${e.label}-${n}`},[(0,f.createVNode)(vE,{icon:e.icon,to:e.to,label:e.label},null,8,[`icon`,`to`,`label`]),n<t.breadcrumbs.length-1?((0,f.openBlock)(),(0,f.createBlock)(xE,{key:0})):(0,f.createCommentVNode)(``,!0)],64))),128))]),_:1})):(0,f.createCommentVNode)(``,!0)}}),QL=(0,f.defineComponent)({__name:`DashboardPageHeaderSidebarToggle`,setup(e){let{isSidebarOpen:t}=$x(),n=(0,g.useI18n)(),r=(0,p.createAction)({id:`toggle-main-sidebar`,name:()=>n.t(`action.global.toggle_main_sidebar.name`),execute:()=>{a()},group:(0,p.useActionGroup)().navigation,icon:()=>t.value?mr:Qn,keyboardShortcut:{key:`B`,mod:!0},keywords:n.t(`action.global.toggle_main_sidebar.keywords`).split(` `)}),i=(0,f.computed)(()=>t.value?n.t(`component.dashboard_page_header_sidebar_toggle.collapse`):n.t(`component.dashboard_page_header_sidebar_toggle.expand`));function a(){t.value=!t.value}return(e,n)=>((0,f.openBlock)(),(0,f.createBlock)(U,{label:i.value,"keyboard-shortcut":{key:`B`,mod:!0}},{default:(0,f.withCtx)(()=>[(0,f.createVNode)(cc,{action:(0,f.unref)(r),"is-current-context-only":!1},{default:(0,f.withCtx)(()=>[(0,f.createVNode)((0,f.unref)(Y),null,{default:(0,f.withCtx)(()=>[(0,f.createVNode)((0,f.unref)(h.Toggle),{"model-value":(0,f.unref)(t),"data-state":(0,f.unref)(t)?`open`:`closed`,class:`group/toggle -ml-xxs flex size-6 items-center justify-center rounded-sm duration-150 hover:bg-secondary-hover`},{default:(0,f.withCtx)(()=>[...n[0]||=[(0,f.createElementVNode)(`div`,{class:`flex h-3 w-3.5 justify-start rounded-[0.1875rem] border border-fg-tertiary p-[0.09375rem] duration-150 group-data-[state=open]/toggle:border-fg-tertiary dark:group-data-[state=open]/toggle:border-fg-secondary`},[(0,f.createElementVNode)(`div`,{class:`h-full w-0.5 rounded-[1px] bg-fg-tertiary duration-150 group-data-[state=open]/toggle:w-1 group-data-[state=open]/toggle:bg-fg-tertiary dark:group-data-[state=open]/toggle:bg-fg-secondary`})],-1)]]),_:1},8,[`model-value`,`data-state`])]),_:1})]),_:1},8,[`action`])]),_:1},8,[`label`]))}}),$L={type:`button`,class:`flex h-7 w-full max-w-60 items-center gap-sm rounded-md! bg-fg-primary/4 pr-sm pl-md duration-100 hover:bg-fg-primary/7 hover:brightness-98 dark:bg-primary/90 dark:hover:bg-primary/90 dark:hover:brightness-110`},eR={class:`flex-1 truncate text-left text-xxs text-placeholder`},tR=(0,f.defineComponent)({__name:`TopBarCommandMenuSearch`,setup(e){let t=(0,g.useI18n)(),n=xC();return(e,r)=>((0,f.openBlock)(),(0,f.createBlock)(cc,{action:(0,f.unref)(n),"is-current-context-only":!0},{default:(0,f.withCtx)(({keyboardShortcut:e})=>[(0,f.createVNode)(Y,null,{default:(0,f.withCtx)(()=>[(0,f.createElementVNode)(`button`,$L,[(0,f.createVNode)((0,f.unref)(Xr),{class:`size-3.5 shrink-0 text-quaternary`}),(0,f.createElementVNode)(`span`,eR,(0,f.toDisplayString)((0,f.unref)(t).t(`component.top_bar.search`)),1),e===null?(0,f.createCommentVNode)(``,!0):((0,f.openBlock)(),(0,f.createBlock)(Xi,{key:0,"keyboard-shortcut":e,"is-key-hold-visualization-enabled":!0},null,8,[`keyboard-shortcut`]))])]),_:2},1024)]),_:1},8,[`action`]))}});function nR(){let e=(0,y.useRouter)(),t=(0,f.ref)(e.options.history.state),n=(0,f.computed)(()=>t.value.back!==null),r=(0,f.computed)(()=>t.value.forward!==null);e.afterEach(()=>{t.value=e.options.history.state});function i(){n.value&&e.back()}function a(){r.value&&e.forward()}return{canGoBack:n,canGoForward:r,goBack:i,goForward:a}}var rR=(0,f.defineComponent)({__name:`TopBarNavigationArrows`,setup(e){let t=(0,g.useI18n)(),{canGoBack:n,canGoForward:r,goBack:i,goForward:a}=nR();return(e,o)=>((0,f.openBlock)(),(0,f.createBlock)((0,f.unref)(F),{gap:`xxs`},{default:(0,f.withCtx)(()=>[(0,f.createVNode)((0,f.unref)(J),{icon:(0,f.unref)(Lt),"is-disabled":!(0,f.unref)(n),label:(0,f.unref)(t).t(`component.top_bar.navigation.back`),"keyboard-shortcut":{key:`ArrowLeft`,mod:!0},variant:`tertiary`,size:`sm`,onClick:(0,f.unref)(i)},null,8,[`icon`,`is-disabled`,`label`,`onClick`]),(0,f.createVNode)((0,f.unref)(J),{icon:(0,f.unref)(Vt),"is-disabled":!(0,f.unref)(r),label:(0,f.unref)(t).t(`component.top_bar.navigation.forward`),"keyboard-shortcut":{key:`ArrowRight`,mod:!0},variant:`tertiary`,size:`sm`,onClick:(0,f.unref)(a)},null,8,[`icon`,`is-disabled`,`label`,`onClick`])]),_:1}))}}),iR={class:`flex shrink-0 items-center px-xl pb-md`},aR={class:`flex min-w-0 flex-1 items-center`},oR={class:`ml-lg min-w-0 flex-1 text-xs text-primary md:sr-only`},sR={key:3,class:`ml-lg min-w-0 flex-1 text-xs text-primary`},cR={class:`hidden flex-1 items-center justify-center md:flex`},lR={class:`flex h-full shrink-0 items-center justify-end`},uR=(0,f.defineComponent)({__name:`TopBar`,setup(e){let{showNavigationArrowsInTopBar:t}=q(),{title:n,breadcrumbs:r}=bD(),{hasDetailPane:i,isToggleHidden:a}=_D();return(e,o)=>((0,f.openBlock)(),(0,f.createElementBlock)(`div`,iR,[(0,f.createElementVNode)(`div`,aR,[(0,f.createVNode)(QL,{class:`shrink-0`}),(0,f.unref)(r).length>0||(0,f.unref)(n)!==null?((0,f.openBlock)(),(0,f.createBlock)(Rs,{key:0,class:`ml-sm h-4 shrink-0`,orientation:`vertical`})):(0,f.createCommentVNode)(``,!0),(0,f.unref)(t)?((0,f.openBlock)(),(0,f.createElementBlock)(f.Fragment,{key:1},[(0,f.createVNode)(rR,{class:`ml-sm shrink-0`}),(0,f.unref)(r).length>0||(0,f.unref)(n)!==null?((0,f.openBlock)(),(0,f.createBlock)(Rs,{key:0,class:`ml-sm h-4 shrink-0`,orientation:`vertical`})):(0,f.createCommentVNode)(``,!0)],64)):(0,f.createCommentVNode)(``,!0),(0,f.unref)(r).length>0?((0,f.openBlock)(),(0,f.createElementBlock)(f.Fragment,{key:2},[(0,f.createElementVNode)(`h1`,oR,(0,f.toDisplayString)((0,f.unref)(n)),1),(0,f.createVNode)(ZL,{breadcrumbs:(0,f.unref)(r),class:`ml-lg hidden min-w-0 flex-1 md:flex`},null,8,[`breadcrumbs`])],64)):(0,f.unref)(n)===null?(0,f.createCommentVNode)(``,!0):((0,f.openBlock)(),(0,f.createElementBlock)(`h1`,sR,(0,f.toDisplayString)((0,f.unref)(n)),1))]),(0,f.createElementVNode)(`div`,cR,[(0,f.createVNode)(tR)]),(0,f.createElementVNode)(`div`,lR,[(0,f.renderSlot)(e.$slots,`actions`),(0,f.unref)(i)&&!(0,f.unref)(a)?((0,f.openBlock)(),(0,f.createBlock)(nO,{key:0})):(0,f.createCommentVNode)(``,!0)])]))}}),dR=(0,f.defineComponent)({__name:`MainContent`,setup(e){let{isFloatingSidebar:t,isSidebarOpen:n,collapsedVariant:r,sidebarWidth:i}=$x(),a=Vp();XL();let{isBrandedActive:o}=KS(),s=(0,f.computed)(()=>t.value?`0.5rem`:r.value===`minified`||n.value?i.value:`0.5rem`);return(e,t)=>((0,f.openBlock)(),(0,f.createBlock)((0,f.unref)(_.Motion),{initial:{paddingLeft:s.value},animate:{paddingLeft:s.value},transition:{duration:(0,f.unref)(a)?0:.3,type:`spring`,bounce:0},class:(0,f.normalizeClass)([(0,f.unref)(o)?null:`bg-secondary`,`flex size-full flex-col overflow-hidden p-md`])},{default:(0,f.withCtx)(()=>[(0,f.createElementVNode)(`div`,{class:(0,f.normalizeClass)((0,f.unref)(o)?[`default`,`branded`]:null)},[(0,f.createVNode)(uR,null,{actions:(0,f.withCtx)(()=>[(0,f.renderSlot)(e.$slots,`top-bar-actions`)]),_:3})],2),(0,f.renderSlot)(e.$slots,`default`)]),_:3},8,[`initial`,`animate`,`transition`,`class`]))}}),fR={},pR={width:`360`,height:`585`,viewBox:`0 0 360 585`,fill:`none`,xmlns:`http://www.w3.org/2000/svg`,class:`pointer-events-none absolute bottom-0 left-0`};function mR(e,t){return(0,f.openBlock)(),(0,f.createElementBlock)(`svg`,pR,[...t[0]||=[(0,f.createStaticVNode)(`<g opacity="0.4" filter="url(#filter0_f_5410_8853)"><path d="M-39 642L13.5 84L74.5 525L276 577.5L-39 642Z" class="fill-corner-highlight"></path></g><defs><filter id="filter0_f_5410_8853" x="-123" y="0" width="483" height="726" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"></feFlood><feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"></feBlend><feGaussianBlur stdDeviation="42" result="effect1_foregroundBlur_5410_8853"></feGaussianBlur></filter></defs>`,2)]])}var hR=V(fR,[[`render`,mR]]),gR=(0,f.defineComponent)({__name:`MainLayout`,props:{variant:{default:`default`}},setup(e){let t=e,n=(0,f.computed)(()=>t.variant===`branded`);return WS({isBrandedActive:n,variant:(0,f.computed)(()=>t.variant)}),(e,t)=>((0,f.openBlock)(),(0,f.createElementBlock)(`div`,{class:(0,f.normalizeClass)([n.value?`
|
|
985
985
|
dark:bg-primary
|
|
986
986
|
light:bg-linear-to-tr light:from-brand-950 light:to-brand-800
|
|
987
987
|
`:null,`relative flex h-dvh w-full overflow-hidden`])},[(0,f.renderSlot)(e.$slots,`default`),(0,f.createVNode)(hR,{class:(0,f.normalizeClass)(n.value?`light:hidden`:null)},null,8,[`class`])],2))}}),_R=B({slots:{input:`
|
package/dist/index.js
CHANGED
|
@@ -46824,7 +46824,7 @@ var LH = /* @__PURE__ */ h({
|
|
|
46824
46824
|
}), RH = { class: "flex shrink-0 items-center px-xl pb-md" }, zH = { class: "flex min-w-0 flex-1 items-center" }, BH = { class: "ml-lg min-w-0 flex-1 text-xs text-primary md:sr-only" }, VH = {
|
|
46825
46825
|
key: 3,
|
|
46826
46826
|
class: "ml-lg min-w-0 flex-1 text-xs text-primary"
|
|
46827
|
-
}, HH = { class: "hidden flex-1 items-center justify-center md:flex" }, UH = { class: "flex h-full
|
|
46827
|
+
}, HH = { class: "hidden flex-1 items-center justify-center md:flex" }, UH = { class: "flex h-full shrink-0 items-center justify-end" }, WH = /* @__PURE__ */ h({
|
|
46828
46828
|
__name: "TopBar",
|
|
46829
46829
|
setup(e) {
|
|
46830
46830
|
let { showNavigationArrowsInTopBar: t } = gv(), { title: n, breadcrumbs: r } = Qj(), { hasDetailPane: a, isToggleHidden: o } = Yj();
|
package/package.json
CHANGED
|
@@ -4,7 +4,7 @@
|
|
|
4
4
|
"access": "public"
|
|
5
5
|
},
|
|
6
6
|
"type": "module",
|
|
7
|
-
"version": "1.22.
|
|
7
|
+
"version": "1.22.3",
|
|
8
8
|
"license": "SEE LICENSE IN LICENSE.md",
|
|
9
9
|
"repository": {
|
|
10
10
|
"type": "git",
|
|
@@ -49,8 +49,8 @@
|
|
|
49
49
|
"vue-router": "^4.6.4",
|
|
50
50
|
"vue-sonner": "2.0.9",
|
|
51
51
|
"zod": "4.3.5",
|
|
52
|
-
"formango": "^3.2.6",
|
|
53
52
|
"@wisemen/vue-core-actions": "^0.3.0",
|
|
53
|
+
"formango": "^3.2.6",
|
|
54
54
|
"@wisemen/vue-core-dates": "^1.1.1"
|
|
55
55
|
},
|
|
56
56
|
"dependencies": {
|
|
@@ -67,8 +67,8 @@
|
|
|
67
67
|
"vue-component-type-helpers": "3.3.0",
|
|
68
68
|
"vue-sonner": "2.0.9",
|
|
69
69
|
"@wisemen/vue-core-icons": "0.0.4",
|
|
70
|
-
"@wisemen/vue-core-utils": "0.1.2",
|
|
71
70
|
"@wisemen/vue-core-api-utils": "2.0.6",
|
|
71
|
+
"@wisemen/vue-core-utils": "0.1.2",
|
|
72
72
|
"@wisemen/vue-core-dates": "1.1.1"
|
|
73
73
|
},
|
|
74
74
|
"devDependencies": {
|