playbook_ui 14.15.0 → 14.16.0.pre.alpha.PLAY1938completetooltipfloatinguitransition6830

data/lib/playbook/display.rb

@@ -18,7 +18,7 @@ module Playbook
       else
         selected_props.each do |k|
           display_value = send(k)
-          css += "display_#{display_value}" if display_values.include? display_value
+          css += "display_#{display_value}" if display_values.include?(display_value)
         end
       end
       css unless css.blank?
@@ -35,7 +35,7 @@ module Playbook
     end
 
     def display_values
-      %w[block inline_block inline flex inline_flex none]
+      %w[block inline_block inline flex inline_flex none grid]
     end
   end
 end

data/lib/playbook/forms/builder/multi_level_select_field.rb

@@ -5,6 +5,8 @@ module Playbook
     class Builder
       def multi_level_select(name, props: {})
         props[:name] = name
+        props[:data] ||= {}
+        props[:data][:multi_level_select_form] = true
         @template.pb_rails("multi_level_select", props: props)
       end
     end

data/lib/playbook/version.rb

@@ -1,6 +1,6 @@
 # frozen_string_literal: true
 
 module Playbook
-  PREVIOUS_VERSION = "14.14.0"
-  VERSION = "14.15.0"
+  PREVIOUS_VERSION = "14.16.0"
+  VERSION = "14.16.0.pre.alpha.PLAY1938completetooltipfloatinguitransition6830"
 end

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: playbook_ui
 version: !ruby/object:Gem::Version
-  version: 14.15.0
+  version: 14.16.0.pre.alpha.PLAY1938completetooltipfloatinguitransition6830
 platform: ruby
 authors:
 - Power UX
@@ -9,7 +9,7 @@ authors:
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2025-03-07 00:00:00.000000000 Z
+date: 2025-03-24 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: actionpack
@@ -310,6 +310,8 @@ files:
 - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_expanded_control.jsx
 - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_expanded_control.md
 - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_infinite_scroll.jsx
+- app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_inline_editing.jsx
+- app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_inline_editing.md
 - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_inline_row_loading.jsx
 - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_inline_row_loading.md
 - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_loading.html.erb
@@ -937,8 +939,10 @@ files:
 - app/pb_kits/playbook/pb_date_picker/docs/_date_picker_month_and_year.html.erb
 - app/pb_kits/playbook/pb_date_picker/docs/_date_picker_month_and_year.jsx
 - app/pb_kits/playbook/pb_date_picker/docs/_date_picker_month_and_year.md
+- app/pb_kits/playbook/pb_date_picker/docs/_date_picker_on_change.html.erb
 - app/pb_kits/playbook/pb_date_picker/docs/_date_picker_on_change.jsx
 - app/pb_kits/playbook/pb_date_picker/docs/_date_picker_on_change.md
+- app/pb_kits/playbook/pb_date_picker/docs/_date_picker_on_close.html.erb
 - app/pb_kits/playbook/pb_date_picker/docs/_date_picker_on_close.jsx
 - app/pb_kits/playbook/pb_date_picker/docs/_date_picker_on_close.md
 - app/pb_kits/playbook/pb_date_picker/docs/_date_picker_positions.html.erb
@@ -1155,6 +1159,7 @@ files:
 - app/pb_kits/playbook/pb_dialog/docs/_dialog_status_swift.md
 - app/pb_kits/playbook/pb_dialog/docs/example.yml
 - app/pb_kits/playbook/pb_dialog/docs/index.js
+- app/pb_kits/playbook/pb_dialog/index.js
 - app/pb_kits/playbook/pb_distribution_bar/_distribution_bar.scss
 - app/pb_kits/playbook/pb_distribution_bar/_distribution_bar.tsx
 - app/pb_kits/playbook/pb_distribution_bar/distribution_bar.html.erb
@@ -1177,6 +1182,10 @@ files:
 - app/pb_kits/playbook/pb_draggable/docs/_draggable_default.md
 - app/pb_kits/playbook/pb_draggable/docs/_draggable_default_rails.html.erb
 - app/pb_kits/playbook/pb_draggable/docs/_draggable_default_rails.md
