@openreachtech/furo-vue 1.6.0 → 2.0.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.
Files changed (119) hide show
  1. package/README.ja.md +2 -0
  2. package/README.md +2 -0
  3. package/docs/design-tokens.md +419 -0
  4. package/docs/furo-accordion.md +109 -0
  5. package/docs/furo-alert-dialog.md +107 -0
  6. package/docs/furo-attachment.md +133 -0
  7. package/docs/furo-autocomplete-field.md +719 -0
  8. package/docs/furo-avatar-group.md +87 -0
  9. package/docs/furo-avatar.md +101 -0
  10. package/docs/furo-badge.md +126 -0
  11. package/docs/furo-breadcrumb.md +89 -0
  12. package/docs/furo-button.md +263 -0
  13. package/docs/furo-checkbox.md +384 -0
  14. package/docs/furo-collapsible.md +104 -0
  15. package/docs/furo-control-block.md +102 -0
  16. package/docs/furo-date-picker.md +270 -0
  17. package/docs/furo-date-time-picker.md +110 -0
  18. package/docs/furo-dialog.md +88 -0
  19. package/docs/furo-drawer.md +122 -0
  20. package/docs/furo-dropdown-menu.md +298 -0
  21. package/docs/furo-editable-field.md +391 -0
  22. package/docs/furo-editor.md +304 -0
  23. package/docs/furo-email-field.md +93 -0
  24. package/docs/furo-empty-state.md +97 -0
  25. package/docs/furo-error-state.md +97 -0
  26. package/docs/furo-file-field.md +163 -0
  27. package/docs/furo-icon.md +288 -0
  28. package/docs/furo-number-field.md +397 -0
  29. package/docs/furo-pagination.md +101 -0
  30. package/docs/furo-password-field.md +75 -0
  31. package/docs/furo-popover.md +114 -0
  32. package/docs/furo-radio.md +125 -0
  33. package/docs/furo-scroll-area.md +112 -0
  34. package/docs/furo-search-field.md +94 -0
  35. package/docs/furo-section-header.md +135 -0
  36. package/docs/furo-select.md +443 -0
  37. package/docs/furo-separator.md +87 -0
  38. package/docs/furo-sidebar.md +178 -0
  39. package/docs/furo-skeleton.md +92 -0
  40. package/docs/furo-splitter.md +103 -0
  41. package/docs/furo-stepper.md +127 -0
  42. package/docs/furo-switch.md +107 -0
  43. package/docs/furo-table.md +233 -0
  44. package/docs/furo-tabs.md +173 -0
  45. package/docs/furo-text-field.md +249 -0
  46. package/docs/furo-textarea.md +214 -0
  47. package/docs/furo-time-field.md +276 -0
  48. package/docs/furo-toast.md +217 -0
  49. package/docs/furo-toggle-group.md +123 -0
  50. package/docs/furo-toggle.md +104 -0
  51. package/docs/furo-tool-bar.md +88 -0
  52. package/docs/furo-tooltip.md +107 -0
  53. package/lib/components/atoms/FuroButton/FuroButtonContext.js +8 -8
  54. package/lib/components/atoms/FuroCheckbox/FuroCheckboxContext.js +1 -1
  55. package/lib/components/atoms/FuroSwitch/FuroSwitchContext.js +1 -1
  56. package/lib/components/atoms/FuroToggle/FuroToggleContext.js +1 -1
  57. package/lib/components/molecules/FuroAccordion/FuroAccordionContext.js +1 -1
  58. package/lib/components/molecules/FuroCollapsible/FuroCollapsibleContext.js +1 -1
  59. package/lib/components/molecules/FuroDropdownMenu/FuroDropdownMenuContext.js +1 -2
  60. package/lib/components/molecules/FuroPopover/FuroPopoverContext.js +1 -1
  61. package/lib/components/molecules/FuroSelect/FuroSelect.vue +8 -6
  62. package/lib/components/molecules/FuroSelect/FuroSelectContext.js +35 -0
  63. package/lib/components/molecules/FuroSelect/FuroSelectOptionText.vue +40 -0
  64. package/lib/components/molecules/FuroSelect/FuroSelectOptionTextContext.js +275 -0
  65. package/lib/components/molecules/FuroSplitter/FuroSplitterContext.js +1 -1
  66. package/lib/components/molecules/FuroToggleGroup/FuroToggleGroupContext.js +1 -1
  67. package/lib/components/molecules/FuroTooltip/FuroTooltipContext.js +1 -1
  68. package/lib/components/organisms/FuroTable/FuroTableContext.js +3 -3
  69. package/lib/components/organisms/FuroToast/FuroToastContext.js +6 -2
  70. package/lib/components/organisms/FuroToast/ToastQueue.js +4 -4
  71. package/nuxt/index.js +9 -9
  72. package/package.json +24 -22
  73. package/public/furo-vue/components.json +1 -1
  74. package/types/generated/components/atoms/FuroAvatar/FuroAvatar.vue.d.ts +6 -15
  75. package/types/generated/components/atoms/FuroBadge/FuroBadge.vue.d.ts +8 -43
  76. package/types/generated/components/atoms/FuroButton/FuroButton.vue.d.ts +10 -45
  77. package/types/generated/components/atoms/FuroButton/FuroButtonContext.d.ts +4 -4
  78. package/types/generated/components/atoms/FuroCheckbox/FuroCheckbox.vue.d.ts +8 -20
  79. package/types/generated/components/atoms/FuroNumberField/FuroNumberField.vue.d.ts +12 -12
  80. package/types/generated/components/atoms/FuroRadio/FuroRadio.vue.d.ts +8 -24
  81. package/types/generated/components/atoms/FuroSwitch/FuroSwitch.vue.d.ts +0 -13
  82. package/types/generated/components/atoms/FuroToggle/FuroToggle.vue.d.ts +8 -19
  83. package/types/generated/components/molecules/FuroAccordion/FuroAccordion.vue.d.ts +14 -30
  84. package/types/generated/components/molecules/FuroAttachment/FuroAttachment.vue.d.ts +8 -44
  85. package/types/generated/components/molecules/FuroAutocompleteField/FuroAutocompleteField.vue.d.ts +74 -105
  86. package/types/generated/components/molecules/FuroAvatarGroup/FuroAvatarGroup.vue.d.ts +9 -18
  87. package/types/generated/components/molecules/FuroBreadcrumb/FuroBreadcrumb.vue.d.ts +22 -48
  88. package/types/generated/components/molecules/FuroCollapsible/FuroCollapsible.vue.d.ts +12 -23
  89. package/types/generated/components/molecules/FuroControlBlock/FuroControlBlock.vue.d.ts +6 -4
  90. package/types/generated/components/molecules/FuroDatePicker/FuroDatePicker.vue.d.ts +14 -16
  91. package/types/generated/components/molecules/FuroDropdownMenu/FuroDropdownMenu.vue.d.ts +13 -13
  92. package/types/generated/components/molecules/FuroDropdownMenu/FuroDropdownMenuOptionRows.vue.d.ts +34 -47
  93. package/types/generated/components/molecules/FuroEditableField/FuroEditableField.vue.d.ts +93 -115
  94. package/types/generated/components/molecules/FuroEmptyState/FuroEmptyState.vue.d.ts +8 -7
  95. package/types/generated/components/molecules/FuroErrorState/FuroErrorState.vue.d.ts +8 -7
  96. package/types/generated/components/molecules/FuroPagination/FuroPagination.vue.d.ts +14 -15
  97. package/types/generated/components/molecules/FuroPopover/FuroPopover.vue.d.ts +8 -7
  98. package/types/generated/components/molecules/FuroScrollArea/FuroScrollArea.vue.d.ts +6 -4
  99. package/types/generated/components/molecules/FuroSearchField/FuroSearchField.vue.d.ts +8 -22
  100. package/types/generated/components/molecules/FuroSectionHeader/FuroSectionHeader.vue.d.ts +10 -25
  101. package/types/generated/components/molecules/FuroSelect/FuroSelect.vue.d.ts +97 -108
  102. package/types/generated/components/molecules/FuroSelect/FuroSelectContext.d.ts +14 -0
  103. package/types/generated/components/molecules/FuroSelect/FuroSelectOptionText.vue.d.ts +52 -0
  104. package/types/generated/components/molecules/FuroSelect/FuroSelectOptionTextContext.d.ts +141 -0
  105. package/types/generated/components/molecules/FuroSplitter/FuroSplitter.vue.d.ts +14 -29
  106. package/types/generated/components/molecules/FuroTimeField/FuroTimeField.vue.d.ts +8 -7
  107. package/types/generated/components/molecules/FuroToggleGroup/FuroToggleGroup.vue.d.ts +9 -24
  108. package/types/generated/components/molecules/FuroToolBar/FuroToolBar.vue.d.ts +6 -9
  109. package/types/generated/components/molecules/FuroTooltip/FuroTooltip.vue.d.ts +8 -7
  110. package/types/generated/components/organisms/FuroAlertDialog/FuroAlertDialog.vue.d.ts +17 -19
  111. package/types/generated/components/organisms/FuroDialog/FuroDialog.vue.d.ts +20 -24
  112. package/types/generated/components/organisms/FuroDrawer/FuroDrawer.vue.d.ts +20 -24
  113. package/types/generated/components/organisms/FuroEditor/FuroEditor.vue.d.ts +9 -42
  114. package/types/generated/components/organisms/FuroSidebar/FuroSidebar.vue.d.ts +23 -62
  115. package/types/generated/components/organisms/FuroStepper/FuroStepper.vue.d.ts +19 -19
  116. package/types/generated/components/organisms/FuroTable/FuroTable.vue.d.ts +54 -71
  117. package/types/generated/components/organisms/FuroTable/FuroTableContext.d.ts +2 -2
  118. package/types/generated/components/organisms/FuroTabs/FuroTabs.vue.d.ts +17 -17
  119. package/types/generated/components/organisms/FuroToast/FuroToast.vue.d.ts +25 -31
