asciidoctor-tabs 1.0.0.alpha.5 → 1.0.0.alpha.6

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 9a220a5fcabda931f52d5ca7d6fbf4b3c459eb258c6694288cd147b5db58f68b
-  data.tar.gz: 20b389528d89b8e450e06dedfc0e9dc4944c9672854a12469b4e15189dfd8868
+  metadata.gz: fd23b52dcb671b18e2fc149ff7c4c0f131acc7b36c5a83df0003c22cc341d8cd
+  data.tar.gz: 502e57c0df6a007731a21dce2f382f54ea3e940c6548e914e91aab25d233a995
 SHA512:
-  metadata.gz: 641e2de8bba5626ba461fca9b5b212769bf4175724d02f6fc56d2f891395dffdd9072aa65224530fc0ec26e84d35ff21026097aa0f57a37d7e81a957dbf14c6d
-  data.tar.gz: 5d723e02e0b9a4255715ee4daae0502900a1598e804dbf08801dd9e7acc91a78e2c3b9451a95a4b1d1d6a1060e41ef2c91d6527c3b3e278940f8b27045f41d0a
+  metadata.gz: 41ddf35603690caa50d3685eb398ebbfd65ecc13630827731ec11493667a2bcd4db8616e530ae11cb8f05fa450d258b9e734ad4ee10fbe1bcaaf1c256ee681e7
+  data.tar.gz: ac3f2b5a3d44a8209436955dd5ebb74eff9e2bfbc0f107e572488859de78cb133817db3c5362c09198aee71b9381dfa56646e036ebd885b5cf05231b23231a7b

data/CHANGELOG.adoc

@@ -4,6 +4,23 @@
 This document provides a curated view of the changes to Asciidoctor Tabs per release.
 For a detailed view of what has changed, refer to the {url-repo}/commits/main[commit history] on GitHub.
 
+== 1.0.0-alpha.6 (2022-11-16) - @mojavelinux
+
+=== Added
+
+* Honor title on tabs block; apply normal subs to it (#26)
+* Clear location hash (URL fragment) when a tab is clicked (#24)
+* Register ref for each tab so its ID can be used as target of xref (#24)
+* Activate tab when selected from an internal xref (#24)
+
+=== Fixed
+
+* Decode fragment from URL so it can be matched against tab ID (#27)
+
+=== Details
+
+{url-repo}/releases/tag/v1.0.0-alpha.6[git tag] | {url-repo}/compare/v1.0.0-alpha.5\...v1.0.0-alpha.6[full diff]
+
 == 1.0.0-alpha.5 (2022-10-23) - @mojavelinux
 
 === Added

data/README.adoc

@@ -1,6 +1,6 @@
 = Asciidoctor Tabs
 Dan Allen <https://github.com/mojavelinux[@mojavelinux]>
-v1.0.0-alpha.5, 2022-10-23
+v1.0.0-alpha.6, 2022-11-16
 :idprefix:
 :idseparator: -
 ifndef::env-github[:icons: font]

data/data/js/tabs.js

@@ -2,8 +2,11 @@
 ;(function () {
   'use strict'
 
-  var hash = window.location.hash
-  find('.tabset').forEach(function (tabset) {
+  var tabsets = find('.tabset')
+  if (!tabsets.length) return
+  var fragment = decodeFragment(window.location.hash)
+
+  tabsets.forEach(function (tabset) {
     var active
     var tabs = tabset.querySelector('.tabs')
     if (tabs) {
@@ -14,7 +17,7 @@
         var pane = tabset.querySelector('.tab-pane[aria-labelledby~="' + id + '"]')
         if (!pane) return
         if (!idx) first = { tab: tab, pane: pane }
-        if (!active && hash === '#' + id && (active = true)) {
+        if (!active && fragment === id && (active = true)) {
           tab.classList.add('is-active')
           if (pane) pane.classList.add('is-active')
         } else if (!idx) {
@@ -31,15 +34,36 @@
     tabset.classList.remove('is-loading')
   })
 
+  tabsets = undefined
+  window.addEventListener('hashchange', onHashChange)
+
   function activateTab (e) {
     var tab = this.tab
     var pane = this.pane
     find('.tabs li, .tab-pane', this.tabset).forEach(function (it) {
       it === tab || it === pane ? it.classList.add('is-active') : it.classList.remove('is-active')
     })
+    if (!e) return
+    var hashIdx = window.location.hash ? window.location.href.indexOf('#') : -1
+    if (~hashIdx) window.history.replaceState(null, '', window.location.href.slice(0, hashIdx))
     e.preventDefault()
   }
 
+  function decodeFragment (hash) {
+    return hash && (~hash.indexOf('%') ? decodeURIComponent(hash.slice(1)) : hash.slice(1))
+  }
+
+  function onHashChange () {
+    var id = decodeFragment(window.location.hash)
+    if (!id) return
+    var tab = document.getElementById(id)
+    if (!(tab && document.querySelector('.tabset .tabs [id="' + id + '"]'))) return
+    if (tab.tagName === 'A') tab = tab.parentNode
+    var tabset = tab.closest('.tabset')
+    var pane = tabset.querySelector('.tab-pane[aria-labelledby~="' + id + '"]')
+    activateTab.call({ tabset: tabset, tab: tab, pane: pane })
+  }
+
   function find (selector, from) {
     return Array.prototype.slice.call((from || document).querySelectorAll(selector))
   }

data/lib/asciidoctor/tabs/block.rb

@@ -19,6 +19,9 @@ module Asciidoctor
         tabset_number = doc.counter 'tabset-number'
         tabs_id = attrs['id'] || (generate_id %(tabset #{tabset_number}), doc)
         parent << (create_html_fragment parent, %(<div id="#{tabs_id}" class="tabset is-loading">))
+        if (title = attrs['title'])
+          parent << (create_html_fragment parent, %(<div class="title">#{parent.apply_subs title}</div>))
+        end
         (tabs = create_list parent, :ulist).add_role 'tabs'
         panes = {}
         set_id_on_tab = (doc.backend == 'html5') || (list_item_supports_id? doc)
@@ -26,7 +29,9 @@ module Asciidoctor
           tab_ids = labels.map do |tab|
             tabs << tab
             tab_id = generate_id tab.text, doc, tabs_id
-            set_id_on_tab ? (tab.id = tab_id) : (tab.text = %([[#{tab_id}]]#{tab.instance_variable_get :@text}))
+            tab_source_text = tab.instance_variable_get :@text
+            set_id_on_tab ? (tab.id = tab_id) : (tab.text = %([[#{tab_id}]]#{tab_source_text}))
+            (doc.register :refs, [tab_id, tab]).set_attr 'reftext', tab_source_text
             tab_id
           end
           if content

data/lib/asciidoctor/tabs/version.rb

@@ -2,6 +2,6 @@
 
 module Asciidoctor
   module Tabs
-    VERSION = '1.0.0.alpha.5'
+    VERSION = '1.0.0.alpha.6'
   end
 end

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: asciidoctor-tabs
 version: !ruby/object:Gem::Version
-  version: 1.0.0.alpha.5
+  version: 1.0.0.alpha.6
 platform: ruby
 authors:
 - Dan Allen
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2022-10-23 00:00:00.000000000 Z
+date: 2022-11-16 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: asciidoctor