@quidgest/ui 0.26.0 → 0.27.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +24 -0
- package/dist/json/api.json +487 -155
- package/dist/manifest/components.json +3 -0
- package/dist/ui.css +1017 -142
- package/dist/ui.esm.js +988 -939
- package/dist/ui.js +1229 -1183
- package/dist/ui.min.css +1 -1
- package/dist/ui.min.js +1229 -1183
- package/dist/ui.scss +1267 -158
- package/esm/components/QAccordion/QAccordion.d.ts.map +1 -1
- package/esm/components/QAccordion/QAccordion.vue.js +19 -18
- package/esm/components/QAccordion/QAccordionItem.vue.js +4 -4
- package/esm/components/QBadge/QBadge.d.ts.map +1 -1
- package/esm/components/QBadge/QBadge.vue.js +58 -55
- package/esm/components/QBadgeIndicator/QBadgeIndicator.d.ts.map +1 -1
- package/esm/components/QBadgeIndicator/QBadgeIndicator.vue.js +17 -16
- package/esm/components/QBreadcrumbs/QBreadcrumb.d.ts +81 -0
- package/esm/components/QBreadcrumbs/QBreadcrumb.d.ts.map +1 -0
- package/esm/components/QBreadcrumbs/QBreadcrumb.vue.js +85 -0
- package/esm/components/QBreadcrumbs/QBreadcrumb2.vue.js +5 -0
- package/esm/components/QBreadcrumbs/QBreadcrumbs.d.ts +22 -0
- package/esm/components/QBreadcrumbs/QBreadcrumbs.d.ts.map +1 -0
- package/esm/components/QBreadcrumbs/QBreadcrumbs.vue.js +74 -0
- package/esm/components/QBreadcrumbs/QBreadcrumbs2.vue.js +5 -0
- package/esm/components/QBreadcrumbs/constants.d.ts +20 -0
- package/esm/components/QBreadcrumbs/constants.d.ts.map +1 -0
- package/esm/components/QBreadcrumbs/constants.js +10 -0
- package/esm/components/QBreadcrumbs/context.d.ts +103 -0
- package/esm/components/QBreadcrumbs/context.d.ts.map +1 -0
- package/esm/components/QBreadcrumbs/context.js +4 -0
- package/esm/components/QBreadcrumbs/index.d.ts +108 -0
- package/esm/components/QBreadcrumbs/index.d.ts.map +1 -0
- package/esm/components/QBreadcrumbs/index.js +7 -0
- package/esm/components/QBreadcrumbs/types.d.ts +100 -0
- package/esm/components/QBreadcrumbs/types.d.ts.map +1 -0
- package/esm/components/QButton/QButton.d.ts.map +1 -1
- package/esm/components/QButton/QButton.vue.js +55 -52
- package/esm/components/QButtonGroup/QButtonGroup.d.ts.map +1 -1
- package/esm/components/QButtonGroup/QButtonGroup.vue.js +16 -15
- package/esm/components/QCard/QCard.d.ts.map +1 -1
- package/esm/components/QCard/QCard.vue.js +51 -52
- package/esm/components/QCarousel/QCarousel.d.ts.map +1 -1
- package/esm/components/QCarousel/QCarousel.vue.js +119 -115
- package/esm/components/QCheckbox/QCheckbox.d.ts.map +1 -1
- package/esm/components/QCheckbox/QCheckbox.vue.js +10 -14
- package/esm/components/QCollapsible/QCollapsible.d.ts.map +1 -1
- package/esm/components/QCollapsible/QCollapsible.vue.js +52 -51
- package/esm/components/QColorPicker/QColorPicker.d.ts.map +1 -1
- package/esm/components/QColorPicker/QColorPicker.vue.js +48 -47
- package/esm/components/QCombobox/QCombobox.d.ts +6 -4
- package/esm/components/QCombobox/QCombobox.d.ts.map +1 -1
- package/esm/components/QCombobox/QCombobox.vue.js +119 -116
- package/esm/components/QCombobox/index.d.ts +3 -2
- package/esm/components/QCombobox/index.d.ts.map +1 -1
- package/esm/components/QDateTimePicker/QDateTimePicker.d.ts.map +1 -1
- package/esm/components/QDateTimePicker/QDateTimePicker.vue.js +468 -429
- package/esm/components/QDateTimePicker/constants.d.ts +5 -0
- package/esm/components/QDateTimePicker/constants.d.ts.map +1 -1
- package/esm/components/QDateTimePicker/constants.js +5 -0
- package/esm/components/QDialog/QDialog.d.ts +2 -1
- package/esm/components/QDialog/QDialog.d.ts.map +1 -1
- package/esm/components/QDialog/QDialog.vue.js +84 -65
- package/esm/components/QDialog/constants.d.ts +6 -1
- package/esm/components/QDialog/constants.d.ts.map +1 -1
- package/esm/components/QDialog/constants.js +6 -2
- package/esm/components/QDialog/index.d.ts +6 -0
- package/esm/components/QDialog/index.d.ts.map +1 -1
- package/esm/components/QDialog/types.d.ts +13 -1
- package/esm/components/QDialog/types.d.ts.map +1 -1
- package/esm/components/QDivider/QDivider.d.ts.map +1 -1
- package/esm/components/QDivider/QDivider.vue.js +22 -21
- package/esm/components/QDropdownMenu/QDropdownMenuContent.d.ts +8 -6
- package/esm/components/QDropdownMenu/QDropdownMenuContent.d.ts.map +1 -1
- package/esm/components/QDropdownMenu/QDropdownMenuContent.vue.js +126 -125
- package/esm/components/QField/QField.d.ts.map +1 -1
- package/esm/components/QField/QField.vue.js +36 -34
- package/esm/components/QFileUpload/QFileUpload.vue.js +16 -16
- package/esm/components/QGauge/QGauge.d.ts +1 -1
- package/esm/components/QGauge/QGauge.d.ts.map +1 -1
- package/esm/components/QGauge/QGauge.vue.js +9 -9
- package/esm/components/QIcon/QIcon.d.ts.map +1 -1
- package/esm/components/QIcon/QIcon.vue.js +20 -19
- package/esm/components/QIcon/QIconFont.d.ts.map +1 -1
- package/esm/components/QIcon/QIconFont.vue.js +13 -12
- package/esm/components/QIcon/QIconImg.d.ts.map +1 -1
- package/esm/components/QIcon/QIconImg.vue.js +12 -11
- package/esm/components/QIcon/QIconSvg.d.ts.map +1 -1
- package/esm/components/QIcon/QIconSvg.vue.js +19 -18
- package/esm/components/QIcon/QSvgSymbol.d.ts +54 -0
- package/esm/components/QIcon/QSvgSymbol.d.ts.map +1 -0
- package/esm/components/QIcon/QSvgSymbol.vue.js +88 -0
- package/esm/components/QIcon/QSvgSymbol2.vue.js +5 -0
- package/esm/components/QInputGroup/QInputGroup.d.ts.map +1 -1
- package/esm/components/QInputGroup/QInputGroup.vue.js +30 -29
- package/esm/components/QLabel/QLabel.d.ts.map +1 -1
- package/esm/components/QLabel/QLabel.vue.js +20 -19
- package/esm/components/QLineLoader/QLineLoader.d.ts.map +1 -1
- package/esm/components/QLineLoader/QLineLoader.vue.js +14 -13
- package/esm/components/QList/QList.d.ts +4 -4
- package/esm/components/QList/QList.d.ts.map +1 -1
- package/esm/components/QList/QList.vue.js +135 -135
- package/esm/components/QList/QListItem.d.ts.map +1 -1
- package/esm/components/QList/QListItem.vue.js +42 -40
- package/esm/components/QList/QListItemGroup.d.ts +1 -1
- package/esm/components/QList/QListItemGroup.d.ts.map +1 -1
- package/esm/components/QList/index.d.ts +2 -2
- package/esm/components/QList/types.d.ts +6 -0
- package/esm/components/QList/types.d.ts.map +1 -1
- package/esm/components/QMeter/QMeter.d.ts.map +1 -1
- package/esm/components/QMeter/QMeter.vue.js +20 -19
- package/esm/components/QObfuscation/QObfuscation.d.ts.map +1 -1
- package/esm/components/QObfuscation/QObfuscation.vue.js +53 -53
- package/esm/components/QOverflow/QOverflow.d.ts +1 -1
- package/esm/components/QOverflow/QOverflow.d.ts.map +1 -1
- package/esm/components/QOverflow/QOverflow.vue.js +10 -10
- package/esm/components/QOverlay/QOverlay.d.ts.map +1 -1
- package/esm/components/QOverlay/QOverlay.vue.js +139 -138
- package/esm/components/QPasswordField/QPasswordField.d.ts +2 -0
- package/esm/components/QPasswordField/QPasswordField.d.ts.map +1 -1
- package/esm/components/QPasswordField/QPasswordField.vue.js +63 -60
- package/esm/components/QPasswordField/QPasswordFieldMeterOverlay.vue.js +1 -1
- package/esm/components/QPasswordField/constants.d.ts +4 -0
- package/esm/components/QPasswordField/constants.d.ts.map +1 -1
- package/esm/components/QPasswordField/constants.js +4 -1
- package/esm/components/QPasswordField/index.d.ts +6 -0
- package/esm/components/QPasswordField/index.d.ts.map +1 -1
- package/esm/components/QPasswordField/types.d.ts +7 -1
- package/esm/components/QPasswordField/types.d.ts.map +1 -1
- package/esm/components/QPhoneField/QPhoneField.d.ts +7 -5
- package/esm/components/QPhoneField/QPhoneField.d.ts.map +1 -1
- package/esm/components/QPhoneField/QPhoneField.vue.js +88 -88
- package/esm/components/QPhoneField/index.d.ts +3 -2
- package/esm/components/QPhoneField/index.d.ts.map +1 -1
- package/esm/components/QPopover/QPopover.d.ts.map +1 -1
- package/esm/components/QPopover/QPopover.vue.js +51 -28
- package/esm/components/QProgress/QProgress.vue.js +3 -3
- package/esm/components/QPropertyList/QPropertyList.d.ts.map +1 -1
- package/esm/components/QPropertyList/QPropertyList.vue.js +65 -55
- package/esm/components/QPropertyList/QPropertyListGroup.d.ts +8 -4
- package/esm/components/QPropertyList/QPropertyListGroup.d.ts.map +1 -1
- package/esm/components/QPropertyList/QPropertyListGroup.vue.js +31 -28
- package/esm/components/QPropertyList/QPropertyListPanel.d.ts.map +1 -1
- package/esm/components/QPropertyList/QPropertyListPanel.vue.js +13 -12
- package/esm/components/QPropertyList/QPropertyListRow.d.ts.map +1 -1
- package/esm/components/QPropertyList/QPropertyListRow.vue.js +41 -16
- package/esm/components/QPropertyList/constants.d.ts +2 -0
- package/esm/components/QPropertyList/constants.d.ts.map +1 -1
- package/esm/components/QPropertyList/constants.js +5 -1
- package/esm/components/QPropertyList/index.d.ts +16 -4
- package/esm/components/QPropertyList/index.d.ts.map +1 -1
- package/esm/components/QSection/QSection.d.ts.map +1 -1
- package/esm/components/QSection/QSection.vue.js +19 -18
- package/esm/components/QSelect/QSelect.d.ts +6 -4
- package/esm/components/QSelect/QSelect.d.ts.map +1 -1
- package/esm/components/QSelect/QSelect.vue.js +129 -124
- package/esm/components/QSelect/index.d.ts +3 -2
- package/esm/components/QSelect/index.d.ts.map +1 -1
- package/esm/components/QSidebar/QSidebar.d.ts +1 -1
- package/esm/components/QSidebar/QSidebar.d.ts.map +1 -1
- package/esm/components/QSidebar/QSidebar.vue.js +68 -67
- package/esm/components/QSidebar/QSidebarItem.d.ts +1 -1
- package/esm/components/QSidebar/QSidebarItem.d.ts.map +1 -1
- package/esm/components/QSidebar/QSidebarItem.vue.js +8 -8
- package/esm/components/QSidebar/QSidebarPanel.d.ts.map +1 -1
- package/esm/components/QSidebar/QSidebarPanel.vue.js +40 -36
- package/esm/components/QSidebar/context.d.ts +1 -1
- package/esm/components/QSidebar/context.d.ts.map +1 -1
- package/esm/components/QSidebar/types.d.ts +8 -0
- package/esm/components/QSidebar/types.d.ts.map +1 -1
- package/esm/components/QSkeletonLoader/QSkeletonLoader.d.ts.map +1 -1
- package/esm/components/QSkeletonLoader/QSkeletonLoader.vue.js +15 -14
- package/esm/components/QSpinnerLoader/QSpinnerLoader.d.ts.map +1 -1
- package/esm/components/QSpinnerLoader/QSpinnerLoader.vue.js +11 -10
- package/esm/components/QSteps/QStepHeader.d.ts +58 -0
- package/esm/components/QSteps/QStepHeader.d.ts.map +1 -0
- package/esm/components/QSteps/QStepHeader.vue.js +49 -0
- package/esm/components/QSteps/QStepHeader2.vue.js +5 -0
- package/esm/components/QSteps/QSteps.d.ts +269 -0
- package/esm/components/QSteps/QSteps.d.ts.map +1 -0
- package/esm/components/QSteps/QSteps.vue.js +260 -0
- package/esm/components/QSteps/QSteps2.vue.js +5 -0
- package/esm/components/QSteps/QStepsNav.d.ts +59 -0
- package/esm/components/QSteps/QStepsNav.d.ts.map +1 -0
- package/esm/components/QSteps/QStepsNav.vue.js +42 -0
- package/esm/components/QSteps/QStepsNav2.vue.js +5 -0
- package/esm/components/QSteps/constants.d.ts +28 -0
- package/esm/components/QSteps/constants.d.ts.map +1 -0
- package/esm/components/QSteps/constants.js +16 -0
- package/esm/components/QSteps/index.d.ts +228 -0
- package/esm/components/QSteps/index.d.ts.map +1 -0
- package/esm/components/QSteps/index.js +6 -0
- package/esm/components/QSteps/types.d.ts +190 -0
- package/esm/components/QSteps/types.d.ts.map +1 -0
- package/esm/components/QSwitch/QSwitch.vue.js +3 -3
- package/esm/components/QTabs/QTab.d.ts +1 -1
- package/esm/components/QTabs/QTab.d.ts.map +1 -1
- package/esm/components/QTabs/QTab.vue.js +10 -12
- package/esm/components/QTabs/QTabs.d.ts +1 -1
- package/esm/components/QTabs/QTabs.d.ts.map +1 -1
- package/esm/components/QTabs/QTabs.vue.js +108 -107
- package/esm/components/QTabs/context.d.ts +1 -1
- package/esm/components/QTabs/context.d.ts.map +1 -1
- package/esm/components/QTabs/types.d.ts +1 -1
- package/esm/components/QTextArea/QTextArea.d.ts +1 -1
- package/esm/components/QTextArea/index.d.ts +3 -3
- package/esm/components/QThemeProvider/QThemeProvider.vue.js +3 -3
- package/esm/components/QToast/QToast.d.ts +2 -1
- package/esm/components/QToast/QToast.d.ts.map +1 -1
- package/esm/components/QToast/QToast.vue.js +95 -78
- package/esm/components/QToast/QToaster.d.ts.map +1 -1
- package/esm/components/QToast/QToaster.vue.js +20 -19
- package/esm/components/QToast/constants.d.ts +3 -0
- package/esm/components/QToast/constants.d.ts.map +1 -1
- package/esm/components/QToast/constants.js +2 -2
- package/esm/components/QToast/index.d.ts +6 -0
- package/esm/components/QToast/index.d.ts.map +1 -1
- package/esm/components/QToast/types.d.ts +7 -1
- package/esm/components/QToast/types.d.ts.map +1 -1
- package/esm/components/QToggle/QToggle.d.ts.map +1 -1
- package/esm/components/QToggle/QToggle.vue.js +52 -15
- package/esm/components/QToggleGroup/QToggleGroup.d.ts.map +1 -1
- package/esm/components/QToggleGroup/QToggleGroup.vue.js +21 -20
- package/esm/components/QTooltip/QTooltip.vue.js +5 -5
- package/esm/components/__internal__/QChevron/QChevron.d.ts.map +1 -1
- package/esm/components/__internal__/QChevron/QChevron.vue.js +16 -15
- package/esm/components/__internal__/QClearButton/QClearButton.d.ts.map +1 -1
- package/esm/components/__internal__/QClearButton/QClearButton.vue.js +19 -18
- package/esm/components/index.d.ts +2 -0
- package/esm/components/index.d.ts.map +1 -1
- package/esm/components/index.js +108 -103
- package/esm/composables/useColor/index.d.ts +2 -0
- package/esm/composables/useColor/index.d.ts.map +1 -1
- package/esm/composables/useColor/index.js +49 -39
- package/esm/composables/useColor/types.d.ts +15 -0
- package/esm/composables/useColor/types.d.ts.map +1 -1
- package/esm/index.d.ts +3 -0
- package/esm/utils/color/contrast.d.ts +20 -0
- package/esm/utils/color/contrast.d.ts.map +1 -1
- package/esm/utils/color/contrast.js +24 -13
- package/esm/utils/color/merge.js +8 -8
- package/esm/utils/index.js +56 -54
- package/package.json +12 -6
- package/esm/components/QIcon/InlineSvg.d.ts +0 -110
- package/esm/components/QIcon/InlineSvg.d.ts.map +0 -1
- package/esm/components/QIcon/InlineSvg.js +0 -95
- package/esm/utils/time.d.ts +0 -36
- package/esm/utils/time.d.ts.map +0 -1
|
@@ -1,14 +1,14 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import {
|
|
3
|
-
import {
|
|
1
|
+
import { useId as e } from "../../composables/useId/index.js";
|
|
2
|
+
import { QButton as t } from "../QButton/index.js";
|
|
3
|
+
import { QIcon as n } from "../QIcon/index.js";
|
|
4
4
|
import { QField as r } from "../QField/index.js";
|
|
5
5
|
import { DEFAULT_ICONS as i, DEFAULT_TEXTS as a } from "./constants.js";
|
|
6
|
-
import { Fragment as o, computed as s, createBlock as c, createCommentVNode as l, createElementBlock as u, createElementVNode as d, createSlots as f, createTextVNode as p, createVNode as m, defineComponent as h, h as g, mergeModels as _, mergeProps as v, nextTick as y, normalizeClass as b, onBeforeMount as x, onBeforeUnmount as S, openBlock as C, ref as w, renderSlot as T, toDisplayString as E,
|
|
6
|
+
import { Fragment as o, computed as s, createBlock as c, createCommentVNode as l, createElementBlock as u, createElementVNode as d, createSlots as f, createTextVNode as p, createVNode as m, defineComponent as h, h as g, mergeModels as _, mergeProps as v, nextTick as y, normalizeClass as b, onBeforeMount as x, onBeforeUnmount as S, openBlock as C, ref as w, renderSlot as T, toDisplayString as E, toRef as D, unref as O, useModel as k, watch as A, withCtx as j } from "vue";
|
|
7
7
|
//#region src/components/QObfuscation/QObfuscation.vue?vue&type=script&setup=true&lang.ts
|
|
8
|
-
var
|
|
8
|
+
var M = ["id"], N = ["id"], P = {
|
|
9
9
|
key: 1,
|
|
10
10
|
class: "q-obfuscation__mask"
|
|
11
|
-
},
|
|
11
|
+
}, F = /*@__PURE__*/ h({
|
|
12
12
|
__name: "QObfuscation",
|
|
13
13
|
props: /*@__PURE__*/ _({
|
|
14
14
|
id: {},
|
|
@@ -45,36 +45,36 @@ var j = ["id"], M = ["id"], N = {
|
|
|
45
45
|
}),
|
|
46
46
|
emits: /*@__PURE__*/ _(["reveal", "hide"], ["update:revealed"]),
|
|
47
47
|
setup(i, { emit: a }) {
|
|
48
|
-
let _ = i,
|
|
49
|
-
if (!(
|
|
50
|
-
}),
|
|
48
|
+
let _ = i, F = a, I = k(i, "revealed"), L = e(D(_, "id")), R = e(), z = w(0), B = w(!1), V = s(() => _.revealable && I.value && !_.loading), H = s(() => z.value > 0), U = s(() => {
|
|
49
|
+
if (!(V.value && (!B.value || H.value))) return _.label;
|
|
50
|
+
}), W = s(() => V.value && B.value && !H.value), G = s(() => _.mask === "bullets" ? "•".repeat(_.bulletCount) : _.texts.restricted), K = s(() => [
|
|
51
51
|
"q-obfuscation",
|
|
52
52
|
{
|
|
53
53
|
"q-obfuscation--revealable": _.revealable,
|
|
54
|
-
"q-obfuscation--revealed":
|
|
54
|
+
"q-obfuscation--revealed": V.value,
|
|
55
55
|
"q-obfuscation--loading": _.loading
|
|
56
56
|
},
|
|
57
57
|
_.class
|
|
58
58
|
]);
|
|
59
|
-
|
|
59
|
+
A(V, async (e) => {
|
|
60
60
|
if (!e) {
|
|
61
|
-
|
|
61
|
+
B.value = !1;
|
|
62
62
|
return;
|
|
63
63
|
}
|
|
64
|
-
|
|
64
|
+
B.value = !1, await y(), B.value = !0;
|
|
65
65
|
}, { immediate: !0 });
|
|
66
|
-
let
|
|
66
|
+
let q = h({
|
|
67
67
|
name: "QObfuscationHideAction",
|
|
68
68
|
props: { track: {
|
|
69
69
|
type: Boolean,
|
|
70
70
|
default: !0
|
|
71
71
|
} },
|
|
72
|
-
setup(
|
|
73
|
-
return
|
|
74
|
-
|
|
72
|
+
setup(e) {
|
|
73
|
+
return e.track && (x(() => {
|
|
74
|
+
z.value++;
|
|
75
75
|
}), S(() => {
|
|
76
|
-
|
|
77
|
-
})), () => g(
|
|
76
|
+
z.value--;
|
|
77
|
+
})), () => g(t, {
|
|
78
78
|
variant: "text",
|
|
79
79
|
borderless: !0,
|
|
80
80
|
class: "q-obfuscation__label-action",
|
|
@@ -82,23 +82,23 @@ var j = ["id"], M = ["id"], N = {
|
|
|
82
82
|
title: _.texts.hideData,
|
|
83
83
|
"aria-label": _.texts.hideData,
|
|
84
84
|
"aria-expanded": !0,
|
|
85
|
-
"aria-controls":
|
|
85
|
+
"aria-controls": R.value,
|
|
86
86
|
"data-testid": "q-obfuscation__hide",
|
|
87
|
-
onClick:
|
|
88
|
-
}, () => g(
|
|
87
|
+
onClick: J
|
|
88
|
+
}, () => g(n, {
|
|
89
89
|
..._.icons.hide,
|
|
90
90
|
class: "q-obfuscation__icon"
|
|
91
91
|
}));
|
|
92
92
|
}
|
|
93
93
|
});
|
|
94
|
-
function
|
|
95
|
-
!_.revealable || _.loading || (
|
|
94
|
+
function J() {
|
|
95
|
+
!_.revealable || _.loading || (I.value = !I.value, I.value ? F("reveal") : F("hide"));
|
|
96
96
|
}
|
|
97
|
-
return (
|
|
98
|
-
id:
|
|
99
|
-
class: b(
|
|
100
|
-
for: _.for ??
|
|
101
|
-
label:
|
|
97
|
+
return (e, i) => (C(), c(O(r), {
|
|
98
|
+
id: O(L),
|
|
99
|
+
class: b(K.value),
|
|
100
|
+
for: _.for ?? O(R),
|
|
101
|
+
label: U.value,
|
|
102
102
|
"label-position": _.labelPosition,
|
|
103
103
|
size: _.size,
|
|
104
104
|
readonly: _.readonly,
|
|
@@ -106,33 +106,33 @@ var j = ["id"], M = ["id"], N = {
|
|
|
106
106
|
required: _.required,
|
|
107
107
|
invalid: _.invalid
|
|
108
108
|
}, f({
|
|
109
|
-
"label.prepend":
|
|
110
|
-
"label.append":
|
|
111
|
-
T(
|
|
109
|
+
"label.prepend": j(() => [T(e.$slots, "label.prepend")]),
|
|
110
|
+
"label.append": j(() => [
|
|
111
|
+
T(e.$slots, "label.append"),
|
|
112
112
|
l(" Own padlock only when the consumer did not place QObfuscationHideAction "),
|
|
113
|
-
|
|
113
|
+
W.value ? (C(), c(O(q), {
|
|
114
114
|
key: 0,
|
|
115
115
|
track: !1
|
|
116
116
|
})) : l("v-if", !0)
|
|
117
117
|
]),
|
|
118
|
-
control:
|
|
118
|
+
control: j(() => [l(" Revealed: slot content; place QObfuscationHideAction on the field label to own it "), V.value ? (C(), u("div", {
|
|
119
119
|
key: 0,
|
|
120
|
-
id:
|
|
120
|
+
id: O(R),
|
|
121
121
|
class: "q-obfuscation__content"
|
|
122
|
-
}, [T(
|
|
123
|
-
qObfuscationHideAction:
|
|
124
|
-
toggle:
|
|
125
|
-
revealed:
|
|
122
|
+
}, [T(e.$slots, "default", {
|
|
123
|
+
qObfuscationHideAction: O(q),
|
|
124
|
+
toggle: J,
|
|
125
|
+
revealed: I.value,
|
|
126
126
|
loading: _.loading
|
|
127
|
-
})], 8,
|
|
128
|
-
id:
|
|
127
|
+
})], 8, M)) : (C(), u(o, { key: 1 }, [l(" Masked / loading: QObfuscation label + control surface "), d("div", {
|
|
128
|
+
id: O(R),
|
|
129
129
|
class: "q-field__control q-obfuscation__value"
|
|
130
|
-
}, [_.revealable ? T(
|
|
130
|
+
}, [_.revealable ? T(e.$slots, "reveal", {
|
|
131
131
|
key: 0,
|
|
132
|
-
revealed:
|
|
133
|
-
toggle:
|
|
132
|
+
revealed: I.value,
|
|
133
|
+
toggle: J,
|
|
134
134
|
loading: _.loading
|
|
135
|
-
}, () => [m(
|
|
135
|
+
}, () => [m(O(t), {
|
|
136
136
|
variant: "text",
|
|
137
137
|
borderless: "",
|
|
138
138
|
block: "",
|
|
@@ -141,25 +141,25 @@ var j = ["id"], M = ["id"], N = {
|
|
|
141
141
|
loading: _.loading,
|
|
142
142
|
label: _.texts.showData,
|
|
143
143
|
"aria-expanded": !1,
|
|
144
|
-
"aria-controls":
|
|
144
|
+
"aria-controls": O(R),
|
|
145
145
|
"data-testid": "q-obfuscation__reveal",
|
|
146
|
-
onClick:
|
|
146
|
+
onClick: J
|
|
147
147
|
}, {
|
|
148
|
-
default:
|
|
148
|
+
default: j(() => [m(O(n), v(_.icons.show, { class: "q-obfuscation__icon" }), null, 16)]),
|
|
149
149
|
_: 1
|
|
150
150
|
}, 8, [
|
|
151
151
|
"disabled",
|
|
152
152
|
"loading",
|
|
153
153
|
"label",
|
|
154
154
|
"aria-controls"
|
|
155
|
-
])]) : (C(), u("span",
|
|
155
|
+
])]) : (C(), u("span", P, [m(O(n), v(_.icons.restricted, {
|
|
156
156
|
class: "q-obfuscation__icon",
|
|
157
157
|
"aria-hidden": "true"
|
|
158
|
-
}), null, 16), T(
|
|
158
|
+
}), null, 16), T(e.$slots, "mask", {}, () => [p(E(G.value), 1)])]))], 8, N)], 2112))]),
|
|
159
159
|
_: 2
|
|
160
|
-
}, [
|
|
160
|
+
}, [e.$slots.extras ? {
|
|
161
161
|
name: "extras",
|
|
162
|
-
fn:
|
|
162
|
+
fn: j(() => [T(e.$slots, "extras")]),
|
|
163
163
|
key: "0"
|
|
164
164
|
} : void 0]), 1032, [
|
|
165
165
|
"id",
|
|
@@ -176,4 +176,4 @@ var j = ["id"], M = ["id"], N = {
|
|
|
176
176
|
}
|
|
177
177
|
});
|
|
178
178
|
//#endregion
|
|
179
|
-
export {
|
|
179
|
+
export { F as default };
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { DEFAULT_ICONS } from './constants';
|
|
2
|
-
import { QOverflowProps } from '
|
|
2
|
+
import { QOverflowProps } from '.';
|
|
3
3
|
/**
|
|
4
4
|
* Scrolls this overflow viewport just enough to bring `element` into view
|
|
5
5
|
* (`nearest` along the active axis). Does not call `Element.scrollIntoView`,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"QOverflow.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QOverflow/QOverflow.vue"],"names":[],"mappings":"AA6DA;AAqnBC,OAAO,EAAE,aAAa,EAAiB,MAAM,aAAa,CAAA;AAU1D,OAAO,KAAK,EAAyB,cAAc,EAAE,MAAM,
|
|
1
|
+
{"version":3,"file":"QOverflow.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QOverflow/QOverflow.vue"],"names":[],"mappings":"AA6DA;AAqnBC,OAAO,EAAE,aAAa,EAAiB,MAAM,aAAa,CAAA;AAU1D,OAAO,KAAK,EAAyB,cAAc,EAAE,MAAM,GAAG,CAAA;AAqU9D;;;;;;GAMG;AACH,iBAAS,qBAAqB,CAAC,OAAO,EAAE,WAAW,QAuBlD;AA+NF,iBAAS,cAAc;WAyIT,OAAO,IAA6B;;;;;YAdxB,GAAG;yBACC,GAAG;;;;YACN,GAAG;;;;;;;EAiB7B;AAyBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;IA9MnB;;;;;OAKG;;IAEH;;OAEG;;;;;;;;;;;;;;kBA+MH,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAapG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import {
|
|
3
|
-
import {
|
|
1
|
+
import { useId as e } from "../../composables/useId/index.js";
|
|
2
|
+
import { QButton as t } from "../QButton/index.js";
|
|
3
|
+
import { QIcon as n } from "../QIcon/index.js";
|
|
4
4
|
import { DEFAULT_ICONS as r, DEFAULT_TEXTS as i } from "./constants.js";
|
|
5
5
|
import { computed as a, createCommentVNode as o, createElementBlock as s, createElementVNode as c, createVNode as l, defineComponent as u, guardReactiveProps as d, mergeProps as f, nextTick as p, normalizeClass as m, normalizeProps as h, onBeforeUnmount as ee, onMounted as g, openBlock as _, ref as v, renderSlot as y, toRef as te, unref as b, watch as x, withCtx as S } from "vue";
|
|
6
6
|
//#region src/components/QOverflow/QOverflow.vue?vue&type=script&setup=true&lang.ts
|
|
@@ -33,7 +33,7 @@ var C = [
|
|
|
33
33
|
texts: { default: () => i }
|
|
34
34
|
},
|
|
35
35
|
setup(r, { expose: i }) {
|
|
36
|
-
let u = r, E =
|
|
36
|
+
let u = r, E = e(te(u, "id")), D = v(null), O = v(null), k = v(!1), A = v(!1), j = null, M = null, N = !1, P = a(() => u.direction === "horizontal"), F = a(() => k.value || A.value), ie = a(() => P.value ? u.icons.back : u.icons.up), ae = a(() => P.value ? u.icons.forward : u.icons.down), I = a(() => u.texts.regionLabel || void 0), oe = a(() => I.value ? "region" : void 0), se = a(() => [
|
|
37
37
|
"q-overflow",
|
|
38
38
|
`q-overflow--${u.direction}`,
|
|
39
39
|
`q-overflow--arrows-${u.arrowPlacement}`,
|
|
@@ -238,13 +238,13 @@ var C = [
|
|
|
238
238
|
}), i({
|
|
239
239
|
contentEl: O,
|
|
240
240
|
scrollElementIntoView: de
|
|
241
|
-
}), (
|
|
241
|
+
}), (e, r) => (_(), s("div", {
|
|
242
242
|
id: b(E),
|
|
243
243
|
class: m(se.value),
|
|
244
244
|
role: oe.value,
|
|
245
245
|
"aria-label": I.value
|
|
246
246
|
}, [
|
|
247
|
-
F.value ? (_(), s("div", w, [y(
|
|
247
|
+
F.value ? (_(), s("div", w, [y(e.$slots, "prev", h(d(L.value)), () => [l(b(t), {
|
|
248
248
|
class: "q-overflow__button",
|
|
249
249
|
variant: "ghost",
|
|
250
250
|
"data-testid": "q-overflow-prev",
|
|
@@ -252,7 +252,7 @@ var C = [
|
|
|
252
252
|
"aria-label": u.texts.previousText,
|
|
253
253
|
onClick: L.value.onClick
|
|
254
254
|
}, {
|
|
255
|
-
default: S(() => [l(b(
|
|
255
|
+
default: S(() => [l(b(n), f({ class: "q-overflow__icon" }, ie.value), null, 16)]),
|
|
256
256
|
_: 1
|
|
257
257
|
}, 8, [
|
|
258
258
|
"disabled",
|
|
@@ -271,8 +271,8 @@ var C = [
|
|
|
271
271
|
ref_key: "contentRef",
|
|
272
272
|
ref: O,
|
|
273
273
|
class: m(ce.value)
|
|
274
|
-
}, [y(
|
|
275
|
-
F.value ? (_(), s("div", re, [y(
|
|
274
|
+
}, [y(e.$slots, "default")], 2)], 40, ne),
|
|
275
|
+
F.value ? (_(), s("div", re, [y(e.$slots, "next", h(d(R.value)), () => [l(b(t), {
|
|
276
276
|
class: "q-overflow__button",
|
|
277
277
|
variant: "ghost",
|
|
278
278
|
"data-testid": "q-overflow-next",
|
|
@@ -280,7 +280,7 @@ var C = [
|
|
|
280
280
|
"aria-label": u.texts.nextText,
|
|
281
281
|
onClick: R.value.onClick
|
|
282
282
|
}, {
|
|
283
|
-
default: S(() => [l(b(
|
|
283
|
+
default: S(() => [l(b(n), f({ class: "q-overflow__icon" }, ae.value), null, 16)]),
|
|
284
284
|
_: 1
|
|
285
285
|
}, 8, [
|
|
286
286
|
"disabled",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"QOverlay.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QOverlay/QOverlay.vue"],"names":[],"mappings":"AAgEA;
|
|
1
|
+
{"version":3,"file":"QOverlay.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QOverlay/QOverlay.vue"],"names":[],"mappings":"AAgEA;AAwiBC,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,GAAG,CAAA;AA8dvC,iBAAS,cAAc;WAgLT,OAAO,IAA6B;;yBAdpB,GAAG;;;;;;;;EAmBhC;AA2BD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;OASnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAapG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
|