+- app/pb_kits/playbook/pb_draggable/docs/_draggable_drop_zones.jsx
+- app/pb_kits/playbook/pb_draggable/docs/_draggable_drop_zones.md
+- app/pb_kits/playbook/pb_draggable/docs/_draggable_drop_zones_colors.jsx
+- app/pb_kits/playbook/pb_draggable/docs/_draggable_drop_zones_colors.md
 - app/pb_kits/playbook/pb_draggable/docs/_draggable_multiple_containers.jsx
 - app/pb_kits/playbook/pb_draggable/docs/_draggable_multiple_containers.md
 - app/pb_kits/playbook/pb_draggable/docs/_draggable_multiple_containers_rails.html.erb
@@ -1307,6 +1316,17 @@ files:
 - app/pb_kits/playbook/pb_dropdown/utilities/clickOutsideHelper.tsx
 - app/pb_kits/playbook/pb_dropdown/utilities/index.ts
 - app/pb_kits/playbook/pb_dropdown/utilities/subComponentHelper.tsx
+- app/pb_kits/playbook/pb_empty_state/_empty_state.scss
+- app/pb_kits/playbook/pb_empty_state/_empty_state.tsx
+- app/pb_kits/playbook/pb_empty_state/docs/_empty_state_alignment.jsx
+- app/pb_kits/playbook/pb_empty_state/docs/_empty_state_default.jsx
+- app/pb_kits/playbook/pb_empty_state/docs/_empty_state_orientation.jsx
+- app/pb_kits/playbook/pb_empty_state/docs/_empty_state_size.jsx
+- app/pb_kits/playbook/pb_empty_state/docs/default_image/computer_fly_no_branding.svg
+- app/pb_kits/playbook/pb_empty_state/docs/default_image/utils.tsx
+- app/pb_kits/playbook/pb_empty_state/docs/example.yml
+- app/pb_kits/playbook/pb_empty_state/docs/index.js
+- app/pb_kits/playbook/pb_empty_state/empty_state.test.jsx
 - app/pb_kits/playbook/pb_enhanced_element/element_observer.ts
 - app/pb_kits/playbook/pb_enhanced_element/index.ts
 - app/pb_kits/playbook/pb_file_upload/_file_upload.scss
@@ -1650,6 +1670,7 @@ files:
 - app/pb_kits/playbook/pb_icon/icon.test.js
 - app/pb_kits/playbook/pb_icon_button/_icon_button.scss
 - app/pb_kits/playbook/pb_icon_button/_icon_button.tsx
+- app/pb_kits/playbook/pb_icon_button/docs/_icon_button_click.jsx
 - app/pb_kits/playbook/pb_icon_button/docs/_icon_button_default.html.erb
 - app/pb_kits/playbook/pb_icon_button/docs/_icon_button_default.jsx
 - app/pb_kits/playbook/pb_icon_button/docs/_icon_button_sizes.html.erb
@@ -1980,6 +2001,24 @@ files:
 - app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_default.md
 - app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_disabled.html.erb
 - app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_disabled.jsx
+- app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_disabled_options.html.erb
+- app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_disabled_options.jsx
+- app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_disabled_options.md
+- app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_disabled_options_default.html.erb
+- app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_disabled_options_default.jsx
+- app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_disabled_options_default.md
+- app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_disabled_options_parent.html.erb
+- app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_disabled_options_parent.jsx
+- app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_disabled_options_parent.md
+- app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_disabled_options_parent_default.html.erb
+- app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_disabled_options_parent_default.jsx
+- app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_disabled_options_parent_default.md
+- app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_error.html.erb
+- app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_error.jsx
+- app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_label.html.erb
+- app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_label.jsx
+- app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_react_hook.jsx
+- app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_react_hook.md
 - app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_reset.html.erb
 - app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_reset.md
 - app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_return_all_selected.html.erb
@@ -2002,6 +2041,7 @@ files:
 - app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_with_form.html.erb
 - app/pb_kits/playbook/pb_multi_level_select/docs/example.yml
 - app/pb_kits/playbook/pb_multi_level_select/docs/index.js
+- app/pb_kits/playbook/pb_multi_level_select/index.js
 - app/pb_kits/playbook/pb_multi_level_select/multi_level_select.html.erb
 - app/pb_kits/playbook/pb_multi_level_select/multi_level_select.rb
 - app/pb_kits/playbook/pb_multi_level_select/multi_level_select.test.jsx
