primer_view_components 0.43.4 → 0.43.6

data/app/components/primer/alpha/tool_tip.js

@@ -9,7 +9,7 @@ var __classPrivateFieldSet = (this && this.__classPrivateFieldSet) || function (
     if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot write private member to an object whose class did not declare it");
     return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
 };
-var _ToolTipElement_instances, _ToolTipElement_abortController, _ToolTipElement_align, _ToolTipElement_side, _ToolTipElement_allowUpdatePosition, _ToolTipElement_showReason, _ToolTipElement_update, _ToolTipElement_updateControlReference, _ToolTipElement_updateDirection, _ToolTipElement_updatePosition;
+var _ToolTipElement_instances, _ToolTipElement_abortController, _ToolTipElement_align, _ToolTipElement_side, _ToolTipElement_allowUpdatePosition, _ToolTipElement_showReason, _ToolTipElement_update, _ToolTipElement_updateControl, _ToolTipElement_updateControlReference, _ToolTipElement_updateDirection, _ToolTipElement_updatePosition;
 import '@oddbird/popover-polyfill';
 import { getAnchoredPosition } from '@primer/behaviors';
 const isPopoverOpen = (() => {
@@ -233,26 +233,7 @@ class ToolTipElement extends HTMLElement {
         }
         __classPrivateFieldGet(this, _ToolTipElement_instances, "m", _ToolTipElement_update).call(this, false);
         __classPrivateFieldSet(this, _ToolTipElement_allowUpdatePosition, true, "f");
-        if (!this.control)
-            return;
-        this.setAttribute('role', 'tooltip');
-        __classPrivateFieldGet(this, _ToolTipElement_abortController, "f")?.abort();
-        __classPrivateFieldSet(this, _ToolTipElement_abortController, new AbortController(), "f");
-        const { signal } = __classPrivateFieldGet(this, _ToolTipElement_abortController, "f");
-        this.addEventListener('mouseleave', this, { signal });
-        this.addEventListener('toggle', this, { signal });
-        this.control.addEventListener('mouseenter', this, { signal });
-        this.control.addEventListener('mouseleave', this, { signal });
-        this.control.addEventListener('focus', this, { signal });
-        this.control.addEventListener('mousedown', this, { signal });
-        // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-        // @ts-ignore popoverTargetElement is not in the type definition
-        this.control.popoverTargetElement?.addEventListener('beforetoggle', this, {
-            signal,
-        });
-        this.ownerDocument.addEventListener('focusout', focusOutListener);
-        this.ownerDocument.addEventListener('focusin', focusInListener);
-        this.ownerDocument.addEventListener('keydown', this, { signal, capture: true });
+        __classPrivateFieldGet(this, _ToolTipElement_instances, "m", _ToolTipElement_updateControl).call(this);
     }
     disconnectedCallback() {
         tooltips.delete(this);
@@ -296,7 +277,10 @@ class ToolTipElement extends HTMLElement {
     attributeChangedCallback(name) {
         if (!this.isConnected)
             return;
-        if (name === 'id' || name === 'data-type') {
+        if (name === 'for') {
+            __classPrivateFieldGet(this, _ToolTipElement_instances, "m", _ToolTipElement_updateControl).call(this);
+        }
+        else if (name === 'id' || name === 'data-type') {
             __classPrivateFieldGet(this, _ToolTipElement_instances, "m", _ToolTipElement_updateControlReference).call(this);
         }
         else if (name === 'data-direction') {
@@ -316,6 +300,27 @@ _ToolTipElement_abortController = new WeakMap(), _ToolTipElement_align = new Wea
         this.classList.remove(...DIRECTION_CLASSES);
         this.classList.add(TOOLTIP_SR_ONLY_CLASS);
     }
+}, _ToolTipElement_updateControl = function _ToolTipElement_updateControl() {
+    if (!this.control)
+        return;
+    this.setAttribute('role', 'tooltip');
+    __classPrivateFieldGet(this, _ToolTipElement_abortController, "f")?.abort();
+    __classPrivateFieldSet(this, _ToolTipElement_abortController, new AbortController(), "f");
+    const { signal } = __classPrivateFieldGet(this, _ToolTipElement_abortController, "f");
+    this.addEventListener('mouseleave', this, { signal });
+    this.addEventListener('toggle', this, { signal });
+    this.control.addEventListener('mouseenter', this, { signal });
+    this.control.addEventListener('mouseleave', this, { signal });
+    this.control.addEventListener('focus', this, { signal });
+    this.control.addEventListener('mousedown', this, { signal });
+    // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+    // @ts-ignore popoverTargetElement is not in the type definition
+    this.control.popoverTargetElement?.addEventListener('beforetoggle', this, {
+        signal,
+    });
+    this.ownerDocument.addEventListener('focusout', focusOutListener);
+    this.ownerDocument.addEventListener('focusin', focusInListener);
+    this.ownerDocument.addEventListener('keydown', this, { signal, capture: true });
 }, _ToolTipElement_updateControlReference = function _ToolTipElement_updateControlReference() {
     if (!this.id || !this.control)
         return;
@@ -431,7 +436,7 @@ _ToolTipElement_abortController = new WeakMap(), _ToolTipElement_align = new Wea
     }
     this.classList.add(`tooltip-${direction}`);
 };
-ToolTipElement.observedAttributes = ['data-type', 'data-direction', 'id'];
+ToolTipElement.observedAttributes = ['data-type', 'data-direction', 'id', 'for'];
 if (!window.customElements.get('tool-tip')) {
     window.ToolTipElement = ToolTipElement;
     window.customElements.define('tool-tip', ToolTipElement);

data/app/components/primer/alpha/tool_tip.ts

@@ -234,28 +234,7 @@ class ToolTipElement extends HTMLElement {
     this.#update(false)
     this.#allowUpdatePosition = true
 
-    if (!this.control) return
-
-    this.setAttribute('role', 'tooltip')
-
-    this.#abortController?.abort()
-    this.#abortController = new AbortController()
-    const {signal} = this.#abortController
-
-    this.addEventListener('mouseleave', this, {signal})
-    this.addEventListener('toggle', this, {signal})
-    this.control.addEventListener('mouseenter', this, {signal})
-    this.control.addEventListener('mouseleave', this, {signal})
-    this.control.addEventListener('focus', this, {signal})
-    this.control.addEventListener('mousedown', this, {signal})
-    // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-    // @ts-ignore popoverTargetElement is not in the type definition
-    this.control.popoverTargetElement?.addEventListener('beforetoggle', this, {
-      signal,
-    })
-    this.ownerDocument.addEventListener('focusout', focusOutListener)
-    this.ownerDocument.addEventListener('focusin', focusInListener)
-    this.ownerDocument.addEventListener('keydown', this, {signal, capture: true})
+    this.#updateControl()
   }
 
   disconnectedCallback() {
@@ -303,7 +282,7 @@ class ToolTipElement extends HTMLElement {
     }
   }
 
-  static observedAttributes = ['data-type', 'data-direction', 'id']
+  static observedAttributes = ['data-type', 'data-direction', 'id', 'for']
 
   #update(isOpen: boolean) {
     if (isOpen) {
@@ -321,13 +300,40 @@ class ToolTipElement extends HTMLElement {
   attributeChangedCallback(name: string) {
     if (!this.isConnected) return
 
-    if (name === 'id' || name === 'data-type') {
+    if (name === 'for') {
+      this.#updateControl()
+    } else if (name === 'id' || name === 'data-type') {
       this.#updateControlReference()
     } else if (name === 'data-direction') {
       this.#updateDirection()
     }
   }
 
+  #updateControl() {
+    if (!this.control) return
+
+    this.setAttribute('role', 'tooltip')
+
+    this.#abortController?.abort()
+    this.#abortController = new AbortController()
+    const {signal} = this.#abortController
+
+    this.addEventListener('mouseleave', this, {signal})
+    this.addEventListener('toggle', this, {signal})
+    this.control.addEventListener('mouseenter', this, {signal})
+    this.control.addEventListener('mouseleave', this, {signal})
+    this.control.addEventListener('focus', this, {signal})
+    this.control.addEventListener('mousedown', this, {signal})
+    // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+    // @ts-ignore popoverTargetElement is not in the type definition
+    this.control.popoverTargetElement?.addEventListener('beforetoggle', this, {
+      signal,
+    })
+    this.ownerDocument.addEventListener('focusout', focusOutListener)
+    this.ownerDocument.addEventListener('focusin', focusInListener)
+    this.ownerDocument.addEventListener('keydown', this, {signal, capture: true})
+  }
+
   #updateControlReference() {
     if (!this.id || !this.control) return
     if (this.type === 'label') {

data/app/components/primer/beta/relative_time.rb

@@ -102,6 +102,7 @@ module Primer
       # @param lang [String] The language to use.
       # @param title [String] Provide a custom title to the element.
       # @param no_title [Boolean] Removes the `title` attribute provided on the element by default.
+      # @param aria_hidden [Boolean] Set if the element is hidden or not.
       # @param system_arguments [Hash] <%= link_to_system_arguments_docs %>
       def initialize(
         datetime:,
@@ -122,6 +123,7 @@ module Primer
         lang: nil,
         title: nil,
         no_title: false,
+        aria_hidden: nil,
         **system_arguments
       )
         @system_arguments = deny_tag_argument(**system_arguments)
@@ -143,6 +145,7 @@ module Primer
         @system_arguments[:lang] = lang if lang.present?
         @system_arguments[:format] = fetch_or_fallback(FORMAT_OPTIONS, format, FORMAT_DEFAULT) if format.present?
         @system_arguments[:"format-style"] = format_style if format_style.present?
+        @system_arguments[:"aria-hidden"] = aria_hidden if aria_hidden.present?
         if datetime.present? && datetime.respond_to?(:iso8601)
           @datetime = datetime
           @system_arguments[:datetime] = datetime.iso8601

data/app/lib/primer/experimental_slot_helpers.rb

@@ -13,7 +13,7 @@ module Primer
         slot_def = registered_slots[slot_name]
         raise "Unknown slot '#{slot_name}'" unless slot_def
 
-        poly_def = define_slot(
+        poly_def = __vc_define_slot(
           type,
           collection: slot_def[:collection],
           callable: callable
@@ -22,7 +22,7 @@ module Primer
         registered_slots[slot_name][:renderable_hash][type] = poly_def
 
         define_method(:"with_#{type}") do |**system_arguments, &block|
-          set_slot(slot_name, poly_def, **system_arguments, &block)
+          __vc_set_slot(slot_name, poly_def, **system_arguments, &block)
         end
       end
     end

data/lib/primer/view_components/version.rb

@@ -6,7 +6,7 @@ module Primer
     module VERSION
       MAJOR = 0
       MINOR = 43
-      PATCH = 4
+      PATCH = 6
 
       STRING = [MAJOR, MINOR, PATCH].join(".")
     end

data/static/arguments.json

@@ -4571,6 +4571,12 @@
         "default": "`false`",
         "description": "Removes the `title` attribute provided on the element by default."
       },
+      {
+        "name": "aria_hidden",
+        "type": "Boolean",
+        "default": "`nil`",
+        "description": "Set if the element is hidden or not."
+      },
       {
         "name": "system_arguments",
         "type": "Hash",

data/static/info_arch.json

@@ -15256,6 +15256,12 @@
         "default": "`false`",
         "description": "Removes the `title` attribute provided on the element by default."
       },
+      {
+        "name": "aria_hidden",
+        "type": "Boolean",
+        "default": "`nil`",
+        "description": "Set if the element is hidden or not."
+      },
       {
         "name": "system_arguments",
         "type": "Hash",

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: primer_view_components
 version: !ruby/object:Gem::Version
-  version: 0.43.4
+  version: 0.43.6
 platform: ruby
 authors:
 - GitHub Open Source
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2025-06-18 00:00:00.000000000 Z
+date: 2025-07-25 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: actionview
@@ -61,7 +61,7 @@ dependencies:
         version: '3.1'
     - - "<"
       - !ruby/object:Gem::Version
-        version: '4.0'
+        version: '5.0'
   type: :runtime
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
@@ -71,7 +71,7 @@ dependencies:
         version: '3.1'
     - - "<"
       - !ruby/object:Gem::Version
-        version: '4.0'
+        version: '5.0'
 description:
 email:
 - opensource+primer_view_components@github.com