@glimstone/vue 4.1.0 → 4.1.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (46) hide show
  1. package/dist/Button.vue.d.ts +23 -2
  2. package/dist/Card.vue.d.ts +2 -0
  3. package/dist/Combobox.js +32 -31
  4. package/dist/Combobox.vue.d.ts +1 -1
  5. package/dist/ContextMenu.vue.d.ts +2 -0
  6. package/dist/CopyField.vue.d.ts +4 -2
  7. package/dist/FieldRow.vue.d.ts +32 -0
  8. package/dist/FieldRowGroup.vue.d.ts +19 -0
  9. package/dist/GlyphField.vue.d.ts +35 -0
  10. package/dist/GlyphTile.vue.d.ts +13 -0
  11. package/dist/IconButton.vue.d.ts +18 -0
  12. package/dist/IconTipButton.vue.d.ts +2 -0
  13. package/dist/ListRow.vue.d.ts +26 -0
  14. package/dist/ListSelect.vue.d.ts +4 -1
  15. package/dist/MenuChoice.vue.d.ts +2 -1
  16. package/dist/MenuSelect.vue.d.ts +4 -1
  17. package/dist/MenuSubmenu.vue.d.ts +2 -1
  18. package/dist/Meter.vue.d.ts +1 -1
  19. package/dist/PasswordField.vue.d.ts +7 -1
  20. package/dist/PathField.vue.d.ts +40 -0
  21. package/dist/RowMark.vue.d.ts +6 -0
  22. package/dist/Select.js +241 -218
  23. package/dist/Select.vue.d.ts +10 -4
  24. package/dist/Selector.vue.d.ts +48 -50
  25. package/dist/SelectorSegment.vue.d.ts +1 -1
  26. package/dist/SidebarRow.vue.d.ts +19 -2
  27. package/dist/SidebarRowLink.vue.d.ts +17 -0
  28. package/dist/Slider.js +19 -18
  29. package/dist/Slider.vue.d.ts +1 -1
  30. package/dist/SubCard.vue.d.ts +1 -1
  31. package/dist/Table.vue.d.ts +32 -0
  32. package/dist/TextArea.vue.d.ts +21 -0
  33. package/dist/TextField.vue.d.ts +21 -0
  34. package/dist/ToastViewport.vue.d.ts +2 -1
  35. package/dist/Toggle.vue.d.ts +2 -1
  36. package/dist/Tree.vue.d.ts +23 -0
  37. package/dist/Window.vue.d.ts +5 -1
  38. package/dist/fieldName-DBygJJfe.js +8 -0
  39. package/dist/fieldName.d.ts +5 -0
  40. package/dist/{glyphs-Cgknt-k1.js → glyphs-CYhs4mrY.js} +2 -2
  41. package/dist/glyphs.d.ts +1 -0
  42. package/dist/index.d.ts +15 -2
  43. package/dist/index.js +1238 -657
  44. package/dist/selectorItem.d.ts +5 -3
  45. package/dist/windowParts.d.ts +6 -1
  46. package/package.json +2 -2
@@ -1,9 +1,9 @@
1
- import { type SelectSize, type SelectWidth } from "@glimstone/core";
1
+ import { type SelectRows, type SelectSize, type SelectWidth } from "@glimstone/core";
2
2
  import type { SelectGroup, SelectOption } from "./selectParts";
3
3
  declare const __VLS_export: <T extends string>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