@@ -3,45 +3,7 @@ export default _default;
3
3
  export type __VLS_LocalComponents = typeof __VLS_componentsOption;
4
4
  export type __VLS_GlobalComponents = import("vue").GlobalComponents;
5
5
  export type __VLS_LocalDirectives = {};
6
- export type __VLS_Slots = {} & {
7
- "trigger-content"?: (props: typeof __VLS_15) => any;
8
- } & {
9
- "trigger-text"?: (props: typeof __VLS_23) => any;
10
- } & {
11
- "trigger-loading-icon"?: (props: typeof __VLS_31) => any;
12
- } & {
13
- "trigger-icon"?: (props: typeof __VLS_38) => any;
14
- } & {
15
- "content-before"?: (props: typeof __VLS_57) => any;
16
- } & {
17
- "scroll-up-button"?: (props: typeof __VLS_65) => any;
18
- } & {
19
- group?: (props: typeof __VLS_85) => any;
20
- } & {
21
- "group-label"?: (props: typeof __VLS_93) => any;
22
- } & {
23
- option?: (props: typeof __VLS_102) => any;
24
- } & {
25
- "option-text"?: (props: typeof __VLS_110) => any;
26
- } & {
27
- "option-indicator"?: (props: typeof __VLS_118) => any;
28
- } & {
29
- separator?: (props: typeof __VLS_125) => any;
30
- } & {
31
- option?: (props: typeof __VLS_138) => any;
32
- } & {
33
- "option-text"?: (props: typeof __VLS_146) => any;
34
- } & {
35
- "option-indicator"?: (props: typeof __VLS_154) => any;
36
- } & {
37
- separator?: (props: typeof __VLS_161) => any;
38
- } & {
39
- empty?: (props: typeof __VLS_182) => any;
40
- } & {
41
- "scroll-down-button"?: (props: typeof __VLS_190) => any;
42
- } & {
43
- "content-after"?: (props: typeof __VLS_197) => any;
44
- };
6
+ export type __VLS_Slots = ReturnType<typeof __VLS_template>["__VLS_Slots"];
45
7
  declare const __VLS_export: import("vue").DefineComponent<{
46
8
  innerHTML?: string | undefined;
47
9
  class?: import("vue").ClassValue | undefined;
@@ -461,6 +423,27 @@ declare const __VLS_export: import("vue").DefineComponent<{
461
423
  }> & Readonly<{}>, {
462
424
  size: string | number;
463
425
  }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
426
+ FuroSelectOptionText: import("vue").DefineComponent<{}, {
427
+ context: import("./FuroSelectOptionTextContext.js").default;
428
+ }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {
429
+ SelectOptionText: {
430
+ new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("reka-ui").SelectItemTextProps> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {}, false, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
431
+ P: {};
432
+ B: {};
433
+ D: {};
434
+ C: {};
435
+ M: {};
436
+ Defaults: {};
437
+ }, Readonly<import("reka-ui").SelectItemTextProps> & Readonly<{}>, {}, {}, {}, {}, {}>;
438
+ __isFragment?: never;
439
+ __isTeleport?: never;
440
+ __isSuspense?: never;
441
+ } & import("vue").ComponentOptionsBase<Readonly<import("reka-ui").SelectItemTextProps> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
442
+ $slots: {
443
+ default?: (props: {}) => any;
444
+ };
445
+ });
446
+ }, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
464
447
  SelectRoot: <T extends import("reka-ui").AcceptableValue = import("reka-ui").AcceptableValue>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: {
465
448
  attrs: any;
466
449
  slots: {
@@ -780,6 +763,7 @@ declare const __VLS_export: import("vue").DefineComponent<{
780
763
  }, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
781
764
  declare namespace __VLS_componentsOption {
782
765
  export { FuroIcon };
766
+ export { FuroSelectOptionText };
783
767
  export let SelectRoot: <T extends import("reka-ui").AcceptableValue = import("reka-ui").AcceptableValue>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: {
784
768
  attrs: any;
785
769
  slots: {
@@ -1097,75 +1081,80 @@ declare namespace __VLS_componentsOption {
1097
1081
  };
1098
1082
  });
1099
1083
  }
1100
- declare var __VLS_15: {};
1101
- declare var __VLS_23: {};
1102
- declare var __VLS_31: {};
1103
- declare var __VLS_38: {};
1104
- declare var __VLS_57: {};
1105
- declare var __VLS_65: {};
1106
- declare namespace __VLS_85 {
1107
- let group: import("./SelectEmitPayload.js").FuroSelectOption;
1108
- let groupIndex: number;
1109
- }
1110
- declare namespace __VLS_93 {
1111
- let group_1: import("./SelectEmitPayload.js").FuroSelectOption;
1112
- export { group_1 as group };
1113
- let groupIndex_1: number;
1114
- export { groupIndex_1 as groupIndex };
1115
- }
1116
- declare namespace __VLS_102 {
1117
- let group_2: import("./SelectEmitPayload.js").FuroSelectOption;
1118
- export { group_2 as group };
1119
- let groupIndex_2: number;
1120
- export { groupIndex_2 as groupIndex };
1121
- export let option: import("./SelectEmitPayload.js").FuroSelectOption;
1122
- export let optionIndex: number;
1123
- }
1124
- declare namespace __VLS_110 {
1125
- let option_1: import("./SelectEmitPayload.js").FuroSelectOption;
1126
- export { option_1 as option };
1127
- let optionIndex_1: number;
1128
- export { optionIndex_1 as optionIndex };
1129
- }
1130
- declare namespace __VLS_118 {
1131
- let option_2: import("./SelectEmitPayload.js").FuroSelectOption;
1132
- export { option_2 as option };
1133
- let optionIndex_2: number;
1134
- export { optionIndex_2 as optionIndex };
1135
- }
1136
- declare namespace __VLS_125 {
1137
- let option_3: import("./SelectEmitPayload.js").FuroSelectOption;
1138
- export { option_3 as option };
1139
- let optionIndex_3: number;
1140
- export { optionIndex_3 as optionIndex };
1141
- }
1142
- declare namespace __VLS_138 {
1143
- let option_4: import("./SelectEmitPayload.js").FuroSelectOption;
1144
- export { option_4 as option };
1145
- let optionIndex_4: number;
1146
- export { optionIndex_4 as optionIndex };
1147
- }
1148
- declare namespace __VLS_146 {
1149
- let option_5: import("./SelectEmitPayload.js").FuroSelectOption;
1150
- export { option_5 as option };
1151
- let optionIndex_5: number;
1152
- export { optionIndex_5 as optionIndex };
1153
- }
1154
- declare namespace __VLS_154 {
1155
- let option_6: import("./SelectEmitPayload.js").FuroSelectOption;
1156
- export { option_6 as option };
1157
- let optionIndex_6: number;
1158
- export { optionIndex_6 as optionIndex };
1159
- }
1160
- declare namespace __VLS_161 {
1161
- let option_7: import("./SelectEmitPayload.js").FuroSelectOption;
1162
- export { option_7 as option };
1163
- let optionIndex_7: number;
1164
- export { optionIndex_7 as optionIndex };
1165
- }
1166
- declare var __VLS_182: {};
1167
- declare var __VLS_190: {};
1168
- declare var __VLS_197: {};
1084
+ declare function __VLS_template(): {
1085
+ __VLS_Slots: {
1086
+ 'trigger-content'?: (props: {}) => any;
1087
+ } & {
1088
+ 'trigger-text'?: (props: {}) => any;
1089
+ } & {
1090
+ 'trigger-loading-icon'?: (props: {}) => any;
1091
+ } & {
1092
+ 'trigger-icon'?: (props: {}) => any;
1093
+ } & {
1094
+ 'content-before'?: (props: {}) => any;
1095
+ } & {
1096
+ 'scroll-up-button'?: (props: {}) => any;
1097
+ } & {
1098
+ group?: (props: {
1099
+ group: import("./SelectEmitPayload.js").FuroSelectOption;
1100
+ groupIndex: number;
1101
+ }) => any;
1102
+ } & {
1103
+ 'group-label'?: (props: {
1104
+ group: import("./SelectEmitPayload.js").FuroSelectOption;
1105
+ groupIndex: number;
1106
+ }) => any;
1107
+ } & {
1108
+ option?: (props: {
1109
+ group: import("./SelectEmitPayload.js").FuroSelectOption;
1110
+ groupIndex: number;
1111
+ option: import("./SelectEmitPayload.js").FuroSelectOption;
1112
+ optionIndex: number;
1113
+ }) => any;
1114
+ } & {
1115
+ 'option-text'?: (props: {
1116
+ option: import("./SelectEmitPayload.js").FuroSelectOption;
1117
+ optionIndex: number;
1118
+ }) => any;
1119
+ } & {
1120
+ 'option-indicator'?: (props: {
1121
+ option: import("./SelectEmitPayload.js").FuroSelectOption;
1122
+ optionIndex: number;
1123
+ }) => any;
1124
+ } & {
1125
+ separator?: (props: {
1126
+ option: import("./SelectEmitPayload.js").FuroSelectOption;
1127
+ optionIndex: number;
1128
+ }) => any;
1129
+ } & {
1130
+ option?: (props: {
1131
+ option: import("./SelectEmitPayload.js").FuroSelectOption;
1132
+ optionIndex: number;
1133
+ }) => any;
1134
+ } & {
1135
+ 'option-text'?: (props: {
1136
+ option: import("./SelectEmitPayload.js").FuroSelectOption;
1137
+ optionIndex: number;
1138
+ }) => any;
1139
+ } & {
1140
+ 'option-indicator'?: (props: {
1141
+ option: import("./SelectEmitPayload.js").FuroSelectOption;
1142
+ optionIndex: number;
1143
+ }) => any;
1144
+ } & {
1145
+ separator?: (props: {
1146
+ option: import("./SelectEmitPayload.js").FuroSelectOption;
1147
+ optionIndex: number;
1148
+ }) => any;
1149
+ } & {
1150
+ empty?: (props: {}) => any;
1151
+ } & {
1152
+ 'scroll-down-button'?: (props: {}) => any;
1153
+ } & {
1154
+ 'content-after'?: (props: {}) => any;
1155
+ };
1156
+ };
1169
1157
  import FuroSelectContext from './FuroSelectContext.js';
1170
1158
  import type { FuroSelectSlots } from './FuroSelectContext.js';
1171
1159
  import FuroIcon from '../../atoms/FuroIcon/FuroIcon.vue';
1160
+ import FuroSelectOptionText from './FuroSelectOptionText.vue';
@@ -165,6 +165,20 @@ export default class FuroSelectContext extends BaseFuroContext<null, Props, "CHA
165
165
  resolveOptionValue({ option, }: {
166
166
  option: FuroSelectOption;
167
167
  }): FuroSelectValue;
168
+ /**
169
+ * Build an option's render key from its value and label, so a change to either
170
+ * remounts the item, because the item records both only when it mounts.
171
+ *
172
+ * @param {{
173
+ * option: FuroSelectOption
174
+ * index: number
175
+ * }} params - Parameters of this method.
176
+ * @returns {string} Render key.
177
+ */
178
+ generateOptionKey({ option, index, }: {
179
+ option: FuroSelectOption;
180
+ index: number;
181
+ }): string;
168
182
  /**
169
183
  * Setup component context.
170
184
  *
@@ -0,0 +1,52 @@
1
+ declare const _default: typeof __VLS_export;
2
+ export default _default;
3
+ export type __VLS_LocalComponents = typeof __VLS_componentsOption;
4
+ export type __VLS_GlobalComponents = import("vue").GlobalComponents;
5
+ export type __VLS_LocalDirectives = {};
6
+ export type __VLS_Slots = ReturnType<typeof __VLS_template>["__VLS_Slots"];
7
+ declare const __VLS_export: import("vue").DefineComponent<{}, {
8
+ context: FuroSelectOptionTextContext;
9
+ }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {
10
+ SelectOptionText: {
11
+ new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("reka-ui").SelectItemTextProps> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {}, false, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
12
+ P: {};
13
+ B: {};
14
+ D: {};
15
+ C: {};
16
+ M: {};
17
+ Defaults: {};
18
+ }, Readonly<import("reka-ui").SelectItemTextProps> & Readonly<{}>, {}, {}, {}, {}, {}>;
19
+ __isFragment?: never;
20
+ __isTeleport?: never;
21
+ __isSuspense?: never;
22
+ } & import("vue").ComponentOptionsBase<Readonly<import("reka-ui").SelectItemTextProps> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
23
+ $slots: {
24
+ default?: (props: {}) => any;
25
+ };
26
+ });
27
+ }, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
28
+ declare namespace __VLS_componentsOption {
29
+ let SelectOptionText: {
30
+ new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("reka-ui").SelectItemTextProps> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {}, false, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
31
+ P: {};
32
+ B: {};
33
+ D: {};
34
+ C: {};
35
+ M: {};
36
+ Defaults: {};
37
+ }, Readonly<import("reka-ui").SelectItemTextProps> & Readonly<{}>, {}, {}, {}, {}, {}>;
38
+ __isFragment?: never;
39
+ __isTeleport?: never;
40
+ __isSuspense?: never;
41
+ } & import("vue").ComponentOptionsBase<Readonly<import("reka-ui").SelectItemTextProps> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
42
+ $slots: {
43
+ default?: (props: {}) => any;
44
+ };
45
+ });
46
+ }
47
+ declare function __VLS_template(): {
48
+ __VLS_Slots: {
49
+ default?: (props: {}) => any;
50
+ };
51
+ };
52
+ import FuroSelectOptionTextContext from './FuroSelectOptionTextContext.js';
@@ -0,0 +1,141 @@
1
+ /**
2
+ * Context class for the text of one FuroSelect option.
3
+ *
4
+ * @extends {BaseFuroContext<null, {}, never>}
5
+ */
6
+ export default class FuroSelectOptionTextContext extends BaseFuroContext<null, {}, never> {
7
+ /**
8
+ * Factory method.
9
+ *
10
+ * @template {X extends typeof FuroSelectOptionTextContext ? X : never} T, X
11
+ * @override
12
+ * @param {FuroSelectOptionTextContextFactoryParams} params - Parameters of this factory method.
13
+ * @returns {InstanceType<T>} An instance of this class.
14
+ * @this {T}
15
+ */
16
+ static override create<T extends X extends typeof FuroSelectOptionTextContext ? X : never, X>(this: T, { props, componentContext, refHash, selectRootContext, selectItemContext, }: FuroSelectOptionTextContextFactoryParams): InstanceType<T>;
17
+ /**
18
+ * Build ref hash.
19
+ *
20
+ * @override
21
+ * @returns {FuroSelectOptionTextContextParams['refHash']}
22
+ */
23
+ static override buildRefHash(): FuroSelectOptionTextContextParams["refHash"];
24
+ /**
25
+ * Inject the select root context, which holds the text the trigger shows.
26
+ *
27
+ * @returns {FuroSelectRootContext}
28
+ */
29
+ static injectSelectRootContext(): FuroSelectRootContext;
30
+ /**
31
+ * Inject the context of the option that holds this text.
32
+ *
33
+ * @returns {FuroSelectItemContext}
34
+ */
35
+ static injectSelectItemContext(): FuroSelectItemContext;
36
+ /**
37
+ * Constructor.
38
+ *
39
+ * @param {FuroSelectOptionTextContextParams} params - Parameters of this constructor.
40
+ */
41
+ constructor({ props, componentContext, refHash, selectRootContext, selectItemContext, }: FuroSelectOptionTextContextParams);
42
+ refHash: {
43
+ textComponentRef: import("vue").ShallowRef<{
44
+ $el: HTMLElement;
45
+ } | null>;
46
+ observerRef: import("vue").ShallowRef<MutationObserver | null>;
47
+ recordedTextRef: import("vue").Ref<string | null>;
48
+ };
49
+ selectRootContext: FuroSelectRootContext;
50
+ selectItemContext: FuroSelectItemContext;
51
+ /**
52
+ * get: Ctor
53
+ *
54
+ * @override
55
+ * @returns {typeof FuroSelectOptionTextContext}
56
+ */
57
+ override get Ctor(): typeof FuroSelectOptionTextContext;
58
+ /**
59
+ * get: textComponentRef
60
+ *
61
+ * @returns {import('vue').ShallowRef<{ $el: HTMLElement } | null>}
62
+ */
63
+ get textComponentRef(): import("vue").ShallowRef<{
64
+ $el: HTMLElement;
65
+ } | null>;
66
+ /**
67
+ * get: observerRef
68
+ *
69
+ * @returns {import('vue').ShallowRef<MutationObserver | null>}
70
+ */
71
+ get observerRef(): import("vue").ShallowRef<MutationObserver | null>;
72
+ /**
73
+ * get: recordedTextRef
74
+ *
75
+ * @returns {import('vue').Ref<string | null>}
76
+ */
77
+ get recordedTextRef(): import("vue").Ref<string | null>;
78
+ /**
79
+ * Setup component context.
80
+ *
81
+ * @template {X extends FuroSelectOptionTextContext ? X : never} T, X
82
+ * @override
83
+ * @returns {T} - For method chaining.
84
+ * @this {T}
85
+ */
86
+ override setupComponent<T extends X extends FuroSelectOptionTextContext ? X : never, X>(this: T): T;
87
+ /**
88
+ * Extract the rendered text element.
89
+ *
90
+ * @returns {HTMLElement | null}
91
+ */
92
+ extractTextElement(): HTMLElement | null;
93
+ /**
94
+ * Extract the rendered text.
95
+ *
96
+ * @returns {string | null}
97
+ */
98
+ extractText(): string | null;
99
+ /**
100
+ * Watch the rendered text for changes.
101
+ */
102
+ observeTextElement(): void;
103
+ /**
104
+ * Replace the recorded option text when the rendered text differs from it.
105
+ */
106
+ syncText(): void;
107
+ /**
108
+ * Stop watching the rendered text.
109
+ */
110
+ disconnectObserver(): void;
111
+ }
112
+ export type FuroSelectRootContext = {
113
+ onOptionAdd: (option: {
114
+ value: unknown;
115
+ disabled: boolean;
116
+ textContent: string;
117
+ }) => void;
118
+ };
119
+ export type FuroSelectItemContext = {
120
+ value: unknown;
121
+ disabled: import("vue").Ref<boolean>;
122
+ };
123
+ export type FuroSelectOptionTextContextParams = import("../../../contexts/BaseFuroContext.js").BaseFuroContextParams & {
124
+ props: {};
125
+ componentContext: import("vue").SetupContext;
126
+ refHash: {
127
+ textComponentRef: import("vue").ShallowRef<{
128
+ $el: HTMLElement;
129
+ } | null>;
130
+ observerRef: import("vue").ShallowRef<MutationObserver | null>;
131
+ recordedTextRef: import("vue").Ref<string | null>;
132
+ };
133
+ selectRootContext: FuroSelectRootContext;
134
+ selectItemContext: FuroSelectItemContext;
135
+ };
136
+ export type FuroSelectOptionTextContextFactoryParams = Omit<FuroSelectOptionTextContextParams, "refHash" | "selectRootContext" | "selectItemContext"> & {
137
+ refHash?: FuroSelectOptionTextContextParams["refHash"];
138
+ selectRootContext?: FuroSelectRootContext;
139
+ selectItemContext?: FuroSelectItemContext;
140
+ };
141
+ import BaseFuroContext from '../../../contexts/BaseFuroContext.js';
@@ -3,26 +3,7 @@ export default _default;
3
3
  export type __VLS_LocalComponents = typeof __VLS_componentsOption;
4
4
  export type __VLS_GlobalComponents = import("vue").GlobalComponents;
5
5
  export type __VLS_LocalDirectives = {};
6
- export type __VLS_StyleScopedClasses = {} & {
7
- "unit-splitter": boolean;
8
- } & {
9
- "vertical": boolean;
10
- } & {
11
- "unit-splitter-pane": boolean;
12
- } & {
13
- "unit-splitter-handle": boolean;
14
- } & {
15
- "horizontal": boolean;
16
- } & {
17
- "grip": boolean;
18
- } & {
19
- "plain": boolean;
20
- };
21
- export type __VLS_Slots = {} & {
22
- panel?: (props: typeof __VLS_16) => any;
23
- } & {
24
- handle?: (props: typeof __VLS_24) => any;
25
- };
6
+ export type __VLS_Slots = ReturnType<typeof __VLS_template>["__VLS_Slots"];
26
7
  declare const __VLS_export: import("vue").DefineComponent<{
27
8
  parcel?: import("./FuroSplitterContext.js").FuroSplitterParcel | null;
28
9
  }, {
@@ -281,13 +262,17 @@ declare namespace __VLS_componentsOption {
281
262
  };
282
263
  });
283
264
  }
