jekyll-webawesome 0.21.0 → 0.23.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 25a526401b8eb686097d354c75428eafd60dd2ea7ba35c3293ac393573c5f4bd
-  data.tar.gz: f3d8d6533c249bffefcc0a88b60eb29167f7db38ef1cf8898624a954b4e01bf1
+  metadata.gz: 3e5b606b72b91ee9d164a23906452f584c8369d83401c55e4daf2af0f8e20572
+  data.tar.gz: 3a089519d2b7e3c0b4d19f60b592f1b5875ae933009a40a07a3f0e8b2a799e3e
 SHA512:
-  metadata.gz: cfc7e9c8b52ef424ca2aff190c153c2a8bad32f51f4f7fdb16aedf05a5b2b2b168849c1797d314a48b11c3efa65d1dc7051a95c8a18697e343400d3e30d2b8f5
-  data.tar.gz: f9024f9d5645b18dabb0aa47a6abb5e3ebc22caba3636c6f93b9a33014dc25e20e7fc661d0e03dd38f890754bac4de6acc1fba184a562d2491a3b7dbbc7f7ee5
+  metadata.gz: 894e4ce8a26a12d5c754514ec098f4617caccb7a40c250e6532b28cf905813002763dc5307b45760575d685e729c824abce8ce7fa3813331ec9e3ae1380d885b
+  data.tar.gz: 709add348b0de57528eaedcfb7cd9fc2b296da5fa442546cc5a5bbe4f0ddf832256638f8bbbbf7cd3987267681043d0034982ee4a87c766a61803a79b3da52b4

data/CHANGELOG.md

@@ -4,6 +4,36 @@ All notable changes to this project will be documented in this file.
 
 The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.1.0/)
 