4
4
  props: import("vue").PublicProps & __VLS_PrettifyLocal<({
5
- /** The field's name, always the accessible name. */
6
- label: string;
5
+ /** The field's name, always the accessible name. Inside a FieldRow the row gives it and draws the words. */
6
+ label?: string;
7
7
  /** Draw the label off screen, for a settings row that names the field at its start. */
8
8
  hideLabel?: boolean;
9
9
  /** Every choice, in list order, for a list without groups. */
@@ -12,13 +12,19 @@ declare const __VLS_export: <T extends string>(__VLS_props: NonNullable<Awaited<
12
12
  groups?: SelectGroup<T>[];
13
13
  /** Shown while the value is null. */
14
14
  placeholder?: string;
15
- /** Defaults to `fill` for a field and to `steady` for the smaller sizes. */
15
+ /** Defaults to `fill` for a field and to `steady` for the smaller sizes and inside a FieldRow. */
16
16
  width?: SelectWidth;
17
17
  size?: SelectSize;
18
+ /** `menu` draws the open list with a context menu's rows, so an app with both shows one kind of menu row. */
19
+ rows?: SelectRows;
18
20
  /** Lets a long value run onto a second line, for one whose end says as much as its start. */
19
21
  wrap?: boolean;
20
22
  /** The trigger's id, for a `<label for>` outside the select. */
21
23
  id?: string;
24
+ /** Attributes for the trigger, such as a data hook that says the value. */
25
+ triggerAttrs?: Record<string, string>;
26
+ /** The open list's id. */
27
+ listId?: string;
22
28
  disabled?: boolean;
23
29
  /** A choice is out and its answer not back yet: the trigger keeps its focus but takes no input. */
24
30
  busy?: boolean;
@@ -1,55 +1,53 @@
1
1
  import { type SelectMode, type SelectorActivation, type SelectorOrientation, type SelectorSize, type SelectorVariant } from "@glimstone/core";
2
2
  import type { SelectorItem } from "./selectorItem";
3
- type __VLS_Props = {
4
- items: SelectorItem[];
5
- /** The accessible name of the strip, such as "Sort" or "Settings pages". */
6
- label: string;
7
- select?: SelectMode;
8
- /** `vertical` is the column of tiles beside a settings area's pages. */
9
- orientation?: SelectorOrientation;
10
- size?: SelectorSize;
11
- variant?: SelectorVariant;
12
- /** "manual" moves the focus and chooses on Space, Enter or a click, for a strip that saves a setting. */
13
- activation?: SelectorActivation;
14
- /** Pin every segment to the widest one's measured width; the page-level picker. */
15
- equalWidth?: boolean;
16
- /** Hug the segments, for a strip that shares a toolbar row. */
17
- inline?: boolean;
18
- /** Keep every segment on one row, for page tabs. */
19
- fit?: boolean;
20
- /** Below 600px, two segments to a row with labels that wrap. */
21
- pairsOnPhone?: boolean;
22
- /** The button height for every segment, for a strip beside a Button. */
23
- buttonHeight?: boolean;
24
- /** Take a colour under rainbow. */
25
- hue?: boolean;
26
- /** Makes the strip a tab strip for colour, each segment keeping its own position from here. */
27
- hueOffset?: number;
28
- disabled?: boolean;
29
- /** The id of the panel a tab strip switches. */
30
- panelId?: string;
3
+ declare const __VLS_export: <V extends string | number = string, M extends SelectMode = "one">(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
4
+ props: import("vue").PublicProps & __VLS_PrettifyLocal<{
5
+ items: SelectorItem<V>[];
6
+ /** The accessible name of the strip, such as "Sort" or "Settings pages". Inside a FieldRow the row gives it. */
7
+ label?: string;
8
+ /** The chosen id, or the list of chosen ids for select="many". */
9
+ modelValue: M extends "many" ? V[] : V | null;
10
+ select?: M;
11
+ /** `vertical` is the column of tiles beside a settings area's pages. */
12
+ orientation?: SelectorOrientation;
13
+ size?: SelectorSize;
14
+ variant?: SelectorVariant;
15
+ /** "manual" moves the focus and chooses on Space, Enter or a click, for a strip that saves a setting. */
16
+ activation?: SelectorActivation;
17
+ /** Pin every segment to the widest one's measured width; the page-level picker. */
18
+ equalWidth?: boolean;
19
+ /** Hug the segments, for a strip that shares a toolbar row, as it does inside a FieldRow. */
20
+ inline?: boolean;
21
+ /** Keep every segment on one row, for page tabs. */
22
+ fit?: boolean;
23
+ /** Below 600px, two segments to a row with labels that wrap. */
24
+ pairsOnPhone?: boolean;
25
+ /** The button height for every segment, for a strip beside a Button. */
26
+ buttonHeight?: boolean;
27
+ /** Take a colour under rainbow. */
28
+ hue?: boolean;
29
+ /** Makes the strip a tab strip for colour, each segment keeping its own position from here. */
30
+ hueOffset?: number;
31
+ disabled?: boolean;
32
+ /** The id of the panel a tab strip switches. */
33
+ panelId?: string;
34
+ } & {
35
+ "onUpdate:modelValue"?: ((value: M extends "many" ? V[] : V) => any) | undefined;
36
+ onPress?: ((id: V) => any) | undefined;
37
+ }> & (typeof globalThis extends {
38
+ __VLS_PROPS_FALLBACK: infer P;
39
+ } ? P : {});
40
+ expose: (exposed: {}) => void;
41
+ attrs: any;
42
+ slots: {};
43
+ emit: ((evt: "update:modelValue", value: M extends "many" ? V[] : V) => void) & ((evt: "press", id: V) => void);
44
+ }>) => import("vue").VNode & {
45
+ __ctx?: NonNullable<Awaited<typeof __VLS_setup>>;
31
46
  };
32
- type __VLS_ModelProps = {
33
- modelValue: string | null | string[];
34
- };
35
- type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
36
- declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
37
- "update:modelValue": (value: string | string[] | null) => any;
38
- }, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
39
- "onUpdate:modelValue"?: ((value: string | string[] | null) => any) | undefined;
40
- }>, {
41
- disabled: boolean;
42
- select: SelectMode;
43
- size: SelectorSize;
44
- variant: SelectorVariant;
45
- hue: boolean;
46
- inline: boolean;
47
- orientation: SelectorOrientation;
48
- equalWidth: boolean;
49
- buttonHeight: boolean;
50
- pairsOnPhone: boolean;
51
- activation: SelectorActivation;
52
- fit: boolean;
53
- }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
54
47
  declare const _default: typeof __VLS_export;
55
48
  export default _default;
49
+ type __VLS_PrettifyLocal<T> = (T extends any ? {
50
+ [K in keyof T]: T[K];
51
+ } : {
52
+ [K in keyof T as K]: T[K];
53
+ }) & {};
@@ -1,7 +1,7 @@
1
1
  import { type SelectorOrientation, type SelectorSize, type SelectorVariant, type SelectorView } from "@glimstone/core";
2
2
  import type { SelectorItem } from "./selectorItem";
3
3
  type __VLS_Props = {
4
- item: SelectorItem;
4
+ item: SelectorItem<string | number>;
5
5
  index: number;
6
6
  strip: SelectorView;
7
7
  on: boolean;
@@ -4,7 +4,8 @@ type __VLS_Props = {
4
4
  label: string;
5
5
  /** Without one the row shows its name in every mode. */
6
6
  glyph?: Component;
7
- href: string;
7
+ /** Without one the row is a button. */
8
+ href?: string;
8
9
  /** This destination is showing; the row is filled and marked as the current page. */
9
10
  active?: boolean;
10
11
  /** The row's rank among the rows the rail shows. */
@@ -14,9 +15,25 @@ type __VLS_Props = {
14
15
  value: number;
15
16
  label: string;
16
17
  };
18
+ /** A tree's row at this level, stepped in with a smaller glyph and gap. */
19
+ depth?: number;
17
20
  };
18
- declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
21
+ declare const __VLS_template: () => {
22
+ __VLS_Slots: {
23
+ before?: (props: {}) => any;
24
+ } & {
25
+ after?: (props: {}) => any;
26
+ };
27
+ };
28
+ type __VLS_Slots = ReturnType<typeof __VLS_template>['__VLS_Slots'];
29
+ declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
19
30
  active: boolean;
20
31
  }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
32
+ declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
21
33
  declare const _default: typeof __VLS_export;
22
34
  export default _default;
35
+ type __VLS_WithSlots<T, S> = T & {
36
+ new (): {
37
+ $slots: S;
38
+ };
39
+ };
@@ -0,0 +1,17 @@
1
+ import type { Component } from "vue";
2
+ import type { SidebarRowView } from "@glimstone/core";
3
+ type __VLS_Props = {
4
+ view: SidebarRowView;
5
+ className: string;
6
+ label: string;
7
+ glyph?: Component;
8
+ href?: string;
9
+ active?: boolean;
10
+ count?: {
11
+ value: number;
12
+ label: string;
13
+ };
14
+ };
15
+ declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
16
+ declare const _default: typeof __VLS_export;
17
+ export default _default;
package/dist/Slider.js CHANGED
@@ -1,10 +1,11 @@
1
- import { Fragment as e, computed as t, createElementBlock as n, createElementVNode as r, defineComponent as i, mergeModels as a, mergeProps as o, openBlock as s, renderList as c, toDisplayString as l, useId as u, useModel as d } from "vue";
2
- import { normalizeProps as f, useMachine as p } from "@zag-js/vue";
3
- import * as m from "@zag-js/slider";
1
+ import { r as e } from "./fieldName-DBygJJfe.js";
2
+ import { Fragment as t, computed as n, createElementBlock as r, createElementVNode as i, defineComponent as a, mergeModels as o, mergeProps as s, openBlock as c, renderList as l, toDisplayString as u, unref as d, useId as f, useModel as p } from "vue";
3
+ import { normalizeProps as m, useMachine as h } from "@zag-js/vue";
4
+ import * as g from "@zag-js/slider";
4
5
  // src/Slider.vue?vue&type=script&setup=true&lang.ts
5
- var h = { class: "glim-slider-head" }, g = /* @__PURE__ */ i({
6
+ var _ = { class: "glim-slider-head" }, v = /* @__PURE__ */ a({
6
7
  __name: "Slider",
7
- props: /*@__PURE__*/ a({
8
+ props: /*@__PURE__*/ o({
8
9
  label: {},
9
10
  min: {},
10
11
  max: {},
@@ -19,18 +20,18 @@ var h = { class: "glim-slider-head" }, g = /* @__PURE__ */ i({
19
20
  modelModifiers: {}
20
21
  }),
21
22
  emits: ["update:modelValue"],
22
- setup(i) {
23
- let a = i, g = d(i, "modelValue"), _ = u(), v = p(m.machine, t(() => ({
24
- id: _,
25
- value: [g.value],
26
- min: a.min,
27
- max: a.max,
28
- step: a.step,
29
- disabled: a.disabled,
30
- onValueChange: (e) => g.value = e.value[0],
31
- getAriaValueText: (e) => a.format(e.value)
32
- }))), y = t(() => m.connect(v, f));
33
- return (t, a) => (s(), n("div", o(y.value.getRootProps(), { class: "glim-slider" }), [r("div", h, [r("label", o(y.value.getLabelProps(), { class: "glim-field-label" }), l(i.label), 17), r("output", o(y.value.getValueTextProps(), { class: "glim-slider-value" }), l(i.format(y.value.value[0])), 17)]), r("div", o(y.value.getControlProps(), { class: "glim-slider-control" }), [r("div", o(y.value.getTrackProps(), { class: "glim-slider-track" }), [r("div", o(y.value.getRangeProps(), { class: "glim-slider-range" }), null, 16)], 16), (s(!0), n(e, null, c(y.value.value, (e, t) => (s(), n("div", o({ key: t }, { ref_for: !0 }, y.value.getThumbProps({ index: t }), { class: "glim-slider-thumb" }), [r("input", o({ ref_for: !0 }, y.value.getHiddenInputProps({ index: t })), null, 16)], 16))), 128))], 16)], 16));
23
+ setup(a) {
24
+ let o = a, v = p(a, "modelValue"), y = e(() => o.label), b = f(), x = h(g.machine, n(() => ({
25
+ id: b,
26
+ value: [v.value],
27
+ min: o.min,
28
+ max: o.max,
29
+ step: o.step,
30
+ disabled: o.disabled,
31
+ onValueChange: (e) => v.value = e.value[0],
32
+ getAriaValueText: (e) => o.format(e.value)
33
+ }))), S = n(() => g.connect(x, m));
34
+ return (e, n) => (c(), r("div", s(S.value.getRootProps(), { class: "glim-slider" }), [i("div", _, [i("label", s(S.value.getLabelProps(), { class: a.label === void 0 ? "glim-sr-only" : "glim-field-label" }), u(d(y)), 17), i("output", s(S.value.getValueTextProps(), { class: "glim-slider-value" }), u(a.format(S.value.value[0])), 17)]), i("div", s(S.value.getControlProps(), { class: "glim-slider-control" }), [i("div", s(S.value.getTrackProps(), { class: "glim-slider-track" }), [i("div", s(S.value.getRangeProps(), { class: "glim-slider-range" }), null, 16)], 16), (c(!0), r(t, null, l(S.value.value, (e, t) => (c(), r("div", s({ key: t }, { ref_for: !0 }, S.value.getThumbProps({ index: t }), { class: "glim-slider-thumb" }), [i("input", s({ ref_for: !0 }, S.value.getHiddenInputProps({ index: t })), null, 16)], 16))), 128))], 16)], 16));
34
35
  }
35
36
  });
36
- export { g as Slider };
37
+ export { v as Slider };
@@ -1,5 +1,5 @@
1
1
  type __VLS_Props = {
2
- label: string;
2
+ label?: string;
3
3
  min: number;
4
4
  max: number;
5
5
  step?: number;
@@ -1,6 +1,6 @@
1
1
  type __VLS_Props = {
2
2
  /** The group's name, set small and uppercase above it. */
3
- title: string;
3
+ title?: string;
4
4
  /** One line on what the group does, drawn as an "(i)" beside the title. */
5
5
  hint?: string;
6
6
  };
@@ -0,0 +1,32 @@
1
+ import { type TableColumn } from "@glimstone/core";
2
+ declare const __VLS_export: <T extends object>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
3
+ props: import("vue").PublicProps & __VLS_PrettifyLocal<{
4
+ /** The table's accessible name. */
5
+ label: string;
6
+ columns: readonly TableColumn[];
7
+ rows: readonly T[];
8
+ /** One quiet line under the last row, such as how many more there are. */
9
+ more?: string;
10
+ }> & (typeof globalThis extends {
11
+ __VLS_PROPS_FALLBACK: infer P;
12
+ } ? P : {});
13
+ expose: (exposed: {}) => void;
14
+ attrs: any;
15
+ slots: {
16
+ cell?: (props: {
17
+ row: T;
18
+ column: TableColumn;
19
+ value: unknown;
20
+ }) => any;
21
+ };
22
+ emit: {};
23
+ }>) => import("vue").VNode & {
24
+ __ctx?: NonNullable<Awaited<typeof __VLS_setup>>;
25
+ };
26
+ declare const _default: typeof __VLS_export;
27
+ export default _default;
28
+ type __VLS_PrettifyLocal<T> = (T extends any ? {
29
+ [K in keyof T]: T[K];
30
+ } : {
31
+ [K in keyof T as K]: T[K];
32
+ }) & {};
@@ -0,0 +1,21 @@
1
+ import { type FieldWidth } from "@glimstone/core";
2
+ type __VLS_Props = {
3
+ /** The accessible name. Inside a FieldRow the row gives it. */
4
+ label?: string;
5
+ /** Sets the text in monospace. */
6
+ mono?: boolean;
7
+ width?: FieldWidth;
8
+ };
9
+ type __VLS_ModelProps = {
10
+ modelValue?: string;
11
+ };
12
+ type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
13
+ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {
14
+ input: import("vue").ShallowRef<HTMLTextAreaElement | null, HTMLTextAreaElement | null>;
15
+ }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
16
+ "update:modelValue": (value: string) => any;
17
+ }, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
18
+ "onUpdate:modelValue"?: ((value: string) => any) | undefined;
19
+ }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
20
+ declare const _default: typeof __VLS_export;
21
+ export default _default;
@@ -0,0 +1,21 @@
1
+ import { type FieldWidth } from "@glimstone/core";
2
+ type __VLS_Props = {
3
+ /** The accessible name. Inside a FieldRow the row gives it. */
4
+ label?: string;
5
+ /** Sets a path or a token in monospace. */
6
+ mono?: boolean;
7
+ width?: FieldWidth;
8
+ };
9
+ type __VLS_ModelProps = {
10
+ modelValue?: string;
11
+ };
12
+ type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
13
+ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {
14
+ input: import("vue").ShallowRef<HTMLInputElement | null, HTMLInputElement | null>;
15
+ }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
16
+ "update:modelValue": (value: string) => any;
17
+ }, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
18
+ "onUpdate:modelValue"?: ((value: string) => any) | undefined;
19
+ }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
20
+ declare const _default: typeof __VLS_export;
21
+ export default _default;
@@ -1,9 +1,10 @@
1
- import { type ToastSeverity } from "@glimstone/core";
1
+ import { type ToastAction, type ToastSeverity } from "@glimstone/core";
2
2
  type __VLS_Props = {
3
3
  toasts: {
4
4
  id: string;
5
5
  message: string;
6
6
  severity: ToastSeverity;
7
+ action?: ToastAction;
7
8
  }[];
8
9
  /** Accessible name for each dismiss button. */
9
10
  dismissLabel: string;
@@ -1,5 +1,6 @@
1
1
  type __VLS_Props = {
2
- label: string;
2
+ /** The accessible name, shown beside the switch. Inside a FieldRow the row gives it. */
3
+ label?: string;
3
4
  /** Use it only when the caller draws the same text right next to the
4
5
  * switch, never because a card title further up already says it. */
5
6
  hideLabel?: boolean;
@@ -0,0 +1,23 @@
1
+ import type { TreeNode } from "./windowParts";
2
+ type __VLS_Props = {
3
+ /** The tree's accessible name. */
4
+ label: string;
5
+ /** Asked once for the children of a row, and for the top with null. A list that fails is asked for again on the next opening. */
6
+ load: (id: string | null) => readonly TreeNode[] | Promise<readonly TreeNode[]>;
7
+ };
8
+ type __VLS_ModelProps = {
9
+ modelValue?: string | null;
10
+ "open"?: string[];
11
+ };
12
+ type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
13
+ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
14
+ "update:modelValue": (value: string | null) => any;
15
+ activate: (id: string) => any;
16
+ "update:open": (value: string[]) => any;
17
+ }, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
18
+ "onUpdate:modelValue"?: ((value: string | null) => any) | undefined;
19
+ onActivate?: ((id: string) => any) | undefined;
20
+ "onUpdate:open"?: ((value: string[]) => any) | undefined;
21
+ }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
22
+ declare const _default: typeof __VLS_export;
23
+ export default _default;
@@ -18,13 +18,17 @@ type __VLS_Props = {
18
18
  };
19
19
  declare const __VLS_template: () => {
20
20
  __VLS_Slots: {
21
+ title?: (props: {}) => any;
22
+ } & {
21
23
  default?: (props: {}) => any;
22
24
  } & {
23
25
  start?: (props: {}) => any;
24
26
  };
25
27
  };
26
28
  type __VLS_Slots = ReturnType<typeof __VLS_template>['__VLS_Slots'];
27
- declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
29
+ declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {
30
+ card: import("vue").ShallowRef<HTMLElement | null, HTMLElement | null>;
31
+ }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
28
32
  close: () => any;
29
33
  }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
30
34
  onClose?: (() => any) | undefined;
@@ -0,0 +1,8 @@
1
+ import { computed as e, inject as t } from "vue";
2
+ // src/fieldName.ts
3
+ var n = Symbol("glimstone.fieldRow"), r = Symbol("glimstone.fieldRowGroup");
4
+ function i(r) {
5
+ let i = t(n, null);
6
+ return e(() => r() ?? i?.value);
7
+ }
8
+ export { r as n, i as r, n as t };
@@ -0,0 +1,5 @@
1
+ import { type ComputedRef, type InjectionKey } from "vue";
2
+ export declare const FIELD_ROW: InjectionKey<ComputedRef<string>>;
3
+ export declare const FIELD_ROW_GROUP: InjectionKey<boolean>;
4
+ /** A control's accessible name: its own, or the label of the row it stands in. */
5
+ export declare function useFieldName(own: () => string | undefined): ComputedRef<string | undefined>;
@@ -23,5 +23,5 @@ function o(t) {
23
23
  class: "glim-mark"
24
24
  });
25
25
  }