284
- declare namespace __VLS_16 {
285
- let id: string;
286
- let panel: import("./FuroSplitterContext.js").FuroSplitterPanel;
287
- let index: number;
288
- }
289
- declare namespace __VLS_24 {
290
- let index_1: number;
291
- export { index_1 as index };
292
- }
265
+ declare function __VLS_template(): {
266
+ __VLS_Slots: {
267
+ panel?: (props: {
268
+ id: string;
269
+ panel: import("./FuroSplitterContext.js").FuroSplitterPanel;
270
+ index: number;
271
+ }) => any;
272
+ } & {
273
+ handle?: (props: {
274
+ index: number;
275
+ }) => any;
276
+ };
277
+ };
293
278
  import FuroSplitterContext from './FuroSplitterContext.js';
@@ -3,11 +3,7 @@ export default _default;
3
3
  export type __VLS_LocalComponents = typeof __VLS_componentsOption;
4
4
  export type __VLS_GlobalComponents = import("vue").GlobalComponents;
5
5
  export type __VLS_LocalDirectives = {};
6
- export type __VLS_Slots = {} & {
7
- "decrement-icon"?: (props: typeof __VLS_1) => any;
8
- } & {
9
- "increment-icon"?: (props: typeof __VLS_29) => any;
10
- };
6
+ export type __VLS_Slots = ReturnType<typeof __VLS_template>["__VLS_Slots"];
11
7
  declare const __VLS_export: import("vue").DefineComponent<{
12
8
  innerHTML?: string | undefined;
13
9
  class?: import("vue").ClassValue | undefined;
@@ -568,7 +564,12 @@ declare namespace __VLS_componentsOption {
568
564
  });