@@ -2251,6 +2291,8 @@ files:
 - app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_format.html.erb
 - app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_format.jsx
 - app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_format.md
+- app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_hidden_inputs.html.erb
+- app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_hidden_inputs.md
 - app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_initial_country.html.erb
 - app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_initial_country.jsx
 - app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_initial_country.md
@@ -3125,9 +3167,9 @@ files:
 - app/pb_kits/playbook/pb_tooltip/docs/_tooltip_delay.md
 - app/pb_kits/playbook/pb_tooltip/docs/_tooltip_delay_rails.html.erb
 - app/pb_kits/playbook/pb_tooltip/docs/_tooltip_delay_rails.md
-- app/pb_kits/playbook/pb_tooltip/docs/_tooltip_icon.erb
 - app/pb_kits/playbook/pb_tooltip/docs/_tooltip_icon.jsx
 - app/pb_kits/playbook/pb_tooltip/docs/_tooltip_icon.md
+- app/pb_kits/playbook/pb_tooltip/docs/_tooltip_icon_rails.html.erb
 - app/pb_kits/playbook/pb_tooltip/docs/_tooltip_interaction.html.erb
 - app/pb_kits/playbook/pb_tooltip/docs/_tooltip_interaction.jsx
 - app/pb_kits/playbook/pb_tooltip/docs/_tooltip_interaction.md
@@ -3139,12 +3181,12 @@ files:
 - app/pb_kits/playbook/pb_tooltip/docs/_tooltip_show_tooltip.md
 - app/pb_kits/playbook/pb_tooltip/docs/_tooltip_show_tooltip_react.jsx
 - app/pb_kits/playbook/pb_tooltip/docs/_tooltip_show_tooltip_react.md
+- app/pb_kits/playbook/pb_tooltip/docs/_tooltip_sizing.html.erb
 - app/pb_kits/playbook/pb_tooltip/docs/_tooltip_sizing.jsx
 - app/pb_kits/playbook/pb_tooltip/docs/_tooltip_sizing.md
 - app/pb_kits/playbook/pb_tooltip/docs/_tooltip_with_icon_circle.html.erb
 - app/pb_kits/playbook/pb_tooltip/docs/example.yml
 - app/pb_kits/playbook/pb_tooltip/docs/index.js
-- app/pb_kits/playbook/pb_tooltip/floating_ui.js
 - app/pb_kits/playbook/pb_tooltip/index.js
 - app/pb_kits/playbook/pb_tooltip/tooltip.html.erb
 - app/pb_kits/playbook/pb_tooltip/tooltip.rb
@@ -3191,6 +3233,8 @@ files:
 - app/pb_kits/playbook/pb_typeahead/docs/_typeahead_custom_menu_list.jsx
 - app/pb_kits/playbook/pb_typeahead/docs/_typeahead_default.html.erb
 - app/pb_kits/playbook/pb_typeahead/docs/_typeahead_default.jsx
+- app/pb_kits/playbook/pb_typeahead/docs/_typeahead_disabled.html.erb
+- app/pb_kits/playbook/pb_typeahead/docs/_typeahead_disabled.jsx
 - app/pb_kits/playbook/pb_typeahead/docs/_typeahead_dynamic_options.html.erb
 - app/pb_kits/playbook/pb_typeahead/docs/_typeahead_dynamic_options.md
 - app/pb_kits/playbook/pb_typeahead/docs/_typeahead_dynamic_options_pure_rails.html.erb
@@ -3204,6 +3248,8 @@ files:
 - app/pb_kits/playbook/pb_typeahead/docs/_typeahead_margin_bottom.jsx
 - app/pb_kits/playbook/pb_typeahead/docs/_typeahead_multi_kit.html.erb
 - app/pb_kits/playbook/pb_typeahead/docs/_typeahead_multi_kit.jsx
+- app/pb_kits/playbook/pb_typeahead/docs/_typeahead_react_hook.jsx
+- app/pb_kits/playbook/pb_typeahead/docs/_typeahead_react_hook.md
 - app/pb_kits/playbook/pb_typeahead/docs/_typeahead_truncated_text.html.erb
 - app/pb_kits/playbook/pb_typeahead/docs/_typeahead_truncated_text.jsx
 - app/pb_kits/playbook/pb_typeahead/docs/_typeahead_truncated_text.md