26
- var s = o(t.close), c = o(t.cancel), l = o(t.check), u = o(t.expand), d = o(t.pencil), f = o(t.windowMinimise), p = o(t.windowMaximise), m = o(t.windowRestore), h = o(t.eye), g = o(t.eyeOff), _ = o(t.copy);
27
- export { u as a, d as c, m as d, a as f, _ as i, p as l, r as m, l as n, h as o, i as p, s as r, g as s, c as t, f as u };
26
+ var s = o(t.close), c = o(t.cancel), l = o(t.check), u = o(t.expand), d = o(t.folderOpen), f = o(t.pencil), p = o(t.windowMinimise), m = o(t.windowMaximise), h = o(t.windowRestore), g = o(t.eye), _ = o(t.eyeOff), v = o(t.copy);
27
+ export { u as a, d as c, p as d, h as f, r as h, v as i, f as l, i as m, l as n, g as o, a as p, s as r, _ as s, c as t, m as u };
package/dist/glyphs.d.ts CHANGED
@@ -16,6 +16,7 @@ export declare const IconClose: FunctionalComponent<{}, {}, any, {}>;
16
16
  export declare const IconCancel: FunctionalComponent<{}, {}, any, {}>;
17
17
  export declare const IconCheck: FunctionalComponent<{}, {}, any, {}>;
