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.
Files changed (51) hide show
  1. package/dist/assets/icons/IconSpinner.js +24 -0
  2. package/dist/components/Button/WButton.vue_vue_type_script_setup_true_lang.js +1 -1
  3. package/dist/components/Button/WButtonGroup.vue_vue_type_script_setup_true_lang.js +1 -1
  4. package/dist/components/Button/WButtonInput.vue_vue_type_script_setup_true_lang.js +1 -1
  5. package/dist/components/Button/WButtonSelectionAction.vue.d.ts.map +1 -1
  6. package/dist/components/Button/WButtonSelectionAction.vue_vue_type_script_setup_true_lang.js +2 -2
  7. package/dist/components/Chart/WChartHeatmap.vue.d.ts.map +1 -1
  8. package/dist/components/Chart/WChartHeatmap.vue_vue_type_script_setup_true_lang.js +1 -1
  9. package/dist/components/Checkbox/WCheckbox.vue_vue_type_script_setup_true_lang.js +1 -1
  10. package/dist/components/InfiniteList/components/InfiniteListPage.vue.d.ts +2 -2
  11. package/dist/components/InfiniteList/components/InfiniteListPage.vue.d.ts.map +1 -1
  12. package/dist/components/InfiniteList/components/InfiniteListPage.vue_vue_type_script_setup_true_lang.js +16 -13
  13. package/dist/components/InfiniteList/components/InfiniteListPages.vue.d.ts.map +1 -1
  14. package/dist/components/InfiniteList/components/InfiniteListPages.vue_vue_type_script_setup_true_lang.js +39 -11
  15. package/dist/components/Input/WInput.vue.d.ts.map +1 -1
  16. package/dist/components/Input/WInput.vue_vue_type_script_setup_true_lang.js +6 -3
  17. package/dist/components/Input/components/InputActions.vue_vue_type_script_setup_true_lang.js +1 -1
  18. package/dist/components/List/components/ListFilterGlobal.vue_vue_type_script_setup_true_lang.js +2 -2
  19. package/dist/components/MenuItem/WMenuItem.vue_vue_type_script_setup_true_lang.js +1 -1
  20. package/dist/components/Modal/WModalExport.vue_vue_type_script_setup_true_lang.js +1 -1
  21. package/dist/components/Progress/WProgressBar.vue.d.ts +2 -2
  22. package/dist/components/Progress/WProgressBar.vue.d.ts.map +1 -1
  23. package/dist/components/Progress/WProgressBar.vue_vue_type_script_setup_true_lang.js +28 -16
  24. package/dist/components/Progress/WProgressStriped.vue.d.ts +1 -1
  25. package/dist/components/Progress/WProgressStriped.vue.d.ts.map +1 -1
  26. package/dist/components/Progress/WProgressStriped.vue_vue_type_script_setup_true_lang.js +18 -13
  27. package/dist/components/Progress/utils/progressBarClass.d.ts +4 -1
  28. package/dist/components/Progress/utils/progressBarClass.d.ts.map +1 -1
  29. package/dist/components/Progress/utils/progressBarClass.js +20 -10
  30. package/dist/components/Select/components/SelectOption.vue_vue_type_script_setup_true_lang.js +1 -1
  31. package/dist/components/Slider/WSlider.vue.d.ts.map +1 -1
  32. package/dist/components/Slider/WSlider.vue_vue_type_script_setup_true_lang.js +4 -4
  33. package/dist/components/Spinner/WSpinner.vue.d.ts.map +1 -1
  34. package/dist/components/Spinner/WSpinner.vue.js +8 -9
  35. package/dist/components/Tabs/WTabs.vue.d.ts +2 -2
  36. package/dist/components/Toggle/WToggle.vue_vue_type_script_setup_true_lang.js +1 -1
  37. package/dist/main.d.ts +2 -3
  38. package/dist/main.d.ts.map +1 -1
  39. package/dist/main.js +4 -6
  40. package/dist/utils/useSelected.d.ts.map +1 -1
  41. package/dist/utils/useSelected.js +6 -3
  42. package/package.json +1 -7
  43. package/tailwind-base/css/animations.css +5 -21
  44. package/tailwind-base/css/internal-variables.css +6 -5
  45. package/dist/components/FilterWrapper/WFilterWrapper.vue.d.ts +0 -22
  46. package/dist/components/FilterWrapper/WFilterWrapper.vue.d.ts.map +0 -1
  47. package/dist/components/FilterWrapper/WFilterWrapper.vue.js +0 -5
  48. package/dist/components/FilterWrapper/WFilterWrapper.vue_vue_type_script_setup_true_lang.js +0 -79
  49. package/dist/utils/useQueryUpdater.d.ts +0 -11
  50. package/dist/utils/useQueryUpdater.d.ts.map +0 -1
  51. 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 w-spinner-size-(--w-button-spinner-size,1.25em)"
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 w-spinner-size-(--w-button-spinner-size,1.25em)"
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: "w-spinner-size-[1.125em]"
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;AAyNF,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"}
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"}
@@ -10,7 +10,7 @@ var _hoisted_1 = {
10
10
  };
