bt-core-app 2.2.4 → 2.2.5
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/_virtual/VAlert.sass.mjs +1 -0
- package/dist/_virtual/VAvatar.sass.mjs +1 -0
- package/dist/_virtual/VBtn.sass.mjs +1 -0
- package/dist/_virtual/VBtnGroup.sass.mjs +1 -0
- package/dist/_virtual/VBtnToggle.sass.mjs +1 -0
- package/dist/_virtual/VCard.sass.mjs +1 -0
- package/dist/_virtual/VDivider.sass.mjs +1 -0
- package/dist/_virtual/VIcon.sass.mjs +1 -0
- package/dist/_virtual/VImg.sass.mjs +1 -0
- package/dist/_virtual/VList.sass.mjs +1 -0
- package/dist/_virtual/VListItem.sass.mjs +1 -0
- package/dist/_virtual/VMenu.sass.mjs +1 -0
- package/dist/_virtual/VOverlay.sass.mjs +1 -0
- package/dist/_virtual/VProgressCircular.sass.mjs +1 -0
- package/dist/_virtual/VProgressLinear.sass.mjs +1 -0
- package/dist/_virtual/VResponsive.sass.mjs +1 -0
- package/dist/_virtual/VRipple.sass.mjs +1 -0
- package/dist/_virtual/VToolbar.sass.mjs +1 -0
- package/dist/bt-core/core/node_modules/vuetify/lib/components/VAlert/VAlert.mjs +196 -0
- package/dist/bt-core/core/node_modules/vuetify/lib/components/VAlert/VAlertTitle.mjs +5 -0
- package/dist/bt-core/core/node_modules/vuetify/lib/components/VAvatar/VAvatar.mjs +92 -0
- package/dist/bt-core/core/node_modules/vuetify/lib/components/VBtn/VBtn.mjs +220 -0
- package/dist/bt-core/core/node_modules/vuetify/lib/components/VBtnGroup/VBtnGroup.mjs +68 -0
- package/dist/bt-core/core/node_modules/vuetify/lib/components/VBtnToggle/VBtnToggle.mjs +57 -0
- package/dist/bt-core/core/node_modules/vuetify/lib/components/VCard/VCard.mjs +180 -0
- package/dist/bt-core/core/node_modules/vuetify/lib/components/VCard/VCardActions.mjs +32 -0
- package/dist/bt-core/core/node_modules/vuetify/lib/components/VCard/VCardItem.mjs +118 -0
- package/dist/bt-core/core/node_modules/vuetify/lib/components/VCard/VCardSubtitle.mjs +29 -0
- package/dist/bt-core/core/node_modules/vuetify/lib/components/VCard/VCardText.mjs +29 -0
- package/dist/bt-core/core/node_modules/vuetify/lib/components/VCard/VCardTitle.mjs +5 -0
- package/dist/bt-core/core/node_modules/vuetify/lib/components/VDefaultsProvider/VDefaultsProvider.mjs +39 -0
- package/dist/bt-core/core/node_modules/vuetify/lib/components/VDivider/VDivider.mjs +82 -0
- package/dist/bt-core/core/node_modules/vuetify/lib/components/VIcon/VIcon.mjs +77 -0
- package/dist/bt-core/core/node_modules/vuetify/lib/components/VImg/VImg.mjs +248 -0
- package/dist/bt-core/core/node_modules/vuetify/lib/components/VList/VList.mjs +281 -0
- package/dist/bt-core/core/node_modules/vuetify/lib/components/VList/VListChildren.mjs +104 -0
- package/dist/bt-core/core/node_modules/vuetify/lib/components/VList/VListGroup.mjs +129 -0
- package/dist/bt-core/core/node_modules/vuetify/lib/components/VList/VListItem.mjs +312 -0
- package/dist/bt-core/core/node_modules/vuetify/lib/components/VList/VListItemSubtitle.mjs +29 -0
- package/dist/bt-core/core/node_modules/vuetify/lib/components/VList/VListItemTitle.mjs +5 -0
- package/dist/bt-core/core/node_modules/vuetify/lib/components/VList/VListSubheader.mjs +50 -0
- package/dist/bt-core/core/node_modules/vuetify/lib/components/VList/list.mjs +38 -0
- package/dist/bt-core/core/node_modules/vuetify/lib/components/VMenu/VMenu.mjs +132 -0
- package/dist/bt-core/core/node_modules/vuetify/lib/components/VMenu/shared.mjs +4 -0
- package/dist/bt-core/core/node_modules/vuetify/lib/components/VOverlay/VOverlay.mjs +291 -0
- package/dist/bt-core/core/node_modules/vuetify/lib/components/VOverlay/locationStrategies.mjs +292 -0
- package/dist/bt-core/core/node_modules/vuetify/lib/components/VOverlay/requestNewFrame.mjs +15 -0
- package/dist/bt-core/core/node_modules/vuetify/lib/components/VOverlay/scrollStrategies.mjs +91 -0
- package/dist/bt-core/core/node_modules/vuetify/lib/components/VOverlay/useActivator.mjs +179 -0
- package/dist/bt-core/core/node_modules/vuetify/lib/components/VOverlay/util/point.mjs +42 -0
- package/dist/bt-core/core/node_modules/vuetify/lib/components/VProgressCircular/VProgressCircular.mjs +129 -0
- package/dist/bt-core/core/node_modules/vuetify/lib/components/VProgressLinear/VProgressLinear.mjs +195 -0
- package/dist/bt-core/core/node_modules/vuetify/lib/components/VProgressLinear/chunks.mjs +53 -0
- package/dist/bt-core/core/node_modules/vuetify/lib/components/VResponsive/VResponsive.mjs +56 -0
- package/dist/bt-core/core/node_modules/vuetify/lib/components/VToolbar/VToolbar.mjs +167 -0
- package/dist/bt-core/core/node_modules/vuetify/lib/components/VToolbar/VToolbarTitle.mjs +37 -0
- package/dist/bt-core/core/node_modules/vuetify/lib/components/transitions/createTransition.mjs +113 -0
- package/dist/bt-core/core/node_modules/vuetify/lib/components/transitions/dialog-transition.mjs +136 -0
- package/dist/bt-core/core/node_modules/vuetify/lib/components/transitions/expand-transition.mjs +52 -0
- package/dist/bt-core/core/node_modules/vuetify/lib/components/transitions/index.mjs +21 -0
- package/dist/bt-core/core/node_modules/vuetify/lib/composables/border.mjs +19 -0
- package/dist/bt-core/core/node_modules/vuetify/lib/composables/color.mjs +69 -0
- package/dist/bt-core/core/node_modules/vuetify/lib/composables/component.mjs +11 -0
- package/dist/bt-core/core/node_modules/vuetify/lib/composables/defaults.mjs +70 -45
- package/dist/bt-core/core/node_modules/vuetify/lib/composables/delay.mjs +34 -0
- package/dist/bt-core/core/node_modules/vuetify/lib/composables/density.mjs +20 -0
- package/dist/bt-core/core/node_modules/vuetify/lib/composables/dimensions.mjs +23 -0
- package/dist/bt-core/core/node_modules/vuetify/lib/composables/display.mjs +23 -0
- package/dist/bt-core/core/node_modules/vuetify/lib/composables/elevation.mjs +25 -0
- package/dist/bt-core/core/node_modules/vuetify/lib/composables/focusTrap.mjs +97 -0
- package/dist/bt-core/core/node_modules/vuetify/lib/composables/forwardRefs.mjs +78 -0
- package/dist/bt-core/core/node_modules/vuetify/lib/composables/group.mjs +169 -0
- package/dist/bt-core/core/node_modules/vuetify/lib/composables/hydration.mjs +20 -0
- package/dist/bt-core/core/node_modules/vuetify/lib/composables/iconSizes.mjs +21 -0
- package/dist/bt-core/core/node_modules/vuetify/lib/composables/icons.mjs +73 -40
- package/dist/bt-core/core/node_modules/vuetify/lib/composables/intersectionObserver.mjs +24 -0
- package/dist/bt-core/core/node_modules/vuetify/lib/composables/lazy.mjs +21 -0
- package/dist/bt-core/core/node_modules/vuetify/lib/composables/list-items.mjs +33 -0
- package/dist/bt-core/core/node_modules/vuetify/lib/composables/loader.mjs +38 -0
- package/dist/bt-core/core/node_modules/vuetify/lib/composables/locale.mjs +22 -0
- package/dist/bt-core/core/node_modules/vuetify/lib/composables/location.mjs +49 -0
- package/dist/bt-core/core/node_modules/vuetify/lib/composables/nested/activeStrategies.mjs +102 -0
- package/dist/bt-core/core/node_modules/vuetify/lib/composables/nested/nested.mjs +315 -0
- package/dist/bt-core/core/node_modules/vuetify/lib/composables/nested/openStrategies.mjs +60 -0
- package/dist/bt-core/core/node_modules/vuetify/lib/composables/nested/selectStrategies.mjs +206 -0
- package/dist/bt-core/core/node_modules/vuetify/lib/composables/position.mjs +22 -0
- package/dist/bt-core/core/node_modules/vuetify/lib/composables/proxiedModel.mjs +35 -0
- package/dist/bt-core/core/node_modules/vuetify/lib/composables/resizeObserver.mjs +26 -0
- package/dist/bt-core/core/node_modules/vuetify/lib/composables/reveal.mjs +21 -0
- package/dist/bt-core/core/node_modules/vuetify/lib/composables/rounded.mjs +30 -0
- package/dist/bt-core/core/node_modules/vuetify/lib/composables/router.mjs +97 -0
- package/dist/bt-core/core/node_modules/vuetify/lib/composables/scopeId.mjs +12 -0
- package/dist/bt-core/core/node_modules/vuetify/lib/composables/selectLink.mjs +16 -0
- package/dist/bt-core/core/node_modules/vuetify/lib/composables/size.mjs +27 -0
- package/dist/bt-core/core/node_modules/vuetify/lib/composables/ssrBoot.mjs +17 -0
- package/dist/bt-core/core/node_modules/vuetify/lib/composables/stack.mjs +39 -0
- package/dist/bt-core/core/node_modules/vuetify/lib/composables/tag.mjs +10 -0
- package/dist/bt-core/core/node_modules/vuetify/lib/composables/teleport.mjs +21 -0
- package/dist/bt-core/core/node_modules/vuetify/lib/composables/theme.mjs +32 -0
- package/dist/bt-core/core/node_modules/vuetify/lib/composables/toggleScope.mjs +19 -0
- package/dist/bt-core/core/node_modules/vuetify/lib/composables/transition.mjs +34 -0
- package/dist/bt-core/core/node_modules/vuetify/lib/composables/variant.mjs +53 -0
- package/dist/bt-core/core/node_modules/vuetify/lib/directives/click-outside/index.mjs +62 -0
- package/dist/bt-core/core/node_modules/vuetify/lib/directives/intersect/index.mjs +41 -0
- package/dist/bt-core/core/node_modules/vuetify/lib/directives/ripple/index.mjs +183 -0
- package/dist/bt-core/core/node_modules/vuetify/lib/util/anchor.mjs +53 -0
- package/dist/bt-core/core/node_modules/vuetify/lib/util/animation.mjs +44 -0
- package/dist/bt-core/core/node_modules/vuetify/lib/util/bindProps.mjs +36 -0
- package/dist/bt-core/core/node_modules/vuetify/lib/util/box.mjs +73 -0
- package/dist/bt-core/core/node_modules/vuetify/lib/util/color/APCA.mjs +19 -0
- package/dist/bt-core/core/node_modules/vuetify/lib/util/colorUtils.mjs +141 -0
- package/dist/bt-core/core/node_modules/vuetify/lib/util/console.mjs +12 -4
- package/dist/bt-core/core/node_modules/vuetify/lib/util/createSimpleFunctional.mjs +31 -0
- package/dist/bt-core/core/node_modules/vuetify/lib/util/deepEqual.mjs +37 -0
- package/dist/bt-core/core/node_modules/vuetify/lib/util/dom.mjs +14 -0
- package/dist/bt-core/core/node_modules/vuetify/lib/util/easing.mjs +7 -0
- package/dist/bt-core/core/node_modules/vuetify/lib/util/getCurrentInstance.mjs +13 -6
- package/dist/bt-core/core/node_modules/vuetify/lib/util/getScrollParent.mjs +34 -0
- package/dist/bt-core/core/node_modules/vuetify/lib/util/globals.mjs +7 -0
- package/dist/bt-core/core/node_modules/vuetify/lib/util/helpers.mjs +301 -28
- package/dist/bt-core/core/node_modules/vuetify/lib/util/isFixedPosition.mjs +11 -0
- package/dist/bt-core/core/node_modules/vuetify/lib/util/throttle.mjs +25 -0
- package/dist/bt-core/core/node_modules/vuetify/lib/util/useRender.mjs +8 -0
- package/dist/components/BT-Blade.vue.mjs +108 -97
- package/dist/style.css +1 -1
- package/package.json +1 -1
|
@@ -0,0 +1,129 @@
|
|
|
1
|
+
import { ref as I, toRef as r, computed as M, watchEffect as O, createVNode as A, normalizeClass as C, normalizeStyle as h, createElementVNode as n } from "vue";
|
|
2
|
+
import "../../../../../../../_virtual/VProgressCircular.sass.mjs";
|
|
3
|
+
import { useTextColor as y } from "../../composables/color.mjs";
|
|
4
|
+
import { makeComponentProps as D } from "../../composables/component.mjs";
|
|
5
|
+
import { useIntersectionObserver as F } from "../../composables/intersectionObserver.mjs";
|
|
6
|
+
import { useResizeObserver as U } from "../../composables/resizeObserver.mjs";
|
|
7
|
+
import { makeRevealProps as $, useReveal as B } from "../../composables/reveal.mjs";
|
|
8
|
+
import { makeSizeProps as G, useSize as L } from "../../composables/size.mjs";
|
|
9
|
+
import { makeTagProps as W } from "../../composables/tag.mjs";
|
|
10
|
+
import { makeThemeProps as j, provideTheme as q } from "../../composables/theme.mjs";
|
|
11
|
+
import { propsFactory as H } from "../../util/propsFactory.mjs";
|
|
12
|
+
import { genericComponent as J } from "../../util/defineComponent.mjs";
|
|
13
|
+
import { clamp as K, convertToUnit as k } from "../../util/helpers.mjs";
|
|
14
|
+
import { useRender as Q } from "../../util/useRender.mjs";
|
|
15
|
+
import { PREFERS_REDUCED_MOTION as X } from "../../util/globals.mjs";
|
|
16
|
+
const Y = H({
|
|
17
|
+
bgColor: String,
|
|
18
|
+
color: String,
|
|
19
|
+
indeterminate: [Boolean, String],
|
|
20
|
+
rounded: Boolean,
|
|
21
|
+
modelValue: {
|
|
22
|
+
type: [Number, String],
|
|
23
|
+
default: 0
|
|
24
|
+
},
|
|
25
|
+
rotate: {
|
|
26
|
+
type: [Number, String],
|
|
27
|
+
default: 0
|
|
28
|
+
},
|
|
29
|
+
width: {
|
|
30
|
+
type: [Number, String],
|
|
31
|
+
default: 4
|
|
32
|
+
},
|
|
33
|
+
...D(),
|
|
34
|
+
...$(),
|
|
35
|
+
...G(),
|
|
36
|
+
...W({
|
|
37
|
+
tag: "div"
|
|
38
|
+
}),
|
|
39
|
+
...j()
|
|
40
|
+
}, "VProgressCircular"), fe = J()({
|
|
41
|
+
name: "VProgressCircular",
|
|
42
|
+
props: Y(),
|
|
43
|
+
setup(e, S) {
|
|
44
|
+
let {
|
|
45
|
+
slots: m
|
|
46
|
+
} = S;
|
|
47
|
+
const o = 20, t = 2 * Math.PI * o, i = I(), {
|
|
48
|
+
themeClasses: b
|
|
49
|
+
} = q(e), {
|
|
50
|
+
sizeClasses: p,
|
|
51
|
+
sizeStyles: v
|
|
52
|
+
} = L(e), {
|
|
53
|
+
textColorClasses: R,
|
|
54
|
+
textColorStyles: w
|
|
55
|
+
} = y(() => e.color), {
|
|
56
|
+
textColorClasses: x,
|
|
57
|
+
textColorStyles: N
|
|
58
|
+
} = y(() => e.bgColor), {
|
|
59
|
+
intersectionRef: P,
|
|
60
|
+
isIntersecting: z
|
|
61
|
+
} = F(), {
|
|
62
|
+
resizeRef: _,
|
|
63
|
+
contentRect: d
|
|
64
|
+
} = U(), {
|
|
65
|
+
state: f,
|
|
66
|
+
duration: E
|
|
67
|
+
} = B(e), a = r(() => f.value === "initial" ? 0 : K(parseFloat(e.modelValue), 0, 100)), u = r(() => Number(e.width)), g = r(() => v.value ? Number(e.size) : d.value ? d.value.width : Math.max(u.value, 32)), c = r(() => o / (1 - u.value / g.value) * 2), s = r(() => u.value / g.value * c.value), V = r(() => {
|
|
68
|
+
const l = (100 - a.value) / 100 * t;
|
|
69
|
+
return e.rounded && a.value > 0 && a.value < 100 ? k(Math.min(t - 0.01, l + s.value)) : k(l);
|
|
70
|
+
}), T = M(() => {
|
|
71
|
+
const l = Number(e.rotate);
|
|
72
|
+
return e.rounded ? l + s.value / 2 / t * 360 : l;
|
|
73
|
+
});
|
|
74
|
+
return O(() => {
|
|
75
|
+
P.value = i.value, _.value = i.value;
|
|
76
|
+
}), Q(() => A(e.tag, {
|
|
77
|
+
ref: i,
|
|
78
|
+
class: C(["v-progress-circular", {
|
|
79
|
+
"v-progress-circular--indeterminate": !!e.indeterminate,
|
|
80
|
+
"v-progress-circular--visible": z.value,
|
|
81
|
+
"v-progress-circular--disable-shrink": e.indeterminate && (e.indeterminate === "disable-shrink" || X()),
|
|
82
|
+
"v-progress-circular--revealing": ["initial", "pending"].includes(f.value)
|
|
83
|
+
}, b.value, p.value, R.value, e.class]),
|
|
84
|
+
style: h([v.value, w.value, {
|
|
85
|
+
"--progress-reveal-duration": `${E.value}ms`
|
|
86
|
+
}, e.style]),
|
|
87
|
+
role: "progressbar",
|
|
88
|
+
"aria-valuemin": "0",
|
|
89
|
+
"aria-valuemax": "100",
|
|
90
|
+
"aria-valuenow": e.indeterminate ? void 0 : a.value
|
|
91
|
+
}, {
|
|
92
|
+
default: () => [n("svg", {
|
|
93
|
+
style: {
|
|
94
|
+
transform: `rotate(calc(-90deg + ${T.value}deg))`
|
|
95
|
+
},
|
|
96
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
97
|
+
viewBox: `0 0 ${c.value} ${c.value}`
|
|
98
|
+
}, [n("circle", {
|
|
99
|
+
class: C(["v-progress-circular__underlay", x.value]),
|
|
100
|
+
style: h(N.value),
|
|
101
|
+
fill: "transparent",
|
|
102
|
+
cx: "50%",
|
|
103
|
+
cy: "50%",
|
|
104
|
+
r: o,
|
|
105
|
+
"stroke-width": s.value,
|
|
106
|
+
"stroke-dasharray": t,
|
|
107
|
+
"stroke-dashoffset": 0
|
|
108
|
+
}, null), n("circle", {
|
|
109
|
+
class: "v-progress-circular__overlay",
|
|
110
|
+
fill: "transparent",
|
|
111
|
+
cx: "50%",
|
|
112
|
+
cy: "50%",
|
|
113
|
+
r: o,
|
|
114
|
+
"stroke-width": s.value,
|
|
115
|
+
"stroke-dasharray": t,
|
|
116
|
+
"stroke-dashoffset": V.value,
|
|
117
|
+
"stroke-linecap": e.rounded ? "round" : void 0
|
|
118
|
+
}, null)]), m.default && n("div", {
|
|
119
|
+
class: "v-progress-circular__content"
|
|
120
|
+
}, [m.default({
|
|
121
|
+
value: a.value
|
|
122
|
+
})])]
|
|
123
|
+
})), {};
|
|
124
|
+
}
|
|
125
|
+
});
|
|
126
|
+
export {
|
|
127
|
+
fe as VProgressCircular,
|
|
128
|
+
Y as makeVProgressCircularProps
|
|
129
|
+
};
|
package/dist/bt-core/core/node_modules/vuetify/lib/components/VProgressLinear/VProgressLinear.mjs
ADDED
|
@@ -0,0 +1,195 @@
|
|
|
1
|
+
import { ref as G, computed as t, shallowRef as H, watchEffect as V, createVNode as P, normalizeClass as n, normalizeStyle as s, createElementVNode as l, Transition as J } from "vue";
|
|
2
|
+
import "../../../../../../../_virtual/VProgressLinear.sass.mjs";
|
|
3
|
+
import { useTextColor as K, useBackgroundColor as h } from "../../composables/color.mjs";
|
|
4
|
+
import { makeComponentProps as Q } from "../../composables/component.mjs";
|
|
5
|
+
import { useIntersectionObserver as Y } from "../../composables/intersectionObserver.mjs";
|
|
6
|
+
import { useRtl as Z } from "../../composables/locale.mjs";
|
|
7
|
+
import { makeLocationProps as ee, useLocation as ae } from "../../composables/location.mjs";
|
|
8
|
+
import { useProxiedModel as te } from "../../composables/proxiedModel.mjs";
|
|
9
|
+
import { useResizeObserver as re } from "../../composables/resizeObserver.mjs";
|
|
10
|
+
import { makeRoundedProps as le, useRounded as oe } from "../../composables/rounded.mjs";
|
|
11
|
+
import { makeTagProps as ne } from "../../composables/tag.mjs";
|
|
12
|
+
import { makeThemeProps as se, provideTheme as ie } from "../../composables/theme.mjs";
|
|
13
|
+
import { useToggleScope as ue } from "../../composables/toggleScope.mjs";
|
|
14
|
+
import { makeChunksProps as ce, useChunks as ve } from "./chunks.mjs";
|
|
15
|
+
import { propsFactory as de } from "../../util/propsFactory.mjs";
|
|
16
|
+
import { genericComponent as me } from "../../util/defineComponent.mjs";
|
|
17
|
+
import { clamp as R, convertToUnit as a } from "../../util/helpers.mjs";
|
|
18
|
+
import { useRender as fe } from "../../util/useRender.mjs";
|
|
19
|
+
const ge = de({
|
|
20
|
+
absolute: Boolean,
|
|
21
|
+
active: {
|
|
22
|
+
type: Boolean,
|
|
23
|
+
default: !0
|
|
24
|
+
},
|
|
25
|
+
bgColor: String,
|
|
26
|
+
bgOpacity: [Number, String],
|
|
27
|
+
bufferValue: {
|
|
28
|
+
type: [Number, String],
|
|
29
|
+
default: 0
|
|
30
|
+
},
|
|
31
|
+
bufferColor: String,
|
|
32
|
+
bufferOpacity: [Number, String],
|
|
33
|
+
clickable: Boolean,
|
|
34
|
+
color: String,
|
|
35
|
+
height: {
|
|
36
|
+
type: [Number, String],
|
|
37
|
+
default: 4
|
|
38
|
+
},
|
|
39
|
+
indeterminate: Boolean,
|
|
40
|
+
max: {
|
|
41
|
+
type: [Number, String],
|
|
42
|
+
default: 100
|
|
43
|
+
},
|
|
44
|
+
modelValue: {
|
|
45
|
+
type: [Number, String],
|
|
46
|
+
default: 0
|
|
47
|
+
},
|
|
48
|
+
opacity: [Number, String],
|
|
49
|
+
reverse: Boolean,
|
|
50
|
+
stream: Boolean,
|
|
51
|
+
striped: Boolean,
|
|
52
|
+
roundedBar: Boolean,
|
|
53
|
+
...ce(),
|
|
54
|
+
...Q(),
|
|
55
|
+
...ee({
|
|
56
|
+
location: "top"
|
|
57
|
+
}),
|
|
58
|
+
...le(),
|
|
59
|
+
...ne(),
|
|
60
|
+
...se()
|
|
61
|
+
}, "VProgressLinear"), ze = me()({
|
|
62
|
+
name: "VProgressLinear",
|
|
63
|
+
props: ge(),
|
|
64
|
+
emits: {
|
|
65
|
+
"update:modelValue": (e) => !0
|
|
66
|
+
},
|
|
67
|
+
setup(e, p) {
|
|
68
|
+
let {
|
|
69
|
+
slots: y
|
|
70
|
+
} = p;
|
|
71
|
+
const v = G(), d = te(e, "modelValue"), {
|
|
72
|
+
isRtl: x,
|
|
73
|
+
rtlClasses: w
|
|
74
|
+
} = Z(), {
|
|
75
|
+
themeClasses: F
|
|
76
|
+
} = ie(e), {
|
|
77
|
+
locationStyles: N
|
|
78
|
+
} = ae(e), {
|
|
79
|
+
textColorClasses: T,
|
|
80
|
+
textColorStyles: O
|
|
81
|
+
} = K(() => e.color), {
|
|
82
|
+
backgroundColorClasses: z,
|
|
83
|
+
backgroundColorStyles: L
|
|
84
|
+
} = h(() => e.bgColor || e.color), {
|
|
85
|
+
backgroundColorClasses: M,
|
|
86
|
+
backgroundColorStyles: W
|
|
87
|
+
} = h(() => e.bufferColor || e.bgColor || e.color), {
|
|
88
|
+
backgroundColorClasses: k,
|
|
89
|
+
backgroundColorStyles: S
|
|
90
|
+
} = h(() => e.color), {
|
|
91
|
+
roundedClasses: E
|
|
92
|
+
} = oe(e), {
|
|
93
|
+
intersectionRef: m,
|
|
94
|
+
isIntersecting: I
|
|
95
|
+
} = Y(), i = t(() => parseFloat(e.max)), o = t(() => parseFloat(e.height)), u = t(() => R(parseFloat(e.bufferValue) / i.value * 100, 0, 100)), f = t(() => R(parseFloat(d.value) / i.value * 100, 0, 100)), c = t(() => x.value !== e.reverse), X = t(() => e.indeterminate ? "fade-transition" : "slide-x-transition"), _ = H(0), {
|
|
96
|
+
hasChunks: g,
|
|
97
|
+
chunksMaskStyles: $,
|
|
98
|
+
snapValueToChunk: B
|
|
99
|
+
} = ve(e, _);
|
|
100
|
+
ue(g, () => {
|
|
101
|
+
const {
|
|
102
|
+
resizeRef: r
|
|
103
|
+
} = re((b) => _.value = b[0].contentRect.width);
|
|
104
|
+
V(() => r.value = v.value);
|
|
105
|
+
});
|
|
106
|
+
const U = t(() => g.value ? B(u.value) : u.value), j = t(() => g.value ? B(f.value) : f.value);
|
|
107
|
+
function q(r) {
|
|
108
|
+
if (!m.value)
|
|
109
|
+
return;
|
|
110
|
+
const {
|
|
111
|
+
left: b,
|
|
112
|
+
right: A,
|
|
113
|
+
width: C
|
|
114
|
+
} = m.value.getBoundingClientRect(), D = c.value ? C - r.clientX + (A - C) : r.clientX - b;
|
|
115
|
+
d.value = Math.round(D / C * i.value);
|
|
116
|
+
}
|
|
117
|
+
return V(() => {
|
|
118
|
+
m.value = v.value;
|
|
119
|
+
}), fe(() => P(e.tag, {
|
|
120
|
+
ref: v,
|
|
121
|
+
class: n(["v-progress-linear", {
|
|
122
|
+
"v-progress-linear--absolute": e.absolute,
|
|
123
|
+
"v-progress-linear--active": e.active && I.value,
|
|
124
|
+
"v-progress-linear--reverse": c.value,
|
|
125
|
+
"v-progress-linear--rounded": e.rounded,
|
|
126
|
+
"v-progress-linear--rounded-bar": e.roundedBar,
|
|
127
|
+
"v-progress-linear--striped": e.striped,
|
|
128
|
+
"v-progress-linear--clickable": e.clickable
|
|
129
|
+
}, E.value, F.value, w.value, e.class]),
|
|
130
|
+
style: s([{
|
|
131
|
+
bottom: e.location === "bottom" ? 0 : void 0,
|
|
132
|
+
top: e.location === "top" ? 0 : void 0,
|
|
133
|
+
height: e.active ? a(o.value) : 0,
|
|
134
|
+
"--v-progress-linear-height": a(o.value),
|
|
135
|
+
...e.absolute ? N.value : {}
|
|
136
|
+
}, $.value, e.style]),
|
|
137
|
+
role: "progressbar",
|
|
138
|
+
"aria-hidden": e.active ? "false" : "true",
|
|
139
|
+
"aria-valuemin": "0",
|
|
140
|
+
"aria-valuemax": e.max,
|
|
141
|
+
"aria-valuenow": e.indeterminate ? void 0 : Math.min(parseFloat(d.value), i.value),
|
|
142
|
+
onClick: e.clickable && q
|
|
143
|
+
}, {
|
|
144
|
+
default: () => [e.stream && l("div", {
|
|
145
|
+
key: "stream",
|
|
146
|
+
class: n(["v-progress-linear__stream", T.value]),
|
|
147
|
+
style: {
|
|
148
|
+
...O.value,
|
|
149
|
+
[c.value ? "left" : "right"]: a(-o.value),
|
|
150
|
+
borderTop: `${a(o.value / 2)} dotted`,
|
|
151
|
+
opacity: parseFloat(e.bufferOpacity),
|
|
152
|
+
top: `calc(50% - ${a(o.value / 4)})`,
|
|
153
|
+
width: a(100 - u.value, "%"),
|
|
154
|
+
"--v-progress-linear-stream-to": a(o.value * (c.value ? 1 : -1))
|
|
155
|
+
}
|
|
156
|
+
}, null), l("div", {
|
|
157
|
+
class: n(["v-progress-linear__background", z.value]),
|
|
158
|
+
style: s([L.value, {
|
|
159
|
+
opacity: parseFloat(e.bgOpacity),
|
|
160
|
+
width: e.stream ? 0 : void 0
|
|
161
|
+
}])
|
|
162
|
+
}, null), l("div", {
|
|
163
|
+
class: n(["v-progress-linear__buffer", M.value]),
|
|
164
|
+
style: s([W.value, {
|
|
165
|
+
opacity: parseFloat(e.bufferOpacity),
|
|
166
|
+
width: a(U.value, "%")
|
|
167
|
+
}])
|
|
168
|
+
}, null), P(J, {
|
|
169
|
+
name: X.value
|
|
170
|
+
}, {
|
|
171
|
+
default: () => [e.indeterminate ? l("div", {
|
|
172
|
+
class: "v-progress-linear__indeterminate"
|
|
173
|
+
}, [["long", "short"].map((r) => l("div", {
|
|
174
|
+
key: r,
|
|
175
|
+
class: n(["v-progress-linear__indeterminate", r, k.value]),
|
|
176
|
+
style: s(S.value)
|
|
177
|
+
}, null))]) : l("div", {
|
|
178
|
+
class: n(["v-progress-linear__determinate", k.value]),
|
|
179
|
+
style: s([S.value, {
|
|
180
|
+
width: a(j.value, "%")
|
|
181
|
+
}])
|
|
182
|
+
}, null)]
|
|
183
|
+
}), y.default && l("div", {
|
|
184
|
+
class: "v-progress-linear__content"
|
|
185
|
+
}, [y.default({
|
|
186
|
+
value: f.value,
|
|
187
|
+
buffer: u.value
|
|
188
|
+
})])]
|
|
189
|
+
})), {};
|
|
190
|
+
}
|
|
191
|
+
});
|
|
192
|
+
export {
|
|
193
|
+
ze as VProgressLinear,
|
|
194
|
+
ge as makeVProgressLinearProps
|
|
195
|
+
};
|
|
@@ -0,0 +1,53 @@
|
|
|
1
|
+
import { toRef as h, computed as k, toValue as l } from "vue";
|
|
2
|
+
import { propsFactory as p } from "../../util/propsFactory.mjs";
|
|
3
|
+
import { convertToUnit as s, clamp as v } from "../../util/helpers.mjs";
|
|
4
|
+
const g = p({
|
|
5
|
+
chunkCount: {
|
|
6
|
+
type: [Number, String],
|
|
7
|
+
default: null
|
|
8
|
+
},
|
|
9
|
+
chunkWidth: {
|
|
10
|
+
type: [Number, String],
|
|
11
|
+
default: null
|
|
12
|
+
},
|
|
13
|
+
chunkGap: {
|
|
14
|
+
type: [Number, String],
|
|
15
|
+
default: 4
|
|
16
|
+
}
|
|
17
|
+
}, "chunks");
|
|
18
|
+
function N(t, c) {
|
|
19
|
+
const r = h(() => !!t.chunkCount || !!t.chunkWidth), o = k(() => {
|
|
20
|
+
const e = l(c);
|
|
21
|
+
if (!e)
|
|
22
|
+
return 0;
|
|
23
|
+
if (!t.chunkCount)
|
|
24
|
+
return Number(t.chunkWidth);
|
|
25
|
+
const n = Number(t.chunkCount);
|
|
26
|
+
return (e - Number(t.chunkGap) * (n - 1)) / n;
|
|
27
|
+
}), u = h(() => Number(t.chunkGap)), m = k(() => {
|
|
28
|
+
if (!r.value)
|
|
29
|
+
return {};
|
|
30
|
+
const e = s(u.value), n = s(o.value);
|
|
31
|
+
return {
|
|
32
|
+
maskRepeat: "repeat-x",
|
|
33
|
+
maskImage: `linear-gradient(90deg, #000, #000 ${n}, transparent ${n}, transparent)`,
|
|
34
|
+
maskSize: `calc(${n} + ${e}) 100%`
|
|
35
|
+
};
|
|
36
|
+
});
|
|
37
|
+
function f(e) {
|
|
38
|
+
const n = l(c);
|
|
39
|
+
if (!n)
|
|
40
|
+
return e;
|
|
41
|
+
const a = 100 * u.value / n, i = 100 * (o.value + u.value) / n, d = Math.floor((e + a) / i);
|
|
42
|
+
return v(0, d * i - a / 2, 100);
|
|
43
|
+
}
|
|
44
|
+
return {
|
|
45
|
+
hasChunks: r,
|
|
46
|
+
chunksMaskStyles: m,
|
|
47
|
+
snapValueToChunk: f
|
|
48
|
+
};
|
|
49
|
+
}
|
|
50
|
+
export {
|
|
51
|
+
g as makeChunksProps,
|
|
52
|
+
N as useChunks
|
|
53
|
+
};
|
|
@@ -0,0 +1,56 @@
|
|
|
1
|
+
import { createElementVNode as t, normalizeClass as i, normalizeStyle as r, computed as m } from "vue";
|
|
2
|
+
import "../../../../../../../_virtual/VResponsive.sass.mjs";
|
|
3
|
+
import { makeComponentProps as p } from "../../composables/component.mjs";
|
|
4
|
+
import { makeDimensionProps as c, useDimension as u } from "../../composables/dimensions.mjs";
|
|
5
|
+
import { propsFactory as v } from "../../util/propsFactory.mjs";
|
|
6
|
+
import { genericComponent as d } from "../../util/defineComponent.mjs";
|
|
7
|
+
import { useRender as f } from "../../util/useRender.mjs";
|
|
8
|
+
function y(e) {
|
|
9
|
+
return {
|
|
10
|
+
aspectStyles: m(() => {
|
|
11
|
+
const s = Number(e.aspectRatio);
|
|
12
|
+
return s ? {
|
|
13
|
+
paddingBottom: String(1 / s * 100) + "%"
|
|
14
|
+
} : void 0;
|
|
15
|
+
})
|
|
16
|
+
};
|
|
17
|
+
}
|
|
18
|
+
const R = v({
|
|
19
|
+
aspectRatio: [String, Number],
|
|
20
|
+
contentClass: null,
|
|
21
|
+
inline: Boolean,
|
|
22
|
+
...p(),
|
|
23
|
+
...c()
|
|
24
|
+
}, "VResponsive"), N = d()({
|
|
25
|
+
name: "VResponsive",
|
|
26
|
+
props: R(),
|
|
27
|
+
setup(e, s) {
|
|
28
|
+
let {
|
|
29
|
+
slots: n
|
|
30
|
+
} = s;
|
|
31
|
+
const {
|
|
32
|
+
aspectStyles: l
|
|
33
|
+
} = y(e), {
|
|
34
|
+
dimensionStyles: a
|
|
35
|
+
} = u(e);
|
|
36
|
+
return f(() => {
|
|
37
|
+
var o;
|
|
38
|
+
return t("div", {
|
|
39
|
+
class: i(["v-responsive", {
|
|
40
|
+
"v-responsive--inline": e.inline
|
|
41
|
+
}, e.class]),
|
|
42
|
+
style: r([a.value, e.style])
|
|
43
|
+
}, [t("div", {
|
|
44
|
+
class: "v-responsive__sizer",
|
|
45
|
+
style: r(l.value)
|
|
46
|
+
}, null), (o = n.additional) == null ? void 0 : o.call(n), n.default && t("div", {
|
|
47
|
+
class: i(["v-responsive__content", e.contentClass])
|
|
48
|
+
}, [n.default()])]);
|
|
49
|
+
}), {};
|
|
50
|
+
}
|
|
51
|
+
});
|
|
52
|
+
export {
|
|
53
|
+
N as VResponsive,
|
|
54
|
+
R as makeVResponsiveProps,
|
|
55
|
+
y as useAspectStyles
|
|
56
|
+
};
|
|
@@ -0,0 +1,167 @@
|
|
|
1
|
+
import { shallowRef as B, computed as v, createVNode as o, normalizeClass as N, normalizeStyle as E, createElementVNode as a } from "vue";
|
|
2
|
+
import "../../../../../../../_virtual/VToolbar.sass.mjs";
|
|
3
|
+
import { VToolbarTitle as H } from "./VToolbarTitle.mjs";
|
|
4
|
+
import { VExpandTransition as I } from "../transitions/index.mjs";
|
|
5
|
+
import { makeBorderProps as R, useBorder as p } from "../../composables/border.mjs";
|
|
6
|
+
import { useBackgroundColor as D } from "../../composables/color.mjs";
|
|
7
|
+
import { makeComponentProps as w } from "../../composables/component.mjs";
|
|
8
|
+
import { provideDefaults as z } from "../../composables/defaults.mjs";
|
|
9
|
+
import { makeElevationProps as L, useElevation as $ } from "../../composables/elevation.mjs";
|
|
10
|
+
import { useRtl as F } from "../../composables/locale.mjs";
|
|
11
|
+
import { makeLocationProps as U, useLocation as j } from "../../composables/location.mjs";
|
|
12
|
+
import { makeRoundedProps as q, useRounded as A } from "../../composables/rounded.mjs";
|
|
13
|
+
import { makeTagProps as G } from "../../composables/tag.mjs";
|
|
14
|
+
import { makeThemeProps as J, provideTheme as K } from "../../composables/theme.mjs";
|
|
15
|
+
import { VImg as M } from "../VImg/VImg.mjs";
|
|
16
|
+
import { VDefaultsProvider as m } from "../VDefaultsProvider/VDefaultsProvider.mjs";
|
|
17
|
+
import { propsFactory as O } from "../../util/propsFactory.mjs";
|
|
18
|
+
import { genericComponent as Q } from "../../util/defineComponent.mjs";
|
|
19
|
+
import { useRender as W } from "../../util/useRender.mjs";
|
|
20
|
+
import { convertToUnit as l } from "../../util/helpers.mjs";
|
|
21
|
+
const X = [null, "prominent", "default", "comfortable", "compact"], Y = O({
|
|
22
|
+
absolute: Boolean,
|
|
23
|
+
collapse: Boolean,
|
|
24
|
+
collapsePosition: {
|
|
25
|
+
type: String,
|
|
26
|
+
default: "start"
|
|
27
|
+
},
|
|
28
|
+
color: String,
|
|
29
|
+
density: {
|
|
30
|
+
type: String,
|
|
31
|
+
default: "default",
|
|
32
|
+
validator: (e) => X.includes(e)
|
|
33
|
+
},
|
|
34
|
+
extended: {
|
|
35
|
+
type: Boolean,
|
|
36
|
+
default: null
|
|
37
|
+
},
|
|
38
|
+
extensionHeight: {
|
|
39
|
+
type: [Number, String],
|
|
40
|
+
default: 48
|
|
41
|
+
},
|
|
42
|
+
flat: Boolean,
|
|
43
|
+
floating: Boolean,
|
|
44
|
+
height: {
|
|
45
|
+
type: [Number, String],
|
|
46
|
+
default: 64
|
|
47
|
+
},
|
|
48
|
+
image: String,
|
|
49
|
+
title: String,
|
|
50
|
+
...R(),
|
|
51
|
+
...w(),
|
|
52
|
+
...L(),
|
|
53
|
+
...U(),
|
|
54
|
+
...q(),
|
|
55
|
+
...G({
|
|
56
|
+
tag: "header"
|
|
57
|
+
}),
|
|
58
|
+
...J()
|
|
59
|
+
}, "VToolbar"), xe = Q()({
|
|
60
|
+
name: "VToolbar",
|
|
61
|
+
props: Y(),
|
|
62
|
+
setup(e, b) {
|
|
63
|
+
var d;
|
|
64
|
+
let {
|
|
65
|
+
slots: t
|
|
66
|
+
} = b;
|
|
67
|
+
const {
|
|
68
|
+
backgroundColorClasses: h,
|
|
69
|
+
backgroundColorStyles: y
|
|
70
|
+
} = D(() => e.color), {
|
|
71
|
+
borderClasses: x
|
|
72
|
+
} = p(e), {
|
|
73
|
+
elevationClasses: k
|
|
74
|
+
} = $(e), {
|
|
75
|
+
locationStyles: T
|
|
76
|
+
} = j(e), {
|
|
77
|
+
roundedClasses: V
|
|
78
|
+
} = A(e), {
|
|
79
|
+
themeClasses: C
|
|
80
|
+
} = K(e), {
|
|
81
|
+
rtlClasses: P
|
|
82
|
+
} = F(), n = B(e.extended === null ? !!((d = t.extension) != null && d.call(t)) : e.extended), i = v(() => parseInt(Number(e.height) + (e.density === "prominent" ? Number(e.height) : 0) - (e.density === "comfortable" ? 8 : 0) - (e.density === "compact" ? 16 : 0), 10)), r = v(() => n.value ? parseInt(Number(e.extensionHeight) + (e.density === "prominent" ? Number(e.extensionHeight) : 0) - (e.density === "comfortable" ? 4 : 0) - (e.density === "compact" ? 8 : 0), 10) : 0);
|
|
83
|
+
return z({
|
|
84
|
+
VBtn: {
|
|
85
|
+
variant: "text"
|
|
86
|
+
}
|
|
87
|
+
}), W(() => {
|
|
88
|
+
var u;
|
|
89
|
+
const S = !!(e.title || t.title), _ = !!(t.image || e.image), s = (u = t.extension) == null ? void 0 : u.call(t);
|
|
90
|
+
return n.value = e.extended === null ? !!s : e.extended, o(e.tag, {
|
|
91
|
+
class: N(["v-toolbar", `v-toolbar--collapse-${e.collapsePosition}`, {
|
|
92
|
+
"v-toolbar--absolute": e.absolute,
|
|
93
|
+
"v-toolbar--collapse": e.collapse,
|
|
94
|
+
"v-toolbar--flat": e.flat,
|
|
95
|
+
"v-toolbar--floating": e.floating,
|
|
96
|
+
[`v-toolbar--density-${e.density}`]: !0
|
|
97
|
+
}, h.value, x.value, k.value, V.value, C.value, P.value, e.class]),
|
|
98
|
+
style: E([y.value, T.value, e.style])
|
|
99
|
+
}, {
|
|
100
|
+
default: () => [_ && a("div", {
|
|
101
|
+
key: "image",
|
|
102
|
+
class: "v-toolbar__image"
|
|
103
|
+
}, [t.image ? o(m, {
|
|
104
|
+
key: "image-defaults",
|
|
105
|
+
disabled: !e.image,
|
|
106
|
+
defaults: {
|
|
107
|
+
VImg: {
|
|
108
|
+
cover: !0,
|
|
109
|
+
src: e.image
|
|
110
|
+
}
|
|
111
|
+
}
|
|
112
|
+
}, t.image) : o(M, {
|
|
113
|
+
key: "image-img",
|
|
114
|
+
cover: !0,
|
|
115
|
+
src: e.image
|
|
116
|
+
}, null)]), o(m, {
|
|
117
|
+
defaults: {
|
|
118
|
+
VTabs: {
|
|
119
|
+
height: l(i.value)
|
|
120
|
+
}
|
|
121
|
+
}
|
|
122
|
+
}, {
|
|
123
|
+
default: () => {
|
|
124
|
+
var c, f, g;
|
|
125
|
+
return [a("div", {
|
|
126
|
+
class: "v-toolbar__content",
|
|
127
|
+
style: {
|
|
128
|
+
height: l(i.value)
|
|
129
|
+
}
|
|
130
|
+
}, [t.prepend && a("div", {
|
|
131
|
+
class: "v-toolbar__prepend"
|
|
132
|
+
}, [(c = t.prepend) == null ? void 0 : c.call(t)]), S && o(H, {
|
|
133
|
+
key: "title",
|
|
134
|
+
text: e.title
|
|
135
|
+
}, {
|
|
136
|
+
text: t.title
|
|
137
|
+
}), (f = t.default) == null ? void 0 : f.call(t), t.append && a("div", {
|
|
138
|
+
class: "v-toolbar__append"
|
|
139
|
+
}, [(g = t.append) == null ? void 0 : g.call(t)])])];
|
|
140
|
+
}
|
|
141
|
+
}), o(m, {
|
|
142
|
+
defaults: {
|
|
143
|
+
VTabs: {
|
|
144
|
+
height: l(r.value)
|
|
145
|
+
}
|
|
146
|
+
}
|
|
147
|
+
}, {
|
|
148
|
+
default: () => [o(I, null, {
|
|
149
|
+
default: () => [n.value && a("div", {
|
|
150
|
+
class: "v-toolbar__extension",
|
|
151
|
+
style: {
|
|
152
|
+
height: l(r.value)
|
|
153
|
+
}
|
|
154
|
+
}, [s])]
|
|
155
|
+
})]
|
|
156
|
+
})]
|
|
157
|
+
});
|
|
158
|
+
}), {
|
|
159
|
+
contentHeight: i,
|
|
160
|
+
extensionHeight: r
|
|
161
|
+
};
|
|
162
|
+
}
|
|
163
|
+
});
|
|
164
|
+
export {
|
|
165
|
+
xe as VToolbar,
|
|
166
|
+
Y as makeVToolbarProps
|
|
167
|
+
};
|
|
@@ -0,0 +1,37 @@
|
|
|
1
|
+
import { createVNode as a, normalizeClass as m, normalizeStyle as i, createElementVNode as n } from "vue";
|
|
2
|
+
import { makeComponentProps as s } from "../../composables/component.mjs";
|
|
3
|
+
import { makeTagProps as c } from "../../composables/tag.mjs";
|
|
4
|
+
import { propsFactory as p } from "../../util/propsFactory.mjs";
|
|
5
|
+
import { genericComponent as T } from "../../util/defineComponent.mjs";
|
|
6
|
+
import { useRender as f } from "../../util/useRender.mjs";
|
|
7
|
+
const d = p({
|
|
8
|
+
text: String,
|
|
9
|
+
...s(),
|
|
10
|
+
...c()
|
|
11
|
+
}, "VToolbarTitle"), k = T()({
|
|
12
|
+
name: "VToolbarTitle",
|
|
13
|
+
props: d(),
|
|
14
|
+
setup(e, r) {
|
|
15
|
+
let {
|
|
16
|
+
slots: t
|
|
17
|
+
} = r;
|
|
18
|
+
return f(() => {
|
|
19
|
+
const l = !!(t.default || t.text || e.text);
|
|
20
|
+
return a(e.tag, {
|
|
21
|
+
class: m(["v-toolbar-title", e.class]),
|
|
22
|
+
style: i(e.style)
|
|
23
|
+
}, {
|
|
24
|
+
default: () => {
|
|
25
|
+
var o;
|
|
26
|
+
return [l && n("div", {
|
|
27
|
+
class: "v-toolbar-title__placeholder"
|
|
28
|
+
}, [t.text ? t.text() : e.text, (o = t.default) == null ? void 0 : o.call(t)])];
|
|
29
|
+
}
|
|
30
|
+
});
|
|
31
|
+
}), {};
|
|
32
|
+
}
|
|
33
|
+
});
|
|
34
|
+
export {
|
|
35
|
+
k as VToolbarTitle,
|
|
36
|
+
d as makeVToolbarTitleProps
|
|
37
|
+
};
|