@threadlabs/looma 0.10.8 → 0.10.10

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (46) hide show
  1. package/components/ui-combobox/ui-combobox.js +1 -1
  2. package/components/ui-dialog/ui-dialog.html +17 -0
  3. package/components/ui-editor-mention-menu/ui-editor-mention-menu.html +17 -0
  4. package/components/ui-editor-slash-menu/ui-editor-slash-menu.html +17 -0
  5. package/components/ui-editor-toolbar/ui-editor-toolbar.html +24 -43
  6. package/components/ui-reel/ui-reel.html +24 -0
  7. package/components/ui-scroll-area/ui-scroll-area.html +56 -0
  8. package/components/ui-search-shell/ui-search-shell.html +17 -0
  9. package/components/ui-sidebar/ui-sidebar.html +18 -0
  10. package/dist/index.js +19 -20
  11. package/package.json +1 -1
  12. package/styles/ui-dialog.css +17 -0
  13. package/styles/ui-editor-mention-menu.css +17 -0
  14. package/styles/ui-editor-slash-menu.css +17 -0
  15. package/styles/ui-editor-toolbar.css +25 -42
  16. package/styles/ui-reel.css +27 -1
  17. package/styles/ui-scroll-area.css +57 -0
  18. package/styles/ui-search-shell.css +17 -0
  19. package/styles/ui-sidebar.css +22 -1
  20. package/tokens.css +44 -0
  21. package/vanilla/UiEditorToolbar.js +1 -3
  22. package/vanilla/UiScrollArea.d.ts +14 -0
  23. package/vanilla/UiScrollArea.js +28 -0
  24. package/vanilla/index.js +1 -0
  25. package/vue/UiDialog.vue +21 -0
  26. package/vue/UiEditorMentionMenu.vue +21 -0
  27. package/vue/UiEditorSlashMenu.vue +21 -0
  28. package/vue/UiEditorToolbar.vue +26 -57
  29. package/vue/UiReel.vue +28 -0
  30. package/vue/UiScrollArea.d.ts +18 -0
  31. package/vue/UiScrollArea.js +2 -0
  32. package/vue/UiScrollArea.vue +85 -0
  33. package/vue/UiSearchShell.vue +21 -0
  34. package/vue/UiSidebar.vue +22 -0
  35. package/vue/chunks/UiDialog.js +1 -1
  36. package/vue/chunks/UiEditorMentionMenu.js +1 -1
  37. package/vue/chunks/UiEditorSlashMenu.js +1 -1
  38. package/vue/chunks/UiEditorToolbar.js +5 -29
  39. package/vue/chunks/UiReel.js +1 -1
  40. package/vue/chunks/UiScrollArea.js +21 -0
  41. package/vue/chunks/UiSearchShell.js +1 -1
  42. package/vue/chunks/UiSidebar.js +1 -1
  43. package/vue/components.css +335 -161
  44. package/vue/index.d.ts +1 -0
  45. package/vue/index.js +2 -1
  46. package/components/ui-editor-toolbar/ui-editor-toolbar.js +0 -24
package/vue/index.d.ts CHANGED
@@ -31,6 +31,7 @@ export { default as Popover } from "./UiPopover.js";
31
31
  export { default as Radio } from "./UiRadio.js";
32
32
  export { default as RadioGroup } from "./UiRadioGroup.js";
33
33
  export { default as Reel } from "./UiReel.js";
34
+ export { default as ScrollArea } from "./UiScrollArea.js";
34
35
  export { default as SearchResultRow } from "./UiSearchResultRow.js";
35
36
  export { default as SearchShell } from "./UiSearchShell.js";
36
37
  export { default as Select } from "./UiSelect.js";
package/vue/index.js CHANGED
@@ -32,6 +32,7 @@ import { t as UiPopover_default } from "./chunks/UiPopover.js";
32
32
  import { t as UiRadio_default } from "./chunks/UiRadio.js";
33
33
  import { t as UiRadioGroup_default } from "./chunks/UiRadioGroup.js";
34
34
  import { t as UiReel_default } from "./chunks/UiReel.js";
35
+ import { t as UiScrollArea_default } from "./chunks/UiScrollArea.js";
35
36
  import { t as UiSearchResultRow_default } from "./chunks/UiSearchResultRow.js";
36
37
  import { t as UiSearchShell_default } from "./chunks/UiSearchShell.js";
37
38
  import { t as UiSelect_default } from "./chunks/UiSelect.js";
@@ -47,4 +48,4 @@ import { t as UiTopBar_default } from "./chunks/UiTopBar.js";
47
48
  import { t as UiTree_default } from "./chunks/UiTree.js";
48
49
  import { t as UiTreeItem_default } from "./chunks/UiTreeItem.js";
49
50
  import { trackInputModality } from "@threadlabs/looma/components/shared/input-modality.js";
