@sparklingopinions/sparkling-ui 0.15.0 → 0.17.0

package/dist/aliases.d.ts

@@ -21,9 +21,13 @@ import { type PropertyRowProps } from './components/PropertyRow/PropertyRow.vue'
 /** @deprecated Renamed to ActionBar. */
 export declare const BulkActions: {
     new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<ActionBarProps> & Readonly<{
-        "onClick-item"?: ((action: ActionBarAction) => any) | undefined;
+        "onClick-item"?: ((action: ActionBarAction & {
+            value?: unknown;
+        }) => any) | undefined;
     }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-        "click-item": (action: ActionBarAction) => any;
+        "click-item": (action: ActionBarAction & {
+            value?: unknown;
+        }) => any;
     }, import("vue").PublicProps, {
         label: string;
         actions: ActionBarAction[];
@@ -38,7 +42,9 @@ export declare const BulkActions: {
         M: {};
         Defaults: {};
     }, Readonly<ActionBarProps> & Readonly<{
-        "onClick-item"?: ((action: ActionBarAction) => any) | undefined;
+        "onClick-item"?: ((action: ActionBarAction & {
+            value?: unknown;
+        }) => any) | undefined;
     }>, {}, {}, {}, {}, {
         label: string;
         actions: ActionBarAction[];
@@ -50,9 +56,13 @@ export declare const BulkActions: {
     __isTeleport?: never;
     __isSuspense?: never;
 } & import("vue").ComponentOptionsBase<Readonly<ActionBarProps> & Readonly<{
-    "onClick-item"?: ((action: ActionBarAction) => any) | undefined;
+    "onClick-item"?: ((action: ActionBarAction & {
+        value?: unknown;
+    }) => any) | undefined;
 }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "click-item": (action: ActionBarAction) => any;
+    "click-item": (action: ActionBarAction & {
+        value?: unknown;
+    }) => any;
 }, string, {
     label: string;
     actions: ActionBarAction[];
@@ -204,7 +214,7 @@ export declare const List: <T extends Record<string, any>>(__VLS_props: NonNulla
         }) => unknown;
         empty?: () => unknown;
     };
-    emit: ((evt: "context-item", action: DropdownMenuAction, item: T) => void) & (((event: "update:selected", value: unknown[]) => void) & ((event: "update:collapsed", value: string[]) => void));
+    emit: (((evt: "context-item", action: DropdownMenuAction, item: T) => void) & ((evt: "move", id: unknown, group: string, index: number) => void)) & (((event: "update:selected", value: unknown[]) => void) & ((event: "update:collapsed", value: string[]) => void));
 }, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
     props: import("vue").PublicProps & {
         groups: DataListGroup<T>[];
@@ -220,6 +230,8 @@ export declare const List: <T extends Record<string, any>>(__VLS_props: NonNulla
         collapsible?: boolean | undefined;
         rowHeight?: number | undefined;
         dividers?: boolean | undefined;
+        draggable?: boolean | undefined;
+        hideEmpty?: boolean | undefined;
         contextItems?: ((item: T) => DropdownMenuEntry[]) | undefined;
         contextLabel?: string | undefined;
         onRowClick?: ((item: T) => void) | undefined;
@@ -231,6 +243,7 @@ export declare const List: <T extends Record<string, any>>(__VLS_props: NonNulla
         selected?: unknown[] | undefined;
         collapsed?: string[] | undefined;
         "onContext-item"?: ((action: DropdownMenuAction, item: T) => any) | undefined;
+        onMove?: ((id: unknown, group: string, index: number) => any) | undefined;
         "onUpdate:selected"?: ((value: unknown[]) => any) | undefined;
         "onUpdate:collapsed"?: ((value: string[]) => any) | undefined;
     } & (typeof globalThis extends {
@@ -264,7 +277,7 @@ export declare const List: <T extends Record<string, any>>(__VLS_props: NonNulla
         }) => unknown;
         empty?: () => unknown;
     };
-    emit: ((evt: "context-item", action: DropdownMenuAction, item: T) => void) & (((event: "update:selected", value: unknown[]) => void) & ((event: "update:collapsed", value: string[]) => void));
+    emit: (((evt: "context-item", action: DropdownMenuAction, item: T) => void) & ((evt: "move", id: unknown, group: string, index: number) => void)) & (((event: "update:selected", value: unknown[]) => void) & ((event: "update:collapsed", value: string[]) => void));
 }>) => import("vue").VNode & {
     __ctx?: NonNullable<Awaited<typeof __VLS_setup>>;
 };