+## [Unreleased]
+
+## [0.23.0] - 2026-06-26
+
+### Added
+
+- Video and video playlist embedding, via markawesome's new `VideoTransformer`. A `;;;` fence wraps a single `<wa-video>` and a `;;;;;;` container wraps bare `;;;` items into a `<wa-video-playlist>` (block alternatives `:::wa-video` / `:::wa-video-playlist`). The body's first markdown link supplies the video `title`/`src` and the first image supplies the `poster`; tokens cover `controls:none|standard|full`, `preload:auto|metadata|none`, and the `autoplay`/`autoplay-muted`/`autoplay-on-visible`/`loop`/`muted` flags. The playlist's `controls` preset is forwarded to every child. Both components are Web Awesome **Pro** (experimental).
+- Example site's new `## Video` section exercises a single video (`controls:full` + poster), a `controls:standard` variant with `autoplay-muted`/`loop`, the `:::wa-video` alternative, a two-item `;;;;;;` playlist, and a `:::wa-video-playlist` alternative — all driven by a compressed 720p H.264 `test_video.mp4` + JPEG poster. Validated live in the browser against the examples kit (Pro): the `<wa-video>`/`<wa-video-playlist>` elements upgrade, `getVideoElement()` returns the native `<video>`, `src`/`poster`/`controls` reflect, the poster overlay and full controls render, and the playlist shows its item sidebar with `controls` forwarded to each child.
+- Declarative timestamps, via markawesome's new `DateTransformer`. The inline `[[[ <date> <tokens> ]]]` form renders an absolute, locale-formatted date (`<wa-format-date>`); a leading `relative` token renders a "3 days ago"-style phrase (`<wa-relative-time>`). A block alternative (`:::wa-format-date` / `:::wa-relative-time` … `:::`) is also accepted. The date value is baked into the Markdown at build time; the browser formats it via `Intl.DateTimeFormat` / `Intl.RelativeTimeFormat` with no JavaScript wiring or data fetching — ideal for blog post dates, changelog stamps, and "last updated".
+  - `style:`/`time:` presets (`short|medium|long|full`), granular overrides (`weekday`, `month`, `day`, `hour`, … plus `hour-format`, `time-zone-name`, `time-zone`), and `lang:`/`locale:` are supported; a bare date defaults to `style:long`. Relative timestamps take `format:`, `numeric:`, and a `sync` flag for live ticking. Omitting the date renders the viewer's current time.
+- Example site's new `## Dates / Timestamps` section exercises the style/time presets, a datetime with `time:` + `hour-format:24`, French/German locales, a granular override, relative times (incl. `format:short` and live `sync`), both block forms, and a no-date "current time" stamp. Validated live in the browser against the examples kit (WA 3.9.0): the components upgrade and render real formatted text in their shadow DOM — e.g. `style:full` → "Friday, June 26, 2026", `lang:fr` → "vendredi 26 juin 2026", `lang:de` → "Freitag, 26. Juni 2026", `hour-format:24` → "Jun 26, 2026, 17:30", relative → "last week" / "4 wk. ago", live `sync` → "44 minutes ago", and a no-date `time:medium` → the current "12:43:56 PM". For reference, a bare `<wa-format-date>` with no format attributes renders WA's terse numeric default ("6/26/2026"), which is why a bare date here defaults to the more readable `style:long`.
+  - Like `<wa-icon>`, both components render generated text into shadow DOM with no light-DOM fallback — with Web Awesome's JS disabled they show nothing (the same static-site caveat noted for `<wa-tag with-remove>`).
+- Aligned placements + `skidding` for popovers and tooltips, and a per-tab `disabled` flag, via markawesome's expanded `PopoverTransformer`/`TooltipTransformer`/`TabsTransformer`. `<wa-popover>`/`<wa-tooltip>` now accept all twelve Web Awesome placements (the four primary plus the eight aligned variants `top-start`, `bottom-end`, …) and a `skidding:N` token that offsets the floating element *along* its target (negative values allowed), complementing the existing `distance:N` (offset *away*). A leading `disabled` token on a `+++ ` tab item header (e.g. `+++ disabled Coming soon`) renders the tab but prevents selection, mirroring the accordion item flags.
+- Example site adds cases for each: an "Aligned Placement and Skidding" subsection in both `## Popovers` and `## Tooltips`, and a "Disabled Tab" subsection in `## Tab Groups`. Validated live in the browser against the examples kit (WA 3.9.0): the components upgrade and the attributes reflect and take effect in the live DOM — `placement="bottom-start"` anchors the popover to its trigger's start edge and `bottom-end` to the end edge; toggling `skidding` from 0 to 12 shifts the rendered popup exactly 12px along the trigger axis; the tooltip parses a negative `skidding="-4"`; and `<wa-tab disabled>` renders `aria-disabled="true"` with `tabindex="-1"`, stays non-activatable on click, and leaves the first panel showing.
+
+### Changed
+
+- Updated `markawesome` dependency to `~> 0.17`.
+
+## [0.22.0] - 2026-06-25
+
+### Added
+
+- Copy-button tooltip mode, via markawesome 0.16.0. A `tooltip:full|copy|none` token on the copy-button line controls *when* the built-in tooltip appears, distinct from the existing `tooltip-placement`: `full` (Web Awesome's default — tooltip on hover/focus plus the brief copy-success/error feedback), `copy` (silent on hover/focus; the tooltip appears only to confirm a copy), and `none` (no tooltip in any state). Combine it with a placement, e.g. `<<<top tooltip:copy`. The token is order-independent with the other copy-button parameters; invalid values are dropped and fall back to Web Awesome's default.
+- Example site's `## Copy Buttons` section gains a `### Tooltip Mode` subsection exercising `full`, `copy`, `none`, and a placement combination (`<<<top tooltip:copy`). Validated live in the browser against the examples kit (WA 3.9.0, ≥ 3.6 so `tooltip` is supported): the `tooltip` attribute reflects onto the upgraded `<wa-copy-button>`, and the rendered behavior differs as expected — `full` builds an internal `<wa-tooltip trigger="hover focus">` (opens on hover/focus, shown opening on hover in the live DOM), `copy` builds `<wa-tooltip trigger="manual">` (silent on hover/focus, copy-feedback only), `none` renders no internal tooltip at all (none on hover, confirmed live), and `<<<top tooltip:copy` carries both `tooltip-placement="top"` and `tooltip="copy"`.
+
+### Changed
+
+- Updated `markawesome` dependency to `~> 0.16`.
+
 ## [0.21.0] - 2026-06-25
 
 ### Added

data/README.md

@@ -20,7 +20,7 @@ This plugin focuses on the most commonly used Web Awesome components for Jekyll
 | **Card** | `===appearance? orientation?` | `:::wa-card appearance? orientation?` | `<wa-card appearance="filled" orientation="horizontal">content</wa-card>` |
 | **Carousel** | `~~~~~~` | `:::wa-carousel` | `<wa-carousel>` with carousel items |
 | **Comparison** | `\|\|\|` or `\|\|\|25` | `:::wa-comparison` or `:::wa-comparison 25` | `<wa-comparison>` with before/after slots |
-| **Copy Button** | `<<<placement? disabled? duration? labels?` | `:::wa-copy-button attributes?` | `<wa-copy-button value="content" tooltip-placement="right" disabled>` |
+| **Copy Button** | `<<<placement? tooltip:mode? disabled? duration? labels?` | `:::wa-copy-button attributes?` | `<wa-copy-button value="content" tooltip-placement="right" tooltip="copy" disabled>` |
 | **Details** | `^^^appearance? icon-placement?` | `:::wa-details appearance? icon-placement?` | `<wa-details appearance="..." icon-placement="...">content</wa-details>` |
 | **Dialog** | `???params?` | `:::wa-dialog params?` | `<wa-dialog>` with trigger button and content |
 | **Icon** | `$$$icon-name` | `:::wa-icon name` | `<wa-icon name="icon-name" variant="solid"></wa-icon>` |
@@ -722,6 +722,27 @@ Copy with tooltip on left
 <<<
 ```
 
+**Tooltip Mode:**
+
+Control *when* the built-in tooltip appears (`full`, `copy`, or `none`):
+```markdown
+<<<tooltip:full
+Full (default): tooltip on hover/focus plus copy feedback
+<<<
+
+<<<tooltip:copy
+Copy: silent on hover/focus; tooltip only on copy feedback
+<<<
+
+<<<tooltip:none
+None: no tooltip in any state
+<<<
+
+<<<top tooltip:copy
+Combined with a tooltip placement
+<<<
+```
+
 **Custom Labels:**
 ```markdown
 <<<copy-label="Click to copy" success-label="Copied!" error-label="Failed"

data/jekyll-webawesome.gemspec

@@ -33,7 +33,7 @@ Gem::Specification.new do |spec|
   spec.require_paths = ['lib']
 
   spec.add_dependency 'jekyll', '>= 3.7', '< 5.0'
-  spec.add_dependency 'markawesome', '~> 0.15'
+  spec.add_dependency 'markawesome', '~> 0.17'
 
   spec.add_development_dependency 'rake', '~> 13.0'
   spec.add_development_dependency 'rspec', '~> 3.0'

data/lib/jekyll/webawesome/version.rb

@@ -2,6 +2,6 @@
 
 module Jekyll
   module WebAwesome
-    VERSION = '0.21.0'
+    VERSION = '0.23.0'
   end
 end

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: jekyll-webawesome
 version: !ruby/object:Gem::Version
-  version: 0.21.0
+  version: 0.23.0
 platform: ruby
 authors:
 - Janne Waren
@@ -35,14 +35,14 @@ dependencies:
     requirements:
     - - "~>"
       - !ruby/object:Gem::Version
-        version: '0.15'
+        version: '0.17'
   type: :runtime
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
     - - "~>"
       - !ruby/object:Gem::Version
-        version: '0.15'
+        version: '0.17'
 - !ruby/object:Gem::Dependency
   name: rake
   requirement: !ruby/object:Gem::Requirement