eco-vue-js 0.18.2 → 0.19.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/ActionsBar/WActionsBar.vue_vue_type_script_setup_true_lang.js +1 -1
- package/dist/components/Button/WButton.vue.d.ts +2 -2
- package/dist/components/Button/WButtonAction.vue.d.ts +7 -0
- package/dist/components/Button/WButtonAction.vue.d.ts.map +1 -1
- package/dist/components/Button/WButtonAction.vue_vue_type_script_setup_true_lang.js +8 -1
- package/dist/components/Button/WButtonGroup.vue_vue_type_script_setup_true_lang.js +2 -3
- package/dist/components/Button/types.d.ts +16 -0
- package/dist/components/Button/types.d.ts.map +1 -1
- package/dist/components/Checkbox/WCheckboxGroup.vue_vue_type_script_setup_true_lang.js +0 -2
- package/dist/components/Checkbox/WCheckboxGroupMultiple.vue_vue_type_script_setup_true_lang.js +0 -2
- package/dist/components/Dropdown/types.d.ts +7 -0
- package/dist/components/Dropdown/types.d.ts.map +1 -1
- package/dist/components/DropdownMenu/types.d.ts +2 -0
- package/dist/components/DropdownMenu/types.d.ts.map +1 -1
- package/dist/components/FieldWrapper/WFieldWrapper.vue_vue_type_script_setup_true_lang.js +0 -2
- package/dist/components/FieldWrapper/types.d.ts +24 -2
- package/dist/components/FieldWrapper/types.d.ts.map +1 -1
- package/dist/components/HeaderBar/WHeaderBar.vue.d.ts +3 -1
- package/dist/components/HeaderBar/WHeaderBar.vue.d.ts.map +1 -1
- package/dist/components/HeaderBar/WHeaderBar.vue_vue_type_script_setup_true_lang.js +10 -6
- package/dist/components/InfiniteList/WInfiniteList.vue.d.ts.map +1 -1
- package/dist/components/InfiniteList/WInfiniteListWrapper.vue.d.ts.map +1 -1
- package/dist/components/InfiniteList/WInfiniteListWrapper.vue_vue_type_script_setup_true_lang.js +7 -4
- package/dist/components/InfiniteList/components/InfiniteListHeaderHeight.vue.d.ts.map +1 -1
- package/dist/components/InfiniteList/components/InfiniteListHeaderHeight.vue_vue_type_script_setup_true_lang.js +4 -3
- 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 +19 -1
- package/dist/components/Input/WInput.vue.d.ts +0 -2
- package/dist/components/Input/WInput.vue.d.ts.map +1 -1
- package/dist/components/Input/WInput.vue_vue_type_script_setup_true_lang.js +2 -5
- package/dist/components/Input/WInputAsync.vue.d.ts.map +1 -1
- package/dist/components/Input/WInputAsync.vue_vue_type_script_setup_true_lang.js +7 -5
- package/dist/components/Input/WInputDate.vue.d.ts.map +1 -1
- package/dist/components/Input/WInputDate.vue_vue_type_script_setup_true_lang.js +1 -7
- package/dist/components/Input/WInputOptions.vue_vue_type_script_setup_true_lang.js +1 -7
- package/dist/components/Input/WInputSuggest.vue.d.ts.map +1 -1
- package/dist/components/Input/WInputSuggest.vue_vue_type_script_setup_true_lang.js +1 -7
- package/dist/components/Input/components/ContentEditable.vue.d.ts +2 -2
- package/dist/components/Input/components/ContentEditable.vue.d.ts.map +1 -1
- package/dist/components/Input/components/ContentEditable.vue_vue_type_script_setup_true_lang.js +1 -1
- package/dist/components/Input/types.d.ts +45 -1
- package/dist/components/Input/types.d.ts.map +1 -1
- package/dist/components/Link/WLink.vue.d.ts +1 -1
- package/dist/components/Link/WLink.vue.d.ts.map +1 -1
- package/dist/components/List/WList.vue.d.ts.map +1 -1
- package/dist/components/List/WList.vue_vue_type_script_setup_true_lang.js +5 -1
- package/dist/components/List/use/useListConfig.d.ts.map +1 -1
- package/dist/components/List/use/useListConfig.js +12 -6
- package/dist/components/Nav/WNavBar.vue_vue_type_script_setup_true_lang.js +2 -2
- package/dist/components/Select/WSelect.vue.d.ts +6 -0
- package/dist/components/Select/WSelect.vue.d.ts.map +1 -1
- package/dist/components/Select/WSelect.vue_vue_type_script_setup_true_lang.js +3 -9
- package/dist/components/Select/WSelectAsync.vue.d.ts +6 -0
- package/dist/components/Select/WSelectAsync.vue.d.ts.map +1 -1
- package/dist/components/Select/WSelectAsync.vue_vue_type_script_setup_true_lang.js +5 -13
- package/dist/components/Select/WSelectAsyncList.vue.d.ts +0 -2
- package/dist/components/Select/WSelectAsyncList.vue.d.ts.map +1 -1
- package/dist/components/Select/WSelectAsyncList.vue_vue_type_script_setup_true_lang.js +1 -3
- package/dist/components/Select/WSelectAsyncSingle.vue.d.ts +10 -0
- package/dist/components/Select/WSelectAsyncSingle.vue.d.ts.map +1 -1
- package/dist/components/Select/WSelectAsyncSingle.vue_vue_type_script_setup_true_lang.js +15 -15
- package/dist/components/Select/WSelectSingle.vue.d.ts +6 -0
- package/dist/components/Select/WSelectSingle.vue.d.ts.map +1 -1
- package/dist/components/Select/WSelectSingle.vue_vue_type_script_setup_true_lang.js +3 -11
- package/dist/components/Select/WSelectStringified.vue_vue_type_script_setup_true_lang.js +2 -8
- package/dist/components/Select/components/SelectAsyncList.vue.d.ts +0 -2
- package/dist/components/Select/components/SelectAsyncList.vue.d.ts.map +1 -1
- package/dist/components/Select/components/SelectAsyncList.vue_vue_type_script_setup_true_lang.js +0 -1
- package/dist/components/Select/components/SelectAsyncPrefix.vue.d.ts.map +1 -1
- package/dist/components/Select/components/SelectAsyncPrefix.vue_vue_type_script_setup_true_lang.js +3 -3
- package/dist/components/Select/components/SelectOptionPrefix.vue.d.ts.map +1 -1
- package/dist/components/Select/components/SelectOptionPrefix.vue_vue_type_script_setup_true_lang.js +1 -1
- package/dist/components/Select/types.d.ts +42 -5
- package/dist/components/Select/types.d.ts.map +1 -1
- package/dist/components/Tabs/components/TabTitleButton.vue.d.ts +3 -3
- package/dist/components/Tabs/components/TabTitleButton.vue.d.ts.map +1 -1
- package/dist/components/Toggle/WToggle.vue.d.ts +2 -1
- package/dist/components/Toggle/WToggle.vue.d.ts.map +1 -1
- package/dist/components/Toggle/WToggle.vue_vue_type_script_setup_true_lang.js +1 -2
- package/dist/components/Toggle/WToggleTheme.vue_vue_type_script_setup_true_lang.js +0 -1
- package/dist/components/Toggle/types.d.ts +15 -1
- package/dist/components/Toggle/types.d.ts.map +1 -1
- package/dist/components/Tooltip/WTooltip.vue.d.ts +12 -2
- package/dist/components/Tooltip/WTooltip.vue.d.ts.map +1 -1
- package/dist/components/Tooltip/WTooltip.vue_vue_type_script_setup_true_lang.js +0 -3
- package/dist/components/Tooltip/models/tooltipMeta.d.ts +0 -3
- package/dist/components/Tooltip/models/tooltipMeta.d.ts.map +1 -1
- package/dist/types/types.d.ts +1 -0
- package/dist/utils/mobile.js +2 -2
- package/dist/utils/utils.d.ts.map +1 -1
- package/dist/utils/utils.js +1 -1
- package/package.json +2 -1
- package/tailwind-base/base.css +1 -0
- package/tailwind-base/css/textarea.css +65 -0
- package/tailwind-base/css/theme.css +3 -3
- package/tailwind-base/plugins/internal-classes.ts +1 -1
|
@@ -42,7 +42,7 @@ var WActionsBar_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defi
|
|
|
42
42
|
});
|
|
43
43
|
return (_ctx, _cache) => {
|
|
44
44
|
return openBlock(), createElementBlock("div", {
|
|
45
|
-
class: normalizeClass(["height-full w-actions-bar sm-not:[--actions-bar-filter-width:calc(100vw-var(--w-actions-bar-width))] fixed right-
|
|
45
|
+
class: normalizeClass(["height-full w-actions-bar sm-not:[--actions-bar-filter-width:calc(100vw-var(--w-actions-bar-width))] fixed right-(--right-margin,0px) top-0 grid grid-cols-[var(--actions-bar-filter-width-current,0)_var(--w-actions-bar-width)] grid-rows-[var(--header-height)_1fr] justify-end overflow-hidden transition-[grid-template-columns] duration-300 print:hidden", { "[--actions-bar-filter-width-current:var(--actions-bar-filter-width)]": isOpen.value && hasFilter.value }]),
|
|
46
46
|
style: normalizeStyle({ zIndex: unref(40) })
|
|
47
47
|
}, [createElementVNode("div", _hoisted_1, [createElementVNode("div", _hoisted_2, [_cache[0] || (_cache[0] = createElementVNode("div", { class: "text-accent px---inner-margin h---header-height flex items-center text-xl font-semibold" }, " Filters ", -1)), (openBlock(true), createElementBlock(Fragment, null, renderList(unref(filter), (slot, index) => {
|
|
48
48
|
return openBlock(), createBlock(resolveDynamicComponent(slot), { key: index });
|
|
@@ -18,10 +18,10 @@ declare const __VLS_base: import('vue').DefineComponent<ButtonProps, {}, {}, {},
|
|
|
18
18
|
href: string;
|
|
19
19
|
to: import('vue-router').RouterLinkProps["to"];
|
|
20
20
|
tag: keyof HTMLElementTagNameMap;
|
|
21
|
-
semanticType: SemanticType;
|
|
22
|
-
disabled: boolean;
|
|
23
21
|
target: "_self" | "_blank" | "_parent" | "_top";
|
|
24
22
|
rel: string;
|
|
23
|
+
semanticType: SemanticType;
|
|
24
|
+
disabled: boolean;
|
|
25
25
|
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
26
26
|
declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
|
|
27
27
|
declare const _default: typeof __VLS_export;
|
|
@@ -5,6 +5,10 @@ interface Props extends Partial<LinkProps> {
|
|
|
5
5
|
title: string;
|
|
6
6
|
active?: boolean;
|
|
7
7
|
tag?: 'button' | 'a';
|
|
8
|
+
/** Link target when `tag` is `a`. */
|
|
9
|
+
href?: string;
|
|
10
|
+
target?: '_self' | '_blank' | '_parent' | '_top';
|
|
11
|
+
rel?: string;
|
|
8
12
|
count?: number;
|
|
9
13
|
semanticType?: SemanticType;
|
|
10
14
|
disabled?: boolean;
|
|
@@ -23,9 +27,12 @@ declare const __VLS_base: import('vue').DefineComponent<Props, {}, {}, {}, {}, i
|
|
|
23
27
|
}>, {
|
|
24
28
|
skeleton: boolean;
|
|
25
29
|
count: number;
|
|
30
|
+
href: string;
|
|
26
31
|
to: import('vue-router').RouterLinkProps["to"];
|
|
27
32
|
icon: SVGComponent;
|
|
28
33
|
tag: "button" | "a";
|
|
34
|
+
target: "_self" | "_blank" | "_parent" | "_top";
|
|
35
|
+
rel: string;
|
|
29
36
|
semanticType: SemanticType;
|
|
30
37
|
disabled: boolean;
|
|
31
38
|
tooltipText: string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"WButtonAction.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Button/WButtonAction.vue"],"names":[],"mappings":"AAuEA;AAAA,
|
|
1
|
+
{"version":3,"file":"WButtonAction.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Button/WButtonAction.vue"],"names":[],"mappings":"AAuEA;AAAA,OAgIO,KAAK,EAAC,SAAS,EAAC,MAAM,eAAe,CAAA;AAS5C,OAAO,EAAC,YAAY,EAA+B,MAAM,sBAAsB,CAAA;AAE/E,UAAU,KAAM,SAAQ,OAAO,CAAC,SAAS,CAAC;IACxC,IAAI,CAAC,EAAE,YAAY,CAAA;IACnB,KAAK,EAAE,MAAM,CAAA;IACb,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,GAAG,CAAC,EAAE,QAAQ,GAAG,GAAG,CAAA;IACpB,qCAAqC;IACrC,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,MAAM,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,SAAS,GAAG,MAAM,CAAA;IAChD,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,YAAY,CAAC,EAAE,YAAY,CAAA;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,SAAS,CAAC,EAAE,OAAO,CAAA;CACpB;AA4OD,QAAA,IAAI,QAAQ,IAAY,CAAE;AAC1B,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,IAAI,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,CAAC;AAK7C,QAAA,MAAM,UAAU;;;;;cAtPH,OAAO;WAHV,MAAM;UAHP,MAAM;;UALN,YAAY;SAGb,QAAQ,GAAG,GAAG;YAGX,OAAO,GAAG,QAAQ,GAAG,SAAS,GAAG,MAAM;SAC1C,MAAM;kBAEG,YAAY;cAChB,OAAO;iBAEJ,MAAM;6EAyPpB,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"}
|
|
@@ -14,6 +14,9 @@ var WButtonAction_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ de
|
|
|
14
14
|
title: {},
|
|
15
15
|
active: { type: Boolean },
|
|
16
16
|
tag: { default: "button" },
|
|
17
|
+
href: { default: void 0 },
|
|
18
|
+
target: { default: void 0 },
|
|
19
|
+
rel: { default: void 0 },
|
|
17
20
|
count: { default: void 0 },
|
|
18
21
|
semanticType: { default: SemanticType.SECONDARY },
|
|
19
22
|
disabled: {
|
|
@@ -33,7 +36,11 @@ var WButtonAction_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ de
|
|
|
33
36
|
const semanticTypeBackgroundMap = useSemanticTypeBackgroundMap();
|
|
34
37
|
const isBackdrop = useIsBackdrop();
|
|
35
38
|
return (_ctx, _cache) => {
|
|
36
|
-
return openBlock(), createBlock(resolveDynamicComponent(__props.to !== void 0 ? __props.disabled || __props.skeleton ? "a" : WRouterLink_default : __props.tag), mergeProps(__props.
|
|
39
|
+
return openBlock(), createBlock(resolveDynamicComponent(__props.to !== void 0 ? __props.disabled || __props.skeleton ? "a" : WRouterLink_default : __props.tag), mergeProps(__props.disabled || __props.skeleton ? void 0 : __props.to !== void 0 ? { to: __props.to } : __props.tag === "a" ? {
|
|
40
|
+
href: __props.href,
|
|
41
|
+
target: __props.target,
|
|
42
|
+
rel: __props.rel
|
|
43
|
+
} : void 0, {
|
|
37
44
|
class: ["w-ripple-trigger group grid w-full grid-cols-1 py-1", {
|
|
38
45
|
"cursor-not-allowed opacity-50": __props.disabled,
|
|
39
46
|
"cursor-progress": __props.skeleton
|
|
@@ -25,6 +25,7 @@ var WButtonGroup_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ def
|
|
|
25
25
|
loading: { type: Boolean },
|
|
26
26
|
stretch: { type: Boolean },
|
|
27
27
|
allowClear: { type: Boolean },
|
|
28
|
+
disabledItems: {},
|
|
28
29
|
title: {},
|
|
29
30
|
titleIcon: {},
|
|
30
31
|
description: {},
|
|
@@ -46,7 +47,6 @@ var WButtonGroup_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ def
|
|
|
46
47
|
default: void 0
|
|
47
48
|
},
|
|
48
49
|
required: { type: Boolean },
|
|
49
|
-
mandatory: { type: Boolean },
|
|
50
50
|
noMargin: { type: Boolean },
|
|
51
51
|
allowCopy: { type: Boolean },
|
|
52
52
|
leftError: { type: Boolean },
|
|
@@ -54,7 +54,6 @@ var WButtonGroup_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ def
|
|
|
54
54
|
filterValue: {},
|
|
55
55
|
subgrid: { type: Boolean },
|
|
56
56
|
seamless: { type: Boolean },
|
|
57
|
-
savedText: {},
|
|
58
57
|
topText: { type: Boolean },
|
|
59
58
|
allowDropFile: { type: Boolean },
|
|
60
59
|
hideTitle: { type: Boolean },
|
|
@@ -73,7 +72,7 @@ var WButtonGroup_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ def
|
|
|
73
72
|
else return item;
|
|
74
73
|
};
|
|
75
74
|
const isItemDisabled = (item) => {
|
|
76
|
-
return !!(isDisabled.value || isReadonly.value || props.loading && getValue(item) !== loadingItem.value);
|
|
75
|
+
return !!(isDisabled.value || isReadonly.value || props.loading && getValue(item) !== loadingItem.value) || (props.disabledItems?.includes(getValue(item)) ?? false);
|
|
77
76
|
};
|
|
78
77
|
const modelValueItem = computed(() => props.list.find((item) => getValue(item) === props.modelValue));
|
|
79
78
|
const emitUpdateModelValue = (value) => {
|
|
@@ -5,22 +5,37 @@ import { LinkProps } from '../../types/types';
|
|
|
5
5
|
import { SemanticType } from '../../utils/SemanticType';
|
|
6
6
|
import { Component, VNode } from 'vue';
|
|
7
7
|
export interface ButtonProps extends Partial<LinkProps> {
|
|
8
|
+
/** Color scheme. Classes per type are app-wide and can be overridden with `setSemanticTypeButtonBackgroundMap`. */
|
|
8
9
|
semanticType?: SemanticType;
|
|
10
|
+
/** Blocks clicks and dims the button. When unset, inherits the disabled or readonly state provided by a parent. */
|
|
9
11
|
disabled?: boolean;
|
|
12
|
+
/** Replaces the content with a spinner and swallows clicks, keeping the button's width. */
|
|
10
13
|
loading?: boolean;
|
|
14
|
+
/** Element to render when neither `to` nor `href` applies. */
|
|
11
15
|
tag?: keyof HTMLElementTagNameMap;
|
|
16
|
+
/** Native `type` attribute, e.g. `submit` inside a form. */
|
|
12
17
|
type?: string;
|
|
18
|
+
/** With `to`, replaces the current history entry instead of pushing a new one. */
|
|
13
19
|
replace?: boolean;
|
|
20
|
+
/** Link target when `tag` is `a`. */
|
|
14
21
|
href?: string;
|
|
15
22
|
target?: '_self' | '_blank' | '_parent' | '_top';
|
|
16
23
|
rel?: string;
|
|
24
|
+
/** Squares off inner corners and borders so adjacent buttons read as one segmented control. */
|
|
17
25
|
join?: boolean;
|
|
26
|
+
/** Shows a tooltip on hover — also the accessible hint for icon-only buttons. */
|
|
18
27
|
tooltipText?: string;
|
|
28
|
+
/** Native `download` attribute, used with `tag="a"` and `href`. */
|
|
19
29
|
download?: string;
|
|
30
|
+
/** Renders a skeleton placeholder of the button's size. When unset, inherits the skeleton state provided by a parent. */
|
|
20
31
|
skeleton?: boolean;
|
|
32
|
+
/** Focuses the button after mount and whenever it becomes enabled again. */
|
|
21
33
|
autofocus?: boolean;
|
|
34
|
+
/** Border and text only, no background fill. */
|
|
22
35
|
outline?: boolean;
|
|
36
|
+
/** Custom decorative border layer, overriding the one registered for the `semanticType`. */
|
|
23
37
|
borderComponent?: VNode;
|
|
38
|
+
/** Skips the decorative border layer. */
|
|
24
39
|
noBorderComponent?: boolean;
|
|
25
40
|
}
|
|
26
41
|
export type ButtonGroupOptionComponent<Option> = Component<SelectOptionProps<Option>>;
|
|
@@ -32,6 +47,7 @@ interface ButtonGroupPropsBase<Model extends number | string | null | boolean> e
|
|
|
32
47
|
loading?: boolean;
|
|
33
48
|
stretch?: boolean;
|
|
34
49
|
allowClear?: boolean;
|
|
50
|
+
disabledItems?: Model[];
|
|
35
51
|
}
|
|
36
52
|
interface ButtonGroupPropsForModel<Model extends number | string | null | boolean, Entity extends Record<string, unknown>, ValueGetter extends {
|
|
37
53
|
fn(value: Entity): Model;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/Button/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,iBAAiB,EAAC,MAAM,iBAAiB,CAAA;AACtD,OAAO,KAAK,EAAC,iBAAiB,EAAC,MAAM,iCAAiC,CAAA;AACtE,OAAO,KAAK,EAAC,iBAAiB,EAAC,MAAM,iCAAiC,CAAA;AACtE,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,eAAe,CAAA;AAC5C,OAAO,KAAK,EAAC,YAAY,EAAC,MAAM,sBAAsB,CAAA;AACtD,OAAO,KAAK,EAAC,SAAS,EAAE,KAAK,EAAC,MAAM,KAAK,CAAA;AAEzC,MAAM,WAAW,WAAY,SAAQ,OAAO,CAAC,SAAS,CAAC;IACrD,YAAY,CAAC,EAAE,YAAY,CAAA;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,GAAG,CAAC,EAAE,MAAM,qBAAqB,CAAA;IACjC,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,MAAM,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,SAAS,GAAG,MAAM,CAAA;IAChD,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,eAAe,CAAC,EAAE,KAAK,CAAA;IACvB,iBAAiB,CAAC,EAAE,OAAO,CAAA;CAC5B;AAED,MAAM,MAAM,0BAA0B,CAAC,MAAM,IAAI,SAAS,CAAC,iBAAiB,CAAC,MAAM,CAAC,CAAC,CAAA;AAErF,UAAU,oBAAoB,CAAC,KAAK,SAAS,MAAM,GAAG,MAAM,GAAG,IAAI,GAAG,OAAO,CAC3E,SAAQ,IAAI,CAAC,iBAAiB,EAAE,YAAY,CAAC;IAC7C,UAAU,EAAE,KAAK,CAAA;IACjB,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,GAAG,CAAC,EAAE,OAAO,CAAA;IACb,YAAY,CAAC,EAAE,YAAY,CAAA;IAC3B,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,UAAU,CAAC,EAAE,OAAO,CAAA;
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/Button/types.ts"],"names":[],"mappings":"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"}
|
|
@@ -30,7 +30,6 @@ var WCheckboxGroup_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ d
|
|
|
30
30
|
disabled: { type: Boolean },
|
|
31
31
|
readonly: { type: Boolean },
|
|
32
32
|
required: { type: Boolean },
|
|
33
|
-
mandatory: { type: Boolean },
|
|
34
33
|
noMargin: { type: Boolean },
|
|
35
34
|
allowCopy: { type: Boolean },
|
|
36
35
|
leftError: { type: Boolean },
|
|
@@ -38,7 +37,6 @@ var WCheckboxGroup_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ d
|
|
|
38
37
|
filterValue: {},
|
|
39
38
|
subgrid: { type: Boolean },
|
|
40
39
|
seamless: { type: Boolean },
|
|
41
|
-
savedText: {},
|
|
42
40
|
topText: { type: Boolean },
|
|
43
41
|
allowDropFile: { type: Boolean },
|
|
44
42
|
hideTitle: { type: Boolean },
|
package/dist/components/Checkbox/WCheckboxGroupMultiple.vue_vue_type_script_setup_true_lang.js
CHANGED
|
@@ -29,7 +29,6 @@ var WCheckboxGroupMultiple_vue_vue_type_script_setup_true_lang_default = /*@__PU
|
|
|
29
29
|
disabled: { type: Boolean },
|
|
30
30
|
readonly: { type: Boolean },
|
|
31
31
|
required: { type: Boolean },
|
|
32
|
-
mandatory: { type: Boolean },
|
|
33
32
|
noMargin: { type: Boolean },
|
|
34
33
|
allowCopy: { type: Boolean },
|
|
35
34
|
leftError: { type: Boolean },
|
|
@@ -37,7 +36,6 @@ var WCheckboxGroupMultiple_vue_vue_type_script_setup_true_lang_default = /*@__PU
|
|
|
37
36
|
filterValue: {},
|
|
38
37
|
subgrid: { type: Boolean },
|
|
39
38
|
seamless: { type: Boolean },
|
|
40
|
-
savedText: {},
|
|
41
39
|
topText: { type: Boolean },
|
|
42
40
|
allowDropFile: { type: Boolean },
|
|
43
41
|
hideTitle: { type: Boolean },
|
|
@@ -1,11 +1,18 @@
|
|
|
1
1
|
import { HorizontalAlign } from '../../utils/HorizontalAlign';
|
|
2
2
|
export interface DropdownProps {
|
|
3
|
+
/** Horizontal placement relative to the parent. When it does not fit the viewport, the next placement in order is tried. */
|
|
3
4
|
horizontalAlign: HorizontalAlign;
|
|
5
|
+
/** Prefers opening above the parent. */
|
|
4
6
|
top?: boolean;
|
|
7
|
+
/** Always opens below the parent. */
|
|
5
8
|
bottom?: boolean;
|
|
9
|
+
/** Element (or range) the dropdown is positioned against. */
|
|
6
10
|
parentElement: Pick<Element, 'getBoundingClientRect'>;
|
|
11
|
+
/** Picks the placement again as the parent moves, instead of keeping the first one. */
|
|
7
12
|
updateAlign?: boolean;
|
|
13
|
+
/** Emits `update:rect` on scroll and resize instead of following the parent. */
|
|
8
14
|
emitUpdate?: boolean;
|
|
15
|
+
/** Classes for the dropdown's content box. Defaults to `w-max`. */
|
|
9
16
|
innerClass?: string;
|
|
10
17
|
}
|
|
11
18
|
export type DropdownDefaultSlotScope = {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/Dropdown/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,eAAe,EAAC,MAAM,yBAAyB,CAAA;AAE5D,MAAM,WAAW,aAAa;IAC5B,eAAe,EAAE,eAAe,CAAA;IAChC,GAAG,CAAC,EAAE,OAAO,CAAA;IACb,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,aAAa,EAAE,IAAI,CAAC,OAAO,EAAE,uBAAuB,CAAC,CAAA;IACrD,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,UAAU,CAAC,EAAE,MAAM,CAAA;CACpB;AAED,MAAM,MAAM,wBAAwB,GAAG;IACrC,KAAK,EAAE,OAAO,CAAA;IACd,MAAM,EAAE,OAAO,CAAA;IACf,OAAO,EAAE,OAAO,CAAA;IAChB,QAAQ,EAAE,OAAO,CAAA;CAClB,CAAA"}
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/Dropdown/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,eAAe,EAAC,MAAM,yBAAyB,CAAA;AAE5D,MAAM,WAAW,aAAa;IAC5B,4HAA4H;IAC5H,eAAe,EAAE,eAAe,CAAA;IAChC,wCAAwC;IACxC,GAAG,CAAC,EAAE,OAAO,CAAA;IACb,qCAAqC;IACrC,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,6DAA6D;IAC7D,aAAa,EAAE,IAAI,CAAC,OAAO,EAAE,uBAAuB,CAAC,CAAA;IACrD,uFAAuF;IACvF,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,gFAAgF;IAChF,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,mEAAmE;IACnE,UAAU,CAAC,EAAE,MAAM,CAAA;CACpB;AAED,MAAM,MAAM,wBAAwB,GAAG;IACrC,KAAK,EAAE,OAAO,CAAA;IACd,MAAM,EAAE,OAAO,CAAA;IACf,OAAO,EAAE,OAAO,CAAA;IAChB,QAAQ,EAAE,OAAO,CAAA;CAClB,CAAA"}
|
|
@@ -1,7 +1,9 @@
|
|
|
1
1
|
import { DropdownProps } from '../Dropdown/types';
|
|
2
2
|
export interface DropdownMenuProps extends Omit<DropdownProps, 'parentElement'> {
|
|
3
3
|
isOpen: boolean;
|
|
4
|
+
/** Element the menu is positioned against. Defaults to the element rendered by the `toggle` slot. */
|
|
4
5
|
parentElement?: DropdownProps['parentElement'];
|
|
6
|
+
/** Classes for the menu's content box. */
|
|
5
7
|
dropdownClass?: string;
|
|
6
8
|
}
|
|
7
9
|
export interface DropdownAdaptiveProps extends DropdownMenuProps {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/DropdownMenu/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,mBAAmB,CAAA;AAEpD,MAAM,WAAW,iBAAkB,SAAQ,IAAI,CAAC,aAAa,EAAE,eAAe,CAAC;IAC7E,MAAM,EAAE,OAAO,CAAA;IACf,aAAa,CAAC,EAAE,aAAa,CAAC,eAAe,CAAC,CAAA;IAC9C,aAAa,CAAC,EAAE,MAAM,CAAA;CACvB;AAED,MAAM,WAAW,qBAAsB,SAAQ,iBAAiB;IAC9D,mBAAmB,CAAC,EAAE,OAAO,CAAA;CAC9B"}
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/DropdownMenu/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,mBAAmB,CAAA;AAEpD,MAAM,WAAW,iBAAkB,SAAQ,IAAI,CAAC,aAAa,EAAE,eAAe,CAAC;IAC7E,MAAM,EAAE,OAAO,CAAA;IACf,qGAAqG;IACrG,aAAa,CAAC,EAAE,aAAa,CAAC,eAAe,CAAC,CAAA;IAC9C,0CAA0C;IAC1C,aAAa,CAAC,EAAE,MAAM,CAAA;CACvB;AAED,MAAM,WAAW,qBAAsB,SAAQ,iBAAiB;IAC9D,mBAAmB,CAAC,EAAE,OAAO,CAAA;CAC9B"}
|
|
@@ -53,7 +53,6 @@ var WFieldWrapper_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ de
|
|
|
53
53
|
default: void 0
|
|
54
54
|
},
|
|
55
55
|
required: { type: Boolean },
|
|
56
|
-
mandatory: { type: Boolean },
|
|
57
56
|
noMargin: { type: Boolean },
|
|
58
57
|
allowCopy: { type: Boolean },
|
|
59
58
|
leftError: { type: Boolean },
|
|
@@ -61,7 +60,6 @@ var WFieldWrapper_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ de
|
|
|
61
60
|
filterValue: {},
|
|
62
61
|
subgrid: { type: Boolean },
|
|
63
62
|
seamless: { type: Boolean },
|
|
64
|
-
savedText: {},
|
|
65
63
|
topText: { type: Boolean },
|
|
66
64
|
allowDropFile: { type: Boolean },
|
|
67
65
|
hideTitle: { type: Boolean },
|
|
@@ -1,29 +1,51 @@
|
|
|
1
1
|
export interface FieldWrapperProps {
|
|
2
|
+
/** Field value. */
|
|
2
3
|
modelValue?: string | number | boolean | null;
|
|
4
|
+
/** Label above the field; the `title` slot replaces it. */
|
|
3
5
|
title?: string;
|
|
6
|
+
/** Icon before the title text. */
|
|
4
7
|
titleIcon?: SVGComponent;
|
|
8
|
+
/** Secondary text under the field. */
|
|
5
9
|
description?: string;
|
|
10
|
+
/** Validation message under the field, which also colors the changes marker. */
|
|
6
11
|
errorMessage?: string;
|
|
12
|
+
/** Tooltip on hover over the whole field. Not shown while readonly or loading as a skeleton. */
|
|
7
13
|
tooltipText?: string;
|
|
14
|
+
/** Shows a `length / maxLength` counter under the field while it is focused. */
|
|
8
15
|
maxLength?: number;
|
|
16
|
+
/** Monospace font for the value. */
|
|
9
17
|
mono?: boolean;
|
|
18
|
+
/** Shows a dot in the field's corner, marking an unsaved change. */
|
|
10
19
|
hasChanges?: boolean;
|
|
20
|
+
/** Renders skeleton placeholders for the title, field and description. When unset, inherits the skeleton state provided by a parent. */
|
|
11
21
|
skeleton?: boolean;
|
|
22
|
+
/** Blocks input and dims the field. When unset, inherits the disabled state provided by a parent. */
|
|
12
23
|
disabled?: boolean;
|
|
24
|
+
/** Shows the value without allowing changes. When unset, inherits the readonly state provided by a parent. */
|
|
13
25
|
readonly?: boolean;
|
|
26
|
+
/** Adds an asterisk to the title. */
|
|
14
27
|
required?: boolean;
|
|
15
|
-
|
|
28
|
+
/** Drops the default bottom margin. */
|
|
16
29
|
noMargin?: boolean;
|
|
30
|
+
/** Adds a button that copies the value. */
|
|
17
31
|
allowCopy?: boolean;
|
|
32
|
+
/** Aligns the error message to the left instead of the right. */
|
|
18
33
|
leftError?: boolean;
|
|
34
|
+
/** Route query key for a filter button next to the title — clicking it toggles `filterField=<value>` in the URL. */
|
|
19
35
|
filterField?: string;
|
|
36
|
+
/** Value the filter button puts in the query. Defaults to `modelValue`. */
|
|
20
37
|
filterValue?: unknown;
|
|
38
|
+
/** Lays the field out on the parent grid's columns, with the title in the first column, so titles and fields line up across rows. */
|
|
21
39
|
subgrid?: boolean;
|
|
40
|
+
/** Hides the title and drops the field's own chrome until it is hovered or focused, for inline editing. */
|
|
22
41
|
seamless?: boolean;
|
|
23
|
-
|
|
42
|
+
/** Moves the counter and messages above the field instead of below it. */
|
|
24
43
|
topText?: boolean;
|
|
44
|
+
/** Accepts files dropped onto the field. */
|
|
25
45
|
allowDropFile?: boolean;
|
|
46
|
+
/** Hides the title while keeping the rest of the layout. */
|
|
26
47
|
hideTitle?: boolean;
|
|
48
|
+
/** For a field placed inside another component, such as a dropdown: no title, no margin, and horizontal padding. */
|
|
27
49
|
embedded?: boolean;
|
|
28
50
|
}
|
|
29
51
|
//# sourceMappingURL=types.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/FieldWrapper/types.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,iBAAiB;IAChC,UAAU,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,IAAI,CAAA;IAC7C,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,SAAS,CAAC,EAAE,YAAY,CAAA;IACxB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/FieldWrapper/types.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,iBAAiB;IAChC,mBAAmB;IACnB,UAAU,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,IAAI,CAAA;IAC7C,2DAA2D;IAC3D,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,kCAAkC;IAClC,SAAS,CAAC,EAAE,YAAY,CAAA;IACxB,sCAAsC;IACtC,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,gFAAgF;IAChF,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,gGAAgG;IAChG,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,gFAAgF;IAChF,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,oCAAoC;IACpC,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,oEAAoE;IACpE,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,wIAAwI;IACxI,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,qGAAqG;IACrG,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,8GAA8G;IAC9G,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,qCAAqC;IACrC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,uCAAuC;IACvC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,2CAA2C;IAC3C,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,iEAAiE;IACjE,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,oHAAoH;IACpH,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,2EAA2E;IAC3E,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,qIAAqI;IACrI,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,2GAA2G;IAC3G,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,0EAA0E;IAC1E,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,4CAA4C;IAC5C,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,4DAA4D;IAC5D,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,oHAAoH;IACpH,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB"}
|
|
@@ -1,9 +1,11 @@
|
|
|
1
1
|
type __VLS_Props = {
|
|
2
2
|
title?: string;
|
|
3
3
|
};
|
|
4
|
-
declare var __VLS_1: {};
|
|
4
|
+
declare var __VLS_1: {}, __VLS_3: {};
|
|
5
5
|
type __VLS_Slots = {} & {
|
|
6
6
|
title?: (props: typeof __VLS_1) => any;
|
|
7
|
+
} & {
|
|
8
|
+
right?: (props: typeof __VLS_3) => any;
|
|
7
9
|
};
|
|
8
10
|
declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
|
|
9
11
|
"update:search": (value: string | undefined) => any;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"WHeaderBar.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/HeaderBar/WHeaderBar.vue"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"WHeaderBar.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/HeaderBar/WHeaderBar.vue"],"names":[],"mappings":"AAuDA;AAgIA,KAAK,WAAW,GAAG;IACjB,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,CAAC;AA+LF,QAAA,IAAI,OAAO,IAAU,EAAE,OAAO,IAAW,CAAE;AAC3C,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,KAAK,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,GAC1C;IAAE,KAAK,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,CAAC;AAO7C,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"}
|
|
@@ -57,12 +57,16 @@ var WHeaderBar_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defin
|
|
|
57
57
|
class: normalizeClass(["bg-default dark:bg-default-dark supports-backdrop:backdrop-blur fixed inset-x-0 top-0 h-[calc(var(--header-height)+var(--header-height-padding))] print:hidden", { "supports-backdrop:bg-default/40 supports-backdrop:dark:bg-default-dark/60": isTransparent.value }]),
|
|
58
58
|
style: normalizeStyle({ "--header-height-padding": unref(headerPadding) + "px" })
|
|
59
59
|
}, null, 6)),
|
|
60
|
-
withDirectives(createElementVNode("div", { class: normalizeClass(["pl---inner-margin xl-not:pl---header-height relative flex items-center", { "pr---inner-margin": !unref(search) }]) }, [
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
60
|
+
withDirectives(createElementVNode("div", { class: normalizeClass(["pl---inner-margin xl-not:pl---header-height relative flex items-center", { "pr---inner-margin": !unref(search) }]) }, [
|
|
61
|
+
createElementVNode("h1", _hoisted_1, [renderSlot(_ctx.$slots, "title", {}, () => [createTextVNode(toDisplayString(__props.title), 1)])]),
|
|
62
|
+
renderSlot(_ctx.$slots, "right"),
|
|
63
|
+
unref(search) ? (openBlock(), createElementBlock("button", {
|
|
64
|
+
key: 0,
|
|
65
|
+
class: "w-ripple-trigger sm:pr---inner-margin h-full select-none",
|
|
66
|
+
"aria-label": "Open search",
|
|
67
|
+
onClick: _cache[0] || (_cache[0] = ($event) => unref(updateVisible)(true))
|
|
68
|
+
}, [createElementVNode("div", _hoisted_2, [createVNode(unref(IconSearch_default), { class: "square-[1.25em] text-accent" })])])) : createCommentVNode("", true)
|
|
69
|
+
], 2), [[vShow, !unref(visible)]]),
|
|
66
70
|
unref(search) ? withDirectives((openBlock(), createElementBlock("div", _hoisted_3, [(openBlock(true), createElementBlock(Fragment, null, renderList(unref(search), (slot, index) => {
|
|
67
71
|
return openBlock(), createBlock(resolveDynamicComponent(slot), { key: index });
|
|
68
72
|
}), 128))], 512)), [[vShow, unref(visible)]]) : createCommentVNode("", true)
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"WInfiniteList.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/InfiniteList/WInfiniteList.vue"],"names":[],"mappings":"AAyEA;AAgKA,OAAO,KAAK,EAAC,uBAAuB,EAAC,MAAM,SAAS,CAAA;AACpD,OAAO,KAAK,EAAC,QAAQ,EAAC,MAAM,aAAa,CAAA;AACzC,OAAO,KAAK,EAAC,mBAAmB,EAAC,MAAM,yBAAyB,CAAA;AAWhE,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;WAsQO,OAAO,KAAK,EAAE,WAAW,GAAG,mBAAmB,CAAC;oBApQxC,eAAe,CAAC,iBAAiB,CAAC,IAAI,CAAC,EAAE,WAAW,CAAC;qBACpD,WAAW;yBACP,MAAM;qBACV,OAAO;0BACF,OAAO;oBACb,OAAO;wBACH,OAAO;yBACN,OAAO;oBACZ,OAAO;wBACH,CAAC,MAAM,WAAW,CAAC,EAAE;oBACzB,MAAM;oBACN,MAAM;mBACP,MAAM;0BACC,MAAM,GAAG,KAAK;uBACjB,mBAAmB,CAAC,iBAAiB,CAAC,IAAI,CAAC,CAAC;qBAE9C,MAAM;gBACX,MAAM;sBAEA,CAAC,IAAI,EAAE,IAAI,KAAK,KAAK;;;;;;;;KAiPoD,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,IAAsB,KAAK,IAAI;WACxE,GAAG;;kBAnNC,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,EAAE,IAAI,GAAG,SAAS,CAAA;YAC1B,IAAI,EAAE,IAAI,GAAG,SAAS,CAAA;YACtB,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,QAAQ,EAAE,MAAM,CAAA;YAChB,KAAK,EAAE,KAAK,CAAA;YACZ,OAAO,EAAE,IAAI,EAAE,GAAG,SAAS,CAAA;YAC3B,YAAY,EAAE,OAAO,CAAA;SACtB,KAAK,IAAI;iBACD,CAAC,KAAK,EAAE,uBAAuB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;
|
|
1
|
+
{"version":3,"file":"WInfiniteList.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/InfiniteList/WInfiniteList.vue"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"WInfiniteListWrapper.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/InfiniteList/WInfiniteListWrapper.vue"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"WInfiniteListWrapper.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/InfiniteList/WInfiniteListWrapper.vue"],"names":[],"mappings":"AA+CA;AAqHA,OAAO,KAAK,EAAC,uBAAuB,EAAC,MAAM,SAAS,CAAA;AAEpD,OAAO,EAAC,KAAK,KAAK,EAA0D,MAAM,KAAK,CAAA;AAavF,KAAK,WAAW,GAAG;IACjB,kBAAkB,CAAC,EAAE,OAAO,CAAA;IAC5B,cAAc,CAAC,EAAE,OAAO,CAAA;CACzB,CAAC;AA4CF,KAAK,WAAW,GAAG;IACjB,MAAM,EAAE,CAAC,KAAK,EAAE,uBAAuB,KAAK,KAAK,EAAE,CAAA;IACnD,OAAO,EAAE,CAAC,KAAK,EAAE,uBAAuB,KAAK,KAAK,EAAE,CAAA;CACrD,CAAC;AAkHF,QAAA,MAAM,UAAU,kSAEd,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/InfiniteList/WInfiniteListWrapper.vue_vue_type_script_setup_true_lang.js
CHANGED
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import { getIsClientSide } from "../../utils/utils.js";
|
|
2
2
|
import { useHeader } from "../HeaderBar/use/useHeader.js";
|
|
3
3
|
import { wIsModal } from "../Modal/models/injection.js";
|
|
4
|
+
import { wScrollingElement } from "./models/injection.js";
|
|
4
5
|
import InfiniteListHeaderHeight_default from "./components/InfiniteListHeaderHeight.vue.js";
|
|
5
6
|
import InfiniteListHeaderPadding_default from "./components/InfiniteListHeaderPadding.vue.js";
|
|
6
7
|
import { Fragment, createElementBlock, createElementVNode, createSlots, createVNode, defineComponent, guardReactiveProps, inject, normalizeClass, normalizeProps, normalizeStyle, onBeforeUnmount, onMounted, openBlock, ref, renderSlot, unref, useTemplateRef, withCtx } from "vue";
|
|
@@ -19,6 +20,7 @@ var WInfiniteListWrapper_vue_vue_type_script_setup_true_lang_default = /*@__PURE
|
|
|
19
20
|
setup(__props) {
|
|
20
21
|
const props = __props;
|
|
21
22
|
const isModal = inject(wIsModal, false);
|
|
23
|
+
const isContained = isModal || inject(wScrollingElement, null) !== null;
|
|
22
24
|
const isIntersecting = ref(props.initIsIntersecting ?? null);
|
|
23
25
|
const indicatorRef = useTemplateRef("indicator");
|
|
24
26
|
const observerCb = (entries) => {
|
|
@@ -46,15 +48,16 @@ var WInfiniteListWrapper_vue_vue_type_script_setup_true_lang_default = /*@__PURE
|
|
|
46
48
|
return openBlock(), createElementBlock(Fragment, null, [createElementVNode("div", _hoisted_1, null, 512), createVNode(InfiniteListHeaderHeight_default, {
|
|
47
49
|
"is-intersecting": isIntersecting.value,
|
|
48
50
|
class: normalizeClass(["sticky print:hidden", {
|
|
49
|
-
"top---header-height": !unref(
|
|
50
|
-
"
|
|
51
|
-
"top---modal-header-height": unref(isModal)
|
|
51
|
+
"top---header-height": !unref(isContained),
|
|
52
|
+
"top-0 not-empty:pt-3": unref(isContained) && !unref(isModal),
|
|
53
|
+
"top---modal-header-height": unref(isModal),
|
|
54
|
+
"bg-default dark:bg-default-dark": __props.noHeaderUpdate || unref(isContained)
|
|
52
55
|
}]),
|
|
53
56
|
style: normalizeStyle({ zIndex: isIntersecting.value ? unref(2) : unref(20) })
|
|
54
57
|
}, createSlots({
|
|
55
58
|
default: withCtx((scope) => [renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(scope)))]),
|
|
56
59
|
_: 2
|
|
57
|
-
}, [unref(
|
|
60
|
+
}, [unref(isContained) || __props.noHeaderUpdate ? {
|
|
58
61
|
name: "header",
|
|
59
62
|
fn: withCtx((scope) => [renderSlot(_ctx.$slots, "header", normalizeProps(guardReactiveProps(scope)))]),
|
|
60
63
|
key: "0"
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"InfiniteListHeaderHeight.vue.d.ts","sourceRoot":"","sources":["../../../../../src/components/InfiniteList/components/InfiniteListHeaderHeight.vue"],"names":[],"mappings":"AAaA;
|
|
1
|
+
{"version":3,"file":"InfiniteListHeaderHeight.vue.d.ts","sourceRoot":"","sources":["../../../../../src/components/InfiniteList/components/InfiniteListHeaderHeight.vue"],"names":[],"mappings":"AAaA;AAuFA,OAAO,KAAK,EAAC,uBAAuB,EAAC,MAAM,UAAU,CAAA;AAErD,OAAO,EAAC,KAAK,KAAK,EAAiE,MAAM,KAAK,CAAA;AAQ9F,KAAK,WAAW,GAAG;IACjB,cAAc,EAAE,OAAO,GAAG,IAAI,CAAA;CAC/B,CAAC;AAsDF,KAAK,WAAW,GAAG;IACjB,MAAM,EAAE,CAAC,KAAK,EAAE,uBAAuB,KAAK,KAAK,EAAE,CAAA;IACnD,OAAO,EAAE,CAAC,KAAK,EAAE,uBAAuB,KAAK,KAAK,EAAE,CAAA;CACrD,CAAC;AAoCF,QAAA,MAAM,UAAU,kSAEd,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"}
|
|
@@ -14,16 +14,17 @@ var InfiniteListHeaderHeight_vue_vue_type_script_setup_true_lang_default = /*@__
|
|
|
14
14
|
const { headerHeight: headerHeightLayout } = useHeader();
|
|
15
15
|
const modalHeaderHeight = inject(wModalHeaderHeight, void 0);
|
|
16
16
|
const scrollingElement = inject(wScrollingElement, null);
|
|
17
|
+
const getTopOffset = () => modalHeaderHeight?.value ?? (scrollingElement ? 0 : headerHeightLayout.value);
|
|
17
18
|
const updateHeaderTop = () => {
|
|
18
19
|
if (!headerRef.value) return;
|
|
19
20
|
const rect = headerRef.value.getBoundingClientRect();
|
|
20
|
-
headerTop.value = rect.top + (scrollingElement?.value?.scrollTop ?? document.scrollingElement?.scrollTop ?? 0) - (
|
|
21
|
+
headerTop.value = rect.top + (scrollingElement?.value?.scrollTop ?? document.scrollingElement?.scrollTop ?? 0) - getTopOffset();
|
|
21
22
|
};
|
|
22
23
|
const updateHeader = () => {
|
|
23
24
|
if (!headerRef.value) return;
|
|
24
25
|
const rect = headerRef.value.getBoundingClientRect();
|
|
25
26
|
headerHeight.value = rect.height;
|
|
26
|
-
headerTop.value = rect.top + (scrollingElement?.value?.scrollTop ?? document.scrollingElement?.scrollTop ?? 0) - (
|
|
27
|
+
headerTop.value = rect.top + (scrollingElement?.value?.scrollTop ?? document.scrollingElement?.scrollTop ?? 0) - getTopOffset();
|
|
27
28
|
};
|
|
28
29
|
let observer = null;
|
|
29
30
|
onMounted(() => {
|
|
@@ -40,7 +41,7 @@ var InfiniteListHeaderHeight_vue_vue_type_script_setup_true_lang_default = /*@__
|
|
|
40
41
|
observer?.disconnect();
|
|
41
42
|
observer = null;
|
|
42
43
|
});
|
|
43
|
-
watch(
|
|
44
|
+
watch(getTopOffset, updateHeaderTop);
|
|
44
45
|
return (_ctx, _cache) => {
|
|
45
46
|
return openBlock(), createElementBlock(Fragment, null, [createElementVNode("div", mergeProps({ ref: "header" }, _ctx.$attrs), [renderSlot(_ctx.$slots, "header", normalizeProps(guardReactiveProps({
|
|
46
47
|
headerTop: headerTop.value,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"InfiniteListPages.vue.d.ts","sourceRoot":"","sources":["../../../../../src/components/InfiniteList/components/InfiniteListPages.vue"],"names":[],"mappings":"AAwEA;
|
|
1
|
+
{"version":3,"file":"InfiniteListPages.vue.d.ts","sourceRoot":"","sources":["../../../../../src/components/InfiniteList/components/InfiniteListPages.vue"],"names":[],"mappings":"AAwEA;AAolBA,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;WAyuBO,OAAO,KAAK,EAAE,WAAW,GAAG,mBAAmB,CAAC;oBAvuBxC,eAAe,CAAC,iBAAiB,CAAC,IAAI,CAAC,EAAE,WAAW,CAAC;qBACpD,WAAW;yBACP,MAAM;qBACV,OAAO;qBACP,MAAM;oBACP,MAAM;uBACH,MAAM;oBACT,OAAO;wBACH,OAAO;oBACX,OAAO;wBACH,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;;;;;;;;KAstBqD,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;;0CApbP,MAAM;;;;MAobuB,KAAK,IAAI;WACxE,GAAG;;kBA/PC,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;;EAusBxC,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"}
|
|
@@ -7,6 +7,7 @@ import { Fragment, computed, createBlock, createElementBlock, createElementVNode
|
|
|
7
7
|
//#region src/components/InfiniteList/components/InfiniteListPages.vue?vue&type=script&setup=true&lang.ts
|
|
8
8
|
var _hoisted_1 = { ref: "topSentinel" };
|
|
9
9
|
var _hoisted_2 = { ref: "bottomSentinel" };
|
|
10
|
+
var SENTINEL_MARGIN = 200;
|
|
10
11
|
var InfiniteListPages_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
|
|
11
12
|
__name: "InfiniteListPages",
|
|
12
13
|
props: {
|
|
@@ -199,7 +200,7 @@ var InfiniteListPages_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*
|
|
|
199
200
|
onMounted(() => {
|
|
200
201
|
intersectionObserver = new IntersectionObserver(handleIntersection, {
|
|
201
202
|
root: scrollingElement?.value ?? null,
|
|
202
|
-
rootMargin:
|
|
203
|
+
rootMargin: `${SENTINEL_MARGIN}px 0px`
|
|
203
204
|
});
|
|
204
205
|
if (topSentinelRef.value) intersectionObserver.observe(topSentinelRef.value);
|
|
205
206
|
if (bottomSentinelRef.value) intersectionObserver.observe(bottomSentinelRef.value);
|
|
@@ -211,6 +212,23 @@ var InfiniteListPages_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*
|
|
|
211
212
|
watch(nextPage, (value, oldValue) => {
|
|
212
213
|
if (oldValue === null && value !== null && bottomSentinelIntersecting.value) addNextPage();
|
|
213
214
|
});
|
|
215
|
+
const isInViewport = (element) => {
|
|
216
|
+
if (element.getClientRects().length === 0) return false;
|
|
217
|
+
const rect = element.getBoundingClientRect();
|
|
218
|
+
const viewport = scrollingElement?.value?.getBoundingClientRect() ?? {
|
|
219
|
+
top: 0,
|
|
220
|
+
bottom: window.innerHeight
|
|
221
|
+
};
|
|
222
|
+
return rect.bottom >= viewport.top - SENTINEL_MARGIN && rect.top <= viewport.bottom + SENTINEL_MARGIN;
|
|
223
|
+
};
|
|
224
|
+
watch(pages, () => {
|
|
225
|
+
if (!intersectionObserver || pages.value.length >= props.maxPages) return;
|
|
226
|
+
if (bottomSentinelRef.value && isInViewport(bottomSentinelRef.value)) addNextPage();
|
|
227
|
+
else if (topSentinelRef.value && isInViewport(topSentinelRef.value)) addPreviousPage();
|
|
228
|
+
}, {
|
|
229
|
+
deep: true,
|
|
230
|
+
flush: "post"
|
|
231
|
+
});
|
|
214
232
|
watch(previousPage, (value, oldValue) => {
|
|
215
233
|
if (oldValue === null && value !== null && topSentinelIntersecting.value) addPreviousPage();
|
|
216
234
|
});
|
|
@@ -15,7 +15,6 @@ declare const __VLS_export: <Type extends InputType = "text">(__VLS_props: NonNu
|
|
|
15
15
|
"onKeypress:up"?: ((value: KeyboardEvent) => any) | undefined;
|
|
16
16
|
"onKeypress:down"?: ((value: KeyboardEvent) => any) | undefined;
|
|
17
17
|
"onKeypress:delete"?: ((value: KeyboardEvent) => any) | undefined;
|
|
18
|
-
"onKeypress:backspace"?: ((value: KeyboardEvent) => any) | undefined;
|
|
19
18
|
"onSelect:input"?: ((value: Event) => any) | undefined;
|
|
20
19
|
}> & (typeof globalThis extends {
|
|
21
20
|
__VLS_PROPS_FALLBACK: infer P;
|
|
@@ -76,7 +75,6 @@ declare const __VLS_export: <Type extends InputType = "text">(__VLS_props: NonNu
|
|
|
76
75
|
(e: "keypress:up", value: KeyboardEvent): void;
|
|
77
76
|
(e: "keypress:down", value: KeyboardEvent): void;
|
|
78
77
|
(e: "keypress:delete", value: KeyboardEvent): void;
|
|
79
|
-
(e: "keypress:backspace", value: KeyboardEvent): void;
|
|
80
78
|
(e: "click:clear"): void;
|
|
81
79
|
(e: "focus", value: FocusEvent | undefined): void;
|
|
82
80
|
(e: "blur", value: FocusEvent): void;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"WInput.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Input/WInput.vue"],"names":[],"mappings":"AAmXA;
|
|
1
|
+
{"version":3,"file":"WInput.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Input/WInput.vue"],"names":[],"mappings":"AAmXA;AAu0BA,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;WAigDO,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;qBAvwC/B,IAAI;oBAOL,IAAI;+BAmES,aAAa;0BArOlB,MAAM,QAAQ,MAAM,KAAG,IAAI;wBAR/B,WAAW;;;oBAkDf,IAAI;oBAgBJ,IAAI;;MAw2CkD,KAAK,IAAI;WACxE,GAAG;;gBAvBC,CAAC,KAAK,IAAiB,KAAK,GAAG;;mBAC5B,CAAC,KAAK,IAAiB,KAAK,GAAG;;iBACjC,CAAC,KAAK,IAAiB,KAAK,GAAG;;iBAC/B,CAAC,KAAK;;SAAiB,KAAK,GAAG;;kBAC9B,CAAC,KAAK;mCA3qCU,aAAa;SA2qCN,KAAK,GAAG;;iBAChC,CAAC,KAAK;;SAAiB,KAAK,GAAG;;iBAC/B,CAAC,KAAK;;;SAAiB,KAAK,GAAG;;gBAChC,CAAC,KAAK,IAAiB,KAAK,GAAG;;iBAC9B,CAAC,KAAK;;;SAAkB,KAAK,GAAG;;gBACjC,CAAC,KAAK,IAAkB,KAAK,GAAG;;gBAChC,CAAC,KAAK,IAAkB,KAAK,GAAG;;iBAC/B,CAAC,KAAK,IAAkB,KAAK,GAAG;;;YAv9CvC,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;YAChC,OAAO,SAAS,UAAU,GAAG,IAAI;YACjC,WAAW,SAAS,UAAU,GAAG,IAAI;YAErC,cAAc,SAAS,KAAK,GAAG,IAAI;YAEnC,OAAO,GAAG,IAAI;YAEd,UAAU,cAAc,WAAW,EAAE,GAAG,IAAI;;EAi9C9C,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"}
|
|
@@ -98,7 +98,6 @@ var WInput_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineCom
|
|
|
98
98
|
default: void 0
|
|
99
99
|
},
|
|
100
100
|
required: { type: Boolean },
|
|
101
|
-
mandatory: { type: Boolean },
|
|
102
101
|
noMargin: { type: Boolean },
|
|
103
102
|
allowCopy: { type: Boolean },
|
|
104
103
|
leftError: { type: Boolean },
|
|
@@ -106,7 +105,6 @@ var WInput_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineCom
|
|
|
106
105
|
filterValue: {},
|
|
107
106
|
subgrid: { type: Boolean },
|
|
108
107
|
seamless: { type: Boolean },
|
|
109
|
-
savedText: {},
|
|
110
108
|
topText: { type: Boolean },
|
|
111
109
|
allowDropFile: { type: Boolean },
|
|
112
110
|
hideTitle: { type: Boolean },
|
|
@@ -118,7 +116,6 @@ var WInput_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineCom
|
|
|
118
116
|
"keypress:up",
|
|
119
117
|
"keypress:down",
|
|
120
118
|
"keypress:delete",
|
|
121
|
-
"keypress:backspace",
|
|
122
119
|
"click:clear",
|
|
123
120
|
"focus",
|
|
124
121
|
"blur",
|
|
@@ -330,7 +327,7 @@ var WInput_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineCom
|
|
|
330
327
|
await checkPermissionPaste();
|
|
331
328
|
await navigator.clipboard.readText().then((value) => {
|
|
332
329
|
if (!value) Notify.warn({ title: "Nothing to paste" });
|
|
333
|
-
else if (!props.maxLength ||
|
|
330
|
+
else if (!props.maxLength || value.length <= props.maxLength) {
|
|
334
331
|
updateModelValue(value, true);
|
|
335
332
|
Notify.success({ title: "Pasted" });
|
|
336
333
|
nextTick().then(() => emit("paste"));
|
|
@@ -463,7 +460,7 @@ var WInput_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineCom
|
|
|
463
460
|
class: normalizeClass([{
|
|
464
461
|
"font-mono": __props.mono,
|
|
465
462
|
"text-secure": __props.textSecure && !isSecureVisible.value && __props.modelValue,
|
|
466
|
-
"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,
|
|
463
|
+
"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,
|
|
467
464
|
"resize-y": __props.resize && __props.textarea,
|
|
468
465
|
"resize-none": !__props.resize && __props.textarea
|
|
469
466
|
}, "scrollbar-width-thin group/field py---w-option-padding overflow-x-auto overscroll-x-contain"])
|