@@ -393,12 +406,12 @@ export declare const OptionsMenu: {
         hide: () => any;
     }, import("vue").PublicProps, {
         align: "start" | "end";
-        confirmLabel: string;
-        cancelLabel: string;
         id: string;
         confirmTitle: string;
         confirmMessage: string;
+        confirmLabel: string;
         deleteLabel: string;
+        cancelLabel: string;
         items: DropdownMenuEntry[];
         buttonIcon: string;
         buttonLabel: string;
@@ -418,12 +431,12 @@ export declare const OptionsMenu: {
         onHide?: (() => any) | undefined;
     }>, {}, {}, {}, {}, {
         align: "start" | "end";
-        confirmLabel: string;
-        cancelLabel: string;
         id: string;
         confirmTitle: string;
         confirmMessage: string;
+        confirmLabel: string;
         deleteLabel: string;
+        cancelLabel: string;
         items: DropdownMenuEntry[];
         buttonIcon: string;
         buttonLabel: string;
@@ -446,12 +459,12 @@ export declare const OptionsMenu: {
     hide: () => any;
 }, string, {
     align: "start" | "end";
-    confirmLabel: string;
-    cancelLabel: string;
     id: string;
     confirmTitle: string;
     confirmMessage: string;
+    confirmLabel: string;
     deleteLabel: string;
+    cancelLabel: string;
     items: DropdownMenuEntry[];
     buttonIcon: string;
     buttonLabel: string;
@@ -480,17 +493,17 @@ export declare const FilterFieldPicker: {
     new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<FilterMenuProps & {
         open?: boolean;
     }> & Readonly<{
-        onPick?: ((name: string) => any) | undefined;
         "onUpdate:open"?: ((value: boolean) => any) | undefined;
+        onPick?: ((name: string) => any) | undefined;
     }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-        pick: (name: string) => any;
         "update:open": (value: boolean) => any;
+        pick: (name: string) => any;
     }, import("vue").PublicProps, {
         variant: "secondary" | "tinted" | "ghost";
         as: "button" | "chip";
         label: string;
-        closeLabel: string;
         buttonLabel: string;
+        closeLabel: string;
         status: string;
         inUse: string[];
         searchPlaceholder: string;
@@ -508,14 +521,14 @@ export declare const FilterFieldPicker: {
     }, Readonly<FilterMenuProps & {
         open?: boolean;
     }> & Readonly<{
-        onPick?: ((name: string) => any) | undefined;
         "onUpdate:open"?: ((value: boolean) => any) | undefined;
+        onPick?: ((name: string) => any) | undefined;
     }>, {}, {}, {}, {}, {
         variant: "secondary" | "tinted" | "ghost";
         as: "button" | "chip";
         label: string;
-        closeLabel: string;
         buttonLabel: string;
+        closeLabel: string;
         status: string;
         inUse: string[];
         searchPlaceholder: string;
@@ -530,17 +543,17 @@ export declare const FilterFieldPicker: {
 } & import("vue").ComponentOptionsBase<Readonly<FilterMenuProps & {
     open?: boolean;
 }> & Readonly<{
-    onPick?: ((name: string) => any) | undefined;
     "onUpdate:open"?: ((value: boolean) => any) | undefined;
+    onPick?: ((name: string) => any) | undefined;
 }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    pick: (name: string) => any;
     "update:open": (value: boolean) => any;
+    pick: (name: string) => any;
 }, string, {
     variant: "secondary" | "tinted" | "ghost";
     as: "button" | "chip";
     label: string;
-    closeLabel: string;
     buttonLabel: string;
+    closeLabel: string;
     status: string;
     inUse: string[];
     searchPlaceholder: string;
@@ -566,18 +579,18 @@ export declare const SortControl: {
         modelValue?: import("./index.ts").ViewSort | null;
         open?: boolean;
     }> & Readonly<{
-        "onUpdate:modelValue"?: ((value: import("./index.ts").ViewSort | null) => any) | undefined;
         "onUpdate:open"?: ((value: boolean) => any) | undefined;
+        "onUpdate:modelValue"?: ((value: import("./index.ts").ViewSort | null) => any) | undefined;
     }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-        "update:modelValue": (value: import("./index.ts").ViewSort | null) => any;
         "update:open": (value: boolean) => any;
+        "update:modelValue": (value: import("./index.ts").ViewSort | null) => any;
     }, import("vue").PublicProps, {
         variant: "secondary" | "tinted" | "ghost";
         as: "button" | "chip";
         title: string;
+        buttonLabel: string;
         clearLabel: string;
         closeLabel: string;
-        buttonLabel: string;
         status: string;
         directionLabels: Partial<Record<import("./index.ts").FilterFieldType, [string, string]>>;
         directionLabel: string;
@@ -593,15 +606,15 @@ export declare const SortControl: {
         modelValue?: import("./index.ts").ViewSort | null;
         open?: boolean;
     }> & Readonly<{
-        "onUpdate:modelValue"?: ((value: import("./index.ts").ViewSort | null) => any) | undefined;
         "onUpdate:open"?: ((value: boolean) => any) | undefined;
+        "onUpdate:modelValue"?: ((value: import("./index.ts").ViewSort | null) => any) | undefined;
     }>, {}, {}, {}, {}, {
         variant: "secondary" | "tinted" | "ghost";
         as: "button" | "chip";
         title: string;
+        buttonLabel: string;
         clearLabel: string;
         closeLabel: string;
-        buttonLabel: string;
         status: string;
         directionLabels: Partial<Record<import("./index.ts").FilterFieldType, [string, string]>>;
         directionLabel: string;
@@ -614,18 +627,18 @@ export declare const SortControl: {
     modelValue?: import("./index.ts").ViewSort | null;
     open?: boolean;
 }> & Readonly<{
-    "onUpdate:modelValue"?: ((value: import("./index.ts").ViewSort | null) => any) | undefined;
     "onUpdate:open"?: ((value: boolean) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: import("./index.ts").ViewSort | null) => any) | undefined;
 }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update:modelValue": (value: import("./index.ts").ViewSort | null) => any;
     "update:open": (value: boolean) => any;
+    "update:modelValue": (value: import("./index.ts").ViewSort | null) => any;
 }, string, {
     variant: "secondary" | "tinted" | "ghost";
     as: "button" | "chip";
     title: string;
+    buttonLabel: string;
     clearLabel: string;
     closeLabel: string;
-    buttonLabel: string;
     status: string;
     directionLabels: Partial<Record<import("./index.ts").FilterFieldType, [string, string]>>;
     directionLabel: string;
@@ -759,8 +772,8 @@ export declare const InlineField: import("vue").DefineComponent<EditableProps &
     "onUpdate:modelValue"?: ((value: import("./index.ts").SelectValue | null) => any) | undefined;
 }>, {
     variant: "text" | "select" | "title" | "multiline";
-    placeholder: string;
     options: import("./index.ts").SelectOption<import("./index.ts").SelectValue>[];
+    placeholder: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 /** @deprecated Renamed to EditableProps. */
 export type InlineFieldProps = EditableProps;

package/dist/aliases.js

@@ -1,11 +1,11 @@
-import e from "./components/ActionBar/ActionBar.js";
-import t from "./components/Alert/Alert.js";
-import n from "./components/AlertDialog/AlertDialog.js";
-import r from "./components/Badge/Badge.js";
-import i from "./components/Calendar/Calendar.js";
-import a from "./components/DataList/DataList.js";
-import o from "./components/Dialog/Dialog.js";
-import s from "./components/DropdownMenu/DropdownMenu.js";
+import e from "./components/DropdownMenu/DropdownMenu.js";
+import t from "./components/ActionBar/ActionBar.js";
+import n from "./components/Alert/Alert.js";
+import r from "./components/AlertDialog/AlertDialog.js";
+import i from "./components/Badge/Badge.js";
+import a from "./components/Calendar/Calendar.js";
+import o from "./components/DataList/DataList.js";
+import s from "./components/Dialog/Dialog.js";
 import c from "./components/ErrorSummary/ErrorSummary.js";
 import l from "./components/Input/Input.js";
 import u from "./components/Filters/FilterMenu.js";
@@ -20,7 +20,7 @@ import v from "./components/PropertyRow/PropertyRow.js";
 import y from "./components/TypingIndicator/TypingIndicator.js";
 import { h as b } from "vue";
 //#region src/aliases.ts
-var x = e, S = t, C = n, w = r, T = i, E = a, D = o, O = s, k = c, A = u, j = d, M = f, N = p, P = l, F = h, I = g, L = _, R = v, z = y, B = (e, { slots: t }) => b(m, {
+var x = t, S = n, C = r, w = i, T = a, E = o, D = s, O = e, k = c, A = u, j = d, M = f, N = p, P = l, F = h, I = g, L = _, R = v, z = y, B = (e, { slots: t }) => b(m, {
 	variant: "outline",
 	name: e.label,
 	muted: e.muted

package/dist/aliases.js.map

@@ -1 +1 @@
-{"version":3,"file":"aliases.js","names":["ActionBar","Alert","AlertDialog","Badge","Calendar","DataList","Dialog","DropdownMenu","ErrorSummary","FilterMenu","SortMenu","FormField","ImageUpload","Input","Editable","PropertyList","Collapsible","PropertyRow","TypingIndicator","Tag","ActionBar_default","Alert_default","AlertDialog_default","Badge_default","Calendar_default","DataList_default","Dialog_default","DropdownMenu_default","ErrorSummary_default","Input_default","FilterMenu_default","SortMenu_default","FormField_default","ImageUpload_default","Tag_default","Editable_default","PropertyList_default","Collapsible_default","PropertyRow_default","TypingIndicator_default","BulkActions","Banner","ConfirmDialog","Pill","CalendarMonth","List","Modal","OptionsMenu","FormErrors","FilterFieldPicker","SortControl","Field","ImageInput","TextInput","InlineField","InlineForm","LedgerMore","LedgerRow","TypingDots","Chip","h","props","slots"],"sources":["../src/aliases.ts"],"sourcesContent":["// Former names, kept so older code keeps working. Each is deprecated: use the new name.\nimport { type FunctionalComponent, h } from 'vue'\n\nimport ActionBar, { type ActionBarAction, type ActionBarProps } from './components/ActionBar/ActionBar.vue'\nimport Alert, { type AlertProps, type AlertTone } from './components/Alert/Alert.vue'\nimport AlertDialog, { type AlertDialogProps } from './components/AlertDialog/AlertDialog.vue'\nimport Badge, { type BadgeProps, type BadgeTone } from './components/Badge/Badge.vue'\nimport Calendar, { type CalendarProps } from './components/Calendar/Calendar.vue'\nimport DataList, { type DataListProps } from './components/DataList/DataList.vue'\nimport type { DataListGroup } from './components/DataList/types'\nimport Dialog, { type DialogProps } from './components/Dialog/Dialog.vue'\nimport DropdownMenu, {\n  type DropdownMenuAction,\n  type DropdownMenuEntry,\n  type DropdownMenuProps\n} from './components/DropdownMenu/DropdownMenu.vue'\nimport ErrorSummary, { type ErrorSummaryProps } from './components/ErrorSummary/ErrorSummary.vue'\nimport FilterMenu, { type FilterMenuProps } from './components/Filters/FilterMenu.vue'\nimport SortMenu, { type SortMenuProps } from './components/Filters/SortMenu.vue'\nimport FormField, { type FormFieldProps } from './components/FormField/FormField.vue'\nimport ImageUpload, { type ImageUploadProps } from './components/ImageUpload/ImageUpload.vue'\nimport Input, { type InputProps } from './components/Input/Input.vue'\nimport Editable, { type EditableProps } from './components/PropertyList/Editable.vue'\nimport PropertyList, { type PropertyListField } from './components/PropertyList/PropertyList.vue'\nimport Collapsible, { type CollapsibleProps } from './components/PropertyRow/Collapsible.vue'\nimport PropertyRow, { type PropertyRowProps } from './components/PropertyRow/PropertyRow.vue'\nimport Tag from './components/Tag/Tag.vue'\nimport TypingIndicator from './components/TypingIndicator/TypingIndicator.vue'\n\n/** @deprecated Renamed to ActionBar. */\nexport const BulkActions = ActionBar\n/** @deprecated Renamed to ActionBarProps. */\nexport type BulkActionsProps = ActionBarProps\n/** @deprecated Renamed to ActionBarAction. */\nexport type BulkAction = ActionBarAction\n/** @deprecated Renamed to Alert. */\nexport const Banner = Alert\n/** @deprecated Renamed to AlertProps. */\nexport type BannerProps = AlertProps\n/** @deprecated Renamed to AlertTone. */\nexport type BannerTone = AlertTone\n/** @deprecated Renamed to AlertDialog. */\nexport const ConfirmDialog = AlertDialog\n/** @deprecated Renamed to AlertDialogProps. */\nexport type ConfirmDialogProps = AlertDialogProps\n/** @deprecated Renamed to Badge. */\nexport const Pill = Badge\n/** @deprecated Renamed to BadgeProps. */\nexport type PillProps = BadgeProps\n/** @deprecated Renamed to BadgeTone. */\nexport type PillTone = BadgeTone\n/** @deprecated Renamed to Calendar. */\nexport const CalendarMonth = Calendar\n/** @deprecated Renamed to CalendarProps. */\nexport type CalendarMonthProps = CalendarProps\n/** @deprecated Renamed to DataList. */\nexport const List = DataList\n/** @deprecated Renamed to DataListProps. */\nexport type ListProps<T> = DataListProps<T>\n/** @deprecated Renamed to DataListGroup. */\nexport type ListGroup<T> = DataListGroup<T>\n/** @deprecated Renamed to Dialog. */\nexport const Modal = Dialog\n/** @deprecated Renamed to DialogProps. */\nexport type ModalProps = DialogProps\n/** @deprecated Renamed to DropdownMenu. */\nexport const OptionsMenu = DropdownMenu\n/** @deprecated Renamed to DropdownMenuProps. */\nexport type OptionsMenuProps = DropdownMenuProps\n/** @deprecated Renamed to DropdownMenuAction. */\nexport type OptionsMenuAction = DropdownMenuAction\n/** @deprecated Renamed to DropdownMenuEntry. */\nexport type OptionsMenuItem = DropdownMenuEntry\n/** @deprecated Renamed to ErrorSummary. */\nexport const FormErrors = ErrorSummary\n/** @deprecated Renamed to ErrorSummaryProps. */\nexport type FormErrorsProps = ErrorSummaryProps\n/** @deprecated Renamed to FilterMenu. */\nexport const FilterFieldPicker = FilterMenu\n/** @deprecated Renamed to FilterMenuProps. */\nexport type FilterFieldPickerProps = FilterMenuProps\n/** @deprecated Renamed to SortMenu. */\nexport const SortControl = SortMenu\n/** @deprecated Renamed to SortMenuProps. */\nexport type SortControlProps = SortMenuProps\n/** @deprecated Renamed to FormField. */\nexport const Field = FormField\n/** @deprecated Renamed to FormFieldProps. */\nexport type FieldProps = FormFieldProps\n/** @deprecated Renamed to ImageUpload. */\nexport const ImageInput = ImageUpload\n/** @deprecated Renamed to ImageUploadProps. */\nexport type ImageInputProps = ImageUploadProps\n/** @deprecated Renamed to Input. */\nexport const TextInput = Input\n/** @deprecated Renamed to InputProps. */\nexport type TextInputProps = InputProps\n/** @deprecated Renamed to Editable. */\nexport const InlineField = Editable\n/** @deprecated Renamed to EditableProps. */\nexport type InlineFieldProps = EditableProps\n/** @deprecated Renamed to PropertyList. */\nexport const InlineForm = PropertyList\n/** @deprecated Renamed to PropertyListField. */\nexport type InlineFormField = PropertyListField\n/** @deprecated Renamed to Collapsible. */\nexport const LedgerMore = Collapsible\n/** @deprecated Renamed to CollapsibleProps. */\nexport type LedgerMoreProps = CollapsibleProps\n/** @deprecated Renamed to PropertyRow. */\nexport const LedgerRow = PropertyRow\n/** @deprecated Renamed to PropertyRowProps. */\nexport type LedgerRowProps = PropertyRowProps\n/** @deprecated Renamed to TypingIndicator. */\nexport const TypingDots = TypingIndicator\n\n/** @deprecated An outline Tag: `<Tag variant=\"outline\">`. */\nexport const Chip: FunctionalComponent<{ label?: string; muted?: boolean }> = (props, { slots }) =>\n  h(Tag, { variant: 'outline', name: props.label, muted: props.muted }, slots)\nChip.props = ['label', 'muted']\n/** @deprecated Use TagProps with `variant: 'outline'`. */\nexport interface ChipProps {\n  label?: string\n  muted?: boolean\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AA8BA,IAAawC,IAAcxC,GAMdyC,IAASxC,GAMTyC,IAAgBxC,GAIhByC,IAAOxC,GAMPyC,IAAgBxC,GAIhByC,IAAOxC,GAMPyC,IAAQxC,GAIRyC,IAAcxC,GAQdyC,IAAaxC,GAIbyC,IAAoBxC,GAIpByC,IAAcxC,GAIdyC,IAAQxC,GAIRyC,IAAaxC,GAIbyC,IAAYxC,GAIZyC,IAAcxC,GAIdyC,IAAaxC,GAIbyC,IAAaxC,GAIbyC,IAAYxC,GAIZyC,IAAaxC,GAGbyC,KAAkE,GAAO,EAAE,eACtFC,EAAEzC,GAAK;CAAE,SAAS;CAAW,MAAM0C,EAAM;CAAO,OAAOA,EAAM;AAAM,GAAGC,CAAK;AAC7E,EAAK,QAAQ,CAAC,SAAS,OAAO"}
+{"version":3,"file":"aliases.js","names":["ActionBar","Alert","AlertDialog","Badge","Calendar","DataList","Dialog","DropdownMenu","ErrorSummary","FilterMenu","SortMenu","FormField","ImageUpload","Input","Editable","PropertyList","Collapsible","PropertyRow","TypingIndicator","Tag","DropdownMenu_default","ActionBar_default","Alert_default","AlertDialog_default","Badge_default","Calendar_default","DataList_default","Dialog_default","ErrorSummary_default","Input_default","FilterMenu_default","SortMenu_default","FormField_default","ImageUpload_default","Tag_default","Editable_default","PropertyList_default","Collapsible_default","PropertyRow_default","TypingIndicator_default","BulkActions","Banner","ConfirmDialog","Pill","CalendarMonth","List","Modal","OptionsMenu","FormErrors","FilterFieldPicker","SortControl","Field","ImageInput","TextInput","InlineField","InlineForm","LedgerMore","LedgerRow","TypingDots","Chip","h","props","slots"],"sources":["../src/aliases.ts"],"sourcesContent":["// Former names, kept so older code keeps working. Each is deprecated: use the new name.\nimport { type FunctionalComponent, h } from 'vue'\n\nimport ActionBar, { type ActionBarAction, type ActionBarProps } from './components/ActionBar/ActionBar.vue'\nimport Alert, { type AlertProps, type AlertTone } from './components/Alert/Alert.vue'\nimport AlertDialog, { type AlertDialogProps } from './components/AlertDialog/AlertDialog.vue'\nimport Badge, { type BadgeProps, type BadgeTone } from './components/Badge/Badge.vue'\nimport Calendar, { type CalendarProps } from './components/Calendar/Calendar.vue'\nimport DataList, { type DataListProps } from './components/DataList/DataList.vue'\nimport type { DataListGroup } from './components/DataList/types'\nimport Dialog, { type DialogProps } from './components/Dialog/Dialog.vue'\nimport DropdownMenu, {\n  type DropdownMenuAction,\n  type DropdownMenuEntry,\n  type DropdownMenuProps\n} from './components/DropdownMenu/DropdownMenu.vue'\nimport ErrorSummary, { type ErrorSummaryProps } from './components/ErrorSummary/ErrorSummary.vue'\nimport FilterMenu, { type FilterMenuProps } from './components/Filters/FilterMenu.vue'\nimport SortMenu, { type SortMenuProps } from './components/Filters/SortMenu.vue'\nimport FormField, { type FormFieldProps } from './components/FormField/FormField.vue'\nimport ImageUpload, { type ImageUploadProps } from './components/ImageUpload/ImageUpload.vue'\nimport Input, { type InputProps } from './components/Input/Input.vue'\nimport Editable, { type EditableProps } from './components/PropertyList/Editable.vue'\nimport PropertyList, { type PropertyListField } from './components/PropertyList/PropertyList.vue'\nimport Collapsible, { type CollapsibleProps } from './components/PropertyRow/Collapsible.vue'\nimport PropertyRow, { type PropertyRowProps } from './components/PropertyRow/PropertyRow.vue'\nimport Tag from './components/Tag/Tag.vue'\nimport TypingIndicator from './components/TypingIndicator/TypingIndicator.vue'\n\n/** @deprecated Renamed to ActionBar. */\nexport const BulkActions = ActionBar\n/** @deprecated Renamed to ActionBarProps. */\nexport type BulkActionsProps = ActionBarProps\n/** @deprecated Renamed to ActionBarAction. */\nexport type BulkAction = ActionBarAction\n/** @deprecated Renamed to Alert. */\nexport const Banner = Alert\n/** @deprecated Renamed to AlertProps. */\nexport type BannerProps = AlertProps\n/** @deprecated Renamed to AlertTone. */\nexport type BannerTone = AlertTone\n/** @deprecated Renamed to AlertDialog. */\nexport const ConfirmDialog = AlertDialog\n/** @deprecated Renamed to AlertDialogProps. */\nexport type ConfirmDialogProps = AlertDialogProps\n/** @deprecated Renamed to Badge. */\nexport const Pill = Badge\n/** @deprecated Renamed to BadgeProps. */\nexport type PillProps = BadgeProps\n/** @deprecated Renamed to BadgeTone. */\nexport type PillTone = BadgeTone\n/** @deprecated Renamed to Calendar. */\nexport const CalendarMonth = Calendar\n/** @deprecated Renamed to CalendarProps. */\nexport type CalendarMonthProps = CalendarProps\n/** @deprecated Renamed to DataList. */\nexport const List = DataList\n/** @deprecated Renamed to DataListProps. */\nexport type ListProps<T> = DataListProps<T>\n/** @deprecated Renamed to DataListGroup. */\nexport type ListGroup<T> = DataListGroup<T>\n/** @deprecated Renamed to Dialog. */\nexport const Modal = Dialog\n/** @deprecated Renamed to DialogProps. */\nexport type ModalProps = DialogProps\n/** @deprecated Renamed to DropdownMenu. */\nexport const OptionsMenu = DropdownMenu\n/** @deprecated Renamed to DropdownMenuProps. */\nexport type OptionsMenuProps = DropdownMenuProps\n/** @deprecated Renamed to DropdownMenuAction. */\nexport type OptionsMenuAction = DropdownMenuAction\n/** @deprecated Renamed to DropdownMenuEntry. */\nexport type OptionsMenuItem = DropdownMenuEntry\n/** @deprecated Renamed to ErrorSummary. */\nexport const FormErrors = ErrorSummary\n/** @deprecated Renamed to ErrorSummaryProps. */\nexport type FormErrorsProps = ErrorSummaryProps\n/** @deprecated Renamed to FilterMenu. */\nexport const FilterFieldPicker = FilterMenu\n/** @deprecated Renamed to FilterMenuProps. */\nexport type FilterFieldPickerProps = FilterMenuProps\n/** @deprecated Renamed to SortMenu. */\nexport const SortControl = SortMenu\n/** @deprecated Renamed to SortMenuProps. */\nexport type SortControlProps = SortMenuProps\n/** @deprecated Renamed to FormField. */\nexport const Field = FormField\n/** @deprecated Renamed to FormFieldProps. */\nexport type FieldProps = FormFieldProps\n/** @deprecated Renamed to ImageUpload. */\nexport const ImageInput = ImageUpload\n/** @deprecated Renamed to ImageUploadProps. */\nexport type ImageInputProps = ImageUploadProps\n/** @deprecated Renamed to Input. */\nexport const TextInput = Input\n/** @deprecated Renamed to InputProps. */\nexport type TextInputProps = InputProps\n/** @deprecated Renamed to Editable. */\nexport const InlineField = Editable\n/** @deprecated Renamed to EditableProps. */\nexport type InlineFieldProps = EditableProps\n/** @deprecated Renamed to PropertyList. */\nexport const InlineForm = PropertyList\n/** @deprecated Renamed to PropertyListField. */\nexport type InlineFormField = PropertyListField\n/** @deprecated Renamed to Collapsible. */\nexport const LedgerMore = Collapsible\n/** @deprecated Renamed to CollapsibleProps. */\nexport type LedgerMoreProps = CollapsibleProps\n/** @deprecated Renamed to PropertyRow. */\nexport const LedgerRow = PropertyRow\n/** @deprecated Renamed to PropertyRowProps. */\nexport type LedgerRowProps = PropertyRowProps\n/** @deprecated Renamed to TypingIndicator. */\nexport const TypingDots = TypingIndicator\n\n/** @deprecated An outline Tag: `<Tag variant=\"outline\">`. */\nexport const Chip: FunctionalComponent<{ label?: string; muted?: boolean }> = (props, { slots }) =>\n  h(Tag, { variant: 'outline', name: props.label, muted: props.muted }, slots)\nChip.props = ['label', 'muted']\n/** @deprecated Use TagProps with `variant: 'outline'`. */\nexport interface ChipProps {\n  label?: string\n  muted?: boolean\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AA8BA,IAAawC,IAAcxC,GAMdyC,IAASxC,GAMTyC,IAAgBxC,GAIhByC,IAAOxC,GAMPyC,IAAgBxC,GAIhByC,IAAOxC,GAMPyC,IAAQxC,GAIRyC,IAAcxC,GAQdyC,IAAaxC,GAIbyC,IAAoBxC,GAIpByC,IAAcxC,GAIdyC,IAAQxC,GAIRyC,IAAaxC,GAIbyC,IAAYxC,GAIZyC,IAAcxC,GAIdyC,IAAaxC,GAIbyC,IAAaxC,GAIbyC,IAAYxC,GAIZyC,IAAaxC,GAGbyC,KAAkE,GAAO,EAAE,eACtFC,EAAEzC,GAAK;CAAE,SAAS;CAAW,MAAM0C,EAAM;CAAO,OAAOA,EAAM;AAAM,GAAGC,CAAK;AAC7E,EAAK,QAAQ,CAAC,SAAS,OAAO"}

package/dist/components/ActionBar/ActionBar.js.map

@@ -1 +1 @@
-{"version":3,"file":"ActionBar.js","names":["_sfc_main","ActionBar_vue_vue_type_script_setup_true_lang_default","ActionBar_default"],"sources":["../../../src/components/ActionBar/ActionBar.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, onBeforeUnmount, watch } from 'vue'\n\nimport Button from '../Button/Button.vue'\nimport Icon from '../Icon/Icon.vue'\nimport Tooltip from '../Tooltip/Tooltip.vue'\nimport CloseIcon from '../internal/CloseIcon.vue'\n\nexport interface ActionBarAction {\n  label: string\n  /** Passed back with `click-item`, to tell the actions apart. */\n  action?: string\n  icon?: string\n  variant?: 'danger'\n  disabled?: boolean\n  [key: string]: unknown\n}\n\nexport interface ActionBarProps {\n  /** How many records are selected; it shows only while there are some. */\n  count: number\n  /** Two or three; put the rest in an DropdownMenu in the default slot. */\n  actions?: ActionBarAction[]\n  /** Adds a clear button, and Escape clears (`@clear`). */\n  onClear?: () => void\n  /** `{count}` is the number selected. */\n  label?: string\n  clearLabel?: string\n  /** Fixed to the foot of the viewport. False draws it in place. */\n  floating?: boolean\n}\n\nconst props = withDefaults(defineProps<ActionBarProps>(), {\n  actions: () => [],\n  onClear: undefined,\n  label: '{count} selected',\n  clearLabel: 'Clear selection',\n  floating: true\n})\n\nconst emit = defineEmits<{ 'click-item': [action: ActionBarAction] }>()\n\ndefineSlots<{\n  /** More controls after the actions, e.g. an DropdownMenu. */\n  default?: () => unknown\n}>()\n\nconst text = computed(() => props.label.replace('{count}', String(props.count)))\n\n// Escape clears the selection, unless a dialog is open and takes it.\nfunction onKeydown(event: KeyboardEvent) {\n  if (\n    event.key !== 'Escape' ||\n    event.defaultPrevented ||\n    document.querySelector('[role=\"dialog\"], [role=\"alertdialog\"]')\n  )\n    return\n  props.onClear?.()\n}\n\nwatch(\n  () => props.count > 0 && !!props.onClear,\n  (listening) => {\n    if (listening) document.addEventListener('keydown', onKeydown)\n    else document.removeEventListener('keydown', onKeydown)\n  },\n  { immediate: true }\n)\n\nonBeforeUnmount(() => document.removeEventListener('keydown', onKeydown))\n</script>\n\n<!-- Actions on the selected records: a floating pill with the count, the actions and a clear button. -->\n<template>\n  <div\n    v-if=\"count > 0\"\n    :aria-label=\"text\"\n    class=\"pointer-events-none flex justify-center\"\n    :class=\"floating && 'fixed inset-x-0 bottom-4 z-[1150]'\"\n    role=\"toolbar\"\n  >\n    <div\n      class=\"pointer-events-auto flex animate-sui-toast-in items-center gap-2 rounded-xl border border-sui-edge bg-sui-raised py-1.5 pr-2 pl-4 text-sm text-sui-ink shadow-(--sui-shadow-floating)\"\n    >\n      <span aria-live=\"polite\" class=\"whitespace-nowrap tabular-nums\">{{ text }}</span>\n      <span aria-hidden=\"true\" class=\"mx-1 h-4 w-px bg-sui-line\" />\n      <Button\n        v-for=\"(item, i) in actions\"\n        :key=\"item.action ?? i\"\n        :disabled=\"item.disabled\"\n        size=\"sm\"\n        :variant=\"item.variant === 'danger' ? 'danger-outline' : 'secondary'\"\n        @click=\"emit('click-item', item)\"\n      >\n        <Icon v-if=\"item.icon\" :name=\"item.icon\" />\n        {{ item.label }}\n      </Button>\n      <slot />\n      <Tooltip v-if=\"onClear\" :text=\"clearLabel\">\n        <Button :aria-label=\"clearLabel\" icon-only size=\"xs\" variant=\"ghost\" @click=\"onClear()\">\n          <CloseIcon class=\"fill-sui-ink-subtle stroke-sui-ink-subtle\" />\n        </Button>\n      </Tooltip>\n    </div>\n  </div>\n</template>\n"],"mappings":""}
+{"version":3,"file":"ActionBar.js","names":["_sfc_main","ActionBar_vue_vue_type_script_setup_true_lang_default","ActionBar_default"],"sources":["../../../src/components/ActionBar/ActionBar.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, onBeforeUnmount, watch } from 'vue'\n\nimport Button from '../Button/Button.vue'\nimport DropdownMenu from '../DropdownMenu/DropdownMenu.vue'\nimport Icon from '../Icon/Icon.vue'\nimport Kbd from '../Kbd/Kbd.vue'\nimport Tooltip from '../Tooltip/Tooltip.vue'\nimport CloseIcon from '../internal/CloseIcon.vue'\n\nexport interface ActionBarOption {\n  label: string\n  /** Passed back as the action's `value`. */\n  value: unknown\n  icon?: string\n  disabled?: boolean\n}\n\nexport interface ActionBarAction {\n  label: string\n  /** Passed back with `click-item`, to tell the actions apart. */\n  action?: string\n  icon?: string\n  variant?: 'danger'\n  disabled?: boolean\n  /** Why it's disabled, as its tooltip, e.g. \"None of these are archived\". */\n  disabledReason?: string\n  /** A single key that runs it while records are selected (not while typing, with a modifier, or with a dialog or menu\n   *  open), shown on the button. Not for an action with `options`. */\n  shortcut?: string\n  /** Makes it a menu: picking one emits `click-item` with that option's `value`, e.g. Set status › Done. */\n  options?: ActionBarOption[]\n  [key: string]: unknown\n}\n\nexport interface ActionBarProps {\n  /** How many records are selected; it shows only while there are some. */\n  count: number\n  /** Two or three; put the rest in an DropdownMenu in the default slot. */\n  actions?: ActionBarAction[]\n  /** Adds a clear button, and Escape clears (`@clear`). */\n  onClear?: () => void\n  /** `{count}` is the number selected. */\n  label?: string\n  clearLabel?: string\n  /** Fixed to the foot of the viewport. False draws it in place. */\n  floating?: boolean\n}\n\nconst props = withDefaults(defineProps<ActionBarProps>(), {\n  actions: () => [],\n  onClear: undefined,\n  label: '{count} selected',\n  clearLabel: 'Clear selection',\n  floating: true\n})\n\nconst emit = defineEmits<{ 'click-item': [action: ActionBarAction & { value?: unknown }] }>()\n\ndefineSlots<{\n  /** More controls after the actions, e.g. an DropdownMenu. */\n  default?: () => unknown\n}>()\n\nconst text = computed(() => props.label.replace('{count}', String(props.count)))\n\nconst menuItems = (item: ActionBarAction) =>\n  (item.options ?? []).map((option, index) => ({\n    type: 'action' as const,\n    label: option.label,\n    action: String(index),\n    icon: option.icon,\n    disabled: option.disabled\n  }))\nconst pick = (item: ActionBarAction, index: string | undefined) => {\n  const option = item.options?.[Number(index)]\n  if (option) emit('click-item', { ...item, value: option.value })\n}\n\nconst typing = (target: EventTarget | null) =>\n  target instanceof HTMLElement &&\n  !!target.closest('input, textarea, select, [contenteditable=\"\"], [contenteditable=\"true\"]')\n\n// Escape clears the selection and an action's key runs it, unless a dialog or menu is open and takes the key.\nfunction onKeydown(event: KeyboardEvent) {\n  if (event.defaultPrevented || document.querySelector('[role=\"dialog\"], [role=\"alertdialog\"], [role=\"menu\"]')) return\n  if (event.key === 'Escape') {\n    props.onClear?.()\n    return\n  }\n  if (event.metaKey || event.ctrlKey || event.altKey || typing(event.target)) return\n  const item = props.actions.find(\n    (a) => a.shortcut && !a.options && !a.disabled && a.shortcut.toLowerCase() === event.key.toLowerCase()\n  )\n  if (!item) return\n  event.preventDefault()\n  emit('click-item', item)\n}\n\nwatch(\n  () => props.count > 0 && (!!props.onClear || props.actions.some((a) => a.shortcut)),\n  (listening) => {\n    if (listening) document.addEventListener('keydown', onKeydown)\n    else document.removeEventListener('keydown', onKeydown)\n  },\n  { immediate: true }\n)\n\nonBeforeUnmount(() => document.removeEventListener('keydown', onKeydown))\n</script>\n\n<!-- Actions on the selected records: a floating pill with the count, the actions and a clear button. -->\n<template>\n  <div\n    v-if=\"count > 0\"\n    :aria-label=\"text\"\n    class=\"pointer-events-none flex justify-center\"\n    :class=\"floating && 'fixed inset-x-0 bottom-4 z-[1150]'\"\n    role=\"toolbar\"\n  >\n    <div\n      class=\"pointer-events-auto flex animate-sui-toast-in items-center gap-2 rounded-xl border border-sui-edge bg-sui-raised py-1.5 pr-2 pl-4 text-sm text-sui-ink shadow-(--sui-shadow-floating)\"\n    >\n      <span aria-live=\"polite\" class=\"whitespace-nowrap tabular-nums\">{{ text }}</span>\n      <span aria-hidden=\"true\" class=\"mx-1 h-4 w-px bg-sui-line\" />\n      <template v-for=\"(item, i) in actions\" :key=\"item.action ?? i\">\n        <DropdownMenu\n          v-if=\"item.options\"\n          align=\"start\"\n          :items=\"menuItems(item)\"\n          :tooltip=\"null\"\n          @click-item=\"pick(item, $event.action)\"\n        >\n          <template #trigger>\n            <Button :disabled=\"item.disabled\" size=\"sm\" variant=\"secondary\">\n              <Icon v-if=\"item.icon\" :name=\"item.icon\" />\n              {{ item.label }}\n              <Icon color=\"ink-subtle\" name=\"chevron-down\" />\n            </Button>\n          </template>\n        </DropdownMenu>\n        <Tooltip v-else :disabled=\"!item.disabled || !item.disabledReason\" :text=\"item.disabledReason\">\n          <Button\n            :aria-keyshortcuts=\"item.shortcut\"\n            :disabled=\"item.disabled\"\n            size=\"sm\"\n            :variant=\"item.variant === 'danger' ? 'danger-outline' : 'secondary'\"\n            @click=\"emit('click-item', item)\"\n          >\n            <Icon v-if=\"item.icon\" :name=\"item.icon\" />\n            {{ item.label }}\n            <Kbd v-if=\"item.shortcut\" class=\"ml-0.5\">{{ item.shortcut.toUpperCase() }}</Kbd>\n          </Button>\n        </Tooltip>\n      </template>\n      <slot />\n      <Tooltip v-if=\"onClear\" :text=\"clearLabel\">\n        <Button :aria-label=\"clearLabel\" icon-only size=\"xs\" variant=\"ghost\" @click=\"onClear()\">\n          <CloseIcon class=\"fill-sui-ink-subtle stroke-sui-ink-subtle\" />\n        </Button>\n      </Tooltip>\n    </div>\n  </div>\n</template>\n"],"mappings":""}

package/dist/components/ActionBar/ActionBar.vue.d.ts

@@ -1,3 +1,10 @@
+export interface ActionBarOption {
+    label: string;
+    /** Passed back as the action's `value`. */
+    value: unknown;
+    icon?: string;
+    disabled?: boolean;
+}
 export interface ActionBarAction {
     label: string;
     /** Passed back with `click-item`, to tell the actions apart. */
@@ -5,6 +12,13 @@ export interface ActionBarAction {
     icon?: string;
     variant?: 'danger';
     disabled?: boolean;
+    /** Why it's disabled, as its tooltip, e.g. "None of these are archived". */
+    disabledReason?: string;
+    /** A single key that runs it while records are selected (not while typing, with a modifier, or with a dialog or menu
+     *  open), shown on the button. Not for an action with `options`. */
+    shortcut?: string;
+    /** Makes it a menu: picking one emits `click-item` with that option's `value`, e.g. Set status › Done. */
+    options?: ActionBarOption[];
     [key: string]: unknown;
 }
 export interface ActionBarProps {
@@ -25,9 +39,13 @@ type __VLS_Slots = {
     default?: () => unknown;
 };
 declare const __VLS_base: import("vue").DefineComponent<ActionBarProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "click-item": (action: ActionBarAction) => any;
+    "click-item": (action: ActionBarAction & {
+        value?: unknown;
+    }) => any;
 }, string, import("vue").PublicProps, Readonly<ActionBarProps> & Readonly<{
-    "onClick-item"?: ((action: ActionBarAction) => any) | undefined;
+    "onClick-item"?: ((action: ActionBarAction & {
+        value?: unknown;
+    }) => any) | undefined;
 }>, {
     label: string;
     actions: ActionBarAction[];

package/dist/components/ActionBar/ActionBar.vue_vue_type_script_setup_true_lang.js

@@ -1,13 +1,15 @@
 import e from "../Button/Button.js";
 import t from "../Icon/Icon.js";
 import n from "../Tooltip/Tooltip.js";
-import r from "../internal/CloseIcon.js";
-import { Fragment as i, computed as a, createBlock as o, createCommentVNode as s, createElementBlock as c, createElementVNode as l, createTextVNode as u, createVNode as d, defineComponent as f, normalizeClass as p, onBeforeUnmount as m, openBlock as h, renderList as g, renderSlot as _, toDisplayString as v, watch as y, withCtx as b } from "vue";
+import r from "../DropdownMenu/DropdownMenu.js";
+import i from "../Kbd/Kbd.js";
+import a from "../internal/CloseIcon.js";
+import { Fragment as o, computed as s, createBlock as c, createCommentVNode as l, createElementBlock as u, createElementVNode as d, createTextVNode as f, createVNode as p, defineComponent as m, normalizeClass as h, onBeforeUnmount as g, openBlock as _, renderList as v, renderSlot as y, toDisplayString as b, watch as x, withCtx as S } from "vue";
 //#region src/components/ActionBar/ActionBar.vue?vue&type=script&setup=true&lang.ts
-var x = ["aria-label"], S = { class: "pointer-events-auto flex animate-sui-toast-in items-center gap-2 rounded-xl border border-sui-edge bg-sui-raised py-1.5 pr-2 pl-4 text-sm text-sui-ink shadow-(--sui-shadow-floating)" }, C = {
+var C = ["aria-label"], w = { class: "pointer-events-auto flex animate-sui-toast-in items-center gap-2 rounded-xl border border-sui-edge bg-sui-raised py-1.5 pr-2 pl-4 text-sm text-sui-ink shadow-(--sui-shadow-floating)" }, T = {
 	"aria-live": "polite",
 	class: "whitespace-nowrap tabular-nums"
-}, w = /*@__PURE__*/ f({
+}, E = /*@__PURE__*/ m({
 	__name: "ActionBar",
 	props: {
 		count: {},
@@ -24,62 +26,125 @@ var x = ["aria-label"], S = { class: "pointer-events-auto flex animate-sui-toast
 		}
 	},
 	emits: ["click-item"],
-	setup(f, { emit: w }) {
-		let T = f, E = w, D = a(() => T.label.replace("{count}", String(T.count)));
-		function O(e) {
-			e.key !== "Escape" || e.defaultPrevented || document.querySelector("[role=\"dialog\"], [role=\"alertdialog\"]") || T.onClear?.();
+	setup(m, { emit: E }) {
+		let D = m, O = E, k = s(() => D.label.replace("{count}", String(D.count))), A = (e) => (e.options ?? []).map((e, t) => ({
+			type: "action",
+			label: e.label,
+			action: String(t),
+			icon: e.icon,
+			disabled: e.disabled
+		})), j = (e, t) => {
+			let n = e.options?.[Number(t)];
+			n && O("click-item", {
+				...e,
+				value: n.value
+			});
+		}, M = (e) => e instanceof HTMLElement && !!e.closest("input, textarea, select, [contenteditable=\"\"], [contenteditable=\"true\"]");
+		function N(e) {
+			if (e.defaultPrevented || document.querySelector("[role=\"dialog\"], [role=\"alertdialog\"], [role=\"menu\"]")) return;
+			if (e.key === "Escape") {
+				D.onClear?.();
+				return;
+			}
+			if (e.metaKey || e.ctrlKey || e.altKey || M(e.target)) return;
+			let t = D.actions.find((t) => t.shortcut && !t.options && !t.disabled && t.shortcut.toLowerCase() === e.key.toLowerCase());
+			t && (e.preventDefault(), O("click-item", t));
 		}
-		return y(() => T.count > 0 && !!T.onClear, (e) => {
-			e ? document.addEventListener("keydown", O) : document.removeEventListener("keydown", O);
-		}, { immediate: !0 }), m(() => document.removeEventListener("keydown", O)), (a, m) => f.count > 0 ? (h(), c("div", {
+		return x(() => D.count > 0 && (!!D.onClear || D.actions.some((e) => e.shortcut)), (e) => {
+			e ? document.addEventListener("keydown", N) : document.removeEventListener("keydown", N);
+		}, { immediate: !0 }), g(() => document.removeEventListener("keydown", N)), (s, g) => m.count > 0 ? (_(), u("div", {
 			key: 0,
-			"aria-label": D.value,
-			class: p(["pointer-events-none flex justify-center", f.floating && "fixed inset-x-0 bottom-4 z-[1150]"]),
+			"aria-label": k.value,
+			class: h(["pointer-events-none flex justify-center", m.floating && "fixed inset-x-0 bottom-4 z-[1150]"]),
 			role: "toolbar"
-		}, [l("div", S, [
-			l("span", C, v(D.value), 1),
-			m[1] ||= l("span", {
+		}, [d("div", w, [
+			d("span", T, b(k.value), 1),
+			g[1] ||= d("span", {
 				"aria-hidden": "true",
 				class: "mx-1 h-4 w-px bg-sui-line"
 			}, null, -1),
-			(h(!0), c(i, null, g(f.actions, (n, r) => (h(), o(e, {
-				key: n.action ?? r,
-				disabled: n.disabled,
-				size: "sm",
-				variant: n.variant === "danger" ? "danger-outline" : "secondary",
-				onClick: (e) => E("click-item", n)
+			(_(!0), u(o, null, v(m.actions, (a, s) => (_(), u(o, { key: a.action ?? s }, [a.options ? (_(), c(r, {
+				key: 0,
+				align: "start",
+				items: A(a),
+				tooltip: null,
+				onClickItem: (e) => j(a, e.action)
 			}, {
-				default: b(() => [n.icon ? (h(), o(t, {
-					key: 0,
-					name: n.icon
-				}, null, 8, ["name"])) : s("", !0), u(" " + v(n.label), 1)]),
+				trigger: S(() => [p(e, {
+					disabled: a.disabled,
+					size: "sm",
+					variant: "secondary"
+				}, {
+					default: S(() => [
+						a.icon ? (_(), c(t, {
+							key: 0,
+							name: a.icon
+						}, null, 8, ["name"])) : l("", !0),
+						f(" " + b(a.label) + " ", 1),
+						p(t, {
+							color: "ink-subtle",
+							name: "chevron-down"
+						})
+					]),
+					_: 2
+				}, 1032, ["disabled"])]),
+				_: 2
+			}, 1032, ["items", "onClickItem"])) : (_(), c(n, {
+				key: 1,
+				disabled: !a.disabled || !a.disabledReason,
+				text: a.disabledReason
+			}, {
+				default: S(() => [p(e, {
+					"aria-keyshortcuts": a.shortcut,
+					disabled: a.disabled,
+					size: "sm",
+					variant: a.variant === "danger" ? "danger-outline" : "secondary",
+					onClick: (e) => O("click-item", a)
+				}, {
+					default: S(() => [
+						a.icon ? (_(), c(t, {
+							key: 0,
+							name: a.icon
+						}, null, 8, ["name"])) : l("", !0),
+						f(" " + b(a.label) + " ", 1),
+						a.shortcut ? (_(), c(i, {
+							key: 1,
+							class: "ml-0.5"
+						}, {
+							default: S(() => [f(b(a.shortcut.toUpperCase()), 1)]),
+							_: 2
+						}, 1024)) : l("", !0)
+					]),
+					_: 2
+				}, 1032, [
+					"aria-keyshortcuts",
+					"disabled",
+					"variant",
+					"onClick"
+				])]),
 				_: 2
-			}, 1032, [
-				"disabled",
-				"variant",
-				"onClick"
-			]))), 128)),
-			_(a.$slots, "default"),
-			f.onClear ? (h(), o(n, {
+			}, 1032, ["disabled", "text"]))], 64))), 128)),
+			y(s.$slots, "default"),
+			m.onClear ? (_(), c(n, {
 				key: 0,
-				text: f.clearLabel
+				text: m.clearLabel
 			}, {
-				default: b(() => [d(e, {
-					"aria-label": f.clearLabel,
+				default: S(() => [p(e, {
+					"aria-label": m.clearLabel,
 					"icon-only": "",
 					size: "xs",
 					variant: "ghost",
-					onClick: m[0] ||= (e) => f.onClear()
+					onClick: g[0] ||= (e) => m.onClear()
 				}, {
-					default: b(() => [d(r, { class: "fill-sui-ink-subtle stroke-sui-ink-subtle" })]),
+					default: S(() => [p(a, { class: "fill-sui-ink-subtle stroke-sui-ink-subtle" })]),
 					_: 1
 				}, 8, ["aria-label"])]),
 				_: 1
-			}, 8, ["text"])) : s("", !0)
-		])], 10, x)) : s("", !0);
+			}, 8, ["text"])) : l("", !0)
+		])], 10, C)) : l("", !0);
 	}
 });
 //#endregion
-export { w as default };
+export { E as default };
 
 //# sourceMappingURL=ActionBar.vue_vue_type_script_setup_true_lang.js.map

package/dist/components/ActionBar/ActionBar.vue_vue_type_script_setup_true_lang.js.map

@@ -1 +1 @@
-{"version":3,"file":"ActionBar.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createElementBlock","_normalizeClass","_createElementVNode","_toDisplayString","_Fragment","_renderList","_createBlock","Button","_withCtx","Icon","_createCommentVNode","_createTextVNode","_renderSlot","Tooltip","_createVNode","CloseIcon","Button_default","Icon_default","Tooltip_default","CloseIcon_default","_hoisted_1","_hoisted_2","_hoisted_3","ActionBar_vue_vue_type_script_setup_true_lang_default","__emit","props","__props","emit","text","computed","onKeydown","event","watch","listening","onBeforeUnmount","openBlock","createElementBlock","normalizeClass","createElementVNode","toDisplayString","_cache","Fragment","renderList","createBlock","item","i","withCtx","createCommentVNode","createTextVNode","renderSlot","_ctx","createVNode"],"sources":["../../../src/components/ActionBar/ActionBar.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, onBeforeUnmount, watch } from 'vue'\n\nimport Button from '../Button/Button.vue'\nimport Icon from '../Icon/Icon.vue'\nimport Tooltip from '../Tooltip/Tooltip.vue'\nimport CloseIcon from '../internal/CloseIcon.vue'\n\nexport interface ActionBarAction {\n  label: string\n  /** Passed back with `click-item`, to tell the actions apart. */\n  action?: string\n  icon?: string\n  variant?: 'danger'\n  disabled?: boolean\n  [key: string]: unknown\n}\n\nexport interface ActionBarProps {\n  /** How many records are selected; it shows only while there are some. */\n  count: number\n  /** Two or three; put the rest in an DropdownMenu in the default slot. */\n  actions?: ActionBarAction[]\n  /** Adds a clear button, and Escape clears (`@clear`). */\n  onClear?: () => void\n  /** `{count}` is the number selected. */\n  label?: string\n  clearLabel?: string\n  /** Fixed to the foot of the viewport. False draws it in place. */\n  floating?: boolean\n}\n\nconst props = withDefaults(defineProps<ActionBarProps>(), {\n  actions: () => [],\n  onClear: undefined,\n  label: '{count} selected',\n  clearLabel: 'Clear selection',\n  floating: true\n})\n\nconst emit = defineEmits<{ 'click-item': [action: ActionBarAction] }>()\n\ndefineSlots<{\n  /** More controls after the actions, e.g. an DropdownMenu. */\n  default?: () => unknown\n}>()\n\nconst text = computed(() => props.label.replace('{count}', String(props.count)))\n\n// Escape clears the selection, unless a dialog is open and takes it.\nfunction onKeydown(event: KeyboardEvent) {\n  if (\n    event.key !== 'Escape' ||\n    event.defaultPrevented ||\n    document.querySelector('[role=\"dialog\"], [role=\"alertdialog\"]')\n  )\n    return\n  props.onClear?.()\n}\n\nwatch(\n  () => props.count > 0 && !!props.onClear,\n  (listening) => {\n    if (listening) document.addEventListener('keydown', onKeydown)\n    else document.removeEventListener('keydown', onKeydown)\n  },\n  { immediate: true }\n)\n\nonBeforeUnmount(() => document.removeEventListener('keydown', onKeydown))\n</script>\n\n<!-- Actions on the selected records: a floating pill with the count, the actions and a clear button. -->\n<template>\n  <div\n    v-if=\"count > 0\"\n    :aria-label=\"text\"\n    class=\"pointer-events-none flex justify-center\"\n    :class=\"floating && 'fixed inset-x-0 bottom-4 z-[1150]'\"\n    role=\"toolbar\"\n  >\n    <div\n      class=\"pointer-events-auto flex animate-sui-toast-in items-center gap-2 rounded-xl border border-sui-edge bg-sui-raised py-1.5 pr-2 pl-4 text-sm text-sui-ink shadow-(--sui-shadow-floating)\"\n    >\n      <span aria-live=\"polite\" class=\"whitespace-nowrap tabular-nums\">{{ text }}</span>\n      <span aria-hidden=\"true\" class=\"mx-1 h-4 w-px bg-sui-line\" />\n      <Button\n        v-for=\"(item, i) in actions\"\n        :key=\"item.action ?? i\"\n        :disabled=\"item.disabled\"\n        size=\"sm\"\n        :variant=\"item.variant === 'danger' ? 'danger-outline' : 'secondary'\"\n        @click=\"emit('click-item', item)\"\n      >\n        <Icon v-if=\"item.icon\" :name=\"item.icon\" />\n        {{ item.label }}\n      </Button>\n      <slot />\n      <Tooltip v-if=\"onClear\" :text=\"clearLabel\">\n        <Button :aria-label=\"clearLabel\" icon-only size=\"xs\" variant=\"ghost\" @click=\"onClear()\">\n          <CloseIcon class=\"fill-sui-ink-subtle stroke-sui-ink-subtle\" />\n        </Button>\n      </Tooltip>\n    </div>\n  </div>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;EAgCA,IAAM0B,IAAQC,GAQRC,IAAOH,GAOPI,IAAOC,QAAeJ,EAAM,MAAM,QAAQ,WAAW,OAAOA,EAAM,KAAK,CAAC,CAAC;EAG/E,SAASK,EAAU,GAAsB;GACvC,AACEC,EAAM,QAAQ,YACdA,EAAM,oBACN,SAAS,cAAc,2CAAuC,KAGhEN,EAAM,UAAU;EAClB;E,OAEAO,QACQP,EAAM,QAAQ,KAAK,CAAC,CAACA,EAAM,UAChC,MAAc;GACb,AAAIQ,IAAW,SAAS,iBAAiB,WAAWH,CAAS,IACxD,SAAS,oBAAoB,WAAWA,CAAS;EACxD,GACA,EAAE,WAAW,GAAK,CACpB,GAEAI,QAAsB,SAAS,oBAAoB,WAAWJ,CAAS,CAAC,I,SAM9DJ,EAAA,QAAK,KADb3B,EAAA,GAAAC,EA8BM,OAAA;;GA5BH,cAAY4B,EAAA;GACb,OAAK3B,EAAA,CAAC,2CACEyB,EAAA,YAAQ,mCAAA,CAAA;GAChB,MAAK;E,IAELxB,EAsBM,OAtBNmB,GAsBM;GAnBJnB,EAAiF,QAAjFoB,GAAiFnB,EAAdyB,EAAA,KAAI,GAAA,CAAA;GACvE,AAAAY,EAAA,OAAAtC,EAA6D,QAAA;IAAvD,eAAY;IAAO,OAAM;;IAC/BH,EAAA,EAAA,GAAAC,EAUSI,GAAA,MAAAC,EATaqB,EAAA,UAAZ,GAAM,OADhB3B,EAAA,GAAAO,EAUSC,GAAA;IARN,KAAKqC,EAAK,UAAUC;IACpB,UAAUD,EAAK;IAChB,MAAK;IACJ,SAASA,EAAK,YAAO,WAAA,mBAAA;IACrB,UAAK,MAAEjB,EAAI,cAAeiB,CAAI;;IAE/B,SAAApC,QAA2C,CAA/BoC,EAAK,QAAjB7C,EAAA,GAAAO,EAA2CG,GAAA;;KAAnB,MAAMmC,EAAK;I,oCAAQjC,EAAA,MAC3CR,EAAGyC,EAAK,KAAK,GAAA,CAAA,C;;;;;;;GAEfhC,EAAQsC,EAAA,QAAA,SAAA;GACOxB,EAAA,WAAf3B,EAAA,GAAAO,EAIUO,GAAA;;IAJe,MAAMa,EAAA;;IAC7B,SAAAlB,QAES,CAFTM,EAESP,GAAA;KAFA,cAAYmB,EAAA;KAAY,aAAA;KAAU,MAAK;KAAK,SAAQ;KAAS,SAAK,AAAAc,EAAA,QAAA,MAAEd,EAAA,QAAO;;KAClF,SAAAlB,QAA+D,CAA/DM,EAA+DC,GAAA,EAApD,OAAM,4CAA2C,CAAA,C"}
+{"version":3,"file":"ActionBar.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createElementBlock","_normalizeClass","_createElementVNode","_toDisplayString","_Fragment","_renderList","_createBlock","DropdownMenu","_withCtx","_createVNode","Button","Icon","_createCommentVNode","_createTextVNode","Tooltip","Kbd","_renderSlot","CloseIcon","Button_default","Icon_default","Tooltip_default","DropdownMenu_default","Kbd_default","CloseIcon_default","_hoisted_1","_hoisted_2","_hoisted_3","ActionBar_vue_vue_type_script_setup_true_lang_default","__emit","props","__props","emit","text","computed","menuItems","item","option","index","pick","typing","target","onKeydown","event","a","watch","listening","onBeforeUnmount","openBlock","createElementBlock","normalizeClass","createElementVNode","toDisplayString","_cache","Fragment","renderList","i","createBlock","$event","withCtx","createVNode","createCommentVNode","createTextVNode","renderSlot","_ctx"],"sources":["../../../src/components/ActionBar/ActionBar.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, onBeforeUnmount, watch } from 'vue'\n\nimport Button from '../Button/Button.vue'\nimport DropdownMenu from '../DropdownMenu/DropdownMenu.vue'\nimport Icon from '../Icon/Icon.vue'\nimport Kbd from '../Kbd/Kbd.vue'\nimport Tooltip from '../Tooltip/Tooltip.vue'\nimport CloseIcon from '../internal/CloseIcon.vue'\n\nexport interface ActionBarOption {\n  label: string\n  /** Passed back as the action's `value`. */\n  value: unknown\n  icon?: string\n  disabled?: boolean\n}\n\nexport interface ActionBarAction {\n  label: string\n  /** Passed back with `click-item`, to tell the actions apart. */\n  action?: string\n  icon?: string\n  variant?: 'danger'\n  disabled?: boolean\n  /** Why it's disabled, as its tooltip, e.g. \"None of these are archived\". */\n  disabledReason?: string\n  /** A single key that runs it while records are selected (not while typing, with a modifier, or with a dialog or menu\n   *  open), shown on the button. Not for an action with `options`. */\n  shortcut?: string\n  /** Makes it a menu: picking one emits `click-item` with that option's `value`, e.g. Set status › Done. */\n  options?: ActionBarOption[]\n  [key: string]: unknown\n}\n\nexport interface ActionBarProps {\n  /** How many records are selected; it shows only while there are some. */\n  count: number\n  /** Two or three; put the rest in an DropdownMenu in the default slot. */\n  actions?: ActionBarAction[]\n  /** Adds a clear button, and Escape clears (`@clear`). */\n  onClear?: () => void\n  /** `{count}` is the number selected. */\n  label?: string\n  clearLabel?: string\n  /** Fixed to the foot of the viewport. False draws it in place. */\n  floating?: boolean\n}\n\nconst props = withDefaults(defineProps<ActionBarProps>(), {\n  actions: () => [],\n  onClear: undefined,\n  label: '{count} selected',\n  clearLabel: 'Clear selection',\n  floating: true\n})\n\nconst emit = defineEmits<{ 'click-item': [action: ActionBarAction & { value?: unknown }] }>()\n\ndefineSlots<{\n  /** More controls after the actions, e.g. an DropdownMenu. */\n  default?: () => unknown\n}>()\n\nconst text = computed(() => props.label.replace('{count}', String(props.count)))\n\nconst menuItems = (item: ActionBarAction) =>\n  (item.options ?? []).map((option, index) => ({\n    type: 'action' as const,\n    label: option.label,\n    action: String(index),\n    icon: option.icon,\n    disabled: option.disabled\n  }))\nconst pick = (item: ActionBarAction, index: string | undefined) => {\n  const option = item.options?.[Number(index)]\n  if (option) emit('click-item', { ...item, value: option.value })\n}\n\nconst typing = (target: EventTarget | null) =>\n  target instanceof HTMLElement &&\n  !!target.closest('input, textarea, select, [contenteditable=\"\"], [contenteditable=\"true\"]')\n\n// Escape clears the selection and an action's key runs it, unless a dialog or menu is open and takes the key.\nfunction onKeydown(event: KeyboardEvent) {\n  if (event.defaultPrevented || document.querySelector('[role=\"dialog\"], [role=\"alertdialog\"], [role=\"menu\"]')) return\n  if (event.key === 'Escape') {\n    props.onClear?.()\n    return\n  }\n  if (event.metaKey || event.ctrlKey || event.altKey || typing(event.target)) return\n  const item = props.actions.find(\n    (a) => a.shortcut && !a.options && !a.disabled && a.shortcut.toLowerCase() === event.key.toLowerCase()\n  )\n  if (!item) return\n  event.preventDefault()\n  emit('click-item', item)\n}\n\nwatch(\n  () => props.count > 0 && (!!props.onClear || props.actions.some((a) => a.shortcut)),\n  (listening) => {\n    if (listening) document.addEventListener('keydown', onKeydown)\n    else document.removeEventListener('keydown', onKeydown)\n  },\n  { immediate: true }\n)\n\nonBeforeUnmount(() => document.removeEventListener('keydown', onKeydown))\n</script>\n\n<!-- Actions on the selected records: a floating pill with the count, the actions and a clear button. -->\n<template>\n  <div\n    v-if=\"count > 0\"\n    :aria-label=\"text\"\n    class=\"pointer-events-none flex justify-center\"\n    :class=\"floating && 'fixed inset-x-0 bottom-4 z-[1150]'\"\n    role=\"toolbar\"\n  >\n    <div\n      class=\"pointer-events-auto flex animate-sui-toast-in items-center gap-2 rounded-xl border border-sui-edge bg-sui-raised py-1.5 pr-2 pl-4 text-sm text-sui-ink shadow-(--sui-shadow-floating)\"\n    >\n      <span aria-live=\"polite\" class=\"whitespace-nowrap tabular-nums\">{{ text }}</span>\n      <span aria-hidden=\"true\" class=\"mx-1 h-4 w-px bg-sui-line\" />\n      <template v-for=\"(item, i) in actions\" :key=\"item.action ?? i\">\n        <DropdownMenu\n          v-if=\"item.options\"\n          align=\"start\"\n          :items=\"menuItems(item)\"\n          :tooltip=\"null\"\n          @click-item=\"pick(item, $event.action)\"\n        >\n          <template #trigger>\n            <Button :disabled=\"item.disabled\" size=\"sm\" variant=\"secondary\">\n              <Icon v-if=\"item.icon\" :name=\"item.icon\" />\n              {{ item.label }}\n              <Icon color=\"ink-subtle\" name=\"chevron-down\" />\n            </Button>\n          </template>\n        </DropdownMenu>\n        <Tooltip v-else :disabled=\"!item.disabled || !item.disabledReason\" :text=\"item.disabledReason\">\n          <Button\n            :aria-keyshortcuts=\"item.shortcut\"\n            :disabled=\"item.disabled\"\n            size=\"sm\"\n            :variant=\"item.variant === 'danger' ? 'danger-outline' : 'secondary'\"\n            @click=\"emit('click-item', item)\"\n          >\n            <Icon v-if=\"item.icon\" :name=\"item.icon\" />\n            {{ item.label }}\n            <Kbd v-if=\"item.shortcut\" class=\"ml-0.5\">{{ item.shortcut.toUpperCase() }}</Kbd>\n          </Button>\n        </Tooltip>\n      </template>\n      <slot />\n      <Tooltip v-if=\"onClear\" :text=\"clearLabel\">\n        <Button :aria-label=\"clearLabel\" icon-only size=\"xs\" variant=\"ghost\" @click=\"onClear()\">\n          <CloseIcon class=\"fill-sui-ink-subtle stroke-sui-ink-subtle\" />\n        </Button>\n      </Tooltip>\n    </div>\n  </div>\n</template>\n"],"mappings":"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"}

package/dist/components/ActionBar/index.d.ts

@@ -1,2 +1,2 @@
 export { default as ActionBar } from './ActionBar.vue';
-export type { ActionBarAction, ActionBarProps } from './ActionBar.vue';
+export type { ActionBarAction, ActionBarOption, ActionBarProps } from './ActionBar.vue';