@skdx/web-components-blocks 0.39.0 → 0.40.0

package/dist/page-container/PageContainer.d.ts

@@ -20,7 +20,7 @@ export interface SkdxPageContainerBreadcrumb {
  *
  * @example
  * ```html
- * <skdx-page-container title="Billing">
+ * <skdx-page-container heading="Billing">
  *   <skdx-button slot="actions">Export</skdx-button>
  *   <p>Invoices and payment methods.</p>
  * </skdx-page-container>
@@ -32,7 +32,7 @@ export interface SkdxPageContainerBreadcrumb {
 export declare class SkdxPageContainer extends LitElement {
     /** Light DOM, so `@skdx/skins` and consumer CSS reach the composed core elements. */
     createRenderRoot(): HTMLElement | DocumentFragment;
-    /** The page heading text, rendered into a derived Heading that also names the section. */
+    /** The page heading text, rendered into a derived Heading that also names the section. The JavaScript property is `title`. */
     title: string;
     /**
      * Heading level of the derived title. A page container normally holds the page's only `<h1>`; lower it when the block sits inside a larger outline.

package/dist/page-container/PageContainer.js

@@ -1,4 +1,4 @@
-var p=Object.defineProperty;var m=Object.getOwnPropertyDescriptor;var r=(o,a,i,n)=>{for(var t=n>1?void 0:n?m(a,i):a,l=o.length-1,d;l>=0;l--)(d=o[l])&&(t=(n?d(a,i,t):d(t))||t);return n&&t&&p(a,i,t),t};import{html as c,LitElement as u,nothing as b}from"lit";import{property as s}from"lit/decorators.js";import{customElement as g}from"../internal/define.js";import{placeSlotted as h}from"../internal/slots.js";import"@skdx/web-components/breadcrumb";import"@skdx/web-components/heading";import"@skdx/web-components/toolbar";var k="data-skdx-page-container-generated",x=0,e=class extends u{constructor(){super(...arguments);this.headingLevel=1;this.breadcrumbLabel="Breadcrumb";this.actionsLabel="Page actions";this.titleId=`skdx-page-container-title-${++x}`}createRenderRoot(){return this}connectedCallback(){super.connectedCallback(),this.setAttribute("role","region"),this.setAttribute("aria-labelledby",this.titleId),queueMicrotask(()=>this.requestUpdate())}get hasActions(){return this.querySelector('[slot="actions"], [data-skdx-slot="actions"]')!==null}region(i){return this.querySelector(`.skdx-page-container__${i}`)}updated(){h(this,k,{actions:this.region("actions")},this.region("content"))}render(){return c`
+var p=Object.defineProperty;var u=Object.getOwnPropertyDescriptor;var r=(o,a,i,s)=>{for(var t=s>1?void 0:s?u(a,i):a,d=o.length-1,l;d>=0;d--)(l=o[d])&&(t=(s?l(a,i,t):l(t))||t);return s&&t&&p(a,i,t),t};import{html as c,LitElement as m,nothing as b}from"lit";import{property as n}from"lit/decorators.js";import{customElement as g}from"../internal/define.js";import{placeSlotted as h}from"../internal/slots.js";import"@skdx/web-components/breadcrumb";import"@skdx/web-components/heading";import"@skdx/web-components/toolbar";var k="data-skdx-page-container-generated",x=0,e=class extends m{constructor(){super(...arguments);this.headingLevel=1;this.breadcrumbLabel="Breadcrumb";this.actionsLabel="Page actions";this.titleId=`skdx-page-container-title-${++x}`}createRenderRoot(){return this}connectedCallback(){super.connectedCallback(),this.setAttribute("role","region"),this.setAttribute("aria-labelledby",this.titleId),queueMicrotask(()=>this.requestUpdate())}get hasActions(){return this.querySelector('[slot="actions"], [data-skdx-slot="actions"]')!==null}region(i){return this.querySelector(`.skdx-page-container__${i}`)}updated(){h(this,k,{actions:this.region("actions")},this.region("content"))}render(){return c`
       <header
         class="skdx-page-container__header"
         data-skdx-page-container-generated
@@ -26,4 +26,4 @@ var p=Object.defineProperty;var m=Object.getOwnPropertyDescriptor;var r=(o,a,i,n
         class="skdx-page-container__content"
         data-skdx-page-container-generated
       ></div>
-    `}};r([s({type:String})],e.prototype,"title",2),r([s({type:Number,attribute:"heading-level"})],e.prototype,"headingLevel",2),r([s({attribute:!1})],e.prototype,"breadcrumbs",2),r([s({type:String,attribute:"breadcrumb-label"})],e.prototype,"breadcrumbLabel",2),r([s({type:String,attribute:"actions-label"})],e.prototype,"actionsLabel",2),e=r([g("skdx-page-container","page-container","root")],e);export{e as SkdxPageContainer};
+    `}};r([n({type:String,attribute:"heading"})],e.prototype,"title",2),r([n({type:Number,attribute:"heading-level"})],e.prototype,"headingLevel",2),r([n({attribute:!1})],e.prototype,"breadcrumbs",2),r([n({type:String,attribute:"breadcrumb-label"})],e.prototype,"breadcrumbLabel",2),r([n({type:String,attribute:"actions-label"})],e.prototype,"actionsLabel",2),e=r([g("skdx-page-container","page-container","root")],e);export{e as SkdxPageContainer};

package/dist/reset-password-page/ResetPasswordPage.cjs

@@ -67,4 +67,4 @@
               </skdx-form>`}
         ${this.hasSlotted("footer")?s.html`<div class="skdx-reset-password-page__footer"></div>`:s.nothing}
       </div>
