@taprootio/espalier 4.20.1 → 4.20.2

package/dist/details/esp-details.js

@@ -1,4 +1,4 @@
-var d=function(i,e,o,s){var t=arguments.length,r=t<3?e:s===null?s=Object.getOwnPropertyDescriptor(e,o):s,n;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")r=Reflect.decorate(i,e,o,s);else for(var l=i.length-1;l>=0;l--)(n=i[l])&&(r=(t<3?n(r):t>3?n(e,o,r):n(e,o))||r);return t>3&&r&&Object.defineProperty(e,o,r),r};import{css as h,html as f}from"lit";import{customElement as b,property as c}from"lit/decorators.js";import{EspalierElementBase as m}from"../shared/esp-element-base.js";import{ESP_EVENTS as u}from"../shared/events.js";import{disabledControl as v}from"../shared/style-fragments.js";let a=class extends m{constructor(){super(...arguments),this.summary="",this.open=!1,this.disabled=!1,this._toggleFromClick=!1}close(){this.open=!1}getScrollParent(){let e=this.assignedSlot?.parentElement??(this.parentNode instanceof ShadowRoot?this.parentNode.host:this.parentElement);for(;e&&e!==document.documentElement;){const s=getComputedStyle(e).overflowY;if((s==="auto"||s==="scroll")&&e.scrollHeight>e.clientHeight)return e;e=e.assignedSlot?.parentElement??(e.parentNode instanceof ShadowRoot?e.parentNode.host:e.parentElement)}return null}handleToggle(e){const o=e.target;if(this.disabled){o.open=this.open;return}if(this._toggleFromClick){this._toggleFromClick=!1;return}this.open=o.open,this.dispatchEvent(new CustomEvent(u.DETAILS_TOGGLE,{detail:{open:this.open},bubbles:!0,composed:!0}))}handleSummaryClick(e){if(e.preventDefault(),this.disabled)return;const o=e.currentTarget,s=o.getBoundingClientRect().top,t=this.getScrollParent(),r=t?t.scrollTop:window.scrollY;this._toggleFromClick=!0,this.open=!this.open,this.updateComplete.then(()=>{this._toggleFromClick=!1,this.dispatchEvent(new CustomEvent(u.DETAILS_TOGGLE,{detail:{open:this.open},bubbles:!0,composed:!0}));const l=o.getBoundingClientRect().top-s;if(Math.abs(l)>1)if(t){const p=t.scrollTop;Math.abs(p-r)>1&&(t.scrollTop=r)}else{const p=window.scrollY;Math.abs(p-r)>1&&window.scrollBy(0,l)}})}render(){return f`
+var d=function(i,e,o,s){var t=arguments.length,r=t<3?e:s===null?s=Object.getOwnPropertyDescriptor(e,o):s,n;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")r=Reflect.decorate(i,e,o,s);else for(var l=i.length-1;l>=0;l--)(n=i[l])&&(r=(t<3?n(r):t>3?n(e,o,r):n(e,o))||r);return t>3&&r&&Object.defineProperty(e,o,r),r};import{css as h,html as f}from"lit";import{customElement as b,property as p}from"lit/decorators.js";import{EspalierElementBase as m}from"../shared/esp-element-base.js";import{ESP_EVENTS as u}from"../shared/events.js";import{disabledControl as v}from"../shared/style-fragments.js";let a=class extends m{constructor(){super(...arguments),this.summary="",this.open=!1,this.disabled=!1,this._toggleFromClick=!1}close(){this.open=!1}getScrollParent(){let e=this.assignedSlot?.parentElement??(this.parentNode instanceof ShadowRoot?this.parentNode.host:this.parentElement);for(;e&&e!==document.documentElement;){const s=getComputedStyle(e).overflowY;if((s==="auto"||s==="scroll")&&e.scrollHeight>e.clientHeight)return e;e=e.assignedSlot?.parentElement??(e.parentNode instanceof ShadowRoot?e.parentNode.host:e.parentElement)}return null}handleToggle(e){const o=e.target;if(this.disabled){o.open=this.open;return}if(this._toggleFromClick){this._toggleFromClick=!1;return}this.open=o.open,this.dispatchEvent(new CustomEvent(u.DETAILS_TOGGLE,{detail:{open:this.open},bubbles:!0,composed:!0}))}handleSummaryClick(e){if(e.preventDefault(),this.disabled)return;const o=e.currentTarget,s=o.getBoundingClientRect().top,t=this.getScrollParent(),r=t?t.scrollTop:window.scrollY;this._toggleFromClick=!0,this.open=!this.open,this.updateComplete.then(()=>{this._toggleFromClick=!1,this.dispatchEvent(new CustomEvent(u.DETAILS_TOGGLE,{detail:{open:this.open},bubbles:!0,composed:!0}));const l=o.getBoundingClientRect().top-s;if(Math.abs(l)>1)if(t){const c=t.scrollTop;Math.abs(c-r)>1&&(t.scrollTop=r)}else{const c=window.scrollY;Math.abs(c-r)>1&&window.scrollBy(0,l)}})}render(){return f`
       <details ?open=${this.open} @toggle=${this.handleToggle}>
         <summary @click=${this.handleSummaryClick}>
           <span class="indicator"></span>
@@ -11,6 +11,8 @@ var d=function(i,e,o,s){var t=arguments.length,r=t<3?e:s===null?s=Object.getOwnP
     `}};a.styles=[...m.styles,v(":host([disabled]) summary"),h`
       :host {
         display: block;
+        
+        min-inline-size: 0;
         overflow-anchor: none;
         --_esp-details-resolved-summary-hover-background: var(
           --esp-details-color-summary-hover-background,
@@ -88,9 +90,13 @@ var d=function(i,e,o,s){var t=arguments.length,r=t<3?e:s===null?s=Object.getOwnP
 
       .summary-text {
         flex: 1;
+        min-inline-size: 0;
+        overflow-wrap: break-word;
       }
 
       .content {
+        
+        overflow-x: auto;
         padding: var(--esp-details-size-padding, var(--esp-size-padding));
         font-family: var(
           --_esp-font-body-effective,
@@ -119,4 +125,4 @@ var d=function(i,e,o,s){var t=arguments.length,r=t<3?e:s===null?s=Object.getOwnP
       :host([in-group]:last-of-type) details {
         border-bottom: none;
       }
-    `],d([c({type:String})],a.prototype,"summary",void 0),d([c({type:Boolean,reflect:!0})],a.prototype,"open",void 0),d([c({type:Boolean,reflect:!0})],a.prototype,"disabled",void 0),a=d([b("esp-details")],a);export{a as EspalierDetails};
+    `],d([p({type:String})],a.prototype,"summary",void 0),d([p({type:Boolean,reflect:!0})],a.prototype,"open",void 0),d([p({type:Boolean,reflect:!0})],a.prototype,"disabled",void 0),a=d([b("esp-details")],a);export{a as EspalierDetails};

package/licenses/ASSET_PROVENANCE.md

@@ -11,6 +11,7 @@ removing, or replacing non-code assets.
 | `css/fonts/*.css`, `css/fonts/font-definitions.json` | Generated Google Fonts preview CSS and catalog with per-family notices generated from upstream Google Fonts metadata links. | `licenses/GOOGLE_FONTS_NOTICES.md` |
 | `css/fonts/font-fallback-profiles.json` | Variant metrics derived from `@capsizecss/metrics` with `@capsizecss/core`, serialized by Taproot's deterministic maintainer generator. | `licenses/THIRD_PARTY_NOTICES.md` |
 | `assets/shell-fonts.css`, `assets/shell-fonts/**` | Docs-only self-hosted Quicksand, Oswald, and Sometype Mono WOFF2 subsets under OFL 1.1, downloaded once from the Google Fonts css2 endpoint and checked in so the documentation shell never calls Google at runtime. | `licenses/THIRD_PARTY_NOTICES.md` |
+| `assets/theme-gallery-fonts.css`, `assets/theme-gallery-fonts/**` | Docs-only self-hosted Google Fonts WOFF2 subsets (OFL 1.1), generated by `scripts/build-theme-gallery-fonts.ts`; upstream URLs and SHA-256 hashes in `sources.json`. | `licenses/THIRD_PARTY_NOTICES.md` |
 | `assets/icons.svg` | Tabler-derived SVG symbols plus Taproot-owned logo symbol. | `licenses/THIRD_PARTY_NOTICES.md` |
 | `*.ts` | Inline Tabler-style SVG templates and Taproot rendering helpers. | `licenses/THIRD_PARTY_NOTICES.md` |
 | `dist/shared/virtualizer/**` | Vendored Lit Virtualizer runtime source compiled into Espalier's package. | `licenses/THIRD_PARTY_NOTICES.md` |

package/licenses/THIRD_PARTY_NOTICES.md

@@ -231,3 +231,12 @@ INCLUDING ANY GENERAL, SPECIAL, INDIRECT, INCIDENTAL, OR CONSEQUENTIAL
 DAMAGES, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
 FROM, OUT OF THE USE OR INABILITY TO USE THE FONT SOFTWARE OR FROM
 OTHER DEALINGS IN THE FONT SOFTWARE.
+
+## Documentation theme gallery fonts
+
+The documentation theme gallery self-hosts Google Fonts under the SIL Open
+Font License 1.1. Each family's original copyright and complete license notice
+is distributed beside its WOFF2 files in `assets/theme-gallery-fonts/*-OFL.txt`.
+Exact upstream URLs and SHA-256 checksums are recorded in
+`assets/theme-gallery-fonts/sources.json`. The font bytes are unmodified.
+These assets are documentation-only and are excluded from the npm package.

package/licenses/asset-provenance.json

@@ -1,6 +1,6 @@
 {
   "schemaVersion": 1,
-  "updatedAt": "2026-08-28",
+  "updatedAt": "2026-09-27",
   "entries": [
     {
       "id": "google-font-preview-assets",
@@ -398,6 +398,47 @@
         "licenses/THIRD_PARTY_NOTICES.md"
       ],
       "reviewStatus": "documented"
+    },
+    {
+      "id": "docs-theme-gallery-fonts",
+      "paths": [
+        "assets/theme-gallery-fonts.css",
+        "assets/theme-gallery-fonts/**"
+      ],
+      "assetType": "self-hosted Google Font WOFF2 faces and OFL notices",
+      "classification": "third-party open font",
+      "owner": "Google Fonts family authors, identified in the accompanying per-family OFL notices",
+      "source": "Google Fonts css2 and google/fonts repository; exact URLs and SHA-256 hashes in assets/theme-gallery-fonts/sources.json",
+      "license": "SIL Open Font License 1.1",
+      "transformations": [
+        "Fetched Latin and Latin-ext WOFF2 subsets without modifying the font bytes",
+        "Rewrote stylesheet URLs to same-origin assets; generated by scripts/build-theme-gallery-fonts.ts"
+      ],
+      "packageInclusion": "excluded; docs-only assets",
+      "docsInclusion": "theme gallery and persisted documentation theme selections",
+      "noticeRequirement": "required",
+      "noticePaths": [
+        "licenses/THIRD_PARTY_NOTICES.md",
+        "assets/theme-gallery-fonts/archivo-black-OFL.txt",
+        "assets/theme-gallery-fonts/barlow-condensed-OFL.txt",
+        "assets/theme-gallery-fonts/bitter-OFL.txt",
+        "assets/theme-gallery-fonts/bodoni-moda-OFL.txt",
+        "assets/theme-gallery-fonts/dm-sans-OFL.txt",
+        "assets/theme-gallery-fonts/fraunces-OFL.txt",
+        "assets/theme-gallery-fonts/fredoka-OFL.txt",
+        "assets/theme-gallery-fonts/ibm-plex-sans-OFL.txt",
+        "assets/theme-gallery-fonts/ibm-plex-serif-OFL.txt",
+        "assets/theme-gallery-fonts/inter-OFL.txt",
+        "assets/theme-gallery-fonts/lora-OFL.txt",
+        "assets/theme-gallery-fonts/manrope-OFL.txt",
+        "assets/theme-gallery-fonts/nunito-OFL.txt",
+        "assets/theme-gallery-fonts/playfair-display-OFL.txt",
+        "assets/theme-gallery-fonts/sora-OFL.txt",
+        "assets/theme-gallery-fonts/space-grotesk-OFL.txt",
+        "assets/theme-gallery-fonts/space-mono-OFL.txt",
+        "assets/theme-gallery-fonts/work-sans-OFL.txt"
+      ],
+      "reviewStatus": "documented"
     }
   ]
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@taprootio/espalier",
-  "version": "4.20.1",
+  "version": "4.20.2",
   "packageManager": "bun@1.3.12",
   "description": "Espalier — a themeable, accessible, framework-agnostic, enterprise-grade design system built on web standards and love.",
   "customElements": "custom-elements.json",