eco-vue-js 0.19.2 → 0.19.4
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/assets/icons/IconSpinner.js +24 -0
- package/dist/components/Button/WButton.vue_vue_type_script_setup_true_lang.js +1 -1
- package/dist/components/Button/WButtonGroup.vue_vue_type_script_setup_true_lang.js +1 -1
- package/dist/components/Button/WButtonInput.vue_vue_type_script_setup_true_lang.js +1 -1
- package/dist/components/Button/WButtonSelectionAction.vue.d.ts.map +1 -1
- package/dist/components/Button/WButtonSelectionAction.vue_vue_type_script_setup_true_lang.js +2 -2
- package/dist/components/Chart/WChartHeatmap.vue.d.ts.map +1 -1
- package/dist/components/Chart/WChartHeatmap.vue_vue_type_script_setup_true_lang.js +1 -1
- package/dist/components/Checkbox/WCheckbox.vue_vue_type_script_setup_true_lang.js +1 -1
- package/dist/components/InfiniteList/components/InfiniteListPage.vue.d.ts +2 -2
- package/dist/components/InfiniteList/components/InfiniteListPage.vue.d.ts.map +1 -1
- package/dist/components/InfiniteList/components/InfiniteListPage.vue_vue_type_script_setup_true_lang.js +16 -13
- package/dist/components/InfiniteList/components/InfiniteListPages.vue.d.ts.map +1 -1
- package/dist/components/InfiniteList/components/InfiniteListPages.vue_vue_type_script_setup_true_lang.js +39 -11
- package/dist/components/Input/WInput.vue.d.ts.map +1 -1
- package/dist/components/Input/WInput.vue_vue_type_script_setup_true_lang.js +6 -3
- package/dist/components/Input/components/InputActions.vue_vue_type_script_setup_true_lang.js +1 -1
- package/dist/components/List/components/ListFilterGlobal.vue_vue_type_script_setup_true_lang.js +2 -2
- package/dist/components/MenuItem/WMenuItem.vue_vue_type_script_setup_true_lang.js +1 -1
- package/dist/components/Modal/WModalExport.vue_vue_type_script_setup_true_lang.js +1 -1
- package/dist/components/Progress/WProgressBar.vue.d.ts +2 -2
- package/dist/components/Progress/WProgressBar.vue.d.ts.map +1 -1
- package/dist/components/Progress/WProgressBar.vue_vue_type_script_setup_true_lang.js +28 -16
- package/dist/components/Progress/WProgressStriped.vue.d.ts +1 -1
- package/dist/components/Progress/WProgressStriped.vue.d.ts.map +1 -1
- package/dist/components/Progress/WProgressStriped.vue_vue_type_script_setup_true_lang.js +18 -13
- package/dist/components/Progress/utils/progressBarClass.d.ts +4 -1
- package/dist/components/Progress/utils/progressBarClass.d.ts.map +1 -1
- package/dist/components/Progress/utils/progressBarClass.js +20 -10
- package/dist/components/Select/components/SelectOption.vue_vue_type_script_setup_true_lang.js +1 -1
- package/dist/components/Slider/WSlider.vue.d.ts.map +1 -1
- package/dist/components/Slider/WSlider.vue_vue_type_script_setup_true_lang.js +4 -4
- package/dist/components/Spinner/WSpinner.vue.d.ts.map +1 -1
- package/dist/components/Spinner/WSpinner.vue.js +8 -9
- package/dist/components/Tabs/WTabs.vue.d.ts +2 -2
- package/dist/components/Toggle/WToggle.vue_vue_type_script_setup_true_lang.js +1 -1
- package/dist/main.d.ts +2 -3
- package/dist/main.d.ts.map +1 -1
- package/dist/main.js +4 -6
- package/dist/utils/useSelected.d.ts.map +1 -1
- package/dist/utils/useSelected.js +6 -3
- package/package.json +1 -7
- package/tailwind-base/css/animations.css +5 -21
- package/tailwind-base/css/internal-variables.css +6 -5
- package/dist/components/FilterWrapper/WFilterWrapper.vue.d.ts +0 -22
- package/dist/components/FilterWrapper/WFilterWrapper.vue.d.ts.map +0 -1
- package/dist/components/FilterWrapper/WFilterWrapper.vue.js +0 -5
- package/dist/components/FilterWrapper/WFilterWrapper.vue_vue_type_script_setup_true_lang.js +0 -79
- package/dist/utils/useQueryUpdater.d.ts +0 -11
- package/dist/utils/useQueryUpdater.d.ts.map +0 -1
- package/dist/utils/useQueryUpdater.js +0 -46
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
import { createElementBlock, createElementVNode, openBlock } from "vue";
|
|
2
|
+
//#region src/assets/icons/IconSpinner.svg?component
|
|
3
|
+
var _hoisted_1 = {
|
|
4
|
+
width: "20",
|
|
5
|
+
height: "20",
|
|
6
|
+
viewBox: "0 0 24 24",
|
|
7
|
+
class: "animate-spin"
|
|
8
|
+
};
|
|
9
|
+
function render(_ctx, _cache) {
|
|
10
|
+
return openBlock(), createElementBlock("svg", _hoisted_1, [..._cache[0] || (_cache[0] = [createElementVNode("circle", {
|
|
11
|
+
class: "animate-spinner-dash",
|
|
12
|
+
cx: "12",
|
|
13
|
+
cy: "12",
|
|
14
|
+
fill: "none",
|
|
15
|
+
r: "9",
|
|
16
|
+
stroke: "currentColor",
|
|
17
|
+
"stroke-dasharray": "1, 57",
|
|
18
|
+
"stroke-linecap": "round",
|
|
19
|
+
"stroke-width": "1.5"
|
|
20
|
+
}, null, -1)])]);
|
|
21
|
+
}
|
|
22
|
+
var IconSpinner_default = { render };
|
|
23
|
+
//#endregion
|
|
24
|
+
export { IconSpinner_default as default, render };
|
|
@@ -129,7 +129,7 @@ var WButton_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineCo
|
|
|
129
129
|
}, {
|
|
130
130
|
default: withCtx(() => [__props.loading ? (openBlock(), createBlock(WSpinner_default, {
|
|
131
131
|
key: 0,
|
|
132
|
-
class: "absolute z-10
|
|
132
|
+
class: "absolute z-10 square-(--w-button-spinner-size,1.25em)"
|
|
133
133
|
})) : createCommentVNode("", true)]),
|
|
134
134
|
_: 1
|
|
135
135
|
}),
|
|
@@ -151,7 +151,7 @@ var WButtonGroup_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ def
|
|
|
151
151
|
}, {
|
|
152
152
|
default: withCtx(() => [__props.loading && getValue(item) === loadingItem.value ? (openBlock(), createBlock(WSpinner_default, {
|
|
153
153
|
key: 0,
|
|
154
|
-
class: "absolute z-10
|
|
154
|
+
class: "absolute z-10 square-(--w-button-spinner-size,1.25em)"
|
|
155
155
|
})) : createCommentVNode("", true)]),
|
|
156
156
|
_: 2
|
|
157
157
|
}, 1024)], 10, _hoisted_2);
|
|
@@ -33,7 +33,7 @@ var WButtonInput_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ def
|
|
|
33
33
|
}), {
|
|
34
34
|
default: withCtx(() => [__props.loading ? (openBlock(), createBlock(WSpinner_default, {
|
|
35
35
|
key: 0,
|
|
36
|
-
class: "
|
|
36
|
+
class: "square-[1.125em]"
|
|
37
37
|
})) : (openBlock(), createBlock(resolveDynamicComponent(__props.icon), {
|
|
38
38
|
key: 1,
|
|
39
39
|
class: "square-[1.125em]"
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"WButtonSelectionAction.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Button/WButtonSelectionAction.vue"],"names":[],"mappings":"AAwEA;AAAA,OA0HO,KAAK,EAAC,SAAS,EAAC,MAAM,eAAe,CAAA;AAO5C,KAAK,WAAW,GAAG;IACjB,sEAAsE;IACtE,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,wEAAwE;IACxE,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,0BAA0B;IAC1B,IAAI,EAAE,YAAY,CAAA;IAClB,wFAAwF;IACxF,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,2BAA2B;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,6DAA6D;IAC7D,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,0DAA0D;IAC1D,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,oBAAoB;IACpB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,sFAAsF;IACtF,EAAE,CAAC,EAAE,SAAS,CAAC,IAAI,CAAC,CAAA;IACpB,4FAA4F;IAC5F,GAAG,CAAC,EAAE,MAAM,qBAAqB,CAAA;IACjC,kCAAkC;IAClC,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,sCAAsC;IACtC,MAAM,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,SAAS,GAAG,MAAM,CAAA;IAChD,2EAA2E;IAC3E,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB,CAAC;AASF,KAAK,WAAW,GAAG;IACjB,gFAAgF;IAChF,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;CACrB,CAAC;
|
|
1
|
+
{"version":3,"file":"WButtonSelectionAction.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Button/WButtonSelectionAction.vue"],"names":[],"mappings":"AAwEA;AAAA,OA0HO,KAAK,EAAC,SAAS,EAAC,MAAM,eAAe,CAAA;AAO5C,KAAK,WAAW,GAAG;IACjB,sEAAsE;IACtE,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,wEAAwE;IACxE,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,0BAA0B;IAC1B,IAAI,EAAE,YAAY,CAAA;IAClB,wFAAwF;IACxF,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,2BAA2B;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,6DAA6D;IAC7D,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,0DAA0D;IAC1D,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,oBAAoB;IACpB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,sFAAsF;IACtF,EAAE,CAAC,EAAE,SAAS,CAAC,IAAI,CAAC,CAAA;IACpB,4FAA4F;IAC5F,GAAG,CAAC,EAAE,MAAM,qBAAqB,CAAA;IACjC,kCAAkC;IAClC,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,sCAAsC;IACtC,MAAM,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,SAAS,GAAG,MAAM,CAAA;IAChD,2EAA2E;IAC3E,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB,CAAC;AASF,KAAK,WAAW,GAAG;IACjB,gFAAgF;IAChF,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;CACrB,CAAC;AA2NF,QAAA,MAAM,UAAU;;;;kFAGd,CAAC;AACH,QAAA,MAAM,YAAY,EAAS,eAAe,CAAC,OAAO,UAAU,EAAE,WAAW,CAAC,CAAC;wBACtD,OAAO,YAAY;AAAxC,wBAAyC;AACzC,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}
|
package/dist/components/Button/WButtonSelectionAction.vue_vue_type_script_setup_true_lang.js
CHANGED
|
@@ -10,7 +10,7 @@ var _hoisted_1 = {
|
|
|
10
10
|
};
|
|
11
11
|
var _hoisted_2 = {
|
|
12
12
|
key: 0,
|
|
13
|
-
class: "
|
|
13
|
+
class: "text-description absolute inset-0 z-10 flex items-center justify-center"
|
|
14
14
|
};
|
|
15
15
|
var WButtonSelectionAction_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
|
|
16
16
|
__name: "WButtonSelectionAction",
|
|
@@ -54,7 +54,7 @@ var WButtonSelectionAction_vue_vue_type_script_setup_true_lang_default = /*@__PU
|
|
|
54
54
|
}), {
|
|
55
55
|
default: withCtx(() => [
|
|
56
56
|
createElementVNode("div", { class: normalizeClass(["h---w-input-height sm-not:px---inner-margin z-10 flex items-center gap-2 px-(--w-list-padding,1rem)", { "opacity-0": __props.loading }]) }, [(openBlock(), createBlock(resolveDynamicComponent(__props.icon), { class: "square-[1.25em]" })), __props.title ? (openBlock(), createElementBlock("div", _hoisted_1, toDisplayString(__props.title), 1)) : createCommentVNode("", true)], 2),
|
|
57
|
-
__props.loading ? (openBlock(), createElementBlock("div", _hoisted_2, [createVNode(WSpinner_default)])) : createCommentVNode("", true),
|
|
57
|
+
__props.loading ? (openBlock(), createElementBlock("div", _hoisted_2, [createVNode(WSpinner_default, { class: "square-5" })])) : createCommentVNode("", true),
|
|
58
58
|
__props.disableMessage || __props.tooltipText ? (openBlock(), createBlock(WTooltip_default, {
|
|
59
59
|
key: 1,
|
|
60
60
|
text: __props.disableMessage ?? __props.tooltipText,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"WChartHeatmap.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Chart/WChartHeatmap.vue"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"WChartHeatmap.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Chart/WChartHeatmap.vue"],"names":[],"mappings":"AA+EA;AAsMA,QAAA,MAAM,YAAY,GAAK,IAAI,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAC1D,aAAa,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,EAC9D,YAAY,mBAAmB,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC,EAC3G,gBAAgB,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC,EAClE;WA8UO,OAAO,KAAK,EAAE,WAAW,GAAG,mBAAmB;QAlUnD,yCAAyC;cACnC,IAAI,EAAE;QACZ,4CAA4C;cACtC,MAAM,UAAU,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAE,MAAM,CAAC;QAC9C,oDAAoD;cAC9C,MAAM,UAAU,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAE,MAAM,CAAC;QAC9C,kDAAkD;gBAC1C,MAAM;QACd,8GAA8G;mBACnG,OAAO;MAyToD,GAAG,CAAC,OAAO,UAAU,SAAS;QAAE,oBAAoB,EAAE,MAAM,CAAC,CAAA;KAAE,GAAG,CAAC,GAAG,EAAE,CAAC;YAC1I,CAAC,OAAO,EAAE,EAAE,KAAK,IAAI;WACtB,GAAG;;QAjPT,+EAA+E;kBACrE,CAAC,KAAK,EAAE;YAAC,CAAC,EAAE,IAAI,CAAC;YAAC,KAAK,EAAE,MAAM,CAAA;SAAC,KAAK,OAAO;;UAkPjD,EAAE;EAEL,KACQ,OAAO,KAAK,EAAE,KAAK,GAAG;IAAE,KAAK,CAAC,EAAE,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAA;CAAI,CAAC;wBACpE,OAAO,YAAY;AAAxC,wBAAyC;AACzC,KAAK,mBAAmB,CAAC,CAAC,IAAI,CAAC,CAAC,SAAS,GAAG,GAAG;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG;KAAG,CAAC,IAAI,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,CAAC,GAAG,EAAE,CAAC"}
|
|
@@ -12,7 +12,7 @@ var _hoisted_4 = {
|
|
|
12
12
|
class: "flex justify-end"
|
|
13
13
|
};
|
|
14
14
|
var _hoisted_5 = { class: "relative isolate grid justify-end" };
|
|
15
|
-
var _hoisted_6 = { class: "from-
|
|
15
|
+
var _hoisted_6 = { class: "from-(--w-chart-heatmap-bg,var(--color-default)) dark:from-(--w-chart-heatmap-bg,var(--color-default-dark)) via-(--w-chart-heatmap-bg,var(--color-default)) dark:via-(--w-chart-heatmap-bg,var(--color-default-dark)) text-2xs text-description absolute inset-y-0 left-0 z-1 flex w-5 flex-col bg-linear-to-r to-transparent pt-4" };
|
|
16
16
|
var _hoisted_7 = {
|
|
17
17
|
ref: "scrollContainer",
|
|
18
18
|
class: "flex overflow-x-auto overscroll-x-contain"
|
|
@@ -112,7 +112,7 @@ var WCheckbox_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ define
|
|
|
112
112
|
]),
|
|
113
113
|
__props.loading ? (openBlock(), createBlock(WSpinner_default, {
|
|
114
114
|
key: 0,
|
|
115
|
-
class: "
|
|
115
|
+
class: "square-[1em] text-primary dark:text-primary-dark"
|
|
116
116
|
})) : __props.icon ? (openBlock(), createBlock(resolveDynamicComponent(__props.icon), {
|
|
117
117
|
key: 1,
|
|
118
118
|
class: "square-[1em]"
|
|
@@ -17,8 +17,8 @@ declare const __VLS_export: <Model extends number | string, Data extends Default
|
|
|
17
17
|
enabled?: boolean;
|
|
18
18
|
valueGetter: (data: Data) => Model;
|
|
19
19
|
} & {
|
|
20
|
-
"onUpdate:count"?: ((value: number) => any) | undefined;
|
|
21
20
|
onRefetch?: (() => any) | undefined;
|
|
21
|
+
"onUpdate:count"?: ((value: number) => any) | undefined;
|
|
22
22
|
"onUpdate:pages-count"?: ((value: number) => any) | undefined;
|
|
23
23
|
"onUpdate:next-page"?: ((value: number | null) => any) | undefined;
|
|
24
24
|
"onUpdate:previous-page"?: ((value: number | null) => any) | undefined;
|
|
@@ -37,7 +37,7 @@ declare const __VLS_export: <Model extends number | string, Data extends Default
|
|
|
37
37
|
getFirst: () => Data | undefined;
|
|
38
38
|
getLast: () => Data | undefined;
|
|
39
39
|
refetch: () => Promise<void>;
|
|
40
|
-
scrollTo: (index?: number) => void;
|
|
40
|
+
scrollTo: (index?: number, behavior?: ScrollBehavior) => void;
|
|
41
41
|
isFetching: Ref<boolean, boolean>;
|
|
42
42
|
pageNumber: import('vue').ComputedRef<number | null>;
|
|
43
43
|
}>) => void;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"InfiniteListPage.vue.d.ts","sourceRoot":"","sources":["../../../../../src/components/InfiniteList/components/InfiniteListPage.vue"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"InfiniteListPage.vue.d.ts","sourceRoot":"","sources":["../../../../../src/components/InfiniteList/components/InfiniteListPage.vue"],"names":[],"mappings":"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"}
|
|
@@ -46,7 +46,7 @@ var InfiniteListPage_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/
|
|
|
46
46
|
const props = __props;
|
|
47
47
|
const emit = __emit;
|
|
48
48
|
const elementRef = useTemplateRef("element");
|
|
49
|
-
const
|
|
49
|
+
const itemsRef = useTemplateRef("items");
|
|
50
50
|
const isIntersecting = ref(false);
|
|
51
51
|
const scrollingElement = inject(wScrollingElement, null);
|
|
52
52
|
const { data, error, setItem, removeItem, refetch, isFetching } = props.useQueryFn(toRef(() => props.queryParams), {
|
|
@@ -137,21 +137,23 @@ var InfiniteListPage_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/
|
|
|
137
137
|
if (!data.value) return void 0;
|
|
138
138
|
return data.value.results[data.value.results.length - 1];
|
|
139
139
|
};
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
block: "center",
|
|
145
|
-
behavior: "smooth"
|
|
146
|
-
});
|
|
147
|
-
return;
|
|
148
|
-
}
|
|
149
|
-
}
|
|
150
|
-
elementRef.value?.scrollIntoView({
|
|
140
|
+
/** Item to scroll to again once the page's data replaces the skeletons, which can change the item's position. */
|
|
141
|
+
let pendingIndex;
|
|
142
|
+
const scrollToItem = (index, behavior) => {
|
|
143
|
+
((index === void 0 ? void 0 : itemsRef.value?.children[index]) ?? elementRef.value)?.scrollIntoView({
|
|
151
144
|
block: "center",
|
|
152
|
-
behavior
|
|
145
|
+
behavior
|
|
153
146
|
});
|
|
154
147
|
};
|
|
148
|
+
const scrollTo = (index, behavior = "smooth") => {
|
|
149
|
+
scrollToItem(index, behavior);
|
|
150
|
+
pendingIndex = data.value ? void 0 : index;
|
|
151
|
+
};
|
|
152
|
+
watch(data, (value) => {
|
|
153
|
+
if (!value || pendingIndex === void 0) return;
|
|
154
|
+
scrollToItem(pendingIndex, "instant");
|
|
155
|
+
pendingIndex = void 0;
|
|
156
|
+
}, { flush: "post" });
|
|
155
157
|
watch(data, (value) => {
|
|
156
158
|
if (props.firstPage && value?.previous !== void 0) emit("update:previous-page", value.previous);
|
|
157
159
|
if (props.lastPage && value?.next !== void 0) emit("update:next-page", value.next);
|
|
@@ -201,6 +203,7 @@ var InfiniteListPage_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/
|
|
|
201
203
|
return (_ctx, _cache) => {
|
|
202
204
|
return openBlock(), createElementBlock("div", _hoisted_1, [page.value && slotList.value.length !== 0 ? (openBlock(), createElementBlock("div", {
|
|
203
205
|
key: 0,
|
|
206
|
+
ref: "items",
|
|
204
207
|
class: normalizeClass([__props.pageClass, page.value !== 1 ? "pt-(--w-list-gap)" : void 0])
|
|
205
208
|
}, [(openBlock(), createBlock(resolveDynamicComponent(__props.transition ? TransitionGroup : WEmptyComponent_default), normalizeProps(guardReactiveProps(__props.transition ? {
|
|
206
209
|
"enter-active-class": "overflow-hidden opacity-0",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"InfiniteListPages.vue.d.ts","sourceRoot":"","sources":["../../../../../src/components/InfiniteList/components/InfiniteListPages.vue"],"names":[],"mappings":"AAsEA;
|
|
1
|
+
{"version":3,"file":"InfiniteListPages.vue.d.ts","sourceRoot":"","sources":["../../../../../src/components/InfiniteList/components/InfiniteListPages.vue"],"names":[],"mappings":"AAsEA;AAonBA,OAAO,KAAK,EAAC,QAAQ,EAAC,MAAM,aAAa,CAAA;AACzC,OAAO,KAAK,EAAC,mBAAmB,EAAC,MAAM,yBAAyB,CAAA;AAYhE,QAAA,MAAM,YAAY,GAAK,KAAK,SAAS,MAAM,GAAG,MAAM,EAAE,IAAI,SAAS,WAAW,EAAE,WAAW,EAC1F,aAAa,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,EAC9D,YAAY,mBAAmB,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC,EAC3G,gBAAgB,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC,EAClE;WAswBO,OAAO,KAAK,EAAE,WAAW,GAAG,mBAAmB,CAAC;oBApwBxC,eAAe,CAAC,iBAAiB,CAAC,IAAI,CAAC,EAAE,WAAW,CAAC;qBACpD,WAAW;yBACP,MAAM;qBACV,OAAO;qBACP,MAAM;uBACJ,MAAM;oBACT,OAAO;wBACH,OAAO;wBACP,CAAC,MAAM,WAAW,CAAC,EAAE;oBACzB,MAAM;oBACN,MAAM;mBACP,MAAM;0BACC,MAAM,GAAG,KAAK;uBACjB,mBAAmB,CAAC,iBAAiB,CAAC,IAAI,CAAC,CAAC;qBAE9C,CAAC,IAAI,EAAE,IAAI,KAAK,KAAK;;;;;;;;KAqvBqD,CAAC,GAAG,CAAC,OAAO,UAAU,SAAS;QAAE,oBAAoB,EAAE,MAAM,CAAC,CAAA;KAAE,GAAG,CAAC,GAAG,EAAE,CAAC;YAC5J,CAAC,OAAO,EAAE,OAAO,KAAK,EAAE,gBAAgB;;0CAldP,MAAM;;;;MAkduB,KAAK,IAAI;WACxE,GAAG;;kBA1PC,CAAC,KAAK,EAAE;YAChB,IAAI,EAAE,IAAI,CAAA;YACV,MAAM,EAAE,CAAC,OAAO,CAAC,EAAE,IAAI,GAAG,SAAS,KAAK,IAAI,CAAA;YAC5C,QAAQ,EAAE,OAAO,CAAA;YACjB,OAAO,EAAE,MAAM,IAAI,CAAA;YACnB,QAAQ,CAAC,EAAE,IAAI,CAAA;YACf,IAAI,CAAC,EAAE,IAAI,CAAA;YACX,KAAK,EAAE,OAAO,CAAA;YACd,IAAI,EAAE,OAAO,CAAA;YACb,SAAS,EAAE,OAAO,CAAA;YAClB,IAAI,EAAE,MAAM,CAAA;YACZ,KAAK,EAAE,MAAM,CAAA;YACb,KAAK,EAAE,KAAK,CAAA;YACZ,OAAO,EAAE,IAAI,EAAE,GAAG,SAAS,CAAA;YAC3B,YAAY,EAAE,OAAO,CAAA;SACtB,KAAK,IAAI;gBACF,MAAM,IAAI;;;YA3fd,aAAa,SAAS,MAAM,GAAG,SAAS,GAAG,IAAI;YAC/C,cAAc,SAAS,MAAM,GAAG,IAAI;YACpC,cAAc,SAAS,QAAQ,GAAG,IAAI;;EAuuBxC,KACQ,OAAO,KAAK,EAAE,KAAK,GAAG;IAAE,KAAK,CAAC,EAAE,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAA;CAAI,CAAC;wBACpE,OAAO,YAAY;AAAxC,wBAAyC;AACzC,KAAK,mBAAmB,CAAC,CAAC,IAAI,CAAC,CAAC,SAAS,GAAG,GAAG;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG;KAAG,CAAC,IAAI,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,CAAC,GAAG,EAAE,CAAC"}
|
|
@@ -238,13 +238,21 @@ var InfiniteListPages_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*
|
|
|
238
238
|
if (pagesCount.value >= page) pagesCount.value = page - 1;
|
|
239
239
|
emit("update:page", pages.value[pages.value.length - 1]);
|
|
240
240
|
};
|
|
241
|
+
const getPageComponent = (page) => pageComponentRef.value?.find((component) => component?.pageNumber === page);
|
|
241
242
|
const goto = async (page = 1, itemIndex) => {
|
|
242
|
-
|
|
243
|
-
|
|
244
|
-
|
|
243
|
+
if (pages.value.includes(page)) {
|
|
244
|
+
getPageComponent(page)?.scrollTo(itemIndex);
|
|
245
|
+
return;
|
|
246
|
+
}
|
|
247
|
+
if (!avgPageHeight.value || page > pagesCount.value) {
|
|
248
|
+
resetPage(page);
|
|
245
249
|
return;
|
|
246
250
|
}
|
|
247
|
-
|
|
251
|
+
scrollToOffset((page - 1) * avgPageHeight.value);
|
|
252
|
+
await new Promise((resolve) => requestAnimationFrame(() => requestAnimationFrame(resolve)));
|
|
253
|
+
jumpToPage(page);
|
|
254
|
+
await nextTick();
|
|
255
|
+
getPageComponent(page)?.scrollTo(itemIndex, "instant");
|
|
248
256
|
};
|
|
249
257
|
const scrollTop = () => {
|
|
250
258
|
const element = scrollingElement?.value ?? document.scrollingElement;
|
|
@@ -318,18 +326,38 @@ var InfiniteListPages_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*
|
|
|
318
326
|
}
|
|
319
327
|
return false;
|
|
320
328
|
};
|
|
329
|
+
const getScrollPosition = () => {
|
|
330
|
+
const scrollEl = scrollingElement?.value ?? document.scrollingElement;
|
|
331
|
+
const containerEl = infiniteScrollRef.value?.$el;
|
|
332
|
+
if (!scrollEl || !containerEl) return null;
|
|
333
|
+
const isDocumentScroll = scrollEl === document.scrollingElement || scrollEl === document.body || scrollEl === document.documentElement;
|
|
334
|
+
const scrollTop = isDocumentScroll ? window.scrollY : scrollEl.scrollTop;
|
|
335
|
+
return {
|
|
336
|
+
scrollEl,
|
|
337
|
+
isDocumentScroll,
|
|
338
|
+
scrollTop,
|
|
339
|
+
containerTop: isDocumentScroll ? containerEl.getBoundingClientRect().top + scrollTop : containerEl.offsetTop
|
|
340
|
+
};
|
|
341
|
+
};
|
|
342
|
+
/** Scrolls to `y` px from the top of the list. */
|
|
343
|
+
const scrollToOffset = (y) => {
|
|
344
|
+
const position = getScrollPosition();
|
|
345
|
+
if (!position) return;
|
|
346
|
+
const top = position.containerTop + y;
|
|
347
|
+
if (position.isDocumentScroll) window.scrollTo({
|
|
348
|
+
top,
|
|
349
|
+
behavior: "instant"
|
|
350
|
+
});
|
|
351
|
+
else position.scrollEl.scrollTop = top;
|
|
352
|
+
};
|
|
321
353
|
const checkScrollJump = debounce(() => {
|
|
322
354
|
if (isResettingPage.value) return;
|
|
323
355
|
if (topSentinelIntersecting.value || bottomSentinelIntersecting.value) return;
|
|
324
356
|
if (!avgPageHeight.value) return;
|
|
325
357
|
if (anyPageInViewport()) return;
|
|
326
|
-
const
|
|
327
|
-
|
|
328
|
-
|
|
329
|
-
const isDocumentScroll = scrollEl === document.scrollingElement || scrollEl === document.body || scrollEl === document.documentElement;
|
|
330
|
-
const scrollTop = isDocumentScroll ? window.scrollY : scrollEl.scrollTop;
|
|
331
|
-
const containerTop = isDocumentScroll ? containerEl.getBoundingClientRect().top + scrollTop : containerEl.offsetTop;
|
|
332
|
-
const y = Math.max(0, scrollTop - containerTop);
|
|
358
|
+
const position = getScrollPosition();
|
|
359
|
+
if (!position) return;
|
|
360
|
+
const y = Math.max(0, position.scrollTop - position.containerTop);
|
|
333
361
|
const target = Math.max(1, Math.min(Math.ceil(y / avgPageHeight.value) + 1, pagesCount.value));
|
|
334
362
|
if (pages.value.includes(target)) return;
|
|
335
363
|
jumpToPage(target);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"WInput.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Input/WInput.vue"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"WInput.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Input/WInput.vue"],"names":[],"mappings":"AAyXA;AAs2BA,OAAO,KAAK,EAAC,UAAU,EAAY,aAAa,EAAC,MAAM,SAAS,CAAA;AAChE,OAAO,KAAK,EAAC,WAAW,EAAC,MAAM,mCAAmC,CAAA;AAmBlE,OAAO,EAAC,KAAK,WAAW,EAAC,MAAM,gBAAgB,CAAA;AAI/C,QAAA,MAAM,YAAY,GAAK,IAAI,SAAS,SAAS,GAAG,MAAM,EACrD,aAAa,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,EAC9D,YAAY,mBAAmB,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC,EAC3G,gBAAgB,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC,EAClE;WAuhDO,OAAO,KAAK,EAAE,WAAW,GAAG,mBAAmB,CAAC;;;;;;;;;;;;;;KAAmC,CAAC,GAAG,CAAC,OAAO,UAAU,SAAS;QAAE,oBAAoB,EAAE,MAAM,CAAC,CAAA;KAAE,GAAG,CAAC,GAAG,EAAE,CAAC;YAC5J,CAAC,OAAO,EAAE,OAAO,KAAK,EAAE,gBAAgB;qBAnwC/B,IAAI;oBAOL,IAAI;+BAmES,aAAa;0BArOlB,MAAM,QAAQ,MAAM,KAAG,IAAI;wBAR/B,WAAW;;;oBAkDf,IAAI;oBAgBJ,IAAI;;MAo2CkD,KAAK,IAAI;WACxE,GAAG;;QA59CT,iCAAiC;gBACzB,MAAM,IAAI;QAClB,+CAA+C;mBACpC,MAAM,IAAI;QACrB,0FAA0F;iBACjF,CAAC,KAAK,EAAE;YAAC,UAAU,EAAE,UAAU,CAAC,IAAI,CAAC,CAAC,YAAY,CAAC,CAAA;SAAC,KAAK,IAAI;QACtE,mEAAmE;iBAC1D,CAAC,KAAK,EAAE;YAAC,UAAU,EAAE,UAAU,CAAC,IAAI,CAAC,CAAC,YAAY,CAAC,CAAC;YAAC,OAAO,EAAE,OAAO,CAAA;SAAC,KAAK,IAAI;QACxF,uIAAuI;kBAC7H,CAAC,KAAK,EAAE;YAAC,aAAa,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,CAAA;SAAC,KAAK,IAAI;QAC1E,kEAAkE;gBAC1D,MAAM,IAAI;QAClB,oGAAoG;iBAC3F,CAAC,KAAK,EAAE;YAAC,OAAO,EAAE,OAAO,CAAC;YAAC,QAAQ,EAAE,OAAO,CAAA;SAAC,KAAK,IAAI;QAC/D,qEAAqE;gBAC7D,MAAM,IAAI;QAClB,yCAAyC;gBACjC,MAAM,IAAI;QAClB,sFAAsF;iBAC7E,MAAM,IAAI;;;YAhDf,oBAAoB,SAAS,WAAW,kDAAY,GAAG,SAAS,GAAG,IAAI;YAEvE,gBAAgB,SAAS,aAAa,GAAG,IAAI;YAE7C,aAAa,SAAS,aAAa,GAAG,IAAI;YAE1C,eAAe,SAAS,aAAa,GAAG,IAAI;YAE5C,iBAAiB,SAAS,aAAa,GAAG,IAAI;YAE9C,aAAa,GAAG,IAAI;YAEpB,OAAO,SAAS,UAAU,GAAG,SAAS,GAAG,IAAI;YAE7C,MAAM,SAAS,UAAU,GAAG,IAAI;YAEhC,OAAO,SAAS,UAAU,GAAG,IAAI;YAEjC,WAAW,SAAS,UAAU,GAAG,IAAI;YAErC,cAAc,SAAS,KAAK,GAAG,IAAI;YAEnC,OAAO,GAAG,IAAI;YAEd,UAAU,cAAc,WAAW,EAAE,GAAG,IAAI;;EAq+C9C,KACQ,OAAO,KAAK,EAAE,KAAK,GAAG;IAAE,KAAK,CAAC,EAAE,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAA;CAAI,CAAC;wBACpE,OAAO,YAAY;AAAxC,wBAAyC;AACzC,KAAK,mBAAmB,CAAC,CAAC,IAAI,CAAC,CAAC,SAAS,GAAG,GAAG;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG;KAAG,CAAC,IAAI,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,CAAC,GAAG,EAAE,CAAC"}
|
|
@@ -451,7 +451,8 @@ var WInput_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineCom
|
|
|
451
451
|
} : void 0,
|
|
452
452
|
unref(isReadonly) ? {
|
|
453
453
|
name: "default",
|
|
454
|
-
fn: withCtx(() => [createElementVNode("div", { class: normalizeClass(["flex max-w-full gap-
|
|
454
|
+
fn: withCtx(() => [createElementVNode("div", { class: normalizeClass(["flex max-w-full gap-(--w-input-gap,0.25rem)", {
|
|
455
|
+
"py-(--w-input-gap,0.25rem)": !__props.textarea,
|
|
455
456
|
"flex-wrap": !__props.seamless,
|
|
456
457
|
"overflow-hidden": __props.seamless,
|
|
457
458
|
"w-full": __props.textarea
|
|
@@ -462,8 +463,10 @@ var WInput_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineCom
|
|
|
462
463
|
"text-secure": __props.textSecure && !isSecureVisible.value && __props.modelValue,
|
|
463
464
|
"w-textarea relative h-(--w-textarea-height,10rem) min-h-(--w-textarea-height,10rem) w-full overflow-auto overscroll-contain whitespace-pre bg-(--w-input-bg,inherit)": __props.textarea,
|
|
464
465
|
"resize-y": __props.resize && __props.textarea,
|
|
465
|
-
"resize-none": !__props.resize && __props.textarea
|
|
466
|
-
|
|
466
|
+
"resize-none": !__props.resize && __props.textarea,
|
|
467
|
+
"py---w-option-padding": __props.textarea,
|
|
468
|
+
"w-option w-option-padding-y": !__props.textarea
|
|
469
|
+
}, "scrollbar-width-thin group/field overflow-x-auto overscroll-x-contain"])
|
|
467
470
|
}, {
|
|
468
471
|
default: withCtx(() => [renderSlot(_ctx.$slots, "before", normalizeProps(guardReactiveProps({
|
|
469
472
|
modelValue: __props.modelValue,
|
package/dist/components/Input/components/InputActions.vue_vue_type_script_setup_true_lang.js
CHANGED
|
@@ -108,7 +108,7 @@ var InputActions_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ def
|
|
|
108
108
|
"disabled",
|
|
109
109
|
"tooltip-right"
|
|
110
110
|
])) : createCommentVNode("", true),
|
|
111
|
-
__props.loading ? (openBlock(), createElementBlock("div", _hoisted_1, [createVNode(WSpinner_default, { class: "
|
|
111
|
+
__props.loading ? (openBlock(), createElementBlock("div", _hoisted_1, [createVNode(WSpinner_default, { class: "square-[1.125em]" })])) : createCommentVNode("", true),
|
|
112
112
|
renderSlot(_ctx.$slots, "default", {
|
|
113
113
|
loading: __props.loading,
|
|
114
114
|
disabled: __props.disabled
|
package/dist/components/List/components/ListFilterGlobal.vue_vue_type_script_setup_true_lang.js
CHANGED
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import { SemanticType } from "../../../utils/SemanticType.js";
|
|
2
2
|
import WActionsBarFilter_default from "../../ActionsBar/WActionsBarFilter.vue.js";
|
|
3
3
|
import WButton_default from "../../Button/WButton.vue.js";
|
|
4
|
-
import IconFilterRemove_default from "../../../assets/icons/IconFilterRemove.js";
|
|
5
|
-
import { Modal } from "../../../utils/Modal.js";
|
|
6
4
|
import WHeaderBarSearch_default from "../../HeaderBar/WHeaderBarSearch.vue.js";
|
|
5
|
+
import { Modal } from "../../../utils/Modal.js";
|
|
6
|
+
import IconFilterRemove_default from "../../../assets/icons/IconFilterRemove.js";
|
|
7
7
|
import ListFilterGlobalItem_default from "./ListFilterGlobalItem.vue.js";
|
|
8
8
|
import ListFilterSearch_default from "./ListFilterSearch.vue.js";
|
|
9
9
|
import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, openBlock, ref, renderList, renderSlot, resolveDynamicComponent, unref, useTemplateRef, withCtx } from "vue";
|
|
@@ -58,7 +58,7 @@ var WMenuItem_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ define
|
|
|
58
58
|
"enter-from-class": "opacity-0",
|
|
59
59
|
"leave-to-class": "opacity-0"
|
|
60
60
|
}, {
|
|
61
|
-
default: withCtx(() => [__props.loading ? (openBlock(), createElementBlock("div", _hoisted_3, [createVNode(WSpinner_default, { class: "
|
|
61
|
+
default: withCtx(() => [__props.loading ? (openBlock(), createElementBlock("div", _hoisted_3, [createVNode(WSpinner_default, { class: "square-[1.25em]" })])) : createCommentVNode("", true)]),
|
|
62
62
|
_: 1
|
|
63
63
|
}),
|
|
64
64
|
__props.tooltipText ? (openBlock(), createBlock(WTooltip_default, {
|
|
@@ -158,7 +158,7 @@ var WModalExport_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ def
|
|
|
158
158
|
default: withCtx(() => [isPaginated ? (openBlock(), createElementBlock("div", _hoisted_1, [createVNode(WProgressBar_default, {
|
|
159
159
|
"model-value": progress.value,
|
|
160
160
|
"semantic-type": unref(SemanticType).PRIMARY
|
|
161
|
-
}, null, 8, ["model-value", "semantic-type"]), createElementVNode("div", _hoisted_2, toDisplayString(page.value) + " / " + toDisplayString(pagesCount.value) + " page" + toDisplayString(pagesCount.value === 1 ? "" : "s"), 1)])) : (openBlock(), createElementBlock("div", _hoisted_3, [loading.value || loadingExportValue.value ? (openBlock(), createElementBlock("div", _hoisted_4, [createVNode(WSpinner_default, { class: "
|
|
161
|
+
}, null, 8, ["model-value", "semantic-type"]), createElementVNode("div", _hoisted_2, toDisplayString(page.value) + " / " + toDisplayString(pagesCount.value) + " page" + toDisplayString(pagesCount.value === 1 ? "" : "s"), 1)])) : (openBlock(), createElementBlock("div", _hoisted_3, [loading.value || loadingExportValue.value ? (openBlock(), createElementBlock("div", _hoisted_4, [createVNode(WSpinner_default, { class: "square-[1.25em] inline" }), _cache[1] || (_cache[1] = createTextVNode(" Loading ", -1))])) : (openBlock(), createElementBlock("div", _hoisted_5, " Download is ready "))]))]),
|
|
162
162
|
_: 1
|
|
163
163
|
});
|
|
164
164
|
};
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { SemanticType } from '../../utils/SemanticType';
|
|
2
2
|
type __VLS_Props = {
|
|
3
|
-
/** Filled part, from 0 to 1, shown as a percentage. `null`
|
|
3
|
+
/** Filled part, from 0 to 1, shown as a percentage. `null` sweeps the empty bar and shows a spinner, for progress not known yet. */
|
|
4
4
|
modelValue: number | null;
|
|
5
|
-
/** Color scheme of the fill
|
|
5
|
+
/** Color scheme of the fill. */
|
|
6
6
|
semanticType?: SemanticType;
|
|
7
7
|
};
|
|
8
8
|
declare const __VLS_export: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"WProgressBar.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Progress/WProgressBar.vue"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"WProgressBar.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Progress/WProgressBar.vue"],"names":[],"mappings":"AAmDA;AAkFA,OAAO,EAAC,YAAY,EAAC,MAAM,sBAAsB,CAAA;AAKjD,KAAK,WAAW,GAAG;IACf,oIAAoI;IACpI,UAAU,EAAE,MAAM,GAAG,IAAI,CAAA;IACzB,gCAAgC;IAChC,YAAY,CAAC,EAAE,YAAY,CAAA;CAC5B,CAAC;AA6IJ,QAAA,MAAM,YAAY;kBA9IC,YAAY;6EAiJ7B,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}
|
|
@@ -1,14 +1,16 @@
|
|
|
1
1
|
import { SemanticType } from "../../utils/SemanticType.js";
|
|
2
2
|
import { percentCompactFormatter } from "../../utils/utils.js";
|
|
3
3
|
import WSpinner_default from "../Spinner/WSpinner.vue.js";
|
|
4
|
-
import {
|
|
5
|
-
import { Fragment, createElementBlock, createElementVNode,
|
|
4
|
+
import { progressBarClass, progressBarIndeterminateClass, progressBarTextClass } from "./utils/progressBarClass.js";
|
|
5
|
+
import { Fragment, computed, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, normalizeClass, normalizeStyle, openBlock, toDisplayString, unref } from "vue";
|
|
6
6
|
//#region src/components/Progress/WProgressBar.vue?vue&type=script&setup=true&lang.ts
|
|
7
|
-
var _hoisted_1 =
|
|
7
|
+
var _hoisted_1 = ["aria-valuenow", "aria-busy"];
|
|
8
8
|
var _hoisted_2 = {
|
|
9
|
-
key:
|
|
10
|
-
class: "
|
|
9
|
+
key: 0,
|
|
10
|
+
class: "animate-ticker absolute inset-0 bg-linear-to-r from-transparent via-white/30 to-transparent [--tiker-duration:1.6s]"
|
|
11
11
|
};
|
|
12
|
+
var _hoisted_3 = { class: "text-accent relative flex h-full items-center justify-center" };
|
|
13
|
+
var _hoisted_4 = { class: "text-description relative flex h-full items-center justify-center gap-2 font-medium" };
|
|
12
14
|
var WProgressBar_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
|
|
13
15
|
__name: "WProgressBar",
|
|
14
16
|
props: {
|
|
@@ -16,18 +18,28 @@ var WProgressBar_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ def
|
|
|
16
18
|
semanticType: { default: SemanticType.INFO }
|
|
17
19
|
},
|
|
18
20
|
setup(__props) {
|
|
21
|
+
const props = __props;
|
|
22
|
+
const percent = computed(() => percentCompactFormatter.format(Math.min(Math.max(props.modelValue ?? 0, 0), 1)));
|
|
19
23
|
return (_ctx, _cache) => {
|
|
20
|
-
return openBlock(), createElementBlock("div", {
|
|
21
|
-
class:
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
24
|
+
return openBlock(), createElementBlock("div", {
|
|
25
|
+
class: "relative isolate h-8 w-full overflow-hidden rounded-xl bg-gray-100 text-sm font-semibold tabular-nums select-none dark:bg-gray-800",
|
|
26
|
+
role: "progressbar",
|
|
27
|
+
"aria-valuemin": "0",
|
|
28
|
+
"aria-valuemax": "100",
|
|
29
|
+
"aria-valuenow": __props.modelValue === null ? void 0 : Math.round(__props.modelValue * 100),
|
|
30
|
+
"aria-busy": __props.modelValue === null || __props.modelValue < 1
|
|
31
|
+
}, [__props.modelValue !== null ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
|
|
32
|
+
createElementVNode("div", {
|
|
33
|
+
class: normalizeClass(["absolute inset-y-0 left-0 overflow-hidden rounded-xl transition-[width] duration-500 ease-out", unref(progressBarClass)[__props.semanticType]]),
|
|
34
|
+
style: normalizeStyle({ width: percent.value })
|
|
35
|
+
}, [__props.modelValue < 1 ? (openBlock(), createElementBlock("div", _hoisted_2)) : createCommentVNode("", true)], 6),
|
|
36
|
+
createElementVNode("div", _hoisted_3, toDisplayString(percent.value), 1),
|
|
37
|
+
createElementVNode("div", {
|
|
38
|
+
"aria-hidden": "true",
|
|
39
|
+
class: normalizeClass(["absolute inset-0 flex items-center justify-center transition-[clip-path] duration-500 ease-out", unref(progressBarTextClass)[__props.semanticType]]),
|
|
40
|
+
style: normalizeStyle({ clipPath: `inset(0 calc(100% - ${percent.value}) 0 0)` })
|
|
41
|
+
}, toDisplayString(percent.value), 7)
|
|
42
|
+
], 64)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [createElementVNode("div", { class: normalizeClass(["animate-ticker absolute inset-0 bg-linear-to-r from-transparent to-transparent [--tiker-duration:1.4s]", unref(progressBarIndeterminateClass)[__props.semanticType]]) }, null, 2), createElementVNode("div", _hoisted_4, [createVNode(WSpinner_default, { class: "square-4" }), _cache[0] || (_cache[0] = createElementVNode("span", null, "In progress", -1))])], 64))], 8, _hoisted_1);
|
|
31
43
|
};
|
|
32
44
|
}
|
|
33
45
|
});
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
type __VLS_Props = {
|
|
2
|
-
/** Filled part, from 0 to 100. At 0 a
|
|
2
|
+
/** Filled part, from 0 to 100. At 0 a band sweeps the empty track, while waiting to start; at 100 the full bar pulses. */
|
|
3
3
|
modelValue: number;
|
|
4
4
|
};
|
|
5
5
|
declare const __VLS_export: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"WProgressStriped.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Progress/WProgressStriped.vue"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"WProgressStriped.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Progress/WProgressStriped.vue"],"names":[],"mappings":"AA+BA;AAwCA,KAAK,WAAW,GAAG;IACjB,0HAA0H;IAC1H,UAAU,EAAE,MAAM,CAAA;CACnB,CAAC;AAwEF,QAAA,MAAM,YAAY,kSAEhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}
|
|
@@ -1,22 +1,27 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { createElementBlock, createElementVNode, defineComponent, normalizeClass, normalizeStyle, openBlock } from "vue";
|
|
2
2
|
//#region src/components/Progress/WProgressStriped.vue?vue&type=script&setup=true&lang.ts
|
|
3
|
+
var _hoisted_1 = ["aria-valuenow", "aria-busy"];
|
|
4
|
+
var _hoisted_2 = {
|
|
5
|
+
key: 0,
|
|
6
|
+
class: "animate-ticker via-primary/60 dark:via-primary-dark/70 absolute inset-0 bg-linear-to-r from-transparent to-transparent [--tiker-duration:1.4s]"
|
|
7
|
+
};
|
|
3
8
|
var WProgressStriped_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
|
|
4
9
|
__name: "WProgressStriped",
|
|
5
10
|
props: { modelValue: {} },
|
|
6
11
|
setup(__props) {
|
|
7
12
|
return (_ctx, _cache) => {
|
|
8
|
-
return openBlock(), createElementBlock("div", {
|
|
9
|
-
"bg-
|
|
10
|
-
|
|
11
|
-
"
|
|
12
|
-
"
|
|
13
|
-
"
|
|
14
|
-
"
|
|
15
|
-
}
|
|
16
|
-
key:
|
|
17
|
-
class: "
|
|
18
|
-
style: normalizeStyle({ width:
|
|
19
|
-
},
|
|
13
|
+
return openBlock(), createElementBlock("div", {
|
|
14
|
+
class: normalizeClass(["relative w-full overflow-hidden rounded-full bg-gray-200 select-none dark:bg-gray-800", { "cursor-progress": __props.modelValue < 100 }]),
|
|
15
|
+
role: "progressbar",
|
|
16
|
+
"aria-valuemin": "0",
|
|
17
|
+
"aria-valuemax": "100",
|
|
18
|
+
"aria-valuenow": __props.modelValue > 0 ? Math.min(__props.modelValue, 100) : void 0,
|
|
19
|
+
"aria-busy": __props.modelValue < 100
|
|
20
|
+
}, [__props.modelValue <= 0 ? (openBlock(), createElementBlock("div", _hoisted_2)) : (openBlock(), createElementBlock("div", {
|
|
21
|
+
key: 1,
|
|
22
|
+
class: "from-primary-dark to-primary relative h-full overflow-hidden rounded-full bg-linear-to-r transition-[width] duration-500 ease-out",
|
|
23
|
+
style: normalizeStyle({ width: Math.min(__props.modelValue, 100) + "%" })
|
|
24
|
+
}, [createElementVNode("div", { class: normalizeClass(["absolute inset-0", __props.modelValue < 100 ? "animate-ticker bg-linear-to-r from-transparent via-white/40 to-transparent [--tiker-duration:1.6s]" : "bg-default/30 animate-pulse"]) }, null, 2)], 4))], 10, _hoisted_1);
|
|
20
25
|
};
|
|
21
26
|
}
|
|
22
27
|
});
|
|
@@ -1,4 +1,7 @@
|
|
|
1
1
|
import { SemanticType } from '../../../utils/SemanticType';
|
|
2
2
|
export declare const progressBarClass: Record<SemanticType, string>;
|
|
3
|
-
|
|
3
|
+
/** Label color over the fill. */
|
|
4
|
+
export declare const progressBarTextClass: Record<SemanticType, string>;
|
|
5
|
+
/** The band that sweeps the track while progress is not known yet. */
|
|
6
|
+
export declare const progressBarIndeterminateClass: Record<SemanticType, string>;
|
|
4
7
|
//# sourceMappingURL=progressBarClass.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"progressBarClass.d.ts","sourceRoot":"","sources":["../../../../../src/components/Progress/utils/progressBarClass.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,YAAY,EAAC,MAAM,sBAAsB,CAAA;AAEjD,eAAO,MAAM,gBAAgB,EAAE,MAAM,CAAC,YAAY,EAAE,MAAM,CAOzD,CAAA;AAED,eAAO,MAAM,
|
|
1
|
+
{"version":3,"file":"progressBarClass.d.ts","sourceRoot":"","sources":["../../../../../src/components/Progress/utils/progressBarClass.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,YAAY,EAAC,MAAM,sBAAsB,CAAA;AAEjD,eAAO,MAAM,gBAAgB,EAAE,MAAM,CAAC,YAAY,EAAE,MAAM,CAOzD,CAAA;AAED,iCAAiC;AACjC,eAAO,MAAM,oBAAoB,EAAE,MAAM,CAAC,YAAY,EAAE,MAAM,CAO7D,CAAA;AAED,sEAAsE;AACtE,eAAO,MAAM,6BAA6B,EAAE,MAAM,CAAC,YAAY,EAAE,MAAM,CAOtE,CAAA"}
|
|
@@ -1,20 +1,30 @@
|
|
|
1
1
|
import { SemanticType } from "../../../utils/SemanticType.js";
|
|
2
2
|
//#region src/components/Progress/utils/progressBarClass.ts
|
|
3
3
|
var progressBarClass = {
|
|
4
|
-
[SemanticType.PRIMARY]: "bg-primary dark:bg-primary-dark
|
|
5
|
-
[SemanticType.SECONDARY]: "bg-gray-300 dark:bg-gray-
|
|
4
|
+
[SemanticType.PRIMARY]: "bg-primary dark:bg-primary-dark",
|
|
5
|
+
[SemanticType.SECONDARY]: "bg-gray-300 dark:bg-gray-600",
|
|
6
6
|
[SemanticType.POSITIVE]: "bg-positive dark:bg-positive-dark",
|
|
7
7
|
[SemanticType.WARNING]: "bg-warning dark:bg-warning-dark",
|
|
8
8
|
[SemanticType.NEGATIVE]: "bg-negative dark:bg-negative-dark",
|
|
9
9
|
[SemanticType.INFO]: "bg-info dark:bg-info-dark"
|
|
10
10
|
};
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
[SemanticType.
|
|
14
|
-
[SemanticType.
|
|
15
|
-
[SemanticType.
|
|
16
|
-
[SemanticType.
|
|
17
|
-
[SemanticType.
|
|
11
|
+
/** Label color over the fill. */
|
|
12
|
+
var progressBarTextClass = {
|
|
13
|
+
[SemanticType.PRIMARY]: "text-default",
|
|
14
|
+
[SemanticType.SECONDARY]: "text-accent",
|
|
15
|
+
[SemanticType.POSITIVE]: "text-default",
|
|
16
|
+
[SemanticType.WARNING]: "text-black-default dark:text-default-dark",
|
|
17
|
+
[SemanticType.NEGATIVE]: "text-default",
|
|
18
|
+
[SemanticType.INFO]: "text-default"
|
|
19
|
+
};
|
|
20
|
+
/** The band that sweeps the track while progress is not known yet. */
|
|
21
|
+
var progressBarIndeterminateClass = {
|
|
22
|
+
[SemanticType.PRIMARY]: "via-primary/40 dark:via-primary-dark/50",
|
|
23
|
+
[SemanticType.SECONDARY]: "via-gray-300 dark:via-gray-600",
|
|
24
|
+
[SemanticType.POSITIVE]: "via-positive/40 dark:via-positive-dark/50",
|
|
25
|
+
[SemanticType.WARNING]: "via-warning/50 dark:via-warning-dark/50",
|
|
26
|
+
[SemanticType.NEGATIVE]: "via-negative/40 dark:via-negative-dark/50",
|
|
27
|
+
[SemanticType.INFO]: "via-info/40 dark:via-info-dark/50"
|
|
18
28
|
};
|
|
19
29
|
//#endregion
|
|
20
|
-
export {
|
|
30
|
+
export { progressBarClass, progressBarIndeterminateClass, progressBarTextClass };
|
package/dist/components/Select/components/SelectOption.vue_vue_type_script_setup_true_lang.js
CHANGED
|
@@ -6,7 +6,7 @@ import { Transition, computed, createBlock, createCommentVNode, createElementBlo
|
|
|
6
6
|
var _hoisted_1 = ["aria-selected", "aria-disabled"];
|
|
7
7
|
var _hoisted_2 = {
|
|
8
8
|
key: 0,
|
|
9
|
-
class: "text-primary dark:text-primary-dark
|
|
9
|
+
class: "text-primary dark:text-primary-dark square-[1.25em] col-start-3 flex items-center justify-self-end"
|
|
10
10
|
};
|
|
11
11
|
var SelectOption_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
|
|
12
12
|
__name: "SelectOption",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"WSlider.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Slider/WSlider.vue"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"WSlider.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Slider/WSlider.vue"],"names":[],"mappings":"AAoDA;AAqMA,OAAO,EAAC,YAAY,EAA+B,MAAM,sBAAsB,CAAA;AAK/E,KAAK,WAAW,GAAG;IACf,yCAAyC;IACzC,UAAU,EAAE,MAAM,CAAA;IAClB,6BAA6B;IAC7B,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,8BAA8B;IAC9B,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,oDAAoD;IACpD,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,gCAAgC;IAChC,YAAY,CAAC,EAAE,YAAY,CAAA;IAC3B,+CAA+C;IAC/C,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,sBAAsB;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,+DAA+D;IAC/D,YAAY,CAAC,EAAE,MAAM,CAAA;CACtB,CAAC;AAoBJ,KAAK,WAAW,GAAG;IACjB,6DAA6D;IAC7D,KAAK,CAAC,EAAE,MAAM,IAAI,CAAA;CACnB,CAAC;AAwOF,QAAA,MAAM,UAAU;;;;;;;kBAtQG,YAAY;kBAMZ,MAAM;UARd,MAAM;SAJP,MAAM;SAEN,MAAM;6EA8Qd,CAAC;AACH,QAAA,MAAM,YAAY,EAAS,eAAe,CAAC,OAAO,UAAU,EAAE,WAAW,CAAC,CAAC;wBACtD,OAAO,YAAY;AAAxC,wBAAyC;AAWzC,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}
|