shadcn_phlexcomponents 0.1.16 → 0.1.18

data/app/javascript/controllers/tooltip_controller.js

@@ -1,79 +1,82 @@
-import { Controller } from "@hotwired/stimulus";
-import { useHover } from "stimulus-use";
-import { initFloatingUi } from "../utils/floating_ui";
-import { showContent, hideContent } from "../utils";
+import { Controller } from '@hotwired/stimulus';
+import { useHover } from 'stimulus-use';
+import { initFloatingUi } from '../utils/floating_ui';
+import { showContent, hideContent } from '../utils';
 const TooltipController = class extends Controller {
-  // targets
-  static targets = ["trigger", "content", "contentContainer", "arrow"];
-  // values
-  static values = {
-    isOpen: Boolean,
-  };
-  connect() {
-    this.DOMKeydownListener = this.onDOMKeydown.bind(this);
-    useHover(this, { element: this.triggerTarget, dispatchEvent: false });
-  }
-  open() {
-    window.clearTimeout(this.closeTimeout);
-    this.isOpenValue = true;
-  }
-  close() {
-    this.closeTimeout = window.setTimeout(() => {
-      this.isOpenValue = false;
-    }, 250);
-  }
-  closeImmediately() {
-    this.isOpenValue = false;
-  }
-  // for useHover
-  mouseEnter() {
-    this.open();
-  }
-  // for useHover
-  mouseLeave() {
-    this.close();
-  }
-  isOpenValueChanged(isOpen) {
-    if (isOpen) {
-      showContent({
-        content: this.contentTarget,
-        contentContainer: this.contentContainerTarget,
-      });
-      this.setupEventListeners();
-      this.cleanup = initFloatingUi({
-        referenceElement: this.triggerTarget,
-        floatingElement: this.contentContainerTarget,
-        arrowElement: this.arrowTarget,
-        side: this.contentTarget.dataset.side,
-        align: this.contentTarget.dataset.align,
-        sideOffset: 8,
-      });
-    } else {
-      hideContent({
-        content: this.contentTarget,
-        contentContainer: this.contentContainerTarget,
-      });
-      this.cleanupEventListeners();
+    // targets
+    static targets = ['trigger', 'content', 'contentContainer', 'arrow'];
+    // values
+    static values = {
+        isOpen: Boolean,
+    };
+    connect() {
+        this.DOMKeydownListener = this.onDOMKeydown.bind(this);
+        useHover(this, { element: this.triggerTarget, dispatchEvent: false });
     }
-  }
-  disconnect() {
-    this.cleanupEventListeners();
-  }
-  onDOMKeydown(event) {
-    if (!this.isOpenValue) return;
-    const key = event.key;
-    if (["Escape", "Enter", " "].includes(key)) {
-      event.preventDefault();
-      event.stopImmediatePropagation();
-      this.closeImmediately();
+    open() {
+        window.clearTimeout(this.closeTimeout);
+        this.isOpenValue = true;
+    }
+    close() {
+        this.closeTimeout = window.setTimeout(() => {
+            this.isOpenValue = false;
+        }, 250);
+    }
+    closeImmediately() {
+        this.isOpenValue = false;
+    }
+    // for useHover
+    mouseEnter() {
+        this.open();
+    }
+    // for useHover
+    mouseLeave() {
+        this.close();
+    }
+    isOpenValueChanged(isOpen) {
+        if (isOpen) {
+            showContent({
+                content: this.contentTarget,
+                contentContainer: this.contentContainerTarget,
+            });
+            this.setupEventListeners();
+            this.cleanup = initFloatingUi({
+                referenceElement: this.triggerTarget,
+                floatingElement: this.contentContainerTarget,
+                arrowElement: this.arrowTarget,
+                side: this.contentTarget.dataset.side,
+                align: this.contentTarget.dataset.align,
+                sideOffset: 4,
+            });
+        }
+        else {
+            hideContent({
+                content: this.contentTarget,
+                contentContainer: this.contentContainerTarget,
+            });
+            this.cleanupEventListeners();
+        }
+    }
+    disconnect() {
+        this.cleanupEventListeners();
+    }
+    onDOMKeydown(event) {
+        if (!this.isOpenValue)
+            return;
+        const key = event.key;
+        if (['Escape', 'Enter', ' '].includes(key)) {
+            event.preventDefault();
+            event.stopImmediatePropagation();
+            this.closeImmediately();
+        }
+    }
+    setupEventListeners() {
+        document.addEventListener('keydown', this.DOMKeydownListener);
+    }
+    cleanupEventListeners() {
+        if (this.cleanup)
+            this.cleanup();
+        document.removeEventListener('keydown', this.DOMKeydownListener);
     }
-  }
-  setupEventListeners() {
-    document.addEventListener("keydown", this.DOMKeydownListener);
-  }
-  cleanupEventListeners() {
-    if (this.cleanup) this.cleanup();
-    document.removeEventListener("keydown", this.DOMKeydownListener);
-  }
 };
 export { TooltipController };

data/app/javascript/shadcn_phlexcomponents.js

@@ -1,60 +1,60 @@
-import { AccordionController } from "./controllers/accordion_controller";
-import { AlertDialogController } from "./controllers/alert_dialog_controller";
-import { AvatarController } from "./controllers/avatar_controller";
-import { CheckboxController } from "./controllers/checkbox_controller";
-import { CollapsibleController } from "./controllers/collapsible_controller";
-import { ComboboxController } from "./controllers/combobox_controller";
-import { CommandController } from "./controllers/command_controller";
-import { DatePickerController } from "./controllers/date_picker_controller";
-import { DateRangePickerController } from "./controllers/date_range_picker_controller";
-import { DialogController } from "./controllers/dialog_controller";
-import { DropdownMenuController } from "./controllers/dropdown_menu_controller";
-import { DropdownMenuSubController } from "./controllers/dropdown_menu_sub_controller";
-import { FormFieldController } from "./controllers/form_field_controller";
-import { HoverCardController } from "./controllers/hover_card_controller";
-import { LoadingButtonController } from "./controllers/loading_button_controller";
-import { PopoverController } from "./controllers/popover_controller";
-import { ProgressController } from "./controllers/progress_controller";
-import { RadioGroupController } from "./controllers/radio_group_controller";
-import { SelectController } from "./controllers/select_controller";
-import SidebarController from "./controllers/sidebar_controller";
-import SidebarTriggerController from "./controllers/sidebar_trigger_controller";
-import { SliderController } from "./controllers/slider_controller";
-import { SwitchController } from "./controllers/switch_controller";
-import { TabsController } from "./controllers/tabs_controller";
-import { ThemeSwitcherController } from "./controllers/theme_switcher_controller";
-import { ToastContainerController } from "./controllers/toast_container_controller";
-import { ToastController } from "./controllers/toast_controller";
-import { ToggleController } from "./controllers/toggle_controller";
-import { TooltipController } from "./controllers/tooltip_controller";
+import { AccordionController } from './controllers/accordion_controller';
+import { AlertDialogController } from './controllers/alert_dialog_controller';
+import { AvatarController } from './controllers/avatar_controller';
+import { CheckboxController } from './controllers/checkbox_controller';
+import { CollapsibleController } from './controllers/collapsible_controller';
+import { ComboboxController } from './controllers/combobox_controller';
+import { CommandController } from './controllers/command_controller';
+import { DatePickerController } from './controllers/date_picker_controller';
+import { DateRangePickerController } from './controllers/date_range_picker_controller';
+import { DialogController } from './controllers/dialog_controller';
+import { DropdownMenuController } from './controllers/dropdown_menu_controller';
+import { DropdownMenuSubController } from './controllers/dropdown_menu_sub_controller';
+import { FormFieldController } from './controllers/form_field_controller';
+import { HoverCardController } from './controllers/hover_card_controller';
+import { LoadingButtonController } from './controllers/loading_button_controller';
+import { PopoverController } from './controllers/popover_controller';
+import { ProgressController } from './controllers/progress_controller';
+import { RadioGroupController } from './controllers/radio_group_controller';
+import { SelectController } from './controllers/select_controller';
+import SidebarController from './controllers/sidebar_controller';
+import SidebarTriggerController from './controllers/sidebar_trigger_controller';
+import { SliderController } from './controllers/slider_controller';
+import { SwitchController } from './controllers/switch_controller';
+import { TabsController } from './controllers/tabs_controller';
+import { ThemeSwitcherController } from './controllers/theme_switcher_controller';
+import { ToastContainerController } from './controllers/toast_container_controller';
+import { ToastController } from './controllers/toast_controller';
+import { ToggleController } from './controllers/toggle_controller';
+import { TooltipController } from './controllers/tooltip_controller';
 export default {
-  accordion: AccordionController,
-  "alert-dialog": AlertDialogController,
-  avatar: AvatarController,
-  checkbox: CheckboxController,
-  collapsible: CollapsibleController,
-  combobox: ComboboxController,
-  command: CommandController,
-  "date-picker": DatePickerController,
-  "date-range-picker": DateRangePickerController,
-  dialog: DialogController,
-  "dropdown-menu": DropdownMenuController,
-  "dropdown-menu-sub": DropdownMenuSubController,
-  "form-field": FormFieldController,
-  "hover-card": HoverCardController,
-  "loading-button": LoadingButtonController,
-  popover: PopoverController,
-  progress: ProgressController,
-  "radio-group": RadioGroupController,
-  select: SelectController,
-  sidebar: SidebarController,
-  "sidebar-trigger": SidebarTriggerController,
-  slider: SliderController,
-  switch: SwitchController,
-  tabs: TabsController,
-  "theme-switcher": ThemeSwitcherController,
-  "toast-container": ToastContainerController,
-  toast: ToastController,
-  toggle: ToggleController,
-  tooltip: TooltipController,
+    accordion: AccordionController,
+    'alert-dialog': AlertDialogController,
+    avatar: AvatarController,
+    checkbox: CheckboxController,
+    collapsible: CollapsibleController,
+    combobox: ComboboxController,
+    command: CommandController,
+    'date-picker': DatePickerController,
+    'date-range-picker': DateRangePickerController,
+    dialog: DialogController,
+    'dropdown-menu': DropdownMenuController,
+    'dropdown-menu-sub': DropdownMenuSubController,
+    'form-field': FormFieldController,
+    'hover-card': HoverCardController,
+    'loading-button': LoadingButtonController,
+    popover: PopoverController,
+    progress: ProgressController,
+    'radio-group': RadioGroupController,
+    select: SelectController,
+    sidebar: SidebarController,
+    'sidebar-trigger': SidebarTriggerController,
+    slider: SliderController,
+    switch: SwitchController,
+    tabs: TabsController,
+    'theme-switcher': ThemeSwitcherController,
+    'toast-container': ToastContainerController,
+    toast: ToastController,
+    toggle: ToggleController,
+    tooltip: TooltipController,
 };