-    `}};d([(0,n.property)({type:String})],i.prototype,"title",2),d([(0,n.property)({type:String})],i.prototype,"error",2),d([(0,n.property)({type:String})],i.prototype,"success",2),d([(0,n.property)({type:Boolean})],i.prototype,"pending",2),d([(0,n.property)({type:String,attribute:"password-label"})],i.prototype,"passwordLabel",2),d([(0,n.property)({type:String,attribute:"confirm-password-label"})],i.prototype,"confirmPasswordLabel",2),d([(0,n.property)({type:String,attribute:"password-mismatch-message"})],i.prototype,"passwordMismatchMessage",2),d([(0,n.property)({type:String,attribute:"submit-label"})],i.prototype,"submitLabel",2),i=d([(0,w.customElement)("skdx-reset-password-page","reset-password-page","root")],i);function k(a,t){return a.querySelector(`[name="${t}"]`)}0&&(module.exports={SkdxResetPasswordPage});
+    `}};d([(0,n.property)({type:String,attribute:"heading"})],i.prototype,"title",2),d([(0,n.property)({type:String})],i.prototype,"error",2),d([(0,n.property)({type:String})],i.prototype,"success",2),d([(0,n.property)({type:Boolean})],i.prototype,"pending",2),d([(0,n.property)({type:String,attribute:"password-label"})],i.prototype,"passwordLabel",2),d([(0,n.property)({type:String,attribute:"confirm-password-label"})],i.prototype,"confirmPasswordLabel",2),d([(0,n.property)({type:String,attribute:"password-mismatch-message"})],i.prototype,"passwordMismatchMessage",2),d([(0,n.property)({type:String,attribute:"submit-label"})],i.prototype,"submitLabel",2),i=d([(0,w.customElement)("skdx-reset-password-page","reset-password-page","root")],i);function k(a,t){return a.querySelector(`[name="${t}"]`)}0&&(module.exports={SkdxResetPasswordPage});

package/dist/reset-password-page/ResetPasswordPage.d.cts

