@validol4ik/uikit 0.2.3 → 0.2.5
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/buttons/AppButton/index.vue.d.ts +4 -1
- package/dist/components/buttons/AppButton/types.d.ts +7 -8
- package/dist/components/buttons/constants.d.ts +4 -4
- package/dist/components/constants.d.ts +6 -5
- package/dist/components/types.d.ts +2 -2
- package/dist/favicon.svg +18 -0
- package/dist/icons.css +1 -1
- package/dist/index-BooubXbB.cjs +1 -0
- package/dist/{index-BR4HAU8T.cjs → index-CfKEXszI.cjs} +1 -1
- package/dist/{index-BS3pXsq7.js → index-DAmpULUn.js} +286 -285
- package/dist/{index-DEntzJGe.js → index-Sx6zVgnt.js} +10 -9
- package/dist/index.css +1 -1
- package/dist/kl.woff +0 -0
- package/dist/uikit.cjs +1 -1
- package/dist/uikit.es.js +1 -1
- package/package.json +2 -2
- package/dist/index-T5AGm1HZ.cjs +0 -1
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { ref as b, reactive as v, defineComponent as h, openBlock as x, createBlock as k, unref as y, mergeProps as g, withModifiers as O } from "vue";
|
|
2
|
-
import { C,
|
|
2
|
+
import { A as C, C as P } from "./index-DAmpULUn.js";
|
|
3
3
|
function M(o, i, t, r) {
|
|
4
4
|
return Object.defineProperty(o, i, {
|
|
5
5
|
get: t,
|
|
@@ -79,22 +79,22 @@ function B(o) {
|
|
|
79
79
|
}
|
|
80
80
|
return e;
|
|
81
81
|
}
|
|
82
|
-
const
|
|
82
|
+
const p = navigator.userAgent || navigator.vendor || window.opera, j = {
|
|
83
83
|
has: {
|
|
84
84
|
touch: !1,
|
|
85
85
|
webStorage: !1
|
|
86
86
|
},
|
|
87
87
|
within: { iframe: !1 }
|
|
88
88
|
}, l = {
|
|
89
|
-
userAgent:
|
|
90
|
-
is: B(
|
|
89
|
+
userAgent: p,
|
|
90
|
+
is: B(p),
|
|
91
91
|
has: {
|
|
92
92
|
touch: w
|
|
93
93
|
},
|
|
94
94
|
within: {
|
|
95
95
|
iframe: window.self !== window.top
|
|
96
96
|
}
|
|
97
|
-
},
|
|
97
|
+
}, u = {
|
|
98
98
|
install(o) {
|
|
99
99
|
const { $q: i } = o;
|
|
100
100
|
s.value === !0 ? (o.onSSRHydrated.push(() => {
|
|
@@ -113,7 +113,7 @@ const u = navigator.userAgent || navigator.vendor || window.opera, j = {
|
|
|
113
113
|
} catch {
|
|
114
114
|
}
|
|
115
115
|
return o = !1, !1;
|
|
116
|
-
}), Object.assign(
|
|
116
|
+
}), Object.assign(u, l), s.value === !0 && (Object.assign(u, f, j), f = null);
|
|
117
117
|
}
|
|
118
118
|
const a = [];
|
|
119
119
|
function m(o) {
|
|
@@ -150,13 +150,14 @@ const d = {
|
|
|
150
150
|
text: {},
|
|
151
151
|
size: {},
|
|
152
152
|
transparent: { type: Boolean, default: !0 },
|
|
153
|
+
flat: { type: Boolean },
|
|
153
154
|
rounded: { type: Boolean },
|
|
154
|
-
color: { default:
|
|
155
|
+
color: { default: P.INFO },
|
|
155
156
|
iconLeft: {},
|
|
156
157
|
iconRight: {},
|
|
157
158
|
iconMiddle: {},
|
|
158
159
|
disabled: { type: Boolean },
|
|
159
|
-
loading: { type:
|
|
160
|
+
loading: { type: Boolean },
|
|
160
161
|
to: {},
|
|
161
162
|
href: {},
|
|
162
163
|
target: {},
|
|
@@ -173,7 +174,7 @@ const d = {
|
|
|
173
174
|
console.log(n);
|
|
174
175
|
});
|
|
175
176
|
};
|
|
176
|
-
return (n, c) => (x(), k(y(
|
|
177
|
+
return (n, c) => (x(), k(y(C), g(i, {
|
|
177
178
|
"icon-middle": t.value,
|
|
178
179
|
onClick: O(e, ["prevent"])
|
|
179
180
|
}), null, 16, ["icon-middle"]));
|
package/dist/index.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.app-btn[data-v-
|
|
1
|
+
.app-btn[data-v-b2e64af1] .q-btn__content{font-family:OpenSans,sans-serif;font-weight:600}.app-btn_sm[data-v-b2e64af1]{font-size:12px;border-radius:7px}.app-btn_sm[data-v-b2e64af1] .q-btn__content{line-height:20px}.app-btn_sm .icon-kl[data-v-b2e64af1]{font-size:18px}.app-btn_sm.app-btn_icon-left[data-v-b2e64af1]{padding-left:5px!important}.app-btn_sm.app-btn_icon-left .icon-kl_left[data-v-b2e64af1]{margin-right:2px}.app-btn_sm.app-btn_icon-right[data-v-b2e64af1]{padding-right:5px!important}.app-btn_sm.app-btn_icon-right .icon-kl_right[data-v-b2e64af1]{margin-left:2px}.app-btn_sm.app-btn_icon-middle[data-v-b2e64af1]{padding:4px!important}.app-btn_md[data-v-b2e64af1]{font-size:14px;border-radius:8px}.app-btn_md[data-v-b2e64af1] .q-btn__content{line-height:22px}.app-btn_md .icon-kl[data-v-b2e64af1]{font-size:22px}.app-btn_md.app-btn_icon-left[data-v-b2e64af1]{padding-left:9px!important}.app-btn_md.app-btn_icon-left .icon-kl_left[data-v-b2e64af1]{margin-right:4px}.app-btn_md.app-btn_icon-right[data-v-b2e64af1]{padding-right:9px!important}.app-btn_md.app-btn_icon-right .icon-kl_right[data-v-b2e64af1]{margin-left:4px}.app-btn_md.app-btn_icon-middle[data-v-b2e64af1]{padding:5px!important}.app-btn_lg[data-v-b2e64af1]{font-size:17px;border-radius:10px}.app-btn_lg[data-v-b2e64af1] .q-btn__content{line-height:26px}.app-btn_lg .icon-kl[data-v-b2e64af1]{font-size:26px}.app-btn_lg.app-btn_icon-left[data-v-b2e64af1]{padding-left:16px!important}.app-btn_lg.app-btn_icon-left .icon-kl_left[data-v-b2e64af1]{margin-right:6px}.app-btn_lg.app-btn_icon-right[data-v-b2e64af1]{padding-right:16px!important}.app-btn_lg.app-btn_icon-right .icon-kl_right[data-v-b2e64af1]{margin-left:6px}.app-btn_lg.app-btn_icon-middle[data-v-b2e64af1]{padding:11px!important}.app-btn_primary[data-v-b2e64af1]{color:#1a5cff}.app-btn_info[data-v-b2e64af1]{color:#399}.app-btn_negative[data-v-b2e64af1]{color:#ff4757}.app-btn_positive[data-v-b2e64af1]{color:#46c93a}.app-btn_default.app-btn_primary[data-v-b2e64af1]{background-color:#1a5cff;color:#fdfffc}.app-btn_default.app-btn_info[data-v-b2e64af1]{background-color:#399;color:#fdfffc}.app-btn_default.app-btn_negative[data-v-b2e64af1]{background-color:#ff4757;color:#fdfffc}.app-btn_default.app-btn_positive[data-v-b2e64af1]{background-color:#46c93a;color:#fdfffc}.app-btn_trans.app-btn_primary[data-v-b2e64af1]{background-color:#1a5cff26}.app-btn_trans.app-btn_info[data-v-b2e64af1]{background-color:#33999926}.app-btn_trans.app-btn_negative[data-v-b2e64af1]{background-color:#ff475726}.app-btn_trans.app-btn_positive[data-v-b2e64af1]{background-color:#46c93a26}.app-btn_flat[data-v-b2e64af1]{background-color:transparent}.app-btn_flat:hover.app-btn_primary[data-v-b2e64af1]{background-color:#1a5cff05}.app-btn_flat:hover.app-btn_info[data-v-b2e64af1]{background-color:#33999905}.app-btn_flat:hover.app-btn_negative[data-v-b2e64af1]{background-color:#ff475705}.app-btn_flat:hover.app-btn_positive[data-v-b2e64af1]{background-color:#46c93a05}.app-btn_rounded[data-v-b2e64af1]{border-radius:50px}.icon-kl[data-v-73419357]{font-size:24px}
|
package/dist/kl.woff
CHANGED
|
Binary file
|
package/dist/uikit.cjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("vue");const t=require("./index-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("vue");const t=require("./index-BooubXbB.cjs");exports.AppButton=t.AppButton;exports.AppButtonCopy=t.AppButtonCopy;exports.AppIcon=t.index;
|
package/dist/uikit.es.js
CHANGED
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@validol4ik/uikit",
|
|
3
|
-
"version": "0.2.
|
|
3
|
+
"version": "0.2.5",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"main": "./dist/uikit.cjs",
|
|
6
6
|
"module": "./dist/uikit.es.js",
|
|
@@ -28,7 +28,7 @@
|
|
|
28
28
|
"dependencies": {
|
|
29
29
|
"@quasar/extras": "^1.16.13",
|
|
30
30
|
"quasar": "^2.17.2",
|
|
31
|
-
"vue": "^3.5.
|
|
31
|
+
"vue": "^3.5.13"
|
|
32
32
|
},
|
|
33
33
|
"devDependencies": {
|
|
34
34
|
"@chromatic-com/storybook": "^3.2.2",
|
package/dist/index-T5AGm1HZ.cjs
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use strict";const n=require("vue"),z={SM:"sm",MD:"md",LG:"lg"};var ne=(e=>(e.sm="3px 9px",e.md="5px 12px",e.lg="9px 20px",e))(ne||{});const ae={PRIMARY:"primary",INFO:"info",ACCENT:"accent",NEGATIVE:"negative",POSITIVE:"positive"},V={xs:18,sm:24,md:32,lg:38,xl:46},re={size:String};function oe(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,K=e=>`ionicons ${e}`,ie={"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}`},ue={o_:"-outlined",r_:"-round",s_:"-sharp"},le={sym_o_:"-outlined",sym_r_:"-rounded",sym_s_:"-sharp"},me=new RegExp("^("+Object.keys(ie).join("|")+")"),pe=new RegExp("^("+Object.keys(ue).join("|")+")"),G=new RegExp("^("+Object.keys(le).join("|")+")"),ge=/^[Mm]\s?[-+]?\.?\d/,he=/^img:/,be=/^svguse:/,ye=/^ion-/,ke=/^(fa-(classic|sharp|solid|regular|light|brands|duotone|thin)|[lf]a[srlbdk]?) /,H=Q({name:"QIcon",props:{...re,tag:{type:String,default:"i"},name:String,color:String,left:Boolean,right:Boolean},setup(e,{slots:t}){const{proxy:{$q:r}}=n.getCurrentInstance(),a=oe(e),u=n.computed(()=>"q-icon"+(e.left===!0?" on-left":"")+(e.right===!0?" on-right":"")+(e.color!==void 0?` text-${e.color}`:"")),l=n.computed(()=>{let c,o=e.name;if(o==="none"||!o)return{none:!0};if(r.iconMapFn!==null){const d=r.iconMapFn(o);if(d!==void 0)if(d.icon!==void 0){if(o=d.icon,o==="none"||!o)return{none:!0}}else return{cls:d.cls,content:d.content!==void 0?d.content:" "}}if(ge.test(o)===!0){const[d,h=U]=o.split("|");return{svg:!0,viewBox:h,nodes:d.split("&&").map(s=>{const[b,p,y]=s.split("@@");return n.h("path",{style:p,d:b,transform:y})})}}if(he.test(o)===!0)return{img:!0,src:o.substring(4)};if(be.test(o)===!0){const[d,h=U]=o.split("|");return{svguse:!0,src:d.substring(7),viewBox:h}}let C=" ";const g=o.match(me);if(g!==null)c=ie[g[1]](o);else if(ke.test(o)===!0)c=o;else if(ye.test(o)===!0)c=`ionicons ion-${r.platform.is.ios===!0?"ios":"md"}${o.substring(3)}`;else if(G.test(o)===!0){c="notranslate material-symbols";const d=o.match(G);d!==null&&(o=o.substring(6),c+=le[d[1]]),C=o}else{c="notranslate material-icons";const d=o.match(pe);d!==null&&(o=o.substring(2),c+=ue[d[1]]),C=o}return{cls:c,content:C}});return()=>{const c={class:u.value,style:a.value,"aria-hidden":"true",role:"presentation"};return l.value.none===!0?n.h(e.tag,c,ve(t.default)):l.value.img===!0?n.h(e.tag,c,j(t.default,[n.h("img",{src:l.value.src})])):l.value.svg===!0?n.h(e.tag,c,j(t.default,[n.h("svg",{viewBox:l.value.viewBox||"0 0 24 24"},l.value.nodes)])):l.value.svguse===!0?n.h(e.tag,c,j(t.default,[n.h("svg",{viewBox:l.value.viewBox},[n.h("use",{"xlink:href":l.value.src})])])):(l.value.cls!==void 0&&(c.class+=" "+l.value.cls),n.h(e.tag,c,j(t.default,[l.value.content])))}}}),Ce={size:{type:[String,Number],default:"1em"},color:String};function Ee(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 $e=Q({name:"QSpinner",props:{...Ce,thickness:{type:Number,default:5}},setup(e){const{cSize:t,classes:r}=Ee(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 qe(e,t){const r=e.style;for(const a in t)r[a]=t[a]}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 se(e){e.stopPropagation()}function Be(e){e.cancelable!==!1&&e.preventDefault()}function w(e){e.cancelable!==!1&&e.preventDefault(),e.stopPropagation()}function Le(e,t,r){const a=`__q_${t}_evt`;e[a]=e[a]!==void 0?e[a].concat(r):r,r.forEach(u=>{u[0].addEventListener(u[1],e[u[2]],D[u[3]])})}function xe(e,t){const r=`__q_${t}_evt`;e[r]!==void 0&&(e[r].forEach(a=>{a[0].removeEventListener(a[1],e[a[2]],D[a[3]])}),e[r]=void 0)}function Re(e){return e!==Object(e)||e.isComposing===!0||e.qKeyEvent===!0}function F(e,t){return Re(e)===!0?!1:[].concat(t).includes(e.keyCode)}function Se(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&&se(e);const u=r.modifiers.color;let l=r.modifiers.center;l=l===!0||a===!0;const c=document.createElement("span"),o=document.createElement("span"),C=_e(e),{left:g,top:d,width:h,height:s}=t.getBoundingClientRect(),b=Math.sqrt(h*h+s*s),p=b/2,y=`${(h-b)/2}px`,f=l?y:`${C.left-g-p}px`,k=`${(s-b)/2}px`,S=l?k:`${C.top-d-p}px`;o.className="q-ripple__inner",qe(o,{height:`${b}px`,width:`${b}px`,transform:`translate3d(${f},${S},0) scale3d(.2,.2,1)`,opacity:0}),c.className=`q-ripple${u?" text-"+u:""}`,c.setAttribute("dir","ltr"),c.appendChild(o),t.appendChild(c);const x=()=>{c.remove(),clearTimeout(R)};r.abort.push(x);let R=setTimeout(()=>{o.classList.add("q-ripple__inner--enter"),o.style.transform=`translate3d(${y},${k},0) scale3d(1,1,1)`,o.style.opacity=.2,R=setTimeout(()=>{o.classList.remove("q-ripple__inner--enter"),o.classList.add("q-ripple__inner--leave"),o.style.opacity=0,R=setTimeout(()=>{c.remove(),r.abort.splice(r.abort.indexOf(x),1)},275)},250)},50)}function X(e,{modifiers:t,value:r,arg:a}){const u=Object.assign({},e.cfg.ripple,t,r);e.modifiers={early:u.early===!0,stop:u.stop===!0,center:u.center===!0,color:u.color||a,keyCodes:[].concat(u.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 a={cfg:r,enabled:t.value!==!1,modifiers:{},abort:[],start(u){a.enabled===!0&&u.qSkipRipple!==!0&&u.type===(a.modifiers.early===!0?"pointerdown":"click")&&W(u,e,a,u.qKeyEvent===!0)},keystart:Se(u=>{a.enabled===!0&&u.qSkipRipple!==!0&&F(u,a.modifiers.keyCodes)===!0&&u.type===`key${a.modifiers.early===!0?"down":"up"}`&&W(u,e,a,!0)},300)};X(a,t),e.__qripple=a,Le(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()}),xe(t,"main"),delete e._qripple)}}),ce={left:"start",center:"center",right:"end",between:"between",around:"around",evenly:"evenly",stretch:"stretch"},Pe=Object.keys(ce),Te={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"}-${ce[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 Ae(e,t){for(const r in t){const a=t[r],u=e[r];if(typeof a=="string"){if(a!==u)return!1}else if(Array.isArray(u)===!1||u.length!==a.length||a.some((l,c)=>l!==u[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 ze(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(ze(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=n.getCurrentInstance(),{props:a,proxy:u,emit:l}=r,c=Oe(r),o=n.computed(()=>a.disable!==!0&&a.href!==void 0),C=t===!0?n.computed(()=>c===!0&&a.disable!==!0&&o.value!==!0&&a.to!==void 0&&a.to!==null&&a.to!==""):n.computed(()=>c===!0&&o.value!==!0&&a.to!==void 0&&a.to!==null&&a.to!==""),g=n.computed(()=>C.value===!0?S(a.to):null),d=n.computed(()=>g.value!==null),h=n.computed(()=>o.value===!0||d.value===!0),s=n.computed(()=>a.type==="a"||h.value===!0?"a":a.tag||e||"div"),b=n.computed(()=>o.value===!0?{href:a.href,target:a.target}:d.value===!0?{href:g.value.href,target:a.target}:{}),p=n.computed(()=>{if(d.value===!1)return-1;const{matched:v}=g.value,{length:E}=v,q=v[E-1];if(q===void 0)return-1;const B=u.$route.matched;if(B.length===0)return-1;const L=B.findIndex(J.bind(null,q));if(L!==-1)return L;const I=Z(v[E-2]);return E>1&&Z(q)===I&&B[B.length-1].path!==I?B.findIndex(J.bind(null,v[E-2])):L}),y=n.computed(()=>d.value===!0&&p.value!==-1&&Ae(u.$route.params,g.value.params)),f=n.computed(()=>y.value===!0&&p.value===u.$route.matched.length-1&&je(u.$route.params,g.value.params)),k=n.computed(()=>d.value===!0?f.value===!0?` ${a.exactActiveClass} ${a.activeClass}`:a.exact===!0?"":y.value===!0?` ${a.activeClass}`:"":"");function S(v){try{return u.$router.resolve(v)}catch{}return null}function x(v,{returnRouterError:E,to:q=a.to,replace:B=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 L=u.$router[B===!0?"replace":"push"](q);return E===!0?L:L.then(()=>{}).catch(()=>{})}function R(v){if(d.value===!0){const E=q=>x(v,q);l("click",v,E),v.defaultPrevented!==!0&&E()}else l("click",v)}return{hasRouterLink:d,hasHrefLink:o,hasLink:h,linkTag:s,resolvedLink:g,linkIsActive:y,linkIsExactActive:f,linkClass:k,linkAttrs:b,getLink:S,navigateToRouterLink:x,navigateOnClick:R}}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={...re,...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=oe(e,De),r=Me(e),{hasRouterLink:a,hasLink:u,linkTag:l,linkAttrs:c,navigateOnClick:o}=Ne({fallbackTag:"button"}),C=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}),g=n.computed(()=>e.rounded===!0||e.fab===!0||e.fabMini===!0),d=n.computed(()=>e.disable!==!0&&e.loading!==!0),h=n.computed(()=>d.value===!0?e.tabindex||0:-1),s=n.computed(()=>Qe(e,"standard")),b=n.computed(()=>{const f={tabindex:h.value};return u.value===!0?Object.assign(f,c.value):Ke.includes(e.type)===!0&&(f.type=e.type),l.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}),p=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${g.value===!0?" q-btn--rounded":e.square===!0?" q-btn--square":""}`;return`q-btn--${s.value} q-btn--${k}`+(f!==void 0?" "+f:"")+(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(()=>r.value+(e.stack===!0?" column":" row")+(e.noWrap===!0?" no-wrap text-no-wrap":"")+(e.loading===!0?" q-btn__content--hidden":""));return{classes:p,style:C,innerClasses:y,attributes:b,hasLink:u,linkTag:l,navigateOnClick:o,isActionable:d}}const{passiveCapture:$}=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:a}=n.getCurrentInstance(),{classes:u,style:l,innerClasses:c,attributes:o,hasLink:C,linkTag:g,navigateOnClick:d,isActionable:h}=Ge(e),s=n.ref(null),b=n.ref(null);let p=null,y,f=null;const k=n.computed(()=>e.label!==void 0&&e.label!==null&&e.label!==""),S=n.computed(()=>e.disable===!0||e.ripple===!1?!1:{keyCodes:C.value===!0?[13,32]:[13],...e.ripple===!0?{}:e.ripple}),x=n.computed(()=>({center:e.round})),R=n.computed(()=>{const i=Math.max(0,Math.min(100,e.percentage));return i>0?{transition:"transform 0.6s",transform:`translateX(${i-100}%)`}:{}}),v=n.computed(()=>{if(e.loading===!0)return{onMousedown:A,onTouchstart:A,onClick:A,onKeydown:A,onKeyup:A};if(h.value===!0){const i={onClick:q,onKeydown:B,onMousedown:I};if(a.$q.platform.has.touch===!0){const m=e.onTouchstart!==void 0?"":"Passive";i[`onTouchstart${m}`]=L}return i}return{onClick:w}}),E=n.computed(()=>({ref:s,class:"q-btn q-btn-item non-selectable no-outline "+u.value,style:l.value,...o.value,...v.value}));function q(i){if(s.value!==null){if(i!==void 0){if(i.defaultPrevented===!0)return;const m=document.activeElement;if(e.type==="submit"&&m!==document.body&&s.value.contains(m)===!1&&m.contains(s.value)===!1){s.value.focus();const N=()=>{document.removeEventListener("keydown",w,!0),document.removeEventListener("keyup",N,$),s.value!==null&&s.value.removeEventListener("blur",N,$)};document.addEventListener("keydown",w,!0),document.addEventListener("keyup",N,$),s.value.addEventListener("blur",N,$)}}d(i)}}function B(i){s.value!==null&&(r("keydown",i),F(i,[13,32])===!0&&T!==s.value&&(T!==null&&O(),i.defaultPrevented!==!0&&(s.value.focus(),T=s.value,s.value.classList.add("q-btn--active"),document.addEventListener("keyup",_,!0),s.value.addEventListener("blur",_,$)),w(i)))}function L(i){s.value!==null&&(r("touchstart",i),i.defaultPrevented!==!0&&(P!==s.value&&(P!==null&&O(),P=s.value,p=i.target,p.addEventListener("touchcancel",_,$),p.addEventListener("touchend",_,$)),y=!0,f!==null&&clearTimeout(f),f=setTimeout(()=>{f=null,y=!1},200)))}function I(i){s.value!==null&&(i.qSkipRipple=y===!0,r("mousedown",i),i.defaultPrevented!==!0&&M!==s.value&&(M!==null&&O(),M=s.value,s.value.classList.add("q-btn--active"),document.addEventListener("mouseup",_,$)))}function _(i){if(s.value!==null&&!(i!==void 0&&i.type==="blur"&&document.activeElement===s.value)){if(i!==void 0&&i.type==="keyup"){if(T===s.value&&F(i,[13,32])===!0){const m=new MouseEvent("click",i);m.qKeyEvent=!0,i.defaultPrevented===!0&&Be(m),i.cancelBubble===!0&&se(m),s.value.dispatchEvent(m),w(i),i.qKeyEvent=!0}r("keyup",i)}O()}}function O(i){const m=b.value;i!==!0&&(P===s.value||M===s.value)&&m!==null&&m!==document.activeElement&&(m.setAttribute("tabindex",-1),m.focus()),P===s.value&&(p!==null&&(p.removeEventListener("touchcancel",_,$),p.removeEventListener("touchend",_,$)),P=p=null),M===s.value&&(document.removeEventListener("mouseup",_,$),M=null),T===s.value&&(document.removeEventListener("keyup",_,!0),s.value!==null&&s.value.removeEventListener("blur",_,$),T=null),s.value!==null&&s.value.classList.remove("q-btn--active")}function A(i){w(i),i.qSkipRipple=!0}return n.onBeforeUnmount(()=>{O(!0)}),Object.assign(a,{click:i=>{h.value===!0&&q(i)}}),()=>{let i=[];e.icon!==void 0&&i.push(n.h(H,{name:e.icon,left:e.stack!==!0&&k.value===!0,role:"img"})),k.value===!0&&i.push(n.h("span",{class:"block"},[e.label])),i=j(t.default,i),e.iconRight!==void 0&&e.round===!1&&i.push(n.h(H,{name:e.iconRight,right:e.stack!==!0&&k.value===!0,role:"img"}));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:R.value})])),m.push(n.h("span",{class:"q-btn__content text-center col items-center q-anchor--skip "+c.value},i)),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($e)])]:null)),n.withDirectives(n.h(g.value,E.value,m),[[we,S.value,void 0,x.value]])}}}),We=n.defineComponent({__name:"index",props:{size:{},transparent:{type:Boolean},rounded:{type:Boolean},color:{},iconLeft:{},iconRight:{},iconMiddle:{},disabled:{type:Boolean},loading:{type:[Boolean,null]},to:{},href:{},target:{},submit:{type:Boolean},ariaLabel:{}},emits:["click"],setup(e){const t=e,{size:r=z.MD,color:a=ae.PRIMARY}=t,u=n.computed(()=>["app-btn",{"app-btn_default":!t.transparent,"app-btn_trans":t.transparent,"app-btn_rounded":t.rounded,"app-btn_sm":r===z.SM,"app-btn_md":r===z.MD,"app-btn_lg":r===z.LG,"app-btn_icon-left":t.iconLeft,"app-btn_icon-right":t.iconRight,"app-btn_icon-middle":t.iconMiddle},`app-btn_${a}`]);return(l,c)=>(n.openBlock(),n.createBlock(n.unref(He),{"no-caps":"",unelevated:"",class:n.normalizeClass(u.value),padding:n.unref(ne)[n.unref(r)||n.unref(z).MD],loading:l.loading,disabled:l.disabled||void 0,to:l.to,href:l.href,target:l.target,type:l.submit?"submit":void 0,"aria-label":l.ariaLabel,onClick:c[0]||(c[0]=o=>l.$emit("click",o))},{default:n.withCtx(()=>[l.iconLeft||l.iconMiddle?(n.openBlock(),n.createElementBlock("i",{key:0,class:n.normalizeClass(["icon-kl",l.iconLeft?"icon-kl_left":"icon-kl_middle",`icon-kl-${l.iconLeft||l.iconMiddle}`,l.transparent?`text-${n.unref(a)}`:"text-secondary"])},null,2)):n.createCommentVNode("",!0),n.renderSlot(l.$slots,"default",{},void 0,!0),l.iconRight?(n.openBlock(),n.createElementBlock("i",{key:1,class:n.normalizeClass(["icon-kl","icon-kl_right",`icon-kl-${l.iconRight}`,l.transparent?`text-${n.unref(a)}`:"text-secondary"])},null,2)):n.createCommentVNode("",!0)]),_:3},8,["class","padding","loading","disabled","to","href","target","type","aria-label"]))}}),de=(e,t)=>{const r=e.__vccOpts||e;for(const[a,u]of t)r[a]=u;return r},Xe=de(We,[["__scopeId","data-v-42f3b7cf"]]),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=de(Ze,[["__scopeId","data-v-73419357"]]),et=n.defineAsyncComponent(()=>Promise.resolve().then(()=>require("./index-BR4HAU8T.cjs")));exports.AppButton=Xe;exports.AppButtonCopy=et;exports.COLORS=ae;exports.index=Je;
|