@vuetify/nightly 4.0.0-dev-20230419.0 → 4.0.0-dev-20230421.0
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/CHANGELOG.md +7 -2
- package/dist/json/attributes.json +172 -108
- package/dist/json/importMap.json +34 -34
- package/dist/json/tags.json +16 -0
- package/dist/json/web-types.json +522 -220
- package/dist/vuetify-labs.css +293 -130
- package/dist/vuetify-labs.d.ts +620 -171
- package/dist/vuetify-labs.esm.js +867 -186
- package/dist/vuetify-labs.esm.js.map +1 -1
- package/dist/vuetify-labs.js +867 -185
- package/dist/vuetify-labs.min.css +2 -2
- package/dist/vuetify.css +166 -3
- package/dist/vuetify.d.ts +577 -160
- package/dist/vuetify.esm.js +809 -138
- package/dist/vuetify.esm.js.map +1 -1
- package/dist/vuetify.js +809 -137
- package/dist/vuetify.js.map +1 -1
- package/dist/vuetify.min.css +2 -2
- package/dist/vuetify.min.js +802 -736
- package/dist/vuetify.min.js.map +1 -1
- package/lib/adapters/date-adapter.mjs +2 -0
- package/lib/adapters/date-adapter.mjs.map +1 -0
- package/lib/adapters/vuetify.mjs +399 -0
- package/lib/adapters/vuetify.mjs.map +1 -0
- package/lib/blueprints/index.d.ts +34 -0
- package/lib/blueprints/md1.d.ts +34 -0
- package/lib/blueprints/md2.d.ts +34 -0
- package/lib/blueprints/md3.d.ts +34 -0
- package/lib/components/VAppBar/VAppBar.mjs +62 -10
- package/lib/components/VAppBar/VAppBar.mjs.map +1 -1
- package/lib/components/VAppBar/index.d.ts +26 -0
- package/lib/components/VAutocomplete/VAutocomplete.css +9 -0
- package/lib/components/VAutocomplete/VAutocomplete.mjs +50 -6
- package/lib/components/VAutocomplete/VAutocomplete.mjs.map +1 -1
- package/lib/components/VAutocomplete/VAutocomplete.sass +10 -0
- package/lib/components/VAutocomplete/index.d.ts +29 -17
- package/lib/components/VBtn/_mixins.scss +1 -1
- package/lib/components/VCard/VCard.mjs.map +1 -1
- package/lib/components/VCard/index.d.ts +21 -16
- package/lib/components/VCheckbox/VCheckbox.mjs +2 -2
- package/lib/components/VCheckbox/VCheckbox.mjs.map +1 -1
- package/lib/components/VCheckbox/index.d.ts +22 -1
- package/lib/components/VCombobox/VCombobox.css +1 -1
- package/lib/components/VCombobox/VCombobox.mjs +6 -4
- package/lib/components/VCombobox/VCombobox.mjs.map +1 -1
- package/lib/components/VCombobox/VCombobox.sass +1 -1
- package/lib/components/VCombobox/index.d.ts +29 -17
- package/lib/components/VField/index.d.ts +6 -0
- package/lib/components/VFileInput/VFileInput.mjs +13 -17
- package/lib/components/VFileInput/VFileInput.mjs.map +1 -1
- package/lib/components/VFileInput/index.d.ts +68 -23
- package/lib/components/VInput/VInput.mjs +14 -7
- package/lib/components/VInput/VInput.mjs.map +1 -1
- package/lib/components/VInput/index.d.ts +22 -1
- package/lib/components/VOverlay/locationStrategies.mjs +9 -4
- package/lib/components/VOverlay/locationStrategies.mjs.map +1 -1
- package/lib/components/VRadioGroup/VRadioGroup.mjs +2 -2
- package/lib/components/VRadioGroup/VRadioGroup.mjs.map +1 -1
- package/lib/components/VRadioGroup/index.d.ts +22 -1
- package/lib/components/VRangeSlider/VRangeSlider.mjs +33 -22
- package/lib/components/VRangeSlider/VRangeSlider.mjs.map +1 -1
- package/lib/components/VRangeSlider/index.d.ts +39 -6
- package/lib/components/VSelect/VSelect.mjs +6 -0
- package/lib/components/VSelect/VSelect.mjs.map +1 -1
- package/lib/components/VSelect/index.d.ts +32 -17
- package/lib/components/VSlider/VSlider.mjs +33 -15
- package/lib/components/VSlider/VSlider.mjs.map +1 -1
- package/lib/components/VSlider/index.d.ts +39 -6
- package/lib/components/VSlider/slider.mjs +47 -24
- package/lib/components/VSlider/slider.mjs.map +1 -1
- package/lib/components/VSwitch/VSwitch.mjs +5 -3
- package/lib/components/VSwitch/VSwitch.mjs.map +1 -1
- package/lib/components/VSwitch/index.d.ts +43 -1
- package/lib/components/VTextField/VTextField.mjs +4 -12
- package/lib/components/VTextField/VTextField.mjs.map +1 -1
- package/lib/components/VTextField/index.d.ts +70 -22
- package/lib/components/VTextarea/VTextarea.mjs +4 -12
- package/lib/components/VTextarea/VTextarea.mjs.map +1 -1
- package/lib/components/VTextarea/index.d.ts +61 -22
- package/lib/components/VToolbar/VToolbar.css +3 -1
- package/lib/components/VToolbar/VToolbar.sass +3 -1
- package/lib/components/VValidation/index.d.ts +10 -1
- package/lib/components/index.d.ts +525 -150
- package/lib/composables/date.mjs +39 -0
- package/lib/composables/date.mjs.map +1 -0
- package/lib/composables/focus.mjs +3 -2
- package/lib/composables/focus.mjs.map +1 -1
- package/lib/composables/index.mjs +1 -0
- package/lib/composables/index.mjs.map +1 -1
- package/lib/composables/items.mjs +7 -2
- package/lib/composables/items.mjs.map +1 -1
- package/lib/composables/scroll.mjs +3 -0
- package/lib/composables/scroll.mjs.map +1 -1
- package/lib/entry-bundler.mjs +1 -1
- package/lib/framework.mjs +8 -3
- package/lib/framework.mjs.map +1 -1
- package/lib/iconsets/mdi-svg.mjs +2 -2
- package/lib/iconsets/mdi-svg.mjs.map +1 -1
- package/lib/index.d.ts +52 -10
- package/lib/labs/VDataTable/VDataTable.mjs +2 -2
- package/lib/labs/VDataTable/VDataTable.mjs.map +1 -1
- package/lib/labs/VDataTable/VDataTableFooter.mjs.map +1 -1
- package/lib/labs/VDataTable/VDataTableHeaders.mjs.map +1 -1
- package/lib/labs/VDataTable/VDataTableRows.mjs +52 -44
- package/lib/labs/VDataTable/VDataTableRows.mjs.map +1 -1
- package/lib/labs/VDataTable/VDataTableServer.mjs +2 -1
- package/lib/labs/VDataTable/VDataTableServer.mjs.map +1 -1
- package/lib/labs/VDataTable/VDataTableVirtual.mjs +0 -1
- package/lib/labs/VDataTable/VDataTableVirtual.mjs.map +1 -1
- package/lib/labs/VDataTable/composables/options.mjs +2 -1
- package/lib/labs/VDataTable/composables/options.mjs.map +1 -1
- package/lib/labs/VDataTable/index.d.ts +44 -11
- package/lib/labs/VSkeletonLoader/VSkeletonLoader.mjs +1 -0
- package/lib/labs/VSkeletonLoader/VSkeletonLoader.mjs.map +1 -1
- package/lib/labs/VSkeletonLoader/index.d.ts +9 -9
- package/lib/labs/components.d.ts +53 -20
- package/lib/styles/main.css +152 -0
- package/lib/styles/settings/_utilities.scss +11 -1
- package/lib/util/helpers.mjs +4 -0
- package/lib/util/helpers.mjs.map +1 -1
- package/package.json +2 -2
@@ -44,6 +44,7 @@ declare const VInput: {
|
|
44
44
|
errorMessages: string | string[];
|
45
45
|
maxErrors: string | number;
|
46
46
|
rules: ValidationRule[];
|
47
|
+
persistentHint: boolean;
|
47
48
|
}> & Omit<{
|
48
49
|
error: boolean;
|
49
50
|
direction: "horizontal" | "vertical";
|
@@ -55,6 +56,7 @@ declare const VInput: {
|
|
55
56
|
errorMessages: string | string[];
|
56
57
|
maxErrors: string | number;
|
57
58
|
rules: ValidationRule[];
|
59
|
+
persistentHint: boolean;
|
58
60
|
} & {
|
59
61
|
id?: string | undefined;
|
60
62
|
name?: string | undefined;
|
@@ -64,8 +66,10 @@ declare const VInput: {
|
|
64
66
|
appendIcon?: IconValue | undefined;
|
65
67
|
'onClick:append'?: EventProp<[MouseEvent], (args_0: MouseEvent) => any> | undefined;
|
66
68
|
'onClick:prepend'?: EventProp<[MouseEvent], (args_0: MouseEvent) => any> | undefined;
|
69
|
+
'onUpdate:focused'?: EventProp<[FocusEvent], (args_0: FocusEvent) => any> | undefined;
|
67
70
|
validateOn?: "input" | "blur" | "submit" | undefined;
|
68
71
|
validationValue?: any;
|
72
|
+
hint?: string | undefined;
|
69
73
|
hideDetails?: boolean | "auto" | undefined;
|
70
74
|
} & {
|
71
75
|
$children?: {} | vue.VNodeChild | {
|
@@ -93,7 +97,7 @@ declare const VInput: {
|
|
93
97
|
"v-slot:details"?: false | ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
|
94
98
|
} & {
|
95
99
|
"onUpdate:modelValue"?: ((val: any) => any) | undefined;
|
96
|
-
} & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, "error" | "direction" | "disabled" | "readonly" | "messages" | "density" | "focused" | "errorMessages" | "maxErrors" | "rules">;
|
100
|
+
} & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, "error" | "direction" | "disabled" | "readonly" | "messages" | "density" | "focused" | "errorMessages" | "maxErrors" | "rules" | "persistentHint">;
|
97
101
|
$attrs: {
|
98
102
|
[x: string]: unknown;
|
99
103
|
};
|
@@ -118,6 +122,7 @@ declare const VInput: {
|
|
118
122
|
errorMessages: string | string[];
|
119
123
|
maxErrors: string | number;
|
120
124
|
rules: ValidationRule[];
|
125
|
+
persistentHint: boolean;
|
121
126
|
} & {
|
122
127
|
id?: string | undefined;
|
123
128
|
name?: string | undefined;
|
@@ -127,8 +132,10 @@ declare const VInput: {
|
|
127
132
|
appendIcon?: IconValue | undefined;
|
128
133
|
'onClick:append'?: EventProp<[MouseEvent], (args_0: MouseEvent) => any> | undefined;
|
129
134
|
'onClick:prepend'?: EventProp<[MouseEvent], (args_0: MouseEvent) => any> | undefined;
|
135
|
+
'onUpdate:focused'?: EventProp<[FocusEvent], (args_0: FocusEvent) => any> | undefined;
|
130
136
|
validateOn?: "input" | "blur" | "submit" | undefined;
|
131
137
|
validationValue?: any;
|
138
|
+
hint?: string | undefined;
|
132
139
|
hideDetails?: boolean | "auto" | undefined;
|
133
140
|
} & {
|
134
141
|
$children?: {} | vue.VNodeChild | {
|
@@ -173,6 +180,7 @@ declare const VInput: {
|
|
173
180
|
errorMessages: string | string[];
|
174
181
|
maxErrors: string | number;
|
175
182
|
rules: ValidationRule[];
|
183
|
+
persistentHint: boolean;
|
176
184
|
}, {}, string> & {
|
177
185
|
beforeCreate?: ((() => void) | (() => void)[]) | undefined;
|
178
186
|
created?: ((() => void) | (() => void)[]) | undefined;
|
@@ -204,6 +212,7 @@ declare const VInput: {
|
|
204
212
|
errorMessages: string | string[];
|
205
213
|
maxErrors: string | number;
|
206
214
|
rules: ValidationRule[];
|
215
|
+
persistentHint: boolean;
|
207
216
|
} & {
|
208
217
|
id?: string | undefined;
|
209
218
|
name?: string | undefined;
|
@@ -213,8 +222,10 @@ declare const VInput: {
|
|
213
222
|
appendIcon?: IconValue | undefined;
|
214
223
|
'onClick:append'?: EventProp<[MouseEvent], (args_0: MouseEvent) => any> | undefined;
|
215
224
|
'onClick:prepend'?: EventProp<[MouseEvent], (args_0: MouseEvent) => any> | undefined;
|
225
|
+
'onUpdate:focused'?: EventProp<[FocusEvent], (args_0: FocusEvent) => any> | undefined;
|
216
226
|
validateOn?: "input" | "blur" | "submit" | undefined;
|
217
227
|
validationValue?: any;
|
228
|
+
hint?: string | undefined;
|
218
229
|
hideDetails?: boolean | "auto" | undefined;
|
219
230
|
} & {
|
220
231
|
$children?: {} | vue.VNodeChild | {
|
@@ -261,6 +272,7 @@ declare const VInput: {
|
|
261
272
|
errorMessages: string | string[];
|
262
273
|
maxErrors: string | number;
|
263
274
|
rules: ValidationRule[];
|
275
|
+
persistentHint: boolean;
|
264
276
|
} & {
|
265
277
|
id?: string | undefined;
|
266
278
|
name?: string | undefined;
|
@@ -270,8 +282,10 @@ declare const VInput: {
|
|
270
282
|
appendIcon?: IconValue | undefined;
|
271
283
|
'onClick:append'?: EventProp<[MouseEvent], (args_0: MouseEvent) => any> | undefined;
|
272
284
|
'onClick:prepend'?: EventProp<[MouseEvent], (args_0: MouseEvent) => any> | undefined;
|
285
|
+
'onUpdate:focused'?: EventProp<[FocusEvent], (args_0: FocusEvent) => any> | undefined;
|
273
286
|
validateOn?: "input" | "blur" | "submit" | undefined;
|
274
287
|
validationValue?: any;
|
288
|
+
hint?: string | undefined;
|
275
289
|
hideDetails?: boolean | "auto" | undefined;
|
276
290
|
} & {
|
277
291
|
$children?: {} | vue.VNodeChild | {
|
@@ -316,8 +330,10 @@ declare const VInput: {
|
|
316
330
|
errorMessages: string | string[];
|
317
331
|
maxErrors: string | number;
|
318
332
|
rules: ValidationRule[];
|
333
|
+
persistentHint: boolean;
|
319
334
|
}, {}, string> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
|
320
335
|
focused: BooleanConstructor;
|
336
|
+
'onUpdate:focused': PropType<EventProp<[FocusEvent], (args_0: FocusEvent) => any>>;
|
321
337
|
disabled: BooleanConstructor;
|
322
338
|
error: BooleanConstructor;
|
323
339
|
errorMessages: {
|
@@ -347,6 +363,8 @@ declare const VInput: {
|
|
347
363
|
appendIcon: PropType<IconValue>;
|
348
364
|
prependIcon: PropType<IconValue>;
|
349
365
|
hideDetails: PropType<boolean | "auto">;
|
366
|
+
hint: StringConstructor;
|
367
|
+
persistentHint: BooleanConstructor;
|
350
368
|
messages: {
|
351
369
|
type: PropType<string | string[]>;
|
352
370
|
default: () => never[];
|
@@ -360,6 +378,7 @@ declare const VInput: {
|
|
360
378
|
'onClick:append': PropType<EventProp<[MouseEvent], (args_0: MouseEvent) => any>>;
|
361
379
|
}, vue.ExtractPropTypes<{
|
362
380
|
focused: BooleanConstructor;
|
381
|
+
'onUpdate:focused': PropType<EventProp<[FocusEvent], (args_0: FocusEvent) => any>>;
|
363
382
|
disabled: BooleanConstructor;
|
364
383
|
error: BooleanConstructor;
|
365
384
|
errorMessages: {
|
@@ -389,6 +408,8 @@ declare const VInput: {
|
|
389
408
|
appendIcon: PropType<IconValue>;
|
390
409
|
prependIcon: PropType<IconValue>;
|
391
410
|
hideDetails: PropType<boolean | "auto">;
|
411
|
+
hint: StringConstructor;
|
412
|
+
persistentHint: BooleanConstructor;
|
392
413
|
messages: {
|
393
414
|
type: PropType<string | string[]>;
|
394
415
|
default: () => never[];
|
@@ -62,7 +62,7 @@ function staticLocationStrategy() {
|
|
62
62
|
}
|
63
63
|
|
64
64
|
/** Get size of element ignoring max-width/max-height */
|
65
|
-
function getIntrinsicSize(el) {
|
65
|
+
function getIntrinsicSize(el, isRtl) {
|
66
66
|
// const scrollables = new Map<Element, [number, number]>()
|
67
67
|
// el.querySelectorAll('*').forEach(el => {
|
68
68
|
// const x = el.scrollLeft
|
@@ -79,7 +79,11 @@ function getIntrinsicSize(el) {
|
|
79
79
|
|
80
80
|
/* eslint-disable-next-line sonarjs/prefer-immediate-return */
|
81
81
|
const contentBox = nullifyTransforms(el);
|
82
|
-
|
82
|
+
if (isRtl) {
|
83
|
+
contentBox.x += parseFloat(el.style.right || 0);
|
84
|
+
} else {
|
85
|
+
contentBox.x -= parseFloat(el.style.left || 0);
|
86
|
+
}
|
83
87
|
contentBox.y -= parseFloat(el.style.top || 0);
|
84
88
|
|
85
89
|
// el.style.maxWidth = initialMaxWidth
|
@@ -160,7 +164,7 @@ function connectedLocationStrategy(data, props, contentStyles) {
|
|
160
164
|
});
|
161
165
|
if (!data.activatorEl.value || !data.contentEl.value) return;
|
162
166
|
const targetBox = data.activatorEl.value.getBoundingClientRect();
|
163
|
-
const contentBox = getIntrinsicSize(data.contentEl.value);
|
167
|
+
const contentBox = getIntrinsicSize(data.contentEl.value, data.isRtl.value);
|
164
168
|
const scrollParents = getScrollParents(data.contentEl.value);
|
165
169
|
const viewportMargin = 12;
|
166
170
|
if (!scrollParents.length) {
|
@@ -336,7 +340,8 @@ function connectedLocationStrategy(data, props, contentStyles) {
|
|
336
340
|
transformOrigin: `${placement.origin.side} ${placement.origin.align}`,
|
337
341
|
// transform: `translate(${pixelRound(x)}px, ${pixelRound(y)}px)`,
|
338
342
|
top: convertToUnit(pixelRound(y)),
|
339
|
-
left: convertToUnit(pixelRound(x)),
|
343
|
+
left: data.isRtl.value ? undefined : convertToUnit(pixelRound(x)),
|
344
|
+
right: data.isRtl.value ? convertToUnit(pixelRound(-x)) : undefined,
|
340
345
|
minWidth: convertToUnit(axis === 'y' ? Math.min(minWidth.value, targetBox.width) : minWidth.value),
|
341
346
|
maxWidth: convertToUnit(pixelCeil(clamp(available.x, minWidth.value === Infinity ? 0 : minWidth.value, maxWidth.value))),
|
342
347
|
maxHeight: convertToUnit(pixelCeil(clamp(available.y, minHeight.value === Infinity ? 0 : minHeight.value, maxHeight.value)))
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"locationStrategies.mjs","names":["computed","nextTick","onScopeDispose","ref","watch","clamp","consoleError","convertToUnit","destructComputed","flipAlign","flipCorner","flipSide","getAxis","getScrollParents","IN_BROWSER","isFixedPosition","nullifyTransforms","parseAnchor","propsFactory","Box","getOverflow","anchorToPoint","getOffset","useToggleScope","locationStrategies","static","staticLocationStrategy","connected","connectedLocationStrategy","makeLocationStrategyProps","locationStrategy","type","String","Function","default","validator","val","location","origin","offset","Number","Array","useLocationStrategies","props","data","contentStyles","updateLocation","isActive","value","reset","undefined","window","addEventListener","onResize","passive","removeEventListener","e","getIntrinsicSize","el","contentBox","x","parseFloat","style","left","y","top","activatorFixed","activatorEl","Object","assign","position","preferredAnchor","preferredOrigin","parsedAnchor","isRtl","parsedOrigin","side","align","minWidth","minHeight","maxWidth","maxHeight","map","key","isNaN","Infinity","isArray","split","length","push","observe","observer","ResizeObserver","contentEl","_ref","_ref2","newActivatorEl","newContentEl","oldActivatorEl","oldContentEl","unobserve","immediate","disconnect","requestAnimationFrame","targetBox","getBoundingClientRect","scrollParents","viewportMargin","document","documentElement","getPropertyValue","viewport","reduce","box","rect","scrollBox","width","clientWidth","height","clientHeight","Math","max","min","right","bottom","placement","anchor","checkOverflow","_placement","targetPoint","contentPoint","overflows","available","flipped","resets","_x","_y","axis","hasOverflowX","before","after","hasOverflowY","forEach","newPlacement","flip","newOverflows","transformOrigin","pixelRound","pixelCeil","result","round","devicePixelRatio","ceil"],"sources":["../../../src/components/VOverlay/locationStrategies.ts"],"sourcesContent":["// Utilities\nimport { computed, nextTick, onScopeDispose, ref, watch } from 'vue'\nimport {\n clamp,\n consoleError,\n convertToUnit,\n destructComputed,\n flipAlign,\n flipCorner,\n flipSide,\n getAxis,\n getScrollParents,\n IN_BROWSER,\n isFixedPosition,\n nullifyTransforms,\n parseAnchor,\n propsFactory,\n} from '@/util'\nimport { Box, getOverflow } from '@/util/box'\nimport { anchorToPoint, getOffset } from './util/point'\n\n// Composables\nimport { useToggleScope } from '@/composables/toggleScope'\n\n// Types\nimport type { PropType, Ref } from 'vue'\nimport type { Anchor } from '@/util'\n\nexport interface LocationStrategyData {\n contentEl: Ref<HTMLElement | undefined>\n activatorEl: Ref<HTMLElement | undefined>\n isActive: Ref<boolean>\n isRtl: Ref<boolean>\n}\n\ntype LocationStrategyFn = (\n data: LocationStrategyData,\n props: StrategyProps,\n contentStyles: Ref<Record<string, string>>\n) => undefined | { updateLocation: (e: Event) => void }\n\nconst locationStrategies = {\n static: staticLocationStrategy, // specific viewport position, usually centered\n connected: connectedLocationStrategy, // connected to a certain element\n}\n\nexport interface StrategyProps {\n locationStrategy: keyof typeof locationStrategies | LocationStrategyFn\n location: Anchor\n origin: Anchor | 'auto' | 'overlap'\n offset?: number | string | number[]\n maxHeight?: number | string\n maxWidth?: number | string\n minHeight?: number | string\n minWidth?: number | string\n}\n\nexport const makeLocationStrategyProps = propsFactory({\n locationStrategy: {\n type: [String, Function] as PropType<StrategyProps['locationStrategy']>,\n default: 'static',\n validator: (val: any) => typeof val === 'function' || val in locationStrategies,\n },\n location: {\n type: String as PropType<StrategyProps['location']>,\n default: 'bottom',\n },\n origin: {\n type: String as PropType<StrategyProps['origin']>,\n default: 'auto',\n },\n offset: [Number, String, Array] as PropType<StrategyProps['offset']>,\n}, 'v-overlay-location-strategies')\n\nexport function useLocationStrategies (\n props: StrategyProps,\n data: LocationStrategyData\n) {\n const contentStyles = ref({})\n const updateLocation = ref<(e: Event) => void>()\n\n if (IN_BROWSER) {\n useToggleScope(() => !!(data.isActive.value && props.locationStrategy), reset => {\n watch(() => props.locationStrategy, reset)\n onScopeDispose(() => {\n updateLocation.value = undefined\n })\n\n if (typeof props.locationStrategy === 'function') {\n updateLocation.value = props.locationStrategy(data, props, contentStyles)?.updateLocation\n } else {\n updateLocation.value = locationStrategies[props.locationStrategy](data, props, contentStyles)?.updateLocation\n }\n })\n\n window.addEventListener('resize', onResize, { passive: true })\n\n onScopeDispose(() => {\n window.removeEventListener('resize', onResize)\n updateLocation.value = undefined\n })\n }\n\n function onResize (e: Event) {\n updateLocation.value?.(e)\n }\n\n return {\n contentStyles,\n updateLocation,\n }\n}\n\nfunction staticLocationStrategy () {\n // TODO\n}\n\n/** Get size of element ignoring max-width/max-height */\nfunction getIntrinsicSize (el: HTMLElement) {\n // const scrollables = new Map<Element, [number, number]>()\n // el.querySelectorAll('*').forEach(el => {\n // const x = el.scrollLeft\n // const y = el.scrollTop\n // if (x || y) {\n // scrollables.set(el, [x, y])\n // }\n // })\n\n // const initialMaxWidth = el.style.maxWidth\n // const initialMaxHeight = el.style.maxHeight\n // el.style.removeProperty('max-width')\n // el.style.removeProperty('max-height')\n\n /* eslint-disable-next-line sonarjs/prefer-immediate-return */\n const contentBox = nullifyTransforms(el)\n\n contentBox.x -= parseFloat(el.style.left || 0)\n contentBox.y -= parseFloat(el.style.top || 0)\n\n // el.style.maxWidth = initialMaxWidth\n // el.style.maxHeight = initialMaxHeight\n // scrollables.forEach((position, el) => {\n // el.scrollTo(...position)\n // })\n\n return contentBox\n}\n\nfunction connectedLocationStrategy (data: LocationStrategyData, props: StrategyProps, contentStyles: Ref<Record<string, string>>) {\n const activatorFixed = isFixedPosition(data.activatorEl.value)\n if (activatorFixed) {\n Object.assign(contentStyles.value, {\n position: 'fixed',\n })\n }\n\n const { preferredAnchor, preferredOrigin } = destructComputed(() => {\n const parsedAnchor = parseAnchor(props.location, data.isRtl.value)\n const parsedOrigin =\n props.origin === 'overlap' ? parsedAnchor\n : props.origin === 'auto' ? flipSide(parsedAnchor)\n : parseAnchor(props.origin, data.isRtl.value)\n\n // Some combinations of props may produce an invalid origin\n if (parsedAnchor.side === parsedOrigin.side && parsedAnchor.align === flipAlign(parsedOrigin).align) {\n return {\n preferredAnchor: flipCorner(parsedAnchor),\n preferredOrigin: flipCorner(parsedOrigin),\n }\n } else {\n return {\n preferredAnchor: parsedAnchor,\n preferredOrigin: parsedOrigin,\n }\n }\n })\n\n const [minWidth, minHeight, maxWidth, maxHeight] =\n (['minWidth', 'minHeight', 'maxWidth', 'maxHeight'] as const).map(key => {\n return computed(() => {\n const val = parseFloat(props[key]!)\n return isNaN(val) ? Infinity : val\n })\n })\n\n const offset = computed(() => {\n if (Array.isArray(props.offset)) {\n return props.offset\n }\n if (typeof props.offset === 'string') {\n const offset = props.offset.split(' ').map(parseFloat)\n if (offset.length < 2) offset.push(0)\n return offset\n }\n return typeof props.offset === 'number' ? [props.offset, 0] : [0, 0]\n })\n\n let observe = false\n const observer = new ResizeObserver(() => {\n if (observe) updateLocation()\n })\n\n watch([data.activatorEl, data.contentEl], ([newActivatorEl, newContentEl], [oldActivatorEl, oldContentEl]) => {\n if (oldActivatorEl) observer.unobserve(oldActivatorEl)\n if (newActivatorEl) observer.observe(newActivatorEl)\n\n if (oldContentEl) observer.unobserve(oldContentEl)\n if (newContentEl) observer.observe(newContentEl)\n }, {\n immediate: true,\n })\n\n onScopeDispose(() => {\n observer.disconnect()\n })\n\n // eslint-disable-next-line max-statements\n function updateLocation () {\n observe = false\n requestAnimationFrame(() => {\n requestAnimationFrame(() => observe = true)\n })\n\n if (!data.activatorEl.value || !data.contentEl.value) return\n\n const targetBox = data.activatorEl.value.getBoundingClientRect()\n const contentBox = getIntrinsicSize(data.contentEl.value)\n const scrollParents = getScrollParents(data.contentEl.value)\n const viewportMargin = 12\n\n if (!scrollParents.length) {\n scrollParents.push(document.documentElement)\n if (!(data.contentEl.value.style.top && data.contentEl.value.style.left)) {\n contentBox.x += parseFloat(document.documentElement.style.getPropertyValue('--v-body-scroll-x') || 0)\n contentBox.y += parseFloat(document.documentElement.style.getPropertyValue('--v-body-scroll-y') || 0)\n }\n }\n\n const viewport = scrollParents.reduce<Box>((box: Box | undefined, el) => {\n const rect = el.getBoundingClientRect()\n const scrollBox = new Box({\n x: el === document.documentElement ? 0 : rect.x,\n y: el === document.documentElement ? 0 : rect.y,\n width: el.clientWidth,\n height: el.clientHeight,\n })\n\n if (box) {\n return new Box({\n x: Math.max(box.left, scrollBox.left),\n y: Math.max(box.top, scrollBox.top),\n width: Math.min(box.right, scrollBox.right) - Math.max(box.left, scrollBox.left),\n height: Math.min(box.bottom, scrollBox.bottom) - Math.max(box.top, scrollBox.top),\n })\n }\n return scrollBox\n }, undefined!)\n viewport.x += viewportMargin\n viewport.y += viewportMargin\n viewport.width -= viewportMargin * 2\n viewport.height -= viewportMargin * 2\n\n let placement = {\n anchor: preferredAnchor.value,\n origin: preferredOrigin.value,\n }\n\n function checkOverflow (_placement: typeof placement) {\n const box = new Box(contentBox)\n const targetPoint = anchorToPoint(_placement.anchor, targetBox)\n const contentPoint = anchorToPoint(_placement.origin, box)\n\n let { x, y } = getOffset(targetPoint, contentPoint)\n\n switch (_placement.anchor.side) {\n case 'top': y -= offset.value[0]; break\n case 'bottom': y += offset.value[0]; break\n case 'left': x -= offset.value[0]; break\n case 'right': x += offset.value[0]; break\n }\n\n switch (_placement.anchor.align) {\n case 'top': y -= offset.value[1]; break\n case 'bottom': y += offset.value[1]; break\n case 'left': x -= offset.value[1]; break\n case 'right': x += offset.value[1]; break\n }\n\n box.x += x\n box.y += y\n\n box.width = Math.min(box.width, maxWidth.value)\n box.height = Math.min(box.height, maxHeight.value)\n\n const overflows = getOverflow(box, viewport)\n\n return { overflows, x, y }\n }\n\n let x = 0; let y = 0\n const available = { x: 0, y: 0 }\n const flipped = { x: false, y: false }\n let resets = -1\n while (true) {\n if (resets++ > 10) {\n consoleError('Infinite loop detected in connectedLocationStrategy')\n break\n }\n\n const { x: _x, y: _y, overflows } = checkOverflow(placement)\n\n x += _x\n y += _y\n\n contentBox.x += _x\n contentBox.y += _y\n\n // flip\n {\n const axis = getAxis(placement.anchor)\n const hasOverflowX = overflows.x.before || overflows.x.after\n const hasOverflowY = overflows.y.before || overflows.y.after\n\n let reset = false\n ;['x', 'y'].forEach(key => {\n if (\n (key === 'x' && hasOverflowX && !flipped.x) ||\n (key === 'y' && hasOverflowY && !flipped.y)\n ) {\n const newPlacement = { anchor: { ...placement.anchor }, origin: { ...placement.origin } }\n const flip = key === 'x'\n ? axis === 'y' ? flipAlign : flipSide\n : axis === 'y' ? flipSide : flipAlign\n newPlacement.anchor = flip(newPlacement.anchor)\n newPlacement.origin = flip(newPlacement.origin)\n const { overflows: newOverflows } = checkOverflow(newPlacement)\n if (\n (newOverflows[key].before <= overflows[key].before &&\n newOverflows[key].after <= overflows[key].after) ||\n (newOverflows[key].before + newOverflows[key].after <\n (overflows[key].before + overflows[key].after) / 2)\n ) {\n placement = newPlacement\n reset = flipped[key] = true\n }\n }\n })\n if (reset) continue\n }\n\n // shift\n if (overflows.x.before) {\n x += overflows.x.before\n contentBox.x += overflows.x.before\n }\n if (overflows.x.after) {\n x -= overflows.x.after\n contentBox.x -= overflows.x.after\n }\n if (overflows.y.before) {\n y += overflows.y.before\n contentBox.y += overflows.y.before\n }\n if (overflows.y.after) {\n y -= overflows.y.after\n contentBox.y -= overflows.y.after\n }\n\n // size\n {\n const overflows = getOverflow(contentBox, viewport)\n available.x = viewport.width - overflows.x.before - overflows.x.after\n available.y = viewport.height - overflows.y.before - overflows.y.after\n\n x += overflows.x.before\n contentBox.x += overflows.x.before\n y += overflows.y.before\n contentBox.y += overflows.y.before\n }\n\n break\n }\n\n const axis = getAxis(placement.anchor)\n\n Object.assign(contentStyles.value, {\n '--v-overlay-anchor-origin': `${placement.anchor.side} ${placement.anchor.align}`,\n transformOrigin: `${placement.origin.side} ${placement.origin.align}`,\n // transform: `translate(${pixelRound(x)}px, ${pixelRound(y)}px)`,\n top: convertToUnit(pixelRound(y)),\n left: convertToUnit(pixelRound(x)),\n minWidth: convertToUnit(axis === 'y' ? Math.min(minWidth.value, targetBox.width) : minWidth.value),\n maxWidth: convertToUnit(pixelCeil(clamp(available.x, minWidth.value === Infinity ? 0 : minWidth.value, maxWidth.value))),\n maxHeight: convertToUnit(pixelCeil(clamp(available.y, minHeight.value === Infinity ? 0 : minHeight.value, maxHeight.value))),\n })\n\n return {\n available,\n contentBox,\n }\n }\n\n watch(\n () => [\n preferredAnchor.value,\n preferredOrigin.value,\n props.offset,\n props.minWidth,\n props.minHeight,\n props.maxWidth,\n props.maxHeight,\n ],\n () => updateLocation(),\n )\n\n nextTick(() => {\n const result = updateLocation()\n\n // TODO: overflowing content should only require a single updateLocation call\n // Icky hack to make sure the content is positioned consistently\n if (!result) return\n const { available, contentBox } = result\n if (contentBox.height > available.y) {\n requestAnimationFrame(() => {\n updateLocation()\n requestAnimationFrame(() => {\n updateLocation()\n })\n })\n }\n })\n\n return { updateLocation }\n}\n\nfunction pixelRound (val: number) {\n return Math.round(val * devicePixelRatio) / devicePixelRatio\n}\n\nfunction pixelCeil (val: number) {\n return Math.ceil(val * devicePixelRatio) / devicePixelRatio\n}\n"],"mappings":"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"}
|
1
|
+
{"version":3,"file":"locationStrategies.mjs","names":["computed","nextTick","onScopeDispose","ref","watch","clamp","consoleError","convertToUnit","destructComputed","flipAlign","flipCorner","flipSide","getAxis","getScrollParents","IN_BROWSER","isFixedPosition","nullifyTransforms","parseAnchor","propsFactory","Box","getOverflow","anchorToPoint","getOffset","useToggleScope","locationStrategies","static","staticLocationStrategy","connected","connectedLocationStrategy","makeLocationStrategyProps","locationStrategy","type","String","Function","default","validator","val","location","origin","offset","Number","Array","useLocationStrategies","props","data","contentStyles","updateLocation","isActive","value","reset","undefined","window","addEventListener","onResize","passive","removeEventListener","e","getIntrinsicSize","el","isRtl","contentBox","x","parseFloat","style","right","left","y","top","activatorFixed","activatorEl","Object","assign","position","preferredAnchor","preferredOrigin","parsedAnchor","parsedOrigin","side","align","minWidth","minHeight","maxWidth","maxHeight","map","key","isNaN","Infinity","isArray","split","length","push","observe","observer","ResizeObserver","contentEl","_ref","_ref2","newActivatorEl","newContentEl","oldActivatorEl","oldContentEl","unobserve","immediate","disconnect","requestAnimationFrame","targetBox","getBoundingClientRect","scrollParents","viewportMargin","document","documentElement","getPropertyValue","viewport","reduce","box","rect","scrollBox","width","clientWidth","height","clientHeight","Math","max","min","bottom","placement","anchor","checkOverflow","_placement","targetPoint","contentPoint","overflows","available","flipped","resets","_x","_y","axis","hasOverflowX","before","after","hasOverflowY","forEach","newPlacement","flip","newOverflows","transformOrigin","pixelRound","pixelCeil","result","round","devicePixelRatio","ceil"],"sources":["../../../src/components/VOverlay/locationStrategies.ts"],"sourcesContent":["// Utilities\nimport { computed, nextTick, onScopeDispose, ref, watch } from 'vue'\nimport {\n clamp,\n consoleError,\n convertToUnit,\n destructComputed,\n flipAlign,\n flipCorner,\n flipSide,\n getAxis,\n getScrollParents,\n IN_BROWSER,\n isFixedPosition,\n nullifyTransforms,\n parseAnchor,\n propsFactory,\n} from '@/util'\nimport { Box, getOverflow } from '@/util/box'\nimport { anchorToPoint, getOffset } from './util/point'\n\n// Composables\nimport { useToggleScope } from '@/composables/toggleScope'\n\n// Types\nimport type { PropType, Ref } from 'vue'\nimport type { Anchor } from '@/util'\n\nexport interface LocationStrategyData {\n contentEl: Ref<HTMLElement | undefined>\n activatorEl: Ref<HTMLElement | undefined>\n isActive: Ref<boolean>\n isRtl: Ref<boolean>\n}\n\ntype LocationStrategyFn = (\n data: LocationStrategyData,\n props: StrategyProps,\n contentStyles: Ref<Record<string, string>>\n) => undefined | { updateLocation: (e: Event) => void }\n\nconst locationStrategies = {\n static: staticLocationStrategy, // specific viewport position, usually centered\n connected: connectedLocationStrategy, // connected to a certain element\n}\n\nexport interface StrategyProps {\n locationStrategy: keyof typeof locationStrategies | LocationStrategyFn\n location: Anchor\n origin: Anchor | 'auto' | 'overlap'\n offset?: number | string | number[]\n maxHeight?: number | string\n maxWidth?: number | string\n minHeight?: number | string\n minWidth?: number | string\n}\n\nexport const makeLocationStrategyProps = propsFactory({\n locationStrategy: {\n type: [String, Function] as PropType<StrategyProps['locationStrategy']>,\n default: 'static',\n validator: (val: any) => typeof val === 'function' || val in locationStrategies,\n },\n location: {\n type: String as PropType<StrategyProps['location']>,\n default: 'bottom',\n },\n origin: {\n type: String as PropType<StrategyProps['origin']>,\n default: 'auto',\n },\n offset: [Number, String, Array] as PropType<StrategyProps['offset']>,\n}, 'v-overlay-location-strategies')\n\nexport function useLocationStrategies (\n props: StrategyProps,\n data: LocationStrategyData\n) {\n const contentStyles = ref({})\n const updateLocation = ref<(e: Event) => void>()\n\n if (IN_BROWSER) {\n useToggleScope(() => !!(data.isActive.value && props.locationStrategy), reset => {\n watch(() => props.locationStrategy, reset)\n onScopeDispose(() => {\n updateLocation.value = undefined\n })\n\n if (typeof props.locationStrategy === 'function') {\n updateLocation.value = props.locationStrategy(data, props, contentStyles)?.updateLocation\n } else {\n updateLocation.value = locationStrategies[props.locationStrategy](data, props, contentStyles)?.updateLocation\n }\n })\n\n window.addEventListener('resize', onResize, { passive: true })\n\n onScopeDispose(() => {\n window.removeEventListener('resize', onResize)\n updateLocation.value = undefined\n })\n }\n\n function onResize (e: Event) {\n updateLocation.value?.(e)\n }\n\n return {\n contentStyles,\n updateLocation,\n }\n}\n\nfunction staticLocationStrategy () {\n // TODO\n}\n\n/** Get size of element ignoring max-width/max-height */\nfunction getIntrinsicSize (el: HTMLElement, isRtl: boolean) {\n // const scrollables = new Map<Element, [number, number]>()\n // el.querySelectorAll('*').forEach(el => {\n // const x = el.scrollLeft\n // const y = el.scrollTop\n // if (x || y) {\n // scrollables.set(el, [x, y])\n // }\n // })\n\n // const initialMaxWidth = el.style.maxWidth\n // const initialMaxHeight = el.style.maxHeight\n // el.style.removeProperty('max-width')\n // el.style.removeProperty('max-height')\n\n /* eslint-disable-next-line sonarjs/prefer-immediate-return */\n const contentBox = nullifyTransforms(el)\n\n if (isRtl) {\n contentBox.x += parseFloat(el.style.right || 0)\n } else {\n contentBox.x -= parseFloat(el.style.left || 0)\n }\n contentBox.y -= parseFloat(el.style.top || 0)\n\n // el.style.maxWidth = initialMaxWidth\n // el.style.maxHeight = initialMaxHeight\n // scrollables.forEach((position, el) => {\n // el.scrollTo(...position)\n // })\n\n return contentBox\n}\n\nfunction connectedLocationStrategy (data: LocationStrategyData, props: StrategyProps, contentStyles: Ref<Record<string, string>>) {\n const activatorFixed = isFixedPosition(data.activatorEl.value)\n if (activatorFixed) {\n Object.assign(contentStyles.value, {\n position: 'fixed',\n })\n }\n\n const { preferredAnchor, preferredOrigin } = destructComputed(() => {\n const parsedAnchor = parseAnchor(props.location, data.isRtl.value)\n const parsedOrigin =\n props.origin === 'overlap' ? parsedAnchor\n : props.origin === 'auto' ? flipSide(parsedAnchor)\n : parseAnchor(props.origin, data.isRtl.value)\n\n // Some combinations of props may produce an invalid origin\n if (parsedAnchor.side === parsedOrigin.side && parsedAnchor.align === flipAlign(parsedOrigin).align) {\n return {\n preferredAnchor: flipCorner(parsedAnchor),\n preferredOrigin: flipCorner(parsedOrigin),\n }\n } else {\n return {\n preferredAnchor: parsedAnchor,\n preferredOrigin: parsedOrigin,\n }\n }\n })\n\n const [minWidth, minHeight, maxWidth, maxHeight] =\n (['minWidth', 'minHeight', 'maxWidth', 'maxHeight'] as const).map(key => {\n return computed(() => {\n const val = parseFloat(props[key]!)\n return isNaN(val) ? Infinity : val\n })\n })\n\n const offset = computed(() => {\n if (Array.isArray(props.offset)) {\n return props.offset\n }\n if (typeof props.offset === 'string') {\n const offset = props.offset.split(' ').map(parseFloat)\n if (offset.length < 2) offset.push(0)\n return offset\n }\n return typeof props.offset === 'number' ? [props.offset, 0] : [0, 0]\n })\n\n let observe = false\n const observer = new ResizeObserver(() => {\n if (observe) updateLocation()\n })\n\n watch([data.activatorEl, data.contentEl], ([newActivatorEl, newContentEl], [oldActivatorEl, oldContentEl]) => {\n if (oldActivatorEl) observer.unobserve(oldActivatorEl)\n if (newActivatorEl) observer.observe(newActivatorEl)\n\n if (oldContentEl) observer.unobserve(oldContentEl)\n if (newContentEl) observer.observe(newContentEl)\n }, {\n immediate: true,\n })\n\n onScopeDispose(() => {\n observer.disconnect()\n })\n\n // eslint-disable-next-line max-statements\n function updateLocation () {\n observe = false\n requestAnimationFrame(() => {\n requestAnimationFrame(() => observe = true)\n })\n\n if (!data.activatorEl.value || !data.contentEl.value) return\n\n const targetBox = data.activatorEl.value.getBoundingClientRect()\n const contentBox = getIntrinsicSize(data.contentEl.value, data.isRtl.value)\n const scrollParents = getScrollParents(data.contentEl.value)\n const viewportMargin = 12\n\n if (!scrollParents.length) {\n scrollParents.push(document.documentElement)\n if (!(data.contentEl.value.style.top && data.contentEl.value.style.left)) {\n contentBox.x += parseFloat(document.documentElement.style.getPropertyValue('--v-body-scroll-x') || 0)\n contentBox.y += parseFloat(document.documentElement.style.getPropertyValue('--v-body-scroll-y') || 0)\n }\n }\n\n const viewport = scrollParents.reduce<Box>((box: Box | undefined, el) => {\n const rect = el.getBoundingClientRect()\n const scrollBox = new Box({\n x: el === document.documentElement ? 0 : rect.x,\n y: el === document.documentElement ? 0 : rect.y,\n width: el.clientWidth,\n height: el.clientHeight,\n })\n\n if (box) {\n return new Box({\n x: Math.max(box.left, scrollBox.left),\n y: Math.max(box.top, scrollBox.top),\n width: Math.min(box.right, scrollBox.right) - Math.max(box.left, scrollBox.left),\n height: Math.min(box.bottom, scrollBox.bottom) - Math.max(box.top, scrollBox.top),\n })\n }\n return scrollBox\n }, undefined!)\n viewport.x += viewportMargin\n viewport.y += viewportMargin\n viewport.width -= viewportMargin * 2\n viewport.height -= viewportMargin * 2\n\n let placement = {\n anchor: preferredAnchor.value,\n origin: preferredOrigin.value,\n }\n\n function checkOverflow (_placement: typeof placement) {\n const box = new Box(contentBox)\n const targetPoint = anchorToPoint(_placement.anchor, targetBox)\n const contentPoint = anchorToPoint(_placement.origin, box)\n\n let { x, y } = getOffset(targetPoint, contentPoint)\n\n switch (_placement.anchor.side) {\n case 'top': y -= offset.value[0]; break\n case 'bottom': y += offset.value[0]; break\n case 'left': x -= offset.value[0]; break\n case 'right': x += offset.value[0]; break\n }\n\n switch (_placement.anchor.align) {\n case 'top': y -= offset.value[1]; break\n case 'bottom': y += offset.value[1]; break\n case 'left': x -= offset.value[1]; break\n case 'right': x += offset.value[1]; break\n }\n\n box.x += x\n box.y += y\n\n box.width = Math.min(box.width, maxWidth.value)\n box.height = Math.min(box.height, maxHeight.value)\n\n const overflows = getOverflow(box, viewport)\n\n return { overflows, x, y }\n }\n\n let x = 0; let y = 0\n const available = { x: 0, y: 0 }\n const flipped = { x: false, y: false }\n let resets = -1\n while (true) {\n if (resets++ > 10) {\n consoleError('Infinite loop detected in connectedLocationStrategy')\n break\n }\n\n const { x: _x, y: _y, overflows } = checkOverflow(placement)\n\n x += _x\n y += _y\n\n contentBox.x += _x\n contentBox.y += _y\n\n // flip\n {\n const axis = getAxis(placement.anchor)\n const hasOverflowX = overflows.x.before || overflows.x.after\n const hasOverflowY = overflows.y.before || overflows.y.after\n\n let reset = false\n ;['x', 'y'].forEach(key => {\n if (\n (key === 'x' && hasOverflowX && !flipped.x) ||\n (key === 'y' && hasOverflowY && !flipped.y)\n ) {\n const newPlacement = { anchor: { ...placement.anchor }, origin: { ...placement.origin } }\n const flip = key === 'x'\n ? axis === 'y' ? flipAlign : flipSide\n : axis === 'y' ? flipSide : flipAlign\n newPlacement.anchor = flip(newPlacement.anchor)\n newPlacement.origin = flip(newPlacement.origin)\n const { overflows: newOverflows } = checkOverflow(newPlacement)\n if (\n (newOverflows[key].before <= overflows[key].before &&\n newOverflows[key].after <= overflows[key].after) ||\n (newOverflows[key].before + newOverflows[key].after <\n (overflows[key].before + overflows[key].after) / 2)\n ) {\n placement = newPlacement\n reset = flipped[key] = true\n }\n }\n })\n if (reset) continue\n }\n\n // shift\n if (overflows.x.before) {\n x += overflows.x.before\n contentBox.x += overflows.x.before\n }\n if (overflows.x.after) {\n x -= overflows.x.after\n contentBox.x -= overflows.x.after\n }\n if (overflows.y.before) {\n y += overflows.y.before\n contentBox.y += overflows.y.before\n }\n if (overflows.y.after) {\n y -= overflows.y.after\n contentBox.y -= overflows.y.after\n }\n\n // size\n {\n const overflows = getOverflow(contentBox, viewport)\n available.x = viewport.width - overflows.x.before - overflows.x.after\n available.y = viewport.height - overflows.y.before - overflows.y.after\n\n x += overflows.x.before\n contentBox.x += overflows.x.before\n y += overflows.y.before\n contentBox.y += overflows.y.before\n }\n\n break\n }\n\n const axis = getAxis(placement.anchor)\n\n Object.assign(contentStyles.value, {\n '--v-overlay-anchor-origin': `${placement.anchor.side} ${placement.anchor.align}`,\n transformOrigin: `${placement.origin.side} ${placement.origin.align}`,\n // transform: `translate(${pixelRound(x)}px, ${pixelRound(y)}px)`,\n top: convertToUnit(pixelRound(y)),\n left: data.isRtl.value ? undefined : convertToUnit(pixelRound(x)),\n right: data.isRtl.value ? convertToUnit(pixelRound(-x)) : undefined,\n minWidth: convertToUnit(axis === 'y' ? Math.min(minWidth.value, targetBox.width) : minWidth.value),\n maxWidth: convertToUnit(pixelCeil(clamp(available.x, minWidth.value === Infinity ? 0 : minWidth.value, maxWidth.value))),\n maxHeight: convertToUnit(pixelCeil(clamp(available.y, minHeight.value === Infinity ? 0 : minHeight.value, maxHeight.value))),\n })\n\n return {\n available,\n contentBox,\n }\n }\n\n watch(\n () => [\n preferredAnchor.value,\n preferredOrigin.value,\n props.offset,\n props.minWidth,\n props.minHeight,\n props.maxWidth,\n props.maxHeight,\n ],\n () => updateLocation(),\n )\n\n nextTick(() => {\n const result = updateLocation()\n\n // TODO: overflowing content should only require a single updateLocation call\n // Icky hack to make sure the content is positioned consistently\n if (!result) return\n const { available, contentBox } = result\n if (contentBox.height > available.y) {\n requestAnimationFrame(() => {\n updateLocation()\n requestAnimationFrame(() => {\n updateLocation()\n })\n })\n }\n })\n\n return { updateLocation }\n}\n\nfunction pixelRound (val: number) {\n return Math.round(val * devicePixelRatio) / devicePixelRatio\n}\n\nfunction pixelCeil (val: number) {\n return Math.ceil(val * devicePixelRatio) / devicePixelRatio\n}\n"],"mappings":"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"}
|
@@ -4,7 +4,7 @@ import "./VRadioGroup.css";
|
|
4
4
|
|
5
5
|
// Components
|
6
6
|
import { VSelectionControl } from "../VSelectionControl/index.mjs";
|
7
|
-
import {
|
7
|
+
import { makeVInputProps, VInput } from "../VInput/VInput.mjs";
|
8
8
|
import { makeSelectionControlGroupProps, VSelectionControlGroup } from "../VSelectionControlGroup/VSelectionControlGroup.mjs";
|
9
9
|
import { VLabel } from "../VLabel/index.mjs"; // Composables
|
10
10
|
import { IconValue } from "../../composables/icons.mjs";
|
@@ -47,7 +47,7 @@ export const VRadioGroup = genericComponent()({
|
|
47
47
|
const model = useProxiedModel(props, 'modelValue');
|
48
48
|
useRender(() => {
|
49
49
|
const [inputAttrs, controlAttrs] = filterInputAttrs(attrs);
|
50
|
-
const [inputProps, _1] =
|
50
|
+
const [inputProps, _1] = VInput.filterProps(props);
|
51
51
|
const [controlProps, _2] = VSelectionControl.filterProps(props);
|
52
52
|
const label = slots.label ? slots.label({
|
53
53
|
label: props.label,
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"VRadioGroup.mjs","names":["VSelectionControl","
|
1
|
+
{"version":3,"file":"VRadioGroup.mjs","names":["VSelectionControl","makeVInputProps","VInput","makeSelectionControlGroupProps","VSelectionControlGroup","VLabel","IconValue","useProxiedModel","computed","filterInputAttrs","genericComponent","getUid","omit","useRender","VRadioGroup","name","inheritAttrs","props","height","type","Number","String","default","trueIcon","falseIcon","emits","val","setup","_ref","attrs","slots","uid","id","model","inputAttrs","controlAttrs","inputProps","_1","filterProps","controlProps","_2","label","for","value","_createVNode","_mergeProps","$event","_ref2","messagesId","isDisabled","isReadonly","_Fragment","undefined"],"sources":["../../../src/components/VRadioGroup/VRadioGroup.tsx"],"sourcesContent":["// Styles\nimport './VRadioGroup.sass'\n\n// Components\nimport { VSelectionControl } from '@/components/VSelectionControl'\nimport { makeVInputProps, VInput } from '@/components/VInput/VInput'\nimport { makeSelectionControlGroupProps, VSelectionControlGroup } from '@/components/VSelectionControlGroup/VSelectionControlGroup'\nimport { VLabel } from '@/components/VLabel'\n\n// Composables\nimport { IconValue } from '@/composables/icons'\nimport { useProxiedModel } from '@/composables/proxiedModel'\n\n// Utilities\nimport { computed } from 'vue'\nimport { filterInputAttrs, genericComponent, getUid, omit, useRender } from '@/util'\n\n// Types\nimport type { VInputSlots } from '@/components/VInput/VInput'\nimport type { VSelectionControlSlots } from '@/components/VSelectionControl/VSelectionControl'\n\nexport type VRadioGroupSlots = VInputSlots & VSelectionControlSlots\n\nexport const VRadioGroup = genericComponent<VRadioGroupSlots>()({\n name: 'VRadioGroup',\n\n inheritAttrs: false,\n\n props: {\n height: {\n type: [Number, String],\n default: 'auto',\n },\n\n ...makeVInputProps(),\n ...omit(makeSelectionControlGroupProps(), ['multiple']),\n\n trueIcon: {\n type: IconValue,\n default: '$radioOn',\n },\n falseIcon: {\n type: IconValue,\n default: '$radioOff',\n },\n type: {\n type: String,\n default: 'radio',\n },\n },\n\n emits: {\n 'update:modelValue': (val: any) => true,\n },\n\n setup (props, { attrs, slots }) {\n const uid = getUid()\n const id = computed(() => props.id || `radio-group-${uid}`)\n const model = useProxiedModel(props, 'modelValue')\n\n useRender(() => {\n const [inputAttrs, controlAttrs] = filterInputAttrs(attrs)\n const [inputProps, _1] = VInput.filterProps(props)\n const [controlProps, _2] = VSelectionControl.filterProps(props)\n const label = slots.label\n ? slots.label({\n label: props.label,\n props: { for: id.value },\n })\n : props.label\n\n return (\n <VInput\n class=\"v-radio-group\"\n { ...inputAttrs }\n { ...inputProps }\n v-model={ model.value }\n id={ id.value }\n >\n {{\n ...slots,\n default: ({\n id,\n messagesId,\n isDisabled,\n isReadonly,\n }) => (\n <>\n { label && (\n <VLabel id={ id.value }>\n { label }\n </VLabel>\n )}\n\n <VSelectionControlGroup\n { ...controlProps }\n id={ id.value }\n aria-describedby={ messagesId.value }\n defaultsTarget=\"VRadio\"\n trueIcon={ props.trueIcon }\n falseIcon={ props.falseIcon }\n type={ props.type }\n disabled={ isDisabled.value }\n readonly={ isReadonly.value }\n aria-labelledby={ label ? id.value : undefined }\n multiple={ false }\n { ...controlAttrs }\n v-model={ model.value }\n v-slots={ slots }\n />\n </>\n ),\n }}\n </VInput>\n )\n })\n\n return {}\n },\n})\n\nexport type VRadioGroup = InstanceType<typeof VRadioGroup>\n"],"mappings":"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"}
|
@@ -61,6 +61,7 @@ declare const VRadioGroup: {
|
|
61
61
|
errorMessages: string | string[];
|
62
62
|
maxErrors: string | number;
|
63
63
|
rules: ValidationRule[];
|
64
|
+
persistentHint: boolean;
|
64
65
|
falseIcon: IconValue;
|
65
66
|
trueIcon: IconValue;
|
66
67
|
valueComparator: typeof deepEqual;
|
@@ -79,6 +80,7 @@ declare const VRadioGroup: {
|
|
79
80
|
errorMessages: string | string[];
|
80
81
|
maxErrors: string | number;
|
81
82
|
rules: ValidationRule[];
|
83
|
+
persistentHint: boolean;
|
82
84
|
falseIcon: IconValue;
|
83
85
|
trueIcon: IconValue;
|
84
86
|
valueComparator: typeof deepEqual;
|
@@ -93,8 +95,10 @@ declare const VRadioGroup: {
|
|
93
95
|
appendIcon?: IconValue | undefined;
|
94
96
|
'onClick:append'?: EventProp<[MouseEvent], (args_0: MouseEvent) => any> | undefined;
|
95
97
|
'onClick:prepend'?: EventProp<[MouseEvent], (args_0: MouseEvent) => any> | undefined;
|
98
|
+
'onUpdate:focused'?: EventProp<[FocusEvent], (args_0: FocusEvent) => any> | undefined;
|
96
99
|
validateOn?: "input" | "blur" | "submit" | undefined;
|
97
100
|
validationValue?: any;
|
101
|
+
hint?: string | undefined;
|
98
102
|
hideDetails?: boolean | "auto" | undefined;
|
99
103
|
} & {
|
100
104
|
$children?: {} | vue.VNodeChild | {
|
@@ -142,7 +146,7 @@ declare const VRadioGroup: {
|
|
142
146
|
"v-slot:input"?: false | ((args_0: SelectionControlSlot) => vue.VNodeChild) | undefined;
|
143
147
|
} & {
|
144
148
|
"onUpdate:modelValue"?: ((val: any) => any) | undefined;
|
145
|
-
} & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, "type" | "inline" | "error" | "height" | "direction" | "disabled" | "readonly" | "messages" | "density" | "ripple" | "focused" | "errorMessages" | "maxErrors" | "rules" | "falseIcon" | "trueIcon" | "valueComparator">;
|
149
|
+
} & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, "type" | "inline" | "error" | "height" | "direction" | "disabled" | "readonly" | "messages" | "density" | "ripple" | "focused" | "errorMessages" | "maxErrors" | "rules" | "persistentHint" | "falseIcon" | "trueIcon" | "valueComparator">;
|
146
150
|
$attrs: {
|
147
151
|
[x: string]: unknown;
|
148
152
|
};
|
@@ -171,6 +175,7 @@ declare const VRadioGroup: {
|
|
171
175
|
errorMessages: string | string[];
|
172
176
|
maxErrors: string | number;
|
173
177
|
rules: ValidationRule[];
|
178
|
+
persistentHint: boolean;
|
174
179
|
falseIcon: IconValue;
|
175
180
|
trueIcon: IconValue;
|
176
181
|
valueComparator: typeof deepEqual;
|
@@ -185,8 +190,10 @@ declare const VRadioGroup: {
|
|
185
190
|
appendIcon?: IconValue | undefined;
|
186
191
|
'onClick:append'?: EventProp<[MouseEvent], (args_0: MouseEvent) => any> | undefined;
|
187
192
|
'onClick:prepend'?: EventProp<[MouseEvent], (args_0: MouseEvent) => any> | undefined;
|
193
|
+
'onUpdate:focused'?: EventProp<[FocusEvent], (args_0: FocusEvent) => any> | undefined;
|
188
194
|
validateOn?: "input" | "blur" | "submit" | undefined;
|
189
195
|
validationValue?: any;
|
196
|
+
hint?: string | undefined;
|
190
197
|
hideDetails?: boolean | "auto" | undefined;
|
191
198
|
} & {
|
192
199
|
$children?: {} | vue.VNodeChild | {
|
@@ -251,6 +258,7 @@ declare const VRadioGroup: {
|
|
251
258
|
errorMessages: string | string[];
|
252
259
|
maxErrors: string | number;
|
253
260
|
rules: ValidationRule[];
|
261
|
+
persistentHint: boolean;
|
254
262
|
falseIcon: IconValue;
|
255
263
|
trueIcon: IconValue;
|
256
264
|
valueComparator: typeof deepEqual;
|
@@ -289,6 +297,7 @@ declare const VRadioGroup: {
|
|
289
297
|
errorMessages: string | string[];
|
290
298
|
maxErrors: string | number;
|
291
299
|
rules: ValidationRule[];
|
300
|
+
persistentHint: boolean;
|
292
301
|
falseIcon: IconValue;
|
293
302
|
trueIcon: IconValue;
|
294
303
|
valueComparator: typeof deepEqual;
|
@@ -303,8 +312,10 @@ declare const VRadioGroup: {
|
|
303
312
|
appendIcon?: IconValue | undefined;
|
304
313
|
'onClick:append'?: EventProp<[MouseEvent], (args_0: MouseEvent) => any> | undefined;
|
305
314
|
'onClick:prepend'?: EventProp<[MouseEvent], (args_0: MouseEvent) => any> | undefined;
|
315
|
+
'onUpdate:focused'?: EventProp<[FocusEvent], (args_0: FocusEvent) => any> | undefined;
|
306
316
|
validateOn?: "input" | "blur" | "submit" | undefined;
|
307
317
|
validationValue?: any;
|
318
|
+
hint?: string | undefined;
|
308
319
|
hideDetails?: boolean | "auto" | undefined;
|
309
320
|
} & {
|
310
321
|
$children?: {} | vue.VNodeChild | {
|
@@ -371,6 +382,7 @@ declare const VRadioGroup: {
|
|
371
382
|
errorMessages: string | string[];
|
372
383
|
maxErrors: string | number;
|
373
384
|
rules: ValidationRule[];
|
385
|
+
persistentHint: boolean;
|
374
386
|
falseIcon: IconValue;
|
375
387
|
trueIcon: IconValue;
|
376
388
|
valueComparator: typeof deepEqual;
|
@@ -385,8 +397,10 @@ declare const VRadioGroup: {
|
|
385
397
|
appendIcon?: IconValue | undefined;
|
386
398
|
'onClick:append'?: EventProp<[MouseEvent], (args_0: MouseEvent) => any> | undefined;
|
387
399
|
'onClick:prepend'?: EventProp<[MouseEvent], (args_0: MouseEvent) => any> | undefined;
|
400
|
+
'onUpdate:focused'?: EventProp<[FocusEvent], (args_0: FocusEvent) => any> | undefined;
|
388
401
|
validateOn?: "input" | "blur" | "submit" | undefined;
|
389
402
|
validationValue?: any;
|
403
|
+
hint?: string | undefined;
|
390
404
|
hideDetails?: boolean | "auto" | undefined;
|
391
405
|
} & {
|
392
406
|
$children?: {} | vue.VNodeChild | {
|
@@ -451,6 +465,7 @@ declare const VRadioGroup: {
|
|
451
465
|
errorMessages: string | string[];
|
452
466
|
maxErrors: string | number;
|
453
467
|
rules: ValidationRule[];
|
468
|
+
persistentHint: boolean;
|
454
469
|
falseIcon: IconValue;
|
455
470
|
trueIcon: IconValue;
|
456
471
|
valueComparator: typeof deepEqual;
|
@@ -490,6 +505,7 @@ declare const VRadioGroup: {
|
|
490
505
|
default: typeof deepEqual;
|
491
506
|
};
|
492
507
|
focused: BooleanConstructor;
|
508
|
+
'onUpdate:focused': vue.PropType<EventProp<[FocusEvent], (args_0: FocusEvent) => any>>;
|
493
509
|
errorMessages: {
|
494
510
|
type: vue.PropType<string | string[]>;
|
495
511
|
default: () => never[];
|
@@ -508,6 +524,8 @@ declare const VRadioGroup: {
|
|
508
524
|
appendIcon: vue.PropType<IconValue>;
|
509
525
|
prependIcon: vue.PropType<IconValue>;
|
510
526
|
hideDetails: vue.PropType<boolean | "auto">;
|
527
|
+
hint: StringConstructor;
|
528
|
+
persistentHint: BooleanConstructor;
|
511
529
|
messages: {
|
512
530
|
type: vue.PropType<string | string[]>;
|
513
531
|
default: () => never[];
|
@@ -559,6 +577,7 @@ declare const VRadioGroup: {
|
|
559
577
|
default: typeof deepEqual;
|
560
578
|
};
|
561
579
|
focused: BooleanConstructor;
|
580
|
+
'onUpdate:focused': vue.PropType<EventProp<[FocusEvent], (args_0: FocusEvent) => any>>;
|
562
581
|
errorMessages: {
|
563
582
|
type: vue.PropType<string | string[]>;
|
564
583
|
default: () => never[];
|
@@ -577,6 +596,8 @@ declare const VRadioGroup: {
|
|
577
596
|
appendIcon: vue.PropType<IconValue>;
|
578
597
|
prependIcon: vue.PropType<IconValue>;
|
579
598
|
hideDetails: vue.PropType<boolean | "auto">;
|
599
|
+
hint: StringConstructor;
|
600
|
+
persistentHint: BooleanConstructor;
|
580
601
|
messages: {
|
581
602
|
type: vue.PropType<string | string[]>;
|
582
603
|
default: () => never[];
|
@@ -3,8 +3,8 @@ import { mergeProps as _mergeProps, createVNode as _createVNode, Fragment as _Fr
|
|
3
3
|
import "../VSlider/VSlider.css";
|
4
4
|
|
5
5
|
// Components
|
6
|
-
import {
|
7
|
-
import { getOffset, makeSliderProps, useSlider } from "../VSlider/slider.mjs";
|
6
|
+
import { makeVInputProps, VInput } from "../VInput/VInput.mjs";
|
7
|
+
import { getOffset, makeSliderProps, useSlider, useSteps } from "../VSlider/slider.mjs";
|
8
8
|
import { VLabel } from "../VLabel/index.mjs";
|
9
9
|
import { VSliderThumb } from "../VSlider/VSliderThumb.mjs";
|
10
10
|
import { VSliderTrack } from "../VSlider/VSliderTrack.mjs"; // Composables
|
@@ -26,11 +26,14 @@ export const VRangeSlider = genericComponent()({
|
|
26
26
|
},
|
27
27
|
emits: {
|
28
28
|
'update:focused': value => true,
|
29
|
-
'update:modelValue': value => true
|
29
|
+
'update:modelValue': value => true,
|
30
|
+
end: value => true,
|
31
|
+
start: value => true
|
30
32
|
},
|
31
33
|
setup(props, _ref) {
|
32
34
|
let {
|
33
|
-
slots
|
35
|
+
slots,
|
36
|
+
emit
|
34
37
|
} = _ref;
|
35
38
|
const startThumbRef = ref();
|
36
39
|
const stopThumbRef = ref();
|
@@ -43,6 +46,11 @@ export const VRangeSlider = genericComponent()({
|
|
43
46
|
const b = Math.abs(stopOffset);
|
44
47
|
return a < b || a === b && startOffset < 0 ? startThumbRef.value.$el : stopThumbRef.value.$el;
|
45
48
|
}
|
49
|
+
const steps = useSteps(props);
|
50
|
+
const model = useProxiedModel(props, 'modelValue', undefined, arr => {
|
51
|
+
if (!arr?.length) return [0, 0];
|
52
|
+
return arr.map(value => steps.roundValue(value));
|
53
|
+
});
|
46
54
|
const {
|
47
55
|
activeThumbRef,
|
48
56
|
hasLabels,
|
@@ -52,34 +60,37 @@ export const VRangeSlider = genericComponent()({
|
|
52
60
|
onSliderMousedown,
|
53
61
|
onSliderTouchstart,
|
54
62
|
position,
|
55
|
-
roundValue,
|
56
63
|
trackContainerRef
|
57
64
|
} = useSlider({
|
58
|
-
/* eslint-disable @typescript-eslint/no-use-before-define */
|
59
65
|
props,
|
60
|
-
|
61
|
-
|
66
|
+
steps,
|
67
|
+
onSliderStart: () => {
|
68
|
+
emit('start', model.value);
|
69
|
+
},
|
70
|
+
onSliderEnd: _ref2 => {
|
71
|
+
let {
|
72
|
+
value
|
73
|
+
} = _ref2;
|
74
|
+
const newValue = activeThumbRef.value === startThumbRef.value?.$el ? [value, model.value[1]] : [model.value[0], value];
|
75
|
+
model.value = newValue;
|
76
|
+
emit('end', newValue);
|
62
77
|
},
|
63
|
-
|
78
|
+
onSliderMove: _ref3 => {
|
79
|
+
let {
|
80
|
+
value
|
81
|
+
} = _ref3;
|
64
82
|
const [start, stop] = model.value;
|
65
83
|
if (!props.strict && start === stop && start !== min.value) {
|
66
|
-
activeThumbRef.value =
|
84
|
+
activeThumbRef.value = value > start ? stopThumbRef.value?.$el : startThumbRef.value?.$el;
|
67
85
|
activeThumbRef.value?.focus();
|
68
86
|
}
|
69
87
|
if (activeThumbRef.value === startThumbRef.value?.$el) {
|
70
|
-
model.value = [Math.min(
|
88
|
+
model.value = [Math.min(value, stop), stop];
|
71
89
|
} else {
|
72
|
-
model.value = [start, Math.max(start,
|
90
|
+
model.value = [start, Math.max(start, value)];
|
73
91
|
}
|
74
92
|
},
|
75
93
|
getActiveThumb
|
76
|
-
/* eslint-enable @typescript-eslint/no-use-before-define */
|
77
|
-
});
|
78
|
-
|
79
|
-
const model = useProxiedModel(props, 'modelValue', undefined, arr => {
|
80
|
-
// eslint-disable-next-line @typescript-eslint/prefer-optional-chain
|
81
|
-
if (!arr || !arr.length) return [0, 0];
|
82
|
-
return arr.map(value => roundValue(value));
|
83
94
|
});
|
84
95
|
const {
|
85
96
|
isFocused,
|
@@ -89,7 +100,7 @@ export const VRangeSlider = genericComponent()({
|
|
89
100
|
const trackStart = computed(() => position(model.value[0]));
|
90
101
|
const trackStop = computed(() => position(model.value[1]));
|
91
102
|
useRender(() => {
|
92
|
-
const [inputProps, _] =
|
103
|
+
const [inputProps, _] = VInput.filterProps(props);
|
93
104
|
const hasPrepend = !!(props.label || slots.label || slots.prepend);
|
94
105
|
return _createVNode(VInput, _mergeProps({
|
95
106
|
"class": ['v-slider', 'v-range-slider', {
|
@@ -107,11 +118,11 @@ export const VRangeSlider = genericComponent()({
|
|
107
118
|
"class": "v-slider__label",
|
108
119
|
"text": props.label
|
109
120
|
}, null) : undefined, slots.prepend?.(slotProps)]) : undefined,
|
110
|
-
default:
|
121
|
+
default: _ref4 => {
|
111
122
|
let {
|
112
123
|
id,
|
113
124
|
messagesId
|
114
|
-
} =
|
125
|
+
} = _ref4;
|
115
126
|
return _createVNode("div", {
|
116
127
|
"class": "v-slider__container",
|
117
128
|
"onMousedown": onSliderMousedown,
|