@@ -44,7 +44,7 @@ export declare class SkdxResetPasswordPage extends LitElement {
     /** Light DOM, so `@skdx/skins` and consumer CSS reach the composed core elements. */
     createRenderRoot(): HTMLElement | DocumentFragment;
     /**
-     * Heading text, rendered into a derived `<h1>` that names the section.
+     * Heading text, rendered into a derived `<h1>` that names the section. The JavaScript property is `title`.
      * @default 'Choose a new password'
      */
     title: string;

package/dist/reset-password-page/ResetPasswordPage.d.ts

@@ -44,7 +44,7 @@ export declare class SkdxResetPasswordPage extends LitElement {
     /** Light DOM, so `@skdx/skins` and consumer CSS reach the composed core elements. */
     createRenderRoot(): HTMLElement | DocumentFragment;
     /**
-     * Heading text, rendered into a derived `<h1>` that names the section.
+     * Heading text, rendered into a derived `<h1>` that names the section. The JavaScript property is `title`.
      * @default 'Choose a new password'
      */
     title: string;

package/dist/reset-password-page/ResetPasswordPage.js

@@ -67,4 +67,4 @@ var h=Object.defineProperty;var k=Object.getOwnPropertyDescriptor;var r=(l,n,e,a
               </skdx-form>`}
         ${this.hasSlotted("footer")?o`<div class="skdx-reset-password-page__footer"></div>`:p}
       </div>
-    `}};r([d({type:String})],t.prototype,"title",2),r([d({type:String})],t.prototype,"error",2),r([d({type:String})],t.prototype,"success",2),r([d({type:Boolean})],t.prototype,"pending",2),r([d({type:String,attribute:"password-label"})],t.prototype,"passwordLabel",2),r([d({type:String,attribute:"confirm-password-label"})],t.prototype,"confirmPasswordLabel",2),r([d({type:String,attribute:"password-mismatch-message"})],t.prototype,"passwordMismatchMessage",2),r([d({type:String,attribute:"submit-label"})],t.prototype,"submitLabel",2),t=r([x("skdx-reset-password-page","reset-password-page","root")],t);function g(l,n){return l.querySelector(`[name="${n}"]`)}export{t as SkdxResetPasswordPage};
+    `}};r([d({type:String,attribute:"heading"})],t.prototype,"title",2),r([d({type:String})],t.prototype,"error",2),r([d({type:String})],t.prototype,"success",2),r([d({type:Boolean})],t.prototype,"pending",2),r([d({type:String,attribute:"password-label"})],t.prototype,"passwordLabel",2),r([d({type:String,attribute:"confirm-password-label"})],t.prototype,"confirmPasswordLabel",2),r([d({type:String,attribute:"password-mismatch-message"})],t.prototype,"passwordMismatchMessage",2),r([d({type:String,attribute:"submit-label"})],t.prototype,"submitLabel",2),t=r([x("skdx-reset-password-page","reset-password-page","root")],t);function g(l,n){return l.querySelector(`[name="${n}"]`)}export{t as SkdxResetPasswordPage};

package/dist/sign-in-page/SignInPage.cjs

@@ -1,4 +1,4 @@
-"use strict";var m=Object.defineProperty;var c=Object.getOwnPropertyDescriptor;var x=Object.getOwnPropertyNames;var h=Object.prototype.hasOwnProperty;var f=(s,r)=>{for(var e in r)m(s,e,{get:r[e],enumerable:!0})},_=(s,r,e,i)=>{if(r&&typeof r=="object"||typeof r=="function")for(let t of x(r))!h.call(s,t)&&t!==e&&m(s,t,{get:()=>r[t],enumerable:!(i=c(r,t))||i.enumerable});return s};var $=s=>_(m({},"__esModule",{value:!0}),s),l=(s,r,e,i)=>{for(var t=i>1?void 0:i?c(r,e):r,p=s.length-1,a;p>=0;p--)(a=s[p])&&(t=(i?a(r,e,t):a(t))||t);return i&&t&&m(r,e,t),t};var y={};f(y,{SkdxSignInPage:()=>d,defaultProviderLabel:()=>k});module.exports=$(y);var n=require("lit"),o=require("lit/decorators.js"),v=require("../internal/define.cjs"),g=require("../internal/events.cjs"),E=require("@skdx/web-components/alert"),S=require("@skdx/web-components/button"),I=require("@skdx/web-components/divider"),R=require("@skdx/web-components/field"),T=require("@skdx/web-components/form"),D=require("@skdx/web-components/heading"),q=require("@skdx/web-components/password-input"),M=require("@skdx/web-components/text-field");function k(s){return`Sign in with ${s.name}`}var u=new Set(["credentials","magic-link"]),L=0,d=class extends n.LitElement{constructor(){super(...arguments);this.title="Sign in";this.emailLabel="Email";this.passwordLabel="Password";this.submitLabel="Sign in";this.magicLinkLabel="Send magic link";this.titleId=`skdx-sign-in-page-title-${++L}`;this.handleSubmit=e=>{let i=e.target?.closest("skdx-form[data-provider]");if(!i)return;e.preventDefault();let t=i.getAttribute("data-provider")??"",p=b(i,"email");(0,g.emit)(this,"sign-in",t==="credentials"?{providerId:t,email:p,password:b(i,"password")}:{providerId:t,email:p})}}createRenderRoot(){return this}connectedCallback(){super.connectedCallback(),this.setAttribute("role","region"),this.setAttribute("aria-labelledby",this.titleId),this.addEventListener("submit",this.handleSubmit)}disconnectedCallback(){this.removeEventListener("submit",this.handleSubmit),super.disconnectedCallback()}signInWithProvider(e){(0,g.emit)(this,"sign-in",{providerId:e})}signInForm(e){let i=e.id==="credentials";return n.html`<skdx-form
+"use strict";var m=Object.defineProperty;var u=Object.getOwnPropertyDescriptor;var x=Object.getOwnPropertyNames;var h=Object.prototype.hasOwnProperty;var f=(s,r)=>{for(var e in r)m(s,e,{get:r[e],enumerable:!0})},_=(s,r,e,i)=>{if(r&&typeof r=="object"||typeof r=="function")for(let t of x(r))!h.call(s,t)&&t!==e&&m(s,t,{get:()=>r[t],enumerable:!(i=u(r,t))||i.enumerable});return s};var $=s=>_(m({},"__esModule",{value:!0}),s),l=(s,r,e,i)=>{for(var t=i>1?void 0:i?u(r,e):r,p=s.length-1,a;p>=0;p--)(a=s[p])&&(t=(i?a(r,e,t):a(t))||t);return i&&t&&m(r,e,t),t};var y={};f(y,{SkdxSignInPage:()=>d,defaultProviderLabel:()=>k});module.exports=$(y);var n=require("lit"),o=require("lit/decorators.js"),v=require("../internal/define.cjs"),g=require("../internal/events.cjs"),E=require("@skdx/web-components/alert"),S=require("@skdx/web-components/button"),I=require("@skdx/web-components/divider"),R=require("@skdx/web-components/field"),T=require("@skdx/web-components/form"),D=require("@skdx/web-components/heading"),q=require("@skdx/web-components/password-input"),M=require("@skdx/web-components/text-field");function k(s){return`Sign in with ${s.name}`}var c=new Set(["credentials","magic-link"]),L=0,d=class extends n.LitElement{constructor(){super(...arguments);this.title="Sign in";this.emailLabel="Email";this.passwordLabel="Password";this.submitLabel="Sign in";this.magicLinkLabel="Send magic link";this.titleId=`skdx-sign-in-page-title-${++L}`;this.handleSubmit=e=>{let i=e.target?.closest("skdx-form[data-provider]");if(!i)return;e.preventDefault();let t=i.getAttribute("data-provider")??"",p=b(i,"email");(0,g.emit)(this,"sign-in",t==="credentials"?{providerId:t,email:p,password:b(i,"password")}:{providerId:t,email:p})}}createRenderRoot(){return this}connectedCallback(){super.connectedCallback(),this.setAttribute("role","region"),this.setAttribute("aria-labelledby",this.titleId),this.addEventListener("submit",this.handleSubmit)}disconnectedCallback(){this.removeEventListener("submit",this.handleSubmit),super.disconnectedCallback()}signInWithProvider(e){(0,g.emit)(this,"sign-in",{providerId:e})}signInForm(e){let i=e.id==="credentials";return n.html`<skdx-form
       class="skdx-sign-in-page__form"
       data-provider=${e.id}
     >
@@ -35,7 +35,7 @@
           >${i?this.submitLabel:this.magicLinkLabel}</skdx-button
         >
       </form>
-    </skdx-form>`}render(){let e=this.providers??[],i=e.filter(a=>!u.has(a.id)),t=e.filter(a=>u.has(a.id)),p=this.getProviderLabel??k;return n.html`
+    </skdx-form>`}render(){let e=this.providers??[],i=e.filter(a=>!c.has(a.id)),t=e.filter(a=>c.has(a.id)),p=this.getProviderLabel??k;return n.html`
       <div class="skdx-sign-in-page__panel">
         <skdx-heading
           class="skdx-sign-in-page__title"
@@ -61,4 +61,4 @@
         ${i.length&&t.length?n.html`<skdx-divider class="skdx-sign-in-page__divider"></skdx-divider>`:n.nothing}
         ${t.map(a=>this.signInForm(a))}
       </div>
-    `}};l([(0,o.property)({type:String})],d.prototype,"title",2),l([(0,o.property)({attribute:!1})],d.prototype,"providers",2),l([(0,o.property)({type:String})],d.prototype,"error",2),l([(0,o.property)({type:String,attribute:"email-label"})],d.prototype,"emailLabel",2),l([(0,o.property)({type:String,attribute:"password-label"})],d.prototype,"passwordLabel",2),l([(0,o.property)({type:String,attribute:"submit-label"})],d.prototype,"submitLabel",2),l([(0,o.property)({type:String,attribute:"magic-link-label"})],d.prototype,"magicLinkLabel",2),l([(0,o.property)({attribute:!1})],d.prototype,"getProviderLabel",2),d=l([(0,v.customElement)("skdx-sign-in-page","sign-in-page","root")],d);function b(s,r){return s.querySelector(`[name="${r}"]`)?.value??""}0&&(module.exports={SkdxSignInPage,defaultProviderLabel});
+    `}};l([(0,o.property)({type:String,attribute:"heading"})],d.prototype,"title",2),l([(0,o.property)({attribute:!1})],d.prototype,"providers",2),l([(0,o.property)({type:String})],d.prototype,"error",2),l([(0,o.property)({type:String,attribute:"email-label"})],d.prototype,"emailLabel",2),l([(0,o.property)({type:String,attribute:"password-label"})],d.prototype,"passwordLabel",2),l([(0,o.property)({type:String,attribute:"submit-label"})],d.prototype,"submitLabel",2),l([(0,o.property)({type:String,attribute:"magic-link-label"})],d.prototype,"magicLinkLabel",2),l([(0,o.property)({attribute:!1})],d.prototype,"getProviderLabel",2),d=l([(0,v.customElement)("skdx-sign-in-page","sign-in-page","root")],d);function b(s,r){return s.querySelector(`[name="${r}"]`)?.value??""}0&&(module.exports={SkdxSignInPage,defaultProviderLabel});

package/dist/sign-in-page/SignInPage.d.cts

@@ -49,7 +49,7 @@ export declare class SkdxSignInPage extends LitElement {
     /** Light DOM, so `@skdx/skins` and consumer CSS reach the composed core elements. */
     createRenderRoot(): HTMLElement | DocumentFragment;
     /**
-     * Heading text, rendered into a derived `<h1>` that names the section.
+     * Heading text, rendered into a derived `<h1>` that names the section. The JavaScript property is `title`.
      * @default 'Sign in'
      */
     title: string;

package/dist/sign-in-page/SignInPage.d.ts

@@ -49,7 +49,7 @@ export declare class SkdxSignInPage extends LitElement {
     /** Light DOM, so `@skdx/skins` and consumer CSS reach the composed core elements. */
     createRenderRoot(): HTMLElement | DocumentFragment;
     /**
-     * Heading text, rendered into a derived `<h1>` that names the section.
+     * Heading text, rendered into a derived `<h1>` that names the section. The JavaScript property is `title`.
      * @default 'Sign in'
      */
     title: string;

package/dist/sign-in-page/SignInPage.js

@@ -1,4 +1,4 @@
-var b=Object.defineProperty;var v=Object.getOwnPropertyDescriptor;var n=(l,o,t,e)=>{for(var i=e>1?void 0:e?v(o,t):o,a=l.length-1,r;a>=0;a--)(r=l[a])&&(i=(e?r(o,t,i):r(i))||i);return e&&i&&b(o,t,i),i};import{html as p,LitElement as k,nothing as m}from"lit";import{property as d}from"lit/decorators.js";import{customElement as x}from"../internal/define.js";import{emit as g}from"../internal/events.js";import"@skdx/web-components/alert";import"@skdx/web-components/button";import"@skdx/web-components/divider";import"@skdx/web-components/field";import"@skdx/web-components/form";import"@skdx/web-components/heading";import"@skdx/web-components/password-input";import"@skdx/web-components/text-field";function h(l){return`Sign in with ${l.name}`}var c=new Set(["credentials","magic-link"]),f=0,s=class extends k{constructor(){super(...arguments);this.title="Sign in";this.emailLabel="Email";this.passwordLabel="Password";this.submitLabel="Sign in";this.magicLinkLabel="Send magic link";this.titleId=`skdx-sign-in-page-title-${++f}`;this.handleSubmit=t=>{let e=t.target?.closest("skdx-form[data-provider]");if(!e)return;t.preventDefault();let i=e.getAttribute("data-provider")??"",a=u(e,"email");g(this,"sign-in",i==="credentials"?{providerId:i,email:a,password:u(e,"password")}:{providerId:i,email:a})}}createRenderRoot(){return this}connectedCallback(){super.connectedCallback(),this.setAttribute("role","region"),this.setAttribute("aria-labelledby",this.titleId),this.addEventListener("submit",this.handleSubmit)}disconnectedCallback(){this.removeEventListener("submit",this.handleSubmit),super.disconnectedCallback()}signInWithProvider(t){g(this,"sign-in",{providerId:t})}signInForm(t){let e=t.id==="credentials";return p`<skdx-form
+var b=Object.defineProperty;var v=Object.getOwnPropertyDescriptor;var n=(l,o,t,e)=>{for(var i=e>1?void 0:e?v(o,t):o,a=l.length-1,r;a>=0;a--)(r=l[a])&&(i=(e?r(o,t,i):r(i))||i);return e&&i&&b(o,t,i),i};import{html as p,LitElement as k,nothing as m}from"lit";import{property as d}from"lit/decorators.js";import{customElement as x}from"../internal/define.js";import{emit as g}from"../internal/events.js";import"@skdx/web-components/alert";import"@skdx/web-components/button";import"@skdx/web-components/divider";import"@skdx/web-components/field";import"@skdx/web-components/form";import"@skdx/web-components/heading";import"@skdx/web-components/password-input";import"@skdx/web-components/text-field";function h(l){return`Sign in with ${l.name}`}var u=new Set(["credentials","magic-link"]),f=0,s=class extends k{constructor(){super(...arguments);this.title="Sign in";this.emailLabel="Email";this.passwordLabel="Password";this.submitLabel="Sign in";this.magicLinkLabel="Send magic link";this.titleId=`skdx-sign-in-page-title-${++f}`;this.handleSubmit=t=>{let e=t.target?.closest("skdx-form[data-provider]");if(!e)return;t.preventDefault();let i=e.getAttribute("data-provider")??"",a=c(e,"email");g(this,"sign-in",i==="credentials"?{providerId:i,email:a,password:c(e,"password")}:{providerId:i,email:a})}}createRenderRoot(){return this}connectedCallback(){super.connectedCallback(),this.setAttribute("role","region"),this.setAttribute("aria-labelledby",this.titleId),this.addEventListener("submit",this.handleSubmit)}disconnectedCallback(){this.removeEventListener("submit",this.handleSubmit),super.disconnectedCallback()}signInWithProvider(t){g(this,"sign-in",{providerId:t})}signInForm(t){let e=t.id==="credentials";return p`<skdx-form
       class="skdx-sign-in-page__form"
       data-provider=${t.id}
     >
@@ -35,7 +35,7 @@ var b=Object.defineProperty;var v=Object.getOwnPropertyDescriptor;var n=(l,o,t,e
           >${e?this.submitLabel:this.magicLinkLabel}</skdx-button
         >
       </form>
-    </skdx-form>`}render(){let t=this.providers??[],e=t.filter(r=>!c.has(r.id)),i=t.filter(r=>c.has(r.id)),a=this.getProviderLabel??h;return p`
+    </skdx-form>`}render(){let t=this.providers??[],e=t.filter(r=>!u.has(r.id)),i=t.filter(r=>u.has(r.id)),a=this.getProviderLabel??h;return p`
       <div class="skdx-sign-in-page__panel">
         <skdx-heading
           class="skdx-sign-in-page__title"
@@ -61,4 +61,4 @@ var b=Object.defineProperty;var v=Object.getOwnPropertyDescriptor;var n=(l,o,t,e
         ${e.length&&i.length?p`<skdx-divider class="skdx-sign-in-page__divider"></skdx-divider>`:m}
         ${i.map(r=>this.signInForm(r))}
       </div>
-    `}};n([d({type:String})],s.prototype,"title",2),n([d({attribute:!1})],s.prototype,"providers",2),n([d({type:String})],s.prototype,"error",2),n([d({type:String,attribute:"email-label"})],s.prototype,"emailLabel",2),n([d({type:String,attribute:"password-label"})],s.prototype,"passwordLabel",2),n([d({type:String,attribute:"submit-label"})],s.prototype,"submitLabel",2),n([d({type:String,attribute:"magic-link-label"})],s.prototype,"magicLinkLabel",2),n([d({attribute:!1})],s.prototype,"getProviderLabel",2),s=n([x("skdx-sign-in-page","sign-in-page","root")],s);function u(l,o){return l.querySelector(`[name="${o}"]`)?.value??""}export{s as SkdxSignInPage,h as defaultProviderLabel};
+    `}};n([d({type:String,attribute:"heading"})],s.prototype,"title",2),n([d({attribute:!1})],s.prototype,"providers",2),n([d({type:String})],s.prototype,"error",2),n([d({type:String,attribute:"email-label"})],s.prototype,"emailLabel",2),n([d({type:String,attribute:"password-label"})],s.prototype,"passwordLabel",2),n([d({type:String,attribute:"submit-label"})],s.prototype,"submitLabel",2),n([d({type:String,attribute:"magic-link-label"})],s.prototype,"magicLinkLabel",2),n([d({attribute:!1})],s.prototype,"getProviderLabel",2),s=n([x("skdx-sign-in-page","sign-in-page","root")],s);function c(l,o){return l.querySelector(`[name="${o}"]`)?.value??""}export{s as SkdxSignInPage,h as defaultProviderLabel};

package/dist/sign-up-page/SignUpPage.cjs

@@ -107,4 +107,4 @@
         </skdx-form>
         ${this.hasSlotted("footer")?r.html`<div class="skdx-sign-up-page__footer"></div>`:r.nothing}
       </div>
-    `}};n([(0,l.property)({type:String})],d.prototype,"title",2),n([(0,l.property)({attribute:!1})],d.prototype,"providers",2),n([(0,l.property)({type:String})],d.prototype,"error",2),n([(0,l.property)({type:Boolean})],d.prototype,"pending",2),n([(0,l.property)({type:String,attribute:"name-label"})],d.prototype,"nameLabel",2),n([(0,l.property)({type:String,attribute:"email-label"})],d.prototype,"emailLabel",2),n([(0,l.property)({type:String,attribute:"password-label"})],d.prototype,"passwordLabel",2),n([(0,l.property)({type:String,attribute:"confirm-password-label"})],d.prototype,"confirmPasswordLabel",2),n([(0,l.property)({type:String,attribute:"password-mismatch-message"})],d.prototype,"passwordMismatchMessage",2),n([(0,l.property)({type:String,attribute:"submit-label"})],d.prototype,"submitLabel",2),n([(0,l.property)({attribute:!1})],d.prototype,"getProviderLabel",2),n([(0,l.state)()],d.prototype,"termsError",2),d=n([(0,b.customElement)("skdx-sign-up-page","sign-up-page","root")],d);function v(a,t){return a.querySelector(`[name="${t}"]`)}function c(a,t){return v(a,t)?.value??""}function q(a){return a.querySelector('[name="terms"]')?.checked===!0}0&&(module.exports={SkdxSignUpPage});
+    `}};n([(0,l.property)({type:String,attribute:"heading"})],d.prototype,"title",2),n([(0,l.property)({attribute:!1})],d.prototype,"providers",2),n([(0,l.property)({type:String})],d.prototype,"error",2),n([(0,l.property)({type:Boolean})],d.prototype,"pending",2),n([(0,l.property)({type:String,attribute:"name-label"})],d.prototype,"nameLabel",2),n([(0,l.property)({type:String,attribute:"email-label"})],d.prototype,"emailLabel",2),n([(0,l.property)({type:String,attribute:"password-label"})],d.prototype,"passwordLabel",2),n([(0,l.property)({type:String,attribute:"confirm-password-label"})],d.prototype,"confirmPasswordLabel",2),n([(0,l.property)({type:String,attribute:"password-mismatch-message"})],d.prototype,"passwordMismatchMessage",2),n([(0,l.property)({type:String,attribute:"submit-label"})],d.prototype,"submitLabel",2),n([(0,l.property)({attribute:!1})],d.prototype,"getProviderLabel",2),n([(0,l.state)()],d.prototype,"termsError",2),d=n([(0,b.customElement)("skdx-sign-up-page","sign-up-page","root")],d);function v(a,t){return a.querySelector(`[name="${t}"]`)}function c(a,t){return v(a,t)?.value??""}function q(a){return a.querySelector('[name="terms"]')?.checked===!0}0&&(module.exports={SkdxSignUpPage});

package/dist/sign-up-page/SignUpPage.d.cts

@@ -55,7 +55,7 @@ export declare class SkdxSignUpPage extends LitElement {
     /** Light DOM, so `@skdx/skins` and consumer CSS reach the composed core elements. */
     createRenderRoot(): HTMLElement | DocumentFragment;
     /**
-     * Heading text, rendered into a derived `<h1>` that names the section.
+     * Heading text, rendered into a derived `<h1>` that names the section. The JavaScript property is `title`.
      * @default 'Create account'
      */
     title: string;

package/dist/sign-up-page/SignUpPage.d.ts

@@ -55,7 +55,7 @@ export declare class SkdxSignUpPage extends LitElement {
     /** Light DOM, so `@skdx/skins` and consumer CSS reach the composed core elements. */
     createRenderRoot(): HTMLElement | DocumentFragment;
     /**
-     * Heading text, rendered into a derived `<h1>` that names the section.
+     * Heading text, rendered into a derived `<h1>` that names the section. The JavaScript property is `title`.
      * @default 'Create account'
      */
     title: string;

package/dist/sign-up-page/SignUpPage.js

@@ -107,4 +107,4 @@ var k=Object.defineProperty;var b=Object.getOwnPropertyDescriptor;var r=(n,d,e,t
         </skdx-form>
         ${this.hasSlotted("footer")?l`<div class="skdx-sign-up-page__footer"></div>`:u}
       </div>
-    `}};r([a({type:String})],s.prototype,"title",2),r([a({attribute:!1})],s.prototype,"providers",2),r([a({type:String})],s.prototype,"error",2),r([a({type:Boolean})],s.prototype,"pending",2),r([a({type:String,attribute:"name-label"})],s.prototype,"nameLabel",2),r([a({type:String,attribute:"email-label"})],s.prototype,"emailLabel",2),r([a({type:String,attribute:"password-label"})],s.prototype,"passwordLabel",2),r([a({type:String,attribute:"confirm-password-label"})],s.prototype,"confirmPasswordLabel",2),r([a({type:String,attribute:"password-mismatch-message"})],s.prototype,"passwordMismatchMessage",2),r([a({type:String,attribute:"submit-label"})],s.prototype,"submitLabel",2),r([a({attribute:!1})],s.prototype,"getProviderLabel",2),r([v()],s.prototype,"termsError",2),s=r([E("skdx-sign-up-page","sign-up-page","root")],s);function x(n,d){return n.querySelector(`[name="${d}"]`)}function m(n,d){return x(n,d)?.value??""}function M(n){return n.querySelector('[name="terms"]')?.checked===!0}export{s as SkdxSignUpPage};
+    `}};r([a({type:String,attribute:"heading"})],s.prototype,"title",2),r([a({attribute:!1})],s.prototype,"providers",2),r([a({type:String})],s.prototype,"error",2),r([a({type:Boolean})],s.prototype,"pending",2),r([a({type:String,attribute:"name-label"})],s.prototype,"nameLabel",2),r([a({type:String,attribute:"email-label"})],s.prototype,"emailLabel",2),r([a({type:String,attribute:"password-label"})],s.prototype,"passwordLabel",2),r([a({type:String,attribute:"confirm-password-label"})],s.prototype,"confirmPasswordLabel",2),r([a({type:String,attribute:"password-mismatch-message"})],s.prototype,"passwordMismatchMessage",2),r([a({type:String,attribute:"submit-label"})],s.prototype,"submitLabel",2),r([a({attribute:!1})],s.prototype,"getProviderLabel",2),r([v()],s.prototype,"termsError",2),s=r([E("skdx-sign-up-page","sign-up-page","root")],s);function x(n,d){return n.querySelector(`[name="${d}"]`)}function m(n,d){return x(n,d)?.value??""}function M(n){return n.querySelector('[name="terms"]')?.checked===!0}export{s as SkdxSignUpPage};

package/dist/verification-page/VerificationPage.cjs

@@ -63,4 +63,4 @@
               </div>`:n.nothing}
         ${this.hasSlotted("footer")?n.html`<div class="skdx-verification-page__footer"></div>`:n.nothing}
       </div>
