@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
|
@@ -0,0 +1,125 @@
|
|
|
1
|
+
<script setup>
|
|
2
|
+
import { computed, ref } from 'vue'
|
|
3
|
+
import ComponentBase from './ComponentBase.vue'
|
|
4
|
+
import { UTooltip } from 'src/components'
|
|
5
|
+
|
|
6
|
+
const description = ref('This is a tooltip')
|
|
7
|
+
const icon = ref('fa-kit-duotone fa-circle-info')
|
|
8
|
+
const anchor = ref('top middle')
|
|
9
|
+
const self = ref('bottom middle')
|
|
10
|
+
const show = ref(true)
|
|
11
|
+
const offsetX = ref(14)
|
|
12
|
+
const offsetY = ref(14)
|
|
13
|
+
|
|
14
|
+
const offset = computed(() => {
|
|
15
|
+
console.log(offsetX, offsetY)
|
|
16
|
+
return [parseInt(offsetX.value), parseInt(offsetY.value)]
|
|
17
|
+
})
|
|
18
|
+
|
|
19
|
+
const anchorOptions = [
|
|
20
|
+
'top left',
|
|
21
|
+
'top middle',
|
|
22
|
+
'top right',
|
|
23
|
+
'top start',
|
|
24
|
+
'top end',
|
|
25
|
+
'center left',
|
|
26
|
+
'center middle',
|
|
27
|
+
'center right',
|
|
28
|
+
'center start',
|
|
29
|
+
'center end',
|
|
30
|
+
'bottom left',
|
|
31
|
+
'bottom middle',
|
|
32
|
+
'bottom right',
|
|
33
|
+
'bottom start',
|
|
34
|
+
'bottom end',
|
|
35
|
+
]
|
|
36
|
+
const selfOptions = [
|
|
37
|
+
'top left',
|
|
38
|
+
'top middle',
|
|
39
|
+
'top right',
|
|
40
|
+
'top start',
|
|
41
|
+
'top end',
|
|
42
|
+
'center left',
|
|
43
|
+
'center middle',
|
|
44
|
+
'center right',
|
|
45
|
+
'center start',
|
|
46
|
+
'center end',
|
|
47
|
+
'bottom left',
|
|
48
|
+
'bottom middle',
|
|
49
|
+
'bottom right',
|
|
50
|
+
'bottom start',
|
|
51
|
+
'bottom end',
|
|
52
|
+
]
|
|
53
|
+
|
|
54
|
+
const htmlContent = `<UTooltip
|
|
55
|
+
:description="description"
|
|
56
|
+
:icon="icon"
|
|
57
|
+
:anchor="anchor"
|
|
58
|
+
:self="self"
|
|
59
|
+
:offset="offset"
|
|
60
|
+
/>
|
|
61
|
+
`
|
|
62
|
+
|
|
63
|
+
defineOptions({
|
|
64
|
+
name: 'ToolTip',
|
|
65
|
+
})
|
|
66
|
+
</script>
|
|
67
|
+
|
|
68
|
+
<template>
|
|
69
|
+
<q-page class="flex flex-center">
|
|
70
|
+
<ComponentBase
|
|
71
|
+
figmaUrl="https://www.figma.com/design/2FoTrjVL4ZrTdsvB4DcSao/Components?node-id=3594-360443&t=gcNLQiqLoeen326d-0"
|
|
72
|
+
>
|
|
73
|
+
<template v-slot:component>
|
|
74
|
+
<q-btn label="Hover">
|
|
75
|
+
<UTooltip
|
|
76
|
+
:description="description"
|
|
77
|
+
:icon="icon"
|
|
78
|
+
:anchor="anchor"
|
|
79
|
+
:self="self"
|
|
80
|
+
:offset="offset"
|
|
81
|
+
/>
|
|
82
|
+
</q-btn>
|
|
83
|
+
<UTooltip
|
|
84
|
+
:description="description"
|
|
85
|
+
:icon="icon"
|
|
86
|
+
anchor="center middle"
|
|
87
|
+
self="center middle"
|
|
88
|
+
:no-parent-event="true"
|
|
89
|
+
v-model="show"
|
|
90
|
+
/>
|
|
91
|
+
</template>
|
|
92
|
+
|
|
93
|
+
<template v-slot:properties>
|
|
94
|
+
<div class="column q-gutter-y-lg">
|
|
95
|
+
<q-input label="Description" v-model="description" />
|
|
96
|
+
<q-input label="Icon" v-model="icon" />
|
|
97
|
+
</div>
|
|
98
|
+
<div class="column">
|
|
99
|
+
<span class="text-grey-8 text-caption-sm q-mt-md">
|
|
100
|
+
Tooltip Position
|
|
101
|
+
</span>
|
|
102
|
+
<div>
|
|
103
|
+
<q-select
|
|
104
|
+
v-model="anchor"
|
|
105
|
+
:options="anchorOptions"
|
|
106
|
+
label="Anchor Origin"
|
|
107
|
+
/>
|
|
108
|
+
<q-select
|
|
109
|
+
v-model="self"
|
|
110
|
+
:options="selfOptions"
|
|
111
|
+
label="Self Origin"
|
|
112
|
+
/>
|
|
113
|
+
<q-input label="Offset X" v-model="offsetX" type="number" />
|
|
114
|
+
<q-input label="Offset Y" v-model="offsetY" type="number" />
|
|
115
|
+
</div>
|
|
116
|
+
</div>
|
|
117
|
+
</template>
|
|
118
|
+
|
|
119
|
+
<template v-slot:code>
|
|
120
|
+
<pre><code>{{ htmlContent }}</code></pre>
|
|
121
|
+
<p>Offset will be an array i.e [14, 14]</p>
|
|
122
|
+
</template>
|
|
123
|
+
</ComponentBase>
|
|
124
|
+
</q-page>
|
|
125
|
+
</template>
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
import {
|
|
2
|
+
route
|
|
3
|
+
} from 'quasar/wrappers'
|
|
4
|
+
import {
|
|
5
|
+
createRouter,
|
|
6
|
+
createWebHistory,
|
|
7
|
+
} from 'vue-router'
|
|
8
|
+
import routes from './routes'
|
|
9
|
+
|
|
10
|
+
/*
|
|
11
|
+
* If not building with SSR mode, you can
|
|
12
|
+
* directly export the Router instantiation;
|
|
13
|
+
*
|
|
14
|
+
* The function below can be async too; either use
|
|
15
|
+
* async/await or return a Promise which resolves
|
|
16
|
+
* with the Router instance.
|
|
17
|
+
*/
|
|
18
|
+
|
|
19
|
+
export default route(function ( /* { store, ssrContext } */ ) {
|
|
20
|
+
const Router = createRouter({
|
|
21
|
+
scrollBehavior: () => ({
|
|
22
|
+
left: 0,
|
|
23
|
+
top: 0
|
|
24
|
+
}),
|
|
25
|
+
routes,
|
|
26
|
+
|
|
27
|
+
// Leave this as is and make changes in quasar.conf.js instead!
|
|
28
|
+
// quasar.conf.js -> build -> vueRouterMode
|
|
29
|
+
// quasar.conf.js -> build -> publicPath
|
|
30
|
+
history: createWebHistory(process.env.VUE_ROUTER_BASE)
|
|
31
|
+
})
|
|
32
|
+
|
|
33
|
+
return Router
|
|
34
|
+
})
|
|
@@ -0,0 +1,149 @@
|
|
|
1
|
+
const routes = [
|
|
2
|
+
{
|
|
3
|
+
path: '/',
|
|
4
|
+
component: () => import('layouts/MainLayout.vue'),
|
|
5
|
+
children: [
|
|
6
|
+
{
|
|
7
|
+
path: '',
|
|
8
|
+
component: () => import('pages/IndexPage.vue'),
|
|
9
|
+
},
|
|
10
|
+
{
|
|
11
|
+
path: 'address-lookup',
|
|
12
|
+
component: () => import('pages/InputAddressLookup.vue'),
|
|
13
|
+
},
|
|
14
|
+
{
|
|
15
|
+
path: 'advanced-search',
|
|
16
|
+
component: () => import('src/pages/AdvancedSearch.vue'),
|
|
17
|
+
},
|
|
18
|
+
{
|
|
19
|
+
path: 'avatar',
|
|
20
|
+
component: () => import('pages/Avatar.vue'),
|
|
21
|
+
},
|
|
22
|
+
{
|
|
23
|
+
path: 'avatar-group',
|
|
24
|
+
component: () => import('pages/AvatarGroup.vue'),
|
|
25
|
+
},
|
|
26
|
+
{
|
|
27
|
+
path: 'badge',
|
|
28
|
+
component: () => import('pages/BadgeStd.vue'),
|
|
29
|
+
},
|
|
30
|
+
{
|
|
31
|
+
path: 'button-standard',
|
|
32
|
+
component: () => import('pages/BtnStd.vue'),
|
|
33
|
+
},
|
|
34
|
+
{
|
|
35
|
+
path: 'button-icon',
|
|
36
|
+
component: () => import('pages/BtnIcon.vue'),
|
|
37
|
+
},
|
|
38
|
+
{
|
|
39
|
+
path: 'radio-btn',
|
|
40
|
+
component: () => import('pages/RadioBtn.vue'),
|
|
41
|
+
},
|
|
42
|
+
{
|
|
43
|
+
path: 'check-box',
|
|
44
|
+
component: () => import('pages/CheckBox.vue'),
|
|
45
|
+
},
|
|
46
|
+
{
|
|
47
|
+
path: 'input-text',
|
|
48
|
+
component: () => import('pages/InputText.vue'),
|
|
49
|
+
},
|
|
50
|
+
{
|
|
51
|
+
path: 'input-phone',
|
|
52
|
+
component: () => import('pages/InputPhone.vue'),
|
|
53
|
+
},
|
|
54
|
+
{
|
|
55
|
+
path: 'chip',
|
|
56
|
+
component: () => import('pages/Chip.vue'),
|
|
57
|
+
},
|
|
58
|
+
{
|
|
59
|
+
path: 'multiselect-standard',
|
|
60
|
+
component: () => import('pages/MultiSelectStd.vue'),
|
|
61
|
+
},
|
|
62
|
+
{
|
|
63
|
+
path: 'radio',
|
|
64
|
+
component: () => import('src/pages/Radio.vue'),
|
|
65
|
+
},
|
|
66
|
+
{
|
|
67
|
+
path: 'tabs/:tab',
|
|
68
|
+
component: () => import('pages/TabsPage.vue'),
|
|
69
|
+
},
|
|
70
|
+
{
|
|
71
|
+
path: 'tab-button',
|
|
72
|
+
component: () => import('pages/TabButtonPage.vue'),
|
|
73
|
+
},
|
|
74
|
+
{
|
|
75
|
+
path: 'tooltip',
|
|
76
|
+
component: () => import('src/pages/TooltipPage.vue'),
|
|
77
|
+
},
|
|
78
|
+
{
|
|
79
|
+
path: 'notify',
|
|
80
|
+
component: () => import('pages/NotifyPage.vue'),
|
|
81
|
+
},
|
|
82
|
+
{
|
|
83
|
+
path: 'banner',
|
|
84
|
+
component: () => import('pages/BannerPage.vue'),
|
|
85
|
+
},
|
|
86
|
+
{
|
|
87
|
+
path: 'toggle',
|
|
88
|
+
component: () => import('pages/TogglePage.vue'),
|
|
89
|
+
},
|
|
90
|
+
{
|
|
91
|
+
path: 'select',
|
|
92
|
+
component: () => import('pages/SelectStd.vue'),
|
|
93
|
+
},
|
|
94
|
+
{
|
|
95
|
+
path: 'table',
|
|
96
|
+
component: () => import('pages/TablePage.vue'),
|
|
97
|
+
},
|
|
98
|
+
{
|
|
99
|
+
path: 'dialog',
|
|
100
|
+
component: () => import('pages/Dialog.vue'),
|
|
101
|
+
},
|
|
102
|
+
{
|
|
103
|
+
path: 'pagination',
|
|
104
|
+
component: () => import('src/pages/Pagination.vue'),
|
|
105
|
+
},
|
|
106
|
+
{
|
|
107
|
+
path: 'button-toggle',
|
|
108
|
+
component: () => import('pages/BtnToggle.vue'),
|
|
109
|
+
},
|
|
110
|
+
{
|
|
111
|
+
path: 'Drawer',
|
|
112
|
+
component: () => import('pages/Drawer.vue'),
|
|
113
|
+
},
|
|
114
|
+
{
|
|
115
|
+
path: 'menu-item',
|
|
116
|
+
component: () => import('src/pages/MenuItem.vue'),
|
|
117
|
+
},
|
|
118
|
+
{
|
|
119
|
+
path: 'inner-loader',
|
|
120
|
+
component: () => import('src/pages/InnerLoader.vue'),
|
|
121
|
+
},
|
|
122
|
+
{
|
|
123
|
+
path: 'menu-dropdown',
|
|
124
|
+
component: () => import('src/pages/MenuDropdown.vue'),
|
|
125
|
+
},
|
|
126
|
+
{
|
|
127
|
+
path: 'menu-button',
|
|
128
|
+
component: () => import('src/pages/MenuButton.vue'),
|
|
129
|
+
},
|
|
130
|
+
{
|
|
131
|
+
path: 'bread-crumbs',
|
|
132
|
+
component: () => import('src/pages/BreadCrumbs.vue'),
|
|
133
|
+
},
|
|
134
|
+
{
|
|
135
|
+
path: 'overlay-loader',
|
|
136
|
+
component: () => import('src/pages/OverlayLoader.vue'),
|
|
137
|
+
},
|
|
138
|
+
],
|
|
139
|
+
},
|
|
140
|
+
|
|
141
|
+
// Always leave this as last one,
|
|
142
|
+
// but you can also remove it
|
|
143
|
+
{
|
|
144
|
+
path: '/:catchAll(.*)*',
|
|
145
|
+
component: () => import('pages/ErrorNotFound.vue'),
|
|
146
|
+
},
|
|
147
|
+
]
|
|
148
|
+
|
|
149
|
+
export default routes
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
import{Q as p,_ as g}from"./ComponentBase.1ae19b7e.js";import{Q as c}from"./QSelect.a40eb786.js";import{Q as v}from"./QCheckbox.48b43f7d.js";import{Q as w}from"./QPage.ca395ec4.js";import{_ as x}from"./UAvatar.dda7e478.js";import{r as l,F as C,G as I,H as n,I as a,U as t,N as U}from"./index.43c62a18.js";import"./dom.e9d4ad51.js";import"./render.e67ff27a.js";import"./format.41663636.js";import"./use-checkbox.44a623c0.js";import"./option-sizes.10cc02d3.js";import"./QAvatar.5940a79e.js";import"./UBadgeStd.e165ee05.js";const _={class:"column q-gutter-y-lg"},b={class:"column"},z=t("span",{class:"text-grey-8 text-caption-sm"},"Show Indicator",-1),Q=`<UAvatar
|
|
2
|
-
ref="avatar"
|
|
3
|
-
:name="name"
|
|
4
|
-
:size="size"
|
|
5
|
-
:showIndicator="showIndicator"
|
|
6
|
-
:indicatorColor="indicatorColor"
|
|
7
|
-
:round="round"
|
|
8
|
-
:image="image"
|
|
9
|
-
/>`,H=Object.assign({name:"UAvatar"},{__name:"Avatar",setup(S){l("label");const r=l(!0),s=l("A"),i=l(""),m=l(""),u=l("sm"),V=["primary","accent","positive","neutral"],f=["sm","md","lg","xl"],d=l(!0);return(y,e)=>(C(),I(w,{class:"flex flex-center"},{default:n(()=>[a(g,{figmaUrl:"https://www.figma.com/design/2FoTrjVL4ZrTdsvB4DcSao/Components?node-id=2246-39909"},{component:n(()=>[a(x,{ref:"avatar",name:s.value,size:u.value,showIndicator:d.value,indicatorColor:i.value,round:r.value,image:m.value},null,8,["name","size","showIndicator","indicatorColor","round","image"])]),properties:n(()=>[t("div",_,[a(p,{label:"Name",modelValue:s.value,"onUpdate:modelValue":e[0]||(e[0]=o=>s.value=o)},null,8,["modelValue"]),a(p,{label:"image",modelValue:m.value,"onUpdate:modelValue":e[1]||(e[1]=o=>m.value=o)},null,8,["modelValue"]),a(c,{modelValue:u.value,"onUpdate:modelValue":e[2]||(e[2]=o=>u.value=o),options:f,label:"Size"},null,8,["modelValue"]),t("div",b,[z,a(v,{size:"xs",modelValue:d.value,"onUpdate:modelValue":e[3]||(e[3]=o=>d.value=o),val:!0,label:"Show Indicator"},null,8,["modelValue"])]),t("div",null,[a(v,{size:"xs",modelValue:r.value,"onUpdate:modelValue":e[4]||(e[4]=o=>r.value=o),val:!0,label:"Round"},null,8,["modelValue"])]),a(c,{modelValue:i.value,"onUpdate:modelValue":e[5]||(e[5]=o=>i.value=o),options:V,label:"Indicator Color"},null,8,["modelValue"])])]),code:n(()=>[t("pre",null,U(Q))]),_:1})]),_:1}))}});export{H as default};
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
import{f as b,Q as w,_ as S}from"./ComponentBase.1ae19b7e.js";import{Q as U}from"./QSelect.a40eb786.js";import{Q as q}from"./QCheckbox.48b43f7d.js";import{Q as j}from"./QPage.ca395ec4.js";import{_ as L}from"./UTooltip.d2e04d0c.js";import{_ as Q}from"./UAvatar.dda7e478.js";import{a as A,F as r,K as d,M as _,L as z,G as k,H as c,I as a,U as t,J as B,N as I,aa as G,a9 as $,r as m}from"./index.43c62a18.js";import"./dom.e9d4ad51.js";import"./render.e67ff27a.js";import"./format.41663636.js";import"./use-checkbox.44a623c0.js";import"./option-sizes.10cc02d3.js";import"./QTooltip.5aa8e325.js";import"./QAvatar.5940a79e.js";import"./UBadgeStd.e165ee05.js";const F={class:"text-body-xs tooltip-text"},N=t("br",null,null,-1),x={__name:"UAvatarGroup",props:{color:{type:String,default:"primary"},icon:{type:String},size:{type:String},image:{type:String},images:{type:Array},indicatorColor:{type:String,default:"neutral-4"},name:{type:String,required:!0},showIndicator:{type:Boolean,default:!1},round:{type:Boolean,default:!0},avatarLimit:{type:Number,default:4}},emits:["onClick"],setup(o,{emit:C}){const n=o,p=C,v=()=>p("onClick"),V=A(()=>n.images.slice(0,n.avatarLimit)),g=A(()=>n.images.slice(n.avatarLimit));return(f,h)=>(r(),d(_,null,[(r(!0),d(_,null,z(V.value,(u,e)=>(r(),k(Q,{class:"avatarGroup",name:u.name,size:o.size,showIndicator:o.showIndicator,indicatorColor:o.indicatorColor,round:o.round,image:u.image,key:e,onClick:v},null,8,["name","size","showIndicator","indicatorColor","round","image"]))),128)),g.value.length?(r(),k(b,{key:0,class:G(`avatarGroup additonalUsersAvatar size-${o.size} fa-duotone fa-solid fa-circle-plus`),color:"primary","aria-label":"See more Avatar"},{default:c(()=>[a(L,{anchor:"bottom middle",description:"",self:"top middle",offset:[4,4]},{item:c(()=>[t("div",F,[(r(!0),d(_,null,z(g.value,(u,e)=>(r(),d("span",{key:e},[B(I(u.name),1),N]))),128))])]),_:1})]),_:1},8,["class"])):$("",!0)],64))}},D={class:"column q-gutter-y-lg"},O={class:"text-grey-8 text-caption-sm"},T={class:"full-width row justify-end q-mt-xs",style:{cursor:"pointer"}},E={class:"full-width row justify-end q-mt-sm"},H={class:"column q-gutter-y-lg"},J={class:"column q-gutter-y-lg"},K={class:"column"},M=t("span",{class:"text-grey-8 text-caption-sm"},"Show Indicator",-1),P={data(){return{users:[{name:"Alice",image:"https://cdn.quasar.dev/img/avatar1.jpg"},{name:"Bob",image:"https://cdn.quasar.dev/img/avatar2.jpg"},{name:"Charlie",image:"https://cdn.quasar.dev/img/avatar3.jpg"},{name:"Diana",image:"https://cdn.quasar.dev/img/avatar4.jpg"},{name:"Edward",image:"https://cdn.quasar.dev/img/avatar5.jpg"},{name:"Alex",image:"https://cdn.quasar.dev/img/avatar6.jpg"}]}},methods:{addField(){this.users.push({name:"",image:""})},removeField(o){this.users.splice(o,1)}}},me=Object.assign(P,{name:"UAvatarGroup"},{__name:"AvatarGroup",setup(o){const C=m(!0),n=m("A"),p=m(""),v=m("xl"),V=["primary","accent","positive","neutral"],g=["sm","md","lg","xl"],f=m(!0),h=m(4),u=`<UAvatarGroup
|
|
2
|
-
ref="avatar"
|
|
3
|
-
:label="label"
|
|
4
|
-
:size="size"
|
|
5
|
-
:showIndicator="showIndicator"
|
|
6
|
-
:indicatorColor="indicatorColor"
|
|
7
|
-
:round="round"
|
|
8
|
-
:images="users"
|
|
9
|
-
/>`;return(e,s)=>(r(),k(j,{class:"flex flex-center"},{default:c(()=>[a(S,{figmaUrl:"https://www.figma.com/design/2FoTrjVL4ZrTdsvB4DcSao/Components?node-id=2246-39909"},{component:c(()=>[a(x,{ref:"avatar",label:n.value,size:v.value,showIndicator:f.value,indicatorColor:p.value,round:C.value,images:e.users,avatarLimit:h.value},null,8,["label","size","showIndicator","indicatorColor","round","images","avatarLimit"])]),properties:c(()=>[t("div",D,[(r(!0),d(_,null,z(e.users,(l,i)=>(r(),d("div",{key:i},[t("span",O,"User "+I(i+1),1),a(w,{modelValue:e.users[i].name,"onUpdate:modelValue":y=>e.users[i].name=y,val:e.users[i].name,label:"Name"},null,8,["modelValue","onUpdate:modelValue","val"]),a(w,{modelValue:e.users[i].image,"onUpdate:modelValue":y=>e.users[i].image=y,val:l.image,label:"Image"},null,8,["modelValue","onUpdate:modelValue","val"]),t("div",T,[a(b,{onClick:y=>e.removeField(i),class:"fa-duotone fa-solid fa-circle-minus",size:"sm",color:"primary"},null,8,["onClick"])])]))),128)),t("div",E,[a(b,{onClick:e.addField,style:{cursor:"pointer"},class:"fa-duotone fa-solid fa-circle-plus",size:"xl",color:"primary"},null,8,["onClick"])])]),t("div",H,[a(w,{modelValue:h.value,"onUpdate:modelValue":s[0]||(s[0]=l=>h.value=l),label:"Avatar Limit"},null,8,["modelValue"])]),t("div",J,[a(U,{modelValue:v.value,"onUpdate:modelValue":s[1]||(s[1]=l=>v.value=l),options:g,label:"Size"},null,8,["modelValue"])]),t("div",K,[M,a(q,{size:"xs",modelValue:f.value,"onUpdate:modelValue":s[2]||(s[2]=l=>f.value=l),val:!0,label:"Show Indicator"},null,8,["modelValue"])]),a(U,{modelValue:p.value,"onUpdate:modelValue":s[3]||(s[3]=l=>p.value=l),options:V,label:"Indicator Color"},null,8,["modelValue"])]),code:c(()=>[t("pre",null,I(u))]),_:1})]),_:1}))}});export{me as default};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
.additonalUsersAvatar:after{background-color:#e1e9f9;border-radius:50%}.additonalUsersAvatar{cursor:pointer}.additonalUsersAvatar.size-sm{font-size:1rem!important}.additonalUsersAvatar.size-md{font-size:1.5rem!important}.additonalUsersAvatar.size-lg{font-size:2rem!important}.additonalUsersAvatar.size-xl{font-size:2.5rem!important}.avatarGroup{margin:-.125rem}.avatarGroup:not(:nth-child(1)) .q-avatar__content{border:1.5px solid #FFFFFF;background:lightgray 0px -.033px/100% 150.273% no-repeat}
|
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
import{Q as g,_ as b}from"./ComponentBase.1ae19b7e.js";import{Q as p}from"./QSelect.a40eb786.js";import{Q as c}from"./QRadio.0a7f5e2c.js";import{Q as x}from"./QPage.ca395ec4.js";import{_ as y}from"./UBadgeStd.e165ee05.js";import{r,w as B,a as Q,E as S,F as U,G as q,H as t,I as o,U as s,J as v,N as w}from"./index.43c62a18.js";import"./dom.e9d4ad51.js";import"./render.e67ff27a.js";import"./format.41663636.js";import"./option-sizes.10cc02d3.js";const z={class:"column q-gutter-y-lg"},C={class:"container column"},T={class:"q-gutter-sm"},D={class:"q-mt-md"},N=`<UBadgeStd
|
|
2
|
-
:label="label"
|
|
3
|
-
:color="color"
|
|
4
|
-
:size="size"
|
|
5
|
-
:type="type"
|
|
6
|
-
/>`,G=Object.assign({name:"BtnStd"},{__name:"BadgeStd",setup(O){const i=r("primary"),f=["primary","accent","warning","positive","neutral"],n=r("md"),a=r("basic"),V=["xxs","xs","sm","md","lg"];B(a,()=>{n.value=a.value==="indicator"?"xxs":"md"});const _=Q(()=>a.value==="indicator"?V.filter(m=>m!=="md"&&m!=="lg"):["md","lg"]),d=r("01");return(m,e)=>{const u=S("q-label");return U(),q(x,{class:"flex flex-center"},{default:t(()=>[o(b,{figmaUrl:"https://www.figma.com/design/2FoTrjVL4ZrTdsvB4DcSao/Components?node-id=508-19370&t=DR7gF8DTYY1JvngY-0"},{component:t(()=>[o(y,{label:d.value,color:i.value,size:n.value,type:a.value},null,8,["label","color","size","type"])]),properties:t(()=>[s("div",z,[s("div",C,[s("div",T,[s("div",D,[o(u,null,{default:t(()=>[v("Label")]),_:1}),o(g,{modelValue:d.value,"onUpdate:modelValue":e[0]||(e[0]=l=>d.value=l)},null,8,["modelValue"])]),o(p,{modelValue:i.value,"onUpdate:modelValue":e[1]||(e[1]=l=>i.value=l),options:f,label:"Color"},null,8,["modelValue"]),o(p,{modelValue:n.value,"onUpdate:modelValue":e[2]||(e[2]=l=>n.value=l),options:_.value,label:"Size"},null,8,["modelValue","options"]),s("div",null,[o(u,{class:"q-mr-sm"},{default:t(()=>[v("Type")]),_:1}),o(c,{dense:"",modelValue:a.value,"onUpdate:modelValue":e[3]||(e[3]=l=>a.value=l),val:"basic",label:"Basic",class:"q-pr-sm"},null,8,["modelValue"]),o(c,{dense:"",modelValue:a.value,"onUpdate:modelValue":e[4]||(e[4]=l=>a.value=l),val:"indicator",label:"Indicator"},null,8,["modelValue"])])])])])]),code:t(()=>[s("pre",null,w(N))]),_:1})]),_:1})}}});export{G as default};
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
import{Q as h}from"./QToggle.376c48be.js";import{f as w,Q as y,_ as q}from"./ComponentBase.1ae19b7e.js";import{Q as x}from"./QSelect.a40eb786.js";import{Q}from"./QPage.ca395ec4.js";import{c as U,a as k,h as p,g as P,F as b,G as f,H as d,I as o,aa as V,a9 as A,U as v,N as C,r as m}from"./index.43c62a18.js";import{u as I,a as $}from"./dom.e9d4ad51.js";import{h as g}from"./render.e67ff27a.js";import{_ as S}from"./UBtnStd.979ec4e8.js";import"./use-checkbox.44a623c0.js";import"./option-sizes.10cc02d3.js";import"./format.41663636.js";var _=U({name:"QBanner",props:{...I,inlineActions:Boolean,dense:Boolean,rounded:Boolean},setup(e,{slots:l}){const{proxy:{$q:t}}=P(),r=$(e,t),i=k(()=>"q-banner row items-center"+(e.dense===!0?" q-banner--dense":"")+(r.value===!0?" q-banner--dark q-dark":"")+(e.rounded===!0?" rounded-borders":"")),u=k(()=>`q-banner__actions row items-center justify-end col-${e.inlineActions===!0?"auto":"all"}`);return()=>{const s=[p("div",{class:"q-banner__avatar col-auto row items-center self-start"},g(l.avatar)),p("div",{class:"q-banner__content col text-body2"},g(l.default))],c=g(l.action);return c!==void 0&&s.push(p("div",{class:u.value},c)),p("div",{class:i.value+(e.inlineActions===!1&&c!==void 0?" q-banner--top-padding":""),role:"alert"},s)}}});const D={class:"text-caption-lg"},T={__name:"UBannerStd",props:{type:{type:String,default:"info"},icon:{type:String,default:"fa-kit-duotone fa-circle-info"},message:{type:String,default:"",required:!0},show:{type:Boolean,default:!1,required:!0},primaryActionLabel:{type:String,default:"Action 1"},secondaryActionLabel:{type:String,default:"Action 2"}},emits:["primaryAction","secondaryAction"],setup(e,{emit:l}){const t=l,r=()=>{t("primaryAction")},i=()=>{t("secondaryAction")};return(u,s)=>e.show&&e.message?(b(),f(_,{key:0,"inline-actions":"",class:V(`u-banner u-banner-${e.type}`),tabindex:"0"},{avatar:d(()=>[o(w,{"aria-label":"Banner Icon",class:V(e.icon),size:"1.5rem",color:e.type,alt:"Banner Info Icon"},null,8,["class","color"])]),action:d(()=>[e.primaryActionLabel?(b(),f(S,{key:0,flat:!1,label:e.primaryActionLabel,onOnClick:r,color:e.type,size:"md"},null,8,["label","color"])):A("",!0),e.secondaryActionLabel?(b(),f(S,{key:1,class:"q-ml-sm",outline:!0,label:e.secondaryActionLabel,onOnClick:i,color:e.type,size:"md"},null,8,["label","color"])):A("",!0)]),default:d(()=>[v("span",D,C(e.message),1)]),_:1},8,["class"])):A("",!0)}},z={class:"column q-gutter-y-md"},N=`<UBannerStd
|
|
2
|
-
:type="type"
|
|
3
|
-
:show="show"
|
|
4
|
-
:primaryActionLabel="primaryActionLabel"
|
|
5
|
-
:secondaryActionLabel="secondaryActionLabel"
|
|
6
|
-
:message="message"
|
|
7
|
-
@primaryAction="handlePrimaryActionClick"
|
|
8
|
-
@secondaryAction="handleSecondaryActionClick"
|
|
9
|
-
:icon="icon"
|
|
10
|
-
/>`,X=Object.assign({name:"BannerPage"},{__name:"BannerPage",setup(e){const l=["info","positive","accent","warning","primary"],t=m("primary"),r=m("This is banner message."),i=m("fa-kit-duotone fa-circle-info"),u=m("Submit"),s=m("Close"),c=m(!0),B=()=>{alert("First Clicked")},L=()=>{alert("Second Clicked")};return(O,a)=>(b(),f(Q,{class:"flex flex-center"},{default:d(()=>[o(q,{figmaUrl:"https://www.figma.com/design/2FoTrjVL4ZrTdsvB4DcSao/Components?node-id=2145-13266&m=dev",cardWidth:"70%"},{component:d(()=>[o(T,{type:t.value,show:c.value,primaryActionLabel:u.value,secondaryActionLabel:s.value,message:r.value,onPrimaryAction:B,onSecondaryAction:L,icon:i.value},null,8,["type","show","primaryActionLabel","secondaryActionLabel","message","icon"])]),properties:d(()=>[v("div",z,[o(h,{modelValue:c.value,"onUpdate:modelValue":a[0]||(a[0]=n=>c.value=n),label:"Show"},null,8,["modelValue"]),o(y,{label:"Message",modelValue:r.value,"onUpdate:modelValue":a[1]||(a[1]=n=>r.value=n)},null,8,["modelValue"]),o(y,{label:"Icon",modelValue:i.value,"onUpdate:modelValue":a[2]||(a[2]=n=>i.value=n)},null,8,["modelValue"]),o(x,{modelValue:t.value,"onUpdate:modelValue":a[3]||(a[3]=n=>t.value=n),options:l,label:"Type"},null,8,["modelValue"]),o(y,{label:"Primary Action label",modelValue:u.value,"onUpdate:modelValue":a[4]||(a[4]=n=>u.value=n)},null,8,["modelValue"]),o(y,{label:"Secondary Action label",modelValue:s.value,"onUpdate:modelValue":a[5]||(a[5]=n=>s.value=n)},null,8,["modelValue"])])]),code:d(()=>[v("pre",null,[v("code",null,C(N))])]),_:1})]),_:1}))}});export{X as default};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
.u-banner{min-width:24.563rem;padding:.75rem}.u-banner .q-banner__avatar{align-self:center}.u-banner .q-banner__content{padding-left:.5rem!important}.u-banner-positive{background:#EFFAF4!important;color:#1a6248!important}.u-banner-info{background:#F0F2FD!important;color:#5c4ab8!important}.u-banner-warning{background:#FEEEEB!important;color:#d33809!important}.u-banner-accent{background:#FEF2F2!important;color:#951f23!important}.u-banner-primary{background:#E1E9F9!important;color:#234ba9!important}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
.u-btn-icon.neutral-4{color:#dce1e9}.u-btn-icon.transparent{color:#fff}.u-btn-icon.size-sm{height:2rem;width:2rem}.u-btn-icon.size-md{height:2.5rem;width:2.5rem}.u-btn-icon.size-lg{height:3rem;width:3rem}.u-btn-icon .q-icon.text-transparent{color:#fff!important}.u-btn-icon .q-icon.size-sm{height:1rem;width:1rem}.u-btn-icon .q-icon.size-md{height:1.5rem;width:1.5rem}.u-btn-icon .q-icon.size-lg{height:2rem;width:2rem}.u-btn-icon .q-icon.neutral-9{color:#566176}.icon-tooltip{background:#101114;border-radius:.25rem;padding:.5rem .75rem;box-shadow:0 0 4px #10111414}
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
import{f as B,n as U,Q as V,_ as I}from"./ComponentBase.1ae19b7e.js";import{Q as p}from"./QSelect.a40eb786.js";import{Q as x}from"./QPage.ca395ec4.js";import{_ as k}from"./UTooltip.d2e04d0c.js";import{a as z,F as C,G as y,H as d,I as n,aa as S,a9 as L,r as a,U as r,N as Q}from"./index.43c62a18.js";import"./dom.e9d4ad51.js";import"./render.e67ff27a.js";import"./format.41663636.js";import"./QTooltip.5aa8e325.js";const O={__name:"UBtnIcon",props:{iconClass:{type:String,required:!0,default:"fa-kit-duotone fa-circle-bolt"},ariaLabel:{type:String,default:""},color:{type:String,default:"primary"},round:{type:Boolean,default:!0},size:{type:String,default:"md",validator:t=>["sm","md","lg"].includes(t)},tooltip:{type:String,default:""},tooltipPosition:{type:String,default:"top"},anchor:{type:String,default:"center left"},self:{type:String,default:"center end"}},emits:["onClick"],setup(t,{emit:s}){const l=t,i=s,f=()=>i("onClick"),b=z(()=>l.size==="sm"?"xs":l.size==="md"?"sm":l.size==="lg"?"md":l.size),u=z(()=>l.color==="neutral"?"neutral-9":l.color),c=z(()=>l.color==="neutral"?"neutral-4":l.color);return(h,m)=>(C(),y(U,{onClick:f,flat:"flat",round:t.round,"aria-label":t.ariaLabel,class:S(["u-btn-icon",`size-${t.size} ${c.value}`])},{default:d(()=>[n(B,{color:u.value,"aria-hidden":!0,class:S(`${t.iconClass} size-${t.size}`),size:b.value},null,8,["color","class","size"]),t.tooltip?(C(),y(k,{key:0,description:t.tooltip,anchor:t.anchor,self:t.self,offset:[4,4]},null,8,["description","anchor","self"])):L("",!0)]),_:1},8,["round","aria-label","class"]))}},$={class:"column q-gutter-y-lg"},_={class:"q-my-md"},T={class:"column"},w=r("span",{class:"text-grey-8 text-caption-sm"},"Tooltip Position",-1),N=`<UBtnIcon
|
|
2
|
-
ref="btn-icon"
|
|
3
|
-
:size="size"
|
|
4
|
-
:ariaLabel="ariaLabel"
|
|
5
|
-
:color="color"
|
|
6
|
-
:iconClass="iconClass"
|
|
7
|
-
:tooltip="tooltip"
|
|
8
|
-
:anchor="anchor"
|
|
9
|
-
:self="self"
|
|
10
|
-
/>`,J=Object.assign({name:"BtnIcon"},{__name:"BtnIcon",setup(t){const s=a("primary"),l=["primary","neutral","accent","transparent"],i=a("Tooltip"),f=["top left","top middle","top right","top start","top end","center left","center middle","center right","center start","center end","bottom left","bottom middle","bottom right","bottom start","bottom end"],b=["top left","top middle","top right","top start","top end","center left","center middle","center right","center start","center end","bottom left","bottom middle","bottom right","bottom start","bottom end"],u=a("Btn Icon"),c=a("sm"),h=["sm","md","lg"],m=a("center left"),v=a("center end"),g=a("fa-kit-duotone fa-circle-bolt");return(q,e)=>(C(),y(x,{class:"flex flex-center"},{default:d(()=>[n(I,{figmaUrl:"https://www.figma.com/design/2FoTrjVL4ZrTdsvB4DcSao/Components?node-id=2710-35247"},{component:d(()=>[n(O,{ref:"btn-icon",size:c.value,ariaLabel:u.value,color:s.value,iconClass:g.value,tooltip:i.value,anchor:m.value,self:v.value},null,8,["size","ariaLabel","color","iconClass","tooltip","anchor","self"])]),properties:d(()=>[r("div",$,[n(V,{label:"Aria Label",modelValue:u.value,"onUpdate:modelValue":e[0]||(e[0]=o=>u.value=o)},null,8,["modelValue"]),n(p,{modelValue:s.value,"onUpdate:modelValue":e[1]||(e[1]=o=>s.value=o),options:l,label:"Color"},null,8,["modelValue"]),n(V,{label:"Icon Class",modelValue:g.value,"onUpdate:modelValue":e[2]||(e[2]=o=>g.value=o)},null,8,["modelValue"]),n(p,{modelValue:c.value,"onUpdate:modelValue":e[3]||(e[3]=o=>c.value=o),options:h,label:"Icon Size"},null,8,["modelValue"]),r("div",_,[n(V,{modelValue:i.value,"onUpdate:modelValue":e[4]||(e[4]=o=>i.value=o),label:"Tooltip"},null,8,["modelValue"])]),r("div",T,[w,r("div",null,[n(p,{modelValue:m.value,"onUpdate:modelValue":e[5]||(e[5]=o=>m.value=o),options:f,label:"Anchor Origin"},null,8,["modelValue"]),n(p,{modelValue:v.value,"onUpdate:modelValue":e[6]||(e[6]=o=>v.value=o),options:b,label:"Self Origin"},null,8,["modelValue"])])])])]),code:d(()=>[r("pre",null,Q(N))]),_:1})]),_:1}))}});export{J as default};
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import{Q as w,_ as y}from"./ComponentBase.1ae19b7e.js";import{Q as b}from"./QSelect.a40eb786.js";import{Q as V}from"./QRadio.0a7f5e2c.js";import{Q as u}from"./QCheckbox.48b43f7d.js";import{Q as B}from"./QPage.ca395ec4.js";import{_ as S}from"./UBtnStd.979ec4e8.js";import{r as n,a as s,F as k,G as _,H as i,I as a,U as o,N as C}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";const D={class:"column q-gutter-y-lg"},N={class:"column"},F=o("span",{class:"text-grey-8 text-caption-sm"},"Type",-1),L={class:"column"},O=o("span",{class:"text-grey-8 text-caption-sm"},"Icons",-1),W=`<UBtnStd
|
|
2
|
-
:size="size"
|
|
3
|
-
:label="label"
|
|
4
|
-
:color="color"
|
|
5
|
-
:outline="outline"
|
|
6
|
-
:disable="disabled"
|
|
7
|
-
:flat="flat"
|
|
8
|
-
:left-icon="leftIcon"
|
|
9
|
-
:right-icon="rightIcon"
|
|
10
|
-
:full-width="fullWidth"
|
|
11
|
-
/>`,M=Object.assign({name:"BtnStd"},{__name:"BtnStd",setup(h){const d=n("primary"),g=["positive","info","warning","neutral","primary","accent"],m=n("sm"),x=["sm","md","lg"],r=n(!1),t=n("standard"),f=n("Button"),U=s(()=>t.value==="flat"),z=s(()=>t.value==="outline"),Q=s(()=>p.value?"fa-kit-duotone fa-triangle-exclamation":""),I=s(()=>v.value?"fa-kit-duotone fa-triangle-exclamation":""),p=n(!1),v=n(!1),c=n(!1);return(q,l)=>(k(),_(B,{class:"flex flex-center"},{default:i(()=>[a(y,{figmaUrl:"https://www.figma.com/design/2FoTrjVL4ZrTdsvB4DcSao/Components?node-id=4-18&t=W9U6NqDHbuiUvAxN-0"},{component:i(()=>[a(S,{ref:"btn",size:m.value,label:f.value,color:d.value,outline:z.value,disable:r.value,flat:U.value,"left-icon":Q.value,"right-icon":I.value,"full-width":c.value},null,8,["size","label","color","outline","disable","flat","left-icon","right-icon","full-width"])]),properties:i(()=>[o("div",D,[a(w,{label:"Label",modelValue:f.value,"onUpdate:modelValue":l[0]||(l[0]=e=>f.value=e)},null,8,["modelValue"]),a(b,{modelValue:d.value,"onUpdate:modelValue":l[1]||(l[1]=e=>d.value=e),options:g,label:"Color"},null,8,["modelValue"]),a(b,{modelValue:m.value,"onUpdate:modelValue":l[2]||(l[2]=e=>m.value=e),options:x,label:"Size"},null,8,["modelValue"]),o("div",N,[F,o("div",null,[a(V,{dense:"",modelValue:t.value,"onUpdate:modelValue":l[3]||(l[3]=e=>t.value=e),val:"standard",label:"Default/Standard"},null,8,["modelValue"]),a(V,{dense:"",modelValue:t.value,"onUpdate:modelValue":l[4]||(l[4]=e=>t.value=e),val:"flat",label:"Flat",class:"q-pa-sm"},null,8,["modelValue"]),a(V,{dense:"",modelValue:t.value,"onUpdate:modelValue":l[5]||(l[5]=e=>t.value=e),val:"outline",label:"Outline"},null,8,["modelValue"])])]),o("div",L,[O,o("div",null,[a(u,{size:"xs",modelValue:p.value,"onUpdate:modelValue":l[6]||(l[6]=e=>p.value=e),val:"fa-kit-duotone fa-triangle-exclamation",label:"Left Icon"},null,8,["modelValue"]),a(u,{size:"xs",modelValue:v.value,"onUpdate:modelValue":l[7]||(l[7]=e=>v.value=e),val:"fa-kit-duotone fa-triangle-exclamation",label:"Right Icon"},null,8,["modelValue"])])]),o("div",null,[a(u,{size:"xs",modelValue:c.value,"onUpdate:modelValue":l[8]||(l[8]=e=>c.value=e),label:"Full Width"},null,8,["modelValue"])]),o("div",null,[a(u,{size:"xs",modelValue:r.value,"onUpdate:modelValue":l[9]||(l[9]=e=>r.value=e),label:"Disable"},null,8,["modelValue"])])])]),code:i(()=>[o("pre",null,[o("code",null,C(W))])]),_:1})]),_:1}))}});export{M as default};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
.u-checkbox{color:#234ba9;font-weight:500}.u-checkbox.q-checkbox__inner{display:flex;justify-content:center;align-items:center}.u-checkbox.q-checkbox__bg{border:.125rem solid #234BA9;border-radius:.25rem;height:1.5rem;width:1.5rem;position:static;display:flex;justify-content:center;align-items:center}.u-checkbox.q-checkbox__svg{position:static;height:1rem!important;width:1rem!important}
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
import{Q as f,_ as h}from"./ComponentBase.1ae19b7e.js";import{Q as x}from"./QSelect.a40eb786.js";import{Q as c}from"./QCheckbox.48b43f7d.js";import{Q as k}from"./QPage.ca395ec4.js";import{ac as v,ad as V,v as g,F as b,K as y,U as m,I as s,M as C,r as u,a as L,G as U,H as i,N as w}from"./index.43c62a18.js";import"./dom.e9d4ad51.js";import"./render.e67ff27a.js";import"./format.41663636.js";import"./use-checkbox.44a623c0.js";import"./option-sizes.10cc02d3.js";const B=["for"],S={__name:"UCheckboxStd",props:v({label:{type:String,default:"Checkbox"},name:{type:String,default:""},disabled:{type:Boolean,default:!1},showLabel:{type:Boolean,default:!0},id:{type:[String,Number],default:"u-checkbox",required:!0}},{modelValue:{default:!1,type:Boolean},modelModifiers:{}}),emits:["update:modelValue"],setup(e){const d=e,n=V(e,"modelValue");return g(()=>{const o=document.getElementById(`u-checkbox-${d.id}`);if(o){const l=o.querySelector("input");l.id=`u-checkbox-${d.id}`}}),(o,l)=>(b(),y(C,null,[m("label",{style:{display:"none"},for:`u-checkbox-${e.id}`},"Checkbox ",8,B),s(c,{id:`u-checkbox-${e.id}`,class:"u-checkbox text-caption-lg",name:e.name,modelValue:n.value,"onUpdate:modelValue":l[0]||(l[0]=r=>n.value=r),disable:e.disabled,label:e.showLabel?e.label:"",size:"md","keep-color":"",color:"primary"},null,8,["id","name","modelValue","disable","label"])],64))}},Q={class:"column q-gutter-y-lg"},$=`<UCheckboxStd
|
|
2
|
-
v-model="checked"
|
|
3
|
-
:label="label"
|
|
4
|
-
:showLabel="showLabel"
|
|
5
|
-
:disabled="disabled"
|
|
6
|
-
:id="u-checkbox"
|
|
7
|
-
/>`,H=Object.assign({name:"CheckBox"},{__name:"CheckBox",setup(e){const d=u("Checkbox"),n=u(!1),o=u(!1),l=u("With Label"),r=["With Label","Without Label"],p=L(()=>l.value==="With Label");return(N,a)=>(b(),U(k,{class:"flex flex-center"},{default:i(()=>[s(h,{figmaUrl:"https://www.figma.com/design/2FoTrjVL4ZrTdsvB4DcSao/Components?node-id=2293-164568&t=W9U6NqDHbuiUvAxN-0"},{component:i(()=>[s(S,{modelValue:n.value,"onUpdate:modelValue":a[0]||(a[0]=t=>n.value=t),label:d.value,showLabel:p.value,disabled:o.value,id:"playground"},null,8,["modelValue","label","showLabel","disabled"])]),properties:i(()=>[m("div",Q,[s(f,{label:"Label",modelValue:d.value,"onUpdate:modelValue":a[1]||(a[1]=t=>d.value=t)},null,8,["modelValue"]),s(x,{modelValue:l.value,"onUpdate:modelValue":a[2]||(a[2]=t=>l.value=t),options:r,label:"Variant"},null,8,["modelValue"]),s(c,{size:"xs",modelValue:o.value,"onUpdate:modelValue":a[3]||(a[3]=t=>o.value=t),label:"Disable"},null,8,["modelValue"])])]),code:i(()=>[m("pre",null,[m("code",null,w($))])]),_:1})]),_:1}))}});export{H as default};
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import{f as x,Q as V,_ as U}from"./ComponentBase.1ae19b7e.js";import{i as Q,Q as k}from"./QSelect.a40eb786.js";import{Q as L}from"./QCheckbox.48b43f7d.js";import{Q as S}from"./QPage.ca395ec4.js";import{Q as $}from"./QAvatar.5940a79e.js";import{a as g,F as c,G as b,H as m,U as s,N as C,a9 as y,aa as h,ab as B,r as n,I as o}from"./index.43c62a18.js";import"./dom.e9d4ad51.js";import"./render.e67ff27a.js";import"./format.41663636.js";import"./use-checkbox.44a623c0.js";import"./option-sizes.10cc02d3.js";const N={class:"text-caption-xs"},w={__name:"UChip",props:{chipLabel:{type:String,default:"Chip"},dense:{type:Boolean,default:!1},modelValue:{type:Boolean,default:!1},avatarLabel:{type:String,default:"NA"},icon:{type:String,default:"NA"},iconClass:{type:String,default:"NA"},type:{type:String,default:"neutral"},removable:{type:Boolean,default:!0}},emits:["update:modelValue","onClick"],setup(l,{emit:d}){const t=l,p=d,v=()=>p("onClick"),f=g(()=>t.dense?"xs":"sm"),u=g(()=>t.avatarLabel&&t.avatarLabel.length>2?t.avatarLabel.substring(0,2):t.avatarLabel);return(i,r)=>l.chipLabel?(c(),b(Q,B({key:0,class:"u-chip q-px-xs"},i.$attrs,{class:l.type,modelValue:l.modelValue,dense:l.dense,onRemove:r[0]||(r[0]=()=>i.$emit("update:modelValue",!1)),removable:l.removable,"aria-label":l.chipLabel,onClick:v}),{default:m(()=>[u.value?(c(),b($,{key:0,class:"u-avatar"},{default:m(()=>[s("span",N,C(u.value),1)]),_:1})):y("",!0),l.iconClass?(c(),b(x,{key:1,class:h(`iconLeft ${l.iconClass}`)},null,8,["class"])):y("",!0),s("span",{class:h(`chip-label text-overline-${f.value} text-uppercase`)},C(l.chipLabel),3)]),_:1},16,["class","modelValue","dense","removable","aria-label"])):y("",!0)}},A={class:"column q-gutter-y-lg"},z={class:"column"},I=s("span",{class:"text-grey-8 text-caption-sm"},"Chip Layout Type",-1),R={class:"column"},T=s("span",{class:"text-grey-8 text-caption-sm"},"Removable",-1),D=` <UChip
|
|
2
|
-
ref="chip"
|
|
3
|
-
v-model="modelVal"
|
|
4
|
-
@update:modelValue="modelVal = $event"
|
|
5
|
-
:type="type"
|
|
6
|
-
:dense="dense"
|
|
7
|
-
:iconClass="iconClass"
|
|
8
|
-
:avatarLabel="avatarLabel"
|
|
9
|
-
:chipLabel="chipLabel"
|
|
10
|
-
:removable="removable"
|
|
11
|
-
/>`,M=Object.assign({name:"UChip"},{__name:"Chip",setup(l){const d=n("Label"),t=n("OR"),p=n("primary"),v=n(""),f=["primary","accent","positive","warning","info","neutral","yellow","teal","gold","pink"],u=n(!1),i=n(!1),r=n(!0);return(O,e)=>(c(),b(S,{class:"flex flex-center"},{default:m(()=>[o(U,{figmaUrl:"https://www.figma.com/design/2FoTrjVL4ZrTdsvB4DcSao/Components?node-id=2281-51609"},{component:m(()=>[o(w,{ref:"chip",modelValue:r.value,"onUpdate:modelValue":[e[0]||(e[0]=a=>r.value=a),e[1]||(e[1]=a=>r.value=a)],type:p.value,dense:u.value,iconClass:v.value,avatarLabel:t.value,chipLabel:d.value,removable:i.value},null,8,["modelValue","type","dense","iconClass","avatarLabel","chipLabel","removable"])]),properties:m(()=>[s("div",A,[o(V,{label:"Chip Label",modelValue:d.value,"onUpdate:modelValue":e[2]||(e[2]=a=>d.value=a)},null,8,["modelValue"]),o(V,{label:"Avatar Label",modelValue:t.value,"onUpdate:modelValue":e[3]||(e[3]=a=>t.value=a)},null,8,["modelValue"]),o(V,{label:"Icon Class",modelValue:v.value,"onUpdate:modelValue":e[4]||(e[4]=a=>v.value=a)},null,8,["modelValue"]),o(k,{modelValue:p.value,"onUpdate:modelValue":e[5]||(e[5]=a=>p.value=a),options:f,label:"Chip Type"},null,8,["modelValue"]),s("div",z,[I,o(L,{size:"xs",modelValue:u.value,"onUpdate:modelValue":e[6]||(e[6]=a=>u.value=a),val:!0,label:"Dense"},null,8,["modelValue"])]),s("div",R,[T,o(L,{size:"xs",modelValue:i.value,"onUpdate:modelValue":e[7]||(e[7]=a=>i.value=a),val:!0,label:"Removable"},null,8,["modelValue"])])])]),code:m(()=>[s("pre",null,C(D))]),_:1})]),_:1}))}});export{M as default};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
.u-chip{padding:.5rem;border-radius:20px;height:2.5rem}.u-chip .u-avatar{width:1.5rem;height:1.5rem;margin-left:0!important}.u-chip .q-icon{width:1rem;height:1rem;font-size:1rem}.u-chip .iconLeft{padding-right:.5rem}.u-chip .q-chip__icon--remove{padding:.5rem 0 .5rem .5rem;margin:0}.u-chip.neutral{background-color:#ebeff3;color:#566176}.u-chip.neutral .q-avatar{background-color:#566176!important;color:#ebeff3}.u-chip.neutral .q-icon{color:#566176!important}.u-chip.primary{background-color:#cadbf9;color:#234ba9}.u-chip.primary .q-avatar{background-color:#234ba9!important;color:#cadbf9!important}.u-chip.primary .q-icon{color:#234ba9!important}.u-chip.positive{background-color:#d9f2e3;color:#174e3a}.u-chip.positive .q-avatar{background-color:#174e3a!important;color:#d9f2e3!important}.u-chip.positive .q-icon{color:#174e3a!important}.u-chip.accent{background-color:#fcccce;color:#951f23}.u-chip.accent .q-avatar{background-color:#951f23!important;color:#fcccce!important}.u-chip.accent .q-icon{color:#951f23!important}.u-chip.info{background-color:#ced3f7;color:#4b3f94}.u-chip.info .q-avatar{background-color:#4b3f94!important;color:#ced3f7!important}.u-chip.info .q-icon{color:#4b3f94!important}.u-chip.warning{background-color:#fee0d7;color:#d33809}.u-chip.warning .q-avatar{background-color:#d33809!important;color:#fee0d7!important}.u-chip.warning .q-icon{color:#d33809!important}.u-chip.yellow{background-color:#fbf4d8;color:#8c7000}.u-chip.yellow .q-avatar{background-color:#8c7000!important;color:#fbf4d8!important}.u-chip.yellow .q-icon{color:#8c7000!important}.u-chip.teal{background-color:#ccedf5;color:#186677}.u-chip.teal .q-avatar{background-color:#186677!important;color:#ccedf5!important}.u-chip.teal .q-icon{color:#186677!important}.u-chip.gold{background-color:#eeead3;color:#64482f}.u-chip.gold .q-avatar{background-color:#64482f!important;color:#eeead3!important}.u-chip.gold .q-icon{color:#64482f!important}.u-chip.pink{background-color:#fae0f4;color:#771862}.u-chip.pink .q-avatar{background-color:#771862!important;color:#fae0f4!important}.u-chip.pink .q-icon{color:#771862!important}.u-chip.q-chip--dense{padding:.25rem!important;height:1.5rem!important}.u-chip.q-chip--dense .q-avatar{width:1rem!important;height:1rem!important}.u-chip.q-chip--dense .q-avatar__content span{font-size:.5rem!important;line-height:0rem!important}.u-chip.q-chip--dense .q-icon{width:.75rem!important;height:.75rem!important;font-size:.75rem!important;padding:.25rem .25rem .25rem 0rem}.u-chip.q-chip--dense .q-chip__icon--remove{padding:.25rem}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{a as h,c as se,h as m,g as Y,B as ot,r as I,v as ke,w as U,V as rt,i as it,o as fe,W as ut,X as st,Y as Ue,t as G,u as J,R as dt,Z as ct,k as ue,_ as Ze,$ as ft,d as vt,s as be,b as gt,O as Se,j as mt,q as ht,m as bt,x as yt,A as pt,S as _e,n as kt,a0 as xt,F as wt,G as Ct,H as ae,I as le,a1 as qt,U as X,a2 as xe,T as St}from"./index.43c62a18.js";import{a as Qe,u as He,d as _t,f as Mt,c as Rt}from"./dom.e9d4ad51.js";import{h as ee,c as de}from"./render.e67ff27a.js";import{Q as Et}from"./QPage.ca395ec4.js";const Me={xs:18,sm:24,md:32,lg:38,xl:46},We={size:String};function Ye(e,t=Me){return h(()=>e.size!==void 0?{fontSize:e.size in t?`${t[e.size]}px`:e.size}:null)}const Be="0 0 24 24",$e=e=>e,we=e=>`ionicons ${e}`,Xe={"mdi-":e=>`mdi ${e}`,"icon-":$e,"bt-":e=>`bt ${e}`,"eva-":e=>`eva ${e}`,"ion-md":we,"ion-ios":we,"ion-logo":we,"iconfont ":$e,"ti-":e=>`themify-icon ${e}`,"bi-":e=>`bootstrap-icons ${e}`},Ge={o_:"-outlined",r_:"-round",s_:"-sharp"},Je={sym_o_:"-outlined",sym_r_:"-rounded",sym_s_:"-sharp"},Bt=new RegExp("^("+Object.keys(Xe).join("|")+")"),$t=new RegExp("^("+Object.keys(Ge).join("|")+")"),Fe=new RegExp("^("+Object.keys(Je).join("|")+")"),Ft=/^[Mm]\s?[-+]?\.?\d/,At=/^img:/,Vt=/^svguse:/,Tt=/^ion-/,Pt=/^(fa-(sharp|solid|regular|light|brands|duotone|thin)|[lf]a[srlbdk]?) /;var ye=se({name:"QIcon",props:{...We,tag:{type:String,default:"i"},name:String,color:String,left:Boolean,right:Boolean},setup(e,{slots:t}){const{proxy:{$q:n}}=Y(),a=Ye(e),i=h(()=>"q-icon"+(e.left===!0?" on-left":"")+(e.right===!0?" on-right":"")+(e.color!==void 0?` text-${e.color}`:"")),c=h(()=>{let v,d=e.name;if(d==="none"||!d)return{none:!0};if(n.iconMapFn!==null){const b=n.iconMapFn(d);if(b!==void 0)if(b.icon!==void 0){if(d=b.icon,d==="none"||!d)return{none:!0}}else return{cls:b.cls,content:b.content!==void 0?b.content:" "}}if(Ft.test(d)===!0){const[b,p=Be]=d.split("|");return{svg:!0,viewBox:p,nodes:b.split("&&").map(y=>{const[_,E,V]=y.split("@@");return m("path",{style:E,d:_,transform:V})})}}if(At.test(d)===!0)return{img:!0,src:d.substring(4)};if(Vt.test(d)===!0){const[b,p=Be]=d.split("|");return{svguse:!0,src:b.substring(7),viewBox:p}}let R=" ";const S=d.match(Bt);if(S!==null)v=Xe[S[1]](d);else if(Pt.test(d)===!0)v=d;else if(Tt.test(d)===!0)v=`ionicons ion-${n.platform.is.ios===!0?"ios":"md"}${d.substring(3)}`;else if(Fe.test(d)===!0){v="notranslate material-symbols";const b=d.match(Fe);b!==null&&(d=d.substring(6),v+=Je[b[1]]),R=d}else{v="notranslate material-icons";const b=d.match($t);b!==null&&(d=d.substring(2),v+=Ge[b[1]]),R=d}return{cls:v,content:R}});return()=>{const v={class:i.value,style:a.value,"aria-hidden":"true",role:"presentation"};return c.value.none===!0?m(e.tag,v,ee(t.default)):c.value.img===!0?m(e.tag,v,de(t.default,[m("img",{src:c.value.src})])):c.value.svg===!0?m(e.tag,v,de(t.default,[m("svg",{viewBox:c.value.viewBox||"0 0 24 24"},c.value.nodes)])):c.value.svguse===!0?m(e.tag,v,de(t.default,[m("svg",{viewBox:c.value.viewBox},[m("use",{"xlink:href":c.value.src})])])):(c.value.cls!==void 0&&(v.class+=" "+c.value.cls),m(e.tag,v,de(t.default,[c.value.content])))}}});const Lt={size:{type:[String,Number],default:"1em"},color:String};function Ot(e){return{cSize:h(()=>e.size in Me?`${Me[e.size]}px`:e.size),classes:h(()=>"q-spinner"+(e.color?` text-${e.color}`:""))}}var et=se({name:"QSpinner",props:{...Lt,thickness:{type:Number,default:5}},setup(e){const{cSize:t,classes:n}=Ot(e);return()=>m("svg",{class:n.value+" q-spinner-mat",width:t.value,height:t.value,viewBox:"25 25 50 50"},[m("circle",{class:"path",cx:"50",cy:"50",r:"20",fill:"none",stroke:"currentColor","stroke-width":e.thickness,"stroke-miterlimit":"10"})])}});let Ce,ve=0;const N=new Array(256);for(let e=0;e<256;e++)N[e]=(e+256).toString(16).substring(1);const zt=(()=>{const e=typeof crypto!="undefined"?crypto:typeof window!="undefined"?window.crypto||window.msCrypto:void 0;if(e!==void 0){if(e.randomBytes!==void 0)return e.randomBytes;if(e.getRandomValues!==void 0)return t=>{const n=new Uint8Array(t);return e.getRandomValues(n),n}}return t=>{const n=[];for(let a=t;a>0;a--)n.push(Math.floor(Math.random()*256));return n}})(),Ae=4096;function Re(){(Ce===void 0||ve+16>Ae)&&(ve=0,Ce=zt(Ae));const e=Array.prototype.slice.call(Ce,ve,ve+=16);return e[6]=e[6]&15|64,e[8]=e[8]&63|128,N[e[0]]+N[e[1]]+N[e[2]]+N[e[3]]+"-"+N[e[4]]+N[e[5]]+"-"+N[e[6]]+N[e[7]]+"-"+N[e[8]]+N[e[9]]+"-"+N[e[10]]+N[e[11]]+N[e[12]]+N[e[13]]+N[e[14]]+N[e[15]]}function jt(e){return e==null?null:e}function Ve(e,t){return e==null?t===!0?`f_${Re()}`:null:e}function It({getValue:e,required:t=!0}={}){if(ot.value===!0){const n=e!==void 0?I(jt(e())):I(null);return t===!0&&n.value===null&&ke(()=>{n.value=`f_${Re()}`}),e!==void 0&&U(e,a=>{n.value=Ve(a,t)}),n}return e!==void 0?h(()=>Ve(e(),t)):I(`f_${Re()}`)}const Te=/^on[A-Z]/;function Nt(){const{attrs:e,vnode:t}=Y(),n={listeners:I({}),attributes:I({})};function a(){const i={},c={};for(const v in e)v!=="class"&&v!=="style"&&Te.test(v)===!1&&(i[v]=e[v]);for(const v in t.props)Te.test(v)===!0&&(c[v]=t.props[v]);n.attributes.value=i,n.listeners.value=c}return rt(a),a(),n}function Dt({validate:e,resetValidation:t,requiresQForm:n}){const a=it(ut,!1);if(a!==!1){const{props:i,proxy:c}=Y();Object.assign(c,{validate:e,resetValidation:t}),U(()=>i.disable,v=>{v===!0?(typeof t=="function"&&t(),a.unbindComponent(c)):a.bindComponent(c)}),ke(()=>{i.disable!==!0&&a.bindComponent(c)}),fe(()=>{i.disable!==!0&&a.unbindComponent(c)})}else n===!0&&console.error("Parent QForm not found on useFormChild()!")}const Pe=/^#[0-9a-fA-F]{3}([0-9a-fA-F]{3})?$/,Le=/^#[0-9a-fA-F]{4}([0-9a-fA-F]{4})?$/,Oe=/^#([0-9a-fA-F]{3}|[0-9a-fA-F]{4}|[0-9a-fA-F]{6}|[0-9a-fA-F]{8})$/,ge=/^rgb\(((0|[1-9][\d]?|1[\d]{0,2}|2[\d]?|2[0-4][\d]|25[0-5]),){2}(0|[1-9][\d]?|1[\d]{0,2}|2[\d]?|2[0-4][\d]|25[0-5])\)$/,me=/^rgba\(((0|[1-9][\d]?|1[\d]{0,2}|2[\d]?|2[0-4][\d]|25[0-5]),){2}(0|[1-9][\d]?|1[\d]{0,2}|2[\d]?|2[0-4][\d]|25[0-5]),(0|0\.[0-9]+[1-9]|0\.[1-9]+|1)\)$/,qe={date:e=>/^-?[\d]+\/[0-1]\d\/[0-3]\d$/.test(e),time:e=>/^([0-1]?\d|2[0-3]):[0-5]\d$/.test(e),fulltime:e=>/^([0-1]?\d|2[0-3]):[0-5]\d:[0-5]\d$/.test(e),timeOrFulltime:e=>/^([0-1]?\d|2[0-3]):[0-5]\d(:[0-5]\d)?$/.test(e),email:e=>/^(([^<>()\[\]\\.,;:\s@"]+(\.[^<>()\[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/.test(e),hexColor:e=>Pe.test(e),hexaColor:e=>Le.test(e),hexOrHexaColor:e=>Oe.test(e),rgbColor:e=>ge.test(e),rgbaColor:e=>me.test(e),rgbOrRgbaColor:e=>ge.test(e)||me.test(e),hexOrRgbColor:e=>Pe.test(e)||ge.test(e),hexaOrRgbaColor:e=>Le.test(e)||me.test(e),anyColor:e=>Oe.test(e)||ge.test(e)||me.test(e)},Kt=[!0,!1,"ondemand"],Ut={modelValue:{},error:{type:Boolean,default:null},errorMessage:String,noErrorIcon:Boolean,rules:Array,reactiveRules:Boolean,lazyRules:{type:[Boolean,String],default:!1,validator:e=>Kt.includes(e)}};function Zt(e,t){const{props:n,proxy:a}=Y(),i=I(!1),c=I(null),v=I(!1);Dt({validate:V,resetValidation:E});let d=0,R;const S=h(()=>n.rules!==void 0&&n.rules!==null&&n.rules.length!==0),b=h(()=>n.disable!==!0&&S.value===!0&&t.value===!1),p=h(()=>n.error===!0||i.value===!0),y=h(()=>typeof n.errorMessage=="string"&&n.errorMessage.length!==0?n.errorMessage:c.value);U(()=>n.modelValue,()=>{v.value=!0,b.value===!0&&n.lazyRules===!1&&x()});function _(){n.lazyRules!=="ondemand"&&b.value===!0&&v.value===!0&&x()}U(()=>n.reactiveRules,A=>{A===!0?R===void 0&&(R=U(()=>n.rules,_,{immediate:!0,deep:!0})):R!==void 0&&(R(),R=void 0)},{immediate:!0}),U(()=>n.lazyRules,_),U(e,A=>{A===!0?v.value=!0:b.value===!0&&n.lazyRules!=="ondemand"&&x()});function E(){d++,t.value=!1,v.value=!1,i.value=!1,c.value=null,x.cancel()}function V(A=n.modelValue){if(n.disable===!0||S.value===!1)return!0;const T=++d,Z=t.value!==!0?()=>{v.value=!0}:()=>{},j=(F,B)=>{F===!0&&Z(),i.value=F,c.value=B||null,t.value=!1},D=[];for(let F=0;F<n.rules.length;F++){const B=n.rules[F];let O;if(typeof B=="function"?O=B(A,qe):typeof B=="string"&&qe[B]!==void 0&&(O=qe[B](A)),O===!1||typeof O=="string")return j(!0,O),!1;O!==!0&&O!==void 0&&D.push(O)}return D.length===0?(j(!1),!0):(t.value=!0,Promise.all(D).then(F=>{if(F===void 0||Array.isArray(F)===!1||F.length===0)return T===d&&j(!1),!0;const B=F.find(O=>O===!1||typeof O=="string");return T===d&&j(B!==void 0,B),B===void 0},F=>(T===d&&(console.error(F),j(!0)),!1)))}const x=st(V,0);return fe(()=>{R!==void 0&&R(),x.cancel()}),Object.assign(a,{resetValidation:E,validate:V}),Ue(a,"hasError",()=>p.value),{isDirtyModel:v,hasRules:S,hasError:p,errorMessage:y,validate:V,resetValidation:E}}let te=[],ce=[];function tt(e){ce=ce.filter(t=>t!==e)}function Pn(e){tt(e),ce.push(e)}function Ln(e){tt(e),ce.length===0&&te.length!==0&&(te[te.length-1](),te=[])}function nt(e){ce.length===0?e():te.push(e)}function Qt(e){te=te.filter(t=>t!==e)}function Ee(e){return e!=null&&(""+e).length!==0}const Ht={...He,...Ut,label:String,stackLabel:Boolean,hint:String,hideHint:Boolean,prefix:String,suffix:String,labelColor:String,color:String,bgColor:String,filled:Boolean,outlined:Boolean,borderless:Boolean,standout:[Boolean,String],square:Boolean,loading:Boolean,labelSlot:Boolean,bottomSlots:Boolean,hideBottomSpace:Boolean,rounded:Boolean,dense:Boolean,itemAligned:Boolean,counter:Boolean,clearable:Boolean,clearIcon:String,disable:Boolean,readonly:Boolean,autofocus:Boolean,for:String},Wt={...Ht,maxlength:[Number,String]},Yt=["update:modelValue","clear","focus","blur"];function Xt({requiredForAttr:e=!0,tagProp:t,changeEvent:n=!1}={}){const{props:a,proxy:i}=Y(),c=Qe(a,i.$q),v=It({required:e,getValue:()=>a.for});return{requiredForAttr:e,changeEvent:n,tag:t===!0?h(()=>a.tag):{value:"label"},isDark:c,editable:h(()=>a.disable!==!0&&a.readonly!==!0),innerLoading:I(!1),focused:I(!1),hasPopupOpen:!1,splitAttrs:Nt(),targetUid:v,rootRef:I(null),targetRef:I(null),controlRef:I(null)}}function Gt(e){const{props:t,emit:n,slots:a,attrs:i,proxy:c}=Y(),{$q:v}=c;let d=null;e.hasValue===void 0&&(e.hasValue=h(()=>Ee(t.modelValue))),e.emitValue===void 0&&(e.emitValue=g=>{n("update:modelValue",g)}),e.controlEvents===void 0&&(e.controlEvents={onFocusin:s,onFocusout:u}),Object.assign(e,{clearValue:f,onControlFocusin:s,onControlFocusout:u,focus:B}),e.computedCounter===void 0&&(e.computedCounter=h(()=>{if(t.counter!==!1){const g=typeof t.modelValue=="string"||typeof t.modelValue=="number"?(""+t.modelValue).length:Array.isArray(t.modelValue)===!0?t.modelValue.length:0,q=t.maxlength!==void 0?t.maxlength:t.maxValues;return g+(q!==void 0?" / "+q:"")}}));const{isDirtyModel:R,hasRules:S,hasError:b,errorMessage:p,resetValidation:y}=Zt(e.focused,e.innerLoading),_=e.floatingLabel!==void 0?h(()=>t.stackLabel===!0||e.focused.value===!0||e.floatingLabel.value===!0):h(()=>t.stackLabel===!0||e.focused.value===!0||e.hasValue.value===!0),E=h(()=>t.bottomSlots===!0||t.hint!==void 0||S.value===!0||t.counter===!0||t.error!==null),V=h(()=>t.filled===!0?"filled":t.outlined===!0?"outlined":t.borderless===!0?"borderless":t.standout?"standout":"standard"),x=h(()=>`q-field row no-wrap items-start q-field--${V.value}`+(e.fieldClass!==void 0?` ${e.fieldClass.value}`:"")+(t.rounded===!0?" q-field--rounded":"")+(t.square===!0?" q-field--square":"")+(_.value===!0?" q-field--float":"")+(T.value===!0?" q-field--labeled":"")+(t.dense===!0?" q-field--dense":"")+(t.itemAligned===!0?" q-field--item-aligned q-item-type":"")+(e.isDark.value===!0?" q-field--dark":"")+(e.getControl===void 0?" q-field--auto-height":"")+(e.focused.value===!0?" q-field--focused":"")+(b.value===!0?" q-field--error":"")+(b.value===!0||e.focused.value===!0?" q-field--highlighted":"")+(t.hideBottomSpace!==!0&&E.value===!0?" q-field--with-bottom":"")+(t.disable===!0?" q-field--disabled":t.readonly===!0?" q-field--readonly":"")),A=h(()=>"q-field__control relative-position row no-wrap"+(t.bgColor!==void 0?` bg-${t.bgColor}`:"")+(b.value===!0?" text-negative":typeof t.standout=="string"&&t.standout.length!==0&&e.focused.value===!0?` ${t.standout}`:t.color!==void 0?` text-${t.color}`:"")),T=h(()=>t.labelSlot===!0||t.label!==void 0),Z=h(()=>"q-field__label no-pointer-events absolute ellipsis"+(t.labelColor!==void 0&&b.value!==!0?` text-${t.labelColor}`:"")),j=h(()=>({id:e.targetUid.value,editable:e.editable.value,focused:e.focused.value,floatingLabel:_.value,modelValue:t.modelValue,emitValue:e.emitValue})),D=h(()=>{const g={};return e.targetUid.value&&(g.for=e.targetUid.value),t.disable===!0&&(g["aria-disabled"]="true"),g});function F(){const g=document.activeElement;let q=e.targetRef!==void 0&&e.targetRef.value;q&&(g===null||g.id!==e.targetUid.value)&&(q.hasAttribute("tabindex")===!0||(q=q.querySelector("[tabindex]")),q&&q!==g&&q.focus({preventScroll:!0}))}function B(){nt(F)}function O(){Qt(F);const g=document.activeElement;g!==null&&e.rootRef.value.contains(g)&&g.blur()}function s(g){d!==null&&(clearTimeout(d),d=null),e.editable.value===!0&&e.focused.value===!1&&(e.focused.value=!0,n("focus",g))}function u(g,q){d!==null&&clearTimeout(d),d=setTimeout(()=>{d=null,!(document.hasFocus()===!0&&(e.hasPopupOpen===!0||e.controlRef===void 0||e.controlRef.value===null||e.controlRef.value.contains(document.activeElement)!==!1))&&(e.focused.value===!0&&(e.focused.value=!1,n("blur",g)),q!==void 0&&q())})}function f(g){G(g),v.platform.is.mobile!==!0?(e.targetRef!==void 0&&e.targetRef.value||e.rootRef.value).focus():e.rootRef.value.contains(document.activeElement)===!0&&document.activeElement.blur(),t.type==="file"&&(e.inputRef.value.value=null),n("update:modelValue",null),e.changeEvent===!0&&n("change",null),n("clear",t.modelValue),J(()=>{const q=R.value;y(),R.value=q})}function o(g){[13,32].includes(g.keyCode)&&f(g)}function w(){const g=[];return a.prepend!==void 0&&g.push(m("div",{class:"q-field__prepend q-field__marginal row no-wrap items-center",key:"prepend",onClick:ue},a.prepend())),g.push(m("div",{class:"q-field__control-container col relative-position row no-wrap q-anchor--skip"},l())),b.value===!0&&t.noErrorIcon===!1&&g.push(C("error",[m(ye,{name:v.iconSet.field.error,color:"negative"})])),t.loading===!0||e.innerLoading.value===!0?g.push(C("inner-loading-append",a.loading!==void 0?a.loading():[m(et,{color:t.color})])):t.clearable===!0&&e.hasValue.value===!0&&e.editable.value===!0&&g.push(C("inner-clearable-append",[m(ye,{class:"q-field__focusable-action",name:t.clearIcon||v.iconSet.field.clear,tabindex:0,role:"button","aria-label":v.lang.label.clear,onKeyup:o,onClick:f})])),a.append!==void 0&&g.push(m("div",{class:"q-field__append q-field__marginal row no-wrap items-center",key:"append",onClick:ue},a.append())),e.getInnerAppend!==void 0&&g.push(C("inner-append",e.getInnerAppend())),e.getControlChild!==void 0&&g.push(e.getControlChild()),g}function l(){const g=[];return t.prefix!==void 0&&t.prefix!==null&&g.push(m("div",{class:"q-field__prefix no-pointer-events row items-center"},t.prefix)),e.getShadowControl!==void 0&&e.hasShadow.value===!0&&g.push(e.getShadowControl()),e.getControl!==void 0?g.push(e.getControl()):a.rawControl!==void 0?g.push(a.rawControl()):a.control!==void 0&&g.push(m("div",{ref:e.targetRef,class:"q-field__native row",tabindex:-1,...e.splitAttrs.attributes.value,"data-autofocus":t.autofocus===!0||void 0},a.control(j.value))),T.value===!0&&g.push(m("div",{class:Z.value},ee(a.label,t.label))),t.suffix!==void 0&&t.suffix!==null&&g.push(m("div",{class:"q-field__suffix no-pointer-events row items-center"},t.suffix)),g.concat(ee(a.default))}function k(){let g,q;b.value===!0?p.value!==null?(g=[m("div",{role:"alert"},p.value)],q=`q--slot-error-${p.value}`):(g=ee(a.error),q="q--slot-error"):(t.hideHint!==!0||e.focused.value===!0)&&(t.hint!==void 0?(g=[m("div",t.hint)],q=`q--slot-hint-${t.hint}`):(g=ee(a.hint),q="q--slot-hint"));const $=t.counter===!0||a.counter!==void 0;if(t.hideBottomSpace===!0&&$===!1&&g===void 0)return;const P=m("div",{key:q,class:"q-field__messages col"},g);return m("div",{class:"q-field__bottom row items-start q-field__bottom--"+(t.hideBottomSpace!==!0?"animated":"stale"),onClick:ue},[t.hideBottomSpace===!0?P:m(Ze,{name:"q-transition--field-message"},()=>P),$===!0?m("div",{class:"q-field__counter"},a.counter!==void 0?a.counter():e.computedCounter.value):null])}function C(g,q){return q===null?null:m("div",{key:g,class:"q-field__append q-field__marginal row no-wrap items-center q-anchor--skip"},q)}let M=!1;return dt(()=>{M=!0}),ct(()=>{M===!0&&t.autofocus===!0&&c.focus()}),t.autofocus===!0&&ke(()=>{c.focus()}),fe(()=>{d!==null&&clearTimeout(d)}),Object.assign(c,{focus:B,blur:O}),function(){const q=e.getControl===void 0&&a.control===void 0?{...e.splitAttrs.attributes.value,"data-autofocus":t.autofocus===!0||void 0,...D.value}:D.value;return m(e.tag.value,{ref:e.rootRef,class:[x.value,i.class],style:i.style,...q},[a.before!==void 0?m("div",{class:"q-field__before q-field__marginal row no-wrap items-center",onClick:ue},a.before()):null,m("div",{class:"q-field__inner relative-position col self-stretch"},[m("div",{ref:e.controlRef,class:A.value,tabindex:-1,...e.controlEvents},w()),E.value===!0?k():null]),a.after!==void 0?m("div",{class:"q-field__after q-field__marginal row no-wrap items-center",onClick:ue},a.after()):null])}}const ze={date:"####/##/##",datetime:"####/##/## ##:##",time:"##:##",fulltime:"##:##:##",phone:"(###) ### - ####",card:"#### #### #### ####"},pe={"#":{pattern:"[\\d]",negate:"[^\\d]"},S:{pattern:"[a-zA-Z]",negate:"[^a-zA-Z]"},N:{pattern:"[0-9a-zA-Z]",negate:"[^0-9a-zA-Z]"},A:{pattern:"[a-zA-Z]",negate:"[^a-zA-Z]",transform:e=>e.toLocaleUpperCase()},a:{pattern:"[a-zA-Z]",negate:"[^a-zA-Z]",transform:e=>e.toLocaleLowerCase()},X:{pattern:"[0-9a-zA-Z]",negate:"[^0-9a-zA-Z]",transform:e=>e.toLocaleUpperCase()},x:{pattern:"[0-9a-zA-Z]",negate:"[^0-9a-zA-Z]",transform:e=>e.toLocaleLowerCase()}},at=Object.keys(pe);at.forEach(e=>{pe[e].regex=new RegExp(pe[e].pattern)});const Jt=new RegExp("\\\\([^.*+?^${}()|([\\]])|([.*+?^${}()|[\\]])|(["+at.join("")+"])|(.)","g"),je=/[.*+?^${}()|[\]\\]/g,z=String.fromCharCode(1),en={mask:String,reverseFillMask:Boolean,fillMask:[Boolean,String],unmaskedValue:Boolean};function tn(e,t,n,a){let i,c,v,d,R,S;const b=I(null),p=I(_());function y(){return e.autogrow===!0||["textarea","text","search","url","tel","password"].includes(e.type)}U(()=>e.type+e.autogrow,V),U(()=>e.mask,s=>{if(s!==void 0)x(p.value,!0);else{const u=B(p.value);V(),e.modelValue!==u&&t("update:modelValue",u)}}),U(()=>e.fillMask+e.reverseFillMask,()=>{b.value===!0&&x(p.value,!0)}),U(()=>e.unmaskedValue,()=>{b.value===!0&&x(p.value)});function _(){if(V(),b.value===!0){const s=D(B(e.modelValue));return e.fillMask!==!1?O(s):s}return e.modelValue}function E(s){if(s<i.length)return i.slice(-s);let u="",f=i;const o=f.indexOf(z);if(o!==-1){for(let w=s-f.length;w>0;w--)u+=z;f=f.slice(0,o)+u+f.slice(o)}return f}function V(){if(b.value=e.mask!==void 0&&e.mask.length!==0&&y(),b.value===!1){d=void 0,i="",c="";return}const s=ze[e.mask]===void 0?e.mask:ze[e.mask],u=typeof e.fillMask=="string"&&e.fillMask.length!==0?e.fillMask.slice(0,1):"_",f=u.replace(je,"\\$&"),o=[],w=[],l=[];let k=e.reverseFillMask===!0,C="",M="";s.replace(Jt,(P,r,L,W,H)=>{if(W!==void 0){const K=pe[W];l.push(K),M=K.negate,k===!0&&(w.push("(?:"+M+"+)?("+K.pattern+"+)?(?:"+M+"+)?("+K.pattern+"+)?"),k=!1),w.push("(?:"+M+"+)?("+K.pattern+")?")}else if(L!==void 0)C="\\"+(L==="\\"?"":L),l.push(L),o.push("([^"+C+"]+)?"+C+"?");else{const K=r!==void 0?r:H;C=K==="\\"?"\\\\\\\\":K.replace(je,"\\\\$&"),l.push(K),o.push("([^"+C+"]+)?"+C+"?")}});const g=new RegExp("^"+o.join("")+"("+(C===""?".":"[^"+C+"]")+"+)?"+(C===""?"":"["+C+"]*")+"$"),q=w.length-1,$=w.map((P,r)=>r===0&&e.reverseFillMask===!0?new RegExp("^"+f+"*"+P):r===q?new RegExp("^"+P+"("+(M===""?".":M)+"+)?"+(e.reverseFillMask===!0?"$":f+"*")):new RegExp("^"+P));v=l,d=P=>{const r=g.exec(e.reverseFillMask===!0?P:P.slice(0,l.length+1));r!==null&&(P=r.slice(1).join(""));const L=[],W=$.length;for(let H=0,K=P;H<W;H++){const ne=$[H].exec(K);if(ne===null)break;K=K.slice(ne.shift().length),L.push(...ne)}return L.length!==0?L.join(""):P},i=l.map(P=>typeof P=="string"?P:z).join(""),c=i.split(z).join(u)}function x(s,u,f){const o=a.value,w=o.selectionEnd,l=o.value.length-w,k=B(s);u===!0&&V();const C=D(k),M=e.fillMask!==!1?O(C):C,g=p.value!==M;o.value!==M&&(o.value=M),g===!0&&(p.value=M),document.activeElement===o&&J(()=>{if(M===c){const $=e.reverseFillMask===!0?c.length:0;o.setSelectionRange($,$,"forward");return}if(f==="insertFromPaste"&&e.reverseFillMask!==!0){const $=o.selectionEnd;let P=w-1;for(let r=R;r<=P&&r<$;r++)i[r]!==z&&P++;T.right(o,P);return}if(["deleteContentBackward","deleteContentForward"].indexOf(f)!==-1){const $=e.reverseFillMask===!0?w===0?M.length>C.length?1:0:Math.max(0,M.length-(M===c?0:Math.min(C.length,l)+1))+1:w;o.setSelectionRange($,$,"forward");return}if(e.reverseFillMask===!0)if(g===!0){const $=Math.max(0,M.length-(M===c?0:Math.min(C.length,l+1)));$===1&&w===1?o.setSelectionRange($,$,"forward"):T.rightReverse(o,$)}else{const $=M.length-l;o.setSelectionRange($,$,"backward")}else if(g===!0){const $=Math.max(0,i.indexOf(z),Math.min(C.length,w)-1);T.right(o,$)}else{const $=w-1;T.right(o,$)}});const q=e.unmaskedValue===!0?B(M):M;String(e.modelValue)!==q&&(e.modelValue!==null||q!=="")&&n(q,!0)}function A(s,u,f){const o=D(B(s.value));u=Math.max(0,i.indexOf(z),Math.min(o.length,u)),R=u,s.setSelectionRange(u,f,"forward")}const T={left(s,u){const f=i.slice(u-1).indexOf(z)===-1;let o=Math.max(0,u-1);for(;o>=0;o--)if(i[o]===z){u=o,f===!0&&u++;break}if(o<0&&i[u]!==void 0&&i[u]!==z)return T.right(s,0);u>=0&&s.setSelectionRange(u,u,"backward")},right(s,u){const f=s.value.length;let o=Math.min(f,u+1);for(;o<=f;o++)if(i[o]===z){u=o;break}else i[o-1]===z&&(u=o);if(o>f&&i[u-1]!==void 0&&i[u-1]!==z)return T.left(s,f);s.setSelectionRange(u,u,"forward")},leftReverse(s,u){const f=E(s.value.length);let o=Math.max(0,u-1);for(;o>=0;o--)if(f[o-1]===z){u=o;break}else if(f[o]===z&&(u=o,o===0))break;if(o<0&&f[u]!==void 0&&f[u]!==z)return T.rightReverse(s,0);u>=0&&s.setSelectionRange(u,u,"backward")},rightReverse(s,u){const f=s.value.length,o=E(f),w=o.slice(0,u+1).indexOf(z)===-1;let l=Math.min(f,u+1);for(;l<=f;l++)if(o[l-1]===z){u=l,u>0&&w===!0&&u--;break}if(l>f&&o[u-1]!==void 0&&o[u-1]!==z)return T.leftReverse(s,f);s.setSelectionRange(u,u,"forward")}};function Z(s){t("click",s),S=void 0}function j(s){if(t("keydown",s),ft(s)===!0||s.altKey===!0)return;const u=a.value,f=u.selectionStart,o=u.selectionEnd;if(s.shiftKey||(S=void 0),s.keyCode===37||s.keyCode===39){s.shiftKey&&S===void 0&&(S=u.selectionDirection==="forward"?f:o);const w=T[(s.keyCode===39?"right":"left")+(e.reverseFillMask===!0?"Reverse":"")];if(s.preventDefault(),w(u,S===f?o:f),s.shiftKey){const l=u.selectionStart;u.setSelectionRange(Math.min(S,l),Math.max(S,l),"forward")}}else s.keyCode===8&&e.reverseFillMask!==!0&&f===o?(T.left(u,f),u.setSelectionRange(u.selectionStart,o,"backward")):s.keyCode===46&&e.reverseFillMask===!0&&f===o&&(T.rightReverse(u,o),u.setSelectionRange(f,u.selectionEnd,"forward"))}function D(s){if(s==null||s==="")return"";if(e.reverseFillMask===!0)return F(s);const u=v;let f=0,o="";for(let w=0;w<u.length;w++){const l=s[f],k=u[w];if(typeof k=="string")o+=k,l===k&&f++;else if(l!==void 0&&k.regex.test(l))o+=k.transform!==void 0?k.transform(l):l,f++;else return o}return o}function F(s){const u=v,f=i.indexOf(z);let o=s.length-1,w="";for(let l=u.length-1;l>=0&&o!==-1;l--){const k=u[l];let C=s[o];if(typeof k=="string")w=k+w,C===k&&o--;else if(C!==void 0&&k.regex.test(C))do w=(k.transform!==void 0?k.transform(C):C)+w,o--,C=s[o];while(f===l&&C!==void 0&&k.regex.test(C));else return w}return w}function B(s){return typeof s!="string"||d===void 0?typeof s=="number"?d(""+s):s:d(s)}function O(s){return c.length-s.length<=0?s:e.reverseFillMask===!0&&s.length!==0?c.slice(0,-s.length)+s:s+c.slice(s.length)}return{innerValue:p,hasMask:b,moveCursorForPaste:A,updateMaskValue:x,onMaskedKeydown:j,onMaskedClick:Z}}const nn={name:String};function On(e={}){return(t,n,a)=>{t[n](m("input",{class:"hidden"+(a||""),...e.value}))}}function an(e){return h(()=>e.name||e.for)}function ln(e,t){function n(){const a=e.modelValue;try{const i="DataTransfer"in window?new DataTransfer:"ClipboardEvent"in window?new ClipboardEvent("").clipboardData:void 0;return Object(a)===a&&("length"in a?Array.from(a):[a]).forEach(c=>{i.items.add(c)}),{files:i.files}}catch{return{files:void 0}}}return t===!0?h(()=>{if(e.type==="file")return n()}):h(n)}const on=/[\u3000-\u303f\u3040-\u309f\u30a0-\u30ff\uff00-\uff9f\u4e00-\u9faf\u3400-\u4dbf]/,rn=/[\u4e00-\u9fff\u3400-\u4dbf\u{20000}-\u{2a6df}\u{2a700}-\u{2b73f}\u{2b740}-\u{2b81f}\u{2b820}-\u{2ceaf}\uf900-\ufaff\u3300-\u33ff\ufe30-\ufe4f\uf900-\ufaff\u{2f800}-\u{2fa1f}]/u,un=/[\u3131-\u314e\u314f-\u3163\uac00-\ud7a3]/,sn=/[a-z0-9_ -]$/i;function dn(e){return function(n){if(n.type==="compositionend"||n.type==="change"){if(n.target.qComposing!==!0)return;n.target.qComposing=!1,e(n)}else n.type==="compositionupdate"&&n.target.qComposing!==!0&&typeof n.data=="string"&&(vt.is.firefox===!0?sn.test(n.data)===!1:on.test(n.data)===!0||rn.test(n.data)===!0||un.test(n.data)===!0)===!0&&(n.target.qComposing=!0)}}var zn=se({name:"QInput",inheritAttrs:!1,props:{...Wt,...en,...nn,modelValue:[String,Number,FileList],shadowText:String,type:{type:String,default:"text"},debounce:[String,Number],autogrow:Boolean,inputClass:[Array,String,Object],inputStyle:[Array,String,Object]},emits:[...Yt,"paste","change","keydown","click","animationend"],setup(e,{emit:t,attrs:n}){const{proxy:a}=Y(),{$q:i}=a,c={};let v=NaN,d,R,S=null,b;const p=I(null),y=an(e),{innerValue:_,hasMask:E,moveCursorForPaste:V,updateMaskValue:x,onMaskedKeydown:A,onMaskedClick:T}=tn(e,t,C,p),Z=ln(e,!0),j=h(()=>Ee(_.value)),D=dn(l),F=Xt({changeEvent:!0}),B=h(()=>e.type==="textarea"||e.autogrow===!0),O=h(()=>B.value===!0||["text","search","url","tel","password"].includes(e.type)),s=h(()=>{const r={...F.splitAttrs.listeners.value,onInput:l,onPaste:w,onChange:g,onBlur:q,onFocus:be};return r.onCompositionstart=r.onCompositionupdate=r.onCompositionend=D,E.value===!0&&(r.onKeydown=A,r.onClick=T),e.autogrow===!0&&(r.onAnimationend=k),r}),u=h(()=>{const r={tabindex:0,"data-autofocus":e.autofocus===!0||void 0,rows:e.type==="textarea"?6:void 0,"aria-label":e.label,name:y.value,...F.splitAttrs.attributes.value,id:F.targetUid.value,maxlength:e.maxlength,disabled:e.disable===!0,readonly:e.readonly===!0};return B.value===!1&&(r.type=e.type),e.autogrow===!0&&(r.rows=1),r});U(()=>e.type,()=>{p.value&&(p.value.value=e.modelValue)}),U(()=>e.modelValue,r=>{if(E.value===!0){if(R===!0&&(R=!1,String(r)===v))return;x(r)}else _.value!==r&&(_.value=r,e.type==="number"&&c.hasOwnProperty("value")===!0&&(d===!0?d=!1:delete c.value));e.autogrow===!0&&J(M)}),U(()=>e.autogrow,r=>{r===!0?J(M):p.value!==null&&n.rows>0&&(p.value.style.height="auto")}),U(()=>e.dense,()=>{e.autogrow===!0&&J(M)});function f(){nt(()=>{const r=document.activeElement;p.value!==null&&p.value!==r&&(r===null||r.id!==F.targetUid.value)&&p.value.focus({preventScroll:!0})})}function o(){p.value!==null&&p.value.select()}function w(r){if(E.value===!0&&e.reverseFillMask!==!0){const L=r.target;V(L,L.selectionStart,L.selectionEnd)}t("paste",r)}function l(r){if(!r||!r.target)return;if(e.type==="file"){t("update:modelValue",r.target.files);return}const L=r.target.value;if(r.target.qComposing===!0){c.value=L;return}if(E.value===!0)x(L,!1,r.inputType);else if(C(L),O.value===!0&&r.target===document.activeElement){const{selectionStart:W,selectionEnd:H}=r.target;W!==void 0&&H!==void 0&&J(()=>{r.target===document.activeElement&&L.indexOf(r.target.value)===0&&r.target.setSelectionRange(W,H)})}e.autogrow===!0&&M()}function k(r){t("animationend",r),M()}function C(r,L){b=()=>{S=null,e.type!=="number"&&c.hasOwnProperty("value")===!0&&delete c.value,e.modelValue!==r&&v!==r&&(v=r,L===!0&&(R=!0),t("update:modelValue",r),J(()=>{v===r&&(v=NaN)})),b=void 0},e.type==="number"&&(d=!0,c.value=r),e.debounce!==void 0?(S!==null&&clearTimeout(S),c.value=r,S=setTimeout(b,e.debounce)):b()}function M(){requestAnimationFrame(()=>{const r=p.value;if(r!==null){const L=r.parentNode.style,{scrollTop:W}=r,{overflowY:H,maxHeight:K}=i.platform.is.firefox===!0?{}:window.getComputedStyle(r),ne=H!==void 0&&H!=="scroll";ne===!0&&(r.style.overflowY="hidden"),L.marginBottom=r.scrollHeight-1+"px",r.style.height="1px",r.style.height=r.scrollHeight+"px",ne===!0&&(r.style.overflowY=parseInt(K,10)<r.scrollHeight?"auto":"hidden"),L.marginBottom="",r.scrollTop=W}})}function g(r){D(r),S!==null&&(clearTimeout(S),S=null),b!==void 0&&b(),t("change",r.target.value)}function q(r){r!==void 0&&be(r),S!==null&&(clearTimeout(S),S=null),b!==void 0&&b(),d=!1,R=!1,delete c.value,e.type!=="file"&&setTimeout(()=>{p.value!==null&&(p.value.value=_.value!==void 0?_.value:"")})}function $(){return c.hasOwnProperty("value")===!0?c.value:_.value!==void 0?_.value:""}fe(()=>{q()}),ke(()=>{e.autogrow===!0&&M()}),Object.assign(F,{innerValue:_,fieldClass:h(()=>`q-${B.value===!0?"textarea":"input"}`+(e.autogrow===!0?" q-textarea--autogrow":"")),hasShadow:h(()=>e.type!=="file"&&typeof e.shadowText=="string"&&e.shadowText.length!==0),inputRef:p,emitValue:C,hasValue:j,floatingLabel:h(()=>j.value===!0&&(e.type!=="number"||isNaN(_.value)===!1)||Ee(e.displayValue)),getControl:()=>m(B.value===!0?"textarea":"input",{ref:p,class:["q-field__native q-placeholder",e.inputClass],style:e.inputStyle,...u.value,...s.value,...e.type!=="file"?{value:$()}:Z.value}),getShadowControl:()=>m("div",{class:"q-field__native q-field__shadow absolute-bottom no-pointer-events"+(B.value===!0?"":" text-no-wrap")},[m("span",{class:"invisible"},$()),m("span",e.shadowText)])});const P=Gt(F);return Object.assign(a,{focus:f,select:o,getNativeElement:()=>p.value}),Ue(a,"nativeEl",()=>p.value),P}});function cn(e,t=250){let n=!1,a;return function(){return n===!1&&(n=!0,setTimeout(()=>{n=!1},t),a=e.apply(this,arguments)),a}}function Ie(e,t,n,a){n.modifiers.stop===!0&&be(e);const i=n.modifiers.color;let c=n.modifiers.center;c=c===!0||a===!0;const v=document.createElement("span"),d=document.createElement("span"),R=bt(e),{left:S,top:b,width:p,height:y}=t.getBoundingClientRect(),_=Math.sqrt(p*p+y*y),E=_/2,V=`${(p-_)/2}px`,x=c?V:`${R.left-S-E}px`,A=`${(y-_)/2}px`,T=c?A:`${R.top-b-E}px`;d.className="q-ripple__inner",_t(d,{height:`${_}px`,width:`${_}px`,transform:`translate3d(${x},${T},0) scale3d(.2,.2,1)`,opacity:0}),v.className=`q-ripple${i?" text-"+i:""}`,v.setAttribute("dir","ltr"),v.appendChild(d),t.appendChild(v);const Z=()=>{v.remove(),clearTimeout(j)};n.abort.push(Z);let j=setTimeout(()=>{d.classList.add("q-ripple__inner--enter"),d.style.transform=`translate3d(${V},${A},0) scale3d(1,1,1)`,d.style.opacity=.2,j=setTimeout(()=>{d.classList.remove("q-ripple__inner--enter"),d.classList.add("q-ripple__inner--leave"),d.style.opacity=0,j=setTimeout(()=>{v.remove(),n.abort.splice(n.abort.indexOf(Z),1)},275)},250)},50)}function Ne(e,{modifiers:t,value:n,arg:a}){const i=Object.assign({},e.cfg.ripple,t,n);e.modifiers={early:i.early===!0,stop:i.stop===!0,center:i.center===!0,color:i.color||a,keyCodes:[].concat(i.keyCodes||13)}}var fn=gt({name:"ripple",beforeMount(e,t){const n=t.instance.$.appContext.config.globalProperties.$q.config||{};if(n.ripple===!1)return;const a={cfg:n,enabled:t.value!==!1,modifiers:{},abort:[],start(i){a.enabled===!0&&i.qSkipRipple!==!0&&i.type===(a.modifiers.early===!0?"pointerdown":"click")&&Ie(i,e,a,i.qKeyEvent===!0)},keystart:cn(i=>{a.enabled===!0&&i.qSkipRipple!==!0&&Se(i,a.modifiers.keyCodes)===!0&&i.type===`key${a.modifiers.early===!0?"down":"up"}`&&Ie(i,e,a,!0)},300)};Ne(a,t),e.__qripple=a,mt(a,"main",[[e,"pointerdown","start","passive"],[e,"click","start","passive"],[e,"keydown","keystart","passive"],[e,"keyup","keystart","passive"]])},updated(e,t){if(t.oldValue!==t.value){const n=e.__qripple;n!==void 0&&(n.enabled=t.value!==!1,n.enabled===!0&&Object(t.value)===t.value&&Ne(n,t))}},beforeUnmount(e){const t=e.__qripple;t!==void 0&&(t.abort.forEach(n=>{n()}),ht(t,"main"),delete e._qripple)}}),he=se({name:"QCardSection",props:{tag:{type:String,default:"div"},horizontal:Boolean},setup(e,{slots:t}){const n=h(()=>`q-card__section q-card__section--${e.horizontal===!0?"horiz row no-wrap":"vert"}`);return()=>m(e.tag,{class:n.value},ee(t.default))}});const lt={left:"start",center:"center",right:"end",between:"between",around:"around",evenly:"evenly",stretch:"stretch"},vn=Object.keys(lt),gn={align:{type:String,validator:e=>vn.includes(e)}};function mn(e){return h(()=>{const t=e.align===void 0?e.vertical===!0?"stretch":"left":e.align;return`${e.vertical===!0?"items":"justify"}-${lt[t]}`})}const De={none:0,xs:4,sm:8,md:16,lg:24,xl:32},hn={xs:8,sm:10,md:14,lg:20,xl:24},bn=["button","submit","reset"],yn=/[^\s]\/[^\s]/,pn=["flat","outline","push","unelevated"];function kn(e,t){return e.flat===!0?"flat":e.outline===!0?"outline":e.push===!0?"push":e.unelevated===!0?"unelevated":t}const xn={...We,...Mt,type:{type:String,default:"button"},label:[Number,String],icon:String,iconRight:String,...pn.reduce((e,t)=>(e[t]=Boolean)&&e,{}),square:Boolean,rounded:Boolean,glossy:Boolean,size:String,fab:Boolean,fabMini:Boolean,padding:String,color:String,textColor:String,noCaps:Boolean,noWrap:Boolean,dense:Boolean,tabindex:[Number,String],ripple:{type:[Boolean,Object],default:!0},align:{...gn.align,default:"center"},stack:Boolean,stretch:Boolean,loading:{type:Boolean,default:null},disable:Boolean},wn={...xn,round:Boolean};function Cn(e){const t=Ye(e,hn),n=mn(e),{hasRouterLink:a,hasLink:i,linkTag:c,linkAttrs:v,navigateOnClick:d}=Rt({fallbackTag:"button"}),R=h(()=>{const x=e.fab===!1&&e.fabMini===!1?t.value:{};return e.padding!==void 0?Object.assign({},x,{padding:e.padding.split(/\s+/).map(A=>A in De?De[A]+"px":A).join(" "),minWidth:"0",minHeight:"0"}):x}),S=h(()=>e.rounded===!0||e.fab===!0||e.fabMini===!0),b=h(()=>e.disable!==!0&&e.loading!==!0),p=h(()=>b.value===!0?e.tabindex||0:-1),y=h(()=>kn(e,"standard")),_=h(()=>{const x={tabindex:p.value};return i.value===!0?Object.assign(x,v.value):bn.includes(e.type)===!0&&(x.type=e.type),c.value==="a"?(e.disable===!0?x["aria-disabled"]="true":x.href===void 0&&(x.role="button"),a.value!==!0&&yn.test(e.type)===!0&&(x.type=e.type)):e.disable===!0&&(x.disabled="",x["aria-disabled"]="true"),e.loading===!0&&e.percentage!==void 0&&Object.assign(x,{role:"progressbar","aria-valuemin":0,"aria-valuemax":100,"aria-valuenow":e.percentage}),x}),E=h(()=>{let x;e.color!==void 0?e.flat===!0||e.outline===!0?x=`text-${e.textColor||e.color}`:x=`bg-${e.color} text-${e.textColor||"white"}`:e.textColor&&(x=`text-${e.textColor}`);const A=e.round===!0?"round":`rectangle${S.value===!0?" q-btn--rounded":e.square===!0?" q-btn--square":""}`;return`q-btn--${y.value} q-btn--${A}`+(x!==void 0?" "+x:"")+(b.value===!0?" q-btn--actionable q-focusable q-hoverable":e.disable===!0?" disabled":"")+(e.fab===!0?" q-btn--fab":e.fabMini===!0?" q-btn--fab-mini":"")+(e.noCaps===!0?" q-btn--no-uppercase":"")+(e.dense===!0?" q-btn--dense":"")+(e.stretch===!0?" no-border-radius self-stretch":"")+(e.glossy===!0?" glossy":"")+(e.square?" q-btn--square":"")}),V=h(()=>n.value+(e.stack===!0?" column":" row")+(e.noWrap===!0?" no-wrap text-no-wrap":"")+(e.loading===!0?" q-btn__content--hidden":""));return{classes:E,style:R,innerClasses:V,attributes:_,hasLink:i,linkTag:c,navigateOnClick:d,isActionable:b}}const{passiveCapture:Q}=pt;let oe=null,re=null,ie=null;var qn=se({name:"QBtn",props:{...wn,percentage:Number,darkPercentage:Boolean,onTouchstart:[Function,Array]},emits:["click","keydown","mousedown","keyup"],setup(e,{slots:t,emit:n}){const{proxy:a}=Y(),{classes:i,style:c,innerClasses:v,attributes:d,hasLink:R,linkTag:S,navigateOnClick:b,isActionable:p}=Cn(e),y=I(null),_=I(null);let E=null,V,x=null;const A=h(()=>e.label!==void 0&&e.label!==null&&e.label!==""),T=h(()=>e.disable===!0||e.ripple===!1?!1:{keyCodes:R.value===!0?[13,32]:[13],...e.ripple===!0?{}:e.ripple}),Z=h(()=>({center:e.round})),j=h(()=>{const l=Math.max(0,Math.min(100,e.percentage));return l>0?{transition:"transform 0.6s",transform:`translateX(${l-100}%)`}:{}}),D=h(()=>{if(e.loading===!0)return{onMousedown:w,onTouchstart:w,onClick:w,onKeydown:w,onKeyup:w};if(p.value===!0){const l={onClick:B,onKeydown:O,onMousedown:u};if(a.$q.platform.has.touch===!0){const k=e.onTouchstart!==void 0?"":"Passive";l[`onTouchstart${k}`]=s}return l}return{onClick:G}}),F=h(()=>({ref:y,class:"q-btn q-btn-item non-selectable no-outline "+i.value,style:c.value,...d.value,...D.value}));function B(l){if(y.value!==null){if(l!==void 0){if(l.defaultPrevented===!0)return;const k=document.activeElement;if(e.type==="submit"&&k!==document.body&&y.value.contains(k)===!1&&k.contains(y.value)===!1){y.value.focus();const C=()=>{document.removeEventListener("keydown",G,!0),document.removeEventListener("keyup",C,Q),y.value!==null&&y.value.removeEventListener("blur",C,Q)};document.addEventListener("keydown",G,!0),document.addEventListener("keyup",C,Q),y.value.addEventListener("blur",C,Q)}}b(l)}}function O(l){y.value!==null&&(n("keydown",l),Se(l,[13,32])===!0&&re!==y.value&&(re!==null&&o(),l.defaultPrevented!==!0&&(y.value.focus(),re=y.value,y.value.classList.add("q-btn--active"),document.addEventListener("keyup",f,!0),y.value.addEventListener("blur",f,Q)),G(l)))}function s(l){y.value!==null&&(n("touchstart",l),l.defaultPrevented!==!0&&(oe!==y.value&&(oe!==null&&o(),oe=y.value,E=l.target,E.addEventListener("touchcancel",f,Q),E.addEventListener("touchend",f,Q)),V=!0,x!==null&&clearTimeout(x),x=setTimeout(()=>{x=null,V=!1},200)))}function u(l){y.value!==null&&(l.qSkipRipple=V===!0,n("mousedown",l),l.defaultPrevented!==!0&&ie!==y.value&&(ie!==null&&o(),ie=y.value,y.value.classList.add("q-btn--active"),document.addEventListener("mouseup",f,Q)))}function f(l){if(y.value!==null&&!(l!==void 0&&l.type==="blur"&&document.activeElement===y.value)){if(l!==void 0&&l.type==="keyup"){if(re===y.value&&Se(l,[13,32])===!0){const k=new MouseEvent("click",l);k.qKeyEvent=!0,l.defaultPrevented===!0&&ue(k),l.cancelBubble===!0&&be(k),y.value.dispatchEvent(k),G(l),l.qKeyEvent=!0}n("keyup",l)}o()}}function o(l){const k=_.value;l!==!0&&(oe===y.value||ie===y.value)&&k!==null&&k!==document.activeElement&&(k.setAttribute("tabindex",-1),k.focus()),oe===y.value&&(E!==null&&(E.removeEventListener("touchcancel",f,Q),E.removeEventListener("touchend",f,Q)),oe=E=null),ie===y.value&&(document.removeEventListener("mouseup",f,Q),ie=null),re===y.value&&(document.removeEventListener("keyup",f,!0),y.value!==null&&y.value.removeEventListener("blur",f,Q),re=null),y.value!==null&&y.value.classList.remove("q-btn--active")}function w(l){G(l),l.qSkipRipple=!0}return fe(()=>{o(!0)}),Object.assign(a,{click:l=>{p.value===!0&&B(l)}}),()=>{let l=[];e.icon!==void 0&&l.push(m(ye,{name:e.icon,left:e.stack!==!0&&A.value===!0,role:"img","aria-hidden":"true"})),A.value===!0&&l.push(m("span",{class:"block"},[e.label])),l=de(t.default,l),e.iconRight!==void 0&&e.round===!1&&l.push(m(ye,{name:e.iconRight,right:e.stack!==!0&&A.value===!0,role:"img","aria-hidden":"true"}));const k=[m("span",{class:"q-focus-helper",ref:_})];return e.loading===!0&&e.percentage!==void 0&&k.push(m("span",{class:"q-btn__progress absolute-full overflow-hidden"+(e.darkPercentage===!0?" q-btn__progress--dark":"")},[m("span",{class:"q-btn__progress-indicator fit block",style:j.value})])),k.push(m("span",{class:"q-btn__content text-center col items-center q-anchor--skip "+v.value},l)),e.loading!==null&&k.push(m(Ze,{name:"q-transition--fade"},()=>e.loading===!0?[m("span",{key:"loading",class:"absolute-full flex flex-center"},t.loading!==void 0?t.loading():[m(et)])]:null)),yt(m(S.value,F.value,k),[[fn,T.value,void 0,Z.value]])}}}),Sn=se({name:"QCard",props:{...He,tag:{type:String,default:"div"},square:Boolean,flat:Boolean,bordered:Boolean},setup(e,{slots:t}){const{proxy:{$q:n}}=Y(),a=Qe(e,n),i=h(()=>"q-card"+(a.value===!0?" q-card--dark q-dark":"")+(e.bordered===!0?" q-card--bordered":"")+(e.square===!0?" q-card--square no-border-radius":"")+(e.flat===!0?" q-card--flat no-shadow":""));return()=>m(e.tag,{class:i.value},ee(t.default))}});function _n(e){const t=Object.assign({noopener:!0},e),n=[];for(const a in t){const i=t[a];i===!0?n.push(a):(xt(i)||typeof i=="string"&&i!=="")&&n.push(a+"="+i)}return n.join(",")}function Ke(e,t,n){let a=window.open;if(_e.is.cordova===!0){if(cordova!==void 0&&cordova.InAppBrowser!==void 0&&cordova.InAppBrowser.open!==void 0)a=cordova.InAppBrowser.open;else if(navigator!==void 0&&navigator.app!==void 0)return navigator.app.loadUrl(e,{openExternal:!0})}const i=a(e,"_blank",_n(n));if(i)return _e.is.desktop&&i.focus(),i;t&&t()}var Mn=(e,t,n)=>{if(_e.is.ios===!0&&window.SafariViewController!==void 0){window.SafariViewController.isAvailable(a=>{a?window.SafariViewController.show({url:e},kt,t):Ke(e,t,n)});return}return Ke(e,t,n)};const Rn=X("span",{class:"text-h6"},"Component",-1),En=X("span",{class:"text-h6"},"Properties",-1),Bn=X("span",{class:"text-h6"},"Code",-1),$n=X("span",{class:"text-h6"},"Figma",-1),jn={__name:"ComponentBase",props:{figmaUrl:{type:String,default:"https://www.figma.com/design/2FoTrjVL4ZrTdsvB4DcSao/Components"},cardWidth:{type:String,default:"auto"}},setup(e){return(t,n)=>(wt(),Ct(Et,{class:"flex flex-center",style:{width:"100%"}},{default:ae(()=>[le(Sn,{bordered:"",flat:"",style:qt({minWidth:"420px",width:e.cardWidth})},{default:ae(()=>[le(he,null,{default:ae(()=>[Rn,X("div",null,[xe(t.$slots,"component")])]),_:3}),le(he,{class:"bg-neutral-4"},{default:ae(()=>[En,X("div",null,[xe(t.$slots,"properties")])]),_:3}),le(he,{class:"bg-secondary text-grey-1"},{default:ae(()=>[Bn,X("div",null,[xe(t.$slots,"code")])]),_:3}),le(he,{class:"bg-primary text-grey-1"},{default:ae(()=>[$n,X("div",null,[le(qn,{label:"Link to Figma","icon-right":"open_in_new",flat:"",onClick:n[0]||(n[0]=a=>St(Mn)(e.figmaUrl))})])]),_:1})]),_:3},8,["style"])]),_:3}))}};export{zn as Q,fn as R,jn as _,Yt as a,Gt as b,Xt as c,We as d,Ye as e,ye as f,Pn as g,nt as h,nn as i,an as j,Ee as k,dn as l,On as m,qn as n,Sn as o,Re as p,Ln as r,Wt as u};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{Q as e}from"./QPage.ca395ec4.js";import{F as t,G as a,H as o,U as r}from"./index.43c62a18.js";import"./render.e67ff27a.js";const s=r("span",{class:"text-h3"},"Page not found",-1),m=Object.assign({name:"ErrorNotFoundPage"},{__name:"ErrorNotFound",setup(n){return(c,_)=>(t(),a(e,{class:"flex flex-center"},{default:o(()=>[s]),_:1}))}});export{m as default};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{Q as e}from"./QPage.ca395ec4.js";import{F as t,G as a,H as s,U as o}from"./index.43c62a18.js";import"./render.e67ff27a.js";const r=o("p",null,"Select a component from the sidebar to see its preview.",-1),m=Object.assign({name:"IndexPage"},{__name:"IndexPage",setup(c){return(n,p)=>(t(),a(e,{class:"flex flex-center"},{default:s(()=>[r]),_:1}))}});export{m as default};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
.u-input .q-field--with-bottom{padding-bottom:0}.u-input.q-field--outlined.q-field--disabled .q-field__control{background:#EBEFF3}.u-input.leftBorderRadius.q-field--outlined .q-field__control,.u-input.leftBorderRadius.q-field--borderless .q-field__control{border-radius:0px .5rem .5rem 0px}.u-input .q-field__inner{border-radius:.5rem}.u-input.q-field--borderless .q-field__control{padding:0 .5rem;background:#FFFFFF;border-radius:.5rem}.u-input.q-field--borderless .q-field__control:hover{box-shadow:0 0 0 2px #234ba933}.u-input .q-field--standout .q-field__control{border-radius:.5rem}.u-input .q-field__append.q-field__marginal.row.no-wrap.items-center.q-anchor--skip{display:none}.u-input .q-field__before,.u-input .q-field__prepend{padding:0 .5rem;padding-left:0}.u-input .q-field__after,.u-input .q-field__append{padding-left:.5rem}.u-input .q-icon.slot-icon-size-sm{font-size:.75rem}.u-input .q-icon.slot-icon-size-md,.u-input .q-icon.slot-icon-size-lg{font-size:1rem}.u-input.q-field--auto-height .q-field__control,.u-input.q-field--auto-height .q-field__native{min-height:2rem}.u-input.q-field--outlined .q-field__control{border-radius:.5rem;padding:0 .5rem;background:#FFFFFF}.u-input.q-field--outlined .q-field__control:before{border:1.5px solid #DCE1E9}.u-input.q-field--outlined .q-field__control:hover:before{border:1.5px solid #234BA9}.u-input .q-field__control.relative-position.row.no-wrap.text-negative:focus-within{box-shadow:0 0 0 2px #cb2a3d33}.u-input .q-field__control:focus-within{box-shadow:0 0 0 2px #234ba933}.u-input.field-sm .q-field__control,.u-input.field-sm .q-field__marginal{height:2rem}.u-input.field-sm.q-field--outlined.q-field__control,.u-input.field-sm.q-field__prepend .q-field__marginal{padding:0 .5rem}.u-input.field-md .q-field__control,.u-input.field-md .q-field__marginal{height:2.5rem}.u-input.field-md.q-field--outlined.q-field__control{padding:0 .5rem}.u-input.field-md.q-field__prepend.q-field__marginal{padding:0 .5rem;padding-left:0}.u-input.field-lg .q-field__control,.u-input.field-lg .q-field__marginal{height:3rem}.u-input.field-lg.q-field--outlined .q-field__control{padding:0 .75rem}.u-input.field-lg .q-field__prepend.q-field__marginal{padding-left:0}.u-input .q-field__bottom{padding:0;align-items:center}.u-input .q-field__messages{margin-top:.25rem}
|