@auronui/vue 1.0.11 → 1.0.13
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/cjs/index.cjs +1080 -902
- package/dist/cjs/index.cjs.map +1 -1
- package/dist/components/autocomplete/Autocomplete.context.js.map +1 -1
- package/dist/components/autocomplete/Autocomplete.js.map +1 -1
- package/dist/components/autocomplete/Autocomplete.vue_vue_type_script_setup_true_lang.js +141 -17
- package/dist/components/autocomplete/Autocomplete.vue_vue_type_script_setup_true_lang.js.map +1 -1
- package/dist/components/autocomplete/AutocompleteCreateItem.js +7 -0
- package/dist/components/autocomplete/AutocompleteCreateItem.js.map +1 -0
- package/dist/components/autocomplete/AutocompleteCreateItem.vue_vue_type_script_setup_true_lang.js +57 -0
- package/dist/components/autocomplete/AutocompleteCreateItem.vue_vue_type_script_setup_true_lang.js.map +1 -0
- package/dist/components/autocomplete/AutocompleteInput.js.map +1 -1
- package/dist/components/autocomplete/AutocompleteInput.vue_vue_type_script_setup_true_lang.js +40 -9
- package/dist/components/autocomplete/AutocompleteInput.vue_vue_type_script_setup_true_lang.js.map +1 -1
- package/dist/components/autocomplete/AutocompleteItem.js.map +1 -1
- package/dist/components/autocomplete/AutocompleteItem.vue_vue_type_script_setup_true_lang.js +33 -5
- package/dist/components/autocomplete/AutocompleteItem.vue_vue_type_script_setup_true_lang.js.map +1 -1
- package/dist/components/autocomplete/AutocompleteOverflowChips.js +7 -0
- package/dist/components/autocomplete/AutocompleteOverflowChips.js.map +1 -0
- package/dist/components/autocomplete/AutocompleteOverflowChips.vue_vue_type_script_setup_true_lang.js +88 -0
- package/dist/components/autocomplete/AutocompleteOverflowChips.vue_vue_type_script_setup_true_lang.js.map +1 -0
- package/dist/components/combo-box/ComboBox.js.map +1 -1
- package/dist/components/combo-box/ComboBox.vue_vue_type_script_setup_true_lang.js +20 -2
- package/dist/components/combo-box/ComboBox.vue_vue_type_script_setup_true_lang.js.map +1 -1
- package/dist/components/select/Select.context.js.map +1 -1
- package/dist/components/select/Select.js.map +1 -1
- package/dist/components/select/Select.vue_vue_type_script_setup_true_lang.js +45 -6
- package/dist/components/select/Select.vue_vue_type_script_setup_true_lang.js.map +1 -1
- package/dist/components/select/SelectItem.js.map +1 -1
- package/dist/components/select/SelectItem.vue_vue_type_script_setup_true_lang.js +2 -2
- package/dist/components/select/SelectItem.vue_vue_type_script_setup_true_lang.js.map +1 -1
- package/dist/components/select/SelectOverflowChips.js +7 -0
- package/dist/components/select/SelectOverflowChips.js.map +1 -0
- package/dist/components/select/SelectOverflowChips.vue_vue_type_script_setup_true_lang.js +85 -0
- package/dist/components/select/SelectOverflowChips.vue_vue_type_script_setup_true_lang.js.map +1 -0
- package/dist/components/select/SelectValue.js.map +1 -1
- package/dist/components/select/SelectValue.vue_vue_type_script_setup_true_lang.js +6 -1
- package/dist/components/select/SelectValue.vue_vue_type_script_setup_true_lang.js.map +1 -1
- package/dist/index.d.ts +362 -432
- package/dist/index.js +5 -10
- package/dist/utils/hasSlotComponent.js +26 -0
- package/dist/utils/hasSlotComponent.js.map +1 -0
- package/package.json +2 -2
- package/dist/components/tag/Tag.js +0 -7
- package/dist/components/tag/Tag.js.map +0 -1
- package/dist/components/tag/Tag.vue_vue_type_script_setup_true_lang.js +0 -69
- package/dist/components/tag/Tag.vue_vue_type_script_setup_true_lang.js.map +0 -1
- package/dist/components/tag/TagDelete.js +0 -7
- package/dist/components/tag/TagDelete.js.map +0 -1
- package/dist/components/tag/TagDelete.vue_vue_type_script_setup_true_lang.js +0 -49
- package/dist/components/tag/TagDelete.vue_vue_type_script_setup_true_lang.js.map +0 -1
- package/dist/components/tag/TagText.js +0 -7
- package/dist/components/tag/TagText.js.map +0 -1
- package/dist/components/tag/TagText.vue_vue_type_script_setup_true_lang.js +0 -18
- package/dist/components/tag/TagText.vue_vue_type_script_setup_true_lang.js.map +0 -1
- package/dist/components/tag-group/TagGroup.context.js +0 -7
- package/dist/components/tag-group/TagGroup.context.js.map +0 -1
- package/dist/components/tag-group/TagGroup.js +0 -7
- package/dist/components/tag-group/TagGroup.js.map +0 -1
- package/dist/components/tag-group/TagGroup.vue_vue_type_script_setup_true_lang.js +0 -142
- package/dist/components/tag-group/TagGroup.vue_vue_type_script_setup_true_lang.js.map +0 -1
- package/dist/components/tag-group/TagGroupInput.js +0 -7
- package/dist/components/tag-group/TagGroupInput.js.map +0 -1
- package/dist/components/tag-group/TagGroupInput.vue_vue_type_script_setup_true_lang.js +0 -37
- package/dist/components/tag-group/TagGroupInput.vue_vue_type_script_setup_true_lang.js.map +0 -1
package/dist/index.js
CHANGED
|
@@ -130,11 +130,11 @@ import ToastViewport_default from "./components/toast/ToastViewport.js";
|
|
|
130
130
|
import ListBox_default from "./components/list-box/ListBox.js";
|
|
131
131
|
import ListBoxItem_default from "./components/list-box/ListBoxItem.js";
|
|
132
132
|
import ListBoxSection_default from "./components/list-box/ListBoxSection.js";
|
|
133
|
-
import Select_default from "./components/select/Select.js";
|
|
134
133
|
import SelectTrigger_default from "./components/select/SelectTrigger.js";
|
|
135
134
|
import SelectValue_default from "./components/select/SelectValue.js";
|
|
136
135
|
import SelectContent_default from "./components/select/SelectContent.js";
|
|
137
136
|
import SelectItem_default from "./components/select/SelectItem.js";
|
|
137
|
+
import Select_default from "./components/select/Select.js";
|
|
138
138
|
import { dropdownContextKey, useDropdownInject, useDropdownProvide } from "./components/dropdown/Dropdown.context.js";
|
|
139
139
|
import Dropdown_default from "./components/dropdown/Dropdown.js";
|
|
140
140
|
import DropdownTrigger_default from "./components/dropdown/DropdownTrigger.js";
|
|
@@ -148,22 +148,17 @@ import DropdownSub_default from "./components/dropdown/DropdownSub.js";
|
|
|
148
148
|
import DropdownSubTrigger_default from "./components/dropdown/DropdownSubTrigger.js";
|
|
149
149
|
import DropdownSubContent_default from "./components/dropdown/DropdownSubContent.js";
|
|
150
150
|
import { comboBoxContextKey, useComboBoxInject, useComboBoxProvide } from "./components/combo-box/ComboBox.context.js";
|
|
151
|
-
import ComboBox_default from "./components/combo-box/ComboBox.js";
|
|
152
151
|
import ComboBoxInput_default from "./components/combo-box/ComboBoxInput.js";
|
|
153
152
|
import ComboBoxContent_default from "./components/combo-box/ComboBoxContent.js";
|
|
154
153
|
import ComboBoxItem_default from "./components/combo-box/ComboBoxItem.js";
|
|
154
|
+
import ComboBox_default from "./components/combo-box/ComboBox.js";
|
|
155
155
|
import ComboBoxEmpty_default from "./components/combo-box/ComboBoxEmpty.js";
|
|
156
156
|
import { autocompleteContextKey, useAutocompleteInject, useAutocompleteProvide } from "./components/autocomplete/Autocomplete.context.js";
|
|
157
|
-
import Autocomplete_default from "./components/autocomplete/Autocomplete.js";
|
|
158
157
|
import AutocompleteInput_default from "./components/autocomplete/AutocompleteInput.js";
|
|
159
158
|
import AutocompleteContent_default from "./components/autocomplete/AutocompleteContent.js";
|
|
160
159
|
import AutocompleteItem_default from "./components/autocomplete/AutocompleteItem.js";
|
|
161
|
-
import
|
|
162
|
-
import
|
|
163
|
-
import TagGroup_default from "./components/tag-group/TagGroup.js";
|
|
164
|
-
import TagText_default from "./components/tag/TagText.js";
|
|
165
|
-
import TagDelete_default from "./components/tag/TagDelete.js";
|
|
166
|
-
import Tag_default from "./components/tag/Tag.js";
|
|
160
|
+
import Autocomplete_default from "./components/autocomplete/Autocomplete.js";
|
|
161
|
+
import AutocompleteCreateItem_default from "./components/autocomplete/AutocompleteCreateItem.js";
|
|
167
162
|
import { createPaginationContext, paginationContextKey, usePaginationInject, usePaginationProvide } from "./components/pagination/pagination.context.js";
|
|
168
163
|
import Pagination_default from "./components/pagination/Pagination.js";
|
|
169
164
|
import PaginationContent_default from "./components/pagination/PaginationContent.js";
|
|
@@ -223,4 +218,4 @@ import ColorSwatch_default from "./components/color-swatch/ColorSwatch.js";
|
|
|
223
218
|
import ColorSwatchPicker_default from "./components/color-swatch-picker/ColorSwatchPicker.js";
|
|
224
219
|
import ColorInputGroup_default from "./components/color-input-group/ColorInputGroup.js";
|
|
225
220
|
import ColorPicker_default from "./components/color-picker/ColorPicker.js";
|
|
226
|
-
export { Accordion_default as Accordion, AccordionContent_default as AccordionContent, AccordionHeader_default as AccordionHeader, AccordionItem_default as AccordionItem, AccordionTrigger_default as AccordionTrigger, Alert_default as Alert, AlertDescription_default as AlertDescription, AlertDialog_default as AlertDialog, AlertDialogAction_default as AlertDialogAction, AlertDialogBody_default as AlertDialogBody, AlertDialogCancel_default as AlertDialogCancel, AlertDialogContent_default as AlertDialogContent, AlertDialogDescription_default as AlertDialogDescription, AlertDialogFooter_default as AlertDialogFooter, AlertDialogHeader_default as AlertDialogHeader, AlertDialogIcon_default as AlertDialogIcon, AlertDialogOverlay_default as AlertDialogOverlay, AlertDialogTitle_default as AlertDialogTitle, AlertDialogTrigger_default as AlertDialogTrigger, AlertIcon_default as AlertIcon, AlertTitle_default as AlertTitle, AspectRatio_default as AspectRatio, Autocomplete_default as Autocomplete, AutocompleteContent_default as AutocompleteContent, AutocompleteInput_default as AutocompleteInput, AutocompleteItem_default as AutocompleteItem, Avatar_default as Avatar, AvatarGroup_default as AvatarGroup, Badge_default as Badge, BreadcrumbItem_default as BreadcrumbItem, Breadcrumbs_default as Breadcrumbs, Button_default as Button, ButtonGroup_default as ButtonGroup, Calendar_default as Calendar, CalendarYearPicker_default as CalendarYearPicker, Card_default as Card, CardBody_default as CardBody, CardFooter_default as CardFooter, CardHeader_default as CardHeader, Checkbox_default as Checkbox, CheckboxGroup_default as CheckboxGroup, Chip_default as Chip, CloseButton_default as CloseButton, Collapsible_default as Collapsible, CollapsibleContent_default as CollapsibleContent, CollapsibleGroup_default as CollapsibleGroup, CollapsibleTrigger_default as CollapsibleTrigger, ColorArea_default as ColorArea, ColorField_default as ColorField, ColorInputGroup_default as ColorInputGroup, ColorPicker_default as ColorPicker, ColorSlider_default as ColorSlider, ColorSwatch_default as ColorSwatch, ColorSwatchPicker_default as ColorSwatchPicker, ComboBox_default as ComboBox, ComboBoxContent_default as ComboBoxContent, ComboBoxEmpty_default as ComboBoxEmpty, ComboBoxInput_default as ComboBoxInput, ComboBoxItem_default as ComboBoxItem, DateInput_default as DateInput, DatePicker_default as DatePicker, DateRangeField_default as DateRangeField, DateRangePicker_default as DateRangePicker, DateTimePicker_default as DateTimePicker, Description_default as Description, Drawer_default as Drawer, DrawerBody_default as DrawerBody, DrawerClose_default as DrawerClose, DrawerContent_default as DrawerContent, DrawerFooter_default as DrawerFooter, DrawerHeader_default as DrawerHeader, DrawerOverlay_default as DrawerOverlay, DrawerTitle_default as DrawerTitle, DrawerTrigger_default as DrawerTrigger, Dropdown_default as Dropdown, DropdownCheckboxItem_default as DropdownCheckboxItem, DropdownItem_default as DropdownItem, DropdownMenu_default as DropdownMenu, DropdownRadioGroup_default as DropdownRadioGroup, DropdownRadioItem_default as DropdownRadioItem, DropdownSection_default as DropdownSection, DropdownSub_default as DropdownSub, DropdownSubContent_default as DropdownSubContent, DropdownSubTrigger_default as DropdownSubTrigger, DropdownTrigger_default as DropdownTrigger, EmptyState_default as EmptyState, EmptyStateContent_default as EmptyStateContent, Fieldset_default as Fieldset, Form_default as Form, FormField_default as FormField, Header_default as Header, Input_default as Input, InputOTP_default as InputOTP, Kbd_default as Kbd, Label_default as Label, Link_default as Link, ListBox_default as ListBox, ListBoxItem_default as ListBoxItem, ListBoxSection_default as ListBoxSection, Meter_default as Meter, Modal_default as Modal, ModalBody_default as ModalBody, ModalClose_default as ModalClose, ModalContent_default as ModalContent, ModalDescription_default as ModalDescription, ModalFooter_default as ModalFooter, ModalHeader_default as ModalHeader, ModalOverlay_default as ModalOverlay, ModalTitle_default as ModalTitle, ModalTrigger_default as ModalTrigger, NumberField_default as NumberField, Pagination_default as Pagination, PaginationContent_default as PaginationContent, PaginationEllipsis_default as PaginationEllipsis, PaginationFirst_default as PaginationFirst, PaginationItem_default as PaginationItem, PaginationLast_default as PaginationLast, PaginationNext_default as PaginationNext, PaginationPrev_default as PaginationPrev, Popover_default as Popover, PopoverAnchor_default as PopoverAnchor, PopoverArrow_default as PopoverArrow, PopoverClose_default as PopoverClose, PopoverContent_default as PopoverContent, PopoverTrigger_default as PopoverTrigger, ProgressBar_default as ProgressBar, ProgressCircle_default as ProgressCircle, Radio_default as Radio, RadioGroup_default as RadioGroup, RangeCalendar_default as RangeCalendar, ScrollArea_default as ScrollArea, ScrollShadow_default as ScrollShadow, Select_default as Select, SelectContent_default as SelectContent, SelectItem_default as SelectItem, SelectTrigger_default as SelectTrigger, SelectValue_default as SelectValue, Separator_default as Separator, Skeleton_default as Skeleton, Slider_default as Slider, Spinner_default as Spinner, SplitterGroup_default as SplitterGroup, SplitterPanel_default as SplitterPanel, SplitterResizeHandle_default as SplitterResizeHandle, Stepper_default as Stepper, StepperContent_default as StepperContent, StepperDescription_default as StepperDescription, StepperIndicator_default as StepperIndicator, StepperItem_default as StepperItem, StepperSeparator_default as StepperSeparator, StepperTitle_default as StepperTitle, Surface_default as Surface, Switch_default as Switch, SwitchGroup_default as SwitchGroup, Tab_default as Tab, TabIndicator_default as TabIndicator, TabList_default as TabList, TabPanel_default as TabPanel, Table_default as Table, TableBody_default as TableBody, TableCell_default as TableCell, TableFooter_default as TableFooter, TableHeader_default as TableHeader, TableHeaderCell_default as TableHeaderCell, TableRow_default as TableRow, Tabs_default as Tabs,
|
|
221
|
+
export { Accordion_default as Accordion, AccordionContent_default as AccordionContent, AccordionHeader_default as AccordionHeader, AccordionItem_default as AccordionItem, AccordionTrigger_default as AccordionTrigger, Alert_default as Alert, AlertDescription_default as AlertDescription, AlertDialog_default as AlertDialog, AlertDialogAction_default as AlertDialogAction, AlertDialogBody_default as AlertDialogBody, AlertDialogCancel_default as AlertDialogCancel, AlertDialogContent_default as AlertDialogContent, AlertDialogDescription_default as AlertDialogDescription, AlertDialogFooter_default as AlertDialogFooter, AlertDialogHeader_default as AlertDialogHeader, AlertDialogIcon_default as AlertDialogIcon, AlertDialogOverlay_default as AlertDialogOverlay, AlertDialogTitle_default as AlertDialogTitle, AlertDialogTrigger_default as AlertDialogTrigger, AlertIcon_default as AlertIcon, AlertTitle_default as AlertTitle, AspectRatio_default as AspectRatio, Autocomplete_default as Autocomplete, AutocompleteContent_default as AutocompleteContent, AutocompleteCreateItem_default as AutocompleteCreateItem, AutocompleteInput_default as AutocompleteInput, AutocompleteItem_default as AutocompleteItem, Avatar_default as Avatar, AvatarGroup_default as AvatarGroup, Badge_default as Badge, BreadcrumbItem_default as BreadcrumbItem, Breadcrumbs_default as Breadcrumbs, Button_default as Button, ButtonGroup_default as ButtonGroup, Calendar_default as Calendar, CalendarYearPicker_default as CalendarYearPicker, Card_default as Card, CardBody_default as CardBody, CardFooter_default as CardFooter, CardHeader_default as CardHeader, Checkbox_default as Checkbox, CheckboxGroup_default as CheckboxGroup, Chip_default as Chip, CloseButton_default as CloseButton, Collapsible_default as Collapsible, CollapsibleContent_default as CollapsibleContent, CollapsibleGroup_default as CollapsibleGroup, CollapsibleTrigger_default as CollapsibleTrigger, ColorArea_default as ColorArea, ColorField_default as ColorField, ColorInputGroup_default as ColorInputGroup, ColorPicker_default as ColorPicker, ColorSlider_default as ColorSlider, ColorSwatch_default as ColorSwatch, ColorSwatchPicker_default as ColorSwatchPicker, ComboBox_default as ComboBox, ComboBoxContent_default as ComboBoxContent, ComboBoxEmpty_default as ComboBoxEmpty, ComboBoxInput_default as ComboBoxInput, ComboBoxItem_default as ComboBoxItem, DateInput_default as DateInput, DatePicker_default as DatePicker, DateRangeField_default as DateRangeField, DateRangePicker_default as DateRangePicker, DateTimePicker_default as DateTimePicker, Description_default as Description, Drawer_default as Drawer, DrawerBody_default as DrawerBody, DrawerClose_default as DrawerClose, DrawerContent_default as DrawerContent, DrawerFooter_default as DrawerFooter, DrawerHeader_default as DrawerHeader, DrawerOverlay_default as DrawerOverlay, DrawerTitle_default as DrawerTitle, DrawerTrigger_default as DrawerTrigger, Dropdown_default as Dropdown, DropdownCheckboxItem_default as DropdownCheckboxItem, DropdownItem_default as DropdownItem, DropdownMenu_default as DropdownMenu, DropdownRadioGroup_default as DropdownRadioGroup, DropdownRadioItem_default as DropdownRadioItem, DropdownSection_default as DropdownSection, DropdownSub_default as DropdownSub, DropdownSubContent_default as DropdownSubContent, DropdownSubTrigger_default as DropdownSubTrigger, DropdownTrigger_default as DropdownTrigger, EmptyState_default as EmptyState, EmptyStateContent_default as EmptyStateContent, Fieldset_default as Fieldset, Form_default as Form, FormField_default as FormField, Header_default as Header, Input_default as Input, InputOTP_default as InputOTP, Kbd_default as Kbd, Label_default as Label, Link_default as Link, ListBox_default as ListBox, ListBoxItem_default as ListBoxItem, ListBoxSection_default as ListBoxSection, Meter_default as Meter, Modal_default as Modal, ModalBody_default as ModalBody, ModalClose_default as ModalClose, ModalContent_default as ModalContent, ModalDescription_default as ModalDescription, ModalFooter_default as ModalFooter, ModalHeader_default as ModalHeader, ModalOverlay_default as ModalOverlay, ModalTitle_default as ModalTitle, ModalTrigger_default as ModalTrigger, NumberField_default as NumberField, Pagination_default as Pagination, PaginationContent_default as PaginationContent, PaginationEllipsis_default as PaginationEllipsis, PaginationFirst_default as PaginationFirst, PaginationItem_default as PaginationItem, PaginationLast_default as PaginationLast, PaginationNext_default as PaginationNext, PaginationPrev_default as PaginationPrev, Popover_default as Popover, PopoverAnchor_default as PopoverAnchor, PopoverArrow_default as PopoverArrow, PopoverClose_default as PopoverClose, PopoverContent_default as PopoverContent, PopoverTrigger_default as PopoverTrigger, ProgressBar_default as ProgressBar, ProgressCircle_default as ProgressCircle, Radio_default as Radio, RadioGroup_default as RadioGroup, RangeCalendar_default as RangeCalendar, ScrollArea_default as ScrollArea, ScrollShadow_default as ScrollShadow, Select_default as Select, SelectContent_default as SelectContent, SelectItem_default as SelectItem, SelectTrigger_default as SelectTrigger, SelectValue_default as SelectValue, Separator_default as Separator, Skeleton_default as Skeleton, Slider_default as Slider, Spinner_default as Spinner, SplitterGroup_default as SplitterGroup, SplitterPanel_default as SplitterPanel, SplitterResizeHandle_default as SplitterResizeHandle, Stepper_default as Stepper, StepperContent_default as StepperContent, StepperDescription_default as StepperDescription, StepperIndicator_default as StepperIndicator, StepperItem_default as StepperItem, StepperSeparator_default as StepperSeparator, StepperTitle_default as StepperTitle, Surface_default as Surface, Switch_default as Switch, SwitchGroup_default as SwitchGroup, Tab_default as Tab, TabIndicator_default as TabIndicator, TabList_default as TabList, TabPanel_default as TabPanel, Table_default as Table, TableBody_default as TableBody, TableCell_default as TableCell, TableFooter_default as TableFooter, TableHeader_default as TableHeader, TableHeaderCell_default as TableHeaderCell, TableRow_default as TableRow, Tabs_default as Tabs, Chip_default as Tag, Text_default as Text, Textarea_default as Textarea, TimeField_default as TimeField, Toast_default as Toast, ToastAction_default as ToastAction, ToastClose_default as ToastClose, ToastDescription_default as ToastDescription, ToastProvider_default as ToastProvider, ToastTitle_default as ToastTitle, ToastViewport_default as ToastViewport, ToggleButton_default as ToggleButton, ToggleButtonGroup_default as ToggleButtonGroup, Toolbar_default as Toolbar, ToolbarButton_default as ToolbarButton, ToolbarLink_default as ToolbarLink, ToolbarSeparator_default as ToolbarSeparator, ToolbarToggleGroup_default as ToolbarToggleGroup, ToolbarToggleItem_default as ToolbarToggleItem, Tooltip_default as Tooltip, TooltipArrow_default as TooltipArrow, TooltipContent_default as TooltipContent, TooltipProvider_default as TooltipProvider, TooltipTrigger_default as TooltipTrigger, Tree_default as Tree, TreeItem_default as TreeItem, TreeItemToggle_default as TreeItemToggle, autocompleteContextKey, checkboxGroupContextKey, comboBoxContextKey, composeClassName, composeSlotClassName, createContext, createPaginationContext, cx, dataAttr, dropdownContextKey, mapPropsVariants, paginationContextKey, radioGroupContextKey, splitterContextKey, stepperContextKey, surfaceContextKey, switchGroupContextKey, tableContextKey, treeContextKey, useAutocompleteInject, useAutocompleteProvide, useCSSVariable, useCheckboxGroupInject, useCheckboxGroupProvide, useColorState, useComboBoxInject, useComboBoxProvide, useDropdownInject, useDropdownProvide, useIsHydrated, useIsMounted, useListData, useMeasuredHeight, useMediaQuery, useOverlayState, usePaginationInject, usePaginationProvide, useRadioGroupInject, useRadioGroupProvide, useSurfaceInject, useSwitchGroupInject, useSwitchGroupProvide, useTableInject, useTableKeyboardNav, useTableProvide, useToast };
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
import { Fragment } from "vue";
|
|
2
|
+
//#region src/utils/hasSlotComponent.ts
|
|
3
|
+
/**
|
|
4
|
+
* Returns true if any vnode in `nodes` has a `type` referentially equal to one
|
|
5
|
+
* of `components`, recursively flattening `Fragment` (v-for / template) children.
|
|
6
|
+
*
|
|
7
|
+
* Dropdown form controls (Select, Autocomplete, ComboBox) use this to detect
|
|
8
|
+
* whether the consumer supplied explicit compound chrome (e.g. SelectTrigger /
|
|
9
|
+
* SelectContent) versus terse `*Item` children or an `items` prop. When chrome
|
|
10
|
+
* is present the control passes the slot through unchanged; otherwise it renders
|
|
11
|
+
* the trigger/value/content internally.
|
|
12
|
+
*/
|
|
13
|
+
function hasSlotComponent(nodes, components) {
|
|
14
|
+
if (!nodes) return false;
|
|
15
|
+
for (const node of nodes) {
|
|
16
|
+
if (components.includes(node.type)) return true;
|
|
17
|
+
if (node.type === Fragment && Array.isArray(node.children)) {
|
|
18
|
+
if (hasSlotComponent(node.children, components)) return true;
|
|
19
|
+
}
|
|
20
|
+
}
|
|
21
|
+
return false;
|
|
22
|
+
}
|
|
23
|
+
//#endregion
|
|
24
|
+
export { hasSlotComponent };
|
|
25
|
+
|
|
26
|
+
//# sourceMappingURL=hasSlotComponent.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"hasSlotComponent.js","names":[],"sources":["../../src/utils/hasSlotComponent.ts"],"sourcesContent":["import { Fragment, type VNode } from 'vue'\n\n/**\n * Returns true if any vnode in `nodes` has a `type` referentially equal to one\n * of `components`, recursively flattening `Fragment` (v-for / template) children.\n *\n * Dropdown form controls (Select, Autocomplete, ComboBox) use this to detect\n * whether the consumer supplied explicit compound chrome (e.g. SelectTrigger /\n * SelectContent) versus terse `*Item` children or an `items` prop. When chrome\n * is present the control passes the slot through unchanged; otherwise it renders\n * the trigger/value/content internally.\n */\nexport function hasSlotComponent(\n nodes: VNode[] | undefined,\n components: unknown[],\n): boolean {\n if (!nodes) return false\n for (const node of nodes) {\n if (components.includes(node.type)) return true\n if (node.type === Fragment && Array.isArray(node.children)) {\n if (hasSlotComponent(node.children as VNode[], components)) return true\n }\n }\n return false\n}\n"],"mappings":";;;;;;;;;;;;AAYA,SAAgB,iBACd,OACA,YACS;AACT,KAAI,CAAC,MAAO,QAAO;AACnB,MAAK,MAAM,QAAQ,OAAO;AACxB,MAAI,WAAW,SAAS,KAAK,KAAK,CAAE,QAAO;AAC3C,MAAI,KAAK,SAAS,YAAY,MAAM,QAAQ,KAAK,SAAS;OACpD,iBAAiB,KAAK,UAAqB,WAAW,CAAE,QAAO;;;AAGvE,QAAO"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@auronui/vue",
|
|
3
|
-
"version": "1.0.
|
|
3
|
+
"version": "1.0.13",
|
|
4
4
|
"description": "Vue 3 85 components with full visual and functional parity",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"license": "MIT",
|
|
@@ -69,7 +69,7 @@
|
|
|
69
69
|
"tailwind-merge": "3.5.0",
|
|
70
70
|
"tailwind-variants": "3.2.2",
|
|
71
71
|
"vee-validate": "^4.15.1",
|
|
72
|
-
"@auronui/styles": "1.0.
|
|
72
|
+
"@auronui/styles": "1.0.13"
|
|
73
73
|
},
|
|
74
74
|
"devDependencies": {
|
|
75
75
|
"@chialab/vitest-axe": "0.19.1",
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
import Tag_vue_vue_type_script_setup_true_lang_default from "./Tag.vue_vue_type_script_setup_true_lang.js";
|
|
2
|
-
//#region src/components/tag/Tag.vue
|
|
3
|
-
var Tag_default = Tag_vue_vue_type_script_setup_true_lang_default;
|
|
4
|
-
//#endregion
|
|
5
|
-
export { Tag_default as default };
|
|
6
|
-
|
|
7
|
-
//# sourceMappingURL=Tag.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Tag.js","names":[],"sources":["../../../src/components/tag/Tag.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, inject } from 'vue'\nimport { TagsInputItem } from 'reka-ui'\nimport { tagVariants, type TagVariants } from '@auronui/styles'\nimport { composeClassName } from '../../utils/composeClassName'\nimport { tagGroupContextKey } from '../tag-group/TagGroup.context'\nimport TagText from './TagText.vue'\nimport TagDelete from './TagDelete.vue'\n\nconst props = withDefaults(defineProps<{\n value: string\n textValue?: string\n isDisabled?: boolean\n /** Override group-level read-only; when true, delete button is hidden */\n isReadOnly?: boolean\n variant?: TagVariants['variant']\n size?: TagVariants['size']\n class?: string\n}>(), {\n textValue: undefined,\n isDisabled: undefined,\n isReadOnly: undefined,\n variant: undefined,\n size: undefined,\n class: undefined,\n})\n\nconst emit = defineEmits<{\n remove: [value: string]\n}>()\n\n// Inject group context — graceful fallback (Tag can be used standalone)\nconst groupCtx = inject(tagGroupContextKey, null)\n\nconst resolvedVariant = computed(\n () => props.variant ?? groupCtx?.variant.value ?? 'default',\n)\nconst resolvedSize = computed(\n () => props.size ?? groupCtx?.size.value ?? 'md',\n)\nconst resolvedIsDisabled = computed(\n () => props.isDisabled ?? groupCtx?.isDisabled.value ?? false,\n)\nconst resolvedReadOnly = computed(\n () => props.isReadOnly ?? groupCtx?.readOnly.value ?? false,\n)\n\nconst slotFns = computed(() =>\n tagVariants({\n variant: resolvedVariant.value,\n size: resolvedSize.value,\n }),\n)\n\nconst showDelete = computed(() => !resolvedReadOnly.value && !resolvedIsDisabled.value)\n\nfunction onRemove() {\n emit('remove', props.value)\n}\n</script>\n\n<template>\n <TagsInputItem\n :value=\"value\"\n :disabled=\"resolvedIsDisabled || undefined\"\n :class=\"composeClassName(slotFns.base(), props.class)\"\n data-slot=\"tag\"\n >\n <TagText>\n <slot>{{ textValue ?? value }}</slot>\n </TagText>\n <TagDelete\n v-if=\"showDelete\"\n @remove=\"onRemove\"\n />\n </TagsInputItem>\n</template>\n"],"mappings":""}
|
|
@@ -1,69 +0,0 @@
|
|
|
1
|
-
import { composeClassName } from "../../utils/composeClassName.js";
|
|
2
|
-
import { tagGroupContextKey } from "../tag-group/TagGroup.context.js";
|
|
3
|
-
import TagText_default from "./TagText.js";
|
|
4
|
-
import TagDelete_default from "./TagDelete.js";
|
|
5
|
-
import { computed, createBlock, createCommentVNode, createTextVNode, createVNode, defineComponent, inject, normalizeClass, openBlock, renderSlot, toDisplayString, unref, withCtx } from "vue";
|
|
6
|
-
import { tagVariants } from "@auronui/styles";
|
|
7
|
-
import { TagsInputItem } from "reka-ui";
|
|
8
|
-
//#region src/components/tag/Tag.vue?vue&type=script&setup=true&lang.ts
|
|
9
|
-
var Tag_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
|
|
10
|
-
__name: "Tag",
|
|
11
|
-
props: {
|
|
12
|
-
value: {},
|
|
13
|
-
textValue: { default: void 0 },
|
|
14
|
-
isDisabled: {
|
|
15
|
-
type: Boolean,
|
|
16
|
-
default: void 0
|
|
17
|
-
},
|
|
18
|
-
isReadOnly: {
|
|
19
|
-
type: Boolean,
|
|
20
|
-
default: void 0
|
|
21
|
-
},
|
|
22
|
-
variant: { default: void 0 },
|
|
23
|
-
size: { default: void 0 },
|
|
24
|
-
class: { default: void 0 }
|
|
25
|
-
},
|
|
26
|
-
emits: ["remove"],
|
|
27
|
-
setup(__props, { emit: __emit }) {
|
|
28
|
-
const props = __props;
|
|
29
|
-
const emit = __emit;
|
|
30
|
-
const groupCtx = inject(tagGroupContextKey, null);
|
|
31
|
-
const resolvedVariant = computed(() => props.variant ?? groupCtx?.variant.value ?? "default");
|
|
32
|
-
const resolvedSize = computed(() => props.size ?? groupCtx?.size.value ?? "md");
|
|
33
|
-
const resolvedIsDisabled = computed(() => props.isDisabled ?? groupCtx?.isDisabled.value ?? false);
|
|
34
|
-
const resolvedReadOnly = computed(() => props.isReadOnly ?? groupCtx?.readOnly.value ?? false);
|
|
35
|
-
const slotFns = computed(() => tagVariants({
|
|
36
|
-
variant: resolvedVariant.value,
|
|
37
|
-
size: resolvedSize.value
|
|
38
|
-
}));
|
|
39
|
-
const showDelete = computed(() => !resolvedReadOnly.value && !resolvedIsDisabled.value);
|
|
40
|
-
function onRemove() {
|
|
41
|
-
emit("remove", props.value);
|
|
42
|
-
}
|
|
43
|
-
return (_ctx, _cache) => {
|
|
44
|
-
return openBlock(), createBlock(unref(TagsInputItem), {
|
|
45
|
-
value: __props.value,
|
|
46
|
-
disabled: resolvedIsDisabled.value || void 0,
|
|
47
|
-
class: normalizeClass(unref(composeClassName)(slotFns.value.base(), props.class)),
|
|
48
|
-
"data-slot": "tag"
|
|
49
|
-
}, {
|
|
50
|
-
default: withCtx(() => [createVNode(TagText_default, null, {
|
|
51
|
-
default: withCtx(() => [renderSlot(_ctx.$slots, "default", {}, () => [createTextVNode(toDisplayString(__props.textValue ?? __props.value), 1)])]),
|
|
52
|
-
_: 3
|
|
53
|
-
}), showDelete.value ? (openBlock(), createBlock(TagDelete_default, {
|
|
54
|
-
key: 0,
|
|
55
|
-
onRemove
|
|
56
|
-
})) : createCommentVNode("", true)]),
|
|
57
|
-
_: 3
|
|
58
|
-
}, 8, [
|
|
59
|
-
"value",
|
|
60
|
-
"disabled",
|
|
61
|
-
"class"
|
|
62
|
-
]);
|
|
63
|
-
};
|
|
64
|
-
}
|
|
65
|
-
});
|
|
66
|
-
//#endregion
|
|
67
|
-
export { Tag_vue_vue_type_script_setup_true_lang_default as default };
|
|
68
|
-
|
|
69
|
-
//# sourceMappingURL=Tag.vue_vue_type_script_setup_true_lang.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Tag.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/tag/Tag.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, inject } from 'vue'\nimport { TagsInputItem } from 'reka-ui'\nimport { tagVariants, type TagVariants } from '@auronui/styles'\nimport { composeClassName } from '../../utils/composeClassName'\nimport { tagGroupContextKey } from '../tag-group/TagGroup.context'\nimport TagText from './TagText.vue'\nimport TagDelete from './TagDelete.vue'\n\nconst props = withDefaults(defineProps<{\n value: string\n textValue?: string\n isDisabled?: boolean\n /** Override group-level read-only; when true, delete button is hidden */\n isReadOnly?: boolean\n variant?: TagVariants['variant']\n size?: TagVariants['size']\n class?: string\n}>(), {\n textValue: undefined,\n isDisabled: undefined,\n isReadOnly: undefined,\n variant: undefined,\n size: undefined,\n class: undefined,\n})\n\nconst emit = defineEmits<{\n remove: [value: string]\n}>()\n\n// Inject group context — graceful fallback (Tag can be used standalone)\nconst groupCtx = inject(tagGroupContextKey, null)\n\nconst resolvedVariant = computed(\n () => props.variant ?? groupCtx?.variant.value ?? 'default',\n)\nconst resolvedSize = computed(\n () => props.size ?? groupCtx?.size.value ?? 'md',\n)\nconst resolvedIsDisabled = computed(\n () => props.isDisabled ?? groupCtx?.isDisabled.value ?? false,\n)\nconst resolvedReadOnly = computed(\n () => props.isReadOnly ?? groupCtx?.readOnly.value ?? false,\n)\n\nconst slotFns = computed(() =>\n tagVariants({\n variant: resolvedVariant.value,\n size: resolvedSize.value,\n }),\n)\n\nconst showDelete = computed(() => !resolvedReadOnly.value && !resolvedIsDisabled.value)\n\nfunction onRemove() {\n emit('remove', props.value)\n}\n</script>\n\n<template>\n <TagsInputItem\n :value=\"value\"\n :disabled=\"resolvedIsDisabled || undefined\"\n :class=\"composeClassName(slotFns.base(), props.class)\"\n data-slot=\"tag\"\n >\n <TagText>\n <slot>{{ textValue ?? value }}</slot>\n </TagText>\n <TagDelete\n v-if=\"showDelete\"\n @remove=\"onRemove\"\n />\n </TagsInputItem>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;EASA,MAAM,QAAQ;EAkBd,MAAM,OAAO;EAKb,MAAM,WAAW,OAAO,oBAAoB,KAAI;EAEhD,MAAM,kBAAkB,eAChB,MAAM,WAAW,UAAU,QAAQ,SAAS,UACpD;EACA,MAAM,eAAe,eACb,MAAM,QAAQ,UAAU,KAAK,SAAS,KAC9C;EACA,MAAM,qBAAqB,eACnB,MAAM,cAAc,UAAU,WAAW,SAAS,MAC1D;EACA,MAAM,mBAAmB,eACjB,MAAM,cAAc,UAAU,SAAS,SAAS,MACxD;EAEA,MAAM,UAAU,eACd,YAAY;GACV,SAAS,gBAAgB;GACzB,MAAM,aAAa;GACpB,CAAC,CACJ;EAEA,MAAM,aAAa,eAAe,CAAC,iBAAiB,SAAS,CAAC,mBAAmB,MAAK;EAEtF,SAAS,WAAW;AAClB,QAAK,UAAU,MAAM,MAAK;;;uBAK1B,YAagB,MAAA,cAAA,EAAA;IAZb,OAAO,QAAA;IACP,UAAU,mBAAA,SAAsB,KAAA;IAChC,OAAK,eAAE,MAAA,iBAAgB,CAAC,QAAA,MAAQ,MAAI,EAAI,MAAM,MAAK,CAAA;IACpD,aAAU;;2BAIA,CAFV,YAEU,iBAAA,MAAA;4BAD6B,CAArC,WAAqC,KAAA,QAAA,WAAA,EAAA,QAAA,CAAA,gBAAA,gBAA5B,QAAA,aAAa,QAAA,MAAK,EAAA,EAAA,CAAA,CAAA,CAAA,CAAA;;QAGrB,WAAA,SAAA,WAAA,EADR,YAGE,mBAAA;;KADS"}
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
import TagDelete_vue_vue_type_script_setup_true_lang_default from "./TagDelete.vue_vue_type_script_setup_true_lang.js";
|
|
2
|
-
//#region src/components/tag/TagDelete.vue
|
|
3
|
-
var TagDelete_default = TagDelete_vue_vue_type_script_setup_true_lang_default;
|
|
4
|
-
//#endregion
|
|
5
|
-
export { TagDelete_default as default };
|
|
6
|
-
|
|
7
|
-
//# sourceMappingURL=TagDelete.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"TagDelete.js","names":[],"sources":["../../../src/components/tag/TagDelete.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { TagsInputItemDelete } from 'reka-ui'\nimport { tagVariants } from '@auronui/styles'\n\nconst emit = defineEmits<{\n remove: []\n}>()\n\nconst slots = tagVariants()\n\nfunction handleClick() {\n emit('remove')\n}\n</script>\n\n<template>\n <TagsInputItemDelete\n :class=\"slots.removeButton()\"\n aria-label=\"Remove tag\"\n @click=\"handleClick\"\n >\n <slot>\n <!-- Default X icon -->\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n stroke=\"currentColor\"\n stroke-width=\"2\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\"\n aria-hidden=\"true\"\n focusable=\"false\"\n >\n <line\n x1=\"18\"\n y1=\"6\"\n x2=\"6\"\n y2=\"18\"\n />\n <line\n x1=\"6\"\n y1=\"6\"\n x2=\"18\"\n y2=\"18\"\n />\n </svg>\n </slot>\n </TagsInputItemDelete>\n</template>\n"],"mappings":""}
|
|
@@ -1,49 +0,0 @@
|
|
|
1
|
-
import { createBlock, createElementVNode, defineComponent, normalizeClass, openBlock, renderSlot, unref, withCtx } from "vue";
|
|
2
|
-
import { tagVariants } from "@auronui/styles";
|
|
3
|
-
import { TagsInputItemDelete } from "reka-ui";
|
|
4
|
-
//#region src/components/tag/TagDelete.vue?vue&type=script&setup=true&lang.ts
|
|
5
|
-
var TagDelete_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
|
|
6
|
-
__name: "TagDelete",
|
|
7
|
-
emits: ["remove"],
|
|
8
|
-
setup(__props, { emit: __emit }) {
|
|
9
|
-
const emit = __emit;
|
|
10
|
-
const slots = tagVariants();
|
|
11
|
-
function handleClick() {
|
|
12
|
-
emit("remove");
|
|
13
|
-
}
|
|
14
|
-
return (_ctx, _cache) => {
|
|
15
|
-
return openBlock(), createBlock(unref(TagsInputItemDelete), {
|
|
16
|
-
class: normalizeClass(unref(slots).removeButton()),
|
|
17
|
-
"aria-label": "Remove tag",
|
|
18
|
-
onClick: handleClick
|
|
19
|
-
}, {
|
|
20
|
-
default: withCtx(() => [renderSlot(_ctx.$slots, "default", {}, () => [_cache[0] || (_cache[0] = createElementVNode("svg", {
|
|
21
|
-
xmlns: "http://www.w3.org/2000/svg",
|
|
22
|
-
viewBox: "0 0 24 24",
|
|
23
|
-
fill: "none",
|
|
24
|
-
stroke: "currentColor",
|
|
25
|
-
"stroke-width": "2",
|
|
26
|
-
"stroke-linecap": "round",
|
|
27
|
-
"stroke-linejoin": "round",
|
|
28
|
-
"aria-hidden": "true",
|
|
29
|
-
focusable: "false"
|
|
30
|
-
}, [createElementVNode("line", {
|
|
31
|
-
x1: "18",
|
|
32
|
-
y1: "6",
|
|
33
|
-
x2: "6",
|
|
34
|
-
y2: "18"
|
|
35
|
-
}), createElementVNode("line", {
|
|
36
|
-
x1: "6",
|
|
37
|
-
y1: "6",
|
|
38
|
-
x2: "18",
|
|
39
|
-
y2: "18"
|
|
40
|
-
})], -1))])]),
|
|
41
|
-
_: 3
|
|
42
|
-
}, 8, ["class"]);
|
|
43
|
-
};
|
|
44
|
-
}
|
|
45
|
-
});
|
|
46
|
-
//#endregion
|
|
47
|
-
export { TagDelete_vue_vue_type_script_setup_true_lang_default as default };
|
|
48
|
-
|
|
49
|
-
//# sourceMappingURL=TagDelete.vue_vue_type_script_setup_true_lang.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"TagDelete.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/tag/TagDelete.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { TagsInputItemDelete } from 'reka-ui'\nimport { tagVariants } from '@auronui/styles'\n\nconst emit = defineEmits<{\n remove: []\n}>()\n\nconst slots = tagVariants()\n\nfunction handleClick() {\n emit('remove')\n}\n</script>\n\n<template>\n <TagsInputItemDelete\n :class=\"slots.removeButton()\"\n aria-label=\"Remove tag\"\n @click=\"handleClick\"\n >\n <slot>\n <!-- Default X icon -->\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n stroke=\"currentColor\"\n stroke-width=\"2\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\"\n aria-hidden=\"true\"\n focusable=\"false\"\n >\n <line\n x1=\"18\"\n y1=\"6\"\n x2=\"6\"\n y2=\"18\"\n />\n <line\n x1=\"6\"\n y1=\"6\"\n x2=\"18\"\n y2=\"18\"\n />\n </svg>\n </slot>\n </TagsInputItemDelete>\n</template>\n"],"mappings":";;;;;;;;EAIA,MAAM,OAAO;EAIb,MAAM,QAAQ,aAAY;EAE1B,SAAS,cAAc;AACrB,QAAK,SAAQ;;;uBAKb,YAgCsB,MAAA,oBAAA,EAAA;IA/BnB,OAAK,eAAE,MAAA,MAAK,CAAC,cAAY,CAAA;IAC1B,cAAW;IACV,SAAO;;2BA4BD,CA1BP,WA0BO,KAAA,QAAA,WAAA,EAAA,QAAA,CAAA,OAAA,OAAA,OAAA,KAxBL,mBAuBM,OAAA;KAtBJ,OAAM;KACN,SAAQ;KACR,MAAK;KACL,QAAO;KACP,gBAAa;KACb,kBAAe;KACf,mBAAgB;KAChB,eAAY;KACZ,WAAU;QAEV,mBAKE,QAAA;KAJA,IAAG;KACH,IAAG;KACH,IAAG;KACH,IAAG;QAEL,mBAKE,QAAA;KAJA,IAAG;KACH,IAAG;KACH,IAAG;KACH,IAAG"}
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
import TagText_vue_vue_type_script_setup_true_lang_default from "./TagText.vue_vue_type_script_setup_true_lang.js";
|
|
2
|
-
//#region src/components/tag/TagText.vue
|
|
3
|
-
var TagText_default = TagText_vue_vue_type_script_setup_true_lang_default;
|
|
4
|
-
//#endregion
|
|
5
|
-
export { TagText_default as default };
|
|
6
|
-
|
|
7
|
-
//# sourceMappingURL=TagText.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"TagText.js","names":[],"sources":["../../../src/components/tag/TagText.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { TagsInputItemText } from 'reka-ui'\n</script>\n\n<template>\n <TagsInputItemText>\n <slot />\n </TagsInputItemText>\n</template>\n"],"mappings":""}
|
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
import { createBlock, defineComponent, openBlock, renderSlot, unref, withCtx } from "vue";
|
|
2
|
-
import { TagsInputItemText } from "reka-ui";
|
|
3
|
-
//#region src/components/tag/TagText.vue?vue&type=script&setup=true&lang.ts
|
|
4
|
-
var TagText_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
|
|
5
|
-
__name: "TagText",
|
|
6
|
-
setup(__props) {
|
|
7
|
-
return (_ctx, _cache) => {
|
|
8
|
-
return openBlock(), createBlock(unref(TagsInputItemText), null, {
|
|
9
|
-
default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
|
|
10
|
-
_: 3
|
|
11
|
-
});
|
|
12
|
-
};
|
|
13
|
-
}
|
|
14
|
-
});
|
|
15
|
-
//#endregion
|
|
16
|
-
export { TagText_vue_vue_type_script_setup_true_lang_default as default };
|
|
17
|
-
|
|
18
|
-
//# sourceMappingURL=TagText.vue_vue_type_script_setup_true_lang.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"TagText.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/tag/TagText.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { TagsInputItemText } from 'reka-ui'\n</script>\n\n<template>\n <TagsInputItemText>\n <slot />\n </TagsInputItemText>\n</template>\n"],"mappings":";;;;;;;uBAKE,YAEoB,MAAA,kBAAA,EAAA,MAAA;2BADV,CAAR,WAAQ,KAAA,QAAA,UAAA,CAAA,CAAA"}
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
import { createContext } from "../../utils/context.js";
|
|
2
|
-
//#region src/components/tag-group/TagGroup.context.ts
|
|
3
|
-
var { useProvide: useTagGroupProvide, useInject: useTagGroupInject, key: tagGroupContextKey } = createContext("TagGroup");
|
|
4
|
-
//#endregion
|
|
5
|
-
export { tagGroupContextKey, useTagGroupInject, useTagGroupProvide };
|
|
6
|
-
|
|
7
|
-
//# sourceMappingURL=TagGroup.context.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"TagGroup.context.js","names":[],"sources":["../../../src/components/tag-group/TagGroup.context.ts"],"sourcesContent":["import { createContext } from '../../utils/context'\nimport type { Ref } from 'vue'\nimport type { TagVariants } from '@auronui/styles'\n\nexport interface TagGroupContext {\n variant: Ref<TagVariants['variant']>\n size: Ref<TagVariants['size']>\n isDisabled: Ref<boolean>\n readOnly: Ref<boolean>\n}\n\nexport const {\n useProvide: useTagGroupProvide,\n useInject: useTagGroupInject,\n key: tagGroupContextKey,\n} = createContext<TagGroupContext>('TagGroup')\n"],"mappings":";;AAWA,IAAa,EACX,YAAY,oBACZ,WAAW,mBACX,KAAK,uBACH,cAA+B,WAAW"}
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
import TagGroup_vue_vue_type_script_setup_true_lang_default from "./TagGroup.vue_vue_type_script_setup_true_lang.js";
|
|
2
|
-
//#region src/components/tag-group/TagGroup.vue
|
|
3
|
-
var TagGroup_default = TagGroup_vue_vue_type_script_setup_true_lang_default;
|
|
4
|
-
//#endregion
|
|
5
|
-
export { TagGroup_default as default };
|
|
6
|
-
|
|
7
|
-
//# sourceMappingURL=TagGroup.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"TagGroup.js","names":[],"sources":["../../../src/components/tag-group/TagGroup.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { toRef, useId } from 'vue'\nimport { TagsInputRoot } from 'reka-ui'\nimport { tagGroupVariants, type TagVariants } from '@auronui/styles'\nimport { useTagGroupProvide } from './TagGroup.context'\nimport TagGroupInput from './TagGroupInput.vue'\n\nconst props = withDefaults(defineProps<{\n modelValue?: string[]\n defaultValue?: string[]\n label?: string\n placeholder?: string\n description?: string\n errorMessage?: string\n isInvalid?: boolean\n isDisabled?: boolean\n readOnly?: boolean\n isRequired?: boolean\n allowsDuplicates?: boolean\n maxTags?: number\n delimiter?: string | RegExp\n variant?: TagVariants['variant']\n size?: TagVariants['size']\n class?: string\n}>(), {\n modelValue: undefined,\n defaultValue: () => [],\n label: undefined,\n placeholder: 'Add a tag',\n description: undefined,\n errorMessage: undefined,\n isInvalid: false,\n isDisabled: false,\n readOnly: false,\n isRequired: false,\n allowsDuplicates: false,\n maxTags: undefined,\n delimiter: ',',\n variant: 'default',\n size: 'md',\n class: undefined,\n})\n\nconst emit = defineEmits<{\n 'update:modelValue': [value: string[]]\n 'add': [value: string]\n 'remove': [value: string]\n 'invalid': [value: string]\n}>()\n\nconst labelId = useId()\n\nconst slotFns = tagGroupVariants()\n\n// Provide context to child Tag components\nuseTagGroupProvide({\n variant: toRef(props, 'variant'),\n size: toRef(props, 'size'),\n isDisabled: toRef(props, 'isDisabled'),\n readOnly: toRef(props, 'readOnly'),\n})\n\nfunction onUpdateModelValue(value: string[]) {\n emit('update:modelValue', value)\n}\n</script>\n\n<template>\n <div\n :class=\"slotFns.base()\"\n :data-invalid=\"props.isInvalid || undefined\"\n :data-required=\"props.isRequired || undefined\"\n :data-disabled=\"props.isDisabled || undefined\"\n :data-readonly=\"props.readOnly || undefined\"\n data-slot=\"tag-group\"\n >\n <!-- Label -->\n <label\n v-if=\"props.label\"\n :id=\"labelId\"\n class=\"text-sm font-medium text-default-foreground w-fit\"\n data-slot=\"label\"\n >\n {{ props.label }}\n <span\n v-if=\"props.isRequired\"\n aria-hidden=\"true\"\n > *</span>\n </label>\n\n <!-- TagsInput root from Reka UI -->\n <TagsInputRoot\n :model-value=\"props.modelValue\"\n :default-value=\"props.defaultValue\"\n :disabled=\"props.isDisabled\"\n :max=\"props.maxTags ?? 0\"\n :delimiter=\"props.delimiter\"\n :duplicate=\"props.allowsDuplicates\"\n :aria-labelledby=\"props.label ? labelId : undefined\"\n :aria-invalid=\"props.isInvalid || undefined\"\n :aria-required=\"props.isRequired || undefined\"\n :class=\"slotFns.list()\"\n @update:model-value=\"onUpdateModelValue\"\n >\n <!-- Slotted Tag components -->\n <slot />\n\n <!-- Embedded input — hidden when readOnly -->\n <TagGroupInput\n v-if=\"!props.readOnly\"\n :placeholder=\"props.placeholder\"\n />\n </TagsInputRoot>\n\n <!-- Helper text area -->\n <div\n v-if=\"props.description || (props.isInvalid && props.errorMessage)\"\n class=\"flex flex-col gap-0.5 px-1\"\n data-slot=\"helper-wrapper\"\n >\n <p\n v-if=\"props.isInvalid && props.errorMessage\"\n class=\"text-sm text-danger\"\n data-slot=\"error-message\"\n aria-live=\"polite\"\n >\n {{ props.errorMessage }}\n </p>\n <p\n v-else-if=\"props.description\"\n class=\"text-sm text-default-400\"\n data-slot=\"description\"\n >\n {{ props.description }}\n </p>\n </div>\n </div>\n</template>\n"],"mappings":""}
|
|
@@ -1,142 +0,0 @@
|
|
|
1
|
-
import { useTagGroupProvide } from "./TagGroup.context.js";
|
|
2
|
-
import TagGroupInput_default from "./TagGroupInput.js";
|
|
3
|
-
import { createBlock, createCommentVNode, createElementBlock, createTextVNode, createVNode, defineComponent, normalizeClass, openBlock, renderSlot, toDisplayString, toRef, unref, useId, withCtx } from "vue";
|
|
4
|
-
import { tagGroupVariants } from "@auronui/styles";
|
|
5
|
-
import { TagsInputRoot } from "reka-ui";
|
|
6
|
-
//#region src/components/tag-group/TagGroup.vue?vue&type=script&setup=true&lang.ts
|
|
7
|
-
var _hoisted_1 = [
|
|
8
|
-
"data-invalid",
|
|
9
|
-
"data-required",
|
|
10
|
-
"data-disabled",
|
|
11
|
-
"data-readonly"
|
|
12
|
-
];
|
|
13
|
-
var _hoisted_2 = ["id"];
|
|
14
|
-
var _hoisted_3 = {
|
|
15
|
-
key: 0,
|
|
16
|
-
"aria-hidden": "true"
|
|
17
|
-
};
|
|
18
|
-
var _hoisted_4 = {
|
|
19
|
-
key: 1,
|
|
20
|
-
class: "flex flex-col gap-0.5 px-1",
|
|
21
|
-
"data-slot": "helper-wrapper"
|
|
22
|
-
};
|
|
23
|
-
var _hoisted_5 = {
|
|
24
|
-
key: 0,
|
|
25
|
-
class: "text-sm text-danger",
|
|
26
|
-
"data-slot": "error-message",
|
|
27
|
-
"aria-live": "polite"
|
|
28
|
-
};
|
|
29
|
-
var _hoisted_6 = {
|
|
30
|
-
key: 1,
|
|
31
|
-
class: "text-sm text-default-400",
|
|
32
|
-
"data-slot": "description"
|
|
33
|
-
};
|
|
34
|
-
var TagGroup_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
|
|
35
|
-
__name: "TagGroup",
|
|
36
|
-
props: {
|
|
37
|
-
modelValue: { default: void 0 },
|
|
38
|
-
defaultValue: { default: () => [] },
|
|
39
|
-
label: { default: void 0 },
|
|
40
|
-
placeholder: { default: "Add a tag" },
|
|
41
|
-
description: { default: void 0 },
|
|
42
|
-
errorMessage: { default: void 0 },
|
|
43
|
-
isInvalid: {
|
|
44
|
-
type: Boolean,
|
|
45
|
-
default: false
|
|
46
|
-
},
|
|
47
|
-
isDisabled: {
|
|
48
|
-
type: Boolean,
|
|
49
|
-
default: false
|
|
50
|
-
},
|
|
51
|
-
readOnly: {
|
|
52
|
-
type: Boolean,
|
|
53
|
-
default: false
|
|
54
|
-
},
|
|
55
|
-
isRequired: {
|
|
56
|
-
type: Boolean,
|
|
57
|
-
default: false
|
|
58
|
-
},
|
|
59
|
-
allowsDuplicates: {
|
|
60
|
-
type: Boolean,
|
|
61
|
-
default: false
|
|
62
|
-
},
|
|
63
|
-
maxTags: { default: void 0 },
|
|
64
|
-
delimiter: { default: "," },
|
|
65
|
-
variant: { default: "default" },
|
|
66
|
-
size: { default: "md" },
|
|
67
|
-
class: { default: void 0 }
|
|
68
|
-
},
|
|
69
|
-
emits: [
|
|
70
|
-
"update:modelValue",
|
|
71
|
-
"add",
|
|
72
|
-
"remove",
|
|
73
|
-
"invalid"
|
|
74
|
-
],
|
|
75
|
-
setup(__props, { emit: __emit }) {
|
|
76
|
-
const props = __props;
|
|
77
|
-
const emit = __emit;
|
|
78
|
-
const labelId = useId();
|
|
79
|
-
const slotFns = tagGroupVariants();
|
|
80
|
-
useTagGroupProvide({
|
|
81
|
-
variant: toRef(props, "variant"),
|
|
82
|
-
size: toRef(props, "size"),
|
|
83
|
-
isDisabled: toRef(props, "isDisabled"),
|
|
84
|
-
readOnly: toRef(props, "readOnly")
|
|
85
|
-
});
|
|
86
|
-
function onUpdateModelValue(value) {
|
|
87
|
-
emit("update:modelValue", value);
|
|
88
|
-
}
|
|
89
|
-
return (_ctx, _cache) => {
|
|
90
|
-
return openBlock(), createElementBlock("div", {
|
|
91
|
-
class: normalizeClass(unref(slotFns).base()),
|
|
92
|
-
"data-invalid": props.isInvalid || void 0,
|
|
93
|
-
"data-required": props.isRequired || void 0,
|
|
94
|
-
"data-disabled": props.isDisabled || void 0,
|
|
95
|
-
"data-readonly": props.readOnly || void 0,
|
|
96
|
-
"data-slot": "tag-group"
|
|
97
|
-
}, [
|
|
98
|
-
props.label ? (openBlock(), createElementBlock("label", {
|
|
99
|
-
key: 0,
|
|
100
|
-
id: unref(labelId),
|
|
101
|
-
class: "text-sm font-medium text-default-foreground w-fit",
|
|
102
|
-
"data-slot": "label"
|
|
103
|
-
}, [createTextVNode(toDisplayString(props.label) + " ", 1), props.isRequired ? (openBlock(), createElementBlock("span", _hoisted_3, " *")) : createCommentVNode("", true)], 8, _hoisted_2)) : createCommentVNode("", true),
|
|
104
|
-
createVNode(unref(TagsInputRoot), {
|
|
105
|
-
"model-value": props.modelValue,
|
|
106
|
-
"default-value": props.defaultValue,
|
|
107
|
-
disabled: props.isDisabled,
|
|
108
|
-
max: props.maxTags ?? 0,
|
|
109
|
-
delimiter: props.delimiter,
|
|
110
|
-
duplicate: props.allowsDuplicates,
|
|
111
|
-
"aria-labelledby": props.label ? unref(labelId) : void 0,
|
|
112
|
-
"aria-invalid": props.isInvalid || void 0,
|
|
113
|
-
"aria-required": props.isRequired || void 0,
|
|
114
|
-
class: normalizeClass(unref(slotFns).list()),
|
|
115
|
-
"onUpdate:modelValue": onUpdateModelValue
|
|
116
|
-
}, {
|
|
117
|
-
default: withCtx(() => [renderSlot(_ctx.$slots, "default"), !props.readOnly ? (openBlock(), createBlock(TagGroupInput_default, {
|
|
118
|
-
key: 0,
|
|
119
|
-
placeholder: props.placeholder
|
|
120
|
-
}, null, 8, ["placeholder"])) : createCommentVNode("", true)]),
|
|
121
|
-
_: 3
|
|
122
|
-
}, 8, [
|
|
123
|
-
"model-value",
|
|
124
|
-
"default-value",
|
|
125
|
-
"disabled",
|
|
126
|
-
"max",
|
|
127
|
-
"delimiter",
|
|
128
|
-
"duplicate",
|
|
129
|
-
"aria-labelledby",
|
|
130
|
-
"aria-invalid",
|
|
131
|
-
"aria-required",
|
|
132
|
-
"class"
|
|
133
|
-
]),
|
|
134
|
-
props.description || props.isInvalid && props.errorMessage ? (openBlock(), createElementBlock("div", _hoisted_4, [props.isInvalid && props.errorMessage ? (openBlock(), createElementBlock("p", _hoisted_5, toDisplayString(props.errorMessage), 1)) : props.description ? (openBlock(), createElementBlock("p", _hoisted_6, toDisplayString(props.description), 1)) : createCommentVNode("", true)])) : createCommentVNode("", true)
|
|
135
|
-
], 10, _hoisted_1);
|
|
136
|
-
};
|
|
137
|
-
}
|
|
138
|
-
});
|
|
139
|
-
//#endregion
|
|
140
|
-
export { TagGroup_vue_vue_type_script_setup_true_lang_default as default };
|
|
141
|
-
|
|
142
|
-
//# sourceMappingURL=TagGroup.vue_vue_type_script_setup_true_lang.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"TagGroup.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/tag-group/TagGroup.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { toRef, useId } from 'vue'\nimport { TagsInputRoot } from 'reka-ui'\nimport { tagGroupVariants, type TagVariants } from '@auronui/styles'\nimport { useTagGroupProvide } from './TagGroup.context'\nimport TagGroupInput from './TagGroupInput.vue'\n\nconst props = withDefaults(defineProps<{\n modelValue?: string[]\n defaultValue?: string[]\n label?: string\n placeholder?: string\n description?: string\n errorMessage?: string\n isInvalid?: boolean\n isDisabled?: boolean\n readOnly?: boolean\n isRequired?: boolean\n allowsDuplicates?: boolean\n maxTags?: number\n delimiter?: string | RegExp\n variant?: TagVariants['variant']\n size?: TagVariants['size']\n class?: string\n}>(), {\n modelValue: undefined,\n defaultValue: () => [],\n label: undefined,\n placeholder: 'Add a tag',\n description: undefined,\n errorMessage: undefined,\n isInvalid: false,\n isDisabled: false,\n readOnly: false,\n isRequired: false,\n allowsDuplicates: false,\n maxTags: undefined,\n delimiter: ',',\n variant: 'default',\n size: 'md',\n class: undefined,\n})\n\nconst emit = defineEmits<{\n 'update:modelValue': [value: string[]]\n 'add': [value: string]\n 'remove': [value: string]\n 'invalid': [value: string]\n}>()\n\nconst labelId = useId()\n\nconst slotFns = tagGroupVariants()\n\n// Provide context to child Tag components\nuseTagGroupProvide({\n variant: toRef(props, 'variant'),\n size: toRef(props, 'size'),\n isDisabled: toRef(props, 'isDisabled'),\n readOnly: toRef(props, 'readOnly'),\n})\n\nfunction onUpdateModelValue(value: string[]) {\n emit('update:modelValue', value)\n}\n</script>\n\n<template>\n <div\n :class=\"slotFns.base()\"\n :data-invalid=\"props.isInvalid || undefined\"\n :data-required=\"props.isRequired || undefined\"\n :data-disabled=\"props.isDisabled || undefined\"\n :data-readonly=\"props.readOnly || undefined\"\n data-slot=\"tag-group\"\n >\n <!-- Label -->\n <label\n v-if=\"props.label\"\n :id=\"labelId\"\n class=\"text-sm font-medium text-default-foreground w-fit\"\n data-slot=\"label\"\n >\n {{ props.label }}\n <span\n v-if=\"props.isRequired\"\n aria-hidden=\"true\"\n > *</span>\n </label>\n\n <!-- TagsInput root from Reka UI -->\n <TagsInputRoot\n :model-value=\"props.modelValue\"\n :default-value=\"props.defaultValue\"\n :disabled=\"props.isDisabled\"\n :max=\"props.maxTags ?? 0\"\n :delimiter=\"props.delimiter\"\n :duplicate=\"props.allowsDuplicates\"\n :aria-labelledby=\"props.label ? labelId : undefined\"\n :aria-invalid=\"props.isInvalid || undefined\"\n :aria-required=\"props.isRequired || undefined\"\n :class=\"slotFns.list()\"\n @update:model-value=\"onUpdateModelValue\"\n >\n <!-- Slotted Tag components -->\n <slot />\n\n <!-- Embedded input — hidden when readOnly -->\n <TagGroupInput\n v-if=\"!props.readOnly\"\n :placeholder=\"props.placeholder\"\n />\n </TagsInputRoot>\n\n <!-- Helper text area -->\n <div\n v-if=\"props.description || (props.isInvalid && props.errorMessage)\"\n class=\"flex flex-col gap-0.5 px-1\"\n data-slot=\"helper-wrapper\"\n >\n <p\n v-if=\"props.isInvalid && props.errorMessage\"\n class=\"text-sm text-danger\"\n data-slot=\"error-message\"\n aria-live=\"polite\"\n >\n {{ props.errorMessage }}\n </p>\n <p\n v-else-if=\"props.description\"\n class=\"text-sm text-default-400\"\n data-slot=\"description\"\n >\n {{ props.description }}\n </p>\n </div>\n </div>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAOA,MAAM,QAAQ;EAoCd,MAAM,OAAO;EAOb,MAAM,UAAU,OAAM;EAEtB,MAAM,UAAU,kBAAiB;AAGjC,qBAAmB;GACjB,SAAS,MAAM,OAAO,UAAU;GAChC,MAAM,MAAM,OAAO,OAAO;GAC1B,YAAY,MAAM,OAAO,aAAa;GACtC,UAAU,MAAM,OAAO,WAAW;GACnC,CAAA;EAED,SAAS,mBAAmB,OAAiB;AAC3C,QAAK,qBAAqB,MAAK;;;uBAK/B,mBAoEM,OAAA;IAnEH,OAAK,eAAE,MAAA,QAAO,CAAC,MAAI,CAAA;IACnB,gBAAc,MAAM,aAAa,KAAA;IACjC,iBAAe,MAAM,cAAc,KAAA;IACnC,iBAAe,MAAM,cAAc,KAAA;IACnC,iBAAe,MAAM,YAAY,KAAA;IAClC,aAAU;;IAIF,MAAM,SAAA,WAAA,EADd,mBAWQ,SAAA;;KATL,IAAI,MAAA,QAAO;KACZ,OAAM;KACN,aAAU;wCAEP,MAAM,MAAK,GAAG,KACjB,EAAA,EACQ,MAAM,cAAA,WAAA,EADd,mBAGU,QAHV,YAGC,KAAE,IAAA,mBAAA,IAAA,KAAA,CAAA,EAAA,GAAA,WAAA,IAAA,mBAAA,IAAA,KAAA;IAIL,YAqBgB,MAAA,cAAA,EAAA;KApBb,eAAa,MAAM;KACnB,iBAAe,MAAM;KACrB,UAAU,MAAM;KAChB,KAAK,MAAM,WAAO;KAClB,WAAW,MAAM;KACjB,WAAW,MAAM;KACjB,mBAAiB,MAAM,QAAQ,MAAA,QAAO,GAAG,KAAA;KACzC,gBAAc,MAAM,aAAa,KAAA;KACjC,iBAAe,MAAM,cAAc,KAAA;KACnC,OAAK,eAAE,MAAA,QAAO,CAAC,MAAI,CAAA;KACnB,uBAAoB;;4BAGb,CAAR,WAAQ,KAAA,QAAA,UAAA,EAAA,CAIC,MAAM,YAAA,WAAA,EADf,YAGE,uBAAA;;MADC,aAAa,MAAM;;;;;;;;;;;;;;;IAMhB,MAAM,eAAgB,MAAM,aAAa,MAAM,gBAAA,WAAA,EADvD,mBAoBM,OApBN,YAoBM,CAdI,MAAM,aAAa,MAAM,gBAAA,WAAA,EADjC,mBAOI,KAPJ,YAOI,gBADC,MAAM,aAAY,EAAA,EAAA,IAGV,MAAM,eAAA,WAAA,EADnB,mBAMI,KANJ,YAMI,gBADC,MAAM,YAAW,EAAA,EAAA,IAAA,mBAAA,IAAA,KAAA,CAAA,CAAA,IAAA,mBAAA,IAAA,KAAA"}
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
import TagGroupInput_vue_vue_type_script_setup_true_lang_default from "./TagGroupInput.vue_vue_type_script_setup_true_lang.js";
|
|
2
|
-
//#region src/components/tag-group/TagGroupInput.vue
|
|
3
|
-
var TagGroupInput_default = TagGroupInput_vue_vue_type_script_setup_true_lang_default;
|
|
4
|
-
//#endregion
|
|
5
|
-
export { TagGroupInput_default as default };
|
|
6
|
-
|
|
7
|
-
//# sourceMappingURL=TagGroupInput.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"TagGroupInput.js","names":[],"sources":["../../../src/components/tag-group/TagGroupInput.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from 'vue'\nimport { TagsInputInput } from 'reka-ui'\nimport { useTagGroupInject } from './TagGroup.context'\n\nconst props = withDefaults(defineProps<{\n placeholder?: string\n class?: string\n}>(), {\n placeholder: undefined,\n class: undefined,\n})\n\n// Inject group context to get disabled state\nconst ctx = useTagGroupInject({ variant: computed(() => 'default'), size: computed(() => 'md'), isDisabled: computed(() => false), readOnly: computed(() => false) })\n\nconst isDisabled = computed(() => ctx.isDisabled.value)\n</script>\n\n<template>\n <TagsInputInput\n :placeholder=\"placeholder\"\n :disabled=\"isDisabled || undefined\"\n :class=\"props.class\"\n data-slot=\"input\"\n />\n</template>\n"],"mappings":""}
|
|
@@ -1,37 +0,0 @@
|
|
|
1
|
-
import { useTagGroupInject } from "./TagGroup.context.js";
|
|
2
|
-
import { computed, createBlock, defineComponent, normalizeClass, openBlock, unref } from "vue";
|
|
3
|
-
import { TagsInputInput } from "reka-ui";
|
|
4
|
-
//#region src/components/tag-group/TagGroupInput.vue?vue&type=script&setup=true&lang.ts
|
|
5
|
-
var TagGroupInput_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
|
|
6
|
-
__name: "TagGroupInput",
|
|
7
|
-
props: {
|
|
8
|
-
placeholder: { default: void 0 },
|
|
9
|
-
class: { default: void 0 }
|
|
10
|
-
},
|
|
11
|
-
setup(__props) {
|
|
12
|
-
const props = __props;
|
|
13
|
-
const ctx = useTagGroupInject({
|
|
14
|
-
variant: computed(() => "default"),
|
|
15
|
-
size: computed(() => "md"),
|
|
16
|
-
isDisabled: computed(() => false),
|
|
17
|
-
readOnly: computed(() => false)
|
|
18
|
-
});
|
|
19
|
-
const isDisabled = computed(() => ctx.isDisabled.value);
|
|
20
|
-
return (_ctx, _cache) => {
|
|
21
|
-
return openBlock(), createBlock(unref(TagsInputInput), {
|
|
22
|
-
placeholder: __props.placeholder,
|
|
23
|
-
disabled: isDisabled.value || void 0,
|
|
24
|
-
class: normalizeClass(props.class),
|
|
25
|
-
"data-slot": "input"
|
|
26
|
-
}, null, 8, [
|
|
27
|
-
"placeholder",
|
|
28
|
-
"disabled",
|
|
29
|
-
"class"
|
|
30
|
-
]);
|
|
31
|
-
};
|
|
32
|
-
}
|
|
33
|
-
});
|
|
34
|
-
//#endregion
|
|
35
|
-
export { TagGroupInput_vue_vue_type_script_setup_true_lang_default as default };
|
|
36
|
-
|
|
37
|
-
//# sourceMappingURL=TagGroupInput.vue_vue_type_script_setup_true_lang.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"TagGroupInput.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/tag-group/TagGroupInput.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from 'vue'\nimport { TagsInputInput } from 'reka-ui'\nimport { useTagGroupInject } from './TagGroup.context'\n\nconst props = withDefaults(defineProps<{\n placeholder?: string\n class?: string\n}>(), {\n placeholder: undefined,\n class: undefined,\n})\n\n// Inject group context to get disabled state\nconst ctx = useTagGroupInject({ variant: computed(() => 'default'), size: computed(() => 'md'), isDisabled: computed(() => false), readOnly: computed(() => false) })\n\nconst isDisabled = computed(() => ctx.isDisabled.value)\n</script>\n\n<template>\n <TagsInputInput\n :placeholder=\"placeholder\"\n :disabled=\"isDisabled || undefined\"\n :class=\"props.class\"\n data-slot=\"input\"\n />\n</template>\n"],"mappings":";;;;;;;;;;;EAKA,MAAM,QAAQ;EASd,MAAM,MAAM,kBAAkB;GAAE,SAAS,eAAe,UAAU;GAAE,MAAM,eAAe,KAAK;GAAE,YAAY,eAAe,MAAM;GAAE,UAAU,eAAe,MAAM;GAAE,CAAA;EAEpK,MAAM,aAAa,eAAe,IAAI,WAAW,MAAK;;uBAIpD,YAKE,MAAA,eAAA,EAAA;IAJC,aAAa,QAAA;IACb,UAAU,WAAA,SAAc,KAAA;IACxB,OAAK,eAAE,MAAM,MAAK;IACnB,aAAU"}
|