-    `}};a([(0,o.property)({type:String})],r.prototype,"title",2),a([(0,o.property)({type:String})],r.prototype,"description",2),a([(0,o.property)({type:String})],r.prototype,"error",2),a([(0,o.property)({type:Boolean})],r.prototype,"pending",2),a([(0,o.property)({type:String,attribute:"code-label"})],r.prototype,"codeLabel",2),a([(0,o.property)({type:Number})],r.prototype,"length",2),a([(0,o.property)({type:String})],r.prototype,"value",2),a([(0,o.property)({type:String,attribute:"default-value"})],r.prototype,"defaultValue",2),a([(0,o.property)({type:String,attribute:"submit-label"})],r.prototype,"submitLabel",2),a([(0,o.property)({type:String,attribute:"resend-label"})],r.prototype,"resendLabel",2),a([(0,o.property)({type:Boolean,attribute:"resend-disabled"})],r.prototype,"resendDisabled",2),a([(0,o.property)({type:String,attribute:"resend-hint"})],r.prototype,"resendHint",2),a([(0,o.state)()],r.prototype,"codeError",2),r=a([(0,m.customElement)("skdx-verification-page","verification-page","root")],r);0&&(module.exports={SkdxVerificationPage});
+    `}};a([(0,o.property)({type:String,attribute:"heading"})],r.prototype,"title",2),a([(0,o.property)({type:String})],r.prototype,"description",2),a([(0,o.property)({type:String})],r.prototype,"error",2),a([(0,o.property)({type:Boolean})],r.prototype,"pending",2),a([(0,o.property)({type:String,attribute:"code-label"})],r.prototype,"codeLabel",2),a([(0,o.property)({type:Number})],r.prototype,"length",2),a([(0,o.property)({type:String})],r.prototype,"value",2),a([(0,o.property)({type:String,attribute:"default-value"})],r.prototype,"defaultValue",2),a([(0,o.property)({type:String,attribute:"submit-label"})],r.prototype,"submitLabel",2),a([(0,o.property)({type:String,attribute:"resend-label"})],r.prototype,"resendLabel",2),a([(0,o.property)({type:Boolean,attribute:"resend-disabled"})],r.prototype,"resendDisabled",2),a([(0,o.property)({type:String,attribute:"resend-hint"})],r.prototype,"resendHint",2),a([(0,o.state)()],r.prototype,"codeError",2),r=a([(0,m.customElement)("skdx-verification-page","verification-page","root")],r);0&&(module.exports={SkdxVerificationPage});