569
565
  export { FuroIcon };
570
566
  }
571
- declare var __VLS_1: {};
572
- declare var __VLS_29: {};
567
+ declare function __VLS_template(): {
568
+ __VLS_Slots: {
569
+ 'decrement-icon'?: (props: {}) => any;
570
+ } & {
571
+ 'increment-icon'?: (props: {}) => any;
572
+ };
573
+ };
573
574
  import FuroTimeFieldContext from './FuroTimeFieldContext.js';
574
575
  import FuroIcon from '../../atoms/FuroIcon/FuroIcon.vue';
@@ -3,26 +3,7 @@ export default _default;
3
3
  export type __VLS_LocalComponents = typeof __VLS_componentsOption;
4
4
  export type __VLS_GlobalComponents = import("vue").GlobalComponents;
5
5
  export type __VLS_LocalDirectives = {};
6
- export type __VLS_StyleScopedClasses = {} & {
7
- "unit-toggle-group": boolean;
8
- } & {
9
- "vertical": boolean;
10
- } & {
11
- "disabled": boolean;
12
- } & {
13
- "unit-toggle-group-item": boolean;
14
- } & {
15
- "default": boolean;
16
- } & {
17
- "outline": boolean;
18
- } & {
19
- "size-sm": boolean;
20
- } & {
21
- "size-lg": boolean;
22
- };
23
- export type __VLS_Slots = {} & {
24
- option?: (props: typeof __VLS_16) => any;
25
- };
6
+ export type __VLS_Slots = ReturnType<typeof __VLS_template>["__VLS_Slots"];
26
7
  declare const __VLS_export: import("vue").DefineComponent<{
27
8
  parcel?: import("./FuroToggleGroupContext.js").FuroToggleGroupParcel | null;
28
9
  }, {
@@ -143,8 +124,12 @@ declare namespace __VLS_componentsOption {
143
124
  };
144
125
  });
