30 commits

Author	SHA1	Message	Date
alistair3149	421c42b6f0	feat: change tab when URL hash matches one of the tabs ... Added an event listener to watch for hash change after the page is loaded. If the hash matches a tabber tab, it will emit a tab click to switch the tab. Closes: #150	2024-07-03 13:26:16 -04:00
alistair3149	d453adde07	fix: URL hash should be escaped when used as selector	2024-07-03 13:09:11 -04:00
alistair3149	ee54cc1bb3	perf: set active tab by hash on builder phase ... Instead of setting first tab as the initial active tab the set the active tab from the URL, just set it from the beginning. This can save a lot of code and makes it more maintainable.	2024-06-23 16:28:29 -04:00
alistair3149	05e95d880d	perf: only attach resize observer for active tabpanel when it is in viewport	2024-06-23 15:38:27 -04:00
alistair3149	72adfbc74e	fix: attach resize observer properly to current active tabpanel ... This should finally fix #137	2024-06-23 15:31:44 -04:00
alistair3149	8a88a43d58	fix: make sure that init functions are run sequentially ... Also fix the bug where the page does not scroll to the active tab on load by href. It was introduced with the commit related to #133. Closes: #148	2024-06-20 14:44:20 -04:00
alistair3149	35ffe555c0	perf: merge activeTabpanel resize observer into the main resizeObserver	2024-06-07 14:53:48 -04:00
alistair3149	a414d2df70	perf: only use one resizeObserver for header overflow	2024-06-07 14:20:41 -04:00
alistair3149	0177715f2b	fix: use resizeObserver on active tabpanel instead	2024-06-06 16:54:31 -04:00
alistair3149	8b39e9e970	fix: refresh Tabber height when it comes into viewport ... Fixes: #137	2024-06-06 15:07:55 -04:00
alistair3149	d150b9e3e9	fix: prepend tabber ID with prefix to avoid conflict with existing header	2024-06-03 13:21:04 -04:00
alistair3149	0904298948	feat: add screen reader text to navigation button	2024-06-02 14:02:34 -04:00
alistair3149	7e921a4a3a	fix: set tabindex -1 on hidden tabs	2024-06-02 14:00:36 -04:00
alistair3149	ac27855dec	feat: add home and end key shortcuts on tablist	2024-06-02 13:53:44 -04:00
alistair3149	20e88b8b5a	fix: incorrect tab colors	2024-06-02 13:53:44 -04:00
alistair3149	def11349b1	fix: do not unobserve tabber	2024-05-26 22:29:20 -04:00
alistair3149	dfff2946c1	refactor: use CSS variables	2024-05-26 21:54:52 -04:00
alistair3149	2819ba83a9	perf: detach event listeners when not needed	2024-05-26 21:54:17 -04:00
alistair3149	783199016d	refactor: remove unnessecary styles	2024-05-26 17:17:26 -04:00
alistair3149	032aef7989	fix: do not use passive scroll event listener for tab header ... The buttons and indicator are all depending on it	2024-05-25 23:00:06 -04:00
alistair3149	476af1352b	refactor: separate classes into other files	2024-05-25 16:38:57 -04:00
alistair3149	bbde0ae7bd	feat: add keyboard navigation to tabs	2024-05-25 16:20:59 -04:00
alistair3149	78a987d7c1	refactor: drop spread syntax for iterating nodeList	2024-05-25 15:40:10 -04:00
alistair3149	b4b66b8172	feat: improve handling of animation	2024-05-25 15:27:47 -04:00
alistair3149	a66f6e604f	feat: use skeleton screen as transclude load animation	2024-05-25 03:40:39 -04:00
alistair3149	0a3b30504d	fix: incorrect selector for hiding tabpanel in init	2024-05-25 03:07:49 -04:00
alistair3149	8d410dfb49	refactor: use init module instead of inline style for skeleton screen	2024-05-25 03:02:18 -04:00
alistair3149	6ad24645e9	feat: use button elements instead of div for header navigations	2024-05-25 02:42:22 -04:00
alistair3149	6d09429849	fix: attach tabber--live class after tabber has finished init	2024-05-25 00:42:40 -04:00
alistair3149	bb110c6d98	feat: rewrite Javascript implementation ... To ensure easier development and maintenance, IE support is dropped to allow modern Javascript features. The old tabber module is rewritten into newer standard and using classes to ensure proper scoping.	2024-05-25 00:33:22 -04:00