@validol4ik/uikit 0.1.93 → 0.1.94
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/components/AppIcon/iconsList.d.ts +2 -2
- package/dist/components/AppIcon/types.d.ts +2 -0
- package/dist/components/buttons/AppButton/constants.d.ts +0 -5
- package/dist/components/buttons/AppButton/types.d.ts +4 -1
- package/dist/icons.css +1 -1
- package/dist/kl.woff +0 -0
- package/dist/main.css +1 -1
- package/dist/uikit.cjs +1 -1
- package/dist/uikit.es.js +259 -239
- package/package.json +1 -1
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export declare const icons_o:
|
|
2
|
-
export declare const icons:
|
|
1
|
+
export declare const icons_o: readonly ["search", "telegram", "instagram_o", "price-tag_o", "coin_o", "checklist", "rule", "quote_o", "play_o", "visibility-off", "visibility", "user-close_o", "user-plus_o", "user_o", "circle-question_o", "arrow-down", "arrow-up", "arrow-left", "arrow-right", "arrow-download", "arrow-export", "arrow-logout", "arrow-share", "bulleted-list", "menu", "text-left", "text-right", "check", "award_o", "medal_o", "bookmark_o", "calendar_o", "circle-check_o", "circle-info_o", "pie-chart_o", "edit_o", "trash_o", "copy_o", "copied_o", "folder_o", "folder-plus_o", "file-plus_o", "flag_o", "home_o", "timer_o", "unlock_o", "lock_o", "mail_o", "plus", "minus", "translate", "trophy_o"];
|
|
2
|
+
export declare const icons: readonly ["instagram", "price-tag", "coin", "quote", "play", "award", "medal", "bookmark", "calendar", "circle-check", "circle-info", "pie-chart", "edit", "trash", "copy", "copied", "folder", "folder-plus", "file-plus", "flag", "home", "timer", "unlock", "lock", "mail", "user-close", "user-plus", "user", "trophy"];
|
|
@@ -3,8 +3,3 @@ export declare const BUTTON_SIZES: {
|
|
|
3
3
|
MD: "sm" | "md" | "lg" | undefined;
|
|
4
4
|
LG: "sm" | "md" | "lg" | undefined;
|
|
5
5
|
};
|
|
6
|
-
export declare const ICON_POSITIONS: {
|
|
7
|
-
LEFT: "left" | "right" | "middle" | undefined;
|
|
8
|
-
RIGHT: "left" | "right" | "middle" | undefined;
|
|
9
|
-
MIDDLE: "left" | "right" | "middle" | undefined;
|
|
10
|
-
};
|
|
@@ -1,12 +1,15 @@
|
|
|
1
1
|
import { QBtnProps } from 'quasar';
|
|
2
2
|
import { Color } from '../../types';
|
|
3
|
+
import { AppIconNames } from '../../AppIcon/types';
|
|
3
4
|
|
|
4
5
|
export interface AppButtonProps {
|
|
5
6
|
size?: "sm" | "md" | "lg";
|
|
6
7
|
transparent?: boolean;
|
|
7
8
|
rounded?: boolean;
|
|
8
9
|
color?: Color;
|
|
9
|
-
|
|
10
|
+
iconLeft?: AppIconNames;
|
|
11
|
+
iconRight?: AppIconNames;
|
|
12
|
+
iconMiddle?: AppIconNames;
|
|
10
13
|
disabled?: boolean;
|
|
11
14
|
loading?: QBtnProps["loading"];
|
|
12
15
|
to?: QBtnProps["to"];
|
package/dist/icons.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
i.icon-kl{font-family:kl!important;speak:never;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-kl-
|
|
1
|
+
i.icon-kl{font-family:kl!important;speak:never;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-kl-search:before{content:""}.icon-kl-instagram_o:before{content:""}.icon-kl-telegram:before{content:""}.icon-kl-coin_o:before{content:""}.icon-kl-check:before{content:""}.icon-kl-translate:before{content:""}.icon-kl-price-tag_o:before{content:""}.icon-kl-rule:before{content:""}.icon-kl-checklist:before{content:""}.icon-kl-quote_o:before{content:""}.icon-kl-play_o:before{content:""}.icon-kl-plus:before{content:""}.icon-kl-minus:before{content:""}.icon-kl-visibility-off:before{content:""}.icon-kl-visibility:before{content:""}.icon-kl-circle-question_o:before{content:""}.icon-kl-arrow-up:before{content:""}.icon-kl-arrow-down:before{content:""}.icon-kl-arrow-left:before{content:""}.icon-kl-arrow-right:before{content:""}.icon-kl-arrow-download:before{content:""}.icon-kl-arrow-export:before{content:""}.icon-kl-arrow-logout:before{content:""}.icon-kl-arrow-share:before{content:""}.icon-kl-bulleted-list:before{content:""}.icon-kl-menu:before{content:""}.icon-kl-text-right:before{content:""}.icon-kl-text-left:before{content:""}.icon-kl-award_o:before{content:""}.icon-kl-medal_o:before{content:""}.icon-kl-bookmark_o:before{content:""}.icon-kl-calendar_o:before{content:""}.icon-kl-circle-check_o:before{content:""}.icon-kl-circle-info_o:before{content:""}.icon-kl-pie-chart_o:before{content:""}.icon-kl-edit_o:before{content:""}.icon-kl-trash_o:before{content:""}.icon-kl-copy_o:before{content:""}.icon-kl-copied_o:before{content:""}.icon-kl-folder_o:before{content:""}.icon-kl-folder-plus_o:before{content:""}.icon-kl-file-plus_o:before{content:""}.icon-kl-flag_o:before{content:""}.icon-kl-home_o:before{content:""}.icon-kl-timer_o:before{content:""}.icon-kl-unlock_o:before{content:""}.icon-kl-lock_o:before{content:""}.icon-kl-mail_o:before{content:""}.icon-kl-user_o:before{content:""}.icon-kl-user-plus_o:before{content:""}.icon-kl-user-close_o:before{content:""}.icon-kl-trophy_o:before{content:""}.icon-kl-instagram:before{content:""}.icon-kl-coin:before{content:""}.icon-kl-price-tag:before{content:""}.icon-kl-quote:before{content:""}.icon-kl-play:before{content:""}.icon-kl-award:before{content:""}.icon-kl-medal:before{content:""}.icon-kl-bookmark:before{content:""}.icon-kl-calendar:before{content:""}.icon-kl-circle-check:before{content:""}.icon-kl-circle-info:before{content:""}.icon-kl-pie-chart:before{content:""}.icon-kl-edit:before{content:""}.icon-kl-trash:before{content:""}.icon-kl-copy:before{content:""}.icon-kl-copied:before{content:""}.icon-kl-folder:before{content:""}.icon-kl-folder-plus:before{content:""}.icon-kl-file-plus:before{content:""}.icon-kl-flag:before{content:""}.icon-kl-home:before{content:""}.icon-kl-timer:before{content:""}.icon-kl-unlock:before{content:""}.icon-kl-lock:before{content:""}.icon-kl-mail:before{content:""}.icon-kl-user:before{content:""}.icon-kl-user-close:before{content:""}.icon-kl-user-plus:before{content:""}.icon-kl-trophy:before{content:""}
|
package/dist/kl.woff
CHANGED
|
Binary file
|
package/dist/main.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.app-btn[data-v-
|
|
1
|
+
.app-btn[data-v-e1a8f029] .q-btn__content{font-family:OpenSans,sans-serif;font-weight:600}.app-btn_sm[data-v-e1a8f029]{font-size:12px;border-radius:7px}.app-btn_sm[data-v-e1a8f029] .q-btn__content{line-height:20px}.app-btn_sm .icon-kl[data-v-e1a8f029]{font-size:18px}.app-btn_sm.app-btn_icon-left[data-v-e1a8f029]{padding-left:5px!important}.app-btn_sm.app-btn_icon-left .icon-kl_left[data-v-e1a8f029]{margin-right:2px}.app-btn_sm.app-btn_icon-right[data-v-e1a8f029]{padding-right:5px!important}.app-btn_sm.app-btn_icon-right .icon-kl_right[data-v-e1a8f029]{margin-left:2px}.app-btn_sm.app-btn_icon-middle[data-v-e1a8f029]{padding:4px!important}.app-btn_md[data-v-e1a8f029]{font-size:14px;border-radius:8px}.app-btn_md[data-v-e1a8f029] .q-btn__content{line-height:22px}.app-btn_md .icon-kl[data-v-e1a8f029]{font-size:22px}.app-btn_md.app-btn_icon-left[data-v-e1a8f029]{padding-left:9px!important}.app-btn_md.app-btn_icon-left .icon-kl_left[data-v-e1a8f029]{margin-right:4px}.app-btn_md.app-btn_icon-right[data-v-e1a8f029]{padding-right:9px!important}.app-btn_md.app-btn_icon-right .icon-kl_right[data-v-e1a8f029]{margin-left:4px}.app-btn_md.app-btn_icon-middle[data-v-e1a8f029]{padding:6px!important}.app-btn_lg[data-v-e1a8f029]{font-size:17px;border-radius:10px}.app-btn_lg[data-v-e1a8f029] .q-btn__content{line-height:26px}.app-btn_lg .icon-kl[data-v-e1a8f029]{font-size:26px}.app-btn_lg.app-btn_icon-left[data-v-e1a8f029]{padding-left:16px!important}.app-btn_lg.app-btn_icon-left .icon-kl_left[data-v-e1a8f029]{margin-right:6px}.app-btn_lg.app-btn_icon-right[data-v-e1a8f029]{padding-right:16px!important}.app-btn_lg.app-btn_icon-right .icon-kl_right[data-v-e1a8f029]{margin-left:6px}.app-btn_lg.app-btn_icon-middle[data-v-e1a8f029]{padding:11px!important}.app-btn_default.app-btn_primary[data-v-e1a8f029]{background-color:#1a5cff;color:#fdfffc}.app-btn_default.app-btn_info[data-v-e1a8f029]{background-color:#399;color:#fdfffc}.app-btn_default.app-btn_negative[data-v-e1a8f029]{background-color:#ff4757;color:#fdfffc}.app-btn_default.app-btn_positive[data-v-e1a8f029]{background-color:#46c93a;color:#fdfffc}.app-btn_trans.app-btn_primary[data-v-e1a8f029]{background-color:#1a5cff26;color:#1a5cff}.app-btn_trans.app-btn_info[data-v-e1a8f029]{background-color:#3993;color:#2e757c}.app-btn_trans.app-btn_negative[data-v-e1a8f029]{background-color:#ff475733;color:#ff4757}.app-btn_trans.app-btn_positive[data-v-e1a8f029]{background-color:#46c93a33;color:#46c93a}.app-btn_rounded[data-v-e1a8f029]{border-radius:50px}.icon-kl[data-v-73419357]{font-size:24px}
|
package/dist/uikit.cjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("vue"),A={SM:"sm",MD:"md",LG:"lg"};var ne=(e=>(e.sm="3px 9px",e.md="5px 12px",e.lg="9px 20px",e))(ne||{});const de={PRIMARY:"primary",INFO:"info",NEGATIVE:"negative",POSITIVE:"positive"},V={xs:18,sm:24,md:32,lg:38,xl:46},ae={size:String};function re(e,t=V){return n.computed(()=>e.size!==void 0?{fontSize:e.size in t?`${t[e.size]}px`:e.size}:null)}function Q(e){return n.markRaw(n.defineComponent(e))}function fe(e){return n.markRaw(e)}function ve(e,t){return e!==void 0&&e()||t}function j(e,t){return e!==void 0?t.concat(e()):t}const U="0 0 24 24",Y=e=>e,N=e=>`ionicons ${e}`,oe={"mdi-":e=>`mdi ${e}`,"icon-":Y,"bt-":e=>`bt ${e}`,"eva-":e=>`eva ${e}`,"ion-md":N,"ion-ios":N,"ion-logo":N,"iconfont ":Y,"ti-":e=>`themify-icon ${e}`,"bi-":e=>`bootstrap-icons ${e}`},ie={o_:"-outlined",r_:"-round",s_:"-sharp"},ue={sym_o_:"-outlined",sym_r_:"-rounded",sym_s_:"-sharp"},me=new RegExp("^("+Object.keys(oe).join("|")+")"),ge=new RegExp("^("+Object.keys(ie).join("|")+")"),G=new RegExp("^("+Object.keys(ue).join("|")+")"),pe=/^[Mm]\s?[-+]?\.?\d/,he=/^img:/,be=/^svguse:/,ye=/^ion-/,ke=/^(fa-(sharp|solid|regular|light|brands|duotone|thin)|[lf]a[srlbdk]?) /,H=Q({name:"QIcon",props:{...ae,tag:{type:String,default:"i"},name:String,color:String,left:Boolean,right:Boolean},setup(e,{slots:t}){const{proxy:{$q:r}}=n.getCurrentInstance(),a=re(e),i=n.computed(()=>"q-icon"+(e.left===!0?" on-left":"")+(e.right===!0?" on-right":"")+(e.color!==void 0?` text-${e.color}`:"")),d=n.computed(()=>{let c,u=e.name;if(u==="none"||!u)return{none:!0};if(r.iconMapFn!==null){const s=r.iconMapFn(u);if(s!==void 0)if(s.icon!==void 0){if(u=s.icon,u==="none"||!u)return{none:!0}}else return{cls:s.cls,content:s.content!==void 0?s.content:" "}}if(pe.test(u)===!0){const[s,h=U]=u.split("|");return{svg:!0,viewBox:h,nodes:s.split("&&").map(l=>{const[b,g,y]=l.split("@@");return n.h("path",{style:g,d:b,transform:y})})}}if(he.test(u)===!0)return{img:!0,src:u.substring(4)};if(be.test(u)===!0){const[s,h=U]=u.split("|");return{svguse:!0,src:s.substring(7),viewBox:h}}let _=" ";const p=u.match(me);if(p!==null)c=oe[p[1]](u);else if(ke.test(u)===!0)c=u;else if(ye.test(u)===!0)c=`ionicons ion-${r.platform.is.ios===!0?"ios":"md"}${u.substring(3)}`;else if(G.test(u)===!0){c="notranslate material-symbols";const s=u.match(G);s!==null&&(u=u.substring(6),c+=ue[s[1]]),_=u}else{c="notranslate material-icons";const s=u.match(ge);s!==null&&(u=u.substring(2),c+=ie[s[1]]),_=u}return{cls:c,content:_}});return()=>{const c={class:i.value,style:a.value,"aria-hidden":"true",role:"presentation"};return d.value.none===!0?n.h(e.tag,c,ve(t.default)):d.value.img===!0?n.h(e.tag,c,j(t.default,[n.h("img",{src:d.value.src})])):d.value.svg===!0?n.h(e.tag,c,j(t.default,[n.h("svg",{viewBox:d.value.viewBox||"0 0 24 24"},d.value.nodes)])):d.value.svguse===!0?n.h(e.tag,c,j(t.default,[n.h("svg",{viewBox:d.value.viewBox},[n.h("use",{"xlink:href":d.value.src})])])):(d.value.cls!==void 0&&(c.class+=" "+d.value.cls),n.h(e.tag,c,j(t.default,[d.value.content])))}}}),_e={size:{type:[String,Number],default:"1em"},color:String};function qe(e){return{cSize:n.computed(()=>e.size in V?`${V[e.size]}px`:e.size),classes:n.computed(()=>"q-spinner"+(e.color?` text-${e.color}`:""))}}const Ee=Q({name:"QSpinner",props:{..._e,thickness:{type:Number,default:5}},setup(e){const{cSize:t,classes:r}=qe(e);return()=>n.h("svg",{class:r.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 $e(e,t){const r=e.style;for(const a in t)r[a]=t[a]}const K={hasPassive:!1,passiveCapture:!0,notPassiveCapture:!0};try{const e=Object.defineProperty({},"passive",{get(){Object.assign(K,{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 xe(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 le(e){e.stopPropagation()}function Ce(e){e.cancelable!==!1&&e.preventDefault()}function B(e){e.cancelable!==!1&&e.preventDefault(),e.stopPropagation()}function Se(e,t,r){const a=`__q_${t}_evt`;e[a]=e[a]!==void 0?e[a].concat(r):r,r.forEach(i=>{i[0].addEventListener(i[1],e[i[2]],K[i[3]])})}function we(e,t){const r=`__q_${t}_evt`;e[r]!==void 0&&(e[r].forEach(a=>{a[0].removeEventListener(a[1],e[a[2]],K[a[3]])}),e[r]=void 0)}function Le(e){return e!==Object(e)||e.isComposing===!0||e.qKeyEvent===!0}function F(e,t){return Le(e)===!0?!1:[].concat(t).includes(e.keyCode)}function Re(e,t=250){let r=!1,a;return function(){return r===!1&&(r=!0,setTimeout(()=>{r=!1},t),a=e.apply(this,arguments)),a}}function W(e,t,r,a){r.modifiers.stop===!0&&le(e);const i=r.modifiers.color;let d=r.modifiers.center;d=d===!0||a===!0;const c=document.createElement("span"),u=document.createElement("span"),_=xe(e),{left:p,top:s,width:h,height:l}=t.getBoundingClientRect(),b=Math.sqrt(h*h+l*l),g=b/2,y=`${(h-b)/2}px`,f=d?y:`${_.left-p-g}px`,k=`${(l-b)/2}px`,R=d?k:`${_.top-s-g}px`;u.className="q-ripple__inner",$e(u,{height:`${b}px`,width:`${b}px`,transform:`translate3d(${f},${R},0) scale3d(.2,.2,1)`,opacity:0}),c.className=`q-ripple${i?" text-"+i:""}`,c.setAttribute("dir","ltr"),c.appendChild(u),t.appendChild(c);const w=()=>{c.remove(),clearTimeout(L)};r.abort.push(w);let L=setTimeout(()=>{u.classList.add("q-ripple__inner--enter"),u.style.transform=`translate3d(${y},${k},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(()=>{c.remove(),r.abort.splice(r.abort.indexOf(w),1)},275)},250)},50)}function X(e,{modifiers:t,value:r,arg:a}){const i=Object.assign({},e.cfg.ripple,t,r);e.modifiers={early:i.early===!0,stop:i.stop===!0,center:i.center===!0,color:i.color||a,keyCodes:[].concat(i.keyCodes||13)}}const Be=fe({name:"ripple",beforeMount(e,t){const r=t.instance.$.appContext.config.globalProperties.$q.config||{};if(r.ripple===!1)return;const a={cfg:r,enabled:t.value!==!1,modifiers:{},abort:[],start(i){a.enabled===!0&&i.qSkipRipple!==!0&&i.type===(a.modifiers.early===!0?"pointerdown":"click")&&W(i,e,a,i.qKeyEvent===!0)},keystart:Re(i=>{a.enabled===!0&&i.qSkipRipple!==!0&&F(i,a.modifiers.keyCodes)===!0&&i.type===`key${a.modifiers.early===!0?"down":"up"}`&&W(i,e,a,!0)},300)};X(a,t),e.__qripple=a,Se(a,"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 r=e.__qripple;r!==void 0&&(r.enabled=t.value!==!1,r.enabled===!0&&Object(t.value)===t.value&&X(r,t))}},beforeUnmount(e){const t=e.__qripple;t!==void 0&&(t.abort.forEach(r=>{r()}),we(t,"main"),delete e._qripple)}}),se={left:"start",center:"center",right:"end",between:"between",around:"around",evenly:"evenly",stretch:"stretch"},Pe=Object.keys(se),Te={align:{type:String,validator:e=>Pe.includes(e)}};function Oe(e){return n.computed(()=>{const t=e.align===void 0?e.vertical===!0?"stretch":"left":e.align;return`${e.vertical===!0?"items":"justify"}-${se[t]}`})}function Me(e){return e.appContext.config.globalProperties.$router!==void 0}function Z(e){return e?e.aliasOf?e.aliasOf.path:e.path:""}function J(e,t){return(e.aliasOf||e)===(t.aliasOf||t)}function ze(e,t){for(const r in t){const a=t[r],i=e[r];if(typeof a=="string"){if(a!==i)return!1}else if(Array.isArray(i)===!1||i.length!==a.length||a.some((d,c)=>d!==i[c]))return!1}return!0}function ee(e,t){return Array.isArray(t)===!0?e.length===t.length&&e.every((r,a)=>r===t[a]):e.length===1&&e[0]===t}function Ae(e,t){return Array.isArray(e)===!0?ee(e,t):Array.isArray(t)===!0?ee(t,e):e===t}function je(e,t){if(Object.keys(e).length!==Object.keys(t).length)return!1;for(const r in e)if(Ae(e[r],t[r])===!1)return!1;return!0}const Ie={to:[String,Object],replace:Boolean,href:String,target:String,disable:Boolean};function De({fallbackTag:e,useDisableForRouterLinkProps:t=!0}={}){const r=n.getCurrentInstance(),{props:a,proxy:i,emit:d}=r,c=Me(r),u=n.computed(()=>a.disable!==!0&&a.href!==void 0),_=t===!0?n.computed(()=>c===!0&&a.disable!==!0&&u.value!==!0&&a.to!==void 0&&a.to!==null&&a.to!==""):n.computed(()=>c===!0&&u.value!==!0&&a.to!==void 0&&a.to!==null&&a.to!==""),p=n.computed(()=>_.value===!0?R(a.to):null),s=n.computed(()=>p.value!==null),h=n.computed(()=>u.value===!0||s.value===!0),l=n.computed(()=>a.type==="a"||h.value===!0?"a":a.tag||e||"div"),b=n.computed(()=>u.value===!0?{href:a.href,target:a.target}:s.value===!0?{href:p.value.href,target:a.target}:{}),g=n.computed(()=>{if(s.value===!1)return-1;const{matched:v}=p.value,{length:q}=v,$=v[q-1];if($===void 0)return-1;const C=i.$route.matched;if(C.length===0)return-1;const S=C.findIndex(J.bind(null,$));if(S!==-1)return S;const I=Z(v[q-2]);return q>1&&Z($)===I&&C[C.length-1].path!==I?C.findIndex(J.bind(null,v[q-2])):S}),y=n.computed(()=>s.value===!0&&g.value!==-1&&ze(i.$route.params,p.value.params)),f=n.computed(()=>y.value===!0&&g.value===i.$route.matched.length-1&&je(i.$route.params,p.value.params)),k=n.computed(()=>s.value===!0?f.value===!0?` ${a.exactActiveClass} ${a.activeClass}`:a.exact===!0?"":y.value===!0?` ${a.activeClass}`:"":"");function R(v){try{return i.$router.resolve(v)}catch{}return null}function w(v,{returnRouterError:q,to:$=a.to,replace:C=a.replace}={}){if(a.disable===!0)return v.preventDefault(),Promise.resolve(!1);if(v.metaKey||v.altKey||v.ctrlKey||v.shiftKey||v.button!==void 0&&v.button!==0||a.target==="_blank")return Promise.resolve(!1);v.preventDefault();const S=i.$router[C===!0?"replace":"push"]($);return q===!0?S:S.then(()=>{}).catch(()=>{})}function L(v){if(s.value===!0){const q=$=>w(v,$);d("click",v,q),v.defaultPrevented!==!0&&q()}else d("click",v)}return{hasRouterLink:s,hasHrefLink:u,hasLink:h,linkTag:l,resolvedLink:p,linkIsActive:y,linkIsExactActive:f,linkClass:k,linkAttrs:b,getLink:R,navigateToRouterLink:w,navigateOnClick:L}}const te={none:0,xs:4,sm:8,md:16,lg:24,xl:32},Ke={xs:8,sm:10,md:14,lg:20,xl:24},Ne=["button","submit","reset"],Ve=/[^\s]\/[^\s]/,Fe=["flat","outline","push","unelevated"];function Qe(e,t){return e.flat===!0?"flat":e.outline===!0?"outline":e.push===!0?"push":e.unelevated===!0?"unelevated":t}const Ue={...ae,...Ie,type:{type:String,default:"button"},label:[Number,String],icon:String,iconRight:String,...Fe.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:{...Te.align,default:"center"},stack:Boolean,stretch:Boolean,loading:{type:Boolean,default:null},disable:Boolean},Ye={...Ue,round:Boolean};function Ge(e){const t=re(e,Ke),r=Oe(e),{hasRouterLink:a,hasLink:i,linkTag:d,linkAttrs:c,navigateOnClick:u}=De({fallbackTag:"button"}),_=n.computed(()=>{const f=e.fab===!1&&e.fabMini===!1?t.value:{};return e.padding!==void 0?Object.assign({},f,{padding:e.padding.split(/\s+/).map(k=>k in te?te[k]+"px":k).join(" "),minWidth:"0",minHeight:"0"}):f}),p=n.computed(()=>e.rounded===!0||e.fab===!0||e.fabMini===!0),s=n.computed(()=>e.disable!==!0&&e.loading!==!0),h=n.computed(()=>s.value===!0?e.tabindex||0:-1),l=n.computed(()=>Qe(e,"standard")),b=n.computed(()=>{const f={tabindex:h.value};return i.value===!0?Object.assign(f,c.value):Ne.includes(e.type)===!0&&(f.type=e.type),d.value==="a"?(e.disable===!0?f["aria-disabled"]="true":f.href===void 0&&(f.role="button"),a.value!==!0&&Ve.test(e.type)===!0&&(f.type=e.type)):e.disable===!0&&(f.disabled="",f["aria-disabled"]="true"),e.loading===!0&&e.percentage!==void 0&&Object.assign(f,{role:"progressbar","aria-valuemin":0,"aria-valuemax":100,"aria-valuenow":e.percentage}),f}),g=n.computed(()=>{let f;e.color!==void 0?e.flat===!0||e.outline===!0?f=`text-${e.textColor||e.color}`:f=`bg-${e.color} text-${e.textColor||"white"}`:e.textColor&&(f=`text-${e.textColor}`);const k=e.round===!0?"round":`rectangle${p.value===!0?" q-btn--rounded":e.square===!0?" q-btn--square":""}`;return`q-btn--${l.value} q-btn--${k}`+(f!==void 0?" "+f:"")+(s.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(()=>r.value+(e.stack===!0?" column":" row")+(e.noWrap===!0?" no-wrap text-no-wrap":"")+(e.loading===!0?" q-btn__content--hidden":""));return{classes:g,style:_,innerClasses:y,attributes:b,hasLink:i,linkTag:d,navigateOnClick:u,isActionable:s}}const{passiveCapture:E}=K;let P=null,T=null,O=null;const He=Q({name:"QBtn",props:{...Ye,percentage:Number,darkPercentage:Boolean,onTouchstart:[Function,Array]},emits:["click","keydown","mousedown","keyup"],setup(e,{slots:t,emit:r}){const{proxy:a}=n.getCurrentInstance(),{classes:i,style:d,innerClasses:c,attributes:u,hasLink:_,linkTag:p,navigateOnClick:s,isActionable:h}=Ge(e),l=n.ref(null),b=n.ref(null);let g=null,y,f=null;const k=n.computed(()=>e.label!==void 0&&e.label!==null&&e.label!==""),R=n.computed(()=>e.disable===!0||e.ripple===!1?!1:{keyCodes:_.value===!0?[13,32]:[13],...e.ripple===!0?{}:e.ripple}),w=n.computed(()=>({center:e.round})),L=n.computed(()=>{const o=Math.max(0,Math.min(100,e.percentage));return o>0?{transition:"transform 0.6s",transform:`translateX(${o-100}%)`}:{}}),v=n.computed(()=>{if(e.loading===!0)return{onMousedown:z,onTouchstart:z,onClick:z,onKeydown:z,onKeyup:z};if(h.value===!0){const o={onClick:$,onKeydown:C,onMousedown:I};if(a.$q.platform.has.touch===!0){const m=e.onTouchstart!==void 0?"":"Passive";o[`onTouchstart${m}`]=S}return o}return{onClick:B}}),q=n.computed(()=>({ref:l,class:"q-btn q-btn-item non-selectable no-outline "+i.value,style:d.value,...u.value,...v.value}));function $(o){if(l.value!==null){if(o!==void 0){if(o.defaultPrevented===!0)return;const m=document.activeElement;if(e.type==="submit"&&m!==document.body&&l.value.contains(m)===!1&&m.contains(l.value)===!1){l.value.focus();const D=()=>{document.removeEventListener("keydown",B,!0),document.removeEventListener("keyup",D,E),l.value!==null&&l.value.removeEventListener("blur",D,E)};document.addEventListener("keydown",B,!0),document.addEventListener("keyup",D,E),l.value.addEventListener("blur",D,E)}}s(o)}}function C(o){l.value!==null&&(r("keydown",o),F(o,[13,32])===!0&&T!==l.value&&(T!==null&&M(),o.defaultPrevented!==!0&&(l.value.focus(),T=l.value,l.value.classList.add("q-btn--active"),document.addEventListener("keyup",x,!0),l.value.addEventListener("blur",x,E)),B(o)))}function S(o){l.value!==null&&(r("touchstart",o),o.defaultPrevented!==!0&&(P!==l.value&&(P!==null&&M(),P=l.value,g=o.target,g.addEventListener("touchcancel",x,E),g.addEventListener("touchend",x,E)),y=!0,f!==null&&clearTimeout(f),f=setTimeout(()=>{f=null,y=!1},200)))}function I(o){l.value!==null&&(o.qSkipRipple=y===!0,r("mousedown",o),o.defaultPrevented!==!0&&O!==l.value&&(O!==null&&M(),O=l.value,l.value.classList.add("q-btn--active"),document.addEventListener("mouseup",x,E)))}function x(o){if(l.value!==null&&!(o!==void 0&&o.type==="blur"&&document.activeElement===l.value)){if(o!==void 0&&o.type==="keyup"){if(T===l.value&&F(o,[13,32])===!0){const m=new MouseEvent("click",o);m.qKeyEvent=!0,o.defaultPrevented===!0&&Ce(m),o.cancelBubble===!0&&le(m),l.value.dispatchEvent(m),B(o),o.qKeyEvent=!0}r("keyup",o)}M()}}function M(o){const m=b.value;o!==!0&&(P===l.value||O===l.value)&&m!==null&&m!==document.activeElement&&(m.setAttribute("tabindex",-1),m.focus()),P===l.value&&(g!==null&&(g.removeEventListener("touchcancel",x,E),g.removeEventListener("touchend",x,E)),P=g=null),O===l.value&&(document.removeEventListener("mouseup",x,E),O=null),T===l.value&&(document.removeEventListener("keyup",x,!0),l.value!==null&&l.value.removeEventListener("blur",x,E),T=null),l.value!==null&&l.value.classList.remove("q-btn--active")}function z(o){B(o),o.qSkipRipple=!0}return n.onBeforeUnmount(()=>{M(!0)}),Object.assign(a,{click:o=>{h.value===!0&&$(o)}}),()=>{let o=[];e.icon!==void 0&&o.push(n.h(H,{name:e.icon,left:e.stack!==!0&&k.value===!0,role:"img","aria-hidden":"true"})),k.value===!0&&o.push(n.h("span",{class:"block"},[e.label])),o=j(t.default,o),e.iconRight!==void 0&&e.round===!1&&o.push(n.h(H,{name:e.iconRight,right:e.stack!==!0&&k.value===!0,role:"img","aria-hidden":"true"}));const m=[n.h("span",{class:"q-focus-helper",ref:b})];return e.loading===!0&&e.percentage!==void 0&&m.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})])),m.push(n.h("span",{class:"q-btn__content text-center col items-center q-anchor--skip "+c.value},o)),e.loading!==null&&m.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(Ee)])]:null)),n.withDirectives(n.h(p.value,q.value,m),[[Be,R.value,void 0,w.value]])}}}),We=n.defineComponent({__name:"index",props:{size:{default:A.MD},transparent:{type:Boolean},rounded:{type:Boolean},color:{default:de.PRIMARY},iconPosition:{},disabled:{type:Boolean},loading:{type:[Boolean,null]},to:{},href:{},target:{},submit:{type:Boolean},ariaLabel:{}},emits:["click"],setup(e){const t=e,r=n.computed(()=>["app-btn",{"app-btn_default":!t.transparent,"app-btn_trans":t.transparent,"app-btn_rounded":t.rounded,"app-btn_sm":t.size===A.SM,"app-btn_md":t.size===A.MD,"app-btn_lg":t.size===A.LG,"app-btn_icon-left":t.iconPosition==="left","app-btn_icon-right":t.iconPosition==="right","app-btn_icon-middle":t.iconPosition==="middle"},`app-btn_${t.color}`]);return(a,i)=>(n.openBlock(),n.createBlock(n.unref(He),{"no-caps":"",unelevated:"",class:n.normalizeClass(r.value),padding:n.unref(ne)[t.size||n.unref(A).MD],loading:a.loading,disabled:a.disabled||void 0,to:a.to,href:a.href,target:a.target,type:a.submit?"submit":void 0,"aria-label":a.ariaLabel,onClick:i[0]||(i[0]=d=>a.$emit("click",d))},{default:n.withCtx(()=>[n.renderSlot(a.$slots,"default",{},void 0,!0)]),_:3},8,["class","padding","loading","disabled","to","href","target","type","aria-label"]))}}),ce=(e,t)=>{const r=e.__vccOpts||e;for(const[a,i]of t)r[a]=i;return r},Xe=ce(We,[["__scopeId","data-v-26f224ab"]]),Ze=n.defineComponent({__name:"index",props:{name:{},size:{},color:{}},setup(e){return(t,r)=>(n.openBlock(),n.createElementBlock("i",{class:n.normalizeClass(["icon-kl",`icon-kl-${t.name}`,t.color?`text-${t.color}`:""]),style:n.normalizeStyle(t.size?`font-size: ${t.size}`:void 0)},null,6))}}),Je=ce(Ze,[["__scopeId","data-v-73419357"]]);exports.AppButton=Xe;exports.AppIcon=Je;
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("vue"),A={SM:"sm",MD:"md",LG:"lg"};var ne=(e=>(e.sm="3px 9px",e.md="5px 12px",e.lg="9px 20px",e))(ne||{});const de={PRIMARY:"primary",INFO:"info",NEGATIVE:"negative",POSITIVE:"positive"},V={xs:18,sm:24,md:32,lg:38,xl:46},ae={size:String};function re(e,t=V){return a.computed(()=>e.size!==void 0?{fontSize:e.size in t?`${t[e.size]}px`:e.size}:null)}function Q(e){return a.markRaw(a.defineComponent(e))}function fe(e){return a.markRaw(e)}function ve(e,t){return e!==void 0&&e()||t}function j(e,t){return e!==void 0?t.concat(e()):t}const U="0 0 24 24",Y=e=>e,K=e=>`ionicons ${e}`,oe={"mdi-":e=>`mdi ${e}`,"icon-":Y,"bt-":e=>`bt ${e}`,"eva-":e=>`eva ${e}`,"ion-md":K,"ion-ios":K,"ion-logo":K,"iconfont ":Y,"ti-":e=>`themify-icon ${e}`,"bi-":e=>`bootstrap-icons ${e}`},ie={o_:"-outlined",r_:"-round",s_:"-sharp"},le={sym_o_:"-outlined",sym_r_:"-rounded",sym_s_:"-sharp"},me=new RegExp("^("+Object.keys(oe).join("|")+")"),ge=new RegExp("^("+Object.keys(ie).join("|")+")"),G=new RegExp("^("+Object.keys(le).join("|")+")"),pe=/^[Mm]\s?[-+]?\.?\d/,he=/^img:/,be=/^svguse:/,ye=/^ion-/,ke=/^(fa-(sharp|solid|regular|light|brands|duotone|thin)|[lf]a[srlbdk]?) /,H=Q({name:"QIcon",props:{...ae,tag:{type:String,default:"i"},name:String,color:String,left:Boolean,right:Boolean},setup(e,{slots:t}){const{proxy:{$q:r}}=a.getCurrentInstance(),n=re(e),i=a.computed(()=>"q-icon"+(e.left===!0?" on-left":"")+(e.right===!0?" on-right":"")+(e.color!==void 0?` text-${e.color}`:"")),d=a.computed(()=>{let c,l=e.name;if(l==="none"||!l)return{none:!0};if(r.iconMapFn!==null){const s=r.iconMapFn(l);if(s!==void 0)if(s.icon!==void 0){if(l=s.icon,l==="none"||!l)return{none:!0}}else return{cls:s.cls,content:s.content!==void 0?s.content:" "}}if(pe.test(l)===!0){const[s,h=U]=l.split("|");return{svg:!0,viewBox:h,nodes:s.split("&&").map(u=>{const[b,g,y]=u.split("@@");return a.h("path",{style:g,d:b,transform:y})})}}if(he.test(l)===!0)return{img:!0,src:l.substring(4)};if(be.test(l)===!0){const[s,h=U]=l.split("|");return{svguse:!0,src:s.substring(7),viewBox:h}}let $=" ";const p=l.match(me);if(p!==null)c=oe[p[1]](l);else if(ke.test(l)===!0)c=l;else if(ye.test(l)===!0)c=`ionicons ion-${r.platform.is.ios===!0?"ios":"md"}${l.substring(3)}`;else if(G.test(l)===!0){c="notranslate material-symbols";const s=l.match(G);s!==null&&(l=l.substring(6),c+=le[s[1]]),$=l}else{c="notranslate material-icons";const s=l.match(ge);s!==null&&(l=l.substring(2),c+=ie[s[1]]),$=l}return{cls:c,content:$}});return()=>{const c={class:i.value,style:n.value,"aria-hidden":"true",role:"presentation"};return d.value.none===!0?a.h(e.tag,c,ve(t.default)):d.value.img===!0?a.h(e.tag,c,j(t.default,[a.h("img",{src:d.value.src})])):d.value.svg===!0?a.h(e.tag,c,j(t.default,[a.h("svg",{viewBox:d.value.viewBox||"0 0 24 24"},d.value.nodes)])):d.value.svguse===!0?a.h(e.tag,c,j(t.default,[a.h("svg",{viewBox:d.value.viewBox},[a.h("use",{"xlink:href":d.value.src})])])):(d.value.cls!==void 0&&(c.class+=" "+d.value.cls),a.h(e.tag,c,j(t.default,[d.value.content])))}}}),$e={size:{type:[String,Number],default:"1em"},color:String};function Ee(e){return{cSize:a.computed(()=>e.size in V?`${V[e.size]}px`:e.size),classes:a.computed(()=>"q-spinner"+(e.color?` text-${e.color}`:""))}}const qe=Q({name:"QSpinner",props:{...$e,thickness:{type:Number,default:5}},setup(e){const{cSize:t,classes:r}=Ee(e);return()=>a.h("svg",{class:r.value+" q-spinner-mat",width:t.value,height:t.value,viewBox:"25 25 50 50"},[a.h("circle",{class:"path",cx:"50",cy:"50",r:"20",fill:"none",stroke:"currentColor","stroke-width":e.thickness,"stroke-miterlimit":"10"})])}});function Ce(e,t){const r=e.style;for(const n in t)r[n]=t[n]}const D={hasPassive:!1,passiveCapture:!0,notPassiveCapture:!0};try{const e=Object.defineProperty({},"passive",{get(){Object.assign(D,{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 _e(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 ue(e){e.stopPropagation()}function Le(e){e.cancelable!==!1&&e.preventDefault()}function w(e){e.cancelable!==!1&&e.preventDefault(),e.stopPropagation()}function Se(e,t,r){const n=`__q_${t}_evt`;e[n]=e[n]!==void 0?e[n].concat(r):r,r.forEach(i=>{i[0].addEventListener(i[1],e[i[2]],D[i[3]])})}function Re(e,t){const r=`__q_${t}_evt`;e[r]!==void 0&&(e[r].forEach(n=>{n[0].removeEventListener(n[1],e[n[2]],D[n[3]])}),e[r]=void 0)}function xe(e){return e!==Object(e)||e.isComposing===!0||e.qKeyEvent===!0}function F(e,t){return xe(e)===!0?!1:[].concat(t).includes(e.keyCode)}function Be(e,t=250){let r=!1,n;return function(){return r===!1&&(r=!0,setTimeout(()=>{r=!1},t),n=e.apply(this,arguments)),n}}function W(e,t,r,n){r.modifiers.stop===!0&&ue(e);const i=r.modifiers.color;let d=r.modifiers.center;d=d===!0||n===!0;const c=document.createElement("span"),l=document.createElement("span"),$=_e(e),{left:p,top:s,width:h,height:u}=t.getBoundingClientRect(),b=Math.sqrt(h*h+u*u),g=b/2,y=`${(h-b)/2}px`,f=d?y:`${$.left-p-g}px`,k=`${(u-b)/2}px`,B=d?k:`${$.top-s-g}px`;l.className="q-ripple__inner",Ce(l,{height:`${b}px`,width:`${b}px`,transform:`translate3d(${f},${B},0) scale3d(.2,.2,1)`,opacity:0}),c.className=`q-ripple${i?" text-"+i:""}`,c.setAttribute("dir","ltr"),c.appendChild(l),t.appendChild(c);const R=()=>{c.remove(),clearTimeout(x)};r.abort.push(R);let x=setTimeout(()=>{l.classList.add("q-ripple__inner--enter"),l.style.transform=`translate3d(${y},${k},0) scale3d(1,1,1)`,l.style.opacity=.2,x=setTimeout(()=>{l.classList.remove("q-ripple__inner--enter"),l.classList.add("q-ripple__inner--leave"),l.style.opacity=0,x=setTimeout(()=>{c.remove(),r.abort.splice(r.abort.indexOf(R),1)},275)},250)},50)}function X(e,{modifiers:t,value:r,arg:n}){const i=Object.assign({},e.cfg.ripple,t,r);e.modifiers={early:i.early===!0,stop:i.stop===!0,center:i.center===!0,color:i.color||n,keyCodes:[].concat(i.keyCodes||13)}}const we=fe({name:"ripple",beforeMount(e,t){const r=t.instance.$.appContext.config.globalProperties.$q.config||{};if(r.ripple===!1)return;const n={cfg:r,enabled:t.value!==!1,modifiers:{},abort:[],start(i){n.enabled===!0&&i.qSkipRipple!==!0&&i.type===(n.modifiers.early===!0?"pointerdown":"click")&&W(i,e,n,i.qKeyEvent===!0)},keystart:Be(i=>{n.enabled===!0&&i.qSkipRipple!==!0&&F(i,n.modifiers.keyCodes)===!0&&i.type===`key${n.modifiers.early===!0?"down":"up"}`&&W(i,e,n,!0)},300)};X(n,t),e.__qripple=n,Se(n,"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 r=e.__qripple;r!==void 0&&(r.enabled=t.value!==!1,r.enabled===!0&&Object(t.value)===t.value&&X(r,t))}},beforeUnmount(e){const t=e.__qripple;t!==void 0&&(t.abort.forEach(r=>{r()}),Re(t,"main"),delete e._qripple)}}),se={left:"start",center:"center",right:"end",between:"between",around:"around",evenly:"evenly",stretch:"stretch"},Pe=Object.keys(se),Te={align:{type:String,validator:e=>Pe.includes(e)}};function Me(e){return a.computed(()=>{const t=e.align===void 0?e.vertical===!0?"stretch":"left":e.align;return`${e.vertical===!0?"items":"justify"}-${se[t]}`})}function Oe(e){return e.appContext.config.globalProperties.$router!==void 0}function Z(e){return e?e.aliasOf?e.aliasOf.path:e.path:""}function J(e,t){return(e.aliasOf||e)===(t.aliasOf||t)}function ze(e,t){for(const r in t){const n=t[r],i=e[r];if(typeof n=="string"){if(n!==i)return!1}else if(Array.isArray(i)===!1||i.length!==n.length||n.some((d,c)=>d!==i[c]))return!1}return!0}function ee(e,t){return Array.isArray(t)===!0?e.length===t.length&&e.every((r,n)=>r===t[n]):e.length===1&&e[0]===t}function Ae(e,t){return Array.isArray(e)===!0?ee(e,t):Array.isArray(t)===!0?ee(t,e):e===t}function je(e,t){if(Object.keys(e).length!==Object.keys(t).length)return!1;for(const r in e)if(Ae(e[r],t[r])===!1)return!1;return!0}const Ie={to:[String,Object],replace:Boolean,href:String,target:String,disable:Boolean};function Ne({fallbackTag:e,useDisableForRouterLinkProps:t=!0}={}){const r=a.getCurrentInstance(),{props:n,proxy:i,emit:d}=r,c=Oe(r),l=a.computed(()=>n.disable!==!0&&n.href!==void 0),$=t===!0?a.computed(()=>c===!0&&n.disable!==!0&&l.value!==!0&&n.to!==void 0&&n.to!==null&&n.to!==""):a.computed(()=>c===!0&&l.value!==!0&&n.to!==void 0&&n.to!==null&&n.to!==""),p=a.computed(()=>$.value===!0?B(n.to):null),s=a.computed(()=>p.value!==null),h=a.computed(()=>l.value===!0||s.value===!0),u=a.computed(()=>n.type==="a"||h.value===!0?"a":n.tag||e||"div"),b=a.computed(()=>l.value===!0?{href:n.href,target:n.target}:s.value===!0?{href:p.value.href,target:n.target}:{}),g=a.computed(()=>{if(s.value===!1)return-1;const{matched:v}=p.value,{length:E}=v,C=v[E-1];if(C===void 0)return-1;const L=i.$route.matched;if(L.length===0)return-1;const S=L.findIndex(J.bind(null,C));if(S!==-1)return S;const I=Z(v[E-2]);return E>1&&Z(C)===I&&L[L.length-1].path!==I?L.findIndex(J.bind(null,v[E-2])):S}),y=a.computed(()=>s.value===!0&&g.value!==-1&&ze(i.$route.params,p.value.params)),f=a.computed(()=>y.value===!0&&g.value===i.$route.matched.length-1&&je(i.$route.params,p.value.params)),k=a.computed(()=>s.value===!0?f.value===!0?` ${n.exactActiveClass} ${n.activeClass}`:n.exact===!0?"":y.value===!0?` ${n.activeClass}`:"":"");function B(v){try{return i.$router.resolve(v)}catch{}return null}function R(v,{returnRouterError:E,to:C=n.to,replace:L=n.replace}={}){if(n.disable===!0)return v.preventDefault(),Promise.resolve(!1);if(v.metaKey||v.altKey||v.ctrlKey||v.shiftKey||v.button!==void 0&&v.button!==0||n.target==="_blank")return Promise.resolve(!1);v.preventDefault();const S=i.$router[L===!0?"replace":"push"](C);return E===!0?S:S.then(()=>{}).catch(()=>{})}function x(v){if(s.value===!0){const E=C=>R(v,C);d("click",v,E),v.defaultPrevented!==!0&&E()}else d("click",v)}return{hasRouterLink:s,hasHrefLink:l,hasLink:h,linkTag:u,resolvedLink:p,linkIsActive:y,linkIsExactActive:f,linkClass:k,linkAttrs:b,getLink:B,navigateToRouterLink:R,navigateOnClick:x}}const te={none:0,xs:4,sm:8,md:16,lg:24,xl:32},De={xs:8,sm:10,md:14,lg:20,xl:24},Ke=["button","submit","reset"],Ve=/[^\s]\/[^\s]/,Fe=["flat","outline","push","unelevated"];function Qe(e,t){return e.flat===!0?"flat":e.outline===!0?"outline":e.push===!0?"push":e.unelevated===!0?"unelevated":t}const Ue={...ae,...Ie,type:{type:String,default:"button"},label:[Number,String],icon:String,iconRight:String,...Fe.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:{...Te.align,default:"center"},stack:Boolean,stretch:Boolean,loading:{type:Boolean,default:null},disable:Boolean},Ye={...Ue,round:Boolean};function Ge(e){const t=re(e,De),r=Me(e),{hasRouterLink:n,hasLink:i,linkTag:d,linkAttrs:c,navigateOnClick:l}=Ne({fallbackTag:"button"}),$=a.computed(()=>{const f=e.fab===!1&&e.fabMini===!1?t.value:{};return e.padding!==void 0?Object.assign({},f,{padding:e.padding.split(/\s+/).map(k=>k in te?te[k]+"px":k).join(" "),minWidth:"0",minHeight:"0"}):f}),p=a.computed(()=>e.rounded===!0||e.fab===!0||e.fabMini===!0),s=a.computed(()=>e.disable!==!0&&e.loading!==!0),h=a.computed(()=>s.value===!0?e.tabindex||0:-1),u=a.computed(()=>Qe(e,"standard")),b=a.computed(()=>{const f={tabindex:h.value};return i.value===!0?Object.assign(f,c.value):Ke.includes(e.type)===!0&&(f.type=e.type),d.value==="a"?(e.disable===!0?f["aria-disabled"]="true":f.href===void 0&&(f.role="button"),n.value!==!0&&Ve.test(e.type)===!0&&(f.type=e.type)):e.disable===!0&&(f.disabled="",f["aria-disabled"]="true"),e.loading===!0&&e.percentage!==void 0&&Object.assign(f,{role:"progressbar","aria-valuemin":0,"aria-valuemax":100,"aria-valuenow":e.percentage}),f}),g=a.computed(()=>{let f;e.color!==void 0?e.flat===!0||e.outline===!0?f=`text-${e.textColor||e.color}`:f=`bg-${e.color} text-${e.textColor||"white"}`:e.textColor&&(f=`text-${e.textColor}`);const k=e.round===!0?"round":`rectangle${p.value===!0?" q-btn--rounded":e.square===!0?" q-btn--square":""}`;return`q-btn--${u.value} q-btn--${k}`+(f!==void 0?" "+f:"")+(s.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=a.computed(()=>r.value+(e.stack===!0?" column":" row")+(e.noWrap===!0?" no-wrap text-no-wrap":"")+(e.loading===!0?" q-btn__content--hidden":""));return{classes:g,style:$,innerClasses:y,attributes:b,hasLink:i,linkTag:d,navigateOnClick:l,isActionable:s}}const{passiveCapture:q}=D;let P=null,T=null,M=null;const He=Q({name:"QBtn",props:{...Ye,percentage:Number,darkPercentage:Boolean,onTouchstart:[Function,Array]},emits:["click","keydown","mousedown","keyup"],setup(e,{slots:t,emit:r}){const{proxy:n}=a.getCurrentInstance(),{classes:i,style:d,innerClasses:c,attributes:l,hasLink:$,linkTag:p,navigateOnClick:s,isActionable:h}=Ge(e),u=a.ref(null),b=a.ref(null);let g=null,y,f=null;const k=a.computed(()=>e.label!==void 0&&e.label!==null&&e.label!==""),B=a.computed(()=>e.disable===!0||e.ripple===!1?!1:{keyCodes:$.value===!0?[13,32]:[13],...e.ripple===!0?{}:e.ripple}),R=a.computed(()=>({center:e.round})),x=a.computed(()=>{const o=Math.max(0,Math.min(100,e.percentage));return o>0?{transition:"transform 0.6s",transform:`translateX(${o-100}%)`}:{}}),v=a.computed(()=>{if(e.loading===!0)return{onMousedown:z,onTouchstart:z,onClick:z,onKeydown:z,onKeyup:z};if(h.value===!0){const o={onClick:C,onKeydown:L,onMousedown:I};if(n.$q.platform.has.touch===!0){const m=e.onTouchstart!==void 0?"":"Passive";o[`onTouchstart${m}`]=S}return o}return{onClick:w}}),E=a.computed(()=>({ref:u,class:"q-btn q-btn-item non-selectable no-outline "+i.value,style:d.value,...l.value,...v.value}));function C(o){if(u.value!==null){if(o!==void 0){if(o.defaultPrevented===!0)return;const m=document.activeElement;if(e.type==="submit"&&m!==document.body&&u.value.contains(m)===!1&&m.contains(u.value)===!1){u.value.focus();const N=()=>{document.removeEventListener("keydown",w,!0),document.removeEventListener("keyup",N,q),u.value!==null&&u.value.removeEventListener("blur",N,q)};document.addEventListener("keydown",w,!0),document.addEventListener("keyup",N,q),u.value.addEventListener("blur",N,q)}}s(o)}}function L(o){u.value!==null&&(r("keydown",o),F(o,[13,32])===!0&&T!==u.value&&(T!==null&&O(),o.defaultPrevented!==!0&&(u.value.focus(),T=u.value,u.value.classList.add("q-btn--active"),document.addEventListener("keyup",_,!0),u.value.addEventListener("blur",_,q)),w(o)))}function S(o){u.value!==null&&(r("touchstart",o),o.defaultPrevented!==!0&&(P!==u.value&&(P!==null&&O(),P=u.value,g=o.target,g.addEventListener("touchcancel",_,q),g.addEventListener("touchend",_,q)),y=!0,f!==null&&clearTimeout(f),f=setTimeout(()=>{f=null,y=!1},200)))}function I(o){u.value!==null&&(o.qSkipRipple=y===!0,r("mousedown",o),o.defaultPrevented!==!0&&M!==u.value&&(M!==null&&O(),M=u.value,u.value.classList.add("q-btn--active"),document.addEventListener("mouseup",_,q)))}function _(o){if(u.value!==null&&!(o!==void 0&&o.type==="blur"&&document.activeElement===u.value)){if(o!==void 0&&o.type==="keyup"){if(T===u.value&&F(o,[13,32])===!0){const m=new MouseEvent("click",o);m.qKeyEvent=!0,o.defaultPrevented===!0&&Le(m),o.cancelBubble===!0&&ue(m),u.value.dispatchEvent(m),w(o),o.qKeyEvent=!0}r("keyup",o)}O()}}function O(o){const m=b.value;o!==!0&&(P===u.value||M===u.value)&&m!==null&&m!==document.activeElement&&(m.setAttribute("tabindex",-1),m.focus()),P===u.value&&(g!==null&&(g.removeEventListener("touchcancel",_,q),g.removeEventListener("touchend",_,q)),P=g=null),M===u.value&&(document.removeEventListener("mouseup",_,q),M=null),T===u.value&&(document.removeEventListener("keyup",_,!0),u.value!==null&&u.value.removeEventListener("blur",_,q),T=null),u.value!==null&&u.value.classList.remove("q-btn--active")}function z(o){w(o),o.qSkipRipple=!0}return a.onBeforeUnmount(()=>{O(!0)}),Object.assign(n,{click:o=>{h.value===!0&&C(o)}}),()=>{let o=[];e.icon!==void 0&&o.push(a.h(H,{name:e.icon,left:e.stack!==!0&&k.value===!0,role:"img","aria-hidden":"true"})),k.value===!0&&o.push(a.h("span",{class:"block"},[e.label])),o=j(t.default,o),e.iconRight!==void 0&&e.round===!1&&o.push(a.h(H,{name:e.iconRight,right:e.stack!==!0&&k.value===!0,role:"img","aria-hidden":"true"}));const m=[a.h("span",{class:"q-focus-helper",ref:b})];return e.loading===!0&&e.percentage!==void 0&&m.push(a.h("span",{class:"q-btn__progress absolute-full overflow-hidden"+(e.darkPercentage===!0?" q-btn__progress--dark":"")},[a.h("span",{class:"q-btn__progress-indicator fit block",style:x.value})])),m.push(a.h("span",{class:"q-btn__content text-center col items-center q-anchor--skip "+c.value},o)),e.loading!==null&&m.push(a.h(a.Transition,{name:"q-transition--fade"},()=>e.loading===!0?[a.h("span",{key:"loading",class:"absolute-full flex flex-center"},t.loading!==void 0?t.loading():[a.h(qe)])]:null)),a.withDirectives(a.h(p.value,E.value,m),[[we,B.value,void 0,R.value]])}}}),We=a.defineComponent({__name:"index",props:{size:{default:A.MD},transparent:{type:Boolean},rounded:{type:Boolean},color:{default:de.PRIMARY},iconLeft:{},iconRight:{},iconMiddle:{},disabled:{type:Boolean},loading:{type:[Boolean,null]},to:{},href:{},target:{},submit:{type:Boolean},ariaLabel:{}},emits:["click"],setup(e){const t=e,r=a.computed(()=>["app-btn",{"app-btn_default":!t.transparent,"app-btn_trans":t.transparent,"app-btn_rounded":t.rounded,"app-btn_sm":t.size===A.SM,"app-btn_md":t.size===A.MD,"app-btn_lg":t.size===A.LG,"app-btn_icon-left":t.iconLeft,"app-btn_icon-right":t.iconRight,"app-btn_icon-middle":t.iconMiddle},`app-btn_${t.color}`]);return(n,i)=>(a.openBlock(),a.createBlock(a.unref(He),{"no-caps":"",unelevated:"",class:a.normalizeClass(r.value),padding:a.unref(ne)[t.size||a.unref(A).MD],loading:n.loading,disabled:n.disabled||void 0,to:n.to,href:n.href,target:n.target,type:n.submit?"submit":void 0,"aria-label":n.ariaLabel,onClick:i[0]||(i[0]=d=>n.$emit("click",d))},{default:a.withCtx(()=>[n.iconLeft||n.iconMiddle?(a.openBlock(),a.createElementBlock("i",{key:0,class:a.normalizeClass(["icon-kl",n.iconLeft?"icon-kl_left":"icon-kl_middle",`icon-kl-${n.iconLeft||n.iconMiddle}`,n.transparent?`text-${n.color}`:"text-secondary"])},null,2)):a.createCommentVNode("",!0),a.renderSlot(n.$slots,"default",{},void 0,!0),n.iconRight?(a.openBlock(),a.createElementBlock("i",{key:1,class:a.normalizeClass(["icon-kl","icon-kl_right",`icon-kl-${n.iconRight}`,n.transparent?`text-${n.color}`:"text-secondary"])},null,2)):a.createCommentVNode("",!0)]),_:3},8,["class","padding","loading","disabled","to","href","target","type","aria-label"]))}}),ce=(e,t)=>{const r=e.__vccOpts||e;for(const[n,i]of t)r[n]=i;return r},Xe=ce(We,[["__scopeId","data-v-e1a8f029"]]),Ze=a.defineComponent({__name:"index",props:{name:{},size:{},color:{}},setup(e){return(t,r)=>(a.openBlock(),a.createElementBlock("i",{class:a.normalizeClass(["icon-kl",`icon-kl-${t.name}`,t.color?`text-${t.color}`:""]),style:a.normalizeStyle(t.size?`font-size: ${t.size}`:void 0)},null,6))}}),Je=ce(Ze,[["__scopeId","data-v-73419357"]]);exports.AppButton=Xe;exports.AppIcon=Je;
|
package/dist/uikit.es.js
CHANGED
|
@@ -1,32 +1,32 @@
|
|
|
1
|
-
import { computed as u, markRaw as
|
|
1
|
+
import { computed as u, markRaw as de, defineComponent as W, getCurrentInstance as X, h as v, ref as J, onBeforeUnmount as $e, Transition as qe, withDirectives as Ee, openBlock as N, createBlock as _e, unref as Q, normalizeClass as V, withCtx as Le, createElementBlock as Y, createCommentVNode as ee, renderSlot as xe, normalizeStyle as Re } from "vue";
|
|
2
2
|
const j = {
|
|
3
3
|
SM: "sm",
|
|
4
4
|
MD: "md",
|
|
5
5
|
LG: "lg"
|
|
6
6
|
};
|
|
7
|
-
var
|
|
8
|
-
const
|
|
7
|
+
var fe = /* @__PURE__ */ ((e) => (e.sm = "3px 9px", e.md = "5px 12px", e.lg = "9px 20px", e))(fe || {});
|
|
8
|
+
const Se = {
|
|
9
9
|
PRIMARY: "primary",
|
|
10
10
|
INFO: "info",
|
|
11
11
|
NEGATIVE: "negative",
|
|
12
12
|
POSITIVE: "positive"
|
|
13
|
-
},
|
|
13
|
+
}, G = {
|
|
14
14
|
xs: 18,
|
|
15
15
|
sm: 24,
|
|
16
16
|
md: 32,
|
|
17
17
|
lg: 38,
|
|
18
18
|
xl: 46
|
|
19
|
-
},
|
|
19
|
+
}, ve = {
|
|
20
20
|
size: String
|
|
21
21
|
};
|
|
22
|
-
function
|
|
22
|
+
function ge(e, t = G) {
|
|
23
23
|
return u(() => e.size !== void 0 ? { fontSize: e.size in t ? `${t[e.size]}px` : e.size } : null);
|
|
24
24
|
}
|
|
25
|
-
function
|
|
26
|
-
return
|
|
25
|
+
function Z(e) {
|
|
26
|
+
return de(W(e));
|
|
27
27
|
}
|
|
28
|
-
function
|
|
29
|
-
return
|
|
28
|
+
function Ce(e) {
|
|
29
|
+
return de(e);
|
|
30
30
|
}
|
|
31
31
|
function we(e, t) {
|
|
32
32
|
return e !== void 0 && e() || t;
|
|
@@ -34,30 +34,30 @@ function we(e, t) {
|
|
|
34
34
|
function I(e, t) {
|
|
35
35
|
return e !== void 0 ? t.concat(e()) : t;
|
|
36
36
|
}
|
|
37
|
-
const
|
|
37
|
+
const te = "0 0 24 24", ne = (e) => e, U = (e) => `ionicons ${e}`, me = {
|
|
38
38
|
"mdi-": (e) => `mdi ${e}`,
|
|
39
|
-
"icon-":
|
|
39
|
+
"icon-": ne,
|
|
40
40
|
// fontawesome equiv
|
|
41
41
|
"bt-": (e) => `bt ${e}`,
|
|
42
42
|
"eva-": (e) => `eva ${e}`,
|
|
43
|
-
"ion-md":
|
|
44
|
-
"ion-ios":
|
|
45
|
-
"ion-logo":
|
|
46
|
-
"iconfont ":
|
|
43
|
+
"ion-md": U,
|
|
44
|
+
"ion-ios": U,
|
|
45
|
+
"ion-logo": U,
|
|
46
|
+
"iconfont ": ne,
|
|
47
47
|
"ti-": (e) => `themify-icon ${e}`,
|
|
48
48
|
"bi-": (e) => `bootstrap-icons ${e}`
|
|
49
|
-
},
|
|
49
|
+
}, pe = {
|
|
50
50
|
o_: "-outlined",
|
|
51
51
|
r_: "-round",
|
|
52
52
|
s_: "-sharp"
|
|
53
|
-
},
|
|
53
|
+
}, he = {
|
|
54
54
|
sym_o_: "-outlined",
|
|
55
55
|
sym_r_: "-rounded",
|
|
56
56
|
sym_s_: "-sharp"
|
|
57
|
-
},
|
|
57
|
+
}, Be = new RegExp("^(" + Object.keys(me).join("|") + ")"), Pe = new RegExp("^(" + Object.keys(pe).join("|") + ")"), ae = new RegExp("^(" + Object.keys(he).join("|") + ")"), Te = /^[Mm]\s?[-+]?\.?\d/, Me = /^img:/, Oe = /^svguse:/, ze = /^ion-/, Ae = /^(fa-(sharp|solid|regular|light|brands|duotone|thin)|[lf]a[srlbdk]?) /, re = Z({
|
|
58
58
|
name: "QIcon",
|
|
59
59
|
props: {
|
|
60
|
-
...
|
|
60
|
+
...ve,
|
|
61
61
|
tag: {
|
|
62
62
|
type: String,
|
|
63
63
|
default: "i"
|
|
@@ -68,17 +68,17 @@ const X = "0 0 24 24", Z = (e) => e, F = (e) => `ionicons ${e}`, ve = {
|
|
|
68
68
|
right: Boolean
|
|
69
69
|
},
|
|
70
70
|
setup(e, { slots: t }) {
|
|
71
|
-
const { proxy: { $q: a } } =
|
|
71
|
+
const { proxy: { $q: a } } = X(), n = ge(e), i = u(
|
|
72
72
|
() => "q-icon" + (e.left === !0 ? " on-left" : "") + (e.right === !0 ? " on-right" : "") + (e.color !== void 0 ? ` text-${e.color}` : "")
|
|
73
73
|
), d = u(() => {
|
|
74
|
-
let c,
|
|
75
|
-
if (
|
|
74
|
+
let c, l = e.name;
|
|
75
|
+
if (l === "none" || !l)
|
|
76
76
|
return { none: !0 };
|
|
77
77
|
if (a.iconMapFn !== null) {
|
|
78
|
-
const s = a.iconMapFn(
|
|
78
|
+
const s = a.iconMapFn(l);
|
|
79
79
|
if (s !== void 0)
|
|
80
80
|
if (s.icon !== void 0) {
|
|
81
|
-
if (
|
|
81
|
+
if (l = s.icon, l === "none" || !l)
|
|
82
82
|
return { none: !0 };
|
|
83
83
|
} else
|
|
84
84
|
return {
|
|
@@ -86,46 +86,46 @@ const X = "0 0 24 24", Z = (e) => e, F = (e) => `ionicons ${e}`, ve = {
|
|
|
86
86
|
content: s.content !== void 0 ? s.content : " "
|
|
87
87
|
};
|
|
88
88
|
}
|
|
89
|
-
if (
|
|
90
|
-
const [s,
|
|
89
|
+
if (Te.test(l) === !0) {
|
|
90
|
+
const [s, b = te] = l.split("|");
|
|
91
91
|
return {
|
|
92
92
|
svg: !0,
|
|
93
|
-
viewBox:
|
|
94
|
-
nodes: s.split("&&").map((
|
|
95
|
-
const [y, p, k] =
|
|
93
|
+
viewBox: b,
|
|
94
|
+
nodes: s.split("&&").map((o) => {
|
|
95
|
+
const [y, p, k] = o.split("@@");
|
|
96
96
|
return v("path", { style: p, d: y, transform: k });
|
|
97
97
|
})
|
|
98
98
|
};
|
|
99
99
|
}
|
|
100
|
-
if (
|
|
100
|
+
if (Me.test(l) === !0)
|
|
101
101
|
return {
|
|
102
102
|
img: !0,
|
|
103
|
-
src:
|
|
103
|
+
src: l.substring(4)
|
|
104
104
|
};
|
|
105
|
-
if (Oe.test(
|
|
106
|
-
const [s,
|
|
105
|
+
if (Oe.test(l) === !0) {
|
|
106
|
+
const [s, b = te] = l.split("|");
|
|
107
107
|
return {
|
|
108
108
|
svguse: !0,
|
|
109
109
|
src: s.substring(7),
|
|
110
|
-
viewBox:
|
|
110
|
+
viewBox: b
|
|
111
111
|
};
|
|
112
112
|
}
|
|
113
113
|
let q = " ";
|
|
114
|
-
const
|
|
115
|
-
if (
|
|
116
|
-
c =
|
|
117
|
-
else if (
|
|
118
|
-
c =
|
|
119
|
-
else if (
|
|
120
|
-
c = `ionicons ion-${a.platform.is.ios === !0 ? "ios" : "md"}${
|
|
121
|
-
else if (
|
|
114
|
+
const h = l.match(Be);
|
|
115
|
+
if (h !== null)
|
|
116
|
+
c = me[h[1]](l);
|
|
117
|
+
else if (Ae.test(l) === !0)
|
|
118
|
+
c = l;
|
|
119
|
+
else if (ze.test(l) === !0)
|
|
120
|
+
c = `ionicons ion-${a.platform.is.ios === !0 ? "ios" : "md"}${l.substring(3)}`;
|
|
121
|
+
else if (ae.test(l) === !0) {
|
|
122
122
|
c = "notranslate material-symbols";
|
|
123
|
-
const s =
|
|
124
|
-
s !== null && (
|
|
123
|
+
const s = l.match(ae);
|
|
124
|
+
s !== null && (l = l.substring(6), c += he[s[1]]), q = l;
|
|
125
125
|
} else {
|
|
126
126
|
c = "notranslate material-icons";
|
|
127
|
-
const s =
|
|
128
|
-
s !== null && (
|
|
127
|
+
const s = l.match(Pe);
|
|
128
|
+
s !== null && (l = l.substring(2), c += pe[s[1]]), q = l;
|
|
129
129
|
}
|
|
130
130
|
return {
|
|
131
131
|
cls: c,
|
|
@@ -156,32 +156,32 @@ const X = "0 0 24 24", Z = (e) => e, F = (e) => `ionicons ${e}`, ve = {
|
|
|
156
156
|
])));
|
|
157
157
|
};
|
|
158
158
|
}
|
|
159
|
-
}),
|
|
159
|
+
}), je = {
|
|
160
160
|
size: {
|
|
161
161
|
type: [String, Number],
|
|
162
162
|
default: "1em"
|
|
163
163
|
},
|
|
164
164
|
color: String
|
|
165
165
|
};
|
|
166
|
-
function
|
|
166
|
+
function Ie(e) {
|
|
167
167
|
return {
|
|
168
|
-
cSize: u(() => e.size in
|
|
168
|
+
cSize: u(() => e.size in G ? `${G[e.size]}px` : e.size),
|
|
169
169
|
classes: u(
|
|
170
170
|
() => "q-spinner" + (e.color ? ` text-${e.color}` : "")
|
|
171
171
|
)
|
|
172
172
|
};
|
|
173
173
|
}
|
|
174
|
-
const
|
|
174
|
+
const De = Z({
|
|
175
175
|
name: "QSpinner",
|
|
176
176
|
props: {
|
|
177
|
-
...
|
|
177
|
+
...je,
|
|
178
178
|
thickness: {
|
|
179
179
|
type: Number,
|
|
180
180
|
default: 5
|
|
181
181
|
}
|
|
182
182
|
},
|
|
183
183
|
setup(e) {
|
|
184
|
-
const { cSize: t, classes: a } =
|
|
184
|
+
const { cSize: t, classes: a } = Ie(e);
|
|
185
185
|
return () => v("svg", {
|
|
186
186
|
class: a.value + " q-spinner-mat",
|
|
187
187
|
width: t.value,
|
|
@@ -201,12 +201,12 @@ const Ie = H({
|
|
|
201
201
|
]);
|
|
202
202
|
}
|
|
203
203
|
});
|
|
204
|
-
function
|
|
204
|
+
function Ke(e, t) {
|
|
205
205
|
const a = e.style;
|
|
206
206
|
for (const n in t)
|
|
207
207
|
a[n] = t[n];
|
|
208
208
|
}
|
|
209
|
-
const
|
|
209
|
+
const F = {
|
|
210
210
|
hasPassive: !1,
|
|
211
211
|
passiveCapture: !0,
|
|
212
212
|
notPassiveCapture: !0
|
|
@@ -214,7 +214,7 @@ const N = {
|
|
|
214
214
|
try {
|
|
215
215
|
const e = Object.defineProperty({}, "passive", {
|
|
216
216
|
get() {
|
|
217
|
-
Object.assign(
|
|
217
|
+
Object.assign(F, {
|
|
218
218
|
hasPassive: !0,
|
|
219
219
|
passive: { passive: !0 },
|
|
220
220
|
notPassive: { passive: !1 },
|
|
@@ -226,40 +226,40 @@ try {
|
|
|
226
226
|
window.addEventListener("qtest", null, e), window.removeEventListener("qtest", null, e);
|
|
227
227
|
} catch {
|
|
228
228
|
}
|
|
229
|
-
function
|
|
229
|
+
function Ne(e) {
|
|
230
230
|
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]), {
|
|
231
231
|
top: e.clientY,
|
|
232
232
|
left: e.clientX
|
|
233
233
|
};
|
|
234
234
|
}
|
|
235
|
-
function
|
|
235
|
+
function be(e) {
|
|
236
236
|
e.stopPropagation();
|
|
237
237
|
}
|
|
238
|
-
function
|
|
238
|
+
function Ve(e) {
|
|
239
239
|
e.cancelable !== !1 && e.preventDefault();
|
|
240
240
|
}
|
|
241
241
|
function P(e) {
|
|
242
242
|
e.cancelable !== !1 && e.preventDefault(), e.stopPropagation();
|
|
243
243
|
}
|
|
244
|
-
function
|
|
244
|
+
function Fe(e, t, a) {
|
|
245
245
|
const n = `__q_${t}_evt`;
|
|
246
246
|
e[n] = e[n] !== void 0 ? e[n].concat(a) : a, a.forEach((i) => {
|
|
247
|
-
i[0].addEventListener(i[1], e[i[2]],
|
|
247
|
+
i[0].addEventListener(i[1], e[i[2]], F[i[3]]);
|
|
248
248
|
});
|
|
249
249
|
}
|
|
250
|
-
function
|
|
250
|
+
function Qe(e, t) {
|
|
251
251
|
const a = `__q_${t}_evt`;
|
|
252
252
|
e[a] !== void 0 && (e[a].forEach((n) => {
|
|
253
|
-
n[0].removeEventListener(n[1], e[n[2]],
|
|
253
|
+
n[0].removeEventListener(n[1], e[n[2]], F[n[3]]);
|
|
254
254
|
}), e[a] = void 0);
|
|
255
255
|
}
|
|
256
|
-
function
|
|
256
|
+
function Ue(e) {
|
|
257
257
|
return e !== Object(e) || e.isComposing === !0 || e.qKeyEvent === !0;
|
|
258
258
|
}
|
|
259
|
-
function
|
|
260
|
-
return
|
|
259
|
+
function H(e, t) {
|
|
260
|
+
return Ue(e) === !0 ? !1 : [].concat(t).includes(e.keyCode);
|
|
261
261
|
}
|
|
262
|
-
function
|
|
262
|
+
function Ye(e, t = 250) {
|
|
263
263
|
let a = !1, n;
|
|
264
264
|
return function() {
|
|
265
265
|
return a === !1 && (a = !0, setTimeout(() => {
|
|
@@ -267,31 +267,31 @@ function Ue(e, t = 250) {
|
|
|
267
267
|
}, t), n = e.apply(this, arguments)), n;
|
|
268
268
|
};
|
|
269
269
|
}
|
|
270
|
-
function
|
|
271
|
-
a.modifiers.stop === !0 &&
|
|
270
|
+
function ie(e, t, a, n) {
|
|
271
|
+
a.modifiers.stop === !0 && be(e);
|
|
272
272
|
const i = a.modifiers.color;
|
|
273
273
|
let d = a.modifiers.center;
|
|
274
274
|
d = d === !0 || n === !0;
|
|
275
|
-
const c = document.createElement("span"),
|
|
276
|
-
|
|
275
|
+
const c = document.createElement("span"), l = document.createElement("span"), q = Ne(e), { left: h, top: s, width: b, height: o } = t.getBoundingClientRect(), y = Math.sqrt(b * b + o * o), p = y / 2, k = `${(b - y) / 2}px`, f = d ? k : `${q.left - h - p}px`, $ = `${(o - y) / 2}px`, B = d ? $ : `${q.top - s - p}px`;
|
|
276
|
+
l.className = "q-ripple__inner", Ke(l, {
|
|
277
277
|
height: `${y}px`,
|
|
278
278
|
width: `${y}px`,
|
|
279
279
|
transform: `translate3d(${f},${B},0) scale3d(.2,.2,1)`,
|
|
280
280
|
opacity: 0
|
|
281
|
-
}), c.className = `q-ripple${i ? " text-" + i : ""}`, c.setAttribute("dir", "ltr"), c.appendChild(
|
|
282
|
-
const
|
|
283
|
-
c.remove(), clearTimeout(
|
|
281
|
+
}), c.className = `q-ripple${i ? " text-" + i : ""}`, c.setAttribute("dir", "ltr"), c.appendChild(l), t.appendChild(c);
|
|
282
|
+
const C = () => {
|
|
283
|
+
c.remove(), clearTimeout(w);
|
|
284
284
|
};
|
|
285
|
-
a.abort.push(
|
|
286
|
-
let
|
|
287
|
-
|
|
288
|
-
|
|
289
|
-
c.remove(), a.abort.splice(a.abort.indexOf(
|
|
285
|
+
a.abort.push(C);
|
|
286
|
+
let w = setTimeout(() => {
|
|
287
|
+
l.classList.add("q-ripple__inner--enter"), l.style.transform = `translate3d(${k},${$},0) scale3d(1,1,1)`, l.style.opacity = 0.2, w = setTimeout(() => {
|
|
288
|
+
l.classList.remove("q-ripple__inner--enter"), l.classList.add("q-ripple__inner--leave"), l.style.opacity = 0, w = setTimeout(() => {
|
|
289
|
+
c.remove(), a.abort.splice(a.abort.indexOf(C), 1);
|
|
290
290
|
}, 275);
|
|
291
291
|
}, 250);
|
|
292
292
|
}, 50);
|
|
293
293
|
}
|
|
294
|
-
function
|
|
294
|
+
function le(e, { modifiers: t, value: a, arg: n }) {
|
|
295
295
|
const i = Object.assign({}, e.cfg.ripple, t, a);
|
|
296
296
|
e.modifiers = {
|
|
297
297
|
early: i.early === !0,
|
|
@@ -301,7 +301,7 @@ function ne(e, { modifiers: t, value: a, arg: n }) {
|
|
|
301
301
|
keyCodes: [].concat(i.keyCodes || 13)
|
|
302
302
|
};
|
|
303
303
|
}
|
|
304
|
-
const
|
|
304
|
+
const Ge = Ce(
|
|
305
305
|
{
|
|
306
306
|
name: "ripple",
|
|
307
307
|
beforeMount(e, t) {
|
|
@@ -314,13 +314,13 @@ const Ye = Le(
|
|
|
314
314
|
modifiers: {},
|
|
315
315
|
abort: [],
|
|
316
316
|
start(i) {
|
|
317
|
-
n.enabled === !0 && i.qSkipRipple !== !0 && i.type === (n.modifiers.early === !0 ? "pointerdown" : "click") &&
|
|
317
|
+
n.enabled === !0 && i.qSkipRipple !== !0 && i.type === (n.modifiers.early === !0 ? "pointerdown" : "click") && ie(i, e, n, i.qKeyEvent === !0);
|
|
318
318
|
},
|
|
319
|
-
keystart:
|
|
320
|
-
n.enabled === !0 && i.qSkipRipple !== !0 &&
|
|
319
|
+
keystart: Ye((i) => {
|
|
320
|
+
n.enabled === !0 && i.qSkipRipple !== !0 && H(i, n.modifiers.keyCodes) === !0 && i.type === `key${n.modifiers.early === !0 ? "down" : "up"}` && ie(i, e, n, !0);
|
|
321
321
|
}, 300)
|
|
322
322
|
};
|
|
323
|
-
|
|
323
|
+
le(n, t), e.__qripple = n, Fe(n, "main", [
|
|
324
324
|
[e, "pointerdown", "start", "passive"],
|
|
325
325
|
[e, "click", "start", "passive"],
|
|
326
326
|
[e, "keydown", "keystart", "passive"],
|
|
@@ -330,17 +330,17 @@ const Ye = Le(
|
|
|
330
330
|
updated(e, t) {
|
|
331
331
|
if (t.oldValue !== t.value) {
|
|
332
332
|
const a = e.__qripple;
|
|
333
|
-
a !== void 0 && (a.enabled = t.value !== !1, a.enabled === !0 && Object(t.value) === t.value &&
|
|
333
|
+
a !== void 0 && (a.enabled = t.value !== !1, a.enabled === !0 && Object(t.value) === t.value && le(a, t));
|
|
334
334
|
}
|
|
335
335
|
},
|
|
336
336
|
beforeUnmount(e) {
|
|
337
337
|
const t = e.__qripple;
|
|
338
338
|
t !== void 0 && (t.abort.forEach((a) => {
|
|
339
339
|
a();
|
|
340
|
-
}),
|
|
340
|
+
}), Qe(t, "main"), delete e._qripple);
|
|
341
341
|
}
|
|
342
342
|
}
|
|
343
|
-
),
|
|
343
|
+
), ye = {
|
|
344
344
|
left: "start",
|
|
345
345
|
center: "center",
|
|
346
346
|
right: "end",
|
|
@@ -348,28 +348,28 @@ const Ye = Le(
|
|
|
348
348
|
around: "around",
|
|
349
349
|
evenly: "evenly",
|
|
350
350
|
stretch: "stretch"
|
|
351
|
-
},
|
|
351
|
+
}, He = Object.keys(ye), We = {
|
|
352
352
|
align: {
|
|
353
353
|
type: String,
|
|
354
|
-
validator: (e) =>
|
|
354
|
+
validator: (e) => He.includes(e)
|
|
355
355
|
}
|
|
356
356
|
};
|
|
357
|
-
function
|
|
357
|
+
function Xe(e) {
|
|
358
358
|
return u(() => {
|
|
359
359
|
const t = e.align === void 0 ? e.vertical === !0 ? "stretch" : "left" : e.align;
|
|
360
|
-
return `${e.vertical === !0 ? "items" : "justify"}-${
|
|
360
|
+
return `${e.vertical === !0 ? "items" : "justify"}-${ye[t]}`;
|
|
361
361
|
});
|
|
362
362
|
}
|
|
363
|
-
function
|
|
363
|
+
function Ze(e) {
|
|
364
364
|
return e.appContext.config.globalProperties.$router !== void 0;
|
|
365
365
|
}
|
|
366
|
-
function
|
|
366
|
+
function oe(e) {
|
|
367
367
|
return e ? e.aliasOf ? e.aliasOf.path : e.path : "";
|
|
368
368
|
}
|
|
369
|
-
function
|
|
369
|
+
function ue(e, t) {
|
|
370
370
|
return (e.aliasOf || e) === (t.aliasOf || t);
|
|
371
371
|
}
|
|
372
|
-
function
|
|
372
|
+
function Je(e, t) {
|
|
373
373
|
for (const a in t) {
|
|
374
374
|
const n = t[a], i = e[a];
|
|
375
375
|
if (typeof n == "string") {
|
|
@@ -380,21 +380,21 @@ function Ze(e, t) {
|
|
|
380
380
|
}
|
|
381
381
|
return !0;
|
|
382
382
|
}
|
|
383
|
-
function
|
|
383
|
+
function se(e, t) {
|
|
384
384
|
return Array.isArray(t) === !0 ? e.length === t.length && e.every((a, n) => a === t[n]) : e.length === 1 && e[0] === t;
|
|
385
385
|
}
|
|
386
|
-
function Je(e, t) {
|
|
387
|
-
return Array.isArray(e) === !0 ? ie(e, t) : Array.isArray(t) === !0 ? ie(t, e) : e === t;
|
|
388
|
-
}
|
|
389
386
|
function et(e, t) {
|
|
387
|
+
return Array.isArray(e) === !0 ? se(e, t) : Array.isArray(t) === !0 ? se(t, e) : e === t;
|
|
388
|
+
}
|
|
389
|
+
function tt(e, t) {
|
|
390
390
|
if (Object.keys(e).length !== Object.keys(t).length)
|
|
391
391
|
return !1;
|
|
392
392
|
for (const a in e)
|
|
393
|
-
if (
|
|
393
|
+
if (et(e[a], t[a]) === !1)
|
|
394
394
|
return !1;
|
|
395
395
|
return !0;
|
|
396
396
|
}
|
|
397
|
-
const
|
|
397
|
+
const nt = {
|
|
398
398
|
// router-link
|
|
399
399
|
to: [String, Object],
|
|
400
400
|
replace: Boolean,
|
|
@@ -404,107 +404,107 @@ const tt = {
|
|
|
404
404
|
// state
|
|
405
405
|
disable: Boolean
|
|
406
406
|
};
|
|
407
|
-
function
|
|
408
|
-
const a =
|
|
409
|
-
() => c === !0 && n.disable !== !0 &&
|
|
407
|
+
function at({ fallbackTag: e, useDisableForRouterLinkProps: t = !0 } = {}) {
|
|
408
|
+
const a = X(), { props: n, proxy: i, emit: d } = a, c = Ze(a), l = u(() => n.disable !== !0 && n.href !== void 0), q = t === !0 ? u(
|
|
409
|
+
() => c === !0 && n.disable !== !0 && l.value !== !0 && n.to !== void 0 && n.to !== null && n.to !== ""
|
|
410
410
|
) : u(
|
|
411
|
-
() => c === !0 &&
|
|
412
|
-
),
|
|
411
|
+
() => c === !0 && l.value !== !0 && n.to !== void 0 && n.to !== null && n.to !== ""
|
|
412
|
+
), h = u(() => q.value === !0 ? B(n.to) : null), s = u(() => h.value !== null), b = u(() => l.value === !0 || s.value === !0), o = u(() => n.type === "a" || b.value === !0 ? "a" : n.tag || e || "div"), y = u(() => l.value === !0 ? {
|
|
413
413
|
href: n.href,
|
|
414
414
|
target: n.target
|
|
415
415
|
} : s.value === !0 ? {
|
|
416
|
-
href:
|
|
416
|
+
href: h.value.href,
|
|
417
417
|
target: n.target
|
|
418
418
|
} : {}), p = u(() => {
|
|
419
419
|
if (s.value === !1)
|
|
420
420
|
return -1;
|
|
421
|
-
const { matched:
|
|
422
|
-
if (
|
|
421
|
+
const { matched: g } = h.value, { length: E } = g, L = g[E - 1];
|
|
422
|
+
if (L === void 0)
|
|
423
423
|
return -1;
|
|
424
|
-
const
|
|
425
|
-
if (
|
|
424
|
+
const R = i.$route.matched;
|
|
425
|
+
if (R.length === 0)
|
|
426
426
|
return -1;
|
|
427
|
-
const
|
|
428
|
-
|
|
427
|
+
const S = R.findIndex(
|
|
428
|
+
ue.bind(null, L)
|
|
429
429
|
);
|
|
430
|
-
if (
|
|
431
|
-
return
|
|
432
|
-
const D =
|
|
430
|
+
if (S !== -1)
|
|
431
|
+
return S;
|
|
432
|
+
const D = oe(g[E - 2]);
|
|
433
433
|
return (
|
|
434
434
|
// we are dealing with nested routes
|
|
435
|
-
E > 1 &&
|
|
436
|
-
|
|
437
|
-
) :
|
|
435
|
+
E > 1 && oe(L) === D && R[R.length - 1].path !== D ? R.findIndex(
|
|
436
|
+
ue.bind(null, g[E - 2])
|
|
437
|
+
) : S
|
|
438
438
|
);
|
|
439
439
|
}), k = u(
|
|
440
|
-
() => s.value === !0 && p.value !== -1 &&
|
|
440
|
+
() => s.value === !0 && p.value !== -1 && Je(i.$route.params, h.value.params)
|
|
441
441
|
), f = u(
|
|
442
|
-
() => k.value === !0 && p.value === i.$route.matched.length - 1 &&
|
|
443
|
-
),
|
|
444
|
-
function B(
|
|
442
|
+
() => k.value === !0 && p.value === i.$route.matched.length - 1 && tt(i.$route.params, h.value.params)
|
|
443
|
+
), $ = u(() => s.value === !0 ? f.value === !0 ? ` ${n.exactActiveClass} ${n.activeClass}` : n.exact === !0 ? "" : k.value === !0 ? ` ${n.activeClass}` : "" : "");
|
|
444
|
+
function B(g) {
|
|
445
445
|
try {
|
|
446
|
-
return i.$router.resolve(
|
|
446
|
+
return i.$router.resolve(g);
|
|
447
447
|
} catch {
|
|
448
448
|
}
|
|
449
449
|
return null;
|
|
450
450
|
}
|
|
451
|
-
function
|
|
451
|
+
function C(g, { returnRouterError: E, to: L = n.to, replace: R = n.replace } = {}) {
|
|
452
452
|
if (n.disable === !0)
|
|
453
|
-
return
|
|
453
|
+
return g.preventDefault(), Promise.resolve(!1);
|
|
454
454
|
if (
|
|
455
455
|
// don't redirect with control keys;
|
|
456
456
|
// should match RouterLink from Vue Router
|
|
457
|
-
|
|
457
|
+
g.metaKey || g.altKey || g.ctrlKey || g.shiftKey || g.button !== void 0 && g.button !== 0 || n.target === "_blank"
|
|
458
458
|
)
|
|
459
459
|
return Promise.resolve(!1);
|
|
460
|
-
|
|
461
|
-
const
|
|
462
|
-
return E === !0 ?
|
|
460
|
+
g.preventDefault();
|
|
461
|
+
const S = i.$router[R === !0 ? "replace" : "push"](L);
|
|
462
|
+
return E === !0 ? S : S.then(() => {
|
|
463
463
|
}).catch(() => {
|
|
464
464
|
});
|
|
465
465
|
}
|
|
466
|
-
function
|
|
466
|
+
function w(g) {
|
|
467
467
|
if (s.value === !0) {
|
|
468
|
-
const E = (
|
|
469
|
-
d("click",
|
|
468
|
+
const E = (L) => C(g, L);
|
|
469
|
+
d("click", g, E), g.defaultPrevented !== !0 && E();
|
|
470
470
|
} else
|
|
471
|
-
d("click",
|
|
471
|
+
d("click", g);
|
|
472
472
|
}
|
|
473
473
|
return {
|
|
474
474
|
hasRouterLink: s,
|
|
475
|
-
hasHrefLink:
|
|
476
|
-
hasLink:
|
|
477
|
-
linkTag:
|
|
478
|
-
resolvedLink:
|
|
475
|
+
hasHrefLink: l,
|
|
476
|
+
hasLink: b,
|
|
477
|
+
linkTag: o,
|
|
478
|
+
resolvedLink: h,
|
|
479
479
|
linkIsActive: k,
|
|
480
480
|
linkIsExactActive: f,
|
|
481
|
-
linkClass:
|
|
481
|
+
linkClass: $,
|
|
482
482
|
linkAttrs: y,
|
|
483
483
|
getLink: B,
|
|
484
|
-
navigateToRouterLink:
|
|
485
|
-
navigateOnClick:
|
|
484
|
+
navigateToRouterLink: C,
|
|
485
|
+
navigateOnClick: w
|
|
486
486
|
};
|
|
487
487
|
}
|
|
488
|
-
const
|
|
488
|
+
const ce = {
|
|
489
489
|
none: 0,
|
|
490
490
|
xs: 4,
|
|
491
491
|
sm: 8,
|
|
492
492
|
md: 16,
|
|
493
493
|
lg: 24,
|
|
494
494
|
xl: 32
|
|
495
|
-
},
|
|
495
|
+
}, rt = {
|
|
496
496
|
xs: 8,
|
|
497
497
|
sm: 10,
|
|
498
498
|
md: 14,
|
|
499
499
|
lg: 20,
|
|
500
500
|
xl: 24
|
|
501
|
-
},
|
|
502
|
-
function
|
|
501
|
+
}, it = ["button", "submit", "reset"], lt = /[^\s]\/[^\s]/, ot = ["flat", "outline", "push", "unelevated"];
|
|
502
|
+
function ut(e, t) {
|
|
503
503
|
return e.flat === !0 ? "flat" : e.outline === !0 ? "outline" : e.push === !0 ? "push" : e.unelevated === !0 ? "unelevated" : t;
|
|
504
504
|
}
|
|
505
|
-
const
|
|
506
|
-
...
|
|
507
|
-
...
|
|
505
|
+
const st = {
|
|
506
|
+
...ve,
|
|
507
|
+
...nt,
|
|
508
508
|
type: {
|
|
509
509
|
type: String,
|
|
510
510
|
default: "button"
|
|
@@ -534,7 +534,7 @@ const ut = {
|
|
|
534
534
|
default: !0
|
|
535
535
|
},
|
|
536
536
|
align: {
|
|
537
|
-
...
|
|
537
|
+
...We.align,
|
|
538
538
|
default: "center"
|
|
539
539
|
},
|
|
540
540
|
stack: Boolean,
|
|
@@ -544,27 +544,27 @@ const ut = {
|
|
|
544
544
|
default: null
|
|
545
545
|
},
|
|
546
546
|
disable: Boolean
|
|
547
|
-
},
|
|
548
|
-
...
|
|
547
|
+
}, ct = {
|
|
548
|
+
...st,
|
|
549
549
|
round: Boolean
|
|
550
550
|
};
|
|
551
|
-
function
|
|
552
|
-
const t =
|
|
551
|
+
function dt(e) {
|
|
552
|
+
const t = ge(e, rt), a = Xe(e), { hasRouterLink: n, hasLink: i, linkTag: d, linkAttrs: c, navigateOnClick: l } = at({
|
|
553
553
|
fallbackTag: "button"
|
|
554
554
|
}), q = u(() => {
|
|
555
555
|
const f = e.fab === !1 && e.fabMini === !1 ? t.value : {};
|
|
556
556
|
return e.padding !== void 0 ? Object.assign({}, f, {
|
|
557
|
-
padding: e.padding.split(/\s+/).map((
|
|
557
|
+
padding: e.padding.split(/\s+/).map(($) => $ in ce ? ce[$] + "px" : $).join(" "),
|
|
558
558
|
minWidth: "0",
|
|
559
559
|
minHeight: "0"
|
|
560
560
|
}) : f;
|
|
561
|
-
}),
|
|
561
|
+
}), h = u(
|
|
562
562
|
() => e.rounded === !0 || e.fab === !0 || e.fabMini === !0
|
|
563
563
|
), s = u(
|
|
564
564
|
() => e.disable !== !0 && e.loading !== !0
|
|
565
|
-
),
|
|
566
|
-
const f = { tabindex:
|
|
567
|
-
return i.value === !0 ? Object.assign(f, c.value) :
|
|
565
|
+
), b = u(() => s.value === !0 ? e.tabindex || 0 : -1), o = u(() => ut(e, "standard")), y = u(() => {
|
|
566
|
+
const f = { tabindex: b.value };
|
|
567
|
+
return i.value === !0 ? Object.assign(f, c.value) : it.includes(e.type) === !0 && (f.type = e.type), d.value === "a" ? (e.disable === !0 ? f["aria-disabled"] = "true" : f.href === void 0 && (f.role = "button"), n.value !== !0 && lt.test(e.type) === !0 && (f.type = e.type)) : e.disable === !0 && (f.disabled = "", f["aria-disabled"] = "true"), e.loading === !0 && e.percentage !== void 0 && Object.assign(f, {
|
|
568
568
|
role: "progressbar",
|
|
569
569
|
"aria-valuemin": 0,
|
|
570
570
|
"aria-valuemax": 100,
|
|
@@ -573,8 +573,8 @@ function ct(e) {
|
|
|
573
573
|
}), p = u(() => {
|
|
574
574
|
let f;
|
|
575
575
|
e.color !== void 0 ? e.flat === !0 || e.outline === !0 ? f = `text-${e.textColor || e.color}` : f = `bg-${e.color} text-${e.textColor || "white"}` : e.textColor && (f = `text-${e.textColor}`);
|
|
576
|
-
const
|
|
577
|
-
return `q-btn--${
|
|
576
|
+
const $ = e.round === !0 ? "round" : `rectangle${h.value === !0 ? " q-btn--rounded" : e.square === !0 ? " q-btn--square" : ""}`;
|
|
577
|
+
return `q-btn--${o.value} q-btn--${$}` + (f !== void 0 ? " " + f : "") + (s.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" : "");
|
|
578
578
|
}), k = u(
|
|
579
579
|
() => a.value + (e.stack === !0 ? " column" : " row") + (e.noWrap === !0 ? " no-wrap text-no-wrap" : "") + (e.loading === !0 ? " q-btn__content--hidden" : "")
|
|
580
580
|
);
|
|
@@ -585,42 +585,42 @@ function ct(e) {
|
|
|
585
585
|
attributes: y,
|
|
586
586
|
hasLink: i,
|
|
587
587
|
linkTag: d,
|
|
588
|
-
navigateOnClick:
|
|
588
|
+
navigateOnClick: l,
|
|
589
589
|
isActionable: s
|
|
590
590
|
};
|
|
591
591
|
}
|
|
592
|
-
const { passiveCapture:
|
|
593
|
-
let T = null,
|
|
594
|
-
const
|
|
592
|
+
const { passiveCapture: _ } = F;
|
|
593
|
+
let T = null, M = null, O = null;
|
|
594
|
+
const ft = Z({
|
|
595
595
|
name: "QBtn",
|
|
596
596
|
props: {
|
|
597
|
-
...
|
|
597
|
+
...ct,
|
|
598
598
|
percentage: Number,
|
|
599
599
|
darkPercentage: Boolean,
|
|
600
600
|
onTouchstart: [Function, Array]
|
|
601
601
|
},
|
|
602
602
|
emits: ["click", "keydown", "mousedown", "keyup"],
|
|
603
603
|
setup(e, { slots: t, emit: a }) {
|
|
604
|
-
const { proxy: n } =
|
|
604
|
+
const { proxy: n } = X(), {
|
|
605
605
|
classes: i,
|
|
606
606
|
style: d,
|
|
607
607
|
innerClasses: c,
|
|
608
|
-
attributes:
|
|
608
|
+
attributes: l,
|
|
609
609
|
hasLink: q,
|
|
610
|
-
linkTag:
|
|
610
|
+
linkTag: h,
|
|
611
611
|
navigateOnClick: s,
|
|
612
|
-
isActionable:
|
|
613
|
-
} =
|
|
612
|
+
isActionable: b
|
|
613
|
+
} = dt(e), o = J(null), y = J(null);
|
|
614
614
|
let p = null, k, f = null;
|
|
615
|
-
const
|
|
615
|
+
const $ = u(
|
|
616
616
|
() => e.label !== void 0 && e.label !== null && e.label !== ""
|
|
617
617
|
), B = u(() => e.disable === !0 || e.ripple === !1 ? !1 : {
|
|
618
618
|
keyCodes: q.value === !0 ? [13, 32] : [13],
|
|
619
619
|
...e.ripple === !0 ? {} : e.ripple
|
|
620
|
-
}),
|
|
620
|
+
}), C = u(() => ({ center: e.round })), w = u(() => {
|
|
621
621
|
const r = Math.max(0, Math.min(100, e.percentage));
|
|
622
622
|
return r > 0 ? { transition: "transform 0.6s", transform: `translateX(${r - 100}%)` } : {};
|
|
623
|
-
}),
|
|
623
|
+
}), g = u(() => {
|
|
624
624
|
if (e.loading === !0)
|
|
625
625
|
return {
|
|
626
626
|
onMousedown: A,
|
|
@@ -629,15 +629,15 @@ const dt = H({
|
|
|
629
629
|
onKeydown: A,
|
|
630
630
|
onKeyup: A
|
|
631
631
|
};
|
|
632
|
-
if (
|
|
632
|
+
if (b.value === !0) {
|
|
633
633
|
const r = {
|
|
634
|
-
onClick:
|
|
635
|
-
onKeydown:
|
|
634
|
+
onClick: L,
|
|
635
|
+
onKeydown: R,
|
|
636
636
|
onMousedown: D
|
|
637
637
|
};
|
|
638
638
|
if (n.$q.platform.has.touch === !0) {
|
|
639
|
-
const
|
|
640
|
-
r[`onTouchstart${
|
|
639
|
+
const m = e.onTouchstart !== void 0 ? "" : "Passive";
|
|
640
|
+
r[`onTouchstart${m}`] = S;
|
|
641
641
|
}
|
|
642
642
|
return r;
|
|
643
643
|
}
|
|
@@ -646,46 +646,46 @@ const dt = H({
|
|
|
646
646
|
onClick: P
|
|
647
647
|
};
|
|
648
648
|
}), E = u(() => ({
|
|
649
|
-
ref:
|
|
649
|
+
ref: o,
|
|
650
650
|
class: "q-btn q-btn-item non-selectable no-outline " + i.value,
|
|
651
651
|
style: d.value,
|
|
652
|
-
...
|
|
653
|
-
...
|
|
652
|
+
...l.value,
|
|
653
|
+
...g.value
|
|
654
654
|
}));
|
|
655
|
-
function
|
|
656
|
-
if (
|
|
655
|
+
function L(r) {
|
|
656
|
+
if (o.value !== null) {
|
|
657
657
|
if (r !== void 0) {
|
|
658
658
|
if (r.defaultPrevented === !0)
|
|
659
659
|
return;
|
|
660
|
-
const
|
|
661
|
-
if (e.type === "submit" &&
|
|
662
|
-
|
|
660
|
+
const m = document.activeElement;
|
|
661
|
+
if (e.type === "submit" && m !== document.body && o.value.contains(m) === !1 && m.contains(o.value) === !1) {
|
|
662
|
+
o.value.focus();
|
|
663
663
|
const K = () => {
|
|
664
|
-
document.removeEventListener("keydown", P, !0), document.removeEventListener("keyup", K,
|
|
664
|
+
document.removeEventListener("keydown", P, !0), document.removeEventListener("keyup", K, _), o.value !== null && o.value.removeEventListener("blur", K, _);
|
|
665
665
|
};
|
|
666
|
-
document.addEventListener("keydown", P, !0), document.addEventListener("keyup", K,
|
|
666
|
+
document.addEventListener("keydown", P, !0), document.addEventListener("keyup", K, _), o.value.addEventListener("blur", K, _);
|
|
667
667
|
}
|
|
668
668
|
}
|
|
669
669
|
s(r);
|
|
670
670
|
}
|
|
671
671
|
}
|
|
672
|
-
function
|
|
673
|
-
|
|
672
|
+
function R(r) {
|
|
673
|
+
o.value !== null && (a("keydown", r), H(r, [13, 32]) === !0 && M !== o.value && (M !== null && z(), r.defaultPrevented !== !0 && (o.value.focus(), M = o.value, o.value.classList.add("q-btn--active"), document.addEventListener("keyup", x, !0), o.value.addEventListener("blur", x, _)), P(r)));
|
|
674
674
|
}
|
|
675
|
-
function
|
|
676
|
-
|
|
675
|
+
function S(r) {
|
|
676
|
+
o.value !== null && (a("touchstart", r), r.defaultPrevented !== !0 && (T !== o.value && (T !== null && z(), T = o.value, p = r.target, p.addEventListener("touchcancel", x, _), p.addEventListener("touchend", x, _)), k = !0, f !== null && clearTimeout(f), f = setTimeout(() => {
|
|
677
677
|
f = null, k = !1;
|
|
678
678
|
}, 200)));
|
|
679
679
|
}
|
|
680
680
|
function D(r) {
|
|
681
|
-
|
|
681
|
+
o.value !== null && (r.qSkipRipple = k === !0, a("mousedown", r), r.defaultPrevented !== !0 && O !== o.value && (O !== null && z(), O = o.value, o.value.classList.add("q-btn--active"), document.addEventListener("mouseup", x, _)));
|
|
682
682
|
}
|
|
683
|
-
function
|
|
684
|
-
if (
|
|
683
|
+
function x(r) {
|
|
684
|
+
if (o.value !== null && !(r !== void 0 && r.type === "blur" && document.activeElement === o.value)) {
|
|
685
685
|
if (r !== void 0 && r.type === "keyup") {
|
|
686
|
-
if (
|
|
687
|
-
const
|
|
688
|
-
|
|
686
|
+
if (M === o.value && H(r, [13, 32]) === !0) {
|
|
687
|
+
const m = new MouseEvent("click", r);
|
|
688
|
+
m.qKeyEvent = !0, r.defaultPrevented === !0 && Ve(m), r.cancelBubble === !0 && be(m), o.value.dispatchEvent(m), P(r), r.qKeyEvent = !0;
|
|
689
689
|
}
|
|
690
690
|
a("keyup", r);
|
|
691
691
|
}
|
|
@@ -693,88 +693,90 @@ const dt = H({
|
|
|
693
693
|
}
|
|
694
694
|
}
|
|
695
695
|
function z(r) {
|
|
696
|
-
const
|
|
697
|
-
r !== !0 && (T ===
|
|
696
|
+
const m = y.value;
|
|
697
|
+
r !== !0 && (T === o.value || O === o.value) && m !== null && m !== document.activeElement && (m.setAttribute("tabindex", -1), m.focus()), T === o.value && (p !== null && (p.removeEventListener("touchcancel", x, _), p.removeEventListener("touchend", x, _)), T = p = null), O === o.value && (document.removeEventListener("mouseup", x, _), O = null), M === o.value && (document.removeEventListener("keyup", x, !0), o.value !== null && o.value.removeEventListener("blur", x, _), M = null), o.value !== null && o.value.classList.remove("q-btn--active");
|
|
698
698
|
}
|
|
699
699
|
function A(r) {
|
|
700
700
|
P(r), r.qSkipRipple = !0;
|
|
701
701
|
}
|
|
702
|
-
return
|
|
702
|
+
return $e(() => {
|
|
703
703
|
z(!0);
|
|
704
704
|
}), Object.assign(n, {
|
|
705
705
|
click: (r) => {
|
|
706
|
-
|
|
706
|
+
b.value === !0 && L(r);
|
|
707
707
|
}
|
|
708
708
|
}), () => {
|
|
709
709
|
let r = [];
|
|
710
710
|
e.icon !== void 0 && r.push(
|
|
711
|
-
v(
|
|
711
|
+
v(re, {
|
|
712
712
|
name: e.icon,
|
|
713
|
-
left: e.stack !== !0 &&
|
|
713
|
+
left: e.stack !== !0 && $.value === !0,
|
|
714
714
|
role: "img",
|
|
715
715
|
"aria-hidden": "true"
|
|
716
716
|
})
|
|
717
|
-
),
|
|
717
|
+
), $.value === !0 && r.push(
|
|
718
718
|
v("span", { class: "block" }, [e.label])
|
|
719
719
|
), r = I(t.default, r), e.iconRight !== void 0 && e.round === !1 && r.push(
|
|
720
|
-
v(
|
|
720
|
+
v(re, {
|
|
721
721
|
name: e.iconRight,
|
|
722
|
-
right: e.stack !== !0 &&
|
|
722
|
+
right: e.stack !== !0 && $.value === !0,
|
|
723
723
|
role: "img",
|
|
724
724
|
"aria-hidden": "true"
|
|
725
725
|
})
|
|
726
726
|
);
|
|
727
|
-
const
|
|
727
|
+
const m = [
|
|
728
728
|
v("span", {
|
|
729
729
|
class: "q-focus-helper",
|
|
730
730
|
ref: y
|
|
731
731
|
})
|
|
732
732
|
];
|
|
733
|
-
return e.loading === !0 && e.percentage !== void 0 &&
|
|
733
|
+
return e.loading === !0 && e.percentage !== void 0 && m.push(
|
|
734
734
|
v("span", {
|
|
735
735
|
class: "q-btn__progress absolute-full overflow-hidden" + (e.darkPercentage === !0 ? " q-btn__progress--dark" : "")
|
|
736
736
|
}, [
|
|
737
737
|
v("span", {
|
|
738
738
|
class: "q-btn__progress-indicator fit block",
|
|
739
|
-
style:
|
|
739
|
+
style: w.value
|
|
740
740
|
})
|
|
741
741
|
])
|
|
742
|
-
),
|
|
742
|
+
), m.push(
|
|
743
743
|
v("span", {
|
|
744
744
|
class: "q-btn__content text-center col items-center q-anchor--skip " + c.value
|
|
745
745
|
}, r)
|
|
746
|
-
), e.loading !== null &&
|
|
747
|
-
v(
|
|
746
|
+
), e.loading !== null && m.push(
|
|
747
|
+
v(qe, {
|
|
748
748
|
name: "q-transition--fade"
|
|
749
749
|
}, () => e.loading === !0 ? [
|
|
750
750
|
v("span", {
|
|
751
751
|
key: "loading",
|
|
752
752
|
class: "absolute-full flex flex-center"
|
|
753
|
-
}, t.loading !== void 0 ? t.loading() : [v(
|
|
753
|
+
}, t.loading !== void 0 ? t.loading() : [v(De)])
|
|
754
754
|
] : null)
|
|
755
|
-
),
|
|
755
|
+
), Ee(
|
|
756
756
|
v(
|
|
757
|
-
|
|
757
|
+
h.value,
|
|
758
758
|
E.value,
|
|
759
|
-
|
|
759
|
+
m
|
|
760
760
|
),
|
|
761
761
|
[[
|
|
762
|
-
|
|
762
|
+
Ge,
|
|
763
763
|
B.value,
|
|
764
764
|
void 0,
|
|
765
|
-
|
|
765
|
+
C.value
|
|
766
766
|
]]
|
|
767
767
|
);
|
|
768
768
|
};
|
|
769
769
|
}
|
|
770
|
-
}),
|
|
770
|
+
}), vt = /* @__PURE__ */ W({
|
|
771
771
|
__name: "index",
|
|
772
772
|
props: {
|
|
773
773
|
size: { default: j.MD },
|
|
774
774
|
transparent: { type: Boolean },
|
|
775
775
|
rounded: { type: Boolean },
|
|
776
|
-
color: { default:
|
|
777
|
-
|
|
776
|
+
color: { default: Se.PRIMARY },
|
|
777
|
+
iconLeft: {},
|
|
778
|
+
iconRight: {},
|
|
779
|
+
iconMiddle: {},
|
|
778
780
|
disabled: { type: Boolean },
|
|
779
781
|
loading: { type: [Boolean, null] },
|
|
780
782
|
to: {},
|
|
@@ -794,17 +796,17 @@ const dt = H({
|
|
|
794
796
|
"app-btn_sm": t.size === j.SM,
|
|
795
797
|
"app-btn_md": t.size === j.MD,
|
|
796
798
|
"app-btn_lg": t.size === j.LG,
|
|
797
|
-
"app-btn_icon-left": t.
|
|
798
|
-
"app-btn_icon-right": t.
|
|
799
|
-
"app-btn_icon-middle": t.
|
|
799
|
+
"app-btn_icon-left": t.iconLeft,
|
|
800
|
+
"app-btn_icon-right": t.iconRight,
|
|
801
|
+
"app-btn_icon-middle": t.iconMiddle
|
|
800
802
|
},
|
|
801
803
|
`app-btn_${t.color}`
|
|
802
804
|
]);
|
|
803
|
-
return (n, i) => (
|
|
805
|
+
return (n, i) => (N(), _e(Q(ft), {
|
|
804
806
|
"no-caps": "",
|
|
805
807
|
unelevated: "",
|
|
806
|
-
class:
|
|
807
|
-
padding:
|
|
808
|
+
class: V(a.value),
|
|
809
|
+
padding: Q(fe)[t.size || Q(j).MD],
|
|
808
810
|
loading: n.loading,
|
|
809
811
|
disabled: n.disabled || void 0,
|
|
810
812
|
to: n.to,
|
|
@@ -814,18 +816,36 @@ const dt = H({
|
|
|
814
816
|
"aria-label": n.ariaLabel,
|
|
815
817
|
onClick: i[0] || (i[0] = (d) => n.$emit("click", d))
|
|
816
818
|
}, {
|
|
817
|
-
default:
|
|
818
|
-
|
|
819
|
+
default: Le(() => [
|
|
820
|
+
n.iconLeft || n.iconMiddle ? (N(), Y("i", {
|
|
821
|
+
key: 0,
|
|
822
|
+
class: V([
|
|
823
|
+
"icon-kl",
|
|
824
|
+
n.iconLeft ? "icon-kl_left" : "icon-kl_middle",
|
|
825
|
+
`icon-kl-${n.iconLeft || n.iconMiddle}`,
|
|
826
|
+
n.transparent ? `text-${n.color}` : "text-secondary"
|
|
827
|
+
])
|
|
828
|
+
}, null, 2)) : ee("", !0),
|
|
829
|
+
xe(n.$slots, "default", {}, void 0, !0),
|
|
830
|
+
n.iconRight ? (N(), Y("i", {
|
|
831
|
+
key: 1,
|
|
832
|
+
class: V([
|
|
833
|
+
"icon-kl",
|
|
834
|
+
"icon-kl_right",
|
|
835
|
+
`icon-kl-${n.iconRight}`,
|
|
836
|
+
n.transparent ? `text-${n.color}` : "text-secondary"
|
|
837
|
+
])
|
|
838
|
+
}, null, 2)) : ee("", !0)
|
|
819
839
|
]),
|
|
820
840
|
_: 3
|
|
821
841
|
}, 8, ["class", "padding", "loading", "disabled", "to", "href", "target", "type", "aria-label"]));
|
|
822
842
|
}
|
|
823
|
-
}),
|
|
843
|
+
}), ke = (e, t) => {
|
|
824
844
|
const a = e.__vccOpts || e;
|
|
825
845
|
for (const [n, i] of t)
|
|
826
846
|
a[n] = i;
|
|
827
847
|
return a;
|
|
828
|
-
},
|
|
848
|
+
}, pt = /* @__PURE__ */ ke(vt, [["__scopeId", "data-v-e1a8f029"]]), gt = /* @__PURE__ */ W({
|
|
829
849
|
__name: "index",
|
|
830
850
|
props: {
|
|
831
851
|
name: {},
|
|
@@ -833,13 +853,13 @@ const dt = H({
|
|
|
833
853
|
color: {}
|
|
834
854
|
},
|
|
835
855
|
setup(e) {
|
|
836
|
-
return (t, a) => (
|
|
837
|
-
class:
|
|
838
|
-
style:
|
|
856
|
+
return (t, a) => (N(), Y("i", {
|
|
857
|
+
class: V(["icon-kl", `icon-kl-${t.name}`, t.color ? `text-${t.color}` : ""]),
|
|
858
|
+
style: Re(t.size ? `font-size: ${t.size}` : void 0)
|
|
839
859
|
}, null, 6));
|
|
840
860
|
}
|
|
841
|
-
}),
|
|
861
|
+
}), ht = /* @__PURE__ */ ke(gt, [["__scopeId", "data-v-73419357"]]);
|
|
842
862
|
export {
|
|
843
|
-
|
|
844
|
-
|
|
863
|
+
pt as AppButton,
|
|
864
|
+
ht as AppIcon
|
|
845
865
|
};
|