package/dist/verification-page/VerificationPage.d.cts

@@ -52,7 +52,7 @@ export declare class SkdxVerificationPage extends LitElement {
     /** Light DOM, so `@skdx/skins` and consumer CSS reach the composed core elements. */
     createRenderRoot(): HTMLElement | DocumentFragment;
     /**
-     * Heading text, rendered into a derived `<h1>` that names the section.
+     * Heading text, rendered into a derived `<h1>` that names the section. The JavaScript property is `title`.
      * @default 'Enter your verification code'
      */
     title: string;

package/dist/verification-page/VerificationPage.d.ts

@@ -52,7 +52,7 @@ export declare class SkdxVerificationPage extends LitElement {
     /** Light DOM, so `@skdx/skins` and consumer CSS reach the composed core elements. */
     createRenderRoot(): HTMLElement | DocumentFragment;
     /**
-     * Heading text, rendered into a derived `<h1>` that names the section.
+     * Heading text, rendered into a derived `<h1>` that names the section. The JavaScript property is `title`.
      * @default 'Enter your verification code'
      */
     title: string;

package/dist/verification-page/VerificationPage.js

@@ -63,4 +63,4 @@ var h=Object.defineProperty;var g=Object.getOwnPropertyDescriptor;var r=(l,d,e,t
               </div>`:o}
         ${this.hasSlotted("footer")?a`<div class="skdx-verification-page__footer"></div>`:o}
       </div>
-    `}};r([s({type:String})],i.prototype,"title",2),r([s({type:String})],i.prototype,"description",2),r([s({type:String})],i.prototype,"error",2),r([s({type:Boolean})],i.prototype,"pending",2),r([s({type:String,attribute:"code-label"})],i.prototype,"codeLabel",2),r([s({type:Number})],i.prototype,"length",2),r([s({type:String})],i.prototype,"value",2),r([s({type:String,attribute:"default-value"})],i.prototype,"defaultValue",2),r([s({type:String,attribute:"submit-label"})],i.prototype,"submitLabel",2),r([s({type:String,attribute:"resend-label"})],i.prototype,"resendLabel",2),r([s({type:Boolean,attribute:"resend-disabled"})],i.prototype,"resendDisabled",2),r([s({type:String,attribute:"resend-hint"})],i.prototype,"resendHint",2),r([b()],i.prototype,"codeError",2),i=r([E("skdx-verification-page","verification-page","root")],i);export{i as SkdxVerificationPage};
+    `}};r([s({type:String,attribute:"heading"})],i.prototype,"title",2),r([s({type:String})],i.prototype,"description",2),r([s({type:String})],i.prototype,"error",2),r([s({type:Boolean})],i.prototype,"pending",2),r([s({type:String,attribute:"code-label"})],i.prototype,"codeLabel",2),r([s({type:Number})],i.prototype,"length",2),r([s({type:String})],i.prototype,"value",2),r([s({type:String,attribute:"default-value"})],i.prototype,"defaultValue",2),r([s({type:String,attribute:"submit-label"})],i.prototype,"submitLabel",2),r([s({type:String,attribute:"resend-label"})],i.prototype,"resendLabel",2),r([s({type:Boolean,attribute:"resend-disabled"})],i.prototype,"resendDisabled",2),r([s({type:String,attribute:"resend-hint"})],i.prototype,"resendHint",2),r([b()],i.prototype,"codeError",2),i=r([E("skdx-verification-page","verification-page","root")],i);export{i as SkdxVerificationPage};

package/dist/workspace-switcher/WorkspaceSwitcher.d.cts

@@ -54,7 +54,6 @@ export interface SkdxWorkspaceSwitcherValueChangeDetail {
  * @fires pointer-down-outside - Fires on a pointer-down outside the panel while open; `preventDefault()` keeps it open.
  * @fires focus-outside - Fires when focus moves outside the panel while open; `preventDefault()` keeps it open.
  * @fires interact-outside - Fires for either kind of outside interaction, just before the specific event.
- * @fires open-auto-focus - Fires before focus moves into the panel on open; `preventDefault()` leaves focus where it is.
  * @fires close-auto-focus - Fires before focus returns to the trigger on close; `preventDefault()` suppresses that return.
  */
 export declare class SkdxWorkspaceSwitcher extends LitElement {

package/dist/workspace-switcher/WorkspaceSwitcher.d.ts

@@ -54,7 +54,6 @@ export interface SkdxWorkspaceSwitcherValueChangeDetail {
  * @fires pointer-down-outside - Fires on a pointer-down outside the panel while open; `preventDefault()` keeps it open.
  * @fires focus-outside - Fires when focus moves outside the panel while open; `preventDefault()` keeps it open.
  * @fires interact-outside - Fires for either kind of outside interaction, just before the specific event.
- * @fires open-auto-focus - Fires before focus moves into the panel on open; `preventDefault()` leaves focus where it is.
  * @fires close-auto-focus - Fires before focus returns to the trigger on close; `preventDefault()` suppresses that return.
  */
 export declare class SkdxWorkspaceSwitcher extends LitElement {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@skdx/web-components-blocks",
-  "version": "0.39.0",
+  "version": "0.40.0",
   "description": "Web Components blocks for the SkandaDX design system — page-level compositions of @skdx/web-components styled by @skdx/skins",
   "license": "MIT",
   "publishConfig": {
@@ -343,7 +343,7 @@
   ],
   "peerDependencies": {
     "lit": "^3.3.0",
-    "@skdx/web-components": "^0.39.0"
+    "@skdx/web-components": "^0.40.0"
   },
   "devDependencies": {
     "@custom-elements-manifest/analyzer": "^0.10.4",
@@ -354,7 +354,7 @@
     "tsup": "^8.5.1",
     "typescript": "^6.0.3",
     "vitest": "^4.1.10",
-    "@skdx/web-components": "0.39.0"
+    "@skdx/web-components": "0.40.0"
   },
   "scripts": {
     "lint": "eslint . --cache --cache-location node_modules/.cache/eslint/",