# Changelog — Tabbed Content All notable changes to the Tabbed Content plugin are documented in this file. Format follows [Keep a Changelog](https://keepachangelog.com/en/1.0.0/). --- ## [1.6.0] — 2026-04-22 ### Added - `mobileMode=tap` default mode with vertical stack layout and image tap-to-advance behavior. - Mobile image swipe gestures: swipe left for next tab, swipe right for previous tab (both with wrap-around). - Mobile image accessibility for `tap` mode: `role="button"`, `aria-label="Next tab"`, and keyboard `Enter`/`Space`. - Mobile counter indicator (`2 / N`) with `mobileCounter` parameter (`auto` / `always` / `never`). ### Changed - `mobileMode` default changed from `scroll` to `tap`. - Mobile layout defaults to vertical stack (`tap`/`stack`), while `scroll` remains available for backward compatibility. --- ## [1.3.0] — 2026-03-13 ### Added - `contentBgColor` parameter — explicit background color for the content panel (defaults to `bgColor`). Used for the active-tab border-masking trick so custom panel backgrounds work correctly without overrides. ### Changed #### Architecture — True Folder-Tab Visual Pattern - **`.anavo-tc-wrapper`** background changed from `bgColor` to `transparent` — the wrapper is now an invisible positioning container, not a colored box - **`.anavo-tc-wrapper`** overflow changed from `hidden` to `visible` — allows tabs to overlap the content panel border correctly - **`.anavo-tc-tablist`** background changed from `bgColor` to `transparent`; added `position: relative; z-index: 2` so the tab bar sits above the content panel - **`.anavo-tc-tab`** (concrete/browser) inactive background changed from `bgColor` to `transparent` — closed folder tabs show the page background through them; added `z-index: 2` - **`.anavo-tc-tab[aria-selected="true"]`** (concrete/browser) `border-bottom-color` and `background` now use `contentBgColor` instead of `bgColor` — ensures the active tab's bottom border matches the content panel exactly, even when `contentBgColor` is set independently - **`.anavo-tc-tab[aria-selected="true"]`** (concrete/browser) added `z-index: 3` — active tab sits above both the tablist and the content panel - **`.anavo-tc-panels`** (concrete/browser) added `background: contentBgColor` and `z-index: 1` — the content panel is now the lowest z-index layer; its background is what the active tab's border-bottom must match - `tabGap` default changed from `8` to `6` #### Preset Defaults - `default` preset: `sectionBorder` changed from `true` to `false` - `elegant` preset: `sectionBorder` changed from `true` to `false` - `bold` preset: `sectionBorder` changed from `true` to `false` --- ## [1.2.0] — 2026-03-12 ### Fixed #### Concrete / Browser tab style — folder-tab CSS pattern corrected - **Removed** `border-bottom` from `.anavo-tc-tablist` — the full-width bottom line on the tab bar no longer exists, so gaps between tabs and the space after the last tab are now visually open (show the page background) - **Added** `border: 1px solid [tabBorderColor]` to `.anavo-tc-panels` — the content panel's top border now creates the horizontal line that runs between tabs and after the last tab, giving the correct folder-tab appearance - **Active tab** continues to use `border-bottom-color: bgColor` + `margin-bottom: -1px` to seamlessly merge with the content panel below (no visible bottom border on the active tab) - **Inactive tabs** retain a full rectangular border (top + left + right + bottom) so they look like closed folder tabs - `browser` style receives the same fix (also had the full-width tablist line issue) --- ## [1.1.0] — 2026-03-11 ### Added #### New URL Parameters - `tabStyle` — visual mode for the tab bar: `concrete` (default, file-folder style with full rectangular borders), `browser` (rounded top corners), `minimal` (underline on active tab only) - `tabGap` — gap between tabs in px (default `8`) - `tabFontColor` — font color for inactive tabs (defaults to `inactiveColor`) - `tabFontFamily` — font family specifically for tabs (defaults to `fontFamily`) - `borderColor` — general border color alias for `sectionBorderColor` - `photoSize` — image column width in % (alias for `imageWidth`) - `titleFontSize` — heading font size in px (alias for `headingSize`) - `titleFontColor` — font color for the content title (defaults to `activeColor`) - `titleFontFamily` — font family for the content title (defaults to `contentFont`) - `descFontSize` — description body font size in px (alias for `bodySize`) - `descFontColor` — font color for description text (defaults to `inactiveColor`) - `descFontFamily` — font family for description text (defaults to `contentFont`) - `imagePadding` — padding around the image inside `.anavo-tc-image-wrap` in px (default `16`) ### Changed #### Visual Redesign — File Organizer Style (concrete) - **Tab bar:** full rectangular border on all 4 sides for inactive tabs (concrete style) - **Tab bar:** `border-bottom` line runs across the full width of the tablist; active tab uses `margin-bottom: -1px` to overlap and "break" the line, creating the file-folder illusion - **Tab bar:** tabs always use horizontal scroll (`flex-wrap: nowrap; overflow-x: auto`) with hidden scrollbar - **Tab bar:** gap is now configurable via `tabGap` (default `8px`) - **Active tab:** `border-bottom-color` set to `bgColor` — hides bottom border so tab appears to open into the panel - **Browser style:** like concrete but with `border-radius: 6px 6px 0 0` (rounded tops) - **Minimal style:** no borders; active tab has `border-bottom: 2px solid activeColor` - **Presets updated:** `default` → `concrete`, `minimal` → `minimal`, `elegant` → `concrete`, `bold` → `browser` - **Image wrap:** added `padding: {imagePadding}px` and `box-sizing: border-box` for breathing room around image - **Heading color:** uses `titleFontColor` (falls back to `activeColor`) - **Heading font:** uses `titleFontFamily` (falls back to `contentFont`) - **Body color:** uses `descFontColor` (falls back to `inactiveColor`) - **Body font:** uses `descFontFamily` (falls back to `contentFont`) - **Tab color:** uses `tabFontColor` (falls back to `inactiveColor`) - **Tab font:** uses `tabFontFamily` (falls back to `fontFamily`) - **Mobile tab bar:** gap scales down based on `tabGap`; tab padding more compact --- ## [1.0.0] — 2026-03-11 ### Added #### Core Plugin - IIFE (self-contained) plugin architecture matching existing repo conventions - `document.currentScript` + `new URL(src)` + `URLSearchParams` configuration parsing - `fixColor()` helper for hex colors without leading `#` - Style injection via `document.createElement('style')` with unique style tag ID - Async, non-blocking licensing via `_shared/licensing.min.js` (delayed 1.5s) - `AnavoLicenseManager` integration with plugin name `TabbedContent` - `DOMContentLoaded` check with fallback for already-loaded documents - Console logging: `📁 TabbedContent v1.0.0 - Loading...` and `✅ TabbedContent v1.0.0 Active!` #### Targeting (4 modes) - `?sectionIndex=N` — target Nth page section (1-based) - `?sectionId=X` — target section by Squarespace `data-section-id` - `?divId=X` — target a `
` wrapper by id - `?ulId=X` — target a `