@quidgest/ui 0.25.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 +40 -0
- package/dist/json/api.json +501 -156
- package/dist/manifest/components.json +3 -0
- package/dist/ui.css +1030 -138
- package/dist/ui.esm.js +989 -937
- package/dist/ui.js +1230 -1181
- package/dist/ui.min.css +1 -1
- package/dist/ui.min.js +1230 -1181
- package/dist/ui.scss +1301 -168
- 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 +2 -0
- package/esm/components/QSection/QSection.d.ts.map +1 -1
- package/esm/components/QSection/QSection.vue.js +19 -14
- package/esm/components/QSection/index.d.ts +2 -0
- package/esm/components/QSection/index.d.ts.map +1 -1
- 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 -113
- 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/QTextArea.d.ts.map +1 -1
- package/esm/components/QTextArea/QTextArea.vue.js +9 -7
- package/esm/components/QTextArea/index.d.ts +3 -3
- package/esm/components/QTextField/QTextField.d.ts.map +1 -1
- package/esm/components/QTextField/QTextField.vue.js +11 -9
- 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/composables/useEnabledSelection/index.d.ts +33 -0
- package/esm/composables/useEnabledSelection/index.d.ts.map +1 -0
- package/esm/composables/useEnabledSelection/index.js +15 -0
- 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,29 +1,30 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import {
|
|
3
|
-
import {
|
|
1
|
+
import { useId as e } from "../../../composables/useId/index.js";
|
|
2
|
+
import { DEFAULT_ICONS as t } from "./constants.js";
|
|
3
|
+
import { QIcon as n } from "../../QIcon/index.js";
|
|
4
|
+
import { computed as r, createBlock as i, defineComponent as a, mergeModels as o, mergeProps as s, openBlock as c, toRef as l, unref as u, useModel as d } from "vue";
|
|
4
5
|
//#region src/components/__internal__/QChevron/QChevron.vue?vue&type=script&setup=true&lang.ts
|
|
5
|
-
var
|
|
6
|
+
var f = /*@__PURE__*/ a({
|
|
6
7
|
__name: "QChevron",
|
|
7
|
-
props: /*@__PURE__*/
|
|
8
|
+
props: /*@__PURE__*/ o({
|
|
8
9
|
id: {},
|
|
9
10
|
class: {},
|
|
10
|
-
icons: { default: () =>
|
|
11
|
+
icons: { default: () => t }
|
|
11
12
|
}, {
|
|
12
13
|
modelValue: { type: Boolean },
|
|
13
14
|
modelModifiers: {}
|
|
14
15
|
}),
|
|
15
16
|
emits: ["update:modelValue"],
|
|
16
|
-
setup(
|
|
17
|
-
let
|
|
17
|
+
setup(t) {
|
|
18
|
+
let a = t, o = d(t, "modelValue"), f = e(l(a, "id")), p = r(() => [
|
|
18
19
|
"q-chevron",
|
|
19
|
-
{ "q-chevron--expanded":
|
|
20
|
-
|
|
20
|
+
{ "q-chevron--expanded": o.value },
|
|
21
|
+
a.class
|
|
21
22
|
]);
|
|
22
|
-
return (e,
|
|
23
|
-
id:
|
|
24
|
-
class:
|
|
25
|
-
},
|
|
23
|
+
return (e, t) => (c(), i(u(n), s({
|
|
24
|
+
id: u(f),
|
|
25
|
+
class: p.value
|
|
26
|
+
}, a.icons.chevron), null, 16, ["id", "class"]));
|
|
26
27
|
}
|
|
27
28
|
});
|
|
28
29
|
//#endregion
|
|
29
|
-
export {
|
|
30
|
+
export { f as default };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"QClearButton.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/__internal__/QClearButton/QClearButton.vue"],"names":[],"mappings":"AAaA;
|
|
1
|
+
{"version":3,"file":"QClearButton.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/__internal__/QClearButton/QClearButton.vue"],"names":[],"mappings":"AAaA;AAiDC,OAAO,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,aAAa,CAAA;AAU1D,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,GAAG,CAAA;;;;;;;;;AA0G3C,wBASG"}
|
|
@@ -1,33 +1,34 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import {
|
|
3
|
-
import {
|
|
4
|
-
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
|
+
import { DEFAULT_ICONS as r, DEFAULT_TEXTS as i } from "./constants.js";
|
|
5
|
+
import { createBlock as a, createVNode as o, defineComponent as s, guardReactiveProps as c, normalizeClass as l, normalizeProps as u, openBlock as d, toRef as f, unref as p, withCtx as m } from "vue";
|
|
5
6
|
//#region src/components/__internal__/QClearButton/QClearButton.vue?vue&type=script&setup=true&lang.ts
|
|
6
|
-
var
|
|
7
|
+
var h = /*@__PURE__*/ s({
|
|
7
8
|
__name: "QClearButton",
|
|
8
9
|
props: {
|
|
9
10
|
id: {},
|
|
10
11
|
class: {},
|
|
11
|
-
icons: { default: () =>
|
|
12
|
-
texts: { default: () =>
|
|
12
|
+
icons: { default: () => r },
|
|
13
|
+
texts: { default: () => i }
|
|
13
14
|
},
|
|
14
15
|
emits: ["click"],
|
|
15
|
-
setup(
|
|
16
|
-
let
|
|
17
|
-
function
|
|
18
|
-
|
|
16
|
+
setup(r, { emit: i }) {
|
|
17
|
+
let s = r, h = i, g = e(f(s, "id"));
|
|
18
|
+
function _(e) {
|
|
19
|
+
h("click", e);
|
|
19
20
|
}
|
|
20
|
-
return (
|
|
21
|
-
id:
|
|
22
|
-
class:
|
|
23
|
-
"aria-label":
|
|
21
|
+
return (e, r) => (d(), a(p(t), {
|
|
22
|
+
id: p(g),
|
|
23
|
+
class: l(["q-clear-btn", s.class]),
|
|
24
|
+
"aria-label": s.texts.clearValue,
|
|
24
25
|
variant: "ghost",
|
|
25
26
|
color: "neutral",
|
|
26
27
|
borderless: "",
|
|
27
28
|
tabindex: -1,
|
|
28
|
-
onClick:
|
|
29
|
+
onClick: _
|
|
29
30
|
}, {
|
|
30
|
-
default:
|
|
31
|
+
default: m(() => [o(p(n), u(c(s.icons.clear)), null, 16)]),
|
|
31
32
|
_: 1
|
|
32
33
|
}, 8, [
|
|
33
34
|
"id",
|
|
@@ -37,4 +38,4 @@ var p = /*@__PURE__*/ o({
|
|
|
37
38
|
}
|
|
38
39
|
});
|
|
39
40
|
//#endregion
|
|
40
|
-
export {
|
|
41
|
+
export { h as default };
|
|
@@ -2,6 +2,7 @@ export * from './QAccordion';
|
|
|
2
2
|
export * from './QAvatar';
|
|
3
3
|
export * from './QBadge';
|
|
4
4
|
export * from './QBadgeIndicator';
|
|
5
|
+
export * from './QBreadcrumbs';
|
|
5
6
|
export * from './QButton';
|
|
6
7
|
export * from './QButtonGroup';
|
|
7
8
|
export * from './QCard';
|
|
@@ -41,6 +42,7 @@ export * from './QSelect';
|
|
|
41
42
|
export * from './QSidebar';
|
|
42
43
|
export * from './QSkeletonLoader';
|
|
43
44
|
export * from './QSpinnerLoader';
|
|
45
|
+
export * from './QSteps';
|
|
44
46
|
export * from './QSwitch';
|
|
45
47
|
export * from './QTabs';
|
|
46
48
|
export * from './QTextArea';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAA;AAC5B,cAAc,WAAW,CAAA;AACzB,cAAc,UAAU,CAAA;AACxB,cAAc,mBAAmB,CAAA;AACjC,cAAc,WAAW,CAAA;AACzB,cAAc,gBAAgB,CAAA;AAC9B,cAAc,SAAS,CAAA;AACvB,cAAc,aAAa,CAAA;AAC3B,cAAc,aAAa,CAAA;AAC3B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,aAAa,CAAA;AAC3B,cAAc,mBAAmB,CAAA;AACjC,cAAc,qBAAqB,CAAA;AACnC,cAAc,WAAW,CAAA;AACzB,cAAc,qBAAqB,CAAA;AACnC,cAAc,YAAY,CAAA;AAC1B,cAAc,iBAAiB,CAAA;AAC/B,cAAc,UAAU,CAAA;AACxB,cAAc,eAAe,CAAA;AAC7B,cAAc,cAAc,CAAA;AAC5B,cAAc,UAAU,CAAA;AACxB,cAAc,SAAS,CAAA;AACvB,cAAc,SAAS,CAAA;AACvB,cAAc,eAAe,CAAA;AAC7B,cAAc,UAAU,CAAA;AACxB,cAAc,eAAe,CAAA;AAC7B,cAAc,SAAS,CAAA;AACvB,cAAc,UAAU,CAAA;AACxB,cAAc,gBAAgB,CAAA;AAC9B,cAAc,aAAa,CAAA;AAC3B,cAAc,YAAY,CAAA;AAC1B,cAAc,kBAAkB,CAAA;AAChC,cAAc,eAAe,CAAA;AAC7B,cAAc,YAAY,CAAA;AAC1B,cAAc,aAAa,CAAA;AAC3B,cAAc,iBAAiB,CAAA;AAC/B,cAAc,eAAe,CAAA;AAC7B,cAAc,YAAY,CAAA;AAC1B,cAAc,WAAW,CAAA;AACzB,cAAc,YAAY,CAAA;AAC1B,cAAc,mBAAmB,CAAA;AACjC,cAAc,kBAAkB,CAAA;AAChC,cAAc,WAAW,CAAA;AACzB,cAAc,SAAS,CAAA;AACvB,cAAc,aAAa,CAAA;AAC3B,cAAc,cAAc,CAAA;AAC5B,cAAc,kBAAkB,CAAA;AAChC,cAAc,UAAU,CAAA;AACxB,cAAc,WAAW,CAAA;AACzB,cAAc,gBAAgB,CAAA;AAC9B,cAAc,YAAY,CAAA"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAA;AAC5B,cAAc,WAAW,CAAA;AACzB,cAAc,UAAU,CAAA;AACxB,cAAc,mBAAmB,CAAA;AACjC,cAAc,gBAAgB,CAAA;AAC9B,cAAc,WAAW,CAAA;AACzB,cAAc,gBAAgB,CAAA;AAC9B,cAAc,SAAS,CAAA;AACvB,cAAc,aAAa,CAAA;AAC3B,cAAc,aAAa,CAAA;AAC3B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,aAAa,CAAA;AAC3B,cAAc,mBAAmB,CAAA;AACjC,cAAc,qBAAqB,CAAA;AACnC,cAAc,WAAW,CAAA;AACzB,cAAc,qBAAqB,CAAA;AACnC,cAAc,YAAY,CAAA;AAC1B,cAAc,iBAAiB,CAAA;AAC/B,cAAc,UAAU,CAAA;AACxB,cAAc,eAAe,CAAA;AAC7B,cAAc,cAAc,CAAA;AAC5B,cAAc,UAAU,CAAA;AACxB,cAAc,SAAS,CAAA;AACvB,cAAc,SAAS,CAAA;AACvB,cAAc,eAAe,CAAA;AAC7B,cAAc,UAAU,CAAA;AACxB,cAAc,eAAe,CAAA;AAC7B,cAAc,SAAS,CAAA;AACvB,cAAc,UAAU,CAAA;AACxB,cAAc,gBAAgB,CAAA;AAC9B,cAAc,aAAa,CAAA;AAC3B,cAAc,YAAY,CAAA;AAC1B,cAAc,kBAAkB,CAAA;AAChC,cAAc,eAAe,CAAA;AAC7B,cAAc,YAAY,CAAA;AAC1B,cAAc,aAAa,CAAA;AAC3B,cAAc,iBAAiB,CAAA;AAC/B,cAAc,eAAe,CAAA;AAC7B,cAAc,YAAY,CAAA;AAC1B,cAAc,WAAW,CAAA;AACzB,cAAc,YAAY,CAAA;AAC1B,cAAc,mBAAmB,CAAA;AACjC,cAAc,kBAAkB,CAAA;AAChC,cAAc,UAAU,CAAA;AACxB,cAAc,WAAW,CAAA;AACzB,cAAc,SAAS,CAAA;AACvB,cAAc,aAAa,CAAA;AAC3B,cAAc,cAAc,CAAA;AAC5B,cAAc,kBAAkB,CAAA;AAChC,cAAc,UAAU,CAAA;AACxB,cAAc,WAAW,CAAA;AACzB,cAAc,gBAAgB,CAAA;AAC9B,cAAc,YAAY,CAAA"}
|
package/esm/components/index.js
CHANGED
|
@@ -9,123 +9,128 @@ import { QAvatar as u } from "./QAvatar/index.js";
|
|
|
9
9
|
import { QButtonGroup as d } from "./QButtonGroup/index.js";
|
|
10
10
|
import { QBadge as f } from "./QBadge/index.js";
|
|
11
11
|
import { QBadgeIndicator as p } from "./QBadgeIndicator/index.js";
|
|
12
|
-
import {
|
|
13
|
-
import {
|
|
14
|
-
import {
|
|
15
|
-
import {
|
|
16
|
-
import {
|
|
17
|
-
import {
|
|
18
|
-
import {
|
|
19
|
-
import {
|
|
20
|
-
import {
|
|
21
|
-
import {
|
|
22
|
-
import {
|
|
23
|
-
import {
|
|
24
|
-
import {
|
|
25
|
-
import {
|
|
26
|
-
import {
|
|
27
|
-
import {
|
|
28
|
-
import {
|
|
29
|
-
import {
|
|
30
|
-
import {
|
|
31
|
-
import {
|
|
32
|
-
import {
|
|
33
|
-
import {
|
|
34
|
-
import {
|
|
35
|
-
import {
|
|
36
|
-
import {
|
|
37
|
-
import {
|
|
38
|
-
import {
|
|
39
|
-
import {
|
|
40
|
-
import {
|
|
41
|
-
import {
|
|
42
|
-
import {
|
|
43
|
-
import {
|
|
44
|
-
import {
|
|
45
|
-
import {
|
|
46
|
-
import {
|
|
47
|
-
import {
|
|
48
|
-
import {
|
|
49
|
-
import {
|
|
50
|
-
import {
|
|
51
|
-
import {
|
|
52
|
-
import {
|
|
53
|
-
import {
|
|
54
|
-
import {
|
|
12
|
+
import { QList as m, QListItem as h, QListItemGroup as g } from "./QList/index.js";
|
|
13
|
+
import { QDismissibleLayer as _ } from "./QDismissibleLayer/index.js";
|
|
14
|
+
import { QFocusWrap as v } from "./QFocusWrap/index.js";
|
|
15
|
+
import { QOverlay as y } from "./QOverlay/index.js";
|
|
16
|
+
import { QDropdownMenu as b } from "./QDropdownMenu/index.js";
|
|
17
|
+
import { QBreadcrumb as x, QBreadcrumbs as S } from "./QBreadcrumbs/index.js";
|
|
18
|
+
import { QSkeletonLoader as C } from "./QSkeletonLoader/index.js";
|
|
19
|
+
import { QCarousel as w } from "./QCarousel/index.js";
|
|
20
|
+
import { QLabel as T } from "./QLabel/index.js";
|
|
21
|
+
import { QCheckbox as E, QCheckboxLabel as D } from "./QCheckbox/index.js";
|
|
22
|
+
import { QField as O } from "./QField/index.js";
|
|
23
|
+
import { DEFAULT_TEXTS as k } from "./QTextField/constants.js";
|
|
24
|
+
import { QTextField as A } from "./QTextField/index.js";
|
|
25
|
+
import { QColorPicker as j } from "./QColorPicker/index.js";
|
|
26
|
+
import { QCombobox as M } from "./QCombobox/index.js";
|
|
27
|
+
import { QSwitch as N } from "./QSwitch/index.js";
|
|
28
|
+
import { QDateTimePicker as P } from "./QDateTimePicker/index.js";
|
|
29
|
+
import { QDefaultsProvider as F } from "./QDefaultsProvider/index.js";
|
|
30
|
+
import { QDialog as I, QDialogProvider as L } from "./QDialog/index.js";
|
|
31
|
+
import { QDivider as R } from "./QDivider/index.js";
|
|
32
|
+
import { QFileUpload as z } from "./QFileUpload/index.js";
|
|
33
|
+
import { QGauge as te } from "./QGauge/index.js";
|
|
34
|
+
import { QCol as B, QContainer as V, QRow as H, QSpacer as U } from "./QGrid/index.js";
|
|
35
|
+
import { QInputGroup as W } from "./QInputGroup/index.js";
|
|
36
|
+
import { QLineLoader as G } from "./QLineLoader/index.js";
|
|
37
|
+
import { QMeter as K } from "./QMeter/index.js";
|
|
38
|
+
import { QObfuscation as q } from "./QObfuscation/index.js";
|
|
39
|
+
import { QOverflow as J } from "./QOverflow/index.js";
|
|
40
|
+
import { QPasswordField as Y } from "./QPasswordField/index.js";
|
|
41
|
+
import { QPopover as X } from "./QPopover/index.js";
|
|
42
|
+
import { QSelect as Z } from "./QSelect/index.js";
|
|
43
|
+
import { QPhoneField as Q } from "./QPhoneField/index.js";
|
|
44
|
+
import { QProgress as $ } from "./QProgress/index.js";
|
|
45
|
+
import { QPropertyList as ne, QPropertyListGroup as re, QPropertyListPanel as ie, QPropertyListRow as ae } from "./QPropertyList/index.js";
|
|
46
|
+
import { QRadioButton as oe, QRadioGroup as se } from "./QRadioGroup/index.js";
|
|
47
|
+
import { QSection as ce } from "./QSection/index.js";
|
|
48
|
+
import { QToggle as le } from "./QToggle/index.js";
|
|
49
|
+
import { QSidebar as ue, QSidebarItem as de } from "./QSidebar/index.js";
|
|
50
|
+
import { QSteps as fe } from "./QSteps/index.js";
|
|
51
|
+
import { QTab as pe, QTabs as me } from "./QTabs/index.js";
|
|
52
|
+
import { QTextArea as he } from "./QTextArea/index.js";
|
|
53
|
+
import { QThemeProvider as ge } from "./QThemeProvider/index.js";
|
|
54
|
+
import { QToast as _e, QToaster as ve } from "./QToast/index.js";
|
|
55
|
+
import { QToggleGroup as ye, QToggleGroupItem as be } from "./QToggleGroup/index.js";
|
|
56
|
+
import { QTooltip as xe } from "./QTooltip/index.js";
|
|
55
57
|
//#region src/components/index.ts
|
|
56
|
-
var
|
|
57
|
-
DEFAULT_TEXTS: () =>
|
|
58
|
+
var Se = /* @__PURE__ */ ee({
|
|
59
|
+
DEFAULT_TEXTS: () => k,
|
|
58
60
|
QAccordion: () => c,
|
|
59
61
|
QAccordionItem: () => l,
|
|
60
62
|
QAvatar: () => u,
|
|
61
63
|
QBadge: () => f,
|
|
62
64
|
QBadgeIndicator: () => p,
|
|
65
|
+
QBreadcrumb: () => x,
|
|
66
|
+
QBreadcrumbs: () => S,
|
|
63
67
|
QButton: () => t,
|
|
64
68
|
QButtonGroup: () => d,
|
|
65
69
|
QCard: () => n,
|
|
66
|
-
QCarousel: () =>
|
|
67
|
-
QCheckbox: () =>
|
|
68
|
-
QCheckboxLabel: () =>
|
|
69
|
-
QCol: () =>
|
|
70
|
+
QCarousel: () => w,
|
|
71
|
+
QCheckbox: () => E,
|
|
72
|
+
QCheckboxLabel: () => D,
|
|
73
|
+
QCol: () => B,
|
|
70
74
|
QCollapsible: () => s,
|
|
71
|
-
QColorPicker: () =>
|
|
72
|
-
QCombobox: () =>
|
|
73
|
-
QContainer: () =>
|
|
74
|
-
QDateTimePicker: () =>
|
|
75
|
-
QDefaultsProvider: () =>
|
|
76
|
-
QDialog: () =>
|
|
77
|
-
QDialogProvider: () =>
|
|
78
|
-
QDismissibleLayer: () =>
|
|
79
|
-
QDivider: () =>
|
|
80
|
-
QDropdownMenu: () =>
|
|
81
|
-
QField: () =>
|
|
82
|
-
QFileUpload: () =>
|
|
83
|
-
QFocusWrap: () =>
|
|
84
|
-
QGauge: () =>
|
|
75
|
+
QColorPicker: () => j,
|
|
76
|
+
QCombobox: () => M,
|
|
77
|
+
QContainer: () => V,
|
|
78
|
+
QDateTimePicker: () => P,
|
|
79
|
+
QDefaultsProvider: () => F,
|
|
80
|
+
QDialog: () => I,
|
|
81
|
+
QDialogProvider: () => L,
|
|
82
|
+
QDismissibleLayer: () => _,
|
|
83
|
+
QDivider: () => R,
|
|
84
|
+
QDropdownMenu: () => b,
|
|
85
|
+
QField: () => O,
|
|
86
|
+
QFileUpload: () => z,
|
|
87
|
+
QFocusWrap: () => v,
|
|
88
|
+
QGauge: () => te,
|
|
85
89
|
QIcon: () => r,
|
|
86
90
|
QIconFont: () => i,
|
|
87
91
|
QIconImg: () => a,
|
|
88
92
|
QIconSvg: () => o,
|
|
89
|
-
QInputGroup: () =>
|
|
90
|
-
QLabel: () =>
|
|
91
|
-
QLineLoader: () =>
|
|
92
|
-
QList: () =>
|
|
93
|
-
QListItem: () =>
|
|
94
|
-
QListItemGroup: () =>
|
|
95
|
-
QMeter: () =>
|
|
96
|
-
QObfuscation: () =>
|
|
97
|
-
QOverflow: () =>
|
|
98
|
-
QOverlay: () =>
|
|
99
|
-
QPasswordField: () =>
|
|
100
|
-
QPhoneField: () =>
|
|
101
|
-
QPopover: () =>
|
|
102
|
-
QProgress: () =>
|
|
103
|
-
QPropertyList: () =>
|
|
104
|
-
QPropertyListGroup: () =>
|
|
105
|
-
QPropertyListPanel: () =>
|
|
106
|
-
QPropertyListRow: () =>
|
|
107
|
-
QRadioButton: () =>
|
|
108
|
-
QRadioGroup: () =>
|
|
109
|
-
QRow: () =>
|
|
110
|
-
QSection: () =>
|
|
111
|
-
QSelect: () =>
|
|
112
|
-
QSidebar: () =>
|
|
113
|
-
QSidebarItem: () =>
|
|
114
|
-
QSkeletonLoader: () =>
|
|
115
|
-
QSpacer: () =>
|
|
93
|
+
QInputGroup: () => W,
|
|
94
|
+
QLabel: () => T,
|
|
95
|
+
QLineLoader: () => G,
|
|
96
|
+
QList: () => m,
|
|
97
|
+
QListItem: () => h,
|
|
98
|
+
QListItemGroup: () => g,
|
|
99
|
+
QMeter: () => K,
|
|
100
|
+
QObfuscation: () => q,
|
|
101
|
+
QOverflow: () => J,
|
|
102
|
+
QOverlay: () => y,
|
|
103
|
+
QPasswordField: () => Y,
|
|
104
|
+
QPhoneField: () => Q,
|
|
105
|
+
QPopover: () => X,
|
|
106
|
+
QProgress: () => $,
|
|
107
|
+
QPropertyList: () => ne,
|
|
108
|
+
QPropertyListGroup: () => re,
|
|
109
|
+
QPropertyListPanel: () => ie,
|
|
110
|
+
QPropertyListRow: () => ae,
|
|
111
|
+
QRadioButton: () => oe,
|
|
112
|
+
QRadioGroup: () => se,
|
|
113
|
+
QRow: () => H,
|
|
114
|
+
QSection: () => ce,
|
|
115
|
+
QSelect: () => Z,
|
|
116
|
+
QSidebar: () => ue,
|
|
117
|
+
QSidebarItem: () => de,
|
|
118
|
+
QSkeletonLoader: () => C,
|
|
119
|
+
QSpacer: () => U,
|
|
116
120
|
QSpinnerLoader: () => e,
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
121
|
+
QSteps: () => fe,
|
|
122
|
+
QSwitch: () => N,
|
|
123
|
+
QTab: () => pe,
|
|
124
|
+
QTabs: () => me,
|
|
125
|
+
QTextArea: () => he,
|
|
126
|
+
QTextField: () => A,
|
|
127
|
+
QThemeProvider: () => ge,
|
|
128
|
+
QToast: () => _e,
|
|
129
|
+
QToaster: () => ve,
|
|
130
|
+
QToggle: () => le,
|
|
131
|
+
QToggleGroup: () => ye,
|
|
132
|
+
QToggleGroupItem: () => be,
|
|
133
|
+
QTooltip: () => xe
|
|
129
134
|
});
|
|
130
135
|
//#endregion
|
|
131
|
-
export {
|
|
136
|
+
export { k as DEFAULT_TEXTS, c as QAccordion, l as QAccordionItem, u as QAvatar, f as QBadge, p as QBadgeIndicator, x as QBreadcrumb, S as QBreadcrumbs, t as QButton, d as QButtonGroup, n as QCard, w as QCarousel, E as QCheckbox, D as QCheckboxLabel, B as QCol, s as QCollapsible, j as QColorPicker, M as QCombobox, V as QContainer, P as QDateTimePicker, F as QDefaultsProvider, I as QDialog, L as QDialogProvider, _ as QDismissibleLayer, R as QDivider, b as QDropdownMenu, O as QField, z as QFileUpload, v as QFocusWrap, te as QGauge, r as QIcon, i as QIconFont, a as QIconImg, o as QIconSvg, W as QInputGroup, T as QLabel, G as QLineLoader, m as QList, h as QListItem, g as QListItemGroup, K as QMeter, q as QObfuscation, J as QOverflow, y as QOverlay, Y as QPasswordField, Q as QPhoneField, X as QPopover, $ as QProgress, ne as QPropertyList, re as QPropertyListGroup, ie as QPropertyListPanel, ae as QPropertyListRow, oe as QRadioButton, se as QRadioGroup, H as QRow, ce as QSection, Z as QSelect, ue as QSidebar, de as QSidebarItem, C as QSkeletonLoader, U as QSpacer, e as QSpinnerLoader, fe as QSteps, N as QSwitch, pe as QTab, me as QTabs, he as QTextArea, A as QTextField, ge as QThemeProvider, _e as QToast, ve as QToaster, le as QToggle, ye as QToggleGroup, be as QToggleGroupItem, xe as QTooltip, Se as components_exports };
|
|
@@ -57,6 +57,8 @@ export declare function resolveHoverStyle(rawColor: string, isUtilityColor: bool
|
|
|
57
57
|
* - onMainColor: Scheme `on*` for utilities when present, otherwise WCAG contrast
|
|
58
58
|
* - hoverColor: Scheme `*Dark` for utilities, otherwise a darkened main color
|
|
59
59
|
* - onHoverColor: Scheme `on*Dark` for utilities when present, otherwise WCAG on hover
|
|
60
|
+
* - textColor: `mainColor` darkened or lightened until it clears 4.5:1 on a 12% tint of itself over the theme background. Assumes the component sits on that background
|
|
61
|
+
* - hoverTextColor: `hoverColor` adjusted the same way against a 6% tint of the hover color over the theme background, for ghost and text hover
|
|
60
62
|
*
|
|
61
63
|
* @example
|
|
62
64
|
* ```ts
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/composables/useColor/index.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,KAAK,CAAA;AACnC,OAAO,KAAK,EAAE,WAAW,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;AAC3D,OAAO,KAAK,EAAE,YAAY,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAA;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/composables/useColor/index.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,KAAK,CAAA;AACnC,OAAO,KAAK,EAAE,WAAW,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;AAC3D,OAAO,KAAK,EAAE,YAAY,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAA;AAwB1D,KAAK,UAAU,GAAG,IAAI,CAAC,WAAW,EAAE,YAAY,GAAG,eAAe,GAAG,cAAc,CAAC,CAAA;AAuCpF;;;;;;;;;;;;GAYG;AACH,wBAAgB,kBAAkB,CACjC,QAAQ,EAAE,MAAM,EAChB,cAAc,EAAE,OAAO,EACvB,MAAM,EAAE,QAAQ,CAAC,YAAY,CAAC,EAC9B,OAAO,EAAE,GAAG,GACV,MAAM,CAUR;AAED;;;;;;;;;;;GAWG;AACH,wBAAgB,iBAAiB,CAChC,QAAQ,EAAE,MAAM,EAChB,cAAc,EAAE,OAAO,EACvB,MAAM,EAAE,QAAQ,CAAC,YAAY,CAAC,EAC9B,OAAO,EAAE,GAAG,GACV,UAAU,CA4BZ;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAqCG;AACH,wBAAgB,QAAQ,CAAC,KAAK,EAAE,QAAQ,CAAC,MAAM,GAAG,SAAS,CAAC,GAAG,eAAe,CAyD7E;AAED;;;;;;;;;;;;;GAaG;AACH,wBAAgB,YAAY,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,QAAQ,CAAC,YAAY,CAAC,GAAG,MAAM,CAQlF"}
|
|
@@ -1,76 +1,86 @@
|
|
|
1
1
|
import { rgbToHex as e, rgbToVariableString as t } from "../../utils/color/conversion.js";
|
|
2
|
-
import {
|
|
3
|
-
import {
|
|
4
|
-
import {
|
|
5
|
-
import { isThemeColor as
|
|
6
|
-
import { useTheme as
|
|
7
|
-
import { computed as
|
|
2
|
+
import { darken as n } from "../../utils/color/manipulate.js";
|
|
3
|
+
import { parseColor as r } from "../../utils/color/parse.js";
|
|
4
|
+
import { ensureContrast as i, getContrastingColor as a } from "../../utils/color/contrast.js";
|
|
5
|
+
import { isThemeColor as o, isUnsupportedColor as s } from "../../utils/color/theme-colors.js";
|
|
6
|
+
import { useTheme as c } from "../theme.js";
|
|
7
|
+
import { computed as l, unref as u } from "vue";
|
|
8
8
|
//#region src/composables/useColor/index.ts
|
|
9
|
-
function
|
|
9
|
+
function d(e) {
|
|
10
10
|
typeof process < "u" && process.env.NODE_ENV === "production" || console.warn(`[Quidgest UI] useColor: unable to resolve color "${e}"`);
|
|
11
11
|
}
|
|
12
|
-
|
|
13
|
-
|
|
12
|
+
var f = .12, p = .06;
|
|
13
|
+
function m(e, t, n) {
|
|
14
14
|
return {
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
15
|
+
r: Math.round(e.r * n + t.r * (1 - n)),
|
|
16
|
+
g: Math.round(e.g * n + t.g * (1 - n)),
|
|
17
|
+
b: Math.round(e.b * n + t.b * (1 - n))
|
|
18
18
|
};
|
|
19
19
|
}
|
|
20
|
-
function
|
|
20
|
+
function h(r) {
|
|
21
|
+
let i = n(r, 25);
|
|
22
|
+
return {
|
|
23
|
+
hoverColor: e(i),
|
|
24
|
+
hoverColorRgb: t(i),
|
|
25
|
+
onHoverColor: a(i)
|
|
26
|
+
};
|
|
27
|
+
}
|
|
28
|
+
function g(e, t, n, r) {
|
|
21
29
|
if (t) {
|
|
22
30
|
let t = n[`on${e.charAt(0).toUpperCase()}${e.slice(1)}`];
|
|
23
31
|
if (typeof t == "string") return t;
|
|
24
32
|
}
|
|
25
|
-
return r
|
|
33
|
+
return a(r);
|
|
26
34
|
}
|
|
27
|
-
function
|
|
28
|
-
if (
|
|
29
|
-
let
|
|
35
|
+
function _(e, n, i, o) {
|
|
36
|
+
if (n) {
|
|
37
|
+
let n = e, o = i[`${n}Dark`];
|
|
30
38
|
if (typeof o == "string") try {
|
|
31
|
-
let e =
|
|
39
|
+
let e = r(o), s = i[`on${n.charAt(0).toUpperCase()}${n.slice(1)}Dark`];
|
|
32
40
|
return {
|
|
33
41
|
hoverColor: o,
|
|
34
42
|
hoverColorRgb: t(e),
|
|
35
|
-
onHoverColor: typeof s == "string" ? s :
|
|
43
|
+
onHoverColor: typeof s == "string" ? s : a(e)
|
|
36
44
|
};
|
|
37
45
|
} catch {
|
|
38
|
-
|
|
46
|
+
d(o);
|
|
39
47
|
}
|
|
40
48
|
}
|
|
41
|
-
return
|
|
49
|
+
return h(o);
|
|
42
50
|
}
|
|
43
|
-
function
|
|
44
|
-
let
|
|
51
|
+
function v(n) {
|
|
52
|
+
let a = l(() => u(n)), h = c(), v = l(() => a.value ? o(a.value) : !1);
|
|
45
53
|
return {
|
|
46
|
-
isUtilityColor:
|
|
47
|
-
style:
|
|
48
|
-
let
|
|
49
|
-
if (!
|
|
50
|
-
if (!
|
|
51
|
-
|
|
54
|
+
isUtilityColor: v,
|
|
55
|
+
style: l(() => {
|
|
56
|
+
let n = a.value;
|
|
57
|
+
if (!n) return;
|
|
58
|
+
if (!v.value && s(n)) {
|
|
59
|
+
d(n);
|
|
52
60
|
return;
|
|
53
61
|
}
|
|
54
|
-
let
|
|
62
|
+
let o = y(n, h.current.value.scheme), c;
|
|
55
63
|
try {
|
|
56
|
-
|
|
64
|
+
c = r(o);
|
|
57
65
|
} catch {
|
|
58
|
-
|
|
66
|
+
d(n);
|
|
59
67
|
return;
|
|
60
68
|
}
|
|
61
|
-
let
|
|
69
|
+
let l = g(n, v.value, h.current.value.scheme, c), u = _(n, v.value, h.current.value.scheme, c), b = r(h.current.value.scheme.background), x = i(o, e(m(c, b, f))), S = u.hoverColor ?? o, C = i(S, e(m(r(S), b, p)));
|
|
62
70
|
return {
|
|
63
|
-
mainColor:
|
|
64
|
-
mainColorRgb: t(
|
|
65
|
-
onMainColor:
|
|
66
|
-
|
|
71
|
+
mainColor: o,
|
|
72
|
+
mainColorRgb: t(c),
|
|
73
|
+
onMainColor: l,
|
|
74
|
+
textColor: x,
|
|
75
|
+
hoverTextColor: C,
|
|
76
|
+
...u
|
|
67
77
|
};
|
|
68
78
|
})
|
|
69
79
|
};
|
|
70
80
|
}
|
|
71
|
-
function
|
|
81
|
+
function y(e, t) {
|
|
72
82
|
let n = e.trim();
|
|
73
83
|
return Object.prototype.hasOwnProperty.call(t, n) ? t[n] ?? e : e;
|
|
74
84
|
}
|
|
75
85
|
//#endregion
|
|
76
|
-
export {
|
|
86
|
+
export { y as resolveColor, _ as resolveHoverStyle, g as resolveOnMainColor, v as useColor };
|
|
@@ -16,6 +16,21 @@ export interface QColorStyle {
|
|
|
16
16
|
* Computed using WCAG relative luminance.
|
|
17
17
|
*/
|
|
18
18
|
onMainColor: string;
|
|
19
|
+
/**
|
|
20
|
+
* Text color for tonal, outlined, ghost, and text treatments.
|
|
21
|
+
* `mainColor` adjusted on the same hue until it clears 4.5:1 against a
|
|
22
|
+
* 12% tint of itself over the theme background. Unchanged when it already passes.
|
|
23
|
+
* Assumes the component sits on the theme background. A different surface,
|
|
24
|
+
* such as a light tonal toast in the dark theme, needs its own measurement.
|
|
25
|
+
*/
|
|
26
|
+
textColor: string;
|
|
27
|
+
/**
|
|
28
|
+
* Text color for ghost and text treatments while hovered.
|
|
29
|
+
* `hoverColor` adjusted until it clears 4.5:1 against a 6% tint of the
|
|
30
|
+
* hover color over the theme background (the ghost hover fill).
|
|
31
|
+
* Unchanged when it already passes.
|
|
32
|
+
*/
|
|
33
|
+
hoverTextColor: string;
|
|
19
34
|
/**
|
|
20
35
|
* Optional color to be used when the component is in hover state.
|
|
21
36
|
* Scheme `*Dark` for theme utilities when present; otherwise `darken(main, COLOR_SCHEME_DARKEN_AMOUNT)`.
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/composables/useColor/types.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,KAAK,CAAA;AAEtC;;GAEG;AACH,MAAM,WAAW,WAAW;IAC3B;;OAEG;IACH,SAAS,EAAE,MAAM,CAAA;IAEjB;;OAEG;IACH,YAAY,EAAE,MAAM,CAAA;IAEpB;;;OAGG;IACH,WAAW,EAAE,MAAM,CAAA;IAEnB;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,CAAA;IAEnB;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,CAAA;IAEtB;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,CAAA;CACrB;AAED;;GAEG;AACH,MAAM,WAAW,eAAe;IAC/B;;OAEG;IACH,cAAc,EAAE,WAAW,CAAC,OAAO,CAAC,CAAA;IAEpC;;OAEG;IACH,KAAK,EAAE,WAAW,CAAC,WAAW,GAAG,SAAS,CAAC,CAAA;CAC3C"}
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/composables/useColor/types.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,KAAK,CAAA;AAEtC;;GAEG;AACH,MAAM,WAAW,WAAW;IAC3B;;OAEG;IACH,SAAS,EAAE,MAAM,CAAA;IAEjB;;OAEG;IACH,YAAY,EAAE,MAAM,CAAA;IAEpB;;;OAGG;IACH,WAAW,EAAE,MAAM,CAAA;IAEnB;;;;;;OAMG;IACH,SAAS,EAAE,MAAM,CAAA;IAEjB;;;;;OAKG;IACH,cAAc,EAAE,MAAM,CAAA;IAEtB;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,CAAA;IAEnB;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,CAAA;IAEtB;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,CAAA;CACrB;AAED;;GAEG;AACH,MAAM,WAAW,eAAe;IAC/B;;OAEG;IACH,cAAc,EAAE,WAAW,CAAC,OAAO,CAAC,CAAA;IAEpC;;OAEG;IACH,KAAK,EAAE,WAAW,CAAC,WAAW,GAAG,SAAS,CAAC,CAAA;CAC3C"}
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
import { ComputedRef, MaybeRefOrGetter, Ref } from 'vue';
|
|
2
|
+
/**
|
|
3
|
+
* Minimal shape required from an item to participate in {@link useEnabledSelection}.
|
|
4
|
+
*/
|
|
5
|
+
export type QEnabledSelectionItem = {
|
|
6
|
+
/** Identity matched against the `v-model` ref. */
|
|
7
|
+
value: string;
|
|
8
|
+
/** Whether the item is disabled and therefore excluded from selection. */
|
|
9
|
+
disabled?: MaybeRefOrGetter<boolean | undefined>;
|
|
10
|
+
};
|
|
11
|
+
export interface QUseEnabledSelectionReturn<T extends QEnabledSelectionItem> {
|
|
12
|
+
/** Items with `disabled` excluded, in their original order. */
|
|
13
|
+
enabledItems: ComputedRef<T[]>;
|
|
14
|
+
/**
|
|
15
|
+
* Snaps `model` onto an enabled item's value when it doesn't currently match one.
|
|
16
|
+
* No-ops when there is no enabled item to fall back to.
|
|
17
|
+
*/
|
|
18
|
+
ensureSelection: () => void;
|
|
19
|
+
}
|
|
20
|
+
/**
|
|
21
|
+
* Shared "enabled item" selection logic for list-like components with a
|
|
22
|
+
* `value`/`disabled` item shape and a single-value `v-model` (e.g. `QTabs`, `QSteps`).
|
|
23
|
+
*
|
|
24
|
+
* Filters out disabled items and keeps `model` snapped to an enabled one: whenever
|
|
25
|
+
* the current `model` value doesn't match an enabled item,
|
|
26
|
+
* {@link QUseEnabledSelectionReturn.ensureSelection} resets it to the first
|
|
27
|
+
* enabled item's value.
|
|
28
|
+
*
|
|
29
|
+
* @param items - Getter returning the current ordered list of items.
|
|
30
|
+
* @param model - The `v-model` ref to keep in sync with `items`.
|
|
31
|
+
*/
|
|
32
|
+
export declare function useEnabledSelection<T extends QEnabledSelectionItem>(items: () => T[], model: Ref<string | undefined>): QUseEnabledSelectionReturn<T>;
|
|
33
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/composables/useEnabledSelection/index.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,gBAAgB,EAAE,GAAG,EAAE,MAAM,KAAK,CAAA;AAK7D;;GAEG;AACH,MAAM,MAAM,qBAAqB,GAAG;IACnC,kDAAkD;IAClD,KAAK,EAAE,MAAM,CAAA;IAEb,0EAA0E;IAC1E,QAAQ,CAAC,EAAE,gBAAgB,CAAC,OAAO,GAAG,SAAS,CAAC,CAAA;CAChD,CAAA;AAED,MAAM,WAAW,0BAA0B,CAAC,CAAC,SAAS,qBAAqB;IAC1E,+DAA+D;IAC/D,YAAY,EAAE,WAAW,CAAC,CAAC,EAAE,CAAC,CAAA;IAE9B;;;OAGG;IACH,eAAe,EAAE,MAAM,IAAI,CAAA;CAC3B;AAED;;;;;;;;;;;GAWG;AACH,wBAAgB,mBAAmB,CAAC,CAAC,SAAS,qBAAqB,EAClE,KAAK,EAAE,MAAM,CAAC,EAAE,EAChB,KAAK,EAAE,GAAG,CAAC,MAAM,GAAG,SAAS,CAAC,GAC5B,0BAA0B,CAAC,CAAC,CAAC,CAc/B"}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { computed as e, toValue as t } from "vue";
|
|
2
|
+
//#region src/composables/useEnabledSelection/index.ts
|
|
3
|
+
function n(n, r) {
|
|
4
|
+
let i = e(() => n().filter((e) => !t(e.disabled)));
|
|
5
|
+
function a() {
|
|
6
|
+
let e = i.value;
|
|
7
|
+
e.length && (e.some((e) => e.value === r.value) || (r.value = e[0].value));
|
|
8
|
+
}
|
|
9
|
+
return {
|
|
10
|
+
enabledItems: i,
|
|
11
|
+
ensureSelection: a
|
|
12
|
+
};
|
|
13
|
+
}
|
|
14
|
+
//#endregion
|
|
15
|
+
export { n as useEnabledSelection };
|
package/esm/index.d.ts
CHANGED
|
@@ -14,6 +14,8 @@ declare module '@vue/runtime-core' {
|
|
|
14
14
|
QAvatar: typeof import('@quidgest/ui/components')['QAvatar']
|
|
15
15
|
QBadge: typeof import('@quidgest/ui/components')['QBadge']
|
|
16
16
|
QBadgeIndicator: typeof import('@quidgest/ui/components')['QBadgeIndicator']
|
|
17
|
+
QBreadcrumbs: typeof import('@quidgest/ui/components')['QBreadcrumbs']
|
|
18
|
+
QBreadcrumb: typeof import('@quidgest/ui/components')['QBreadcrumb']
|
|
17
19
|
QButton: typeof import('@quidgest/ui/components')['QButton']
|
|
18
20
|
QButtonGroup: typeof import('@quidgest/ui/components')['QButtonGroup']
|
|
19
21
|
QCard: typeof import('@quidgest/ui/components')['QCard']
|
|
@@ -68,6 +70,7 @@ declare module '@vue/runtime-core' {
|
|
|
68
70
|
QSidebarItem: typeof import('@quidgest/ui/components')['QSidebarItem']
|
|
69
71
|
QSkeletonLoader: typeof import('@quidgest/ui/components')['QSkeletonLoader']
|
|
70
72
|
QSpinnerLoader: typeof import('@quidgest/ui/components')['QSpinnerLoader']
|
|
73
|
+
QSteps: typeof import('@quidgest/ui/components')['QSteps']
|
|
71
74
|
QSwitch: typeof import('@quidgest/ui/components')['QSwitch']
|
|
72
75
|
QTabs: typeof import('@quidgest/ui/components')['QTabs']
|
|
73
76
|
QTab: typeof import('@quidgest/ui/components')['QTab']
|