18
18
  export declare const IconExpand: FunctionalComponent<{}, {}, any, {}>;
19
+ export declare const IconFolderOpen: FunctionalComponent<{}, {}, any, {}>;
19
20
  export declare const IconPencil: FunctionalComponent<{}, {}, any, {}>;
20
21
  export declare const IconWindowMinimise: FunctionalComponent<{}, {}, any, {}>;
21
22
  export declare const IconWindowMaximise: FunctionalComponent<{}, {}, any, {}>;
package/dist/index.d.ts CHANGED
@@ -8,6 +8,11 @@ export { default as ConfirmDialog } from "./ConfirmDialog.vue";
8
8
  export { default as ContextMenu } from "./ContextMenu.vue";
9
9
  export { default as CopyField } from "./CopyField.vue";
10
10
  export { default as EmptyState } from "./EmptyState.vue";
11
+ export { default as FieldRow } from "./FieldRow.vue";
12
+ export { default as FieldRowGroup } from "./FieldRowGroup.vue";
13
+ export { default as GlyphField } from "./GlyphField.vue";
14
+ export { default as GlyphTile } from "./GlyphTile.vue";
15
+ export { default as IconButton } from "./IconButton.vue";
11
16
  export { default as IconTipButton } from "./IconTipButton.vue";
