@quidgest/ui 0.16.25 → 0.16.27
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/ui.css +7 -0
- package/dist/ui.esm.js +1331 -1330
- package/dist/ui.js +16 -16
- package/dist/ui.min.css +1 -1
- package/dist/ui.min.js +718 -718
- package/dist/ui.scss +7 -1
- package/esm/components/QButtonGroup/QButtonGroup.d.ts.map +1 -1
- package/esm/components/QButtonGroup/QButtonGroup.vue.js +10 -8
- package/esm/components/QButtonGroup/types.d.ts +4 -0
- package/esm/components/QButtonGroup/types.d.ts.map +1 -1
- package/esm/components/QPasswordField/QPasswordField.d.ts +0 -1
- package/esm/components/QPasswordField/QPasswordField.d.ts.map +1 -1
- package/esm/components/QPasswordField/QPasswordField.vue.js +1 -1
- package/esm/components/QPasswordField/index.d.ts +0 -3
- package/esm/components/QPasswordField/index.d.ts.map +1 -1
- package/esm/components/QThemeProvider/QThemeProvider.d.ts.map +1 -1
- package/esm/components/QThemeProvider/QThemeProvider.vue.js +17 -23
- package/esm/components/QToggleGroup/QToggleGroup.d.ts.map +1 -1
- package/esm/components/QToggleGroup/QToggleGroup.vue.js +13 -11
- package/esm/components/QToggleGroup/index.d.ts +3 -0
- package/esm/components/QToggleGroup/index.d.ts.map +1 -1
- package/esm/framework.js +25 -25
- package/esm/utils/theme.d.ts +9 -0
- package/esm/utils/theme.d.ts.map +1 -1
- package/esm/utils/theme.js +27 -23
- package/package.json +1 -1
package/dist/ui.scss
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/*!
|
|
2
|
-
* Quidgest UI v0.16.
|
|
2
|
+
* Quidgest UI v0.16.27
|
|
3
3
|
* (c) 2025 Quidgest - Consultores de Gestão, S.A.
|
|
4
4
|
* Released under the MIT License.
|
|
5
5
|
*/
|
|
@@ -830,6 +830,12 @@ $transition-duration: 0.2s !default;
|
|
|
830
830
|
}
|
|
831
831
|
}
|
|
832
832
|
}
|
|
833
|
+
.q-button-group.q-button-group--block {
|
|
834
|
+
min-width: 100%;
|
|
835
|
+
> .q-button {
|
|
836
|
+
flex: 1 1 0%;
|
|
837
|
+
}
|
|
838
|
+
}
|
|
833
839
|
.q-card {
|
|
834
840
|
--card-base-padding: 1rem;
|
|
835
841
|
--card-padding: 1rem;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"QButtonGroup.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QButtonGroup/QButtonGroup.vue"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"QButtonGroup.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QButtonGroup/QButtonGroup.vue"],"names":[],"mappings":"AAeA;AAyCC,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAA;AAiBjD,iBAAS,cAAc;WAiCT,OAAO,IAA6B;;yBAVrB,GAAG;;;;EAe/B;AAQD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe,yTAOnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAQpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
|
|
@@ -1,11 +1,12 @@
|
|
|
1
|
-
import { defineComponent as
|
|
1
|
+
import { defineComponent as s, toRef as o, createElementBlock as r, openBlock as a, normalizeClass as d, renderSlot as n } from "vue";
|
|
2
2
|
import { provideDefaults as p } from "../../composables/defaults.js";
|
|
3
|
-
const
|
|
3
|
+
const u = ["id"], m = /* @__PURE__ */ s({
|
|
4
4
|
__name: "QButtonGroup",
|
|
5
5
|
props: {
|
|
6
6
|
id: {},
|
|
7
7
|
class: {},
|
|
8
8
|
disabled: { type: Boolean },
|
|
9
|
+
block: { type: Boolean },
|
|
9
10
|
borderless: { type: Boolean },
|
|
10
11
|
elevated: { type: Boolean }
|
|
11
12
|
},
|
|
@@ -16,21 +17,22 @@ const i = ["id"], b = /* @__PURE__ */ r({
|
|
|
16
17
|
disabled: o(e, "disabled"),
|
|
17
18
|
borderless: o(e, "borderless")
|
|
18
19
|
}
|
|
19
|
-
}), (
|
|
20
|
+
}), (l, c) => (a(), r("div", {
|
|
20
21
|
id: e.id,
|
|
21
|
-
class:
|
|
22
|
+
class: d([
|
|
22
23
|
"q-button-group",
|
|
23
24
|
{
|
|
24
|
-
"q-button-group--elevated": e.elevated
|
|
25
|
+
"q-button-group--elevated": e.elevated,
|
|
26
|
+
"q-button-group--block": e.block
|
|
25
27
|
},
|
|
26
28
|
e.class
|
|
27
29
|
]),
|
|
28
30
|
role: "group"
|
|
29
31
|
}, [
|
|
30
|
-
n(
|
|
31
|
-
], 10,
|
|
32
|
+
n(l.$slots, "default")
|
|
33
|
+
], 10, u));
|
|
32
34
|
}
|
|
33
35
|
});
|
|
34
36
|
export {
|
|
35
|
-
|
|
37
|
+
m as default
|
|
36
38
|
};
|
|
@@ -4,6 +4,10 @@ export type QButtonGroupProps = QBaseComponentProps & {
|
|
|
4
4
|
* If true, the button group is disabled and cannot be interacted with.
|
|
5
5
|
*/
|
|
6
6
|
disabled?: boolean;
|
|
7
|
+
/**
|
|
8
|
+
* If true, the button group spans the full width of its container.
|
|
9
|
+
*/
|
|
10
|
+
block?: boolean;
|
|
7
11
|
/**
|
|
8
12
|
* If true, the button group has no borders.
|
|
9
13
|
*/
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/QButtonGroup/types.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAA;AAEhE,MAAM,MAAM,iBAAiB,GAAG,mBAAmB,GAAG;IACrD;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAElB;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAA;IAEpB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;CAClB,CAAA"}
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/QButtonGroup/types.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAA;AAEhE,MAAM,MAAM,iBAAiB,GAAG,mBAAmB,GAAG;IACrD;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAElB;;OAEG;IACH,KAAK,CAAC,EAAE,OAAO,CAAA;IAEf;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAA;IAEpB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;CAClB,CAAA"}
|
|
@@ -217,7 +217,6 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
|
|
|
217
217
|
"onUpdate:modelValue"?: ((value: string) => any) | undefined;
|
|
218
218
|
"onUpdate:masked"?: ((value: boolean) => any) | undefined;
|
|
219
219
|
}>, {
|
|
220
|
-
size: import('..').QFieldSize;
|
|
221
220
|
icons: import('./types').QPasswordFieldIcons;
|
|
222
221
|
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
|
|
223
222
|
fieldRef: ({
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"QPasswordField.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QPasswordField/QPasswordField.vue"],"names":[],"mappings":"AA6DA;
|
|
1
|
+
{"version":3,"file":"QPasswordField.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QPasswordField/QPasswordField.vue"],"names":[],"mappings":"AA6DA;AAoLC,OAAO,KAAK,EAEX,mBAAmB,EAEnB,MAAM,SAAS,CAAA;AAKhB,KAAK,WAAW,GAAG,mBAAmB,CAAC;AA0FxC,KAAK,iBAAiB,GAAG;IACzB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;CAClB,GAAG,WAAW,CAAC;AAMhB,iBAAS,cAAc;WAkLT,OAAO,IAA6B;;iCAhBZ,GAAG;gCACJ,GAAG;yBACV,GAAG;wBACJ,GAAG;wBACH,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;gDAwEuxT,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCAAtH,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAvD56T;AAwBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;4CA8BkyT,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oCAAtH,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;OArB36T,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"}
|
|
@@ -16,7 +16,6 @@ declare const QPasswordField: {
|
|
|
16
16
|
"update:modelValue": (value: string) => any;
|
|
17
17
|
"update:masked": (value: boolean) => any;
|
|
18
18
|
}, import('vue').PublicProps, {
|
|
19
|
-
size: import('..').QFieldSize;
|
|
20
19
|
icons: import('./types').QPasswordFieldIcons;
|
|
21
20
|
}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
|
|
22
21
|
fieldRef: ({
|
|
@@ -231,7 +230,6 @@ declare const QPasswordField: {
|
|
|
231
230
|
"onUpdate:modelValue"?: ((value: string) => any) | undefined;
|
|
232
231
|
"onUpdate:masked"?: ((value: boolean) => any) | undefined;
|
|
233
232
|
}>, {}, {}, {}, {}, {
|
|
234
|
-
size: import('..').QFieldSize;
|
|
235
233
|
icons: import('./types').QPasswordFieldIcons;
|
|
236
234
|
}>;
|
|
237
235
|
__isFragment?: never;
|
|
@@ -253,7 +251,6 @@ declare const QPasswordField: {
|
|
|
253
251
|
"update:modelValue": (value: string) => any;
|
|
254
252
|
"update:masked": (value: boolean) => any;
|
|
255
253
|
}, string, {
|
|
256
|
-
size: import('..').QFieldSize;
|
|
257
254
|
icons: import('./types').QPasswordFieldIcons;
|
|
258
255
|
}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
|
|
259
256
|
$slots: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/QPasswordField/index.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAA;AAKlD,QAAA,MAAM,cAAc
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/QPasswordField/index.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAA;AAKlD,QAAA,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;gDAO2mzB,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCAAtH,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAP9rzB,CAAA;AAGvD,OAAO,EAAE,cAAc,EAAE,CAAA;AAGzB,YAAY,EAAE,mBAAmB,EAAE,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"QThemeProvider.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QThemeProvider/QThemeProvider.vue"],"names":[],"mappings":"AAOA;
|
|
1
|
+
{"version":3,"file":"QThemeProvider.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QThemeProvider/QThemeProvider.vue"],"names":[],"mappings":"AAOA;AA6DC,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAA;AAmDnD,iBAAS,cAAc;WAyBT,OAAO,IAA6B;;yBAVrB,GAAG;;;;EAe/B;AAUD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe,6TAOnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAQpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
|
|
@@ -1,40 +1,34 @@
|
|
|
1
|
-
import { defineComponent as
|
|
2
|
-
import { useId as
|
|
3
|
-
import { provideTheme as
|
|
4
|
-
const
|
|
1
|
+
import { defineComponent as a, toRef as d, watchEffect as i, onBeforeUnmount as u, createElementBlock as p, openBlock as f, normalizeClass as h, unref as m, renderSlot as v } from "vue";
|
|
2
|
+
import { useId as y } from "../../composables/uid.js";
|
|
3
|
+
import { provideTheme as C } from "../../composables/theme.js";
|
|
4
|
+
const _ = ["id"], P = /* @__PURE__ */ a({
|
|
5
5
|
__name: "QThemeProvider",
|
|
6
6
|
props: {
|
|
7
7
|
id: {},
|
|
8
8
|
class: {},
|
|
9
9
|
theme: {}
|
|
10
10
|
},
|
|
11
|
-
setup(
|
|
12
|
-
const o =
|
|
13
|
-
class: c,
|
|
14
|
-
css: r,
|
|
15
|
-
name: n
|
|
16
|
-
} = _(m(o, "theme")), l = C(m(o, "id"));
|
|
11
|
+
setup(c) {
|
|
12
|
+
const o = c, { class: r, css: n } = C(d(o, "theme")), l = y(d(o, "id"));
|
|
17
13
|
let e = null, s = null;
|
|
18
|
-
return
|
|
19
|
-
if (
|
|
20
|
-
const t =
|
|
21
|
-
s = t, e = document.getElementById(t), e || (e = document.createElement("style"), e.id = t, document.head.appendChild(e)), e.textContent =
|
|
14
|
+
return i(() => {
|
|
15
|
+
if (n.value) {
|
|
16
|
+
const t = r.value;
|
|
17
|
+
s = t, e = document.getElementById(t), e || (e = document.createElement("style"), e.id = t, document.head.appendChild(e)), e.textContent = n.value;
|
|
22
18
|
}
|
|
23
|
-
}),
|
|
19
|
+
}), u(() => {
|
|
24
20
|
if (!e || !s) return;
|
|
25
21
|
!Array.from(
|
|
26
|
-
document.querySelectorAll(
|
|
27
|
-
`.q-theme-provider.q-theme--${n.value}:not(#${l.value})`
|
|
28
|
-
)
|
|
22
|
+
document.querySelectorAll(`.q-theme-provider.${r.value}:not(#${l.value})`)
|
|
29
23
|
).length && e.parentNode && e.parentNode.removeChild(e);
|
|
30
24
|
}), (t, E) => (f(), p("div", {
|
|
31
|
-
id:
|
|
32
|
-
class:
|
|
25
|
+
id: m(l),
|
|
26
|
+
class: h(["q-theme-provider", m(r), o.class])
|
|
33
27
|
}, [
|
|
34
|
-
|
|
35
|
-
], 10,
|
|
28
|
+
v(t.$slots, "default")
|
|
29
|
+
], 10, _));
|
|
36
30
|
}
|
|
37
31
|
});
|
|
38
32
|
export {
|
|
39
|
-
|
|
33
|
+
P as default
|
|
40
34
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"QToggleGroup.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QToggleGroup/QToggleGroup.vue"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"QToggleGroup.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QToggleGroup/QToggleGroup.vue"],"names":[],"mappings":"AASA;AAwDC,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAA;AACtD,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAA;AAKhD,KAAK,WAAW,GAAG,iBAAiB,CAAC;AAyBtC,KAAK,iBAAiB,GAAG;IACzB,UAAU,CAAC,EAAE,SAAS,GAAG,SAAS,EAAE,CAAC;CACpC,GAAG,WAAW,CAAC;AAKhB,iBAAS,cAAc;WAsCT,OAAO,IAA6B;;yBAVrB,GAAG;;;;EAe/B;AAUD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;6FAQnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAQpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
|
|
@@ -1,13 +1,14 @@
|
|
|
1
|
-
import { defineComponent as d, mergeModels as s, useModel as i, toRef as o, watch as u, createBlock as
|
|
2
|
-
import { QButtonGroup as
|
|
3
|
-
import { provideDefaults as
|
|
4
|
-
import { useGroup as
|
|
5
|
-
const
|
|
1
|
+
import { defineComponent as d, mergeModels as s, useModel as i, toRef as o, watch as u, createBlock as p, openBlock as m, unref as n, normalizeClass as c, withCtx as f, renderSlot as b } from "vue";
|
|
2
|
+
import { QButtonGroup as B } from "../QButtonGroup/index.js";
|
|
3
|
+
import { provideDefaults as y } from "../../composables/defaults.js";
|
|
4
|
+
import { useGroup as v } from "../../composables/useGroup/index.js";
|
|
5
|
+
const q = /* @__PURE__ */ d({
|
|
6
6
|
__name: "QToggleGroup",
|
|
7
7
|
props: /* @__PURE__ */ s({
|
|
8
8
|
id: {},
|
|
9
9
|
class: {},
|
|
10
10
|
disabled: { type: Boolean },
|
|
11
|
+
block: { type: Boolean },
|
|
11
12
|
borderless: { type: Boolean },
|
|
12
13
|
elevated: { type: Boolean },
|
|
13
14
|
multiple: { type: Boolean },
|
|
@@ -18,31 +19,32 @@ const C = /* @__PURE__ */ d({
|
|
|
18
19
|
}),
|
|
19
20
|
emits: ["update:modelValue"],
|
|
20
21
|
setup(t) {
|
|
21
|
-
const e = t, r = i(t, "modelValue"), { active: a } =
|
|
22
|
+
const e = t, r = i(t, "modelValue"), { active: a } = v({
|
|
22
23
|
active: r,
|
|
23
24
|
required: o(e, "required"),
|
|
24
25
|
multiple: o(e, "multiple")
|
|
25
26
|
});
|
|
26
27
|
return u(a, (l) => {
|
|
27
28
|
r.value = l;
|
|
28
|
-
}),
|
|
29
|
+
}), y({
|
|
29
30
|
QToggleGroupItem: {
|
|
30
31
|
disabled: o(e, "disabled"),
|
|
31
32
|
borderless: o(e, "borderless")
|
|
32
33
|
}
|
|
33
|
-
}), (l, g) => (
|
|
34
|
+
}), (l, g) => (m(), p(n(B), {
|
|
34
35
|
id: e.id,
|
|
35
36
|
class: c(e.class),
|
|
37
|
+
block: e.block,
|
|
36
38
|
elevated: e.elevated
|
|
37
39
|
}, {
|
|
38
40
|
default: f(() => [
|
|
39
|
-
|
|
41
|
+
b(l.$slots, "default")
|
|
40
42
|
]),
|
|
41
43
|
_: 3
|
|
42
44
|
/* FORWARDED */
|
|
43
|
-
}, 8, ["id", "class", "elevated"]));
|
|
45
|
+
}, 8, ["id", "class", "block", "elevated"]));
|
|
44
46
|
}
|
|
45
47
|
});
|
|
46
48
|
export {
|
|
47
|
-
|
|
49
|
+
q as default
|
|
48
50
|
};
|
|
@@ -4,6 +4,7 @@ declare const QToggleGroup: {
|
|
|
4
4
|
modelValue?: import('../../types/primitive').Primitive | import('../../types/primitive').Primitive[];
|
|
5
5
|
} & import('../../types/component').QBaseComponentProps & {
|
|
6
6
|
disabled?: boolean;
|
|
7
|
+
block?: boolean;
|
|
7
8
|
borderless?: boolean;
|
|
8
9
|
elevated?: boolean;
|
|
9
10
|
} & {
|
|
@@ -24,6 +25,7 @@ declare const QToggleGroup: {
|
|
|
24
25
|
modelValue?: import('../../types/primitive').Primitive | import('../../types/primitive').Primitive[];
|
|
25
26
|
} & import('../../types/component').QBaseComponentProps & {
|
|
26
27
|
disabled?: boolean;
|
|
28
|
+
block?: boolean;
|
|
27
29
|
borderless?: boolean;
|
|
28
30
|
elevated?: boolean;
|
|
29
31
|
} & {
|
|
@@ -39,6 +41,7 @@ declare const QToggleGroup: {
|
|
|
39
41
|
modelValue?: import('../../types/primitive').Primitive | import('../../types/primitive').Primitive[];
|
|
40
42
|
} & import('../../types/component').QBaseComponentProps & {
|
|
41
43
|
disabled?: boolean;
|
|
44
|
+
block?: boolean;
|
|
42
45
|
borderless?: boolean;
|
|
43
46
|
elevated?: boolean;
|
|
44
47
|
} & {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/QToggleGroup/index.ts"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,qBAAqB,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAA;AAKvE,QAAA,MAAM,YAAY
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/QToggleGroup/index.ts"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,qBAAqB,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAA;AAKvE,QAAA,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAAiC,CAAA;AACnD,QAAA,MAAM,gBAAgB;;;;;;;;;;;;;;;;EAAqC,CAAA;AAG3D,OAAO,EAAE,YAAY,EAAE,gBAAgB,EAAE,CAAA;AAGzC,YAAY,EAAE,qBAAqB,EAAE,iBAAiB,EAAE,CAAA"}
|
package/esm/framework.js
CHANGED
|
@@ -1,34 +1,34 @@
|
|
|
1
|
-
import { DEFAULTS_SYMBOL as
|
|
1
|
+
import { DEFAULTS_SYMBOL as i } from "./composables/defaults.js";
|
|
2
2
|
import { ThemeSymbol as h } from "./composables/theme.js";
|
|
3
3
|
import { DismissibleLayerKey as f } from "./symbols/dismissibleLayer.js";
|
|
4
4
|
import { ToastSymbol as d } from "./composables/useToast/types.js";
|
|
5
5
|
import { useDismissibleLayerStack as u } from "./composables/useDismissibleLayerStack/index.js";
|
|
6
6
|
import { createToastInstance as p } from "./composables/useToast/index.js";
|
|
7
7
|
import { defaultLightColorScheme as r, defaultDarkColorScheme as l } from "./templates/theme.js";
|
|
8
|
-
import { ref as
|
|
8
|
+
import { ref as c, watch as S } from "vue";
|
|
9
9
|
import { createThemeInstance as T, generateRootStyle as L } from "./utils/theme.js";
|
|
10
|
-
function
|
|
10
|
+
function N(o = {}) {
|
|
11
11
|
return { install: (t) => {
|
|
12
|
-
const m =
|
|
13
|
-
for (const
|
|
14
|
-
t.component(
|
|
15
|
-
const e =
|
|
16
|
-
t.provide(
|
|
17
|
-
const
|
|
18
|
-
t.provide(f,
|
|
12
|
+
const m = o.components || {};
|
|
13
|
+
for (const n in m)
|
|
14
|
+
t.component(n, m[n]);
|
|
15
|
+
const e = o.defaults || {};
|
|
16
|
+
t.provide(i, c(e)), y(t, o.themes);
|
|
17
|
+
const a = u();
|
|
18
|
+
t.provide(f, a), b(t);
|
|
19
19
|
} };
|
|
20
20
|
}
|
|
21
|
-
function y(
|
|
21
|
+
function y(o, s) {
|
|
22
22
|
const t = [];
|
|
23
23
|
let m;
|
|
24
|
-
if (
|
|
25
|
-
for (const e of
|
|
26
|
-
const
|
|
24
|
+
if (s)
|
|
25
|
+
for (const e of s.themes) {
|
|
26
|
+
const n = { ...e.mode === "light" ? r : l, ...e.colors };
|
|
27
27
|
t.push({
|
|
28
28
|
name: e.name,
|
|
29
29
|
mode: e.mode,
|
|
30
|
-
scheme:
|
|
31
|
-
}), e.name ===
|
|
30
|
+
scheme: n
|
|
31
|
+
}), e.name === s.defaultTheme && (m = e.name);
|
|
32
32
|
}
|
|
33
33
|
else {
|
|
34
34
|
const e = [
|
|
@@ -46,18 +46,18 @@ function y(s, o) {
|
|
|
46
46
|
t.push(...e), m = "light";
|
|
47
47
|
}
|
|
48
48
|
if (m) {
|
|
49
|
-
const e =
|
|
50
|
-
L(t), S(
|
|
49
|
+
const e = c(m), a = T(e, t);
|
|
50
|
+
L(t), S(a.class, k, { immediate: !0 }), o.provide(h, a);
|
|
51
51
|
}
|
|
52
52
|
}
|
|
53
|
-
function b(
|
|
54
|
-
const
|
|
55
|
-
|
|
53
|
+
function b(o) {
|
|
54
|
+
const s = p();
|
|
55
|
+
o.provide(d, s);
|
|
56
56
|
}
|
|
57
|
-
function k(
|
|
58
|
-
const
|
|
59
|
-
|
|
57
|
+
function k(o) {
|
|
58
|
+
const s = document.documentElement, m = Array.from(s.classList).filter((e) => !e.startsWith("q-theme"));
|
|
59
|
+
s.className = m.join(" "), s.classList.add(o);
|
|
60
60
|
}
|
|
61
61
|
export {
|
|
62
|
-
|
|
62
|
+
N as createFramework
|
|
63
63
|
};
|
package/esm/utils/theme.d.ts
CHANGED
|
@@ -51,4 +51,13 @@ export declare function toProperty(color: string): string;
|
|
|
51
51
|
* @throws Will throw an error if no theme with the specified name exists in `themes`.
|
|
52
52
|
*/
|
|
53
53
|
export declare function createThemeInstance(name: MaybeRefOrGetter<string>, themes: DeepReadonly<ThemeDefinition[]>): ThemeInstance;
|
|
54
|
+
/**
|
|
55
|
+
* Generates a CSS class name for a given theme.
|
|
56
|
+
*
|
|
57
|
+
* Converts the theme name to kebab-case and prepends it with `q-theme--`.
|
|
58
|
+
*
|
|
59
|
+
* @param name - The name of the theme (e.g., 'QuidgestTheme').
|
|
60
|
+
* @returns The corresponding CSS class name (e.g., 'q-theme--quidgest-theme').
|
|
61
|
+
*/
|
|
62
|
+
export declare function getThemeClass(name: string): string;
|
|
54
63
|
//# sourceMappingURL=theme.d.ts.map
|
package/esm/utils/theme.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../src/utils/theme.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,gBAAgB,EAAE,MAAM,KAAK,CAAA;AACzD,OAAO,KAAK,EAAE,eAAe,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAA;AAQ1E,eAAO,MAAM,aAAa,YAAY,CAAA;AAEtC;;;;GAIG;AACH,wBAAgB,YAAY,IAAI,gBAAgB,CAY/C;AAED;;;;;;;;;;GAUG;AACH,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,eAAe,UAoBtD;AAED;;;;GAIG;AACH,wBAAgB,iBAAiB,CAAC,MAAM,EAAE,eAAe,EAAE,QAM1D;AAED;;;;;GAKG;AACH,wBAAgB,UAAU,CAAC,KAAK,EAAE,MAAM,UAOvC;AAED;;;;;;;;;;;;;;;;;GAiBG;
|
|
1
|
+
{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../src/utils/theme.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,gBAAgB,EAAE,MAAM,KAAK,CAAA;AACzD,OAAO,KAAK,EAAE,eAAe,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAA;AAQ1E,eAAO,MAAM,aAAa,YAAY,CAAA;AAEtC;;;;GAIG;AACH,wBAAgB,YAAY,IAAI,gBAAgB,CAY/C;AAED;;;;;;;;;;GAUG;AACH,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,eAAe,UAoBtD;AAED;;;;GAIG;AACH,wBAAgB,iBAAiB,CAAC,MAAM,EAAE,eAAe,EAAE,QAM1D;AAED;;;;;GAKG;AACH,wBAAgB,UAAU,CAAC,KAAK,EAAE,MAAM,UAOvC;AAED;;;;;;;;;;;;;;;;;GAiBG;AACH,wBAAgB,mBAAmB,CAClC,IAAI,EAAE,gBAAgB,CAAC,MAAM,CAAC,EAC9B,MAAM,EAAE,YAAY,CAAC,eAAe,EAAE,CAAC,GACrC,aAAa,CAqBf;AAED;;;;;;;GAOG;AACH,wBAAgB,aAAa,CAAC,IAAI,EAAE,MAAM,UAEzC"}
|
package/esm/utils/theme.js
CHANGED
|
@@ -1,15 +1,15 @@
|
|
|
1
|
-
import { ref as
|
|
2
|
-
import { parseColor as
|
|
3
|
-
import { toKebabCase as
|
|
1
|
+
import { ref as d, toValue as p, computed as c } from "vue";
|
|
2
|
+
import { parseColor as $ } from "./color.js";
|
|
3
|
+
import { toKebabCase as l } from "./string.js";
|
|
4
4
|
const a = "q-theme";
|
|
5
|
-
function
|
|
5
|
+
function g() {
|
|
6
6
|
let e = document.getElementById(
|
|
7
7
|
a
|
|
8
8
|
);
|
|
9
9
|
return e || (e = document.createElement("style"), e.id = a, document.head.appendChild(e)), e;
|
|
10
10
|
}
|
|
11
|
-
function
|
|
12
|
-
let t =
|
|
11
|
+
function i(e) {
|
|
12
|
+
let t = `.${f(e.name)} {
|
|
13
13
|
`;
|
|
14
14
|
const n = e.scheme;
|
|
15
15
|
let o;
|
|
@@ -18,42 +18,46 @@ function l(e) {
|
|
|
18
18
|
if (r) {
|
|
19
19
|
t += ` ${u(o)}: ${r};
|
|
20
20
|
`;
|
|
21
|
-
const
|
|
22
|
-
t += ` ${u(o)}-rgb: ${
|
|
21
|
+
const s = $(r);
|
|
22
|
+
t += ` ${u(o)}-rgb: ${s.r} ${s.g} ${s.b};
|
|
23
23
|
`;
|
|
24
24
|
}
|
|
25
25
|
}
|
|
26
26
|
return t += `}
|
|
27
27
|
`, t;
|
|
28
28
|
}
|
|
29
|
-
function
|
|
30
|
-
const t = e.map(
|
|
31
|
-
`), n =
|
|
29
|
+
function b(e) {
|
|
30
|
+
const t = e.map(i).join(`
|
|
31
|
+
`), n = g();
|
|
32
32
|
n.textContent = t;
|
|
33
33
|
}
|
|
34
34
|
function u(e) {
|
|
35
|
-
return e ? `--q-theme-${
|
|
35
|
+
return e ? `--q-theme-${l(e)}` : "";
|
|
36
36
|
}
|
|
37
|
-
function
|
|
38
|
-
const n =
|
|
39
|
-
const
|
|
40
|
-
if (!
|
|
37
|
+
function v(e, t) {
|
|
38
|
+
const n = d(p(e)), o = c(() => {
|
|
39
|
+
const m = t.find((h) => h.name === n.value);
|
|
40
|
+
if (!m)
|
|
41
41
|
throw new Error(`Theme "${n.value}" not found`);
|
|
42
|
-
return
|
|
43
|
-
}), r = c(() =>
|
|
42
|
+
return m;
|
|
43
|
+
}), r = c(() => f(o.value.name)), s = c(() => i(o.value));
|
|
44
44
|
return {
|
|
45
45
|
name: n,
|
|
46
46
|
current: o,
|
|
47
47
|
themes: t,
|
|
48
48
|
class: r,
|
|
49
|
-
css:
|
|
49
|
+
css: s
|
|
50
50
|
};
|
|
51
51
|
}
|
|
52
|
+
function f(e) {
|
|
53
|
+
return `q-theme--${l(e)}`;
|
|
54
|
+
}
|
|
52
55
|
export {
|
|
53
56
|
a as THEME_NODE_ID,
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
57
|
+
v as createThemeInstance,
|
|
58
|
+
b as generateRootStyle,
|
|
59
|
+
i as generateThemeCss,
|
|
60
|
+
f as getThemeClass,
|
|
61
|
+
g as getThemeNode,
|
|
58
62
|
u as toProperty
|
|
59
63
|
};
|