@@ -3242,6 +3288,10 @@ files:
 - app/pb_kits/playbook/pb_user/docs/_user_block_content_subtitle_react.md
 - app/pb_kits/playbook/pb_user/docs/_user_default.html.erb
 - app/pb_kits/playbook/pb_user/docs/_user_default.jsx
+- app/pb_kits/playbook/pb_user/docs/_user_font_options.html.erb
+- app/pb_kits/playbook/pb_user/docs/_user_font_options.jsx
+- app/pb_kits/playbook/pb_user/docs/_user_font_options_rails.md
+- app/pb_kits/playbook/pb_user/docs/_user_font_options_react.md
 - app/pb_kits/playbook/pb_user/docs/_user_horizontal_swift.md
 - app/pb_kits/playbook/pb_user/docs/_user_light_weight.html.erb
 - app/pb_kits/playbook/pb_user/docs/_user_light_weight.jsx
@@ -3402,11 +3452,11 @@ files:
 - app/pb_kits/playbook/utilities/test/globalProps/truncate.test.js
 - app/pb_kits/playbook/utilities/text.ts
 - app/pb_kits/playbook/utilities/validEmojiChecker.ts
-- dist/chunks/_typeahead-BhfaW1J9.js
-- dist/chunks/_weekday_stacked-CKRIELiF.js
-- dist/chunks/lazysizes-DHz07jlL.js
-- dist/chunks/lib-5OzNgeeu.js
-- dist/chunks/pb_form_validation-DGhKbZtO.js
+- dist/chunks/_typeahead-BEyzuDQy.js
+- dist/chunks/_weekday_stacked-BWYgED9z.js
+- dist/chunks/lazysizes-B7xYodB-.js
+- dist/chunks/lib-BgzBJfYr.js
+- dist/chunks/pb_form_validation-CJD-PyIw.js
 - dist/chunks/vendor.js
 - dist/menu.yml
 - dist/playbook-doc.js

data/app/pb_kits/playbook/pb_tooltip/docs/_tooltip_icon.erb

@@ -1,10 +0,0 @@
-<%= pb_rails("icon_circle", props: { icon: "paper-plane", id: "result-1-sample-email-link" }) %>
-
-<%= pb_rails("tooltip", props: {
-  trigger_element_id: "result-1-sample-email-link",
-  tooltip_id: "sample-email-tooltip-result-1",
-  position: "top",
-  dark: true
-}) do %>
-  Send Email
-<% end %>

data/app/pb_kits/playbook/pb_tooltip/floating_ui.js