12
17
  export { default as InfoAboutCard } from "./InfoAboutCard.vue";
13
18
  export { default as InfoBubble } from "./InfoBubble.vue";
@@ -15,28 +20,36 @@ export { default as InfoHelpCard } from "./InfoHelpCard.vue";
15
20
  export { default as InfoTile } from "./InfoTile.vue";
16
21
  export { default as InfoVersionCard } from "./InfoVersionCard.vue";
17
22
  export { default as Kbd } from "./Kbd.vue";
23
+ export { default as ListRow } from "./ListRow.vue";
18
24
  export { default as MenuBar } from "./MenuBar.vue";
19
25
  export { default as Meter } from "./Meter.vue";
20
26
  export { default as NumberField } from "./NumberField.vue";
21
27
  export { default as PasswordField } from "./PasswordField.vue";
28
+ export { default as PathField } from "./PathField.vue";
22
29
  export { default as Pill } from "./Pill.vue";
23
30
  export { default as ProgressBar } from "./ProgressBar.vue";
24
31
  export { default as ReadmeButton } from "./ReadmeButton.vue";
32
+ export { default as RowMark } from "./RowMark.vue";
25
33
  export { default as Selector } from "./Selector.vue";
26
34
  export { default as SidebarRow } from "./SidebarRow.vue";
