@selfeesas/shared-components 0.1.9 → 0.2.0

package/dist/shared-components.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("vue"),T={xs:18,sm:24,md:32,lg:38,xl:46},D={size:String};function H(e,t=T){return r.computed(()=>e.size!==void 0?{fontSize:e.size in t?`${t[e.size]}px`:e.size}:null)}function B(e){return r.markRaw(r.defineComponent(e))}function I(e,t){return e!==void 0&&e()||t}function S(e,t){return e!==void 0?t.concat(e()):t}const L="0 0 24 24",_=e=>e,$=e=>`ionicons ${e}`,O={"mdi-":e=>`mdi ${e}`,"icon-":_,"bt-":e=>`bt ${e}`,"eva-":e=>`eva ${e}`,"ion-md":$,"ion-ios":$,"ion-logo":$,"iconfont ":_,"ti-":e=>`themify-icon ${e}`,"bi-":e=>`bootstrap-icons ${e}`,"i-":_},M={o_:"-outlined",r_:"-round",s_:"-sharp"},j={sym_o_:"-outlined",sym_r_:"-rounded",sym_s_:"-sharp"},G=new RegExp("^("+Object.keys(O).join("|")+")"),U=new RegExp("^("+Object.keys(M).join("|")+")"),z=new RegExp("^("+Object.keys(j).join("|")+")"),J=/^[Mm]\s?[-+]?\.?\d/,W=/^img:/,X=/^svguse:/,Y=/^ion-/,Z=/^(fa-(classic|sharp|solid|regular|light|brands|duotone|thin)|[lf]a[srlbdk]?) /,N=B({name:"QIcon",props:{...D,tag:{type:String,default:"i"},name:String,color:String,left:Boolean,right:Boolean},setup(e,{slots:t}){const{proxy:{$q:s}}=r.getCurrentInstance(),a=H(e),o=r.computed(()=>"q-icon"+(e.left===!0?" on-left":"")+(e.right===!0?" on-right":"")+(e.color!==void 0?` text-${e.color}`:"")),c=r.computed(()=>{let l,n=e.name;if(n==="none"||!n)return{none:!0};if(s.iconMapFn!==null){const u=s.iconMapFn(n);if(u!==void 0)if(u.icon!==void 0){if(n=u.icon,n==="none"||!n)return{none:!0}}else return{cls:u.cls,content:u.content!==void 0?u.content:" "}}if(J.test(n)===!0){const[u,g=L]=n.split("|");return{svg:!0,viewBox:g,nodes:u.split("&&").map(d=>{const[i,h,b]=d.split("@@");return r.h("path",{style:h,d:i,transform:b})})}}if(W.test(n)===!0)return{img:!0,src:n.substring(4)};if(X.test(n)===!0){const[u,g=L]=n.split("|");return{svguse:!0,src:u.substring(7),viewBox:g}}let f=" ";const v=n.match(G);if(v!==null)l=O[v[1]](n);else if(Z.test(n)===!0)l=n;else if(Y.test(n)===!0)l=`ionicons ion-${s.platform.is.ios===!0?"ios":"md"}${n.substring(3)}`;else if(z.test(n)===!0){l="notranslate material-symbols";const u=n.match(z);u!==null&&(n=n.substring(6),l+=j[u[1]]),f=n}else{l="notranslate material-icons";const u=n.match(U);u!==null&&(n=n.substring(2),l+=M[u[1]]),f=n}return{cls:l,content:f}});return()=>{const l={class:o.value,style:a.value,"aria-hidden":"true"};return c.value.none===!0?r.h(e.tag,l,I(t.default)):c.value.img===!0?r.h(e.tag,l,S(t.default,[r.h("img",{src:c.value.src})])):c.value.svg===!0?r.h(e.tag,l,S(t.default,[r.h("svg",{viewBox:c.value.viewBox||"0 0 24 24"},c.value.nodes)])):c.value.svguse===!0?r.h(e.tag,l,S(t.default,[r.h("svg",{viewBox:c.value.viewBox},[r.h("use",{"xlink:href":c.value.src})])])):(c.value.cls!==void 0&&(l.class+=" "+c.value.cls),r.h(e.tag,l,S(t.default,[c.value.content])))}}});function V(e,t){typeof t.type=="symbol"?Array.isArray(t.children)===!0&&t.children.forEach(s=>{V(e,s)}):e.add(t)}function ee(e){const t=new Set;return e.forEach(s=>{V(t,s)}),Array.from(t)}function te(e){return e.appContext.config.globalProperties.$router!==void 0}function w(e){return e?e.aliasOf?e.aliasOf.path:e.path:""}function F(e,t){return(e.aliasOf||e)===(t.aliasOf||t)}function re(e,t){for(const s in t){const a=t[s],o=e[s];if(typeof a=="string"){if(a!==o)return!1}else if(Array.isArray(o)===!1||o.length!==a.length||a.some((c,l)=>c!==o[l]))return!1}return!0}function q(e,t){return Array.isArray(t)===!0?e.length===t.length&&e.every((s,a)=>s===t[a]):e.length===1&&e[0]===t}function ae(e,t){return Array.isArray(e)===!0?q(e,t):Array.isArray(t)===!0?q(t,e):e===t}function ne(e,t){if(Object.keys(e).length!==Object.keys(t).length)return!1;for(const s in e)if(ae(e[s],t[s])===!1)return!1;return!0}const oe={to:[String,Object],replace:Boolean,href:String,target:String,disable:Boolean},le={...oe,exact:Boolean,activeClass:{type:String,default:"q-router-link--active"},exactActiveClass:{type:String,default:"q-router-link--exact-active"}};function ue({fallbackTag:e,useDisableForRouterLinkProps:t=!0}={}){const s=r.getCurrentInstance(),{props:a,proxy:o,emit:c}=s,l=te(s),n=r.computed(()=>a.disable!==!0&&a.href!==void 0),f=t===!0?r.computed(()=>l===!0&&a.disable!==!0&&n.value!==!0&&a.to!==void 0&&a.to!==null&&a.to!==""):r.computed(()=>l===!0&&n.value!==!0&&a.to!==void 0&&a.to!==null&&a.to!==""),v=r.computed(()=>f.value===!0?A(a.to):null),u=r.computed(()=>v.value!==null),g=r.computed(()=>n.value===!0||u.value===!0),d=r.computed(()=>a.type==="a"||g.value===!0?"a":a.tag||e||"div"),i=r.computed(()=>n.value===!0?{href:a.href,target:a.target}:u.value===!0?{href:v.value.href,target:a.target}:{}),h=r.computed(()=>{if(u.value===!1)return-1;const{matched:m}=v.value,{length:p}=m,k=m[p-1];if(k===void 0)return-1;const C=o.$route.matched;if(C.length===0)return-1;const x=C.findIndex(F.bind(null,k));if(x!==-1)return x;const E=w(m[p-2]);return p>1&&w(k)===E&&C[C.length-1].path!==E?C.findIndex(F.bind(null,m[p-2])):x}),b=r.computed(()=>u.value===!0&&h.value!==-1&&re(o.$route.params,v.value.params)),y=r.computed(()=>b.value===!0&&h.value===o.$route.matched.length-1&&ne(o.$route.params,v.value.params)),R=r.computed(()=>u.value===!0?y.value===!0?` ${a.exactActiveClass} ${a.activeClass}`:a.exact===!0?"":b.value===!0?` ${a.activeClass}`:"":"");function A(m){try{return o.$router.resolve(m)}catch{}return null}function P(m,{returnRouterError:p,to:k=a.to,replace:C=a.replace}={}){if(a.disable===!0)return m.preventDefault(),Promise.resolve(!1);if(m.metaKey||m.altKey||m.ctrlKey||m.shiftKey||m.button!==void 0&&m.button!==0||a.target==="_blank")return Promise.resolve(!1);m.preventDefault();const x=o.$router[C===!0?"replace":"push"](k);return p===!0?x:x.then(()=>{}).catch(()=>{})}function K(m){if(u.value===!0){const p=k=>P(m,k);c("click",m,p),m.defaultPrevented!==!0&&p()}else c("click",m)}return{hasRouterLink:u,hasHrefLink:n,hasLink:g,linkTag:d,resolvedLink:v,linkIsActive:b,linkIsExactActive:y,linkClass:R,linkAttrs:i,getLink:A,navigateToRouterLink:P,navigateOnClick:K}}const se=B({name:"QBreadcrumbsEl",props:{...le,label:String,icon:String,tag:{type:String,default:"span"}},emits:["click"],setup(e,{slots:t}){const{linkTag:s,linkAttrs:a,linkClass:o,navigateOnClick:c}=ue(),l=r.computed(()=>({class:"q-breadcrumbs__el q-link flex inline items-center relative-position "+(e.disable!==!0?"q-link--focusable"+o.value:"q-breadcrumbs__el--disable"),...a.value,onClick:c})),n=r.computed(()=>"q-breadcrumbs__el-icon"+(e.label!==void 0?" q-breadcrumbs__el-icon--with-label":""));return()=>{const f=[];return e.icon!==void 0&&f.push(r.h(N,{class:n.value,name:e.icon})),e.label!==void 0&&f.push(e.label),r.h(s.value,{...l.value},S(t.default,f))}}}),Q={left:"start",center:"center",right:"end",between:"between",around:"around",evenly:"evenly",stretch:"stretch"},ce=Object.keys(Q),ie={align:{type:String,validator:e=>ce.includes(e)}};function de(e){return r.computed(()=>{const t=e.align===void 0?e.vertical===!0?"stretch":"left":e.align;return`${e.vertical===!0?"items":"justify"}-${Q[t]}`})}const me=["",!0],ve=B({name:"QBreadcrumbs",props:{...ie,separator:{type:String,default:"/"},separatorColor:String,activeColor:{type:String,default:"primary"},gutter:{type:String,validator:e=>["none","xs","sm","md","lg","xl"].includes(e),default:"sm"}},setup(e,{slots:t}){const s=de(e),a=r.computed(()=>`flex items-center ${s.value}${e.gutter==="none"?"":` q-gutter-${e.gutter}`}`),o=r.computed(()=>e.separatorColor?` text-${e.separatorColor}`:""),c=r.computed(()=>` text-${e.activeColor}`);return()=>{if(t.default===void 0)return;const l=ee(I(t.default));if(l.length===0)return;let n=1;const f=[],v=l.filter(g=>{var d;return((d=g.type)==null?void 0:d.name)==="QBreadcrumbsEl"}).length,u=t.separator!==void 0?t.separator:()=>e.separator;return l.forEach(g=>{var d;if(((d=g.type)==null?void 0:d.name)==="QBreadcrumbsEl"){const i=n<v,h=g.props!==null&&me.includes(g.props.disable),b=(i===!0?"":" q-breadcrumbs--last")+(h!==!0&&i===!0?c.value:"");n++,f.push(r.h("div",{class:`flex items-center${b}`},[g])),i===!0&&f.push(r.h("div",{class:"q-breadcrumbs__separator"+o.value},u()))}else f.push(g)}),r.h("div",{class:"q-breadcrumbs"},[r.h("div",{class:a.value},f)])}}}),fe=r.defineComponent({inheritAttrs:!1,__name:"Breadcrumbs",props:{activeColor:{},separatorIcon:{},separatorSize:{},separatorColor:{},store:{},navStore:{},route:{},router:{},breadcrumbConfig:{},separator:{},gutter:{},align:{}},setup(e){const t=e,s=r.useAttrs(),a=r.computed(()=>{const{activeColor:d,separatorIcon:i,separatorSize:h,separatorColor:b,...y}=s;return y}),o=d=>({"data-cy":d.dataCy,class:"cursor-pointer text-h5",color:d.color}),c=r.computed(()=>t.activeColor||"primary"),l=r.computed(()=>t.separatorIcon||"chevron_right"),n=r.computed(()=>t.separatorSize||"2em"),f=r.computed(()=>t.separatorColor||"primary"),v=r.computed(()=>({store:t.store,route:t.route,navStore:t.navStore||{}})),u=r.computed(()=>{const d=[];return t.breadcrumbConfig.forEach(i=>{if(!i.shouldRender(v.value))return;const h=i.getLabel?i.getLabel(v.value):i.defaultLabel,b=i.getColor?i.getColor(v.value):"dark",y={name:i.routeName,...i.getRouteParams&&{params:i.getRouteParams(v.value)}},R=i.clearActions?i.clearActions.map(A=>()=>A(v.value)):[];d.push({label:h,dataCy:i.dataCy,color:b,route:y,clearActions:R})}),d}),g=d=>{d.clearActions&&d.clearActions.forEach(i=>i()),t.router.push(d.route)};return(d,i)=>(r.openBlock(),r.createBlock(ve,r.mergeProps({"active-color":c.value,class:"text-brown"},a.value),{separator:r.withCtx(()=>[r.createVNode(N,{size:n.value,name:l.value,color:f.value},null,8,["size","name","color"])]),default:r.withCtx(()=>[(r.openBlock(!0),r.createElementBlock(r.Fragment,null,r.renderList(u.value,(h,b)=>(r.openBlock(),r.createBlock(se,r.mergeProps({key:b},{ref_for:!0},o(h),{label:h.label,onClick:y=>g(h)}),null,16,["label","onClick"]))),128))]),_:1},16,["active-color"]))}});function ge(e){var t,s;return{entity:e.entity,dataCy:e.dataCy,defaultLabel:e.defaultLabel,routeName:e.routeName,shouldRender:e.customShouldRender||(({store:a})=>e.storeField?!!a[e.storeField]:!0),getLabel:e.getLabel||(e.labelField?({store:a})=>{var o;return e.storeField&&((o=a[e.storeField])==null?void 0:o[e.labelField])||e.defaultLabel}:void 0),getColor:e.customGetColor||(({store:a})=>e.storeField&&a[e.storeField]?"primary":"dark"),getRouteParams:e.routeParamKey&&e.routeParamField?({store:a})=>{var o;return{[e.routeParamKey]:e.storeField&&((o=a[e.storeField])==null?void 0:o[e.routeParamField])}}:void 0,clearActions:[...((t=e.clearMethods)==null?void 0:t.map(a=>({store:o})=>{var c;return(c=o[a])==null?void 0:c.call(o)}))||[],...((s=e.navActions)==null?void 0:s.map(a=>({navStore:o})=>a(o)))||[]]}}exports.Breadcrumbs=fe;exports.createBreadcrumb=ge;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("vue"),H={xs:18,sm:24,md:32,lg:38,xl:46},re={size:String};function ae(e,t=H){return n.computed(()=>e.size!==void 0?{fontSize:e.size in t?`${t[e.size]}px`:e.size}:null)}function N(e){return n.markRaw(n.defineComponent(e))}function be(e){return n.markRaw(e)}function oe(e,t){return e!==void 0&&e()||t}function j(e,t){return e!==void 0?t.concat(e()):t}const W="0 0 24 24",V=e=>e,D=e=>`ionicons ${e}`,le={"mdi-":e=>`mdi ${e}`,"icon-":V,"bt-":e=>`bt ${e}`,"eva-":e=>`eva ${e}`,"ion-md":D,"ion-ios":D,"ion-logo":D,"iconfont ":V,"ti-":e=>`themify-icon ${e}`,"bi-":e=>`bootstrap-icons ${e}`,"i-":V},ue={o_:"-outlined",r_:"-round",s_:"-sharp"},se={sym_o_:"-outlined",sym_r_:"-rounded",sym_s_:"-sharp"},he=new RegExp("^("+Object.keys(le).join("|")+")"),pe=new RegExp("^("+Object.keys(ue).join("|")+")"),X=new RegExp("^("+Object.keys(se).join("|")+")"),ye=/^[Mm]\s?[-+]?\.?\d/,ke=/^img:/,Ce=/^svguse:/,xe=/^ion-/,qe=/^(fa-(classic|sharp|solid|regular|light|brands|duotone|thin)|[lf]a[srlbdk]?) /,K=N({name:"QIcon",props:{...re,tag:{type:String,default:"i"},name:String,color:String,left:Boolean,right:Boolean},setup(e,{slots:t}){const{proxy:{$q:a}}=n.getCurrentInstance(),r=ae(e),o=n.computed(()=>"q-icon"+(e.left===!0?" on-left":"")+(e.right===!0?" on-right":"")+(e.color!==void 0?` text-${e.color}`:"")),c=n.computed(()=>{let i,u=e.name;if(u==="none"||!u)return{none:!0};if(a.iconMapFn!==null){const d=a.iconMapFn(u);if(d!==void 0)if(d.icon!==void 0){if(u=d.icon,u==="none"||!u)return{none:!0}}else return{cls:d.cls,content:d.content!==void 0?d.content:" "}}if(ye.test(u)===!0){const[d,g=W]=u.split("|");return{svg:!0,viewBox:g,nodes:d.split("&&").map(l=>{const[f,m,y]=l.split("@@");return n.h("path",{style:m,d:f,transform:y})})}}if(ke.test(u)===!0)return{img:!0,src:u.substring(4)};if(Ce.test(u)===!0){const[d,g=W]=u.split("|");return{svguse:!0,src:d.substring(7),viewBox:g}}let b=" ";const h=u.match(he);if(h!==null)i=le[h[1]](u);else if(qe.test(u)===!0)i=u;else if(xe.test(u)===!0)i=`ionicons ion-${a.platform.is.ios===!0?"ios":"md"}${u.substring(3)}`;else if(X.test(u)===!0){i="notranslate material-symbols";const d=u.match(X);d!==null&&(u=u.substring(6),i+=se[d[1]]),b=u}else{i="notranslate material-icons";const d=u.match(pe);d!==null&&(u=u.substring(2),i+=ue[d[1]]),b=u}return{cls:i,content:b}});return()=>{const i={class:o.value,style:r.value,"aria-hidden":"true"};return c.value.none===!0?n.h(e.tag,i,oe(t.default)):c.value.img===!0?n.h(e.tag,i,j(t.default,[n.h("img",{src:c.value.src})])):c.value.svg===!0?n.h(e.tag,i,j(t.default,[n.h("svg",{viewBox:c.value.viewBox||"0 0 24 24"},c.value.nodes)])):c.value.svguse===!0?n.h(e.tag,i,j(t.default,[n.h("svg",{viewBox:c.value.viewBox},[n.h("use",{"xlink:href":c.value.src})])])):(c.value.cls!==void 0&&(i.class+=" "+c.value.cls),n.h(e.tag,i,j(t.default,[c.value.content])))}}});function ie(e,t){typeof t.type=="symbol"?Array.isArray(t.children)===!0&&t.children.forEach(a=>{ie(e,a)}):e.add(t)}function _e(e){const t=new Set;return e.forEach(a=>{ie(t,a)}),Array.from(t)}function Ee(e){return e.appContext.config.globalProperties.$router!==void 0}function Y(e){return e?e.aliasOf?e.aliasOf.path:e.path:""}function G(e,t){return(e.aliasOf||e)===(t.aliasOf||t)}function Se(e,t){for(const a in t){const r=t[a],o=e[a];if(typeof r=="string"){if(r!==o)return!1}else if(Array.isArray(o)===!1||o.length!==r.length||r.some((c,i)=>c!==o[i]))return!1}return!0}function J(e,t){return Array.isArray(t)===!0?e.length===t.length&&e.every((a,r)=>a===t[r]):e.length===1&&e[0]===t}function Be(e,t){return Array.isArray(e)===!0?J(e,t):Array.isArray(t)===!0?J(t,e):e===t}function $e(e,t){if(Object.keys(e).length!==Object.keys(t).length)return!1;for(const a in e)if(Be(e[a],t[a])===!1)return!1;return!0}const ce={to:[String,Object],replace:Boolean,href:String,target:String,disable:Boolean},we={...ce,exact:Boolean,activeClass:{type:String,default:"q-router-link--active"},exactActiveClass:{type:String,default:"q-router-link--exact-active"}};function de({fallbackTag:e,useDisableForRouterLinkProps:t=!0}={}){const a=n.getCurrentInstance(),{props:r,proxy:o,emit:c}=a,i=Ee(a),u=n.computed(()=>r.disable!==!0&&r.href!==void 0),b=t===!0?n.computed(()=>i===!0&&r.disable!==!0&&u.value!==!0&&r.to!==void 0&&r.to!==null&&r.to!==""):n.computed(()=>i===!0&&u.value!==!0&&r.to!==void 0&&r.to!==null&&r.to!==""),h=n.computed(()=>b.value===!0?B(r.to):null),d=n.computed(()=>h.value!==null),g=n.computed(()=>u.value===!0||d.value===!0),l=n.computed(()=>r.type==="a"||g.value===!0?"a":r.tag||e||"div"),f=n.computed(()=>u.value===!0?{href:r.href,target:r.target}:d.value===!0?{href:h.value.href,target:r.target}:{}),m=n.computed(()=>{if(d.value===!1)return-1;const{matched:p}=h.value,{length:x}=p,_=p[x-1];if(_===void 0)return-1;const S=o.$route.matched;if(S.length===0)return-1;const $=S.findIndex(G.bind(null,_));if($!==-1)return $;const I=Y(p[x-2]);return x>1&&Y(_)===I&&S[S.length-1].path!==I?S.findIndex(G.bind(null,p[x-2])):$}),y=n.computed(()=>d.value===!0&&m.value!==-1&&Se(o.$route.params,h.value.params)),v=n.computed(()=>y.value===!0&&m.value===o.$route.matched.length-1&&$e(o.$route.params,h.value.params)),C=n.computed(()=>d.value===!0?v.value===!0?` ${r.exactActiveClass} ${r.activeClass}`:r.exact===!0?"":y.value===!0?` ${r.activeClass}`:"":"");function B(p){try{return o.$router.resolve(p)}catch{}return null}function w(p,{returnRouterError:x,to:_=r.to,replace:S=r.replace}={}){if(r.disable===!0)return p.preventDefault(),Promise.resolve(!1);if(p.metaKey||p.altKey||p.ctrlKey||p.shiftKey||p.button!==void 0&&p.button!==0||r.target==="_blank")return Promise.resolve(!1);p.preventDefault();const $=o.$router[S===!0?"replace":"push"](_);return x===!0?$:$.then(()=>{}).catch(()=>{})}function L(p){if(d.value===!0){const x=_=>w(p,_);c("click",p,x),p.defaultPrevented!==!0&&x()}else c("click",p)}return{hasRouterLink:d,hasHrefLink:u,hasLink:g,linkTag:l,resolvedLink:h,linkIsActive:y,linkIsExactActive:v,linkClass:C,linkAttrs:f,getLink:B,navigateToRouterLink:w,navigateOnClick:L}}const Le=N({name:"QBreadcrumbsEl",props:{...we,label:String,icon:String,tag:{type:String,default:"span"}},emits:["click"],setup(e,{slots:t}){const{linkTag:a,linkAttrs:r,linkClass:o,navigateOnClick:c}=de(),i=n.computed(()=>({class:"q-breadcrumbs__el q-link flex inline items-center relative-position "+(e.disable!==!0?"q-link--focusable"+o.value:"q-breadcrumbs__el--disable"),...r.value,onClick:c})),u=n.computed(()=>"q-breadcrumbs__el-icon"+(e.label!==void 0?" q-breadcrumbs__el-icon--with-label":""));return()=>{const b=[];return e.icon!==void 0&&b.push(n.h(K,{class:u.value,name:e.icon})),e.label!==void 0&&b.push(e.label),n.h(a.value,{...i.value},j(t.default,b))}}}),fe={left:"start",center:"center",right:"end",between:"between",around:"around",evenly:"evenly",stretch:"stretch"},Pe=Object.keys(fe),ve={align:{type:String,validator:e=>Pe.includes(e)}};function me(e){return n.computed(()=>{const t=e.align===void 0?e.vertical===!0?"stretch":"left":e.align;return`${e.vertical===!0?"items":"justify"}-${fe[t]}`})}const Re=["",!0],Ae=N({name:"QBreadcrumbs",props:{...ve,separator:{type:String,default:"/"},separatorColor:String,activeColor:{type:String,default:"primary"},gutter:{type:String,validator:e=>["none","xs","sm","md","lg","xl"].includes(e),default:"sm"}},setup(e,{slots:t}){const a=me(e),r=n.computed(()=>`flex items-center ${a.value}${e.gutter==="none"?"":` q-gutter-${e.gutter}`}`),o=n.computed(()=>e.separatorColor?` text-${e.separatorColor}`:""),c=n.computed(()=>` text-${e.activeColor}`);return()=>{if(t.default===void 0)return;const i=_e(oe(t.default));if(i.length===0)return;let u=1;const b=[],h=i.filter(g=>{var l;return((l=g.type)==null?void 0:l.name)==="QBreadcrumbsEl"}).length,d=t.separator!==void 0?t.separator:()=>e.separator;return i.forEach(g=>{var l;if(((l=g.type)==null?void 0:l.name)==="QBreadcrumbsEl"){const f=u<h,m=g.props!==null&&Re.includes(g.props.disable),y=(f===!0?"":" q-breadcrumbs--last")+(m!==!0&&f===!0?c.value:"");u++,b.push(n.h("div",{class:`flex items-center${y}`},[g])),f===!0&&b.push(n.h("div",{class:"q-breadcrumbs__separator"+o.value},d()))}else b.push(g)}),n.h("div",{class:"q-breadcrumbs"},[n.h("div",{class:r.value},b)])}}}),Te=n.defineComponent({inheritAttrs:!1,__name:"Breadcrumbs",props:{activeColor:{},separatorIcon:{},separatorSize:{},separatorColor:{},store:{},navStore:{},route:{},router:{},breadcrumbConfig:{},separator:{},gutter:{},align:{}},setup(e){const t=e,a=n.useAttrs(),r=n.computed(()=>{const{activeColor:l,separatorIcon:f,separatorSize:m,separatorColor:y,...v}=a;return v}),o=l=>({"data-cy":l.dataCy,class:"cursor-pointer text-h5",color:l.color}),c=n.computed(()=>t.activeColor||"primary"),i=n.computed(()=>t.separatorIcon||"chevron_right"),u=n.computed(()=>t.separatorSize||"2em"),b=n.computed(()=>t.separatorColor||"primary"),h=n.computed(()=>({store:t.store,route:t.route,navStore:t.navStore||{}})),d=n.computed(()=>{const l=[];return t.breadcrumbConfig.forEach(f=>{if(!f.shouldRender(h.value))return;const m=f.getLabel?f.getLabel(h.value):f.defaultLabel,y=f.getColor?f.getColor(h.value):"dark",v={name:f.routeName,...f.getRouteParams&&{params:f.getRouteParams(h.value)}},C=f.clearActions?f.clearActions.map(B=>()=>B(h.value)):[];l.push({label:m,dataCy:f.dataCy,color:y,route:v,clearActions:C})}),l}),g=l=>{l.clearActions&&l.clearActions.forEach(f=>f()),t.router.push(l.route)};return(l,f)=>(n.openBlock(),n.createBlock(Ae,n.mergeProps({"active-color":c.value,class:"text-brown"},r.value),{separator:n.withCtx(()=>[n.createVNode(K,{size:u.value,name:i.value,color:b.value},null,8,["size","name","color"])]),default:n.withCtx(()=>[(n.openBlock(!0),n.createElementBlock(n.Fragment,null,n.renderList(d.value,(m,y)=>(n.openBlock(),n.createBlock(Le,n.mergeProps({key:y},{ref_for:!0},o(m),{label:m.label,onClick:v=>g(m)}),null,16,["label","onClick"]))),128))]),_:1},16,["active-color"]))}}),Oe={size:{type:[String,Number],default:"1em"},color:String};function je(e){return{cSize:n.computed(()=>e.size in H?`${H[e.size]}px`:e.size),classes:n.computed(()=>"q-spinner"+(e.color?` text-${e.color}`:""))}}const ze=N({name:"QSpinner",props:{...Oe,thickness:{type:Number,default:5}},setup(e){const{cSize:t,classes:a}=je(e);return()=>n.h("svg",{class:a.value+" q-spinner-mat",width:t.value,height:t.value,viewBox:"25 25 50 50"},[n.h("circle",{class:"path",cx:"50",cy:"50",r:"20",fill:"none",stroke:"currentColor","stroke-width":e.thickness,"stroke-miterlimit":"10"})])}});function Me(e,t){const a=e.style;for(const r in t)a[r]=t[r]}const Q={hasPassive:!1,passiveCapture:!0,notPassiveCapture:!0};try{const e=Object.defineProperty({},"passive",{get(){Object.assign(Q,{hasPassive:!0,passive:{passive:!0},notPassive:{passive:!1},passiveCapture:{passive:!0,capture:!0},notPassiveCapture:{passive:!1,capture:!0}})}});window.addEventListener("qtest",null,e),window.removeEventListener("qtest",null,e)}catch{}function Fe(e){return e.touches&&e.touches[0]?e=e.touches[0]:e.changedTouches&&e.changedTouches[0]?e=e.changedTouches[0]:e.targetTouches&&e.targetTouches[0]&&(e=e.targetTouches[0]),{top:e.clientY,left:e.clientX}}function ge(e){e.stopPropagation()}function Ne(e){e.cancelable!==!1&&e.preventDefault()}function R(e){e.cancelable!==!1&&e.preventDefault(),e.stopPropagation()}function Ie(e,t,a){const r=`__q_${t}_evt`;e[r]=e[r]!==void 0?e[r].concat(a):a,a.forEach(o=>{o[0].addEventListener(o[1],e[o[2]],Q[o[3]])})}function Ke(e,t){const a=`__q_${t}_evt`;e[a]!==void 0&&(e[a].forEach(r=>{r[0].removeEventListener(r[1],e[r[2]],Q[r[3]])}),e[a]=void 0)}function Qe(e){return e!==Object(e)||e.isComposing===!0||e.qKeyEvent===!0}function U(e,t){return Qe(e)===!0?!1:[].concat(t).includes(e.keyCode)}function Ve(e,t=250){let a=!1,r;return function(){return a===!1&&(a=!0,setTimeout(()=>{a=!1},t),r=e.apply(this,arguments)),r}}function Z(e,t,a,r){a.modifiers.stop===!0&&ge(e);const o=a.modifiers.color;let c=a.modifiers.center;c=c===!0||r===!0;const i=document.createElement("span"),u=document.createElement("span"),b=Fe(e),{left:h,top:d,width:g,height:l}=t.getBoundingClientRect(),f=Math.sqrt(g*g+l*l),m=f/2,y=`${(g-f)/2}px`,v=c?y:`${b.left-h-m}px`,C=`${(l-f)/2}px`,B=c?C:`${b.top-d-m}px`;u.className="q-ripple__inner",Me(u,{height:`${f}px`,width:`${f}px`,transform:`translate3d(${v},${B},0) scale3d(.2,.2,1)`,opacity:0}),i.className=`q-ripple${o?" text-"+o:""}`,i.setAttribute("dir","ltr"),i.appendChild(u),t.appendChild(i);const w=()=>{i.remove(),clearTimeout(L)};a.abort.push(w);let L=setTimeout(()=>{u.classList.add("q-ripple__inner--enter"),u.style.transform=`translate3d(${y},${C},0) scale3d(1,1,1)`,u.style.opacity=.2,L=setTimeout(()=>{u.classList.remove("q-ripple__inner--enter"),u.classList.add("q-ripple__inner--leave"),u.style.opacity=0,L=setTimeout(()=>{i.remove(),a.abort.splice(a.abort.indexOf(w),1)},275)},250)},50)}function ee(e,{modifiers:t,value:a,arg:r}){const o=Object.assign({},e.cfg.ripple,t,a);e.modifiers={early:o.early===!0,stop:o.stop===!0,center:o.center===!0,color:o.color||r,keyCodes:[].concat(o.keyCodes||13)}}const De=be({name:"ripple",beforeMount(e,t){const a=t.instance.$.appContext.config.globalProperties.$q.config||{};if(a.ripple===!1)return;const r={cfg:a,enabled:t.value!==!1,modifiers:{},abort:[],start(o){r.enabled===!0&&o.qSkipRipple!==!0&&o.type===(r.modifiers.early===!0?"pointerdown":"click")&&Z(o,e,r,o.qKeyEvent===!0)},keystart:Ve(o=>{r.enabled===!0&&o.qSkipRipple!==!0&&U(o,r.modifiers.keyCodes)===!0&&o.type===`key${r.modifiers.early===!0?"down":"up"}`&&Z(o,e,r,!0)},300)};ee(r,t),e.__qripple=r,Ie(r,"main",[[e,"pointerdown","start","passive"],[e,"click","start","passive"],[e,"keydown","keystart","passive"],[e,"keyup","keystart","passive"]])},updated(e,t){if(t.oldValue!==t.value){const a=e.__qripple;a!==void 0&&(a.enabled=t.value!==!1,a.enabled===!0&&Object(t.value)===t.value&&ee(a,t))}},beforeUnmount(e){const t=e.__qripple;t!==void 0&&(t.abort.forEach(a=>{a()}),Ke(t,"main"),delete e._qripple)}}),te={none:0,xs:4,sm:8,md:16,lg:24,xl:32},He={xs:8,sm:10,md:14,lg:20,xl:24},Ue=["button","submit","reset"],We=/[^\s]\/[^\s]/,Xe=["flat","outline","push","unelevated"];function Ye(e,t){return e.flat===!0?"flat":e.outline===!0?"outline":e.push===!0?"push":e.unelevated===!0?"unelevated":t}const Ge={...re,...ce,type:{type:String,default:"button"},label:[Number,String],icon:String,iconRight:String,...Xe.reduce((e,t)=>(e[t]=Boolean)&&e,{}),square:Boolean,rounded:Boolean,glossy:Boolean,size:String,fab:Boolean,fabMini:Boolean,padding:String,color:String,textColor:String,noCaps:Boolean,noWrap:Boolean,dense:Boolean,tabindex:[Number,String],ripple:{type:[Boolean,Object],default:!0},align:{...ve.align,default:"center"},stack:Boolean,stretch:Boolean,loading:{type:Boolean,default:null},disable:Boolean},Je={...Ge,round:Boolean};function Ze(e){const t=ae(e,He),a=me(e),{hasRouterLink:r,hasLink:o,linkTag:c,linkAttrs:i,navigateOnClick:u}=de({fallbackTag:"button"}),b=n.computed(()=>{const v=e.fab===!1&&e.fabMini===!1?t.value:{};return e.padding!==void 0?Object.assign({},v,{padding:e.padding.split(/\s+/).map(C=>C in te?te[C]+"px":C).join(" "),minWidth:"0",minHeight:"0"}):v}),h=n.computed(()=>e.rounded===!0||e.fab===!0||e.fabMini===!0),d=n.computed(()=>e.disable!==!0&&e.loading!==!0),g=n.computed(()=>d.value===!0?e.tabindex||0:-1),l=n.computed(()=>Ye(e,"standard")),f=n.computed(()=>{const v={tabindex:g.value};return o.value===!0?Object.assign(v,i.value):Ue.includes(e.type)===!0&&(v.type=e.type),c.value==="a"?(e.disable===!0?v["aria-disabled"]="true":v.href===void 0&&(v.role="button"),r.value!==!0&&We.test(e.type)===!0&&(v.type=e.type)):e.disable===!0&&(v.disabled="",v["aria-disabled"]="true"),e.loading===!0&&e.percentage!==void 0&&Object.assign(v,{role:"progressbar","aria-valuemin":0,"aria-valuemax":100,"aria-valuenow":e.percentage}),v}),m=n.computed(()=>{let v;e.color!==void 0?e.flat===!0||e.outline===!0?v=`text-${e.textColor||e.color}`:v=`bg-${e.color} text-${e.textColor||"white"}`:e.textColor&&(v=`text-${e.textColor}`);const C=e.round===!0?"round":`rectangle${h.value===!0?" q-btn--rounded":e.square===!0?" q-btn--square":""}`;return`q-btn--${l.value} q-btn--${C}`+(v!==void 0?" "+v:"")+(d.value===!0?" q-btn--actionable q-focusable q-hoverable":e.disable===!0?" disabled":"")+(e.fab===!0?" q-btn--fab":e.fabMini===!0?" q-btn--fab-mini":"")+(e.noCaps===!0?" q-btn--no-uppercase":"")+(e.dense===!0?" q-btn--dense":"")+(e.stretch===!0?" no-border-radius self-stretch":"")+(e.glossy===!0?" glossy":"")+(e.square?" q-btn--square":"")}),y=n.computed(()=>a.value+(e.stack===!0?" column":" row")+(e.noWrap===!0?" no-wrap text-no-wrap":"")+(e.loading===!0?" q-btn__content--hidden":""));return{classes:m,style:b,innerClasses:y,attributes:f,hasLink:o,linkTag:c,navigateOnClick:u,isActionable:d}}const{passiveCapture:q}=Q;let A=null,T=null,O=null;const ne=N({name:"QBtn",props:{...Je,percentage:Number,darkPercentage:Boolean,onTouchstart:[Function,Array]},emits:["click","keydown","mousedown","keyup"],setup(e,{slots:t,emit:a}){const{proxy:r}=n.getCurrentInstance(),{classes:o,style:c,innerClasses:i,attributes:u,hasLink:b,linkTag:h,navigateOnClick:d,isActionable:g}=Ze(e),l=n.ref(null),f=n.ref(null);let m=null,y,v=null;const C=n.computed(()=>e.label!==void 0&&e.label!==null&&e.label!==""),B=n.computed(()=>e.disable===!0||e.ripple===!1?!1:{keyCodes:b.value===!0?[13,32]:[13],...e.ripple===!0?{}:e.ripple}),w=n.computed(()=>({center:e.round})),L=n.computed(()=>{const s=Math.max(0,Math.min(100,e.percentage));return s>0?{transition:"transform 0.6s",transform:`translateX(${s-100}%)`}:{}}),p=n.computed(()=>{if(e.loading===!0)return{onMousedown:M,onTouchstart:M,onClick:M,onKeydown:M,onKeyup:M};if(g.value===!0){const s={onClick:_,onKeydown:S,onMousedown:I};if(r.$q.platform.has.touch===!0){const k=e.onTouchstart!==void 0?"":"Passive";s[`onTouchstart${k}`]=$}return s}return{onClick:R}}),x=n.computed(()=>({ref:l,class:"q-btn q-btn-item non-selectable no-outline "+o.value,style:c.value,...u.value,...p.value}));function _(s){if(l.value!==null){if(s!==void 0){if(s.defaultPrevented===!0)return;const k=document.activeElement;if(e.type==="submit"&&k!==document.body&&l.value.contains(k)===!1&&k.contains(l.value)===!1){s.qAvoidFocus!==!0&&l.value.focus();const P=()=>{var F;document.removeEventListener("keydown",R,!0),document.removeEventListener("keyup",P,q),(F=l.value)==null||F.removeEventListener("blur",P,q)};document.addEventListener("keydown",R,!0),document.addEventListener("keyup",P,q),l.value.addEventListener("blur",P,q)}}d(s)}}function S(s){l.value!==null&&(a("keydown",s),U(s,[13,32])===!0&&T!==l.value&&(T!==null&&z(),s.defaultPrevented!==!0&&(s.qAvoidFocus!==!0&&l.value.focus(),T=l.value,l.value.classList.add("q-btn--active"),document.addEventListener("keyup",E,!0),l.value.addEventListener("blur",E,q)),R(s)))}function $(s){l.value!==null&&(a("touchstart",s),s.defaultPrevented!==!0&&(A!==l.value&&(A!==null&&z(),A=l.value,m=s.target,m.addEventListener("touchcancel",E,q),m.addEventListener("touchend",E,q)),y=!0,v!==null&&clearTimeout(v),v=setTimeout(()=>{v=null,y=!1},200)))}function I(s){l.value!==null&&(s.qSkipRipple=y===!0,a("mousedown",s),s.defaultPrevented!==!0&&O!==l.value&&(O!==null&&z(),O=l.value,l.value.classList.add("q-btn--active"),document.addEventListener("mouseup",E,q)))}function E(s){if(l.value!==null&&!((s==null?void 0:s.type)==="blur"&&document.activeElement===l.value)){if((s==null?void 0:s.type)==="keyup"){if(T===l.value&&U(s,[13,32])===!0){const k=new MouseEvent("click",s);k.qKeyEvent=!0,s.defaultPrevented===!0&&Ne(k),s.cancelBubble===!0&&ge(k),l.value.dispatchEvent(k),R(s),s.qKeyEvent=!0}a("keyup",s)}z()}}function z(s){var P,F;const k=f.value;s!==!0&&(A===l.value||O===l.value)&&k!==null&&k!==document.activeElement&&(k.setAttribute("tabindex",-1),k.focus()),A===l.value&&(m!==null&&(m.removeEventListener("touchcancel",E,q),m.removeEventListener("touchend",E,q)),A=m=null),O===l.value&&(document.removeEventListener("mouseup",E,q),O=null),T===l.value&&(document.removeEventListener("keyup",E,!0),(P=l.value)==null||P.removeEventListener("blur",E,q),T=null),(F=l.value)==null||F.classList.remove("q-btn--active")}function M(s){R(s),s.qSkipRipple=!0}return n.onBeforeUnmount(()=>{z(!0)}),Object.assign(r,{click:s=>{g.value===!0&&_(s)}}),()=>{let s=[];e.icon!==void 0&&s.push(n.h(K,{name:e.icon,left:e.stack!==!0&&C.value===!0,role:"img"})),C.value===!0&&s.push(n.h("span",{class:"block"},[e.label])),s=j(t.default,s),e.iconRight!==void 0&&e.round===!1&&s.push(n.h(K,{name:e.iconRight,right:e.stack!==!0&&C.value===!0,role:"img"}));const k=[n.h("span",{class:"q-focus-helper",ref:f})];return e.loading===!0&&e.percentage!==void 0&&k.push(n.h("span",{class:"q-btn__progress absolute-full overflow-hidden"+(e.darkPercentage===!0?" q-btn__progress--dark":"")},[n.h("span",{class:"q-btn__progress-indicator fit block",style:L.value})])),k.push(n.h("span",{class:"q-btn__content text-center col items-center q-anchor--skip "+i.value},s)),e.loading!==null&&k.push(n.h(n.Transition,{name:"q-transition--fade"},()=>e.loading===!0?[n.h("span",{key:"loading",class:"absolute-full flex flex-center"},t.loading!==void 0?t.loading():[n.h(ze)])]:null)),n.withDirectives(n.h(h.value,x.value,k),[[De,B.value,void 0,w.value]])}}}),et={class:"row justify-between"},tt=n.defineComponent({__name:"NavButton",props:{from:{},to:{default:void 0},labelFrom:{},labelTo:{default:void 0},params:{default:()=>({})}},setup(e){const t=e,a=n.inject("navContext"),r=n.inject("router");function o(c){if(!a||!r){console.warn("Dependencies not available:",{navContext:a,router:r});return}a.setTabs();const i=c==="back"?t.from:t.to;if(!i){console.warn("Destination not provided:",c);return}r.push({name:i,params:t.params})}return(c,i)=>(n.openBlock(),n.createElementBlock("div",et,[n.createVNode(ne,{icon:"chevron_left","rounded-sm":"",label:c.labelFrom,onClick:i[0]||(i[0]=u=>o("back")),"data-cy":"go-back"},null,8,["label"]),c.labelTo?(n.openBlock(),n.createBlock(ne,{key:0,label:c.labelTo,color:"primary","text-color":"white","icon-right":"chevron_right","rounded-sm":"","data-cy":"go-next",onClick:i[1]||(i[1]=u=>o("next"))},null,8,["label"])):n.createCommentVNode("",!0)]))}}),nt=(e,t)=>{const a=e.__vccOpts||e;for(const[r,o]of t)a[r]=o;return a},rt=nt(tt,[["__scopeId","data-v-b3b54f7e"]]);function at(e){var t,a;return{entity:e.entity,dataCy:e.dataCy,defaultLabel:e.defaultLabel,routeName:e.routeName,shouldRender:e.customShouldRender||(({store:r})=>e.storeField?!!r[e.storeField]:!0),getLabel:e.getLabel||(e.labelField?({store:r})=>{var o;return e.storeField&&((o=r[e.storeField])==null?void 0:o[e.labelField])||e.defaultLabel}:void 0),getColor:e.customGetColor||(({store:r})=>e.storeField&&r[e.storeField]?"primary":"dark"),getRouteParams:e.routeParamKey&&e.routeParamField?({store:r})=>{var o;return{[e.routeParamKey]:e.storeField&&((o=r[e.storeField])==null?void 0:o[e.routeParamField])}}:void 0,clearActions:[...((t=e.clearMethods)==null?void 0:t.map(r=>({store:o})=>{var c;return(c=o[r])==null?void 0:c.call(o)}))||[],...((a=e.navActions)==null?void 0:a.map(r=>({navStore:o})=>r(o)))||[]]}}exports.Breadcrumbs=Te;exports.NavButton=rt;exports.createBreadcrumb=at;

package/dist/shared-components.css

@@ -0,0 +1 @@
+.row[data-v-b3b54f7e]{width:100%;gap:8px}

package/dist/shared-components.d.ts

@@ -4,6 +4,7 @@ import { DefineComponent } from 'vue';
 import { PublicProps } from 'vue';
 import { QBreadcrumbsProps } from 'quasar';
 import { RouteLocationNormalizedLoaded } from 'vue-router';
+import { RouteParamsRaw } from 'vue-router';
 import { Router } from 'vue-router';
 
 export declare interface BreadcrumbConfig {
@@ -57,6 +58,20 @@ declare interface CustomBreadcrumbsProps extends QBreadcrumbsProps {
     breadcrumbConfig: BreadcrumbConfig[];
 }
 
+export declare const NavButton: DefineComponent<NavButtonProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<NavButtonProps> & Readonly<{}>, {
+    params: RouteParamsRaw;
+    to: string;
+    labelTo: string;
+}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
+
+declare interface NavButtonProps {
+    from: string;
+    to?: string;
+    labelFrom: string;
+    labelTo?: string;
+    params?: RouteParamsRaw;
+}
+
 export declare interface NavStore {
     [key: string]: any;
 }