50
- export { UiAffordanceScope_default as AffordanceScope, UiAvatar_default as Avatar, UiAvatarGroup_default as AvatarGroup, UiBadge_default as Badge, UiButton_default as Button, UiCallout_default as Callout, UiCheckbox_default as Checkbox, UiCluster_default as Cluster, UiCombobox_default as Combobox, UiContainer_default as Container, UiContextMenu_default as ContextMenu, UiDialog_default as Dialog, UiDisclosure_default as Disclosure, UiEditable_default as Editable, UiEditorInsertTableGrid_default as EditorInsertTableGrid, UiEditorMentionMenu_default as EditorMentionMenu, UiEditorSlashMenu_default as EditorSlashMenu, UiEditorTableContextMenu_default as EditorTableContextMenu, UiEditorTableOverlay_default as EditorTableOverlay, UiEditorTableToolbar_default as EditorTableToolbar, UiEditorToolbar_default as EditorToolbar, UiFloatingActionButton_default as FloatingActionButton, UiFormField_default as FormField, UiGrid_default as Grid, UiIcon_default as Icon, UiIconButton_default as IconButton, UiInput_default as Input, UiMenu_default as Menu, UiMenuItem_default as MenuItem, UiPopover_default as Popover, UiRadio_default as Radio, UiRadioGroup_default as RadioGroup, UiReel_default as Reel, UiSearchResultRow_default as SearchResultRow, UiSearchShell_default as SearchShell, UiSelect_default as Select, UiSeparator_default as Separator, UiSidebar_default as Sidebar, UiStack_default as Stack, UiSwitch_default as Switch, UiSwitcher_default as Switcher, UiTabs_default as Tabs, UiTextarea_default as Textarea, UiToastRegion_default as ToastRegion, UiTooltip_default as Tooltip, UiTopBar_default as TopBar, UiTree_default as Tree, UiTreeItem_default as TreeItem, trackInputModality };
51
+ export { UiAffordanceScope_default as AffordanceScope, UiAvatar_default as Avatar, UiAvatarGroup_default as AvatarGroup, UiBadge_default as Badge, UiButton_default as Button, UiCallout_default as Callout, UiCheckbox_default as Checkbox, UiCluster_default as Cluster, UiCombobox_default as Combobox, UiContainer_default as Container, UiContextMenu_default as ContextMenu, UiDialog_default as Dialog, UiDisclosure_default as Disclosure, UiEditable_default as Editable, UiEditorInsertTableGrid_default as EditorInsertTableGrid, UiEditorMentionMenu_default as EditorMentionMenu, UiEditorSlashMenu_default as EditorSlashMenu, UiEditorTableContextMenu_default as EditorTableContextMenu, UiEditorTableOverlay_default as EditorTableOverlay, UiEditorTableToolbar_default as EditorTableToolbar, UiEditorToolbar_default as EditorToolbar, UiFloatingActionButton_default as FloatingActionButton, UiFormField_default as FormField, UiGrid_default as Grid, UiIcon_default as Icon, UiIconButton_default as IconButton, UiInput_default as Input, UiMenu_default as Menu, UiMenuItem_default as MenuItem, UiPopover_default as Popover, UiRadio_default as Radio, UiRadioGroup_default as RadioGroup, UiReel_default as Reel, UiScrollArea_default as ScrollArea, UiSearchResultRow_default as SearchResultRow, UiSearchShell_default as SearchShell, UiSelect_default as Select, UiSeparator_default as Separator, UiSidebar_default as Sidebar, UiStack_default as Stack, UiSwitch_default as Switch, UiSwitcher_default as Switcher, UiTabs_default as Tabs, UiTextarea_default as Textarea, UiToastRegion_default as ToastRegion, UiTooltip_default as Tooltip, UiTopBar_default as TopBar, UiTree_default as Tree, UiTreeItem_default as TreeItem, trackInputModality };
@@ -1,24 +0,0 @@
1
- // Tracks whether the toolbar's row hides controls past either edge, so the stylesheet can fade that
2
- // edge and only that edge. A row that fits shows no fade at all.
3
- export default function controller(host) {
4
- const strip = host.refs.strip;
5
- const update = () => {
6
- const hidden = strip.scrollWidth - strip.clientWidth;
7
- // Right-to-left rows scroll from 0 into negative values; measure from the start either way.
8
- const scrolled = Math.abs(strip.scrollLeft);
9
- host.state.overflowStart = hidden > 1 && scrolled > 1;
10
- host.state.overflowEnd = hidden > 1 && scrolled < hidden - 1;
11
- };
12
- strip.addEventListener("scroll", update, { passive: true });
13
- const resize = new ResizeObserver(update);
14
- resize.observe(strip);
15
- // Controls arriving, leaving, or changing size change the row's width without resizing the strip.
16
- const content = new MutationObserver(update);
17
- content.observe(strip, { childList: true, subtree: true, attributes: true });
18
- update();
19
- return () => {
20
- strip.removeEventListener("scroll", update);
21
- resize.disconnect();
22
- content.disconnect();
23
- };
24
- }