27
35
  export { default as SubCard } from "./SubCard.vue";
36
+ export { default as Table } from "./Table.vue";
37
+ export { default as TextArea } from "./TextArea.vue";
38
+ export { default as TextField } from "./TextField.vue";
28
39
  export { default as ToastViewport } from "./ToastViewport.vue";
29
40
  export { default as Toggle } from "./Toggle.vue";
41
+ export { default as Tree } from "./Tree.vue";
30
42
  export { default as UnavailableNotice } from "./UnavailableNotice.vue";
31
43
  export { default as Window } from "./Window.vue";
32
44
  export { useConfirm, type ConfirmOptions, type ConfirmText } from "./confirm";
45
+ export { useFieldName } from "./fieldName";
33
46
  export { useAccent, useHue, useLabelMode, useMotion, useRainbow, useShape } from "./engines";
34
47
  export * from "./glyphs";
35
48
  export type { InfoAboutCardProps, InfoHelpCardProps, InfoVersionCardProps } from "./info";
36
49
  export type { SelectEntry, SelectGroup, SelectOption, SelectSubmenu } from "./selectParts";
37
50
  export type { SelectorItem } from "./selectorItem";
38
- export type { MenuBarMenu, MenuEntry, MenuHead, MenuItem, WindowAction } from "./windowParts";
39
- export type { ColorName, ColorPickerPanelText, MeterSize, PillTone, WindowSize } from "@glimstone/core";
51
+ export type { MenuBarMenu, MenuEntry, MenuHead, MenuItem, TreeNode, WindowAction } from "./windowParts";
52
+ export type { ButtonSize, ColorName, ColorPickerPanelText, FieldWidth, MeterSize, PillTone, SelectRows, TableColumn, ToastAction, WindowSize } from "@glimstone/core";
40
53
  export { selectorTabId } from "@glimstone/core";
41
54
  export { useTipBubble, type TipBubble } from "./tipBubble";
42
55
  export { GLIMSTONE_VERSION } from "@glimstone/core";