145
126
  }
146
- declare namespace __VLS_16 {
147
- let option: import("./FuroToggleGroupContext.js").FuroToggleGroupOption;
148
- let pressed: boolean;
149
- }
127
+ declare function __VLS_template(): {
128
+ __VLS_Slots: {
129
+ option?: (props: {
130
+ option: import("./FuroToggleGroupContext.js").FuroToggleGroupOption;
131
+ pressed: boolean;
132
+ }) => any;
133
+ };
134
+ };
150
135
  import FuroToggleGroupContext from './FuroToggleGroupContext.js';
@@ -3,14 +3,7 @@ export default _default;
3
3
  export type __VLS_LocalComponents = typeof __VLS_componentsOption;
4
4
  export type __VLS_GlobalComponents = import("vue").GlobalComponents;
5
5
  export type __VLS_LocalDirectives = {};
6
- export type __VLS_StyleScopedClasses = {} & {
7
- "unit-tool-bar": boolean;
8
- } & {
9
- "vertical": boolean;
10
- };
11
- export type __VLS_Slots = {} & {
12
- default?: (props: typeof __VLS_7) => any;
13
- };
6
+ export type __VLS_Slots = ReturnType<typeof __VLS_template>["__VLS_Slots"];
14
7
  declare const __VLS_export: import("vue").DefineComponent<{
15
8
  parcel: import("./FuroToolBarContext.js").FuroToolBarParcel | null;
16
9
  }, {
@@ -41,6 +34,10 @@ declare const __VLS_export: import("vue").DefineComponent<{
41
34
  declare namespace __VLS_componentsOption {
42
35
  export { RekaToolbarRoot };
43
36
  }
44
- declare var __VLS_7: {};
37
+ declare function __VLS_template(): {
38
+ __VLS_Slots: {
39
+ default?: (props: {}) => any;
40
+ };
41
+ };
45
42
  import FuroToolBarContext from './FuroToolBarContext.js';
46
43
  import { ToolbarRoot as RekaToolbarRoot } from 'reka-ui';
@@ -3,11 +3,7 @@ export default _default;
3
3
  export type __VLS_LocalComponents = typeof __VLS_componentsOption;
4
4
  export type __VLS_GlobalComponents = import("vue").GlobalComponents;
5
5
  export type __VLS_LocalDirectives = {};
6
- export type __VLS_Slots = {} & {
7
- trigger?: (props: typeof __VLS_21) => any;
8
- } & {
9
- content?: (props: typeof __VLS_35) => any;
10
- };
6
+ export type __VLS_Slots = ReturnType<typeof __VLS_template>["__VLS_Slots"];
11
7
  declare const __VLS_export: import("vue").DefineComponent<{
12
8
  innerHTML?: string | undefined;
13
9
  class?: import("vue").ClassValue | undefined;
@@ -537,8 +533,13 @@ declare namespace __VLS_componentsOption {
537
533
  export { RekaTooltipContent };
538
534
  export { RekaTooltipArrow };
539
535
  }
540
- declare var __VLS_21: {};
541
- declare var __VLS_35: {};
536
+ declare function __VLS_template(): {
537
+ __VLS_Slots: {
538
+ trigger?: (props: {}) => any;
539
+ } & {
540
+ content?: (props: {}) => any;
541
+ };
542
+ };
542
543
  import FuroTooltipContext from './FuroTooltipContext.js';
543
544
  import { TooltipProvider as RekaTooltipProvider } from 'reka-ui';
544
545
  import { TooltipRoot as RekaTooltipRoot } from 'reka-ui';