11
11
  var _hoisted_2 = {
12
12
  key: 0,
13
- class: "w-spinner-size-5 text-description absolute inset-0 z-10 flex items-center justify-center"
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":"AAyEA;AAgMA,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;WAsSO,OAAO,KAAK,EAAE,WAAW,GAAG,mBAAmB;QA1RnD,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;MAiRoD,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;;QAzMT,+EAA+E;kBACrE,CAAC,KAAK,EAAE;YAAC,CAAC,EAAE,IAAI,CAAC;YAAC,KAAK,EAAE,MAAM,CAAA;SAAC,KAAK,OAAO;;UA0MjD,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"}
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-default text-2xs text-description dark:from-default-dark via-default dark:via-default-dark absolute inset-y-0 left-0 z-1 flex w-5 flex-col bg-linear-to-r to-transparent pt-4" };
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: "w-spinner-size-[1em] text-primary dark:text-primary-dark"
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":"AA8DA;AA8UA,OAAO,KAAK,EAAC,mBAAmB,EAAC,MAAM,yBAAyB,CAAA;AAEhE,OAAO,EAAC,KAAK,GAAG,EAA4G,MAAM,KAAK,CAAA;AAIvI,OAAO,EAAC,QAAQ,EAAC,MAAM,aAAa,CAAA;AAIpC,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;WAsZO,OAAO,KAAK,EAAE,WAAW,GAAG,mBAAmB,CAAC;qBApZvC,WAAW;oBACZ,eAAe,CAAC,iBAAiB,CAAC,IAAI,CAAC,EAAE,WAAW,CAAC;wBACjD,MAAM;mBACX,OAAO;kBACR,OAAO;qBACJ,OAAO;oBACR,OAAO;oBACP,MAAM;oBACN,MAAM;0BACA,MAAM,GAAG,KAAK;uBACjB,mBAAmB,CAAC,iBAAiB,CAAC,IAAI,CAAC,CAAC;kBACjD,OAAO;qBAEJ,CAAC,IAAI,EAAE,IAAI,KAAK,KAAK;;;;;;;;;;;;;;KAuYqD,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;0BA7K/B,WAAW,GAAG,IAAI;;;;2BAnEV,MAAM;;;MAgPuC,KAAK,IAAI;WACxE,GAAG;;kBAnKC,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,IAAI,EAAE,MAAM,CAAA;YACZ,KAAK,EAAE,MAAM,CAAA;YACb,OAAO,EAAE,IAAI,EAAE,GAAG,SAAS,CAAA;YAC3B,YAAY,EAAE,OAAO,CAAA;SACtB,KAAK,IAAI;gBACF,MAAM,IAAI;;;YAnOd,cAAc,SAAS,MAAM,GAAG,IAAI;YACpC,oBAAoB,SAAS,MAAM,GAAG,IAAI;YAC1C,kBAAkB,SAAS,MAAM,GAAG,IAAI,GAAG,IAAI;YAC/C,sBAAsB,SAAS,MAAM,GAAG,IAAI,GAAG,IAAI;YACnD,aAAa,SAAS,MAAM,GAAG,IAAI;YACnC,SAAS,GAAG,IAAI;YAChB,iBAAiB,UAAU,KAAK,EAAE,GAAG,IAAI;YACzC,SAAS,GAAG,IAAI;YAChB,cAAc,SAAS,QAAQ,GAAG,IAAI;;EAoXxC,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"}
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 resultElement = ref([]);
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
- const scrollTo = (index) => {
141
- if (index) {
142
- if (index !== -1 && resultElement.value[index]) {
143
- resultElement.value[index].scrollIntoView({
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: "smooth"
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;AA+kBA,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;WAiuBO,OAAO,KAAK,EAAE,WAAW,GAAG,mBAAmB,CAAC;oBA/tBxC,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;;;;;;;;KAgtBqD,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;;0CA/aP,MAAM;;;;MA+auB,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;;;YAtdd,aAAa,SAAS,MAAM,GAAG,SAAS,GAAG,IAAI;YAC/C,cAAc,SAAS,MAAM,GAAG,IAAI;YACpC,cAAc,SAAS,QAAQ,GAAG,IAAI;;EAksBxC,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"}
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
- const index = pages.value.indexOf(page);
243
- if (index !== -1) {
244
- pageComponentRef.value?.[index]?.scrollTo(itemIndex);
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
- resetPage(page);
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 scrollEl = scrollingElement?.value ?? document.scrollingElement;
327
- const containerEl = infiniteScrollRef.value?.$el;
328
- if (!scrollEl || !containerEl) return;
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":"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"}
1
+ {"version":3,"file":"WInput.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Input/WInput.vue"],"names":[],"mappings":"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"}
@@ -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-1", {
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
- }, "scrollbar-width-thin group/field py---w-option-padding overflow-x-auto overscroll-x-contain"])
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,
@@ -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: "w-spinner-size-[1.125em]" })])) : createCommentVNode("", true),
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
@@ -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: "w-spinner-size-[1.25em]" })])) : createCommentVNode("", true)]),
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: "w-spinner-size-[1.25em] inline" }), _cache[1] || (_cache[1] = createTextVNode(" Loading ", -1))])) : (openBlock(), createElementBlock("div", _hoisted_5, " Download is ready "))]))]),
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` shows the whole bar striped with a spinner, for progress not known yet. */
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 and the border. */
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":"AA8BA;AAsDA,OAAO,EAAC,YAAY,EAAC,MAAM,sBAAsB,CAAA;AAKjD,KAAK,WAAW,GAAG;IACf,sIAAsI;IACtI,UAAU,EAAE,MAAM,GAAG,IAAI,CAAA;IACzB,+CAA+C;IAC/C,YAAY,CAAC,EAAE,YAAY,CAAA;CAC5B,CAAC;AA4HJ,QAAA,MAAM,YAAY;kBA7HC,YAAY;6EAgI7B,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}
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 { progressBarBorderClass, progressBarClass } from "./utils/progressBarClass.js";
5
- import { Fragment, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, normalizeClass, normalizeStyle, openBlock, toDisplayString, unref } from "vue";
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 = { class: "text-accent relative left-0 top-0 z-20 flex size-full items-center justify-center text-lg font-semibold" };
7
+ var _hoisted_1 = ["aria-valuenow", "aria-busy"];
8
8
  var _hoisted_2 = {
9
- key: 1,
10
- class: "text-accent w-progress-striped before:animate-move-horizontal relative flex h-full items-center justify-center gap-2"
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", { class: normalizeClass(["bg-primary-light dark:bg-primary-darkest relative isolate h-8 w-full overflow-hidden rounded-2xl border border-solid", unref(progressBarBorderClass)[__props.semanticType]]) }, [__props.modelValue !== null ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [createElementVNode("div", {
21
- class: normalizeClass(["absolute z-10 h-full overflow-hidden transition-[width] [--tiker-duration:1s]", {
22
- [unref(progressBarClass)[__props.semanticType]]: true,
23
- "w-progress-striped before:animate-move-horizontal": __props.modelValue !== 1
24
- }]),
25
- style: normalizeStyle({ width: __props.modelValue * 100 + "%" })
26
- }, null, 6), createElementVNode("div", _hoisted_1, toDisplayString(unref(percentCompactFormatter).format(__props.modelValue)), 1)], 64)) : (openBlock(), createElementBlock("div", _hoisted_2, [
27
- _cache[0] || (_cache[0] = createElementVNode("span", null, "In progress", -1)),
28
- _cache[1] || (_cache[1] = createTextVNode()),
29
- createVNode(WSpinner_default, { class: "w-spinner-size-6" })
30
- ]))], 2);
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 shimmer runs over the empty track, while waiting to start; at 100 the full bar pulses. */
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":"AAqBA;AA6BA,KAAK,WAAW,GAAG;IACjB,gIAAgI;IAChI,UAAU,EAAE,MAAM,CAAA;CACnB,CAAC;AAkEF,QAAA,MAAM,YAAY,kSAEhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}
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 { createCommentVNode, createElementBlock, defineComponent, normalizeClass, normalizeStyle, openBlock } from "vue";
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", { class: normalizeClass(["relative w-full select-none overflow-clip rounded-full", {
9
- "bg-primary dark:bg-primary-dark": __props.modelValue > 0,
10
- "bg-gray-200 dark:bg-gray-800": __props.modelValue <= 0,
11
- "w-progress-striped before:animate-move-horizontal cursor-progress": __props.modelValue > 0 && __props.modelValue < 100,
12
- "before:absolute before:inset-0": __props.modelValue >= 100 || __props.modelValue <= 0,
13
- "before:animate-ticker before:via-default/50 before:bg-linear-to-r before:from-transparent before:to-transparent": __props.modelValue <= 0,
14
- "before:bg-default/50 before:animate-pulse": __props.modelValue >= 100
15
- }]) }, [__props.modelValue < 100 && __props.modelValue > 0 ? (openBlock(), createElementBlock("div", {
16
- key: 0,
17
- class: "absolute right-0 h-full bg-gray-200 transition-[width] dark:bg-gray-800",
18
- style: normalizeStyle({ width: 100 - __props.modelValue + "%" })
19
- }, null, 4)) : createCommentVNode("", true)], 2);
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
- export declare const progressBarBorderClass: Record<SemanticType, string>;
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,sBAAsB,EAAE,MAAM,CAAC,YAAY,EAAE,MAAM,CAO/D,CAAA"}
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 text-default dark:text-default-dark",
5
- [SemanticType.SECONDARY]: "bg-gray-300 dark:bg-gray-700",
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
- var progressBarBorderClass = {
12
- [SemanticType.PRIMARY]: "border-primary dark:border-primary-dark",
13
- [SemanticType.SECONDARY]: "border-gray-300 dark:border-gray-700",
14
- [SemanticType.POSITIVE]: "border-positive dark:border-positive-dark",
15
- [SemanticType.WARNING]: "border-warning dark:border-warning-dark",
16
- [SemanticType.NEGATIVE]: "border-negative dark:border-negative-dark",
17
- [SemanticType.INFO]: "border-info dark:border-info-dark"
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 { progressBarBorderClass, progressBarClass };
30
+ export { progressBarClass, progressBarIndeterminateClass, progressBarTextClass };
@@ -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 w-spinner-size-[1.25em] col-start-3 flex items-center justify-self-end"
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":"AAmDA;AAoMA,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;AAqOF,QAAA,MAAM,UAAU;;;;;;;kBAnQG,YAAY;kBAMZ,MAAM;UARd,MAAM;SAJP,MAAM;SAEN,MAAM;6EA2Qd,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"}
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"}