@usssa/component-library 1.0.0-alpha.4 → 1.0.0-alpha.40
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/README.md +4 -1
- package/package.json +6 -4
- package/src/App.vue +9 -0
- package/src/assets/quasar-logo-vertical.svg +15 -0
- package/src/boot/.gitkeep +0 -0
- package/src/boot/google-maps.js +11 -0
- package/src/components/ComponentLink.vue +26 -0
- package/src/components/core/UAvatar.vue +161 -0
- package/src/components/core/UAvatarGroup.vue +119 -0
- package/src/components/core/UBadgeStd.vue +91 -0
- package/src/components/core/UBannerStd.vue +115 -0
- package/src/components/core/UBreadCrumbs.vue +67 -0
- package/src/components/core/UBtnIcon.vue +159 -0
- package/src/components/core/UBtnStd.vue +129 -0
- package/src/components/core/UBtnToggle.vue +68 -0
- package/src/components/core/UCheckboxStd.vue +95 -0
- package/src/components/core/UChip.vue +251 -0
- package/src/components/core/UDialogStd.vue +228 -0
- package/src/components/core/UDrawer.vue +211 -0
- package/src/components/core/UInnerLoader.vue +58 -0
- package/src/components/core/UInputAddressLookup.vue +466 -0
- package/src/components/core/UInputPhoneStd.vue +295 -0
- package/src/components/core/UInputTextStd.vue +293 -0
- package/src/components/core/UMenuButtonStd.vue +274 -0
- package/src/components/core/UMenuDropdown.vue +77 -0
- package/src/components/core/UMenuDropdownAdvancedSearch.vue +262 -0
- package/src/components/core/UMenuItem.vue +132 -0
- package/src/components/core/UMultiSelectStd.vue +259 -0
- package/src/components/core/UPagination.vue +104 -0
- package/src/components/core/URadioBtn.vue +116 -0
- package/src/components/core/URadioStd.vue +62 -0
- package/src/components/core/USelectStd.vue +233 -0
- package/src/components/core/UTabBtnStd.vue +167 -0
- package/src/components/core/UTable/UTable.vue +93 -0
- package/src/components/core/UTable/UTd.vue +63 -0
- package/src/components/core/UTable/UTh.vue +48 -0
- package/src/components/core/UTable/UTr.vue +20 -0
- package/src/components/core/UTableStd.vue +636 -0
- package/src/components/core/UTabsStd.vue +111 -0
- package/src/components/core/UToggleStd.vue +159 -0
- package/src/components/core/UTooltip.vue +71 -0
- package/src/components/index.js +66 -0
- package/src/composables/useNotify.js +79 -0
- package/src/composables/useOverlayLoader.js +23 -0
- package/src/css/app.sass +159 -0
- package/src/css/colors.sass +101 -0
- package/src/css/media.sass +1 -0
- package/src/css/quasar.variables.sass +119 -0
- package/src/css/typography.sass +0 -0
- package/src/css/vars/colors.variables.sass +126 -0
- package/src/layouts/MainLayout.vue +177 -0
- package/src/pages/AdvancedSearch.vue +512 -0
- package/src/pages/Avatar.vue +77 -0
- package/src/pages/AvatarGroup.vue +139 -0
- package/src/pages/BadgeStd.vue +83 -0
- package/src/pages/BannerPage.vue +76 -0
- package/src/pages/BreadCrumbs.vue +100 -0
- package/src/pages/BtnIcon.vue +120 -0
- package/src/pages/BtnStd.vue +138 -0
- package/src/pages/BtnToggle.vue +131 -0
- package/src/pages/CheckBox.vue +62 -0
- package/src/pages/Chip.vue +108 -0
- package/src/pages/ComponentBase.vue +54 -0
- package/src/pages/Dialog.vue +206 -0
- package/src/pages/Drawer.vue +128 -0
- package/src/pages/ErrorNotFound.vue +11 -0
- package/src/pages/IndexPage.vue +11 -0
- package/src/pages/InnerLoader.vue +81 -0
- package/src/pages/InputAddressLookup.vue +258 -0
- package/src/pages/InputPhone.vue +152 -0
- package/src/pages/InputText.vue +140 -0
- package/src/pages/MenuButton.vue +194 -0
- package/src/pages/MenuDropdown.vue +79 -0
- package/src/pages/MenuItem.vue +68 -0
- package/src/pages/MultiSelectStd.vue +174 -0
- package/src/pages/NotifyPage.vue +109 -0
- package/src/pages/OverlayLoader.vue +128 -0
- package/src/pages/Pagination.vue +71 -0
- package/src/pages/Radio.vue +80 -0
- package/src/pages/RadioBtn.vue +104 -0
- package/src/pages/SelectStd.vue +160 -0
- package/src/pages/TabButtonPage.vue +126 -0
- package/src/pages/TablePage.vue +375 -0
- package/src/pages/TabsPage.vue +261 -0
- package/src/pages/TogglePage.vue +58 -0
- package/src/pages/TooltipPage.vue +125 -0
- package/src/router/index.js +34 -0
- package/src/router/routes.js +149 -0
- package/dist/spa/assets/Avatar.45667392.js +0 -9
- package/dist/spa/assets/AvatarGroup.99557443.js +0 -9
- package/dist/spa/assets/AvatarGroup.bb4cd03a.css +0 -1
- package/dist/spa/assets/BadgeStd.ee4129c5.js +0 -6
- package/dist/spa/assets/BannerPage.6c6a98c4.js +0 -10
- package/dist/spa/assets/BannerPage.d195fcac.css +0 -1
- package/dist/spa/assets/BtnIcon.89e50d2e.css +0 -1
- package/dist/spa/assets/BtnIcon.934f8c5b.js +0 -10
- package/dist/spa/assets/BtnStd.95fc4510.js +0 -11
- package/dist/spa/assets/CheckBox.3c204a4b.css +0 -1
- package/dist/spa/assets/CheckBox.fbc0bd1a.js +0 -7
- package/dist/spa/assets/Chip.49ffc857.js +0 -11
- package/dist/spa/assets/Chip.74acaa33.css +0 -1
- package/dist/spa/assets/ComponentBase.1ae19b7e.js +0 -1
- package/dist/spa/assets/ErrorNotFound.6cccfaee.js +0 -1
- package/dist/spa/assets/IndexPage.17d09b76.js +0 -1
- package/dist/spa/assets/InputText.19c0d7d1.css +0 -1
- package/dist/spa/assets/InputText.3fcd97a4.js +0 -20
- package/dist/spa/assets/KFOkCnqEu92Fr1MmgVxIIzQ.34e9582c.woff +0 -0
- package/dist/spa/assets/KFOlCnqEu92Fr1MmEU9fBBc-.9ce7f3ac.woff +0 -0
- package/dist/spa/assets/KFOlCnqEu92Fr1MmSU5fBBc-.bf14c7d7.woff +0 -0
- package/dist/spa/assets/KFOlCnqEu92Fr1MmWUlfBBc-.e0fd57c0.woff +0 -0
- package/dist/spa/assets/KFOlCnqEu92Fr1MmYUtfBBc-.f6537e32.woff +0 -0
- package/dist/spa/assets/KFOmCnqEu92Fr1Mu4mxM.f2abf7fb.woff +0 -0
- package/dist/spa/assets/MainLayout.912bb0f8.js +0 -1
- package/dist/spa/assets/MultiSelectStd.644b108c.js +0 -17
- package/dist/spa/assets/MultiSelectStd.c7af49eb.css +0 -1
- package/dist/spa/assets/QAvatar.5940a79e.js +0 -1
- package/dist/spa/assets/QCheckbox.48b43f7d.js +0 -1
- package/dist/spa/assets/QPage.ca395ec4.js +0 -1
- package/dist/spa/assets/QRadio.0a7f5e2c.js +0 -1
- package/dist/spa/assets/QResizeObserver.30c3566c.js +0 -1
- package/dist/spa/assets/QSelect.a40eb786.js +0 -1
- package/dist/spa/assets/QTabs.72f2507e.js +0 -1
- package/dist/spa/assets/QToggle.376c48be.js +0 -1
- package/dist/spa/assets/QTooltip.5aa8e325.js +0 -1
- package/dist/spa/assets/Radio.0ac35288.js +0 -7
- package/dist/spa/assets/Radio.aca54a89.css +0 -1
- package/dist/spa/assets/SelectStd.5c6891db.css +0 -1
- package/dist/spa/assets/SelectStd.daf1def9.js +0 -16
- package/dist/spa/assets/TabButtonPage.20e871dd.js +0 -7
- package/dist/spa/assets/TabButtonPage.36ce9f9c.css +0 -1
- package/dist/spa/assets/TabsPage.9b94ff39.css +0 -1
- package/dist/spa/assets/TabsPage.b92cccee.js +0 -9
- package/dist/spa/assets/TogglePage.8129b631.css +0 -1
- package/dist/spa/assets/TogglePage.ba6e325c.js +0 -9
- package/dist/spa/assets/UAvatar.dda7e478.js +0 -1
- package/dist/spa/assets/UAvatar.ea8daa38.css +0 -1
- package/dist/spa/assets/UBadgeStd.3965db9a.css +0 -1
- package/dist/spa/assets/UBadgeStd.e165ee05.js +0 -1
- package/dist/spa/assets/UBtnStd.979ec4e8.js +0 -1
- package/dist/spa/assets/UBtnStd.bdd4f5e5.css +0 -1
- package/dist/spa/assets/UTooltip.d2e04d0c.js +0 -1
- package/dist/spa/assets/UTooltip.efa029a7.css +0 -1
- package/dist/spa/assets/dom.e9d4ad51.js +0 -1
- package/dist/spa/assets/flUhRq6tzZclQEJ-Vdg-IuiaDsNa.fd84f88b.woff +0 -0
- package/dist/spa/assets/flUhRq6tzZclQEJ-Vdg-IuiaDsNcIhQ8tQ.4a4dbc62.woff2 +0 -0
- package/dist/spa/assets/format.41663636.js +0 -1
- package/dist/spa/assets/index.43c62a18.js +0 -21
- package/dist/spa/assets/index.4fbd73cf.css +0 -5
- package/dist/spa/assets/option-sizes.10cc02d3.js +0 -1
- package/dist/spa/assets/render.e67ff27a.js +0 -1
- package/dist/spa/assets/tooltip.7c0d0774.js +0 -8
- package/dist/spa/assets/touch.9135741d.js +0 -1
- package/dist/spa/assets/use-checkbox.44a623c0.js +0 -1
- package/dist/spa/favicon.ico +0 -0
- package/dist/spa/icons/caret-down.svg +0 -5
- package/dist/spa/icons/circle-xmark.svg +0 -6
- package/dist/spa/icons/favicon-128x128.png +0 -0
- package/dist/spa/icons/favicon-16x16.png +0 -0
- package/dist/spa/icons/favicon-32x32.png +0 -0
- package/dist/spa/icons/favicon-96x96.png +0 -0
- package/dist/spa/index.html +0 -3
|
@@ -1,20 +0,0 @@
|
|
|
1
|
-
import{f as v,Q as s,_ as P}from"./ComponentBase.1ae19b7e.js";import{Q as D}from"./QSelect.a40eb786.js";import{Q as E}from"./QRadio.0a7f5e2c.js";import{Q as c}from"./QCheckbox.48b43f7d.js";import{Q as H}from"./QPage.ca395ec4.js";import{_ as O}from"./UTooltip.d2e04d0c.js";import{a as w,F as r,K as q,U as o,J as j,N as V,a9 as x,G as Q,H as d,I as a,ae as F,aa as $,ab as A,r as n}from"./index.43c62a18.js";import"./dom.e9d4ad51.js";import"./render.e67ff27a.js";import"./format.41663636.js";import"./option-sizes.10cc02d3.js";import"./use-checkbox.44a623c0.js";import"./QTooltip.5aa8e325.js";const G={class:"q-gutter-xs q-pb-ms"},J={key:0,role:"label",for:"input",class:"row items-center q-mb-xxs"},K={class:"u-input-label text-body-sm"},Z={key:0,class:"text-red-5 text-body-sm q-mx-xxs"},W={class:"row items-center text-neutral-9 no-wrap"},X={class:"q-ml-xxs text-body-xs"},Y={class:"row items-center no-wrap"},_={class:"q-ml-xxs text-body-xs",role:"validation error"},ee={__name:"UInputTextStd",props:{modelValue:{type:[String,null],required:!0,default:""},hintText:{type:String},hintIcon:{type:String,default:"fa-kit-duotone fa-circle-info"},isRequired:{type:Boolean,default:!1},label:{type:String},leftIcon:{type:String},rightIcon:{type:String},outlined:{type:Boolean,default:!0},borderless:{type:Boolean,default:!1},placeholder:{type:String,default:"Input Text"},size:{type:String,default:"md",validator:e=>["sm","md","lg"].includes(e)},toolTipText:{type:String},validationRules:{type:Array},readonly:{type:Boolean,default:!1},disable:{type:Boolean,default:!1},error:{type:Boolean},errorMessage:{type:String},leftBorderRadius:{type:Boolean,default:!1}},setup(e){const b=e,m=w(()=>b.leftBorderRadius===!0?"leftBorderRadius":"");return(p,u)=>(r(),q("div",G,[o("div",null,[e.label?(r(),q("label",J,[o("div",K,[j(V(e.label)+" ",1),e.isRequired?(r(),q("span",Z," * ")):x("",!0)]),e.toolTipText?(r(),Q(v,{key:0,class:"q-ml-xxs fa-kit-duotone fa-circle-info cursor-pointer",size:"1rem",color:"neutral-9","aria-label":e.toolTipText},{default:d(()=>[a(O,{description:e.toolTipText,anchor:"top middle",self:"bottom middle",offset:[0,0]},null,8,["description"])]),_:1},8,["aria-label"])):x("",!0)])):x("",!0),a(s,A({id:"input",class:["u-input",`field-${e.size} ${m.value}`],modelValue:e.modelValue,name:"input",outlined:e.outlined,placeholder:e.placeholder,rules:e.validationRules,standout:!e.outlined,type:"text","onUpdate:modelValue":u[0]||(u[0]=f=>p.$emit("update:modelValue",f)),"bottom-slots":!!e.hintText,"hide-bottom-space":"",readonly:e.readonly,disable:e.disable,borderless:e.borderless,error:e.error},p.$attrs),F({error:d(()=>[o("div",Y,[a(v,{class:"fa-kit-duotone fa-warning-octagon",size:"1rem","aria-label":e.errorMessage},null,8,["aria-label"]),o("div",_,V(e.errorMessage),1)])]),_:2},[e.leftIcon?{name:"prepend",fn:d(()=>[a(v,{class:$(`slot-icon-size-${e.size} ${e.leftIcon}`)},null,8,["class"])]),key:"0"}:void 0,e.hintText?{name:"hint",fn:d(()=>[o("div",W,[e.hintIcon?(r(),Q(v,{key:0,class:$(e.hintIcon),size:"1rem","aria-label":e.hintText},null,8,["class","aria-label"])):x("",!0),o("div",X,V(e.hintText),1)])]),key:"1"}:void 0,e.rightIcon?{name:"append",fn:d(()=>[a(v,{class:$(`slot-icon-size-${e.size} ${e.rightIcon}`)},null,8,["class"])]),key:"2"}:void 0]),1040,["class","modelValue","outlined","placeholder","rules","standout","bottom-slots","readonly","disable","borderless","error"])])]))}},le={class:"column q-gutter-y-lg"},te={class:"column"},ae=o("span",{class:"text-grey-8 text-caption-sm"},"Type",-1),oe=`<UInputTextStd
|
|
2
|
-
:label="label"
|
|
3
|
-
:isRequired="isRequired"
|
|
4
|
-
v-model="inputValue"
|
|
5
|
-
:validationRules="validationRules"
|
|
6
|
-
:leftIcon="leftIcon"
|
|
7
|
-
:rightIcon="rightIcon"
|
|
8
|
-
:hintText="hintText"
|
|
9
|
-
:hintIcon="hintIcon"
|
|
10
|
-
:toolTipText="toolTipText"
|
|
11
|
-
:placeholder="placeholder"
|
|
12
|
-
:size="size"
|
|
13
|
-
:disable="disabled"
|
|
14
|
-
:readonly="readonly"
|
|
15
|
-
:error="checkValidation()"
|
|
16
|
-
error-message="Error message would go here"
|
|
17
|
-
:borderless="borderless"
|
|
18
|
-
:outlined="outline"
|
|
19
|
-
:leftBorderRadius="leftBorderRadius"
|
|
20
|
-
/>`,Ve=Object.assign({name:"UInputTextStd"},{__name:"InputText",setup(e){const b=n(""),m=n(!0),p=[C=>C.length<=3],u=n("Error message would go here"),f=n("This is hint text"),g=n("Placeholder"),y=n("This is tooltip"),T=n("fa-kit-duotone fa-triangle-exclamation"),I=n("fa-kit-duotone fa-magnifying-glass"),h=n("fa-kit-duotone fa-triangle-exclamation"),R=n("sm"),L=["sm","md","lg"],U=n(!1),z=n(!1),B=n(!1),S=n(!1),i=n("outline"),k=n("Label"),M=w(()=>i.value==="borderless"),N=w(()=>i.value==="outline");return(C,l)=>(r(),Q(H,{class:"flex flex-center"},{default:d(()=>[a(P,{figmaUrl:"https://www.figma.com/design/2FoTrjVL4ZrTdsvB4DcSao/Components?node-id=3395-4968"},{component:d(()=>[a(ee,{label:k.value,isRequired:m.value,modelValue:b.value,"onUpdate:modelValue":l[0]||(l[0]=t=>b.value=t),validationRules:p,leftIcon:I.value,rightIcon:h.value,hintText:f.value,hintIcon:T.value,toolTipText:y.value,placeholder:g.value,size:R.value,disable:U.value,readonly:z.value,error:B.value,"error-message":u.value,borderless:M.value,outlined:N.value,leftBorderRadius:S.value},null,8,["label","isRequired","modelValue","leftIcon","rightIcon","hintText","hintIcon","toolTipText","placeholder","size","disable","readonly","error","error-message","borderless","outlined","leftBorderRadius"])]),properties:d(()=>[o("div",le,[a(s,{label:"Label",modelValue:k.value,"onUpdate:modelValue":l[1]||(l[1]=t=>k.value=t)},null,8,["modelValue"]),a(s,{label:"Placeholder",modelValue:g.value,"onUpdate:modelValue":l[2]||(l[2]=t=>g.value=t)},null,8,["modelValue"]),a(s,{label:"Error Message",modelValue:u.value,"onUpdate:modelValue":l[3]||(l[3]=t=>u.value=t)},null,8,["modelValue"]),a(s,{label:"Left Icon",modelValue:I.value,"onUpdate:modelValue":l[4]||(l[4]=t=>I.value=t)},null,8,["modelValue"]),a(s,{label:"Right Icon",modelValue:h.value,"onUpdate:modelValue":l[5]||(l[5]=t=>h.value=t)},null,8,["modelValue"]),a(s,{label:"Hint Icon",modelValue:T.value,"onUpdate:modelValue":l[6]||(l[6]=t=>T.value=t)},null,8,["modelValue"]),a(s,{label:"Hint Text",modelValue:f.value,"onUpdate:modelValue":l[7]||(l[7]=t=>f.value=t)},null,8,["modelValue"]),a(s,{label:"Tooltip Text",modelValue:y.value,"onUpdate:modelValue":l[8]||(l[8]=t=>y.value=t)},null,8,["modelValue"]),a(D,{modelValue:R.value,"onUpdate:modelValue":l[9]||(l[9]=t=>R.value=t),options:L,label:"Size"},null,8,["modelValue"]),o("div",te,[ae,o("div",null,[a(E,{dense:"",modelValue:i.value,"onUpdate:modelValue":l[10]||(l[10]=t=>i.value=t),val:"outline",label:"Outline"},null,8,["modelValue"]),a(E,{dense:"",modelValue:i.value,"onUpdate:modelValue":l[11]||(l[11]=t=>i.value=t),val:"borderless",label:"Borderless",class:"q-pa-sm"},null,8,["modelValue"])])]),o("div",null,[a(c,{size:"xs",modelValue:U.value,"onUpdate:modelValue":l[12]||(l[12]=t=>U.value=t),label:"Disable"},null,8,["modelValue"])]),o("div",null,[a(c,{size:"xs",modelValue:z.value,"onUpdate:modelValue":l[13]||(l[13]=t=>z.value=t),label:"Readonly"},null,8,["modelValue"])]),o("div",null,[a(c,{size:"xs",modelValue:B.value,"onUpdate:modelValue":l[14]||(l[14]=t=>B.value=t),label:"Is Error"},null,8,["modelValue"])]),o("div",null,[a(c,{size:"xs",modelValue:S.value,"onUpdate:modelValue":l[15]||(l[15]=t=>S.value=t),label:"Left border radius"},null,8,["modelValue"])]),o("div",null,[a(c,{size:"xs",modelValue:m.value,"onUpdate:modelValue":l[16]||(l[16]=t=>m.value=t),label:"Is required"},null,8,["modelValue"])])])]),code:d(()=>[o("pre",null,[o("code",null,V(oe))])]),_:1})]),_:1}))}});export{Ve as default};
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{c as D,a as d,h as S,i as me,e as O,l as J,r as T,w,o as ge,g as W,b as Ye,d as N,n as ze,f as Ke,j as Y,p as ie,k as Ce,s as re,m as ve,q as ue,t as Ge,u as qe,v as $e,x as Je,y as Me,z as Ze,A as et,B as tt,C as K,D as at,E as ot,F as Se,G as nt,H as $,I as M,J as se,K as lt,L as it,M as rt,N as ut}from"./index.43c62a18.js";import{h as X,a as st,b as xe,c as ct}from"./render.e67ff27a.js";import{Q as he}from"./QResizeObserver.30c3566c.js";import{c as dt,u as ft,a as vt,b as ht,d as mt,e as gt,f as G,g as pt,s as yt,h as bt,i as wt,j as Ct,k as ce,Q as Te,l as qt,m as St}from"./format.41663636.js";import{u as Pe,a as Oe}from"./dom.e9d4ad51.js";import{g as ke,s as Be}from"./touch.9135741d.js";var xt=D({name:"QToolbarTitle",props:{shrink:Boolean},setup(t,{slots:r}){const n=d(()=>"q-toolbar__title ellipsis"+(t.shrink===!0?" col-shrink":""));return()=>S("div",{class:n.value},X(r.default))}}),Tt=D({name:"QToolbar",props:{inset:Boolean},setup(t,{slots:r}){const n=d(()=>"q-toolbar row no-wrap items-center"+(t.inset===!0?" q-toolbar--inset":""));return()=>S("div",{class:n.value,role:"toolbar"},X(r.default))}}),kt=D({name:"QHeader",props:{modelValue:{type:Boolean,default:!0},reveal:Boolean,revealOffset:{type:Number,default:250},bordered:Boolean,elevated:Boolean,heightHint:{type:[String,Number],default:50}},emits:["reveal","focusin"],setup(t,{slots:r,emit:n}){const{proxy:{$q:u}}=W(),e=me(J,O);if(e===O)return console.error("QHeader needs to be child of QLayout"),O;const a=T(parseInt(t.heightHint,10)),i=T(!0),p=d(()=>t.reveal===!0||e.view.value.indexOf("H")!==-1||u.platform.is.ios&&e.isContainer.value===!0),g=d(()=>{if(t.modelValue!==!0)return 0;if(p.value===!0)return i.value===!0?a.value:0;const c=a.value-e.scroll.value.position;return c>0?c:0}),s=d(()=>t.modelValue!==!0||p.value===!0&&i.value!==!0),l=d(()=>t.modelValue===!0&&s.value===!0&&t.reveal===!0),C=d(()=>"q-header q-layout__section--marginal "+(p.value===!0?"fixed":"absolute")+"-top"+(t.bordered===!0?" q-header--bordered":"")+(s.value===!0?" q-header--hidden":"")+(t.modelValue!==!0?" q-layout--prevent-focus":"")),b=d(()=>{const c=e.rows.value.top,k={};return c[0]==="l"&&e.left.space===!0&&(k[u.lang.rtl===!0?"right":"left"]=`${e.left.size}px`),c[2]==="r"&&e.right.space===!0&&(k[u.lang.rtl===!0?"left":"right"]=`${e.right.size}px`),k});function f(c,k){e.update("header",c,k)}function v(c,k){c.value!==k&&(c.value=k)}function L({height:c}){v(a,c),f("size",c)}function x(c){l.value===!0&&v(i,!0),n("focusin",c)}w(()=>t.modelValue,c=>{f("space",c),v(i,!0),e.animate()}),w(g,c=>{f("offset",c)}),w(()=>t.reveal,c=>{c===!1&&v(i,t.modelValue)}),w(i,c=>{e.animate(),n("reveal",c)}),w(e.scroll,c=>{t.reveal===!0&&v(i,c.direction==="up"||c.position<=t.revealOffset||c.position-c.inflectionPoint<100)});const y={};return e.instances.header=y,t.modelValue===!0&&f("size",a.value),f("space",t.modelValue),f("offset",g.value),ge(()=>{e.instances.header===y&&(e.instances.header=void 0,f("size",0),f("offset",0),f("space",!1))}),()=>{const c=st(r.default,[]);return t.elevated===!0&&c.push(S("div",{class:"q-layout__shadow absolute-full overflow-hidden no-pointer-events"})),c.push(S(he,{debounce:0,onResize:L})),S("header",{class:C.value,style:b.value,onFocusin:x},c)}}}),Bt=D({name:"QList",props:{...Pe,bordered:Boolean,dense:Boolean,separator:Boolean,padding:Boolean,tag:{type:String,default:"div"}},setup(t,{slots:r}){const n=W(),u=Oe(t,n.proxy.$q),e=d(()=>"q-list"+(t.bordered===!0?" q-list--bordered":"")+(t.dense===!0?" q-list--dense":"")+(t.separator===!0?" q-list--separator":"")+(u.value===!0?" q-list--dark":"")+(t.padding===!0?" q-list--padding":""));return()=>S(t.tag,{class:e.value},X(r.default))}});function de(t,r,n){const u=ve(t);let e,a=u.left-r.event.x,i=u.top-r.event.y,p=Math.abs(a),g=Math.abs(i);const s=r.direction;s.horizontal===!0&&s.vertical!==!0?e=a<0?"left":"right":s.horizontal!==!0&&s.vertical===!0?e=i<0?"up":"down":s.up===!0&&i<0?(e="up",p>g&&(s.left===!0&&a<0?e="left":s.right===!0&&a>0&&(e="right"))):s.down===!0&&i>0?(e="down",p>g&&(s.left===!0&&a<0?e="left":s.right===!0&&a>0&&(e="right"))):s.left===!0&&a<0?(e="left",p<g&&(s.up===!0&&i<0?e="up":s.down===!0&&i>0&&(e="down"))):s.right===!0&&a>0&&(e="right",p<g&&(s.up===!0&&i<0?e="up":s.down===!0&&i>0&&(e="down")));let l=!1;if(e===void 0&&n===!1){if(r.event.isFirst===!0||r.event.lastDir===void 0)return{};e=r.event.lastDir,l=!0,e==="left"||e==="right"?(u.left-=a,p=0,a=0):(u.top-=i,g=0,i=0)}return{synthetic:l,payload:{evt:t,touch:r.event.mouse!==!0,mouse:r.event.mouse===!0,position:u,direction:e,isFirst:r.event.isFirst,isFinal:n===!0,duration:Date.now()-r.event.time,distance:{x:p,y:g},offset:{x:a,y:i},delta:{x:u.left-r.event.lastX,y:u.top-r.event.lastY}}}}let _t=0;var fe=Ye({name:"touch-pan",beforeMount(t,{value:r,modifiers:n}){if(n.mouse!==!0&&N.has.touch!==!0)return;function u(a,i){n.mouse===!0&&i===!0?Ge(a):(n.stop===!0&&re(a),n.prevent===!0&&Ce(a))}const e={uid:"qvtp_"+_t++,handler:r,modifiers:n,direction:ke(n),noop:ze,mouseStart(a){Be(a,e)&&Ke(a)&&(Y(e,"temp",[[document,"mousemove","move","notPassiveCapture"],[document,"mouseup","end","passiveCapture"]]),e.start(a,!0))},touchStart(a){if(Be(a,e)){const i=a.target;Y(e,"temp",[[i,"touchmove","move","notPassiveCapture"],[i,"touchcancel","end","passiveCapture"],[i,"touchend","end","passiveCapture"]]),e.start(a)}},start(a,i){if(N.is.firefox===!0&&ie(t,!0),e.lastEvt=a,i===!0||n.stop===!0){if(e.direction.all!==!0&&(i!==!0||e.modifiers.mouseAllDir!==!0&&e.modifiers.mousealldir!==!0)){const s=a.type.indexOf("mouse")!==-1?new MouseEvent(a.type,a):new TouchEvent(a.type,a);a.defaultPrevented===!0&&Ce(s),a.cancelBubble===!0&&re(s),Object.assign(s,{qKeyEvent:a.qKeyEvent,qClickOutside:a.qClickOutside,qAnchorHandled:a.qAnchorHandled,qClonedBy:a.qClonedBy===void 0?[e.uid]:a.qClonedBy.concat(e.uid)}),e.initialEvent={target:a.target,event:s}}re(a)}const{left:p,top:g}=ve(a);e.event={x:p,y:g,time:Date.now(),mouse:i===!0,detected:!1,isFirst:!0,isFinal:!1,lastX:p,lastY:g}},move(a){if(e.event===void 0)return;const i=ve(a),p=i.left-e.event.x,g=i.top-e.event.y;if(p===0&&g===0)return;e.lastEvt=a;const s=e.event.mouse===!0,l=()=>{u(a,s);let f;n.preserveCursor!==!0&&n.preservecursor!==!0&&(f=document.documentElement.style.cursor||"",document.documentElement.style.cursor="grabbing"),s===!0&&document.body.classList.add("no-pointer-events--children"),document.body.classList.add("non-selectable"),dt(),e.styleCleanup=v=>{if(e.styleCleanup=void 0,f!==void 0&&(document.documentElement.style.cursor=f),document.body.classList.remove("non-selectable"),s===!0){const L=()=>{document.body.classList.remove("no-pointer-events--children")};v!==void 0?setTimeout(()=>{L(),v()},50):L()}else v!==void 0&&v()}};if(e.event.detected===!0){e.event.isFirst!==!0&&u(a,e.event.mouse);const{payload:f,synthetic:v}=de(a,e,!1);f!==void 0&&(e.handler(f)===!1?e.end(a):(e.styleCleanup===void 0&&e.event.isFirst===!0&&l(),e.event.lastX=f.position.left,e.event.lastY=f.position.top,e.event.lastDir=v===!0?void 0:f.direction,e.event.isFirst=!1));return}if(e.direction.all===!0||s===!0&&(e.modifiers.mouseAllDir===!0||e.modifiers.mousealldir===!0)){l(),e.event.detected=!0,e.move(a);return}const C=Math.abs(p),b=Math.abs(g);C!==b&&(e.direction.horizontal===!0&&C>b||e.direction.vertical===!0&&C<b||e.direction.up===!0&&C<b&&g<0||e.direction.down===!0&&C<b&&g>0||e.direction.left===!0&&C>b&&p<0||e.direction.right===!0&&C>b&&p>0?(e.event.detected=!0,e.move(a)):e.end(a,!0))},end(a,i){if(e.event!==void 0){if(ue(e,"temp"),N.is.firefox===!0&&ie(t,!1),i===!0)e.styleCleanup!==void 0&&e.styleCleanup(),e.event.detected!==!0&&e.initialEvent!==void 0&&e.initialEvent.target.dispatchEvent(e.initialEvent.event);else if(e.event.detected===!0){e.event.isFirst===!0&&e.handler(de(a===void 0?e.lastEvt:a,e).payload);const{payload:p}=de(a===void 0?e.lastEvt:a,e,!0),g=()=>{e.handler(p)};e.styleCleanup!==void 0?e.styleCleanup(g):g()}e.event=void 0,e.initialEvent=void 0,e.lastEvt=void 0}}};if(t.__qtouchpan=e,n.mouse===!0){const a=n.mouseCapture===!0||n.mousecapture===!0?"Capture":"";Y(e,"main",[[t,"mousedown","mouseStart",`passive${a}`]])}N.has.touch===!0&&Y(e,"main",[[t,"touchstart","touchStart",`passive${n.capture===!0?"Capture":""}`],[t,"touchmove","noop","notPassiveCapture"]])},updated(t,r){const n=t.__qtouchpan;n!==void 0&&(r.oldValue!==r.value&&(typeof value!="function"&&n.end(),n.handler=r.value),n.direction=ke(r.modifiers))},beforeUnmount(t){const r=t.__qtouchpan;r!==void 0&&(r.event!==void 0&&r.end(),ue(r,"main"),ue(r,"temp"),N.is.firefox===!0&&ie(t,!1),r.styleCleanup!==void 0&&r.styleCleanup(),delete t.__qtouchpan)}});const _e=150;var Lt=D({name:"QDrawer",inheritAttrs:!1,props:{...ft,...Pe,side:{type:String,default:"left",validator:t=>["left","right"].includes(t)},width:{type:Number,default:300},mini:Boolean,miniToOverlay:Boolean,miniWidth:{type:Number,default:57},noMiniAnimation:Boolean,breakpoint:{type:Number,default:1023},showIfAbove:Boolean,behavior:{type:String,validator:t=>["default","desktop","mobile"].includes(t),default:"default"},bordered:Boolean,elevated:Boolean,overlay:Boolean,persistent:Boolean,noSwipeOpen:Boolean,noSwipeClose:Boolean,noSwipeBackdrop:Boolean},emits:[...vt,"onLayout","miniState"],setup(t,{slots:r,emit:n,attrs:u}){const e=W(),{proxy:{$q:a}}=e,i=Oe(t,a),{preventBodyScroll:p}=pt(),{registerTimeout:g,removeTimeout:s}=ht(),l=me(J,O);if(l===O)return console.error("QDrawer needs to be child of QLayout"),O;let C,b=null,f;const v=T(t.behavior==="mobile"||t.behavior!=="desktop"&&l.totalWidth.value<=t.breakpoint),L=d(()=>t.mini===!0&&v.value!==!0),x=d(()=>L.value===!0?t.miniWidth:t.width),y=T(t.showIfAbove===!0&&v.value===!1?!0:t.modelValue===!0),c=d(()=>t.persistent!==!0&&(v.value===!0||Ee.value===!0));function k(o,h){if(H(),o!==!1&&l.animate(),z(0),v.value===!0){const B=l.instances[j.value];B!==void 0&&B.belowBreakpoint===!0&&B.hide(!1),E(1),l.isContainer.value!==!0&&p(!0)}else E(0),o!==!1&&oe(!1);g(()=>{o!==!1&&oe(!0),h!==!0&&n("show",o)},_e)}function m(o,h){R(),o!==!1&&l.animate(),E(0),z(V.value*x.value),ne(),h!==!0?g(()=>{n("hide",o)},_e):s()}const{show:q,hide:_}=mt({showing:y,hideOnRouteChange:c,handleShow:k,handleHide:m}),{addToHistory:H,removeFromHistory:R}=gt(y,_,c),F={belowBreakpoint:v,hide:_},P=d(()=>t.side==="right"),V=d(()=>(a.lang.rtl===!0?-1:1)*(P.value===!0?1:-1)),pe=T(0),A=T(!1),Z=T(!1),ye=T(x.value*V.value),j=d(()=>P.value===!0?"left":"right"),ee=d(()=>y.value===!0&&v.value===!1&&t.overlay===!1?t.miniToOverlay===!0?t.miniWidth:x.value:0),te=d(()=>t.overlay===!0||t.miniToOverlay===!0||l.view.value.indexOf(P.value?"R":"L")!==-1||a.platform.is.ios===!0&&l.isContainer.value===!0),I=d(()=>t.overlay===!1&&y.value===!0&&v.value===!1),Ee=d(()=>t.overlay===!0&&y.value===!0&&v.value===!1),Qe=d(()=>"fullscreen q-drawer__backdrop"+(y.value===!1&&A.value===!1?" hidden":"")),De=d(()=>({backgroundColor:`rgba(0,0,0,${pe.value*.4})`})),be=d(()=>P.value===!0?l.rows.value.top[2]==="r":l.rows.value.top[0]==="l"),He=d(()=>P.value===!0?l.rows.value.bottom[2]==="r":l.rows.value.bottom[0]==="l"),Fe=d(()=>{const o={};return l.header.space===!0&&be.value===!1&&(te.value===!0?o.top=`${l.header.offset}px`:l.header.space===!0&&(o.top=`${l.header.size}px`)),l.footer.space===!0&&He.value===!1&&(te.value===!0?o.bottom=`${l.footer.offset}px`:l.footer.space===!0&&(o.bottom=`${l.footer.size}px`)),o}),Ve=d(()=>{const o={width:`${x.value}px`,transform:`translateX(${ye.value}px)`};return v.value===!0?o:Object.assign(o,Fe.value)}),Ae=d(()=>"q-drawer__content fit "+(l.isContainer.value!==!0?"scroll":"overflow-auto")),We=d(()=>`q-drawer q-drawer--${t.side}`+(Z.value===!0?" q-drawer--mini-animate":"")+(t.bordered===!0?" q-drawer--bordered":"")+(i.value===!0?" q-drawer--dark q-dark":"")+(A.value===!0?" no-transition":y.value===!0?"":" q-layout--prevent-focus")+(v.value===!0?" fixed q-drawer--on-top q-drawer--mobile q-drawer--top-padding":` q-drawer--${L.value===!0?"mini":"standard"}`+(te.value===!0||I.value!==!0?" fixed":"")+(t.overlay===!0||t.miniToOverlay===!0?" q-drawer--on-top":"")+(be.value===!0?" q-drawer--top-padding":""))),Re=d(()=>{const o=a.lang.rtl===!0?t.side:j.value;return[[fe,je,void 0,{[o]:!0,mouse:!0}]]}),Ie=d(()=>{const o=a.lang.rtl===!0?j.value:t.side;return[[fe,we,void 0,{[o]:!0,mouse:!0}]]}),Ne=d(()=>{const o=a.lang.rtl===!0?j.value:t.side;return[[fe,we,void 0,{[o]:!0,mouse:!0,mouseAllDir:!0}]]});function ae(){Ue(v,t.behavior==="mobile"||t.behavior!=="desktop"&&l.totalWidth.value<=t.breakpoint)}w(v,o=>{o===!0?(C=y.value,y.value===!0&&_(!1)):t.overlay===!1&&t.behavior!=="mobile"&&C!==!1&&(y.value===!0?(z(0),E(0),ne()):q(!1))}),w(()=>t.side,(o,h)=>{l.instances[h]===F&&(l.instances[h]=void 0,l[h].space=!1,l[h].offset=0),l.instances[o]=F,l[o].size=x.value,l[o].space=I.value,l[o].offset=ee.value}),w(l.totalWidth,()=>{(l.isContainer.value===!0||document.qScrollPrevented!==!0)&&ae()}),w(()=>t.behavior+t.breakpoint,ae),w(l.isContainer,o=>{y.value===!0&&p(o!==!0),o===!0&&ae()}),w(l.scrollbarWidth,()=>{z(y.value===!0?0:void 0)}),w(ee,o=>{Q("offset",o)}),w(I,o=>{n("onLayout",o),Q("space",o)}),w(P,()=>{z()}),w(x,o=>{z(),le(t.miniToOverlay,o)}),w(()=>t.miniToOverlay,o=>{le(o,x.value)}),w(()=>a.lang.rtl,()=>{z()}),w(()=>t.mini,()=>{t.noMiniAnimation||t.modelValue===!0&&(Xe(),l.animate())}),w(L,o=>{n("miniState",o)});function z(o){o===void 0?qe(()=>{o=y.value===!0?0:x.value,z(V.value*o)}):(l.isContainer.value===!0&&P.value===!0&&(v.value===!0||Math.abs(o)===x.value)&&(o+=V.value*l.scrollbarWidth.value),ye.value=o)}function E(o){pe.value=o}function oe(o){const h=o===!0?"remove":l.isContainer.value!==!0?"add":"";h!==""&&document.body.classList[h]("q-body--drawer-toggle")}function Xe(){b!==null&&clearTimeout(b),e.proxy&&e.proxy.$el&&e.proxy.$el.classList.add("q-drawer--mini-animate"),Z.value=!0,b=setTimeout(()=>{b=null,Z.value=!1,e&&e.proxy&&e.proxy.$el&&e.proxy.$el.classList.remove("q-drawer--mini-animate")},150)}function je(o){if(y.value!==!1)return;const h=x.value,B=G(o.distance.x,0,h);if(o.isFinal===!0){B>=Math.min(75,h)===!0?q():(l.animate(),E(0),z(V.value*h)),A.value=!1;return}z((a.lang.rtl===!0?P.value!==!0:P.value)?Math.max(h-B,0):Math.min(0,B-h)),E(G(B/h,0,1)),o.isFirst===!0&&(A.value=!0)}function we(o){if(y.value!==!0)return;const h=x.value,B=o.direction===t.side,U=(a.lang.rtl===!0?B!==!0:B)?G(o.distance.x,0,h):0;if(o.isFinal===!0){Math.abs(U)<Math.min(75,h)===!0?(l.animate(),E(1),z(0)):_(),A.value=!1;return}z(V.value*U),E(G(1-U/h,0,1)),o.isFirst===!0&&(A.value=!0)}function ne(){p(!1),oe(!0)}function Q(o,h){l.update(t.side,o,h)}function Ue(o,h){o.value!==h&&(o.value=h)}function le(o,h){Q("size",o===!0?t.miniWidth:h)}return l.instances[t.side]=F,le(t.miniToOverlay,x.value),Q("space",I.value),Q("offset",ee.value),t.showIfAbove===!0&&t.modelValue!==!0&&y.value===!0&&t["onUpdate:modelValue"]!==void 0&&n("update:modelValue",!0),$e(()=>{n("onLayout",I.value),n("miniState",L.value),C=t.showIfAbove===!0;const o=()=>{(y.value===!0?k:m)(!1,!0)};if(l.totalWidth.value!==0){qe(o);return}f=w(l.totalWidth,()=>{f(),f=void 0,y.value===!1&&t.showIfAbove===!0&&v.value===!1?q(!1):o()})}),ge(()=>{f!==void 0&&f(),b!==null&&(clearTimeout(b),b=null),y.value===!0&&ne(),l.instances[t.side]===F&&(l.instances[t.side]=void 0,Q("size",0),Q("offset",0),Q("space",!1))}),()=>{const o=[];v.value===!0&&(t.noSwipeOpen===!1&&o.push(Je(S("div",{key:"open",class:`q-drawer__opener fixed-${t.side}`,"aria-hidden":"true"}),Re.value)),o.push(xe("div",{ref:"backdrop",class:Qe.value,style:De.value,"aria-hidden":"true",onClick:_},void 0,"backdrop",t.noSwipeBackdrop!==!0&&y.value===!0,()=>Ne.value)));const h=L.value===!0&&r.mini!==void 0,B=[S("div",{...u,key:""+h,class:[Ae.value,u.class]},h===!0?r.mini():X(r.default))];return t.elevated===!0&&y.value===!0&&B.push(S("div",{class:"q-layout__shadow absolute-full overflow-hidden no-pointer-events"})),o.push(xe("aside",{ref:"content",class:We.value,style:Ve.value},B,"contentclose",t.noSwipeClose!==!0&&v.value===!0,()=>Ie.value)),S("div",{class:"q-drawer-container"},o)}}}),zt=D({name:"QPageContainer",setup(t,{slots:r}){const{proxy:{$q:n}}=W(),u=me(J,O);if(u===O)return console.error("QPageContainer needs to be child of QLayout"),O;Me(Ze,!0);const e=d(()=>{const a={};return u.header.space===!0&&(a.paddingTop=`${u.header.size}px`),u.right.space===!0&&(a[`padding${n.lang.rtl===!0?"Left":"Right"}`]=`${u.right.size}px`),u.footer.space===!0&&(a.paddingBottom=`${u.footer.size}px`),u.left.space===!0&&(a[`padding${n.lang.rtl===!0?"Right":"Left"}`]=`${u.left.size}px`),a});return()=>S("div",{class:"q-page-container",style:e.value},X(r.default))}});const{passive:Le}=et,$t=["both","horizontal","vertical"];var Mt=D({name:"QScrollObserver",props:{axis:{type:String,validator:t=>$t.includes(t),default:"vertical"},debounce:[String,Number],scrollTarget:yt},emits:["scroll"],setup(t,{emit:r}){const n={position:{top:0,left:0},direction:"down",directionChanged:!1,delta:{top:0,left:0},inflectionPoint:{top:0,left:0}};let u=null,e,a;w(()=>t.scrollTarget,()=>{g(),p()});function i(){u!==null&&u();const C=Math.max(0,wt(e)),b=Ct(e),f={top:C-n.position.top,left:b-n.position.left};if(t.axis==="vertical"&&f.top===0||t.axis==="horizontal"&&f.left===0)return;const v=Math.abs(f.top)>=Math.abs(f.left)?f.top<0?"up":"down":f.left<0?"left":"right";n.position={top:C,left:b},n.directionChanged=n.direction!==v,n.delta=f,n.directionChanged===!0&&(n.direction=v,n.inflectionPoint=n.position),r("scroll",{...n})}function p(){e=bt(a,t.scrollTarget),e.addEventListener("scroll",s,Le),s(!0)}function g(){e!==void 0&&(e.removeEventListener("scroll",s,Le),e=void 0)}function s(C){if(C===!0||t.debounce===0||t.debounce==="0")i();else if(u===null){const[b,f]=t.debounce?[setTimeout(i,t.debounce),clearTimeout]:[requestAnimationFrame(i),cancelAnimationFrame];u=()=>{f(b),u=null}}}const{proxy:l}=W();return w(()=>l.$q.lang.rtl,i),$e(()=>{a=l.$el.parentNode,p()}),ge(()=>{u!==null&&u(),g()}),Object.assign(l,{trigger:s,getPosition:()=>n}),ze}}),Pt=D({name:"QLayout",props:{container:Boolean,view:{type:String,default:"hhh lpr fff",validator:t=>/^(h|l)h(h|r) lpr (f|l)f(f|r)$/.test(t.toLowerCase())},onScroll:Function,onScrollHeight:Function,onResize:Function},setup(t,{slots:r,emit:n}){const{proxy:{$q:u}}=W(),e=T(null),a=T(u.screen.height),i=T(t.container===!0?0:u.screen.width),p=T({position:0,direction:"down",inflectionPoint:0}),g=T(0),s=T(tt.value===!0?0:ce()),l=d(()=>"q-layout q-layout--"+(t.container===!0?"containerized":"standard")),C=d(()=>t.container===!1?{minHeight:u.screen.height+"px"}:null),b=d(()=>s.value!==0?{[u.lang.rtl===!0?"left":"right"]:`${s.value}px`}:null),f=d(()=>s.value!==0?{[u.lang.rtl===!0?"right":"left"]:0,[u.lang.rtl===!0?"left":"right"]:`-${s.value}px`,width:`calc(100% + ${s.value}px)`}:null);function v(m){if(t.container===!0||document.qScrollPrevented!==!0){const q={position:m.position.top,direction:m.direction,directionChanged:m.directionChanged,inflectionPoint:m.inflectionPoint.top,delta:m.delta.top};p.value=q,t.onScroll!==void 0&&n("scroll",q)}}function L(m){const{height:q,width:_}=m;let H=!1;a.value!==q&&(H=!0,a.value=q,t.onScrollHeight!==void 0&&n("scrollHeight",q),y()),i.value!==_&&(H=!0,i.value=_),H===!0&&t.onResize!==void 0&&n("resize",m)}function x({height:m}){g.value!==m&&(g.value=m,y())}function y(){if(t.container===!0){const m=a.value>g.value?ce():0;s.value!==m&&(s.value=m)}}let c=null;const k={instances:{},view:d(()=>t.view),isContainer:d(()=>t.container),rootRef:e,height:a,containerHeight:g,scrollbarWidth:s,totalWidth:d(()=>i.value+s.value),rows:d(()=>{const m=t.view.toLowerCase().split(" ");return{top:m[0].split(""),middle:m[1].split(""),bottom:m[2].split("")}}),header:K({size:0,offset:0,space:!1}),right:K({size:300,offset:0,space:!1}),footer:K({size:0,offset:0,space:!1}),left:K({size:300,offset:0,space:!1}),scroll:p,animate(){c!==null?clearTimeout(c):document.body.classList.add("q-body--layout-animate"),c=setTimeout(()=>{c=null,document.body.classList.remove("q-body--layout-animate")},155)},update(m,q,_){k[m][q]=_}};if(Me(J,k),ce()>0){let _=function(){m=null,q.classList.remove("hide-scrollbar")},H=function(){if(m===null){if(q.scrollHeight>u.screen.height)return;q.classList.add("hide-scrollbar")}else clearTimeout(m);m=setTimeout(_,300)},R=function(F){m!==null&&F==="remove"&&(clearTimeout(m),_()),window[`${F}EventListener`]("resize",H)},m=null;const q=document.body;w(()=>t.container!==!0?"add":"remove",R),t.container!==!0&&R("add"),at(()=>{R("remove")})}return()=>{const m=ct(r.default,[S(Mt,{onScroll:v}),S(he,{onResize:L})]),q=S("div",{class:l.value,style:C.value,ref:t.container===!0?void 0:e,tabindex:-1},m);return t.container===!0?S("div",{class:"q-layout-container overflow-hidden",ref:e},[S(he,{onResize:x}),S("div",{class:"absolute-full",style:b.value},[S("div",{class:"scroll",style:f.value},[q])])]):q}}});const At=Object.assign({name:"MainLayout"},{__name:"MainLayout",setup(t){const r=[{title:"Avatar",path:"/avatar"},{title:"Avatar Group",path:"/avatar-group"},{title:"Badge",path:"/badge"},{title:"Banner",path:"/banner"},{title:"Button",path:"/button-standard"},{title:"Button Icon",path:"/button-icon"},{title:"Checkbox",path:"/check-box"},{title:"Chip",path:"chip"},{title:"Input Text",path:"input-text"},{title:"MultiSelect",path:"multiselect-standard"},{title:"Radio",path:"radio"},{title:"Select",path:"select"},{title:"Tabs",path:"/tabs/home"},{title:"Tab Button",path:"/tab-button"},{title:"Tooltip",path:"/tooltip"},{title:"Toggle",path:"/toggle"}],n=T(!0);return(u,e)=>{const a=ot("router-view");return Se(),nt(Pt,{view:"hHh lpr fFf"},{default:$(()=>[M(kt,{bordered:""},{default:$(()=>[M(Tt,{class:"bg-primary"},{default:$(()=>[M(xt,null,{default:$(()=>[se("USSSA Component Library")]),_:1})]),_:1})]),_:1}),M(Lt,{modelValue:n.value,"onUpdate:modelValue":e[0]||(e[0]=i=>n.value=i),bordered:""},{default:$(()=>[M(Bt,{separator:""},{default:$(()=>[M(Te,{class:"bg-grey-8 text-grey-3",header:""},{default:$(()=>[se(" Select Component ")]),_:1}),(Se(),lt(rt,null,it(r,i=>M(qt,{key:i.title,"active-class":"bg-info text-grey-1 text-weight-bold",clickable:"",to:i.path},{default:$(()=>[M(St,null,{default:$(()=>[M(Te,null,{default:$(()=>[se(ut(i.title),1)]),_:2},1024)]),_:2},1024)]),_:2},1032,["to"])),64))]),_:1})]),_:1},8,["modelValue"]),M(zt,null,{default:$(()=>[M(a)]),_:1})]),_:1})}}});export{At as default};
|
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
import{f as v,Q as m,_ as A}from"./ComponentBase.1ae19b7e.js";import{i as G,Q as P}from"./QSelect.a40eb786.js";import{Q as w}from"./QCheckbox.48b43f7d.js";import{Q as J}from"./QPage.ca395ec4.js";import{Q as H}from"./QTooltip.5aa8e325.js";import{l as C,m as z,Q as L}from"./format.41663636.js";import{F as d,K as U,U as r,J as c,N as s,a9 as b,G as h,H as n,I as a,ae as D,aa as Q,ab as $,r as i}from"./index.43c62a18.js";import"./dom.e9d4ad51.js";import"./render.e67ff27a.js";import"./use-checkbox.44a623c0.js";import"./option-sizes.10cc02d3.js";const O={class:"q-gutter-xs"},Z={for:"select",class:"row items-center"},j={class:"u-select-label text-body-sm"},E={key:0,class:"text-red-5 q-ml-xs"},K={class:"row no-wrap items-center"},W={class:"q-mx-xxs text-body-xs"},X={key:0,class:"q-pr-xs"},Y={__name:"UMultiSelectStd",props:{modelValue:{type:[Array,String,null],required:!0},color:{type:String,default:"neutral-7"},hintText:{type:String},hintIcon:{type:String,default:"fa-kit-duotone fa-triangle-exclamation"},isRequired:{type:Boolean,default:!1},label:{type:String,default:"Label"},leftIcon:{type:String},options:{type:Array,required:!0},placeholder:{type:String,default:"Select"},size:{type:String,default:"md",validator:e=>["sm","md","lg"].includes(e)},toolTipText:{type:String},updateFn:{type:Function,required:!0},filterFn:{type:Function,required:!1},useInput:{type:Boolean,required:!1},multiSelect:{type:Boolean,default:!0},noSearchText:{type:String,required:!1},optionValue:{type:String,default:"value"},optionLabel:{type:String,default:"label"}},setup(e){return(p,u)=>(d(),U("div",O,[r("label",Z,[r("div",j,[c(s(e.label)+" ",1),e.isRequired?(d(),U("span",E,"*")):b("",!0)]),e.toolTipText?(d(),h(v,{key:0,class:"q-ml-xs fa-kit-duotone fa-circle-info cursor-pointer",size:"1rem",color:"neutral-9","aria-hidden":"true"},{default:n(()=>[a(H,{anchor:"top right",self:"top left",offset:[0,24]},{default:n(()=>[c(s(e.toolTipText),1)]),_:1})]),_:1})):b("",!0)]),a(P,$({class:["u-select",`field-${e.size}`],id:"select",modelValue:e.modelValue,color:e.color,multiple:"",options:e.options,"use-input":e.useInput,"option-label":e.optionLabel,"option-value":e.optionValue,placeholder:e.placeholder,"dropdown-icon":"img:icons/caret-down.svg","bottom-slots":"",outlined:"","hide-bottom-space":"","use-chips":"","menu-offset":[0,5],"options-selected-class":"primary bg-blue-1","popup-content-class":"u-options-menu"},p.$attrs,{onAdd:u[0]||(u[0]=t=>e.updateFn({...t,multiSelect:e.multiSelect})),onRemove:u[1]||(u[1]=t=>e.updateFn({remove:!0,...t})),"onUpdate:modelValue":u[2]||(u[2]=t=>e.updateFn(t)),onFilter:e.filterFn}),D({"no-option":n(()=>[a(C,null,{default:n(()=>[a(z,{class:"text-grey"},{default:n(()=>[c(s(e.noSearchText),1)]),_:1})]),_:1})]),option:n(t=>[a(C,$({class:"items-center u-custom-option"},t.itemProps),{default:n(()=>[t.opt.icon?(d(),U("div",X,[a(v,{class:Q(t.opt.icon),color:"neutral-13",size:"1rem"},null,8,["class"])])):b("",!0),a(z,null,{default:n(()=>[a(L,{class:"text-body-sm"},{default:n(()=>[c(s(t.opt.label),1)]),_:2},1024),t.opt.description?(d(),h(L,{key:0,caption:""},{default:n(()=>[c(s(t.opt.description),1)]),_:2},1024)):b("",!0)]),_:2},1024),t.selected?(d(),h(z,{key:1,side:""},{default:n(()=>[a(v,{class:"fa-kit-duotone fa-circle-check",color:"primary",size:"$ba"})]),_:1})):b("",!0)]),_:2},1040)]),"selected-item":n(t=>[a(G,{removable:"",onRemove:R=>t.removeAtIndex(t.index),tabindex:t.tabindex,color:"neutral-3",class:"u-chip text-overline-sm text-uppercase","icon-remove":"img:icons/circle-xmark.svg"},{default:n(()=>[c(s(t.opt.label),1)]),_:2},1032,["onRemove","tabindex"])]),_:2},[e.leftIcon?{name:"prepend",fn:n(()=>[a(v,{class:Q(e.leftIcon),size:"16px"},null,8,["class"])]),key:"0"}:void 0,e.hintText?{name:"hint",fn:n(()=>[r("div",K,[a(v,{class:Q(e.hintIcon),size:"1rem"},null,8,["class"]),r("div",W,s(e.hintText),1)])]),key:"1"}:void 0]),1040,["class","modelValue","color","options","use-input","option-label","option-value","placeholder","onFilter"])]))}},_={class:"q-gutter-y-lg"},ee={class:"row"},le=` <UMultiSelectStd
|
|
2
|
-
:options="options"
|
|
3
|
-
v-model="modelMultiple"
|
|
4
|
-
:label="label"
|
|
5
|
-
:updateFn="updateFn"
|
|
6
|
-
:filterFn="filterFn"
|
|
7
|
-
:useInput="useInput"
|
|
8
|
-
:size="size"
|
|
9
|
-
:hintText="hintText"
|
|
10
|
-
:isRequired="isRequired"
|
|
11
|
-
:toolTipText="toolTipText"
|
|
12
|
-
:hintIcon="hintIcon"
|
|
13
|
-
:leftIcon="leftIcon"
|
|
14
|
-
:placeholder="placeholderText"
|
|
15
|
-
color="$primary"
|
|
16
|
-
noSearchText="No result"
|
|
17
|
-
/>`,pe={__name:"MultiSelectStd",setup(e){const p=[{label:"Guatemala",value:"Guatemala",icon:"fa-kit-duotone fa-home"},{label:"Philippines",value:"Philippines",icon:"fa-kit-duotone fa-home"},{label:"Colombia",value:"Colombia",icon:"fa-kit-duotone fa-home"},{label:"Turkmenistan",value:"Turkmenistan",icon:"fa-kit-duotone fa-home"},{label:"France",value:"France",icon:"fa-kit-duotone fa-home"},{label:"Philippines",value:"Philippines",icon:"fa-kit-duotone fa-home"},{label:"Greece",value:"Greece",icon:"fa-kit-duotone fa-home"},{label:"Indonesia",value:"Indonesia",icon:"fa-kit-duotone fa-home"},{label:"Russia",value:"Russia",icon:"fa-kit-duotone fa-home"},{label:"Albania",value:"Albania",icon:"fa-kit-duotone fa-home"},{label:"Sweden",value:"Sweden",icon:"fa-kit-duotone fa-home"},{label:"Japan",value:"Japan",icon:"fa-kit-duotone fa-home"},{label:"Czech Republic",value:"Czech Republic",icon:"fa-kit-duotone fa-home"}],u=i(p),t=i([]),R=f=>{const{multiSelect:l,remove:o,value:x}=f;l?t.value.push(x):o&&(t.value=t.value.filter(M=>M!==x))},B=(f,l)=>{if(f===""){l(()=>{u.value=p});return}l(()=>{const o=f.toLowerCase();u.value=p.filter(x=>x.value.toLowerCase().indexOf(o)>-1)})},N=["sm","md","lg"],V=i("sm"),T=i(!0),y=i("This is hint text"),S=i("This is tooltip text"),I=i("Label"),g=i("fa-kit-duotone fa-triangle-exclamation"),k=i(""),F=i(!0),q=i("Placeholder");return(f,l)=>(d(),h(J,{class:"flex flex-center"},{default:n(()=>[a(A,{figmaUrl:"https://www.figma.com/design/2FoTrjVL4ZrTdsvB4DcSao/Components?node-id=2290-151315&t=qG4NJ0uRZzUxQs9M-0"},{component:n(()=>[a(Y,{options:u.value,modelValue:t.value,"onUpdate:modelValue":l[0]||(l[0]=o=>t.value=o),label:I.value,updateFn:R,filterFn:B,useInput:T.value,size:V.value,hintText:y.value,isRequired:F.value,toolTipText:S.value,hintIcon:g.value,leftIcon:k.value,placeholder:q.value,color:"$primary",noSearchText:"No result"},null,8,["options","modelValue","label","useInput","size","hintText","isRequired","toolTipText","hintIcon","leftIcon","placeholder"])]),properties:n(()=>[r("div",_,[a(m,{label:"Label",modelValue:I.value,"onUpdate:modelValue":l[1]||(l[1]=o=>I.value=o)},null,8,["modelValue"]),a(P,{modelValue:V.value,"onUpdate:modelValue":l[2]||(l[2]=o=>V.value=o),options:N,label:"Size"},null,8,["modelValue"]),a(m,{label:"Hint Icon",modelValue:g.value,"onUpdate:modelValue":l[3]||(l[3]=o=>g.value=o)},null,8,["modelValue"]),a(m,{label:"Hint Text",modelValue:y.value,"onUpdate:modelValue":l[4]||(l[4]=o=>y.value=o)},null,8,["modelValue"]),a(m,{label:"Tooltip Text",modelValue:S.value,"onUpdate:modelValue":l[5]||(l[5]=o=>S.value=o)},null,8,["modelValue"]),a(m,{label:"Placeholder",modelValue:q.value,"onUpdate:modelValue":l[6]||(l[6]=o=>q.value=o)},null,8,["modelValue"]),a(m,{label:"Left Icon",modelValue:k.value,"onUpdate:modelValue":l[7]||(l[7]=o=>k.value=o)},null,8,["modelValue"]),r("div",ee,[a(w,{size:"xs",modelValue:F.value,"onUpdate:modelValue":l[8]||(l[8]=o=>F.value=o),label:"Required"},null,8,["modelValue"]),a(w,{size:"xs",modelValue:T.value,"onUpdate:modelValue":l[9]||(l[9]=o=>T.value=o),label:"Use Input"},null,8,["modelValue"])])])]),code:n(()=>[r("pre",null,s(le))]),_:1})]),_:1}))}};export{pe as default};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
.u-select.q-field--auto-height .q-field__control,.u-select.q-field--auto-height .q-field__native{min-height:2rem;align-items:center}.u-select.q-field--outlined .q-field__control{border-radius:.5rem;padding:0 .5rem}.u-select.q-field--outlined .q-field__control:before{background:white;border:1.5px solid #DCE1E9}.u-select.field-sm .q-field__marginal{height:2rem}.u-select.field-md .q-field__marginal{height:2.5rem}.u-select.field-lg .q-field__marginal{height:3rem}.u-select:hover .q-field__control:before{border:1.5px solid #234BA9}.u-select.q-field--with-bottom{padding-bottom:0}.u-select .q-field__control:focus-within{box-shadow:0 0 0 2px #234ba933}.u-select .q-field__bottom{padding:4px 0 0}.u-select .q-chip__content{color:#566176}.u-select .q-field__prepend{padding-right:.5rem}.u-options-menu{border-radius:.5rem;box-shadow:0 0 4px #10111414;max-height:11.25rem!important;width:18rem;overflow-y:auto;scrollbar-width:none}.no-option-menu{border-radius:.5rem;box-shadow:0 0 4px #10111414;height:3.125rem}.u-custom-option{margin:.25rem;border-radius:.25rem;padding:.5rem;min-height:2.5rem}.u-chip{min-height:1.5rem}.u-chip .q-icon{font-size:.75rem}.u-chip .q-chip__icon--remove{margin-left:.5rem}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{d as c,e as s,f as u}from"./ComponentBase.1ae19b7e.js";import{c as d,a as o,h as t}from"./index.43c62a18.js";import{d as v}from"./render.e67ff27a.js";var q=d({name:"QAvatar",props:{...c,fontSize:String,color:String,textColor:String,icon:String,square:Boolean,rounded:Boolean},setup(e,{slots:a}){const n=s(e),r=o(()=>"q-avatar"+(e.color?` bg-${e.color}`:"")+(e.textColor?` text-${e.textColor} q-chip--colored`:"")+(e.square===!0?" q-avatar--square":e.rounded===!0?" rounded-borders":"")),l=o(()=>e.fontSize?{fontSize:e.fontSize}:null);return()=>{const i=e.icon!==void 0?[t(u,{name:e.icon})]:void 0;return t("div",{class:r.value,style:n.value},[t("div",{class:"q-avatar__content row flex-center overflow-hidden",style:l.value},v(a.default,i))])}}});export{q as Q};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{f as t}from"./ComponentBase.1ae19b7e.js";import{h as e,c as l,a as u}from"./index.43c62a18.js";import{u as r,a as i,b}from"./use-checkbox.44a623c0.js";const h=e("div",{key:"svg",class:"q-checkbox__bg absolute"},[e("svg",{class:"q-checkbox__svg fit absolute-full",viewBox:"0 0 24 24"},[e("path",{class:"q-checkbox__truthy",fill:"none",d:"M1.73,12.91 8.1,19.28 22.79,4.59"}),e("path",{class:"q-checkbox__indet",d:"M4,14H20V10H4"})])]);var _=l({name:"QCheckbox",props:r,emits:i,setup(c){function s(n,a){const o=u(()=>(n.value===!0?c.checkedIcon:a.value===!0?c.indeterminateIcon:c.uncheckedIcon)||null);return()=>o.value!==null?[e("div",{key:"icon",class:"q-checkbox__icon-container absolute-full flex flex-center no-wrap"},[e(t,{class:"q-checkbox__icon",name:o.value})])]:[h]}return b("checkbox",s)}});export{_ as Q};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{c as g,i as r,e as t,l as h,z as p,a as s,h as d,g as f}from"./index.43c62a18.js";import{h as y}from"./render.e67ff27a.js";var Q=g({name:"QPage",props:{padding:Boolean,styleFn:Function},setup(a,{slots:i}){const{proxy:{$q:o}}=f(),e=r(h,t);if(e===t)return console.error("QPage needs to be a deep child of QLayout"),t;if(r(p,t)===t)return console.error("QPage needs to be child of QPageContainer"),t;const c=s(()=>{const n=(e.header.space===!0?e.header.size:0)+(e.footer.space===!0?e.footer.size:0);if(typeof a.styleFn=="function"){const l=e.isContainer.value===!0?e.containerHeight.value:o.screen.height;return a.styleFn(n,l)}return{minHeight:e.isContainer.value===!0?e.containerHeight.value-n+"px":o.screen.height===0?n!==0?`calc(100vh - ${n}px)`:"100vh":o.screen.height-n+"px"}}),u=s(()=>`q-page${a.padding===!0?" q-layout-padding":""}`);return()=>d("main",{class:u.value,style:c.value},y(i.default))}});export{Q};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{d as w,i as B,e as R,f as j,m as z}from"./ComponentBase.1ae19b7e.js";import{u as P,a as Q}from"./dom.e9d4ad51.js";import{o as T,u as V}from"./option-sizes.10cc02d3.js";import{h as t,c as $,r as D,a as n,a8 as f,g as F,t as m}from"./index.43c62a18.js";import{c as M,h as A}from"./render.e67ff27a.js";const K=t("svg",{key:"svg",class:"q-radio__bg absolute non-selectable",viewBox:"0 0 24 24"},[t("path",{d:"M12,22a10,10 0 0 1 -10,-10a10,10 0 0 1 10,-10a10,10 0 0 1 10,10a10,10 0 0 1 -10,10m0,-22a12,12 0 0 0 -12,12a12,12 0 0 0 12,12a12,12 0 0 0 12,-12a12,12 0 0 0 -12,-12"}),t("path",{class:"q-radio__check",d:"M12,6a6,6 0 0 0 -6,6a6,6 0 0 0 6,6a6,6 0 0 0 6,-6a6,6 0 0 0 -6,-6"})]);var H=$({name:"QRadio",props:{...P,...w,...B,modelValue:{required:!0},val:{required:!0},label:String,leftLabel:Boolean,checkedIcon:String,uncheckedIcon:String,color:String,keepColor:Boolean,dense:Boolean,disable:Boolean,tabindex:[String,Number]},emits:["update:modelValue"],setup(e,{slots:i,emit:b}){const{proxy:u}=F(),k=Q(e,u.$q),h=R(e,T),s=D(null),{refocusTargetEl:c,refocusTarget:g}=V(e,s),o=n(()=>f(e.modelValue)===f(e.val)),q=n(()=>"q-radio cursor-pointer no-outline row inline no-wrap items-center"+(e.disable===!0?" disabled":"")+(k.value===!0?" q-radio--dark":"")+(e.dense===!0?" q-radio--dense":"")+(e.leftLabel===!0?" reverse":"")),_=n(()=>{const a=e.color!==void 0&&(e.keepColor===!0||o.value===!0)?` text-${e.color}`:"";return`q-radio__inner relative-position q-radio__inner--${o.value===!0?"truthy":"falsy"}${a}`}),d=n(()=>(o.value===!0?e.checkedIcon:e.uncheckedIcon)||null),y=n(()=>e.disable===!0?-1:e.tabindex||0),S=n(()=>{const a={type:"radio"};return e.name!==void 0&&Object.assign(a,{".checked":o.value===!0,"^checked":o.value===!0?"checked":void 0,name:e.name,value:e.val}),a}),x=z(S);function l(a){a!==void 0&&(m(a),g(a)),e.disable!==!0&&o.value!==!0&&b("update:modelValue",e.val,a)}function C(a){(a.keyCode===13||a.keyCode===32)&&m(a)}function I(a){(a.keyCode===13||a.keyCode===32)&&l(a)}return Object.assign(u,{set:l}),()=>{const a=d.value!==null?[t("div",{key:"icon",class:"q-radio__icon-container absolute-full flex flex-center no-wrap"},[t(j,{class:"q-radio__icon",name:d.value})])]:[K];e.disable!==!0&&x(a,"unshift"," q-radio__native q-ma-none q-pa-none");const r=[t("div",{class:_.value,style:h.value,"aria-hidden":"true"},a)];c.value!==null&&r.push(c.value);const v=e.label!==void 0?M(i.default,[e.label]):A(i.default);return v!==void 0&&r.push(t("div",{class:"q-radio__label q-anchor--skip"},v)),t("div",{ref:s,class:q.value,tabindex:y.value,role:"radio","aria-label":e.label,"aria-checked":o.value===!0?"true":"false","aria-disabled":e.disable===!0?"true":void 0,onClick:l,onKeydown:C,onKeyup:I},r)}}});export{H as Q};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as g,B as y,v as d,c as z,o as f,n as w,u as v,h as O,g as x,A as b}from"./index.43c62a18.js";function E(){const r=g(!y.value);return r.value===!1&&d(()=>{r.value=!0}),{isHydrated:r}}const m=typeof ResizeObserver!="undefined",h=m===!0?{}:{style:"display:block;position:absolute;top:0;left:0;right:0;bottom:0;height:100%;width:100%;overflow:hidden;pointer-events:none;z-index:-1;",url:"about:blank"};var L=z({name:"QResizeObserver",props:{debounce:{type:[String,Number],default:100}},emits:["resize"],setup(r,{emit:p}){let n=null,t,o={width:-1,height:-1};function s(e){e===!0||r.debounce===0||r.debounce==="0"?u():n===null&&(n=setTimeout(u,r.debounce))}function u(){if(n!==null&&(clearTimeout(n),n=null),t){const{offsetWidth:e,offsetHeight:i}=t;(e!==o.width||i!==o.height)&&(o={width:e,height:i},p("resize",o))}}const{proxy:l}=x();if(l.trigger=s,m===!0){let e;const i=a=>{t=l.$el.parentNode,t?(e=new ResizeObserver(s),e.observe(t),u()):a!==!0&&v(()=>{i(!0)})};return d(()=>{i()}),f(()=>{n!==null&&clearTimeout(n),e!==void 0&&(e.disconnect!==void 0?e.disconnect():t&&e.unobserve(t))}),w}else{let a=function(){n!==null&&(clearTimeout(n),n=null),i!==void 0&&(i.removeEventListener!==void 0&&i.removeEventListener("resize",s,b.passive),i=void 0)},c=function(){a(),t&&t.contentDocument&&(i=t.contentDocument.defaultView,i.addEventListener("resize",s,b.passive),u())};const{isHydrated:e}=E();let i;return d(()=>{v(()=>{t=l.$el,t&&c()})}),f(a),()=>{if(e.value===!0)return O("object",{class:"q--avoid-card-border",style:h.style,tabindex:-1,type:"text/html",data:h.url,"aria-hidden":"true",onLoad:c})}}}});export{L as Q};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{u as st,a as Dt,b as $t,c as Wt,d as Vl,e as El,f as je,R as Al,r as Vt,g as Tl,h as Kt,i as Ml,j as zl,k as Et,l as Bl}from"./ComponentBase.1ae19b7e.js";import{c as ze,a as C,g as be,h as V,t as de,r as F,O as ct,k as Pe,u as re,j as At,w as Y,v as Hl,o as we,q as Fl,A as it,a3 as Tt,D as _l,Y as Ol,a4 as Pl,R as jt,d as dt,m as Il,_ as ut,n as Ll,X as Rl,a5 as Dl,Z as $l,V as Wl,a6 as Kl,a7 as _e,s as Ae,$ as jl}from"./index.43c62a18.js";import{u as Nt,a as Qt,h as lt,e as Nl,i as Ut}from"./dom.e9d4ad51.js";import{b as Ql,d as Ul,h as Xt,c as Xl}from"./render.e67ff27a.js";import{c as Yl,k as Gl,u as Yt,s as Zl,a as Gt,b as Zt,d as Jt,h as Jl,e as en,g as tn,n as Mt,m as ln,Q as nn,l as on}from"./format.41663636.js";var un=ze({name:"QField",inheritAttrs:!1,props:{...st,tag:{type:String,default:"label"}},emits:Dt,setup(){return $t(Wt({tagProp:!0}))}});const an={xs:8,sm:10,md:14,lg:20,xl:24};var rn=ze({name:"QChip",props:{...Nt,...Vl,dense:Boolean,icon:String,iconRight:String,iconRemove:String,iconSelected:String,label:[String,Number],color:String,textColor:String,modelValue:{type:Boolean,default:!0},selected:{type:Boolean,default:null},square:Boolean,outline:Boolean,clickable:Boolean,removable:Boolean,removeAriaLabel:String,tabindex:[String,Number],disable:Boolean,ripple:{type:[Boolean,Object],default:!0}},emits:["update:modelValue","update:selected","remove","click"],setup(e,{slots:l,emit:n}){const{proxy:{$q:i}}=be(),a=Qt(e,i),u=El(e,an),r=C(()=>e.selected===!0||e.icon!==void 0),g=C(()=>e.selected===!0?e.iconSelected||i.iconSet.chip.selected:e.icon),S=C(()=>e.iconRemove||i.iconSet.chip.remove),y=C(()=>e.disable===!1&&(e.clickable===!0||e.selected!==null)),s=C(()=>{const k=e.outline===!0&&e.color||e.textColor;return"q-chip row inline no-wrap items-center"+(e.outline===!1&&e.color!==void 0?` bg-${e.color}`:"")+(k?` text-${k} q-chip--colored`:"")+(e.disable===!0?" disabled":"")+(e.dense===!0?" q-chip--dense":"")+(e.outline===!0?" q-chip--outline":"")+(e.selected===!0?" q-chip--selected":"")+(y.value===!0?" q-chip--clickable cursor-pointer non-selectable q-hoverable":"")+(e.square===!0?" q-chip--square":"")+(a.value===!0?" q-chip--dark q-dark":"")}),x=C(()=>{const k=e.disable===!0?{tabindex:-1,"aria-disabled":"true"}:{tabindex:e.tabindex||0},W={...k,role:"button","aria-hidden":"false","aria-label":e.removeAriaLabel||i.lang.label.remove};return{chip:k,remove:W}});function p(k){k.keyCode===13&&c(k)}function c(k){e.disable||(n("update:selected",!e.selected),n("click",k))}function w(k){(k.keyCode===void 0||k.keyCode===13)&&(de(k),e.disable===!1&&(n("update:modelValue",!1),n("remove")))}function $(){const k=[];y.value===!0&&k.push(V("div",{class:"q-focus-helper"})),r.value===!0&&k.push(V(je,{class:"q-chip__icon q-chip__icon--left",name:g.value}));const W=e.label!==void 0?[V("div",{class:"ellipsis"},[e.label])]:void 0;return k.push(V("div",{class:"q-chip__content col row no-wrap items-center q-anchor--skip"},Ul(l.default,W))),e.iconRight&&k.push(V(je,{class:"q-chip__icon q-chip__icon--right",name:e.iconRight})),e.removable===!0&&k.push(V(je,{class:"q-chip__icon q-chip__icon--remove cursor-pointer",name:S.value,...x.value.remove,onClick:w,onKeyup:w})),k}return()=>{if(e.modelValue===!1)return;const k={class:s.value,style:u.value};return y.value===!0&&Object.assign(k,x.value.chip,{onClick:c,onKeyup:p}),Ql("div",k,$(),"ripple",e.ripple!==!1&&e.disable!==!0,()=>[[Al,e.ripple]])}}});const sn={target:{type:[Boolean,String,Element],default:!0},noParentEvent:Boolean},cn={...sn,contextMenu:Boolean};function dn({showing:e,avoidEmit:l,configureAnchorEl:n}){const{props:i,proxy:a,emit:u}=be(),r=F(null);let g=null;function S(c){return r.value===null?!1:c===void 0||c.touches===void 0||c.touches.length<=1}const y={};n===void 0&&(Object.assign(y,{hide(c){a.hide(c)},toggle(c){a.toggle(c),c.qAnchorHandled=!0},toggleKey(c){ct(c,13)===!0&&y.toggle(c)},contextClick(c){a.hide(c),Pe(c),re(()=>{a.show(c),c.qAnchorHandled=!0})},prevent:Pe,mobileTouch(c){if(y.mobileCleanup(c),S(c)!==!0)return;a.hide(c),r.value.classList.add("non-selectable");const w=c.target;At(y,"anchor",[[w,"touchmove","mobileCleanup","passive"],[w,"touchend","mobileCleanup","passive"],[w,"touchcancel","mobileCleanup","passive"],[r.value,"contextmenu","prevent","notPassive"]]),g=setTimeout(()=>{g=null,a.show(c),c.qAnchorHandled=!0},300)},mobileCleanup(c){r.value.classList.remove("non-selectable"),g!==null&&(clearTimeout(g),g=null),e.value===!0&&c!==void 0&&Yl()}}),n=function(c=i.contextMenu){if(i.noParentEvent===!0||r.value===null)return;let w;c===!0?a.$q.platform.is.mobile===!0?w=[[r.value,"touchstart","mobileTouch","passive"]]:w=[[r.value,"mousedown","hide","passive"],[r.value,"contextmenu","contextClick","notPassive"]]:w=[[r.value,"click","toggle","passive"],[r.value,"keyup","toggleKey","passive"]],At(y,"anchor",w)});function s(){Fl(y,"anchor")}function x(c){for(r.value=c;r.value.classList.contains("q-anchor--skip");)r.value=r.value.parentNode;n()}function p(){if(i.target===!1||i.target===""||a.$el.parentNode===null)r.value=null;else if(i.target===!0)x(a.$el.parentNode);else{let c=i.target;if(typeof i.target=="string")try{c=document.querySelector(i.target)}catch{c=void 0}c!=null?(r.value=c.$el||c,n()):(r.value=null,console.error(`Anchor: target "${i.target}" not found`))}}return Y(()=>i.contextMenu,c=>{r.value!==null&&(s(),n(c))}),Y(()=>i.target,()=>{r.value!==null&&s(),p()}),Y(()=>i.noParentEvent,c=>{r.value!==null&&(c===!0?s():n())}),Hl(()=>{p(),l!==!0&&i.modelValue===!0&&r.value===null&&u("update:modelValue",!1)}),we(()=>{g!==null&&clearTimeout(g),s()}),{anchorEl:r,canShow:S,anchorEvents:y}}function fn(e,l){const n=F(null);let i;function a(g,S){const y=`${S!==void 0?"add":"remove"}EventListener`,s=S!==void 0?S:i;g!==window&&g[y]("scroll",s,it.passive),window[y]("scroll",s,it.passive),i=S}function u(){n.value!==null&&(a(n.value),n.value=null)}const r=Y(()=>e.noParentEvent,()=>{n.value!==null&&(u(),l())});return we(r),{localScrollTarget:n,unconfigureScrollTarget:u,changeScrollEvent:a}}let vn=1,mn=document.body;function hn(e,l){const n=document.createElement("div");if(n.id=l!==void 0?`q-portal--${l}--${vn++}`:e,Tt.globalNodes!==void 0){const i=Tt.globalNodes.class;i!==void 0&&(n.className=i)}return mn.appendChild(n),n}function gn(e){e.remove()}const Ie=[];function Sn(e,l){do{if(e.$options.name==="QMenu"){if(e.hide(l),e.$props.separateClosePopup===!0)return lt(e)}else if(e.__qPortal===!0){const n=lt(e);return n!==void 0&&n.$options.name==="QPopupProxy"?(e.hide(l),n):e}e=lt(e)}while(e!=null)}const yn=ze({name:"QPortal",setup(e,{slots:l}){return()=>l.default()}});function bn(e){for(e=e.parent;e!=null;){if(e.type.name==="QGlobalDialog")return!0;if(e.type.name==="QDialog"||e.type.name==="QMenu")return!1;e=e.parent}return!1}function el(e,l,n,i){const a=F(!1),u=F(!1);let r=null;const g={},S=i==="dialog"&&bn(e);function y(x){if(x===!0){Vt(g),u.value=!0;return}u.value=!1,a.value===!1&&(S===!1&&r===null&&(r=hn(!1,i)),a.value=!0,Ie.push(e.proxy),Tl(g))}function s(x){if(u.value=!1,x!==!0)return;Vt(g),a.value=!1;const p=Ie.indexOf(e.proxy);p!==-1&&Ie.splice(p,1),r!==null&&(gn(r),r=null)}return _l(()=>{s(!0)}),e.proxy.__qPortal=!0,Ol(e.proxy,"contentEl",()=>l.value),{showPortal:y,hidePortal:s,portalIsActive:a,portalIsAccessible:u,renderPortal:()=>S===!0?n():a.value===!0?[V(Pl,{to:r},V(yn,n))]:void 0}}const tl={transitionShow:{type:String,default:"fade"},transitionHide:{type:String,default:"fade"},transitionDuration:{type:[String,Number],default:300}};function ll(e,l=()=>{},n=()=>{}){return{transitionProps:C(()=>{const i=`q-transition--${e.transitionShow||l()}`,a=`q-transition--${e.transitionHide||n()}`;return{appear:!0,enterFromClass:`${i}-enter-from`,enterActiveClass:`${i}-enter-active`,enterToClass:`${i}-enter-to`,leaveFromClass:`${a}-leave-from`,leaveActiveClass:`${a}-leave-active`,leaveToClass:`${a}-leave-to`}}),transitionStyle:C(()=>`--q-transition-duration: ${e.transitionDuration}ms`)}}function nl(){let e;const l=be();function n(){e=void 0}return jt(n),we(n),{removeTick:n,registerTick(i){e=i,re(()=>{e===i&&(Nl(l)===!1&&e(),e=void 0)})}}}const ge=[];let Me;function wn(e){Me=e.keyCode===27}function xn(){Me===!0&&(Me=!1)}function Cn(e){Me===!0&&(Me=!1,ct(e,27)===!0&&ge[ge.length-1](e))}function ol(e){window[e]("keydown",wn),window[e]("blur",xn),window[e]("keyup",Cn),Me=!1}function il(e){dt.is.desktop===!0&&(ge.push(e),ge.length===1&&ol("addEventListener"))}function Ne(e){const l=ge.indexOf(e);l!==-1&&(ge.splice(l,1),ge.length===0&&ol("removeEventListener"))}const Se=[];function ul(e){Se[Se.length-1](e)}function al(e){dt.is.desktop===!0&&(Se.push(e),Se.length===1&&document.body.addEventListener("focusin",ul))}function at(e){const l=Se.indexOf(e);l!==-1&&(Se.splice(l,1),Se.length===0&&document.body.removeEventListener("focusin",ul))}const{notPassiveCapture:Qe}=it,ye=[];function Ue(e){const l=e.target;if(l===void 0||l.nodeType===8||l.classList.contains("no-pointer-events")===!0)return;let n=Ie.length-1;for(;n>=0;){const i=Ie[n].$;if(i.type.name==="QTooltip"){n--;continue}if(i.type.name!=="QDialog")break;if(i.props.seamless!==!0)return;n--}for(let i=ye.length-1;i>=0;i--){const a=ye[i];if((a.anchorEl.value===null||a.anchorEl.value.contains(l)===!1)&&(l===document.body||a.innerRef.value!==null&&a.innerRef.value.contains(l)===!1))e.qClickOutside=!0,a.onClickOutside(e);else return}}function kn(e){ye.push(e),ye.length===1&&(document.addEventListener("mousedown",Ue,Qe),document.addEventListener("touchstart",Ue,Qe))}function zt(e){const l=ye.findIndex(n=>n===e);l!==-1&&(ye.splice(l,1),ye.length===0&&(document.removeEventListener("mousedown",Ue,Qe),document.removeEventListener("touchstart",Ue,Qe)))}let Bt,Ht;function Ft(e){const l=e.split(" ");return l.length!==2?!1:["top","center","bottom"].includes(l[0])!==!0?(console.error("Anchor/Self position must start with one of top/center/bottom"),!1):["left","middle","right","start","end"].includes(l[1])!==!0?(console.error("Anchor/Self position must end with one of left/middle/right/start/end"),!1):!0}function pn(e){return e?!(e.length!==2||typeof e[0]!="number"||typeof e[1]!="number"):!0}const rt={"start#ltr":"left","start#rtl":"right","end#ltr":"right","end#rtl":"left"};["left","middle","right"].forEach(e=>{rt[`${e}#ltr`]=e,rt[`${e}#rtl`]=e});function _t(e,l){const n=e.split(" ");return{vertical:n[0],horizontal:rt[`${n[1]}#${l===!0?"rtl":"ltr"}`]}}function qn(e,l){let{top:n,left:i,right:a,bottom:u,width:r,height:g}=e.getBoundingClientRect();return l!==void 0&&(n-=l[1],i-=l[0],u+=l[1],a+=l[0],r+=l[0],g+=l[1]),{top:n,bottom:u,height:g,left:i,right:a,width:r,middle:i+(a-i)/2,center:n+(u-n)/2}}function Vn(e,l,n){let{top:i,left:a}=e.getBoundingClientRect();return i+=l.top,a+=l.left,n!==void 0&&(i+=n[1],a+=n[0]),{top:i,bottom:i+1,height:1,left:a,right:a+1,width:1,middle:a,center:i}}function En(e,l){return{top:0,center:l/2,bottom:l,left:0,middle:e/2,right:e}}function Ot(e,l,n,i){return{top:e[n.vertical]-l[i.vertical],left:e[n.horizontal]-l[i.horizontal]}}function rl(e,l=0){if(e.targetEl===null||e.anchorEl===null||l>5)return;if(e.targetEl.offsetHeight===0||e.targetEl.offsetWidth===0){setTimeout(()=>{rl(e,l+1)},10);return}const{targetEl:n,offset:i,anchorEl:a,anchorOrigin:u,selfOrigin:r,absoluteOffset:g,fit:S,cover:y,maxHeight:s,maxWidth:x}=e;if(dt.is.ios===!0&&window.visualViewport!==void 0){const z=document.body.style,{offsetLeft:I,offsetTop:L}=window.visualViewport;I!==Bt&&(z.setProperty("--q-pe-left",I+"px"),Bt=I),L!==Ht&&(z.setProperty("--q-pe-top",L+"px"),Ht=L)}const{scrollLeft:p,scrollTop:c}=n,w=g===void 0?qn(a,y===!0?[0,0]:i):Vn(a,g,i);Object.assign(n.style,{top:0,left:0,minWidth:null,minHeight:null,maxWidth:x||"100vw",maxHeight:s||"100vh",visibility:"visible"});const{offsetWidth:$,offsetHeight:k}=n,{elWidth:W,elHeight:Q}=S===!0||y===!0?{elWidth:Math.max(w.width,$),elHeight:y===!0?Math.max(w.height,k):k}:{elWidth:$,elHeight:k};let T={maxWidth:x,maxHeight:s};(S===!0||y===!0)&&(T.minWidth=w.width+"px",y===!0&&(T.minHeight=w.height+"px")),Object.assign(n.style,T);const A=En(W,Q);let O=Ot(w,A,u,r);if(g===void 0||i===void 0)nt(O,w,A,u,r);else{const{top:z,left:I}=O;nt(O,w,A,u,r);let L=!1;if(O.top!==z){L=!0;const N=2*i[1];w.center=w.top-=N,w.bottom-=N+2}if(O.left!==I){L=!0;const N=2*i[0];w.middle=w.left-=N,w.right-=N+2}L===!0&&(O=Ot(w,A,u,r),nt(O,w,A,u,r))}T={top:O.top+"px",left:O.left+"px"},O.maxHeight!==void 0&&(T.maxHeight=O.maxHeight+"px",w.height>O.maxHeight&&(T.minHeight=T.maxHeight)),O.maxWidth!==void 0&&(T.maxWidth=O.maxWidth+"px",w.width>O.maxWidth&&(T.minWidth=T.maxWidth)),Object.assign(n.style,T),n.scrollTop!==c&&(n.scrollTop=c),n.scrollLeft!==p&&(n.scrollLeft=p)}function nt(e,l,n,i,a){const u=n.bottom,r=n.right,g=Gl(),S=window.innerHeight-g,y=document.body.clientWidth;if(e.top<0||e.top+u>S)if(a.vertical==="center")e.top=l[i.vertical]>S/2?Math.max(0,S-u):0,e.maxHeight=Math.min(u,S);else if(l[i.vertical]>S/2){const s=Math.min(S,i.vertical==="center"?l.center:i.vertical===a.vertical?l.bottom:l.top);e.maxHeight=Math.min(u,s),e.top=Math.max(0,s-u)}else e.top=Math.max(0,i.vertical==="center"?l.center:i.vertical===a.vertical?l.top:l.bottom),e.maxHeight=Math.min(u,S-e.top);if(e.left<0||e.left+r>y)if(e.maxWidth=Math.min(r,y),a.horizontal==="middle")e.left=l[i.horizontal]>y/2?Math.max(0,y-r):0;else if(l[i.horizontal]>y/2){const s=Math.min(y,i.horizontal==="middle"?l.middle:i.horizontal===a.horizontal?l.right:l.left);e.maxWidth=Math.min(r,s),e.left=Math.max(0,s-e.maxWidth)}else e.left=Math.max(0,i.horizontal==="middle"?l.middle:i.horizontal===a.horizontal?l.left:l.right),e.maxWidth=Math.min(r,y-e.left)}var An=ze({name:"QMenu",inheritAttrs:!1,props:{...cn,...Yt,...Nt,...tl,persistent:Boolean,autoClose:Boolean,separateClosePopup:Boolean,noRouteDismiss:Boolean,noRefocus:Boolean,noFocus:Boolean,fit:Boolean,cover:Boolean,square:Boolean,anchor:{type:String,validator:Ft},self:{type:String,validator:Ft},offset:{type:Array,validator:pn},scrollTarget:Zl,touchPosition:Boolean,maxHeight:{type:String,default:null},maxWidth:{type:String,default:null}},emits:[...Gt,"click","escapeKey"],setup(e,{slots:l,emit:n,attrs:i}){let a=null,u,r,g;const S=be(),{proxy:y}=S,{$q:s}=y,x=F(null),p=F(!1),c=C(()=>e.persistent!==!0&&e.noRouteDismiss!==!0),w=Qt(e,s),{registerTick:$,removeTick:k}=nl(),{registerTimeout:W}=Zt(),{transitionProps:Q,transitionStyle:T}=ll(e),{localScrollTarget:A,changeScrollEvent:O,unconfigureScrollTarget:z}=fn(e,E),{anchorEl:I,canShow:L}=dn({showing:p}),{hide:N}=Jt({showing:p,canShow:L,handleShow:oe,handleHide:o,hideOnRouteChange:c,processOnMount:!0}),{showPortal:Z,hidePortal:se,renderPortal:K}=el(S,x,B,"menu"),ee={anchorEl:I,innerRef:x,onClickOutside(d){if(e.persistent!==!0&&p.value===!0)return N(d),(d.type==="touchstart"||d.target.classList.contains("q-dialog__backdrop"))&&de(d),!0}},ce=C(()=>_t(e.anchor||(e.cover===!0?"center middle":"bottom start"),s.lang.rtl)),ne=C(()=>e.cover===!0?ce.value:_t(e.self||"top start",s.lang.rtl)),U=C(()=>(e.square===!0?" q-menu--square":"")+(w.value===!0?" q-menu--dark q-dark":"")),te=C(()=>e.autoClose===!0?{onClick:M}:{}),J=C(()=>p.value===!0&&e.persistent!==!0);Y(J,d=>{d===!0?(il(h),kn(ee)):(Ne(h),zt(ee))});function X(){Kt(()=>{let d=x.value;d&&d.contains(document.activeElement)!==!0&&(d=d.querySelector("[autofocus][tabindex], [data-autofocus][tabindex]")||d.querySelector("[autofocus] [tabindex], [data-autofocus] [tabindex]")||d.querySelector("[autofocus], [data-autofocus]")||d,d.focus({preventScroll:!0}))})}function oe(d){if(a=e.noRefocus===!1?document.activeElement:null,al(P),Z(),E(),u=void 0,d!==void 0&&(e.touchPosition||e.contextMenu)){const R=Il(d);if(R.left!==void 0){const{top:ie,left:xe}=I.value.getBoundingClientRect();u={left:R.left-xe,top:R.top-ie}}}r===void 0&&(r=Y(()=>s.screen.width+"|"+s.screen.height+"|"+e.self+"|"+e.anchor+"|"+s.lang.rtl,b)),e.noFocus!==!0&&document.activeElement.blur(),$(()=>{b(),e.noFocus!==!0&&X()}),W(()=>{s.platform.is.ios===!0&&(g=e.autoClose,x.value.click()),b(),Z(!0),n("show",d)},e.transitionDuration)}function o(d){k(),se(),v(!0),a!==null&&(d===void 0||d.qClickOutside!==!0)&&(((d&&d.type.indexOf("key")===0?a.closest('[tabindex]:not([tabindex^="-"])'):void 0)||a).focus(),a=null),W(()=>{se(!0),n("hide",d)},e.transitionDuration)}function v(d){u=void 0,r!==void 0&&(r(),r=void 0),(d===!0||p.value===!0)&&(at(P),z(),zt(ee),Ne(h)),d!==!0&&(a=null)}function E(){(I.value!==null||e.scrollTarget!==void 0)&&(A.value=Jl(I.value,e.scrollTarget),O(A.value,b))}function M(d){g!==!0?(Sn(y,d),n("click",d)):g=!1}function P(d){J.value===!0&&e.noFocus!==!0&&Ut(x.value,d.target)!==!0&&X()}function h(d){n("escapeKey"),N(d)}function b(){rl({targetEl:x.value,offset:e.offset,anchorEl:I.value,anchorOrigin:ce.value,selfOrigin:ne.value,absoluteOffset:u,fit:e.fit,cover:e.cover,maxHeight:e.maxHeight,maxWidth:e.maxWidth})}function B(){return V(ut,Q.value,()=>p.value===!0?V("div",{role:"menu",...i,ref:x,tabindex:-1,class:["q-menu q-position-engine scroll"+U.value,i.class],style:[i.style,T.value],...te.value},Xt(l.default)):null)}return we(v),Object.assign(y,{focus:X,updatePosition:b}),K}});let Ke=0;const Tn={standard:"fixed-full flex-center",top:"fixed-top justify-center",bottom:"fixed-bottom justify-center",right:"fixed-right items-center",left:"fixed-left items-center"},Pt={standard:["scale","scale"],top:["slide-down","slide-up"],bottom:["slide-up","slide-down"],right:["slide-left","slide-right"],left:["slide-right","slide-left"]};var Mn=ze({name:"QDialog",inheritAttrs:!1,props:{...Yt,...tl,transitionShow:String,transitionHide:String,persistent:Boolean,autoClose:Boolean,allowFocusOutside:Boolean,noEscDismiss:Boolean,noBackdropDismiss:Boolean,noRouteDismiss:Boolean,noRefocus:Boolean,noFocus:Boolean,noShake:Boolean,seamless:Boolean,maximized:Boolean,fullWidth:Boolean,fullHeight:Boolean,square:Boolean,backdropFilter:String,position:{type:String,default:"standard",validator:e=>["standard","top","bottom","left","right"].includes(e)}},emits:[...Gt,"shake","click","escapeKey"],setup(e,{slots:l,emit:n,attrs:i}){const a=be(),u=F(null),r=F(!1),g=F(!1);let S=null,y=null,s,x;const p=C(()=>e.persistent!==!0&&e.noRouteDismiss!==!0&&e.seamless!==!0),{preventBodyScroll:c}=tn(),{registerTimeout:w}=Zt(),{registerTick:$,removeTick:k}=nl(),{transitionProps:W,transitionStyle:Q}=ll(e,()=>Pt[e.position][0],()=>Pt[e.position][1]),T=C(()=>Q.value+(e.backdropFilter!==void 0?`;backdrop-filter:${e.backdropFilter};-webkit-backdrop-filter:${e.backdropFilter}`:"")),{showPortal:A,hidePortal:O,portalIsAccessible:z,renderPortal:I}=el(a,u,P,"dialog"),{hide:L}=Jt({showing:r,hideOnRouteChange:p,handleShow:ne,handleHide:U,processOnMount:!0}),{addToHistory:N,removeFromHistory:Z}=en(r,L,p),se=C(()=>`q-dialog__inner flex no-pointer-events q-dialog__inner--${e.maximized===!0?"maximized":"minimized"} q-dialog__inner--${e.position} ${Tn[e.position]}`+(g.value===!0?" q-dialog__inner--animating":"")+(e.fullWidth===!0?" q-dialog__inner--fullwidth":"")+(e.fullHeight===!0?" q-dialog__inner--fullheight":"")+(e.square===!0?" q-dialog__inner--square":"")),K=C(()=>r.value===!0&&e.seamless!==!0),ee=C(()=>e.autoClose===!0?{onClick:v}:{}),ce=C(()=>[`q-dialog fullscreen no-pointer-events q-dialog--${K.value===!0?"modal":"seamless"}`,i.class]);Y(()=>e.maximized,h=>{r.value===!0&&o(h)}),Y(K,h=>{c(h),h===!0?(al(M),il(X)):(at(M),Ne(X))});function ne(h){N(),y=e.noRefocus===!1&&document.activeElement!==null?document.activeElement:null,o(e.maximized),A(),g.value=!0,e.noFocus!==!0?(document.activeElement!==null&&document.activeElement.blur(),$(te)):k(),w(()=>{if(a.proxy.$q.platform.is.ios===!0){if(e.seamless!==!0&&document.activeElement){const{top:b,bottom:B}=document.activeElement.getBoundingClientRect(),{innerHeight:d}=window,R=window.visualViewport!==void 0?window.visualViewport.height:d;b>0&&B>R/2&&(document.scrollingElement.scrollTop=Math.min(document.scrollingElement.scrollHeight-R,B>=d?1/0:Math.ceil(document.scrollingElement.scrollTop+B-R/2))),document.activeElement.scrollIntoView()}x=!0,u.value.click(),x=!1}A(!0),g.value=!1,n("show",h)},e.transitionDuration)}function U(h){k(),Z(),oe(!0),g.value=!0,O(),y!==null&&(((h&&h.type.indexOf("key")===0?y.closest('[tabindex]:not([tabindex^="-"])'):void 0)||y).focus(),y=null),w(()=>{O(!0),g.value=!1,n("hide",h)},e.transitionDuration)}function te(h){Kt(()=>{let b=u.value;if(b!==null){if(h!==void 0){const B=b.querySelector(h);if(B!==null){B.focus({preventScroll:!0});return}}b.contains(document.activeElement)!==!0&&(b=b.querySelector("[autofocus][tabindex], [data-autofocus][tabindex]")||b.querySelector("[autofocus] [tabindex], [data-autofocus] [tabindex]")||b.querySelector("[autofocus], [data-autofocus]")||b,b.focus({preventScroll:!0}))}})}function J(h){h&&typeof h.focus=="function"?h.focus({preventScroll:!0}):te(),n("shake");const b=u.value;b!==null&&(b.classList.remove("q-animate--scale"),b.classList.add("q-animate--scale"),S!==null&&clearTimeout(S),S=setTimeout(()=>{S=null,u.value!==null&&(b.classList.remove("q-animate--scale"),te())},170))}function X(){e.seamless!==!0&&(e.persistent===!0||e.noEscDismiss===!0?e.maximized!==!0&&e.noShake!==!0&&J():(n("escapeKey"),L()))}function oe(h){S!==null&&(clearTimeout(S),S=null),(h===!0||r.value===!0)&&(o(!1),e.seamless!==!0&&(c(!1),at(M),Ne(X))),h!==!0&&(y=null)}function o(h){h===!0?s!==!0&&(Ke<1&&document.body.classList.add("q-body--dialog"),Ke++,s=!0):s===!0&&(Ke<2&&document.body.classList.remove("q-body--dialog"),Ke--,s=!1)}function v(h){x!==!0&&(L(h),n("click",h))}function E(h){e.persistent!==!0&&e.noBackdropDismiss!==!0?L(h):e.noShake!==!0&&J()}function M(h){e.allowFocusOutside!==!0&&z.value===!0&&Ut(u.value,h.target)!==!0&&te('[tabindex]:not([tabindex="-1"])')}Object.assign(a.proxy,{focus:te,shake:J,__updateRefocusTarget(h){y=h||null}}),we(oe);function P(){return V("div",{role:"dialog","aria-modal":K.value===!0?"true":"false",...i,class:ce.value},[V(ut,{name:"q-transition--fade",appear:!0},()=>K.value===!0?V("div",{class:"q-dialog__backdrop fixed-full",style:T.value,"aria-hidden":"true",tabindex:-1,onClick:E}):null),V(ut,W.value,()=>r.value===!0?V("div",{ref:u,class:se.value,style:Q.value,tabindex:-1,...ee.value},Xt(l.default)):null)])}return I}});let Xe=!1;{const e=document.createElement("div");e.setAttribute("dir","rtl"),Object.assign(e.style,{width:"1px",height:"1px",overflow:"auto"});const l=document.createElement("div");Object.assign(l.style,{width:"1000px",height:"1px"}),document.body.appendChild(e),e.appendChild(l),e.scrollLeft=-1e3,Xe=e.scrollLeft>=0,e.remove()}const le=1e3,zn=["start","center","end","start-force","center-force","end-force"],sl=Array.prototype.filter,Bn=window.getComputedStyle(document.body).overflowAnchor===void 0?Ll:function(e,l){e!==null&&(e._qOverflowAnimationFrame!==void 0&&cancelAnimationFrame(e._qOverflowAnimationFrame),e._qOverflowAnimationFrame=requestAnimationFrame(()=>{if(e===null)return;e._qOverflowAnimationFrame=void 0;const n=e.children||[];sl.call(n,a=>a.dataset&&a.dataset.qVsAnchor!==void 0).forEach(a=>{delete a.dataset.qVsAnchor});const i=n[l];i&&i.dataset&&(i.dataset.qVsAnchor="")}))};function Te(e,l){return e+l}function ot(e,l,n,i,a,u,r,g){const S=e===window?document.scrollingElement||document.documentElement:e,y=a===!0?"offsetWidth":"offsetHeight",s={scrollStart:0,scrollViewSize:-r-g,scrollMaxSize:0,offsetStart:-r,offsetEnd:-g};if(a===!0?(e===window?(s.scrollStart=window.pageXOffset||window.scrollX||document.body.scrollLeft||0,s.scrollViewSize+=document.documentElement.clientWidth):(s.scrollStart=S.scrollLeft,s.scrollViewSize+=S.clientWidth),s.scrollMaxSize=S.scrollWidth,u===!0&&(s.scrollStart=(Xe===!0?s.scrollMaxSize-s.scrollViewSize:0)-s.scrollStart)):(e===window?(s.scrollStart=window.pageYOffset||window.scrollY||document.body.scrollTop||0,s.scrollViewSize+=document.documentElement.clientHeight):(s.scrollStart=S.scrollTop,s.scrollViewSize+=S.clientHeight),s.scrollMaxSize=S.scrollHeight),n!==null)for(let x=n.previousElementSibling;x!==null;x=x.previousElementSibling)x.classList.contains("q-virtual-scroll--skip")===!1&&(s.offsetStart+=x[y]);if(i!==null)for(let x=i.nextElementSibling;x!==null;x=x.nextElementSibling)x.classList.contains("q-virtual-scroll--skip")===!1&&(s.offsetEnd+=x[y]);if(l!==e){const x=S.getBoundingClientRect(),p=l.getBoundingClientRect();a===!0?(s.offsetStart+=p.left-x.left,s.offsetEnd-=p.width):(s.offsetStart+=p.top-x.top,s.offsetEnd-=p.height),e!==window&&(s.offsetStart+=s.scrollStart),s.offsetEnd+=s.scrollMaxSize-s.offsetStart}return s}function It(e,l,n,i){l==="end"&&(l=(e===window?document.body:e)[n===!0?"scrollWidth":"scrollHeight"]),e===window?n===!0?(i===!0&&(l=(Xe===!0?document.body.scrollWidth-document.documentElement.clientWidth:0)-l),window.scrollTo(l,window.pageYOffset||window.scrollY||document.body.scrollTop||0)):window.scrollTo(window.pageXOffset||window.scrollX||document.body.scrollLeft||0,l):n===!0?(i===!0&&(l=(Xe===!0?e.scrollWidth-e.offsetWidth:0)-l),e.scrollLeft=l):e.scrollTop=l}function Oe(e,l,n,i){if(n>=i)return 0;const a=l.length,u=Math.floor(n/le),r=Math.floor((i-1)/le)+1;let g=e.slice(u,r).reduce(Te,0);return n%le!==0&&(g-=l.slice(u*le,n).reduce(Te,0)),i%le!==0&&i!==a&&(g-=l.slice(i,r*le).reduce(Te,0)),g}const Hn={virtualScrollSliceSize:{type:[Number,String],default:10},virtualScrollSliceRatioBefore:{type:[Number,String],default:1},virtualScrollSliceRatioAfter:{type:[Number,String],default:1},virtualScrollItemSize:{type:[Number,String],default:24},virtualScrollStickySizeStart:{type:[Number,String],default:0},virtualScrollStickySizeEnd:{type:[Number,String],default:0},tableColspan:[Number,String]},Lt={virtualScrollHorizontal:Boolean,onVirtualScroll:Function,...Hn};function Fn({virtualScrollLength:e,getVirtualScrollTarget:l,getVirtualScrollEl:n,virtualScrollItemSizeComputed:i}){const a=be(),{props:u,emit:r,proxy:g}=a,{$q:S}=g;let y,s,x,p=[],c;const w=F(0),$=F(0),k=F({}),W=F(null),Q=F(null),T=F(null),A=F({from:0,to:0}),O=C(()=>u.tableColspan!==void 0?u.tableColspan:100);i===void 0&&(i=C(()=>u.virtualScrollItemSize));const z=C(()=>i.value+";"+u.virtualScrollHorizontal),I=C(()=>z.value+";"+u.virtualScrollSliceRatioBefore+";"+u.virtualScrollSliceRatioAfter);Y(I,()=>{U()}),Y(z,L);function L(){ne(s,!0)}function N(o){ne(o===void 0?s:o)}function Z(o,v){const E=l();if(E==null||E.nodeType===8)return;const M=ot(E,n(),W.value,Q.value,u.virtualScrollHorizontal,S.lang.rtl,u.virtualScrollStickySizeStart,u.virtualScrollStickySizeEnd);x!==M.scrollViewSize&&U(M.scrollViewSize),K(E,M,Math.min(e.value-1,Math.max(0,parseInt(o,10)||0)),0,zn.indexOf(v)!==-1?v:s!==-1&&o>s?"end":"start")}function se(){const o=l();if(o==null||o.nodeType===8)return;const v=ot(o,n(),W.value,Q.value,u.virtualScrollHorizontal,S.lang.rtl,u.virtualScrollStickySizeStart,u.virtualScrollStickySizeEnd),E=e.value-1,M=v.scrollMaxSize-v.offsetStart-v.offsetEnd-$.value;if(y===v.scrollStart)return;if(v.scrollMaxSize<=0){K(o,v,0,0);return}x!==v.scrollViewSize&&U(v.scrollViewSize),ee(A.value.from);const P=Math.floor(v.scrollMaxSize-Math.max(v.scrollViewSize,v.offsetEnd)-Math.min(c[E],v.scrollViewSize/2));if(P>0&&Math.ceil(v.scrollStart)>=P){K(o,v,E,v.scrollMaxSize-v.offsetEnd-p.reduce(Te,0));return}let h=0,b=v.scrollStart-v.offsetStart,B=b;if(b<=M&&b+v.scrollViewSize>=w.value)b-=w.value,h=A.value.from,B=b;else for(let d=0;b>=p[d]&&h<E;d++)b-=p[d],h+=le;for(;b>0&&h<E;)b-=c[h],b>-v.scrollViewSize?(h++,B=b):B=c[h]+b;K(o,v,h,B)}function K(o,v,E,M,P){const h=typeof P=="string"&&P.indexOf("-force")!==-1,b=h===!0?P.replace("-force",""):P,B=b!==void 0?b:"start";let d=Math.max(0,E-k.value[B]),R=d+k.value.total;R>e.value&&(R=e.value,d=Math.max(0,R-k.value.total)),y=v.scrollStart;const ie=d!==A.value.from||R!==A.value.to;if(ie===!1&&b===void 0){J(E);return}const{activeElement:xe}=document,ue=T.value;ie===!0&&ue!==null&&ue!==xe&&ue.contains(xe)===!0&&(ue.addEventListener("focusout",ce),setTimeout(()=>{ue!==null&&ue.removeEventListener("focusout",ce)})),Bn(ue,E-d);const Le=b!==void 0?c.slice(d,E).reduce(Te,0):0;if(ie===!0){const fe=R>=A.value.from&&d<=A.value.to?A.value.to:R;A.value={from:d,to:fe},w.value=Oe(p,c,0,d),$.value=Oe(p,c,R,e.value),requestAnimationFrame(()=>{A.value.to!==R&&y===v.scrollStart&&(A.value={from:A.value.from,to:R},$.value=Oe(p,c,R,e.value))})}requestAnimationFrame(()=>{if(y!==v.scrollStart)return;ie===!0&&ee(d);const fe=c.slice(d,E).reduce(Te,0),ve=fe+v.offsetStart+w.value,Re=ve+c[E];let Be=ve+M;if(b!==void 0){const Ye=fe-Le,He=v.scrollStart+Ye;Be=h!==!0&&He<ve&&Re<He+v.scrollViewSize?He:b==="end"?Re-v.scrollViewSize:ve-(b==="start"?0:Math.round((v.scrollViewSize-c[E])/2))}y=Be,It(o,Be,u.virtualScrollHorizontal,S.lang.rtl),J(E)})}function ee(o){const v=T.value;if(v){const E=sl.call(v.children,d=>d.classList&&d.classList.contains("q-virtual-scroll--skip")===!1),M=E.length,P=u.virtualScrollHorizontal===!0?d=>d.getBoundingClientRect().width:d=>d.offsetHeight;let h=o,b,B;for(let d=0;d<M;){for(b=P(E[d]),d++;d<M&&E[d].classList.contains("q-virtual-scroll--with-prev")===!0;)b+=P(E[d]),d++;B=b-c[h],B!==0&&(c[h]+=B,p[Math.floor(h/le)]+=B),h++}}}function ce(){T.value!==null&&T.value!==void 0&&T.value.focus()}function ne(o,v){const E=1*i.value;(v===!0||Array.isArray(c)===!1)&&(c=[]);const M=c.length;c.length=e.value;for(let h=e.value-1;h>=M;h--)c[h]=E;const P=Math.floor((e.value-1)/le);p=[];for(let h=0;h<=P;h++){let b=0;const B=Math.min((h+1)*le,e.value);for(let d=h*le;d<B;d++)b+=c[d];p.push(b)}s=-1,y=void 0,w.value=Oe(p,c,0,A.value.from),$.value=Oe(p,c,A.value.to,e.value),o>=0?(ee(A.value.from),re(()=>{Z(o)})):X()}function U(o){if(o===void 0&&typeof window!="undefined"){const b=l();b!=null&&b.nodeType!==8&&(o=ot(b,n(),W.value,Q.value,u.virtualScrollHorizontal,S.lang.rtl,u.virtualScrollStickySizeStart,u.virtualScrollStickySizeEnd).scrollViewSize)}x=o;const v=parseFloat(u.virtualScrollSliceRatioBefore)||0,E=parseFloat(u.virtualScrollSliceRatioAfter)||0,M=1+v+E,P=o===void 0||o<=0?1:Math.ceil(o/i.value),h=Math.max(1,P,Math.ceil((u.virtualScrollSliceSize>0?u.virtualScrollSliceSize:10)/M));k.value={total:Math.ceil(h*M),start:Math.ceil(h*v),center:Math.ceil(h*(.5+v)),end:Math.ceil(h*(1+v)),view:P}}function te(o,v){const E=u.virtualScrollHorizontal===!0?"width":"height",M={["--q-virtual-scroll-item-"+E]:i.value+"px"};return[o==="tbody"?V(o,{class:"q-virtual-scroll__padding",key:"before",ref:W},[V("tr",[V("td",{style:{[E]:`${w.value}px`,...M},colspan:O.value})])]):V(o,{class:"q-virtual-scroll__padding",key:"before",ref:W,style:{[E]:`${w.value}px`,...M}}),V(o,{class:"q-virtual-scroll__content",key:"content",ref:T,tabindex:-1},v.flat()),o==="tbody"?V(o,{class:"q-virtual-scroll__padding",key:"after",ref:Q},[V("tr",[V("td",{style:{[E]:`${$.value}px`,...M},colspan:O.value})])]):V(o,{class:"q-virtual-scroll__padding",key:"after",ref:Q,style:{[E]:`${$.value}px`,...M}})]}function J(o){s!==o&&(u.onVirtualScroll!==void 0&&r("virtualScroll",{index:o,from:A.value.from,to:A.value.to-1,direction:o<s?"decrease":"increase",ref:g}),s=o)}U();const X=Rl(se,S.platform.is.ios===!0?120:35);Dl(()=>{U()});let oe=!1;return jt(()=>{oe=!0}),$l(()=>{if(oe!==!0)return;const o=l();y!==void 0&&o!==void 0&&o!==null&&o.nodeType!==8?It(o,y,u.virtualScrollHorizontal,S.lang.rtl):Z(s)}),we(()=>{X.cancel()}),Object.assign(g,{scrollTo:Z,reset:L,refresh:N}),{virtualScrollSliceRange:A,virtualScrollSliceSizeComputed:k,setVirtualScrollSize:U,onVirtualScrollEvt:X,localResetVirtualScroll:ne,padVirtualScroll:te,scrollTo:Z,reset:L,refresh:N}}const Rt=e=>["add","add-unique","toggle"].includes(e),_n=".*+?^${}()|[]\\",On=Object.keys(st);var $n=ze({name:"QSelect",inheritAttrs:!1,props:{...Lt,...Ml,...st,modelValue:{required:!0},multiple:Boolean,displayValue:[String,Number],displayValueHtml:Boolean,dropdownIcon:String,options:{type:Array,default:()=>[]},optionValue:[Function,String],optionLabel:[Function,String],optionDisable:[Function,String],hideSelected:Boolean,hideDropdownIcon:Boolean,fillInput:Boolean,maxValues:[Number,String],optionsDense:Boolean,optionsDark:{type:Boolean,default:null},optionsSelectedClass:String,optionsHtml:Boolean,optionsCover:Boolean,menuShrink:Boolean,menuAnchor:String,menuSelf:String,menuOffset:Array,popupContentClass:String,popupContentStyle:[String,Array,Object],popupNoRouteDismiss:Boolean,useInput:Boolean,useChips:Boolean,newValueMode:{type:String,validator:Rt},mapOptions:Boolean,emitValue:Boolean,inputDebounce:{type:[Number,String],default:500},inputClass:[Array,String,Object],inputStyle:[Array,String,Object],tabindex:{type:[String,Number],default:0},autocomplete:String,transitionShow:{},transitionHide:{},transitionDuration:{},behavior:{type:String,validator:e=>["default","menu","dialog"].includes(e),default:"default"},virtualScrollItemSize:Lt.virtualScrollItemSize.type,onNewValue:Function,onFilter:Function},emits:[...Dt,"add","remove","inputValue","keyup","keypress","keydown","popupShow","popupHide","filterAbort"],setup(e,{slots:l,emit:n}){const{proxy:i}=be(),{$q:a}=i,u=F(!1),r=F(!1),g=F(-1),S=F(""),y=F(!1),s=F(!1);let x=null,p=null,c,w,$,k=null,W,Q,T,A;const O=F(null),z=F(null),I=F(null),L=F(null),N=F(null),Z=zl(e),se=Bl(xt),K=C(()=>Array.isArray(e.options)?e.options.length:0),ee=C(()=>e.virtualScrollItemSize===void 0?e.optionsDense===!0?24:48:e.virtualScrollItemSize),{virtualScrollSliceRange:ce,virtualScrollSliceSizeComputed:ne,localResetVirtualScroll:U,padVirtualScroll:te,onVirtualScrollEvt:J,scrollTo:X,setVirtualScrollSize:oe}=Fn({virtualScrollLength:K,getVirtualScrollTarget:vl,getVirtualScrollEl:bt,virtualScrollItemSizeComputed:ee}),o=Wt(),v=C(()=>{const t=e.mapOptions===!0&&e.multiple!==!0,m=e.modelValue!==void 0&&(e.modelValue!==null||t===!0)?e.multiple===!0&&Array.isArray(e.modelValue)?e.modelValue:[e.modelValue]:[];if(e.mapOptions===!0&&Array.isArray(e.options)===!0){const f=e.mapOptions===!0&&c!==void 0?c:[],q=m.map(_=>fl(_,f));return e.modelValue===null&&t===!0?q.filter(_=>_!==null):q}return m}),E=C(()=>{const t={};return On.forEach(m=>{const f=e[m];f!==void 0&&(t[m]=f)}),t}),M=C(()=>e.optionsDark===null?o.isDark.value:e.optionsDark),P=C(()=>Et(v.value)),h=C(()=>{let t="q-field__input q-placeholder col";return e.hideSelected===!0||v.value.length===0?[t,e.inputClass]:(t+=" q-field__input--padding",e.inputClass===void 0?t:[t,e.inputClass])}),b=C(()=>(e.virtualScrollHorizontal===!0?"q-virtual-scroll--horizontal":"")+(e.popupContentClass?" "+e.popupContentClass:"")),B=C(()=>K.value===0),d=C(()=>v.value.map(t=>G.value(t)).join(", ")),R=C(()=>e.displayValue!==void 0?e.displayValue:d.value),ie=C(()=>e.optionsHtml===!0?()=>!0:t=>t!=null&&t.html===!0),xe=C(()=>e.displayValueHtml===!0||e.displayValue===void 0&&(e.optionsHtml===!0||v.value.some(ie.value))),ue=C(()=>o.focused.value===!0?e.tabindex:-1),Le=C(()=>{const t={tabindex:e.tabindex,role:"combobox","aria-label":e.label,"aria-readonly":e.readonly===!0?"true":"false","aria-autocomplete":e.useInput===!0?"list":"none","aria-expanded":u.value===!0?"true":"false","aria-controls":`${o.targetUid.value}_lb`};return g.value>=0&&(t["aria-activedescendant"]=`${o.targetUid.value}_${g.value}`),t}),fe=C(()=>({id:`${o.targetUid.value}_lb`,role:"listbox","aria-multiselectable":e.multiple===!0?"true":"false"})),ve=C(()=>v.value.map((t,m)=>({index:m,opt:t,html:ie.value(t),selected:!0,removeAtIndex:dl,toggleOption:me,tabindex:ue.value}))),Re=C(()=>{if(K.value===0)return[];const{from:t,to:m}=ce.value;return e.options.slice(t,m).map((f,q)=>{const _=Ce.value(f)===!0,H=Je(f)===!0,j=t+q,D={clickable:!0,active:H,activeClass:He.value,manualFocus:!0,focused:!1,disable:_,tabindex:-1,dense:e.optionsDense,dark:M.value,role:"option","aria-selected":H===!0?"true":"false",id:`${o.targetUid.value}_${j}`,onClick:()=>{me(f)}};return _!==!0&&(g.value===j&&(D.focused=!0),a.platform.is.desktop===!0&&(D.onMousemove=()=>{u.value===!0&&ke(j)})),{index:j,opt:f,html:ie.value(f),label:G.value(f),selected:D.active,focused:D.focused,toggleOption:me,setOptionIndex:ke,itemProps:D}})}),Be=C(()=>e.dropdownIcon!==void 0?e.dropdownIcon:a.iconSet.arrow.dropdown),Ye=C(()=>e.optionsCover===!1&&e.outlined!==!0&&e.standout!==!0&&e.borderless!==!0&&e.rounded!==!0),He=C(()=>e.optionsSelectedClass!==void 0?e.optionsSelectedClass:e.color!==void 0?`text-${e.color}`:""),ae=C(()=>Ze(e.optionValue,"value")),G=C(()=>Ze(e.optionLabel,"label")),Ce=C(()=>Ze(e.optionDisable,"disable")),De=C(()=>v.value.map(t=>ae.value(t))),cl=C(()=>{const t={onInput:xt,onChange:se,onKeydown:yt,onKeyup:gt,onKeypress:St,onFocus:mt,onClick(m){w===!0&&Ae(m)}};return t.onCompositionstart=t.onCompositionupdate=t.onCompositionend=se,t});Y(v,t=>{c=t,e.useInput===!0&&e.fillInput===!0&&e.multiple!==!0&&o.innerLoading.value!==!0&&(r.value!==!0&&u.value!==!0||P.value!==!0)&&($!==!0&&Ee(),(r.value===!0||u.value===!0)&&pe(""))},{immediate:!0}),Y(()=>e.fillInput,Ee),Y(u,et),Y(K,ql);function ft(t){return e.emitValue===!0?ae.value(t):t}function Ge(t){if(t!==-1&&t<v.value.length)if(e.multiple===!0){const m=e.modelValue.slice();n("remove",{index:t,value:m.splice(t,1)[0]}),n("update:modelValue",m)}else n("update:modelValue",null)}function dl(t){Ge(t),o.focus()}function vt(t,m){const f=ft(t);if(e.multiple!==!0){e.fillInput===!0&&Fe(G.value(t),!0,!0),n("update:modelValue",f);return}if(v.value.length===0){n("add",{index:0,value:f}),n("update:modelValue",e.multiple===!0?[f]:f);return}if(m===!0&&Je(t)===!0||e.maxValues!==void 0&&e.modelValue.length>=e.maxValues)return;const q=e.modelValue.slice();n("add",{index:q.length,value:f}),q.push(f),n("update:modelValue",q)}function me(t,m){if(o.editable.value!==!0||t===void 0||Ce.value(t)===!0)return;const f=ae.value(t);if(e.multiple!==!0){m!==!0&&(Fe(e.fillInput===!0?G.value(t):"",!0,!0),he()),z.value!==null&&z.value.focus(),(v.value.length===0||_e(ae.value(v.value[0]),f)!==!0)&&n("update:modelValue",e.emitValue===!0?f:t);return}if((w!==!0||y.value===!0)&&o.focus(),mt(),v.value.length===0){const H=e.emitValue===!0?f:t;n("add",{index:0,value:H}),n("update:modelValue",e.multiple===!0?[H]:H);return}const q=e.modelValue.slice(),_=De.value.findIndex(H=>_e(H,f));if(_!==-1)n("remove",{index:_,value:q.splice(_,1)[0]});else{if(e.maxValues!==void 0&&q.length>=e.maxValues)return;const H=e.emitValue===!0?f:t;n("add",{index:q.length,value:H}),q.push(H)}n("update:modelValue",q)}function ke(t){if(a.platform.is.desktop!==!0)return;const m=t!==-1&&t<K.value?t:-1;g.value!==m&&(g.value=m)}function $e(t=1,m){if(u.value===!0){let f=g.value;do f=Mt(f+t,-1,K.value-1);while(f!==-1&&f!==g.value&&Ce.value(e.options[f])===!0);g.value!==f&&(ke(f),X(f),m!==!0&&e.useInput===!0&&e.fillInput===!0&&We(f>=0?G.value(e.options[f]):W,!0))}}function fl(t,m){const f=q=>_e(ae.value(q),t);return e.options.find(f)||m.find(f)||t}function Ze(t,m){const f=t!==void 0?t:m;return typeof f=="function"?f:q=>q!==null&&typeof q=="object"&&f in q?q[f]:q}function Je(t){const m=ae.value(t);return De.value.find(f=>_e(f,m))!==void 0}function mt(t){e.useInput===!0&&z.value!==null&&(t===void 0||z.value===t.target&&t.target.value===d.value)&&z.value.select()}function ht(t){ct(t,27)===!0&&u.value===!0&&(Ae(t),he(),Ee()),n("keyup",t)}function gt(t){const{value:m}=t.target;if(t.keyCode!==void 0){ht(t);return}if(t.target.value="",x!==null&&(clearTimeout(x),x=null),p!==null&&(clearTimeout(p),p=null),Ee(),typeof m=="string"&&m.length!==0){const f=m.toLocaleLowerCase(),q=H=>{const j=e.options.find(D=>H.value(D).toLocaleLowerCase()===f);return j===void 0?!1:(v.value.indexOf(j)===-1?me(j):he(),!0)},_=H=>{q(ae)!==!0&&(q(G)===!0||H===!0||pe(m,!0,()=>_(!0)))};_()}else o.clearValue(t)}function St(t){n("keypress",t)}function yt(t){if(n("keydown",t),jl(t)===!0)return;const m=S.value.length!==0&&(e.newValueMode!==void 0||e.onNewValue!==void 0),f=t.shiftKey!==!0&&e.multiple!==!0&&(g.value!==-1||m===!0);if(t.keyCode===27){Pe(t);return}if(t.keyCode===9&&f===!1){qe();return}if(t.target===void 0||t.target.id!==o.targetUid.value||o.editable.value!==!0)return;if(t.keyCode===40&&o.innerLoading.value!==!0&&u.value===!1){de(t),Ve();return}if(t.keyCode===8&&(e.useChips===!0||e.clearable===!0)&&e.hideSelected!==!0&&S.value.length===0){e.multiple===!0&&Array.isArray(e.modelValue)===!0?Ge(e.modelValue.length-1):e.multiple!==!0&&e.modelValue!==null&&n("update:modelValue",null);return}(t.keyCode===35||t.keyCode===36)&&(typeof S.value!="string"||S.value.length===0)&&(de(t),g.value=-1,$e(t.keyCode===36?1:-1,e.multiple)),(t.keyCode===33||t.keyCode===34)&&ne.value!==void 0&&(de(t),g.value=Math.max(-1,Math.min(K.value,g.value+(t.keyCode===33?-1:1)*ne.value.view)),$e(t.keyCode===33?1:-1,e.multiple)),(t.keyCode===38||t.keyCode===40)&&(de(t),$e(t.keyCode===38?-1:1,e.multiple));const q=K.value;if((T===void 0||A<Date.now())&&(T=""),q>0&&e.useInput!==!0&&t.key!==void 0&&t.key.length===1&&t.altKey===!1&&t.ctrlKey===!1&&t.metaKey===!1&&(t.keyCode!==32||T.length!==0)){u.value!==!0&&Ve(t);const _=t.key.toLocaleLowerCase(),H=T.length===1&&T[0]===_;A=Date.now()+1500,H===!1&&(de(t),T+=_);const j=new RegExp("^"+T.split("").map(tt=>_n.indexOf(tt)!==-1?"\\"+tt:tt).join(".*"),"i");let D=g.value;if(H===!0||D<0||j.test(G.value(e.options[D]))!==!0)do D=Mt(D+1,-1,q-1);while(D!==g.value&&(Ce.value(e.options[D])===!0||j.test(G.value(e.options[D]))!==!0));g.value!==D&&re(()=>{ke(D),X(D),D>=0&&e.useInput===!0&&e.fillInput===!0&&We(G.value(e.options[D]),!0)});return}if(!(t.keyCode!==13&&(t.keyCode!==32||e.useInput===!0||T!=="")&&(t.keyCode!==9||f===!1))){if(t.keyCode!==9&&de(t),g.value!==-1&&g.value<q){me(e.options[g.value]);return}if(m===!0){const _=(H,j)=>{if(j){if(Rt(j)!==!0)return}else j=e.newValueMode;if(Fe("",e.multiple!==!0,!0),H==null)return;(j==="toggle"?me:vt)(H,j==="add-unique"),e.multiple!==!0&&(z.value!==null&&z.value.focus(),he())};if(e.onNewValue!==void 0?n("newValue",S.value,_):_(S.value),e.multiple!==!0)return}u.value===!0?qe():o.innerLoading.value!==!0&&Ve()}}function bt(){return w===!0?N.value:I.value!==null&&I.value.contentEl!==null?I.value.contentEl:void 0}function vl(){return bt()}function ml(){return e.hideSelected===!0?[]:l["selected-item"]!==void 0?ve.value.map(t=>l["selected-item"](t)).slice():l.selected!==void 0?[].concat(l.selected()):e.useChips===!0?ve.value.map((t,m)=>V(rn,{key:"option-"+m,removable:o.editable.value===!0&&Ce.value(t.opt)!==!0,dense:!0,textColor:e.color,tabindex:ue.value,onRemove(){t.removeAtIndex(m)}},()=>V("span",{class:"ellipsis",[t.html===!0?"innerHTML":"textContent"]:G.value(t.opt)}))):[V("span",{[xe.value===!0?"innerHTML":"textContent"]:R.value})]}function wt(){if(B.value===!0)return l["no-option"]!==void 0?l["no-option"]({inputValue:S.value}):void 0;const t=l.option!==void 0?l.option:f=>V(on,{key:f.index,...f.itemProps},()=>V(ln,()=>V(nn,()=>V("span",{[f.html===!0?"innerHTML":"textContent"]:f.label}))));let m=te("div",Re.value.map(t));return l["before-options"]!==void 0&&(m=l["before-options"]().concat(m)),Xl(l["after-options"],m)}function hl(t,m){const f=m===!0?{...Le.value,...o.splitAttrs.attributes.value}:void 0,q={ref:m===!0?z:void 0,key:"i_t",class:h.value,style:e.inputStyle,value:S.value!==void 0?S.value:"",type:"search",...f,id:m===!0?o.targetUid.value:void 0,maxlength:e.maxlength,autocomplete:e.autocomplete,"data-autofocus":t===!0||e.autofocus===!0||void 0,disabled:e.disable===!0,readonly:e.readonly===!0,...cl.value};return t!==!0&&w===!0&&(Array.isArray(q.class)===!0?q.class=[...q.class,"no-pointer-events"]:q.class+=" no-pointer-events"),V("input",q)}function xt(t){x!==null&&(clearTimeout(x),x=null),p!==null&&(clearTimeout(p),p=null),!(t&&t.target&&t.target.qComposing===!0)&&(We(t.target.value||""),$=!0,W=S.value,o.focused.value!==!0&&(w!==!0||y.value===!0)&&o.focus(),e.onFilter!==void 0&&(x=setTimeout(()=>{x=null,pe(S.value)},e.inputDebounce)))}function We(t,m){S.value!==t&&(S.value=t,m===!0||e.inputDebounce===0||e.inputDebounce==="0"?n("inputValue",t):p=setTimeout(()=>{p=null,n("inputValue",t)},e.inputDebounce))}function Fe(t,m,f){$=f!==!0,e.useInput===!0&&(We(t,!0),(m===!0||f!==!0)&&(W=t),m!==!0&&pe(t))}function pe(t,m,f){if(e.onFilter===void 0||m!==!0&&o.focused.value!==!0)return;o.innerLoading.value===!0?n("filterAbort"):(o.innerLoading.value=!0,s.value=!0),t!==""&&e.multiple!==!0&&v.value.length!==0&&$!==!0&&t===G.value(v.value[0])&&(t="");const q=setTimeout(()=>{u.value===!0&&(u.value=!1)},10);k!==null&&clearTimeout(k),k=q,n("filter",t,(_,H)=>{(m===!0||o.focused.value===!0)&&k===q&&(clearTimeout(k),typeof _=="function"&&_(),s.value=!1,re(()=>{o.innerLoading.value=!1,o.editable.value===!0&&(m===!0?u.value===!0&&he():u.value===!0?et(!0):u.value=!0),typeof H=="function"&&re(()=>{H(i)}),typeof f=="function"&&re(()=>{f(i)})}))},()=>{o.focused.value===!0&&k===q&&(clearTimeout(k),o.innerLoading.value=!1,s.value=!1),u.value===!0&&(u.value=!1)})}function gl(){return V(An,{ref:I,class:b.value,style:e.popupContentStyle,modelValue:u.value,fit:e.menuShrink!==!0,cover:e.optionsCover===!0&&B.value!==!0&&e.useInput!==!0,anchor:e.menuAnchor,self:e.menuSelf,offset:e.menuOffset,dark:M.value,noParentEvent:!0,noRefocus:!0,noFocus:!0,noRouteDismiss:e.popupNoRouteDismiss,square:Ye.value,transitionShow:e.transitionShow,transitionHide:e.transitionHide,transitionDuration:e.transitionDuration,separateClosePopup:!0,...fe.value,onScrollPassive:J,onBeforeShow:kt,onBeforeHide:Sl,onShow:yl},wt)}function Sl(t){pt(t),qe()}function yl(){oe()}function bl(t){Ae(t),z.value!==null&&z.value.focus(),y.value=!0,window.scrollTo(window.pageXOffset||window.scrollX||document.body.scrollLeft||0,0)}function wl(t){Ae(t),re(()=>{y.value=!1})}function xl(){const t=[V(un,{class:`col-auto ${o.fieldClass.value}`,...E.value,for:o.targetUid.value,dark:M.value,square:!0,loading:s.value,itemAligned:!1,filled:!0,stackLabel:S.value.length!==0,...o.splitAttrs.listeners.value,onFocus:bl,onBlur:wl},{...l,rawControl:()=>o.getControl(!0),before:void 0,after:void 0})];return u.value===!0&&t.push(V("div",{ref:N,class:b.value+" scroll",style:e.popupContentStyle,...fe.value,onClick:Pe,onScrollPassive:J},wt())),V(Mn,{ref:L,modelValue:r.value,position:e.useInput===!0?"top":void 0,transitionShow:Q,transitionHide:e.transitionHide,transitionDuration:e.transitionDuration,noRouteDismiss:e.popupNoRouteDismiss,onBeforeShow:kt,onBeforeHide:Cl,onHide:kl,onShow:pl},()=>V("div",{class:"q-select__dialog"+(M.value===!0?" q-select__dialog--dark q-dark":"")+(y.value===!0?" q-select__dialog--focused":"")},t))}function Cl(t){pt(t),L.value!==null&&L.value.__updateRefocusTarget(o.rootRef.value.querySelector(".q-field__native > [tabindex]:last-child")),o.focused.value=!1}function kl(t){he(),o.focused.value===!1&&n("blur",t),Ee()}function pl(){const t=document.activeElement;(t===null||t.id!==o.targetUid.value)&&z.value!==null&&z.value!==t&&z.value.focus(),oe()}function qe(){r.value!==!0&&(g.value=-1,u.value===!0&&(u.value=!1),o.focused.value===!1&&(k!==null&&(clearTimeout(k),k=null),o.innerLoading.value===!0&&(n("filterAbort"),o.innerLoading.value=!1,s.value=!1)))}function Ve(t){o.editable.value===!0&&(w===!0?(o.onControlFocusin(t),r.value=!0,re(()=>{o.focus()})):o.focus(),e.onFilter!==void 0?pe(S.value):(B.value!==!0||l["no-option"]!==void 0)&&(u.value=!0))}function he(){r.value=!1,qe()}function Ee(){e.useInput===!0&&Fe(e.multiple!==!0&&e.fillInput===!0&&v.value.length!==0&&G.value(v.value[0])||"",!0,!0)}function et(t){let m=-1;if(t===!0){if(v.value.length!==0){const f=ae.value(v.value[0]);m=e.options.findIndex(q=>_e(ae.value(q),f))}U(m)}ke(m)}function ql(t,m){u.value===!0&&o.innerLoading.value===!1&&(U(-1,!0),re(()=>{u.value===!0&&o.innerLoading.value===!1&&(t>m?U():et(!0))}))}function Ct(){r.value===!1&&I.value!==null&&I.value.updatePosition()}function kt(t){t!==void 0&&Ae(t),n("popupShow",t),o.hasPopupOpen=!0,o.onControlFocusin(t)}function pt(t){t!==void 0&&Ae(t),n("popupHide",t),o.hasPopupOpen=!1,o.onControlFocusout(t)}function qt(){w=a.platform.is.mobile!==!0&&e.behavior!=="dialog"?!1:e.behavior!=="menu"&&(e.useInput===!0?l["no-option"]!==void 0||e.onFilter!==void 0||B.value===!1:!0),Q=a.platform.is.ios===!0&&w===!0&&e.useInput===!0?"fade":e.transitionShow}return Wl(qt),Kl(Ct),qt(),we(()=>{x!==null&&clearTimeout(x),p!==null&&clearTimeout(p)}),Object.assign(i,{showPopup:Ve,hidePopup:he,removeAtIndex:Ge,add:vt,toggleOption:me,getOptionIndex:()=>g.value,setOptionIndex:ke,moveOptionSelection:$e,filter:pe,updateMenuPosition:Ct,updateInputValue:Fe,isOptionSelected:Je,getEmittingOptionValue:ft,isOptionDisabled:(...t)=>Ce.value.apply(null,t)===!0,getOptionValue:(...t)=>ae.value.apply(null,t),getOptionLabel:(...t)=>G.value.apply(null,t)}),Object.assign(o,{innerValue:v,fieldClass:C(()=>`q-select q-field--auto-height q-select--with${e.useInput!==!0?"out":""}-input q-select--with${e.useChips!==!0?"out":""}-chips q-select--${e.multiple===!0?"multiple":"single"}`),inputRef:O,targetRef:z,hasValue:P,showPopup:Ve,floatingLabel:C(()=>e.hideSelected!==!0&&P.value===!0||typeof S.value=="number"||S.value.length!==0||Et(e.displayValue)),getControlChild:()=>{if(o.editable.value!==!1&&(r.value===!0||B.value!==!0||l["no-option"]!==void 0))return w===!0?xl():gl();o.hasPopupOpen===!0&&(o.hasPopupOpen=!1)},controlEvents:{onFocusin(t){o.onControlFocusin(t)},onFocusout(t){o.onControlFocusout(t,()=>{Ee(),qe()})},onClick(t){if(Pe(t),w!==!0&&u.value===!0){qe(),z.value!==null&&z.value.focus();return}Ve(t)}},getControl:t=>{const m=ml(),f=t===!0||r.value!==!0||w!==!0;if(e.useInput===!0)m.push(hl(t,f));else if(o.editable.value===!0){const _=f===!0?Le.value:void 0;m.push(V("input",{ref:f===!0?z:void 0,key:"d_t",class:"q-select__focus-target",id:f===!0?o.targetUid.value:void 0,value:R.value,readonly:!0,"data-autofocus":t===!0||e.autofocus===!0||void 0,..._,onKeydown:yt,onKeyup:ht,onKeypress:St})),f===!0&&typeof e.autocomplete=="string"&&e.autocomplete.length!==0&&m.push(V("input",{class:"q-select__autocomplete-input",autocomplete:e.autocomplete,tabindex:-1,onKeyup:gt}))}if(Z.value!==void 0&&e.disable!==!0&&De.value.length!==0){const _=De.value.map(H=>V("option",{value:H,selected:!0}));m.push(V("select",{class:"hidden",name:Z.value,multiple:e.multiple},_))}const q=e.useInput===!0||f!==!0?void 0:o.splitAttrs.attributes.value;return V("div",{class:"q-field__native row items-center",...q,...o.splitAttrs.listeners.value},m)},getInnerAppend:()=>e.loading!==!0&&s.value!==!0&&e.hideDropdownIcon!==!0?[V(je,{class:"q-select__dropdown-icon"+(u.value===!0?" rotate-180":""),name:Be.value})]:null}),$t(o)}});export{$n as Q,tl as a,pn as b,nl as c,ll as d,fn as e,dn as f,el as g,kn as h,rn as i,Xe as j,_t as p,zt as r,rl as s,sn as u,Ft as v};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{R as Ae,f as z,p as Be}from"./ComponentBase.1ae19b7e.js";import{c as $e,h as xe}from"./render.e67ff27a.js";import{i as Me,e as Y,r as T,a as d,o as ve,v as De,ag as fe,x as Ee,h,t as se,O as Qe,$ as We,g as de,a7 as Fe,c as be,w as V,y as je,R as Ke,Z as Oe}from"./index.43c62a18.js";import{Q as Ve}from"./QResizeObserver.30c3566c.js";import{c as p,j as ze}from"./QSelect.a40eb786.js";import{b as ce}from"./format.41663636.js";let He=0;const Ne=["click","keydown"],Ue={icon:String,label:[Number,String],alert:[Boolean,String],alertIcon:String,name:{type:[Number,String],default:()=>`t_${He++}`},noCaps:Boolean,tabindex:[String,Number],disable:Boolean,contentClass:String,ripple:{type:[Boolean,Object],default:!0}};function Ge(e,P,C,c){const r=Me(fe,Y);if(r===Y)return console.error("QTab/QRouteTab component needs to be child of QTabs"),Y;const{proxy:H}=de(),M=T(null),E=T(null),Q=T(null),N=d(()=>e.disable===!0||e.ripple===!1?!1:Object.assign({keyCodes:[13,32],early:!0},e.ripple===!0?{}:e.ripple)),A=d(()=>r.currentModel.value===e.name),U=d(()=>"q-tab relative-position self-stretch flex flex-center text-center"+(A.value===!0?" q-tab--active"+(r.tabProps.value.activeClass?" "+r.tabProps.value.activeClass:"")+(r.tabProps.value.activeColor?` text-${r.tabProps.value.activeColor}`:"")+(r.tabProps.value.activeBgColor?` bg-${r.tabProps.value.activeBgColor}`:""):" q-tab--inactive")+(e.icon&&e.label&&r.tabProps.value.inlineLabel===!1?" q-tab--full":"")+(e.noCaps===!0||r.tabProps.value.noCaps===!0?" q-tab--no-caps":"")+(e.disable===!0?" disabled":" q-focusable q-hoverable cursor-pointer")+(c!==void 0?c.linkClass.value:"")),I=d(()=>"q-tab__content self-stretch flex-center relative-position q-anchor--skip non-selectable "+(r.tabProps.value.inlineLabel===!0?"row no-wrap q-tab__content--inline":"column")+(e.contentClass!==void 0?` ${e.contentClass}`:"")),g=d(()=>e.disable===!0||r.hasFocus.value===!0||A.value===!1&&r.hasActiveTab.value===!0?-1:e.tabindex||0);function y(l,b){if(b!==!0&&M.value!==null&&M.value.focus(),e.disable===!0){c!==void 0&&c.hasRouterLink.value===!0&&se(l);return}if(c===void 0){r.updateModel({name:e.name}),C("click",l);return}if(c.hasRouterLink.value===!0){const m=(v={})=>{let w;const q=v.to===void 0||Fe(v.to,e.to)===!0?r.avoidRouteWatcher=Be():null;return c.navigateToRouterLink(l,{...v,returnRouterError:!0}).catch(S=>{w=S}).then(S=>{if(q===r.avoidRouteWatcher&&(r.avoidRouteWatcher=!1,w===void 0&&(S===void 0||S.message!==void 0&&S.message.startsWith("Avoided redundant navigation")===!0)&&r.updateModel({name:e.name})),v.returnRouterError===!0)return w!==void 0?Promise.reject(w):S})};C("click",l,m),l.defaultPrevented!==!0&&m();return}C("click",l)}function _(l){Qe(l,[13,32])?y(l,!0):We(l)!==!0&&l.keyCode>=35&&l.keyCode<=40&&l.altKey!==!0&&l.metaKey!==!0&&r.onKbdNavigate(l.keyCode,H.$el)===!0&&se(l),C("keydown",l)}function D(){const l=r.tabProps.value.narrowIndicator,b=[],m=h("div",{ref:Q,class:["q-tab__indicator",r.tabProps.value.indicatorClass]});e.icon!==void 0&&b.push(h(z,{class:"q-tab__icon",name:e.icon})),e.label!==void 0&&b.push(h("div",{class:"q-tab__label"},e.label)),e.alert!==!1&&b.push(e.alertIcon!==void 0?h(z,{class:"q-tab__alert-icon",color:e.alert!==!0?e.alert:void 0,name:e.alertIcon}):h("div",{class:"q-tab__alert"+(e.alert!==!0?` text-${e.alert}`:"")})),l===!0&&b.push(m);const v=[h("div",{class:"q-focus-helper",tabindex:-1,ref:M}),h("div",{class:I.value},$e(P.default,b))];return l===!1&&v.push(m),v}const B={name:d(()=>e.name),rootRef:E,tabIndicatorRef:Q,routeData:c};ve(()=>{r.unregisterTab(B)}),De(()=>{r.registerTab(B)});function W(l,b){const m={ref:E,class:U.value,tabindex:g.value,role:"tab","aria-selected":A.value===!0?"true":"false","aria-disabled":e.disable===!0?"true":void 0,onClick:y,onKeydown:_,...b};return Ee(h(l,m,D()),[[Ae,N.value]])}return{renderTab:W,$tabs:r}}var nt=be({name:"QTab",props:Ue,emits:Ne,setup(e,{slots:P,emit:C}){const{renderTab:c}=Ge(e,P,C);return()=>c("div")}});function Xe(e,P,C){const c=C===!0?["left","right"]:["top","bottom"];return`absolute-${P===!0?c[0]:c[1]}${e?` text-${e}`:""}`}const Ze=["left","center","right","justify"];var lt=be({name:"QTabs",props:{modelValue:[Number,String],align:{type:String,default:"center",validator:e=>Ze.includes(e)},breakpoint:{type:[String,Number],default:600},vertical:Boolean,shrink:Boolean,stretch:Boolean,activeClass:String,activeColor:String,activeBgColor:String,indicatorColor:String,leftIcon:String,rightIcon:String,outsideArrows:Boolean,mobileArrows:Boolean,switchIndicator:Boolean,narrowIndicator:Boolean,inlineLabel:Boolean,noCaps:Boolean,dense:Boolean,contentClass:String,"onUpdate:modelValue":[Function,Array]},setup(e,{slots:P,emit:C}){const{proxy:c}=de(),{$q:r}=c,{registerTick:H}=p(),{registerTick:M}=p(),{registerTick:E}=p(),{registerTimeout:Q,removeTimeout:N}=ce(),{registerTimeout:A,removeTimeout:U}=ce(),I=T(null),g=T(null),y=T(e.modelValue),_=T(!1),D=T(!0),B=T(!1),W=T(!1),l=[],b=T(0),m=T(!1);let v=null,w=null,q;const S=d(()=>({activeClass:e.activeClass,activeColor:e.activeColor,activeBgColor:e.activeBgColor,indicatorClass:Xe(e.indicatorColor,e.switchIndicator,e.vertical),narrowIndicator:e.narrowIndicator,inlineLabel:e.inlineLabel,noCaps:e.noCaps})),he=d(()=>{const t=b.value,a=y.value;for(let n=0;n<t;n++)if(l[n].name.value===a)return!0;return!1}),ge=d(()=>`q-tabs__content--align-${_.value===!0?"left":W.value===!0?"justify":e.align}`),me=d(()=>`q-tabs row no-wrap items-center q-tabs--${_.value===!0?"":"not-"}scrollable q-tabs--${e.vertical===!0?"vertical":"horizontal"} q-tabs__arrows--${e.outsideArrows===!0?"outside":"inside"} q-tabs--mobile-with${e.mobileArrows===!0?"":"out"}-arrows`+(e.dense===!0?" q-tabs--dense":"")+(e.shrink===!0?" col-shrink":"")+(e.stretch===!0?" self-stretch":"")),Te=d(()=>"q-tabs__content scroll--mobile row no-wrap items-center self-stretch hide-scrollbar relative-position "+ge.value+(e.contentClass!==void 0?` ${e.contentClass}`:"")),F=d(()=>e.vertical===!0?{container:"height",content:"offsetHeight",scroll:"scrollHeight"}:{container:"width",content:"offsetWidth",scroll:"scrollWidth"}),j=d(()=>e.vertical!==!0&&r.lang.rtl===!0),G=d(()=>ze===!1&&j.value===!0);V(j,x),V(()=>e.modelValue,t=>{X({name:t,setCurrent:!0,skipEmit:!0})}),V(()=>e.outsideArrows,K);function X({name:t,setCurrent:a,skipEmit:n}){y.value!==t&&(n!==!0&&e["onUpdate:modelValue"]!==void 0&&C("update:modelValue",t),(a===!0||e["onUpdate:modelValue"]===void 0)&&(we(y.value,t),y.value=t))}function K(){H(()=>{ee({width:I.value.offsetWidth,height:I.value.offsetHeight})})}function ee(t){if(F.value===void 0||g.value===null)return;const a=t[F.value.container],n=Math.min(g.value[F.value.scroll],Array.prototype.reduce.call(g.value.children,(s,i)=>s+(i[F.value.content]||0),0)),u=a>0&&n>a;_.value=u,u===!0&&M(x),W.value=a<parseInt(e.breakpoint,10)}function we(t,a){const n=t!=null&&t!==""?l.find(s=>s.name.value===t):null,u=a!=null&&a!==""?l.find(s=>s.name.value===a):null;if(n&&u){const s=n.tabIndicatorRef.value,i=u.tabIndicatorRef.value;v!==null&&(clearTimeout(v),v=null),s.style.transition="none",s.style.transform="none",i.style.transition="none",i.style.transform="none";const o=s.getBoundingClientRect(),f=i.getBoundingClientRect();i.style.transform=e.vertical===!0?`translate3d(0,${o.top-f.top}px,0) scale3d(1,${f.height?o.height/f.height:1},1)`:`translate3d(${o.left-f.left}px,0,0) scale3d(${f.width?o.width/f.width:1},1,1)`,E(()=>{v=setTimeout(()=>{v=null,i.style.transition="transform .25s cubic-bezier(.4, 0, .2, 1)",i.style.transform="none"},70)})}u&&_.value===!0&&$(u.rootRef.value)}function $(t){const{left:a,width:n,top:u,height:s}=g.value.getBoundingClientRect(),i=t.getBoundingClientRect();let o=e.vertical===!0?i.top-u:i.left-a;if(o<0){g.value[e.vertical===!0?"scrollTop":"scrollLeft"]+=Math.floor(o),x();return}o+=e.vertical===!0?i.height-s:i.width-n,o>0&&(g.value[e.vertical===!0?"scrollTop":"scrollLeft"]+=Math.ceil(o),x())}function x(){const t=g.value;if(t===null)return;const a=t.getBoundingClientRect(),n=e.vertical===!0?t.scrollTop:Math.abs(t.scrollLeft);j.value===!0?(D.value=Math.ceil(n+a.width)<t.scrollWidth-1,B.value=n>0):(D.value=n>0,B.value=e.vertical===!0?Math.ceil(n+a.height)<t.scrollHeight:Math.ceil(n+a.width)<t.scrollWidth)}function te(t){w!==null&&clearInterval(w),w=setInterval(()=>{qe(t)===!0&&k()},5)}function ae(){te(G.value===!0?Number.MAX_SAFE_INTEGER:0)}function ne(){te(G.value===!0?0:Number.MAX_SAFE_INTEGER)}function k(){w!==null&&(clearInterval(w),w=null)}function Ce(t,a){const n=Array.prototype.filter.call(g.value.children,f=>f===a||f.matches&&f.matches(".q-tab.q-focusable")===!0),u=n.length;if(u===0)return;if(t===36)return $(n[0]),n[0].focus(),!0;if(t===35)return $(n[u-1]),n[u-1].focus(),!0;const s=t===(e.vertical===!0?38:37),i=t===(e.vertical===!0?40:39),o=s===!0?-1:i===!0?1:void 0;if(o!==void 0){const f=j.value===!0?-1:1,R=n.indexOf(a)+o*f;return R>=0&&R<u&&($(n[R]),n[R].focus({preventScroll:!0})),!0}}const ye=d(()=>G.value===!0?{get:t=>Math.abs(t.scrollLeft),set:(t,a)=>{t.scrollLeft=-a}}:e.vertical===!0?{get:t=>t.scrollTop,set:(t,a)=>{t.scrollTop=a}}:{get:t=>t.scrollLeft,set:(t,a)=>{t.scrollLeft=a}});function qe(t){const a=g.value,{get:n,set:u}=ye.value;let s=!1,i=n(a);const o=t<i?-1:1;return i+=o*5,i<0?(s=!0,i=0):(o===-1&&i<=t||o===1&&i>=t)&&(s=!0,i=t),u(a,i),x(),s}function le(t,a){for(const n in t)if(t[n]!==a[n])return!1;return!0}function Re(){let t=null,a={matchedLen:0,queryDiff:9999,hrefLen:0};const n=l.filter(o=>o.routeData!==void 0&&o.routeData.hasRouterLink.value===!0),{hash:u,query:s}=c.$route,i=Object.keys(s).length;for(const o of n){const f=o.routeData.exact.value===!0;if(o.routeData[f===!0?"linkIsExactActive":"linkIsActive"].value!==!0)continue;const{hash:R,query:Z,matched:Pe,href:Ie}=o.routeData.resolvedLink.value,J=Object.keys(Z).length;if(f===!0){if(R!==u||J!==i||le(s,Z)===!1)continue;t=o.name.value;break}if(R!==""&&R!==u||J!==0&&le(Z,s)===!1)continue;const L={matchedLen:Pe.length,queryDiff:i-J,hrefLen:Ie.length-R.length};if(L.matchedLen>a.matchedLen){t=o.name.value,a=L;continue}else if(L.matchedLen!==a.matchedLen)continue;if(L.queryDiff<a.queryDiff)t=o.name.value,a=L;else if(L.queryDiff!==a.queryDiff)continue;L.hrefLen>a.hrefLen&&(t=o.name.value,a=L)}t===null&&l.some(o=>o.routeData===void 0&&o.name.value===y.value)===!0||X({name:t,setCurrent:!0})}function _e(t){if(N(),m.value!==!0&&I.value!==null&&t.target&&typeof t.target.closest=="function"){const a=t.target.closest(".q-tab");a&&I.value.contains(a)===!0&&(m.value=!0,_.value===!0&&$(a))}}function Se(){Q(()=>{m.value=!1},30)}function O(){re.avoidRouteWatcher===!1?A(Re):U()}function oe(){if(q===void 0){const t=V(()=>c.$route.fullPath,O);q=()=>{t(),q=void 0}}}function ke(t){l.push(t),b.value++,K(),t.routeData===void 0||c.$route===void 0?A(()=>{if(_.value===!0){const a=y.value,n=a!=null&&a!==""?l.find(u=>u.name.value===a):null;n&&$(n.rootRef.value)}}):(oe(),t.routeData.hasRouterLink.value===!0&&O())}function Le(t){l.splice(l.indexOf(t),1),b.value--,K(),q!==void 0&&t.routeData!==void 0&&(l.every(a=>a.routeData===void 0)===!0&&q(),O())}const re={currentModel:y,tabProps:S,hasFocus:m,hasActiveTab:he,registerTab:ke,unregisterTab:Le,verifyRouteModel:O,updateModel:X,onKbdNavigate:Ce,avoidRouteWatcher:!1};je(fe,re);function ie(){v!==null&&clearTimeout(v),k(),q!==void 0&&q()}let ue;return ve(ie),Ke(()=>{ue=q!==void 0,ie()}),Oe(()=>{ue===!0&&oe(),K()}),()=>h("div",{ref:I,class:me.value,role:"tablist",onFocusin:_e,onFocusout:Se},[h(Ve,{onResize:ee}),h("div",{ref:g,class:Te.value,onScroll:x},xe(P.default)),h(z,{class:"q-tabs__arrow q-tabs__arrow--left absolute q-tab__icon"+(D.value===!0?"":" q-tabs__arrow--faded"),name:e.leftIcon||r.iconSet.tabs[e.vertical===!0?"up":"left"],onMousedownPassive:ae,onTouchstartPassive:ae,onMouseupPassive:k,onMouseleavePassive:k,onTouchendPassive:k}),h(z,{class:"q-tabs__arrow q-tabs__arrow--right absolute q-tab__icon"+(B.value===!0?"":" q-tabs__arrow--faded"),name:e.rightIcon||r.iconSet.tabs[e.vertical===!0?"down":"right"],onMousedownPassive:ne,onTouchstartPassive:ne,onMouseupPassive:k,onMouseleavePassive:k,onTouchendPassive:k})])}});export{nt as Q,Ne as a,Ge as b,lt as c,Ue as u};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{f as u}from"./ComponentBase.1ae19b7e.js";import{u as i,a as s,b as m}from"./use-checkbox.44a623c0.js";import{c as g,a as c,h as o}from"./index.43c62a18.js";var h=g({name:"QToggle",props:{...i,icon:String,iconColor:String},emits:s,setup(e){function a(t,r){const n=c(()=>(t.value===!0?e.checkedIcon:r.value===!0?e.indeterminateIcon:e.uncheckedIcon)||e.icon),l=c(()=>t.value===!0?e.iconColor:null);return()=>[o("div",{class:"q-toggle__track"}),o("div",{class:"q-toggle__thumb absolute flex flex-center no-wrap"},n.value!==void 0?[o(u,{name:n.value,color:l.value})]:void 0)]}return m("toggle",a)}});export{h as Q};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{c as te,r as C,a as f,w as E,o as k,q as x,j as H,h as q,_ as oe,g as ae,t as ne}from"./index.43c62a18.js";import{u as ie,a as T,v as A,b as se,c as le,d as re,e as ue,f as ce,g as de,r as j,s as fe,p as D,h as he}from"./QSelect.a40eb786.js";import{u as ve,s as me,a as ge,b as Te,d as pe,c as M,h as ye}from"./format.41663636.js";import{h as be}from"./render.e67ff27a.js";var Ce=te({name:"QTooltip",inheritAttrs:!1,props:{...ie,...ve,...T,maxHeight:{type:String,default:null},maxWidth:{type:String,default:null},transitionShow:{...T.transitionShow,default:"jump-down"},transitionHide:{...T.transitionHide,default:"jump-up"},anchor:{type:String,default:"bottom middle",validator:A},self:{type:String,default:"top middle",validator:A},offset:{type:Array,default:()=>[14,14],validator:se},scrollTarget:me,delay:{type:Number,default:0},hideDelay:{type:Number,default:0},persistent:Boolean},emits:[...ge],setup(e,{slots:L,emit:p,attrs:h}){let i,s;const v=ae(),{proxy:{$q:o}}=v,l=C(null),c=C(!1),Q=f(()=>D(e.anchor,o.lang.rtl)),W=f(()=>D(e.self,o.lang.rtl)),_=f(()=>e.persistent!==!0),{registerTick:B,removeTick:N}=le(),{registerTimeout:d}=Te(),{transitionProps:R,transitionStyle:I}=re(e),{localScrollTarget:y,changeScrollEvent:U,unconfigureScrollTarget:V}=ue(e,w),{anchorEl:a,canShow:$,anchorEvents:r}=ce({showing:c,configureAnchorEl:Y}),{show:z,hide:m}=pe({showing:c,canShow:$,handleShow:G,handleHide:J,hideOnRouteChange:_,processOnMount:!0});Object.assign(r,{delayShow:K,delayHide:X});const{showPortal:b,hidePortal:S,renderPortal:F}=de(v,l,ee,"tooltip");if(o.platform.is.mobile===!0){const t={anchorEl:a,innerRef:l,onClickOutside(n){return m(n),n.target.classList.contains("q-dialog__backdrop")&&ne(n),!0}},g=f(()=>e.modelValue===null&&e.persistent!==!0&&c.value===!0);E(g,n=>{(n===!0?he:j)(t)}),k(()=>{j(t)})}function G(t){b(),B(()=>{s=new MutationObserver(()=>u()),s.observe(l.value,{attributes:!1,childList:!0,characterData:!0,subtree:!0}),u(),w()}),i===void 0&&(i=E(()=>o.screen.width+"|"+o.screen.height+"|"+e.self+"|"+e.anchor+"|"+o.lang.rtl,u)),d(()=>{b(!0),p("show",t)},e.transitionDuration)}function J(t){N(),S(),P(),d(()=>{S(!0),p("hide",t)},e.transitionDuration)}function P(){s!==void 0&&(s.disconnect(),s=void 0),i!==void 0&&(i(),i=void 0),V(),x(r,"tooltipTemp")}function u(){fe({targetEl:l.value,offset:e.offset,anchorEl:a.value,anchorOrigin:Q.value,selfOrigin:W.value,maxHeight:e.maxHeight,maxWidth:e.maxWidth})}function K(t){if(o.platform.is.mobile===!0){M(),document.body.classList.add("non-selectable");const g=a.value,n=["touchmove","touchcancel","touchend","click"].map(O=>[g,O,"delayHide","passiveCapture"]);H(r,"tooltipTemp",n)}d(()=>{z(t)},e.delay)}function X(t){o.platform.is.mobile===!0&&(x(r,"tooltipTemp"),M(),setTimeout(()=>{document.body.classList.remove("non-selectable")},10)),d(()=>{m(t)},e.hideDelay)}function Y(){if(e.noParentEvent===!0||a.value===null)return;const t=o.platform.is.mobile===!0?[[a.value,"touchstart","delayShow","passive"]]:[[a.value,"mouseenter","delayShow","passive"],[a.value,"mouseleave","delayHide","passive"]];H(r,"anchor",t)}function w(){if(a.value!==null||e.scrollTarget!==void 0){y.value=ye(a.value,e.scrollTarget);const t=e.noParentEvent===!0?u:m;U(y.value,t)}}function Z(){return c.value===!0?q("div",{...h,ref:l,class:["q-tooltip q-tooltip--style q-position-engine no-pointer-events",h.class],style:[h.style,I.value],role:"tooltip"},be(L.default)):null}function ee(){return q(oe,R.value,Z)}return k(P),Object.assign(v.proxy,{updatePosition:u}),F}});export{Ce as Q};
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
import{Q as p,_ as x}from"./ComponentBase.1ae19b7e.js";import{Q as c}from"./QCheckbox.48b43f7d.js";import{Q as U}from"./QPage.ca395ec4.js";import{Q as y}from"./QRadio.0a7f5e2c.js";import{ac as R,v as S,ad as _,F as f,K as B,U as t,I as d,H as m,N as b,M as Q,r as i,G as k}from"./index.43c62a18.js";import"./dom.e9d4ad51.js";import"./render.e67ff27a.js";import"./use-checkbox.44a623c0.js";import"./option-sizes.10cc02d3.js";const q=["for"],w={class:"text-center text-caption-lg radio-label"},V={__name:"URadioStd",props:R({label:{type:String,default:"Radio"},value:{type:String},disable:{type:Boolean,default:!1},id:{type:[String,Number],default:"u-radio",required:!0}},{modelValue:{},modelModifiers:{}}),emits:["update:modelValue"],setup(a){const s=a;S(()=>{const u=document.getElementById(s.id);if(u){const o=u.querySelector("input");o.id=s.id}});const n=_(a,"modelValue");return(u,o)=>(f(),B(Q,null,[t("label",{class:"hidden",for:a.id},"Radio",8,q),d(y,{modelValue:n.value,"onUpdate:modelValue":o[0]||(o[0]=v=>n.value=v),class:"u-radio",val:a.value,color:"primary","keep-color":"",dense:"",size:"3rem",disable:a.disable,id:a.id},{default:m(()=>[t("div",w,b(a.label),1)]),_:1},8,["modelValue","val","disable","id"])],64))}},F={class:"q-gutter-x-md q-mb-sm"},L={class:"column q-gutter-y-lg"},M=`<URadioStd
|
|
2
|
-
:label="label"
|
|
3
|
-
v-model="radioValue"
|
|
4
|
-
:value="value"
|
|
5
|
-
:disable="disabled"
|
|
6
|
-
:id="id"
|
|
7
|
-
/>`,K=Object.assign({name:"URadio"},{__name:"Radio",setup(a){const s=i(!1),n=i(!1),u=i("Radio1"),o=i("Radio2"),v=i("one"),g=i("two"),r=i();return(C,e)=>(f(),k(U,{class:"flex flex-center"},{default:m(()=>[d(x,{figmaUrl:"https://www.figma.com/design/2FoTrjVL4ZrTdsvB4DcSao/Components?node-id=2290-152010&t=ZyHTLbK43OFj9gBL-0"},{component:m(()=>[t("div",F,[d(V,{label:u.value,modelValue:r.value,"onUpdate:modelValue":e[0]||(e[0]=l=>r.value=l),value:v.value,disable:s.value,id:"u-radio"},null,8,["label","modelValue","value","disable"]),d(V,{label:o.value,modelValue:r.value,"onUpdate:modelValue":e[1]||(e[1]=l=>r.value=l),value:g.value,disable:n.value,id:"u-radio-2"},null,8,["label","modelValue","value","disable"])]),t("div",null,[t("p",null,"Your selection is: "+b(r.value),1)])]),properties:m(()=>[t("div",L,[d(p,{label:"Label1",modelValue:u.value,"onUpdate:modelValue":e[2]||(e[2]=l=>u.value=l)},null,8,["modelValue"]),d(p,{label:"Label2",modelValue:o.value,"onUpdate:modelValue":e[3]||(e[3]=l=>o.value=l)},null,8,["modelValue"]),d(c,{size:"xs",modelValue:s.value,"onUpdate:modelValue":e[4]||(e[4]=l=>s.value=l),label:"Disable Radio1"},null,8,["modelValue"]),d(c,{size:"xs",modelValue:n.value,"onUpdate:modelValue":e[5]||(e[5]=l=>n.value=l),label:"Disable Radio2"},null,8,["modelValue"])])]),code:m(()=>[t("pre",null,[t("code",null,b(M))])]),_:1})]),_:1}))}});export{K as default};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
.u-radio .q-radio__label{padding-left:.5rem!important}.radio-label{color:#234ba9}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
.u-select.q-field--auto-height .q-field__control,.u-select.q-field--auto-height .q-field__native{min-height:2rem;align-items:center}.u-select.q-field--outlined .q-field__control{border-radius:.5rem;padding:0 .5rem}.u-select.q-field--outlined .q-field__control:before{background:white;border:1.5px solid #DCE1E9}.u-select.field-sm .q-field__marginal{height:2rem}.u-select.field-md .q-field__marginal{height:2.5rem}.u-select.field-lg .q-field__marginal{height:3rem}.u-select:hover .q-field__control:before{border:1.5px solid #234BA9}.u-select.q-field--with-bottom{padding-bottom:0}.u-select .q-field__control:focus-within{box-shadow:0 0 0 2px #234ba933}.u-select .q-field__bottom{padding:4px 0 0}.u-select .q-field__prepend{padding-right:.5rem}.u-options-menu{border-radius:.5rem;box-shadow:0 0 4px #10111414;max-height:11.25rem!important;width:18rem;overflow-y:auto;scrollbar-width:none}.no-option-menu{border-radius:.5rem;box-shadow:0 0 4px #10111414;height:3.125rem}.u-custom-option{margin:.25rem;border-radius:.25rem;padding:.5rem;min-height:2.5rem}
|
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
import{f,Q as r,_ as B}from"./ComponentBase.1ae19b7e.js";import{Q as $}from"./QSelect.a40eb786.js";import{Q as R}from"./QCheckbox.48b43f7d.js";import{Q as G}from"./QPage.ca395ec4.js";import{l as C,m as U,Q as L}from"./format.41663636.js";import{_ as J}from"./UTooltip.d2e04d0c.js";import{a as A,F as u,K as w,U as s,J as T,N as c,a9 as m,G as v,H as a,I as o,ae as H,aa as Q,ab as P,r as i}from"./index.43c62a18.js";import"./dom.e9d4ad51.js";import"./render.e67ff27a.js";import"./use-checkbox.44a623c0.js";import"./option-sizes.10cc02d3.js";import"./QTooltip.5aa8e325.js";const M={class:"column q-gutter-y-xs"},D={for:"select",class:"row items-center"},O={class:"u-select-label text-body-sm"},Z={key:0,class:"text-red-5 q-ml-xs"},j={class:"row no-wrap items-center"},E={class:"q-mx-xxs text-body-xs"},K={key:0,class:"q-pr-xs"},W={__name:"USelectStd",props:{label:{type:String,required:!0},modelValue:{type:String,requried:!0},options:{type:Array,required:!0},optionValue:{type:String},optionLabel:{type:String},isRequired:{type:Boolean,default:!1},toolTipText:{type:String},leftIcon:{type:String},hintText:{type:String},hintIcon:{type:String,default:"fa-kit-duotone fa-triangle-exclamation"},placeholder:{type:String,default:"Select"},useInput:{type:Boolean,required:!1},size:{type:String,default:"md",validator:e=>["sm","md","lg"].includes(e)},noSearchText:{type:String,required:!1},filterFn:{type:Function,required:!1},color:{type:String,default:"neutral-7"}},emits:["update:modelValue"],setup(e,{emit:b}){const x=e,h=b,V=A({get(){return x.modelValue},set(p){return h("update:modelValue",p)}});return(p,d)=>(u(),w("section",M,[s("label",D,[s("div",O,[T(c(e.label)+" ",1),e.isRequired?(u(),w("span",Z,"*")):m("",!0)]),e.toolTipText?(u(),v(f,{key:0,class:"q-ml-xs fa-kit-duotone fa-circle-info cursor-pointer",size:"1rem",color:"neutral-9","aria-hidden":"true"},{default:a(()=>[o(J,{description:e.toolTipText,anchor:"top middle",self:"bottom middle"},null,8,["description"])]),_:1})):m("",!0)]),o($,P({class:["u-select",`field-${e.size}`],id:"select",color:e.color,"dropdown-icon":"img:icons/caret-down.svg","emit-value":"","menu-offset":[0,5],"option-value":e.optionValue,"option-label":e.optionLabel,options:e.options,outlined:"","options-selected-class":"primary bg-blue-1","popup-content-class":"u-options-menu",modelValue:V.value,"onUpdate:modelValue":d[0]||(d[0]=n=>V.value=n),"hide-bottom-space":"","bottom-slots":""},p.$attrs,{"use-input":e.useInput,onFilter:e.filterFn,placeholder:e.placeholder}),H({"no-option":a(()=>[o(C,null,{default:a(()=>[o(U,{class:"text-grey"},{default:a(()=>[T(c(e.noSearchText),1)]),_:1})]),_:1})]),option:a(n=>[o(C,P({class:"items-center u-custom-option"},n.itemProps),{default:a(()=>[n.opt.icon?(u(),w("div",K,[o(f,{class:Q(n.opt.icon),color:"neutral-13",size:"1rem"},null,8,["class"])])):m("",!0),o(U,null,{default:a(()=>[o(L,{class:"text-body-sm"},{default:a(()=>[T(c(n.opt.label),1)]),_:2},1024),n.opt.description?(u(),v(L,{key:0,caption:""},{default:a(()=>[T(c(n.opt.description),1)]),_:2},1024)):m("",!0)]),_:2},1024),n.selected?(u(),v(U,{key:1,side:""},{default:a(()=>[o(f,{class:"fa-kit-duotone fa-circle-check",color:"primary",size:"1rem"})]),_:1})):m("",!0)]),_:2},1040)]),_:2},[e.leftIcon?{name:"prepend",fn:a(()=>[o(f,{class:Q(e.leftIcon),size:"1rem"},null,8,["class"])]),key:"0"}:void 0,e.hintText?{name:"hint",fn:a(()=>[s("div",j,[e.hintIcon?(u(),v(f,{key:0,class:Q(e.hintIcon),size:"1rem"},null,8,["class"])):m("",!0),s("div",E,c(e.hintText),1)])]),key:"1"}:void 0]),1040,["class","color","option-value","option-label","options","modelValue","use-input","onFilter","placeholder"])]))}},X={class:"q-gutter-y-lg"},Y={class:"row"},_=`<USelectStd
|
|
2
|
-
v-model="modelMultiple"
|
|
3
|
-
color="$primary"
|
|
4
|
-
noSearchText="No result"
|
|
5
|
-
:options="options"
|
|
6
|
-
:label="label"
|
|
7
|
-
:size="size"
|
|
8
|
-
:hintText="hintText"
|
|
9
|
-
:isRequired="isRequired"
|
|
10
|
-
:toolTipText="toolTipText"
|
|
11
|
-
:hintIcon="hintIcon"
|
|
12
|
-
:useInput="useInput"
|
|
13
|
-
:leftIcon="leftIcon"
|
|
14
|
-
:filterFn="filterFn"
|
|
15
|
-
:placeholder="placeholderText"
|
|
16
|
-
/>`,ce={__name:"SelectStd",setup(e){const b=[{label:"Guatemala",value:"Guatemala",icon:"fa-kit-duotone fa-home"},{label:"Philippines",value:"Philippines",icon:"fa-kit-duotone fa-home"},{label:"Colombia",value:"Colombia",icon:"fa-kit-duotone fa-home"},{label:"Turkmenistan",value:"Turkmenistan",icon:"fa-kit-duotone fa-home"},{label:"France",value:"France",icon:"fa-kit-duotone fa-home"},{label:"Philippines",value:"Philippines",icon:"fa-kit-duotone fa-home"},{label:"Greece",value:"Greece",icon:"fa-kit-duotone fa-home"},{label:"Indonesia",value:"Indonesia",icon:"fa-kit-duotone fa-home"},{label:"Russia",value:"Russia",icon:"fa-kit-duotone fa-home"},{label:"Albania",value:"Albania",icon:"fa-kit-duotone fa-home"},{label:"Sweden",value:"Sweden",icon:"fa-kit-duotone fa-home"},{label:"Japan",value:"Japan",icon:"fa-kit-duotone fa-home"},{label:"Czech Republic",value:"Czech Republic",icon:"fa-kit-duotone fa-home"}],x=i(b),h=i(null),V=["sm","md","lg"],p=(F,l)=>{l(()=>{const t=F.toLowerCase();x.value=b.filter(N=>N.value.toLowerCase().indexOf(t)>-1)})},d=i("sm"),n=i(!1),y=i("This is hint text"),I=i("This is tooltip text"),S=i("Label"),k=i("fa-kit-duotone fa-triangle-exclamation"),g=i(""),q=i(!0),z=i("Placeholder");return(F,l)=>(u(),v(G,{class:"flex flex-center"},{default:a(()=>[o(B,{figmaUrl:"https://www.figma.com/design/2FoTrjVL4ZrTdsvB4DcSao/Components?node-id=2290-151315&t=qG4NJ0uRZzUxQs9M-0"},{component:a(()=>[o(W,{modelValue:h.value,"onUpdate:modelValue":l[0]||(l[0]=t=>h.value=t),color:"$primary",noSearchText:"No result",options:x.value,label:S.value,size:d.value,hintText:y.value,isRequired:q.value,toolTipText:I.value,hintIcon:k.value,useInput:n.value,leftIcon:g.value,filterFn:p,placeholder:z.value},null,8,["modelValue","options","label","size","hintText","isRequired","toolTipText","hintIcon","useInput","leftIcon","placeholder"])]),properties:a(()=>[s("div",X,[o(r,{label:"Label",modelValue:S.value,"onUpdate:modelValue":l[1]||(l[1]=t=>S.value=t)},null,8,["modelValue"]),o($,{modelValue:d.value,"onUpdate:modelValue":l[2]||(l[2]=t=>d.value=t),options:V,label:"Size"},null,8,["modelValue"]),o(r,{label:"Hint Icon",modelValue:k.value,"onUpdate:modelValue":l[3]||(l[3]=t=>k.value=t)},null,8,["modelValue"]),o(r,{label:"Hint Text",modelValue:y.value,"onUpdate:modelValue":l[4]||(l[4]=t=>y.value=t)},null,8,["modelValue"]),o(r,{label:"Tooltip Text",modelValue:I.value,"onUpdate:modelValue":l[5]||(l[5]=t=>I.value=t)},null,8,["modelValue"]),o(r,{label:"Placeholder",modelValue:z.value,"onUpdate:modelValue":l[6]||(l[6]=t=>z.value=t)},null,8,["modelValue"]),o(r,{label:"Left Icon",modelValue:g.value,"onUpdate:modelValue":l[7]||(l[7]=t=>g.value=t)},null,8,["modelValue"]),s("div",Y,[o(R,{size:"xs",modelValue:q.value,"onUpdate:modelValue":l[8]||(l[8]=t=>q.value=t),label:"Required"},null,8,["modelValue"]),o(R,{size:"xs",modelValue:n.value,"onUpdate:modelValue":l[9]||(l[9]=t=>n.value=t),label:"Use Input"},null,8,["modelValue"])])])]),code:a(()=>[s("pre",null,c(_))]),_:1})]),_:1}))}};export{ce as default};
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
import{Q as x}from"./QSelect.a40eb786.js";import{f as B,Q as v,_ as $}from"./ComponentBase.1ae19b7e.js";import{Q}from"./QPage.ca395ec4.js";import{Q as y,c as U}from"./QTabs.72f2507e.js";import{_ as T}from"./UBadgeStd.e165ee05.js";import{F as t,G as n,H as s,aa as i,a9 as z,U as m,N as V,r as d,I as o}from"./index.43c62a18.js";import"./dom.e9d4ad51.js";import"./render.e67ff27a.js";import"./format.41663636.js";import"./QResizeObserver.30c3566c.js";const I={class:"u-tab-label truncated-label left-icon-label"},C={class:"u-tab-label truncated-label"},k={__name:"UTabBtnStd",props:{size:{type:String,default:"md"},icon:{type:String,default:""},label:{type:String,default:null},badgeLabel:{type:String,default:null},selectedTab:{type:[String,Number],default:null}},setup(e){return(c,r)=>(t(),n(U,{dense:"","indicator-color":"transparent","inline-label":"","model-value":e.selectedTab,"no-caps":"",class:"u-tabs-outer","active-class":"u-tab-active"},{default:s(()=>[e.icon?(t(),n(y,{key:0,class:i(`u-tab-button text-caption-${e.size} u-tab-${e.size}`),ripple:!1,name:"tab-button","aria-label":"tab-button"},{default:s(()=>[e.icon?(t(),n(B,{key:0,"aria-label":"Tab button Icon",class:i(`${e.icon}`)},null,8,["class"])):z("",!0),m("p",I,V(e.label?e.label:""),1),e.badgeLabel?(t(),n(T,{key:1,label:e.badgeLabel,color:"primary",size:e.size==="md"?"md":"",class:i(`q-ml-xs ${e.size==="sm"?"badge-small":""}`)},null,8,["label","size","class"])):z("",!0)]),_:1},8,["class"])):(t(),n(y,{key:1,class:i(`u-tab-button text-caption-${e.size} u-tab-${e.size}`),ripple:!1,name:"tab-button"},{default:s(()=>[m("p",C,V(e.label?e.label:""),1),e.badgeLabel?(t(),n(T,{key:0,label:e.badgeLabel,color:"primary",size:e.size==="md"?"md":"",class:i(`q-ml-xs ${e.size==="sm"?"badge-small":""}`)},null,8,["label","size","class"])):z("",!0)]),_:1},8,["class"]))]),_:1},8,["model-value"]))}},w={class:"column q-gutter-y-lg"},N=`<UTabBtnStd
|
|
2
|
-
v-model="selectedTab"
|
|
3
|
-
:label="label"
|
|
4
|
-
:size="size"
|
|
5
|
-
:icon="icon"
|
|
6
|
-
:badgeLabel="badgeLabel"
|
|
7
|
-
/>`,W=Object.assign({name:"TabButtonPage"},{__name:"TabButtonPage",setup(e){const c=d(null),r=d("md"),p=["sm","md"],u=d(""),f=d("Tab Button"),g=d(null),L=b=>{c.value=b},S=b=>{b?u.value=b:u.value=""};return(b,l)=>(t(),n(Q,{class:"flex flex-center"},{default:s(()=>[o($,{figmaUrl:"https://www.figma.com/design/2FoTrjVL4ZrTdsvB4DcSao/Components?node-id=4-28&t=K9pIC6Ve5iom3wvc-0",cardWidth:"50%"},{component:s(()=>[o(k,{"onUpdate:modelValue":[l[0]||(l[0]=()=>L("tab-button")),l[1]||(l[1]=a=>c.value=a)],modelValue:c.value,label:f.value,size:r.value,icon:u.value,badgeLabel:g.value},null,8,["modelValue","label","size","icon","badgeLabel"])]),properties:s(()=>[m("div",w,[o(x,{modelValue:r.value,"onUpdate:modelValue":l[2]||(l[2]=a=>r.value=a),options:p,label:"Size"},null,8,["modelValue"]),o(v,{modelValue:f.value,"onUpdate:modelValue":l[3]||(l[3]=a=>f.value=a),label:"Label"},null,8,["modelValue"]),o(v,{"onUpdate:modelValue":[S,l[4]||(l[4]=a=>u.value=a)],modelValue:u.value,label:"Icon"},null,8,["modelValue"]),o(v,{modelValue:g.value,"onUpdate:modelValue":l[5]||(l[5]=a=>g.value=a),label:"Badge Info"},null,8,["modelValue"])])]),code:s(()=>[m("pre",null,[m("code",null,V(N))])]),_:1})]),_:1}))}});export{W as default};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
.u-tabs-outer .u-tab-label{margin:0;font-weight:500}.u-tabs-outer .u-tab-button{flex:0 auto;border:1px solid #DCE1E9;border-radius:.5rem;color:#101114;gap:.5rem;max-width:12.5rem;word-wrap:break-word}.u-tabs-outer .u-tab-button .truncated-label{flex:1;white-space:normal;overflow-wrap:anywhere}.u-tabs-outer .u-tab-button:hover{background:#F5F7F9}.u-tabs-outer .u-tab-button .badge-small{line-height:1.013rem!important}.u-tabs-outer .u-tab-button .badge-small div{font-size:.55rem}.u-tabs-outer .left-icon-label{margin-left:1rem}.u-tabs-outer .u-tab-sm{padding:0 .75rem;margin:.25rem}.u-tabs-outer .q-tab__content{padding:.25rem 0}.u-tabs-outer .q-tab__content .u-tab-label{font-size:.75rem}.u-tabs-outer .q-tab__content .q-icon{font-size:1rem;position:absolute;left:-4px}.u-tabs-outer .u-tab-md{padding:0 1rem;margin:.5rem}.u-tabs-outer .u-tab-md .q-tab__content{padding:.5rem 0}.u-tabs-outer .u-tab-md .u-tab-label{font-size:.875rem}.u-tabs-outer .u-tab-md .q-icon{font-size:1.2rem;position:absolute;left:-8px}.u-tabs-outer .u-tab-active{background:#E1E9F9!important;color:#234ba9!important}.u-tabs-outer .u-tab-badge-sm{font-size:.5rem;font-weight:500}.u-tabs-outer .u-tab-badge-md{font-size:.75rem;font-weight:500}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
.u-tabs-std{color:#101114;font-weight:500}.u-tabs-std .q-tab__content .q-icon{width:1.5rem;height:1.5rem;font-size:1.5rem}.u-tabs-std .left-icon{margin-right:.45rem}.u-tabs-std .right-icon{width:1.5rem;height:1.5rem;font-size:1.5rem;margin-left:.45rem}.u-tabs-std .q-tab--inactive,.u-tabs-std .q-tab--active{min-width:5.5rem}.u-tabs-std .q-tab--inactive{border-bottom:2px solid #EBEFF3;opacity:1}.u-tabs-std .q-tab--inactive:hover{color:#234ba9}
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
import{f as B,o as R,_ as pe,Q as H}from"./ComponentBase.1ae19b7e.js";import{b as me,d as A,n as fe,f as ve,j as M,p as K,m as ae,t as J,q as W,r as C,a as g,w as se,u as he,g as ie,h as L,_ as ge,af as be,c as Y,ac as ye,ad as Ie,F as b,G as $,H as h,K as F,M as X,L as re,aa as N,a9 as O,U as y,N as Q,I as p,J as E}from"./index.43c62a18.js";import{g as ne,s as oe}from"./touch.9135741d.js";import{c as xe}from"./format.41663636.js";import{h as G,b as Ve}from"./render.e67ff27a.js";import{j as Te,u as ke,a as _e,b as Ce,c as Pe}from"./dom.e9d4ad51.js";import{Q as we}from"./QToggle.376c48be.js";import{Q as qe}from"./QSelect.a40eb786.js";import{Q as j}from"./QCheckbox.48b43f7d.js";import{Q as Se}from"./QPage.ca395ec4.js";import{u as $e,a as Le,b as Ue,Q as Ae,c as Qe}from"./QTabs.72f2507e.js";import"./use-checkbox.44a623c0.js";import"./option-sizes.10cc02d3.js";import"./QResizeObserver.30c3566c.js";function De(t){const a=[.06,6,50];return typeof t=="string"&&t.length&&t.split(":").forEach((i,r)=>{const n=parseFloat(i);n&&(a[r]=n)}),a}var Be=me({name:"touch-swipe",beforeMount(t,{value:a,arg:i,modifiers:r}){if(r.mouse!==!0&&A.has.touch!==!0)return;const n=r.mouseCapture===!0?"Capture":"",e={handler:a,sensitivity:De(i),direction:ne(r),noop:fe,mouseStart(o){oe(o,e)&&ve(o)&&(M(e,"temp",[[document,"mousemove","move",`notPassive${n}`],[document,"mouseup","end","notPassiveCapture"]]),e.start(o,!0))},touchStart(o){if(oe(o,e)){const m=o.target;M(e,"temp",[[m,"touchmove","move","notPassiveCapture"],[m,"touchcancel","end","notPassiveCapture"],[m,"touchend","end","notPassiveCapture"]]),e.start(o)}},start(o,m){A.is.firefox===!0&&K(t,!0);const k=ae(o);e.event={x:k.left,y:k.top,time:Date.now(),mouse:m===!0,dir:!1}},move(o){if(e.event===void 0)return;if(e.event.dir!==!1){J(o);return}const m=Date.now()-e.event.time;if(m===0)return;const k=ae(o),I=k.left-e.event.x,v=Math.abs(I),P=k.top-e.event.y,f=Math.abs(P);if(e.event.mouse!==!0){if(v<e.sensitivity[1]&&f<e.sensitivity[1]){e.end(o);return}}else if(window.getSelection().toString()!==""){e.end(o);return}else if(v<e.sensitivity[2]&&f<e.sensitivity[2])return;const x=v/m,w=f/m;e.direction.vertical===!0&&v<f&&v<100&&w>e.sensitivity[0]&&(e.event.dir=P<0?"up":"down"),e.direction.horizontal===!0&&v>f&&f<100&&x>e.sensitivity[0]&&(e.event.dir=I<0?"left":"right"),e.direction.up===!0&&v<f&&P<0&&v<100&&w>e.sensitivity[0]&&(e.event.dir="up"),e.direction.down===!0&&v<f&&P>0&&v<100&&w>e.sensitivity[0]&&(e.event.dir="down"),e.direction.left===!0&&v>f&&I<0&&f<100&&x>e.sensitivity[0]&&(e.event.dir="left"),e.direction.right===!0&&v>f&&I>0&&f<100&&x>e.sensitivity[0]&&(e.event.dir="right"),e.event.dir!==!1?(J(o),e.event.mouse===!0&&(document.body.classList.add("no-pointer-events--children"),document.body.classList.add("non-selectable"),xe(),e.styleCleanup=q=>{e.styleCleanup=void 0,document.body.classList.remove("non-selectable");const V=()=>{document.body.classList.remove("no-pointer-events--children")};q===!0?setTimeout(V,50):V()}),e.handler({evt:o,touch:e.event.mouse!==!0,mouse:e.event.mouse,direction:e.event.dir,duration:m,distance:{x:v,y:f}})):e.end(o)},end(o){e.event!==void 0&&(W(e,"temp"),A.is.firefox===!0&&K(t,!1),e.styleCleanup!==void 0&&e.styleCleanup(!0),o!==void 0&&e.event.dir!==!1&&J(o),e.event=void 0)}};if(t.__qtouchswipe=e,r.mouse===!0){const o=r.mouseCapture===!0||r.mousecapture===!0?"Capture":"";M(e,"main",[[t,"mousedown","mouseStart",`passive${o}`]])}A.has.touch===!0&&M(e,"main",[[t,"touchstart","touchStart",`passive${r.capture===!0?"Capture":""}`],[t,"touchmove","noop","notPassiveCapture"]])},updated(t,a){const i=t.__qtouchswipe;i!==void 0&&(a.oldValue!==a.value&&(typeof a.value!="function"&&i.end(),i.handler=a.value),i.direction=ne(a.modifiers))},beforeUnmount(t){const a=t.__qtouchswipe;a!==void 0&&(W(a,"main"),W(a,"temp"),A.is.firefox===!0&&K(t,!1),a.styleCleanup!==void 0&&a.styleCleanup(),delete t.__qtouchswipe)}});function Re(){let t=Object.create(null);return{getCache:(a,i)=>t[a]===void 0?t[a]=typeof i=="function"?i():i:t[a],setCache(a,i){t[a]=i},hasCache(a){return Object.hasOwnProperty.call(t,a)},clearCache(a){a!==void 0?delete t[a]:t=Object.create(null)}}}const Me={name:{required:!0},disable:Boolean},le={setup(t,{slots:a}){return()=>L("div",{class:"q-panel scroll",role:"tabpanel"},G(a.default))}},Ne={modelValue:{required:!0},animated:Boolean,infinite:Boolean,swipeable:Boolean,vertical:Boolean,transitionPrev:String,transitionNext:String,transitionDuration:{type:[String,Number],default:300},keepAlive:Boolean,keepAliveInclude:[String,Array,RegExp],keepAliveExclude:[String,Array,RegExp],keepAliveMax:Number},Oe=["update:modelValue","beforeTransition","transition"];function Ee(){const{props:t,emit:a,proxy:i}=ie(),{getCache:r}=Re();let n,e;const o=C(null),m=C(null);function k(l){const d=t.vertical===!0?"up":"left";U((i.$q.lang.rtl===!0?-1:1)*(l.direction===d?1:-1))}const I=g(()=>[[Be,k,void 0,{horizontal:t.vertical!==!0,vertical:t.vertical,mouse:!0}]]),v=g(()=>t.transitionPrev||`slide-${t.vertical===!0?"down":"right"}`),P=g(()=>t.transitionNext||`slide-${t.vertical===!0?"up":"left"}`),f=g(()=>`--q-transition-duration: ${t.transitionDuration}ms`),x=g(()=>typeof t.modelValue=="string"||typeof t.modelValue=="number"?t.modelValue:String(t.modelValue)),w=g(()=>({include:t.keepAliveInclude,exclude:t.keepAliveExclude,max:t.keepAliveMax})),q=g(()=>t.keepAliveInclude!==void 0||t.keepAliveExclude!==void 0);se(()=>t.modelValue,(l,d)=>{const _=s(l)===!0?S(l):-1;e!==!0&&Z(_===-1?0:_<S(d)?-1:1),o.value!==_&&(o.value=_,a("beforeTransition",l,d),he(()=>{a("transition",l,d)}))});function V(){U(1)}function u(){U(-1)}function c(l){a("update:modelValue",l)}function s(l){return l!=null&&l!==""}function S(l){return n.findIndex(d=>d.props.name===l&&d.props.disable!==""&&d.props.disable!==!0)}function T(){return n.filter(l=>l.props.disable!==""&&l.props.disable!==!0)}function Z(l){const d=l!==0&&t.animated===!0&&o.value!==-1?"q-transition--"+(l===-1?v.value:P.value):null;m.value!==d&&(m.value=d)}function U(l,d=o.value){let _=d+l;for(;_!==-1&&_<n.length;){const D=n[_];if(D!==void 0&&D.props.disable!==""&&D.props.disable!==!0){Z(l),e=!0,a("update:modelValue",D.props.name),setTimeout(()=>{e=!1});return}_+=l}t.infinite===!0&&n.length!==0&&d!==-1&&d!==n.length&&U(l,l===-1?n.length:-1)}function ee(){const l=S(t.modelValue);return o.value!==l&&(o.value=l),!0}function te(){const l=s(t.modelValue)===!0&&ee()&&n[o.value];return t.keepAlive===!0?[L(be,w.value,[L(q.value===!0?r(x.value,()=>({...le,name:x.value})):le,{key:x.value,style:f.value},()=>l)])]:[L("div",{class:"q-panel scroll",style:f.value,key:x.value,role:"tabpanel"},[l])]}function ue(){if(n.length!==0)return t.animated===!0?[L(ge,{name:m.value},te)]:te()}function ce(l){return n=Te(G(l.default,[])).filter(d=>d.props!==null&&d.props.slot===void 0&&s(d.props.name)===!0),n.length}function de(){return n}return Object.assign(i,{next:V,previous:u,goTo:c}),{panelIndex:o,panelDirectives:I,updatePanelsList:ce,updatePanelIndex:ee,getPanelContent:ue,getEnabledPanels:T,getPanels:de,isValidPanelName:s,keepAliveProps:w,needsUniqueKeepAliveWrapper:q,goToPanelByOffset:U,goToPanel:c,nextPanel:V,previousPanel:u}}var z=Y({name:"QTabPanel",props:Me,setup(t,{slots:a}){return()=>L("div",{class:"q-tab-panel",role:"tabpanel"},G(a.default))}}),je=Y({name:"QTabPanels",props:{...Ne,...ke},emits:Oe,setup(t,{slots:a}){const i=ie(),r=_e(t,i.proxy.$q),{updatePanelsList:n,getPanelContent:e,panelDirectives:o}=Ee(),m=g(()=>"q-tab-panels q-panel-parent"+(r.value===!0?" q-tab-panels--dark q-dark":""));return()=>(n(a),Ve("div",{class:m.value},e(),"pan",t.swipeable,()=>o.value))}}),ze=Y({name:"QRouteTab",props:{...Ce,...$e},emits:Le,setup(t,{slots:a,emit:i}){const r=Pe({useDisableForRouterLinkProps:!1}),{renderTab:n,$tabs:e}=Ue(t,a,i,{exact:g(()=>t.exact),...r});return se(()=>`${t.name} | ${t.exact} | ${(r.resolvedLink.value||{}).href}`,()=>{e.verifyRouteModel()}),()=>n(r.linkTag.value,r.linkAttrs.value)}});const Fe={class:"q-ma-none"},He={class:"q-ma-none"},Ke={__name:"UTabsStd",props:ye({tabs:{type:Array,required:!0},align:{type:String,default:"justify"}},{modelValue:{required:!0,type:[Boolean,String,Number]},modelModifiers:{}}),emits:["update:modelValue"],setup(t){const a=Ie(t,"modelValue");return(i,r)=>(b(),$(Qe,{modelValue:a.value,"onUpdate:modelValue":r[0]||(r[0]=n=>a.value=n),dense:!0,"active-color":"primary","indicator-color":"primary","outside-arrows":"","inline-label":"","mobile-arrows":"",align:t.align,"no-caps":"",class:"u-tabs-std text-caption-md"},{default:h(()=>[(b(!0),F(X,null,re(t.tabs,n=>(b(),F(X,{key:n.name},[n.route?(b(),$(ze,{key:1,name:n.name,ripple:!1,to:`${n.route}`,exact:""},{default:h(()=>[n.leftIcon?(b(),$(B,{key:0,"aria-label":"Tab Left Icon-3",class:N(`left-icon ${n.leftIcon}`)},null,8,["class"])):O("",!0),y("p",He,Q(n.label),1),n.rightIcon?(b(),$(B,{key:1,"aria-label":"Tab right Icon-4",class:N(`right-icon ${n.rightIcon}`)},null,8,["class"])):O("",!0)]),_:2},1032,["name","to"])):(b(),$(Ae,{key:0,name:n.name,ripple:!1},{default:h(()=>[n.leftIcon?(b(),$(B,{key:0,"aria-label":"Tab Left Icon-1",class:N(`left-icon ${n.leftIcon}`)},null,8,["class"])):O("",!0),y("p",Fe,Q(n.label),1),n.rightIcon?(b(),$(B,{key:1,"aria-label":"Tab right Icon-2",class:N(`right-icon ${n.rightIcon}`)},null,8,["class"])):O("",!0)]),_:2},1032,["name"]))],64))),128))]),_:1},8,["modelValue","align"]))}},Je=y("div",{class:"text-h6"},"Home",-1),We=y("div",{class:"text-h6"},"Cart",-1),Xe=y("div",{class:"text-h6"},"Info",-1),Ye=y("div",{class:"text-h6"},"Mail",-1),Ge={class:"column q-gutter-y-lg",style:{position:"relative"}},Ze={class:"q-mb-sm"},et={class:"col-12 col-md-1 flex justify-start items-center"},tt=`<UTabsStd
|
|
2
|
-
v-model="selectedTab"
|
|
3
|
-
:tabs="tabsOptions"
|
|
4
|
-
:align="align"
|
|
5
|
-
/>`,at=`// The 'tabOptions' property allows you to configure tabs for both routing and basic use.
|
|
6
|
-
To enable routing, include a 'route' property in each tab configuration, which links the tab to specific routes.
|
|
7
|
-
For basic tabs, omit the 'route' property. Additionally, the component supports keyboard navigation,
|
|
8
|
-
enabling users to switch between tabs using the left and right arrow keys, ensuring improved accessibility.
|
|
9
|
-
[{name: 'home', label: 'Home', leftIcon: 'home', rightIcon: 'home', route:'home'}]`,gt=Object.assign({name:"TabsPage"},{__name:"TabsPage",setup(t){const a=C("Justify"),i=C(!1),r=C(!1),n=C(!1),e=C(!0),o=g(()=>a.value.toLocaleLowerCase()),m=["Justify","Left","Right"],k=C([{name:"home",label:"Home",leftIcon:"fa-kit-duotone fa-home",rightIcon:"fa-kit-duotone fa-home",route:"home"},{name:"cart",label:"Cart",leftIcon:"fa-kit-duotone fa-cart-shopping",rightIcon:"fa-kit-duotone fa-cart-shopping",route:"cart"},{name:"info",label:"Information",leftIcon:"fa-kit-duotone fa-circle-exclamation",rightIcon:"fa-kit-duotone fa-circle-exclamation",route:"info"},{name:"mail",label:"Mails",leftIcon:"fa-kit-duotone fa-envelope",rightIcon:"fa-kit-duotone fa-envelope",route:"mail"}]),I=g(()=>k.value.map(u=>e.value?u:{...u,route:void 0})),v=g(()=>i.value&&r.value),P=g(()=>I.value.map(u=>n.value?{...u,rightIcon:void 0,label:void 0}:!i.value&&!r.value?{...u,leftIcon:void 0,rightIcon:void 0}:i.value?r.value?u:{...u,rightIcon:void 0}:{...u,leftIcon:void 0})),f=(u,c)=>{u&&(i.value=!0,r.value=!1),n.value=u},x=(u,c)=>{i.value=u,r.value=u},w=u=>{e.value=u},q=(u,c,s)=>{I.value[u][c]=s},V=C("home");return(u,c)=>(b(),$(Se,{class:"flex flex-center"},{default:h(()=>[p(pe,{figmaUrl:"https://www.figma.com/design/2FoTrjVL4ZrTdsvB4DcSao/Components?node-id=4-28&t=K9pIC6Ve5iom3wvc-0",cardWidth:"70%"},{component:h(()=>[p(Ke,{modelValue:V.value,"onUpdate:modelValue":c[0]||(c[0]=s=>V.value=s),tabs:P.value,align:o.value},null,8,["modelValue","tabs","align"]),p(je,{class:"bg-transparent",modelValue:V.value,"onUpdate:modelValue":c[1]||(c[1]=s=>V.value=s),"keep-alive":"",animated:"","transition-prev":"scale","transition-next":"scale"},{default:h(()=>[p(z,{class:"text-center",name:"home"},{default:h(()=>[p(R,{class:"q-pa-sm"},{default:h(()=>[Je,E(" This is a example q-tab-panels with animation - Home ")]),_:1})]),_:1}),p(z,{class:"text-center",name:"cart"},{default:h(()=>[p(R,{class:"q-pa-sm"},{default:h(()=>[We,E(" This is a example q-tab-panels with animation - Cart ")]),_:1})]),_:1}),p(z,{class:"text-center",name:"info"},{default:h(()=>[p(R,{class:"q-pa-sm"},{default:h(()=>[Xe,E(" This is a example q-tab-panels with animation - Info ")]),_:1})]),_:1}),p(z,{class:"text-center",name:"mail"},{default:h(()=>[p(R,{class:"q-pa-sm"},{default:h(()=>[Ye,E(" This is a example q-tab-panels with animation - Mail ")]),_:1})]),_:1})]),_:1},8,["modelValue"])]),properties:h(()=>[y("div",Ge,[p(we,{color:"primary",label:"Route Tabs",modelValue:e.value,"onUpdate:modelValue":[c[2]||(c[2]=s=>e.value=s),w],style:{position:"absolute",right:"0.5rem",top:"-35px"}},null,8,["modelValue"]),p(qe,{modelValue:a.value,"onUpdate:modelValue":c[3]||(c[3]=s=>a.value=s),options:m,label:"Alignment"},null,8,["modelValue"]),y("div",Ze,[p(j,{class:"q-mr-sm",size:"xs",modelValue:n.value,"onUpdate:modelValue":[c[4]||(c[4]=s=>n.value=s),f],label:"Only Icon"},null,8,["modelValue"]),p(j,{class:"q-mr-sm",size:"xs",modelValue:i.value,"onUpdate:modelValue":c[5]||(c[5]=s=>i.value=s),label:"Left Icon",disable:n.value},null,8,["modelValue","disable"]),p(j,{class:"q-mr-sm",size:"xs",modelValue:r.value,"onUpdate:modelValue":c[6]||(c[6]=s=>r.value=s),label:"Right Icon",disable:n.value},null,8,["modelValue","disable"]),p(j,{class:"q-mr-sm",size:"xs","model-value":v.value,"onUpdate:modelValue":x,label:"Left-Right Icon",disable:n.value},null,8,["model-value","disable"])]),(b(!0),F(X,null,re(I.value,(s,S)=>(b(),F("div",{key:s.name,class:"row"},[y("div",et," Tab "+Q(S+1),1),p(H,{class:"col-12 col-md-3",placeholder:"Label",modelValue:s.label,"onUpdate:modelValue":T=>s.label=T,onInput:T=>q(S,"label",s.label)},null,8,["modelValue","onUpdate:modelValue","onInput"]),p(H,{placeholder:"Left Icon",class:"col-12 col-md-4",modelValue:s.leftIcon,"onUpdate:modelValue":T=>s.leftIcon=T,onInput:T=>q(S,"leftIcon",s.leftIcon)},null,8,["modelValue","onUpdate:modelValue","onInput"]),p(H,{placeholder:"Right Icon",class:"col-12 col-md-4",modelValue:s.rightIcon,"onUpdate:modelValue":T=>s.rightIcon=T,onInput:T=>q(S,"rightIcon",s.rightIcon)},null,8,["modelValue","onUpdate:modelValue","onInput"])]))),128))])]),code:h(()=>[y("pre",null,Q(tt)),y("pre",{class:"text-neutral-6",style:{"font-size":"12px","font-weight":"600"}},Q(at))]),_:1})]),_:1}))}});export{gt as default};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
.u-toggle .q-toggle__inner{padding:0}.u-toggle .q-toggle__label q-label{position:absolute;bottom:1.8rem;left:4.8rem}.u-toggle .u-checked-icon{color:#234ba9!important;font-size:1rem;display:none}.u-toggle .u-unchecked-icon{font-size:1rem;color:#566176!important;display:none}.u-toggle .q-toggle__inner--truthy .q-toggle__track{background:#234BA9;opacity:1}.u-toggle .q-toggle__inner--truthy .q-toggle__thumb:after{background:#FFFFFF}.u-toggle .q-toggle__track{height:2rem;border-radius:1.175em;width:3.5rem;padding:.25rem;background:#DCE1E9}.u-toggle .q-toggle__thumb{top:.26rem;left:.27rem;width:1.5rem;height:1.5rem}.u-toggle .q-toggle__inner--truthy .q-toggle__thumb{left:1.72rem;width:1.5rem;height:1.5rem}
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
import{f as k,Q as b,_ as v}from"./ComponentBase.1ae19b7e.js";import{Q as V}from"./QCheckbox.48b43f7d.js";import{Q as h}from"./QPage.ca395ec4.js";import{Q as C}from"./QToggle.376c48be.js";import{ac as T,ad as U,v as B,w as E,E as S,F as g,K as x,U as r,I as d,H as s,G as f,aa as y,a9 as p,J as Q,N as I,M as $,r as m}from"./index.43c62a18.js";import"./dom.e9d4ad51.js";import"./render.e67ff27a.js";import"./use-checkbox.44a623c0.js";import"./option-sizes.10cc02d3.js";const w=["for"],M={__name:"UToggleStd",props:T({name:{type:String,default:""},disabled:{type:Boolean,default:!1},label:{type:String,default:""},id:{type:[String,Number],default:"u-toggle",required:!0},checkedIcon:{type:String,default:""},unCheckedIcon:{type:String,default:""}},{modelValue:{default:!1,type:Boolean},modelModifiers:{}}),emits:["update:modelValue"],setup(e){const i=e,t=U(e,"modelValue"),u=()=>{setTimeout(()=>{const a=document.getElementsByClassName("q-toggle__thumb")[0],l=document.getElementById("u-toggle-left-icon"),c=document.getElementById("u-toggle-right-icon");a&&(l&&(l.style.display="block",a.appendChild(l)),c&&(c.style.display="block",a.appendChild(c)))},100)};return B(()=>{const a=document.getElementById(`u-toggle-${i.id}`);if(a){const l=a.querySelector("input");l.id=`u-toggle-${i.id}`}u()}),E(t,()=>{u()}),(a,l)=>{const c=S("q-label");return g(),x($,null,[r("label",{class:"hidden",for:`u-toggle-${e.id}`},"Toggle",8,w),d(C,{id:`u-toggle-${e.id}`,modelValue:t.value,"onUpdate:modelValue":l[0]||(l[0]=o=>t.value=o),name:e.name,color:"primary",class:"u-toggle",disable:e.disabled},{default:s(()=>[e.checkedIcon&&t.value?(g(),f(k,{key:0,id:"u-toggle-right-icon",class:y(`${e.checkedIcon} u-checked-icon`),"aria-label":"Toggle icon-1"},null,8,["class"])):p("",!0),e.unCheckedIcon&&!t.value?(g(),f(k,{key:1,id:"u-toggle-left-icon",class:y(`${e.unCheckedIcon} u-unchecked-icon`),"aria-label":"Toggle icon-2"},null,8,["class"])):p("",!0),e.label?(g(),f(c,{key:2},{default:s(()=>[Q(I(e.label),1)]),_:1})):p("",!0)]),_:1},8,["id","modelValue","name","disable"])],64)}}},N={class:"column q-gutter-y-lg"},q=`<UToggleStd
|
|
2
|
-
v-model="toggle"
|
|
3
|
-
id="playground-1"
|
|
4
|
-
name="toggle-1"
|
|
5
|
-
:disabled="disabled"
|
|
6
|
-
:label="label"
|
|
7
|
-
:checkedIcon="checkedIcon"
|
|
8
|
-
:unCheckedIcon="unCheckedIcon"
|
|
9
|
-
/>`,R=Object.assign({name:"TogglePage"},{__name:"TogglePage",setup(e){const i=m(!1),t=m(!1),u=m("Dark Mode"),a=m("fa-kit-duotone fa-moon"),l=m("fa-kit-duotone fa-sun");return(c,o)=>(g(),f(h,{class:"flex flex-center"},{default:s(()=>[d(v,{figmaUrl:"https://www.figma.com/design/2FoTrjVL4ZrTdsvB4DcSao/Components?node-id=4-23&t=HegwRwdR5yoKKzMy-0"},{component:s(()=>[d(M,{modelValue:i.value,"onUpdate:modelValue":o[0]||(o[0]=n=>i.value=n),id:"playground-1",name:"toggle-1",disabled:t.value,label:u.value,checkedIcon:a.value,unCheckedIcon:l.value},null,8,["modelValue","disabled","label","checkedIcon","unCheckedIcon"])]),properties:s(()=>[r("div",N,[d(b,{label:"Checked Icon",modelValue:a.value,"onUpdate:modelValue":o[1]||(o[1]=n=>a.value=n)},null,8,["modelValue"]),d(b,{label:"Unchecked Icon",modelValue:l.value,"onUpdate:modelValue":o[2]||(o[2]=n=>l.value=n)},null,8,["modelValue"]),d(b,{label:"Label",modelValue:u.value,"onUpdate:modelValue":o[3]||(o[3]=n=>u.value=n)},null,8,["modelValue"]),d(V,{size:"xs",modelValue:t.value,"onUpdate:modelValue":o[4]||(o[4]=n=>t.value=n),label:"Disable"},null,8,["modelValue"])])]),code:s(()=>[r("pre",null,[r("code",null,I(q))])]),_:1})]),_:1}))}});export{R as default};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{Q as d}from"./QAvatar.5940a79e.js";import{_ as g}from"./UBadgeStd.e165ee05.js";import{a as y,F as t,G as i,H as f,K as o,a9 as r,aa as l,N as z,a2 as k,ab as S}from"./index.43c62a18.js";const v=["src","alt","aria-label"],B={__name:"UAvatar",props:{color:{type:String,default:"primary"},icon:{type:String},size:{type:String,default:"xl"},image:{type:String},indicatorColor:{type:String,default:"neutral-4"},name:{type:String,required:!0},showIndicator:{type:Boolean,default:!1},icon:{type:String},round:{type:Boolean,default:!0}},emits:["onClick"],setup(e,{emit:s}){const a=e,c=s,u=()=>c("onClick"),m=y(()=>a.size==="sm"?"xs":a.size==="md"?"sm":a.size==="lg"?"md":a.size==="xl"?"lg":a.size);return(n,C)=>(t(),i(d,S({class:["u-avatar",`size-${e.size}`],onClick:u,round:e.round,rounded:!e.round,icon:e.icon},n.$attrs),{default:f(()=>[e.image?(t(),o("img",{key:0,src:e.image,alt:`avatar ${e.name}`,"aria-label":e.name},null,8,v)):r("",!0),e.image?r("",!0):(t(),o("span",{key:1,class:l(["name",`text-${e.color} text-caption-${m.value}`])},z(e.name),3)),e.showIndicator?(t(),i(g,{key:2,color:e.indicatorColor,class:l("indicator"),size:"xs",type:"indicator"},null,8,["color"])):r("",!0),k(n.$slots,"item")]),_:3},16,["class","round","rounded","icon"]))}};export{B as _};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
.u-avatar{position:relative;background:#E1E9F9}.u-avatar.rounded-borders{border-radius:.25rem}.u-avatar.size-lg.rounded-borders,.u-avatar.size-xl.rounded-borders{border-radius:.5rem}.u-avatar.size-sm{width:1rem;height:1rem}.u-avatar.size-sm .indicator{width:.5rem;height:.5rem}.u-avatar.size-sm .q-avatar__content .name{line-height:.5rem!important}.u-avatar.size-md{width:1.5rem;height:1.5rem}.u-avatar.size-md .indicator{width:.5rem;height:.5rem}.u-avatar.size-lg{width:2rem;height:2rem}.u-avatar.size-lg .indicator{width:.75rem;height:.75rem}.u-avatar.size-xl{width:2.5rem;height:2.5rem}.u-avatar.size-xl .indicator{width:1rem;height:1rem}.u-avatar .indicator{position:absolute;bottom:0;right:0;width:.75rem;height:.75rem;border:1.5px solid #FFFFFF;background:#DCE1E9}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
.u-badge{min-height:0px}.u-badge.size-xxs{width:.5rem;height:.5rem;padding:0}.u-badge.size-xs{width:.75rem;height:.75rem;padding:0}.u-badge.size-sm{width:1rem;height:1rem;padding:0}.u-badge.size-md{letter-spacing:.24px;line-height:1.013rem}.u-badge.size-lg{width:2rem;height:1.5rem;justify-content:center;line-height:0}.u-badge.type-basic{border:1.5px solid #FFFFFF}.u-badge.type-indicator{border:1px solid #FFFFFF}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{c as r,a as i,h as d,F as o,G as u,H as c,K as s,N as g,a9 as b,a2 as m,aa as v}from"./index.43c62a18.js";import{c as y}from"./render.e67ff27a.js";const f=["top","middle","bottom"];var x=r({name:"QBadge",props:{color:String,textColor:String,floating:Boolean,transparent:Boolean,multiLine:Boolean,outline:Boolean,rounded:Boolean,label:[Number,String],align:{type:String,validator:e=>f.includes(e)}},setup(e,{slots:t}){const a=i(()=>e.align!==void 0?{verticalAlign:e.align}:null),l=i(()=>{const n=e.outline===!0&&e.color||e.textColor;return`q-badge flex inline items-center no-wrap q-badge--${e.multiLine===!0?"multi":"single"}-line`+(e.outline===!0?" q-badge--outline":e.color!==void 0?` bg-${e.color}`:"")+(n!==void 0?` text-${n}`:"")+(e.floating===!0?" q-badge--floating":"")+(e.rounded===!0?" q-badge--rounded":"")+(e.transparent===!0?" q-badge--transparent":"")});return()=>d("div",{class:l.value,style:a.value,role:"status","aria-label":e.label},y(t.default,e.label!==void 0?[e.label]:[]))}});const S={key:0},q={__name:"UBadgeStd",props:{color:{type:String,default:"primary"},label:{type:String,default:""},size:{type:String,default:"md",validator:e=>["xxs","xs","sm","md","lg"].includes(e)},type:{type:String,default:"basic",validator:e=>["basic","indicator"].includes(e)}},setup(e){const t=e,a=i(()=>t.color==="neutral"?"neutral-6":t.color);return(l,n)=>(o(),u(x,{class:v(["u-badge",[e.type==="basic"?"type-basic":"type-indicator justify-center",`size-${e.size}`,e.type==="basic"?e.size==="md"?"text-overline-xs":"text-overline-sm":""]]),color:a.value,rounded:"",tabindex:"0","aria-label":e.label},{default:c(()=>[e.type==="basic"?(o(),s("div",S,g(e.label),1)):b("",!0),m(l.$slots,"default")]),_:3},8,["class","color","aria-label"]))}};export{q as _};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{f as o,n as g}from"./ComponentBase.1ae19b7e.js";import{a as l,F as a,G as n,H as h,U as i,aa as s,a9 as c,N as x}from"./index.43c62a18.js";const v={class:"row items-center no-wrap"},B={class:"text-center text-caption-md button-label"},z={__name:"UBtnStd",props:{color:{type:String,default:"neutral-7"},disable:{type:Boolean,default:!1},flat:{type:Boolean,default:!1},label:{type:String,default:"Button"},leftIcon:{type:String},rightIcon:{type:String},outline:{type:Boolean,default:!1},size:{type:String,default:"md",validator:e=>["sm","md","lg"].includes(e)},fullWidth:{type:Boolean,default:!1}},emits:["click"],setup(e,{emit:r}){const t=e,u=r,d=()=>u("onClick"),f=l(()=>t.size==="sm"?"q-px-sm":"q-px-ba"),m=l(()=>t.color==="neutral"?"text-neutral-9":""),y=l(()=>t.fullWidth===!0?"full-width":"");return(b,k)=>(a(),n(g,{class:s(["u-btn q-py-none",`size-${e.size} ${f.value} ${m.value} focus-${e.color} ${y.value}`]),color:e.color,disable:e.disable,unelevated:!e.outline,outline:e.outline,"no-caps":"",flat:e.flat,onClick:d},{default:h(()=>[i("div",v,[e.leftIcon?(a(),n(o,{key:0,left:"",class:s([e.leftIcon,"q-mr-xs"]),size:"1.25rem"},null,8,["class"])):c("",!0),i("div",B,x(e.label),1),e.rightIcon?(a(),n(o,{key:1,right:"",class:s([e.rightIcon,"q-ml-xs"]),size:"1.25rem"},null,8,["class"])):c("",!0)])]),_:1},8,["class","color","disable","unelevated","outline","flat"]))}};export{z as _};
|