@@ -1,282 +0,0 @@
-import PbEnhancedElement from '../pb_enhanced_element'
-import { computePosition, offset, flip, shift, arrow, autoUpdate } from '@floating-ui/dom'
-
-const TOOLTIP_OFFSET = 20
-const TOOLTIP_TIMEOUT = 250
-const SAFE_ZONE_MARGIN = 1
-
-export default class PbTooltipFloatingUi extends PbEnhancedElement {
-  static get selector() {
-    return '[data-pb-tooltip-kit="true"][data-pb-tooltip-delay-open], [data-pb-tooltip-kit="true"][data-pb-tooltip-delay-close], [data-pb-tooltip-kit="true"][data-pb-tooltip-interaction="true"]'
-  }
-
-  connect() {
-    if (this.tooltipInteraction) {
-      document.addEventListener('mousemove', (e) => {
-        this.lastMouseX = e.clientX
-        this.lastMouseY = e.clientY
-      })
-    }
-    
-    this.triggerElements.forEach((trigger) => {
-      const method = this.triggerMethod
-      const interactionEnabled = this.tooltipInteraction
-
-      if (method === 'click') {
-        trigger.addEventListener('click', () => {
-          this.showTooltip(trigger)
-        })
-      } else {
-        trigger.addEventListener('mouseenter', () => {
-          clearSafeZoneListener(this)
-          clearTimeout(this.mouseleaveTimeout)
-          this.currentTrigger = trigger
-          const delayOpen = this.delayOpen ? parseInt(this.delayOpen) : TOOLTIP_TIMEOUT
-          this.mouseenterTimeout = setTimeout(() => {
-            this.showTooltip(trigger)
-            if (interactionEnabled) {
-              this.checkCloseTooltip(trigger)
-            }
-          }, delayOpen)
-        })
-
-        trigger.addEventListener('mouseleave', () => {
-          clearTimeout(this.mouseenterTimeout)
-          if (this.delayClose) {
-            const delayClose = parseInt(this.delayClose)
-            this.mouseleaveTimeout = setTimeout(() => {
-              if (interactionEnabled) {
-                this.attachSafeZoneListener()
-              } else {
-                this.hideTooltip()
-              }
-            }, delayClose)
-          } else {
-            if (interactionEnabled) {
-              this.attachSafeZoneListener()
-            } else {
-              this.hideTooltip()
-            }
-          }
-        })
-
-        if (interactionEnabled) {
-          this.tooltip.addEventListener('mouseenter', () => {
-            clearSafeZoneListener(this)
-          })
-
-          this.tooltip.addEventListener('mouseleave', () => {
-            this.attachSafeZoneListener()
-          })
-        }
-      }
-    })
-  }
-
-  attachSafeZoneListener() {
-    clearSafeZoneListener(this)
-    this.safeZoneHandler = (e) => {
-      if (!this.currentTrigger) return
-      const triggerRect = this.currentTrigger.getBoundingClientRect()
-      const tooltipRect = this.tooltip.getBoundingClientRect()
-      const safeRect = getSafeZone(triggerRect, tooltipRect, this.position, SAFE_ZONE_MARGIN)
-      if (!isPointInsideRect(e.clientX, e.clientY, safeRect)) {
-        this.hideTooltip()
-        clearSafeZoneListener(this)
-      }
-    }
-    document.addEventListener('mousemove', this.safeZoneHandler)
-  }
-
-  checkCloseTooltip(trigger) {
-    document.querySelector('body').addEventListener('click', ({ target }) => {
-      const isTooltip = target.closest(`#${this.tooltipId}`) === this.tooltip
-      const isTrigger = target.closest(this.triggerElementSelector) === trigger
-      if (isTrigger || isTooltip) {
-        this.checkCloseTooltip(trigger)
-      } else {
-        this.hideTooltip()
-      }
-    }, { once: true })
-  }
-
-  showTooltip(trigger) {
-    if (this.shouldShowTooltip === 'false') return
-
-    clearSafeZoneListener(this)
-
-    this.tooltip.style.opacity = '1'
-    this.tooltip.style.visibility = 'visible'
-    this.tooltip.style.pointerEvents = 'auto'
-
-    if (this.cleanup) {
-      this.cleanup()
-    }
-
-    const arrowElement = document.querySelector(`#${this.tooltipId}-arrow`)
-
-    this.cleanup = autoUpdate(trigger, this.tooltip, () => {
-      computePosition(trigger, this.tooltip, {
-        placement: this.position,
-        strategy: 'fixed',
-        middleware: [
-          offset({ mainAxis: TOOLTIP_OFFSET, crossAxis: 0 }),
-          flip(),
-          shift(),
-          arrow({ element: arrowElement })
-        ],
-      }).then(({ x, y, placement, middlewareData }) => {
-        Object.assign(this.tooltip.style, {
-          left: `${x}px`,
-          top: `${y}px`,
-          position: 'fixed'
-        })
-        this.tooltip.setAttribute('data-popper-placement', placement)
-        if (arrowElement && middlewareData.arrow) {
-          const { x: arrowX, y: arrowY } = middlewareData.arrow
-          Object.assign(arrowElement.style, {
-            left: arrowX != null ? `${arrowX}px` : '',
-            top: arrowY != null ? `${arrowY}px` : '',
-            position: 'absolute'
-          })
-        }
-      })
-    })
-
-    this.tooltip.classList.add('show')
-
-    if (this.triggerMethod === 'click') {
-      clearTimeout(this.autoHideTimeout)
-      this.autoHideTimeout = setTimeout(() => {
-        this.hideTooltip()
-      }, 1000)
-    }
-  }
-
-  hideTooltip() {
-    if (!this.tooltip) return
-
-    this.tooltip.classList.add('fade_out')
-    setTimeout(() => {
-      if (this.cleanup) {
-        this.cleanup()
-        this.cleanup = null
-      }
-      this.tooltip.classList.remove('show')
-      this.tooltip.classList.remove('fade_out')
-      this.tooltip.style.opacity = '0'
-      this.tooltip.style.visibility = 'hidden'
-      this.tooltip.style.pointerEvents = 'none'
-      this.tooltip.style.position = ''
-      this.tooltip.style.top = ''
-      this.tooltip.style.left = ''
-      this.tooltip.style.transform = ''
-    }, TOOLTIP_TIMEOUT)
-  }
-
-  get triggerElements() {
-    let triggerEl
-    if (this.triggerElementId) {
-      triggerEl = document.querySelector(`#${this.triggerElementId}`)
-    } else if (this.triggerElementSelector) {
-      const selectorIsId = this.triggerElementSelector.indexOf('#') > -1
-      triggerEl = selectorIsId
-        ? document.querySelector(this.triggerElementSelector)
-        : document.querySelectorAll(this.triggerElementSelector)
-    } else {
-      triggerEl = this.element
-    }
-    if (!triggerEl) {
-      console.error('Tooltip Kit: No valid trigger element found!')
-      return []
-    }
-    if (triggerEl.length === undefined) {
-      triggerEl = [triggerEl]
-    }
-    return triggerEl
-  }
-
-  get tooltip() {
-    return (this._tooltip = this._tooltip || this.element.querySelector(`#${this.tooltipId}`))
-  }
-
-  get position() {
-    return this.element.dataset.pbTooltipPosition
-  }
-
-  get triggerElementId() {
-    return this.element.dataset.pbTooltipTriggerElementId
-  }
-
-  get tooltipId() {
-    return this.element.dataset.pbTooltipTooltipId
-  }
-
-  get triggerElementSelector() {
-    return this.element.dataset.pbTooltipTriggerElementSelector
-  }
-
-  get shouldShowTooltip() {
-    return this.element.dataset.pbTooltipShowTooltip
-  }
-
-  get triggerMethod() {
-    return this.element.dataset.pbTooltipTriggerMethod || 'hover'
-  }
-
-  get tooltipInteraction() {
-    return this.element.dataset.pbTooltipInteraction === 'true'
-  }
-  
-  get delayOpen() {
-    return this.element.dataset.pbTooltipDelayOpen
-  }
-  
-  get delayClose() {
-    return this.element.dataset.pbTooltipDelayClose
-  }
-}
-
-function clearSafeZoneListener(context) {
-  if (context.safeZoneHandler) {
-    document.removeEventListener('mousemove', context.safeZoneHandler)
-    context.safeZoneHandler = null
-  }
-}
-
-function getSafeZone(triggerRect, tooltipRect, placement, margin) {
-  let safeRect = {}
-  if (placement.startsWith('top')) {
-    safeRect.left = triggerRect.left - margin
-    safeRect.right = triggerRect.right + margin
-    safeRect.top = tooltipRect.bottom - margin
-    safeRect.bottom = triggerRect.top + margin
-  } else if (placement.startsWith('bottom')) {
-    safeRect.left = triggerRect.left - margin
-    safeRect.right = triggerRect.right + margin
-    safeRect.top = triggerRect.bottom - margin
-    safeRect.bottom = tooltipRect.top + margin
-  } else if (placement.startsWith('left')) {
-    safeRect.top = triggerRect.top - margin
-    safeRect.bottom = triggerRect.bottom + margin
-    safeRect.left = tooltipRect.right - margin
-    safeRect.right = triggerRect.left + margin
-  } else if (placement.startsWith('right')) {
-    safeRect.top = triggerRect.top - margin
-    safeRect.bottom = triggerRect.bottom + margin
-    safeRect.left = triggerRect.right - margin
-    safeRect.right = tooltipRect.left + margin
-  } else {
-    safeRect = {
-      left: triggerRect.left - margin,
-      right: triggerRect.right + margin,
-      top: triggerRect.top - margin,
-      bottom: triggerRect.bottom + margin,
-    }
-  }
-  return safeRect
-}
-
-function isPointInsideRect(x, y, rect) {
-  return x >= rect.left && x <= rect.right && y >= rect.top && y <= rect.bottom
-}